From bf4d2c1a8d9c75f0325d641364b71ff02793fb40 Mon Sep 17 00:00:00 2001
From: gvreddy04 <gvreddy04@gmail.com>
Date: Mon, 1 Jul 2024 07:32:30 +0000
Subject: [PATCH] Deploy website - based on
 d5649761178631d608fb87ffbcb274207f3d647e

---
 404.html                                      |  8 ++---
 ...4b071.61f15721.js => 0534b071.6e9672d1.js} |  2 +-
 assets/js/06e625b9.201d14a2.js                |  1 +
 assets/js/06e625b9.394fc804.js                |  1 -
 ...55142.55bc491c.js => 07e55142.e94f235a.js} |  2 +-
 ...2d6c1.c4cb3adc.js => 0892d6c1.12e77b47.js} |  2 +-
 ...e4159.db1b7cc3.js => 11ce4159.6fc34702.js} |  2 +-
 ...9876c.cb9abd3c.js => 12e9876c.dbe2c1cc.js} |  2 +-
 assets/js/14f7618e.04058914.js                |  1 +
 ...77f5e.2188de6d.js => 15b77f5e.607dce4a.js} |  2 +-
 ...96441.a8055c26.js => 17896441.ac93bb20.js} |  2 +-
 assets/js/180751f5.e603071a.js                |  1 +
 ...ff04e.9071d92b.js => 1a0ff04e.c34c3972.js} |  2 +-
 assets/js/1b490e8c.2bd2c820.js                |  1 +
 assets/js/28293836.198a832e.js                |  1 -
 assets/js/28293836.4389f17c.js                |  1 +
 ...b7278.a92066fb.js => 28db7278.ac187b18.js} |  2 +-
 assets/js/3910f4a5.4c6edc79.js                |  1 -
 assets/js/3910f4a5.75fdbe67.js                |  1 +
 ...a21e2.40707e9d.js => 3cda21e2.53e05618.js} |  2 +-
 ...c4dbb.c2633a70.js => 44ac4dbb.05aff4b9.js} |  2 +-
 ...38721.2c59fad2.js => 46038721.41e30cca.js} |  2 +-
 .../{46048.039bc60b.js => 46048.4c6057c9.js}  |  2 +-
 ...acf91.66de73ae.js => 4caacf91.cfff348a.js} |  2 +-
 ...7dccd.05a720d6.js => 4d57dccd.55dcac87.js} |  2 +-
 ...4c9a7.5e1d60a9.js => 4de4c9a7.c00e5096.js} |  2 +-
 ...38bc3.8bedc675.js => 4f538bc3.39e4e8d6.js} |  2 +-
 ...a10a6.fd3d80af.js => 4fda10a6.61786f0c.js} |  2 +-
 ...cc2fd.bf8c700b.js => 510cc2fd.357c988f.js} |  2 +-
 ...99127.036a2d1f.js => 52099127.61c7b72a.js} |  2 +-
 ...fd30c.25eb2651.js => 536fd30c.50d32107.js} |  2 +-
 ...ae9c8.f1cfe984.js => 583ae9c8.173b7c01.js} |  2 +-
 ...657f8.511d2492.js => 5c0657f8.be907361.js} |  2 +-
 ...65c7c.a0454fea.js => 61165c7c.7e2292c7.js} |  2 +-
 ...64ddd.f4c13175.js => 66664ddd.1af0136e.js} |  2 +-
 ...ef7fc.e4de4ca3.js => 76fef7fc.a861e430.js} |  2 +-
 ...7ecf0.fa38a09c.js => 7cb7ecf0.35c72ad5.js} |  2 +-
 ...726a8.7450b69a.js => 7d9726a8.a9e37d83.js} |  2 +-
 ...cd4e7.9393a7be.js => 7e5cd4e7.793abe06.js} |  2 +-
 assets/js/814f3328.2243550b.js                |  1 -
 assets/js/814f3328.591784af.js                |  1 +
 ...a6483.39c1c777.js => 825a6483.4804398c.js} |  2 +-
 ...1c86a.9adbc64f.js => 85b1c86a.2fcffdf3.js} |  2 +-
 .../{88105.d37b706e.js => 88105.878fa3c4.js}  |  2 +-
 ...680a8.b84d5784.js => 8b4680a8.1a1159d7.js} |  2 +-
 ...4e46b.2e6e0add.js => 8eb4e46b.8a75ee64.js} |  2 +-
 ...2cf6c.3631e9ee.js => 8ec2cf6c.37467b4c.js} |  2 +-
 assets/js/8f38113f.8e138b83.js                |  1 -
 assets/js/8f38113f.c5cdcd2d.js                |  1 +
 ...83a90.8c3c3e79.js => 90283a90.5ff9d2fa.js} |  2 +-
 ...99a1c.ba8a31a8.js => 92999a1c.a16cf4d8.js} |  2 +-
 ...91303.2cd99736.js => 92a91303.c78a35dd.js} |  2 +-
 assets/js/935f2afb.31436c0d.js                |  1 -
 assets/js/935f2afb.4c3d705b.js                |  1 +
 ...a6861.3149e4c8.js => 94ba6861.af88850c.js} |  2 +-
 assets/js/961dfa7e.ab9958b1.js                |  1 +
 ...13ce6.4d1099bc.js => a6013ce6.6fbc18c7.js} |  2 +-
 assets/js/a7023ddc.15127513.js                |  1 +
 assets/js/a7023ddc.8893d48d.js                |  1 -
 ...5f7ce.26da2d2a.js => a7a5f7ce.a29a75d4.js} |  2 +-
 ...75713.e92d7ebb.js => afb75713.5c730fac.js} |  2 +-
 ...c83d9.6a9a5414.js => b1dc83d9.3be33801.js} |  2 +-
 ...675dd.9d01e583.js => b2b675dd.6ba19635.js} |  2 +-
 assets/js/b2f554cd.037d909d.js                |  1 -
 assets/js/b2f554cd.c907f9d6.js                |  1 +
 ...9fb77.59261587.js => b329fb77.ffb2d626.js} |  2 +-
 ...59c16.f237f86d.js => b5859c16.be3ab49e.js} |  2 +-
 ...bae9a.c33b5f5b.js => bd1bae9a.3f385a9b.js} |  2 +-
 ...fae8f.00860718.js => bf8fae8f.95c31d96.js} |  2 +-
 assets/js/c16d5092.91ea679c.js                |  1 +
 assets/js/c18cbc7b.65c77894.js                |  1 -
 assets/js/c18cbc7b.6c62616b.js                |  1 +
 ...1da80.a5a32ad2.js => c291da80.684b0326.js} |  2 +-
 ...b690c.cd82ea53.js => c2eb690c.1e783a64.js} |  2 +-
 ...ddc25.225050e5.js => ca5ddc25.f00aea29.js} |  2 +-
 ...2721c.fa2ae220.js => caa2721c.36903306.js} |  2 +-
 ...57793.568e98dd.js => cfa57793.118423a7.js} |  2 +-
 ...f9a0e.27b8ef14.js => d39f9a0e.b8bd554c.js} |  2 +-
 ...bf226.af74c172.js => d7dbf226.a0253497.js} |  2 +-
 ...5feea.7cf18589.js => da55feea.7342a4d5.js} |  2 +-
 ...bb20e.240726ea.js => e33bb20e.44dc519d.js} |  2 +-
 assets/js/e6fe0126.604c2ea7.js                |  1 +
 assets/js/ea94c85a.11a5599d.js                |  1 +
 assets/js/ea94c85a.c8d214ce.js                |  1 -
 assets/js/eaf127fe.2831f3ca.js                |  1 +
 ...22c80.ee478265.js => ebf22c80.86935276.js} |  2 +-
 ...465b6.1e90ce2d.js => ed7465b6.523fe910.js} |  2 +-
 ...37577.e79f6fd2.js => f0737577.c720ba96.js} |  2 +-
 ...6df44.839fc409.js => f386df44.819511b3.js} |  2 +-
 ...d21d3.ed68d6f8.js => f5ad21d3.386966b0.js} |  2 +-
 ...c984b.95396e26.js => f6fc984b.7bb49c9c.js} |  2 +-
 ...f0f8a.c9bd1b28.js => f90f0f8a.e996d9e3.js} |  2 +-
 ...463af.5726b439.js => fb3463af.2f88c041.js} |  2 +-
 ...545c1.2576f07b.js => ffb545c1.c4c9faa7.js} |  2 +-
 assets/js/main.39824918.js                    |  2 --
 assets/js/main.81edd333.js                    |  2 ++
 ...CENSE.txt => main.81edd333.js.LICENSE.txt} |  0
 assets/js/runtime~main.9748b5b2.js            |  1 +
 assets/js/runtime~main.9dd84f74.js            |  1 -
 blog.html                                     | 10 +++---
 blog/2021/11/23/blazorbootstrap-0.0.1.html    | 10 +++---
 blog/2021/11/27/blazorbootstrap-0.0.2.html    | 10 +++---
 blog/2021/12/08/blazorbootstrap-0.0.3.html    | 10 +++---
 blog/2021/12/12/blazorbootstrap-0.0.4.html    | 10 +++---
 blog/2021/12/20/blazorbootstrap-0.1.0.html    | 10 +++---
 blog/2021/12/21/blazorbootstrap-0.1.1.html    | 10 +++---
 blog/2022/01/15/blazorbootstrap-0.2.0.html    | 10 +++---
 blog/2022/02/27/blazorbootstrap-0.2.1.html    | 10 +++---
 blog/2022/03/15/blazorbootstrap-0.2.2.html    | 10 +++---
 blog/2022/04/30/blazorbootstrap-0.2.3.html    | 10 +++---
 blog/2022/06/19/blazorbootstrap-0.2.4.html    | 10 +++---
 blog/2022/07/28/blazorbootstrap-0.2.5.html    | 10 +++---
 blog/2022/08/13/blazorbootstrap-0.2.6.html    | 10 +++---
 blog/2022/08/31/blazorbootstrap-0.3.0.html    | 10 +++---
 blog/2022/09/04/blazorbootstrap-0.4.0.html    | 10 +++---
 blog/2022/09/12/blazorbootstrap-0.4.1.html    | 10 +++---
 blog/2022/09/17/blazorbootstrap-0.4.2.html    | 10 +++---
 blog/2022/10/16/blazorbootstrap-0.5.0.html    | 10 +++---
 blog/2022/10/22/blazorbootstrap-0.5.1.html    | 10 +++---
 blog/2022/10/30/blazorbootstrap-0.6.0.html    | 10 +++---
 blog/2022/11/18/blazorbootstrap-1.0.0.html    | 10 +++---
 blog/2022/11/22/blazorbootstrap-1.0.1.html    | 10 +++---
 blog/2022/11/28/blazorbootstrap-1.1.0.html    | 10 +++---
 blog/2022/12/12/blazorbootstrap-1.2.0.html    | 10 +++---
 blog/2022/12/15/blazorbootstrap-1.3.0.html    | 10 +++---
 blog/2022/12/18/blazorbootstrap-1.3.1.html    | 10 +++---
 blog/2023/01/15/blazorbootstrap-1.4.0.html    | 10 +++---
 blog/2023/01/23/blazorbootstrap-1.4.1.html    | 10 +++---
 blog/2023/01/30/blazorbootstrap-1.4.2.html    | 10 +++---
 blog/2023/02/07/blazorbootstrap-1.4.3.html    | 10 +++---
 blog/2023/02/10/blazorbootstrap-1.4.4.html    | 10 +++---
 blog/2023/02/23/blazorbootstrap-1.4.5.html    | 10 +++---
 blog/2023/03/05/blazorbootstrap-1.5.0.html    | 10 +++---
 blog/2023/03/12/blazorbootstrap-1.6.0.html    | 10 +++---
 blog/2023/04/10/blazorbootstrap-1.7.0.html    | 10 +++---
 blog/2023/04/19/blazorbootstrap-1.7.1.html    | 10 +++---
 blog/2023/04/24/blazorbootstrap-1.7.2.html    | 10 +++---
 blog/2023/04/29/blazorbootstrap-1.7.3.html    | 10 +++---
 blog/2023/05/28/blazorbootstrap-1.8.0.html    | 10 +++---
 blog/2023/05/31/blazorbootstrap-1.8.1.html    | 10 +++---
 blog/2023/06/11/blazorbootstrap-1.8.2.html    | 10 +++---
 blog/2023/06/16/blazorbootstrap-1.8.3.html    | 10 +++---
 blog/2023/06/30/blazorbootstrap-1.9.0.html    | 10 +++---
 blog/2023/06/31/blazorbootstrap-1.9.1.html    | 10 +++---
 blog/2023/07/01/blazorbootstrap-1.9.2.html    | 10 +++---
 blog/2023/07/04/blazorbootstrap-1.9.3.html    | 10 +++---
 blog/2023/07/05/blazorbootstrap-1.9.4.html    | 10 +++---
 blog/2023/07/16/blazorbootstrap-1.9.5.html    | 10 +++---
 blog/2023/08/13/blazorbootstrap-1.10.0.html   | 10 +++---
 blog/2023/08/29/blazorbootstrap-1.10.1.html   | 10 +++---
 blog/2023/09/15/blazorbootstrap-1.10.2.html   | 10 +++---
 blog/2023/10/15/blazorbootstrap-1.10.3.html   | 10 +++---
 blog/2023/11/18/blazorbootstrap-1.10.4.html   | 10 +++---
 blog/2024/01/01/blazorbootstrap-1.10.5.html   | 10 +++---
 blog/2024/02/04/blazorbootstrap-1.11.0.html   | 10 +++---
 blog/2024/02/04/blazorbootstrap-1.11.1.html   | 10 +++---
 blog/2024/02/25/blazorbootstrap-2.0.0.html    | 10 +++---
 blog/2024/02/25/upgrade-to-v2.0.0.html        | 10 +++---
 blog/2024/03/17/blazorbootstrap-2.1.0.html    | 10 +++---
 blog/2024/04/14/blazorbootstrap-2.2.0.html    | 10 +++---
 blog/2024/04/21/blazorbootstrap-2.2.1.html    | 10 +++---
 .../08/blazorbootstrap-3.0.0-preview.1.html   | 10 +++---
 .../01/blazorbootstrap-3.0.0-preview.2.html   | 22 +++++++++++++
 blog/archive.html                             | 10 +++---
 blog/atom.xml                                 | 24 +++++++++++++-
 blog/page/2.html                              | 10 +++---
 blog/page/3.html                              | 10 +++---
 blog/page/4.html                              | 10 +++---
 blog/page/5.html                              | 10 +++---
 blog/page/6.html                              | 10 +++---
 blog/page/7.html                              | 10 +++---
 blog/rss.xml                                  | 20 +++++++++++-
 blog/tags.html                                | 10 +++---
 blog/tags/accordion.html                      | 10 +++---
 blog/tags/alert.html                          | 10 +++---
 blog/tags/autocomplete.html                   | 10 +++---
 blog/tags/badge.html                          | 10 +++---
 blog/tags/barchart.html                       | 10 +++---
 blog/tags/blazor-autocomplete.html            | 10 +++---
 blog/tags/blazor-bar-chart.html               | 10 +++---
 blog/tags/blazor-bootstrap.html               | 10 +++---
 blog/tags/blazor-charts.html                  | 10 +++---
 blog/tags/blazor-confirm-dialog.html          | 10 +++---
 blog/tags/blazor-currency-input.html          | 10 +++---
 blog/tags/blazor-dialog.html                  | 10 +++---
 blog/tags/blazor-doughnut-chart.html          | 10 +++---
 blog/tags/blazor-grid-filtering.html          | 10 +++---
 blog/tags/blazor-grid-paging.html             | 10 +++---
 blog/tags/blazor-grid-sorting.html            | 10 +++---
 blog/tags/blazor-grid.html                    | 10 +++---
 blog/tags/blazor-input-number.html            | 10 +++---
 blog/tags/blazor-input.html                   | 10 +++---
 blog/tags/blazor-line-chart.html              | 10 +++---
 blog/tags/blazor-number-input.html            | 10 +++---
 blog/tags/blazor-number.html                  | 10 +++---
 blog/tags/blazor-offcanvas.html               | 10 +++---
 blog/tags/blazor-pie-chart.html               | 10 +++---
 blog/tags/blazor-preload.html                 | 10 +++---
 blog/tags/blazor-progress-bar.html            | 10 +++---
 blog/tags/blazor-progress.html                | 10 +++---
 blog/tags/blazor-sidemodal.html               | 10 +++---
 blog/tags/blazor-spinner.html                 | 10 +++---
 blog/tags/blazor-starter-templates.html       | 10 +++---
 blog/tags/blazor-tabs.html                    | 10 +++---
 blog/tags/blazor-templates.html               | 10 +++---
 blog/tags/blazor-toast.html                   | 10 +++---
 blog/tags/blazor-toasts.html                  | 10 +++---
 blog/tags/blazor.html                         | 12 +++----
 blog/tags/blazor/page/2.html                  | 12 +++----
 blog/tags/blazor/page/3.html                  | 12 +++----
 blog/tags/blazor/page/4.html                  | 12 +++----
 blog/tags/blazor/page/5.html                  | 12 +++----
 blog/tags/blazoraccordion.html                | 10 +++---
 blog/tags/blazorautocomplete.html             | 10 +++---
 blog/tags/blazorbadge.html                    | 10 +++---
 .../blazorbootstrap-starter-templates.html    | 10 +++---
 blog/tags/blazorbootstrap.html                | 12 +++----
 blog/tags/blazorbootstrap/page/2.html         | 12 +++----
 blog/tags/blazorbootstrap/page/3.html         | 12 +++----
 blog/tags/blazorbootstrap/page/4.html         | 12 +++----
 blog/tags/blazorbootstrap/page/5.html         | 12 +++----
 blog/tags/blazorbootstrap/page/6.html         | 12 +++----
 blog/tags/blazorbootstrap/page/7.html         | 12 +++----
 blog/tags/blazorbreadcrumb.html               | 10 +++---
 blog/tags/blazorbutton.html                   | 10 +++---
 blog/tags/blazorbuttons.html                  | 10 +++---
 blog/tags/blazorchart.html                    | 10 +++---
 blog/tags/blazorcollapse.html                 | 10 +++---
 blog/tags/blazorconfirmdialog.html            | 10 +++---
 blog/tags/blazorconfirmmodal.html             | 10 +++---
 blog/tags/blazorcurrencyinput.html            | 10 +++---
 blog/tags/blazordate.html                     | 10 +++---
 blog/tags/blazordateinput.html                | 10 +++---
 blog/tags/blazordatepicker.html               | 10 +++---
 blog/tags/blazordialog.html                   | 10 +++---
 blog/tags/blazordropdown.html                 | 10 +++---
 blog/tags/blazorgrid.html                     | 10 +++---
 blog/tags/blazorgrid/page/2.html              | 10 +++---
 blog/tags/blazoricon.html                     | 10 +++---
 blog/tags/blazormodal.html                    | 10 +++---
 blog/tags/blazormodalservice.html             | 10 +++---
 blog/tags/blazornumber.html                   | 10 +++---
 blog/tags/blazornumberinput.html              | 10 +++---
 blog/tags/blazoroffcanvas.html                | 10 +++---
 blog/tags/blazorprogress.html                 | 10 +++---
 blog/tags/blazorsidebar.html                  | 10 +++---
 blog/tags/blazorswitch.html                   | 10 +++---
 blog/tags/blazortabs.html                     | 10 +++---
 blog/tags/blazortime.html                     | 10 +++---
 blog/tags/blazortimeinput.html                | 10 +++---
 blog/tags/blazortimepicker.html               | 10 +++---
 blog/tags/blazortoast.html                    | 10 +++---
 blog/tags/blazortoasts.html                   | 10 +++---
 blog/tags/blazortooltip.html                  | 10 +++---
 blog/tags/bootstrap-5.html                    | 10 +++---
 blog/tags/bootstrap-5/page/2.html             | 10 +++---
 blog/tags/bootstrap-5/page/3.html             | 10 +++---
 blog/tags/bootstrap-5/page/4.html             | 10 +++---
 blog/tags/bootstrap.html                      | 12 +++----
 blog/tags/bootstrap/page/2.html               | 12 +++----
 blog/tags/bootstrap/page/3.html               | 12 +++----
 blog/tags/bootstrap/page/4.html               | 12 +++----
 blog/tags/breadcrumb.html                     | 10 +++---
 blog/tags/breadcrumbservice.html              | 10 +++---
 blog/tags/button.html                         | 10 +++---
 blog/tags/buttons.html                        | 10 +++---
 blog/tags/callout.html                        | 10 +++---
 blog/tags/chart.html                          | 10 +++---
 blog/tags/charts.html                         | 12 +++----
 blog/tags/clipboard.html                      | 10 +++---
 blog/tags/collapse.html                       | 10 +++---
 blog/tags/confirm-dialog.html                 | 10 +++---
 blog/tags/confirmdialog.html                  | 10 +++---
 blog/tags/confirmmodal.html                   | 10 +++---
 blog/tags/currency.html                       | 10 +++---
 blog/tags/currencyinput.html                  | 10 +++---
 blog/tags/date.html                           | 10 +++---
 blog/tags/dateinput.html                      | 10 +++---
 blog/tags/datepicker.html                     | 10 +++---
 blog/tags/dialog.html                         | 10 +++---
 blog/tags/docs.html                           | 10 +++---
 blog/tags/dropdown.html                       | 10 +++---
 blog/tags/grid.html                           | 12 +++----
 blog/tags/grid/page/2.html                    | 12 +++----
 blog/tags/grid/page/3.html                    | 12 +++----
 blog/tags/icon.html                           | 10 +++---
 blog/tags/icons.html                          | 10 +++---
 blog/tags/image.html                          | 22 +++++++++++++
 blog/tags/input-number.html                   | 10 +++---
 blog/tags/input.html                          | 10 +++---
 blog/tags/layout.html                         | 10 +++---
 blog/tags/leftmenu.html                       | 10 +++---
 blog/tags/modal.html                          | 10 +++---
 blog/tags/modal/page/2.html                   | 10 +++---
 blog/tags/modalservice.html                   | 10 +++---
 blog/tags/navigation.html                     | 10 +++---
 blog/tags/numberinput.html                    | 10 +++---
 blog/tags/offcanvas.html                      | 10 +++---
 blog/tags/pagination.html                     | 10 +++---
 blog/tags/pdfviewer.html                      | 10 +++---
 blog/tags/placeholders.html                   | 10 +++---
 blog/tags/polarareachart.html                 | 22 +++++++++++++
 blog/tags/preload.html                        | 10 +++---
 blog/tags/progress-bar.html                   | 10 +++---
 blog/tags/progress.html                       | 10 +++---
 blog/tags/rangeinput.html                     | 10 +++---
 blog/tags/ribbon.html                         | 10 +++---
 blog/tags/scriptloader.html                   | 10 +++---
 blog/tags/sidebar-2.html                      | 12 +++----
 blog/tags/sidebar.html                        | 12 +++----
 blog/tags/sortablelist.html                   | 10 +++---
 blog/tags/spinner.html                        | 10 +++---
 blog/tags/switch.html                         | 10 +++---
 blog/tags/tab.html                            | 10 +++---
 blog/tags/tabs.html                           | 10 +++---
 blog/tags/timeinput.html                      | 10 +++---
 blog/tags/timepicker.html                     | 10 +++---
 blog/tags/toast.html                          | 10 +++---
 blog/tags/toasts.html                         | 10 +++---
 blog/tags/toastservice.html                   | 10 +++---
 blog/tags/tooltip.html                        | 10 +++---
 blog/tags/v-0-0-1.html                        | 10 +++---
 blog/tags/v-0-0-2.html                        | 10 +++---
 blog/tags/v-0-0-3.html                        | 10 +++---
 blog/tags/v-0-0-4.html                        | 10 +++---
 blog/tags/v-0-1-0.html                        | 10 +++---
 blog/tags/v-0-1-1.html                        | 10 +++---
 blog/tags/v-0-2-0.html                        | 10 +++---
 blog/tags/v-0-2-1.html                        | 10 +++---
 blog/tags/v-0-2-2.html                        | 10 +++---
 blog/tags/v-0-2-3.html                        | 10 +++---
 blog/tags/v-0-2-4.html                        | 10 +++---
 blog/tags/v-0-2-5.html                        | 10 +++---
 blog/tags/v-0-2-6.html                        | 10 +++---
 blog/tags/v-0-3-0.html                        | 10 +++---
 blog/tags/v-0-4-0.html                        | 10 +++---
 blog/tags/v-0-4-1.html                        | 10 +++---
 blog/tags/v-0-4-2.html                        | 10 +++---
 blog/tags/v-0-5-0.html                        | 10 +++---
 blog/tags/v-0-5-1.html                        | 10 +++---
 blog/tags/v-0-6-0.html                        | 10 +++---
 blog/tags/v-1-0-0.html                        | 10 +++---
 blog/tags/v-1-0-1.html                        | 10 +++---
 blog/tags/v-1-1-0.html                        | 10 +++---
 blog/tags/v-1-10-0.html                       | 10 +++---
 blog/tags/v-1-10-1.html                       | 10 +++---
 blog/tags/v-1-10-2.html                       | 10 +++---
 blog/tags/v-1-10-3.html                       | 10 +++---
 blog/tags/v-1-10-4.html                       | 10 +++---
 blog/tags/v-1-10-5.html                       | 10 +++---
 blog/tags/v-1-11-0.html                       | 10 +++---
 blog/tags/v-1-11-1.html                       | 10 +++---
 blog/tags/v-1-2-0.html                        | 10 +++---
 blog/tags/v-1-3-0.html                        | 10 +++---
 blog/tags/v-1-3-1.html                        | 10 +++---
 blog/tags/v-1-4-0.html                        | 10 +++---
 blog/tags/v-1-4-1.html                        | 10 +++---
 blog/tags/v-1-4-2.html                        | 10 +++---
 blog/tags/v-1-4-3.html                        | 10 +++---
 blog/tags/v-1-4-4.html                        | 10 +++---
 blog/tags/v-1-4-5.html                        | 10 +++---
 blog/tags/v-1-5-0.html                        | 10 +++---
 blog/tags/v-1-6-0.html                        | 10 +++---
 blog/tags/v-1-7-0.html                        | 10 +++---
 blog/tags/v-1-7-1.html                        | 10 +++---
 blog/tags/v-1-7-2.html                        | 10 +++---
 blog/tags/v-1-7-3.html                        | 10 +++---
 blog/tags/v-1-8-0.html                        | 10 +++---
 blog/tags/v-1-8-1.html                        | 10 +++---
 blog/tags/v-1-8-2.html                        | 10 +++---
 blog/tags/v-1-8-3.html                        | 10 +++---
 blog/tags/v-1-9-0.html                        | 10 +++---
 blog/tags/v-1-9-1.html                        | 10 +++---
 blog/tags/v-1-9-2.html                        | 10 +++---
 blog/tags/v-1-9-3.html                        | 10 +++---
 blog/tags/v-1-9-4.html                        | 10 +++---
 blog/tags/v-1-9-5.html                        | 10 +++---
 blog/tags/v-2-0-0.html                        | 10 +++---
 blog/tags/v-2-1-0.html                        | 10 +++---
 blog/tags/v-2-2-0.html                        | 10 +++---
 blog/tags/v-2-2-1.html                        | 10 +++---
 blog/tags/v-3-0-0.html                        | 12 +++----
 components/accordion.html                     |  8 ++---
 components/alerts.html                        |  8 ++---
 components/badge.html                         |  8 ++---
 components/breadcrumb.html                    |  8 ++---
 components/buttons.html                       |  8 ++---
 components/callout.html                       |  8 ++---
 components/card.html                          |  8 ++---
 components/charts.html                        |  8 ++---
 components/collapse.html                      |  8 ++---
 components/confirm-dialog.html                |  8 ++---
 components/dropdown.html                      |  8 ++---
 components/grid.html                          | 31 ++++++++++---------
 components/modal.html                         |  8 ++---
 components/offcanvas.html                     |  8 ++---
 components/pagination.html                    |  8 ++---
 components/pdf-viewer.html                    |  8 ++---
 components/placeholders.html                  |  8 ++---
 components/preload.html                       |  8 ++---
 components/progress.html                      |  8 ++---
 components/ribbon.html                        |  8 ++---
 components/script-loader.html                 |  8 ++---
 components/sidebar.html                       | 10 +++---
 components/sidebar2.html                      | 10 +++---
 components/sortable-list.html                 |  8 ++---
 components/spinners.html                      |  8 ++---
 components/tabs.html                          |  8 ++---
 components/toasts.html                        |  8 ++---
 components/tooltips.html                      |  8 ++---
 content/icons.html                            | 12 +++----
 content/images.html                           | 22 +++++++++++++
 data-visualization/bar-chart.html             |  8 ++---
 data-visualization/doughnut-chart.html        |  8 ++---
 data-visualization/line-chart.html            |  8 ++---
 data-visualization/pie-chart.html             |  8 ++---
 forms/autocomplete.html                       | 10 +++---
 forms/currency-input.html                     |  8 ++---
 forms/date-input.html                         |  8 ++---
 forms/number-input.html                       |  8 ++---
 forms/range-input.html                        |  8 ++---
 forms/switch.html                             |  8 ++---
 forms/time-input.html                         |  8 ++---
 getting-started/blazor-server-net-6.html      | 10 +++---
 getting-started/blazor-server-net-7.html      | 10 +++---
 .../blazor-webapp-auto-global-net-8.html      | 10 +++---
 .../blazor-webapp-server-global-net-8.html    | 10 +++---
 getting-started/blazor-webassembly-net-6.html | 10 +++---
 getting-started/blazor-webassembly-net-7.html | 10 +++---
 getting-started/blazor-webassembly-net-8.html | 10 +++---
 getting-started/maui-blazor-net-7.html        | 10 +++---
 getting-started/maui-blazor-net-8.html        | 10 +++---
 index.html                                    |  8 ++---
 layout/blazor-server.html                     |  8 ++---
 layout/blazor-webassembly.html                |  8 ++---
 search-index.json                             |  2 +-
 search.html                                   |  8 ++---
 services/modal.html                           |  8 ++---
 sitemap.xml                                   |  2 +-
 439 files changed, 1877 insertions(+), 1741 deletions(-)
 rename assets/js/{0534b071.61f15721.js => 0534b071.6e9672d1.js} (82%)
 create mode 100644 assets/js/06e625b9.201d14a2.js
 delete mode 100644 assets/js/06e625b9.394fc804.js
 rename assets/js/{07e55142.55bc491c.js => 07e55142.e94f235a.js} (76%)
 rename assets/js/{0892d6c1.c4cb3adc.js => 0892d6c1.12e77b47.js} (80%)
 rename assets/js/{11ce4159.db1b7cc3.js => 11ce4159.6fc34702.js} (80%)
 rename assets/js/{12e9876c.cb9abd3c.js => 12e9876c.dbe2c1cc.js} (78%)
 create mode 100644 assets/js/14f7618e.04058914.js
 rename assets/js/{15b77f5e.2188de6d.js => 15b77f5e.607dce4a.js} (99%)
 rename assets/js/{17896441.a8055c26.js => 17896441.ac93bb20.js} (99%)
 create mode 100644 assets/js/180751f5.e603071a.js
 rename assets/js/{1a0ff04e.9071d92b.js => 1a0ff04e.c34c3972.js} (76%)
 create mode 100644 assets/js/1b490e8c.2bd2c820.js
 delete mode 100644 assets/js/28293836.198a832e.js
 create mode 100644 assets/js/28293836.4389f17c.js
 rename assets/js/{28db7278.a92066fb.js => 28db7278.ac187b18.js} (84%)
 delete mode 100644 assets/js/3910f4a5.4c6edc79.js
 create mode 100644 assets/js/3910f4a5.75fdbe67.js
 rename assets/js/{3cda21e2.40707e9d.js => 3cda21e2.53e05618.js} (79%)
 rename assets/js/{44ac4dbb.c2633a70.js => 44ac4dbb.05aff4b9.js} (80%)
 rename assets/js/{46038721.2c59fad2.js => 46038721.41e30cca.js} (79%)
 rename assets/js/{46048.039bc60b.js => 46048.4c6057c9.js} (99%)
 rename assets/js/{4caacf91.66de73ae.js => 4caacf91.cfff348a.js} (99%)
 rename assets/js/{4d57dccd.05a720d6.js => 4d57dccd.55dcac87.js} (84%)
 rename assets/js/{4de4c9a7.5e1d60a9.js => 4de4c9a7.c00e5096.js} (78%)
 rename assets/js/{4f538bc3.8bedc675.js => 4f538bc3.39e4e8d6.js} (83%)
 rename assets/js/{4fda10a6.fd3d80af.js => 4fda10a6.61786f0c.js} (76%)
 rename assets/js/{510cc2fd.bf8c700b.js => 510cc2fd.357c988f.js} (82%)
 rename assets/js/{52099127.036a2d1f.js => 52099127.61c7b72a.js} (78%)
 rename assets/js/{536fd30c.25eb2651.js => 536fd30c.50d32107.js} (78%)
 rename assets/js/{583ae9c8.f1cfe984.js => 583ae9c8.173b7c01.js} (82%)
 rename assets/js/{5c0657f8.511d2492.js => 5c0657f8.be907361.js} (81%)
 rename assets/js/{61165c7c.a0454fea.js => 61165c7c.7e2292c7.js} (82%)
 rename assets/js/{66664ddd.f4c13175.js => 66664ddd.1af0136e.js} (86%)
 rename assets/js/{76fef7fc.e4de4ca3.js => 76fef7fc.a861e430.js} (79%)
 rename assets/js/{7cb7ecf0.fa38a09c.js => 7cb7ecf0.35c72ad5.js} (86%)
 rename assets/js/{7d9726a8.7450b69a.js => 7d9726a8.a9e37d83.js} (80%)
 rename assets/js/{7e5cd4e7.9393a7be.js => 7e5cd4e7.793abe06.js} (83%)
 delete mode 100644 assets/js/814f3328.2243550b.js
 create mode 100644 assets/js/814f3328.591784af.js
 rename assets/js/{825a6483.39c1c777.js => 825a6483.4804398c.js} (84%)
 rename assets/js/{85b1c86a.9adbc64f.js => 85b1c86a.2fcffdf3.js} (84%)
 rename assets/js/{88105.d37b706e.js => 88105.878fa3c4.js} (99%)
 rename assets/js/{8b4680a8.b84d5784.js => 8b4680a8.1a1159d7.js} (78%)
 rename assets/js/{8eb4e46b.2e6e0add.js => 8eb4e46b.8a75ee64.js} (79%)
 rename assets/js/{8ec2cf6c.3631e9ee.js => 8ec2cf6c.37467b4c.js} (83%)
 delete mode 100644 assets/js/8f38113f.8e138b83.js
 create mode 100644 assets/js/8f38113f.c5cdcd2d.js
 rename assets/js/{90283a90.8c3c3e79.js => 90283a90.5ff9d2fa.js} (80%)
 rename assets/js/{92999a1c.ba8a31a8.js => 92999a1c.a16cf4d8.js} (80%)
 rename assets/js/{92a91303.2cd99736.js => 92a91303.c78a35dd.js} (99%)
 delete mode 100644 assets/js/935f2afb.31436c0d.js
 create mode 100644 assets/js/935f2afb.4c3d705b.js
 rename assets/js/{94ba6861.3149e4c8.js => 94ba6861.af88850c.js} (86%)
 create mode 100644 assets/js/961dfa7e.ab9958b1.js
 rename assets/js/{a6013ce6.4d1099bc.js => a6013ce6.6fbc18c7.js} (76%)
 create mode 100644 assets/js/a7023ddc.15127513.js
 delete mode 100644 assets/js/a7023ddc.8893d48d.js
 rename assets/js/{a7a5f7ce.26da2d2a.js => a7a5f7ce.a29a75d4.js} (83%)
 rename assets/js/{afb75713.e92d7ebb.js => afb75713.5c730fac.js} (99%)
 rename assets/js/{b1dc83d9.6a9a5414.js => b1dc83d9.3be33801.js} (83%)
 rename assets/js/{b2b675dd.9d01e583.js => b2b675dd.6ba19635.js} (77%)
 delete mode 100644 assets/js/b2f554cd.037d909d.js
 create mode 100644 assets/js/b2f554cd.c907f9d6.js
 rename assets/js/{b329fb77.59261587.js => b329fb77.ffb2d626.js} (78%)
 rename assets/js/{b5859c16.f237f86d.js => b5859c16.be3ab49e.js} (79%)
 rename assets/js/{bd1bae9a.c33b5f5b.js => bd1bae9a.3f385a9b.js} (78%)
 rename assets/js/{bf8fae8f.00860718.js => bf8fae8f.95c31d96.js} (83%)
 create mode 100644 assets/js/c16d5092.91ea679c.js
 delete mode 100644 assets/js/c18cbc7b.65c77894.js
 create mode 100644 assets/js/c18cbc7b.6c62616b.js
 rename assets/js/{c291da80.a5a32ad2.js => c291da80.684b0326.js} (99%)
 rename assets/js/{c2eb690c.cd82ea53.js => c2eb690c.1e783a64.js} (78%)
 rename assets/js/{ca5ddc25.225050e5.js => ca5ddc25.f00aea29.js} (82%)
 rename assets/js/{caa2721c.fa2ae220.js => caa2721c.36903306.js} (84%)
 rename assets/js/{cfa57793.568e98dd.js => cfa57793.118423a7.js} (81%)
 rename assets/js/{d39f9a0e.27b8ef14.js => d39f9a0e.b8bd554c.js} (99%)
 rename assets/js/{d7dbf226.af74c172.js => d7dbf226.a0253497.js} (75%)
 rename assets/js/{da55feea.7cf18589.js => da55feea.7342a4d5.js} (80%)
 rename assets/js/{e33bb20e.240726ea.js => e33bb20e.44dc519d.js} (99%)
 create mode 100644 assets/js/e6fe0126.604c2ea7.js
 create mode 100644 assets/js/ea94c85a.11a5599d.js
 delete mode 100644 assets/js/ea94c85a.c8d214ce.js
 create mode 100644 assets/js/eaf127fe.2831f3ca.js
 rename assets/js/{ebf22c80.ee478265.js => ebf22c80.86935276.js} (99%)
 rename assets/js/{ed7465b6.1e90ce2d.js => ed7465b6.523fe910.js} (99%)
 rename assets/js/{f0737577.e79f6fd2.js => f0737577.c720ba96.js} (82%)
 rename assets/js/{f386df44.839fc409.js => f386df44.819511b3.js} (84%)
 rename assets/js/{f5ad21d3.ed68d6f8.js => f5ad21d3.386966b0.js} (81%)
 rename assets/js/{f6fc984b.95396e26.js => f6fc984b.7bb49c9c.js} (82%)
 rename assets/js/{f90f0f8a.c9bd1b28.js => f90f0f8a.e996d9e3.js} (84%)
 rename assets/js/{fb3463af.5726b439.js => fb3463af.2f88c041.js} (84%)
 rename assets/js/{ffb545c1.2576f07b.js => ffb545c1.c4c9faa7.js} (82%)
 delete mode 100644 assets/js/main.39824918.js
 create mode 100644 assets/js/main.81edd333.js
 rename assets/js/{main.39824918.js.LICENSE.txt => main.81edd333.js.LICENSE.txt} (100%)
 create mode 100644 assets/js/runtime~main.9748b5b2.js
 delete mode 100644 assets/js/runtime~main.9dd84f74.js
 create mode 100644 blog/2024/07/01/blazorbootstrap-3.0.0-preview.2.html
 create mode 100644 blog/tags/image.html
 create mode 100644 blog/tags/polarareachart.html
 create mode 100644 content/images.html

diff --git a/404.html b/404.html
index 8aa91602f..c1c8cbc97 100644
--- a/404.html
+++ b/404.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><main class="container margin-vert--xl"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">Page Not Found</h1><p>We could not find what you were looking for.</p><p>Please contact the owner of the site that linked you to the original URL and let them know their link is broken.</p></div></div></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/assets/js/0534b071.61f15721.js b/assets/js/0534b071.6e9672d1.js
similarity index 82%
rename from assets/js/0534b071.61f15721.js
rename to assets/js/0534b071.6e9672d1.js
index b6dacceca..d8af51b4f 100644
--- a/assets/js/0534b071.61f15721.js
+++ b/assets/js/0534b071.6e9672d1.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[61528],{54732:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/bootstrap/page/3","page":3,"postsPerPage":10,"totalPages":4,"totalCount":34,"previousPage":"/blog/tags/bootstrap/page/2","nextPage":"/blog/tags/bootstrap/page/4","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[61528],{54732:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/bootstrap/page/3","page":3,"postsPerPage":10,"totalPages":4,"totalCount":35,"previousPage":"/blog/tags/bootstrap/page/2","nextPage":"/blog/tags/bootstrap/page/4","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/06e625b9.201d14a2.js b/assets/js/06e625b9.201d14a2.js
new file mode 100644
index 000000000..51ab568f6
--- /dev/null
+++ b/assets/js/06e625b9.201d14a2.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[99023],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>g});var a=n(67294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=a.createContext({}),m=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=m(e.components);return a.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},c=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),d=m(n),c=r,g=d["".concat(i,".").concat(c)]||d[c]||p[c]||o;return n?a.createElement(g,s(s({ref:t},u),{},{components:n})):a.createElement(g,s({ref:t},u))}));function g(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,s=new Array(o);s[0]=c;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[d]="string"==typeof e?e:r,s[1]=l;for(var m=2;m<o;m++)s[m]=n[m];return a.createElement.apply(null,s)}return a.createElement.apply(null,n)}c.displayName="MDXCreateElement"},74404:(e,t,n)=>{n.d(t,{ZP:()=>u});var a=n(87462),r=n(67294),o=n(3905);class s extends r.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:r.createElement("div",{id:this.name})}}const l=s,i={toc:[]},m="wrapper";function u(e){let{components:t,...n}=e;return(0,o.kt)(m,(0,a.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(l,{mdxType:"CarbonAd"}))}u.isMDXComponent=!0},75390:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>m,contentTitle:()=>l,default:()=>c,frontMatter:()=>s,metadata:()=>i,toc:()=>u});var a=n(87462),r=(n(67294),n(3905)),o=n(74404);const s={title:"Blazor AutoComplete Component",description:"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.",image:"https://i.imgur.com/gRcdvc0.png",sidebar_label:"Auto Complete",sidebar_position:1},l="Blazor Auto Complete",i={unversionedId:"forms/autocomplete",id:"forms/autocomplete",title:"Blazor AutoComplete Component",description:"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.",source:"@site/docs/04-forms/autocomplete.mdx",sourceDirName:"04-forms",slug:"/forms/autocomplete",permalink:"/forms/autocomplete",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/04-forms/autocomplete.mdx",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Blazor AutoComplete Component",description:"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.",image:"https://i.imgur.com/gRcdvc0.png",sidebar_label:"Auto Complete",sidebar_position:1},sidebar:"tutorialSidebar",previous:{title:"Images",permalink:"/content/images"},next:{title:"Currency Input",permalink:"/forms/currency-input"}},m={},u=[{value:"Parameters",id:"parameters",level:2},{value:"Methods",id:"methods",level:2},{value:"Events",id:"events",level:2},{value:"Keyboard Navigation",id:"keyboard-navigation",level:2},{value:"Examples",id:"examples",level:2},{value:"Client side data",id:"client-side-data",level:3},{value:"Client side data with StringComparision",id:"client-side-data-with-stringcomparision",level:3},{value:"Server side data",id:"server-side-data",level:3},{value:"Set default value",id:"set-default-value",level:3},{value:"Validations",id:"validations",level:3},{value:"Disable",id:"disable",level:3}],d={toc:u},p="wrapper";function c(e){let{components:t,...n}=e;return(0,r.kt)(p,(0,a.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"blazor-auto-complete"},"Blazor Auto Complete"),(0,r.kt)("p",null,"Blazor Bootstrap autocomplete component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering."),(0,r.kt)(o.ZP,{mdxType:"CarbonAd"}),(0,r.kt)("h2",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteDataProviderDelegate<TItem>")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the data provider."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Disabled"),(0,r.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,r.kt)("td",{parentName:"tr",align:"left"},"false"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the disabled state."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"EmptyText"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"No records found.")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the empty text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.2")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"LoadingText"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Loading...")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the loading text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.2")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Placeholder"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the placeholder."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"PropertyName"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the property name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Size"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteSize")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteSize.Default")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the autocomplete size."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"StringComparison"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.OrdinalIgnoreCase")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the StringComparison."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"StringFilterOperator"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator.Contains")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the string filter operator."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Value"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the value."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ValueExpression"),(0,r.kt)("td",{parentName:"tr",align:"left"},"expression"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"AutoComplete value expression."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")))),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Returns"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Disable()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"void"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Disables autocomplete."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Enable()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"void"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Enables autocomplete."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"RefreshDataAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Task"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Refresh the autocomplete data."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ResetAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Task"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Resets the autocomplete selection."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")))),(0,r.kt)("h2",{id:"events"},"Events"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"OnChanged"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires immediately when the autocomplete selection changes by the user."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ValueChanged"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires on every user keystroke that changes the textbox value."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")))),(0,r.kt)("h2",{id:"keyboard-navigation"},"Keyboard Navigation"),(0,r.kt)("p",null,"Blazor Bootstrap autocomplete component supports the following keyboard shortcuts to initiate various actions."),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Key"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Esc")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Closes the popup list when it is in an open state."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Up arrow")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the previous item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Down arrow")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the next item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Home")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the first item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"End")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the last item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Enter")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Selects the currently focused item."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")))),(0,r.kt)("h2",{id:"examples"},"Examples"),(0,r.kt)("h3",{id:"client-side-data"},"Client side data"),(0,r.kt)("img",{src:"https://i.imgur.com/gRcdvc0.png",alt:"Blazor Bootstrap AutoComplete Component - Client side data"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3-8} showLineNumbers","{3-8}":!0,showLineNumbers:!0},'<div class="row">\n    <div class="col-md-5 col-sm-12">\n        <AutoComplete @bind-Value="customerName"\n                      TItem="Customer"\n                      DataProvider="CustomersDataProvider"\n                      PropertyName="CustomerName"\n                      Placeholder="Search a customer..."\n                      OnChanged="(Customer customer) => OnAutoCompleteChanged(customer)" />\n    </div>\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{6-12} showLineNumbers","{6-12}":!0,showLineNumbers:!0},'@code {\n    private string customerName;\n\n    public IEnumerable<Customer> customers;\n\n    private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request)\n    {\n        if (customers is null) // pull customers only one time for client-side autocomplete\n            customers = GetCustomers(); // call a service or an API to pull the customers\n\n        return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName)));\n    }\n\n    private IEnumerable<Customer> GetCustomers()\n    {\n        return new List<Customer> {\n            new(1, "Pich S"),\n            new(2, "sfh Sobi"),\n            new(3, "Jojo chan"),\n            new(4, "Jee ja"),\n            new(5, "Rose Canon"),\n            new(6, "Manju A"),\n            new(7, "Bandita PA"),\n            new(8, "Sagar Adil"),\n            new(9, "Isha Wang"),\n            new(10, "Daina JJ"),\n            new(11, "Komala Mug"),\n            new(12, "Dikshita BD"),\n            new(13, "Neha Gosar"),\n            new(14, "Preeti S"),\n            new(15, "Sagar Seth"),\n            new(16, "Vinayak MM"),\n            new(17, "Vijaya Lakhsmi"),\n            new(18, "Jahan K"),\n            new(19, "Joy B"),\n            new(20, "Zaraiah C"),\n            new(21, "Laura L"),\n            new(22, "Punith ES")\n        };\n    }\n\n    private void OnAutoCompleteChanged(Customer customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n    }\n}\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"public record Customer(int CustomerId, string CustomerName);\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#client-side-data"},"See demo here")),(0,r.kt)("h3",{id:"client-side-data-with-stringcomparision"},"Client side data with StringComparision"),(0,r.kt)("p",null,"In the below example, ",(0,r.kt)("inlineCode",{parentName:"p"},"StringComparision.Ordinal")," is used to make the filter case-sensitive."),(0,r.kt)("admonition",{type:"info"},(0,r.kt)("p",{parentName:"admonition"},"By default, ",(0,r.kt)("inlineCode",{parentName:"p"},"StringComparison.OrdinalIgnoreCase")," is used to compare culture-agnostic and case-insensitive string matching.")),(0,r.kt)("img",{src:"https://i.imgur.com/8YZzW9f.png",alt:"Blazor Bootstrap AutoComplete Component - Client side data with StringComparision"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{8} showLineNumbers","{8}":!0,showLineNumbers:!0},'<div class="row">\n    <div class="col-md-5 col-sm-12">\n        <AutoComplete @bind-Value="customerName"\n                      TItem="Customer"\n                      DataProvider="CustomersDataProvider"\n                      PropertyName="CustomerName"\n                      Placeholder="Search a customer..."\n                      StringComparison="StringComparison.Ordinal"\n                      OnChanged="(Customer customer) => OnAutoCompleteChanged(customer)" />\n    </div>\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{6-12} showLineNumbers","{6-12}":!0,showLineNumbers:!0},'@code {\n    private string customerName;\n\n    public IEnumerable<Customer> customers;\n\n    private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request)\n    {\n        if (customers is null) // pull customers only one time for client-side autocomplete\n            customers = GetCustomers(); // call a service or an API to pull the customers\n\n        return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName)));\n    }\n\n    private IEnumerable<Customer> GetCustomers()\n    {\n        return new List<Customer> {\n            new(1, "Pich S"),\n            new(2, "sfh Sobi"),\n            new(3, "Jojo chan"),\n            new(4, "Jee ja"),\n            new(5, "Rose Canon"),\n            new(6, "Manju A"),\n            new(7, "Bandita PA"),\n            new(8, "Sagar Adil"),\n            new(9, "Isha Wang"),\n            new(10, "Daina JJ"),\n            new(11, "Komala Mug"),\n            new(12, "Dikshita BD"),\n            new(13, "Neha Gosar"),\n            new(14, "Preeti S"),\n            new(15, "Sagar Seth"),\n            new(16, "Vinayak MM"),\n            new(17, "Vijaya Lakhsmi"),\n            new(18, "Jahan K"),\n            new(19, "Joy B"),\n            new(20, "Zaraiah C"),\n            new(21, "Laura L"),\n            new(22, "Punith ES")\n        };\n    }\n\n    private void OnAutoCompleteChanged(Customer customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n    }\n}\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"public record Customer(int CustomerId, string CustomerName);\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#client-side-data-with-string-comparision"},"See demo here")),(0,r.kt)("h3",{id:"server-side-data"},"Server side data"),(0,r.kt)("img",{src:"https://i.imgur.com/D5ox9um.png",alt:"Blazor Bootstrap AutoComplete Component - Server side data"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3-8} showLineNumbers","{3-8}":!0,showLineNumbers:!0},'<div class="row">\n    <div class="col-md-5 col-sm-12">\n        <AutoComplete @bind-Value="customerName"\n                      TItem="Customer"\n                      DataProvider="CustomersDataProvider"\n                      PropertyName="CustomerName"\n                      Placeholder="Search a customer..."\n                      OnChanged="(Customer customer) => OnAutoCompleteChanged(customer)" />\n    </div>\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{6-10} showLineNumbers","{6-10}":!0,showLineNumbers:!0},"@code {\n    private string customerName;\n\n    [Inject] ICustomerService _customerService { get; set; }\n\n    private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request)\n    {\n        var customers = await _customerService.GetCustomers(request.Filter, request.CancellationToken); // API call\n        return await Task.FromResult(new AutoCompleteDataProviderResult<Customer> { Data = customers, TotalCount = customers.Count() });\n    }\n\n    private void OnAutoCompleteChanged(Customer customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($\"'{customer?.CustomerName}' selected.\");\n    }\n}\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#server-side-data"},"See demo here")),(0,r.kt)("h3",{id:"set-default-value"},"Set default value"),(0,r.kt)("img",{src:"https://i.imgur.com/AMqyt8h.png",alt:"Blazor Bootstrap AutoComplete Component - Set default value"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="row">\n    <div class="col-md-5 col-sm-12">\n        <AutoComplete @bind-Value="customerName"\n                      TItem="Customer"\n                      DataProvider="CustomersDataProvider"\n                      PropertyName="CustomerName"\n                      Placeholder="Search a customer..."\n                      OnChanged="(Customer customer) => OnAutoCompleteChanged(customer)" />\n    </div>\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-csharp"},'@code {\n    private string customerName;\n\n    public IEnumerable<Customer> customers;\n\n    protected override void OnInitialized()\n    {\n        customerName = "Pich S";\n    }\n\n    private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request)\n    {\n        if (customers is null) // pull customers only one time for client-side autocomplete\n            customers = GetCustomers(); // call a service or an API to pull the customers\n\n        return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName)));\n    }\n\n    private IEnumerable<Customer> GetCustomers()\n    {\n        return new List<Customer> {\n            new(1, "Pich S"),\n            new(2, "sfh Sobi"),\n            new(3, "Jojo chan"),\n            new(4, "Jee ja"),\n            new(5, "Rose Canon"),\n            new(6, "Manju A"),\n            new(7, "Bandita PA"),\n            new(8, "Sagar Adil"),\n            new(9, "Isha Wang"),\n            new(10, "Daina JJ"),\n            new(11, "Komala Mug"),\n            new(12, "Dikshita BD"),\n            new(13, "Neha Gosar"),\n            new(14, "Preeti S"),\n            new(15, "Sagar Seth"),\n            new(16, "Vinayak MM"),\n            new(17, "Vijaya Lakhsmi"),\n            new(18, "Jahan K"),\n            new(19, "Joy B"),\n            new(20, "Zaraiah C"),\n            new(21, "Laura L"),\n            new(22, "Punith ES")\n        };\n    }\n\n    private void OnAutoCompleteChanged(Customer customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#set-default-value"},"See demo here")),(0,r.kt)("h3",{id:"validations"},"Validations"),(0,r.kt)("img",{src:"https://i.imgur.com/sMQ7Uc6.png",alt:"Blazor Bootstrap AutoComplete Component - Validations - Data empty"}),(0,r.kt)("img",{src:"https://i.imgur.com/4IzNcdp.png",alt:"Blazor Bootstrap AutoComplete Component - Validations - Item selected"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"@using System.ComponentModel.DataAnnotations\n")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},"<style>\n    .valid.modified:not([type=checkbox]) {\n        outline: 1px solid #26b050;\n    }\n\n    .invalid {\n        outline: 1px solid red;\n    }\n\n    .validation-message {\n        color: red;\n    }\n</style>\n")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{7-13} showLineNumbers","{7-13}":!0,showLineNumbers:!0},'<EditForm EditContext="@_editContext" OnValidSubmit="HandleOnValidSubmit">\n    <DataAnnotationsValidator />\n\n    <div class="form-group row mb-2">\n        <label for="supplier" class="col-md-2 col-form-label">Customer:</label>\n        <div class="col-md-10">\n            <AutoComplete @bind-Value="customerAddress.CustomerName"\n                          TItem="Customer"\n                          DataProvider="CustomersDataProvider"\n                          PropertyName="CustomerName"\n                          Placeholder="Search a customer..."\n                          OnChanged="(Customer customer) => OnAutoCompleteChanged(customer)" />\n            <ValidationMessage For="@(() => customerAddress.CustomerName)" />\n        </div>\n    </div>\n\n    <div class="form-group row mb-3">\n        <label for="name" class="col-md-2 col-form-label">Address:</label>\n        <div class="col-md-10">\n            <InputText id="name" class="form-control" @bind-Value="customerAddress.Address" />\n            <ValidationMessage For="@(() => customerAddress.Address)" />\n        </div>\n    </div>\n\n    <div class="row">\n        <div class="col-md-12 text-right">\n            <button type="submit" class="btn btn-success float-right">Submit</button>\n        </div>\n    </div>\n</EditForm>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private CustomerAddress customerAddress = new();\n    private EditContext _editContext;\n\n    [Inject] ICustomerService _customerService { get; set; }\n\n    protected override void OnInitialized()\n    {\n        _editContext = new EditContext(customerAddress);\n        base.OnInitialized();\n    }\n\n    public void HandleOnValidSubmit()\n    {\n        Console.WriteLine($"Customer name is {customerAddress.CustomerName} and address is {customerAddress.Address}");\n    }\n\n    private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request)\n    {\n        var customers = await _customerService.GetCustomers(request.Filter); // API call\n        return await Task.FromResult(new AutoCompleteDataProviderResult<Customer> { Data = customers, TotalCount = customers.Count() });\n    }\n\n    private void OnAutoCompleteChanged(Customer customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n        Console.WriteLine($"Data null: {customer is null}.");\n    }\n\n    public class CustomerAddress\n    {\n        [Required]\n        public string CustomerName { get; set; }\n\n        [Required]\n        public string Address { get; set; }\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#validations"},"See demo here")),(0,r.kt)("h3",{id:"disable"},"Disable"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("b",null,"Disabled")," parameter to disable the AutoComplete."),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{8,13-15} showLineNumbers","{8,13-15}":!0,showLineNumbers:!0},'<div class="row mb-3">\n    <div class="col-md-5 col-sm-12">\n        <AutoComplete @bind-Value="customerName"\n                      TItem="Customer2"\n                      DataProvider="CustomersDataProvider"\n                      PropertyName="CustomerName"\n                      Placeholder="Search a customer..."\n                      Disabled="@disabled"\n                      OnChanged="(Customer2 customer) => OnAutoCompleteChanged(customer)" />\n    </div>\n</div>\n\n<Button Color="ButtonColor.Primary" @onclick="Enable"> Enable </Button>\n<Button Color="ButtonColor.Secondary" @onclick="Disable"> Disable </Button>\n<Button Color="ButtonColor.Warning" @onclick="Toggle"> Toggle </Button>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{3,21,23,25} showLineNumbers","{3,21,23,25}":!0,showLineNumbers:!0},"@code {\n    private string customerName = default!;\n    private bool disabled = true;\n\n    [Inject] ICustomerService _customerService { get; set; } = default!;\n\n    private async Task<AutoCompleteDataProviderResult<Customer2>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer2> request)\n    {\n        var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call\n        return await Task.FromResult(new AutoCompleteDataProviderResult<Customer2> { Data = customers, TotalCount = customers.Count() });\n    }\n\n    private void OnAutoCompleteChanged(Customer2 customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($\"'{customer?.CustomerName}' selected.\");\n    }\n\n    private void Enable() => disabled = false;\n\n    private void Disable() => disabled = true;\n\n    private void Toggle() => disabled = !disabled;\n}\n")),(0,r.kt)("p",null,"Also, use ",(0,r.kt)("strong",{parentName:"p"},"Enable()")," and ",(0,r.kt)("strong",{parentName:"p"},"Disable()")," methods to enable and disable the AutoComplete."),(0,r.kt)("admonition",{title:"NOTE",type:"caution"},(0,r.kt)("p",{parentName:"admonition"},"Do not use both the ",(0,r.kt)("strong",{parentName:"p"},"Disabled")," parameter and ",(0,r.kt)("strong",{parentName:"p"},"Enable()")," & ",(0,r.kt)("strong",{parentName:"p"},"Disable()")," methods.")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3,13-14} showLineNumbers","{3,13-14}":!0,showLineNumbers:!0},'<div class="row mb-3">\n    <div class="col-md-5 col-sm-12">\n        <AutoComplete @ref="autoComplete1" \n                      @bind-Value="customerName"\n                      TItem="Customer2"\n                      DataProvider="CustomersDataProvider"\n                      PropertyName="CustomerName"\n                      Placeholder="Search a customer..."\n                      OnChanged="(Customer2 customer) => OnAutoCompleteChanged(customer)" />\n    </div>\n</div>\n\n<Button Color="ButtonColor.Secondary" @onclick="Disable"> Disable </Button>\n<Button Color="ButtonColor.Primary" @onclick="Enable"> Enable </Button>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{2,21,23} showLineNumbers","{2,21,23}":!0,showLineNumbers:!0},"@code {\n    private AutoComplete<Customer2> autoComplete1 = default!;\n    private string customerName = default!;\n\n    [Inject] ICustomerService _customerService { get; set; } = default!;\n\n    private async Task<AutoCompleteDataProviderResult<Customer2>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer2> request)\n    {\n        var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call\n        return await Task.FromResult(new AutoCompleteDataProviderResult<Customer2> { Data = customers, TotalCount = customers.Count() });\n    }\n\n    private void OnAutoCompleteChanged(Customer2 customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($\"'{customer?.CustomerName}' selected.\");\n    }\n\n    private void Disable() => autoComplete1.Disable();\n\n    private void Enable() => autoComplete1.Enable();\n}\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#disable"},"See demo here")))}c.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/06e625b9.394fc804.js b/assets/js/06e625b9.394fc804.js
deleted file mode 100644
index c07bba9ec..000000000
--- a/assets/js/06e625b9.394fc804.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[99023],{3905:(e,t,n)=>{n.d(t,{Zo:()=>u,kt:()=>g});var a=n(67294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=a.createContext({}),m=function(e){var t=a.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},u=function(e){var t=m(e.components);return a.createElement(i.Provider,{value:t},e.children)},d="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},c=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,u=l(e,["components","mdxType","originalType","parentName"]),d=m(n),c=r,g=d["".concat(i,".").concat(c)]||d[c]||p[c]||o;return n?a.createElement(g,s(s({ref:t},u),{},{components:n})):a.createElement(g,s({ref:t},u))}));function g(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,s=new Array(o);s[0]=c;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[d]="string"==typeof e?e:r,s[1]=l;for(var m=2;m<o;m++)s[m]=n[m];return a.createElement.apply(null,s)}return a.createElement.apply(null,n)}c.displayName="MDXCreateElement"},74404:(e,t,n)=>{n.d(t,{ZP:()=>u});var a=n(87462),r=n(67294),o=n(3905);class s extends r.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:r.createElement("div",{id:this.name})}}const l=s,i={toc:[]},m="wrapper";function u(e){let{components:t,...n}=e;return(0,o.kt)(m,(0,a.Z)({},i,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(l,{mdxType:"CarbonAd"}))}u.isMDXComponent=!0},75390:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>m,contentTitle:()=>l,default:()=>c,frontMatter:()=>s,metadata:()=>i,toc:()=>u});var a=n(87462),r=(n(67294),n(3905)),o=n(74404);const s={title:"Blazor AutoComplete Component",description:"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.",image:"https://i.imgur.com/gRcdvc0.png",sidebar_label:"Auto Complete",sidebar_position:1},l="Blazor Auto Complete",i={unversionedId:"forms/autocomplete",id:"forms/autocomplete",title:"Blazor AutoComplete Component",description:"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.",source:"@site/docs/04-forms/autocomplete.mdx",sourceDirName:"04-forms",slug:"/forms/autocomplete",permalink:"/forms/autocomplete",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/04-forms/autocomplete.mdx",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Blazor AutoComplete Component",description:"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.",image:"https://i.imgur.com/gRcdvc0.png",sidebar_label:"Auto Complete",sidebar_position:1},sidebar:"tutorialSidebar",previous:{title:"Icons",permalink:"/content/icons"},next:{title:"Currency Input",permalink:"/forms/currency-input"}},m={},u=[{value:"Parameters",id:"parameters",level:2},{value:"Methods",id:"methods",level:2},{value:"Events",id:"events",level:2},{value:"Keyboard Navigation",id:"keyboard-navigation",level:2},{value:"Examples",id:"examples",level:2},{value:"Client side data",id:"client-side-data",level:3},{value:"Client side data with StringComparision",id:"client-side-data-with-stringcomparision",level:3},{value:"Server side data",id:"server-side-data",level:3},{value:"Set default value",id:"set-default-value",level:3},{value:"Validations",id:"validations",level:3},{value:"Disable",id:"disable",level:3}],d={toc:u},p="wrapper";function c(e){let{components:t,...n}=e;return(0,r.kt)(p,(0,a.Z)({},d,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"blazor-auto-complete"},"Blazor Auto Complete"),(0,r.kt)("p",null,"Blazor Bootstrap autocomplete component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering."),(0,r.kt)(o.ZP,{mdxType:"CarbonAd"}),(0,r.kt)("h2",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteDataProviderDelegate<TItem>")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the data provider."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Disabled"),(0,r.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,r.kt)("td",{parentName:"tr",align:"left"},"false"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the disabled state."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"EmptyText"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"No records found.")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the empty text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.2")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"LoadingText"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Loading...")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the loading text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.2")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Placeholder"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the placeholder."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"PropertyName"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the property name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Size"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteSize")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"AutoCompleteSize.Default")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the autocomplete size."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"StringComparison"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"StringComparison.OrdinalIgnoreCase")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the StringComparison."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"StringFilterOperator"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"StringFilterOperator.Contains")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the string filter operator."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Value"),(0,r.kt)("td",{parentName:"tr",align:"left"},"string"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the value."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ValueExpression"),(0,r.kt)("td",{parentName:"tr",align:"left"},"expression"),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"AutoComplete value expression."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")))),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Returns"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Disable()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"void"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Disables autocomplete."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Enable()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"void"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Enables autocomplete."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"RefreshDataAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Task"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Refresh the autocomplete data."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ResetAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Task"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Resets the autocomplete selection."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")))),(0,r.kt)("h2",{id:"events"},"Events"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"OnChanged"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires immediately when the autocomplete selection changes by the user."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ValueChanged"),(0,r.kt)("td",{parentName:"tr",align:"left"},"This event fires on every user keystroke that changes the textbox value."),(0,r.kt)("td",{parentName:"tr",align:"left"},"0.4.0")))),(0,r.kt)("h2",{id:"keyboard-navigation"},"Keyboard Navigation"),(0,r.kt)("p",null,"Blazor Bootstrap autocomplete component supports the following keyboard shortcuts to initiate various actions."),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Key"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Esc")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Closes the popup list when it is in an open state."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Up arrow")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the previous item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Down arrow")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the next item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Home")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the first item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"End")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Focuses on the last item in the list."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("kbd",null,"Enter")),(0,r.kt)("td",{parentName:"tr",align:"left"},"Selects the currently focused item."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.3.1")))),(0,r.kt)("h2",{id:"examples"},"Examples"),(0,r.kt)("h3",{id:"client-side-data"},"Client side data"),(0,r.kt)("img",{src:"https://i.imgur.com/gRcdvc0.png",alt:"Blazor Bootstrap AutoComplete Component - Client side data"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3-8} showLineNumbers","{3-8}":!0,showLineNumbers:!0},'<div class="row">\n    <div class="col-md-5 col-sm-12">\n        <AutoComplete @bind-Value="customerName"\n                      TItem="Customer"\n                      DataProvider="CustomersDataProvider"\n                      PropertyName="CustomerName"\n                      Placeholder="Search a customer..."\n                      OnChanged="(Customer customer) => OnAutoCompleteChanged(customer)" />\n    </div>\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{6-12} showLineNumbers","{6-12}":!0,showLineNumbers:!0},'@code {\n    private string customerName;\n\n    public IEnumerable<Customer> customers;\n\n    private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request)\n    {\n        if (customers is null) // pull customers only one time for client-side autocomplete\n            customers = GetCustomers(); // call a service or an API to pull the customers\n\n        return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName)));\n    }\n\n    private IEnumerable<Customer> GetCustomers()\n    {\n        return new List<Customer> {\n            new(1, "Pich S"),\n            new(2, "sfh Sobi"),\n            new(3, "Jojo chan"),\n            new(4, "Jee ja"),\n            new(5, "Rose Canon"),\n            new(6, "Manju A"),\n            new(7, "Bandita PA"),\n            new(8, "Sagar Adil"),\n            new(9, "Isha Wang"),\n            new(10, "Daina JJ"),\n            new(11, "Komala Mug"),\n            new(12, "Dikshita BD"),\n            new(13, "Neha Gosar"),\n            new(14, "Preeti S"),\n            new(15, "Sagar Seth"),\n            new(16, "Vinayak MM"),\n            new(17, "Vijaya Lakhsmi"),\n            new(18, "Jahan K"),\n            new(19, "Joy B"),\n            new(20, "Zaraiah C"),\n            new(21, "Laura L"),\n            new(22, "Punith ES")\n        };\n    }\n\n    private void OnAutoCompleteChanged(Customer customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n    }\n}\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"public record Customer(int CustomerId, string CustomerName);\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#client-side-data"},"See demo here")),(0,r.kt)("h3",{id:"client-side-data-with-stringcomparision"},"Client side data with StringComparision"),(0,r.kt)("p",null,"In the below example, ",(0,r.kt)("inlineCode",{parentName:"p"},"StringComparision.Ordinal")," is used to make the filter case-sensitive."),(0,r.kt)("admonition",{type:"info"},(0,r.kt)("p",{parentName:"admonition"},"By default, ",(0,r.kt)("inlineCode",{parentName:"p"},"StringComparison.OrdinalIgnoreCase")," is used to compare culture-agnostic and case-insensitive string matching.")),(0,r.kt)("img",{src:"https://i.imgur.com/8YZzW9f.png",alt:"Blazor Bootstrap AutoComplete Component - Client side data with StringComparision"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{8} showLineNumbers","{8}":!0,showLineNumbers:!0},'<div class="row">\n    <div class="col-md-5 col-sm-12">\n        <AutoComplete @bind-Value="customerName"\n                      TItem="Customer"\n                      DataProvider="CustomersDataProvider"\n                      PropertyName="CustomerName"\n                      Placeholder="Search a customer..."\n                      StringComparison="StringComparison.Ordinal"\n                      OnChanged="(Customer customer) => OnAutoCompleteChanged(customer)" />\n    </div>\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{6-12} showLineNumbers","{6-12}":!0,showLineNumbers:!0},'@code {\n    private string customerName;\n\n    public IEnumerable<Customer> customers;\n\n    private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request)\n    {\n        if (customers is null) // pull customers only one time for client-side autocomplete\n            customers = GetCustomers(); // call a service or an API to pull the customers\n\n        return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName)));\n    }\n\n    private IEnumerable<Customer> GetCustomers()\n    {\n        return new List<Customer> {\n            new(1, "Pich S"),\n            new(2, "sfh Sobi"),\n            new(3, "Jojo chan"),\n            new(4, "Jee ja"),\n            new(5, "Rose Canon"),\n            new(6, "Manju A"),\n            new(7, "Bandita PA"),\n            new(8, "Sagar Adil"),\n            new(9, "Isha Wang"),\n            new(10, "Daina JJ"),\n            new(11, "Komala Mug"),\n            new(12, "Dikshita BD"),\n            new(13, "Neha Gosar"),\n            new(14, "Preeti S"),\n            new(15, "Sagar Seth"),\n            new(16, "Vinayak MM"),\n            new(17, "Vijaya Lakhsmi"),\n            new(18, "Jahan K"),\n            new(19, "Joy B"),\n            new(20, "Zaraiah C"),\n            new(21, "Laura L"),\n            new(22, "Punith ES")\n        };\n    }\n\n    private void OnAutoCompleteChanged(Customer customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n    }\n}\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"public record Customer(int CustomerId, string CustomerName);\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#client-side-data-with-string-comparision"},"See demo here")),(0,r.kt)("h3",{id:"server-side-data"},"Server side data"),(0,r.kt)("img",{src:"https://i.imgur.com/D5ox9um.png",alt:"Blazor Bootstrap AutoComplete Component - Server side data"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3-8} showLineNumbers","{3-8}":!0,showLineNumbers:!0},'<div class="row">\n    <div class="col-md-5 col-sm-12">\n        <AutoComplete @bind-Value="customerName"\n                      TItem="Customer"\n                      DataProvider="CustomersDataProvider"\n                      PropertyName="CustomerName"\n                      Placeholder="Search a customer..."\n                      OnChanged="(Customer customer) => OnAutoCompleteChanged(customer)" />\n    </div>\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{6-10} showLineNumbers","{6-10}":!0,showLineNumbers:!0},"@code {\n    private string customerName;\n\n    [Inject] ICustomerService _customerService { get; set; }\n\n    private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request)\n    {\n        var customers = await _customerService.GetCustomers(request.Filter, request.CancellationToken); // API call\n        return await Task.FromResult(new AutoCompleteDataProviderResult<Customer> { Data = customers, TotalCount = customers.Count() });\n    }\n\n    private void OnAutoCompleteChanged(Customer customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($\"'{customer?.CustomerName}' selected.\");\n    }\n}\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#server-side-data"},"See demo here")),(0,r.kt)("h3",{id:"set-default-value"},"Set default value"),(0,r.kt)("img",{src:"https://i.imgur.com/AMqyt8h.png",alt:"Blazor Bootstrap AutoComplete Component - Set default value"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="row">\n    <div class="col-md-5 col-sm-12">\n        <AutoComplete @bind-Value="customerName"\n                      TItem="Customer"\n                      DataProvider="CustomersDataProvider"\n                      PropertyName="CustomerName"\n                      Placeholder="Search a customer..."\n                      OnChanged="(Customer customer) => OnAutoCompleteChanged(customer)" />\n    </div>\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-csharp"},'@code {\n    private string customerName;\n\n    public IEnumerable<Customer> customers;\n\n    protected override void OnInitialized()\n    {\n        customerName = "Pich S";\n    }\n\n    private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request)\n    {\n        if (customers is null) // pull customers only one time for client-side autocomplete\n            customers = GetCustomers(); // call a service or an API to pull the customers\n\n        return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName)));\n    }\n\n    private IEnumerable<Customer> GetCustomers()\n    {\n        return new List<Customer> {\n            new(1, "Pich S"),\n            new(2, "sfh Sobi"),\n            new(3, "Jojo chan"),\n            new(4, "Jee ja"),\n            new(5, "Rose Canon"),\n            new(6, "Manju A"),\n            new(7, "Bandita PA"),\n            new(8, "Sagar Adil"),\n            new(9, "Isha Wang"),\n            new(10, "Daina JJ"),\n            new(11, "Komala Mug"),\n            new(12, "Dikshita BD"),\n            new(13, "Neha Gosar"),\n            new(14, "Preeti S"),\n            new(15, "Sagar Seth"),\n            new(16, "Vinayak MM"),\n            new(17, "Vijaya Lakhsmi"),\n            new(18, "Jahan K"),\n            new(19, "Joy B"),\n            new(20, "Zaraiah C"),\n            new(21, "Laura L"),\n            new(22, "Punith ES")\n        };\n    }\n\n    private void OnAutoCompleteChanged(Customer customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#set-default-value"},"See demo here")),(0,r.kt)("h3",{id:"validations"},"Validations"),(0,r.kt)("img",{src:"https://i.imgur.com/sMQ7Uc6.png",alt:"Blazor Bootstrap AutoComplete Component - Validations - Data empty"}),(0,r.kt)("img",{src:"https://i.imgur.com/4IzNcdp.png",alt:"Blazor Bootstrap AutoComplete Component - Validations - Item selected"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"@using System.ComponentModel.DataAnnotations\n")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},"<style>\n    .valid.modified:not([type=checkbox]) {\n        outline: 1px solid #26b050;\n    }\n\n    .invalid {\n        outline: 1px solid red;\n    }\n\n    .validation-message {\n        color: red;\n    }\n</style>\n")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{7-13} showLineNumbers","{7-13}":!0,showLineNumbers:!0},'<EditForm EditContext="@_editContext" OnValidSubmit="HandleOnValidSubmit">\n    <DataAnnotationsValidator />\n\n    <div class="form-group row mb-2">\n        <label for="supplier" class="col-md-2 col-form-label">Customer:</label>\n        <div class="col-md-10">\n            <AutoComplete @bind-Value="customerAddress.CustomerName"\n                          TItem="Customer"\n                          DataProvider="CustomersDataProvider"\n                          PropertyName="CustomerName"\n                          Placeholder="Search a customer..."\n                          OnChanged="(Customer customer) => OnAutoCompleteChanged(customer)" />\n            <ValidationMessage For="@(() => customerAddress.CustomerName)" />\n        </div>\n    </div>\n\n    <div class="form-group row mb-3">\n        <label for="name" class="col-md-2 col-form-label">Address:</label>\n        <div class="col-md-10">\n            <InputText id="name" class="form-control" @bind-Value="customerAddress.Address" />\n            <ValidationMessage For="@(() => customerAddress.Address)" />\n        </div>\n    </div>\n\n    <div class="row">\n        <div class="col-md-12 text-right">\n            <button type="submit" class="btn btn-success float-right">Submit</button>\n        </div>\n    </div>\n</EditForm>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private CustomerAddress customerAddress = new();\n    private EditContext _editContext;\n\n    [Inject] ICustomerService _customerService { get; set; }\n\n    protected override void OnInitialized()\n    {\n        _editContext = new EditContext(customerAddress);\n        base.OnInitialized();\n    }\n\n    public void HandleOnValidSubmit()\n    {\n        Console.WriteLine($"Customer name is {customerAddress.CustomerName} and address is {customerAddress.Address}");\n    }\n\n    private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request)\n    {\n        var customers = await _customerService.GetCustomers(request.Filter); // API call\n        return await Task.FromResult(new AutoCompleteDataProviderResult<Customer> { Data = customers, TotalCount = customers.Count() });\n    }\n\n    private void OnAutoCompleteChanged(Customer customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($"\'{customer?.CustomerName}\' selected.");\n        Console.WriteLine($"Data null: {customer is null}.");\n    }\n\n    public class CustomerAddress\n    {\n        [Required]\n        public string CustomerName { get; set; }\n\n        [Required]\n        public string Address { get; set; }\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#validations"},"See demo here")),(0,r.kt)("h3",{id:"disable"},"Disable"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("b",null,"Disabled")," parameter to disable the AutoComplete."),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{8,13-15} showLineNumbers","{8,13-15}":!0,showLineNumbers:!0},'<div class="row mb-3">\n    <div class="col-md-5 col-sm-12">\n        <AutoComplete @bind-Value="customerName"\n                      TItem="Customer2"\n                      DataProvider="CustomersDataProvider"\n                      PropertyName="CustomerName"\n                      Placeholder="Search a customer..."\n                      Disabled="@disabled"\n                      OnChanged="(Customer2 customer) => OnAutoCompleteChanged(customer)" />\n    </div>\n</div>\n\n<Button Color="ButtonColor.Primary" @onclick="Enable"> Enable </Button>\n<Button Color="ButtonColor.Secondary" @onclick="Disable"> Disable </Button>\n<Button Color="ButtonColor.Warning" @onclick="Toggle"> Toggle </Button>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{3,21,23,25} showLineNumbers","{3,21,23,25}":!0,showLineNumbers:!0},"@code {\n    private string customerName = default!;\n    private bool disabled = true;\n\n    [Inject] ICustomerService _customerService { get; set; } = default!;\n\n    private async Task<AutoCompleteDataProviderResult<Customer2>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer2> request)\n    {\n        var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call\n        return await Task.FromResult(new AutoCompleteDataProviderResult<Customer2> { Data = customers, TotalCount = customers.Count() });\n    }\n\n    private void OnAutoCompleteChanged(Customer2 customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($\"'{customer?.CustomerName}' selected.\");\n    }\n\n    private void Enable() => disabled = false;\n\n    private void Disable() => disabled = true;\n\n    private void Toggle() => disabled = !disabled;\n}\n")),(0,r.kt)("p",null,"Also, use ",(0,r.kt)("strong",{parentName:"p"},"Enable()")," and ",(0,r.kt)("strong",{parentName:"p"},"Disable()")," methods to enable and disable the AutoComplete."),(0,r.kt)("admonition",{title:"NOTE",type:"caution"},(0,r.kt)("p",{parentName:"admonition"},"Do not use both the ",(0,r.kt)("strong",{parentName:"p"},"Disabled")," parameter and ",(0,r.kt)("strong",{parentName:"p"},"Enable()")," & ",(0,r.kt)("strong",{parentName:"p"},"Disable()")," methods.")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{3,13-14} showLineNumbers","{3,13-14}":!0,showLineNumbers:!0},'<div class="row mb-3">\n    <div class="col-md-5 col-sm-12">\n        <AutoComplete @ref="autoComplete1" \n                      @bind-Value="customerName"\n                      TItem="Customer2"\n                      DataProvider="CustomersDataProvider"\n                      PropertyName="CustomerName"\n                      Placeholder="Search a customer..."\n                      OnChanged="(Customer2 customer) => OnAutoCompleteChanged(customer)" />\n    </div>\n</div>\n\n<Button Color="ButtonColor.Secondary" @onclick="Disable"> Disable </Button>\n<Button Color="ButtonColor.Primary" @onclick="Enable"> Enable </Button>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{2,21,23} showLineNumbers","{2,21,23}":!0,showLineNumbers:!0},"@code {\n    private AutoComplete<Customer2> autoComplete1 = default!;\n    private string customerName = default!;\n\n    [Inject] ICustomerService _customerService { get; set; } = default!;\n\n    private async Task<AutoCompleteDataProviderResult<Customer2>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer2> request)\n    {\n        var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call\n        return await Task.FromResult(new AutoCompleteDataProviderResult<Customer2> { Data = customers, TotalCount = customers.Count() });\n    }\n\n    private void OnAutoCompleteChanged(Customer2 customer)\n    {\n        // TODO: handle your own logic\n\n        // NOTE: do null check\n        Console.WriteLine($\"'{customer?.CustomerName}' selected.\");\n    }\n\n    private void Disable() => autoComplete1.Disable();\n\n    private void Enable() => autoComplete1.Enable();\n}\n")),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/autocomplete#disable"},"See demo here")))}c.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/07e55142.55bc491c.js b/assets/js/07e55142.e94f235a.js
similarity index 76%
rename from assets/js/07e55142.55bc491c.js
rename to assets/js/07e55142.e94f235a.js
index aedf7fb6d..1d9bb8442 100644
--- a/assets/js/07e55142.55bc491c.js
+++ b/assets/js/07e55142.e94f235a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[72475],{42269:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/sidebar","page":1,"postsPerPage":10,"totalPages":1,"totalCount":3,"blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[72475],{42269:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/sidebar","page":1,"postsPerPage":10,"totalPages":1,"totalCount":4,"blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/0892d6c1.c4cb3adc.js b/assets/js/0892d6c1.12e77b47.js
similarity index 80%
rename from assets/js/0892d6c1.c4cb3adc.js
rename to assets/js/0892d6c1.12e77b47.js
index 9f38707b4..e33bcfb8f 100644
--- a/assets/js/0892d6c1.c4cb3adc.js
+++ b/assets/js/0892d6c1.12e77b47.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[79035],{63053:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap","page":1,"postsPerPage":10,"totalPages":7,"totalCount":61,"nextPage":"/blog/tags/blazorbootstrap/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[79035],{63053:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap","page":1,"postsPerPage":10,"totalPages":7,"totalCount":62,"nextPage":"/blog/tags/blazorbootstrap/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/11ce4159.db1b7cc3.js b/assets/js/11ce4159.6fc34702.js
similarity index 80%
rename from assets/js/11ce4159.db1b7cc3.js
rename to assets/js/11ce4159.6fc34702.js
index 4bd215e0b..4f45bdcce 100644
--- a/assets/js/11ce4159.db1b7cc3.js
+++ b/assets/js/11ce4159.6fc34702.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[1531],{75034:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/5","page":5,"postsPerPage":10,"totalPages":7,"totalCount":62,"previousPage":"/blog/page/4","nextPage":"/blog/page/6","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[1531],{75034:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/5","page":5,"postsPerPage":10,"totalPages":7,"totalCount":63,"previousPage":"/blog/page/4","nextPage":"/blog/page/6","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/12e9876c.cb9abd3c.js b/assets/js/12e9876c.dbe2c1cc.js
similarity index 78%
rename from assets/js/12e9876c.cb9abd3c.js
rename to assets/js/12e9876c.dbe2c1cc.js
index 5c4c33673..3232a8346 100644
--- a/assets/js/12e9876c.cb9abd3c.js
+++ b/assets/js/12e9876c.dbe2c1cc.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[54301],{36320:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":61}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[54301],{36320:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":62}')}}]);
\ No newline at end of file
diff --git a/assets/js/14f7618e.04058914.js b/assets/js/14f7618e.04058914.js
new file mode 100644
index 000000000..059ed1f57
--- /dev/null
+++ b/assets/js/14f7618e.04058914.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[97475],{3905:(e,t,a)=>{a.d(t,{Zo:()=>p,kt:()=>h});var r=a(67294);function n(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function i(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?o(Object(a),!0).forEach((function(t){n(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function l(e,t){if(null==e)return{};var a,r,n=function(e,t){if(null==e)return{};var a,r,n={},o=Object.keys(e);for(r=0;r<o.length;r++)a=o[r],t.indexOf(a)>=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)a=o[r],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var s=r.createContext({}),m=function(e){var t=r.useContext(s),a=t;return e&&(a="function"==typeof e?e(t):i(i({},t),e)),a},p=function(e){var t=m(e.components);return r.createElement(s.Provider,{value:t},e.children)},c="mdxType",g={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},d=r.forwardRef((function(e,t){var a=e.components,n=e.mdxType,o=e.originalType,s=e.parentName,p=l(e,["components","mdxType","originalType","parentName"]),c=m(a),d=n,h=c["".concat(s,".").concat(d)]||c[d]||g[d]||o;return a?r.createElement(h,i(i({ref:t},p),{},{components:a})):r.createElement(h,i({ref:t},p))}));function h(e,t){var a=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var o=a.length,i=new Array(o);i[0]=d;var l={};for(var s in t)hasOwnProperty.call(t,s)&&(l[s]=t[s]);l.originalType=e,l[c]="string"==typeof e?e:n,i[1]=l;for(var m=2;m<o;m++)i[m]=a[m];return r.createElement.apply(null,i)}return r.createElement.apply(null,a)}d.displayName="MDXCreateElement"},74404:(e,t,a)=>{a.d(t,{ZP:()=>p});var r=a(87462),n=a(67294),o=a(3905);class i extends n.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:n.createElement("div",{id:this.name})}}const l=i,s={toc:[]},m="wrapper";function p(e){let{components:t,...a}=e;return(0,o.kt)(m,(0,r.Z)({},s,a,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(l,{mdxType:"CarbonAd"}))}p.isMDXComponent=!0},84881:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>m,contentTitle:()=>l,default:()=>d,frontMatter:()=>i,metadata:()=>s,toc:()=>p});var r=a(87462),n=(a(67294),a(3905)),o=a(74404);const i={title:"Blazor Images Component",description:"Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them.",image:"https://i.imgur.com/QrSaauv.png",sidebar_label:"Images",sidebar_position:2},l="Blazor Images",s={unversionedId:"content/images",id:"content/images",title:"Blazor Images Component",description:"Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them.",source:"@site/docs/03-content/images.mdx",sourceDirName:"03-content",slug:"/content/images",permalink:"/content/images",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/03-content/images.mdx",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"Blazor Images Component",description:"Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them.",image:"https://i.imgur.com/QrSaauv.png",sidebar_label:"Images",sidebar_position:2},sidebar:"tutorialSidebar",previous:{title:"Icons",permalink:"/content/icons"},next:{title:"Auto Complete",permalink:"/forms/autocomplete"}},m={},p=[{value:"Parameters",id:"parameters",level:2},{value:"Examples",id:"examples",level:2},{value:"Images",id:"images",level:3},{value:"Image thumbnails",id:"image-thumbnails",level:3},{value:"Aligning images",id:"aligning-images",level:3}],c={toc:p},g="wrapper";function d(e){let{components:t,...a}=e;return(0,n.kt)(g,(0,r.Z)({},c,a,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("h1",{id:"blazor-images"},"Blazor Images"),(0,n.kt)("p",null,"Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them."),(0,n.kt)(o.ZP,{mdxType:"CarbonAd"}),(0,n.kt)("img",{src:"https://i.imgur.com/QrSaauv.png",alt:"Blazor Bootstrap: Image Component"}),(0,n.kt)("h2",{id:"parameters"},"Parameters"),(0,n.kt)("table",null,(0,n.kt)("thead",{parentName:"table"},(0,n.kt)("tr",{parentName:"thead"},(0,n.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,n.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,n.kt)("tbody",{parentName:"table"},(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Alt"),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"string?")),(0,n.kt)("td",{parentName:"tr",align:"left"},"null"),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the alternate text for the image."),(0,n.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"Src"),(0,n.kt)("td",{parentName:"tr",align:"left"},(0,n.kt)("inlineCode",{parentName:"td"},"string?")),(0,n.kt)("td",{parentName:"tr",align:"left"},"null"),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the source of the image."),(0,n.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"IsResponsive"),(0,n.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,n.kt)("td",{parentName:"tr",align:"left"},"true"),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"Gets or sets a value indicating whether the image is responsive."),(0,n.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,n.kt)("tr",{parentName:"tbody"},(0,n.kt)("td",{parentName:"tr",align:"left"},"IsThumbnail"),(0,n.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,n.kt)("td",{parentName:"tr",align:"left"},"false"),(0,n.kt)("td",{parentName:"tr",align:"left"}),(0,n.kt)("td",{parentName:"tr",align:"left"},"Makes the image have a rounded 1px border appearance if set to true."),(0,n.kt)("td",{parentName:"tr",align:"left"},"3.0.0")))),(0,n.kt)("h2",{id:"examples"},"Examples"),(0,n.kt)("h3",{id:"images"},"Images"),(0,n.kt)("p",null,"By default images are responsive. The default value of the ",(0,n.kt)("strong",{parentName:"p"},"IsResponsive")," parameter is ",(0,n.kt)("strong",{parentName:"p"},"true"),"."),(0,n.kt)("img",{src:"https://i.imgur.com/QrSaauv.png",alt:"Blazor Bootstrap: Image Component"}),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Image Src="/images/placeholder.png" Alt="placeholder" />\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/images#example"},"See demo here.")),(0,n.kt)("h3",{id:"image-thumbnails"},"Image thumbnails"),(0,n.kt)("p",null,"To set the image to have a rounded 1px border appearance, set the ",(0,n.kt)("strong",{parentName:"p"},"IsThumbnail")," parameter to ",(0,n.kt)("strong",{parentName:"p"},"true"),"."),(0,n.kt)("img",{src:"https://i.imgur.com/LKgmorK.png",alt:"Blazor Bootstrap: Image Component - Image thumbnails"}),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Image Src="/images/placeholder.png" IsThumbnail="true" Alt="placeholder" />\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/images#image-thumbnails"},"See demo here.")),(0,n.kt)("h3",{id:"aligning-images"},"Aligning images"),(0,n.kt)("img",{src:"https://i.imgur.com/sGdkb8c.png",alt:"Blazor Bootstrap: Image Component - Aligning images"}),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Image Src="/images/placeholder.png" Class="rounded float-start" Alt="placeholder1" />\n<Image Src="/images/placeholder.png" Class="rounded float-end" Alt="placeholder2" />\n')),(0,n.kt)("img",{src:"https://i.imgur.com/LBp2172.png",alt:"Blazor Bootstrap: Image Component - Aligning images"}),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Image Src="/images/placeholder.png" Class="rounded mx-auto d-block" Alt="placeholder" />\n')),(0,n.kt)("img",{src:"https://i.imgur.com/7BPXWXs.png",alt:"Blazor Bootstrap: Image Component - Aligning images"}),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="text-center">\n    <Image Src="/images/placeholder.png" Class="rounded" Alt="placeholder" />\n</div>\n')),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/images#aligning-images"},"See demo here.")))}d.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/15b77f5e.2188de6d.js b/assets/js/15b77f5e.607dce4a.js
similarity index 99%
rename from assets/js/15b77f5e.2188de6d.js
rename to assets/js/15b77f5e.607dce4a.js
index 48029f218..656f04579 100644
--- a/assets/js/15b77f5e.2188de6d.js
+++ b/assets/js/15b77f5e.607dce4a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[63490],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>h});var n=r(67294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var l=n.createContext({}),p=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(l.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,s=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),m=p(r),u=a,h=m["".concat(l,".").concat(u)]||m[u]||d[u]||s;return r?n.createElement(h,o(o({ref:t},c),{},{components:r})):n.createElement(h,o({ref:t},c))}));function h(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var s=r.length,o=new Array(s);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[m]="string"==typeof e?e:a,o[1]=i;for(var p=2;p<s;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),a=r(67294),s=r(3905);class o extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,s.kt)(p,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},54269:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=r(87462),a=(r(67294),r(3905)),s=r(74404);const o={id:"blazor-server-net-7",sidebar_label:"Blazor Server (.NET 7)",sidebar_position:6,title:"Blazor Server (.NET 7)"},i="Getting started - Blazor Server (.NET 7)",l={unversionedId:"getting-started/blazor-server-net-7",id:"getting-started/blazor-server-net-7",title:"Blazor Server (.NET 7)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-server-net-7",permalink:"/getting-started/blazor-server-net-7",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx",tags:[],version:"current",sidebarPosition:6,frontMatter:{id:"blazor-server-net-7",sidebar_label:"Blazor Server (.NET 7)",sidebar_position:6,title:"Blazor Server (.NET 7)"},sidebar:"tutorialSidebar",previous:{title:"Blazor WebAssembly (.NET 7)",permalink:"/getting-started/blazor-webassembly-net-7"},next:{title:"MAUI Blazor Hybrid App (.NET 7)",permalink:"/getting-started/maui-blazor-net-7"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2},{value:"_Host.cshtml",id:"_hostcshtml",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],m={toc:c},d="wrapper";function u(e){let{components:t,...r}=e;return(0,a.kt)(d,(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"getting-started---blazor-server-net-7"},"Getting started - Blazor Server (.NET 7)"),(0,a.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,a.kt)(s.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,a.kt)("p",null,"Looking to quickly add ",(0,a.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1\n")),(0,a.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,a.kt)("p",null,"After the ",(0,a.kt)("inlineCode",{parentName:"p"},'<base href="~/" />')," tag in the ",(0,a.kt)("strong",{parentName:"p"},"head")," section in the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml")," file, add the following references:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,a.kt)("admonition",{type:"note"},(0,a.kt)("p",{parentName:"admonition"},"If you use the ",(0,a.kt)("strong",{parentName:"p"},"Blazor Server App Empty")," template (without demonstration code and Bootstrap), add the following references to the ",(0,a.kt)("inlineCode",{parentName:"p"},"head")," section in the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml"),".\nThere is a known GitHub issue ",(0,a.kt)("a",{parentName:"p",href:"https://github.com/dotnet/aspnetcore/issues/43975"},"Blazor empty template doesn't load scoped CSS"),".")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css" rel="stylesheet" />\n')),(0,a.kt)("h2",{id:"add-script-references"},"Add script references"),(0,a.kt)("p",null,"Insert the following references into the ",(0,a.kt)("strong",{parentName:"p"},"body")," section of the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml")," file, immediately after the ",(0,a.kt)("strong",{parentName:"p"},"_framework/blazor.server.js")," reference:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,a.kt)("admonition",{type:"tip"},(0,a.kt)("p",{parentName:"admonition"},(0,a.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Add when the ",(0,a.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,a.kt)("h2",{id:"register-services"},"Register services"),(0,a.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,a.kt)("strong",{parentName:"p"},"Program.cs")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,a.kt)("p",null,"Register tag helpers in ",(0,a.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,a.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,a.kt)("p",null,"The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:"),(0,a.kt)("ol",null,(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Delete the ",(0,a.kt)("strong",{parentName:"p"},"bootstrap")," and ",(0,a.kt)("strong",{parentName:"p"},"open-iconic")," folders from the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."),(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/open-iconic")," folder."))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />\n'))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"wwwroot/css/site.css")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-css",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');\n")))),(0,a.kt)("h2",{id:"starter-template"},"Starter template"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET7.BlazorServerApp"},"GitHub Repo: Blazor Bootstrap - Blazor Server App (.NET 7)")),(0,a.kt)("img",{src:"https://i.imgur.com/7vipHB1.png",alt:"Blazor Bootstrap - Blazor Server App"}),(0,a.kt)("h2",{id:"sample-code"},"Sample Code"),(0,a.kt)("h3",{id:"_hostcshtml"},"_Host.cshtml"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{12-14,35-40} showLineNumbers","{12-14,35-40}":!0,showLineNumbers:!0},'@page "/"\n@using Microsoft.AspNetCore.Components.Web\n@namespace NET7.BlazorServerApp.Pages\n@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers\n\n<!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <base href="~/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link href="css/site.css" rel="stylesheet" />\n    <link href="NET7.BlazorServerApp.styles.css" rel="stylesheet" />\n    <link rel="icon" type="image/png" href="favicon.png" />\n    <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />\n</head>\n<body>\n    <component type="typeof(App)" render-mode="ServerPrerendered" />\n\n    <div id="blazor-error-ui">\n        <environment include="Staging,Production">\n            An error has occurred. This application may no longer respond until reloaded.\n        </environment>\n        <environment include="Development">\n            An unhandled exception has occurred. See browser dev tools for details.\n        </environment>\n        <a href="" class="reload">Reload</a>\n        <a class="dismiss">\ud83d\uddd9</a>\n    </div>\n\n    <script src="_framework/blazor.server.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    \x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n</html>\n')),(0,a.kt)("h3",{id:"programcs"},"Program.cs"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},'using Microsoft.AspNetCore.Components;\nusing Microsoft.AspNetCore.Components.Web;\nusing NET7.BlazorServerApp.Data;\n\nvar builder = WebApplication.CreateBuilder(args);\n\n// Add services to the container.\nbuilder.Services.AddRazorPages();\nbuilder.Services.AddServerSideBlazor();\nbuilder.Services.AddSingleton<WeatherForecastService>();\nbuilder.Services.AddBlazorBootstrap();\n\nvar app = builder.Build();\n\n// Configure the HTTP request pipeline.\nif (!app.Environment.IsDevelopment())\n{\n    app.UseExceptionHandler("/Error");\n    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.\n    app.UseHsts();\n}\n\napp.UseHttpsRedirection();\n\napp.UseStaticFiles();\n\napp.UseRouting();\n\napp.MapBlazorHub();\napp.MapFallbackToPage("/_Host");\n\napp.Run();\n')),(0,a.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using Microsoft.AspNetCore.Authorization\n@using Microsoft.AspNetCore.Components.Authorization\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.JSInterop\n@using NET7.BlazorServerApp\n@using NET7.BlazorServerApp.Shared\n@using BlazorBootstrap;\n")),(0,a.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">\n                @Body\n            </div>\n        </article>\n    </main>\n\n</div>\n\n<Modal IsServiceModal="true" />\n<Preload />\n<Toasts class="p-3" AutoHide="true" Delay="4000" Placement="ToastsPlacement.TopRight" />\n\n@code {\n    private Sidebar sidebar = default!;\n    private IEnumerable<NavItem> navItems = default!;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n            new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n            new NavItem { Id = "3", Href = "/fetchdata", IconName = IconName.Table, Text = "Fetch Data"},\n        };\n\n        return navItems;\n    }\n}\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[63490],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>h});var n=r(67294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var l=n.createContext({}),p=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(l.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,s=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),m=p(r),u=a,h=m["".concat(l,".").concat(u)]||m[u]||d[u]||s;return r?n.createElement(h,o(o({ref:t},c),{},{components:r})):n.createElement(h,o({ref:t},c))}));function h(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var s=r.length,o=new Array(s);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[m]="string"==typeof e?e:a,o[1]=i;for(var p=2;p<s;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),a=r(67294),s=r(3905);class o extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,s.kt)(p,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},54269:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=r(87462),a=(r(67294),r(3905)),s=r(74404);const o={id:"blazor-server-net-7",sidebar_label:"Blazor Server (.NET 7)",sidebar_position:6,title:"Blazor Server (.NET 7)"},i="Getting started - Blazor Server (.NET 7)",l={unversionedId:"getting-started/blazor-server-net-7",id:"getting-started/blazor-server-net-7",title:"Blazor Server (.NET 7)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-server-net-7",permalink:"/getting-started/blazor-server-net-7",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx",tags:[],version:"current",sidebarPosition:6,frontMatter:{id:"blazor-server-net-7",sidebar_label:"Blazor Server (.NET 7)",sidebar_position:6,title:"Blazor Server (.NET 7)"},sidebar:"tutorialSidebar",previous:{title:"Blazor WebAssembly (.NET 7)",permalink:"/getting-started/blazor-webassembly-net-7"},next:{title:"MAUI Blazor Hybrid App (.NET 7)",permalink:"/getting-started/maui-blazor-net-7"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2},{value:"_Host.cshtml",id:"_hostcshtml",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],m={toc:c},d="wrapper";function u(e){let{components:t,...r}=e;return(0,a.kt)(d,(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"getting-started---blazor-server-net-7"},"Getting started - Blazor Server (.NET 7)"),(0,a.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,a.kt)(s.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,a.kt)("p",null,"Looking to quickly add ",(0,a.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2\n")),(0,a.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,a.kt)("p",null,"After the ",(0,a.kt)("inlineCode",{parentName:"p"},'<base href="~/" />')," tag in the ",(0,a.kt)("strong",{parentName:"p"},"head")," section in the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml")," file, add the following references:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,a.kt)("admonition",{type:"note"},(0,a.kt)("p",{parentName:"admonition"},"If you use the ",(0,a.kt)("strong",{parentName:"p"},"Blazor Server App Empty")," template (without demonstration code and Bootstrap), add the following references to the ",(0,a.kt)("inlineCode",{parentName:"p"},"head")," section in the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml"),".\nThere is a known GitHub issue ",(0,a.kt)("a",{parentName:"p",href:"https://github.com/dotnet/aspnetcore/issues/43975"},"Blazor empty template doesn't load scoped CSS"),".")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css" rel="stylesheet" />\n')),(0,a.kt)("h2",{id:"add-script-references"},"Add script references"),(0,a.kt)("p",null,"Insert the following references into the ",(0,a.kt)("strong",{parentName:"p"},"body")," section of the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml")," file, immediately after the ",(0,a.kt)("strong",{parentName:"p"},"_framework/blazor.server.js")," reference:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,a.kt)("admonition",{type:"tip"},(0,a.kt)("p",{parentName:"admonition"},(0,a.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Add when the ",(0,a.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,a.kt)("h2",{id:"register-services"},"Register services"),(0,a.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,a.kt)("strong",{parentName:"p"},"Program.cs")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,a.kt)("p",null,"Register tag helpers in ",(0,a.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,a.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,a.kt)("p",null,"The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:"),(0,a.kt)("ol",null,(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Delete the ",(0,a.kt)("strong",{parentName:"p"},"bootstrap")," and ",(0,a.kt)("strong",{parentName:"p"},"open-iconic")," folders from the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."),(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/open-iconic")," folder."))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />\n'))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"wwwroot/css/site.css")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-css",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');\n")))),(0,a.kt)("h2",{id:"starter-template"},"Starter template"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET7.BlazorServerApp"},"GitHub Repo: Blazor Bootstrap - Blazor Server App (.NET 7)")),(0,a.kt)("img",{src:"https://i.imgur.com/7vipHB1.png",alt:"Blazor Bootstrap - Blazor Server App"}),(0,a.kt)("h2",{id:"sample-code"},"Sample Code"),(0,a.kt)("h3",{id:"_hostcshtml"},"_Host.cshtml"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{12-14,35-40} showLineNumbers","{12-14,35-40}":!0,showLineNumbers:!0},'@page "/"\n@using Microsoft.AspNetCore.Components.Web\n@namespace NET7.BlazorServerApp.Pages\n@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers\n\n<!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <base href="~/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link href="css/site.css" rel="stylesheet" />\n    <link href="NET7.BlazorServerApp.styles.css" rel="stylesheet" />\n    <link rel="icon" type="image/png" href="favicon.png" />\n    <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />\n</head>\n<body>\n    <component type="typeof(App)" render-mode="ServerPrerendered" />\n\n    <div id="blazor-error-ui">\n        <environment include="Staging,Production">\n            An error has occurred. This application may no longer respond until reloaded.\n        </environment>\n        <environment include="Development">\n            An unhandled exception has occurred. See browser dev tools for details.\n        </environment>\n        <a href="" class="reload">Reload</a>\n        <a class="dismiss">\ud83d\uddd9</a>\n    </div>\n\n    <script src="_framework/blazor.server.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    \x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n</html>\n')),(0,a.kt)("h3",{id:"programcs"},"Program.cs"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},'using Microsoft.AspNetCore.Components;\nusing Microsoft.AspNetCore.Components.Web;\nusing NET7.BlazorServerApp.Data;\n\nvar builder = WebApplication.CreateBuilder(args);\n\n// Add services to the container.\nbuilder.Services.AddRazorPages();\nbuilder.Services.AddServerSideBlazor();\nbuilder.Services.AddSingleton<WeatherForecastService>();\nbuilder.Services.AddBlazorBootstrap();\n\nvar app = builder.Build();\n\n// Configure the HTTP request pipeline.\nif (!app.Environment.IsDevelopment())\n{\n    app.UseExceptionHandler("/Error");\n    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.\n    app.UseHsts();\n}\n\napp.UseHttpsRedirection();\n\napp.UseStaticFiles();\n\napp.UseRouting();\n\napp.MapBlazorHub();\napp.MapFallbackToPage("/_Host");\n\napp.Run();\n')),(0,a.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using Microsoft.AspNetCore.Authorization\n@using Microsoft.AspNetCore.Components.Authorization\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.JSInterop\n@using NET7.BlazorServerApp\n@using NET7.BlazorServerApp.Shared\n@using BlazorBootstrap;\n")),(0,a.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">\n                @Body\n            </div>\n        </article>\n    </main>\n\n</div>\n\n<Modal IsServiceModal="true" />\n<Preload />\n<Toasts class="p-3" AutoHide="true" Delay="4000" Placement="ToastsPlacement.TopRight" />\n\n@code {\n    private Sidebar sidebar = default!;\n    private IEnumerable<NavItem> navItems = default!;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n            new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n            new NavItem { Id = "3", Href = "/fetchdata", IconName = IconName.Table, Text = "Fetch Data"},\n        };\n\n        return navItems;\n    }\n}\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/17896441.a8055c26.js b/assets/js/17896441.ac93bb20.js
similarity index 99%
rename from assets/js/17896441.a8055c26.js
rename to assets/js/17896441.ac93bb20.js
index f85080dd3..381487ec8 100644
--- a/assets/js/17896441.a8055c26.js
+++ b/assets/js/17896441.ac93bb20.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[27918],{78945:(e,t,n)=>{n.r(t),n.d(t,{default:()=>ie});var a=n(67294),l=n(1944),o=n(902);const r=a.createContext(null);function s(e){let{children:t,content:n}=e;const l=function(e){return(0,a.useMemo)((()=>({metadata:e.metadata,frontMatter:e.frontMatter,assets:e.assets,contentTitle:e.contentTitle,toc:e.toc})),[e])}(n);return a.createElement(r.Provider,{value:l},t)}function c(){const e=(0,a.useContext)(r);if(null===e)throw new o.i6("DocProvider");return e}function i(){const{metadata:e,frontMatter:t,assets:n}=c();return a.createElement(l.d,{title:e.title,description:e.description,keywords:t.keywords,image:n.image??t.image})}var d=n(86010),m=n(87524),u=n(87462),b=n(95999),v=n(32244);function p(e){const{previous:t,next:n}=e;return a.createElement("nav",{className:"pagination-nav docusaurus-mt-lg","aria-label":(0,b.I)({id:"theme.docs.paginator.navAriaLabel",message:"Docs pages",description:"The ARIA label for the docs pagination"})},t&&a.createElement(v.Z,(0,u.Z)({},t,{subLabel:a.createElement(b.Z,{id:"theme.docs.paginator.previous",description:"The label used to navigate to the previous doc"},"Previous")})),n&&a.createElement(v.Z,(0,u.Z)({},n,{subLabel:a.createElement(b.Z,{id:"theme.docs.paginator.next",description:"The label used to navigate to the next doc"},"Next"),isNext:!0})))}function h(){const{metadata:e}=c();return a.createElement(p,{previous:e.previous,next:e.next})}var f=n(52263),E=n(39960),g=n(80143),L=n(35281),C=n(60373),N=n(74477);const k={unreleased:function(e){let{siteTitle:t,versionMetadata:n}=e;return a.createElement(b.Z,{id:"theme.docs.versions.unreleasedVersionLabel",description:"The label used to tell the user that he's browsing an unreleased doc version",values:{siteTitle:t,versionLabel:a.createElement("b",null,n.label)}},"This is unreleased documentation for {siteTitle} {versionLabel} version.")},unmaintained:function(e){let{siteTitle:t,versionMetadata:n}=e;return a.createElement(b.Z,{id:"theme.docs.versions.unmaintainedVersionLabel",description:"The label used to tell the user that he's browsing an unmaintained doc version",values:{siteTitle:t,versionLabel:a.createElement("b",null,n.label)}},"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.")}};function _(e){const t=k[e.versionMetadata.banner];return a.createElement(t,e)}function Z(e){let{versionLabel:t,to:n,onClick:l}=e;return a.createElement(b.Z,{id:"theme.docs.versions.latestVersionSuggestionLabel",description:"The label used to tell the user to check the latest version",values:{versionLabel:t,latestVersionLink:a.createElement("b",null,a.createElement(E.Z,{to:n,onClick:l},a.createElement(b.Z,{id:"theme.docs.versions.latestVersionLinkLabel",description:"The label used for the latest version suggestion link label"},"latest version")))}},"For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).")}function x(e){let{className:t,versionMetadata:n}=e;const{siteConfig:{title:l}}=(0,f.Z)(),{pluginId:o}=(0,g.gA)({failfast:!0}),{savePreferredVersionName:r}=(0,C.J)(o),{latestDocSuggestion:s,latestVersionSuggestion:c}=(0,g.Jo)(o),i=s??(m=c).docs.find((e=>e.id===m.mainDocId));var m;return a.createElement("div",{className:(0,d.Z)(t,L.k.docs.docVersionBanner,"alert alert--warning margin-bottom--md"),role:"alert"},a.createElement("div",null,a.createElement(_,{siteTitle:l,versionMetadata:n})),a.createElement("div",{className:"margin-top--md"},a.createElement(Z,{versionLabel:c.label,to:i.path,onClick:()=>r(c.name)})))}function T(e){let{className:t}=e;const n=(0,N.E)();return n.banner?a.createElement(x,{className:t,versionMetadata:n}):null}function H(e){let{className:t}=e;const n=(0,N.E)();return n.badge?a.createElement("span",{className:(0,d.Z)(t,L.k.docs.docVersionBadge,"badge badge--secondary")},a.createElement(b.Z,{id:"theme.docs.versionBadge.label",values:{versionLabel:n.label}},"Version: {versionLabel}")):null}function U(e){let{lastUpdatedAt:t,formattedLastUpdatedAt:n}=e;return a.createElement(b.Z,{id:"theme.lastUpdated.atDate",description:"The words used to describe on which date a page has been last updated",values:{date:a.createElement("b",null,a.createElement("time",{dateTime:new Date(1e3*t).toISOString()},n))}}," on {date}")}function y(e){let{lastUpdatedBy:t}=e;return a.createElement(b.Z,{id:"theme.lastUpdated.byUser",description:"The words used to describe by who the page has been last updated",values:{user:a.createElement("b",null,t)}}," by {user}")}function A(e){let{lastUpdatedAt:t,formattedLastUpdatedAt:n,lastUpdatedBy:l}=e;return a.createElement("span",{className:L.k.common.lastUpdated},a.createElement(b.Z,{id:"theme.lastUpdated.lastUpdatedAtBy",description:"The sentence used to display when a page has been last updated, and by who",values:{atDate:t&&n?a.createElement(U,{lastUpdatedAt:t,formattedLastUpdatedAt:n}):"",byUser:l?a.createElement(y,{lastUpdatedBy:l}):""}},"Last updated{atDate}{byUser}"),!1)}var w=n(84881),M=n(71526);const I={lastUpdated:"lastUpdated_vwxv"};function B(e){return a.createElement("div",{className:(0,d.Z)(L.k.docs.docFooterTagsRow,"row margin-bottom--sm")},a.createElement("div",{className:"col"},a.createElement(M.Z,e)))}function O(e){let{editUrl:t,lastUpdatedAt:n,lastUpdatedBy:l,formattedLastUpdatedAt:o}=e;return a.createElement("div",{className:(0,d.Z)(L.k.docs.docFooterEditMetaRow,"row")},a.createElement("div",{className:"col"},t&&a.createElement(w.Z,{editUrl:t})),a.createElement("div",{className:(0,d.Z)("col",I.lastUpdated)},(n||l)&&a.createElement(A,{lastUpdatedAt:n,formattedLastUpdatedAt:o,lastUpdatedBy:l})))}function V(){const{metadata:e}=c(),{editUrl:t,lastUpdatedAt:n,formattedLastUpdatedAt:l,lastUpdatedBy:o,tags:r}=e,s=r.length>0,i=!!(t||n||o);return s||i?a.createElement("footer",{className:(0,d.Z)(L.k.docs.docFooter,"docusaurus-mt-lg")},s&&a.createElement(B,{tags:r}),i&&a.createElement(O,{editUrl:t,lastUpdatedAt:n,lastUpdatedBy:o,formattedLastUpdatedAt:l})):null}var P=n(86043),S=n(93743);const D={tocCollapsibleButton:"tocCollapsibleButton_TO0P",tocCollapsibleButtonExpanded:"tocCollapsibleButtonExpanded_MG3E"};function R(e){let{collapsed:t,...n}=e;return a.createElement("button",(0,u.Z)({type:"button"},n,{className:(0,d.Z)("clean-btn",D.tocCollapsibleButton,!t&&D.tocCollapsibleButtonExpanded,n.className)}),a.createElement(b.Z,{id:"theme.TOCCollapsible.toggleButtonLabel",description:"The label used by the button on the collapsible TOC component"},"On this page"))}const z={tocCollapsible:"tocCollapsible_ETCw",tocCollapsibleContent:"tocCollapsibleContent_vkbj",tocCollapsibleExpanded:"tocCollapsibleExpanded_sAul"};function F(e){let{toc:t,className:n,minHeadingLevel:l,maxHeadingLevel:o}=e;const{collapsed:r,toggleCollapsed:s}=(0,P.u)({initialState:!0});return a.createElement("div",{className:(0,d.Z)(z.tocCollapsible,!r&&z.tocCollapsibleExpanded,n)},a.createElement(R,{collapsed:r,onClick:s}),a.createElement(P.z,{lazy:!0,className:z.tocCollapsibleContent,collapsed:r},a.createElement(S.Z,{toc:t,minHeadingLevel:l,maxHeadingLevel:o})))}const q={tocMobile:"tocMobile_ITEo"};function j(){const{toc:e,frontMatter:t}=c();return a.createElement(F,{toc:e,minHeadingLevel:t.toc_min_heading_level,maxHeadingLevel:t.toc_max_heading_level,className:(0,d.Z)(L.k.docs.docTocMobile,q.tocMobile)})}var $=n(39407);function G(){const{toc:e,frontMatter:t}=c();return a.createElement($.Z,{toc:e,minHeadingLevel:t.toc_min_heading_level,maxHeadingLevel:t.toc_max_heading_level,className:L.k.docs.docTocDesktop})}var J=n(92503),Y=n(98718);function K(e){let{children:t}=e;const n=function(){const{metadata:e,frontMatter:t,contentTitle:n}=c();return t.hide_title||void 0!==n?null:e.title}();return a.createElement("div",{className:(0,d.Z)(L.k.docs.docMarkdown,"markdown")},n&&a.createElement("header",null,a.createElement(J.Z,{as:"h1"},n)),a.createElement(Y.Z,null,t))}var Q=n(52802),W=n(48596),X=n(44996);function ee(e){return a.createElement("svg",(0,u.Z)({viewBox:"0 0 24 24"},e),a.createElement("path",{d:"M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z",fill:"currentColor"}))}const te={breadcrumbHomeIcon:"breadcrumbHomeIcon_YNFT"};function ne(){const e=(0,X.Z)("/");return a.createElement("li",{className:"breadcrumbs__item"},a.createElement(E.Z,{"aria-label":(0,b.I)({id:"theme.docs.breadcrumbs.home",message:"Home page",description:"The ARIA label for the home page in the breadcrumbs"}),className:"breadcrumbs__link",href:e},a.createElement(ee,{className:te.breadcrumbHomeIcon})))}const ae={breadcrumbsContainer:"breadcrumbsContainer_Z_bl"};function le(e){let{children:t,href:n,isLast:l}=e;const o="breadcrumbs__link";return l?a.createElement("span",{className:o,itemProp:"name"},t):n?a.createElement(E.Z,{className:o,href:n,itemProp:"item"},a.createElement("span",{itemProp:"name"},t)):a.createElement("span",{className:o},t)}function oe(e){let{children:t,active:n,index:l,addMicrodata:o}=e;return a.createElement("li",(0,u.Z)({},o&&{itemScope:!0,itemProp:"itemListElement",itemType:"https://schema.org/ListItem"},{className:(0,d.Z)("breadcrumbs__item",{"breadcrumbs__item--active":n})}),t,a.createElement("meta",{itemProp:"position",content:String(l+1)}))}function re(){const e=(0,Q.s1)(),t=(0,W.Ns)();return e?a.createElement("nav",{className:(0,d.Z)(L.k.docs.docBreadcrumbs,ae.breadcrumbsContainer),"aria-label":(0,b.I)({id:"theme.docs.breadcrumbs.navAriaLabel",message:"Breadcrumbs",description:"The ARIA label for the breadcrumbs"})},a.createElement("ul",{className:"breadcrumbs",itemScope:!0,itemType:"https://schema.org/BreadcrumbList"},t&&a.createElement(ne,null),e.map(((t,n)=>{const l=n===e.length-1;return a.createElement(oe,{key:n,active:l,index:n,addMicrodata:!!t.href},a.createElement(le,{href:t.href,isLast:l},t.label))})))):null}const se={docItemContainer:"docItemContainer_Djhp",docItemCol:"docItemCol_VOVn"};function ce(e){let{children:t}=e;const n=function(){const{frontMatter:e,toc:t}=c(),n=(0,m.i)(),l=e.hide_table_of_contents,o=!l&&t.length>0;return{hidden:l,mobile:o?a.createElement(j,null):void 0,desktop:!o||"desktop"!==n&&"ssr"!==n?void 0:a.createElement(G,null)}}();return a.createElement("div",{className:"row"},a.createElement("div",{className:(0,d.Z)("col",!n.hidden&&se.docItemCol)},a.createElement(T,null),a.createElement("div",{className:se.docItemContainer},a.createElement("article",null,a.createElement(re,null),a.createElement(H,null),n.mobile,a.createElement(K,null,t),a.createElement(V,null)),a.createElement(h,null))),n.desktop&&a.createElement("div",{className:"col col--3"},n.desktop))}function ie(e){const t=`docs-doc-id-${e.content.metadata.unversionedId}`,n=e.content;return a.createElement(s,{content:e.content},a.createElement(l.FG,{className:t},a.createElement(i,null),a.createElement(ce,null,a.createElement(n,null))))}},39407:(e,t,n)=>{n.d(t,{Z:()=>d});var a=n(87462),l=n(67294),o=n(86010),r=n(93743);const s={tableOfContents:"tableOfContents_bqdL",docItemContainer:"docItemContainer_F8PC"},c="table-of-contents__link toc-highlight",i="table-of-contents__link--active";function d(e){let{className:t,...n}=e;return l.createElement("div",{className:(0,o.Z)(s.tableOfContents,"thin-scrollbar",t)},l.createElement(r.Z,(0,a.Z)({},n,{linkClassName:c,linkActiveClassName:i})))}},93743:(e,t,n)=>{n.d(t,{Z:()=>v});var a=n(87462),l=n(67294),o=n(86668);function r(e){const t=e.map((e=>({...e,parentIndex:-1,children:[]}))),n=Array(7).fill(-1);t.forEach(((e,t)=>{const a=n.slice(2,e.level);e.parentIndex=Math.max(...a),n[e.level]=t}));const a=[];return t.forEach((e=>{const{parentIndex:n,...l}=e;n>=0?t[n].children.push(l):a.push(l)})),a}function s(e){let{toc:t,minHeadingLevel:n,maxHeadingLevel:a}=e;return t.flatMap((e=>{const t=s({toc:e.children,minHeadingLevel:n,maxHeadingLevel:a});return function(e){return e.level>=n&&e.level<=a}(e)?[{...e,children:t}]:t}))}function c(e){const t=e.getBoundingClientRect();return t.top===t.bottom?c(e.parentNode):t}function i(e,t){let{anchorTopOffset:n}=t;const a=e.find((e=>c(e).top>=n));if(a){return function(e){return e.top>0&&e.bottom<window.innerHeight/2}(c(a))?a:e[e.indexOf(a)-1]??null}return e[e.length-1]??null}function d(){const e=(0,l.useRef)(0),{navbar:{hideOnScroll:t}}=(0,o.L)();return(0,l.useEffect)((()=>{e.current=t?0:document.querySelector(".navbar").clientHeight}),[t]),e}function m(e){const t=(0,l.useRef)(void 0),n=d();(0,l.useEffect)((()=>{if(!e)return()=>{};const{linkClassName:a,linkActiveClassName:l,minHeadingLevel:o,maxHeadingLevel:r}=e;function s(){const e=function(e){return Array.from(document.getElementsByClassName(e))}(a),s=function(e){let{minHeadingLevel:t,maxHeadingLevel:n}=e;const a=[];for(let l=t;l<=n;l+=1)a.push(`h${l}.anchor`);return Array.from(document.querySelectorAll(a.join()))}({minHeadingLevel:o,maxHeadingLevel:r}),c=i(s,{anchorTopOffset:n.current}),d=e.find((e=>c&&c.id===function(e){return decodeURIComponent(e.href.substring(e.href.indexOf("#")+1))}(e)));e.forEach((e=>{!function(e,n){n?(t.current&&t.current!==e&&t.current.classList.remove(l),e.classList.add(l),t.current=e):e.classList.remove(l)}(e,e===d)}))}return document.addEventListener("scroll",s),document.addEventListener("resize",s),s(),()=>{document.removeEventListener("scroll",s),document.removeEventListener("resize",s)}}),[e,n])}function u(e){let{toc:t,className:n,linkClassName:a,isChild:o}=e;return t.length?l.createElement("ul",{className:o?void 0:n},t.map((e=>l.createElement("li",{key:e.id},l.createElement("a",{href:`#${e.id}`,className:a??void 0,dangerouslySetInnerHTML:{__html:e.value}}),l.createElement(u,{isChild:!0,toc:e.children,className:n,linkClassName:a}))))):null}const b=l.memo(u);function v(e){let{toc:t,className:n="table-of-contents table-of-contents__left-border",linkClassName:c="table-of-contents__link",linkActiveClassName:i,minHeadingLevel:d,maxHeadingLevel:u,...v}=e;const p=(0,o.L)(),h=d??p.tableOfContents.minHeadingLevel,f=u??p.tableOfContents.maxHeadingLevel,E=function(e){let{toc:t,minHeadingLevel:n,maxHeadingLevel:a}=e;return(0,l.useMemo)((()=>s({toc:r(t),minHeadingLevel:n,maxHeadingLevel:a})),[t,n,a])}({toc:t,minHeadingLevel:h,maxHeadingLevel:f});return m((0,l.useMemo)((()=>{if(c&&i)return{linkClassName:c,linkActiveClassName:i,minHeadingLevel:h,maxHeadingLevel:f}}),[c,i,h,f])),l.createElement(b,(0,a.Z)({toc:E,className:n,linkClassName:c},v))}},74477:(e,t,n)=>{n.d(t,{E:()=>s,q:()=>r});var a=n(67294),l=n(902);const o=a.createContext(null);function r(e){let{children:t,version:n}=e;return a.createElement(o.Provider,{value:n},t)}function s(){const e=(0,a.useContext)(o);if(null===e)throw new l.i6("DocsVersionProvider");return e}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[27918],{78945:(e,t,n)=>{n.r(t),n.d(t,{default:()=>ie});var a=n(67294),l=n(1944),o=n(902);const r=a.createContext(null);function s(e){let{children:t,content:n}=e;const l=function(e){return(0,a.useMemo)((()=>({metadata:e.metadata,frontMatter:e.frontMatter,assets:e.assets,contentTitle:e.contentTitle,toc:e.toc})),[e])}(n);return a.createElement(r.Provider,{value:l},t)}function c(){const e=(0,a.useContext)(r);if(null===e)throw new o.i6("DocProvider");return e}function i(){const{metadata:e,frontMatter:t,assets:n}=c();return a.createElement(l.d,{title:e.title,description:e.description,keywords:t.keywords,image:n.image??t.image})}var d=n(86010),m=n(87524),u=n(87462),b=n(95999),v=n(32244);function p(e){const{previous:t,next:n}=e;return a.createElement("nav",{className:"pagination-nav docusaurus-mt-lg","aria-label":(0,b.I)({id:"theme.docs.paginator.navAriaLabel",message:"Docs pages",description:"The ARIA label for the docs pagination"})},t&&a.createElement(v.Z,(0,u.Z)({},t,{subLabel:a.createElement(b.Z,{id:"theme.docs.paginator.previous",description:"The label used to navigate to the previous doc"},"Previous")})),n&&a.createElement(v.Z,(0,u.Z)({},n,{subLabel:a.createElement(b.Z,{id:"theme.docs.paginator.next",description:"The label used to navigate to the next doc"},"Next"),isNext:!0})))}function h(){const{metadata:e}=c();return a.createElement(p,{previous:e.previous,next:e.next})}var f=n(52263),E=n(39960),g=n(80143),L=n(35281),C=n(60373),N=n(74477);const k={unreleased:function(e){let{siteTitle:t,versionMetadata:n}=e;return a.createElement(b.Z,{id:"theme.docs.versions.unreleasedVersionLabel",description:"The label used to tell the user that he's browsing an unreleased doc version",values:{siteTitle:t,versionLabel:a.createElement("b",null,n.label)}},"This is unreleased documentation for {siteTitle} {versionLabel} version.")},unmaintained:function(e){let{siteTitle:t,versionMetadata:n}=e;return a.createElement(b.Z,{id:"theme.docs.versions.unmaintainedVersionLabel",description:"The label used to tell the user that he's browsing an unmaintained doc version",values:{siteTitle:t,versionLabel:a.createElement("b",null,n.label)}},"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.")}};function _(e){const t=k[e.versionMetadata.banner];return a.createElement(t,e)}function Z(e){let{versionLabel:t,to:n,onClick:l}=e;return a.createElement(b.Z,{id:"theme.docs.versions.latestVersionSuggestionLabel",description:"The label used to tell the user to check the latest version",values:{versionLabel:t,latestVersionLink:a.createElement("b",null,a.createElement(E.Z,{to:n,onClick:l},a.createElement(b.Z,{id:"theme.docs.versions.latestVersionLinkLabel",description:"The label used for the latest version suggestion link label"},"latest version")))}},"For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).")}function x(e){let{className:t,versionMetadata:n}=e;const{siteConfig:{title:l}}=(0,f.Z)(),{pluginId:o}=(0,g.gA)({failfast:!0}),{savePreferredVersionName:r}=(0,C.J)(o),{latestDocSuggestion:s,latestVersionSuggestion:c}=(0,g.Jo)(o),i=s??(m=c).docs.find((e=>e.id===m.mainDocId));var m;return a.createElement("div",{className:(0,d.Z)(t,L.k.docs.docVersionBanner,"alert alert--warning margin-bottom--md"),role:"alert"},a.createElement("div",null,a.createElement(_,{siteTitle:l,versionMetadata:n})),a.createElement("div",{className:"margin-top--md"},a.createElement(Z,{versionLabel:c.label,to:i.path,onClick:()=>r(c.name)})))}function T(e){let{className:t}=e;const n=(0,N.E)();return n.banner?a.createElement(x,{className:t,versionMetadata:n}):null}function H(e){let{className:t}=e;const n=(0,N.E)();return n.badge?a.createElement("span",{className:(0,d.Z)(t,L.k.docs.docVersionBadge,"badge badge--secondary")},a.createElement(b.Z,{id:"theme.docs.versionBadge.label",values:{versionLabel:n.label}},"Version: {versionLabel}")):null}function U(e){let{lastUpdatedAt:t,formattedLastUpdatedAt:n}=e;return a.createElement(b.Z,{id:"theme.lastUpdated.atDate",description:"The words used to describe on which date a page has been last updated",values:{date:a.createElement("b",null,a.createElement("time",{dateTime:new Date(1e3*t).toISOString()},n))}}," on {date}")}function y(e){let{lastUpdatedBy:t}=e;return a.createElement(b.Z,{id:"theme.lastUpdated.byUser",description:"The words used to describe by who the page has been last updated",values:{user:a.createElement("b",null,t)}}," by {user}")}function A(e){let{lastUpdatedAt:t,formattedLastUpdatedAt:n,lastUpdatedBy:l}=e;return a.createElement("span",{className:L.k.common.lastUpdated},a.createElement(b.Z,{id:"theme.lastUpdated.lastUpdatedAtBy",description:"The sentence used to display when a page has been last updated, and by who",values:{atDate:t&&n?a.createElement(U,{lastUpdatedAt:t,formattedLastUpdatedAt:n}):"",byUser:l?a.createElement(y,{lastUpdatedBy:l}):""}},"Last updated{atDate}{byUser}"),!1)}var w=n(40841),M=n(71526);const I={lastUpdated:"lastUpdated_vwxv"};function B(e){return a.createElement("div",{className:(0,d.Z)(L.k.docs.docFooterTagsRow,"row margin-bottom--sm")},a.createElement("div",{className:"col"},a.createElement(M.Z,e)))}function O(e){let{editUrl:t,lastUpdatedAt:n,lastUpdatedBy:l,formattedLastUpdatedAt:o}=e;return a.createElement("div",{className:(0,d.Z)(L.k.docs.docFooterEditMetaRow,"row")},a.createElement("div",{className:"col"},t&&a.createElement(w.Z,{editUrl:t})),a.createElement("div",{className:(0,d.Z)("col",I.lastUpdated)},(n||l)&&a.createElement(A,{lastUpdatedAt:n,formattedLastUpdatedAt:o,lastUpdatedBy:l})))}function V(){const{metadata:e}=c(),{editUrl:t,lastUpdatedAt:n,formattedLastUpdatedAt:l,lastUpdatedBy:o,tags:r}=e,s=r.length>0,i=!!(t||n||o);return s||i?a.createElement("footer",{className:(0,d.Z)(L.k.docs.docFooter,"docusaurus-mt-lg")},s&&a.createElement(B,{tags:r}),i&&a.createElement(O,{editUrl:t,lastUpdatedAt:n,lastUpdatedBy:o,formattedLastUpdatedAt:l})):null}var P=n(86043),S=n(93743);const D={tocCollapsibleButton:"tocCollapsibleButton_TO0P",tocCollapsibleButtonExpanded:"tocCollapsibleButtonExpanded_MG3E"};function R(e){let{collapsed:t,...n}=e;return a.createElement("button",(0,u.Z)({type:"button"},n,{className:(0,d.Z)("clean-btn",D.tocCollapsibleButton,!t&&D.tocCollapsibleButtonExpanded,n.className)}),a.createElement(b.Z,{id:"theme.TOCCollapsible.toggleButtonLabel",description:"The label used by the button on the collapsible TOC component"},"On this page"))}const z={tocCollapsible:"tocCollapsible_ETCw",tocCollapsibleContent:"tocCollapsibleContent_vkbj",tocCollapsibleExpanded:"tocCollapsibleExpanded_sAul"};function F(e){let{toc:t,className:n,minHeadingLevel:l,maxHeadingLevel:o}=e;const{collapsed:r,toggleCollapsed:s}=(0,P.u)({initialState:!0});return a.createElement("div",{className:(0,d.Z)(z.tocCollapsible,!r&&z.tocCollapsibleExpanded,n)},a.createElement(R,{collapsed:r,onClick:s}),a.createElement(P.z,{lazy:!0,className:z.tocCollapsibleContent,collapsed:r},a.createElement(S.Z,{toc:t,minHeadingLevel:l,maxHeadingLevel:o})))}const q={tocMobile:"tocMobile_ITEo"};function j(){const{toc:e,frontMatter:t}=c();return a.createElement(F,{toc:e,minHeadingLevel:t.toc_min_heading_level,maxHeadingLevel:t.toc_max_heading_level,className:(0,d.Z)(L.k.docs.docTocMobile,q.tocMobile)})}var $=n(39407);function G(){const{toc:e,frontMatter:t}=c();return a.createElement($.Z,{toc:e,minHeadingLevel:t.toc_min_heading_level,maxHeadingLevel:t.toc_max_heading_level,className:L.k.docs.docTocDesktop})}var J=n(92503),Y=n(98718);function K(e){let{children:t}=e;const n=function(){const{metadata:e,frontMatter:t,contentTitle:n}=c();return t.hide_title||void 0!==n?null:e.title}();return a.createElement("div",{className:(0,d.Z)(L.k.docs.docMarkdown,"markdown")},n&&a.createElement("header",null,a.createElement(J.Z,{as:"h1"},n)),a.createElement(Y.Z,null,t))}var Q=n(52802),W=n(48596),X=n(44996);function ee(e){return a.createElement("svg",(0,u.Z)({viewBox:"0 0 24 24"},e),a.createElement("path",{d:"M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z",fill:"currentColor"}))}const te={breadcrumbHomeIcon:"breadcrumbHomeIcon_YNFT"};function ne(){const e=(0,X.Z)("/");return a.createElement("li",{className:"breadcrumbs__item"},a.createElement(E.Z,{"aria-label":(0,b.I)({id:"theme.docs.breadcrumbs.home",message:"Home page",description:"The ARIA label for the home page in the breadcrumbs"}),className:"breadcrumbs__link",href:e},a.createElement(ee,{className:te.breadcrumbHomeIcon})))}const ae={breadcrumbsContainer:"breadcrumbsContainer_Z_bl"};function le(e){let{children:t,href:n,isLast:l}=e;const o="breadcrumbs__link";return l?a.createElement("span",{className:o,itemProp:"name"},t):n?a.createElement(E.Z,{className:o,href:n,itemProp:"item"},a.createElement("span",{itemProp:"name"},t)):a.createElement("span",{className:o},t)}function oe(e){let{children:t,active:n,index:l,addMicrodata:o}=e;return a.createElement("li",(0,u.Z)({},o&&{itemScope:!0,itemProp:"itemListElement",itemType:"https://schema.org/ListItem"},{className:(0,d.Z)("breadcrumbs__item",{"breadcrumbs__item--active":n})}),t,a.createElement("meta",{itemProp:"position",content:String(l+1)}))}function re(){const e=(0,Q.s1)(),t=(0,W.Ns)();return e?a.createElement("nav",{className:(0,d.Z)(L.k.docs.docBreadcrumbs,ae.breadcrumbsContainer),"aria-label":(0,b.I)({id:"theme.docs.breadcrumbs.navAriaLabel",message:"Breadcrumbs",description:"The ARIA label for the breadcrumbs"})},a.createElement("ul",{className:"breadcrumbs",itemScope:!0,itemType:"https://schema.org/BreadcrumbList"},t&&a.createElement(ne,null),e.map(((t,n)=>{const l=n===e.length-1;return a.createElement(oe,{key:n,active:l,index:n,addMicrodata:!!t.href},a.createElement(le,{href:t.href,isLast:l},t.label))})))):null}const se={docItemContainer:"docItemContainer_Djhp",docItemCol:"docItemCol_VOVn"};function ce(e){let{children:t}=e;const n=function(){const{frontMatter:e,toc:t}=c(),n=(0,m.i)(),l=e.hide_table_of_contents,o=!l&&t.length>0;return{hidden:l,mobile:o?a.createElement(j,null):void 0,desktop:!o||"desktop"!==n&&"ssr"!==n?void 0:a.createElement(G,null)}}();return a.createElement("div",{className:"row"},a.createElement("div",{className:(0,d.Z)("col",!n.hidden&&se.docItemCol)},a.createElement(T,null),a.createElement("div",{className:se.docItemContainer},a.createElement("article",null,a.createElement(re,null),a.createElement(H,null),n.mobile,a.createElement(K,null,t),a.createElement(V,null)),a.createElement(h,null))),n.desktop&&a.createElement("div",{className:"col col--3"},n.desktop))}function ie(e){const t=`docs-doc-id-${e.content.metadata.unversionedId}`,n=e.content;return a.createElement(s,{content:e.content},a.createElement(l.FG,{className:t},a.createElement(i,null),a.createElement(ce,null,a.createElement(n,null))))}},39407:(e,t,n)=>{n.d(t,{Z:()=>d});var a=n(87462),l=n(67294),o=n(86010),r=n(93743);const s={tableOfContents:"tableOfContents_bqdL",docItemContainer:"docItemContainer_F8PC"},c="table-of-contents__link toc-highlight",i="table-of-contents__link--active";function d(e){let{className:t,...n}=e;return l.createElement("div",{className:(0,o.Z)(s.tableOfContents,"thin-scrollbar",t)},l.createElement(r.Z,(0,a.Z)({},n,{linkClassName:c,linkActiveClassName:i})))}},93743:(e,t,n)=>{n.d(t,{Z:()=>v});var a=n(87462),l=n(67294),o=n(86668);function r(e){const t=e.map((e=>({...e,parentIndex:-1,children:[]}))),n=Array(7).fill(-1);t.forEach(((e,t)=>{const a=n.slice(2,e.level);e.parentIndex=Math.max(...a),n[e.level]=t}));const a=[];return t.forEach((e=>{const{parentIndex:n,...l}=e;n>=0?t[n].children.push(l):a.push(l)})),a}function s(e){let{toc:t,minHeadingLevel:n,maxHeadingLevel:a}=e;return t.flatMap((e=>{const t=s({toc:e.children,minHeadingLevel:n,maxHeadingLevel:a});return function(e){return e.level>=n&&e.level<=a}(e)?[{...e,children:t}]:t}))}function c(e){const t=e.getBoundingClientRect();return t.top===t.bottom?c(e.parentNode):t}function i(e,t){let{anchorTopOffset:n}=t;const a=e.find((e=>c(e).top>=n));if(a){return function(e){return e.top>0&&e.bottom<window.innerHeight/2}(c(a))?a:e[e.indexOf(a)-1]??null}return e[e.length-1]??null}function d(){const e=(0,l.useRef)(0),{navbar:{hideOnScroll:t}}=(0,o.L)();return(0,l.useEffect)((()=>{e.current=t?0:document.querySelector(".navbar").clientHeight}),[t]),e}function m(e){const t=(0,l.useRef)(void 0),n=d();(0,l.useEffect)((()=>{if(!e)return()=>{};const{linkClassName:a,linkActiveClassName:l,minHeadingLevel:o,maxHeadingLevel:r}=e;function s(){const e=function(e){return Array.from(document.getElementsByClassName(e))}(a),s=function(e){let{minHeadingLevel:t,maxHeadingLevel:n}=e;const a=[];for(let l=t;l<=n;l+=1)a.push(`h${l}.anchor`);return Array.from(document.querySelectorAll(a.join()))}({minHeadingLevel:o,maxHeadingLevel:r}),c=i(s,{anchorTopOffset:n.current}),d=e.find((e=>c&&c.id===function(e){return decodeURIComponent(e.href.substring(e.href.indexOf("#")+1))}(e)));e.forEach((e=>{!function(e,n){n?(t.current&&t.current!==e&&t.current.classList.remove(l),e.classList.add(l),t.current=e):e.classList.remove(l)}(e,e===d)}))}return document.addEventListener("scroll",s),document.addEventListener("resize",s),s(),()=>{document.removeEventListener("scroll",s),document.removeEventListener("resize",s)}}),[e,n])}function u(e){let{toc:t,className:n,linkClassName:a,isChild:o}=e;return t.length?l.createElement("ul",{className:o?void 0:n},t.map((e=>l.createElement("li",{key:e.id},l.createElement("a",{href:`#${e.id}`,className:a??void 0,dangerouslySetInnerHTML:{__html:e.value}}),l.createElement(u,{isChild:!0,toc:e.children,className:n,linkClassName:a}))))):null}const b=l.memo(u);function v(e){let{toc:t,className:n="table-of-contents table-of-contents__left-border",linkClassName:c="table-of-contents__link",linkActiveClassName:i,minHeadingLevel:d,maxHeadingLevel:u,...v}=e;const p=(0,o.L)(),h=d??p.tableOfContents.minHeadingLevel,f=u??p.tableOfContents.maxHeadingLevel,E=function(e){let{toc:t,minHeadingLevel:n,maxHeadingLevel:a}=e;return(0,l.useMemo)((()=>s({toc:r(t),minHeadingLevel:n,maxHeadingLevel:a})),[t,n,a])}({toc:t,minHeadingLevel:h,maxHeadingLevel:f});return m((0,l.useMemo)((()=>{if(c&&i)return{linkClassName:c,linkActiveClassName:i,minHeadingLevel:h,maxHeadingLevel:f}}),[c,i,h,f])),l.createElement(b,(0,a.Z)({toc:E,className:n,linkClassName:c},v))}},74477:(e,t,n)=>{n.d(t,{E:()=>s,q:()=>r});var a=n(67294),l=n(902);const o=a.createContext(null);function r(e){let{children:t,version:n}=e;return a.createElement(o.Provider,{value:n},t)}function s(){const e=(0,a.useContext)(o);if(null===e)throw new l.i6("DocsVersionProvider");return e}}}]);
\ No newline at end of file
diff --git a/assets/js/180751f5.e603071a.js b/assets/js/180751f5.e603071a.js
new file mode 100644
index 000000000..e3ea7e7f7
--- /dev/null
+++ b/assets/js/180751f5.e603071a.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[36627],{21438:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/image","page":1,"postsPerPage":10,"totalPages":1,"totalCount":1,"blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/1a0ff04e.9071d92b.js b/assets/js/1a0ff04e.c34c3972.js
similarity index 76%
rename from assets/js/1a0ff04e.9071d92b.js
rename to assets/js/1a0ff04e.c34c3972.js
index 4e6789df6..933aab850 100644
--- a/assets/js/1a0ff04e.9071d92b.js
+++ b/assets/js/1a0ff04e.c34c3972.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[119],{64297:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/v-3-0-0","page":1,"postsPerPage":10,"totalPages":1,"totalCount":1,"blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[119],{64297:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/v-3-0-0","page":1,"postsPerPage":10,"totalPages":1,"totalCount":2,"blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/1b490e8c.2bd2c820.js b/assets/js/1b490e8c.2bd2c820.js
new file mode 100644
index 000000000..5e6712f6d
--- /dev/null
+++ b/assets/js/1b490e8c.2bd2c820.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[1939],{3905:(e,t,a)=>{a.d(t,{Zo:()=>m,kt:()=>b});var r=a(67294);function n(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function l(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function o(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?l(Object(a),!0).forEach((function(t){n(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):l(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function i(e,t){if(null==e)return{};var a,r,n=function(e,t){if(null==e)return{};var a,r,n={},l=Object.keys(e);for(r=0;r<l.length;r++)a=l[r],t.indexOf(a)>=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)a=l[r],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var p=r.createContext({}),s=function(e){var t=r.useContext(p),a=t;return e&&(a="function"==typeof e?e(t):o(o({},t),e)),a},m=function(e){var t=s(e.components);return r.createElement(p.Provider,{value:t},e.children)},c="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},u=r.forwardRef((function(e,t){var a=e.components,n=e.mdxType,l=e.originalType,p=e.parentName,m=i(e,["components","mdxType","originalType","parentName"]),c=s(a),u=n,b=c["".concat(p,".").concat(u)]||c[u]||d[u]||l;return a?r.createElement(b,o(o({ref:t},m),{},{components:a})):r.createElement(b,o({ref:t},m))}));function b(e,t){var a=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var l=a.length,o=new Array(l);o[0]=u;var i={};for(var p in t)hasOwnProperty.call(t,p)&&(i[p]=t[p]);i.originalType=e,i[c]="string"==typeof e?e:n,o[1]=i;for(var s=2;s<l;s++)o[s]=a[s];return r.createElement.apply(null,o)}return r.createElement.apply(null,a)}u.displayName="MDXCreateElement"},87872:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>p,contentTitle:()=>o,default:()=>d,frontMatter:()=>l,metadata:()=>i,toc:()=>s});var r=a(87462),n=(a(67294),a(3905));const l={title:"Blazor Bootstrap v3.0.0-preview.2",authors:{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067"},tags:["v3.0.0","blazor","bootstrap","blazorbootstrap","charts","grid","image","polarareachart","sidebar","sidebar2"]},o=void 0,i={permalink:"/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2",editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-07-01-blazorbootstrap-3.0.0-preview.2.md",source:"@site/blog/2024-07-01-blazorbootstrap-3.0.0-preview.2.md",title:"Blazor Bootstrap v3.0.0-preview.2",description:"We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!",date:"2024-07-01T00:00:00.000Z",formattedDate:"July 1, 2024",tags:[{label:"v3.0.0",permalink:"/blog/tags/v-3-0-0"},{label:"blazor",permalink:"/blog/tags/blazor"},{label:"bootstrap",permalink:"/blog/tags/bootstrap"},{label:"blazorbootstrap",permalink:"/blog/tags/blazorbootstrap"},{label:"charts",permalink:"/blog/tags/charts"},{label:"grid",permalink:"/blog/tags/grid"},{label:"image",permalink:"/blog/tags/image"},{label:"polarareachart",permalink:"/blog/tags/polarareachart"},{label:"sidebar",permalink:"/blog/tags/sidebar"},{label:"sidebar2",permalink:"/blog/tags/sidebar-2"}],readingTime:.59,hasTruncateMarker:!0,authors:[{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067",imageURL:"https://avatars.githubusercontent.com/u/2337067"}],frontMatter:{title:"Blazor Bootstrap v3.0.0-preview.2",authors:{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067",imageURL:"https://avatars.githubusercontent.com/u/2337067"},tags:["v3.0.0","blazor","bootstrap","blazorbootstrap","charts","grid","image","polarareachart","sidebar","sidebar2"]},nextItem:{title:"Blazor Bootstrap v3.0.0-preview.1",permalink:"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"}},p={authorsImageUrls:[void 0]},s=[{value:"What&#39;s new",id:"whats-new",level:2},{value:"What&#39;s changed",id:"whats-changed",level:2},{value:"Links",id:"links",level:2}],m={toc:s},c="wrapper";function d(e){let{components:t,...a}=e;return(0,n.kt)(c,(0,r.Z)({},m,a,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("p",null,"We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"),(0,n.kt)("p",null,(0,n.kt)("img",{parentName:"p",src:"https://i.imgur.com/IpMhPwG.png",alt:"image",title:"Blazor Bootstrap: Grid Component - Nested Grid"})),(0,n.kt)("h2",{id:"whats-new"},"What's new"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("inlineCode",{parentName:"li"},"Polar Area Chart")," component"),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("inlineCode",{parentName:"li"},"Image")," component")),(0,n.kt)("h2",{id:"whats-changed"},"What's changed"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Grid")," component"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"Details View"),(0,n.kt)("li",{parentName:"ul"},"Nested Grid"),(0,n.kt)("li",{parentName:"ul"},"Templates: New ",(0,n.kt)("inlineCode",{parentName:"li"},"GridLoadingTemplate")," and ",(0,n.kt)("inlineCode",{parentName:"li"},"GridEmptyDataTemplate")),(0,n.kt)("li",{parentName:"ul"},"New ",(0,n.kt)("inlineCode",{parentName:"li"},"GridContainerClass")," and ",(0,n.kt)("inlineCode",{parentName:"li"},"GridContainerStyle")," parameters"),(0,n.kt)("li",{parentName:"ul"},"Highlight row when selected and customize the row color and background color"),(0,n.kt)("li",{parentName:"ul"},"All the demos updated"))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Sidebar")," component"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"New ",(0,n.kt)("inlineCode",{parentName:"li"},"Width")," and ",(0,n.kt)("inlineCode",{parentName:"li"},"WidthUnit")," parameters"))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Sidebar2")," component"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"New ",(0,n.kt)("inlineCode",{parentName:"li"},"Width")," and ",(0,n.kt)("inlineCode",{parentName:"li"},"WidthUnit")," parameters"))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"Demos & Docs updated."))),(0,n.kt)("h2",{id:"links"},"Links"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"https://demos.blazorbootstrap.com/"},"Demo Website - Blazor Server")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"https://demos.getblazorbootstrap.com/"},"Demo Website - Blazor WebAssembly"))))}d.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/28293836.198a832e.js b/assets/js/28293836.198a832e.js
deleted file mode 100644
index ba6970ef2..000000000
--- a/assets/js/28293836.198a832e.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[21100],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,kt:()=>g});var r=n(67294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=r.createContext({}),s=function(e){var t=r.useContext(m),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},d=function(e){var t=s(e.components);return r.createElement(m.Provider,{value:t},e.children)},p="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},c=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,i=e.originalType,m=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),p=s(n),c=a,g=p["".concat(m,".").concat(c)]||p[c]||u[c]||i;return n?r.createElement(g,o(o({ref:t},d),{},{components:n})):r.createElement(g,o({ref:t},d))}));function g(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=n.length,o=new Array(i);o[0]=c;var l={};for(var m in t)hasOwnProperty.call(t,m)&&(l[m]=t[m]);l.originalType=e,l[p]="string"==typeof e?e:a,o[1]=l;for(var s=2;s<i;s++)o[s]=n[s];return r.createElement.apply(null,o)}return r.createElement.apply(null,n)}c.displayName="MDXCreateElement"},74404:(e,t,n)=>{n.d(t,{ZP:()=>d});var r=n(87462),a=n(67294),i=n(3905);class o extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const l=o,m={toc:[]},s="wrapper";function d(e){let{components:t,...n}=e;return(0,i.kt)(s,(0,r.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)(l,{mdxType:"CarbonAd"}))}d.isMDXComponent=!0},38238:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>l,default:()=>c,frontMatter:()=>o,metadata:()=>m,toc:()=>d});var r=n(87462),a=(n(67294),n(3905)),i=n(74404);const o={title:"Blazor Grid Component",description:"Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting.",image:"https://i.imgur.com/kKNgo2I.png",sidebar_label:"Grid",sidebar_position:12},l="Blazor Grid",m={unversionedId:"components/grid",id:"components/grid",title:"Blazor Grid Component",description:"Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting.",source:"@site/docs/05-components/grid.mdx",sourceDirName:"05-components",slug:"/components/grid",permalink:"/components/grid",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/grid.mdx",tags:[],version:"current",sidebarPosition:12,frontMatter:{title:"Blazor Grid Component",description:"Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting.",image:"https://i.imgur.com/kKNgo2I.png",sidebar_label:"Grid",sidebar_position:12},sidebar:"tutorialSidebar",previous:{title:"Dropdown",permalink:"/components/dropdown"},next:{title:"Modal",permalink:"/components/modal"}},s={},d=[{value:"Grid Parameters",id:"grid-parameters",level:2},{value:"Grid Callback Events",id:"grid-callback-events",level:2},{value:"Grid Methods",id:"grid-methods",level:2},{value:"GridColumn Parameters",id:"gridcolumn-parameters",level:2},{value:"GridSettings Properties",id:"gridsettings-properties",level:2},{value:"Examples",id:"examples",level:2},{value:"Client side filtering",id:"client-side-filtering",level:3},{value:"Client side filtering with string comparision",id:"client-side-filtering-with-string-comparision",level:3},{value:"Client side paging",id:"client-side-paging",level:3},{value:"Client side sorting",id:"client-side-sorting",level:3},{value:"Client side filtering, paging, and sorting",id:"client-side-filtering-paging-and-sorting",level:3},{value:"Set default filter",id:"set-default-filter",level:3},{value:"Disable specific column filter",id:"disable-specific-column-filter",level:3},{value:"Increase filter textbox width",id:"increase-filter-textbox-width",level:3},{value:"Server side filtering, paging and sorting",id:"server-side-filtering-paging-and-sorting",level:3},{value:"Set default sorting",id:"set-default-sorting",level:3},{value:"Disable specific column sorting",id:"disable-specific-column-sorting",level:3},{value:"Header text alignment",id:"header-text-alignment",level:3},{value:"Cell alignment",id:"cell-alignment",level:3},{value:"Cell formating",id:"cell-formating",level:3},{value:"Cell nowrap",id:"cell-nowrap",level:3},{value:"Pagination alignment",id:"pagination-alignment",level:3},{value:"Empty data",id:"empty-data",level:3},{value:"Save and Load Grid Settings",id:"save-and-load-grid-settings",level:3},{value:"Data parameter - Assign collection",id:"data-parameter---assign-collection",level:3},{value:"Data parameter - Update collection",id:"data-parameter---update-collection",level:3},{value:"Conditional css class for grid row",id:"conditional-css-class-for-grid-row",level:3},{value:"Conditional css class for grid column",id:"conditional-css-class-for-grid-column",level:3},{value:"Column class",id:"column-class",level:3},{value:"Custom column headers",id:"custom-column-headers",level:3},{value:"Selection",id:"selection",level:3},{value:"Multiple selection",id:"multiple-selection",level:3},{value:"Disable selection",id:"disable-selection",level:3},{value:"Dynamic page size",id:"dynamic-page-size",level:3},{value:"Page size selection",id:"page-size-selection",level:3},{value:"Header row css class",id:"header-row-css-class",level:3},{value:"Filters row css class",id:"filters-row-css-class",level:3},{value:"Row click event",id:"row-click-event",level:3},{value:"Row double click event",id:"row-double-click-event",level:3},{value:"Translations",id:"translations",level:3},{value:"Fixed header",id:"fixed-header",level:3},{value:"Fixed header with filters",id:"fixed-header-with-filters",level:3},{value:"Freeze columns",id:"freeze-columns",level:3},{value:"Freeze columns with fixed header",id:"freeze-columns-with-fixed-header",level:3},{value:"Freeze columns with fixed header and filters",id:"freeze-columns-with-fixed-header-and-filters",level:3},{value:"Auto hide paging",id:"auto-hide-paging",level:3},{value:"Enum filter",id:"enum-filter",level:3},{value:"Guid filter",id:"guid-filter",level:3}],p={toc:d},u="wrapper";function c(e){let{components:t,...n}=e;return(0,a.kt)(u,(0,r.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"blazor-grid"},"Blazor Grid"),(0,a.kt)("p",null,"Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting."),(0,a.kt)(i.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("img",{src:"https://i.imgur.com/kKNgo2I.png",alt:"Blazor Bootstrap: Grid Component"}),(0,a.kt)("h2",{id:"grid-parameters"},"Grid Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"AllowFiltering"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid filtering."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"AllowPaging"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid paging."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"AllowRowClick"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the allow row click."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.5")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"AllowSelection"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid selection."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"AllowSorting"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid sorting."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"AutoHidePaging"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Automatically hides the paging controls when the grid item count is less than or equal to the ",(0,a.kt)("inlineCode",{parentName:"td"},"PageSize")," and this property is set to ",(0,a.kt)("inlineCode",{parentName:"td"},"true"),"."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.5")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"ChildContent"),(0,a.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the content to be rendered within the component."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Data"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IEnumerable<TItem>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid data."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.4.3")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"DataProvider"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"GridDataProviderDelegate<TItem>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"DataProvider is for items to render. The provider should always return an instance of ",(0,a.kt)("inlineCode",{parentName:"td"},"GridDataProviderResult"),", and ",(0,a.kt)("inlineCode",{parentName:"td"},"null")," is not allowed."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"DisableAllRowsSelection"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Func<IEnumerable<TItem>, bool>?")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Enable or disable the header checkbox selection."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"DisableRowSelection"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Func<TItem, bool>?")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Enable or disable the row level checkbox selection."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"EmptyDataTemplate"),(0,a.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Template to render when there are no rows to display."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"EmptyText"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"No records to display")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Shows text on no records."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FiltersRowCssClass"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the filters row css class."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.2")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FiltersTranslationProvider"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"GridFiltersTranslationDelegate")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Filters transalation is for grid filters to render. The provider should always return a 'FilterOperatorInfo' collection, and 'null' is not allowed."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FixedHeader"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid fixed header."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.3")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"HeaderRowCssClass"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the header row css class but not the thead tag class."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.2")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Height"),(0,a.kt)("td",{parentName:"tr",align:"left"},"float"),(0,a.kt)("td",{parentName:"tr",align:"left"},"320 pixels"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid height."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.3")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"ItemsPerPageText"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Items per page")),(0,a.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the items per page text."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.5")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PageSize"),(0,a.kt)("td",{parentName:"tr",align:"left"},"int"),(0,a.kt)("td",{parentName:"tr",align:"left"},"10"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the page size."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PageSizeSelectorItems"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"int[]")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"new int[] { 10, 20, 50 }")),(0,a.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the page size selector items."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PageSizeSelectorVisible"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the page size selector visible."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PaginationItemsTextFormat"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"{0} - {1} of {2} items")),(0,a.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the pagination items text format."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Responsive"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets a value indicating whether Grid is responsive."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"RowClass"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Func<TItem, string>?")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the row class."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.6.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"SelectionMode"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"GridSelectionMode")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"GridSelectionMode.Single")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid selection mode."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"SettingsProvider"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"GridSettingsProviderDelegate")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Settings are for the grid to render. The provider should always return an instance of 'GridSettings', and 'null' is not allowed."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"THeadCssClass"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"string?")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the thead css class."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.3")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Unit"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Unit")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Unit.px")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the units."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.3")))),(0,a.kt)("admonition",{title:"IMPORTANT",type:"note"},(0,a.kt)("p",{parentName:"admonition"},"Grid requires either ",(0,a.kt)("inlineCode",{parentName:"p"},"Data")," or ",(0,a.kt)("inlineCode",{parentName:"p"},"DataProvider")," parameter, but not both.")),(0,a.kt)("h2",{id:"grid-callback-events"},"Grid Callback Events"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"GridSettingsChanged"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"EventCallback<GridSettings>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"This event is fired when the grid state is changed."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"OnRowClick"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"EventCallback<GridRowEventArgs<TItem>>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"This event is triggered when the user clicks on the row. Set AllowRowClick to true to enable row clicking."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.5")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"OnRowDoubleClick"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"EventCallback<GridRowEventArgs<TItem>>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"This event is triggered when the user double clicks on the row. Set AllowRowClick to true to enable row double clicking."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.5")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"SelectedItemsChanged"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"EventCallback<HashSet<TItem>>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"This event is fired when the items selection changed."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")))),(0,a.kt)("h2",{id:"grid-methods"},"Grid Methods"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Return Type"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"GetFilters()"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IEnumerable<FilterItem>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"Get filters."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"RefreshDataAsync(CancellationToken cancellationToken = default)"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Task"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Refresh the grid data."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"ResetPageNumber()"),(0,a.kt)("td",{parentName:"tr",align:"left"},"ValueTask"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Reset the page number to 1 and refresh the grid."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.4.3")))),(0,a.kt)("h2",{id:"gridcolumn-parameters"},"GridColumn Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"ChildContent"),(0,a.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the content to be rendered within the component."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"ColumnClass"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Func<TItem, string>?")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the column class."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.6.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Filterable"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"true"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"If true, filter is enabled. The filter is enabled or disabled based on the grid ",(0,a.kt)("inlineCode",{parentName:"td"},"AllowFiltering")," parameter."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FilterButtonColor"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"ButtonColor")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"ButtonColor.Light")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the filter button color."),(0,a.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FilterButtonCSSClass"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"string?")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the filter button CSS class."),(0,a.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FilterOperator"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"FilterOperator")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"FilterOperator.None")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the filter operator."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FilterTextboxWidth"),(0,a.kt)("td",{parentName:"tr",align:"left"},"int"),(0,a.kt)("td",{parentName:"tr",align:"left"},"0"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the filter textbox width in pixels."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FilterValue"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the filter value."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Freeze"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Indicates whether the column is frozen."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.4")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FreezeDirection"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"FreezeDirection")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"FreezeDirection.Left")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the freeze direction of the column."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.4")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FreezeLeftPosition"),(0,a.kt)("td",{parentName:"tr",align:"left"},"double"),(0,a.kt)("td",{parentName:"tr",align:"left"},"0"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the horizontal position of the column from left. It has no effect on non-positioned columns."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.4")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FreezeRightPosition"),(0,a.kt)("td",{parentName:"tr",align:"left"},"double"),(0,a.kt)("td",{parentName:"tr",align:"left"},"0"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the horizontal position of the column from right. It has no effect on non-positioned columns."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.4")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"HeaderContent"),(0,a.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the header content."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.7.3")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"HeaderText"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the table column header text."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"HeaderTextAlignment"),(0,a.kt)("td",{parentName:"tr",align:"left"},"enum"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.Start")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the header text alignment. Use ",(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.Start")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.Center")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.End"),"."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"IsDefaultSortColumn"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the default sort column."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PropertyName"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the property name. This is required when ",(0,a.kt)("inlineCode",{parentName:"td"},"AllowFiltering")," is true."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Sortable"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"true"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Enable or disable the sorting on a specific column. The sorting is enabled or disabled based on the grid ",(0,a.kt)("inlineCode",{parentName:"td"},"AllowSorting")," parameter."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"SortDirection"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"SortDirection")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"SortDirection.None")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the default sort direction of a column. Use ",(0,a.kt)("inlineCode",{parentName:"td"},"SortDirection.Ascending")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"SortDirection.Descending")),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"SortKeySelector"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Expression<Func<TItem, IComparable>>")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Expression used for sorting."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"SortString"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the column sort string. This string is passed to the backend/API for sorting. And it is ignored for client-side sorting."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"StringComparison"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.OrdinalIgnoreCase")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the StringComparison. Use ",(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.CurrentCulture")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.CurrentCultureIgnoreCase")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.InvariantCulture")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.InvariantCultureIgnoreCase")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.Ordinal")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.OrdinalIgnoreCase"),"."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"TextAlignment"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Alignment")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.Start")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the text alignment. Use ",(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.Start")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.Center")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.End"),"."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"TextNoWrap"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets text nowrap."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,a.kt)("h2",{id:"gridsettings-properties"},"GridSettings Properties"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PageNumber"),(0,a.kt)("td",{parentName:"tr",align:"left"},"int"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Page number."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PageSize"),(0,a.kt)("td",{parentName:"tr",align:"left"},"int"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Size of the page."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Filters"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IEnumerable<FilterItem>")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Current filters."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,a.kt)("h2",{id:"examples"},"Examples"),(0,a.kt)("h3",{id:"client-side-filtering"},"Client side filtering"),(0,a.kt)("p",null,"For filtering, ",(0,a.kt)("inlineCode",{parentName:"p"},"AllowFiltering")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"PropertyName")," parameters are required.\nAdd ",(0,a.kt)("inlineCode",{parentName:"p"},'AllowFiltering="true"')," parameter to Grid and ",(0,a.kt)("inlineCode",{parentName:"p"},"PropertyName")," parameter to all the GridColumns."),(0,a.kt)("img",{src:"https://i.imgur.com/Clr8W11.png",alt:"Blazor Bootstrap: Grid Component - Client side filtering"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1,2,5,8,11,14} showLineNumbers","{1,2,5,8,11,14}":!0,showLineNumbers:!0},'<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowFiltering="true" Responsive="true">\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#client-side-filtering"},"See demo here")),(0,a.kt)("h3",{id:"client-side-filtering-with-string-comparision"},"Client side filtering with string comparision"),(0,a.kt)("p",null,"In the below example, ",(0,a.kt)("inlineCode",{parentName:"p"},"StringComparision.Ordinal")," is used on the ",(0,a.kt)("strong",{parentName:"p"},"Employee Name")," column to make the filter case-sensitive."),(0,a.kt)("img",{src:"https://i.imgur.com/yLzUB8I.png",alt:"Blazor Bootstrap: Grid Component - Client side filtering with string comparision"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5} showLineNumbers","{5}":!0,showLineNumbers:!0},'<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowFiltering="true" Responsive="true">\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" StringComparison="StringComparison.Ordinal">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#client-side-filtering-with-string-comparision"},"See demo here")),(0,a.kt)("admonition",{type:"info"},(0,a.kt)("p",{parentName:"admonition"},"By default, ",(0,a.kt)("code",null,"StringComparison.OrdinalIgnoreCase")," is used to compare culture-agnostic and case-insensitive string matching.")),(0,a.kt)("h3",{id:"client-side-paging"},"Client side paging"),(0,a.kt)("p",null,"For paging, ",(0,a.kt)("inlineCode",{parentName:"p"},"AllowPaging")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"PageSize")," parameters are required.\nAdd ",(0,a.kt)("inlineCode",{parentName:"p"},'AllowPaging="true"')," and ",(0,a.kt)("inlineCode",{parentName:"p"},'PageSize="20"')," parameters to the Grid. ",(0,a.kt)("inlineCode",{parentName:"p"},"PageSize")," parameter is optional. "),(0,a.kt)("img",{src:"https://i.imgur.com/WXwUqgX.png",alt:"Blazor Bootstrap: Grid Component - Client side paging"}),(0,a.kt)("admonition",{title:"INFO",type:"info"},(0,a.kt)("p",{parentName:"admonition"},"The default page size is 10.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowPaging="true" PageSize="5" Responsive="true">\n    <GridColumn TItem="Employee1" HeaderText="Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#client-side-paging"},"See demo here")),(0,a.kt)("h3",{id:"client-side-sorting"},"Client side sorting"),(0,a.kt)("p",null,"For sorting, ",(0,a.kt)("inlineCode",{parentName:"p"},"AllowSorting")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"SortKeySelector")," parameters are required.\nAdd ",(0,a.kt)("inlineCode",{parentName:"p"},'AllowSorting="true"')," parameter to Grid and ",(0,a.kt)("inlineCode",{parentName:"p"},"SortKeySelector")," to all the GridColumns."),(0,a.kt)("img",{src:"https://i.imgur.com/wkIWG5S.png",alt:"Blazor Bootstrap: Grid Component - Client side sorting"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1,2,5,8,11,14} showLineNumbers","{1,2,5,8,11,14}":!0,showLineNumbers:!0},'<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowSorting="true" Responsive="true">\n    <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#client-side-sorting"},"See demo here")),(0,a.kt)("h3",{id:"client-side-filtering-paging-and-sorting"},"Client side filtering, paging, and sorting"),(0,a.kt)("img",{src:"https://i.imgur.com/wZ0cQiO.png",alt:"Blazor Bootstrap: Grid Component - Client side filtering, paging, and sorting"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1,2,5,8,11,14} showLineNumbers","{1,2,5,8,11,14}":!0,showLineNumbers:!0},'<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowFiltering="true" AllowPaging="true" PageSize="5" AllowSorting="true" Responsive="true">\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#client-side-filtering-paging-sorting"},"See demo here")),(0,a.kt)("h3",{id:"set-default-filter"},"Set default filter"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"FilterOperator")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"FilterValue")," parameters are required to set the default filter. "),(0,a.kt)("img",{src:"https://i.imgur.com/jog5EA4.png",alt:"Blazor Bootstrap: Grid Component - Set default filter"}),(0,a.kt)("admonition",{title:"TIP",type:"tip"},(0,a.kt)("p",{parentName:"admonition"},"You can set the default filter on more than one GridColumn.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{2} showLineNumbers","{2}":!0,showLineNumbers:!0},'<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowFiltering="true" Responsive="true">\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" FilterOperator="FilterOperator.GreaterThanOrEquals" FilterValue="105">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#set-default-filter"},"See demo here")),(0,a.kt)("h3",{id:"disable-specific-column-filter"},"Disable specific column filter"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"Filterable")," parameter is required to disable the filter on a specific column.\nAdd ",(0,a.kt)("inlineCode",{parentName:"p"},'Filterable="false"')," parameter to GridColumn."),(0,a.kt)("img",{src:"https://i.imgur.com/oGeA4VO.png",alt:"Blazor Bootstrap: Grid Component - Disable specific column filter"}),(0,a.kt)("admonition",{title:"INFO",type:"info"},(0,a.kt)("p",{parentName:"admonition"},"By default, ",(0,a.kt)("inlineCode",{parentName:"p"},'Filterable="true"')," on all the columns if the ",(0,a.kt)("inlineCode",{parentName:"p"},"AllowFiltering")," parameter is set to ",(0,a.kt)("inlineCode",{parentName:"p"},"true")," on the grid.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{14} showLineNumbers","{14}":!0,showLineNumbers:!0},'<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowFiltering="true" Responsive="true">\n    <GridColumn TItem="Employee1" HeaderText="Id" Filterable="false">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" Filterable="false">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#disable-specific-column-filter"},"See demo here")),(0,a.kt)("h3",{id:"increase-filter-textbox-width"},"Increase filter textbox width"),(0,a.kt)("p",null,"Add ",(0,a.kt)("inlineCode",{parentName:"p"},"FilterTextboxWidth")," parameter to the GridColumn to increase or decrease the filter textbox width, ",(0,a.kt)("inlineCode",{parentName:"p"},"FilterTextboxWidth")," parameter is optional."),(0,a.kt)("img",{src:"https://i.imgur.com/eWXiHr0.png",alt:"Blazor Bootstrap: Grid Component - Increase filter textbox width"}),(0,a.kt)("admonition",{title:"NOTE",type:"note"},(0,a.kt)("p",{parentName:"admonition"},"Filter textbox width measured in pixels.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{2,5,8} showLineNumbers","{2,5,8}":!0,showLineNumbers:!0},'<Grid TItem="Employee3" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowFiltering="true" Responsive="true">\n    <GridColumn TItem="Employee3" HeaderText="Id" PropertyName="Id" FilterTextboxWidth="80">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="First Name" PropertyName="FirstName" FilterTextboxWidth="80">\n        @context.FirstName\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="Last Name" PropertyName="LastName" FilterTextboxWidth="80">\n        @context.LastName\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="Email" PropertyName="Email">\n        @context.Email\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="Company" TextNoWrap="true" PropertyName="Company">\n        @context.Company\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="Designation" TextNoWrap="true" PropertyName="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="DOJ" PropertyName="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="Salary" HeaderTextAlignment="Alignment.End" TextAlignment="Alignment.End" PropertyName="Salary" FilterTextboxWidth="80">\n        @context.Salary.ToString("N2")\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="Active" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center" PropertyName="IsActive">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee3> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee3>\n        {\n            new Employee3 { Id = 107, FirstName = "Alice", LastName = "Reddy", Email = "alice@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), Salary = 7700, IsActive = true },\n            new Employee3 { Id = 103, FirstName = "Bob", LastName = "Roy", Email = "bob@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), Salary = 19000, IsActive = true },\n            new Employee3 { Id = 106, FirstName = "John", LastName = "Papa", Email = "john@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), Salary = 12000, IsActive = true },\n            new Employee3 { Id = 104, FirstName = "Pop", LastName = "Two", Email = "pop@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), Salary = 19000, IsActive = false },\n            new Employee3 { Id = 105, FirstName = "Ronald", LastName = "Dire", Email = "ronald@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), Salary = 16500.50M, IsActive = true },\n            new Employee3 { Id = 102, FirstName = "Line", LastName = "K", Email = "line@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), Salary = 24000, IsActive = true },\n            new Employee3 { Id = 101, FirstName = "Daniel", LastName = "Potter", Email = "daniel@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), Salary = 21000, IsActive = true },\n            new Employee3 { Id = 108, FirstName = "Zayne", LastName = "Simmons", Email = "zayne@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), Salary = 17850, IsActive = true },\n            new Employee3 { Id = 109, FirstName = "Isha", LastName = "Davison", Email = "isha@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), Salary = 8000, IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee3>> EmployeesDataProvider(GridDataProviderRequest<Employee3> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#increase-filter-textbox-width"},"See demo here")),(0,a.kt)("h3",{id:"server-side-filtering-paging-and-sorting"},"Server side filtering, paging and sorting"),(0,a.kt)("img",{src:"https://i.imgur.com/xHVXTew.png",alt:"Blazor Bootstrap: Grid Component - Server side filtering, paging and sorting"}),(0,a.kt)("admonition",{title:"NOTE",type:"note"},(0,a.kt)("p",{parentName:"admonition"},"For server-side sorting, we need the ",(0,a.kt)("inlineCode",{parentName:"p"},"SortString")," parameter on GridColumn along with the ",(0,a.kt)("inlineCode",{parentName:"p"},"SortKeySelector")," parameter.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"showLineNumbers",showLineNumbers:!0},'<Grid TItem="Employee" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowFiltering="true" AllowPaging="true" PageSize="5" AllowSorting="true" Responsive="true">\n    <GridColumn TItem="Employee" HeaderText="Id" PropertyName="Id" SortString="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee" HeaderText="First Name" PropertyName="FirstName" SortString="FirstName" SortKeySelector="item => item.FirstName">\n        @context.FirstName\n    </GridColumn>\n    <GridColumn TItem="Employee" HeaderText="Last Name" PropertyName="LastName" SortString="LastName" SortKeySelector="item => item.LastName">\n        @context.LastName\n    </GridColumn>\n    <GridColumn TItem="Employee" HeaderText="Designation" PropertyName="Designation" SortString="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee" HeaderText="Salary" PropertyName="Salary" SortString="Salary" SortKeySelector="item => item.Salary">\n        @context.Salary\n    </GridColumn>\n    <GridColumn TItem="Employee" HeaderText="DOJ" PropertyName="DOJ" SortString="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee" HeaderText="Active" PropertyName="IsActive" SortString="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},'@code {\n    [Inject] public IEmployeeService _employeeService { get; set; }\n\n    private async Task<GridDataProviderResult<Employee>> EmployeesDataProvider(GridDataProviderRequest<Employee> request)\n    {\n        string sortString = "";\n        SortDirection sortDirection = SortDirection.None;\n\n        if (request.Sorting is not null && request.Sorting.Any())\n        {\n            // Note: Multi column sorting is not supported at this moment\n            sortString = request.Sorting[0].SortString;\n            sortDirection = request.Sorting[0].SortDirection;\n        }\n        var result = _employeeService.GetEmployees(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection);\n        return await Task.FromResult(new GridDataProviderResult<Employee> { Data = result.Item1, TotalCount = result.Item2 });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#server-side-filtering-paging-sorting"},"See demo here")),(0,a.kt)("h3",{id:"set-default-sorting"},"Set default sorting"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"IsDefaultSortColumn")," parameter is required to set the default sorting. Add ",(0,a.kt)("inlineCode",{parentName:"p"},'IsDefaultSortColumn="true"')," parameter to the GridColumn.\nThe default sort direction will be ",(0,a.kt)("strong",{parentName:"p"},"ascending"),". To change the default sorting of a column, add ",(0,a.kt)("inlineCode",{parentName:"p"},'SortDirection="SortDirection.Descending"')," to the GridColumn."),(0,a.kt)("img",{src:"https://i.imgur.com/WxULPS6.png",alt:"Blazor Bootstrap: Grid Component - Set default sorting"}),(0,a.kt)("admonition",{title:"INFO",type:"info"},(0,a.kt)("p",{parentName:"admonition"},"If more than one GridColumn has the ",(0,a.kt)("inlineCode",{parentName:"p"},"IsDefaultSortColumn")," paramter, it will pick the first column as the default sorting column.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5} showLineNumbers","{5}":!0,showLineNumbers:!0},'<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowSorting="true">\n    <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="@(item => item.Id)">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="@(item => item.Name)" IsDefaultSortColumn="true" SortDirection="SortDirection.Descending">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="@(item => item.Designation)">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="@(item => item.DOJ)">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="@(item => item.IsActive)">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#set-default-sorting"},"See demo here")),(0,a.kt)("h3",{id:"disable-specific-column-sorting"},"Disable specific column sorting"),(0,a.kt)("p",null,"Add ",(0,a.kt)("inlineCode",{parentName:"p"},'Sortable="false"')," parameter the GridColumn to disable the sorting. "),(0,a.kt)("admonition",{title:"INFO",type:"info"},(0,a.kt)("p",{parentName:"admonition"},"If sorting is disabled, then the ",(0,a.kt)("inlineCode",{parentName:"p"},"SortKeySelector")," parameter is not required.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{8} showLineNumbers","{8}":!0,showLineNumbers:!0},'<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" AllowSorting="true">\n    <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="@(item => item.Id)">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="@(item => item.Name)">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" Sortable="false">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="@(item => item.DOJ)">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="@(item => item.IsActive)">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#disable-specific-column-sorting"},"See demo here")),(0,a.kt)("h3",{id:"header-text-alignment"},"Header text alignment"),(0,a.kt)("p",null,"Use the ",(0,a.kt)("inlineCode",{parentName:"p"},"HeaderTextAlignment")," parameter to change the header column alignment.\nBy default, ",(0,a.kt)("inlineCode",{parentName:"p"},"HeaderTextAlignment")," is set to Alignment.Start. Other options you can use are ",(0,a.kt)("inlineCode",{parentName:"p"},"Alignment.Center")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"Alignment.End"),"."),(0,a.kt)("img",{src:"https://i.imgur.com/gWgIESD.png",alt:"Blazor Bootstrap: Grid Component - Header text alignment"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{8,11,14} showLineNumbers","{8,11,14}":!0,showLineNumbers:!0},'<Grid TItem="Employee1" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider">\n    <GridColumn TItem="Employee1" HeaderText="Id" HeaderTextAlignment="Alignment.Center">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" HeaderTextAlignment="Alignment.Center">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" HeaderTextAlignment="Alignment.Center">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" HeaderTextAlignment="Alignment.End">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#header-text-alignment"},"See demo here")),(0,a.kt)("h3",{id:"cell-alignment"},"Cell alignment"),(0,a.kt)("p",null,"Use the ",(0,a.kt)("inlineCode",{parentName:"p"},"TextAlignment")," parameter to change the cell data alignment.\nBy default, ",(0,a.kt)("inlineCode",{parentName:"p"},"TextAlignment")," is set to ",(0,a.kt)("inlineCode",{parentName:"p"},"Alignment.Start"),". Other options you can use are ",(0,a.kt)("inlineCode",{parentName:"p"},"Alignment.Center")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"Alignment.End"),"."),(0,a.kt)("img",{src:"https://i.imgur.com/0OKp4yd.png",alt:"Blazor Bootstrap: Grid Component - Cell alignment"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{11,14} showLineNumbers","{11,14}":!0,showLineNumbers:!0},'<Grid TItem="Employee2" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider">\n    <GridColumn TItem="Employee2" HeaderText="Id" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee2" HeaderText="Employee Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee2" HeaderText="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee2" HeaderText="Salary" HeaderTextAlignment="Alignment.End" TextAlignment="Alignment.End">\n        @context.Salary\n    </GridColumn>\n    <GridColumn TItem="Employee2" HeaderText="Active" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee2> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee2>\n        {\n            new Employee2 { Id = 107, Name = "Alice", Designation = "AI Engineer", Salary = 7700, IsActive = true },\n            new Employee2 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", Salary = 19000, IsActive = true },\n            new Employee2 { Id = 106, Name = "John", Designation = "Data Engineer", Salary = 12000, IsActive = true },\n            new Employee2 { Id = 104, Name = "Pop", Designation = "Associate Architect", Salary = 19000, IsActive = false },\n            new Employee2 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", Salary = 16500.50M, IsActive = true },\n            new Employee2 { Id = 102, Name = "Line", Designation = "Architect", Salary = 24000, IsActive = true },\n            new Employee2 { Id = 101, Name = "Daniel", Designation = "Architect", Salary = 21000, IsActive = true },\n            new Employee2 { Id = 108, Name = "Zayne", Designation = "Data Analyst", Salary = 17850, IsActive = true },\n            new Employee2 { Id = 109, Name = "Isha", Designation = "App Maker", Salary = 8000, IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee2>> EmployeesDataProvider(GridDataProviderRequest<Employee2> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#cell-alignment"},"See demo here")),(0,a.kt)("h3",{id:"cell-formating"},"Cell formating"),(0,a.kt)("p",null,"To format the cell data, use ",(0,a.kt)("inlineCode",{parentName:"p"},"ToString")," method and format strings. Refer: ",(0,a.kt)("a",{parentName:"p",href:"https://docs.microsoft.com/en-us/dotnet/standard/base-types/formatting-types"},"How to format numbers, dates, enums, and other types in .NET")),(0,a.kt)("img",{src:"https://i.imgur.com/MitfasL.png",alt:"Blazor Bootstrap: Grid Component - Cell formating"}),(0,a.kt)("admonition",{title:"EXAMPLE",type:"tip"},(0,a.kt)("p",{parentName:"admonition"},'@context.Salary.ToString("N2")')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{12} showLineNumbers","{12}":!0,showLineNumbers:!0},'<Grid TItem="Employee2" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider">\n    <GridColumn TItem="Employee2" HeaderText="Id" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee2" HeaderText="Employee Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee2" HeaderText="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee2" HeaderText="Salary" HeaderTextAlignment="Alignment.End" TextAlignment="Alignment.End">\n        @context.Salary.ToString("N2")\n    </GridColumn>\n    <GridColumn TItem="Employee2" HeaderText="Active" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee2> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee2>\n        {\n            new Employee2 { Id = 107, Name = "Alice", Designation = "AI Engineer", Salary = 7700, IsActive = true },\n            new Employee2 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", Salary = 19000, IsActive = true },\n            new Employee2 { Id = 106, Name = "John", Designation = "Data Engineer", Salary = 12000, IsActive = true },\n            new Employee2 { Id = 104, Name = "Pop", Designation = "Associate Architect", Salary = 19000, IsActive = false },\n            new Employee2 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", Salary = 16500.50M, IsActive = true },\n            new Employee2 { Id = 102, Name = "Line", Designation = "Architect", Salary = 24000, IsActive = true },\n            new Employee2 { Id = 101, Name = "Daniel", Designation = "Architect", Salary = 21000, IsActive = true },\n            new Employee2 { Id = 108, Name = "Zayne", Designation = "Data Analyst", Salary = 17850, IsActive = true },\n            new Employee2 { Id = 109, Name = "Isha", Designation = "App Maker", Salary = 8000, IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee2>> EmployeesDataProvider(GridDataProviderRequest<Employee2> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#cell-formating"},"See demo here")),(0,a.kt)("h3",{id:"cell-nowrap"},"Cell nowrap"),(0,a.kt)("p",null,"To prevent text from wrapping, add ",(0,a.kt)("inlineCode",{parentName:"p"},'TextNoWrap="true"')," parameter to the GridColumn."),(0,a.kt)("img",{src:"https://i.imgur.com/Wzc3AUF.png",alt:"Blazor Bootstrap: Grid Component - Cell nowrap"}),(0,a.kt)("admonition",{title:"TIP",type:"tip"},(0,a.kt)("p",{parentName:"admonition"},"Add ",(0,a.kt)("inlineCode",{parentName:"p"},'Responsive="true"')," parameter to the grid to enable horizontal scrolling.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{14,17} showLineNumbers","{14,17}":!0,showLineNumbers:!0},'<Grid TItem="Employee3" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" Responsive="true">\n    <GridColumn TItem="Employee3" HeaderText="Id" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="First Name">\n        @context.FirstName\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="First Name">\n        @context.LastName\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="Email">\n        @context.Email\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="Company" TextNoWrap="true">\n        @context.Company\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="Designation" TextNoWrap="true">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="Salary" HeaderTextAlignment="Alignment.End" TextAlignment="Alignment.End">\n        @context.Salary.ToString("N2")\n    </GridColumn>\n    <GridColumn TItem="Employee3" HeaderText="Active" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee3> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee3>\n        {\n            new Employee3 { Id = 107, FirstName = "Alice", LastName = "Reddy", Email = "alice@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), Salary = 7700, IsActive = true },\n            new Employee3 { Id = 103, FirstName = "Bob", LastName = "Roy", Email = "bob@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), Salary = 19000, IsActive = true },\n            new Employee3 { Id = 106, FirstName = "John", LastName = "Papa", Email = "john@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), Salary = 12000, IsActive = true },\n            new Employee3 { Id = 104, FirstName = "Pop", LastName = "Two", Email = "pop@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), Salary = 19000, IsActive = false },\n            new Employee3 { Id = 105, FirstName = "Ronald", LastName = "Dire", Email = "ronald@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), Salary = 16500.50M, IsActive = true },\n            new Employee3 { Id = 102, FirstName = "Line", LastName = "K", Email = "line@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), Salary = 24000, IsActive = true },\n            new Employee3 { Id = 101, FirstName = "Daniel", LastName = "Potter", Email = "daniel@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), Salary = 21000, IsActive = true },\n            new Employee3 { Id = 108, FirstName = "Zayne", LastName = "Simmons", Email = "zayne@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), Salary = 17850, IsActive = true },\n            new Employee3 { Id = 109, FirstName = "Isha", LastName = "Davison", Email = "isha@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), Salary = 8000, IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee3>> EmployeesDataProvider(GridDataProviderRequest<Employee3> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#cell-nowrap"},"See demo here")),(0,a.kt)("h3",{id:"pagination-alignment"},"Pagination alignment"),(0,a.kt)("p",null,"Change the alignment of pagination by adding the ",(0,a.kt)("inlineCode",{parentName:"p"},"PaginationAlignment")," parameter to the Grid.\nBy default, ",(0,a.kt)("inlineCode",{parentName:"p"},"PaginationAlignment")," is set to ",(0,a.kt)("inlineCode",{parentName:"p"},"Alignment.Start"),". Other options you can use are ",(0,a.kt)("inlineCode",{parentName:"p"},"Alignment.Center")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"Alignment.End"),"."),(0,a.kt)("img",{src:"https://i.imgur.com/CtSqfJb.png",alt:"Blazor Bootstrap: Grid Component - Pagination alignment"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'<Grid TItem="Employee1" class="table table-hover table-bordered table-striped table-striped" DataProvider="EmployeesDataProvider" AllowPaging="true" PageSize="5" PaginationAlignment="Alignment.End" Responsive="true">\n    <GridColumn TItem="Employee1" HeaderText="Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#pagination-alignment"},"See demo here")),(0,a.kt)("h3",{id:"empty-data"},"Empty data"),(0,a.kt)("p",null,"If there are no records to display in the Grid, by default, it will display the ",(0,a.kt)("strong",{parentName:"p"},"No records to display")," message.\nYou can change this message by adding the ",(0,a.kt)("inlineCode",{parentName:"p"},"EmptyText")," parameter to the Grid."),(0,a.kt)("img",{src:"https://i.imgur.com/cLuvfmD.png",alt:"Blazor Bootstrap: Grid Component - Empty data"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1} showLineNumbers","{1}":!0,showLineNumbers:!0},'<Grid TItem="Employee" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider" EmptyText="No records to display">\n    <GridColumn TItem="Employee" HeaderText="Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee" HeaderText="First Name">\n        @context.FirstName\n    </GridColumn>\n    <GridColumn TItem="Employee" HeaderText="Last Name">\n        @context.LastName\n    </GridColumn>\n    <GridColumn TItem="Employee" HeaderText="Designation">\n        @context.Designation\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"@code {\n    private async Task<GridDataProviderResult<Employee>> EmployeesDataProvider(GridDataProviderRequest<Employee> request)\n    {\n        await Task.Delay(3000);\n\n        return (new GridDataProviderResult<Employee> { Data = new List<Employee>(), TotalCount = 0 });\n    }\n}\n")),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#empty-data"},"See demo here")),(0,a.kt)("admonition",{title:"TIP",type:"tip"},(0,a.kt)("p",{parentName:"admonition"},"Add ",(0,a.kt)("inlineCode",{parentName:"p"},'Responsive="true"')," parameter to the grid to enable horizontal scrolling.")),(0,a.kt)("h3",{id:"save-and-load-grid-settings"},"Save and Load Grid Settings"),(0,a.kt)("p",null,"This example shows how to save/load the Grid state. The state includes the page number, page size, and filters."),(0,a.kt)("admonition",{title:"IMPORTANT",type:"danger"},(0,a.kt)("p",{parentName:"admonition"},"Saving the Grid's sorting state as part of GridSettings is not yet supported. This functionality will be included in future releases.")),(0,a.kt)("admonition",{title:"NOTE",type:"note"},(0,a.kt)("p",{parentName:"admonition"},"Browser local storage is used to persist the Grid state. Common locations exist for persisting state are ",(0,a.kt)("strong",{parentName:"p"},"Server-side storage"),", ",(0,a.kt)("strong",{parentName:"p"},"URL"),", ",(0,a.kt)("strong",{parentName:"p"},"Browser storage"),", and ",(0,a.kt)("strong",{parentName:"p"},"In-memory state container service"),".")),(0,a.kt)("img",{src:"https://i.imgur.com/weFYVWA.png",alt:"Blazor Bootstrap: Grid Component - Save and Load Grid Settings"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1,6,7} showLineNumbers","{1,6,7}":!0,showLineNumbers:!0},'@using System.Text.Json\n\n<Grid @ref="grid" TItem="Employee1" class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true" PageSize="8" AllowPaging="true" AllowSorting="true" Responsive="true"\n      GridSettingsChanged="OnGridSettingsChanged"\n      SettingsProvider="GridSettingsProvider">\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id" FilterOperator="FilterOperator.GreaterThanOrEquals" FilterValue="109">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{1,6,7} showLineNumbers","{1,6,7}":!0,showLineNumbers:!0},'\n@code {\n    BlazorBootstrap.Grid<Employee1> grid;\n    private IEnumerable<Employee1> employees;\n\n    [Inject] public IJSRuntime JS { get; set; }\n    public GridSettings Settings { get; set; }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private async Task OnGridSettingsChanged(GridSettings settings)\n    {\n        if (settings is null)\n            return;\n\n        // NOTE: enable below two lines, if you want to set default values for PageNumber and PageSize all the time.\n        //settings.PageNumber = 1;\n        //settings.PageSize = 10;\n\n        await JS.InvokeVoidAsync("window.localStorage.setItem", "grid-settings", JsonSerializer.Serialize(settings));\n    }\n\n    private async Task<GridSettings> GridSettingsProvider()\n    {\n        var settingsJson = await JS.InvokeAsync<string>("window.localStorage.getItem", "grid-settings");\n        if (string.IsNullOrWhiteSpace(settingsJson))\n            return null;\n\n        var settings = JsonSerializer.Deserialize<GridSettings>(settingsJson);\n        if (settings is null)\n            return null;\n\n        return settings;\n    }\n\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#save-and-load-grid-settings"},"See demo here")),(0,a.kt)("h3",{id:"data-parameter---assign-collection"},"Data parameter - Assign collection"),(0,a.kt)("p",null,"Assign a collection to the ",(0,a.kt)("inlineCode",{parentName:"p"},"Data")," parameter to render the grid dynamically. The example below will render different department employees in the individual grid."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@using BlazorBootstrap.Demo.Models;\n\n@foreach (var department in departments)\n{\n    <p>@department.Name Employees:</p>\n    <Grid TItem="Employee1" class="table table-hover table-bordered table-striped" Data="department.Employees">\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n    </Grid>\n}\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    Grid<Employee1> grid;\n\n    private List<Department> departments = new List<Department>()\n    {\n        new Department("Product 1 - Research & Development", new List<Employee1> {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true }\n        }),\n        new Department("Product 2 - Research & Development", new List<Employee1> {\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true }\n        })\n    };\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#data-parameter-assign-collection"},"See demo here")),(0,a.kt)("h3",{id:"data-parameter---update-collection"},"Data parameter - Update collection"),(0,a.kt)("p",null,"Assign a collection to the ",(0,a.kt)("inlineCode",{parentName:"p"},"Data")," parameter to render the grid dynamically. The example below will render different department employees in the individual grid."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@using BlazorBootstrap.Demo.Models;\n\n<Button Type="ButtonType.Button" Color="ButtonColor.Primary" @onclick="AddEmployee"> Add Employee </Button>\n<Button Type="ButtonType.Button" Color="ButtonColor.Primary" @onclick="AddEmployee2"> Add Employee 2 </Button>\n\n<Grid @ref="grid" TItem="Employee1" class="table table-hover table-bordered table-striped mt-3" Data="employees">\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n        @context.IsActive\n    </GridColumn>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    Grid<Employee1> grid;\n\n    private List<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1> {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true }\n        };\n    }\n\n    private async Task AddEmployee()\n    {\n        // for the same employees collection, we are adding an object\n        // explicit grid refresh required\n        employees.Add(CreateEmployee());\n        await grid.RefreshDataAsync();\n    }\n\n    private void AddEmployee2()\n    {\n        // creates a shallow copy\n        var emps = employees.GetRange(0, employees.Count);\n        emps.Add(CreateEmployee());\n        // now employees variable has a new reference. So no need to refresh the grid explicitly\n        // explicit grid refresh is not required\n        employees = emps;\n    }\n\n    private Employee1 CreateEmployee()\n    {\n        var emp = new Employee1();\n        emp.Id = employees.Max(x => x.Id) + 1;\n        emp.Name = $"Employee {emp.Id}";\n        emp.Designation = $"QA Engineer {emp.Id}";\n        emp.DOJ = new DateOnly(new Random().Next(1970, 2000), new Random().Next(1, 12), new Random().Next(1, 25));\n        emp.IsActive = true;\n        return emp;\n    }\n}\n')),(0,a.kt)("admonition",{type:"note"},(0,a.kt)("p",{parentName:"admonition"},"The ",(0,a.kt)("strong",{parentName:"p"},"Add Employee")," button click adds a new employee to the existing ",(0,a.kt)("strong",{parentName:"p"},"employees")," collection\u2014so explicit grid refresh is required."),(0,a.kt)("p",{parentName:"admonition"},"The ",(0,a.kt)("strong",{parentName:"p"},"Add Employee 2")," button click creates a shallow copy of the ",(0,a.kt)("strong",{parentName:"p"},"employees")," collection and adds a new employee. This new collection is assigned to the ",(0,a.kt)("strong",{parentName:"p"},"employees")," variable. Now, the ",(0,a.kt)("strong",{parentName:"p"},"employees")," variable has a new reference. So the grid will refresh automatically. An explicit grid refresh call is not required.")),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#data-parameter-update-collection"},"See demo here")),(0,a.kt)("h3",{id:"conditional-css-class-for-grid-row"},"Conditional css class for grid row"),(0,a.kt)("p",null,"In the below example, we applied ",(0,a.kt)("inlineCode",{parentName:"p"},"table-danger")," CSS class to the row where the employee is inactive and the ",(0,a.kt)("inlineCode",{parentName:"p"},"table-success")," CSS class to the row where the employee designation is Architect."),(0,a.kt)("img",{src:"https://i.imgur.com/TYW4VsK.png",alt:"Blazor Bootstrap: Grid Component - Conditional css class for grid row"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{9} showLineNumbers","{9}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      PageSize="5"\n      AllowSorting="true"\n      Responsive="true"\n      RowClass="GetRowClass">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{12-20} showLineNumbers","{12-20}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private string GetRowClass(Employee1 emp)\n    {\n        if (!emp.IsActive)\n            return "table-danger";\n        else if (emp.Designation == "Architect")\n            return "table-success";\n\n        return string.Empty;\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#conditional-css-class-for-grid-row"},"See demo here")),(0,a.kt)("h3",{id:"conditional-css-class-for-grid-column"},"Conditional css class for grid column"),(0,a.kt)("p",null,"In the below example, we applied ",(0,a.kt)("inlineCode",{parentName:"p"},"table-danger")," CSS class to the Active column where the employee is inactive and the ",(0,a.kt)("inlineCode",{parentName:"p"},"table-success")," CSS class to the Active column where the employee is active."),(0,a.kt)("img",{src:"https://i.imgur.com/XlatgsB.png",alt:"Blazor Bootstrap: Grid Component - Conditional css class for grid column"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{26} showLineNumbers","{26}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      PageSize="5"\n      AllowSorting="true"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1"\n                HeaderText="Active"\n                PropertyName="IsActive"\n                SortKeySelector="item => item.IsActive"\n                ColumnClass="@(x => x.IsActive ? "table-success" : "table-danger")">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#conditional-css-class-for-grid-column"},"See demo here")),(0,a.kt)("h3",{id:"column-class"},"Column class"),(0,a.kt)("p",null,"In the following example, the ",(0,a.kt)("inlineCode",{parentName:"p"},"Class")," parameter is used to apply the CSS class to an entire grid column, including the header."),(0,a.kt)("img",{src:"https://i.imgur.com/XG4Wv17.png",alt:"Blazor Bootstrap: Grid Component - Column class"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{13} showLineNumbers","{13}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      PageSize="5"\n      AllowSorting="true"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" Class="text-danger" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1>? employees;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#colum-class"},"See demo here")),(0,a.kt)("h3",{id:"custom-column-headers"},"Custom column headers"),(0,a.kt)("p",null,"In the below example, we use ",(0,a.kt)("inlineCode",{parentName:"p"},"<HeaderContent>")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"<ChildContent>")," tags to define custom column header and cell content. When defining header content, filters and sorting are removed from column."),(0,a.kt)("img",{src:"https://i.imgur.com/yeTbaNT.png",alt:"Blazor Bootstrap: Grid Component - Custom column headers"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{23-29} showLineNumbers","{23-29}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      PageSize="5"\n      AllowSorting="true"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" PropertyName="IsActive" Filterable="false" Sortable="false">\n      <HeaderContent>\n        <Switch @bind-Value="IsAllChecked"/>\n      </HeaderContent>\n      <ChildContent>\n        <Switch @bind-Value="@context.IsActive"/>\n      </ChildContent>\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{4-8} showLineNumbers","{4-8}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    private bool IsAllChecked\n    {\n        get => employees.All(e => e.IsActive);\n        set => Array.ForEach(employees.ToArray(), e => e.IsActive = value);\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("h3",{id:"selection"},"Selection"),(0,a.kt)("p",null,"Set ",(0,a.kt)("inlineCode",{parentName:"p"},'AllowSelection="true"')," to enable the selection on the Grid. By default, SelectionMode is ",(0,a.kt)("strong",{parentName:"p"},"Single"),"."),(0,a.kt)("img",{src:"https://i.imgur.com/u1lV12d.png",alt:"Blazor Bootstrap: Grid Component - Selection"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4-5} showLineNumbers","{4-5}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowSelection="true"\n      SelectedItemsChanged="OnSelectedItemsChanged"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n\n<div class="mt-3">\n    Selected Items Count: @selectedEmployees.Count\n</div>\n\n<div class="mt-2">\n    Selected Employees:\n    <ul>\n        @foreach (var emp in selectedEmployees)\n        {\n            <li>@emp.Name</li>\n        }\n    </ul>\n</div>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{32-36} showLineNumbers","{32-36}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private HashSet<Employee1> selectedEmployees = new();\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        Console.WriteLine("EmployeesDataProvider called...");\n\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private Task OnSelectedItemsChanged(HashSet<Employee1> employees)\n    {\n        selectedEmployees = employees is not null && employees.Any() ? employees : new();\n        return Task.CompletedTask;\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#selection"},"See demo here")),(0,a.kt)("h3",{id:"multiple-selection"},"Multiple selection"),(0,a.kt)("p",null,"To select multiple rows, set ",(0,a.kt)("inlineCode",{parentName:"p"},'SelectionMode="GridSelectionMode.Multiple"'),"."),(0,a.kt)("img",{src:"https://i.imgur.com/yzJETf8.png",alt:"Blazor Bootstrap: Grid Component - Multiple selection"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4-6} showLineNumbers","{4-6}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowSelection="true"\n      SelectionMode="GridSelectionMode.Multiple"\n      SelectedItemsChanged="OnSelectedItemsChanged"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n\n<div class="mt-3">\n    Selected Items Count: @selectedEmployees.Count\n</div>\n\n<div class="mt-2">\n    Selected Employees:\n    <ul>\n        @foreach (var emp in selectedEmployees)\n        {\n            <li>@emp.Name</li>\n        }\n    </ul>\n</div>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{32-36} showLineNumbers","{32-36}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private HashSet<Employee1> selectedEmployees = new();\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        Console.WriteLine("EmployeesDataProvider called...");\n\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private Task OnSelectedItemsChanged(HashSet<Employee1> employees)\n    {\n        selectedEmployees = employees is not null && employees.Any() ? employees : new();\n        return Task.CompletedTask;\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#multiple-selection"},"See demo here")),(0,a.kt)("h3",{id:"disable-selection"},"Disable selection"),(0,a.kt)("p",null,"We can disable the header checkbox or row level checkbox based on a condition.\nFor this, we have ",(0,a.kt)("inlineCode",{parentName:"p"},"DisableAllRowsSelection")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"DisableRowSelection")," delegate parameters.\nIn the below example, we disabled the header checkbox if any of the employee Id is less than 105.\nAlso, disable check the row level checkbox if the employee Id is less than 105."),(0,a.kt)("img",{src:"https://i.imgur.com/v0x4C16.png",alt:"Blazor Bootstrap: Grid Component - Disable selection"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4-8} showLineNumbers","{4-8}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowSelection="true"\n      SelectionMode="GridSelectionMode.Multiple"\n      DisableAllRowsSelection="DisableAllRowsSelectionHandler"\n      DisableRowSelection="DisableRowSelectionHandler"\n      SelectedItemsChanged="OnSelectedItemsChanged"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n\n<div class="mt-3">\n    Selected Items Count: @selectedEmployees.Count\n</div>\n\n<div class="mt-2">\n    Selected Employees:\n    <ul>\n        @foreach (var emp in selectedEmployees)\n        {\n            <li>@emp.Name</li>\n        }\n    </ul>\n</div>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{30-33,35-38,40-44} showLineNumbers","{30-33,35-38,40-44}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private HashSet<Employee1> selectedEmployees = new();\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private bool DisableAllRowsSelectionHandler(IEnumerable<Employee1> employees)\n    {\n        return employees.Any(x => x.Id < 105); // disable selection if EmployeeId < 105\n    }\n\n    private bool DisableRowSelectionHandler(Employee1 emp)\n    {\n        return emp.Id < 105; // disable selection if EmployeeId < 105\n    }\n\n    private Task OnSelectedItemsChanged(HashSet<Employee1> employees)\n    {\n        selectedEmployees = employees is not null && employees.Any() ? employees : new();\n        return Task.CompletedTask;\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#disable-selection"},"See demo here")),(0,a.kt)("h3",{id:"dynamic-page-size"},"Dynamic page size"),(0,a.kt)("img",{src:"https://user-images.githubusercontent.com/2337067/239613002-c7b4b6f6-be67-4f14-accc-b3dd390eb0f9.png",alt:"Blazor Bootstrap: Grid Component - Dynamic page size"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5,26-28} showLineNumbers","{5,26-28}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowPaging="true"\n      PageSize="@pageSize"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n\n<Button Type="ButtonType.Button" Color="ButtonColor.Primary" @onclick="() => ChangeSize(5)">Grid Size 5</Button>\n<Button Type="ButtonType.Button" Color="ButtonColor.Secondary" @onclick="() => ChangeSize(10)">Grid Size 10</Button>\n<Button Type="ButtonType.Button" Color="ButtonColor.Secondary" @onclick="() => ChangeSize(15)">Grid Size 15</Button>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{2,32} showLineNumbers","{2,32}":!0,showLineNumbers:!0},'@code {\n    private int pageSize = 5;\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n\n    private void ChangeSize(int size) => pageSize = size;\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#dynamic-page-size"},"See demo here")),(0,a.kt)("h3",{id:"page-size-selection"},"Page size selection"),(0,a.kt)("img",{src:"https://user-images.githubusercontent.com/2337067/239613340-3917f4fa-a252-4e5e-a3b5-27b83304cbc2.png",alt:"Blazor Bootstrap: Grid Component - Page size selection"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5-7} showLineNumbers","{5-7}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowPaging="true"\n      PageSize="10"\n      PageSizeSelectorVisible="true"\n      PageSizeSelectorItems="@(new int[] { 5,10,20 })"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#page-size-selection"},"See demo here")),(0,a.kt)("h3",{id:"header-row-css-class"},"Header row css class"),(0,a.kt)("img",{src:"https://i.imgur.com/KIqBefV.png",alt:"Blazor Bootstrap: Grid Component - Header row css class"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5,34,63,92} showLineNumbers","{5,34,63,92}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-primary text-white border-bottom-0"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-primary text-white bg-opacity-75 border-bottom-0"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n\n<Grid TItem="Employee1"\n             AllowSorting="true"\n             Class="table table-hover"\n             DataProvider="EmployeesDataProvider"\n             HeaderRowCssClass="bg-success text-white border-bottom-0"\n             Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-success text-white bg-opacity-75 border-bottom-0"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#header-row-css-class"},"See demo here")),(0,a.kt)("h3",{id:"filters-row-css-class"},"Filters row css class"),(0,a.kt)("img",{src:"https://i.imgur.com/11SK9v4.png",alt:"Blazor Bootstrap: Grid Component - Filters row css class"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{7,38,69,100,131,162,193} showLineNumbers","{7,38,69,100,131,162,193}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-primary text-white border-bottom-0"\n      FiltersRowCssClass="bg-primary text-white bg-opacity-25 border-bottom-0"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-warning text-white border-bottom-0"\n      FiltersRowCssClass="bg-warning text-white bg-opacity-25 border-bottom-0"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-danger text-white border-bottom-0"\n      FiltersRowCssClass="bg-danger text-white bg-opacity-25 border-bottom-0"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-success text-white border-bottom-0"\n      FiltersRowCssClass="bg-success text-white bg-opacity-25 border-bottom-0"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-info text-white border-bottom-0"\n      FiltersRowCssClass="bg-info text-white bg-opacity-25 border-bottom-0"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-dark text-white border-bottom-0"\n      FiltersRowCssClass="bg-dark text-white bg-opacity-25 border-bottom-0"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-secondary text-white border-bottom-0"\n      FiltersRowCssClass="bg-secondary text-white bg-opacity-25 border-bottom-0"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#filters-row-css-class"},"See demo here")),(0,a.kt)("h3",{id:"row-click-event"},"Row click event"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{2,7} showLineNumbers","{2,7}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      AllowRowClick="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-primary text-white border-bottom-0"\n      OnRowClick="OnRowClick"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{27-30} showLineNumbers","{27-30}":!0,showLineNumbers:!0},'@code {\n    [Inject] ModalService ModalService { get; set; } = default!;\n\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n        };\n    }\n\n    private async Task OnRowClick(GridRowEventArgs<Employee1> args)\n    {\n        await ModalService.ShowAsync(new ModalOption { Type = ModalType.Primary, Title = "Event: Row Click", Message = $"Id: {args.Item.Id}, Name: {args.Item.Name}" });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#row-click-event"},"See demo here")),(0,a.kt)("h3",{id:"row-double-click-event"},"Row double click event"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{2,7} showLineNumbers","{2,7}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      AllowRowClick="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-danger text-white border-bottom-0"\n      OnRowDoubleClick="OnRowDoubleClick"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n\n    <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{27-30} showLineNumbers","{27-30}":!0,showLineNumbers:!0},'@code {\n    [Inject] ModalService ModalService { get; set; } = default!;\n\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n        };\n    }\n\n    private async Task OnRowDoubleClick(GridRowEventArgs<Employee1> args)\n    {\n        await ModalService.ShowAsync(new ModalOption { Type = ModalType.Primary, Title = "Event: Row Double Click", Message = $"Id: {args.Item.Id}, Name: {args.Item.Name}" });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#row-double-click-event"},"See demo here")),(0,a.kt)("h3",{id:"translations"},"Translations"),(0,a.kt)("p",null,"In the example below, you will see translations related to pagination and filters in ",(0,a.kt)("strong",{parentName:"p"},"Dutch"),"."),(0,a.kt)("img",{src:"https://i.imgur.com/kKNgo2I.png",alt:"Blazor Bootstrap: Grid Component - Translations"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{8,13-14} showLineNumbers","{8,13-14}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowPaging="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      FiltersRowCssClass="bg-dark text-white bg-opacity-25 border-bottom-0"\n      FiltersTranslationProvider="GridFiltersTranslationProvider"\n      HeaderRowCssClass="bg-dark text-white border-bottom-0"\n      PageSize="10"\n      PageSizeSelectorVisible="true"\n      PageSizeSelectorItems="@(new int[] { 5,10,20 })"\n      PaginationItemsTextFormat="{0} - {1} van {2} artikelen"\n      ItemsPerPageText="Artikelen per pagina"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{4-25} showLineNumbers","{4-25}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<IEnumerable<FilterOperatorInfo>> GridFiltersTranslationProvider()\n    {\n        var filtersTranslation = new List<FilterOperatorInfo>();\n\n        // number/date/boolean\n        filtersTranslation.Add(new("=", "gelijk aan", FilterOperator.Equals));\n        filtersTranslation.Add(new("!=", "Niet gelijk", FilterOperator.NotEquals));\n        // number/date\n        filtersTranslation.Add(new("<", "Minder dan", FilterOperator.LessThan));\n        filtersTranslation.Add(new("<=", "Kleiner dan of gelijk aan", FilterOperator.LessThanOrEquals));\n        filtersTranslation.Add(new(">", "Groter dan", FilterOperator.GreaterThan));\n        filtersTranslation.Add(new(">=", "Groter dan of gelijk aan", FilterOperator.GreaterThanOrEquals));\n        // string\n        filtersTranslation.Add(new("*a*", "Bevat", FilterOperator.Contains));\n        filtersTranslation.Add(new("a**", "Begint met", FilterOperator.StartsWith));\n        filtersTranslation.Add(new("**a", "Eindigt met", FilterOperator.EndsWith));\n        filtersTranslation.Add(new("=", "gelijk aan", FilterOperator.Equals));\n        // common\n        filtersTranslation.Add(new("x", "Duidelijk", FilterOperator.Clear));\n\n        return await Task.FromResult(filtersTranslation);\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#translations"},"See demo here")),(0,a.kt)("h3",{id:"fixed-header"},"Fixed header"),(0,a.kt)("p",null,"To set the fixed header, set the ",(0,a.kt)("strong",{parentName:"p"},"FixedHeader")," parameter to ",(0,a.kt)("strong",{parentName:"p"},"true"),". The minimum height of the grid is ",(0,a.kt)("strong",{parentName:"p"},"320 pixels"),". You can change the units to em, pt, px, or etc. by setting the ",(0,a.kt)("strong",{parentName:"p"},"Unit")," parameter."),(0,a.kt)("img",{src:"https://i.imgur.com/KRsQK6I.png",alt:"Blazor Bootstrap: Grid Component - Fixed header"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5,6,8} showLineNumbers","{5,6,8}":!0,showLineNumbers:!0},'<Grid @ref="grid"\n      TItem="Employee4"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      FixedHeader="true"\n      Height="350"\n      Responsive="true"\n      Unit="Unit.px">\n\n    <GridColumn TItem="Employee4" HeaderText="Id" PropertyName="Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee4" HeaderText="Employee Name" PropertyName="Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee4" HeaderText="Designation" PropertyName="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee4" HeaderText="Designation" PropertyName="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee4" HeaderText="Designation" PropertyName="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee4" HeaderText="Designation" PropertyName="Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee4" HeaderText="DOJ" PropertyName="DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee4" HeaderText="Active" PropertyName="IsActive">\n        @context.IsActive\n    </GridColumn>\n    <GridColumn TItem="Employee4" HeaderText="Active" PropertyName="IsActive">\n        @context.IsActive\n    </GridColumn>\n    <GridColumn TItem="Employee4" HeaderText="Active" PropertyName="IsActive">\n        @context.IsActive\n    </GridColumn>\n    <GridColumn TItem="Employee4" HeaderText="Active" PropertyName="IsActive">\n        @context.IsActive\n    </GridColumn>\n    <GridColumn TItem="Employee4" HeaderText="Active" PropertyName="IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    BlazorBootstrap.Grid<Employee4> grid = default!;\n    private IEnumerable<Employee4> employees = default!;\n\n    protected override async Task OnAfterRenderAsync(bool firstRender)\n    {\n        await base.OnAfterRenderAsync(firstRender);\n    }\n\n    private async Task<GridDataProviderResult<Employee4>> EmployeesDataProvider(GridDataProviderRequest<Employee4> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee4> GetEmployees()\n    {\n        return new List<Employee4>\n        {\n            new Employee4 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee4 { Id = null, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee4 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee4 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee4 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee4 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee4 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee4 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee4 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = null, IsActive = true },\n            new Employee4 { Id = 110, Name = "Vijay", Designation = null, DOJ = new DateOnly(1990, 7, 1), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#fixed-header"},"See demo here")),(0,a.kt)("h3",{id:"fixed-header-with-filters"},"Fixed header with filters"),(0,a.kt)("img",{src:"https://i.imgur.com/QRgyrZK.png",alt:"Blazor Bootstrap: Grid Component - Fixed header with filters"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,7,9} showLineNumbers","{4,7,9}":!0,showLineNumbers:!0},'<Grid TItem="Customer2"\nClass="table table-hover table-bordered"\n      DataProvider="CustomersDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      AllowSorting="true"\n      FixedHeader="true"\n      Responsive="true"\n      Unit="Unit.px">\n\n    <GridColumn TItem="Customer2" HeaderText="Id" PropertyName="CustomerId" SortString="CustomerId" SortKeySelector="item => item.CustomerId" FilterTextboxWidth="50" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n        @context.CustomerId\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Customer Name" PropertyName="CustomerName" SortString="CustomerName" SortKeySelector="item => item.CustomerName" FilterTextboxWidth="80">\n        @context.CustomerName\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Phone" PropertyName="Phone" SortString="Phone" SortKeySelector="item => item.Phone" FilterTextboxWidth="100">\n        @context.Phone\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Email" PropertyName="Email" SortString="Email" SortKeySelector="item => item.Email" FilterTextboxWidth="120">\n        @context.Email\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Address" PropertyName="Address" SortString="Address" SortKeySelector="item => item.Address" FilterTextboxWidth="150">\n        @context.Address\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Postal Zip" PropertyName="PostalZip" SortString="PostalZip" SortKeySelector="item => item.PostalZip" FilterTextboxWidth="80">\n        @context.PostalZip\n    </GridColumn>\n    <GridColumn TItem="Customer2" FreezeRightPosition="0" HeaderText="Country" PropertyName="Country" SortString="Country" SortKeySelector="item => item.Country" FilterTextboxWidth="80">\n        @context.Country\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    [Inject] public ICustomerService _customerService { get; set; } = default!;\n\n    private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request)\n    {\n        string sortString = "";\n        SortDirection sortDirection = SortDirection.None;\n\n        if (request.Sorting is not null && request.Sorting.Any())\n        {\n            // Note: Multi column sorting is not supported at this moment\n            sortString = request.Sorting.FirstOrDefault().SortString;\n            sortDirection = request.Sorting.FirstOrDefault().SortDirection;\n        }\n        var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken);\n        return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#fixed-header-with-filters"},"See demo here")),(0,a.kt)("h3",{id:"freeze-columns"},"Freeze columns"),(0,a.kt)("img",{src:"https://i.imgur.com/1vRu0LU.png",alt:"Blazor Bootstrap: Grid Component - Freeze columns"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{7,9,12,27} showLineNumbers","{7,9,12,27}":!0,showLineNumbers:!0},'<Grid TItem="Customer2"\n      Class="table table-hover table-bordered text-nowrap"\n      DataProvider="CustomersDataProvider"\n      AllowPaging="true"\n      AllowSorting="true"\n      Responsive="true"\n      Unit="Unit.px">\n\n    <GridColumn TItem="Customer2" Freeze="true" FreezeLeftPosition="0" HeaderText="Id" PropertyName="CustomerId" SortString="CustomerId" SortKeySelector="item => item.CustomerId" FilterTextboxWidth="50" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n        @context.CustomerId\n    </GridColumn>\n    <GridColumn TItem="Customer2" Freeze="true" FreezeLeftPosition="55.98" HeaderText="Customer Name" PropertyName="CustomerName" SortString="CustomerName" SortKeySelector="item => item.CustomerName" FilterTextboxWidth="80">\n        @context.CustomerName\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Phone" PropertyName="Phone" SortString="Phone" SortKeySelector="item => item.Phone" FilterTextboxWidth="100">\n        @context.Phone\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Email" PropertyName="Email" SortString="Email" SortKeySelector="item => item.Email" FilterTextboxWidth="120">\n        @context.Email\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Address" PropertyName="Address" SortString="Address" SortKeySelector="item => item.Address" FilterTextboxWidth="150">\n        @context.Address\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Postal Zip" PropertyName="PostalZip" SortString="PostalZip" SortKeySelector="item => item.PostalZip" FilterTextboxWidth="80">\n        @context.PostalZip\n    </GridColumn>\n    <GridColumn TItem="Customer2" Freeze="true" FreezeDirection="FreezeDirection.Right" FreezeRightPosition="0" HeaderText="Country" PropertyName="Country" SortString="Country" SortKeySelector="item => item.Country" FilterTextboxWidth="80">\n        @context.Country\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    [Inject] public ICustomerService _customerService { get; set; } = default!;\n\n    private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request)\n    {\n        string sortString = "";\n        SortDirection sortDirection = SortDirection.None;\n\n        if (request.Sorting is not null && request.Sorting.Any())\n        {\n            // Note: Multi column sorting is not supported at this moment\n            sortString = request.Sorting.FirstOrDefault().SortString;\n            sortDirection = request.Sorting.FirstOrDefault().SortDirection;\n        }\n        var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken);\n        return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#freeze-columns"},"See demo here")),(0,a.kt)("h3",{id:"freeze-columns-with-fixed-header"},"Freeze columns with fixed header"),(0,a.kt)("img",{src:"https://i.imgur.com/qIVCEKH.png",alt:"Blazor Bootstrap: Grid Component - Freeze columns with fixed header"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{6,8,10,13,28} showLineNumbers","{6,8,10,13,28}":!0,showLineNumbers:!0},'<Grid TItem="Customer2"\n      Class="table table-hover table-bordered text-nowrap"\n      DataProvider="CustomersDataProvider"\n      AllowPaging="true"\n      AllowSorting="true"\n      FixedHeader="true"\n      Responsive="true"\n      Unit="Unit.px">\n\n    <GridColumn TItem="Customer2" Freeze="true" FreezeLeftPosition="0" HeaderText="Id" PropertyName="CustomerId" SortString="CustomerId" SortKeySelector="item => item.CustomerId" FilterTextboxWidth="50" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n        @context.CustomerId\n    </GridColumn>\n    <GridColumn TItem="Customer2" Freeze="true" FreezeLeftPosition="55.98" HeaderText="Customer Name" PropertyName="CustomerName" SortString="CustomerName" SortKeySelector="item => item.CustomerName" FilterTextboxWidth="80">\n        @context.CustomerName\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Phone" PropertyName="Phone" SortString="Phone" SortKeySelector="item => item.Phone" FilterTextboxWidth="100">\n        @context.Phone\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Email" PropertyName="Email" SortString="Email" SortKeySelector="item => item.Email" FilterTextboxWidth="120">\n        @context.Email\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Address" PropertyName="Address" SortString="Address" SortKeySelector="item => item.Address" FilterTextboxWidth="150">\n        @context.Address\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Postal Zip" PropertyName="PostalZip" SortString="PostalZip" SortKeySelector="item => item.PostalZip" FilterTextboxWidth="80">\n        @context.PostalZip\n    </GridColumn>\n    <GridColumn TItem="Customer2" Freeze="true" FreezeDirection="FreezeDirection.Right" FreezeRightPosition="0" HeaderText="Country" PropertyName="Country" SortString="Country" SortKeySelector="item => item.Country" FilterTextboxWidth="80">\n        @context.Country\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    [Inject] public ICustomerService _customerService { get; set; } = default!;\n\n    private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request)\n    {\n        string sortString = "";\n        SortDirection sortDirection = SortDirection.None;\n\n        if (request.Sorting is not null && request.Sorting.Any())\n        {\n            // Note: Multi column sorting is not supported at this moment\n            sortString = request.Sorting.FirstOrDefault().SortString;\n            sortDirection = request.Sorting.FirstOrDefault().SortDirection;\n        }\n        var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken);\n        return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#freeze-columns-with-fixed-header"},"See demo here")),(0,a.kt)("h3",{id:"freeze-columns-with-fixed-header-and-filters"},"Freeze columns with fixed header and filters"),(0,a.kt)("img",{src:"https://i.imgur.com/GzXuQep.png",alt:"Blazor Bootstrap: Grid Component - Freeze columns with fixed header and filters"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,7,9,11,14,26,29} showLineNumbers","{4,7,9,11,14,26,29}":!0,showLineNumbers:!0},'<Grid TItem="Customer2"\n      Class="table table-hover table-bordered text-nowrap"\n      DataProvider="CustomersDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      AllowSorting="true"\n      FixedHeader="true"\n      Responsive="true"\n      Unit="Unit.px">\n\n    <GridColumn TItem="Customer2" Freeze="true" FreezeLeftPosition="0" HeaderText="Id" PropertyName="CustomerId" SortString="CustomerId" SortKeySelector="item => item.CustomerId" FilterTextboxWidth="50" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n        @context.CustomerId\n    </GridColumn>\n    <GridColumn TItem="Customer2" Freeze="true" FreezeLeftPosition="131.95" HeaderText="Customer Name" PropertyName="CustomerName" SortString="CustomerName" SortKeySelector="item => item.CustomerName" FilterTextboxWidth="80">\n        @context.CustomerName\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Phone" PropertyName="Phone" SortString="Phone" SortKeySelector="item => item.Phone" FilterTextboxWidth="100">\n        @context.Phone\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Email" PropertyName="Email" SortString="Email" SortKeySelector="item => item.Email" FilterTextboxWidth="120">\n        @context.Email\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Address" PropertyName="Address" SortString="Address" SortKeySelector="item => item.Address" FilterTextboxWidth="150">\n        @context.Address\n    </GridColumn>\n    <GridColumn TItem="Customer2" Freeze="true" FreezeDirection="FreezeDirection.Right" FreezeRightPosition="171" HeaderText="Postal Zip" PropertyName="PostalZip" SortString="PostalZip" SortKeySelector="item => item.PostalZip" FilterTextboxWidth="80">\n        @context.PostalZip\n    </GridColumn>\n    <GridColumn TItem="Customer2" Freeze="true" FreezeDirection="FreezeDirection.Right" FreezeRightPosition="0" HeaderText="Country" PropertyName="Country" SortString="Country" SortKeySelector="item => item.Country" FilterTextboxWidth="80">\n        @context.Country\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    [Inject] public ICustomerService _customerService { get; set; } = default!;\n\n    private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request)\n    {\n        string sortString = "";\n        SortDirection sortDirection = SortDirection.None;\n\n        if (request.Sorting is not null && request.Sorting.Any())\n        {\n            // Note: Multi column sorting is not supported at this moment\n            sortString = request.Sorting.FirstOrDefault().SortString;\n            sortDirection = request.Sorting.FirstOrDefault().SortDirection;\n        }\n        var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken);\n        return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#freeze-columns-with-fixed-header-and-filters"},"See demo here")),(0,a.kt)("h3",{id:"auto-hide-paging"},"Auto hide paging"),(0,a.kt)("p",null,"Automatically hides the paging controls when the grid item count is less than or equal to the ",(0,a.kt)("inlineCode",{parentName:"p"},"PageSize")," and this property is set to ",(0,a.kt)("inlineCode",{parentName:"p"},"true"),"."),(0,a.kt)("img",{src:"https://i.imgur.com/YaOl8P2.png",alt:"Blazor Bootstrap: Grid Component - Auto hide paging"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5} showLineNumbers","{5}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowPaging="true"\n      AllowSorting="true"\n      AutoHidePaging="true"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      PageSize="10"\n      PageSizeSelectorVisible="true"\n      PageSizeSelectorItems="@(new int[] { 5,10,20 })"\n      Responsive="true">\n\n    <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n        @context.Designation\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n        @context.DOJ\n    </GridColumn>\n    <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n        @context.IsActive\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#auto-hide-paging"},"See demo here")),(0,a.kt)("h3",{id:"enum-filter"},"Enum filter"),(0,a.kt)("img",{src:"https://i.imgur.com/eJ9tlTH.png",alt:"Blazor Bootstrap: Grid Component - Enum filter"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Grid @ref="grid"\n       TItem="User"\n       Class="table table-hover table-bordered table-striped"\n       DataProvider="UsersDataProvider"\n       AllowFiltering="true"\n       Responsive="true">\n\n    <GridColumn TItem="User" HeaderText="Id" PropertyName="Id">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="User" HeaderText="User Name" PropertyName="Name">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="User" HeaderText="DOB" PropertyName="DOB">\n        @context.DOB\n    </GridColumn>\n    <GridColumn TItem="User" HeaderText="Status" PropertyName="Status" FilterTextboxWidth="170">\n        @context.Status\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    BlazorBootstrap.Grid<User> grid = default!;\n    private IEnumerable<User> users = default!;\n\n    protected override async Task OnAfterRenderAsync(bool firstRender)\n    {\n        await base.OnAfterRenderAsync(firstRender);\n    }\n\n    private async Task<GridDataProviderResult<User>> UsersDataProvider(GridDataProviderRequest<User> request)\n    {\n        if (users is null) // pull employees only one time for client-side filtering, sorting, and paging\n            users = GetUsers(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(users));\n    }\n\n    private IEnumerable<User> GetUsers()\n    {\n        return new List<User>\n        {\n            new User { Id = 107, Name = "Alice", DOB = new DateOnly(1998, 11, 17), Status = UserStatus.Registered },\n            new User { Id = null, Name = "Bob", DOB = new DateOnly(1985, 1, 5), Status = UserStatus.Verified },\n            new User { Id = 106, Name = "John", DOB = new DateOnly(1995, 4, 17), Status = UserStatus.Registered },\n            new User { Id = 104, Name = "Pop", DOB = new DateOnly(1985, 6, 8), Status = UserStatus.Registered },\n            new User { Id = 105, Name = "Ronald", DOB = new DateOnly(1991, 8, 23), Status = UserStatus.VerificationPending },\n            new User { Id = 102, Name = "Line", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.VerificationPending },\n            new User { Id = 101, Name = "Daniel", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.Registered },\n            new User { Id = 108, Name = "Zayne", DOB = new DateOnly(1991, 1, 1), Status = UserStatus.Verified },\n            new User { Id = 109, Name = "Isha", DOB = null, Status = UserStatus.Verified },\n            new User { Id = 110, Name = "Vijay", DOB = new DateOnly(1990, 7, 1), Status = UserStatus.Verified },\n        };\n    }\n\n    public record class User\n    {\n        public int? Id { get; set; }\n        public string? Name { get; set; }\n        public DateOnly? DOB { get; set; }\n        public UserStatus Status { get; set; }\n    }\n\n    public enum UserStatus\n    {\n        Registered,\n        VerificationPending,\n        Verified\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#enum-filter"},"See demo here")),(0,a.kt)("h3",{id:"guid-filter"},"Guid filter"),(0,a.kt)("img",{src:"https://i.imgur.com/0ZuKyGX.png",alt:"Blazor Bootstrap: Grid Component - Guid filter"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{","{":!0},'<Grid @ref="grid"\n       TItem="User"\n       Class="table table-hover table-bordered table-striped"\n       DataProvider="UsersDataProvider"\n       AllowFiltering="true"\n       Responsive="true">\n\n    <GridColumn TItem="User" HeaderText="Oid" PropertyName="Oid" FilterTextboxWidth="240">\n        @context.Oid\n    </GridColumn>\n    <GridColumn TItem="User" HeaderText="Id" PropertyName="Id" FilterTextboxWidth="70">\n        @context.Id\n    </GridColumn>\n    <GridColumn TItem="User" HeaderText="User Name" PropertyName="Name" FilterTextboxWidth="100">\n        @context.Name\n    </GridColumn>\n    <GridColumn TItem="User" HeaderText="DOB" PropertyName="DOB">\n        @context.DOB\n    </GridColumn>\n    <GridColumn TItem="User" HeaderText="Status" PropertyName="Status" FilterTextboxWidth="170">\n        @context.Status\n    </GridColumn>\n\n</Grid>\n} showLineNumbers\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    BlazorBootstrap.Grid<User> grid = default!;\n    private IEnumerable<User> users = default!;\n\n    protected override async Task OnAfterRenderAsync(bool firstRender)\n    {\n        await base.OnAfterRenderAsync(firstRender);\n    }\n\n    private async Task<GridDataProviderResult<User>> UsersDataProvider(GridDataProviderRequest<User> request)\n    {\n        if (users is null) // pull employees only one time for client-side filtering, sorting, and paging\n            users = GetUsers(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(users));\n    }\n\n    private IEnumerable<User> GetUsers()\n    {\n        return new List<User>\n        {\n            new User { Oid = Guid.NewGuid(), Id = 107, Name = "Alice", DOB = new DateOnly(1998, 11, 17), Status = UserStatus.Registered },\n            new User { Oid = Guid.NewGuid(), Id = null, Name = "Bob", DOB = new DateOnly(1985, 1, 5), Status = UserStatus.Verified },\n            new User { Oid = Guid.NewGuid(), Id = 106, Name = "John", DOB = new DateOnly(1995, 4, 17), Status = UserStatus.Registered },\n            new User { Oid = Guid.NewGuid(), Id = 104, Name = "Pop", DOB = new DateOnly(1985, 6, 8), Status = UserStatus.Registered },\n            new User { Oid = Guid.NewGuid(), Id = 105, Name = "Ronald", DOB = new DateOnly(1991, 8, 23), Status = UserStatus.VerificationPending },\n            new User { Oid = Guid.NewGuid(), Id = 102, Name = "Line", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.VerificationPending },\n            new User { Oid = Guid.NewGuid(), Id = 101, Name = "Daniel", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.Registered },\n            new User { Oid = Guid.NewGuid(), Id = 108, Name = "Zayne", DOB = new DateOnly(1991, 1, 1), Status = UserStatus.Verified },\n            new User { Oid = Guid.NewGuid(), Id = 109, Name = "Isha", DOB = null, Status = UserStatus.Verified },\n            new User { Oid = Guid.NewGuid(), Id = 110, Name = "Vijay", DOB = new DateOnly(1990, 7, 1), Status = UserStatus.Verified },\n        };\n    }\n\n    public record class User\n    {\n        public Guid Oid { get; set; }\n        public int? Id { get; set; }\n        public string? Name { get; set; }\n        public DateOnly? DOB { get; set; }\n        public UserStatus Status { get; set; }\n    }\n\n    public enum UserStatus\n    {\n        Registered,\n        VerificationPending,\n        Verified\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#guid-filter"},"See demo here")))}c.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/28293836.4389f17c.js b/assets/js/28293836.4389f17c.js
new file mode 100644
index 000000000..975cda975
--- /dev/null
+++ b/assets/js/28293836.4389f17c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[21100],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,kt:()=>g});var r=n(67294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=r.createContext({}),s=function(e){var t=r.useContext(m),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},d=function(e){var t=s(e.components);return r.createElement(m.Provider,{value:t},e.children)},p="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},c=r.forwardRef((function(e,t){var n=e.components,a=e.mdxType,i=e.originalType,m=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),p=s(n),c=a,g=p["".concat(m,".").concat(c)]||p[c]||u[c]||i;return n?r.createElement(g,o(o({ref:t},d),{},{components:n})):r.createElement(g,o({ref:t},d))}));function g(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var i=n.length,o=new Array(i);o[0]=c;var l={};for(var m in t)hasOwnProperty.call(t,m)&&(l[m]=t[m]);l.originalType=e,l[p]="string"==typeof e?e:a,o[1]=l;for(var s=2;s<i;s++)o[s]=n[s];return r.createElement.apply(null,o)}return r.createElement.apply(null,n)}c.displayName="MDXCreateElement"},74404:(e,t,n)=>{n.d(t,{ZP:()=>d});var r=n(87462),a=n(67294),i=n(3905);class o extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const l=o,m={toc:[]},s="wrapper";function d(e){let{components:t,...n}=e;return(0,i.kt)(s,(0,r.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)(l,{mdxType:"CarbonAd"}))}d.isMDXComponent=!0},38238:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>l,default:()=>c,frontMatter:()=>o,metadata:()=>m,toc:()=>d});var r=n(87462),a=(n(67294),n(3905)),i=n(74404);const o={title:"Blazor Grid Component",description:"Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting.",image:"https://i.imgur.com/kKNgo2I.png",sidebar_label:"Grid",sidebar_position:12},l="Blazor Grid",m={unversionedId:"components/grid",id:"components/grid",title:"Blazor Grid Component",description:"Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting.",source:"@site/docs/05-components/grid.mdx",sourceDirName:"05-components",slug:"/components/grid",permalink:"/components/grid",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/grid.mdx",tags:[],version:"current",sidebarPosition:12,frontMatter:{title:"Blazor Grid Component",description:"Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting.",image:"https://i.imgur.com/kKNgo2I.png",sidebar_label:"Grid",sidebar_position:12},sidebar:"tutorialSidebar",previous:{title:"Dropdown",permalink:"/components/dropdown"},next:{title:"Modal",permalink:"/components/modal"}},s={},d=[{value:"Grid Parameters",id:"grid-parameters",level:2},{value:"Grid Callback Events",id:"grid-callback-events",level:2},{value:"Grid Methods",id:"grid-methods",level:2},{value:"GridColumn Parameters",id:"gridcolumn-parameters",level:2},{value:"GridSettings Properties",id:"gridsettings-properties",level:2},{value:"Examples",id:"examples",level:2},{value:"Client side filtering",id:"client-side-filtering",level:3},{value:"Client side filtering with string comparision",id:"client-side-filtering-with-string-comparision",level:3},{value:"Client side paging",id:"client-side-paging",level:3},{value:"Client side sorting",id:"client-side-sorting",level:3},{value:"Client side filtering, paging, and sorting",id:"client-side-filtering-paging-and-sorting",level:3},{value:"Set default filter",id:"set-default-filter",level:3},{value:"Disable specific column filter",id:"disable-specific-column-filter",level:3},{value:"Increase filter textbox width",id:"increase-filter-textbox-width",level:3},{value:"Server side filtering, paging and sorting",id:"server-side-filtering-paging-and-sorting",level:3},{value:"Set default sorting",id:"set-default-sorting",level:3},{value:"Disable specific column sorting",id:"disable-specific-column-sorting",level:3},{value:"Header text alignment",id:"header-text-alignment",level:3},{value:"Cell alignment",id:"cell-alignment",level:3},{value:"Cell formating",id:"cell-formating",level:3},{value:"Cell nowrap",id:"cell-nowrap",level:3},{value:"Empty data",id:"empty-data",level:3},{value:"Empty data template",id:"empty-data-template",level:3},{value:"Save and Load Grid Settings",id:"save-and-load-grid-settings",level:3},{value:"Data parameter - Assign collection",id:"data-parameter---assign-collection",level:3},{value:"Data parameter - Update collection",id:"data-parameter---update-collection",level:3},{value:"Conditional css class for grid row",id:"conditional-css-class-for-grid-row",level:3},{value:"Conditional css class for grid column",id:"conditional-css-class-for-grid-column",level:3},{value:"Column class",id:"column-class",level:3},{value:"Custom column headers",id:"custom-column-headers",level:3},{value:"Selection",id:"selection",level:3},{value:"Multiple selection",id:"multiple-selection",level:3},{value:"Disable selection",id:"disable-selection",level:3},{value:"Change selected row background color",id:"change-selected-row-background-color",level:3},{value:"Dynamic page size",id:"dynamic-page-size",level:3},{value:"Page size selection",id:"page-size-selection",level:3},{value:"Header row css class",id:"header-row-css-class",level:3},{value:"Filters row css class",id:"filters-row-css-class",level:3},{value:"Row click event",id:"row-click-event",level:3},{value:"Row double click event",id:"row-double-click-event",level:3},{value:"Translations",id:"translations",level:3},{value:"Fixed header",id:"fixed-header",level:3},{value:"Fixed header with filters",id:"fixed-header-with-filters",level:3},{value:"Freeze columns",id:"freeze-columns",level:3},{value:"Freeze columns with fixed header",id:"freeze-columns-with-fixed-header",level:3},{value:"Freeze columns with fixed header and filters",id:"freeze-columns-with-fixed-header-and-filters",level:3},{value:"Auto hide paging",id:"auto-hide-paging",level:3},{value:"Enum filter",id:"enum-filter",level:3},{value:"Guid filter",id:"guid-filter",level:3},{value:"Detail View",id:"detail-view",level:3},{value:"Nested Grid",id:"nested-grid",level:3}],p={toc:d},u="wrapper";function c(e){let{components:t,...n}=e;return(0,a.kt)(u,(0,r.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"blazor-grid"},"Blazor Grid"),(0,a.kt)("p",null,"Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting."),(0,a.kt)(i.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("img",{src:"https://i.imgur.com/kKNgo2I.png",alt:"Blazor Bootstrap: Grid Component"}),(0,a.kt)("h2",{id:"grid-parameters"},"Grid Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"AllowDetailView"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets a value indicating whether the grid detail view is enabled."),(0,a.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"AllowFiltering"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid filtering."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"AllowPaging"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid paging."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"AllowRowClick"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the allow row click."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.5")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"AllowSelection"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid selection."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"AllowSorting"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid sorting."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"AutoHidePaging"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Automatically hides the paging controls when the grid item count is less than or equal to the ",(0,a.kt)("inlineCode",{parentName:"td"},"PageSize")," and this property is set to ",(0,a.kt)("inlineCode",{parentName:"td"},"true"),"."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.5")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"ChildContent"),(0,a.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the content to be rendered within the component."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Data"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IEnumerable<TItem>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid data."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.4.3")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"DataProvider"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"GridDataProviderDelegate<TItem>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"DataProvider is for items to render. The provider should always return an instance of ",(0,a.kt)("inlineCode",{parentName:"td"},"GridDataProviderResult"),", and ",(0,a.kt)("inlineCode",{parentName:"td"},"null")," is not allowed."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"DisableAllRowsSelection"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Func<IEnumerable<TItem>, bool>?")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Enable or disable the header checkbox selection."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"DisableRowSelection"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Func<TItem, bool>?")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Enable or disable the row level checkbox selection."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"EmptyDataTemplate"),(0,a.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Template to render when there are no rows to display."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"EmptyText"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"No records to display")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Shows text on no records."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FiltersRowCssClass"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the filters row css class."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.2")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FiltersTranslationProvider"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"GridFiltersTranslationDelegate")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Filters transalation is for grid filters to render. The provider should always return a 'FilterOperatorInfo' collection, and 'null' is not allowed."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FixedHeader"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid fixed header."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.3")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"GridContainerClass"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid container css class."),(0,a.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"GridContainerStyle"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid container css style."),(0,a.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"HeaderRowCssClass"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the header row css class but not the thead tag class."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.2")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Height"),(0,a.kt)("td",{parentName:"tr",align:"left"},"float"),(0,a.kt)("td",{parentName:"tr",align:"left"},"320 pixels"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid height."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.3")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"ItemsPerPageText"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Items per page")),(0,a.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the items per page text."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.5")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PageSize"),(0,a.kt)("td",{parentName:"tr",align:"left"},"int"),(0,a.kt)("td",{parentName:"tr",align:"left"},"10"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the page size."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PageSizeSelectorItems"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"int[]")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"new int[] { 10, 20, 50 }")),(0,a.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the page size selector items."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PageSizeSelectorVisible"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the page size selector visible."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PaginationItemsTextFormat"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"{0} - {1} of {2} items")),(0,a.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the pagination items text format."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Responsive"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets a value indicating whether Grid is responsive."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"RowClass"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Func<TItem, string>?")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the row class."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.6.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"SelectionMode"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"GridSelectionMode")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"GridSelectionMode.Single")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the grid selection mode."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"SettingsProvider"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"GridSettingsProviderDelegate")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Settings are for the grid to render. The provider should always return an instance of 'GridSettings', and 'null' is not allowed."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"THeadCssClass"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"string?")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the thead css class."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.3")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Unit"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Unit")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Unit.px")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the units."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.3")))),(0,a.kt)("admonition",{title:"IMPORTANT",type:"note"},(0,a.kt)("p",{parentName:"admonition"},"Grid requires either ",(0,a.kt)("inlineCode",{parentName:"p"},"Data")," or ",(0,a.kt)("inlineCode",{parentName:"p"},"DataProvider")," parameter, but not both.")),(0,a.kt)("h2",{id:"grid-callback-events"},"Grid Callback Events"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"GridSettingsChanged"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"EventCallback<GridSettings>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"This event is fired when the grid state is changed."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"OnRowClick"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"EventCallback<GridRowEventArgs<TItem>>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"This event is triggered when the user clicks on the row. Set AllowRowClick to true to enable row clicking."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.5")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"OnRowDoubleClick"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"EventCallback<GridRowEventArgs<TItem>>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"This event is triggered when the user double clicks on the row. Set AllowRowClick to true to enable row double clicking."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.5")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"SelectedItemsChanged"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"EventCallback<HashSet<TItem>>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"This event is fired when the items selection changed."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.8.0")))),(0,a.kt)("h2",{id:"grid-methods"},"Grid Methods"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Return Type"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"GetFilters()"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IEnumerable<FilterItem>")),(0,a.kt)("td",{parentName:"tr",align:"left"},"Get filters."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"RefreshDataAsync(CancellationToken cancellationToken = default)"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Task"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Refresh the grid data."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"ResetPageNumber()"),(0,a.kt)("td",{parentName:"tr",align:"left"},"ValueTask"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Reset the page number to 1 and refresh the grid."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.4.3")))),(0,a.kt)("h2",{id:"gridcolumn-parameters"},"GridColumn Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"ChildContent"),(0,a.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the content to be rendered within the component."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"ColumnClass"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Func<TItem, string>?")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the column class."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.6.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Filterable"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"true"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"If true, filter is enabled. The filter is enabled or disabled based on the grid ",(0,a.kt)("inlineCode",{parentName:"td"},"AllowFiltering")," parameter."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FilterButtonColor"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"ButtonColor")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"ButtonColor.Light")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the filter button color."),(0,a.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FilterButtonCSSClass"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"string?")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the filter button CSS class."),(0,a.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FilterOperator"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"FilterOperator")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"FilterOperator.None")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the filter operator."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FilterTextboxWidth"),(0,a.kt)("td",{parentName:"tr",align:"left"},"int"),(0,a.kt)("td",{parentName:"tr",align:"left"},"0"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the filter textbox width in pixels."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FilterValue"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the filter value."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Freeze"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Indicates whether the column is frozen."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.4")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FreezeDirection"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"FreezeDirection")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"FreezeDirection.Left")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the freeze direction of the column."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.4")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FreezeLeftPosition"),(0,a.kt)("td",{parentName:"tr",align:"left"},"double"),(0,a.kt)("td",{parentName:"tr",align:"left"},"0"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the horizontal position of the column from left. It has no effect on non-positioned columns."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.4")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"FreezeRightPosition"),(0,a.kt)("td",{parentName:"tr",align:"left"},"double"),(0,a.kt)("td",{parentName:"tr",align:"left"},"0"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the horizontal position of the column from right. It has no effect on non-positioned columns."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.10.4")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"HeaderContent"),(0,a.kt)("td",{parentName:"tr",align:"left"},"RenderFragment"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the header content."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.7.3")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"HeaderText"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the table column header text."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"HeaderTextAlignment"),(0,a.kt)("td",{parentName:"tr",align:"left"},"enum"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.Start")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the header text alignment. Use ",(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.Start")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.Center")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.End"),"."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"IsDefaultSortColumn"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the default sort column."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PropertyName"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the property name. This is required when ",(0,a.kt)("inlineCode",{parentName:"td"},"AllowFiltering")," is true."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Sortable"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"true"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Enable or disable the sorting on a specific column. The sorting is enabled or disabled based on the grid ",(0,a.kt)("inlineCode",{parentName:"td"},"AllowSorting")," parameter."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"SortDirection"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"SortDirection")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"SortDirection.None")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the default sort direction of a column. Use ",(0,a.kt)("inlineCode",{parentName:"td"},"SortDirection.Ascending")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"SortDirection.Descending")),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"SortKeySelector"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Expression<Func<TItem, IComparable>>")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Expression used for sorting."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"SortString"),(0,a.kt)("td",{parentName:"tr",align:"left"},"string"),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the column sort string. This string is passed to the backend/API for sorting. And it is ignored for client-side sorting."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"StringComparison"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.OrdinalIgnoreCase")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the StringComparison. Use ",(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.CurrentCulture")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.CurrentCultureIgnoreCase")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.InvariantCulture")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.InvariantCultureIgnoreCase")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.Ordinal")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"StringComparison.OrdinalIgnoreCase"),"."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"TextAlignment"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Alignment")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.Start")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the text alignment. Use ",(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.Start")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.Center")," or ",(0,a.kt)("inlineCode",{parentName:"td"},"Alignment.End"),"."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"TextNoWrap"),(0,a.kt)("td",{parentName:"tr",align:"left"},"bool"),(0,a.kt)("td",{parentName:"tr",align:"left"},"false"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets text nowrap."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,a.kt)("h2",{id:"gridsettings-properties"},"GridSettings Properties"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PageNumber"),(0,a.kt)("td",{parentName:"tr",align:"left"},"int"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Page number."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"PageSize"),(0,a.kt)("td",{parentName:"tr",align:"left"},"int"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Size of the page."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Filters"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IEnumerable<FilterItem>")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Current filters."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,a.kt)("h2",{id:"examples"},"Examples"),(0,a.kt)("h3",{id:"client-side-filtering"},"Client side filtering"),(0,a.kt)("p",null,"For filtering, ",(0,a.kt)("inlineCode",{parentName:"p"},"AllowFiltering")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"PropertyName")," parameters are required.\nAdd ",(0,a.kt)("inlineCode",{parentName:"p"},'AllowFiltering="true"')," parameter to Grid and ",(0,a.kt)("inlineCode",{parentName:"p"},"PropertyName")," parameter to all the GridColumns."),(0,a.kt)("img",{src:"https://i.imgur.com/Clr8W11.png",alt:"Blazor Bootstrap: Grid Component - Client side filtering"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5,9,12,15,18,21} showLineNumbers","{5,9,12,15,18,21}":!0,showLineNumbers:!0},'<Grid @ref="grid"\n      TItem="Employee4"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee4" HeaderText="Id" PropertyName="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="Employee Name" PropertyName="Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/filters#client-side-filtering"},"See demo here")),(0,a.kt)("h3",{id:"client-side-filtering-with-string-comparision"},"Client side filtering with string comparision"),(0,a.kt)("p",null,"In the below example, ",(0,a.kt)("inlineCode",{parentName:"p"},"StringComparision.Ordinal")," is used on the ",(0,a.kt)("strong",{parentName:"p"},"Employee Name")," column to make the filter case-sensitive."),(0,a.kt)("admonition",{type:"info"},(0,a.kt)("p",{parentName:"admonition"},"By default, ",(0,a.kt)("code",null,"StringComparison.OrdinalIgnoreCase")," is used to compare culture-agnostic and case-insensitive string matching.")),(0,a.kt)("img",{src:"https://i.imgur.com/yLzUB8I.png",alt:"Blazor Bootstrap: Grid Component - Client side filtering with string comparision"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,8,11,14,17,20} showLineNumbers","{4,8,11,14,17,20}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" StringComparison="StringComparison.Ordinal">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/filters#client-side-filtering-with-string-comparision"},"See demo here")),(0,a.kt)("h3",{id:"client-side-paging"},"Client side paging"),(0,a.kt)("p",null,"For paging, ",(0,a.kt)("inlineCode",{parentName:"p"},"AllowPaging")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"PageSize")," parameters are required.\nAdd ",(0,a.kt)("inlineCode",{parentName:"p"},'AllowPaging="true"')," and ",(0,a.kt)("inlineCode",{parentName:"p"},'PageSize="20"')," parameters to the Grid. ",(0,a.kt)("inlineCode",{parentName:"p"},"PageSize")," parameter is optional. "),(0,a.kt)("img",{src:"https://i.imgur.com/WXwUqgX.png",alt:"Blazor Bootstrap: Grid Component - Client side paging"}),(0,a.kt)("admonition",{title:"INFO",type:"info"},(0,a.kt)("p",{parentName:"admonition"},"The default page size is 10.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4} showLineNumbers","{4}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowPaging="true"\n      PageSize="5"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/paging#client-side-paging"},"See demo here")),(0,a.kt)("h3",{id:"client-side-sorting"},"Client side sorting"),(0,a.kt)("p",null,"For sorting, ",(0,a.kt)("inlineCode",{parentName:"p"},"AllowSorting")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"SortKeySelector")," parameters are required.\nAdd ",(0,a.kt)("inlineCode",{parentName:"p"},'AllowSorting="true"')," parameter to Grid and ",(0,a.kt)("inlineCode",{parentName:"p"},"SortKeySelector")," to all the GridColumns."),(0,a.kt)("img",{src:"https://i.imgur.com/wkIWG5S.png",alt:"Blazor Bootstrap: Grid Component - Client side sorting"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{2,8,12,16,20,24} showLineNumbers","{2,8,12,16,20,24}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      AllowSorting="true"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/sorting#client-side-sorting"},"See demo here")),(0,a.kt)("h3",{id:"client-side-filtering-paging-and-sorting"},"Client side filtering, paging, and sorting"),(0,a.kt)("img",{src:"https://i.imgur.com/wZ0cQiO.png",alt:"Blazor Bootstrap: Grid Component - Client side filtering, paging, and sorting"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,5,6,7} showLineNumbers","{4,5,6,7}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      PageSize="5"\n      AllowSorting="true"\n      AllowSelection="true"\n      SelectionMode="GridSelectionMode.Multiple"\n      SelectedItemsChanged="OnSelectedItemsChanged"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<div class="mt-3">\n    Selected Items Count: @selectedEmployees.Count\n</div>\n\n<div class="mt-2">\n    Selected Employees:\n    <ul>\n        @foreach (var emp in selectedEmployees)\n        {\n            <li>@emp.Name</li>\n        }\n    </ul>\n</div>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private HashSet<Employee1> selectedEmployees = new();\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n\n    private Task OnSelectedItemsChanged(HashSet<Employee1> employees)\n    {\n        selectedEmployees = employees is not null && employees.Any() ? employees : new();\n        return Task.CompletedTask;\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/overview#client-side-filtering-paging-sorting"},"See demo here")),(0,a.kt)("h3",{id:"set-default-filter"},"Set default filter"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"FilterOperator")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"FilterValue")," parameters are required to set the default filter. "),(0,a.kt)("img",{src:"https://i.imgur.com/jog5EA4.png",alt:"Blazor Bootstrap: Grid Component - Set default filter"}),(0,a.kt)("admonition",{title:"TIP",type:"tip"},(0,a.kt)("p",{parentName:"admonition"},"You can set the default filter on more than one GridColumn.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,8} showLineNumbers","{4,8}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" FilterOperator="FilterOperator.GreaterThanOrEquals" FilterValue="105">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1>? employees;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/filters#set-default-filter"},"See demo here")),(0,a.kt)("h3",{id:"disable-specific-column-filter"},"Disable specific column filter"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"Filterable")," parameter is required to disable the filter on a specific column.\nAdd ",(0,a.kt)("inlineCode",{parentName:"p"},'Filterable="false"')," parameter to GridColumn. The column filter is disabled on the Id column in the below example."),(0,a.kt)("img",{src:"https://i.imgur.com/oGeA4VO.png",alt:"Blazor Bootstrap: Grid Component - Disable specific column filter"}),(0,a.kt)("admonition",{title:"INFO",type:"info"},(0,a.kt)("p",{parentName:"admonition"},"By default, ",(0,a.kt)("inlineCode",{parentName:"p"},'Filterable="true"')," on all the columns if the ",(0,a.kt)("inlineCode",{parentName:"p"},"AllowFiltering")," parameter is set to ",(0,a.kt)("inlineCode",{parentName:"p"},"true")," on the grid.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,8} showLineNumbers","{4,8}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" Filterable="false">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" Filterable="false">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1>? employees;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/filters#disable-specific-column-filter"},"See demo here")),(0,a.kt)("h3",{id:"increase-filter-textbox-width"},"Increase filter textbox width"),(0,a.kt)("p",null,"Add ",(0,a.kt)("inlineCode",{parentName:"p"},"FilterTextboxWidth")," parameter to the GridColumn to increase or decrease the filter textbox width, ",(0,a.kt)("inlineCode",{parentName:"p"},"FilterTextboxWidth")," parameter is optional."),(0,a.kt)("img",{src:"https://i.imgur.com/eWXiHr0.png",alt:"Blazor Bootstrap: Grid Component - Increase filter textbox width"}),(0,a.kt)("admonition",{title:"NOTE",type:"note"},(0,a.kt)("p",{parentName:"admonition"},"Filter textbox width measured in pixels.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,8,11,14} showLineNumbers","{4,8,11,14}":!0,showLineNumbers:!0},'<Grid TItem="Employee3"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee3" HeaderText="Id" PropertyName="Id" FilterTextboxWidth="80">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="First Name" PropertyName="FirstName" FilterTextboxWidth="80">\n            @context.FirstName\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="Last Name" PropertyName="LastName" FilterTextboxWidth="80">\n            @context.LastName\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="Email" PropertyName="Email">\n            @context.Email\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="Company" TextNoWrap="true" PropertyName="Company">\n            @context.Company\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="Designation" TextNoWrap="true" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="Salary" HeaderTextAlignment="Alignment.End" TextAlignment="Alignment.End" PropertyName="Salary" FilterTextboxWidth="80">\n            @context.Salary.ToString("N2")\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="Active" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee3>? employees;\n\n    private async Task<GridDataProviderResult<Employee3>> EmployeesDataProvider(GridDataProviderRequest<Employee3> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee3> GetEmployees()\n    {\n        return new List<Employee3>\n        {\n            new Employee3 { Id = 107, FirstName = "Alice", LastName = "Reddy", Email = "alice@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), Salary = 7700, IsActive = true },\n            new Employee3 { Id = 103, FirstName = "Bob", LastName = "Roy", Email = "bob@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), Salary = 19000, IsActive = true },\n            new Employee3 { Id = 106, FirstName = "John", LastName = "Papa", Email = "john@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), Salary = 12000, IsActive = true },\n            new Employee3 { Id = 104, FirstName = "Pop", LastName = "Two", Email = "pop@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), Salary = 19000, IsActive = false },\n            new Employee3 { Id = 105, FirstName = "Ronald", LastName = "Dire", Email = "ronald@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), Salary = 16500.50M, IsActive = true },\n            new Employee3 { Id = 102, FirstName = "Line", LastName = "K", Email = "line@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), Salary = 24000, IsActive = true },\n            new Employee3 { Id = 101, FirstName = "Daniel", LastName = "Potter", Email = "daniel@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), Salary = 21000, IsActive = true },\n            new Employee3 { Id = 108, FirstName = "Zayne", LastName = "Simmons", Email = "zayne@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), Salary = 17850, IsActive = true },\n            new Employee3 { Id = 109, FirstName = "Isha", LastName = "Davison", Email = "isha@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), Salary = 8000, IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/filters#increase-filter-textbox-width"},"See demo here")),(0,a.kt)("h3",{id:"server-side-filtering-paging-and-sorting"},"Server side filtering, paging and sorting"),(0,a.kt)("img",{src:"https://i.imgur.com/xHVXTew.png",alt:"Blazor Bootstrap: Grid Component - Server side filtering, paging and sorting"}),(0,a.kt)("admonition",{title:"NOTE",type:"note"},(0,a.kt)("p",{parentName:"admonition"},"For server-side sorting, we need the ",(0,a.kt)("inlineCode",{parentName:"p"},"SortString")," parameter on GridColumn along with the ",(0,a.kt)("inlineCode",{parentName:"p"},"SortKeySelector")," parameter.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,5,6} showLineNumbers","{4,5,6}":!0,showLineNumbers:!0},'<Grid TItem="Customer2"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="CustomersDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      AllowSorting="true"\n      Responsive="true">\n\n    <GridColumn TItem="Customer2" HeaderText="Id" PropertyName="CustomerId" SortString="CustomerId" SortKeySelector="item => item.CustomerId" FilterTextboxWidth="50" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n        @context.CustomerId\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Customer Name" PropertyName="CustomerName" SortString="CustomerName" SortKeySelector="item => item.CustomerName" FilterTextboxWidth="80">\n        @context.CustomerName\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Phone" PropertyName="Phone" SortString="Phone" SortKeySelector="item => item.Phone" FilterTextboxWidth="100">\n        @context.Phone\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Email" PropertyName="Email" SortString="Email" SortKeySelector="item => item.Email" FilterTextboxWidth="120">\n        @context.Email\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Address" PropertyName="Address" SortString="Address" SortKeySelector="item => item.Address" FilterTextboxWidth="150">\n        @context.Address\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Postal Zip" PropertyName="PostalZip" SortString="PostalZip" SortKeySelector="item => item.PostalZip" FilterTextboxWidth="80">\n        @context.PostalZip\n    </GridColumn>\n    <GridColumn TItem="Customer2" HeaderText="Country" PropertyName="Country" SortString="Country" SortKeySelector="item => item.Country" FilterTextboxWidth="80">\n        @context.Country\n    </GridColumn>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},'@code {\n    [Inject] public ICustomerService _customerService { get; set; } = default!;\n\n    private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request)\n    {\n        string sortString = "";\n        SortDirection sortDirection = SortDirection.None;\n\n        if (request.Sorting is not null && request.Sorting.Any())\n        {\n            // Note: Multi column sorting is not supported at this moment\n            sortString = request.Sorting.FirstOrDefault()!.SortString;\n            sortDirection = request.Sorting.FirstOrDefault()!.SortDirection;\n        }\n        var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken);\n        return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/overview#server-side-filtering-paging-sorting"},"See demo here")),(0,a.kt)("h3",{id:"set-default-sorting"},"Set default sorting"),(0,a.kt)("p",null,(0,a.kt)("inlineCode",{parentName:"p"},"IsDefaultSortColumn")," parameter is required to set the default sorting. Add ",(0,a.kt)("inlineCode",{parentName:"p"},'IsDefaultSortColumn="true"')," parameter to the GridColumn.\nThe default sort direction will be ",(0,a.kt)("strong",{parentName:"p"},"ascending"),". To change the default sorting of a column, add ",(0,a.kt)("inlineCode",{parentName:"p"},'SortDirection="SortDirection.Descending"')," to the GridColumn."),(0,a.kt)("img",{src:"https://i.imgur.com/WxULPS6.png",alt:"Blazor Bootstrap: Grid Component - Set default sorting"}),(0,a.kt)("admonition",{title:"INFO",type:"info"},(0,a.kt)("p",{parentName:"admonition"},"If more than one GridColumn has the ",(0,a.kt)("inlineCode",{parentName:"p"},"IsDefaultSortColumn")," paramter, it will pick the first column as the default sorting column.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,10} showLineNumbers","{4,10}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowSorting="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="@(item => item.Id)">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="@(item => item.Name)" IsDefaultSortColumn="true" SortDirection="SortDirection.Descending">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="@(item => item.Designation)">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="@(item => item.DOJ)">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="@(item => item.IsActive)">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1>? employees;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/sorting#set-default-sorting"},"See demo here")),(0,a.kt)("h3",{id:"disable-specific-column-sorting"},"Disable specific column sorting"),(0,a.kt)("p",null,"Add ",(0,a.kt)("inlineCode",{parentName:"p"},'Sortable="false"')," parameter the GridColumn to disable the sorting. "),(0,a.kt)("admonition",{title:"INFO",type:"info"},(0,a.kt)("p",{parentName:"admonition"},"If sorting is disabled, then the ",(0,a.kt)("inlineCode",{parentName:"p"},"SortKeySelector")," parameter is not required.")),(0,a.kt)("p",null,"The sorting is disabled on the Designation column in the below example."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,13} showLineNumbers","{4,13}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowSorting="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="@(item => item.Id)">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="@(item => item.Name)">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" Sortable="false">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="@(item => item.DOJ)">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="@(item => item.IsActive)">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1>? employees;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/sorting#disable-specific-column-sorting"},"See demo here")),(0,a.kt)("h3",{id:"header-text-alignment"},"Header text alignment"),(0,a.kt)("p",null,"Use the ",(0,a.kt)("inlineCode",{parentName:"p"},"HeaderTextAlignment")," parameter to change the header column alignment.\nBy default, ",(0,a.kt)("inlineCode",{parentName:"p"},"HeaderTextAlignment")," is set to Alignment.Start. Other options you can use are ",(0,a.kt)("inlineCode",{parentName:"p"},"Alignment.Center")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"Alignment.End"),"."),(0,a.kt)("img",{src:"https://i.imgur.com/gWgIESD.png",alt:"Blazor Bootstrap: Grid Component - Header text alignment"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{6,12,15,18} showLineNumbers","{6,12,15,18}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" HeaderTextAlignment="Alignment.Center">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" HeaderTextAlignment="Alignment.Center">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" HeaderTextAlignment="Alignment.Center">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" HeaderTextAlignment="Alignment.End">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1>? employees;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/alignment#header-text-alignment"},"See demo here")),(0,a.kt)("h3",{id:"cell-alignment"},"Cell alignment"),(0,a.kt)("p",null,"Use the ",(0,a.kt)("inlineCode",{parentName:"p"},"TextAlignment")," parameter to change the cell data alignment.\nBy default, ",(0,a.kt)("inlineCode",{parentName:"p"},"TextAlignment")," is set to ",(0,a.kt)("inlineCode",{parentName:"p"},"Alignment.Start"),". Other options you can use are ",(0,a.kt)("inlineCode",{parentName:"p"},"Alignment.Center")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"Alignment.End"),"."),(0,a.kt)("img",{src:"https://i.imgur.com/0OKp4yd.png",alt:"Blazor Bootstrap: Grid Component - Cell alignment"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{6,15,18} showLineNumbers","{6,15,18}":!0,showLineNumbers:!0},'<Grid TItem="Employee2"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider">\n\n    <GridColumns>\n        <GridColumn TItem="Employee2" HeaderText="Id" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee2" HeaderText="Employee Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee2" HeaderText="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee2" HeaderText="Salary" HeaderTextAlignment="Alignment.End" TextAlignment="Alignment.End">\n            @context.Salary\n        </GridColumn>\n        <GridColumn TItem="Employee2" HeaderText="Active" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee2>? employees;\n\n    private async Task<GridDataProviderResult<Employee2>> EmployeesDataProvider(GridDataProviderRequest<Employee2> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee2> GetEmployees()\n    {\n        return new List<Employee2>\n        {\n            new Employee2 { Id = 107, Name = "Alice", Designation = "AI Engineer", Salary = 7700, IsActive = true },\n            new Employee2 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", Salary = 19000, IsActive = true },\n            new Employee2 { Id = 106, Name = "John", Designation = "Data Engineer", Salary = 12000, IsActive = true },\n            new Employee2 { Id = 104, Name = "Pop", Designation = "Associate Architect", Salary = 19000, IsActive = false },\n            new Employee2 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", Salary = 16500.50M, IsActive = true },\n            new Employee2 { Id = 102, Name = "Line", Designation = "Architect", Salary = 24000, IsActive = true },\n            new Employee2 { Id = 101, Name = "Daniel", Designation = "Architect", Salary = 21000, IsActive = true },\n            new Employee2 { Id = 108, Name = "Zayne", Designation = "Data Analyst", Salary = 17850, IsActive = true },\n            new Employee2 { Id = 109, Name = "Isha", Designation = "App Maker", Salary = 8000, IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/alignment#cell-alignment"},"See demo here")),(0,a.kt)("h3",{id:"cell-formating"},"Cell formating"),(0,a.kt)("p",null,"To format the cell data, use ",(0,a.kt)("inlineCode",{parentName:"p"},"ToString()")," method and format strings. Refer: ",(0,a.kt)("a",{parentName:"p",href:"https://docs.microsoft.com/en-us/dotnet/standard/base-types/formatting-types"},"How to format numbers, dates, enums, and other types in .NET")),(0,a.kt)("img",{src:"https://i.imgur.com/MitfasL.png",alt:"Blazor Bootstrap: Grid Component - Cell formating"}),(0,a.kt)("admonition",{title:"EXAMPLE",type:"tip"},(0,a.kt)("p",{parentName:"admonition"},'@context.Salary.ToString("N2")')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{17} showLineNumbers","{17}":!0,showLineNumbers:!0},'<Grid TItem="Employee2" class="table table-hover table-bordered table-striped" DataProvider="EmployeesDataProvider">\n<Grid TItem="Employee2"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider">\n\n    <GridColumns>\n        <GridColumn TItem="Employee2" HeaderText="Id" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee2" HeaderText="Employee Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee2" HeaderText="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee2" HeaderText="Salary" HeaderTextAlignment="Alignment.End" TextAlignment="Alignment.End">\n            @context.Salary.ToString("N2")\n        </GridColumn>\n        <GridColumn TItem="Employee2" HeaderText="Active" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee2>? employees;\n\n    private async Task<GridDataProviderResult<Employee2>> EmployeesDataProvider(GridDataProviderRequest<Employee2> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee2> GetEmployees()\n    {\n        return new List<Employee2>\n        {\n            new Employee2 { Id = 107, Name = "Alice", Designation = "AI Engineer", Salary = 7700, IsActive = true },\n            new Employee2 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", Salary = 19000, IsActive = true },\n            new Employee2 { Id = 106, Name = "John", Designation = "Data Engineer", Salary = 12000, IsActive = true },\n            new Employee2 { Id = 104, Name = "Pop", Designation = "Associate Architect", Salary = 19000, IsActive = false },\n            new Employee2 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", Salary = 16500.50M, IsActive = true },\n            new Employee2 { Id = 102, Name = "Line", Designation = "Architect", Salary = 24000, IsActive = true },\n            new Employee2 { Id = 101, Name = "Daniel", Designation = "Architect", Salary = 21000, IsActive = true },\n            new Employee2 { Id = 108, Name = "Zayne", Designation = "Data Analyst", Salary = 17850, IsActive = true },\n            new Employee2 { Id = 109, Name = "Isha", Designation = "App Maker", Salary = 8000, IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/other#cell-formating"},"See demo here")),(0,a.kt)("h3",{id:"cell-nowrap"},"Cell nowrap"),(0,a.kt)("p",null,"To prevent text from wrapping, add ",(0,a.kt)("inlineCode",{parentName:"p"},'TextNoWrap="true"')," parameter to the GridColumn."),(0,a.kt)("img",{src:"https://i.imgur.com/Wzc3AUF.png",alt:"Blazor Bootstrap: Grid Component - Cell nowrap"}),(0,a.kt)("admonition",{title:"TIP",type:"tip"},(0,a.kt)("p",{parentName:"admonition"},"Add ",(0,a.kt)("inlineCode",{parentName:"p"},'Responsive="true"')," parameter to the grid to enable horizontal scrolling.")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{19,22} showLineNumbers","{19,22}":!0,showLineNumbers:!0},'<Grid TItem="Employee3"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee3" HeaderText="Id" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="First Name">\n            @context.FirstName\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="First Name">\n            @context.LastName\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="Email">\n            @context.Email\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="Company" TextNoWrap="true">\n            @context.Company\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="Designation" TextNoWrap="true">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="Salary" HeaderTextAlignment="Alignment.End" TextAlignment="Alignment.End">\n            @context.Salary.ToString("N2")\n        </GridColumn>\n        <GridColumn TItem="Employee3" HeaderText="Active" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee3>? employees;\n\n    private async Task<GridDataProviderResult<Employee3>> EmployeesDataProvider(GridDataProviderRequest<Employee3> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee3> GetEmployees()\n    {\n        return new List<Employee3>\n        {\n            new Employee3 { Id = 107, FirstName = "Alice", LastName = "Reddy", Email = "alice@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), Salary = 7700, IsActive = true },\n            new Employee3 { Id = 103, FirstName = "Bob", LastName = "Roy", Email = "bob@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), Salary = 19000, IsActive = true },\n            new Employee3 { Id = 106, FirstName = "John", LastName = "Papa", Email = "john@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), Salary = 12000, IsActive = true },\n            new Employee3 { Id = 104, FirstName = "Pop", LastName = "Two", Email = "pop@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), Salary = 19000, IsActive = false },\n            new Employee3 { Id = 105, FirstName = "Ronald", LastName = "Dire", Email = "ronald@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), Salary = 16500.50M, IsActive = true },\n            new Employee3 { Id = 102, FirstName = "Line", LastName = "K", Email = "line@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), Salary = 24000, IsActive = true },\n            new Employee3 { Id = 101, FirstName = "Daniel", LastName = "Potter", Email = "daniel@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), Salary = 21000, IsActive = true },\n            new Employee3 { Id = 108, FirstName = "Zayne", LastName = "Simmons", Email = "zayne@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), Salary = 17850, IsActive = true },\n            new Employee3 { Id = 109, FirstName = "Isha", LastName = "Davison", Email = "isha@blazorbootstrap.com", Company = "BlazorBootstrap Company", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), Salary = 8000, IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/other#cell-nowrap"},"See demo here")),(0,a.kt)("h3",{id:"empty-data"},"Empty data"),(0,a.kt)("p",null,"If there are no records to display in the Grid, by default, it will display the ",(0,a.kt)("strong",{parentName:"p"},"No records to display")," message.\nYou can change this message by adding the ",(0,a.kt)("inlineCode",{parentName:"p"},"EmptyText")," parameter to the Grid."),(0,a.kt)("img",{src:"https://i.imgur.com/cLuvfmD.png",alt:"Blazor Bootstrap: Grid Component - Empty data"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4} showLineNumbers","{4}":!0,showLineNumbers:!0},'<Grid TItem="Employee"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      EmptyText="No records to display">\n\n    <GridColumns>\n        <GridColumn TItem="Employee" HeaderText="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee" HeaderText="First Name">\n            @context.FirstName\n        </GridColumn>\n        <GridColumn TItem="Employee" HeaderText="Last Name">\n            @context.LastName\n        </GridColumn>\n        <GridColumn TItem="Employee" HeaderText="Designation">\n            @context.Designation\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"@code {\n    private async Task<GridDataProviderResult<Employee>> EmployeesDataProvider(GridDataProviderRequest<Employee> request)\n    {\n        await Task.Delay(3000);\n\n        return (new GridDataProviderResult<Employee> { Data = new List<Employee>(), TotalCount = 0 });\n    }\n}\n")),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/other#empty-data"},"See demo here")),(0,a.kt)("h3",{id:"empty-data-template"},"Empty data template"),(0,a.kt)("p",null,"Set the ",(0,a.kt)("inlineCode",{parentName:"p"},"GridEmptyDataTemplate")," to customize the message displayed when the grid has no records."),(0,a.kt)("img",{src:"https://i.imgur.com/18zUnNa.png",alt:"Blazor Bootstrap: Grid Component - Empty data template"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{20-26} showLineNumbers","{20-26}":!0,showLineNumbers:!0},'<Grid TItem="Employee"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider">\n\n    <GridColumns>\n        <GridColumn TItem="Employee" HeaderText="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee" HeaderText="First Name">\n            @context.FirstName\n        </GridColumn>\n        <GridColumn TItem="Employee" HeaderText="Last Name">\n            @context.LastName\n        </GridColumn>\n        <GridColumn TItem="Employee" HeaderText="Designation">\n            @context.Designation\n        </GridColumn>\n    </GridColumns>\n\n    <GridTemplates>\n        <GridEmptyDataTemplate TItem="Employee">\n            <div class="text-center">\n                <svg clip-rule="evenodd" fill-rule="evenodd" height="128" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" width="128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="fi_7486754"><linearGradient id="lg1"><stop offset="0" stop-color="#cadcf0"></stop><stop offset="1" stop-color="#a4bbdb"></stop></linearGradient><linearGradient id="_Linear1" gradientTransform="matrix(40 0 0 25.912 12 48.573)" gradientUnits="userSpaceOnUse" x1="0" x2="1" xlink:href="#lg1" y1="0" y2="0"></linearGradient><linearGradient id="lg2"><stop offset="0" stop-color="#a4bbdb"></stop><stop offset="1" stop-color="#8da3be"></stop></linearGradient><linearGradient id="_Linear2" gradientTransform="matrix(20.086 0 0 25.912 31.914 48.573)" gradientUnits="userSpaceOnUse" x1="0" x2="1" xlink:href="#lg2" y1="0" y2="0"></linearGradient><linearGradient id="lg3"><stop offset="0" stop-color="#e9f3fc"></stop><stop offset="1" stop-color="#cadcf0"></stop></linearGradient><linearGradient id="_Linear3" gradientTransform="matrix(14.679 14.768 -21.492 8.973 12.133 35.609)" gradientUnits="userSpaceOnUse" x1="0" x2="1" xlink:href="#lg3" y1="0" y2=".337"></linearGradient><linearGradient id="_Linear4" gradientTransform="matrix(25.743 1.634 -3.837 17.203 32.081 42.038)" gradientUnits="userSpaceOnUse" x1="0" x2="1" xlink:href="#lg3" y1="0" y2=".227"></linearGradient><linearGradient id="_Linear5" gradientTransform="matrix(20.007 -6.501 5.236 7.762 9.382 31.736)" gradientUnits="userSpaceOnUse" x1="0" x2="1" xlink:href="#lg3" y1="0" y2="-.619"></linearGradient><linearGradient id="_Linear6" gradientTransform="matrix(15.249 13.945 -20.61 7.651 37.354 21.357)" gradientUnits="userSpaceOnUse" x1="0" x2="1" xlink:href="#lg3" y1="0" y2=".429"></linearGradient><linearGradient id="_Linear7" gradientTransform="matrix(40 0 0 13 12 35.606)" gradientUnits="userSpaceOnUse" x1="0" x2="1" xlink:href="#lg1" y1="0" y2="0"></linearGradient><linearGradient id="_Linear8" gradientTransform="matrix(.431 16.153 -16.153 .431 34.048 28.815)" gradientUnits="userSpaceOnUse" x1="0" x2="1" xlink:href="#lg2" y1="0" y2="0"></linearGradient><linearGradient id="_Linear9" gradientTransform="matrix(19.724 23.273 -23.273 19.724 20.991 6.831)" gradientUnits="userSpaceOnUse" x1="0" x2="1" y1="0" y2="0"><stop offset="0" stop-color="#559aff"></stop><stop offset="1" stop-color="#2e69ef"></stop></linearGradient><linearGradient id="_Linear18" gradientTransform="matrix(6.695 0 0 4.448 30.933 4.607)" gradientUnits="userSpaceOnUse" x1="0" x2="1" xlink:href="#lg3" y1="0" y2="0"></linearGradient><linearGradient id="_Linear19" gradientTransform="matrix(6.695 0 0 -4.448 30.933 10.607)" gradientUnits="userSpaceOnUse" x1="0" x2="1" xlink:href="#lg3" y1="0" y2="0"></linearGradient><g id="Exp-3.-G"><path d="m52 35.617h-40v18.512c0 .883.579 1.662 1.425 1.916 4.019 1.205 15.321 4.596 18 5.4.375.112.775.112 1.15 0 2.679-.804 13.981-4.195 18-5.4.846-.254 1.425-1.033 1.425-1.916 0-4.636 0-18.512 0-18.512z" fill="url(#_Linear1)"></path><path d="m52 35.617h-20s-.194 25.912 0 25.912.387-.028.575-.084c2.679-.804 13.981-4.195 18-5.4.846-.254 1.425-1.033 1.425-1.916 0-4.636 0-18.512 0-18.512z" fill="url(#_Linear2)"></path><path d="m32 42.106-20-6.489s-3.507 5.2-5.075 7.524c-.176.261-.219.588-.117.885.103.297.338.528.637.626 3.799 1.234 15.045 4.888 17.995 5.846.423.138.887-.021 1.137-.39 1.341-1.979 5.423-8.002 5.423-8.002z" fill="url(#_Linear3)"></path><path d="m52 35.617-20 6.489s4.082 6.023 5.423 8.002c.25.369.714.528 1.137.39 2.95-.958 14.196-4.612 17.995-5.846.299-.098.534-.329.637-.626.102-.297.059-.624-.117-.885-1.568-2.324-5.075-7.524-5.075-7.524z" fill="url(#_Linear4)"></path><path d="m27.159 21.986c-.25-.367-.713-.526-1.136-.388-2.948.957-14.197 4.612-17.996 5.847-.299.097-.535.328-.637.625s-.059.625.117.885c1.444 2.142 4.493 6.662 4.493 6.662l20-6.511s-3.592-5.283-4.841-7.12z" fill="url(#_Linear5)"></path><path d="m56.493 28.955c.176-.26.219-.588.117-.885s-.338-.528-.637-.625c-3.799-1.235-15.048-4.89-17.996-5.847-.423-.138-.886.021-1.136.388-1.249 1.837-4.841 7.12-4.841 7.12l20 6.511s3.049-4.52 4.493-6.662z" fill="url(#_Linear6)"></path><path d="m52 35.617-20-6.511-20 6.511 20 6.489z" fill="url(#_Linear7)"></path><path d="m32 42.106v-13l-20 6.511z" fill="url(#_Linear8)"></path><g fill="url(#_Linear9)"><path d="m27.982 31.978c-.416-.272-.791-.563-1.124-.868-.406-.373-1.039-.346-1.413.061-.373.406-.346 1.039.061 1.412.409.376.87.734 1.382 1.069.462.302 1.082.172 1.384-.29s.172-1.082-.29-1.384z"></path><path d="m24.866 28.906c-.297-.403-.548-.808-.754-1.213-.25-.492-.853-.688-1.345-.438s-.688.853-.438 1.345c.254.498.562.997.927 1.492.327.444.953.539 1.398.212.444-.328.539-.954.212-1.398z"></path><path d="m23.404 24.825c.01-.403.069-.794.177-1.169.152-.53-.155-1.085-.686-1.237-.53-.152-1.085.155-1.237.686-.153.536-.239 1.095-.254 1.67-.013.552.423 1.011.975 1.024.552.014 1.011-.422 1.025-.974z"></path><path d="m24.942 21.485c.257-.238.545-.458.86-.657.467-.295.607-.913.313-1.379-.295-.467-.913-.607-1.38-.313-.423.267-.807.562-1.152.882-.405.375-.429 1.008-.054 1.413s1.008.429 1.413.054z"></path><path d="m28.661 19.76c.503-.093 1.036-.153 1.598-.176.552-.024.98-.491.957-1.042s-.49-.98-1.042-.957c-.66.028-1.286.099-1.877.208-.542.101-.902.623-.801 1.165.1.543.622.902 1.165.802z"></path><path d="m33.873 19.701c.853.01 1.647-.02 2.384-.085.55-.049.957-.535.908-1.085-.049-.549-.535-.956-1.085-.907-.675.059-1.402.087-2.184.077-.552-.006-1.005.437-1.011.988-.007.552.436 1.006.988 1.012z"></path><path d="m39.544 19.003c.99-.303 1.826-.691 2.526-1.136.465-.297.603-.915.306-1.381-.296-.465-.915-.603-1.381-.306-.563.358-1.238.666-2.036.91-.527.162-.825.721-.663 1.249.161.528.721.825 1.248.664z"></path><path d="m44.634 15.068c.472-.976.653-2.008.607-3.003-.026-.552-.495-.978-1.046-.952s-.978.494-.952 1.045c.032.676-.09 1.377-.41 2.04-.24.497-.032 1.096.465 1.336s1.096.031 1.336-.466z"></path><path d="m43.997 8.529c-.729-.985-1.718-1.671-2.796-1.892-.541-.11-1.07.238-1.181.779-.11.541.239 1.07.779 1.181.622.127 1.17.554 1.591 1.123.329.443.956.536 1.399.208.444-.329.537-.956.208-1.399z"></path></g><path d="m30.933 6.831c1.082-6.127 10.459-5.731 5 0z" fill="url(#_Linear18)"></path><path d="m30.933 8.383c1.082 6.126 10.459 5.731 5 0z" fill="url(#_Linear19)"></path><path d="m30.843 8.617h6.696c.552 0 1-.448 1-1s-.448-1-1-1h-6.696c-.551 0-1 .448-1 1s.449 1 1 1z" fill="url(#_Linear9)"></path></g></svg>\n            </div>\n        </GridEmptyDataTemplate>\n    </GridTemplates>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"@code {\n    private async Task<GridDataProviderResult<Employee>> EmployeesDataProvider(GridDataProviderRequest<Employee> request)\n    {\n        await Task.Delay(3000);\n\n        return (new GridDataProviderResult<Employee> { Data = new List<Employee>(), TotalCount = 0 });\n    }\n}\n")),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/other#empty-data-template"},"See demo here")),(0,a.kt)("h3",{id:"save-and-load-grid-settings"},"Save and Load Grid Settings"),(0,a.kt)("p",null,"This example shows how to save/load the Grid state. The state includes the page number, page size, and filters."),(0,a.kt)("admonition",{title:"IMPORTANT",type:"danger"},(0,a.kt)("p",{parentName:"admonition"},"Saving the Grid's sorting state as part of GridSettings is not yet supported. This functionality will be included in future releases.")),(0,a.kt)("admonition",{title:"NOTE",type:"note"},(0,a.kt)("p",{parentName:"admonition"},"Browser local storage is used to persist the Grid state. Common locations exist for persisting state are ",(0,a.kt)("strong",{parentName:"p"},"Server-side storage"),", ",(0,a.kt)("strong",{parentName:"p"},"URL"),", ",(0,a.kt)("strong",{parentName:"p"},"Browser storage"),", and ",(0,a.kt)("strong",{parentName:"p"},"In-memory state container service"),".")),(0,a.kt)("img",{src:"https://i.imgur.com/weFYVWA.png",alt:"Blazor Bootstrap: Grid Component - Save and Load Grid Settings"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{12,13} showLineNumbers","{12,13}":!0,showLineNumbers:!0},'@using System.Text.Json\n\n<Grid @ref="grid"\n      TItem="Employee1"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true" \n      PageSize="8" \n      AllowPaging="true" \n      AllowSorting="true" \n      Responsive="true"\n      GridSettingsChanged="OnGridSettingsChanged"\n      SettingsProvider="GridSettingsProvider">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id" FilterOperator="FilterOperator.GreaterThanOrEquals" FilterValue="109">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{15-25,27-38} showLineNumbers","{15-25,27-38}":!0,showLineNumbers:!0},'@code {\n    BlazorBootstrap.Grid<Employee1> grid = default!;\n    private IEnumerable<Employee1>? employees;\n\n    [Inject] public IJSRuntime JS { get; set; } = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private async Task OnGridSettingsChanged(GridSettings settings)\n    {\n        if (settings is null)\n            return;\n\n        // NOTE: enable below two lines, if you want to set default values for PageNumber and PageSize all the time.\n        //settings.PageNumber = 1;\n        //settings.PageSize = 10;\n\n        await JS.InvokeVoidAsync("window.localStorage.setItem", "grid-settings", JsonSerializer.Serialize(settings));\n    }\n\n    private async Task<GridSettings> GridSettingsProvider()\n    {\n        var settingsJson = await JS.InvokeAsync<string>("window.localStorage.getItem", "grid-settings");\n        if (string.IsNullOrWhiteSpace(settingsJson))\n            return null!;\n\n        var settings = JsonSerializer.Deserialize<GridSettings>(settingsJson);\n        if (settings is null)\n            return null!;\n\n        return settings;\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/settings#save-and-load-grid-settings"},"See demo here")),(0,a.kt)("h3",{id:"data-parameter---assign-collection"},"Data parameter - Assign collection"),(0,a.kt)("p",null,"Assign a collection to the ",(0,a.kt)("inlineCode",{parentName:"p"},"Data")," parameter to render the grid dynamically. The example below will render different department employees in the individual grid."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{8} showLineNumbers","{8}":!0,showLineNumbers:!0},'@using BlazorBootstrap.Demo.Models;\n\n@foreach (var department in departments)\n{\n    <p>@department.Name Employees:</p>\n    <Grid TItem="Employee1"\n          Class="table table-hover border-top"\n          Data="department.Employees">\n\n        <GridColumns>\n            <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n                @context.Id\n            </GridColumn>\n            <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n                @context.Name\n            </GridColumn>\n            <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n                @context.Designation\n            </GridColumn>\n            <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n                @context.DOJ\n            </GridColumn>\n            <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n                @context.IsActive\n            </GridColumn>\n        </GridColumns>\n\n    </Grid>\n}\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private List<Department> departments = new List<Department>()\n    {\n        new Department("Product 1 - Research & Development", new List<Employee1> {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true }\n        }),\n        new Department("Product 2 - Research & Development", new List<Employee1> {\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true }\n        })\n    };\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/data-binding#data-parameter-assign-collection"},"See demo here")),(0,a.kt)("h3",{id:"data-parameter---update-collection"},"Data parameter - Update collection"),(0,a.kt)("p",null,"Assign a collection to the ",(0,a.kt)("inlineCode",{parentName:"p"},"Data")," parameter to render the grid dynamically. The example below will render different department employees in the individual grid."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Button Type="ButtonType.Button" Color="ButtonColor.Primary" @onclick="AddEmployee"> Add Employee </Button>\n<Button Type="ButtonType.Button" Color="ButtonColor.Primary" @onclick="AddEmployee2"> Add Employee 2 </Button>\n\n<Grid @ref="grid"\n      TItem="Employee1"\n      Class="table table-hover table-bordered table-striped mt-3"\n      Data="employees">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    Grid<Employee1> grid = default!;\n    private List<Employee1>? employees;\n\n    protected override void OnInitialized()\n    {\n        employees = new List<Employee1> {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true }\n        };\n    }\n\n    private async Task AddEmployee()\n    {\n        // for the same employees collection, we are adding an object\n        // explicit grid refresh required\n        employees!.Add(CreateEmployee());\n        await grid.RefreshDataAsync();\n    }\n\n    private void AddEmployee2()\n    {\n        // creates a shallow copy\n        var emps = employees!.GetRange(0, employees.Count);\n        emps.Add(CreateEmployee());\n        // now employees variable has a new reference. So no need to refresh the grid explicitly\n        // explicit grid refresh is not required\n        employees = emps;\n    }\n\n    private Employee1 CreateEmployee()\n    {\n        var emp = new Employee1();\n        emp.Id = employees!.Max(x => x.Id) + 1;\n        emp.Name = $"Employee {emp.Id}";\n        emp.Designation = $"QA Engineer {emp.Id}";\n        emp.DOJ = new DateOnly(new Random().Next(1970, 2000), new Random().Next(1, 12), new Random().Next(1, 25));\n        emp.IsActive = true;\n        return emp;\n    }\n}\n')),(0,a.kt)("admonition",{type:"note"},(0,a.kt)("p",{parentName:"admonition"},"The ",(0,a.kt)("strong",{parentName:"p"},"Add Employee")," button click adds a new employee to the existing ",(0,a.kt)("strong",{parentName:"p"},"employees")," collection\u2014so explicit grid refresh is required."),(0,a.kt)("p",{parentName:"admonition"},"The ",(0,a.kt)("strong",{parentName:"p"},"Add Employee 2")," button click creates a shallow copy of the ",(0,a.kt)("strong",{parentName:"p"},"employees")," collection and adds a new employee. This new collection is assigned to the ",(0,a.kt)("strong",{parentName:"p"},"employees")," variable. Now, the ",(0,a.kt)("strong",{parentName:"p"},"employees")," variable has a new reference. So the grid will refresh automatically. An explicit grid refresh call is not required.")),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/data-binding#data-parameter-update-collection"},"See demo here")),(0,a.kt)("h3",{id:"conditional-css-class-for-grid-row"},"Conditional css class for grid row"),(0,a.kt)("p",null,"In the below example, we applied ",(0,a.kt)("inlineCode",{parentName:"p"},"table-danger")," CSS class to the row where the employee is inactive and the ",(0,a.kt)("inlineCode",{parentName:"p"},"table-success")," CSS class to the row where the employee designation is Architect."),(0,a.kt)("img",{src:"https://i.imgur.com/TYW4VsK.png",alt:"Blazor Bootstrap: Grid Component - Conditional css class for grid row"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{9} showLineNumbers","{9}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      PageSize="5"\n      AllowSorting="true"\n      Responsive="true"\n      RowClass="GetRowClass">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{12-20} showLineNumbers","{12-20}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1>? employees;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private string GetRowClass(Employee1 emp)\n    {\n        if (!emp.IsActive)\n            return "table-danger";\n        else if (emp.Designation == "Architect")\n            return "table-success";\n\n        return string.Empty;\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/custom-css-class#conditional-css-class-for-grid-row"},"See demo here")),(0,a.kt)("h3",{id:"conditional-css-class-for-grid-column"},"Conditional css class for grid column"),(0,a.kt)("p",null,"In the below example, we applied ",(0,a.kt)("inlineCode",{parentName:"p"},"table-danger")," CSS class to the Active column where the employee is inactive and the ",(0,a.kt)("inlineCode",{parentName:"p"},"table-success")," CSS class to the Active column where the employee is active."),(0,a.kt)("img",{src:"https://i.imgur.com/XlatgsB.png",alt:"Blazor Bootstrap: Grid Component - Conditional css class for grid column"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{27} showLineNumbers","{27}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      PageSize="5"\n      AllowSorting="true"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1"\n                    HeaderText="Active"\n                    PropertyName="IsActive"\n                    SortKeySelector="item => item.IsActive"\n                    ColumnClass="@(x => x.IsActive ? "table-success" : "table-danger")">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/custom-css-class#conditional-css-class-for-grid-column"},"See demo here")),(0,a.kt)("h3",{id:"column-class"},"Column class"),(0,a.kt)("p",null,"In the following example, the ",(0,a.kt)("inlineCode",{parentName:"p"},"Class")," parameter is used to apply the CSS class to an entire grid column, including the header."),(0,a.kt)("img",{src:"https://i.imgur.com/XG4Wv17.png",alt:"Blazor Bootstrap: Grid Component - Column class"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{14} showLineNumbers","{14}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      PageSize="5"\n      AllowSorting="true"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" Class="text-danger" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1>? employees;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/custom-css-class#colum-class"},"See demo here")),(0,a.kt)("h3",{id:"custom-column-headers"},"Custom column headers"),(0,a.kt)("p",null,"In the below example, we use ",(0,a.kt)("inlineCode",{parentName:"p"},"<HeaderContent>")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"<ChildContent>")," tags to define custom column header and cell content. When defining header content, filters and sorting are removed from column."),(0,a.kt)("img",{src:"https://i.imgur.com/yeTbaNT.png",alt:"Blazor Bootstrap: Grid Component - Custom column headers"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{23-29} showLineNumbers","{23-29}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      PageSize="5"\n      AllowSorting="true"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" PropertyName="IsActive" Filterable="false" Sortable="false">\n            <HeaderContent>\n                <Switch @bind-Value="IsAllChecked" />\n            </HeaderContent>\n            <ChildContent>\n                <Switch @bind-Value="@context.IsActive" />\n            </ChildContent>\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{4-8} showLineNumbers","{4-8}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private bool IsAllChecked\n    {\n        get => employees?.All(e => e.IsActive) ?? false;\n        set => Array.ForEach(employees?.ToArray()!, e => e.IsActive = value);\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        Console.WriteLine("EmployeesDataProvider called...");\n\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/other#custom-column-headers"},"See demo here")),(0,a.kt)("h3",{id:"selection"},"Selection"),(0,a.kt)("p",null,"Set ",(0,a.kt)("inlineCode",{parentName:"p"},'AllowSelection="true"')," to enable the selection on the Grid. By default, SelectionMode is ",(0,a.kt)("strong",{parentName:"p"},"Single"),"."),(0,a.kt)("img",{src:"https://i.imgur.com/u1lV12d.png",alt:"Blazor Bootstrap: Grid Component - Selection"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4-5} showLineNumbers","{4-5}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowSelection="true"\n      SelectedItemsChanged="OnSelectedItemsChanged"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<div class="mt-3">\n    Selected Items Count: @selectedEmployees.Count\n</div>\n\n<div class="mt-2">\n    Selected Employees:\n    <ul>\n        @foreach (var emp in selectedEmployees)\n        {\n            <li>@emp.Name</li>\n        }\n    </ul>\n</div>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{32-36} showLineNumbers","{32-36}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private HashSet<Employee1> selectedEmployees = new();\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        Console.WriteLine("EmployeesDataProvider called...");\n\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private Task OnSelectedItemsChanged(HashSet<Employee1> employees)\n    {\n        selectedEmployees = employees is not null && employees.Any() ? employees : new();\n        return Task.CompletedTask;\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/selection#selection"},"See demo here")),(0,a.kt)("h3",{id:"multiple-selection"},"Multiple selection"),(0,a.kt)("p",null,"To select multiple rows, set ",(0,a.kt)("inlineCode",{parentName:"p"},'SelectionMode="GridSelectionMode.Multiple"'),"."),(0,a.kt)("img",{src:"https://i.imgur.com/yzJETf8.png",alt:"Blazor Bootstrap: Grid Component - Multiple selection"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{6-7} showLineNumbers","{6-7}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      AllowSelection="true"\n      SelectionMode="GridSelectionMode.Multiple"\n      SelectedItemsChanged="OnSelectedItemsChanged"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<div class="mt-3">\n    Selected Items Count: @selectedEmployees.Count\n</div>\n\n<div class="mt-2">\n    Selected Employees:\n    <ul>\n        @foreach (var emp in selectedEmployees)\n        {\n            <li>@emp.Name</li>\n        }\n    </ul>\n</div>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{32-36} showLineNumbers","{32-36}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private HashSet<Employee1> selectedEmployees = new();\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        Console.WriteLine("EmployeesDataProvider called...");\n\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private Task OnSelectedItemsChanged(HashSet<Employee1> employees)\n    {\n        selectedEmployees = employees is not null && employees.Any() ? employees : new();\n        return Task.CompletedTask;\n    }\n}\n')),(0,a.kt)("admonition",{title:"NOTE",type:"danger"},(0,a.kt)("p",{parentName:"admonition"},"Selected items are removed from the selection if they are not rendered after paging, sorting, filtering, etc.")),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/selection#multiple-selection"},"See demo here")),(0,a.kt)("h3",{id:"disable-selection"},"Disable selection"),(0,a.kt)("p",null,"We can disable the header checkbox or row level checkbox based on a condition.\nFor this, we have ",(0,a.kt)("inlineCode",{parentName:"p"},"DisableAllRowsSelection")," and ",(0,a.kt)("inlineCode",{parentName:"p"},"DisableRowSelection")," delegate parameters.\nIn the below example, we disabled the header checkbox if any of the employee Id is less than 105.\nAlso, disable check the row level checkbox if the employee Id is less than 105."),(0,a.kt)("img",{src:"https://i.imgur.com/v0x4C16.png",alt:"Blazor Bootstrap: Grid Component - Disable selection"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4-8} showLineNumbers","{4-8}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      AllowSelection="true"\n      SelectionMode="GridSelectionMode.Multiple"\n      DisableAllRowsSelection="DisableAllRowsSelectionHandler"\n      DisableRowSelection="DisableRowSelectionHandler"\n      SelectedItemsChanged="OnSelectedItemsChanged"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<div class="mt-3">\n    Selected Items Count: @selectedEmployees.Count\n</div>\n\n<div class="mt-2">\n    Selected Employees:\n    <ul>\n        @foreach (var emp in selectedEmployees)\n        {\n            <li>@emp.Name</li>\n        }\n    </ul>\n</div>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{30-33,35-38,40-44} showLineNumbers","{30-33,35-38,40-44}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private HashSet<Employee1> selectedEmployees = new();\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private bool DisableAllRowsSelectionHandler(IEnumerable<Employee1> employees)\n    {\n        return employees.Any(x => x.Id < 105); // disable selection if EmployeeId < 105\n    }\n\n    private bool DisableRowSelectionHandler(Employee1 emp)\n    {\n        return emp.Id < 105; // disable selection if EmployeeId < 105\n    }\n\n    private Task OnSelectedItemsChanged(HashSet<Employee1> employees)\n    {\n        selectedEmployees = employees is not null && employees.Any() ? employees : new();\n        return Task.CompletedTask;\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/selection#disable-selection"},"See demo here")),(0,a.kt)("h3",{id:"change-selected-row-background-color"},"Change selected row background color"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-css"},"--bb-table-selected-row-color: rgba(0, 0, 0, 0.0725);\n--bb-table-selected-row-background-color: rgba(0, 0, 0, 0.075);\n--bb-table-selected-row-hover-color: #000;\n--bb-table-selected-row-hover-background-color: rgba(0, 0, 0, 0.075);\n")),(0,a.kt)("p",null,"These CSS variables are used to set the default colors and background color of a row when it's selected.\nYou can override the ",(0,a.kt)("inlineCode",{parentName:"p"},"--bb-table-selected-row-color"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"--bb-table-selected-row-background-color"),", ",(0,a.kt)("inlineCode",{parentName:"p"},"--bb-table-selected-row-hover-color"),", and ",(0,a.kt)("inlineCode",{parentName:"p"},"--bb-table-selected-row-hover-background-color")," variables in the application's specific CSS file to change the selected row's appearance.\nPlease see the following example where the row text color is set to ",(0,a.kt)("strong",{parentName:"p"},"#fff (white)")," and the background color is set to ",(0,a.kt)("strong",{parentName:"p"},"#4c0bce (purple)")," when the row is selected."),(0,a.kt)("img",{src:"https://i.imgur.com/64kqzO6.png",alt:"Blazor Bootstrap: Grid Component - Change selected row background color"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered"\n      Style="--bb-table-selected-row-color: #fff;--bb-table-selected-row-background-color: #4c0bce;--bb-table-selected-row-hover-color: #fff;--bb-table-selected-row-hover-background-color: #4c0bce;"\n      DataProvider="EmployeesDataProvider"\n      AllowFiltering="true"\n      AllowSelection="true"\n      SelectionMode="GridSelectionMode.Multiple"\n      SelectedItemsChanged="OnSelectedItemsChanged"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<div class="mt-3">\n    Selected Items Count: @selectedEmployees.Count\n</div>\n\n<div class="mt-2">\n    Selected Employees:\n    <ul>\n        @foreach (var emp in selectedEmployees)\n        {\n            <li>@emp.Name</li>\n        }\n    </ul>\n</div>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private HashSet<Employee1> selectedEmployees = new();\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        Console.WriteLine("EmployeesDataProvider called...");\n\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n        };\n    }\n\n    private Task OnSelectedItemsChanged(HashSet<Employee1> employees)\n    {\n        selectedEmployees = employees is not null && employees.Any() ? employees : new();\n        return Task.CompletedTask;\n    }\n}\n')),(0,a.kt)("h3",{id:"dynamic-page-size"},"Dynamic page size"),(0,a.kt)("img",{src:"https://user-images.githubusercontent.com/2337067/239613002-c7b4b6f6-be67-4f14-accc-b3dd390eb0f9.png",alt:"Blazor Bootstrap: Grid Component - Dynamic page size"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5,28-30} showLineNumbers","{5,28-30}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowPaging="true"\n      PageSize="@pageSize"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<Button Type="ButtonType.Button" Color="ButtonColor.Primary" @onclick="() => ChangeSize(5)">Page Size 5</Button>\n<Button Type="ButtonType.Button" Color="ButtonColor.Secondary" @onclick="() => ChangeSize(10)">Page Size 10</Button>\n<Button Type="ButtonType.Button" Color="ButtonColor.Secondary" @onclick="() => ChangeSize(15)">Page Size 15</Button>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{2,32} showLineNumbers","{2,32}":!0,showLineNumbers:!0},'@code {\n    private int pageSize = 5;\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n\n    private void ChangeSize(int size) => pageSize = size;\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid#dynamic-page-size"},"See demo here")),(0,a.kt)("h3",{id:"page-size-selection"},"Page size selection"),(0,a.kt)("img",{src:"https://user-images.githubusercontent.com/2337067/239613340-3917f4fa-a252-4e5e-a3b5-27b83304cbc2.png",alt:"Blazor Bootstrap: Grid Component - Page size selection"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5-7} showLineNumbers","{5-7}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      AllowPaging="true"\n      PageSize="10"\n      PageSizeSelectorVisible="true"\n      PageSizeSelectorItems="@(new int[] { 5,10,20 })"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/paging#dynamic-page-size"},"See demo here")),(0,a.kt)("h3",{id:"header-row-css-class"},"Header row css class"),(0,a.kt)("img",{src:"https://i.imgur.com/KIqBefV.png",alt:"Blazor Bootstrap: Grid Component - Header row css class"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5,36,67,98} showLineNumbers","{5,36,67,98}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-primary text-white border-bottom-0"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-primary text-white bg-opacity-75 border-bottom-0"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-success text-white border-bottom-0"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-success text-white bg-opacity-75 border-bottom-0"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/custom-css-class#header-row-css-class"},"See demo here")),(0,a.kt)("h3",{id:"filters-row-css-class"},"Filters row css class"),(0,a.kt)("img",{src:"https://i.imgur.com/11SK9v4.png",alt:"Blazor Bootstrap: Grid Component - Filters row css class"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{6-7,39-40,72-73,105-106,138-139,171-172,204-205} showLineNumbers","{6-7,39-40,72-73,105-106,138-139,171-172,204-205}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      FiltersRowCssClass="bg-primary text-white bg-opacity-25 border-bottom-0"\n      HeaderRowCssClass="bg-primary text-white border-bottom-0"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-warning text-white border-bottom-0"\n      FiltersRowCssClass="bg-warning text-white bg-opacity-25 border-bottom-0"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-danger text-white border-bottom-0"\n      FiltersRowCssClass="bg-danger text-white bg-opacity-25 border-bottom-0"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-success text-white border-bottom-0"\n      FiltersRowCssClass="bg-success text-white bg-opacity-25 border-bottom-0"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-info text-white border-bottom-0"\n      FiltersRowCssClass="bg-info text-white bg-opacity-25 border-bottom-0"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-dark text-white border-bottom-0"\n      FiltersRowCssClass="bg-dark text-white bg-opacity-25 border-bottom-0"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n\n<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-secondary text-white border-bottom-0"\n      FiltersRowCssClass="bg-secondary text-white bg-opacity-25 border-bottom-0"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/custom-css-class#filters-row-css-class"},"See demo here")),(0,a.kt)("h3",{id:"row-click-event"},"Row click event"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{2,7} showLineNumbers","{2,7}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      AllowRowClick="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-primary text-white border-bottom-0"\n      OnRowClick="OnRowClick"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{27-30} showLineNumbers","{27-30}":!0,showLineNumbers:!0},'@code {\n    [Inject] ModalService ModalService { get; set; } = default!;\n\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n        };\n    }\n\n    private async Task OnRowClick(GridRowEventArgs<Employee1> args)\n    {\n        await ModalService.ShowAsync(new ModalOption { Type = ModalType.Primary, Title = "Event: Row Click", Message = $"Id: {args.Item.Id}, Name: {args.Item.Name}" });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/events#row-click-event"},"See demo here")),(0,a.kt)("h3",{id:"row-double-click-event"},"Row double click event"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{2,7} showLineNumbers","{2,7}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      AllowRowClick="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      HeaderRowCssClass="bg-danger text-white border-bottom-0"\n      OnRowDoubleClick="OnRowDoubleClick"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n\n        <GridColumn TItem="Employee1" HeaderText="Active" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{27-30} showLineNumbers","{27-30}":!0,showLineNumbers:!0},'@code {\n    [Inject] ModalService ModalService { get; set; } = default!;\n\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n        };\n    }\n\n    private async Task OnRowDoubleClick(GridRowEventArgs<Employee1> args)\n    {\n        await ModalService.ShowAsync(new ModalOption { Type = ModalType.Primary, Title = "Event: Row Double Click", Message = $"Id: {args.Item.Id}, Name: {args.Item.Name}" });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/events#row-double-click-event"},"See demo here")),(0,a.kt)("h3",{id:"translations"},"Translations"),(0,a.kt)("p",null,"In the example below, you will see translations related to pagination and filters in ",(0,a.kt)("strong",{parentName:"p"},"Dutch"),"."),(0,a.kt)("img",{src:"https://i.imgur.com/kKNgo2I.png",alt:"Blazor Bootstrap: Grid Component - Translations"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{8,13-14} showLineNumbers","{8,13-14}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowPaging="true"\n      AllowSorting="true"\n      Class="table table-hover"\n      DataProvider="EmployeesDataProvider"\n      FiltersRowCssClass="bg-dark text-white bg-opacity-25 border-bottom-0"\n      FiltersTranslationProvider="GridFiltersTranslationProvider"\n      HeaderRowCssClass="bg-dark text-white border-bottom-0"\n      PageSize="10"\n      PageSizeSelectorVisible="true"\n      PageSizeSelectorItems="@(new int[] { 5,10,20 })"\n      PaginationItemsTextFormat="{0} - {1} van {2} artikelen"\n      ItemsPerPageText="Artikelen per pagina"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{4-25} showLineNumbers","{4-25}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<IEnumerable<FilterOperatorInfo>> GridFiltersTranslationProvider()\n    {\n        var filtersTranslation = new List<FilterOperatorInfo>();\n\n        // number/date/boolean\n        filtersTranslation.Add(new("=", "gelijk aan", FilterOperator.Equals));\n        filtersTranslation.Add(new("!=", "Niet gelijk", FilterOperator.NotEquals));\n        // number/date\n        filtersTranslation.Add(new("<", "Minder dan", FilterOperator.LessThan));\n        filtersTranslation.Add(new("<=", "Kleiner dan of gelijk aan", FilterOperator.LessThanOrEquals));\n        filtersTranslation.Add(new(">", "Groter dan", FilterOperator.GreaterThan));\n        filtersTranslation.Add(new(">=", "Groter dan of gelijk aan", FilterOperator.GreaterThanOrEquals));\n        // string\n        filtersTranslation.Add(new("*a*", "Bevat", FilterOperator.Contains));\n        filtersTranslation.Add(new("a**", "Begint met", FilterOperator.StartsWith));\n        filtersTranslation.Add(new("**a", "Eindigt met", FilterOperator.EndsWith));\n        filtersTranslation.Add(new("=", "gelijk aan", FilterOperator.Equals));\n        // common\n        filtersTranslation.Add(new("x", "Duidelijk", FilterOperator.Clear));\n\n        return await Task.FromResult(filtersTranslation);\n    }\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/translations"},"See demo here")),(0,a.kt)("h3",{id:"fixed-header"},"Fixed header"),(0,a.kt)("p",null,"To set the fixed header, set the ",(0,a.kt)("strong",{parentName:"p"},"FixedHeader")," parameter to ",(0,a.kt)("strong",{parentName:"p"},"true"),". The minimum height of the grid is ",(0,a.kt)("strong",{parentName:"p"},"320 pixels"),". You can change the units to em, pt, px, or etc. by setting the ",(0,a.kt)("strong",{parentName:"p"},"Unit")," parameter."),(0,a.kt)("img",{src:"https://i.imgur.com/KRsQK6I.png",alt:"Blazor Bootstrap: Grid Component - Fixed header"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5,6,8} showLineNumbers","{5,6,8}":!0,showLineNumbers:!0},'<Grid @ref="grid"\n      TItem="Employee4"\n      Class="table table-hover table-bordered"\n      DataProvider="EmployeesDataProvider"\n      FixedHeader="true"\n      Height="350"\n      Responsive="true"\n      Unit="Unit.Px">\n\n    <GridColumns>\n        <GridColumn TItem="Employee4" HeaderText="Id" PropertyName="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="Employee Name" PropertyName="Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n        <GridColumn TItem="Employee4" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    BlazorBootstrap.Grid<Employee4> grid = default!;\n    private IEnumerable<Employee4> employees = default!;\n\n    protected override async Task OnAfterRenderAsync(bool firstRender)\n    {\n        await base.OnAfterRenderAsync(firstRender);\n    }\n\n    private async Task<GridDataProviderResult<Employee4>> EmployeesDataProvider(GridDataProviderRequest<Employee4> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee4> GetEmployees()\n    {\n        return new List<Employee4>\n        {\n            new Employee4 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee4 { Id = null, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee4 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee4 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee4 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee4 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee4 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee4 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee4 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = null, IsActive = true },\n            new Employee4 { Id = 110, Name = "Vijay", Designation = null, DOJ = new DateOnly(1990, 7, 1), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/fixed-header#fixed-header"},"See demo here")),(0,a.kt)("h3",{id:"fixed-header-with-filters"},"Fixed header with filters"),(0,a.kt)("img",{src:"https://i.imgur.com/QRgyrZK.png",alt:"Blazor Bootstrap: Grid Component - Fixed header with filters"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,7,9} showLineNumbers","{4,7,9}":!0,showLineNumbers:!0},'<Grid TItem="Customer2"\n      Class="table table-hover table-bordered"\n      DataProvider="CustomersDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      AllowSorting="true"\n      FixedHeader="true"\n      Responsive="true"\n      Unit="Unit.Px">\n\n    <GridColumns>\n        <GridColumn TItem="Customer2" HeaderText="Id" PropertyName="CustomerId" SortString="CustomerId" SortKeySelector="item => item.CustomerId" FilterTextboxWidth="50" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n            @context.CustomerId\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Customer Name" PropertyName="CustomerName" SortString="CustomerName" SortKeySelector="item => item.CustomerName" FilterTextboxWidth="80">\n            @context.CustomerName\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Phone" PropertyName="Phone" SortString="Phone" SortKeySelector="item => item.Phone" FilterTextboxWidth="100">\n            @context.Phone\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Email" PropertyName="Email" SortString="Email" SortKeySelector="item => item.Email" FilterTextboxWidth="120">\n            @context.Email\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Address" PropertyName="Address" SortString="Address" SortKeySelector="item => item.Address" FilterTextboxWidth="150">\n            @context.Address\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Postal Zip" PropertyName="PostalZip" SortString="PostalZip" SortKeySelector="item => item.PostalZip" FilterTextboxWidth="80">\n            @context.PostalZip\n        </GridColumn>\n        <GridColumn TItem="Customer2" FreezeRightPosition="0" HeaderText="Country" PropertyName="Country" SortString="Country" SortKeySelector="item => item.Country" FilterTextboxWidth="80">\n            @context.Country\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    [Inject] public ICustomerService _customerService { get; set; } = default!;\n\n    private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request)\n    {\n        string sortString = "";\n        SortDirection sortDirection = SortDirection.None;\n\n        if (request.Sorting is not null && request.Sorting.Any())\n        {\n            // Note: Multi column sorting is not supported at this moment\n            sortString = request.Sorting.FirstOrDefault().SortString;\n            sortDirection = request.Sorting.FirstOrDefault().SortDirection;\n        }\n        var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken);\n        return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/fixed-header#fixed-header-with-filters"},"See demo here")),(0,a.kt)("h3",{id:"freeze-columns"},"Freeze columns"),(0,a.kt)("img",{src:"https://i.imgur.com/1vRu0LU.png",alt:"Blazor Bootstrap: Grid Component - Freeze columns"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{7,10,13,28} showLineNumbers","{7,10,13,28}":!0,showLineNumbers:!0},'<Grid TItem="Customer2"\n      Class="table table-hover table-bordered text-nowrap"\n      DataProvider="CustomersDataProvider"\n      AllowPaging="true"\n      AllowSorting="true"\n      Responsive="true"\n      Unit="Unit.Px">\n\n    <GridColumns>\n        <GridColumn TItem="Customer2" Freeze="true" FreezeLeftPosition="0" HeaderText="Id" PropertyName="CustomerId" SortString="CustomerId" SortKeySelector="item => item.CustomerId" FilterTextboxWidth="50" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n            @context.CustomerId\n        </GridColumn>\n        <GridColumn TItem="Customer2" Freeze="true" FreezeLeftPosition="54.98" HeaderText="Customer Name" PropertyName="CustomerName" SortString="CustomerName" SortKeySelector="item => item.CustomerName" FilterTextboxWidth="80">\n            @context.CustomerName\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Phone" PropertyName="Phone" SortString="Phone" SortKeySelector="item => item.Phone" FilterTextboxWidth="100">\n            @context.Phone\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Email" PropertyName="Email" SortString="Email" SortKeySelector="item => item.Email" FilterTextboxWidth="120">\n            @context.Email\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Address" PropertyName="Address" SortString="Address" SortKeySelector="item => item.Address" FilterTextboxWidth="150">\n            @context.Address\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Postal Zip" PropertyName="PostalZip" SortString="PostalZip" SortKeySelector="item => item.PostalZip" FilterTextboxWidth="80">\n            @context.PostalZip\n        </GridColumn>\n        <GridColumn TItem="Customer2" Freeze="true" FreezeDirection="FreezeDirection.Right" FreezeRightPosition="0" HeaderText="Country" PropertyName="Country" SortString="Country" SortKeySelector="item => item.Country" FilterTextboxWidth="80">\n            @context.Country\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    [Inject] public ICustomerService _customerService { get; set; } = default!;\n\n    private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request)\n    {\n        string sortString = "";\n        SortDirection sortDirection = SortDirection.None;\n\n        if (request.Sorting is not null && request.Sorting.Any())\n        {\n            // Note: Multi column sorting is not supported at this moment\n            sortString = request.Sorting.FirstOrDefault().SortString;\n            sortDirection = request.Sorting.FirstOrDefault().SortDirection;\n        }\n        var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken);\n        return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/freeze-columns#freeze-columns"},"See demo here")),(0,a.kt)("h3",{id:"freeze-columns-with-fixed-header"},"Freeze columns with fixed header"),(0,a.kt)("img",{src:"https://i.imgur.com/qIVCEKH.png",alt:"Blazor Bootstrap: Grid Component - Freeze columns with fixed header"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{6,8,11,14,29} showLineNumbers","{6,8,11,14,29}":!0,showLineNumbers:!0},'<Grid TItem="Customer2"\n      Class="table table-hover table-bordered text-nowrap"\n      DataProvider="CustomersDataProvider"\n      AllowPaging="true"\n      AllowSorting="true"\n      FixedHeader="true"\n      Responsive="true"\n      Unit="Unit.Px">\n\n    <GridColumns>\n        <GridColumn TItem="Customer2" Freeze="true" FreezeLeftPosition="0" HeaderText="Id" PropertyName="CustomerId" SortString="CustomerId" SortKeySelector="item => item.CustomerId" FilterTextboxWidth="50" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n            @context.CustomerId\n        </GridColumn>\n        <GridColumn TItem="Customer2" Freeze="true" FreezeLeftPosition="54.98" HeaderText="Customer Name" PropertyName="CustomerName" SortString="CustomerName" SortKeySelector="item => item.CustomerName" FilterTextboxWidth="80">\n            @context.CustomerName\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Phone" PropertyName="Phone" SortString="Phone" SortKeySelector="item => item.Phone" FilterTextboxWidth="100">\n            @context.Phone\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Email" PropertyName="Email" SortString="Email" SortKeySelector="item => item.Email" FilterTextboxWidth="120">\n            @context.Email\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Address" PropertyName="Address" SortString="Address" SortKeySelector="item => item.Address" FilterTextboxWidth="150">\n            @context.Address\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Postal Zip" PropertyName="PostalZip" SortString="PostalZip" SortKeySelector="item => item.PostalZip" FilterTextboxWidth="80">\n            @context.PostalZip\n        </GridColumn>\n        <GridColumn TItem="Customer2" Freeze="true" FreezeDirection="FreezeDirection.Right" FreezeRightPosition="0" HeaderText="Country" PropertyName="Country" SortString="Country" SortKeySelector="item => item.Country" FilterTextboxWidth="80">\n            @context.Country\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    [Inject] public ICustomerService _customerService { get; set; } = default!;\n\n    private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request)\n    {\n        string sortString = "";\n        SortDirection sortDirection = SortDirection.None;\n\n        if (request.Sorting is not null && request.Sorting.Any())\n        {\n            // Note: Multi column sorting is not supported at this moment\n            sortString = request.Sorting.FirstOrDefault().SortString;\n            sortDirection = request.Sorting.FirstOrDefault().SortDirection;\n        }\n        var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken);\n        return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/freeze-columns#freeze-columns-with-fixed-header"},"See demo here")),(0,a.kt)("h3",{id:"freeze-columns-with-fixed-header-and-filters"},"Freeze columns with fixed header and filters"),(0,a.kt)("img",{src:"https://i.imgur.com/GzXuQep.png",alt:"Blazor Bootstrap: Grid Component - Freeze columns with fixed header and filters"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,7,9,12,15,27,30} showLineNumbers","{4,7,9,12,15,27,30}":!0,showLineNumbers:!0},'<Grid TItem="Customer2"\n      Class="table table-hover table-bordered text-nowrap"\n      DataProvider="CustomersDataProvider"\n      AllowFiltering="true"\n      AllowPaging="true"\n      AllowSorting="true"\n      FixedHeader="true"\n      Responsive="true"\n      Unit="Unit.Px">\n\n    <GridColumns>\n        <GridColumn TItem="Customer2" Freeze="true" FreezeLeftPosition="0" HeaderText="Id" PropertyName="CustomerId" SortString="CustomerId" SortKeySelector="item => item.CustomerId" FilterTextboxWidth="50" HeaderTextAlignment="Alignment.Center" TextAlignment="Alignment.Center">\n            @context.CustomerId\n        </GridColumn>\n        <GridColumn TItem="Customer2" Freeze="true" FreezeLeftPosition="130.35" HeaderText="Customer Name" PropertyName="CustomerName" SortString="CustomerName" SortKeySelector="item => item.CustomerName" FilterTextboxWidth="80">\n            @context.CustomerName\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Phone" PropertyName="Phone" SortString="Phone" SortKeySelector="item => item.Phone" FilterTextboxWidth="100">\n            @context.Phone\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Email" PropertyName="Email" SortString="Email" SortKeySelector="item => item.Email" FilterTextboxWidth="120">\n            @context.Email\n        </GridColumn>\n        <GridColumn TItem="Customer2" HeaderText="Address" PropertyName="Address" SortString="Address" SortKeySelector="item => item.Address" FilterTextboxWidth="150">\n            @context.Address\n        </GridColumn>\n        <GridColumn TItem="Customer2" Freeze="true" FreezeDirection="FreezeDirection.Right" FreezeRightPosition="171" HeaderText="Postal Zip" PropertyName="PostalZip" SortString="PostalZip" SortKeySelector="item => item.PostalZip" FilterTextboxWidth="80">\n            @context.PostalZip\n        </GridColumn>\n        <GridColumn TItem="Customer2" Freeze="true" FreezeDirection="FreezeDirection.Right" FreezeRightPosition="0" HeaderText="Country" PropertyName="Country" SortString="Country" SortKeySelector="item => item.Country" FilterTextboxWidth="80">\n            @context.Country\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    [Inject] public ICustomerService _customerService { get; set; } = default!;\n\n    private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request)\n    {\n        string sortString = "";\n        SortDirection sortDirection = SortDirection.None;\n\n        if (request.Sorting is not null && request.Sorting.Any())\n        {\n            // Note: Multi column sorting is not supported at this moment\n            sortString = request.Sorting.FirstOrDefault().SortString;\n            sortDirection = request.Sorting.FirstOrDefault().SortDirection;\n        }\n        var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken);\n        return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 });\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/freeze-columns#freeze-columns-with-fixed-header-and-filters"},"See demo here")),(0,a.kt)("h3",{id:"auto-hide-paging"},"Auto hide paging"),(0,a.kt)("p",null,"Automatically hides the paging controls when the grid item count is less than or equal to the ",(0,a.kt)("inlineCode",{parentName:"p"},"PageSize")," and this property is set to ",(0,a.kt)("inlineCode",{parentName:"p"},"true"),"."),(0,a.kt)("img",{src:"https://i.imgur.com/YaOl8P2.png",alt:"Blazor Bootstrap: Grid Component - Auto hide paging"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5} showLineNumbers","{5}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      AllowFiltering="true"\n      AllowPaging="true"\n      AllowSorting="true"\n      AutoHidePaging="true"\n      Class="table table-hover table-bordered table-striped"\n      DataProvider="EmployeesDataProvider"\n      PageSize="10"\n      PageSizeSelectorVisible="true"\n      PageSizeSelectorItems="@(new int[] { 5,10,20 })"\n      Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id" SortKeySelector="item => item.Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name" SortKeySelector="item => item.Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation" SortKeySelector="item => item.Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ" SortKeySelector="item => item.DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive" SortKeySelector="item => item.IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private IEnumerable<Employee1> employees = default!;\n\n    private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)\n    {\n        if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging\n            employees = GetEmployees(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(employees));\n    }\n\n    private IEnumerable<Employee1> GetEmployees()\n    {\n        return new List<Employee1>\n        {\n            new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n            new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n            new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n            new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n            new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true },\n            new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },\n            new Employee1 { Id = 113, Name = "Merlin", Designation = "Senior Consultant", DOJ = new DateOnly(1989, 10, 2), IsActive = true },\n            new Employee1 { Id = 117, Name = "Sharna", Designation = "Data Analyst", DOJ = new DateOnly(1994, 5, 12), IsActive = true },\n            new Employee1 { Id = 108, Name = "Zayne", Designation = "Data Analyst", DOJ = new DateOnly(1991, 1, 1), IsActive = true },\n            new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },\n            new Employee1 { Id = 111, Name = "Glenda", Designation = "Data Engineer", DOJ = new DateOnly(1994, 1, 12), IsActive = true },\n        };\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/paging#auto-hide-paging"},"See demo here")),(0,a.kt)("h3",{id:"enum-filter"},"Enum filter"),(0,a.kt)("img",{src:"https://i.imgur.com/eJ9tlTH.png",alt:"Blazor Bootstrap: Grid Component - Enum filter"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{18-20} showLineNumbers","{18-20}":!0,showLineNumbers:!0},'<Grid @ref="grid"\n       TItem="User"\n       Class="table table-hover table-bordered table-striped"\n       DataProvider="UsersDataProvider"\n       AllowFiltering="true"\n       Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="User" HeaderText="Id" PropertyName="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="User" HeaderText="User Name" PropertyName="Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="User" HeaderText="DOB" PropertyName="DOB">\n            @context.DOB\n        </GridColumn>\n        <GridColumn TItem="User" HeaderText="Status" PropertyName="Status" FilterTextboxWidth="170">\n            @context.Status\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{40,43-48} showLineNumbers","{40,43-48}":!0,showLineNumbers:!0},'@code {\n    BlazorBootstrap.Grid<User> grid = default!;\n    private IEnumerable<User> users = default!;\n\n    protected override async Task OnAfterRenderAsync(bool firstRender)\n    {\n        await base.OnAfterRenderAsync(firstRender);\n    }\n\n    private async Task<GridDataProviderResult<User>> UsersDataProvider(GridDataProviderRequest<User> request)\n    {\n        if (users is null) // pull employees only one time for client-side filtering, sorting, and paging\n            users = GetUsers(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(users));\n    }\n\n    private IEnumerable<User> GetUsers()\n    {\n        return new List<User>\n        {\n            new User { Id = 107, Name = "Alice", DOB = new DateOnly(1998, 11, 17), Status = UserStatus.Registered },\n            new User { Id = null, Name = "Bob", DOB = new DateOnly(1985, 1, 5), Status = UserStatus.Verified },\n            new User { Id = 106, Name = "John", DOB = new DateOnly(1995, 4, 17), Status = UserStatus.Registered },\n            new User { Id = 104, Name = "Pop", DOB = new DateOnly(1985, 6, 8), Status = UserStatus.Registered },\n            new User { Id = 105, Name = "Ronald", DOB = new DateOnly(1991, 8, 23), Status = UserStatus.VerificationPending },\n            new User { Id = 102, Name = "Line", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.VerificationPending },\n            new User { Id = 101, Name = "Daniel", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.Registered },\n            new User { Id = 108, Name = "Zayne", DOB = new DateOnly(1991, 1, 1), Status = UserStatus.Verified },\n            new User { Id = 109, Name = "Isha", DOB = null, Status = UserStatus.Verified },\n            new User { Id = 110, Name = "Vijay", DOB = new DateOnly(1990, 7, 1), Status = UserStatus.Verified },\n        };\n    }\n\n    public record class User\n    {\n        public int? Id { get; set; }\n        public string? Name { get; set; }\n        public DateOnly? DOB { get; set; }\n        public UserStatus Status { get; set; }\n    }\n\n    public enum UserStatus\n    {\n        Registered,\n        VerificationPending,\n        Verified\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/filters#enum-filter"},"See demo here")),(0,a.kt)("h3",{id:"guid-filter"},"Guid filter"),(0,a.kt)("img",{src:"https://i.imgur.com/0ZuKyGX.png",alt:"Blazor Bootstrap: Grid Component - Guid filter"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{9-11,37,44-49} showLineNumbers","{9-11,37,44-49}":!0,showLineNumbers:!0},'<Grid @ref="grid"\n       TItem="User"\n       Class="table table-hover table-bordered table-striped"\n       DataProvider="UsersDataProvider"\n       AllowFiltering="true"\n       Responsive="true">\n\n    <GridColumns>\n        <GridColumn TItem="User" HeaderText="Oid" PropertyName="Oid" FilterTextboxWidth="240">\n            @context.Oid\n        </GridColumn>\n        <GridColumn TItem="User" HeaderText="Id" PropertyName="Id" FilterTextboxWidth="70">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="User" HeaderText="User Name" PropertyName="Name" FilterTextboxWidth="100">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="User" HeaderText="DOB" PropertyName="DOB">\n            @context.DOB\n        </GridColumn>\n        <GridColumn TItem="User" HeaderText="Status" PropertyName="Status" FilterTextboxWidth="170">\n            @context.Status\n        </GridColumn>\n    </GridColumns>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    BlazorBootstrap.Grid<User> grid = default!;\n    private IEnumerable<User> users = default!;\n\n    protected override async Task OnAfterRenderAsync(bool firstRender)\n    {\n        await base.OnAfterRenderAsync(firstRender);\n    }\n\n    private async Task<GridDataProviderResult<User>> UsersDataProvider(GridDataProviderRequest<User> request)\n    {\n        if (users is null) // pull employees only one time for client-side filtering, sorting, and paging\n            users = GetUsers(); // call a service or an API to pull the employees\n\n        return await Task.FromResult(request.ApplyTo(users));\n    }\n\n    private IEnumerable<User> GetUsers()\n    {\n        return new List<User>\n        {\n            new User { Oid = Guid.NewGuid(), Id = 107, Name = "Alice", DOB = new DateOnly(1998, 11, 17), Status = UserStatus.Registered },\n            new User { Oid = Guid.NewGuid(), Id = null, Name = "Bob", DOB = new DateOnly(1985, 1, 5), Status = UserStatus.Verified },\n            new User { Oid = Guid.NewGuid(), Id = 106, Name = "John", DOB = new DateOnly(1995, 4, 17), Status = UserStatus.Registered },\n            new User { Oid = Guid.NewGuid(), Id = 104, Name = "Pop", DOB = new DateOnly(1985, 6, 8), Status = UserStatus.Registered },\n            new User { Oid = Guid.NewGuid(), Id = 105, Name = "Ronald", DOB = new DateOnly(1991, 8, 23), Status = UserStatus.VerificationPending },\n            new User { Oid = Guid.NewGuid(), Id = 102, Name = "Line", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.VerificationPending },\n            new User { Oid = Guid.NewGuid(), Id = 101, Name = "Daniel", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.Registered },\n            new User { Oid = Guid.NewGuid(), Id = 108, Name = "Zayne", DOB = new DateOnly(1991, 1, 1), Status = UserStatus.Verified },\n            new User { Oid = Guid.NewGuid(), Id = 109, Name = "Isha", DOB = null, Status = UserStatus.Verified },\n            new User { Oid = Guid.NewGuid(), Id = 110, Name = "Vijay", DOB = new DateOnly(1990, 7, 1), Status = UserStatus.Verified },\n        };\n    }\n\n    public record class User\n    {\n        public Guid Oid { get; set; }\n        public int? Id { get; set; }\n        public string? Name { get; set; }\n        public DateOnly? DOB { get; set; }\n        public UserStatus Status { get; set; }\n    }\n\n    public enum UserStatus\n    {\n        Registered,\n        VerificationPending,\n        Verified\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/filters#guid-filter"},"See demo here")),(0,a.kt)("h3",{id:"detail-view"},"Detail View"),(0,a.kt)("p",null,"To enable detail view, set the ",(0,a.kt)("inlineCode",{parentName:"p"},"AllowDetailView")," parameter to true. In the following example, existing ",(0,a.kt)("inlineCode",{parentName:"p"},"<GridColumn>")," tags are nested under ",(0,a.kt)("inlineCode",{parentName:"p"},"<GridColumns>")," tag to distinguish them from ",(0,a.kt)("inlineCode",{parentName:"p"},"<GridDetailView>"),"."),(0,a.kt)("img",{src:"https://i.imgur.com/eetvhBB.png",alt:"Blazor Bootstrap: Grid Component - Detail View"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,24-45} showLineNumbers","{4,24-45}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover border-top"\n      Data="employees"\n      AllowDetailView="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n    <GridDetailView TItem="Employee1">\n        <div class="row">\n            <div class="col-2 fw-bold">Id</div>\n            <div class="col">@context.Id</div>\n        </div>\n        <div class="row">\n            <div class="col-2 fw-bold">Name</div>\n            <div class="col">@context.Name</div>\n        </div>\n        <div class="row">\n            <div class="col-2 fw-bold">Designation</div>\n            <div class="col">@context.Designation</div>\n        </div>\n        <div class="row">\n            <div class="col-2 fw-bold">DOJ</div>\n            <div class="col">@context.DOJ</div>\n        </div>\n        <div class="row">\n            <div class="col-2 fw-bold">IsActive</div>\n            <div class="col">@context.IsActive</div>\n        </div>\n    </GridDetailView>\n\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private List<Employee1> employees = new List<Employee1> {\n        new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n        new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n        new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n        new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n        new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true }\n    };\n\n    public record class Employee1\n    {\n        public int Id { get; set; }\n        public string? Name { get; set; }\n        public string? Designation { get; set; }\n        public DateOnly DOJ { get; set; }\n        public bool IsActive { get; set; }\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/detail-view"},"See demo here")),(0,a.kt)("h3",{id:"nested-grid"},"Nested Grid"),(0,a.kt)("p",null,"To create a nested grid, we first need to enable the detail view. To enable the detail view, set the ",(0,a.kt)("strong",{parentName:"p"},"AllowDetailView")," parameter to ",(0,a.kt)("strong",{parentName:"p"},"true"),". In the following example, existing ",(0,a.kt)("inlineCode",{parentName:"p"},"<GridColumn>")," tags are nested under ",(0,a.kt)("inlineCode",{parentName:"p"},"<GridColumns>")," tag to distinguish them from ",(0,a.kt)("inlineCode",{parentName:"p"},"<GridDetailView>"),"."),(0,a.kt)("img",{src:"https://i.imgur.com/IpMhPwG.png",alt:"Blazor Bootstrap: Grid Component - Detail View"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{4,24,28,48,69,73} showLineNumbers","{4,24,28,48,69,73}":!0,showLineNumbers:!0},'<Grid TItem="Employee1"\n      Class="table table-hover border-top"\n      Data="employees"\n      AllowDetailView="true">\n\n    <GridColumns>\n        <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">\n            @context.Id\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Employee Name" PropertyName="Name">\n            @context.Name\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Designation" PropertyName="Designation">\n            @context.Designation\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="DOJ" PropertyName="DOJ">\n            @context.DOJ\n        </GridColumn>\n        <GridColumn TItem="Employee1" HeaderText="Active" PropertyName="IsActive">\n            @context.IsActive\n        </GridColumn>\n    </GridColumns>\n\n    <GridDetailView TItem="Employee1">\n        <Grid TItem="Employee1"\n              Class="table table-hover border-top"\n              Data="employees"\n              AllowDetailView="true">\n\n            <GridColumns>\n                <GridColumn TItem="Employee1" Context="emp1" HeaderText="Id" PropertyName="Id">\n                    @emp1.Id\n                </GridColumn>\n                <GridColumn TItem="Employee1" Context="emp1" HeaderText="Employee Name" PropertyName="Name">\n                    @emp1.Name\n                </GridColumn>\n                <GridColumn TItem="Employee1" Context="emp1" HeaderText="Designation" PropertyName="Designation">\n                    @emp1.Designation\n                </GridColumn>\n                <GridColumn TItem="Employee1" Context="emp1" HeaderText="DOJ" PropertyName="DOJ">\n                    @emp1.DOJ\n                </GridColumn>\n                <GridColumn TItem="Employee1" Context="emp1" HeaderText="Active" PropertyName="IsActive">\n                    @emp1.IsActive\n                </GridColumn>\n            </GridColumns>\n\n            <GridDetailView TItem="Employee1" Context="emp1">\n                <div class="row">\n                    <div class="col-2 fw-bold">Id</div>\n                    <div class="col">@emp1.Id</div>\n                </div>\n                <div class="row">\n                    <div class="col-2 fw-bold">Name</div>\n                    <div class="col">@emp1.Name</div>\n                </div>\n                <div class="row">\n                    <div class="col-2 fw-bold">Designation</div>\n                    <div class="col">@emp1.Designation</div>\n                </div>\n                <div class="row">\n                    <div class="col-2 fw-bold">DOJ</div>\n                    <div class="col">@emp1.DOJ</div>\n                </div>\n                <div class="row">\n                    <div class="col-2 fw-bold">IsActive</div>\n                    <div class="col">@emp1.IsActive</div>\n                </div>\n            </GridDetailView>\n\n        </Grid>\n\n    </GridDetailView>\n</Grid>\n')),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    private List<Employee1> employees = new List<Employee1> {\n        new Employee1 { Id = 107, Name = "Alice", Designation = "AI Engineer", DOJ = new DateOnly(1998, 11, 17), IsActive = true },\n        new Employee1 { Id = 103, Name = "Bob", Designation = "Senior DevOps Engineer", DOJ = new DateOnly(1985, 1, 5), IsActive = true },\n        new Employee1 { Id = 106, Name = "John", Designation = "Data Engineer", DOJ = new DateOnly(1995, 4, 17), IsActive = true },\n        new Employee1 { Id = 104, Name = "Pop", Designation = "Associate Architect", DOJ = new DateOnly(1985, 6, 8), IsActive = false },\n        new Employee1 { Id = 105, Name = "Ronald", Designation = "Senior Data Engineer", DOJ = new DateOnly(1991, 8, 23), IsActive = true }\n    };\n\n    public record class Employee1\n    {\n        public int Id { get; set; }\n        public string? Name { get; set; }\n        public string? Designation { get; set; }\n        public DateOnly DOJ { get; set; }\n        public bool IsActive { get; set; }\n    }\n}\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/grid/nested-grid"},"See demo here")))}c.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/28db7278.a92066fb.js b/assets/js/28db7278.ac187b18.js
similarity index 84%
rename from assets/js/28db7278.a92066fb.js
rename to assets/js/28db7278.ac187b18.js
index 9b2480445..901cae579 100644
--- a/assets/js/28db7278.a92066fb.js
+++ b/assets/js/28db7278.ac187b18.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[86321],{54540:a=>{a.exports=JSON.parse('{"label":"blazor","permalink":"/blog/tags/blazor","allTagsPath":"/blog/tags","count":41}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[86321],{54540:a=>{a.exports=JSON.parse('{"label":"blazor","permalink":"/blog/tags/blazor","allTagsPath":"/blog/tags","count":42}')}}]);
\ No newline at end of file
diff --git a/assets/js/3910f4a5.4c6edc79.js b/assets/js/3910f4a5.4c6edc79.js
deleted file mode 100644
index 8809d9b00..000000000
--- a/assets/js/3910f4a5.4c6edc79.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[11165],{3905:(e,t,a)=>{a.d(t,{Zo:()=>s,kt:()=>c});var r=a(67294);function n(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function l(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function o(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?l(Object(a),!0).forEach((function(t){n(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):l(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function i(e,t){if(null==e)return{};var a,r,n=function(e,t){if(null==e)return{};var a,r,n={},l=Object.keys(e);for(r=0;r<l.length;r++)a=l[r],t.indexOf(a)>=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)a=l[r],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var p=r.createContext({}),m=function(e){var t=r.useContext(p),a=t;return e&&(a="function"==typeof e?e(t):o(o({},t),e)),a},s=function(e){var t=m(e.components);return r.createElement(p.Provider,{value:t},e.children)},d="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},k=r.forwardRef((function(e,t){var a=e.components,n=e.mdxType,l=e.originalType,p=e.parentName,s=i(e,["components","mdxType","originalType","parentName"]),d=m(a),k=n,c=d["".concat(p,".").concat(k)]||d[k]||u[k]||l;return a?r.createElement(c,o(o({ref:t},s),{},{components:a})):r.createElement(c,o({ref:t},s))}));function c(e,t){var a=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var l=a.length,o=new Array(l);o[0]=k;var i={};for(var p in t)hasOwnProperty.call(t,p)&&(i[p]=t[p]);i.originalType=e,i[d]="string"==typeof e?e:n,o[1]=i;for(var m=2;m<l;m++)o[m]=a[m];return r.createElement.apply(null,o)}return r.createElement.apply(null,a)}k.displayName="MDXCreateElement"},34329:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>p,contentTitle:()=>o,default:()=>u,frontMatter:()=>l,metadata:()=>i,toc:()=>m});var r=a(87462),n=(a(67294),a(3905));const l={title:"Blazor Bootstrap v3.0.0-preview.1",authors:{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067"},tags:["v3.0.0","blazor","bootstrap","blazorbootstrap","accordion","button","callout","dropdown","grid","modal","ribbon","tab","sidebar","sidebar2"]},o=void 0,i={permalink:"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1",editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md",source:"@site/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md",title:"Blazor Bootstrap v3.0.0-preview.1",description:"We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!",date:"2024-06-08T00:00:00.000Z",formattedDate:"June 8, 2024",tags:[{label:"v3.0.0",permalink:"/blog/tags/v-3-0-0"},{label:"blazor",permalink:"/blog/tags/blazor"},{label:"bootstrap",permalink:"/blog/tags/bootstrap"},{label:"blazorbootstrap",permalink:"/blog/tags/blazorbootstrap"},{label:"accordion",permalink:"/blog/tags/accordion"},{label:"button",permalink:"/blog/tags/button"},{label:"callout",permalink:"/blog/tags/callout"},{label:"dropdown",permalink:"/blog/tags/dropdown"},{label:"grid",permalink:"/blog/tags/grid"},{label:"modal",permalink:"/blog/tags/modal"},{label:"ribbon",permalink:"/blog/tags/ribbon"},{label:"tab",permalink:"/blog/tags/tab"},{label:"sidebar",permalink:"/blog/tags/sidebar"},{label:"sidebar2",permalink:"/blog/tags/sidebar-2"}],readingTime:1.23,hasTruncateMarker:!0,authors:[{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067",imageURL:"https://avatars.githubusercontent.com/u/2337067"}],frontMatter:{title:"Blazor Bootstrap v3.0.0-preview.1",authors:{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067",imageURL:"https://avatars.githubusercontent.com/u/2337067"},tags:["v3.0.0","blazor","bootstrap","blazorbootstrap","accordion","button","callout","dropdown","grid","modal","ribbon","tab","sidebar","sidebar2"]},nextItem:{title:"Blazor Bootstrap v2.2.1",permalink:"/blog/2024/04/21/blazorbootstrap-2.2.1"}},p={authorsImageUrls:[void 0]},m=[{value:"What&#39;s changed",id:"whats-changed",level:2},{value:"Breaking changes",id:"breaking-changes",level:2},{value:"Links",id:"links",level:2}],s={toc:m},d="wrapper";function u(e){let{components:t,...a}=e;return(0,n.kt)(d,(0,r.Z)({},s,a,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("p",null,"We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"),(0,n.kt)("p",null,(0,n.kt)("img",{parentName:"p",src:"https://i.imgur.com/XG4Wv17.png",alt:"image",title:"Blazor Bootstrap: Grid Component - Column class"})),(0,n.kt)("h2",{id:"whats-changed"},"What's changed"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Chart")," components"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"Tick configuration support added"),(0,n.kt)("li",{parentName:"ul"},"Grid configuration support added"))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Grid")," component"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"New parameter ",(0,n.kt)("strong",{parentName:"li"},"FilterButtonColor")," added to change the filter button color."),(0,n.kt)("li",{parentName:"ul"},"New parameter ",(0,n.kt)("strong",{parentName:"li"},"FilterButtonCSSClass")," added to apply custom CSS classes."),(0,n.kt)("li",{parentName:"ul"},"Grid filters - Supports ",(0,n.kt)("inlineCode",{parentName:"li"},"DoesNotContain")," filter."),(0,n.kt)("li",{parentName:"ul"},"Grid filters - ",(0,n.kt)("strong",{parentName:"li"},"Enum")," support added."),(0,n.kt)("li",{parentName:"ul"},"Grid filters - ",(0,n.kt)("strong",{parentName:"li"},"Guid")," support added."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Modal")," component"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"Bootstrtap 5.3.3 fixes: Modal close button alignment issue fixed. "))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Sidebar")," component"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Href")," parameter added."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Sidebar2")," component"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Href")," parameter added."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"BlazorBootstrtap component library targets .NET 6 and .NET 8 frameworks.")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"Demos & Docs updated."))),(0,n.kt)("h2",{id:"breaking-changes"},"Breaking changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"AccordionItem")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"IsActive")," parameter renamed to ",(0,n.kt)("strong",{parentName:"li"},"Active"),"."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Button")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Size"),"'s parameter data type changed from ",(0,n.kt)("strong",{parentName:"li"},"Size")," to ",(0,n.kt)("strong",{parentName:"li"},"ButtonSize"),"."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Callout")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Type")," parameter changed to ",(0,n.kt)("strong",{parentName:"li"},"Color"),"."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Dropdown")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"Set the dropdown color on ",(0,n.kt)("inlineCode",{parentName:"li"},"Dropdown")," component only instead of setting on the ",(0,n.kt)("inlineCode",{parentName:"li"},"DropdownActionButton")," and ",(0,n.kt)("inlineCode",{parentName:"li"},"DropdownToggleButton"),"."),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Size"),"'s parameter data type changed from ",(0,n.kt)("strong",{parentName:"li"},"Size")," to ",(0,n.kt)("strong",{parentName:"li"},"DropdownSize"),"."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"DropdownActionButton")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Color")," parameter removed."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"DropdownToggleButton")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Color")," parameter removed."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"DropdownItem")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Type"),"'s parameter data type changed from ",(0,n.kt)("strong",{parentName:"li"},"ButtonType")," to ",(0,n.kt)("strong",{parentName:"li"},"DropdownItemType"),"."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"RibbonTab")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"IsActive")," parameter renamed to ",(0,n.kt)("strong",{parentName:"li"},"Active"),"."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Tab")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"IsActive")," parameter renamed to ",(0,n.kt)("strong",{parentName:"li"},"Active"),".")))),(0,n.kt)("h2",{id:"links"},"Links"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"https://demos.blazorbootstrap.com/"},"Demo Website - Blazor Server")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"https://demos.getblazorbootstrap.com/"},"Demo Website - Blazor WebAssembly"))))}u.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/3910f4a5.75fdbe67.js b/assets/js/3910f4a5.75fdbe67.js
new file mode 100644
index 000000000..11a0f3458
--- /dev/null
+++ b/assets/js/3910f4a5.75fdbe67.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[11165],{3905:(e,t,a)=>{a.d(t,{Zo:()=>s,kt:()=>b});var r=a(67294);function n(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function l(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?o(Object(a),!0).forEach((function(t){n(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function i(e,t){if(null==e)return{};var a,r,n=function(e,t){if(null==e)return{};var a,r,n={},o=Object.keys(e);for(r=0;r<o.length;r++)a=o[r],t.indexOf(a)>=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)a=o[r],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var p=r.createContext({}),m=function(e){var t=r.useContext(p),a=t;return e&&(a="function"==typeof e?e(t):l(l({},t),e)),a},s=function(e){var t=m(e.components);return r.createElement(p.Provider,{value:t},e.children)},d="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},k=r.forwardRef((function(e,t){var a=e.components,n=e.mdxType,o=e.originalType,p=e.parentName,s=i(e,["components","mdxType","originalType","parentName"]),d=m(a),k=n,b=d["".concat(p,".").concat(k)]||d[k]||u[k]||o;return a?r.createElement(b,l(l({ref:t},s),{},{components:a})):r.createElement(b,l({ref:t},s))}));function b(e,t){var a=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var o=a.length,l=new Array(o);l[0]=k;var i={};for(var p in t)hasOwnProperty.call(t,p)&&(i[p]=t[p]);i.originalType=e,i[d]="string"==typeof e?e:n,l[1]=i;for(var m=2;m<o;m++)l[m]=a[m];return r.createElement.apply(null,l)}return r.createElement.apply(null,a)}k.displayName="MDXCreateElement"},34329:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>u,frontMatter:()=>o,metadata:()=>i,toc:()=>m});var r=a(87462),n=(a(67294),a(3905));const o={title:"Blazor Bootstrap v3.0.0-preview.1",authors:{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067"},tags:["v3.0.0","blazor","bootstrap","blazorbootstrap","accordion","button","callout","dropdown","grid","modal","ribbon","tab","sidebar","sidebar2"]},l=void 0,i={permalink:"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1",editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md",source:"@site/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md",title:"Blazor Bootstrap v3.0.0-preview.1",description:"We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!",date:"2024-06-08T00:00:00.000Z",formattedDate:"June 8, 2024",tags:[{label:"v3.0.0",permalink:"/blog/tags/v-3-0-0"},{label:"blazor",permalink:"/blog/tags/blazor"},{label:"bootstrap",permalink:"/blog/tags/bootstrap"},{label:"blazorbootstrap",permalink:"/blog/tags/blazorbootstrap"},{label:"accordion",permalink:"/blog/tags/accordion"},{label:"button",permalink:"/blog/tags/button"},{label:"callout",permalink:"/blog/tags/callout"},{label:"dropdown",permalink:"/blog/tags/dropdown"},{label:"grid",permalink:"/blog/tags/grid"},{label:"modal",permalink:"/blog/tags/modal"},{label:"ribbon",permalink:"/blog/tags/ribbon"},{label:"tab",permalink:"/blog/tags/tab"},{label:"sidebar",permalink:"/blog/tags/sidebar"},{label:"sidebar2",permalink:"/blog/tags/sidebar-2"}],readingTime:1.23,hasTruncateMarker:!0,authors:[{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067",imageURL:"https://avatars.githubusercontent.com/u/2337067"}],frontMatter:{title:"Blazor Bootstrap v3.0.0-preview.1",authors:{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067",imageURL:"https://avatars.githubusercontent.com/u/2337067"},tags:["v3.0.0","blazor","bootstrap","blazorbootstrap","accordion","button","callout","dropdown","grid","modal","ribbon","tab","sidebar","sidebar2"]},prevItem:{title:"Blazor Bootstrap v3.0.0-preview.2",permalink:"/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"},nextItem:{title:"Blazor Bootstrap v2.2.1",permalink:"/blog/2024/04/21/blazorbootstrap-2.2.1"}},p={authorsImageUrls:[void 0]},m=[{value:"What&#39;s changed",id:"whats-changed",level:2},{value:"Breaking changes",id:"breaking-changes",level:2},{value:"Links",id:"links",level:2}],s={toc:m},d="wrapper";function u(e){let{components:t,...a}=e;return(0,n.kt)(d,(0,r.Z)({},s,a,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("p",null,"We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"),(0,n.kt)("p",null,(0,n.kt)("img",{parentName:"p",src:"https://i.imgur.com/XG4Wv17.png",alt:"image",title:"Blazor Bootstrap: Grid Component - Column class"})),(0,n.kt)("h2",{id:"whats-changed"},"What's changed"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Chart")," components"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"Tick configuration support added"),(0,n.kt)("li",{parentName:"ul"},"Grid configuration support added"))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Grid")," component"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"New parameter ",(0,n.kt)("strong",{parentName:"li"},"FilterButtonColor")," added to change the filter button color."),(0,n.kt)("li",{parentName:"ul"},"New parameter ",(0,n.kt)("strong",{parentName:"li"},"FilterButtonCSSClass")," added to apply custom CSS classes."),(0,n.kt)("li",{parentName:"ul"},"Grid filters - Supports ",(0,n.kt)("inlineCode",{parentName:"li"},"DoesNotContain")," filter."),(0,n.kt)("li",{parentName:"ul"},"Grid filters - ",(0,n.kt)("strong",{parentName:"li"},"Enum")," support added."),(0,n.kt)("li",{parentName:"ul"},"Grid filters - ",(0,n.kt)("strong",{parentName:"li"},"Guid")," support added."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Modal")," component"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"Bootstrtap 5.3.3 fixes: Modal close button alignment issue fixed. "))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Sidebar")," component"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Href")," parameter added."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Sidebar2")," component"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Href")," parameter added."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"BlazorBootstrtap component library targets .NET 6 and .NET 8 frameworks.")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"Demos & Docs updated."))),(0,n.kt)("h2",{id:"breaking-changes"},"Breaking changes"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"AccordionItem")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"IsActive")," parameter renamed to ",(0,n.kt)("strong",{parentName:"li"},"Active"),"."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Button")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Size"),"'s parameter data type changed from ",(0,n.kt)("strong",{parentName:"li"},"Size")," to ",(0,n.kt)("strong",{parentName:"li"},"ButtonSize"),"."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Callout")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Type")," parameter changed to ",(0,n.kt)("strong",{parentName:"li"},"Color"),"."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Dropdown")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"Set the dropdown color on ",(0,n.kt)("inlineCode",{parentName:"li"},"Dropdown")," component only instead of setting on the ",(0,n.kt)("inlineCode",{parentName:"li"},"DropdownActionButton")," and ",(0,n.kt)("inlineCode",{parentName:"li"},"DropdownToggleButton"),"."),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Size"),"'s parameter data type changed from ",(0,n.kt)("strong",{parentName:"li"},"Size")," to ",(0,n.kt)("strong",{parentName:"li"},"DropdownSize"),"."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"DropdownActionButton")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Color")," parameter removed."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"DropdownToggleButton")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Color")," parameter removed."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"DropdownItem")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"Type"),"'s parameter data type changed from ",(0,n.kt)("strong",{parentName:"li"},"ButtonType")," to ",(0,n.kt)("strong",{parentName:"li"},"DropdownItemType"),"."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"RibbonTab")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"IsActive")," parameter renamed to ",(0,n.kt)("strong",{parentName:"li"},"Active"),"."))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("inlineCode",{parentName:"p"},"Tab")),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("strong",{parentName:"li"},"IsActive")," parameter renamed to ",(0,n.kt)("strong",{parentName:"li"},"Active"),".")))),(0,n.kt)("h2",{id:"links"},"Links"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"https://demos.blazorbootstrap.com/"},"Demo Website - Blazor Server")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("a",{parentName:"li",href:"https://demos.getblazorbootstrap.com/"},"Demo Website - Blazor WebAssembly"))))}u.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/3cda21e2.40707e9d.js b/assets/js/3cda21e2.53e05618.js
similarity index 79%
rename from assets/js/3cda21e2.40707e9d.js
rename to assets/js/3cda21e2.53e05618.js
index ddf8febe1..fef37c681 100644
--- a/assets/js/3cda21e2.40707e9d.js
+++ b/assets/js/3cda21e2.53e05618.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[63054],{35255:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/bootstrap","page":1,"postsPerPage":10,"totalPages":4,"totalCount":34,"nextPage":"/blog/tags/bootstrap/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[63054],{35255:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/bootstrap","page":1,"postsPerPage":10,"totalPages":4,"totalCount":35,"nextPage":"/blog/tags/bootstrap/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/44ac4dbb.c2633a70.js b/assets/js/44ac4dbb.05aff4b9.js
similarity index 80%
rename from assets/js/44ac4dbb.c2633a70.js
rename to assets/js/44ac4dbb.05aff4b9.js
index c0a54bfde..9be5c7df0 100644
--- a/assets/js/44ac4dbb.c2633a70.js
+++ b/assets/js/44ac4dbb.05aff4b9.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[77142],{90399:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/6","page":6,"postsPerPage":10,"totalPages":7,"totalCount":62,"previousPage":"/blog/page/5","nextPage":"/blog/page/7","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[77142],{90399:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/6","page":6,"postsPerPage":10,"totalPages":7,"totalCount":63,"previousPage":"/blog/page/5","nextPage":"/blog/page/7","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/46038721.2c59fad2.js b/assets/js/46038721.41e30cca.js
similarity index 79%
rename from assets/js/46038721.2c59fad2.js
rename to assets/js/46038721.41e30cca.js
index 1241a323c..b9d1d420c 100644
--- a/assets/js/46038721.2c59fad2.js
+++ b/assets/js/46038721.41e30cca.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[56325],{61397:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/grid/page/3","page":3,"postsPerPage":10,"totalPages":3,"totalCount":21,"previousPage":"/blog/tags/grid/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[56325],{61397:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/grid/page/3","page":3,"postsPerPage":10,"totalPages":3,"totalCount":22,"previousPage":"/blog/tags/grid/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/46048.039bc60b.js b/assets/js/46048.4c6057c9.js
similarity index 99%
rename from assets/js/46048.039bc60b.js
rename to assets/js/46048.4c6057c9.js
index 23add517b..defee37d2 100644
--- a/assets/js/46048.039bc60b.js
+++ b/assets/js/46048.4c6057c9.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[46048],{39058:(e,t,a)=>{a.d(t,{Z:()=>h});var l=a(67294),r=a(86010),n=a(70179),o=a(87524),s=a(39960),i=a(95999);const m={sidebar:"sidebar_re4s",sidebarItemTitle:"sidebarItemTitle_pO2u",sidebarItemList:"sidebarItemList_Yudw",sidebarItem:"sidebarItem__DBe",sidebarItemLink:"sidebarItemLink_mo7H",sidebarItemLinkActive:"sidebarItemLinkActive_I1ZP"};function c(e){let{sidebar:t}=e;return l.createElement("aside",{className:"col col--3"},l.createElement("nav",{className:(0,r.Z)(m.sidebar,"thin-scrollbar"),"aria-label":(0,i.I)({id:"theme.blog.sidebar.navAriaLabel",message:"Blog recent posts navigation",description:"The ARIA label for recent posts in the blog sidebar"})},l.createElement("div",{className:(0,r.Z)(m.sidebarItemTitle,"margin-bottom--md")},t.title),l.createElement("ul",{className:(0,r.Z)(m.sidebarItemList,"clean-list")},t.items.map((e=>l.createElement("li",{key:e.permalink,className:m.sidebarItem},l.createElement(s.Z,{isNavLink:!0,to:e.permalink,className:m.sidebarItemLink,activeClassName:m.sidebarItemLinkActive},e.title)))))))}var u=a(13102);function d(e){let{sidebar:t}=e;return l.createElement("ul",{className:"menu__list"},t.items.map((e=>l.createElement("li",{key:e.permalink,className:"menu__list-item"},l.createElement(s.Z,{isNavLink:!0,to:e.permalink,className:"menu__link",activeClassName:"menu__link--active"},e.title)))))}function g(e){return l.createElement(u.Zo,{component:d,props:e})}function p(e){let{sidebar:t}=e;const a=(0,o.i)();return t?.items.length?"mobile"===a?l.createElement(g,{sidebar:t}):l.createElement(c,{sidebar:t}):null}function h(e){const{sidebar:t,toc:a,children:o,...s}=e,i=t&&t.items.length>0;return l.createElement(n.Z,s,l.createElement("div",{className:"container margin-vert--lg"},l.createElement("div",{className:"row"},l.createElement(p,{sidebar:t}),l.createElement("main",{className:(0,r.Z)("col",{"col--7":i,"col--9 col--offset-1":!i}),itemScope:!0,itemType:"http://schema.org/Blog"},o),a&&l.createElement("div",{className:"col col--2"},a))))}},30390:(e,t,a)=>{a.d(t,{Z:()=>A});var l=a(67294),r=a(86010),n=a(9460),o=a(44996);function s(e){let{children:t,className:a}=e;const{frontMatter:r,assets:s,metadata:{description:i}}=(0,n.C)(),{withBaseUrl:m}=(0,o.C)(),c=s.image??r.image,u=r.keywords??[];return l.createElement("article",{className:a,itemProp:"blogPost",itemScope:!0,itemType:"http://schema.org/BlogPosting"},i&&l.createElement("meta",{itemProp:"description",content:i}),c&&l.createElement("link",{itemProp:"image",href:m(c,{absolute:!0})}),u.length>0&&l.createElement("meta",{itemProp:"keywords",content:u.join(",")}),t)}var i=a(39960);const m={title:"title_f1Hy"};function c(e){let{className:t}=e;const{metadata:a,isBlogPostPage:o}=(0,n.C)(),{permalink:s,title:c}=a,u=o?"h1":"h2";return l.createElement(u,{className:(0,r.Z)(m.title,t),itemProp:"headline"},o?c:l.createElement(i.Z,{itemProp:"url",to:s},c))}var u=a(95999),d=a(88824);const g={container:"container_mt6G"};function p(e){let{readingTime:t}=e;const a=function(){const{selectMessage:e}=(0,d.c)();return t=>{const a=Math.ceil(t);return e(a,(0,u.I)({id:"theme.blog.post.readingTime.plurals",description:'Pluralized label for "{readingTime} min read". Use as much plural forms (separated by "|") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)',message:"One min read|{readingTime} min read"},{readingTime:a}))}}();return l.createElement(l.Fragment,null,a(t))}function h(e){let{date:t,formattedDate:a}=e;return l.createElement("time",{dateTime:t,itemProp:"datePublished"},a)}function b(){return l.createElement(l.Fragment,null," \xb7 ")}function E(e){let{className:t}=e;const{metadata:a}=(0,n.C)(),{date:o,formattedDate:s,readingTime:i}=a;return l.createElement("div",{className:(0,r.Z)(g.container,"margin-vert--md",t)},l.createElement(h,{date:o,formattedDate:s}),void 0!==i&&l.createElement(l.Fragment,null,l.createElement(b,null),l.createElement(p,{readingTime:i})))}function f(e){return e.href?l.createElement(i.Z,e):l.createElement(l.Fragment,null,e.children)}function v(e){let{author:t,className:a}=e;const{name:n,title:o,url:s,imageURL:i,email:m}=t,c=s||m&&`mailto:${m}`||void 0;return l.createElement("div",{className:(0,r.Z)("avatar margin-bottom--sm",a)},i&&l.createElement(f,{href:c,className:"avatar__photo-link"},l.createElement("img",{className:"avatar__photo",src:i,alt:n,itemProp:"image"})),n&&l.createElement("div",{className:"avatar__intro",itemProp:"author",itemScope:!0,itemType:"https://schema.org/Person"},l.createElement("div",{className:"avatar__name"},l.createElement(f,{href:c,itemProp:"url"},l.createElement("span",{itemProp:"name"},n))),o&&l.createElement("small",{className:"avatar__subtitle",itemProp:"description"},o)))}const P={authorCol:"authorCol_Hf19",imageOnlyAuthorRow:"imageOnlyAuthorRow_pa_O",imageOnlyAuthorCol:"imageOnlyAuthorCol_G86a"};function N(e){let{className:t}=e;const{metadata:{authors:a},assets:o}=(0,n.C)();if(0===a.length)return null;const s=a.every((e=>{let{name:t}=e;return!t}));return l.createElement("div",{className:(0,r.Z)("margin-top--md margin-bottom--sm",s?P.imageOnlyAuthorRow:"row",t)},a.map(((e,t)=>l.createElement("div",{className:(0,r.Z)(!s&&"col col--6",s?P.imageOnlyAuthorCol:P.authorCol),key:t},l.createElement(v,{author:{...e,imageURL:o.authorsImageUrls[t]??e.imageURL}})))))}function _(){return l.createElement("header",null,l.createElement(c,null),l.createElement(E,null),l.createElement(N,null))}var k=a(18780),Z=a(98718);function I(e){let{children:t,className:a}=e;const{isBlogPostPage:o}=(0,n.C)();return l.createElement("div",{id:o?k.blogPostContainerID:void 0,className:(0,r.Z)("markdown",a),itemProp:"articleBody"},l.createElement(Z.Z,null,t))}var C=a(84881),w=a(71526),y=a(87462);function T(){return l.createElement("b",null,l.createElement(u.Z,{id:"theme.blog.post.readMore",description:"The label used in blog post item excerpts to link to full blog posts"},"Read More"))}function F(e){const{blogPostTitle:t,...a}=e;return l.createElement(i.Z,(0,y.Z)({"aria-label":(0,u.I)({message:"Read more about {title}",id:"theme.blog.post.readMoreLabel",description:"The ARIA label for the link to full blog posts from excerpts"},{title:t})},a),l.createElement(T,null))}const L={blogPostFooterDetailsFull:"blogPostFooterDetailsFull_mRVl"};function B(){const{metadata:e,isBlogPostPage:t}=(0,n.C)(),{tags:a,title:o,editUrl:s,hasTruncateMarker:i}=e,m=!t&&i,c=a.length>0;return c||m||s?l.createElement("footer",{className:(0,r.Z)("row docusaurus-mt-lg",t&&L.blogPostFooterDetailsFull)},c&&l.createElement("div",{className:(0,r.Z)("col",{"col--9":m})},l.createElement(w.Z,{tags:a})),t&&s&&l.createElement("div",{className:"col margin-top--sm"},l.createElement(C.Z,{editUrl:s})),m&&l.createElement("div",{className:(0,r.Z)("col text--right",{"col--3":c})},l.createElement(F,{blogPostTitle:o,to:e.permalink}))):null}function A(e){let{children:t,className:a}=e;const o=function(){const{isBlogPostPage:e}=(0,n.C)();return e?void 0:"margin-bottom--xl"}();return l.createElement(s,{className:(0,r.Z)(o,a)},l.createElement(_,null),l.createElement(I,null,t),l.createElement(B,null))}},9460:(e,t,a)=>{a.d(t,{C:()=>s,n:()=>o});var l=a(67294),r=a(902);const n=l.createContext(null);function o(e){let{children:t,content:a,isBlogPostPage:r=!1}=e;const o=function(e){let{content:t,isBlogPostPage:a}=e;return(0,l.useMemo)((()=>({metadata:t.metadata,frontMatter:t.frontMatter,assets:t.assets,toc:t.toc,isBlogPostPage:a})),[t,a])}({content:a,isBlogPostPage:r});return l.createElement(n.Provider,{value:o},t)}function s(){const e=(0,l.useContext)(n);if(null===e)throw new r.i6("BlogPostProvider");return e}},88824:(e,t,a)=>{a.d(t,{c:()=>m});var l=a(67294),r=a(52263);const n=["zero","one","two","few","many","other"];function o(e){return n.filter((t=>e.includes(t)))}const s={locale:"en",pluralForms:o(["one","other"]),select:e=>1===e?"one":"other"};function i(){const{i18n:{currentLocale:e}}=(0,r.Z)();return(0,l.useMemo)((()=>{try{return function(e){const t=new Intl.PluralRules(e);return{locale:e,pluralForms:o(t.resolvedOptions().pluralCategories),select:e=>t.select(e)}}(e)}catch(t){return console.error(`Failed to use Intl.PluralRules for locale "${e}".\nDocusaurus will fallback to the default (English) implementation.\nError: ${t.message}\n`),s}}),[e])}function m(){const e=i();return{selectMessage:(t,a)=>function(e,t,a){const l=e.split("|");if(1===l.length)return l[0];l.length>a.pluralForms.length&&console.error(`For locale=${a.locale}, a maximum of ${a.pluralForms.length} plural forms are expected (${a.pluralForms.join(",")}), but the message contains ${l.length}: ${e}`);const r=a.select(t),n=a.pluralForms.indexOf(r);return l[Math.min(n,l.length-1)]}(a,t,e)}}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[46048],{39058:(e,t,a)=>{a.d(t,{Z:()=>h});var l=a(67294),r=a(86010),n=a(70179),o=a(87524),s=a(39960),i=a(95999);const m={sidebar:"sidebar_re4s",sidebarItemTitle:"sidebarItemTitle_pO2u",sidebarItemList:"sidebarItemList_Yudw",sidebarItem:"sidebarItem__DBe",sidebarItemLink:"sidebarItemLink_mo7H",sidebarItemLinkActive:"sidebarItemLinkActive_I1ZP"};function c(e){let{sidebar:t}=e;return l.createElement("aside",{className:"col col--3"},l.createElement("nav",{className:(0,r.Z)(m.sidebar,"thin-scrollbar"),"aria-label":(0,i.I)({id:"theme.blog.sidebar.navAriaLabel",message:"Blog recent posts navigation",description:"The ARIA label for recent posts in the blog sidebar"})},l.createElement("div",{className:(0,r.Z)(m.sidebarItemTitle,"margin-bottom--md")},t.title),l.createElement("ul",{className:(0,r.Z)(m.sidebarItemList,"clean-list")},t.items.map((e=>l.createElement("li",{key:e.permalink,className:m.sidebarItem},l.createElement(s.Z,{isNavLink:!0,to:e.permalink,className:m.sidebarItemLink,activeClassName:m.sidebarItemLinkActive},e.title)))))))}var u=a(13102);function d(e){let{sidebar:t}=e;return l.createElement("ul",{className:"menu__list"},t.items.map((e=>l.createElement("li",{key:e.permalink,className:"menu__list-item"},l.createElement(s.Z,{isNavLink:!0,to:e.permalink,className:"menu__link",activeClassName:"menu__link--active"},e.title)))))}function g(e){return l.createElement(u.Zo,{component:d,props:e})}function p(e){let{sidebar:t}=e;const a=(0,o.i)();return t?.items.length?"mobile"===a?l.createElement(g,{sidebar:t}):l.createElement(c,{sidebar:t}):null}function h(e){const{sidebar:t,toc:a,children:o,...s}=e,i=t&&t.items.length>0;return l.createElement(n.Z,s,l.createElement("div",{className:"container margin-vert--lg"},l.createElement("div",{className:"row"},l.createElement(p,{sidebar:t}),l.createElement("main",{className:(0,r.Z)("col",{"col--7":i,"col--9 col--offset-1":!i}),itemScope:!0,itemType:"http://schema.org/Blog"},o),a&&l.createElement("div",{className:"col col--2"},a))))}},30390:(e,t,a)=>{a.d(t,{Z:()=>A});var l=a(67294),r=a(86010),n=a(9460),o=a(44996);function s(e){let{children:t,className:a}=e;const{frontMatter:r,assets:s,metadata:{description:i}}=(0,n.C)(),{withBaseUrl:m}=(0,o.C)(),c=s.image??r.image,u=r.keywords??[];return l.createElement("article",{className:a,itemProp:"blogPost",itemScope:!0,itemType:"http://schema.org/BlogPosting"},i&&l.createElement("meta",{itemProp:"description",content:i}),c&&l.createElement("link",{itemProp:"image",href:m(c,{absolute:!0})}),u.length>0&&l.createElement("meta",{itemProp:"keywords",content:u.join(",")}),t)}var i=a(39960);const m={title:"title_f1Hy"};function c(e){let{className:t}=e;const{metadata:a,isBlogPostPage:o}=(0,n.C)(),{permalink:s,title:c}=a,u=o?"h1":"h2";return l.createElement(u,{className:(0,r.Z)(m.title,t),itemProp:"headline"},o?c:l.createElement(i.Z,{itemProp:"url",to:s},c))}var u=a(95999),d=a(88824);const g={container:"container_mt6G"};function p(e){let{readingTime:t}=e;const a=function(){const{selectMessage:e}=(0,d.c)();return t=>{const a=Math.ceil(t);return e(a,(0,u.I)({id:"theme.blog.post.readingTime.plurals",description:'Pluralized label for "{readingTime} min read". Use as much plural forms (separated by "|") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)',message:"One min read|{readingTime} min read"},{readingTime:a}))}}();return l.createElement(l.Fragment,null,a(t))}function h(e){let{date:t,formattedDate:a}=e;return l.createElement("time",{dateTime:t,itemProp:"datePublished"},a)}function b(){return l.createElement(l.Fragment,null," \xb7 ")}function E(e){let{className:t}=e;const{metadata:a}=(0,n.C)(),{date:o,formattedDate:s,readingTime:i}=a;return l.createElement("div",{className:(0,r.Z)(g.container,"margin-vert--md",t)},l.createElement(h,{date:o,formattedDate:s}),void 0!==i&&l.createElement(l.Fragment,null,l.createElement(b,null),l.createElement(p,{readingTime:i})))}function f(e){return e.href?l.createElement(i.Z,e):l.createElement(l.Fragment,null,e.children)}function v(e){let{author:t,className:a}=e;const{name:n,title:o,url:s,imageURL:i,email:m}=t,c=s||m&&`mailto:${m}`||void 0;return l.createElement("div",{className:(0,r.Z)("avatar margin-bottom--sm",a)},i&&l.createElement(f,{href:c,className:"avatar__photo-link"},l.createElement("img",{className:"avatar__photo",src:i,alt:n,itemProp:"image"})),n&&l.createElement("div",{className:"avatar__intro",itemProp:"author",itemScope:!0,itemType:"https://schema.org/Person"},l.createElement("div",{className:"avatar__name"},l.createElement(f,{href:c,itemProp:"url"},l.createElement("span",{itemProp:"name"},n))),o&&l.createElement("small",{className:"avatar__subtitle",itemProp:"description"},o)))}const P={authorCol:"authorCol_Hf19",imageOnlyAuthorRow:"imageOnlyAuthorRow_pa_O",imageOnlyAuthorCol:"imageOnlyAuthorCol_G86a"};function N(e){let{className:t}=e;const{metadata:{authors:a},assets:o}=(0,n.C)();if(0===a.length)return null;const s=a.every((e=>{let{name:t}=e;return!t}));return l.createElement("div",{className:(0,r.Z)("margin-top--md margin-bottom--sm",s?P.imageOnlyAuthorRow:"row",t)},a.map(((e,t)=>l.createElement("div",{className:(0,r.Z)(!s&&"col col--6",s?P.imageOnlyAuthorCol:P.authorCol),key:t},l.createElement(v,{author:{...e,imageURL:o.authorsImageUrls[t]??e.imageURL}})))))}function _(){return l.createElement("header",null,l.createElement(c,null),l.createElement(E,null),l.createElement(N,null))}var k=a(18780),Z=a(98718);function I(e){let{children:t,className:a}=e;const{isBlogPostPage:o}=(0,n.C)();return l.createElement("div",{id:o?k.blogPostContainerID:void 0,className:(0,r.Z)("markdown",a),itemProp:"articleBody"},l.createElement(Z.Z,null,t))}var C=a(40841),w=a(71526),y=a(87462);function T(){return l.createElement("b",null,l.createElement(u.Z,{id:"theme.blog.post.readMore",description:"The label used in blog post item excerpts to link to full blog posts"},"Read More"))}function F(e){const{blogPostTitle:t,...a}=e;return l.createElement(i.Z,(0,y.Z)({"aria-label":(0,u.I)({message:"Read more about {title}",id:"theme.blog.post.readMoreLabel",description:"The ARIA label for the link to full blog posts from excerpts"},{title:t})},a),l.createElement(T,null))}const L={blogPostFooterDetailsFull:"blogPostFooterDetailsFull_mRVl"};function B(){const{metadata:e,isBlogPostPage:t}=(0,n.C)(),{tags:a,title:o,editUrl:s,hasTruncateMarker:i}=e,m=!t&&i,c=a.length>0;return c||m||s?l.createElement("footer",{className:(0,r.Z)("row docusaurus-mt-lg",t&&L.blogPostFooterDetailsFull)},c&&l.createElement("div",{className:(0,r.Z)("col",{"col--9":m})},l.createElement(w.Z,{tags:a})),t&&s&&l.createElement("div",{className:"col margin-top--sm"},l.createElement(C.Z,{editUrl:s})),m&&l.createElement("div",{className:(0,r.Z)("col text--right",{"col--3":c})},l.createElement(F,{blogPostTitle:o,to:e.permalink}))):null}function A(e){let{children:t,className:a}=e;const o=function(){const{isBlogPostPage:e}=(0,n.C)();return e?void 0:"margin-bottom--xl"}();return l.createElement(s,{className:(0,r.Z)(o,a)},l.createElement(_,null),l.createElement(I,null,t),l.createElement(B,null))}},9460:(e,t,a)=>{a.d(t,{C:()=>s,n:()=>o});var l=a(67294),r=a(902);const n=l.createContext(null);function o(e){let{children:t,content:a,isBlogPostPage:r=!1}=e;const o=function(e){let{content:t,isBlogPostPage:a}=e;return(0,l.useMemo)((()=>({metadata:t.metadata,frontMatter:t.frontMatter,assets:t.assets,toc:t.toc,isBlogPostPage:a})),[t,a])}({content:a,isBlogPostPage:r});return l.createElement(n.Provider,{value:o},t)}function s(){const e=(0,l.useContext)(n);if(null===e)throw new r.i6("BlogPostProvider");return e}},88824:(e,t,a)=>{a.d(t,{c:()=>m});var l=a(67294),r=a(52263);const n=["zero","one","two","few","many","other"];function o(e){return n.filter((t=>e.includes(t)))}const s={locale:"en",pluralForms:o(["one","other"]),select:e=>1===e?"one":"other"};function i(){const{i18n:{currentLocale:e}}=(0,r.Z)();return(0,l.useMemo)((()=>{try{return function(e){const t=new Intl.PluralRules(e);return{locale:e,pluralForms:o(t.resolvedOptions().pluralCategories),select:e=>t.select(e)}}(e)}catch(t){return console.error(`Failed to use Intl.PluralRules for locale "${e}".\nDocusaurus will fallback to the default (English) implementation.\nError: ${t.message}\n`),s}}),[e])}function m(){const e=i();return{selectMessage:(t,a)=>function(e,t,a){const l=e.split("|");if(1===l.length)return l[0];l.length>a.pluralForms.length&&console.error(`For locale=${a.locale}, a maximum of ${a.pluralForms.length} plural forms are expected (${a.pluralForms.join(",")}), but the message contains ${l.length}: ${e}`);const r=a.select(t),n=a.pluralForms.indexOf(r);return l[Math.min(n,l.length-1)]}(a,t,e)}}}}]);
\ No newline at end of file
diff --git a/assets/js/4caacf91.66de73ae.js b/assets/js/4caacf91.cfff348a.js
similarity index 99%
rename from assets/js/4caacf91.66de73ae.js
rename to assets/js/4caacf91.cfff348a.js
index ee176af97..ae882a32d 100644
--- a/assets/js/4caacf91.66de73ae.js
+++ b/assets/js/4caacf91.cfff348a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[82418],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>b});var n=r(67294);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r,n,s={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}var l=n.createContext({}),p=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(l.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,s=e.mdxType,a=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),m=p(r),u=s,b=m["".concat(l,".").concat(u)]||m[u]||d[u]||a;return r?n.createElement(b,o(o({ref:t},c),{},{components:r})):n.createElement(b,o({ref:t},c))}));function b(e,t){var r=arguments,s=t&&t.mdxType;if("string"==typeof e||s){var a=r.length,o=new Array(a);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[m]="string"==typeof e?e:s,o[1]=i;for(var p=2;p<a;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),s=r(67294),a=r(3905);class o extends s.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:s.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,a.kt)(p,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},78837:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=r(87462),s=(r(67294),r(3905)),a=r(74404);const o={id:"blazor-webassembly-net-6",sidebar_label:"Blazor WebAssembly (.NET 6)",sidebar_position:8,title:"Blazor WebAssembly (.NET 6)"},i="Getting started - Blazor WebAssembly (.NET 6)",l={unversionedId:"getting-started/blazor-webassembly-net-6",id:"getting-started/blazor-webassembly-net-6",title:"Blazor WebAssembly (.NET 6)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-webassembly-net-6",permalink:"/getting-started/blazor-webassembly-net-6",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx",tags:[],version:"current",sidebarPosition:8,frontMatter:{id:"blazor-webassembly-net-6",sidebar_label:"Blazor WebAssembly (.NET 6)",sidebar_position:8,title:"Blazor WebAssembly (.NET 6)"},sidebar:"tutorialSidebar",previous:{title:"MAUI Blazor Hybrid App (.NET 7)",permalink:"/getting-started/maui-blazor-net-7"},next:{title:"Blazor Server (.NET 6)",permalink:"/getting-started/blazor-server-net-6"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2},{value:"index.html",id:"indexhtml",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],m={toc:c},d="wrapper";function u(e){let{components:t,...r}=e;return(0,s.kt)(d,(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)("h1",{id:"getting-started---blazor-webassembly-net-6"},"Getting started - Blazor WebAssembly (.NET 6)"),(0,s.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,s.kt)(a.ZP,{mdxType:"CarbonAd"}),(0,s.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,s.kt)("p",null,"Looking to quickly add ",(0,s.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1\n")),(0,s.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,s.kt)("p",null,"After the ",(0,s.kt)("inlineCode",{parentName:"p"},'<base href="/" />')," tag in the ",(0,s.kt)("strong",{parentName:"p"},"head")," section of the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, add the following references:"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,s.kt)("admonition",{type:"note"},(0,s.kt)("p",{parentName:"admonition"},"If you use the ",(0,s.kt)("strong",{parentName:"p"},"Blazor WebAssembly App Empty")," template (without demonstration code and Bootstrap), add the following references to the ",(0,s.kt)("inlineCode",{parentName:"p"},"head")," section in the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html"),".\nThere is a known GitHub issue ",(0,s.kt)("a",{parentName:"p",href:"https://github.com/dotnet/aspnetcore/issues/43975"},"Blazor empty template doesn't load scoped CSS"),".")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css" rel="stylesheet" />\n')),(0,s.kt)("h2",{id:"add-script-references"},"Add script references"),(0,s.kt)("p",null,"Insert the following references into the ",(0,s.kt)("strong",{parentName:"p"},"body")," section of the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, immediately after the ",(0,s.kt)("strong",{parentName:"p"},"_framework/blazor.webassembly.js")," reference:"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,s.kt)("admonition",{type:"tip"},(0,s.kt)("p",{parentName:"admonition"},"The ",(0,s.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Include it only when the ",(0,s.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,s.kt)("h2",{id:"register-services"},"Register services"),(0,s.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,s.kt)("strong",{parentName:"p"},"Program.cs")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,s.kt)("p",null,"Register tag helpers in ",(0,s.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,s.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,s.kt)("p",null,"The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:"),(0,s.kt)("ol",null,(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Delete the ",(0,s.kt)("strong",{parentName:"p"},"bootstrap")," and ",(0,s.kt)("strong",{parentName:"p"},"open-iconic")," folders from the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,s.kt)("ul",{parentName:"li"},(0,s.kt)("li",{parentName:"ul"},"Delete the ",(0,s.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."),(0,s.kt)("li",{parentName:"ul"},"Delete the ",(0,s.kt)("strong",{parentName:"li"},"wwwroot/css/open-iconic")," folder."))),(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Remove the following line from ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file:"),(0,s.kt)("pre",{parentName:"li"},(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />\n'))),(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Remove the following line from ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/css/app.css")," file:"),(0,s.kt)("pre",{parentName:"li"},(0,s.kt)("code",{parentName:"pre",className:"language-css",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');\n")))),(0,s.kt)("h2",{id:"starter-template"},"Starter template"),(0,s.kt)("p",null,(0,s.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET6.BlazorWebAssemblyApp"},"GitHub Repo: Blazor Bootstrap - Blazor WebAssembly App (.NET 6)")),(0,s.kt)("img",{src:"https://i.imgur.com/aRV3rJm.png",alt:"Blazor Bootstrap - Blazor WebAssembly App"}),(0,s.kt)("h2",{id:"sample-code"},"Sample Code"),(0,s.kt)("h3",{id:"indexhtml"},"index.html"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"{9-11,26-28} showLineNumbers","{9-11,26-28}":!0,showLineNumbers:!0},'<!DOCTYPE html>\n<html lang="en">\n\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />\n    <title>NET6.BlazorWebAssemblyApp</title>\n    <base href="/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link href="css/app.css" rel="stylesheet" />\n    <link href="NET6.BlazorWebAssemblyApp.styles.css" rel="stylesheet" />\n</head>\n\n<body>\n    <div id="app">Loading...</div>\n\n    <div id="blazor-error-ui">\n        An unhandled error has occurred.\n        <a href="" class="reload">Reload</a>\n        <a class="dismiss">\ud83d\uddd9</a>\n    </div>\n\n    <script src="_framework/blazor.webassembly.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script> \x3c!-- Add chart.js reference if Chart components are used in the application. --\x3e\n    \x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n\n</html>\n')),(0,s.kt)("h3",{id:"programcs"},"Program.cs"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},'using Microsoft.AspNetCore.Components.Web;\nusing Microsoft.AspNetCore.Components.WebAssembly.Hosting;\nusing NET6.BlazorWebAssemblyApp;\nusing BlazorBootstrap; // Add this line\n\nvar builder = WebAssemblyHostBuilder.CreateDefault(args);\nbuilder.RootComponents.Add<App>("#app");\nbuilder.RootComponents.Add<HeadOutlet>("head::after");\n\nbuilder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });\nbuilder.Services.AddBlazorBootstrap();\n\nawait builder.Build().RunAsync();\n')),(0,s.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using System.Net.Http.Json\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.AspNetCore.Components.WebAssembly.Http\n@using Microsoft.JSInterop\n@using NET6.BlazorWebAssemblyApp\n@using NET6.BlazorWebAssemblyApp.Shared\n@using BlazorBootstrap;\n")),(0,s.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">\n                @Body\n            </div>\n        </article>\n    </main>\n\n</div>\n\n<Modal IsServiceModal="true" />\n<Preload />\n<Toasts class="p-3" AutoHide="true" Delay="4000" Placement="ToastsPlacement.TopRight" />\n\n@code {\n    private Sidebar sidebar = default!;\n    private IEnumerable<NavItem> navItems = default!;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n            new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n            new NavItem { Id = "3", Href = "/fetchdata", IconName = IconName.Table, Text = "Fetch Data"},\n        };\n\n        return navItems;\n    }\n}\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[82418],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>b});var n=r(67294);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r,n,s={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}var l=n.createContext({}),p=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(l.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,s=e.mdxType,a=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),m=p(r),u=s,b=m["".concat(l,".").concat(u)]||m[u]||d[u]||a;return r?n.createElement(b,o(o({ref:t},c),{},{components:r})):n.createElement(b,o({ref:t},c))}));function b(e,t){var r=arguments,s=t&&t.mdxType;if("string"==typeof e||s){var a=r.length,o=new Array(a);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[m]="string"==typeof e?e:s,o[1]=i;for(var p=2;p<a;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),s=r(67294),a=r(3905);class o extends s.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:s.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,a.kt)(p,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},78837:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=r(87462),s=(r(67294),r(3905)),a=r(74404);const o={id:"blazor-webassembly-net-6",sidebar_label:"Blazor WebAssembly (.NET 6)",sidebar_position:8,title:"Blazor WebAssembly (.NET 6)"},i="Getting started - Blazor WebAssembly (.NET 6)",l={unversionedId:"getting-started/blazor-webassembly-net-6",id:"getting-started/blazor-webassembly-net-6",title:"Blazor WebAssembly (.NET 6)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-webassembly-net-6",permalink:"/getting-started/blazor-webassembly-net-6",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx",tags:[],version:"current",sidebarPosition:8,frontMatter:{id:"blazor-webassembly-net-6",sidebar_label:"Blazor WebAssembly (.NET 6)",sidebar_position:8,title:"Blazor WebAssembly (.NET 6)"},sidebar:"tutorialSidebar",previous:{title:"MAUI Blazor Hybrid App (.NET 7)",permalink:"/getting-started/maui-blazor-net-7"},next:{title:"Blazor Server (.NET 6)",permalink:"/getting-started/blazor-server-net-6"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2},{value:"index.html",id:"indexhtml",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],m={toc:c},d="wrapper";function u(e){let{components:t,...r}=e;return(0,s.kt)(d,(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)("h1",{id:"getting-started---blazor-webassembly-net-6"},"Getting started - Blazor WebAssembly (.NET 6)"),(0,s.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,s.kt)(a.ZP,{mdxType:"CarbonAd"}),(0,s.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,s.kt)("p",null,"Looking to quickly add ",(0,s.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2\n")),(0,s.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,s.kt)("p",null,"After the ",(0,s.kt)("inlineCode",{parentName:"p"},'<base href="/" />')," tag in the ",(0,s.kt)("strong",{parentName:"p"},"head")," section of the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, add the following references:"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,s.kt)("admonition",{type:"note"},(0,s.kt)("p",{parentName:"admonition"},"If you use the ",(0,s.kt)("strong",{parentName:"p"},"Blazor WebAssembly App Empty")," template (without demonstration code and Bootstrap), add the following references to the ",(0,s.kt)("inlineCode",{parentName:"p"},"head")," section in the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html"),".\nThere is a known GitHub issue ",(0,s.kt)("a",{parentName:"p",href:"https://github.com/dotnet/aspnetcore/issues/43975"},"Blazor empty template doesn't load scoped CSS"),".")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css" rel="stylesheet" />\n')),(0,s.kt)("h2",{id:"add-script-references"},"Add script references"),(0,s.kt)("p",null,"Insert the following references into the ",(0,s.kt)("strong",{parentName:"p"},"body")," section of the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, immediately after the ",(0,s.kt)("strong",{parentName:"p"},"_framework/blazor.webassembly.js")," reference:"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,s.kt)("admonition",{type:"tip"},(0,s.kt)("p",{parentName:"admonition"},"The ",(0,s.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Include it only when the ",(0,s.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,s.kt)("h2",{id:"register-services"},"Register services"),(0,s.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,s.kt)("strong",{parentName:"p"},"Program.cs")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,s.kt)("p",null,"Register tag helpers in ",(0,s.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,s.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,s.kt)("p",null,"The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:"),(0,s.kt)("ol",null,(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Delete the ",(0,s.kt)("strong",{parentName:"p"},"bootstrap")," and ",(0,s.kt)("strong",{parentName:"p"},"open-iconic")," folders from the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,s.kt)("ul",{parentName:"li"},(0,s.kt)("li",{parentName:"ul"},"Delete the ",(0,s.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."),(0,s.kt)("li",{parentName:"ul"},"Delete the ",(0,s.kt)("strong",{parentName:"li"},"wwwroot/css/open-iconic")," folder."))),(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Remove the following line from ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file:"),(0,s.kt)("pre",{parentName:"li"},(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />\n'))),(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Remove the following line from ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/css/app.css")," file:"),(0,s.kt)("pre",{parentName:"li"},(0,s.kt)("code",{parentName:"pre",className:"language-css",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');\n")))),(0,s.kt)("h2",{id:"starter-template"},"Starter template"),(0,s.kt)("p",null,(0,s.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET6.BlazorWebAssemblyApp"},"GitHub Repo: Blazor Bootstrap - Blazor WebAssembly App (.NET 6)")),(0,s.kt)("img",{src:"https://i.imgur.com/aRV3rJm.png",alt:"Blazor Bootstrap - Blazor WebAssembly App"}),(0,s.kt)("h2",{id:"sample-code"},"Sample Code"),(0,s.kt)("h3",{id:"indexhtml"},"index.html"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"{9-11,26-28} showLineNumbers","{9-11,26-28}":!0,showLineNumbers:!0},'<!DOCTYPE html>\n<html lang="en">\n\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />\n    <title>NET6.BlazorWebAssemblyApp</title>\n    <base href="/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link href="css/app.css" rel="stylesheet" />\n    <link href="NET6.BlazorWebAssemblyApp.styles.css" rel="stylesheet" />\n</head>\n\n<body>\n    <div id="app">Loading...</div>\n\n    <div id="blazor-error-ui">\n        An unhandled error has occurred.\n        <a href="" class="reload">Reload</a>\n        <a class="dismiss">\ud83d\uddd9</a>\n    </div>\n\n    <script src="_framework/blazor.webassembly.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script> \x3c!-- Add chart.js reference if Chart components are used in the application. --\x3e\n    \x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n\n</html>\n')),(0,s.kt)("h3",{id:"programcs"},"Program.cs"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},'using Microsoft.AspNetCore.Components.Web;\nusing Microsoft.AspNetCore.Components.WebAssembly.Hosting;\nusing NET6.BlazorWebAssemblyApp;\nusing BlazorBootstrap; // Add this line\n\nvar builder = WebAssemblyHostBuilder.CreateDefault(args);\nbuilder.RootComponents.Add<App>("#app");\nbuilder.RootComponents.Add<HeadOutlet>("head::after");\n\nbuilder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });\nbuilder.Services.AddBlazorBootstrap();\n\nawait builder.Build().RunAsync();\n')),(0,s.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using System.Net.Http.Json\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.AspNetCore.Components.WebAssembly.Http\n@using Microsoft.JSInterop\n@using NET6.BlazorWebAssemblyApp\n@using NET6.BlazorWebAssemblyApp.Shared\n@using BlazorBootstrap;\n")),(0,s.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">\n                @Body\n            </div>\n        </article>\n    </main>\n\n</div>\n\n<Modal IsServiceModal="true" />\n<Preload />\n<Toasts class="p-3" AutoHide="true" Delay="4000" Placement="ToastsPlacement.TopRight" />\n\n@code {\n    private Sidebar sidebar = default!;\n    private IEnumerable<NavItem> navItems = default!;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n            new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n            new NavItem { Id = "3", Href = "/fetchdata", IconName = IconName.Table, Text = "Fetch Data"},\n        };\n\n        return navItems;\n    }\n}\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/4d57dccd.05a720d6.js b/assets/js/4d57dccd.55dcac87.js
similarity index 84%
rename from assets/js/4d57dccd.05a720d6.js
rename to assets/js/4d57dccd.55dcac87.js
index e27315df4..02681a94f 100644
--- a/assets/js/4d57dccd.05a720d6.js
+++ b/assets/js/4d57dccd.55dcac87.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[26878],{10066:a=>{a.exports=JSON.parse('{"label":"blazor","permalink":"/blog/tags/blazor","allTagsPath":"/blog/tags","count":41}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[26878],{10066:a=>{a.exports=JSON.parse('{"label":"blazor","permalink":"/blog/tags/blazor","allTagsPath":"/blog/tags","count":42}')}}]);
\ No newline at end of file
diff --git a/assets/js/4de4c9a7.5e1d60a9.js b/assets/js/4de4c9a7.c00e5096.js
similarity index 78%
rename from assets/js/4de4c9a7.5e1d60a9.js
rename to assets/js/4de4c9a7.c00e5096.js
index 887babcf5..0577f309d 100644
--- a/assets/js/4de4c9a7.5e1d60a9.js
+++ b/assets/js/4de4c9a7.c00e5096.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[22259],{23156:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":61}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[22259],{23156:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":62}')}}]);
\ No newline at end of file
diff --git a/assets/js/4f538bc3.8bedc675.js b/assets/js/4f538bc3.39e4e8d6.js
similarity index 83%
rename from assets/js/4f538bc3.8bedc675.js
rename to assets/js/4f538bc3.39e4e8d6.js
index add3ebe66..77e068849 100644
--- a/assets/js/4f538bc3.8bedc675.js
+++ b/assets/js/4f538bc3.39e4e8d6.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[70585],{72325:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap/page/2","page":2,"postsPerPage":10,"totalPages":7,"totalCount":61,"previousPage":"/blog/tags/blazorbootstrap","nextPage":"/blog/tags/blazorbootstrap/page/3","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[70585],{72325:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap/page/2","page":2,"postsPerPage":10,"totalPages":7,"totalCount":62,"previousPage":"/blog/tags/blazorbootstrap","nextPage":"/blog/tags/blazorbootstrap/page/3","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/4fda10a6.fd3d80af.js b/assets/js/4fda10a6.61786f0c.js
similarity index 76%
rename from assets/js/4fda10a6.fd3d80af.js
rename to assets/js/4fda10a6.61786f0c.js
index e7ce3ef30..f2535e7fa 100644
--- a/assets/js/4fda10a6.fd3d80af.js
+++ b/assets/js/4fda10a6.61786f0c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[50591],{48657:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/sidebar-2","page":1,"postsPerPage":10,"totalPages":1,"totalCount":2,"blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[50591],{48657:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/sidebar-2","page":1,"postsPerPage":10,"totalPages":1,"totalCount":3,"blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/510cc2fd.bf8c700b.js b/assets/js/510cc2fd.357c988f.js
similarity index 82%
rename from assets/js/510cc2fd.bf8c700b.js
rename to assets/js/510cc2fd.357c988f.js
index 20368329d..debd5dfa9 100644
--- a/assets/js/510cc2fd.bf8c700b.js
+++ b/assets/js/510cc2fd.357c988f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[23957],{48054:a=>{a.exports=JSON.parse('{"label":"bootstrap","permalink":"/blog/tags/bootstrap","allTagsPath":"/blog/tags","count":34}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[23957],{48054:a=>{a.exports=JSON.parse('{"label":"bootstrap","permalink":"/blog/tags/bootstrap","allTagsPath":"/blog/tags","count":35}')}}]);
\ No newline at end of file
diff --git a/assets/js/52099127.036a2d1f.js b/assets/js/52099127.61c7b72a.js
similarity index 78%
rename from assets/js/52099127.036a2d1f.js
rename to assets/js/52099127.61c7b72a.js
index 3c59ded9a..395486e58 100644
--- a/assets/js/52099127.036a2d1f.js
+++ b/assets/js/52099127.61c7b72a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[41426],{94708:o=>{o.exports=JSON.parse('{"permalink":"/blog/page/7","page":7,"postsPerPage":10,"totalPages":7,"totalCount":62,"previousPage":"/blog/page/6","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[41426],{94708:o=>{o.exports=JSON.parse('{"permalink":"/blog/page/7","page":7,"postsPerPage":10,"totalPages":7,"totalCount":63,"previousPage":"/blog/page/6","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/536fd30c.25eb2651.js b/assets/js/536fd30c.50d32107.js
similarity index 78%
rename from assets/js/536fd30c.25eb2651.js
rename to assets/js/536fd30c.50d32107.js
index 8f6d33aa7..f99f2a5d9 100644
--- a/assets/js/536fd30c.25eb2651.js
+++ b/assets/js/536fd30c.50d32107.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[93003],{4911:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":61}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[93003],{4911:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":62}')}}]);
\ No newline at end of file
diff --git a/assets/js/583ae9c8.f1cfe984.js b/assets/js/583ae9c8.173b7c01.js
similarity index 82%
rename from assets/js/583ae9c8.f1cfe984.js
rename to assets/js/583ae9c8.173b7c01.js
index baba538f4..1f0b0ff98 100644
--- a/assets/js/583ae9c8.f1cfe984.js
+++ b/assets/js/583ae9c8.173b7c01.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[98236],{25606:a=>{a.exports=JSON.parse('{"permalink":"/blog/tags/blazor/page/4","page":4,"postsPerPage":10,"totalPages":5,"totalCount":41,"previousPage":"/blog/tags/blazor/page/3","nextPage":"/blog/tags/blazor/page/5","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[98236],{25606:a=>{a.exports=JSON.parse('{"permalink":"/blog/tags/blazor/page/4","page":4,"postsPerPage":10,"totalPages":5,"totalCount":42,"previousPage":"/blog/tags/blazor/page/3","nextPage":"/blog/tags/blazor/page/5","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/5c0657f8.511d2492.js b/assets/js/5c0657f8.be907361.js
similarity index 81%
rename from assets/js/5c0657f8.511d2492.js
rename to assets/js/5c0657f8.be907361.js
index 1b820c191..f577dcc73 100644
--- a/assets/js/5c0657f8.511d2492.js
+++ b/assets/js/5c0657f8.be907361.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[51704],{92932:a=>{a.exports=JSON.parse('{"permalink":"/blog/tags/blazor/page/2","page":2,"postsPerPage":10,"totalPages":5,"totalCount":41,"previousPage":"/blog/tags/blazor","nextPage":"/blog/tags/blazor/page/3","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[51704],{92932:a=>{a.exports=JSON.parse('{"permalink":"/blog/tags/blazor/page/2","page":2,"postsPerPage":10,"totalPages":5,"totalCount":42,"previousPage":"/blog/tags/blazor","nextPage":"/blog/tags/blazor/page/3","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/61165c7c.a0454fea.js b/assets/js/61165c7c.7e2292c7.js
similarity index 82%
rename from assets/js/61165c7c.a0454fea.js
rename to assets/js/61165c7c.7e2292c7.js
index ad16cb0d5..4b40dfe4f 100644
--- a/assets/js/61165c7c.a0454fea.js
+++ b/assets/js/61165c7c.7e2292c7.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[47927],{83225:a=>{a.exports=JSON.parse('{"label":"bootstrap","permalink":"/blog/tags/bootstrap","allTagsPath":"/blog/tags","count":34}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[47927],{83225:a=>{a.exports=JSON.parse('{"label":"bootstrap","permalink":"/blog/tags/bootstrap","allTagsPath":"/blog/tags","count":35}')}}]);
\ No newline at end of file
diff --git a/assets/js/66664ddd.f4c13175.js b/assets/js/66664ddd.1af0136e.js
similarity index 86%
rename from assets/js/66664ddd.f4c13175.js
rename to assets/js/66664ddd.1af0136e.js
index f9f8da64c..ae84d35d2 100644
--- a/assets/js/66664ddd.f4c13175.js
+++ b/assets/js/66664ddd.1af0136e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[79527],{52764:a=>{a.exports=JSON.parse('{"label":"grid","permalink":"/blog/tags/grid","allTagsPath":"/blog/tags","count":21}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[79527],{52764:a=>{a.exports=JSON.parse('{"label":"grid","permalink":"/blog/tags/grid","allTagsPath":"/blog/tags","count":22}')}}]);
\ No newline at end of file
diff --git a/assets/js/76fef7fc.e4de4ca3.js b/assets/js/76fef7fc.a861e430.js
similarity index 79%
rename from assets/js/76fef7fc.e4de4ca3.js
rename to assets/js/76fef7fc.a861e430.js
index c054a0e0b..043779647 100644
--- a/assets/js/76fef7fc.e4de4ca3.js
+++ b/assets/js/76fef7fc.a861e430.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[71882],{10990:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/grid","page":1,"postsPerPage":10,"totalPages":3,"totalCount":21,"nextPage":"/blog/tags/grid/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[71882],{10990:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/grid","page":1,"postsPerPage":10,"totalPages":3,"totalCount":22,"nextPage":"/blog/tags/grid/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/7cb7ecf0.fa38a09c.js b/assets/js/7cb7ecf0.35c72ad5.js
similarity index 86%
rename from assets/js/7cb7ecf0.fa38a09c.js
rename to assets/js/7cb7ecf0.35c72ad5.js
index 2f19ed401..ec4629236 100644
--- a/assets/js/7cb7ecf0.fa38a09c.js
+++ b/assets/js/7cb7ecf0.35c72ad5.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[10622],{61718:a=>{a.exports=JSON.parse('{"label":"grid","permalink":"/blog/tags/grid","allTagsPath":"/blog/tags","count":21}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[10622],{61718:a=>{a.exports=JSON.parse('{"label":"grid","permalink":"/blog/tags/grid","allTagsPath":"/blog/tags","count":22}')}}]);
\ No newline at end of file
diff --git a/assets/js/7d9726a8.7450b69a.js b/assets/js/7d9726a8.a9e37d83.js
similarity index 80%
rename from assets/js/7d9726a8.7450b69a.js
rename to assets/js/7d9726a8.a9e37d83.js
index 949dc88a3..f0a3e360d 100644
--- a/assets/js/7d9726a8.7450b69a.js
+++ b/assets/js/7d9726a8.a9e37d83.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[7429],{89494:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/4","page":4,"postsPerPage":10,"totalPages":7,"totalCount":62,"previousPage":"/blog/page/3","nextPage":"/blog/page/5","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[7429],{89494:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/4","page":4,"postsPerPage":10,"totalPages":7,"totalCount":63,"previousPage":"/blog/page/3","nextPage":"/blog/page/5","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/7e5cd4e7.9393a7be.js b/assets/js/7e5cd4e7.793abe06.js
similarity index 83%
rename from assets/js/7e5cd4e7.9393a7be.js
rename to assets/js/7e5cd4e7.793abe06.js
index 02bce3b5b..543feca73 100644
--- a/assets/js/7e5cd4e7.9393a7be.js
+++ b/assets/js/7e5cd4e7.793abe06.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[62259],{9864:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap/page/6","page":6,"postsPerPage":10,"totalPages":7,"totalCount":61,"previousPage":"/blog/tags/blazorbootstrap/page/5","nextPage":"/blog/tags/blazorbootstrap/page/7","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[62259],{9864:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap/page/6","page":6,"postsPerPage":10,"totalPages":7,"totalCount":62,"previousPage":"/blog/tags/blazorbootstrap/page/5","nextPage":"/blog/tags/blazorbootstrap/page/7","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/814f3328.2243550b.js b/assets/js/814f3328.2243550b.js
deleted file mode 100644
index 47886be49..000000000
--- a/assets/js/814f3328.2243550b.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[52535],{45641:o=>{o.exports=JSON.parse('{"title":"Recent posts","items":[{"title":"Blazor Bootstrap v3.0.0-preview.1","permalink":"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"},{"title":"Blazor Bootstrap v2.2.1","permalink":"/blog/2024/04/21/blazorbootstrap-2.2.1"},{"title":"Blazor Bootstrap v2.2.0","permalink":"/blog/2024/04/14/blazorbootstrap-2.2.0"},{"title":"Blazor Bootstrap v2.1.0","permalink":"/blog/2024/03/17/blazorbootstrap-2.1.0"},{"title":"Blazor Bootstrap v2.0.0","permalink":"/blog/2024/02/25/blazorbootstrap-2.0.0"}]}')}}]);
\ No newline at end of file
diff --git a/assets/js/814f3328.591784af.js b/assets/js/814f3328.591784af.js
new file mode 100644
index 000000000..51c4fb62f
--- /dev/null
+++ b/assets/js/814f3328.591784af.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[52535],{45641:o=>{o.exports=JSON.parse('{"title":"Recent posts","items":[{"title":"Blazor Bootstrap v3.0.0-preview.2","permalink":"/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"},{"title":"Blazor Bootstrap v3.0.0-preview.1","permalink":"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"},{"title":"Blazor Bootstrap v2.2.1","permalink":"/blog/2024/04/21/blazorbootstrap-2.2.1"},{"title":"Blazor Bootstrap v2.2.0","permalink":"/blog/2024/04/14/blazorbootstrap-2.2.0"},{"title":"Blazor Bootstrap v2.1.0","permalink":"/blog/2024/03/17/blazorbootstrap-2.1.0"}]}')}}]);
\ No newline at end of file
diff --git a/assets/js/825a6483.39c1c777.js b/assets/js/825a6483.4804398c.js
similarity index 84%
rename from assets/js/825a6483.39c1c777.js
rename to assets/js/825a6483.4804398c.js
index c6911be66..16978dfab 100644
--- a/assets/js/825a6483.39c1c777.js
+++ b/assets/js/825a6483.4804398c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[89791],{98122:a=>{a.exports=JSON.parse('{"label":"blazor","permalink":"/blog/tags/blazor","allTagsPath":"/blog/tags","count":41}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[89791],{98122:a=>{a.exports=JSON.parse('{"label":"blazor","permalink":"/blog/tags/blazor","allTagsPath":"/blog/tags","count":42}')}}]);
\ No newline at end of file
diff --git a/assets/js/85b1c86a.9adbc64f.js b/assets/js/85b1c86a.2fcffdf3.js
similarity index 84%
rename from assets/js/85b1c86a.9adbc64f.js
rename to assets/js/85b1c86a.2fcffdf3.js
index 0faa4a14a..47b135178 100644
--- a/assets/js/85b1c86a.9adbc64f.js
+++ b/assets/js/85b1c86a.2fcffdf3.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[41691],{78159:a=>{a.exports=JSON.parse('{"label":"blazor","permalink":"/blog/tags/blazor","allTagsPath":"/blog/tags","count":41}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[41691],{78159:a=>{a.exports=JSON.parse('{"label":"blazor","permalink":"/blog/tags/blazor","allTagsPath":"/blog/tags","count":42}')}}]);
\ No newline at end of file
diff --git a/assets/js/88105.d37b706e.js b/assets/js/88105.878fa3c4.js
similarity index 99%
rename from assets/js/88105.d37b706e.js
rename to assets/js/88105.878fa3c4.js
index d5404fa13..aa6955df5 100644
--- a/assets/js/88105.d37b706e.js
+++ b/assets/js/88105.878fa3c4.js
@@ -1 +1 @@
-(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[88105],{3905:(e,t,n)=>{"use strict";n.d(t,{Zo:()=>u,kt:()=>f});var o=n(67294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t){if(null==e)return{};var n,o,a=function(e,t){if(null==e)return{};var n,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)n=r[o],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)n=r[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),s=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=s(e.components);return o.createElement(i.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},p=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,u=c(e,["components","mdxType","originalType","parentName"]),m=s(n),p=a,f=m["".concat(i,".").concat(p)]||m[p]||d[p]||r;return n?o.createElement(f,l(l({ref:t},u),{},{components:n})):o.createElement(f,l({ref:t},u))}));function f(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=p;var c={};for(var i in t)hasOwnProperty.call(t,i)&&(c[i]=t[i]);c.originalType=e,c[m]="string"==typeof e?e:a,l[1]=c;for(var s=2;s<r;s++)l[s]=n[s];return o.createElement.apply(null,l)}return o.createElement.apply(null,n)}p.displayName="MDXCreateElement"},84881:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var o=n(67294),a=n(95999),r=n(35281),l=n(87462),c=n(86010);const i={iconEdit:"iconEdit_Z9Sw"};function s(e){let{className:t,...n}=e;return o.createElement("svg",(0,l.Z)({fill:"currentColor",height:"20",width:"20",viewBox:"0 0 40 40",className:(0,c.Z)(i.iconEdit,t),"aria-hidden":"true"},n),o.createElement("g",null,o.createElement("path",{d:"m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"})))}function u(e){let{editUrl:t}=e;return o.createElement("a",{href:t,target:"_blank",rel:"noreferrer noopener",className:r.k.common.editThisPage},o.createElement(s,null),o.createElement(a.Z,{id:"theme.common.editThisPage",description:"The link label to edit the current page"},"Edit this page"))}},92503:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var o=n(87462),a=n(67294),r=n(86010),l=n(95999),c=n(86668),i=n(39960);const s={anchorWithStickyNavbar:"anchorWithStickyNavbar_LWe7",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_WYt5"};function u(e){let{as:t,id:n,...u}=e;const{navbar:{hideOnScroll:m}}=(0,c.L)();if("h1"===t||!n)return a.createElement(t,(0,o.Z)({},u,{id:void 0}));const d=(0,l.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return a.createElement(t,(0,o.Z)({},u,{className:(0,r.Z)("anchor",m?s.anchorWithHideOnScrollNavbar:s.anchorWithStickyNavbar,u.className),id:n}),u.children,a.createElement(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":d,title:d},"\u200b"))}},98718:(e,t,n)=>{"use strict";n.d(t,{Z:()=>ye});var o=n(67294),a=n(3905),r=n(87462),l=n(35742);var c=n(72389),i=n(86010),s=n(92949),u=n(86668);function m(){const{prism:e}=(0,u.L)(),{colorMode:t}=(0,s.I)(),n=e.theme,o=e.darkTheme||n;return"dark"===t?o:n}var d=n(35281),p=n(87594),f=n.n(p);const g=/title=(?<quote>["'])(?<title>.*?)\1/,h=/\{(?<range>[\d,-]+)\}/,y={js:{start:"\\/\\/",end:""},jsBlock:{start:"\\/\\*",end:"\\*\\/"},jsx:{start:"\\{\\s*\\/\\*",end:"\\*\\/\\s*\\}"},bash:{start:"#",end:""},html:{start:"\x3c!--",end:"--\x3e"}};function b(e,t){const n=e.map((e=>{const{start:n,end:o}=y[e];return`(?:${n}\\s*(${t.flatMap((e=>[e.line,e.block?.start,e.block?.end].filter(Boolean))).join("|")})\\s*${o})`})).join("|");return new RegExp(`^\\s*(?:${n})\\s*$`)}function v(e,t){let n=e.replace(/\n$/,"");const{language:o,magicComments:a,metastring:r}=t;if(r&&h.test(r)){const e=r.match(h).groups.range;if(0===a.length)throw new Error(`A highlight range has been given in code block's metastring (\`\`\` ${r}), but no magic comment config is available. Docusaurus applies the first magic comment entry's className for metastring ranges.`);const t=a[0].className,o=f()(e).filter((e=>e>0)).map((e=>[e-1,[t]]));return{lineClassNames:Object.fromEntries(o),code:n}}if(void 0===o)return{lineClassNames:{},code:n};const l=function(e,t){switch(e){case"js":case"javascript":case"ts":case"typescript":return b(["js","jsBlock"],t);case"jsx":case"tsx":return b(["js","jsBlock","jsx"],t);case"html":return b(["js","jsBlock","html"],t);case"python":case"py":case"bash":return b(["bash"],t);case"markdown":case"md":return b(["html","jsx","bash"],t);default:return b(Object.keys(y),t)}}(o,a),c=n.split("\n"),i=Object.fromEntries(a.map((e=>[e.className,{start:0,range:""}]))),s=Object.fromEntries(a.filter((e=>e.line)).map((e=>{let{className:t,line:n}=e;return[n,t]}))),u=Object.fromEntries(a.filter((e=>e.block)).map((e=>{let{className:t,block:n}=e;return[n.start,t]}))),m=Object.fromEntries(a.filter((e=>e.block)).map((e=>{let{className:t,block:n}=e;return[n.end,t]})));for(let p=0;p<c.length;){const e=c[p].match(l);if(!e){p+=1;continue}const t=e.slice(1).find((e=>void 0!==e));s[t]?i[s[t]].range+=`${p},`:u[t]?i[u[t]].start=p:m[t]&&(i[m[t]].range+=`${i[m[t]].start}-${p-1},`),c.splice(p,1)}n=c.join("\n");const d={};return Object.entries(i).forEach((e=>{let[t,{range:n}]=e;f()(n).forEach((e=>{d[e]??=[],d[e].push(t)}))})),{lineClassNames:d,code:n}}const E={codeBlockContainer:"codeBlockContainer_Ckt0"};function k(e){let{as:t,...n}=e;const a=function(e){const t={color:"--prism-color",backgroundColor:"--prism-background-color"},n={};return Object.entries(e.plain).forEach((e=>{let[o,a]=e;const r=t[o];r&&"string"==typeof a&&(n[r]=a)})),n}(m());return o.createElement(t,(0,r.Z)({},n,{style:a,className:(0,i.Z)(n.className,E.codeBlockContainer,d.k.common.codeBlock)}))}const N={codeBlockContent:"codeBlockContent_biex",codeBlockTitle:"codeBlockTitle_Ktv7",codeBlock:"codeBlock_bY9V",codeBlockStandalone:"codeBlockStandalone_MEMb",codeBlockLines:"codeBlockLines_e6Vv",codeBlockLinesWithNumbering:"codeBlockLinesWithNumbering_o6Pm",buttonGroup:"buttonGroup__atx"};function C(e){let{children:t,className:n}=e;return o.createElement(k,{as:"pre",tabIndex:0,className:(0,i.Z)(N.codeBlockStandalone,"thin-scrollbar",n)},o.createElement("code",{className:N.codeBlockLines},t))}var w=n(902);const B={attributes:!0,characterData:!0,childList:!0,subtree:!0};function Z(e,t){const[n,a]=(0,o.useState)(),r=(0,o.useCallback)((()=>{a(e.current?.closest("[role=tabpanel][hidden]"))}),[e,a]);(0,o.useEffect)((()=>{r()}),[r]),function(e,t,n){void 0===n&&(n=B);const a=(0,w.zX)(t),r=(0,w.Ql)(n);(0,o.useEffect)((()=>{const t=new MutationObserver(a);return e&&t.observe(e,r),()=>t.disconnect()}),[e,a,r])}(n,(e=>{e.forEach((e=>{"attributes"===e.type&&"hidden"===e.attributeName&&(t(),r())}))}),{attributes:!0,characterData:!1,childList:!1,subtree:!1})}const T={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]};var L={Prism:n(87410).Z,theme:T};function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _(){return _=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_.apply(this,arguments)}var x=/\r\n|\r|\n/,O=function(e){0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},S=function(e,t){var n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)};function z(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&-1===t.indexOf(o)&&(n[o]=e[o]);return n}var P=function(e){function t(){for(var t=this,n=[],o=arguments.length;o--;)n[o]=arguments[o];e.apply(this,n),j(this,"getThemeDict",(function(e){if(void 0!==t.themeDict&&e.theme===t.prevTheme&&e.language===t.prevLanguage)return t.themeDict;t.prevTheme=e.theme,t.prevLanguage=e.language;var n=e.theme?function(e,t){var n=e.plain,o=Object.create(null),a=e.styles.reduce((function(e,n){var o=n.languages,a=n.style;return o&&!o.includes(t)||n.types.forEach((function(t){var n=_({},e[t],a);e[t]=n})),e}),o);return a.root=n,a.plain=_({},n,{backgroundColor:null}),a}(e.theme,e.language):void 0;return t.themeDict=n})),j(this,"getLineProps",(function(e){var n=e.key,o=e.className,a=e.style,r=_({},z(e,["key","className","style","line"]),{className:"token-line",style:void 0,key:void 0}),l=t.getThemeDict(t.props);return void 0!==l&&(r.style=l.plain),void 0!==a&&(r.style=void 0!==r.style?_({},r.style,a):a),void 0!==n&&(r.key=n),o&&(r.className+=" "+o),r})),j(this,"getStyleForToken",(function(e){var n=e.types,o=e.empty,a=n.length,r=t.getThemeDict(t.props);if(void 0!==r){if(1===a&&"plain"===n[0])return o?{display:"inline-block"}:void 0;if(1===a&&!o)return r[n[0]];var l=o?{display:"inline-block"}:{},c=n.map((function(e){return r[e]}));return Object.assign.apply(Object,[l].concat(c))}})),j(this,"getTokenProps",(function(e){var n=e.key,o=e.className,a=e.style,r=e.token,l=_({},z(e,["key","className","style","token"]),{className:"token "+r.types.join(" "),children:r.content,style:t.getStyleForToken(r),key:void 0});return void 0!==a&&(l.style=void 0!==l.style?_({},l.style,a):a),void 0!==n&&(l.key=n),o&&(l.className+=" "+o),l})),j(this,"tokenize",(function(e,t,n,o){var a={code:t,grammar:n,language:o,tokens:[]};e.hooks.run("before-tokenize",a);var r=a.tokens=e.tokenize(a.code,a.grammar,a.language);return e.hooks.run("after-tokenize",a),r}))}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.render=function(){var e=this.props,t=e.Prism,n=e.language,o=e.code,a=e.children,r=this.getThemeDict(this.props),l=t.languages[n];return a({tokens:function(e){for(var t=[[]],n=[e],o=[0],a=[e.length],r=0,l=0,c=[],i=[c];l>-1;){for(;(r=o[l]++)<a[l];){var s=void 0,u=t[l],m=n[l][r];if("string"==typeof m?(u=l>0?u:["plain"],s=m):(u=S(u,m.type),m.alias&&(u=S(u,m.alias)),s=m.content),"string"==typeof s){var d=s.split(x),p=d.length;c.push({types:u,content:d[0]});for(var f=1;f<p;f++)O(c),i.push(c=[]),c.push({types:u,content:d[f]})}else l++,t.push(u),n.push(s),o.push(0),a.push(s.length)}l--,t.pop(),n.pop(),o.pop(),a.pop()}return O(c),i}(void 0!==l?this.tokenize(t,o,l,n):[o]),className:"prism-code language-"+n,style:void 0!==r?r.root:{},getLineProps:this.getLineProps,getTokenProps:this.getTokenProps})},t}(o.Component);const A=P,I={codeLine:"codeLine_lJS_",codeLineNumber:"codeLineNumber_Tfdd",codeLineContent:"codeLineContent_feaV"};function W(e){let{line:t,classNames:n,showLineNumbers:a,getLineProps:l,getTokenProps:c}=e;1===t.length&&"\n"===t[0].content&&(t[0].content="");const s=l({line:t,className:(0,i.Z)(n,a&&I.codeLine)}),u=t.map(((e,t)=>o.createElement("span",(0,r.Z)({key:t},c({token:e,key:t})))));return o.createElement("span",s,a?o.createElement(o.Fragment,null,o.createElement("span",{className:I.codeLineNumber}),o.createElement("span",{className:I.codeLineContent},u)):u,o.createElement("br",null))}var M=n(95999);function H(e){return o.createElement("svg",(0,r.Z)({viewBox:"0 0 24 24"},e),o.createElement("path",{fill:"currentColor",d:"M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"}))}function D(e){return o.createElement("svg",(0,r.Z)({viewBox:"0 0 24 24"},e),o.createElement("path",{fill:"currentColor",d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))}const V={copyButtonCopied:"copyButtonCopied_obH4",copyButtonIcons:"copyButtonIcons_eSgA",copyButtonIcon:"copyButtonIcon_y97N",copyButtonSuccessIcon:"copyButtonSuccessIcon_LjdS"};function R(e){let{code:t,className:n}=e;const[a,r]=(0,o.useState)(!1),l=(0,o.useRef)(void 0),c=(0,o.useCallback)((()=>{!function(e,t){let{target:n=document.body}=void 0===t?{}:t;if("string"!=typeof e)throw new TypeError(`Expected parameter \`text\` to be a \`string\`, got \`${typeof e}\`.`);const o=document.createElement("textarea"),a=document.activeElement;o.value=e,o.setAttribute("readonly",""),o.style.contain="strict",o.style.position="absolute",o.style.left="-9999px",o.style.fontSize="12pt";const r=document.getSelection(),l=r.rangeCount>0&&r.getRangeAt(0);n.append(o),o.select(),o.selectionStart=0,o.selectionEnd=e.length;let c=!1;try{c=document.execCommand("copy")}catch{}o.remove(),l&&(r.removeAllRanges(),r.addRange(l)),a&&a.focus()}(t),r(!0),l.current=window.setTimeout((()=>{r(!1)}),1e3)}),[t]);return(0,o.useEffect)((()=>()=>window.clearTimeout(l.current)),[]),o.createElement("button",{type:"button","aria-label":a?(0,M.I)({id:"theme.CodeBlock.copied",message:"Copied",description:"The copied button label on code blocks"}):(0,M.I)({id:"theme.CodeBlock.copyButtonAriaLabel",message:"Copy code to clipboard",description:"The ARIA label for copy code blocks button"}),title:(0,M.I)({id:"theme.CodeBlock.copy",message:"Copy",description:"The copy button label on code blocks"}),className:(0,i.Z)("clean-btn",n,V.copyButton,a&&V.copyButtonCopied),onClick:c},o.createElement("span",{className:V.copyButtonIcons,"aria-hidden":"true"},o.createElement(H,{className:V.copyButtonIcon}),o.createElement(D,{className:V.copyButtonSuccessIcon})))}function $(e){return o.createElement("svg",(0,r.Z)({viewBox:"0 0 24 24"},e),o.createElement("path",{fill:"currentColor",d:"M4 19h6v-2H4v2zM20 5H4v2h16V5zm-3 6H4v2h13.25c1.1 0 2 .9 2 2s-.9 2-2 2H15v-2l-3 3l3 3v-2h2c2.21 0 4-1.79 4-4s-1.79-4-4-4z"}))}const F={wordWrapButtonIcon:"wordWrapButtonIcon_Bwma",wordWrapButtonEnabled:"wordWrapButtonEnabled_EoeP"};function q(e){let{className:t,onClick:n,isEnabled:a}=e;const r=(0,M.I)({id:"theme.CodeBlock.wordWrapToggle",message:"Toggle word wrap",description:"The title attribute for toggle word wrapping button of code block lines"});return o.createElement("button",{type:"button",onClick:n,className:(0,i.Z)("clean-btn",t,a&&F.wordWrapButtonEnabled),"aria-label":r,title:r},o.createElement($,{className:F.wordWrapButtonIcon,"aria-hidden":"true"}))}function G(e){let{children:t,className:n="",metastring:a,title:l,showLineNumbers:c,language:s}=e;const{prism:{defaultLanguage:d,magicComments:p}}=(0,u.L)(),f=s??function(e){const t=e.split(" ").find((e=>e.startsWith("language-")));return t?.replace(/language-/,"")}(n)??d,h=m(),y=function(){const[e,t]=(0,o.useState)(!1),[n,a]=(0,o.useState)(!1),r=(0,o.useRef)(null),l=(0,o.useCallback)((()=>{const n=r.current.querySelector("code");e?n.removeAttribute("style"):(n.style.whiteSpace="pre-wrap",n.style.overflowWrap="anywhere"),t((e=>!e))}),[r,e]),c=(0,o.useCallback)((()=>{const{scrollWidth:e,clientWidth:t}=r.current,n=e>t||r.current.querySelector("code").hasAttribute("style");a(n)}),[r]);return Z(r,c),(0,o.useEffect)((()=>{c()}),[e,c]),(0,o.useEffect)((()=>(window.addEventListener("resize",c,{passive:!0}),()=>{window.removeEventListener("resize",c)})),[c]),{codeBlockRef:r,isEnabled:e,isCodeScrollable:n,toggle:l}}(),b=function(e){return e?.match(g)?.groups.title??""}(a)||l,{lineClassNames:E,code:C}=v(t,{metastring:a,language:f,magicComments:p}),w=c??function(e){return Boolean(e?.includes("showLineNumbers"))}(a);return o.createElement(k,{as:"div",className:(0,i.Z)(n,f&&!n.includes(`language-${f}`)&&`language-${f}`)},b&&o.createElement("div",{className:N.codeBlockTitle},b),o.createElement("div",{className:N.codeBlockContent},o.createElement(A,(0,r.Z)({},L,{theme:h,code:C,language:f??"text"}),(e=>{let{className:t,tokens:n,getLineProps:a,getTokenProps:r}=e;return o.createElement("pre",{tabIndex:0,ref:y.codeBlockRef,className:(0,i.Z)(t,N.codeBlock,"thin-scrollbar")},o.createElement("code",{className:(0,i.Z)(N.codeBlockLines,w&&N.codeBlockLinesWithNumbering)},n.map(((e,t)=>o.createElement(W,{key:t,line:e,getLineProps:a,getTokenProps:r,classNames:E[t],showLineNumbers:w})))))})),o.createElement("div",{className:N.buttonGroup},(y.isEnabled||y.isCodeScrollable)&&o.createElement(q,{className:N.codeButton,onClick:()=>y.toggle(),isEnabled:y.isEnabled}),o.createElement(R,{className:N.codeButton,code:C}))))}function U(e){let{children:t,...n}=e;const a=(0,c.Z)(),l=function(e){return o.Children.toArray(e).some((e=>(0,o.isValidElement)(e)))?e:Array.isArray(e)?e.join(""):e}(t),i="string"==typeof l?G:C;return o.createElement(i,(0,r.Z)({key:String(a)},n),l)}var Q=n(39960);var X=n(86043);const Y={details:"details_lb9f",isBrowser:"isBrowser_bmU9",collapsibleContent:"collapsibleContent_i85q"};function J(e){return!!e&&("SUMMARY"===e.tagName||J(e.parentElement))}function K(e,t){return!!e&&(e===t||K(e.parentElement,t))}function ee(e){let{summary:t,children:n,...a}=e;const l=(0,c.Z)(),s=(0,o.useRef)(null),{collapsed:u,setCollapsed:m}=(0,X.u)({initialState:!a.open}),[d,p]=(0,o.useState)(a.open),f=o.isValidElement(t)?t:o.createElement("summary",null,t??"Details");return o.createElement("details",(0,r.Z)({},a,{ref:s,open:d,"data-collapsed":u,className:(0,i.Z)(Y.details,l&&Y.isBrowser,a.className),onMouseDown:e=>{J(e.target)&&e.detail>1&&e.preventDefault()},onClick:e=>{e.stopPropagation();const t=e.target;J(t)&&K(t,s.current)&&(e.preventDefault(),u?(m(!1),p(!0)):m(!0))}}),f,o.createElement(X.z,{lazy:!1,collapsed:u,disableSSRStyle:!0,onCollapseTransitionEnd:e=>{m(e),p(!e)}},o.createElement("div",{className:Y.collapsibleContent},n)))}const te={details:"details_b_Ee"},ne="alert alert--info";function oe(e){let{...t}=e;return o.createElement(ee,(0,r.Z)({},t,{className:(0,i.Z)(ne,te.details,t.className)}))}var ae=n(92503);function re(e){return o.createElement(ae.Z,e)}const le={containsTaskList:"containsTaskList_mC6p"};function ce(e){if(void 0!==e)return(0,i.Z)(e,e?.includes("contains-task-list")&&le.containsTaskList)}const ie={img:"img_ev3q"};const se="admonition_LlT9",ue="admonitionHeading_tbUL",me="admonitionIcon_kALy",de="admonitionContent_S0QG";const pe={note:{infimaClassName:"secondary",iconComponent:function(){return o.createElement("svg",{viewBox:"0 0 14 16"},o.createElement("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"}))},label:o.createElement(M.Z,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)"},"note")},tip:{infimaClassName:"success",iconComponent:function(){return o.createElement("svg",{viewBox:"0 0 12 16"},o.createElement("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"}))},label:o.createElement(M.Z,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)"},"tip")},danger:{infimaClassName:"danger",iconComponent:function(){return o.createElement("svg",{viewBox:"0 0 12 16"},o.createElement("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"}))},label:o.createElement(M.Z,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)"},"danger")},info:{infimaClassName:"info",iconComponent:function(){return o.createElement("svg",{viewBox:"0 0 14 16"},o.createElement("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"}))},label:o.createElement(M.Z,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)"},"info")},caution:{infimaClassName:"warning",iconComponent:function(){return o.createElement("svg",{viewBox:"0 0 16 16"},o.createElement("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"}))},label:o.createElement(M.Z,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)"},"caution")}},fe={secondary:"note",important:"info",success:"tip",warning:"danger"};function ge(e){const{mdxAdmonitionTitle:t,rest:n}=function(e){const t=o.Children.toArray(e),n=t.find((e=>o.isValidElement(e)&&"mdxAdmonitionTitle"===e.props?.mdxType)),a=o.createElement(o.Fragment,null,t.filter((e=>e!==n)));return{mdxAdmonitionTitle:n,rest:a}}(e.children);return{...e,title:e.title??t,children:n}}const he={head:function(e){const t=o.Children.map(e.children,(e=>o.isValidElement(e)?function(e){if(e.props?.mdxType&&e.props.originalType){const{mdxType:t,originalType:n,...a}=e.props;return o.createElement(e.props.originalType,a)}return e}(e):e));return o.createElement(l.Z,e,t)},code:function(e){const t=["a","abbr","b","br","button","cite","code","del","dfn","em","i","img","input","ins","kbd","label","object","output","q","ruby","s","small","span","strong","sub","sup","time","u","var","wbr"];return o.Children.toArray(e.children).every((e=>"string"==typeof e&&!e.includes("\n")||(0,o.isValidElement)(e)&&t.includes(e.props?.mdxType)))?o.createElement("code",e):o.createElement(U,e)},a:function(e){return o.createElement(Q.Z,e)},pre:function(e){return o.createElement(U,(0,o.isValidElement)(e.children)&&"code"===e.children.props?.originalType?e.children.props:{...e})},details:function(e){const t=o.Children.toArray(e.children),n=t.find((e=>o.isValidElement(e)&&"summary"===e.props?.mdxType)),a=o.createElement(o.Fragment,null,t.filter((e=>e!==n)));return o.createElement(oe,(0,r.Z)({},e,{summary:n}),a)},ul:function(e){return o.createElement("ul",(0,r.Z)({},e,{className:ce(e.className)}))},img:function(e){return o.createElement("img",(0,r.Z)({loading:"lazy"},e,{className:(t=e.className,(0,i.Z)(t,ie.img))}));var t},h1:e=>o.createElement(re,(0,r.Z)({as:"h1"},e)),h2:e=>o.createElement(re,(0,r.Z)({as:"h2"},e)),h3:e=>o.createElement(re,(0,r.Z)({as:"h3"},e)),h4:e=>o.createElement(re,(0,r.Z)({as:"h4"},e)),h5:e=>o.createElement(re,(0,r.Z)({as:"h5"},e)),h6:e=>o.createElement(re,(0,r.Z)({as:"h6"},e)),admonition:function(e){const{children:t,type:n,title:a,icon:r}=ge(e),l=function(e){const t=fe[e]??e,n=pe[t];return n||(console.warn(`No admonition config found for admonition type "${t}". Using Info as fallback.`),pe.info)}(n),c=a??l.label,{iconComponent:s}=l,u=r??o.createElement(s,null);return o.createElement("div",{className:(0,i.Z)(d.k.common.admonition,d.k.common.admonitionType(e.type),"alert",`alert--${l.infimaClassName}`,se)},o.createElement("div",{className:ue},o.createElement("span",{className:me},u),c),o.createElement("div",{className:de},t))},mermaid:()=>null};function ye(e){let{children:t}=e;return o.createElement(a.Zo,{components:he},t)}},32244:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var o=n(67294),a=n(86010),r=n(39960);function l(e){const{permalink:t,title:n,subLabel:l,isNext:c}=e;return o.createElement(r.Z,{className:(0,a.Z)("pagination-nav__link",c?"pagination-nav__link--next":"pagination-nav__link--prev"),to:t},l&&o.createElement("div",{className:"pagination-nav__sublabel"},l),o.createElement("div",{className:"pagination-nav__label"},n))}},13008:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var o=n(67294),a=n(86010),r=n(39960);const l={tag:"tag_zVej",tagRegular:"tagRegular_sFm0",tagWithCount:"tagWithCount_h2kH"};function c(e){let{permalink:t,label:n,count:c}=e;return o.createElement(r.Z,{href:t,className:(0,a.Z)(l.tag,c?l.tagWithCount:l.tagRegular)},n,c&&o.createElement("span",null,c))}},71526:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var o=n(67294),a=n(86010),r=n(95999),l=n(13008);const c={tags:"tags_jXut",tag:"tag_QGVx"};function i(e){let{tags:t}=e;return o.createElement(o.Fragment,null,o.createElement("b",null,o.createElement(r.Z,{id:"theme.tags.tagsListLabel",description:"The label alongside a tag list"},"Tags:")),o.createElement("ul",{className:(0,a.Z)(c.tags,"padding--none","margin-left--sm")},t.map((e=>{let{label:t,permalink:n}=e;return o.createElement("li",{key:n,className:c.tag},o.createElement(l.Z,{label:t,permalink:n}))}))))}},87594:(e,t)=>{function n(e){let t,n=[];for(let o of e.split(",").map((e=>e.trim())))if(/^-?\d+$/.test(o))n.push(parseInt(o,10));else if(t=o.match(/^(-?\d+)(-|\.\.\.?|\u2025|\u2026|\u22EF)(-?\d+)$/)){let[e,o,a,r]=t;if(o&&r){o=parseInt(o),r=parseInt(r);const e=o<r?1:-1;"-"!==a&&".."!==a&&"\u2025"!==a||(r+=e);for(let t=o;t!==r;t+=e)n.push(t)}}return n}t.default=n,e.exports=n}}]);
\ No newline at end of file
+(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[88105],{3905:(e,t,n)=>{"use strict";n.d(t,{Zo:()=>u,kt:()=>f});var o=n(67294);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t){if(null==e)return{};var n,o,a=function(e,t){if(null==e)return{};var n,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)n=r[o],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)n=r[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i=o.createContext({}),s=function(e){var t=o.useContext(i),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},u=function(e){var t=s(e.components);return o.createElement(i.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},p=o.forwardRef((function(e,t){var n=e.components,a=e.mdxType,r=e.originalType,i=e.parentName,u=c(e,["components","mdxType","originalType","parentName"]),m=s(n),p=a,f=m["".concat(i,".").concat(p)]||m[p]||d[p]||r;return n?o.createElement(f,l(l({ref:t},u),{},{components:n})):o.createElement(f,l({ref:t},u))}));function f(e,t){var n=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=n.length,l=new Array(r);l[0]=p;var c={};for(var i in t)hasOwnProperty.call(t,i)&&(c[i]=t[i]);c.originalType=e,c[m]="string"==typeof e?e:a,l[1]=c;for(var s=2;s<r;s++)l[s]=n[s];return o.createElement.apply(null,l)}return o.createElement.apply(null,n)}p.displayName="MDXCreateElement"},40841:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var o=n(67294),a=n(95999),r=n(35281),l=n(87462),c=n(86010);const i={iconEdit:"iconEdit_Z9Sw"};function s(e){let{className:t,...n}=e;return o.createElement("svg",(0,l.Z)({fill:"currentColor",height:"20",width:"20",viewBox:"0 0 40 40",className:(0,c.Z)(i.iconEdit,t),"aria-hidden":"true"},n),o.createElement("g",null,o.createElement("path",{d:"m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"})))}function u(e){let{editUrl:t}=e;return o.createElement("a",{href:t,target:"_blank",rel:"noreferrer noopener",className:r.k.common.editThisPage},o.createElement(s,null),o.createElement(a.Z,{id:"theme.common.editThisPage",description:"The link label to edit the current page"},"Edit this page"))}},92503:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var o=n(87462),a=n(67294),r=n(86010),l=n(95999),c=n(86668),i=n(39960);const s={anchorWithStickyNavbar:"anchorWithStickyNavbar_LWe7",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_WYt5"};function u(e){let{as:t,id:n,...u}=e;const{navbar:{hideOnScroll:m}}=(0,c.L)();if("h1"===t||!n)return a.createElement(t,(0,o.Z)({},u,{id:void 0}));const d=(0,l.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof u.children?u.children:n});return a.createElement(t,(0,o.Z)({},u,{className:(0,r.Z)("anchor",m?s.anchorWithHideOnScrollNavbar:s.anchorWithStickyNavbar,u.className),id:n}),u.children,a.createElement(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":d,title:d},"\u200b"))}},98718:(e,t,n)=>{"use strict";n.d(t,{Z:()=>ye});var o=n(67294),a=n(3905),r=n(87462),l=n(35742);var c=n(72389),i=n(86010),s=n(92949),u=n(86668);function m(){const{prism:e}=(0,u.L)(),{colorMode:t}=(0,s.I)(),n=e.theme,o=e.darkTheme||n;return"dark"===t?o:n}var d=n(35281),p=n(87594),f=n.n(p);const g=/title=(?<quote>["'])(?<title>.*?)\1/,h=/\{(?<range>[\d,-]+)\}/,y={js:{start:"\\/\\/",end:""},jsBlock:{start:"\\/\\*",end:"\\*\\/"},jsx:{start:"\\{\\s*\\/\\*",end:"\\*\\/\\s*\\}"},bash:{start:"#",end:""},html:{start:"\x3c!--",end:"--\x3e"}};function b(e,t){const n=e.map((e=>{const{start:n,end:o}=y[e];return`(?:${n}\\s*(${t.flatMap((e=>[e.line,e.block?.start,e.block?.end].filter(Boolean))).join("|")})\\s*${o})`})).join("|");return new RegExp(`^\\s*(?:${n})\\s*$`)}function v(e,t){let n=e.replace(/\n$/,"");const{language:o,magicComments:a,metastring:r}=t;if(r&&h.test(r)){const e=r.match(h).groups.range;if(0===a.length)throw new Error(`A highlight range has been given in code block's metastring (\`\`\` ${r}), but no magic comment config is available. Docusaurus applies the first magic comment entry's className for metastring ranges.`);const t=a[0].className,o=f()(e).filter((e=>e>0)).map((e=>[e-1,[t]]));return{lineClassNames:Object.fromEntries(o),code:n}}if(void 0===o)return{lineClassNames:{},code:n};const l=function(e,t){switch(e){case"js":case"javascript":case"ts":case"typescript":return b(["js","jsBlock"],t);case"jsx":case"tsx":return b(["js","jsBlock","jsx"],t);case"html":return b(["js","jsBlock","html"],t);case"python":case"py":case"bash":return b(["bash"],t);case"markdown":case"md":return b(["html","jsx","bash"],t);default:return b(Object.keys(y),t)}}(o,a),c=n.split("\n"),i=Object.fromEntries(a.map((e=>[e.className,{start:0,range:""}]))),s=Object.fromEntries(a.filter((e=>e.line)).map((e=>{let{className:t,line:n}=e;return[n,t]}))),u=Object.fromEntries(a.filter((e=>e.block)).map((e=>{let{className:t,block:n}=e;return[n.start,t]}))),m=Object.fromEntries(a.filter((e=>e.block)).map((e=>{let{className:t,block:n}=e;return[n.end,t]})));for(let p=0;p<c.length;){const e=c[p].match(l);if(!e){p+=1;continue}const t=e.slice(1).find((e=>void 0!==e));s[t]?i[s[t]].range+=`${p},`:u[t]?i[u[t]].start=p:m[t]&&(i[m[t]].range+=`${i[m[t]].start}-${p-1},`),c.splice(p,1)}n=c.join("\n");const d={};return Object.entries(i).forEach((e=>{let[t,{range:n}]=e;f()(n).forEach((e=>{d[e]??=[],d[e].push(t)}))})),{lineClassNames:d,code:n}}const E={codeBlockContainer:"codeBlockContainer_Ckt0"};function k(e){let{as:t,...n}=e;const a=function(e){const t={color:"--prism-color",backgroundColor:"--prism-background-color"},n={};return Object.entries(e.plain).forEach((e=>{let[o,a]=e;const r=t[o];r&&"string"==typeof a&&(n[r]=a)})),n}(m());return o.createElement(t,(0,r.Z)({},n,{style:a,className:(0,i.Z)(n.className,E.codeBlockContainer,d.k.common.codeBlock)}))}const N={codeBlockContent:"codeBlockContent_biex",codeBlockTitle:"codeBlockTitle_Ktv7",codeBlock:"codeBlock_bY9V",codeBlockStandalone:"codeBlockStandalone_MEMb",codeBlockLines:"codeBlockLines_e6Vv",codeBlockLinesWithNumbering:"codeBlockLinesWithNumbering_o6Pm",buttonGroup:"buttonGroup__atx"};function C(e){let{children:t,className:n}=e;return o.createElement(k,{as:"pre",tabIndex:0,className:(0,i.Z)(N.codeBlockStandalone,"thin-scrollbar",n)},o.createElement("code",{className:N.codeBlockLines},t))}var w=n(902);const B={attributes:!0,characterData:!0,childList:!0,subtree:!0};function Z(e,t){const[n,a]=(0,o.useState)(),r=(0,o.useCallback)((()=>{a(e.current?.closest("[role=tabpanel][hidden]"))}),[e,a]);(0,o.useEffect)((()=>{r()}),[r]),function(e,t,n){void 0===n&&(n=B);const a=(0,w.zX)(t),r=(0,w.Ql)(n);(0,o.useEffect)((()=>{const t=new MutationObserver(a);return e&&t.observe(e,r),()=>t.disconnect()}),[e,a,r])}(n,(e=>{e.forEach((e=>{"attributes"===e.type&&"hidden"===e.attributeName&&(t(),r())}))}),{attributes:!0,characterData:!1,childList:!1,subtree:!1})}const T={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]};var L={Prism:n(87410).Z,theme:T};function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _(){return _=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_.apply(this,arguments)}var x=/\r\n|\r|\n/,O=function(e){0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},S=function(e,t){var n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)};function z(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&-1===t.indexOf(o)&&(n[o]=e[o]);return n}var P=function(e){function t(){for(var t=this,n=[],o=arguments.length;o--;)n[o]=arguments[o];e.apply(this,n),j(this,"getThemeDict",(function(e){if(void 0!==t.themeDict&&e.theme===t.prevTheme&&e.language===t.prevLanguage)return t.themeDict;t.prevTheme=e.theme,t.prevLanguage=e.language;var n=e.theme?function(e,t){var n=e.plain,o=Object.create(null),a=e.styles.reduce((function(e,n){var o=n.languages,a=n.style;return o&&!o.includes(t)||n.types.forEach((function(t){var n=_({},e[t],a);e[t]=n})),e}),o);return a.root=n,a.plain=_({},n,{backgroundColor:null}),a}(e.theme,e.language):void 0;return t.themeDict=n})),j(this,"getLineProps",(function(e){var n=e.key,o=e.className,a=e.style,r=_({},z(e,["key","className","style","line"]),{className:"token-line",style:void 0,key:void 0}),l=t.getThemeDict(t.props);return void 0!==l&&(r.style=l.plain),void 0!==a&&(r.style=void 0!==r.style?_({},r.style,a):a),void 0!==n&&(r.key=n),o&&(r.className+=" "+o),r})),j(this,"getStyleForToken",(function(e){var n=e.types,o=e.empty,a=n.length,r=t.getThemeDict(t.props);if(void 0!==r){if(1===a&&"plain"===n[0])return o?{display:"inline-block"}:void 0;if(1===a&&!o)return r[n[0]];var l=o?{display:"inline-block"}:{},c=n.map((function(e){return r[e]}));return Object.assign.apply(Object,[l].concat(c))}})),j(this,"getTokenProps",(function(e){var n=e.key,o=e.className,a=e.style,r=e.token,l=_({},z(e,["key","className","style","token"]),{className:"token "+r.types.join(" "),children:r.content,style:t.getStyleForToken(r),key:void 0});return void 0!==a&&(l.style=void 0!==l.style?_({},l.style,a):a),void 0!==n&&(l.key=n),o&&(l.className+=" "+o),l})),j(this,"tokenize",(function(e,t,n,o){var a={code:t,grammar:n,language:o,tokens:[]};e.hooks.run("before-tokenize",a);var r=a.tokens=e.tokenize(a.code,a.grammar,a.language);return e.hooks.run("after-tokenize",a),r}))}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.render=function(){var e=this.props,t=e.Prism,n=e.language,o=e.code,a=e.children,r=this.getThemeDict(this.props),l=t.languages[n];return a({tokens:function(e){for(var t=[[]],n=[e],o=[0],a=[e.length],r=0,l=0,c=[],i=[c];l>-1;){for(;(r=o[l]++)<a[l];){var s=void 0,u=t[l],m=n[l][r];if("string"==typeof m?(u=l>0?u:["plain"],s=m):(u=S(u,m.type),m.alias&&(u=S(u,m.alias)),s=m.content),"string"==typeof s){var d=s.split(x),p=d.length;c.push({types:u,content:d[0]});for(var f=1;f<p;f++)O(c),i.push(c=[]),c.push({types:u,content:d[f]})}else l++,t.push(u),n.push(s),o.push(0),a.push(s.length)}l--,t.pop(),n.pop(),o.pop(),a.pop()}return O(c),i}(void 0!==l?this.tokenize(t,o,l,n):[o]),className:"prism-code language-"+n,style:void 0!==r?r.root:{},getLineProps:this.getLineProps,getTokenProps:this.getTokenProps})},t}(o.Component);const A=P,I={codeLine:"codeLine_lJS_",codeLineNumber:"codeLineNumber_Tfdd",codeLineContent:"codeLineContent_feaV"};function W(e){let{line:t,classNames:n,showLineNumbers:a,getLineProps:l,getTokenProps:c}=e;1===t.length&&"\n"===t[0].content&&(t[0].content="");const s=l({line:t,className:(0,i.Z)(n,a&&I.codeLine)}),u=t.map(((e,t)=>o.createElement("span",(0,r.Z)({key:t},c({token:e,key:t})))));return o.createElement("span",s,a?o.createElement(o.Fragment,null,o.createElement("span",{className:I.codeLineNumber}),o.createElement("span",{className:I.codeLineContent},u)):u,o.createElement("br",null))}var M=n(95999);function H(e){return o.createElement("svg",(0,r.Z)({viewBox:"0 0 24 24"},e),o.createElement("path",{fill:"currentColor",d:"M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"}))}function D(e){return o.createElement("svg",(0,r.Z)({viewBox:"0 0 24 24"},e),o.createElement("path",{fill:"currentColor",d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))}const V={copyButtonCopied:"copyButtonCopied_obH4",copyButtonIcons:"copyButtonIcons_eSgA",copyButtonIcon:"copyButtonIcon_y97N",copyButtonSuccessIcon:"copyButtonSuccessIcon_LjdS"};function R(e){let{code:t,className:n}=e;const[a,r]=(0,o.useState)(!1),l=(0,o.useRef)(void 0),c=(0,o.useCallback)((()=>{!function(e,t){let{target:n=document.body}=void 0===t?{}:t;if("string"!=typeof e)throw new TypeError(`Expected parameter \`text\` to be a \`string\`, got \`${typeof e}\`.`);const o=document.createElement("textarea"),a=document.activeElement;o.value=e,o.setAttribute("readonly",""),o.style.contain="strict",o.style.position="absolute",o.style.left="-9999px",o.style.fontSize="12pt";const r=document.getSelection(),l=r.rangeCount>0&&r.getRangeAt(0);n.append(o),o.select(),o.selectionStart=0,o.selectionEnd=e.length;let c=!1;try{c=document.execCommand("copy")}catch{}o.remove(),l&&(r.removeAllRanges(),r.addRange(l)),a&&a.focus()}(t),r(!0),l.current=window.setTimeout((()=>{r(!1)}),1e3)}),[t]);return(0,o.useEffect)((()=>()=>window.clearTimeout(l.current)),[]),o.createElement("button",{type:"button","aria-label":a?(0,M.I)({id:"theme.CodeBlock.copied",message:"Copied",description:"The copied button label on code blocks"}):(0,M.I)({id:"theme.CodeBlock.copyButtonAriaLabel",message:"Copy code to clipboard",description:"The ARIA label for copy code blocks button"}),title:(0,M.I)({id:"theme.CodeBlock.copy",message:"Copy",description:"The copy button label on code blocks"}),className:(0,i.Z)("clean-btn",n,V.copyButton,a&&V.copyButtonCopied),onClick:c},o.createElement("span",{className:V.copyButtonIcons,"aria-hidden":"true"},o.createElement(H,{className:V.copyButtonIcon}),o.createElement(D,{className:V.copyButtonSuccessIcon})))}function $(e){return o.createElement("svg",(0,r.Z)({viewBox:"0 0 24 24"},e),o.createElement("path",{fill:"currentColor",d:"M4 19h6v-2H4v2zM20 5H4v2h16V5zm-3 6H4v2h13.25c1.1 0 2 .9 2 2s-.9 2-2 2H15v-2l-3 3l3 3v-2h2c2.21 0 4-1.79 4-4s-1.79-4-4-4z"}))}const F={wordWrapButtonIcon:"wordWrapButtonIcon_Bwma",wordWrapButtonEnabled:"wordWrapButtonEnabled_EoeP"};function q(e){let{className:t,onClick:n,isEnabled:a}=e;const r=(0,M.I)({id:"theme.CodeBlock.wordWrapToggle",message:"Toggle word wrap",description:"The title attribute for toggle word wrapping button of code block lines"});return o.createElement("button",{type:"button",onClick:n,className:(0,i.Z)("clean-btn",t,a&&F.wordWrapButtonEnabled),"aria-label":r,title:r},o.createElement($,{className:F.wordWrapButtonIcon,"aria-hidden":"true"}))}function G(e){let{children:t,className:n="",metastring:a,title:l,showLineNumbers:c,language:s}=e;const{prism:{defaultLanguage:d,magicComments:p}}=(0,u.L)(),f=s??function(e){const t=e.split(" ").find((e=>e.startsWith("language-")));return t?.replace(/language-/,"")}(n)??d,h=m(),y=function(){const[e,t]=(0,o.useState)(!1),[n,a]=(0,o.useState)(!1),r=(0,o.useRef)(null),l=(0,o.useCallback)((()=>{const n=r.current.querySelector("code");e?n.removeAttribute("style"):(n.style.whiteSpace="pre-wrap",n.style.overflowWrap="anywhere"),t((e=>!e))}),[r,e]),c=(0,o.useCallback)((()=>{const{scrollWidth:e,clientWidth:t}=r.current,n=e>t||r.current.querySelector("code").hasAttribute("style");a(n)}),[r]);return Z(r,c),(0,o.useEffect)((()=>{c()}),[e,c]),(0,o.useEffect)((()=>(window.addEventListener("resize",c,{passive:!0}),()=>{window.removeEventListener("resize",c)})),[c]),{codeBlockRef:r,isEnabled:e,isCodeScrollable:n,toggle:l}}(),b=function(e){return e?.match(g)?.groups.title??""}(a)||l,{lineClassNames:E,code:C}=v(t,{metastring:a,language:f,magicComments:p}),w=c??function(e){return Boolean(e?.includes("showLineNumbers"))}(a);return o.createElement(k,{as:"div",className:(0,i.Z)(n,f&&!n.includes(`language-${f}`)&&`language-${f}`)},b&&o.createElement("div",{className:N.codeBlockTitle},b),o.createElement("div",{className:N.codeBlockContent},o.createElement(A,(0,r.Z)({},L,{theme:h,code:C,language:f??"text"}),(e=>{let{className:t,tokens:n,getLineProps:a,getTokenProps:r}=e;return o.createElement("pre",{tabIndex:0,ref:y.codeBlockRef,className:(0,i.Z)(t,N.codeBlock,"thin-scrollbar")},o.createElement("code",{className:(0,i.Z)(N.codeBlockLines,w&&N.codeBlockLinesWithNumbering)},n.map(((e,t)=>o.createElement(W,{key:t,line:e,getLineProps:a,getTokenProps:r,classNames:E[t],showLineNumbers:w})))))})),o.createElement("div",{className:N.buttonGroup},(y.isEnabled||y.isCodeScrollable)&&o.createElement(q,{className:N.codeButton,onClick:()=>y.toggle(),isEnabled:y.isEnabled}),o.createElement(R,{className:N.codeButton,code:C}))))}function U(e){let{children:t,...n}=e;const a=(0,c.Z)(),l=function(e){return o.Children.toArray(e).some((e=>(0,o.isValidElement)(e)))?e:Array.isArray(e)?e.join(""):e}(t),i="string"==typeof l?G:C;return o.createElement(i,(0,r.Z)({key:String(a)},n),l)}var Q=n(39960);var X=n(86043);const Y={details:"details_lb9f",isBrowser:"isBrowser_bmU9",collapsibleContent:"collapsibleContent_i85q"};function J(e){return!!e&&("SUMMARY"===e.tagName||J(e.parentElement))}function K(e,t){return!!e&&(e===t||K(e.parentElement,t))}function ee(e){let{summary:t,children:n,...a}=e;const l=(0,c.Z)(),s=(0,o.useRef)(null),{collapsed:u,setCollapsed:m}=(0,X.u)({initialState:!a.open}),[d,p]=(0,o.useState)(a.open),f=o.isValidElement(t)?t:o.createElement("summary",null,t??"Details");return o.createElement("details",(0,r.Z)({},a,{ref:s,open:d,"data-collapsed":u,className:(0,i.Z)(Y.details,l&&Y.isBrowser,a.className),onMouseDown:e=>{J(e.target)&&e.detail>1&&e.preventDefault()},onClick:e=>{e.stopPropagation();const t=e.target;J(t)&&K(t,s.current)&&(e.preventDefault(),u?(m(!1),p(!0)):m(!0))}}),f,o.createElement(X.z,{lazy:!1,collapsed:u,disableSSRStyle:!0,onCollapseTransitionEnd:e=>{m(e),p(!e)}},o.createElement("div",{className:Y.collapsibleContent},n)))}const te={details:"details_b_Ee"},ne="alert alert--info";function oe(e){let{...t}=e;return o.createElement(ee,(0,r.Z)({},t,{className:(0,i.Z)(ne,te.details,t.className)}))}var ae=n(92503);function re(e){return o.createElement(ae.Z,e)}const le={containsTaskList:"containsTaskList_mC6p"};function ce(e){if(void 0!==e)return(0,i.Z)(e,e?.includes("contains-task-list")&&le.containsTaskList)}const ie={img:"img_ev3q"};const se="admonition_LlT9",ue="admonitionHeading_tbUL",me="admonitionIcon_kALy",de="admonitionContent_S0QG";const pe={note:{infimaClassName:"secondary",iconComponent:function(){return o.createElement("svg",{viewBox:"0 0 14 16"},o.createElement("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"}))},label:o.createElement(M.Z,{id:"theme.admonition.note",description:"The default label used for the Note admonition (:::note)"},"note")},tip:{infimaClassName:"success",iconComponent:function(){return o.createElement("svg",{viewBox:"0 0 12 16"},o.createElement("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"}))},label:o.createElement(M.Z,{id:"theme.admonition.tip",description:"The default label used for the Tip admonition (:::tip)"},"tip")},danger:{infimaClassName:"danger",iconComponent:function(){return o.createElement("svg",{viewBox:"0 0 12 16"},o.createElement("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"}))},label:o.createElement(M.Z,{id:"theme.admonition.danger",description:"The default label used for the Danger admonition (:::danger)"},"danger")},info:{infimaClassName:"info",iconComponent:function(){return o.createElement("svg",{viewBox:"0 0 14 16"},o.createElement("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"}))},label:o.createElement(M.Z,{id:"theme.admonition.info",description:"The default label used for the Info admonition (:::info)"},"info")},caution:{infimaClassName:"warning",iconComponent:function(){return o.createElement("svg",{viewBox:"0 0 16 16"},o.createElement("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"}))},label:o.createElement(M.Z,{id:"theme.admonition.caution",description:"The default label used for the Caution admonition (:::caution)"},"caution")}},fe={secondary:"note",important:"info",success:"tip",warning:"danger"};function ge(e){const{mdxAdmonitionTitle:t,rest:n}=function(e){const t=o.Children.toArray(e),n=t.find((e=>o.isValidElement(e)&&"mdxAdmonitionTitle"===e.props?.mdxType)),a=o.createElement(o.Fragment,null,t.filter((e=>e!==n)));return{mdxAdmonitionTitle:n,rest:a}}(e.children);return{...e,title:e.title??t,children:n}}const he={head:function(e){const t=o.Children.map(e.children,(e=>o.isValidElement(e)?function(e){if(e.props?.mdxType&&e.props.originalType){const{mdxType:t,originalType:n,...a}=e.props;return o.createElement(e.props.originalType,a)}return e}(e):e));return o.createElement(l.Z,e,t)},code:function(e){const t=["a","abbr","b","br","button","cite","code","del","dfn","em","i","img","input","ins","kbd","label","object","output","q","ruby","s","small","span","strong","sub","sup","time","u","var","wbr"];return o.Children.toArray(e.children).every((e=>"string"==typeof e&&!e.includes("\n")||(0,o.isValidElement)(e)&&t.includes(e.props?.mdxType)))?o.createElement("code",e):o.createElement(U,e)},a:function(e){return o.createElement(Q.Z,e)},pre:function(e){return o.createElement(U,(0,o.isValidElement)(e.children)&&"code"===e.children.props?.originalType?e.children.props:{...e})},details:function(e){const t=o.Children.toArray(e.children),n=t.find((e=>o.isValidElement(e)&&"summary"===e.props?.mdxType)),a=o.createElement(o.Fragment,null,t.filter((e=>e!==n)));return o.createElement(oe,(0,r.Z)({},e,{summary:n}),a)},ul:function(e){return o.createElement("ul",(0,r.Z)({},e,{className:ce(e.className)}))},img:function(e){return o.createElement("img",(0,r.Z)({loading:"lazy"},e,{className:(t=e.className,(0,i.Z)(t,ie.img))}));var t},h1:e=>o.createElement(re,(0,r.Z)({as:"h1"},e)),h2:e=>o.createElement(re,(0,r.Z)({as:"h2"},e)),h3:e=>o.createElement(re,(0,r.Z)({as:"h3"},e)),h4:e=>o.createElement(re,(0,r.Z)({as:"h4"},e)),h5:e=>o.createElement(re,(0,r.Z)({as:"h5"},e)),h6:e=>o.createElement(re,(0,r.Z)({as:"h6"},e)),admonition:function(e){const{children:t,type:n,title:a,icon:r}=ge(e),l=function(e){const t=fe[e]??e,n=pe[t];return n||(console.warn(`No admonition config found for admonition type "${t}". Using Info as fallback.`),pe.info)}(n),c=a??l.label,{iconComponent:s}=l,u=r??o.createElement(s,null);return o.createElement("div",{className:(0,i.Z)(d.k.common.admonition,d.k.common.admonitionType(e.type),"alert",`alert--${l.infimaClassName}`,se)},o.createElement("div",{className:ue},o.createElement("span",{className:me},u),c),o.createElement("div",{className:de},t))},mermaid:()=>null};function ye(e){let{children:t}=e;return o.createElement(a.Zo,{components:he},t)}},32244:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var o=n(67294),a=n(86010),r=n(39960);function l(e){const{permalink:t,title:n,subLabel:l,isNext:c}=e;return o.createElement(r.Z,{className:(0,a.Z)("pagination-nav__link",c?"pagination-nav__link--next":"pagination-nav__link--prev"),to:t},l&&o.createElement("div",{className:"pagination-nav__sublabel"},l),o.createElement("div",{className:"pagination-nav__label"},n))}},13008:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var o=n(67294),a=n(86010),r=n(39960);const l={tag:"tag_zVej",tagRegular:"tagRegular_sFm0",tagWithCount:"tagWithCount_h2kH"};function c(e){let{permalink:t,label:n,count:c}=e;return o.createElement(r.Z,{href:t,className:(0,a.Z)(l.tag,c?l.tagWithCount:l.tagRegular)},n,c&&o.createElement("span",null,c))}},71526:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var o=n(67294),a=n(86010),r=n(95999),l=n(13008);const c={tags:"tags_jXut",tag:"tag_QGVx"};function i(e){let{tags:t}=e;return o.createElement(o.Fragment,null,o.createElement("b",null,o.createElement(r.Z,{id:"theme.tags.tagsListLabel",description:"The label alongside a tag list"},"Tags:")),o.createElement("ul",{className:(0,a.Z)(c.tags,"padding--none","margin-left--sm")},t.map((e=>{let{label:t,permalink:n}=e;return o.createElement("li",{key:n,className:c.tag},o.createElement(l.Z,{label:t,permalink:n}))}))))}},87594:(e,t)=>{function n(e){let t,n=[];for(let o of e.split(",").map((e=>e.trim())))if(/^-?\d+$/.test(o))n.push(parseInt(o,10));else if(t=o.match(/^(-?\d+)(-|\.\.\.?|\u2025|\u2026|\u22EF)(-?\d+)$/)){let[e,o,a,r]=t;if(o&&r){o=parseInt(o),r=parseInt(r);const e=o<r?1:-1;"-"!==a&&".."!==a&&"\u2025"!==a||(r+=e);for(let t=o;t!==r;t+=e)n.push(t)}}return n}t.default=n,e.exports=n}}]);
\ No newline at end of file
diff --git a/assets/js/8b4680a8.b84d5784.js b/assets/js/8b4680a8.1a1159d7.js
similarity index 78%
rename from assets/js/8b4680a8.b84d5784.js
rename to assets/js/8b4680a8.1a1159d7.js
index e9f744241..0c134bec6 100644
--- a/assets/js/8b4680a8.b84d5784.js
+++ b/assets/js/8b4680a8.1a1159d7.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[2056],{52146:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":61}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[2056],{52146:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":62}')}}]);
\ No newline at end of file
diff --git a/assets/js/8eb4e46b.2e6e0add.js b/assets/js/8eb4e46b.8a75ee64.js
similarity index 79%
rename from assets/js/8eb4e46b.2e6e0add.js
rename to assets/js/8eb4e46b.8a75ee64.js
index ea9747518..08d285e88 100644
--- a/assets/js/8eb4e46b.2e6e0add.js
+++ b/assets/js/8eb4e46b.8a75ee64.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[10001],{82638:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/2","page":2,"postsPerPage":10,"totalPages":7,"totalCount":62,"previousPage":"/blog","nextPage":"/blog/page/3","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[10001],{82638:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/2","page":2,"postsPerPage":10,"totalPages":7,"totalCount":63,"previousPage":"/blog","nextPage":"/blog/page/3","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/8ec2cf6c.3631e9ee.js b/assets/js/8ec2cf6c.37467b4c.js
similarity index 83%
rename from assets/js/8ec2cf6c.3631e9ee.js
rename to assets/js/8ec2cf6c.37467b4c.js
index 45d97ba06..9726891ac 100644
--- a/assets/js/8ec2cf6c.3631e9ee.js
+++ b/assets/js/8ec2cf6c.37467b4c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[242],{50602:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap/page/3","page":3,"postsPerPage":10,"totalPages":7,"totalCount":61,"previousPage":"/blog/tags/blazorbootstrap/page/2","nextPage":"/blog/tags/blazorbootstrap/page/4","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[242],{50602:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap/page/3","page":3,"postsPerPage":10,"totalPages":7,"totalCount":62,"previousPage":"/blog/tags/blazorbootstrap/page/2","nextPage":"/blog/tags/blazorbootstrap/page/4","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/8f38113f.8e138b83.js b/assets/js/8f38113f.8e138b83.js
deleted file mode 100644
index c9521a160..000000000
--- a/assets/js/8f38113f.8e138b83.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[84214],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,kt:()=>N});var a=n(67294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=a.createContext({}),s=function(e){var t=a.useContext(m),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},d=function(e){var t=s(e.components);return a.createElement(m.Provider,{value:t},e.children)},c="mdxType",I={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},p=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,m=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),c=s(n),p=r,N=c["".concat(m,".").concat(p)]||c[p]||I[p]||o;return n?a.createElement(N,i(i({ref:t},d),{},{components:n})):a.createElement(N,i({ref:t},d))}));function N(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,i=new Array(o);i[0]=p;var l={};for(var m in t)hasOwnProperty.call(t,m)&&(l[m]=t[m]);l.originalType=e,l[c]="string"==typeof e?e:r,i[1]=l;for(var s=2;s<o;s++)i[s]=n[s];return a.createElement.apply(null,i)}return a.createElement.apply(null,n)}p.displayName="MDXCreateElement"},74404:(e,t,n)=>{n.d(t,{ZP:()=>d});var a=n(87462),r=n(67294),o=n(3905);class i extends r.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:r.createElement("div",{id:this.name})}}const l=i,m={toc:[]},s="wrapper";function d(e){let{components:t,...n}=e;return(0,o.kt)(s,(0,a.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(l,{mdxType:"CarbonAd"}))}d.isMDXComponent=!0},48030:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>l,default:()=>p,frontMatter:()=>i,metadata:()=>m,toc:()=>d});var a=n(87462),r=(n(67294),n(3905)),o=n(74404);const i={title:"Blazor Sidebar Component",description:"Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content.",image:"https://i.imgur.com/d91Q9Zt.png",sidebar_label:"Sidebar",sidebar_position:22},l="Blazor Sidebar",m={unversionedId:"components/sidebar",id:"components/sidebar",title:"Blazor Sidebar Component",description:"Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content.",source:"@site/docs/05-components/sidebar.mdx",sourceDirName:"05-components",slug:"/components/sidebar",permalink:"/components/sidebar",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/sidebar.mdx",tags:[],version:"current",sidebarPosition:22,frontMatter:{title:"Blazor Sidebar Component",description:"Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content.",image:"https://i.imgur.com/d91Q9Zt.png",sidebar_label:"Sidebar",sidebar_position:22},sidebar:"tutorialSidebar",previous:{title:"Script Loader",permalink:"/components/script-loader"},next:{title:"Sidebar2",permalink:"/components/sidebar2"}},s={},d=[{value:"Parameters",id:"parameters",level:2},{value:"Methods",id:"methods",level:2},{value:"NavItem Properties",id:"navitem-properties",level:2},{value:"Examples",id:"examples",level:2},{value:"Basic usage",id:"basic-usage",level:3},{value:"Two level navigation",id:"two-level-navigation",level:3},{value:"Change icons color",id:"change-icons-color",level:3},{value:"Full layout with sidebar",id:"full-layout-with-sidebar",level:3},{value:"Toggle sidebar to show icons only",id:"toggle-sidebar-to-show-icons-only",level:3},{value:"Show badge",id:"show-badge",level:3},{value:"Custom brand icon",id:"custom-brand-icon",level:3},{value:"Show image as brand logo",id:"show-image-as-brand-logo",level:3},{value:"Customize sidebar",id:"customize-sidebar",level:3},{value:"Apply custom CSS class to NavItem",id:"apply-custom-css-class-to-navitem",level:3}],c={toc:d},I="wrapper";function p(e){let{components:t,...n}=e;return(0,r.kt)(I,(0,a.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"blazor-sidebar"},"Blazor Sidebar"),(0,r.kt)("p",null,"Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content."),(0,r.kt)(o.ZP,{mdxType:"CarbonAd"}),(0,r.kt)("img",{src:"https://i.imgur.com/d91Q9Zt.png",alt:"Blazor Sidebar"}),(0,r.kt)("h2",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"BadgeText"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the badge text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"SidebarDataProviderDelegate")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the data provider."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Href"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string.Empty")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the Href."),(0,r.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the IconName."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ImageSrc"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sidebar logo."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Title"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sidebar title."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")))),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"RefreshDataAsync"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Refresh the sidebar data."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ToggleSidebar"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Toggles sidebar."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")))),(0,r.kt)("h2",{id:"navitem-properties"},"NavItem Properties"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Class"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets an additional CSS class."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.3")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Href"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the href."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconColor"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconColor")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconColor.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon color."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Id"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the Id."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Match"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavLinkMatch")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavLinkMatch.Prefix")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the URL matching behavior."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ParentId"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the parent Id."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Sequence"),(0,r.kt)("td",{parentName:"tr",align:"left"},"int"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sequence."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Target"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Target")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Target.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the target."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Text"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the navigation link text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")))),(0,r.kt)("h2",{id:"examples"},"Examples"),(0,r.kt)("h3",{id:"basic-usage"},"Basic usage"),(0,r.kt)("img",{src:"https://i.imgur.com/q20RADm.png",alt:"Blazor Sidebar - Basic usage"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Sidebar Href="/"\n         IconName="IconName.BootstrapFill"\n         Title="Blazor Bootstrap"\n         DataProvider="SidebarDataProvider" />\n\n@code {\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n            new NavItem { Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts"},\n            new NavItem { Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete"},\n            new NavItem { Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb"},\n            new NavItem { Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar"},\n        };\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#basic-usage"},"See demo here.")),(0,r.kt)("h3",{id:"two-level-navigation"},"Two level navigation"),(0,r.kt)("p",null,"Use NavItem's ",(0,r.kt)("inlineCode",{parentName:"p"},"Id")," and ",(0,r.kt)("inlineCode",{parentName:"p"},"ParentId")," to set the parent-child relation."),(0,r.kt)("img",{src:"https://i.imgur.com/YKtgDTq.png",alt:"Blazor Sidebar - Two level navigation"}),(0,r.kt)("admonition",{title:"NOTE",type:"note"},(0,r.kt)("p",{parentName:"admonition"},"At this moment, two levels of navigation are supported.")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Sidebar Href="/"\n         IconName="IconName.BootstrapFill"\n         Title="Blazor Bootstrap"\n         DataProvider="SidebarDataProvider" />\n\n@code {\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms" },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#two-level-navigation"},"See demo here.")),(0,r.kt)("h3",{id:"change-icons-color"},"Change icons color"),(0,r.kt)("p",null,"Set ",(0,r.kt)("inlineCode",{parentName:"p"},"IconColor")," property to change the color."),(0,r.kt)("img",{src:"https://i.imgur.com/7wHWoqW.png",alt:"Blazor Sidebar - Change icons color"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Sidebar Href="/"\n         IconName="IconName.BootstrapFill"\n         Title="Blazor Bootstrap"\n         DataProvider="SidebarDataProvider" />\n\n@code {\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#change-icons-color"},"See demo here.")),(0,r.kt)("h3",{id:"full-layout-with-sidebar"},"Full layout with sidebar"),(0,r.kt)("p",null,"Replace your ",(0,r.kt)("strong",{parentName:"p"},"MainLayout.razor")," page code with the below example to have a complete layout with a sidebar."),(0,r.kt)("img",{src:"https://i.imgur.com/rGws0kx.png",alt:"Blazor Sidebar - Full layout with sidebar"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar Href="/"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#full-layout-with-sidebar"},"See demo here.")),(0,r.kt)("h3",{id:"toggle-sidebar-to-show-icons-only"},"Toggle sidebar to show icons only"),(0,r.kt)("p",null,"Call ",(0,r.kt)("inlineCode",{parentName:"p"},"ToggleSidebar()")," method to toggle the Sidebar to show the icons only."),(0,r.kt)("img",{src:"https://i.imgur.com/rEwfrXN.png",alt:"Blazor Sidebar - Toggle sidebar to show icons only"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             Href="/"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-between">\n            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    Sidebar sidebar = default!;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n\n    private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#toggle-sidebar-to-show-icons-only"},"See demo here.")),(0,r.kt)("h3",{id:"show-badge"},"Show badge"),(0,r.kt)("p",null,"A badge is useful when displaying the application version, environment, or other information. Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"BadgeText")," parameter to show the badge."),(0,r.kt)("img",{src:"https://i.imgur.com/Ayaq9Gq.png",alt:"Blazor Sidebar - Show badge"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             Href="/"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             BadgeText="v1.3.1"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-between">\n            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    Sidebar sidebar = default!;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n\n    private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#show-badge"},"See demo here.")),(0,r.kt)("h3",{id:"custom-brand-icon"},"Custom brand icon"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"CustomIconName")," parameter to set the custom logo icon using font awesome or other icons."),(0,r.kt)("img",{src:"https://i.imgur.com/DqVvGKo.png",alt:"Blazor Sidebar - Custom brand icon"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             Href="/"\n             CustomIconName="bi bi-apple"\n             Title="Blazor Bootstrap"\n             BadgeText="v1.3.1"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-between">\n            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    Sidebar sidebar = default!;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n\n    private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#custom-brand-icon"},"See demo here.")),(0,r.kt)("h3",{id:"show-image-as-brand-logo"},"Show image as brand logo"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"ImageSrc")," parameter to set the brand logo."),(0,r.kt)("img",{src:"https://i.imgur.com/d91Q9Zt.png",alt:"Blazor Sidebar - Show image as brand logo"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar Href="/"\n             ImageSrc="https://demos.blazorbootstrap.com/images/logo/logo-color.svg"\n             Title="Blazor Bootstrap"\n             BadgeText="v1.3.1"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-between">\n            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n\n    private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#show-image-as-brand-logo"},"See demo here.")),(0,r.kt)("h3",{id:"customize-sidebar"},"Customize sidebar"),(0,r.kt)("p",null,"Developers can customize the sidebar color by changing the CSS variables, as mentioned in the below example."),(0,r.kt)("img",{src:"https://i.imgur.com/dY8NjDW.png",alt:"Blazor Sidebar - Customize sidebar"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar Href="/"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             BadgeText="v1.3.1"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">\n                <Button Type="ButtonType.Button" Color="ButtonColor.Primary" Size="Size.Small" @onclick="ToggleSidebarStyles">Toggle Sidebar styles</Button>\n            </div>\n        </article>\n    </main>\n     \n</div>\n\n@code {\n    bool applyPurpleStyle = false;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n\n    private void ToggleSidebarStyles() => applyPurpleStyle = !applyPurpleStyle;\n}\n\n@if (applyPurpleStyle)\n{\n    <style>\n        :root {\n            --bb-sidebar-width: 270px;\n            --bb-sidebar-collapsed-width: 50px;\n            --bb-sidebar-background-color: rgba(234, 234, 234, 1);\n            --bb-sidebar-top-row-background-color: rgba(0,0,0,0.08);\n            --bb-sidebar-top-row-border-color: rgb(194,192,192);\n            --bb-sidebar-title-text-color: rgb(0,0,0);\n            --bb-sidebar-brand-icon-color: #6f42c1;\n            --bb-sidebar-brand-image-width: 24px;\n            --bb-sidebar-brand-image-height: 24px;\n            --bb-sidebar-title-badge-text-color: rgb(255,255,255);\n            --bb-sidebar-title-badge-background-color: rgba(25,135,84,var(--bs-bg-opacity,1));\n            --bb-sidebar-navbar-toggler-icon-color: rgb(0,0,0);\n            --bb-sidebar-navbar-toggler-background-color: rgba(0,0,0,0.08);\n            --bb-sidebar-content-border-color: rgb(194,192,192);\n            --bb-sidebar-nav-item-text-color: rgba(0,0,0,0.9);\n            --bb-sidebar-nav-item-text-active-color-rgb: 0,0,0;\n            --bb-sidebar-nav-item-text-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);\n            --bb-sidebar-nav-item-text-active-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);\n            --bb-sidebar-nav-item-background-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08);\n            --bb-sidebar-nav-item-group-background-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08);\n        }\n    </style>\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#customize-sidebar"},"See demo here.")),(0,r.kt)("h3",{id:"apply-custom-css-class-to-navitem"},"Apply custom CSS class to NavItem"),(0,r.kt)("p",null,"Set the Class property of a NavItem to apply a custom CSS class."),(0,r.kt)("img",{src:"https://i.imgur.com/3Xq3aaE.png",alt:"Blazor Sidebar - Apply custom CSS class to NavItem"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Sidebar Href="/"\n         IconName="IconName.BootstrapFill"\n         Title="Blazor Bootstrap"\n         DataProvider="SidebarDataProvider" />\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4", Class="px-3"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4", Class="px-3"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4", Class="px-3"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms" },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#apply-custom-css-class-to-navitem"},"See demo here.")))}p.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/8f38113f.c5cdcd2d.js b/assets/js/8f38113f.c5cdcd2d.js
new file mode 100644
index 000000000..42ab69887
--- /dev/null
+++ b/assets/js/8f38113f.c5cdcd2d.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[84214],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,kt:()=>N});var a=n(67294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=a.createContext({}),s=function(e){var t=a.useContext(m),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},d=function(e){var t=s(e.components);return a.createElement(m.Provider,{value:t},e.children)},c="mdxType",I={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},p=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,m=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),c=s(n),p=r,N=c["".concat(m,".").concat(p)]||c[p]||I[p]||o;return n?a.createElement(N,i(i({ref:t},d),{},{components:n})):a.createElement(N,i({ref:t},d))}));function N(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,i=new Array(o);i[0]=p;var l={};for(var m in t)hasOwnProperty.call(t,m)&&(l[m]=t[m]);l.originalType=e,l[c]="string"==typeof e?e:r,i[1]=l;for(var s=2;s<o;s++)i[s]=n[s];return a.createElement.apply(null,i)}return a.createElement.apply(null,n)}p.displayName="MDXCreateElement"},74404:(e,t,n)=>{n.d(t,{ZP:()=>d});var a=n(87462),r=n(67294),o=n(3905);class i extends r.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:r.createElement("div",{id:this.name})}}const l=i,m={toc:[]},s="wrapper";function d(e){let{components:t,...n}=e;return(0,o.kt)(s,(0,a.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(l,{mdxType:"CarbonAd"}))}d.isMDXComponent=!0},48030:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>l,default:()=>p,frontMatter:()=>i,metadata:()=>m,toc:()=>d});var a=n(87462),r=(n(67294),n(3905)),o=n(74404);const i={title:"Blazor Sidebar Component",description:"Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content.",image:"https://i.imgur.com/d91Q9Zt.png",sidebar_label:"Sidebar",sidebar_position:22},l="Blazor Sidebar",m={unversionedId:"components/sidebar",id:"components/sidebar",title:"Blazor Sidebar Component",description:"Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content.",source:"@site/docs/05-components/sidebar.mdx",sourceDirName:"05-components",slug:"/components/sidebar",permalink:"/components/sidebar",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/sidebar.mdx",tags:[],version:"current",sidebarPosition:22,frontMatter:{title:"Blazor Sidebar Component",description:"Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content.",image:"https://i.imgur.com/d91Q9Zt.png",sidebar_label:"Sidebar",sidebar_position:22},sidebar:"tutorialSidebar",previous:{title:"Script Loader",permalink:"/components/script-loader"},next:{title:"Sidebar2",permalink:"/components/sidebar2"}},s={},d=[{value:"Parameters",id:"parameters",level:2},{value:"Methods",id:"methods",level:2},{value:"NavItem Properties",id:"navitem-properties",level:2},{value:"Examples",id:"examples",level:2},{value:"Basic usage",id:"basic-usage",level:3},{value:"Two level navigation",id:"two-level-navigation",level:3},{value:"Change icons color",id:"change-icons-color",level:3},{value:"Full layout with sidebar",id:"full-layout-with-sidebar",level:3},{value:"Toggle sidebar to show icons only",id:"toggle-sidebar-to-show-icons-only",level:3},{value:"Show badge",id:"show-badge",level:3},{value:"Custom brand icon",id:"custom-brand-icon",level:3},{value:"Show image as brand logo",id:"show-image-as-brand-logo",level:3},{value:"Customize sidebar",id:"customize-sidebar",level:3},{value:"Apply custom CSS class to NavItem",id:"apply-custom-css-class-to-navitem",level:3},{value:"Width",id:"width",level:3}],c={toc:d},I="wrapper";function p(e){let{components:t,...n}=e;return(0,r.kt)(I,(0,a.Z)({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"blazor-sidebar"},"Blazor Sidebar"),(0,r.kt)("p",null,"Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content."),(0,r.kt)(o.ZP,{mdxType:"CarbonAd"}),(0,r.kt)("img",{src:"https://i.imgur.com/d91Q9Zt.png",alt:"Blazor Sidebar"}),(0,r.kt)("h2",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"BadgeText"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the badge text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"SidebarDataProviderDelegate")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the data provider."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Href"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string.Empty")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the Href."),(0,r.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the IconName."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ImageSrc"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sidebar logo."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Title"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sidebar title."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Width"),(0,r.kt)("td",{parentName:"tr",align:"left"},"float"),(0,r.kt)("td",{parentName:"tr",align:"left"},"270"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sidebar width."),(0,r.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"WidthUnit"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Unit")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Unit.Px")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sidebar width unit."),(0,r.kt)("td",{parentName:"tr",align:"left"},"3.0.0")))),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"RefreshDataAsync"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Refresh the sidebar data."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ToggleSidebar"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Toggles sidebar."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")))),(0,r.kt)("h2",{id:"navitem-properties"},"NavItem Properties"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Class"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets an additional CSS class."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.3")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Href"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the href."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconColor"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconColor")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconColor.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon color."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Id"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the Id."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Match"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavLinkMatch")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavLinkMatch.Prefix")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the URL matching behavior."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ParentId"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the parent Id."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Sequence"),(0,r.kt)("td",{parentName:"tr",align:"left"},"int"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sequence."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Target"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Target")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Target.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the target."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Text"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the navigation link text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")))),(0,r.kt)("h2",{id:"examples"},"Examples"),(0,r.kt)("h3",{id:"basic-usage"},"Basic usage"),(0,r.kt)("img",{src:"https://i.imgur.com/q20RADm.png",alt:"Blazor Sidebar - Basic usage"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Sidebar Href="/"\n         IconName="IconName.BootstrapFill"\n         Title="Blazor Bootstrap"\n         DataProvider="SidebarDataProvider" />\n\n@code {\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n            new NavItem { Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts"},\n            new NavItem { Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete"},\n            new NavItem { Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb"},\n            new NavItem { Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar"},\n        };\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#basic-usage"},"See demo here.")),(0,r.kt)("h3",{id:"two-level-navigation"},"Two level navigation"),(0,r.kt)("p",null,"Use NavItem's ",(0,r.kt)("inlineCode",{parentName:"p"},"Id")," and ",(0,r.kt)("inlineCode",{parentName:"p"},"ParentId")," to set the parent-child relation."),(0,r.kt)("img",{src:"https://i.imgur.com/YKtgDTq.png",alt:"Blazor Sidebar - Two level navigation"}),(0,r.kt)("admonition",{title:"NOTE",type:"note"},(0,r.kt)("p",{parentName:"admonition"},"At this moment, two levels of navigation are supported.")),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Sidebar Href="/"\n         IconName="IconName.BootstrapFill"\n         Title="Blazor Bootstrap"\n         DataProvider="SidebarDataProvider" />\n\n@code {\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms" },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#two-level-navigation"},"See demo here.")),(0,r.kt)("h3",{id:"change-icons-color"},"Change icons color"),(0,r.kt)("p",null,"Set ",(0,r.kt)("inlineCode",{parentName:"p"},"IconColor")," property to change the color."),(0,r.kt)("img",{src:"https://i.imgur.com/7wHWoqW.png",alt:"Blazor Sidebar - Change icons color"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Sidebar Href="/"\n         IconName="IconName.BootstrapFill"\n         Title="Blazor Bootstrap"\n         DataProvider="SidebarDataProvider" />\n\n@code {\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#change-icons-color"},"See demo here.")),(0,r.kt)("h3",{id:"full-layout-with-sidebar"},"Full layout with sidebar"),(0,r.kt)("p",null,"Replace your ",(0,r.kt)("strong",{parentName:"p"},"MainLayout.razor")," page code with the below example to have a complete layout with a sidebar."),(0,r.kt)("img",{src:"https://i.imgur.com/rGws0kx.png",alt:"Blazor Sidebar - Full layout with sidebar"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar Href="/"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#full-layout-with-sidebar"},"See demo here.")),(0,r.kt)("h3",{id:"toggle-sidebar-to-show-icons-only"},"Toggle sidebar to show icons only"),(0,r.kt)("p",null,"Call ",(0,r.kt)("inlineCode",{parentName:"p"},"ToggleSidebar()")," method to toggle the Sidebar to show the icons only."),(0,r.kt)("img",{src:"https://i.imgur.com/rEwfrXN.png",alt:"Blazor Sidebar - Toggle sidebar to show icons only"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             Href="/"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-between">\n            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    Sidebar sidebar = default!;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n\n    private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#toggle-sidebar-to-show-icons-only"},"See demo here.")),(0,r.kt)("h3",{id:"show-badge"},"Show badge"),(0,r.kt)("p",null,"A badge is useful when displaying the application version, environment, or other information. Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"BadgeText")," parameter to show the badge."),(0,r.kt)("img",{src:"https://i.imgur.com/Ayaq9Gq.png",alt:"Blazor Sidebar - Show badge"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             Href="/"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             BadgeText="v1.3.1"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-between">\n            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    Sidebar sidebar = default!;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n\n    private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#show-badge"},"See demo here.")),(0,r.kt)("h3",{id:"custom-brand-icon"},"Custom brand icon"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"CustomIconName")," parameter to set the custom logo icon using font awesome or other icons."),(0,r.kt)("img",{src:"https://i.imgur.com/DqVvGKo.png",alt:"Blazor Sidebar - Custom brand icon"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             Href="/"\n             CustomIconName="bi bi-apple"\n             Title="Blazor Bootstrap"\n             BadgeText="v1.3.1"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-between">\n            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    Sidebar sidebar = default!;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n\n    private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#custom-brand-icon"},"See demo here.")),(0,r.kt)("h3",{id:"show-image-as-brand-logo"},"Show image as brand logo"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"ImageSrc")," parameter to set the brand logo."),(0,r.kt)("img",{src:"https://i.imgur.com/d91Q9Zt.png",alt:"Blazor Sidebar - Show image as brand logo"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar Href="/"\n             ImageSrc="https://demos.blazorbootstrap.com/images/logo/logo-color.svg"\n             Title="Blazor Bootstrap"\n             BadgeText="v1.3.1"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-between">\n            <Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n\n    private void ToggleSidebar() => sidebar.ToggleSidebar();\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#show-image-as-brand-logo"},"See demo here.")),(0,r.kt)("h3",{id:"customize-sidebar"},"Customize sidebar"),(0,r.kt)("p",null,"Developers can customize the sidebar color by changing the CSS variables, as mentioned in the below example."),(0,r.kt)("img",{src:"https://i.imgur.com/dY8NjDW.png",alt:"Blazor Sidebar - Customize sidebar"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar Href="/"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             BadgeText="v1.3.1"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">\n                <Button Type="ButtonType.Button" Color="ButtonColor.Primary" Size="Size.Small" @onclick="ToggleSidebarStyles">Toggle Sidebar styles</Button>\n            </div>\n        </article>\n    </main>\n     \n</div>\n\n@code {\n    bool applyPurpleStyle = false;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Danger },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n\n    private void ToggleSidebarStyles() => applyPurpleStyle = !applyPurpleStyle;\n}\n\n@if (applyPurpleStyle)\n{\n    <style>\n        :root {\n            --bb-sidebar-width: 270px;\n            --bb-sidebar-collapsed-width: 50px;\n            --bb-sidebar-background-color: rgba(234, 234, 234, 1);\n            --bb-sidebar-top-row-background-color: rgba(0,0,0,0.08);\n            --bb-sidebar-top-row-border-color: rgb(194,192,192);\n            --bb-sidebar-title-text-color: rgb(0,0,0);\n            --bb-sidebar-brand-icon-color: #6f42c1;\n            --bb-sidebar-brand-image-width: 24px;\n            --bb-sidebar-brand-image-height: 24px;\n            --bb-sidebar-title-badge-text-color: rgb(255,255,255);\n            --bb-sidebar-title-badge-background-color: rgba(25,135,84,var(--bs-bg-opacity,1));\n            --bb-sidebar-navbar-toggler-icon-color: rgb(0,0,0);\n            --bb-sidebar-navbar-toggler-background-color: rgba(0,0,0,0.08);\n            --bb-sidebar-content-border-color: rgb(194,192,192);\n            --bb-sidebar-nav-item-text-color: rgba(0,0,0,0.9);\n            --bb-sidebar-nav-item-text-active-color-rgb: 0,0,0;\n            --bb-sidebar-nav-item-text-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);\n            --bb-sidebar-nav-item-text-active-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);\n            --bb-sidebar-nav-item-background-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08);\n            --bb-sidebar-nav-item-group-background-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08);\n        }\n    </style>\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#customize-sidebar"},"See demo here.")),(0,r.kt)("h3",{id:"apply-custom-css-class-to-navitem"},"Apply custom CSS class to NavItem"),(0,r.kt)("p",null,"Set the Class property of a NavItem to apply a custom CSS class."),(0,r.kt)("img",{src:"https://i.imgur.com/3Xq3aaE.png",alt:"Blazor Sidebar - Apply custom CSS class to NavItem"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Sidebar Href="/"\n         IconName="IconName.BootstrapFill"\n         Title="Blazor Bootstrap"\n         DataProvider="SidebarDataProvider" />\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4", Class="px-3"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4", Class="px-3"},\n            new NavItem { Id = "7", Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar", ParentId="4", Class="px-3"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms" },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#apply-custom-css-class-to-navitem"},"See demo here.")),(0,r.kt)("h3",{id:"width"},"Width"),(0,r.kt)("p",null,"Set the ",(0,r.kt)("strong",{parentName:"p"},"Width")," parameter to change the sidebar width. Default value is ",(0,r.kt)("strong",{parentName:"p"},"270px"),"."),(0,r.kt)("img",{src:"https://i.imgur.com/loeszdC.png",alt:"Blazor Sidebar - Width"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{5,6} showLineNumbers","{5,6}":!0,showLineNumbers:!0},'<Sidebar Href="/"\n         IconName="IconName.BootstrapFill"\n         Title="Blazor Bootstrap"\n         DataProvider="SidebarDataProvider"\n         Width="350"\n         WidthUnit="Unit.Px" />\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem>? navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n            new NavItem { Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts"},\n            new NavItem { Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete"},\n            new NavItem { Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb"},\n            new NavItem { Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar"},\n        };\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar#width"},"See demo here.")))}p.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/90283a90.8c3c3e79.js b/assets/js/90283a90.5ff9d2fa.js
similarity index 80%
rename from assets/js/90283a90.8c3c3e79.js
rename to assets/js/90283a90.5ff9d2fa.js
index 6c99f896a..e83c29ab1 100644
--- a/assets/js/90283a90.8c3c3e79.js
+++ b/assets/js/90283a90.5ff9d2fa.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[54179],{21123:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/bootstrap/page/4","page":4,"postsPerPage":10,"totalPages":4,"totalCount":34,"previousPage":"/blog/tags/bootstrap/page/3","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[54179],{21123:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/bootstrap/page/4","page":4,"postsPerPage":10,"totalPages":4,"totalCount":35,"previousPage":"/blog/tags/bootstrap/page/3","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/92999a1c.ba8a31a8.js b/assets/js/92999a1c.a16cf4d8.js
similarity index 80%
rename from assets/js/92999a1c.ba8a31a8.js
rename to assets/js/92999a1c.a16cf4d8.js
index 1dec1694f..79a7bbeab 100644
--- a/assets/js/92999a1c.ba8a31a8.js
+++ b/assets/js/92999a1c.a16cf4d8.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[18442],{15310:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/3","page":3,"postsPerPage":10,"totalPages":7,"totalCount":62,"previousPage":"/blog/page/2","nextPage":"/blog/page/4","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[18442],{15310:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/3","page":3,"postsPerPage":10,"totalPages":7,"totalCount":63,"previousPage":"/blog/page/2","nextPage":"/blog/page/4","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/92a91303.2cd99736.js b/assets/js/92a91303.c78a35dd.js
similarity index 99%
rename from assets/js/92a91303.2cd99736.js
rename to assets/js/92a91303.c78a35dd.js
index c8cbbf00b..68a0180b0 100644
--- a/assets/js/92a91303.2cd99736.js
+++ b/assets/js/92a91303.c78a35dd.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[41646],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>h});var n=r(67294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var l=n.createContext({}),p=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(l.Provider,{value:t},e.children)},d="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,s=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),d=p(r),u=a,h=d["".concat(l,".").concat(u)]||d[u]||m[u]||s;return r?n.createElement(h,o(o({ref:t},c),{},{components:r})):n.createElement(h,o({ref:t},c))}));function h(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var s=r.length,o=new Array(s);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[d]="string"==typeof e?e:a,o[1]=i;for(var p=2;p<s;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),a=r(67294),s=r(3905);class o extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,s.kt)(p,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},37505:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=r(87462),a=(r(67294),r(3905)),s=r(74404);const o={id:"maui-blazor-net-7",sidebar_label:"MAUI Blazor Hybrid App (.NET 7)",sidebar_position:7,title:"MAUI Blazor Hybrid App (.NET 7)"},i="Getting started - MAUI Blazor Hybrid App (.NET 7)",l={unversionedId:"getting-started/maui-blazor-net-7",id:"getting-started/maui-blazor-net-7",title:"MAUI Blazor Hybrid App (.NET 7)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/maui-blazor-net-7",permalink:"/getting-started/maui-blazor-net-7",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx",tags:[],version:"current",sidebarPosition:7,frontMatter:{id:"maui-blazor-net-7",sidebar_label:"MAUI Blazor Hybrid App (.NET 7)",sidebar_position:7,title:"MAUI Blazor Hybrid App (.NET 7)"},sidebar:"tutorialSidebar",previous:{title:"Blazor Server (.NET 7)",permalink:"/getting-started/blazor-server-net-7"},next:{title:"Blazor WebAssembly (.NET 6)",permalink:"/getting-started/blazor-webassembly-net-6"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2}],d={toc:c},m="wrapper";function u(e){let{components:t,...r}=e;return(0,a.kt)(m,(0,n.Z)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"getting-started---maui-blazor-hybrid-app-net-7"},"Getting started - MAUI Blazor Hybrid App (.NET 7)"),(0,a.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,a.kt)(s.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,a.kt)("p",null,"Looking to quickly add ",(0,a.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1\n")),(0,a.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,a.kt)("p",null,"After the ",(0,a.kt)("base",{href:"/"})," tag in the ",(0,a.kt)("strong",{parentName:"p"},"head")," section in the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, add the following references:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,a.kt)("h2",{id:"add-script-references"},"Add script references"),(0,a.kt)("p",null,"Insert the following references into the ",(0,a.kt)("strong",{parentName:"p"},"body")," section of the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, immediately after the ",(0,a.kt)("strong",{parentName:"p"},"_framework/blazor.webview.js")," reference:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,a.kt)("admonition",{type:"tip"},(0,a.kt)("p",{parentName:"admonition"},(0,a.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Add when the ",(0,a.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,a.kt)("h2",{id:"register-services"},"Register services"),(0,a.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,a.kt)("strong",{parentName:"p"},"MauiProgram.cs")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,a.kt)("p",null,"Register tag helpers in ",(0,a.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,a.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,a.kt)("p",null,"The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:"),(0,a.kt)("ol",null,(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Delete the ",(0,a.kt)("strong",{parentName:"p"},"bootstrap")," and ",(0,a.kt)("strong",{parentName:"p"},"open-iconic")," folders from the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."),(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/open-iconic")," folder."))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />\n'))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"wwwroot/css/app.css")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-css",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');\n")))),(0,a.kt)("h2",{id:"starter-template"},"Starter template"),(0,a.kt)("p",null,"TODO"),(0,a.kt)("h2",{id:"sample-code"},"Sample Code"),(0,a.kt)("p",null,"TODO"))}u.isMDXComponent=!0}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[41646],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>h});var n=r(67294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var l=n.createContext({}),p=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(l.Provider,{value:t},e.children)},d="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,s=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),d=p(r),u=a,h=d["".concat(l,".").concat(u)]||d[u]||m[u]||s;return r?n.createElement(h,o(o({ref:t},c),{},{components:r})):n.createElement(h,o({ref:t},c))}));function h(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var s=r.length,o=new Array(s);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[d]="string"==typeof e?e:a,o[1]=i;for(var p=2;p<s;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),a=r(67294),s=r(3905);class o extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,s.kt)(p,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},37505:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=r(87462),a=(r(67294),r(3905)),s=r(74404);const o={id:"maui-blazor-net-7",sidebar_label:"MAUI Blazor Hybrid App (.NET 7)",sidebar_position:7,title:"MAUI Blazor Hybrid App (.NET 7)"},i="Getting started - MAUI Blazor Hybrid App (.NET 7)",l={unversionedId:"getting-started/maui-blazor-net-7",id:"getting-started/maui-blazor-net-7",title:"MAUI Blazor Hybrid App (.NET 7)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/maui-blazor-net-7",permalink:"/getting-started/maui-blazor-net-7",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx",tags:[],version:"current",sidebarPosition:7,frontMatter:{id:"maui-blazor-net-7",sidebar_label:"MAUI Blazor Hybrid App (.NET 7)",sidebar_position:7,title:"MAUI Blazor Hybrid App (.NET 7)"},sidebar:"tutorialSidebar",previous:{title:"Blazor Server (.NET 7)",permalink:"/getting-started/blazor-server-net-7"},next:{title:"Blazor WebAssembly (.NET 6)",permalink:"/getting-started/blazor-webassembly-net-6"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2}],d={toc:c},m="wrapper";function u(e){let{components:t,...r}=e;return(0,a.kt)(m,(0,n.Z)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"getting-started---maui-blazor-hybrid-app-net-7"},"Getting started - MAUI Blazor Hybrid App (.NET 7)"),(0,a.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,a.kt)(s.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,a.kt)("p",null,"Looking to quickly add ",(0,a.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2\n")),(0,a.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,a.kt)("p",null,"After the ",(0,a.kt)("base",{href:"/"})," tag in the ",(0,a.kt)("strong",{parentName:"p"},"head")," section in the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, add the following references:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,a.kt)("h2",{id:"add-script-references"},"Add script references"),(0,a.kt)("p",null,"Insert the following references into the ",(0,a.kt)("strong",{parentName:"p"},"body")," section of the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, immediately after the ",(0,a.kt)("strong",{parentName:"p"},"_framework/blazor.webview.js")," reference:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,a.kt)("admonition",{type:"tip"},(0,a.kt)("p",{parentName:"admonition"},(0,a.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Add when the ",(0,a.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,a.kt)("h2",{id:"register-services"},"Register services"),(0,a.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,a.kt)("strong",{parentName:"p"},"MauiProgram.cs")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,a.kt)("p",null,"Register tag helpers in ",(0,a.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,a.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,a.kt)("p",null,"The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:"),(0,a.kt)("ol",null,(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Delete the ",(0,a.kt)("strong",{parentName:"p"},"bootstrap")," and ",(0,a.kt)("strong",{parentName:"p"},"open-iconic")," folders from the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."),(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/open-iconic")," folder."))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />\n'))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"wwwroot/css/app.css")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-css",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');\n")))),(0,a.kt)("h2",{id:"starter-template"},"Starter template"),(0,a.kt)("p",null,"TODO"),(0,a.kt)("h2",{id:"sample-code"},"Sample Code"),(0,a.kt)("p",null,"TODO"))}u.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/935f2afb.31436c0d.js b/assets/js/935f2afb.31436c0d.js
deleted file mode 100644
index 69f1d2d3a..000000000
--- a/assets/js/935f2afb.31436c0d.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[80053],{1109:t=>{t.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"tutorialSidebar":[{"type":"category","label":"Getting Started","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Blazor WebAssembly (.NET 8)","href":"/getting-started/blazor-webassembly-net-8","docId":"getting-started/blazor-webassembly-net-8"},{"type":"link","label":"Blazor WebApp Server (.NET 8)","href":"/getting-started/blazor-webapp-server-global-net-8","docId":"getting-started/blazor-webapp-server-global-net-8"},{"type":"link","label":"Blazor WebApp Auto (.NET 8)","href":"/getting-started/blazor-webapp-auto-global-net-8","docId":"getting-started/blazor-webapp-auto-global-net-8"},{"type":"link","label":"MAUI Blazor Hybrid App (.NET 8)","href":"/getting-started/maui-blazor-net-8","docId":"getting-started/maui-blazor-net-8"},{"type":"link","label":"Blazor WebAssembly (.NET 7)","href":"/getting-started/blazor-webassembly-net-7","docId":"getting-started/blazor-webassembly-net-7"},{"type":"link","label":"Blazor Server (.NET 7)","href":"/getting-started/blazor-server-net-7","docId":"getting-started/blazor-server-net-7"},{"type":"link","label":"MAUI Blazor Hybrid App (.NET 7)","href":"/getting-started/maui-blazor-net-7","docId":"getting-started/maui-blazor-net-7"},{"type":"link","label":"Blazor WebAssembly (.NET 6)","href":"/getting-started/blazor-webassembly-net-6","docId":"getting-started/blazor-webassembly-net-6"},{"type":"link","label":"Blazor Server (.NET 6)","href":"/getting-started/blazor-server-net-6","docId":"getting-started/blazor-server-net-6"}]},{"type":"category","label":"Layout","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Blazor WebAssembly","href":"/layout/blazor-webassembly","docId":"layout/blazor-webassembly"},{"type":"link","label":"Blazor Server","href":"/layout/blazor-server","docId":"layout/blazor-server"}]},{"type":"category","label":"Content","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Icons","href":"/content/icons","docId":"content/icons"}]},{"type":"category","label":"Forms","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Auto Complete","href":"/forms/autocomplete","docId":"forms/autocomplete"},{"type":"link","label":"Currency Input","href":"/forms/currency-input","docId":"forms/currency-input"},{"type":"link","label":"Date Input","href":"/forms/date-input","docId":"forms/date-input"},{"type":"link","label":"Number Input","href":"/forms/number-input","docId":"forms/number-input"},{"type":"link","label":"Range Input","href":"/forms/range-input","docId":"forms/range-input"},{"type":"link","label":"Switch","href":"/forms/switch","docId":"forms/switch"},{"type":"link","label":"Time Input","href":"/forms/time-input","docId":"forms/time-input"}]},{"type":"category","label":"Components","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Accordion","href":"/components/accordion","docId":"components/accordion"},{"type":"link","label":"Alerts","href":"/components/alerts","docId":"components/alerts"},{"type":"link","label":"Badge","href":"/components/badge","docId":"components/badge"},{"type":"link","label":"Breadcrumb","href":"/components/breadcrumb","docId":"components/breadcrumb"},{"type":"link","label":"Buttons","href":"/components/buttons","docId":"components/buttons"},{"type":"link","label":"Callout","href":"/components/callout","docId":"components/callout"},{"type":"link","label":"Card","href":"/components/card","docId":"components/card"},{"type":"link","label":"Charts","href":"/components/charts","docId":"components/charts"},{"type":"link","label":"Collapse","href":"/components/collapse","docId":"components/collapse"},{"type":"link","label":"Confirm Dialog","href":"/components/confirm-dialog","docId":"components/confirm-dialog"},{"type":"link","label":"Dropdown","href":"/components/dropdown","docId":"components/dropdown"},{"type":"link","label":"Grid","href":"/components/grid","docId":"components/grid"},{"type":"link","label":"Modal","href":"/components/modal","docId":"components/modal"},{"type":"link","label":"Offcanvas","href":"/components/offcanvas","docId":"components/offcanvas"},{"type":"link","label":"Pagination","href":"/components/pagination","docId":"components/pagination"},{"type":"link","label":"PDF Viewer","href":"/components/pdf-viewer","docId":"components/pdf-viewer"},{"type":"link","label":"Placeholders","href":"/components/placeholders","docId":"components/placeholders"},{"type":"link","label":"Preload","href":"/components/preload","docId":"components/preload"},{"type":"link","label":"Progress","href":"/components/progress","docId":"components/progress"},{"type":"link","label":"Ribbon","href":"/components/ribbon","docId":"components/ribbon"},{"type":"link","label":"Script Loader","href":"/components/script-loader","docId":"components/script-loader"},{"type":"link","label":"Sidebar","href":"/components/sidebar","docId":"components/sidebar"},{"type":"link","label":"Sidebar2","href":"/components/sidebar2","docId":"components/sidebar2"},{"type":"link","label":"Sortable List","href":"/components/sortable-list","docId":"components/sortable-list"},{"type":"link","label":"Spinners","href":"/components/spinners","docId":"components/spinners"},{"type":"link","label":"Tabs","href":"/components/tabs","docId":"components/tabs"},{"type":"link","label":"Toasts","href":"/components/toasts","docId":"components/toasts"},{"type":"link","label":"Tooltips","href":"/components/tooltips","docId":"components/tooltips"}]},{"type":"category","label":"Data Visualization","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Bar Chart","href":"/data-visualization/bar-chart","docId":"data-visualization/bar-chart"},{"type":"link","label":"Doughnut Chart","href":"/data-visualization/doughnut-chart","docId":"data-visualization/doughnut-chart"},{"type":"link","label":"Line Chart","href":"/data-visualization/line-chart","docId":"data-visualization/line-chart"},{"type":"link","label":"Pie Chart","href":"/data-visualization/pie-chart","docId":"data-visualization/pie-chart"}]},{"type":"category","label":"Services","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Modal Service","href":"/services/modal","docId":"services/modal"}]}]},"docs":{"components/accordion":{"id":"components/accordion","title":"Blazor Accordion Component","description":"Build vertically collapsing accordions in combination with our Collapse component.","sidebar":"tutorialSidebar"},"components/alerts":{"id":"components/alerts","title":"Blazor Alert Component","description":"Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages.","sidebar":"tutorialSidebar"},"components/badge":{"id":"components/badge","title":"Blazor Badge Component","description":"The Blazor Bootstrap Badge component shows the small count and labels.","sidebar":"tutorialSidebar"},"components/breadcrumb":{"id":"components/breadcrumb","title":"Blazor Breadcrumb Component","description":"Blazor Bootstrap breadcrumb component indicates the current page\'s location within a navigational hierarchy that automatically adds separators.","sidebar":"tutorialSidebar"},"components/buttons":{"id":"components/buttons","title":"Blazor Button Component","description":"Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, etc.","sidebar":"tutorialSidebar"},"components/callout":{"id":"components/callout","title":"Blazor Callout Component","description":"Blazor Bootstrap callout component provides content presentation in a visually distinct manner.","sidebar":"tutorialSidebar"},"components/card":{"id":"components/card","title":"Blazor Card Component","description":"BootstrapBootstrap\'s cards provide a flexible and extensible content container with multiple variants and options.","sidebar":"tutorialSidebar"},"components/charts":{"id":"components/charts","title":"Blazor Chart Components","description":"Blazor Bootstrap charts are well-designed chart components on top of Chart.js to visualize data. It contains a rich UI gallery of charts that cater to all charting scenarios. Its high performance helps render large amounts of data quickly.","sidebar":"tutorialSidebar"},"components/collapse":{"id":"components/collapse","title":"Blazor Collapse Component","description":"Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component.","sidebar":"tutorialSidebar"},"components/confirm-dialog":{"id":"components/confirm-dialog","title":"Blazor Confirm Dialog Component","description":"Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something.","sidebar":"tutorialSidebar"},"components/dropdown":{"id":"components/dropdown","title":"Blazor Dropdown Component","description":"Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They are toggled by clicking, not by hovering; this is an intentional design decision\'by bootstrap.","sidebar":"tutorialSidebar"},"components/grid":{"id":"components/grid","title":"Blazor Grid Component","description":"Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting.","sidebar":"tutorialSidebar"},"components/modal":{"id":"components/modal","title":"Blazor Modal Component","description":"Use Blazor Bootstrap modal component to add dialogs to your site for lightboxes, user notifications, or completely custom content.","sidebar":"tutorialSidebar"},"components/offcanvas":{"id":"components/offcanvas","title":"Blazor Offcanvas Component","description":"Build hidden sidebars into your project for navigation, shopping carts, and more with Blazor Bootstrap offcanvas component.","sidebar":"tutorialSidebar"},"components/pagination":{"id":"components/pagination","title":"Blazor Pagination Component","description":"Use Blazor Bootstrap pagination component to indicate a series of related content exists across multiple pages.","sidebar":"tutorialSidebar"},"components/pdf-viewer":{"id":"components/pdf-viewer","title":"Blazor PDF Viewer Component","description":"The Blazor PDF Viewer component allows users to view PDF files directly in the browser, without relying on third-party browser tools or extensions.","sidebar":"tutorialSidebar"},"components/placeholders":{"id":"components/placeholders","title":"Blazor Placeholder Component","description":"Use Blazor Bootstrap loading placeholders for your components or pages to indicate something may still be loading.","sidebar":"tutorialSidebar"},"components/preload":{"id":"components/preload","title":"Blazor Preload Component","description":"Indicate the loading state of a page with Blazor Bootstrap preload component.","sidebar":"tutorialSidebar"},"components/progress":{"id":"components/progress","title":"Blazor Progress Component","description":"Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.","sidebar":"tutorialSidebar"},"components/ribbon":{"id":"components/ribbon","title":"Blazor Ribbon Component","description":"Documentation and examples for using the Blazor Bootstrap Ribbon component.","sidebar":"tutorialSidebar"},"components/script-loader":{"id":"components/script-loader","title":"Blazor Script Loader Component","description":"Documentation and examples for using the Blazor Bootstrap Script Loader component.","sidebar":"tutorialSidebar"},"components/sidebar":{"id":"components/sidebar","title":"Blazor Sidebar Component","description":"Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content.","sidebar":"tutorialSidebar"},"components/sidebar2":{"id":"components/sidebar2","title":"Blazor Sidebar2 Component","description":"Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels.","sidebar":"tutorialSidebar"},"components/sortable-list":{"id":"components/sortable-list","title":"Blazor Sortable List Component","description":"The Blazor Bootstrap Sortable List component, built on top of SortableJS, enables drag-and-drop reordering of lists.","sidebar":"tutorialSidebar"},"components/spinners":{"id":"components/spinners","title":"Blazor Spinner Component","description":"Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component.","sidebar":"tutorialSidebar"},"components/tabs":{"id":"components/tabs","title":"Blazor Tabs Component","description":"Documentation and examples for using Blazor Bootstrap Tabs components.","sidebar":"tutorialSidebar"},"components/toasts":{"id":"components/toasts","title":"Blazor Toasts Component","description":"Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message.","sidebar":"tutorialSidebar"},"components/tooltips":{"id":"components/tooltips","title":"Blazor Tooltip Component","description":"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.","sidebar":"tutorialSidebar"},"content/icons":{"id":"content/icons","title":"Blazor Icons Component","description":"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.","sidebar":"tutorialSidebar"},"data-visualization/bar-chart":{"id":"data-visualization/bar-chart","title":"Blazor Bar Chart","description":"A Blazor Bootstrap bar chart component is used to represent data values as vertical bars. It is sometimes used to show trend data and to compare multiple data sets side by side.","sidebar":"tutorialSidebar"},"data-visualization/doughnut-chart":{"id":"data-visualization/doughnut-chart","title":"Blazor Doughnut Chart","description":"A Blazor Bootstrap donut chart component is a circular chart that shows the proportional values of different categories. It is similar to a pie chart, but the center of the donut chart is hollow. This makes it easier to see the individual values of each category.","sidebar":"tutorialSidebar"},"data-visualization/line-chart":{"id":"data-visualization/line-chart","title":"Blazor Line Chart","description":"A Blazor Bootstrap line chart component is a graphical representation of data that uses a series of connected points to show how the data changes over time. It is a type of x-y chart, where the x-axis represents the independent variable, such as time, and the y-axis represents the dependent variable, such as the value.","sidebar":"tutorialSidebar"},"data-visualization/pie-chart":{"id":"data-visualization/pie-chart","title":"Blazor Pie Chart Components","description":"A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories.","sidebar":"tutorialSidebar"},"forms/autocomplete":{"id":"forms/autocomplete","title":"Blazor AutoComplete Component","description":"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.","sidebar":"tutorialSidebar"},"forms/currency-input":{"id":"forms/currency-input","title":"Blazor Currency Input Component","description":"Use the Blazor Bootstrap `CurrencyInput` component to show the numbers in the user\'s locale format, including the currency symbol.","sidebar":"tutorialSidebar"},"forms/date-input":{"id":"forms/date-input","title":"Blazor Date Input Component","description":"Blazor Bootstrap `DateInput` component is constructed using an HTML input of `type=\\"date\\"` which limits user input based on pre-defined parameters. This component enables users to input a date using a text box with validation or a special date picker interface.","sidebar":"tutorialSidebar"},"forms/number-input":{"id":"forms/number-input","title":"Blazor Number Input Component","description":"Blazor Bootstrap `NumberInput` component is built around HTML input of `type=\\"number\\"` that prevents the user input based on the parameters set.","sidebar":"tutorialSidebar"},"forms/range-input":{"id":"forms/range-input","title":"Blazor Range Input Component","description":"Blazor Bootstrap `NumberInput` component is built around HTML input of `type=\\"number\\"` that prevents the user input based on the parameters set.","sidebar":"tutorialSidebar"},"forms/switch":{"id":"forms/switch","title":"Blazor Switch Component","description":"Use the Blazor Bootstrap `Switch` component to show the consistent cross-browser and cross-device custom checkboxes.","sidebar":"tutorialSidebar"},"forms/time-input":{"id":"forms/time-input","title":"Blazor Time Input Component","description":"The Blazor Bootstrap `TimeInput` component is constructed using an HTML input of `type=\\"time\\"` which limits user input based on pre-defined parameters. This component enables users to input a time using a text box with validation or a special time picker interface.","sidebar":"tutorialSidebar"},"getting-started/blazor-server-net-6":{"id":"getting-started/blazor-server-net-6","title":"Blazor Server (.NET 6)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/blazor-server-net-7":{"id":"getting-started/blazor-server-net-7","title":"Blazor Server (.NET 7)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/blazor-webapp-auto-global-net-8":{"id":"getting-started/blazor-webapp-auto-global-net-8","title":"Blazor WebApp Auto (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/blazor-webapp-server-global-net-8":{"id":"getting-started/blazor-webapp-server-global-net-8","title":"Blazor WebApp Server (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/blazor-webassembly-net-6":{"id":"getting-started/blazor-webassembly-net-6","title":"Blazor WebAssembly (.NET 6)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/blazor-webassembly-net-7":{"id":"getting-started/blazor-webassembly-net-7","title":"Blazor WebAssembly (.NET 7)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/blazor-webassembly-net-8":{"id":"getting-started/blazor-webassembly-net-8","title":"Blazor WebAssembly (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/maui-blazor-net-7":{"id":"getting-started/maui-blazor-net-7","title":"MAUI Blazor Hybrid App (.NET 7)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/maui-blazor-net-8":{"id":"getting-started/maui-blazor-net-8","title":"MAUI Blazor Hybrid App (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"layout/blazor-server":{"id":"layout/blazor-server","title":"Blazor Server","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"layout/blazor-webassembly":{"id":"layout/blazor-webassembly","title":"Blazor WebAssembly","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"services/modal":{"id":"services/modal","title":"Blazor Modal Service","description":"Use Blazor Bootstrap modal service to show quick dialogs to your site for lightboxes, user notifications, or completely custom content.","sidebar":"tutorialSidebar"}}}')}}]);
\ No newline at end of file
diff --git a/assets/js/935f2afb.4c3d705b.js b/assets/js/935f2afb.4c3d705b.js
new file mode 100644
index 000000000..f6db64071
--- /dev/null
+++ b/assets/js/935f2afb.4c3d705b.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[80053],{1109:t=>{t.exports=JSON.parse('{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"tutorialSidebar":[{"type":"category","label":"Getting Started","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Blazor WebAssembly (.NET 8)","href":"/getting-started/blazor-webassembly-net-8","docId":"getting-started/blazor-webassembly-net-8"},{"type":"link","label":"Blazor WebApp Server (.NET 8)","href":"/getting-started/blazor-webapp-server-global-net-8","docId":"getting-started/blazor-webapp-server-global-net-8"},{"type":"link","label":"Blazor WebApp Auto (.NET 8)","href":"/getting-started/blazor-webapp-auto-global-net-8","docId":"getting-started/blazor-webapp-auto-global-net-8"},{"type":"link","label":"MAUI Blazor Hybrid App (.NET 8)","href":"/getting-started/maui-blazor-net-8","docId":"getting-started/maui-blazor-net-8"},{"type":"link","label":"Blazor WebAssembly (.NET 7)","href":"/getting-started/blazor-webassembly-net-7","docId":"getting-started/blazor-webassembly-net-7"},{"type":"link","label":"Blazor Server (.NET 7)","href":"/getting-started/blazor-server-net-7","docId":"getting-started/blazor-server-net-7"},{"type":"link","label":"MAUI Blazor Hybrid App (.NET 7)","href":"/getting-started/maui-blazor-net-7","docId":"getting-started/maui-blazor-net-7"},{"type":"link","label":"Blazor WebAssembly (.NET 6)","href":"/getting-started/blazor-webassembly-net-6","docId":"getting-started/blazor-webassembly-net-6"},{"type":"link","label":"Blazor Server (.NET 6)","href":"/getting-started/blazor-server-net-6","docId":"getting-started/blazor-server-net-6"}]},{"type":"category","label":"Layout","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Blazor WebAssembly","href":"/layout/blazor-webassembly","docId":"layout/blazor-webassembly"},{"type":"link","label":"Blazor Server","href":"/layout/blazor-server","docId":"layout/blazor-server"}]},{"type":"category","label":"Content","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Icons","href":"/content/icons","docId":"content/icons"},{"type":"link","label":"Images","href":"/content/images","docId":"content/images"}]},{"type":"category","label":"Forms","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Auto Complete","href":"/forms/autocomplete","docId":"forms/autocomplete"},{"type":"link","label":"Currency Input","href":"/forms/currency-input","docId":"forms/currency-input"},{"type":"link","label":"Date Input","href":"/forms/date-input","docId":"forms/date-input"},{"type":"link","label":"Number Input","href":"/forms/number-input","docId":"forms/number-input"},{"type":"link","label":"Range Input","href":"/forms/range-input","docId":"forms/range-input"},{"type":"link","label":"Switch","href":"/forms/switch","docId":"forms/switch"},{"type":"link","label":"Time Input","href":"/forms/time-input","docId":"forms/time-input"}]},{"type":"category","label":"Components","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Accordion","href":"/components/accordion","docId":"components/accordion"},{"type":"link","label":"Alerts","href":"/components/alerts","docId":"components/alerts"},{"type":"link","label":"Badge","href":"/components/badge","docId":"components/badge"},{"type":"link","label":"Breadcrumb","href":"/components/breadcrumb","docId":"components/breadcrumb"},{"type":"link","label":"Buttons","href":"/components/buttons","docId":"components/buttons"},{"type":"link","label":"Callout","href":"/components/callout","docId":"components/callout"},{"type":"link","label":"Card","href":"/components/card","docId":"components/card"},{"type":"link","label":"Charts","href":"/components/charts","docId":"components/charts"},{"type":"link","label":"Collapse","href":"/components/collapse","docId":"components/collapse"},{"type":"link","label":"Confirm Dialog","href":"/components/confirm-dialog","docId":"components/confirm-dialog"},{"type":"link","label":"Dropdown","href":"/components/dropdown","docId":"components/dropdown"},{"type":"link","label":"Grid","href":"/components/grid","docId":"components/grid"},{"type":"link","label":"Modal","href":"/components/modal","docId":"components/modal"},{"type":"link","label":"Offcanvas","href":"/components/offcanvas","docId":"components/offcanvas"},{"type":"link","label":"Pagination","href":"/components/pagination","docId":"components/pagination"},{"type":"link","label":"PDF Viewer","href":"/components/pdf-viewer","docId":"components/pdf-viewer"},{"type":"link","label":"Placeholders","href":"/components/placeholders","docId":"components/placeholders"},{"type":"link","label":"Preload","href":"/components/preload","docId":"components/preload"},{"type":"link","label":"Progress","href":"/components/progress","docId":"components/progress"},{"type":"link","label":"Ribbon","href":"/components/ribbon","docId":"components/ribbon"},{"type":"link","label":"Script Loader","href":"/components/script-loader","docId":"components/script-loader"},{"type":"link","label":"Sidebar","href":"/components/sidebar","docId":"components/sidebar"},{"type":"link","label":"Sidebar2","href":"/components/sidebar2","docId":"components/sidebar2"},{"type":"link","label":"Sortable List","href":"/components/sortable-list","docId":"components/sortable-list"},{"type":"link","label":"Spinners","href":"/components/spinners","docId":"components/spinners"},{"type":"link","label":"Tabs","href":"/components/tabs","docId":"components/tabs"},{"type":"link","label":"Toasts","href":"/components/toasts","docId":"components/toasts"},{"type":"link","label":"Tooltips","href":"/components/tooltips","docId":"components/tooltips"}]},{"type":"category","label":"Data Visualization","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Bar Chart","href":"/data-visualization/bar-chart","docId":"data-visualization/bar-chart"},{"type":"link","label":"Doughnut Chart","href":"/data-visualization/doughnut-chart","docId":"data-visualization/doughnut-chart"},{"type":"link","label":"Line Chart","href":"/data-visualization/line-chart","docId":"data-visualization/line-chart"},{"type":"link","label":"Pie Chart","href":"/data-visualization/pie-chart","docId":"data-visualization/pie-chart"}]},{"type":"category","label":"Services","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Modal Service","href":"/services/modal","docId":"services/modal"}]}]},"docs":{"components/accordion":{"id":"components/accordion","title":"Blazor Accordion Component","description":"Build vertically collapsing accordions in combination with our Collapse component.","sidebar":"tutorialSidebar"},"components/alerts":{"id":"components/alerts","title":"Blazor Alert Component","description":"Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages.","sidebar":"tutorialSidebar"},"components/badge":{"id":"components/badge","title":"Blazor Badge Component","description":"The Blazor Bootstrap Badge component shows the small count and labels.","sidebar":"tutorialSidebar"},"components/breadcrumb":{"id":"components/breadcrumb","title":"Blazor Breadcrumb Component","description":"Blazor Bootstrap breadcrumb component indicates the current page\'s location within a navigational hierarchy that automatically adds separators.","sidebar":"tutorialSidebar"},"components/buttons":{"id":"components/buttons","title":"Blazor Button Component","description":"Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, etc.","sidebar":"tutorialSidebar"},"components/callout":{"id":"components/callout","title":"Blazor Callout Component","description":"Blazor Bootstrap callout component provides content presentation in a visually distinct manner.","sidebar":"tutorialSidebar"},"components/card":{"id":"components/card","title":"Blazor Card Component","description":"BootstrapBootstrap\'s cards provide a flexible and extensible content container with multiple variants and options.","sidebar":"tutorialSidebar"},"components/charts":{"id":"components/charts","title":"Blazor Chart Components","description":"Blazor Bootstrap charts are well-designed chart components on top of Chart.js to visualize data. It contains a rich UI gallery of charts that cater to all charting scenarios. Its high performance helps render large amounts of data quickly.","sidebar":"tutorialSidebar"},"components/collapse":{"id":"components/collapse","title":"Blazor Collapse Component","description":"Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component.","sidebar":"tutorialSidebar"},"components/confirm-dialog":{"id":"components/confirm-dialog","title":"Blazor Confirm Dialog Component","description":"Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something.","sidebar":"tutorialSidebar"},"components/dropdown":{"id":"components/dropdown","title":"Blazor Dropdown Component","description":"Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They are toggled by clicking, not by hovering; this is an intentional design decision\'by bootstrap.","sidebar":"tutorialSidebar"},"components/grid":{"id":"components/grid","title":"Blazor Grid Component","description":"Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting.","sidebar":"tutorialSidebar"},"components/modal":{"id":"components/modal","title":"Blazor Modal Component","description":"Use Blazor Bootstrap modal component to add dialogs to your site for lightboxes, user notifications, or completely custom content.","sidebar":"tutorialSidebar"},"components/offcanvas":{"id":"components/offcanvas","title":"Blazor Offcanvas Component","description":"Build hidden sidebars into your project for navigation, shopping carts, and more with Blazor Bootstrap offcanvas component.","sidebar":"tutorialSidebar"},"components/pagination":{"id":"components/pagination","title":"Blazor Pagination Component","description":"Use Blazor Bootstrap pagination component to indicate a series of related content exists across multiple pages.","sidebar":"tutorialSidebar"},"components/pdf-viewer":{"id":"components/pdf-viewer","title":"Blazor PDF Viewer Component","description":"The Blazor PDF Viewer component allows users to view PDF files directly in the browser, without relying on third-party browser tools or extensions.","sidebar":"tutorialSidebar"},"components/placeholders":{"id":"components/placeholders","title":"Blazor Placeholder Component","description":"Use Blazor Bootstrap loading placeholders for your components or pages to indicate something may still be loading.","sidebar":"tutorialSidebar"},"components/preload":{"id":"components/preload","title":"Blazor Preload Component","description":"Indicate the loading state of a page with Blazor Bootstrap preload component.","sidebar":"tutorialSidebar"},"components/progress":{"id":"components/progress","title":"Blazor Progress Component","description":"Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.","sidebar":"tutorialSidebar"},"components/ribbon":{"id":"components/ribbon","title":"Blazor Ribbon Component","description":"Documentation and examples for using the Blazor Bootstrap Ribbon component.","sidebar":"tutorialSidebar"},"components/script-loader":{"id":"components/script-loader","title":"Blazor Script Loader Component","description":"Documentation and examples for using the Blazor Bootstrap Script Loader component.","sidebar":"tutorialSidebar"},"components/sidebar":{"id":"components/sidebar","title":"Blazor Sidebar Component","description":"Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content.","sidebar":"tutorialSidebar"},"components/sidebar2":{"id":"components/sidebar2","title":"Blazor Sidebar2 Component","description":"Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels.","sidebar":"tutorialSidebar"},"components/sortable-list":{"id":"components/sortable-list","title":"Blazor Sortable List Component","description":"The Blazor Bootstrap Sortable List component, built on top of SortableJS, enables drag-and-drop reordering of lists.","sidebar":"tutorialSidebar"},"components/spinners":{"id":"components/spinners","title":"Blazor Spinner Component","description":"Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component.","sidebar":"tutorialSidebar"},"components/tabs":{"id":"components/tabs","title":"Blazor Tabs Component","description":"Documentation and examples for using Blazor Bootstrap Tabs components.","sidebar":"tutorialSidebar"},"components/toasts":{"id":"components/toasts","title":"Blazor Toasts Component","description":"Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message.","sidebar":"tutorialSidebar"},"components/tooltips":{"id":"components/tooltips","title":"Blazor Tooltip Component","description":"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.","sidebar":"tutorialSidebar"},"content/icons":{"id":"content/icons","title":"Blazor Icons Component","description":"The Icon component will display an icon from any icon font.","sidebar":"tutorialSidebar"},"content/images":{"id":"content/images","title":"Blazor Images Component","description":"Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them.","sidebar":"tutorialSidebar"},"data-visualization/bar-chart":{"id":"data-visualization/bar-chart","title":"Blazor Bar Chart","description":"A Blazor Bootstrap bar chart component is used to represent data values as vertical bars. It is sometimes used to show trend data and to compare multiple data sets side by side.","sidebar":"tutorialSidebar"},"data-visualization/doughnut-chart":{"id":"data-visualization/doughnut-chart","title":"Blazor Doughnut Chart","description":"A Blazor Bootstrap donut chart component is a circular chart that shows the proportional values of different categories. It is similar to a pie chart, but the center of the donut chart is hollow. This makes it easier to see the individual values of each category.","sidebar":"tutorialSidebar"},"data-visualization/line-chart":{"id":"data-visualization/line-chart","title":"Blazor Line Chart","description":"A Blazor Bootstrap line chart component is a graphical representation of data that uses a series of connected points to show how the data changes over time. It is a type of x-y chart, where the x-axis represents the independent variable, such as time, and the y-axis represents the dependent variable, such as the value.","sidebar":"tutorialSidebar"},"data-visualization/pie-chart":{"id":"data-visualization/pie-chart","title":"Blazor Pie Chart Components","description":"A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories.","sidebar":"tutorialSidebar"},"forms/autocomplete":{"id":"forms/autocomplete","title":"Blazor AutoComplete Component","description":"Blazor Bootstrap `AutoComplete` component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.","sidebar":"tutorialSidebar"},"forms/currency-input":{"id":"forms/currency-input","title":"Blazor Currency Input Component","description":"Use the Blazor Bootstrap `CurrencyInput` component to show the numbers in the user\'s locale format, including the currency symbol.","sidebar":"tutorialSidebar"},"forms/date-input":{"id":"forms/date-input","title":"Blazor Date Input Component","description":"Blazor Bootstrap `DateInput` component is constructed using an HTML input of `type=\\"date\\"` which limits user input based on pre-defined parameters. This component enables users to input a date using a text box with validation or a special date picker interface.","sidebar":"tutorialSidebar"},"forms/number-input":{"id":"forms/number-input","title":"Blazor Number Input Component","description":"Blazor Bootstrap `NumberInput` component is built around HTML input of `type=\\"number\\"` that prevents the user input based on the parameters set.","sidebar":"tutorialSidebar"},"forms/range-input":{"id":"forms/range-input","title":"Blazor Range Input Component","description":"Blazor Bootstrap `NumberInput` component is built around HTML input of `type=\\"number\\"` that prevents the user input based on the parameters set.","sidebar":"tutorialSidebar"},"forms/switch":{"id":"forms/switch","title":"Blazor Switch Component","description":"Use the Blazor Bootstrap `Switch` component to show the consistent cross-browser and cross-device custom checkboxes.","sidebar":"tutorialSidebar"},"forms/time-input":{"id":"forms/time-input","title":"Blazor Time Input Component","description":"The Blazor Bootstrap `TimeInput` component is constructed using an HTML input of `type=\\"time\\"` which limits user input based on pre-defined parameters. This component enables users to input a time using a text box with validation or a special time picker interface.","sidebar":"tutorialSidebar"},"getting-started/blazor-server-net-6":{"id":"getting-started/blazor-server-net-6","title":"Blazor Server (.NET 6)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/blazor-server-net-7":{"id":"getting-started/blazor-server-net-7","title":"Blazor Server (.NET 7)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/blazor-webapp-auto-global-net-8":{"id":"getting-started/blazor-webapp-auto-global-net-8","title":"Blazor WebApp Auto (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/blazor-webapp-server-global-net-8":{"id":"getting-started/blazor-webapp-server-global-net-8","title":"Blazor WebApp Server (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/blazor-webassembly-net-6":{"id":"getting-started/blazor-webassembly-net-6","title":"Blazor WebAssembly (.NET 6)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/blazor-webassembly-net-7":{"id":"getting-started/blazor-webassembly-net-7","title":"Blazor WebAssembly (.NET 7)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/blazor-webassembly-net-8":{"id":"getting-started/blazor-webassembly-net-8","title":"Blazor WebAssembly (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/maui-blazor-net-7":{"id":"getting-started/maui-blazor-net-7","title":"MAUI Blazor Hybrid App (.NET 7)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"getting-started/maui-blazor-net-8":{"id":"getting-started/maui-blazor-net-8","title":"MAUI Blazor Hybrid App (.NET 8)","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"layout/blazor-server":{"id":"layout/blazor-server","title":"Blazor Server","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"layout/blazor-webassembly":{"id":"layout/blazor-webassembly","title":"Blazor WebAssembly","description":"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.","sidebar":"tutorialSidebar"},"services/modal":{"id":"services/modal","title":"Blazor Modal Service","description":"Use Blazor Bootstrap modal service to show quick dialogs to your site for lightboxes, user notifications, or completely custom content.","sidebar":"tutorialSidebar"}}}')}}]);
\ No newline at end of file
diff --git a/assets/js/94ba6861.3149e4c8.js b/assets/js/94ba6861.af88850c.js
similarity index 86%
rename from assets/js/94ba6861.3149e4c8.js
rename to assets/js/94ba6861.af88850c.js
index 8f9a681a6..34e5b1a0c 100644
--- a/assets/js/94ba6861.3149e4c8.js
+++ b/assets/js/94ba6861.af88850c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[68581],{27823:a=>{a.exports=JSON.parse('{"label":"grid","permalink":"/blog/tags/grid","allTagsPath":"/blog/tags","count":21}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[68581],{27823:a=>{a.exports=JSON.parse('{"label":"grid","permalink":"/blog/tags/grid","allTagsPath":"/blog/tags","count":22}')}}]);
\ No newline at end of file
diff --git a/assets/js/961dfa7e.ab9958b1.js b/assets/js/961dfa7e.ab9958b1.js
new file mode 100644
index 000000000..21e2fdb08
--- /dev/null
+++ b/assets/js/961dfa7e.ab9958b1.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[35081],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>g});var a=r(67294);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,a,o=function(e,t){if(null==e)return{};var r,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var s=a.createContext({}),p=function(e){var t=a.useContext(s),r=t;return e&&(r="function"==typeof e?e(t):l(l({},t),e)),r},c=function(e){var t=p(e.components);return a.createElement(s.Provider,{value:t},e.children)},b="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},u=a.forwardRef((function(e,t){var r=e.components,o=e.mdxType,n=e.originalType,s=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),b=p(r),u=o,g=b["".concat(s,".").concat(u)]||b[u]||m[u]||n;return r?a.createElement(g,l(l({ref:t},c),{},{components:r})):a.createElement(g,l({ref:t},c))}));function g(e,t){var r=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var n=r.length,l=new Array(n);l[0]=u;var i={};for(var s in t)hasOwnProperty.call(t,s)&&(i[s]=t[s]);i.originalType=e,i[b]="string"==typeof e?e:o,l[1]=i;for(var p=2;p<n;p++)l[p]=r[p];return a.createElement.apply(null,l)}return a.createElement.apply(null,r)}u.displayName="MDXCreateElement"},79200:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>s,contentTitle:()=>l,default:()=>m,frontMatter:()=>n,metadata:()=>i,toc:()=>p});var a=r(87462),o=(r(67294),r(3905));const n={title:"Blazor Bootstrap v3.0.0-preview.2",authors:{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067"},tags:["v3.0.0","blazor","bootstrap","blazorbootstrap","charts","grid","image","polarareachart","sidebar","sidebar2"]},l=void 0,i={permalink:"/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2",editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-07-01-blazorbootstrap-3.0.0-preview.2.md",source:"@site/blog/2024-07-01-blazorbootstrap-3.0.0-preview.2.md",title:"Blazor Bootstrap v3.0.0-preview.2",description:"We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!",date:"2024-07-01T00:00:00.000Z",formattedDate:"July 1, 2024",tags:[{label:"v3.0.0",permalink:"/blog/tags/v-3-0-0"},{label:"blazor",permalink:"/blog/tags/blazor"},{label:"bootstrap",permalink:"/blog/tags/bootstrap"},{label:"blazorbootstrap",permalink:"/blog/tags/blazorbootstrap"},{label:"charts",permalink:"/blog/tags/charts"},{label:"grid",permalink:"/blog/tags/grid"},{label:"image",permalink:"/blog/tags/image"},{label:"polarareachart",permalink:"/blog/tags/polarareachart"},{label:"sidebar",permalink:"/blog/tags/sidebar"},{label:"sidebar2",permalink:"/blog/tags/sidebar-2"}],readingTime:.59,hasTruncateMarker:!0,authors:[{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067",imageURL:"https://avatars.githubusercontent.com/u/2337067"}],frontMatter:{title:"Blazor Bootstrap v3.0.0-preview.2",authors:{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067",imageURL:"https://avatars.githubusercontent.com/u/2337067"},tags:["v3.0.0","blazor","bootstrap","blazorbootstrap","charts","grid","image","polarareachart","sidebar","sidebar2"]},nextItem:{title:"Blazor Bootstrap v3.0.0-preview.1",permalink:"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"}},s={authorsImageUrls:[void 0]},p=[],c={toc:p},b="wrapper";function m(e){let{components:t,...r}=e;return(0,o.kt)(b,(0,a.Z)({},c,r,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"),(0,o.kt)("p",null,(0,o.kt)("img",{parentName:"p",src:"https://i.imgur.com/IpMhPwG.png",alt:"image",title:"Blazor Bootstrap: Grid Component - Nested Grid"})))}m.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/a6013ce6.4d1099bc.js b/assets/js/a6013ce6.6fbc18c7.js
similarity index 76%
rename from assets/js/a6013ce6.4d1099bc.js
rename to assets/js/a6013ce6.6fbc18c7.js
index f9adc61df..465f12932 100644
--- a/assets/js/a6013ce6.4d1099bc.js
+++ b/assets/js/a6013ce6.6fbc18c7.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[94764],{24584:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/charts","page":1,"postsPerPage":10,"totalPages":1,"totalCount":2,"blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[94764],{24584:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/charts","page":1,"postsPerPage":10,"totalPages":1,"totalCount":3,"blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/a7023ddc.15127513.js b/assets/js/a7023ddc.15127513.js
new file mode 100644
index 000000000..ccb10f1c6
--- /dev/null
+++ b/assets/js/a7023ddc.15127513.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[11713],{53457:l=>{l.exports=JSON.parse('[{"label":"v3.0.0","permalink":"/blog/tags/v-3-0-0","count":2},{"label":"blazor","permalink":"/blog/tags/blazor","count":42},{"label":"bootstrap","permalink":"/blog/tags/bootstrap","count":35},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","count":62},{"label":"charts","permalink":"/blog/tags/charts","count":3},{"label":"grid","permalink":"/blog/tags/grid","count":22},{"label":"image","permalink":"/blog/tags/image","count":1},{"label":"polarareachart","permalink":"/blog/tags/polarareachart","count":1},{"label":"sidebar","permalink":"/blog/tags/sidebar","count":4},{"label":"sidebar2","permalink":"/blog/tags/sidebar-2","count":3},{"label":"accordion","permalink":"/blog/tags/accordion","count":3},{"label":"button","permalink":"/blog/tags/button","count":5},{"label":"callout","permalink":"/blog/tags/callout","count":4},{"label":"dropdown","permalink":"/blog/tags/dropdown","count":2},{"label":"modal","permalink":"/blog/tags/modal","count":13},{"label":"ribbon","permalink":"/blog/tags/ribbon","count":2},{"label":"tab","permalink":"/blog/tags/tab","count":1},{"label":"v2.2.1","permalink":"/blog/tags/v-2-2-1","count":1},{"label":"confirmdialog","permalink":"/blog/tags/confirmdialog","count":3},{"label":"v2.2.0","permalink":"/blog/tags/v-2-2-0","count":1},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5","count":32},{"label":"pdfviewer","permalink":"/blog/tags/pdfviewer","count":4},{"label":"sortablelist","permalink":"/blog/tags/sortablelist","count":1},{"label":"tabs","permalink":"/blog/tags/tabs","count":3},{"label":"v2.1.0","permalink":"/blog/tags/v-2-1-0","count":1},{"label":"barchart","permalink":"/blog/tags/barchart","count":1},{"label":"currencyinput","permalink":"/blog/tags/currencyinput","count":3},{"label":"numberinput","permalink":"/blog/tags/numberinput","count":2},{"label":"rangeinput","permalink":"/blog/tags/rangeinput","count":2},{"label":"tooltip","permalink":"/blog/tags/tooltip","count":3},{"label":"v2.0.0","permalink":"/blog/tags/v-2-0-0","count":1},{"label":"clipboard","permalink":"/blog/tags/clipboard","count":1},{"label":"spinner","permalink":"/blog/tags/spinner","count":1},{"label":"v1.11.0","permalink":"/blog/tags/v-1-11-0","count":1},{"label":"autocomplete","permalink":"/blog/tags/autocomplete","count":9},{"label":"badge","permalink":"/blog/tags/badge","count":2},{"label":"scriptloader","permalink":"/blog/tags/scriptloader","count":1},{"label":"docs","permalink":"/blog/tags/docs","count":7},{"label":"v1.11.1","permalink":"/blog/tags/v-1-11-1","count":1},{"label":"v1.10.5","permalink":"/blog/tags/v-1-10-5","count":1},{"label":"toast","permalink":"/blog/tags/toast","count":2},{"label":"v1.10.4","permalink":"/blog/tags/v-1-10-4","count":1},{"label":"preload","permalink":"/blog/tags/preload","count":1},{"label":"switch","permalink":"/blog/tags/switch","count":2},{"label":"v1.10.3","permalink":"/blog/tags/v-1-10-3","count":1},{"label":"blazordropdown","permalink":"/blog/tags/blazordropdown","count":1},{"label":"icon","permalink":"/blog/tags/icon","count":2},{"label":"blazoricon","permalink":"/blog/tags/blazoricon","count":2},{"label":"v1.10.2","permalink":"/blog/tags/v-1-10-2","count":1},{"label":"blazorautocomplete","permalink":"/blog/tags/blazorautocomplete","count":4},{"label":"blazorconfirmdialog","permalink":"/blog/tags/blazorconfirmdialog","count":1},{"label":"blazormodal","permalink":"/blog/tags/blazormodal","count":8},{"label":"modalservice","permalink":"/blog/tags/modalservice","count":3},{"label":"blazortooltip","permalink":"/blog/tags/blazortooltip","count":2},{"label":"blazorsidebar","permalink":"/blog/tags/blazorsidebar","count":2},{"label":"chart","permalink":"/blog/tags/chart","count":1},{"label":"blazorchart","permalink":"/blog/tags/blazorchart","count":1},{"label":"v1.10.1","permalink":"/blog/tags/v-1-10-1","count":1},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid","count":13},{"label":"v1.10.0","permalink":"/blog/tags/v-1-10-0","count":1},{"label":"v1.9.5","permalink":"/blog/tags/v-1-9-5","count":1},{"label":"timeinput","permalink":"/blog/tags/timeinput","count":3},{"label":"blazortimeinput","permalink":"/blog/tags/blazortimeinput","count":3},{"label":"v1.9.4","permalink":"/blog/tags/v-1-9-4","count":1},{"label":"blazormodalservice","permalink":"/blog/tags/blazormodalservice","count":2},{"label":"v1.9.3","permalink":"/blog/tags/v-1-9-3","count":1},{"label":"v1.9.1","permalink":"/blog/tags/v-1-9-1","count":1},{"label":"v1.9.2","permalink":"/blog/tags/v-1-9-2","count":1},{"label":"breadcrumbservice","permalink":"/blog/tags/breadcrumbservice","count":1},{"label":"breadcrumb","permalink":"/blog/tags/breadcrumb","count":1},{"label":"blazorbreadcrumb","permalink":"/blog/tags/blazorbreadcrumb","count":1},{"label":"blazortoast","permalink":"/blog/tags/blazortoast","count":1},{"label":"toastservice","permalink":"/blog/tags/toastservice","count":1},{"label":"v1.9.0","permalink":"/blog/tags/v-1-9-0","count":1},{"label":"toasts","permalink":"/blog/tags/toasts","count":4},{"label":"blazortoasts","permalink":"/blog/tags/blazortoasts","count":2},{"label":"blazortabs","permalink":"/blog/tags/blazortabs","count":1},{"label":"v1.8.3","permalink":"/blog/tags/v-1-8-3","count":1},{"label":"progress","permalink":"/blog/tags/progress","count":2},{"label":"blazorprogress","permalink":"/blog/tags/blazorprogress","count":1},{"label":"v1.8.2","permalink":"/blog/tags/v-1-8-2","count":1},{"label":"blazorbutton","permalink":"/blog/tags/blazorbutton","count":2},{"label":"date","permalink":"/blog/tags/date","count":1},{"label":"dateinput","permalink":"/blog/tags/dateinput","count":4},{"label":"input","permalink":"/blog/tags/input","count":2},{"label":"blazordateinput","permalink":"/blog/tags/blazordateinput","count":4},{"label":"v1.8.1","permalink":"/blog/tags/v-1-8-1","count":1},{"label":"v1.8.0","permalink":"/blog/tags/v-1-8-0","count":1},{"label":"offcanvas","permalink":"/blog/tags/offcanvas","count":5},{"label":"blazoroffcanvas","permalink":"/blog/tags/blazoroffcanvas","count":3},{"label":"blazorcurrencyinput","permalink":"/blog/tags/blazorcurrencyinput","count":3},{"label":"blazornumberinput","permalink":"/blog/tags/blazornumberinput","count":1},{"label":"blazorswitch","permalink":"/blog/tags/blazorswitch","count":2},{"label":"v1.7.3","permalink":"/blog/tags/v-1-7-3","count":1},{"label":"buttons","permalink":"/blog/tags/buttons","count":3},{"label":"blazorbuttons","permalink":"/blog/tags/blazorbuttons","count":3},{"label":"v1.7.2","permalink":"/blog/tags/v-1-7-2","count":1},{"label":"currency","permalink":"/blog/tags/currency","count":1},{"label":"v1.7.1","permalink":"/blog/tags/v-1-7-1","count":1},{"label":"v1.7.0","permalink":"/blog/tags/v-1-7-0","count":1},{"label":"blazorbadge","permalink":"/blog/tags/blazorbadge","count":1},{"label":"collapse","permalink":"/blog/tags/collapse","count":1},{"label":"blazorcollapse","permalink":"/blog/tags/blazorcollapse","count":1},{"label":"blazoraccordion","permalink":"/blog/tags/blazoraccordion","count":1},{"label":"v1.6.0","permalink":"/blog/tags/v-1-6-0","count":1},{"label":"timepicker","permalink":"/blog/tags/timepicker","count":1},{"label":"blazortimepicker","permalink":"/blog/tags/blazortimepicker","count":1},{"label":"blazortime","permalink":"/blog/tags/blazortime","count":1},{"label":"datepicker","permalink":"/blog/tags/datepicker","count":2},{"label":"blazordatepicker","permalink":"/blog/tags/blazordatepicker","count":2},{"label":"blazordate","permalink":"/blog/tags/blazordate","count":1},{"label":"v1.5.0","permalink":"/blog/tags/v-1-5-0","count":1},{"label":"v1.4.5","permalink":"/blog/tags/v-1-4-5","count":1},{"label":"blazor-toasts","permalink":"/blog/tags/blazor-toasts","count":2},{"label":"v1.4.4","permalink":"/blog/tags/v-1-4-4","count":1},{"label":"blazor-grid","permalink":"/blog/tags/blazor-grid","count":3},{"label":"v1.4.3","permalink":"/blog/tags/v-1-4-3","count":1},{"label":"v1.4.2","permalink":"/blog/tags/v-1-4-2","count":1},{"label":"blazor-autocomplete","permalink":"/blog/tags/blazor-autocomplete","count":1},{"label":"blazor-templates","permalink":"/blog/tags/blazor-templates","count":1},{"label":"blazor-starter-templates","permalink":"/blog/tags/blazor-starter-templates","count":1},{"label":"blazorbootstrap-starter-templates","permalink":"/blog/tags/blazorbootstrap-starter-templates","count":1},{"label":"v1.4.1","permalink":"/blog/tags/v-1-4-1","count":1},{"label":"confirmmodal","permalink":"/blog/tags/confirmmodal","count":1},{"label":"blazorconfirmmodal","permalink":"/blog/tags/blazorconfirmmodal","count":1},{"label":"dialog","permalink":"/blog/tags/dialog","count":1},{"label":"blazordialog","permalink":"/blog/tags/blazordialog","count":1},{"label":"v1.4.0","permalink":"/blog/tags/v-1-4-0","count":1},{"label":"leftmenu","permalink":"/blog/tags/leftmenu","count":1},{"label":"navigation","permalink":"/blog/tags/navigation","count":1},{"label":"layout","permalink":"/blog/tags/layout","count":1},{"label":"v1.3.1","permalink":"/blog/tags/v-1-3-1","count":1},{"label":"v1.3.0","permalink":"/blog/tags/v-1-3-0","count":1},{"label":"blazor-bootstrap","permalink":"/blog/tags/blazor-bootstrap","count":5},{"label":"v1.2.0","permalink":"/blog/tags/v-1-2-0","count":1},{"label":"blazornumber","permalink":"/blog/tags/blazornumber","count":1},{"label":"blazor-number","permalink":"/blog/tags/blazor-number","count":1},{"label":"blazor-currency-input","permalink":"/blog/tags/blazor-currency-input","count":1},{"label":"v1.1.0","permalink":"/blog/tags/v-1-1-0","count":1},{"label":"blazor-dialog","permalink":"/blog/tags/blazor-dialog","count":2},{"label":"blazor-confirm-dialog","permalink":"/blog/tags/blazor-confirm-dialog","count":2},{"label":"blazor-preload","permalink":"/blog/tags/blazor-preload","count":2},{"label":"blazor-spinner","permalink":"/blog/tags/blazor-spinner","count":2},{"label":"blazor-toast","permalink":"/blog/tags/blazor-toast","count":1},{"label":"v1.0.1","permalink":"/blog/tags/v-1-0-1","count":1},{"label":"blazor-offcanvas","permalink":"/blog/tags/blazor-offcanvas","count":1},{"label":"blazor-sidemodal","permalink":"/blog/tags/blazor-sidemodal","count":1},{"label":"v1.0.0","permalink":"/blog/tags/v-1-0-0","count":1},{"label":"blazor-tabs","permalink":"/blog/tags/blazor-tabs","count":1},{"label":"blazor-input","permalink":"/blog/tags/blazor-input","count":1},{"label":"blazor-input-number","permalink":"/blog/tags/blazor-input-number","count":1},{"label":"blazor-number-input","permalink":"/blog/tags/blazor-number-input","count":1},{"label":"input-number","permalink":"/blog/tags/input-number","count":1},{"label":"v0.6.0","permalink":"/blog/tags/v-0-6-0","count":1},{"label":"blazor-progress","permalink":"/blog/tags/blazor-progress","count":1},{"label":"blazor-progress-bar","permalink":"/blog/tags/blazor-progress-bar","count":1},{"label":"progress-bar","permalink":"/blog/tags/progress-bar","count":1},{"label":"v0.5.1","permalink":"/blog/tags/v-0-5-1","count":1},{"label":"blazor-grid-sorting","permalink":"/blog/tags/blazor-grid-sorting","count":1},{"label":"blazor-grid-filtering","permalink":"/blog/tags/blazor-grid-filtering","count":1},{"label":"blazor-grid-paging","permalink":"/blog/tags/blazor-grid-paging","count":1},{"label":"v0.5.0","permalink":"/blog/tags/v-0-5-0","count":1},{"label":"blazor-charts","permalink":"/blog/tags/blazor-charts","count":1},{"label":"blazor-bar-chart","permalink":"/blog/tags/blazor-bar-chart","count":1},{"label":"blazor-doughnut-chart","permalink":"/blog/tags/blazor-doughnut-chart","count":1},{"label":"blazor-line-chart","permalink":"/blog/tags/blazor-line-chart","count":1},{"label":"blazor-pie-chart","permalink":"/blog/tags/blazor-pie-chart","count":1},{"label":"v0.4.2","permalink":"/blog/tags/v-0-4-2","count":1},{"label":"v0.4.1","permalink":"/blog/tags/v-0-4-1","count":1},{"label":"v0.4.0","permalink":"/blog/tags/v-0-4-0","count":1},{"label":"v0.3.0","permalink":"/blog/tags/v-0-3-0","count":1},{"label":"v0.2.6","permalink":"/blog/tags/v-0-2-6","count":1},{"label":"v0.2.5","permalink":"/blog/tags/v-0-2-5","count":1},{"label":"v0.2.4","permalink":"/blog/tags/v-0-2-4","count":1},{"label":"placeholders","permalink":"/blog/tags/placeholders","count":3},{"label":"v0.2.3","permalink":"/blog/tags/v-0-2-3","count":1},{"label":"v0.2.2","permalink":"/blog/tags/v-0-2-2","count":1},{"label":"v0.2.1","permalink":"/blog/tags/v-0-2-1","count":1},{"label":"icons","permalink":"/blog/tags/icons","count":1},{"label":"confirm dialog","permalink":"/blog/tags/confirm-dialog","count":1},{"label":"v0.2.0","permalink":"/blog/tags/v-0-2-0","count":1},{"label":"pagination","permalink":"/blog/tags/pagination","count":1},{"label":"v0.1.1","permalink":"/blog/tags/v-0-1-1","count":1},{"label":"alert","permalink":"/blog/tags/alert","count":1},{"label":"v0.1.0","permalink":"/blog/tags/v-0-1-0","count":1},{"label":"v0.0.4","permalink":"/blog/tags/v-0-0-4","count":1},{"label":"v0.0.3","permalink":"/blog/tags/v-0-0-3","count":1},{"label":"v0.0.2","permalink":"/blog/tags/v-0-0-2","count":1},{"label":"v0.0.1","permalink":"/blog/tags/v-0-0-1","count":1}]')}}]);
\ No newline at end of file
diff --git a/assets/js/a7023ddc.8893d48d.js b/assets/js/a7023ddc.8893d48d.js
deleted file mode 100644
index fe98a4aa5..000000000
--- a/assets/js/a7023ddc.8893d48d.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[11713],{53457:l=>{l.exports=JSON.parse('[{"label":"v3.0.0","permalink":"/blog/tags/v-3-0-0","count":1},{"label":"blazor","permalink":"/blog/tags/blazor","count":41},{"label":"bootstrap","permalink":"/blog/tags/bootstrap","count":34},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","count":61},{"label":"accordion","permalink":"/blog/tags/accordion","count":3},{"label":"button","permalink":"/blog/tags/button","count":5},{"label":"callout","permalink":"/blog/tags/callout","count":4},{"label":"dropdown","permalink":"/blog/tags/dropdown","count":2},{"label":"grid","permalink":"/blog/tags/grid","count":21},{"label":"modal","permalink":"/blog/tags/modal","count":13},{"label":"ribbon","permalink":"/blog/tags/ribbon","count":2},{"label":"tab","permalink":"/blog/tags/tab","count":1},{"label":"sidebar","permalink":"/blog/tags/sidebar","count":3},{"label":"sidebar2","permalink":"/blog/tags/sidebar-2","count":2},{"label":"v2.2.1","permalink":"/blog/tags/v-2-2-1","count":1},{"label":"confirmdialog","permalink":"/blog/tags/confirmdialog","count":3},{"label":"v2.2.0","permalink":"/blog/tags/v-2-2-0","count":1},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5","count":32},{"label":"pdfviewer","permalink":"/blog/tags/pdfviewer","count":4},{"label":"sortablelist","permalink":"/blog/tags/sortablelist","count":1},{"label":"tabs","permalink":"/blog/tags/tabs","count":3},{"label":"v2.1.0","permalink":"/blog/tags/v-2-1-0","count":1},{"label":"barchart","permalink":"/blog/tags/barchart","count":1},{"label":"currencyinput","permalink":"/blog/tags/currencyinput","count":3},{"label":"numberinput","permalink":"/blog/tags/numberinput","count":2},{"label":"rangeinput","permalink":"/blog/tags/rangeinput","count":2},{"label":"tooltip","permalink":"/blog/tags/tooltip","count":3},{"label":"v2.0.0","permalink":"/blog/tags/v-2-0-0","count":1},{"label":"clipboard","permalink":"/blog/tags/clipboard","count":1},{"label":"spinner","permalink":"/blog/tags/spinner","count":1},{"label":"v1.11.0","permalink":"/blog/tags/v-1-11-0","count":1},{"label":"autocomplete","permalink":"/blog/tags/autocomplete","count":9},{"label":"badge","permalink":"/blog/tags/badge","count":2},{"label":"scriptloader","permalink":"/blog/tags/scriptloader","count":1},{"label":"docs","permalink":"/blog/tags/docs","count":7},{"label":"v1.11.1","permalink":"/blog/tags/v-1-11-1","count":1},{"label":"v1.10.5","permalink":"/blog/tags/v-1-10-5","count":1},{"label":"charts","permalink":"/blog/tags/charts","count":2},{"label":"toast","permalink":"/blog/tags/toast","count":2},{"label":"v1.10.4","permalink":"/blog/tags/v-1-10-4","count":1},{"label":"preload","permalink":"/blog/tags/preload","count":1},{"label":"switch","permalink":"/blog/tags/switch","count":2},{"label":"v1.10.3","permalink":"/blog/tags/v-1-10-3","count":1},{"label":"blazordropdown","permalink":"/blog/tags/blazordropdown","count":1},{"label":"icon","permalink":"/blog/tags/icon","count":2},{"label":"blazoricon","permalink":"/blog/tags/blazoricon","count":2},{"label":"v1.10.2","permalink":"/blog/tags/v-1-10-2","count":1},{"label":"blazorautocomplete","permalink":"/blog/tags/blazorautocomplete","count":4},{"label":"blazorconfirmdialog","permalink":"/blog/tags/blazorconfirmdialog","count":1},{"label":"blazormodal","permalink":"/blog/tags/blazormodal","count":8},{"label":"modalservice","permalink":"/blog/tags/modalservice","count":3},{"label":"blazortooltip","permalink":"/blog/tags/blazortooltip","count":2},{"label":"blazorsidebar","permalink":"/blog/tags/blazorsidebar","count":2},{"label":"chart","permalink":"/blog/tags/chart","count":1},{"label":"blazorchart","permalink":"/blog/tags/blazorchart","count":1},{"label":"v1.10.1","permalink":"/blog/tags/v-1-10-1","count":1},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid","count":13},{"label":"v1.10.0","permalink":"/blog/tags/v-1-10-0","count":1},{"label":"v1.9.5","permalink":"/blog/tags/v-1-9-5","count":1},{"label":"timeinput","permalink":"/blog/tags/timeinput","count":3},{"label":"blazortimeinput","permalink":"/blog/tags/blazortimeinput","count":3},{"label":"v1.9.4","permalink":"/blog/tags/v-1-9-4","count":1},{"label":"blazormodalservice","permalink":"/blog/tags/blazormodalservice","count":2},{"label":"v1.9.3","permalink":"/blog/tags/v-1-9-3","count":1},{"label":"v1.9.1","permalink":"/blog/tags/v-1-9-1","count":1},{"label":"v1.9.2","permalink":"/blog/tags/v-1-9-2","count":1},{"label":"breadcrumbservice","permalink":"/blog/tags/breadcrumbservice","count":1},{"label":"breadcrumb","permalink":"/blog/tags/breadcrumb","count":1},{"label":"blazorbreadcrumb","permalink":"/blog/tags/blazorbreadcrumb","count":1},{"label":"blazortoast","permalink":"/blog/tags/blazortoast","count":1},{"label":"toastservice","permalink":"/blog/tags/toastservice","count":1},{"label":"v1.9.0","permalink":"/blog/tags/v-1-9-0","count":1},{"label":"toasts","permalink":"/blog/tags/toasts","count":4},{"label":"blazortoasts","permalink":"/blog/tags/blazortoasts","count":2},{"label":"blazortabs","permalink":"/blog/tags/blazortabs","count":1},{"label":"v1.8.3","permalink":"/blog/tags/v-1-8-3","count":1},{"label":"progress","permalink":"/blog/tags/progress","count":2},{"label":"blazorprogress","permalink":"/blog/tags/blazorprogress","count":1},{"label":"v1.8.2","permalink":"/blog/tags/v-1-8-2","count":1},{"label":"blazorbutton","permalink":"/blog/tags/blazorbutton","count":2},{"label":"date","permalink":"/blog/tags/date","count":1},{"label":"dateinput","permalink":"/blog/tags/dateinput","count":4},{"label":"input","permalink":"/blog/tags/input","count":2},{"label":"blazordateinput","permalink":"/blog/tags/blazordateinput","count":4},{"label":"v1.8.1","permalink":"/blog/tags/v-1-8-1","count":1},{"label":"v1.8.0","permalink":"/blog/tags/v-1-8-0","count":1},{"label":"offcanvas","permalink":"/blog/tags/offcanvas","count":5},{"label":"blazoroffcanvas","permalink":"/blog/tags/blazoroffcanvas","count":3},{"label":"blazorcurrencyinput","permalink":"/blog/tags/blazorcurrencyinput","count":3},{"label":"blazornumberinput","permalink":"/blog/tags/blazornumberinput","count":1},{"label":"blazorswitch","permalink":"/blog/tags/blazorswitch","count":2},{"label":"v1.7.3","permalink":"/blog/tags/v-1-7-3","count":1},{"label":"buttons","permalink":"/blog/tags/buttons","count":3},{"label":"blazorbuttons","permalink":"/blog/tags/blazorbuttons","count":3},{"label":"v1.7.2","permalink":"/blog/tags/v-1-7-2","count":1},{"label":"currency","permalink":"/blog/tags/currency","count":1},{"label":"v1.7.1","permalink":"/blog/tags/v-1-7-1","count":1},{"label":"v1.7.0","permalink":"/blog/tags/v-1-7-0","count":1},{"label":"blazorbadge","permalink":"/blog/tags/blazorbadge","count":1},{"label":"collapse","permalink":"/blog/tags/collapse","count":1},{"label":"blazorcollapse","permalink":"/blog/tags/blazorcollapse","count":1},{"label":"blazoraccordion","permalink":"/blog/tags/blazoraccordion","count":1},{"label":"v1.6.0","permalink":"/blog/tags/v-1-6-0","count":1},{"label":"timepicker","permalink":"/blog/tags/timepicker","count":1},{"label":"blazortimepicker","permalink":"/blog/tags/blazortimepicker","count":1},{"label":"blazortime","permalink":"/blog/tags/blazortime","count":1},{"label":"datepicker","permalink":"/blog/tags/datepicker","count":2},{"label":"blazordatepicker","permalink":"/blog/tags/blazordatepicker","count":2},{"label":"blazordate","permalink":"/blog/tags/blazordate","count":1},{"label":"v1.5.0","permalink":"/blog/tags/v-1-5-0","count":1},{"label":"v1.4.5","permalink":"/blog/tags/v-1-4-5","count":1},{"label":"blazor-toasts","permalink":"/blog/tags/blazor-toasts","count":2},{"label":"v1.4.4","permalink":"/blog/tags/v-1-4-4","count":1},{"label":"blazor-grid","permalink":"/blog/tags/blazor-grid","count":3},{"label":"v1.4.3","permalink":"/blog/tags/v-1-4-3","count":1},{"label":"v1.4.2","permalink":"/blog/tags/v-1-4-2","count":1},{"label":"blazor-autocomplete","permalink":"/blog/tags/blazor-autocomplete","count":1},{"label":"blazor-templates","permalink":"/blog/tags/blazor-templates","count":1},{"label":"blazor-starter-templates","permalink":"/blog/tags/blazor-starter-templates","count":1},{"label":"blazorbootstrap-starter-templates","permalink":"/blog/tags/blazorbootstrap-starter-templates","count":1},{"label":"v1.4.1","permalink":"/blog/tags/v-1-4-1","count":1},{"label":"confirmmodal","permalink":"/blog/tags/confirmmodal","count":1},{"label":"blazorconfirmmodal","permalink":"/blog/tags/blazorconfirmmodal","count":1},{"label":"dialog","permalink":"/blog/tags/dialog","count":1},{"label":"blazordialog","permalink":"/blog/tags/blazordialog","count":1},{"label":"v1.4.0","permalink":"/blog/tags/v-1-4-0","count":1},{"label":"leftmenu","permalink":"/blog/tags/leftmenu","count":1},{"label":"navigation","permalink":"/blog/tags/navigation","count":1},{"label":"layout","permalink":"/blog/tags/layout","count":1},{"label":"v1.3.1","permalink":"/blog/tags/v-1-3-1","count":1},{"label":"v1.3.0","permalink":"/blog/tags/v-1-3-0","count":1},{"label":"blazor-bootstrap","permalink":"/blog/tags/blazor-bootstrap","count":5},{"label":"v1.2.0","permalink":"/blog/tags/v-1-2-0","count":1},{"label":"blazornumber","permalink":"/blog/tags/blazornumber","count":1},{"label":"blazor-number","permalink":"/blog/tags/blazor-number","count":1},{"label":"blazor-currency-input","permalink":"/blog/tags/blazor-currency-input","count":1},{"label":"v1.1.0","permalink":"/blog/tags/v-1-1-0","count":1},{"label":"blazor-dialog","permalink":"/blog/tags/blazor-dialog","count":2},{"label":"blazor-confirm-dialog","permalink":"/blog/tags/blazor-confirm-dialog","count":2},{"label":"blazor-preload","permalink":"/blog/tags/blazor-preload","count":2},{"label":"blazor-spinner","permalink":"/blog/tags/blazor-spinner","count":2},{"label":"blazor-toast","permalink":"/blog/tags/blazor-toast","count":1},{"label":"v1.0.1","permalink":"/blog/tags/v-1-0-1","count":1},{"label":"blazor-offcanvas","permalink":"/blog/tags/blazor-offcanvas","count":1},{"label":"blazor-sidemodal","permalink":"/blog/tags/blazor-sidemodal","count":1},{"label":"v1.0.0","permalink":"/blog/tags/v-1-0-0","count":1},{"label":"blazor-tabs","permalink":"/blog/tags/blazor-tabs","count":1},{"label":"blazor-input","permalink":"/blog/tags/blazor-input","count":1},{"label":"blazor-input-number","permalink":"/blog/tags/blazor-input-number","count":1},{"label":"blazor-number-input","permalink":"/blog/tags/blazor-number-input","count":1},{"label":"input-number","permalink":"/blog/tags/input-number","count":1},{"label":"v0.6.0","permalink":"/blog/tags/v-0-6-0","count":1},{"label":"blazor-progress","permalink":"/blog/tags/blazor-progress","count":1},{"label":"blazor-progress-bar","permalink":"/blog/tags/blazor-progress-bar","count":1},{"label":"progress-bar","permalink":"/blog/tags/progress-bar","count":1},{"label":"v0.5.1","permalink":"/blog/tags/v-0-5-1","count":1},{"label":"blazor-grid-sorting","permalink":"/blog/tags/blazor-grid-sorting","count":1},{"label":"blazor-grid-filtering","permalink":"/blog/tags/blazor-grid-filtering","count":1},{"label":"blazor-grid-paging","permalink":"/blog/tags/blazor-grid-paging","count":1},{"label":"v0.5.0","permalink":"/blog/tags/v-0-5-0","count":1},{"label":"blazor-charts","permalink":"/blog/tags/blazor-charts","count":1},{"label":"blazor-bar-chart","permalink":"/blog/tags/blazor-bar-chart","count":1},{"label":"blazor-doughnut-chart","permalink":"/blog/tags/blazor-doughnut-chart","count":1},{"label":"blazor-line-chart","permalink":"/blog/tags/blazor-line-chart","count":1},{"label":"blazor-pie-chart","permalink":"/blog/tags/blazor-pie-chart","count":1},{"label":"v0.4.2","permalink":"/blog/tags/v-0-4-2","count":1},{"label":"v0.4.1","permalink":"/blog/tags/v-0-4-1","count":1},{"label":"v0.4.0","permalink":"/blog/tags/v-0-4-0","count":1},{"label":"v0.3.0","permalink":"/blog/tags/v-0-3-0","count":1},{"label":"v0.2.6","permalink":"/blog/tags/v-0-2-6","count":1},{"label":"v0.2.5","permalink":"/blog/tags/v-0-2-5","count":1},{"label":"v0.2.4","permalink":"/blog/tags/v-0-2-4","count":1},{"label":"placeholders","permalink":"/blog/tags/placeholders","count":3},{"label":"v0.2.3","permalink":"/blog/tags/v-0-2-3","count":1},{"label":"v0.2.2","permalink":"/blog/tags/v-0-2-2","count":1},{"label":"v0.2.1","permalink":"/blog/tags/v-0-2-1","count":1},{"label":"icons","permalink":"/blog/tags/icons","count":1},{"label":"confirm dialog","permalink":"/blog/tags/confirm-dialog","count":1},{"label":"v0.2.0","permalink":"/blog/tags/v-0-2-0","count":1},{"label":"pagination","permalink":"/blog/tags/pagination","count":1},{"label":"v0.1.1","permalink":"/blog/tags/v-0-1-1","count":1},{"label":"alert","permalink":"/blog/tags/alert","count":1},{"label":"v0.1.0","permalink":"/blog/tags/v-0-1-0","count":1},{"label":"v0.0.4","permalink":"/blog/tags/v-0-0-4","count":1},{"label":"v0.0.3","permalink":"/blog/tags/v-0-0-3","count":1},{"label":"v0.0.2","permalink":"/blog/tags/v-0-0-2","count":1},{"label":"v0.0.1","permalink":"/blog/tags/v-0-0-1","count":1}]')}}]);
\ No newline at end of file
diff --git a/assets/js/a7a5f7ce.26da2d2a.js b/assets/js/a7a5f7ce.a29a75d4.js
similarity index 83%
rename from assets/js/a7a5f7ce.26da2d2a.js
rename to assets/js/a7a5f7ce.a29a75d4.js
index 8444412cc..ea45ebce4 100644
--- a/assets/js/a7a5f7ce.26da2d2a.js
+++ b/assets/js/a7a5f7ce.a29a75d4.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[95050],{97689:a=>{a.exports=JSON.parse('{"label":"sidebar2","permalink":"/blog/tags/sidebar-2","allTagsPath":"/blog/tags","count":2}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[95050],{97689:a=>{a.exports=JSON.parse('{"label":"sidebar2","permalink":"/blog/tags/sidebar-2","allTagsPath":"/blog/tags","count":3}')}}]);
\ No newline at end of file
diff --git a/assets/js/afb75713.e92d7ebb.js b/assets/js/afb75713.5c730fac.js
similarity index 99%
rename from assets/js/afb75713.e92d7ebb.js
rename to assets/js/afb75713.5c730fac.js
index 67054b483..d3cb0e4e5 100644
--- a/assets/js/afb75713.e92d7ebb.js
+++ b/assets/js/afb75713.5c730fac.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[6063],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>b});var n=r(67294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var i=n.createContext({}),p=function(e){var t=n.useContext(i),r=t;return e&&(r="function"==typeof e?e(t):s(s({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(i.Provider,{value:t},e.children)},d="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,o=e.originalType,i=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),d=p(r),u=a,b=d["".concat(i,".").concat(u)]||d[u]||m[u]||o;return r?n.createElement(b,s(s({ref:t},c),{},{components:r})):n.createElement(b,s({ref:t},c))}));function b(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=r.length,s=new Array(o);s[0]=u;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[d]="string"==typeof e?e:a,s[1]=l;for(var p=2;p<o;p++)s[p]=r[p];return n.createElement.apply(null,s)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),a=r(67294),o=r(3905);class s extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const l=s,i={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,o.kt)(p,(0,n.Z)({},i,r,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(l,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},88367:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>u,frontMatter:()=>s,metadata:()=>i,toc:()=>c});var n=r(87462),a=(r(67294),r(3905)),o=r(74404);const s={id:"blazor-webapp-auto-global-net-8",sidebar_label:"Blazor WebApp Auto (.NET 8)",sidebar_position:3,title:"Blazor WebApp Auto (.NET 8)"},l="Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location",i={unversionedId:"getting-started/blazor-webapp-auto-global-net-8",id:"getting-started/blazor-webapp-auto-global-net-8",title:"Blazor WebApp Auto (.NET 8)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-webapp-auto-global-net-8",permalink:"/getting-started/blazor-webapp-auto-global-net-8",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx",tags:[],version:"current",sidebarPosition:3,frontMatter:{id:"blazor-webapp-auto-global-net-8",sidebar_label:"Blazor WebApp Auto (.NET 8)",sidebar_position:3,title:"Blazor WebApp Auto (.NET 8)"},sidebar:"tutorialSidebar",previous:{title:"Blazor WebApp Server (.NET 8)",permalink:"/getting-started/blazor-webapp-server-global-net-8"},next:{title:"MAUI Blazor Hybrid App (.NET 8)",permalink:"/getting-started/maui-blazor-net-8"}},p={},c=[{value:"Server Project",id:"server-project",level:2},{value:"Install Nuget Package",id:"install-nuget-package",level:3},{value:"Add CSS references",id:"add-css-references",level:3},{value:"Add script references",id:"add-script-references",level:3},{value:"Register services",id:"register-services",level:3},{value:"Remove default references",id:"remove-default-references",level:3},{value:"Client Project",id:"client-project",level:2},{value:"Install Nuget Package",id:"install-nuget-package-1",level:3},{value:"Register services",id:"register-services-1",level:3},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code - Server",id:"sample-code---server",level:2},{value:"App.razor",id:"apprazor",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"Sample Code - Client",id:"sample-code---client",level:2},{value:"Program.cs",id:"programcs-1",level:3},{value:"_Imports.razor",id:"_importsrazor-1",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],d={toc:c},m="wrapper";function u(e){let{components:t,...r}=e;return(0,a.kt)(m,(0,n.Z)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"getting-started---blazor-webapp-net-8---interactive-render-mode-auto---global-location"},"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location"),(0,a.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,a.kt)(o.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("h2",{id:"server-project"},"Server Project"),(0,a.kt)("h3",{id:"install-nuget-package"},"Install Nuget Package"),(0,a.kt)("p",null,"Use NuGet package manager."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1\n")),(0,a.kt)("h3",{id:"add-css-references"},"Add CSS references"),(0,a.kt)("p",null,"After the ",(0,a.kt)("inlineCode",{parentName:"p"},'<base href="/" />')," tag in the ",(0,a.kt)("strong",{parentName:"p"},"head")," section of the ",(0,a.kt)("strong",{parentName:"p"},"Components/App.razor"),"."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,a.kt)("h3",{id:"add-script-references"},"Add script references"),(0,a.kt)("p",null,"Insert the following references into the ",(0,a.kt)("strong",{parentName:"p"},"body")," section of the ",(0,a.kt)("strong",{parentName:"p"},"Components/App.razor")," file, immediately after the ",(0,a.kt)("strong",{parentName:"p"},"_framework/blazor.web.js")," reference:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,a.kt)("admonition",{type:"tip"},(0,a.kt)("p",{parentName:"admonition"},(0,a.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Add when the ",(0,a.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,a.kt)("h3",{id:"register-services"},"Register services"),(0,a.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,a.kt)("strong",{parentName:"p"},"Program.cs")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs"},"builder.Services.AddBlazorBootstrap();\n")),(0,a.kt)("p",null,"Register tag helpers in ",(0,a.kt)("strong",{parentName:"p"},"Components/_Imports.razor")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor"},"@using BlazorBootstrap;\n")),(0,a.kt)("h3",{id:"remove-default-references"},"Remove default references"),(0,a.kt)("p",null,"The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps:"),(0,a.kt)("ol",null,(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Delete the ",(0,a.kt)("strong",{parentName:"p"},"bootstrap")," folder from the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"Components/App.razor")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link rel="stylesheet" href="bootstrap/bootstrap.min.css" />\n')))),(0,a.kt)("h2",{id:"client-project"},"Client Project"),(0,a.kt)("h3",{id:"install-nuget-package-1"},"Install Nuget Package"),(0,a.kt)("p",null,"Use NuGet package manager."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 2.2.1\n")),(0,a.kt)("h3",{id:"register-services-1"},"Register services"),(0,a.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,a.kt)("strong",{parentName:"p"},"Program.cs")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs"},"builder.Services.AddBlazorBootstrap();\n")),(0,a.kt)("p",null,"Register tag helpers in ",(0,a.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor"},"@using BlazorBootstrap;\n")),(0,a.kt)("h2",{id:"starter-template"},"Starter template"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/Net8.BlazorAutoGlobal"},"GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Auto - Interactive Location Global (.NET 8)")),(0,a.kt)("img",{src:"https://i.imgur.com/m2lUTME.png",alt:"Blazor Bootstrap - Blazor Web App - Interactive Render Mode Auto - Interactive Location Global"}),(0,a.kt)("h2",{id:"sample-code---server"},"Sample Code - Server"),(0,a.kt)("h3",{id:"apprazor"},"App.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"{8-10,20-25} showLineNumbers","{8-10,20-25}":!0,showLineNumbers:!0},'<!DOCTYPE html>\n<html lang="en">\n\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <base href="/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link rel="stylesheet" href="app.css" />\n    <link rel="stylesheet" href="Net8.BlazorAutoGlobal.styles.css" />\n    <link rel="icon" type="image/png" href="favicon.png" />\n    <HeadOutlet @rendermode="@InteractiveAuto" />\n</head>\n\n<body>\n    <Routes @rendermode="@InteractiveAuto" />\n    <script src="_framework/blazor.web.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    \x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n\n</html>\n')),(0,a.kt)("h3",{id:"programcs"},"Program.cs"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},'using Net8.BlazorAutoGlobal.Client.Pages;\nusing Net8.BlazorAutoGlobal.Components;\n\nvar builder = WebApplication.CreateBuilder(args);\n\n// Add services to the container.\nbuilder.Services.AddRazorComponents()\n    .AddInteractiveServerComponents()\n    .AddInteractiveWebAssemblyComponents();\n\nbuilder.Services.AddBlazorBootstrap();\n\nvar app = builder.Build();\n\n// Configure the HTTP request pipeline.\nif (app.Environment.IsDevelopment())\n{\n    app.UseWebAssemblyDebugging();\n}\nelse\n{\n    app.UseExceptionHandler("/Error", createScopeForErrors: true);\n    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.\n    app.UseHsts();\n}\n\napp.UseHttpsRedirection();\n\napp.UseStaticFiles();\napp.UseAntiforgery();\n\napp.MapRazorComponents<App>()\n    .AddInteractiveServerRenderMode()\n    .AddInteractiveWebAssemblyRenderMode()\n    .AddAdditionalAssemblies(typeof(Counter).Assembly);\n\napp.Run();\n\n')),(0,a.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{12} showLineNumbers","{12}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using System.Net.Http.Json\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using static Microsoft.AspNetCore.Components.Web.RenderMode\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.JSInterop\n@using Net8.BlazorAutoGlobal\n@using Net8.BlazorAutoGlobal.Client\n@using Net8.BlazorAutoGlobal.Components\n@using BlazorBootstrap;\n")),(0,a.kt)("h2",{id:"sample-code---client"},"Sample Code - Client"),(0,a.kt)("h3",{id:"programcs-1"},"Program.cs"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{5} showLineNumbers","{5}":!0,showLineNumbers:!0},"using Microsoft.AspNetCore.Components.WebAssembly.Hosting;\n\nvar builder = WebAssemblyHostBuilder.CreateDefault(args);\n\nbuilder.Services.AddBlazorBootstrap();\n\nawait builder.Build().RunAsync();\n")),(0,a.kt)("h3",{id:"_importsrazor-1"},"_Imports.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{10} showLineNumbers","{10}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using System.Net.Http.Json\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using static Microsoft.AspNetCore.Components.Web.RenderMode\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.JSInterop\n@using Net8.BlazorAutoGlobal.Client\n@using BlazorBootstrap;\n")),(0,a.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">@Body</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    Sidebar sidebar;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n                   {\n                       new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n                       new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n                       new NavItem { Id = "3", Href = "/weather", IconName = IconName.Table, Text = "Fetch Data"},\n                   };\n\n        return navItems;\n    }\n}\n\n<div id="blazor-error-ui">\n    An unhandled error has occurred.\n    <a href="" class="reload">Reload</a>\n    <a class="dismiss">\ud83d\uddd9</a>\n</div>\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[6063],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>b});var n=r(67294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var i=n.createContext({}),p=function(e){var t=n.useContext(i),r=t;return e&&(r="function"==typeof e?e(t):s(s({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(i.Provider,{value:t},e.children)},d="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,o=e.originalType,i=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),d=p(r),u=a,b=d["".concat(i,".").concat(u)]||d[u]||m[u]||o;return r?n.createElement(b,s(s({ref:t},c),{},{components:r})):n.createElement(b,s({ref:t},c))}));function b(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var o=r.length,s=new Array(o);s[0]=u;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[d]="string"==typeof e?e:a,s[1]=l;for(var p=2;p<o;p++)s[p]=r[p];return n.createElement.apply(null,s)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),a=r(67294),o=r(3905);class s extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const l=s,i={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,o.kt)(p,(0,n.Z)({},i,r,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(l,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},88367:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>u,frontMatter:()=>s,metadata:()=>i,toc:()=>c});var n=r(87462),a=(r(67294),r(3905)),o=r(74404);const s={id:"blazor-webapp-auto-global-net-8",sidebar_label:"Blazor WebApp Auto (.NET 8)",sidebar_position:3,title:"Blazor WebApp Auto (.NET 8)"},l="Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location",i={unversionedId:"getting-started/blazor-webapp-auto-global-net-8",id:"getting-started/blazor-webapp-auto-global-net-8",title:"Blazor WebApp Auto (.NET 8)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-webapp-auto-global-net-8",permalink:"/getting-started/blazor-webapp-auto-global-net-8",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx",tags:[],version:"current",sidebarPosition:3,frontMatter:{id:"blazor-webapp-auto-global-net-8",sidebar_label:"Blazor WebApp Auto (.NET 8)",sidebar_position:3,title:"Blazor WebApp Auto (.NET 8)"},sidebar:"tutorialSidebar",previous:{title:"Blazor WebApp Server (.NET 8)",permalink:"/getting-started/blazor-webapp-server-global-net-8"},next:{title:"MAUI Blazor Hybrid App (.NET 8)",permalink:"/getting-started/maui-blazor-net-8"}},p={},c=[{value:"Server Project",id:"server-project",level:2},{value:"Install Nuget Package",id:"install-nuget-package",level:3},{value:"Add CSS references",id:"add-css-references",level:3},{value:"Add script references",id:"add-script-references",level:3},{value:"Register services",id:"register-services",level:3},{value:"Remove default references",id:"remove-default-references",level:3},{value:"Client Project",id:"client-project",level:2},{value:"Install Nuget Package",id:"install-nuget-package-1",level:3},{value:"Register services",id:"register-services-1",level:3},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code - Server",id:"sample-code---server",level:2},{value:"App.razor",id:"apprazor",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"Sample Code - Client",id:"sample-code---client",level:2},{value:"Program.cs",id:"programcs-1",level:3},{value:"_Imports.razor",id:"_importsrazor-1",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],d={toc:c},m="wrapper";function u(e){let{components:t,...r}=e;return(0,a.kt)(m,(0,n.Z)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"getting-started---blazor-webapp-net-8---interactive-render-mode-auto---global-location"},"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location"),(0,a.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,a.kt)(o.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("h2",{id:"server-project"},"Server Project"),(0,a.kt)("h3",{id:"install-nuget-package"},"Install Nuget Package"),(0,a.kt)("p",null,"Use NuGet package manager."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2\n")),(0,a.kt)("h3",{id:"add-css-references"},"Add CSS references"),(0,a.kt)("p",null,"After the ",(0,a.kt)("inlineCode",{parentName:"p"},'<base href="/" />')," tag in the ",(0,a.kt)("strong",{parentName:"p"},"head")," section of the ",(0,a.kt)("strong",{parentName:"p"},"Components/App.razor"),"."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,a.kt)("h3",{id:"add-script-references"},"Add script references"),(0,a.kt)("p",null,"Insert the following references into the ",(0,a.kt)("strong",{parentName:"p"},"body")," section of the ",(0,a.kt)("strong",{parentName:"p"},"Components/App.razor")," file, immediately after the ",(0,a.kt)("strong",{parentName:"p"},"_framework/blazor.web.js")," reference:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,a.kt)("admonition",{type:"tip"},(0,a.kt)("p",{parentName:"admonition"},(0,a.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Add when the ",(0,a.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,a.kt)("h3",{id:"register-services"},"Register services"),(0,a.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,a.kt)("strong",{parentName:"p"},"Program.cs")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs"},"builder.Services.AddBlazorBootstrap();\n")),(0,a.kt)("p",null,"Register tag helpers in ",(0,a.kt)("strong",{parentName:"p"},"Components/_Imports.razor")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor"},"@using BlazorBootstrap;\n")),(0,a.kt)("h3",{id:"remove-default-references"},"Remove default references"),(0,a.kt)("p",null,"The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps:"),(0,a.kt)("ol",null,(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Delete the ",(0,a.kt)("strong",{parentName:"p"},"bootstrap")," folder from the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"Components/App.razor")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link rel="stylesheet" href="bootstrap/bootstrap.min.css" />\n')))),(0,a.kt)("h2",{id:"client-project"},"Client Project"),(0,a.kt)("h3",{id:"install-nuget-package-1"},"Install Nuget Package"),(0,a.kt)("p",null,"Use NuGet package manager."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 2.2.1\n")),(0,a.kt)("h3",{id:"register-services-1"},"Register services"),(0,a.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,a.kt)("strong",{parentName:"p"},"Program.cs")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs"},"builder.Services.AddBlazorBootstrap();\n")),(0,a.kt)("p",null,"Register tag helpers in ",(0,a.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor"},"@using BlazorBootstrap;\n")),(0,a.kt)("h2",{id:"starter-template"},"Starter template"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/Net8.BlazorAutoGlobal"},"GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Auto - Interactive Location Global (.NET 8)")),(0,a.kt)("img",{src:"https://i.imgur.com/m2lUTME.png",alt:"Blazor Bootstrap - Blazor Web App - Interactive Render Mode Auto - Interactive Location Global"}),(0,a.kt)("h2",{id:"sample-code---server"},"Sample Code - Server"),(0,a.kt)("h3",{id:"apprazor"},"App.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"{8-10,20-25} showLineNumbers","{8-10,20-25}":!0,showLineNumbers:!0},'<!DOCTYPE html>\n<html lang="en">\n\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <base href="/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link rel="stylesheet" href="app.css" />\n    <link rel="stylesheet" href="Net8.BlazorAutoGlobal.styles.css" />\n    <link rel="icon" type="image/png" href="favicon.png" />\n    <HeadOutlet @rendermode="@InteractiveAuto" />\n</head>\n\n<body>\n    <Routes @rendermode="@InteractiveAuto" />\n    <script src="_framework/blazor.web.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    \x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n\n</html>\n')),(0,a.kt)("h3",{id:"programcs"},"Program.cs"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},'using Net8.BlazorAutoGlobal.Client.Pages;\nusing Net8.BlazorAutoGlobal.Components;\n\nvar builder = WebApplication.CreateBuilder(args);\n\n// Add services to the container.\nbuilder.Services.AddRazorComponents()\n    .AddInteractiveServerComponents()\n    .AddInteractiveWebAssemblyComponents();\n\nbuilder.Services.AddBlazorBootstrap();\n\nvar app = builder.Build();\n\n// Configure the HTTP request pipeline.\nif (app.Environment.IsDevelopment())\n{\n    app.UseWebAssemblyDebugging();\n}\nelse\n{\n    app.UseExceptionHandler("/Error", createScopeForErrors: true);\n    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.\n    app.UseHsts();\n}\n\napp.UseHttpsRedirection();\n\napp.UseStaticFiles();\napp.UseAntiforgery();\n\napp.MapRazorComponents<App>()\n    .AddInteractiveServerRenderMode()\n    .AddInteractiveWebAssemblyRenderMode()\n    .AddAdditionalAssemblies(typeof(Counter).Assembly);\n\napp.Run();\n\n')),(0,a.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{12} showLineNumbers","{12}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using System.Net.Http.Json\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using static Microsoft.AspNetCore.Components.Web.RenderMode\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.JSInterop\n@using Net8.BlazorAutoGlobal\n@using Net8.BlazorAutoGlobal.Client\n@using Net8.BlazorAutoGlobal.Components\n@using BlazorBootstrap;\n")),(0,a.kt)("h2",{id:"sample-code---client"},"Sample Code - Client"),(0,a.kt)("h3",{id:"programcs-1"},"Program.cs"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{5} showLineNumbers","{5}":!0,showLineNumbers:!0},"using Microsoft.AspNetCore.Components.WebAssembly.Hosting;\n\nvar builder = WebAssemblyHostBuilder.CreateDefault(args);\n\nbuilder.Services.AddBlazorBootstrap();\n\nawait builder.Build().RunAsync();\n")),(0,a.kt)("h3",{id:"_importsrazor-1"},"_Imports.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{10} showLineNumbers","{10}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using System.Net.Http.Json\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using static Microsoft.AspNetCore.Components.Web.RenderMode\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.JSInterop\n@using Net8.BlazorAutoGlobal.Client\n@using BlazorBootstrap;\n")),(0,a.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">@Body</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    Sidebar sidebar;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n                   {\n                       new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n                       new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n                       new NavItem { Id = "3", Href = "/weather", IconName = IconName.Table, Text = "Fetch Data"},\n                   };\n\n        return navItems;\n    }\n}\n\n<div id="blazor-error-ui">\n    An unhandled error has occurred.\n    <a href="" class="reload">Reload</a>\n    <a class="dismiss">\ud83d\uddd9</a>\n</div>\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/b1dc83d9.6a9a5414.js b/assets/js/b1dc83d9.3be33801.js
similarity index 83%
rename from assets/js/b1dc83d9.6a9a5414.js
rename to assets/js/b1dc83d9.3be33801.js
index 86d620e41..cf2c34899 100644
--- a/assets/js/b1dc83d9.6a9a5414.js
+++ b/assets/js/b1dc83d9.3be33801.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[10794],{83055:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap/page/5","page":5,"postsPerPage":10,"totalPages":7,"totalCount":61,"previousPage":"/blog/tags/blazorbootstrap/page/4","nextPage":"/blog/tags/blazorbootstrap/page/6","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[10794],{83055:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap/page/5","page":5,"postsPerPage":10,"totalPages":7,"totalCount":62,"previousPage":"/blog/tags/blazorbootstrap/page/4","nextPage":"/blog/tags/blazorbootstrap/page/6","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/b2b675dd.9d01e583.js b/assets/js/b2b675dd.6ba19635.js
similarity index 77%
rename from assets/js/b2b675dd.9d01e583.js
rename to assets/js/b2b675dd.6ba19635.js
index 57be98bd0..d3728b33c 100644
--- a/assets/js/b2b675dd.9d01e583.js
+++ b/assets/js/b2b675dd.6ba19635.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[90533],{28017:o=>{o.exports=JSON.parse('{"permalink":"/blog","page":1,"postsPerPage":10,"totalPages":7,"totalCount":62,"nextPage":"/blog/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[90533],{28017:o=>{o.exports=JSON.parse('{"permalink":"/blog","page":1,"postsPerPage":10,"totalPages":7,"totalCount":63,"nextPage":"/blog/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/b2f554cd.037d909d.js b/assets/js/b2f554cd.037d909d.js
deleted file mode 100644
index abbc8856d..000000000
--- a/assets/js/b2f554cd.037d909d.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[11477],{30010:t=>{t.exports=JSON.parse('{"blogPosts":[{"id":"/2024/06/08/blazorbootstrap-3.0.0-preview.1","metadata":{"permalink":"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md","source":"@site/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md","title":"Blazor Bootstrap v3.0.0-preview.1","description":"We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!","date":"2024-06-08T00:00:00.000Z","formattedDate":"June 8, 2024","tags":[{"label":"v3.0.0","permalink":"/blog/tags/v-3-0-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"accordion","permalink":"/blog/tags/accordion"},{"label":"button","permalink":"/blog/tags/button"},{"label":"callout","permalink":"/blog/tags/callout"},{"label":"dropdown","permalink":"/blog/tags/dropdown"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"ribbon","permalink":"/blog/tags/ribbon"},{"label":"tab","permalink":"/blog/tags/tab"},{"label":"sidebar","permalink":"/blog/tags/sidebar"},{"label":"sidebar2","permalink":"/blog/tags/sidebar-2"}],"readingTime":1.23,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v3.0.0-preview.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v3.0.0","blazor","bootstrap","blazorbootstrap","accordion","button","callout","dropdown","grid","modal","ribbon","tab","sidebar","sidebar2"]},"nextItem":{"title":"Blazor Bootstrap v2.2.1","permalink":"/blog/2024/04/21/blazorbootstrap-2.2.1"}},"content":"We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!\\n\\n![image](https://i.imgur.com/XG4Wv17.png \\"Blazor Bootstrap: Grid Component - Column class\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Chart` components\\n  - Tick configuration support added\\n  - Grid configuration support added\\n\\n- `Grid` component\\n  - New parameter **FilterButtonColor** added to change the filter button color.\\n  - New parameter **FilterButtonCSSClass** added to apply custom CSS classes.\\n  - Grid filters - Supports `DoesNotContain` filter.\\n  - Grid filters - **Enum** support added.\\n  - Grid filters - **Guid** support added.\\n\\n- `Modal` component\\n  - Bootstrtap 5.3.3 fixes: Modal close button alignment issue fixed. \\n\\n- `Sidebar` component\\n  - **Href** parameter added.\\n\\n- `Sidebar2` component\\n  - **Href** parameter added.\\n\\n- BlazorBootstrtap component library targets .NET 6 and .NET 8 frameworks.\\n\\n- Demos & Docs updated.\\n\\n## Breaking changes\\n\\n- `AccordionItem`\\n  - **IsActive** parameter renamed to **Active**.\\n\\n- `Button`\\n  - **Size**\'s parameter data type changed from **Size** to **ButtonSize**.\\n\\n- `Callout`\\n  - **Type** parameter changed to **Color**.\\n\\n- `Dropdown`\\n  - Set the dropdown color on `Dropdown` component only instead of setting on the `DropdownActionButton` and `DropdownToggleButton`.\\n  - **Size**\'s parameter data type changed from **Size** to **DropdownSize**.\\n\\n- `DropdownActionButton`\\n  - **Color** parameter removed.\\n\\n- `DropdownToggleButton`\\n  - **Color** parameter removed.\\n\\n- `DropdownItem`\\n  - **Type**\'s parameter data type changed from **ButtonType** to **DropdownItemType**.\\n\\n- `RibbonTab`\\n  - **IsActive** parameter renamed to **Active**.\\n\\n- `Tab`\\n  - **IsActive** parameter renamed to **Active**.\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)"},{"id":"/2024/04/21/blazorbootstrap-2.2.1","metadata":{"permalink":"/blog/2024/04/21/blazorbootstrap-2.2.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-04-21-blazorbootstrap-2.2.1.md","source":"@site/blog/2024-04-21-blazorbootstrap-2.2.1.md","title":"Blazor Bootstrap v2.2.1","description":"We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!","date":"2024-04-21T00:00:00.000Z","formattedDate":"April 21, 2024","tags":[{"label":"v2.2.1","permalink":"/blog/tags/v-2-2-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"confirmdialog","permalink":"/blog/tags/confirmdialog"},{"label":"grid","permalink":"/blog/tags/grid"}],"readingTime":0.3,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v2.2.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v2.2.1","blazor","bootstrap","blazorbootstrap","confirmdialog","grid"]},"prevItem":{"title":"Blazor Bootstrap v3.0.0-preview.1","permalink":"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"},"nextItem":{"title":"Blazor Bootstrap v2.2.0","permalink":"/blog/2024/04/14/blazorbootstrap-2.2.0"}},"content":"We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!\\n\\n![image](https://i.imgur.com/XG4Wv17.png \\"Blazor Bootstrap: Grid Component - Column class\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `ConfirmDialog` component\\n\\n- `Grid` component\\n\\n- Demos - Upgraded to .NET 8\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)"},{"id":"/2024/04/14/blazorbootstrap-2.2.0","metadata":{"permalink":"/blog/2024/04/14/blazorbootstrap-2.2.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-04-14-blazorbootstrap-2.2.0.md","source":"@site/blog/2024-04-14-blazorbootstrap-2.2.0.md","title":"Blazor Bootstrap v2.2.0","description":"We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!","date":"2024-04-14T00:00:00.000Z","formattedDate":"April 14, 2024","tags":[{"label":"v2.2.0","permalink":"/blog/tags/v-2-2-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"confirmdialog","permalink":"/blog/tags/confirmdialog"},{"label":"pdfviewer","permalink":"/blog/tags/pdfviewer"},{"label":"Ribbon","permalink":"/blog/tags/ribbon"},{"label":"sortablelist","permalink":"/blog/tags/sortablelist"},{"label":"tabs","permalink":"/blog/tags/tabs"}],"readingTime":0.315,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v2.2.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v2.2.0","blazor","bootstrap","bootstrap5","blazorbootstrap","confirmdialog","pdfviewer","Ribbon","sortablelist","tabs"]},"prevItem":{"title":"Blazor Bootstrap v2.2.1","permalink":"/blog/2024/04/21/blazorbootstrap-2.2.1"},"nextItem":{"title":"Blazor Bootstrap v2.1.0","permalink":"/blog/2024/03/17/blazorbootstrap-2.1.0"}},"content":"We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!\\n\\n![image](https://i.imgur.com/LpZVLbF.png \\"Blazor Bootstrap: Ribbon Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s New\\n\\n- `Ribbon` component\\n\\n- `SortableList` component\\n\\n## What\'s changed\\n\\n- `ConfirmDialog` component\\n\\n- `Grid` component\\n\\n- `PdfViewer` component\\n\\n- `Tabs` component\\n\\n- Documentation & Demos\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)"},{"id":"/2024/03/17/blazorbootstrap-2.1.0","metadata":{"permalink":"/blog/2024/03/17/blazorbootstrap-2.1.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-03-17-blazorbootstrap-2.1.0.md","source":"@site/blog/2024-03-17-blazorbootstrap-2.1.0.md","title":"Blazor Bootstrap v2.1.0","description":"We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!","date":"2024-03-17T00:00:00.000Z","formattedDate":"March 17, 2024","tags":[{"label":"v2.1.0","permalink":"/blog/tags/v-2-1-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"barchart","permalink":"/blog/tags/barchart"},{"label":"callout","permalink":"/blog/tags/callout"},{"label":"currencyinput","permalink":"/blog/tags/currencyinput"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"numberinput","permalink":"/blog/tags/numberinput"},{"label":"pdfviewer","permalink":"/blog/tags/pdfviewer"},{"label":"rangeinput","permalink":"/blog/tags/rangeinput"},{"label":"sidebar2","permalink":"/blog/tags/sidebar-2"},{"label":"tooltip","permalink":"/blog/tags/tooltip"}],"readingTime":0.35,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v2.1.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v2.1.0","blazor","bootstrap","bootstrap5","blazorbootstrap","barchart","callout","currencyinput","grid","numberinput","pdfviewer","rangeinput","sidebar2","tooltip"]},"prevItem":{"title":"Blazor Bootstrap v2.2.0","permalink":"/blog/2024/04/14/blazorbootstrap-2.2.0"},"nextItem":{"title":"Blazor Bootstrap v2.0.0","permalink":"/blog/2024/02/25/blazorbootstrap-2.0.0"}},"content":"We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!\\n\\n![image](https://i.imgur.com/vs8kl7G.png \\"Blazor Bootstrap: Sidebar2 Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s New\\n\\n- `Sidebar2` component\\n\\n## What\'s changed\\n\\n- `BarChart` component\\n\\n- `Callout` component\\n\\n- `CurrencyInput` component\\n\\n- `Grid` component\\n\\n- `NumberInput` component\\n\\n- `PdfViewer` component\\n\\n- `RangeInput` component\\n\\n- `Tooltip` component\\n\\n- Documentation & Demos\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)"},{"id":"/2024/02/25/blazorbootstrap-2.0.0","metadata":{"permalink":"/blog/2024/02/25/blazorbootstrap-2.0.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-25-blazorbootstrap-2.0.0.md","source":"@site/blog/2024-02-25-blazorbootstrap-2.0.0.md","title":"Blazor Bootstrap v2.0.0","description":"We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!","date":"2024-02-25T00:00:00.000Z","formattedDate":"February 25, 2024","tags":[{"label":"v2.0.0","permalink":"/blog/tags/v-2-0-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"button","permalink":"/blog/tags/button"},{"label":"callout","permalink":"/blog/tags/callout"},{"label":"clipboard","permalink":"/blog/tags/clipboard"},{"label":"spinner","permalink":"/blog/tags/spinner"}],"readingTime":0.34,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v2.0.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v2.0.0","blazor","bootstrap","bootstrap5","blazorbootstrap","button","callout","clipboard","spinner"]},"prevItem":{"title":"Blazor Bootstrap v2.1.0","permalink":"/blog/2024/03/17/blazorbootstrap-2.1.0"},"nextItem":{"title":"Upgrade to v2.x.x","permalink":"/blog/2024/02/25/upgrade-to-v2.0.0"}},"content":"We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!\\n\\n![image](https://i.imgur.com/bJwpAFS.png \\"Blazor Bootstrap: Spinner Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s New\\n\\n- `Spinner` component\\n\\n## What\'s changed\\n\\n- We have made improvements to the base components\\n\\n- `Button` component\\n\\n- `Callout` component\\n\\n- Documentation: clipboard support added\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Chart Components Documentation](https://getblazorbootstrap.com/docs/components/charts)"},{"id":"/2024/02/25/upgrade-to-v2.0.0","metadata":{"permalink":"/blog/2024/02/25/upgrade-to-v2.0.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-25-upgrade-to-v2.0.0.md","source":"@site/blog/2024-02-25-upgrade-to-v2.0.0.md","title":"Upgrade to v2.x.x","description":"Recommendation","date":"2024-02-25T00:00:00.000Z","formattedDate":"February 25, 2024","tags":[],"readingTime":0.84,"hasTruncateMarker":false,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Upgrade to v2.x.x","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}},"prevItem":{"title":"Blazor Bootstrap v2.0.0","permalink":"/blog/2024/02/25/blazorbootstrap-2.0.0"},"nextItem":{"title":"Blazor Bootstrap v1.11.0","permalink":"/blog/2024/02/04/blazorbootstrap-1.11.0"}},"content":"### Recommendation\\n\\nWe strongly recommend all `BlazorBootstrap` users migrate to version **2.x.x**.\\n\\nIf you are using version `1.x.x` for non-commercial purposes, you may continue using them, but upgrading to version `2.x.x` is strongly recommended.\\n\\nIf you are using version `1.x.x` for commercial purposes, you are no longer permitted to do so due to code usage concerns regarding Blazorise\'s ClassBuilder and StyleBuilder classes.\\n\\n### Background of ClassBuilder & StyleBuilder References\\n\\nIn March 2021, we created a component library proof-of-concept (POC) using `ClassBuilder` and `StyleBuilder` from Blazorise. At that time, Blazorise was under the MIT license. We inadvertently neglected to re-verify the Blazorise project\'s license later.\\n\\nOn February 12th, 2024, Blazorise contacted us regarding a potential licensing concern with both `ClassBuilder` and `StyleBuilder` classes. We respect Blazorise\'s dedication to open-source software and responsible licensing.\\n\\nWe have now removed all references to ClassBuilder and StyleBuilder from our codebase.\\n\\n:::danger IMPORTANT\\nIf you wish to continue using version `1.x.x` for commercial purposes, please reach out to the Blazorise team for licensing.\\n:::"},{"id":"/2024/02/04/blazorbootstrap-1.11.0","metadata":{"permalink":"/blog/2024/02/04/blazorbootstrap-1.11.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-04-blazorbootstrap-1.11.0.md","source":"@site/blog/2024-02-04-blazorbootstrap-1.11.0.md","title":"Blazor Bootstrap v1.11.0","description":"We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.","date":"2024-02-04T00:00:00.000Z","formattedDate":"February 4, 2024","tags":[{"label":"v1.11.0","permalink":"/blog/tags/v-1-11-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"badge","permalink":"/blog/tags/badge"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"pdfviewer","permalink":"/blog/tags/pdfviewer"},{"label":"rangeinput","permalink":"/blog/tags/rangeinput"},{"label":"scriptloader","permalink":"/blog/tags/scriptloader"},{"label":"tabs","permalink":"/blog/tags/tabs"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":1.015,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.11.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.11.0","blazor","bootstrap","bootstrap5","blazorbootstrap","autocomplete","badge","grid","pdfviewer","rangeinput","scriptloader","tabs","docs"]},"prevItem":{"title":"Upgrade to v2.x.x","permalink":"/blog/2024/02/25/upgrade-to-v2.0.0"},"nextItem":{"title":"Blazor Bootstrap v1.11.1","permalink":"/blog/2024/02/04/blazorbootstrap-1.11.1"}},"content":"We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.\\n\\n![image](https://i.imgur.com/7Vz9Efi.png \\"Blazor Bootstrap: PDF Viewer Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s New\\n\\n- `PDF Viewer` component\\n  - Allows users to view PDF files directly in the browser, eliminating the need for third-party browser tools or extensions.\\n  - Supports two callback events: OnDocumentLoaded and OnPageChanged\\n- `Range Input` component\\n  - Disabled\\n  - Min and Max\\n  - Step\\n  - Tick marks\\n- `Script Loader` component\\n  - Allows users to load JS sctipt files dynamically on the fly.\\n\\n## What\'s changed\\n\\n- `Auto Complete` component\\n  - AutoComplete dispose issue [#527](https://github.com/vikramlearning/blazorbootstrap/pull/527)\\n\\n- `Badge` component\\n  - Badge: Demos update [#497](https://github.com/vikramlearning/blazorbootstrap/pull/497)\\n\\n- `Grid` component\\n  - GGrid: Filters - Support string NotEqual [#486](https://github.com/vikramlearning/blazorbootstrap/issues/486)\\n\\n- `Tabs` component\\n  - Dynamic Tabs [#538](https://github.com/vikramlearning/blazorbootstrap/pull/538)\\n  - Vertical Tabs [#533](https://github.com/vikramlearning/blazorbootstrap/pull/533)\\n  - Vertical Pills Tabs[#533](https://github.com/vikramlearning/blazorbootstrap/pull/533)\\n  - Vertical Underline Tabs[#533](https://github.com/vikramlearning/blazorbootstrap/pull/533)\\n  - Underline Tabs[#533](https://github.com/vikramlearning/blazorbootstrap/pull/533)\\n  - Tab: OnClick call back event [#543](https://github.com/vikramlearning/blazorbootstrap/pull/543)\\n\\n- Other updates\\n  - Upgrade bootstrap version to 5.3.2 [#498](https://github.com/vikramlearning/blazorbootstrap/pull/498)\\n  - Fix build warnings [#534](https://github.com/vikramlearning/blazorbootstrap/pull/534)\\n  - Nuget update [#520](https://github.com/vikramlearning/blazorbootstrap/pull/520)\\n  - Update docs to Bootstrap Icons 1.11.3 [#541](https://github.com/vikramlearning/blazorbootstrap/pull/541)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Documentation](https://docs.blazorbootstrap.com/)"},{"id":"/2024/02/04/blazorbootstrap-1.11.1","metadata":{"permalink":"/blog/2024/02/04/blazorbootstrap-1.11.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-04-blazorbootstrap-1.11.1.md","source":"@site/blog/2024-02-04-blazorbootstrap-1.11.1.md","title":"Blazor Bootstrap v1.11.1","description":"We are excited to release 1.11.1 with PDF Viewer updates!!!","date":"2024-02-04T00:00:00.000Z","formattedDate":"February 4, 2024","tags":[{"label":"v1.11.1","permalink":"/blog/tags/v-1-11-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"pdfviewer","permalink":"/blog/tags/pdfviewer"}],"readingTime":0.3,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.11.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.11.1","blazor","bootstrap","bootstrap5","blazorbootstrap","pdfviewer"]},"prevItem":{"title":"Blazor Bootstrap v1.11.0","permalink":"/blog/2024/02/04/blazorbootstrap-1.11.0"},"nextItem":{"title":"Blazor Bootstrap v1.10.5","permalink":"/blog/2024/01/01/blazorbootstrap-1.10.5"}},"content":"We are excited to release 1.11.1 with PDF Viewer updates!!!\\n\\n![image](https://i.imgur.com/7Vz9Efi.png \\"Blazor Bootstrap: PDF Viewer Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- We have made improvements to the base components\\n\\n- `PDF Viewer` component\\n  - PDF Viewer JS call issue fixed. [#547](https://github.com/vikramlearning/blazorbootstrap/pull/547)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Chart Components Documentation](https://getblazorbootstrap.com/docs/components/charts)"},{"id":"/2024/01/01/blazorbootstrap-1.10.5","metadata":{"permalink":"/blog/2024/01/01/blazorbootstrap-1.10.5","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-01-01-blazorbootstrap-1.10.5.md","source":"@site/blog/2024-01-01-blazorbootstrap-1.10.5.md","title":"Blazor Bootstrap v1.10.5","description":"We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!","date":"2024-01-01T00:00:00.000Z","formattedDate":"January 1, 2024","tags":[{"label":"v1.10.5","permalink":"/blog/tags/v-1-10-5"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"accordion","permalink":"/blog/tags/accordion"},{"label":"charts","permalink":"/blog/tags/charts"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"toast","permalink":"/blog/tags/toast"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":0.815,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.10.5","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.10.5","blazor","bootstrap","bootstrap5","blazorbootstrap","accordion","charts","grid","modal","toast","docs"]},"prevItem":{"title":"Blazor Bootstrap v1.11.1","permalink":"/blog/2024/02/04/blazorbootstrap-1.11.1"},"nextItem":{"title":"Blazor Bootstrap v1.10.4","permalink":"/blog/2023/11/18/blazorbootstrap-1.10.4"}},"content":"We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!\\n\\n![image](https://i.imgur.com/GzXuQep.png \\"Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Accordion` component\\n  - Accordion: Add hide methods to Accordion [#473](https://github.com/vikramlearning/blazorbootstrap/pull/473)\\n  - Accordion: Add Accordion show/hide all methods [476](https://github.com/vikramlearning/blazorbootstrap/pull/476)\\n\\n- `Chart` component\\n  - Charts: How to change legend position in chat [#484](https://github.com/vikramlearning/blazorbootstrap/pull/484)\\n\\n- `Grid` component\\n  - Grid: Docs update [#478](https://github.com/vikramlearning/blazorbootstrap/pull/478)\\n  - Grid: PageSizeSelector dropdown is default to smallest value [#482](https://github.com/vikramlearning/blazorbootstrap/pull/482)\\n  - Grid: Auto hide paginations on few elements [#483](https://github.com/vikramlearning/blazorbootstrap/pull/483)\\n\\n- `Modal` component\\n  - Modal: Throws Error on Navigating Away in .NET 8 [#468](https://github.com/vikramlearning/blazorbootstrap/pull/468)\\n\\n- `Toast` component\\n  - Toast: Dispose issue [#488](https://github.com/vikramlearning/blazorbootstrap/pull/488)\\n\\n- Docs updates\\n  - Docs: Fixed typo [#438](https://github.com/vikramlearning/blazorbootstrap/pull/438)\\n  - Docs: Getting Started Docs - .NET 8 - Web Assembly & Web App - Server - Global [#458](https://github.com/vikramlearning/blazorbootstrap/pull/458)\\n  - Docs: Getting Started Docs update [#462](https://github.com/vikramlearning/blazorbootstrap/pull/462)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Documentation](https://docs.blazorbootstrap.com/)"},{"id":"/2023/11/18/blazorbootstrap-1.10.4","metadata":{"permalink":"/blog/2023/11/18/blazorbootstrap-1.10.4","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-11-18-blazorbootstrap-1.10.4.md","source":"@site/blog/2023-11-18-blazorbootstrap-1.10.4.md","title":"Blazor Bootstrap v1.10.4","description":"We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!","date":"2023-11-18T00:00:00.000Z","formattedDate":"November 18, 2023","tags":[{"label":"v1.10.4","permalink":"/blog/tags/v-1-10-4"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"preload","permalink":"/blog/tags/preload"},{"label":"switch","permalink":"/blog/tags/switch"},{"label":"charts","permalink":"/blog/tags/charts"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":0.525,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.10.4","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.10.4","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","preload","switch","charts","modal","docs"]},"prevItem":{"title":"Blazor Bootstrap v1.10.5","permalink":"/blog/2024/01/01/blazorbootstrap-1.10.5"},"nextItem":{"title":"Blazor Bootstrap v1.10.3","permalink":"/blog/2023/10/15/blazorbootstrap-1.10.3"}},"content":"We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!\\n\\n![image](https://i.imgur.com/GzXuQep.png \\"Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Grid: Freeze Columns Support [#246](https://github.com/vikramlearning/blazorbootstrap/issues/246)\\n\\n- `Preload` component\\n  - Preload: Add text to preload component [#414](https://github.com/vikramlearning/blazorbootstrap/issues/414)\\n\\n- `Switch` component\\n  - Switch: Double click on switch selects the label [#401](https://github.com/vikramlearning/blazorbootstrap/issues/401)\\n\\n- `Charts` component\\n  - Chart size updates [#384](https://github.com/vikramlearning/blazorbootstrap/pull/384)\\n\\n- `Modal` component\\n  - Pressing Esc still closes the modal even with UseStaticBackdrop=\\"true\\" [#416](https://github.com/vikramlearning/blazorbootstrap/issues/416)\\n\\n- Docs updates\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Documentation](https://docs.blazorbootstrap.com/)"},{"id":"/2023/10/15/blazorbootstrap-1.10.3","metadata":{"permalink":"/blog/2023/10/15/blazorbootstrap-1.10.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-10-15-blazorbootstrap-1.10.3.md","source":"@site/blog/2023-10-15-blazorbootstrap-1.10.3.md","title":"Blazor Bootstrap v1.10.3","description":"We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!","date":"2023-10-15T00:00:00.000Z","formattedDate":"October 15, 2023","tags":[{"label":"v1.10.3","permalink":"/blog/tags/v-1-10-3"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"dropdown","permalink":"/blog/tags/dropdown"},{"label":"blazordropdown","permalink":"/blog/tags/blazordropdown"},{"label":"icon","permalink":"/blog/tags/icon"},{"label":"blazoricon","permalink":"/blog/tags/blazoricon"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":0.435,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.10.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.10.3","blazor","bootstrap","bootstrap5","blazorbootstrap","dropdown","blazordropdown","icon","blazoricon","docs"]},"prevItem":{"title":"Blazor Bootstrap v1.10.4","permalink":"/blog/2023/11/18/blazorbootstrap-1.10.4"},"nextItem":{"title":"Blazor Bootstrap v1.10.2","permalink":"/blog/2023/09/15/blazorbootstrap-1.10.2"}},"content":"We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!\\n\\n![image](https://i.imgur.com/QRgyrZK.png \\"Blazor Bootstrap: Gird Component - Fixed header\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Grid: Fixed Header Support [#53](https://github.com/vikramlearning/blazorbootstrap/issues/53)\\n\\n- `Dropdown` component\\n  - Add feature to disable Dropdown [#373](https://github.com/vikramlearning/blazorbootstrap/issues/373)\\n\\n- `Icon` component\\n  - Sizing for icons in buttons is strange [#346](https://github.com/vikramlearning/blazorbootstrap/issues/346)\\n\\n- `Sidebar` component\\n  - Sidebar: Add option to space items [#276](https://github.com/vikramlearning/blazorbootstrap/issues/276)\\n\\n- Docs updates\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Documentation](https://docs.blazorbootstrap.com/)"},{"id":"/2023/09/15/blazorbootstrap-1.10.2","metadata":{"permalink":"/blog/2023/09/15/blazorbootstrap-1.10.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-09-15-blazorbootstrap-1.10.2.md","source":"@site/blog/2023-09-15-blazorbootstrap-1.10.2.md","title":"Blazor Bootstrap v1.10.2","description":"We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!","date":"2023-09-15T00:00:00.000Z","formattedDate":"September 15, 2023","tags":[{"label":"v1.10.2","permalink":"/blog/tags/v-1-10-2"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"blazorautocomplete","permalink":"/blog/tags/blazorautocomplete"},{"label":"confirmdialog","permalink":"/blog/tags/confirmdialog"},{"label":"blazorconfirmdialog","permalink":"/blog/tags/blazorconfirmdialog"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"},{"label":"modalservice","permalink":"/blog/tags/modalservice"},{"label":"tooltip","permalink":"/blog/tags/tooltip"},{"label":"blazortooltip","permalink":"/blog/tags/blazortooltip"},{"label":"sidebar","permalink":"/blog/tags/sidebar"},{"label":"blazorsidebar","permalink":"/blog/tags/blazorsidebar"},{"label":"chart","permalink":"/blog/tags/chart"},{"label":"blazorchart","permalink":"/blog/tags/blazorchart"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":0.66,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.10.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.10.2","blazor","bootstrap","bootstrap5","blazorbootstrap","autocomplete","blazorautocomplete","confirmdialog","blazorconfirmdialog","modal","blazormodal","modalservice","tooltip","blazortooltip","sidebar","blazorsidebar","chart","blazorchart","docs"]},"prevItem":{"title":"Blazor Bootstrap v1.10.3","permalink":"/blog/2023/10/15/blazorbootstrap-1.10.3"},"nextItem":{"title":"Blazor Bootstrap v1.10.1","permalink":"/blog/2023/08/29/blazorbootstrap-1.10.1"}},"content":"We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!\\n\\n![image](https://i.imgur.com/xEPhAsW.png \\"Blazor Bootstrap: Doughnut Chart Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `AutoComplete` component\\n  - Autocomplete shows \\"No Records Found\\" Before Search is finished [#352](https://github.com/vikramlearning/blazorbootstrap/issues/352)\\n\\n- `Confirm Dialog` component\\n  - Confirm Dialog - No fade animation [#334](https://github.com/vikramlearning/blazorbootstrap/issues/334)\\n\\n- `Modal Service`\\n  - Callback support has been added\\n\\n- `Tooltip` component\\n  - Dispose issue fixed [#327](https://github.com/vikramlearning/blazorbootstrap/issues/327)\\n\\n- `Sidebar` component\\n  - Sidebar should close automatically on mobile [#274](https://github.com/vikramlearning/blazorbootstrap/issues/274)\\n\\n- We have made improvements to all the charts to support data labels [#317](https://github.com/vikramlearning/blazorbootstrap/issues/317)\\n  - `Bar Chart`, `Doughnut Chart`,  `Line Chart`, and `Pie Chart`\\n\\n- MAUI Blazor App - Getting started docs added\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Chart Components Documentation](https://getblazorbootstrap.com/docs/components/charts)"},{"id":"/2023/08/29/blazorbootstrap-1.10.1","metadata":{"permalink":"/blog/2023/08/29/blazorbootstrap-1.10.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-08-29-blazorbootstrap-1.10.1.md","source":"@site/blog/2023-08-29-blazorbootstrap-1.10.1.md","title":"Blazor Bootstrap v1.10.1","description":"We are excited to release 1.10.1 with base component improvements and chart updates!!!","date":"2023-08-29T00:00:00.000Z","formattedDate":"August 29, 2023","tags":[{"label":"v1.10.1","permalink":"/blog/tags/v-1-10-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"}],"readingTime":0.39,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.10.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.10.1","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid"]},"prevItem":{"title":"Blazor Bootstrap v1.10.2","permalink":"/blog/2023/09/15/blazorbootstrap-1.10.2"},"nextItem":{"title":"Blazor Bootstrap v1.10.0","permalink":"/blog/2023/08/13/blazorbootstrap-1.10.0"}},"content":"We are excited to release 1.10.1 with base component improvements and chart updates!!!\\n\\n![image](https://i.imgur.com/jMIvDFZ.png \\"Blazor Bootstrap: BarChart Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- We have made improvements to the base components\\n\\n- `Bar Chart` component\\n  - UpdateAsync method\\n\\n- `Doughnut Chart` component\\n  - UpdateAsync method\\n\\n- `Line Chart` component\\n  - UpdateAsync method\\n\\n- `Pie Chart` component\\n  - UpdateAsync method\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Chart Components Documentation](https://getblazorbootstrap.com/docs/components/charts)"},{"id":"/2023/08/13/blazorbootstrap-1.10.0","metadata":{"permalink":"/blog/2023/08/13/blazorbootstrap-1.10.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-08-13-blazorbootstrap-1.10.0.md","source":"@site/blog/2023-08-13-blazorbootstrap-1.10.0.md","title":"Blazor Bootstrap v1.10.0","description":"We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!","date":"2023-08-13T00:00:00.000Z","formattedDate":"August 13, 2023","tags":[{"label":"v1.10.0","permalink":"/blog/tags/v-1-10-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"}],"readingTime":1.22,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.10.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.10.0","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid"]},"prevItem":{"title":"Blazor Bootstrap v1.10.1","permalink":"/blog/2023/08/29/blazorbootstrap-1.10.1"},"nextItem":{"title":"Blazor Bootstrap v1.9.5","permalink":"/blog/2023/07/16/blazorbootstrap-1.9.5"}},"content":"We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!\\n\\n![image](https://i.imgur.com/qH7G1ZT.png \\"Blazor Bootstrap: Grid Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s New\\n\\n- `Dropdown` Component\\n  - Single button\\n  - Multiple colors\\n  - Split button\\n  - Sizing\\n  - Directions (Dropup, Dropup centered, Dropend, and Dropstart)\\n  - Active\\n  - Disabled\\n  - Menu content (Header, Dividers, Text, and Forms)\\n  - Auto close behavior\\n\\n- `Card` Component\\n  - Content types (Body, Titles, text, and links)\\n  - Images\\n  - List groups\\n  - Header and footer\\n  - Sizing\\n  - Text alignment\\n  - Background and color\\n  - Card groups\\n  - Card groups with footer\\n\\n## What\'s changed\\n\\n- `Bar Chart` component\\n  - New AddDataSetAsync and AddAsync methods\\n\\n- `Doughnut Chart` component\\n  - New AddDataSetAsync and AddAsync methods\\n\\n- `Line Chart` component\\n  - New AddDataSetAsync and AddAsync methods\\n\\n- `Pie Chart` component\\n  - New AddDataSetAsync and AddAsync methods\\n\\n- `Grid` component\\n  - Grid: Filters translation support [#292](https://github.com/vikramlearning/blazorbootstrap/issues/292)\\n  \\n- `Button` component\\n  - Tooltip color support added\\n\\n- `Tooltip` component\\n  - Tooltip color support added\\n  - Tooltip on button problem [#296](https://github.com/vikramlearning/blazorbootstrap/issues/296)\\n\\n- `Switch` component\\n  -  Switch is invoking EditContext OnFieldChanged even the change was not from UI [#297](https://github.com/vikramlearning/blazorbootstrap/issues/297)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Card Component Documentation](https://getblazorbootstrap.com/docs/components/card)\\n- [Blazor Dropdown Component Documentation](https://getblazorbootstrap.com/docs/components/dropdown)\\n- [Blazor Chart Components Documentation](https://getblazorbootstrap.com/docs/components/charts)\\n- [Blazor Grid Component Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor Button Component Documentation](https://getblazorbootstrap.com/docs/forms/buttons)\\n- [Blazor Tooltip Component Documentation](https://getblazorbootstrap.com/docs/forms/tooltips)\\n- [Blazor Switch Component Documentation](https://getblazorbootstrap.com/docs/forms/switch)"},{"id":"/2023/07/16/blazorbootstrap-1.9.5","metadata":{"permalink":"/blog/2023/07/16/blazorbootstrap-1.9.5","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-16-blazorbootstrap-1.9.5.md","source":"@site/blog/2023-07-16-blazorbootstrap-1.9.5.md","title":"Blazor Bootstrap v1.9.5","description":"We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!","date":"2023-07-16T00:00:00.000Z","formattedDate":"July 16, 2023","tags":[{"label":"v1.9.5","permalink":"/blog/tags/v-1-9-5"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"timeinput","permalink":"/blog/tags/timeinput"},{"label":"blazortimeinput","permalink":"/blog/tags/blazortimeinput"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"}],"readingTime":0.775,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.9.5","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.9.5","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid","timeinput","blazortimeinput","modal","blazormodal"]},"prevItem":{"title":"Blazor Bootstrap v1.10.0","permalink":"/blog/2023/08/13/blazorbootstrap-1.10.0"},"nextItem":{"title":"Blazor Bootstrap v1.9.4","permalink":"/blog/2023/07/05/blazorbootstrap-1.9.4"}},"content":"We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!\\n\\n![image](https://i.imgur.com/qH7G1ZT.png \\"Blazor Bootstrap: Grid Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - New **OnRowClick** event\\n  - New **OnRowDoubleClick** event\\n  - Grid Component: Row Click Event [#264](https://github.com/vikramlearning/blazorbootstrap/issues/264)\\n  - Grid Component - Translatable page size selector [#287](https://github.com/vikramlearning/blazorbootstrap/pull/287)\\n\\n- `TimeInput` component\\n  - TimeInput: Changing value does not work [#271](https://github.com/vikramlearning/blazorbootstrap/issues/271)\\n\\n- `Switch` component\\n  -  Switch class not applied to label [#235](https://github.com/vikramlearning/blazorbootstrap/issues/235)\\n\\n- `Modal` component\\n  - Cannot change modal type on static modals [#278](https://github.com/vikramlearning/blazorbootstrap/issues/278)\\n\\n- `Line Chart` component\\n  - Multiple of the same chart causing js exception [#283](https://github.com/vikramlearning/blazorbootstrap/issues/283)\\n\\n- `Sidebar` component\\n  - SidebarItem without childs, CustomIconName not passed to Icon [#286](https://github.com/vikramlearning/blazorbootstrap/issues/286)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Component Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor TimeInput Component Documentation](https://getblazorbootstrap.com/docs/forms/time-input)\\n- [Blazor Switch Component Documentation](https://getblazorbootstrap.com/docs/forms/switch)\\n- [Blazor Modal Component Documentation](https://getblazorbootstrap.com/docs/components/modal)\\n- [Blazor Line Chart Component Documentation](https://getblazorbootstrap.com/docs/components/charts)\\n- [Blazor Sidebar Component Documentation](https://getblazorbootstrap.com/docs/components/sidebar)"},{"id":"/2023/07/05/blazorbootstrap-1.9.4","metadata":{"permalink":"/blog/2023/07/05/blazorbootstrap-1.9.4","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-05-blazorbootstrap-1.9.4.md","source":"@site/blog/2023-07-05-blazorbootstrap-1.9.4.md","title":"Blazor Bootstrap v1.9.4","description":"We are excited to release 1.9.4 with Modal service updates!!!","date":"2023-07-05T00:00:00.000Z","formattedDate":"July 5, 2023","tags":[{"label":"v1.9.4","permalink":"/blog/tags/v-1-9-4"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"modalservice","permalink":"/blog/tags/modalservice"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"},{"label":"blazormodalservice","permalink":"/blog/tags/blazormodalservice"}],"readingTime":0.235,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.9.4","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.9.4","blazor","bootstrap","bootstrap5","blazorbootstrap","modal","modalservice","blazormodal","blazormodalservice"]},"prevItem":{"title":"Blazor Bootstrap v1.9.5","permalink":"/blog/2023/07/16/blazorbootstrap-1.9.5"},"nextItem":{"title":"Blazor Bootstrap v1.9.3","permalink":"/blog/2023/07/04/blazorbootstrap-1.9.3"}},"content":"We are excited to release 1.9.4 with Modal service updates!!!\\n\\n![image](https://i.imgur.com/vIELA4s.png \\"Blazor Bootstrap: Modal Service\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Modal` service\\n  - Blazor Modal Service problem [#265](https://github.com/vikramlearning/blazorbootstrap/issues/265)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Modal Service Documentation](https://getblazorbootstrap.com/docs/services/modal)"},{"id":"/2023/07/04/blazorbootstrap-1.9.3","metadata":{"permalink":"/blog/2023/07/04/blazorbootstrap-1.9.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-04-blazorbootstrap-1.9.3.md","source":"@site/blog/2023-07-04-blazorbootstrap-1.9.3.md","title":"Blazor Bootstrap v1.9.3","description":"We are excited to release 1.9.3 with Grid component updates!!!","date":"2023-07-04T00:00:00.000Z","formattedDate":"July 4, 2023","tags":[{"label":"v1.9.3","permalink":"/blog/tags/v-1-9-3"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"}],"readingTime":0.29,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.9.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.9.3","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid"]},"prevItem":{"title":"Blazor Bootstrap v1.9.4","permalink":"/blog/2023/07/05/blazorbootstrap-1.9.4"},"nextItem":{"title":"Blazor Bootstrap v1.9.1","permalink":"/blog/2023/06/31/blazorbootstrap-1.9.1"}},"content":"We are excited to release 1.9.3 with Grid component updates!!!\\n\\n![image](https://i.imgur.com/11SK9v4.png \\"Blazor Bootstrap: Grid Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - New `HeaderRowCssClass` parameter\\n  - New `FiltersRowCssClass` parameter\\n  - Default sorting icon to indicate the column is sortable\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2023/06/31/blazorbootstrap-1.9.1","metadata":{"permalink":"/blog/2023/06/31/blazorbootstrap-1.9.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-31-blazorbootstrap-1.9.1.md","source":"@site/blog/2023-06-31-blazorbootstrap-1.9.1.md","title":"Blazor Bootstrap v1.9.1","description":"We are excited to release 1.9.1 with Modal Service updates!!!","date":"2023-07-01T00:00:00.000Z","formattedDate":"July 1, 2023","tags":[{"label":"v1.9.1","permalink":"/blog/tags/v-1-9-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"}],"readingTime":0.235,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.9.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.9.1","blazor","bootstrap","bootstrap5","blazorbootstrap","modal","blazormodal"]},"prevItem":{"title":"Blazor Bootstrap v1.9.3","permalink":"/blog/2023/07/04/blazorbootstrap-1.9.3"},"nextItem":{"title":"Blazor Bootstrap v1.9.2","permalink":"/blog/2023/07/01/blazorbootstrap-1.9.2"}},"content":"We are excited to release 1.9.1 with Modal Service updates!!!\\n\\n![image](https://i.imgur.com/Tze7msN.png \\"Blazor Bootstrap: Modal Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Modal` service\\n  - Issue with new ModalService [#258](https://github.com/vikramlearning/blazorbootstrap/issues/258)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Modal Service Documentation](https://getblazorbootstrap.com/docs/services/modal)"},{"id":"/2023/07/01/blazorbootstrap-1.9.2","metadata":{"permalink":"/blog/2023/07/01/blazorbootstrap-1.9.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-01-blazorbootstrap-1.9.2.md","source":"@site/blog/2023-07-01-blazorbootstrap-1.9.2.md","title":"Blazor Bootstrap v1.9.2","description":"We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!","date":"2023-07-01T00:00:00.000Z","formattedDate":"July 1, 2023","tags":[{"label":"v1.9.2","permalink":"/blog/tags/v-1-9-2"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"breadcrumbservice","permalink":"/blog/tags/breadcrumbservice"},{"label":"breadcrumb","permalink":"/blog/tags/breadcrumb"},{"label":"blazorbreadcrumb","permalink":"/blog/tags/blazorbreadcrumb"},{"label":"toast","permalink":"/blog/tags/toast"},{"label":"blazortoast","permalink":"/blog/tags/blazortoast"},{"label":"toastservice","permalink":"/blog/tags/toastservice"}],"readingTime":0.305,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.9.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.9.2","blazor","bootstrap","bootstrap5","blazorbootstrap","breadcrumbservice","breadcrumb","blazorbreadcrumb","toast","blazortoast","toastservice"]},"prevItem":{"title":"Blazor Bootstrap v1.9.1","permalink":"/blog/2023/06/31/blazorbootstrap-1.9.1"},"nextItem":{"title":"Blazor Bootstrap v1.9.0","permalink":"/blog/2023/06/30/blazorbootstrap-1.9.0"}},"content":"We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!\\n\\n![image](https://i.imgur.com/W1YkmJH.png \\"Blazor Bootstrap: Toast Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s new\\n\\n- `Breadcrumb` service\\n  - Global service for the application\\n\\n## What\'s changed\\n\\n- `Toast` service\\n  - ToastService not working anymore in version 1.9.1 [#261](https://github.com/vikramlearning/blazorbootstrap/issues/261)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)"},{"id":"/2023/06/30/blazorbootstrap-1.9.0","metadata":{"permalink":"/blog/2023/06/30/blazorbootstrap-1.9.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-30-blazorbootstrap-1.9.0.md","source":"@site/blog/2023-06-30-blazorbootstrap-1.9.0.md","title":"Blazor Bootstrap v1.9.0","description":"We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!","date":"2023-06-30T00:00:00.000Z","formattedDate":"June 30, 2023","tags":[{"label":"v1.9.0","permalink":"/blog/tags/v-1-9-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"},{"label":"icon","permalink":"/blog/tags/icon"},{"label":"blazoricon","permalink":"/blog/tags/blazoricon"},{"label":"modalservice","permalink":"/blog/tags/modalservice"},{"label":"blazormodalservice","permalink":"/blog/tags/blazormodalservice"},{"label":"toasts","permalink":"/blog/tags/toasts"},{"label":"blazortoasts","permalink":"/blog/tags/blazortoasts"},{"label":"tabs","permalink":"/blog/tags/tabs"},{"label":"blazortabs","permalink":"/blog/tags/blazortabs"}],"readingTime":0.575,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.9.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.9.0","blazor","bootstrap","bootstrap5","blazorbootstrap","modal","blazormodal","icon","blazoricon","modalservice","blazormodalservice","icon","blazoricon","toasts","blazortoasts","tabs","blazortabs"]},"prevItem":{"title":"Blazor Bootstrap v1.9.2","permalink":"/blog/2023/07/01/blazorbootstrap-1.9.2"},"nextItem":{"title":"Blazor Bootstrap v1.8.3","permalink":"/blog/2023/06/16/blazorbootstrap-1.8.3"}},"content":"We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!\\n\\n![image](https://i.imgur.com/vIELA4s.png \\"Blazor Bootstrap: Modal Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s new\\n\\n- `Modal` service\\n  - Global service for the application\\n\\n## What\'s changed\\n\\n- `Modal` component\\n  - Dynamic modal title does not work when using static content [#242](https://github.com/vikramlearning/blazorbootstrap/issues/242)\\n\\n- `Icon` component\\n  - New `Color` parameter added \\n\\n- `Toasts` component\\n  - ToastService.Notify method does not have AutoHide [#238](https://github.com/vikramlearning/blazorbootstrap/issues/238)\\n\\n- `Tabs` component\\n  -  ShowTabByIndexAsync not working after OnAfterRenderAsync [#243](https://github.com/vikramlearning/blazorbootstrap/issues/243)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Modal Documentation](https://getblazorbootstrap.com/docs/components/modal)\\n- [Blazor Modal Service Documentation](https://getblazorbootstrap.com/docs/services/modal)\\n- [Blazor Icon Documentation](https://getblazorbootstrap.com/docs/content/icons)\\n- [Blazor Toasts Documentation](https://getblazorbootstrap.com/docs/components/toasts)\\n- [Blazor Tabs Documentation](https://getblazorbootstrap.com/docs/components/tabs)"},{"id":"/2023/06/16/blazorbootstrap-1.8.3","metadata":{"permalink":"/blog/2023/06/16/blazorbootstrap-1.8.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-16-blazorbootstrap-1.8.3.md","source":"@site/blog/2023-06-16-blazorbootstrap-1.8.3.md","title":"Blazor Bootstrap v1.8.3","description":"We are excited to release 1.8.3 with Grid and Progress components updates!!!","date":"2023-06-16T00:00:00.000Z","formattedDate":"June 16, 2023","tags":[{"label":"v1.8.3","permalink":"/blog/tags/v-1-8-3"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"progress","permalink":"/blog/tags/progress"},{"label":"blazorprogress","permalink":"/blog/tags/blazorprogress"}],"readingTime":0.31,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.8.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.8.3","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid","progress","blazorprogress"]},"prevItem":{"title":"Blazor Bootstrap v1.9.0","permalink":"/blog/2023/06/30/blazorbootstrap-1.9.0"},"nextItem":{"title":"Blazor Bootstrap v1.8.2","permalink":"/blog/2023/06/11/blazorbootstrap-1.8.2"}},"content":"We are excited to release 1.8.3 with Grid and Progress components updates!!!\\n\\n![image](https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f \\"Blazor Bootstrap: Grid Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Select all/none refresh problem [#217](https://github.com/vikramlearning/blazorbootstrap/issues/217)\\n\\n- `Progress` component\\n  - Progress bar grid bind problem [#229](https://github.com/vikramlearning/blazorbootstrap/issues/229)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor Progress Documentation](https://demos.blazorbootstrap.com/progress)"},{"id":"/2023/06/11/blazorbootstrap-1.8.2","metadata":{"permalink":"/blog/2023/06/11/blazorbootstrap-1.8.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-11-blazorbootstrap-1.8.2.md","source":"@site/blog/2023-06-11-blazorbootstrap-1.8.2.md","title":"Blazor Bootstrap v1.8.2","description":"We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!","date":"2023-06-11T00:00:00.000Z","formattedDate":"June 11, 2023","tags":[{"label":"v1.8.2","permalink":"/blog/tags/v-1-8-2"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"button","permalink":"/blog/tags/button"},{"label":"blazorbutton","permalink":"/blog/tags/blazorbutton"},{"label":"date","permalink":"/blog/tags/date"},{"label":"dateinput","permalink":"/blog/tags/dateinput"},{"label":"input","permalink":"/blog/tags/input"},{"label":"blazordateinput","permalink":"/blog/tags/blazordateinput"}],"readingTime":0.435,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.8.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.8.2","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid","button","blazorbutton","date","dateinput","input","blazordateinput"]},"prevItem":{"title":"Blazor Bootstrap v1.8.3","permalink":"/blog/2023/06/16/blazorbootstrap-1.8.3"},"nextItem":{"title":"Blazor Bootstrap v1.8.1","permalink":"/blog/2023/05/31/blazorbootstrap-1.8.1"}},"content":"We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!\\n\\n![image](https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f \\"Blazor Bootstrap: Grid Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Grid local filter with null strings [#227](https://github.com/vikramlearning/blazorbootstrap/issues/227)\\n  - Grid Single Select [#230](https://github.com/vikramlearning/blazorbootstrap/issues/230)\\n\\n- `Button` component\\n  - Button TooltipTitle does not disappear when clicked [#222](https://github.com/vikramlearning/blazorbootstrap/issues/222)\\n\\n- `DateInput` component\\n  - DateInput no reaction to null [#221](https://github.com/vikramlearning/blazorbootstrap/issues/221)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor Buttons Documentation](https://demos.blazorbootstrap.com/buttons)\\n- [Blazor Date Input Documentation](https://getblazorbootstrap.com/docs/forms/date-input)"},{"id":"/2023/05/31/blazorbootstrap-1.8.1","metadata":{"permalink":"/blog/2023/05/31/blazorbootstrap-1.8.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-05-31-blazorbootstrap-1.8.1.md","source":"@site/blog/2023-05-31-blazorbootstrap-1.8.1.md","title":"Blazor Bootstrap v1.8.1","description":"We are excited to release 1.8.1 with Grid and Tooltip components updates!!!","date":"2023-05-31T00:00:00.000Z","formattedDate":"May 31, 2023","tags":[{"label":"v1.8.1","permalink":"/blog/tags/v-1-8-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"tooltip","permalink":"/blog/tags/tooltip"},{"label":"blazortooltip","permalink":"/blog/tags/blazortooltip"}],"readingTime":0.46,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.8.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.8.1","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid","tooltip","blazortooltip"]},"prevItem":{"title":"Blazor Bootstrap v1.8.2","permalink":"/blog/2023/06/11/blazorbootstrap-1.8.2"},"nextItem":{"title":"Blazor Bootstrap v1.8.0","permalink":"/blog/2023/05/28/blazorbootstrap-1.8.0"}},"content":"We are excited to release 1.8.1 with Grid and Tooltip components updates!!!\\n\\n![image](https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f \\"Blazor Bootstrap: Grid Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Selection and filters both active bug [#214](https://github.com/vikramlearning/blazorbootstrap/issues/214)\\n\\n- `Tooltip` component\\n  - Tooltip does not disappear [#213](https://github.com/vikramlearning/blazorbootstrap/issues/213)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor Offcanvas Documentation](https://getblazorbootstrap.com/docs/components/offcanvas)\\n- [Blazor Auto Complete Documentation](https://getblazorbootstrap.com/docs/forms/autocomplete)\\n- [Blazor Currency Input Documentation](https://getblazorbootstrap.com/docs/forms/currency-input)\\n- [Blazor Date Input Documentation](https://getblazorbootstrap.com/docs/forms/date-input)\\n- [Blazor Number Input Documentation](https://getblazorbootstrap.com/docs/forms/number-input)\\n- [Blazor Switch Documentation](https://getblazorbootstrap.com/docs/forms/switch)\\n- [Blazor Time Input Documentation](https://getblazorbootstrap.com/docs/forms/time-input)"},{"id":"/2023/05/28/blazorbootstrap-1.8.0","metadata":{"permalink":"/blog/2023/05/28/blazorbootstrap-1.8.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-05-28-blazorbootstrap-1.8.0.md","source":"@site/blog/2023-05-28-blazorbootstrap-1.8.0.md","title":"Blazor Bootstrap v1.8.0","description":"We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!","date":"2023-05-28T00:00:00.000Z","formattedDate":"May 28, 2023","tags":[{"label":"v1.8.0","permalink":"/blog/tags/v-1-8-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"offcanvas","permalink":"/blog/tags/offcanvas"},{"label":"blazoroffcanvas","permalink":"/blog/tags/blazoroffcanvas"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"blazorautocomplete","permalink":"/blog/tags/blazorautocomplete"},{"label":"currencyinput","permalink":"/blog/tags/currencyinput"},{"label":"blazorcurrencyinput","permalink":"/blog/tags/blazorcurrencyinput"},{"label":"dateinput","permalink":"/blog/tags/dateinput"},{"label":"blazordateinput","permalink":"/blog/tags/blazordateinput"},{"label":"numberinput","permalink":"/blog/tags/numberinput"},{"label":"blazornumberinput","permalink":"/blog/tags/blazornumberinput"},{"label":"switch","permalink":"/blog/tags/switch"},{"label":"blazorswitch","permalink":"/blog/tags/blazorswitch"},{"label":"timeinput","permalink":"/blog/tags/timeinput"},{"label":"blazortimeinput","permalink":"/blog/tags/blazortimeinput"}],"readingTime":1.355,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.8.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.8.0","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid","offcanvas","blazoroffcanvas","autocomplete","blazorautocomplete","currencyinput","blazorcurrencyinput","dateinput","blazordateinput","numberinput","blazornumberinput","switch","blazorswitch","timeinput","blazortimeinput"]},"prevItem":{"title":"Blazor Bootstrap v1.8.1","permalink":"/blog/2023/05/31/blazorbootstrap-1.8.1"},"nextItem":{"title":"Blazor Bootstrap v1.7.3","permalink":"/blog/2023/04/29/blazorbootstrap-1.7.3"}},"content":"We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!\\n\\n<img src=\\"https://i.imgur.com/yzJETf8.png\\" alt=\\"Blazor Bootstrap: Grid Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Grid Selection [#179](https://github.com/vikramlearning/blazorbootstrap/issues/179)\\n\\t  - Single selection\\n\\t  - Multiple selection\\n\\t  - Disable selection\\n\\t  - Disable all rows selection\\n  - Grid Paging [#196](https://github.com/vikramlearning/blazorbootstrap/issues/196)\\n\\t  - Dynamic Page Size\\t\\t\\n\\t  - Page Size Selection\\n\\n- `Offcanvas` component\\n  - Static backdrop [#210](https://github.com/vikramlearning/blazorbootstrap/pull/210)\\n\\n- `Auto Complete` component\\n  - Disable parameter\\n\\t  - Use either the `Disable` parameter or use `Disable()` and `Enable()` methods to disable/enable the component.\\n\\t  \\n- `Currency Input` component\\n  - Disable parameter\\n\\t  - Use either the `Disable` parameter or use `Disable()` and `Enable()` methods to disable/enable the component.\\n\\n- `Date Input` component\\n  - Disable parameter\\n\\t  - Use either the `Disable` parameter or use `Disable()` and `Enable()` methods to disable/enable the component.\\n\\t  \\n- `Number Input` component\\n  - Disable parameter\\n\\t  - Use either the `Disable` parameter or use `Disable()` and `Enable()` methods to disable/enable the component.\\n\\n- `Switch` component\\n  - Disable parameter\\n\\t  - Use either the `Disable` parameter or use `Disable()` and `Enable()` methods to disable/enable the component.\\n\\t  \\n- `Time Input` component\\n  - Disable parameter\\n\\t  - Use either the `Disable` parameter or use `Disable()` and `Enable()` methods to disable/enable the component.\\n\\n- `Blazor Bootstrap Templates`\\n  - Install with .NET CLI: `dotnet new install Blazor.Bootstrap.Templates::1.8.0`\\n\\n  <img src=\\"https://user-images.githubusercontent.com/2337067/233800604-43986ae7-27dd-4f17-9af6-c2f1a6f07097.png\\" alt=\\"Blazor Bootstrap Templates\\" /> \\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor Offcanvas Documentation](https://getblazorbootstrap.com/docs/components/offcanvas)\\n- [Blazor Auto Complete Documentation](https://getblazorbootstrap.com/docs/forms/autocomplete)\\n- [Blazor Currency Input Documentation](https://getblazorbootstrap.com/docs/forms/currency-input)\\n- [Blazor Date Input Documentation](https://getblazorbootstrap.com/docs/forms/date-input)\\n- [Blazor Number Input Documentation](https://getblazorbootstrap.com/docs/forms/number-input)\\n- [Blazor Switch Documentation](https://getblazorbootstrap.com/docs/forms/switch)\\n- [Blazor Time Input Documentation](https://getblazorbootstrap.com/docs/forms/time-input)"},{"id":"/2023/04/29/blazorbootstrap-1.7.3","metadata":{"permalink":"/blog/2023/04/29/blazorbootstrap-1.7.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-29-blazorbootstrap-1.7.3.md","source":"@site/blog/2023-04-29-blazorbootstrap-1.7.3.md","title":"Blazor Bootstrap v1.7.3","description":"We are excited to release 1.7.3 with Buttons and Grid updates!!!","date":"2023-04-29T00:00:00.000Z","formattedDate":"April 29, 2023","tags":[{"label":"v1.7.3","permalink":"/blog/tags/v-1-7-3"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"buttons","permalink":"/blog/tags/buttons"},{"label":"blazorbuttons","permalink":"/blog/tags/blazorbuttons"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"}],"readingTime":0.355,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.7.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.7.3","blazor","bootstrap","bootstrap5","blazorbootstrap","buttons","blazorbuttons","grid","blazorgrid"]},"prevItem":{"title":"Blazor Bootstrap v1.8.0","permalink":"/blog/2023/05/28/blazorbootstrap-1.8.0"},"nextItem":{"title":"Blazor Bootstrap v1.7.2","permalink":"/blog/2023/04/24/blazorbootstrap-1.7.2"}},"content":"We are excited to release 1.7.3 with Buttons and Grid updates!!!\\n\\n<img src=\\"https://i.imgur.com/yeTbaNT.png\\" alt=\\"Blazor Bootstrap: Grid Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Button` component\\n  - Button - id on Button is causing Unhandled error [#194](https://github.com/vikramlearning/blazorbootstrap/issues/194)\\n\\n- `Grid` component\\n  - Grid calls DataProvider method after input\'s onchange event [#195](https://github.com/vikramlearning/blazorbootstrap/issues/195)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Buttons Documentation](https://getblazorbootstrap.com/docs/components/buttons)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2023/04/24/blazorbootstrap-1.7.2","metadata":{"permalink":"/blog/2023/04/24/blazorbootstrap-1.7.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-24-blazorbootstrap-1.7.2.md","source":"@site/blog/2023-04-24-blazorbootstrap-1.7.2.md","title":"Blazor Bootstrap v1.7.2","description":"We are excited to release 1.7.2 with Currency Input updates!!!","date":"2023-04-24T00:00:00.000Z","formattedDate":"April 24, 2023","tags":[{"label":"v1.7.2","permalink":"/blog/tags/v-1-7-2"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"currency","permalink":"/blog/tags/currency"},{"label":"currencyinput","permalink":"/blog/tags/currencyinput"},{"label":"blazorcurrencyinput","permalink":"/blog/tags/blazorcurrencyinput"}],"readingTime":0.245,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.7.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.7.2","blazor","bootstrap","bootstrap5","blazorbootstrap","currency","currencyinput","blazorcurrencyinput"]},"prevItem":{"title":"Blazor Bootstrap v1.7.3","permalink":"/blog/2023/04/29/blazorbootstrap-1.7.3"},"nextItem":{"title":"Blazor Bootstrap v1.7.1","permalink":"/blog/2023/04/19/blazorbootstrap-1.7.1"}},"content":"We are excited to release 1.7.2 with Currency Input updates!!!\\n\\n<img src=\\"https://i.imgur.com/mihpoXk.png\\" alt=\\"Blazor Bootstrap: Currency Input Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Currency Input` component\\n  - CurrencyInput InvalidOperationException [#192](https://github.com/vikramlearning/blazorbootstrap/issues/192)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Currency Input Documentation](https://getblazorbootstrap.com/docs/forms/currency-input)"},{"id":"/2023/04/19/blazorbootstrap-1.7.1","metadata":{"permalink":"/blog/2023/04/19/blazorbootstrap-1.7.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-19-blazorbootstrap-1.7.1.md","source":"@site/blog/2023-04-19-blazorbootstrap-1.7.1.md","title":"Blazor Bootstrap v1.7.1","description":"We are excited to release 1.7.1 with Auto complete and Buttons updates!!!","date":"2023-04-19T00:00:00.000Z","formattedDate":"April 19, 2023","tags":[{"label":"v1.7.1","permalink":"/blog/tags/v-1-7-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"blazorautocomplete","permalink":"/blog/tags/blazorautocomplete"},{"label":"buttons","permalink":"/blog/tags/buttons"},{"label":"blazorbuttons","permalink":"/blog/tags/blazorbuttons"}],"readingTime":0.465,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.7.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.7.1","blazor","bootstrap","bootstrap5","blazorbootstrap","autocomplete","blazorautocomplete","buttons","blazorbuttons"]},"prevItem":{"title":"Blazor Bootstrap v1.7.2","permalink":"/blog/2023/04/24/blazorbootstrap-1.7.2"},"nextItem":{"title":"Blazor Bootstrap v1.7.0","permalink":"/blog/2023/04/10/blazorbootstrap-1.7.0"}},"content":"We are excited to release 1.7.1 with Auto complete and Buttons updates!!!\\n\\n<img src=\\"https://i.imgur.com/gRcdvc0.png\\" alt=\\"Blazor Bootstrap: Accordion Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Auto Complete` component\\n  - Show Autocomplete reset button when default value set [#183](https://github.com/vikramlearning/blazorbootstrap/issues/183)\\n\\n- `Buttons` component\\n  - Button Disabled parameter doesn\'t work properly on first render in Tabs / Modal [#182](https://github.com/vikramlearning/blazorbootstrap/issues/182)\\n\\n  `CSS`\\n  - A CSS rule could be more targeted to not interfere with others [#184](https://github.com/vikramlearning/blazorbootstrap/issues/184)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Auto Complete Documentation](https://getblazorbootstrap.com/docs/forms/autocomplete)\\n- [Blazor Buttons Documentation](https://getblazorbootstrap.com/docs/components/buttons)"},{"id":"/2023/04/10/blazorbootstrap-1.7.0","metadata":{"permalink":"/blog/2023/04/10/blazorbootstrap-1.7.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-10-blazorbootstrap-1.7.0.md","source":"@site/blog/2023-04-10-blazorbootstrap-1.7.0.md","title":"Blazor Bootstrap v1.7.0","description":"We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!","date":"2023-04-10T00:00:00.000Z","formattedDate":"April 10, 2023","tags":[{"label":"v1.7.0","permalink":"/blog/tags/v-1-7-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"badge","permalink":"/blog/tags/badge"},{"label":"blazorbadge","permalink":"/blog/tags/blazorbadge"},{"label":"collapse","permalink":"/blog/tags/collapse"},{"label":"blazorcollapse","permalink":"/blog/tags/blazorcollapse"},{"label":"accordion","permalink":"/blog/tags/accordion"},{"label":"blazoraccordion","permalink":"/blog/tags/blazoraccordion"},{"label":"button","permalink":"/blog/tags/button"},{"label":"blazorbutton","permalink":"/blog/tags/blazorbutton"}],"readingTime":0.825,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.7.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.7.0","blazor","bootstrap","bootstrap5","blazorbootstrap","badge","blazorbadge","collapse","blazorcollapse","accordion","blazoraccordion","button","blazorbutton"]},"prevItem":{"title":"Blazor Bootstrap v1.7.1","permalink":"/blog/2023/04/19/blazorbootstrap-1.7.1"},"nextItem":{"title":"Blazor Bootstrap v1.6.0","permalink":"/blog/2023/03/12/blazorbootstrap-1.6.0"}},"content":"We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!\\n\\n<img src=\\"https://i.imgur.com/FkbNpZN.png\\" alt=\\"Blazor Bootstrap: Accordion Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s new\\n\\n- `Badge` component\\n  - Background colors\\n  - Pill badges\\n  - Buttons\\n  - Positioned\\n  - Generic indicator\\n\\n- `Collapse` component\\n  - Horizontal collapse\\n  - **Call back events:** OnShowing, OnShown, OnHiding, and OnHidden\\n\\n- `Accordion` component\\n  - Title with Icon\\n  - Flush\\n  - Set default active accordion item\\n  - Always open\\n  - Activate individual accordion items\\n  - **Call back events:** OnShowing, OnShown, OnHiding, and OnHidden\\n\\n## What\'s changed\\n\\n- `Buttons` component\\n  - Disable and enable state dynamically [#172](https://github.com/vikramlearning/blazorbootstrap/issues/172)\\n\\n## Documentation\\n\\n- Layout setup docs\\n  - Layout Setup - Blazor WebAssembly\\n  - Layout Setup - Blazor Server\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Badge Documentation](https://getblazorbootstrap.com/docs/components/badge)\\n- [Blazor Collapse Documentation](https://getblazorbootstrap.com/docs/components/collapse)\\n- [Blazor Accordion Documentation](https://getblazorbootstrap.com/docs/components/accordion)\\n- [Blazor Buttons Documentation](https://getblazorbootstrap.com/docs/components/buttons)\\n- [Layout Setup - Blazor WebAssembly Documentation](https://getblazorbootstrap.com/docs/layout/blazor-webassembly)\\n- [Layout Setup - Blazor Server Documentation](https://getblazorbootstrap.com/docs/layout/blazor-server)"},{"id":"/2023/03/12/blazorbootstrap-1.6.0","metadata":{"permalink":"/blog/2023/03/12/blazorbootstrap-1.6.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-03-12-blazorbootstrap-1.6.0.md","source":"@site/blog/2023-03-12-blazorbootstrap-1.6.0.md","title":"Blazor Bootstrap v1.6.0","description":"We are excited to release 1.6.0 with new TimeInput component and other updates!!!","date":"2023-03-12T00:00:00.000Z","formattedDate":"March 12, 2023","tags":[{"label":"v1.6.0","permalink":"/blog/tags/v-1-6-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"timeinput","permalink":"/blog/tags/timeinput"},{"label":"timepicker","permalink":"/blog/tags/timepicker"},{"label":"blazortimeinput","permalink":"/blog/tags/blazortimeinput"},{"label":"blazortimepicker","permalink":"/blog/tags/blazortimepicker"},{"label":"blazortime","permalink":"/blog/tags/blazortime"},{"label":"dateinput","permalink":"/blog/tags/dateinput"},{"label":"datepicker","permalink":"/blog/tags/datepicker"},{"label":"blazordateinput","permalink":"/blog/tags/blazordateinput"},{"label":"blazordatepicker","permalink":"/blog/tags/blazordatepicker"},{"label":"blazordate","permalink":"/blog/tags/blazordate"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"},{"label":"offcanvas","permalink":"/blog/tags/offcanvas"},{"label":"blazoroffcanvas","permalink":"/blog/tags/blazoroffcanvas"}],"readingTime":0.78,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.6.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.6.0","blazor","bootstrap","bootstrap5","bootstrap-5","blazorbootstrap","timeinput","timepicker","blazortimeinput","blazortimepicker","blazortime","dateinput","datepicker","blazordateinput","blazordatepicker","blazordate","grid","blazorgrid","modal","blazormodal","offcanvas","blazoroffcanvas"]},"prevItem":{"title":"Blazor Bootstrap v1.7.0","permalink":"/blog/2023/04/10/blazorbootstrap-1.7.0"},"nextItem":{"title":"Blazor Bootstrap v1.5.0","permalink":"/blog/2023/03/05/blazorbootstrap-1.5.0"}},"content":"We are excited to release 1.6.0 with new TimeInput component and other updates!!!\\n\\n<img src=\\"https://i.imgur.com/TlvjRlP.png\\" alt=\\"Blazor Bootstrap: TimeInput Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s new\\n\\n- `TimeInput` component\\n  - Generic type: TimeOnly and TimeOnly? supported\\n  - Max and Min range\\n  - Disable\\n  - Validations\\n  - ValueChanged event\\n  - Restrict the time field based on the entry in another field\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Conditional css class for grid row\\n  - Conditional css class for grid column\\n\\n- `DateInput` component\\n  - Restrict the date field based on the entry in another field\\n\\n- `Modal` component\\n  - Modal CloseOnEscape not working - Fixed\\n\\n- `Offcanvas` component\\n  - Offcanvas CloseOnEscape not working #160 - Fixed\\n  \\n- Upgrade Bootstrap version from v5.1.3 to v5.2.3\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor TimeInput Documentation](https://getblazorbootstrap.com/docs/forms/time-input)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor DateInput Documentation](https://getblazorbootstrap.com/docs/forms/date-input)\\n- [Blazor Modal Documentation](https://getblazorbootstrap.com/docs/components/modal)\\n- [Blazor Offcanvas Documentation](https://getblazorbootstrap.com/docs/components/offcanvas)"},{"id":"/2023/03/05/blazorbootstrap-1.5.0","metadata":{"permalink":"/blog/2023/03/05/blazorbootstrap-1.5.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-03-05-blazorbootstrap-1.5.0.md","source":"@site/blog/2023-03-05-blazorbootstrap-1.5.0.md","title":"Blazor Bootstrap v1.5.0","description":"We are excited to release 1.5.0 with new DateInput component and other updates!!!","date":"2023-03-05T00:00:00.000Z","formattedDate":"March 5, 2023","tags":[{"label":"v1.5.0","permalink":"/blog/tags/v-1-5-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"buttons","permalink":"/blog/tags/buttons"},{"label":"blazorbuttons","permalink":"/blog/tags/blazorbuttons"},{"label":"dateinput","permalink":"/blog/tags/dateinput"},{"label":"datepicker","permalink":"/blog/tags/datepicker"},{"label":"blazordateinput","permalink":"/blog/tags/blazordateinput"},{"label":"blazordatepicker","permalink":"/blog/tags/blazordatepicker"},{"label":"offcanvas","permalink":"/blog/tags/offcanvas"},{"label":"blazoroffcanvas","permalink":"/blog/tags/blazoroffcanvas"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"}],"readingTime":0.7,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.5.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.5.0","blazor","bootstrap","bootstrap5","bootstrap-5","blazorbootstrap","buttons","blazorbuttons","dateinput","datepicker","blazordateinput","blazordatepicker","offcanvas","blazoroffcanvas","modal","blazormodal"]},"prevItem":{"title":"Blazor Bootstrap v1.6.0","permalink":"/blog/2023/03/12/blazorbootstrap-1.6.0"},"nextItem":{"title":"Blazor Bootstrap v1.4.5","permalink":"/blog/2023/02/23/blazorbootstrap-1.4.5"}},"content":"We are excited to release 1.5.0 with new DateInput component and other updates!!!\\n\\n<img src=\\"https://i.imgur.com/1mVjqQv.png\\" alt=\\"Blazor Bootstrap: DateInput Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s new\\n\\n- `DateInput` component\\n  - Generic type: DateOnly, DateOnly?, DateTime, and DateTime? data types supported\\n  - Max and Min range\\n  - Disable\\n  - Validations\\n  - ValueChanged event\\n\\n## What\'s changed\\n\\n- `Offcanvas` component\\n  - Render different components dynamically within the modal without iterating through possible types or using conditional logic.\\n  - If dynamically-rendered components have component parameters, pass them as an `IDictionary<string, object>`.\\n  - Pass event callbacks to a dynamic component.\\n\\n- `Button` component\\n  - Dynamic tooltip support added\\n\\n- `Tooltip` component\\n  - Dynamic tooltip support added\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor DateInput Documentation](https://getblazorbootstrap.com/docs/forms/date-input)\\n- [Blazor Offcanvas Documentation](https://getblazorbootstrap.com/docs/components/offcanvas)\\n- [Blazor Button Documentation](https://getblazorbootstrap.com/docs/components/buttons)\\n- [Blazor Tooltip Documentation](https://getblazorbootstrap.com/docs/components/tooltips)"},{"id":"/2023/02/23/blazorbootstrap-1.4.5","metadata":{"permalink":"/blog/2023/02/23/blazorbootstrap-1.4.5","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-02-23-blazorbootstrap-1.4.5.md","source":"@site/blog/2023-02-23-blazorbootstrap-1.4.5.md","title":"Blazor Bootstrap v1.4.5","description":"We are excited to release 1.4.5 with the Toasts component bug fix!!!","date":"2023-02-23T00:00:00.000Z","formattedDate":"February 23, 2023","tags":[{"label":"v1.4.5","permalink":"/blog/tags/v-1-4-5"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"toasts","permalink":"/blog/tags/toasts"},{"label":"blazor-toasts","permalink":"/blog/tags/blazor-toasts"},{"label":"blazortoasts","permalink":"/blog/tags/blazortoasts"}],"readingTime":0.29,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.4.5","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.4.5","blazor","bootstrap","bootstrap5","bootstrap-5","blazorbootstrap","toasts","blazor-toasts","blazortoasts"]},"prevItem":{"title":"Blazor Bootstrap v1.5.0","permalink":"/blog/2023/03/05/blazorbootstrap-1.5.0"},"nextItem":{"title":"Blazor Bootstrap v1.4.4","permalink":"/blog/2023/02/10/blazorbootstrap-1.4.4"}},"content":"We are excited to release 1.4.5 with the Toasts component bug fix!!!\\n\\n<img src=\\"https://i.imgur.com/W1YkmJH.png\\" alt=\\"Blazor Bootstrap: Toasts Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Toasts` component bug fixed\\n   - Toast progress bar not working when the browser language is french\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Toasts Documentation](https://getblazorbootstrap.com/docs/components/toasts)"},{"id":"/2023/02/10/blazorbootstrap-1.4.4","metadata":{"permalink":"/blog/2023/02/10/blazorbootstrap-1.4.4","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-02-10-blazorbootstrap-1.4.4.md","source":"@site/blog/2023-02-10-blazorbootstrap-1.4.4.md","title":"Blazor Bootstrap v1.4.4","description":"We are excited to release 1.4.4, with Grid enhancements and more examples!!!","date":"2023-02-10T00:00:00.000Z","formattedDate":"February 10, 2023","tags":[{"label":"v1.4.4","permalink":"/blog/tags/v-1-4-4"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazor-grid","permalink":"/blog/tags/blazor-grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"}],"readingTime":0.295,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.4.4","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.4.4","blazor","bootstrap","bootstrap5","bootstrap-5","blazorbootstrap","grid","blazor-grid","blazorgrid"]},"prevItem":{"title":"Blazor Bootstrap v1.4.5","permalink":"/blog/2023/02/23/blazorbootstrap-1.4.5"},"nextItem":{"title":"Blazor Bootstrap v1.4.3","permalink":"/blog/2023/02/07/blazorbootstrap-1.4.3"}},"content":"We are excited to release 1.4.4, with Grid enhancements and more examples!!!\\n\\n<img src=\\"https://i.imgur.com/36RsWZ3.png\\" alt=\\"Blazor Bootstrap: Grid Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n   - Filters have 300ms timeout for the debouncing\\n   - `CancellationToken` support for the `RefreshDataAsync()` method\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2023/02/07/blazorbootstrap-1.4.3","metadata":{"permalink":"/blog/2023/02/07/blazorbootstrap-1.4.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-02-07-blazorbootstrap-1.4.3.md","source":"@site/blog/2023-02-07-blazorbootstrap-1.4.3.md","title":"Blazor Bootstrap v1.4.3","description":"We are excited to release 1.4.3, with Grid enhancements and more examples!!!","date":"2023-02-07T00:00:00.000Z","formattedDate":"February 7, 2023","tags":[{"label":"v1.4.3","permalink":"/blog/tags/v-1-4-3"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazor-grid","permalink":"/blog/tags/blazor-grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"}],"readingTime":0.26,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.4.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.4.3","blazor","bootstrap","bootstrap5","bootstrap-5","blazorbootstrap","grid","blazor-grid","blazorgrid"]},"prevItem":{"title":"Blazor Bootstrap v1.4.4","permalink":"/blog/2023/02/10/blazorbootstrap-1.4.4"},"nextItem":{"title":"Blazor Bootstrap v1.4.2","permalink":"/blog/2023/01/30/blazorbootstrap-1.4.2"}},"content":"We are excited to release 1.4.3, with Grid enhancements and more examples!!!\\n\\n<img src=\\"https://i.imgur.com/36RsWZ3.png\\" alt=\\"Blazor Bootstrap: Grid Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n   - New `Data` parameter\\n   - New `ResetPageNumber()` method\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2023/01/30/blazorbootstrap-1.4.2","metadata":{"permalink":"/blog/2023/01/30/blazorbootstrap-1.4.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-01-30-blazorbootstrap-1.4.2.md","source":"@site/blog/2023-01-30-blazorbootstrap-1.4.2.md","title":"Blazor Bootstrap v1.4.2","description":"We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!","date":"2023-01-30T00:00:00.000Z","formattedDate":"January 30, 2023","tags":[{"label":"v1.4.2","permalink":"/blog/tags/v-1-4-2"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"blazor-autocomplete","permalink":"/blog/tags/blazor-autocomplete"},{"label":"blazor-templates","permalink":"/blog/tags/blazor-templates"},{"label":"blazor-starter-templates","permalink":"/blog/tags/blazor-starter-templates"},{"label":"blazorbootstrap-starter-templates","permalink":"/blog/tags/blazorbootstrap-starter-templates"}],"readingTime":0.49,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.4.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.4.2","blazor","bootstrap","bootstrap5","bootstrap-5","blazorbootstrap","autocomplete","blazor-autocomplete","blazor-templates","blazor-starter-templates","blazorbootstrap-starter-templates"]},"prevItem":{"title":"Blazor Bootstrap v1.4.3","permalink":"/blog/2023/02/07/blazorbootstrap-1.4.3"},"nextItem":{"title":"Blazor Bootstrap v1.4.1","permalink":"/blog/2023/01/23/blazorbootstrap-1.4.1"}},"content":"We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!\\n\\n**Blazor Bootstrap: Blazor WebAssembly and Server starter templates**\\n\\n<img src=\\"https://i.imgur.com/4P8u0HR.png\\" alt=\\"Blazor Bootstrap: Blazor WebAssembly and Server starter templates\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n1. `Auto Complete` component\\n   - Bug fix\\n\\n## Starter Templates\\n1. Blazor Bootstrap: Blazor WebAssembly Template\\n1. Blazor Bootstrap: Blazor WebAssembly Empty Template\\n1. Blazor Bootstrap: Blazor Server Template\\n1. Blazor Bootstrap: Blazor Server Empty Template\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Auto Complete Documentation](https://getblazorbootstrap.com/docs/forms/autocomplete)"},{"id":"/2023/01/23/blazorbootstrap-1.4.1","metadata":{"permalink":"/blog/2023/01/23/blazorbootstrap-1.4.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-01-23-blazorbootstrap-1.4.1.md","source":"@site/blog/2023-01-23-blazorbootstrap-1.4.1.md","title":"Blazor Bootstrap v1.4.1","description":"We are excited to release 1.4.1, with modal updates and more examples!!!","date":"2023-01-23T00:00:00.000Z","formattedDate":"January 23, 2023","tags":[{"label":"v1.4.1","permalink":"/blog/tags/v-1-4-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"},{"label":"confirmmodal","permalink":"/blog/tags/confirmmodal"},{"label":"blazorconfirmmodal","permalink":"/blog/tags/blazorconfirmmodal"},{"label":"dialog","permalink":"/blog/tags/dialog"},{"label":"blazordialog","permalink":"/blog/tags/blazordialog"}],"readingTime":0.55,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.4.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.4.1","blazor","bootstrap","bootstrap5","blazorbootstrap","modal","blazormodal","confirmmodal","blazorconfirmmodal","dialog","blazordialog"]},"prevItem":{"title":"Blazor Bootstrap v1.4.2","permalink":"/blog/2023/01/30/blazorbootstrap-1.4.2"},"nextItem":{"title":"Blazor Bootstrap v1.4.0","permalink":"/blog/2023/01/15/blazorbootstrap-1.4.0"}},"content":"We are excited to release 1.4.1, with modal updates and more examples!!!\\n\\n<b>Blazor modal component</b>\\n<img src=\\"https://i.imgur.com/dQMxYxw.png\\" alt=\\"Blazor Bootstrap: Blazor modal component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Modal` component\\n  - Render different components dynamically within the modal without iterating through possible types or using conditional logic.\\n  - If dynamically-rendered components have component parameters, pass them as an `IDictionary<string, object>`.\\n  - Pass event callbacks to a dynamic component.\\n\\n## Demos site updates\\n- New examples for `Blazor Modal Component`\\n- New examples for `Blazor Confirm Dialog Component`\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Modal Documentation](https://getblazorbootstrap.com/docs/components/modal)\\n- [Blazor Confirm Dialog Documentation](https://getblazorbootstrap.com/docs/components/confirm-dialog)"},{"id":"/2023/01/15/blazorbootstrap-1.4.0","metadata":{"permalink":"/blog/2023/01/15/blazorbootstrap-1.4.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-01-15-blazorbootstrap-1.4.0.md","source":"@site/blog/2023-01-15-blazorbootstrap-1.4.0.md","title":"Blazor Bootstrap v1.4.0","description":"We are excited to release 1.4.0, with new sidebar and more examples!!!","date":"2023-01-15T00:00:00.000Z","formattedDate":"January 15, 2023","tags":[{"label":"v1.4.0","permalink":"/blog/tags/v-1-4-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"sidebar","permalink":"/blog/tags/sidebar"},{"label":"blazorsidebar","permalink":"/blog/tags/blazorsidebar"},{"label":"leftmenu","permalink":"/blog/tags/leftmenu"},{"label":"navigation","permalink":"/blog/tags/navigation"},{"label":"layout","permalink":"/blog/tags/layout"}],"readingTime":0.295,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.4.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.4.0","blazor","blazorbootstrap","sidebar","blazorsidebar","leftmenu","navigation","layout"]},"prevItem":{"title":"Blazor Bootstrap v1.4.1","permalink":"/blog/2023/01/23/blazorbootstrap-1.4.1"},"nextItem":{"title":"Blazor Bootstrap v1.3.1","permalink":"/blog/2022/12/18/blazorbootstrap-1.3.1"}},"content":"We are excited to release 1.4.0, with new sidebar and more examples!!!\\n\\n<b>Blazor Sidebar component</b>\\n<img src=\\"https://i.imgur.com/d91Q9Zt.png\\" alt=\\"Blazor Bootstrap: Blazor Sidebar component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Sidebar` component\\n\\n## Demos site updates\\n- New examples for \'Blazor Sidebar Component\'\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Sidebar Documentation](https://getblazorbootstrap.com/docs/components/sidebar)"},{"id":"/2022/12/18/blazorbootstrap-1.3.1","metadata":{"permalink":"/blog/2022/12/18/blazorbootstrap-1.3.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-12-18-blazorbootstrap-1.3.1.md","source":"@site/blog/2022-12-18-blazorbootstrap-1.3.1.md","title":"Blazor Bootstrap v1.3.1","description":"We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!","date":"2022-12-18T00:00:00.000Z","formattedDate":"December 18, 2022","tags":[{"label":"v1.3.1","permalink":"/blog/tags/v-1-3-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"blazorautocomplete","permalink":"/blog/tags/blazorautocomplete"}],"readingTime":0.36,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.3.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.3.1","blazor","blazorbootstrap","autocomplete","blazorautocomplete"]},"prevItem":{"title":"Blazor Bootstrap v1.4.0","permalink":"/blog/2023/01/15/blazorbootstrap-1.4.0"},"nextItem":{"title":"Blazor Bootstrap v1.3.0","permalink":"/blog/2022/12/15/blazorbootstrap-1.3.0"}},"content":"We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!\\n\\n<b>Blazor AutoComplete component</b>\\n<img src=\\"https://i.imgur.com/D5ox9um.png\\" alt=\\"Blazor Bootstrap: Blazor AutoComplete component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `AutoComplete` component - keyboard navigation support\\n- `AutoComplete` component - CancellationToken support\\n\\n## Demos site updates\\n- New examples for \'Blazor AutoComplete Component\'\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor AutoComplete Documentation](https://getblazorbootstrap.com/docs/forms/autocomplete)"},{"id":"/2022/12/15/blazorbootstrap-1.3.0","metadata":{"permalink":"/blog/2022/12/15/blazorbootstrap-1.3.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-12-15-blazorbootstrap-1.3.0.md","source":"@site/blog/2022-12-15-blazorbootstrap-1.3.0.md","title":"Blazor Bootstrap v1.3.0","description":"We are excited to release 1.3.0, with new Switch component, and more examples!!!","date":"2022-12-15T00:00:00.000Z","formattedDate":"December 15, 2022","tags":[{"label":"v1.3.0","permalink":"/blog/tags/v-1-3-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-bootstrap","permalink":"/blog/tags/blazor-bootstrap"},{"label":"blazorswitch","permalink":"/blog/tags/blazorswitch"}],"readingTime":0.345,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.3.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.3.0","blazor","blazorbootstrap","blazor-bootstrap","blazorswitch"]},"prevItem":{"title":"Blazor Bootstrap v1.3.1","permalink":"/blog/2022/12/18/blazorbootstrap-1.3.1"},"nextItem":{"title":"Blazor Bootstrap v1.2.0","permalink":"/blog/2022/12/12/blazorbootstrap-1.2.0"}},"content":"We are excited to release 1.3.0, with new Switch component, and more examples!!!\\n\\n<b>Blazor Switch component</b>\\n<img src=\\"https://i.imgur.com/ALKzreq.png\\" alt=\\"Blazor Bootstrap: Blazor Switch component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- New `Switch` component\\n\\n## Demos site updates\\n- New examples for \'Blazor Switch Component\'\\n- Updates to \'Blazor Auto Complete Component\' examples\\n\\n## Links\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Blazor Switch Documentation](https://getblazorbootstrap.com/docs/forms/switch)"},{"id":"/2022/12/12/blazorbootstrap-1.2.0","metadata":{"permalink":"/blog/2022/12/12/blazorbootstrap-1.2.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-12-12-blazorbootstrap-1.2.0.md","source":"@site/blog/2022-12-12-blazorbootstrap-1.2.0.md","title":"Blazor Bootstrap v1.2.0","description":"We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!","date":"2022-12-12T00:00:00.000Z","formattedDate":"December 12, 2022","tags":[{"label":"v1.2.0","permalink":"/blog/tags/v-1-2-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-bootstrap","permalink":"/blog/tags/blazor-bootstrap"},{"label":"blazornumber","permalink":"/blog/tags/blazornumber"},{"label":"blazor-number","permalink":"/blog/tags/blazor-number"},{"label":"blazorcurrencyinput","permalink":"/blog/tags/blazorcurrencyinput"},{"label":"blazor-currency-input","permalink":"/blog/tags/blazor-currency-input"}],"readingTime":0.345,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.2.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.2.0","blazor","blazorbootstrap","blazor-bootstrap","blazornumber","blazor-number","blazorcurrencyinput","blazor-currency-input"]},"prevItem":{"title":"Blazor Bootstrap v1.3.0","permalink":"/blog/2022/12/15/blazorbootstrap-1.3.0"},"nextItem":{"title":"Blazor Bootstrap v1.1.0","permalink":"/blog/2022/11/28/blazorbootstrap-1.1.0"}},"content":"We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!\\n\\n<b>Blazor CurrencyInput component</b>\\n<img src=\\"https://i.imgur.com/mihpoXk.png\\" alt=\\"Blazor Bootstrap: Blazor CurrencyInput component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- New `CurrencyInput` component\\n\\n## Demos site updates\\n- New examples for \'Blazor CurrencyInput Component\'\\n- New examples for \'Blazor Confirm Dialog Component\'\\n\\n## Links\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Blazor CurrencyInput Documentation](https://getblazorbootstrap.com/docs/forms/currency-input)"},{"id":"/2022/11/28/blazorbootstrap-1.1.0","metadata":{"permalink":"/blog/2022/11/28/blazorbootstrap-1.1.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-11-28-blazorbootstrap-1.1.0.md","source":"@site/blog/2022-11-28-blazorbootstrap-1.1.0.md","title":"Blazor Bootstrap v1.1.0","description":"We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!","date":"2022-11-28T00:00:00.000Z","formattedDate":"November 28, 2022","tags":[{"label":"v1.1.0","permalink":"/blog/tags/v-1-1-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-bootstrap","permalink":"/blog/tags/blazor-bootstrap"},{"label":"blazor-dialog","permalink":"/blog/tags/blazor-dialog"},{"label":"blazor-confirm-dialog","permalink":"/blog/tags/blazor-confirm-dialog"},{"label":"blazor-preload","permalink":"/blog/tags/blazor-preload"},{"label":"blazor-spinner","permalink":"/blog/tags/blazor-spinner"},{"label":"blazor-toast","permalink":"/blog/tags/blazor-toast"}],"readingTime":0.625,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.1.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.1.0","blazor","blazorbootstrap","blazor-bootstrap","blazor-dialog","blazor-confirm-dialog","blazor-preload","blazor-spinner","blazor-toast"]},"prevItem":{"title":"Blazor Bootstrap v1.2.0","permalink":"/blog/2022/12/12/blazorbootstrap-1.2.0"},"nextItem":{"title":"Blazor Bootstrap v1.0.1","permalink":"/blog/2022/11/22/blazorbootstrap-1.0.1"}},"content":"We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!\\n\\n<b>Blazor Toasts service</b>\\n<img src=\\"https://i.imgur.com/wgYhBXW.png\\" alt=\\"Blazor Bootstrap: Blazor Toasts service\\" />\\n\\n<b>Blazor ConfirmDialog component</b>\\n<img src=\\"https://i.imgur.com/B5Hf85u.png\\" alt=\\"Blazor Bootstrap: Blazor ConfirmDialog component\\" />\\n\\n<b>Blazor Icon component</b>\\n<img src=\\"https://i.imgur.com/8HcjpiK.png\\" alt=\\"Blazor Bootstrap: Blazor Icon component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- New `ToastService`\\n- `ConfirmDialog` component enhancements\\n- `PreloadService` enhancements\\n- `Icon` component enhancements\\n\\n## Demos site examples\\n- New examples for \'Blazor ToastService\'\\n- New examples for \'Blazor Confirm Dialog Component\'\\n- New examples for \'Blazor Preload Component\'\\n- New examples for \'Blazor Icon Component\'\\n\\n## Links\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Blazor Toasts Component Documentation](https://getblazorbootstrap.com/docs/components/toasts)\\n- [Blazor Confirm Dialog Component Documentation](https://getblazorbootstrap.com/docs/components/confirmation-dialog)\\n- [Blazor Preload Component Documentation](https://getblazorbootstrap.com/docs/components/preload)\\n- [Blazor Icon Component Documentation](https://getblazorbootstrap.com/docs/content/icons)"},{"id":"/2022/11/22/blazorbootstrap-1.0.1","metadata":{"permalink":"/blog/2022/11/22/blazorbootstrap-1.0.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-11-22-blazorbootstrap-1.0.1.md","source":"@site/blog/2022-11-22-blazorbootstrap-1.0.1.md","title":"Blazor Bootstrap v1.0.1","description":"We are excited to release 1.0.1, with enhancements and more examples!!!","date":"2022-11-22T00:00:00.000Z","formattedDate":"November 22, 2022","tags":[{"label":"v1.0.1","permalink":"/blog/tags/v-1-0-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-bootstrap","permalink":"/blog/tags/blazor-bootstrap"},{"label":"blazor-offcanvas","permalink":"/blog/tags/blazor-offcanvas"},{"label":"blazor-sidemodal","permalink":"/blog/tags/blazor-sidemodal"},{"label":"blazor-dialog","permalink":"/blog/tags/blazor-dialog"},{"label":"blazor-confirm-dialog","permalink":"/blog/tags/blazor-confirm-dialog"},{"label":"blazor-preload","permalink":"/blog/tags/blazor-preload"},{"label":"blazor-spinner","permalink":"/blog/tags/blazor-spinner"}],"readingTime":0.465,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.0.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.0.1","blazor","blazorbootstrap","blazor-bootstrap","blazor-offcanvas","blazor-sidemodal","blazor-dialog","blazor-confirm-dialog","blazor-preload","blazor-spinner"]},"prevItem":{"title":"Blazor Bootstrap v1.1.0","permalink":"/blog/2022/11/28/blazorbootstrap-1.1.0"},"nextItem":{"title":"Blazor Bootstrap v1.0.0","permalink":"/blog/2022/11/18/blazorbootstrap-1.0.0"}},"content":"We are excited to release 1.0.1, with enhancements and more examples!!!\\n\\n<img src=\\"https://i.imgur.com/3pvzbXY.png\\" alt=\\"Blazor Preload component\\" />\\n\\n<img src=\\"https://i.imgur.com/1vNz5Ci.jpg\\" alt=\\"Blazor Offcanvas component\\" />\\n\\n<img src=\\"https://i.imgur.com/chdLk3D.jpg\\" alt=\\"Blazor Confirm Dialog component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Confirmation Dialog` component enhancements\\n- `Offcanvas` component enhancements\\n\\n## Demos site examples\\n- New examples for \'Blazor Confirm Dialog Component\'\\n- New examples for \'Blazor Offcanvas Component\'\\n- New examples for \'Blazor Preload Component\'\\n- SEO Updates\\n\\n## Links\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Blazor Confirm Dialog Component Documentation](https://getblazorbootstrap.com/docs/components/confirmation-dialog)\\n- [Blazor Offcanvas Component Documentation](https://getblazorbootstrap.com/docs/components/offcanvas)\\n- [Blazor Preload Component Documentation](https://getblazorbootstrap.com/docs/components/preload)"},{"id":"/2022/11/18/blazorbootstrap-1.0.0","metadata":{"permalink":"/blog/2022/11/18/blazorbootstrap-1.0.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-11-18-blazorbootstrap-1.0.0.md","source":"@site/blog/2022-11-18-blazorbootstrap-1.0.0.md","title":"Blazor Bootstrap v1.0.0","description":"We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!","date":"2022-11-18T00:00:00.000Z","formattedDate":"November 18, 2022","tags":[{"label":"v1.0.0","permalink":"/blog/tags/v-1-0-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-bootstrap","permalink":"/blog/tags/blazor-bootstrap"},{"label":"blazor-tabs","permalink":"/blog/tags/blazor-tabs"},{"label":"blazor-input","permalink":"/blog/tags/blazor-input"},{"label":"blazor-input-number","permalink":"/blog/tags/blazor-input-number"},{"label":"blazor-number-input","permalink":"/blog/tags/blazor-number-input"},{"label":"input","permalink":"/blog/tags/input"},{"label":"input-number","permalink":"/blog/tags/input-number"}],"readingTime":0.705,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.0.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.0.0","blazor","blazorbootstrap","blazor-bootstrap","blazor-tabs","blazor-input","blazor-input-number","blazor-number-input","input","input-number"]},"prevItem":{"title":"Blazor Bootstrap v1.0.1","permalink":"/blog/2022/11/22/blazorbootstrap-1.0.1"},"nextItem":{"title":"Blazor Bootstrap v0.6.0","permalink":"/blog/2022/10/30/blazorbootstrap-0.6.0"}},"content":"We are excited to release our major version, `1.0.0`, with new components, enhancements to existing ones, and more!!!\\n\\n<img src=\\"https://i.imgur.com/iUNBkki.png\\" alt=\\"Blazor NumberInput component\\" />\\n\\n<img src=\\"https://i.imgur.com/ranwriJ.png\\" alt=\\"Blazor Tabs component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## New Components\\n\\n- `NumberInput` component\\n\\n### Blazor NumberInput component features\\n- Generic type support\\n- Enable min and max\\n- Step\\n- Text alignment\\n- Allow negative numbers\\n- Disable\\n- Validations\\n- Events: ValueChanged\\n\\n<img src=\\"https://i.imgur.com/iUNBkki.png\\" alt=\\"Blazor NumberInput component\\" />\\n\\n## Blazor Tabs component features\\n- Fade effect\\n- Title with Icon\\n- Disable Tab\\n- Pills\\n- Activate individual tabs\\n- Events\\n\\n<img src=\\"https://i.imgur.com/ranwriJ.png\\" alt=\\"Blazor Tabs component\\" />\\n\\n## Demos site enhancements\\n- Brand new landing page\\n- The demo example and source code are split into two tabs for easy access.\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/form/number-input)\\n- [Blazor NumberInput Component Documentation](https://getblazorbootstrap.com/docs/forms/number-input)\\n- [Blazor Tabs Component Documentation](https://getblazorbootstrap.com/docs/components/tabs)"},{"id":"/2022/10/30/blazorbootstrap-0.6.0","metadata":{"permalink":"/blog/2022/10/30/blazorbootstrap-0.6.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-10-30-blazorbootstrap-0.6.0.md","source":"@site/blog/2022-10-30-blazorbootstrap-0.6.0.md","title":"Blazor Bootstrap v0.6.0","description":"We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component.","date":"2022-10-30T00:00:00.000Z","formattedDate":"October 30, 2022","tags":[{"label":"v0.6.0","permalink":"/blog/tags/v-0-6-0"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-toasts","permalink":"/blog/tags/blazor-toasts"},{"label":"blazor-progress","permalink":"/blog/tags/blazor-progress"},{"label":"blazor-progress-bar","permalink":"/blog/tags/blazor-progress-bar"},{"label":"toasts","permalink":"/blog/tags/toasts"},{"label":"progress","permalink":"/blog/tags/progress"},{"label":"progress-bar","permalink":"/blog/tags/progress-bar"}],"readingTime":0.455,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v0.6.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.6.0","blazorbootstrap","blazor-toasts","blazor-progress","blazor-progress-bar","toasts","progress","progress-bar"]},"prevItem":{"title":"Blazor Bootstrap v1.0.0","permalink":"/blog/2022/11/18/blazorbootstrap-1.0.0"},"nextItem":{"title":"Blazor Bootstrap v0.5.1","permalink":"/blog/2022/10/22/blazorbootstrap-0.5.1"}},"content":"We are excited to release `0.6.0` with the new blazor progress component and enhancements to the blazor toasts component.\\n\\n<img src=\\"https://i.imgur.com/MK142lQ.png\\" alt=\\"Blazor Progress component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n\\n### New Components\\n\\n- `Progress` component\\n\\n### Progress component features\\n- Labels\\n- Backgrounds\\n- Multiple bars\\n- Striped\\n- Animated stripes\\n\\n<img src=\\"https://i.imgur.com/MK142lQ.png\\" alt=\\"Blazor Progress component\\" />\\n\\n### Toasts component features\\n- Toasts with/without title\\n- Auto hide\\n- Placement\\n- Stack Length\\n\\n<img src=\\"https://i.imgur.com/W1YkmJH.png\\" alt=\\"Blazor Toasts component\\" />\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/charts)\\n- [Blazor Progress Component Documentation](https://getblazorbootstrap.com/docs/components/progress)\\n- [Blazor Toasts Component Documentation](https://getblazorbootstrap.com/docs/components/toasts)"},{"id":"/2022/10/22/blazorbootstrap-0.5.1","metadata":{"permalink":"/blog/2022/10/22/blazorbootstrap-0.5.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-10-22-blazorbootstrap-0.5.1.md","source":"@site/blog/2022-10-22-blazorbootstrap-0.5.1.md","title":"Blazor Bootstrap v0.5.1","description":"We are excited to release 0.5.1 with blazor grid enhancements.","date":"2022-10-22T00:00:00.000Z","formattedDate":"October 22, 2022","tags":[{"label":"v0.5.1","permalink":"/blog/tags/v-0-5-1"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"blazor-grid","permalink":"/blog/tags/blazor-grid"},{"label":"blazor-grid-sorting","permalink":"/blog/tags/blazor-grid-sorting"},{"label":"blazor-grid-filtering","permalink":"/blog/tags/blazor-grid-filtering"},{"label":"blazor-grid-paging","permalink":"/blog/tags/blazor-grid-paging"}],"readingTime":0.3,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v0.5.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.5.1","blazorbootstrap","blazorgrid","blazor-grid","blazor-grid-sorting","blazor-grid-filtering","blazor-grid-paging"]},"prevItem":{"title":"Blazor Bootstrap v0.6.0","permalink":"/blog/2022/10/30/blazorbootstrap-0.6.0"},"nextItem":{"title":"BlazorBootstrap v0.5.0","permalink":"/blog/2022/10/16/blazorbootstrap-0.5.0"}},"content":"We are excited to release `0.5.1` with blazor grid enhancements.\\n\\n<img src=\\"https://i.imgur.com/weFYVWA.png\\" alt=\\"Blazor Grid Component - Sorting, Filtering, and Paging\\" />\\n<br />\\n\\n\x3c!--truncate--\x3e\\n\\n### Grid Enhancements\\n\\n- Support for save/load Grid state. The state includes the **page number**, **page size**, and **filters**.\\n- Performance improvements by removing unnecessary conversions\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/grid)\\n- [Blazor Grid Component Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2022/10/16/blazorbootstrap-0.5.0","metadata":{"permalink":"/blog/2022/10/16/blazorbootstrap-0.5.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-10-16-blazorbootstrap-0.5.0.md","source":"@site/blog/2022-10-16-blazorbootstrap-0.5.0.md","title":"BlazorBootstrap v0.5.0","description":"We are excited to release 0.5.0 with new blazor chart components.","date":"2022-10-16T00:00:00.000Z","formattedDate":"October 16, 2022","tags":[{"label":"v0.5.0","permalink":"/blog/tags/v-0-5-0"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-charts","permalink":"/blog/tags/blazor-charts"},{"label":"blazor-bar-chart","permalink":"/blog/tags/blazor-bar-chart"},{"label":"blazor-doughnut-chart","permalink":"/blog/tags/blazor-doughnut-chart"},{"label":"blazor-line-chart","permalink":"/blog/tags/blazor-line-chart"},{"label":"blazor-pie-chart","permalink":"/blog/tags/blazor-pie-chart"}],"readingTime":0.66,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.5.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.5.0","blazorbootstrap","blazor-charts","blazor-bar-chart","blazor-doughnut-chart","blazor-line-chart","blazor-pie-chart"]},"prevItem":{"title":"Blazor Bootstrap v0.5.1","permalink":"/blog/2022/10/22/blazorbootstrap-0.5.1"},"nextItem":{"title":"BlazorBootstrap v0.4.2","permalink":"/blog/2022/09/17/blazorbootstrap-0.4.2"}},"content":"We are excited to release `0.5.0` with new blazor chart components.\\n\\n<img src=\\"https://i.imgur.com/JLV7oss.png\\" alt=\\"Blazor Chart Component - Blazor Bar Chart Example\\" />\\n<br />\\n<img src=\\"https://i.imgur.com/CzdXpqr.png\\" alt=\\"Blazor Chart Component - Blazor Line Chart Example\\" />\\n<br />\\n\\n\x3c!--truncate--\x3e\\n\\n### New blazor chart components\\n\\n- Blazor Bar Chart component\\n\\n  <img src=\\"https://i.imgur.com/ATtFiUZ.png\\" alt=\\"Blazor Chart Component - Blazor Bar Chart\\" />\\n\\n- Blazor Doughnut Chart component\\n\\n  <img src=\\"https://i.imgur.com/HV3pxA3.png\\" alt=\\"Blazor Chart Component - Blazor Doughnut Chart\\" />\\n\\n- Blazor Line Chart component\\n\\n  <img src=\\"https://i.imgur.com/NjrT5D7.png\\" alt=\\"Blazor Chart Component - Blazor Line Chart\\" />\\n\\n- Blazor Pie Chart component\\n\\n  <img src=\\"https://i.imgur.com/n5TiPtH.png\\" alt=\\"Blazor Chart Component - Blazor Pie Chart\\" />\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/charts)\\n- [Blazor Bar Chart Component Documentation](https://getblazorbootstrap.com/docs/data-visualization/bar-chart)\\n- [Blazor Doughnut Chart Component Documentation](https://getblazorbootstrap.com/docs/data-visualization/doughnut-chart)\\n- [Blazor Line Chart Component Documentation](https://getblazorbootstrap.com/docs/data-visualization/line-chart)\\n- [Blazor Pie Chart Component Documentation](https://getblazorbootstrap.com/docs/data-visualization/pie-chart)"},{"id":"/2022/09/17/blazorbootstrap-0.4.2","metadata":{"permalink":"/blog/2022/09/17/blazorbootstrap-0.4.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-09-17-blazorbootstrap-0.4.2.md","source":"@site/blog/2022-09-17-blazorbootstrap-0.4.2.md","title":"BlazorBootstrap v0.4.2","description":"We are excited to release 0.4.2 with bug fixes.","date":"2022-09-17T00:00:00.000Z","formattedDate":"September 17, 2022","tags":[{"label":"v0.4.2","permalink":"/blog/tags/v-0-4-2"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"}],"readingTime":0.135,"hasTruncateMarker":false,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.4.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.4.2","blazorbootstrap","autocomplete"]},"prevItem":{"title":"BlazorBootstrap v0.5.0","permalink":"/blog/2022/10/16/blazorbootstrap-0.5.0"},"nextItem":{"title":"BlazorBootstrap v0.4.1","permalink":"/blog/2022/09/12/blazorbootstrap-0.4.1"}},"content":"We are excited to release `0.4.2` with bug fixes.\\n\\n### Bug fixes\\n\\n- `AutoComplete` component bug fix\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Blazor AutoComplete Component Documentation](https://getblazorbootstrap.com/docs/components/autocomplete)"},{"id":"/2022/09/12/blazorbootstrap-0.4.1","metadata":{"permalink":"/blog/2022/09/12/blazorbootstrap-0.4.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-09-12-blazorbootstrap-0.4.1.md","source":"@site/blog/2022-09-12-blazorbootstrap-0.4.1.md","title":"BlazorBootstrap v0.4.1","description":"We are excited to release 0.4.1 with enhancements.","date":"2022-09-12T00:00:00.000Z","formattedDate":"September 12, 2022","tags":[{"label":"v0.4.1","permalink":"/blog/tags/v-0-4-1"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"callout","permalink":"/blog/tags/callout"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":0.53,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.4.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.4.1","blazorbootstrap","callout","autocomplete","grid","docs"]},"prevItem":{"title":"BlazorBootstrap v0.4.2","permalink":"/blog/2022/09/17/blazorbootstrap-0.4.2"},"nextItem":{"title":"BlazorBootstrap v0.4.0","permalink":"/blog/2022/09/04/blazorbootstrap-0.4.0"}},"content":"We are excited to release `0.4.1` with enhancements.\\n\\n\x3c!--truncate--\x3e\\n\\n<img src=\\"https://i.imgur.com/vmibzEu.png\\" alt=\\"Blazor Bootstrap: Callout Component - Examples\\" />\\n\\n### Enhancements\\n\\n- `AutoComplete` component\\n- `Callout` component\\n- `Grid` component\\n\\n### AutoComplete enhancements\\n- StringComparison support\\n- StringFilterOperator support\\n\\n### Callout enhancements\\n- The default heading and default icon are displayed based on the callout type.\\n- Change the callout header according to your context.\\n\\n### Callout breaking changes\\n- Renamed enum `CalloutColor` to `CalloutType`\\n- Renamed parameter `Color` to `Type`\\n\\n### Grid enhancements\\n- StringComparison support\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Blazor AutoComplete Component Documentation](https://getblazorbootstrap.com/docs/components/autocomplete)\\n- [Blazor Callout Component Documentation](https://getblazorbootstrap.com/docs/components/callout)\\n- [Blazor Grid Component Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2022/09/04/blazorbootstrap-0.4.0","metadata":{"permalink":"/blog/2022/09/04/blazorbootstrap-0.4.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-09-04-blazorbootstrap-0.4.0.md","source":"@site/blog/2022-09-04-blazorbootstrap-0.4.0.md","title":"BlazorBootstrap v0.4.0","description":"We are excited to release 0.4.0 with new blazor autocomplete component.","date":"2022-09-04T00:00:00.000Z","formattedDate":"September 4, 2022","tags":[{"label":"v0.4.0","permalink":"/blog/tags/v-0-4-0"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":0.42,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.4.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.4.0","blazorbootstrap","autocomplete","docs"]},"prevItem":{"title":"BlazorBootstrap v0.4.1","permalink":"/blog/2022/09/12/blazorbootstrap-0.4.1"},"nextItem":{"title":"BlazorBootstrap v0.3.0","permalink":"/blog/2022/08/31/blazorbootstrap-0.3.0"}},"content":"We are excited to release `0.4.0` with new blazor autocomplete component.\\n\\n\x3c!--truncate--\x3e\\n\\n<img src=\\"https://i.imgur.com/D5ox9um.png\\" alt=\\"Blazor Bootstrap AutoComplete Component - Server side data\\" />\\n\\n### New Components\\n\\n- `AutoComplete` component\\n\\n### AutoComplete component features\\n- Client side data filtering\\n- Server side data filtering\\n- Validations\\n\\n<img src=\\"https://i.imgur.com/sMQ7Uc6.png\\" alt=\\"Blazor Bootstrap AutoComplete Component - Validations - Data empty\\" />\\n\\n<img src=\\"https://i.imgur.com/4IzNcdp.png\\" alt=\\"Blazor Bootstrap AutoComplete Component - Validations - Item selected\\" />\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Blazor AutoComplete Component Demos](https://demos.getblazorbootstrap.com/autocomplete)\\n- [Blazor AutoComplete Component Documentation](https://getblazorbootstrap.com/docs/forms/autocomplete)"},{"id":"/2022/08/31/blazorbootstrap-0.3.0","metadata":{"permalink":"/blog/2022/08/31/blazorbootstrap-0.3.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-08-31-blazorbootstrap-0.3.0.md","source":"@site/blog/2022-08-31-blazorbootstrap-0.3.0.md","title":"BlazorBootstrap v0.3.0","description":"We are excited to release 0.3.0 with significant enhancements to the grid component.","date":"2022-08-31T00:00:00.000Z","formattedDate":"August 31, 2022","tags":[{"label":"v0.3.0","permalink":"/blog/tags/v-0-3-0"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"}],"readingTime":0.5,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.3.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.3.0","blazorbootstrap","grid"]},"prevItem":{"title":"BlazorBootstrap v0.4.0","permalink":"/blog/2022/09/04/blazorbootstrap-0.4.0"},"nextItem":{"title":"BlazorBootstrap v0.2.6","permalink":"/blog/2022/08/13/blazorbootstrap-0.2.6"}},"content":"We are excited to release `0.3.0` with significant enhancements to the grid component.\\n\\n\x3c!--truncate--\x3e\\n\\n<img src=\\"https://i.imgur.com/36RsWZ3.png\\" alt=\\"Blazor Bootstrap: Grid Component\\" />\\n\\n### Updates\\n\\n- `Grid` component enhancements\\n\\n### Grid component enhancements\\n- Multiple columns filtering (client side and server side)\\n- Set default filtering\\n- Disable specific column filter\\n- Increase filter textbox width\\n- Set default sorting\\n- Disable specific column sorting\\n- Header text alignment\\n- Cell alignment\\n- Cell formatting\\n- Cell nowrap\\n- Pagination alignment\\n- Empty data\\n- Responsive grid with horizontal scrolling\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Grid Demos](https://demos.getblazorbootstrap.com/grid)\\n- [Grid Component Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2022/08/13/blazorbootstrap-0.2.6","metadata":{"permalink":"/blog/2022/08/13/blazorbootstrap-0.2.6","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-08-13-blazorbootstrap-0.2.6.md","source":"@site/blog/2022-08-13-blazorbootstrap-0.2.6.md","title":"BlazorBootstrap v0.2.6","description":"We are excited to release 0.2.6 with enhancements and bug fixes.","date":"2022-08-13T00:00:00.000Z","formattedDate":"August 13, 2022","tags":[{"label":"v0.2.6","permalink":"/blog/tags/v-0-2-6"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"button","permalink":"/blog/tags/button"}],"readingTime":0.18,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.6","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.6","blazorbootstrap","button"]},"prevItem":{"title":"BlazorBootstrap v0.3.0","permalink":"/blog/2022/08/31/blazorbootstrap-0.3.0"},"nextItem":{"title":"BlazorBootstrap v0.2.5","permalink":"/blog/2022/07/28/blazorbootstrap-0.2.5"}},"content":"We are excited to release `0.2.6` with enhancements and bug fixes.\\n\\n\x3c!--truncate--\x3e\\n\\n### Updates\\n\\n- Bootstrap Icons v1.9.1 support\\n- `Buttons` component enhancements\\n- Docs enhancement\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Icons](https://getblazorbootstrap.com/docs/content/icons)\\n- [Button Component](https://getblazorbootstrap.com/docs/components/buttons)"},{"id":"/2022/07/28/blazorbootstrap-0.2.5","metadata":{"permalink":"/blog/2022/07/28/blazorbootstrap-0.2.5","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-07-28-blazorbootstrap-0.2.5.md","source":"@site/blog/2022-07-28-blazorbootstrap-0.2.5.md","title":"BlazorBootstrap v0.2.5","description":"We are excited to release 0.2.5 with bug fixes and docs enhancement.","date":"2022-07-28T00:00:00.000Z","formattedDate":"July 28, 2022","tags":[{"label":"v0.2.5","permalink":"/blog/tags/v-0-2-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"offcanvas","permalink":"/blog/tags/offcanvas"},{"label":"modal","permalink":"/blog/tags/modal"}],"readingTime":0.195,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.5","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.5","blazorbootstrap","offcanvas","modal"]},"prevItem":{"title":"BlazorBootstrap v0.2.6","permalink":"/blog/2022/08/13/blazorbootstrap-0.2.6"},"nextItem":{"title":"BlazorBootstrap v0.2.4","permalink":"/blog/2022/06/19/blazorbootstrap-0.2.4"}},"content":"We are excited to release `0.2.5` with bug fixes and docs enhancement.\\n\\n\x3c!--truncate--\x3e\\n\\n### Updates\\n\\n- `Offcanvas` component bug fix\\n- `Modal` component bug fix\\n- Docs enhancement\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Offcanvas Component](https://getblazorbootstrap.com/docs/components/offcanvas)\\n- [Modal Component](https://getblazorbootstrap.com/docs/components/modal)"},{"id":"/2022/06/19/blazorbootstrap-0.2.4","metadata":{"permalink":"/blog/2022/06/19/blazorbootstrap-0.2.4","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-06-19-blazorbootstrap-0.2.4.md","source":"@site/blog/2022-06-19-blazorbootstrap-0.2.4.md","title":"BlazorBootstrap v0.2.4","description":"We are excited to release 0.2.4 with bug fixes and docs enhancement.","date":"2022-06-19T00:00:00.000Z","formattedDate":"June 19, 2022","tags":[{"label":"v0.2.4","permalink":"/blog/tags/v-0-2-4"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"placeholders","permalink":"/blog/tags/placeholders"}],"readingTime":0.155,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.4","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.4","blazorbootstrap","placeholders"]},"prevItem":{"title":"BlazorBootstrap v0.2.5","permalink":"/blog/2022/07/28/blazorbootstrap-0.2.5"},"nextItem":{"title":"BlazorBootstrap v0.2.3","permalink":"/blog/2022/04/30/blazorbootstrap-0.2.3"}},"content":"We are excited to release `0.2.4` with bug fixes and docs enhancement.\\n\\n\x3c!--truncate--\x3e\\n\\n### Updates\\n\\n- `Alert` component bug fixes\\n- Docs enhancement\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Alert Component](https://getblazorbootstrap.com/docs/components/alerts)"},{"id":"/2022/04/30/blazorbootstrap-0.2.3","metadata":{"permalink":"/blog/2022/04/30/blazorbootstrap-0.2.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-04-30-blazorbootstrap-0.2.3.md","source":"@site/blog/2022-04-30-blazorbootstrap-0.2.3.md","title":"BlazorBootstrap v0.2.3","description":"We are excited to release 0.2.3 with a new component and minor updates.","date":"2022-04-30T00:00:00.000Z","formattedDate":"April 30, 2022","tags":[{"label":"v0.2.3","permalink":"/blog/tags/v-0-2-3"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"placeholders","permalink":"/blog/tags/placeholders"}],"readingTime":0.155,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.3","blazorbootstrap","placeholders"]},"prevItem":{"title":"BlazorBootstrap v0.2.4","permalink":"/blog/2022/06/19/blazorbootstrap-0.2.4"},"nextItem":{"title":"BlazorBootstrap v0.2.2","permalink":"/blog/2022/03/15/blazorbootstrap-0.2.2"}},"content":"We are excited to release `0.2.3` with a new component and minor updates.\\n\\n\x3c!--truncate--\x3e\\n\\n### Updates\\n\\n- New `Tabs` component\\n- Other improvements\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Tabs Component](https://demos.getblazorbootstrap.com/tabs)"},{"id":"/2022/03/15/blazorbootstrap-0.2.2","metadata":{"permalink":"/blog/2022/03/15/blazorbootstrap-0.2.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-03-15-blazorbootstrap-0.2.2.md","source":"@site/blog/2022-03-15-blazorbootstrap-0.2.2.md","title":"BlazorBootstrap v0.2.2","description":"We are excited to release 0.2.2 with a new component and minor updates.","date":"2022-03-15T00:00:00.000Z","formattedDate":"March 15, 2022","tags":[{"label":"v0.2.2","permalink":"/blog/tags/v-0-2-2"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"placeholders","permalink":"/blog/tags/placeholders"}],"readingTime":0.18,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.2","blazorbootstrap","placeholders"]},"prevItem":{"title":"BlazorBootstrap v0.2.3","permalink":"/blog/2022/04/30/blazorbootstrap-0.2.3"},"nextItem":{"title":"BlazorBootstrap v0.2.1","permalink":"/blog/2022/02/27/blazorbootstrap-0.2.1"}},"content":"We are excited to release `0.2.2` with a new component and minor updates.\\n\\n\x3c!--truncate--\x3e\\n\\n### Updates\\n\\n- New `Placeholders` component\\n- .NET version upgrade from v6.0.1 to v6.0.3\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Placeholders Component](https://demos.getblazorbootstrap.com/placeholders)"},{"id":"/2022/02/27/blazorbootstrap-0.2.1","metadata":{"permalink":"/blog/2022/02/27/blazorbootstrap-0.2.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-02-27-blazorbootstrap-0.2.1.md","source":"@site/blog/2022-02-27-blazorbootstrap-0.2.1.md","title":"BlazorBootstrap v0.2.1","description":"We are excited to release 0.2.1 with minor updates.","date":"2022-02-27T00:00:00.000Z","formattedDate":"February 27, 2022","tags":[{"label":"v0.2.1","permalink":"/blog/tags/v-0-2-1"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"icons","permalink":"/blog/tags/icons"},{"label":"confirm dialog","permalink":"/blog/tags/confirm-dialog"},{"label":"toasts","permalink":"/blog/tags/toasts"}],"readingTime":0.295,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.1","blazorbootstrap","icons","confirm dialog","toasts"]},"prevItem":{"title":"BlazorBootstrap v0.2.2","permalink":"/blog/2022/03/15/blazorbootstrap-0.2.2"},"nextItem":{"title":"BlazorBootstrap v0.2.0","permalink":"/blog/2022/01/15/blazorbootstrap-0.2.0"}},"content":"We are excited to release `0.2.1` with minor updates.\\n\\n## Bootstrap Icons updated to v1.8.0\\n\\n<img src=\\"https://i.imgur.com/273TamX.png\\" alt=\\"Blazor Bootstrap: Icon Component - Bootstrap Icons\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n### Minor Updates\\n\\n- Toasts component UI alignment fix\\n- Confirm Dialog component docs update\\n- Bootstrap Icons updated to `v1.8.0`\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Confirm Dialog](https://demos.getblazorbootstrap.com/confirm-dialog)\\n- [Icons](https://demos.getblazorbootstrap.com/icons)\\n- [Toasts](https://demos.getblazorbootstrap.com/toasts)"},{"id":"/2022/01/15/blazorbootstrap-0.2.0","metadata":{"permalink":"/blog/2022/01/15/blazorbootstrap-0.2.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-01-15-blazorbootstrap-0.2.0.md","source":"@site/blog/2022-01-15-blazorbootstrap-0.2.0.md","title":"BlazorBootstrap v0.2.0","description":"We are excited to release 0.2.0 with lots of updates.","date":"2022-01-15T00:00:00.000Z","formattedDate":"January 15, 2022","tags":[{"label":"v0.2.0","permalink":"/blog/tags/v-0-2-0"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"offcanvas","permalink":"/blog/tags/offcanvas"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"pagination","permalink":"/blog/tags/pagination"}],"readingTime":0.23,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.0","blazorbootstrap","modal","offcanvas","grid","pagination"]},"prevItem":{"title":"BlazorBootstrap v0.2.1","permalink":"/blog/2022/02/27/blazorbootstrap-0.2.1"},"nextItem":{"title":"BlazorBootstrap v0.1.1","permalink":"/blog/2021/12/21/blazorbootstrap-0.1.1"}},"content":"We are excited to release `0.2.0` with lots of updates.\\n\\n\x3c!--truncate--\x3e\\n\\n### Major changes\\n\\n- Modal component enhancements\\n- Offcanvas enhancements\\n- Demo website updates\\n\\n### Two New Comoponents\\n\\n- Grid\\n- Pagination\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Modals](https://demos.getblazorbootstrap.com/modals)\\n- [Offcanvas](https://demos.getblazorbootstrap.com/offcanvas)\\n- [Grid](https://demos.getblazorbootstrap.com/grid)\\n- [Pagination](https://demos.getblazorbootstrap.com/pagination)"},{"id":"/2021/12/21/blazorbootstrap-0.1.1","metadata":{"permalink":"/blog/2021/12/21/blazorbootstrap-0.1.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-21-blazorbootstrap-0.1.1.md","source":"@site/blog/2021-12-21-blazorbootstrap-0.1.1.md","title":"BlazorBootstrap v0.1.1","description":"In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.","date":"2021-12-21T00:00:00.000Z","formattedDate":"December 21, 2021","tags":[{"label":"v0.1.1","permalink":"/blog/tags/v-0-1-1"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"alert","permalink":"/blog/tags/alert"}],"readingTime":0.21,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.1.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.1.1","blazorbootstrap","alert"]},"prevItem":{"title":"BlazorBootstrap v0.2.0","permalink":"/blog/2022/01/15/blazorbootstrap-0.2.0"},"nextItem":{"title":"BlazorBootstrap v0.1.0","permalink":"/blog/2021/12/20/blazorbootstrap-0.1.0"}},"content":"In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.\\n\\n\x3c!--truncate--\x3e\\n\\n### Component changes\\n\\n- Alert\\n  - Parameter renamed from Dismisable to Dismissable\\n  - Docs update\\n  - Demos update\\n\\n### Demo Website\\n\\n- https://demos.getblazorbootstrap.com/"},{"id":"/2021/12/20/blazorbootstrap-0.1.0","metadata":{"permalink":"/blog/2021/12/20/blazorbootstrap-0.1.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-20-blazorbootstrap-0.1.0.md","source":"@site/blog/2021-12-20-blazorbootstrap-0.1.0.md","title":"BlazorBootstrap v0.1.0","description":"We are excited to release 0.1.0 with lots of updates.","date":"2021-12-20T00:00:00.000Z","formattedDate":"December 20, 2021","tags":[{"label":"v0.1.0","permalink":"/blog/tags/v-0-1-0"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"}],"readingTime":0.265,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.1.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.1.0","blazorbootstrap"]},"prevItem":{"title":"BlazorBootstrap v0.1.1","permalink":"/blog/2021/12/21/blazorbootstrap-0.1.1"},"nextItem":{"title":"BlazorBootstrap v0.0.4","permalink":"/blog/2021/12/12/blazorbootstrap-0.0.4"}},"content":"We are excited to release `0.1.0` with lots of updates.\\n\\n\x3c!--truncate--\x3e\\n\\n### Major changes\\n\\n- .NET 6 upgrade\\n- New components added\\n- Demo website created\\n\\n### Four New Comoponents\\n\\n- Preload\\n- Breadcrumb\\n- Confirm Dialog\\n- Callout\\n\\n### Demo Website\\n\\nWe are happy to share the demo website link.\\n\\n- https://demos.getblazorbootstrap.com/"},{"id":"/2021/12/12/blazorbootstrap-0.0.4","metadata":{"permalink":"/blog/2021/12/12/blazorbootstrap-0.0.4","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-12-blazorbootstrap-0.0.4.md","source":"@site/blog/2021-12-12-blazorbootstrap-0.0.4.md","title":"BlazorBootstrap v0.0.4","description":"Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.","date":"2021-12-12T00:00:00.000Z","formattedDate":"December 12, 2021","tags":[{"label":"v0.0.4","permalink":"/blog/tags/v-0-0-4"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"}],"readingTime":0.57,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.0.4","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.0.4","blazorbootstrap"]},"prevItem":{"title":"BlazorBootstrap v0.1.0","permalink":"/blog/2021/12/20/blazorbootstrap-0.1.0"},"nextItem":{"title":"BlazorBootstrap v0.0.3","permalink":"/blog/2021/12/08/blazorbootstrap-0.0.3"}},"content":"Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.\\n\\n\x3c!--truncate--\x3e\\n\\n### Changelog\\n\\n- Code improvements\\n- Documentation updates\\n\\n### Breaking changes\\n\\n#### Modal\\n\\n- Callback events renamed \\n  - `Showing` -> `OnShowing`\\n  - `Shown` -> `OnShown`\\n  - `Hiding` -> `OnHiding`\\n  - `Hidden` -> `OnHidden`\\n  - `HidePrevented` -> `OnHidePrevented`\\n\\n#### Offcanvas\\n\\n- Callback events renamed \\n  - `Showing` -> `OnShowing`\\n  - `Shown` -> `OnShown`\\n  - `Hiding` -> `OnHiding`\\n  - `Hidden` -> `OnHidden`\\n\\n#### Tooltip\\n\\n- Parameters renamed\\n  - `TooltipTitle` -> `Title`\\n  - `TooltipPlacement` -> `Placement`\\n\\n### Docs update\\n\\nFor the below components, documentation is updated.\\n\\n- Alerts\\n- Buttons\\n- Icons\\n- Modal\\n- Offcanvas\\n- Toasts\\n- Tooltips"},{"id":"/2021/12/08/blazorbootstrap-0.0.3","metadata":{"permalink":"/blog/2021/12/08/blazorbootstrap-0.0.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-08-blazorbootstrap-0.0.3.md","source":"@site/blog/2021-12-08-blazorbootstrap-0.0.3.md","title":"BlazorBootstrap v0.0.3","description":"In this release, we added the Toasts component and improved documentation.","date":"2021-12-08T00:00:00.000Z","formattedDate":"December 8, 2021","tags":[{"label":"v0.0.3","permalink":"/blog/tags/v-0-0-3"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"}],"readingTime":0.085,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.0.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.0.3","blazorbootstrap"]},"prevItem":{"title":"BlazorBootstrap v0.0.4","permalink":"/blog/2021/12/12/blazorbootstrap-0.0.4"},"nextItem":{"title":"BlazorBootstrap v0.0.2","permalink":"/blog/2021/11/27/blazorbootstrap-0.0.2"}},"content":"In this release, we added the Toasts component and improved documentation.\\n\\n\x3c!--truncate--\x3e\\n\\n### New Component\\n\\n- Toasts"},{"id":"/2021/11/27/blazorbootstrap-0.0.2","metadata":{"permalink":"/blog/2021/11/27/blazorbootstrap-0.0.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-11-27-blazorbootstrap-0.0.2.md","source":"@site/blog/2021-11-27-blazorbootstrap-0.0.2.md","title":"BlazorBootstrap v0.0.2","description":"In this release, our focus was more on documenting the individual components.","date":"2021-11-27T00:00:00.000Z","formattedDate":"November 27, 2021","tags":[{"label":"v0.0.2","permalink":"/blog/tags/v-0-0-2"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"}],"readingTime":0.165,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.0.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.0.2","blazorbootstrap"]},"prevItem":{"title":"BlazorBootstrap v0.0.3","permalink":"/blog/2021/12/08/blazorbootstrap-0.0.3"},"nextItem":{"title":"BlazorBootstrap v0.0.1","permalink":"/blog/2021/11/23/blazorbootstrap-0.0.1"}},"content":"In this release, our focus was more on documenting the individual components.\\n\\n\x3c!--truncate--\x3e\\n\\nInitial documentation is available for the below components:\\n\\n- Alert\\n- Button\\n- Icon\\n- Modal\\n- Offcanvas\\n- Tooltip"},{"id":"/2021/11/23/blazorbootstrap-0.0.1","metadata":{"permalink":"/blog/2021/11/23/blazorbootstrap-0.0.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-11-23-blazorbootstrap-0.0.1.md","source":"@site/blog/2021-11-23-blazorbootstrap-0.0.1.md","title":"BlazorBootstrap v0.0.1","description":"Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers.","date":"2021-11-23T00:00:00.000Z","formattedDate":"November 23, 2021","tags":[{"label":"v0.0.1","permalink":"/blog/tags/v-0-0-1"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"}],"readingTime":0.18,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.0.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.0.1","blazorbootstrap"]},"prevItem":{"title":"BlazorBootstrap v0.0.2","permalink":"/blog/2021/11/27/blazorbootstrap-0.0.2"}},"content":"Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers.\\n\\n\x3c!--truncate--\x3e\\n\\n### New Components\\n\\n- Alert\\n- Button\\n- Icon\\n- Modals\\n- Offcanvas\\n- Tooltip"}]}')}}]);
\ No newline at end of file
diff --git a/assets/js/b2f554cd.c907f9d6.js b/assets/js/b2f554cd.c907f9d6.js
new file mode 100644
index 000000000..1281e7c16
--- /dev/null
+++ b/assets/js/b2f554cd.c907f9d6.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[11477],{30010:t=>{t.exports=JSON.parse('{"blogPosts":[{"id":"/2024/07/01/blazorbootstrap-3.0.0-preview.2","metadata":{"permalink":"/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-07-01-blazorbootstrap-3.0.0-preview.2.md","source":"@site/blog/2024-07-01-blazorbootstrap-3.0.0-preview.2.md","title":"Blazor Bootstrap v3.0.0-preview.2","description":"We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!","date":"2024-07-01T00:00:00.000Z","formattedDate":"July 1, 2024","tags":[{"label":"v3.0.0","permalink":"/blog/tags/v-3-0-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"charts","permalink":"/blog/tags/charts"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"image","permalink":"/blog/tags/image"},{"label":"polarareachart","permalink":"/blog/tags/polarareachart"},{"label":"sidebar","permalink":"/blog/tags/sidebar"},{"label":"sidebar2","permalink":"/blog/tags/sidebar-2"}],"readingTime":0.59,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v3.0.0-preview.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v3.0.0","blazor","bootstrap","blazorbootstrap","charts","grid","image","polarareachart","sidebar","sidebar2"]},"nextItem":{"title":"Blazor Bootstrap v3.0.0-preview.1","permalink":"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"}},"content":"We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!\\n\\n![image](https://i.imgur.com/IpMhPwG.png \\"Blazor Bootstrap: Grid Component - Nested Grid\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s new\\n\\n- `Polar Area Chart` component\\n- `Image` component\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Details View\\n  - Nested Grid\\n  - Templates: New `GridLoadingTemplate` and `GridEmptyDataTemplate`\\n  - New `GridContainerClass` and `GridContainerStyle` parameters\\n  - Highlight row when selected and customize the row color and background color\\n  - All the demos updated\\n\\n- `Sidebar` component\\n  - New `Width` and `WidthUnit` parameters\\n\\n- `Sidebar2` component\\n  - New `Width` and `WidthUnit` parameters\\n\\n- Demos & Docs updated.\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)"},{"id":"/2024/06/08/blazorbootstrap-3.0.0-preview.1","metadata":{"permalink":"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md","source":"@site/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md","title":"Blazor Bootstrap v3.0.0-preview.1","description":"We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!","date":"2024-06-08T00:00:00.000Z","formattedDate":"June 8, 2024","tags":[{"label":"v3.0.0","permalink":"/blog/tags/v-3-0-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"accordion","permalink":"/blog/tags/accordion"},{"label":"button","permalink":"/blog/tags/button"},{"label":"callout","permalink":"/blog/tags/callout"},{"label":"dropdown","permalink":"/blog/tags/dropdown"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"ribbon","permalink":"/blog/tags/ribbon"},{"label":"tab","permalink":"/blog/tags/tab"},{"label":"sidebar","permalink":"/blog/tags/sidebar"},{"label":"sidebar2","permalink":"/blog/tags/sidebar-2"}],"readingTime":1.23,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v3.0.0-preview.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v3.0.0","blazor","bootstrap","blazorbootstrap","accordion","button","callout","dropdown","grid","modal","ribbon","tab","sidebar","sidebar2"]},"prevItem":{"title":"Blazor Bootstrap v3.0.0-preview.2","permalink":"/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"},"nextItem":{"title":"Blazor Bootstrap v2.2.1","permalink":"/blog/2024/04/21/blazorbootstrap-2.2.1"}},"content":"We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!\\n\\n![image](https://i.imgur.com/XG4Wv17.png \\"Blazor Bootstrap: Grid Component - Column class\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Chart` components\\n  - Tick configuration support added\\n  - Grid configuration support added\\n\\n- `Grid` component\\n  - New parameter **FilterButtonColor** added to change the filter button color.\\n  - New parameter **FilterButtonCSSClass** added to apply custom CSS classes.\\n  - Grid filters - Supports `DoesNotContain` filter.\\n  - Grid filters - **Enum** support added.\\n  - Grid filters - **Guid** support added.\\n\\n- `Modal` component\\n  - Bootstrtap 5.3.3 fixes: Modal close button alignment issue fixed. \\n\\n- `Sidebar` component\\n  - **Href** parameter added.\\n\\n- `Sidebar2` component\\n  - **Href** parameter added.\\n\\n- BlazorBootstrtap component library targets .NET 6 and .NET 8 frameworks.\\n\\n- Demos & Docs updated.\\n\\n## Breaking changes\\n\\n- `AccordionItem`\\n  - **IsActive** parameter renamed to **Active**.\\n\\n- `Button`\\n  - **Size**\'s parameter data type changed from **Size** to **ButtonSize**.\\n\\n- `Callout`\\n  - **Type** parameter changed to **Color**.\\n\\n- `Dropdown`\\n  - Set the dropdown color on `Dropdown` component only instead of setting on the `DropdownActionButton` and `DropdownToggleButton`.\\n  - **Size**\'s parameter data type changed from **Size** to **DropdownSize**.\\n\\n- `DropdownActionButton`\\n  - **Color** parameter removed.\\n\\n- `DropdownToggleButton`\\n  - **Color** parameter removed.\\n\\n- `DropdownItem`\\n  - **Type**\'s parameter data type changed from **ButtonType** to **DropdownItemType**.\\n\\n- `RibbonTab`\\n  - **IsActive** parameter renamed to **Active**.\\n\\n- `Tab`\\n  - **IsActive** parameter renamed to **Active**.\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)"},{"id":"/2024/04/21/blazorbootstrap-2.2.1","metadata":{"permalink":"/blog/2024/04/21/blazorbootstrap-2.2.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-04-21-blazorbootstrap-2.2.1.md","source":"@site/blog/2024-04-21-blazorbootstrap-2.2.1.md","title":"Blazor Bootstrap v2.2.1","description":"We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!","date":"2024-04-21T00:00:00.000Z","formattedDate":"April 21, 2024","tags":[{"label":"v2.2.1","permalink":"/blog/tags/v-2-2-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"confirmdialog","permalink":"/blog/tags/confirmdialog"},{"label":"grid","permalink":"/blog/tags/grid"}],"readingTime":0.3,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v2.2.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v2.2.1","blazor","bootstrap","blazorbootstrap","confirmdialog","grid"]},"prevItem":{"title":"Blazor Bootstrap v3.0.0-preview.1","permalink":"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"},"nextItem":{"title":"Blazor Bootstrap v2.2.0","permalink":"/blog/2024/04/14/blazorbootstrap-2.2.0"}},"content":"We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!\\n\\n![image](https://i.imgur.com/XG4Wv17.png \\"Blazor Bootstrap: Grid Component - Column class\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `ConfirmDialog` component\\n\\n- `Grid` component\\n\\n- Demos - Upgraded to .NET 8\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)"},{"id":"/2024/04/14/blazorbootstrap-2.2.0","metadata":{"permalink":"/blog/2024/04/14/blazorbootstrap-2.2.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-04-14-blazorbootstrap-2.2.0.md","source":"@site/blog/2024-04-14-blazorbootstrap-2.2.0.md","title":"Blazor Bootstrap v2.2.0","description":"We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!","date":"2024-04-14T00:00:00.000Z","formattedDate":"April 14, 2024","tags":[{"label":"v2.2.0","permalink":"/blog/tags/v-2-2-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"confirmdialog","permalink":"/blog/tags/confirmdialog"},{"label":"pdfviewer","permalink":"/blog/tags/pdfviewer"},{"label":"Ribbon","permalink":"/blog/tags/ribbon"},{"label":"sortablelist","permalink":"/blog/tags/sortablelist"},{"label":"tabs","permalink":"/blog/tags/tabs"}],"readingTime":0.315,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v2.2.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v2.2.0","blazor","bootstrap","bootstrap5","blazorbootstrap","confirmdialog","pdfviewer","Ribbon","sortablelist","tabs"]},"prevItem":{"title":"Blazor Bootstrap v2.2.1","permalink":"/blog/2024/04/21/blazorbootstrap-2.2.1"},"nextItem":{"title":"Blazor Bootstrap v2.1.0","permalink":"/blog/2024/03/17/blazorbootstrap-2.1.0"}},"content":"We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!\\n\\n![image](https://i.imgur.com/LpZVLbF.png \\"Blazor Bootstrap: Ribbon Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s New\\n\\n- `Ribbon` component\\n\\n- `SortableList` component\\n\\n## What\'s changed\\n\\n- `ConfirmDialog` component\\n\\n- `Grid` component\\n\\n- `PdfViewer` component\\n\\n- `Tabs` component\\n\\n- Documentation & Demos\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)"},{"id":"/2024/03/17/blazorbootstrap-2.1.0","metadata":{"permalink":"/blog/2024/03/17/blazorbootstrap-2.1.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-03-17-blazorbootstrap-2.1.0.md","source":"@site/blog/2024-03-17-blazorbootstrap-2.1.0.md","title":"Blazor Bootstrap v2.1.0","description":"We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!","date":"2024-03-17T00:00:00.000Z","formattedDate":"March 17, 2024","tags":[{"label":"v2.1.0","permalink":"/blog/tags/v-2-1-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"barchart","permalink":"/blog/tags/barchart"},{"label":"callout","permalink":"/blog/tags/callout"},{"label":"currencyinput","permalink":"/blog/tags/currencyinput"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"numberinput","permalink":"/blog/tags/numberinput"},{"label":"pdfviewer","permalink":"/blog/tags/pdfviewer"},{"label":"rangeinput","permalink":"/blog/tags/rangeinput"},{"label":"sidebar2","permalink":"/blog/tags/sidebar-2"},{"label":"tooltip","permalink":"/blog/tags/tooltip"}],"readingTime":0.35,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v2.1.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v2.1.0","blazor","bootstrap","bootstrap5","blazorbootstrap","barchart","callout","currencyinput","grid","numberinput","pdfviewer","rangeinput","sidebar2","tooltip"]},"prevItem":{"title":"Blazor Bootstrap v2.2.0","permalink":"/blog/2024/04/14/blazorbootstrap-2.2.0"},"nextItem":{"title":"Blazor Bootstrap v2.0.0","permalink":"/blog/2024/02/25/blazorbootstrap-2.0.0"}},"content":"We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!\\n\\n![image](https://i.imgur.com/vs8kl7G.png \\"Blazor Bootstrap: Sidebar2 Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s New\\n\\n- `Sidebar2` component\\n\\n## What\'s changed\\n\\n- `BarChart` component\\n\\n- `Callout` component\\n\\n- `CurrencyInput` component\\n\\n- `Grid` component\\n\\n- `NumberInput` component\\n\\n- `PdfViewer` component\\n\\n- `RangeInput` component\\n\\n- `Tooltip` component\\n\\n- Documentation & Demos\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)"},{"id":"/2024/02/25/blazorbootstrap-2.0.0","metadata":{"permalink":"/blog/2024/02/25/blazorbootstrap-2.0.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-25-blazorbootstrap-2.0.0.md","source":"@site/blog/2024-02-25-blazorbootstrap-2.0.0.md","title":"Blazor Bootstrap v2.0.0","description":"We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!","date":"2024-02-25T00:00:00.000Z","formattedDate":"February 25, 2024","tags":[{"label":"v2.0.0","permalink":"/blog/tags/v-2-0-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"button","permalink":"/blog/tags/button"},{"label":"callout","permalink":"/blog/tags/callout"},{"label":"clipboard","permalink":"/blog/tags/clipboard"},{"label":"spinner","permalink":"/blog/tags/spinner"}],"readingTime":0.34,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v2.0.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v2.0.0","blazor","bootstrap","bootstrap5","blazorbootstrap","button","callout","clipboard","spinner"]},"prevItem":{"title":"Blazor Bootstrap v2.1.0","permalink":"/blog/2024/03/17/blazorbootstrap-2.1.0"},"nextItem":{"title":"Upgrade to v2.x.x","permalink":"/blog/2024/02/25/upgrade-to-v2.0.0"}},"content":"We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!\\n\\n![image](https://i.imgur.com/bJwpAFS.png \\"Blazor Bootstrap: Spinner Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s New\\n\\n- `Spinner` component\\n\\n## What\'s changed\\n\\n- We have made improvements to the base components\\n\\n- `Button` component\\n\\n- `Callout` component\\n\\n- Documentation: clipboard support added\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Chart Components Documentation](https://getblazorbootstrap.com/docs/components/charts)"},{"id":"/2024/02/25/upgrade-to-v2.0.0","metadata":{"permalink":"/blog/2024/02/25/upgrade-to-v2.0.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-25-upgrade-to-v2.0.0.md","source":"@site/blog/2024-02-25-upgrade-to-v2.0.0.md","title":"Upgrade to v2.x.x","description":"Recommendation","date":"2024-02-25T00:00:00.000Z","formattedDate":"February 25, 2024","tags":[],"readingTime":0.84,"hasTruncateMarker":false,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Upgrade to v2.x.x","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}},"prevItem":{"title":"Blazor Bootstrap v2.0.0","permalink":"/blog/2024/02/25/blazorbootstrap-2.0.0"},"nextItem":{"title":"Blazor Bootstrap v1.11.0","permalink":"/blog/2024/02/04/blazorbootstrap-1.11.0"}},"content":"### Recommendation\\n\\nWe strongly recommend all `BlazorBootstrap` users migrate to version **2.x.x**.\\n\\nIf you are using version `1.x.x` for non-commercial purposes, you may continue using them, but upgrading to version `2.x.x` is strongly recommended.\\n\\nIf you are using version `1.x.x` for commercial purposes, you are no longer permitted to do so due to code usage concerns regarding Blazorise\'s ClassBuilder and StyleBuilder classes.\\n\\n### Background of ClassBuilder & StyleBuilder References\\n\\nIn March 2021, we created a component library proof-of-concept (POC) using `ClassBuilder` and `StyleBuilder` from Blazorise. At that time, Blazorise was under the MIT license. We inadvertently neglected to re-verify the Blazorise project\'s license later.\\n\\nOn February 12th, 2024, Blazorise contacted us regarding a potential licensing concern with both `ClassBuilder` and `StyleBuilder` classes. We respect Blazorise\'s dedication to open-source software and responsible licensing.\\n\\nWe have now removed all references to ClassBuilder and StyleBuilder from our codebase.\\n\\n:::danger IMPORTANT\\nIf you wish to continue using version `1.x.x` for commercial purposes, please reach out to the Blazorise team for licensing.\\n:::"},{"id":"/2024/02/04/blazorbootstrap-1.11.0","metadata":{"permalink":"/blog/2024/02/04/blazorbootstrap-1.11.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-04-blazorbootstrap-1.11.0.md","source":"@site/blog/2024-02-04-blazorbootstrap-1.11.0.md","title":"Blazor Bootstrap v1.11.0","description":"We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.","date":"2024-02-04T00:00:00.000Z","formattedDate":"February 4, 2024","tags":[{"label":"v1.11.0","permalink":"/blog/tags/v-1-11-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"badge","permalink":"/blog/tags/badge"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"pdfviewer","permalink":"/blog/tags/pdfviewer"},{"label":"rangeinput","permalink":"/blog/tags/rangeinput"},{"label":"scriptloader","permalink":"/blog/tags/scriptloader"},{"label":"tabs","permalink":"/blog/tags/tabs"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":1.015,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.11.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.11.0","blazor","bootstrap","bootstrap5","blazorbootstrap","autocomplete","badge","grid","pdfviewer","rangeinput","scriptloader","tabs","docs"]},"prevItem":{"title":"Upgrade to v2.x.x","permalink":"/blog/2024/02/25/upgrade-to-v2.0.0"},"nextItem":{"title":"Blazor Bootstrap v1.11.1","permalink":"/blog/2024/02/04/blazorbootstrap-1.11.1"}},"content":"We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.\\n\\n![image](https://i.imgur.com/7Vz9Efi.png \\"Blazor Bootstrap: PDF Viewer Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s New\\n\\n- `PDF Viewer` component\\n  - Allows users to view PDF files directly in the browser, eliminating the need for third-party browser tools or extensions.\\n  - Supports two callback events: OnDocumentLoaded and OnPageChanged\\n- `Range Input` component\\n  - Disabled\\n  - Min and Max\\n  - Step\\n  - Tick marks\\n- `Script Loader` component\\n  - Allows users to load JS sctipt files dynamically on the fly.\\n\\n## What\'s changed\\n\\n- `Auto Complete` component\\n  - AutoComplete dispose issue [#527](https://github.com/vikramlearning/blazorbootstrap/pull/527)\\n\\n- `Badge` component\\n  - Badge: Demos update [#497](https://github.com/vikramlearning/blazorbootstrap/pull/497)\\n\\n- `Grid` component\\n  - GGrid: Filters - Support string NotEqual [#486](https://github.com/vikramlearning/blazorbootstrap/issues/486)\\n\\n- `Tabs` component\\n  - Dynamic Tabs [#538](https://github.com/vikramlearning/blazorbootstrap/pull/538)\\n  - Vertical Tabs [#533](https://github.com/vikramlearning/blazorbootstrap/pull/533)\\n  - Vertical Pills Tabs[#533](https://github.com/vikramlearning/blazorbootstrap/pull/533)\\n  - Vertical Underline Tabs[#533](https://github.com/vikramlearning/blazorbootstrap/pull/533)\\n  - Underline Tabs[#533](https://github.com/vikramlearning/blazorbootstrap/pull/533)\\n  - Tab: OnClick call back event [#543](https://github.com/vikramlearning/blazorbootstrap/pull/543)\\n\\n- Other updates\\n  - Upgrade bootstrap version to 5.3.2 [#498](https://github.com/vikramlearning/blazorbootstrap/pull/498)\\n  - Fix build warnings [#534](https://github.com/vikramlearning/blazorbootstrap/pull/534)\\n  - Nuget update [#520](https://github.com/vikramlearning/blazorbootstrap/pull/520)\\n  - Update docs to Bootstrap Icons 1.11.3 [#541](https://github.com/vikramlearning/blazorbootstrap/pull/541)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Documentation](https://docs.blazorbootstrap.com/)"},{"id":"/2024/02/04/blazorbootstrap-1.11.1","metadata":{"permalink":"/blog/2024/02/04/blazorbootstrap-1.11.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-04-blazorbootstrap-1.11.1.md","source":"@site/blog/2024-02-04-blazorbootstrap-1.11.1.md","title":"Blazor Bootstrap v1.11.1","description":"We are excited to release 1.11.1 with PDF Viewer updates!!!","date":"2024-02-04T00:00:00.000Z","formattedDate":"February 4, 2024","tags":[{"label":"v1.11.1","permalink":"/blog/tags/v-1-11-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"pdfviewer","permalink":"/blog/tags/pdfviewer"}],"readingTime":0.3,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.11.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.11.1","blazor","bootstrap","bootstrap5","blazorbootstrap","pdfviewer"]},"prevItem":{"title":"Blazor Bootstrap v1.11.0","permalink":"/blog/2024/02/04/blazorbootstrap-1.11.0"},"nextItem":{"title":"Blazor Bootstrap v1.10.5","permalink":"/blog/2024/01/01/blazorbootstrap-1.10.5"}},"content":"We are excited to release 1.11.1 with PDF Viewer updates!!!\\n\\n![image](https://i.imgur.com/7Vz9Efi.png \\"Blazor Bootstrap: PDF Viewer Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- We have made improvements to the base components\\n\\n- `PDF Viewer` component\\n  - PDF Viewer JS call issue fixed. [#547](https://github.com/vikramlearning/blazorbootstrap/pull/547)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Chart Components Documentation](https://getblazorbootstrap.com/docs/components/charts)"},{"id":"/2024/01/01/blazorbootstrap-1.10.5","metadata":{"permalink":"/blog/2024/01/01/blazorbootstrap-1.10.5","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-01-01-blazorbootstrap-1.10.5.md","source":"@site/blog/2024-01-01-blazorbootstrap-1.10.5.md","title":"Blazor Bootstrap v1.10.5","description":"We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!","date":"2024-01-01T00:00:00.000Z","formattedDate":"January 1, 2024","tags":[{"label":"v1.10.5","permalink":"/blog/tags/v-1-10-5"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"accordion","permalink":"/blog/tags/accordion"},{"label":"charts","permalink":"/blog/tags/charts"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"toast","permalink":"/blog/tags/toast"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":0.815,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.10.5","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.10.5","blazor","bootstrap","bootstrap5","blazorbootstrap","accordion","charts","grid","modal","toast","docs"]},"prevItem":{"title":"Blazor Bootstrap v1.11.1","permalink":"/blog/2024/02/04/blazorbootstrap-1.11.1"},"nextItem":{"title":"Blazor Bootstrap v1.10.4","permalink":"/blog/2023/11/18/blazorbootstrap-1.10.4"}},"content":"We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!\\n\\n![image](https://i.imgur.com/GzXuQep.png \\"Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Accordion` component\\n  - Accordion: Add hide methods to Accordion [#473](https://github.com/vikramlearning/blazorbootstrap/pull/473)\\n  - Accordion: Add Accordion show/hide all methods [476](https://github.com/vikramlearning/blazorbootstrap/pull/476)\\n\\n- `Chart` component\\n  - Charts: How to change legend position in chat [#484](https://github.com/vikramlearning/blazorbootstrap/pull/484)\\n\\n- `Grid` component\\n  - Grid: Docs update [#478](https://github.com/vikramlearning/blazorbootstrap/pull/478)\\n  - Grid: PageSizeSelector dropdown is default to smallest value [#482](https://github.com/vikramlearning/blazorbootstrap/pull/482)\\n  - Grid: Auto hide paginations on few elements [#483](https://github.com/vikramlearning/blazorbootstrap/pull/483)\\n\\n- `Modal` component\\n  - Modal: Throws Error on Navigating Away in .NET 8 [#468](https://github.com/vikramlearning/blazorbootstrap/pull/468)\\n\\n- `Toast` component\\n  - Toast: Dispose issue [#488](https://github.com/vikramlearning/blazorbootstrap/pull/488)\\n\\n- Docs updates\\n  - Docs: Fixed typo [#438](https://github.com/vikramlearning/blazorbootstrap/pull/438)\\n  - Docs: Getting Started Docs - .NET 8 - Web Assembly & Web App - Server - Global [#458](https://github.com/vikramlearning/blazorbootstrap/pull/458)\\n  - Docs: Getting Started Docs update [#462](https://github.com/vikramlearning/blazorbootstrap/pull/462)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Documentation](https://docs.blazorbootstrap.com/)"},{"id":"/2023/11/18/blazorbootstrap-1.10.4","metadata":{"permalink":"/blog/2023/11/18/blazorbootstrap-1.10.4","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-11-18-blazorbootstrap-1.10.4.md","source":"@site/blog/2023-11-18-blazorbootstrap-1.10.4.md","title":"Blazor Bootstrap v1.10.4","description":"We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!","date":"2023-11-18T00:00:00.000Z","formattedDate":"November 18, 2023","tags":[{"label":"v1.10.4","permalink":"/blog/tags/v-1-10-4"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"preload","permalink":"/blog/tags/preload"},{"label":"switch","permalink":"/blog/tags/switch"},{"label":"charts","permalink":"/blog/tags/charts"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":0.525,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.10.4","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.10.4","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","preload","switch","charts","modal","docs"]},"prevItem":{"title":"Blazor Bootstrap v1.10.5","permalink":"/blog/2024/01/01/blazorbootstrap-1.10.5"},"nextItem":{"title":"Blazor Bootstrap v1.10.3","permalink":"/blog/2023/10/15/blazorbootstrap-1.10.3"}},"content":"We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!\\n\\n![image](https://i.imgur.com/GzXuQep.png \\"Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Grid: Freeze Columns Support [#246](https://github.com/vikramlearning/blazorbootstrap/issues/246)\\n\\n- `Preload` component\\n  - Preload: Add text to preload component [#414](https://github.com/vikramlearning/blazorbootstrap/issues/414)\\n\\n- `Switch` component\\n  - Switch: Double click on switch selects the label [#401](https://github.com/vikramlearning/blazorbootstrap/issues/401)\\n\\n- `Charts` component\\n  - Chart size updates [#384](https://github.com/vikramlearning/blazorbootstrap/pull/384)\\n\\n- `Modal` component\\n  - Pressing Esc still closes the modal even with UseStaticBackdrop=\\"true\\" [#416](https://github.com/vikramlearning/blazorbootstrap/issues/416)\\n\\n- Docs updates\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Documentation](https://docs.blazorbootstrap.com/)"},{"id":"/2023/10/15/blazorbootstrap-1.10.3","metadata":{"permalink":"/blog/2023/10/15/blazorbootstrap-1.10.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-10-15-blazorbootstrap-1.10.3.md","source":"@site/blog/2023-10-15-blazorbootstrap-1.10.3.md","title":"Blazor Bootstrap v1.10.3","description":"We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!","date":"2023-10-15T00:00:00.000Z","formattedDate":"October 15, 2023","tags":[{"label":"v1.10.3","permalink":"/blog/tags/v-1-10-3"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"dropdown","permalink":"/blog/tags/dropdown"},{"label":"blazordropdown","permalink":"/blog/tags/blazordropdown"},{"label":"icon","permalink":"/blog/tags/icon"},{"label":"blazoricon","permalink":"/blog/tags/blazoricon"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":0.435,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.10.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.10.3","blazor","bootstrap","bootstrap5","blazorbootstrap","dropdown","blazordropdown","icon","blazoricon","docs"]},"prevItem":{"title":"Blazor Bootstrap v1.10.4","permalink":"/blog/2023/11/18/blazorbootstrap-1.10.4"},"nextItem":{"title":"Blazor Bootstrap v1.10.2","permalink":"/blog/2023/09/15/blazorbootstrap-1.10.2"}},"content":"We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!\\n\\n![image](https://i.imgur.com/QRgyrZK.png \\"Blazor Bootstrap: Gird Component - Fixed header\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Grid: Fixed Header Support [#53](https://github.com/vikramlearning/blazorbootstrap/issues/53)\\n\\n- `Dropdown` component\\n  - Add feature to disable Dropdown [#373](https://github.com/vikramlearning/blazorbootstrap/issues/373)\\n\\n- `Icon` component\\n  - Sizing for icons in buttons is strange [#346](https://github.com/vikramlearning/blazorbootstrap/issues/346)\\n\\n- `Sidebar` component\\n  - Sidebar: Add option to space items [#276](https://github.com/vikramlearning/blazorbootstrap/issues/276)\\n\\n- Docs updates\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Documentation](https://docs.blazorbootstrap.com/)"},{"id":"/2023/09/15/blazorbootstrap-1.10.2","metadata":{"permalink":"/blog/2023/09/15/blazorbootstrap-1.10.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-09-15-blazorbootstrap-1.10.2.md","source":"@site/blog/2023-09-15-blazorbootstrap-1.10.2.md","title":"Blazor Bootstrap v1.10.2","description":"We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!","date":"2023-09-15T00:00:00.000Z","formattedDate":"September 15, 2023","tags":[{"label":"v1.10.2","permalink":"/blog/tags/v-1-10-2"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"blazorautocomplete","permalink":"/blog/tags/blazorautocomplete"},{"label":"confirmdialog","permalink":"/blog/tags/confirmdialog"},{"label":"blazorconfirmdialog","permalink":"/blog/tags/blazorconfirmdialog"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"},{"label":"modalservice","permalink":"/blog/tags/modalservice"},{"label":"tooltip","permalink":"/blog/tags/tooltip"},{"label":"blazortooltip","permalink":"/blog/tags/blazortooltip"},{"label":"sidebar","permalink":"/blog/tags/sidebar"},{"label":"blazorsidebar","permalink":"/blog/tags/blazorsidebar"},{"label":"chart","permalink":"/blog/tags/chart"},{"label":"blazorchart","permalink":"/blog/tags/blazorchart"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":0.66,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.10.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.10.2","blazor","bootstrap","bootstrap5","blazorbootstrap","autocomplete","blazorautocomplete","confirmdialog","blazorconfirmdialog","modal","blazormodal","modalservice","tooltip","blazortooltip","sidebar","blazorsidebar","chart","blazorchart","docs"]},"prevItem":{"title":"Blazor Bootstrap v1.10.3","permalink":"/blog/2023/10/15/blazorbootstrap-1.10.3"},"nextItem":{"title":"Blazor Bootstrap v1.10.1","permalink":"/blog/2023/08/29/blazorbootstrap-1.10.1"}},"content":"We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!\\n\\n![image](https://i.imgur.com/xEPhAsW.png \\"Blazor Bootstrap: Doughnut Chart Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `AutoComplete` component\\n  - Autocomplete shows \\"No Records Found\\" Before Search is finished [#352](https://github.com/vikramlearning/blazorbootstrap/issues/352)\\n\\n- `Confirm Dialog` component\\n  - Confirm Dialog - No fade animation [#334](https://github.com/vikramlearning/blazorbootstrap/issues/334)\\n\\n- `Modal Service`\\n  - Callback support has been added\\n\\n- `Tooltip` component\\n  - Dispose issue fixed [#327](https://github.com/vikramlearning/blazorbootstrap/issues/327)\\n\\n- `Sidebar` component\\n  - Sidebar should close automatically on mobile [#274](https://github.com/vikramlearning/blazorbootstrap/issues/274)\\n\\n- We have made improvements to all the charts to support data labels [#317](https://github.com/vikramlearning/blazorbootstrap/issues/317)\\n  - `Bar Chart`, `Doughnut Chart`,  `Line Chart`, and `Pie Chart`\\n\\n- MAUI Blazor App - Getting started docs added\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Chart Components Documentation](https://getblazorbootstrap.com/docs/components/charts)"},{"id":"/2023/08/29/blazorbootstrap-1.10.1","metadata":{"permalink":"/blog/2023/08/29/blazorbootstrap-1.10.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-08-29-blazorbootstrap-1.10.1.md","source":"@site/blog/2023-08-29-blazorbootstrap-1.10.1.md","title":"Blazor Bootstrap v1.10.1","description":"We are excited to release 1.10.1 with base component improvements and chart updates!!!","date":"2023-08-29T00:00:00.000Z","formattedDate":"August 29, 2023","tags":[{"label":"v1.10.1","permalink":"/blog/tags/v-1-10-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"}],"readingTime":0.39,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.10.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.10.1","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid"]},"prevItem":{"title":"Blazor Bootstrap v1.10.2","permalink":"/blog/2023/09/15/blazorbootstrap-1.10.2"},"nextItem":{"title":"Blazor Bootstrap v1.10.0","permalink":"/blog/2023/08/13/blazorbootstrap-1.10.0"}},"content":"We are excited to release 1.10.1 with base component improvements and chart updates!!!\\n\\n![image](https://i.imgur.com/jMIvDFZ.png \\"Blazor Bootstrap: BarChart Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- We have made improvements to the base components\\n\\n- `Bar Chart` component\\n  - UpdateAsync method\\n\\n- `Doughnut Chart` component\\n  - UpdateAsync method\\n\\n- `Line Chart` component\\n  - UpdateAsync method\\n\\n- `Pie Chart` component\\n  - UpdateAsync method\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Chart Components Documentation](https://getblazorbootstrap.com/docs/components/charts)"},{"id":"/2023/08/13/blazorbootstrap-1.10.0","metadata":{"permalink":"/blog/2023/08/13/blazorbootstrap-1.10.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-08-13-blazorbootstrap-1.10.0.md","source":"@site/blog/2023-08-13-blazorbootstrap-1.10.0.md","title":"Blazor Bootstrap v1.10.0","description":"We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!","date":"2023-08-13T00:00:00.000Z","formattedDate":"August 13, 2023","tags":[{"label":"v1.10.0","permalink":"/blog/tags/v-1-10-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"}],"readingTime":1.22,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.10.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.10.0","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid"]},"prevItem":{"title":"Blazor Bootstrap v1.10.1","permalink":"/blog/2023/08/29/blazorbootstrap-1.10.1"},"nextItem":{"title":"Blazor Bootstrap v1.9.5","permalink":"/blog/2023/07/16/blazorbootstrap-1.9.5"}},"content":"We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!\\n\\n![image](https://i.imgur.com/qH7G1ZT.png \\"Blazor Bootstrap: Grid Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s New\\n\\n- `Dropdown` Component\\n  - Single button\\n  - Multiple colors\\n  - Split button\\n  - Sizing\\n  - Directions (Dropup, Dropup centered, Dropend, and Dropstart)\\n  - Active\\n  - Disabled\\n  - Menu content (Header, Dividers, Text, and Forms)\\n  - Auto close behavior\\n\\n- `Card` Component\\n  - Content types (Body, Titles, text, and links)\\n  - Images\\n  - List groups\\n  - Header and footer\\n  - Sizing\\n  - Text alignment\\n  - Background and color\\n  - Card groups\\n  - Card groups with footer\\n\\n## What\'s changed\\n\\n- `Bar Chart` component\\n  - New AddDataSetAsync and AddAsync methods\\n\\n- `Doughnut Chart` component\\n  - New AddDataSetAsync and AddAsync methods\\n\\n- `Line Chart` component\\n  - New AddDataSetAsync and AddAsync methods\\n\\n- `Pie Chart` component\\n  - New AddDataSetAsync and AddAsync methods\\n\\n- `Grid` component\\n  - Grid: Filters translation support [#292](https://github.com/vikramlearning/blazorbootstrap/issues/292)\\n  \\n- `Button` component\\n  - Tooltip color support added\\n\\n- `Tooltip` component\\n  - Tooltip color support added\\n  - Tooltip on button problem [#296](https://github.com/vikramlearning/blazorbootstrap/issues/296)\\n\\n- `Switch` component\\n  -  Switch is invoking EditContext OnFieldChanged even the change was not from UI [#297](https://github.com/vikramlearning/blazorbootstrap/issues/297)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Card Component Documentation](https://getblazorbootstrap.com/docs/components/card)\\n- [Blazor Dropdown Component Documentation](https://getblazorbootstrap.com/docs/components/dropdown)\\n- [Blazor Chart Components Documentation](https://getblazorbootstrap.com/docs/components/charts)\\n- [Blazor Grid Component Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor Button Component Documentation](https://getblazorbootstrap.com/docs/forms/buttons)\\n- [Blazor Tooltip Component Documentation](https://getblazorbootstrap.com/docs/forms/tooltips)\\n- [Blazor Switch Component Documentation](https://getblazorbootstrap.com/docs/forms/switch)"},{"id":"/2023/07/16/blazorbootstrap-1.9.5","metadata":{"permalink":"/blog/2023/07/16/blazorbootstrap-1.9.5","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-16-blazorbootstrap-1.9.5.md","source":"@site/blog/2023-07-16-blazorbootstrap-1.9.5.md","title":"Blazor Bootstrap v1.9.5","description":"We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!","date":"2023-07-16T00:00:00.000Z","formattedDate":"July 16, 2023","tags":[{"label":"v1.9.5","permalink":"/blog/tags/v-1-9-5"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"timeinput","permalink":"/blog/tags/timeinput"},{"label":"blazortimeinput","permalink":"/blog/tags/blazortimeinput"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"}],"readingTime":0.775,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.9.5","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.9.5","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid","timeinput","blazortimeinput","modal","blazormodal"]},"prevItem":{"title":"Blazor Bootstrap v1.10.0","permalink":"/blog/2023/08/13/blazorbootstrap-1.10.0"},"nextItem":{"title":"Blazor Bootstrap v1.9.4","permalink":"/blog/2023/07/05/blazorbootstrap-1.9.4"}},"content":"We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!\\n\\n![image](https://i.imgur.com/qH7G1ZT.png \\"Blazor Bootstrap: Grid Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - New **OnRowClick** event\\n  - New **OnRowDoubleClick** event\\n  - Grid Component: Row Click Event [#264](https://github.com/vikramlearning/blazorbootstrap/issues/264)\\n  - Grid Component - Translatable page size selector [#287](https://github.com/vikramlearning/blazorbootstrap/pull/287)\\n\\n- `TimeInput` component\\n  - TimeInput: Changing value does not work [#271](https://github.com/vikramlearning/blazorbootstrap/issues/271)\\n\\n- `Switch` component\\n  -  Switch class not applied to label [#235](https://github.com/vikramlearning/blazorbootstrap/issues/235)\\n\\n- `Modal` component\\n  - Cannot change modal type on static modals [#278](https://github.com/vikramlearning/blazorbootstrap/issues/278)\\n\\n- `Line Chart` component\\n  - Multiple of the same chart causing js exception [#283](https://github.com/vikramlearning/blazorbootstrap/issues/283)\\n\\n- `Sidebar` component\\n  - SidebarItem without childs, CustomIconName not passed to Icon [#286](https://github.com/vikramlearning/blazorbootstrap/issues/286)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Component Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor TimeInput Component Documentation](https://getblazorbootstrap.com/docs/forms/time-input)\\n- [Blazor Switch Component Documentation](https://getblazorbootstrap.com/docs/forms/switch)\\n- [Blazor Modal Component Documentation](https://getblazorbootstrap.com/docs/components/modal)\\n- [Blazor Line Chart Component Documentation](https://getblazorbootstrap.com/docs/components/charts)\\n- [Blazor Sidebar Component Documentation](https://getblazorbootstrap.com/docs/components/sidebar)"},{"id":"/2023/07/05/blazorbootstrap-1.9.4","metadata":{"permalink":"/blog/2023/07/05/blazorbootstrap-1.9.4","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-05-blazorbootstrap-1.9.4.md","source":"@site/blog/2023-07-05-blazorbootstrap-1.9.4.md","title":"Blazor Bootstrap v1.9.4","description":"We are excited to release 1.9.4 with Modal service updates!!!","date":"2023-07-05T00:00:00.000Z","formattedDate":"July 5, 2023","tags":[{"label":"v1.9.4","permalink":"/blog/tags/v-1-9-4"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"modalservice","permalink":"/blog/tags/modalservice"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"},{"label":"blazormodalservice","permalink":"/blog/tags/blazormodalservice"}],"readingTime":0.235,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.9.4","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.9.4","blazor","bootstrap","bootstrap5","blazorbootstrap","modal","modalservice","blazormodal","blazormodalservice"]},"prevItem":{"title":"Blazor Bootstrap v1.9.5","permalink":"/blog/2023/07/16/blazorbootstrap-1.9.5"},"nextItem":{"title":"Blazor Bootstrap v1.9.3","permalink":"/blog/2023/07/04/blazorbootstrap-1.9.3"}},"content":"We are excited to release 1.9.4 with Modal service updates!!!\\n\\n![image](https://i.imgur.com/vIELA4s.png \\"Blazor Bootstrap: Modal Service\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Modal` service\\n  - Blazor Modal Service problem [#265](https://github.com/vikramlearning/blazorbootstrap/issues/265)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Modal Service Documentation](https://getblazorbootstrap.com/docs/services/modal)"},{"id":"/2023/07/04/blazorbootstrap-1.9.3","metadata":{"permalink":"/blog/2023/07/04/blazorbootstrap-1.9.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-04-blazorbootstrap-1.9.3.md","source":"@site/blog/2023-07-04-blazorbootstrap-1.9.3.md","title":"Blazor Bootstrap v1.9.3","description":"We are excited to release 1.9.3 with Grid component updates!!!","date":"2023-07-04T00:00:00.000Z","formattedDate":"July 4, 2023","tags":[{"label":"v1.9.3","permalink":"/blog/tags/v-1-9-3"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"}],"readingTime":0.29,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.9.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.9.3","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid"]},"prevItem":{"title":"Blazor Bootstrap v1.9.4","permalink":"/blog/2023/07/05/blazorbootstrap-1.9.4"},"nextItem":{"title":"Blazor Bootstrap v1.9.1","permalink":"/blog/2023/06/31/blazorbootstrap-1.9.1"}},"content":"We are excited to release 1.9.3 with Grid component updates!!!\\n\\n![image](https://i.imgur.com/11SK9v4.png \\"Blazor Bootstrap: Grid Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - New `HeaderRowCssClass` parameter\\n  - New `FiltersRowCssClass` parameter\\n  - Default sorting icon to indicate the column is sortable\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2023/06/31/blazorbootstrap-1.9.1","metadata":{"permalink":"/blog/2023/06/31/blazorbootstrap-1.9.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-31-blazorbootstrap-1.9.1.md","source":"@site/blog/2023-06-31-blazorbootstrap-1.9.1.md","title":"Blazor Bootstrap v1.9.1","description":"We are excited to release 1.9.1 with Modal Service updates!!!","date":"2023-07-01T00:00:00.000Z","formattedDate":"July 1, 2023","tags":[{"label":"v1.9.1","permalink":"/blog/tags/v-1-9-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"}],"readingTime":0.235,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.9.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.9.1","blazor","bootstrap","bootstrap5","blazorbootstrap","modal","blazormodal"]},"prevItem":{"title":"Blazor Bootstrap v1.9.3","permalink":"/blog/2023/07/04/blazorbootstrap-1.9.3"},"nextItem":{"title":"Blazor Bootstrap v1.9.2","permalink":"/blog/2023/07/01/blazorbootstrap-1.9.2"}},"content":"We are excited to release 1.9.1 with Modal Service updates!!!\\n\\n![image](https://i.imgur.com/Tze7msN.png \\"Blazor Bootstrap: Modal Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Modal` service\\n  - Issue with new ModalService [#258](https://github.com/vikramlearning/blazorbootstrap/issues/258)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Modal Service Documentation](https://getblazorbootstrap.com/docs/services/modal)"},{"id":"/2023/07/01/blazorbootstrap-1.9.2","metadata":{"permalink":"/blog/2023/07/01/blazorbootstrap-1.9.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-01-blazorbootstrap-1.9.2.md","source":"@site/blog/2023-07-01-blazorbootstrap-1.9.2.md","title":"Blazor Bootstrap v1.9.2","description":"We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!","date":"2023-07-01T00:00:00.000Z","formattedDate":"July 1, 2023","tags":[{"label":"v1.9.2","permalink":"/blog/tags/v-1-9-2"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"breadcrumbservice","permalink":"/blog/tags/breadcrumbservice"},{"label":"breadcrumb","permalink":"/blog/tags/breadcrumb"},{"label":"blazorbreadcrumb","permalink":"/blog/tags/blazorbreadcrumb"},{"label":"toast","permalink":"/blog/tags/toast"},{"label":"blazortoast","permalink":"/blog/tags/blazortoast"},{"label":"toastservice","permalink":"/blog/tags/toastservice"}],"readingTime":0.305,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.9.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.9.2","blazor","bootstrap","bootstrap5","blazorbootstrap","breadcrumbservice","breadcrumb","blazorbreadcrumb","toast","blazortoast","toastservice"]},"prevItem":{"title":"Blazor Bootstrap v1.9.1","permalink":"/blog/2023/06/31/blazorbootstrap-1.9.1"},"nextItem":{"title":"Blazor Bootstrap v1.9.0","permalink":"/blog/2023/06/30/blazorbootstrap-1.9.0"}},"content":"We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!\\n\\n![image](https://i.imgur.com/W1YkmJH.png \\"Blazor Bootstrap: Toast Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s new\\n\\n- `Breadcrumb` service\\n  - Global service for the application\\n\\n## What\'s changed\\n\\n- `Toast` service\\n  - ToastService not working anymore in version 1.9.1 [#261](https://github.com/vikramlearning/blazorbootstrap/issues/261)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)"},{"id":"/2023/06/30/blazorbootstrap-1.9.0","metadata":{"permalink":"/blog/2023/06/30/blazorbootstrap-1.9.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-30-blazorbootstrap-1.9.0.md","source":"@site/blog/2023-06-30-blazorbootstrap-1.9.0.md","title":"Blazor Bootstrap v1.9.0","description":"We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!","date":"2023-06-30T00:00:00.000Z","formattedDate":"June 30, 2023","tags":[{"label":"v1.9.0","permalink":"/blog/tags/v-1-9-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"},{"label":"icon","permalink":"/blog/tags/icon"},{"label":"blazoricon","permalink":"/blog/tags/blazoricon"},{"label":"modalservice","permalink":"/blog/tags/modalservice"},{"label":"blazormodalservice","permalink":"/blog/tags/blazormodalservice"},{"label":"toasts","permalink":"/blog/tags/toasts"},{"label":"blazortoasts","permalink":"/blog/tags/blazortoasts"},{"label":"tabs","permalink":"/blog/tags/tabs"},{"label":"blazortabs","permalink":"/blog/tags/blazortabs"}],"readingTime":0.575,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.9.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.9.0","blazor","bootstrap","bootstrap5","blazorbootstrap","modal","blazormodal","icon","blazoricon","modalservice","blazormodalservice","icon","blazoricon","toasts","blazortoasts","tabs","blazortabs"]},"prevItem":{"title":"Blazor Bootstrap v1.9.2","permalink":"/blog/2023/07/01/blazorbootstrap-1.9.2"},"nextItem":{"title":"Blazor Bootstrap v1.8.3","permalink":"/blog/2023/06/16/blazorbootstrap-1.8.3"}},"content":"We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!\\n\\n![image](https://i.imgur.com/vIELA4s.png \\"Blazor Bootstrap: Modal Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s new\\n\\n- `Modal` service\\n  - Global service for the application\\n\\n## What\'s changed\\n\\n- `Modal` component\\n  - Dynamic modal title does not work when using static content [#242](https://github.com/vikramlearning/blazorbootstrap/issues/242)\\n\\n- `Icon` component\\n  - New `Color` parameter added \\n\\n- `Toasts` component\\n  - ToastService.Notify method does not have AutoHide [#238](https://github.com/vikramlearning/blazorbootstrap/issues/238)\\n\\n- `Tabs` component\\n  -  ShowTabByIndexAsync not working after OnAfterRenderAsync [#243](https://github.com/vikramlearning/blazorbootstrap/issues/243)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Modal Documentation](https://getblazorbootstrap.com/docs/components/modal)\\n- [Blazor Modal Service Documentation](https://getblazorbootstrap.com/docs/services/modal)\\n- [Blazor Icon Documentation](https://getblazorbootstrap.com/docs/content/icons)\\n- [Blazor Toasts Documentation](https://getblazorbootstrap.com/docs/components/toasts)\\n- [Blazor Tabs Documentation](https://getblazorbootstrap.com/docs/components/tabs)"},{"id":"/2023/06/16/blazorbootstrap-1.8.3","metadata":{"permalink":"/blog/2023/06/16/blazorbootstrap-1.8.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-16-blazorbootstrap-1.8.3.md","source":"@site/blog/2023-06-16-blazorbootstrap-1.8.3.md","title":"Blazor Bootstrap v1.8.3","description":"We are excited to release 1.8.3 with Grid and Progress components updates!!!","date":"2023-06-16T00:00:00.000Z","formattedDate":"June 16, 2023","tags":[{"label":"v1.8.3","permalink":"/blog/tags/v-1-8-3"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"progress","permalink":"/blog/tags/progress"},{"label":"blazorprogress","permalink":"/blog/tags/blazorprogress"}],"readingTime":0.31,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.8.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.8.3","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid","progress","blazorprogress"]},"prevItem":{"title":"Blazor Bootstrap v1.9.0","permalink":"/blog/2023/06/30/blazorbootstrap-1.9.0"},"nextItem":{"title":"Blazor Bootstrap v1.8.2","permalink":"/blog/2023/06/11/blazorbootstrap-1.8.2"}},"content":"We are excited to release 1.8.3 with Grid and Progress components updates!!!\\n\\n![image](https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f \\"Blazor Bootstrap: Grid Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Select all/none refresh problem [#217](https://github.com/vikramlearning/blazorbootstrap/issues/217)\\n\\n- `Progress` component\\n  - Progress bar grid bind problem [#229](https://github.com/vikramlearning/blazorbootstrap/issues/229)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor Progress Documentation](https://demos.blazorbootstrap.com/progress)"},{"id":"/2023/06/11/blazorbootstrap-1.8.2","metadata":{"permalink":"/blog/2023/06/11/blazorbootstrap-1.8.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-11-blazorbootstrap-1.8.2.md","source":"@site/blog/2023-06-11-blazorbootstrap-1.8.2.md","title":"Blazor Bootstrap v1.8.2","description":"We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!","date":"2023-06-11T00:00:00.000Z","formattedDate":"June 11, 2023","tags":[{"label":"v1.8.2","permalink":"/blog/tags/v-1-8-2"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"button","permalink":"/blog/tags/button"},{"label":"blazorbutton","permalink":"/blog/tags/blazorbutton"},{"label":"date","permalink":"/blog/tags/date"},{"label":"dateinput","permalink":"/blog/tags/dateinput"},{"label":"input","permalink":"/blog/tags/input"},{"label":"blazordateinput","permalink":"/blog/tags/blazordateinput"}],"readingTime":0.435,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.8.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.8.2","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid","button","blazorbutton","date","dateinput","input","blazordateinput"]},"prevItem":{"title":"Blazor Bootstrap v1.8.3","permalink":"/blog/2023/06/16/blazorbootstrap-1.8.3"},"nextItem":{"title":"Blazor Bootstrap v1.8.1","permalink":"/blog/2023/05/31/blazorbootstrap-1.8.1"}},"content":"We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!\\n\\n![image](https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f \\"Blazor Bootstrap: Grid Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Grid local filter with null strings [#227](https://github.com/vikramlearning/blazorbootstrap/issues/227)\\n  - Grid Single Select [#230](https://github.com/vikramlearning/blazorbootstrap/issues/230)\\n\\n- `Button` component\\n  - Button TooltipTitle does not disappear when clicked [#222](https://github.com/vikramlearning/blazorbootstrap/issues/222)\\n\\n- `DateInput` component\\n  - DateInput no reaction to null [#221](https://github.com/vikramlearning/blazorbootstrap/issues/221)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor Buttons Documentation](https://demos.blazorbootstrap.com/buttons)\\n- [Blazor Date Input Documentation](https://getblazorbootstrap.com/docs/forms/date-input)"},{"id":"/2023/05/31/blazorbootstrap-1.8.1","metadata":{"permalink":"/blog/2023/05/31/blazorbootstrap-1.8.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-05-31-blazorbootstrap-1.8.1.md","source":"@site/blog/2023-05-31-blazorbootstrap-1.8.1.md","title":"Blazor Bootstrap v1.8.1","description":"We are excited to release 1.8.1 with Grid and Tooltip components updates!!!","date":"2023-05-31T00:00:00.000Z","formattedDate":"May 31, 2023","tags":[{"label":"v1.8.1","permalink":"/blog/tags/v-1-8-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"tooltip","permalink":"/blog/tags/tooltip"},{"label":"blazortooltip","permalink":"/blog/tags/blazortooltip"}],"readingTime":0.46,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.8.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.8.1","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid","tooltip","blazortooltip"]},"prevItem":{"title":"Blazor Bootstrap v1.8.2","permalink":"/blog/2023/06/11/blazorbootstrap-1.8.2"},"nextItem":{"title":"Blazor Bootstrap v1.8.0","permalink":"/blog/2023/05/28/blazorbootstrap-1.8.0"}},"content":"We are excited to release 1.8.1 with Grid and Tooltip components updates!!!\\n\\n![image](https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f \\"Blazor Bootstrap: Grid Component\\")\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Selection and filters both active bug [#214](https://github.com/vikramlearning/blazorbootstrap/issues/214)\\n\\n- `Tooltip` component\\n  - Tooltip does not disappear [#213](https://github.com/vikramlearning/blazorbootstrap/issues/213)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor Offcanvas Documentation](https://getblazorbootstrap.com/docs/components/offcanvas)\\n- [Blazor Auto Complete Documentation](https://getblazorbootstrap.com/docs/forms/autocomplete)\\n- [Blazor Currency Input Documentation](https://getblazorbootstrap.com/docs/forms/currency-input)\\n- [Blazor Date Input Documentation](https://getblazorbootstrap.com/docs/forms/date-input)\\n- [Blazor Number Input Documentation](https://getblazorbootstrap.com/docs/forms/number-input)\\n- [Blazor Switch Documentation](https://getblazorbootstrap.com/docs/forms/switch)\\n- [Blazor Time Input Documentation](https://getblazorbootstrap.com/docs/forms/time-input)"},{"id":"/2023/05/28/blazorbootstrap-1.8.0","metadata":{"permalink":"/blog/2023/05/28/blazorbootstrap-1.8.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-05-28-blazorbootstrap-1.8.0.md","source":"@site/blog/2023-05-28-blazorbootstrap-1.8.0.md","title":"Blazor Bootstrap v1.8.0","description":"We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!","date":"2023-05-28T00:00:00.000Z","formattedDate":"May 28, 2023","tags":[{"label":"v1.8.0","permalink":"/blog/tags/v-1-8-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"offcanvas","permalink":"/blog/tags/offcanvas"},{"label":"blazoroffcanvas","permalink":"/blog/tags/blazoroffcanvas"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"blazorautocomplete","permalink":"/blog/tags/blazorautocomplete"},{"label":"currencyinput","permalink":"/blog/tags/currencyinput"},{"label":"blazorcurrencyinput","permalink":"/blog/tags/blazorcurrencyinput"},{"label":"dateinput","permalink":"/blog/tags/dateinput"},{"label":"blazordateinput","permalink":"/blog/tags/blazordateinput"},{"label":"numberinput","permalink":"/blog/tags/numberinput"},{"label":"blazornumberinput","permalink":"/blog/tags/blazornumberinput"},{"label":"switch","permalink":"/blog/tags/switch"},{"label":"blazorswitch","permalink":"/blog/tags/blazorswitch"},{"label":"timeinput","permalink":"/blog/tags/timeinput"},{"label":"blazortimeinput","permalink":"/blog/tags/blazortimeinput"}],"readingTime":1.355,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.8.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.8.0","blazor","bootstrap","bootstrap5","blazorbootstrap","grid","blazorgrid","offcanvas","blazoroffcanvas","autocomplete","blazorautocomplete","currencyinput","blazorcurrencyinput","dateinput","blazordateinput","numberinput","blazornumberinput","switch","blazorswitch","timeinput","blazortimeinput"]},"prevItem":{"title":"Blazor Bootstrap v1.8.1","permalink":"/blog/2023/05/31/blazorbootstrap-1.8.1"},"nextItem":{"title":"Blazor Bootstrap v1.7.3","permalink":"/blog/2023/04/29/blazorbootstrap-1.7.3"}},"content":"We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!\\n\\n<img src=\\"https://i.imgur.com/yzJETf8.png\\" alt=\\"Blazor Bootstrap: Grid Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Grid Selection [#179](https://github.com/vikramlearning/blazorbootstrap/issues/179)\\n\\t  - Single selection\\n\\t  - Multiple selection\\n\\t  - Disable selection\\n\\t  - Disable all rows selection\\n  - Grid Paging [#196](https://github.com/vikramlearning/blazorbootstrap/issues/196)\\n\\t  - Dynamic Page Size\\t\\t\\n\\t  - Page Size Selection\\n\\n- `Offcanvas` component\\n  - Static backdrop [#210](https://github.com/vikramlearning/blazorbootstrap/pull/210)\\n\\n- `Auto Complete` component\\n  - Disable parameter\\n\\t  - Use either the `Disable` parameter or use `Disable()` and `Enable()` methods to disable/enable the component.\\n\\t  \\n- `Currency Input` component\\n  - Disable parameter\\n\\t  - Use either the `Disable` parameter or use `Disable()` and `Enable()` methods to disable/enable the component.\\n\\n- `Date Input` component\\n  - Disable parameter\\n\\t  - Use either the `Disable` parameter or use `Disable()` and `Enable()` methods to disable/enable the component.\\n\\t  \\n- `Number Input` component\\n  - Disable parameter\\n\\t  - Use either the `Disable` parameter or use `Disable()` and `Enable()` methods to disable/enable the component.\\n\\n- `Switch` component\\n  - Disable parameter\\n\\t  - Use either the `Disable` parameter or use `Disable()` and `Enable()` methods to disable/enable the component.\\n\\t  \\n- `Time Input` component\\n  - Disable parameter\\n\\t  - Use either the `Disable` parameter or use `Disable()` and `Enable()` methods to disable/enable the component.\\n\\n- `Blazor Bootstrap Templates`\\n  - Install with .NET CLI: `dotnet new install Blazor.Bootstrap.Templates::1.8.0`\\n\\n  <img src=\\"https://user-images.githubusercontent.com/2337067/233800604-43986ae7-27dd-4f17-9af6-c2f1a6f07097.png\\" alt=\\"Blazor Bootstrap Templates\\" /> \\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor Offcanvas Documentation](https://getblazorbootstrap.com/docs/components/offcanvas)\\n- [Blazor Auto Complete Documentation](https://getblazorbootstrap.com/docs/forms/autocomplete)\\n- [Blazor Currency Input Documentation](https://getblazorbootstrap.com/docs/forms/currency-input)\\n- [Blazor Date Input Documentation](https://getblazorbootstrap.com/docs/forms/date-input)\\n- [Blazor Number Input Documentation](https://getblazorbootstrap.com/docs/forms/number-input)\\n- [Blazor Switch Documentation](https://getblazorbootstrap.com/docs/forms/switch)\\n- [Blazor Time Input Documentation](https://getblazorbootstrap.com/docs/forms/time-input)"},{"id":"/2023/04/29/blazorbootstrap-1.7.3","metadata":{"permalink":"/blog/2023/04/29/blazorbootstrap-1.7.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-29-blazorbootstrap-1.7.3.md","source":"@site/blog/2023-04-29-blazorbootstrap-1.7.3.md","title":"Blazor Bootstrap v1.7.3","description":"We are excited to release 1.7.3 with Buttons and Grid updates!!!","date":"2023-04-29T00:00:00.000Z","formattedDate":"April 29, 2023","tags":[{"label":"v1.7.3","permalink":"/blog/tags/v-1-7-3"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"buttons","permalink":"/blog/tags/buttons"},{"label":"blazorbuttons","permalink":"/blog/tags/blazorbuttons"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"}],"readingTime":0.355,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.7.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.7.3","blazor","bootstrap","bootstrap5","blazorbootstrap","buttons","blazorbuttons","grid","blazorgrid"]},"prevItem":{"title":"Blazor Bootstrap v1.8.0","permalink":"/blog/2023/05/28/blazorbootstrap-1.8.0"},"nextItem":{"title":"Blazor Bootstrap v1.7.2","permalink":"/blog/2023/04/24/blazorbootstrap-1.7.2"}},"content":"We are excited to release 1.7.3 with Buttons and Grid updates!!!\\n\\n<img src=\\"https://i.imgur.com/yeTbaNT.png\\" alt=\\"Blazor Bootstrap: Grid Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Button` component\\n  - Button - id on Button is causing Unhandled error [#194](https://github.com/vikramlearning/blazorbootstrap/issues/194)\\n\\n- `Grid` component\\n  - Grid calls DataProvider method after input\'s onchange event [#195](https://github.com/vikramlearning/blazorbootstrap/issues/195)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Buttons Documentation](https://getblazorbootstrap.com/docs/components/buttons)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2023/04/24/blazorbootstrap-1.7.2","metadata":{"permalink":"/blog/2023/04/24/blazorbootstrap-1.7.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-24-blazorbootstrap-1.7.2.md","source":"@site/blog/2023-04-24-blazorbootstrap-1.7.2.md","title":"Blazor Bootstrap v1.7.2","description":"We are excited to release 1.7.2 with Currency Input updates!!!","date":"2023-04-24T00:00:00.000Z","formattedDate":"April 24, 2023","tags":[{"label":"v1.7.2","permalink":"/blog/tags/v-1-7-2"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"currency","permalink":"/blog/tags/currency"},{"label":"currencyinput","permalink":"/blog/tags/currencyinput"},{"label":"blazorcurrencyinput","permalink":"/blog/tags/blazorcurrencyinput"}],"readingTime":0.245,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.7.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.7.2","blazor","bootstrap","bootstrap5","blazorbootstrap","currency","currencyinput","blazorcurrencyinput"]},"prevItem":{"title":"Blazor Bootstrap v1.7.3","permalink":"/blog/2023/04/29/blazorbootstrap-1.7.3"},"nextItem":{"title":"Blazor Bootstrap v1.7.1","permalink":"/blog/2023/04/19/blazorbootstrap-1.7.1"}},"content":"We are excited to release 1.7.2 with Currency Input updates!!!\\n\\n<img src=\\"https://i.imgur.com/mihpoXk.png\\" alt=\\"Blazor Bootstrap: Currency Input Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Currency Input` component\\n  - CurrencyInput InvalidOperationException [#192](https://github.com/vikramlearning/blazorbootstrap/issues/192)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Currency Input Documentation](https://getblazorbootstrap.com/docs/forms/currency-input)"},{"id":"/2023/04/19/blazorbootstrap-1.7.1","metadata":{"permalink":"/blog/2023/04/19/blazorbootstrap-1.7.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-19-blazorbootstrap-1.7.1.md","source":"@site/blog/2023-04-19-blazorbootstrap-1.7.1.md","title":"Blazor Bootstrap v1.7.1","description":"We are excited to release 1.7.1 with Auto complete and Buttons updates!!!","date":"2023-04-19T00:00:00.000Z","formattedDate":"April 19, 2023","tags":[{"label":"v1.7.1","permalink":"/blog/tags/v-1-7-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"blazorautocomplete","permalink":"/blog/tags/blazorautocomplete"},{"label":"buttons","permalink":"/blog/tags/buttons"},{"label":"blazorbuttons","permalink":"/blog/tags/blazorbuttons"}],"readingTime":0.465,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.7.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.7.1","blazor","bootstrap","bootstrap5","blazorbootstrap","autocomplete","blazorautocomplete","buttons","blazorbuttons"]},"prevItem":{"title":"Blazor Bootstrap v1.7.2","permalink":"/blog/2023/04/24/blazorbootstrap-1.7.2"},"nextItem":{"title":"Blazor Bootstrap v1.7.0","permalink":"/blog/2023/04/10/blazorbootstrap-1.7.0"}},"content":"We are excited to release 1.7.1 with Auto complete and Buttons updates!!!\\n\\n<img src=\\"https://i.imgur.com/gRcdvc0.png\\" alt=\\"Blazor Bootstrap: Accordion Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Auto Complete` component\\n  - Show Autocomplete reset button when default value set [#183](https://github.com/vikramlearning/blazorbootstrap/issues/183)\\n\\n- `Buttons` component\\n  - Button Disabled parameter doesn\'t work properly on first render in Tabs / Modal [#182](https://github.com/vikramlearning/blazorbootstrap/issues/182)\\n\\n  `CSS`\\n  - A CSS rule could be more targeted to not interfere with others [#184](https://github.com/vikramlearning/blazorbootstrap/issues/184)\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Auto Complete Documentation](https://getblazorbootstrap.com/docs/forms/autocomplete)\\n- [Blazor Buttons Documentation](https://getblazorbootstrap.com/docs/components/buttons)"},{"id":"/2023/04/10/blazorbootstrap-1.7.0","metadata":{"permalink":"/blog/2023/04/10/blazorbootstrap-1.7.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-10-blazorbootstrap-1.7.0.md","source":"@site/blog/2023-04-10-blazorbootstrap-1.7.0.md","title":"Blazor Bootstrap v1.7.0","description":"We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!","date":"2023-04-10T00:00:00.000Z","formattedDate":"April 10, 2023","tags":[{"label":"v1.7.0","permalink":"/blog/tags/v-1-7-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"badge","permalink":"/blog/tags/badge"},{"label":"blazorbadge","permalink":"/blog/tags/blazorbadge"},{"label":"collapse","permalink":"/blog/tags/collapse"},{"label":"blazorcollapse","permalink":"/blog/tags/blazorcollapse"},{"label":"accordion","permalink":"/blog/tags/accordion"},{"label":"blazoraccordion","permalink":"/blog/tags/blazoraccordion"},{"label":"button","permalink":"/blog/tags/button"},{"label":"blazorbutton","permalink":"/blog/tags/blazorbutton"}],"readingTime":0.825,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.7.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.7.0","blazor","bootstrap","bootstrap5","blazorbootstrap","badge","blazorbadge","collapse","blazorcollapse","accordion","blazoraccordion","button","blazorbutton"]},"prevItem":{"title":"Blazor Bootstrap v1.7.1","permalink":"/blog/2023/04/19/blazorbootstrap-1.7.1"},"nextItem":{"title":"Blazor Bootstrap v1.6.0","permalink":"/blog/2023/03/12/blazorbootstrap-1.6.0"}},"content":"We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!\\n\\n<img src=\\"https://i.imgur.com/FkbNpZN.png\\" alt=\\"Blazor Bootstrap: Accordion Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s new\\n\\n- `Badge` component\\n  - Background colors\\n  - Pill badges\\n  - Buttons\\n  - Positioned\\n  - Generic indicator\\n\\n- `Collapse` component\\n  - Horizontal collapse\\n  - **Call back events:** OnShowing, OnShown, OnHiding, and OnHidden\\n\\n- `Accordion` component\\n  - Title with Icon\\n  - Flush\\n  - Set default active accordion item\\n  - Always open\\n  - Activate individual accordion items\\n  - **Call back events:** OnShowing, OnShown, OnHiding, and OnHidden\\n\\n## What\'s changed\\n\\n- `Buttons` component\\n  - Disable and enable state dynamically [#172](https://github.com/vikramlearning/blazorbootstrap/issues/172)\\n\\n## Documentation\\n\\n- Layout setup docs\\n  - Layout Setup - Blazor WebAssembly\\n  - Layout Setup - Blazor Server\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Badge Documentation](https://getblazorbootstrap.com/docs/components/badge)\\n- [Blazor Collapse Documentation](https://getblazorbootstrap.com/docs/components/collapse)\\n- [Blazor Accordion Documentation](https://getblazorbootstrap.com/docs/components/accordion)\\n- [Blazor Buttons Documentation](https://getblazorbootstrap.com/docs/components/buttons)\\n- [Layout Setup - Blazor WebAssembly Documentation](https://getblazorbootstrap.com/docs/layout/blazor-webassembly)\\n- [Layout Setup - Blazor Server Documentation](https://getblazorbootstrap.com/docs/layout/blazor-server)"},{"id":"/2023/03/12/blazorbootstrap-1.6.0","metadata":{"permalink":"/blog/2023/03/12/blazorbootstrap-1.6.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-03-12-blazorbootstrap-1.6.0.md","source":"@site/blog/2023-03-12-blazorbootstrap-1.6.0.md","title":"Blazor Bootstrap v1.6.0","description":"We are excited to release 1.6.0 with new TimeInput component and other updates!!!","date":"2023-03-12T00:00:00.000Z","formattedDate":"March 12, 2023","tags":[{"label":"v1.6.0","permalink":"/blog/tags/v-1-6-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"timeinput","permalink":"/blog/tags/timeinput"},{"label":"timepicker","permalink":"/blog/tags/timepicker"},{"label":"blazortimeinput","permalink":"/blog/tags/blazortimeinput"},{"label":"blazortimepicker","permalink":"/blog/tags/blazortimepicker"},{"label":"blazortime","permalink":"/blog/tags/blazortime"},{"label":"dateinput","permalink":"/blog/tags/dateinput"},{"label":"datepicker","permalink":"/blog/tags/datepicker"},{"label":"blazordateinput","permalink":"/blog/tags/blazordateinput"},{"label":"blazordatepicker","permalink":"/blog/tags/blazordatepicker"},{"label":"blazordate","permalink":"/blog/tags/blazordate"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"},{"label":"offcanvas","permalink":"/blog/tags/offcanvas"},{"label":"blazoroffcanvas","permalink":"/blog/tags/blazoroffcanvas"}],"readingTime":0.78,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.6.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.6.0","blazor","bootstrap","bootstrap5","bootstrap-5","blazorbootstrap","timeinput","timepicker","blazortimeinput","blazortimepicker","blazortime","dateinput","datepicker","blazordateinput","blazordatepicker","blazordate","grid","blazorgrid","modal","blazormodal","offcanvas","blazoroffcanvas"]},"prevItem":{"title":"Blazor Bootstrap v1.7.0","permalink":"/blog/2023/04/10/blazorbootstrap-1.7.0"},"nextItem":{"title":"Blazor Bootstrap v1.5.0","permalink":"/blog/2023/03/05/blazorbootstrap-1.5.0"}},"content":"We are excited to release 1.6.0 with new TimeInput component and other updates!!!\\n\\n<img src=\\"https://i.imgur.com/TlvjRlP.png\\" alt=\\"Blazor Bootstrap: TimeInput Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s new\\n\\n- `TimeInput` component\\n  - Generic type: TimeOnly and TimeOnly? supported\\n  - Max and Min range\\n  - Disable\\n  - Validations\\n  - ValueChanged event\\n  - Restrict the time field based on the entry in another field\\n\\n## What\'s changed\\n\\n- `Grid` component\\n  - Conditional css class for grid row\\n  - Conditional css class for grid column\\n\\n- `DateInput` component\\n  - Restrict the date field based on the entry in another field\\n\\n- `Modal` component\\n  - Modal CloseOnEscape not working - Fixed\\n\\n- `Offcanvas` component\\n  - Offcanvas CloseOnEscape not working #160 - Fixed\\n  \\n- Upgrade Bootstrap version from v5.1.3 to v5.2.3\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor TimeInput Documentation](https://getblazorbootstrap.com/docs/forms/time-input)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)\\n- [Blazor DateInput Documentation](https://getblazorbootstrap.com/docs/forms/date-input)\\n- [Blazor Modal Documentation](https://getblazorbootstrap.com/docs/components/modal)\\n- [Blazor Offcanvas Documentation](https://getblazorbootstrap.com/docs/components/offcanvas)"},{"id":"/2023/03/05/blazorbootstrap-1.5.0","metadata":{"permalink":"/blog/2023/03/05/blazorbootstrap-1.5.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-03-05-blazorbootstrap-1.5.0.md","source":"@site/blog/2023-03-05-blazorbootstrap-1.5.0.md","title":"Blazor Bootstrap v1.5.0","description":"We are excited to release 1.5.0 with new DateInput component and other updates!!!","date":"2023-03-05T00:00:00.000Z","formattedDate":"March 5, 2023","tags":[{"label":"v1.5.0","permalink":"/blog/tags/v-1-5-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"buttons","permalink":"/blog/tags/buttons"},{"label":"blazorbuttons","permalink":"/blog/tags/blazorbuttons"},{"label":"dateinput","permalink":"/blog/tags/dateinput"},{"label":"datepicker","permalink":"/blog/tags/datepicker"},{"label":"blazordateinput","permalink":"/blog/tags/blazordateinput"},{"label":"blazordatepicker","permalink":"/blog/tags/blazordatepicker"},{"label":"offcanvas","permalink":"/blog/tags/offcanvas"},{"label":"blazoroffcanvas","permalink":"/blog/tags/blazoroffcanvas"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"}],"readingTime":0.7,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.5.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.5.0","blazor","bootstrap","bootstrap5","bootstrap-5","blazorbootstrap","buttons","blazorbuttons","dateinput","datepicker","blazordateinput","blazordatepicker","offcanvas","blazoroffcanvas","modal","blazormodal"]},"prevItem":{"title":"Blazor Bootstrap v1.6.0","permalink":"/blog/2023/03/12/blazorbootstrap-1.6.0"},"nextItem":{"title":"Blazor Bootstrap v1.4.5","permalink":"/blog/2023/02/23/blazorbootstrap-1.4.5"}},"content":"We are excited to release 1.5.0 with new DateInput component and other updates!!!\\n\\n<img src=\\"https://i.imgur.com/1mVjqQv.png\\" alt=\\"Blazor Bootstrap: DateInput Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s new\\n\\n- `DateInput` component\\n  - Generic type: DateOnly, DateOnly?, DateTime, and DateTime? data types supported\\n  - Max and Min range\\n  - Disable\\n  - Validations\\n  - ValueChanged event\\n\\n## What\'s changed\\n\\n- `Offcanvas` component\\n  - Render different components dynamically within the modal without iterating through possible types or using conditional logic.\\n  - If dynamically-rendered components have component parameters, pass them as an `IDictionary<string, object>`.\\n  - Pass event callbacks to a dynamic component.\\n\\n- `Button` component\\n  - Dynamic tooltip support added\\n\\n- `Tooltip` component\\n  - Dynamic tooltip support added\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor DateInput Documentation](https://getblazorbootstrap.com/docs/forms/date-input)\\n- [Blazor Offcanvas Documentation](https://getblazorbootstrap.com/docs/components/offcanvas)\\n- [Blazor Button Documentation](https://getblazorbootstrap.com/docs/components/buttons)\\n- [Blazor Tooltip Documentation](https://getblazorbootstrap.com/docs/components/tooltips)"},{"id":"/2023/02/23/blazorbootstrap-1.4.5","metadata":{"permalink":"/blog/2023/02/23/blazorbootstrap-1.4.5","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-02-23-blazorbootstrap-1.4.5.md","source":"@site/blog/2023-02-23-blazorbootstrap-1.4.5.md","title":"Blazor Bootstrap v1.4.5","description":"We are excited to release 1.4.5 with the Toasts component bug fix!!!","date":"2023-02-23T00:00:00.000Z","formattedDate":"February 23, 2023","tags":[{"label":"v1.4.5","permalink":"/blog/tags/v-1-4-5"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"toasts","permalink":"/blog/tags/toasts"},{"label":"blazor-toasts","permalink":"/blog/tags/blazor-toasts"},{"label":"blazortoasts","permalink":"/blog/tags/blazortoasts"}],"readingTime":0.29,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.4.5","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.4.5","blazor","bootstrap","bootstrap5","bootstrap-5","blazorbootstrap","toasts","blazor-toasts","blazortoasts"]},"prevItem":{"title":"Blazor Bootstrap v1.5.0","permalink":"/blog/2023/03/05/blazorbootstrap-1.5.0"},"nextItem":{"title":"Blazor Bootstrap v1.4.4","permalink":"/blog/2023/02/10/blazorbootstrap-1.4.4"}},"content":"We are excited to release 1.4.5 with the Toasts component bug fix!!!\\n\\n<img src=\\"https://i.imgur.com/W1YkmJH.png\\" alt=\\"Blazor Bootstrap: Toasts Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Toasts` component bug fixed\\n   - Toast progress bar not working when the browser language is french\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Toasts Documentation](https://getblazorbootstrap.com/docs/components/toasts)"},{"id":"/2023/02/10/blazorbootstrap-1.4.4","metadata":{"permalink":"/blog/2023/02/10/blazorbootstrap-1.4.4","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-02-10-blazorbootstrap-1.4.4.md","source":"@site/blog/2023-02-10-blazorbootstrap-1.4.4.md","title":"Blazor Bootstrap v1.4.4","description":"We are excited to release 1.4.4, with Grid enhancements and more examples!!!","date":"2023-02-10T00:00:00.000Z","formattedDate":"February 10, 2023","tags":[{"label":"v1.4.4","permalink":"/blog/tags/v-1-4-4"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazor-grid","permalink":"/blog/tags/blazor-grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"}],"readingTime":0.295,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.4.4","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.4.4","blazor","bootstrap","bootstrap5","bootstrap-5","blazorbootstrap","grid","blazor-grid","blazorgrid"]},"prevItem":{"title":"Blazor Bootstrap v1.4.5","permalink":"/blog/2023/02/23/blazorbootstrap-1.4.5"},"nextItem":{"title":"Blazor Bootstrap v1.4.3","permalink":"/blog/2023/02/07/blazorbootstrap-1.4.3"}},"content":"We are excited to release 1.4.4, with Grid enhancements and more examples!!!\\n\\n<img src=\\"https://i.imgur.com/36RsWZ3.png\\" alt=\\"Blazor Bootstrap: Grid Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n   - Filters have 300ms timeout for the debouncing\\n   - `CancellationToken` support for the `RefreshDataAsync()` method\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2023/02/07/blazorbootstrap-1.4.3","metadata":{"permalink":"/blog/2023/02/07/blazorbootstrap-1.4.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-02-07-blazorbootstrap-1.4.3.md","source":"@site/blog/2023-02-07-blazorbootstrap-1.4.3.md","title":"Blazor Bootstrap v1.4.3","description":"We are excited to release 1.4.3, with Grid enhancements and more examples!!!","date":"2023-02-07T00:00:00.000Z","formattedDate":"February 7, 2023","tags":[{"label":"v1.4.3","permalink":"/blog/tags/v-1-4-3"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"blazor-grid","permalink":"/blog/tags/blazor-grid"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"}],"readingTime":0.26,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.4.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.4.3","blazor","bootstrap","bootstrap5","bootstrap-5","blazorbootstrap","grid","blazor-grid","blazorgrid"]},"prevItem":{"title":"Blazor Bootstrap v1.4.4","permalink":"/blog/2023/02/10/blazorbootstrap-1.4.4"},"nextItem":{"title":"Blazor Bootstrap v1.4.2","permalink":"/blog/2023/01/30/blazorbootstrap-1.4.2"}},"content":"We are excited to release 1.4.3, with Grid enhancements and more examples!!!\\n\\n<img src=\\"https://i.imgur.com/36RsWZ3.png\\" alt=\\"Blazor Bootstrap: Grid Component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Grid` component\\n   - New `Data` parameter\\n   - New `ResetPageNumber()` method\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Grid Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2023/01/30/blazorbootstrap-1.4.2","metadata":{"permalink":"/blog/2023/01/30/blazorbootstrap-1.4.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-01-30-blazorbootstrap-1.4.2.md","source":"@site/blog/2023-01-30-blazorbootstrap-1.4.2.md","title":"Blazor Bootstrap v1.4.2","description":"We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!","date":"2023-01-30T00:00:00.000Z","formattedDate":"January 30, 2023","tags":[{"label":"v1.4.2","permalink":"/blog/tags/v-1-4-2"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"blazor-autocomplete","permalink":"/blog/tags/blazor-autocomplete"},{"label":"blazor-templates","permalink":"/blog/tags/blazor-templates"},{"label":"blazor-starter-templates","permalink":"/blog/tags/blazor-starter-templates"},{"label":"blazorbootstrap-starter-templates","permalink":"/blog/tags/blazorbootstrap-starter-templates"}],"readingTime":0.49,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.4.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.4.2","blazor","bootstrap","bootstrap5","bootstrap-5","blazorbootstrap","autocomplete","blazor-autocomplete","blazor-templates","blazor-starter-templates","blazorbootstrap-starter-templates"]},"prevItem":{"title":"Blazor Bootstrap v1.4.3","permalink":"/blog/2023/02/07/blazorbootstrap-1.4.3"},"nextItem":{"title":"Blazor Bootstrap v1.4.1","permalink":"/blog/2023/01/23/blazorbootstrap-1.4.1"}},"content":"We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!\\n\\n**Blazor Bootstrap: Blazor WebAssembly and Server starter templates**\\n\\n<img src=\\"https://i.imgur.com/4P8u0HR.png\\" alt=\\"Blazor Bootstrap: Blazor WebAssembly and Server starter templates\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n1. `Auto Complete` component\\n   - Bug fix\\n\\n## Starter Templates\\n1. Blazor Bootstrap: Blazor WebAssembly Template\\n1. Blazor Bootstrap: Blazor WebAssembly Empty Template\\n1. Blazor Bootstrap: Blazor Server Template\\n1. Blazor Bootstrap: Blazor Server Empty Template\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Auto Complete Documentation](https://getblazorbootstrap.com/docs/forms/autocomplete)"},{"id":"/2023/01/23/blazorbootstrap-1.4.1","metadata":{"permalink":"/blog/2023/01/23/blazorbootstrap-1.4.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-01-23-blazorbootstrap-1.4.1.md","source":"@site/blog/2023-01-23-blazorbootstrap-1.4.1.md","title":"Blazor Bootstrap v1.4.1","description":"We are excited to release 1.4.1, with modal updates and more examples!!!","date":"2023-01-23T00:00:00.000Z","formattedDate":"January 23, 2023","tags":[{"label":"v1.4.1","permalink":"/blog/tags/v-1-4-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"bootstrap","permalink":"/blog/tags/bootstrap"},{"label":"bootstrap5","permalink":"/blog/tags/bootstrap-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"blazormodal","permalink":"/blog/tags/blazormodal"},{"label":"confirmmodal","permalink":"/blog/tags/confirmmodal"},{"label":"blazorconfirmmodal","permalink":"/blog/tags/blazorconfirmmodal"},{"label":"dialog","permalink":"/blog/tags/dialog"},{"label":"blazordialog","permalink":"/blog/tags/blazordialog"}],"readingTime":0.55,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.4.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.4.1","blazor","bootstrap","bootstrap5","blazorbootstrap","modal","blazormodal","confirmmodal","blazorconfirmmodal","dialog","blazordialog"]},"prevItem":{"title":"Blazor Bootstrap v1.4.2","permalink":"/blog/2023/01/30/blazorbootstrap-1.4.2"},"nextItem":{"title":"Blazor Bootstrap v1.4.0","permalink":"/blog/2023/01/15/blazorbootstrap-1.4.0"}},"content":"We are excited to release 1.4.1, with modal updates and more examples!!!\\n\\n<b>Blazor modal component</b>\\n<img src=\\"https://i.imgur.com/dQMxYxw.png\\" alt=\\"Blazor Bootstrap: Blazor modal component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Modal` component\\n  - Render different components dynamically within the modal without iterating through possible types or using conditional logic.\\n  - If dynamically-rendered components have component parameters, pass them as an `IDictionary<string, object>`.\\n  - Pass event callbacks to a dynamic component.\\n\\n## Demos site updates\\n- New examples for `Blazor Modal Component`\\n- New examples for `Blazor Confirm Dialog Component`\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Modal Documentation](https://getblazorbootstrap.com/docs/components/modal)\\n- [Blazor Confirm Dialog Documentation](https://getblazorbootstrap.com/docs/components/confirm-dialog)"},{"id":"/2023/01/15/blazorbootstrap-1.4.0","metadata":{"permalink":"/blog/2023/01/15/blazorbootstrap-1.4.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-01-15-blazorbootstrap-1.4.0.md","source":"@site/blog/2023-01-15-blazorbootstrap-1.4.0.md","title":"Blazor Bootstrap v1.4.0","description":"We are excited to release 1.4.0, with new sidebar and more examples!!!","date":"2023-01-15T00:00:00.000Z","formattedDate":"January 15, 2023","tags":[{"label":"v1.4.0","permalink":"/blog/tags/v-1-4-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"sidebar","permalink":"/blog/tags/sidebar"},{"label":"blazorsidebar","permalink":"/blog/tags/blazorsidebar"},{"label":"leftmenu","permalink":"/blog/tags/leftmenu"},{"label":"navigation","permalink":"/blog/tags/navigation"},{"label":"layout","permalink":"/blog/tags/layout"}],"readingTime":0.295,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.4.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.4.0","blazor","blazorbootstrap","sidebar","blazorsidebar","leftmenu","navigation","layout"]},"prevItem":{"title":"Blazor Bootstrap v1.4.1","permalink":"/blog/2023/01/23/blazorbootstrap-1.4.1"},"nextItem":{"title":"Blazor Bootstrap v1.3.1","permalink":"/blog/2022/12/18/blazorbootstrap-1.3.1"}},"content":"We are excited to release 1.4.0, with new sidebar and more examples!!!\\n\\n<b>Blazor Sidebar component</b>\\n<img src=\\"https://i.imgur.com/d91Q9Zt.png\\" alt=\\"Blazor Bootstrap: Blazor Sidebar component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Sidebar` component\\n\\n## Demos site updates\\n- New examples for \'Blazor Sidebar Component\'\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor Sidebar Documentation](https://getblazorbootstrap.com/docs/components/sidebar)"},{"id":"/2022/12/18/blazorbootstrap-1.3.1","metadata":{"permalink":"/blog/2022/12/18/blazorbootstrap-1.3.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-12-18-blazorbootstrap-1.3.1.md","source":"@site/blog/2022-12-18-blazorbootstrap-1.3.1.md","title":"Blazor Bootstrap v1.3.1","description":"We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!","date":"2022-12-18T00:00:00.000Z","formattedDate":"December 18, 2022","tags":[{"label":"v1.3.1","permalink":"/blog/tags/v-1-3-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"blazorautocomplete","permalink":"/blog/tags/blazorautocomplete"}],"readingTime":0.36,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.3.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.3.1","blazor","blazorbootstrap","autocomplete","blazorautocomplete"]},"prevItem":{"title":"Blazor Bootstrap v1.4.0","permalink":"/blog/2023/01/15/blazorbootstrap-1.4.0"},"nextItem":{"title":"Blazor Bootstrap v1.3.0","permalink":"/blog/2022/12/15/blazorbootstrap-1.3.0"}},"content":"We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!\\n\\n<b>Blazor AutoComplete component</b>\\n<img src=\\"https://i.imgur.com/D5ox9um.png\\" alt=\\"Blazor Bootstrap: Blazor AutoComplete component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `AutoComplete` component - keyboard navigation support\\n- `AutoComplete` component - CancellationToken support\\n\\n## Demos site updates\\n- New examples for \'Blazor AutoComplete Component\'\\n\\n## Links\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Blazor AutoComplete Documentation](https://getblazorbootstrap.com/docs/forms/autocomplete)"},{"id":"/2022/12/15/blazorbootstrap-1.3.0","metadata":{"permalink":"/blog/2022/12/15/blazorbootstrap-1.3.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-12-15-blazorbootstrap-1.3.0.md","source":"@site/blog/2022-12-15-blazorbootstrap-1.3.0.md","title":"Blazor Bootstrap v1.3.0","description":"We are excited to release 1.3.0, with new Switch component, and more examples!!!","date":"2022-12-15T00:00:00.000Z","formattedDate":"December 15, 2022","tags":[{"label":"v1.3.0","permalink":"/blog/tags/v-1-3-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-bootstrap","permalink":"/blog/tags/blazor-bootstrap"},{"label":"blazorswitch","permalink":"/blog/tags/blazorswitch"}],"readingTime":0.345,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.3.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.3.0","blazor","blazorbootstrap","blazor-bootstrap","blazorswitch"]},"prevItem":{"title":"Blazor Bootstrap v1.3.1","permalink":"/blog/2022/12/18/blazorbootstrap-1.3.1"},"nextItem":{"title":"Blazor Bootstrap v1.2.0","permalink":"/blog/2022/12/12/blazorbootstrap-1.2.0"}},"content":"We are excited to release 1.3.0, with new Switch component, and more examples!!!\\n\\n<b>Blazor Switch component</b>\\n<img src=\\"https://i.imgur.com/ALKzreq.png\\" alt=\\"Blazor Bootstrap: Blazor Switch component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- New `Switch` component\\n\\n## Demos site updates\\n- New examples for \'Blazor Switch Component\'\\n- Updates to \'Blazor Auto Complete Component\' examples\\n\\n## Links\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Blazor Switch Documentation](https://getblazorbootstrap.com/docs/forms/switch)"},{"id":"/2022/12/12/blazorbootstrap-1.2.0","metadata":{"permalink":"/blog/2022/12/12/blazorbootstrap-1.2.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-12-12-blazorbootstrap-1.2.0.md","source":"@site/blog/2022-12-12-blazorbootstrap-1.2.0.md","title":"Blazor Bootstrap v1.2.0","description":"We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!","date":"2022-12-12T00:00:00.000Z","formattedDate":"December 12, 2022","tags":[{"label":"v1.2.0","permalink":"/blog/tags/v-1-2-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-bootstrap","permalink":"/blog/tags/blazor-bootstrap"},{"label":"blazornumber","permalink":"/blog/tags/blazornumber"},{"label":"blazor-number","permalink":"/blog/tags/blazor-number"},{"label":"blazorcurrencyinput","permalink":"/blog/tags/blazorcurrencyinput"},{"label":"blazor-currency-input","permalink":"/blog/tags/blazor-currency-input"}],"readingTime":0.345,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.2.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.2.0","blazor","blazorbootstrap","blazor-bootstrap","blazornumber","blazor-number","blazorcurrencyinput","blazor-currency-input"]},"prevItem":{"title":"Blazor Bootstrap v1.3.0","permalink":"/blog/2022/12/15/blazorbootstrap-1.3.0"},"nextItem":{"title":"Blazor Bootstrap v1.1.0","permalink":"/blog/2022/11/28/blazorbootstrap-1.1.0"}},"content":"We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!\\n\\n<b>Blazor CurrencyInput component</b>\\n<img src=\\"https://i.imgur.com/mihpoXk.png\\" alt=\\"Blazor Bootstrap: Blazor CurrencyInput component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- New `CurrencyInput` component\\n\\n## Demos site updates\\n- New examples for \'Blazor CurrencyInput Component\'\\n- New examples for \'Blazor Confirm Dialog Component\'\\n\\n## Links\\n- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)\\n- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)\\n- [Blazor CurrencyInput Documentation](https://getblazorbootstrap.com/docs/forms/currency-input)"},{"id":"/2022/11/28/blazorbootstrap-1.1.0","metadata":{"permalink":"/blog/2022/11/28/blazorbootstrap-1.1.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-11-28-blazorbootstrap-1.1.0.md","source":"@site/blog/2022-11-28-blazorbootstrap-1.1.0.md","title":"Blazor Bootstrap v1.1.0","description":"We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!","date":"2022-11-28T00:00:00.000Z","formattedDate":"November 28, 2022","tags":[{"label":"v1.1.0","permalink":"/blog/tags/v-1-1-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-bootstrap","permalink":"/blog/tags/blazor-bootstrap"},{"label":"blazor-dialog","permalink":"/blog/tags/blazor-dialog"},{"label":"blazor-confirm-dialog","permalink":"/blog/tags/blazor-confirm-dialog"},{"label":"blazor-preload","permalink":"/blog/tags/blazor-preload"},{"label":"blazor-spinner","permalink":"/blog/tags/blazor-spinner"},{"label":"blazor-toast","permalink":"/blog/tags/blazor-toast"}],"readingTime":0.625,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.1.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.1.0","blazor","blazorbootstrap","blazor-bootstrap","blazor-dialog","blazor-confirm-dialog","blazor-preload","blazor-spinner","blazor-toast"]},"prevItem":{"title":"Blazor Bootstrap v1.2.0","permalink":"/blog/2022/12/12/blazorbootstrap-1.2.0"},"nextItem":{"title":"Blazor Bootstrap v1.0.1","permalink":"/blog/2022/11/22/blazorbootstrap-1.0.1"}},"content":"We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!\\n\\n<b>Blazor Toasts service</b>\\n<img src=\\"https://i.imgur.com/wgYhBXW.png\\" alt=\\"Blazor Bootstrap: Blazor Toasts service\\" />\\n\\n<b>Blazor ConfirmDialog component</b>\\n<img src=\\"https://i.imgur.com/B5Hf85u.png\\" alt=\\"Blazor Bootstrap: Blazor ConfirmDialog component\\" />\\n\\n<b>Blazor Icon component</b>\\n<img src=\\"https://i.imgur.com/8HcjpiK.png\\" alt=\\"Blazor Bootstrap: Blazor Icon component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- New `ToastService`\\n- `ConfirmDialog` component enhancements\\n- `PreloadService` enhancements\\n- `Icon` component enhancements\\n\\n## Demos site examples\\n- New examples for \'Blazor ToastService\'\\n- New examples for \'Blazor Confirm Dialog Component\'\\n- New examples for \'Blazor Preload Component\'\\n- New examples for \'Blazor Icon Component\'\\n\\n## Links\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Blazor Toasts Component Documentation](https://getblazorbootstrap.com/docs/components/toasts)\\n- [Blazor Confirm Dialog Component Documentation](https://getblazorbootstrap.com/docs/components/confirmation-dialog)\\n- [Blazor Preload Component Documentation](https://getblazorbootstrap.com/docs/components/preload)\\n- [Blazor Icon Component Documentation](https://getblazorbootstrap.com/docs/content/icons)"},{"id":"/2022/11/22/blazorbootstrap-1.0.1","metadata":{"permalink":"/blog/2022/11/22/blazorbootstrap-1.0.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-11-22-blazorbootstrap-1.0.1.md","source":"@site/blog/2022-11-22-blazorbootstrap-1.0.1.md","title":"Blazor Bootstrap v1.0.1","description":"We are excited to release 1.0.1, with enhancements and more examples!!!","date":"2022-11-22T00:00:00.000Z","formattedDate":"November 22, 2022","tags":[{"label":"v1.0.1","permalink":"/blog/tags/v-1-0-1"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-bootstrap","permalink":"/blog/tags/blazor-bootstrap"},{"label":"blazor-offcanvas","permalink":"/blog/tags/blazor-offcanvas"},{"label":"blazor-sidemodal","permalink":"/blog/tags/blazor-sidemodal"},{"label":"blazor-dialog","permalink":"/blog/tags/blazor-dialog"},{"label":"blazor-confirm-dialog","permalink":"/blog/tags/blazor-confirm-dialog"},{"label":"blazor-preload","permalink":"/blog/tags/blazor-preload"},{"label":"blazor-spinner","permalink":"/blog/tags/blazor-spinner"}],"readingTime":0.465,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.0.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.0.1","blazor","blazorbootstrap","blazor-bootstrap","blazor-offcanvas","blazor-sidemodal","blazor-dialog","blazor-confirm-dialog","blazor-preload","blazor-spinner"]},"prevItem":{"title":"Blazor Bootstrap v1.1.0","permalink":"/blog/2022/11/28/blazorbootstrap-1.1.0"},"nextItem":{"title":"Blazor Bootstrap v1.0.0","permalink":"/blog/2022/11/18/blazorbootstrap-1.0.0"}},"content":"We are excited to release 1.0.1, with enhancements and more examples!!!\\n\\n<img src=\\"https://i.imgur.com/3pvzbXY.png\\" alt=\\"Blazor Preload component\\" />\\n\\n<img src=\\"https://i.imgur.com/1vNz5Ci.jpg\\" alt=\\"Blazor Offcanvas component\\" />\\n\\n<img src=\\"https://i.imgur.com/chdLk3D.jpg\\" alt=\\"Blazor Confirm Dialog component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## What\'s changed\\n\\n- `Confirmation Dialog` component enhancements\\n- `Offcanvas` component enhancements\\n\\n## Demos site examples\\n- New examples for \'Blazor Confirm Dialog Component\'\\n- New examples for \'Blazor Offcanvas Component\'\\n- New examples for \'Blazor Preload Component\'\\n- SEO Updates\\n\\n## Links\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Blazor Confirm Dialog Component Documentation](https://getblazorbootstrap.com/docs/components/confirmation-dialog)\\n- [Blazor Offcanvas Component Documentation](https://getblazorbootstrap.com/docs/components/offcanvas)\\n- [Blazor Preload Component Documentation](https://getblazorbootstrap.com/docs/components/preload)"},{"id":"/2022/11/18/blazorbootstrap-1.0.0","metadata":{"permalink":"/blog/2022/11/18/blazorbootstrap-1.0.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-11-18-blazorbootstrap-1.0.0.md","source":"@site/blog/2022-11-18-blazorbootstrap-1.0.0.md","title":"Blazor Bootstrap v1.0.0","description":"We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!","date":"2022-11-18T00:00:00.000Z","formattedDate":"November 18, 2022","tags":[{"label":"v1.0.0","permalink":"/blog/tags/v-1-0-0"},{"label":"blazor","permalink":"/blog/tags/blazor"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-bootstrap","permalink":"/blog/tags/blazor-bootstrap"},{"label":"blazor-tabs","permalink":"/blog/tags/blazor-tabs"},{"label":"blazor-input","permalink":"/blog/tags/blazor-input"},{"label":"blazor-input-number","permalink":"/blog/tags/blazor-input-number"},{"label":"blazor-number-input","permalink":"/blog/tags/blazor-number-input"},{"label":"input","permalink":"/blog/tags/input"},{"label":"input-number","permalink":"/blog/tags/input-number"}],"readingTime":0.705,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v1.0.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v1.0.0","blazor","blazorbootstrap","blazor-bootstrap","blazor-tabs","blazor-input","blazor-input-number","blazor-number-input","input","input-number"]},"prevItem":{"title":"Blazor Bootstrap v1.0.1","permalink":"/blog/2022/11/22/blazorbootstrap-1.0.1"},"nextItem":{"title":"Blazor Bootstrap v0.6.0","permalink":"/blog/2022/10/30/blazorbootstrap-0.6.0"}},"content":"We are excited to release our major version, `1.0.0`, with new components, enhancements to existing ones, and more!!!\\n\\n<img src=\\"https://i.imgur.com/iUNBkki.png\\" alt=\\"Blazor NumberInput component\\" />\\n\\n<img src=\\"https://i.imgur.com/ranwriJ.png\\" alt=\\"Blazor Tabs component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n## New Components\\n\\n- `NumberInput` component\\n\\n### Blazor NumberInput component features\\n- Generic type support\\n- Enable min and max\\n- Step\\n- Text alignment\\n- Allow negative numbers\\n- Disable\\n- Validations\\n- Events: ValueChanged\\n\\n<img src=\\"https://i.imgur.com/iUNBkki.png\\" alt=\\"Blazor NumberInput component\\" />\\n\\n## Blazor Tabs component features\\n- Fade effect\\n- Title with Icon\\n- Disable Tab\\n- Pills\\n- Activate individual tabs\\n- Events\\n\\n<img src=\\"https://i.imgur.com/ranwriJ.png\\" alt=\\"Blazor Tabs component\\" />\\n\\n## Demos site enhancements\\n- Brand new landing page\\n- The demo example and source code are split into two tabs for easy access.\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/form/number-input)\\n- [Blazor NumberInput Component Documentation](https://getblazorbootstrap.com/docs/forms/number-input)\\n- [Blazor Tabs Component Documentation](https://getblazorbootstrap.com/docs/components/tabs)"},{"id":"/2022/10/30/blazorbootstrap-0.6.0","metadata":{"permalink":"/blog/2022/10/30/blazorbootstrap-0.6.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-10-30-blazorbootstrap-0.6.0.md","source":"@site/blog/2022-10-30-blazorbootstrap-0.6.0.md","title":"Blazor Bootstrap v0.6.0","description":"We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component.","date":"2022-10-30T00:00:00.000Z","formattedDate":"October 30, 2022","tags":[{"label":"v0.6.0","permalink":"/blog/tags/v-0-6-0"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-toasts","permalink":"/blog/tags/blazor-toasts"},{"label":"blazor-progress","permalink":"/blog/tags/blazor-progress"},{"label":"blazor-progress-bar","permalink":"/blog/tags/blazor-progress-bar"},{"label":"toasts","permalink":"/blog/tags/toasts"},{"label":"progress","permalink":"/blog/tags/progress"},{"label":"progress-bar","permalink":"/blog/tags/progress-bar"}],"readingTime":0.455,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v0.6.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.6.0","blazorbootstrap","blazor-toasts","blazor-progress","blazor-progress-bar","toasts","progress","progress-bar"]},"prevItem":{"title":"Blazor Bootstrap v1.0.0","permalink":"/blog/2022/11/18/blazorbootstrap-1.0.0"},"nextItem":{"title":"Blazor Bootstrap v0.5.1","permalink":"/blog/2022/10/22/blazorbootstrap-0.5.1"}},"content":"We are excited to release `0.6.0` with the new blazor progress component and enhancements to the blazor toasts component.\\n\\n<img src=\\"https://i.imgur.com/MK142lQ.png\\" alt=\\"Blazor Progress component\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n\\n### New Components\\n\\n- `Progress` component\\n\\n### Progress component features\\n- Labels\\n- Backgrounds\\n- Multiple bars\\n- Striped\\n- Animated stripes\\n\\n<img src=\\"https://i.imgur.com/MK142lQ.png\\" alt=\\"Blazor Progress component\\" />\\n\\n### Toasts component features\\n- Toasts with/without title\\n- Auto hide\\n- Placement\\n- Stack Length\\n\\n<img src=\\"https://i.imgur.com/W1YkmJH.png\\" alt=\\"Blazor Toasts component\\" />\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/charts)\\n- [Blazor Progress Component Documentation](https://getblazorbootstrap.com/docs/components/progress)\\n- [Blazor Toasts Component Documentation](https://getblazorbootstrap.com/docs/components/toasts)"},{"id":"/2022/10/22/blazorbootstrap-0.5.1","metadata":{"permalink":"/blog/2022/10/22/blazorbootstrap-0.5.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-10-22-blazorbootstrap-0.5.1.md","source":"@site/blog/2022-10-22-blazorbootstrap-0.5.1.md","title":"Blazor Bootstrap v0.5.1","description":"We are excited to release 0.5.1 with blazor grid enhancements.","date":"2022-10-22T00:00:00.000Z","formattedDate":"October 22, 2022","tags":[{"label":"v0.5.1","permalink":"/blog/tags/v-0-5-1"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazorgrid","permalink":"/blog/tags/blazorgrid"},{"label":"blazor-grid","permalink":"/blog/tags/blazor-grid"},{"label":"blazor-grid-sorting","permalink":"/blog/tags/blazor-grid-sorting"},{"label":"blazor-grid-filtering","permalink":"/blog/tags/blazor-grid-filtering"},{"label":"blazor-grid-paging","permalink":"/blog/tags/blazor-grid-paging"}],"readingTime":0.3,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"Blazor Bootstrap v0.5.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.5.1","blazorbootstrap","blazorgrid","blazor-grid","blazor-grid-sorting","blazor-grid-filtering","blazor-grid-paging"]},"prevItem":{"title":"Blazor Bootstrap v0.6.0","permalink":"/blog/2022/10/30/blazorbootstrap-0.6.0"},"nextItem":{"title":"BlazorBootstrap v0.5.0","permalink":"/blog/2022/10/16/blazorbootstrap-0.5.0"}},"content":"We are excited to release `0.5.1` with blazor grid enhancements.\\n\\n<img src=\\"https://i.imgur.com/weFYVWA.png\\" alt=\\"Blazor Grid Component - Sorting, Filtering, and Paging\\" />\\n<br />\\n\\n\x3c!--truncate--\x3e\\n\\n### Grid Enhancements\\n\\n- Support for save/load Grid state. The state includes the **page number**, **page size**, and **filters**.\\n- Performance improvements by removing unnecessary conversions\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/grid)\\n- [Blazor Grid Component Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2022/10/16/blazorbootstrap-0.5.0","metadata":{"permalink":"/blog/2022/10/16/blazorbootstrap-0.5.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-10-16-blazorbootstrap-0.5.0.md","source":"@site/blog/2022-10-16-blazorbootstrap-0.5.0.md","title":"BlazorBootstrap v0.5.0","description":"We are excited to release 0.5.0 with new blazor chart components.","date":"2022-10-16T00:00:00.000Z","formattedDate":"October 16, 2022","tags":[{"label":"v0.5.0","permalink":"/blog/tags/v-0-5-0"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"blazor-charts","permalink":"/blog/tags/blazor-charts"},{"label":"blazor-bar-chart","permalink":"/blog/tags/blazor-bar-chart"},{"label":"blazor-doughnut-chart","permalink":"/blog/tags/blazor-doughnut-chart"},{"label":"blazor-line-chart","permalink":"/blog/tags/blazor-line-chart"},{"label":"blazor-pie-chart","permalink":"/blog/tags/blazor-pie-chart"}],"readingTime":0.66,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.5.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.5.0","blazorbootstrap","blazor-charts","blazor-bar-chart","blazor-doughnut-chart","blazor-line-chart","blazor-pie-chart"]},"prevItem":{"title":"Blazor Bootstrap v0.5.1","permalink":"/blog/2022/10/22/blazorbootstrap-0.5.1"},"nextItem":{"title":"BlazorBootstrap v0.4.2","permalink":"/blog/2022/09/17/blazorbootstrap-0.4.2"}},"content":"We are excited to release `0.5.0` with new blazor chart components.\\n\\n<img src=\\"https://i.imgur.com/JLV7oss.png\\" alt=\\"Blazor Chart Component - Blazor Bar Chart Example\\" />\\n<br />\\n<img src=\\"https://i.imgur.com/CzdXpqr.png\\" alt=\\"Blazor Chart Component - Blazor Line Chart Example\\" />\\n<br />\\n\\n\x3c!--truncate--\x3e\\n\\n### New blazor chart components\\n\\n- Blazor Bar Chart component\\n\\n  <img src=\\"https://i.imgur.com/ATtFiUZ.png\\" alt=\\"Blazor Chart Component - Blazor Bar Chart\\" />\\n\\n- Blazor Doughnut Chart component\\n\\n  <img src=\\"https://i.imgur.com/HV3pxA3.png\\" alt=\\"Blazor Chart Component - Blazor Doughnut Chart\\" />\\n\\n- Blazor Line Chart component\\n\\n  <img src=\\"https://i.imgur.com/NjrT5D7.png\\" alt=\\"Blazor Chart Component - Blazor Line Chart\\" />\\n\\n- Blazor Pie Chart component\\n\\n  <img src=\\"https://i.imgur.com/n5TiPtH.png\\" alt=\\"Blazor Chart Component - Blazor Pie Chart\\" />\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/charts)\\n- [Blazor Bar Chart Component Documentation](https://getblazorbootstrap.com/docs/data-visualization/bar-chart)\\n- [Blazor Doughnut Chart Component Documentation](https://getblazorbootstrap.com/docs/data-visualization/doughnut-chart)\\n- [Blazor Line Chart Component Documentation](https://getblazorbootstrap.com/docs/data-visualization/line-chart)\\n- [Blazor Pie Chart Component Documentation](https://getblazorbootstrap.com/docs/data-visualization/pie-chart)"},{"id":"/2022/09/17/blazorbootstrap-0.4.2","metadata":{"permalink":"/blog/2022/09/17/blazorbootstrap-0.4.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-09-17-blazorbootstrap-0.4.2.md","source":"@site/blog/2022-09-17-blazorbootstrap-0.4.2.md","title":"BlazorBootstrap v0.4.2","description":"We are excited to release 0.4.2 with bug fixes.","date":"2022-09-17T00:00:00.000Z","formattedDate":"September 17, 2022","tags":[{"label":"v0.4.2","permalink":"/blog/tags/v-0-4-2"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"}],"readingTime":0.135,"hasTruncateMarker":false,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.4.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.4.2","blazorbootstrap","autocomplete"]},"prevItem":{"title":"BlazorBootstrap v0.5.0","permalink":"/blog/2022/10/16/blazorbootstrap-0.5.0"},"nextItem":{"title":"BlazorBootstrap v0.4.1","permalink":"/blog/2022/09/12/blazorbootstrap-0.4.1"}},"content":"We are excited to release `0.4.2` with bug fixes.\\n\\n### Bug fixes\\n\\n- `AutoComplete` component bug fix\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Blazor AutoComplete Component Documentation](https://getblazorbootstrap.com/docs/components/autocomplete)"},{"id":"/2022/09/12/blazorbootstrap-0.4.1","metadata":{"permalink":"/blog/2022/09/12/blazorbootstrap-0.4.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-09-12-blazorbootstrap-0.4.1.md","source":"@site/blog/2022-09-12-blazorbootstrap-0.4.1.md","title":"BlazorBootstrap v0.4.1","description":"We are excited to release 0.4.1 with enhancements.","date":"2022-09-12T00:00:00.000Z","formattedDate":"September 12, 2022","tags":[{"label":"v0.4.1","permalink":"/blog/tags/v-0-4-1"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"callout","permalink":"/blog/tags/callout"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":0.53,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.4.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.4.1","blazorbootstrap","callout","autocomplete","grid","docs"]},"prevItem":{"title":"BlazorBootstrap v0.4.2","permalink":"/blog/2022/09/17/blazorbootstrap-0.4.2"},"nextItem":{"title":"BlazorBootstrap v0.4.0","permalink":"/blog/2022/09/04/blazorbootstrap-0.4.0"}},"content":"We are excited to release `0.4.1` with enhancements.\\n\\n\x3c!--truncate--\x3e\\n\\n<img src=\\"https://i.imgur.com/vmibzEu.png\\" alt=\\"Blazor Bootstrap: Callout Component - Examples\\" />\\n\\n### Enhancements\\n\\n- `AutoComplete` component\\n- `Callout` component\\n- `Grid` component\\n\\n### AutoComplete enhancements\\n- StringComparison support\\n- StringFilterOperator support\\n\\n### Callout enhancements\\n- The default heading and default icon are displayed based on the callout type.\\n- Change the callout header according to your context.\\n\\n### Callout breaking changes\\n- Renamed enum `CalloutColor` to `CalloutType`\\n- Renamed parameter `Color` to `Type`\\n\\n### Grid enhancements\\n- StringComparison support\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Blazor AutoComplete Component Documentation](https://getblazorbootstrap.com/docs/components/autocomplete)\\n- [Blazor Callout Component Documentation](https://getblazorbootstrap.com/docs/components/callout)\\n- [Blazor Grid Component Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2022/09/04/blazorbootstrap-0.4.0","metadata":{"permalink":"/blog/2022/09/04/blazorbootstrap-0.4.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-09-04-blazorbootstrap-0.4.0.md","source":"@site/blog/2022-09-04-blazorbootstrap-0.4.0.md","title":"BlazorBootstrap v0.4.0","description":"We are excited to release 0.4.0 with new blazor autocomplete component.","date":"2022-09-04T00:00:00.000Z","formattedDate":"September 4, 2022","tags":[{"label":"v0.4.0","permalink":"/blog/tags/v-0-4-0"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"autocomplete","permalink":"/blog/tags/autocomplete"},{"label":"docs","permalink":"/blog/tags/docs"}],"readingTime":0.42,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.4.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.4.0","blazorbootstrap","autocomplete","docs"]},"prevItem":{"title":"BlazorBootstrap v0.4.1","permalink":"/blog/2022/09/12/blazorbootstrap-0.4.1"},"nextItem":{"title":"BlazorBootstrap v0.3.0","permalink":"/blog/2022/08/31/blazorbootstrap-0.3.0"}},"content":"We are excited to release `0.4.0` with new blazor autocomplete component.\\n\\n\x3c!--truncate--\x3e\\n\\n<img src=\\"https://i.imgur.com/D5ox9um.png\\" alt=\\"Blazor Bootstrap AutoComplete Component - Server side data\\" />\\n\\n### New Components\\n\\n- `AutoComplete` component\\n\\n### AutoComplete component features\\n- Client side data filtering\\n- Server side data filtering\\n- Validations\\n\\n<img src=\\"https://i.imgur.com/sMQ7Uc6.png\\" alt=\\"Blazor Bootstrap AutoComplete Component - Validations - Data empty\\" />\\n\\n<img src=\\"https://i.imgur.com/4IzNcdp.png\\" alt=\\"Blazor Bootstrap AutoComplete Component - Validations - Item selected\\" />\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Blazor AutoComplete Component Demos](https://demos.getblazorbootstrap.com/autocomplete)\\n- [Blazor AutoComplete Component Documentation](https://getblazorbootstrap.com/docs/forms/autocomplete)"},{"id":"/2022/08/31/blazorbootstrap-0.3.0","metadata":{"permalink":"/blog/2022/08/31/blazorbootstrap-0.3.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-08-31-blazorbootstrap-0.3.0.md","source":"@site/blog/2022-08-31-blazorbootstrap-0.3.0.md","title":"BlazorBootstrap v0.3.0","description":"We are excited to release 0.3.0 with significant enhancements to the grid component.","date":"2022-08-31T00:00:00.000Z","formattedDate":"August 31, 2022","tags":[{"label":"v0.3.0","permalink":"/blog/tags/v-0-3-0"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"grid","permalink":"/blog/tags/grid"}],"readingTime":0.5,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.3.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.3.0","blazorbootstrap","grid"]},"prevItem":{"title":"BlazorBootstrap v0.4.0","permalink":"/blog/2022/09/04/blazorbootstrap-0.4.0"},"nextItem":{"title":"BlazorBootstrap v0.2.6","permalink":"/blog/2022/08/13/blazorbootstrap-0.2.6"}},"content":"We are excited to release `0.3.0` with significant enhancements to the grid component.\\n\\n\x3c!--truncate--\x3e\\n\\n<img src=\\"https://i.imgur.com/36RsWZ3.png\\" alt=\\"Blazor Bootstrap: Grid Component\\" />\\n\\n### Updates\\n\\n- `Grid` component enhancements\\n\\n### Grid component enhancements\\n- Multiple columns filtering (client side and server side)\\n- Set default filtering\\n- Disable specific column filter\\n- Increase filter textbox width\\n- Set default sorting\\n- Disable specific column sorting\\n- Header text alignment\\n- Cell alignment\\n- Cell formatting\\n- Cell nowrap\\n- Pagination alignment\\n- Empty data\\n- Responsive grid with horizontal scrolling\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Grid Demos](https://demos.getblazorbootstrap.com/grid)\\n- [Grid Component Documentation](https://getblazorbootstrap.com/docs/components/grid)"},{"id":"/2022/08/13/blazorbootstrap-0.2.6","metadata":{"permalink":"/blog/2022/08/13/blazorbootstrap-0.2.6","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-08-13-blazorbootstrap-0.2.6.md","source":"@site/blog/2022-08-13-blazorbootstrap-0.2.6.md","title":"BlazorBootstrap v0.2.6","description":"We are excited to release 0.2.6 with enhancements and bug fixes.","date":"2022-08-13T00:00:00.000Z","formattedDate":"August 13, 2022","tags":[{"label":"v0.2.6","permalink":"/blog/tags/v-0-2-6"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"button","permalink":"/blog/tags/button"}],"readingTime":0.18,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.6","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.6","blazorbootstrap","button"]},"prevItem":{"title":"BlazorBootstrap v0.3.0","permalink":"/blog/2022/08/31/blazorbootstrap-0.3.0"},"nextItem":{"title":"BlazorBootstrap v0.2.5","permalink":"/blog/2022/07/28/blazorbootstrap-0.2.5"}},"content":"We are excited to release `0.2.6` with enhancements and bug fixes.\\n\\n\x3c!--truncate--\x3e\\n\\n### Updates\\n\\n- Bootstrap Icons v1.9.1 support\\n- `Buttons` component enhancements\\n- Docs enhancement\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Icons](https://getblazorbootstrap.com/docs/content/icons)\\n- [Button Component](https://getblazorbootstrap.com/docs/components/buttons)"},{"id":"/2022/07/28/blazorbootstrap-0.2.5","metadata":{"permalink":"/blog/2022/07/28/blazorbootstrap-0.2.5","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-07-28-blazorbootstrap-0.2.5.md","source":"@site/blog/2022-07-28-blazorbootstrap-0.2.5.md","title":"BlazorBootstrap v0.2.5","description":"We are excited to release 0.2.5 with bug fixes and docs enhancement.","date":"2022-07-28T00:00:00.000Z","formattedDate":"July 28, 2022","tags":[{"label":"v0.2.5","permalink":"/blog/tags/v-0-2-5"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"offcanvas","permalink":"/blog/tags/offcanvas"},{"label":"modal","permalink":"/blog/tags/modal"}],"readingTime":0.195,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.5","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.5","blazorbootstrap","offcanvas","modal"]},"prevItem":{"title":"BlazorBootstrap v0.2.6","permalink":"/blog/2022/08/13/blazorbootstrap-0.2.6"},"nextItem":{"title":"BlazorBootstrap v0.2.4","permalink":"/blog/2022/06/19/blazorbootstrap-0.2.4"}},"content":"We are excited to release `0.2.5` with bug fixes and docs enhancement.\\n\\n\x3c!--truncate--\x3e\\n\\n### Updates\\n\\n- `Offcanvas` component bug fix\\n- `Modal` component bug fix\\n- Docs enhancement\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Offcanvas Component](https://getblazorbootstrap.com/docs/components/offcanvas)\\n- [Modal Component](https://getblazorbootstrap.com/docs/components/modal)"},{"id":"/2022/06/19/blazorbootstrap-0.2.4","metadata":{"permalink":"/blog/2022/06/19/blazorbootstrap-0.2.4","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-06-19-blazorbootstrap-0.2.4.md","source":"@site/blog/2022-06-19-blazorbootstrap-0.2.4.md","title":"BlazorBootstrap v0.2.4","description":"We are excited to release 0.2.4 with bug fixes and docs enhancement.","date":"2022-06-19T00:00:00.000Z","formattedDate":"June 19, 2022","tags":[{"label":"v0.2.4","permalink":"/blog/tags/v-0-2-4"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"placeholders","permalink":"/blog/tags/placeholders"}],"readingTime":0.155,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.4","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.4","blazorbootstrap","placeholders"]},"prevItem":{"title":"BlazorBootstrap v0.2.5","permalink":"/blog/2022/07/28/blazorbootstrap-0.2.5"},"nextItem":{"title":"BlazorBootstrap v0.2.3","permalink":"/blog/2022/04/30/blazorbootstrap-0.2.3"}},"content":"We are excited to release `0.2.4` with bug fixes and docs enhancement.\\n\\n\x3c!--truncate--\x3e\\n\\n### Updates\\n\\n- `Alert` component bug fixes\\n- Docs enhancement\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Alert Component](https://getblazorbootstrap.com/docs/components/alerts)"},{"id":"/2022/04/30/blazorbootstrap-0.2.3","metadata":{"permalink":"/blog/2022/04/30/blazorbootstrap-0.2.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-04-30-blazorbootstrap-0.2.3.md","source":"@site/blog/2022-04-30-blazorbootstrap-0.2.3.md","title":"BlazorBootstrap v0.2.3","description":"We are excited to release 0.2.3 with a new component and minor updates.","date":"2022-04-30T00:00:00.000Z","formattedDate":"April 30, 2022","tags":[{"label":"v0.2.3","permalink":"/blog/tags/v-0-2-3"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"placeholders","permalink":"/blog/tags/placeholders"}],"readingTime":0.155,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.3","blazorbootstrap","placeholders"]},"prevItem":{"title":"BlazorBootstrap v0.2.4","permalink":"/blog/2022/06/19/blazorbootstrap-0.2.4"},"nextItem":{"title":"BlazorBootstrap v0.2.2","permalink":"/blog/2022/03/15/blazorbootstrap-0.2.2"}},"content":"We are excited to release `0.2.3` with a new component and minor updates.\\n\\n\x3c!--truncate--\x3e\\n\\n### Updates\\n\\n- New `Tabs` component\\n- Other improvements\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Tabs Component](https://demos.getblazorbootstrap.com/tabs)"},{"id":"/2022/03/15/blazorbootstrap-0.2.2","metadata":{"permalink":"/blog/2022/03/15/blazorbootstrap-0.2.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-03-15-blazorbootstrap-0.2.2.md","source":"@site/blog/2022-03-15-blazorbootstrap-0.2.2.md","title":"BlazorBootstrap v0.2.2","description":"We are excited to release 0.2.2 with a new component and minor updates.","date":"2022-03-15T00:00:00.000Z","formattedDate":"March 15, 2022","tags":[{"label":"v0.2.2","permalink":"/blog/tags/v-0-2-2"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"placeholders","permalink":"/blog/tags/placeholders"}],"readingTime":0.18,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.2","blazorbootstrap","placeholders"]},"prevItem":{"title":"BlazorBootstrap v0.2.3","permalink":"/blog/2022/04/30/blazorbootstrap-0.2.3"},"nextItem":{"title":"BlazorBootstrap v0.2.1","permalink":"/blog/2022/02/27/blazorbootstrap-0.2.1"}},"content":"We are excited to release `0.2.2` with a new component and minor updates.\\n\\n\x3c!--truncate--\x3e\\n\\n### Updates\\n\\n- New `Placeholders` component\\n- .NET version upgrade from v6.0.1 to v6.0.3\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Placeholders Component](https://demos.getblazorbootstrap.com/placeholders)"},{"id":"/2022/02/27/blazorbootstrap-0.2.1","metadata":{"permalink":"/blog/2022/02/27/blazorbootstrap-0.2.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-02-27-blazorbootstrap-0.2.1.md","source":"@site/blog/2022-02-27-blazorbootstrap-0.2.1.md","title":"BlazorBootstrap v0.2.1","description":"We are excited to release 0.2.1 with minor updates.","date":"2022-02-27T00:00:00.000Z","formattedDate":"February 27, 2022","tags":[{"label":"v0.2.1","permalink":"/blog/tags/v-0-2-1"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"icons","permalink":"/blog/tags/icons"},{"label":"confirm dialog","permalink":"/blog/tags/confirm-dialog"},{"label":"toasts","permalink":"/blog/tags/toasts"}],"readingTime":0.295,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.1","blazorbootstrap","icons","confirm dialog","toasts"]},"prevItem":{"title":"BlazorBootstrap v0.2.2","permalink":"/blog/2022/03/15/blazorbootstrap-0.2.2"},"nextItem":{"title":"BlazorBootstrap v0.2.0","permalink":"/blog/2022/01/15/blazorbootstrap-0.2.0"}},"content":"We are excited to release `0.2.1` with minor updates.\\n\\n## Bootstrap Icons updated to v1.8.0\\n\\n<img src=\\"https://i.imgur.com/273TamX.png\\" alt=\\"Blazor Bootstrap: Icon Component - Bootstrap Icons\\" />\\n\\n\x3c!--truncate--\x3e\\n\\n### Minor Updates\\n\\n- Toasts component UI alignment fix\\n- Confirm Dialog component docs update\\n- Bootstrap Icons updated to `v1.8.0`\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Confirm Dialog](https://demos.getblazorbootstrap.com/confirm-dialog)\\n- [Icons](https://demos.getblazorbootstrap.com/icons)\\n- [Toasts](https://demos.getblazorbootstrap.com/toasts)"},{"id":"/2022/01/15/blazorbootstrap-0.2.0","metadata":{"permalink":"/blog/2022/01/15/blazorbootstrap-0.2.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-01-15-blazorbootstrap-0.2.0.md","source":"@site/blog/2022-01-15-blazorbootstrap-0.2.0.md","title":"BlazorBootstrap v0.2.0","description":"We are excited to release 0.2.0 with lots of updates.","date":"2022-01-15T00:00:00.000Z","formattedDate":"January 15, 2022","tags":[{"label":"v0.2.0","permalink":"/blog/tags/v-0-2-0"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"modal","permalink":"/blog/tags/modal"},{"label":"offcanvas","permalink":"/blog/tags/offcanvas"},{"label":"grid","permalink":"/blog/tags/grid"},{"label":"pagination","permalink":"/blog/tags/pagination"}],"readingTime":0.23,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.2.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.2.0","blazorbootstrap","modal","offcanvas","grid","pagination"]},"prevItem":{"title":"BlazorBootstrap v0.2.1","permalink":"/blog/2022/02/27/blazorbootstrap-0.2.1"},"nextItem":{"title":"BlazorBootstrap v0.1.1","permalink":"/blog/2021/12/21/blazorbootstrap-0.1.1"}},"content":"We are excited to release `0.2.0` with lots of updates.\\n\\n\x3c!--truncate--\x3e\\n\\n### Major changes\\n\\n- Modal component enhancements\\n- Offcanvas enhancements\\n- Demo website updates\\n\\n### Two New Comoponents\\n\\n- Grid\\n- Pagination\\n\\n### Links\\n\\n- [Demo Website](https://demos.getblazorbootstrap.com/)\\n- [Modals](https://demos.getblazorbootstrap.com/modals)\\n- [Offcanvas](https://demos.getblazorbootstrap.com/offcanvas)\\n- [Grid](https://demos.getblazorbootstrap.com/grid)\\n- [Pagination](https://demos.getblazorbootstrap.com/pagination)"},{"id":"/2021/12/21/blazorbootstrap-0.1.1","metadata":{"permalink":"/blog/2021/12/21/blazorbootstrap-0.1.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-21-blazorbootstrap-0.1.1.md","source":"@site/blog/2021-12-21-blazorbootstrap-0.1.1.md","title":"BlazorBootstrap v0.1.1","description":"In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.","date":"2021-12-21T00:00:00.000Z","formattedDate":"December 21, 2021","tags":[{"label":"v0.1.1","permalink":"/blog/tags/v-0-1-1"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"},{"label":"alert","permalink":"/blog/tags/alert"}],"readingTime":0.21,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.1.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.1.1","blazorbootstrap","alert"]},"prevItem":{"title":"BlazorBootstrap v0.2.0","permalink":"/blog/2022/01/15/blazorbootstrap-0.2.0"},"nextItem":{"title":"BlazorBootstrap v0.1.0","permalink":"/blog/2021/12/20/blazorbootstrap-0.1.0"}},"content":"In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.\\n\\n\x3c!--truncate--\x3e\\n\\n### Component changes\\n\\n- Alert\\n  - Parameter renamed from Dismisable to Dismissable\\n  - Docs update\\n  - Demos update\\n\\n### Demo Website\\n\\n- https://demos.getblazorbootstrap.com/"},{"id":"/2021/12/20/blazorbootstrap-0.1.0","metadata":{"permalink":"/blog/2021/12/20/blazorbootstrap-0.1.0","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-20-blazorbootstrap-0.1.0.md","source":"@site/blog/2021-12-20-blazorbootstrap-0.1.0.md","title":"BlazorBootstrap v0.1.0","description":"We are excited to release 0.1.0 with lots of updates.","date":"2021-12-20T00:00:00.000Z","formattedDate":"December 20, 2021","tags":[{"label":"v0.1.0","permalink":"/blog/tags/v-0-1-0"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"}],"readingTime":0.265,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.1.0","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.1.0","blazorbootstrap"]},"prevItem":{"title":"BlazorBootstrap v0.1.1","permalink":"/blog/2021/12/21/blazorbootstrap-0.1.1"},"nextItem":{"title":"BlazorBootstrap v0.0.4","permalink":"/blog/2021/12/12/blazorbootstrap-0.0.4"}},"content":"We are excited to release `0.1.0` with lots of updates.\\n\\n\x3c!--truncate--\x3e\\n\\n### Major changes\\n\\n- .NET 6 upgrade\\n- New components added\\n- Demo website created\\n\\n### Four New Comoponents\\n\\n- Preload\\n- Breadcrumb\\n- Confirm Dialog\\n- Callout\\n\\n### Demo Website\\n\\nWe are happy to share the demo website link.\\n\\n- https://demos.getblazorbootstrap.com/"},{"id":"/2021/12/12/blazorbootstrap-0.0.4","metadata":{"permalink":"/blog/2021/12/12/blazorbootstrap-0.0.4","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-12-blazorbootstrap-0.0.4.md","source":"@site/blog/2021-12-12-blazorbootstrap-0.0.4.md","title":"BlazorBootstrap v0.0.4","description":"Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.","date":"2021-12-12T00:00:00.000Z","formattedDate":"December 12, 2021","tags":[{"label":"v0.0.4","permalink":"/blog/tags/v-0-0-4"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"}],"readingTime":0.57,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.0.4","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.0.4","blazorbootstrap"]},"prevItem":{"title":"BlazorBootstrap v0.1.0","permalink":"/blog/2021/12/20/blazorbootstrap-0.1.0"},"nextItem":{"title":"BlazorBootstrap v0.0.3","permalink":"/blog/2021/12/08/blazorbootstrap-0.0.3"}},"content":"Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.\\n\\n\x3c!--truncate--\x3e\\n\\n### Changelog\\n\\n- Code improvements\\n- Documentation updates\\n\\n### Breaking changes\\n\\n#### Modal\\n\\n- Callback events renamed \\n  - `Showing` -> `OnShowing`\\n  - `Shown` -> `OnShown`\\n  - `Hiding` -> `OnHiding`\\n  - `Hidden` -> `OnHidden`\\n  - `HidePrevented` -> `OnHidePrevented`\\n\\n#### Offcanvas\\n\\n- Callback events renamed \\n  - `Showing` -> `OnShowing`\\n  - `Shown` -> `OnShown`\\n  - `Hiding` -> `OnHiding`\\n  - `Hidden` -> `OnHidden`\\n\\n#### Tooltip\\n\\n- Parameters renamed\\n  - `TooltipTitle` -> `Title`\\n  - `TooltipPlacement` -> `Placement`\\n\\n### Docs update\\n\\nFor the below components, documentation is updated.\\n\\n- Alerts\\n- Buttons\\n- Icons\\n- Modal\\n- Offcanvas\\n- Toasts\\n- Tooltips"},{"id":"/2021/12/08/blazorbootstrap-0.0.3","metadata":{"permalink":"/blog/2021/12/08/blazorbootstrap-0.0.3","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-08-blazorbootstrap-0.0.3.md","source":"@site/blog/2021-12-08-blazorbootstrap-0.0.3.md","title":"BlazorBootstrap v0.0.3","description":"In this release, we added the Toasts component and improved documentation.","date":"2021-12-08T00:00:00.000Z","formattedDate":"December 8, 2021","tags":[{"label":"v0.0.3","permalink":"/blog/tags/v-0-0-3"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"}],"readingTime":0.085,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.0.3","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.0.3","blazorbootstrap"]},"prevItem":{"title":"BlazorBootstrap v0.0.4","permalink":"/blog/2021/12/12/blazorbootstrap-0.0.4"},"nextItem":{"title":"BlazorBootstrap v0.0.2","permalink":"/blog/2021/11/27/blazorbootstrap-0.0.2"}},"content":"In this release, we added the Toasts component and improved documentation.\\n\\n\x3c!--truncate--\x3e\\n\\n### New Component\\n\\n- Toasts"},{"id":"/2021/11/27/blazorbootstrap-0.0.2","metadata":{"permalink":"/blog/2021/11/27/blazorbootstrap-0.0.2","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-11-27-blazorbootstrap-0.0.2.md","source":"@site/blog/2021-11-27-blazorbootstrap-0.0.2.md","title":"BlazorBootstrap v0.0.2","description":"In this release, our focus was more on documenting the individual components.","date":"2021-11-27T00:00:00.000Z","formattedDate":"November 27, 2021","tags":[{"label":"v0.0.2","permalink":"/blog/tags/v-0-0-2"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"}],"readingTime":0.165,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.0.2","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.0.2","blazorbootstrap"]},"prevItem":{"title":"BlazorBootstrap v0.0.3","permalink":"/blog/2021/12/08/blazorbootstrap-0.0.3"},"nextItem":{"title":"BlazorBootstrap v0.0.1","permalink":"/blog/2021/11/23/blazorbootstrap-0.0.1"}},"content":"In this release, our focus was more on documenting the individual components.\\n\\n\x3c!--truncate--\x3e\\n\\nInitial documentation is available for the below components:\\n\\n- Alert\\n- Button\\n- Icon\\n- Modal\\n- Offcanvas\\n- Tooltip"},{"id":"/2021/11/23/blazorbootstrap-0.0.1","metadata":{"permalink":"/blog/2021/11/23/blazorbootstrap-0.0.1","editUrl":"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-11-23-blazorbootstrap-0.0.1.md","source":"@site/blog/2021-11-23-blazorbootstrap-0.0.1.md","title":"BlazorBootstrap v0.0.1","description":"Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers.","date":"2021-11-23T00:00:00.000Z","formattedDate":"November 23, 2021","tags":[{"label":"v0.0.1","permalink":"/blog/tags/v-0-0-1"},{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap"}],"readingTime":0.18,"hasTruncateMarker":true,"authors":[{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"}],"frontMatter":{"title":"BlazorBootstrap v0.0.1","authors":{"name":"Vikram Reddy","title":"Creator","url":"https://github.com/gvreddy04","image_url":"https://avatars.githubusercontent.com/u/2337067","imageURL":"https://avatars.githubusercontent.com/u/2337067"},"tags":["v0.0.1","blazorbootstrap"]},"prevItem":{"title":"BlazorBootstrap v0.0.2","permalink":"/blog/2021/11/27/blazorbootstrap-0.0.2"}},"content":"Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers.\\n\\n\x3c!--truncate--\x3e\\n\\n### New Components\\n\\n- Alert\\n- Button\\n- Icon\\n- Modals\\n- Offcanvas\\n- Tooltip"}]}')}}]);
\ No newline at end of file
diff --git a/assets/js/b329fb77.59261587.js b/assets/js/b329fb77.ffb2d626.js
similarity index 78%
rename from assets/js/b329fb77.59261587.js
rename to assets/js/b329fb77.ffb2d626.js
index 8a68f9027..5b0a7b11e 100644
--- a/assets/js/b329fb77.59261587.js
+++ b/assets/js/b329fb77.ffb2d626.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[73178],{79871:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":61}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[73178],{79871:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":62}')}}]);
\ No newline at end of file
diff --git a/assets/js/b5859c16.f237f86d.js b/assets/js/b5859c16.be3ab49e.js
similarity index 79%
rename from assets/js/b5859c16.f237f86d.js
rename to assets/js/b5859c16.be3ab49e.js
index b609bfea0..49ca177b5 100644
--- a/assets/js/b5859c16.f237f86d.js
+++ b/assets/js/b5859c16.be3ab49e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[60761],{53721:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazor","page":1,"postsPerPage":10,"totalPages":5,"totalCount":41,"nextPage":"/blog/tags/blazor/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[60761],{53721:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazor","page":1,"postsPerPage":10,"totalPages":5,"totalCount":42,"nextPage":"/blog/tags/blazor/page/2","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/bd1bae9a.c33b5f5b.js b/assets/js/bd1bae9a.3f385a9b.js
similarity index 78%
rename from assets/js/bd1bae9a.c33b5f5b.js
rename to assets/js/bd1bae9a.3f385a9b.js
index b5e0fb744..e0c3c979f 100644
--- a/assets/js/bd1bae9a.c33b5f5b.js
+++ b/assets/js/bd1bae9a.3f385a9b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[23367],{50218:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":61}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[23367],{50218:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":62}')}}]);
\ No newline at end of file
diff --git a/assets/js/bf8fae8f.00860718.js b/assets/js/bf8fae8f.95c31d96.js
similarity index 83%
rename from assets/js/bf8fae8f.00860718.js
rename to assets/js/bf8fae8f.95c31d96.js
index 2f31ec79e..4e636a315 100644
--- a/assets/js/bf8fae8f.00860718.js
+++ b/assets/js/bf8fae8f.95c31d96.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[26444],{93504:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap/page/4","page":4,"postsPerPage":10,"totalPages":7,"totalCount":61,"previousPage":"/blog/tags/blazorbootstrap/page/3","nextPage":"/blog/tags/blazorbootstrap/page/5","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[26444],{93504:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap/page/4","page":4,"postsPerPage":10,"totalPages":7,"totalCount":62,"previousPage":"/blog/tags/blazorbootstrap/page/3","nextPage":"/blog/tags/blazorbootstrap/page/5","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/c16d5092.91ea679c.js b/assets/js/c16d5092.91ea679c.js
new file mode 100644
index 000000000..0c14ea8be
--- /dev/null
+++ b/assets/js/c16d5092.91ea679c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[51031],{89331:a=>{a.exports=JSON.parse('{"permalink":"/blog/tags/polarareachart","page":1,"postsPerPage":10,"totalPages":1,"totalCount":1,"blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/c18cbc7b.65c77894.js b/assets/js/c18cbc7b.65c77894.js
deleted file mode 100644
index 035161521..000000000
--- a/assets/js/c18cbc7b.65c77894.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[34904],{3905:(e,t,o)=>{o.d(t,{Zo:()=>m,kt:()=>h});var n=o(67294);function a(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function r(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function i(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?r(Object(o),!0).forEach((function(t){a(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):r(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function l(e,t){if(null==e)return{};var o,n,a=function(e,t){if(null==e)return{};var o,n,a={},r=Object.keys(e);for(n=0;n<r.length;n++)o=r[n],t.indexOf(o)>=0||(a[o]=e[o]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)o=r[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(a[o]=e[o])}return a}var s=n.createContext({}),c=function(e){var t=n.useContext(s),o=t;return e&&(o="function"==typeof e?e(t):i(i({},t),e)),o},m=function(e){var t=c(e.components);return n.createElement(s.Provider,{value:t},e.children)},p="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},d=n.forwardRef((function(e,t){var o=e.components,a=e.mdxType,r=e.originalType,s=e.parentName,m=l(e,["components","mdxType","originalType","parentName"]),p=c(o),d=a,h=p["".concat(s,".").concat(d)]||p[d]||u[d]||r;return o?n.createElement(h,i(i({ref:t},m),{},{components:o})):n.createElement(h,i({ref:t},m))}));function h(e,t){var o=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=o.length,i=new Array(r);i[0]=d;var l={};for(var s in t)hasOwnProperty.call(t,s)&&(l[s]=t[s]);l.originalType=e,l[p]="string"==typeof e?e:a,i[1]=l;for(var c=2;c<r;c++)i[c]=o[c];return n.createElement.apply(null,i)}return n.createElement.apply(null,o)}d.displayName="MDXCreateElement"},74404:(e,t,o)=>{o.d(t,{ZP:()=>m});var n=o(87462),a=o(67294),r=o(3905);class i extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const l=i,s={toc:[]},c="wrapper";function m(e){let{components:t,...o}=e;return(0,r.kt)(c,(0,n.Z)({},s,o,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(l,{mdxType:"CarbonAd"}))}m.isMDXComponent=!0},20891:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>c,contentTitle:()=>l,default:()=>d,frontMatter:()=>i,metadata:()=>s,toc:()=>m});var n=o(87462),a=(o(67294),o(3905)),r=o(74404);const i={title:"Blazor Icons Component",description:"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.",image:"https://i.imgur.com/8HcjpiK.png",sidebar_label:"Icons",sidebar_position:1},l="Blazor Icons",s={unversionedId:"content/icons",id:"content/icons",title:"Blazor Icons Component",description:"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.",source:"@site/docs/03-content/icons.mdx",sourceDirName:"03-content",slug:"/content/icons",permalink:"/content/icons",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/03-content/icons.mdx",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Blazor Icons Component",description:"Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.",image:"https://i.imgur.com/8HcjpiK.png",sidebar_label:"Icons",sidebar_position:1},sidebar:"tutorialSidebar",previous:{title:"Blazor Server",permalink:"/layout/blazor-server"},next:{title:"Auto Complete",permalink:"/forms/autocomplete"}},c={},m=[{value:"Prerequisites",id:"prerequisites",level:2},{value:"Parameters",id:"parameters",level:2},{value:"Examples",id:"examples",level:2},{value:"Icons",id:"icons",level:3},{value:"Sizes",id:"sizes",level:3},{value:"Font awesome icons",id:"font-awesome-icons",level:3},{value:"Colors",id:"colors",level:3},{value:"Inline text with icon",id:"inline-text-with-icon",level:3},{value:"Link with icon",id:"link-with-icon",level:3},{value:"Link with custom icon",id:"link-with-custom-icon",level:3},{value:"Button with icon and text",id:"button-with-icon-and-text",level:3},{value:"Button with icon only",id:"button-with-icon-only",level:3},{value:"Button with font awesome icon",id:"button-with-font-awesome-icon",level:3},{value:"Icon with tooltip",id:"icon-with-tooltip",level:3},{value:"Bootstrap Icons",id:"bootstrap-icons",level:3}],p={toc:m},u="wrapper";function d(e){let{components:t,...o}=e;return(0,a.kt)(u,(0,n.Z)({},p,o,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"blazor-icons"},"Blazor Icons"),(0,a.kt)("p",null,"Blazor Bootstrap icon component will display an icon from any icon font."),(0,a.kt)(r.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("h2",{id:"prerequisites"},"Prerequisites"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},"Install Bootstrap Icons or other."),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"Refer: ",(0,a.kt)("a",{parentName:"li",href:"https://icons.getbootstrap.com/"},"Bootstrap Icons")))),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},"Include the icon fonts stylesheet in your website ",(0,a.kt)("inlineCode",{parentName:"p"},"<head>")," or ",(0,a.kt)("inlineCode",{parentName:"p"},"@import")," in CSS from CDN."))),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre"},'<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css" rel="stylesheet" />\n')),(0,a.kt)("h2",{id:"parameters"},"Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Color"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IconColor")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IconColor.None")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon color."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"string?")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Specify custom icons of your own, like ",(0,a.kt)("inlineCode",{parentName:"td"},"fontawesome"),". Example: ",(0,a.kt)("inlineCode",{parentName:"td"},"fas fa-alarm-clock")),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IconName")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IconName.None")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon name."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Size"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IconSize")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IconSize.None")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon size."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,a.kt)("admonition",{title:"NOTE",type:"caution"},(0,a.kt)("p",{parentName:"admonition"},"Either ",(0,a.kt)("inlineCode",{parentName:"p"},"Name")," or ",(0,a.kt)("inlineCode",{parentName:"p"},"CustomIconName")," parameter is mandatory. For ",(0,a.kt)("strong",{parentName:"p"},"Font Awesome")," setup, please follow the ",(0,a.kt)("strong",{parentName:"p"},"Font Awesome")," website.")),(0,a.kt)("h2",{id:"examples"},"Examples"),(0,a.kt)("h3",{id:"icons"},"Icons"),(0,a.kt)("img",{src:"https://i.imgur.com/WClg4kQ.jpg",alt:"Blazor Bootstrap: Icon Component"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Icon Name="IconName.Alarm" />\n<Icon Name="IconName.AlarmFill" />\n<Icon Name="IconName.Window" />\n<Icon Name="IconName.Apple" />\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#examples"},"See icons demo here.")),(0,a.kt)("h3",{id:"sizes"},"Sizes"),(0,a.kt)("img",{src:"https://i.imgur.com/ko7c6k3.jpg",alt:"Blazor Bootstrap: Icon Component - Sizes"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Icon Name="IconName.Alarm" Size="IconSize.x2" />\n<Icon Name="IconName.Alarm" Size="IconSize.x3" />\n<Icon Name="IconName.Alarm" Size="IconSize.x4" />\n<Icon Name="IconName.Alarm" Size="IconSize.x5" />\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#sizes"},"See icons with different size demo here.")),(0,a.kt)("h3",{id:"font-awesome-icons"},"Font awesome icons"),(0,a.kt)("p",null,"In the following example, we used ",(0,a.kt)("strong",{parentName:"p"},"Font Awesome 6.4.2")," free version icons. For Font Awesome setup, please follow the Font Awesome website."),(0,a.kt)("img",{src:"https://i.imgur.com/aUuJE34.png",alt:"Blazor Bootstrap: Icon Component - Font awesome icons"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x1" />\n<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x2" />\n<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x3" />\n<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x4" />\n<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x5" />\n<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x6" />\n')),(0,a.kt)("h3",{id:"colors"},"Colors"),(0,a.kt)("img",{src:"https://i.imgur.com/pUutAt8.png",alt:"Blazor Bootstrap: Icon Component - Colors"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Icon Name="IconName.Facebook" Size="IconSize.x2" Color="IconColor.Primary" />\n<Icon Name="IconName.CloudLightningRainFill" Size="IconSize.x2" Color="IconColor.Secondary" />\n<Icon Name="IconName.CheckAll" Size="IconSize.x2" Color="IconColor.Success" />\n<Icon Name="IconName.Bug" Size="IconSize.x2" Color="IconColor.Danger" />\n<Icon Name="IconName.ExclamationDiamondFill" Size="IconSize.x2" Color="IconColor.Warning" />\n<Icon Name="IconName.InfoCircleFill" Size="IconSize.x2" Color="IconColor.Info" />\n<Icon Name="IconName.CreditCard2FrontFill" Size="IconSize.x2" Color="IconColor.Light" />\n<Icon Name="IconName.Apple" Size="IconSize.x2" Color="IconColor.Dark" />\n<Icon Name="IconName.Asterisk" Size="IconSize.x2" Color="IconColor.Body" />\n<Icon Name="IconName.VolumeMuteFill" Size="IconSize.x2" Color="IconColor.Muted" />\n<Icon Name="IconName.BrowserSafari" Size="IconSize.x2" Color="IconColor.White" />\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#colors"},"See icons with different size demo here.")),(0,a.kt)("h3",{id:"inline-text-with-icon"},"Inline text with icon"),(0,a.kt)("img",{src:"https://i.imgur.com/eNKFAKg.jpg",alt:"Blazor Bootstrap: Icon Component - Inline text with icon"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'Inline text <Icon Name="IconName.Alarm" />\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#inline-text-with-icon"},"See inline text with icon demo here.")),(0,a.kt)("h3",{id:"link-with-icon"},"Link with icon"),(0,a.kt)("img",{src:"https://i.imgur.com/pDpv29z.jpg",alt:"Blazor Bootstrap: Icon Component - Link with icon"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<a href="#" class="text-decoration-none">\n    Example link text <Icon Name="IconName.Alarm" />\n</a>\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#link-with-icon"},"See link with icon demo here.")),(0,a.kt)("h3",{id:"link-with-custom-icon"},"Link with custom icon"),(0,a.kt)("img",{src:"https://i.imgur.com/KNFvgiS.jpg",alt:"Blazor Bootstrap: Icon Component - Link with custom icon"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<a href="#" class="text-decoration-none">\n    Example link text <Icon CustomIconName="bi bi-bootstrap" />\n</a>\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#link-with-custom-icon"},"See link with custom icon demo here.")),(0,a.kt)("h3",{id:"button-with-icon-and-text"},"Button with icon and text"),(0,a.kt)("img",{src:"https://i.imgur.com/Pkzbm1Q.jpg",alt:"Blazor Bootstrap: Icon Component - Button with icon and text"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Button Color="ButtonColor.Primary"><Icon Name="IconName.Alarm" /> Button </Button>\n<Button Color="ButtonColor.Success"><Icon Name="IconName.Alarm" /> Button </Button>\n<Button Color="ButtonColor.Danger" Outline="true"><Icon Name="IconName.AlarmFill" /> Button </Button>\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#button-with-icon-and-text"},"See button with icon and text demo here.")),(0,a.kt)("h3",{id:"button-with-icon-only"},"Button with icon only"),(0,a.kt)("img",{src:"https://i.imgur.com/3WClQmS.jpg",alt:"Blazor Bootstrap: Icon Component - Button with icon only"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Button Color="ButtonColor.Secondary"><Icon Name="IconName.Alarm" /></Button>\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#button-with-icon-only"},"See button with icon only demo here.")),(0,a.kt)("h3",{id:"button-with-font-awesome-icon"},"Button with font awesome icon"),(0,a.kt)("p",null,"In the following example, we used ",(0,a.kt)("strong",{parentName:"p"},"Font Awesome 6.4.2")," free version icons. For Font Awesome setup, please follow the Font Awesome website."),(0,a.kt)("img",{src:"https://i.imgur.com/GWppafv.png",alt:"Blazor Bootstrap: Icon Component - Button with font awesome icon"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Button Color="ButtonColor.Secondary" TooltipTitle="Compare code">\n    <Icon CustomIconName="fa-solid fa-code-compare"/>\n</Button>\n<Button Color="ButtonColor.Secondary" TooltipTitle="Create pull request">\n    <Icon CustomIconName="fa-solid fa-code-pull-request" />\n</Button>\n')),(0,a.kt)("h3",{id:"icon-with-tooltip"},"Icon with tooltip"),(0,a.kt)("img",{src:"https://i.imgur.com/OwfxRXn.png",alt:"Blazor Bootstrap: Icon Component - Icon with tooltip"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Tooltip Title="Info Tooltip" role="button">\n    <Icon Name="IconName.InfoCircleFill"></Icon>\n</Tooltip>\n')),(0,a.kt)("h3",{id:"bootstrap-icons"},"Bootstrap Icons"),(0,a.kt)("img",{src:"https://i.imgur.com/8HcjpiK.png",alt:"Blazor Bootstrap: Icon Component - Bootstrap Icons"}),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#bootstrap-icons"},"See all bootstrap icons demo here.")))}d.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/c18cbc7b.6c62616b.js b/assets/js/c18cbc7b.6c62616b.js
new file mode 100644
index 000000000..776d446a5
--- /dev/null
+++ b/assets/js/c18cbc7b.6c62616b.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[34904],{3905:(e,t,o)=>{o.d(t,{Zo:()=>m,kt:()=>h});var n=o(67294);function a(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function r(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function i(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?r(Object(o),!0).forEach((function(t){a(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):r(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function l(e,t){if(null==e)return{};var o,n,a=function(e,t){if(null==e)return{};var o,n,a={},r=Object.keys(e);for(n=0;n<r.length;n++)o=r[n],t.indexOf(o)>=0||(a[o]=e[o]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)o=r[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(a[o]=e[o])}return a}var s=n.createContext({}),c=function(e){var t=n.useContext(s),o=t;return e&&(o="function"==typeof e?e(t):i(i({},t),e)),o},m=function(e){var t=c(e.components);return n.createElement(s.Provider,{value:t},e.children)},p="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},d=n.forwardRef((function(e,t){var o=e.components,a=e.mdxType,r=e.originalType,s=e.parentName,m=l(e,["components","mdxType","originalType","parentName"]),p=c(o),d=a,h=p["".concat(s,".").concat(d)]||p[d]||u[d]||r;return o?n.createElement(h,i(i({ref:t},m),{},{components:o})):n.createElement(h,i({ref:t},m))}));function h(e,t){var o=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var r=o.length,i=new Array(r);i[0]=d;var l={};for(var s in t)hasOwnProperty.call(t,s)&&(l[s]=t[s]);l.originalType=e,l[p]="string"==typeof e?e:a,i[1]=l;for(var c=2;c<r;c++)i[c]=o[c];return n.createElement.apply(null,i)}return n.createElement.apply(null,o)}d.displayName="MDXCreateElement"},74404:(e,t,o)=>{o.d(t,{ZP:()=>m});var n=o(87462),a=o(67294),r=o(3905);class i extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const l=i,s={toc:[]},c="wrapper";function m(e){let{components:t,...o}=e;return(0,r.kt)(c,(0,n.Z)({},s,o,{components:t,mdxType:"MDXLayout"}),(0,r.kt)(l,{mdxType:"CarbonAd"}))}m.isMDXComponent=!0},20891:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>c,contentTitle:()=>l,default:()=>d,frontMatter:()=>i,metadata:()=>s,toc:()=>m});var n=o(87462),a=(o(67294),o(3905)),r=o(74404);const i={title:"Blazor Icons Component",description:"The Icon component will display an icon from any icon font.",image:"https://i.imgur.com/8HcjpiK.png",sidebar_label:"Icons",sidebar_position:1},l="Blazor Icons",s={unversionedId:"content/icons",id:"content/icons",title:"Blazor Icons Component",description:"The Icon component will display an icon from any icon font.",source:"@site/docs/03-content/icons.mdx",sourceDirName:"03-content",slug:"/content/icons",permalink:"/content/icons",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/03-content/icons.mdx",tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Blazor Icons Component",description:"The Icon component will display an icon from any icon font.",image:"https://i.imgur.com/8HcjpiK.png",sidebar_label:"Icons",sidebar_position:1},sidebar:"tutorialSidebar",previous:{title:"Blazor Server",permalink:"/layout/blazor-server"},next:{title:"Images",permalink:"/content/images"}},c={},m=[{value:"Prerequisites",id:"prerequisites",level:2},{value:"Parameters",id:"parameters",level:2},{value:"Examples",id:"examples",level:2},{value:"Icons",id:"icons",level:3},{value:"Sizes",id:"sizes",level:3},{value:"Font awesome icons",id:"font-awesome-icons",level:3},{value:"Colors",id:"colors",level:3},{value:"Inline text with icon",id:"inline-text-with-icon",level:3},{value:"Link with icon",id:"link-with-icon",level:3},{value:"Link with custom icon",id:"link-with-custom-icon",level:3},{value:"Button with icon and text",id:"button-with-icon-and-text",level:3},{value:"Button with icon only",id:"button-with-icon-only",level:3},{value:"Button with font awesome icon",id:"button-with-font-awesome-icon",level:3},{value:"Icon with tooltip",id:"icon-with-tooltip",level:3},{value:"Bootstrap Icons",id:"bootstrap-icons",level:3}],p={toc:m},u="wrapper";function d(e){let{components:t,...o}=e;return(0,a.kt)(u,(0,n.Z)({},p,o,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"blazor-icons"},"Blazor Icons"),(0,a.kt)("p",null,"Blazor Bootstrap icon component will display an icon from any icon font."),(0,a.kt)(r.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("h2",{id:"prerequisites"},"Prerequisites"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},"Install Bootstrap Icons or other."),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"Refer: ",(0,a.kt)("a",{parentName:"li",href:"https://icons.getbootstrap.com/"},"Bootstrap Icons")))),(0,a.kt)("li",{parentName:"ul"},(0,a.kt)("p",{parentName:"li"},"Include the icon fonts stylesheet in your website ",(0,a.kt)("inlineCode",{parentName:"p"},"<head>")," or ",(0,a.kt)("inlineCode",{parentName:"p"},"@import")," in CSS from CDN."))),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre"},'<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css" rel="stylesheet" />\n')),(0,a.kt)("h2",{id:"parameters"},"Parameters"),(0,a.kt)("table",null,(0,a.kt)("thead",{parentName:"table"},(0,a.kt)("tr",{parentName:"thead"},(0,a.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,a.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,a.kt)("tbody",{parentName:"table"},(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Color"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IconColor")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IconColor.None")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon color."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.9.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"string?")),(0,a.kt)("td",{parentName:"tr",align:"left"},"null"),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Specify custom icons of your own, like ",(0,a.kt)("inlineCode",{parentName:"td"},"fontawesome"),". Example: ",(0,a.kt)("inlineCode",{parentName:"td"},"fas fa-alarm-clock")),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Name"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IconName")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IconName.None")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon name."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")),(0,a.kt)("tr",{parentName:"tbody"},(0,a.kt)("td",{parentName:"tr",align:"left"},"Size"),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IconSize")),(0,a.kt)("td",{parentName:"tr",align:"left"},(0,a.kt)("inlineCode",{parentName:"td"},"IconSize.None")),(0,a.kt)("td",{parentName:"tr",align:"left"}),(0,a.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon size."),(0,a.kt)("td",{parentName:"tr",align:"left"},"1.0.0")))),(0,a.kt)("admonition",{title:"NOTE",type:"caution"},(0,a.kt)("p",{parentName:"admonition"},"Either ",(0,a.kt)("inlineCode",{parentName:"p"},"Name")," or ",(0,a.kt)("inlineCode",{parentName:"p"},"CustomIconName")," parameter is mandatory. For ",(0,a.kt)("strong",{parentName:"p"},"Font Awesome")," setup, please follow the ",(0,a.kt)("strong",{parentName:"p"},"Font Awesome")," website.")),(0,a.kt)("h2",{id:"examples"},"Examples"),(0,a.kt)("h3",{id:"icons"},"Icons"),(0,a.kt)("img",{src:"https://i.imgur.com/WClg4kQ.jpg",alt:"Blazor Bootstrap: Icon Component"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Icon Name="IconName.Alarm" />\n<Icon Name="IconName.AlarmFill" />\n<Icon Name="IconName.Window" />\n<Icon Name="IconName.Apple" />\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#examples"},"See icons demo here.")),(0,a.kt)("h3",{id:"sizes"},"Sizes"),(0,a.kt)("img",{src:"https://i.imgur.com/ko7c6k3.jpg",alt:"Blazor Bootstrap: Icon Component - Sizes"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Icon Name="IconName.Alarm" Size="IconSize.x2" />\n<Icon Name="IconName.Alarm" Size="IconSize.x3" />\n<Icon Name="IconName.Alarm" Size="IconSize.x4" />\n<Icon Name="IconName.Alarm" Size="IconSize.x5" />\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#sizes"},"See icons with different size demo here.")),(0,a.kt)("h3",{id:"font-awesome-icons"},"Font awesome icons"),(0,a.kt)("p",null,"In the following example, we used ",(0,a.kt)("strong",{parentName:"p"},"Font Awesome 6.4.2")," free version icons. For Font Awesome setup, please follow the Font Awesome website."),(0,a.kt)("img",{src:"https://i.imgur.com/aUuJE34.png",alt:"Blazor Bootstrap: Icon Component - Font awesome icons"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x1" />\n<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x2" />\n<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x3" />\n<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x4" />\n<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x5" />\n<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x6" />\n')),(0,a.kt)("h3",{id:"colors"},"Colors"),(0,a.kt)("img",{src:"https://i.imgur.com/pUutAt8.png",alt:"Blazor Bootstrap: Icon Component - Colors"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Icon Name="IconName.Facebook" Size="IconSize.x2" Color="IconColor.Primary" />\n<Icon Name="IconName.CloudLightningRainFill" Size="IconSize.x2" Color="IconColor.Secondary" />\n<Icon Name="IconName.CheckAll" Size="IconSize.x2" Color="IconColor.Success" />\n<Icon Name="IconName.Bug" Size="IconSize.x2" Color="IconColor.Danger" />\n<Icon Name="IconName.ExclamationDiamondFill" Size="IconSize.x2" Color="IconColor.Warning" />\n<Icon Name="IconName.InfoCircleFill" Size="IconSize.x2" Color="IconColor.Info" />\n<Icon Name="IconName.CreditCard2FrontFill" Size="IconSize.x2" Color="IconColor.Light" />\n<Icon Name="IconName.Apple" Size="IconSize.x2" Color="IconColor.Dark" />\n<Icon Name="IconName.Asterisk" Size="IconSize.x2" Color="IconColor.Body" />\n<Icon Name="IconName.VolumeMuteFill" Size="IconSize.x2" Color="IconColor.Muted" />\n<Icon Name="IconName.BrowserSafari" Size="IconSize.x2" Color="IconColor.White" />\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#colors"},"See icons with different size demo here.")),(0,a.kt)("h3",{id:"inline-text-with-icon"},"Inline text with icon"),(0,a.kt)("img",{src:"https://i.imgur.com/eNKFAKg.jpg",alt:"Blazor Bootstrap: Icon Component - Inline text with icon"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'Inline text <Icon Name="IconName.Alarm" />\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#inline-text-with-icon"},"See inline text with icon demo here.")),(0,a.kt)("h3",{id:"link-with-icon"},"Link with icon"),(0,a.kt)("img",{src:"https://i.imgur.com/pDpv29z.jpg",alt:"Blazor Bootstrap: Icon Component - Link with icon"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<a href="#" class="text-decoration-none">\n    Example link text <Icon Name="IconName.Alarm" />\n</a>\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#link-with-icon"},"See link with icon demo here.")),(0,a.kt)("h3",{id:"link-with-custom-icon"},"Link with custom icon"),(0,a.kt)("img",{src:"https://i.imgur.com/KNFvgiS.jpg",alt:"Blazor Bootstrap: Icon Component - Link with custom icon"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<a href="#" class="text-decoration-none">\n    Example link text <Icon CustomIconName="bi bi-bootstrap" />\n</a>\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#link-with-custom-icon"},"See link with custom icon demo here.")),(0,a.kt)("h3",{id:"button-with-icon-and-text"},"Button with icon and text"),(0,a.kt)("img",{src:"https://i.imgur.com/Pkzbm1Q.jpg",alt:"Blazor Bootstrap: Icon Component - Button with icon and text"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Button Color="ButtonColor.Primary"><Icon Name="IconName.Alarm" /> Button </Button>\n<Button Color="ButtonColor.Success"><Icon Name="IconName.Alarm" /> Button </Button>\n<Button Color="ButtonColor.Danger" Outline="true"><Icon Name="IconName.AlarmFill" /> Button </Button>\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#button-with-icon-and-text"},"See button with icon and text demo here.")),(0,a.kt)("h3",{id:"button-with-icon-only"},"Button with icon only"),(0,a.kt)("img",{src:"https://i.imgur.com/3WClQmS.jpg",alt:"Blazor Bootstrap: Icon Component - Button with icon only"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Button Color="ButtonColor.Secondary"><Icon Name="IconName.Alarm" /></Button>\n')),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#button-with-icon-only"},"See button with icon only demo here.")),(0,a.kt)("h3",{id:"button-with-font-awesome-icon"},"Button with font awesome icon"),(0,a.kt)("p",null,"In the following example, we used ",(0,a.kt)("strong",{parentName:"p"},"Font Awesome 6.4.2")," free version icons. For Font Awesome setup, please follow the Font Awesome website."),(0,a.kt)("img",{src:"https://i.imgur.com/GWppafv.png",alt:"Blazor Bootstrap: Icon Component - Button with font awesome icon"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Button Color="ButtonColor.Secondary" TooltipTitle="Compare code">\n    <Icon CustomIconName="fa-solid fa-code-compare"/>\n</Button>\n<Button Color="ButtonColor.Secondary" TooltipTitle="Create pull request">\n    <Icon CustomIconName="fa-solid fa-code-pull-request" />\n</Button>\n')),(0,a.kt)("h3",{id:"icon-with-tooltip"},"Icon with tooltip"),(0,a.kt)("img",{src:"https://i.imgur.com/OwfxRXn.png",alt:"Blazor Bootstrap: Icon Component - Icon with tooltip"}),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Tooltip Title="Info Tooltip" role="button">\n    <Icon Name="IconName.InfoCircleFill"></Icon>\n</Tooltip>\n')),(0,a.kt)("h3",{id:"bootstrap-icons"},"Bootstrap Icons"),(0,a.kt)("img",{src:"https://i.imgur.com/8HcjpiK.png",alt:"Blazor Bootstrap: Icon Component - Bootstrap Icons"}),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/icons#bootstrap-icons"},"See all bootstrap icons demo here.")))}d.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/c291da80.a5a32ad2.js b/assets/js/c291da80.684b0326.js
similarity index 99%
rename from assets/js/c291da80.a5a32ad2.js
rename to assets/js/c291da80.684b0326.js
index 9f25c46c2..af964be15 100644
--- a/assets/js/c291da80.a5a32ad2.js
+++ b/assets/js/c291da80.684b0326.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[80254],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>b});var n=r(67294);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r,n,s={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}var l=n.createContext({}),p=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(l.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,s=e.mdxType,a=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),m=p(r),u=s,b=m["".concat(l,".").concat(u)]||m[u]||d[u]||a;return r?n.createElement(b,o(o({ref:t},c),{},{components:r})):n.createElement(b,o({ref:t},c))}));function b(e,t){var r=arguments,s=t&&t.mdxType;if("string"==typeof e||s){var a=r.length,o=new Array(a);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[m]="string"==typeof e?e:s,o[1]=i;for(var p=2;p<a;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),s=r(67294),a=r(3905);class o extends s.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:s.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,a.kt)(p,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},49564:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=r(87462),s=(r(67294),r(3905)),a=r(74404);const o={id:"blazor-webassembly-net-7",sidebar_label:"Blazor WebAssembly (.NET 7)",sidebar_position:5,title:"Blazor WebAssembly (.NET 7)"},i="Getting started - Blazor WebAssembly (.NET 7)",l={unversionedId:"getting-started/blazor-webassembly-net-7",id:"getting-started/blazor-webassembly-net-7",title:"Blazor WebAssembly (.NET 7)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-webassembly-net-7",permalink:"/getting-started/blazor-webassembly-net-7",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx",tags:[],version:"current",sidebarPosition:5,frontMatter:{id:"blazor-webassembly-net-7",sidebar_label:"Blazor WebAssembly (.NET 7)",sidebar_position:5,title:"Blazor WebAssembly (.NET 7)"},sidebar:"tutorialSidebar",previous:{title:"MAUI Blazor Hybrid App (.NET 8)",permalink:"/getting-started/maui-blazor-net-8"},next:{title:"Blazor Server (.NET 7)",permalink:"/getting-started/blazor-server-net-7"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2},{value:"index.html",id:"indexhtml",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],m={toc:c},d="wrapper";function u(e){let{components:t,...r}=e;return(0,s.kt)(d,(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)("h1",{id:"getting-started---blazor-webassembly-net-7"},"Getting started - Blazor WebAssembly (.NET 7)"),(0,s.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,s.kt)(a.ZP,{mdxType:"CarbonAd"}),(0,s.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,s.kt)("p",null,"Looking to quickly add ",(0,s.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1\n")),(0,s.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,s.kt)("p",null,"After the ",(0,s.kt)("inlineCode",{parentName:"p"},'<base href="/" />')," tag in the ",(0,s.kt)("strong",{parentName:"p"},"head")," section of the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, add the following references:"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,s.kt)("admonition",{type:"note"},(0,s.kt)("p",{parentName:"admonition"},"If you use the ",(0,s.kt)("strong",{parentName:"p"},"Blazor WebAssembly App Empty")," template (without demonstration code and Bootstrap), add the following references to the ",(0,s.kt)("inlineCode",{parentName:"p"},"head")," section in the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html"),".\nThere is a known GitHub issue ",(0,s.kt)("a",{parentName:"p",href:"https://github.com/dotnet/aspnetcore/issues/43975"},"Blazor empty template doesn't load scoped CSS"),".")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css" rel="stylesheet" />\n')),(0,s.kt)("h2",{id:"add-script-references"},"Add script references"),(0,s.kt)("p",null,"Insert the following references into the ",(0,s.kt)("strong",{parentName:"p"},"body")," section of the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, immediately after the ",(0,s.kt)("strong",{parentName:"p"},"_framework/blazor.webassembly.js")," reference:"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,s.kt)("admonition",{type:"tip"},(0,s.kt)("p",{parentName:"admonition"},"The ",(0,s.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Include it only when the ",(0,s.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,s.kt)("h2",{id:"register-services"},"Register services"),(0,s.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,s.kt)("strong",{parentName:"p"},"Program.cs")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,s.kt)("p",null,"Register tag helpers in ",(0,s.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,s.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,s.kt)("p",null,"The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:"),(0,s.kt)("ol",null,(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Delete the ",(0,s.kt)("strong",{parentName:"p"},"bootstrap")," and ",(0,s.kt)("strong",{parentName:"p"},"open-iconic")," folders from the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,s.kt)("ul",{parentName:"li"},(0,s.kt)("li",{parentName:"ul"},"Delete the ",(0,s.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."),(0,s.kt)("li",{parentName:"ul"},"Delete the ",(0,s.kt)("strong",{parentName:"li"},"wwwroot/css/open-iconic")," folder."))),(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Remove the following line from ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file:"),(0,s.kt)("pre",{parentName:"li"},(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />\n'))),(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Remove the following line from ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/css/app.css")," file:"),(0,s.kt)("pre",{parentName:"li"},(0,s.kt)("code",{parentName:"pre",className:"language-css",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');\n")))),(0,s.kt)("h2",{id:"starter-template"},"Starter template"),(0,s.kt)("p",null,(0,s.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET7.BlazorWebAssemblyApp"},"GitHub Repo: Blazor Bootstrap - Blazor WebAssembly App (.NET 7)")),(0,s.kt)("img",{src:"https://i.imgur.com/4P8u0HR.png",alt:"Blazor Bootstrap - Blazor WebAssembly App"}),(0,s.kt)("h2",{id:"sample-code"},"Sample Code"),(0,s.kt)("h3",{id:"indexhtml"},"index.html"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"{9-11,33-35} showLineNumbers","{9-11,33-35}":!0,showLineNumbers:!0},'<!DOCTYPE html>\n<html lang="en">\n\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />\n    <title>NET7.BlazorWebAssemblyApp</title>\n    <base href="/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link href="css/app.css" rel="stylesheet" />\n    <link rel="icon" type="image/png" href="favicon.png" />\n    <link href="NET7.BlazorWebAssemblyApp.styles.css" rel="stylesheet" />\n</head>\n\n<body>\n    <div id="app">\n        <svg class="loading-progress">\n            <circle r="40%" cx="50%" cy="50%" />\n            <circle r="40%" cx="50%" cy="50%" />\n        </svg>\n        <div class="loading-progress-text"></div>\n    </div>\n\n    <div id="blazor-error-ui">\n        An unhandled error has occurred.\n        <a href="" class="reload">Reload</a>\n        <a class="dismiss">\ud83d\uddd9</a>\n    </div>\n\n    <script src="_framework/blazor.webassembly.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script> \x3c!-- Add chart.js reference if Chart components are used in the application. --\x3e\n    \x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n\n</html>\n')),(0,s.kt)("h3",{id:"programcs"},"Program.cs"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{10} showLineNumbers","{10}":!0,showLineNumbers:!0},'using Microsoft.AspNetCore.Components.Web;\nusing Microsoft.AspNetCore.Components.WebAssembly.Hosting;\nusing NET7.BlazorWebAssemblyApp;\n\nvar builder = WebAssemblyHostBuilder.CreateDefault(args);\nbuilder.RootComponents.Add<App>("#app");\nbuilder.RootComponents.Add<HeadOutlet>("head::after");\n\nbuilder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });\nbuilder.Services.AddBlazorBootstrap();\n\nawait builder.Build().RunAsync();\n')),(0,s.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using System.Net.Http.Json\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.AspNetCore.Components.WebAssembly.Http\n@using Microsoft.JSInterop\n@using NET7.BlazorWebAssemblyApp\n@using NET7.BlazorWebAssemblyApp.Shared\n@using BlazorBootstrap;\n")),(0,s.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">\n                @Body\n            </div>\n        </article>\n    </main>\n\n</div>\n\n<Modal IsServiceModal="true" />\n<Preload />\n<Toasts class="p-3" AutoHide="true" Delay="4000" Placement="ToastsPlacement.TopRight" />\n\n@code {\n    private Sidebar sidebar = default!;\n    private IEnumerable<NavItem> navItems = default!;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n            new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n            new NavItem { Id = "3", Href = "/fetchdata", IconName = IconName.Table, Text = "Fetch Data"},\n        };\n\n        return navItems;\n    }\n}\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[80254],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>b});var n=r(67294);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r,n,s={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}var l=n.createContext({}),p=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(l.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,s=e.mdxType,a=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),m=p(r),u=s,b=m["".concat(l,".").concat(u)]||m[u]||d[u]||a;return r?n.createElement(b,o(o({ref:t},c),{},{components:r})):n.createElement(b,o({ref:t},c))}));function b(e,t){var r=arguments,s=t&&t.mdxType;if("string"==typeof e||s){var a=r.length,o=new Array(a);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[m]="string"==typeof e?e:s,o[1]=i;for(var p=2;p<a;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),s=r(67294),a=r(3905);class o extends s.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:s.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,a.kt)(p,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},49564:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=r(87462),s=(r(67294),r(3905)),a=r(74404);const o={id:"blazor-webassembly-net-7",sidebar_label:"Blazor WebAssembly (.NET 7)",sidebar_position:5,title:"Blazor WebAssembly (.NET 7)"},i="Getting started - Blazor WebAssembly (.NET 7)",l={unversionedId:"getting-started/blazor-webassembly-net-7",id:"getting-started/blazor-webassembly-net-7",title:"Blazor WebAssembly (.NET 7)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-webassembly-net-7",permalink:"/getting-started/blazor-webassembly-net-7",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx",tags:[],version:"current",sidebarPosition:5,frontMatter:{id:"blazor-webassembly-net-7",sidebar_label:"Blazor WebAssembly (.NET 7)",sidebar_position:5,title:"Blazor WebAssembly (.NET 7)"},sidebar:"tutorialSidebar",previous:{title:"MAUI Blazor Hybrid App (.NET 8)",permalink:"/getting-started/maui-blazor-net-8"},next:{title:"Blazor Server (.NET 7)",permalink:"/getting-started/blazor-server-net-7"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2},{value:"index.html",id:"indexhtml",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],m={toc:c},d="wrapper";function u(e){let{components:t,...r}=e;return(0,s.kt)(d,(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)("h1",{id:"getting-started---blazor-webassembly-net-7"},"Getting started - Blazor WebAssembly (.NET 7)"),(0,s.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,s.kt)(a.ZP,{mdxType:"CarbonAd"}),(0,s.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,s.kt)("p",null,"Looking to quickly add ",(0,s.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2\n")),(0,s.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,s.kt)("p",null,"After the ",(0,s.kt)("inlineCode",{parentName:"p"},'<base href="/" />')," tag in the ",(0,s.kt)("strong",{parentName:"p"},"head")," section of the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, add the following references:"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,s.kt)("admonition",{type:"note"},(0,s.kt)("p",{parentName:"admonition"},"If you use the ",(0,s.kt)("strong",{parentName:"p"},"Blazor WebAssembly App Empty")," template (without demonstration code and Bootstrap), add the following references to the ",(0,s.kt)("inlineCode",{parentName:"p"},"head")," section in the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html"),".\nThere is a known GitHub issue ",(0,s.kt)("a",{parentName:"p",href:"https://github.com/dotnet/aspnetcore/issues/43975"},"Blazor empty template doesn't load scoped CSS"),".")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css" rel="stylesheet" />\n')),(0,s.kt)("h2",{id:"add-script-references"},"Add script references"),(0,s.kt)("p",null,"Insert the following references into the ",(0,s.kt)("strong",{parentName:"p"},"body")," section of the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, immediately after the ",(0,s.kt)("strong",{parentName:"p"},"_framework/blazor.webassembly.js")," reference:"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,s.kt)("admonition",{type:"tip"},(0,s.kt)("p",{parentName:"admonition"},"The ",(0,s.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Include it only when the ",(0,s.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,s.kt)("h2",{id:"register-services"},"Register services"),(0,s.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,s.kt)("strong",{parentName:"p"},"Program.cs")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,s.kt)("p",null,"Register tag helpers in ",(0,s.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,s.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,s.kt)("p",null,"The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:"),(0,s.kt)("ol",null,(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Delete the ",(0,s.kt)("strong",{parentName:"p"},"bootstrap")," and ",(0,s.kt)("strong",{parentName:"p"},"open-iconic")," folders from the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,s.kt)("ul",{parentName:"li"},(0,s.kt)("li",{parentName:"ul"},"Delete the ",(0,s.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."),(0,s.kt)("li",{parentName:"ul"},"Delete the ",(0,s.kt)("strong",{parentName:"li"},"wwwroot/css/open-iconic")," folder."))),(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Remove the following line from ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file:"),(0,s.kt)("pre",{parentName:"li"},(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />\n'))),(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Remove the following line from ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/css/app.css")," file:"),(0,s.kt)("pre",{parentName:"li"},(0,s.kt)("code",{parentName:"pre",className:"language-css",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');\n")))),(0,s.kt)("h2",{id:"starter-template"},"Starter template"),(0,s.kt)("p",null,(0,s.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET7.BlazorWebAssemblyApp"},"GitHub Repo: Blazor Bootstrap - Blazor WebAssembly App (.NET 7)")),(0,s.kt)("img",{src:"https://i.imgur.com/4P8u0HR.png",alt:"Blazor Bootstrap - Blazor WebAssembly App"}),(0,s.kt)("h2",{id:"sample-code"},"Sample Code"),(0,s.kt)("h3",{id:"indexhtml"},"index.html"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"{9-11,33-35} showLineNumbers","{9-11,33-35}":!0,showLineNumbers:!0},'<!DOCTYPE html>\n<html lang="en">\n\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />\n    <title>NET7.BlazorWebAssemblyApp</title>\n    <base href="/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link href="css/app.css" rel="stylesheet" />\n    <link rel="icon" type="image/png" href="favicon.png" />\n    <link href="NET7.BlazorWebAssemblyApp.styles.css" rel="stylesheet" />\n</head>\n\n<body>\n    <div id="app">\n        <svg class="loading-progress">\n            <circle r="40%" cx="50%" cy="50%" />\n            <circle r="40%" cx="50%" cy="50%" />\n        </svg>\n        <div class="loading-progress-text"></div>\n    </div>\n\n    <div id="blazor-error-ui">\n        An unhandled error has occurred.\n        <a href="" class="reload">Reload</a>\n        <a class="dismiss">\ud83d\uddd9</a>\n    </div>\n\n    <script src="_framework/blazor.webassembly.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script> \x3c!-- Add chart.js reference if Chart components are used in the application. --\x3e\n    \x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n\n</html>\n')),(0,s.kt)("h3",{id:"programcs"},"Program.cs"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{10} showLineNumbers","{10}":!0,showLineNumbers:!0},'using Microsoft.AspNetCore.Components.Web;\nusing Microsoft.AspNetCore.Components.WebAssembly.Hosting;\nusing NET7.BlazorWebAssemblyApp;\n\nvar builder = WebAssemblyHostBuilder.CreateDefault(args);\nbuilder.RootComponents.Add<App>("#app");\nbuilder.RootComponents.Add<HeadOutlet>("head::after");\n\nbuilder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });\nbuilder.Services.AddBlazorBootstrap();\n\nawait builder.Build().RunAsync();\n')),(0,s.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using System.Net.Http.Json\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.AspNetCore.Components.WebAssembly.Http\n@using Microsoft.JSInterop\n@using NET7.BlazorWebAssemblyApp\n@using NET7.BlazorWebAssemblyApp.Shared\n@using BlazorBootstrap;\n")),(0,s.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">\n                @Body\n            </div>\n        </article>\n    </main>\n\n</div>\n\n<Modal IsServiceModal="true" />\n<Preload />\n<Toasts class="p-3" AutoHide="true" Delay="4000" Placement="ToastsPlacement.TopRight" />\n\n@code {\n    private Sidebar sidebar = default!;\n    private IEnumerable<NavItem> navItems = default!;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n            new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n            new NavItem { Id = "3", Href = "/fetchdata", IconName = IconName.Table, Text = "Fetch Data"},\n        };\n\n        return navItems;\n    }\n}\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/c2eb690c.cd82ea53.js b/assets/js/c2eb690c.1e783a64.js
similarity index 78%
rename from assets/js/c2eb690c.cd82ea53.js
rename to assets/js/c2eb690c.1e783a64.js
index ef7a46e96..9ee784c64 100644
--- a/assets/js/c2eb690c.cd82ea53.js
+++ b/assets/js/c2eb690c.1e783a64.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[49262],{39067:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":61}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[49262],{39067:a=>{a.exports=JSON.parse('{"label":"blazorbootstrap","permalink":"/blog/tags/blazorbootstrap","allTagsPath":"/blog/tags","count":62}')}}]);
\ No newline at end of file
diff --git a/assets/js/ca5ddc25.225050e5.js b/assets/js/ca5ddc25.f00aea29.js
similarity index 82%
rename from assets/js/ca5ddc25.225050e5.js
rename to assets/js/ca5ddc25.f00aea29.js
index 354f628da..a7d7416ee 100644
--- a/assets/js/ca5ddc25.225050e5.js
+++ b/assets/js/ca5ddc25.f00aea29.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[66882],{30146:a=>{a.exports=JSON.parse('{"label":"bootstrap","permalink":"/blog/tags/bootstrap","allTagsPath":"/blog/tags","count":34}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[66882],{30146:a=>{a.exports=JSON.parse('{"label":"bootstrap","permalink":"/blog/tags/bootstrap","allTagsPath":"/blog/tags","count":35}')}}]);
\ No newline at end of file
diff --git a/assets/js/caa2721c.fa2ae220.js b/assets/js/caa2721c.36903306.js
similarity index 84%
rename from assets/js/caa2721c.fa2ae220.js
rename to assets/js/caa2721c.36903306.js
index 6d427a2c4..0144a8059 100644
--- a/assets/js/caa2721c.fa2ae220.js
+++ b/assets/js/caa2721c.36903306.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[70852],{26470:a=>{a.exports=JSON.parse('{"label":"charts","permalink":"/blog/tags/charts","allTagsPath":"/blog/tags","count":2}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[70852],{26470:a=>{a.exports=JSON.parse('{"label":"charts","permalink":"/blog/tags/charts","allTagsPath":"/blog/tags","count":3}')}}]);
\ No newline at end of file
diff --git a/assets/js/cfa57793.568e98dd.js b/assets/js/cfa57793.118423a7.js
similarity index 81%
rename from assets/js/cfa57793.568e98dd.js
rename to assets/js/cfa57793.118423a7.js
index e2034d7b7..b4d63c701 100644
--- a/assets/js/cfa57793.568e98dd.js
+++ b/assets/js/cfa57793.118423a7.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[59331],{72616:a=>{a.exports=JSON.parse('{"permalink":"/blog/tags/grid/page/2","page":2,"postsPerPage":10,"totalPages":3,"totalCount":21,"previousPage":"/blog/tags/grid","nextPage":"/blog/tags/grid/page/3","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[59331],{72616:a=>{a.exports=JSON.parse('{"permalink":"/blog/tags/grid/page/2","page":2,"postsPerPage":10,"totalPages":3,"totalCount":22,"previousPage":"/blog/tags/grid","nextPage":"/blog/tags/grid/page/3","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/d39f9a0e.27b8ef14.js b/assets/js/d39f9a0e.b8bd554c.js
similarity index 99%
rename from assets/js/d39f9a0e.27b8ef14.js
rename to assets/js/d39f9a0e.b8bd554c.js
index 1dda8af9c..ef63c8a60 100644
--- a/assets/js/d39f9a0e.27b8ef14.js
+++ b/assets/js/d39f9a0e.b8bd554c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[78751],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>h});var a=r(67294);function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},s=Object.keys(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var l=a.createContext({}),p=function(e){var t=a.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return a.createElement(l.Provider,{value:t},e.children)},d="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},u=a.forwardRef((function(e,t){var r=e.components,n=e.mdxType,s=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),d=p(r),u=n,h=d["".concat(l,".").concat(u)]||d[u]||m[u]||s;return r?a.createElement(h,o(o({ref:t},c),{},{components:r})):a.createElement(h,o({ref:t},c))}));function h(e,t){var r=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var s=r.length,o=new Array(s);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[d]="string"==typeof e?e:n,o[1]=i;for(var p=2;p<s;p++)o[p]=r[p];return a.createElement.apply(null,o)}return a.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var a=r(87462),n=r(67294),s=r(3905);class o extends n.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:n.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,s.kt)(p,(0,a.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},58748:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var a=r(87462),n=(r(67294),r(3905)),s=r(74404);const o={id:"maui-blazor-net-8",sidebar_label:"MAUI Blazor Hybrid App (.NET 8)",sidebar_position:4,title:"MAUI Blazor Hybrid App (.NET 8)"},i="Getting started - MAUI Blazor Hybrid App (.NET 8)",l={unversionedId:"getting-started/maui-blazor-net-8",id:"getting-started/maui-blazor-net-8",title:"MAUI Blazor Hybrid App (.NET 8)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/maui-blazor-net-8",permalink:"/getting-started/maui-blazor-net-8",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx",tags:[],version:"current",sidebarPosition:4,frontMatter:{id:"maui-blazor-net-8",sidebar_label:"MAUI Blazor Hybrid App (.NET 8)",sidebar_position:4,title:"MAUI Blazor Hybrid App (.NET 8)"},sidebar:"tutorialSidebar",previous:{title:"Blazor WebApp Auto (.NET 8)",permalink:"/getting-started/blazor-webapp-auto-global-net-8"},next:{title:"Blazor WebAssembly (.NET 7)",permalink:"/getting-started/blazor-webassembly-net-7"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2}],d={toc:c},m="wrapper";function u(e){let{components:t,...r}=e;return(0,n.kt)(m,(0,a.Z)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("h1",{id:"getting-started---maui-blazor-hybrid-app-net-8"},"Getting started - MAUI Blazor Hybrid App (.NET 8)"),(0,n.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,n.kt)(s.ZP,{mdxType:"CarbonAd"}),(0,n.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,n.kt)("p",null,"Looking to quickly add ",(0,n.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1\n")),(0,n.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,n.kt)("p",null,"After the ",(0,n.kt)("base",{href:"/"})," tag in the ",(0,n.kt)("strong",{parentName:"p"},"head")," section in the ",(0,n.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, add the following references:"),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,n.kt)("h2",{id:"add-script-references"},"Add script references"),(0,n.kt)("p",null,"Insert the following references into the ",(0,n.kt)("strong",{parentName:"p"},"body")," section of the ",(0,n.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, immediately after the ",(0,n.kt)("strong",{parentName:"p"},"_framework/blazor.webview.js")," reference:"),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,n.kt)("admonition",{type:"tip"},(0,n.kt)("p",{parentName:"admonition"},(0,n.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Add when the ",(0,n.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,n.kt)("h2",{id:"register-services"},"Register services"),(0,n.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,n.kt)("strong",{parentName:"p"},"MauiProgram.cs")),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,n.kt)("p",null,"Register tag helpers in ",(0,n.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,n.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,n.kt)("p",null,"The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:"),(0,n.kt)("ol",null,(0,n.kt)("li",{parentName:"ol"},(0,n.kt)("p",{parentName:"li"},"Delete the ",(0,n.kt)("strong",{parentName:"p"},"bootstrap")," folder from the ",(0,n.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"Delete the ",(0,n.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."))),(0,n.kt)("li",{parentName:"ol"},(0,n.kt)("p",{parentName:"li"},"Remove the following line from ",(0,n.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file:"),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />\n')))),(0,n.kt)("h2",{id:"starter-template"},"Starter template"),(0,n.kt)("p",null,"TODO"),(0,n.kt)("h2",{id:"sample-code"},"Sample Code"),(0,n.kt)("p",null,"TODO"))}u.isMDXComponent=!0}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[78751],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>h});var a=r(67294);function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},s=Object.keys(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var l=a.createContext({}),p=function(e){var t=a.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return a.createElement(l.Provider,{value:t},e.children)},d="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},u=a.forwardRef((function(e,t){var r=e.components,n=e.mdxType,s=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),d=p(r),u=n,h=d["".concat(l,".").concat(u)]||d[u]||m[u]||s;return r?a.createElement(h,o(o({ref:t},c),{},{components:r})):a.createElement(h,o({ref:t},c))}));function h(e,t){var r=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var s=r.length,o=new Array(s);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[d]="string"==typeof e?e:n,o[1]=i;for(var p=2;p<s;p++)o[p]=r[p];return a.createElement.apply(null,o)}return a.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var a=r(87462),n=r(67294),s=r(3905);class o extends n.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:n.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,s.kt)(p,(0,a.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},58748:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var a=r(87462),n=(r(67294),r(3905)),s=r(74404);const o={id:"maui-blazor-net-8",sidebar_label:"MAUI Blazor Hybrid App (.NET 8)",sidebar_position:4,title:"MAUI Blazor Hybrid App (.NET 8)"},i="Getting started - MAUI Blazor Hybrid App (.NET 8)",l={unversionedId:"getting-started/maui-blazor-net-8",id:"getting-started/maui-blazor-net-8",title:"MAUI Blazor Hybrid App (.NET 8)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/maui-blazor-net-8",permalink:"/getting-started/maui-blazor-net-8",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx",tags:[],version:"current",sidebarPosition:4,frontMatter:{id:"maui-blazor-net-8",sidebar_label:"MAUI Blazor Hybrid App (.NET 8)",sidebar_position:4,title:"MAUI Blazor Hybrid App (.NET 8)"},sidebar:"tutorialSidebar",previous:{title:"Blazor WebApp Auto (.NET 8)",permalink:"/getting-started/blazor-webapp-auto-global-net-8"},next:{title:"Blazor WebAssembly (.NET 7)",permalink:"/getting-started/blazor-webassembly-net-7"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2}],d={toc:c},m="wrapper";function u(e){let{components:t,...r}=e;return(0,n.kt)(m,(0,a.Z)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("h1",{id:"getting-started---maui-blazor-hybrid-app-net-8"},"Getting started - MAUI Blazor Hybrid App (.NET 8)"),(0,n.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,n.kt)(s.ZP,{mdxType:"CarbonAd"}),(0,n.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,n.kt)("p",null,"Looking to quickly add ",(0,n.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2\n")),(0,n.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,n.kt)("p",null,"After the ",(0,n.kt)("base",{href:"/"})," tag in the ",(0,n.kt)("strong",{parentName:"p"},"head")," section in the ",(0,n.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, add the following references:"),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,n.kt)("h2",{id:"add-script-references"},"Add script references"),(0,n.kt)("p",null,"Insert the following references into the ",(0,n.kt)("strong",{parentName:"p"},"body")," section of the ",(0,n.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, immediately after the ",(0,n.kt)("strong",{parentName:"p"},"_framework/blazor.webview.js")," reference:"),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,n.kt)("admonition",{type:"tip"},(0,n.kt)("p",{parentName:"admonition"},(0,n.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Add when the ",(0,n.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,n.kt)("h2",{id:"register-services"},"Register services"),(0,n.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,n.kt)("strong",{parentName:"p"},"MauiProgram.cs")),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,n.kt)("p",null,"Register tag helpers in ",(0,n.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,n.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,n.kt)("p",null,"The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:"),(0,n.kt)("ol",null,(0,n.kt)("li",{parentName:"ol"},(0,n.kt)("p",{parentName:"li"},"Delete the ",(0,n.kt)("strong",{parentName:"p"},"bootstrap")," folder from the ",(0,n.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"Delete the ",(0,n.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."))),(0,n.kt)("li",{parentName:"ol"},(0,n.kt)("p",{parentName:"li"},"Remove the following line from ",(0,n.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file:"),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />\n')))),(0,n.kt)("h2",{id:"starter-template"},"Starter template"),(0,n.kt)("p",null,"TODO"),(0,n.kt)("h2",{id:"sample-code"},"Sample Code"),(0,n.kt)("p",null,"TODO"))}u.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/d7dbf226.af74c172.js b/assets/js/d7dbf226.a0253497.js
similarity index 75%
rename from assets/js/d7dbf226.af74c172.js
rename to assets/js/d7dbf226.a0253497.js
index 47b7d4d32..f1cea744d 100644
--- a/assets/js/d7dbf226.af74c172.js
+++ b/assets/js/d7dbf226.a0253497.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[54205],{3905:(e,t,r)=>{r.d(t,{Zo:()=>p,kt:()=>d});var a=r(67294);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,a,o=function(e,t){if(null==e)return{};var r,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var b=a.createContext({}),s=function(e){var t=a.useContext(b),r=t;return e&&(r="function"==typeof e?e(t):l(l({},t),e)),r},p=function(e){var t=s(e.components);return a.createElement(b.Provider,{value:t},e.children)},c="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var r=e.components,o=e.mdxType,n=e.originalType,b=e.parentName,p=i(e,["components","mdxType","originalType","parentName"]),c=s(r),m=o,d=c["".concat(b,".").concat(m)]||c[m]||u[m]||n;return r?a.createElement(d,l(l({ref:t},p),{},{components:r})):a.createElement(d,l({ref:t},p))}));function d(e,t){var r=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var n=r.length,l=new Array(n);l[0]=m;var i={};for(var b in t)hasOwnProperty.call(t,b)&&(i[b]=t[b]);i.originalType=e,i[c]="string"==typeof e?e:o,l[1]=i;for(var s=2;s<n;s++)l[s]=r[s];return a.createElement.apply(null,l)}return a.createElement.apply(null,r)}m.displayName="MDXCreateElement"},77205:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>b,contentTitle:()=>l,default:()=>u,frontMatter:()=>n,metadata:()=>i,toc:()=>s});var a=r(87462),o=(r(67294),r(3905));const n={title:"Blazor Bootstrap v3.0.0-preview.1",authors:{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067"},tags:["v3.0.0","blazor","bootstrap","blazorbootstrap","accordion","button","callout","dropdown","grid","modal","ribbon","tab","sidebar","sidebar2"]},l=void 0,i={permalink:"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1",editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md",source:"@site/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md",title:"Blazor Bootstrap v3.0.0-preview.1",description:"We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!",date:"2024-06-08T00:00:00.000Z",formattedDate:"June 8, 2024",tags:[{label:"v3.0.0",permalink:"/blog/tags/v-3-0-0"},{label:"blazor",permalink:"/blog/tags/blazor"},{label:"bootstrap",permalink:"/blog/tags/bootstrap"},{label:"blazorbootstrap",permalink:"/blog/tags/blazorbootstrap"},{label:"accordion",permalink:"/blog/tags/accordion"},{label:"button",permalink:"/blog/tags/button"},{label:"callout",permalink:"/blog/tags/callout"},{label:"dropdown",permalink:"/blog/tags/dropdown"},{label:"grid",permalink:"/blog/tags/grid"},{label:"modal",permalink:"/blog/tags/modal"},{label:"ribbon",permalink:"/blog/tags/ribbon"},{label:"tab",permalink:"/blog/tags/tab"},{label:"sidebar",permalink:"/blog/tags/sidebar"},{label:"sidebar2",permalink:"/blog/tags/sidebar-2"}],readingTime:1.23,hasTruncateMarker:!0,authors:[{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067",imageURL:"https://avatars.githubusercontent.com/u/2337067"}],frontMatter:{title:"Blazor Bootstrap v3.0.0-preview.1",authors:{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067",imageURL:"https://avatars.githubusercontent.com/u/2337067"},tags:["v3.0.0","blazor","bootstrap","blazorbootstrap","accordion","button","callout","dropdown","grid","modal","ribbon","tab","sidebar","sidebar2"]},nextItem:{title:"Blazor Bootstrap v2.2.1",permalink:"/blog/2024/04/21/blazorbootstrap-2.2.1"}},b={authorsImageUrls:[void 0]},s=[],p={toc:s},c="wrapper";function u(e){let{components:t,...r}=e;return(0,o.kt)(c,(0,a.Z)({},p,r,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"),(0,o.kt)("p",null,(0,o.kt)("img",{parentName:"p",src:"https://i.imgur.com/XG4Wv17.png",alt:"image",title:"Blazor Bootstrap: Grid Component - Column class"})))}u.isMDXComponent=!0}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[54205],{3905:(e,t,r)=>{r.d(t,{Zo:()=>s,kt:()=>d});var a=r(67294);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,a,o=function(e,t){if(null==e)return{};var r,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var b=a.createContext({}),p=function(e){var t=a.useContext(b),r=t;return e&&(r="function"==typeof e?e(t):l(l({},t),e)),r},s=function(e){var t=p(e.components);return a.createElement(b.Provider,{value:t},e.children)},c="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},m=a.forwardRef((function(e,t){var r=e.components,o=e.mdxType,n=e.originalType,b=e.parentName,s=i(e,["components","mdxType","originalType","parentName"]),c=p(r),m=o,d=c["".concat(b,".").concat(m)]||c[m]||u[m]||n;return r?a.createElement(d,l(l({ref:t},s),{},{components:r})):a.createElement(d,l({ref:t},s))}));function d(e,t){var r=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var n=r.length,l=new Array(n);l[0]=m;var i={};for(var b in t)hasOwnProperty.call(t,b)&&(i[b]=t[b]);i.originalType=e,i[c]="string"==typeof e?e:o,l[1]=i;for(var p=2;p<n;p++)l[p]=r[p];return a.createElement.apply(null,l)}return a.createElement.apply(null,r)}m.displayName="MDXCreateElement"},77205:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>b,contentTitle:()=>l,default:()=>u,frontMatter:()=>n,metadata:()=>i,toc:()=>p});var a=r(87462),o=(r(67294),r(3905));const n={title:"Blazor Bootstrap v3.0.0-preview.1",authors:{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067"},tags:["v3.0.0","blazor","bootstrap","blazorbootstrap","accordion","button","callout","dropdown","grid","modal","ribbon","tab","sidebar","sidebar2"]},l=void 0,i={permalink:"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1",editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md",source:"@site/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md",title:"Blazor Bootstrap v3.0.0-preview.1",description:"We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!",date:"2024-06-08T00:00:00.000Z",formattedDate:"June 8, 2024",tags:[{label:"v3.0.0",permalink:"/blog/tags/v-3-0-0"},{label:"blazor",permalink:"/blog/tags/blazor"},{label:"bootstrap",permalink:"/blog/tags/bootstrap"},{label:"blazorbootstrap",permalink:"/blog/tags/blazorbootstrap"},{label:"accordion",permalink:"/blog/tags/accordion"},{label:"button",permalink:"/blog/tags/button"},{label:"callout",permalink:"/blog/tags/callout"},{label:"dropdown",permalink:"/blog/tags/dropdown"},{label:"grid",permalink:"/blog/tags/grid"},{label:"modal",permalink:"/blog/tags/modal"},{label:"ribbon",permalink:"/blog/tags/ribbon"},{label:"tab",permalink:"/blog/tags/tab"},{label:"sidebar",permalink:"/blog/tags/sidebar"},{label:"sidebar2",permalink:"/blog/tags/sidebar-2"}],readingTime:1.23,hasTruncateMarker:!0,authors:[{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067",imageURL:"https://avatars.githubusercontent.com/u/2337067"}],frontMatter:{title:"Blazor Bootstrap v3.0.0-preview.1",authors:{name:"Vikram Reddy",title:"Creator",url:"https://github.com/gvreddy04",image_url:"https://avatars.githubusercontent.com/u/2337067",imageURL:"https://avatars.githubusercontent.com/u/2337067"},tags:["v3.0.0","blazor","bootstrap","blazorbootstrap","accordion","button","callout","dropdown","grid","modal","ribbon","tab","sidebar","sidebar2"]},prevItem:{title:"Blazor Bootstrap v3.0.0-preview.2",permalink:"/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"},nextItem:{title:"Blazor Bootstrap v2.2.1",permalink:"/blog/2024/04/21/blazorbootstrap-2.2.1"}},b={authorsImageUrls:[void 0]},p=[],s={toc:p},c="wrapper";function u(e){let{components:t,...r}=e;return(0,o.kt)(c,(0,a.Z)({},s,r,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"),(0,o.kt)("p",null,(0,o.kt)("img",{parentName:"p",src:"https://i.imgur.com/XG4Wv17.png",alt:"image",title:"Blazor Bootstrap: Grid Component - Column class"})))}u.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/da55feea.7cf18589.js b/assets/js/da55feea.7342a4d5.js
similarity index 80%
rename from assets/js/da55feea.7cf18589.js
rename to assets/js/da55feea.7342a4d5.js
index 92a09e5c9..d6fd437ad 100644
--- a/assets/js/da55feea.7cf18589.js
+++ b/assets/js/da55feea.7342a4d5.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[1176],{54957:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazor/page/5","page":5,"postsPerPage":10,"totalPages":5,"totalCount":41,"previousPage":"/blog/tags/blazor/page/4","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[1176],{54957:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazor/page/5","page":5,"postsPerPage":10,"totalPages":5,"totalCount":42,"previousPage":"/blog/tags/blazor/page/4","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/e33bb20e.240726ea.js b/assets/js/e33bb20e.44dc519d.js
similarity index 99%
rename from assets/js/e33bb20e.240726ea.js
rename to assets/js/e33bb20e.44dc519d.js
index dfc54e2d3..c3cdf4acb 100644
--- a/assets/js/e33bb20e.240726ea.js
+++ b/assets/js/e33bb20e.44dc519d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[97234],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>b});var n=r(67294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var l=n.createContext({}),p=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(l.Provider,{value:t},e.children)},d="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,s=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),d=p(r),u=a,b=d["".concat(l,".").concat(u)]||d[u]||m[u]||s;return r?n.createElement(b,o(o({ref:t},c),{},{components:r})):n.createElement(b,o({ref:t},c))}));function b(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var s=r.length,o=new Array(s);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[d]="string"==typeof e?e:a,o[1]=i;for(var p=2;p<s;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),a=r(67294),s=r(3905);class o extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,s.kt)(p,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},90469:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=r(87462),a=(r(67294),r(3905)),s=r(74404);const o={id:"blazor-webapp-server-global-net-8",sidebar_label:"Blazor WebApp Server (.NET 8)",sidebar_position:2,title:"Blazor WebApp Server (.NET 8)"},i="Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location",l={unversionedId:"getting-started/blazor-webapp-server-global-net-8",id:"getting-started/blazor-webapp-server-global-net-8",title:"Blazor WebApp Server (.NET 8)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-webapp-server-global-net-8",permalink:"/getting-started/blazor-webapp-server-global-net-8",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx",tags:[],version:"current",sidebarPosition:2,frontMatter:{id:"blazor-webapp-server-global-net-8",sidebar_label:"Blazor WebApp Server (.NET 8)",sidebar_position:2,title:"Blazor WebApp Server (.NET 8)"},sidebar:"tutorialSidebar",previous:{title:"Blazor WebAssembly (.NET 8)",permalink:"/getting-started/blazor-webassembly-net-8"},next:{title:"Blazor WebApp Auto (.NET 8)",permalink:"/getting-started/blazor-webapp-auto-global-net-8"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2},{value:"App.razor",id:"apprazor",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],d={toc:c},m="wrapper";function u(e){let{components:t,...r}=e;return(0,a.kt)(m,(0,n.Z)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"getting-started---blazor-webapp-net-8---interactive-render-mode-server---global-location"},"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location"),(0,a.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,a.kt)(s.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,a.kt)("p",null,"Looking to quickly add ",(0,a.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1\n")),(0,a.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,a.kt)("p",null,"After the ",(0,a.kt)("inlineCode",{parentName:"p"},'<base href="/" />')," tag in the ",(0,a.kt)("strong",{parentName:"p"},"head")," section of the ",(0,a.kt)("strong",{parentName:"p"},"Components/App.razor"),"."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,a.kt)("h2",{id:"add-script-references"},"Add script references"),(0,a.kt)("p",null,"Insert the following references into the ",(0,a.kt)("strong",{parentName:"p"},"body")," section of the ",(0,a.kt)("strong",{parentName:"p"},"Components/App.razor")," file, immediately after the ",(0,a.kt)("strong",{parentName:"p"},"_framework/blazor.web.js")," reference:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,a.kt)("admonition",{type:"tip"},(0,a.kt)("p",{parentName:"admonition"},(0,a.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Add when the ",(0,a.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,a.kt)("h2",{id:"register-services"},"Register services"),(0,a.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,a.kt)("strong",{parentName:"p"},"Program.cs")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs"},"builder.Services.AddBlazorBootstrap();\n")),(0,a.kt)("p",null,"Register tag helpers in ",(0,a.kt)("strong",{parentName:"p"},"Components/_Imports.razor")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor"},"@using BlazorBootstrap;\n")),(0,a.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,a.kt)("p",null,"The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps:"),(0,a.kt)("ol",null,(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Delete the ",(0,a.kt)("strong",{parentName:"p"},"bootstrap")," folder from the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"Components/App.razor")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link rel="stylesheet" href="bootstrap/bootstrap.min.css" />\n')))),(0,a.kt)("h2",{id:"starter-template"},"Starter template"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET8.BlazorWebAppRenderModeServerGlobal"},"GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global (.NET 8)")),(0,a.kt)("img",{src:"https://i.imgur.com/uGMjcWk.png",alt:"Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global"}),(0,a.kt)("h2",{id:"sample-code"},"Sample Code"),(0,a.kt)("h3",{id:"apprazor"},"App.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"{8-10,14,18,20-25} showLineNumbers","{8-10,14,18,20-25}":!0,showLineNumbers:!0},'<!DOCTYPE html>\n<html lang="en">\n\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <base href="/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link rel="stylesheet" href="app.css" />\n    <link rel="stylesheet" href="NET8.BlazorWebAppRenderModeServer.styles.css" />\n    <link rel="icon" type="image/png" href="favicon.png" />\n    <HeadOutlet @rendermode="@InteractiveServer" />\n</head>\n\n<body>\n    <Routes @rendermode="@InteractiveServer" />\n    <script src="_framework/blazor.web.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    \x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n\n</html>\n')),(0,a.kt)("h3",{id:"programcs"},"Program.cs"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{5} showLineNumbers","{5}":!0,showLineNumbers:!0},'using NET8.BlazorWebAppRenderModeServer.Components;\n\nvar builder = WebApplication.CreateBuilder(args);\n\nbuilder.Services.AddBlazorBootstrap();\n\n// Add services to the container.\nbuilder.Services.AddRazorComponents()\n       .AddInteractiveServerComponents();\n\nvar app = builder.Build();\n\n// Configure the HTTP request pipeline.\nif (!app.Environment.IsDevelopment())\n{\n    app.UseExceptionHandler("/Error", createScopeForErrors: true);\n    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.\n    app.UseHsts();\n}\n\napp.UseHttpsRedirection();\n\napp.UseStaticFiles();\napp.UseAntiforgery();\n\napp.MapRazorComponents<App>()\n    .AddInteractiveServerRenderMode();\n\napp.Run();\n')),(0,a.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using System.Net.Http.Json\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using static Microsoft.AspNetCore.Components.Web.RenderMode\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.JSInterop\n@using NET8.BlazorWebAppRenderModeServer\n@using NET8.BlazorWebAppRenderModeServer.Components\n@using BlazorBootstrap;\n")),(0,a.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">@Body</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    Sidebar sidebar;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n                   {\n                       new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n                       new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n                       new NavItem { Id = "3", Href = "/weather", IconName = IconName.Table, Text = "Fetch Data"},\n                   };\n\n        return navItems;\n    }\n}\n\n\n<div id="blazor-error-ui">\n    An unhandled error has occurred.\n    <a href="" class="reload">Reload</a>\n    <a class="dismiss">\ud83d\uddd9</a>\n</div>\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[97234],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>b});var n=r(67294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var l=n.createContext({}),p=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(l.Provider,{value:t},e.children)},d="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,s=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),d=p(r),u=a,b=d["".concat(l,".").concat(u)]||d[u]||m[u]||s;return r?n.createElement(b,o(o({ref:t},c),{},{components:r})):n.createElement(b,o({ref:t},c))}));function b(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var s=r.length,o=new Array(s);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[d]="string"==typeof e?e:a,o[1]=i;for(var p=2;p<s;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),a=r(67294),s=r(3905);class o extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,s.kt)(p,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},90469:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=r(87462),a=(r(67294),r(3905)),s=r(74404);const o={id:"blazor-webapp-server-global-net-8",sidebar_label:"Blazor WebApp Server (.NET 8)",sidebar_position:2,title:"Blazor WebApp Server (.NET 8)"},i="Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location",l={unversionedId:"getting-started/blazor-webapp-server-global-net-8",id:"getting-started/blazor-webapp-server-global-net-8",title:"Blazor WebApp Server (.NET 8)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-webapp-server-global-net-8",permalink:"/getting-started/blazor-webapp-server-global-net-8",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx",tags:[],version:"current",sidebarPosition:2,frontMatter:{id:"blazor-webapp-server-global-net-8",sidebar_label:"Blazor WebApp Server (.NET 8)",sidebar_position:2,title:"Blazor WebApp Server (.NET 8)"},sidebar:"tutorialSidebar",previous:{title:"Blazor WebAssembly (.NET 8)",permalink:"/getting-started/blazor-webassembly-net-8"},next:{title:"Blazor WebApp Auto (.NET 8)",permalink:"/getting-started/blazor-webapp-auto-global-net-8"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2},{value:"App.razor",id:"apprazor",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],d={toc:c},m="wrapper";function u(e){let{components:t,...r}=e;return(0,a.kt)(m,(0,n.Z)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"getting-started---blazor-webapp-net-8---interactive-render-mode-server---global-location"},"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location"),(0,a.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,a.kt)(s.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,a.kt)("p",null,"Looking to quickly add ",(0,a.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2\n")),(0,a.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,a.kt)("p",null,"After the ",(0,a.kt)("inlineCode",{parentName:"p"},'<base href="/" />')," tag in the ",(0,a.kt)("strong",{parentName:"p"},"head")," section of the ",(0,a.kt)("strong",{parentName:"p"},"Components/App.razor"),"."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,a.kt)("h2",{id:"add-script-references"},"Add script references"),(0,a.kt)("p",null,"Insert the following references into the ",(0,a.kt)("strong",{parentName:"p"},"body")," section of the ",(0,a.kt)("strong",{parentName:"p"},"Components/App.razor")," file, immediately after the ",(0,a.kt)("strong",{parentName:"p"},"_framework/blazor.web.js")," reference:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,a.kt)("admonition",{type:"tip"},(0,a.kt)("p",{parentName:"admonition"},(0,a.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Add when the ",(0,a.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,a.kt)("h2",{id:"register-services"},"Register services"),(0,a.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,a.kt)("strong",{parentName:"p"},"Program.cs")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs"},"builder.Services.AddBlazorBootstrap();\n")),(0,a.kt)("p",null,"Register tag helpers in ",(0,a.kt)("strong",{parentName:"p"},"Components/_Imports.razor")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor"},"@using BlazorBootstrap;\n")),(0,a.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,a.kt)("p",null,"The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps:"),(0,a.kt)("ol",null,(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Delete the ",(0,a.kt)("strong",{parentName:"p"},"bootstrap")," folder from the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"Components/App.razor")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link rel="stylesheet" href="bootstrap/bootstrap.min.css" />\n')))),(0,a.kt)("h2",{id:"starter-template"},"Starter template"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET8.BlazorWebAppRenderModeServerGlobal"},"GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global (.NET 8)")),(0,a.kt)("img",{src:"https://i.imgur.com/uGMjcWk.png",alt:"Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global"}),(0,a.kt)("h2",{id:"sample-code"},"Sample Code"),(0,a.kt)("h3",{id:"apprazor"},"App.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"{8-10,14,18,20-25} showLineNumbers","{8-10,14,18,20-25}":!0,showLineNumbers:!0},'<!DOCTYPE html>\n<html lang="en">\n\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <base href="/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link rel="stylesheet" href="app.css" />\n    <link rel="stylesheet" href="NET8.BlazorWebAppRenderModeServer.styles.css" />\n    <link rel="icon" type="image/png" href="favicon.png" />\n    <HeadOutlet @rendermode="@InteractiveServer" />\n</head>\n\n<body>\n    <Routes @rendermode="@InteractiveServer" />\n    <script src="_framework/blazor.web.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    \x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n\n</html>\n')),(0,a.kt)("h3",{id:"programcs"},"Program.cs"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{5} showLineNumbers","{5}":!0,showLineNumbers:!0},'using NET8.BlazorWebAppRenderModeServer.Components;\n\nvar builder = WebApplication.CreateBuilder(args);\n\nbuilder.Services.AddBlazorBootstrap();\n\n// Add services to the container.\nbuilder.Services.AddRazorComponents()\n       .AddInteractiveServerComponents();\n\nvar app = builder.Build();\n\n// Configure the HTTP request pipeline.\nif (!app.Environment.IsDevelopment())\n{\n    app.UseExceptionHandler("/Error", createScopeForErrors: true);\n    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.\n    app.UseHsts();\n}\n\napp.UseHttpsRedirection();\n\napp.UseStaticFiles();\napp.UseAntiforgery();\n\napp.MapRazorComponents<App>()\n    .AddInteractiveServerRenderMode();\n\napp.Run();\n')),(0,a.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using System.Net.Http.Json\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using static Microsoft.AspNetCore.Components.Web.RenderMode\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.JSInterop\n@using NET8.BlazorWebAppRenderModeServer\n@using NET8.BlazorWebAppRenderModeServer.Components\n@using BlazorBootstrap;\n")),(0,a.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">@Body</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    Sidebar sidebar;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n                   {\n                       new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n                       new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n                       new NavItem { Id = "3", Href = "/weather", IconName = IconName.Table, Text = "Fetch Data"},\n                   };\n\n        return navItems;\n    }\n}\n\n\n<div id="blazor-error-ui">\n    An unhandled error has occurred.\n    <a href="" class="reload">Reload</a>\n    <a class="dismiss">\ud83d\uddd9</a>\n</div>\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/e6fe0126.604c2ea7.js b/assets/js/e6fe0126.604c2ea7.js
new file mode 100644
index 000000000..deadb88a2
--- /dev/null
+++ b/assets/js/e6fe0126.604c2ea7.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[97777],{97033:a=>{a.exports=JSON.parse('{"label":"image","permalink":"/blog/tags/image","allTagsPath":"/blog/tags","count":1}')}}]);
\ No newline at end of file
diff --git a/assets/js/ea94c85a.11a5599d.js b/assets/js/ea94c85a.11a5599d.js
new file mode 100644
index 000000000..15f532164
--- /dev/null
+++ b/assets/js/ea94c85a.11a5599d.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[51193],{3905:(e,t,a)=>{a.d(t,{Zo:()=>d,kt:()=>p});var n=a(67294);function r(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function m(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?o(Object(a),!0).forEach((function(t){r(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function l(e,t){if(null==e)return{};var a,n,r=function(e,t){if(null==e)return{};var a,n,r={},o=Object.keys(e);for(n=0;n<o.length;n++)a=o[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)a=o[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var i=n.createContext({}),s=function(e){var t=n.useContext(i),a=t;return e&&(a="function"==typeof e?e(t):m(m({},t),e)),a},d=function(e){var t=s(e.components);return n.createElement(i.Provider,{value:t},e.children)},I="mdxType",N={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},c=n.forwardRef((function(e,t){var a=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),I=s(a),c=r,p=I["".concat(i,".").concat(c)]||I[c]||N[c]||o;return a?n.createElement(p,m(m({ref:t},d),{},{components:a})):n.createElement(p,m({ref:t},d))}));function p(e,t){var a=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=a.length,m=new Array(o);m[0]=c;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[I]="string"==typeof e?e:r,m[1]=l;for(var s=2;s<o;s++)m[s]=a[s];return n.createElement.apply(null,m)}return n.createElement.apply(null,a)}c.displayName="MDXCreateElement"},74404:(e,t,a)=>{a.d(t,{ZP:()=>d});var n=a(87462),r=a(67294),o=a(3905);class m extends r.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:r.createElement("div",{id:this.name})}}const l=m,i={toc:[]},s="wrapper";function d(e){let{components:t,...a}=e;return(0,o.kt)(s,(0,n.Z)({},i,a,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(l,{mdxType:"CarbonAd"}))}d.isMDXComponent=!0},88800:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>s,contentTitle:()=>l,default:()=>c,frontMatter:()=>m,metadata:()=>i,toc:()=>d});var n=a(87462),r=(a(67294),a(3905)),o=a(74404);const m={title:"Blazor Sidebar2 Component",description:"Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels.",image:"https://i.imgur.com/vs8kl7G.png",sidebar_label:"Sidebar2",sidebar_position:23},l="Blazor Sidebar",i={unversionedId:"components/sidebar2",id:"components/sidebar2",title:"Blazor Sidebar2 Component",description:"Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels.",source:"@site/docs/05-components/sidebar2.mdx",sourceDirName:"05-components",slug:"/components/sidebar2",permalink:"/components/sidebar2",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/sidebar2.mdx",tags:[],version:"current",sidebarPosition:23,frontMatter:{title:"Blazor Sidebar2 Component",description:"Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels.",image:"https://i.imgur.com/vs8kl7G.png",sidebar_label:"Sidebar2",sidebar_position:23},sidebar:"tutorialSidebar",previous:{title:"Sidebar",permalink:"/components/sidebar"},next:{title:"Sortable List",permalink:"/components/sortable-list"}},s={},d=[{value:"Parameters",id:"parameters",level:2},{value:"Methods",id:"methods",level:2},{value:"NavItem Properties",id:"navitem-properties",level:2},{value:"Examples",id:"examples",level:2},{value:"Basic usage",id:"basic-usage",level:3},{value:"More nested levels",id:"more-nested-levels",level:3},{value:"Full layout with sidebar",id:"full-layout-with-sidebar",level:3},{value:"Custom brand icon",id:"custom-brand-icon",level:3},{value:"Show image as brand logo",id:"show-image-as-brand-logo",level:3},{value:"Width",id:"width",level:3}],I={toc:d},N="wrapper";function c(e){let{components:t,...a}=e;return(0,r.kt)(N,(0,n.Z)({},I,a,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"blazor-sidebar"},"Blazor Sidebar"),(0,r.kt)("p",null,"Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels."),(0,r.kt)(o.ZP,{mdxType:"CarbonAd"}),(0,r.kt)("img",{src:"https://i.imgur.com/HUP7ydv.png",alt:"Blazor Sidebar"}),(0,r.kt)("h2",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"BadgeText"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the badge text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Sidebar2DataProviderDelegate?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the data provider."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Href"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string.Empty")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the Href."),(0,r.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the IconName."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ImageSrc"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the logo."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Title"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the title."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Width"),(0,r.kt)("td",{parentName:"tr",align:"left"},"float"),(0,r.kt)("td",{parentName:"tr",align:"left"},"270"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sidebar width."),(0,r.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"WidthUnit"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Unit")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Unit.Px")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sidebar width unit."),(0,r.kt)("td",{parentName:"tr",align:"left"},"3.0.0")))),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"RefreshDataAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Refresh the sidebar data."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ToggleSidebar()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Toggles sidebar."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")))),(0,r.kt)("h2",{id:"navitem-properties"},"NavItem Properties"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Class"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets an additional CSS class."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.3")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Href"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the href."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconColor"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconColor")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconColor.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon color."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Id"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the Id."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Level"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"int")),(0,r.kt)("td",{parentName:"tr",align:"left"},"0"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the item level."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Match"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavLinkMatch")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavLinkMatch.Prefix")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the URL matching behavior."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ParentId"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the parent Id."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Sequence"),(0,r.kt)("td",{parentName:"tr",align:"left"},"int"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sequence."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Target"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Target")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Target.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the target."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Text"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the navigation link text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")))),(0,r.kt)("h2",{id:"examples"},"Examples"),(0,r.kt)("h3",{id:"basic-usage"},"Basic usage"),(0,r.kt)("img",{src:"https://i.imgur.com/RXzpGzf.png",alt:"Blazor Sidebar2 - Basic usage"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Sidebar2 Href="/"\n          IconName="IconName.BootstrapFill"\n          Title="Blazor Bootstrap"\n          BadgeText="v2.1.0"\n          DataProvider="Sidebar2DataProvider" />\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem>? navItems;\n\n    private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        await Task.Delay(2000);\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n\n            new NavItem { Id = "7", IconName = IconName.ListNested, Text = "Sidebar 2", ParentId="4"},\n            new NavItem { Id = "701", Href = "/sidebar2", IconName = IconName.Dash, Text = "How to use", ParentId="7"},\n            new NavItem { Id = "702", Href = "/sidebar2-examples", IconName = IconName.Dash, Text = "Examples", ParentId="7"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms" },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar2#basic-usage"},"See demo here.")),(0,r.kt)("h3",{id:"more-nested-levels"},"More nested levels"),(0,r.kt)("p",null,"Use NavItem's ",(0,r.kt)("inlineCode",{parentName:"p"},"Id")," and ",(0,r.kt)("inlineCode",{parentName:"p"},"ParentId")," to set the parent-child relation."),(0,r.kt)("img",{src:"https://i.imgur.com/lMRoKx9.png",alt:"Blazor Sidebar2 - More nested levels"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Sidebar2 Href="/"\n          IconName="IconName.BootstrapFill"\n          Title="Blazor Bootstrap"\n          BadgeText="v2.1.0"\n          DataProvider="Sidebar2DataProvider" />\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem>? navItems;\n\n    private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        await Task.Delay(2000);\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n\n            new NavItem { Id = "7", IconName = IconName.ListNested, Text = "Sidebar 2", ParentId="4"},\n            new NavItem { Id = "701", Href = "/sidebar2/how-to-use", IconName = IconName.Dash, Text = "How to use", ParentId="7"},\n\n            new NavItem { Id = "702", IconName = IconName.Dash, Text = "Examples", ParentId="7"},\n            new NavItem { Id = "70201", Href = "/sidebar2", IconName = IconName.Dash, Text = "Nested levels", ParentId="702"},\n\n            new NavItem { Id = "8", IconName = IconName.Grid, Text = "Grid", ParentId="4"},\n            new NavItem { Id = "801", Href = "/grid/#", IconName = IconName.Dash, Text = "How to use", ParentId="8"},\n            new NavItem { Id = "802", IconName = IconName.Dash, Text = "Examples", ParentId="8"},\n            new NavItem { Id = "80201", Href = "/grid/#", IconName = IconName.Dash, Text = "Filters", ParentId="802"},\n\n            new NavItem { Id = "9", IconName = IconName.WindowPlus, Text = "Forms" },\n            new NavItem { Id = "10", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="9"},\n            new NavItem { Id = "11", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="9"},\n            new NavItem { Id = "12", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="9"},\n            new NavItem { Id = "13", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="9"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar2#more-nested-levels"},"See demo here.")),(0,r.kt)("h3",{id:"full-layout-with-sidebar"},"Full layout with sidebar"),(0,r.kt)("p",null,"Replace your ",(0,r.kt)("strong",{parentName:"p"},"MainLayout.razor")," page code with the below example to have a complete layout with a sidebar."),(0,r.kt)("img",{src:"https://i.imgur.com/HUP7ydv.png",alt:"Blazor Sidebar2 - Full layout with sidebar"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar2 Href="/"\n              IconName="IconName.BootstrapFill"\n              Title="Blazor Bootstrap"\n              BadgeText="v2.1.0"\n              DataProvider="Sidebar2DataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem>? navItems;\n\n    private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        await Task.Delay(2000);\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n\n            new NavItem { Id = "7", IconName = IconName.ListNested, Text = "Sidebar 2", ParentId="4"},\n            new NavItem { Id = "701", Href = "/sidebar2/how-to-use", IconName = IconName.Dash, Text = "How to use", ParentId="7"},\n\n            new NavItem { Id = "702", IconName = IconName.Dash, Text = "Examples", ParentId="7"},\n            new NavItem { Id = "70201", Href = "/sidebar2", IconName = IconName.Dash, Text = "Nested levels", ParentId="702"},\n\n            new NavItem { Id = "8", IconName = IconName.Grid, Text = "Grid", ParentId="4", IconColor = IconColor.Danger },\n            new NavItem { Id = "801", Href = "/grid/#", IconName = IconName.Dash, Text = "How to use", ParentId="8"},\n            new NavItem { Id = "802", IconName = IconName.Dash, Text = "Examples", ParentId="8"},\n            new NavItem { Id = "80201", Href = "/grid/#", IconName = IconName.Dash, Text = "Filters", ParentId="802"},\n\n            new NavItem { Id = "9", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Warning },\n            new NavItem { Id = "10", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="9"},\n            new NavItem { Id = "11", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="9"},\n            new NavItem { Id = "12", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="9"},\n            new NavItem { Id = "13", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="9"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar2#full-layout-with-sidebar"},"See demo here.")),(0,r.kt)("h3",{id:"custom-brand-icon"},"Custom brand icon"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"CustomIconName")," parameter to set the custom logo icon using font awesome or other icons."),(0,r.kt)("img",{src:"https://i.imgur.com/jcdiwYC.png",alt:"Blazor Sidebar2 - Custom brand icon"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar2 Href="/"\n              CustomIconName="bi bi-apple"\n              Title="Blazor Bootstrap"\n              BadgeText="v2.1.0"\n              DataProvider="Sidebar2DataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem>? navItems;\n\n    private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        await Task.Delay(2000);\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n\n            new NavItem { Id = "7", IconName = IconName.ListNested, Text = "Sidebar 2", ParentId="4"},\n            new NavItem { Id = "701", Href = "/sidebar2/how-to-use", IconName = IconName.Dash, Text = "How to use", ParentId="7"},\n\n            new NavItem { Id = "702", IconName = IconName.Dash, Text = "Examples", ParentId="7"},\n            new NavItem { Id = "70201", Href = "/sidebar2", IconName = IconName.Dash, Text = "Nested levels", ParentId="702"},\n\n            new NavItem { Id = "8", IconName = IconName.Grid, Text = "Grid", ParentId="4", IconColor = IconColor.Danger },\n            new NavItem { Id = "801", Href = "/grid/#", IconName = IconName.Dash, Text = "How to use", ParentId="8"},\n            new NavItem { Id = "802", IconName = IconName.Dash, Text = "Examples", ParentId="8"},\n            new NavItem { Id = "80201", Href = "/grid/#", IconName = IconName.Dash, Text = "Filters", ParentId="802"},\n\n            new NavItem { Id = "9", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Warning },\n            new NavItem { Id = "10", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="9"},\n            new NavItem { Id = "11", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="9"},\n            new NavItem { Id = "12", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="9"},\n            new NavItem { Id = "13", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="9"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar2#custom-brand-icon"},"See demo here.")),(0,r.kt)("h3",{id:"show-image-as-brand-logo"},"Show image as brand logo"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"ImageSrc")," parameter to set the brand logo."),(0,r.kt)("img",{src:"https://i.imgur.com/mELmJE8.png",alt:"Blazor Sidebar2 - Show image as brand logo"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar2 Href="/"\n              ImageSrc="https://demos.blazorbootstrap.com/images/logo/logo-white.svg"\n              Title="Blazor Bootstrap"\n              BadgeText="v2.1.0"\n              DataProvider="Sidebar2DataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem>? navItems;\n\n    private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        await Task.Delay(2000);\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n\n            new NavItem { Id = "7", IconName = IconName.ListNested, Text = "Sidebar 2", ParentId="4"},\n            new NavItem { Id = "701", Href = "/sidebar2/how-to-use", IconName = IconName.Dash, Text = "How to use", ParentId="7"},\n\n            new NavItem { Id = "702", IconName = IconName.Dash, Text = "Examples", ParentId="7"},\n            new NavItem { Id = "70201", Href = "/sidebar2", IconName = IconName.Dash, Text = "Nested levels", ParentId="702"},\n\n            new NavItem { Id = "8", IconName = IconName.Grid, Text = "Grid", ParentId="4", IconColor = IconColor.Danger },\n            new NavItem { Id = "801", Href = "/grid/#", IconName = IconName.Dash, Text = "How to use", ParentId="8"},\n            new NavItem { Id = "802", IconName = IconName.Dash, Text = "Examples", ParentId="8"},\n            new NavItem { Id = "80201", Href = "/grid/#", IconName = IconName.Dash, Text = "Filters", ParentId="802"},\n\n            new NavItem { Id = "9", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Warning },\n            new NavItem { Id = "10", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="9"},\n            new NavItem { Id = "11", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="9"},\n            new NavItem { Id = "12", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="9"},\n            new NavItem { Id = "13", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="9"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar2#show-image-as-brand-logo"},"See demo here.")),(0,r.kt)("h3",{id:"width"},"Width"),(0,r.kt)("p",null,"Set the ",(0,r.kt)("strong",{parentName:"p"},"Width")," parameter to change the sidebar width. Default value is ",(0,r.kt)("strong",{parentName:"p"},"270px"),"."),(0,r.kt)("img",{src:"https://i.imgur.com/BEg24Wh.png",alt:"Blazor Sidebar2 - Width"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{6,7} showLineNumbers","{6,7}":!0,showLineNumbers:!0},'<Sidebar2 Href="/"\n          IconName="IconName.BootstrapFill"\n          Title="Blazor Bootstrap"\n          BadgeText="v2.1.0"\n          DataProvider="Sidebar2DataProvider"\n          Width="350"\n          WidthUnit="Unit.Px" />\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem>? navItems;\n\n    private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        await Task.Delay(2000);\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n\n            new NavItem { Id = "7", IconName = IconName.ListNested, Text = "Sidebar 2", ParentId="4"},\n            new NavItem { Id = "701", Href = "/sidebar2", IconName = IconName.Dash, Text = "How to use", ParentId="7"},\n            new NavItem { Id = "702", Href = "/sidebar2-examples", IconName = IconName.Dash, Text = "Examples", ParentId="7"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms" },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar2#width"},"See demo here.")))}c.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/ea94c85a.c8d214ce.js b/assets/js/ea94c85a.c8d214ce.js
deleted file mode 100644
index a69f87e32..000000000
--- a/assets/js/ea94c85a.c8d214ce.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[51193],{3905:(e,t,a)=>{a.d(t,{Zo:()=>d,kt:()=>p});var n=a(67294);function r(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function m(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?o(Object(a),!0).forEach((function(t){r(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function l(e,t){if(null==e)return{};var a,n,r=function(e,t){if(null==e)return{};var a,n,r={},o=Object.keys(e);for(n=0;n<o.length;n++)a=o[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)a=o[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var i=n.createContext({}),s=function(e){var t=n.useContext(i),a=t;return e&&(a="function"==typeof e?e(t):m(m({},t),e)),a},d=function(e){var t=s(e.components);return n.createElement(i.Provider,{value:t},e.children)},I="mdxType",N={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},c=n.forwardRef((function(e,t){var a=e.components,r=e.mdxType,o=e.originalType,i=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),I=s(a),c=r,p=I["".concat(i,".").concat(c)]||I[c]||N[c]||o;return a?n.createElement(p,m(m({ref:t},d),{},{components:a})):n.createElement(p,m({ref:t},d))}));function p(e,t){var a=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=a.length,m=new Array(o);m[0]=c;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[I]="string"==typeof e?e:r,m[1]=l;for(var s=2;s<o;s++)m[s]=a[s];return n.createElement.apply(null,m)}return n.createElement.apply(null,a)}c.displayName="MDXCreateElement"},74404:(e,t,a)=>{a.d(t,{ZP:()=>d});var n=a(87462),r=a(67294),o=a(3905);class m extends r.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:r.createElement("div",{id:this.name})}}const l=m,i={toc:[]},s="wrapper";function d(e){let{components:t,...a}=e;return(0,o.kt)(s,(0,n.Z)({},i,a,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(l,{mdxType:"CarbonAd"}))}d.isMDXComponent=!0},88800:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>s,contentTitle:()=>l,default:()=>c,frontMatter:()=>m,metadata:()=>i,toc:()=>d});var n=a(87462),r=(a(67294),a(3905)),o=a(74404);const m={title:"Blazor Sidebar2 Component",description:"Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels.",image:"https://i.imgur.com/vs8kl7G.png",sidebar_label:"Sidebar2",sidebar_position:23},l="Blazor Sidebar",i={unversionedId:"components/sidebar2",id:"components/sidebar2",title:"Blazor Sidebar2 Component",description:"Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels.",source:"@site/docs/05-components/sidebar2.mdx",sourceDirName:"05-components",slug:"/components/sidebar2",permalink:"/components/sidebar2",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/sidebar2.mdx",tags:[],version:"current",sidebarPosition:23,frontMatter:{title:"Blazor Sidebar2 Component",description:"Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels.",image:"https://i.imgur.com/vs8kl7G.png",sidebar_label:"Sidebar2",sidebar_position:23},sidebar:"tutorialSidebar",previous:{title:"Sidebar",permalink:"/components/sidebar"},next:{title:"Sortable List",permalink:"/components/sortable-list"}},s={},d=[{value:"Parameters",id:"parameters",level:2},{value:"Methods",id:"methods",level:2},{value:"NavItem Properties",id:"navitem-properties",level:2},{value:"Examples",id:"examples",level:2},{value:"Basic usage",id:"basic-usage",level:3},{value:"More nested levels",id:"more-nested-levels",level:3},{value:"Full layout with sidebar",id:"full-layout-with-sidebar",level:3},{value:"Custom brand icon",id:"custom-brand-icon",level:3},{value:"Show image as brand logo",id:"show-image-as-brand-logo",level:3}],I={toc:d},N="wrapper";function c(e){let{components:t,...a}=e;return(0,r.kt)(N,(0,n.Z)({},I,a,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"blazor-sidebar"},"Blazor Sidebar"),(0,r.kt)("p",null,"Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels."),(0,r.kt)(o.ZP,{mdxType:"CarbonAd"}),(0,r.kt)("img",{src:"https://i.imgur.com/HUP7ydv.png",alt:"Blazor Sidebar"}),(0,r.kt)("h2",{id:"parameters"},"Parameters"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"BadgeText"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the badge text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"DataProvider"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Sidebar2DataProviderDelegate?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the data provider."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Href"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string.Empty")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the Href."),(0,r.kt)("td",{parentName:"tr",align:"left"},"3.0.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the IconName."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ImageSrc"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the logo."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Title"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the title."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")))),(0,r.kt)("h2",{id:"methods"},"Methods"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"RefreshDataAsync()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Refresh the sidebar data."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ToggleSidebar()"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Toggles sidebar."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")))),(0,r.kt)("h2",{id:"navitem-properties"},"NavItem Properties"),(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",{parentName:"tr",align:"left"},"Name"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Type"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Default"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Required"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Description"),(0,r.kt)("th",{parentName:"tr",align:"left"},"Added Version"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Class"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets an additional CSS class."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.10.3")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"CustomIconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the custom icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Href"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the href."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconColor"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconColor")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconColor.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon color."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"IconName"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"IconName.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the icon name."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Id"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the Id."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Level"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"int")),(0,r.kt)("td",{parentName:"tr",align:"left"},"0"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the item level."),(0,r.kt)("td",{parentName:"tr",align:"left"},"2.1.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Match"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavLinkMatch")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"NavLinkMatch.Prefix")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the URL matching behavior."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"ParentId"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"},"null"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the parent Id."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Sequence"),(0,r.kt)("td",{parentName:"tr",align:"left"},"int"),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the sequence."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Target"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Target")),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"Target.None")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the target."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",{parentName:"tr",align:"left"},"Text"),(0,r.kt)("td",{parentName:"tr",align:"left"},(0,r.kt)("inlineCode",{parentName:"td"},"string?")),(0,r.kt)("td",{parentName:"tr",align:"left"}),(0,r.kt)("td",{parentName:"tr",align:"left"},"\u2714\ufe0f"),(0,r.kt)("td",{parentName:"tr",align:"left"},"Gets or sets the navigation link text."),(0,r.kt)("td",{parentName:"tr",align:"left"},"1.4.0")))),(0,r.kt)("h2",{id:"examples"},"Examples"),(0,r.kt)("h3",{id:"basic-usage"},"Basic usage"),(0,r.kt)("img",{src:"https://i.imgur.com/RXzpGzf.png",alt:"Blazor Sidebar2 - Basic usage"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Sidebar2 Href="/"\n          IconName="IconName.BootstrapFill"\n          Title="Blazor Bootstrap"\n          BadgeText="v2.1.0"\n          DataProvider="Sidebar2DataProvider" />\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem>? navItems;\n\n    private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        await Task.Delay(2000);\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n\n            new NavItem { Id = "7", IconName = IconName.ListNested, Text = "Sidebar 2", ParentId="4"},\n            new NavItem { Id = "701", Href = "/sidebar2", IconName = IconName.Dash, Text = "How to use", ParentId="7"},\n            new NavItem { Id = "702", Href = "/sidebar2-examples", IconName = IconName.Dash, Text = "Examples", ParentId="7"},\n\n            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms" },\n            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},\n            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},\n            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},\n            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar2#basic-usage"},"See demo here.")),(0,r.kt)("h3",{id:"more-nested-levels"},"More nested levels"),(0,r.kt)("p",null,"Use NavItem's ",(0,r.kt)("inlineCode",{parentName:"p"},"Id")," and ",(0,r.kt)("inlineCode",{parentName:"p"},"ParentId")," to set the parent-child relation."),(0,r.kt)("img",{src:"https://i.imgur.com/lMRoKx9.png",alt:"Blazor Sidebar2 - More nested levels"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<Sidebar2 Href="/"\n          IconName="IconName.BootstrapFill"\n          Title="Blazor Bootstrap"\n          BadgeText="v2.1.0"\n          DataProvider="Sidebar2DataProvider" />\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem>? navItems;\n\n    private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        await Task.Delay(2000);\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n\n            new NavItem { Id = "7", IconName = IconName.ListNested, Text = "Sidebar 2", ParentId="4"},\n            new NavItem { Id = "701", Href = "/sidebar2/how-to-use", IconName = IconName.Dash, Text = "How to use", ParentId="7"},\n\n            new NavItem { Id = "702", IconName = IconName.Dash, Text = "Examples", ParentId="7"},\n            new NavItem { Id = "70201", Href = "/sidebar2", IconName = IconName.Dash, Text = "Nested levels", ParentId="702"},\n\n            new NavItem { Id = "8", IconName = IconName.Grid, Text = "Grid", ParentId="4"},\n            new NavItem { Id = "801", Href = "/grid/#", IconName = IconName.Dash, Text = "How to use", ParentId="8"},\n            new NavItem { Id = "802", IconName = IconName.Dash, Text = "Examples", ParentId="8"},\n            new NavItem { Id = "80201", Href = "/grid/#", IconName = IconName.Dash, Text = "Filters", ParentId="802"},\n\n            new NavItem { Id = "9", IconName = IconName.WindowPlus, Text = "Forms" },\n            new NavItem { Id = "10", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="9"},\n            new NavItem { Id = "11", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="9"},\n            new NavItem { Id = "12", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="9"},\n            new NavItem { Id = "13", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="9"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar2#more-nested-levels"},"See demo here.")),(0,r.kt)("h3",{id:"full-layout-with-sidebar"},"Full layout with sidebar"),(0,r.kt)("p",null,"Replace your ",(0,r.kt)("strong",{parentName:"p"},"MainLayout.razor")," page code with the below example to have a complete layout with a sidebar."),(0,r.kt)("img",{src:"https://i.imgur.com/HUP7ydv.png",alt:"Blazor Sidebar2 - Full layout with sidebar"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar2 Href="/"\n              IconName="IconName.BootstrapFill"\n              Title="Blazor Bootstrap"\n              BadgeText="v2.1.0"\n              DataProvider="Sidebar2DataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem>? navItems;\n\n    private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        await Task.Delay(2000);\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n\n            new NavItem { Id = "7", IconName = IconName.ListNested, Text = "Sidebar 2", ParentId="4"},\n            new NavItem { Id = "701", Href = "/sidebar2/how-to-use", IconName = IconName.Dash, Text = "How to use", ParentId="7"},\n\n            new NavItem { Id = "702", IconName = IconName.Dash, Text = "Examples", ParentId="7"},\n            new NavItem { Id = "70201", Href = "/sidebar2", IconName = IconName.Dash, Text = "Nested levels", ParentId="702"},\n\n            new NavItem { Id = "8", IconName = IconName.Grid, Text = "Grid", ParentId="4", IconColor = IconColor.Danger },\n            new NavItem { Id = "801", Href = "/grid/#", IconName = IconName.Dash, Text = "How to use", ParentId="8"},\n            new NavItem { Id = "802", IconName = IconName.Dash, Text = "Examples", ParentId="8"},\n            new NavItem { Id = "80201", Href = "/grid/#", IconName = IconName.Dash, Text = "Filters", ParentId="802"},\n\n            new NavItem { Id = "9", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Warning },\n            new NavItem { Id = "10", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="9"},\n            new NavItem { Id = "11", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="9"},\n            new NavItem { Id = "12", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="9"},\n            new NavItem { Id = "13", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="9"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar2#full-layout-with-sidebar"},"See demo here.")),(0,r.kt)("h3",{id:"custom-brand-icon"},"Custom brand icon"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"CustomIconName")," parameter to set the custom logo icon using font awesome or other icons."),(0,r.kt)("img",{src:"https://i.imgur.com/jcdiwYC.png",alt:"Blazor Sidebar2 - Custom brand icon"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar2 Href="/"\n              CustomIconName="bi bi-apple"\n              Title="Blazor Bootstrap"\n              BadgeText="v2.1.0"\n              DataProvider="Sidebar2DataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem>? navItems;\n\n    private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        await Task.Delay(2000);\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n\n            new NavItem { Id = "7", IconName = IconName.ListNested, Text = "Sidebar 2", ParentId="4"},\n            new NavItem { Id = "701", Href = "/sidebar2/how-to-use", IconName = IconName.Dash, Text = "How to use", ParentId="7"},\n\n            new NavItem { Id = "702", IconName = IconName.Dash, Text = "Examples", ParentId="7"},\n            new NavItem { Id = "70201", Href = "/sidebar2", IconName = IconName.Dash, Text = "Nested levels", ParentId="702"},\n\n            new NavItem { Id = "8", IconName = IconName.Grid, Text = "Grid", ParentId="4", IconColor = IconColor.Danger },\n            new NavItem { Id = "801", Href = "/grid/#", IconName = IconName.Dash, Text = "How to use", ParentId="8"},\n            new NavItem { Id = "802", IconName = IconName.Dash, Text = "Examples", ParentId="8"},\n            new NavItem { Id = "80201", Href = "/grid/#", IconName = IconName.Dash, Text = "Filters", ParentId="802"},\n\n            new NavItem { Id = "9", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Warning },\n            new NavItem { Id = "10", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="9"},\n            new NavItem { Id = "11", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="9"},\n            new NavItem { Id = "12", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="9"},\n            new NavItem { Id = "13", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="9"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar2#custom-brand-icon"},"See demo here.")),(0,r.kt)("h3",{id:"show-image-as-brand-logo"},"Show image as brand logo"),(0,r.kt)("p",null,"Use the ",(0,r.kt)("inlineCode",{parentName:"p"},"ImageSrc")," parameter to set the brand logo."),(0,r.kt)("img",{src:"https://i.imgur.com/mELmJE8.png",alt:"Blazor Sidebar2 - Show image as brand logo"}),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'<div class="bb-page">\n\n    <Sidebar2 Href="/"\n              ImageSrc="https://demos.blazorbootstrap.com/images/logo/logo-white.svg"\n              Title="Blazor Bootstrap"\n              BadgeText="v2.1.0"\n              DataProvider="Sidebar2DataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">Page content goes here</div>\n        </article>\n    </main>\n\n</div>\n')),(0,r.kt)("pre",null,(0,r.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@code {\n    IEnumerable<NavItem>? navItems;\n\n    private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        await Task.Delay(2000);\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},\n\n            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content", IconColor = IconColor.Primary },\n            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},\n\n            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components", IconColor = IconColor.Success },\n            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},\n            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},\n\n            new NavItem { Id = "7", IconName = IconName.ListNested, Text = "Sidebar 2", ParentId="4"},\n            new NavItem { Id = "701", Href = "/sidebar2/how-to-use", IconName = IconName.Dash, Text = "How to use", ParentId="7"},\n\n            new NavItem { Id = "702", IconName = IconName.Dash, Text = "Examples", ParentId="7"},\n            new NavItem { Id = "70201", Href = "/sidebar2", IconName = IconName.Dash, Text = "Nested levels", ParentId="702"},\n\n            new NavItem { Id = "8", IconName = IconName.Grid, Text = "Grid", ParentId="4", IconColor = IconColor.Danger },\n            new NavItem { Id = "801", Href = "/grid/#", IconName = IconName.Dash, Text = "How to use", ParentId="8"},\n            new NavItem { Id = "802", IconName = IconName.Dash, Text = "Examples", ParentId="8"},\n            new NavItem { Id = "80201", Href = "/grid/#", IconName = IconName.Dash, Text = "Filters", ParentId="802"},\n\n            new NavItem { Id = "9", IconName = IconName.WindowPlus, Text = "Forms", IconColor = IconColor.Warning },\n            new NavItem { Id = "10", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="9"},\n            new NavItem { Id = "11", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="9"},\n            new NavItem { Id = "12", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="9"},\n            new NavItem { Id = "13", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="9"},\n        };\n\n        return navItems;\n    }\n}\n')),(0,r.kt)("p",null,(0,r.kt)("a",{parentName:"p",href:"https://demos.blazorbootstrap.com/sidebar2#show-image-as-brand-logo"},"See demo here.")))}c.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/eaf127fe.2831f3ca.js b/assets/js/eaf127fe.2831f3ca.js
new file mode 100644
index 000000000..160d8cc70
--- /dev/null
+++ b/assets/js/eaf127fe.2831f3ca.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[17136],{6128:a=>{a.exports=JSON.parse('{"label":"polarareachart","permalink":"/blog/tags/polarareachart","allTagsPath":"/blog/tags","count":1}')}}]);
\ No newline at end of file
diff --git a/assets/js/ebf22c80.ee478265.js b/assets/js/ebf22c80.86935276.js
similarity index 99%
rename from assets/js/ebf22c80.ee478265.js
rename to assets/js/ebf22c80.86935276.js
index f6853a5fa..fac57eb7a 100644
--- a/assets/js/ebf22c80.ee478265.js
+++ b/assets/js/ebf22c80.86935276.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[42016],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>b});var n=r(67294);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r,n,s={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}var i=n.createContext({}),p=function(e){var t=n.useContext(i),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(i.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,s=e.mdxType,a=e.originalType,i=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),m=p(r),u=s,b=m["".concat(i,".").concat(u)]||m[u]||d[u]||a;return r?n.createElement(b,o(o({ref:t},c),{},{components:r})):n.createElement(b,o({ref:t},c))}));function b(e,t){var r=arguments,s=t&&t.mdxType;if("string"==typeof e||s){var a=r.length,o=new Array(a);o[0]=u;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[m]="string"==typeof e?e:s,o[1]=l;for(var p=2;p<a;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),s=r(67294),a=r(3905);class o extends s.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:s.createElement("div",{id:this.name})}}const l=o,i={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,a.kt)(p,(0,n.Z)({},i,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(l,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},77179:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>u,frontMatter:()=>o,metadata:()=>i,toc:()=>c});var n=r(87462),s=(r(67294),r(3905)),a=r(74404);const o={id:"blazor-webassembly-net-8",sidebar_label:"Blazor WebAssembly (.NET 8)",sidebar_position:1,title:"Blazor WebAssembly (.NET 8)"},l="Getting started - Blazor WebAssembly (.NET 8)",i={unversionedId:"getting-started/blazor-webassembly-net-8",id:"getting-started/blazor-webassembly-net-8",title:"Blazor WebAssembly (.NET 8)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-webassembly-net-8",permalink:"/getting-started/blazor-webassembly-net-8",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx",tags:[],version:"current",sidebarPosition:1,frontMatter:{id:"blazor-webassembly-net-8",sidebar_label:"Blazor WebAssembly (.NET 8)",sidebar_position:1,title:"Blazor WebAssembly (.NET 8)"},sidebar:"tutorialSidebar",next:{title:"Blazor WebApp Server (.NET 8)",permalink:"/getting-started/blazor-webapp-server-global-net-8"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2},{value:"index.html",id:"indexhtml",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],m={toc:c},d="wrapper";function u(e){let{components:t,...r}=e;return(0,s.kt)(d,(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)("h1",{id:"getting-started---blazor-webassembly-net-8"},"Getting started - Blazor WebAssembly (.NET 8)"),(0,s.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,s.kt)(a.ZP,{mdxType:"CarbonAd"}),(0,s.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,s.kt)("p",null,"Looking to quickly add ",(0,s.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1\n")),(0,s.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,s.kt)("p",null,"After the ",(0,s.kt)("inlineCode",{parentName:"p"},'<base href="/" />')," tag in the ",(0,s.kt)("strong",{parentName:"p"},"head")," section of the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, add the following references:"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,s.kt)("h2",{id:"add-script-references"},"Add script references"),(0,s.kt)("p",null,"Insert the following references into the ",(0,s.kt)("strong",{parentName:"p"},"body")," section of the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, immediately after the ",(0,s.kt)("strong",{parentName:"p"},"_framework/blazor.webassembly.js")," reference:"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,s.kt)("admonition",{type:"tip"},(0,s.kt)("p",{parentName:"admonition"},"The ",(0,s.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Include it only when the ",(0,s.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,s.kt)("h2",{id:"register-services"},"Register services"),(0,s.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,s.kt)("strong",{parentName:"p"},"Program.cs")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,s.kt)("p",null,"Register tag helpers in ",(0,s.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,s.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,s.kt)("p",null,"The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps:"),(0,s.kt)("ol",null,(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Delete the ",(0,s.kt)("strong",{parentName:"p"},"bootstrap")," folder from the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,s.kt)("ul",{parentName:"li"},(0,s.kt)("li",{parentName:"ul"},"Delete the ",(0,s.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."))),(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Remove the following line from ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file:"),(0,s.kt)("pre",{parentName:"li"},(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />\n')))),(0,s.kt)("h2",{id:"starter-template"},"Starter template"),(0,s.kt)("p",null,(0,s.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET8.BlazorWebAssemblyStandaloneApp"},"GitHub Repo: Blazor Bootstrap - Blazor WebAssembly Standalone App (.NET 8)")),(0,s.kt)("img",{src:"https://i.imgur.com/2SuR7oA.png",alt:"Blazor Bootstrap - Blazor WebAssembly Standalone App"}),(0,s.kt)("h2",{id:"sample-code"},"Sample Code"),(0,s.kt)("h3",{id:"indexhtml"},"index.html"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"{9-11,32-37} showLineNumbers","{9-11,32-37}":!0,showLineNumbers:!0},'<!DOCTYPE html>\n<html lang="en">\n\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <title>NET8.BlazorWebAssemblyStandaloneApp</title>\n    <base href="/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link rel="stylesheet" href="css/app.css" />\n    <link rel="icon" type="image/png" href="favicon.png" />\n    <link href="NET8.BlazorWebAssemblyStandaloneApp.styles.css" rel="stylesheet" />\n</head>\n\n<body>\n    <div id="app">\n        <svg class="loading-progress">\n            <circle r="40%" cx="50%" cy="50%" />\n            <circle r="40%" cx="50%" cy="50%" />\n        </svg>\n        <div class="loading-progress-text"></div>\n    </div>\n\n    <div id="blazor-error-ui">\n        An unhandled error has occurred.\n        <a href="" class="reload">Reload</a>\n        <a class="dismiss">\ud83d\uddd9</a>\n    </div>\n    <script src="_framework/blazor.webassembly.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    \x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n\n</html>\n')),(0,s.kt)("h3",{id:"programcs"},"Program.cs"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},'using Microsoft.AspNetCore.Components.Web;\nusing Microsoft.AspNetCore.Components.WebAssembly.Hosting;\nusing NET8.BlazorWebAssemblyStandaloneApp;\n\nvar builder = WebAssemblyHostBuilder.CreateDefault(args);\nbuilder.RootComponents.Add<App>("#app");\nbuilder.RootComponents.Add<HeadOutlet>("head::after");\n\nbuilder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });\n\nbuilder.Services.AddBlazorBootstrap();\n\nawait builder.Build().RunAsync();\n')),(0,s.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using System.Net.Http.Json\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.AspNetCore.Components.WebAssembly.Http\n@using Microsoft.JSInterop\n@using NET8.BlazorWebAssemblyStandaloneApp\n@using NET8.BlazorWebAssemblyStandaloneApp.Layout\n@using BlazorBootstrap;\n")),(0,s.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">@Body</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    Sidebar sidebar;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n            new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n            new NavItem { Id = "3", Href = "/weather", IconName = IconName.Table, Text = "Fetch Data"},\n        };\n\n        return navItems;\n    }\n}\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[42016],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>b});var n=r(67294);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r,n,s={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}var i=n.createContext({}),p=function(e){var t=n.useContext(i),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(i.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,s=e.mdxType,a=e.originalType,i=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),m=p(r),u=s,b=m["".concat(i,".").concat(u)]||m[u]||d[u]||a;return r?n.createElement(b,o(o({ref:t},c),{},{components:r})):n.createElement(b,o({ref:t},c))}));function b(e,t){var r=arguments,s=t&&t.mdxType;if("string"==typeof e||s){var a=r.length,o=new Array(a);o[0]=u;var l={};for(var i in t)hasOwnProperty.call(t,i)&&(l[i]=t[i]);l.originalType=e,l[m]="string"==typeof e?e:s,o[1]=l;for(var p=2;p<a;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),s=r(67294),a=r(3905);class o extends s.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:s.createElement("div",{id:this.name})}}const l=o,i={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,a.kt)(p,(0,n.Z)({},i,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(l,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},77179:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>l,default:()=>u,frontMatter:()=>o,metadata:()=>i,toc:()=>c});var n=r(87462),s=(r(67294),r(3905)),a=r(74404);const o={id:"blazor-webassembly-net-8",sidebar_label:"Blazor WebAssembly (.NET 8)",sidebar_position:1,title:"Blazor WebAssembly (.NET 8)"},l="Getting started - Blazor WebAssembly (.NET 8)",i={unversionedId:"getting-started/blazor-webassembly-net-8",id:"getting-started/blazor-webassembly-net-8",title:"Blazor WebAssembly (.NET 8)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-webassembly-net-8",permalink:"/getting-started/blazor-webassembly-net-8",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx",tags:[],version:"current",sidebarPosition:1,frontMatter:{id:"blazor-webassembly-net-8",sidebar_label:"Blazor WebAssembly (.NET 8)",sidebar_position:1,title:"Blazor WebAssembly (.NET 8)"},sidebar:"tutorialSidebar",next:{title:"Blazor WebApp Server (.NET 8)",permalink:"/getting-started/blazor-webapp-server-global-net-8"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2},{value:"index.html",id:"indexhtml",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],m={toc:c},d="wrapper";function u(e){let{components:t,...r}=e;return(0,s.kt)(d,(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)("h1",{id:"getting-started---blazor-webassembly-net-8"},"Getting started - Blazor WebAssembly (.NET 8)"),(0,s.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,s.kt)(a.ZP,{mdxType:"CarbonAd"}),(0,s.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,s.kt)("p",null,"Looking to quickly add ",(0,s.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2\n")),(0,s.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,s.kt)("p",null,"After the ",(0,s.kt)("inlineCode",{parentName:"p"},'<base href="/" />')," tag in the ",(0,s.kt)("strong",{parentName:"p"},"head")," section of the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, add the following references:"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,s.kt)("h2",{id:"add-script-references"},"Add script references"),(0,s.kt)("p",null,"Insert the following references into the ",(0,s.kt)("strong",{parentName:"p"},"body")," section of the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file, immediately after the ",(0,s.kt)("strong",{parentName:"p"},"_framework/blazor.webassembly.js")," reference:"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,s.kt)("admonition",{type:"tip"},(0,s.kt)("p",{parentName:"admonition"},"The ",(0,s.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Include it only when the ",(0,s.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,s.kt)("h2",{id:"register-services"},"Register services"),(0,s.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,s.kt)("strong",{parentName:"p"},"Program.cs")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,s.kt)("p",null,"Register tag helpers in ",(0,s.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,s.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,s.kt)("p",null,"The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps:"),(0,s.kt)("ol",null,(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Delete the ",(0,s.kt)("strong",{parentName:"p"},"bootstrap")," folder from the ",(0,s.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,s.kt)("ul",{parentName:"li"},(0,s.kt)("li",{parentName:"ul"},"Delete the ",(0,s.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."))),(0,s.kt)("li",{parentName:"ol"},(0,s.kt)("p",{parentName:"li"},"Remove the following line from ",(0,s.kt)("strong",{parentName:"p"},"wwwroot/index.html")," file:"),(0,s.kt)("pre",{parentName:"li"},(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />\n')))),(0,s.kt)("h2",{id:"starter-template"},"Starter template"),(0,s.kt)("p",null,(0,s.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET8.BlazorWebAssemblyStandaloneApp"},"GitHub Repo: Blazor Bootstrap - Blazor WebAssembly Standalone App (.NET 8)")),(0,s.kt)("img",{src:"https://i.imgur.com/2SuR7oA.png",alt:"Blazor Bootstrap - Blazor WebAssembly Standalone App"}),(0,s.kt)("h2",{id:"sample-code"},"Sample Code"),(0,s.kt)("h3",{id:"indexhtml"},"index.html"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-html",metastring:"{9-11,32-37} showLineNumbers","{9-11,32-37}":!0,showLineNumbers:!0},'<!DOCTYPE html>\n<html lang="en">\n\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <title>NET8.BlazorWebAssemblyStandaloneApp</title>\n    <base href="/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link rel="stylesheet" href="css/app.css" />\n    <link rel="icon" type="image/png" href="favicon.png" />\n    <link href="NET8.BlazorWebAssemblyStandaloneApp.styles.css" rel="stylesheet" />\n</head>\n\n<body>\n    <div id="app">\n        <svg class="loading-progress">\n            <circle r="40%" cx="50%" cy="50%" />\n            <circle r="40%" cx="50%" cy="50%" />\n        </svg>\n        <div class="loading-progress-text"></div>\n    </div>\n\n    <div id="blazor-error-ui">\n        An unhandled error has occurred.\n        <a href="" class="reload">Reload</a>\n        <a class="dismiss">\ud83d\uddd9</a>\n    </div>\n    <script src="_framework/blazor.webassembly.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    \x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n    \x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n    <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n\n</html>\n')),(0,s.kt)("h3",{id:"programcs"},"Program.cs"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},'using Microsoft.AspNetCore.Components.Web;\nusing Microsoft.AspNetCore.Components.WebAssembly.Hosting;\nusing NET8.BlazorWebAssemblyStandaloneApp;\n\nvar builder = WebAssemblyHostBuilder.CreateDefault(args);\nbuilder.RootComponents.Add<App>("#app");\nbuilder.RootComponents.Add<HeadOutlet>("head::after");\n\nbuilder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });\n\nbuilder.Services.AddBlazorBootstrap();\n\nawait builder.Build().RunAsync();\n')),(0,s.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using System.Net.Http.Json\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.AspNetCore.Components.WebAssembly.Http\n@using Microsoft.JSInterop\n@using NET8.BlazorWebAssemblyStandaloneApp\n@using NET8.BlazorWebAssemblyStandaloneApp.Layout\n@using BlazorBootstrap;\n")),(0,s.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,s.kt)("pre",null,(0,s.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">@Body</div>\n        </article>\n    </main>\n\n</div>\n\n@code {\n    Sidebar sidebar;\n    IEnumerable<NavItem> navItems;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n            new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n            new NavItem { Id = "3", Href = "/weather", IconName = IconName.Table, Text = "Fetch Data"},\n        };\n\n        return navItems;\n    }\n}\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/ed7465b6.1e90ce2d.js b/assets/js/ed7465b6.523fe910.js
similarity index 99%
rename from assets/js/ed7465b6.1e90ce2d.js
rename to assets/js/ed7465b6.523fe910.js
index ea78cf125..0f7938b22 100644
--- a/assets/js/ed7465b6.1e90ce2d.js
+++ b/assets/js/ed7465b6.523fe910.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[92115],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>h});var n=r(67294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var l=n.createContext({}),p=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(l.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,s=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),m=p(r),u=a,h=m["".concat(l,".").concat(u)]||m[u]||d[u]||s;return r?n.createElement(h,o(o({ref:t},c),{},{components:r})):n.createElement(h,o({ref:t},c))}));function h(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var s=r.length,o=new Array(s);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[m]="string"==typeof e?e:a,o[1]=i;for(var p=2;p<s;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),a=r(67294),s=r(3905);class o extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,s.kt)(p,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},4305:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=r(87462),a=(r(67294),r(3905)),s=r(74404);const o={id:"blazor-server-net-6",sidebar_label:"Blazor Server (.NET 6)",sidebar_position:9,title:"Blazor Server (.NET 6)"},i="Getting started - Blazor Server (.NET 6)",l={unversionedId:"getting-started/blazor-server-net-6",id:"getting-started/blazor-server-net-6",title:"Blazor Server (.NET 6)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-server-net-6",permalink:"/getting-started/blazor-server-net-6",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx",tags:[],version:"current",sidebarPosition:9,frontMatter:{id:"blazor-server-net-6",sidebar_label:"Blazor Server (.NET 6)",sidebar_position:9,title:"Blazor Server (.NET 6)"},sidebar:"tutorialSidebar",previous:{title:"Blazor WebAssembly (.NET 6)",permalink:"/getting-started/blazor-webassembly-net-6"},next:{title:"Blazor WebAssembly",permalink:"/layout/blazor-webassembly"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2},{value:"_Layout.cshtml",id:"_layoutcshtml",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],m={toc:c},d="wrapper";function u(e){let{components:t,...r}=e;return(0,a.kt)(d,(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"getting-started---blazor-server-net-6"},"Getting started - Blazor Server (.NET 6)"),(0,a.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,a.kt)(s.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,a.kt)("p",null,"Looking to quickly add ",(0,a.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1\n")),(0,a.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,a.kt)("p",null,"After the ",(0,a.kt)("inlineCode",{parentName:"p"},'<base href="~/" />')," tag in the ",(0,a.kt)("strong",{parentName:"p"},"head")," section in the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Layout.cshtml")," file, add the following references:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,a.kt)("admonition",{type:"note"},(0,a.kt)("p",{parentName:"admonition"},"If you use the ",(0,a.kt)("strong",{parentName:"p"},"Blazor Server App Empty")," template (without demonstration code and Bootstrap), add the following references to the ",(0,a.kt)("inlineCode",{parentName:"p"},"head")," section in the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml"),".\nThere is a known GitHub issue ",(0,a.kt)("a",{parentName:"p",href:"https://github.com/dotnet/aspnetcore/issues/43975"},"Blazor empty template doesn't load scoped CSS"),".")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css" rel="stylesheet" />\n')),(0,a.kt)("admonition",{title:"IMPORTANT",type:"danger"},(0,a.kt)("p",{parentName:"admonition"},"In .NET 6 Blazor Server App default template, you may see ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Layout.cshtml"),". So, add these references in the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Layout.cshtml")," instead of in the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml"),".")),(0,a.kt)("h2",{id:"add-script-references"},"Add script references"),(0,a.kt)("p",null,"Insert the following references into the ",(0,a.kt)("strong",{parentName:"p"},"body")," section of the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Layout.cshtml")," file, immediately after the ",(0,a.kt)("strong",{parentName:"p"},"_framework/blazor.server.js")," reference:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,a.kt)("admonition",{type:"tip"},(0,a.kt)("p",{parentName:"admonition"},(0,a.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Add when the ",(0,a.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,a.kt)("h2",{id:"register-services"},"Register services"),(0,a.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,a.kt)("strong",{parentName:"p"},"Program.cs")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,a.kt)("p",null,"Register tag helpers in ",(0,a.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,a.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,a.kt)("p",null,"The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:"),(0,a.kt)("ol",null,(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Delete the ",(0,a.kt)("strong",{parentName:"p"},"bootstrap")," and ",(0,a.kt)("strong",{parentName:"p"},"open-iconic")," folders from the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."),(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/open-iconic")," folder."))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Layout.cshtml")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />\n'))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"wwwroot/css/site.css")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-css",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');\n")))),(0,a.kt)("h2",{id:"starter-template"},"Starter template"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET6.BlazorServerApp"},"GitHub Repo: Blazor Bootstrap - Blazor Server App (.NET 6)")),(0,a.kt)("img",{src:"https://i.imgur.com/BfgYeNd.png",alt:"Blazor Bootstrap - Blazor Server App"}),(0,a.kt)("h2",{id:"sample-code"},"Sample Code"),(0,a.kt)("h3",{id:"_layoutcshtml"},"_Layout.cshtml"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{11-13,33-35} showLineNumbers","{11-13,33-35}":!0,showLineNumbers:!0},'@using Microsoft.AspNetCore.Components.Web\n@namespace NET6.BlazorServerApp.Pages\n@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers\n\n<!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <base href="~/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link href="css/site.css" rel="stylesheet" />\n    <link href="NET6.BlazorServerApp.styles.css" rel="stylesheet" />\n    <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />\n</head>\n<body>\n    @RenderBody()\n\n    <div id="blazor-error-ui">\n        <environment include="Staging,Production">\n            An error has occurred. This application may no longer respond until reloaded.\n        </environment>\n        <environment include="Development">\n            An unhandled exception has occurred. See browser dev tools for details.\n        </environment>\n        <a href="" class="reload">Reload</a>\n        <a class="dismiss">\ud83d\uddd9</a>\n    </div>\n\n    <script src="_framework/blazor.server.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script> \x3c!-- Add chart.js reference if Chart components are used in the application. --\x3e\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n</html>\n')),(0,a.kt)("h3",{id:"programcs"},"Program.cs"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},'using Microsoft.AspNetCore.Components;\nusing Microsoft.AspNetCore.Components.Web;\nusing NET6.BlazorServerApp.Data;\n\nvar builder = WebApplication.CreateBuilder(args);\n\n// Add services to the container.\nbuilder.Services.AddRazorPages();\nbuilder.Services.AddServerSideBlazor();\nbuilder.Services.AddSingleton<WeatherForecastService>();\nbuilder.Services.AddBlazorBootstrap();\n\nvar app = builder.Build();\n\n// Configure the HTTP request pipeline.\nif (!app.Environment.IsDevelopment())\n{\n    app.UseExceptionHandler("/Error");\n    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.\n    app.UseHsts();\n}\n\napp.UseHttpsRedirection();\n\napp.UseStaticFiles();\n\napp.UseRouting();\n\napp.MapBlazorHub();\napp.MapFallbackToPage("/_Host");\n\napp.Run();\n')),(0,a.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using Microsoft.AspNetCore.Authorization\n@using Microsoft.AspNetCore.Components.Authorization\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.JSInterop\n@using NET6.BlazorServerApp\n@using NET6.BlazorServerApp.Shared\n@using BlazorBootstrap;\n")),(0,a.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">\n                @Body\n            </div>\n        </article>\n    </main>\n\n</div>\n\n<Modal IsServiceModal="true" />\n<Preload />\n<Toasts class="p-3" AutoHide="true" Delay="4000" Placement="ToastsPlacement.TopRight" />\n\n@code {\n    private Sidebar sidebar = default!;\n    private IEnumerable<NavItem> navItems = default!;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n            new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n            new NavItem { Id = "3", Href = "/fetchdata", IconName = IconName.Table, Text = "Fetch Data"},\n        };\n\n        return navItems;\n    }\n}\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[92115],{3905:(e,t,r)=>{r.d(t,{Zo:()=>c,kt:()=>h});var n=r(67294);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var l=n.createContext({}),p=function(e){var t=n.useContext(l),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=p(e.components);return n.createElement(l.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var r=e.components,a=e.mdxType,s=e.originalType,l=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),m=p(r),u=a,h=m["".concat(l,".").concat(u)]||m[u]||d[u]||s;return r?n.createElement(h,o(o({ref:t},c),{},{components:r})):n.createElement(h,o({ref:t},c))}));function h(e,t){var r=arguments,a=t&&t.mdxType;if("string"==typeof e||a){var s=r.length,o=new Array(s);o[0]=u;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i[m]="string"==typeof e?e:a,o[1]=i;for(var p=2;p<s;p++)o[p]=r[p];return n.createElement.apply(null,o)}return n.createElement.apply(null,r)}u.displayName="MDXCreateElement"},74404:(e,t,r)=>{r.d(t,{ZP:()=>c});var n=r(87462),a=r(67294),s=r(3905);class o extends a.Component{constructor(e){super(e),this.name=this.props.name||"docsblazorbootstrapcom",this.serve=this.props.serve||"CWYICKJI",this.script=this.props.script||null,this.placement=this.props.placement||"",this.fallback=this.props.fallback||null,this.showFallback=!1}adShowing=()=>null!==document.getElementById(`${this.name} #carbonads`);componentDidMount=()=>{let e=document.createElement("script");e.defer=!!this.script,e.async=!0,e.id=this.script?"":"_carbonads_js",e.type="text/javascript",e.src=this.script||`//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}`,e.onerror=()=>{this.showFallback=!0,this.forceUpdate()},e.addEventListener("load",(()=>{this.adShowing||_.invoke(window._carbonads,"refresh")})),document.querySelector(`#${this.name}`).appendChild(e)};render(){return this.showFallback&&this.fallback?this.fallback:a.createElement("div",{id:this.name})}}const i=o,l={toc:[]},p="wrapper";function c(e){let{components:t,...r}=e;return(0,s.kt)(p,(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,s.kt)(i,{mdxType:"CarbonAd"}))}c.isMDXComponent=!0},4305:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>u,frontMatter:()=>o,metadata:()=>l,toc:()=>c});var n=r(87462),a=(r(67294),r(3905)),s=r(74404);const o={id:"blazor-server-net-6",sidebar_label:"Blazor Server (.NET 6)",sidebar_position:9,title:"Blazor Server (.NET 6)"},i="Getting started - Blazor Server (.NET 6)",l={unversionedId:"getting-started/blazor-server-net-6",id:"getting-started/blazor-server-net-6",title:"Blazor Server (.NET 6)",description:"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.",source:"@site/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx",sourceDirName:"01-getting-started",slug:"/getting-started/blazor-server-net-6",permalink:"/getting-started/blazor-server-net-6",draft:!1,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx",tags:[],version:"current",sidebarPosition:9,frontMatter:{id:"blazor-server-net-6",sidebar_label:"Blazor Server (.NET 6)",sidebar_position:9,title:"Blazor Server (.NET 6)"},sidebar:"tutorialSidebar",previous:{title:"Blazor WebAssembly (.NET 6)",permalink:"/getting-started/blazor-webassembly-net-6"},next:{title:"Blazor WebAssembly",permalink:"/layout/blazor-webassembly"}},p={},c=[{value:"Install Nuget Package",id:"install-nuget-package",level:2},{value:"Add CSS references",id:"add-css-references",level:2},{value:"Add script references",id:"add-script-references",level:2},{value:"Register services",id:"register-services",level:2},{value:"Remove default references",id:"remove-default-references",level:2},{value:"Starter template",id:"starter-template",level:2},{value:"Sample Code",id:"sample-code",level:2},{value:"_Layout.cshtml",id:"_layoutcshtml",level:3},{value:"Program.cs",id:"programcs",level:3},{value:"_Imports.razor",id:"_importsrazor",level:3},{value:"MainLayout.razor",id:"mainlayoutrazor",level:3}],m={toc:c},d="wrapper";function u(e){let{components:t,...r}=e;return(0,a.kt)(d,(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"getting-started---blazor-server-net-6"},"Getting started - Blazor Server (.NET 6)"),(0,a.kt)("p",null,"Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks."),(0,a.kt)(s.ZP,{mdxType:"CarbonAd"}),(0,a.kt)("h2",{id:"install-nuget-package"},"Install Nuget Package"),(0,a.kt)("p",null,"Looking to quickly add ",(0,a.kt)("strong",{parentName:"p"},"Blazor Bootstrap")," to your project? Use NuGet package manager."),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-shell"},"Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2\n")),(0,a.kt)("h2",{id:"add-css-references"},"Add CSS references"),(0,a.kt)("p",null,"After the ",(0,a.kt)("inlineCode",{parentName:"p"},'<base href="~/" />')," tag in the ",(0,a.kt)("strong",{parentName:"p"},"head")," section in the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Layout.cshtml")," file, add the following references:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n')),(0,a.kt)("admonition",{type:"note"},(0,a.kt)("p",{parentName:"admonition"},"If you use the ",(0,a.kt)("strong",{parentName:"p"},"Blazor Server App Empty")," template (without demonstration code and Bootstrap), add the following references to the ",(0,a.kt)("inlineCode",{parentName:"p"},"head")," section in the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml"),".\nThere is a known GitHub issue ",(0,a.kt)("a",{parentName:"p",href:"https://github.com/dotnet/aspnetcore/issues/43975"},"Blazor empty template doesn't load scoped CSS"),".")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link href="_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css" rel="stylesheet" />\n')),(0,a.kt)("admonition",{title:"IMPORTANT",type:"danger"},(0,a.kt)("p",{parentName:"admonition"},"In .NET 6 Blazor Server App default template, you may see ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Layout.cshtml"),". So, add these references in the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Layout.cshtml")," instead of in the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Host.cshtml"),".")),(0,a.kt)("h2",{id:"add-script-references"},"Add script references"),(0,a.kt)("p",null,"Insert the following references into the ",(0,a.kt)("strong",{parentName:"p"},"body")," section of the ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Layout.cshtml")," file, immediately after the ",(0,a.kt)("strong",{parentName:"p"},"_framework/blazor.server.js")," reference:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js",metastring:"showLineNumbers",showLineNumbers:!0},'<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n\x3c!-- Add chart.js reference if chart components are used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --\x3e\n<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script>\n\x3c!-- Add sortable.js reference if SortableList component is used in your application. --\x3e\n<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"><\/script>\n<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n')),(0,a.kt)("admonition",{type:"tip"},(0,a.kt)("p",{parentName:"admonition"},(0,a.kt)("strong",{parentName:"p"},"chart.js")," reference is optional. Add when the ",(0,a.kt)("strong",{parentName:"p"},"Chart")," components are used in the application.")),(0,a.kt)("h2",{id:"register-services"},"Register services"),(0,a.kt)("p",null,"Add Blazor Bootstrap service in the ",(0,a.kt)("strong",{parentName:"p"},"Program.cs")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"showLineNumbers",showLineNumbers:!0},"builder.Services.AddBlazorBootstrap();\n")),(0,a.kt)("p",null,"Register tag helpers in ",(0,a.kt)("strong",{parentName:"p"},"_Imports.razor")),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"showLineNumbers",showLineNumbers:!0},"@using BlazorBootstrap;\n")),(0,a.kt)("h2",{id:"remove-default-references"},"Remove default references"),(0,a.kt)("p",null,"The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:"),(0,a.kt)("ol",null,(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Delete the ",(0,a.kt)("strong",{parentName:"p"},"bootstrap")," and ",(0,a.kt)("strong",{parentName:"p"},"open-iconic")," folders from the ",(0,a.kt)("strong",{parentName:"p"},"wwwroot")," directory:"),(0,a.kt)("ul",{parentName:"li"},(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/bootstrap")," folder."),(0,a.kt)("li",{parentName:"ul"},"Delete the ",(0,a.kt)("strong",{parentName:"li"},"wwwroot/css/open-iconic")," folder."))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"Pages/_Layout.cshtml")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-html",metastring:"showLineNumbers",showLineNumbers:!0},'<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />\n'))),(0,a.kt)("li",{parentName:"ol"},(0,a.kt)("p",{parentName:"li"},"Remove the following line from ",(0,a.kt)("strong",{parentName:"p"},"wwwroot/css/site.css")," file:"),(0,a.kt)("pre",{parentName:"li"},(0,a.kt)("code",{parentName:"pre",className:"language-css",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},"@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');\n")))),(0,a.kt)("h2",{id:"starter-template"},"Starter template"),(0,a.kt)("p",null,(0,a.kt)("a",{parentName:"p",href:"https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET6.BlazorServerApp"},"GitHub Repo: Blazor Bootstrap - Blazor Server App (.NET 6)")),(0,a.kt)("img",{src:"https://i.imgur.com/BfgYeNd.png",alt:"Blazor Bootstrap - Blazor Server App"}),(0,a.kt)("h2",{id:"sample-code"},"Sample Code"),(0,a.kt)("h3",{id:"_layoutcshtml"},"_Layout.cshtml"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cshtml",metastring:"{11-13,33-35} showLineNumbers","{11-13,33-35}":!0,showLineNumbers:!0},'@using Microsoft.AspNetCore.Components.Web\n@namespace NET6.BlazorServerApp.Pages\n@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers\n\n<!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n    <base href="~/" />\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">\n    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />\n    <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />\n    <link href="css/site.css" rel="stylesheet" />\n    <link href="NET6.BlazorServerApp.styles.css" rel="stylesheet" />\n    <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />\n</head>\n<body>\n    @RenderBody()\n\n    <div id="blazor-error-ui">\n        <environment include="Staging,Production">\n            An error has occurred. This application may no longer respond until reloaded.\n        </environment>\n        <environment include="Development">\n            An unhandled exception has occurred. See browser dev tools for details.\n        </environment>\n        <a href="" class="reload">Reload</a>\n        <a class="dismiss">\ud83d\uddd9</a>\n    </div>\n\n    <script src="_framework/blazor.server.js"><\/script>\n    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"><\/script>\n    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"><\/script> \x3c!-- Add chart.js reference if Chart components are used in the application. --\x3e\n    <script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"><\/script>\n</body>\n</html>\n')),(0,a.kt)("h3",{id:"programcs"},"Program.cs"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-cs",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},'using Microsoft.AspNetCore.Components;\nusing Microsoft.AspNetCore.Components.Web;\nusing NET6.BlazorServerApp.Data;\n\nvar builder = WebApplication.CreateBuilder(args);\n\n// Add services to the container.\nbuilder.Services.AddRazorPages();\nbuilder.Services.AddServerSideBlazor();\nbuilder.Services.AddSingleton<WeatherForecastService>();\nbuilder.Services.AddBlazorBootstrap();\n\nvar app = builder.Build();\n\n// Configure the HTTP request pipeline.\nif (!app.Environment.IsDevelopment())\n{\n    app.UseExceptionHandler("/Error");\n    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.\n    app.UseHsts();\n}\n\napp.UseHttpsRedirection();\n\napp.UseStaticFiles();\n\napp.UseRouting();\n\napp.MapBlazorHub();\napp.MapFallbackToPage("/_Host");\n\napp.Run();\n')),(0,a.kt)("h3",{id:"_importsrazor"},"_Imports.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{11} showLineNumbers","{11}":!0,showLineNumbers:!0},"@using System.Net.Http\n@using Microsoft.AspNetCore.Authorization\n@using Microsoft.AspNetCore.Components.Authorization\n@using Microsoft.AspNetCore.Components.Forms\n@using Microsoft.AspNetCore.Components.Routing\n@using Microsoft.AspNetCore.Components.Web\n@using Microsoft.AspNetCore.Components.Web.Virtualization\n@using Microsoft.JSInterop\n@using NET6.BlazorServerApp\n@using NET6.BlazorServerApp.Shared\n@using BlazorBootstrap;\n")),(0,a.kt)("h3",{id:"mainlayoutrazor"},"MainLayout.razor"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-razor",metastring:"{} showLineNumbers","{}":!0,showLineNumbers:!0},'@inherits LayoutComponentBase\n\n<div class="bb-page">\n\n    <Sidebar @ref="sidebar"\n             IconName="IconName.BootstrapFill"\n             Title="Blazor Bootstrap"\n             DataProvider="SidebarDataProvider" />\n\n    <main>\n        <div class="bb-top-row px-4 d-flex justify-content-end">\n            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>\n        </div>\n\n        <article class="content px-4">\n            <div class="py-2">\n                @Body\n            </div>\n        </article>\n    </main>\n\n</div>\n\n<Modal IsServiceModal="true" />\n<Preload />\n<Toasts class="p-3" AutoHide="true" Delay="4000" Placement="ToastsPlacement.TopRight" />\n\n@code {\n    private Sidebar sidebar = default!;\n    private IEnumerable<NavItem> navItems = default!;\n\n    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)\n    {\n        if (navItems is null)\n            navItems = GetNavItems();\n\n        return await Task.FromResult(request.ApplyTo(navItems));\n    }\n\n    private IEnumerable<NavItem> GetNavItems()\n    {\n        navItems = new List<NavItem>\n        {\n            new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},\n            new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},\n            new NavItem { Id = "3", Href = "/fetchdata", IconName = IconName.Table, Text = "Fetch Data"},\n        };\n\n        return navItems;\n    }\n}\n')))}u.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/assets/js/f0737577.e79f6fd2.js b/assets/js/f0737577.c720ba96.js
similarity index 82%
rename from assets/js/f0737577.e79f6fd2.js
rename to assets/js/f0737577.c720ba96.js
index 77d160358..7079ee881 100644
--- a/assets/js/f0737577.e79f6fd2.js
+++ b/assets/js/f0737577.c720ba96.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[81915],{41589:a=>{a.exports=JSON.parse('{"permalink":"/blog/tags/blazor/page/3","page":3,"postsPerPage":10,"totalPages":5,"totalCount":41,"previousPage":"/blog/tags/blazor/page/2","nextPage":"/blog/tags/blazor/page/4","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[81915],{41589:a=>{a.exports=JSON.parse('{"permalink":"/blog/tags/blazor/page/3","page":3,"postsPerPage":10,"totalPages":5,"totalCount":42,"previousPage":"/blog/tags/blazor/page/2","nextPage":"/blog/tags/blazor/page/4","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/f386df44.839fc409.js b/assets/js/f386df44.819511b3.js
similarity index 84%
rename from assets/js/f386df44.839fc409.js
rename to assets/js/f386df44.819511b3.js
index 143236f0f..a4ee14fd2 100644
--- a/assets/js/f386df44.839fc409.js
+++ b/assets/js/f386df44.819511b3.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[58176],{16745:a=>{a.exports=JSON.parse('{"label":"sidebar","permalink":"/blog/tags/sidebar","allTagsPath":"/blog/tags","count":3}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[58176],{16745:a=>{a.exports=JSON.parse('{"label":"sidebar","permalink":"/blog/tags/sidebar","allTagsPath":"/blog/tags","count":4}')}}]);
\ No newline at end of file
diff --git a/assets/js/f5ad21d3.ed68d6f8.js b/assets/js/f5ad21d3.386966b0.js
similarity index 81%
rename from assets/js/f5ad21d3.ed68d6f8.js
rename to assets/js/f5ad21d3.386966b0.js
index 06327ea67..9301a3b72 100644
--- a/assets/js/f5ad21d3.ed68d6f8.js
+++ b/assets/js/f5ad21d3.386966b0.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[57250],{69973:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap/page/7","page":7,"postsPerPage":10,"totalPages":7,"totalCount":61,"previousPage":"/blog/tags/blazorbootstrap/page/6","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[57250],{69973:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/blazorbootstrap/page/7","page":7,"postsPerPage":10,"totalPages":7,"totalCount":62,"previousPage":"/blog/tags/blazorbootstrap/page/6","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/f6fc984b.95396e26.js b/assets/js/f6fc984b.7bb49c9c.js
similarity index 82%
rename from assets/js/f6fc984b.95396e26.js
rename to assets/js/f6fc984b.7bb49c9c.js
index 2f524de6c..0b180cf95 100644
--- a/assets/js/f6fc984b.95396e26.js
+++ b/assets/js/f6fc984b.7bb49c9c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[85729],{11801:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/bootstrap/page/2","page":2,"postsPerPage":10,"totalPages":4,"totalCount":34,"previousPage":"/blog/tags/bootstrap","nextPage":"/blog/tags/bootstrap/page/3","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[85729],{11801:o=>{o.exports=JSON.parse('{"permalink":"/blog/tags/bootstrap/page/2","page":2,"postsPerPage":10,"totalPages":4,"totalCount":35,"previousPage":"/blog/tags/bootstrap","nextPage":"/blog/tags/bootstrap/page/3","blogDescription":"Blog","blogTitle":"Blog"}')}}]);
\ No newline at end of file
diff --git a/assets/js/f90f0f8a.c9bd1b28.js b/assets/js/f90f0f8a.e996d9e3.js
similarity index 84%
rename from assets/js/f90f0f8a.c9bd1b28.js
rename to assets/js/f90f0f8a.e996d9e3.js
index c2de0c421..6209fa8d7 100644
--- a/assets/js/f90f0f8a.c9bd1b28.js
+++ b/assets/js/f90f0f8a.e996d9e3.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[67589],{84760:a=>{a.exports=JSON.parse('{"label":"v3.0.0","permalink":"/blog/tags/v-3-0-0","allTagsPath":"/blog/tags","count":1}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[67589],{84760:a=>{a.exports=JSON.parse('{"label":"v3.0.0","permalink":"/blog/tags/v-3-0-0","allTagsPath":"/blog/tags","count":2}')}}]);
\ No newline at end of file
diff --git a/assets/js/fb3463af.5726b439.js b/assets/js/fb3463af.2f88c041.js
similarity index 84%
rename from assets/js/fb3463af.5726b439.js
rename to assets/js/fb3463af.2f88c041.js
index 55d469ef9..965238b88 100644
--- a/assets/js/fb3463af.5726b439.js
+++ b/assets/js/fb3463af.2f88c041.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[10330],{27122:a=>{a.exports=JSON.parse('{"label":"blazor","permalink":"/blog/tags/blazor","allTagsPath":"/blog/tags","count":41}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[10330],{27122:a=>{a.exports=JSON.parse('{"label":"blazor","permalink":"/blog/tags/blazor","allTagsPath":"/blog/tags","count":42}')}}]);
\ No newline at end of file
diff --git a/assets/js/ffb545c1.2576f07b.js b/assets/js/ffb545c1.c4c9faa7.js
similarity index 82%
rename from assets/js/ffb545c1.2576f07b.js
rename to assets/js/ffb545c1.c4c9faa7.js
index c42ad40ed..e114379d8 100644
--- a/assets/js/ffb545c1.2576f07b.js
+++ b/assets/js/ffb545c1.c4c9faa7.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[48680],{92976:a=>{a.exports=JSON.parse('{"label":"bootstrap","permalink":"/blog/tags/bootstrap","allTagsPath":"/blog/tags","count":34}')}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[48680],{92976:a=>{a.exports=JSON.parse('{"label":"bootstrap","permalink":"/blog/tags/bootstrap","allTagsPath":"/blog/tags","count":35}')}}]);
\ No newline at end of file
diff --git a/assets/js/main.39824918.js b/assets/js/main.39824918.js
deleted file mode 100644
index 2580ebc87..000000000
--- a/assets/js/main.39824918.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see main.39824918.js.LICENSE.txt */
-(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[40179],{723:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var a=n(67294),o=n(87462),r=n(68356),i=n.n(r),l=n(16887);const s={"011603b0":[()=>n.e(45813).then(n.t.bind(n,41727,19)),"~blog/default/blog-tags-v-1-10-2-99c-list.json",41727],"0181f2cb":[()=>n.e(52866).then(n.t.bind(n,3260,19)),"~blog/default/blog-tags-switch-f2b-list.json",3260],"01a2ac95":[()=>n.e(15901).then(n.t.bind(n,62346,19)),"~blog/default/blog-tags-blazor-bootstrap-7ba-list.json",62346],"01a85c17":[()=>Promise.all([n.e(40532),n.e(64013)]).then(n.bind(n,91223)),"@theme/BlogTagsListPage",91223],"035b69b8":[()=>n.e(34449).then(n.t.bind(n,78078,19)),"~blog/default/blog-tags-v-1-10-1-2a4.json",78078],"039704c0":[()=>n.e(82263).then(n.bind(n,45741)),"@site/blog/2023-01-15-blazorbootstrap-1.4.0.md",45741],"03c55790":[()=>n.e(76743).then(n.t.bind(n,61758,19)),"~blog/default/blog-tags-blazornumber-7d7.json",61758],"040fb835":[()=>n.e(73404).then(n.t.bind(n,88091,19)),"~blog/default/blog-tags-v-1-3-1-93b-list.json",88091],"0534b071":[()=>n.e(61528).then(n.t.bind(n,54732,19)),"~blog/default/blog-tags-bootstrap-page-3-cf7-list.json",54732],"0545a2b1":[()=>n.e(78121).then(n.bind(n,64444)),"@site/blog/2023-04-24-blazorbootstrap-1.7.2.md",64444],"06e625b9":[()=>n.e(99023).then(n.bind(n,75390)),"@site/docs/04-forms/autocomplete.mdx",75390],"07e55142":[()=>n.e(72475).then(n.t.bind(n,42269,19)),"~blog/default/blog-tags-sidebar-184-list.json",42269],"0892d6c1":[()=>n.e(79035).then(n.t.bind(n,63053,19)),"~blog/default/blog-tags-blazorbootstrap-bbf-list.json",63053],"08d0e930":[()=>n.e(92718).then(n.t.bind(n,38124,19)),"~blog/default/blog-tags-datepicker-461.json",38124],"09d3d068":[()=>n.e(74462).then(n.t.bind(n,44170,19)),"~blog/default/blog-tags-blazormodal-942.json",44170],"0ae61aaa":[()=>n.e(80086).then(n.bind(n,64006)),"@site/blog/2023-03-05-blazorbootstrap-1.5.0.md?truncated=true",64006],"0b020564":[()=>n.e(9837).then(n.t.bind(n,69481,19)),"~blog/default/blog-tags-blazor-currency-input-d3d-list.json",69481],"0c7ad285":[()=>n.e(46263).then(n.t.bind(n,18380,19)),"~blog/default/blog-tags-bootstrap-5-page-3-9a5.json",18380],"0cefe2d9":[()=>n.e(30017).then(n.bind(n,21906)),"@site/blog/2023-02-10-blazorbootstrap-1.4.4.md",21906],"0cf2b9e9":[()=>n.e(57608).then(n.t.bind(n,12660,19)),"~blog/default/blog-tags-v-1-8-3-3ea-list.json",12660],"0d245dbf":[()=>n.e(45754).then(n.t.bind(n,2591,19)),"~blog/default/blog-tags-layout-60a-list.json",2591],"0d3f967b":[()=>n.e(39319).then(n.t.bind(n,68540,19)),"~blog/default/blog-tags-v-1-5-0-f15-list.json",68540],"0e20fd69":[()=>n.e(98892).then(n.t.bind(n,42872,19)),"~blog/default/blog-tags-v-1-10-2-99c.json",42872],"0f414ed2":[()=>n.e(14912).then(n.bind(n,7515)),"@site/blog/2024-02-25-blazorbootstrap-2.0.0.md?truncated=true",7515],"0f4f349d":[()=>n.e(7559).then(n.t.bind(n,88336,19)),"~blog/default/blog-tags-blazorcurrencyinput-216.json",88336],"0f528560":[()=>n.e(42047).then(n.t.bind(n,66550,19)),"~blog/default/blog-tags-blazor-dialog-fe2.json",66550],"10e280b7":[()=>n.e(8947).then(n.bind(n,57583)),"@site/blog/2023-03-05-blazorbootstrap-1.5.0.md",57583],"11043a74":[()=>n.e(93487).then(n.t.bind(n,67011,19)),"~blog/default/blog-tags-blazor-templates-07c.json",67011],11136457:[()=>n.e(6831).then(n.t.bind(n,54170,19)),"~blog/default/blog-tags-blazortimeinput-190.json",54170],"11438bab":[()=>n.e(9830).then(n.t.bind(n,9502,19)),"~blog/default/blog-tags-timepicker-8a7.json",9502],"11bebdb7":[()=>n.e(57447).then(n.bind(n,90833)),"@site/blog/2022-08-31-blazorbootstrap-0.3.0.md",90833],"11ce4159":[()=>n.e(1531).then(n.t.bind(n,75034,19)),"~blog/default/blog-page-5-c6b.json",75034],"1207b46c":[()=>n.e(74826).then(n.t.bind(n,82774,19)),"~blog/default/blog-tags-dropdown-baa.json",82774],"121f8027":[()=>n.e(58765).then(n.t.bind(n,67222,19)),"~blog/default/blog-tags-blazor-autocomplete-30a.json",67222],"12e9876c":[()=>n.e(54301).then(n.t.bind(n,36320,19)),"~blog/default/blog-tags-blazorbootstrap-page-6-976.json",36320],"13b82006":[()=>n.e(23704).then(n.t.bind(n,63132,19)),"~blog/default/blog-tags-v-1-4-1-1b8-list.json",63132],"14b4a23d":[()=>n.e(7004).then(n.t.bind(n,55826,19)),"~blog/default/blog-tags-date-b43-list.json",55826],"14e63915":[()=>n.e(97951).then(n.bind(n,48411)),"@site/blog/2022-11-28-blazorbootstrap-1.1.0.md?truncated=true",48411],"15b77f5e":[()=>n.e(63490).then(n.bind(n,54269)),"@site/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx",54269],"15d6b0c8":[()=>n.e(70057).then(n.bind(n,27885)),"@site/docs/02-layout/getting-started-server.mdx",27885],"15e5d693":[()=>n.e(7910).then(n.t.bind(n,49435,19)),"~blog/default/blog-tags-tab-c79-list.json",49435],"164c056e":[()=>n.e(41092).then(n.t.bind(n,27120,19)),"~blog/default/blog-tags-bootstrap-5-83b.json",27120],"1677a4a2":[()=>n.e(94026).then(n.bind(n,13372)),"@site/docs/04-forms/date-input.mdx",13372],"16b9d05c":[()=>n.e(87622).then(n.t.bind(n,16806,19)),"~blog/default/blog-tags-blazorcurrencyinput-216-list.json",16806],"16f9f312":[()=>n.e(87575).then(n.t.bind(n,2495,19)),"~blog/default/blog-tags-layout-60a.json",2495],17896441:[()=>Promise.all([n.e(40532),n.e(88105),n.e(27918)]).then(n.bind(n,78945)),"@theme/DocItem",78945],"17c709c3":[()=>n.e(85027).then(n.t.bind(n,23533,19)),"~blog/default/blog-tags-blazormodalservice-f26-list.json",23533],"181510e2":[()=>n.e(98883).then(n.bind(n,89716)),"@site/blog/2022-01-15-blazorbootstrap-0.2.0.md",89716],"188d80a9":[()=>n.e(87753).then(n.bind(n,959)),"@site/docs/05-components/ribbon.mdx",959],18902662:[()=>n.e(6923).then(n.t.bind(n,11290,19)),"~blog/default/blog-tags-bootstrap-5-page-3-9a5-list.json",11290],"18cfdffd":[()=>n.e(35414).then(n.bind(n,67326)),"@site/blog/2023-07-05-blazorbootstrap-1.9.4.md",67326],"1967d15c":[()=>n.e(50863).then(n.bind(n,67730)),"@site/blog/2022-03-15-blazorbootstrap-0.2.2.md?truncated=true",67730],"196f397f":[()=>n.e(3947).then(n.t.bind(n,12268,19)),"~blog/default/blog-tags-chart-68d-list.json",12268],"19a72e94":[()=>n.e(13234).then(n.t.bind(n,45782,19)),"~blog/default/blog-tags-v-0-0-4-0c3.json",45782],"1a0ff04e":[()=>n.e(119).then(n.t.bind(n,64297,19)),"~blog/default/blog-tags-v-3-0-0-c46-list.json",64297],"1a4e3797":[()=>Promise.all([n.e(40532),n.e(97920)]).then(n.bind(n,51473)),"@theme/SearchPage",51473],"1af83003":[()=>n.e(38829).then(n.t.bind(n,1344,19)),"~blog/default/blog-tags-blazor-grid-filtering-95a.json",1344],"1b1fc741":[()=>n.e(55352).then(n.t.bind(n,61217,19)),"~blog/default/blog-tags-collapse-d38.json",61217],"1b46b7b2":[()=>n.e(43849).then(n.t.bind(n,23604,19)),"~blog/default/blog-tags-v-1-8-0-878-list.json",23604],"1bb3337b":[()=>n.e(78197).then(n.t.bind(n,19613,19)),"~blog/default/blog-tags-blazor-tabs-daf.json",19613],"1be78505":[()=>Promise.all([n.e(40532),n.e(29514)]).then(n.bind(n,19963)),"@theme/DocPage",19963],"1c90b3d5":[()=>n.e(50032).then(n.t.bind(n,47398,19)),"~blog/default/blog-tags-toasts-927-list.json",47398],"1d662c92":[()=>n.e(98589).then(n.t.bind(n,49256,19)),"~blog/default/blog-tags-callout-c99.json",49256],"1da03b6e":[()=>n.e(19029).then(n.t.bind(n,91395,19)),"~blog/default/blog-tags-v-1-7-3-e99.json",91395],"1dce3cd0":[()=>n.e(83607).then(n.t.bind(n,46918,19)),"~blog/default/blog-tags-blazor-doughnut-chart-f06-list.json",46918],"1def58c2":[()=>n.e(87374).then(n.t.bind(n,10925,19)),"~blog/default/blog-tags-blazor-offcanvas-05e.json",10925],"1df2ac0f":[()=>n.e(31784).then(n.bind(n,9765)),"@site/docs/05-components/script-loader.mdx",9765],"1e1322a7":[()=>n.e(45856).then(n.t.bind(n,51614,19)),"~blog/default/blog-tags-v-1-4-3-68a.json",51614],"20526fb6":[()=>n.e(13242).then(n.t.bind(n,59443,19)),"~blog/default/blog-tags-blazordropdown-efe.json",59443],"20574a6b":[()=>n.e(95237).then(n.t.bind(n,20193,19)),"~blog/default/blog-tags-v-0-0-1-eb6-list.json",20193],"20607c6d":[()=>n.e(42855).then(n.t.bind(n,74469,19)),"~blog/default/blog-tags-v-1-11-1-ca0.json",74469],"20b2c3da":[()=>n.e(55220).then(n.t.bind(n,1320,19)),"~blog/default/blog-tags-blazor-grid-paging-041-list.json",1320],"20b54e65":[()=>n.e(7167).then(n.bind(n,31650)),"@site/docs/05-components/offcanvas.mdx",31650],"20cb0e42":[()=>n.e(87883).then(n.bind(n,90790)),"@site/blog/2024-04-14-blazorbootstrap-2.2.0.md?truncated=true",90790],21730098:[()=>n.e(11885).then(n.t.bind(n,93976,19)),"~blog/default/blog-tags-blazordropdown-efe-list.json",93976],"21e232c9":[()=>n.e(78440).then(n.t.bind(n,86649,19)),"~blog/default/blog-tags-buttons-c7b-list.json",86649],"21ed22b9":[()=>n.e(82961).then(n.t.bind(n,26871,19)),"~blog/default/blog-tags-icon-3e2.json",26871],"236ae2fb":[()=>n.e(14029).then(n.bind(n,77271)),"@site/blog/2023-05-31-blazorbootstrap-1.8.1.md",77271],"239dc3b3":[()=>n.e(4028).then(n.t.bind(n,17061,19)),"~blog/default/blog-tags-blazortimeinput-190-list.json",17061],"23d0bf4c":[()=>n.e(4327).then(n.t.bind(n,29116,19)),"~blog/default/blog-tags-v-0-0-2-89a-list.json",29116],"23ee00d3":[()=>n.e(69177).then(n.t.bind(n,71345,19)),"~blog/default/blog-tags-blazor-currency-input-d3d.json",71345],24031443:[()=>n.e(71975).then(n.t.bind(n,12725,19)),"~blog/default/blog-tags-blazor-preload-b3e.json",12725],"2411581e":[()=>n.e(24707).then(n.t.bind(n,53204,19)),"~blog/default/blog-tags-blazorbreadcrumb-e44-list.json",53204],"242463c5":[()=>n.e(12571).then(n.t.bind(n,91985,19)),"~blog/default/blog-tags-confirm-dialog-bb7.json",91985],"24728d82":[()=>n.e(73269).then(n.bind(n,72661)),"@site/docs/06-data-visualization/doughnut-chart.mdx",72661],"2484c010":[()=>n.e(43392).then(n.t.bind(n,36834,19)),"~blog/default/blog-tags-bootstrap-5-83b-list.json",36834],"24ba83d0":[()=>n.e(4787).then(n.t.bind(n,96670,19)),"~blog/default/blog-tags-v-1-4-2-974.json",96670],"250e887a":[()=>n.e(52430).then(n.t.bind(n,93602,19)),"~blog/default/blog-tags-blazorbuttons-928-list.json",93602],"2510c43f":[()=>n.e(22965).then(n.bind(n,33051)),"@site/docs/05-components/accordion.mdx",33051],"25453f66":[()=>n.e(2276).then(n.t.bind(n,48514,19)),"~blog/default/blog-tags-v-1-4-1-1b8.json",48514],"26c29946":[()=>n.e(79649).then(n.t.bind(n,37791,19)),"~blog/default/blog-tags-v-2-2-0-a95.json",37791],"26c7220a":[()=>n.e(41787).then(n.t.bind(n,80225,19)),"~blog/default/blog-tags-v-0-2-4-574.json",80225],"277d94b9":[()=>n.e(47263).then(n.t.bind(n,38314,19)),"~blog/default/blog-tags-timeinput-8d8-list.json",38314],28293836:[()=>n.e(21100).then(n.bind(n,38238)),"@site/docs/05-components/grid.mdx",38238],"283e4c74":[()=>n.e(30407).then(n.t.bind(n,234,19)),"~blog/default/blog-tags-confirmmodal-840-list.json",234],"28bbf54b":[()=>n.e(14540).then(n.t.bind(n,94828,19)),"~blog/default/blog-tags-v-0-3-0-521-list.json",94828],"28c92665":[()=>n.e(37306).then(n.t.bind(n,22267,19)),"~blog/default/blog-tags-currencyinput-bd1-list.json",22267],"28db7278":[()=>n.e(86321).then(n.t.bind(n,54540,19)),"~blog/default/blog-tags-blazor-page-5-3a8.json",54540],"28dc5477":[()=>n.e(84837).then(n.bind(n,83964)),"@site/blog/2023-02-23-blazorbootstrap-1.4.5.md",83964],"28e1ccb8":[()=>n.e(13543).then(n.t.bind(n,15864,19)),"~blog/default/blog-tags-rangeinput-176.json",15864],"299fc7bb":[()=>n.e(58014).then(n.t.bind(n,80665,19)),"~blog/default/blog-tags-blazordateinput-aeb.json",80665],"29d77e1a":[()=>n.e(90556).then(n.t.bind(n,87982,19)),"~blog/default/blog-tags-blazorconfirmmodal-770.json",87982],"29d85d16":[()=>n.e(28557).then(n.t.bind(n,50422,19)),"~blog/default/blog-tags-v-1-4-3-68a-list.json",50422],"2a00c8eb":[()=>n.e(76274).then(n.t.bind(n,61303,19)),"~blog/default/blog-tags-blazor-progress-bar-74e-list.json",61303],"2a6d8460":[()=>n.e(22506).then(n.bind(n,83582)),"@site/docs/04-forms/number-input.mdx",83582],"2a709cc5":[()=>n.e(84515).then(n.t.bind(n,31103,19)),"~blog/default/blog-tags-barchart-e05.json",31103],"2aa4da01":[()=>n.e(58746).then(n.bind(n,13792)),"@site/docs/05-components/preload.mdx",13792],"2aac0be0":[()=>n.e(28482).then(n.t.bind(n,24856,19)),"~blog/default/blog-tags-v-1-5-0-f15.json",24856],"2acd8f77":[()=>n.e(98973).then(n.t.bind(n,34149,19)),"~blog/default/blog-tags-blazornumberinput-21b.json",34149],"2adf1c07":[()=>n.e(90438).then(n.t.bind(n,65860,19)),"~blog/default/blog-tags-blazoroffcanvas-e89-list.json",65860],"2b1be5da":[()=>n.e(52961).then(n.t.bind(n,59790,19)),"~blog/default/blog-tags-v-1-9-4-ca4-list.json",59790],"2b57f11c":[()=>n.e(82660).then(n.bind(n,63101)),"@site/blog/2023-04-29-blazorbootstrap-1.7.3.md?truncated=true",63101],"2b5ffb63":[()=>n.e(72793).then(n.bind(n,66598)),"@site/blog/2021-12-20-blazorbootstrap-0.1.0.md",66598],"2c43b6e6":[()=>n.e(72434).then(n.t.bind(n,49120,19)),"~blog/default/blog-tags-collapse-d38-list.json",49120],"2c615316":[()=>n.e(71886).then(n.bind(n,40720)),"@site/blog/2024-01-01-blazorbootstrap-1.10.5.md?truncated=true",40720],"2d59857d":[()=>n.e(9797).then(n.bind(n,3060)),"@site/blog/2022-07-28-blazorbootstrap-0.2.5.md?truncated=true",3060],"2ddd21c8":[()=>n.e(52791).then(n.bind(n,59247)),"@site/blog/2022-10-30-blazorbootstrap-0.6.0.md?truncated=true",59247],"2de3c7dd":[()=>n.e(71092).then(n.t.bind(n,93242,19)),"~blog/default/blog-tags-v-1-10-3-214-list.json",93242],"2df031cd":[()=>n.e(6918).then(n.bind(n,17486)),"@site/docs/06-data-visualization/pie-chart.mdx",17486],"2f6b0f5e":[()=>n.e(35846).then(n.t.bind(n,79794,19)),"~blog/default/blog-tags-blazorbreadcrumb-e44.json",79794],"2f805fa7":[()=>n.e(86508).then(n.t.bind(n,23554,19)),"~blog/default/blog-tags-v-0-4-2-d17.json",23554],"2fdecb40":[()=>n.e(12646).then(n.bind(n,49217)),"@site/blog/2023-04-19-blazorbootstrap-1.7.1.md",49217],"3116eef9":[()=>n.e(20878).then(n.bind(n,26106)),"@site/blog/2024-02-25-blazorbootstrap-2.0.0.md",26106],"313e4a52":[()=>n.e(74236).then(n.bind(n,1734)),"@site/blog/2023-02-07-blazorbootstrap-1.4.3.md",1734],"3175c707":[()=>n.e(37796).then(n.bind(n,97815)),"@site/blog/2022-12-15-blazorbootstrap-1.3.0.md",97815],"319cc750":[()=>n.e(64920).then(n.bind(n,51060)),"@site/blog/2023-01-23-blazorbootstrap-1.4.1.md?truncated=true",51060],"31f38213":[()=>n.e(41493).then(n.t.bind(n,31281,19)),"~blog/default/blog-tags-blazorprogress-a58-list.json",31281],"3395500b":[()=>n.e(9894).then(n.t.bind(n,43484,19)),"~blog/default/blog-tags-blazorgrid-page-2-6ed-list.json",43484],"35cae203":[()=>n.e(36128).then(n.t.bind(n,84016,19)),"~blog/default/blog-tags-rangeinput-176-list.json",84016],"35f8a6bb":[()=>n.e(20330).then(n.t.bind(n,68788,19)),"~blog/default/blog-tags-blazor-toasts-1db.json",68788],"36ea0dff":[()=>n.e(39645).then(n.t.bind(n,85655,19)),"~blog/default/blog-tags-v-1-11-0-4e3-list.json",85655],"3786937c":[()=>n.e(16645).then(n.t.bind(n,26690,19)),"~blog/default/blog-tags-v-0-6-0-ac0-list.json",26690],"37e1ef48":[()=>n.e(24391).then(n.bind(n,78104)),"@site/blog/2021-12-08-blazorbootstrap-0.0.3.md?truncated=true",78104],38980570:[()=>n.e(22950).then(n.t.bind(n,21077,19)),"~blog/default/blog-tags-blazorbadge-dcd-list.json",21077],"38f13464":[()=>n.e(66192).then(n.t.bind(n,9364,19)),"~blog/default/blog-tags-v-0-5-1-740.json",9364],"3910f4a5":[()=>n.e(11165).then(n.bind(n,34329)),"@site/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md",34329],"3935a6ea":[()=>n.e(45083).then(n.bind(n,2759)),"@site/blog/2022-02-27-blazorbootstrap-0.2.1.md",2759],"39d010a5":[()=>n.e(8141).then(n.t.bind(n,25141,19)),"~blog/default/blog-tags-v-1-11-0-4e3.json",25141],"3a3dec98":[()=>n.e(28616).then(n.t.bind(n,64653,19)),"~blog/default/blog-tags-leftmenu-2f9.json",64653],"3b5e9e49":[()=>n.e(12581).then(n.t.bind(n,21480,19)),"~blog/default/blog-tags-v-1-8-2-379.json",21480],"3b64e0ac":[()=>n.e(1749).then(n.bind(n,8944)),"@site/docs/05-components/alerts.mdx",8944],"3b9b4f03":[()=>n.e(35612).then(n.t.bind(n,79185,19)),"~blog/default/blog-tags-autocomplete-978.json",79185],"3b9f38f1":[()=>n.e(96894).then(n.t.bind(n,66351,19)),"~blog/default/blog-tags-dialog-112.json",66351],"3caae09a":[()=>n.e(1707).then(n.t.bind(n,10638,19)),"~blog/default/blog-tags-blazor-sidemodal-4fd.json",10638],"3cda21e2":[()=>n.e(63054).then(n.t.bind(n,35255,19)),"~blog/default/blog-tags-bootstrap-079-list.json",35255],"3ce4b4a2":[()=>n.e(6991).then(n.t.bind(n,5464,19)),"~blog/default/blog-tags-blazor-progress-bar-74e.json",5464],"3d5fb097":[()=>n.e(48975).then(n.t.bind(n,62988,19)),"~blog/default/blog-tags-v-2-1-0-80b-list.json",62988],"3d9e9914":[()=>n.e(6333).then(n.bind(n,93773)),"@site/docs/05-components/charts.mdx",93773],"3e108416":[()=>n.e(20069).then(n.bind(n,26205)),"@site/blog/2023-11-18-blazorbootstrap-1.10.4.md?truncated=true",26205],"3f376e35":[()=>n.e(50458).then(n.t.bind(n,17413,19)),"~blog/default/blog-tags-pdfviewer-757-list.json",17413],"3feae84c":[()=>n.e(93350).then(n.bind(n,10663)),"@site/blog/2022-09-12-blazorbootstrap-0.4.1.md",10663],"4049a23c":[()=>n.e(61390).then(n.t.bind(n,97808,19)),"~blog/default/blog-tags-currencyinput-bd1.json",97808],"4072d3a5":[()=>n.e(56247).then(n.t.bind(n,73087,19)),"~blog/default/blog-tags-pagination-7fb.json",73087],"40cfbd3b":[()=>n.e(65811).then(n.bind(n,24116)),"@site/docs/05-components/pdf-viewer.mdx",24116],"40d8e2b3":[()=>n.e(45331).then(n.t.bind(n,80909,19)),"~blog/default/blog-tags-v-0-2-0-1b4.json",80909],"4168486f":[()=>n.e(6174).then(n.t.bind(n,27038,19)),"~blog/default/blog-tags-v-0-0-3-9c2-list.json",27038],"418e6329":[()=>n.e(63253).then(n.bind(n,48569)),"@site/docs/04-forms/range-input.mdx",48569],"4191886d":[()=>n.e(74071).then(n.bind(n,44509)),"@site/blog/2022-12-12-blazorbootstrap-1.2.0.md?truncated=true",44509],"42d0e7ee":[()=>n.e(20701).then(n.t.bind(n,16439,19)),"~blog/default/blog-tags-blazor-templates-07c-list.json",16439],"438d502f":[()=>n.e(18718).then(n.bind(n,30186)),"@site/blog/2023-06-16-blazorbootstrap-1.8.3.md?truncated=true",30186],"43a942ce":[()=>n.e(18367).then(n.bind(n,41151)),"@site/docs/06-data-visualization/line-chart.mdx",41151],"43e49ae4":[()=>n.e(43264).then(n.t.bind(n,45268,19)),"~blog/default/blog-tags-v-0-2-6-c75-list.json",45268],"446a706f":[()=>n.e(85677).then(n.t.bind(n,19389,19)),"~blog/default/blog-tags-confirmdialog-6e1.json",19389],"44ac4dbb":[()=>n.e(77142).then(n.t.bind(n,90399,19)),"~blog/default/blog-page-6-772.json",90399],"4576cdd1":[()=>n.e(34310).then(n.t.bind(n,15016,19)),"~blog/default/blog-tags-alert-863-list.json",15016],"45b7b7e3":[()=>n.e(9992).then(n.t.bind(n,54911,19)),"~blog/default/blog-tags-v-0-2-2-f33-list.json",54911],46038721:[()=>n.e(56325).then(n.t.bind(n,61397,19)),"~blog/default/blog-tags-grid-page-3-bac-list.json",61397],"46c5e377":[()=>n.e(17678).then(n.bind(n,67758)),"@site/blog/2022-09-12-blazorbootstrap-0.4.1.md?truncated=true",67758],"479494e2":[()=>n.e(97967).then(n.t.bind(n,62989,19)),"~blog/default/blog-tags-blazormodalservice-f26.json",62989],47976586:[()=>n.e(69165).then(n.t.bind(n,96101,19)),"~blog/default/blog-tags-blazordialog-b7a.json",96101],"47a09aa0":[()=>n.e(61703).then(n.t.bind(n,10446,19)),"~blog/default/blog-tags-v-1-2-0-655-list.json",10446],"47c689b7":[()=>n.e(26936).then(n.bind(n,2653)),"@site/docs/05-components/progress.mdx",2653],"484f1eb1":[()=>n.e(43504).then(n.t.bind(n,10376,19)),"~blog/default/blog-tags-blazortooltip-eb6.json",10376],"4abe9ec0":[()=>n.e(35990).then(n.t.bind(n,9721,19)),"~blog/default/blog-tags-v-0-0-4-0c3-list.json",9721],"4afe9451":[()=>n.e(47398).then(n.t.bind(n,29082,19)),"~blog/default/blog-tags-button-f47-list.json",29082],"4beefa9e":[()=>n.e(52870).then(n.bind(n,46658)),"@site/blog/2022-09-17-blazorbootstrap-0.4.2.md",46658],"4c198d7d":[()=>n.e(98581).then(n.bind(n,90624)),"@site/docs/06-data-visualization/bar-chart.mdx",90624],"4caacf91":[()=>n.e(82418).then(n.bind(n,78837)),"@site/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx",78837],"4cc136b8":[()=>n.e(3992).then(n.bind(n,42174)),"@site/blog/2024-03-17-blazorbootstrap-2.1.0.md",42174],"4d098111":[()=>n.e(1624).then(n.t.bind(n,83771,19)),"~blog/default/blog-tags-spinner-166.json",83771],"4d57dccd":[()=>n.e(26878).then(n.t.bind(n,10066,19)),"~blog/default/blog-tags-blazor-page-3-130.json",10066],"4d82bccb":[()=>n.e(73423).then(n.t.bind(n,83769,19)),"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",83769],"4db6149d":[()=>n.e(16268).then(n.bind(n,28530)),"@site/blog/2023-10-15-blazorbootstrap-1.10.3.md",28530],"4de1de0e":[()=>n.e(97177).then(n.t.bind(n,65533,19)),"~blog/default/blog-tags-progress-9f6.json",65533],"4de4c9a7":[()=>n.e(22259).then(n.t.bind(n,23156,19)),"~blog/default/blog-tags-blazorbootstrap-page-3-a86.json",23156],"4f538bc3":[()=>n.e(70585).then(n.t.bind(n,72325,19)),"~blog/default/blog-tags-blazorbootstrap-page-2-41f-list.json",72325],"4f6ad63b":[()=>n.e(5852).then(n.bind(n,85582)),"@site/blog/2024-03-17-blazorbootstrap-2.1.0.md?truncated=true",85582],"4f704b11":[()=>n.e(82157).then(n.t.bind(n,21581,19)),"~blog/default/blog-tags-v-0-2-0-1b4-list.json",21581],"4fda10a6":[()=>n.e(50591).then(n.t.bind(n,48657,19)),"~blog/default/blog-tags-sidebar-2-d02-list.json",48657],"4fea1e02":[()=>n.e(13939).then(n.bind(n,68963)),"@site/docs/02-layout/getting-started-webassembly.mdx",68963],"4fece664":[()=>n.e(46594).then(n.t.bind(n,12912,19)),"~blog/default/blog-tags-placeholders-367-list.json",12912],"501dd65a":[()=>n.e(85005).then(n.t.bind(n,4726,19)),"~blog/default/blog-tags-chart-68d.json",4726],"5049c6f3":[()=>n.e(83622).then(n.bind(n,58424)),"@site/blog/2023-08-13-blazorbootstrap-1.10.0.md",58424],"5050c89c":[()=>n.e(67015).then(n.bind(n,23764)),"@site/docs/05-components/placeholders.mdx",23764],"50782da8":[()=>n.e(3335).then(n.t.bind(n,37661,19)),"~blog/default/blog-tags-blazor-pie-chart-fcc.json",37661],"509c2304":[()=>n.e(65102).then(n.bind(n,64385)),"@site/blog/2023-02-23-blazorbootstrap-1.4.5.md?truncated=true",64385],"50f7351d":[()=>n.e(78912).then(n.t.bind(n,17900,19)),"~blog/default/blog-tags-accordion-ff6-list.json",17900],"510cc2fd":[()=>n.e(23957).then(n.t.bind(n,48054,19)),"~blog/default/blog-tags-bootstrap-page-2-d2d.json",48054],"51c5a72b":[()=>n.e(61463).then(n.bind(n,76916)),"@site/blog/2023-04-10-blazorbootstrap-1.7.0.md?truncated=true",76916],"51d0b3fd":[()=>n.e(7390).then(n.t.bind(n,55010,19)),"~blog/default/blog-tags-modalservice-cf0-list.json",55010],"51d6be5f":[()=>n.e(85313).then(n.bind(n,59279)),"@site/docs/05-components/callout.mdx",59279],"51ebc1da":[()=>n.e(18924).then(n.t.bind(n,99348,19)),"~blog/default/blog-tags-blazorbutton-ad5.json",99348],52099127:[()=>n.e(41426).then(n.t.bind(n,94708,19)),"~blog/default/blog-page-7-af4.json",94708],"522d13a5":[()=>n.e(83872).then(n.bind(n,78970)),"@site/blog/2023-04-19-blazorbootstrap-1.7.1.md?truncated=true",78970],"536fd30c":[()=>n.e(93003).then(n.t.bind(n,4911,19)),"~blog/default/blog-tags-blazorbootstrap-bbf.json",4911],"53e4311e":[()=>n.e(17476).then(n.t.bind(n,53032,19)),"~blog/default/blog-tags-blazoraccordion-82e.json",53032],"54cd9b03":[()=>n.e(22880).then(n.t.bind(n,36859,19)),"~blog/default/blog-tags-blazor-bootstrap-7ba.json",36859],"552dddd4":[()=>n.e(88956).then(n.bind(n,41554)),"@site/blog/2024-04-14-blazorbootstrap-2.2.0.md",41554],55660876:[()=>n.e(32297).then(n.bind(n,66195)),"@site/blog/2023-06-31-blazorbootstrap-1.9.1.md?truncated=true",66195],"556ab74e":[()=>n.e(88884).then(n.t.bind(n,35396,19)),"~blog/default/blog-tags-modalservice-cf0.json",35396],"557bafbc":[()=>n.e(2474).then(n.t.bind(n,99136,19)),"~blog/default/blog-tags-breadcrumbservice-fb0-list.json",99136],"564ef0d1":[()=>n.e(69884).then(n.t.bind(n,26922,19)),"~blog/default/blog-tags-v-2-1-0-80b.json",26922],"57048dd6":[()=>n.e(24684).then(n.t.bind(n,46851,19)),"~blog/default/blog-tags-blazorgrid-page-2-6ed.json",46851],"583ae9c8":[()=>n.e(98236).then(n.t.bind(n,25606,19)),"~blog/default/blog-tags-blazor-page-4-fce-list.json",25606],"58bc14be":[()=>n.e(53826).then(n.t.bind(n,48355,19)),"~blog/default/blog-tags-confirmmodal-840.json",48355],"58eac2a0":[()=>n.e(48428).then(n.t.bind(n,81892,19)),"~blog/default/blog-tags-blazordate-8ac-list.json",81892],"58f0103d":[()=>n.e(1347).then(n.t.bind(n,64185,19)),"~blog/default/blog-tags-scriptloader-ca6-list.json",64185],"594cee0b":[()=>n.e(56977).then(n.t.bind(n,89129,19)),"~blog/default/blog-tags-blazordatepicker-cd6.json",89129],"595de7e8":[()=>n.e(76826).then(n.t.bind(n,6096,19)),"~blog/default/blog-tags-v-1-10-4-f34.json",6096],"597697a2":[()=>n.e(30687).then(n.t.bind(n,92944,19)),"~blog/default/blog-tags-v-1-10-4-f34-list.json",92944],"599ec0be":[()=>n.e(72086).then(n.bind(n,17040)),"@site/blog/2021-12-21-blazorbootstrap-0.1.1.md?truncated=true",17040],"5a0ca8ee":[()=>n.e(81182).then(n.t.bind(n,13234,19)),"~blog/default/blog-tags-v-1-8-2-379-list.json",13234],"5a62bd6d":[()=>n.e(34519).then(n.t.bind(n,319,19)),"~blog/default/blog-tags-accordion-ff6.json",319],"5be3a4b7":[()=>n.e(74439).then(n.t.bind(n,22900,19)),"~blog/default/blog-tags-v-0-2-2-f33.json",22900],"5c0657f8":[()=>n.e(51704).then(n.t.bind(n,92932,19)),"~blog/default/blog-tags-blazor-page-2-34d-list.json",92932],"5c423d58":[()=>n.e(34418).then(n.t.bind(n,40266,19)),"~blog/default/blog-tags-blazor-toast-41c.json",40266],"5c71eb6d":[()=>n.e(3036).then(n.bind(n,2829)),"@site/blog/2023-03-12-blazorbootstrap-1.6.0.md",2829],"5c8d0ad0":[()=>n.e(1215).then(n.bind(n,83819)),"@site/blog/2022-11-18-blazorbootstrap-1.0.0.md?truncated=true",83819],"5d0c85b2":[()=>n.e(25538).then(n.t.bind(n,15095,19)),"~blog/default/blog-tags-toasts-927.json",15095],"5d18866d":[()=>n.e(87844).then(n.bind(n,94528)),"@site/blog/2022-07-28-blazorbootstrap-0.2.5.md",94528],"5d4df2ae":[()=>n.e(82133).then(n.t.bind(n,24469,19)),"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",24469],"5d8db735":[()=>n.e(42315).then(n.t.bind(n,55951,19)),"~blog/default/blog-tags-blazortime-fd5-list.json",55951],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,36809)),"@generated/docusaurus.config",36809],"5f680611":[()=>n.e(5972).then(n.bind(n,37425)),"@site/blog/2023-05-28-blazorbootstrap-1.8.0.md?truncated=true",37425],"5f9d70bf":[()=>n.e(79708).then(n.t.bind(n,14382,19)),"~blog/default/blog-tags-v-1-9-3-fe0.json",14382],60364395:[()=>n.e(43087).then(n.t.bind(n,47191,19)),"~blog/default/blog-tags-blazor-starter-templates-3e2.json",47191],"603d5c5e":[()=>n.e(49297).then(n.bind(n,10223)),"@site/blog/2023-06-30-blazorbootstrap-1.9.0.md?truncated=true",10223],"603d9b1e":[()=>n.e(16732).then(n.t.bind(n,95915,19)),"~blog/default/blog-tags-v-1-10-0-82a-list.json",95915],60524120:[()=>n.e(44156).then(n.t.bind(n,23480,19)),"~blog/default/blog-tags-blazor-spinner-4f6-list.json",23480],"60627ebe":[()=>n.e(27402).then(n.t.bind(n,17482,19)),"~blog/default/blog-tags-blazor-grid-filtering-95a-list.json",17482],"6066c36b":[()=>n.e(54035).then(n.bind(n,47275)),"@site/blog/2023-07-16-blazorbootstrap-1.9.5.md",47275],"607cc1d2":[()=>n.e(90367).then(n.t.bind(n,61641,19)),"~blog/default/blog-tags-blazor-bar-chart-4ea-list.json",61641],"607ffa29":[()=>n.e(14523).then(n.bind(n,23521)),"@site/blog/2023-05-31-blazorbootstrap-1.8.1.md?truncated=true",23521],"60e65f9f":[()=>n.e(66058).then(n.t.bind(n,99996,19)),"~blog/default/blog-tags-v-1-10-5-430-list.json",99996],"61165c7c":[()=>n.e(47927).then(n.t.bind(n,83225,19)),"~blog/default/blog-tags-bootstrap-page-4-ad0.json",83225],61658309:[()=>n.e(10453).then(n.bind(n,81459)),"@site/docs/05-components/card.mdx",81459],"621307e9":[()=>n.e(61993).then(n.t.bind(n,32129,19)),"~blog/default/blog-tags-blazor-sidemodal-4fd-list.json",32129],"6248578f":[()=>n.e(7866).then(n.t.bind(n,99434,19)),"~blog/default/blog-tags-v-1-9-2-7a2.json",99434],"6260a561":[()=>n.e(17757).then(n.t.bind(n,51636,19)),"~blog/default/blog-tags-blazor-dialog-fe2-list.json",51636],"630e76c4":[()=>n.e(56599).then(n.t.bind(n,22012,19)),"~blog/default/blog-tags-blazor-charts-ccd-list.json",22012],"632b38e8":[()=>n.e(21177).then(n.t.bind(n,35124,19)),"~blog/default/blog-tags-blazorautocomplete-b63.json",35124],"6413176f":[()=>n.e(36584).then(n.bind(n,42643)),"@site/blog/2023-08-29-blazorbootstrap-1.10.1.md?truncated=true",42643],"6468aa87":[()=>n.e(91286).then(n.t.bind(n,83844,19)),"~blog/default/blog-tags-spinner-166-list.json",83844],"64707dcd":[()=>n.e(41916).then(n.bind(n,76723)),"@site/blog/2024-02-04-blazorbootstrap-1.11.1.md",76723],"64c9b997":[()=>n.e(46933).then(n.bind(n,67009)),"@site/blog/2023-09-15-blazorbootstrap-1.10.2.md",67009],"64d9bfb5":[()=>n.e(52447).then(n.t.bind(n,11119,19)),"~blog/default/blog-tags-blazorconfirmdialog-64c.json",11119],"654cb705":[()=>n.e(46930).then(n.bind(n,21998)),"@site/blog/2023-02-07-blazorbootstrap-1.4.3.md?truncated=true",21998],"655dea51":[()=>n.e(97666).then(n.bind(n,65825)),"@site/blog/2023-01-15-blazorbootstrap-1.4.0.md?truncated=true",65825],"6600a909":[()=>n.e(80313).then(n.bind(n,3755)),"@site/docs/05-components/pagination.mdx",3755],"662ff2e0":[()=>n.e(67918).then(n.bind(n,61819)),"@site/blog/2022-11-28-blazorbootstrap-1.1.0.md",61819],"6640fb70":[()=>n.e(59334).then(n.t.bind(n,54223,19)),"~blog/default/blog-tags-modal-page-2-978.json",54223],"66664ddd":[()=>n.e(79527).then(n.t.bind(n,52764,19)),"~blog/default/blog-tags-grid-page-2-0d9.json",52764],"667a4431":[()=>n.e(86244).then(n.bind(n,7749)),"@site/docs/05-components/collapse.mdx",7749],"66896e8e":[()=>n.e(36092).then(n.t.bind(n,57241,19)),"~blog/default/blog-tags-breadcrumb-9bb.json",57241],"67da9612":[()=>n.e(20090).then(n.t.bind(n,83945,19)),"~blog/default/blog-tags-icons-c8e.json",83945],"6875c492":[()=>Promise.all([n.e(40532),n.e(88105),n.e(46048),n.e(48610)]).then(n.bind(n,41714)),"@theme/BlogTagsPostsPage",41714],"691f3895":[()=>n.e(47044).then(n.t.bind(n,32173,19)),"~blog/default/blog-tags-blazortime-fd5.json",32173],"69acfe84":[()=>n.e(65262).then(n.t.bind(n,49628,19)),"~blog/default/blog-tags-confirmdialog-6e1-list.json",49628],"69f51295":[()=>n.e(55794).then(n.t.bind(n,5781,19)),"~blog/default/blog-tags-docs-61c.json",5781],"6a2ba06a":[()=>n.e(78407).then(n.t.bind(n,24122,19)),"~blog/default/blog-tags-blazor-grid-sorting-3d5-list.json",24122],"6ac8108a":[()=>n.e(4928).then(n.t.bind(n,82507,19)),"~blog/default/blog-tags-v-1-11-1-ca0-list.json",82507],"6ac87ca2":[()=>n.e(36613).then(n.bind(n,95181)),"@site/blog/2024-02-04-blazorbootstrap-1.11.0.md?truncated=true",95181],"6b169607":[()=>n.e(75988).then(n.t.bind(n,88878,19)),"~blog/default/blog-tags-v-2-2-1-cf7-list.json",88878],"6c7a9e34":[()=>n.e(30606).then(n.t.bind(n,49793,19)),"~blog/default/blog-tags-v-1-3-1-93b.json",49793],"6d6db813":[()=>n.e(13486).then(n.t.bind(n,82251,19)),"~blog/default/blog-tags-blazortoasts-0d8.json",82251],"6df517ec":[()=>n.e(12469).then(n.t.bind(n,48616,19)),"~blog/default/blog-tags-v-1-9-5-c61-list.json",48616],"6e4acec0":[()=>n.e(89761).then(n.t.bind(n,33880,19)),"~blog/default/blog-tags-offcanvas-ecd.json",33880],"6e53b1b2":[()=>n.e(62845).then(n.t.bind(n,12776,19)),"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/.docusaurus/@easyops-cn/docusaurus-search-local/default/plugin-route-context-module-100.json",12776],"6e560a53":[()=>n.e(78602).then(n.t.bind(n,28331,19)),"~blog/default/blog-tags-blazorsidebar-fab.json",28331],"6f1ace75":[()=>n.e(26586).then(n.t.bind(n,44865,19)),"~blog/default/blog-tags-numberinput-ca7.json",44865],"6f58f824":[()=>n.e(92911).then(n.t.bind(n,36949,19)),"~blog/default/blog-tags-callout-c99-list.json",36949],70853425:[()=>n.e(23662).then(n.t.bind(n,64803,19)),"~blog/default/blog-tags-v-0-2-6-c75.json",64803],"709b8fca":[()=>n.e(14e3).then(n.bind(n,28129)),"@site/blog/2024-02-25-upgrade-to-v2.0.0.md",28129],"715d24f4":[()=>n.e(42211).then(n.t.bind(n,25442,19)),"~blog/default/blog-tags-blazor-progress-e03-list.json",25442],"715f34df":[()=>n.e(98650).then(n.t.bind(n,68290,19)),"~blog/default/blog-tags-input-a25-list.json",68290],"723c0db3":[()=>n.e(89117).then(n.t.bind(n,33223,19)),"~blog/default/blog-tags-navigation-84c.json",33223],"726ced83":[()=>n.e(24581).then(n.t.bind(n,27618,19)),"~blog/default/blog-tags-blazor-number-input-834.json",27618],"731d3a21":[()=>n.e(81385).then(n.t.bind(n,54693,19)),"~blog/default/blog-tags-v-1-4-2-974-list.json",54693],"746d5920":[()=>n.e(94375).then(n.t.bind(n,93018,19)),"~blog/default/blog-tags-modal-e6f.json",93018],"7483fa27":[()=>n.e(70924).then(n.bind(n,54181)),"@site/blog/2024-02-25-upgrade-to-v2.0.0.md?truncated=true",54181],"74aa9bd3":[()=>n.e(99631).then(n.t.bind(n,86348,19)),"~blog/default/blog-tags-v-1-4-5-2bb-list.json",86348],"75119bec":[()=>n.e(60364).then(n.bind(n,42653)),"@site/blog/2022-12-12-blazorbootstrap-1.2.0.md",42653],"7521c638":[()=>n.e(67788).then(n.t.bind(n,54509,19)),"~blog/default/blog-tags-v-0-2-5-203-list.json",54509],"75f4ac3a":[()=>n.e(40582).then(n.t.bind(n,93180,19)),"~blog/default/blog-tags-scriptloader-ca6.json",93180],"7656d80a":[()=>n.e(79165).then(n.bind(n,99819)),"@site/blog/2021-11-27-blazorbootstrap-0.0.2.md",99819],"769aeadf":[()=>n.e(56058).then(n.t.bind(n,38609,19)),"~blog/default/blog-tags-blazorbuttons-928.json",38609],"76fef7fc":[()=>n.e(71882).then(n.t.bind(n,10990,19)),"~blog/default/blog-tags-grid-a3a-list.json",10990],"77dd4733":[()=>n.e(95721).then(n.bind(n,44467)),"@site/blog/2022-10-22-blazorbootstrap-0.5.1.md",44467],"781d0cc3":[()=>n.e(22376).then(n.t.bind(n,99401,19)),"~blog/default/blog-tags-blazor-spinner-4f6.json",99401],"78e78061":[()=>n.e(40275).then(n.t.bind(n,1848,19)),"~blog/default/blog-tags-blazor-input-8a0.json",1848],"7955821b":[()=>n.e(74361).then(n.t.bind(n,51919,19)),"~blog/default/blog-tags-blazoraccordion-82e-list.json",51919],"79effc5f":[()=>n.e(29578).then(n.t.bind(n,17623,19)),"~blog/default/blog-tags-v-0-1-1-ca6.json",17623],"7a27bb07":[()=>n.e(77760).then(n.t.bind(n,16466,19)),"~blog/default/blog-tags-blazoricon-443.json",16466],"7a62d0ee":[()=>n.e(68867).then(n.t.bind(n,59190,19)),"~blog/default/blog-tags-blazor-number-763-list.json",59190],"7a8c297b":[()=>n.e(14084).then(n.t.bind(n,81678,19)),"~blog/default/blog-tags-blazorswitch-82d.json",81678],"7af3d485":[()=>n.e(69591).then(n.t.bind(n,73673,19)),"~blog/default/blog-tags-v-1-7-2-ff0-list.json",73673],"7b38df15":[()=>n.e(68957).then(n.t.bind(n,69670,19)),"~blog/default/blog-tags-blazorbadge-dcd.json",69670],"7bc2fe32":[()=>n.e(64277).then(n.bind(n,69408)),"@site/blog/2023-02-10-blazorbootstrap-1.4.4.md?truncated=true",69408],"7c4d5511":[()=>n.e(1517).then(n.t.bind(n,15731,19)),"~blog/default/blog-tags-v-1-10-1-2a4-list.json",15731],"7c5d2905":[()=>n.e(54433).then(n.bind(n,34974)),"@site/blog/2022-10-16-blazorbootstrap-0.5.0.md?truncated=true",34974],"7c656ec4":[()=>n.e(25697).then(n.t.bind(n,94026,19)),"~blog/default/blog-tags-bootstrap-5-page-2-454-list.json",94026],"7cb7ecf0":[()=>n.e(10622).then(n.t.bind(n,61718,19)),"~blog/default/blog-tags-grid-page-3-bac.json",61718],"7cda228d":[()=>n.e(91082).then(n.t.bind(n,55602,19)),"~blog/default/blog-tags-dateinput-a59-list.json",55602],"7ced60eb":[()=>n.e(4535).then(n.t.bind(n,20349,19)),"~blog/default/blog-tags-v-1-6-0-a7e.json",20349],"7d8e90a7":[()=>n.e(95517).then(n.bind(n,75047)),"@site/blog/2023-09-15-blazorbootstrap-1.10.2.md?truncated=true",75047],"7d9726a8":[()=>n.e(7429).then(n.t.bind(n,89494,19)),"~blog/default/blog-page-4-30b.json",89494],"7e5cd4e7":[()=>n.e(62259).then(n.t.bind(n,9864,19)),"~blog/default/blog-tags-blazorbootstrap-page-6-976-list.json",9864],"7ec9e121":[()=>n.e(3477).then(n.t.bind(n,4321,19)),"~blog/default/blog-tags-blazor-confirm-dialog-556.json",4321],"7f0e19fe":[()=>n.e(80856).then(n.t.bind(n,22294,19)),"~blog/default/blog-tags-v-1-9-1-41b-list.json",22294],"7f7a074d":[()=>n.e(68182).then(n.t.bind(n,46654,19)),"~blog/default/blog-tags-v-0-2-5-203.json",46654],"7fabb151":[()=>n.e(44902).then(n.bind(n,13509)),"@site/blog/2023-04-24-blazorbootstrap-1.7.2.md?truncated=true",13509],"7fb1abc1":[()=>n.e(82479).then(n.t.bind(n,43588,19)),"~blog/default/blog-tags-v-0-3-0-521.json",43588],"7fd37e65":[()=>n.e(3625).then(n.t.bind(n,50519,19)),"~blog/default/blog-tags-blazorsidebar-fab-list.json",50519],"7ff7fcc0":[()=>n.e(11426).then(n.t.bind(n,22121,19)),"~blog/default/blog-tags-input-a25.json",22121],"80410c2f":[()=>n.e(13868).then(n.bind(n,75637)),"@site/blog/2022-02-27-blazorbootstrap-0.2.1.md?truncated=true",75637],"80b861cf":[()=>n.e(32360).then(n.t.bind(n,56772,19)),"~blog/default/blog-tags-v-0-0-1-eb6.json",56772],"80c9cbbd":[()=>n.e(29498).then(n.t.bind(n,50200,19)),"~blog/default/blog-tags-breadcrumb-9bb-list.json",50200],"814f3328":[()=>n.e(52535).then(n.t.bind(n,45641,19)),"~blog/default/blog-post-list-prop-default.json",45641],"817026f7":[()=>n.e(96536).then(n.bind(n,53335)),"@site/docs/07-services/modal.mdx",53335],82555221:[()=>n.e(54697).then(n.bind(n,47271)),"@site/blog/2023-08-29-blazorbootstrap-1.10.1.md",47271],"825a6483":[()=>n.e(89791).then(n.t.bind(n,98122,19)),"~blog/default/blog-tags-blazor-0c3.json",98122],82686804:[()=>n.e(67024).then(n.t.bind(n,97509,19)),"~blog/default/blog-tags-blazornumber-7d7-list.json",97509],"826b3f99":[()=>n.e(60269).then(n.t.bind(n,77225,19)),"~blog/default/blog-tags-tab-c79.json",77225],"828618cd":[()=>n.e(33965).then(n.bind(n,31398)),"@site/blog/2023-06-16-blazorbootstrap-1.8.3.md",31398],"82b4d5aa":[()=>n.e(50789).then(n.t.bind(n,42497,19)),"~blog/default/blog-tags-v-1-10-3-214.json",42497],"8336dd36":[()=>n.e(57955).then(n.t.bind(n,16110,19)),"~blog/default/blog-tags-v-1-0-1-8d6.json",16110],"8350469a":[()=>n.e(81238).then(n.t.bind(n,65761,19)),"~blog/default/blog-tags-tooltip-aff-list.json",65761],"84b40e91":[()=>n.e(51921).then(n.t.bind(n,24436,19)),"~blog/default/blog-tags-blazorbootstrap-starter-templates-c71.json",24436],"84defe9f":[()=>n.e(77703).then(n.t.bind(n,82390,19)),"~blog/default/blog-tags-blazor-offcanvas-05e-list.json",82390],"84e13b25":[()=>n.e(93550).then(n.bind(n,53892)),"@site/docs/04-forms/time-input.mdx",53892],"852aa2d6":[()=>n.e(67964).then(n.bind(n,99740)),"@site/blog/2023-06-31-blazorbootstrap-1.9.1.md",99740],"857ae68f":[()=>n.e(12487).then(n.bind(n,80649)),"@site/blog/2024-04-21-blazorbootstrap-2.2.1.md",80649],"85b1c86a":[()=>n.e(41691).then(n.t.bind(n,78159,19)),"~blog/default/blog-tags-blazor-page-4-fce.json",78159],"85d5052b":[()=>n.e(69657).then(n.t.bind(n,49786,19)),"~blog/default/blog-tags-preload-22c.json",49786],"865c0ce4":[()=>n.e(82096).then(n.bind(n,60439)),"@site/docs/05-components/toasts.mdx",60439],"86e32e70":[()=>n.e(55711).then(n.t.bind(n,39497,19)),"~blog/default/blog-tags-badge-5b0-list.json",39497],"880e6c0d":[()=>n.e(58933).then(n.t.bind(n,30856,19)),"~blog/default/blog-tags-v-1-9-5-c61.json",30856],"88608b5d":[()=>n.e(38537).then(n.bind(n,50512)),"@site/docs/05-components/dropdown.mdx",50512],"8910cc41":[()=>n.e(48518).then(n.t.bind(n,43623,19)),"~blog/default/blog-tags-blazor-charts-ccd.json",43623],"891bc1a1":[()=>n.e(4433).then(n.t.bind(n,13215,19)),"~blog/default/blog-tags-blazor-toasts-1db-list.json",13215],"89c38cd0":[()=>n.e(66723).then(n.t.bind(n,50149,19)),"~blog/default/blog-tags-ribbon-1e4-list.json",50149],"8ac1728c":[()=>n.e(14187).then(n.t.bind(n,72492,19)),"~blog/default/blog-tags-blazortabs-ba9-list.json",72492],"8b4680a8":[()=>n.e(2056).then(n.t.bind(n,52146,19)),"~blog/default/blog-tags-blazorbootstrap-page-7-e44.json",52146],"8ca237b8":[()=>n.e(68042).then(n.bind(n,71439)),"@site/blog/2023-07-16-blazorbootstrap-1.9.5.md?truncated=true",71439],"8cb736e6":[()=>n.e(42331).then(n.t.bind(n,89089,19)),"~blog/default/blog-tags-v-0-5-1-740-list.json",89089],"8cbb11df":[()=>n.e(77296).then(n.t.bind(n,39751,19)),"~blog/default/blog-tags-blazorbutton-ad5-list.json",39751],"8d28d1a4":[()=>n.e(58484).then(n.t.bind(n,18736,19)),"~blog/default/blog-tags-v-1-8-1-9cf.json",18736],"8dc79d0f":[()=>n.e(81018).then(n.bind(n,32512)),"@site/blog/2023-10-15-blazorbootstrap-1.10.3.md?truncated=true",32512],"8dcdb7d3":[()=>n.e(75455).then(n.t.bind(n,17999,19)),"~blog/default/blog-tags-date-b43.json",17999],"8eb4e46b":[()=>n.e(10001).then(n.t.bind(n,82638,19)),"~blog/default/blog-page-2-677.json",82638],"8ec2cf6c":[()=>n.e(242).then(n.t.bind(n,50602,19)),"~blog/default/blog-tags-blazorbootstrap-page-3-a86-list.json",50602],"8ee50342":[()=>n.e(52278).then(n.bind(n,98155)),"@site/blog/2022-10-16-blazorbootstrap-0.5.0.md",98155],"8f1e4f29":[()=>n.e(35391).then(n.t.bind(n,7996,19)),"~blog/default/blog-tags-v-0-1-1-ca6-list.json",7996],"8f38113f":[()=>n.e(84214).then(n.bind(n,48030)),"@site/docs/05-components/sidebar.mdx",48030],"8fd56d8d":[()=>n.e(53488).then(n.bind(n,31365)),"@site/blog/2022-12-18-blazorbootstrap-1.3.1.md?truncated=true",31365],"8fee25ed":[()=>n.e(71187).then(n.t.bind(n,10668,19)),"~blog/default/blog-tags-blazorprogress-a58.json",10668],"8fefa7d7":[()=>n.e(98704).then(n.t.bind(n,51580,19)),"~blog/default/blog-tags-v-2-2-0-a95-list.json",51580],"8ff92596":[()=>n.e(69770).then(n.t.bind(n,22762,19)),"~blog/default/blog-tags-v-0-4-0-3b1.json",22762],"90283a90":[()=>n.e(54179).then(n.t.bind(n,21123,19)),"~blog/default/blog-tags-bootstrap-page-4-ad0-list.json",21123],"90d44a4a":[()=>n.e(46753).then(n.t.bind(n,89395,19)),"~blog/default/blog-tags-breadcrumbservice-fb0.json",89395],"91092bcb":[()=>n.e(88177).then(n.t.bind(n,51916,19)),"~blog/default/blog-tags-blazorconfirmdialog-64c-list.json",51916],"91c1b3da":[()=>n.e(67815).then(n.t.bind(n,46784,19)),"~blog/default/blog-tags-navigation-84c-list.json",46784],"927171ec":[()=>n.e(67698).then(n.t.bind(n,27955,19)),"~blog/default/blog-tags-blazortoasts-0d8-list.json",27955],"92999a1c":[()=>n.e(18442).then(n.t.bind(n,15310,19)),"~blog/default/blog-page-3-fd4.json",15310],"92a91303":[()=>n.e(41646).then(n.bind(n,37505)),"@site/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx",37505],"935f2afb":[()=>n.e(80053).then(n.t.bind(n,1109,19)),"~docs/default/version-current-metadata-prop-751.json",1109],"9395941f":[()=>n.e(61124).then(n.t.bind(n,47174,19)),"~blog/default/blog-tags-blazordatepicker-cd6-list.json",47174],"93da849d":[()=>n.e(75683).then(n.t.bind(n,80457,19)),"~blog/default/blog-tags-blazor-grid-sorting-3d5.json",80457],"946a1545":[()=>n.e(23592).then(n.bind(n,96094)),"@site/blog/2021-12-12-blazorbootstrap-0.0.4.md?truncated=true",96094],"94ba6861":[()=>n.e(68581).then(n.t.bind(n,27823,19)),"~blog/default/blog-tags-grid-a3a.json",27823],"960c6bd8":[()=>n.e(41913).then(n.t.bind(n,4785,19)),"~blog/default/blog-tags-v-1-4-0-a7e.json",4785],"9614ca7b":[()=>n.e(74895).then(n.bind(n,13774)),"@site/blog/2022-08-13-blazorbootstrap-0.2.6.md",13774],"97491c67":[()=>n.e(2703).then(n.t.bind(n,10733,19)),"~blog/default/blog-tags-datepicker-461-list.json",10733],"97e00a59":[()=>n.e(197).then(n.t.bind(n,38763,19)),"~blog/default/blog-tags-icon-3e2-list.json",38763],"97ec44a3":[()=>n.e(26086).then(n.bind(n,59230)),"@site/blog/2022-01-15-blazorbootstrap-0.2.0.md?truncated=true",59230],"9962ee1e":[()=>n.e(62359).then(n.t.bind(n,57986,19)),"~blog/default/blog-tags-icons-c8e-list.json",57986],"99d1d0f5":[()=>n.e(19508).then(n.t.bind(n,65352,19)),"~blog/default/blog-tags-v-1-3-0-ed5-list.json",65352],"9a2f6742":[()=>n.e(74951).then(n.t.bind(n,78310,19)),"~blog/default/blog-tags-dateinput-a59.json",78310],"9a99d86c":[()=>n.e(26824).then(n.t.bind(n,89992,19)),"~blog/default/blog-tags-v-1-9-0-a71-list.json",89992],"9b1f0615":[()=>n.e(32885).then(n.t.bind(n,63938,19)),"~blog/default/blog-tags-blazorgrid-152.json",63938],"9cc7e160":[()=>n.e(77194).then(n.t.bind(n,90519,19)),"~blog/default/blog-tags-blazorswitch-82d-list.json",90519],"9d07e165":[()=>n.e(33394).then(n.bind(n,28996)),"@site/blog/2022-11-18-blazorbootstrap-1.0.0.md",28996],"9d6c73db":[()=>n.e(96968).then(n.t.bind(n,54513,19)),"~blog/default/blog-tags-blazor-toast-41c-list.json",54513],"9db56040":[()=>n.e(42151).then(n.t.bind(n,5813,19)),"~blog/default/blog-tags-v-2-2-1-cf7.json",5813],"9e4087bc":[()=>n.e(53608).then(n.bind(n,63169)),"@theme/BlogArchivePage",63169],"9e46ffba":[()=>n.e(53493).then(n.t.bind(n,92106,19)),"~blog/default/blog-tags-blazorconfirmmodal-770-list.json",92106],"9e66a4d2":[()=>n.e(17693).then(n.bind(n,49601)),"@site/blog/2024-04-21-blazorbootstrap-2.2.1.md?truncated=true",49601],"9efcd135":[()=>n.e(40453).then(n.t.bind(n,18514,19)),"~blog/default/blog-tags-blazoroffcanvas-e89.json",18514],"9f3c7121":[()=>n.e(26556).then(n.t.bind(n,8322,19)),"~blog/default/blog-tags-dialog-112-list.json",8322],"9f5341a1":[()=>n.e(25827).then(n.t.bind(n,10296,19)),"~blog/default/blog-tags-blazor-bar-chart-4ea.json",10296],a05f678e:[()=>n.e(97161).then(n.bind(n,82367)),"@site/docs/05-components/badge.mdx",82367],a15968c9:[()=>n.e(69694).then(n.bind(n,80450)),"@site/blog/2022-03-15-blazorbootstrap-0.2.2.md",80450],a15b54fa:[()=>n.e(78726).then(n.t.bind(n,89524,19)),"~blog/default/blog-tags-v-0-6-0-ac0.json",89524],a20900f1:[()=>n.e(46618).then(n.t.bind(n,92067,19)),"~blog/default/blog-tags-currency-893.json",92067],a2df1de6:[()=>n.e(59457).then(n.bind(n,99905)),"@site/docs/04-forms/currency-input.mdx",99905],a4463b46:[()=>n.e(54549).then(n.t.bind(n,9288,19)),"~blog/default/blog-tags-ribbon-1e4.json",9288],a48358a1:[()=>n.e(23009).then(n.t.bind(n,74567,19)),"~blog/default/blog-tags-v-0-5-0-f72.json",74567],a5a8063d:[()=>n.e(42084).then(n.bind(n,99413)),"@site/blog/2022-10-30-blazorbootstrap-0.6.0.md",99413],a6013ce6:[()=>n.e(94764).then(n.t.bind(n,24584,19)),"~blog/default/blog-tags-charts-85a-list.json",24584],a6aa9e1f:[()=>Promise.all([n.e(40532),n.e(88105),n.e(46048),n.e(93089)]).then(n.bind(n,80046)),"@theme/BlogListPage",80046],a6e99728:[()=>n.e(84564).then(n.t.bind(n,72190,19)),"~blog/default/blog-tags-v-0-0-3-9c2.json",72190],a7023ddc:[()=>n.e(11713).then(n.t.bind(n,53457,19)),"~blog/default/blog-tags-tags-4c2.json",53457],a788ec2c:[()=>n.e(24974).then(n.t.bind(n,29805,19)),"~blog/default/blog-tags-v-1-6-0-a7e-list.json",29805],a7a5f7ce:[()=>n.e(95050).then(n.t.bind(n,97689,19)),"~blog/default/blog-tags-sidebar-2-d02.json",97689],a7fd264d:[()=>n.e(80218).then(n.t.bind(n,68792,19)),"~blog/default/blog-tags-toast-92e-list.json",68792],a8c5bdfb:[()=>n.e(78233).then(n.t.bind(n,15745,19)),"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",15745],a90470d6:[()=>n.e(62486).then(n.t.bind(n,47446,19)),"~blog/default/blog-tags-v-1-9-3-fe0-list.json",47446],a909bce2:[()=>n.e(98116).then(n.t.bind(n,30761,19)),"~blog/default/blog-tags-blazor-input-8a0-list.json",30761],a937b3a2:[()=>n.e(50644).then(n.t.bind(n,2458,19)),"~blog/default/blog-tags-progress-9f6-list.json",2458],aa493f4a:[()=>n.e(94575).then(n.bind(n,32104)),"@site/blog/2022-08-31-blazorbootstrap-0.3.0.md?truncated=true",32104],abc06963:[()=>n.e(69245).then(n.bind(n,90504)),"@site/blog/2022-12-15-blazorbootstrap-1.3.0.md?truncated=true",90504],adb7c9ff:[()=>n.e(34857).then(n.t.bind(n,56347,19)),"~blog/default/blog-tags-autocomplete-978-list.json",56347],ae632395:[()=>n.e(55205).then(n.t.bind(n,10334,19)),"~blog/default/blog-tags-tooltip-aff.json",10334],ae9bcc96:[()=>n.e(63135).then(n.t.bind(n,69897,19)),"~blog/default/blog-tags-pdfviewer-757.json",69897],afb75713:[()=>n.e(6063).then(n.bind(n,88367)),"@site/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx",88367],b03e4ecb:[()=>n.e(18823).then(n.bind(n,49516)),"@site/blog/2021-12-08-blazorbootstrap-0.0.3.md",49516],b1051041:[()=>n.e(7039).then(n.t.bind(n,37616,19)),"~blog/default/blog-tags-v-1-0-0-432-list.json",37616],b10c749b:[()=>n.e(23076).then(n.t.bind(n,35778,19)),"~blog/default/blog-tags-v-1-9-0-a71.json",35778],b11e89e5:[()=>n.e(29051).then(n.t.bind(n,42930,19)),"~blog/default/blog-tags-numberinput-ca7-list.json",42930],b176b560:[()=>n.e(92060).then(n.t.bind(n,20718,19)),"~blog/default/blog-tags-blazor-confirm-dialog-556-list.json",20718],b1780ee1:[()=>n.e(51657).then(n.t.bind(n,6918,19)),"~blog/default/blog-tags-v-1-7-0-8a0-list.json",6918],b17a40f7:[()=>n.e(50128).then(n.t.bind(n,39931,19)),"~blog/default/blog-tags-blazordateinput-aeb-list.json",39931],b17af68e:[()=>n.e(10074).then(n.bind(n,22469)),"@site/docs/05-components/sortable-list.mdx",22469],b1a7cc4f:[()=>n.e(81304).then(n.t.bind(n,28385,19)),"~blog/default/blog-tags-v-1-8-0-878.json",28385],b1dc83d9:[()=>n.e(10794).then(n.t.bind(n,83055,19)),"~blog/default/blog-tags-blazorbootstrap-page-5-336-list.json",83055],b2363121:[()=>n.e(70105).then(n.bind(n,81174)),"@site/blog/2022-08-13-blazorbootstrap-0.2.6.md?truncated=true",81174],b2b675dd:[()=>n.e(90533).then(n.t.bind(n,28017,19)),"~blog/default/blog-c06.json",28017],b2b73654:[()=>n.e(70110).then(n.t.bind(n,59155,19)),"~blog/default/blog-tags-v-1-1-0-2e8.json",59155],b2f554cd:[()=>n.e(11477).then(n.t.bind(n,30010,19)),"~blog/default/blog-archive-80c.json",30010],b329fb77:[()=>n.e(73178).then(n.t.bind(n,79871,19)),"~blog/default/blog-tags-blazorbootstrap-page-4-471.json",79871],b361ec9d:[()=>n.e(27715).then(n.t.bind(n,17807,19)),"~blog/default/blog-tags-v-1-4-5-2bb.json",17807],b3bcf9b5:[()=>n.e(12119).then(n.t.bind(n,36686,19)),"~blog/default/blog-tags-v-0-0-2-89a.json",36686],b3e33875:[()=>n.e(25768).then(n.t.bind(n,70041,19)),"~blog/default/blog-tags-blazor-pie-chart-fcc-list.json",70041],b4611217:[()=>n.e(69515).then(n.t.bind(n,89624,19)),"~blog/default/blog-tags-switch-f2b.json",89624],b5288141:[()=>n.e(50765).then(n.bind(n,60414)),"@site/docs/05-components/breadcrumb.mdx",60414],b53fbfdb:[()=>n.e(53250).then(n.t.bind(n,33591,19)),"~blog/default/blog-tags-input-number-fe8-list.json",33591],b5859c16:[()=>n.e(60761).then(n.t.bind(n,53721,19)),"~blog/default/blog-tags-blazor-0c3-list.json",53721],b5cfba5e:[()=>n.e(84767).then(n.t.bind(n,25804,19)),"~blog/default/blog-tags-blazorchart-cb0-list.json",25804],b6216f17:[()=>n.e(57243).then(n.t.bind(n,24633,19)),"~blog/default/blog-tags-modal-page-2-978-list.json",24633],b71701b4:[()=>n.e(8059).then(n.t.bind(n,20886,19)),"~blog/default/blog-tags-preload-22c-list.json",20886],b7f75ae4:[()=>n.e(16718).then(n.t.bind(n,57618,19)),"~blog/default/blog-tags-toastservice-084-list.json",57618],b8133b83:[()=>n.e(28354).then(n.t.bind(n,75776,19)),"~blog/default/blog-tags-v-0-1-0-f4e-list.json",75776],b9a852d0:[()=>n.e(16978).then(n.t.bind(n,35565,19)),"~blog/default/blog-tags-timeinput-8d8.json",35565],b9cc54fe:[()=>n.e(23923).then(n.t.bind(n,33686,19)),"~blog/default/blog-tags-v-1-7-1-d14.json",33686],ba6d458c:[()=>n.e(73510).then(n.bind(n,10415)),"@site/blog/2023-07-04-blazorbootstrap-1.9.3.md",10415],baed9087:[()=>n.e(99281).then(n.bind(n,99132)),"@site/blog/2023-04-29-blazorbootstrap-1.7.3.md",99132],bb807953:[()=>n.e(24918).then(n.bind(n,32344)),"@site/docs/05-components/modal.mdx",32344],bbe0b07b:[()=>n.e(39770).then(n.bind(n,80072)),"@site/blog/2022-12-18-blazorbootstrap-1.3.1.md",80072],bc2963ca:[()=>n.e(75414).then(n.t.bind(n,68106,19)),"~blog/default/blog-tags-v-1-7-2-ff0.json",68106],bd1bae9a:[()=>n.e(23367).then(n.t.bind(n,50218,19)),"~blog/default/blog-tags-blazorbootstrap-page-2-41f.json",50218],bd7b0a88:[()=>n.e(93454).then(n.t.bind(n,65576,19)),"~blog/default/blog-tags-v-1-3-0-ed5.json",65576],be39c62e:[()=>n.e(84993).then(n.t.bind(n,86976,19)),"~blog/default/blog-tags-v-0-2-1-c77.json",86976],bed1a6f9:[()=>n.e(28476).then(n.t.bind(n,87582,19)),"~blog/default/blog-tags-v-0-2-1-c77-list.json",87582],beea12d4:[()=>n.e(59531).then(n.bind(n,46660)),"@site/blog/2021-12-20-blazorbootstrap-0.1.0.md?truncated=true",46660],bf17d8c8:[()=>n.e(99255).then(n.t.bind(n,90951,19)),"~blog/default/blog-tags-blazorchart-cb0.json",90951],bf8fae8f:[()=>n.e(26444).then(n.t.bind(n,93504,19)),"~blog/default/blog-tags-blazorbootstrap-page-4-471-list.json",93504],c0c8a23a:[()=>n.e(34995).then(n.t.bind(n,2416,19)),"~blog/default/blog-tags-barchart-e05-list.json",2416],c116c874:[()=>n.e(76193).then(n.t.bind(n,51317,19)),"~blog/default/blog-tags-v-0-4-0-3b1-list.json",51317],c17e866f:[()=>n.e(46297).then(n.t.bind(n,86323,19)),"~blog/default/blog-tags-blazor-autocomplete-30a-list.json",86323],c18cbc7b:[()=>n.e(34904).then(n.bind(n,20891)),"@site/docs/03-content/icons.mdx",20891],c190ea02:[()=>n.e(95338).then(n.bind(n,80896)),"@site/docs/05-components/tooltips.mdx",80896],c219a4ea:[()=>n.e(15417).then(n.t.bind(n,56188,19)),"~blog/default/blog-tags-blazortoast-805.json",56188],c22a9ec7:[()=>n.e(34877).then(n.bind(n,63733)),"@site/blog/2023-06-11-blazorbootstrap-1.8.2.md?truncated=true",63733],c291da80:[()=>n.e(80254).then(n.bind(n,49564)),"@site/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx",49564],c2eb690c:[()=>n.e(49262).then(n.t.bind(n,39067,19)),"~blog/default/blog-tags-blazorbootstrap-page-5-336.json",39067],c4b1132f:[()=>n.e(75368).then(n.t.bind(n,39357,19)),"~blog/default/blog-tags-dropdown-baa-list.json",39357],c4f5d8e4:[()=>Promise.all([n.e(40532),n.e(64195)]).then(n.bind(n,59335)),"@site/src/pages/index.js",59335],c52bae0a:[()=>n.e(28617).then(n.t.bind(n,79895,19)),"~blog/default/blog-tags-v-1-4-4-b9d-list.json",79895],c5614c51:[()=>n.e(70420).then(n.t.bind(n,75006,19)),"~blog/default/blog-tags-blazorbootstrap-starter-templates-c71-list.json",75006],c5625ff5:[()=>n.e(95074).then(n.t.bind(n,90722,19)),"~blog/default/blog-tags-v-1-10-0-82a.json",90722],c58e7149:[()=>n.e(39856).then(n.bind(n,6222)),"@site/blog/2023-07-05-blazorbootstrap-1.9.4.md?truncated=true",6222],c6318e18:[()=>n.e(18663).then(n.bind(n,86505)),"@site/blog/2021-11-23-blazorbootstrap-0.0.1.md?truncated=true",86505],c65f2699:[()=>n.e(74534).then(n.t.bind(n,67938,19)),"~blog/default/blog-tags-confirm-dialog-bb7-list.json",67938],c673f71a:[()=>n.e(86831).then(n.bind(n,37777)),"@site/blog/2024-02-04-blazorbootstrap-1.11.0.md",37777],c6a57455:[()=>n.e(87538).then(n.bind(n,29603)),"@site/blog/2023-07-01-blazorbootstrap-1.9.2.md?truncated=true",29603],c76b299c:[()=>n.e(52421).then(n.t.bind(n,21279,19)),"~blog/default/blog-tags-v-0-4-1-b14-list.json",21279],c83a2893:[()=>n.e(49270).then(n.t.bind(n,17674,19)),"~blog/default/blog-tags-blazor-number-763.json",17674],c8ba346a:[()=>n.e(27479).then(n.t.bind(n,38689,19)),"~blog/default/blog-tags-leftmenu-2f9-list.json",38689],c8cb7a76:[()=>n.e(19089).then(n.bind(n,97667)),"@site/docs/05-components/tabs.mdx",97667],c999ff5b:[()=>n.e(48367).then(n.t.bind(n,20667,19)),"~blog/default/blog-tags-v-1-7-0-8a0.json",20667],c9f7b092:[()=>n.e(65552).then(n.t.bind(n,47023,19)),"~blog/default/blog-tags-v-2-0-0-440-list.json",47023],ca5ddc25:[()=>n.e(66882).then(n.t.bind(n,30146,19)),"~blog/default/blog-tags-bootstrap-page-3-cf7.json",30146],ca9d53ad:[()=>n.e(60013).then(n.bind(n,73473)),"@site/blog/2023-01-30-blazorbootstrap-1.4.2.md?truncated=true",73473],caa2721c:[()=>n.e(70852).then(n.t.bind(n,26470,19)),"~blog/default/blog-tags-charts-85a.json",26470],cb9c0be7:[()=>n.e(8760).then(n.bind(n,38561)),"@site/blog/2022-06-19-blazorbootstrap-0.2.4.md",38561],cc1a1680:[()=>n.e(48964).then(n.bind(n,62935)),"@site/blog/2023-01-23-blazorbootstrap-1.4.1.md",62935],cc9add59:[()=>n.e(36232).then(n.t.bind(n,55722,19)),"~blog/default/blog-tags-clipboard-a9f.json",55722],ccc49370:[()=>Promise.all([n.e(40532),n.e(88105),n.e(46048),n.e(46103)]).then(n.bind(n,65203)),"@theme/BlogPostPage",65203],ccd9f363:[()=>n.e(21823).then(n.t.bind(n,83663,19)),"~blog/default/blog-tags-toastservice-084.json",83663],cd4fd991:[()=>n.e(3988).then(n.t.bind(n,46495,19)),"~blog/default/blog-tags-blazorcollapse-421-list.json",46495],cfa57793:[()=>n.e(59331).then(n.t.bind(n,72616,19)),"~blog/default/blog-tags-grid-page-2-0d9-list.json",72616],cfc716d8:[()=>n.e(11046).then(n.t.bind(n,31586,19)),"~blog/default/blog-tags-tabs-969.json",31586],cfe8b84a:[()=>n.e(48343).then(n.t.bind(n,83591,19)),"~blog/default/blog-tags-v-1-0-0-432.json",83591],d072459e:[()=>n.e(1786).then(n.t.bind(n,55844,19)),"~blog/default/blog-tags-v-1-4-0-a7e-list.json",55844],d1831d2f:[()=>n.e(42913).then(n.t.bind(n,72765,19)),"~blog/default/blog-tags-blazortoast-805-list.json",72765],d1e90a87:[()=>n.e(31738).then(n.t.bind(n,32779,19)),"~blog/default/blog-tags-blazor-tabs-daf-list.json",32779],d39f9a0e:[()=>n.e(78751).then(n.bind(n,58748)),"@site/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx",58748],d42fcd53:[()=>n.e(22090).then(n.t.bind(n,5963,19)),"~blog/default/blog-tags-blazorautocomplete-b63-list.json",5963],d4d52611:[()=>n.e(59576).then(n.t.bind(n,68066,19)),"~blog/default/blog-tags-blazor-input-number-dc1.json",68066],d4fa5cbe:[()=>n.e(15064).then(n.t.bind(n,33672,19)),"~blog/default/blog-tags-modal-e6f-list.json",33672],d537fbe8:[()=>n.e(43495).then(n.t.bind(n,87911,19)),"~blog/default/blog-tags-blazor-starter-templates-3e2-list.json",87911],d618fd50:[()=>n.e(35898).then(n.t.bind(n,3234,19)),"~blog/default/blog-tags-v-1-0-1-8d6-list.json",3234],d62a7c49:[()=>n.e(63384).then(n.t.bind(n,14740,19)),"~blog/default/blog-tags-toast-92e.json",14740],d6eaa184:[()=>n.e(28481).then(n.t.bind(n,56120,19)),"~blog/default/blog-tags-alert-863.json",56120],d6f47703:[()=>n.e(47888).then(n.t.bind(n,81746,19)),"~blog/default/blog-tags-blazordialog-b7a-list.json",81746],d7b100b9:[()=>n.e(98716).then(n.bind(n,71182)),"@site/blog/2024-02-04-blazorbootstrap-1.11.1.md?truncated=true",71182],d7dbf226:[()=>n.e(54205).then(n.bind(n,77205)),"@site/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md?truncated=true",77205],d7f59897:[()=>n.e(65249).then(n.t.bind(n,40223,19)),"~blog/default/blog-tags-progress-bar-8a7-list.json",40223],d827f292:[()=>n.e(41431).then(n.t.bind(n,74935,19)),"~blog/default/blog-tags-blazortimepicker-9a4.json",74935],d86360d7:[()=>n.e(45507).then(n.t.bind(n,73830,19)),"~blog/default/blog-tags-sortablelist-ab9-list.json",73830],d866ce1d:[()=>n.e(9540).then(n.t.bind(n,29764,19)),"~blog/default/blog-tags-v-1-9-1-41b.json",29764],d8be0be1:[()=>n.e(77758).then(n.bind(n,84686)),"@site/blog/2021-11-23-blazorbootstrap-0.0.1.md",84686],d8d0822c:[()=>n.e(11914).then(n.t.bind(n,61214,19)),"~blog/default/blog-tags-blazornumberinput-21b-list.json",61214],d97047e1:[()=>n.e(36419).then(n.t.bind(n,40549,19)),"~blog/default/blog-tags-bootstrap-5-page-4-0bc.json",40549],d9c4e64a:[()=>n.e(58767).then(n.t.bind(n,9461,19)),"~blog/default/blog-tags-blazor-progress-e03.json",9461],da0a6c21:[()=>n.e(36765).then(n.t.bind(n,56421,19)),"~blog/default/blog-tags-clipboard-a9f-list.json",56421],da55feea:[()=>n.e(1176).then(n.t.bind(n,54957,19)),"~blog/default/blog-tags-blazor-page-5-3a8-list.json",54957],da64a13c:[()=>n.e(69640).then(n.t.bind(n,27762,19)),"~blog/default/blog-tags-v-1-7-1-d14-list.json",27762],dae895a9:[()=>n.e(34884).then(n.bind(n,9737)),"@site/blog/2022-06-19-blazorbootstrap-0.2.4.md?truncated=true",9737],db200627:[()=>n.e(5458).then(n.t.bind(n,11192,19)),"~blog/default/blog-tags-v-0-2-3-889.json",11192],dbe8cc63:[()=>n.e(171).then(n.bind(n,29566)),"@site/docs/05-components/buttons.mdx",29566],dc83d50b:[()=>n.e(6675).then(n.bind(n,60406)),"@site/blog/2023-08-13-blazorbootstrap-1.10.0.md?truncated=true",60406],dcbaab97:[()=>n.e(76442).then(n.t.bind(n,31255,19)),"~blog/default/blog-tags-currency-893-list.json",31255],dde17e14:[()=>n.e(72652).then(n.bind(n,87071)),"@site/blog/2023-05-28-blazorbootstrap-1.8.0.md",87071],de19d829:[()=>n.e(60691).then(n.t.bind(n,34118,19)),"~blog/default/blog-tags-v-1-8-1-9cf-list.json",34118],dea46713:[()=>n.e(39870).then(n.t.bind(n,30597,19)),"~blog/default/blog-tags-v-2-0-0-440.json",30597],ded0f91d:[()=>n.e(99041).then(n.t.bind(n,22940,19)),"~blog/default/blog-tags-v-1-9-4-ca4.json",22940],df735c89:[()=>n.e(17365).then(n.bind(n,914)),"@site/blog/2023-03-12-blazorbootstrap-1.6.0.md?truncated=true",914],dfa19b7d:[()=>n.e(42590).then(n.t.bind(n,16974,19)),"~blog/default/blog-tags-placeholders-367.json",16974],dfc91384:[()=>n.e(72039).then(n.bind(n,56688)),"@site/blog/2022-09-17-blazorbootstrap-0.4.2.md?truncated=true",56688],e01ede0f:[()=>n.e(40780).then(n.t.bind(n,30825,19)),"~blog/default/blog-tags-blazorgrid-152-list.json",30825],e0660070:[()=>n.e(60488).then(n.t.bind(n,26270,19)),"~blog/default/blog-tags-blazor-line-chart-729.json",26270],e161cb12:[()=>n.e(17601).then(n.t.bind(n,1167,19)),"~blog/default/blog-tags-pagination-7fb-list.json",1167],e269e10f:[()=>n.e(71632).then(n.t.bind(n,69222,19)),"~blog/default/blog-tags-blazor-grid-18d-list.json",69222],e2b20de6:[()=>n.e(44294).then(n.t.bind(n,5154,19)),"~blog/default/blog-tags-v-0-1-0-f4e.json",5154],e2c6c702:[()=>n.e(47806).then(n.t.bind(n,80454,19)),"~blog/default/blog-tags-blazor-input-number-dc1-list.json",80454],e33bb20e:[()=>n.e(97234).then(n.bind(n,90469)),"@site/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx",90469],e3b0677f:[()=>n.e(36569).then(n.bind(n,93038)),"@site/blog/2023-07-01-blazorbootstrap-1.9.2.md",93038],e4077368:[()=>n.e(57826).then(n.t.bind(n,72201,19)),"~blog/default/blog-tags-tabs-969-list.json",72201],e41c6b26:[()=>n.e(50200).then(n.t.bind(n,77777,19)),"~blog/default/blog-tags-blazortabs-ba9.json",77777],e4bea73c:[()=>n.e(10485).then(n.bind(n,31925)),"@site/blog/2022-09-04-blazorbootstrap-0.4.0.md",31925],e4f3715f:[()=>n.e(24578).then(n.t.bind(n,77441,19)),"~blog/default/blog-tags-docs-61c-list.json",77441],e4fc5673:[()=>n.e(40223).then(n.t.bind(n,49377,19)),"~blog/default/blog-tags-v-1-2-0-655.json",49377],e5d788cb:[()=>n.e(1733).then(n.t.bind(n,14100,19)),"~blog/default/blog-tags-bootstrap-5-page-2-454.json",14100],e5ea1834:[()=>n.e(12761).then(n.t.bind(n,13519,19)),"~blog/default/blog-tags-blazor-doughnut-chart-f06.json",13519],e5f22ef7:[()=>n.e(91493).then(n.t.bind(n,29076,19)),"~blog/default/blog-tags-v-0-2-4-574-list.json",29076],e627b01b:[()=>n.e(65293).then(n.t.bind(n,91456,19)),"~blog/default/blog-tags-blazoricon-443-list.json",91456],e77da4a7:[()=>n.e(84717).then(n.t.bind(n,16476,19)),"~blog/default/blog-tags-v-1-8-3-3ea.json",16476],e832fbdb:[()=>n.e(32522).then(n.t.bind(n,85766,19)),"~blog/default/blog-tags-blazor-grid-18d.json",85766],e859a84e:[()=>n.e(78432).then(n.bind(n,40568)),"@site/docs/04-forms/switch.mdx",40568],e87e9fad:[()=>n.e(993).then(n.t.bind(n,16457,19)),"~blog/default/blog-tags-timepicker-8a7-list.json",16457],e88d3846:[()=>n.e(98009).then(n.bind(n,62798)),"@site/blog/2021-11-27-blazorbootstrap-0.0.2.md?truncated=true",62798],e8e5f9d4:[()=>n.e(65380).then(n.t.bind(n,35046,19)),"~blog/default/blog-tags-blazor-grid-paging-041.json",35046],e923c45a:[()=>n.e(63446).then(n.t.bind(n,98505,19)),"~blog/default/blog-tags-v-1-1-0-2e8-list.json",98505],ea24dcd3:[()=>n.e(23418).then(n.t.bind(n,84931,19)),"~blog/default/blog-tags-badge-5b0.json",84931],ea82a430:[()=>n.e(3057).then(n.t.bind(n,97559,19)),"~blog/default/blog-tags-bootstrap-5-page-4-0bc-list.json",97559],ea94c85a:[()=>n.e(51193).then(n.bind(n,88800)),"@site/docs/05-components/sidebar2.mdx",88800],eb65b05f:[()=>n.e(89273).then(n.t.bind(n,91535,19)),"~blog/default/blog-tags-blazor-number-input-834-list.json",91535],eb917f4a:[()=>n.e(67145).then(n.t.bind(n,21054,19)),"~blog/default/blog-tags-v-1-4-4-b9d.json",21054],ebc527d7:[()=>n.e(57442).then(n.t.bind(n,1358,19)),"~blog/default/blog-tags-v-1-9-2-7a2-list.json",1358],ebf22c80:[()=>n.e(42016).then(n.bind(n,77179)),"@site/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx",77179],ec76938d:[()=>n.e(49907).then(n.bind(n,3087)),"@site/blog/2023-07-04-blazorbootstrap-1.9.3.md?truncated=true",3087],ed1fd27d:[()=>n.e(57614).then(n.t.bind(n,58813,19)),"~blog/default/blog-tags-blazortimepicker-9a4-list.json",58813],ed6c8621:[()=>n.e(65768).then(n.t.bind(n,22055,19)),"~blog/default/blog-tags-blazordate-8ac.json",22055],ed7465b6:[()=>n.e(92115).then(n.bind(n,4305)),"@site/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx",4305],ee3ef312:[()=>n.e(17598).then(n.bind(n,35313)),"@site/blog/2022-04-30-blazorbootstrap-0.2.3.md?truncated=true",35313],eea066c0:[()=>n.e(38994).then(n.bind(n,9966)),"@site/blog/2023-06-30-blazorbootstrap-1.9.0.md",9966],eeb0ff48:[()=>n.e(34737).then(n.t.bind(n,28043,19)),"~blog/default/blog-tags-v-0-2-3-889-list.json",28043],ef29d456:[()=>n.e(1728).then(n.t.bind(n,561,19)),"~blog/default/blog-tags-v-1-7-3-e99-list.json",561],ef3e4c59:[()=>n.e(71705).then(n.bind(n,24078)),"@site/blog/2023-11-18-blazorbootstrap-1.10.4.md",24078],ef66a481:[()=>n.e(83421).then(n.t.bind(n,51930,19)),"~blog/default/blog-tags-v-0-4-1-b14.json",51930],efa07cd5:[()=>n.e(52912).then(n.bind(n,31326)),"@site/docs/05-components/confirm-dialog.mdx",31326],efb2b0fe:[()=>n.e(69250).then(n.bind(n,52372)),"@site/blog/2024-01-01-blazorbootstrap-1.10.5.md",52372],f02bcf8a:[()=>n.e(77580).then(n.t.bind(n,44954,19)),"~blog/default/blog-tags-input-number-fe8.json",44954],f02c8517:[()=>n.e(84085).then(n.bind(n,91498)),"@site/blog/2022-11-22-blazorbootstrap-1.0.1.md",91498],f0737577:[()=>n.e(81915).then(n.t.bind(n,41589,19)),"~blog/default/blog-tags-blazor-page-3-130-list.json",41589],f135c86c:[()=>n.e(74329).then(n.t.bind(n,98665,19)),"~blog/default/blog-tags-v-0-4-2-d17-list.json",98665],f188a130:[()=>n.e(46679).then(n.bind(n,97332)),"@site/blog/2022-09-04-blazorbootstrap-0.4.0.md?truncated=true",97332],f2cf37dd:[()=>n.e(65075).then(n.t.bind(n,34049,19)),"~blog/default/blog-tags-blazor-preload-b3e-list.json",34049],f2f198c6:[()=>n.e(35851).then(n.bind(n,37923)),"@site/blog/2022-11-22-blazorbootstrap-1.0.1.md?truncated=true",37923],f2f259dc:[()=>n.e(84823).then(n.bind(n,11227)),"@site/docs/05-components/spinners.mdx",11227],f36ac19a:[()=>n.e(95248).then(n.t.bind(n,2774,19)),"~blog/default/blog-tags-button-f47.json",2774],f386df44:[()=>n.e(58176).then(n.t.bind(n,16745,19)),"~blog/default/blog-tags-sidebar-184.json",16745],f4046d89:[()=>n.e(20300).then(n.t.bind(n,9826,19)),"~blog/default/blog-tags-v-1-10-5-430.json",9826],f46dc466:[()=>n.e(76170).then(n.t.bind(n,79821,19)),"~blog/default/blog-tags-blazormodal-942-list.json",79821],f4afaeba:[()=>n.e(99667).then(n.bind(n,38633)),"@site/blog/2023-04-10-blazorbootstrap-1.7.0.md",38633],f57f1834:[()=>n.e(72064).then(n.t.bind(n,10338,19)),"~blog/default/blog-tags-blazorcollapse-421.json",10338],f5ad21d3:[()=>n.e(57250).then(n.t.bind(n,69973,19)),"~blog/default/blog-tags-blazorbootstrap-page-7-e44-list.json",69973],f5af5c4e:[()=>n.e(10633).then(n.bind(n,98686)),"@site/blog/2021-12-12-blazorbootstrap-0.0.4.md",98686],f6104617:[()=>n.e(98393).then(n.t.bind(n,68586,19)),"~blog/default/blog-tags-sortablelist-ab9.json",68586],f6c3878f:[()=>n.e(39888).then(n.bind(n,9793)),"@site/blog/2023-01-30-blazorbootstrap-1.4.2.md",9793],f6fc984b:[()=>n.e(85729).then(n.t.bind(n,11801,19)),"~blog/default/blog-tags-bootstrap-page-2-d2d-list.json",11801],f72251ba:[()=>n.e(97057).then(n.t.bind(n,85395,19)),"~blog/default/blog-tags-blazortooltip-eb6-list.json",85395],f819911c:[()=>n.e(94534).then(n.bind(n,46849)),"@site/blog/2021-12-21-blazorbootstrap-0.1.1.md",46849],f86648b9:[()=>n.e(73861).then(n.t.bind(n,92866,19)),"~blog/default/blog-tags-buttons-c7b.json",92866],f8c8d1fb:[()=>n.e(63163).then(n.bind(n,16530)),"@site/blog/2023-06-11-blazorbootstrap-1.8.2.md",16530],f8ceddd1:[()=>n.e(13644).then(n.t.bind(n,76828,19)),"~blog/default/blog-tags-blazor-line-chart-729-list.json",76828],f90f0f8a:[()=>n.e(67589).then(n.t.bind(n,84760,19)),"~blog/default/blog-tags-v-3-0-0-c46.json",84760],fa253b91:[()=>n.e(88103).then(n.t.bind(n,84746,19)),"~blog/default/blog-tags-progress-bar-8a7.json",84746],fb3463af:[()=>n.e(10330).then(n.t.bind(n,27122,19)),"~blog/default/blog-tags-blazor-page-2-34d.json",27122],fb750ad6:[()=>n.e(54862).then(n.t.bind(n,29223,19)),"~blog/default/blog-tags-v-0-5-0-f72-list.json",29223],fd9b0b8a:[()=>n.e(67894).then(n.t.bind(n,75848,19)),"~blog/default/blog-tags-offcanvas-ecd-list.json",75848],fdfa8ed2:[()=>n.e(72185).then(n.bind(n,22115)),"@site/blog/2022-10-22-blazorbootstrap-0.5.1.md?truncated=true",22115],ff859336:[()=>n.e(6027).then(n.bind(n,50356)),"@site/blog/2022-04-30-blazorbootstrap-0.2.3.md",50356],ffb545c1:[()=>n.e(48680).then(n.t.bind(n,92976,19)),"~blog/default/blog-tags-bootstrap-079.json",92976]};function c(e){let{error:t,retry:n,pastDelay:o}=e;return t?a.createElement("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"}},a.createElement("p",null,String(t)),a.createElement("div",null,a.createElement("button",{type:"button",onClick:n},"Retry"))):o?a.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"}},a.createElement("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb"},a.createElement("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2"},a.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},a.createElement("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),a.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},a.createElement("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),a.createElement("circle",{cx:"22",cy:"22",r:"8"},a.createElement("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"}))))):null}var u=n(99670),d=n(30226);function b(e,t){if("*"===e)return i()({loading:c,loader:()=>n.e(4972).then(n.bind(n,4972)),modules:["@theme/NotFound"],webpack:()=>[4972],render(e,t){const n=e.default;return a.createElement(d.z,{value:{plugin:{name:"native",id:"default"}}},a.createElement(n,t))}});const r=l[`${e}-${t}`],b={},f=[],p=[],g=(0,u.Z)(r);return Object.entries(g).forEach((e=>{let[t,n]=e;const a=s[n];a&&(b[t]=a[0],f.push(a[1]),p.push(a[2]))})),i().Map({loading:c,loader:b,modules:f,webpack:()=>p,render(t,n){const i=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,a]=t;const o=a.default;if(!o)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof o&&"function"!=typeof o||Object.keys(a).filter((e=>"default"!==e)).forEach((e=>{o[e]=a[e]}));let r=i;const l=n.split(".");l.slice(0,-1).forEach((e=>{r=r[e]})),r[l[l.length-1]]=o}));const l=i.__comp;delete i.__comp;const s=i.__context;return delete i.__context,a.createElement(d.z,{value:s},a.createElement(l,(0,o.Z)({},i,n)))}})}const f=[{path:"/blog",component:b("/blog","a9d"),exact:!0},{path:"/blog/2021/11/23/blazorbootstrap-0.0.1",component:b("/blog/2021/11/23/blazorbootstrap-0.0.1","c4b"),exact:!0},{path:"/blog/2021/11/27/blazorbootstrap-0.0.2",component:b("/blog/2021/11/27/blazorbootstrap-0.0.2","62f"),exact:!0},{path:"/blog/2021/12/08/blazorbootstrap-0.0.3",component:b("/blog/2021/12/08/blazorbootstrap-0.0.3","c4f"),exact:!0},{path:"/blog/2021/12/12/blazorbootstrap-0.0.4",component:b("/blog/2021/12/12/blazorbootstrap-0.0.4","67a"),exact:!0},{path:"/blog/2021/12/20/blazorbootstrap-0.1.0",component:b("/blog/2021/12/20/blazorbootstrap-0.1.0","d4b"),exact:!0},{path:"/blog/2021/12/21/blazorbootstrap-0.1.1",component:b("/blog/2021/12/21/blazorbootstrap-0.1.1","344"),exact:!0},{path:"/blog/2022/01/15/blazorbootstrap-0.2.0",component:b("/blog/2022/01/15/blazorbootstrap-0.2.0","7f6"),exact:!0},{path:"/blog/2022/02/27/blazorbootstrap-0.2.1",component:b("/blog/2022/02/27/blazorbootstrap-0.2.1","3a6"),exact:!0},{path:"/blog/2022/03/15/blazorbootstrap-0.2.2",component:b("/blog/2022/03/15/blazorbootstrap-0.2.2","4c0"),exact:!0},{path:"/blog/2022/04/30/blazorbootstrap-0.2.3",component:b("/blog/2022/04/30/blazorbootstrap-0.2.3","bbd"),exact:!0},{path:"/blog/2022/06/19/blazorbootstrap-0.2.4",component:b("/blog/2022/06/19/blazorbootstrap-0.2.4","04b"),exact:!0},{path:"/blog/2022/07/28/blazorbootstrap-0.2.5",component:b("/blog/2022/07/28/blazorbootstrap-0.2.5","3d5"),exact:!0},{path:"/blog/2022/08/13/blazorbootstrap-0.2.6",component:b("/blog/2022/08/13/blazorbootstrap-0.2.6","f21"),exact:!0},{path:"/blog/2022/08/31/blazorbootstrap-0.3.0",component:b("/blog/2022/08/31/blazorbootstrap-0.3.0","7b0"),exact:!0},{path:"/blog/2022/09/04/blazorbootstrap-0.4.0",component:b("/blog/2022/09/04/blazorbootstrap-0.4.0","2d6"),exact:!0},{path:"/blog/2022/09/12/blazorbootstrap-0.4.1",component:b("/blog/2022/09/12/blazorbootstrap-0.4.1","65f"),exact:!0},{path:"/blog/2022/09/17/blazorbootstrap-0.4.2",component:b("/blog/2022/09/17/blazorbootstrap-0.4.2","b9e"),exact:!0},{path:"/blog/2022/10/16/blazorbootstrap-0.5.0",component:b("/blog/2022/10/16/blazorbootstrap-0.5.0","e32"),exact:!0},{path:"/blog/2022/10/22/blazorbootstrap-0.5.1",component:b("/blog/2022/10/22/blazorbootstrap-0.5.1","01c"),exact:!0},{path:"/blog/2022/10/30/blazorbootstrap-0.6.0",component:b("/blog/2022/10/30/blazorbootstrap-0.6.0","a42"),exact:!0},{path:"/blog/2022/11/18/blazorbootstrap-1.0.0",component:b("/blog/2022/11/18/blazorbootstrap-1.0.0","ab6"),exact:!0},{path:"/blog/2022/11/22/blazorbootstrap-1.0.1",component:b("/blog/2022/11/22/blazorbootstrap-1.0.1","b99"),exact:!0},{path:"/blog/2022/11/28/blazorbootstrap-1.1.0",component:b("/blog/2022/11/28/blazorbootstrap-1.1.0","225"),exact:!0},{path:"/blog/2022/12/12/blazorbootstrap-1.2.0",component:b("/blog/2022/12/12/blazorbootstrap-1.2.0","f26"),exact:!0},{path:"/blog/2022/12/15/blazorbootstrap-1.3.0",component:b("/blog/2022/12/15/blazorbootstrap-1.3.0","110"),exact:!0},{path:"/blog/2022/12/18/blazorbootstrap-1.3.1",component:b("/blog/2022/12/18/blazorbootstrap-1.3.1","20b"),exact:!0},{path:"/blog/2023/01/15/blazorbootstrap-1.4.0",component:b("/blog/2023/01/15/blazorbootstrap-1.4.0","8e9"),exact:!0},{path:"/blog/2023/01/23/blazorbootstrap-1.4.1",component:b("/blog/2023/01/23/blazorbootstrap-1.4.1","ac2"),exact:!0},{path:"/blog/2023/01/30/blazorbootstrap-1.4.2",component:b("/blog/2023/01/30/blazorbootstrap-1.4.2","452"),exact:!0},{path:"/blog/2023/02/07/blazorbootstrap-1.4.3",component:b("/blog/2023/02/07/blazorbootstrap-1.4.3","638"),exact:!0},{path:"/blog/2023/02/10/blazorbootstrap-1.4.4",component:b("/blog/2023/02/10/blazorbootstrap-1.4.4","2f7"),exact:!0},{path:"/blog/2023/02/23/blazorbootstrap-1.4.5",component:b("/blog/2023/02/23/blazorbootstrap-1.4.5","e42"),exact:!0},{path:"/blog/2023/03/05/blazorbootstrap-1.5.0",component:b("/blog/2023/03/05/blazorbootstrap-1.5.0","a02"),exact:!0},{path:"/blog/2023/03/12/blazorbootstrap-1.6.0",component:b("/blog/2023/03/12/blazorbootstrap-1.6.0","d44"),exact:!0},{path:"/blog/2023/04/10/blazorbootstrap-1.7.0",component:b("/blog/2023/04/10/blazorbootstrap-1.7.0","66b"),exact:!0},{path:"/blog/2023/04/19/blazorbootstrap-1.7.1",component:b("/blog/2023/04/19/blazorbootstrap-1.7.1","d43"),exact:!0},{path:"/blog/2023/04/24/blazorbootstrap-1.7.2",component:b("/blog/2023/04/24/blazorbootstrap-1.7.2","b15"),exact:!0},{path:"/blog/2023/04/29/blazorbootstrap-1.7.3",component:b("/blog/2023/04/29/blazorbootstrap-1.7.3","046"),exact:!0},{path:"/blog/2023/05/28/blazorbootstrap-1.8.0",component:b("/blog/2023/05/28/blazorbootstrap-1.8.0","4e3"),exact:!0},{path:"/blog/2023/05/31/blazorbootstrap-1.8.1",component:b("/blog/2023/05/31/blazorbootstrap-1.8.1","716"),exact:!0},{path:"/blog/2023/06/11/blazorbootstrap-1.8.2",component:b("/blog/2023/06/11/blazorbootstrap-1.8.2","d52"),exact:!0},{path:"/blog/2023/06/16/blazorbootstrap-1.8.3",component:b("/blog/2023/06/16/blazorbootstrap-1.8.3","449"),exact:!0},{path:"/blog/2023/06/30/blazorbootstrap-1.9.0",component:b("/blog/2023/06/30/blazorbootstrap-1.9.0","50d"),exact:!0},{path:"/blog/2023/06/31/blazorbootstrap-1.9.1",component:b("/blog/2023/06/31/blazorbootstrap-1.9.1","017"),exact:!0},{path:"/blog/2023/07/01/blazorbootstrap-1.9.2",component:b("/blog/2023/07/01/blazorbootstrap-1.9.2","07e"),exact:!0},{path:"/blog/2023/07/04/blazorbootstrap-1.9.3",component:b("/blog/2023/07/04/blazorbootstrap-1.9.3","dcf"),exact:!0},{path:"/blog/2023/07/05/blazorbootstrap-1.9.4",component:b("/blog/2023/07/05/blazorbootstrap-1.9.4","3fd"),exact:!0},{path:"/blog/2023/07/16/blazorbootstrap-1.9.5",component:b("/blog/2023/07/16/blazorbootstrap-1.9.5","7bc"),exact:!0},{path:"/blog/2023/08/13/blazorbootstrap-1.10.0",component:b("/blog/2023/08/13/blazorbootstrap-1.10.0","36b"),exact:!0},{path:"/blog/2023/08/29/blazorbootstrap-1.10.1",component:b("/blog/2023/08/29/blazorbootstrap-1.10.1","827"),exact:!0},{path:"/blog/2023/09/15/blazorbootstrap-1.10.2",component:b("/blog/2023/09/15/blazorbootstrap-1.10.2","889"),exact:!0},{path:"/blog/2023/10/15/blazorbootstrap-1.10.3",component:b("/blog/2023/10/15/blazorbootstrap-1.10.3","e57"),exact:!0},{path:"/blog/2023/11/18/blazorbootstrap-1.10.4",component:b("/blog/2023/11/18/blazorbootstrap-1.10.4","178"),exact:!0},{path:"/blog/2024/01/01/blazorbootstrap-1.10.5",component:b("/blog/2024/01/01/blazorbootstrap-1.10.5","0aa"),exact:!0},{path:"/blog/2024/02/04/blazorbootstrap-1.11.0",component:b("/blog/2024/02/04/blazorbootstrap-1.11.0","466"),exact:!0},{path:"/blog/2024/02/04/blazorbootstrap-1.11.1",component:b("/blog/2024/02/04/blazorbootstrap-1.11.1","f08"),exact:!0},{path:"/blog/2024/02/25/blazorbootstrap-2.0.0",component:b("/blog/2024/02/25/blazorbootstrap-2.0.0","61f"),exact:!0},{path:"/blog/2024/02/25/upgrade-to-v2.0.0",component:b("/blog/2024/02/25/upgrade-to-v2.0.0","611"),exact:!0},{path:"/blog/2024/03/17/blazorbootstrap-2.1.0",component:b("/blog/2024/03/17/blazorbootstrap-2.1.0","57b"),exact:!0},{path:"/blog/2024/04/14/blazorbootstrap-2.2.0",component:b("/blog/2024/04/14/blazorbootstrap-2.2.0","354"),exact:!0},{path:"/blog/2024/04/21/blazorbootstrap-2.2.1",component:b("/blog/2024/04/21/blazorbootstrap-2.2.1","9a3"),exact:!0},{path:"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1",component:b("/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1","ad7"),exact:!0},{path:"/blog/archive",component:b("/blog/archive","6fa"),exact:!0},{path:"/blog/page/2",component:b("/blog/page/2","f50"),exact:!0},{path:"/blog/page/3",component:b("/blog/page/3","175"),exact:!0},{path:"/blog/page/4",component:b("/blog/page/4","928"),exact:!0},{path:"/blog/page/5",component:b("/blog/page/5","237"),exact:!0},{path:"/blog/page/6",component:b("/blog/page/6","ce8"),exact:!0},{path:"/blog/page/7",component:b("/blog/page/7","d66"),exact:!0},{path:"/blog/tags",component:b("/blog/tags","c3b"),exact:!0},{path:"/blog/tags/accordion",component:b("/blog/tags/accordion","220"),exact:!0},{path:"/blog/tags/alert",component:b("/blog/tags/alert","f8d"),exact:!0},{path:"/blog/tags/autocomplete",component:b("/blog/tags/autocomplete","d17"),exact:!0},{path:"/blog/tags/badge",component:b("/blog/tags/badge","c73"),exact:!0},{path:"/blog/tags/barchart",component:b("/blog/tags/barchart","7ca"),exact:!0},{path:"/blog/tags/blazor",component:b("/blog/tags/blazor","8e3"),exact:!0},{path:"/blog/tags/blazor-autocomplete",component:b("/blog/tags/blazor-autocomplete","750"),exact:!0},{path:"/blog/tags/blazor-bar-chart",component:b("/blog/tags/blazor-bar-chart","c39"),exact:!0},{path:"/blog/tags/blazor-bootstrap",component:b("/blog/tags/blazor-bootstrap","f41"),exact:!0},{path:"/blog/tags/blazor-charts",component:b("/blog/tags/blazor-charts","632"),exact:!0},{path:"/blog/tags/blazor-confirm-dialog",component:b("/blog/tags/blazor-confirm-dialog","6f6"),exact:!0},{path:"/blog/tags/blazor-currency-input",component:b("/blog/tags/blazor-currency-input","82d"),exact:!0},{path:"/blog/tags/blazor-dialog",component:b("/blog/tags/blazor-dialog","049"),exact:!0},{path:"/blog/tags/blazor-doughnut-chart",component:b("/blog/tags/blazor-doughnut-chart","4de"),exact:!0},{path:"/blog/tags/blazor-grid",component:b("/blog/tags/blazor-grid","33a"),exact:!0},{path:"/blog/tags/blazor-grid-filtering",component:b("/blog/tags/blazor-grid-filtering","1f7"),exact:!0},{path:"/blog/tags/blazor-grid-paging",component:b("/blog/tags/blazor-grid-paging","0ed"),exact:!0},{path:"/blog/tags/blazor-grid-sorting",component:b("/blog/tags/blazor-grid-sorting","7a6"),exact:!0},{path:"/blog/tags/blazor-input",component:b("/blog/tags/blazor-input","ccf"),exact:!0},{path:"/blog/tags/blazor-input-number",component:b("/blog/tags/blazor-input-number","933"),exact:!0},{path:"/blog/tags/blazor-line-chart",component:b("/blog/tags/blazor-line-chart","fb5"),exact:!0},{path:"/blog/tags/blazor-number",component:b("/blog/tags/blazor-number","9ef"),exact:!0},{path:"/blog/tags/blazor-number-input",component:b("/blog/tags/blazor-number-input","f56"),exact:!0},{path:"/blog/tags/blazor-offcanvas",component:b("/blog/tags/blazor-offcanvas","dc3"),exact:!0},{path:"/blog/tags/blazor-pie-chart",component:b("/blog/tags/blazor-pie-chart","773"),exact:!0},{path:"/blog/tags/blazor-preload",component:b("/blog/tags/blazor-preload","a99"),exact:!0},{path:"/blog/tags/blazor-progress",component:b("/blog/tags/blazor-progress","22b"),exact:!0},{path:"/blog/tags/blazor-progress-bar",component:b("/blog/tags/blazor-progress-bar","6f9"),exact:!0},{path:"/blog/tags/blazor-sidemodal",component:b("/blog/tags/blazor-sidemodal","16c"),exact:!0},{path:"/blog/tags/blazor-spinner",component:b("/blog/tags/blazor-spinner","fd4"),exact:!0},{path:"/blog/tags/blazor-starter-templates",component:b("/blog/tags/blazor-starter-templates","00a"),exact:!0},{path:"/blog/tags/blazor-tabs",component:b("/blog/tags/blazor-tabs","632"),exact:!0},{path:"/blog/tags/blazor-templates",component:b("/blog/tags/blazor-templates","847"),exact:!0},{path:"/blog/tags/blazor-toast",component:b("/blog/tags/blazor-toast","d9a"),exact:!0},{path:"/blog/tags/blazor-toasts",component:b("/blog/tags/blazor-toasts","b22"),exact:!0},{path:"/blog/tags/blazor/page/2",component:b("/blog/tags/blazor/page/2","162"),exact:!0},{path:"/blog/tags/blazor/page/3",component:b("/blog/tags/blazor/page/3","b3b"),exact:!0},{path:"/blog/tags/blazor/page/4",component:b("/blog/tags/blazor/page/4","eb8"),exact:!0},{path:"/blog/tags/blazor/page/5",component:b("/blog/tags/blazor/page/5","6ca"),exact:!0},{path:"/blog/tags/blazoraccordion",component:b("/blog/tags/blazoraccordion","8ec"),exact:!0},{path:"/blog/tags/blazorautocomplete",component:b("/blog/tags/blazorautocomplete","75c"),exact:!0},{path:"/blog/tags/blazorbadge",component:b("/blog/tags/blazorbadge","327"),exact:!0},{path:"/blog/tags/blazorbootstrap",component:b("/blog/tags/blazorbootstrap","904"),exact:!0},{path:"/blog/tags/blazorbootstrap-starter-templates",component:b("/blog/tags/blazorbootstrap-starter-templates","aa1"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/2",component:b("/blog/tags/blazorbootstrap/page/2","0d6"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/3",component:b("/blog/tags/blazorbootstrap/page/3","23f"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/4",component:b("/blog/tags/blazorbootstrap/page/4","0b5"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/5",component:b("/blog/tags/blazorbootstrap/page/5","b6b"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/6",component:b("/blog/tags/blazorbootstrap/page/6","1a4"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/7",component:b("/blog/tags/blazorbootstrap/page/7","62c"),exact:!0},{path:"/blog/tags/blazorbreadcrumb",component:b("/blog/tags/blazorbreadcrumb","99e"),exact:!0},{path:"/blog/tags/blazorbutton",component:b("/blog/tags/blazorbutton","a4a"),exact:!0},{path:"/blog/tags/blazorbuttons",component:b("/blog/tags/blazorbuttons","175"),exact:!0},{path:"/blog/tags/blazorchart",component:b("/blog/tags/blazorchart","b4e"),exact:!0},{path:"/blog/tags/blazorcollapse",component:b("/blog/tags/blazorcollapse","b6f"),exact:!0},{path:"/blog/tags/blazorconfirmdialog",component:b("/blog/tags/blazorconfirmdialog","29c"),exact:!0},{path:"/blog/tags/blazorconfirmmodal",component:b("/blog/tags/blazorconfirmmodal","9bb"),exact:!0},{path:"/blog/tags/blazorcurrencyinput",component:b("/blog/tags/blazorcurrencyinput","402"),exact:!0},{path:"/blog/tags/blazordate",component:b("/blog/tags/blazordate","fbd"),exact:!0},{path:"/blog/tags/blazordateinput",component:b("/blog/tags/blazordateinput","a7b"),exact:!0},{path:"/blog/tags/blazordatepicker",component:b("/blog/tags/blazordatepicker","cbc"),exact:!0},{path:"/blog/tags/blazordialog",component:b("/blog/tags/blazordialog","247"),exact:!0},{path:"/blog/tags/blazordropdown",component:b("/blog/tags/blazordropdown","d70"),exact:!0},{path:"/blog/tags/blazorgrid",component:b("/blog/tags/blazorgrid","5d0"),exact:!0},{path:"/blog/tags/blazorgrid/page/2",component:b("/blog/tags/blazorgrid/page/2","7d1"),exact:!0},{path:"/blog/tags/blazoricon",component:b("/blog/tags/blazoricon","dc7"),exact:!0},{path:"/blog/tags/blazormodal",component:b("/blog/tags/blazormodal","075"),exact:!0},{path:"/blog/tags/blazormodalservice",component:b("/blog/tags/blazormodalservice","e73"),exact:!0},{path:"/blog/tags/blazornumber",component:b("/blog/tags/blazornumber","7f8"),exact:!0},{path:"/blog/tags/blazornumberinput",component:b("/blog/tags/blazornumberinput","3d4"),exact:!0},{path:"/blog/tags/blazoroffcanvas",component:b("/blog/tags/blazoroffcanvas","1d0"),exact:!0},{path:"/blog/tags/blazorprogress",component:b("/blog/tags/blazorprogress","51d"),exact:!0},{path:"/blog/tags/blazorsidebar",component:b("/blog/tags/blazorsidebar","b70"),exact:!0},{path:"/blog/tags/blazorswitch",component:b("/blog/tags/blazorswitch","2a0"),exact:!0},{path:"/blog/tags/blazortabs",component:b("/blog/tags/blazortabs","d8b"),exact:!0},{path:"/blog/tags/blazortime",component:b("/blog/tags/blazortime","b86"),exact:!0},{path:"/blog/tags/blazortimeinput",component:b("/blog/tags/blazortimeinput","7e9"),exact:!0},{path:"/blog/tags/blazortimepicker",component:b("/blog/tags/blazortimepicker","155"),exact:!0},{path:"/blog/tags/blazortoast",component:b("/blog/tags/blazortoast","cb1"),exact:!0},{path:"/blog/tags/blazortoasts",component:b("/blog/tags/blazortoasts","d88"),exact:!0},{path:"/blog/tags/blazortooltip",component:b("/blog/tags/blazortooltip","539"),exact:!0},{path:"/blog/tags/bootstrap",component:b("/blog/tags/bootstrap","dba"),exact:!0},{path:"/blog/tags/bootstrap-5",component:b("/blog/tags/bootstrap-5","0e8"),exact:!0},{path:"/blog/tags/bootstrap-5/page/2",component:b("/blog/tags/bootstrap-5/page/2","d23"),exact:!0},{path:"/blog/tags/bootstrap-5/page/3",component:b("/blog/tags/bootstrap-5/page/3","fd8"),exact:!0},{path:"/blog/tags/bootstrap-5/page/4",component:b("/blog/tags/bootstrap-5/page/4","cfc"),exact:!0},{path:"/blog/tags/bootstrap/page/2",component:b("/blog/tags/bootstrap/page/2","3f8"),exact:!0},{path:"/blog/tags/bootstrap/page/3",component:b("/blog/tags/bootstrap/page/3","00f"),exact:!0},{path:"/blog/tags/bootstrap/page/4",component:b("/blog/tags/bootstrap/page/4","40b"),exact:!0},{path:"/blog/tags/breadcrumb",component:b("/blog/tags/breadcrumb","e4b"),exact:!0},{path:"/blog/tags/breadcrumbservice",component:b("/blog/tags/breadcrumbservice","5f5"),exact:!0},{path:"/blog/tags/button",component:b("/blog/tags/button","60b"),exact:!0},{path:"/blog/tags/buttons",component:b("/blog/tags/buttons","177"),exact:!0},{path:"/blog/tags/callout",component:b("/blog/tags/callout","2cd"),exact:!0},{path:"/blog/tags/chart",component:b("/blog/tags/chart","c46"),exact:!0},{path:"/blog/tags/charts",component:b("/blog/tags/charts","3c2"),exact:!0},{path:"/blog/tags/clipboard",component:b("/blog/tags/clipboard","48b"),exact:!0},{path:"/blog/tags/collapse",component:b("/blog/tags/collapse","f25"),exact:!0},{path:"/blog/tags/confirm-dialog",component:b("/blog/tags/confirm-dialog","fd6"),exact:!0},{path:"/blog/tags/confirmdialog",component:b("/blog/tags/confirmdialog","e5e"),exact:!0},{path:"/blog/tags/confirmmodal",component:b("/blog/tags/confirmmodal","6a7"),exact:!0},{path:"/blog/tags/currency",component:b("/blog/tags/currency","8cc"),exact:!0},{path:"/blog/tags/currencyinput",component:b("/blog/tags/currencyinput","bb0"),exact:!0},{path:"/blog/tags/date",component:b("/blog/tags/date","943"),exact:!0},{path:"/blog/tags/dateinput",component:b("/blog/tags/dateinput","5fe"),exact:!0},{path:"/blog/tags/datepicker",component:b("/blog/tags/datepicker","27a"),exact:!0},{path:"/blog/tags/dialog",component:b("/blog/tags/dialog","b92"),exact:!0},{path:"/blog/tags/docs",component:b("/blog/tags/docs","2a8"),exact:!0},{path:"/blog/tags/dropdown",component:b("/blog/tags/dropdown","ed5"),exact:!0},{path:"/blog/tags/grid",component:b("/blog/tags/grid","2a5"),exact:!0},{path:"/blog/tags/grid/page/2",component:b("/blog/tags/grid/page/2","581"),exact:!0},{path:"/blog/tags/grid/page/3",component:b("/blog/tags/grid/page/3","0f4"),exact:!0},{path:"/blog/tags/icon",component:b("/blog/tags/icon","84c"),exact:!0},{path:"/blog/tags/icons",component:b("/blog/tags/icons","373"),exact:!0},{path:"/blog/tags/input",component:b("/blog/tags/input","e0c"),exact:!0},{path:"/blog/tags/input-number",component:b("/blog/tags/input-number","42a"),exact:!0},{path:"/blog/tags/layout",component:b("/blog/tags/layout","287"),exact:!0},{path:"/blog/tags/leftmenu",component:b("/blog/tags/leftmenu","cf2"),exact:!0},{path:"/blog/tags/modal",component:b("/blog/tags/modal","7fc"),exact:!0},{path:"/blog/tags/modal/page/2",component:b("/blog/tags/modal/page/2","09c"),exact:!0},{path:"/blog/tags/modalservice",component:b("/blog/tags/modalservice","134"),exact:!0},{path:"/blog/tags/navigation",component:b("/blog/tags/navigation","02f"),exact:!0},{path:"/blog/tags/numberinput",component:b("/blog/tags/numberinput","56f"),exact:!0},{path:"/blog/tags/offcanvas",component:b("/blog/tags/offcanvas","d84"),exact:!0},{path:"/blog/tags/pagination",component:b("/blog/tags/pagination","48e"),exact:!0},{path:"/blog/tags/pdfviewer",component:b("/blog/tags/pdfviewer","b5d"),exact:!0},{path:"/blog/tags/placeholders",component:b("/blog/tags/placeholders","b3b"),exact:!0},{path:"/blog/tags/preload",component:b("/blog/tags/preload","e39"),exact:!0},{path:"/blog/tags/progress",component:b("/blog/tags/progress","130"),exact:!0},{path:"/blog/tags/progress-bar",component:b("/blog/tags/progress-bar","0dd"),exact:!0},{path:"/blog/tags/rangeinput",component:b("/blog/tags/rangeinput","ead"),exact:!0},{path:"/blog/tags/ribbon",component:b("/blog/tags/ribbon","975"),exact:!0},{path:"/blog/tags/scriptloader",component:b("/blog/tags/scriptloader","9ee"),exact:!0},{path:"/blog/tags/sidebar",component:b("/blog/tags/sidebar","a62"),exact:!0},{path:"/blog/tags/sidebar-2",component:b("/blog/tags/sidebar-2","aea"),exact:!0},{path:"/blog/tags/sortablelist",component:b("/blog/tags/sortablelist","c35"),exact:!0},{path:"/blog/tags/spinner",component:b("/blog/tags/spinner","52e"),exact:!0},{path:"/blog/tags/switch",component:b("/blog/tags/switch","424"),exact:!0},{path:"/blog/tags/tab",component:b("/blog/tags/tab","bd0"),exact:!0},{path:"/blog/tags/tabs",component:b("/blog/tags/tabs","708"),exact:!0},{path:"/blog/tags/timeinput",component:b("/blog/tags/timeinput","e5b"),exact:!0},{path:"/blog/tags/timepicker",component:b("/blog/tags/timepicker","c69"),exact:!0},{path:"/blog/tags/toast",component:b("/blog/tags/toast","c74"),exact:!0},{path:"/blog/tags/toasts",component:b("/blog/tags/toasts","ee2"),exact:!0},{path:"/blog/tags/toastservice",component:b("/blog/tags/toastservice","402"),exact:!0},{path:"/blog/tags/tooltip",component:b("/blog/tags/tooltip","300"),exact:!0},{path:"/blog/tags/v-0-0-1",component:b("/blog/tags/v-0-0-1","80c"),exact:!0},{path:"/blog/tags/v-0-0-2",component:b("/blog/tags/v-0-0-2","fd9"),exact:!0},{path:"/blog/tags/v-0-0-3",component:b("/blog/tags/v-0-0-3","ef0"),exact:!0},{path:"/blog/tags/v-0-0-4",component:b("/blog/tags/v-0-0-4","efd"),exact:!0},{path:"/blog/tags/v-0-1-0",component:b("/blog/tags/v-0-1-0","83c"),exact:!0},{path:"/blog/tags/v-0-1-1",component:b("/blog/tags/v-0-1-1","eb4"),exact:!0},{path:"/blog/tags/v-0-2-0",component:b("/blog/tags/v-0-2-0","1c3"),exact:!0},{path:"/blog/tags/v-0-2-1",component:b("/blog/tags/v-0-2-1","c1f"),exact:!0},{path:"/blog/tags/v-0-2-2",component:b("/blog/tags/v-0-2-2","2ca"),exact:!0},{path:"/blog/tags/v-0-2-3",component:b("/blog/tags/v-0-2-3","62e"),exact:!0},{path:"/blog/tags/v-0-2-4",component:b("/blog/tags/v-0-2-4","8df"),exact:!0},{path:"/blog/tags/v-0-2-5",component:b("/blog/tags/v-0-2-5","ceb"),exact:!0},{path:"/blog/tags/v-0-2-6",component:b("/blog/tags/v-0-2-6","411"),exact:!0},{path:"/blog/tags/v-0-3-0",component:b("/blog/tags/v-0-3-0","fd2"),exact:!0},{path:"/blog/tags/v-0-4-0",component:b("/blog/tags/v-0-4-0","ad7"),exact:!0},{path:"/blog/tags/v-0-4-1",component:b("/blog/tags/v-0-4-1","b4b"),exact:!0},{path:"/blog/tags/v-0-4-2",component:b("/blog/tags/v-0-4-2","d9f"),exact:!0},{path:"/blog/tags/v-0-5-0",component:b("/blog/tags/v-0-5-0","98d"),exact:!0},{path:"/blog/tags/v-0-5-1",component:b("/blog/tags/v-0-5-1","4fc"),exact:!0},{path:"/blog/tags/v-0-6-0",component:b("/blog/tags/v-0-6-0","792"),exact:!0},{path:"/blog/tags/v-1-0-0",component:b("/blog/tags/v-1-0-0","9e6"),exact:!0},{path:"/blog/tags/v-1-0-1",component:b("/blog/tags/v-1-0-1","75f"),exact:!0},{path:"/blog/tags/v-1-1-0",component:b("/blog/tags/v-1-1-0","10f"),exact:!0},{path:"/blog/tags/v-1-10-0",component:b("/blog/tags/v-1-10-0","d22"),exact:!0},{path:"/blog/tags/v-1-10-1",component:b("/blog/tags/v-1-10-1","d6d"),exact:!0},{path:"/blog/tags/v-1-10-2",component:b("/blog/tags/v-1-10-2","797"),exact:!0},{path:"/blog/tags/v-1-10-3",component:b("/blog/tags/v-1-10-3","b3f"),exact:!0},{path:"/blog/tags/v-1-10-4",component:b("/blog/tags/v-1-10-4","10e"),exact:!0},{path:"/blog/tags/v-1-10-5",component:b("/blog/tags/v-1-10-5","789"),exact:!0},{path:"/blog/tags/v-1-11-0",component:b("/blog/tags/v-1-11-0","a31"),exact:!0},{path:"/blog/tags/v-1-11-1",component:b("/blog/tags/v-1-11-1","370"),exact:!0},{path:"/blog/tags/v-1-2-0",component:b("/blog/tags/v-1-2-0","42c"),exact:!0},{path:"/blog/tags/v-1-3-0",component:b("/blog/tags/v-1-3-0","410"),exact:!0},{path:"/blog/tags/v-1-3-1",component:b("/blog/tags/v-1-3-1","7e1"),exact:!0},{path:"/blog/tags/v-1-4-0",component:b("/blog/tags/v-1-4-0","2b6"),exact:!0},{path:"/blog/tags/v-1-4-1",component:b("/blog/tags/v-1-4-1","a31"),exact:!0},{path:"/blog/tags/v-1-4-2",component:b("/blog/tags/v-1-4-2","96c"),exact:!0},{path:"/blog/tags/v-1-4-3",component:b("/blog/tags/v-1-4-3","f2d"),exact:!0},{path:"/blog/tags/v-1-4-4",component:b("/blog/tags/v-1-4-4","ed0"),exact:!0},{path:"/blog/tags/v-1-4-5",component:b("/blog/tags/v-1-4-5","f80"),exact:!0},{path:"/blog/tags/v-1-5-0",component:b("/blog/tags/v-1-5-0","637"),exact:!0},{path:"/blog/tags/v-1-6-0",component:b("/blog/tags/v-1-6-0","fe6"),exact:!0},{path:"/blog/tags/v-1-7-0",component:b("/blog/tags/v-1-7-0","b6a"),exact:!0},{path:"/blog/tags/v-1-7-1",component:b("/blog/tags/v-1-7-1","e85"),exact:!0},{path:"/blog/tags/v-1-7-2",component:b("/blog/tags/v-1-7-2","fff"),exact:!0},{path:"/blog/tags/v-1-7-3",component:b("/blog/tags/v-1-7-3","ad3"),exact:!0},{path:"/blog/tags/v-1-8-0",component:b("/blog/tags/v-1-8-0","731"),exact:!0},{path:"/blog/tags/v-1-8-1",component:b("/blog/tags/v-1-8-1","b14"),exact:!0},{path:"/blog/tags/v-1-8-2",component:b("/blog/tags/v-1-8-2","cdf"),exact:!0},{path:"/blog/tags/v-1-8-3",component:b("/blog/tags/v-1-8-3","c77"),exact:!0},{path:"/blog/tags/v-1-9-0",component:b("/blog/tags/v-1-9-0","87e"),exact:!0},{path:"/blog/tags/v-1-9-1",component:b("/blog/tags/v-1-9-1","4e2"),exact:!0},{path:"/blog/tags/v-1-9-2",component:b("/blog/tags/v-1-9-2","734"),exact:!0},{path:"/blog/tags/v-1-9-3",component:b("/blog/tags/v-1-9-3","b94"),exact:!0},{path:"/blog/tags/v-1-9-4",component:b("/blog/tags/v-1-9-4","9cf"),exact:!0},{path:"/blog/tags/v-1-9-5",component:b("/blog/tags/v-1-9-5","d99"),exact:!0},{path:"/blog/tags/v-2-0-0",component:b("/blog/tags/v-2-0-0","af8"),exact:!0},{path:"/blog/tags/v-2-1-0",component:b("/blog/tags/v-2-1-0","b81"),exact:!0},{path:"/blog/tags/v-2-2-0",component:b("/blog/tags/v-2-2-0","acd"),exact:!0},{path:"/blog/tags/v-2-2-1",component:b("/blog/tags/v-2-2-1","9ca"),exact:!0},{path:"/blog/tags/v-3-0-0",component:b("/blog/tags/v-3-0-0","1d3"),exact:!0},{path:"/search",component:b("/search","9da"),exact:!0},{path:"/",component:b("/","7c3"),exact:!0},{path:"/",component:b("/","0d8"),routes:[{path:"/components/accordion",component:b("/components/accordion","777"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/alerts",component:b("/components/alerts","d52"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/badge",component:b("/components/badge","f8c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/breadcrumb",component:b("/components/breadcrumb","dd7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/buttons",component:b("/components/buttons","695"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/callout",component:b("/components/callout","bea"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/card",component:b("/components/card","23f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/charts",component:b("/components/charts","a58"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/collapse",component:b("/components/collapse","90b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/confirm-dialog",component:b("/components/confirm-dialog","7a2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/dropdown",component:b("/components/dropdown","758"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/grid",component:b("/components/grid","6c2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/modal",component:b("/components/modal","220"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/offcanvas",component:b("/components/offcanvas","318"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/pagination",component:b("/components/pagination","1c7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/pdf-viewer",component:b("/components/pdf-viewer","531"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/placeholders",component:b("/components/placeholders","0b6"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/preload",component:b("/components/preload","216"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/progress",component:b("/components/progress","a5a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/ribbon",component:b("/components/ribbon","075"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/script-loader",component:b("/components/script-loader","c25"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/sidebar",component:b("/components/sidebar","e4d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/sidebar2",component:b("/components/sidebar2","fc1"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/sortable-list",component:b("/components/sortable-list","a8d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/spinners",component:b("/components/spinners","2f7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/tabs",component:b("/components/tabs","5a8"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/toasts",component:b("/components/toasts","e34"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/tooltips",component:b("/components/tooltips","0fd"),exact:!0,sidebar:"tutorialSidebar"},{path:"/content/icons",component:b("/content/icons","c79"),exact:!0,sidebar:"tutorialSidebar"},{path:"/data-visualization/bar-chart",component:b("/data-visualization/bar-chart","a0a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/data-visualization/doughnut-chart",component:b("/data-visualization/doughnut-chart","f01"),exact:!0,sidebar:"tutorialSidebar"},{path:"/data-visualization/line-chart",component:b("/data-visualization/line-chart","3b1"),exact:!0,sidebar:"tutorialSidebar"},{path:"/data-visualization/pie-chart",component:b("/data-visualization/pie-chart","bb2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/autocomplete",component:b("/forms/autocomplete","049"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/currency-input",component:b("/forms/currency-input","100"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/date-input",component:b("/forms/date-input","a04"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/number-input",component:b("/forms/number-input","fed"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/range-input",component:b("/forms/range-input","ebf"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/switch",component:b("/forms/switch","2e2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/time-input",component:b("/forms/time-input","801"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-server-net-6",component:b("/getting-started/blazor-server-net-6","4c9"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-server-net-7",component:b("/getting-started/blazor-server-net-7","87d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webapp-auto-global-net-8",component:b("/getting-started/blazor-webapp-auto-global-net-8","866"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webapp-server-global-net-8",component:b("/getting-started/blazor-webapp-server-global-net-8","15a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webassembly-net-6",component:b("/getting-started/blazor-webassembly-net-6","c96"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webassembly-net-7",component:b("/getting-started/blazor-webassembly-net-7","c59"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webassembly-net-8",component:b("/getting-started/blazor-webassembly-net-8","dad"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/maui-blazor-net-7",component:b("/getting-started/maui-blazor-net-7","f9b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/maui-blazor-net-8",component:b("/getting-started/maui-blazor-net-8","f72"),exact:!0,sidebar:"tutorialSidebar"},{path:"/layout/blazor-server",component:b("/layout/blazor-server","1a5"),exact:!0,sidebar:"tutorialSidebar"},{path:"/layout/blazor-webassembly",component:b("/layout/blazor-webassembly","cd3"),exact:!0,sidebar:"tutorialSidebar"},{path:"/services/modal",component:b("/services/modal","064"),exact:!0,sidebar:"tutorialSidebar"}]},{path:"*",component:b("*")}]},98934:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>r});var a=n(67294);const o=a.createContext(!1);function r(e){let{children:t}=e;const[n,r]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{r(!0)}),[]),a.createElement(o.Provider,{value:n},t)}},97221:(e,t,n)=>{"use strict";var a=n(67294),o=n(73935),r=n(73727),i=n(70405),l=n(10412);const s=[n(56657),n(32497),n(3310),n(18320),n(52295)];var c=n(723),u=n(16550),d=n(18790);function b(e){let{children:t}=e;return a.createElement(a.Fragment,null,t)}var f=n(87462),p=n(35742),g=n(52263),m=n(44996),h=n(86668),v=n(1944),y=n(94711),_=n(19727),x=n(43320),w=n(18780),k=n(90197);function E(){const{i18n:{defaultLocale:e,localeConfigs:t}}=(0,g.Z)(),n=(0,y.l)();return a.createElement(p.Z,null,Object.entries(t).map((e=>{let[t,{htmlLang:o}]=e;return a.createElement("link",{key:t,rel:"alternate",href:n.createUrl({locale:t,fullyQualified:!0}),hrefLang:o})})),a.createElement("link",{rel:"alternate",href:n.createUrl({locale:e,fullyQualified:!0}),hrefLang:"x-default"}))}function S(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.Z)(),o=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.Z)(),{pathname:a}=(0,u.TH)();return e+(0,w.applyTrailingSlash)((0,m.Z)(a),{trailingSlash:n,baseUrl:t})}(),r=t?`${n}${t}`:o;return a.createElement(p.Z,null,a.createElement("meta",{property:"og:url",content:r}),a.createElement("link",{rel:"canonical",href:r}))}function z(){const{i18n:{currentLocale:e}}=(0,g.Z)(),{metadata:t,image:n}=(0,h.L)();return a.createElement(a.Fragment,null,a.createElement(p.Z,null,a.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),a.createElement("body",{className:_.h})),n&&a.createElement(v.d,{image:n}),a.createElement(S,null),a.createElement(E,null),a.createElement(k.Z,{tag:x.HX,locale:e}),a.createElement(p.Z,null,t.map(((e,t)=>a.createElement("meta",(0,f.Z)({key:t},e))))))}const C=new Map;function T(e){if(C.has(e.pathname))return{...e,pathname:C.get(e.pathname)};if((0,d.f)(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return C.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return C.set(e.pathname,t),{...e,pathname:t}}var j=n(98934),L=n(58940);function O(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];const o=s.map((t=>{const a=t.default?.[e]??t[e];return a?.(...n)}));return()=>o.forEach((e=>e?.()))}const P=function(e){let{children:t,location:n,previousLocation:o}=e;return(0,a.useLayoutEffect)((()=>{o!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const a=t.pathname===n.pathname,o=t.hash===n.hash,r=t.search===n.search;if(a&&o&&!r)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:o}),O("onRouteDidUpdate",{previousLocation:o,location:n}))}),[o,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.f)(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class M extends a.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?O("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=O("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return a.createElement(P,{previousLocation:this.previousLocation,location:t},a.createElement(u.AW,{location:t,render:()=>e}))}}const A=M,I="__docusaurus-base-url-issue-banner-container",R="__docusaurus-base-url-issue-banner",D="__docusaurus-base-url-issue-banner-suggestion-container",F="__DOCUSAURUS_INSERT_BASEURL_BANNER";function B(e){return`\nwindow['${F}'] = true;\n\ndocument.addEventListener('DOMContentLoaded', maybeInsertBanner);\n\nfunction maybeInsertBanner() {\n  var shouldInsert = window['${F}'];\n  shouldInsert && insertBanner();\n}\n\nfunction insertBanner() {\n  var bannerContainer = document.getElementById('${I}');\n  if (!bannerContainer) {\n    return;\n  }\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${R}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${D}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  var suggestionContainer = document.getElementById('${D}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function $(){const{siteConfig:{baseUrl:e}}=(0,g.Z)();return(0,a.useLayoutEffect)((()=>{window[F]=!1}),[]),a.createElement(a.Fragment,null,!l.Z.canUseDOM&&a.createElement(p.Z,null,a.createElement("script",null,B(e))),a.createElement("div",{id:I}))}function U(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?a.createElement($,null):null}function H(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:o,localeConfigs:r}}=(0,g.Z)(),i=(0,m.Z)(e),{htmlLang:l,direction:s}=r[o];return a.createElement(p.Z,null,a.createElement("html",{lang:l,dir:s}),a.createElement("title",null,t),a.createElement("meta",{property:"og:title",content:t}),a.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&a.createElement("meta",{name:"robots",content:"noindex, nofollow"}),e&&a.createElement("link",{rel:"icon",href:i}))}var Z=n(44763),Q=n(72389);function V(){const e=(0,Q.Z)();return a.createElement(p.Z,null,a.createElement("html",{"data-has-hydrated":e}))}function W(){const e=(0,d.H)(c.Z),t=(0,u.TH)();return a.createElement(Z.Z,null,a.createElement(L.M,null,a.createElement(j.t,null,a.createElement(b,null,a.createElement(H,null),a.createElement(z,null),a.createElement(U,null),a.createElement(A,{location:T(t)},e)),a.createElement(V,null))))}var G=n(16887);const q=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const a=document.createElement("link");a.setAttribute("rel","prefetch"),a.setAttribute("href",e),a.onload=()=>t(),a.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(a)}))}:function(e){return new Promise(((t,n)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.withCredentials=!0,a.onload=()=>{200===a.status?t():n()},a.send(null)}))};var Y=n(99670);const K=new Set,X=new Set,J=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ee={prefetch(e){if(!(e=>!J()&&!X.has(e)&&!K.has(e))(e))return!1;K.add(e);const t=(0,d.f)(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(G).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,Y.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?q(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!J()&&!X.has(e))(e)&&(X.add(e),N(e))},te=Object.freeze(ee);if(l.Z.canUseDOM){window.docusaurus=te;const e=o.hydrate;N(window.location.pathname).then((()=>{e(a.createElement(i.B6,null,a.createElement(r.VK,null,a.createElement(W,null))),document.getElementById("__docusaurus"))}))}},58940:(e,t,n)=>{"use strict";n.d(t,{_:()=>u,M:()=>d});var a=n(67294),o=n(36809);const r=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-60QGZHW8TG"],"anonymizeIP":true,"id":"default"}},"docusaurus-plugin-content-docs":{"default":{"path":"/","versions":[{"name":"current","label":"Next","isLast":true,"path":"/","mainDocId":"getting-started/blazor-webassembly-net-8","docs":[{"id":"components/accordion","path":"/components/accordion","sidebar":"tutorialSidebar"},{"id":"components/alerts","path":"/components/alerts","sidebar":"tutorialSidebar"},{"id":"components/badge","path":"/components/badge","sidebar":"tutorialSidebar"},{"id":"components/breadcrumb","path":"/components/breadcrumb","sidebar":"tutorialSidebar"},{"id":"components/buttons","path":"/components/buttons","sidebar":"tutorialSidebar"},{"id":"components/callout","path":"/components/callout","sidebar":"tutorialSidebar"},{"id":"components/card","path":"/components/card","sidebar":"tutorialSidebar"},{"id":"components/charts","path":"/components/charts","sidebar":"tutorialSidebar"},{"id":"components/collapse","path":"/components/collapse","sidebar":"tutorialSidebar"},{"id":"components/confirm-dialog","path":"/components/confirm-dialog","sidebar":"tutorialSidebar"},{"id":"components/dropdown","path":"/components/dropdown","sidebar":"tutorialSidebar"},{"id":"components/grid","path":"/components/grid","sidebar":"tutorialSidebar"},{"id":"components/modal","path":"/components/modal","sidebar":"tutorialSidebar"},{"id":"components/offcanvas","path":"/components/offcanvas","sidebar":"tutorialSidebar"},{"id":"components/pagination","path":"/components/pagination","sidebar":"tutorialSidebar"},{"id":"components/pdf-viewer","path":"/components/pdf-viewer","sidebar":"tutorialSidebar"},{"id":"components/placeholders","path":"/components/placeholders","sidebar":"tutorialSidebar"},{"id":"components/preload","path":"/components/preload","sidebar":"tutorialSidebar"},{"id":"components/progress","path":"/components/progress","sidebar":"tutorialSidebar"},{"id":"components/ribbon","path":"/components/ribbon","sidebar":"tutorialSidebar"},{"id":"components/script-loader","path":"/components/script-loader","sidebar":"tutorialSidebar"},{"id":"components/sidebar","path":"/components/sidebar","sidebar":"tutorialSidebar"},{"id":"components/sidebar2","path":"/components/sidebar2","sidebar":"tutorialSidebar"},{"id":"components/sortable-list","path":"/components/sortable-list","sidebar":"tutorialSidebar"},{"id":"components/spinners","path":"/components/spinners","sidebar":"tutorialSidebar"},{"id":"components/tabs","path":"/components/tabs","sidebar":"tutorialSidebar"},{"id":"components/toasts","path":"/components/toasts","sidebar":"tutorialSidebar"},{"id":"components/tooltips","path":"/components/tooltips","sidebar":"tutorialSidebar"},{"id":"content/icons","path":"/content/icons","sidebar":"tutorialSidebar"},{"id":"data-visualization/bar-chart","path":"/data-visualization/bar-chart","sidebar":"tutorialSidebar"},{"id":"data-visualization/doughnut-chart","path":"/data-visualization/doughnut-chart","sidebar":"tutorialSidebar"},{"id":"data-visualization/line-chart","path":"/data-visualization/line-chart","sidebar":"tutorialSidebar"},{"id":"data-visualization/pie-chart","path":"/data-visualization/pie-chart","sidebar":"tutorialSidebar"},{"id":"forms/autocomplete","path":"/forms/autocomplete","sidebar":"tutorialSidebar"},{"id":"forms/currency-input","path":"/forms/currency-input","sidebar":"tutorialSidebar"},{"id":"forms/date-input","path":"/forms/date-input","sidebar":"tutorialSidebar"},{"id":"forms/number-input","path":"/forms/number-input","sidebar":"tutorialSidebar"},{"id":"forms/range-input","path":"/forms/range-input","sidebar":"tutorialSidebar"},{"id":"forms/switch","path":"/forms/switch","sidebar":"tutorialSidebar"},{"id":"forms/time-input","path":"/forms/time-input","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-server-net-6","path":"/getting-started/blazor-server-net-6","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-server-net-7","path":"/getting-started/blazor-server-net-7","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webapp-auto-global-net-8","path":"/getting-started/blazor-webapp-auto-global-net-8","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webapp-server-global-net-8","path":"/getting-started/blazor-webapp-server-global-net-8","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webassembly-net-6","path":"/getting-started/blazor-webassembly-net-6","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webassembly-net-7","path":"/getting-started/blazor-webassembly-net-7","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webassembly-net-8","path":"/getting-started/blazor-webassembly-net-8","sidebar":"tutorialSidebar"},{"id":"getting-started/maui-blazor-net-7","path":"/getting-started/maui-blazor-net-7","sidebar":"tutorialSidebar"},{"id":"getting-started/maui-blazor-net-8","path":"/getting-started/maui-blazor-net-8","sidebar":"tutorialSidebar"},{"id":"layout/blazor-server","path":"/layout/blazor-server","sidebar":"tutorialSidebar"},{"id":"layout/blazor-webassembly","path":"/layout/blazor-webassembly","sidebar":"tutorialSidebar"},{"id":"services/modal","path":"/services/modal","sidebar":"tutorialSidebar"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/getting-started/blazor-webassembly-net-8","label":"Blazor WebAssembly (.NET 8)"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var l=n(57529);const s=JSON.parse('{"docusaurusVersion":"2.4.3","siteVersion":"2.2.1","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"2.4.3"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"2.4.3"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"2.4.3"},"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"2.4.3"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"2.4.3"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"2.4.3"},"@easyops-cn/docusaurus-search-local":{"type":"package","name":"@easyops-cn/docusaurus-search-local","version":"0.29.4"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"2.4.3"}}}'),c={siteConfig:o.default,siteMetadata:s,globalData:r,i18n:i,codeTranslations:l},u=a.createContext(c);function d(e){let{children:t}=e;return a.createElement(u.Provider,{value:c},t)}},44763:(e,t,n)=>{"use strict";n.d(t,{Z:()=>b});var a=n(67294),o=n(10412),r=n(35742),i=n(18780),l=n(70179);function s(e){let{error:t,tryAgain:n}=e;return a.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"}},a.createElement("h1",{style:{fontSize:"3rem"}},"This page crashed"),a.createElement("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"}},"Try again"),a.createElement(c,{error:t}))}function c(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return a.createElement("p",{style:{whiteSpace:"pre-wrap"}},n)}function u(e){let{error:t,tryAgain:n}=e;return a.createElement(b,{fallback:()=>a.createElement(s,{error:t,tryAgain:n})},a.createElement(r.Z,null,a.createElement("title",null,"Page Error")),a.createElement(l.Z,null,a.createElement(s,{error:t,tryAgain:n})))}const d=e=>a.createElement(u,e);class b extends a.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??d)(e)}return e??null}}},10412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const a="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:a,canUseEventListeners:a&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:a&&"IntersectionObserver"in window,canUseViewport:a&&"screen"in window}},35742:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294),o=n(70405);function r(e){return a.createElement(o.ql,e)}},39960:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var a=n(87462),o=n(67294),r=n(73727),i=n(18780),l=n(52263),s=n(13919),c=n(10412);const u=o.createContext({collectLink:()=>{}});var d=n(44996);function b(e,t){let{isNavLink:n,to:b,href:f,activeClassName:p,isActive:g,"data-noBrokenLinkCheck":m,autoAddBaseUrl:h=!0,...v}=e;const{siteConfig:{trailingSlash:y,baseUrl:_}}=(0,l.Z)(),{withBaseUrl:x}=(0,d.C)(),w=(0,o.useContext)(u),k=(0,o.useRef)(null);(0,o.useImperativeHandle)(t,(()=>k.current));const E=b||f;const S=(0,s.Z)(E),z=E?.replace("pathname://","");let C=void 0!==z?(T=z,h&&(e=>e.startsWith("/"))(T)?x(T):T):void 0;var T;C&&S&&(C=(0,i.applyTrailingSlash)(C,{trailingSlash:y,baseUrl:_}));const j=(0,o.useRef)(!1),L=n?r.OL:r.rU,O=c.Z.canUseIntersectionObserver,P=(0,o.useRef)(),N=()=>{j.current||null==C||(window.docusaurus.preload(C),j.current=!0)};(0,o.useEffect)((()=>(!O&&S&&null!=C&&window.docusaurus.prefetch(C),()=>{O&&P.current&&P.current.disconnect()})),[P,C,O,S]);const M=C?.startsWith("#")??!1,A=!C||!S||M;return A||m||w.collectLink(C),A?o.createElement("a",(0,a.Z)({ref:k,href:C},E&&!S&&{target:"_blank",rel:"noopener noreferrer"},v)):o.createElement(L,(0,a.Z)({},v,{onMouseEnter:N,onTouchStart:N,innerRef:e=>{k.current=e,O&&e&&S&&(P.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(P.current.unobserve(e),P.current.disconnect(),null!=C&&window.docusaurus.prefetch(C))}))})),P.current.observe(e))},to:C},n&&{isActive:g,activeClassName:p}))}const f=o.forwardRef(b)},95999:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s,I:()=>l});var a=n(67294);function o(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,a.isValidElement)(e)))?n.map(((e,t)=>(0,a.isValidElement)(e)?a.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var r=n(57529);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return r[t??n]??n??t}function l(e,t){let{message:n,id:a}=e;return o(i({message:n,id:a}),t)}function s(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const l=i({message:t,id:n});return a.createElement(a.Fragment,null,o(l,r))}},29935:(e,t,n)=>{"use strict";n.d(t,{m:()=>a});const a="default"},13919:(e,t,n)=>{"use strict";function a(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!a(e)}n.d(t,{Z:()=>o,b:()=>a})},44996:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var a=n(67294),o=n(52263),r=n(13919);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,o.Z)(),n=(0,a.useCallback)(((n,a)=>function(e,t,n,a){let{forcePrependBaseUrl:o=!1,absolute:i=!1}=void 0===a?{}:a;if(!n||n.startsWith("#")||(0,r.b)(n))return n;if(o)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,a)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},52263:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294),o=n(58940);function r(){return(0,a.useContext)(o._)}},72389:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294),o=n(98934);function r(){return(0,a.useContext)(o._)}},99670:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const a=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[r,i]=n;const l=o?`${o}.${r}`:r;a(i)?e(i,l):t[l]=i}))}(e),t}},30226:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,z:()=>r});var a=n(67294);const o=a.createContext(null);function r(e){let{children:t,value:n}=e;const r=a.useContext(o),i=(0,a.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const a={...t.data,...n?.data};return{plugin:t.plugin,data:a}}({parent:r,value:n})),[r,n]);return a.createElement(o.Provider,{value:i},t)}},80143:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>g,gA:()=>b,_r:()=>u,Jo:()=>m,zh:()=>d,yW:()=>p,gB:()=>f});var a=n(16550),o=n(52263),r=n(29935);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=function(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,a.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),o=n?.docs.find((e=>!!(0,a.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((a=>{a.id===t&&(n[e.name]=a)}))})),n}(o.id):{}}}const c={},u=()=>i("docusaurus-plugin-content-docs")??c,d=e=>function(e,t,n){void 0===t&&(t=r.m),void 0===n&&(n={});const a=i(e),o=a?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0});function b(e){void 0===e&&(e={});const t=u(),{pathname:n}=(0,a.TH)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,a.LX)(t,{path:n.path,exact:!1,strict:!1})})),r=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!r&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return r}(t,n,e)}function f(e){return d(e).versions}function p(e){const t=d(e);return l(t)}function g(e){const t=d(e),{pathname:n}=(0,a.TH)();return s(t,n)}function m(e){const t=d(e),{pathname:n}=(0,a.TH)();return function(e,t){const n=l(e);return{latestDocSuggestion:s(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},56657:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("event","page_view",{page_title:document.title,page_location:window.location.href,page_path:t.pathname+t.search+t.hash})}))}}},18320:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});var a=n(74865),o=n.n(a);o().configure({showSpinner:!1});const r={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},3310:(e,t,n)=>{"use strict";n.r(t);var a=n(87410),o=n(36809);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:a}=t;globalThis.Prism=e,a.forEach((e=>{n(50784)(`./prism-${e}`)})),delete globalThis.Prism}(a.Z)},39471:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294);const o={iconExternalLink:"iconExternalLink_nPIU"};function r(e){let{width:t=13.5,height:n=13.5}=e;return a.createElement("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:o.iconExternalLink},a.createElement("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"}))}},70179:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Pt});var a=n(67294),o=n(86010),r=n(44763),i=n(1944),l=n(87462),s=n(16550),c=n(95999),u=n(85936);const d="__docusaurus_skipToContent_fallback";function b(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,a.useRef)(null),{action:t}=(0,s.k6)(),n=(0,a.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&b(t)}),[]);return(0,u.S)((n=>{let{location:a}=n;e.current&&!a.hash&&"PUSH"===t&&b(e.current)})),{containerRef:e,onClick:n}}const p=(0,c.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function g(e){const t=e.children??p,{containerRef:n,onClick:o}=f();return a.createElement("div",{ref:n,role:"region","aria-label":p},a.createElement("a",(0,l.Z)({},e,{href:`#${d}`,onClick:o}),t))}var m=n(35281),h=n(19727);const v={skipToContent:"skipToContent_fXgn"};function y(){return a.createElement(g,{className:v.skipToContent})}var _=n(86668),x=n(59689);function w(e){let{width:t=21,height:n=21,color:o="currentColor",strokeWidth:r=1.2,className:i,...s}=e;return a.createElement("svg",(0,l.Z)({viewBox:"0 0 15 15",width:t,height:n},s),a.createElement("g",{stroke:o,strokeWidth:r},a.createElement("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})))}const k={closeButton:"closeButton_CVFx"};function E(e){return a.createElement("button",(0,l.Z)({type:"button","aria-label":(0,c.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"})},e,{className:(0,o.Z)("clean-btn close",k.closeButton,e.className)}),a.createElement(w,{width:14,height:14,strokeWidth:3.1}))}const S={content:"content_knG7"};function z(e){const{announcementBar:t}=(0,_.L)(),{content:n}=t;return a.createElement("div",(0,l.Z)({},e,{className:(0,o.Z)(S.content,e.className),dangerouslySetInnerHTML:{__html:n}}))}const C={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function T(){const{announcementBar:e}=(0,_.L)(),{isActive:t,close:n}=(0,x.nT)();if(!t)return null;const{backgroundColor:o,textColor:r,isCloseable:i}=e;return a.createElement("div",{className:C.announcementBar,style:{backgroundColor:o,color:r},role:"banner"},i&&a.createElement("div",{className:C.announcementBarPlaceholder}),a.createElement(z,{className:C.announcementBarContent}),i&&a.createElement(E,{onClick:n,className:C.announcementBarClose}))}var j=n(72961),L=n(12466);var O=n(902),P=n(13102);const N=a.createContext(null);function M(e){let{children:t}=e;const n=function(){const e=(0,j.e)(),t=(0,P.HY)(),[n,o]=(0,a.useState)(!1),r=null!==t.component,i=(0,O.D9)(r);return(0,a.useEffect)((()=>{r&&!i&&o(!0)}),[r,i]),(0,a.useEffect)((()=>{r?e.shown||o(!0):o(!1)}),[e.shown,r]),(0,a.useMemo)((()=>[n,o]),[n])}();return a.createElement(N.Provider,{value:n},t)}function A(e){if(e.component){const t=e.component;return a.createElement(t,e.props)}}function I(){const e=(0,a.useContext)(N);if(!e)throw new O.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,a.useCallback)((()=>n(!1)),[n]),r=(0,P.HY)();return(0,a.useMemo)((()=>({shown:t,hide:o,content:A(r)})),[o,r,t])}function R(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:i}=I();return a.createElement("div",{className:"navbar-sidebar"},t,a.createElement("div",{className:(0,o.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":i})},a.createElement("div",{className:"navbar-sidebar__item menu"},n),a.createElement("div",{className:"navbar-sidebar__item menu"},r)))}var D=n(92949),F=n(72389);function B(e){return a.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:24,height:24},e),a.createElement("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"}))}function $(e){return a.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:24,height:24},e),a.createElement("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"}))}const U={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function H(e){let{className:t,buttonClassName:n,value:r,onChange:i}=e;const l=(0,F.Z)(),s=(0,c.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,c.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,c.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return a.createElement("div",{className:(0,o.Z)(U.toggle,t)},a.createElement("button",{className:(0,o.Z)("clean-btn",U.toggleButton,!l&&U.toggleButtonDisabled,n),type:"button",onClick:()=>i("dark"===r?"light":"dark"),disabled:!l,title:s,"aria-label":s,"aria-live":"polite"},a.createElement(B,{className:(0,o.Z)(U.toggleIcon,U.lightToggleIcon)}),a.createElement($,{className:(0,o.Z)(U.toggleIcon,U.darkToggleIcon)})))}const Z=a.memo(H),Q={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function V(e){let{className:t}=e;const n=(0,_.L)().navbar.style,o=(0,_.L)().colorMode.disableSwitch,{colorMode:r,setColorMode:i}=(0,D.I)();return o?null:a.createElement(Z,{className:t,buttonClassName:"dark"===n?Q.darkNavbarColorModeToggle:void 0,value:r,onChange:i})}var W=n(21327);function G(){return a.createElement(W.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function q(){const e=(0,j.e)();return a.createElement("button",{type:"button","aria-label":(0,c.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle()},a.createElement(w,{color:"var(--ifm-color-emphasis-600)"}))}function Y(){return a.createElement("div",{className:"navbar-sidebar__brand"},a.createElement(G,null),a.createElement(V,{className:"margin-right--md"}),a.createElement(q,null))}var K=n(39960),X=n(44996),J=n(13919);function ee(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}var te=n(39471);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:o,href:r,label:i,html:s,isDropdownLink:c,prependBaseUrlToHref:u,...d}=e;const b=(0,X.Z)(o),f=(0,X.Z)(t),p=(0,X.Z)(r,{forcePrependBaseUrl:!0}),g=i&&r&&!(0,J.Z)(r),m=s?{dangerouslySetInnerHTML:{__html:s}}:{children:a.createElement(a.Fragment,null,i,g&&a.createElement(te.Z,c&&{width:12,height:12}))};return r?a.createElement(K.Z,(0,l.Z)({href:u?p:r},d,m)):a.createElement(K.Z,(0,l.Z)({to:b,isNavLink:!0},(t||n)&&{isActive:(e,t)=>n?ee(n,t.pathname):t.pathname.startsWith(f)},d,m))}function ae(e){let{className:t,isDropdownItem:n=!1,...r}=e;const i=a.createElement(ne,(0,l.Z)({className:(0,o.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n},r));return n?a.createElement("li",null,i):i}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return a.createElement("li",{className:"menu__list-item"},a.createElement(ne,(0,l.Z)({className:(0,o.Z)("menu__link",t)},r)))}function re(e){let{mobile:t=!1,position:n,...o}=e;const r=t?oe:ae;return a.createElement(r,(0,l.Z)({},o,{activeClassName:o.activeClassName??(t?"menu__link--active":"navbar__link--active")}))}var ie=n(86043),le=n(48596),se=n(52263);function ce(e,t){return e.some((e=>function(e,t){return!!(0,le.Mg)(e.to,t)||!!ee(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function ue(e){let{items:t,position:n,className:r,onClick:i,...s}=e;const c=(0,a.useRef)(null),[u,d]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{const e=e=>{c.current&&!c.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[c]),a.createElement("div",{ref:c,className:(0,o.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":u})},a.createElement(ne,(0,l.Z)({"aria-haspopup":"true","aria-expanded":u,role:"button",href:s.to?void 0:"#",className:(0,o.Z)("navbar__link",r)},s,{onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!u))}}),s.children??s.label),a.createElement("ul",{className:"dropdown__menu"},t.map(((e,t)=>a.createElement(Qe,(0,l.Z)({isDropdownItem:!0,activeClassName:"dropdown__link--active"},e,{key:t}))))))}function de(e){let{items:t,className:n,position:r,onClick:i,...c}=e;const u=function(){const{siteConfig:{baseUrl:e}}=(0,se.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),d=ce(t,u),{collapsed:b,toggleCollapsed:f,setCollapsed:p}=(0,ie.u)({initialState:()=>!d});return(0,a.useEffect)((()=>{d&&p(!d)}),[u,d,p]),a.createElement("li",{className:(0,o.Z)("menu__list-item",{"menu__list-item--collapsed":b})},a.createElement(ne,(0,l.Z)({role:"button",className:(0,o.Z)("menu__link menu__link--sublist menu__link--sublist-caret",n)},c,{onClick:e=>{e.preventDefault(),f()}}),c.children??c.label),a.createElement(ie.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:b},t.map(((e,t)=>a.createElement(Qe,(0,l.Z)({mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active"},e,{key:t}))))))}function be(e){let{mobile:t=!1,...n}=e;const o=t?de:ue;return a.createElement(o,n)}var fe=n(94711);function pe(e){let{width:t=20,height:n=20,...o}=e;return a.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0},o),a.createElement("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"}))}const ge="iconLanguage_nlXk";var me=n(61029),he=n(10412),ve=n(60373),ye=n(80143),_e=n(90022),xe=n(98202),we=n(73926),ke=n(91073),Ee=n(82539),Se=n(10726);const ze='<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linejoin="round"></path></svg>',Ce='<svg width="20" height="20" viewBox="0 0 20 20"><path d="M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg>',Te='<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17 5H3h14zm0 5H3h14zm0 5H3h14z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linejoin="round"></path></svg>',je='<svg width="20" height="20" viewBox="0 0 20 20"><g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M18 3v4c0 2-2 4-4 4H2"></path><path d="M8 17l-6-6 6-6"></path></g></svg>',Le='<svg width="40" height="40" viewBox="0 0 20 20" fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"></path></svg>',Oe='<svg viewBox="0 0 24 54"><g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M8 6v42M20 27H8.3"></path></g></svg>',Pe='<svg viewBox="0 0 24 54"><g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M8 6v21M20 27H8.3"></path></g></svg>',Ne={searchBar:"searchBar_RVTs",dropdownMenu:"dropdownMenu_qbY6",suggestion:"suggestion_fB_2",cursor:"cursor_eG29",hitTree:"hitTree_kk6K",hitIcon:"hitIcon_a7Zy",hitPath:"hitPath_ieM4",noResultsIcon:"noResultsIcon_EBY5",hitFooter:"hitFooter_E9YW",hitWrapper:"hitWrapper_sAK8",hitTitle:"hitTitle_vyVt",hitAction:"hitAction_NqkB",hideAction:"hideAction_vcyE",noResults:"noResults_l6Q3",searchBarContainer:"searchBarContainer_NW3z",searchBarLoadingRing:"searchBarLoadingRing_YnHq",searchClearButton:"searchClearButton_qk4g",searchIndexLoading:"searchIndexLoading_EJ1f",searchHintContainer:"searchHintContainer_Pkmr",searchHint:"searchHint_iIMx",focused:"focused_OWtg",input:"input_FOTf",hint:"hint_URu1",suggestions:"suggestions_X8XU",dataset:"dataset_QiCy",empty:"empty_eITn"};function Me(e){let{document:t,type:n,page:a,metadata:o,tokens:r,isInterOfTree:i,isLastOfTree:l}=e;const s=0===n,c=1===n,u=[];i?u.push(Oe):l&&u.push(Pe);const d=u.map((e=>`<span class="${Ne.hitTree}">${e}</span>`)),b=`<span class="${Ne.hitIcon}">${s?ze:c?Ce:Te}</span>`,f=[`<span class="${Ne.hitTitle}">${(0,Se.o)(t.t,(0,ke.m)(o,"t"),r)}</span>`];if(!i&&!l&&me.H6){const e=a?(a.b??[]).concat(a.t).concat(t.s&&t.s!==a.t?t.s:[]):t.b;f.push(`<span class="${Ne.hitPath}">${(0,we.e)(e??[])}</span>`)}else s||f.push(`<span class="${Ne.hitPath}">${(0,Ee.C)(a.t||(t.u.startsWith("/docs/api-reference/")?"API Reference":""),r)}</span>`);const p=`<span class="${Ne.hitAction}">${je}</span>`;return[...d,b,`<span class="${Ne.hitWrapper}">`,...f,"</span>",p].join("")}function Ae(){return`<span class="${Ne.noResults}"><span class="${Ne.noResultsIcon}">${Le}</span><span>${(0,c.I)({id:"theme.SearchBar.noResultsText",message:"No results"})}</span></span>`}var Ie=n(80311);async function Re(){const e=await Promise.all([n.e(68443),n.e(15525)]).then(n.t.bind(n,68443,23)),t=e.default;return t.noConflict?t.noConflict():e.noConflict&&e.noConflict(),t}const De="_highlight";const Fe=function(e){let{handleSearchBarToggle:t}=e;const{siteConfig:{baseUrl:n}}=(0,se.Z)(),r=(0,ye.gA)();let i=n;try{const{preferredVersion:e}=(0,ve.J)(r?.pluginId??me.gQ);e&&!e.isLast&&(i=e.path+"/")}catch(L){if(!(L instanceof O.i6))throw L;console.error("useDocsPreferredVersion",L)}const l=(0,s.k6)(),u=(0,s.TH)(),d=(0,a.useRef)(null),b=(0,a.useRef)("empty"),f=(0,a.useRef)(!1),[p,g]=(0,a.useState)(!1),[m,h]=(0,a.useState)(!1),[v,y]=(0,a.useState)(""),_=(0,a.useRef)(null),x=(0,a.useCallback)((async()=>{if("empty"!==b.current)return;b.current="loading",g(!0);const[{wrappedIndexes:e,zhDictionary:t},a]=await Promise.all([(0,_e.w)(i),Re()]);if(_.current=a(d.current,{hint:!1,autoselect:!0,openOnFocus:!0,cssClasses:{root:Ne.searchBar,noPrefix:!0,dropdownMenu:Ne.dropdownMenu,input:Ne.input,hint:Ne.hint,suggestions:Ne.suggestions,suggestion:Ne.suggestion,cursor:Ne.cursor,dataset:Ne.dataset,empty:Ne.empty}},[{source:(0,xe.v)(e,t,me.qo),templates:{suggestion:Me,empty:Ae,footer:e=>{let{query:t,isEmpty:a}=e;if(a)return;const o=document.createElement("a"),r=`${n}search?q=${encodeURIComponent(t)}`;o.href=r,o.textContent=(0,c.I)({id:"theme.SearchBar.seeAll",message:"See all results"}),o.addEventListener("click",(e=>{e.ctrlKey||e.metaKey||(e.preventDefault(),_.current.autocomplete.close(),l.push(r))}));const i=document.createElement("div");return i.className=Ne.hitFooter,i.appendChild(o),i}}}]).on("autocomplete:selected",(function(e,t){let{document:{u:n,h:a},tokens:o}=t;d.current?.blur();let r=n;if(me.vc&&o.length>0){const e=new URLSearchParams;for(const t of o)e.append(De,t);r+=`?${e.toString()}`}a&&(r+=a),l.push(r)})).on("autocomplete:closed",(()=>{d.current?.blur()})),b.current="done",g(!1),f.current){const e=d.current;e.value&&_.current.autocomplete.open(),e.focus()}}),[n,i,l]);(0,a.useEffect)((()=>{if(!me.vc)return;const e=he.Z.canUseDOM?new URLSearchParams(u.search).getAll(De):[];setTimeout((()=>{const t=document.querySelector("article");if(!t)return;const n=new me.vc(t);n.unmark(),0!==e.length&&n.mark(e),y(e.join(" ")),_.current?.autocomplete.setVal(e.join(" "))}))}),[u.search,u.pathname]);const[w,k]=(0,a.useState)(!1),E=(0,a.useCallback)((()=>{f.current=!0,x(),k(!0),t?.(!0)}),[t,x]),S=(0,a.useCallback)((()=>{k(!1),t?.(!1)}),[t]),z=(0,a.useCallback)((()=>{x()}),[x]),C=(0,a.useCallback)((e=>{y(e.target.value),e.target.value&&h(!0)}),[]),T=!!he.Z.canUseDOM&&/mac/i.test(navigator.userAgentData?.platform??navigator.platform);(0,a.useEffect)((()=>{if(!me.AY)return;const e=e=>{(T?e.metaKey:e.ctrlKey)&&"KeyK"===e.code&&(e.preventDefault(),d.current?.focus(),E())};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}),[T,E]);const j=(0,a.useCallback)((()=>{const e=new URLSearchParams(u.search);e.delete(De);const t=e.toString(),n=u.pathname+(""!=t?`?${t}`:"")+u.hash;n!=u.pathname+u.search+u.hash&&l.push(n),y(""),_.current?.autocomplete.setVal("")}),[u.pathname,u.search,u.hash,l]);return a.createElement("div",{className:(0,o.Z)("navbar__search",Ne.searchBarContainer,{[Ne.searchIndexLoading]:p&&m,[Ne.focused]:w})},a.createElement("input",{placeholder:(0,c.I)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),"aria-label":"Search",className:"navbar__search-input",onMouseEnter:z,onFocus:E,onBlur:S,onChange:C,ref:d,value:v}),a.createElement(Ie.Z,{className:Ne.searchBarLoadingRing}),me.AY&&me.t_&&(""!==v?a.createElement("button",{className:Ne.searchClearButton,onClick:j},"\u2715"):a.createElement("div",{className:Ne.searchHintContainer},a.createElement("kbd",{className:Ne.searchHint},T?"\u2318":"ctrl"),a.createElement("kbd",{className:Ne.searchHint},"K"))))},Be={searchBox:"searchBox_ZlJk"};function $e(e){let{children:t,className:n}=e;return a.createElement("div",{className:(0,o.Z)(n,Be.searchBox)},t)}var Ue=n(52802);const He=e=>e.docs.find((t=>t.id===e.mainDocId));const Ze={default:re,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:o,...r}=e;const{i18n:{currentLocale:i,locales:u,localeConfigs:d}}=(0,se.Z)(),b=(0,fe.l)(),{search:f,hash:p}=(0,s.TH)(),g=[...n,...u.map((e=>{const n=`${`pathname://${b.createUrl({locale:e,fullyQualified:!1})}`}${f}${p}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...o],m=t?(0,c.I)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return a.createElement(be,(0,l.Z)({},r,{mobile:t,label:a.createElement(a.Fragment,null,a.createElement(pe,{className:ge}),m),items:g}))},search:function(e){let{mobile:t,className:n}=e;return t?null:a.createElement($e,{className:n},a.createElement(Fe,null))},dropdown:be,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:i=!1}=e;const l=i?"li":"div";return a.createElement(l,{className:(0,o.Z)({navbar__item:!r&&!i,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:o,...r}=e;const{activeDoc:i}=(0,ye.Iw)(o),s=(0,Ue.vY)(t,o);return null===s?null:a.createElement(re,(0,l.Z)({exact:!0},r,{isActive:()=>i?.path===s.path||!!i?.sidebar&&i.sidebar===s.sidebar,label:n??s.id,to:s.path}))},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:o,...r}=e;const{activeDoc:i}=(0,ye.Iw)(o),s=(0,Ue.oz)(t,o).link;if(!s)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return a.createElement(re,(0,l.Z)({exact:!0},r,{isActive:()=>i?.sidebar===t,label:n??s.label,to:s.path}))},docsVersion:function(e){let{label:t,to:n,docsPluginId:o,...r}=e;const i=(0,Ue.lO)(o)[0],s=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return a.createElement(re,(0,l.Z)({},r,{label:s,to:c}))},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:o,dropdownItemsBefore:r,dropdownItemsAfter:i,...u}=e;const{search:d,hash:b}=(0,s.TH)(),f=(0,ye.Iw)(n),p=(0,ye.gB)(n),{savePreferredVersionName:g}=(0,ve.J)(n),m=[...r,...p.map((e=>{const t=f.alternateDocVersions[e.name]??He(e);return{label:e.label,to:`${t.path}${d}${b}`,isActive:()=>e===f.activeVersion,onClick:()=>g(e.name)}})),...i],h=(0,Ue.lO)(n)[0],v=t&&m.length>1?(0,c.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):h.label,y=t&&m.length>1?void 0:He(h).path;return m.length<=1?a.createElement(re,(0,l.Z)({},u,{mobile:t,label:v,to:y,isActive:o?()=>!1:void 0})):a.createElement(be,(0,l.Z)({},u,{mobile:t,label:v,to:y,items:m,isActive:o?()=>!1:void 0}))}};function Qe(e){let{type:t,...n}=e;const o=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),r=Ze[o];if(!r)throw new Error(`No NavbarItem component found for type "${t}".`);return a.createElement(r,n)}function Ve(){const e=(0,j.e)(),t=(0,_.L)().navbar.items;return a.createElement("ul",{className:"menu__list"},t.map(((t,n)=>a.createElement(Qe,(0,l.Z)({mobile:!0},t,{onClick:()=>e.toggle(),key:n})))))}function We(e){return a.createElement("button",(0,l.Z)({},e,{type:"button",className:"clean-btn navbar-sidebar__back"}),a.createElement(c.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)"},"\u2190 Back to main menu"))}function Ge(){const e=0===(0,_.L)().navbar.items.length,t=I();return a.createElement(a.Fragment,null,!e&&a.createElement(We,{onClick:()=>t.hide()}),t.content)}function qe(){const e=(0,j.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,a.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?a.createElement(R,{header:a.createElement(Y,null),primaryMenu:a.createElement(Ve,null),secondaryMenu:a.createElement(Ge,null)}):null}const Ye={navbarHideable:"navbarHideable_m1mJ",navbarHidden:"navbarHidden_jGov"};function Ke(e){return a.createElement("div",(0,l.Z)({role:"presentation"},e,{className:(0,o.Z)("navbar-sidebar__backdrop",e.className)}))}function Xe(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:r}}=(0,_.L)(),i=(0,j.e)(),{navbarRef:l,isNavbarVisible:s}=function(e){const[t,n]=(0,a.useState)(e),o=(0,a.useRef)(!1),r=(0,a.useRef)(0),i=(0,a.useCallback)((e=>{null!==e&&(r.current=e.getBoundingClientRect().height)}),[]);return(0,L.RF)(((t,a)=>{let{scrollY:i}=t;if(!e)return;if(i<r.current)return void n(!0);if(o.current)return void(o.current=!1);const l=a?.scrollY,s=document.documentElement.scrollHeight-r.current,c=window.innerHeight;l&&i>=l?n(!1):i+c<s&&n(!0)})),(0,u.S)((t=>{if(!e)return;const a=t.location.hash;if(a?document.getElementById(a.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return a.createElement("nav",{ref:l,"aria-label":(0,c.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.Z)("navbar","navbar--fixed-top",n&&[Ye.navbarHideable,!s&&Ye.navbarHidden],{"navbar--dark":"dark"===r,"navbar--primary":"primary"===r,"navbar-sidebar--show":i.shown})},t,a.createElement(Ke,{onClick:i.toggle}),a.createElement(qe,null))}var Je=n(18780);const et={errorBoundaryError:"errorBoundaryError_a6uf"};function tt(e){return a.createElement("button",(0,l.Z)({type:"button"},e),a.createElement(c.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error"},"Try again"))}function nt(e){let{error:t}=e;const n=(0,Je.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return a.createElement("p",{className:et.errorBoundaryError},n)}class at extends a.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const ot="right";function rt(e){let{width:t=30,height:n=30,className:o,...r}=e;return a.createElement("svg",(0,l.Z)({className:o,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true"},r),a.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"}))}function it(){const{toggle:e,shown:t}=(0,j.e)();return a.createElement("button",{onClick:e,"aria-label":(0,c.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button"},a.createElement(rt,null))}const lt={colorModeToggle:"colorModeToggle_DEke"};function st(e){let{items:t}=e;return a.createElement(a.Fragment,null,t.map(((e,t)=>a.createElement(at,{key:t,onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t})},a.createElement(Qe,e)))))}function ct(e){let{left:t,right:n}=e;return a.createElement("div",{className:"navbar__inner"},a.createElement("div",{className:"navbar__items"},t),a.createElement("div",{className:"navbar__items navbar__items--right"},n))}function ut(){const e=(0,j.e)(),t=(0,_.L)().navbar.items,[n,o]=function(e){function t(e){return"left"===(e.position??ot)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),r=t.find((e=>"search"===e.type));return a.createElement(ct,{left:a.createElement(a.Fragment,null,!e.disabled&&a.createElement(it,null),a.createElement(G,null),a.createElement(st,{items:n})),right:a.createElement(a.Fragment,null,a.createElement(st,{items:o}),a.createElement(V,{className:lt.colorModeToggle}),!r&&a.createElement($e,null,a.createElement(Fe,null)))})}function dt(){return a.createElement(Xe,null,a.createElement(ut,null))}function bt(e){let{item:t}=e;const{to:n,href:o,label:r,prependBaseUrlToHref:i,...s}=t,c=(0,X.Z)(n),u=(0,X.Z)(o,{forcePrependBaseUrl:!0});return a.createElement(K.Z,(0,l.Z)({className:"footer__link-item"},o?{href:i?u:o}:{to:c},s),r,o&&!(0,J.Z)(o)&&a.createElement(te.Z,null))}function ft(e){let{item:t}=e;return t.html?a.createElement("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):a.createElement("li",{key:t.href??t.to,className:"footer__item"},a.createElement(bt,{item:t}))}function pt(e){let{column:t}=e;return a.createElement("div",{className:"col footer__col"},a.createElement("div",{className:"footer__title"},t.title),a.createElement("ul",{className:"footer__items clean-list"},t.items.map(((e,t)=>a.createElement(ft,{key:t,item:e})))))}function gt(e){let{columns:t}=e;return a.createElement("div",{className:"row footer__links"},t.map(((e,t)=>a.createElement(pt,{key:t,column:e}))))}function mt(){return a.createElement("span",{className:"footer__link-separator"},"\xb7")}function ht(e){let{item:t}=e;return t.html?a.createElement("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):a.createElement(bt,{item:t})}function vt(e){let{links:t}=e;return a.createElement("div",{className:"footer__links text--center"},a.createElement("div",{className:"footer__links"},t.map(((e,n)=>a.createElement(a.Fragment,{key:n},a.createElement(ht,{item:e}),t.length!==n+1&&a.createElement(mt,null))))))}function yt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?a.createElement(gt,{columns:t}):a.createElement(vt,{links:t})}var _t=n(50941);const xt={footerLogoLink:"footerLogoLink_BH7S"};function wt(e){let{logo:t}=e;const{withBaseUrl:n}=(0,X.C)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return a.createElement(_t.Z,{className:(0,o.Z)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function kt(e){let{logo:t}=e;return t.href?a.createElement(K.Z,{href:t.href,className:xt.footerLogoLink,target:t.target},a.createElement(wt,{logo:t})):a.createElement(wt,{logo:t})}function Et(e){let{copyright:t}=e;return a.createElement("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function St(e){let{style:t,links:n,logo:r,copyright:i}=e;return a.createElement("footer",{className:(0,o.Z)("footer",{"footer--dark":"dark"===t})},a.createElement("div",{className:"container container-fluid"},n,(r||i)&&a.createElement("div",{className:"footer__bottom text--center"},r&&a.createElement("div",{className:"margin-bottom--sm"},r),i)))}function zt(){const{footer:e}=(0,_.L)();if(!e)return null;const{copyright:t,links:n,logo:o,style:r}=e;return a.createElement(St,{style:r,links:n&&n.length>0&&a.createElement(yt,{links:n}),logo:o&&a.createElement(kt,{logo:o}),copyright:t&&a.createElement(Et,{copyright:t})})}const Ct=a.memo(zt),Tt=(0,O.Qc)([D.S,x.pl,L.OC,ve.L5,i.VC,function(e){let{children:t}=e;return a.createElement(P.n2,null,a.createElement(j.M,null,a.createElement(M,null,t)))}]);function jt(e){let{children:t}=e;return a.createElement(Tt,null,t)}function Lt(e){let{error:t,tryAgain:n}=e;return a.createElement("main",{className:"container margin-vert--xl"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col col--6 col--offset-3"},a.createElement("h1",{className:"hero__title"},a.createElement(c.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed"},"This page crashed.")),a.createElement("div",{className:"margin-vert--lg"},a.createElement(tt,{onClick:n,className:"button button--primary shadow--lw"})),a.createElement("hr",null),a.createElement("div",{className:"margin-vert--md"},a.createElement(nt,{error:t})))))}const Ot={mainWrapper:"mainWrapper_z2l0"};function Pt(e){const{children:t,noFooter:n,wrapperClassName:l,title:s,description:c}=e;return(0,h.t)(),a.createElement(jt,null,a.createElement(i.d,{title:s,description:c}),a.createElement(y,null),a.createElement(T,null),a.createElement(dt,null),a.createElement("div",{id:d,className:(0,o.Z)(m.k.wrapper.main,Ot.mainWrapper,l)},a.createElement(r.Z,{fallback:e=>a.createElement(Lt,e)},t)),!n&&a.createElement(Ct,null))}},21327:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var a=n(87462),o=n(67294),r=n(39960),i=n(44996),l=n(52263),s=n(86668),c=n(50941);function u(e){let{logo:t,alt:n,imageClassName:a}=e;const r={light:(0,i.Z)(t.src),dark:(0,i.Z)(t.srcDark||t.src)},l=o.createElement(c.Z,{className:t.className,sources:r,height:t.height,width:t.width,alt:n,style:t.style});return a?o.createElement("div",{className:a},l):l}function d(e){const{siteConfig:{title:t}}=(0,l.Z)(),{navbar:{title:n,logo:c}}=(0,s.L)(),{imageClassName:d,titleClassName:b,...f}=e,p=(0,i.Z)(c?.href||"/"),g=n?"":t,m=c?.alt??g;return o.createElement(r.Z,(0,a.Z)({to:p},f,c?.target&&{target:c.target}),c&&o.createElement(u,{logo:c,alt:m,imageClassName:d}),null!=n&&o.createElement("b",{className:b},n))}},90197:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294),o=n(35742);function r(e){let{locale:t,version:n,tag:r}=e;const i=t;return a.createElement(o.Z,null,t&&a.createElement("meta",{name:"docusaurus_locale",content:t}),n&&a.createElement("meta",{name:"docusaurus_version",content:n}),r&&a.createElement("meta",{name:"docusaurus_tag",content:r}),i&&a.createElement("meta",{name:"docsearch:language",content:i}),n&&a.createElement("meta",{name:"docsearch:version",content:n}),r&&a.createElement("meta",{name:"docsearch:docusaurus_tag",content:r}))}},50941:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var a=n(87462),o=n(67294),r=n(86010),i=n(72389),l=n(92949);const s={themedImage:"themedImage_ToTc","themedImage--light":"themedImage--light_HNdA","themedImage--dark":"themedImage--dark_i4oU"};function c(e){const t=(0,i.Z)(),{colorMode:n}=(0,l.I)(),{sources:c,className:u,alt:d,...b}=e,f=t?"dark"===n?["dark"]:["light"]:["light","dark"];return o.createElement(o.Fragment,null,f.map((e=>o.createElement("img",(0,a.Z)({key:e,src:c[e],alt:d,className:(0,r.Z)(s.themedImage,s[`themedImage--${e}`],u)},b)))))}},86043:(e,t,n)=>{"use strict";n.d(t,{u:()=>s,z:()=>m});var a=n(87462),o=n(67294),r=n(10412),i=n(91442);const l="ease-in-out";function s(e){let{initialState:t}=e;const[n,a]=(0,o.useState)(t??!1),r=(0,o.useCallback)((()=>{a((e=>!e))}),[]);return{collapsed:n,setCollapsed:a,toggleCollapsed:r}}const c={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?c:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function b(e){let{collapsibleRef:t,collapsed:n,animation:a}=e;const r=(0,o.useRef)(!1);(0,o.useEffect)((()=>{const e=t.current;function o(){const t=e.scrollHeight,n=a?.duration??function(e){if((0,i.n)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${a?.easing??l}`,height:`${t}px`}}function s(){const t=o();e.style.transition=t.transition,e.style.height=t.height}if(!r.current)return d(e,n),void(r.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=c.height,e.style.overflow=c.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,a])}function f(e){if(!r.Z.canUseDOM)return e?c:u}function p(e){let{as:t="div",collapsed:n,children:a,animation:r,onCollapseTransitionEnd:i,className:l,disableSSRStyle:s}=e;const c=(0,o.useRef)(null);return b({collapsibleRef:c,collapsed:n,animation:r}),o.createElement(t,{ref:c,style:s?void 0:f(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(c.current,n),i?.(n))},className:l},a)}function g(e){let{collapsed:t,...n}=e;const[r,i]=(0,o.useState)(!t),[l,s]=(0,o.useState)(t);return(0,o.useLayoutEffect)((()=>{t||i(!0)}),[t]),(0,o.useLayoutEffect)((()=>{r&&s(t)}),[r,t]),r?o.createElement(p,(0,a.Z)({},n,{collapsed:l})):null}function m(e){let{lazy:t,...n}=e;const a=t?g:p;return o.createElement(a,n)}},59689:(e,t,n)=>{"use strict";n.d(t,{nT:()=>p,pl:()=>f});var a=n(67294),o=n(72389),r=n(50012),i=n(902),l=n(86668);const s=(0,r.WA)("docusaurus.announcement.dismiss"),c=(0,r.WA)("docusaurus.announcement.id"),u=()=>"true"===s.get(),d=e=>s.set(String(e)),b=a.createContext(null);function f(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,o.Z)(),[n,r]=(0,a.useState)((()=>!!t&&u()));(0,a.useEffect)((()=>{r(u())}),[]);const i=(0,a.useCallback)((()=>{d(!0),r(!0)}),[]);return(0,a.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=c.get();"annoucement-bar"===n&&(n="announcement-bar");const a=t!==n;c.set(t),a&&d(!1),!a&&u()||r(!1)}),[e]),(0,a.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return a.createElement(b.Provider,{value:n},t)}function p(){const e=(0,a.useContext)(b);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},92949:(e,t,n)=>{"use strict";n.d(t,{I:()=>m,S:()=>g});var a=n(67294),o=n(10412),r=n(902),i=n(50012),l=n(86668);const s=a.createContext(void 0),c="theme",u=(0,i.WA)(c),d={light:"light",dark:"dark"},b=e=>e===d.dark?d.dark:d.light,f=e=>o.Z.canUseDOM?b(document.documentElement.getAttribute("data-theme")):b(e),p=e=>{u.set(b(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[o,r]=(0,a.useState)(f(e));(0,a.useEffect)((()=>{t&&u.del()}),[t]);const i=(0,a.useCallback)((function(t,a){void 0===a&&(a={});const{persist:o=!0}=a;t?(r(t),o&&p(t)):(r(n?window.matchMedia("(prefers-color-scheme: dark)").matches?d.dark:d.light:e),u.del())}),[n,e]);(0,a.useEffect)((()=>{document.documentElement.setAttribute("data-theme",b(o))}),[o]),(0,a.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==c)return;const t=u.get();null!==t&&i(b(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,a.useRef)(!1);return(0,a.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(a),()=>e.removeListener(a)}),[i,t,n]),(0,a.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===d.dark},setLightTheme(){i(d.light)},setDarkTheme(){i(d.dark)}})),[o,i])}();return a.createElement(s.Provider,{value:n},t)}function m(){const e=(0,a.useContext)(s);if(null==e)throw new r.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},60373:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>m});var a=n(67294),o=n(80143),r=n(29935),i=n(86668),l=n(52802),s=n(902),c=n(50012);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,c.WA)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(u(e),{persistence:t}).del()}},b=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=a.createContext(null);function p(){const e=(0,o._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,a.useMemo)((()=>Object.keys(e)),[e]),[r,l]=(0,a.useState)((()=>b(n)));(0,a.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:a}=e;function o(e){const t=d.read(e,n);return a[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[r,(0,a.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function g(e){let{children:t}=e;const n=p();return a.createElement(f.Provider,{value:n},t)}function m(e){let{children:t}=e;return l.cE?a.createElement(g,null,t):a.createElement(a.Fragment,null,t)}function h(){const e=(0,a.useContext)(f);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=r.m);const t=(0,o.zh)(e),[n,i]=h(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,a.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},1116:(e,t,n)=>{"use strict";n.d(t,{V:()=>s,b:()=>l});var a=n(67294),o=n(902);const r=Symbol("EmptyContext"),i=a.createContext(r);function l(e){let{children:t,name:n,items:o}=e;const r=(0,a.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return a.createElement(i.Provider,{value:r},t)}function s(){const e=(0,a.useContext)(i);if(e===r)throw new o.i6("DocsSidebarProvider");return e}},72961:(e,t,n)=>{"use strict";n.d(t,{M:()=>b,e:()=>f});var a=n(67294),o=n(13102),r=n(87524),i=n(16550),l=(n(61688),n(902));function s(e){!function(e){const t=(0,i.k6)(),n=(0,l.zX)(e);(0,a.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var c=n(86668);const u=a.createContext(void 0);function d(){const e=function(){const e=(0,o.HY)(),{items:t}=(0,c.L)().navbar;return 0===t.length&&!e.component}(),t=(0,r.i)(),n=!e&&"mobile"===t,[i,l]=(0,a.useState)(!1);s((()=>{if(i)return l(!1),!1}));const u=(0,a.useCallback)((()=>{l((e=>!e))}),[]);return(0,a.useEffect)((()=>{"desktop"===t&&l(!1)}),[t]),(0,a.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:i})),[e,n,u,i])}function b(e){let{children:t}=e;const n=d();return a.createElement(u.Provider,{value:n},t)}function f(){const e=a.useContext(u);if(void 0===e)throw new l.i6("NavbarMobileSidebarProvider");return e}},13102:(e,t,n)=>{"use strict";n.d(t,{HY:()=>l,Zo:()=>s,n2:()=>i});var a=n(67294),o=n(902);const r=a.createContext(null);function i(e){let{children:t}=e;const n=(0,a.useState)({component:null,props:null});return a.createElement(r.Provider,{value:n},t)}function l(){const e=(0,a.useContext)(r);if(!e)throw new o.i6("NavbarSecondaryMenuContentProvider");return e[0]}function s(e){let{component:t,props:n}=e;const i=(0,a.useContext)(r);if(!i)throw new o.i6("NavbarSecondaryMenuContentProvider");const[,l]=i,s=(0,o.Ql)(n);return(0,a.useEffect)((()=>{l({component:t,props:s})}),[l,t,s]),(0,a.useEffect)((()=>()=>l({component:null,props:null})),[l]),null}},19727:(e,t,n)=>{"use strict";n.d(t,{h:()=>o,t:()=>r});var a=n(67294);const o="navigation-with-keyboard";function r(){(0,a.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},87524:(e,t,n)=>{"use strict";n.d(t,{i:()=>c});var a=n(67294),o=n(10412);const r={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function l(){return o.Z.canUseDOM?window.innerWidth>i?r.desktop:r.mobile:r.ssr}const s=!1;function c(){const[e,t]=(0,a.useState)((()=>s?"ssr":l()));return(0,a.useEffect)((()=>{function e(){t(l())}const n=s?window.setTimeout(e,1e3):void 0;return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),clearTimeout(n)}}),[]),e}},35281:(e,t,n)=>{"use strict";n.d(t,{k:()=>a});const a={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},91442:(e,t,n)=>{"use strict";function a(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{n:()=>a})},52802:(e,t,n)=>{"use strict";n.d(t,{Wl:()=>b,_F:()=>g,cE:()=>d,hI:()=>x,lO:()=>v,vY:()=>_,oz:()=>y,s1:()=>h});var a=n(67294),o=n(16550),r=n(18790),i=n(80143),l=n(60373),s=n(1116);function c(e){return Array.from(new Set(e))}var u=n(48596);const d=!!i._r;function b(e){if(e.href)return e.href;for(const t of e.items){if("link"===t.type)return t.href;if("category"===t.type){const e=b(t);if(e)return e}}}const f=(e,t)=>void 0!==e&&(0,u.Mg)(e,t),p=(e,t)=>e.some((e=>g(e,t)));function g(e,t){return"link"===e.type?f(e.href,t):"category"===e.type&&(f(e.href,t)||p(e.items,t))}function m(e){let{sidebarItems:t,pathname:n,onlyCategories:a=!1}=e;const o=[];return function e(t){for(const r of t)if("category"===r.type&&((0,u.Mg)(r.href,n)||e(r.items))||"link"===r.type&&(0,u.Mg)(r.href,n)){return a&&"category"!==r.type||o.unshift(r),!0}return!1}(t),o}function h(){const e=(0,s.V)(),{pathname:t}=(0,o.TH)(),n=(0,i.gA)()?.pluginData.breadcrumbs;return!1!==n&&e?m({sidebarItems:e.items,pathname:t}):null}function v(e){const{activeVersion:t}=(0,i.Iw)(e),{preferredVersion:n}=(0,l.J)(e),o=(0,i.yW)(e);return(0,a.useMemo)((()=>c([t,n,o].filter(Boolean))),[t,n,o])}function y(e,t){const n=v(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),a=t.find((t=>t[0]===e));if(!a)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return a[1]}),[e,n])}function _(e,t){const n=v(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),a=t.find((t=>t.id===e));if(!a){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${c(t.map((e=>e.id))).join("\n- ")}`)}return a}),[e,n])}function x(e){let{route:t,versionMetadata:n}=e;const a=(0,o.TH)(),i=t.routes,l=i.find((e=>(0,o.LX)(a.pathname,e)));if(!l)return null;const s=l.sidebar,c=s?n.docsSidebars[s]:void 0;return{docElement:(0,r.H)(i),sidebarName:s,sidebarItems:c}}},1944:(e,t,n)=>{"use strict";n.d(t,{FG:()=>b,d:()=>u,VC:()=>f});var a=n(67294),o=n(86010),r=n(35742),i=n(30226);function l(){const e=a.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(44996),c=n(52263);function u(e){let{title:t,description:n,keywords:o,image:i,children:l}=e;const u=function(e){const{siteConfig:t}=(0,c.Z)(),{title:n,titleDelimiter:a}=t;return e?.trim().length?`${e.trim()} ${a} ${n}`:n}(t),{withBaseUrl:d}=(0,s.C)(),b=i?d(i,{absolute:!0}):void 0;return a.createElement(r.Z,null,t&&a.createElement("title",null,u),t&&a.createElement("meta",{property:"og:title",content:u}),n&&a.createElement("meta",{name:"description",content:n}),n&&a.createElement("meta",{property:"og:description",content:n}),o&&a.createElement("meta",{name:"keywords",content:Array.isArray(o)?o.join(","):o}),b&&a.createElement("meta",{property:"og:image",content:b}),b&&a.createElement("meta",{name:"twitter:image",content:b}),l)}const d=a.createContext(void 0);function b(e){let{className:t,children:n}=e;const i=a.useContext(d),l=(0,o.Z)(i,t);return a.createElement(d.Provider,{value:l},a.createElement(r.Z,null,a.createElement("html",{className:l})),n)}function f(e){let{children:t}=e;const n=l(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const i=`plugin-id-${n.plugin.id}`;return a.createElement(b,{className:(0,o.Z)(r,i)},t)}},902:(e,t,n)=>{"use strict";n.d(t,{D9:()=>i,Qc:()=>c,Ql:()=>s,i6:()=>l,zX:()=>r});var a=n(67294);const o=n(10412).Z.canUseDOM?a.useLayoutEffect:a.useEffect;function r(e){const t=(0,a.useRef)(e);return o((()=>{t.current=e}),[e]),(0,a.useCallback)((function(){return t.current(...arguments)}),[])}function i(e){const t=(0,a.useRef)();return o((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function s(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,a.useMemo)((()=>e),t.flat())}function c(e){return t=>{let{children:n}=t;return a.createElement(a.Fragment,null,e.reduceRight(((e,t)=>a.createElement(t,null,e)),n))}}},48596:(e,t,n)=>{"use strict";n.d(t,{Mg:()=>i,Ns:()=>l});var a=n(67294),o=n(723),r=n(52263);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function l(){const{baseUrl:e}=(0,r.Z)().siteConfig;return(0,a.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function a(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(a)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.Z,baseUrl:e})),[e])}},12466:(e,t,n)=>{"use strict";n.d(t,{Ct:()=>b,OC:()=>s,RF:()=>d});var a=n(67294),o=n(10412),r=n(72389),i=n(902);const l=a.createContext(void 0);function s(e){let{children:t}=e;const n=function(){const e=(0,a.useRef)(!0);return(0,a.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return a.createElement(l.Provider,{value:n},t)}function c(){const e=(0,a.useContext)(l);if(null==e)throw new i.i6("ScrollControllerProvider");return e}const u=()=>o.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),o=(0,a.useRef)(u()),r=(0,i.zX)(e);(0,a.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();r(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[r,n,...t])}function b(){const e=(0,a.useRef)(null),t=(0,r.Z)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function a(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(a),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},43320:(e,t,n)=>{"use strict";n.d(t,{HX:()=>a,os:()=>o});n(52263);const a="default";function o(e,t){return`docs-${e}-${t}`}},50012:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(67294),n(61688);const a="localStorage";function o(e){let{key:t,oldValue:n,newValue:a,storage:o}=e;if(n===a)return;const r=document.createEvent("StorageEvent");r.initStorageEvent("storage",!1,!1,t,n,a,window.location.href,o),window.dispatchEvent(r)}function r(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=r(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const a=n.getItem(e);n.setItem(e,t),o({key:e,oldValue:a,newValue:t,storage:n})}catch(a){console.error(`Docusaurus storage error, can't set ${e}=${t}`,a)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),o({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const a=a=>{a.storageArea===n&&a.key===e&&t(a)};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)}catch(a){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,a),()=>{}}}}}},94711:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var a=n(52263),o=n(16550),r=n(18780);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:l}}=(0,a.Z)(),{pathname:s}=(0,o.TH)(),c=(0,r.applyTrailingSlash)(s,{trailingSlash:n,baseUrl:e}),u=l===i?e:e.replace(`/${l}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:a}=e;return`${a?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},85936:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var a=n(67294),o=n(16550),r=n(902);function i(e){const t=(0,o.TH)(),n=(0,r.D9)(t),i=(0,r.zX)(e);(0,a.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},86668:(e,t,n)=>{"use strict";n.d(t,{L:()=>o});var a=n(52263);function o(){return(0,a.Z)().siteConfig.themeConfig}},8802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:a}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[o]=e.split(/[#?]/),r="/"===o||o===a?o:(i=o,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(o,r)}},54143:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},18780:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var o=n(8802);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return a(o).default}});var r=n(54143);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return r.getErrorCausalChain}})},80311:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var a=n(67294),o=n(86010);const r={loadingRing:"loadingRing_RJI3","loading-ring":"loading-ring_FB5o"};function i(e){let{className:t}=e;return a.createElement("div",{className:(0,o.Z)(r.loadingRing,t)},a.createElement("div",null),a.createElement("div",null),a.createElement("div",null),a.createElement("div",null))}},90022:(e,t,n)=>{"use strict";n.d(t,{w:()=>i});var a=n(31336),o=n.n(a),r=n(61029);async function i(e){{const t=await(await fetch(`${e}search-index.json?_=${r.rx}`)).json(),n=t.map(((e,t)=>{let{documents:n,index:a}=e;return{type:t,documents:n,index:o().Index.load(a)}})),a=t.reduce(((e,t)=>{for(const n of t.index.invertedIndex)/\p{Unified_Ideograph}/u.test(n[0][0])&&e.add(n[0]);return e}),new Set);return{wrappedIndexes:n,zhDictionary:Array.from(a)}}}},98202:(e,t,n)=>{"use strict";n.d(t,{v:()=>s});var a=n(31336),o=n.n(a);var r=n(61029);function i(e){return l(e).concat(l(e.filter((e=>{const t=e[e.length-1];return!t.trailing&&t.maybeTyping})),!0))}function l(e,t){return e.map((e=>({tokens:e.map((e=>e.value)),term:e.map((e=>({value:e.value,presence:o().Query.presence.REQUIRED,wildcard:(t?e.trailing||e.maybeTyping:e.trailing)?o().Query.wildcard.TRAILING:o().Query.wildcard.NONE})))})))}function s(e,t,n){return function(a,l){const s=function(e,t){if(1===t.length&&["ja","jp","th"].includes(t[0]))return o()[t[0]].tokenizer(e).map((e=>e.toString()));let n=/[^-\s]+/g;return t.includes("zh")&&(n=/\w+|\p{Unified_Ideograph}+/gu),e.toLowerCase().match(n)||[]}(a,r.dK);if(0===s.length)return void l([]);const c=function(e,t){const n=function(e,t){const n=[];return function e(a,o){if(0===a.length)return void n.push(o);const r=a[0];if(/\p{Unified_Ideograph}/u.test(r)){const n=function(e,t){const n=[];return function e(a,o){let r=0,i=!1;for(const l of t)if(a.substr(0,l.length)===l){const t={missed:o.missed,term:o.term.concat({value:l})};a.length>l.length?e(a.substr(l.length),t):n.push(t),i=!0}else for(let t=l.length-1;t>r;t-=1){const s=l.substr(0,t);if(a.substr(0,t)===s){r=t;const l={missed:o.missed,term:o.term.concat({value:s,trailing:!0})};a.length>t?e(a.substr(t),l):n.push(l),i=!0;break}}i||(a.length>0?e(a.substr(1),{missed:o.missed+1,term:o.term}):o.term.length>0&&n.push(o))}(e,{missed:0,term:[]}),n.sort(((e,t)=>{const n=e.missed>0?1:0,a=t.missed>0?1:0;return n!==a?n-a:e.term.length-t.term.length})).map((e=>e.term))}(r,t);for(const t of n){const n=o.concat(...t);e(a.slice(1),n)}}else{const t=o.concat({value:r});e(a.slice(1),t)}}(e,[]),n}(e,t);if(0===n.length)return[{tokens:e,term:e.map((e=>({value:e,presence:o().Query.presence.REQUIRED,wildcard:o().Query.wildcard.LEADING|o().Query.wildcard.TRAILING})))}];for(const o of n)o[o.length-1].maybeTyping=!0;const a=[];for(const i of r.dK)if("en"===i)r._k||a.unshift(o().stopWordFilter);else{const e=o()[i];e.stopWordFilter&&a.unshift(e.stopWordFilter)}let l;if(a.length>0){const e=e=>a.reduce(((e,t)=>e.filter((e=>t(e.value)))),e);l=[];const t=[];for(const a of n){const n=e(a);l.push(n),n.length<a.length&&n.length>0&&t.push(n)}n.push(...t)}else l=n.slice();const s=[];for(const o of l)if(o.length>2)for(let e=o.length-1;e>=0;e-=1)s.push(o.slice(0,e).concat(o.slice(e+1)));return i(n).concat(i(s))}(s,t),u=[];e:for(const{term:t,tokens:o}of c)for(const{documents:a,index:r,type:i}of e)if(u.push(...r.query((e=>{for(const n of t)e.term(n.value,{wildcard:n.wildcard,presence:n.presence})})).slice(0,n).filter((e=>!u.some((t=>t.document.i.toString()===e.ref)))).slice(0,n-u.length).map((t=>{const n=a.find((e=>e.i.toString()===t.ref));return{document:n,type:i,page:0!==i&&e[0].documents.find((e=>e.i===n.p)),metadata:t.matchData.metadata,tokens:o,score:t.score}}))),u.length>=n)break e;!function(e){e.forEach(((e,t)=>{e.index=t})),e.sort(((t,n)=>{let a=t.type>0&&t.page?e.findIndex((e=>e.document===t.page)):t.index,o=n.type>0&&n.page?e.findIndex((e=>e.document===n.page)):n.index;return-1===a&&(a=t.index),-1===o&&(o=n.index),a===o?0===t.type?-1:0===n.type?1:t.index-n.index:a-o}))}(u),function(e){e.forEach(((t,n)=>{n>0&&t.page&&e.some((e=>e.document===t.page))&&(n<e.length-1&&e[n+1].page===t.page?t.isInterOfTree=!0:t.isLastOfTree=!0)}))}(u),l(u)}}},73926:(e,t,n)=>{"use strict";function a(e){return e.join(" \u203a ")}n.d(t,{e:()=>a})},21690:(e,t,n)=>{"use strict";function a(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}n.d(t,{X:()=>a})},91073:(e,t,n)=>{"use strict";function a(e,t){const n=[];for(const a of Object.values(e))a[t]&&n.push(...a[t].position);return n.sort(((e,t)=>e[0]-t[0]||t[1]-e[1]))}n.d(t,{m:()=>a})},82539:(e,t,n)=>{"use strict";n.d(t,{C:()=>o});var a=n(21690);function o(e,t,n){const r=[];for(const i of t){const n=e.toLowerCase().indexOf(i);if(n>=0){n>0&&r.push(o(e.substr(0,n),t)),r.push(`<mark>${(0,a.X)(e.substr(n,i.length))}</mark>`);const l=n+i.length;l<e.length&&r.push(o(e.substr(l),t));break}}return 0===r.length?n?`<mark>${(0,a.X)(e)}</mark>`:(0,a.X)(e):r.join("")}},10726:(e,t,n)=>{"use strict";n.d(t,{o:()=>s});var a=n(21690),o=n(82539);const r=/\w+|\p{Unified_Ideograph}/u;function i(e){const t=[];let n=0,a=e;for(;a.length>0;){const o=a.match(r);if(!o){t.push(a);break}o.index>0&&t.push(a.substring(0,o.index)),t.push(o[0]),n+=o.index+o[0].length,a=e.substring(n)}return t}var l=n(61029);function s(e,t,n,r){void 0===r&&(r=l.Hk);const{chunkIndex:s,chunks:c}=function(e,t,n){const r=[];let l=0,s=0,c=-1;for(;l<t.length;){const[u,d]=t[l];if(l+=1,!(u<s)){if(u>s){const t=i(e.substring(s,u)).map((e=>({html:(0,a.X)(e),textLength:e.length})));for(const e of t)r.push(e)}-1===c&&(c=r.length),s=u+d,r.push({html:(0,o.C)(e.substring(u,s),n,!0),textLength:d})}}if(s<e.length){const t=i(e.substring(s)).map((e=>({html:(0,a.X)(e),textLength:e.length})));for(const e of t)r.push(e)}return{chunkIndex:c,chunks:r}}(e,t,n),u=c.slice(0,s),d=c[s],b=[d.html],f=c.slice(s+1);let p=d.textLength,g=0,m=0,h=!1,v=!1;for(;p<r;)if((g<=m||0===f.length)&&u.length>0){const e=u.pop();p+e.textLength<=r?(b.unshift(e.html),g+=e.textLength,p+=e.textLength):(h=!0,u.length=0)}else{if(!(f.length>0))break;{const e=f.shift();p+e.textLength<=r?(b.push(e.html),m+=e.textLength,p+=e.textLength):(v=!0,f.length=0)}}return(h||u.length>0)&&b.unshift("\u2026"),(v||f.length>0)&&b.push("\u2026"),b.join("")}},61029:(e,t,n)=>{"use strict";n.d(t,{vc:()=>r,gQ:()=>b,H6:()=>c,rx:()=>i,dK:()=>a,_k:()=>o,AY:()=>u,t_:()=>d,Hk:()=>s,qo:()=>l});n(31336);const a=["en"],o=!1,r=null,i=null,l=8,s=50,c=!1,u=!0,d=!0,b=void 0},86010:(e,t,n)=>{"use strict";function a(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=a(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}n.d(t,{Z:()=>o});const o=function(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=a(e))&&(o&&(o+=" "),o+=t);return o}},42358:(e,t,n)=>{"use strict";n.d(t,{lX:()=>k,q_:()=>j,ob:()=>g,PP:()=>O,Ep:()=>p,Hp:()=>m});var a=n(87462);function o(e){return"/"===e.charAt(0)}function r(e,t){for(var n=t,a=n+1,o=e.length;a<o;n+=1,a+=1)e[n]=e[a];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,a=e&&e.split("/")||[],i=t&&t.split("/")||[],l=e&&o(e),s=t&&o(t),c=l||s;if(e&&o(e)?i=a:a.length&&(i.pop(),i=i.concat(a)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,b=i.length;b>=0;b--){var f=i[b];"."===f?r(i,b):".."===f?(r(i,b),d++):d&&(r(i,b),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var p=i.join("/");return n&&"/"!==p.substr(-1)&&(p+="/"),p};function l(e){return e.valueOf?e.valueOf():Object.prototype.valueOf.call(e)}const s=function e(t,n){if(t===n)return!0;if(null==t||null==n)return!1;if(Array.isArray(t))return Array.isArray(n)&&t.length===n.length&&t.every((function(t,a){return e(t,n[a])}));if("object"==typeof t||"object"==typeof n){var a=l(t),o=l(n);return a!==t||o!==n?e(a,o):Object.keys(Object.assign({},t,n)).every((function(a){return e(t[a],n[a])}))}return!1};var c=n(38776);function u(e){return"/"===e.charAt(0)?e:"/"+e}function d(e){return"/"===e.charAt(0)?e.substr(1):e}function b(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function f(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,a=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(o+="#"===a.charAt(0)?a:"#"+a),o}function g(e,t,n,o){var r;"string"==typeof e?(r=function(e){var t=e||"/",n="",a="",o=t.indexOf("#");-1!==o&&(a=t.substr(o),t=t.substr(0,o));var r=t.indexOf("?");return-1!==r&&(n=t.substr(r),t=t.substr(0,r)),{pathname:t,search:"?"===n?"":n,hash:"#"===a?"":a}}(e),r.state=t):(void 0===(r=(0,a.Z)({},e)).pathname&&(r.pathname=""),r.search?"?"!==r.search.charAt(0)&&(r.search="?"+r.search):r.search="",r.hash?"#"!==r.hash.charAt(0)&&(r.hash="#"+r.hash):r.hash="",void 0!==t&&void 0===r.state&&(r.state=t));try{r.pathname=decodeURI(r.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+r.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(r.key=n),o?r.pathname?"/"!==r.pathname.charAt(0)&&(r.pathname=i(r.pathname,o.pathname)):r.pathname=o.pathname:r.pathname||(r.pathname="/"),r}function m(e,t){return e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&e.key===t.key&&s(e.state,t.state)}function h(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,a,o){if(null!=e){var r="function"==typeof e?e(t,n):e;"string"==typeof r?"function"==typeof a?a(r,o):o(!0):o(!1!==r)}else o(!0)},appendListener:function(e){var n=!0;function a(){n&&e.apply(void 0,arguments)}return t.push(a),function(){n=!1,t=t.filter((function(e){return e!==a}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];t.forEach((function(e){return e.apply(void 0,n)}))}}}var v=!("undefined"==typeof window||!window.document||!window.document.createElement);function y(e,t){t(window.confirm(e))}var _="popstate",x="hashchange";function w(){try{return window.history.state||{}}catch(e){return{}}}function k(e){void 0===e&&(e={}),v||(0,c.Z)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,r=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,l=i.forceRefresh,s=void 0!==l&&l,d=i.getUserConfirmation,m=void 0===d?y:d,k=i.keyLength,E=void 0===k?6:k,S=e.basename?f(u(e.basename)):"";function z(e){var t=e||{},n=t.key,a=t.state,o=window.location,r=o.pathname+o.search+o.hash;return S&&(r=b(r,S)),g(r,a,n)}function C(){return Math.random().toString(36).substr(2,E)}var T=h();function j(e){(0,a.Z)($,e),$.length=n.length,T.notifyListeners($.location,$.action)}function L(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||N(z(e.state))}function O(){N(z(w()))}var P=!1;function N(e){if(P)P=!1,j();else{T.confirmTransitionTo(e,"POP",m,(function(t){t?j({action:"POP",location:e}):function(e){var t=$.location,n=A.indexOf(t.key);-1===n&&(n=0);var a=A.indexOf(e.key);-1===a&&(a=0);var o=n-a;o&&(P=!0,R(o))}(e)}))}}var M=z(w()),A=[M.key];function I(e){return S+p(e)}function R(e){n.go(e)}var D=0;function F(e){1===(D+=e)&&1===e?(window.addEventListener(_,L),r&&window.addEventListener(x,O)):0===D&&(window.removeEventListener(_,L),r&&window.removeEventListener(x,O))}var B=!1;var $={length:n.length,action:"POP",location:M,createHref:I,push:function(e,t){var a="PUSH",r=g(e,t,C(),$.location);T.confirmTransitionTo(r,a,m,(function(e){if(e){var t=I(r),i=r.key,l=r.state;if(o)if(n.pushState({key:i,state:l},null,t),s)window.location.href=t;else{var c=A.indexOf($.location.key),u=A.slice(0,c+1);u.push(r.key),A=u,j({action:a,location:r})}else window.location.href=t}}))},replace:function(e,t){var a="REPLACE",r=g(e,t,C(),$.location);T.confirmTransitionTo(r,a,m,(function(e){if(e){var t=I(r),i=r.key,l=r.state;if(o)if(n.replaceState({key:i,state:l},null,t),s)window.location.replace(t);else{var c=A.indexOf($.location.key);-1!==c&&(A[c]=r.key),j({action:a,location:r})}else window.location.replace(t)}}))},go:R,goBack:function(){R(-1)},goForward:function(){R(1)},block:function(e){void 0===e&&(e=!1);var t=T.setPrompt(e);return B||(F(1),B=!0),function(){return B&&(B=!1,F(-1)),t()}},listen:function(e){var t=T.appendListener(e);return F(1),function(){F(-1),t()}}};return $}var E="hashchange",S={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+d(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:d,decodePath:u},slash:{encodePath:u,decodePath:u}};function z(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function C(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function T(e){window.location.replace(z(window.location.href)+"#"+e)}function j(e){void 0===e&&(e={}),v||(0,c.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,r=void 0===o?y:o,i=n.hashType,l=void 0===i?"slash":i,s=e.basename?f(u(e.basename)):"",d=S[l],m=d.encodePath,_=d.decodePath;function x(){var e=_(C());return s&&(e=b(e,s)),g(e)}var w=h();function k(e){(0,a.Z)(B,e),B.length=t.length,w.notifyListeners(B.location,B.action)}var j=!1,L=null;function O(){var e,t,n=C(),a=m(n);if(n!==a)T(a);else{var o=x(),i=B.location;if(!j&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(L===p(o))return;L=null,function(e){if(j)j=!1,k();else{var t="POP";w.confirmTransitionTo(e,t,r,(function(n){n?k({action:t,location:e}):function(e){var t=B.location,n=A.lastIndexOf(p(t));-1===n&&(n=0);var a=A.lastIndexOf(p(e));-1===a&&(a=0);var o=n-a;o&&(j=!0,I(o))}(e)}))}}(o)}}var P=C(),N=m(P);P!==N&&T(N);var M=x(),A=[p(M)];function I(e){t.go(e)}var R=0;function D(e){1===(R+=e)&&1===e?window.addEventListener(E,O):0===R&&window.removeEventListener(E,O)}var F=!1;var B={length:t.length,action:"POP",location:M,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=z(window.location.href)),n+"#"+m(s+p(e))},push:function(e,t){var n="PUSH",a=g(e,void 0,void 0,B.location);w.confirmTransitionTo(a,n,r,(function(e){if(e){var t=p(a),o=m(s+t);if(C()!==o){L=t,function(e){window.location.hash=e}(o);var r=A.lastIndexOf(p(B.location)),i=A.slice(0,r+1);i.push(t),A=i,k({action:n,location:a})}else k()}}))},replace:function(e,t){var n="REPLACE",a=g(e,void 0,void 0,B.location);w.confirmTransitionTo(a,n,r,(function(e){if(e){var t=p(a),o=m(s+t);C()!==o&&(L=t,T(o));var r=A.indexOf(p(B.location));-1!==r&&(A[r]=t),k({action:n,location:a})}}))},go:I,goBack:function(){I(-1)},goForward:function(){I(1)},block:function(e){void 0===e&&(e=!1);var t=w.setPrompt(e);return F||(D(1),F=!0),function(){return F&&(F=!1,D(-1)),t()}},listen:function(e){var t=w.appendListener(e);return D(1),function(){D(-1),t()}}};return B}function L(e,t,n){return Math.min(Math.max(e,t),n)}function O(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,r=void 0===o?["/"]:o,i=t.initialIndex,l=void 0===i?0:i,s=t.keyLength,c=void 0===s?6:s,u=h();function d(e){(0,a.Z)(_,e),_.length=_.entries.length,u.notifyListeners(_.location,_.action)}function b(){return Math.random().toString(36).substr(2,c)}var f=L(l,0,r.length-1),m=r.map((function(e){return g(e,void 0,"string"==typeof e?b():e.key||b())})),v=p;function y(e){var t=L(_.index+e,0,_.entries.length-1),a=_.entries[t];u.confirmTransitionTo(a,"POP",n,(function(e){e?d({action:"POP",location:a,index:t}):d()}))}var _={length:m.length,action:"POP",location:m[f],index:f,entries:m,createHref:v,push:function(e,t){var a="PUSH",o=g(e,t,b(),_.location);u.confirmTransitionTo(o,a,n,(function(e){if(e){var t=_.index+1,n=_.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:a,location:o,index:t,entries:n})}}))},replace:function(e,t){var a="REPLACE",o=g(e,t,b(),_.location);u.confirmTransitionTo(o,a,n,(function(e){e&&(_.entries[_.index]=o,d({action:a,location:o}))}))},go:y,goBack:function(){y(-1)},goForward:function(){y(1)},canGo:function(e){var t=_.index+e;return t>=0&&t<_.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return _}},8679:(e,t,n)=>{"use strict";var a=n(59864),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},r={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return a.isMemo(e)?i:l[e.$$typeof]||o}l[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[a.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,b=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,p=Object.prototype;e.exports=function e(t,n,a){if("string"!=typeof n){if(p){var o=f(n);o&&o!==p&&e(t,o,a)}var i=u(n);d&&(i=i.concat(d(n)));for(var l=s(t),g=s(n),m=0;m<i.length;++m){var h=i[m];if(!(r[h]||a&&a[h]||g&&g[h]||l&&l[h])){var v=b(n,h);try{c(t,h,v)}catch(y){}}}}return t}},41143:e=>{"use strict";e.exports=function(e,t,n,a,o,r,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,a,o,r,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},5826:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},31336:(e,t,n)=>{var a,o;!function(){var r,i,l,s,c,u,d,b,f,p,g,m,h,v,y,_,x,w,k,E,S,z,C,T,j,L,O,P,N,M,A=function(e){var t=new A.Builder;return t.pipeline.add(A.trimmer,A.stopWordFilter,A.stemmer),t.searchPipeline.add(A.stemmer),e.call(t,t),t.build()};A.version="2.3.9",A.utils={},A.utils.warn=(r=this,function(e){r.console&&console.warn&&console.warn(e)}),A.utils.asString=function(e){return null==e?"":e.toString()},A.utils.clone=function(e){if(null==e)return e;for(var t=Object.create(null),n=Object.keys(e),a=0;a<n.length;a++){var o=n[a],r=e[o];if(Array.isArray(r))t[o]=r.slice();else{if("string"!=typeof r&&"number"!=typeof r&&"boolean"!=typeof r)throw new TypeError("clone is not deep and does not support nested objects");t[o]=r}}return t},A.FieldRef=function(e,t,n){this.docRef=e,this.fieldName=t,this._stringValue=n},A.FieldRef.joiner="/",A.FieldRef.fromString=function(e){var t=e.indexOf(A.FieldRef.joiner);if(-1===t)throw"malformed field ref string";var n=e.slice(0,t),a=e.slice(t+1);return new A.FieldRef(a,n,e)},A.FieldRef.prototype.toString=function(){return null==this._stringValue&&(this._stringValue=this.fieldName+A.FieldRef.joiner+this.docRef),this._stringValue},A.Set=function(e){if(this.elements=Object.create(null),e){this.length=e.length;for(var t=0;t<this.length;t++)this.elements[e[t]]=!0}else this.length=0},A.Set.complete={intersect:function(e){return e},union:function(){return this},contains:function(){return!0}},A.Set.empty={intersect:function(){return this},union:function(e){return e},contains:function(){return!1}},A.Set.prototype.contains=function(e){return!!this.elements[e]},A.Set.prototype.intersect=function(e){var t,n,a,o=[];if(e===A.Set.complete)return this;if(e===A.Set.empty)return e;this.length<e.length?(t=this,n=e):(t=e,n=this),a=Object.keys(t.elements);for(var r=0;r<a.length;r++){var i=a[r];i in n.elements&&o.push(i)}return new A.Set(o)},A.Set.prototype.union=function(e){return e===A.Set.complete?A.Set.complete:e===A.Set.empty?this:new A.Set(Object.keys(this.elements).concat(Object.keys(e.elements)))},A.idf=function(e,t){var n=0;for(var a in e)"_index"!=a&&(n+=Object.keys(e[a]).length);var o=(t-n+.5)/(n+.5);return Math.log(1+Math.abs(o))},A.Token=function(e,t){this.str=e||"",this.metadata=t||{}},A.Token.prototype.toString=function(){return this.str},A.Token.prototype.update=function(e){return this.str=e(this.str,this.metadata),this},A.Token.prototype.clone=function(e){return e=e||function(e){return e},new A.Token(e(this.str,this.metadata),this.metadata)},A.tokenizer=function(e,t){if(null==e||null==e)return[];if(Array.isArray(e))return e.map((function(e){return new A.Token(A.utils.asString(e).toLowerCase(),A.utils.clone(t))}));for(var n=e.toString().toLowerCase(),a=n.length,o=[],r=0,i=0;r<=a;r++){var l=r-i;if(n.charAt(r).match(A.tokenizer.separator)||r==a){if(l>0){var s=A.utils.clone(t)||{};s.position=[i,l],s.index=o.length,o.push(new A.Token(n.slice(i,r),s))}i=r+1}}return o},A.tokenizer.separator=/[\s\-]+/,A.Pipeline=function(){this._stack=[]},A.Pipeline.registeredFunctions=Object.create(null),A.Pipeline.registerFunction=function(e,t){t in this.registeredFunctions&&A.utils.warn("Overwriting existing registered function: "+t),e.label=t,A.Pipeline.registeredFunctions[e.label]=e},A.Pipeline.warnIfFunctionNotRegistered=function(e){e.label&&e.label in this.registeredFunctions||A.utils.warn("Function is not registered with pipeline. This may cause problems when serialising the index.\n",e)},A.Pipeline.load=function(e){var t=new A.Pipeline;return e.forEach((function(e){var n=A.Pipeline.registeredFunctions[e];if(!n)throw new Error("Cannot load unregistered function: "+e);t.add(n)})),t},A.Pipeline.prototype.add=function(){Array.prototype.slice.call(arguments).forEach((function(e){A.Pipeline.warnIfFunctionNotRegistered(e),this._stack.push(e)}),this)},A.Pipeline.prototype.after=function(e,t){A.Pipeline.warnIfFunctionNotRegistered(t);var n=this._stack.indexOf(e);if(-1==n)throw new Error("Cannot find existingFn");n+=1,this._stack.splice(n,0,t)},A.Pipeline.prototype.before=function(e,t){A.Pipeline.warnIfFunctionNotRegistered(t);var n=this._stack.indexOf(e);if(-1==n)throw new Error("Cannot find existingFn");this._stack.splice(n,0,t)},A.Pipeline.prototype.remove=function(e){var t=this._stack.indexOf(e);-1!=t&&this._stack.splice(t,1)},A.Pipeline.prototype.run=function(e){for(var t=this._stack.length,n=0;n<t;n++){for(var a=this._stack[n],o=[],r=0;r<e.length;r++){var i=a(e[r],r,e);if(null!=i&&""!==i)if(Array.isArray(i))for(var l=0;l<i.length;l++)o.push(i[l]);else o.push(i)}e=o}return e},A.Pipeline.prototype.runString=function(e,t){var n=new A.Token(e,t);return this.run([n]).map((function(e){return e.toString()}))},A.Pipeline.prototype.reset=function(){this._stack=[]},A.Pipeline.prototype.toJSON=function(){return this._stack.map((function(e){return A.Pipeline.warnIfFunctionNotRegistered(e),e.label}))},A.Vector=function(e){this._magnitude=0,this.elements=e||[]},A.Vector.prototype.positionForIndex=function(e){if(0==this.elements.length)return 0;for(var t=0,n=this.elements.length/2,a=n-t,o=Math.floor(a/2),r=this.elements[2*o];a>1&&(r<e&&(t=o),r>e&&(n=o),r!=e);)a=n-t,o=t+Math.floor(a/2),r=this.elements[2*o];return r==e||r>e?2*o:r<e?2*(o+1):void 0},A.Vector.prototype.insert=function(e,t){this.upsert(e,t,(function(){throw"duplicate index"}))},A.Vector.prototype.upsert=function(e,t,n){this._magnitude=0;var a=this.positionForIndex(e);this.elements[a]==e?this.elements[a+1]=n(this.elements[a+1],t):this.elements.splice(a,0,e,t)},A.Vector.prototype.magnitude=function(){if(this._magnitude)return this._magnitude;for(var e=0,t=this.elements.length,n=1;n<t;n+=2){var a=this.elements[n];e+=a*a}return this._magnitude=Math.sqrt(e)},A.Vector.prototype.dot=function(e){for(var t=0,n=this.elements,a=e.elements,o=n.length,r=a.length,i=0,l=0,s=0,c=0;s<o&&c<r;)(i=n[s])<(l=a[c])?s+=2:i>l?c+=2:i==l&&(t+=n[s+1]*a[c+1],s+=2,c+=2);return t},A.Vector.prototype.similarity=function(e){return this.dot(e)/this.magnitude()||0},A.Vector.prototype.toArray=function(){for(var e=new Array(this.elements.length/2),t=1,n=0;t<this.elements.length;t+=2,n++)e[n]=this.elements[t];return e},A.Vector.prototype.toJSON=function(){return this.elements},A.stemmer=(i={ational:"ate",tional:"tion",enci:"ence",anci:"ance",izer:"ize",bli:"ble",alli:"al",entli:"ent",eli:"e",ousli:"ous",ization:"ize",ation:"ate",ator:"ate",alism:"al",iveness:"ive",fulness:"ful",ousness:"ous",aliti:"al",iviti:"ive",biliti:"ble",logi:"log"},l={icate:"ic",ative:"",alize:"al",iciti:"ic",ical:"ic",ful:"",ness:""},d="^("+(c="[^aeiou][^aeiouy]*")+")?"+(u=(s="[aeiouy]")+"[aeiou]*")+c+"("+u+")?$",b="^("+c+")?"+u+c+u+c,f="^("+c+")?"+s,p=new RegExp("^("+c+")?"+u+c),g=new RegExp(b),m=new RegExp(d),h=new RegExp(f),v=/^(.+?)(ss|i)es$/,y=/^(.+?)([^s])s$/,_=/^(.+?)eed$/,x=/^(.+?)(ed|ing)$/,w=/.$/,k=/(at|bl|iz)$/,E=new RegExp("([^aeiouylsz])\\1$"),S=new RegExp("^"+c+s+"[^aeiouwxy]$"),z=/^(.+?[^aeiou])y$/,C=/^(.+?)(ational|tional|enci|anci|izer|bli|alli|entli|eli|ousli|ization|ation|ator|alism|iveness|fulness|ousness|aliti|iviti|biliti|logi)$/,T=/^(.+?)(icate|ative|alize|iciti|ical|ful|ness)$/,j=/^(.+?)(al|ance|ence|er|ic|able|ible|ant|ement|ment|ent|ou|ism|ate|iti|ous|ive|ize)$/,L=/^(.+?)(s|t)(ion)$/,O=/^(.+?)e$/,P=/ll$/,N=new RegExp("^"+c+s+"[^aeiouwxy]$"),M=function(e){var t,n,a,o,r,s,c;if(e.length<3)return e;if("y"==(a=e.substr(0,1))&&(e=a.toUpperCase()+e.substr(1)),r=y,(o=v).test(e)?e=e.replace(o,"$1$2"):r.test(e)&&(e=e.replace(r,"$1$2")),r=x,(o=_).test(e)){var u=o.exec(e);(o=p).test(u[1])&&(o=w,e=e.replace(o,""))}else r.test(e)&&(t=(u=r.exec(e))[1],(r=h).test(t)&&(s=E,c=S,(r=k).test(e=t)?e+="e":s.test(e)?(o=w,e=e.replace(o,"")):c.test(e)&&(e+="e")));return(o=z).test(e)&&(e=(t=(u=o.exec(e))[1])+"i"),(o=C).test(e)&&(t=(u=o.exec(e))[1],n=u[2],(o=p).test(t)&&(e=t+i[n])),(o=T).test(e)&&(t=(u=o.exec(e))[1],n=u[2],(o=p).test(t)&&(e=t+l[n])),r=L,(o=j).test(e)?(t=(u=o.exec(e))[1],(o=g).test(t)&&(e=t)):r.test(e)&&(t=(u=r.exec(e))[1]+u[2],(r=g).test(t)&&(e=t)),(o=O).test(e)&&(t=(u=o.exec(e))[1],r=m,s=N,((o=g).test(t)||r.test(t)&&!s.test(t))&&(e=t)),r=g,(o=P).test(e)&&r.test(e)&&(o=w,e=e.replace(o,"")),"y"==a&&(e=a.toLowerCase()+e.substr(1)),e},function(e){return e.update(M)}),A.Pipeline.registerFunction(A.stemmer,"stemmer"),A.generateStopWordFilter=function(e){var t=e.reduce((function(e,t){return e[t]=t,e}),{});return function(e){if(e&&t[e.toString()]!==e.toString())return e}},A.stopWordFilter=A.generateStopWordFilter(["a","able","about","across","after","all","almost","also","am","among","an","and","any","are","as","at","be","because","been","but","by","can","cannot","could","dear","did","do","does","either","else","ever","every","for","from","get","got","had","has","have","he","her","hers","him","his","how","however","i","if","in","into","is","it","its","just","least","let","like","likely","may","me","might","most","must","my","neither","no","nor","not","of","off","often","on","only","or","other","our","own","rather","said","say","says","she","should","since","so","some","than","that","the","their","them","then","there","these","they","this","tis","to","too","twas","us","wants","was","we","were","what","when","where","which","while","who","whom","why","will","with","would","yet","you","your"]),A.Pipeline.registerFunction(A.stopWordFilter,"stopWordFilter"),A.trimmer=function(e){return e.update((function(e){return e.replace(/^\W+/,"").replace(/\W+$/,"")}))},A.Pipeline.registerFunction(A.trimmer,"trimmer"),A.TokenSet=function(){this.final=!1,this.edges={},this.id=A.TokenSet._nextId,A.TokenSet._nextId+=1},A.TokenSet._nextId=1,A.TokenSet.fromArray=function(e){for(var t=new A.TokenSet.Builder,n=0,a=e.length;n<a;n++)t.insert(e[n]);return t.finish(),t.root},A.TokenSet.fromClause=function(e){return"editDistance"in e?A.TokenSet.fromFuzzyString(e.term,e.editDistance):A.TokenSet.fromString(e.term)},A.TokenSet.fromFuzzyString=function(e,t){for(var n=new A.TokenSet,a=[{node:n,editsRemaining:t,str:e}];a.length;){var o=a.pop();if(o.str.length>0){var r,i=o.str.charAt(0);i in o.node.edges?r=o.node.edges[i]:(r=new A.TokenSet,o.node.edges[i]=r),1==o.str.length&&(r.final=!0),a.push({node:r,editsRemaining:o.editsRemaining,str:o.str.slice(1)})}if(0!=o.editsRemaining){if("*"in o.node.edges)var l=o.node.edges["*"];else{l=new A.TokenSet;o.node.edges["*"]=l}if(0==o.str.length&&(l.final=!0),a.push({node:l,editsRemaining:o.editsRemaining-1,str:o.str}),o.str.length>1&&a.push({node:o.node,editsRemaining:o.editsRemaining-1,str:o.str.slice(1)}),1==o.str.length&&(o.node.final=!0),o.str.length>=1){if("*"in o.node.edges)var s=o.node.edges["*"];else{s=new A.TokenSet;o.node.edges["*"]=s}1==o.str.length&&(s.final=!0),a.push({node:s,editsRemaining:o.editsRemaining-1,str:o.str.slice(1)})}if(o.str.length>1){var c,u=o.str.charAt(0),d=o.str.charAt(1);d in o.node.edges?c=o.node.edges[d]:(c=new A.TokenSet,o.node.edges[d]=c),1==o.str.length&&(c.final=!0),a.push({node:c,editsRemaining:o.editsRemaining-1,str:u+o.str.slice(2)})}}}return n},A.TokenSet.fromString=function(e){for(var t=new A.TokenSet,n=t,a=0,o=e.length;a<o;a++){var r=e[a],i=a==o-1;if("*"==r)t.edges[r]=t,t.final=i;else{var l=new A.TokenSet;l.final=i,t.edges[r]=l,t=l}}return n},A.TokenSet.prototype.toArray=function(){for(var e=[],t=[{prefix:"",node:this}];t.length;){var n=t.pop(),a=Object.keys(n.node.edges),o=a.length;n.node.final&&(n.prefix.charAt(0),e.push(n.prefix));for(var r=0;r<o;r++){var i=a[r];t.push({prefix:n.prefix.concat(i),node:n.node.edges[i]})}}return e},A.TokenSet.prototype.toString=function(){if(this._str)return this._str;for(var e=this.final?"1":"0",t=Object.keys(this.edges).sort(),n=t.length,a=0;a<n;a++){var o=t[a];e=e+o+this.edges[o].id}return e},A.TokenSet.prototype.intersect=function(e){for(var t=new A.TokenSet,n=void 0,a=[{qNode:e,output:t,node:this}];a.length;){n=a.pop();for(var o=Object.keys(n.qNode.edges),r=o.length,i=Object.keys(n.node.edges),l=i.length,s=0;s<r;s++)for(var c=o[s],u=0;u<l;u++){var d=i[u];if(d==c||"*"==c){var b=n.node.edges[d],f=n.qNode.edges[c],p=b.final&&f.final,g=void 0;d in n.output.edges?(g=n.output.edges[d]).final=g.final||p:((g=new A.TokenSet).final=p,n.output.edges[d]=g),a.push({qNode:f,output:g,node:b})}}}return t},A.TokenSet.Builder=function(){this.previousWord="",this.root=new A.TokenSet,this.uncheckedNodes=[],this.minimizedNodes={}},A.TokenSet.Builder.prototype.insert=function(e){var t,n=0;if(e<this.previousWord)throw new Error("Out of order word insertion");for(var a=0;a<e.length&&a<this.previousWord.length&&e[a]==this.previousWord[a];a++)n++;this.minimize(n),t=0==this.uncheckedNodes.length?this.root:this.uncheckedNodes[this.uncheckedNodes.length-1].child;for(a=n;a<e.length;a++){var o=new A.TokenSet,r=e[a];t.edges[r]=o,this.uncheckedNodes.push({parent:t,char:r,child:o}),t=o}t.final=!0,this.previousWord=e},A.TokenSet.Builder.prototype.finish=function(){this.minimize(0)},A.TokenSet.Builder.prototype.minimize=function(e){for(var t=this.uncheckedNodes.length-1;t>=e;t--){var n=this.uncheckedNodes[t],a=n.child.toString();a in this.minimizedNodes?n.parent.edges[n.char]=this.minimizedNodes[a]:(n.child._str=a,this.minimizedNodes[a]=n.child),this.uncheckedNodes.pop()}},A.Index=function(e){this.invertedIndex=e.invertedIndex,this.fieldVectors=e.fieldVectors,this.tokenSet=e.tokenSet,this.fields=e.fields,this.pipeline=e.pipeline},A.Index.prototype.search=function(e){return this.query((function(t){new A.QueryParser(e,t).parse()}))},A.Index.prototype.query=function(e){for(var t=new A.Query(this.fields),n=Object.create(null),a=Object.create(null),o=Object.create(null),r=Object.create(null),i=Object.create(null),l=0;l<this.fields.length;l++)a[this.fields[l]]=new A.Vector;e.call(t,t);for(l=0;l<t.clauses.length;l++){var s=t.clauses[l],c=null,u=A.Set.empty;c=s.usePipeline?this.pipeline.runString(s.term,{fields:s.fields}):[s.term];for(var d=0;d<c.length;d++){var b=c[d];s.term=b;var f=A.TokenSet.fromClause(s),p=this.tokenSet.intersect(f).toArray();if(0===p.length&&s.presence===A.Query.presence.REQUIRED){for(var g=0;g<s.fields.length;g++){r[O=s.fields[g]]=A.Set.empty}break}for(var m=0;m<p.length;m++){var h=p[m],v=this.invertedIndex[h],y=v._index;for(g=0;g<s.fields.length;g++){var _=v[O=s.fields[g]],x=Object.keys(_),w=h+"/"+O,k=new A.Set(x);if(s.presence==A.Query.presence.REQUIRED&&(u=u.union(k),void 0===r[O]&&(r[O]=A.Set.complete)),s.presence!=A.Query.presence.PROHIBITED){if(a[O].upsert(y,s.boost,(function(e,t){return e+t})),!o[w]){for(var E=0;E<x.length;E++){var S,z=x[E],C=new A.FieldRef(z,O),T=_[z];void 0===(S=n[C])?n[C]=new A.MatchData(h,O,T):S.add(h,O,T)}o[w]=!0}}else void 0===i[O]&&(i[O]=A.Set.empty),i[O]=i[O].union(k)}}}if(s.presence===A.Query.presence.REQUIRED)for(g=0;g<s.fields.length;g++){r[O=s.fields[g]]=r[O].intersect(u)}}var j=A.Set.complete,L=A.Set.empty;for(l=0;l<this.fields.length;l++){var O;r[O=this.fields[l]]&&(j=j.intersect(r[O])),i[O]&&(L=L.union(i[O]))}var P=Object.keys(n),N=[],M=Object.create(null);if(t.isNegated()){P=Object.keys(this.fieldVectors);for(l=0;l<P.length;l++){C=P[l];var I=A.FieldRef.fromString(C);n[C]=new A.MatchData}}for(l=0;l<P.length;l++){var R=(I=A.FieldRef.fromString(P[l])).docRef;if(j.contains(R)&&!L.contains(R)){var D,F=this.fieldVectors[I],B=a[I.fieldName].similarity(F);if(void 0!==(D=M[R]))D.score+=B,D.matchData.combine(n[I]);else{var $={ref:R,score:B,matchData:n[I]};M[R]=$,N.push($)}}}return N.sort((function(e,t){return t.score-e.score}))},A.Index.prototype.toJSON=function(){var e=Object.keys(this.invertedIndex).sort().map((function(e){return[e,this.invertedIndex[e]]}),this),t=Object.keys(this.fieldVectors).map((function(e){return[e,this.fieldVectors[e].toJSON()]}),this);return{version:A.version,fields:this.fields,fieldVectors:t,invertedIndex:e,pipeline:this.pipeline.toJSON()}},A.Index.load=function(e){var t={},n={},a=e.fieldVectors,o=Object.create(null),r=e.invertedIndex,i=new A.TokenSet.Builder,l=A.Pipeline.load(e.pipeline);e.version!=A.version&&A.utils.warn("Version mismatch when loading serialised index. Current version of lunr '"+A.version+"' does not match serialized index '"+e.version+"'");for(var s=0;s<a.length;s++){var c=(d=a[s])[0],u=d[1];n[c]=new A.Vector(u)}for(s=0;s<r.length;s++){var d,b=(d=r[s])[0],f=d[1];i.insert(b),o[b]=f}return i.finish(),t.fields=e.fields,t.fieldVectors=n,t.invertedIndex=o,t.tokenSet=i.root,t.pipeline=l,new A.Index(t)},A.Builder=function(){this._ref="id",this._fields=Object.create(null),this._documents=Object.create(null),this.invertedIndex=Object.create(null),this.fieldTermFrequencies={},this.fieldLengths={},this.tokenizer=A.tokenizer,this.pipeline=new A.Pipeline,this.searchPipeline=new A.Pipeline,this.documentCount=0,this._b=.75,this._k1=1.2,this.termIndex=0,this.metadataWhitelist=[]},A.Builder.prototype.ref=function(e){this._ref=e},A.Builder.prototype.field=function(e,t){if(/\//.test(e))throw new RangeError("Field '"+e+"' contains illegal character '/'");this._fields[e]=t||{}},A.Builder.prototype.b=function(e){this._b=e<0?0:e>1?1:e},A.Builder.prototype.k1=function(e){this._k1=e},A.Builder.prototype.add=function(e,t){var n=e[this._ref],a=Object.keys(this._fields);this._documents[n]=t||{},this.documentCount+=1;for(var o=0;o<a.length;o++){var r=a[o],i=this._fields[r].extractor,l=i?i(e):e[r],s=this.tokenizer(l,{fields:[r]}),c=this.pipeline.run(s),u=new A.FieldRef(n,r),d=Object.create(null);this.fieldTermFrequencies[u]=d,this.fieldLengths[u]=0,this.fieldLengths[u]+=c.length;for(var b=0;b<c.length;b++){var f=c[b];if(null==d[f]&&(d[f]=0),d[f]+=1,null==this.invertedIndex[f]){var p=Object.create(null);p._index=this.termIndex,this.termIndex+=1;for(var g=0;g<a.length;g++)p[a[g]]=Object.create(null);this.invertedIndex[f]=p}null==this.invertedIndex[f][r][n]&&(this.invertedIndex[f][r][n]=Object.create(null));for(var m=0;m<this.metadataWhitelist.length;m++){var h=this.metadataWhitelist[m],v=f.metadata[h];null==this.invertedIndex[f][r][n][h]&&(this.invertedIndex[f][r][n][h]=[]),this.invertedIndex[f][r][n][h].push(v)}}}},A.Builder.prototype.calculateAverageFieldLengths=function(){for(var e=Object.keys(this.fieldLengths),t=e.length,n={},a={},o=0;o<t;o++){var r=A.FieldRef.fromString(e[o]),i=r.fieldName;a[i]||(a[i]=0),a[i]+=1,n[i]||(n[i]=0),n[i]+=this.fieldLengths[r]}var l=Object.keys(this._fields);for(o=0;o<l.length;o++){var s=l[o];n[s]=n[s]/a[s]}this.averageFieldLength=n},A.Builder.prototype.createFieldVectors=function(){for(var e={},t=Object.keys(this.fieldTermFrequencies),n=t.length,a=Object.create(null),o=0;o<n;o++){for(var r=A.FieldRef.fromString(t[o]),i=r.fieldName,l=this.fieldLengths[r],s=new A.Vector,c=this.fieldTermFrequencies[r],u=Object.keys(c),d=u.length,b=this._fields[i].boost||1,f=this._documents[r.docRef].boost||1,p=0;p<d;p++){var g,m,h,v=u[p],y=c[v],_=this.invertedIndex[v]._index;void 0===a[v]?(g=A.idf(this.invertedIndex[v],this.documentCount),a[v]=g):g=a[v],m=g*((this._k1+1)*y)/(this._k1*(1-this._b+this._b*(l/this.averageFieldLength[i]))+y),m*=b,m*=f,h=Math.round(1e3*m)/1e3,s.insert(_,h)}e[r]=s}this.fieldVectors=e},A.Builder.prototype.createTokenSet=function(){this.tokenSet=A.TokenSet.fromArray(Object.keys(this.invertedIndex).sort())},A.Builder.prototype.build=function(){return this.calculateAverageFieldLengths(),this.createFieldVectors(),this.createTokenSet(),new A.Index({invertedIndex:this.invertedIndex,fieldVectors:this.fieldVectors,tokenSet:this.tokenSet,fields:Object.keys(this._fields),pipeline:this.searchPipeline})},A.Builder.prototype.use=function(e){var t=Array.prototype.slice.call(arguments,1);t.unshift(this),e.apply(this,t)},A.MatchData=function(e,t,n){for(var a=Object.create(null),o=Object.keys(n||{}),r=0;r<o.length;r++){var i=o[r];a[i]=n[i].slice()}this.metadata=Object.create(null),void 0!==e&&(this.metadata[e]=Object.create(null),this.metadata[e][t]=a)},A.MatchData.prototype.combine=function(e){for(var t=Object.keys(e.metadata),n=0;n<t.length;n++){var a=t[n],o=Object.keys(e.metadata[a]);null==this.metadata[a]&&(this.metadata[a]=Object.create(null));for(var r=0;r<o.length;r++){var i=o[r],l=Object.keys(e.metadata[a][i]);null==this.metadata[a][i]&&(this.metadata[a][i]=Object.create(null));for(var s=0;s<l.length;s++){var c=l[s];null==this.metadata[a][i][c]?this.metadata[a][i][c]=e.metadata[a][i][c]:this.metadata[a][i][c]=this.metadata[a][i][c].concat(e.metadata[a][i][c])}}}},A.MatchData.prototype.add=function(e,t,n){if(!(e in this.metadata))return this.metadata[e]=Object.create(null),void(this.metadata[e][t]=n);if(t in this.metadata[e])for(var a=Object.keys(n),o=0;o<a.length;o++){var r=a[o];r in this.metadata[e][t]?this.metadata[e][t][r]=this.metadata[e][t][r].concat(n[r]):this.metadata[e][t][r]=n[r]}else this.metadata[e][t]=n},A.Query=function(e){this.clauses=[],this.allFields=e},A.Query.wildcard=new String("*"),A.Query.wildcard.NONE=0,A.Query.wildcard.LEADING=1,A.Query.wildcard.TRAILING=2,A.Query.presence={OPTIONAL:1,REQUIRED:2,PROHIBITED:3},A.Query.prototype.clause=function(e){return"fields"in e||(e.fields=this.allFields),"boost"in e||(e.boost=1),"usePipeline"in e||(e.usePipeline=!0),"wildcard"in e||(e.wildcard=A.Query.wildcard.NONE),e.wildcard&A.Query.wildcard.LEADING&&e.term.charAt(0)!=A.Query.wildcard&&(e.term="*"+e.term),e.wildcard&A.Query.wildcard.TRAILING&&e.term.slice(-1)!=A.Query.wildcard&&(e.term=e.term+"*"),"presence"in e||(e.presence=A.Query.presence.OPTIONAL),this.clauses.push(e),this},A.Query.prototype.isNegated=function(){for(var e=0;e<this.clauses.length;e++)if(this.clauses[e].presence!=A.Query.presence.PROHIBITED)return!1;return!0},A.Query.prototype.term=function(e,t){if(Array.isArray(e))return e.forEach((function(e){this.term(e,A.utils.clone(t))}),this),this;var n=t||{};return n.term=e.toString(),this.clause(n),this},A.QueryParseError=function(e,t,n){this.name="QueryParseError",this.message=e,this.start=t,this.end=n},A.QueryParseError.prototype=new Error,A.QueryLexer=function(e){this.lexemes=[],this.str=e,this.length=e.length,this.pos=0,this.start=0,this.escapeCharPositions=[]},A.QueryLexer.prototype.run=function(){for(var e=A.QueryLexer.lexText;e;)e=e(this)},A.QueryLexer.prototype.sliceString=function(){for(var e=[],t=this.start,n=this.pos,a=0;a<this.escapeCharPositions.length;a++)n=this.escapeCharPositions[a],e.push(this.str.slice(t,n)),t=n+1;return e.push(this.str.slice(t,this.pos)),this.escapeCharPositions.length=0,e.join("")},A.QueryLexer.prototype.emit=function(e){this.lexemes.push({type:e,str:this.sliceString(),start:this.start,end:this.pos}),this.start=this.pos},A.QueryLexer.prototype.escapeCharacter=function(){this.escapeCharPositions.push(this.pos-1),this.pos+=1},A.QueryLexer.prototype.next=function(){if(this.pos>=this.length)return A.QueryLexer.EOS;var e=this.str.charAt(this.pos);return this.pos+=1,e},A.QueryLexer.prototype.width=function(){return this.pos-this.start},A.QueryLexer.prototype.ignore=function(){this.start==this.pos&&(this.pos+=1),this.start=this.pos},A.QueryLexer.prototype.backup=function(){this.pos-=1},A.QueryLexer.prototype.acceptDigitRun=function(){var e,t;do{t=(e=this.next()).charCodeAt(0)}while(t>47&&t<58);e!=A.QueryLexer.EOS&&this.backup()},A.QueryLexer.prototype.more=function(){return this.pos<this.length},A.QueryLexer.EOS="EOS",A.QueryLexer.FIELD="FIELD",A.QueryLexer.TERM="TERM",A.QueryLexer.EDIT_DISTANCE="EDIT_DISTANCE",A.QueryLexer.BOOST="BOOST",A.QueryLexer.PRESENCE="PRESENCE",A.QueryLexer.lexField=function(e){return e.backup(),e.emit(A.QueryLexer.FIELD),e.ignore(),A.QueryLexer.lexText},A.QueryLexer.lexTerm=function(e){if(e.width()>1&&(e.backup(),e.emit(A.QueryLexer.TERM)),e.ignore(),e.more())return A.QueryLexer.lexText},A.QueryLexer.lexEditDistance=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(A.QueryLexer.EDIT_DISTANCE),A.QueryLexer.lexText},A.QueryLexer.lexBoost=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(A.QueryLexer.BOOST),A.QueryLexer.lexText},A.QueryLexer.lexEOS=function(e){e.width()>0&&e.emit(A.QueryLexer.TERM)},A.QueryLexer.termSeparator=A.tokenizer.separator,A.QueryLexer.lexText=function(e){for(;;){var t=e.next();if(t==A.QueryLexer.EOS)return A.QueryLexer.lexEOS;if(92!=t.charCodeAt(0)){if(":"==t)return A.QueryLexer.lexField;if("~"==t)return e.backup(),e.width()>0&&e.emit(A.QueryLexer.TERM),A.QueryLexer.lexEditDistance;if("^"==t)return e.backup(),e.width()>0&&e.emit(A.QueryLexer.TERM),A.QueryLexer.lexBoost;if("+"==t&&1===e.width())return e.emit(A.QueryLexer.PRESENCE),A.QueryLexer.lexText;if("-"==t&&1===e.width())return e.emit(A.QueryLexer.PRESENCE),A.QueryLexer.lexText;if(t.match(A.QueryLexer.termSeparator))return A.QueryLexer.lexTerm}else e.escapeCharacter()}},A.QueryParser=function(e,t){this.lexer=new A.QueryLexer(e),this.query=t,this.currentClause={},this.lexemeIdx=0},A.QueryParser.prototype.parse=function(){this.lexer.run(),this.lexemes=this.lexer.lexemes;for(var e=A.QueryParser.parseClause;e;)e=e(this);return this.query},A.QueryParser.prototype.peekLexeme=function(){return this.lexemes[this.lexemeIdx]},A.QueryParser.prototype.consumeLexeme=function(){var e=this.peekLexeme();return this.lexemeIdx+=1,e},A.QueryParser.prototype.nextClause=function(){var e=this.currentClause;this.query.clause(e),this.currentClause={}},A.QueryParser.parseClause=function(e){var t=e.peekLexeme();if(null!=t)switch(t.type){case A.QueryLexer.PRESENCE:return A.QueryParser.parsePresence;case A.QueryLexer.FIELD:return A.QueryParser.parseField;case A.QueryLexer.TERM:return A.QueryParser.parseTerm;default:var n="expected either a field or a term, found "+t.type;throw t.str.length>=1&&(n+=" with value '"+t.str+"'"),new A.QueryParseError(n,t.start,t.end)}},A.QueryParser.parsePresence=function(e){var t=e.consumeLexeme();if(null!=t){switch(t.str){case"-":e.currentClause.presence=A.Query.presence.PROHIBITED;break;case"+":e.currentClause.presence=A.Query.presence.REQUIRED;break;default:var n="unrecognised presence operator'"+t.str+"'";throw new A.QueryParseError(n,t.start,t.end)}var a=e.peekLexeme();if(null==a){n="expecting term or field, found nothing";throw new A.QueryParseError(n,t.start,t.end)}switch(a.type){case A.QueryLexer.FIELD:return A.QueryParser.parseField;case A.QueryLexer.TERM:return A.QueryParser.parseTerm;default:n="expecting term or field, found '"+a.type+"'";throw new A.QueryParseError(n,a.start,a.end)}}},A.QueryParser.parseField=function(e){var t=e.consumeLexeme();if(null!=t){if(-1==e.query.allFields.indexOf(t.str)){var n=e.query.allFields.map((function(e){return"'"+e+"'"})).join(", "),a="unrecognised field '"+t.str+"', possible fields: "+n;throw new A.QueryParseError(a,t.start,t.end)}e.currentClause.fields=[t.str];var o=e.peekLexeme();if(null==o){a="expecting term, found nothing";throw new A.QueryParseError(a,t.start,t.end)}if(o.type===A.QueryLexer.TERM)return A.QueryParser.parseTerm;a="expecting term, found '"+o.type+"'";throw new A.QueryParseError(a,o.start,o.end)}},A.QueryParser.parseTerm=function(e){var t=e.consumeLexeme();if(null!=t){e.currentClause.term=t.str.toLowerCase(),-1!=t.str.indexOf("*")&&(e.currentClause.usePipeline=!1);var n=e.peekLexeme();if(null!=n)switch(n.type){case A.QueryLexer.TERM:return e.nextClause(),A.QueryParser.parseTerm;case A.QueryLexer.FIELD:return e.nextClause(),A.QueryParser.parseField;case A.QueryLexer.EDIT_DISTANCE:return A.QueryParser.parseEditDistance;case A.QueryLexer.BOOST:return A.QueryParser.parseBoost;case A.QueryLexer.PRESENCE:return e.nextClause(),A.QueryParser.parsePresence;default:var a="Unexpected lexeme type '"+n.type+"'";throw new A.QueryParseError(a,n.start,n.end)}else e.nextClause()}},A.QueryParser.parseEditDistance=function(e){var t=e.consumeLexeme();if(null!=t){var n=parseInt(t.str,10);if(isNaN(n)){var a="edit distance must be numeric";throw new A.QueryParseError(a,t.start,t.end)}e.currentClause.editDistance=n;var o=e.peekLexeme();if(null!=o)switch(o.type){case A.QueryLexer.TERM:return e.nextClause(),A.QueryParser.parseTerm;case A.QueryLexer.FIELD:return e.nextClause(),A.QueryParser.parseField;case A.QueryLexer.EDIT_DISTANCE:return A.QueryParser.parseEditDistance;case A.QueryLexer.BOOST:return A.QueryParser.parseBoost;case A.QueryLexer.PRESENCE:return e.nextClause(),A.QueryParser.parsePresence;default:a="Unexpected lexeme type '"+o.type+"'";throw new A.QueryParseError(a,o.start,o.end)}else e.nextClause()}},A.QueryParser.parseBoost=function(e){var t=e.consumeLexeme();if(null!=t){var n=parseInt(t.str,10);if(isNaN(n)){var a="boost must be numeric";throw new A.QueryParseError(a,t.start,t.end)}e.currentClause.boost=n;var o=e.peekLexeme();if(null!=o)switch(o.type){case A.QueryLexer.TERM:return e.nextClause(),A.QueryParser.parseTerm;case A.QueryLexer.FIELD:return e.nextClause(),A.QueryParser.parseField;case A.QueryLexer.EDIT_DISTANCE:return A.QueryParser.parseEditDistance;case A.QueryLexer.BOOST:return A.QueryParser.parseBoost;case A.QueryLexer.PRESENCE:return e.nextClause(),A.QueryParser.parsePresence;default:a="Unexpected lexeme type '"+o.type+"'";throw new A.QueryParseError(a,o.start,o.end)}else e.nextClause()}},void 0===(o="function"==typeof(a=function(){return A})?a.call(t,n,t,e):a)||(e.exports=o)}()},32497:(e,t,n)=>{"use strict";n.r(t)},52295:(e,t,n)=>{"use strict";n.r(t)},74865:function(e,t,n){var a,o;a=function(){var e,t,n={version:"0.2.0"},a=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function r(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===a.positionUsing?{transform:"translate3d("+r(e)+"%,0,0)"}:"translate"===a.positionUsing?{transform:"translate("+r(e)+"%,0)"}:{"margin-left":r(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(a[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,a.minimum,1),n.status=1===e?null:e;var r=n.render(!t),c=r.querySelector(a.barSelector),u=a.speed,d=a.easing;return r.offsetWidth,l((function(t){""===a.positionUsing&&(a.positionUsing=n.getPositioningCSS()),s(c,i(e,u,d)),1===e?(s(r,{transition:"none",opacity:1}),r.offsetWidth,setTimeout((function(){s(r,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),a.trickleSpeed)};return a.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*a.trickleRate)},e=0,t=0,n.promise=function(a){return a&&"resolved"!==a.state()?(0===t&&n.start(),e++,t++,a.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=a.template;var o,i=t.querySelector(a.barSelector),l=e?"-100":r(n.status||0),c=document.querySelector(a.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),a.showSpinner||(o=t.querySelector(a.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(a.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function a(t){var n=document.body.style;if(t in n)return t;for(var a,o=e.length,r=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((a=e[o]+r)in n)return a;return t}function o(e){return e=n(e),t[e]||(t[e]=a(e))}function r(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,a,o=arguments;if(2==o.length)for(n in t)void 0!==(a=t[n])&&t.hasOwnProperty(n)&&r(e,n,a);else r(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:b(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=b(e),a=n+t;c(n,t)||(e.className=a.substring(1))}function d(e,t){var n,a=b(e);c(e,t)&&(n=a.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function b(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof a?a.call(t,n,t,e):a)||(e.exports=o)},27418:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(o){return!1}}()?Object.assign:function(e,o){for(var r,i,l=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),s=1;s<arguments.length;s++){for(var c in r=Object(arguments[s]))n.call(r,c)&&(l[c]=r[c]);if(t){i=t(r);for(var u=0;u<i.length;u++)a.call(r,i[u])&&(l[i[u]]=r[i[u]])}}return l}},14779:(e,t,n)=>{var a=n(5826);e.exports=f,e.exports.parse=r,e.exports.compile=function(e,t){return l(r(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=b;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function r(e,t){for(var n,a=[],r=0,i=0,l="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],b=n[1],f=n.index;if(l+=e.slice(i,f),i=f+d.length,b)l+=b[1];else{var p=e[i],g=n[2],m=n[3],h=n[4],v=n[5],y=n[6],_=n[7];l&&(a.push(l),l="");var x=null!=g&&null!=p&&p!==g,w="+"===y||"*"===y,k="?"===y||"*"===y,E=n[2]||u,S=h||v;a.push({name:m||r++,prefix:g||"",delimiter:E,optional:k,repeat:w,partial:x,asterisk:!!_,pattern:S?c(S):_?".*":"[^"+s(E)+"]+?"})}}return i<e.length&&(l+=e.substr(i)),l&&a.push(l),a}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function l(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var r="",l=t||{},s=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,b=l[u.name];if(null==b){if(u.optional){u.partial&&(r+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(a(b)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(b)+"`");if(0===b.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<b.length;f++){if(d=s(b[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");r+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(b).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):s(b),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');r+=u.prefix+d}}else r+=u}return r}}function s(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function b(e,t,n){a(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,r=!1!==n.end,i="",l=0;l<e.length;l++){var c=e[l];if("string"==typeof c)i+=s(c);else{var b=s(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+b+f+")*"),i+=f=c.optional?c.partial?b+"("+f+")?":"(?:"+b+"("+f+"))?":b+"("+f+")"}}var p=s(n.delimiter||"/"),g=i.slice(-p.length)===p;return o||(i=(g?i.slice(0,-p.length):i)+"(?:"+p+"(?=$))?"),i+=r?"$":o&&g?"":"(?="+p+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return a(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var a=0;a<n.length;a++)t.push({name:a,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):a(e)?function(e,t,n){for(var a=[],o=0;o<e.length;o++)a.push(f(e[o],t,n).source);return u(new RegExp("(?:"+a.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return b(r(e,n),t,n)}(e,t,n)}},87410:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},a={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,r;switch(n=n||{},a.util.type(t)){case"Object":if(r=a.util.objId(t),n[r])return n[r];for(var i in o={},n[r]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return r=a.util.objId(t),n[r]?n[r]:(o=[],n[r]=o,t.forEach((function(t,a){o[a]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var a="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=a.util.clone(a.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var r=(o=o||a.languages)[e],i={};for(var l in r)if(r.hasOwnProperty(l)){if(l==t)for(var s in n)n.hasOwnProperty(s)&&(i[s]=n[s]);n.hasOwnProperty(l)||(i[l]=r[l])}var c=o[e];return o[e]=i,a.languages.DFS(a.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,r){r=r||{};var i=a.util.objId;for(var l in t)if(t.hasOwnProperty(l)){n.call(t,l,t[l],o||l);var s=t[l],c=a.util.type(s);"Object"!==c||r[i(s)]?"Array"!==c||r[i(s)]||(r[i(s)]=!0,e(s,n,l,r)):(r[i(s)]=!0,e(s,n,null,r))}}},plugins:{},highlight:function(e,t,n){var r={code:e,grammar:t,language:n};return a.hooks.run("before-tokenize",r),r.tokens=a.tokenize(r.code,r.grammar),a.hooks.run("after-tokenize",r),o.stringify(a.util.encode(r.tokens),r.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var o=new l;return s(o,o.head,e),i(e,o,t,o.head,0),function(e){var t=[],n=e.head.next;for(;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=a.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=a.hooks.all[e];if(n&&n.length)for(var o,r=0;o=n[r++];)o(t)}},Token:o};function o(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function r(e,t,n,a){e.lastIndex=t;var o=e.exec(n);if(o&&a&&o[1]){var r=o[1].length;o.index+=r,o[0]=o[0].slice(r)}return o}function i(e,t,n,l,u,d){for(var b in n)if(n.hasOwnProperty(b)&&n[b]){var f=n[b];f=Array.isArray(f)?f:[f];for(var p=0;p<f.length;++p){if(d&&d.cause==b+","+p)return;var g=f[p],m=g.inside,h=!!g.lookbehind,v=!!g.greedy,y=g.alias;if(v&&!g.pattern.global){var _=g.pattern.toString().match(/[imsuy]*$/)[0];g.pattern=RegExp(g.pattern.source,_+"g")}for(var x=g.pattern||g,w=l.next,k=u;w!==t.tail&&!(d&&k>=d.reach);k+=w.value.length,w=w.next){var E=w.value;if(t.length>e.length)return;if(!(E instanceof o)){var S,z=1;if(v){if(!(S=r(x,k,e,h))||S.index>=e.length)break;var C=S.index,T=S.index+S[0].length,j=k;for(j+=w.value.length;C>=j;)j+=(w=w.next).value.length;if(k=j-=w.value.length,w.value instanceof o)continue;for(var L=w;L!==t.tail&&(j<T||"string"==typeof L.value);L=L.next)z++,j+=L.value.length;z--,E=e.slice(k,j),S.index-=k}else if(!(S=r(x,0,E,h)))continue;C=S.index;var O=S[0],P=E.slice(0,C),N=E.slice(C+O.length),M=k+E.length;d&&M>d.reach&&(d.reach=M);var A=w.prev;if(P&&(A=s(t,A,P),k+=P.length),c(t,A,z),w=s(t,A,new o(b,m?a.tokenize(O,m):O,y,O)),N&&s(t,w,N),z>1){var I={cause:b+","+p,reach:M};i(e,t,n,w.prev,k,I),d&&I.reach>d.reach&&(d.reach=I.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var a=t.next,o={value:n,prev:t,next:a};return t.next=o,a.prev=o,e.length++,o}function c(e,t,n){for(var a=t.next,o=0;o<n&&a!==e.tail;o++)a=a.next;t.next=a,a.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var r={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(r.classes,i):r.classes.push(i)),a.hooks.run("wrap",r);var l="";for(var s in r.attributes)l+=" "+s+'="'+(r.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+r.tag+' class="'+r.classes.join(" ")+'"'+l+">"+r.content+"</"+r.tag+">"},a}(),o=a;a.default=a,o.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},o.languages.markup.tag.inside["attr-value"].inside.entity=o.languages.markup.entity,o.languages.markup.doctype.inside["internal-subset"].inside=o.languages.markup,o.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(o.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:o.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var a={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};a["language-"+t]={pattern:/[\s\S]+/,inside:o.languages[t]};var r={};r[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:a},o.languages.insertBefore("markup","cdata",r)}}),Object.defineProperty(o.languages.markup.tag,"addAttribute",{value:function(e,t){o.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:o.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),o.languages.html=o.languages.markup,o.languages.mathml=o.languages.markup,o.languages.svg=o.languages.markup,o.languages.xml=o.languages.extend("markup",{}),o.languages.ssml=o.languages.xml,o.languages.atom=o.languages.xml,o.languages.rss=o.languages.xml,function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},a={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:a},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:a},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:a.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:a.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var o=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],r=a.variable[1].inside,i=0;i<o.length;i++)r[o[i]]=e.languages.bash[o[i]];e.languages.shell=e.languages.bash}(o),o.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},o.languages.c=o.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),o.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),o.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},o.languages.c.string],char:o.languages.c.char,comment:o.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:o.languages.c}}}}),o.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete o.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(o),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(o),function(e){var t,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var a={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},o={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:a,number:o,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:a,number:o})}(o),o.languages.javascript=o.languages.extend("clike",{"class-name":[o.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),o.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,o.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:o.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:o.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:o.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:o.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:o.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),o.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:o.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),o.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),o.languages.markup&&(o.languages.markup.tag.addInlined("script","javascript"),o.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),o.languages.js=o.languages.javascript,function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(o),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,a="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),r=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return a}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+r+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(r),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(o),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var a=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return a})),r=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+r+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+r+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(a),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+r+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(a),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,a=t.length;n<a;n++){var o=t[n];if("code"===o.type){var r=o.content[1],i=o.content[3];if(r&&i&&"code-language"===r.type&&"code-block"===i.type&&"string"==typeof r.content){var l=r.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),s="language-"+(l=(/[a-z][\w-]*/i.exec(l)||[""])[0].toLowerCase());i.alias?"string"==typeof i.alias?i.alias=[i.alias,s]:i.alias.push(s):i.alias=[s]}}else e(o.content)}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",a=0,o=t.classes.length;a<o;a++){var r=t.classes[a],c=/language-(.+)/.exec(r);if(c){n=c[1];break}}var u,d=e.languages[n];if(d)t.content=e.highlight((u=t.content,u.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;if("#"===(t=t.toLowerCase())[0])return n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),s(n);var a=l[t];return a||e}))),d,n);else if(n&&"none"!==n&&e.plugins.autoloader){var b="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());t.attributes.id=b,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(b);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))}))}}}));var i=RegExp(e.languages.markup.tag.pattern.source,"gi"),l={amp:"&",lt:"<",gt:">",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(o),o.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:o.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},o.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var a=t[n++];if("keyword"===a.type&&"mutation"===a.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var r=b(/^\($/,/^\)$/);if(-1===r)continue;for(;n<r;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=r+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),o.length>0)){var l=b(/^\{$/,/^\}$/);if(-1===l)continue;for(var s=n;s<l;s++){var c=t[s];"variable"===c.type&&o.indexOf(c.content)>=0&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var a=u(n+t);if(!a||a.type!==e[n])return!1}return!0}function b(e,a){for(var o=1,r=n;r<t.length;r++){var i=t[r],l=i.content;if("punctuation"===i.type&&"string"==typeof l)if(e.test(l))o++;else if(a.test(l)&&0===--o)return r}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),o.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,a=t.inside.interpolation,o=a.inside["interpolation-punctuation"],r=a.pattern.source;function i(t,a){if(e.languages[t])return{pattern:RegExp("((?:"+a+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(e,t){return"___"+t.toUpperCase()+"_"+e+"___"}function s(t,n,a){var o={code:t,grammar:n,language:a};return e.hooks.run("before-tokenize",o),o.tokens=e.tokenize(o.code,o.grammar),e.hooks.run("after-tokenize",o),o.tokens}function c(t){var n={};n["interpolation-punctuation"]=o;var r=e.tokenize(t,n);if(3===r.length){var i=[1,1];i.push.apply(i,s(r[1],e.languages.javascript,"javascript")),r.splice.apply(r,i)}return new e.Token("interpolation",r,a.alias,t)}function u(t,n,a){var o=e.tokenize(t,{interpolation:{pattern:RegExp(r),lookbehind:!0}}),i=0,u={},d=s(o.map((function(e){if("string"==typeof e)return e;for(var n,o=e.content;-1!==t.indexOf(n=l(i++,a)););return u[n]=o,n})).join(""),n,a),b=Object.keys(u);return i=0,function e(t){for(var n=0;n<t.length;n++){if(i>=b.length)return;var a=t[n];if("string"==typeof a||"string"==typeof a.content){var o=b[i],r="string"==typeof a?a:a.content,l=r.indexOf(o);if(-1!==l){++i;var s=r.substring(0,l),d=c(u[o]),f=r.substring(l+o.length),p=[];if(s&&p.push(s),p.push(d),f){var g=[f];e(g),p.push.apply(p,g)}"string"==typeof a?(t.splice.apply(t,[n,1].concat(p)),n+=p.length-1):a.content=p}}else{var m=a.content;Array.isArray(m)?e(m):e([m])}}}(d),new e.Token(a,d,"language-"+a,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var d={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function b(e){return"string"==typeof e?e:Array.isArray(e)?e.map(b).join(""):b(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in d&&function t(n){for(var a=0,o=n.length;a<o;a++){var r=n[a];if("string"!=typeof r){var i=r.content;if(Array.isArray(i))if("template-string"===r.type){var l=i[1];if(3===i.length&&"string"!=typeof l&&"embedded-code"===l.type){var s=b(l),c=l.alias,d=Array.isArray(c)?c[0]:c,f=e.languages[d];if(!f)continue;i[1]=u(s,f,d)}}else t(i);else"string"!=typeof i&&t([i])}}}(t.tokens)}))}(o),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(o),function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],a=0;a<n.length;a++){var o=n[a],r=e.languages.javascript[o];"RegExp"===e.util.type(r)&&(r=e.languages.javascript[o]={pattern:r});var i=r.inside||{};r.inside=i,i["maybe-class-name"]=/^[A-Z][\s\S]*/}}(o),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,a=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function r(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return a})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}o=r(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=r(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:r(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:r(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var i=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(i).join(""):""},l=function(t){for(var n=[],a=0;a<t.length;a++){var o=t[a],r=!1;if("string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?n.length>0&&n[n.length-1].tagName===i(o.content[0].content[1])&&n.pop():"/>"===o.content[o.content.length-1].content||n.push({tagName:i(o.content[0].content[1]),openedBraces:0}):n.length>0&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:n.length>0&&n[n.length-1].openedBraces>0&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:r=!0),(r||"string"==typeof o)&&n.length>0&&0===n[n.length-1].openedBraces){var s=i(o);a<t.length-1&&("string"==typeof t[a+1]||"plain-text"===t[a+1].type)&&(s+=i(t[a+1]),t.splice(a+1,1)),a>0&&("string"==typeof t[a-1]||"plain-text"===t[a-1].type)&&(s=i(t[a-1])+s,t.splice(a-1,1),a--),t[a]=new e.Token("plain-text",s,null,s)}o.content&&"string"!=typeof o.content&&l(o.content)}};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||l(e.tokens)}))}(o),function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var a=t[n],o=[];/^\w+$/.test(n)||o.push(/\w+/.exec(n)[0]),"diff"===n&&o.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+a+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:o,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(o),o.languages.git={comment:/^#.*/m,deleted:/^[-\u2013].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m},o.languages.go=o.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),o.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete o.languages.go["class-name"],function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,o,r){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof r&&!r(e))return e;for(var o,l=i.length;-1!==n.code.indexOf(o=t(a,l));)++l;return i[l]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var o=0,r=Object.keys(n.tokenStack);!function i(l){for(var s=0;s<l.length&&!(o>=r.length);s++){var c=l[s];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=r[o],d=n.tokenStack[u],b="string"==typeof c?c:c.content,f=t(a,u),p=b.indexOf(f);if(p>-1){++o;var g=b.substring(0,p),m=new e.Token(a,e.tokenize(d,n.grammar),"language-"+a,d),h=b.substring(p+f.length),v=[];g&&v.push.apply(v,i([g])),v.push(m),h&&v.push.apply(v,i([h])),"string"==typeof c?l.splice.apply(l,[s,1].concat(v)):c.content=v}}else c.content&&i(c.content)}return l}(n.tokens)}}}})}(o),function(e){e.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"handlebars")})),e.languages.hbs=e.languages.handlebars}(o),o.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},o.languages.webmanifest=o.languages.json,o.languages.less=o.languages.extend("css",{comment:[/\/\*[\s\S]*?\*\//,{pattern:/(^|[^\\])\/\/.*/,lookbehind:!0}],atrule:{pattern:/@[\w-](?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{punctuation:/[:()]/}},selector:{pattern:/(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{variable:/@+[\w-]+/}},property:/(?:@\{[\w-]+\}|[\w-])+(?:\+_?)?(?=\s*:)/,operator:/[+\-*\/]/}),o.languages.insertBefore("less","property",{variable:[{pattern:/@[\w-]+\s*:/,inside:{punctuation:/:/}},/@@?[\w-]+/],"mixin-usage":{pattern:/([{;]\s*)[.#](?!\d)[\w-].*?(?=[(;])/,lookbehind:!0,alias:"function"}}),o.languages.makefile={comment:{pattern:/(^|[^\\])#(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*/,lookbehind:!0},string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"builtin-target":{pattern:/\.[A-Z][^:#=\s]+(?=\s*:(?!=))/,alias:"builtin"},target:{pattern:/^(?:[^:=\s]|[ \t]+(?![\s:]))+(?=\s*:(?!=))/m,alias:"symbol",inside:{variable:/\$+(?:(?!\$)[^(){}:#=\s]+|(?=[({]))/}},variable:/\$+(?:(?!\$)[^(){}:#=\s]+|\([@*%<^+?][DF]\)|(?=[({]))/,keyword:/-include\b|\b(?:define|else|endef|endif|export|ifn?def|ifn?eq|include|override|private|sinclude|undefine|unexport|vpath)\b/,function:{pattern:/(\()(?:abspath|addsuffix|and|basename|call|dir|error|eval|file|filter(?:-out)?|findstring|firstword|flavor|foreach|guile|if|info|join|lastword|load|notdir|or|origin|patsubst|realpath|shell|sort|strip|subst|suffix|value|warning|wildcard|word(?:list|s)?)(?=[ \t])/,lookbehind:!0},operator:/(?:::|[?:+!])?=|[|@]/,punctuation:/[:;(){}]/},o.languages.objectivec=o.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete o.languages.objectivec["class-name"],o.languages.objc=o.languages.objectivec,o.languages.ocaml={comment:{pattern:/\(\*[\s\S]*?\*\)/,greedy:!0},char:{pattern:/'(?:[^\\\r\n']|\\(?:.|[ox]?[0-9a-f]{1,3}))'/i,greedy:!0},string:[{pattern:/"(?:\\(?:[\s\S]|\r\n)|[^\\\r\n"])*"/,greedy:!0},{pattern:/\{([a-z_]*)\|[\s\S]*?\|\1\}/,greedy:!0}],number:[/\b(?:0b[01][01_]*|0o[0-7][0-7_]*)\b/i,/\b0x[a-f0-9][a-f0-9_]*(?:\.[a-f0-9_]*)?(?:p[+-]?\d[\d_]*)?(?!\w)/i,/\b\d[\d_]*(?:\.[\d_]*)?(?:e[+-]?\d[\d_]*)?(?!\w)/i],directive:{pattern:/\B#\w+/,alias:"property"},label:{pattern:/\B~\w+/,alias:"property"},"type-variable":{pattern:/\B'\w+/,alias:"function"},variant:{pattern:/`\w+/,alias:"symbol"},keyword:/\b(?:as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|match|method|module|mutable|new|nonrec|object|of|open|private|rec|sig|struct|then|to|try|type|val|value|virtual|when|where|while|with)\b/,boolean:/\b(?:false|true)\b/,"operator-like-punctuation":{pattern:/\[[<>|]|[>|]\]|\{<|>\}/,alias:"punctuation"},operator:/\.[.~]|:[=>]|[=<>@^|&+\-*\/$%!?~][!$%&*+\-.\/:<=>?@^|~]*|\b(?:and|asr|land|lor|lsl|lsr|lxor|mod|or)\b/,punctuation:/;;|::|[(){}\[\].,:;#]|\b_\b/},o.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},o.languages.python["string-interpolation"].inside.interpolation.inside.rest=o.languages.python,o.languages.py=o.languages.python,o.languages.reason=o.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),o.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete o.languages.reason.function,function(e){e.languages.sass=e.languages.extend("css",{comment:{pattern:/^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t].+)*/m,lookbehind:!0,greedy:!0}}),e.languages.insertBefore("sass","atrule",{"atrule-line":{pattern:/^(?:[ \t]*)[@+=].+/m,greedy:!0,inside:{atrule:/(?:@[\w-]+|[+=])/}}}),delete e.languages.sass.atrule;var t=/\$[-\w]+|#\{\$[-\w]+\}/,n=[/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|not|or)\b/,{pattern:/(\s)-(?=\s)/,lookbehind:!0}];e.languages.insertBefore("sass","property",{"variable-line":{pattern:/^[ \t]*\$.+/m,greedy:!0,inside:{punctuation:/:/,variable:t,operator:n}},"property-line":{pattern:/^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m,greedy:!0,inside:{property:[/[^:\s]+(?=\s*:)/,{pattern:/(:)[^:\s]+/,lookbehind:!0}],punctuation:/:/,variable:t,operator:n,important:e.languages.sass.important}}}),delete e.languages.sass.property,delete e.languages.sass.important,e.languages.insertBefore("sass","punctuation",{selector:{pattern:/^([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/m,lookbehind:!0,greedy:!0}})}(o),o.languages.scss=o.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),o.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),o.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),o.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),o.languages.scss.atrule.inside.rest=o.languages.scss,function(e){var t={pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},n={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0},a={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},url:{pattern:/\burl\((["']?).*?\1\)/i,greedy:!0},string:{pattern:/("|')(?:(?!\1)[^\\\r\n]|\\(?:\r\n|[\s\S]))*\1/,greedy:!0},interpolation:null,func:null,important:/\B!(?:important|optional)\b/i,keyword:{pattern:/(^|\s+)(?:(?:else|for|if|return|unless)(?=\s|$)|@[\w-]+)/,lookbehind:!0},hexcode:/#[\da-f]{3,6}/i,color:[/\b(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)\b/i,{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,boolean:/\b(?:false|true)\b/,operator:[/~|[+!\/%<>?=]=?|[-:]=|\*[*=]?|\.{2,3}|&&|\|\||\B-\B|\b(?:and|in|is(?: a| defined| not|nt)?|not|or)\b/],number:n,punctuation:/[{}()\[\];:,]/};a.interpolation={pattern:/\{[^\r\n}:]+\}/,alias:"variable",inside:{delimiter:{pattern:/^\{|\}$/,alias:"punctuation"},rest:a}},a.func={pattern:/[\w-]+\([^)]*\).*/,inside:{function:/^[^(]+/,rest:a}},e.languages.stylus={"atrule-declaration":{pattern:/(^[ \t]*)@.+/m,lookbehind:!0,inside:{atrule:/^@[\w-]+/,rest:a}},"variable-declaration":{pattern:/(^[ \t]*)[\w$-]+\s*.?=[ \t]*(?:\{[^{}]*\}|\S.*|$)/m,lookbehind:!0,inside:{variable:/^\S+/,rest:a}},statement:{pattern:/(^[ \t]*)(?:else|for|if|return|unless)[ \t].+/m,lookbehind:!0,inside:{keyword:/^\S+/,rest:a}},"property-declaration":{pattern:/((?:^|\{)([ \t]*))(?:[\w-]|\{[^}\r\n]+\})+(?:\s*:\s*|[ \t]+)(?!\s)[^{\r\n]*(?:;|[^{\r\n,]$(?!(?:\r?\n|\r)(?:\{|\2[ \t])))/m,lookbehind:!0,inside:{property:{pattern:/^[^\s:]+/,inside:{interpolation:a.interpolation}},rest:a}},selector:{pattern:/(^[ \t]*)(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)(?:(?:\r?\n|\r)(?:\1(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)))*(?:,$|\{|(?=(?:\r?\n|\r)(?:\{|\1[ \t])))/m,lookbehind:!0,inside:{interpolation:a.interpolation,comment:a.comment,punctuation:/[{},]/}},func:a.func,string:a.string,comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0,greedy:!0},interpolation:a.interpolation,punctuation:/[{}()\[\];:.]/}}(o),function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var n=e.languages.tsx.tag;n.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(o),o.languages.wasm={comment:[/\(;[\s\S]*?;\)/,{pattern:/;;.*/,greedy:!0}],string:{pattern:/"(?:\\[\s\S]|[^"\\])*"/,greedy:!0},keyword:[{pattern:/\b(?:align|offset)=/,inside:{operator:/=/}},{pattern:/\b(?:(?:f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|neg?|nearest|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|sqrt|store(?:8|16|32)?|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))?|memory\.(?:grow|size))\b/,inside:{punctuation:/\./}},/\b(?:anyfunc|block|br(?:_if|_table)?|call(?:_indirect)?|data|drop|elem|else|end|export|func|get_(?:global|local)|global|if|import|local|loop|memory|module|mut|nop|offset|param|result|return|select|set_(?:global|local)|start|table|tee_local|then|type|unreachable)\b/],variable:/\$[\w!#$%&'*+\-./:<=>?@\\^`|~]+/,number:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,punctuation:/[()]/};const r=o},79016:()=>{!function(e){function t(e,t){return e.replace(/<<(\d+)>>/g,(function(e,n){return"(?:"+t[+n]+")"}))}function n(e,n,a){return RegExp(t(e,n),a||"")}function a(e,t){for(var n=0;n<t;n++)e=e.replace(/<<self>>/g,(function(){return"(?:"+e+")"}));return e.replace(/<<self>>/g,"[^\\s\\S]")}var o="bool byte char decimal double dynamic float int long object sbyte short string uint ulong ushort var void",r="class enum interface record struct",i="add alias and ascending async await by descending from(?=\\s*(?:\\w|$)) get global group into init(?=\\s*;) join let nameof not notnull on or orderby partial remove select set unmanaged value when where with(?=\\s*{)",l="abstract as base break case catch checked const continue default delegate do else event explicit extern finally fixed for foreach goto if implicit in internal is lock namespace new null operator out override params private protected public readonly ref return sealed sizeof stackalloc static switch this throw try typeof unchecked unsafe using virtual volatile while yield";function s(e){return"\\b(?:"+e.trim().replace(/ /g,"|")+")\\b"}var c=s(r),u=RegExp(s(o+" "+r+" "+i+" "+l)),d=s(r+" "+i+" "+l),b=s(o+" "+r+" "+l),f=a(/<(?:[^<>;=+\-*/%&|^]|<<self>>)*>/.source,2),p=a(/\((?:[^()]|<<self>>)*\)/.source,2),g=/@?\b[A-Za-z_]\w*\b/.source,m=t(/<<0>>(?:\s*<<1>>)?/.source,[g,f]),h=t(/(?!<<0>>)<<1>>(?:\s*\.\s*<<1>>)*/.source,[d,m]),v=/\[\s*(?:,\s*)*\]/.source,y=t(/<<0>>(?:\s*(?:\?\s*)?<<1>>)*(?:\s*\?)?/.source,[h,v]),_=t(/[^,()<>[\];=+\-*/%&|^]|<<0>>|<<1>>|<<2>>/.source,[f,p,v]),x=t(/\(<<0>>+(?:,<<0>>+)+\)/.source,[_]),w=t(/(?:<<0>>|<<1>>)(?:\s*(?:\?\s*)?<<2>>)*(?:\s*\?)?/.source,[x,h,v]),k={keyword:u,punctuation:/[<>()?,.:[\]]/},E=/'(?:[^\r\n'\\]|\\.|\\[Uux][\da-fA-F]{1,8})'/.source,S=/"(?:\\.|[^\\"\r\n])*"/.source,z=/@"(?:""|\\[\s\S]|[^\\"])*"(?!")/.source;e.languages.csharp=e.languages.extend("clike",{string:[{pattern:n(/(^|[^$\\])<<0>>/.source,[z]),lookbehind:!0,greedy:!0},{pattern:n(/(^|[^@$\\])<<0>>/.source,[S]),lookbehind:!0,greedy:!0}],"class-name":[{pattern:n(/(\busing\s+static\s+)<<0>>(?=\s*;)/.source,[h]),lookbehind:!0,inside:k},{pattern:n(/(\busing\s+<<0>>\s*=\s*)<<1>>(?=\s*;)/.source,[g,w]),lookbehind:!0,inside:k},{pattern:n(/(\busing\s+)<<0>>(?=\s*=)/.source,[g]),lookbehind:!0},{pattern:n(/(\b<<0>>\s+)<<1>>/.source,[c,m]),lookbehind:!0,inside:k},{pattern:n(/(\bcatch\s*\(\s*)<<0>>/.source,[h]),lookbehind:!0,inside:k},{pattern:n(/(\bwhere\s+)<<0>>/.source,[g]),lookbehind:!0},{pattern:n(/(\b(?:is(?:\s+not)?|as)\s+)<<0>>/.source,[y]),lookbehind:!0,inside:k},{pattern:n(/\b<<0>>(?=\s+(?!<<1>>|with\s*\{)<<2>>(?:\s*[=,;:{)\]]|\s+(?:in|when)\b))/.source,[w,b,g]),inside:k}],keyword:u,number:/(?:\b0(?:x[\da-f_]*[\da-f]|b[01_]*[01])|(?:\B\.\d+(?:_+\d+)*|\b\d+(?:_+\d+)*(?:\.\d+(?:_+\d+)*)?)(?:e[-+]?\d+(?:_+\d+)*)?)(?:[dflmu]|lu|ul)?\b/i,operator:/>>=?|<<=?|[-=]>|([-+&|])\1|~|\?\?=?|[-+*/%&|^!=<>]=?/,punctuation:/\?\.?|::|[{}[\];(),.:]/}),e.languages.insertBefore("csharp","number",{range:{pattern:/\.\./,alias:"operator"}}),e.languages.insertBefore("csharp","punctuation",{"named-parameter":{pattern:n(/([(,]\s*)<<0>>(?=\s*:)/.source,[g]),lookbehind:!0,alias:"punctuation"}}),e.languages.insertBefore("csharp","class-name",{namespace:{pattern:n(/(\b(?:namespace|using)\s+)<<0>>(?:\s*\.\s*<<0>>)*(?=\s*[;{])/.source,[g]),lookbehind:!0,inside:{punctuation:/\./}},"type-expression":{pattern:n(/(\b(?:default|sizeof|typeof)\s*\(\s*(?!\s))(?:[^()\s]|\s(?!\s)|<<0>>)*(?=\s*\))/.source,[p]),lookbehind:!0,alias:"class-name",inside:k},"return-type":{pattern:n(/<<0>>(?=\s+(?:<<1>>\s*(?:=>|[({]|\.\s*this\s*\[)|this\s*\[))/.source,[w,h]),inside:k,alias:"class-name"},"constructor-invocation":{pattern:n(/(\bnew\s+)<<0>>(?=\s*[[({])/.source,[w]),lookbehind:!0,inside:k,alias:"class-name"},"generic-method":{pattern:n(/<<0>>\s*<<1>>(?=\s*\()/.source,[g,f]),inside:{function:n(/^<<0>>/.source,[g]),generic:{pattern:RegExp(f),alias:"class-name",inside:k}}},"type-list":{pattern:n(/\b((?:<<0>>\s+<<1>>|record\s+<<1>>\s*<<5>>|where\s+<<2>>)\s*:\s*)(?:<<3>>|<<4>>|<<1>>\s*<<5>>|<<6>>)(?:\s*,\s*(?:<<3>>|<<4>>|<<6>>))*(?=\s*(?:where|[{;]|=>|$))/.source,[c,m,g,w,u.source,p,/\bnew\s*\(\s*\)/.source]),lookbehind:!0,inside:{"record-arguments":{pattern:n(/(^(?!new\s*\()<<0>>\s*)<<1>>/.source,[m,p]),lookbehind:!0,greedy:!0,inside:e.languages.csharp},keyword:u,"class-name":{pattern:RegExp(w),greedy:!0,inside:k},punctuation:/[,()]/}},preprocessor:{pattern:/(^[\t ]*)#.*/m,lookbehind:!0,alias:"property",inside:{directive:{pattern:/(#)\b(?:define|elif|else|endif|endregion|error|if|line|nullable|pragma|region|undef|warning)\b/,lookbehind:!0,alias:"keyword"}}}});var C=S+"|"+E,T=t(/\/(?![*/])|\/\/[^\r\n]*[\r\n]|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>/.source,[C]),j=a(t(/[^"'/()]|<<0>>|\(<<self>>*\)/.source,[T]),2),L=/\b(?:assembly|event|field|method|module|param|property|return|type)\b/.source,O=t(/<<0>>(?:\s*\(<<1>>*\))?/.source,[h,j]);e.languages.insertBefore("csharp","class-name",{attribute:{pattern:n(/((?:^|[^\s\w>)?])\s*\[\s*)(?:<<0>>\s*:\s*)?<<1>>(?:\s*,\s*<<1>>)*(?=\s*\])/.source,[L,O]),lookbehind:!0,greedy:!0,inside:{target:{pattern:n(/^<<0>>(?=\s*:)/.source,[L]),alias:"keyword"},"attribute-arguments":{pattern:n(/\(<<0>>*\)/.source,[j]),inside:e.languages.csharp},"class-name":{pattern:RegExp(h),inside:{punctuation:/\./}},punctuation:/[:,]/}}});var P=/:[^}\r\n]+/.source,N=a(t(/[^"'/()]|<<0>>|\(<<self>>*\)/.source,[T]),2),M=t(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source,[N,P]),A=a(t(/[^"'/()]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>|\(<<self>>*\)/.source,[C]),2),I=t(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source,[A,P]);function R(t,a){return{interpolation:{pattern:n(/((?:^|[^{])(?:\{\{)*)<<0>>/.source,[t]),lookbehind:!0,inside:{"format-string":{pattern:n(/(^\{(?:(?![}:])<<0>>)*)<<1>>(?=\}$)/.source,[a,P]),lookbehind:!0,inside:{punctuation:/^:/}},punctuation:/^\{|\}$/,expression:{pattern:/[\s\S]+/,alias:"language-csharp",inside:e.languages.csharp}}},string:/[\s\S]+/}}e.languages.insertBefore("csharp","string",{"interpolation-string":[{pattern:n(/(^|[^\\])(?:\$@|@\$)"(?:""|\\[\s\S]|\{\{|<<0>>|[^\\{"])*"/.source,[M]),lookbehind:!0,greedy:!0,inside:R(M,N)},{pattern:n(/(^|[^@\\])\$"(?:\\.|\{\{|<<0>>|[^\\"{])*"/.source,[I]),lookbehind:!0,greedy:!0,inside:R(I,A)}],char:{pattern:RegExp(E),greedy:!0}}),e.languages.dotnet=e.languages.cs=e.languages.csharp}(Prism)},63326:()=>{!function(e){var t=/\/(?![/*])|\/\/.*[\r\n]|\/\*[^*]*(?:\*(?!\/)[^*]*)*\*\//.source,n=/@(?!")|"(?:[^\r\n\\"]|\\.)*"|@"(?:[^\\"]|""|\\[\s\S])*"(?!")/.source+"|"+/'(?:(?:[^\r\n'\\]|\\.|\\[Uux][\da-fA-F]{1,8})'|(?=[^\\](?!')))/.source;function a(e,a){for(var o=0;o<a;o++)e=e.replace(/<self>/g,(function(){return"(?:"+e+")"}));return e.replace(/<self>/g,"[^\\s\\S]").replace(/<str>/g,"(?:"+n+")").replace(/<comment>/g,"(?:"+t+")")}var o=a(/\((?:[^()'"@/]|<str>|<comment>|<self>)*\)/.source,2),r=a(/\[(?:[^\[\]'"@/]|<str>|<comment>|<self>)*\]/.source,1),i=a(/\{(?:[^{}'"@/]|<str>|<comment>|<self>)*\}/.source,2),l=a(/<(?:[^<>'"@/]|<comment>|<self>)*>/.source,1),s=/@/.source+/(?:await\b\s*)?/.source+"(?:"+/(?!await\b)\w+\b/.source+"|"+o+")(?:"+/[?!]?\.\w+\b/.source+"|(?:"+l+")?"+o+"|"+r+")*"+/(?![?!\.(\[]|<(?!\/))/.source,c="(?:"+/"[^"@]*"|'[^'@]*'|[^\s'"@>=]+(?=[\s>])/.source+"|[\"'][^\"'@]*(?:(?:"+(/@(?![\w()])/.source+"|"+s)+")[^\"'@]*)+[\"'])",u=/(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*<tagAttrValue>|(?=[\s/>])))+)?/.source.replace(/<tagAttrValue>/,c),d=/(?!\d)[^\s>\/=$<%]+/.source+u+/\s*\/?>/.source,b=/\B@?/.source+"(?:"+/<([a-zA-Z][\w:]*)/.source+u+/\s*>/.source+"(?:"+/[^<]/.source+"|"+/<\/?(?!\1\b)/.source+d+"|"+a(/<\1/.source+u+/\s*>/.source+"(?:"+/[^<]/.source+"|"+/<\/?(?!\1\b)/.source+d+"|<self>)*"+/<\/\1\s*>/.source,2)+")*"+/<\/\1\s*>/.source+"|"+/</.source+d+")";e.languages.cshtml=e.languages.extend("markup",{});var f={pattern:/\S[\s\S]*/,alias:"language-csharp",inside:e.languages.insertBefore("csharp","string",{html:{pattern:RegExp(b),greedy:!0,inside:e.languages.cshtml}},{csharp:e.languages.extend("csharp",{})})},p={pattern:RegExp(/(^|[^@])/.source+s),lookbehind:!0,greedy:!0,alias:"variable",inside:{keyword:/^@/,csharp:f}};e.languages.cshtml.tag.pattern=RegExp(/<\/?/.source+d),e.languages.cshtml.tag.inside["attr-value"].pattern=RegExp(/=\s*/.source+c),e.languages.insertBefore("inside","punctuation",{value:p},e.languages.cshtml.tag.inside["attr-value"]),e.languages.insertBefore("cshtml","prolog",{"razor-comment":{pattern:/@\*[\s\S]*?\*@/,greedy:!0,alias:"comment"},block:{pattern:RegExp(/(^|[^@])@/.source+"(?:"+[i,/(?:code|functions)\s*/.source+i,/(?:for|foreach|lock|switch|using|while)\s*/.source+o+/\s*/.source+i,/do\s*/.source+i+/\s*while\s*/.source+o+/(?:\s*;)?/.source,/try\s*/.source+i+/\s*catch\s*/.source+o+/\s*/.source+i+/\s*finally\s*/.source+i,/if\s*/.source+o+/\s*/.source+i+"(?:"+/\s*else/.source+"(?:"+/\s+if\s*/.source+o+")?"+/\s*/.source+i+")*",/helper\s+\w+\s*/.source+o+/\s*/.source+i].join("|")+")"),lookbehind:!0,greedy:!0,inside:{keyword:/^@\w*/,csharp:f}},directive:{pattern:/^([ \t]*)@(?:addTagHelper|attribute|implements|inherits|inject|layout|model|namespace|page|preservewhitespace|removeTagHelper|section|tagHelperPrefix|using)(?=\s).*/m,lookbehind:!0,greedy:!0,inside:{keyword:/^@\w+/,csharp:f}},value:p,"delegate-operator":{pattern:/(^|[^@])@(?=<)/,lookbehind:!0,alias:"operator"}}),e.languages.razor=e.languages.cshtml}(Prism)},50784:(e,t,n)=>{var a={"./prism-csharp":79016,"./prism-cshtml":63326};function o(e){var t=r(e);return n(t)}function r(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}o.keys=function(){return Object.keys(a)},o.resolve=r,e.exports=o,o.id=50784},92703:(e,t,n)=>{"use strict";var a=n(50414);function o(){}function r(){}r.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,r,i){if(i!==a){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:r,resetWarningCache:o};return n.PropTypes=n,n}},45697:(e,t,n)=>{e.exports=n(92703)()},50414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},64448:(e,t,n)=>{"use strict";var a=n(67294),o=n(27418),r=n(63840);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!a)throw Error(i(227));var l=new Set,s={};function c(e,t){u(e,t),u(e+"Capture",t)}function u(e,t){for(s[e]=t,e=0;e<t.length;e++)l.add(t[e])}var d=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),b=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f=Object.prototype.hasOwnProperty,p={},g={};function m(e,t,n,a,o,r,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=a,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=r,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new m(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new m(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new m(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new m(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new m(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new m(e,5,!1,e.toLowerCase(),null,!1,!1)}));var v=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function _(e,t,n,a){var o=h.hasOwnProperty(t)?h[t]:null;(null!==o?0===o.type:!a&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(function(e,t,n,a){if(null==t||function(e,t,n,a){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!a&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,a))return!0;if(a)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,a)&&(n=null),a||null===o?function(e){return!!f.call(g,e)||!f.call(p,e)&&(b.test(e)?g[e]=!0:(p[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,a=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,a?e.setAttributeNS(a,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(v,y);h[t]=new m(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(v,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(v,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var x=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,w=60103,k=60106,E=60107,S=60108,z=60114,C=60109,T=60110,j=60112,L=60113,O=60120,P=60115,N=60116,M=60121,A=60128,I=60129,R=60130,D=60131;if("function"==typeof Symbol&&Symbol.for){var F=Symbol.for;w=F("react.element"),k=F("react.portal"),E=F("react.fragment"),S=F("react.strict_mode"),z=F("react.profiler"),C=F("react.provider"),T=F("react.context"),j=F("react.forward_ref"),L=F("react.suspense"),O=F("react.suspense_list"),P=F("react.memo"),N=F("react.lazy"),M=F("react.block"),F("react.scope"),A=F("react.opaque.id"),I=F("react.debug_trace_mode"),R=F("react.offscreen"),D=F("react.legacy_hidden")}var B,$="function"==typeof Symbol&&Symbol.iterator;function U(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=$&&e[$]||e["@@iterator"])?e:null}function H(e){if(void 0===B)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);B=t&&t[1]||""}return"\n"+B+e}var Z=!1;function Q(e,t){if(!e||Z)return"";Z=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(s){var a=s}Reflect.construct(e,[],t)}else{try{t.call()}catch(s){a=s}e.call(t.prototype)}else{try{throw Error()}catch(s){a=s}e()}}catch(s){if(s&&a&&"string"==typeof s.stack){for(var o=s.stack.split("\n"),r=a.stack.split("\n"),i=o.length-1,l=r.length-1;1<=i&&0<=l&&o[i]!==r[l];)l--;for(;1<=i&&0<=l;i--,l--)if(o[i]!==r[l]){if(1!==i||1!==l)do{if(i--,0>--l||o[i]!==r[l])return"\n"+o[i].replace(" at new "," at ")}while(1<=i&&0<=l);break}}}finally{Z=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?H(e):""}function V(e){switch(e.tag){case 5:return H(e.type);case 16:return H("Lazy");case 13:return H("Suspense");case 19:return H("SuspenseList");case 0:case 2:case 15:return e=Q(e.type,!1);case 11:return e=Q(e.type.render,!1);case 22:return e=Q(e.type._render,!1);case 1:return e=Q(e.type,!0);default:return""}}function W(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case E:return"Fragment";case k:return"Portal";case z:return"Profiler";case S:return"StrictMode";case L:return"Suspense";case O:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case T:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case j:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case P:return W(e.type);case M:return W(e._render);case N:t=e._payload,e=e._init;try{return W(e(t))}catch(n){}}return null}function G(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function q(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Y(e){e._valueTracker||(e._valueTracker=function(e){var t=q(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),a=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,r=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){a=""+e,r.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(e){a=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function K(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),a="";return e&&(a=q(e)?e.checked?"true":"false":e.value),(e=a)!==n&&(t.setValue(e),!0)}function X(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function J(e,t){var n=t.checked;return o({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function ee(e,t){var n=null==t.defaultValue?"":t.defaultValue,a=null!=t.checked?t.checked:t.defaultChecked;n=G(null!=t.value?t.value:n),e._wrapperState={initialChecked:a,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function te(e,t){null!=(t=t.checked)&&_(e,"checked",t,!1)}function ne(e,t){te(e,t);var n=G(t.value),a=t.type;if(null!=n)"number"===a?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===a||"reset"===a)return void e.removeAttribute("value");t.hasOwnProperty("value")?oe(e,t.type,n):t.hasOwnProperty("defaultValue")&&oe(e,t.type,G(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function ae(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var a=t.type;if(!("submit"!==a&&"reset"!==a||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function oe(e,t,n){"number"===t&&X(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function re(e,t){return e=o({children:void 0},t),(t=function(e){var t="";return a.Children.forEach(e,(function(e){null!=e&&(t+=e)})),t}(t.children))&&(e.children=t),e}function ie(e,t,n,a){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&a&&(e[n].defaultSelected=!0)}else{for(n=""+G(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(a&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function le(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(i(91));return o({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function se(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(i(92));if(Array.isArray(n)){if(!(1>=n.length))throw Error(i(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:G(n)}}function ce(e,t){var n=G(t.value),a=G(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=a&&(e.defaultValue=""+a)}function ue(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}var de={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function be(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function fe(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?be(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var pe,ge,me=(ge=function(e,t){if(e.namespaceURI!==de.svg||"innerHTML"in e)e.innerHTML=t;else{for((pe=pe||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=pe.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,a){MSApp.execUnsafeLocalFunction((function(){return ge(e,t)}))}:ge);function he(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var ve={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ye=["Webkit","ms","Moz","O"];function _e(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||ve.hasOwnProperty(e)&&ve[e]?(""+t).trim():t+"px"}function xe(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var a=0===n.indexOf("--"),o=_e(n,t[n],a);"float"===n&&(n="cssFloat"),a?e.setProperty(n,o):e[n]=o}}Object.keys(ve).forEach((function(e){ye.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ve[t]=ve[e]}))}));var we=o({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ke(e,t){if(t){if(we[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(i(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(i(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(i(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(i(62))}}function Ee(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function Se(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var ze=null,Ce=null,Te=null;function je(e){if(e=no(e)){if("function"!=typeof ze)throw Error(i(280));var t=e.stateNode;t&&(t=oo(t),ze(e.stateNode,e.type,t))}}function Le(e){Ce?Te?Te.push(e):Te=[e]:Ce=e}function Oe(){if(Ce){var e=Ce,t=Te;if(Te=Ce=null,je(e),t)for(e=0;e<t.length;e++)je(t[e])}}function Pe(e,t){return e(t)}function Ne(e,t,n,a,o){return e(t,n,a,o)}function Me(){}var Ae=Pe,Ie=!1,Re=!1;function De(){null===Ce&&null===Te||(Me(),Oe())}function Fe(e,t){var n=e.stateNode;if(null===n)return null;var a=oo(n);if(null===a)return null;n=a[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(a=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!a;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(i(231,t,typeof n));return n}var Be=!1;if(d)try{var $e={};Object.defineProperty($e,"passive",{get:function(){Be=!0}}),window.addEventListener("test",$e,$e),window.removeEventListener("test",$e,$e)}catch(ge){Be=!1}function Ue(e,t,n,a,o,r,i,l,s){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var He=!1,Ze=null,Qe=!1,Ve=null,We={onError:function(e){He=!0,Ze=e}};function Ge(e,t,n,a,o,r,i,l,s){He=!1,Ze=null,Ue.apply(We,arguments)}function qe(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(1026&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function Ye(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function Ke(e){if(qe(e)!==e)throw Error(i(188))}function Xe(e){if(e=function(e){var t=e.alternate;if(!t){if(null===(t=qe(e)))throw Error(i(188));return t!==e?null:e}for(var n=e,a=t;;){var o=n.return;if(null===o)break;var r=o.alternate;if(null===r){if(null!==(a=o.return)){n=a;continue}break}if(o.child===r.child){for(r=o.child;r;){if(r===n)return Ke(o),e;if(r===a)return Ke(o),t;r=r.sibling}throw Error(i(188))}if(n.return!==a.return)n=o,a=r;else{for(var l=!1,s=o.child;s;){if(s===n){l=!0,n=o,a=r;break}if(s===a){l=!0,a=o,n=r;break}s=s.sibling}if(!l){for(s=r.child;s;){if(s===n){l=!0,n=r,a=o;break}if(s===a){l=!0,a=r,n=o;break}s=s.sibling}if(!l)throw Error(i(189))}}if(n.alternate!==a)throw Error(i(190))}if(3!==n.tag)throw Error(i(188));return n.stateNode.current===n?e:t}(e),!e)return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}function Je(e,t){for(var n=e.alternate;null!==t;){if(t===e||t===n)return!0;t=t.return}return!1}var et,tt,nt,at,ot=!1,rt=[],it=null,lt=null,st=null,ct=new Map,ut=new Map,dt=[],bt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function ft(e,t,n,a,o){return{blockedOn:e,domEventName:t,eventSystemFlags:16|n,nativeEvent:o,targetContainers:[a]}}function pt(e,t){switch(e){case"focusin":case"focusout":it=null;break;case"dragenter":case"dragleave":lt=null;break;case"mouseover":case"mouseout":st=null;break;case"pointerover":case"pointerout":ct.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":ut.delete(t.pointerId)}}function gt(e,t,n,a,o,r){return null===e||e.nativeEvent!==r?(e=ft(t,n,a,o,r),null!==t&&(null!==(t=no(t))&&tt(t)),e):(e.eventSystemFlags|=a,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function mt(e){var t=to(e.target);if(null!==t){var n=qe(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=Ye(n)))return e.blockedOn=t,void at(e.lanePriority,(function(){r.unstable_runWithPriority(e.priority,(function(){nt(n)}))}))}else if(3===t&&n.stateNode.hydrate)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function ht(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Xt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=no(n))&&tt(t),e.blockedOn=n,!1;t.shift()}return!0}function vt(e,t,n){ht(e)&&n.delete(t)}function yt(){for(ot=!1;0<rt.length;){var e=rt[0];if(null!==e.blockedOn){null!==(e=no(e.blockedOn))&&et(e);break}for(var t=e.targetContainers;0<t.length;){var n=Xt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n){e.blockedOn=n;break}t.shift()}null===e.blockedOn&&rt.shift()}null!==it&&ht(it)&&(it=null),null!==lt&&ht(lt)&&(lt=null),null!==st&&ht(st)&&(st=null),ct.forEach(vt),ut.forEach(vt)}function _t(e,t){e.blockedOn===t&&(e.blockedOn=null,ot||(ot=!0,r.unstable_scheduleCallback(r.unstable_NormalPriority,yt)))}function xt(e){function t(t){return _t(t,e)}if(0<rt.length){_t(rt[0],e);for(var n=1;n<rt.length;n++){var a=rt[n];a.blockedOn===e&&(a.blockedOn=null)}}for(null!==it&&_t(it,e),null!==lt&&_t(lt,e),null!==st&&_t(st,e),ct.forEach(t),ut.forEach(t),n=0;n<dt.length;n++)(a=dt[n]).blockedOn===e&&(a.blockedOn=null);for(;0<dt.length&&null===(n=dt[0]).blockedOn;)mt(n),null===n.blockedOn&&dt.shift()}function wt(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var kt={animationend:wt("Animation","AnimationEnd"),animationiteration:wt("Animation","AnimationIteration"),animationstart:wt("Animation","AnimationStart"),transitionend:wt("Transition","TransitionEnd")},Et={},St={};function zt(e){if(Et[e])return Et[e];if(!kt[e])return e;var t,n=kt[e];for(t in n)if(n.hasOwnProperty(t)&&t in St)return Et[e]=n[t];return e}d&&(St=document.createElement("div").style,"AnimationEvent"in window||(delete kt.animationend.animation,delete kt.animationiteration.animation,delete kt.animationstart.animation),"TransitionEvent"in window||delete kt.transitionend.transition);var Ct=zt("animationend"),Tt=zt("animationiteration"),jt=zt("animationstart"),Lt=zt("transitionend"),Ot=new Map,Pt=new Map,Nt=["abort","abort",Ct,"animationEnd",Tt,"animationIteration",jt,"animationStart","canplay","canPlay","canplaythrough","canPlayThrough","durationchange","durationChange","emptied","emptied","encrypted","encrypted","ended","ended","error","error","gotpointercapture","gotPointerCapture","load","load","loadeddata","loadedData","loadedmetadata","loadedMetadata","loadstart","loadStart","lostpointercapture","lostPointerCapture","playing","playing","progress","progress","seeking","seeking","stalled","stalled","suspend","suspend","timeupdate","timeUpdate",Lt,"transitionEnd","waiting","waiting"];function Mt(e,t){for(var n=0;n<e.length;n+=2){var a=e[n],o=e[n+1];o="on"+(o[0].toUpperCase()+o.slice(1)),Pt.set(a,t),Ot.set(a,o),c(o,[a])}}(0,r.unstable_now)();var At=8;function It(e){if(0!=(1&e))return At=15,1;if(0!=(2&e))return At=14,2;if(0!=(4&e))return At=13,4;var t=24&e;return 0!==t?(At=12,t):0!=(32&e)?(At=11,32):0!==(t=192&e)?(At=10,t):0!=(256&e)?(At=9,256):0!==(t=3584&e)?(At=8,t):0!=(4096&e)?(At=7,4096):0!==(t=4186112&e)?(At=6,t):0!==(t=62914560&e)?(At=5,t):67108864&e?(At=4,67108864):0!=(134217728&e)?(At=3,134217728):0!==(t=805306368&e)?(At=2,t):0!=(1073741824&e)?(At=1,1073741824):(At=8,e)}function Rt(e,t){var n=e.pendingLanes;if(0===n)return At=0;var a=0,o=0,r=e.expiredLanes,i=e.suspendedLanes,l=e.pingedLanes;if(0!==r)a=r,o=At=15;else if(0!==(r=134217727&n)){var s=r&~i;0!==s?(a=It(s),o=At):0!==(l&=r)&&(a=It(l),o=At)}else 0!==(r=n&~i)?(a=It(r),o=At):0!==l&&(a=It(l),o=At);if(0===a)return 0;if(a=n&((0>(a=31-Ht(a))?0:1<<a)<<1)-1,0!==t&&t!==a&&0==(t&i)){if(It(t),o<=At)return t;At=o}if(0!==(t=e.entangledLanes))for(e=e.entanglements,t&=a;0<t;)o=1<<(n=31-Ht(t)),a|=e[n],t&=~o;return a}function Dt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function Ft(e,t){switch(e){case 15:return 1;case 14:return 2;case 12:return 0===(e=Bt(24&~t))?Ft(10,t):e;case 10:return 0===(e=Bt(192&~t))?Ft(8,t):e;case 8:return 0===(e=Bt(3584&~t))&&(0===(e=Bt(4186112&~t))&&(e=512)),e;case 2:return 0===(t=Bt(805306368&~t))&&(t=268435456),t}throw Error(i(358,e))}function Bt(e){return e&-e}function $t(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Ut(e,t,n){e.pendingLanes|=t;var a=t-1;e.suspendedLanes&=a,e.pingedLanes&=a,(e=e.eventTimes)[t=31-Ht(t)]=n}var Ht=Math.clz32?Math.clz32:function(e){return 0===e?32:31-(Zt(e)/Qt|0)|0},Zt=Math.log,Qt=Math.LN2;var Vt=r.unstable_UserBlockingPriority,Wt=r.unstable_runWithPriority,Gt=!0;function qt(e,t,n,a){Ie||Me();var o=Kt,r=Ie;Ie=!0;try{Ne(o,e,t,n,a)}finally{(Ie=r)||De()}}function Yt(e,t,n,a){Wt(Vt,Kt.bind(null,e,t,n,a))}function Kt(e,t,n,a){var o;if(Gt)if((o=0==(4&t))&&0<rt.length&&-1<bt.indexOf(e))e=ft(null,e,t,n,a),rt.push(e);else{var r=Xt(e,t,n,a);if(null===r)o&&pt(e,a);else{if(o){if(-1<bt.indexOf(e))return e=ft(r,e,t,n,a),void rt.push(e);if(function(e,t,n,a,o){switch(t){case"focusin":return it=gt(it,e,t,n,a,o),!0;case"dragenter":return lt=gt(lt,e,t,n,a,o),!0;case"mouseover":return st=gt(st,e,t,n,a,o),!0;case"pointerover":var r=o.pointerId;return ct.set(r,gt(ct.get(r)||null,e,t,n,a,o)),!0;case"gotpointercapture":return r=o.pointerId,ut.set(r,gt(ut.get(r)||null,e,t,n,a,o)),!0}return!1}(r,e,t,n,a))return;pt(e,a)}Ma(e,t,a,null,n)}}}function Xt(e,t,n,a){var o=Se(a);if(null!==(o=to(o))){var r=qe(o);if(null===r)o=null;else{var i=r.tag;if(13===i){if(null!==(o=Ye(r)))return o;o=null}else if(3===i){if(r.stateNode.hydrate)return 3===r.tag?r.stateNode.containerInfo:null;o=null}else r!==o&&(o=null)}}return Ma(e,t,a,o,n),null}var Jt=null,en=null,tn=null;function nn(){if(tn)return tn;var e,t,n=en,a=n.length,o="value"in Jt?Jt.value:Jt.textContent,r=o.length;for(e=0;e<a&&n[e]===o[e];e++);var i=a-e;for(t=1;t<=i&&n[a-t]===o[r-t];t++);return tn=o.slice(e,1<t?1-t:void 0)}function an(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function on(){return!0}function rn(){return!1}function ln(e){function t(t,n,a,o,r){for(var i in this._reactName=t,this._targetInst=a,this.type=n,this.nativeEvent=o,this.target=r,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?on:rn,this.isPropagationStopped=rn,this}return o(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=on)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=on)},persist:function(){},isPersistent:on}),t}var sn,cn,un,dn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},bn=ln(dn),fn=o({},dn,{view:0,detail:0}),pn=ln(fn),gn=o({},fn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Cn,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==un&&(un&&"mousemove"===e.type?(sn=e.screenX-un.screenX,cn=e.screenY-un.screenY):cn=sn=0,un=e),sn)},movementY:function(e){return"movementY"in e?e.movementY:cn}}),mn=ln(gn),hn=ln(o({},gn,{dataTransfer:0})),vn=ln(o({},fn,{relatedTarget:0})),yn=ln(o({},dn,{animationName:0,elapsedTime:0,pseudoElement:0})),_n=o({},dn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),xn=ln(_n),wn=ln(o({},dn,{data:0})),kn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},En={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Sn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function zn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Sn[e])&&!!t[e]}function Cn(){return zn}var Tn=o({},fn,{key:function(e){if(e.key){var t=kn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=an(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?En[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Cn,charCode:function(e){return"keypress"===e.type?an(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?an(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),jn=ln(Tn),Ln=ln(o({},gn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),On=ln(o({},fn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Cn})),Pn=ln(o({},dn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Nn=o({},gn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Mn=ln(Nn),An=[9,13,27,32],In=d&&"CompositionEvent"in window,Rn=null;d&&"documentMode"in document&&(Rn=document.documentMode);var Dn=d&&"TextEvent"in window&&!Rn,Fn=d&&(!In||Rn&&8<Rn&&11>=Rn),Bn=String.fromCharCode(32),$n=!1;function Un(e,t){switch(e){case"keyup":return-1!==An.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Hn(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Zn=!1;var Qn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Vn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Qn[e.type]:"textarea"===t}function Wn(e,t,n,a){Le(a),0<(t=Ia(t,"onChange")).length&&(n=new bn("onChange","change",null,n,a),e.push({event:n,listeners:t}))}var Gn=null,qn=null;function Yn(e){Ta(e,0)}function Kn(e){if(K(ao(e)))return e}function Xn(e,t){if("change"===e)return t}var Jn=!1;if(d){var ea;if(d){var ta="oninput"in document;if(!ta){var na=document.createElement("div");na.setAttribute("oninput","return;"),ta="function"==typeof na.oninput}ea=ta}else ea=!1;Jn=ea&&(!document.documentMode||9<document.documentMode)}function aa(){Gn&&(Gn.detachEvent("onpropertychange",oa),qn=Gn=null)}function oa(e){if("value"===e.propertyName&&Kn(qn)){var t=[];if(Wn(t,qn,e,Se(e)),e=Yn,Ie)e(t);else{Ie=!0;try{Pe(e,t)}finally{Ie=!1,De()}}}}function ra(e,t,n){"focusin"===e?(aa(),qn=n,(Gn=t).attachEvent("onpropertychange",oa)):"focusout"===e&&aa()}function ia(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Kn(qn)}function la(e,t){if("click"===e)return Kn(t)}function sa(e,t){if("input"===e||"change"===e)return Kn(t)}var ca="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},ua=Object.prototype.hasOwnProperty;function da(e,t){if(ca(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++)if(!ua.call(t,n[a])||!ca(e[n[a]],t[n[a]]))return!1;return!0}function ba(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function fa(e,t){var n,a=ba(e);for(e=0;a;){if(3===a.nodeType){if(n=e+a.textContent.length,e<=t&&n>=t)return{node:a,offset:t-e};e=n}e:{for(;a;){if(a.nextSibling){a=a.nextSibling;break e}a=a.parentNode}a=void 0}a=ba(a)}}function pa(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?pa(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function ga(){for(var e=window,t=X();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(a){n=!1}if(!n)break;t=X((e=t.contentWindow).document)}return t}function ma(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var ha=d&&"documentMode"in document&&11>=document.documentMode,va=null,ya=null,_a=null,xa=!1;function wa(e,t,n){var a=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;xa||null==va||va!==X(a)||("selectionStart"in(a=va)&&ma(a)?a={start:a.selectionStart,end:a.selectionEnd}:a={anchorNode:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset},_a&&da(_a,a)||(_a=a,0<(a=Ia(ya,"onSelect")).length&&(t=new bn("onSelect","select",null,t,n),e.push({event:t,listeners:a}),t.target=va)))}Mt("cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focusin focus focusout blur input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),0),Mt("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1),Mt(Nt,2);for(var ka="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),Ea=0;Ea<ka.length;Ea++)Pt.set(ka[Ea],0);u("onMouseEnter",["mouseout","mouseover"]),u("onMouseLeave",["mouseout","mouseover"]),u("onPointerEnter",["pointerout","pointerover"]),u("onPointerLeave",["pointerout","pointerover"]),c("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),c("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),c("onBeforeInput",["compositionend","keypress","textInput","paste"]),c("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Sa="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),za=new Set("cancel close invalid load scroll toggle".split(" ").concat(Sa));function Ca(e,t,n){var a=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,a,o,r,l,s,c){if(Ge.apply(this,arguments),He){if(!He)throw Error(i(198));var u=Ze;He=!1,Ze=null,Qe||(Qe=!0,Ve=u)}}(a,t,void 0,e),e.currentTarget=null}function Ta(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var a=e[n],o=a.event;a=a.listeners;e:{var r=void 0;if(t)for(var i=a.length-1;0<=i;i--){var l=a[i],s=l.instance,c=l.currentTarget;if(l=l.listener,s!==r&&o.isPropagationStopped())break e;Ca(o,l,c),r=s}else for(i=0;i<a.length;i++){if(s=(l=a[i]).instance,c=l.currentTarget,l=l.listener,s!==r&&o.isPropagationStopped())break e;Ca(o,l,c),r=s}}}if(Qe)throw e=Ve,Qe=!1,Ve=null,e}function ja(e,t){var n=ro(t),a=e+"__bubble";n.has(a)||(Na(t,e,2,!1),n.add(a))}var La="_reactListening"+Math.random().toString(36).slice(2);function Oa(e){e[La]||(e[La]=!0,l.forEach((function(t){za.has(t)||Pa(t,!1,e,null),Pa(t,!0,e,null)})))}function Pa(e,t,n,a){var o=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,r=n;if("selectionchange"===e&&9!==n.nodeType&&(r=n.ownerDocument),null!==a&&!t&&za.has(e)){if("scroll"!==e)return;o|=2,r=a}var i=ro(r),l=e+"__"+(t?"capture":"bubble");i.has(l)||(t&&(o|=4),Na(r,e,o,t),i.add(l))}function Na(e,t,n,a){var o=Pt.get(t);switch(void 0===o?2:o){case 0:o=qt;break;case 1:o=Yt;break;default:o=Kt}n=o.bind(null,t,n,e),o=void 0,!Be||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),a?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Ma(e,t,n,a,o){var r=a;if(0==(1&t)&&0==(2&t)&&null!==a)e:for(;;){if(null===a)return;var i=a.tag;if(3===i||4===i){var l=a.stateNode.containerInfo;if(l===o||8===l.nodeType&&l.parentNode===o)break;if(4===i)for(i=a.return;null!==i;){var s=i.tag;if((3===s||4===s)&&((s=i.stateNode.containerInfo)===o||8===s.nodeType&&s.parentNode===o))return;i=i.return}for(;null!==l;){if(null===(i=to(l)))return;if(5===(s=i.tag)||6===s){a=r=i;continue e}l=l.parentNode}}a=a.return}!function(e,t,n){if(Re)return e(t,n);Re=!0;try{return Ae(e,t,n)}finally{Re=!1,De()}}((function(){var a=r,o=Se(n),i=[];e:{var l=Ot.get(e);if(void 0!==l){var s=bn,c=e;switch(e){case"keypress":if(0===an(n))break e;case"keydown":case"keyup":s=jn;break;case"focusin":c="focus",s=vn;break;case"focusout":c="blur",s=vn;break;case"beforeblur":case"afterblur":s=vn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":s=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":s=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":s=On;break;case Ct:case Tt:case jt:s=yn;break;case Lt:s=Pn;break;case"scroll":s=pn;break;case"wheel":s=Mn;break;case"copy":case"cut":case"paste":s=xn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":s=Ln}var u=0!=(4&t),d=!u&&"scroll"===e,b=u?null!==l?l+"Capture":null:l;u=[];for(var f,p=a;null!==p;){var g=(f=p).stateNode;if(5===f.tag&&null!==g&&(f=g,null!==b&&(null!=(g=Fe(p,b))&&u.push(Aa(p,g,f)))),d)break;p=p.return}0<u.length&&(l=new s(l,c,null,n,o),i.push({event:l,listeners:u}))}}if(0==(7&t)){if(s="mouseout"===e||"pointerout"===e,(!(l="mouseover"===e||"pointerover"===e)||0!=(16&t)||!(c=n.relatedTarget||n.fromElement)||!to(c)&&!c[Ja])&&(s||l)&&(l=o.window===o?o:(l=o.ownerDocument)?l.defaultView||l.parentWindow:window,s?(s=a,null!==(c=(c=n.relatedTarget||n.toElement)?to(c):null)&&(c!==(d=qe(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(s=null,c=a),s!==c)){if(u=mn,g="onMouseLeave",b="onMouseEnter",p="mouse","pointerout"!==e&&"pointerover"!==e||(u=Ln,g="onPointerLeave",b="onPointerEnter",p="pointer"),d=null==s?l:ao(s),f=null==c?l:ao(c),(l=new u(g,p+"leave",s,n,o)).target=d,l.relatedTarget=f,g=null,to(o)===a&&((u=new u(b,p+"enter",c,n,o)).target=f,u.relatedTarget=d,g=u),d=g,s&&c)e:{for(b=c,p=0,f=u=s;f;f=Ra(f))p++;for(f=0,g=b;g;g=Ra(g))f++;for(;0<p-f;)u=Ra(u),p--;for(;0<f-p;)b=Ra(b),f--;for(;p--;){if(u===b||null!==b&&u===b.alternate)break e;u=Ra(u),b=Ra(b)}u=null}else u=null;null!==s&&Da(i,l,s,u,!1),null!==c&&null!==d&&Da(i,d,c,u,!0)}if("select"===(s=(l=a?ao(a):window).nodeName&&l.nodeName.toLowerCase())||"input"===s&&"file"===l.type)var m=Xn;else if(Vn(l))if(Jn)m=sa;else{m=ia;var h=ra}else(s=l.nodeName)&&"input"===s.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(m=la);switch(m&&(m=m(e,a))?Wn(i,m,n,o):(h&&h(e,l,a),"focusout"===e&&(h=l._wrapperState)&&h.controlled&&"number"===l.type&&oe(l,"number",l.value)),h=a?ao(a):window,e){case"focusin":(Vn(h)||"true"===h.contentEditable)&&(va=h,ya=a,_a=null);break;case"focusout":_a=ya=va=null;break;case"mousedown":xa=!0;break;case"contextmenu":case"mouseup":case"dragend":xa=!1,wa(i,n,o);break;case"selectionchange":if(ha)break;case"keydown":case"keyup":wa(i,n,o)}var v;if(In)e:{switch(e){case"compositionstart":var y="onCompositionStart";break e;case"compositionend":y="onCompositionEnd";break e;case"compositionupdate":y="onCompositionUpdate";break e}y=void 0}else Zn?Un(e,n)&&(y="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(y="onCompositionStart");y&&(Fn&&"ko"!==n.locale&&(Zn||"onCompositionStart"!==y?"onCompositionEnd"===y&&Zn&&(v=nn()):(en="value"in(Jt=o)?Jt.value:Jt.textContent,Zn=!0)),0<(h=Ia(a,y)).length&&(y=new wn(y,e,null,n,o),i.push({event:y,listeners:h}),v?y.data=v:null!==(v=Hn(n))&&(y.data=v))),(v=Dn?function(e,t){switch(e){case"compositionend":return Hn(t);case"keypress":return 32!==t.which?null:($n=!0,Bn);case"textInput":return(e=t.data)===Bn&&$n?null:e;default:return null}}(e,n):function(e,t){if(Zn)return"compositionend"===e||!In&&Un(e,t)?(e=nn(),tn=en=Jt=null,Zn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Fn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(a=Ia(a,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:a}),o.data=v))}Ta(i,t)}))}function Aa(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Ia(e,t){for(var n=t+"Capture",a=[];null!==e;){var o=e,r=o.stateNode;5===o.tag&&null!==r&&(o=r,null!=(r=Fe(e,n))&&a.unshift(Aa(e,r,o)),null!=(r=Fe(e,t))&&a.push(Aa(e,r,o))),e=e.return}return a}function Ra(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Da(e,t,n,a,o){for(var r=t._reactName,i=[];null!==n&&n!==a;){var l=n,s=l.alternate,c=l.stateNode;if(null!==s&&s===a)break;5===l.tag&&null!==c&&(l=c,o?null!=(s=Fe(n,r))&&i.unshift(Aa(n,s,l)):o||null!=(s=Fe(n,r))&&i.push(Aa(n,s,l))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}function Fa(){}var Ba=null,$a=null;function Ua(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function Ha(e,t){return"textarea"===e||"option"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var Za="function"==typeof setTimeout?setTimeout:void 0,Qa="function"==typeof clearTimeout?clearTimeout:void 0;function Va(e){1===e.nodeType?e.textContent="":9===e.nodeType&&(null!=(e=e.body)&&(e.textContent=""))}function Wa(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break}return e}function Ga(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var qa=0;var Ya=Math.random().toString(36).slice(2),Ka="__reactFiber$"+Ya,Xa="__reactProps$"+Ya,Ja="__reactContainer$"+Ya,eo="__reactEvents$"+Ya;function to(e){var t=e[Ka];if(t)return t;for(var n=e.parentNode;n;){if(t=n[Ja]||n[Ka]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=Ga(e);null!==e;){if(n=e[Ka])return n;e=Ga(e)}return t}n=(e=n).parentNode}return null}function no(e){return!(e=e[Ka]||e[Ja])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function ao(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(i(33))}function oo(e){return e[Xa]||null}function ro(e){var t=e[eo];return void 0===t&&(t=e[eo]=new Set),t}var io=[],lo=-1;function so(e){return{current:e}}function co(e){0>lo||(e.current=io[lo],io[lo]=null,lo--)}function uo(e,t){lo++,io[lo]=e.current,e.current=t}var bo={},fo=so(bo),po=so(!1),go=bo;function mo(e,t){var n=e.type.contextTypes;if(!n)return bo;var a=e.stateNode;if(a&&a.__reactInternalMemoizedUnmaskedChildContext===t)return a.__reactInternalMemoizedMaskedChildContext;var o,r={};for(o in n)r[o]=t[o];return a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=r),r}function ho(e){return null!=(e=e.childContextTypes)}function vo(){co(po),co(fo)}function yo(e,t,n){if(fo.current!==bo)throw Error(i(168));uo(fo,t),uo(po,n)}function _o(e,t,n){var a=e.stateNode;if(e=t.childContextTypes,"function"!=typeof a.getChildContext)return n;for(var r in a=a.getChildContext())if(!(r in e))throw Error(i(108,W(t)||"Unknown",r));return o({},n,a)}function xo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||bo,go=fo.current,uo(fo,e),uo(po,po.current),!0}function wo(e,t,n){var a=e.stateNode;if(!a)throw Error(i(169));n?(e=_o(e,t,go),a.__reactInternalMemoizedMergedChildContext=e,co(po),co(fo),uo(fo,e)):co(po),uo(po,n)}var ko=null,Eo=null,So=r.unstable_runWithPriority,zo=r.unstable_scheduleCallback,Co=r.unstable_cancelCallback,To=r.unstable_shouldYield,jo=r.unstable_requestPaint,Lo=r.unstable_now,Oo=r.unstable_getCurrentPriorityLevel,Po=r.unstable_ImmediatePriority,No=r.unstable_UserBlockingPriority,Mo=r.unstable_NormalPriority,Ao=r.unstable_LowPriority,Io=r.unstable_IdlePriority,Ro={},Do=void 0!==jo?jo:function(){},Fo=null,Bo=null,$o=!1,Uo=Lo(),Ho=1e4>Uo?Lo:function(){return Lo()-Uo};function Zo(){switch(Oo()){case Po:return 99;case No:return 98;case Mo:return 97;case Ao:return 96;case Io:return 95;default:throw Error(i(332))}}function Qo(e){switch(e){case 99:return Po;case 98:return No;case 97:return Mo;case 96:return Ao;case 95:return Io;default:throw Error(i(332))}}function Vo(e,t){return e=Qo(e),So(e,t)}function Wo(e,t,n){return e=Qo(e),zo(e,t,n)}function Go(){if(null!==Bo){var e=Bo;Bo=null,Co(e)}qo()}function qo(){if(!$o&&null!==Fo){$o=!0;var e=0;try{var t=Fo;Vo(99,(function(){for(;e<t.length;e++){var n=t[e];do{n=n(!0)}while(null!==n)}})),Fo=null}catch(n){throw null!==Fo&&(Fo=Fo.slice(e+1)),zo(Po,Go),n}finally{$o=!1}}}var Yo=x.ReactCurrentBatchConfig;function Ko(e,t){if(e&&e.defaultProps){for(var n in t=o({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var Xo=so(null),Jo=null,er=null,tr=null;function nr(){tr=er=Jo=null}function ar(e){var t=Xo.current;co(Xo),e.type._context._currentValue=t}function or(e,t){for(;null!==e;){var n=e.alternate;if((e.childLanes&t)===t){if(null===n||(n.childLanes&t)===t)break;n.childLanes|=t}else e.childLanes|=t,null!==n&&(n.childLanes|=t);e=e.return}}function rr(e,t){Jo=e,tr=er=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(Ii=!0),e.firstContext=null)}function ir(e,t){if(tr!==e&&!1!==t&&0!==t)if("number"==typeof t&&1073741823!==t||(tr=e,t=1073741823),t={context:e,observedBits:t,next:null},null===er){if(null===Jo)throw Error(i(308));er=t,Jo.dependencies={lanes:0,firstContext:t,responders:null}}else er=er.next=t;return e._currentValue}var lr=!1;function sr(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null},effects:null}}function cr(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function ur(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function dr(e,t){if(null!==(e=e.updateQueue)){var n=(e=e.shared).pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}}function br(e,t){var n=e.updateQueue,a=e.alternate;if(null!==a&&n===(a=a.updateQueue)){var o=null,r=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===r?o=r=i:r=r.next=i,n=n.next}while(null!==n);null===r?o=r=t:r=r.next=t}else o=r=t;return n={baseState:a.baseState,firstBaseUpdate:o,lastBaseUpdate:r,shared:a.shared,effects:a.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function fr(e,t,n,a){var r=e.updateQueue;lr=!1;var i=r.firstBaseUpdate,l=r.lastBaseUpdate,s=r.shared.pending;if(null!==s){r.shared.pending=null;var c=s,u=c.next;c.next=null,null===l?i=u:l.next=u,l=c;var d=e.alternate;if(null!==d){var b=(d=d.updateQueue).lastBaseUpdate;b!==l&&(null===b?d.firstBaseUpdate=u:b.next=u,d.lastBaseUpdate=c)}}if(null!==i){for(b=r.baseState,l=0,d=u=c=null;;){s=i.lane;var f=i.eventTime;if((a&s)===s){null!==d&&(d=d.next={eventTime:f,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var p=e,g=i;switch(s=t,f=n,g.tag){case 1:if("function"==typeof(p=g.payload)){b=p.call(f,b,s);break e}b=p;break e;case 3:p.flags=-4097&p.flags|64;case 0:if(null==(s="function"==typeof(p=g.payload)?p.call(f,b,s):p))break e;b=o({},b,s);break e;case 2:lr=!0}}null!==i.callback&&(e.flags|=32,null===(s=r.effects)?r.effects=[i]:s.push(i))}else f={eventTime:f,lane:s,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===d?(u=d=f,c=b):d=d.next=f,l|=s;if(null===(i=i.next)){if(null===(s=r.shared.pending))break;i=s.next,s.next=null,r.lastBaseUpdate=s,r.shared.pending=null}}null===d&&(c=b),r.baseState=c,r.firstBaseUpdate=u,r.lastBaseUpdate=d,$l|=l,e.lanes=l,e.memoizedState=b}}function pr(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var a=e[t],o=a.callback;if(null!==o){if(a.callback=null,a=n,"function"!=typeof o)throw Error(i(191,o));o.call(a)}}}var gr=(new a.Component).refs;function mr(e,t,n,a){n=null==(n=n(a,t=e.memoizedState))?t:o({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var hr={isMounted:function(e){return!!(e=e._reactInternals)&&qe(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var a=bs(),o=fs(e),r=ur(a,o);r.payload=t,null!=n&&(r.callback=n),dr(e,r),ps(e,o,a)},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var a=bs(),o=fs(e),r=ur(a,o);r.tag=1,r.payload=t,null!=n&&(r.callback=n),dr(e,r),ps(e,o,a)},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=bs(),a=fs(e),o=ur(n,a);o.tag=2,null!=t&&(o.callback=t),dr(e,o),ps(e,a,n)}};function vr(e,t,n,a,o,r,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(a,r,i):!t.prototype||!t.prototype.isPureReactComponent||(!da(n,a)||!da(o,r))}function yr(e,t,n){var a=!1,o=bo,r=t.contextType;return"object"==typeof r&&null!==r?r=ir(r):(o=ho(t)?go:fo.current,r=(a=null!=(a=t.contextTypes))?mo(e,o):bo),t=new t(n,r),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=hr,e.stateNode=t,t._reactInternals=e,a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=r),t}function _r(e,t,n,a){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,a),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,a),t.state!==e&&hr.enqueueReplaceState(t,t.state,null)}function xr(e,t,n,a){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=gr,sr(e);var r=t.contextType;"object"==typeof r&&null!==r?o.context=ir(r):(r=ho(t)?go:fo.current,o.context=mo(e,r)),fr(e,n,o,a),o.state=e.memoizedState,"function"==typeof(r=t.getDerivedStateFromProps)&&(mr(e,t,r,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&hr.enqueueReplaceState(o,o.state,null),fr(e,n,o,a),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4)}var wr=Array.isArray;function kr(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(i(309));var a=n.stateNode}if(!a)throw Error(i(147,e));var o=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===o?t.ref:(t=function(e){var t=a.refs;t===gr&&(t=a.refs={}),null===e?delete t[o]:t[o]=e},t._stringRef=o,t)}if("string"!=typeof e)throw Error(i(284));if(!n._owner)throw Error(i(290,e))}return e}function Er(e,t){if("textarea"!==e.type)throw Error(i(31,"[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t))}function Sr(e){function t(t,n){if(e){var a=t.lastEffect;null!==a?(a.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.flags=8}}function n(n,a){if(!e)return null;for(;null!==a;)t(n,a),a=a.sibling;return null}function a(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Vs(e,t)).index=0,e.sibling=null,e}function r(t,n,a){return t.index=a,e?null!==(a=t.alternate)?(a=a.index)<n?(t.flags=2,n):a:(t.flags=2,n):n}function l(t){return e&&null===t.alternate&&(t.flags=2),t}function s(e,t,n,a){return null===t||6!==t.tag?((t=Ys(n,e.mode,a)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,a){return null!==t&&t.elementType===n.type?((a=o(t,n.props)).ref=kr(e,t,n),a.return=e,a):((a=Ws(n.type,n.key,n.props,null,e.mode,a)).ref=kr(e,t,n),a.return=e,a)}function u(e,t,n,a){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Ks(n,e.mode,a)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,a,r){return null===t||7!==t.tag?((t=Gs(n,e.mode,a,r)).return=e,t):((t=o(t,n)).return=e,t)}function b(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Ys(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case w:return(n=Ws(t.type,t.key,t.props,null,e.mode,n)).ref=kr(e,null,t),n.return=e,n;case k:return(t=Ks(t,e.mode,n)).return=e,t}if(wr(t)||U(t))return(t=Gs(t,e.mode,n,null)).return=e,t;Er(e,t)}return null}function f(e,t,n,a){var o=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==o?null:s(e,t,""+n,a);if("object"==typeof n&&null!==n){switch(n.$$typeof){case w:return n.key===o?n.type===E?d(e,t,n.props.children,a,o):c(e,t,n,a):null;case k:return n.key===o?u(e,t,n,a):null}if(wr(n)||U(n))return null!==o?null:d(e,t,n,a,null);Er(e,n)}return null}function p(e,t,n,a,o){if("string"==typeof a||"number"==typeof a)return s(t,e=e.get(n)||null,""+a,o);if("object"==typeof a&&null!==a){switch(a.$$typeof){case w:return e=e.get(null===a.key?n:a.key)||null,a.type===E?d(t,e,a.props.children,o,a.key):c(t,e,a,o);case k:return u(t,e=e.get(null===a.key?n:a.key)||null,a,o)}if(wr(a)||U(a))return d(t,e=e.get(n)||null,a,o,null);Er(t,a)}return null}function g(o,i,l,s){for(var c=null,u=null,d=i,g=i=0,m=null;null!==d&&g<l.length;g++){d.index>g?(m=d,d=null):m=d.sibling;var h=f(o,d,l[g],s);if(null===h){null===d&&(d=m);break}e&&d&&null===h.alternate&&t(o,d),i=r(h,i,g),null===u?c=h:u.sibling=h,u=h,d=m}if(g===l.length)return n(o,d),c;if(null===d){for(;g<l.length;g++)null!==(d=b(o,l[g],s))&&(i=r(d,i,g),null===u?c=d:u.sibling=d,u=d);return c}for(d=a(o,d);g<l.length;g++)null!==(m=p(d,o,g,l[g],s))&&(e&&null!==m.alternate&&d.delete(null===m.key?g:m.key),i=r(m,i,g),null===u?c=m:u.sibling=m,u=m);return e&&d.forEach((function(e){return t(o,e)})),c}function m(o,l,s,c){var u=U(s);if("function"!=typeof u)throw Error(i(150));if(null==(s=u.call(s)))throw Error(i(151));for(var d=u=null,g=l,m=l=0,h=null,v=s.next();null!==g&&!v.done;m++,v=s.next()){g.index>m?(h=g,g=null):h=g.sibling;var y=f(o,g,v.value,c);if(null===y){null===g&&(g=h);break}e&&g&&null===y.alternate&&t(o,g),l=r(y,l,m),null===d?u=y:d.sibling=y,d=y,g=h}if(v.done)return n(o,g),u;if(null===g){for(;!v.done;m++,v=s.next())null!==(v=b(o,v.value,c))&&(l=r(v,l,m),null===d?u=v:d.sibling=v,d=v);return u}for(g=a(o,g);!v.done;m++,v=s.next())null!==(v=p(g,o,m,v.value,c))&&(e&&null!==v.alternate&&g.delete(null===v.key?m:v.key),l=r(v,l,m),null===d?u=v:d.sibling=v,d=v);return e&&g.forEach((function(e){return t(o,e)})),u}return function(e,a,r,s){var c="object"==typeof r&&null!==r&&r.type===E&&null===r.key;c&&(r=r.props.children);var u="object"==typeof r&&null!==r;if(u)switch(r.$$typeof){case w:e:{for(u=r.key,c=a;null!==c;){if(c.key===u){if(7===c.tag){if(r.type===E){n(e,c.sibling),(a=o(c,r.props.children)).return=e,e=a;break e}}else if(c.elementType===r.type){n(e,c.sibling),(a=o(c,r.props)).ref=kr(e,c,r),a.return=e,e=a;break e}n(e,c);break}t(e,c),c=c.sibling}r.type===E?((a=Gs(r.props.children,e.mode,s,r.key)).return=e,e=a):((s=Ws(r.type,r.key,r.props,null,e.mode,s)).ref=kr(e,a,r),s.return=e,e=s)}return l(e);case k:e:{for(c=r.key;null!==a;){if(a.key===c){if(4===a.tag&&a.stateNode.containerInfo===r.containerInfo&&a.stateNode.implementation===r.implementation){n(e,a.sibling),(a=o(a,r.children||[])).return=e,e=a;break e}n(e,a);break}t(e,a),a=a.sibling}(a=Ks(r,e.mode,s)).return=e,e=a}return l(e)}if("string"==typeof r||"number"==typeof r)return r=""+r,null!==a&&6===a.tag?(n(e,a.sibling),(a=o(a,r)).return=e,e=a):(n(e,a),(a=Ys(r,e.mode,s)).return=e,e=a),l(e);if(wr(r))return g(e,a,r,s);if(U(r))return m(e,a,r,s);if(u&&Er(e,r),void 0===r&&!c)switch(e.tag){case 1:case 22:case 0:case 11:case 15:throw Error(i(152,W(e.type)||"Component"))}return n(e,a)}}var zr=Sr(!0),Cr=Sr(!1),Tr={},jr=so(Tr),Lr=so(Tr),Or=so(Tr);function Pr(e){if(e===Tr)throw Error(i(174));return e}function Nr(e,t){switch(uo(Or,t),uo(Lr,e),uo(jr,Tr),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:fe(null,"");break;default:t=fe(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}co(jr),uo(jr,t)}function Mr(){co(jr),co(Lr),co(Or)}function Ar(e){Pr(Or.current);var t=Pr(jr.current),n=fe(t,e.type);t!==n&&(uo(Lr,e),uo(jr,n))}function Ir(e){Lr.current===e&&(co(jr),co(Lr))}var Rr=so(0);function Dr(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(64&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Fr=null,Br=null,$r=!1;function Ur(e,t){var n=Zs(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.flags=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function Hr(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function Zr(e){if($r){var t=Br;if(t){var n=t;if(!Hr(e,t)){if(!(t=Wa(n.nextSibling))||!Hr(e,t))return e.flags=-1025&e.flags|2,$r=!1,void(Fr=e);Ur(Fr,n)}Fr=e,Br=Wa(t.firstChild)}else e.flags=-1025&e.flags|2,$r=!1,Fr=e}}function Qr(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;Fr=e}function Vr(e){if(e!==Fr)return!1;if(!$r)return Qr(e),$r=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!Ha(t,e.memoizedProps))for(t=Br;t;)Ur(e,t),t=Wa(t.nextSibling);if(Qr(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(i(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){Br=Wa(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}Br=null}}else Br=Fr?Wa(e.stateNode.nextSibling):null;return!0}function Wr(){Br=Fr=null,$r=!1}var Gr=[];function qr(){for(var e=0;e<Gr.length;e++)Gr[e]._workInProgressVersionPrimary=null;Gr.length=0}var Yr=x.ReactCurrentDispatcher,Kr=x.ReactCurrentBatchConfig,Xr=0,Jr=null,ei=null,ti=null,ni=!1,ai=!1;function oi(){throw Error(i(321))}function ri(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!ca(e[n],t[n]))return!1;return!0}function ii(e,t,n,a,o,r){if(Xr=r,Jr=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Yr.current=null===e||null===e.memoizedState?Pi:Ni,e=n(a,o),ai){r=0;do{if(ai=!1,!(25>r))throw Error(i(301));r+=1,ti=ei=null,t.updateQueue=null,Yr.current=Mi,e=n(a,o)}while(ai)}if(Yr.current=Oi,t=null!==ei&&null!==ei.next,Xr=0,ti=ei=Jr=null,ni=!1,t)throw Error(i(300));return e}function li(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ti?Jr.memoizedState=ti=e:ti=ti.next=e,ti}function si(){if(null===ei){var e=Jr.alternate;e=null!==e?e.memoizedState:null}else e=ei.next;var t=null===ti?Jr.memoizedState:ti.next;if(null!==t)ti=t,ei=e;else{if(null===e)throw Error(i(310));e={memoizedState:(ei=e).memoizedState,baseState:ei.baseState,baseQueue:ei.baseQueue,queue:ei.queue,next:null},null===ti?Jr.memoizedState=ti=e:ti=ti.next=e}return ti}function ci(e,t){return"function"==typeof t?t(e):t}function ui(e){var t=si(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var a=ei,o=a.baseQueue,r=n.pending;if(null!==r){if(null!==o){var l=o.next;o.next=r.next,r.next=l}a.baseQueue=o=r,n.pending=null}if(null!==o){o=o.next,a=a.baseState;var s=l=r=null,c=o;do{var u=c.lane;if((Xr&u)===u)null!==s&&(s=s.next={lane:0,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null}),a=c.eagerReducer===e?c.eagerState:e(a,c.action);else{var d={lane:u,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null};null===s?(l=s=d,r=a):s=s.next=d,Jr.lanes|=u,$l|=u}c=c.next}while(null!==c&&c!==o);null===s?r=a:s.next=l,ca(a,t.memoizedState)||(Ii=!0),t.memoizedState=a,t.baseState=r,t.baseQueue=s,n.lastRenderedState=a}return[t.memoizedState,n.dispatch]}function di(e){var t=si(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var a=n.dispatch,o=n.pending,r=t.memoizedState;if(null!==o){n.pending=null;var l=o=o.next;do{r=e(r,l.action),l=l.next}while(l!==o);ca(r,t.memoizedState)||(Ii=!0),t.memoizedState=r,null===t.baseQueue&&(t.baseState=r),n.lastRenderedState=r}return[r,a]}function bi(e,t,n){var a=t._getVersion;a=a(t._source);var o=t._workInProgressVersionPrimary;if(null!==o?e=o===a:(e=e.mutableReadLanes,(e=(Xr&e)===e)&&(t._workInProgressVersionPrimary=a,Gr.push(t))),e)return n(t._source);throw Gr.push(t),Error(i(350))}function fi(e,t,n,a){var o=Nl;if(null===o)throw Error(i(349));var r=t._getVersion,l=r(t._source),s=Yr.current,c=s.useState((function(){return bi(o,t,n)})),u=c[1],d=c[0];c=ti;var b=e.memoizedState,f=b.refs,p=f.getSnapshot,g=b.source;b=b.subscribe;var m=Jr;return e.memoizedState={refs:f,source:t,subscribe:a},s.useEffect((function(){f.getSnapshot=n,f.setSnapshot=u;var e=r(t._source);if(!ca(l,e)){e=n(t._source),ca(d,e)||(u(e),e=fs(m),o.mutableReadLanes|=e&o.pendingLanes),e=o.mutableReadLanes,o.entangledLanes|=e;for(var a=o.entanglements,i=e;0<i;){var s=31-Ht(i),c=1<<s;a[s]|=e,i&=~c}}}),[n,t,a]),s.useEffect((function(){return a(t._source,(function(){var e=f.getSnapshot,n=f.setSnapshot;try{n(e(t._source));var a=fs(m);o.mutableReadLanes|=a&o.pendingLanes}catch(r){n((function(){throw r}))}}))}),[t,a]),ca(p,n)&&ca(g,t)&&ca(b,a)||((e={pending:null,dispatch:null,lastRenderedReducer:ci,lastRenderedState:d}).dispatch=u=Li.bind(null,Jr,e),c.queue=e,c.baseQueue=null,d=bi(o,t,n),c.memoizedState=c.baseState=d),d}function pi(e,t,n){return fi(si(),e,t,n)}function gi(e){var t=li();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={pending:null,dispatch:null,lastRenderedReducer:ci,lastRenderedState:e}).dispatch=Li.bind(null,Jr,e),[t.memoizedState,e]}function mi(e,t,n,a){return e={tag:e,create:t,destroy:n,deps:a,next:null},null===(t=Jr.updateQueue)?(t={lastEffect:null},Jr.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(a=n.next,n.next=e,e.next=a,t.lastEffect=e),e}function hi(e){return e={current:e},li().memoizedState=e}function vi(){return si().memoizedState}function yi(e,t,n,a){var o=li();Jr.flags|=e,o.memoizedState=mi(1|t,n,void 0,void 0===a?null:a)}function _i(e,t,n,a){var o=si();a=void 0===a?null:a;var r=void 0;if(null!==ei){var i=ei.memoizedState;if(r=i.destroy,null!==a&&ri(a,i.deps))return void mi(t,n,r,a)}Jr.flags|=e,o.memoizedState=mi(1|t,n,r,a)}function xi(e,t){return yi(516,4,e,t)}function wi(e,t){return _i(516,4,e,t)}function ki(e,t){return _i(4,2,e,t)}function Ei(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Si(e,t,n){return n=null!=n?n.concat([e]):null,_i(4,2,Ei.bind(null,t,e),n)}function zi(){}function Ci(e,t){var n=si();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&ri(t,a[1])?a[0]:(n.memoizedState=[e,t],e)}function Ti(e,t){var n=si();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&ri(t,a[1])?a[0]:(e=e(),n.memoizedState=[e,t],e)}function ji(e,t){var n=Zo();Vo(98>n?98:n,(function(){e(!0)})),Vo(97<n?97:n,(function(){var n=Kr.transition;Kr.transition=1;try{e(!1),t()}finally{Kr.transition=n}}))}function Li(e,t,n){var a=bs(),o=fs(e),r={lane:o,action:n,eagerReducer:null,eagerState:null,next:null},i=t.pending;if(null===i?r.next=r:(r.next=i.next,i.next=r),t.pending=r,i=e.alternate,e===Jr||null!==i&&i===Jr)ai=ni=!0;else{if(0===e.lanes&&(null===i||0===i.lanes)&&null!==(i=t.lastRenderedReducer))try{var l=t.lastRenderedState,s=i(l,n);if(r.eagerReducer=i,r.eagerState=s,ca(s,l))return}catch(c){}ps(e,o,a)}}var Oi={readContext:ir,useCallback:oi,useContext:oi,useEffect:oi,useImperativeHandle:oi,useLayoutEffect:oi,useMemo:oi,useReducer:oi,useRef:oi,useState:oi,useDebugValue:oi,useDeferredValue:oi,useTransition:oi,useMutableSource:oi,useOpaqueIdentifier:oi,unstable_isNewReconciler:!1},Pi={readContext:ir,useCallback:function(e,t){return li().memoizedState=[e,void 0===t?null:t],e},useContext:ir,useEffect:xi,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,yi(4,2,Ei.bind(null,t,e),n)},useLayoutEffect:function(e,t){return yi(4,2,e,t)},useMemo:function(e,t){var n=li();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var a=li();return t=void 0!==n?n(t):t,a.memoizedState=a.baseState=t,e=(e=a.queue={pending:null,dispatch:null,lastRenderedReducer:e,lastRenderedState:t}).dispatch=Li.bind(null,Jr,e),[a.memoizedState,e]},useRef:hi,useState:gi,useDebugValue:zi,useDeferredValue:function(e){var t=gi(e),n=t[0],a=t[1];return xi((function(){var t=Kr.transition;Kr.transition=1;try{a(e)}finally{Kr.transition=t}}),[e]),n},useTransition:function(){var e=gi(!1),t=e[0];return hi(e=ji.bind(null,e[1])),[e,t]},useMutableSource:function(e,t,n){var a=li();return a.memoizedState={refs:{getSnapshot:t,setSnapshot:null},source:e,subscribe:n},fi(a,e,t,n)},useOpaqueIdentifier:function(){if($r){var e=!1,t=function(e){return{$$typeof:A,toString:e,valueOf:e}}((function(){throw e||(e=!0,n("r:"+(qa++).toString(36))),Error(i(355))})),n=gi(t)[1];return 0==(2&Jr.mode)&&(Jr.flags|=516,mi(5,(function(){n("r:"+(qa++).toString(36))}),void 0,null)),t}return gi(t="r:"+(qa++).toString(36)),t},unstable_isNewReconciler:!1},Ni={readContext:ir,useCallback:Ci,useContext:ir,useEffect:wi,useImperativeHandle:Si,useLayoutEffect:ki,useMemo:Ti,useReducer:ui,useRef:vi,useState:function(){return ui(ci)},useDebugValue:zi,useDeferredValue:function(e){var t=ui(ci),n=t[0],a=t[1];return wi((function(){var t=Kr.transition;Kr.transition=1;try{a(e)}finally{Kr.transition=t}}),[e]),n},useTransition:function(){var e=ui(ci)[0];return[vi().current,e]},useMutableSource:pi,useOpaqueIdentifier:function(){return ui(ci)[0]},unstable_isNewReconciler:!1},Mi={readContext:ir,useCallback:Ci,useContext:ir,useEffect:wi,useImperativeHandle:Si,useLayoutEffect:ki,useMemo:Ti,useReducer:di,useRef:vi,useState:function(){return di(ci)},useDebugValue:zi,useDeferredValue:function(e){var t=di(ci),n=t[0],a=t[1];return wi((function(){var t=Kr.transition;Kr.transition=1;try{a(e)}finally{Kr.transition=t}}),[e]),n},useTransition:function(){var e=di(ci)[0];return[vi().current,e]},useMutableSource:pi,useOpaqueIdentifier:function(){return di(ci)[0]},unstable_isNewReconciler:!1},Ai=x.ReactCurrentOwner,Ii=!1;function Ri(e,t,n,a){t.child=null===e?Cr(t,null,n,a):zr(t,e.child,n,a)}function Di(e,t,n,a,o){n=n.render;var r=t.ref;return rr(t,o),a=ii(e,t,n,a,r,o),null===e||Ii?(t.flags|=1,Ri(e,t,a,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,rl(e,t,o))}function Fi(e,t,n,a,o,r){if(null===e){var i=n.type;return"function"!=typeof i||Qs(i)||void 0!==i.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Ws(n.type,null,a,t,t.mode,r)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=i,Bi(e,t,i,a,o,r))}return i=e.child,0==(o&r)&&(o=i.memoizedProps,(n=null!==(n=n.compare)?n:da)(o,a)&&e.ref===t.ref)?rl(e,t,r):(t.flags|=1,(e=Vs(i,a)).ref=t.ref,e.return=t,t.child=e)}function Bi(e,t,n,a,o,r){if(null!==e&&da(e.memoizedProps,a)&&e.ref===t.ref){if(Ii=!1,0==(r&o))return t.lanes=e.lanes,rl(e,t,r);0!=(16384&e.flags)&&(Ii=!0)}return Hi(e,t,n,a,r)}function $i(e,t,n){var a=t.pendingProps,o=a.children,r=null!==e?e.memoizedState:null;if("hidden"===a.mode||"unstable-defer-without-hiding"===a.mode)if(0==(4&t.mode))t.memoizedState={baseLanes:0},ws(t,n);else{if(0==(1073741824&n))return e=null!==r?r.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e},ws(t,e),null;t.memoizedState={baseLanes:0},ws(t,null!==r?r.baseLanes:n)}else null!==r?(a=r.baseLanes|n,t.memoizedState=null):a=n,ws(t,a);return Ri(e,t,o,n),t.child}function Ui(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=128)}function Hi(e,t,n,a,o){var r=ho(n)?go:fo.current;return r=mo(t,r),rr(t,o),n=ii(e,t,n,a,r,o),null===e||Ii?(t.flags|=1,Ri(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,rl(e,t,o))}function Zi(e,t,n,a,o){if(ho(n)){var r=!0;xo(t)}else r=!1;if(rr(t,o),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),yr(t,n,a),xr(t,n,a,o),a=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=ir(c):c=mo(t,c=ho(n)?go:fo.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==a||s!==c)&&_r(t,i,a,c),lr=!1;var b=t.memoizedState;i.state=b,fr(t,a,i,o),s=t.memoizedState,l!==a||b!==s||po.current||lr?("function"==typeof u&&(mr(t,n,u,a),s=t.memoizedState),(l=lr||vr(t,n,l,a,b,s,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4)):("function"==typeof i.componentDidMount&&(t.flags|=4),t.memoizedProps=a,t.memoizedState=s),i.props=a,i.state=s,i.context=c,a=l):("function"==typeof i.componentDidMount&&(t.flags|=4),a=!1)}else{i=t.stateNode,cr(e,t),l=t.memoizedProps,c=t.type===t.elementType?l:Ko(t.type,l),i.props=c,d=t.pendingProps,b=i.context,"object"==typeof(s=n.contextType)&&null!==s?s=ir(s):s=mo(t,s=ho(n)?go:fo.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==d||b!==s)&&_r(t,i,a,s),lr=!1,b=t.memoizedState,i.state=b,fr(t,a,i,o);var p=t.memoizedState;l!==d||b!==p||po.current||lr?("function"==typeof f&&(mr(t,n,f,a),p=t.memoizedState),(c=lr||vr(t,n,c,a,b,p,s))?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(a,p,s),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(a,p,s)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=256)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&b===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&b===e.memoizedState||(t.flags|=256),t.memoizedProps=a,t.memoizedState=p),i.props=a,i.state=p,i.context=s,a=c):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&b===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&b===e.memoizedState||(t.flags|=256),a=!1)}return Qi(e,t,n,a,r,o)}function Qi(e,t,n,a,o,r){Ui(e,t);var i=0!=(64&t.flags);if(!a&&!i)return o&&wo(t,n,!1),rl(e,t,r);a=t.stateNode,Ai.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:a.render();return t.flags|=1,null!==e&&i?(t.child=zr(t,e.child,null,r),t.child=zr(t,null,l,r)):Ri(e,t,l,r),t.memoizedState=a.state,o&&wo(t,n,!0),t.child}function Vi(e){var t=e.stateNode;t.pendingContext?yo(0,t.pendingContext,t.pendingContext!==t.context):t.context&&yo(0,t.context,!1),Nr(e,t.containerInfo)}var Wi,Gi,qi,Yi,Ki={dehydrated:null,retryLane:0};function Xi(e,t,n){var a,o=t.pendingProps,r=Rr.current,i=!1;return(a=0!=(64&t.flags))||(a=(null===e||null!==e.memoizedState)&&0!=(2&r)),a?(i=!0,t.flags&=-65):null!==e&&null===e.memoizedState||void 0===o.fallback||!0===o.unstable_avoidThisFallback||(r|=1),uo(Rr,1&r),null===e?(void 0!==o.fallback&&Zr(t),e=o.children,r=o.fallback,i?(e=Ji(t,e,r,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Ki,e):"number"==typeof o.unstable_expectedLoadTime?(e=Ji(t,e,r,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Ki,t.lanes=33554432,e):((n=qs({mode:"visible",children:e},t.mode,n,null)).return=t,t.child=n)):(e.memoizedState,i?(o=tl(e,t,o.children,o.fallback,n),i=t.child,r=e.child.memoizedState,i.memoizedState=null===r?{baseLanes:n}:{baseLanes:r.baseLanes|n},i.childLanes=e.childLanes&~n,t.memoizedState=Ki,o):(n=el(e,t,o.children,n),t.memoizedState=null,n))}function Ji(e,t,n,a){var o=e.mode,r=e.child;return t={mode:"hidden",children:t},0==(2&o)&&null!==r?(r.childLanes=0,r.pendingProps=t):r=qs(t,o,0,null),n=Gs(n,o,a,null),r.return=e,n.return=e,r.sibling=n,e.child=r,n}function el(e,t,n,a){var o=e.child;return e=o.sibling,n=Vs(o,{mode:"visible",children:n}),0==(2&t.mode)&&(n.lanes=a),n.return=t,n.sibling=null,null!==e&&(e.nextEffect=null,e.flags=8,t.firstEffect=t.lastEffect=e),t.child=n}function tl(e,t,n,a,o){var r=t.mode,i=e.child;e=i.sibling;var l={mode:"hidden",children:n};return 0==(2&r)&&t.child!==i?((n=t.child).childLanes=0,n.pendingProps=l,null!==(i=n.lastEffect)?(t.firstEffect=n.firstEffect,t.lastEffect=i,i.nextEffect=null):t.firstEffect=t.lastEffect=null):n=Vs(i,l),null!==e?a=Vs(e,a):(a=Gs(a,r,o,null)).flags|=2,a.return=t,n.return=t,n.sibling=a,t.child=n,a}function nl(e,t){e.lanes|=t;var n=e.alternate;null!==n&&(n.lanes|=t),or(e.return,t)}function al(e,t,n,a,o,r){var i=e.memoizedState;null===i?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:o,lastEffect:r}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=a,i.tail=n,i.tailMode=o,i.lastEffect=r)}function ol(e,t,n){var a=t.pendingProps,o=a.revealOrder,r=a.tail;if(Ri(e,t,a.children,n),0!=(2&(a=Rr.current)))a=1&a|2,t.flags|=64;else{if(null!==e&&0!=(64&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&nl(e,n);else if(19===e.tag)nl(e,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}a&=1}if(uo(Rr,a),0==(2&t.mode))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===Dr(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),al(t,!1,o,n,r,t.lastEffect);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===Dr(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}al(t,!0,n,null,r,t.lastEffect);break;case"together":al(t,!1,null,null,void 0,t.lastEffect);break;default:t.memoizedState=null}return t.child}function rl(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),$l|=t.lanes,0!=(n&t.childLanes)){if(null!==e&&t.child!==e.child)throw Error(i(153));if(null!==t.child){for(n=Vs(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Vs(e,e.pendingProps)).return=t;n.sibling=null}return t.child}return null}function il(e,t){if(!$r)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var a=null;null!==n;)null!==n.alternate&&(a=n),n=n.sibling;null===a?t||null===e.tail?e.tail=null:e.tail.sibling=null:a.sibling=null}}function ll(e,t,n){var a=t.pendingProps;switch(t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return null;case 1:case 17:return ho(t.type)&&vo(),null;case 3:return Mr(),co(po),co(fo),qr(),(a=t.stateNode).pendingContext&&(a.context=a.pendingContext,a.pendingContext=null),null!==e&&null!==e.child||(Vr(t)?t.flags|=4:a.hydrate||(t.flags|=256)),Gi(t),null;case 5:Ir(t);var r=Pr(Or.current);if(n=t.type,null!==e&&null!=t.stateNode)qi(e,t,n,a,r),e.ref!==t.ref&&(t.flags|=128);else{if(!a){if(null===t.stateNode)throw Error(i(166));return null}if(e=Pr(jr.current),Vr(t)){a=t.stateNode,n=t.type;var l=t.memoizedProps;switch(a[Ka]=t,a[Xa]=l,n){case"dialog":ja("cancel",a),ja("close",a);break;case"iframe":case"object":case"embed":ja("load",a);break;case"video":case"audio":for(e=0;e<Sa.length;e++)ja(Sa[e],a);break;case"source":ja("error",a);break;case"img":case"image":case"link":ja("error",a),ja("load",a);break;case"details":ja("toggle",a);break;case"input":ee(a,l),ja("invalid",a);break;case"select":a._wrapperState={wasMultiple:!!l.multiple},ja("invalid",a);break;case"textarea":se(a,l),ja("invalid",a)}for(var c in ke(n,l),e=null,l)l.hasOwnProperty(c)&&(r=l[c],"children"===c?"string"==typeof r?a.textContent!==r&&(e=["children",r]):"number"==typeof r&&a.textContent!==""+r&&(e=["children",""+r]):s.hasOwnProperty(c)&&null!=r&&"onScroll"===c&&ja("scroll",a));switch(n){case"input":Y(a),ae(a,l,!0);break;case"textarea":Y(a),ue(a);break;case"select":case"option":break;default:"function"==typeof l.onClick&&(a.onclick=Fa)}a=e,t.updateQueue=a,null!==a&&(t.flags|=4)}else{switch(c=9===r.nodeType?r:r.ownerDocument,e===de.html&&(e=be(n)),e===de.html?"script"===n?((e=c.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof a.is?e=c.createElement(n,{is:a.is}):(e=c.createElement(n),"select"===n&&(c=e,a.multiple?c.multiple=!0:a.size&&(c.size=a.size))):e=c.createElementNS(e,n),e[Ka]=t,e[Xa]=a,Wi(e,t,!1,!1),t.stateNode=e,c=Ee(n,a),n){case"dialog":ja("cancel",e),ja("close",e),r=a;break;case"iframe":case"object":case"embed":ja("load",e),r=a;break;case"video":case"audio":for(r=0;r<Sa.length;r++)ja(Sa[r],e);r=a;break;case"source":ja("error",e),r=a;break;case"img":case"image":case"link":ja("error",e),ja("load",e),r=a;break;case"details":ja("toggle",e),r=a;break;case"input":ee(e,a),r=J(e,a),ja("invalid",e);break;case"option":r=re(e,a);break;case"select":e._wrapperState={wasMultiple:!!a.multiple},r=o({},a,{value:void 0}),ja("invalid",e);break;case"textarea":se(e,a),r=le(e,a),ja("invalid",e);break;default:r=a}ke(n,r);var u=r;for(l in u)if(u.hasOwnProperty(l)){var d=u[l];"style"===l?xe(e,d):"dangerouslySetInnerHTML"===l?null!=(d=d?d.__html:void 0)&&me(e,d):"children"===l?"string"==typeof d?("textarea"!==n||""!==d)&&he(e,d):"number"==typeof d&&he(e,""+d):"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&"autoFocus"!==l&&(s.hasOwnProperty(l)?null!=d&&"onScroll"===l&&ja("scroll",e):null!=d&&_(e,l,d,c))}switch(n){case"input":Y(e),ae(e,a,!1);break;case"textarea":Y(e),ue(e);break;case"option":null!=a.value&&e.setAttribute("value",""+G(a.value));break;case"select":e.multiple=!!a.multiple,null!=(l=a.value)?ie(e,!!a.multiple,l,!1):null!=a.defaultValue&&ie(e,!!a.multiple,a.defaultValue,!0);break;default:"function"==typeof r.onClick&&(e.onclick=Fa)}Ua(n,a)&&(t.flags|=4)}null!==t.ref&&(t.flags|=128)}return null;case 6:if(e&&null!=t.stateNode)Yi(e,t,e.memoizedProps,a);else{if("string"!=typeof a&&null===t.stateNode)throw Error(i(166));n=Pr(Or.current),Pr(jr.current),Vr(t)?(a=t.stateNode,n=t.memoizedProps,a[Ka]=t,a.nodeValue!==n&&(t.flags|=4)):((a=(9===n.nodeType?n:n.ownerDocument).createTextNode(a))[Ka]=t,t.stateNode=a)}return null;case 13:return co(Rr),a=t.memoizedState,0!=(64&t.flags)?(t.lanes=n,t):(a=null!==a,n=!1,null===e?void 0!==t.memoizedProps.fallback&&Vr(t):n=null!==e.memoizedState,a&&!n&&0!=(2&t.mode)&&(null===e&&!0!==t.memoizedProps.unstable_avoidThisFallback||0!=(1&Rr.current)?0===Dl&&(Dl=3):(0!==Dl&&3!==Dl||(Dl=4),null===Nl||0==(134217727&$l)&&0==(134217727&Ul)||vs(Nl,Al))),(a||n)&&(t.flags|=4),null);case 4:return Mr(),Gi(t),null===e&&Oa(t.stateNode.containerInfo),null;case 10:return ar(t),null;case 19:if(co(Rr),null===(a=t.memoizedState))return null;if(l=0!=(64&t.flags),null===(c=a.rendering))if(l)il(a,!1);else{if(0!==Dl||null!==e&&0!=(64&e.flags))for(e=t.child;null!==e;){if(null!==(c=Dr(e))){for(t.flags|=64,il(a,!1),null!==(l=c.updateQueue)&&(t.updateQueue=l,t.flags|=4),null===a.lastEffect&&(t.firstEffect=null),t.lastEffect=a.lastEffect,a=n,n=t.child;null!==n;)e=a,(l=n).flags&=2,l.nextEffect=null,l.firstEffect=null,l.lastEffect=null,null===(c=l.alternate)?(l.childLanes=0,l.lanes=e,l.child=null,l.memoizedProps=null,l.memoizedState=null,l.updateQueue=null,l.dependencies=null,l.stateNode=null):(l.childLanes=c.childLanes,l.lanes=c.lanes,l.child=c.child,l.memoizedProps=c.memoizedProps,l.memoizedState=c.memoizedState,l.updateQueue=c.updateQueue,l.type=c.type,e=c.dependencies,l.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return uo(Rr,1&Rr.current|2),t.child}e=e.sibling}null!==a.tail&&Ho()>Vl&&(t.flags|=64,l=!0,il(a,!1),t.lanes=33554432)}else{if(!l)if(null!==(e=Dr(c))){if(t.flags|=64,l=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),il(a,!0),null===a.tail&&"hidden"===a.tailMode&&!c.alternate&&!$r)return null!==(t=t.lastEffect=a.lastEffect)&&(t.nextEffect=null),null}else 2*Ho()-a.renderingStartTime>Vl&&1073741824!==n&&(t.flags|=64,l=!0,il(a,!1),t.lanes=33554432);a.isBackwards?(c.sibling=t.child,t.child=c):(null!==(n=a.last)?n.sibling=c:t.child=c,a.last=c)}return null!==a.tail?(n=a.tail,a.rendering=n,a.tail=n.sibling,a.lastEffect=t.lastEffect,a.renderingStartTime=Ho(),n.sibling=null,t=Rr.current,uo(Rr,l?1&t|2:1&t),n):null;case 23:case 24:return ks(),null!==e&&null!==e.memoizedState!=(null!==t.memoizedState)&&"unstable-defer-without-hiding"!==a.mode&&(t.flags|=4),null}throw Error(i(156,t.tag))}function sl(e){switch(e.tag){case 1:ho(e.type)&&vo();var t=e.flags;return 4096&t?(e.flags=-4097&t|64,e):null;case 3:if(Mr(),co(po),co(fo),qr(),0!=(64&(t=e.flags)))throw Error(i(285));return e.flags=-4097&t|64,e;case 5:return Ir(e),null;case 13:return co(Rr),4096&(t=e.flags)?(e.flags=-4097&t|64,e):null;case 19:return co(Rr),null;case 4:return Mr(),null;case 10:return ar(e),null;case 23:case 24:return ks(),null;default:return null}}function cl(e,t){try{var n="",a=t;do{n+=V(a),a=a.return}while(a);var o=n}catch(r){o="\nError generating stack: "+r.message+"\n"+r.stack}return{value:e,source:t,stack:o}}function ul(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}Wi=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Gi=function(){},qi=function(e,t,n,a){var r=e.memoizedProps;if(r!==a){e=t.stateNode,Pr(jr.current);var i,l=null;switch(n){case"input":r=J(e,r),a=J(e,a),l=[];break;case"option":r=re(e,r),a=re(e,a),l=[];break;case"select":r=o({},r,{value:void 0}),a=o({},a,{value:void 0}),l=[];break;case"textarea":r=le(e,r),a=le(e,a),l=[];break;default:"function"!=typeof r.onClick&&"function"==typeof a.onClick&&(e.onclick=Fa)}for(d in ke(n,a),n=null,r)if(!a.hasOwnProperty(d)&&r.hasOwnProperty(d)&&null!=r[d])if("style"===d){var c=r[d];for(i in c)c.hasOwnProperty(i)&&(n||(n={}),n[i]="")}else"dangerouslySetInnerHTML"!==d&&"children"!==d&&"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&"autoFocus"!==d&&(s.hasOwnProperty(d)?l||(l=[]):(l=l||[]).push(d,null));for(d in a){var u=a[d];if(c=null!=r?r[d]:void 0,a.hasOwnProperty(d)&&u!==c&&(null!=u||null!=c))if("style"===d)if(c){for(i in c)!c.hasOwnProperty(i)||u&&u.hasOwnProperty(i)||(n||(n={}),n[i]="");for(i in u)u.hasOwnProperty(i)&&c[i]!==u[i]&&(n||(n={}),n[i]=u[i])}else n||(l||(l=[]),l.push(d,n)),n=u;else"dangerouslySetInnerHTML"===d?(u=u?u.__html:void 0,c=c?c.__html:void 0,null!=u&&c!==u&&(l=l||[]).push(d,u)):"children"===d?"string"!=typeof u&&"number"!=typeof u||(l=l||[]).push(d,""+u):"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&(s.hasOwnProperty(d)?(null!=u&&"onScroll"===d&&ja("scroll",e),l||c===u||(l=[])):"object"==typeof u&&null!==u&&u.$$typeof===A?u.toString():(l=l||[]).push(d,u))}n&&(l=l||[]).push("style",n);var d=l;(t.updateQueue=d)&&(t.flags|=4)}},Yi=function(e,t,n,a){n!==a&&(t.flags|=4)};var dl="function"==typeof WeakMap?WeakMap:Map;function bl(e,t,n){(n=ur(-1,n)).tag=3,n.payload={element:null};var a=t.value;return n.callback=function(){Yl||(Yl=!0,Kl=a),ul(0,t)},n}function fl(e,t,n){(n=ur(-1,n)).tag=3;var a=e.type.getDerivedStateFromError;if("function"==typeof a){var o=t.value;n.payload=function(){return ul(0,t),a(o)}}var r=e.stateNode;return null!==r&&"function"==typeof r.componentDidCatch&&(n.callback=function(){"function"!=typeof a&&(null===Xl?Xl=new Set([this]):Xl.add(this),ul(0,t));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}var pl="function"==typeof WeakSet?WeakSet:Set;function gl(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(n){Bs(e,n)}else t.current=null}function ml(e,t){switch(t.tag){case 0:case 11:case 15:case 22:case 5:case 6:case 4:case 17:return;case 1:if(256&t.flags&&null!==e){var n=e.memoizedProps,a=e.memoizedState;t=(e=t.stateNode).getSnapshotBeforeUpdate(t.elementType===t.type?n:Ko(t.type,n),a),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:return void(256&t.flags&&Va(t.stateNode.containerInfo))}throw Error(i(163))}function hl(e,t,n){switch(n.tag){case 0:case 11:case 15:case 22:if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{if(3==(3&e.tag)){var a=e.create;e.destroy=a()}e=e.next}while(e!==t)}if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{var o=e;a=o.next,0!=(4&(o=o.tag))&&0!=(1&o)&&(Rs(n,e),Is(n,e)),e=a}while(e!==t)}return;case 1:return e=n.stateNode,4&n.flags&&(null===t?e.componentDidMount():(a=n.elementType===n.type?t.memoizedProps:Ko(n.type,t.memoizedProps),e.componentDidUpdate(a,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate))),void(null!==(t=n.updateQueue)&&pr(n,t,e));case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:case 1:e=n.child.stateNode}pr(n,t,e)}return;case 5:return e=n.stateNode,void(null===t&&4&n.flags&&Ua(n.type,n.memoizedProps)&&e.focus());case 6:case 4:case 12:case 19:case 17:case 20:case 21:case 23:case 24:return;case 13:return void(null===n.memoizedState&&(n=n.alternate,null!==n&&(n=n.memoizedState,null!==n&&(n=n.dehydrated,null!==n&&xt(n)))))}throw Error(i(163))}function vl(e,t){for(var n=e;;){if(5===n.tag){var a=n.stateNode;if(t)"function"==typeof(a=a.style).setProperty?a.setProperty("display","none","important"):a.display="none";else{a=n.stateNode;var o=n.memoizedProps.style;o=null!=o&&o.hasOwnProperty("display")?o.display:null,a.style.display=_e("display",o)}}else if(6===n.tag)n.stateNode.nodeValue=t?"":n.memoizedProps;else if((23!==n.tag&&24!==n.tag||null===n.memoizedState||n===e)&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}function yl(e,t){if(Eo&&"function"==typeof Eo.onCommitFiberUnmount)try{Eo.onCommitFiberUnmount(ko,t)}catch(r){}switch(t.tag){case 0:case 11:case 14:case 15:case 22:if(null!==(e=t.updateQueue)&&null!==(e=e.lastEffect)){var n=e=e.next;do{var a=n,o=a.destroy;if(a=a.tag,void 0!==o)if(0!=(4&a))Rs(t,n);else{a=t;try{o()}catch(r){Bs(a,r)}}n=n.next}while(n!==e)}break;case 1:if(gl(t),"function"==typeof(e=t.stateNode).componentWillUnmount)try{e.props=t.memoizedProps,e.state=t.memoizedState,e.componentWillUnmount()}catch(r){Bs(t,r)}break;case 5:gl(t);break;case 4:Sl(e,t)}}function _l(e){e.alternate=null,e.child=null,e.dependencies=null,e.firstEffect=null,e.lastEffect=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.return=null,e.updateQueue=null}function xl(e){return 5===e.tag||3===e.tag||4===e.tag}function wl(e){e:{for(var t=e.return;null!==t;){if(xl(t))break e;t=t.return}throw Error(i(160))}var n=t;switch(t=n.stateNode,n.tag){case 5:var a=!1;break;case 3:case 4:t=t.containerInfo,a=!0;break;default:throw Error(i(161))}16&n.flags&&(he(t,""),n.flags&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||xl(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag&&18!==n.tag;){if(2&n.flags)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.flags)){n=n.stateNode;break e}}a?kl(e,n,t):El(e,n,t)}function kl(e,t,n){var a=e.tag,o=5===a||6===a;if(o)e=o?e.stateNode:e.stateNode.instance,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Fa));else if(4!==a&&null!==(e=e.child))for(kl(e,t,n),e=e.sibling;null!==e;)kl(e,t,n),e=e.sibling}function El(e,t,n){var a=e.tag,o=5===a||6===a;if(o)e=o?e.stateNode:e.stateNode.instance,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==a&&null!==(e=e.child))for(El(e,t,n),e=e.sibling;null!==e;)El(e,t,n),e=e.sibling}function Sl(e,t){for(var n,a,o=t,r=!1;;){if(!r){r=o.return;e:for(;;){if(null===r)throw Error(i(160));switch(n=r.stateNode,r.tag){case 5:a=!1;break e;case 3:case 4:n=n.containerInfo,a=!0;break e}r=r.return}r=!0}if(5===o.tag||6===o.tag){e:for(var l=e,s=o,c=s;;)if(yl(l,c),null!==c.child&&4!==c.tag)c.child.return=c,c=c.child;else{if(c===s)break e;for(;null===c.sibling;){if(null===c.return||c.return===s)break e;c=c.return}c.sibling.return=c.return,c=c.sibling}a?(l=n,s=o.stateNode,8===l.nodeType?l.parentNode.removeChild(s):l.removeChild(s)):n.removeChild(o.stateNode)}else if(4===o.tag){if(null!==o.child){n=o.stateNode.containerInfo,a=!0,o.child.return=o,o=o.child;continue}}else if(yl(e,o),null!==o.child){o.child.return=o,o=o.child;continue}if(o===t)break;for(;null===o.sibling;){if(null===o.return||o.return===t)return;4===(o=o.return).tag&&(r=!1)}o.sibling.return=o.return,o=o.sibling}}function zl(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 22:var n=t.updateQueue;if(null!==(n=null!==n?n.lastEffect:null)){var a=n=n.next;do{3==(3&a.tag)&&(e=a.destroy,a.destroy=void 0,void 0!==e&&e()),a=a.next}while(a!==n)}return;case 1:case 12:case 17:return;case 5:if(null!=(n=t.stateNode)){a=t.memoizedProps;var o=null!==e?e.memoizedProps:a;e=t.type;var r=t.updateQueue;if(t.updateQueue=null,null!==r){for(n[Xa]=a,"input"===e&&"radio"===a.type&&null!=a.name&&te(n,a),Ee(e,o),t=Ee(e,a),o=0;o<r.length;o+=2){var l=r[o],s=r[o+1];"style"===l?xe(n,s):"dangerouslySetInnerHTML"===l?me(n,s):"children"===l?he(n,s):_(n,l,s,t)}switch(e){case"input":ne(n,a);break;case"textarea":ce(n,a);break;case"select":e=n._wrapperState.wasMultiple,n._wrapperState.wasMultiple=!!a.multiple,null!=(r=a.value)?ie(n,!!a.multiple,r,!1):e!==!!a.multiple&&(null!=a.defaultValue?ie(n,!!a.multiple,a.defaultValue,!0):ie(n,!!a.multiple,a.multiple?[]:"",!1))}}}return;case 6:if(null===t.stateNode)throw Error(i(162));return void(t.stateNode.nodeValue=t.memoizedProps);case 3:return void((n=t.stateNode).hydrate&&(n.hydrate=!1,xt(n.containerInfo)));case 13:return null!==t.memoizedState&&(Ql=Ho(),vl(t.child,!0)),void Cl(t);case 19:return void Cl(t);case 23:case 24:return void vl(t,null!==t.memoizedState)}throw Error(i(163))}function Cl(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new pl),t.forEach((function(t){var a=Us.bind(null,e,t);n.has(t)||(n.add(t),t.then(a,a))}))}}function Tl(e,t){return null!==e&&(null===(e=e.memoizedState)||null!==e.dehydrated)&&(null!==(t=t.memoizedState)&&null===t.dehydrated)}var jl=Math.ceil,Ll=x.ReactCurrentDispatcher,Ol=x.ReactCurrentOwner,Pl=0,Nl=null,Ml=null,Al=0,Il=0,Rl=so(0),Dl=0,Fl=null,Bl=0,$l=0,Ul=0,Hl=0,Zl=null,Ql=0,Vl=1/0;function Wl(){Vl=Ho()+500}var Gl,ql=null,Yl=!1,Kl=null,Xl=null,Jl=!1,es=null,ts=90,ns=[],as=[],os=null,rs=0,is=null,ls=-1,ss=0,cs=0,us=null,ds=!1;function bs(){return 0!=(48&Pl)?Ho():-1!==ls?ls:ls=Ho()}function fs(e){if(0==(2&(e=e.mode)))return 1;if(0==(4&e))return 99===Zo()?1:2;if(0===ss&&(ss=Bl),0!==Yo.transition){0!==cs&&(cs=null!==Zl?Zl.pendingLanes:0),e=ss;var t=4186112&~cs;return 0===(t&=-t)&&(0===(t=(e=4186112&~e)&-e)&&(t=8192)),t}return e=Zo(),0!=(4&Pl)&&98===e?e=Ft(12,ss):e=Ft(e=function(e){switch(e){case 99:return 15;case 98:return 10;case 97:case 96:return 8;case 95:return 2;default:return 0}}(e),ss),e}function ps(e,t,n){if(50<rs)throw rs=0,is=null,Error(i(185));if(null===(e=gs(e,t)))return null;Ut(e,t,n),e===Nl&&(Ul|=t,4===Dl&&vs(e,Al));var a=Zo();1===t?0!=(8&Pl)&&0==(48&Pl)?ys(e):(ms(e,n),0===Pl&&(Wl(),Go())):(0==(4&Pl)||98!==a&&99!==a||(null===os?os=new Set([e]):os.add(e)),ms(e,n)),Zl=e}function gs(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}function ms(e,t){for(var n=e.callbackNode,a=e.suspendedLanes,o=e.pingedLanes,r=e.expirationTimes,l=e.pendingLanes;0<l;){var s=31-Ht(l),c=1<<s,u=r[s];if(-1===u){if(0==(c&a)||0!=(c&o)){u=t,It(c);var d=At;r[s]=10<=d?u+250:6<=d?u+5e3:-1}}else u<=t&&(e.expiredLanes|=c);l&=~c}if(a=Rt(e,e===Nl?Al:0),t=At,0===a)null!==n&&(n!==Ro&&Co(n),e.callbackNode=null,e.callbackPriority=0);else{if(null!==n){if(e.callbackPriority===t)return;n!==Ro&&Co(n)}15===t?(n=ys.bind(null,e),null===Fo?(Fo=[n],Bo=zo(Po,qo)):Fo.push(n),n=Ro):14===t?n=Wo(99,ys.bind(null,e)):(n=function(e){switch(e){case 15:case 14:return 99;case 13:case 12:case 11:case 10:return 98;case 9:case 8:case 7:case 6:case 4:case 5:return 97;case 3:case 2:case 1:return 95;case 0:return 90;default:throw Error(i(358,e))}}(t),n=Wo(n,hs.bind(null,e))),e.callbackPriority=t,e.callbackNode=n}}function hs(e){if(ls=-1,cs=ss=0,0!=(48&Pl))throw Error(i(327));var t=e.callbackNode;if(As()&&e.callbackNode!==t)return null;var n=Rt(e,e===Nl?Al:0);if(0===n)return null;var a=n,o=Pl;Pl|=16;var r=zs();for(Nl===e&&Al===a||(Wl(),Es(e,a));;)try{js();break}catch(s){Ss(e,s)}if(nr(),Ll.current=r,Pl=o,null!==Ml?a=0:(Nl=null,Al=0,a=Dl),0!=(Bl&Ul))Es(e,0);else if(0!==a){if(2===a&&(Pl|=64,e.hydrate&&(e.hydrate=!1,Va(e.containerInfo)),0!==(n=Dt(e))&&(a=Cs(e,n))),1===a)throw t=Fl,Es(e,0),vs(e,n),ms(e,Ho()),t;switch(e.finishedWork=e.current.alternate,e.finishedLanes=n,a){case 0:case 1:throw Error(i(345));case 2:case 5:Ps(e);break;case 3:if(vs(e,n),(62914560&n)===n&&10<(a=Ql+500-Ho())){if(0!==Rt(e,0))break;if(((o=e.suspendedLanes)&n)!==n){bs(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=Za(Ps.bind(null,e),a);break}Ps(e);break;case 4:if(vs(e,n),(4186112&n)===n)break;for(a=e.eventTimes,o=-1;0<n;){var l=31-Ht(n);r=1<<l,(l=a[l])>o&&(o=l),n&=~r}if(n=o,10<(n=(120>(n=Ho()-n)?120:480>n?480:1080>n?1080:1920>n?1920:3e3>n?3e3:4320>n?4320:1960*jl(n/1960))-n)){e.timeoutHandle=Za(Ps.bind(null,e),n);break}Ps(e);break;default:throw Error(i(329))}}return ms(e,Ho()),e.callbackNode===t?hs.bind(null,e):null}function vs(e,t){for(t&=~Hl,t&=~Ul,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-Ht(t),a=1<<n;e[n]=-1,t&=~a}}function ys(e){if(0!=(48&Pl))throw Error(i(327));if(As(),e===Nl&&0!=(e.expiredLanes&Al)){var t=Al,n=Cs(e,t);0!=(Bl&Ul)&&(n=Cs(e,t=Rt(e,t)))}else n=Cs(e,t=Rt(e,0));if(0!==e.tag&&2===n&&(Pl|=64,e.hydrate&&(e.hydrate=!1,Va(e.containerInfo)),0!==(t=Dt(e))&&(n=Cs(e,t))),1===n)throw n=Fl,Es(e,0),vs(e,t),ms(e,Ho()),n;return e.finishedWork=e.current.alternate,e.finishedLanes=t,Ps(e),ms(e,Ho()),null}function _s(e,t){var n=Pl;Pl|=1;try{return e(t)}finally{0===(Pl=n)&&(Wl(),Go())}}function xs(e,t){var n=Pl;Pl&=-2,Pl|=8;try{return e(t)}finally{0===(Pl=n)&&(Wl(),Go())}}function ws(e,t){uo(Rl,Il),Il|=t,Bl|=t}function ks(){Il=Rl.current,co(Rl)}function Es(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,Qa(n)),null!==Ml)for(n=Ml.return;null!==n;){var a=n;switch(a.tag){case 1:null!=(a=a.type.childContextTypes)&&vo();break;case 3:Mr(),co(po),co(fo),qr();break;case 5:Ir(a);break;case 4:Mr();break;case 13:case 19:co(Rr);break;case 10:ar(a);break;case 23:case 24:ks()}n=n.return}Nl=e,Ml=Vs(e.current,null),Al=Il=Bl=t,Dl=0,Fl=null,Hl=Ul=$l=0}function Ss(e,t){for(;;){var n=Ml;try{if(nr(),Yr.current=Oi,ni){for(var a=Jr.memoizedState;null!==a;){var o=a.queue;null!==o&&(o.pending=null),a=a.next}ni=!1}if(Xr=0,ti=ei=Jr=null,ai=!1,Ol.current=null,null===n||null===n.return){Dl=1,Fl=t,Ml=null;break}e:{var r=e,i=n.return,l=n,s=t;if(t=Al,l.flags|=2048,l.firstEffect=l.lastEffect=null,null!==s&&"object"==typeof s&&"function"==typeof s.then){var c=s;if(0==(2&l.mode)){var u=l.alternate;u?(l.updateQueue=u.updateQueue,l.memoizedState=u.memoizedState,l.lanes=u.lanes):(l.updateQueue=null,l.memoizedState=null)}var d=0!=(1&Rr.current),b=i;do{var f;if(f=13===b.tag){var p=b.memoizedState;if(null!==p)f=null!==p.dehydrated;else{var g=b.memoizedProps;f=void 0!==g.fallback&&(!0!==g.unstable_avoidThisFallback||!d)}}if(f){var m=b.updateQueue;if(null===m){var h=new Set;h.add(c),b.updateQueue=h}else m.add(c);if(0==(2&b.mode)){if(b.flags|=64,l.flags|=16384,l.flags&=-2981,1===l.tag)if(null===l.alternate)l.tag=17;else{var v=ur(-1,1);v.tag=2,dr(l,v)}l.lanes|=1;break e}s=void 0,l=t;var y=r.pingCache;if(null===y?(y=r.pingCache=new dl,s=new Set,y.set(c,s)):void 0===(s=y.get(c))&&(s=new Set,y.set(c,s)),!s.has(l)){s.add(l);var _=$s.bind(null,r,c,l);c.then(_,_)}b.flags|=4096,b.lanes=t;break e}b=b.return}while(null!==b);s=Error((W(l.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.")}5!==Dl&&(Dl=2),s=cl(s,l),b=i;do{switch(b.tag){case 3:r=s,b.flags|=4096,t&=-t,b.lanes|=t,br(b,bl(0,r,t));break e;case 1:r=s;var x=b.type,w=b.stateNode;if(0==(64&b.flags)&&("function"==typeof x.getDerivedStateFromError||null!==w&&"function"==typeof w.componentDidCatch&&(null===Xl||!Xl.has(w)))){b.flags|=4096,t&=-t,b.lanes|=t,br(b,fl(b,r,t));break e}}b=b.return}while(null!==b)}Os(n)}catch(k){t=k,Ml===n&&null!==n&&(Ml=n=n.return);continue}break}}function zs(){var e=Ll.current;return Ll.current=Oi,null===e?Oi:e}function Cs(e,t){var n=Pl;Pl|=16;var a=zs();for(Nl===e&&Al===t||Es(e,t);;)try{Ts();break}catch(o){Ss(e,o)}if(nr(),Pl=n,Ll.current=a,null!==Ml)throw Error(i(261));return Nl=null,Al=0,Dl}function Ts(){for(;null!==Ml;)Ls(Ml)}function js(){for(;null!==Ml&&!To();)Ls(Ml)}function Ls(e){var t=Gl(e.alternate,e,Il);e.memoizedProps=e.pendingProps,null===t?Os(e):Ml=t,Ol.current=null}function Os(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(2048&t.flags)){if(null!==(n=ll(n,t,Il)))return void(Ml=n);if(24!==(n=t).tag&&23!==n.tag||null===n.memoizedState||0!=(1073741824&Il)||0==(4&n.mode)){for(var a=0,o=n.child;null!==o;)a|=o.lanes|o.childLanes,o=o.sibling;n.childLanes=a}null!==e&&0==(2048&e.flags)&&(null===e.firstEffect&&(e.firstEffect=t.firstEffect),null!==t.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=t.firstEffect),e.lastEffect=t.lastEffect),1<t.flags&&(null!==e.lastEffect?e.lastEffect.nextEffect=t:e.firstEffect=t,e.lastEffect=t))}else{if(null!==(n=sl(t)))return n.flags&=2047,void(Ml=n);null!==e&&(e.firstEffect=e.lastEffect=null,e.flags|=2048)}if(null!==(t=t.sibling))return void(Ml=t);Ml=t=e}while(null!==t);0===Dl&&(Dl=5)}function Ps(e){var t=Zo();return Vo(99,Ns.bind(null,e,t)),null}function Ns(e,t){do{As()}while(null!==es);if(0!=(48&Pl))throw Error(i(327));var n=e.finishedWork;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(i(177));e.callbackNode=null;var a=n.lanes|n.childLanes,o=a,r=e.pendingLanes&~o;e.pendingLanes=o,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=o,e.mutableReadLanes&=o,e.entangledLanes&=o,o=e.entanglements;for(var l=e.eventTimes,s=e.expirationTimes;0<r;){var c=31-Ht(r),u=1<<c;o[c]=0,l[c]=-1,s[c]=-1,r&=~u}if(null!==os&&0==(24&a)&&os.has(e)&&os.delete(e),e===Nl&&(Ml=Nl=null,Al=0),1<n.flags?null!==n.lastEffect?(n.lastEffect.nextEffect=n,a=n.firstEffect):a=n:a=n.firstEffect,null!==a){if(o=Pl,Pl|=32,Ol.current=null,Ba=Gt,ma(l=ga())){if("selectionStart"in l)s={start:l.selectionStart,end:l.selectionEnd};else e:if(s=(s=l.ownerDocument)&&s.defaultView||window,(u=s.getSelection&&s.getSelection())&&0!==u.rangeCount){s=u.anchorNode,r=u.anchorOffset,c=u.focusNode,u=u.focusOffset;try{s.nodeType,c.nodeType}catch(z){s=null;break e}var d=0,b=-1,f=-1,p=0,g=0,m=l,h=null;t:for(;;){for(var v;m!==s||0!==r&&3!==m.nodeType||(b=d+r),m!==c||0!==u&&3!==m.nodeType||(f=d+u),3===m.nodeType&&(d+=m.nodeValue.length),null!==(v=m.firstChild);)h=m,m=v;for(;;){if(m===l)break t;if(h===s&&++p===r&&(b=d),h===c&&++g===u&&(f=d),null!==(v=m.nextSibling))break;h=(m=h).parentNode}m=v}s=-1===b||-1===f?null:{start:b,end:f}}else s=null;s=s||{start:0,end:0}}else s=null;$a={focusedElem:l,selectionRange:s},Gt=!1,us=null,ds=!1,ql=a;do{try{Ms()}catch(z){if(null===ql)throw Error(i(330));Bs(ql,z),ql=ql.nextEffect}}while(null!==ql);us=null,ql=a;do{try{for(l=e;null!==ql;){var y=ql.flags;if(16&y&&he(ql.stateNode,""),128&y){var _=ql.alternate;if(null!==_){var x=_.ref;null!==x&&("function"==typeof x?x(null):x.current=null)}}switch(1038&y){case 2:wl(ql),ql.flags&=-3;break;case 6:wl(ql),ql.flags&=-3,zl(ql.alternate,ql);break;case 1024:ql.flags&=-1025;break;case 1028:ql.flags&=-1025,zl(ql.alternate,ql);break;case 4:zl(ql.alternate,ql);break;case 8:Sl(l,s=ql);var w=s.alternate;_l(s),null!==w&&_l(w)}ql=ql.nextEffect}}catch(z){if(null===ql)throw Error(i(330));Bs(ql,z),ql=ql.nextEffect}}while(null!==ql);if(x=$a,_=ga(),y=x.focusedElem,l=x.selectionRange,_!==y&&y&&y.ownerDocument&&pa(y.ownerDocument.documentElement,y)){null!==l&&ma(y)&&(_=l.start,void 0===(x=l.end)&&(x=_),"selectionStart"in y?(y.selectionStart=_,y.selectionEnd=Math.min(x,y.value.length)):(x=(_=y.ownerDocument||document)&&_.defaultView||window).getSelection&&(x=x.getSelection(),s=y.textContent.length,w=Math.min(l.start,s),l=void 0===l.end?w:Math.min(l.end,s),!x.extend&&w>l&&(s=l,l=w,w=s),s=fa(y,w),r=fa(y,l),s&&r&&(1!==x.rangeCount||x.anchorNode!==s.node||x.anchorOffset!==s.offset||x.focusNode!==r.node||x.focusOffset!==r.offset)&&((_=_.createRange()).setStart(s.node,s.offset),x.removeAllRanges(),w>l?(x.addRange(_),x.extend(r.node,r.offset)):(_.setEnd(r.node,r.offset),x.addRange(_))))),_=[];for(x=y;x=x.parentNode;)1===x.nodeType&&_.push({element:x,left:x.scrollLeft,top:x.scrollTop});for("function"==typeof y.focus&&y.focus(),y=0;y<_.length;y++)(x=_[y]).element.scrollLeft=x.left,x.element.scrollTop=x.top}Gt=!!Ba,$a=Ba=null,e.current=n,ql=a;do{try{for(y=e;null!==ql;){var k=ql.flags;if(36&k&&hl(y,ql.alternate,ql),128&k){_=void 0;var E=ql.ref;if(null!==E){var S=ql.stateNode;ql.tag,_=S,"function"==typeof E?E(_):E.current=_}}ql=ql.nextEffect}}catch(z){if(null===ql)throw Error(i(330));Bs(ql,z),ql=ql.nextEffect}}while(null!==ql);ql=null,Do(),Pl=o}else e.current=n;if(Jl)Jl=!1,es=e,ts=t;else for(ql=a;null!==ql;)t=ql.nextEffect,ql.nextEffect=null,8&ql.flags&&((k=ql).sibling=null,k.stateNode=null),ql=t;if(0===(a=e.pendingLanes)&&(Xl=null),1===a?e===is?rs++:(rs=0,is=e):rs=0,n=n.stateNode,Eo&&"function"==typeof Eo.onCommitFiberRoot)try{Eo.onCommitFiberRoot(ko,n,void 0,64==(64&n.current.flags))}catch(z){}if(ms(e,Ho()),Yl)throw Yl=!1,e=Kl,Kl=null,e;return 0!=(8&Pl)||Go(),null}function Ms(){for(;null!==ql;){var e=ql.alternate;ds||null===us||(0!=(8&ql.flags)?Je(ql,us)&&(ds=!0):13===ql.tag&&Tl(e,ql)&&Je(ql,us)&&(ds=!0));var t=ql.flags;0!=(256&t)&&ml(e,ql),0==(512&t)||Jl||(Jl=!0,Wo(97,(function(){return As(),null}))),ql=ql.nextEffect}}function As(){if(90!==ts){var e=97<ts?97:ts;return ts=90,Vo(e,Ds)}return!1}function Is(e,t){ns.push(t,e),Jl||(Jl=!0,Wo(97,(function(){return As(),null})))}function Rs(e,t){as.push(t,e),Jl||(Jl=!0,Wo(97,(function(){return As(),null})))}function Ds(){if(null===es)return!1;var e=es;if(es=null,0!=(48&Pl))throw Error(i(331));var t=Pl;Pl|=32;var n=as;as=[];for(var a=0;a<n.length;a+=2){var o=n[a],r=n[a+1],l=o.destroy;if(o.destroy=void 0,"function"==typeof l)try{l()}catch(c){if(null===r)throw Error(i(330));Bs(r,c)}}for(n=ns,ns=[],a=0;a<n.length;a+=2){o=n[a],r=n[a+1];try{var s=o.create;o.destroy=s()}catch(c){if(null===r)throw Error(i(330));Bs(r,c)}}for(s=e.current.firstEffect;null!==s;)e=s.nextEffect,s.nextEffect=null,8&s.flags&&(s.sibling=null,s.stateNode=null),s=e;return Pl=t,Go(),!0}function Fs(e,t,n){dr(e,t=bl(0,t=cl(n,t),1)),t=bs(),null!==(e=gs(e,1))&&(Ut(e,1,t),ms(e,t))}function Bs(e,t){if(3===e.tag)Fs(e,e,t);else for(var n=e.return;null!==n;){if(3===n.tag){Fs(n,e,t);break}if(1===n.tag){var a=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof a.componentDidCatch&&(null===Xl||!Xl.has(a))){var o=fl(n,e=cl(t,e),1);if(dr(n,o),o=bs(),null!==(n=gs(n,1)))Ut(n,1,o),ms(n,o);else if("function"==typeof a.componentDidCatch&&(null===Xl||!Xl.has(a)))try{a.componentDidCatch(t,e)}catch(r){}break}}n=n.return}}function $s(e,t,n){var a=e.pingCache;null!==a&&a.delete(t),t=bs(),e.pingedLanes|=e.suspendedLanes&n,Nl===e&&(Al&n)===n&&(4===Dl||3===Dl&&(62914560&Al)===Al&&500>Ho()-Ql?Es(e,0):Hl|=n),ms(e,t)}function Us(e,t){var n=e.stateNode;null!==n&&n.delete(t),0===(t=0)&&(0==(2&(t=e.mode))?t=1:0==(4&t)?t=99===Zo()?1:2:(0===ss&&(ss=Bl),0===(t=Bt(62914560&~ss))&&(t=4194304))),n=bs(),null!==(e=gs(e,t))&&(Ut(e,t,n),ms(e,n))}function Hs(e,t,n,a){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.flags=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childLanes=this.lanes=0,this.alternate=null}function Zs(e,t,n,a){return new Hs(e,t,n,a)}function Qs(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Vs(e,t){var n=e.alternate;return null===n?((n=Zs(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Ws(e,t,n,a,o,r){var l=2;if(a=e,"function"==typeof e)Qs(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case E:return Gs(n.children,o,r,t);case I:l=8,o|=16;break;case S:l=8,o|=1;break;case z:return(e=Zs(12,n,t,8|o)).elementType=z,e.type=z,e.lanes=r,e;case L:return(e=Zs(13,n,t,o)).type=L,e.elementType=L,e.lanes=r,e;case O:return(e=Zs(19,n,t,o)).elementType=O,e.lanes=r,e;case R:return qs(n,o,r,t);case D:return(e=Zs(24,n,t,o)).elementType=D,e.lanes=r,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:l=10;break e;case T:l=9;break e;case j:l=11;break e;case P:l=14;break e;case N:l=16,a=null;break e;case M:l=22;break e}throw Error(i(130,null==e?e:typeof e,""))}return(t=Zs(l,n,t,o)).elementType=e,t.type=a,t.lanes=r,t}function Gs(e,t,n,a){return(e=Zs(7,e,a,t)).lanes=n,e}function qs(e,t,n,a){return(e=Zs(23,e,a,t)).elementType=R,e.lanes=n,e}function Ys(e,t,n){return(e=Zs(6,e,null,t)).lanes=n,e}function Ks(e,t,n){return(t=Zs(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Xs(e,t,n){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=n,this.callbackNode=null,this.callbackPriority=0,this.eventTimes=$t(0),this.expirationTimes=$t(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=$t(0),this.mutableSourceEagerHydrationData=null}function Js(e,t,n,a){var o=t.current,r=bs(),l=fs(o);e:if(n){t:{if(qe(n=n._reactInternals)!==n||1!==n.tag)throw Error(i(170));var s=n;do{switch(s.tag){case 3:s=s.stateNode.context;break t;case 1:if(ho(s.type)){s=s.stateNode.__reactInternalMemoizedMergedChildContext;break t}}s=s.return}while(null!==s);throw Error(i(171))}if(1===n.tag){var c=n.type;if(ho(c)){n=_o(n,c,s);break e}}n=s}else n=bo;return null===t.context?t.context=n:t.pendingContext=n,(t=ur(r,l)).payload={element:e},null!==(a=void 0===a?null:a)&&(t.callback=a),dr(o,t),ps(o,l,r),l}function ec(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function tc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function nc(e,t){tc(e,t),(e=e.alternate)&&tc(e,t)}function ac(e,t,n){var a=null!=n&&null!=n.hydrationOptions&&n.hydrationOptions.mutableSources||null;if(n=new Xs(e,t,null!=n&&!0===n.hydrate),t=Zs(3,null,null,2===t?7:1===t?3:0),n.current=t,t.stateNode=n,sr(t),e[Ja]=n.current,Oa(8===e.nodeType?e.parentNode:e),a)for(e=0;e<a.length;e++){var o=(t=a[e])._getVersion;o=o(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,o]:n.mutableSourceEagerHydrationData.push(t,o)}this._internalRoot=n}function oc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function rc(e,t,n,a,o){var r=n._reactRootContainer;if(r){var i=r._internalRoot;if("function"==typeof o){var l=o;o=function(){var e=ec(i);l.call(e)}}Js(t,i,e,o)}else{if(r=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new ac(e,0,t?{hydrate:!0}:void 0)}(n,a),i=r._internalRoot,"function"==typeof o){var s=o;o=function(){var e=ec(i);s.call(e)}}xs((function(){Js(t,i,e,o)}))}return ec(i)}function ic(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!oc(t))throw Error(i(200));return function(e,t,n){var a=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:k,key:null==a?null:""+a,children:e,containerInfo:t,implementation:n}}(e,t,null,n)}Gl=function(e,t,n){var a=t.lanes;if(null!==e)if(e.memoizedProps!==t.pendingProps||po.current)Ii=!0;else{if(0==(n&a)){switch(Ii=!1,t.tag){case 3:Vi(t),Wr();break;case 5:Ar(t);break;case 1:ho(t.type)&&xo(t);break;case 4:Nr(t,t.stateNode.containerInfo);break;case 10:a=t.memoizedProps.value;var o=t.type._context;uo(Xo,o._currentValue),o._currentValue=a;break;case 13:if(null!==t.memoizedState)return 0!=(n&t.child.childLanes)?Xi(e,t,n):(uo(Rr,1&Rr.current),null!==(t=rl(e,t,n))?t.sibling:null);uo(Rr,1&Rr.current);break;case 19:if(a=0!=(n&t.childLanes),0!=(64&e.flags)){if(a)return ol(e,t,n);t.flags|=64}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),uo(Rr,Rr.current),a)break;return null;case 23:case 24:return t.lanes=0,$i(e,t,n)}return rl(e,t,n)}Ii=0!=(16384&e.flags)}else Ii=!1;switch(t.lanes=0,t.tag){case 2:if(a=t.type,null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=mo(t,fo.current),rr(t,n),o=ii(null,t,a,e,o,n),t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof){if(t.tag=1,t.memoizedState=null,t.updateQueue=null,ho(a)){var r=!0;xo(t)}else r=!1;t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,sr(t);var l=a.getDerivedStateFromProps;"function"==typeof l&&mr(t,a,l,e),o.updater=hr,t.stateNode=o,o._reactInternals=t,xr(t,a,e,n),t=Qi(null,t,a,!0,r,n)}else t.tag=0,Ri(null,t,o,n),t=t.child;return t;case 16:o=t.elementType;e:{switch(null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=(r=o._init)(o._payload),t.type=o,r=t.tag=function(e){if("function"==typeof e)return Qs(e)?1:0;if(null!=e){if((e=e.$$typeof)===j)return 11;if(e===P)return 14}return 2}(o),e=Ko(o,e),r){case 0:t=Hi(null,t,o,e,n);break e;case 1:t=Zi(null,t,o,e,n);break e;case 11:t=Di(null,t,o,e,n);break e;case 14:t=Fi(null,t,o,Ko(o.type,e),a,n);break e}throw Error(i(306,o,""))}return t;case 0:return a=t.type,o=t.pendingProps,Hi(e,t,a,o=t.elementType===a?o:Ko(a,o),n);case 1:return a=t.type,o=t.pendingProps,Zi(e,t,a,o=t.elementType===a?o:Ko(a,o),n);case 3:if(Vi(t),a=t.updateQueue,null===e||null===a)throw Error(i(282));if(a=t.pendingProps,o=null!==(o=t.memoizedState)?o.element:null,cr(e,t),fr(t,a,null,n),(a=t.memoizedState.element)===o)Wr(),t=rl(e,t,n);else{if((r=(o=t.stateNode).hydrate)&&(Br=Wa(t.stateNode.containerInfo.firstChild),Fr=t,r=$r=!0),r){if(null!=(e=o.mutableSourceEagerHydrationData))for(o=0;o<e.length;o+=2)(r=e[o])._workInProgressVersionPrimary=e[o+1],Gr.push(r);for(n=Cr(t,null,a,n),t.child=n;n;)n.flags=-3&n.flags|1024,n=n.sibling}else Ri(e,t,a,n),Wr();t=t.child}return t;case 5:return Ar(t),null===e&&Zr(t),a=t.type,o=t.pendingProps,r=null!==e?e.memoizedProps:null,l=o.children,Ha(a,o)?l=null:null!==r&&Ha(a,r)&&(t.flags|=16),Ui(e,t),Ri(e,t,l,n),t.child;case 6:return null===e&&Zr(t),null;case 13:return Xi(e,t,n);case 4:return Nr(t,t.stateNode.containerInfo),a=t.pendingProps,null===e?t.child=zr(t,null,a,n):Ri(e,t,a,n),t.child;case 11:return a=t.type,o=t.pendingProps,Di(e,t,a,o=t.elementType===a?o:Ko(a,o),n);case 7:return Ri(e,t,t.pendingProps,n),t.child;case 8:case 12:return Ri(e,t,t.pendingProps.children,n),t.child;case 10:e:{a=t.type._context,o=t.pendingProps,l=t.memoizedProps,r=o.value;var s=t.type._context;if(uo(Xo,s._currentValue),s._currentValue=r,null!==l)if(s=l.value,0===(r=ca(s,r)?0:0|("function"==typeof a._calculateChangedBits?a._calculateChangedBits(s,r):1073741823))){if(l.children===o.children&&!po.current){t=rl(e,t,n);break e}}else for(null!==(s=t.child)&&(s.return=t);null!==s;){var c=s.dependencies;if(null!==c){l=s.child;for(var u=c.firstContext;null!==u;){if(u.context===a&&0!=(u.observedBits&r)){1===s.tag&&((u=ur(-1,n&-n)).tag=2,dr(s,u)),s.lanes|=n,null!==(u=s.alternate)&&(u.lanes|=n),or(s.return,n),c.lanes|=n;break}u=u.next}}else l=10===s.tag&&s.type===t.type?null:s.child;if(null!==l)l.return=s;else for(l=s;null!==l;){if(l===t){l=null;break}if(null!==(s=l.sibling)){s.return=l.return,l=s;break}l=l.return}s=l}Ri(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,a=(r=t.pendingProps).children,rr(t,n),a=a(o=ir(o,r.unstable_observedBits)),t.flags|=1,Ri(e,t,a,n),t.child;case 14:return r=Ko(o=t.type,t.pendingProps),Fi(e,t,o,r=Ko(o.type,r),a,n);case 15:return Bi(e,t,t.type,t.pendingProps,a,n);case 17:return a=t.type,o=t.pendingProps,o=t.elementType===a?o:Ko(a,o),null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),t.tag=1,ho(a)?(e=!0,xo(t)):e=!1,rr(t,n),yr(t,a,o),xr(t,a,o,n),Qi(null,t,a,!0,e,n);case 19:return ol(e,t,n);case 23:case 24:return $i(e,t,n)}throw Error(i(156,t.tag))},ac.prototype.render=function(e){Js(e,this._internalRoot,null,null)},ac.prototype.unmount=function(){var e=this._internalRoot,t=e.containerInfo;Js(null,e,null,(function(){t[Ja]=null}))},et=function(e){13===e.tag&&(ps(e,4,bs()),nc(e,4))},tt=function(e){13===e.tag&&(ps(e,67108864,bs()),nc(e,67108864))},nt=function(e){if(13===e.tag){var t=bs(),n=fs(e);ps(e,n,t),nc(e,n)}},at=function(e,t){return t()},ze=function(e,t,n){switch(t){case"input":if(ne(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var a=n[t];if(a!==e&&a.form===e.form){var o=oo(a);if(!o)throw Error(i(90));K(a),ne(a,o)}}}break;case"textarea":ce(e,n);break;case"select":null!=(t=n.value)&&ie(e,!!n.multiple,t,!1)}},Pe=_s,Ne=function(e,t,n,a,o){var r=Pl;Pl|=4;try{return Vo(98,e.bind(null,t,n,a,o))}finally{0===(Pl=r)&&(Wl(),Go())}},Me=function(){0==(49&Pl)&&(function(){if(null!==os){var e=os;os=null,e.forEach((function(e){e.expiredLanes|=24&e.pendingLanes,ms(e,Ho())}))}Go()}(),As())},Ae=function(e,t){var n=Pl;Pl|=2;try{return e(t)}finally{0===(Pl=n)&&(Wl(),Go())}};var lc={Events:[no,ao,oo,Le,Oe,As,{current:!1}]},sc={findFiberByHostInstance:to,bundleType:0,version:"17.0.2",rendererPackageName:"react-dom"},cc={bundleType:sc.bundleType,version:sc.version,rendererPackageName:sc.rendererPackageName,rendererConfig:sc.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:x.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Xe(e))?null:e.stateNode},findFiberByHostInstance:sc.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var uc=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!uc.isDisabled&&uc.supportsFiber)try{ko=uc.inject(cc),Eo=uc}catch(ge){}}t.hydrate=function(e,t,n){if(!oc(t))throw Error(i(200));return rc(null,e,t,!0,n)}},73935:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(64448)},69590:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,a="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function r(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var l,s,c,u;if(Array.isArray(e)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(!r(e[s],i[s]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;for(u=e.entries();!(s=u.next()).done;)if(!r(s.value[1],i.get(s.value[0])))return!1;return!0}if(a&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(e[s]!==i[s])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((l=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(i,c[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==c[s]&&"__v"!==c[s]&&"__o"!==c[s]||!e.$$typeof)&&!r(e[c[s]],i[c[s]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return r(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},70405:(e,t,n)=>{"use strict";n.d(t,{B6:()=>Q,ql:()=>J});var a=n(67294),o=n(45697),r=n.n(o),i=n(69590),l=n.n(i),s=n(41143),c=n.n(s),u=n(96774),d=n.n(u);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},b.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,p(e,t)}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function g(e,t){if(null==e)return{};var n,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)t.indexOf(n=r[a])>=0||(o[n]=e[n]);return o}var m={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},h={rel:["amphtml","canonical","alternate"]},v={type:["application/ld+json"]},y={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},_=Object.keys(m).map((function(e){return m[e]})),x={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},w=Object.keys(x).reduce((function(e,t){return e[x[t]]=t,e}),{}),k=function(e,t){for(var n=e.length-1;n>=0;n-=1){var a=e[n];if(Object.prototype.hasOwnProperty.call(a,t))return a[t]}return null},E=function(e){var t=k(e,m.TITLE),n=k(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var a=k(e,"defaultTitle");return t||a||void 0},S=function(e){return k(e,"onChangeClientState")||function(){}},z=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return b({},e,t)}),{})},C=function(e,t){return t.filter((function(e){return void 0!==e[m.BASE]})).map((function(e){return e[m.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var a=Object.keys(n),o=0;o<a.length;o+=1){var r=a[o].toLowerCase();if(-1!==e.indexOf(r)&&n[r])return t.concat(n)}return t}),[])},T=function(e,t,n){var a={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,r=Object.keys(e),i=0;i<r.length;i+=1){var l=r[i],s=l.toLowerCase();-1===t.indexOf(s)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===s&&"stylesheet"===e[s].toLowerCase()||(n=s),-1===t.indexOf(l)||"innerHTML"!==l&&"cssText"!==l&&"itemprop"!==l||(n=l)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return a[n]||(a[n]={}),o[n]||(o[n]={}),!a[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var r=Object.keys(o),i=0;i<r.length;i+=1){var l=r[i],s=b({},a[l],o[l]);a[l]=s}return e}),[]).reverse()},j=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},L=function(e){return Array.isArray(e)?e.join(""):e},O=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),a=0;a<n.length;a+=1)if(t[n[a]]&&t[n[a]].includes(e[n[a]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},P=function(e,t){var n;return b({},e,((n={})[t]=void 0,n))},N=[m.NOSCRIPT,m.SCRIPT,m.STYLE],M=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},A=function(e){return Object.keys(e).reduce((function(t,n){var a=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+a:a}),"")},I=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[x[n]||n]=e[n],t}),t)},R=function(e,t){return t.map((function(t,n){var o,r=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=x[e]||e;"innerHTML"===n||"cssText"===n?r.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:r[n]=t[e]})),a.createElement(e,r)}))},D=function(e,t,n){switch(e){case m.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,r=I(n,o),[a.createElement(m.TITLE,r,e)];var e,n,o,r},toString:function(){return function(e,t,n,a){var o=A(n),r=L(t);return o?"<"+e+' data-rh="true" '+o+">"+M(r,a)+"</"+e+">":"<"+e+' data-rh="true">'+M(r,a)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return I(t)},toString:function(){return A(t)}};default:return{toComponent:function(){return R(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,a){var o=Object.keys(a).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===a[t]?t:t+'="'+M(a[t],n)+'"';return e?e+" "+o:o}),""),r=a.innerHTML||a.cssText||"",i=-1===N.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+r+"</"+e+">")}),"")}(e,t,n)}}}},F=function(e){var t=e.baseTag,n=e.bodyAttributes,a=e.encode,o=e.htmlAttributes,r=e.noscriptTags,i=e.styleTags,l=e.title,s=void 0===l?"":l,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,b=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var p=function(e){var t=e.linkTags,n=e.scriptTags,a=e.encode,o=O(e.metaTags,y),r=O(t,h),i=O(n,v);return{priorityMethods:{toComponent:function(){return[].concat(R(m.META,o.priority),R(m.LINK,r.priority),R(m.SCRIPT,i.priority))},toString:function(){return D(m.META,o.priority,a)+" "+D(m.LINK,r.priority,a)+" "+D(m.SCRIPT,i.priority,a)}},metaTags:o.default,linkTags:r.default,scriptTags:i.default}}(e);f=p.priorityMethods,u=p.linkTags,d=p.metaTags,b=p.scriptTags}return{priority:f,base:D(m.BASE,t,a),bodyAttributes:D("bodyAttributes",n,a),htmlAttributes:D("htmlAttributes",o,a),link:D(m.LINK,u,a),meta:D(m.META,d,a),noscript:D(m.NOSCRIPT,r,a),script:D(m.SCRIPT,b,a),style:D(m.STYLE,i,a),title:D(m.TITLE,{title:s,titleAttributes:c},a)}},B=[],$=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=F({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},U=a.createContext({}),H=r().shape({setHelmet:r().func,helmetInstances:r().shape({get:r().func,add:r().func,remove:r().func})}),Z="undefined"!=typeof document,Q=function(e){function t(n){var a;return(a=e.call(this,n)||this).helmetData=new $(a.props.context,t.canUseDOM),a}return f(t,e),t.prototype.render=function(){return a.createElement(U.Provider,{value:this.helmetData.value},this.props.children)},t}(a.Component);Q.canUseDOM=Z,Q.propTypes={context:r().shape({helmet:r().shape()}),children:r().node.isRequired},Q.defaultProps={context:{}},Q.displayName="HelmetProvider";var V=function(e,t){var n,a=document.head||document.querySelector(m.HEAD),o=a.querySelectorAll(e+"[data-rh]"),r=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var a=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?a.innerHTML=t.innerHTML:"cssText"===o?a.styleSheet?a.styleSheet.cssText=t.cssText:a.appendChild(document.createTextNode(t.cssText)):a.setAttribute(o,void 0===t[o]?"":t[o]));a.setAttribute("data-rh","true"),r.some((function(e,t){return n=t,a.isEqualNode(e)}))?r.splice(n,1):i.push(a)})),r.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return a.appendChild(e)})),{oldTags:r,newTags:i}},W=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var a=n.getAttribute("data-rh"),o=a?a.split(","):[],r=[].concat(o),i=Object.keys(t),l=0;l<i.length;l+=1){var s=i[l],c=t[s]||"";n.getAttribute(s)!==c&&n.setAttribute(s,c),-1===o.indexOf(s)&&o.push(s);var u=r.indexOf(s);-1!==u&&r.splice(u,1)}for(var d=r.length-1;d>=0;d-=1)n.removeAttribute(r[d]);o.length===r.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},G=function(e,t){var n=e.baseTag,a=e.htmlAttributes,o=e.linkTags,r=e.metaTags,i=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;W(m.BODY,e.bodyAttributes),W(m.HTML,a),function(e,t){void 0!==e&&document.title!==e&&(document.title=L(e)),W(m.TITLE,t)}(u,d);var b={baseTag:V(m.BASE,n),linkTags:V(m.LINK,o),metaTags:V(m.META,r),noscriptTags:V(m.NOSCRIPT,i),scriptTags:V(m.SCRIPT,s),styleTags:V(m.STYLE,c)},f={},p={};Object.keys(b).forEach((function(e){var t=b[e],n=t.newTags,a=t.oldTags;n.length&&(f[e]=n),a.length&&(p[e]=b[e].oldTags)})),t&&t(),l(e,f,p)},q=null,Y=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(t=e.call.apply(e,[this].concat(a))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,a=n.setHelmet,o=null,r=(e=n.helmetInstances.get().map((function(e){var t=b({},e.props);return delete t.context,t})),{baseTag:C(["href"],e),bodyAttributes:z("bodyAttributes",e),defer:k(e,"defer"),encode:k(e,"encodeSpecialCharacters"),htmlAttributes:z("htmlAttributes",e),linkTags:T(m.LINK,["rel","href"],e),metaTags:T(m.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:T(m.NOSCRIPT,["innerHTML"],e),onChangeClientState:S(e),scriptTags:T(m.SCRIPT,["src","innerHTML"],e),styleTags:T(m.STYLE,["cssText"],e),title:E(e),titleAttributes:z("titleAttributes",e),prioritizeSeoTags:j(e,"prioritizeSeoTags")});Q.canUseDOM?(t=r,q&&cancelAnimationFrame(q),t.defer?q=requestAnimationFrame((function(){G(t,(function(){q=null}))})):(G(t),q=null)):F&&(o=F(r)),a(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(a.Component);Y.propTypes={context:H.isRequired},Y.displayName="HelmetDispatcher";var K=["children"],X=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!l()(P(this.props,"helmetData"),P(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case m.SCRIPT:case m.NOSCRIPT:return{innerHTML:t};case m.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,a=e.arrayTypeChildren;return b({},a,((t={})[n.type]=[].concat(a[n.type]||[],[b({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,a=e.child,o=e.newProps,r=e.newChildProps,i=e.nestedChildren;switch(a.type){case m.TITLE:return b({},o,((t={})[a.type]=i,t.titleAttributes=b({},r),t));case m.BODY:return b({},o,{bodyAttributes:b({},r)});case m.HTML:return b({},o,{htmlAttributes:b({},r)});default:return b({},o,((n={})[a.type]=b({},r),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=b({},t);return Object.keys(e).forEach((function(t){var a;n=b({},n,((a={})[t]=e[t],a))})),n},n.warnOnInvalidChildren=function(e,t){return c()(_.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+_.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return a.Children.forEach(e,(function(e){if(e&&e.props){var a=e.props,r=a.children,i=g(a,K),l=Object.keys(i).reduce((function(e,t){return e[w[t]||t]=i[t],e}),{}),s=e.type;switch("symbol"==typeof s?s=s.toString():n.warnOnInvalidChildren(e,r),s){case m.FRAGMENT:t=n.mapChildrenToProps(r,t);break;case m.LINK:case m.META:case m.NOSCRIPT:case m.SCRIPT:case m.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:l,nestedChildren:r});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:l,nestedChildren:r})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=g(e,X),o=b({},n),r=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!r||r instanceof $||(r=new $(r.context,r.instances)),r?a.createElement(Y,b({},o,{context:r.value,helmetData:void 0})):a.createElement(U.Consumer,null,(function(e){return a.createElement(Y,b({},o,{context:e}))}))},t}(a.Component);J.propTypes={base:r().object,bodyAttributes:r().object,children:r().oneOfType([r().arrayOf(r().node),r().node]),defaultTitle:r().string,defer:r().bool,encodeSpecialCharacters:r().bool,htmlAttributes:r().object,link:r().arrayOf(r().object),meta:r().arrayOf(r().object),noscript:r().arrayOf(r().object),onChangeClientState:r().func,script:r().arrayOf(r().object),style:r().arrayOf(r().object),title:r().string,titleAttributes:r().object,titleTemplate:r().string,prioritizeSeoTags:r().bool,helmetData:r().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},69921:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,a=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,r=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,b=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,p=n?Symbol.for("react.suspense_list"):60120,g=n?Symbol.for("react.memo"):60115,m=n?Symbol.for("react.lazy"):60116,h=n?Symbol.for("react.block"):60121,v=n?Symbol.for("react.fundamental"):60117,y=n?Symbol.for("react.responder"):60118,_=n?Symbol.for("react.scope"):60119;function x(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case u:case d:case r:case l:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case b:case m:case g:case s:return e;default:return t}}case o:return t}}}function w(e){return x(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=s,t.Element=a,t.ForwardRef=b,t.Fragment=r,t.Lazy=m,t.Memo=g,t.Portal=o,t.Profiler=l,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return w(e)||x(e)===u},t.isConcurrentMode=w,t.isContextConsumer=function(e){return x(e)===c},t.isContextProvider=function(e){return x(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return x(e)===b},t.isFragment=function(e){return x(e)===r},t.isLazy=function(e){return x(e)===m},t.isMemo=function(e){return x(e)===g},t.isPortal=function(e){return x(e)===o},t.isProfiler=function(e){return x(e)===l},t.isStrictMode=function(e){return x(e)===i},t.isSuspense=function(e){return x(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===d||e===l||e===i||e===f||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===g||e.$$typeof===s||e.$$typeof===c||e.$$typeof===b||e.$$typeof===v||e.$$typeof===y||e.$$typeof===_||e.$$typeof===h)},t.typeOf=x},59864:(e,t,n)=>{"use strict";e.exports=n(69921)},68356:(e,t,n)=>{"use strict";function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}var l=n(67294),s=n(45697),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function b(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(a){var o=d(e[a]);o.loading?t.loading=!0:(t.loaded[a]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[a]=e})).catch((function(e){t.error=e}))}))}catch(a){t.error=a}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return l.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function p(e,t){var d,b;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var p=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),g=null;function m(){return g||(g=e(p.loader)),g.promise}return c.push(m),"function"==typeof p.webpack&&u.push((function(){if((0,p.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return m()})),b=d=function(t){function n(n){var a;return r(o(o(a=t.call(this,n)||this)),"retry",(function(){a.setState({error:null,loading:!0,timedOut:!1}),g=e(p.loader),a._loadModule()})),m(),a.state={error:g.error,pastDelay:!1,timedOut:!1,loading:g.loading,loaded:g.loaded},a}a(n,t),n.preload=function(){return m()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(p.modules)&&p.modules.forEach((function(t){e.context.loadable.report(t)})),g.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof p.delay&&(0===p.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),p.delay)),"number"==typeof p.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),p.timeout));var n=function(){t({error:g.error,loaded:g.loaded,loading:g.loading}),e._clearTimeouts()};g.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?l.createElement(p.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?p.render(this.state.loaded,this.props):null},n}(l.Component),r(d,"contextTypes",{loadable:s.shape({report:s.func.isRequired})}),b}function g(e){return p(d,e)}g.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return p(b,e)};var m=function(e){function t(){return e.apply(this,arguments)||this}a(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return l.Children.only(this.props.children)},t}(l.Component);function h(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return h(e)}))}r(m,"propTypes",{report:s.func.isRequired}),r(m,"childContextTypes",{loadable:s.shape({report:s.func.isRequired}).isRequired}),g.Capture=m,g.preloadAll=function(){return new Promise((function(e,t){h(c).then(e,t)}))},g.preloadReady=function(){return new Promise((function(e,t){h(u).then(e,e)}))},e.exports=g},18790:(e,t,n)=>{"use strict";n.d(t,{H:()=>l,f:()=>i});var a=n(16550),o=n(87462),r=n(67294);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,a.LX)(t,e):n.length?n[n.length-1].match:a.F0.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function l(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?r.createElement(a.rs,n,e.map((function(e,n){return r.createElement(a.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.Z)({},n,{},t,{route:e})):r.createElement(e.component,(0,o.Z)({},n,t,{route:e}))}})}))):null}},73727:(e,t,n)=>{"use strict";n.d(t,{OL:()=>y,VK:()=>u,rU:()=>m});var a=n(16550),o=n(75068),r=n(67294),i=n(42358),l=n(87462),s=n(63366),c=n(38776),u=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(t=e.call.apply(e,[this].concat(a))||this).history=(0,i.lX)(t.props),t}return(0,o.Z)(t,e),t.prototype.render=function(){return r.createElement(a.F0,{history:this.history,children:this.props.children})},t}(r.Component);r.Component;var d=function(e,t){return"function"==typeof e?e(t):e},b=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},f=function(e){return e},p=r.forwardRef;void 0===p&&(p=f);var g=p((function(e,t){var n=e.innerRef,a=e.navigate,o=e.onClick,i=(0,s.Z)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,l.Z)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),a())}});return u.ref=f!==p&&t||n,r.createElement("a",u)}));var m=p((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,m=e.to,h=e.innerRef,v=(0,s.Z)(e,["component","replace","to","innerRef"]);return r.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=e.history,a=b(d(m,e.location),e.location),s=a?n.createHref(a):"",g=(0,l.Z)({},v,{href:s,navigate:function(){var t=d(m,e.location),a=(0,i.Ep)(e.location)===(0,i.Ep)(b(t));(u||a?n.replace:n.push)(t)}});return f!==p?g.ref=t||h:g.innerRef=h,r.createElement(o,g)}))})),h=function(e){return e},v=r.forwardRef;void 0===v&&(v=h);var y=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,p=e.className,g=e.exact,y=e.isActive,_=e.location,x=e.sensitive,w=e.strict,k=e.style,E=e.to,S=e.innerRef,z=(0,s.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return r.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=_||e.location,i=b(d(E,n),n),s=i.pathname,C=s&&s.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),T=C?(0,a.LX)(n.pathname,{path:C,exact:g,sensitive:x,strict:w}):null,j=!!(y?y(T,n):T),L="function"==typeof p?p(j):p,O="function"==typeof k?k(j):k;j&&(L=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(L,u),O=(0,l.Z)({},O,f));var P=(0,l.Z)({"aria-current":j&&o||null,className:L,style:O,to:i},z);return h!==v?P.ref=t||S:P.innerRef=S,r.createElement(m,P)}))}))},16550:(e,t,n)=>{"use strict";n.d(t,{AW:()=>L,F0:()=>y,LX:()=>j,TH:()=>F,k6:()=>D,l_:()=>S,rs:()=>I,s6:()=>v});var a=n(75068),o=n(67294),r=n(45697),i=n.n(r),l=n(42358),s=n(38776),c=n(87462),u=n(14779),d=n.n(u),b=(n(59864),n(63366)),f=(n(8679),1073741823),p="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var g=o.createContext||function(e,t){var n,r,l="__create-react-context-"+function(){var e="__global_unique_id__";return p[e]=(p[e]||0)+1}()+"__",s=function(e){function n(){for(var t,n,a,o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return(t=e.call.apply(e,[this].concat(r))||this).emitter=(n=t.props.value,a=[],{on:function(e){a.push(e)},off:function(e){a=a.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,a.forEach((function(e){return e(n,t)}))}}),t}(0,a.Z)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[l]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,a=this.props.value,o=e.value;((r=a)===(i=o)?0!==r||1/r==1/i:r!=r&&i!=i)?n=0:(n="function"==typeof t?t(a,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var r,i},o.render=function(){return this.props.children},n}(o.Component);s.childContextTypes=((n={})[l]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(e=t.call.apply(t,[this].concat(a))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,a.Z)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[l]&&this.context[l].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[l]&&this.context[l].off(this.onUpdate)},o.getValue=function(){return this.context[l]?this.context[l].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((r={})[l]=i().object,r),{Provider:s,Consumer:c}},m=function(e){var t=g();return t.displayName=e,t},h=m("Router-History"),v=m("Router"),y=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,a.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(v.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(h.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;var _=function(e){function t(){return e.apply(this,arguments)||this}(0,a.Z)(t,e);var n=t.prototype;return n.componentDidMount=function(){this.props.onMount&&this.props.onMount.call(this,this)},n.componentDidUpdate=function(e){this.props.onUpdate&&this.props.onUpdate.call(this,this,e)},n.componentWillUnmount=function(){this.props.onUnmount&&this.props.onUnmount.call(this,this)},n.render=function(){return null},t}(o.Component);var x={},w=1e4,k=0;function E(e,t){return void 0===e&&(e="/"),void 0===t&&(t={}),"/"===e?e:function(e){if(x[e])return x[e];var t=d().compile(e);return k<w&&(x[e]=t,k++),t}(e)(t,{pretty:!0})}function S(e){var t=e.computedMatch,n=e.to,a=e.push,r=void 0!==a&&a;return o.createElement(v.Consumer,null,(function(e){e||(0,s.Z)(!1);var a=e.history,i=e.staticContext,u=r?a.push:a.replace,d=(0,l.ob)(t?"string"==typeof n?E(n,t.params):(0,c.Z)({},n,{pathname:E(n.pathname,t.params)}):n);return i?(u(d),null):o.createElement(_,{onMount:function(){u(d)},onUpdate:function(e,t){var n=(0,l.ob)(t.to);(0,l.Hp)(n,(0,c.Z)({},d,{key:n.key}))||u(d)},to:n})}))}var z={},C=1e4,T=0;function j(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,a=n.path,o=n.exact,r=void 0!==o&&o,i=n.strict,l=void 0!==i&&i,s=n.sensitive,c=void 0!==s&&s;return[].concat(a).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var a=function(e,t){var n=""+t.end+t.strict+t.sensitive,a=z[n]||(z[n]={});if(a[e])return a[e];var o=[],r={regexp:d()(e,o,t),keys:o};return T<C&&(a[e]=r,T++),r}(n,{end:r,strict:l,sensitive:c}),o=a.regexp,i=a.keys,s=o.exec(e);if(!s)return null;var u=s[0],b=s.slice(1),f=e===u;return r&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=b[n],e}),{})}}),null)}var L=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(v.Consumer,null,(function(t){t||(0,s.Z)(!1);var n=e.props.location||t.location,a=e.props.computedMatch?e.props.computedMatch:e.props.path?j(n.pathname,e.props):t.match,r=(0,c.Z)({},t,{location:n,match:a}),i=e.props,l=i.children,u=i.component,d=i.render;return Array.isArray(l)&&function(e){return 0===o.Children.count(e)}(l)&&(l=null),o.createElement(v.Provider,{value:r},r.match?l?"function"==typeof l?l(r):l:u?o.createElement(u,r):d?d(r):null:"function"==typeof l?l(r):null)}))},t}(o.Component);function O(e){return"/"===e.charAt(0)?e:"/"+e}function P(e,t){if(!e)return t;var n=O(e);return 0!==t.pathname.indexOf(n)?t:(0,c.Z)({},t,{pathname:t.pathname.substr(n.length)})}function N(e){return"string"==typeof e?e:(0,l.Ep)(e)}function M(e){return function(){(0,s.Z)(!1)}}function A(){}o.Component;var I=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(v.Consumer,null,(function(t){t||(0,s.Z)(!1);var n,a,r=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==a&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;a=i?j(r.pathname,(0,c.Z)({},e.props,{path:i})):t.match}})),a?o.cloneElement(n,{location:r,computedMatch:a}):null}))},t}(o.Component);var R=o.useContext;function D(){return R(h)}function F(){return R(v).location}},72408:(e,t,n)=>{"use strict";var a=n(27418),o=60103,r=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var i=60109,l=60110,s=60112;t.Suspense=60113;var c=60115,u=60116;if("function"==typeof Symbol&&Symbol.for){var d=Symbol.for;o=d("react.element"),r=d("react.portal"),t.Fragment=d("react.fragment"),t.StrictMode=d("react.strict_mode"),t.Profiler=d("react.profiler"),i=d("react.provider"),l=d("react.context"),s=d("react.forward_ref"),t.Suspense=d("react.suspense"),c=d("react.memo"),u=d("react.lazy")}var b="function"==typeof Symbol&&Symbol.iterator;function f(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var p={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g={};function m(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||p}function h(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||p}m.prototype.isReactComponent={},m.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(f(85));this.updater.enqueueSetState(this,e,t,"setState")},m.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},h.prototype=m.prototype;var y=v.prototype=new h;y.constructor=v,a(y,m.prototype),y.isPureReactComponent=!0;var _={current:null},x=Object.prototype.hasOwnProperty,w={key:!0,ref:!0,__self:!0,__source:!0};function k(e,t,n){var a,r={},i=null,l=null;if(null!=t)for(a in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)x.call(t,a)&&!w.hasOwnProperty(a)&&(r[a]=t[a]);var s=arguments.length-2;if(1===s)r.children=n;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];r.children=c}if(e&&e.defaultProps)for(a in s=e.defaultProps)void 0===r[a]&&(r[a]=s[a]);return{$$typeof:o,type:e,key:i,ref:l,props:r,_owner:_.current}}function E(e){return"object"==typeof e&&null!==e&&e.$$typeof===o}var S=/\/+/g;function z(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function C(e,t,n,a,i){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case o:case r:s=!0}}if(s)return i=i(s=e),e=""===a?"."+z(s,0):a,Array.isArray(i)?(n="",null!=e&&(n=e.replace(S,"$&/")+"/"),C(i,t,n,"",(function(e){return e}))):null!=i&&(E(i)&&(i=function(e,t){return{$$typeof:o,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,n+(!i.key||s&&s.key===i.key?"":(""+i.key).replace(S,"$&/")+"/")+e)),t.push(i)),1;if(s=0,a=""===a?".":a+":",Array.isArray(e))for(var c=0;c<e.length;c++){var u=a+z(l=e[c],c);s+=C(l,t,n,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=b&&e[b]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(l=e.next()).done;)s+=C(l=l.value,t,n,u=a+z(l,c++),i);else if("object"===l)throw t=""+e,Error(f(31,"[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t));return s}function T(e,t,n){if(null==e)return e;var a=[],o=0;return C(e,a,"","",(function(e){return t.call(n,e,o++)})),a}function j(e){if(-1===e._status){var t=e._result;t=t(),e._status=0,e._result=t,t.then((function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)}),(function(t){0===e._status&&(e._status=2,e._result=t)}))}if(1===e._status)return e._result;throw e._result}var L={current:null};function O(){var e=L.current;if(null===e)throw Error(f(321));return e}var P={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:_,IsSomeRendererActing:{current:!1},assign:a};t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!E(e))throw Error(f(143));return e}},t.Component=m,t.PureComponent=v,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=P,t.cloneElement=function(e,t,n){if(null==e)throw Error(f(267,e));var r=a({},e.props),i=e.key,l=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(l=t.ref,s=_.current),void 0!==t.key&&(i=""+t.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(u in t)x.call(t,u)&&!w.hasOwnProperty(u)&&(r[u]=void 0===t[u]&&void 0!==c?c[u]:t[u])}var u=arguments.length-2;if(1===u)r.children=n;else if(1<u){c=Array(u);for(var d=0;d<u;d++)c[d]=arguments[d+2];r.children=c}return{$$typeof:o,type:e.type,key:i,ref:l,props:r,_owner:s}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:l,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},t.createElement=k,t.createFactory=function(e){var t=k.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:s,render:e}},t.isValidElement=E,t.lazy=function(e){return{$$typeof:u,_payload:{_status:-1,_result:e},_init:j}},t.memo=function(e,t){return{$$typeof:c,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return O().useCallback(e,t)},t.useContext=function(e,t){return O().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return O().useEffect(e,t)},t.useImperativeHandle=function(e,t,n){return O().useImperativeHandle(e,t,n)},t.useLayoutEffect=function(e,t){return O().useLayoutEffect(e,t)},t.useMemo=function(e,t){return O().useMemo(e,t)},t.useReducer=function(e,t,n){return O().useReducer(e,t,n)},t.useRef=function(e){return O().useRef(e)},t.useState=function(e){return O().useState(e)},t.version="17.0.2"},67294:(e,t,n)=>{"use strict";e.exports=n(72408)},60053:(e,t)=>{"use strict";var n,a,o,r;if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var l=Date,s=l.now();t.unstable_now=function(){return l.now()-s}}if("undefined"==typeof window||"function"!=typeof MessageChannel){var c=null,u=null,d=function(){if(null!==c)try{var e=t.unstable_now();c(!0,e),c=null}catch(n){throw setTimeout(d,0),n}};n=function(e){null!==c?setTimeout(n,0,e):(c=e,setTimeout(d,0))},a=function(e,t){u=setTimeout(e,t)},o=function(){clearTimeout(u)},t.unstable_shouldYield=function(){return!1},r=t.unstable_forceFrameRate=function(){}}else{var b=window.setTimeout,f=window.clearTimeout;if("undefined"!=typeof console){var p=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),"function"!=typeof p&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")}var g=!1,m=null,h=-1,v=5,y=0;t.unstable_shouldYield=function(){return t.unstable_now()>=y},r=function(){},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):v=0<e?Math.floor(1e3/e):5};var _=new MessageChannel,x=_.port2;_.port1.onmessage=function(){if(null!==m){var e=t.unstable_now();y=e+v;try{m(!0,e)?x.postMessage(null):(g=!1,m=null)}catch(n){throw x.postMessage(null),n}}else g=!1},n=function(e){m=e,g||(g=!0,x.postMessage(null))},a=function(e,n){h=b((function(){e(t.unstable_now())}),n)},o=function(){f(h),h=-1}}function w(e,t){var n=e.length;e.push(t);e:for(;;){var a=n-1>>>1,o=e[a];if(!(void 0!==o&&0<S(o,t)))break e;e[a]=t,e[n]=o,n=a}}function k(e){return void 0===(e=e[0])?null:e}function E(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var a=0,o=e.length;a<o;){var r=2*(a+1)-1,i=e[r],l=r+1,s=e[l];if(void 0!==i&&0>S(i,n))void 0!==s&&0>S(s,i)?(e[a]=s,e[l]=n,a=l):(e[a]=i,e[r]=n,a=r);else{if(!(void 0!==s&&0>S(s,n)))break e;e[a]=s,e[l]=n,a=l}}}return t}return null}function S(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var z=[],C=[],T=1,j=null,L=3,O=!1,P=!1,N=!1;function M(e){for(var t=k(C);null!==t;){if(null===t.callback)E(C);else{if(!(t.startTime<=e))break;E(C),t.sortIndex=t.expirationTime,w(z,t)}t=k(C)}}function A(e){if(N=!1,M(e),!P)if(null!==k(z))P=!0,n(I);else{var t=k(C);null!==t&&a(A,t.startTime-e)}}function I(e,n){P=!1,N&&(N=!1,o()),O=!0;var r=L;try{for(M(n),j=k(z);null!==j&&(!(j.expirationTime>n)||e&&!t.unstable_shouldYield());){var i=j.callback;if("function"==typeof i){j.callback=null,L=j.priorityLevel;var l=i(j.expirationTime<=n);n=t.unstable_now(),"function"==typeof l?j.callback=l:j===k(z)&&E(z),M(n)}else E(z);j=k(z)}if(null!==j)var s=!0;else{var c=k(C);null!==c&&a(A,c.startTime-n),s=!1}return s}finally{j=null,L=r,O=!1}}var R=r;t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){P||O||(P=!0,n(I))},t.unstable_getCurrentPriorityLevel=function(){return L},t.unstable_getFirstCallbackNode=function(){return k(z)},t.unstable_next=function(e){switch(L){case 1:case 2:case 3:var t=3;break;default:t=L}var n=L;L=t;try{return e()}finally{L=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=R,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=L;L=e;try{return t()}finally{L=n}},t.unstable_scheduleCallback=function(e,r,i){var l=t.unstable_now();switch("object"==typeof i&&null!==i?i="number"==typeof(i=i.delay)&&0<i?l+i:l:i=l,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:T++,callback:r,priorityLevel:e,startTime:i,expirationTime:s=i+s,sortIndex:-1},i>l?(e.sortIndex=i,w(C,e),null===k(z)&&e===k(C)&&(N?o():N=!0,a(A,i-l))):(e.sortIndex=s,w(z,e),P||O||(P=!0,n(I))),e},t.unstable_wrapCallback=function(e){var t=L;return function(){var n=L;L=t;try{return e.apply(this,arguments)}finally{L=n}}}},63840:(e,t,n)=>{"use strict";e.exports=n(60053)},96774:e=>{e.exports=function(e,t,n,a){var o=n?n.call(a,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;for(var l=Object.prototype.hasOwnProperty.bind(t),s=0;s<r.length;s++){var c=r[s];if(!l(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(a,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},53250:(e,t,n)=>{"use strict";var a=n(67294);var o="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},r=a.useState,i=a.useEffect,l=a.useLayoutEffect,s=a.useDebugValue;function c(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!o(e,n)}catch(a){return!0}}var u="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var n=t(),a=r({inst:{value:n,getSnapshot:t}}),o=a[0].inst,u=a[1];return l((function(){o.value=n,o.getSnapshot=t,c(o)&&u({inst:o})}),[e,n,t]),i((function(){return c(o)&&u({inst:o}),e((function(){c(o)&&u({inst:o})}))}),[e]),s(n),n};void 0!==a.useSyncExternalStore&&a.useSyncExternalStore},61688:(e,t,n)=>{"use strict";n(53250)},36809:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={title:"Blazor Bootstrap Docs",tagline:"High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers.",url:"https://docs.blazorbootstrap.com",baseUrl:"/",onBrokenLinks:"throw",onBrokenMarkdownLinks:"warn",favicon:"img/logo/logo-color.svg",organizationName:"vikramlearning",projectName:"blazorbootstrap",trailingSlash:!1,deploymentBranch:"gh-pages",presets:[["@docusaurus/preset-classic",{docs:{routeBasePath:"/",sidebarPath:"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/sidebars.js",editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/"},blog:{showReadingTime:!0,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/"},theme:{customCss:"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/src/css/custom.css"},gtag:{trackingID:"G-60QGZHW8TG",anonymizeIP:!0}}]],themeConfig:{announcementBar:{id:"support_us",content:'\u2b50\ufe0f If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! \u2b50\ufe0f',isCloseable:!0},navbar:{title:"Blazor Bootstrap",logo:{alt:"Blazor Bootstrap",src:"img/logo.svg"},items:[{type:"doc",docId:"getting-started/blazor-webassembly-net-8",label:"Docs",position:"left"},{href:"https://demos.blazorbootstrap.com",label:"Demos",position:"left"},{to:"/blog",label:"Blog",position:"left"},{href:"https://github.com/vikramlearning/blazorbootstrap",label:"GitHub",position:"right"},{href:"https://twitter.com/blazorbootstrap",label:"Twitter",position:"right"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"Links",items:[{label:"Home",to:"/"},{label:"Demos",href:"https://demos.blazorbootstrap.com/"},{label:"Blog",to:"/blog"}]},{title:"Guides",items:[{label:"Getting started",to:"/getting-started/blazor-webassembly-net-8"},{label:"Install Nuget",to:"/getting-started/blazor-webassembly-net-8#install-nuget-package"},{label:"Starter templates",to:"https://github.com/vikramlearning/blazorbootstrap-starter-templates"}]},{title:"Community",items:[{label:"Issues",href:"https://github.com/vikramlearning/blazorbootstrap/issues"},{label:"Discussions",href:"https://github.com/vikramlearning/blazorbootstrap/discussions"},{label:"Stack Overflow",href:"https://stackoverflow.com/questions/tagged/blazor-bootstrap"},{label:"Twitter",href:"https://twitter.com/blazorbootstrap"}]}],copyright:"Copyright \xa9 2024 Blazor Bootstrap."},prism:{theme:{plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:["csharp","cshtml"],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},colorMode:{defaultMode:"light",disableSwitch:!1,respectPrefersColorScheme:!1},docs:{versionPersistence:"localStorage",sidebar:{hideable:!1,autoCollapseCategories:!1}},metadata:[],tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},customFields:{version:"0.0.4",logo_white:"/img/logo/logo-white.svg",logo_color:"/img/logo/logo-color.svg"},plugins:[["/home/runner/work/blazorbootstrap/blazorbootstrap/docs/node_modules/@easyops-cn/docusaurus-search-local/dist/server/server/index.js",{indexDocs:!0,indexPages:!0,indexBlog:!1,docsDir:"docs",docsRouteBasePath:"/docs"}],["@docusaurus/plugin-client-redirects",{redirects:[{from:"/getting-started/blazor-webassembly",to:"/getting-started/blazor-webassembly-net-8"},{from:"/getting-started/blazor-server",to:"/getting-started/blazor-webapp-server-global-net-8"},{from:"/docs/getting-started/maui-blazor",to:"/getting-started/maui-blazor-net-8"},{from:"/getting-started/maui-blazor",to:"/getting-started/maui-blazor-net-8"},{from:"/docs/layout/blazor-webassembly",to:"/layout/blazor-webassembly"},{from:"/docs/layout/blazor-server",to:"/layout/blazor-server"},{from:"/docs/content/icons",to:"/content/icons"},{from:"/docs/forms/autocomplete",to:"/forms/autocomplete"},{from:"/docs/forms/currency-input",to:"/forms/currency-input"},{from:"/docs/forms/date-input",to:"/forms/date-input"},{from:"/docs/forms/number-input",to:"/forms/number-input"},{from:"/docs/forms/switch",to:"/forms/switch"},{from:"/docs/forms/time-input",to:"/forms/time-input"},{from:"/docs/components/accordion",to:"/components/accordion"},{from:"/docs/components/alerts",to:"/components/alerts"},{from:"/docs/components/badge",to:"/components/badge"},{from:"/docs/components/breadcrumb",to:"/components/breadcrumb"},{from:"/docs/components/buttons",to:"/components/buttons"},{from:"/docs/components/callout",to:"/components/callout"},{from:"/docs/components/card",to:"/components/card"},{from:"/docs/components/charts",to:"/components/charts"},{from:"/docs/components/collapse",to:"/components/collapse"},{from:"/docs/components/confirm-dialog",to:"/components/confirm-dialog"},{from:"/docs/components/dropdown",to:"/components/dropdown"},{from:"/docs/components/grid",to:"/components/grid"},{from:"/docs/components/modal",to:"/components/modal"},{from:"/docs/components/offcanvas",to:"/components/offcanvas"},{from:"/docs/components/pagination",to:"/components/pagination"},{from:"/docs/components/placeholders",to:"/components/placeholders"},{from:"/docs/components/preload",to:"/components/preload"},{from:"/docs/components/progress",to:"/components/progress"},{from:"/docs/components/sidebar",to:"/components/sidebar"},{from:"/docs/components/tabs",to:"/components/tabs"},{from:"/docs/components/toasts",to:"/components/toasts"},{from:"/docs/components/tooltips",to:"/components/tooltips"},{from:"/docs/data-visualization/bar-chart",to:"/data-visualization/bar-chart"},{from:"/docs/data-visualization/doughnut-chart",to:"/data-visualization/doughnut-chart"},{from:"/docs/data-visualization/line-chart",to:"/data-visualization/line-chart"},{from:"/docs/data-visualization/pie-chart",to:"/data-visualization/pie-chart"},{from:"/docs/services/modal",to:"/services/modal"}]}]],baseUrlIssueBanner:!0,i18n:{defaultLocale:"en",path:"i18n",locales:["en"],localeConfigs:{}},onDuplicateRoutes:"warn",staticDirectories:["static"],themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{mermaid:!1}}},87462:(e,t,n)=>{"use strict";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},a.apply(this,arguments)}n.d(t,{Z:()=>a})},75068:(e,t,n)=>{"use strict";function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,a(e,t)}n.d(t,{Z:()=>o})},63366:(e,t,n)=>{"use strict";function a(e,t){if(null==e)return{};var n,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(o[n]=e[n]);return o}n.d(t,{Z:()=>a})},38776:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=!0,o="Invariant failed";function r(e,t){if(!e){if(a)throw new Error(o);var n="function"==typeof t?t():t,r=n?"".concat(o,": ").concat(n):o;throw new Error(r)}}},57529:e=>{"use strict";e.exports={}},16887:e=>{"use strict";e.exports=JSON.parse('{"/blog-a9d":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"9e66a4d2"},{"content":"20cb0e42"},{"content":"4f6ad63b"},{"content":"0f414ed2"},{"content":"7483fa27"},{"content":"6ac87ca2"},{"content":"d7b100b9"},{"content":"2c615316"},{"content":"3e108416"}],"metadata":"b2b675dd"},"/blog/2021/11/23/blazorbootstrap-0.0.1-c4b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"d8be0be1"},"/blog/2021/11/27/blazorbootstrap-0.0.2-62f":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"7656d80a"},"/blog/2021/12/08/blazorbootstrap-0.0.3-c4f":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"b03e4ecb"},"/blog/2021/12/12/blazorbootstrap-0.0.4-67a":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"f5af5c4e"},"/blog/2021/12/20/blazorbootstrap-0.1.0-d4b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"2b5ffb63"},"/blog/2021/12/21/blazorbootstrap-0.1.1-344":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"f819911c"},"/blog/2022/01/15/blazorbootstrap-0.2.0-7f6":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"181510e2"},"/blog/2022/02/27/blazorbootstrap-0.2.1-3a6":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"3935a6ea"},"/blog/2022/03/15/blazorbootstrap-0.2.2-4c0":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"a15968c9"},"/blog/2022/04/30/blazorbootstrap-0.2.3-bbd":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"ff859336"},"/blog/2022/06/19/blazorbootstrap-0.2.4-04b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"cb9c0be7"},"/blog/2022/07/28/blazorbootstrap-0.2.5-3d5":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"5d18866d"},"/blog/2022/08/13/blazorbootstrap-0.2.6-f21":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"9614ca7b"},"/blog/2022/08/31/blazorbootstrap-0.3.0-7b0":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"11bebdb7"},"/blog/2022/09/04/blazorbootstrap-0.4.0-2d6":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"e4bea73c"},"/blog/2022/09/12/blazorbootstrap-0.4.1-65f":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"3feae84c"},"/blog/2022/09/17/blazorbootstrap-0.4.2-b9e":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"4beefa9e"},"/blog/2022/10/16/blazorbootstrap-0.5.0-e32":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"8ee50342"},"/blog/2022/10/22/blazorbootstrap-0.5.1-01c":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"77dd4733"},"/blog/2022/10/30/blazorbootstrap-0.6.0-a42":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"a5a8063d"},"/blog/2022/11/18/blazorbootstrap-1.0.0-ab6":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"9d07e165"},"/blog/2022/11/22/blazorbootstrap-1.0.1-b99":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"f02c8517"},"/blog/2022/11/28/blazorbootstrap-1.1.0-225":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"662ff2e0"},"/blog/2022/12/12/blazorbootstrap-1.2.0-f26":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"75119bec"},"/blog/2022/12/15/blazorbootstrap-1.3.0-110":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"3175c707"},"/blog/2022/12/18/blazorbootstrap-1.3.1-20b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"bbe0b07b"},"/blog/2023/01/15/blazorbootstrap-1.4.0-8e9":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"039704c0"},"/blog/2023/01/23/blazorbootstrap-1.4.1-ac2":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"cc1a1680"},"/blog/2023/01/30/blazorbootstrap-1.4.2-452":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"f6c3878f"},"/blog/2023/02/07/blazorbootstrap-1.4.3-638":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"313e4a52"},"/blog/2023/02/10/blazorbootstrap-1.4.4-2f7":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"0cefe2d9"},"/blog/2023/02/23/blazorbootstrap-1.4.5-e42":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"28dc5477"},"/blog/2023/03/05/blazorbootstrap-1.5.0-a02":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"10e280b7"},"/blog/2023/03/12/blazorbootstrap-1.6.0-d44":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"5c71eb6d"},"/blog/2023/04/10/blazorbootstrap-1.7.0-66b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"f4afaeba"},"/blog/2023/04/19/blazorbootstrap-1.7.1-d43":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"2fdecb40"},"/blog/2023/04/24/blazorbootstrap-1.7.2-b15":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"0545a2b1"},"/blog/2023/04/29/blazorbootstrap-1.7.3-046":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"baed9087"},"/blog/2023/05/28/blazorbootstrap-1.8.0-4e3":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"dde17e14"},"/blog/2023/05/31/blazorbootstrap-1.8.1-716":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"236ae2fb"},"/blog/2023/06/11/blazorbootstrap-1.8.2-d52":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"f8c8d1fb"},"/blog/2023/06/16/blazorbootstrap-1.8.3-449":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"828618cd"},"/blog/2023/06/30/blazorbootstrap-1.9.0-50d":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"eea066c0"},"/blog/2023/06/31/blazorbootstrap-1.9.1-017":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"852aa2d6"},"/blog/2023/07/01/blazorbootstrap-1.9.2-07e":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"e3b0677f"},"/blog/2023/07/04/blazorbootstrap-1.9.3-dcf":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"ba6d458c"},"/blog/2023/07/05/blazorbootstrap-1.9.4-3fd":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"18cfdffd"},"/blog/2023/07/16/blazorbootstrap-1.9.5-7bc":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"6066c36b"},"/blog/2023/08/13/blazorbootstrap-1.10.0-36b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"5049c6f3"},"/blog/2023/08/29/blazorbootstrap-1.10.1-827":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"82555221"},"/blog/2023/09/15/blazorbootstrap-1.10.2-889":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"64c9b997"},"/blog/2023/10/15/blazorbootstrap-1.10.3-e57":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"4db6149d"},"/blog/2023/11/18/blazorbootstrap-1.10.4-178":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"ef3e4c59"},"/blog/2024/01/01/blazorbootstrap-1.10.5-0aa":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"efb2b0fe"},"/blog/2024/02/04/blazorbootstrap-1.11.0-466":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"c673f71a"},"/blog/2024/02/04/blazorbootstrap-1.11.1-f08":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"64707dcd"},"/blog/2024/02/25/blazorbootstrap-2.0.0-61f":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"3116eef9"},"/blog/2024/02/25/upgrade-to-v2.0.0-611":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"709b8fca"},"/blog/2024/03/17/blazorbootstrap-2.1.0-57b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"4cc136b8"},"/blog/2024/04/14/blazorbootstrap-2.2.0-354":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"552dddd4"},"/blog/2024/04/21/blazorbootstrap-2.2.1-9a3":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"857ae68f"},"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1-ad7":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"3910f4a5"},"/blog/archive-6fa":{"__comp":"9e4087bc","__context":{"plugin":"5d4df2ae"},"archive":"b2f554cd"},"/blog/page/2-f50":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8dc79d0f"},{"content":"7d8e90a7"},{"content":"6413176f"},{"content":"dc83d50b"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"ec76938d"},{"content":"55660876"},{"content":"c6a57455"},{"content":"603d5c5e"}],"metadata":"8eb4e46b"},"/blog/page/3-175":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"438d502f"},{"content":"c22a9ec7"},{"content":"607ffa29"},{"content":"5f680611"},{"content":"2b57f11c"},{"content":"7fabb151"},{"content":"522d13a5"},{"content":"51c5a72b"},{"content":"df735c89"},{"content":"0ae61aaa"}],"metadata":"92999a1c"},"/blog/page/4-928":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"509c2304"},{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"ca9d53ad"},{"content":"319cc750"},{"content":"655dea51"},{"content":"8fd56d8d"},{"content":"abc06963"},{"content":"4191886d"},{"content":"14e63915"}],"metadata":"7d9726a8"},"/blog/page/5-237":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"f2f198c6"},{"content":"5c8d0ad0"},{"content":"2ddd21c8"},{"content":"fdfa8ed2"},{"content":"7c5d2905"},{"content":"dfc91384"},{"content":"46c5e377"},{"content":"f188a130"},{"content":"aa493f4a"},{"content":"b2363121"}],"metadata":"11ce4159"},"/blog/page/6-ce8":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2d59857d"},{"content":"dae895a9"},{"content":"ee3ef312"},{"content":"1967d15c"},{"content":"80410c2f"},{"content":"97ec44a3"},{"content":"599ec0be"},{"content":"beea12d4"},{"content":"946a1545"},{"content":"37e1ef48"}],"metadata":"44ac4dbb"},"/blog/page/7-d66":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"e88d3846"},{"content":"c6318e18"}],"metadata":"52099127"},"/blog/tags-c3b":{"__comp":"01a85c17","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","tags":"a7023ddc"},"/blog/tags/accordion-220":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"2c615316"},{"content":"51c5a72b"}],"tag":"5a62bd6d","listMetadata":"50f7351d"},"/blog/tags/alert-f8d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"599ec0be"}],"tag":"d6eaa184","listMetadata":"4576cdd1"},"/blog/tags/autocomplete-d17":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6ac87ca2"},{"content":"7d8e90a7"},{"content":"5f680611"},{"content":"522d13a5"},{"content":"ca9d53ad"},{"content":"8fd56d8d"},{"content":"dfc91384"},{"content":"46c5e377"},{"content":"f188a130"}],"tag":"3b9b4f03","listMetadata":"adb7c9ff"},"/blog/tags/badge-c73":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6ac87ca2"},{"content":"51c5a72b"}],"tag":"ea24dcd3","listMetadata":"86e32e70"},"/blog/tags/barchart-7ca":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4f6ad63b"}],"tag":"2a709cc5","listMetadata":"c0c8a23a"},"/blog/tags/blazor-8e3":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"9e66a4d2"},{"content":"20cb0e42"},{"content":"4f6ad63b"},{"content":"0f414ed2"},{"content":"6ac87ca2"},{"content":"d7b100b9"},{"content":"2c615316"},{"content":"3e108416"},{"content":"8dc79d0f"}],"tag":"825a6483","listMetadata":"b5859c16"},"/blog/tags/blazor-autocomplete-750":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ca9d53ad"}],"tag":"121f8027","listMetadata":"c17e866f"},"/blog/tags/blazor-bar-chart-c39":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7c5d2905"}],"tag":"9f5341a1","listMetadata":"607cc1d2"},"/blog/tags/blazor-bootstrap-f41":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"abc06963"},{"content":"4191886d"},{"content":"14e63915"},{"content":"f2f198c6"},{"content":"5c8d0ad0"}],"tag":"54cd9b03","listMetadata":"01a2ac95"},"/blog/tags/blazor-charts-632":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7c5d2905"}],"tag":"8910cc41","listMetadata":"630e76c4"},"/blog/tags/blazor-confirm-dialog-6f6":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"14e63915"},{"content":"f2f198c6"}],"tag":"7ec9e121","listMetadata":"b176b560"},"/blog/tags/blazor-currency-input-82d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4191886d"}],"tag":"23ee00d3","listMetadata":"0b020564"},"/blog/tags/blazor-dialog-049":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"14e63915"},{"content":"f2f198c6"}],"tag":"0f528560","listMetadata":"6260a561"},"/blog/tags/blazor-doughnut-chart-4de":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7c5d2905"}],"tag":"e5ea1834","listMetadata":"1dce3cd0"},"/blog/tags/blazor-grid-33a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"fdfa8ed2"}],"tag":"e832fbdb","listMetadata":"e269e10f"},"/blog/tags/blazor-grid-filtering-1f7":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"fdfa8ed2"}],"tag":"1af83003","listMetadata":"60627ebe"},"/blog/tags/blazor-grid-paging-0ed":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"fdfa8ed2"}],"tag":"e8e5f9d4","listMetadata":"20b2c3da"},"/blog/tags/blazor-grid-sorting-7a6":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"fdfa8ed2"}],"tag":"93da849d","listMetadata":"6a2ba06a"},"/blog/tags/blazor-input-ccf":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"}],"tag":"78e78061","listMetadata":"a909bce2"},"/blog/tags/blazor-input-number-933":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"}],"tag":"d4d52611","listMetadata":"e2c6c702"},"/blog/tags/blazor-line-chart-fb5":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7c5d2905"}],"tag":"e0660070","listMetadata":"f8ceddd1"},"/blog/tags/blazor-number-9ef":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4191886d"}],"tag":"c83a2893","listMetadata":"7a62d0ee"},"/blog/tags/blazor-number-input-f56":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"}],"tag":"726ced83","listMetadata":"eb65b05f"},"/blog/tags/blazor-offcanvas-dc3":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"f2f198c6"}],"tag":"1def58c2","listMetadata":"84defe9f"},"/blog/tags/blazor-pie-chart-773":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7c5d2905"}],"tag":"50782da8","listMetadata":"b3e33875"},"/blog/tags/blazor-preload-a99":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"14e63915"},{"content":"f2f198c6"}],"tag":"24031443","listMetadata":"f2cf37dd"},"/blog/tags/blazor-progress-22b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2ddd21c8"}],"tag":"d9c4e64a","listMetadata":"715d24f4"},"/blog/tags/blazor-progress-bar-6f9":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2ddd21c8"}],"tag":"3ce4b4a2","listMetadata":"2a00c8eb"},"/blog/tags/blazor-sidemodal-16c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"f2f198c6"}],"tag":"3caae09a","listMetadata":"621307e9"},"/blog/tags/blazor-spinner-fd4":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"14e63915"},{"content":"f2f198c6"}],"tag":"781d0cc3","listMetadata":"60524120"},"/blog/tags/blazor-starter-templates-00a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ca9d53ad"}],"tag":"60364395","listMetadata":"d537fbe8"},"/blog/tags/blazor-tabs-632":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"}],"tag":"1bb3337b","listMetadata":"d1e90a87"},"/blog/tags/blazor-templates-847":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ca9d53ad"}],"tag":"11043a74","listMetadata":"42d0e7ee"},"/blog/tags/blazor-toast-d9a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"14e63915"}],"tag":"5c423d58","listMetadata":"9d6c73db"},"/blog/tags/blazor-toasts-b22":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"509c2304"},{"content":"2ddd21c8"}],"tag":"35f8a6bb","listMetadata":"891bc1a1"},"/blog/tags/blazor/page/2-162":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"},{"content":"6413176f"},{"content":"dc83d50b"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"ec76938d"},{"content":"55660876"},{"content":"c6a57455"},{"content":"603d5c5e"},{"content":"438d502f"}],"tag":"fb3463af","listMetadata":"5c0657f8"},"/blog/tags/blazor/page/3-b3b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"},{"content":"607ffa29"},{"content":"5f680611"},{"content":"2b57f11c"},{"content":"7fabb151"},{"content":"522d13a5"},{"content":"51c5a72b"},{"content":"df735c89"},{"content":"0ae61aaa"},{"content":"509c2304"}],"tag":"4d57dccd","listMetadata":"f0737577"},"/blog/tags/blazor/page/4-eb8":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"ca9d53ad"},{"content":"319cc750"},{"content":"655dea51"},{"content":"8fd56d8d"},{"content":"abc06963"},{"content":"4191886d"},{"content":"14e63915"},{"content":"f2f198c6"}],"tag":"85b1c86a","listMetadata":"583ae9c8"},"/blog/tags/blazor/page/5-6ca":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"}],"tag":"28db7278","listMetadata":"da55feea"},"/blog/tags/blazoraccordion-8ec":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"51c5a72b"}],"tag":"53e4311e","listMetadata":"7955821b"},"/blog/tags/blazorautocomplete-75c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"},{"content":"5f680611"},{"content":"522d13a5"},{"content":"8fd56d8d"}],"tag":"632b38e8","listMetadata":"d42fcd53"},"/blog/tags/blazorbadge-327":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"51c5a72b"}],"tag":"7b38df15","listMetadata":"38980570"},"/blog/tags/blazorbootstrap-904":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"9e66a4d2"},{"content":"20cb0e42"},{"content":"4f6ad63b"},{"content":"0f414ed2"},{"content":"6ac87ca2"},{"content":"d7b100b9"},{"content":"2c615316"},{"content":"3e108416"},{"content":"8dc79d0f"}],"tag":"536fd30c","listMetadata":"0892d6c1"},"/blog/tags/blazorbootstrap-starter-templates-aa1":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ca9d53ad"}],"tag":"84b40e91","listMetadata":"c5614c51"},"/blog/tags/blazorbootstrap/page/2-0d6":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"},{"content":"6413176f"},{"content":"dc83d50b"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"ec76938d"},{"content":"55660876"},{"content":"c6a57455"},{"content":"603d5c5e"},{"content":"438d502f"}],"tag":"bd1bae9a","listMetadata":"4f538bc3"},"/blog/tags/blazorbootstrap/page/3-23f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"},{"content":"607ffa29"},{"content":"5f680611"},{"content":"2b57f11c"},{"content":"7fabb151"},{"content":"522d13a5"},{"content":"51c5a72b"},{"content":"df735c89"},{"content":"0ae61aaa"},{"content":"509c2304"}],"tag":"4de4c9a7","listMetadata":"8ec2cf6c"},"/blog/tags/blazorbootstrap/page/4-0b5":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"ca9d53ad"},{"content":"319cc750"},{"content":"655dea51"},{"content":"8fd56d8d"},{"content":"abc06963"},{"content":"4191886d"},{"content":"14e63915"},{"content":"f2f198c6"}],"tag":"b329fb77","listMetadata":"bf8fae8f"},"/blog/tags/blazorbootstrap/page/5-b6b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"},{"content":"2ddd21c8"},{"content":"fdfa8ed2"},{"content":"7c5d2905"},{"content":"dfc91384"},{"content":"46c5e377"},{"content":"f188a130"},{"content":"aa493f4a"},{"content":"b2363121"},{"content":"2d59857d"}],"tag":"c2eb690c","listMetadata":"b1dc83d9"},"/blog/tags/blazorbootstrap/page/6-1a4":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"dae895a9"},{"content":"ee3ef312"},{"content":"1967d15c"},{"content":"80410c2f"},{"content":"97ec44a3"},{"content":"599ec0be"},{"content":"beea12d4"},{"content":"946a1545"},{"content":"37e1ef48"},{"content":"e88d3846"}],"tag":"12e9876c","listMetadata":"7e5cd4e7"},"/blog/tags/blazorbootstrap/page/7-62c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6318e18"}],"tag":"8b4680a8","listMetadata":"f5ad21d3"},"/blog/tags/blazorbreadcrumb-99e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6a57455"}],"tag":"2f6b0f5e","listMetadata":"2411581e"},"/blog/tags/blazorbutton-a4a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"},{"content":"51c5a72b"}],"tag":"51ebc1da","listMetadata":"8cbb11df"},"/blog/tags/blazorbuttons-175":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2b57f11c"},{"content":"522d13a5"},{"content":"0ae61aaa"}],"tag":"769aeadf","listMetadata":"250e887a"},"/blog/tags/blazorchart-b4e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"}],"tag":"bf17d8c8","listMetadata":"b5cfba5e"},"/blog/tags/blazorcollapse-b6f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"51c5a72b"}],"tag":"f57f1834","listMetadata":"cd4fd991"},"/blog/tags/blazorconfirmdialog-29c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"}],"tag":"64d9bfb5","listMetadata":"91092bcb"},"/blog/tags/blazorconfirmmodal-9bb":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"319cc750"}],"tag":"29d77e1a","listMetadata":"9e46ffba"},"/blog/tags/blazorcurrencyinput-402":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"},{"content":"7fabb151"},{"content":"4191886d"}],"tag":"0f4f349d","listMetadata":"16b9d05c"},"/blog/tags/blazordate-fbd":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"}],"tag":"ed6c8621","listMetadata":"58eac2a0"},"/blog/tags/blazordateinput-a7b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"},{"content":"5f680611"},{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"299fc7bb","listMetadata":"b17a40f7"},"/blog/tags/blazordatepicker-cbc":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"594cee0b","listMetadata":"9395941f"},"/blog/tags/blazordialog-247":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"319cc750"}],"tag":"47976586","listMetadata":"d6f47703"},"/blog/tags/blazordropdown-d70":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8dc79d0f"}],"tag":"20526fb6","listMetadata":"21730098"},"/blog/tags/blazorgrid-5d0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6413176f"},{"content":"dc83d50b"},{"content":"8ca237b8"},{"content":"ec76938d"},{"content":"438d502f"},{"content":"c22a9ec7"},{"content":"607ffa29"},{"content":"5f680611"},{"content":"2b57f11c"},{"content":"df735c89"}],"tag":"9b1f0615","listMetadata":"e01ede0f"},"/blog/tags/blazorgrid/page/2-7d1":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"fdfa8ed2"}],"tag":"57048dd6","listMetadata":"3395500b"},"/blog/tags/blazoricon-dc7":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8dc79d0f"},{"content":"603d5c5e"}],"tag":"7a27bb07","listMetadata":"e627b01b"},"/blog/tags/blazormodal-075":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"55660876"},{"content":"603d5c5e"},{"content":"df735c89"},{"content":"0ae61aaa"},{"content":"319cc750"}],"tag":"09d3d068","listMetadata":"f46dc466"},"/blog/tags/blazormodalservice-e73":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c58e7149"},{"content":"603d5c5e"}],"tag":"479494e2","listMetadata":"17c709c3"},"/blog/tags/blazornumber-7f8":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4191886d"}],"tag":"03c55790","listMetadata":"82686804"},"/blog/tags/blazornumberinput-3d4":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"}],"tag":"2acd8f77","listMetadata":"d8d0822c"},"/blog/tags/blazoroffcanvas-1d0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"},{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"9efcd135","listMetadata":"2adf1c07"},"/blog/tags/blazorprogress-51d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"438d502f"}],"tag":"8fee25ed","listMetadata":"31f38213"},"/blog/tags/blazorsidebar-b70":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"},{"content":"655dea51"}],"tag":"6e560a53","listMetadata":"7fd37e65"},"/blog/tags/blazorswitch-2a0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"},{"content":"abc06963"}],"tag":"7a8c297b","listMetadata":"9cc7e160"},"/blog/tags/blazortabs-d8b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"603d5c5e"}],"tag":"e41c6b26","listMetadata":"8ac1728c"},"/blog/tags/blazortime-b86":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"}],"tag":"691f3895","listMetadata":"5d8db735"},"/blog/tags/blazortimeinput-7e9":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8ca237b8"},{"content":"5f680611"},{"content":"df735c89"}],"tag":"11136457","listMetadata":"239dc3b3"},"/blog/tags/blazortimepicker-155":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"}],"tag":"d827f292","listMetadata":"ed1fd27d"},"/blog/tags/blazortoast-cb1":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6a57455"}],"tag":"c219a4ea","listMetadata":"d1831d2f"},"/blog/tags/blazortoasts-d88":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"603d5c5e"},{"content":"509c2304"}],"tag":"6d6db813","listMetadata":"927171ec"},"/blog/tags/blazortooltip-539":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"},{"content":"607ffa29"}],"tag":"484f1eb1","listMetadata":"f72251ba"},"/blog/tags/bootstrap-dba":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"9e66a4d2"},{"content":"20cb0e42"},{"content":"4f6ad63b"},{"content":"0f414ed2"},{"content":"6ac87ca2"},{"content":"d7b100b9"},{"content":"2c615316"},{"content":"3e108416"},{"content":"8dc79d0f"}],"tag":"ffb545c1","listMetadata":"3cda21e2"},"/blog/tags/bootstrap-5-0e8":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"20cb0e42"},{"content":"4f6ad63b"},{"content":"0f414ed2"},{"content":"6ac87ca2"},{"content":"d7b100b9"},{"content":"2c615316"},{"content":"3e108416"},{"content":"8dc79d0f"},{"content":"7d8e90a7"},{"content":"6413176f"}],"tag":"164c056e","listMetadata":"2484c010"},"/blog/tags/bootstrap-5/page/2-d23":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"dc83d50b"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"ec76938d"},{"content":"55660876"},{"content":"c6a57455"},{"content":"603d5c5e"},{"content":"438d502f"},{"content":"c22a9ec7"},{"content":"607ffa29"}],"tag":"e5d788cb","listMetadata":"7c656ec4"},"/blog/tags/bootstrap-5/page/3-fd8":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"},{"content":"2b57f11c"},{"content":"7fabb151"},{"content":"522d13a5"},{"content":"51c5a72b"},{"content":"df735c89"},{"content":"0ae61aaa"},{"content":"509c2304"},{"content":"7bc2fe32"},{"content":"654cb705"}],"tag":"0c7ad285","listMetadata":"18902662"},"/blog/tags/bootstrap-5/page/4-cfc":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ca9d53ad"},{"content":"319cc750"}],"tag":"d97047e1","listMetadata":"ea82a430"},"/blog/tags/bootstrap/page/2-3f8":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"},{"content":"6413176f"},{"content":"dc83d50b"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"ec76938d"},{"content":"55660876"},{"content":"c6a57455"},{"content":"603d5c5e"},{"content":"438d502f"}],"tag":"510cc2fd","listMetadata":"f6fc984b"},"/blog/tags/bootstrap/page/3-00f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"},{"content":"607ffa29"},{"content":"5f680611"},{"content":"2b57f11c"},{"content":"7fabb151"},{"content":"522d13a5"},{"content":"51c5a72b"},{"content":"df735c89"},{"content":"0ae61aaa"},{"content":"509c2304"}],"tag":"ca5ddc25","listMetadata":"0534b071"},"/blog/tags/bootstrap/page/4-40b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"ca9d53ad"},{"content":"319cc750"}],"tag":"61165c7c","listMetadata":"90283a90"},"/blog/tags/breadcrumb-e4b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6a57455"}],"tag":"66896e8e","listMetadata":"80c9cbbd"},"/blog/tags/breadcrumbservice-5f5":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6a57455"}],"tag":"90d44a4a","listMetadata":"557bafbc"},"/blog/tags/button-60b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"0f414ed2"},{"content":"c22a9ec7"},{"content":"51c5a72b"},{"content":"b2363121"}],"tag":"f36ac19a","listMetadata":"4afe9451"},"/blog/tags/buttons-177":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2b57f11c"},{"content":"522d13a5"},{"content":"0ae61aaa"}],"tag":"f86648b9","listMetadata":"21e232c9"},"/blog/tags/callout-2cd":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"4f6ad63b"},{"content":"0f414ed2"},{"content":"46c5e377"}],"tag":"1d662c92","listMetadata":"6f58f824"},"/blog/tags/chart-c46":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"}],"tag":"501dd65a","listMetadata":"196f397f"},"/blog/tags/charts-3c2":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2c615316"},{"content":"3e108416"}],"tag":"caa2721c","listMetadata":"a6013ce6"},"/blog/tags/clipboard-48b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"0f414ed2"}],"tag":"cc9add59","listMetadata":"da0a6c21"},"/blog/tags/collapse-f25":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"51c5a72b"}],"tag":"1b1fc741","listMetadata":"2c43b6e6"},"/blog/tags/confirm-dialog-fd6":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"80410c2f"}],"tag":"242463c5","listMetadata":"c65f2699"},"/blog/tags/confirmdialog-e5e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"9e66a4d2"},{"content":"20cb0e42"},{"content":"7d8e90a7"}],"tag":"446a706f","listMetadata":"69acfe84"},"/blog/tags/confirmmodal-6a7":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"319cc750"}],"tag":"58bc14be","listMetadata":"283e4c74"},"/blog/tags/currency-8cc":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7fabb151"}],"tag":"a20900f1","listMetadata":"dcbaab97"},"/blog/tags/currencyinput-bb0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4f6ad63b"},{"content":"5f680611"},{"content":"7fabb151"}],"tag":"4049a23c","listMetadata":"28c92665"},"/blog/tags/date-943":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"}],"tag":"8dcdb7d3","listMetadata":"14b4a23d"},"/blog/tags/dateinput-5fe":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"},{"content":"5f680611"},{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"9a2f6742","listMetadata":"7cda228d"},"/blog/tags/datepicker-27a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"08d0e930","listMetadata":"97491c67"},"/blog/tags/dialog-b92":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"319cc750"}],"tag":"3b9f38f1","listMetadata":"9f3c7121"},"/blog/tags/docs-2a8":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6ac87ca2"},{"content":"2c615316"},{"content":"3e108416"},{"content":"8dc79d0f"},{"content":"7d8e90a7"},{"content":"46c5e377"},{"content":"f188a130"}],"tag":"69f51295","listMetadata":"e4f3715f"},"/blog/tags/dropdown-ed5":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"8dc79d0f"}],"tag":"1207b46c","listMetadata":"c4b1132f"},"/blog/tags/grid-2a5":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"9e66a4d2"},{"content":"4f6ad63b"},{"content":"6ac87ca2"},{"content":"2c615316"},{"content":"3e108416"},{"content":"6413176f"},{"content":"dc83d50b"},{"content":"8ca237b8"},{"content":"ec76938d"}],"tag":"94ba6861","listMetadata":"76fef7fc"},"/blog/tags/grid/page/2-581":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"438d502f"},{"content":"c22a9ec7"},{"content":"607ffa29"},{"content":"5f680611"},{"content":"2b57f11c"},{"content":"df735c89"},{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"46c5e377"},{"content":"aa493f4a"}],"tag":"66664ddd","listMetadata":"cfa57793"},"/blog/tags/grid/page/3-0f4":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"97ec44a3"}],"tag":"7cb7ecf0","listMetadata":"46038721"},"/blog/tags/icon-84c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8dc79d0f"},{"content":"603d5c5e"}],"tag":"21ed22b9","listMetadata":"97e00a59"},"/blog/tags/icons-373":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"80410c2f"}],"tag":"67da9612","listMetadata":"9962ee1e"},"/blog/tags/input-e0c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"},{"content":"5c8d0ad0"}],"tag":"7ff7fcc0","listMetadata":"715f34df"},"/blog/tags/input-number-42a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"}],"tag":"f02bcf8a","listMetadata":"b53fbfdb"},"/blog/tags/layout-287":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"655dea51"}],"tag":"16f9f312","listMetadata":"0d245dbf"},"/blog/tags/leftmenu-cf2":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"655dea51"}],"tag":"3a3dec98","listMetadata":"c8ba346a"},"/blog/tags/modal-7fc":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"2c615316"},{"content":"3e108416"},{"content":"7d8e90a7"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"55660876"},{"content":"603d5c5e"},{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"746d5920","listMetadata":"d4fa5cbe"},"/blog/tags/modal/page/2-09c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"319cc750"},{"content":"2d59857d"},{"content":"97ec44a3"}],"tag":"6640fb70","listMetadata":"b6216f17"},"/blog/tags/modalservice-134":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"},{"content":"c58e7149"},{"content":"603d5c5e"}],"tag":"556ab74e","listMetadata":"51d0b3fd"},"/blog/tags/navigation-02f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"655dea51"}],"tag":"723c0db3","listMetadata":"91c1b3da"},"/blog/tags/numberinput-56f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4f6ad63b"},{"content":"5f680611"}],"tag":"6f1ace75","listMetadata":"b11e89e5"},"/blog/tags/offcanvas-d84":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"},{"content":"df735c89"},{"content":"0ae61aaa"},{"content":"2d59857d"},{"content":"97ec44a3"}],"tag":"6e4acec0","listMetadata":"fd9b0b8a"},"/blog/tags/pagination-48e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"97ec44a3"}],"tag":"4072d3a5","listMetadata":"e161cb12"},"/blog/tags/pdfviewer-b5d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"20cb0e42"},{"content":"4f6ad63b"},{"content":"6ac87ca2"},{"content":"d7b100b9"}],"tag":"ae9bcc96","listMetadata":"3f376e35"},"/blog/tags/placeholders-b3b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"dae895a9"},{"content":"ee3ef312"},{"content":"1967d15c"}],"tag":"dfa19b7d","listMetadata":"4fece664"},"/blog/tags/preload-e39":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"3e108416"}],"tag":"85d5052b","listMetadata":"b71701b4"},"/blog/tags/progress-130":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"438d502f"},{"content":"2ddd21c8"}],"tag":"4de1de0e","listMetadata":"a937b3a2"},"/blog/tags/progress-bar-0dd":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2ddd21c8"}],"tag":"fa253b91","listMetadata":"d7f59897"},"/blog/tags/rangeinput-ead":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4f6ad63b"},{"content":"6ac87ca2"}],"tag":"28e1ccb8","listMetadata":"35cae203"},"/blog/tags/ribbon-975":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"20cb0e42"}],"tag":"a4463b46","listMetadata":"89c38cd0"},"/blog/tags/scriptloader-9ee":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6ac87ca2"}],"tag":"75f4ac3a","listMetadata":"58f0103d"},"/blog/tags/sidebar-a62":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"7d8e90a7"},{"content":"655dea51"}],"tag":"f386df44","listMetadata":"07e55142"},"/blog/tags/sidebar-2-aea":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"4f6ad63b"}],"tag":"a7a5f7ce","listMetadata":"4fda10a6"},"/blog/tags/sortablelist-c35":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"20cb0e42"}],"tag":"f6104617","listMetadata":"d86360d7"},"/blog/tags/spinner-52e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"0f414ed2"}],"tag":"4d098111","listMetadata":"6468aa87"},"/blog/tags/switch-424":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"3e108416"},{"content":"5f680611"}],"tag":"b4611217","listMetadata":"0181f2cb"},"/blog/tags/tab-bd0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"}],"tag":"826b3f99","listMetadata":"15e5d693"},"/blog/tags/tabs-708":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"20cb0e42"},{"content":"6ac87ca2"},{"content":"603d5c5e"}],"tag":"cfc716d8","listMetadata":"e4077368"},"/blog/tags/timeinput-e5b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8ca237b8"},{"content":"5f680611"},{"content":"df735c89"}],"tag":"b9a852d0","listMetadata":"277d94b9"},"/blog/tags/timepicker-c69":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"}],"tag":"11438bab","listMetadata":"e87e9fad"},"/blog/tags/toast-c74":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2c615316"},{"content":"c6a57455"}],"tag":"d62a7c49","listMetadata":"a7fd264d"},"/blog/tags/toasts-ee2":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"603d5c5e"},{"content":"509c2304"},{"content":"2ddd21c8"},{"content":"80410c2f"}],"tag":"5d0c85b2","listMetadata":"1c90b3d5"},"/blog/tags/toastservice-402":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6a57455"}],"tag":"ccd9f363","listMetadata":"b7f75ae4"},"/blog/tags/tooltip-300":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4f6ad63b"},{"content":"7d8e90a7"},{"content":"607ffa29"}],"tag":"ae632395","listMetadata":"8350469a"},"/blog/tags/v-0-0-1-80c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6318e18"}],"tag":"80b861cf","listMetadata":"20574a6b"},"/blog/tags/v-0-0-2-fd9":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"e88d3846"}],"tag":"b3bcf9b5","listMetadata":"23d0bf4c"},"/blog/tags/v-0-0-3-ef0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"37e1ef48"}],"tag":"a6e99728","listMetadata":"4168486f"},"/blog/tags/v-0-0-4-efd":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"946a1545"}],"tag":"19a72e94","listMetadata":"4abe9ec0"},"/blog/tags/v-0-1-0-83c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"beea12d4"}],"tag":"e2b20de6","listMetadata":"b8133b83"},"/blog/tags/v-0-1-1-eb4":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"599ec0be"}],"tag":"79effc5f","listMetadata":"8f1e4f29"},"/blog/tags/v-0-2-0-1c3":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"97ec44a3"}],"tag":"40d8e2b3","listMetadata":"4f704b11"},"/blog/tags/v-0-2-1-c1f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"80410c2f"}],"tag":"be39c62e","listMetadata":"bed1a6f9"},"/blog/tags/v-0-2-2-2ca":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"1967d15c"}],"tag":"5be3a4b7","listMetadata":"45b7b7e3"},"/blog/tags/v-0-2-3-62e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ee3ef312"}],"tag":"db200627","listMetadata":"eeb0ff48"},"/blog/tags/v-0-2-4-8df":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"dae895a9"}],"tag":"26c7220a","listMetadata":"e5f22ef7"},"/blog/tags/v-0-2-5-ceb":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2d59857d"}],"tag":"7f7a074d","listMetadata":"7521c638"},"/blog/tags/v-0-2-6-411":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"b2363121"}],"tag":"70853425","listMetadata":"43e49ae4"},"/blog/tags/v-0-3-0-fd2":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"aa493f4a"}],"tag":"7fb1abc1","listMetadata":"28bbf54b"},"/blog/tags/v-0-4-0-ad7":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"f188a130"}],"tag":"8ff92596","listMetadata":"c116c874"},"/blog/tags/v-0-4-1-b4b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"46c5e377"}],"tag":"ef66a481","listMetadata":"c76b299c"},"/blog/tags/v-0-4-2-d9f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"dfc91384"}],"tag":"2f805fa7","listMetadata":"f135c86c"},"/blog/tags/v-0-5-0-98d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7c5d2905"}],"tag":"a48358a1","listMetadata":"fb750ad6"},"/blog/tags/v-0-5-1-4fc":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"fdfa8ed2"}],"tag":"38f13464","listMetadata":"8cb736e6"},"/blog/tags/v-0-6-0-792":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2ddd21c8"}],"tag":"a15b54fa","listMetadata":"3786937c"},"/blog/tags/v-1-0-0-9e6":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"}],"tag":"cfe8b84a","listMetadata":"b1051041"},"/blog/tags/v-1-0-1-75f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"f2f198c6"}],"tag":"8336dd36","listMetadata":"d618fd50"},"/blog/tags/v-1-1-0-10f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"14e63915"}],"tag":"b2b73654","listMetadata":"e923c45a"},"/blog/tags/v-1-10-0-d22":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"dc83d50b"}],"tag":"c5625ff5","listMetadata":"603d9b1e"},"/blog/tags/v-1-10-1-d6d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6413176f"}],"tag":"035b69b8","listMetadata":"7c4d5511"},"/blog/tags/v-1-10-2-797":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"}],"tag":"0e20fd69","listMetadata":"011603b0"},"/blog/tags/v-1-10-3-b3f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8dc79d0f"}],"tag":"82b4d5aa","listMetadata":"2de3c7dd"},"/blog/tags/v-1-10-4-10e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"3e108416"}],"tag":"595de7e8","listMetadata":"597697a2"},"/blog/tags/v-1-10-5-789":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2c615316"}],"tag":"f4046d89","listMetadata":"60e65f9f"},"/blog/tags/v-1-11-0-a31":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6ac87ca2"}],"tag":"39d010a5","listMetadata":"36ea0dff"},"/blog/tags/v-1-11-1-370":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7b100b9"}],"tag":"20607c6d","listMetadata":"6ac8108a"},"/blog/tags/v-1-2-0-42c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4191886d"}],"tag":"e4fc5673","listMetadata":"47a09aa0"},"/blog/tags/v-1-3-0-410":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"abc06963"}],"tag":"bd7b0a88","listMetadata":"99d1d0f5"},"/blog/tags/v-1-3-1-7e1":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8fd56d8d"}],"tag":"6c7a9e34","listMetadata":"040fb835"},"/blog/tags/v-1-4-0-2b6":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"655dea51"}],"tag":"960c6bd8","listMetadata":"d072459e"},"/blog/tags/v-1-4-1-a31":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"319cc750"}],"tag":"25453f66","listMetadata":"13b82006"},"/blog/tags/v-1-4-2-96c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ca9d53ad"}],"tag":"24ba83d0","listMetadata":"731d3a21"},"/blog/tags/v-1-4-3-f2d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"654cb705"}],"tag":"1e1322a7","listMetadata":"29d85d16"},"/blog/tags/v-1-4-4-ed0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7bc2fe32"}],"tag":"eb917f4a","listMetadata":"c52bae0a"},"/blog/tags/v-1-4-5-f80":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"509c2304"}],"tag":"b361ec9d","listMetadata":"74aa9bd3"},"/blog/tags/v-1-5-0-637":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"0ae61aaa"}],"tag":"2aac0be0","listMetadata":"0d3f967b"},"/blog/tags/v-1-6-0-fe6":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"}],"tag":"7ced60eb","listMetadata":"a788ec2c"},"/blog/tags/v-1-7-0-b6a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"51c5a72b"}],"tag":"c999ff5b","listMetadata":"b1780ee1"},"/blog/tags/v-1-7-1-e85":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"522d13a5"}],"tag":"b9cc54fe","listMetadata":"da64a13c"},"/blog/tags/v-1-7-2-fff":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7fabb151"}],"tag":"bc2963ca","listMetadata":"7af3d485"},"/blog/tags/v-1-7-3-ad3":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2b57f11c"}],"tag":"1da03b6e","listMetadata":"ef29d456"},"/blog/tags/v-1-8-0-731":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"}],"tag":"b1a7cc4f","listMetadata":"1b46b7b2"},"/blog/tags/v-1-8-1-b14":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"607ffa29"}],"tag":"8d28d1a4","listMetadata":"de19d829"},"/blog/tags/v-1-8-2-cdf":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"}],"tag":"3b5e9e49","listMetadata":"5a0ca8ee"},"/blog/tags/v-1-8-3-c77":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"438d502f"}],"tag":"e77da4a7","listMetadata":"0cf2b9e9"},"/blog/tags/v-1-9-0-87e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"603d5c5e"}],"tag":"b10c749b","listMetadata":"9a99d86c"},"/blog/tags/v-1-9-1-4e2":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"55660876"}],"tag":"d866ce1d","listMetadata":"7f0e19fe"},"/blog/tags/v-1-9-2-734":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6a57455"}],"tag":"6248578f","listMetadata":"ebc527d7"},"/blog/tags/v-1-9-3-b94":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ec76938d"}],"tag":"5f9d70bf","listMetadata":"a90470d6"},"/blog/tags/v-1-9-4-9cf":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c58e7149"}],"tag":"ded0f91d","listMetadata":"2b1be5da"},"/blog/tags/v-1-9-5-d99":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8ca237b8"}],"tag":"880e6c0d","listMetadata":"6df517ec"},"/blog/tags/v-2-0-0-af8":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"0f414ed2"}],"tag":"dea46713","listMetadata":"c9f7b092"},"/blog/tags/v-2-1-0-b81":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4f6ad63b"}],"tag":"564ef0d1","listMetadata":"3d5fb097"},"/blog/tags/v-2-2-0-acd":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"20cb0e42"}],"tag":"26c29946","listMetadata":"8fefa7d7"},"/blog/tags/v-2-2-1-9ca":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"9e66a4d2"}],"tag":"9db56040","listMetadata":"6b169607"},"/blog/tags/v-3-0-0-1d3":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"}],"tag":"f90f0f8a","listMetadata":"1a0ff04e"},"/search-9da":{"__comp":"1a4e3797","__context":{"plugin":"6e53b1b2"}},"/-7c3":{"__comp":"c4f5d8e4","__context":{"plugin":"a8c5bdfb"},"config":"5e9f5e1a"},"/-0d8":{"__comp":"1be78505","__context":{"plugin":"4d82bccb"},"versionMetadata":"935f2afb"},"/components/accordion-777":{"__comp":"17896441","content":"2510c43f"},"/components/alerts-d52":{"__comp":"17896441","content":"3b64e0ac"},"/components/badge-f8c":{"__comp":"17896441","content":"a05f678e"},"/components/breadcrumb-dd7":{"__comp":"17896441","content":"b5288141"},"/components/buttons-695":{"__comp":"17896441","content":"dbe8cc63"},"/components/callout-bea":{"__comp":"17896441","content":"51d6be5f"},"/components/card-23f":{"__comp":"17896441","content":"61658309"},"/components/charts-a58":{"__comp":"17896441","content":"3d9e9914"},"/components/collapse-90b":{"__comp":"17896441","content":"667a4431"},"/components/confirm-dialog-7a2":{"__comp":"17896441","content":"efa07cd5"},"/components/dropdown-758":{"__comp":"17896441","content":"88608b5d"},"/components/grid-6c2":{"__comp":"17896441","content":"28293836"},"/components/modal-220":{"__comp":"17896441","content":"bb807953"},"/components/offcanvas-318":{"__comp":"17896441","content":"20b54e65"},"/components/pagination-1c7":{"__comp":"17896441","content":"6600a909"},"/components/pdf-viewer-531":{"__comp":"17896441","content":"40cfbd3b"},"/components/placeholders-0b6":{"__comp":"17896441","content":"5050c89c"},"/components/preload-216":{"__comp":"17896441","content":"2aa4da01"},"/components/progress-a5a":{"__comp":"17896441","content":"47c689b7"},"/components/ribbon-075":{"__comp":"17896441","content":"188d80a9"},"/components/script-loader-c25":{"__comp":"17896441","content":"1df2ac0f"},"/components/sidebar-e4d":{"__comp":"17896441","content":"8f38113f"},"/components/sidebar2-fc1":{"__comp":"17896441","content":"ea94c85a"},"/components/sortable-list-a8d":{"__comp":"17896441","content":"b17af68e"},"/components/spinners-2f7":{"__comp":"17896441","content":"f2f259dc"},"/components/tabs-5a8":{"__comp":"17896441","content":"c8cb7a76"},"/components/toasts-e34":{"__comp":"17896441","content":"865c0ce4"},"/components/tooltips-0fd":{"__comp":"17896441","content":"c190ea02"},"/content/icons-c79":{"__comp":"17896441","content":"c18cbc7b"},"/data-visualization/bar-chart-a0a":{"__comp":"17896441","content":"4c198d7d"},"/data-visualization/doughnut-chart-f01":{"__comp":"17896441","content":"24728d82"},"/data-visualization/line-chart-3b1":{"__comp":"17896441","content":"43a942ce"},"/data-visualization/pie-chart-bb2":{"__comp":"17896441","content":"2df031cd"},"/forms/autocomplete-049":{"__comp":"17896441","content":"06e625b9"},"/forms/currency-input-100":{"__comp":"17896441","content":"a2df1de6"},"/forms/date-input-a04":{"__comp":"17896441","content":"1677a4a2"},"/forms/number-input-fed":{"__comp":"17896441","content":"2a6d8460"},"/forms/range-input-ebf":{"__comp":"17896441","content":"418e6329"},"/forms/switch-2e2":{"__comp":"17896441","content":"e859a84e"},"/forms/time-input-801":{"__comp":"17896441","content":"84e13b25"},"/getting-started/blazor-server-net-6-4c9":{"__comp":"17896441","content":"ed7465b6"},"/getting-started/blazor-server-net-7-87d":{"__comp":"17896441","content":"15b77f5e"},"/getting-started/blazor-webapp-auto-global-net-8-866":{"__comp":"17896441","content":"afb75713"},"/getting-started/blazor-webapp-server-global-net-8-15a":{"__comp":"17896441","content":"e33bb20e"},"/getting-started/blazor-webassembly-net-6-c96":{"__comp":"17896441","content":"4caacf91"},"/getting-started/blazor-webassembly-net-7-c59":{"__comp":"17896441","content":"c291da80"},"/getting-started/blazor-webassembly-net-8-dad":{"__comp":"17896441","content":"ebf22c80"},"/getting-started/maui-blazor-net-7-f9b":{"__comp":"17896441","content":"92a91303"},"/getting-started/maui-blazor-net-8-f72":{"__comp":"17896441","content":"d39f9a0e"},"/layout/blazor-server-1a5":{"__comp":"17896441","content":"15d6b0c8"},"/layout/blazor-webassembly-cd3":{"__comp":"17896441","content":"4fea1e02"},"/services/modal-064":{"__comp":"17896441","content":"817026f7"}}')}},e=>{e.O(0,[40532],(()=>{return t=97221,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/assets/js/main.81edd333.js b/assets/js/main.81edd333.js
new file mode 100644
index 000000000..7ab6d8b9f
--- /dev/null
+++ b/assets/js/main.81edd333.js
@@ -0,0 +1,2 @@
+/*! For license information please see main.81edd333.js.LICENSE.txt */
+(self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[]).push([[40179],{723:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var a=n(67294),o=n(87462),r=n(68356),i=n.n(r),l=n(16887);const s={"011603b0":[()=>n.e(45813).then(n.t.bind(n,41727,19)),"~blog/default/blog-tags-v-1-10-2-99c-list.json",41727],"0181f2cb":[()=>n.e(52866).then(n.t.bind(n,3260,19)),"~blog/default/blog-tags-switch-f2b-list.json",3260],"01a2ac95":[()=>n.e(15901).then(n.t.bind(n,62346,19)),"~blog/default/blog-tags-blazor-bootstrap-7ba-list.json",62346],"01a85c17":[()=>Promise.all([n.e(40532),n.e(64013)]).then(n.bind(n,91223)),"@theme/BlogTagsListPage",91223],"035b69b8":[()=>n.e(34449).then(n.t.bind(n,78078,19)),"~blog/default/blog-tags-v-1-10-1-2a4.json",78078],"039704c0":[()=>n.e(82263).then(n.bind(n,45741)),"@site/blog/2023-01-15-blazorbootstrap-1.4.0.md",45741],"03c55790":[()=>n.e(76743).then(n.t.bind(n,61758,19)),"~blog/default/blog-tags-blazornumber-7d7.json",61758],"040fb835":[()=>n.e(73404).then(n.t.bind(n,88091,19)),"~blog/default/blog-tags-v-1-3-1-93b-list.json",88091],"0534b071":[()=>n.e(61528).then(n.t.bind(n,54732,19)),"~blog/default/blog-tags-bootstrap-page-3-cf7-list.json",54732],"0545a2b1":[()=>n.e(78121).then(n.bind(n,64444)),"@site/blog/2023-04-24-blazorbootstrap-1.7.2.md",64444],"06e625b9":[()=>n.e(99023).then(n.bind(n,75390)),"@site/docs/04-forms/autocomplete.mdx",75390],"07e55142":[()=>n.e(72475).then(n.t.bind(n,42269,19)),"~blog/default/blog-tags-sidebar-184-list.json",42269],"0892d6c1":[()=>n.e(79035).then(n.t.bind(n,63053,19)),"~blog/default/blog-tags-blazorbootstrap-bbf-list.json",63053],"08d0e930":[()=>n.e(92718).then(n.t.bind(n,38124,19)),"~blog/default/blog-tags-datepicker-461.json",38124],"09d3d068":[()=>n.e(74462).then(n.t.bind(n,44170,19)),"~blog/default/blog-tags-blazormodal-942.json",44170],"0ae61aaa":[()=>n.e(80086).then(n.bind(n,64006)),"@site/blog/2023-03-05-blazorbootstrap-1.5.0.md?truncated=true",64006],"0b020564":[()=>n.e(9837).then(n.t.bind(n,69481,19)),"~blog/default/blog-tags-blazor-currency-input-d3d-list.json",69481],"0c7ad285":[()=>n.e(46263).then(n.t.bind(n,18380,19)),"~blog/default/blog-tags-bootstrap-5-page-3-9a5.json",18380],"0cefe2d9":[()=>n.e(30017).then(n.bind(n,21906)),"@site/blog/2023-02-10-blazorbootstrap-1.4.4.md",21906],"0cf2b9e9":[()=>n.e(57608).then(n.t.bind(n,12660,19)),"~blog/default/blog-tags-v-1-8-3-3ea-list.json",12660],"0d245dbf":[()=>n.e(45754).then(n.t.bind(n,2591,19)),"~blog/default/blog-tags-layout-60a-list.json",2591],"0d3f967b":[()=>n.e(39319).then(n.t.bind(n,68540,19)),"~blog/default/blog-tags-v-1-5-0-f15-list.json",68540],"0e20fd69":[()=>n.e(98892).then(n.t.bind(n,42872,19)),"~blog/default/blog-tags-v-1-10-2-99c.json",42872],"0f414ed2":[()=>n.e(14912).then(n.bind(n,7515)),"@site/blog/2024-02-25-blazorbootstrap-2.0.0.md?truncated=true",7515],"0f4f349d":[()=>n.e(7559).then(n.t.bind(n,88336,19)),"~blog/default/blog-tags-blazorcurrencyinput-216.json",88336],"0f528560":[()=>n.e(42047).then(n.t.bind(n,66550,19)),"~blog/default/blog-tags-blazor-dialog-fe2.json",66550],"10e280b7":[()=>n.e(8947).then(n.bind(n,57583)),"@site/blog/2023-03-05-blazorbootstrap-1.5.0.md",57583],"11043a74":[()=>n.e(93487).then(n.t.bind(n,67011,19)),"~blog/default/blog-tags-blazor-templates-07c.json",67011],11136457:[()=>n.e(6831).then(n.t.bind(n,54170,19)),"~blog/default/blog-tags-blazortimeinput-190.json",54170],"11438bab":[()=>n.e(9830).then(n.t.bind(n,9502,19)),"~blog/default/blog-tags-timepicker-8a7.json",9502],"11bebdb7":[()=>n.e(57447).then(n.bind(n,90833)),"@site/blog/2022-08-31-blazorbootstrap-0.3.0.md",90833],"11ce4159":[()=>n.e(1531).then(n.t.bind(n,75034,19)),"~blog/default/blog-page-5-c6b.json",75034],"1207b46c":[()=>n.e(74826).then(n.t.bind(n,82774,19)),"~blog/default/blog-tags-dropdown-baa.json",82774],"121f8027":[()=>n.e(58765).then(n.t.bind(n,67222,19)),"~blog/default/blog-tags-blazor-autocomplete-30a.json",67222],"12e9876c":[()=>n.e(54301).then(n.t.bind(n,36320,19)),"~blog/default/blog-tags-blazorbootstrap-page-6-976.json",36320],"13b82006":[()=>n.e(23704).then(n.t.bind(n,63132,19)),"~blog/default/blog-tags-v-1-4-1-1b8-list.json",63132],"14b4a23d":[()=>n.e(7004).then(n.t.bind(n,55826,19)),"~blog/default/blog-tags-date-b43-list.json",55826],"14e63915":[()=>n.e(97951).then(n.bind(n,48411)),"@site/blog/2022-11-28-blazorbootstrap-1.1.0.md?truncated=true",48411],"14f7618e":[()=>n.e(97475).then(n.bind(n,84881)),"@site/docs/03-content/images.mdx",84881],"15b77f5e":[()=>n.e(63490).then(n.bind(n,54269)),"@site/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx",54269],"15d6b0c8":[()=>n.e(70057).then(n.bind(n,27885)),"@site/docs/02-layout/getting-started-server.mdx",27885],"15e5d693":[()=>n.e(7910).then(n.t.bind(n,49435,19)),"~blog/default/blog-tags-tab-c79-list.json",49435],"164c056e":[()=>n.e(41092).then(n.t.bind(n,27120,19)),"~blog/default/blog-tags-bootstrap-5-83b.json",27120],"1677a4a2":[()=>n.e(94026).then(n.bind(n,13372)),"@site/docs/04-forms/date-input.mdx",13372],"16b9d05c":[()=>n.e(87622).then(n.t.bind(n,16806,19)),"~blog/default/blog-tags-blazorcurrencyinput-216-list.json",16806],"16f9f312":[()=>n.e(87575).then(n.t.bind(n,2495,19)),"~blog/default/blog-tags-layout-60a.json",2495],17896441:[()=>Promise.all([n.e(40532),n.e(88105),n.e(27918)]).then(n.bind(n,78945)),"@theme/DocItem",78945],"17c709c3":[()=>n.e(85027).then(n.t.bind(n,23533,19)),"~blog/default/blog-tags-blazormodalservice-f26-list.json",23533],"180751f5":[()=>n.e(36627).then(n.t.bind(n,21438,19)),"~blog/default/blog-tags-image-bfd-list.json",21438],"181510e2":[()=>n.e(98883).then(n.bind(n,89716)),"@site/blog/2022-01-15-blazorbootstrap-0.2.0.md",89716],"188d80a9":[()=>n.e(87753).then(n.bind(n,959)),"@site/docs/05-components/ribbon.mdx",959],18902662:[()=>n.e(6923).then(n.t.bind(n,11290,19)),"~blog/default/blog-tags-bootstrap-5-page-3-9a5-list.json",11290],"18cfdffd":[()=>n.e(35414).then(n.bind(n,67326)),"@site/blog/2023-07-05-blazorbootstrap-1.9.4.md",67326],"1967d15c":[()=>n.e(50863).then(n.bind(n,67730)),"@site/blog/2022-03-15-blazorbootstrap-0.2.2.md?truncated=true",67730],"196f397f":[()=>n.e(3947).then(n.t.bind(n,12268,19)),"~blog/default/blog-tags-chart-68d-list.json",12268],"19a72e94":[()=>n.e(13234).then(n.t.bind(n,45782,19)),"~blog/default/blog-tags-v-0-0-4-0c3.json",45782],"1a0ff04e":[()=>n.e(119).then(n.t.bind(n,64297,19)),"~blog/default/blog-tags-v-3-0-0-c46-list.json",64297],"1a4e3797":[()=>Promise.all([n.e(40532),n.e(97920)]).then(n.bind(n,51473)),"@theme/SearchPage",51473],"1af83003":[()=>n.e(38829).then(n.t.bind(n,1344,19)),"~blog/default/blog-tags-blazor-grid-filtering-95a.json",1344],"1b1fc741":[()=>n.e(55352).then(n.t.bind(n,61217,19)),"~blog/default/blog-tags-collapse-d38.json",61217],"1b46b7b2":[()=>n.e(43849).then(n.t.bind(n,23604,19)),"~blog/default/blog-tags-v-1-8-0-878-list.json",23604],"1b490e8c":[()=>n.e(1939).then(n.bind(n,87872)),"@site/blog/2024-07-01-blazorbootstrap-3.0.0-preview.2.md",87872],"1bb3337b":[()=>n.e(78197).then(n.t.bind(n,19613,19)),"~blog/default/blog-tags-blazor-tabs-daf.json",19613],"1be78505":[()=>Promise.all([n.e(40532),n.e(29514)]).then(n.bind(n,19963)),"@theme/DocPage",19963],"1c90b3d5":[()=>n.e(50032).then(n.t.bind(n,47398,19)),"~blog/default/blog-tags-toasts-927-list.json",47398],"1d662c92":[()=>n.e(98589).then(n.t.bind(n,49256,19)),"~blog/default/blog-tags-callout-c99.json",49256],"1da03b6e":[()=>n.e(19029).then(n.t.bind(n,91395,19)),"~blog/default/blog-tags-v-1-7-3-e99.json",91395],"1dce3cd0":[()=>n.e(83607).then(n.t.bind(n,46918,19)),"~blog/default/blog-tags-blazor-doughnut-chart-f06-list.json",46918],"1def58c2":[()=>n.e(87374).then(n.t.bind(n,10925,19)),"~blog/default/blog-tags-blazor-offcanvas-05e.json",10925],"1df2ac0f":[()=>n.e(31784).then(n.bind(n,9765)),"@site/docs/05-components/script-loader.mdx",9765],"1e1322a7":[()=>n.e(45856).then(n.t.bind(n,51614,19)),"~blog/default/blog-tags-v-1-4-3-68a.json",51614],"20526fb6":[()=>n.e(13242).then(n.t.bind(n,59443,19)),"~blog/default/blog-tags-blazordropdown-efe.json",59443],"20574a6b":[()=>n.e(95237).then(n.t.bind(n,20193,19)),"~blog/default/blog-tags-v-0-0-1-eb6-list.json",20193],"20607c6d":[()=>n.e(42855).then(n.t.bind(n,74469,19)),"~blog/default/blog-tags-v-1-11-1-ca0.json",74469],"20b2c3da":[()=>n.e(55220).then(n.t.bind(n,1320,19)),"~blog/default/blog-tags-blazor-grid-paging-041-list.json",1320],"20b54e65":[()=>n.e(7167).then(n.bind(n,31650)),"@site/docs/05-components/offcanvas.mdx",31650],"20cb0e42":[()=>n.e(87883).then(n.bind(n,90790)),"@site/blog/2024-04-14-blazorbootstrap-2.2.0.md?truncated=true",90790],21730098:[()=>n.e(11885).then(n.t.bind(n,93976,19)),"~blog/default/blog-tags-blazordropdown-efe-list.json",93976],"21e232c9":[()=>n.e(78440).then(n.t.bind(n,86649,19)),"~blog/default/blog-tags-buttons-c7b-list.json",86649],"21ed22b9":[()=>n.e(82961).then(n.t.bind(n,26871,19)),"~blog/default/blog-tags-icon-3e2.json",26871],"236ae2fb":[()=>n.e(14029).then(n.bind(n,77271)),"@site/blog/2023-05-31-blazorbootstrap-1.8.1.md",77271],"239dc3b3":[()=>n.e(4028).then(n.t.bind(n,17061,19)),"~blog/default/blog-tags-blazortimeinput-190-list.json",17061],"23d0bf4c":[()=>n.e(4327).then(n.t.bind(n,29116,19)),"~blog/default/blog-tags-v-0-0-2-89a-list.json",29116],"23ee00d3":[()=>n.e(69177).then(n.t.bind(n,71345,19)),"~blog/default/blog-tags-blazor-currency-input-d3d.json",71345],24031443:[()=>n.e(71975).then(n.t.bind(n,12725,19)),"~blog/default/blog-tags-blazor-preload-b3e.json",12725],"2411581e":[()=>n.e(24707).then(n.t.bind(n,53204,19)),"~blog/default/blog-tags-blazorbreadcrumb-e44-list.json",53204],"242463c5":[()=>n.e(12571).then(n.t.bind(n,91985,19)),"~blog/default/blog-tags-confirm-dialog-bb7.json",91985],"24728d82":[()=>n.e(73269).then(n.bind(n,72661)),"@site/docs/06-data-visualization/doughnut-chart.mdx",72661],"2484c010":[()=>n.e(43392).then(n.t.bind(n,36834,19)),"~blog/default/blog-tags-bootstrap-5-83b-list.json",36834],"24ba83d0":[()=>n.e(4787).then(n.t.bind(n,96670,19)),"~blog/default/blog-tags-v-1-4-2-974.json",96670],"250e887a":[()=>n.e(52430).then(n.t.bind(n,93602,19)),"~blog/default/blog-tags-blazorbuttons-928-list.json",93602],"2510c43f":[()=>n.e(22965).then(n.bind(n,33051)),"@site/docs/05-components/accordion.mdx",33051],"25453f66":[()=>n.e(2276).then(n.t.bind(n,48514,19)),"~blog/default/blog-tags-v-1-4-1-1b8.json",48514],"26c29946":[()=>n.e(79649).then(n.t.bind(n,37791,19)),"~blog/default/blog-tags-v-2-2-0-a95.json",37791],"26c7220a":[()=>n.e(41787).then(n.t.bind(n,80225,19)),"~blog/default/blog-tags-v-0-2-4-574.json",80225],"277d94b9":[()=>n.e(47263).then(n.t.bind(n,38314,19)),"~blog/default/blog-tags-timeinput-8d8-list.json",38314],28293836:[()=>n.e(21100).then(n.bind(n,38238)),"@site/docs/05-components/grid.mdx",38238],"283e4c74":[()=>n.e(30407).then(n.t.bind(n,234,19)),"~blog/default/blog-tags-confirmmodal-840-list.json",234],"28bbf54b":[()=>n.e(14540).then(n.t.bind(n,94828,19)),"~blog/default/blog-tags-v-0-3-0-521-list.json",94828],"28c92665":[()=>n.e(37306).then(n.t.bind(n,22267,19)),"~blog/default/blog-tags-currencyinput-bd1-list.json",22267],"28db7278":[()=>n.e(86321).then(n.t.bind(n,54540,19)),"~blog/default/blog-tags-blazor-page-5-3a8.json",54540],"28dc5477":[()=>n.e(84837).then(n.bind(n,83964)),"@site/blog/2023-02-23-blazorbootstrap-1.4.5.md",83964],"28e1ccb8":[()=>n.e(13543).then(n.t.bind(n,15864,19)),"~blog/default/blog-tags-rangeinput-176.json",15864],"299fc7bb":[()=>n.e(58014).then(n.t.bind(n,80665,19)),"~blog/default/blog-tags-blazordateinput-aeb.json",80665],"29d77e1a":[()=>n.e(90556).then(n.t.bind(n,87982,19)),"~blog/default/blog-tags-blazorconfirmmodal-770.json",87982],"29d85d16":[()=>n.e(28557).then(n.t.bind(n,50422,19)),"~blog/default/blog-tags-v-1-4-3-68a-list.json",50422],"2a00c8eb":[()=>n.e(76274).then(n.t.bind(n,61303,19)),"~blog/default/blog-tags-blazor-progress-bar-74e-list.json",61303],"2a6d8460":[()=>n.e(22506).then(n.bind(n,83582)),"@site/docs/04-forms/number-input.mdx",83582],"2a709cc5":[()=>n.e(84515).then(n.t.bind(n,31103,19)),"~blog/default/blog-tags-barchart-e05.json",31103],"2aa4da01":[()=>n.e(58746).then(n.bind(n,13792)),"@site/docs/05-components/preload.mdx",13792],"2aac0be0":[()=>n.e(28482).then(n.t.bind(n,24856,19)),"~blog/default/blog-tags-v-1-5-0-f15.json",24856],"2acd8f77":[()=>n.e(98973).then(n.t.bind(n,34149,19)),"~blog/default/blog-tags-blazornumberinput-21b.json",34149],"2adf1c07":[()=>n.e(90438).then(n.t.bind(n,65860,19)),"~blog/default/blog-tags-blazoroffcanvas-e89-list.json",65860],"2b1be5da":[()=>n.e(52961).then(n.t.bind(n,59790,19)),"~blog/default/blog-tags-v-1-9-4-ca4-list.json",59790],"2b57f11c":[()=>n.e(82660).then(n.bind(n,63101)),"@site/blog/2023-04-29-blazorbootstrap-1.7.3.md?truncated=true",63101],"2b5ffb63":[()=>n.e(72793).then(n.bind(n,66598)),"@site/blog/2021-12-20-blazorbootstrap-0.1.0.md",66598],"2c43b6e6":[()=>n.e(72434).then(n.t.bind(n,49120,19)),"~blog/default/blog-tags-collapse-d38-list.json",49120],"2c615316":[()=>n.e(71886).then(n.bind(n,40720)),"@site/blog/2024-01-01-blazorbootstrap-1.10.5.md?truncated=true",40720],"2d59857d":[()=>n.e(9797).then(n.bind(n,3060)),"@site/blog/2022-07-28-blazorbootstrap-0.2.5.md?truncated=true",3060],"2ddd21c8":[()=>n.e(52791).then(n.bind(n,59247)),"@site/blog/2022-10-30-blazorbootstrap-0.6.0.md?truncated=true",59247],"2de3c7dd":[()=>n.e(71092).then(n.t.bind(n,93242,19)),"~blog/default/blog-tags-v-1-10-3-214-list.json",93242],"2df031cd":[()=>n.e(6918).then(n.bind(n,17486)),"@site/docs/06-data-visualization/pie-chart.mdx",17486],"2f6b0f5e":[()=>n.e(35846).then(n.t.bind(n,79794,19)),"~blog/default/blog-tags-blazorbreadcrumb-e44.json",79794],"2f805fa7":[()=>n.e(86508).then(n.t.bind(n,23554,19)),"~blog/default/blog-tags-v-0-4-2-d17.json",23554],"2fdecb40":[()=>n.e(12646).then(n.bind(n,49217)),"@site/blog/2023-04-19-blazorbootstrap-1.7.1.md",49217],"3116eef9":[()=>n.e(20878).then(n.bind(n,26106)),"@site/blog/2024-02-25-blazorbootstrap-2.0.0.md",26106],"313e4a52":[()=>n.e(74236).then(n.bind(n,1734)),"@site/blog/2023-02-07-blazorbootstrap-1.4.3.md",1734],"3175c707":[()=>n.e(37796).then(n.bind(n,97815)),"@site/blog/2022-12-15-blazorbootstrap-1.3.0.md",97815],"319cc750":[()=>n.e(64920).then(n.bind(n,51060)),"@site/blog/2023-01-23-blazorbootstrap-1.4.1.md?truncated=true",51060],"31f38213":[()=>n.e(41493).then(n.t.bind(n,31281,19)),"~blog/default/blog-tags-blazorprogress-a58-list.json",31281],"3395500b":[()=>n.e(9894).then(n.t.bind(n,43484,19)),"~blog/default/blog-tags-blazorgrid-page-2-6ed-list.json",43484],"35cae203":[()=>n.e(36128).then(n.t.bind(n,84016,19)),"~blog/default/blog-tags-rangeinput-176-list.json",84016],"35f8a6bb":[()=>n.e(20330).then(n.t.bind(n,68788,19)),"~blog/default/blog-tags-blazor-toasts-1db.json",68788],"36ea0dff":[()=>n.e(39645).then(n.t.bind(n,85655,19)),"~blog/default/blog-tags-v-1-11-0-4e3-list.json",85655],"3786937c":[()=>n.e(16645).then(n.t.bind(n,26690,19)),"~blog/default/blog-tags-v-0-6-0-ac0-list.json",26690],"37e1ef48":[()=>n.e(24391).then(n.bind(n,78104)),"@site/blog/2021-12-08-blazorbootstrap-0.0.3.md?truncated=true",78104],38980570:[()=>n.e(22950).then(n.t.bind(n,21077,19)),"~blog/default/blog-tags-blazorbadge-dcd-list.json",21077],"38f13464":[()=>n.e(66192).then(n.t.bind(n,9364,19)),"~blog/default/blog-tags-v-0-5-1-740.json",9364],"3910f4a5":[()=>n.e(11165).then(n.bind(n,34329)),"@site/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md",34329],"3935a6ea":[()=>n.e(45083).then(n.bind(n,2759)),"@site/blog/2022-02-27-blazorbootstrap-0.2.1.md",2759],"39d010a5":[()=>n.e(8141).then(n.t.bind(n,25141,19)),"~blog/default/blog-tags-v-1-11-0-4e3.json",25141],"3a3dec98":[()=>n.e(28616).then(n.t.bind(n,64653,19)),"~blog/default/blog-tags-leftmenu-2f9.json",64653],"3b5e9e49":[()=>n.e(12581).then(n.t.bind(n,21480,19)),"~blog/default/blog-tags-v-1-8-2-379.json",21480],"3b64e0ac":[()=>n.e(1749).then(n.bind(n,8944)),"@site/docs/05-components/alerts.mdx",8944],"3b9b4f03":[()=>n.e(35612).then(n.t.bind(n,79185,19)),"~blog/default/blog-tags-autocomplete-978.json",79185],"3b9f38f1":[()=>n.e(96894).then(n.t.bind(n,66351,19)),"~blog/default/blog-tags-dialog-112.json",66351],"3caae09a":[()=>n.e(1707).then(n.t.bind(n,10638,19)),"~blog/default/blog-tags-blazor-sidemodal-4fd.json",10638],"3cda21e2":[()=>n.e(63054).then(n.t.bind(n,35255,19)),"~blog/default/blog-tags-bootstrap-079-list.json",35255],"3ce4b4a2":[()=>n.e(6991).then(n.t.bind(n,5464,19)),"~blog/default/blog-tags-blazor-progress-bar-74e.json",5464],"3d5fb097":[()=>n.e(48975).then(n.t.bind(n,62988,19)),"~blog/default/blog-tags-v-2-1-0-80b-list.json",62988],"3d9e9914":[()=>n.e(6333).then(n.bind(n,93773)),"@site/docs/05-components/charts.mdx",93773],"3e108416":[()=>n.e(20069).then(n.bind(n,26205)),"@site/blog/2023-11-18-blazorbootstrap-1.10.4.md?truncated=true",26205],"3f376e35":[()=>n.e(50458).then(n.t.bind(n,17413,19)),"~blog/default/blog-tags-pdfviewer-757-list.json",17413],"3feae84c":[()=>n.e(93350).then(n.bind(n,10663)),"@site/blog/2022-09-12-blazorbootstrap-0.4.1.md",10663],"4049a23c":[()=>n.e(61390).then(n.t.bind(n,97808,19)),"~blog/default/blog-tags-currencyinput-bd1.json",97808],"4072d3a5":[()=>n.e(56247).then(n.t.bind(n,73087,19)),"~blog/default/blog-tags-pagination-7fb.json",73087],"40cfbd3b":[()=>n.e(65811).then(n.bind(n,24116)),"@site/docs/05-components/pdf-viewer.mdx",24116],"40d8e2b3":[()=>n.e(45331).then(n.t.bind(n,80909,19)),"~blog/default/blog-tags-v-0-2-0-1b4.json",80909],"4168486f":[()=>n.e(6174).then(n.t.bind(n,27038,19)),"~blog/default/blog-tags-v-0-0-3-9c2-list.json",27038],"418e6329":[()=>n.e(63253).then(n.bind(n,48569)),"@site/docs/04-forms/range-input.mdx",48569],"4191886d":[()=>n.e(74071).then(n.bind(n,44509)),"@site/blog/2022-12-12-blazorbootstrap-1.2.0.md?truncated=true",44509],"42d0e7ee":[()=>n.e(20701).then(n.t.bind(n,16439,19)),"~blog/default/blog-tags-blazor-templates-07c-list.json",16439],"438d502f":[()=>n.e(18718).then(n.bind(n,30186)),"@site/blog/2023-06-16-blazorbootstrap-1.8.3.md?truncated=true",30186],"43a942ce":[()=>n.e(18367).then(n.bind(n,41151)),"@site/docs/06-data-visualization/line-chart.mdx",41151],"43e49ae4":[()=>n.e(43264).then(n.t.bind(n,45268,19)),"~blog/default/blog-tags-v-0-2-6-c75-list.json",45268],"446a706f":[()=>n.e(85677).then(n.t.bind(n,19389,19)),"~blog/default/blog-tags-confirmdialog-6e1.json",19389],"44ac4dbb":[()=>n.e(77142).then(n.t.bind(n,90399,19)),"~blog/default/blog-page-6-772.json",90399],"4576cdd1":[()=>n.e(34310).then(n.t.bind(n,15016,19)),"~blog/default/blog-tags-alert-863-list.json",15016],"45b7b7e3":[()=>n.e(9992).then(n.t.bind(n,54911,19)),"~blog/default/blog-tags-v-0-2-2-f33-list.json",54911],46038721:[()=>n.e(56325).then(n.t.bind(n,61397,19)),"~blog/default/blog-tags-grid-page-3-bac-list.json",61397],"46c5e377":[()=>n.e(17678).then(n.bind(n,67758)),"@site/blog/2022-09-12-blazorbootstrap-0.4.1.md?truncated=true",67758],"479494e2":[()=>n.e(97967).then(n.t.bind(n,62989,19)),"~blog/default/blog-tags-blazormodalservice-f26.json",62989],47976586:[()=>n.e(69165).then(n.t.bind(n,96101,19)),"~blog/default/blog-tags-blazordialog-b7a.json",96101],"47a09aa0":[()=>n.e(61703).then(n.t.bind(n,10446,19)),"~blog/default/blog-tags-v-1-2-0-655-list.json",10446],"47c689b7":[()=>n.e(26936).then(n.bind(n,2653)),"@site/docs/05-components/progress.mdx",2653],"484f1eb1":[()=>n.e(43504).then(n.t.bind(n,10376,19)),"~blog/default/blog-tags-blazortooltip-eb6.json",10376],"4abe9ec0":[()=>n.e(35990).then(n.t.bind(n,9721,19)),"~blog/default/blog-tags-v-0-0-4-0c3-list.json",9721],"4afe9451":[()=>n.e(47398).then(n.t.bind(n,29082,19)),"~blog/default/blog-tags-button-f47-list.json",29082],"4beefa9e":[()=>n.e(52870).then(n.bind(n,46658)),"@site/blog/2022-09-17-blazorbootstrap-0.4.2.md",46658],"4c198d7d":[()=>n.e(98581).then(n.bind(n,90624)),"@site/docs/06-data-visualization/bar-chart.mdx",90624],"4caacf91":[()=>n.e(82418).then(n.bind(n,78837)),"@site/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx",78837],"4cc136b8":[()=>n.e(3992).then(n.bind(n,42174)),"@site/blog/2024-03-17-blazorbootstrap-2.1.0.md",42174],"4d098111":[()=>n.e(1624).then(n.t.bind(n,83771,19)),"~blog/default/blog-tags-spinner-166.json",83771],"4d57dccd":[()=>n.e(26878).then(n.t.bind(n,10066,19)),"~blog/default/blog-tags-blazor-page-3-130.json",10066],"4d82bccb":[()=>n.e(73423).then(n.t.bind(n,83769,19)),"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/.docusaurus/docusaurus-plugin-content-docs/default/plugin-route-context-module-100.json",83769],"4db6149d":[()=>n.e(16268).then(n.bind(n,28530)),"@site/blog/2023-10-15-blazorbootstrap-1.10.3.md",28530],"4de1de0e":[()=>n.e(97177).then(n.t.bind(n,65533,19)),"~blog/default/blog-tags-progress-9f6.json",65533],"4de4c9a7":[()=>n.e(22259).then(n.t.bind(n,23156,19)),"~blog/default/blog-tags-blazorbootstrap-page-3-a86.json",23156],"4f538bc3":[()=>n.e(70585).then(n.t.bind(n,72325,19)),"~blog/default/blog-tags-blazorbootstrap-page-2-41f-list.json",72325],"4f6ad63b":[()=>n.e(5852).then(n.bind(n,85582)),"@site/blog/2024-03-17-blazorbootstrap-2.1.0.md?truncated=true",85582],"4f704b11":[()=>n.e(82157).then(n.t.bind(n,21581,19)),"~blog/default/blog-tags-v-0-2-0-1b4-list.json",21581],"4fda10a6":[()=>n.e(50591).then(n.t.bind(n,48657,19)),"~blog/default/blog-tags-sidebar-2-d02-list.json",48657],"4fea1e02":[()=>n.e(13939).then(n.bind(n,68963)),"@site/docs/02-layout/getting-started-webassembly.mdx",68963],"4fece664":[()=>n.e(46594).then(n.t.bind(n,12912,19)),"~blog/default/blog-tags-placeholders-367-list.json",12912],"501dd65a":[()=>n.e(85005).then(n.t.bind(n,4726,19)),"~blog/default/blog-tags-chart-68d.json",4726],"5049c6f3":[()=>n.e(83622).then(n.bind(n,58424)),"@site/blog/2023-08-13-blazorbootstrap-1.10.0.md",58424],"5050c89c":[()=>n.e(67015).then(n.bind(n,23764)),"@site/docs/05-components/placeholders.mdx",23764],"50782da8":[()=>n.e(3335).then(n.t.bind(n,37661,19)),"~blog/default/blog-tags-blazor-pie-chart-fcc.json",37661],"509c2304":[()=>n.e(65102).then(n.bind(n,64385)),"@site/blog/2023-02-23-blazorbootstrap-1.4.5.md?truncated=true",64385],"50f7351d":[()=>n.e(78912).then(n.t.bind(n,17900,19)),"~blog/default/blog-tags-accordion-ff6-list.json",17900],"510cc2fd":[()=>n.e(23957).then(n.t.bind(n,48054,19)),"~blog/default/blog-tags-bootstrap-page-2-d2d.json",48054],"51c5a72b":[()=>n.e(61463).then(n.bind(n,76916)),"@site/blog/2023-04-10-blazorbootstrap-1.7.0.md?truncated=true",76916],"51d0b3fd":[()=>n.e(7390).then(n.t.bind(n,55010,19)),"~blog/default/blog-tags-modalservice-cf0-list.json",55010],"51d6be5f":[()=>n.e(85313).then(n.bind(n,59279)),"@site/docs/05-components/callout.mdx",59279],"51ebc1da":[()=>n.e(18924).then(n.t.bind(n,99348,19)),"~blog/default/blog-tags-blazorbutton-ad5.json",99348],52099127:[()=>n.e(41426).then(n.t.bind(n,94708,19)),"~blog/default/blog-page-7-af4.json",94708],"522d13a5":[()=>n.e(83872).then(n.bind(n,78970)),"@site/blog/2023-04-19-blazorbootstrap-1.7.1.md?truncated=true",78970],"536fd30c":[()=>n.e(93003).then(n.t.bind(n,4911,19)),"~blog/default/blog-tags-blazorbootstrap-bbf.json",4911],"53e4311e":[()=>n.e(17476).then(n.t.bind(n,53032,19)),"~blog/default/blog-tags-blazoraccordion-82e.json",53032],"54cd9b03":[()=>n.e(22880).then(n.t.bind(n,36859,19)),"~blog/default/blog-tags-blazor-bootstrap-7ba.json",36859],"552dddd4":[()=>n.e(88956).then(n.bind(n,41554)),"@site/blog/2024-04-14-blazorbootstrap-2.2.0.md",41554],55660876:[()=>n.e(32297).then(n.bind(n,66195)),"@site/blog/2023-06-31-blazorbootstrap-1.9.1.md?truncated=true",66195],"556ab74e":[()=>n.e(88884).then(n.t.bind(n,35396,19)),"~blog/default/blog-tags-modalservice-cf0.json",35396],"557bafbc":[()=>n.e(2474).then(n.t.bind(n,99136,19)),"~blog/default/blog-tags-breadcrumbservice-fb0-list.json",99136],"564ef0d1":[()=>n.e(69884).then(n.t.bind(n,26922,19)),"~blog/default/blog-tags-v-2-1-0-80b.json",26922],"57048dd6":[()=>n.e(24684).then(n.t.bind(n,46851,19)),"~blog/default/blog-tags-blazorgrid-page-2-6ed.json",46851],"583ae9c8":[()=>n.e(98236).then(n.t.bind(n,25606,19)),"~blog/default/blog-tags-blazor-page-4-fce-list.json",25606],"58bc14be":[()=>n.e(53826).then(n.t.bind(n,48355,19)),"~blog/default/blog-tags-confirmmodal-840.json",48355],"58eac2a0":[()=>n.e(48428).then(n.t.bind(n,81892,19)),"~blog/default/blog-tags-blazordate-8ac-list.json",81892],"58f0103d":[()=>n.e(1347).then(n.t.bind(n,64185,19)),"~blog/default/blog-tags-scriptloader-ca6-list.json",64185],"594cee0b":[()=>n.e(56977).then(n.t.bind(n,89129,19)),"~blog/default/blog-tags-blazordatepicker-cd6.json",89129],"595de7e8":[()=>n.e(76826).then(n.t.bind(n,6096,19)),"~blog/default/blog-tags-v-1-10-4-f34.json",6096],"597697a2":[()=>n.e(30687).then(n.t.bind(n,92944,19)),"~blog/default/blog-tags-v-1-10-4-f34-list.json",92944],"599ec0be":[()=>n.e(72086).then(n.bind(n,17040)),"@site/blog/2021-12-21-blazorbootstrap-0.1.1.md?truncated=true",17040],"5a0ca8ee":[()=>n.e(81182).then(n.t.bind(n,13234,19)),"~blog/default/blog-tags-v-1-8-2-379-list.json",13234],"5a62bd6d":[()=>n.e(34519).then(n.t.bind(n,319,19)),"~blog/default/blog-tags-accordion-ff6.json",319],"5be3a4b7":[()=>n.e(74439).then(n.t.bind(n,22900,19)),"~blog/default/blog-tags-v-0-2-2-f33.json",22900],"5c0657f8":[()=>n.e(51704).then(n.t.bind(n,92932,19)),"~blog/default/blog-tags-blazor-page-2-34d-list.json",92932],"5c423d58":[()=>n.e(34418).then(n.t.bind(n,40266,19)),"~blog/default/blog-tags-blazor-toast-41c.json",40266],"5c71eb6d":[()=>n.e(3036).then(n.bind(n,2829)),"@site/blog/2023-03-12-blazorbootstrap-1.6.0.md",2829],"5c8d0ad0":[()=>n.e(1215).then(n.bind(n,83819)),"@site/blog/2022-11-18-blazorbootstrap-1.0.0.md?truncated=true",83819],"5d0c85b2":[()=>n.e(25538).then(n.t.bind(n,15095,19)),"~blog/default/blog-tags-toasts-927.json",15095],"5d18866d":[()=>n.e(87844).then(n.bind(n,94528)),"@site/blog/2022-07-28-blazorbootstrap-0.2.5.md",94528],"5d4df2ae":[()=>n.e(82133).then(n.t.bind(n,24469,19)),"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",24469],"5d8db735":[()=>n.e(42315).then(n.t.bind(n,55951,19)),"~blog/default/blog-tags-blazortime-fd5-list.json",55951],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,36809)),"@generated/docusaurus.config",36809],"5f680611":[()=>n.e(5972).then(n.bind(n,37425)),"@site/blog/2023-05-28-blazorbootstrap-1.8.0.md?truncated=true",37425],"5f9d70bf":[()=>n.e(79708).then(n.t.bind(n,14382,19)),"~blog/default/blog-tags-v-1-9-3-fe0.json",14382],60364395:[()=>n.e(43087).then(n.t.bind(n,47191,19)),"~blog/default/blog-tags-blazor-starter-templates-3e2.json",47191],"603d5c5e":[()=>n.e(49297).then(n.bind(n,10223)),"@site/blog/2023-06-30-blazorbootstrap-1.9.0.md?truncated=true",10223],"603d9b1e":[()=>n.e(16732).then(n.t.bind(n,95915,19)),"~blog/default/blog-tags-v-1-10-0-82a-list.json",95915],60524120:[()=>n.e(44156).then(n.t.bind(n,23480,19)),"~blog/default/blog-tags-blazor-spinner-4f6-list.json",23480],"60627ebe":[()=>n.e(27402).then(n.t.bind(n,17482,19)),"~blog/default/blog-tags-blazor-grid-filtering-95a-list.json",17482],"6066c36b":[()=>n.e(54035).then(n.bind(n,47275)),"@site/blog/2023-07-16-blazorbootstrap-1.9.5.md",47275],"607cc1d2":[()=>n.e(90367).then(n.t.bind(n,61641,19)),"~blog/default/blog-tags-blazor-bar-chart-4ea-list.json",61641],"607ffa29":[()=>n.e(14523).then(n.bind(n,23521)),"@site/blog/2023-05-31-blazorbootstrap-1.8.1.md?truncated=true",23521],"60e65f9f":[()=>n.e(66058).then(n.t.bind(n,99996,19)),"~blog/default/blog-tags-v-1-10-5-430-list.json",99996],"61165c7c":[()=>n.e(47927).then(n.t.bind(n,83225,19)),"~blog/default/blog-tags-bootstrap-page-4-ad0.json",83225],61658309:[()=>n.e(10453).then(n.bind(n,81459)),"@site/docs/05-components/card.mdx",81459],"621307e9":[()=>n.e(61993).then(n.t.bind(n,32129,19)),"~blog/default/blog-tags-blazor-sidemodal-4fd-list.json",32129],"6248578f":[()=>n.e(7866).then(n.t.bind(n,99434,19)),"~blog/default/blog-tags-v-1-9-2-7a2.json",99434],"6260a561":[()=>n.e(17757).then(n.t.bind(n,51636,19)),"~blog/default/blog-tags-blazor-dialog-fe2-list.json",51636],"630e76c4":[()=>n.e(56599).then(n.t.bind(n,22012,19)),"~blog/default/blog-tags-blazor-charts-ccd-list.json",22012],"632b38e8":[()=>n.e(21177).then(n.t.bind(n,35124,19)),"~blog/default/blog-tags-blazorautocomplete-b63.json",35124],"6413176f":[()=>n.e(36584).then(n.bind(n,42643)),"@site/blog/2023-08-29-blazorbootstrap-1.10.1.md?truncated=true",42643],"6468aa87":[()=>n.e(91286).then(n.t.bind(n,83844,19)),"~blog/default/blog-tags-spinner-166-list.json",83844],"64707dcd":[()=>n.e(41916).then(n.bind(n,76723)),"@site/blog/2024-02-04-blazorbootstrap-1.11.1.md",76723],"64c9b997":[()=>n.e(46933).then(n.bind(n,67009)),"@site/blog/2023-09-15-blazorbootstrap-1.10.2.md",67009],"64d9bfb5":[()=>n.e(52447).then(n.t.bind(n,11119,19)),"~blog/default/blog-tags-blazorconfirmdialog-64c.json",11119],"654cb705":[()=>n.e(46930).then(n.bind(n,21998)),"@site/blog/2023-02-07-blazorbootstrap-1.4.3.md?truncated=true",21998],"655dea51":[()=>n.e(97666).then(n.bind(n,65825)),"@site/blog/2023-01-15-blazorbootstrap-1.4.0.md?truncated=true",65825],"6600a909":[()=>n.e(80313).then(n.bind(n,3755)),"@site/docs/05-components/pagination.mdx",3755],"662ff2e0":[()=>n.e(67918).then(n.bind(n,61819)),"@site/blog/2022-11-28-blazorbootstrap-1.1.0.md",61819],"6640fb70":[()=>n.e(59334).then(n.t.bind(n,54223,19)),"~blog/default/blog-tags-modal-page-2-978.json",54223],"66664ddd":[()=>n.e(79527).then(n.t.bind(n,52764,19)),"~blog/default/blog-tags-grid-page-2-0d9.json",52764],"667a4431":[()=>n.e(86244).then(n.bind(n,7749)),"@site/docs/05-components/collapse.mdx",7749],"66896e8e":[()=>n.e(36092).then(n.t.bind(n,57241,19)),"~blog/default/blog-tags-breadcrumb-9bb.json",57241],"67da9612":[()=>n.e(20090).then(n.t.bind(n,83945,19)),"~blog/default/blog-tags-icons-c8e.json",83945],"6875c492":[()=>Promise.all([n.e(40532),n.e(88105),n.e(46048),n.e(48610)]).then(n.bind(n,41714)),"@theme/BlogTagsPostsPage",41714],"691f3895":[()=>n.e(47044).then(n.t.bind(n,32173,19)),"~blog/default/blog-tags-blazortime-fd5.json",32173],"69acfe84":[()=>n.e(65262).then(n.t.bind(n,49628,19)),"~blog/default/blog-tags-confirmdialog-6e1-list.json",49628],"69f51295":[()=>n.e(55794).then(n.t.bind(n,5781,19)),"~blog/default/blog-tags-docs-61c.json",5781],"6a2ba06a":[()=>n.e(78407).then(n.t.bind(n,24122,19)),"~blog/default/blog-tags-blazor-grid-sorting-3d5-list.json",24122],"6ac8108a":[()=>n.e(4928).then(n.t.bind(n,82507,19)),"~blog/default/blog-tags-v-1-11-1-ca0-list.json",82507],"6ac87ca2":[()=>n.e(36613).then(n.bind(n,95181)),"@site/blog/2024-02-04-blazorbootstrap-1.11.0.md?truncated=true",95181],"6b169607":[()=>n.e(75988).then(n.t.bind(n,88878,19)),"~blog/default/blog-tags-v-2-2-1-cf7-list.json",88878],"6c7a9e34":[()=>n.e(30606).then(n.t.bind(n,49793,19)),"~blog/default/blog-tags-v-1-3-1-93b.json",49793],"6d6db813":[()=>n.e(13486).then(n.t.bind(n,82251,19)),"~blog/default/blog-tags-blazortoasts-0d8.json",82251],"6df517ec":[()=>n.e(12469).then(n.t.bind(n,48616,19)),"~blog/default/blog-tags-v-1-9-5-c61-list.json",48616],"6e4acec0":[()=>n.e(89761).then(n.t.bind(n,33880,19)),"~blog/default/blog-tags-offcanvas-ecd.json",33880],"6e53b1b2":[()=>n.e(62845).then(n.t.bind(n,12776,19)),"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/.docusaurus/@easyops-cn/docusaurus-search-local/default/plugin-route-context-module-100.json",12776],"6e560a53":[()=>n.e(78602).then(n.t.bind(n,28331,19)),"~blog/default/blog-tags-blazorsidebar-fab.json",28331],"6f1ace75":[()=>n.e(26586).then(n.t.bind(n,44865,19)),"~blog/default/blog-tags-numberinput-ca7.json",44865],"6f58f824":[()=>n.e(92911).then(n.t.bind(n,36949,19)),"~blog/default/blog-tags-callout-c99-list.json",36949],70853425:[()=>n.e(23662).then(n.t.bind(n,64803,19)),"~blog/default/blog-tags-v-0-2-6-c75.json",64803],"709b8fca":[()=>n.e(14e3).then(n.bind(n,28129)),"@site/blog/2024-02-25-upgrade-to-v2.0.0.md",28129],"715d24f4":[()=>n.e(42211).then(n.t.bind(n,25442,19)),"~blog/default/blog-tags-blazor-progress-e03-list.json",25442],"715f34df":[()=>n.e(98650).then(n.t.bind(n,68290,19)),"~blog/default/blog-tags-input-a25-list.json",68290],"723c0db3":[()=>n.e(89117).then(n.t.bind(n,33223,19)),"~blog/default/blog-tags-navigation-84c.json",33223],"726ced83":[()=>n.e(24581).then(n.t.bind(n,27618,19)),"~blog/default/blog-tags-blazor-number-input-834.json",27618],"731d3a21":[()=>n.e(81385).then(n.t.bind(n,54693,19)),"~blog/default/blog-tags-v-1-4-2-974-list.json",54693],"746d5920":[()=>n.e(94375).then(n.t.bind(n,93018,19)),"~blog/default/blog-tags-modal-e6f.json",93018],"7483fa27":[()=>n.e(70924).then(n.bind(n,54181)),"@site/blog/2024-02-25-upgrade-to-v2.0.0.md?truncated=true",54181],"74aa9bd3":[()=>n.e(99631).then(n.t.bind(n,86348,19)),"~blog/default/blog-tags-v-1-4-5-2bb-list.json",86348],"75119bec":[()=>n.e(60364).then(n.bind(n,42653)),"@site/blog/2022-12-12-blazorbootstrap-1.2.0.md",42653],"7521c638":[()=>n.e(67788).then(n.t.bind(n,54509,19)),"~blog/default/blog-tags-v-0-2-5-203-list.json",54509],"75f4ac3a":[()=>n.e(40582).then(n.t.bind(n,93180,19)),"~blog/default/blog-tags-scriptloader-ca6.json",93180],"7656d80a":[()=>n.e(79165).then(n.bind(n,99819)),"@site/blog/2021-11-27-blazorbootstrap-0.0.2.md",99819],"769aeadf":[()=>n.e(56058).then(n.t.bind(n,38609,19)),"~blog/default/blog-tags-blazorbuttons-928.json",38609],"76fef7fc":[()=>n.e(71882).then(n.t.bind(n,10990,19)),"~blog/default/blog-tags-grid-a3a-list.json",10990],"77dd4733":[()=>n.e(95721).then(n.bind(n,44467)),"@site/blog/2022-10-22-blazorbootstrap-0.5.1.md",44467],"781d0cc3":[()=>n.e(22376).then(n.t.bind(n,99401,19)),"~blog/default/blog-tags-blazor-spinner-4f6.json",99401],"78e78061":[()=>n.e(40275).then(n.t.bind(n,1848,19)),"~blog/default/blog-tags-blazor-input-8a0.json",1848],"7955821b":[()=>n.e(74361).then(n.t.bind(n,51919,19)),"~blog/default/blog-tags-blazoraccordion-82e-list.json",51919],"79effc5f":[()=>n.e(29578).then(n.t.bind(n,17623,19)),"~blog/default/blog-tags-v-0-1-1-ca6.json",17623],"7a27bb07":[()=>n.e(77760).then(n.t.bind(n,16466,19)),"~blog/default/blog-tags-blazoricon-443.json",16466],"7a62d0ee":[()=>n.e(68867).then(n.t.bind(n,59190,19)),"~blog/default/blog-tags-blazor-number-763-list.json",59190],"7a8c297b":[()=>n.e(14084).then(n.t.bind(n,81678,19)),"~blog/default/blog-tags-blazorswitch-82d.json",81678],"7af3d485":[()=>n.e(69591).then(n.t.bind(n,73673,19)),"~blog/default/blog-tags-v-1-7-2-ff0-list.json",73673],"7b38df15":[()=>n.e(68957).then(n.t.bind(n,69670,19)),"~blog/default/blog-tags-blazorbadge-dcd.json",69670],"7bc2fe32":[()=>n.e(64277).then(n.bind(n,69408)),"@site/blog/2023-02-10-blazorbootstrap-1.4.4.md?truncated=true",69408],"7c4d5511":[()=>n.e(1517).then(n.t.bind(n,15731,19)),"~blog/default/blog-tags-v-1-10-1-2a4-list.json",15731],"7c5d2905":[()=>n.e(54433).then(n.bind(n,34974)),"@site/blog/2022-10-16-blazorbootstrap-0.5.0.md?truncated=true",34974],"7c656ec4":[()=>n.e(25697).then(n.t.bind(n,94026,19)),"~blog/default/blog-tags-bootstrap-5-page-2-454-list.json",94026],"7cb7ecf0":[()=>n.e(10622).then(n.t.bind(n,61718,19)),"~blog/default/blog-tags-grid-page-3-bac.json",61718],"7cda228d":[()=>n.e(91082).then(n.t.bind(n,55602,19)),"~blog/default/blog-tags-dateinput-a59-list.json",55602],"7ced60eb":[()=>n.e(4535).then(n.t.bind(n,20349,19)),"~blog/default/blog-tags-v-1-6-0-a7e.json",20349],"7d8e90a7":[()=>n.e(95517).then(n.bind(n,75047)),"@site/blog/2023-09-15-blazorbootstrap-1.10.2.md?truncated=true",75047],"7d9726a8":[()=>n.e(7429).then(n.t.bind(n,89494,19)),"~blog/default/blog-page-4-30b.json",89494],"7e5cd4e7":[()=>n.e(62259).then(n.t.bind(n,9864,19)),"~blog/default/blog-tags-blazorbootstrap-page-6-976-list.json",9864],"7ec9e121":[()=>n.e(3477).then(n.t.bind(n,4321,19)),"~blog/default/blog-tags-blazor-confirm-dialog-556.json",4321],"7f0e19fe":[()=>n.e(80856).then(n.t.bind(n,22294,19)),"~blog/default/blog-tags-v-1-9-1-41b-list.json",22294],"7f7a074d":[()=>n.e(68182).then(n.t.bind(n,46654,19)),"~blog/default/blog-tags-v-0-2-5-203.json",46654],"7fabb151":[()=>n.e(44902).then(n.bind(n,13509)),"@site/blog/2023-04-24-blazorbootstrap-1.7.2.md?truncated=true",13509],"7fb1abc1":[()=>n.e(82479).then(n.t.bind(n,43588,19)),"~blog/default/blog-tags-v-0-3-0-521.json",43588],"7fd37e65":[()=>n.e(3625).then(n.t.bind(n,50519,19)),"~blog/default/blog-tags-blazorsidebar-fab-list.json",50519],"7ff7fcc0":[()=>n.e(11426).then(n.t.bind(n,22121,19)),"~blog/default/blog-tags-input-a25.json",22121],"80410c2f":[()=>n.e(13868).then(n.bind(n,75637)),"@site/blog/2022-02-27-blazorbootstrap-0.2.1.md?truncated=true",75637],"80b861cf":[()=>n.e(32360).then(n.t.bind(n,56772,19)),"~blog/default/blog-tags-v-0-0-1-eb6.json",56772],"80c9cbbd":[()=>n.e(29498).then(n.t.bind(n,50200,19)),"~blog/default/blog-tags-breadcrumb-9bb-list.json",50200],"814f3328":[()=>n.e(52535).then(n.t.bind(n,45641,19)),"~blog/default/blog-post-list-prop-default.json",45641],"817026f7":[()=>n.e(96536).then(n.bind(n,53335)),"@site/docs/07-services/modal.mdx",53335],82555221:[()=>n.e(54697).then(n.bind(n,47271)),"@site/blog/2023-08-29-blazorbootstrap-1.10.1.md",47271],"825a6483":[()=>n.e(89791).then(n.t.bind(n,98122,19)),"~blog/default/blog-tags-blazor-0c3.json",98122],82686804:[()=>n.e(67024).then(n.t.bind(n,97509,19)),"~blog/default/blog-tags-blazornumber-7d7-list.json",97509],"826b3f99":[()=>n.e(60269).then(n.t.bind(n,77225,19)),"~blog/default/blog-tags-tab-c79.json",77225],"828618cd":[()=>n.e(33965).then(n.bind(n,31398)),"@site/blog/2023-06-16-blazorbootstrap-1.8.3.md",31398],"82b4d5aa":[()=>n.e(50789).then(n.t.bind(n,42497,19)),"~blog/default/blog-tags-v-1-10-3-214.json",42497],"8336dd36":[()=>n.e(57955).then(n.t.bind(n,16110,19)),"~blog/default/blog-tags-v-1-0-1-8d6.json",16110],"8350469a":[()=>n.e(81238).then(n.t.bind(n,65761,19)),"~blog/default/blog-tags-tooltip-aff-list.json",65761],"84b40e91":[()=>n.e(51921).then(n.t.bind(n,24436,19)),"~blog/default/blog-tags-blazorbootstrap-starter-templates-c71.json",24436],"84defe9f":[()=>n.e(77703).then(n.t.bind(n,82390,19)),"~blog/default/blog-tags-blazor-offcanvas-05e-list.json",82390],"84e13b25":[()=>n.e(93550).then(n.bind(n,53892)),"@site/docs/04-forms/time-input.mdx",53892],"852aa2d6":[()=>n.e(67964).then(n.bind(n,99740)),"@site/blog/2023-06-31-blazorbootstrap-1.9.1.md",99740],"857ae68f":[()=>n.e(12487).then(n.bind(n,80649)),"@site/blog/2024-04-21-blazorbootstrap-2.2.1.md",80649],"85b1c86a":[()=>n.e(41691).then(n.t.bind(n,78159,19)),"~blog/default/blog-tags-blazor-page-4-fce.json",78159],"85d5052b":[()=>n.e(69657).then(n.t.bind(n,49786,19)),"~blog/default/blog-tags-preload-22c.json",49786],"865c0ce4":[()=>n.e(82096).then(n.bind(n,60439)),"@site/docs/05-components/toasts.mdx",60439],"86e32e70":[()=>n.e(55711).then(n.t.bind(n,39497,19)),"~blog/default/blog-tags-badge-5b0-list.json",39497],"880e6c0d":[()=>n.e(58933).then(n.t.bind(n,30856,19)),"~blog/default/blog-tags-v-1-9-5-c61.json",30856],"88608b5d":[()=>n.e(38537).then(n.bind(n,50512)),"@site/docs/05-components/dropdown.mdx",50512],"8910cc41":[()=>n.e(48518).then(n.t.bind(n,43623,19)),"~blog/default/blog-tags-blazor-charts-ccd.json",43623],"891bc1a1":[()=>n.e(4433).then(n.t.bind(n,13215,19)),"~blog/default/blog-tags-blazor-toasts-1db-list.json",13215],"89c38cd0":[()=>n.e(66723).then(n.t.bind(n,50149,19)),"~blog/default/blog-tags-ribbon-1e4-list.json",50149],"8ac1728c":[()=>n.e(14187).then(n.t.bind(n,72492,19)),"~blog/default/blog-tags-blazortabs-ba9-list.json",72492],"8b4680a8":[()=>n.e(2056).then(n.t.bind(n,52146,19)),"~blog/default/blog-tags-blazorbootstrap-page-7-e44.json",52146],"8ca237b8":[()=>n.e(68042).then(n.bind(n,71439)),"@site/blog/2023-07-16-blazorbootstrap-1.9.5.md?truncated=true",71439],"8cb736e6":[()=>n.e(42331).then(n.t.bind(n,89089,19)),"~blog/default/blog-tags-v-0-5-1-740-list.json",89089],"8cbb11df":[()=>n.e(77296).then(n.t.bind(n,39751,19)),"~blog/default/blog-tags-blazorbutton-ad5-list.json",39751],"8d28d1a4":[()=>n.e(58484).then(n.t.bind(n,18736,19)),"~blog/default/blog-tags-v-1-8-1-9cf.json",18736],"8dc79d0f":[()=>n.e(81018).then(n.bind(n,32512)),"@site/blog/2023-10-15-blazorbootstrap-1.10.3.md?truncated=true",32512],"8dcdb7d3":[()=>n.e(75455).then(n.t.bind(n,17999,19)),"~blog/default/blog-tags-date-b43.json",17999],"8eb4e46b":[()=>n.e(10001).then(n.t.bind(n,82638,19)),"~blog/default/blog-page-2-677.json",82638],"8ec2cf6c":[()=>n.e(242).then(n.t.bind(n,50602,19)),"~blog/default/blog-tags-blazorbootstrap-page-3-a86-list.json",50602],"8ee50342":[()=>n.e(52278).then(n.bind(n,98155)),"@site/blog/2022-10-16-blazorbootstrap-0.5.0.md",98155],"8f1e4f29":[()=>n.e(35391).then(n.t.bind(n,7996,19)),"~blog/default/blog-tags-v-0-1-1-ca6-list.json",7996],"8f38113f":[()=>n.e(84214).then(n.bind(n,48030)),"@site/docs/05-components/sidebar.mdx",48030],"8fd56d8d":[()=>n.e(53488).then(n.bind(n,31365)),"@site/blog/2022-12-18-blazorbootstrap-1.3.1.md?truncated=true",31365],"8fee25ed":[()=>n.e(71187).then(n.t.bind(n,10668,19)),"~blog/default/blog-tags-blazorprogress-a58.json",10668],"8fefa7d7":[()=>n.e(98704).then(n.t.bind(n,51580,19)),"~blog/default/blog-tags-v-2-2-0-a95-list.json",51580],"8ff92596":[()=>n.e(69770).then(n.t.bind(n,22762,19)),"~blog/default/blog-tags-v-0-4-0-3b1.json",22762],"90283a90":[()=>n.e(54179).then(n.t.bind(n,21123,19)),"~blog/default/blog-tags-bootstrap-page-4-ad0-list.json",21123],"90d44a4a":[()=>n.e(46753).then(n.t.bind(n,89395,19)),"~blog/default/blog-tags-breadcrumbservice-fb0.json",89395],"91092bcb":[()=>n.e(88177).then(n.t.bind(n,51916,19)),"~blog/default/blog-tags-blazorconfirmdialog-64c-list.json",51916],"91c1b3da":[()=>n.e(67815).then(n.t.bind(n,46784,19)),"~blog/default/blog-tags-navigation-84c-list.json",46784],"927171ec":[()=>n.e(67698).then(n.t.bind(n,27955,19)),"~blog/default/blog-tags-blazortoasts-0d8-list.json",27955],"92999a1c":[()=>n.e(18442).then(n.t.bind(n,15310,19)),"~blog/default/blog-page-3-fd4.json",15310],"92a91303":[()=>n.e(41646).then(n.bind(n,37505)),"@site/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx",37505],"935f2afb":[()=>n.e(80053).then(n.t.bind(n,1109,19)),"~docs/default/version-current-metadata-prop-751.json",1109],"9395941f":[()=>n.e(61124).then(n.t.bind(n,47174,19)),"~blog/default/blog-tags-blazordatepicker-cd6-list.json",47174],"93da849d":[()=>n.e(75683).then(n.t.bind(n,80457,19)),"~blog/default/blog-tags-blazor-grid-sorting-3d5.json",80457],"946a1545":[()=>n.e(23592).then(n.bind(n,96094)),"@site/blog/2021-12-12-blazorbootstrap-0.0.4.md?truncated=true",96094],"94ba6861":[()=>n.e(68581).then(n.t.bind(n,27823,19)),"~blog/default/blog-tags-grid-a3a.json",27823],"960c6bd8":[()=>n.e(41913).then(n.t.bind(n,4785,19)),"~blog/default/blog-tags-v-1-4-0-a7e.json",4785],"9614ca7b":[()=>n.e(74895).then(n.bind(n,13774)),"@site/blog/2022-08-13-blazorbootstrap-0.2.6.md",13774],"961dfa7e":[()=>n.e(35081).then(n.bind(n,79200)),"@site/blog/2024-07-01-blazorbootstrap-3.0.0-preview.2.md?truncated=true",79200],"97491c67":[()=>n.e(2703).then(n.t.bind(n,10733,19)),"~blog/default/blog-tags-datepicker-461-list.json",10733],"97e00a59":[()=>n.e(197).then(n.t.bind(n,38763,19)),"~blog/default/blog-tags-icon-3e2-list.json",38763],"97ec44a3":[()=>n.e(26086).then(n.bind(n,59230)),"@site/blog/2022-01-15-blazorbootstrap-0.2.0.md?truncated=true",59230],"9962ee1e":[()=>n.e(62359).then(n.t.bind(n,57986,19)),"~blog/default/blog-tags-icons-c8e-list.json",57986],"99d1d0f5":[()=>n.e(19508).then(n.t.bind(n,65352,19)),"~blog/default/blog-tags-v-1-3-0-ed5-list.json",65352],"9a2f6742":[()=>n.e(74951).then(n.t.bind(n,78310,19)),"~blog/default/blog-tags-dateinput-a59.json",78310],"9a99d86c":[()=>n.e(26824).then(n.t.bind(n,89992,19)),"~blog/default/blog-tags-v-1-9-0-a71-list.json",89992],"9b1f0615":[()=>n.e(32885).then(n.t.bind(n,63938,19)),"~blog/default/blog-tags-blazorgrid-152.json",63938],"9cc7e160":[()=>n.e(77194).then(n.t.bind(n,90519,19)),"~blog/default/blog-tags-blazorswitch-82d-list.json",90519],"9d07e165":[()=>n.e(33394).then(n.bind(n,28996)),"@site/blog/2022-11-18-blazorbootstrap-1.0.0.md",28996],"9d6c73db":[()=>n.e(96968).then(n.t.bind(n,54513,19)),"~blog/default/blog-tags-blazor-toast-41c-list.json",54513],"9db56040":[()=>n.e(42151).then(n.t.bind(n,5813,19)),"~blog/default/blog-tags-v-2-2-1-cf7.json",5813],"9e4087bc":[()=>n.e(53608).then(n.bind(n,63169)),"@theme/BlogArchivePage",63169],"9e46ffba":[()=>n.e(53493).then(n.t.bind(n,92106,19)),"~blog/default/blog-tags-blazorconfirmmodal-770-list.json",92106],"9e66a4d2":[()=>n.e(17693).then(n.bind(n,49601)),"@site/blog/2024-04-21-blazorbootstrap-2.2.1.md?truncated=true",49601],"9efcd135":[()=>n.e(40453).then(n.t.bind(n,18514,19)),"~blog/default/blog-tags-blazoroffcanvas-e89.json",18514],"9f3c7121":[()=>n.e(26556).then(n.t.bind(n,8322,19)),"~blog/default/blog-tags-dialog-112-list.json",8322],"9f5341a1":[()=>n.e(25827).then(n.t.bind(n,10296,19)),"~blog/default/blog-tags-blazor-bar-chart-4ea.json",10296],a05f678e:[()=>n.e(97161).then(n.bind(n,82367)),"@site/docs/05-components/badge.mdx",82367],a15968c9:[()=>n.e(69694).then(n.bind(n,80450)),"@site/blog/2022-03-15-blazorbootstrap-0.2.2.md",80450],a15b54fa:[()=>n.e(78726).then(n.t.bind(n,89524,19)),"~blog/default/blog-tags-v-0-6-0-ac0.json",89524],a20900f1:[()=>n.e(46618).then(n.t.bind(n,92067,19)),"~blog/default/blog-tags-currency-893.json",92067],a2df1de6:[()=>n.e(59457).then(n.bind(n,99905)),"@site/docs/04-forms/currency-input.mdx",99905],a4463b46:[()=>n.e(54549).then(n.t.bind(n,9288,19)),"~blog/default/blog-tags-ribbon-1e4.json",9288],a48358a1:[()=>n.e(23009).then(n.t.bind(n,74567,19)),"~blog/default/blog-tags-v-0-5-0-f72.json",74567],a5a8063d:[()=>n.e(42084).then(n.bind(n,99413)),"@site/blog/2022-10-30-blazorbootstrap-0.6.0.md",99413],a6013ce6:[()=>n.e(94764).then(n.t.bind(n,24584,19)),"~blog/default/blog-tags-charts-85a-list.json",24584],a6aa9e1f:[()=>Promise.all([n.e(40532),n.e(88105),n.e(46048),n.e(93089)]).then(n.bind(n,80046)),"@theme/BlogListPage",80046],a6e99728:[()=>n.e(84564).then(n.t.bind(n,72190,19)),"~blog/default/blog-tags-v-0-0-3-9c2.json",72190],a7023ddc:[()=>n.e(11713).then(n.t.bind(n,53457,19)),"~blog/default/blog-tags-tags-4c2.json",53457],a788ec2c:[()=>n.e(24974).then(n.t.bind(n,29805,19)),"~blog/default/blog-tags-v-1-6-0-a7e-list.json",29805],a7a5f7ce:[()=>n.e(95050).then(n.t.bind(n,97689,19)),"~blog/default/blog-tags-sidebar-2-d02.json",97689],a7fd264d:[()=>n.e(80218).then(n.t.bind(n,68792,19)),"~blog/default/blog-tags-toast-92e-list.json",68792],a8c5bdfb:[()=>n.e(78233).then(n.t.bind(n,15745,19)),"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",15745],a90470d6:[()=>n.e(62486).then(n.t.bind(n,47446,19)),"~blog/default/blog-tags-v-1-9-3-fe0-list.json",47446],a909bce2:[()=>n.e(98116).then(n.t.bind(n,30761,19)),"~blog/default/blog-tags-blazor-input-8a0-list.json",30761],a937b3a2:[()=>n.e(50644).then(n.t.bind(n,2458,19)),"~blog/default/blog-tags-progress-9f6-list.json",2458],aa493f4a:[()=>n.e(94575).then(n.bind(n,32104)),"@site/blog/2022-08-31-blazorbootstrap-0.3.0.md?truncated=true",32104],abc06963:[()=>n.e(69245).then(n.bind(n,90504)),"@site/blog/2022-12-15-blazorbootstrap-1.3.0.md?truncated=true",90504],adb7c9ff:[()=>n.e(34857).then(n.t.bind(n,56347,19)),"~blog/default/blog-tags-autocomplete-978-list.json",56347],ae632395:[()=>n.e(55205).then(n.t.bind(n,10334,19)),"~blog/default/blog-tags-tooltip-aff.json",10334],ae9bcc96:[()=>n.e(63135).then(n.t.bind(n,69897,19)),"~blog/default/blog-tags-pdfviewer-757.json",69897],afb75713:[()=>n.e(6063).then(n.bind(n,88367)),"@site/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx",88367],b03e4ecb:[()=>n.e(18823).then(n.bind(n,49516)),"@site/blog/2021-12-08-blazorbootstrap-0.0.3.md",49516],b1051041:[()=>n.e(7039).then(n.t.bind(n,37616,19)),"~blog/default/blog-tags-v-1-0-0-432-list.json",37616],b10c749b:[()=>n.e(23076).then(n.t.bind(n,35778,19)),"~blog/default/blog-tags-v-1-9-0-a71.json",35778],b11e89e5:[()=>n.e(29051).then(n.t.bind(n,42930,19)),"~blog/default/blog-tags-numberinput-ca7-list.json",42930],b176b560:[()=>n.e(92060).then(n.t.bind(n,20718,19)),"~blog/default/blog-tags-blazor-confirm-dialog-556-list.json",20718],b1780ee1:[()=>n.e(51657).then(n.t.bind(n,6918,19)),"~blog/default/blog-tags-v-1-7-0-8a0-list.json",6918],b17a40f7:[()=>n.e(50128).then(n.t.bind(n,39931,19)),"~blog/default/blog-tags-blazordateinput-aeb-list.json",39931],b17af68e:[()=>n.e(10074).then(n.bind(n,22469)),"@site/docs/05-components/sortable-list.mdx",22469],b1a7cc4f:[()=>n.e(81304).then(n.t.bind(n,28385,19)),"~blog/default/blog-tags-v-1-8-0-878.json",28385],b1dc83d9:[()=>n.e(10794).then(n.t.bind(n,83055,19)),"~blog/default/blog-tags-blazorbootstrap-page-5-336-list.json",83055],b2363121:[()=>n.e(70105).then(n.bind(n,81174)),"@site/blog/2022-08-13-blazorbootstrap-0.2.6.md?truncated=true",81174],b2b675dd:[()=>n.e(90533).then(n.t.bind(n,28017,19)),"~blog/default/blog-c06.json",28017],b2b73654:[()=>n.e(70110).then(n.t.bind(n,59155,19)),"~blog/default/blog-tags-v-1-1-0-2e8.json",59155],b2f554cd:[()=>n.e(11477).then(n.t.bind(n,30010,19)),"~blog/default/blog-archive-80c.json",30010],b329fb77:[()=>n.e(73178).then(n.t.bind(n,79871,19)),"~blog/default/blog-tags-blazorbootstrap-page-4-471.json",79871],b361ec9d:[()=>n.e(27715).then(n.t.bind(n,17807,19)),"~blog/default/blog-tags-v-1-4-5-2bb.json",17807],b3bcf9b5:[()=>n.e(12119).then(n.t.bind(n,36686,19)),"~blog/default/blog-tags-v-0-0-2-89a.json",36686],b3e33875:[()=>n.e(25768).then(n.t.bind(n,70041,19)),"~blog/default/blog-tags-blazor-pie-chart-fcc-list.json",70041],b4611217:[()=>n.e(69515).then(n.t.bind(n,89624,19)),"~blog/default/blog-tags-switch-f2b.json",89624],b5288141:[()=>n.e(50765).then(n.bind(n,60414)),"@site/docs/05-components/breadcrumb.mdx",60414],b53fbfdb:[()=>n.e(53250).then(n.t.bind(n,33591,19)),"~blog/default/blog-tags-input-number-fe8-list.json",33591],b5859c16:[()=>n.e(60761).then(n.t.bind(n,53721,19)),"~blog/default/blog-tags-blazor-0c3-list.json",53721],b5cfba5e:[()=>n.e(84767).then(n.t.bind(n,25804,19)),"~blog/default/blog-tags-blazorchart-cb0-list.json",25804],b6216f17:[()=>n.e(57243).then(n.t.bind(n,24633,19)),"~blog/default/blog-tags-modal-page-2-978-list.json",24633],b71701b4:[()=>n.e(8059).then(n.t.bind(n,20886,19)),"~blog/default/blog-tags-preload-22c-list.json",20886],b7f75ae4:[()=>n.e(16718).then(n.t.bind(n,57618,19)),"~blog/default/blog-tags-toastservice-084-list.json",57618],b8133b83:[()=>n.e(28354).then(n.t.bind(n,75776,19)),"~blog/default/blog-tags-v-0-1-0-f4e-list.json",75776],b9a852d0:[()=>n.e(16978).then(n.t.bind(n,35565,19)),"~blog/default/blog-tags-timeinput-8d8.json",35565],b9cc54fe:[()=>n.e(23923).then(n.t.bind(n,33686,19)),"~blog/default/blog-tags-v-1-7-1-d14.json",33686],ba6d458c:[()=>n.e(73510).then(n.bind(n,10415)),"@site/blog/2023-07-04-blazorbootstrap-1.9.3.md",10415],baed9087:[()=>n.e(99281).then(n.bind(n,99132)),"@site/blog/2023-04-29-blazorbootstrap-1.7.3.md",99132],bb807953:[()=>n.e(24918).then(n.bind(n,32344)),"@site/docs/05-components/modal.mdx",32344],bbe0b07b:[()=>n.e(39770).then(n.bind(n,80072)),"@site/blog/2022-12-18-blazorbootstrap-1.3.1.md",80072],bc2963ca:[()=>n.e(75414).then(n.t.bind(n,68106,19)),"~blog/default/blog-tags-v-1-7-2-ff0.json",68106],bd1bae9a:[()=>n.e(23367).then(n.t.bind(n,50218,19)),"~blog/default/blog-tags-blazorbootstrap-page-2-41f.json",50218],bd7b0a88:[()=>n.e(93454).then(n.t.bind(n,65576,19)),"~blog/default/blog-tags-v-1-3-0-ed5.json",65576],be39c62e:[()=>n.e(84993).then(n.t.bind(n,86976,19)),"~blog/default/blog-tags-v-0-2-1-c77.json",86976],bed1a6f9:[()=>n.e(28476).then(n.t.bind(n,87582,19)),"~blog/default/blog-tags-v-0-2-1-c77-list.json",87582],beea12d4:[()=>n.e(59531).then(n.bind(n,46660)),"@site/blog/2021-12-20-blazorbootstrap-0.1.0.md?truncated=true",46660],bf17d8c8:[()=>n.e(99255).then(n.t.bind(n,90951,19)),"~blog/default/blog-tags-blazorchart-cb0.json",90951],bf8fae8f:[()=>n.e(26444).then(n.t.bind(n,93504,19)),"~blog/default/blog-tags-blazorbootstrap-page-4-471-list.json",93504],c0c8a23a:[()=>n.e(34995).then(n.t.bind(n,2416,19)),"~blog/default/blog-tags-barchart-e05-list.json",2416],c116c874:[()=>n.e(76193).then(n.t.bind(n,51317,19)),"~blog/default/blog-tags-v-0-4-0-3b1-list.json",51317],c16d5092:[()=>n.e(51031).then(n.t.bind(n,89331,19)),"~blog/default/blog-tags-polarareachart-927-list.json",89331],c17e866f:[()=>n.e(46297).then(n.t.bind(n,86323,19)),"~blog/default/blog-tags-blazor-autocomplete-30a-list.json",86323],c18cbc7b:[()=>n.e(34904).then(n.bind(n,20891)),"@site/docs/03-content/icons.mdx",20891],c190ea02:[()=>n.e(95338).then(n.bind(n,80896)),"@site/docs/05-components/tooltips.mdx",80896],c219a4ea:[()=>n.e(15417).then(n.t.bind(n,56188,19)),"~blog/default/blog-tags-blazortoast-805.json",56188],c22a9ec7:[()=>n.e(34877).then(n.bind(n,63733)),"@site/blog/2023-06-11-blazorbootstrap-1.8.2.md?truncated=true",63733],c291da80:[()=>n.e(80254).then(n.bind(n,49564)),"@site/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx",49564],c2eb690c:[()=>n.e(49262).then(n.t.bind(n,39067,19)),"~blog/default/blog-tags-blazorbootstrap-page-5-336.json",39067],c4b1132f:[()=>n.e(75368).then(n.t.bind(n,39357,19)),"~blog/default/blog-tags-dropdown-baa-list.json",39357],c4f5d8e4:[()=>Promise.all([n.e(40532),n.e(64195)]).then(n.bind(n,59335)),"@site/src/pages/index.js",59335],c52bae0a:[()=>n.e(28617).then(n.t.bind(n,79895,19)),"~blog/default/blog-tags-v-1-4-4-b9d-list.json",79895],c5614c51:[()=>n.e(70420).then(n.t.bind(n,75006,19)),"~blog/default/blog-tags-blazorbootstrap-starter-templates-c71-list.json",75006],c5625ff5:[()=>n.e(95074).then(n.t.bind(n,90722,19)),"~blog/default/blog-tags-v-1-10-0-82a.json",90722],c58e7149:[()=>n.e(39856).then(n.bind(n,6222)),"@site/blog/2023-07-05-blazorbootstrap-1.9.4.md?truncated=true",6222],c6318e18:[()=>n.e(18663).then(n.bind(n,86505)),"@site/blog/2021-11-23-blazorbootstrap-0.0.1.md?truncated=true",86505],c65f2699:[()=>n.e(74534).then(n.t.bind(n,67938,19)),"~blog/default/blog-tags-confirm-dialog-bb7-list.json",67938],c673f71a:[()=>n.e(86831).then(n.bind(n,37777)),"@site/blog/2024-02-04-blazorbootstrap-1.11.0.md",37777],c6a57455:[()=>n.e(87538).then(n.bind(n,29603)),"@site/blog/2023-07-01-blazorbootstrap-1.9.2.md?truncated=true",29603],c76b299c:[()=>n.e(52421).then(n.t.bind(n,21279,19)),"~blog/default/blog-tags-v-0-4-1-b14-list.json",21279],c83a2893:[()=>n.e(49270).then(n.t.bind(n,17674,19)),"~blog/default/blog-tags-blazor-number-763.json",17674],c8ba346a:[()=>n.e(27479).then(n.t.bind(n,38689,19)),"~blog/default/blog-tags-leftmenu-2f9-list.json",38689],c8cb7a76:[()=>n.e(19089).then(n.bind(n,97667)),"@site/docs/05-components/tabs.mdx",97667],c999ff5b:[()=>n.e(48367).then(n.t.bind(n,20667,19)),"~blog/default/blog-tags-v-1-7-0-8a0.json",20667],c9f7b092:[()=>n.e(65552).then(n.t.bind(n,47023,19)),"~blog/default/blog-tags-v-2-0-0-440-list.json",47023],ca5ddc25:[()=>n.e(66882).then(n.t.bind(n,30146,19)),"~blog/default/blog-tags-bootstrap-page-3-cf7.json",30146],ca9d53ad:[()=>n.e(60013).then(n.bind(n,73473)),"@site/blog/2023-01-30-blazorbootstrap-1.4.2.md?truncated=true",73473],caa2721c:[()=>n.e(70852).then(n.t.bind(n,26470,19)),"~blog/default/blog-tags-charts-85a.json",26470],cb9c0be7:[()=>n.e(8760).then(n.bind(n,38561)),"@site/blog/2022-06-19-blazorbootstrap-0.2.4.md",38561],cc1a1680:[()=>n.e(48964).then(n.bind(n,62935)),"@site/blog/2023-01-23-blazorbootstrap-1.4.1.md",62935],cc9add59:[()=>n.e(36232).then(n.t.bind(n,55722,19)),"~blog/default/blog-tags-clipboard-a9f.json",55722],ccc49370:[()=>Promise.all([n.e(40532),n.e(88105),n.e(46048),n.e(46103)]).then(n.bind(n,65203)),"@theme/BlogPostPage",65203],ccd9f363:[()=>n.e(21823).then(n.t.bind(n,83663,19)),"~blog/default/blog-tags-toastservice-084.json",83663],cd4fd991:[()=>n.e(3988).then(n.t.bind(n,46495,19)),"~blog/default/blog-tags-blazorcollapse-421-list.json",46495],cfa57793:[()=>n.e(59331).then(n.t.bind(n,72616,19)),"~blog/default/blog-tags-grid-page-2-0d9-list.json",72616],cfc716d8:[()=>n.e(11046).then(n.t.bind(n,31586,19)),"~blog/default/blog-tags-tabs-969.json",31586],cfe8b84a:[()=>n.e(48343).then(n.t.bind(n,83591,19)),"~blog/default/blog-tags-v-1-0-0-432.json",83591],d072459e:[()=>n.e(1786).then(n.t.bind(n,55844,19)),"~blog/default/blog-tags-v-1-4-0-a7e-list.json",55844],d1831d2f:[()=>n.e(42913).then(n.t.bind(n,72765,19)),"~blog/default/blog-tags-blazortoast-805-list.json",72765],d1e90a87:[()=>n.e(31738).then(n.t.bind(n,32779,19)),"~blog/default/blog-tags-blazor-tabs-daf-list.json",32779],d39f9a0e:[()=>n.e(78751).then(n.bind(n,58748)),"@site/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx",58748],d42fcd53:[()=>n.e(22090).then(n.t.bind(n,5963,19)),"~blog/default/blog-tags-blazorautocomplete-b63-list.json",5963],d4d52611:[()=>n.e(59576).then(n.t.bind(n,68066,19)),"~blog/default/blog-tags-blazor-input-number-dc1.json",68066],d4fa5cbe:[()=>n.e(15064).then(n.t.bind(n,33672,19)),"~blog/default/blog-tags-modal-e6f-list.json",33672],d537fbe8:[()=>n.e(43495).then(n.t.bind(n,87911,19)),"~blog/default/blog-tags-blazor-starter-templates-3e2-list.json",87911],d618fd50:[()=>n.e(35898).then(n.t.bind(n,3234,19)),"~blog/default/blog-tags-v-1-0-1-8d6-list.json",3234],d62a7c49:[()=>n.e(63384).then(n.t.bind(n,14740,19)),"~blog/default/blog-tags-toast-92e.json",14740],d6eaa184:[()=>n.e(28481).then(n.t.bind(n,56120,19)),"~blog/default/blog-tags-alert-863.json",56120],d6f47703:[()=>n.e(47888).then(n.t.bind(n,81746,19)),"~blog/default/blog-tags-blazordialog-b7a-list.json",81746],d7b100b9:[()=>n.e(98716).then(n.bind(n,71182)),"@site/blog/2024-02-04-blazorbootstrap-1.11.1.md?truncated=true",71182],d7dbf226:[()=>n.e(54205).then(n.bind(n,77205)),"@site/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md?truncated=true",77205],d7f59897:[()=>n.e(65249).then(n.t.bind(n,40223,19)),"~blog/default/blog-tags-progress-bar-8a7-list.json",40223],d827f292:[()=>n.e(41431).then(n.t.bind(n,74935,19)),"~blog/default/blog-tags-blazortimepicker-9a4.json",74935],d86360d7:[()=>n.e(45507).then(n.t.bind(n,73830,19)),"~blog/default/blog-tags-sortablelist-ab9-list.json",73830],d866ce1d:[()=>n.e(9540).then(n.t.bind(n,29764,19)),"~blog/default/blog-tags-v-1-9-1-41b.json",29764],d8be0be1:[()=>n.e(77758).then(n.bind(n,84686)),"@site/blog/2021-11-23-blazorbootstrap-0.0.1.md",84686],d8d0822c:[()=>n.e(11914).then(n.t.bind(n,61214,19)),"~blog/default/blog-tags-blazornumberinput-21b-list.json",61214],d97047e1:[()=>n.e(36419).then(n.t.bind(n,40549,19)),"~blog/default/blog-tags-bootstrap-5-page-4-0bc.json",40549],d9c4e64a:[()=>n.e(58767).then(n.t.bind(n,9461,19)),"~blog/default/blog-tags-blazor-progress-e03.json",9461],da0a6c21:[()=>n.e(36765).then(n.t.bind(n,56421,19)),"~blog/default/blog-tags-clipboard-a9f-list.json",56421],da55feea:[()=>n.e(1176).then(n.t.bind(n,54957,19)),"~blog/default/blog-tags-blazor-page-5-3a8-list.json",54957],da64a13c:[()=>n.e(69640).then(n.t.bind(n,27762,19)),"~blog/default/blog-tags-v-1-7-1-d14-list.json",27762],dae895a9:[()=>n.e(34884).then(n.bind(n,9737)),"@site/blog/2022-06-19-blazorbootstrap-0.2.4.md?truncated=true",9737],db200627:[()=>n.e(5458).then(n.t.bind(n,11192,19)),"~blog/default/blog-tags-v-0-2-3-889.json",11192],dbe8cc63:[()=>n.e(171).then(n.bind(n,29566)),"@site/docs/05-components/buttons.mdx",29566],dc83d50b:[()=>n.e(6675).then(n.bind(n,60406)),"@site/blog/2023-08-13-blazorbootstrap-1.10.0.md?truncated=true",60406],dcbaab97:[()=>n.e(76442).then(n.t.bind(n,31255,19)),"~blog/default/blog-tags-currency-893-list.json",31255],dde17e14:[()=>n.e(72652).then(n.bind(n,87071)),"@site/blog/2023-05-28-blazorbootstrap-1.8.0.md",87071],de19d829:[()=>n.e(60691).then(n.t.bind(n,34118,19)),"~blog/default/blog-tags-v-1-8-1-9cf-list.json",34118],dea46713:[()=>n.e(39870).then(n.t.bind(n,30597,19)),"~blog/default/blog-tags-v-2-0-0-440.json",30597],ded0f91d:[()=>n.e(99041).then(n.t.bind(n,22940,19)),"~blog/default/blog-tags-v-1-9-4-ca4.json",22940],df735c89:[()=>n.e(17365).then(n.bind(n,914)),"@site/blog/2023-03-12-blazorbootstrap-1.6.0.md?truncated=true",914],dfa19b7d:[()=>n.e(42590).then(n.t.bind(n,16974,19)),"~blog/default/blog-tags-placeholders-367.json",16974],dfc91384:[()=>n.e(72039).then(n.bind(n,56688)),"@site/blog/2022-09-17-blazorbootstrap-0.4.2.md?truncated=true",56688],e01ede0f:[()=>n.e(40780).then(n.t.bind(n,30825,19)),"~blog/default/blog-tags-blazorgrid-152-list.json",30825],e0660070:[()=>n.e(60488).then(n.t.bind(n,26270,19)),"~blog/default/blog-tags-blazor-line-chart-729.json",26270],e161cb12:[()=>n.e(17601).then(n.t.bind(n,1167,19)),"~blog/default/blog-tags-pagination-7fb-list.json",1167],e269e10f:[()=>n.e(71632).then(n.t.bind(n,69222,19)),"~blog/default/blog-tags-blazor-grid-18d-list.json",69222],e2b20de6:[()=>n.e(44294).then(n.t.bind(n,5154,19)),"~blog/default/blog-tags-v-0-1-0-f4e.json",5154],e2c6c702:[()=>n.e(47806).then(n.t.bind(n,80454,19)),"~blog/default/blog-tags-blazor-input-number-dc1-list.json",80454],e33bb20e:[()=>n.e(97234).then(n.bind(n,90469)),"@site/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx",90469],e3b0677f:[()=>n.e(36569).then(n.bind(n,93038)),"@site/blog/2023-07-01-blazorbootstrap-1.9.2.md",93038],e4077368:[()=>n.e(57826).then(n.t.bind(n,72201,19)),"~blog/default/blog-tags-tabs-969-list.json",72201],e41c6b26:[()=>n.e(50200).then(n.t.bind(n,77777,19)),"~blog/default/blog-tags-blazortabs-ba9.json",77777],e4bea73c:[()=>n.e(10485).then(n.bind(n,31925)),"@site/blog/2022-09-04-blazorbootstrap-0.4.0.md",31925],e4f3715f:[()=>n.e(24578).then(n.t.bind(n,77441,19)),"~blog/default/blog-tags-docs-61c-list.json",77441],e4fc5673:[()=>n.e(40223).then(n.t.bind(n,49377,19)),"~blog/default/blog-tags-v-1-2-0-655.json",49377],e5d788cb:[()=>n.e(1733).then(n.t.bind(n,14100,19)),"~blog/default/blog-tags-bootstrap-5-page-2-454.json",14100],e5ea1834:[()=>n.e(12761).then(n.t.bind(n,13519,19)),"~blog/default/blog-tags-blazor-doughnut-chart-f06.json",13519],e5f22ef7:[()=>n.e(91493).then(n.t.bind(n,29076,19)),"~blog/default/blog-tags-v-0-2-4-574-list.json",29076],e627b01b:[()=>n.e(65293).then(n.t.bind(n,91456,19)),"~blog/default/blog-tags-blazoricon-443-list.json",91456],e6fe0126:[()=>n.e(97777).then(n.t.bind(n,97033,19)),"~blog/default/blog-tags-image-bfd.json",97033],e77da4a7:[()=>n.e(84717).then(n.t.bind(n,16476,19)),"~blog/default/blog-tags-v-1-8-3-3ea.json",16476],e832fbdb:[()=>n.e(32522).then(n.t.bind(n,85766,19)),"~blog/default/blog-tags-blazor-grid-18d.json",85766],e859a84e:[()=>n.e(78432).then(n.bind(n,40568)),"@site/docs/04-forms/switch.mdx",40568],e87e9fad:[()=>n.e(993).then(n.t.bind(n,16457,19)),"~blog/default/blog-tags-timepicker-8a7-list.json",16457],e88d3846:[()=>n.e(98009).then(n.bind(n,62798)),"@site/blog/2021-11-27-blazorbootstrap-0.0.2.md?truncated=true",62798],e8e5f9d4:[()=>n.e(65380).then(n.t.bind(n,35046,19)),"~blog/default/blog-tags-blazor-grid-paging-041.json",35046],e923c45a:[()=>n.e(63446).then(n.t.bind(n,98505,19)),"~blog/default/blog-tags-v-1-1-0-2e8-list.json",98505],ea24dcd3:[()=>n.e(23418).then(n.t.bind(n,84931,19)),"~blog/default/blog-tags-badge-5b0.json",84931],ea82a430:[()=>n.e(3057).then(n.t.bind(n,97559,19)),"~blog/default/blog-tags-bootstrap-5-page-4-0bc-list.json",97559],ea94c85a:[()=>n.e(51193).then(n.bind(n,88800)),"@site/docs/05-components/sidebar2.mdx",88800],eaf127fe:[()=>n.e(17136).then(n.t.bind(n,6128,19)),"~blog/default/blog-tags-polarareachart-927.json",6128],eb65b05f:[()=>n.e(89273).then(n.t.bind(n,91535,19)),"~blog/default/blog-tags-blazor-number-input-834-list.json",91535],eb917f4a:[()=>n.e(67145).then(n.t.bind(n,21054,19)),"~blog/default/blog-tags-v-1-4-4-b9d.json",21054],ebc527d7:[()=>n.e(57442).then(n.t.bind(n,1358,19)),"~blog/default/blog-tags-v-1-9-2-7a2-list.json",1358],ebf22c80:[()=>n.e(42016).then(n.bind(n,77179)),"@site/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx",77179],ec76938d:[()=>n.e(49907).then(n.bind(n,3087)),"@site/blog/2023-07-04-blazorbootstrap-1.9.3.md?truncated=true",3087],ed1fd27d:[()=>n.e(57614).then(n.t.bind(n,58813,19)),"~blog/default/blog-tags-blazortimepicker-9a4-list.json",58813],ed6c8621:[()=>n.e(65768).then(n.t.bind(n,22055,19)),"~blog/default/blog-tags-blazordate-8ac.json",22055],ed7465b6:[()=>n.e(92115).then(n.bind(n,4305)),"@site/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx",4305],ee3ef312:[()=>n.e(17598).then(n.bind(n,35313)),"@site/blog/2022-04-30-blazorbootstrap-0.2.3.md?truncated=true",35313],eea066c0:[()=>n.e(38994).then(n.bind(n,9966)),"@site/blog/2023-06-30-blazorbootstrap-1.9.0.md",9966],eeb0ff48:[()=>n.e(34737).then(n.t.bind(n,28043,19)),"~blog/default/blog-tags-v-0-2-3-889-list.json",28043],ef29d456:[()=>n.e(1728).then(n.t.bind(n,561,19)),"~blog/default/blog-tags-v-1-7-3-e99-list.json",561],ef3e4c59:[()=>n.e(71705).then(n.bind(n,24078)),"@site/blog/2023-11-18-blazorbootstrap-1.10.4.md",24078],ef66a481:[()=>n.e(83421).then(n.t.bind(n,51930,19)),"~blog/default/blog-tags-v-0-4-1-b14.json",51930],efa07cd5:[()=>n.e(52912).then(n.bind(n,31326)),"@site/docs/05-components/confirm-dialog.mdx",31326],efb2b0fe:[()=>n.e(69250).then(n.bind(n,52372)),"@site/blog/2024-01-01-blazorbootstrap-1.10.5.md",52372],f02bcf8a:[()=>n.e(77580).then(n.t.bind(n,44954,19)),"~blog/default/blog-tags-input-number-fe8.json",44954],f02c8517:[()=>n.e(84085).then(n.bind(n,91498)),"@site/blog/2022-11-22-blazorbootstrap-1.0.1.md",91498],f0737577:[()=>n.e(81915).then(n.t.bind(n,41589,19)),"~blog/default/blog-tags-blazor-page-3-130-list.json",41589],f135c86c:[()=>n.e(74329).then(n.t.bind(n,98665,19)),"~blog/default/blog-tags-v-0-4-2-d17-list.json",98665],f188a130:[()=>n.e(46679).then(n.bind(n,97332)),"@site/blog/2022-09-04-blazorbootstrap-0.4.0.md?truncated=true",97332],f2cf37dd:[()=>n.e(65075).then(n.t.bind(n,34049,19)),"~blog/default/blog-tags-blazor-preload-b3e-list.json",34049],f2f198c6:[()=>n.e(35851).then(n.bind(n,37923)),"@site/blog/2022-11-22-blazorbootstrap-1.0.1.md?truncated=true",37923],f2f259dc:[()=>n.e(84823).then(n.bind(n,11227)),"@site/docs/05-components/spinners.mdx",11227],f36ac19a:[()=>n.e(95248).then(n.t.bind(n,2774,19)),"~blog/default/blog-tags-button-f47.json",2774],f386df44:[()=>n.e(58176).then(n.t.bind(n,16745,19)),"~blog/default/blog-tags-sidebar-184.json",16745],f4046d89:[()=>n.e(20300).then(n.t.bind(n,9826,19)),"~blog/default/blog-tags-v-1-10-5-430.json",9826],f46dc466:[()=>n.e(76170).then(n.t.bind(n,79821,19)),"~blog/default/blog-tags-blazormodal-942-list.json",79821],f4afaeba:[()=>n.e(99667).then(n.bind(n,38633)),"@site/blog/2023-04-10-blazorbootstrap-1.7.0.md",38633],f57f1834:[()=>n.e(72064).then(n.t.bind(n,10338,19)),"~blog/default/blog-tags-blazorcollapse-421.json",10338],f5ad21d3:[()=>n.e(57250).then(n.t.bind(n,69973,19)),"~blog/default/blog-tags-blazorbootstrap-page-7-e44-list.json",69973],f5af5c4e:[()=>n.e(10633).then(n.bind(n,98686)),"@site/blog/2021-12-12-blazorbootstrap-0.0.4.md",98686],f6104617:[()=>n.e(98393).then(n.t.bind(n,68586,19)),"~blog/default/blog-tags-sortablelist-ab9.json",68586],f6c3878f:[()=>n.e(39888).then(n.bind(n,9793)),"@site/blog/2023-01-30-blazorbootstrap-1.4.2.md",9793],f6fc984b:[()=>n.e(85729).then(n.t.bind(n,11801,19)),"~blog/default/blog-tags-bootstrap-page-2-d2d-list.json",11801],f72251ba:[()=>n.e(97057).then(n.t.bind(n,85395,19)),"~blog/default/blog-tags-blazortooltip-eb6-list.json",85395],f819911c:[()=>n.e(94534).then(n.bind(n,46849)),"@site/blog/2021-12-21-blazorbootstrap-0.1.1.md",46849],f86648b9:[()=>n.e(73861).then(n.t.bind(n,92866,19)),"~blog/default/blog-tags-buttons-c7b.json",92866],f8c8d1fb:[()=>n.e(63163).then(n.bind(n,16530)),"@site/blog/2023-06-11-blazorbootstrap-1.8.2.md",16530],f8ceddd1:[()=>n.e(13644).then(n.t.bind(n,76828,19)),"~blog/default/blog-tags-blazor-line-chart-729-list.json",76828],f90f0f8a:[()=>n.e(67589).then(n.t.bind(n,84760,19)),"~blog/default/blog-tags-v-3-0-0-c46.json",84760],fa253b91:[()=>n.e(88103).then(n.t.bind(n,84746,19)),"~blog/default/blog-tags-progress-bar-8a7.json",84746],fb3463af:[()=>n.e(10330).then(n.t.bind(n,27122,19)),"~blog/default/blog-tags-blazor-page-2-34d.json",27122],fb750ad6:[()=>n.e(54862).then(n.t.bind(n,29223,19)),"~blog/default/blog-tags-v-0-5-0-f72-list.json",29223],fd9b0b8a:[()=>n.e(67894).then(n.t.bind(n,75848,19)),"~blog/default/blog-tags-offcanvas-ecd-list.json",75848],fdfa8ed2:[()=>n.e(72185).then(n.bind(n,22115)),"@site/blog/2022-10-22-blazorbootstrap-0.5.1.md?truncated=true",22115],ff859336:[()=>n.e(6027).then(n.bind(n,50356)),"@site/blog/2022-04-30-blazorbootstrap-0.2.3.md",50356],ffb545c1:[()=>n.e(48680).then(n.t.bind(n,92976,19)),"~blog/default/blog-tags-bootstrap-079.json",92976]};function c(e){let{error:t,retry:n,pastDelay:o}=e;return t?a.createElement("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"}},a.createElement("p",null,String(t)),a.createElement("div",null,a.createElement("button",{type:"button",onClick:n},"Retry"))):o?a.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"}},a.createElement("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb"},a.createElement("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2"},a.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},a.createElement("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),a.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},a.createElement("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),a.createElement("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),a.createElement("circle",{cx:"22",cy:"22",r:"8"},a.createElement("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"}))))):null}var u=n(99670),d=n(30226);function b(e,t){if("*"===e)return i()({loading:c,loader:()=>n.e(4972).then(n.bind(n,4972)),modules:["@theme/NotFound"],webpack:()=>[4972],render(e,t){const n=e.default;return a.createElement(d.z,{value:{plugin:{name:"native",id:"default"}}},a.createElement(n,t))}});const r=l[`${e}-${t}`],b={},f=[],p=[],g=(0,u.Z)(r);return Object.entries(g).forEach((e=>{let[t,n]=e;const a=s[n];a&&(b[t]=a[0],f.push(a[1]),p.push(a[2]))})),i().Map({loading:c,loader:b,modules:f,webpack:()=>p,render(t,n){const i=JSON.parse(JSON.stringify(r));Object.entries(t).forEach((t=>{let[n,a]=t;const o=a.default;if(!o)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof o&&"function"!=typeof o||Object.keys(a).filter((e=>"default"!==e)).forEach((e=>{o[e]=a[e]}));let r=i;const l=n.split(".");l.slice(0,-1).forEach((e=>{r=r[e]})),r[l[l.length-1]]=o}));const l=i.__comp;delete i.__comp;const s=i.__context;return delete i.__context,a.createElement(d.z,{value:s},a.createElement(l,(0,o.Z)({},i,n)))}})}const f=[{path:"/blog",component:b("/blog","d8d"),exact:!0},{path:"/blog/2021/11/23/blazorbootstrap-0.0.1",component:b("/blog/2021/11/23/blazorbootstrap-0.0.1","c4b"),exact:!0},{path:"/blog/2021/11/27/blazorbootstrap-0.0.2",component:b("/blog/2021/11/27/blazorbootstrap-0.0.2","62f"),exact:!0},{path:"/blog/2021/12/08/blazorbootstrap-0.0.3",component:b("/blog/2021/12/08/blazorbootstrap-0.0.3","c4f"),exact:!0},{path:"/blog/2021/12/12/blazorbootstrap-0.0.4",component:b("/blog/2021/12/12/blazorbootstrap-0.0.4","67a"),exact:!0},{path:"/blog/2021/12/20/blazorbootstrap-0.1.0",component:b("/blog/2021/12/20/blazorbootstrap-0.1.0","d4b"),exact:!0},{path:"/blog/2021/12/21/blazorbootstrap-0.1.1",component:b("/blog/2021/12/21/blazorbootstrap-0.1.1","344"),exact:!0},{path:"/blog/2022/01/15/blazorbootstrap-0.2.0",component:b("/blog/2022/01/15/blazorbootstrap-0.2.0","7f6"),exact:!0},{path:"/blog/2022/02/27/blazorbootstrap-0.2.1",component:b("/blog/2022/02/27/blazorbootstrap-0.2.1","3a6"),exact:!0},{path:"/blog/2022/03/15/blazorbootstrap-0.2.2",component:b("/blog/2022/03/15/blazorbootstrap-0.2.2","4c0"),exact:!0},{path:"/blog/2022/04/30/blazorbootstrap-0.2.3",component:b("/blog/2022/04/30/blazorbootstrap-0.2.3","bbd"),exact:!0},{path:"/blog/2022/06/19/blazorbootstrap-0.2.4",component:b("/blog/2022/06/19/blazorbootstrap-0.2.4","04b"),exact:!0},{path:"/blog/2022/07/28/blazorbootstrap-0.2.5",component:b("/blog/2022/07/28/blazorbootstrap-0.2.5","3d5"),exact:!0},{path:"/blog/2022/08/13/blazorbootstrap-0.2.6",component:b("/blog/2022/08/13/blazorbootstrap-0.2.6","f21"),exact:!0},{path:"/blog/2022/08/31/blazorbootstrap-0.3.0",component:b("/blog/2022/08/31/blazorbootstrap-0.3.0","7b0"),exact:!0},{path:"/blog/2022/09/04/blazorbootstrap-0.4.0",component:b("/blog/2022/09/04/blazorbootstrap-0.4.0","2d6"),exact:!0},{path:"/blog/2022/09/12/blazorbootstrap-0.4.1",component:b("/blog/2022/09/12/blazorbootstrap-0.4.1","65f"),exact:!0},{path:"/blog/2022/09/17/blazorbootstrap-0.4.2",component:b("/blog/2022/09/17/blazorbootstrap-0.4.2","b9e"),exact:!0},{path:"/blog/2022/10/16/blazorbootstrap-0.5.0",component:b("/blog/2022/10/16/blazorbootstrap-0.5.0","e32"),exact:!0},{path:"/blog/2022/10/22/blazorbootstrap-0.5.1",component:b("/blog/2022/10/22/blazorbootstrap-0.5.1","01c"),exact:!0},{path:"/blog/2022/10/30/blazorbootstrap-0.6.0",component:b("/blog/2022/10/30/blazorbootstrap-0.6.0","a42"),exact:!0},{path:"/blog/2022/11/18/blazorbootstrap-1.0.0",component:b("/blog/2022/11/18/blazorbootstrap-1.0.0","ab6"),exact:!0},{path:"/blog/2022/11/22/blazorbootstrap-1.0.1",component:b("/blog/2022/11/22/blazorbootstrap-1.0.1","b99"),exact:!0},{path:"/blog/2022/11/28/blazorbootstrap-1.1.0",component:b("/blog/2022/11/28/blazorbootstrap-1.1.0","225"),exact:!0},{path:"/blog/2022/12/12/blazorbootstrap-1.2.0",component:b("/blog/2022/12/12/blazorbootstrap-1.2.0","f26"),exact:!0},{path:"/blog/2022/12/15/blazorbootstrap-1.3.0",component:b("/blog/2022/12/15/blazorbootstrap-1.3.0","110"),exact:!0},{path:"/blog/2022/12/18/blazorbootstrap-1.3.1",component:b("/blog/2022/12/18/blazorbootstrap-1.3.1","20b"),exact:!0},{path:"/blog/2023/01/15/blazorbootstrap-1.4.0",component:b("/blog/2023/01/15/blazorbootstrap-1.4.0","8e9"),exact:!0},{path:"/blog/2023/01/23/blazorbootstrap-1.4.1",component:b("/blog/2023/01/23/blazorbootstrap-1.4.1","ac2"),exact:!0},{path:"/blog/2023/01/30/blazorbootstrap-1.4.2",component:b("/blog/2023/01/30/blazorbootstrap-1.4.2","452"),exact:!0},{path:"/blog/2023/02/07/blazorbootstrap-1.4.3",component:b("/blog/2023/02/07/blazorbootstrap-1.4.3","638"),exact:!0},{path:"/blog/2023/02/10/blazorbootstrap-1.4.4",component:b("/blog/2023/02/10/blazorbootstrap-1.4.4","2f7"),exact:!0},{path:"/blog/2023/02/23/blazorbootstrap-1.4.5",component:b("/blog/2023/02/23/blazorbootstrap-1.4.5","e42"),exact:!0},{path:"/blog/2023/03/05/blazorbootstrap-1.5.0",component:b("/blog/2023/03/05/blazorbootstrap-1.5.0","a02"),exact:!0},{path:"/blog/2023/03/12/blazorbootstrap-1.6.0",component:b("/blog/2023/03/12/blazorbootstrap-1.6.0","d44"),exact:!0},{path:"/blog/2023/04/10/blazorbootstrap-1.7.0",component:b("/blog/2023/04/10/blazorbootstrap-1.7.0","66b"),exact:!0},{path:"/blog/2023/04/19/blazorbootstrap-1.7.1",component:b("/blog/2023/04/19/blazorbootstrap-1.7.1","d43"),exact:!0},{path:"/blog/2023/04/24/blazorbootstrap-1.7.2",component:b("/blog/2023/04/24/blazorbootstrap-1.7.2","b15"),exact:!0},{path:"/blog/2023/04/29/blazorbootstrap-1.7.3",component:b("/blog/2023/04/29/blazorbootstrap-1.7.3","046"),exact:!0},{path:"/blog/2023/05/28/blazorbootstrap-1.8.0",component:b("/blog/2023/05/28/blazorbootstrap-1.8.0","4e3"),exact:!0},{path:"/blog/2023/05/31/blazorbootstrap-1.8.1",component:b("/blog/2023/05/31/blazorbootstrap-1.8.1","716"),exact:!0},{path:"/blog/2023/06/11/blazorbootstrap-1.8.2",component:b("/blog/2023/06/11/blazorbootstrap-1.8.2","d52"),exact:!0},{path:"/blog/2023/06/16/blazorbootstrap-1.8.3",component:b("/blog/2023/06/16/blazorbootstrap-1.8.3","449"),exact:!0},{path:"/blog/2023/06/30/blazorbootstrap-1.9.0",component:b("/blog/2023/06/30/blazorbootstrap-1.9.0","50d"),exact:!0},{path:"/blog/2023/06/31/blazorbootstrap-1.9.1",component:b("/blog/2023/06/31/blazorbootstrap-1.9.1","017"),exact:!0},{path:"/blog/2023/07/01/blazorbootstrap-1.9.2",component:b("/blog/2023/07/01/blazorbootstrap-1.9.2","07e"),exact:!0},{path:"/blog/2023/07/04/blazorbootstrap-1.9.3",component:b("/blog/2023/07/04/blazorbootstrap-1.9.3","dcf"),exact:!0},{path:"/blog/2023/07/05/blazorbootstrap-1.9.4",component:b("/blog/2023/07/05/blazorbootstrap-1.9.4","3fd"),exact:!0},{path:"/blog/2023/07/16/blazorbootstrap-1.9.5",component:b("/blog/2023/07/16/blazorbootstrap-1.9.5","7bc"),exact:!0},{path:"/blog/2023/08/13/blazorbootstrap-1.10.0",component:b("/blog/2023/08/13/blazorbootstrap-1.10.0","36b"),exact:!0},{path:"/blog/2023/08/29/blazorbootstrap-1.10.1",component:b("/blog/2023/08/29/blazorbootstrap-1.10.1","827"),exact:!0},{path:"/blog/2023/09/15/blazorbootstrap-1.10.2",component:b("/blog/2023/09/15/blazorbootstrap-1.10.2","889"),exact:!0},{path:"/blog/2023/10/15/blazorbootstrap-1.10.3",component:b("/blog/2023/10/15/blazorbootstrap-1.10.3","e57"),exact:!0},{path:"/blog/2023/11/18/blazorbootstrap-1.10.4",component:b("/blog/2023/11/18/blazorbootstrap-1.10.4","178"),exact:!0},{path:"/blog/2024/01/01/blazorbootstrap-1.10.5",component:b("/blog/2024/01/01/blazorbootstrap-1.10.5","0aa"),exact:!0},{path:"/blog/2024/02/04/blazorbootstrap-1.11.0",component:b("/blog/2024/02/04/blazorbootstrap-1.11.0","466"),exact:!0},{path:"/blog/2024/02/04/blazorbootstrap-1.11.1",component:b("/blog/2024/02/04/blazorbootstrap-1.11.1","f08"),exact:!0},{path:"/blog/2024/02/25/blazorbootstrap-2.0.0",component:b("/blog/2024/02/25/blazorbootstrap-2.0.0","61f"),exact:!0},{path:"/blog/2024/02/25/upgrade-to-v2.0.0",component:b("/blog/2024/02/25/upgrade-to-v2.0.0","611"),exact:!0},{path:"/blog/2024/03/17/blazorbootstrap-2.1.0",component:b("/blog/2024/03/17/blazorbootstrap-2.1.0","57b"),exact:!0},{path:"/blog/2024/04/14/blazorbootstrap-2.2.0",component:b("/blog/2024/04/14/blazorbootstrap-2.2.0","354"),exact:!0},{path:"/blog/2024/04/21/blazorbootstrap-2.2.1",component:b("/blog/2024/04/21/blazorbootstrap-2.2.1","9a3"),exact:!0},{path:"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1",component:b("/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1","ad7"),exact:!0},{path:"/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2",component:b("/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2","2c4"),exact:!0},{path:"/blog/archive",component:b("/blog/archive","6fa"),exact:!0},{path:"/blog/page/2",component:b("/blog/page/2","513"),exact:!0},{path:"/blog/page/3",component:b("/blog/page/3","4be"),exact:!0},{path:"/blog/page/4",component:b("/blog/page/4","aaf"),exact:!0},{path:"/blog/page/5",component:b("/blog/page/5","c0e"),exact:!0},{path:"/blog/page/6",component:b("/blog/page/6","709"),exact:!0},{path:"/blog/page/7",component:b("/blog/page/7","f4b"),exact:!0},{path:"/blog/tags",component:b("/blog/tags","c3b"),exact:!0},{path:"/blog/tags/accordion",component:b("/blog/tags/accordion","220"),exact:!0},{path:"/blog/tags/alert",component:b("/blog/tags/alert","f8d"),exact:!0},{path:"/blog/tags/autocomplete",component:b("/blog/tags/autocomplete","d17"),exact:!0},{path:"/blog/tags/badge",component:b("/blog/tags/badge","c73"),exact:!0},{path:"/blog/tags/barchart",component:b("/blog/tags/barchart","7ca"),exact:!0},{path:"/blog/tags/blazor",component:b("/blog/tags/blazor","819"),exact:!0},{path:"/blog/tags/blazor-autocomplete",component:b("/blog/tags/blazor-autocomplete","750"),exact:!0},{path:"/blog/tags/blazor-bar-chart",component:b("/blog/tags/blazor-bar-chart","c39"),exact:!0},{path:"/blog/tags/blazor-bootstrap",component:b("/blog/tags/blazor-bootstrap","f41"),exact:!0},{path:"/blog/tags/blazor-charts",component:b("/blog/tags/blazor-charts","632"),exact:!0},{path:"/blog/tags/blazor-confirm-dialog",component:b("/blog/tags/blazor-confirm-dialog","6f6"),exact:!0},{path:"/blog/tags/blazor-currency-input",component:b("/blog/tags/blazor-currency-input","82d"),exact:!0},{path:"/blog/tags/blazor-dialog",component:b("/blog/tags/blazor-dialog","049"),exact:!0},{path:"/blog/tags/blazor-doughnut-chart",component:b("/blog/tags/blazor-doughnut-chart","4de"),exact:!0},{path:"/blog/tags/blazor-grid",component:b("/blog/tags/blazor-grid","33a"),exact:!0},{path:"/blog/tags/blazor-grid-filtering",component:b("/blog/tags/blazor-grid-filtering","1f7"),exact:!0},{path:"/blog/tags/blazor-grid-paging",component:b("/blog/tags/blazor-grid-paging","0ed"),exact:!0},{path:"/blog/tags/blazor-grid-sorting",component:b("/blog/tags/blazor-grid-sorting","7a6"),exact:!0},{path:"/blog/tags/blazor-input",component:b("/blog/tags/blazor-input","ccf"),exact:!0},{path:"/blog/tags/blazor-input-number",component:b("/blog/tags/blazor-input-number","933"),exact:!0},{path:"/blog/tags/blazor-line-chart",component:b("/blog/tags/blazor-line-chart","fb5"),exact:!0},{path:"/blog/tags/blazor-number",component:b("/blog/tags/blazor-number","9ef"),exact:!0},{path:"/blog/tags/blazor-number-input",component:b("/blog/tags/blazor-number-input","f56"),exact:!0},{path:"/blog/tags/blazor-offcanvas",component:b("/blog/tags/blazor-offcanvas","dc3"),exact:!0},{path:"/blog/tags/blazor-pie-chart",component:b("/blog/tags/blazor-pie-chart","773"),exact:!0},{path:"/blog/tags/blazor-preload",component:b("/blog/tags/blazor-preload","a99"),exact:!0},{path:"/blog/tags/blazor-progress",component:b("/blog/tags/blazor-progress","22b"),exact:!0},{path:"/blog/tags/blazor-progress-bar",component:b("/blog/tags/blazor-progress-bar","6f9"),exact:!0},{path:"/blog/tags/blazor-sidemodal",component:b("/blog/tags/blazor-sidemodal","16c"),exact:!0},{path:"/blog/tags/blazor-spinner",component:b("/blog/tags/blazor-spinner","fd4"),exact:!0},{path:"/blog/tags/blazor-starter-templates",component:b("/blog/tags/blazor-starter-templates","00a"),exact:!0},{path:"/blog/tags/blazor-tabs",component:b("/blog/tags/blazor-tabs","632"),exact:!0},{path:"/blog/tags/blazor-templates",component:b("/blog/tags/blazor-templates","847"),exact:!0},{path:"/blog/tags/blazor-toast",component:b("/blog/tags/blazor-toast","d9a"),exact:!0},{path:"/blog/tags/blazor-toasts",component:b("/blog/tags/blazor-toasts","b22"),exact:!0},{path:"/blog/tags/blazor/page/2",component:b("/blog/tags/blazor/page/2","ef3"),exact:!0},{path:"/blog/tags/blazor/page/3",component:b("/blog/tags/blazor/page/3","d58"),exact:!0},{path:"/blog/tags/blazor/page/4",component:b("/blog/tags/blazor/page/4","f3e"),exact:!0},{path:"/blog/tags/blazor/page/5",component:b("/blog/tags/blazor/page/5","bf3"),exact:!0},{path:"/blog/tags/blazoraccordion",component:b("/blog/tags/blazoraccordion","8ec"),exact:!0},{path:"/blog/tags/blazorautocomplete",component:b("/blog/tags/blazorautocomplete","75c"),exact:!0},{path:"/blog/tags/blazorbadge",component:b("/blog/tags/blazorbadge","327"),exact:!0},{path:"/blog/tags/blazorbootstrap",component:b("/blog/tags/blazorbootstrap","d68"),exact:!0},{path:"/blog/tags/blazorbootstrap-starter-templates",component:b("/blog/tags/blazorbootstrap-starter-templates","aa1"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/2",component:b("/blog/tags/blazorbootstrap/page/2","e01"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/3",component:b("/blog/tags/blazorbootstrap/page/3","56e"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/4",component:b("/blog/tags/blazorbootstrap/page/4","5a5"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/5",component:b("/blog/tags/blazorbootstrap/page/5","083"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/6",component:b("/blog/tags/blazorbootstrap/page/6","8fc"),exact:!0},{path:"/blog/tags/blazorbootstrap/page/7",component:b("/blog/tags/blazorbootstrap/page/7","5dc"),exact:!0},{path:"/blog/tags/blazorbreadcrumb",component:b("/blog/tags/blazorbreadcrumb","99e"),exact:!0},{path:"/blog/tags/blazorbutton",component:b("/blog/tags/blazorbutton","a4a"),exact:!0},{path:"/blog/tags/blazorbuttons",component:b("/blog/tags/blazorbuttons","175"),exact:!0},{path:"/blog/tags/blazorchart",component:b("/blog/tags/blazorchart","b4e"),exact:!0},{path:"/blog/tags/blazorcollapse",component:b("/blog/tags/blazorcollapse","b6f"),exact:!0},{path:"/blog/tags/blazorconfirmdialog",component:b("/blog/tags/blazorconfirmdialog","29c"),exact:!0},{path:"/blog/tags/blazorconfirmmodal",component:b("/blog/tags/blazorconfirmmodal","9bb"),exact:!0},{path:"/blog/tags/blazorcurrencyinput",component:b("/blog/tags/blazorcurrencyinput","402"),exact:!0},{path:"/blog/tags/blazordate",component:b("/blog/tags/blazordate","fbd"),exact:!0},{path:"/blog/tags/blazordateinput",component:b("/blog/tags/blazordateinput","a7b"),exact:!0},{path:"/blog/tags/blazordatepicker",component:b("/blog/tags/blazordatepicker","cbc"),exact:!0},{path:"/blog/tags/blazordialog",component:b("/blog/tags/blazordialog","247"),exact:!0},{path:"/blog/tags/blazordropdown",component:b("/blog/tags/blazordropdown","d70"),exact:!0},{path:"/blog/tags/blazorgrid",component:b("/blog/tags/blazorgrid","5d0"),exact:!0},{path:"/blog/tags/blazorgrid/page/2",component:b("/blog/tags/blazorgrid/page/2","7d1"),exact:!0},{path:"/blog/tags/blazoricon",component:b("/blog/tags/blazoricon","dc7"),exact:!0},{path:"/blog/tags/blazormodal",component:b("/blog/tags/blazormodal","075"),exact:!0},{path:"/blog/tags/blazormodalservice",component:b("/blog/tags/blazormodalservice","e73"),exact:!0},{path:"/blog/tags/blazornumber",component:b("/blog/tags/blazornumber","7f8"),exact:!0},{path:"/blog/tags/blazornumberinput",component:b("/blog/tags/blazornumberinput","3d4"),exact:!0},{path:"/blog/tags/blazoroffcanvas",component:b("/blog/tags/blazoroffcanvas","1d0"),exact:!0},{path:"/blog/tags/blazorprogress",component:b("/blog/tags/blazorprogress","51d"),exact:!0},{path:"/blog/tags/blazorsidebar",component:b("/blog/tags/blazorsidebar","b70"),exact:!0},{path:"/blog/tags/blazorswitch",component:b("/blog/tags/blazorswitch","2a0"),exact:!0},{path:"/blog/tags/blazortabs",component:b("/blog/tags/blazortabs","d8b"),exact:!0},{path:"/blog/tags/blazortime",component:b("/blog/tags/blazortime","b86"),exact:!0},{path:"/blog/tags/blazortimeinput",component:b("/blog/tags/blazortimeinput","7e9"),exact:!0},{path:"/blog/tags/blazortimepicker",component:b("/blog/tags/blazortimepicker","155"),exact:!0},{path:"/blog/tags/blazortoast",component:b("/blog/tags/blazortoast","cb1"),exact:!0},{path:"/blog/tags/blazortoasts",component:b("/blog/tags/blazortoasts","d88"),exact:!0},{path:"/blog/tags/blazortooltip",component:b("/blog/tags/blazortooltip","539"),exact:!0},{path:"/blog/tags/bootstrap",component:b("/blog/tags/bootstrap","cc2"),exact:!0},{path:"/blog/tags/bootstrap-5",component:b("/blog/tags/bootstrap-5","0e8"),exact:!0},{path:"/blog/tags/bootstrap-5/page/2",component:b("/blog/tags/bootstrap-5/page/2","d23"),exact:!0},{path:"/blog/tags/bootstrap-5/page/3",component:b("/blog/tags/bootstrap-5/page/3","fd8"),exact:!0},{path:"/blog/tags/bootstrap-5/page/4",component:b("/blog/tags/bootstrap-5/page/4","cfc"),exact:!0},{path:"/blog/tags/bootstrap/page/2",component:b("/blog/tags/bootstrap/page/2","bcb"),exact:!0},{path:"/blog/tags/bootstrap/page/3",component:b("/blog/tags/bootstrap/page/3","a52"),exact:!0},{path:"/blog/tags/bootstrap/page/4",component:b("/blog/tags/bootstrap/page/4","71a"),exact:!0},{path:"/blog/tags/breadcrumb",component:b("/blog/tags/breadcrumb","e4b"),exact:!0},{path:"/blog/tags/breadcrumbservice",component:b("/blog/tags/breadcrumbservice","5f5"),exact:!0},{path:"/blog/tags/button",component:b("/blog/tags/button","60b"),exact:!0},{path:"/blog/tags/buttons",component:b("/blog/tags/buttons","177"),exact:!0},{path:"/blog/tags/callout",component:b("/blog/tags/callout","2cd"),exact:!0},{path:"/blog/tags/chart",component:b("/blog/tags/chart","c46"),exact:!0},{path:"/blog/tags/charts",component:b("/blog/tags/charts","b11"),exact:!0},{path:"/blog/tags/clipboard",component:b("/blog/tags/clipboard","48b"),exact:!0},{path:"/blog/tags/collapse",component:b("/blog/tags/collapse","f25"),exact:!0},{path:"/blog/tags/confirm-dialog",component:b("/blog/tags/confirm-dialog","fd6"),exact:!0},{path:"/blog/tags/confirmdialog",component:b("/blog/tags/confirmdialog","e5e"),exact:!0},{path:"/blog/tags/confirmmodal",component:b("/blog/tags/confirmmodal","6a7"),exact:!0},{path:"/blog/tags/currency",component:b("/blog/tags/currency","8cc"),exact:!0},{path:"/blog/tags/currencyinput",component:b("/blog/tags/currencyinput","bb0"),exact:!0},{path:"/blog/tags/date",component:b("/blog/tags/date","943"),exact:!0},{path:"/blog/tags/dateinput",component:b("/blog/tags/dateinput","5fe"),exact:!0},{path:"/blog/tags/datepicker",component:b("/blog/tags/datepicker","27a"),exact:!0},{path:"/blog/tags/dialog",component:b("/blog/tags/dialog","b92"),exact:!0},{path:"/blog/tags/docs",component:b("/blog/tags/docs","2a8"),exact:!0},{path:"/blog/tags/dropdown",component:b("/blog/tags/dropdown","ed5"),exact:!0},{path:"/blog/tags/grid",component:b("/blog/tags/grid","86b"),exact:!0},{path:"/blog/tags/grid/page/2",component:b("/blog/tags/grid/page/2","911"),exact:!0},{path:"/blog/tags/grid/page/3",component:b("/blog/tags/grid/page/3","c42"),exact:!0},{path:"/blog/tags/icon",component:b("/blog/tags/icon","84c"),exact:!0},{path:"/blog/tags/icons",component:b("/blog/tags/icons","373"),exact:!0},{path:"/blog/tags/image",component:b("/blog/tags/image","bd5"),exact:!0},{path:"/blog/tags/input",component:b("/blog/tags/input","e0c"),exact:!0},{path:"/blog/tags/input-number",component:b("/blog/tags/input-number","42a"),exact:!0},{path:"/blog/tags/layout",component:b("/blog/tags/layout","287"),exact:!0},{path:"/blog/tags/leftmenu",component:b("/blog/tags/leftmenu","cf2"),exact:!0},{path:"/blog/tags/modal",component:b("/blog/tags/modal","7fc"),exact:!0},{path:"/blog/tags/modal/page/2",component:b("/blog/tags/modal/page/2","09c"),exact:!0},{path:"/blog/tags/modalservice",component:b("/blog/tags/modalservice","134"),exact:!0},{path:"/blog/tags/navigation",component:b("/blog/tags/navigation","02f"),exact:!0},{path:"/blog/tags/numberinput",component:b("/blog/tags/numberinput","56f"),exact:!0},{path:"/blog/tags/offcanvas",component:b("/blog/tags/offcanvas","d84"),exact:!0},{path:"/blog/tags/pagination",component:b("/blog/tags/pagination","48e"),exact:!0},{path:"/blog/tags/pdfviewer",component:b("/blog/tags/pdfviewer","b5d"),exact:!0},{path:"/blog/tags/placeholders",component:b("/blog/tags/placeholders","b3b"),exact:!0},{path:"/blog/tags/polarareachart",component:b("/blog/tags/polarareachart","9e9"),exact:!0},{path:"/blog/tags/preload",component:b("/blog/tags/preload","e39"),exact:!0},{path:"/blog/tags/progress",component:b("/blog/tags/progress","130"),exact:!0},{path:"/blog/tags/progress-bar",component:b("/blog/tags/progress-bar","0dd"),exact:!0},{path:"/blog/tags/rangeinput",component:b("/blog/tags/rangeinput","ead"),exact:!0},{path:"/blog/tags/ribbon",component:b("/blog/tags/ribbon","975"),exact:!0},{path:"/blog/tags/scriptloader",component:b("/blog/tags/scriptloader","9ee"),exact:!0},{path:"/blog/tags/sidebar",component:b("/blog/tags/sidebar","9fd"),exact:!0},{path:"/blog/tags/sidebar-2",component:b("/blog/tags/sidebar-2","a09"),exact:!0},{path:"/blog/tags/sortablelist",component:b("/blog/tags/sortablelist","c35"),exact:!0},{path:"/blog/tags/spinner",component:b("/blog/tags/spinner","52e"),exact:!0},{path:"/blog/tags/switch",component:b("/blog/tags/switch","424"),exact:!0},{path:"/blog/tags/tab",component:b("/blog/tags/tab","bd0"),exact:!0},{path:"/blog/tags/tabs",component:b("/blog/tags/tabs","708"),exact:!0},{path:"/blog/tags/timeinput",component:b("/blog/tags/timeinput","e5b"),exact:!0},{path:"/blog/tags/timepicker",component:b("/blog/tags/timepicker","c69"),exact:!0},{path:"/blog/tags/toast",component:b("/blog/tags/toast","c74"),exact:!0},{path:"/blog/tags/toasts",component:b("/blog/tags/toasts","ee2"),exact:!0},{path:"/blog/tags/toastservice",component:b("/blog/tags/toastservice","402"),exact:!0},{path:"/blog/tags/tooltip",component:b("/blog/tags/tooltip","300"),exact:!0},{path:"/blog/tags/v-0-0-1",component:b("/blog/tags/v-0-0-1","80c"),exact:!0},{path:"/blog/tags/v-0-0-2",component:b("/blog/tags/v-0-0-2","fd9"),exact:!0},{path:"/blog/tags/v-0-0-3",component:b("/blog/tags/v-0-0-3","ef0"),exact:!0},{path:"/blog/tags/v-0-0-4",component:b("/blog/tags/v-0-0-4","efd"),exact:!0},{path:"/blog/tags/v-0-1-0",component:b("/blog/tags/v-0-1-0","83c"),exact:!0},{path:"/blog/tags/v-0-1-1",component:b("/blog/tags/v-0-1-1","eb4"),exact:!0},{path:"/blog/tags/v-0-2-0",component:b("/blog/tags/v-0-2-0","1c3"),exact:!0},{path:"/blog/tags/v-0-2-1",component:b("/blog/tags/v-0-2-1","c1f"),exact:!0},{path:"/blog/tags/v-0-2-2",component:b("/blog/tags/v-0-2-2","2ca"),exact:!0},{path:"/blog/tags/v-0-2-3",component:b("/blog/tags/v-0-2-3","62e"),exact:!0},{path:"/blog/tags/v-0-2-4",component:b("/blog/tags/v-0-2-4","8df"),exact:!0},{path:"/blog/tags/v-0-2-5",component:b("/blog/tags/v-0-2-5","ceb"),exact:!0},{path:"/blog/tags/v-0-2-6",component:b("/blog/tags/v-0-2-6","411"),exact:!0},{path:"/blog/tags/v-0-3-0",component:b("/blog/tags/v-0-3-0","fd2"),exact:!0},{path:"/blog/tags/v-0-4-0",component:b("/blog/tags/v-0-4-0","ad7"),exact:!0},{path:"/blog/tags/v-0-4-1",component:b("/blog/tags/v-0-4-1","b4b"),exact:!0},{path:"/blog/tags/v-0-4-2",component:b("/blog/tags/v-0-4-2","d9f"),exact:!0},{path:"/blog/tags/v-0-5-0",component:b("/blog/tags/v-0-5-0","98d"),exact:!0},{path:"/blog/tags/v-0-5-1",component:b("/blog/tags/v-0-5-1","4fc"),exact:!0},{path:"/blog/tags/v-0-6-0",component:b("/blog/tags/v-0-6-0","792"),exact:!0},{path:"/blog/tags/v-1-0-0",component:b("/blog/tags/v-1-0-0","9e6"),exact:!0},{path:"/blog/tags/v-1-0-1",component:b("/blog/tags/v-1-0-1","75f"),exact:!0},{path:"/blog/tags/v-1-1-0",component:b("/blog/tags/v-1-1-0","10f"),exact:!0},{path:"/blog/tags/v-1-10-0",component:b("/blog/tags/v-1-10-0","d22"),exact:!0},{path:"/blog/tags/v-1-10-1",component:b("/blog/tags/v-1-10-1","d6d"),exact:!0},{path:"/blog/tags/v-1-10-2",component:b("/blog/tags/v-1-10-2","797"),exact:!0},{path:"/blog/tags/v-1-10-3",component:b("/blog/tags/v-1-10-3","b3f"),exact:!0},{path:"/blog/tags/v-1-10-4",component:b("/blog/tags/v-1-10-4","10e"),exact:!0},{path:"/blog/tags/v-1-10-5",component:b("/blog/tags/v-1-10-5","789"),exact:!0},{path:"/blog/tags/v-1-11-0",component:b("/blog/tags/v-1-11-0","a31"),exact:!0},{path:"/blog/tags/v-1-11-1",component:b("/blog/tags/v-1-11-1","370"),exact:!0},{path:"/blog/tags/v-1-2-0",component:b("/blog/tags/v-1-2-0","42c"),exact:!0},{path:"/blog/tags/v-1-3-0",component:b("/blog/tags/v-1-3-0","410"),exact:!0},{path:"/blog/tags/v-1-3-1",component:b("/blog/tags/v-1-3-1","7e1"),exact:!0},{path:"/blog/tags/v-1-4-0",component:b("/blog/tags/v-1-4-0","2b6"),exact:!0},{path:"/blog/tags/v-1-4-1",component:b("/blog/tags/v-1-4-1","a31"),exact:!0},{path:"/blog/tags/v-1-4-2",component:b("/blog/tags/v-1-4-2","96c"),exact:!0},{path:"/blog/tags/v-1-4-3",component:b("/blog/tags/v-1-4-3","f2d"),exact:!0},{path:"/blog/tags/v-1-4-4",component:b("/blog/tags/v-1-4-4","ed0"),exact:!0},{path:"/blog/tags/v-1-4-5",component:b("/blog/tags/v-1-4-5","f80"),exact:!0},{path:"/blog/tags/v-1-5-0",component:b("/blog/tags/v-1-5-0","637"),exact:!0},{path:"/blog/tags/v-1-6-0",component:b("/blog/tags/v-1-6-0","fe6"),exact:!0},{path:"/blog/tags/v-1-7-0",component:b("/blog/tags/v-1-7-0","b6a"),exact:!0},{path:"/blog/tags/v-1-7-1",component:b("/blog/tags/v-1-7-1","e85"),exact:!0},{path:"/blog/tags/v-1-7-2",component:b("/blog/tags/v-1-7-2","fff"),exact:!0},{path:"/blog/tags/v-1-7-3",component:b("/blog/tags/v-1-7-3","ad3"),exact:!0},{path:"/blog/tags/v-1-8-0",component:b("/blog/tags/v-1-8-0","731"),exact:!0},{path:"/blog/tags/v-1-8-1",component:b("/blog/tags/v-1-8-1","b14"),exact:!0},{path:"/blog/tags/v-1-8-2",component:b("/blog/tags/v-1-8-2","cdf"),exact:!0},{path:"/blog/tags/v-1-8-3",component:b("/blog/tags/v-1-8-3","c77"),exact:!0},{path:"/blog/tags/v-1-9-0",component:b("/blog/tags/v-1-9-0","87e"),exact:!0},{path:"/blog/tags/v-1-9-1",component:b("/blog/tags/v-1-9-1","4e2"),exact:!0},{path:"/blog/tags/v-1-9-2",component:b("/blog/tags/v-1-9-2","734"),exact:!0},{path:"/blog/tags/v-1-9-3",component:b("/blog/tags/v-1-9-3","b94"),exact:!0},{path:"/blog/tags/v-1-9-4",component:b("/blog/tags/v-1-9-4","9cf"),exact:!0},{path:"/blog/tags/v-1-9-5",component:b("/blog/tags/v-1-9-5","d99"),exact:!0},{path:"/blog/tags/v-2-0-0",component:b("/blog/tags/v-2-0-0","af8"),exact:!0},{path:"/blog/tags/v-2-1-0",component:b("/blog/tags/v-2-1-0","b81"),exact:!0},{path:"/blog/tags/v-2-2-0",component:b("/blog/tags/v-2-2-0","acd"),exact:!0},{path:"/blog/tags/v-2-2-1",component:b("/blog/tags/v-2-2-1","9ca"),exact:!0},{path:"/blog/tags/v-3-0-0",component:b("/blog/tags/v-3-0-0","f14"),exact:!0},{path:"/search",component:b("/search","9da"),exact:!0},{path:"/",component:b("/","7c3"),exact:!0},{path:"/",component:b("/","a3c"),routes:[{path:"/components/accordion",component:b("/components/accordion","777"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/alerts",component:b("/components/alerts","d52"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/badge",component:b("/components/badge","f8c"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/breadcrumb",component:b("/components/breadcrumb","dd7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/buttons",component:b("/components/buttons","695"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/callout",component:b("/components/callout","bea"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/card",component:b("/components/card","23f"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/charts",component:b("/components/charts","a58"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/collapse",component:b("/components/collapse","90b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/confirm-dialog",component:b("/components/confirm-dialog","7a2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/dropdown",component:b("/components/dropdown","758"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/grid",component:b("/components/grid","6c2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/modal",component:b("/components/modal","220"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/offcanvas",component:b("/components/offcanvas","318"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/pagination",component:b("/components/pagination","1c7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/pdf-viewer",component:b("/components/pdf-viewer","531"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/placeholders",component:b("/components/placeholders","0b6"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/preload",component:b("/components/preload","216"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/progress",component:b("/components/progress","a5a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/ribbon",component:b("/components/ribbon","075"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/script-loader",component:b("/components/script-loader","c25"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/sidebar",component:b("/components/sidebar","e4d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/sidebar2",component:b("/components/sidebar2","fc1"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/sortable-list",component:b("/components/sortable-list","a8d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/spinners",component:b("/components/spinners","2f7"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/tabs",component:b("/components/tabs","5a8"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/toasts",component:b("/components/toasts","e34"),exact:!0,sidebar:"tutorialSidebar"},{path:"/components/tooltips",component:b("/components/tooltips","0fd"),exact:!0,sidebar:"tutorialSidebar"},{path:"/content/icons",component:b("/content/icons","c79"),exact:!0,sidebar:"tutorialSidebar"},{path:"/content/images",component:b("/content/images","939"),exact:!0,sidebar:"tutorialSidebar"},{path:"/data-visualization/bar-chart",component:b("/data-visualization/bar-chart","a0a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/data-visualization/doughnut-chart",component:b("/data-visualization/doughnut-chart","f01"),exact:!0,sidebar:"tutorialSidebar"},{path:"/data-visualization/line-chart",component:b("/data-visualization/line-chart","3b1"),exact:!0,sidebar:"tutorialSidebar"},{path:"/data-visualization/pie-chart",component:b("/data-visualization/pie-chart","bb2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/autocomplete",component:b("/forms/autocomplete","049"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/currency-input",component:b("/forms/currency-input","100"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/date-input",component:b("/forms/date-input","a04"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/number-input",component:b("/forms/number-input","fed"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/range-input",component:b("/forms/range-input","ebf"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/switch",component:b("/forms/switch","2e2"),exact:!0,sidebar:"tutorialSidebar"},{path:"/forms/time-input",component:b("/forms/time-input","801"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-server-net-6",component:b("/getting-started/blazor-server-net-6","4c9"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-server-net-7",component:b("/getting-started/blazor-server-net-7","87d"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webapp-auto-global-net-8",component:b("/getting-started/blazor-webapp-auto-global-net-8","866"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webapp-server-global-net-8",component:b("/getting-started/blazor-webapp-server-global-net-8","15a"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webassembly-net-6",component:b("/getting-started/blazor-webassembly-net-6","c96"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webassembly-net-7",component:b("/getting-started/blazor-webassembly-net-7","c59"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/blazor-webassembly-net-8",component:b("/getting-started/blazor-webassembly-net-8","dad"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/maui-blazor-net-7",component:b("/getting-started/maui-blazor-net-7","f9b"),exact:!0,sidebar:"tutorialSidebar"},{path:"/getting-started/maui-blazor-net-8",component:b("/getting-started/maui-blazor-net-8","f72"),exact:!0,sidebar:"tutorialSidebar"},{path:"/layout/blazor-server",component:b("/layout/blazor-server","1a5"),exact:!0,sidebar:"tutorialSidebar"},{path:"/layout/blazor-webassembly",component:b("/layout/blazor-webassembly","cd3"),exact:!0,sidebar:"tutorialSidebar"},{path:"/services/modal",component:b("/services/modal","064"),exact:!0,sidebar:"tutorialSidebar"}]},{path:"*",component:b("*")}]},98934:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>r});var a=n(67294);const o=a.createContext(!1);function r(e){let{children:t}=e;const[n,r]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{r(!0)}),[]),a.createElement(o.Provider,{value:n},t)}},97221:(e,t,n)=>{"use strict";var a=n(67294),o=n(73935),r=n(73727),i=n(70405),l=n(10412);const s=[n(56657),n(32497),n(3310),n(18320),n(52295)];var c=n(723),u=n(16550),d=n(18790);function b(e){let{children:t}=e;return a.createElement(a.Fragment,null,t)}var f=n(87462),p=n(35742),g=n(52263),m=n(44996),h=n(86668),v=n(1944),y=n(94711),_=n(19727),x=n(43320),w=n(18780),k=n(90197);function E(){const{i18n:{defaultLocale:e,localeConfigs:t}}=(0,g.Z)(),n=(0,y.l)();return a.createElement(p.Z,null,Object.entries(t).map((e=>{let[t,{htmlLang:o}]=e;return a.createElement("link",{key:t,rel:"alternate",href:n.createUrl({locale:t,fullyQualified:!0}),hrefLang:o})})),a.createElement("link",{rel:"alternate",href:n.createUrl({locale:e,fullyQualified:!0}),hrefLang:"x-default"}))}function S(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.Z)(),o=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.Z)(),{pathname:a}=(0,u.TH)();return e+(0,w.applyTrailingSlash)((0,m.Z)(a),{trailingSlash:n,baseUrl:t})}(),r=t?`${n}${t}`:o;return a.createElement(p.Z,null,a.createElement("meta",{property:"og:url",content:r}),a.createElement("link",{rel:"canonical",href:r}))}function z(){const{i18n:{currentLocale:e}}=(0,g.Z)(),{metadata:t,image:n}=(0,h.L)();return a.createElement(a.Fragment,null,a.createElement(p.Z,null,a.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),a.createElement("body",{className:_.h})),n&&a.createElement(v.d,{image:n}),a.createElement(S,null),a.createElement(E,null),a.createElement(k.Z,{tag:x.HX,locale:e}),a.createElement(p.Z,null,t.map(((e,t)=>a.createElement("meta",(0,f.Z)({key:t},e))))))}const C=new Map;function T(e){if(C.has(e.pathname))return{...e,pathname:C.get(e.pathname)};if((0,d.f)(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return C.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return C.set(e.pathname,t),{...e,pathname:t}}var j=n(98934),L=n(58940);function O(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];const o=s.map((t=>{const a=t.default?.[e]??t[e];return a?.(...n)}));return()=>o.forEach((e=>e?.()))}const P=function(e){let{children:t,location:n,previousLocation:o}=e;return(0,a.useLayoutEffect)((()=>{o!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const a=t.pathname===n.pathname,o=t.hash===n.hash,r=t.search===n.search;if(a&&o&&!r)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:o}),O("onRouteDidUpdate",{previousLocation:o,location:n}))}),[o,n]),t};function M(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.f)(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class N extends a.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?O("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=O("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),M(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return a.createElement(P,{previousLocation:this.previousLocation,location:t},a.createElement(u.AW,{location:t,render:()=>e}))}}const A=N,I="__docusaurus-base-url-issue-banner-container",R="__docusaurus-base-url-issue-banner",D="__docusaurus-base-url-issue-banner-suggestion-container",F="__DOCUSAURUS_INSERT_BASEURL_BANNER";function B(e){return`\nwindow['${F}'] = true;\n\ndocument.addEventListener('DOMContentLoaded', maybeInsertBanner);\n\nfunction maybeInsertBanner() {\n  var shouldInsert = window['${F}'];\n  shouldInsert && insertBanner();\n}\n\nfunction insertBanner() {\n  var bannerContainer = document.getElementById('${I}');\n  if (!bannerContainer) {\n    return;\n  }\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${R}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${D}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  var suggestionContainer = document.getElementById('${D}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function $(){const{siteConfig:{baseUrl:e}}=(0,g.Z)();return(0,a.useLayoutEffect)((()=>{window[F]=!1}),[]),a.createElement(a.Fragment,null,!l.Z.canUseDOM&&a.createElement(p.Z,null,a.createElement("script",null,B(e))),a.createElement("div",{id:I}))}function U(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?a.createElement($,null):null}function H(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:o,localeConfigs:r}}=(0,g.Z)(),i=(0,m.Z)(e),{htmlLang:l,direction:s}=r[o];return a.createElement(p.Z,null,a.createElement("html",{lang:l,dir:s}),a.createElement("title",null,t),a.createElement("meta",{property:"og:title",content:t}),a.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&a.createElement("meta",{name:"robots",content:"noindex, nofollow"}),e&&a.createElement("link",{rel:"icon",href:i}))}var Z=n(44763),Q=n(72389);function V(){const e=(0,Q.Z)();return a.createElement(p.Z,null,a.createElement("html",{"data-has-hydrated":e}))}function W(){const e=(0,d.H)(c.Z),t=(0,u.TH)();return a.createElement(Z.Z,null,a.createElement(L.M,null,a.createElement(j.t,null,a.createElement(b,null,a.createElement(H,null),a.createElement(z,null),a.createElement(U,null),a.createElement(A,{location:T(t)},e)),a.createElement(V,null))))}var G=n(16887);const q=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const a=document.createElement("link");a.setAttribute("rel","prefetch"),a.setAttribute("href",e),a.onload=()=>t(),a.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(a)}))}:function(e){return new Promise(((t,n)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.withCredentials=!0,a.onload=()=>{200===a.status?t():n()},a.send(null)}))};var Y=n(99670);const K=new Set,X=new Set,J=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ee={prefetch(e){if(!(e=>!J()&&!X.has(e)&&!K.has(e))(e))return!1;K.add(e);const t=(0,d.f)(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(G).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,Y.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?q(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!J()&&!X.has(e))(e)&&(X.add(e),M(e))},te=Object.freeze(ee);if(l.Z.canUseDOM){window.docusaurus=te;const e=o.hydrate;M(window.location.pathname).then((()=>{e(a.createElement(i.B6,null,a.createElement(r.VK,null,a.createElement(W,null))),document.getElementById("__docusaurus"))}))}},58940:(e,t,n)=>{"use strict";n.d(t,{_:()=>u,M:()=>d});var a=n(67294),o=n(36809);const r=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-60QGZHW8TG"],"anonymizeIP":true,"id":"default"}},"docusaurus-plugin-content-docs":{"default":{"path":"/","versions":[{"name":"current","label":"Next","isLast":true,"path":"/","mainDocId":"getting-started/blazor-webassembly-net-8","docs":[{"id":"components/accordion","path":"/components/accordion","sidebar":"tutorialSidebar"},{"id":"components/alerts","path":"/components/alerts","sidebar":"tutorialSidebar"},{"id":"components/badge","path":"/components/badge","sidebar":"tutorialSidebar"},{"id":"components/breadcrumb","path":"/components/breadcrumb","sidebar":"tutorialSidebar"},{"id":"components/buttons","path":"/components/buttons","sidebar":"tutorialSidebar"},{"id":"components/callout","path":"/components/callout","sidebar":"tutorialSidebar"},{"id":"components/card","path":"/components/card","sidebar":"tutorialSidebar"},{"id":"components/charts","path":"/components/charts","sidebar":"tutorialSidebar"},{"id":"components/collapse","path":"/components/collapse","sidebar":"tutorialSidebar"},{"id":"components/confirm-dialog","path":"/components/confirm-dialog","sidebar":"tutorialSidebar"},{"id":"components/dropdown","path":"/components/dropdown","sidebar":"tutorialSidebar"},{"id":"components/grid","path":"/components/grid","sidebar":"tutorialSidebar"},{"id":"components/modal","path":"/components/modal","sidebar":"tutorialSidebar"},{"id":"components/offcanvas","path":"/components/offcanvas","sidebar":"tutorialSidebar"},{"id":"components/pagination","path":"/components/pagination","sidebar":"tutorialSidebar"},{"id":"components/pdf-viewer","path":"/components/pdf-viewer","sidebar":"tutorialSidebar"},{"id":"components/placeholders","path":"/components/placeholders","sidebar":"tutorialSidebar"},{"id":"components/preload","path":"/components/preload","sidebar":"tutorialSidebar"},{"id":"components/progress","path":"/components/progress","sidebar":"tutorialSidebar"},{"id":"components/ribbon","path":"/components/ribbon","sidebar":"tutorialSidebar"},{"id":"components/script-loader","path":"/components/script-loader","sidebar":"tutorialSidebar"},{"id":"components/sidebar","path":"/components/sidebar","sidebar":"tutorialSidebar"},{"id":"components/sidebar2","path":"/components/sidebar2","sidebar":"tutorialSidebar"},{"id":"components/sortable-list","path":"/components/sortable-list","sidebar":"tutorialSidebar"},{"id":"components/spinners","path":"/components/spinners","sidebar":"tutorialSidebar"},{"id":"components/tabs","path":"/components/tabs","sidebar":"tutorialSidebar"},{"id":"components/toasts","path":"/components/toasts","sidebar":"tutorialSidebar"},{"id":"components/tooltips","path":"/components/tooltips","sidebar":"tutorialSidebar"},{"id":"content/icons","path":"/content/icons","sidebar":"tutorialSidebar"},{"id":"content/images","path":"/content/images","sidebar":"tutorialSidebar"},{"id":"data-visualization/bar-chart","path":"/data-visualization/bar-chart","sidebar":"tutorialSidebar"},{"id":"data-visualization/doughnut-chart","path":"/data-visualization/doughnut-chart","sidebar":"tutorialSidebar"},{"id":"data-visualization/line-chart","path":"/data-visualization/line-chart","sidebar":"tutorialSidebar"},{"id":"data-visualization/pie-chart","path":"/data-visualization/pie-chart","sidebar":"tutorialSidebar"},{"id":"forms/autocomplete","path":"/forms/autocomplete","sidebar":"tutorialSidebar"},{"id":"forms/currency-input","path":"/forms/currency-input","sidebar":"tutorialSidebar"},{"id":"forms/date-input","path":"/forms/date-input","sidebar":"tutorialSidebar"},{"id":"forms/number-input","path":"/forms/number-input","sidebar":"tutorialSidebar"},{"id":"forms/range-input","path":"/forms/range-input","sidebar":"tutorialSidebar"},{"id":"forms/switch","path":"/forms/switch","sidebar":"tutorialSidebar"},{"id":"forms/time-input","path":"/forms/time-input","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-server-net-6","path":"/getting-started/blazor-server-net-6","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-server-net-7","path":"/getting-started/blazor-server-net-7","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webapp-auto-global-net-8","path":"/getting-started/blazor-webapp-auto-global-net-8","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webapp-server-global-net-8","path":"/getting-started/blazor-webapp-server-global-net-8","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webassembly-net-6","path":"/getting-started/blazor-webassembly-net-6","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webassembly-net-7","path":"/getting-started/blazor-webassembly-net-7","sidebar":"tutorialSidebar"},{"id":"getting-started/blazor-webassembly-net-8","path":"/getting-started/blazor-webassembly-net-8","sidebar":"tutorialSidebar"},{"id":"getting-started/maui-blazor-net-7","path":"/getting-started/maui-blazor-net-7","sidebar":"tutorialSidebar"},{"id":"getting-started/maui-blazor-net-8","path":"/getting-started/maui-blazor-net-8","sidebar":"tutorialSidebar"},{"id":"layout/blazor-server","path":"/layout/blazor-server","sidebar":"tutorialSidebar"},{"id":"layout/blazor-webassembly","path":"/layout/blazor-webassembly","sidebar":"tutorialSidebar"},{"id":"services/modal","path":"/services/modal","sidebar":"tutorialSidebar"}],"draftIds":[],"sidebars":{"tutorialSidebar":{"link":{"path":"/getting-started/blazor-webassembly-net-8","label":"Blazor WebAssembly (.NET 8)"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var l=n(57529);const s=JSON.parse('{"docusaurusVersion":"2.4.3","siteVersion":"2.2.1","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"2.4.3"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"2.4.3"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"2.4.3"},"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"2.4.3"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"2.4.3"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"2.4.3"},"@easyops-cn/docusaurus-search-local":{"type":"package","name":"@easyops-cn/docusaurus-search-local","version":"0.29.4"},"docusaurus-plugin-client-redirects":{"type":"package","name":"@docusaurus/plugin-client-redirects","version":"2.4.3"}}}'),c={siteConfig:o.default,siteMetadata:s,globalData:r,i18n:i,codeTranslations:l},u=a.createContext(c);function d(e){let{children:t}=e;return a.createElement(u.Provider,{value:c},t)}},44763:(e,t,n)=>{"use strict";n.d(t,{Z:()=>b});var a=n(67294),o=n(10412),r=n(35742),i=n(18780),l=n(70179);function s(e){let{error:t,tryAgain:n}=e;return a.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"}},a.createElement("h1",{style:{fontSize:"3rem"}},"This page crashed"),a.createElement("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"}},"Try again"),a.createElement(c,{error:t}))}function c(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return a.createElement("p",{style:{whiteSpace:"pre-wrap"}},n)}function u(e){let{error:t,tryAgain:n}=e;return a.createElement(b,{fallback:()=>a.createElement(s,{error:t,tryAgain:n})},a.createElement(r.Z,null,a.createElement("title",null,"Page Error")),a.createElement(l.Z,null,a.createElement(s,{error:t,tryAgain:n})))}const d=e=>a.createElement(u,e);class b extends a.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??d)(e)}return e??null}}},10412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const a="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:a,canUseEventListeners:a&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:a&&"IntersectionObserver"in window,canUseViewport:a&&"screen"in window}},35742:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294),o=n(70405);function r(e){return a.createElement(o.ql,e)}},39960:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var a=n(87462),o=n(67294),r=n(73727),i=n(18780),l=n(52263),s=n(13919),c=n(10412);const u=o.createContext({collectLink:()=>{}});var d=n(44996);function b(e,t){let{isNavLink:n,to:b,href:f,activeClassName:p,isActive:g,"data-noBrokenLinkCheck":m,autoAddBaseUrl:h=!0,...v}=e;const{siteConfig:{trailingSlash:y,baseUrl:_}}=(0,l.Z)(),{withBaseUrl:x}=(0,d.C)(),w=(0,o.useContext)(u),k=(0,o.useRef)(null);(0,o.useImperativeHandle)(t,(()=>k.current));const E=b||f;const S=(0,s.Z)(E),z=E?.replace("pathname://","");let C=void 0!==z?(T=z,h&&(e=>e.startsWith("/"))(T)?x(T):T):void 0;var T;C&&S&&(C=(0,i.applyTrailingSlash)(C,{trailingSlash:y,baseUrl:_}));const j=(0,o.useRef)(!1),L=n?r.OL:r.rU,O=c.Z.canUseIntersectionObserver,P=(0,o.useRef)(),M=()=>{j.current||null==C||(window.docusaurus.preload(C),j.current=!0)};(0,o.useEffect)((()=>(!O&&S&&null!=C&&window.docusaurus.prefetch(C),()=>{O&&P.current&&P.current.disconnect()})),[P,C,O,S]);const N=C?.startsWith("#")??!1,A=!C||!S||N;return A||m||w.collectLink(C),A?o.createElement("a",(0,a.Z)({ref:k,href:C},E&&!S&&{target:"_blank",rel:"noopener noreferrer"},v)):o.createElement(L,(0,a.Z)({},v,{onMouseEnter:M,onTouchStart:M,innerRef:e=>{k.current=e,O&&e&&S&&(P.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(P.current.unobserve(e),P.current.disconnect(),null!=C&&window.docusaurus.prefetch(C))}))})),P.current.observe(e))},to:C},n&&{isActive:g,activeClassName:p}))}const f=o.forwardRef(b)},95999:(e,t,n)=>{"use strict";n.d(t,{Z:()=>s,I:()=>l});var a=n(67294);function o(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,a.isValidElement)(e)))?n.map(((e,t)=>(0,a.isValidElement)(e)?a.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var r=n(57529);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return r[t??n]??n??t}function l(e,t){let{message:n,id:a}=e;return o(i({message:n,id:a}),t)}function s(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const l=i({message:t,id:n});return a.createElement(a.Fragment,null,o(l,r))}},29935:(e,t,n)=>{"use strict";n.d(t,{m:()=>a});const a="default"},13919:(e,t,n)=>{"use strict";function a(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!a(e)}n.d(t,{Z:()=>o,b:()=>a})},44996:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var a=n(67294),o=n(52263),r=n(13919);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,o.Z)(),n=(0,a.useCallback)(((n,a)=>function(e,t,n,a){let{forcePrependBaseUrl:o=!1,absolute:i=!1}=void 0===a?{}:a;if(!n||n.startsWith("#")||(0,r.b)(n))return n;if(o)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,a)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},52263:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294),o=n(58940);function r(){return(0,a.useContext)(o._)}},72389:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294),o=n(98934);function r(){return(0,a.useContext)(o._)}},99670:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const a=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[r,i]=n;const l=o?`${o}.${r}`:r;a(i)?e(i,l):t[l]=i}))}(e),t}},30226:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,z:()=>r});var a=n(67294);const o=a.createContext(null);function r(e){let{children:t,value:n}=e;const r=a.useContext(o),i=(0,a.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const a={...t.data,...n?.data};return{plugin:t.plugin,data:a}}({parent:r,value:n})),[r,n]);return a.createElement(o.Provider,{value:i},t)}},80143:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>g,gA:()=>b,_r:()=>u,Jo:()=>m,zh:()=>d,yW:()=>p,gB:()=>f});var a=n(16550),o=n(52263),r=n(29935);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=function(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,a.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),o=n?.docs.find((e=>!!(0,a.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((a=>{a.id===t&&(n[e.name]=a)}))})),n}(o.id):{}}}const c={},u=()=>i("docusaurus-plugin-content-docs")??c,d=e=>function(e,t,n){void 0===t&&(t=r.m),void 0===n&&(n={});const a=i(e),o=a?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0});function b(e){void 0===e&&(e={});const t=u(),{pathname:n}=(0,a.TH)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,a.LX)(t,{path:n.path,exact:!1,strict:!1})})),r=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!r&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return r}(t,n,e)}function f(e){return d(e).versions}function p(e){const t=d(e);return l(t)}function g(e){const t=d(e),{pathname:n}=(0,a.TH)();return s(t,n)}function m(e){const t=d(e),{pathname:n}=(0,a.TH)();return function(e,t){const n=l(e);return{latestDocSuggestion:s(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},56657:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("event","page_view",{page_title:document.title,page_location:window.location.href,page_path:t.pathname+t.search+t.hash})}))}}},18320:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});var a=n(74865),o=n.n(a);o().configure({showSpinner:!1});const r={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},3310:(e,t,n)=>{"use strict";n.r(t);var a=n(87410),o=n(36809);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:a}=t;globalThis.Prism=e,a.forEach((e=>{n(50784)(`./prism-${e}`)})),delete globalThis.Prism}(a.Z)},39471:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294);const o={iconExternalLink:"iconExternalLink_nPIU"};function r(e){let{width:t=13.5,height:n=13.5}=e;return a.createElement("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:o.iconExternalLink},a.createElement("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"}))}},70179:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Pt});var a=n(67294),o=n(86010),r=n(44763),i=n(1944),l=n(87462),s=n(16550),c=n(95999),u=n(85936);const d="__docusaurus_skipToContent_fallback";function b(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,a.useRef)(null),{action:t}=(0,s.k6)(),n=(0,a.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&b(t)}),[]);return(0,u.S)((n=>{let{location:a}=n;e.current&&!a.hash&&"PUSH"===t&&b(e.current)})),{containerRef:e,onClick:n}}const p=(0,c.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function g(e){const t=e.children??p,{containerRef:n,onClick:o}=f();return a.createElement("div",{ref:n,role:"region","aria-label":p},a.createElement("a",(0,l.Z)({},e,{href:`#${d}`,onClick:o}),t))}var m=n(35281),h=n(19727);const v={skipToContent:"skipToContent_fXgn"};function y(){return a.createElement(g,{className:v.skipToContent})}var _=n(86668),x=n(59689);function w(e){let{width:t=21,height:n=21,color:o="currentColor",strokeWidth:r=1.2,className:i,...s}=e;return a.createElement("svg",(0,l.Z)({viewBox:"0 0 15 15",width:t,height:n},s),a.createElement("g",{stroke:o,strokeWidth:r},a.createElement("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})))}const k={closeButton:"closeButton_CVFx"};function E(e){return a.createElement("button",(0,l.Z)({type:"button","aria-label":(0,c.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"})},e,{className:(0,o.Z)("clean-btn close",k.closeButton,e.className)}),a.createElement(w,{width:14,height:14,strokeWidth:3.1}))}const S={content:"content_knG7"};function z(e){const{announcementBar:t}=(0,_.L)(),{content:n}=t;return a.createElement("div",(0,l.Z)({},e,{className:(0,o.Z)(S.content,e.className),dangerouslySetInnerHTML:{__html:n}}))}const C={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function T(){const{announcementBar:e}=(0,_.L)(),{isActive:t,close:n}=(0,x.nT)();if(!t)return null;const{backgroundColor:o,textColor:r,isCloseable:i}=e;return a.createElement("div",{className:C.announcementBar,style:{backgroundColor:o,color:r},role:"banner"},i&&a.createElement("div",{className:C.announcementBarPlaceholder}),a.createElement(z,{className:C.announcementBarContent}),i&&a.createElement(E,{onClick:n,className:C.announcementBarClose}))}var j=n(72961),L=n(12466);var O=n(902),P=n(13102);const M=a.createContext(null);function N(e){let{children:t}=e;const n=function(){const e=(0,j.e)(),t=(0,P.HY)(),[n,o]=(0,a.useState)(!1),r=null!==t.component,i=(0,O.D9)(r);return(0,a.useEffect)((()=>{r&&!i&&o(!0)}),[r,i]),(0,a.useEffect)((()=>{r?e.shown||o(!0):o(!1)}),[e.shown,r]),(0,a.useMemo)((()=>[n,o]),[n])}();return a.createElement(M.Provider,{value:n},t)}function A(e){if(e.component){const t=e.component;return a.createElement(t,e.props)}}function I(){const e=(0,a.useContext)(M);if(!e)throw new O.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,a.useCallback)((()=>n(!1)),[n]),r=(0,P.HY)();return(0,a.useMemo)((()=>({shown:t,hide:o,content:A(r)})),[o,r,t])}function R(e){let{header:t,primaryMenu:n,secondaryMenu:r}=e;const{shown:i}=I();return a.createElement("div",{className:"navbar-sidebar"},t,a.createElement("div",{className:(0,o.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":i})},a.createElement("div",{className:"navbar-sidebar__item menu"},n),a.createElement("div",{className:"navbar-sidebar__item menu"},r)))}var D=n(92949),F=n(72389);function B(e){return a.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:24,height:24},e),a.createElement("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"}))}function $(e){return a.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:24,height:24},e),a.createElement("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"}))}const U={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function H(e){let{className:t,buttonClassName:n,value:r,onChange:i}=e;const l=(0,F.Z)(),s=(0,c.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===r?(0,c.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,c.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return a.createElement("div",{className:(0,o.Z)(U.toggle,t)},a.createElement("button",{className:(0,o.Z)("clean-btn",U.toggleButton,!l&&U.toggleButtonDisabled,n),type:"button",onClick:()=>i("dark"===r?"light":"dark"),disabled:!l,title:s,"aria-label":s,"aria-live":"polite"},a.createElement(B,{className:(0,o.Z)(U.toggleIcon,U.lightToggleIcon)}),a.createElement($,{className:(0,o.Z)(U.toggleIcon,U.darkToggleIcon)})))}const Z=a.memo(H),Q={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function V(e){let{className:t}=e;const n=(0,_.L)().navbar.style,o=(0,_.L)().colorMode.disableSwitch,{colorMode:r,setColorMode:i}=(0,D.I)();return o?null:a.createElement(Z,{className:t,buttonClassName:"dark"===n?Q.darkNavbarColorModeToggle:void 0,value:r,onChange:i})}var W=n(21327);function G(){return a.createElement(W.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function q(){const e=(0,j.e)();return a.createElement("button",{type:"button","aria-label":(0,c.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle()},a.createElement(w,{color:"var(--ifm-color-emphasis-600)"}))}function Y(){return a.createElement("div",{className:"navbar-sidebar__brand"},a.createElement(G,null),a.createElement(V,{className:"margin-right--md"}),a.createElement(q,null))}var K=n(39960),X=n(44996),J=n(13919);function ee(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}var te=n(39471);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:o,href:r,label:i,html:s,isDropdownLink:c,prependBaseUrlToHref:u,...d}=e;const b=(0,X.Z)(o),f=(0,X.Z)(t),p=(0,X.Z)(r,{forcePrependBaseUrl:!0}),g=i&&r&&!(0,J.Z)(r),m=s?{dangerouslySetInnerHTML:{__html:s}}:{children:a.createElement(a.Fragment,null,i,g&&a.createElement(te.Z,c&&{width:12,height:12}))};return r?a.createElement(K.Z,(0,l.Z)({href:u?p:r},d,m)):a.createElement(K.Z,(0,l.Z)({to:b,isNavLink:!0},(t||n)&&{isActive:(e,t)=>n?ee(n,t.pathname):t.pathname.startsWith(f)},d,m))}function ae(e){let{className:t,isDropdownItem:n=!1,...r}=e;const i=a.createElement(ne,(0,l.Z)({className:(0,o.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n},r));return n?a.createElement("li",null,i):i}function oe(e){let{className:t,isDropdownItem:n,...r}=e;return a.createElement("li",{className:"menu__list-item"},a.createElement(ne,(0,l.Z)({className:(0,o.Z)("menu__link",t)},r)))}function re(e){let{mobile:t=!1,position:n,...o}=e;const r=t?oe:ae;return a.createElement(r,(0,l.Z)({},o,{activeClassName:o.activeClassName??(t?"menu__link--active":"navbar__link--active")}))}var ie=n(86043),le=n(48596),se=n(52263);function ce(e,t){return e.some((e=>function(e,t){return!!(0,le.Mg)(e.to,t)||!!ee(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function ue(e){let{items:t,position:n,className:r,onClick:i,...s}=e;const c=(0,a.useRef)(null),[u,d]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{const e=e=>{c.current&&!c.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[c]),a.createElement("div",{ref:c,className:(0,o.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":u})},a.createElement(ne,(0,l.Z)({"aria-haspopup":"true","aria-expanded":u,role:"button",href:s.to?void 0:"#",className:(0,o.Z)("navbar__link",r)},s,{onClick:s.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!u))}}),s.children??s.label),a.createElement("ul",{className:"dropdown__menu"},t.map(((e,t)=>a.createElement(Qe,(0,l.Z)({isDropdownItem:!0,activeClassName:"dropdown__link--active"},e,{key:t}))))))}function de(e){let{items:t,className:n,position:r,onClick:i,...c}=e;const u=function(){const{siteConfig:{baseUrl:e}}=(0,se.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),d=ce(t,u),{collapsed:b,toggleCollapsed:f,setCollapsed:p}=(0,ie.u)({initialState:()=>!d});return(0,a.useEffect)((()=>{d&&p(!d)}),[u,d,p]),a.createElement("li",{className:(0,o.Z)("menu__list-item",{"menu__list-item--collapsed":b})},a.createElement(ne,(0,l.Z)({role:"button",className:(0,o.Z)("menu__link menu__link--sublist menu__link--sublist-caret",n)},c,{onClick:e=>{e.preventDefault(),f()}}),c.children??c.label),a.createElement(ie.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:b},t.map(((e,t)=>a.createElement(Qe,(0,l.Z)({mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active"},e,{key:t}))))))}function be(e){let{mobile:t=!1,...n}=e;const o=t?de:ue;return a.createElement(o,n)}var fe=n(94711);function pe(e){let{width:t=20,height:n=20,...o}=e;return a.createElement("svg",(0,l.Z)({viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0},o),a.createElement("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"}))}const ge="iconLanguage_nlXk";var me=n(61029),he=n(10412),ve=n(60373),ye=n(80143),_e=n(90022),xe=n(98202),we=n(73926),ke=n(91073),Ee=n(82539),Se=n(10726);const ze='<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linejoin="round"></path></svg>',Ce='<svg width="20" height="20" viewBox="0 0 20 20"><path d="M13 13h4-4V8H7v5h6v4-4H7V8H3h4V3v5h6V3v5h4-4v5zm-6 0v4-4H3h4z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg>',Te='<svg width="20" height="20" viewBox="0 0 20 20"><path d="M17 5H3h14zm0 5H3h14zm0 5H3h14z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linejoin="round"></path></svg>',je='<svg width="20" height="20" viewBox="0 0 20 20"><g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M18 3v4c0 2-2 4-4 4H2"></path><path d="M8 17l-6-6 6-6"></path></g></svg>',Le='<svg width="40" height="40" viewBox="0 0 20 20" fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 4.8c2 3 1.7 7-1 9.7h0l4.3 4.3-4.3-4.3a7.8 7.8 0 01-9.8 1m-2.2-2.2A7.8 7.8 0 0113.2 2.4M2 18L18 2"></path></svg>',Oe='<svg viewBox="0 0 24 54"><g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M8 6v42M20 27H8.3"></path></g></svg>',Pe='<svg viewBox="0 0 24 54"><g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M8 6v21M20 27H8.3"></path></g></svg>',Me={searchBar:"searchBar_RVTs",dropdownMenu:"dropdownMenu_qbY6",suggestion:"suggestion_fB_2",cursor:"cursor_eG29",hitTree:"hitTree_kk6K",hitIcon:"hitIcon_a7Zy",hitPath:"hitPath_ieM4",noResultsIcon:"noResultsIcon_EBY5",hitFooter:"hitFooter_E9YW",hitWrapper:"hitWrapper_sAK8",hitTitle:"hitTitle_vyVt",hitAction:"hitAction_NqkB",hideAction:"hideAction_vcyE",noResults:"noResults_l6Q3",searchBarContainer:"searchBarContainer_NW3z",searchBarLoadingRing:"searchBarLoadingRing_YnHq",searchClearButton:"searchClearButton_qk4g",searchIndexLoading:"searchIndexLoading_EJ1f",searchHintContainer:"searchHintContainer_Pkmr",searchHint:"searchHint_iIMx",focused:"focused_OWtg",input:"input_FOTf",hint:"hint_URu1",suggestions:"suggestions_X8XU",dataset:"dataset_QiCy",empty:"empty_eITn"};function Ne(e){let{document:t,type:n,page:a,metadata:o,tokens:r,isInterOfTree:i,isLastOfTree:l}=e;const s=0===n,c=1===n,u=[];i?u.push(Oe):l&&u.push(Pe);const d=u.map((e=>`<span class="${Me.hitTree}">${e}</span>`)),b=`<span class="${Me.hitIcon}">${s?ze:c?Ce:Te}</span>`,f=[`<span class="${Me.hitTitle}">${(0,Se.o)(t.t,(0,ke.m)(o,"t"),r)}</span>`];if(!i&&!l&&me.H6){const e=a?(a.b??[]).concat(a.t).concat(t.s&&t.s!==a.t?t.s:[]):t.b;f.push(`<span class="${Me.hitPath}">${(0,we.e)(e??[])}</span>`)}else s||f.push(`<span class="${Me.hitPath}">${(0,Ee.C)(a.t||(t.u.startsWith("/docs/api-reference/")?"API Reference":""),r)}</span>`);const p=`<span class="${Me.hitAction}">${je}</span>`;return[...d,b,`<span class="${Me.hitWrapper}">`,...f,"</span>",p].join("")}function Ae(){return`<span class="${Me.noResults}"><span class="${Me.noResultsIcon}">${Le}</span><span>${(0,c.I)({id:"theme.SearchBar.noResultsText",message:"No results"})}</span></span>`}var Ie=n(80311);async function Re(){const e=await Promise.all([n.e(68443),n.e(15525)]).then(n.t.bind(n,68443,23)),t=e.default;return t.noConflict?t.noConflict():e.noConflict&&e.noConflict(),t}const De="_highlight";const Fe=function(e){let{handleSearchBarToggle:t}=e;const{siteConfig:{baseUrl:n}}=(0,se.Z)(),r=(0,ye.gA)();let i=n;try{const{preferredVersion:e}=(0,ve.J)(r?.pluginId??me.gQ);e&&!e.isLast&&(i=e.path+"/")}catch(L){if(!(L instanceof O.i6))throw L;console.error("useDocsPreferredVersion",L)}const l=(0,s.k6)(),u=(0,s.TH)(),d=(0,a.useRef)(null),b=(0,a.useRef)("empty"),f=(0,a.useRef)(!1),[p,g]=(0,a.useState)(!1),[m,h]=(0,a.useState)(!1),[v,y]=(0,a.useState)(""),_=(0,a.useRef)(null),x=(0,a.useCallback)((async()=>{if("empty"!==b.current)return;b.current="loading",g(!0);const[{wrappedIndexes:e,zhDictionary:t},a]=await Promise.all([(0,_e.w)(i),Re()]);if(_.current=a(d.current,{hint:!1,autoselect:!0,openOnFocus:!0,cssClasses:{root:Me.searchBar,noPrefix:!0,dropdownMenu:Me.dropdownMenu,input:Me.input,hint:Me.hint,suggestions:Me.suggestions,suggestion:Me.suggestion,cursor:Me.cursor,dataset:Me.dataset,empty:Me.empty}},[{source:(0,xe.v)(e,t,me.qo),templates:{suggestion:Ne,empty:Ae,footer:e=>{let{query:t,isEmpty:a}=e;if(a)return;const o=document.createElement("a"),r=`${n}search?q=${encodeURIComponent(t)}`;o.href=r,o.textContent=(0,c.I)({id:"theme.SearchBar.seeAll",message:"See all results"}),o.addEventListener("click",(e=>{e.ctrlKey||e.metaKey||(e.preventDefault(),_.current.autocomplete.close(),l.push(r))}));const i=document.createElement("div");return i.className=Me.hitFooter,i.appendChild(o),i}}}]).on("autocomplete:selected",(function(e,t){let{document:{u:n,h:a},tokens:o}=t;d.current?.blur();let r=n;if(me.vc&&o.length>0){const e=new URLSearchParams;for(const t of o)e.append(De,t);r+=`?${e.toString()}`}a&&(r+=a),l.push(r)})).on("autocomplete:closed",(()=>{d.current?.blur()})),b.current="done",g(!1),f.current){const e=d.current;e.value&&_.current.autocomplete.open(),e.focus()}}),[n,i,l]);(0,a.useEffect)((()=>{if(!me.vc)return;const e=he.Z.canUseDOM?new URLSearchParams(u.search).getAll(De):[];setTimeout((()=>{const t=document.querySelector("article");if(!t)return;const n=new me.vc(t);n.unmark(),0!==e.length&&n.mark(e),y(e.join(" ")),_.current?.autocomplete.setVal(e.join(" "))}))}),[u.search,u.pathname]);const[w,k]=(0,a.useState)(!1),E=(0,a.useCallback)((()=>{f.current=!0,x(),k(!0),t?.(!0)}),[t,x]),S=(0,a.useCallback)((()=>{k(!1),t?.(!1)}),[t]),z=(0,a.useCallback)((()=>{x()}),[x]),C=(0,a.useCallback)((e=>{y(e.target.value),e.target.value&&h(!0)}),[]),T=!!he.Z.canUseDOM&&/mac/i.test(navigator.userAgentData?.platform??navigator.platform);(0,a.useEffect)((()=>{if(!me.AY)return;const e=e=>{(T?e.metaKey:e.ctrlKey)&&"KeyK"===e.code&&(e.preventDefault(),d.current?.focus(),E())};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}),[T,E]);const j=(0,a.useCallback)((()=>{const e=new URLSearchParams(u.search);e.delete(De);const t=e.toString(),n=u.pathname+(""!=t?`?${t}`:"")+u.hash;n!=u.pathname+u.search+u.hash&&l.push(n),y(""),_.current?.autocomplete.setVal("")}),[u.pathname,u.search,u.hash,l]);return a.createElement("div",{className:(0,o.Z)("navbar__search",Me.searchBarContainer,{[Me.searchIndexLoading]:p&&m,[Me.focused]:w})},a.createElement("input",{placeholder:(0,c.I)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),"aria-label":"Search",className:"navbar__search-input",onMouseEnter:z,onFocus:E,onBlur:S,onChange:C,ref:d,value:v}),a.createElement(Ie.Z,{className:Me.searchBarLoadingRing}),me.AY&&me.t_&&(""!==v?a.createElement("button",{className:Me.searchClearButton,onClick:j},"\u2715"):a.createElement("div",{className:Me.searchHintContainer},a.createElement("kbd",{className:Me.searchHint},T?"\u2318":"ctrl"),a.createElement("kbd",{className:Me.searchHint},"K"))))},Be={searchBox:"searchBox_ZlJk"};function $e(e){let{children:t,className:n}=e;return a.createElement("div",{className:(0,o.Z)(n,Be.searchBox)},t)}var Ue=n(52802);const He=e=>e.docs.find((t=>t.id===e.mainDocId));const Ze={default:re,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:o,...r}=e;const{i18n:{currentLocale:i,locales:u,localeConfigs:d}}=(0,se.Z)(),b=(0,fe.l)(),{search:f,hash:p}=(0,s.TH)(),g=[...n,...u.map((e=>{const n=`${`pathname://${b.createUrl({locale:e,fullyQualified:!1})}`}${f}${p}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...o],m=t?(0,c.I)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return a.createElement(be,(0,l.Z)({},r,{mobile:t,label:a.createElement(a.Fragment,null,a.createElement(pe,{className:ge}),m),items:g}))},search:function(e){let{mobile:t,className:n}=e;return t?null:a.createElement($e,{className:n},a.createElement(Fe,null))},dropdown:be,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:i=!1}=e;const l=i?"li":"div";return a.createElement(l,{className:(0,o.Z)({navbar__item:!r&&!i,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:o,...r}=e;const{activeDoc:i}=(0,ye.Iw)(o),s=(0,Ue.vY)(t,o);return null===s?null:a.createElement(re,(0,l.Z)({exact:!0},r,{isActive:()=>i?.path===s.path||!!i?.sidebar&&i.sidebar===s.sidebar,label:n??s.id,to:s.path}))},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:o,...r}=e;const{activeDoc:i}=(0,ye.Iw)(o),s=(0,Ue.oz)(t,o).link;if(!s)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return a.createElement(re,(0,l.Z)({exact:!0},r,{isActive:()=>i?.sidebar===t,label:n??s.label,to:s.path}))},docsVersion:function(e){let{label:t,to:n,docsPluginId:o,...r}=e;const i=(0,Ue.lO)(o)[0],s=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return a.createElement(re,(0,l.Z)({},r,{label:s,to:c}))},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:o,dropdownItemsBefore:r,dropdownItemsAfter:i,...u}=e;const{search:d,hash:b}=(0,s.TH)(),f=(0,ye.Iw)(n),p=(0,ye.gB)(n),{savePreferredVersionName:g}=(0,ve.J)(n),m=[...r,...p.map((e=>{const t=f.alternateDocVersions[e.name]??He(e);return{label:e.label,to:`${t.path}${d}${b}`,isActive:()=>e===f.activeVersion,onClick:()=>g(e.name)}})),...i],h=(0,Ue.lO)(n)[0],v=t&&m.length>1?(0,c.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):h.label,y=t&&m.length>1?void 0:He(h).path;return m.length<=1?a.createElement(re,(0,l.Z)({},u,{mobile:t,label:v,to:y,isActive:o?()=>!1:void 0})):a.createElement(be,(0,l.Z)({},u,{mobile:t,label:v,to:y,items:m,isActive:o?()=>!1:void 0}))}};function Qe(e){let{type:t,...n}=e;const o=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),r=Ze[o];if(!r)throw new Error(`No NavbarItem component found for type "${t}".`);return a.createElement(r,n)}function Ve(){const e=(0,j.e)(),t=(0,_.L)().navbar.items;return a.createElement("ul",{className:"menu__list"},t.map(((t,n)=>a.createElement(Qe,(0,l.Z)({mobile:!0},t,{onClick:()=>e.toggle(),key:n})))))}function We(e){return a.createElement("button",(0,l.Z)({},e,{type:"button",className:"clean-btn navbar-sidebar__back"}),a.createElement(c.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)"},"\u2190 Back to main menu"))}function Ge(){const e=0===(0,_.L)().navbar.items.length,t=I();return a.createElement(a.Fragment,null,!e&&a.createElement(We,{onClick:()=>t.hide()}),t.content)}function qe(){const e=(0,j.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,a.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?a.createElement(R,{header:a.createElement(Y,null),primaryMenu:a.createElement(Ve,null),secondaryMenu:a.createElement(Ge,null)}):null}const Ye={navbarHideable:"navbarHideable_m1mJ",navbarHidden:"navbarHidden_jGov"};function Ke(e){return a.createElement("div",(0,l.Z)({role:"presentation"},e,{className:(0,o.Z)("navbar-sidebar__backdrop",e.className)}))}function Xe(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:r}}=(0,_.L)(),i=(0,j.e)(),{navbarRef:l,isNavbarVisible:s}=function(e){const[t,n]=(0,a.useState)(e),o=(0,a.useRef)(!1),r=(0,a.useRef)(0),i=(0,a.useCallback)((e=>{null!==e&&(r.current=e.getBoundingClientRect().height)}),[]);return(0,L.RF)(((t,a)=>{let{scrollY:i}=t;if(!e)return;if(i<r.current)return void n(!0);if(o.current)return void(o.current=!1);const l=a?.scrollY,s=document.documentElement.scrollHeight-r.current,c=window.innerHeight;l&&i>=l?n(!1):i+c<s&&n(!0)})),(0,u.S)((t=>{if(!e)return;const a=t.location.hash;if(a?document.getElementById(a.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return a.createElement("nav",{ref:l,"aria-label":(0,c.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.Z)("navbar","navbar--fixed-top",n&&[Ye.navbarHideable,!s&&Ye.navbarHidden],{"navbar--dark":"dark"===r,"navbar--primary":"primary"===r,"navbar-sidebar--show":i.shown})},t,a.createElement(Ke,{onClick:i.toggle}),a.createElement(qe,null))}var Je=n(18780);const et={errorBoundaryError:"errorBoundaryError_a6uf"};function tt(e){return a.createElement("button",(0,l.Z)({type:"button"},e),a.createElement(c.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error"},"Try again"))}function nt(e){let{error:t}=e;const n=(0,Je.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return a.createElement("p",{className:et.errorBoundaryError},n)}class at extends a.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const ot="right";function rt(e){let{width:t=30,height:n=30,className:o,...r}=e;return a.createElement("svg",(0,l.Z)({className:o,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true"},r),a.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"}))}function it(){const{toggle:e,shown:t}=(0,j.e)();return a.createElement("button",{onClick:e,"aria-label":(0,c.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button"},a.createElement(rt,null))}const lt={colorModeToggle:"colorModeToggle_DEke"};function st(e){let{items:t}=e;return a.createElement(a.Fragment,null,t.map(((e,t)=>a.createElement(at,{key:t,onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t})},a.createElement(Qe,e)))))}function ct(e){let{left:t,right:n}=e;return a.createElement("div",{className:"navbar__inner"},a.createElement("div",{className:"navbar__items"},t),a.createElement("div",{className:"navbar__items navbar__items--right"},n))}function ut(){const e=(0,j.e)(),t=(0,_.L)().navbar.items,[n,o]=function(e){function t(e){return"left"===(e.position??ot)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),r=t.find((e=>"search"===e.type));return a.createElement(ct,{left:a.createElement(a.Fragment,null,!e.disabled&&a.createElement(it,null),a.createElement(G,null),a.createElement(st,{items:n})),right:a.createElement(a.Fragment,null,a.createElement(st,{items:o}),a.createElement(V,{className:lt.colorModeToggle}),!r&&a.createElement($e,null,a.createElement(Fe,null)))})}function dt(){return a.createElement(Xe,null,a.createElement(ut,null))}function bt(e){let{item:t}=e;const{to:n,href:o,label:r,prependBaseUrlToHref:i,...s}=t,c=(0,X.Z)(n),u=(0,X.Z)(o,{forcePrependBaseUrl:!0});return a.createElement(K.Z,(0,l.Z)({className:"footer__link-item"},o?{href:i?u:o}:{to:c},s),r,o&&!(0,J.Z)(o)&&a.createElement(te.Z,null))}function ft(e){let{item:t}=e;return t.html?a.createElement("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):a.createElement("li",{key:t.href??t.to,className:"footer__item"},a.createElement(bt,{item:t}))}function pt(e){let{column:t}=e;return a.createElement("div",{className:"col footer__col"},a.createElement("div",{className:"footer__title"},t.title),a.createElement("ul",{className:"footer__items clean-list"},t.items.map(((e,t)=>a.createElement(ft,{key:t,item:e})))))}function gt(e){let{columns:t}=e;return a.createElement("div",{className:"row footer__links"},t.map(((e,t)=>a.createElement(pt,{key:t,column:e}))))}function mt(){return a.createElement("span",{className:"footer__link-separator"},"\xb7")}function ht(e){let{item:t}=e;return t.html?a.createElement("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):a.createElement(bt,{item:t})}function vt(e){let{links:t}=e;return a.createElement("div",{className:"footer__links text--center"},a.createElement("div",{className:"footer__links"},t.map(((e,n)=>a.createElement(a.Fragment,{key:n},a.createElement(ht,{item:e}),t.length!==n+1&&a.createElement(mt,null))))))}function yt(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?a.createElement(gt,{columns:t}):a.createElement(vt,{links:t})}var _t=n(50941);const xt={footerLogoLink:"footerLogoLink_BH7S"};function wt(e){let{logo:t}=e;const{withBaseUrl:n}=(0,X.C)(),r={light:n(t.src),dark:n(t.srcDark??t.src)};return a.createElement(_t.Z,{className:(0,o.Z)("footer__logo",t.className),alt:t.alt,sources:r,width:t.width,height:t.height,style:t.style})}function kt(e){let{logo:t}=e;return t.href?a.createElement(K.Z,{href:t.href,className:xt.footerLogoLink,target:t.target},a.createElement(wt,{logo:t})):a.createElement(wt,{logo:t})}function Et(e){let{copyright:t}=e;return a.createElement("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function St(e){let{style:t,links:n,logo:r,copyright:i}=e;return a.createElement("footer",{className:(0,o.Z)("footer",{"footer--dark":"dark"===t})},a.createElement("div",{className:"container container-fluid"},n,(r||i)&&a.createElement("div",{className:"footer__bottom text--center"},r&&a.createElement("div",{className:"margin-bottom--sm"},r),i)))}function zt(){const{footer:e}=(0,_.L)();if(!e)return null;const{copyright:t,links:n,logo:o,style:r}=e;return a.createElement(St,{style:r,links:n&&n.length>0&&a.createElement(yt,{links:n}),logo:o&&a.createElement(kt,{logo:o}),copyright:t&&a.createElement(Et,{copyright:t})})}const Ct=a.memo(zt),Tt=(0,O.Qc)([D.S,x.pl,L.OC,ve.L5,i.VC,function(e){let{children:t}=e;return a.createElement(P.n2,null,a.createElement(j.M,null,a.createElement(N,null,t)))}]);function jt(e){let{children:t}=e;return a.createElement(Tt,null,t)}function Lt(e){let{error:t,tryAgain:n}=e;return a.createElement("main",{className:"container margin-vert--xl"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col col--6 col--offset-3"},a.createElement("h1",{className:"hero__title"},a.createElement(c.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed"},"This page crashed.")),a.createElement("div",{className:"margin-vert--lg"},a.createElement(tt,{onClick:n,className:"button button--primary shadow--lw"})),a.createElement("hr",null),a.createElement("div",{className:"margin-vert--md"},a.createElement(nt,{error:t})))))}const Ot={mainWrapper:"mainWrapper_z2l0"};function Pt(e){const{children:t,noFooter:n,wrapperClassName:l,title:s,description:c}=e;return(0,h.t)(),a.createElement(jt,null,a.createElement(i.d,{title:s,description:c}),a.createElement(y,null),a.createElement(T,null),a.createElement(dt,null),a.createElement("div",{id:d,className:(0,o.Z)(m.k.wrapper.main,Ot.mainWrapper,l)},a.createElement(r.Z,{fallback:e=>a.createElement(Lt,e)},t)),!n&&a.createElement(Ct,null))}},21327:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var a=n(87462),o=n(67294),r=n(39960),i=n(44996),l=n(52263),s=n(86668),c=n(50941);function u(e){let{logo:t,alt:n,imageClassName:a}=e;const r={light:(0,i.Z)(t.src),dark:(0,i.Z)(t.srcDark||t.src)},l=o.createElement(c.Z,{className:t.className,sources:r,height:t.height,width:t.width,alt:n,style:t.style});return a?o.createElement("div",{className:a},l):l}function d(e){const{siteConfig:{title:t}}=(0,l.Z)(),{navbar:{title:n,logo:c}}=(0,s.L)(),{imageClassName:d,titleClassName:b,...f}=e,p=(0,i.Z)(c?.href||"/"),g=n?"":t,m=c?.alt??g;return o.createElement(r.Z,(0,a.Z)({to:p},f,c?.target&&{target:c.target}),c&&o.createElement(u,{logo:c,alt:m,imageClassName:d}),null!=n&&o.createElement("b",{className:b},n))}},90197:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(67294),o=n(35742);function r(e){let{locale:t,version:n,tag:r}=e;const i=t;return a.createElement(o.Z,null,t&&a.createElement("meta",{name:"docusaurus_locale",content:t}),n&&a.createElement("meta",{name:"docusaurus_version",content:n}),r&&a.createElement("meta",{name:"docusaurus_tag",content:r}),i&&a.createElement("meta",{name:"docsearch:language",content:i}),n&&a.createElement("meta",{name:"docsearch:version",content:n}),r&&a.createElement("meta",{name:"docsearch:docusaurus_tag",content:r}))}},50941:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var a=n(87462),o=n(67294),r=n(86010),i=n(72389),l=n(92949);const s={themedImage:"themedImage_ToTc","themedImage--light":"themedImage--light_HNdA","themedImage--dark":"themedImage--dark_i4oU"};function c(e){const t=(0,i.Z)(),{colorMode:n}=(0,l.I)(),{sources:c,className:u,alt:d,...b}=e,f=t?"dark"===n?["dark"]:["light"]:["light","dark"];return o.createElement(o.Fragment,null,f.map((e=>o.createElement("img",(0,a.Z)({key:e,src:c[e],alt:d,className:(0,r.Z)(s.themedImage,s[`themedImage--${e}`],u)},b)))))}},86043:(e,t,n)=>{"use strict";n.d(t,{u:()=>s,z:()=>m});var a=n(87462),o=n(67294),r=n(10412),i=n(91442);const l="ease-in-out";function s(e){let{initialState:t}=e;const[n,a]=(0,o.useState)(t??!1),r=(0,o.useCallback)((()=>{a((e=>!e))}),[]);return{collapsed:n,setCollapsed:a,toggleCollapsed:r}}const c={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?c:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function b(e){let{collapsibleRef:t,collapsed:n,animation:a}=e;const r=(0,o.useRef)(!1);(0,o.useEffect)((()=>{const e=t.current;function o(){const t=e.scrollHeight,n=a?.duration??function(e){if((0,i.n)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${a?.easing??l}`,height:`${t}px`}}function s(){const t=o();e.style.transition=t.transition,e.style.height=t.height}if(!r.current)return d(e,n),void(r.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(s(),requestAnimationFrame((()=>{e.style.height=c.height,e.style.overflow=c.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{s()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,a])}function f(e){if(!r.Z.canUseDOM)return e?c:u}function p(e){let{as:t="div",collapsed:n,children:a,animation:r,onCollapseTransitionEnd:i,className:l,disableSSRStyle:s}=e;const c=(0,o.useRef)(null);return b({collapsibleRef:c,collapsed:n,animation:r}),o.createElement(t,{ref:c,style:s?void 0:f(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(c.current,n),i?.(n))},className:l},a)}function g(e){let{collapsed:t,...n}=e;const[r,i]=(0,o.useState)(!t),[l,s]=(0,o.useState)(t);return(0,o.useLayoutEffect)((()=>{t||i(!0)}),[t]),(0,o.useLayoutEffect)((()=>{r&&s(t)}),[r,t]),r?o.createElement(p,(0,a.Z)({},n,{collapsed:l})):null}function m(e){let{lazy:t,...n}=e;const a=t?g:p;return o.createElement(a,n)}},59689:(e,t,n)=>{"use strict";n.d(t,{nT:()=>p,pl:()=>f});var a=n(67294),o=n(72389),r=n(50012),i=n(902),l=n(86668);const s=(0,r.WA)("docusaurus.announcement.dismiss"),c=(0,r.WA)("docusaurus.announcement.id"),u=()=>"true"===s.get(),d=e=>s.set(String(e)),b=a.createContext(null);function f(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,o.Z)(),[n,r]=(0,a.useState)((()=>!!t&&u()));(0,a.useEffect)((()=>{r(u())}),[]);const i=(0,a.useCallback)((()=>{d(!0),r(!0)}),[]);return(0,a.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=c.get();"annoucement-bar"===n&&(n="announcement-bar");const a=t!==n;c.set(t),a&&d(!1),!a&&u()||r(!1)}),[e]),(0,a.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return a.createElement(b.Provider,{value:n},t)}function p(){const e=(0,a.useContext)(b);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},92949:(e,t,n)=>{"use strict";n.d(t,{I:()=>m,S:()=>g});var a=n(67294),o=n(10412),r=n(902),i=n(50012),l=n(86668);const s=a.createContext(void 0),c="theme",u=(0,i.WA)(c),d={light:"light",dark:"dark"},b=e=>e===d.dark?d.dark:d.light,f=e=>o.Z.canUseDOM?b(document.documentElement.getAttribute("data-theme")):b(e),p=e=>{u.set(b(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[o,r]=(0,a.useState)(f(e));(0,a.useEffect)((()=>{t&&u.del()}),[t]);const i=(0,a.useCallback)((function(t,a){void 0===a&&(a={});const{persist:o=!0}=a;t?(r(t),o&&p(t)):(r(n?window.matchMedia("(prefers-color-scheme: dark)").matches?d.dark:d.light:e),u.del())}),[n,e]);(0,a.useEffect)((()=>{document.documentElement.setAttribute("data-theme",b(o))}),[o]),(0,a.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==c)return;const t=u.get();null!==t&&i(b(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,a.useRef)(!1);return(0,a.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(a),()=>e.removeListener(a)}),[i,t,n]),(0,a.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===d.dark},setLightTheme(){i(d.light)},setDarkTheme(){i(d.dark)}})),[o,i])}();return a.createElement(s.Provider,{value:n},t)}function m(){const e=(0,a.useContext)(s);if(null==e)throw new r.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},60373:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>m});var a=n(67294),o=n(80143),r=n(29935),i=n(86668),l=n(52802),s=n(902),c=n(50012);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,c.WA)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(u(e),{persistence:t}).del()}},b=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=a.createContext(null);function p(){const e=(0,o._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,a.useMemo)((()=>Object.keys(e)),[e]),[r,l]=(0,a.useState)((()=>b(n)));(0,a.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:a}=e;function o(e){const t=d.read(e,n);return a[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[r,(0,a.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function g(e){let{children:t}=e;const n=p();return a.createElement(f.Provider,{value:n},t)}function m(e){let{children:t}=e;return l.cE?a.createElement(g,null,t):a.createElement(a.Fragment,null,t)}function h(){const e=(0,a.useContext)(f);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=r.m);const t=(0,o.zh)(e),[n,i]=h(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,a.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},1116:(e,t,n)=>{"use strict";n.d(t,{V:()=>s,b:()=>l});var a=n(67294),o=n(902);const r=Symbol("EmptyContext"),i=a.createContext(r);function l(e){let{children:t,name:n,items:o}=e;const r=(0,a.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return a.createElement(i.Provider,{value:r},t)}function s(){const e=(0,a.useContext)(i);if(e===r)throw new o.i6("DocsSidebarProvider");return e}},72961:(e,t,n)=>{"use strict";n.d(t,{M:()=>b,e:()=>f});var a=n(67294),o=n(13102),r=n(87524),i=n(16550),l=(n(61688),n(902));function s(e){!function(e){const t=(0,i.k6)(),n=(0,l.zX)(e);(0,a.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var c=n(86668);const u=a.createContext(void 0);function d(){const e=function(){const e=(0,o.HY)(),{items:t}=(0,c.L)().navbar;return 0===t.length&&!e.component}(),t=(0,r.i)(),n=!e&&"mobile"===t,[i,l]=(0,a.useState)(!1);s((()=>{if(i)return l(!1),!1}));const u=(0,a.useCallback)((()=>{l((e=>!e))}),[]);return(0,a.useEffect)((()=>{"desktop"===t&&l(!1)}),[t]),(0,a.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:i})),[e,n,u,i])}function b(e){let{children:t}=e;const n=d();return a.createElement(u.Provider,{value:n},t)}function f(){const e=a.useContext(u);if(void 0===e)throw new l.i6("NavbarMobileSidebarProvider");return e}},13102:(e,t,n)=>{"use strict";n.d(t,{HY:()=>l,Zo:()=>s,n2:()=>i});var a=n(67294),o=n(902);const r=a.createContext(null);function i(e){let{children:t}=e;const n=(0,a.useState)({component:null,props:null});return a.createElement(r.Provider,{value:n},t)}function l(){const e=(0,a.useContext)(r);if(!e)throw new o.i6("NavbarSecondaryMenuContentProvider");return e[0]}function s(e){let{component:t,props:n}=e;const i=(0,a.useContext)(r);if(!i)throw new o.i6("NavbarSecondaryMenuContentProvider");const[,l]=i,s=(0,o.Ql)(n);return(0,a.useEffect)((()=>{l({component:t,props:s})}),[l,t,s]),(0,a.useEffect)((()=>()=>l({component:null,props:null})),[l]),null}},19727:(e,t,n)=>{"use strict";n.d(t,{h:()=>o,t:()=>r});var a=n(67294);const o="navigation-with-keyboard";function r(){(0,a.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},87524:(e,t,n)=>{"use strict";n.d(t,{i:()=>c});var a=n(67294),o=n(10412);const r={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function l(){return o.Z.canUseDOM?window.innerWidth>i?r.desktop:r.mobile:r.ssr}const s=!1;function c(){const[e,t]=(0,a.useState)((()=>s?"ssr":l()));return(0,a.useEffect)((()=>{function e(){t(l())}const n=s?window.setTimeout(e,1e3):void 0;return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),clearTimeout(n)}}),[]),e}},35281:(e,t,n)=>{"use strict";n.d(t,{k:()=>a});const a={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},91442:(e,t,n)=>{"use strict";function a(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{n:()=>a})},52802:(e,t,n)=>{"use strict";n.d(t,{Wl:()=>b,_F:()=>g,cE:()=>d,hI:()=>x,lO:()=>v,vY:()=>_,oz:()=>y,s1:()=>h});var a=n(67294),o=n(16550),r=n(18790),i=n(80143),l=n(60373),s=n(1116);function c(e){return Array.from(new Set(e))}var u=n(48596);const d=!!i._r;function b(e){if(e.href)return e.href;for(const t of e.items){if("link"===t.type)return t.href;if("category"===t.type){const e=b(t);if(e)return e}}}const f=(e,t)=>void 0!==e&&(0,u.Mg)(e,t),p=(e,t)=>e.some((e=>g(e,t)));function g(e,t){return"link"===e.type?f(e.href,t):"category"===e.type&&(f(e.href,t)||p(e.items,t))}function m(e){let{sidebarItems:t,pathname:n,onlyCategories:a=!1}=e;const o=[];return function e(t){for(const r of t)if("category"===r.type&&((0,u.Mg)(r.href,n)||e(r.items))||"link"===r.type&&(0,u.Mg)(r.href,n)){return a&&"category"!==r.type||o.unshift(r),!0}return!1}(t),o}function h(){const e=(0,s.V)(),{pathname:t}=(0,o.TH)(),n=(0,i.gA)()?.pluginData.breadcrumbs;return!1!==n&&e?m({sidebarItems:e.items,pathname:t}):null}function v(e){const{activeVersion:t}=(0,i.Iw)(e),{preferredVersion:n}=(0,l.J)(e),o=(0,i.yW)(e);return(0,a.useMemo)((()=>c([t,n,o].filter(Boolean))),[t,n,o])}function y(e,t){const n=v(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),a=t.find((t=>t[0]===e));if(!a)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return a[1]}),[e,n])}function _(e,t){const n=v(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),a=t.find((t=>t.id===e));if(!a){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${c(t.map((e=>e.id))).join("\n- ")}`)}return a}),[e,n])}function x(e){let{route:t,versionMetadata:n}=e;const a=(0,o.TH)(),i=t.routes,l=i.find((e=>(0,o.LX)(a.pathname,e)));if(!l)return null;const s=l.sidebar,c=s?n.docsSidebars[s]:void 0;return{docElement:(0,r.H)(i),sidebarName:s,sidebarItems:c}}},1944:(e,t,n)=>{"use strict";n.d(t,{FG:()=>b,d:()=>u,VC:()=>f});var a=n(67294),o=n(86010),r=n(35742),i=n(30226);function l(){const e=a.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(44996),c=n(52263);function u(e){let{title:t,description:n,keywords:o,image:i,children:l}=e;const u=function(e){const{siteConfig:t}=(0,c.Z)(),{title:n,titleDelimiter:a}=t;return e?.trim().length?`${e.trim()} ${a} ${n}`:n}(t),{withBaseUrl:d}=(0,s.C)(),b=i?d(i,{absolute:!0}):void 0;return a.createElement(r.Z,null,t&&a.createElement("title",null,u),t&&a.createElement("meta",{property:"og:title",content:u}),n&&a.createElement("meta",{name:"description",content:n}),n&&a.createElement("meta",{property:"og:description",content:n}),o&&a.createElement("meta",{name:"keywords",content:Array.isArray(o)?o.join(","):o}),b&&a.createElement("meta",{property:"og:image",content:b}),b&&a.createElement("meta",{name:"twitter:image",content:b}),l)}const d=a.createContext(void 0);function b(e){let{className:t,children:n}=e;const i=a.useContext(d),l=(0,o.Z)(i,t);return a.createElement(d.Provider,{value:l},a.createElement(r.Z,null,a.createElement("html",{className:l})),n)}function f(e){let{children:t}=e;const n=l(),r=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const i=`plugin-id-${n.plugin.id}`;return a.createElement(b,{className:(0,o.Z)(r,i)},t)}},902:(e,t,n)=>{"use strict";n.d(t,{D9:()=>i,Qc:()=>c,Ql:()=>s,i6:()=>l,zX:()=>r});var a=n(67294);const o=n(10412).Z.canUseDOM?a.useLayoutEffect:a.useEffect;function r(e){const t=(0,a.useRef)(e);return o((()=>{t.current=e}),[e]),(0,a.useCallback)((function(){return t.current(...arguments)}),[])}function i(e){const t=(0,a.useRef)();return o((()=>{t.current=e})),t.current}class l extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function s(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,a.useMemo)((()=>e),t.flat())}function c(e){return t=>{let{children:n}=t;return a.createElement(a.Fragment,null,e.reduceRight(((e,t)=>a.createElement(t,null,e)),n))}}},48596:(e,t,n)=>{"use strict";n.d(t,{Mg:()=>i,Ns:()=>l});var a=n(67294),o=n(723),r=n(52263);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function l(){const{baseUrl:e}=(0,r.Z)().siteConfig;return(0,a.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function a(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(a)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.Z,baseUrl:e})),[e])}},12466:(e,t,n)=>{"use strict";n.d(t,{Ct:()=>b,OC:()=>s,RF:()=>d});var a=n(67294),o=n(10412),r=n(72389),i=n(902);const l=a.createContext(void 0);function s(e){let{children:t}=e;const n=function(){const e=(0,a.useRef)(!0);return(0,a.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return a.createElement(l.Provider,{value:n},t)}function c(){const e=(0,a.useContext)(l);if(null==e)throw new i.i6("ScrollControllerProvider");return e}const u=()=>o.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),o=(0,a.useRef)(u()),r=(0,i.zX)(e);(0,a.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();r(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[r,n,...t])}function b(){const e=(0,a.useRef)(null),t=(0,r.Z)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function a(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(a),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},43320:(e,t,n)=>{"use strict";n.d(t,{HX:()=>a,os:()=>o});n(52263);const a="default";function o(e,t){return`docs-${e}-${t}`}},50012:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(67294),n(61688);const a="localStorage";function o(e){let{key:t,oldValue:n,newValue:a,storage:o}=e;if(n===a)return;const r=document.createEvent("StorageEvent");r.initStorageEvent("storage",!1,!1,t,n,a,window.location.href,o),window.dispatchEvent(r)}function r(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=r(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const a=n.getItem(e);n.setItem(e,t),o({key:e,oldValue:a,newValue:t,storage:n})}catch(a){console.error(`Docusaurus storage error, can't set ${e}=${t}`,a)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),o({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const a=a=>{a.storageArea===n&&a.key===e&&t(a)};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)}catch(a){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,a),()=>{}}}}}},94711:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var a=n(52263),o=n(16550),r=n(18780);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:l}}=(0,a.Z)(),{pathname:s}=(0,o.TH)(),c=(0,r.applyTrailingSlash)(s,{trailingSlash:n,baseUrl:e}),u=l===i?e:e.replace(`/${l}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:a}=e;return`${a?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},85936:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var a=n(67294),o=n(16550),r=n(902);function i(e){const t=(0,o.TH)(),n=(0,r.D9)(t),i=(0,r.zX)(e);(0,a.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},86668:(e,t,n)=>{"use strict";n.d(t,{L:()=>o});var a=n(52263);function o(){return(0,a.Z)().siteConfig.themeConfig}},8802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:a}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[o]=e.split(/[#?]/),r="/"===o||o===a?o:(i=o,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(o,r)}},54143:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},18780:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var o=n(8802);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return a(o).default}});var r=n(54143);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return r.getErrorCausalChain}})},80311:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var a=n(67294),o=n(86010);const r={loadingRing:"loadingRing_RJI3","loading-ring":"loading-ring_FB5o"};function i(e){let{className:t}=e;return a.createElement("div",{className:(0,o.Z)(r.loadingRing,t)},a.createElement("div",null),a.createElement("div",null),a.createElement("div",null),a.createElement("div",null))}},90022:(e,t,n)=>{"use strict";n.d(t,{w:()=>i});var a=n(31336),o=n.n(a),r=n(61029);async function i(e){{const t=await(await fetch(`${e}search-index.json?_=${r.rx}`)).json(),n=t.map(((e,t)=>{let{documents:n,index:a}=e;return{type:t,documents:n,index:o().Index.load(a)}})),a=t.reduce(((e,t)=>{for(const n of t.index.invertedIndex)/\p{Unified_Ideograph}/u.test(n[0][0])&&e.add(n[0]);return e}),new Set);return{wrappedIndexes:n,zhDictionary:Array.from(a)}}}},98202:(e,t,n)=>{"use strict";n.d(t,{v:()=>s});var a=n(31336),o=n.n(a);var r=n(61029);function i(e){return l(e).concat(l(e.filter((e=>{const t=e[e.length-1];return!t.trailing&&t.maybeTyping})),!0))}function l(e,t){return e.map((e=>({tokens:e.map((e=>e.value)),term:e.map((e=>({value:e.value,presence:o().Query.presence.REQUIRED,wildcard:(t?e.trailing||e.maybeTyping:e.trailing)?o().Query.wildcard.TRAILING:o().Query.wildcard.NONE})))})))}function s(e,t,n){return function(a,l){const s=function(e,t){if(1===t.length&&["ja","jp","th"].includes(t[0]))return o()[t[0]].tokenizer(e).map((e=>e.toString()));let n=/[^-\s]+/g;return t.includes("zh")&&(n=/\w+|\p{Unified_Ideograph}+/gu),e.toLowerCase().match(n)||[]}(a,r.dK);if(0===s.length)return void l([]);const c=function(e,t){const n=function(e,t){const n=[];return function e(a,o){if(0===a.length)return void n.push(o);const r=a[0];if(/\p{Unified_Ideograph}/u.test(r)){const n=function(e,t){const n=[];return function e(a,o){let r=0,i=!1;for(const l of t)if(a.substr(0,l.length)===l){const t={missed:o.missed,term:o.term.concat({value:l})};a.length>l.length?e(a.substr(l.length),t):n.push(t),i=!0}else for(let t=l.length-1;t>r;t-=1){const s=l.substr(0,t);if(a.substr(0,t)===s){r=t;const l={missed:o.missed,term:o.term.concat({value:s,trailing:!0})};a.length>t?e(a.substr(t),l):n.push(l),i=!0;break}}i||(a.length>0?e(a.substr(1),{missed:o.missed+1,term:o.term}):o.term.length>0&&n.push(o))}(e,{missed:0,term:[]}),n.sort(((e,t)=>{const n=e.missed>0?1:0,a=t.missed>0?1:0;return n!==a?n-a:e.term.length-t.term.length})).map((e=>e.term))}(r,t);for(const t of n){const n=o.concat(...t);e(a.slice(1),n)}}else{const t=o.concat({value:r});e(a.slice(1),t)}}(e,[]),n}(e,t);if(0===n.length)return[{tokens:e,term:e.map((e=>({value:e,presence:o().Query.presence.REQUIRED,wildcard:o().Query.wildcard.LEADING|o().Query.wildcard.TRAILING})))}];for(const o of n)o[o.length-1].maybeTyping=!0;const a=[];for(const i of r.dK)if("en"===i)r._k||a.unshift(o().stopWordFilter);else{const e=o()[i];e.stopWordFilter&&a.unshift(e.stopWordFilter)}let l;if(a.length>0){const e=e=>a.reduce(((e,t)=>e.filter((e=>t(e.value)))),e);l=[];const t=[];for(const a of n){const n=e(a);l.push(n),n.length<a.length&&n.length>0&&t.push(n)}n.push(...t)}else l=n.slice();const s=[];for(const o of l)if(o.length>2)for(let e=o.length-1;e>=0;e-=1)s.push(o.slice(0,e).concat(o.slice(e+1)));return i(n).concat(i(s))}(s,t),u=[];e:for(const{term:t,tokens:o}of c)for(const{documents:a,index:r,type:i}of e)if(u.push(...r.query((e=>{for(const n of t)e.term(n.value,{wildcard:n.wildcard,presence:n.presence})})).slice(0,n).filter((e=>!u.some((t=>t.document.i.toString()===e.ref)))).slice(0,n-u.length).map((t=>{const n=a.find((e=>e.i.toString()===t.ref));return{document:n,type:i,page:0!==i&&e[0].documents.find((e=>e.i===n.p)),metadata:t.matchData.metadata,tokens:o,score:t.score}}))),u.length>=n)break e;!function(e){e.forEach(((e,t)=>{e.index=t})),e.sort(((t,n)=>{let a=t.type>0&&t.page?e.findIndex((e=>e.document===t.page)):t.index,o=n.type>0&&n.page?e.findIndex((e=>e.document===n.page)):n.index;return-1===a&&(a=t.index),-1===o&&(o=n.index),a===o?0===t.type?-1:0===n.type?1:t.index-n.index:a-o}))}(u),function(e){e.forEach(((t,n)=>{n>0&&t.page&&e.some((e=>e.document===t.page))&&(n<e.length-1&&e[n+1].page===t.page?t.isInterOfTree=!0:t.isLastOfTree=!0)}))}(u),l(u)}}},73926:(e,t,n)=>{"use strict";function a(e){return e.join(" \u203a ")}n.d(t,{e:()=>a})},21690:(e,t,n)=>{"use strict";function a(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}n.d(t,{X:()=>a})},91073:(e,t,n)=>{"use strict";function a(e,t){const n=[];for(const a of Object.values(e))a[t]&&n.push(...a[t].position);return n.sort(((e,t)=>e[0]-t[0]||t[1]-e[1]))}n.d(t,{m:()=>a})},82539:(e,t,n)=>{"use strict";n.d(t,{C:()=>o});var a=n(21690);function o(e,t,n){const r=[];for(const i of t){const n=e.toLowerCase().indexOf(i);if(n>=0){n>0&&r.push(o(e.substr(0,n),t)),r.push(`<mark>${(0,a.X)(e.substr(n,i.length))}</mark>`);const l=n+i.length;l<e.length&&r.push(o(e.substr(l),t));break}}return 0===r.length?n?`<mark>${(0,a.X)(e)}</mark>`:(0,a.X)(e):r.join("")}},10726:(e,t,n)=>{"use strict";n.d(t,{o:()=>s});var a=n(21690),o=n(82539);const r=/\w+|\p{Unified_Ideograph}/u;function i(e){const t=[];let n=0,a=e;for(;a.length>0;){const o=a.match(r);if(!o){t.push(a);break}o.index>0&&t.push(a.substring(0,o.index)),t.push(o[0]),n+=o.index+o[0].length,a=e.substring(n)}return t}var l=n(61029);function s(e,t,n,r){void 0===r&&(r=l.Hk);const{chunkIndex:s,chunks:c}=function(e,t,n){const r=[];let l=0,s=0,c=-1;for(;l<t.length;){const[u,d]=t[l];if(l+=1,!(u<s)){if(u>s){const t=i(e.substring(s,u)).map((e=>({html:(0,a.X)(e),textLength:e.length})));for(const e of t)r.push(e)}-1===c&&(c=r.length),s=u+d,r.push({html:(0,o.C)(e.substring(u,s),n,!0),textLength:d})}}if(s<e.length){const t=i(e.substring(s)).map((e=>({html:(0,a.X)(e),textLength:e.length})));for(const e of t)r.push(e)}return{chunkIndex:c,chunks:r}}(e,t,n),u=c.slice(0,s),d=c[s],b=[d.html],f=c.slice(s+1);let p=d.textLength,g=0,m=0,h=!1,v=!1;for(;p<r;)if((g<=m||0===f.length)&&u.length>0){const e=u.pop();p+e.textLength<=r?(b.unshift(e.html),g+=e.textLength,p+=e.textLength):(h=!0,u.length=0)}else{if(!(f.length>0))break;{const e=f.shift();p+e.textLength<=r?(b.push(e.html),m+=e.textLength,p+=e.textLength):(v=!0,f.length=0)}}return(h||u.length>0)&&b.unshift("\u2026"),(v||f.length>0)&&b.push("\u2026"),b.join("")}},61029:(e,t,n)=>{"use strict";n.d(t,{vc:()=>r,gQ:()=>b,H6:()=>c,rx:()=>i,dK:()=>a,_k:()=>o,AY:()=>u,t_:()=>d,Hk:()=>s,qo:()=>l});n(31336);const a=["en"],o=!1,r=null,i=null,l=8,s=50,c=!1,u=!0,d=!0,b=void 0},86010:(e,t,n)=>{"use strict";function a(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=a(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}n.d(t,{Z:()=>o});const o=function(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=a(e))&&(o&&(o+=" "),o+=t);return o}},42358:(e,t,n)=>{"use strict";n.d(t,{lX:()=>k,q_:()=>j,ob:()=>g,PP:()=>O,Ep:()=>p,Hp:()=>m});var a=n(87462);function o(e){return"/"===e.charAt(0)}function r(e,t){for(var n=t,a=n+1,o=e.length;a<o;n+=1,a+=1)e[n]=e[a];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,a=e&&e.split("/")||[],i=t&&t.split("/")||[],l=e&&o(e),s=t&&o(t),c=l||s;if(e&&o(e)?i=a:a.length&&(i.pop(),i=i.concat(a)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,b=i.length;b>=0;b--){var f=i[b];"."===f?r(i,b):".."===f?(r(i,b),d++):d&&(r(i,b),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var p=i.join("/");return n&&"/"!==p.substr(-1)&&(p+="/"),p};function l(e){return e.valueOf?e.valueOf():Object.prototype.valueOf.call(e)}const s=function e(t,n){if(t===n)return!0;if(null==t||null==n)return!1;if(Array.isArray(t))return Array.isArray(n)&&t.length===n.length&&t.every((function(t,a){return e(t,n[a])}));if("object"==typeof t||"object"==typeof n){var a=l(t),o=l(n);return a!==t||o!==n?e(a,o):Object.keys(Object.assign({},t,n)).every((function(a){return e(t[a],n[a])}))}return!1};var c=n(38776);function u(e){return"/"===e.charAt(0)?e:"/"+e}function d(e){return"/"===e.charAt(0)?e.substr(1):e}function b(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function f(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,a=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(o+="#"===a.charAt(0)?a:"#"+a),o}function g(e,t,n,o){var r;"string"==typeof e?(r=function(e){var t=e||"/",n="",a="",o=t.indexOf("#");-1!==o&&(a=t.substr(o),t=t.substr(0,o));var r=t.indexOf("?");return-1!==r&&(n=t.substr(r),t=t.substr(0,r)),{pathname:t,search:"?"===n?"":n,hash:"#"===a?"":a}}(e),r.state=t):(void 0===(r=(0,a.Z)({},e)).pathname&&(r.pathname=""),r.search?"?"!==r.search.charAt(0)&&(r.search="?"+r.search):r.search="",r.hash?"#"!==r.hash.charAt(0)&&(r.hash="#"+r.hash):r.hash="",void 0!==t&&void 0===r.state&&(r.state=t));try{r.pathname=decodeURI(r.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+r.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(r.key=n),o?r.pathname?"/"!==r.pathname.charAt(0)&&(r.pathname=i(r.pathname,o.pathname)):r.pathname=o.pathname:r.pathname||(r.pathname="/"),r}function m(e,t){return e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&e.key===t.key&&s(e.state,t.state)}function h(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,a,o){if(null!=e){var r="function"==typeof e?e(t,n):e;"string"==typeof r?"function"==typeof a?a(r,o):o(!0):o(!1!==r)}else o(!0)},appendListener:function(e){var n=!0;function a(){n&&e.apply(void 0,arguments)}return t.push(a),function(){n=!1,t=t.filter((function(e){return e!==a}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];t.forEach((function(e){return e.apply(void 0,n)}))}}}var v=!("undefined"==typeof window||!window.document||!window.document.createElement);function y(e,t){t(window.confirm(e))}var _="popstate",x="hashchange";function w(){try{return window.history.state||{}}catch(e){return{}}}function k(e){void 0===e&&(e={}),v||(0,c.Z)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,r=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,l=i.forceRefresh,s=void 0!==l&&l,d=i.getUserConfirmation,m=void 0===d?y:d,k=i.keyLength,E=void 0===k?6:k,S=e.basename?f(u(e.basename)):"";function z(e){var t=e||{},n=t.key,a=t.state,o=window.location,r=o.pathname+o.search+o.hash;return S&&(r=b(r,S)),g(r,a,n)}function C(){return Math.random().toString(36).substr(2,E)}var T=h();function j(e){(0,a.Z)($,e),$.length=n.length,T.notifyListeners($.location,$.action)}function L(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||M(z(e.state))}function O(){M(z(w()))}var P=!1;function M(e){if(P)P=!1,j();else{T.confirmTransitionTo(e,"POP",m,(function(t){t?j({action:"POP",location:e}):function(e){var t=$.location,n=A.indexOf(t.key);-1===n&&(n=0);var a=A.indexOf(e.key);-1===a&&(a=0);var o=n-a;o&&(P=!0,R(o))}(e)}))}}var N=z(w()),A=[N.key];function I(e){return S+p(e)}function R(e){n.go(e)}var D=0;function F(e){1===(D+=e)&&1===e?(window.addEventListener(_,L),r&&window.addEventListener(x,O)):0===D&&(window.removeEventListener(_,L),r&&window.removeEventListener(x,O))}var B=!1;var $={length:n.length,action:"POP",location:N,createHref:I,push:function(e,t){var a="PUSH",r=g(e,t,C(),$.location);T.confirmTransitionTo(r,a,m,(function(e){if(e){var t=I(r),i=r.key,l=r.state;if(o)if(n.pushState({key:i,state:l},null,t),s)window.location.href=t;else{var c=A.indexOf($.location.key),u=A.slice(0,c+1);u.push(r.key),A=u,j({action:a,location:r})}else window.location.href=t}}))},replace:function(e,t){var a="REPLACE",r=g(e,t,C(),$.location);T.confirmTransitionTo(r,a,m,(function(e){if(e){var t=I(r),i=r.key,l=r.state;if(o)if(n.replaceState({key:i,state:l},null,t),s)window.location.replace(t);else{var c=A.indexOf($.location.key);-1!==c&&(A[c]=r.key),j({action:a,location:r})}else window.location.replace(t)}}))},go:R,goBack:function(){R(-1)},goForward:function(){R(1)},block:function(e){void 0===e&&(e=!1);var t=T.setPrompt(e);return B||(F(1),B=!0),function(){return B&&(B=!1,F(-1)),t()}},listen:function(e){var t=T.appendListener(e);return F(1),function(){F(-1),t()}}};return $}var E="hashchange",S={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+d(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:d,decodePath:u},slash:{encodePath:u,decodePath:u}};function z(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function C(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function T(e){window.location.replace(z(window.location.href)+"#"+e)}function j(e){void 0===e&&(e={}),v||(0,c.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,r=void 0===o?y:o,i=n.hashType,l=void 0===i?"slash":i,s=e.basename?f(u(e.basename)):"",d=S[l],m=d.encodePath,_=d.decodePath;function x(){var e=_(C());return s&&(e=b(e,s)),g(e)}var w=h();function k(e){(0,a.Z)(B,e),B.length=t.length,w.notifyListeners(B.location,B.action)}var j=!1,L=null;function O(){var e,t,n=C(),a=m(n);if(n!==a)T(a);else{var o=x(),i=B.location;if(!j&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(L===p(o))return;L=null,function(e){if(j)j=!1,k();else{var t="POP";w.confirmTransitionTo(e,t,r,(function(n){n?k({action:t,location:e}):function(e){var t=B.location,n=A.lastIndexOf(p(t));-1===n&&(n=0);var a=A.lastIndexOf(p(e));-1===a&&(a=0);var o=n-a;o&&(j=!0,I(o))}(e)}))}}(o)}}var P=C(),M=m(P);P!==M&&T(M);var N=x(),A=[p(N)];function I(e){t.go(e)}var R=0;function D(e){1===(R+=e)&&1===e?window.addEventListener(E,O):0===R&&window.removeEventListener(E,O)}var F=!1;var B={length:t.length,action:"POP",location:N,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=z(window.location.href)),n+"#"+m(s+p(e))},push:function(e,t){var n="PUSH",a=g(e,void 0,void 0,B.location);w.confirmTransitionTo(a,n,r,(function(e){if(e){var t=p(a),o=m(s+t);if(C()!==o){L=t,function(e){window.location.hash=e}(o);var r=A.lastIndexOf(p(B.location)),i=A.slice(0,r+1);i.push(t),A=i,k({action:n,location:a})}else k()}}))},replace:function(e,t){var n="REPLACE",a=g(e,void 0,void 0,B.location);w.confirmTransitionTo(a,n,r,(function(e){if(e){var t=p(a),o=m(s+t);C()!==o&&(L=t,T(o));var r=A.indexOf(p(B.location));-1!==r&&(A[r]=t),k({action:n,location:a})}}))},go:I,goBack:function(){I(-1)},goForward:function(){I(1)},block:function(e){void 0===e&&(e=!1);var t=w.setPrompt(e);return F||(D(1),F=!0),function(){return F&&(F=!1,D(-1)),t()}},listen:function(e){var t=w.appendListener(e);return D(1),function(){D(-1),t()}}};return B}function L(e,t,n){return Math.min(Math.max(e,t),n)}function O(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,r=void 0===o?["/"]:o,i=t.initialIndex,l=void 0===i?0:i,s=t.keyLength,c=void 0===s?6:s,u=h();function d(e){(0,a.Z)(_,e),_.length=_.entries.length,u.notifyListeners(_.location,_.action)}function b(){return Math.random().toString(36).substr(2,c)}var f=L(l,0,r.length-1),m=r.map((function(e){return g(e,void 0,"string"==typeof e?b():e.key||b())})),v=p;function y(e){var t=L(_.index+e,0,_.entries.length-1),a=_.entries[t];u.confirmTransitionTo(a,"POP",n,(function(e){e?d({action:"POP",location:a,index:t}):d()}))}var _={length:m.length,action:"POP",location:m[f],index:f,entries:m,createHref:v,push:function(e,t){var a="PUSH",o=g(e,t,b(),_.location);u.confirmTransitionTo(o,a,n,(function(e){if(e){var t=_.index+1,n=_.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:a,location:o,index:t,entries:n})}}))},replace:function(e,t){var a="REPLACE",o=g(e,t,b(),_.location);u.confirmTransitionTo(o,a,n,(function(e){e&&(_.entries[_.index]=o,d({action:a,location:o}))}))},go:y,goBack:function(){y(-1)},goForward:function(){y(1)},canGo:function(e){var t=_.index+e;return t>=0&&t<_.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return _}},8679:(e,t,n)=>{"use strict";var a=n(59864),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},r={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return a.isMemo(e)?i:l[e.$$typeof]||o}l[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[a.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,b=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,p=Object.prototype;e.exports=function e(t,n,a){if("string"!=typeof n){if(p){var o=f(n);o&&o!==p&&e(t,o,a)}var i=u(n);d&&(i=i.concat(d(n)));for(var l=s(t),g=s(n),m=0;m<i.length;++m){var h=i[m];if(!(r[h]||a&&a[h]||g&&g[h]||l&&l[h])){var v=b(n,h);try{c(t,h,v)}catch(y){}}}}return t}},41143:e=>{"use strict";e.exports=function(e,t,n,a,o,r,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,a,o,r,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},5826:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},31336:(e,t,n)=>{var a,o;!function(){var r,i,l,s,c,u,d,b,f,p,g,m,h,v,y,_,x,w,k,E,S,z,C,T,j,L,O,P,M,N,A=function(e){var t=new A.Builder;return t.pipeline.add(A.trimmer,A.stopWordFilter,A.stemmer),t.searchPipeline.add(A.stemmer),e.call(t,t),t.build()};A.version="2.3.9",A.utils={},A.utils.warn=(r=this,function(e){r.console&&console.warn&&console.warn(e)}),A.utils.asString=function(e){return null==e?"":e.toString()},A.utils.clone=function(e){if(null==e)return e;for(var t=Object.create(null),n=Object.keys(e),a=0;a<n.length;a++){var o=n[a],r=e[o];if(Array.isArray(r))t[o]=r.slice();else{if("string"!=typeof r&&"number"!=typeof r&&"boolean"!=typeof r)throw new TypeError("clone is not deep and does not support nested objects");t[o]=r}}return t},A.FieldRef=function(e,t,n){this.docRef=e,this.fieldName=t,this._stringValue=n},A.FieldRef.joiner="/",A.FieldRef.fromString=function(e){var t=e.indexOf(A.FieldRef.joiner);if(-1===t)throw"malformed field ref string";var n=e.slice(0,t),a=e.slice(t+1);return new A.FieldRef(a,n,e)},A.FieldRef.prototype.toString=function(){return null==this._stringValue&&(this._stringValue=this.fieldName+A.FieldRef.joiner+this.docRef),this._stringValue},A.Set=function(e){if(this.elements=Object.create(null),e){this.length=e.length;for(var t=0;t<this.length;t++)this.elements[e[t]]=!0}else this.length=0},A.Set.complete={intersect:function(e){return e},union:function(){return this},contains:function(){return!0}},A.Set.empty={intersect:function(){return this},union:function(e){return e},contains:function(){return!1}},A.Set.prototype.contains=function(e){return!!this.elements[e]},A.Set.prototype.intersect=function(e){var t,n,a,o=[];if(e===A.Set.complete)return this;if(e===A.Set.empty)return e;this.length<e.length?(t=this,n=e):(t=e,n=this),a=Object.keys(t.elements);for(var r=0;r<a.length;r++){var i=a[r];i in n.elements&&o.push(i)}return new A.Set(o)},A.Set.prototype.union=function(e){return e===A.Set.complete?A.Set.complete:e===A.Set.empty?this:new A.Set(Object.keys(this.elements).concat(Object.keys(e.elements)))},A.idf=function(e,t){var n=0;for(var a in e)"_index"!=a&&(n+=Object.keys(e[a]).length);var o=(t-n+.5)/(n+.5);return Math.log(1+Math.abs(o))},A.Token=function(e,t){this.str=e||"",this.metadata=t||{}},A.Token.prototype.toString=function(){return this.str},A.Token.prototype.update=function(e){return this.str=e(this.str,this.metadata),this},A.Token.prototype.clone=function(e){return e=e||function(e){return e},new A.Token(e(this.str,this.metadata),this.metadata)},A.tokenizer=function(e,t){if(null==e||null==e)return[];if(Array.isArray(e))return e.map((function(e){return new A.Token(A.utils.asString(e).toLowerCase(),A.utils.clone(t))}));for(var n=e.toString().toLowerCase(),a=n.length,o=[],r=0,i=0;r<=a;r++){var l=r-i;if(n.charAt(r).match(A.tokenizer.separator)||r==a){if(l>0){var s=A.utils.clone(t)||{};s.position=[i,l],s.index=o.length,o.push(new A.Token(n.slice(i,r),s))}i=r+1}}return o},A.tokenizer.separator=/[\s\-]+/,A.Pipeline=function(){this._stack=[]},A.Pipeline.registeredFunctions=Object.create(null),A.Pipeline.registerFunction=function(e,t){t in this.registeredFunctions&&A.utils.warn("Overwriting existing registered function: "+t),e.label=t,A.Pipeline.registeredFunctions[e.label]=e},A.Pipeline.warnIfFunctionNotRegistered=function(e){e.label&&e.label in this.registeredFunctions||A.utils.warn("Function is not registered with pipeline. This may cause problems when serialising the index.\n",e)},A.Pipeline.load=function(e){var t=new A.Pipeline;return e.forEach((function(e){var n=A.Pipeline.registeredFunctions[e];if(!n)throw new Error("Cannot load unregistered function: "+e);t.add(n)})),t},A.Pipeline.prototype.add=function(){Array.prototype.slice.call(arguments).forEach((function(e){A.Pipeline.warnIfFunctionNotRegistered(e),this._stack.push(e)}),this)},A.Pipeline.prototype.after=function(e,t){A.Pipeline.warnIfFunctionNotRegistered(t);var n=this._stack.indexOf(e);if(-1==n)throw new Error("Cannot find existingFn");n+=1,this._stack.splice(n,0,t)},A.Pipeline.prototype.before=function(e,t){A.Pipeline.warnIfFunctionNotRegistered(t);var n=this._stack.indexOf(e);if(-1==n)throw new Error("Cannot find existingFn");this._stack.splice(n,0,t)},A.Pipeline.prototype.remove=function(e){var t=this._stack.indexOf(e);-1!=t&&this._stack.splice(t,1)},A.Pipeline.prototype.run=function(e){for(var t=this._stack.length,n=0;n<t;n++){for(var a=this._stack[n],o=[],r=0;r<e.length;r++){var i=a(e[r],r,e);if(null!=i&&""!==i)if(Array.isArray(i))for(var l=0;l<i.length;l++)o.push(i[l]);else o.push(i)}e=o}return e},A.Pipeline.prototype.runString=function(e,t){var n=new A.Token(e,t);return this.run([n]).map((function(e){return e.toString()}))},A.Pipeline.prototype.reset=function(){this._stack=[]},A.Pipeline.prototype.toJSON=function(){return this._stack.map((function(e){return A.Pipeline.warnIfFunctionNotRegistered(e),e.label}))},A.Vector=function(e){this._magnitude=0,this.elements=e||[]},A.Vector.prototype.positionForIndex=function(e){if(0==this.elements.length)return 0;for(var t=0,n=this.elements.length/2,a=n-t,o=Math.floor(a/2),r=this.elements[2*o];a>1&&(r<e&&(t=o),r>e&&(n=o),r!=e);)a=n-t,o=t+Math.floor(a/2),r=this.elements[2*o];return r==e||r>e?2*o:r<e?2*(o+1):void 0},A.Vector.prototype.insert=function(e,t){this.upsert(e,t,(function(){throw"duplicate index"}))},A.Vector.prototype.upsert=function(e,t,n){this._magnitude=0;var a=this.positionForIndex(e);this.elements[a]==e?this.elements[a+1]=n(this.elements[a+1],t):this.elements.splice(a,0,e,t)},A.Vector.prototype.magnitude=function(){if(this._magnitude)return this._magnitude;for(var e=0,t=this.elements.length,n=1;n<t;n+=2){var a=this.elements[n];e+=a*a}return this._magnitude=Math.sqrt(e)},A.Vector.prototype.dot=function(e){for(var t=0,n=this.elements,a=e.elements,o=n.length,r=a.length,i=0,l=0,s=0,c=0;s<o&&c<r;)(i=n[s])<(l=a[c])?s+=2:i>l?c+=2:i==l&&(t+=n[s+1]*a[c+1],s+=2,c+=2);return t},A.Vector.prototype.similarity=function(e){return this.dot(e)/this.magnitude()||0},A.Vector.prototype.toArray=function(){for(var e=new Array(this.elements.length/2),t=1,n=0;t<this.elements.length;t+=2,n++)e[n]=this.elements[t];return e},A.Vector.prototype.toJSON=function(){return this.elements},A.stemmer=(i={ational:"ate",tional:"tion",enci:"ence",anci:"ance",izer:"ize",bli:"ble",alli:"al",entli:"ent",eli:"e",ousli:"ous",ization:"ize",ation:"ate",ator:"ate",alism:"al",iveness:"ive",fulness:"ful",ousness:"ous",aliti:"al",iviti:"ive",biliti:"ble",logi:"log"},l={icate:"ic",ative:"",alize:"al",iciti:"ic",ical:"ic",ful:"",ness:""},d="^("+(c="[^aeiou][^aeiouy]*")+")?"+(u=(s="[aeiouy]")+"[aeiou]*")+c+"("+u+")?$",b="^("+c+")?"+u+c+u+c,f="^("+c+")?"+s,p=new RegExp("^("+c+")?"+u+c),g=new RegExp(b),m=new RegExp(d),h=new RegExp(f),v=/^(.+?)(ss|i)es$/,y=/^(.+?)([^s])s$/,_=/^(.+?)eed$/,x=/^(.+?)(ed|ing)$/,w=/.$/,k=/(at|bl|iz)$/,E=new RegExp("([^aeiouylsz])\\1$"),S=new RegExp("^"+c+s+"[^aeiouwxy]$"),z=/^(.+?[^aeiou])y$/,C=/^(.+?)(ational|tional|enci|anci|izer|bli|alli|entli|eli|ousli|ization|ation|ator|alism|iveness|fulness|ousness|aliti|iviti|biliti|logi)$/,T=/^(.+?)(icate|ative|alize|iciti|ical|ful|ness)$/,j=/^(.+?)(al|ance|ence|er|ic|able|ible|ant|ement|ment|ent|ou|ism|ate|iti|ous|ive|ize)$/,L=/^(.+?)(s|t)(ion)$/,O=/^(.+?)e$/,P=/ll$/,M=new RegExp("^"+c+s+"[^aeiouwxy]$"),N=function(e){var t,n,a,o,r,s,c;if(e.length<3)return e;if("y"==(a=e.substr(0,1))&&(e=a.toUpperCase()+e.substr(1)),r=y,(o=v).test(e)?e=e.replace(o,"$1$2"):r.test(e)&&(e=e.replace(r,"$1$2")),r=x,(o=_).test(e)){var u=o.exec(e);(o=p).test(u[1])&&(o=w,e=e.replace(o,""))}else r.test(e)&&(t=(u=r.exec(e))[1],(r=h).test(t)&&(s=E,c=S,(r=k).test(e=t)?e+="e":s.test(e)?(o=w,e=e.replace(o,"")):c.test(e)&&(e+="e")));return(o=z).test(e)&&(e=(t=(u=o.exec(e))[1])+"i"),(o=C).test(e)&&(t=(u=o.exec(e))[1],n=u[2],(o=p).test(t)&&(e=t+i[n])),(o=T).test(e)&&(t=(u=o.exec(e))[1],n=u[2],(o=p).test(t)&&(e=t+l[n])),r=L,(o=j).test(e)?(t=(u=o.exec(e))[1],(o=g).test(t)&&(e=t)):r.test(e)&&(t=(u=r.exec(e))[1]+u[2],(r=g).test(t)&&(e=t)),(o=O).test(e)&&(t=(u=o.exec(e))[1],r=m,s=M,((o=g).test(t)||r.test(t)&&!s.test(t))&&(e=t)),r=g,(o=P).test(e)&&r.test(e)&&(o=w,e=e.replace(o,"")),"y"==a&&(e=a.toLowerCase()+e.substr(1)),e},function(e){return e.update(N)}),A.Pipeline.registerFunction(A.stemmer,"stemmer"),A.generateStopWordFilter=function(e){var t=e.reduce((function(e,t){return e[t]=t,e}),{});return function(e){if(e&&t[e.toString()]!==e.toString())return e}},A.stopWordFilter=A.generateStopWordFilter(["a","able","about","across","after","all","almost","also","am","among","an","and","any","are","as","at","be","because","been","but","by","can","cannot","could","dear","did","do","does","either","else","ever","every","for","from","get","got","had","has","have","he","her","hers","him","his","how","however","i","if","in","into","is","it","its","just","least","let","like","likely","may","me","might","most","must","my","neither","no","nor","not","of","off","often","on","only","or","other","our","own","rather","said","say","says","she","should","since","so","some","than","that","the","their","them","then","there","these","they","this","tis","to","too","twas","us","wants","was","we","were","what","when","where","which","while","who","whom","why","will","with","would","yet","you","your"]),A.Pipeline.registerFunction(A.stopWordFilter,"stopWordFilter"),A.trimmer=function(e){return e.update((function(e){return e.replace(/^\W+/,"").replace(/\W+$/,"")}))},A.Pipeline.registerFunction(A.trimmer,"trimmer"),A.TokenSet=function(){this.final=!1,this.edges={},this.id=A.TokenSet._nextId,A.TokenSet._nextId+=1},A.TokenSet._nextId=1,A.TokenSet.fromArray=function(e){for(var t=new A.TokenSet.Builder,n=0,a=e.length;n<a;n++)t.insert(e[n]);return t.finish(),t.root},A.TokenSet.fromClause=function(e){return"editDistance"in e?A.TokenSet.fromFuzzyString(e.term,e.editDistance):A.TokenSet.fromString(e.term)},A.TokenSet.fromFuzzyString=function(e,t){for(var n=new A.TokenSet,a=[{node:n,editsRemaining:t,str:e}];a.length;){var o=a.pop();if(o.str.length>0){var r,i=o.str.charAt(0);i in o.node.edges?r=o.node.edges[i]:(r=new A.TokenSet,o.node.edges[i]=r),1==o.str.length&&(r.final=!0),a.push({node:r,editsRemaining:o.editsRemaining,str:o.str.slice(1)})}if(0!=o.editsRemaining){if("*"in o.node.edges)var l=o.node.edges["*"];else{l=new A.TokenSet;o.node.edges["*"]=l}if(0==o.str.length&&(l.final=!0),a.push({node:l,editsRemaining:o.editsRemaining-1,str:o.str}),o.str.length>1&&a.push({node:o.node,editsRemaining:o.editsRemaining-1,str:o.str.slice(1)}),1==o.str.length&&(o.node.final=!0),o.str.length>=1){if("*"in o.node.edges)var s=o.node.edges["*"];else{s=new A.TokenSet;o.node.edges["*"]=s}1==o.str.length&&(s.final=!0),a.push({node:s,editsRemaining:o.editsRemaining-1,str:o.str.slice(1)})}if(o.str.length>1){var c,u=o.str.charAt(0),d=o.str.charAt(1);d in o.node.edges?c=o.node.edges[d]:(c=new A.TokenSet,o.node.edges[d]=c),1==o.str.length&&(c.final=!0),a.push({node:c,editsRemaining:o.editsRemaining-1,str:u+o.str.slice(2)})}}}return n},A.TokenSet.fromString=function(e){for(var t=new A.TokenSet,n=t,a=0,o=e.length;a<o;a++){var r=e[a],i=a==o-1;if("*"==r)t.edges[r]=t,t.final=i;else{var l=new A.TokenSet;l.final=i,t.edges[r]=l,t=l}}return n},A.TokenSet.prototype.toArray=function(){for(var e=[],t=[{prefix:"",node:this}];t.length;){var n=t.pop(),a=Object.keys(n.node.edges),o=a.length;n.node.final&&(n.prefix.charAt(0),e.push(n.prefix));for(var r=0;r<o;r++){var i=a[r];t.push({prefix:n.prefix.concat(i),node:n.node.edges[i]})}}return e},A.TokenSet.prototype.toString=function(){if(this._str)return this._str;for(var e=this.final?"1":"0",t=Object.keys(this.edges).sort(),n=t.length,a=0;a<n;a++){var o=t[a];e=e+o+this.edges[o].id}return e},A.TokenSet.prototype.intersect=function(e){for(var t=new A.TokenSet,n=void 0,a=[{qNode:e,output:t,node:this}];a.length;){n=a.pop();for(var o=Object.keys(n.qNode.edges),r=o.length,i=Object.keys(n.node.edges),l=i.length,s=0;s<r;s++)for(var c=o[s],u=0;u<l;u++){var d=i[u];if(d==c||"*"==c){var b=n.node.edges[d],f=n.qNode.edges[c],p=b.final&&f.final,g=void 0;d in n.output.edges?(g=n.output.edges[d]).final=g.final||p:((g=new A.TokenSet).final=p,n.output.edges[d]=g),a.push({qNode:f,output:g,node:b})}}}return t},A.TokenSet.Builder=function(){this.previousWord="",this.root=new A.TokenSet,this.uncheckedNodes=[],this.minimizedNodes={}},A.TokenSet.Builder.prototype.insert=function(e){var t,n=0;if(e<this.previousWord)throw new Error("Out of order word insertion");for(var a=0;a<e.length&&a<this.previousWord.length&&e[a]==this.previousWord[a];a++)n++;this.minimize(n),t=0==this.uncheckedNodes.length?this.root:this.uncheckedNodes[this.uncheckedNodes.length-1].child;for(a=n;a<e.length;a++){var o=new A.TokenSet,r=e[a];t.edges[r]=o,this.uncheckedNodes.push({parent:t,char:r,child:o}),t=o}t.final=!0,this.previousWord=e},A.TokenSet.Builder.prototype.finish=function(){this.minimize(0)},A.TokenSet.Builder.prototype.minimize=function(e){for(var t=this.uncheckedNodes.length-1;t>=e;t--){var n=this.uncheckedNodes[t],a=n.child.toString();a in this.minimizedNodes?n.parent.edges[n.char]=this.minimizedNodes[a]:(n.child._str=a,this.minimizedNodes[a]=n.child),this.uncheckedNodes.pop()}},A.Index=function(e){this.invertedIndex=e.invertedIndex,this.fieldVectors=e.fieldVectors,this.tokenSet=e.tokenSet,this.fields=e.fields,this.pipeline=e.pipeline},A.Index.prototype.search=function(e){return this.query((function(t){new A.QueryParser(e,t).parse()}))},A.Index.prototype.query=function(e){for(var t=new A.Query(this.fields),n=Object.create(null),a=Object.create(null),o=Object.create(null),r=Object.create(null),i=Object.create(null),l=0;l<this.fields.length;l++)a[this.fields[l]]=new A.Vector;e.call(t,t);for(l=0;l<t.clauses.length;l++){var s=t.clauses[l],c=null,u=A.Set.empty;c=s.usePipeline?this.pipeline.runString(s.term,{fields:s.fields}):[s.term];for(var d=0;d<c.length;d++){var b=c[d];s.term=b;var f=A.TokenSet.fromClause(s),p=this.tokenSet.intersect(f).toArray();if(0===p.length&&s.presence===A.Query.presence.REQUIRED){for(var g=0;g<s.fields.length;g++){r[O=s.fields[g]]=A.Set.empty}break}for(var m=0;m<p.length;m++){var h=p[m],v=this.invertedIndex[h],y=v._index;for(g=0;g<s.fields.length;g++){var _=v[O=s.fields[g]],x=Object.keys(_),w=h+"/"+O,k=new A.Set(x);if(s.presence==A.Query.presence.REQUIRED&&(u=u.union(k),void 0===r[O]&&(r[O]=A.Set.complete)),s.presence!=A.Query.presence.PROHIBITED){if(a[O].upsert(y,s.boost,(function(e,t){return e+t})),!o[w]){for(var E=0;E<x.length;E++){var S,z=x[E],C=new A.FieldRef(z,O),T=_[z];void 0===(S=n[C])?n[C]=new A.MatchData(h,O,T):S.add(h,O,T)}o[w]=!0}}else void 0===i[O]&&(i[O]=A.Set.empty),i[O]=i[O].union(k)}}}if(s.presence===A.Query.presence.REQUIRED)for(g=0;g<s.fields.length;g++){r[O=s.fields[g]]=r[O].intersect(u)}}var j=A.Set.complete,L=A.Set.empty;for(l=0;l<this.fields.length;l++){var O;r[O=this.fields[l]]&&(j=j.intersect(r[O])),i[O]&&(L=L.union(i[O]))}var P=Object.keys(n),M=[],N=Object.create(null);if(t.isNegated()){P=Object.keys(this.fieldVectors);for(l=0;l<P.length;l++){C=P[l];var I=A.FieldRef.fromString(C);n[C]=new A.MatchData}}for(l=0;l<P.length;l++){var R=(I=A.FieldRef.fromString(P[l])).docRef;if(j.contains(R)&&!L.contains(R)){var D,F=this.fieldVectors[I],B=a[I.fieldName].similarity(F);if(void 0!==(D=N[R]))D.score+=B,D.matchData.combine(n[I]);else{var $={ref:R,score:B,matchData:n[I]};N[R]=$,M.push($)}}}return M.sort((function(e,t){return t.score-e.score}))},A.Index.prototype.toJSON=function(){var e=Object.keys(this.invertedIndex).sort().map((function(e){return[e,this.invertedIndex[e]]}),this),t=Object.keys(this.fieldVectors).map((function(e){return[e,this.fieldVectors[e].toJSON()]}),this);return{version:A.version,fields:this.fields,fieldVectors:t,invertedIndex:e,pipeline:this.pipeline.toJSON()}},A.Index.load=function(e){var t={},n={},a=e.fieldVectors,o=Object.create(null),r=e.invertedIndex,i=new A.TokenSet.Builder,l=A.Pipeline.load(e.pipeline);e.version!=A.version&&A.utils.warn("Version mismatch when loading serialised index. Current version of lunr '"+A.version+"' does not match serialized index '"+e.version+"'");for(var s=0;s<a.length;s++){var c=(d=a[s])[0],u=d[1];n[c]=new A.Vector(u)}for(s=0;s<r.length;s++){var d,b=(d=r[s])[0],f=d[1];i.insert(b),o[b]=f}return i.finish(),t.fields=e.fields,t.fieldVectors=n,t.invertedIndex=o,t.tokenSet=i.root,t.pipeline=l,new A.Index(t)},A.Builder=function(){this._ref="id",this._fields=Object.create(null),this._documents=Object.create(null),this.invertedIndex=Object.create(null),this.fieldTermFrequencies={},this.fieldLengths={},this.tokenizer=A.tokenizer,this.pipeline=new A.Pipeline,this.searchPipeline=new A.Pipeline,this.documentCount=0,this._b=.75,this._k1=1.2,this.termIndex=0,this.metadataWhitelist=[]},A.Builder.prototype.ref=function(e){this._ref=e},A.Builder.prototype.field=function(e,t){if(/\//.test(e))throw new RangeError("Field '"+e+"' contains illegal character '/'");this._fields[e]=t||{}},A.Builder.prototype.b=function(e){this._b=e<0?0:e>1?1:e},A.Builder.prototype.k1=function(e){this._k1=e},A.Builder.prototype.add=function(e,t){var n=e[this._ref],a=Object.keys(this._fields);this._documents[n]=t||{},this.documentCount+=1;for(var o=0;o<a.length;o++){var r=a[o],i=this._fields[r].extractor,l=i?i(e):e[r],s=this.tokenizer(l,{fields:[r]}),c=this.pipeline.run(s),u=new A.FieldRef(n,r),d=Object.create(null);this.fieldTermFrequencies[u]=d,this.fieldLengths[u]=0,this.fieldLengths[u]+=c.length;for(var b=0;b<c.length;b++){var f=c[b];if(null==d[f]&&(d[f]=0),d[f]+=1,null==this.invertedIndex[f]){var p=Object.create(null);p._index=this.termIndex,this.termIndex+=1;for(var g=0;g<a.length;g++)p[a[g]]=Object.create(null);this.invertedIndex[f]=p}null==this.invertedIndex[f][r][n]&&(this.invertedIndex[f][r][n]=Object.create(null));for(var m=0;m<this.metadataWhitelist.length;m++){var h=this.metadataWhitelist[m],v=f.metadata[h];null==this.invertedIndex[f][r][n][h]&&(this.invertedIndex[f][r][n][h]=[]),this.invertedIndex[f][r][n][h].push(v)}}}},A.Builder.prototype.calculateAverageFieldLengths=function(){for(var e=Object.keys(this.fieldLengths),t=e.length,n={},a={},o=0;o<t;o++){var r=A.FieldRef.fromString(e[o]),i=r.fieldName;a[i]||(a[i]=0),a[i]+=1,n[i]||(n[i]=0),n[i]+=this.fieldLengths[r]}var l=Object.keys(this._fields);for(o=0;o<l.length;o++){var s=l[o];n[s]=n[s]/a[s]}this.averageFieldLength=n},A.Builder.prototype.createFieldVectors=function(){for(var e={},t=Object.keys(this.fieldTermFrequencies),n=t.length,a=Object.create(null),o=0;o<n;o++){for(var r=A.FieldRef.fromString(t[o]),i=r.fieldName,l=this.fieldLengths[r],s=new A.Vector,c=this.fieldTermFrequencies[r],u=Object.keys(c),d=u.length,b=this._fields[i].boost||1,f=this._documents[r.docRef].boost||1,p=0;p<d;p++){var g,m,h,v=u[p],y=c[v],_=this.invertedIndex[v]._index;void 0===a[v]?(g=A.idf(this.invertedIndex[v],this.documentCount),a[v]=g):g=a[v],m=g*((this._k1+1)*y)/(this._k1*(1-this._b+this._b*(l/this.averageFieldLength[i]))+y),m*=b,m*=f,h=Math.round(1e3*m)/1e3,s.insert(_,h)}e[r]=s}this.fieldVectors=e},A.Builder.prototype.createTokenSet=function(){this.tokenSet=A.TokenSet.fromArray(Object.keys(this.invertedIndex).sort())},A.Builder.prototype.build=function(){return this.calculateAverageFieldLengths(),this.createFieldVectors(),this.createTokenSet(),new A.Index({invertedIndex:this.invertedIndex,fieldVectors:this.fieldVectors,tokenSet:this.tokenSet,fields:Object.keys(this._fields),pipeline:this.searchPipeline})},A.Builder.prototype.use=function(e){var t=Array.prototype.slice.call(arguments,1);t.unshift(this),e.apply(this,t)},A.MatchData=function(e,t,n){for(var a=Object.create(null),o=Object.keys(n||{}),r=0;r<o.length;r++){var i=o[r];a[i]=n[i].slice()}this.metadata=Object.create(null),void 0!==e&&(this.metadata[e]=Object.create(null),this.metadata[e][t]=a)},A.MatchData.prototype.combine=function(e){for(var t=Object.keys(e.metadata),n=0;n<t.length;n++){var a=t[n],o=Object.keys(e.metadata[a]);null==this.metadata[a]&&(this.metadata[a]=Object.create(null));for(var r=0;r<o.length;r++){var i=o[r],l=Object.keys(e.metadata[a][i]);null==this.metadata[a][i]&&(this.metadata[a][i]=Object.create(null));for(var s=0;s<l.length;s++){var c=l[s];null==this.metadata[a][i][c]?this.metadata[a][i][c]=e.metadata[a][i][c]:this.metadata[a][i][c]=this.metadata[a][i][c].concat(e.metadata[a][i][c])}}}},A.MatchData.prototype.add=function(e,t,n){if(!(e in this.metadata))return this.metadata[e]=Object.create(null),void(this.metadata[e][t]=n);if(t in this.metadata[e])for(var a=Object.keys(n),o=0;o<a.length;o++){var r=a[o];r in this.metadata[e][t]?this.metadata[e][t][r]=this.metadata[e][t][r].concat(n[r]):this.metadata[e][t][r]=n[r]}else this.metadata[e][t]=n},A.Query=function(e){this.clauses=[],this.allFields=e},A.Query.wildcard=new String("*"),A.Query.wildcard.NONE=0,A.Query.wildcard.LEADING=1,A.Query.wildcard.TRAILING=2,A.Query.presence={OPTIONAL:1,REQUIRED:2,PROHIBITED:3},A.Query.prototype.clause=function(e){return"fields"in e||(e.fields=this.allFields),"boost"in e||(e.boost=1),"usePipeline"in e||(e.usePipeline=!0),"wildcard"in e||(e.wildcard=A.Query.wildcard.NONE),e.wildcard&A.Query.wildcard.LEADING&&e.term.charAt(0)!=A.Query.wildcard&&(e.term="*"+e.term),e.wildcard&A.Query.wildcard.TRAILING&&e.term.slice(-1)!=A.Query.wildcard&&(e.term=e.term+"*"),"presence"in e||(e.presence=A.Query.presence.OPTIONAL),this.clauses.push(e),this},A.Query.prototype.isNegated=function(){for(var e=0;e<this.clauses.length;e++)if(this.clauses[e].presence!=A.Query.presence.PROHIBITED)return!1;return!0},A.Query.prototype.term=function(e,t){if(Array.isArray(e))return e.forEach((function(e){this.term(e,A.utils.clone(t))}),this),this;var n=t||{};return n.term=e.toString(),this.clause(n),this},A.QueryParseError=function(e,t,n){this.name="QueryParseError",this.message=e,this.start=t,this.end=n},A.QueryParseError.prototype=new Error,A.QueryLexer=function(e){this.lexemes=[],this.str=e,this.length=e.length,this.pos=0,this.start=0,this.escapeCharPositions=[]},A.QueryLexer.prototype.run=function(){for(var e=A.QueryLexer.lexText;e;)e=e(this)},A.QueryLexer.prototype.sliceString=function(){for(var e=[],t=this.start,n=this.pos,a=0;a<this.escapeCharPositions.length;a++)n=this.escapeCharPositions[a],e.push(this.str.slice(t,n)),t=n+1;return e.push(this.str.slice(t,this.pos)),this.escapeCharPositions.length=0,e.join("")},A.QueryLexer.prototype.emit=function(e){this.lexemes.push({type:e,str:this.sliceString(),start:this.start,end:this.pos}),this.start=this.pos},A.QueryLexer.prototype.escapeCharacter=function(){this.escapeCharPositions.push(this.pos-1),this.pos+=1},A.QueryLexer.prototype.next=function(){if(this.pos>=this.length)return A.QueryLexer.EOS;var e=this.str.charAt(this.pos);return this.pos+=1,e},A.QueryLexer.prototype.width=function(){return this.pos-this.start},A.QueryLexer.prototype.ignore=function(){this.start==this.pos&&(this.pos+=1),this.start=this.pos},A.QueryLexer.prototype.backup=function(){this.pos-=1},A.QueryLexer.prototype.acceptDigitRun=function(){var e,t;do{t=(e=this.next()).charCodeAt(0)}while(t>47&&t<58);e!=A.QueryLexer.EOS&&this.backup()},A.QueryLexer.prototype.more=function(){return this.pos<this.length},A.QueryLexer.EOS="EOS",A.QueryLexer.FIELD="FIELD",A.QueryLexer.TERM="TERM",A.QueryLexer.EDIT_DISTANCE="EDIT_DISTANCE",A.QueryLexer.BOOST="BOOST",A.QueryLexer.PRESENCE="PRESENCE",A.QueryLexer.lexField=function(e){return e.backup(),e.emit(A.QueryLexer.FIELD),e.ignore(),A.QueryLexer.lexText},A.QueryLexer.lexTerm=function(e){if(e.width()>1&&(e.backup(),e.emit(A.QueryLexer.TERM)),e.ignore(),e.more())return A.QueryLexer.lexText},A.QueryLexer.lexEditDistance=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(A.QueryLexer.EDIT_DISTANCE),A.QueryLexer.lexText},A.QueryLexer.lexBoost=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(A.QueryLexer.BOOST),A.QueryLexer.lexText},A.QueryLexer.lexEOS=function(e){e.width()>0&&e.emit(A.QueryLexer.TERM)},A.QueryLexer.termSeparator=A.tokenizer.separator,A.QueryLexer.lexText=function(e){for(;;){var t=e.next();if(t==A.QueryLexer.EOS)return A.QueryLexer.lexEOS;if(92!=t.charCodeAt(0)){if(":"==t)return A.QueryLexer.lexField;if("~"==t)return e.backup(),e.width()>0&&e.emit(A.QueryLexer.TERM),A.QueryLexer.lexEditDistance;if("^"==t)return e.backup(),e.width()>0&&e.emit(A.QueryLexer.TERM),A.QueryLexer.lexBoost;if("+"==t&&1===e.width())return e.emit(A.QueryLexer.PRESENCE),A.QueryLexer.lexText;if("-"==t&&1===e.width())return e.emit(A.QueryLexer.PRESENCE),A.QueryLexer.lexText;if(t.match(A.QueryLexer.termSeparator))return A.QueryLexer.lexTerm}else e.escapeCharacter()}},A.QueryParser=function(e,t){this.lexer=new A.QueryLexer(e),this.query=t,this.currentClause={},this.lexemeIdx=0},A.QueryParser.prototype.parse=function(){this.lexer.run(),this.lexemes=this.lexer.lexemes;for(var e=A.QueryParser.parseClause;e;)e=e(this);return this.query},A.QueryParser.prototype.peekLexeme=function(){return this.lexemes[this.lexemeIdx]},A.QueryParser.prototype.consumeLexeme=function(){var e=this.peekLexeme();return this.lexemeIdx+=1,e},A.QueryParser.prototype.nextClause=function(){var e=this.currentClause;this.query.clause(e),this.currentClause={}},A.QueryParser.parseClause=function(e){var t=e.peekLexeme();if(null!=t)switch(t.type){case A.QueryLexer.PRESENCE:return A.QueryParser.parsePresence;case A.QueryLexer.FIELD:return A.QueryParser.parseField;case A.QueryLexer.TERM:return A.QueryParser.parseTerm;default:var n="expected either a field or a term, found "+t.type;throw t.str.length>=1&&(n+=" with value '"+t.str+"'"),new A.QueryParseError(n,t.start,t.end)}},A.QueryParser.parsePresence=function(e){var t=e.consumeLexeme();if(null!=t){switch(t.str){case"-":e.currentClause.presence=A.Query.presence.PROHIBITED;break;case"+":e.currentClause.presence=A.Query.presence.REQUIRED;break;default:var n="unrecognised presence operator'"+t.str+"'";throw new A.QueryParseError(n,t.start,t.end)}var a=e.peekLexeme();if(null==a){n="expecting term or field, found nothing";throw new A.QueryParseError(n,t.start,t.end)}switch(a.type){case A.QueryLexer.FIELD:return A.QueryParser.parseField;case A.QueryLexer.TERM:return A.QueryParser.parseTerm;default:n="expecting term or field, found '"+a.type+"'";throw new A.QueryParseError(n,a.start,a.end)}}},A.QueryParser.parseField=function(e){var t=e.consumeLexeme();if(null!=t){if(-1==e.query.allFields.indexOf(t.str)){var n=e.query.allFields.map((function(e){return"'"+e+"'"})).join(", "),a="unrecognised field '"+t.str+"', possible fields: "+n;throw new A.QueryParseError(a,t.start,t.end)}e.currentClause.fields=[t.str];var o=e.peekLexeme();if(null==o){a="expecting term, found nothing";throw new A.QueryParseError(a,t.start,t.end)}if(o.type===A.QueryLexer.TERM)return A.QueryParser.parseTerm;a="expecting term, found '"+o.type+"'";throw new A.QueryParseError(a,o.start,o.end)}},A.QueryParser.parseTerm=function(e){var t=e.consumeLexeme();if(null!=t){e.currentClause.term=t.str.toLowerCase(),-1!=t.str.indexOf("*")&&(e.currentClause.usePipeline=!1);var n=e.peekLexeme();if(null!=n)switch(n.type){case A.QueryLexer.TERM:return e.nextClause(),A.QueryParser.parseTerm;case A.QueryLexer.FIELD:return e.nextClause(),A.QueryParser.parseField;case A.QueryLexer.EDIT_DISTANCE:return A.QueryParser.parseEditDistance;case A.QueryLexer.BOOST:return A.QueryParser.parseBoost;case A.QueryLexer.PRESENCE:return e.nextClause(),A.QueryParser.parsePresence;default:var a="Unexpected lexeme type '"+n.type+"'";throw new A.QueryParseError(a,n.start,n.end)}else e.nextClause()}},A.QueryParser.parseEditDistance=function(e){var t=e.consumeLexeme();if(null!=t){var n=parseInt(t.str,10);if(isNaN(n)){var a="edit distance must be numeric";throw new A.QueryParseError(a,t.start,t.end)}e.currentClause.editDistance=n;var o=e.peekLexeme();if(null!=o)switch(o.type){case A.QueryLexer.TERM:return e.nextClause(),A.QueryParser.parseTerm;case A.QueryLexer.FIELD:return e.nextClause(),A.QueryParser.parseField;case A.QueryLexer.EDIT_DISTANCE:return A.QueryParser.parseEditDistance;case A.QueryLexer.BOOST:return A.QueryParser.parseBoost;case A.QueryLexer.PRESENCE:return e.nextClause(),A.QueryParser.parsePresence;default:a="Unexpected lexeme type '"+o.type+"'";throw new A.QueryParseError(a,o.start,o.end)}else e.nextClause()}},A.QueryParser.parseBoost=function(e){var t=e.consumeLexeme();if(null!=t){var n=parseInt(t.str,10);if(isNaN(n)){var a="boost must be numeric";throw new A.QueryParseError(a,t.start,t.end)}e.currentClause.boost=n;var o=e.peekLexeme();if(null!=o)switch(o.type){case A.QueryLexer.TERM:return e.nextClause(),A.QueryParser.parseTerm;case A.QueryLexer.FIELD:return e.nextClause(),A.QueryParser.parseField;case A.QueryLexer.EDIT_DISTANCE:return A.QueryParser.parseEditDistance;case A.QueryLexer.BOOST:return A.QueryParser.parseBoost;case A.QueryLexer.PRESENCE:return e.nextClause(),A.QueryParser.parsePresence;default:a="Unexpected lexeme type '"+o.type+"'";throw new A.QueryParseError(a,o.start,o.end)}else e.nextClause()}},void 0===(o="function"==typeof(a=function(){return A})?a.call(t,n,t,e):a)||(e.exports=o)}()},32497:(e,t,n)=>{"use strict";n.r(t)},52295:(e,t,n)=>{"use strict";n.r(t)},74865:function(e,t,n){var a,o;a=function(){var e,t,n={version:"0.2.0"},a=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function r(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===a.positionUsing?{transform:"translate3d("+r(e)+"%,0,0)"}:"translate"===a.positionUsing?{transform:"translate("+r(e)+"%,0)"}:{"margin-left":r(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(a[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,a.minimum,1),n.status=1===e?null:e;var r=n.render(!t),c=r.querySelector(a.barSelector),u=a.speed,d=a.easing;return r.offsetWidth,l((function(t){""===a.positionUsing&&(a.positionUsing=n.getPositioningCSS()),s(c,i(e,u,d)),1===e?(s(r,{transition:"none",opacity:1}),r.offsetWidth,setTimeout((function(){s(r,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),a.trickleSpeed)};return a.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*a.trickleRate)},e=0,t=0,n.promise=function(a){return a&&"resolved"!==a.state()?(0===t&&n.start(),e++,t++,a.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=a.template;var o,i=t.querySelector(a.barSelector),l=e?"-100":r(n.status||0),c=document.querySelector(a.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),a.showSpinner||(o=t.querySelector(a.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(a.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function a(t){var n=document.body.style;if(t in n)return t;for(var a,o=e.length,r=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((a=e[o]+r)in n)return a;return t}function o(e){return e=n(e),t[e]||(t[e]=a(e))}function r(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,a,o=arguments;if(2==o.length)for(n in t)void 0!==(a=t[n])&&t.hasOwnProperty(n)&&r(e,n,a);else r(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:b(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=b(e),a=n+t;c(n,t)||(e.className=a.substring(1))}function d(e,t){var n,a=b(e);c(e,t)&&(n=a.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function b(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof a?a.call(t,n,t,e):a)||(e.exports=o)},27418:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(o){return!1}}()?Object.assign:function(e,o){for(var r,i,l=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),s=1;s<arguments.length;s++){for(var c in r=Object(arguments[s]))n.call(r,c)&&(l[c]=r[c]);if(t){i=t(r);for(var u=0;u<i.length;u++)a.call(r,i[u])&&(l[i[u]]=r[i[u]])}}return l}},14779:(e,t,n)=>{var a=n(5826);e.exports=f,e.exports.parse=r,e.exports.compile=function(e,t){return l(r(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=b;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function r(e,t){for(var n,a=[],r=0,i=0,l="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],b=n[1],f=n.index;if(l+=e.slice(i,f),i=f+d.length,b)l+=b[1];else{var p=e[i],g=n[2],m=n[3],h=n[4],v=n[5],y=n[6],_=n[7];l&&(a.push(l),l="");var x=null!=g&&null!=p&&p!==g,w="+"===y||"*"===y,k="?"===y||"*"===y,E=n[2]||u,S=h||v;a.push({name:m||r++,prefix:g||"",delimiter:E,optional:k,repeat:w,partial:x,asterisk:!!_,pattern:S?c(S):_?".*":"[^"+s(E)+"]+?"})}}return i<e.length&&(l+=e.substr(i)),l&&a.push(l),a}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function l(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var r="",l=t||{},s=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,b=l[u.name];if(null==b){if(u.optional){u.partial&&(r+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(a(b)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(b)+"`");if(0===b.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<b.length;f++){if(d=s(b[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");r+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(b).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):s(b),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');r+=u.prefix+d}}else r+=u}return r}}function s(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function b(e,t,n){a(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,r=!1!==n.end,i="",l=0;l<e.length;l++){var c=e[l];if("string"==typeof c)i+=s(c);else{var b=s(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+b+f+")*"),i+=f=c.optional?c.partial?b+"("+f+")?":"(?:"+b+"("+f+"))?":b+"("+f+")"}}var p=s(n.delimiter||"/"),g=i.slice(-p.length)===p;return o||(i=(g?i.slice(0,-p.length):i)+"(?:"+p+"(?=$))?"),i+=r?"$":o&&g?"":"(?="+p+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return a(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var a=0;a<n.length;a++)t.push({name:a,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):a(e)?function(e,t,n){for(var a=[],o=0;o<e.length;o++)a.push(f(e[o],t,n).source);return u(new RegExp("(?:"+a.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return b(r(e,n),t,n)}(e,t,n)}},87410:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},a={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,r;switch(n=n||{},a.util.type(t)){case"Object":if(r=a.util.objId(t),n[r])return n[r];for(var i in o={},n[r]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return r=a.util.objId(t),n[r]?n[r]:(o=[],n[r]=o,t.forEach((function(t,a){o[a]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var a="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=a.util.clone(a.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var r=(o=o||a.languages)[e],i={};for(var l in r)if(r.hasOwnProperty(l)){if(l==t)for(var s in n)n.hasOwnProperty(s)&&(i[s]=n[s]);n.hasOwnProperty(l)||(i[l]=r[l])}var c=o[e];return o[e]=i,a.languages.DFS(a.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,r){r=r||{};var i=a.util.objId;for(var l in t)if(t.hasOwnProperty(l)){n.call(t,l,t[l],o||l);var s=t[l],c=a.util.type(s);"Object"!==c||r[i(s)]?"Array"!==c||r[i(s)]||(r[i(s)]=!0,e(s,n,l,r)):(r[i(s)]=!0,e(s,n,null,r))}}},plugins:{},highlight:function(e,t,n){var r={code:e,grammar:t,language:n};return a.hooks.run("before-tokenize",r),r.tokens=a.tokenize(r.code,r.grammar),a.hooks.run("after-tokenize",r),o.stringify(a.util.encode(r.tokens),r.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var o=new l;return s(o,o.head,e),i(e,o,t,o.head,0),function(e){var t=[],n=e.head.next;for(;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=a.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=a.hooks.all[e];if(n&&n.length)for(var o,r=0;o=n[r++];)o(t)}},Token:o};function o(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function r(e,t,n,a){e.lastIndex=t;var o=e.exec(n);if(o&&a&&o[1]){var r=o[1].length;o.index+=r,o[0]=o[0].slice(r)}return o}function i(e,t,n,l,u,d){for(var b in n)if(n.hasOwnProperty(b)&&n[b]){var f=n[b];f=Array.isArray(f)?f:[f];for(var p=0;p<f.length;++p){if(d&&d.cause==b+","+p)return;var g=f[p],m=g.inside,h=!!g.lookbehind,v=!!g.greedy,y=g.alias;if(v&&!g.pattern.global){var _=g.pattern.toString().match(/[imsuy]*$/)[0];g.pattern=RegExp(g.pattern.source,_+"g")}for(var x=g.pattern||g,w=l.next,k=u;w!==t.tail&&!(d&&k>=d.reach);k+=w.value.length,w=w.next){var E=w.value;if(t.length>e.length)return;if(!(E instanceof o)){var S,z=1;if(v){if(!(S=r(x,k,e,h))||S.index>=e.length)break;var C=S.index,T=S.index+S[0].length,j=k;for(j+=w.value.length;C>=j;)j+=(w=w.next).value.length;if(k=j-=w.value.length,w.value instanceof o)continue;for(var L=w;L!==t.tail&&(j<T||"string"==typeof L.value);L=L.next)z++,j+=L.value.length;z--,E=e.slice(k,j),S.index-=k}else if(!(S=r(x,0,E,h)))continue;C=S.index;var O=S[0],P=E.slice(0,C),M=E.slice(C+O.length),N=k+E.length;d&&N>d.reach&&(d.reach=N);var A=w.prev;if(P&&(A=s(t,A,P),k+=P.length),c(t,A,z),w=s(t,A,new o(b,m?a.tokenize(O,m):O,y,O)),M&&s(t,w,M),z>1){var I={cause:b+","+p,reach:N};i(e,t,n,w.prev,k,I),d&&I.reach>d.reach&&(d.reach=I.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var a=t.next,o={value:n,prev:t,next:a};return t.next=o,a.prev=o,e.length++,o}function c(e,t,n){for(var a=t.next,o=0;o<n&&a!==e.tail;o++)a=a.next;t.next=a,a.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var r={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(r.classes,i):r.classes.push(i)),a.hooks.run("wrap",r);var l="";for(var s in r.attributes)l+=" "+s+'="'+(r.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+r.tag+' class="'+r.classes.join(" ")+'"'+l+">"+r.content+"</"+r.tag+">"},a}(),o=a;a.default=a,o.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},o.languages.markup.tag.inside["attr-value"].inside.entity=o.languages.markup.entity,o.languages.markup.doctype.inside["internal-subset"].inside=o.languages.markup,o.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(o.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:o.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var a={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};a["language-"+t]={pattern:/[\s\S]+/,inside:o.languages[t]};var r={};r[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:a},o.languages.insertBefore("markup","cdata",r)}}),Object.defineProperty(o.languages.markup.tag,"addAttribute",{value:function(e,t){o.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:o.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),o.languages.html=o.languages.markup,o.languages.mathml=o.languages.markup,o.languages.svg=o.languages.markup,o.languages.xml=o.languages.extend("markup",{}),o.languages.ssml=o.languages.xml,o.languages.atom=o.languages.xml,o.languages.rss=o.languages.xml,function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},a={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:a},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:a},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:a.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:a.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var o=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],r=a.variable[1].inside,i=0;i<o.length;i++)r[o[i]]=e.languages.bash[o[i]];e.languages.shell=e.languages.bash}(o),o.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},o.languages.c=o.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),o.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),o.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},o.languages.c.string],char:o.languages.c.char,comment:o.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:o.languages.c}}}}),o.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete o.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(o),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(o),function(e){var t,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var a={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},o={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:a,number:o,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:a,number:o})}(o),o.languages.javascript=o.languages.extend("clike",{"class-name":[o.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),o.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,o.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:o.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:o.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:o.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:o.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:o.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),o.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:o.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),o.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),o.languages.markup&&(o.languages.markup.tag.addInlined("script","javascript"),o.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),o.languages.js=o.languages.javascript,function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(o),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,a="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),r=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return a}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+r+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(r),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(o),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var a=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return a})),r=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+r+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+r+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(a),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+r+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(a),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,a=t.length;n<a;n++){var o=t[n];if("code"===o.type){var r=o.content[1],i=o.content[3];if(r&&i&&"code-language"===r.type&&"code-block"===i.type&&"string"==typeof r.content){var l=r.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),s="language-"+(l=(/[a-z][\w-]*/i.exec(l)||[""])[0].toLowerCase());i.alias?"string"==typeof i.alias?i.alias=[i.alias,s]:i.alias.push(s):i.alias=[s]}}else e(o.content)}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",a=0,o=t.classes.length;a<o;a++){var r=t.classes[a],c=/language-(.+)/.exec(r);if(c){n=c[1];break}}var u,d=e.languages[n];if(d)t.content=e.highlight((u=t.content,u.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;if("#"===(t=t.toLowerCase())[0])return n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),s(n);var a=l[t];return a||e}))),d,n);else if(n&&"none"!==n&&e.plugins.autoloader){var b="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());t.attributes.id=b,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(b);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))}))}}}));var i=RegExp(e.languages.markup.tag.pattern.source,"gi"),l={amp:"&",lt:"<",gt:">",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(o),o.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:o.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},o.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var a=t[n++];if("keyword"===a.type&&"mutation"===a.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var r=b(/^\($/,/^\)$/);if(-1===r)continue;for(;n<r;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=r+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),o.length>0)){var l=b(/^\{$/,/^\}$/);if(-1===l)continue;for(var s=n;s<l;s++){var c=t[s];"variable"===c.type&&o.indexOf(c.content)>=0&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var a=u(n+t);if(!a||a.type!==e[n])return!1}return!0}function b(e,a){for(var o=1,r=n;r<t.length;r++){var i=t[r],l=i.content;if("punctuation"===i.type&&"string"==typeof l)if(e.test(l))o++;else if(a.test(l)&&0===--o)return r}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),o.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,a=t.inside.interpolation,o=a.inside["interpolation-punctuation"],r=a.pattern.source;function i(t,a){if(e.languages[t])return{pattern:RegExp("((?:"+a+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(e,t){return"___"+t.toUpperCase()+"_"+e+"___"}function s(t,n,a){var o={code:t,grammar:n,language:a};return e.hooks.run("before-tokenize",o),o.tokens=e.tokenize(o.code,o.grammar),e.hooks.run("after-tokenize",o),o.tokens}function c(t){var n={};n["interpolation-punctuation"]=o;var r=e.tokenize(t,n);if(3===r.length){var i=[1,1];i.push.apply(i,s(r[1],e.languages.javascript,"javascript")),r.splice.apply(r,i)}return new e.Token("interpolation",r,a.alias,t)}function u(t,n,a){var o=e.tokenize(t,{interpolation:{pattern:RegExp(r),lookbehind:!0}}),i=0,u={},d=s(o.map((function(e){if("string"==typeof e)return e;for(var n,o=e.content;-1!==t.indexOf(n=l(i++,a)););return u[n]=o,n})).join(""),n,a),b=Object.keys(u);return i=0,function e(t){for(var n=0;n<t.length;n++){if(i>=b.length)return;var a=t[n];if("string"==typeof a||"string"==typeof a.content){var o=b[i],r="string"==typeof a?a:a.content,l=r.indexOf(o);if(-1!==l){++i;var s=r.substring(0,l),d=c(u[o]),f=r.substring(l+o.length),p=[];if(s&&p.push(s),p.push(d),f){var g=[f];e(g),p.push.apply(p,g)}"string"==typeof a?(t.splice.apply(t,[n,1].concat(p)),n+=p.length-1):a.content=p}}else{var m=a.content;Array.isArray(m)?e(m):e([m])}}}(d),new e.Token(a,d,"language-"+a,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var d={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function b(e){return"string"==typeof e?e:Array.isArray(e)?e.map(b).join(""):b(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in d&&function t(n){for(var a=0,o=n.length;a<o;a++){var r=n[a];if("string"!=typeof r){var i=r.content;if(Array.isArray(i))if("template-string"===r.type){var l=i[1];if(3===i.length&&"string"!=typeof l&&"embedded-code"===l.type){var s=b(l),c=l.alias,d=Array.isArray(c)?c[0]:c,f=e.languages[d];if(!f)continue;i[1]=u(s,f,d)}}else t(i);else"string"!=typeof i&&t([i])}}}(t.tokens)}))}(o),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(o),function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],a=0;a<n.length;a++){var o=n[a],r=e.languages.javascript[o];"RegExp"===e.util.type(r)&&(r=e.languages.javascript[o]={pattern:r});var i=r.inside||{};r.inside=i,i["maybe-class-name"]=/^[A-Z][\s\S]*/}}(o),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,a=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function r(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return a})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}o=r(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=r(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:r(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:r(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var i=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(i).join(""):""},l=function(t){for(var n=[],a=0;a<t.length;a++){var o=t[a],r=!1;if("string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?n.length>0&&n[n.length-1].tagName===i(o.content[0].content[1])&&n.pop():"/>"===o.content[o.content.length-1].content||n.push({tagName:i(o.content[0].content[1]),openedBraces:0}):n.length>0&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:n.length>0&&n[n.length-1].openedBraces>0&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:r=!0),(r||"string"==typeof o)&&n.length>0&&0===n[n.length-1].openedBraces){var s=i(o);a<t.length-1&&("string"==typeof t[a+1]||"plain-text"===t[a+1].type)&&(s+=i(t[a+1]),t.splice(a+1,1)),a>0&&("string"==typeof t[a-1]||"plain-text"===t[a-1].type)&&(s=i(t[a-1])+s,t.splice(a-1,1),a--),t[a]=new e.Token("plain-text",s,null,s)}o.content&&"string"!=typeof o.content&&l(o.content)}};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||l(e.tokens)}))}(o),function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var a=t[n],o=[];/^\w+$/.test(n)||o.push(/\w+/.exec(n)[0]),"diff"===n&&o.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+a+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:o,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(o),o.languages.git={comment:/^#.*/m,deleted:/^[-\u2013].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m},o.languages.go=o.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),o.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete o.languages.go["class-name"],function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,o,r){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof r&&!r(e))return e;for(var o,l=i.length;-1!==n.code.indexOf(o=t(a,l));)++l;return i[l]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var o=0,r=Object.keys(n.tokenStack);!function i(l){for(var s=0;s<l.length&&!(o>=r.length);s++){var c=l[s];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=r[o],d=n.tokenStack[u],b="string"==typeof c?c:c.content,f=t(a,u),p=b.indexOf(f);if(p>-1){++o;var g=b.substring(0,p),m=new e.Token(a,e.tokenize(d,n.grammar),"language-"+a,d),h=b.substring(p+f.length),v=[];g&&v.push.apply(v,i([g])),v.push(m),h&&v.push.apply(v,i([h])),"string"==typeof c?l.splice.apply(l,[s,1].concat(v)):c.content=v}}else c.content&&i(c.content)}return l}(n.tokens)}}}})}(o),function(e){e.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"handlebars")})),e.languages.hbs=e.languages.handlebars}(o),o.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},o.languages.webmanifest=o.languages.json,o.languages.less=o.languages.extend("css",{comment:[/\/\*[\s\S]*?\*\//,{pattern:/(^|[^\\])\/\/.*/,lookbehind:!0}],atrule:{pattern:/@[\w-](?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{punctuation:/[:()]/}},selector:{pattern:/(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{variable:/@+[\w-]+/}},property:/(?:@\{[\w-]+\}|[\w-])+(?:\+_?)?(?=\s*:)/,operator:/[+\-*\/]/}),o.languages.insertBefore("less","property",{variable:[{pattern:/@[\w-]+\s*:/,inside:{punctuation:/:/}},/@@?[\w-]+/],"mixin-usage":{pattern:/([{;]\s*)[.#](?!\d)[\w-].*?(?=[(;])/,lookbehind:!0,alias:"function"}}),o.languages.makefile={comment:{pattern:/(^|[^\\])#(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*/,lookbehind:!0},string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"builtin-target":{pattern:/\.[A-Z][^:#=\s]+(?=\s*:(?!=))/,alias:"builtin"},target:{pattern:/^(?:[^:=\s]|[ \t]+(?![\s:]))+(?=\s*:(?!=))/m,alias:"symbol",inside:{variable:/\$+(?:(?!\$)[^(){}:#=\s]+|(?=[({]))/}},variable:/\$+(?:(?!\$)[^(){}:#=\s]+|\([@*%<^+?][DF]\)|(?=[({]))/,keyword:/-include\b|\b(?:define|else|endef|endif|export|ifn?def|ifn?eq|include|override|private|sinclude|undefine|unexport|vpath)\b/,function:{pattern:/(\()(?:abspath|addsuffix|and|basename|call|dir|error|eval|file|filter(?:-out)?|findstring|firstword|flavor|foreach|guile|if|info|join|lastword|load|notdir|or|origin|patsubst|realpath|shell|sort|strip|subst|suffix|value|warning|wildcard|word(?:list|s)?)(?=[ \t])/,lookbehind:!0},operator:/(?:::|[?:+!])?=|[|@]/,punctuation:/[:;(){}]/},o.languages.objectivec=o.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete o.languages.objectivec["class-name"],o.languages.objc=o.languages.objectivec,o.languages.ocaml={comment:{pattern:/\(\*[\s\S]*?\*\)/,greedy:!0},char:{pattern:/'(?:[^\\\r\n']|\\(?:.|[ox]?[0-9a-f]{1,3}))'/i,greedy:!0},string:[{pattern:/"(?:\\(?:[\s\S]|\r\n)|[^\\\r\n"])*"/,greedy:!0},{pattern:/\{([a-z_]*)\|[\s\S]*?\|\1\}/,greedy:!0}],number:[/\b(?:0b[01][01_]*|0o[0-7][0-7_]*)\b/i,/\b0x[a-f0-9][a-f0-9_]*(?:\.[a-f0-9_]*)?(?:p[+-]?\d[\d_]*)?(?!\w)/i,/\b\d[\d_]*(?:\.[\d_]*)?(?:e[+-]?\d[\d_]*)?(?!\w)/i],directive:{pattern:/\B#\w+/,alias:"property"},label:{pattern:/\B~\w+/,alias:"property"},"type-variable":{pattern:/\B'\w+/,alias:"function"},variant:{pattern:/`\w+/,alias:"symbol"},keyword:/\b(?:as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|match|method|module|mutable|new|nonrec|object|of|open|private|rec|sig|struct|then|to|try|type|val|value|virtual|when|where|while|with)\b/,boolean:/\b(?:false|true)\b/,"operator-like-punctuation":{pattern:/\[[<>|]|[>|]\]|\{<|>\}/,alias:"punctuation"},operator:/\.[.~]|:[=>]|[=<>@^|&+\-*\/$%!?~][!$%&*+\-.\/:<=>?@^|~]*|\b(?:and|asr|land|lor|lsl|lsr|lxor|mod|or)\b/,punctuation:/;;|::|[(){}\[\].,:;#]|\b_\b/},o.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},o.languages.python["string-interpolation"].inside.interpolation.inside.rest=o.languages.python,o.languages.py=o.languages.python,o.languages.reason=o.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),o.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete o.languages.reason.function,function(e){e.languages.sass=e.languages.extend("css",{comment:{pattern:/^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t].+)*/m,lookbehind:!0,greedy:!0}}),e.languages.insertBefore("sass","atrule",{"atrule-line":{pattern:/^(?:[ \t]*)[@+=].+/m,greedy:!0,inside:{atrule:/(?:@[\w-]+|[+=])/}}}),delete e.languages.sass.atrule;var t=/\$[-\w]+|#\{\$[-\w]+\}/,n=[/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|not|or)\b/,{pattern:/(\s)-(?=\s)/,lookbehind:!0}];e.languages.insertBefore("sass","property",{"variable-line":{pattern:/^[ \t]*\$.+/m,greedy:!0,inside:{punctuation:/:/,variable:t,operator:n}},"property-line":{pattern:/^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m,greedy:!0,inside:{property:[/[^:\s]+(?=\s*:)/,{pattern:/(:)[^:\s]+/,lookbehind:!0}],punctuation:/:/,variable:t,operator:n,important:e.languages.sass.important}}}),delete e.languages.sass.property,delete e.languages.sass.important,e.languages.insertBefore("sass","punctuation",{selector:{pattern:/^([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/m,lookbehind:!0,greedy:!0}})}(o),o.languages.scss=o.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),o.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),o.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),o.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),o.languages.scss.atrule.inside.rest=o.languages.scss,function(e){var t={pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},n={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0},a={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},url:{pattern:/\burl\((["']?).*?\1\)/i,greedy:!0},string:{pattern:/("|')(?:(?!\1)[^\\\r\n]|\\(?:\r\n|[\s\S]))*\1/,greedy:!0},interpolation:null,func:null,important:/\B!(?:important|optional)\b/i,keyword:{pattern:/(^|\s+)(?:(?:else|for|if|return|unless)(?=\s|$)|@[\w-]+)/,lookbehind:!0},hexcode:/#[\da-f]{3,6}/i,color:[/\b(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)\b/i,{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,boolean:/\b(?:false|true)\b/,operator:[/~|[+!\/%<>?=]=?|[-:]=|\*[*=]?|\.{2,3}|&&|\|\||\B-\B|\b(?:and|in|is(?: a| defined| not|nt)?|not|or)\b/],number:n,punctuation:/[{}()\[\];:,]/};a.interpolation={pattern:/\{[^\r\n}:]+\}/,alias:"variable",inside:{delimiter:{pattern:/^\{|\}$/,alias:"punctuation"},rest:a}},a.func={pattern:/[\w-]+\([^)]*\).*/,inside:{function:/^[^(]+/,rest:a}},e.languages.stylus={"atrule-declaration":{pattern:/(^[ \t]*)@.+/m,lookbehind:!0,inside:{atrule:/^@[\w-]+/,rest:a}},"variable-declaration":{pattern:/(^[ \t]*)[\w$-]+\s*.?=[ \t]*(?:\{[^{}]*\}|\S.*|$)/m,lookbehind:!0,inside:{variable:/^\S+/,rest:a}},statement:{pattern:/(^[ \t]*)(?:else|for|if|return|unless)[ \t].+/m,lookbehind:!0,inside:{keyword:/^\S+/,rest:a}},"property-declaration":{pattern:/((?:^|\{)([ \t]*))(?:[\w-]|\{[^}\r\n]+\})+(?:\s*:\s*|[ \t]+)(?!\s)[^{\r\n]*(?:;|[^{\r\n,]$(?!(?:\r?\n|\r)(?:\{|\2[ \t])))/m,lookbehind:!0,inside:{property:{pattern:/^[^\s:]+/,inside:{interpolation:a.interpolation}},rest:a}},selector:{pattern:/(^[ \t]*)(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)(?:(?:\r?\n|\r)(?:\1(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)))*(?:,$|\{|(?=(?:\r?\n|\r)(?:\{|\1[ \t])))/m,lookbehind:!0,inside:{interpolation:a.interpolation,comment:a.comment,punctuation:/[{},]/}},func:a.func,string:a.string,comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0,greedy:!0},interpolation:a.interpolation,punctuation:/[{}()\[\];:.]/}}(o),function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var n=e.languages.tsx.tag;n.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(o),o.languages.wasm={comment:[/\(;[\s\S]*?;\)/,{pattern:/;;.*/,greedy:!0}],string:{pattern:/"(?:\\[\s\S]|[^"\\])*"/,greedy:!0},keyword:[{pattern:/\b(?:align|offset)=/,inside:{operator:/=/}},{pattern:/\b(?:(?:f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|neg?|nearest|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|sqrt|store(?:8|16|32)?|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))?|memory\.(?:grow|size))\b/,inside:{punctuation:/\./}},/\b(?:anyfunc|block|br(?:_if|_table)?|call(?:_indirect)?|data|drop|elem|else|end|export|func|get_(?:global|local)|global|if|import|local|loop|memory|module|mut|nop|offset|param|result|return|select|set_(?:global|local)|start|table|tee_local|then|type|unreachable)\b/],variable:/\$[\w!#$%&'*+\-./:<=>?@\\^`|~]+/,number:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,punctuation:/[()]/};const r=o},79016:()=>{!function(e){function t(e,t){return e.replace(/<<(\d+)>>/g,(function(e,n){return"(?:"+t[+n]+")"}))}function n(e,n,a){return RegExp(t(e,n),a||"")}function a(e,t){for(var n=0;n<t;n++)e=e.replace(/<<self>>/g,(function(){return"(?:"+e+")"}));return e.replace(/<<self>>/g,"[^\\s\\S]")}var o="bool byte char decimal double dynamic float int long object sbyte short string uint ulong ushort var void",r="class enum interface record struct",i="add alias and ascending async await by descending from(?=\\s*(?:\\w|$)) get global group into init(?=\\s*;) join let nameof not notnull on or orderby partial remove select set unmanaged value when where with(?=\\s*{)",l="abstract as base break case catch checked const continue default delegate do else event explicit extern finally fixed for foreach goto if implicit in internal is lock namespace new null operator out override params private protected public readonly ref return sealed sizeof stackalloc static switch this throw try typeof unchecked unsafe using virtual volatile while yield";function s(e){return"\\b(?:"+e.trim().replace(/ /g,"|")+")\\b"}var c=s(r),u=RegExp(s(o+" "+r+" "+i+" "+l)),d=s(r+" "+i+" "+l),b=s(o+" "+r+" "+l),f=a(/<(?:[^<>;=+\-*/%&|^]|<<self>>)*>/.source,2),p=a(/\((?:[^()]|<<self>>)*\)/.source,2),g=/@?\b[A-Za-z_]\w*\b/.source,m=t(/<<0>>(?:\s*<<1>>)?/.source,[g,f]),h=t(/(?!<<0>>)<<1>>(?:\s*\.\s*<<1>>)*/.source,[d,m]),v=/\[\s*(?:,\s*)*\]/.source,y=t(/<<0>>(?:\s*(?:\?\s*)?<<1>>)*(?:\s*\?)?/.source,[h,v]),_=t(/[^,()<>[\];=+\-*/%&|^]|<<0>>|<<1>>|<<2>>/.source,[f,p,v]),x=t(/\(<<0>>+(?:,<<0>>+)+\)/.source,[_]),w=t(/(?:<<0>>|<<1>>)(?:\s*(?:\?\s*)?<<2>>)*(?:\s*\?)?/.source,[x,h,v]),k={keyword:u,punctuation:/[<>()?,.:[\]]/},E=/'(?:[^\r\n'\\]|\\.|\\[Uux][\da-fA-F]{1,8})'/.source,S=/"(?:\\.|[^\\"\r\n])*"/.source,z=/@"(?:""|\\[\s\S]|[^\\"])*"(?!")/.source;e.languages.csharp=e.languages.extend("clike",{string:[{pattern:n(/(^|[^$\\])<<0>>/.source,[z]),lookbehind:!0,greedy:!0},{pattern:n(/(^|[^@$\\])<<0>>/.source,[S]),lookbehind:!0,greedy:!0}],"class-name":[{pattern:n(/(\busing\s+static\s+)<<0>>(?=\s*;)/.source,[h]),lookbehind:!0,inside:k},{pattern:n(/(\busing\s+<<0>>\s*=\s*)<<1>>(?=\s*;)/.source,[g,w]),lookbehind:!0,inside:k},{pattern:n(/(\busing\s+)<<0>>(?=\s*=)/.source,[g]),lookbehind:!0},{pattern:n(/(\b<<0>>\s+)<<1>>/.source,[c,m]),lookbehind:!0,inside:k},{pattern:n(/(\bcatch\s*\(\s*)<<0>>/.source,[h]),lookbehind:!0,inside:k},{pattern:n(/(\bwhere\s+)<<0>>/.source,[g]),lookbehind:!0},{pattern:n(/(\b(?:is(?:\s+not)?|as)\s+)<<0>>/.source,[y]),lookbehind:!0,inside:k},{pattern:n(/\b<<0>>(?=\s+(?!<<1>>|with\s*\{)<<2>>(?:\s*[=,;:{)\]]|\s+(?:in|when)\b))/.source,[w,b,g]),inside:k}],keyword:u,number:/(?:\b0(?:x[\da-f_]*[\da-f]|b[01_]*[01])|(?:\B\.\d+(?:_+\d+)*|\b\d+(?:_+\d+)*(?:\.\d+(?:_+\d+)*)?)(?:e[-+]?\d+(?:_+\d+)*)?)(?:[dflmu]|lu|ul)?\b/i,operator:/>>=?|<<=?|[-=]>|([-+&|])\1|~|\?\?=?|[-+*/%&|^!=<>]=?/,punctuation:/\?\.?|::|[{}[\];(),.:]/}),e.languages.insertBefore("csharp","number",{range:{pattern:/\.\./,alias:"operator"}}),e.languages.insertBefore("csharp","punctuation",{"named-parameter":{pattern:n(/([(,]\s*)<<0>>(?=\s*:)/.source,[g]),lookbehind:!0,alias:"punctuation"}}),e.languages.insertBefore("csharp","class-name",{namespace:{pattern:n(/(\b(?:namespace|using)\s+)<<0>>(?:\s*\.\s*<<0>>)*(?=\s*[;{])/.source,[g]),lookbehind:!0,inside:{punctuation:/\./}},"type-expression":{pattern:n(/(\b(?:default|sizeof|typeof)\s*\(\s*(?!\s))(?:[^()\s]|\s(?!\s)|<<0>>)*(?=\s*\))/.source,[p]),lookbehind:!0,alias:"class-name",inside:k},"return-type":{pattern:n(/<<0>>(?=\s+(?:<<1>>\s*(?:=>|[({]|\.\s*this\s*\[)|this\s*\[))/.source,[w,h]),inside:k,alias:"class-name"},"constructor-invocation":{pattern:n(/(\bnew\s+)<<0>>(?=\s*[[({])/.source,[w]),lookbehind:!0,inside:k,alias:"class-name"},"generic-method":{pattern:n(/<<0>>\s*<<1>>(?=\s*\()/.source,[g,f]),inside:{function:n(/^<<0>>/.source,[g]),generic:{pattern:RegExp(f),alias:"class-name",inside:k}}},"type-list":{pattern:n(/\b((?:<<0>>\s+<<1>>|record\s+<<1>>\s*<<5>>|where\s+<<2>>)\s*:\s*)(?:<<3>>|<<4>>|<<1>>\s*<<5>>|<<6>>)(?:\s*,\s*(?:<<3>>|<<4>>|<<6>>))*(?=\s*(?:where|[{;]|=>|$))/.source,[c,m,g,w,u.source,p,/\bnew\s*\(\s*\)/.source]),lookbehind:!0,inside:{"record-arguments":{pattern:n(/(^(?!new\s*\()<<0>>\s*)<<1>>/.source,[m,p]),lookbehind:!0,greedy:!0,inside:e.languages.csharp},keyword:u,"class-name":{pattern:RegExp(w),greedy:!0,inside:k},punctuation:/[,()]/}},preprocessor:{pattern:/(^[\t ]*)#.*/m,lookbehind:!0,alias:"property",inside:{directive:{pattern:/(#)\b(?:define|elif|else|endif|endregion|error|if|line|nullable|pragma|region|undef|warning)\b/,lookbehind:!0,alias:"keyword"}}}});var C=S+"|"+E,T=t(/\/(?![*/])|\/\/[^\r\n]*[\r\n]|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>/.source,[C]),j=a(t(/[^"'/()]|<<0>>|\(<<self>>*\)/.source,[T]),2),L=/\b(?:assembly|event|field|method|module|param|property|return|type)\b/.source,O=t(/<<0>>(?:\s*\(<<1>>*\))?/.source,[h,j]);e.languages.insertBefore("csharp","class-name",{attribute:{pattern:n(/((?:^|[^\s\w>)?])\s*\[\s*)(?:<<0>>\s*:\s*)?<<1>>(?:\s*,\s*<<1>>)*(?=\s*\])/.source,[L,O]),lookbehind:!0,greedy:!0,inside:{target:{pattern:n(/^<<0>>(?=\s*:)/.source,[L]),alias:"keyword"},"attribute-arguments":{pattern:n(/\(<<0>>*\)/.source,[j]),inside:e.languages.csharp},"class-name":{pattern:RegExp(h),inside:{punctuation:/\./}},punctuation:/[:,]/}}});var P=/:[^}\r\n]+/.source,M=a(t(/[^"'/()]|<<0>>|\(<<self>>*\)/.source,[T]),2),N=t(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source,[M,P]),A=a(t(/[^"'/()]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>|\(<<self>>*\)/.source,[C]),2),I=t(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source,[A,P]);function R(t,a){return{interpolation:{pattern:n(/((?:^|[^{])(?:\{\{)*)<<0>>/.source,[t]),lookbehind:!0,inside:{"format-string":{pattern:n(/(^\{(?:(?![}:])<<0>>)*)<<1>>(?=\}$)/.source,[a,P]),lookbehind:!0,inside:{punctuation:/^:/}},punctuation:/^\{|\}$/,expression:{pattern:/[\s\S]+/,alias:"language-csharp",inside:e.languages.csharp}}},string:/[\s\S]+/}}e.languages.insertBefore("csharp","string",{"interpolation-string":[{pattern:n(/(^|[^\\])(?:\$@|@\$)"(?:""|\\[\s\S]|\{\{|<<0>>|[^\\{"])*"/.source,[N]),lookbehind:!0,greedy:!0,inside:R(N,M)},{pattern:n(/(^|[^@\\])\$"(?:\\.|\{\{|<<0>>|[^\\"{])*"/.source,[I]),lookbehind:!0,greedy:!0,inside:R(I,A)}],char:{pattern:RegExp(E),greedy:!0}}),e.languages.dotnet=e.languages.cs=e.languages.csharp}(Prism)},63326:()=>{!function(e){var t=/\/(?![/*])|\/\/.*[\r\n]|\/\*[^*]*(?:\*(?!\/)[^*]*)*\*\//.source,n=/@(?!")|"(?:[^\r\n\\"]|\\.)*"|@"(?:[^\\"]|""|\\[\s\S])*"(?!")/.source+"|"+/'(?:(?:[^\r\n'\\]|\\.|\\[Uux][\da-fA-F]{1,8})'|(?=[^\\](?!')))/.source;function a(e,a){for(var o=0;o<a;o++)e=e.replace(/<self>/g,(function(){return"(?:"+e+")"}));return e.replace(/<self>/g,"[^\\s\\S]").replace(/<str>/g,"(?:"+n+")").replace(/<comment>/g,"(?:"+t+")")}var o=a(/\((?:[^()'"@/]|<str>|<comment>|<self>)*\)/.source,2),r=a(/\[(?:[^\[\]'"@/]|<str>|<comment>|<self>)*\]/.source,1),i=a(/\{(?:[^{}'"@/]|<str>|<comment>|<self>)*\}/.source,2),l=a(/<(?:[^<>'"@/]|<comment>|<self>)*>/.source,1),s=/@/.source+/(?:await\b\s*)?/.source+"(?:"+/(?!await\b)\w+\b/.source+"|"+o+")(?:"+/[?!]?\.\w+\b/.source+"|(?:"+l+")?"+o+"|"+r+")*"+/(?![?!\.(\[]|<(?!\/))/.source,c="(?:"+/"[^"@]*"|'[^'@]*'|[^\s'"@>=]+(?=[\s>])/.source+"|[\"'][^\"'@]*(?:(?:"+(/@(?![\w()])/.source+"|"+s)+")[^\"'@]*)+[\"'])",u=/(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*<tagAttrValue>|(?=[\s/>])))+)?/.source.replace(/<tagAttrValue>/,c),d=/(?!\d)[^\s>\/=$<%]+/.source+u+/\s*\/?>/.source,b=/\B@?/.source+"(?:"+/<([a-zA-Z][\w:]*)/.source+u+/\s*>/.source+"(?:"+/[^<]/.source+"|"+/<\/?(?!\1\b)/.source+d+"|"+a(/<\1/.source+u+/\s*>/.source+"(?:"+/[^<]/.source+"|"+/<\/?(?!\1\b)/.source+d+"|<self>)*"+/<\/\1\s*>/.source,2)+")*"+/<\/\1\s*>/.source+"|"+/</.source+d+")";e.languages.cshtml=e.languages.extend("markup",{});var f={pattern:/\S[\s\S]*/,alias:"language-csharp",inside:e.languages.insertBefore("csharp","string",{html:{pattern:RegExp(b),greedy:!0,inside:e.languages.cshtml}},{csharp:e.languages.extend("csharp",{})})},p={pattern:RegExp(/(^|[^@])/.source+s),lookbehind:!0,greedy:!0,alias:"variable",inside:{keyword:/^@/,csharp:f}};e.languages.cshtml.tag.pattern=RegExp(/<\/?/.source+d),e.languages.cshtml.tag.inside["attr-value"].pattern=RegExp(/=\s*/.source+c),e.languages.insertBefore("inside","punctuation",{value:p},e.languages.cshtml.tag.inside["attr-value"]),e.languages.insertBefore("cshtml","prolog",{"razor-comment":{pattern:/@\*[\s\S]*?\*@/,greedy:!0,alias:"comment"},block:{pattern:RegExp(/(^|[^@])@/.source+"(?:"+[i,/(?:code|functions)\s*/.source+i,/(?:for|foreach|lock|switch|using|while)\s*/.source+o+/\s*/.source+i,/do\s*/.source+i+/\s*while\s*/.source+o+/(?:\s*;)?/.source,/try\s*/.source+i+/\s*catch\s*/.source+o+/\s*/.source+i+/\s*finally\s*/.source+i,/if\s*/.source+o+/\s*/.source+i+"(?:"+/\s*else/.source+"(?:"+/\s+if\s*/.source+o+")?"+/\s*/.source+i+")*",/helper\s+\w+\s*/.source+o+/\s*/.source+i].join("|")+")"),lookbehind:!0,greedy:!0,inside:{keyword:/^@\w*/,csharp:f}},directive:{pattern:/^([ \t]*)@(?:addTagHelper|attribute|implements|inherits|inject|layout|model|namespace|page|preservewhitespace|removeTagHelper|section|tagHelperPrefix|using)(?=\s).*/m,lookbehind:!0,greedy:!0,inside:{keyword:/^@\w+/,csharp:f}},value:p,"delegate-operator":{pattern:/(^|[^@])@(?=<)/,lookbehind:!0,alias:"operator"}}),e.languages.razor=e.languages.cshtml}(Prism)},50784:(e,t,n)=>{var a={"./prism-csharp":79016,"./prism-cshtml":63326};function o(e){var t=r(e);return n(t)}function r(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}o.keys=function(){return Object.keys(a)},o.resolve=r,e.exports=o,o.id=50784},92703:(e,t,n)=>{"use strict";var a=n(50414);function o(){}function r(){}r.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,r,i){if(i!==a){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:r,resetWarningCache:o};return n.PropTypes=n,n}},45697:(e,t,n)=>{e.exports=n(92703)()},50414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},64448:(e,t,n)=>{"use strict";var a=n(67294),o=n(27418),r=n(63840);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!a)throw Error(i(227));var l=new Set,s={};function c(e,t){u(e,t),u(e+"Capture",t)}function u(e,t){for(s[e]=t,e=0;e<t.length;e++)l.add(t[e])}var d=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),b=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f=Object.prototype.hasOwnProperty,p={},g={};function m(e,t,n,a,o,r,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=a,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=r,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new m(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new m(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new m(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new m(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new m(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new m(e,5,!1,e.toLowerCase(),null,!1,!1)}));var v=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function _(e,t,n,a){var o=h.hasOwnProperty(t)?h[t]:null;(null!==o?0===o.type:!a&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(function(e,t,n,a){if(null==t||function(e,t,n,a){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!a&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,a))return!0;if(a)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,a)&&(n=null),a||null===o?function(e){return!!f.call(g,e)||!f.call(p,e)&&(b.test(e)?g[e]=!0:(p[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,a=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,a?e.setAttributeNS(a,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(v,y);h[t]=new m(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(v,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(v,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var x=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,w=60103,k=60106,E=60107,S=60108,z=60114,C=60109,T=60110,j=60112,L=60113,O=60120,P=60115,M=60116,N=60121,A=60128,I=60129,R=60130,D=60131;if("function"==typeof Symbol&&Symbol.for){var F=Symbol.for;w=F("react.element"),k=F("react.portal"),E=F("react.fragment"),S=F("react.strict_mode"),z=F("react.profiler"),C=F("react.provider"),T=F("react.context"),j=F("react.forward_ref"),L=F("react.suspense"),O=F("react.suspense_list"),P=F("react.memo"),M=F("react.lazy"),N=F("react.block"),F("react.scope"),A=F("react.opaque.id"),I=F("react.debug_trace_mode"),R=F("react.offscreen"),D=F("react.legacy_hidden")}var B,$="function"==typeof Symbol&&Symbol.iterator;function U(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=$&&e[$]||e["@@iterator"])?e:null}function H(e){if(void 0===B)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);B=t&&t[1]||""}return"\n"+B+e}var Z=!1;function Q(e,t){if(!e||Z)return"";Z=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(s){var a=s}Reflect.construct(e,[],t)}else{try{t.call()}catch(s){a=s}e.call(t.prototype)}else{try{throw Error()}catch(s){a=s}e()}}catch(s){if(s&&a&&"string"==typeof s.stack){for(var o=s.stack.split("\n"),r=a.stack.split("\n"),i=o.length-1,l=r.length-1;1<=i&&0<=l&&o[i]!==r[l];)l--;for(;1<=i&&0<=l;i--,l--)if(o[i]!==r[l]){if(1!==i||1!==l)do{if(i--,0>--l||o[i]!==r[l])return"\n"+o[i].replace(" at new "," at ")}while(1<=i&&0<=l);break}}}finally{Z=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?H(e):""}function V(e){switch(e.tag){case 5:return H(e.type);case 16:return H("Lazy");case 13:return H("Suspense");case 19:return H("SuspenseList");case 0:case 2:case 15:return e=Q(e.type,!1);case 11:return e=Q(e.type.render,!1);case 22:return e=Q(e.type._render,!1);case 1:return e=Q(e.type,!0);default:return""}}function W(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case E:return"Fragment";case k:return"Portal";case z:return"Profiler";case S:return"StrictMode";case L:return"Suspense";case O:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case T:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case j:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case P:return W(e.type);case N:return W(e._render);case M:t=e._payload,e=e._init;try{return W(e(t))}catch(n){}}return null}function G(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function q(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Y(e){e._valueTracker||(e._valueTracker=function(e){var t=q(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),a=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,r=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){a=""+e,r.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(e){a=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function K(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),a="";return e&&(a=q(e)?e.checked?"true":"false":e.value),(e=a)!==n&&(t.setValue(e),!0)}function X(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function J(e,t){var n=t.checked;return o({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function ee(e,t){var n=null==t.defaultValue?"":t.defaultValue,a=null!=t.checked?t.checked:t.defaultChecked;n=G(null!=t.value?t.value:n),e._wrapperState={initialChecked:a,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function te(e,t){null!=(t=t.checked)&&_(e,"checked",t,!1)}function ne(e,t){te(e,t);var n=G(t.value),a=t.type;if(null!=n)"number"===a?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===a||"reset"===a)return void e.removeAttribute("value");t.hasOwnProperty("value")?oe(e,t.type,n):t.hasOwnProperty("defaultValue")&&oe(e,t.type,G(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function ae(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var a=t.type;if(!("submit"!==a&&"reset"!==a||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function oe(e,t,n){"number"===t&&X(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function re(e,t){return e=o({children:void 0},t),(t=function(e){var t="";return a.Children.forEach(e,(function(e){null!=e&&(t+=e)})),t}(t.children))&&(e.children=t),e}function ie(e,t,n,a){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&a&&(e[n].defaultSelected=!0)}else{for(n=""+G(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(a&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function le(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(i(91));return o({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function se(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(i(92));if(Array.isArray(n)){if(!(1>=n.length))throw Error(i(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:G(n)}}function ce(e,t){var n=G(t.value),a=G(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=a&&(e.defaultValue=""+a)}function ue(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}var de={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function be(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function fe(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?be(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var pe,ge,me=(ge=function(e,t){if(e.namespaceURI!==de.svg||"innerHTML"in e)e.innerHTML=t;else{for((pe=pe||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=pe.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,a){MSApp.execUnsafeLocalFunction((function(){return ge(e,t)}))}:ge);function he(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var ve={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ye=["Webkit","ms","Moz","O"];function _e(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||ve.hasOwnProperty(e)&&ve[e]?(""+t).trim():t+"px"}function xe(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var a=0===n.indexOf("--"),o=_e(n,t[n],a);"float"===n&&(n="cssFloat"),a?e.setProperty(n,o):e[n]=o}}Object.keys(ve).forEach((function(e){ye.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ve[t]=ve[e]}))}));var we=o({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ke(e,t){if(t){if(we[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(i(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(i(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(i(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(i(62))}}function Ee(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function Se(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var ze=null,Ce=null,Te=null;function je(e){if(e=no(e)){if("function"!=typeof ze)throw Error(i(280));var t=e.stateNode;t&&(t=oo(t),ze(e.stateNode,e.type,t))}}function Le(e){Ce?Te?Te.push(e):Te=[e]:Ce=e}function Oe(){if(Ce){var e=Ce,t=Te;if(Te=Ce=null,je(e),t)for(e=0;e<t.length;e++)je(t[e])}}function Pe(e,t){return e(t)}function Me(e,t,n,a,o){return e(t,n,a,o)}function Ne(){}var Ae=Pe,Ie=!1,Re=!1;function De(){null===Ce&&null===Te||(Ne(),Oe())}function Fe(e,t){var n=e.stateNode;if(null===n)return null;var a=oo(n);if(null===a)return null;n=a[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(a=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!a;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(i(231,t,typeof n));return n}var Be=!1;if(d)try{var $e={};Object.defineProperty($e,"passive",{get:function(){Be=!0}}),window.addEventListener("test",$e,$e),window.removeEventListener("test",$e,$e)}catch(ge){Be=!1}function Ue(e,t,n,a,o,r,i,l,s){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var He=!1,Ze=null,Qe=!1,Ve=null,We={onError:function(e){He=!0,Ze=e}};function Ge(e,t,n,a,o,r,i,l,s){He=!1,Ze=null,Ue.apply(We,arguments)}function qe(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(1026&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function Ye(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function Ke(e){if(qe(e)!==e)throw Error(i(188))}function Xe(e){if(e=function(e){var t=e.alternate;if(!t){if(null===(t=qe(e)))throw Error(i(188));return t!==e?null:e}for(var n=e,a=t;;){var o=n.return;if(null===o)break;var r=o.alternate;if(null===r){if(null!==(a=o.return)){n=a;continue}break}if(o.child===r.child){for(r=o.child;r;){if(r===n)return Ke(o),e;if(r===a)return Ke(o),t;r=r.sibling}throw Error(i(188))}if(n.return!==a.return)n=o,a=r;else{for(var l=!1,s=o.child;s;){if(s===n){l=!0,n=o,a=r;break}if(s===a){l=!0,a=o,n=r;break}s=s.sibling}if(!l){for(s=r.child;s;){if(s===n){l=!0,n=r,a=o;break}if(s===a){l=!0,a=r,n=o;break}s=s.sibling}if(!l)throw Error(i(189))}}if(n.alternate!==a)throw Error(i(190))}if(3!==n.tag)throw Error(i(188));return n.stateNode.current===n?e:t}(e),!e)return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}function Je(e,t){for(var n=e.alternate;null!==t;){if(t===e||t===n)return!0;t=t.return}return!1}var et,tt,nt,at,ot=!1,rt=[],it=null,lt=null,st=null,ct=new Map,ut=new Map,dt=[],bt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function ft(e,t,n,a,o){return{blockedOn:e,domEventName:t,eventSystemFlags:16|n,nativeEvent:o,targetContainers:[a]}}function pt(e,t){switch(e){case"focusin":case"focusout":it=null;break;case"dragenter":case"dragleave":lt=null;break;case"mouseover":case"mouseout":st=null;break;case"pointerover":case"pointerout":ct.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":ut.delete(t.pointerId)}}function gt(e,t,n,a,o,r){return null===e||e.nativeEvent!==r?(e=ft(t,n,a,o,r),null!==t&&(null!==(t=no(t))&&tt(t)),e):(e.eventSystemFlags|=a,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function mt(e){var t=to(e.target);if(null!==t){var n=qe(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=Ye(n)))return e.blockedOn=t,void at(e.lanePriority,(function(){r.unstable_runWithPriority(e.priority,(function(){nt(n)}))}))}else if(3===t&&n.stateNode.hydrate)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function ht(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Xt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=no(n))&&tt(t),e.blockedOn=n,!1;t.shift()}return!0}function vt(e,t,n){ht(e)&&n.delete(t)}function yt(){for(ot=!1;0<rt.length;){var e=rt[0];if(null!==e.blockedOn){null!==(e=no(e.blockedOn))&&et(e);break}for(var t=e.targetContainers;0<t.length;){var n=Xt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n){e.blockedOn=n;break}t.shift()}null===e.blockedOn&&rt.shift()}null!==it&&ht(it)&&(it=null),null!==lt&&ht(lt)&&(lt=null),null!==st&&ht(st)&&(st=null),ct.forEach(vt),ut.forEach(vt)}function _t(e,t){e.blockedOn===t&&(e.blockedOn=null,ot||(ot=!0,r.unstable_scheduleCallback(r.unstable_NormalPriority,yt)))}function xt(e){function t(t){return _t(t,e)}if(0<rt.length){_t(rt[0],e);for(var n=1;n<rt.length;n++){var a=rt[n];a.blockedOn===e&&(a.blockedOn=null)}}for(null!==it&&_t(it,e),null!==lt&&_t(lt,e),null!==st&&_t(st,e),ct.forEach(t),ut.forEach(t),n=0;n<dt.length;n++)(a=dt[n]).blockedOn===e&&(a.blockedOn=null);for(;0<dt.length&&null===(n=dt[0]).blockedOn;)mt(n),null===n.blockedOn&&dt.shift()}function wt(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var kt={animationend:wt("Animation","AnimationEnd"),animationiteration:wt("Animation","AnimationIteration"),animationstart:wt("Animation","AnimationStart"),transitionend:wt("Transition","TransitionEnd")},Et={},St={};function zt(e){if(Et[e])return Et[e];if(!kt[e])return e;var t,n=kt[e];for(t in n)if(n.hasOwnProperty(t)&&t in St)return Et[e]=n[t];return e}d&&(St=document.createElement("div").style,"AnimationEvent"in window||(delete kt.animationend.animation,delete kt.animationiteration.animation,delete kt.animationstart.animation),"TransitionEvent"in window||delete kt.transitionend.transition);var Ct=zt("animationend"),Tt=zt("animationiteration"),jt=zt("animationstart"),Lt=zt("transitionend"),Ot=new Map,Pt=new Map,Mt=["abort","abort",Ct,"animationEnd",Tt,"animationIteration",jt,"animationStart","canplay","canPlay","canplaythrough","canPlayThrough","durationchange","durationChange","emptied","emptied","encrypted","encrypted","ended","ended","error","error","gotpointercapture","gotPointerCapture","load","load","loadeddata","loadedData","loadedmetadata","loadedMetadata","loadstart","loadStart","lostpointercapture","lostPointerCapture","playing","playing","progress","progress","seeking","seeking","stalled","stalled","suspend","suspend","timeupdate","timeUpdate",Lt,"transitionEnd","waiting","waiting"];function Nt(e,t){for(var n=0;n<e.length;n+=2){var a=e[n],o=e[n+1];o="on"+(o[0].toUpperCase()+o.slice(1)),Pt.set(a,t),Ot.set(a,o),c(o,[a])}}(0,r.unstable_now)();var At=8;function It(e){if(0!=(1&e))return At=15,1;if(0!=(2&e))return At=14,2;if(0!=(4&e))return At=13,4;var t=24&e;return 0!==t?(At=12,t):0!=(32&e)?(At=11,32):0!==(t=192&e)?(At=10,t):0!=(256&e)?(At=9,256):0!==(t=3584&e)?(At=8,t):0!=(4096&e)?(At=7,4096):0!==(t=4186112&e)?(At=6,t):0!==(t=62914560&e)?(At=5,t):67108864&e?(At=4,67108864):0!=(134217728&e)?(At=3,134217728):0!==(t=805306368&e)?(At=2,t):0!=(1073741824&e)?(At=1,1073741824):(At=8,e)}function Rt(e,t){var n=e.pendingLanes;if(0===n)return At=0;var a=0,o=0,r=e.expiredLanes,i=e.suspendedLanes,l=e.pingedLanes;if(0!==r)a=r,o=At=15;else if(0!==(r=134217727&n)){var s=r&~i;0!==s?(a=It(s),o=At):0!==(l&=r)&&(a=It(l),o=At)}else 0!==(r=n&~i)?(a=It(r),o=At):0!==l&&(a=It(l),o=At);if(0===a)return 0;if(a=n&((0>(a=31-Ht(a))?0:1<<a)<<1)-1,0!==t&&t!==a&&0==(t&i)){if(It(t),o<=At)return t;At=o}if(0!==(t=e.entangledLanes))for(e=e.entanglements,t&=a;0<t;)o=1<<(n=31-Ht(t)),a|=e[n],t&=~o;return a}function Dt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function Ft(e,t){switch(e){case 15:return 1;case 14:return 2;case 12:return 0===(e=Bt(24&~t))?Ft(10,t):e;case 10:return 0===(e=Bt(192&~t))?Ft(8,t):e;case 8:return 0===(e=Bt(3584&~t))&&(0===(e=Bt(4186112&~t))&&(e=512)),e;case 2:return 0===(t=Bt(805306368&~t))&&(t=268435456),t}throw Error(i(358,e))}function Bt(e){return e&-e}function $t(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Ut(e,t,n){e.pendingLanes|=t;var a=t-1;e.suspendedLanes&=a,e.pingedLanes&=a,(e=e.eventTimes)[t=31-Ht(t)]=n}var Ht=Math.clz32?Math.clz32:function(e){return 0===e?32:31-(Zt(e)/Qt|0)|0},Zt=Math.log,Qt=Math.LN2;var Vt=r.unstable_UserBlockingPriority,Wt=r.unstable_runWithPriority,Gt=!0;function qt(e,t,n,a){Ie||Ne();var o=Kt,r=Ie;Ie=!0;try{Me(o,e,t,n,a)}finally{(Ie=r)||De()}}function Yt(e,t,n,a){Wt(Vt,Kt.bind(null,e,t,n,a))}function Kt(e,t,n,a){var o;if(Gt)if((o=0==(4&t))&&0<rt.length&&-1<bt.indexOf(e))e=ft(null,e,t,n,a),rt.push(e);else{var r=Xt(e,t,n,a);if(null===r)o&&pt(e,a);else{if(o){if(-1<bt.indexOf(e))return e=ft(r,e,t,n,a),void rt.push(e);if(function(e,t,n,a,o){switch(t){case"focusin":return it=gt(it,e,t,n,a,o),!0;case"dragenter":return lt=gt(lt,e,t,n,a,o),!0;case"mouseover":return st=gt(st,e,t,n,a,o),!0;case"pointerover":var r=o.pointerId;return ct.set(r,gt(ct.get(r)||null,e,t,n,a,o)),!0;case"gotpointercapture":return r=o.pointerId,ut.set(r,gt(ut.get(r)||null,e,t,n,a,o)),!0}return!1}(r,e,t,n,a))return;pt(e,a)}Na(e,t,a,null,n)}}}function Xt(e,t,n,a){var o=Se(a);if(null!==(o=to(o))){var r=qe(o);if(null===r)o=null;else{var i=r.tag;if(13===i){if(null!==(o=Ye(r)))return o;o=null}else if(3===i){if(r.stateNode.hydrate)return 3===r.tag?r.stateNode.containerInfo:null;o=null}else r!==o&&(o=null)}}return Na(e,t,a,o,n),null}var Jt=null,en=null,tn=null;function nn(){if(tn)return tn;var e,t,n=en,a=n.length,o="value"in Jt?Jt.value:Jt.textContent,r=o.length;for(e=0;e<a&&n[e]===o[e];e++);var i=a-e;for(t=1;t<=i&&n[a-t]===o[r-t];t++);return tn=o.slice(e,1<t?1-t:void 0)}function an(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function on(){return!0}function rn(){return!1}function ln(e){function t(t,n,a,o,r){for(var i in this._reactName=t,this._targetInst=a,this.type=n,this.nativeEvent=o,this.target=r,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?on:rn,this.isPropagationStopped=rn,this}return o(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=on)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=on)},persist:function(){},isPersistent:on}),t}var sn,cn,un,dn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},bn=ln(dn),fn=o({},dn,{view:0,detail:0}),pn=ln(fn),gn=o({},fn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Cn,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==un&&(un&&"mousemove"===e.type?(sn=e.screenX-un.screenX,cn=e.screenY-un.screenY):cn=sn=0,un=e),sn)},movementY:function(e){return"movementY"in e?e.movementY:cn}}),mn=ln(gn),hn=ln(o({},gn,{dataTransfer:0})),vn=ln(o({},fn,{relatedTarget:0})),yn=ln(o({},dn,{animationName:0,elapsedTime:0,pseudoElement:0})),_n=o({},dn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),xn=ln(_n),wn=ln(o({},dn,{data:0})),kn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},En={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Sn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function zn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Sn[e])&&!!t[e]}function Cn(){return zn}var Tn=o({},fn,{key:function(e){if(e.key){var t=kn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=an(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?En[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Cn,charCode:function(e){return"keypress"===e.type?an(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?an(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),jn=ln(Tn),Ln=ln(o({},gn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),On=ln(o({},fn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Cn})),Pn=ln(o({},dn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Mn=o({},gn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Nn=ln(Mn),An=[9,13,27,32],In=d&&"CompositionEvent"in window,Rn=null;d&&"documentMode"in document&&(Rn=document.documentMode);var Dn=d&&"TextEvent"in window&&!Rn,Fn=d&&(!In||Rn&&8<Rn&&11>=Rn),Bn=String.fromCharCode(32),$n=!1;function Un(e,t){switch(e){case"keyup":return-1!==An.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Hn(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Zn=!1;var Qn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Vn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Qn[e.type]:"textarea"===t}function Wn(e,t,n,a){Le(a),0<(t=Ia(t,"onChange")).length&&(n=new bn("onChange","change",null,n,a),e.push({event:n,listeners:t}))}var Gn=null,qn=null;function Yn(e){Ta(e,0)}function Kn(e){if(K(ao(e)))return e}function Xn(e,t){if("change"===e)return t}var Jn=!1;if(d){var ea;if(d){var ta="oninput"in document;if(!ta){var na=document.createElement("div");na.setAttribute("oninput","return;"),ta="function"==typeof na.oninput}ea=ta}else ea=!1;Jn=ea&&(!document.documentMode||9<document.documentMode)}function aa(){Gn&&(Gn.detachEvent("onpropertychange",oa),qn=Gn=null)}function oa(e){if("value"===e.propertyName&&Kn(qn)){var t=[];if(Wn(t,qn,e,Se(e)),e=Yn,Ie)e(t);else{Ie=!0;try{Pe(e,t)}finally{Ie=!1,De()}}}}function ra(e,t,n){"focusin"===e?(aa(),qn=n,(Gn=t).attachEvent("onpropertychange",oa)):"focusout"===e&&aa()}function ia(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Kn(qn)}function la(e,t){if("click"===e)return Kn(t)}function sa(e,t){if("input"===e||"change"===e)return Kn(t)}var ca="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},ua=Object.prototype.hasOwnProperty;function da(e,t){if(ca(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++)if(!ua.call(t,n[a])||!ca(e[n[a]],t[n[a]]))return!1;return!0}function ba(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function fa(e,t){var n,a=ba(e);for(e=0;a;){if(3===a.nodeType){if(n=e+a.textContent.length,e<=t&&n>=t)return{node:a,offset:t-e};e=n}e:{for(;a;){if(a.nextSibling){a=a.nextSibling;break e}a=a.parentNode}a=void 0}a=ba(a)}}function pa(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?pa(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function ga(){for(var e=window,t=X();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(a){n=!1}if(!n)break;t=X((e=t.contentWindow).document)}return t}function ma(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var ha=d&&"documentMode"in document&&11>=document.documentMode,va=null,ya=null,_a=null,xa=!1;function wa(e,t,n){var a=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;xa||null==va||va!==X(a)||("selectionStart"in(a=va)&&ma(a)?a={start:a.selectionStart,end:a.selectionEnd}:a={anchorNode:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset},_a&&da(_a,a)||(_a=a,0<(a=Ia(ya,"onSelect")).length&&(t=new bn("onSelect","select",null,t,n),e.push({event:t,listeners:a}),t.target=va)))}Nt("cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focusin focus focusout blur input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),0),Nt("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1),Nt(Mt,2);for(var ka="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),Ea=0;Ea<ka.length;Ea++)Pt.set(ka[Ea],0);u("onMouseEnter",["mouseout","mouseover"]),u("onMouseLeave",["mouseout","mouseover"]),u("onPointerEnter",["pointerout","pointerover"]),u("onPointerLeave",["pointerout","pointerover"]),c("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),c("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),c("onBeforeInput",["compositionend","keypress","textInput","paste"]),c("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Sa="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),za=new Set("cancel close invalid load scroll toggle".split(" ").concat(Sa));function Ca(e,t,n){var a=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,a,o,r,l,s,c){if(Ge.apply(this,arguments),He){if(!He)throw Error(i(198));var u=Ze;He=!1,Ze=null,Qe||(Qe=!0,Ve=u)}}(a,t,void 0,e),e.currentTarget=null}function Ta(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var a=e[n],o=a.event;a=a.listeners;e:{var r=void 0;if(t)for(var i=a.length-1;0<=i;i--){var l=a[i],s=l.instance,c=l.currentTarget;if(l=l.listener,s!==r&&o.isPropagationStopped())break e;Ca(o,l,c),r=s}else for(i=0;i<a.length;i++){if(s=(l=a[i]).instance,c=l.currentTarget,l=l.listener,s!==r&&o.isPropagationStopped())break e;Ca(o,l,c),r=s}}}if(Qe)throw e=Ve,Qe=!1,Ve=null,e}function ja(e,t){var n=ro(t),a=e+"__bubble";n.has(a)||(Ma(t,e,2,!1),n.add(a))}var La="_reactListening"+Math.random().toString(36).slice(2);function Oa(e){e[La]||(e[La]=!0,l.forEach((function(t){za.has(t)||Pa(t,!1,e,null),Pa(t,!0,e,null)})))}function Pa(e,t,n,a){var o=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,r=n;if("selectionchange"===e&&9!==n.nodeType&&(r=n.ownerDocument),null!==a&&!t&&za.has(e)){if("scroll"!==e)return;o|=2,r=a}var i=ro(r),l=e+"__"+(t?"capture":"bubble");i.has(l)||(t&&(o|=4),Ma(r,e,o,t),i.add(l))}function Ma(e,t,n,a){var o=Pt.get(t);switch(void 0===o?2:o){case 0:o=qt;break;case 1:o=Yt;break;default:o=Kt}n=o.bind(null,t,n,e),o=void 0,!Be||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),a?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Na(e,t,n,a,o){var r=a;if(0==(1&t)&&0==(2&t)&&null!==a)e:for(;;){if(null===a)return;var i=a.tag;if(3===i||4===i){var l=a.stateNode.containerInfo;if(l===o||8===l.nodeType&&l.parentNode===o)break;if(4===i)for(i=a.return;null!==i;){var s=i.tag;if((3===s||4===s)&&((s=i.stateNode.containerInfo)===o||8===s.nodeType&&s.parentNode===o))return;i=i.return}for(;null!==l;){if(null===(i=to(l)))return;if(5===(s=i.tag)||6===s){a=r=i;continue e}l=l.parentNode}}a=a.return}!function(e,t,n){if(Re)return e(t,n);Re=!0;try{return Ae(e,t,n)}finally{Re=!1,De()}}((function(){var a=r,o=Se(n),i=[];e:{var l=Ot.get(e);if(void 0!==l){var s=bn,c=e;switch(e){case"keypress":if(0===an(n))break e;case"keydown":case"keyup":s=jn;break;case"focusin":c="focus",s=vn;break;case"focusout":c="blur",s=vn;break;case"beforeblur":case"afterblur":s=vn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":s=mn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":s=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":s=On;break;case Ct:case Tt:case jt:s=yn;break;case Lt:s=Pn;break;case"scroll":s=pn;break;case"wheel":s=Nn;break;case"copy":case"cut":case"paste":s=xn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":s=Ln}var u=0!=(4&t),d=!u&&"scroll"===e,b=u?null!==l?l+"Capture":null:l;u=[];for(var f,p=a;null!==p;){var g=(f=p).stateNode;if(5===f.tag&&null!==g&&(f=g,null!==b&&(null!=(g=Fe(p,b))&&u.push(Aa(p,g,f)))),d)break;p=p.return}0<u.length&&(l=new s(l,c,null,n,o),i.push({event:l,listeners:u}))}}if(0==(7&t)){if(s="mouseout"===e||"pointerout"===e,(!(l="mouseover"===e||"pointerover"===e)||0!=(16&t)||!(c=n.relatedTarget||n.fromElement)||!to(c)&&!c[Ja])&&(s||l)&&(l=o.window===o?o:(l=o.ownerDocument)?l.defaultView||l.parentWindow:window,s?(s=a,null!==(c=(c=n.relatedTarget||n.toElement)?to(c):null)&&(c!==(d=qe(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(s=null,c=a),s!==c)){if(u=mn,g="onMouseLeave",b="onMouseEnter",p="mouse","pointerout"!==e&&"pointerover"!==e||(u=Ln,g="onPointerLeave",b="onPointerEnter",p="pointer"),d=null==s?l:ao(s),f=null==c?l:ao(c),(l=new u(g,p+"leave",s,n,o)).target=d,l.relatedTarget=f,g=null,to(o)===a&&((u=new u(b,p+"enter",c,n,o)).target=f,u.relatedTarget=d,g=u),d=g,s&&c)e:{for(b=c,p=0,f=u=s;f;f=Ra(f))p++;for(f=0,g=b;g;g=Ra(g))f++;for(;0<p-f;)u=Ra(u),p--;for(;0<f-p;)b=Ra(b),f--;for(;p--;){if(u===b||null!==b&&u===b.alternate)break e;u=Ra(u),b=Ra(b)}u=null}else u=null;null!==s&&Da(i,l,s,u,!1),null!==c&&null!==d&&Da(i,d,c,u,!0)}if("select"===(s=(l=a?ao(a):window).nodeName&&l.nodeName.toLowerCase())||"input"===s&&"file"===l.type)var m=Xn;else if(Vn(l))if(Jn)m=sa;else{m=ia;var h=ra}else(s=l.nodeName)&&"input"===s.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(m=la);switch(m&&(m=m(e,a))?Wn(i,m,n,o):(h&&h(e,l,a),"focusout"===e&&(h=l._wrapperState)&&h.controlled&&"number"===l.type&&oe(l,"number",l.value)),h=a?ao(a):window,e){case"focusin":(Vn(h)||"true"===h.contentEditable)&&(va=h,ya=a,_a=null);break;case"focusout":_a=ya=va=null;break;case"mousedown":xa=!0;break;case"contextmenu":case"mouseup":case"dragend":xa=!1,wa(i,n,o);break;case"selectionchange":if(ha)break;case"keydown":case"keyup":wa(i,n,o)}var v;if(In)e:{switch(e){case"compositionstart":var y="onCompositionStart";break e;case"compositionend":y="onCompositionEnd";break e;case"compositionupdate":y="onCompositionUpdate";break e}y=void 0}else Zn?Un(e,n)&&(y="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(y="onCompositionStart");y&&(Fn&&"ko"!==n.locale&&(Zn||"onCompositionStart"!==y?"onCompositionEnd"===y&&Zn&&(v=nn()):(en="value"in(Jt=o)?Jt.value:Jt.textContent,Zn=!0)),0<(h=Ia(a,y)).length&&(y=new wn(y,e,null,n,o),i.push({event:y,listeners:h}),v?y.data=v:null!==(v=Hn(n))&&(y.data=v))),(v=Dn?function(e,t){switch(e){case"compositionend":return Hn(t);case"keypress":return 32!==t.which?null:($n=!0,Bn);case"textInput":return(e=t.data)===Bn&&$n?null:e;default:return null}}(e,n):function(e,t){if(Zn)return"compositionend"===e||!In&&Un(e,t)?(e=nn(),tn=en=Jt=null,Zn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Fn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(a=Ia(a,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:a}),o.data=v))}Ta(i,t)}))}function Aa(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Ia(e,t){for(var n=t+"Capture",a=[];null!==e;){var o=e,r=o.stateNode;5===o.tag&&null!==r&&(o=r,null!=(r=Fe(e,n))&&a.unshift(Aa(e,r,o)),null!=(r=Fe(e,t))&&a.push(Aa(e,r,o))),e=e.return}return a}function Ra(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Da(e,t,n,a,o){for(var r=t._reactName,i=[];null!==n&&n!==a;){var l=n,s=l.alternate,c=l.stateNode;if(null!==s&&s===a)break;5===l.tag&&null!==c&&(l=c,o?null!=(s=Fe(n,r))&&i.unshift(Aa(n,s,l)):o||null!=(s=Fe(n,r))&&i.push(Aa(n,s,l))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}function Fa(){}var Ba=null,$a=null;function Ua(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function Ha(e,t){return"textarea"===e||"option"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var Za="function"==typeof setTimeout?setTimeout:void 0,Qa="function"==typeof clearTimeout?clearTimeout:void 0;function Va(e){1===e.nodeType?e.textContent="":9===e.nodeType&&(null!=(e=e.body)&&(e.textContent=""))}function Wa(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break}return e}function Ga(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var qa=0;var Ya=Math.random().toString(36).slice(2),Ka="__reactFiber$"+Ya,Xa="__reactProps$"+Ya,Ja="__reactContainer$"+Ya,eo="__reactEvents$"+Ya;function to(e){var t=e[Ka];if(t)return t;for(var n=e.parentNode;n;){if(t=n[Ja]||n[Ka]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=Ga(e);null!==e;){if(n=e[Ka])return n;e=Ga(e)}return t}n=(e=n).parentNode}return null}function no(e){return!(e=e[Ka]||e[Ja])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function ao(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(i(33))}function oo(e){return e[Xa]||null}function ro(e){var t=e[eo];return void 0===t&&(t=e[eo]=new Set),t}var io=[],lo=-1;function so(e){return{current:e}}function co(e){0>lo||(e.current=io[lo],io[lo]=null,lo--)}function uo(e,t){lo++,io[lo]=e.current,e.current=t}var bo={},fo=so(bo),po=so(!1),go=bo;function mo(e,t){var n=e.type.contextTypes;if(!n)return bo;var a=e.stateNode;if(a&&a.__reactInternalMemoizedUnmaskedChildContext===t)return a.__reactInternalMemoizedMaskedChildContext;var o,r={};for(o in n)r[o]=t[o];return a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=r),r}function ho(e){return null!=(e=e.childContextTypes)}function vo(){co(po),co(fo)}function yo(e,t,n){if(fo.current!==bo)throw Error(i(168));uo(fo,t),uo(po,n)}function _o(e,t,n){var a=e.stateNode;if(e=t.childContextTypes,"function"!=typeof a.getChildContext)return n;for(var r in a=a.getChildContext())if(!(r in e))throw Error(i(108,W(t)||"Unknown",r));return o({},n,a)}function xo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||bo,go=fo.current,uo(fo,e),uo(po,po.current),!0}function wo(e,t,n){var a=e.stateNode;if(!a)throw Error(i(169));n?(e=_o(e,t,go),a.__reactInternalMemoizedMergedChildContext=e,co(po),co(fo),uo(fo,e)):co(po),uo(po,n)}var ko=null,Eo=null,So=r.unstable_runWithPriority,zo=r.unstable_scheduleCallback,Co=r.unstable_cancelCallback,To=r.unstable_shouldYield,jo=r.unstable_requestPaint,Lo=r.unstable_now,Oo=r.unstable_getCurrentPriorityLevel,Po=r.unstable_ImmediatePriority,Mo=r.unstable_UserBlockingPriority,No=r.unstable_NormalPriority,Ao=r.unstable_LowPriority,Io=r.unstable_IdlePriority,Ro={},Do=void 0!==jo?jo:function(){},Fo=null,Bo=null,$o=!1,Uo=Lo(),Ho=1e4>Uo?Lo:function(){return Lo()-Uo};function Zo(){switch(Oo()){case Po:return 99;case Mo:return 98;case No:return 97;case Ao:return 96;case Io:return 95;default:throw Error(i(332))}}function Qo(e){switch(e){case 99:return Po;case 98:return Mo;case 97:return No;case 96:return Ao;case 95:return Io;default:throw Error(i(332))}}function Vo(e,t){return e=Qo(e),So(e,t)}function Wo(e,t,n){return e=Qo(e),zo(e,t,n)}function Go(){if(null!==Bo){var e=Bo;Bo=null,Co(e)}qo()}function qo(){if(!$o&&null!==Fo){$o=!0;var e=0;try{var t=Fo;Vo(99,(function(){for(;e<t.length;e++){var n=t[e];do{n=n(!0)}while(null!==n)}})),Fo=null}catch(n){throw null!==Fo&&(Fo=Fo.slice(e+1)),zo(Po,Go),n}finally{$o=!1}}}var Yo=x.ReactCurrentBatchConfig;function Ko(e,t){if(e&&e.defaultProps){for(var n in t=o({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var Xo=so(null),Jo=null,er=null,tr=null;function nr(){tr=er=Jo=null}function ar(e){var t=Xo.current;co(Xo),e.type._context._currentValue=t}function or(e,t){for(;null!==e;){var n=e.alternate;if((e.childLanes&t)===t){if(null===n||(n.childLanes&t)===t)break;n.childLanes|=t}else e.childLanes|=t,null!==n&&(n.childLanes|=t);e=e.return}}function rr(e,t){Jo=e,tr=er=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(Ii=!0),e.firstContext=null)}function ir(e,t){if(tr!==e&&!1!==t&&0!==t)if("number"==typeof t&&1073741823!==t||(tr=e,t=1073741823),t={context:e,observedBits:t,next:null},null===er){if(null===Jo)throw Error(i(308));er=t,Jo.dependencies={lanes:0,firstContext:t,responders:null}}else er=er.next=t;return e._currentValue}var lr=!1;function sr(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null},effects:null}}function cr(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function ur(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function dr(e,t){if(null!==(e=e.updateQueue)){var n=(e=e.shared).pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}}function br(e,t){var n=e.updateQueue,a=e.alternate;if(null!==a&&n===(a=a.updateQueue)){var o=null,r=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===r?o=r=i:r=r.next=i,n=n.next}while(null!==n);null===r?o=r=t:r=r.next=t}else o=r=t;return n={baseState:a.baseState,firstBaseUpdate:o,lastBaseUpdate:r,shared:a.shared,effects:a.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function fr(e,t,n,a){var r=e.updateQueue;lr=!1;var i=r.firstBaseUpdate,l=r.lastBaseUpdate,s=r.shared.pending;if(null!==s){r.shared.pending=null;var c=s,u=c.next;c.next=null,null===l?i=u:l.next=u,l=c;var d=e.alternate;if(null!==d){var b=(d=d.updateQueue).lastBaseUpdate;b!==l&&(null===b?d.firstBaseUpdate=u:b.next=u,d.lastBaseUpdate=c)}}if(null!==i){for(b=r.baseState,l=0,d=u=c=null;;){s=i.lane;var f=i.eventTime;if((a&s)===s){null!==d&&(d=d.next={eventTime:f,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var p=e,g=i;switch(s=t,f=n,g.tag){case 1:if("function"==typeof(p=g.payload)){b=p.call(f,b,s);break e}b=p;break e;case 3:p.flags=-4097&p.flags|64;case 0:if(null==(s="function"==typeof(p=g.payload)?p.call(f,b,s):p))break e;b=o({},b,s);break e;case 2:lr=!0}}null!==i.callback&&(e.flags|=32,null===(s=r.effects)?r.effects=[i]:s.push(i))}else f={eventTime:f,lane:s,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===d?(u=d=f,c=b):d=d.next=f,l|=s;if(null===(i=i.next)){if(null===(s=r.shared.pending))break;i=s.next,s.next=null,r.lastBaseUpdate=s,r.shared.pending=null}}null===d&&(c=b),r.baseState=c,r.firstBaseUpdate=u,r.lastBaseUpdate=d,$l|=l,e.lanes=l,e.memoizedState=b}}function pr(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var a=e[t],o=a.callback;if(null!==o){if(a.callback=null,a=n,"function"!=typeof o)throw Error(i(191,o));o.call(a)}}}var gr=(new a.Component).refs;function mr(e,t,n,a){n=null==(n=n(a,t=e.memoizedState))?t:o({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var hr={isMounted:function(e){return!!(e=e._reactInternals)&&qe(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var a=bs(),o=fs(e),r=ur(a,o);r.payload=t,null!=n&&(r.callback=n),dr(e,r),ps(e,o,a)},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var a=bs(),o=fs(e),r=ur(a,o);r.tag=1,r.payload=t,null!=n&&(r.callback=n),dr(e,r),ps(e,o,a)},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=bs(),a=fs(e),o=ur(n,a);o.tag=2,null!=t&&(o.callback=t),dr(e,o),ps(e,a,n)}};function vr(e,t,n,a,o,r,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(a,r,i):!t.prototype||!t.prototype.isPureReactComponent||(!da(n,a)||!da(o,r))}function yr(e,t,n){var a=!1,o=bo,r=t.contextType;return"object"==typeof r&&null!==r?r=ir(r):(o=ho(t)?go:fo.current,r=(a=null!=(a=t.contextTypes))?mo(e,o):bo),t=new t(n,r),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=hr,e.stateNode=t,t._reactInternals=e,a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=r),t}function _r(e,t,n,a){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,a),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,a),t.state!==e&&hr.enqueueReplaceState(t,t.state,null)}function xr(e,t,n,a){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=gr,sr(e);var r=t.contextType;"object"==typeof r&&null!==r?o.context=ir(r):(r=ho(t)?go:fo.current,o.context=mo(e,r)),fr(e,n,o,a),o.state=e.memoizedState,"function"==typeof(r=t.getDerivedStateFromProps)&&(mr(e,t,r,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&hr.enqueueReplaceState(o,o.state,null),fr(e,n,o,a),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4)}var wr=Array.isArray;function kr(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(i(309));var a=n.stateNode}if(!a)throw Error(i(147,e));var o=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===o?t.ref:(t=function(e){var t=a.refs;t===gr&&(t=a.refs={}),null===e?delete t[o]:t[o]=e},t._stringRef=o,t)}if("string"!=typeof e)throw Error(i(284));if(!n._owner)throw Error(i(290,e))}return e}function Er(e,t){if("textarea"!==e.type)throw Error(i(31,"[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t))}function Sr(e){function t(t,n){if(e){var a=t.lastEffect;null!==a?(a.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.flags=8}}function n(n,a){if(!e)return null;for(;null!==a;)t(n,a),a=a.sibling;return null}function a(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Vs(e,t)).index=0,e.sibling=null,e}function r(t,n,a){return t.index=a,e?null!==(a=t.alternate)?(a=a.index)<n?(t.flags=2,n):a:(t.flags=2,n):n}function l(t){return e&&null===t.alternate&&(t.flags=2),t}function s(e,t,n,a){return null===t||6!==t.tag?((t=Ys(n,e.mode,a)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,a){return null!==t&&t.elementType===n.type?((a=o(t,n.props)).ref=kr(e,t,n),a.return=e,a):((a=Ws(n.type,n.key,n.props,null,e.mode,a)).ref=kr(e,t,n),a.return=e,a)}function u(e,t,n,a){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Ks(n,e.mode,a)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,a,r){return null===t||7!==t.tag?((t=Gs(n,e.mode,a,r)).return=e,t):((t=o(t,n)).return=e,t)}function b(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Ys(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case w:return(n=Ws(t.type,t.key,t.props,null,e.mode,n)).ref=kr(e,null,t),n.return=e,n;case k:return(t=Ks(t,e.mode,n)).return=e,t}if(wr(t)||U(t))return(t=Gs(t,e.mode,n,null)).return=e,t;Er(e,t)}return null}function f(e,t,n,a){var o=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==o?null:s(e,t,""+n,a);if("object"==typeof n&&null!==n){switch(n.$$typeof){case w:return n.key===o?n.type===E?d(e,t,n.props.children,a,o):c(e,t,n,a):null;case k:return n.key===o?u(e,t,n,a):null}if(wr(n)||U(n))return null!==o?null:d(e,t,n,a,null);Er(e,n)}return null}function p(e,t,n,a,o){if("string"==typeof a||"number"==typeof a)return s(t,e=e.get(n)||null,""+a,o);if("object"==typeof a&&null!==a){switch(a.$$typeof){case w:return e=e.get(null===a.key?n:a.key)||null,a.type===E?d(t,e,a.props.children,o,a.key):c(t,e,a,o);case k:return u(t,e=e.get(null===a.key?n:a.key)||null,a,o)}if(wr(a)||U(a))return d(t,e=e.get(n)||null,a,o,null);Er(t,a)}return null}function g(o,i,l,s){for(var c=null,u=null,d=i,g=i=0,m=null;null!==d&&g<l.length;g++){d.index>g?(m=d,d=null):m=d.sibling;var h=f(o,d,l[g],s);if(null===h){null===d&&(d=m);break}e&&d&&null===h.alternate&&t(o,d),i=r(h,i,g),null===u?c=h:u.sibling=h,u=h,d=m}if(g===l.length)return n(o,d),c;if(null===d){for(;g<l.length;g++)null!==(d=b(o,l[g],s))&&(i=r(d,i,g),null===u?c=d:u.sibling=d,u=d);return c}for(d=a(o,d);g<l.length;g++)null!==(m=p(d,o,g,l[g],s))&&(e&&null!==m.alternate&&d.delete(null===m.key?g:m.key),i=r(m,i,g),null===u?c=m:u.sibling=m,u=m);return e&&d.forEach((function(e){return t(o,e)})),c}function m(o,l,s,c){var u=U(s);if("function"!=typeof u)throw Error(i(150));if(null==(s=u.call(s)))throw Error(i(151));for(var d=u=null,g=l,m=l=0,h=null,v=s.next();null!==g&&!v.done;m++,v=s.next()){g.index>m?(h=g,g=null):h=g.sibling;var y=f(o,g,v.value,c);if(null===y){null===g&&(g=h);break}e&&g&&null===y.alternate&&t(o,g),l=r(y,l,m),null===d?u=y:d.sibling=y,d=y,g=h}if(v.done)return n(o,g),u;if(null===g){for(;!v.done;m++,v=s.next())null!==(v=b(o,v.value,c))&&(l=r(v,l,m),null===d?u=v:d.sibling=v,d=v);return u}for(g=a(o,g);!v.done;m++,v=s.next())null!==(v=p(g,o,m,v.value,c))&&(e&&null!==v.alternate&&g.delete(null===v.key?m:v.key),l=r(v,l,m),null===d?u=v:d.sibling=v,d=v);return e&&g.forEach((function(e){return t(o,e)})),u}return function(e,a,r,s){var c="object"==typeof r&&null!==r&&r.type===E&&null===r.key;c&&(r=r.props.children);var u="object"==typeof r&&null!==r;if(u)switch(r.$$typeof){case w:e:{for(u=r.key,c=a;null!==c;){if(c.key===u){if(7===c.tag){if(r.type===E){n(e,c.sibling),(a=o(c,r.props.children)).return=e,e=a;break e}}else if(c.elementType===r.type){n(e,c.sibling),(a=o(c,r.props)).ref=kr(e,c,r),a.return=e,e=a;break e}n(e,c);break}t(e,c),c=c.sibling}r.type===E?((a=Gs(r.props.children,e.mode,s,r.key)).return=e,e=a):((s=Ws(r.type,r.key,r.props,null,e.mode,s)).ref=kr(e,a,r),s.return=e,e=s)}return l(e);case k:e:{for(c=r.key;null!==a;){if(a.key===c){if(4===a.tag&&a.stateNode.containerInfo===r.containerInfo&&a.stateNode.implementation===r.implementation){n(e,a.sibling),(a=o(a,r.children||[])).return=e,e=a;break e}n(e,a);break}t(e,a),a=a.sibling}(a=Ks(r,e.mode,s)).return=e,e=a}return l(e)}if("string"==typeof r||"number"==typeof r)return r=""+r,null!==a&&6===a.tag?(n(e,a.sibling),(a=o(a,r)).return=e,e=a):(n(e,a),(a=Ys(r,e.mode,s)).return=e,e=a),l(e);if(wr(r))return g(e,a,r,s);if(U(r))return m(e,a,r,s);if(u&&Er(e,r),void 0===r&&!c)switch(e.tag){case 1:case 22:case 0:case 11:case 15:throw Error(i(152,W(e.type)||"Component"))}return n(e,a)}}var zr=Sr(!0),Cr=Sr(!1),Tr={},jr=so(Tr),Lr=so(Tr),Or=so(Tr);function Pr(e){if(e===Tr)throw Error(i(174));return e}function Mr(e,t){switch(uo(Or,t),uo(Lr,e),uo(jr,Tr),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:fe(null,"");break;default:t=fe(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}co(jr),uo(jr,t)}function Nr(){co(jr),co(Lr),co(Or)}function Ar(e){Pr(Or.current);var t=Pr(jr.current),n=fe(t,e.type);t!==n&&(uo(Lr,e),uo(jr,n))}function Ir(e){Lr.current===e&&(co(jr),co(Lr))}var Rr=so(0);function Dr(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(64&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Fr=null,Br=null,$r=!1;function Ur(e,t){var n=Zs(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.flags=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function Hr(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function Zr(e){if($r){var t=Br;if(t){var n=t;if(!Hr(e,t)){if(!(t=Wa(n.nextSibling))||!Hr(e,t))return e.flags=-1025&e.flags|2,$r=!1,void(Fr=e);Ur(Fr,n)}Fr=e,Br=Wa(t.firstChild)}else e.flags=-1025&e.flags|2,$r=!1,Fr=e}}function Qr(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;Fr=e}function Vr(e){if(e!==Fr)return!1;if(!$r)return Qr(e),$r=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!Ha(t,e.memoizedProps))for(t=Br;t;)Ur(e,t),t=Wa(t.nextSibling);if(Qr(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(i(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){Br=Wa(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}Br=null}}else Br=Fr?Wa(e.stateNode.nextSibling):null;return!0}function Wr(){Br=Fr=null,$r=!1}var Gr=[];function qr(){for(var e=0;e<Gr.length;e++)Gr[e]._workInProgressVersionPrimary=null;Gr.length=0}var Yr=x.ReactCurrentDispatcher,Kr=x.ReactCurrentBatchConfig,Xr=0,Jr=null,ei=null,ti=null,ni=!1,ai=!1;function oi(){throw Error(i(321))}function ri(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!ca(e[n],t[n]))return!1;return!0}function ii(e,t,n,a,o,r){if(Xr=r,Jr=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Yr.current=null===e||null===e.memoizedState?Pi:Mi,e=n(a,o),ai){r=0;do{if(ai=!1,!(25>r))throw Error(i(301));r+=1,ti=ei=null,t.updateQueue=null,Yr.current=Ni,e=n(a,o)}while(ai)}if(Yr.current=Oi,t=null!==ei&&null!==ei.next,Xr=0,ti=ei=Jr=null,ni=!1,t)throw Error(i(300));return e}function li(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ti?Jr.memoizedState=ti=e:ti=ti.next=e,ti}function si(){if(null===ei){var e=Jr.alternate;e=null!==e?e.memoizedState:null}else e=ei.next;var t=null===ti?Jr.memoizedState:ti.next;if(null!==t)ti=t,ei=e;else{if(null===e)throw Error(i(310));e={memoizedState:(ei=e).memoizedState,baseState:ei.baseState,baseQueue:ei.baseQueue,queue:ei.queue,next:null},null===ti?Jr.memoizedState=ti=e:ti=ti.next=e}return ti}function ci(e,t){return"function"==typeof t?t(e):t}function ui(e){var t=si(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var a=ei,o=a.baseQueue,r=n.pending;if(null!==r){if(null!==o){var l=o.next;o.next=r.next,r.next=l}a.baseQueue=o=r,n.pending=null}if(null!==o){o=o.next,a=a.baseState;var s=l=r=null,c=o;do{var u=c.lane;if((Xr&u)===u)null!==s&&(s=s.next={lane:0,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null}),a=c.eagerReducer===e?c.eagerState:e(a,c.action);else{var d={lane:u,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null};null===s?(l=s=d,r=a):s=s.next=d,Jr.lanes|=u,$l|=u}c=c.next}while(null!==c&&c!==o);null===s?r=a:s.next=l,ca(a,t.memoizedState)||(Ii=!0),t.memoizedState=a,t.baseState=r,t.baseQueue=s,n.lastRenderedState=a}return[t.memoizedState,n.dispatch]}function di(e){var t=si(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var a=n.dispatch,o=n.pending,r=t.memoizedState;if(null!==o){n.pending=null;var l=o=o.next;do{r=e(r,l.action),l=l.next}while(l!==o);ca(r,t.memoizedState)||(Ii=!0),t.memoizedState=r,null===t.baseQueue&&(t.baseState=r),n.lastRenderedState=r}return[r,a]}function bi(e,t,n){var a=t._getVersion;a=a(t._source);var o=t._workInProgressVersionPrimary;if(null!==o?e=o===a:(e=e.mutableReadLanes,(e=(Xr&e)===e)&&(t._workInProgressVersionPrimary=a,Gr.push(t))),e)return n(t._source);throw Gr.push(t),Error(i(350))}function fi(e,t,n,a){var o=Ml;if(null===o)throw Error(i(349));var r=t._getVersion,l=r(t._source),s=Yr.current,c=s.useState((function(){return bi(o,t,n)})),u=c[1],d=c[0];c=ti;var b=e.memoizedState,f=b.refs,p=f.getSnapshot,g=b.source;b=b.subscribe;var m=Jr;return e.memoizedState={refs:f,source:t,subscribe:a},s.useEffect((function(){f.getSnapshot=n,f.setSnapshot=u;var e=r(t._source);if(!ca(l,e)){e=n(t._source),ca(d,e)||(u(e),e=fs(m),o.mutableReadLanes|=e&o.pendingLanes),e=o.mutableReadLanes,o.entangledLanes|=e;for(var a=o.entanglements,i=e;0<i;){var s=31-Ht(i),c=1<<s;a[s]|=e,i&=~c}}}),[n,t,a]),s.useEffect((function(){return a(t._source,(function(){var e=f.getSnapshot,n=f.setSnapshot;try{n(e(t._source));var a=fs(m);o.mutableReadLanes|=a&o.pendingLanes}catch(r){n((function(){throw r}))}}))}),[t,a]),ca(p,n)&&ca(g,t)&&ca(b,a)||((e={pending:null,dispatch:null,lastRenderedReducer:ci,lastRenderedState:d}).dispatch=u=Li.bind(null,Jr,e),c.queue=e,c.baseQueue=null,d=bi(o,t,n),c.memoizedState=c.baseState=d),d}function pi(e,t,n){return fi(si(),e,t,n)}function gi(e){var t=li();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={pending:null,dispatch:null,lastRenderedReducer:ci,lastRenderedState:e}).dispatch=Li.bind(null,Jr,e),[t.memoizedState,e]}function mi(e,t,n,a){return e={tag:e,create:t,destroy:n,deps:a,next:null},null===(t=Jr.updateQueue)?(t={lastEffect:null},Jr.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(a=n.next,n.next=e,e.next=a,t.lastEffect=e),e}function hi(e){return e={current:e},li().memoizedState=e}function vi(){return si().memoizedState}function yi(e,t,n,a){var o=li();Jr.flags|=e,o.memoizedState=mi(1|t,n,void 0,void 0===a?null:a)}function _i(e,t,n,a){var o=si();a=void 0===a?null:a;var r=void 0;if(null!==ei){var i=ei.memoizedState;if(r=i.destroy,null!==a&&ri(a,i.deps))return void mi(t,n,r,a)}Jr.flags|=e,o.memoizedState=mi(1|t,n,r,a)}function xi(e,t){return yi(516,4,e,t)}function wi(e,t){return _i(516,4,e,t)}function ki(e,t){return _i(4,2,e,t)}function Ei(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Si(e,t,n){return n=null!=n?n.concat([e]):null,_i(4,2,Ei.bind(null,t,e),n)}function zi(){}function Ci(e,t){var n=si();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&ri(t,a[1])?a[0]:(n.memoizedState=[e,t],e)}function Ti(e,t){var n=si();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&ri(t,a[1])?a[0]:(e=e(),n.memoizedState=[e,t],e)}function ji(e,t){var n=Zo();Vo(98>n?98:n,(function(){e(!0)})),Vo(97<n?97:n,(function(){var n=Kr.transition;Kr.transition=1;try{e(!1),t()}finally{Kr.transition=n}}))}function Li(e,t,n){var a=bs(),o=fs(e),r={lane:o,action:n,eagerReducer:null,eagerState:null,next:null},i=t.pending;if(null===i?r.next=r:(r.next=i.next,i.next=r),t.pending=r,i=e.alternate,e===Jr||null!==i&&i===Jr)ai=ni=!0;else{if(0===e.lanes&&(null===i||0===i.lanes)&&null!==(i=t.lastRenderedReducer))try{var l=t.lastRenderedState,s=i(l,n);if(r.eagerReducer=i,r.eagerState=s,ca(s,l))return}catch(c){}ps(e,o,a)}}var Oi={readContext:ir,useCallback:oi,useContext:oi,useEffect:oi,useImperativeHandle:oi,useLayoutEffect:oi,useMemo:oi,useReducer:oi,useRef:oi,useState:oi,useDebugValue:oi,useDeferredValue:oi,useTransition:oi,useMutableSource:oi,useOpaqueIdentifier:oi,unstable_isNewReconciler:!1},Pi={readContext:ir,useCallback:function(e,t){return li().memoizedState=[e,void 0===t?null:t],e},useContext:ir,useEffect:xi,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,yi(4,2,Ei.bind(null,t,e),n)},useLayoutEffect:function(e,t){return yi(4,2,e,t)},useMemo:function(e,t){var n=li();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var a=li();return t=void 0!==n?n(t):t,a.memoizedState=a.baseState=t,e=(e=a.queue={pending:null,dispatch:null,lastRenderedReducer:e,lastRenderedState:t}).dispatch=Li.bind(null,Jr,e),[a.memoizedState,e]},useRef:hi,useState:gi,useDebugValue:zi,useDeferredValue:function(e){var t=gi(e),n=t[0],a=t[1];return xi((function(){var t=Kr.transition;Kr.transition=1;try{a(e)}finally{Kr.transition=t}}),[e]),n},useTransition:function(){var e=gi(!1),t=e[0];return hi(e=ji.bind(null,e[1])),[e,t]},useMutableSource:function(e,t,n){var a=li();return a.memoizedState={refs:{getSnapshot:t,setSnapshot:null},source:e,subscribe:n},fi(a,e,t,n)},useOpaqueIdentifier:function(){if($r){var e=!1,t=function(e){return{$$typeof:A,toString:e,valueOf:e}}((function(){throw e||(e=!0,n("r:"+(qa++).toString(36))),Error(i(355))})),n=gi(t)[1];return 0==(2&Jr.mode)&&(Jr.flags|=516,mi(5,(function(){n("r:"+(qa++).toString(36))}),void 0,null)),t}return gi(t="r:"+(qa++).toString(36)),t},unstable_isNewReconciler:!1},Mi={readContext:ir,useCallback:Ci,useContext:ir,useEffect:wi,useImperativeHandle:Si,useLayoutEffect:ki,useMemo:Ti,useReducer:ui,useRef:vi,useState:function(){return ui(ci)},useDebugValue:zi,useDeferredValue:function(e){var t=ui(ci),n=t[0],a=t[1];return wi((function(){var t=Kr.transition;Kr.transition=1;try{a(e)}finally{Kr.transition=t}}),[e]),n},useTransition:function(){var e=ui(ci)[0];return[vi().current,e]},useMutableSource:pi,useOpaqueIdentifier:function(){return ui(ci)[0]},unstable_isNewReconciler:!1},Ni={readContext:ir,useCallback:Ci,useContext:ir,useEffect:wi,useImperativeHandle:Si,useLayoutEffect:ki,useMemo:Ti,useReducer:di,useRef:vi,useState:function(){return di(ci)},useDebugValue:zi,useDeferredValue:function(e){var t=di(ci),n=t[0],a=t[1];return wi((function(){var t=Kr.transition;Kr.transition=1;try{a(e)}finally{Kr.transition=t}}),[e]),n},useTransition:function(){var e=di(ci)[0];return[vi().current,e]},useMutableSource:pi,useOpaqueIdentifier:function(){return di(ci)[0]},unstable_isNewReconciler:!1},Ai=x.ReactCurrentOwner,Ii=!1;function Ri(e,t,n,a){t.child=null===e?Cr(t,null,n,a):zr(t,e.child,n,a)}function Di(e,t,n,a,o){n=n.render;var r=t.ref;return rr(t,o),a=ii(e,t,n,a,r,o),null===e||Ii?(t.flags|=1,Ri(e,t,a,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,rl(e,t,o))}function Fi(e,t,n,a,o,r){if(null===e){var i=n.type;return"function"!=typeof i||Qs(i)||void 0!==i.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Ws(n.type,null,a,t,t.mode,r)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=i,Bi(e,t,i,a,o,r))}return i=e.child,0==(o&r)&&(o=i.memoizedProps,(n=null!==(n=n.compare)?n:da)(o,a)&&e.ref===t.ref)?rl(e,t,r):(t.flags|=1,(e=Vs(i,a)).ref=t.ref,e.return=t,t.child=e)}function Bi(e,t,n,a,o,r){if(null!==e&&da(e.memoizedProps,a)&&e.ref===t.ref){if(Ii=!1,0==(r&o))return t.lanes=e.lanes,rl(e,t,r);0!=(16384&e.flags)&&(Ii=!0)}return Hi(e,t,n,a,r)}function $i(e,t,n){var a=t.pendingProps,o=a.children,r=null!==e?e.memoizedState:null;if("hidden"===a.mode||"unstable-defer-without-hiding"===a.mode)if(0==(4&t.mode))t.memoizedState={baseLanes:0},ws(t,n);else{if(0==(1073741824&n))return e=null!==r?r.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e},ws(t,e),null;t.memoizedState={baseLanes:0},ws(t,null!==r?r.baseLanes:n)}else null!==r?(a=r.baseLanes|n,t.memoizedState=null):a=n,ws(t,a);return Ri(e,t,o,n),t.child}function Ui(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=128)}function Hi(e,t,n,a,o){var r=ho(n)?go:fo.current;return r=mo(t,r),rr(t,o),n=ii(e,t,n,a,r,o),null===e||Ii?(t.flags|=1,Ri(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,rl(e,t,o))}function Zi(e,t,n,a,o){if(ho(n)){var r=!0;xo(t)}else r=!1;if(rr(t,o),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),yr(t,n,a),xr(t,n,a,o),a=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=ir(c):c=mo(t,c=ho(n)?go:fo.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==a||s!==c)&&_r(t,i,a,c),lr=!1;var b=t.memoizedState;i.state=b,fr(t,a,i,o),s=t.memoizedState,l!==a||b!==s||po.current||lr?("function"==typeof u&&(mr(t,n,u,a),s=t.memoizedState),(l=lr||vr(t,n,l,a,b,s,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4)):("function"==typeof i.componentDidMount&&(t.flags|=4),t.memoizedProps=a,t.memoizedState=s),i.props=a,i.state=s,i.context=c,a=l):("function"==typeof i.componentDidMount&&(t.flags|=4),a=!1)}else{i=t.stateNode,cr(e,t),l=t.memoizedProps,c=t.type===t.elementType?l:Ko(t.type,l),i.props=c,d=t.pendingProps,b=i.context,"object"==typeof(s=n.contextType)&&null!==s?s=ir(s):s=mo(t,s=ho(n)?go:fo.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==d||b!==s)&&_r(t,i,a,s),lr=!1,b=t.memoizedState,i.state=b,fr(t,a,i,o);var p=t.memoizedState;l!==d||b!==p||po.current||lr?("function"==typeof f&&(mr(t,n,f,a),p=t.memoizedState),(c=lr||vr(t,n,c,a,b,p,s))?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(a,p,s),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(a,p,s)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=256)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&b===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&b===e.memoizedState||(t.flags|=256),t.memoizedProps=a,t.memoizedState=p),i.props=a,i.state=p,i.context=s,a=c):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&b===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&b===e.memoizedState||(t.flags|=256),a=!1)}return Qi(e,t,n,a,r,o)}function Qi(e,t,n,a,o,r){Ui(e,t);var i=0!=(64&t.flags);if(!a&&!i)return o&&wo(t,n,!1),rl(e,t,r);a=t.stateNode,Ai.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:a.render();return t.flags|=1,null!==e&&i?(t.child=zr(t,e.child,null,r),t.child=zr(t,null,l,r)):Ri(e,t,l,r),t.memoizedState=a.state,o&&wo(t,n,!0),t.child}function Vi(e){var t=e.stateNode;t.pendingContext?yo(0,t.pendingContext,t.pendingContext!==t.context):t.context&&yo(0,t.context,!1),Mr(e,t.containerInfo)}var Wi,Gi,qi,Yi,Ki={dehydrated:null,retryLane:0};function Xi(e,t,n){var a,o=t.pendingProps,r=Rr.current,i=!1;return(a=0!=(64&t.flags))||(a=(null===e||null!==e.memoizedState)&&0!=(2&r)),a?(i=!0,t.flags&=-65):null!==e&&null===e.memoizedState||void 0===o.fallback||!0===o.unstable_avoidThisFallback||(r|=1),uo(Rr,1&r),null===e?(void 0!==o.fallback&&Zr(t),e=o.children,r=o.fallback,i?(e=Ji(t,e,r,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Ki,e):"number"==typeof o.unstable_expectedLoadTime?(e=Ji(t,e,r,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Ki,t.lanes=33554432,e):((n=qs({mode:"visible",children:e},t.mode,n,null)).return=t,t.child=n)):(e.memoizedState,i?(o=tl(e,t,o.children,o.fallback,n),i=t.child,r=e.child.memoizedState,i.memoizedState=null===r?{baseLanes:n}:{baseLanes:r.baseLanes|n},i.childLanes=e.childLanes&~n,t.memoizedState=Ki,o):(n=el(e,t,o.children,n),t.memoizedState=null,n))}function Ji(e,t,n,a){var o=e.mode,r=e.child;return t={mode:"hidden",children:t},0==(2&o)&&null!==r?(r.childLanes=0,r.pendingProps=t):r=qs(t,o,0,null),n=Gs(n,o,a,null),r.return=e,n.return=e,r.sibling=n,e.child=r,n}function el(e,t,n,a){var o=e.child;return e=o.sibling,n=Vs(o,{mode:"visible",children:n}),0==(2&t.mode)&&(n.lanes=a),n.return=t,n.sibling=null,null!==e&&(e.nextEffect=null,e.flags=8,t.firstEffect=t.lastEffect=e),t.child=n}function tl(e,t,n,a,o){var r=t.mode,i=e.child;e=i.sibling;var l={mode:"hidden",children:n};return 0==(2&r)&&t.child!==i?((n=t.child).childLanes=0,n.pendingProps=l,null!==(i=n.lastEffect)?(t.firstEffect=n.firstEffect,t.lastEffect=i,i.nextEffect=null):t.firstEffect=t.lastEffect=null):n=Vs(i,l),null!==e?a=Vs(e,a):(a=Gs(a,r,o,null)).flags|=2,a.return=t,n.return=t,n.sibling=a,t.child=n,a}function nl(e,t){e.lanes|=t;var n=e.alternate;null!==n&&(n.lanes|=t),or(e.return,t)}function al(e,t,n,a,o,r){var i=e.memoizedState;null===i?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:o,lastEffect:r}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=a,i.tail=n,i.tailMode=o,i.lastEffect=r)}function ol(e,t,n){var a=t.pendingProps,o=a.revealOrder,r=a.tail;if(Ri(e,t,a.children,n),0!=(2&(a=Rr.current)))a=1&a|2,t.flags|=64;else{if(null!==e&&0!=(64&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&nl(e,n);else if(19===e.tag)nl(e,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}a&=1}if(uo(Rr,a),0==(2&t.mode))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===Dr(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),al(t,!1,o,n,r,t.lastEffect);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===Dr(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}al(t,!0,n,null,r,t.lastEffect);break;case"together":al(t,!1,null,null,void 0,t.lastEffect);break;default:t.memoizedState=null}return t.child}function rl(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),$l|=t.lanes,0!=(n&t.childLanes)){if(null!==e&&t.child!==e.child)throw Error(i(153));if(null!==t.child){for(n=Vs(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Vs(e,e.pendingProps)).return=t;n.sibling=null}return t.child}return null}function il(e,t){if(!$r)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var a=null;null!==n;)null!==n.alternate&&(a=n),n=n.sibling;null===a?t||null===e.tail?e.tail=null:e.tail.sibling=null:a.sibling=null}}function ll(e,t,n){var a=t.pendingProps;switch(t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return null;case 1:case 17:return ho(t.type)&&vo(),null;case 3:return Nr(),co(po),co(fo),qr(),(a=t.stateNode).pendingContext&&(a.context=a.pendingContext,a.pendingContext=null),null!==e&&null!==e.child||(Vr(t)?t.flags|=4:a.hydrate||(t.flags|=256)),Gi(t),null;case 5:Ir(t);var r=Pr(Or.current);if(n=t.type,null!==e&&null!=t.stateNode)qi(e,t,n,a,r),e.ref!==t.ref&&(t.flags|=128);else{if(!a){if(null===t.stateNode)throw Error(i(166));return null}if(e=Pr(jr.current),Vr(t)){a=t.stateNode,n=t.type;var l=t.memoizedProps;switch(a[Ka]=t,a[Xa]=l,n){case"dialog":ja("cancel",a),ja("close",a);break;case"iframe":case"object":case"embed":ja("load",a);break;case"video":case"audio":for(e=0;e<Sa.length;e++)ja(Sa[e],a);break;case"source":ja("error",a);break;case"img":case"image":case"link":ja("error",a),ja("load",a);break;case"details":ja("toggle",a);break;case"input":ee(a,l),ja("invalid",a);break;case"select":a._wrapperState={wasMultiple:!!l.multiple},ja("invalid",a);break;case"textarea":se(a,l),ja("invalid",a)}for(var c in ke(n,l),e=null,l)l.hasOwnProperty(c)&&(r=l[c],"children"===c?"string"==typeof r?a.textContent!==r&&(e=["children",r]):"number"==typeof r&&a.textContent!==""+r&&(e=["children",""+r]):s.hasOwnProperty(c)&&null!=r&&"onScroll"===c&&ja("scroll",a));switch(n){case"input":Y(a),ae(a,l,!0);break;case"textarea":Y(a),ue(a);break;case"select":case"option":break;default:"function"==typeof l.onClick&&(a.onclick=Fa)}a=e,t.updateQueue=a,null!==a&&(t.flags|=4)}else{switch(c=9===r.nodeType?r:r.ownerDocument,e===de.html&&(e=be(n)),e===de.html?"script"===n?((e=c.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof a.is?e=c.createElement(n,{is:a.is}):(e=c.createElement(n),"select"===n&&(c=e,a.multiple?c.multiple=!0:a.size&&(c.size=a.size))):e=c.createElementNS(e,n),e[Ka]=t,e[Xa]=a,Wi(e,t,!1,!1),t.stateNode=e,c=Ee(n,a),n){case"dialog":ja("cancel",e),ja("close",e),r=a;break;case"iframe":case"object":case"embed":ja("load",e),r=a;break;case"video":case"audio":for(r=0;r<Sa.length;r++)ja(Sa[r],e);r=a;break;case"source":ja("error",e),r=a;break;case"img":case"image":case"link":ja("error",e),ja("load",e),r=a;break;case"details":ja("toggle",e),r=a;break;case"input":ee(e,a),r=J(e,a),ja("invalid",e);break;case"option":r=re(e,a);break;case"select":e._wrapperState={wasMultiple:!!a.multiple},r=o({},a,{value:void 0}),ja("invalid",e);break;case"textarea":se(e,a),r=le(e,a),ja("invalid",e);break;default:r=a}ke(n,r);var u=r;for(l in u)if(u.hasOwnProperty(l)){var d=u[l];"style"===l?xe(e,d):"dangerouslySetInnerHTML"===l?null!=(d=d?d.__html:void 0)&&me(e,d):"children"===l?"string"==typeof d?("textarea"!==n||""!==d)&&he(e,d):"number"==typeof d&&he(e,""+d):"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&"autoFocus"!==l&&(s.hasOwnProperty(l)?null!=d&&"onScroll"===l&&ja("scroll",e):null!=d&&_(e,l,d,c))}switch(n){case"input":Y(e),ae(e,a,!1);break;case"textarea":Y(e),ue(e);break;case"option":null!=a.value&&e.setAttribute("value",""+G(a.value));break;case"select":e.multiple=!!a.multiple,null!=(l=a.value)?ie(e,!!a.multiple,l,!1):null!=a.defaultValue&&ie(e,!!a.multiple,a.defaultValue,!0);break;default:"function"==typeof r.onClick&&(e.onclick=Fa)}Ua(n,a)&&(t.flags|=4)}null!==t.ref&&(t.flags|=128)}return null;case 6:if(e&&null!=t.stateNode)Yi(e,t,e.memoizedProps,a);else{if("string"!=typeof a&&null===t.stateNode)throw Error(i(166));n=Pr(Or.current),Pr(jr.current),Vr(t)?(a=t.stateNode,n=t.memoizedProps,a[Ka]=t,a.nodeValue!==n&&(t.flags|=4)):((a=(9===n.nodeType?n:n.ownerDocument).createTextNode(a))[Ka]=t,t.stateNode=a)}return null;case 13:return co(Rr),a=t.memoizedState,0!=(64&t.flags)?(t.lanes=n,t):(a=null!==a,n=!1,null===e?void 0!==t.memoizedProps.fallback&&Vr(t):n=null!==e.memoizedState,a&&!n&&0!=(2&t.mode)&&(null===e&&!0!==t.memoizedProps.unstable_avoidThisFallback||0!=(1&Rr.current)?0===Dl&&(Dl=3):(0!==Dl&&3!==Dl||(Dl=4),null===Ml||0==(134217727&$l)&&0==(134217727&Ul)||vs(Ml,Al))),(a||n)&&(t.flags|=4),null);case 4:return Nr(),Gi(t),null===e&&Oa(t.stateNode.containerInfo),null;case 10:return ar(t),null;case 19:if(co(Rr),null===(a=t.memoizedState))return null;if(l=0!=(64&t.flags),null===(c=a.rendering))if(l)il(a,!1);else{if(0!==Dl||null!==e&&0!=(64&e.flags))for(e=t.child;null!==e;){if(null!==(c=Dr(e))){for(t.flags|=64,il(a,!1),null!==(l=c.updateQueue)&&(t.updateQueue=l,t.flags|=4),null===a.lastEffect&&(t.firstEffect=null),t.lastEffect=a.lastEffect,a=n,n=t.child;null!==n;)e=a,(l=n).flags&=2,l.nextEffect=null,l.firstEffect=null,l.lastEffect=null,null===(c=l.alternate)?(l.childLanes=0,l.lanes=e,l.child=null,l.memoizedProps=null,l.memoizedState=null,l.updateQueue=null,l.dependencies=null,l.stateNode=null):(l.childLanes=c.childLanes,l.lanes=c.lanes,l.child=c.child,l.memoizedProps=c.memoizedProps,l.memoizedState=c.memoizedState,l.updateQueue=c.updateQueue,l.type=c.type,e=c.dependencies,l.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return uo(Rr,1&Rr.current|2),t.child}e=e.sibling}null!==a.tail&&Ho()>Vl&&(t.flags|=64,l=!0,il(a,!1),t.lanes=33554432)}else{if(!l)if(null!==(e=Dr(c))){if(t.flags|=64,l=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),il(a,!0),null===a.tail&&"hidden"===a.tailMode&&!c.alternate&&!$r)return null!==(t=t.lastEffect=a.lastEffect)&&(t.nextEffect=null),null}else 2*Ho()-a.renderingStartTime>Vl&&1073741824!==n&&(t.flags|=64,l=!0,il(a,!1),t.lanes=33554432);a.isBackwards?(c.sibling=t.child,t.child=c):(null!==(n=a.last)?n.sibling=c:t.child=c,a.last=c)}return null!==a.tail?(n=a.tail,a.rendering=n,a.tail=n.sibling,a.lastEffect=t.lastEffect,a.renderingStartTime=Ho(),n.sibling=null,t=Rr.current,uo(Rr,l?1&t|2:1&t),n):null;case 23:case 24:return ks(),null!==e&&null!==e.memoizedState!=(null!==t.memoizedState)&&"unstable-defer-without-hiding"!==a.mode&&(t.flags|=4),null}throw Error(i(156,t.tag))}function sl(e){switch(e.tag){case 1:ho(e.type)&&vo();var t=e.flags;return 4096&t?(e.flags=-4097&t|64,e):null;case 3:if(Nr(),co(po),co(fo),qr(),0!=(64&(t=e.flags)))throw Error(i(285));return e.flags=-4097&t|64,e;case 5:return Ir(e),null;case 13:return co(Rr),4096&(t=e.flags)?(e.flags=-4097&t|64,e):null;case 19:return co(Rr),null;case 4:return Nr(),null;case 10:return ar(e),null;case 23:case 24:return ks(),null;default:return null}}function cl(e,t){try{var n="",a=t;do{n+=V(a),a=a.return}while(a);var o=n}catch(r){o="\nError generating stack: "+r.message+"\n"+r.stack}return{value:e,source:t,stack:o}}function ul(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}Wi=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Gi=function(){},qi=function(e,t,n,a){var r=e.memoizedProps;if(r!==a){e=t.stateNode,Pr(jr.current);var i,l=null;switch(n){case"input":r=J(e,r),a=J(e,a),l=[];break;case"option":r=re(e,r),a=re(e,a),l=[];break;case"select":r=o({},r,{value:void 0}),a=o({},a,{value:void 0}),l=[];break;case"textarea":r=le(e,r),a=le(e,a),l=[];break;default:"function"!=typeof r.onClick&&"function"==typeof a.onClick&&(e.onclick=Fa)}for(d in ke(n,a),n=null,r)if(!a.hasOwnProperty(d)&&r.hasOwnProperty(d)&&null!=r[d])if("style"===d){var c=r[d];for(i in c)c.hasOwnProperty(i)&&(n||(n={}),n[i]="")}else"dangerouslySetInnerHTML"!==d&&"children"!==d&&"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&"autoFocus"!==d&&(s.hasOwnProperty(d)?l||(l=[]):(l=l||[]).push(d,null));for(d in a){var u=a[d];if(c=null!=r?r[d]:void 0,a.hasOwnProperty(d)&&u!==c&&(null!=u||null!=c))if("style"===d)if(c){for(i in c)!c.hasOwnProperty(i)||u&&u.hasOwnProperty(i)||(n||(n={}),n[i]="");for(i in u)u.hasOwnProperty(i)&&c[i]!==u[i]&&(n||(n={}),n[i]=u[i])}else n||(l||(l=[]),l.push(d,n)),n=u;else"dangerouslySetInnerHTML"===d?(u=u?u.__html:void 0,c=c?c.__html:void 0,null!=u&&c!==u&&(l=l||[]).push(d,u)):"children"===d?"string"!=typeof u&&"number"!=typeof u||(l=l||[]).push(d,""+u):"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&(s.hasOwnProperty(d)?(null!=u&&"onScroll"===d&&ja("scroll",e),l||c===u||(l=[])):"object"==typeof u&&null!==u&&u.$$typeof===A?u.toString():(l=l||[]).push(d,u))}n&&(l=l||[]).push("style",n);var d=l;(t.updateQueue=d)&&(t.flags|=4)}},Yi=function(e,t,n,a){n!==a&&(t.flags|=4)};var dl="function"==typeof WeakMap?WeakMap:Map;function bl(e,t,n){(n=ur(-1,n)).tag=3,n.payload={element:null};var a=t.value;return n.callback=function(){Yl||(Yl=!0,Kl=a),ul(0,t)},n}function fl(e,t,n){(n=ur(-1,n)).tag=3;var a=e.type.getDerivedStateFromError;if("function"==typeof a){var o=t.value;n.payload=function(){return ul(0,t),a(o)}}var r=e.stateNode;return null!==r&&"function"==typeof r.componentDidCatch&&(n.callback=function(){"function"!=typeof a&&(null===Xl?Xl=new Set([this]):Xl.add(this),ul(0,t));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}var pl="function"==typeof WeakSet?WeakSet:Set;function gl(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(n){Bs(e,n)}else t.current=null}function ml(e,t){switch(t.tag){case 0:case 11:case 15:case 22:case 5:case 6:case 4:case 17:return;case 1:if(256&t.flags&&null!==e){var n=e.memoizedProps,a=e.memoizedState;t=(e=t.stateNode).getSnapshotBeforeUpdate(t.elementType===t.type?n:Ko(t.type,n),a),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:return void(256&t.flags&&Va(t.stateNode.containerInfo))}throw Error(i(163))}function hl(e,t,n){switch(n.tag){case 0:case 11:case 15:case 22:if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{if(3==(3&e.tag)){var a=e.create;e.destroy=a()}e=e.next}while(e!==t)}if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{var o=e;a=o.next,0!=(4&(o=o.tag))&&0!=(1&o)&&(Rs(n,e),Is(n,e)),e=a}while(e!==t)}return;case 1:return e=n.stateNode,4&n.flags&&(null===t?e.componentDidMount():(a=n.elementType===n.type?t.memoizedProps:Ko(n.type,t.memoizedProps),e.componentDidUpdate(a,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate))),void(null!==(t=n.updateQueue)&&pr(n,t,e));case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:case 1:e=n.child.stateNode}pr(n,t,e)}return;case 5:return e=n.stateNode,void(null===t&&4&n.flags&&Ua(n.type,n.memoizedProps)&&e.focus());case 6:case 4:case 12:case 19:case 17:case 20:case 21:case 23:case 24:return;case 13:return void(null===n.memoizedState&&(n=n.alternate,null!==n&&(n=n.memoizedState,null!==n&&(n=n.dehydrated,null!==n&&xt(n)))))}throw Error(i(163))}function vl(e,t){for(var n=e;;){if(5===n.tag){var a=n.stateNode;if(t)"function"==typeof(a=a.style).setProperty?a.setProperty("display","none","important"):a.display="none";else{a=n.stateNode;var o=n.memoizedProps.style;o=null!=o&&o.hasOwnProperty("display")?o.display:null,a.style.display=_e("display",o)}}else if(6===n.tag)n.stateNode.nodeValue=t?"":n.memoizedProps;else if((23!==n.tag&&24!==n.tag||null===n.memoizedState||n===e)&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}function yl(e,t){if(Eo&&"function"==typeof Eo.onCommitFiberUnmount)try{Eo.onCommitFiberUnmount(ko,t)}catch(r){}switch(t.tag){case 0:case 11:case 14:case 15:case 22:if(null!==(e=t.updateQueue)&&null!==(e=e.lastEffect)){var n=e=e.next;do{var a=n,o=a.destroy;if(a=a.tag,void 0!==o)if(0!=(4&a))Rs(t,n);else{a=t;try{o()}catch(r){Bs(a,r)}}n=n.next}while(n!==e)}break;case 1:if(gl(t),"function"==typeof(e=t.stateNode).componentWillUnmount)try{e.props=t.memoizedProps,e.state=t.memoizedState,e.componentWillUnmount()}catch(r){Bs(t,r)}break;case 5:gl(t);break;case 4:Sl(e,t)}}function _l(e){e.alternate=null,e.child=null,e.dependencies=null,e.firstEffect=null,e.lastEffect=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.return=null,e.updateQueue=null}function xl(e){return 5===e.tag||3===e.tag||4===e.tag}function wl(e){e:{for(var t=e.return;null!==t;){if(xl(t))break e;t=t.return}throw Error(i(160))}var n=t;switch(t=n.stateNode,n.tag){case 5:var a=!1;break;case 3:case 4:t=t.containerInfo,a=!0;break;default:throw Error(i(161))}16&n.flags&&(he(t,""),n.flags&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||xl(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag&&18!==n.tag;){if(2&n.flags)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.flags)){n=n.stateNode;break e}}a?kl(e,n,t):El(e,n,t)}function kl(e,t,n){var a=e.tag,o=5===a||6===a;if(o)e=o?e.stateNode:e.stateNode.instance,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Fa));else if(4!==a&&null!==(e=e.child))for(kl(e,t,n),e=e.sibling;null!==e;)kl(e,t,n),e=e.sibling}function El(e,t,n){var a=e.tag,o=5===a||6===a;if(o)e=o?e.stateNode:e.stateNode.instance,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==a&&null!==(e=e.child))for(El(e,t,n),e=e.sibling;null!==e;)El(e,t,n),e=e.sibling}function Sl(e,t){for(var n,a,o=t,r=!1;;){if(!r){r=o.return;e:for(;;){if(null===r)throw Error(i(160));switch(n=r.stateNode,r.tag){case 5:a=!1;break e;case 3:case 4:n=n.containerInfo,a=!0;break e}r=r.return}r=!0}if(5===o.tag||6===o.tag){e:for(var l=e,s=o,c=s;;)if(yl(l,c),null!==c.child&&4!==c.tag)c.child.return=c,c=c.child;else{if(c===s)break e;for(;null===c.sibling;){if(null===c.return||c.return===s)break e;c=c.return}c.sibling.return=c.return,c=c.sibling}a?(l=n,s=o.stateNode,8===l.nodeType?l.parentNode.removeChild(s):l.removeChild(s)):n.removeChild(o.stateNode)}else if(4===o.tag){if(null!==o.child){n=o.stateNode.containerInfo,a=!0,o.child.return=o,o=o.child;continue}}else if(yl(e,o),null!==o.child){o.child.return=o,o=o.child;continue}if(o===t)break;for(;null===o.sibling;){if(null===o.return||o.return===t)return;4===(o=o.return).tag&&(r=!1)}o.sibling.return=o.return,o=o.sibling}}function zl(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 22:var n=t.updateQueue;if(null!==(n=null!==n?n.lastEffect:null)){var a=n=n.next;do{3==(3&a.tag)&&(e=a.destroy,a.destroy=void 0,void 0!==e&&e()),a=a.next}while(a!==n)}return;case 1:case 12:case 17:return;case 5:if(null!=(n=t.stateNode)){a=t.memoizedProps;var o=null!==e?e.memoizedProps:a;e=t.type;var r=t.updateQueue;if(t.updateQueue=null,null!==r){for(n[Xa]=a,"input"===e&&"radio"===a.type&&null!=a.name&&te(n,a),Ee(e,o),t=Ee(e,a),o=0;o<r.length;o+=2){var l=r[o],s=r[o+1];"style"===l?xe(n,s):"dangerouslySetInnerHTML"===l?me(n,s):"children"===l?he(n,s):_(n,l,s,t)}switch(e){case"input":ne(n,a);break;case"textarea":ce(n,a);break;case"select":e=n._wrapperState.wasMultiple,n._wrapperState.wasMultiple=!!a.multiple,null!=(r=a.value)?ie(n,!!a.multiple,r,!1):e!==!!a.multiple&&(null!=a.defaultValue?ie(n,!!a.multiple,a.defaultValue,!0):ie(n,!!a.multiple,a.multiple?[]:"",!1))}}}return;case 6:if(null===t.stateNode)throw Error(i(162));return void(t.stateNode.nodeValue=t.memoizedProps);case 3:return void((n=t.stateNode).hydrate&&(n.hydrate=!1,xt(n.containerInfo)));case 13:return null!==t.memoizedState&&(Ql=Ho(),vl(t.child,!0)),void Cl(t);case 19:return void Cl(t);case 23:case 24:return void vl(t,null!==t.memoizedState)}throw Error(i(163))}function Cl(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new pl),t.forEach((function(t){var a=Us.bind(null,e,t);n.has(t)||(n.add(t),t.then(a,a))}))}}function Tl(e,t){return null!==e&&(null===(e=e.memoizedState)||null!==e.dehydrated)&&(null!==(t=t.memoizedState)&&null===t.dehydrated)}var jl=Math.ceil,Ll=x.ReactCurrentDispatcher,Ol=x.ReactCurrentOwner,Pl=0,Ml=null,Nl=null,Al=0,Il=0,Rl=so(0),Dl=0,Fl=null,Bl=0,$l=0,Ul=0,Hl=0,Zl=null,Ql=0,Vl=1/0;function Wl(){Vl=Ho()+500}var Gl,ql=null,Yl=!1,Kl=null,Xl=null,Jl=!1,es=null,ts=90,ns=[],as=[],os=null,rs=0,is=null,ls=-1,ss=0,cs=0,us=null,ds=!1;function bs(){return 0!=(48&Pl)?Ho():-1!==ls?ls:ls=Ho()}function fs(e){if(0==(2&(e=e.mode)))return 1;if(0==(4&e))return 99===Zo()?1:2;if(0===ss&&(ss=Bl),0!==Yo.transition){0!==cs&&(cs=null!==Zl?Zl.pendingLanes:0),e=ss;var t=4186112&~cs;return 0===(t&=-t)&&(0===(t=(e=4186112&~e)&-e)&&(t=8192)),t}return e=Zo(),0!=(4&Pl)&&98===e?e=Ft(12,ss):e=Ft(e=function(e){switch(e){case 99:return 15;case 98:return 10;case 97:case 96:return 8;case 95:return 2;default:return 0}}(e),ss),e}function ps(e,t,n){if(50<rs)throw rs=0,is=null,Error(i(185));if(null===(e=gs(e,t)))return null;Ut(e,t,n),e===Ml&&(Ul|=t,4===Dl&&vs(e,Al));var a=Zo();1===t?0!=(8&Pl)&&0==(48&Pl)?ys(e):(ms(e,n),0===Pl&&(Wl(),Go())):(0==(4&Pl)||98!==a&&99!==a||(null===os?os=new Set([e]):os.add(e)),ms(e,n)),Zl=e}function gs(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}function ms(e,t){for(var n=e.callbackNode,a=e.suspendedLanes,o=e.pingedLanes,r=e.expirationTimes,l=e.pendingLanes;0<l;){var s=31-Ht(l),c=1<<s,u=r[s];if(-1===u){if(0==(c&a)||0!=(c&o)){u=t,It(c);var d=At;r[s]=10<=d?u+250:6<=d?u+5e3:-1}}else u<=t&&(e.expiredLanes|=c);l&=~c}if(a=Rt(e,e===Ml?Al:0),t=At,0===a)null!==n&&(n!==Ro&&Co(n),e.callbackNode=null,e.callbackPriority=0);else{if(null!==n){if(e.callbackPriority===t)return;n!==Ro&&Co(n)}15===t?(n=ys.bind(null,e),null===Fo?(Fo=[n],Bo=zo(Po,qo)):Fo.push(n),n=Ro):14===t?n=Wo(99,ys.bind(null,e)):(n=function(e){switch(e){case 15:case 14:return 99;case 13:case 12:case 11:case 10:return 98;case 9:case 8:case 7:case 6:case 4:case 5:return 97;case 3:case 2:case 1:return 95;case 0:return 90;default:throw Error(i(358,e))}}(t),n=Wo(n,hs.bind(null,e))),e.callbackPriority=t,e.callbackNode=n}}function hs(e){if(ls=-1,cs=ss=0,0!=(48&Pl))throw Error(i(327));var t=e.callbackNode;if(As()&&e.callbackNode!==t)return null;var n=Rt(e,e===Ml?Al:0);if(0===n)return null;var a=n,o=Pl;Pl|=16;var r=zs();for(Ml===e&&Al===a||(Wl(),Es(e,a));;)try{js();break}catch(s){Ss(e,s)}if(nr(),Ll.current=r,Pl=o,null!==Nl?a=0:(Ml=null,Al=0,a=Dl),0!=(Bl&Ul))Es(e,0);else if(0!==a){if(2===a&&(Pl|=64,e.hydrate&&(e.hydrate=!1,Va(e.containerInfo)),0!==(n=Dt(e))&&(a=Cs(e,n))),1===a)throw t=Fl,Es(e,0),vs(e,n),ms(e,Ho()),t;switch(e.finishedWork=e.current.alternate,e.finishedLanes=n,a){case 0:case 1:throw Error(i(345));case 2:case 5:Ps(e);break;case 3:if(vs(e,n),(62914560&n)===n&&10<(a=Ql+500-Ho())){if(0!==Rt(e,0))break;if(((o=e.suspendedLanes)&n)!==n){bs(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=Za(Ps.bind(null,e),a);break}Ps(e);break;case 4:if(vs(e,n),(4186112&n)===n)break;for(a=e.eventTimes,o=-1;0<n;){var l=31-Ht(n);r=1<<l,(l=a[l])>o&&(o=l),n&=~r}if(n=o,10<(n=(120>(n=Ho()-n)?120:480>n?480:1080>n?1080:1920>n?1920:3e3>n?3e3:4320>n?4320:1960*jl(n/1960))-n)){e.timeoutHandle=Za(Ps.bind(null,e),n);break}Ps(e);break;default:throw Error(i(329))}}return ms(e,Ho()),e.callbackNode===t?hs.bind(null,e):null}function vs(e,t){for(t&=~Hl,t&=~Ul,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-Ht(t),a=1<<n;e[n]=-1,t&=~a}}function ys(e){if(0!=(48&Pl))throw Error(i(327));if(As(),e===Ml&&0!=(e.expiredLanes&Al)){var t=Al,n=Cs(e,t);0!=(Bl&Ul)&&(n=Cs(e,t=Rt(e,t)))}else n=Cs(e,t=Rt(e,0));if(0!==e.tag&&2===n&&(Pl|=64,e.hydrate&&(e.hydrate=!1,Va(e.containerInfo)),0!==(t=Dt(e))&&(n=Cs(e,t))),1===n)throw n=Fl,Es(e,0),vs(e,t),ms(e,Ho()),n;return e.finishedWork=e.current.alternate,e.finishedLanes=t,Ps(e),ms(e,Ho()),null}function _s(e,t){var n=Pl;Pl|=1;try{return e(t)}finally{0===(Pl=n)&&(Wl(),Go())}}function xs(e,t){var n=Pl;Pl&=-2,Pl|=8;try{return e(t)}finally{0===(Pl=n)&&(Wl(),Go())}}function ws(e,t){uo(Rl,Il),Il|=t,Bl|=t}function ks(){Il=Rl.current,co(Rl)}function Es(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,Qa(n)),null!==Nl)for(n=Nl.return;null!==n;){var a=n;switch(a.tag){case 1:null!=(a=a.type.childContextTypes)&&vo();break;case 3:Nr(),co(po),co(fo),qr();break;case 5:Ir(a);break;case 4:Nr();break;case 13:case 19:co(Rr);break;case 10:ar(a);break;case 23:case 24:ks()}n=n.return}Ml=e,Nl=Vs(e.current,null),Al=Il=Bl=t,Dl=0,Fl=null,Hl=Ul=$l=0}function Ss(e,t){for(;;){var n=Nl;try{if(nr(),Yr.current=Oi,ni){for(var a=Jr.memoizedState;null!==a;){var o=a.queue;null!==o&&(o.pending=null),a=a.next}ni=!1}if(Xr=0,ti=ei=Jr=null,ai=!1,Ol.current=null,null===n||null===n.return){Dl=1,Fl=t,Nl=null;break}e:{var r=e,i=n.return,l=n,s=t;if(t=Al,l.flags|=2048,l.firstEffect=l.lastEffect=null,null!==s&&"object"==typeof s&&"function"==typeof s.then){var c=s;if(0==(2&l.mode)){var u=l.alternate;u?(l.updateQueue=u.updateQueue,l.memoizedState=u.memoizedState,l.lanes=u.lanes):(l.updateQueue=null,l.memoizedState=null)}var d=0!=(1&Rr.current),b=i;do{var f;if(f=13===b.tag){var p=b.memoizedState;if(null!==p)f=null!==p.dehydrated;else{var g=b.memoizedProps;f=void 0!==g.fallback&&(!0!==g.unstable_avoidThisFallback||!d)}}if(f){var m=b.updateQueue;if(null===m){var h=new Set;h.add(c),b.updateQueue=h}else m.add(c);if(0==(2&b.mode)){if(b.flags|=64,l.flags|=16384,l.flags&=-2981,1===l.tag)if(null===l.alternate)l.tag=17;else{var v=ur(-1,1);v.tag=2,dr(l,v)}l.lanes|=1;break e}s=void 0,l=t;var y=r.pingCache;if(null===y?(y=r.pingCache=new dl,s=new Set,y.set(c,s)):void 0===(s=y.get(c))&&(s=new Set,y.set(c,s)),!s.has(l)){s.add(l);var _=$s.bind(null,r,c,l);c.then(_,_)}b.flags|=4096,b.lanes=t;break e}b=b.return}while(null!==b);s=Error((W(l.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.")}5!==Dl&&(Dl=2),s=cl(s,l),b=i;do{switch(b.tag){case 3:r=s,b.flags|=4096,t&=-t,b.lanes|=t,br(b,bl(0,r,t));break e;case 1:r=s;var x=b.type,w=b.stateNode;if(0==(64&b.flags)&&("function"==typeof x.getDerivedStateFromError||null!==w&&"function"==typeof w.componentDidCatch&&(null===Xl||!Xl.has(w)))){b.flags|=4096,t&=-t,b.lanes|=t,br(b,fl(b,r,t));break e}}b=b.return}while(null!==b)}Os(n)}catch(k){t=k,Nl===n&&null!==n&&(Nl=n=n.return);continue}break}}function zs(){var e=Ll.current;return Ll.current=Oi,null===e?Oi:e}function Cs(e,t){var n=Pl;Pl|=16;var a=zs();for(Ml===e&&Al===t||Es(e,t);;)try{Ts();break}catch(o){Ss(e,o)}if(nr(),Pl=n,Ll.current=a,null!==Nl)throw Error(i(261));return Ml=null,Al=0,Dl}function Ts(){for(;null!==Nl;)Ls(Nl)}function js(){for(;null!==Nl&&!To();)Ls(Nl)}function Ls(e){var t=Gl(e.alternate,e,Il);e.memoizedProps=e.pendingProps,null===t?Os(e):Nl=t,Ol.current=null}function Os(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(2048&t.flags)){if(null!==(n=ll(n,t,Il)))return void(Nl=n);if(24!==(n=t).tag&&23!==n.tag||null===n.memoizedState||0!=(1073741824&Il)||0==(4&n.mode)){for(var a=0,o=n.child;null!==o;)a|=o.lanes|o.childLanes,o=o.sibling;n.childLanes=a}null!==e&&0==(2048&e.flags)&&(null===e.firstEffect&&(e.firstEffect=t.firstEffect),null!==t.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=t.firstEffect),e.lastEffect=t.lastEffect),1<t.flags&&(null!==e.lastEffect?e.lastEffect.nextEffect=t:e.firstEffect=t,e.lastEffect=t))}else{if(null!==(n=sl(t)))return n.flags&=2047,void(Nl=n);null!==e&&(e.firstEffect=e.lastEffect=null,e.flags|=2048)}if(null!==(t=t.sibling))return void(Nl=t);Nl=t=e}while(null!==t);0===Dl&&(Dl=5)}function Ps(e){var t=Zo();return Vo(99,Ms.bind(null,e,t)),null}function Ms(e,t){do{As()}while(null!==es);if(0!=(48&Pl))throw Error(i(327));var n=e.finishedWork;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(i(177));e.callbackNode=null;var a=n.lanes|n.childLanes,o=a,r=e.pendingLanes&~o;e.pendingLanes=o,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=o,e.mutableReadLanes&=o,e.entangledLanes&=o,o=e.entanglements;for(var l=e.eventTimes,s=e.expirationTimes;0<r;){var c=31-Ht(r),u=1<<c;o[c]=0,l[c]=-1,s[c]=-1,r&=~u}if(null!==os&&0==(24&a)&&os.has(e)&&os.delete(e),e===Ml&&(Nl=Ml=null,Al=0),1<n.flags?null!==n.lastEffect?(n.lastEffect.nextEffect=n,a=n.firstEffect):a=n:a=n.firstEffect,null!==a){if(o=Pl,Pl|=32,Ol.current=null,Ba=Gt,ma(l=ga())){if("selectionStart"in l)s={start:l.selectionStart,end:l.selectionEnd};else e:if(s=(s=l.ownerDocument)&&s.defaultView||window,(u=s.getSelection&&s.getSelection())&&0!==u.rangeCount){s=u.anchorNode,r=u.anchorOffset,c=u.focusNode,u=u.focusOffset;try{s.nodeType,c.nodeType}catch(z){s=null;break e}var d=0,b=-1,f=-1,p=0,g=0,m=l,h=null;t:for(;;){for(var v;m!==s||0!==r&&3!==m.nodeType||(b=d+r),m!==c||0!==u&&3!==m.nodeType||(f=d+u),3===m.nodeType&&(d+=m.nodeValue.length),null!==(v=m.firstChild);)h=m,m=v;for(;;){if(m===l)break t;if(h===s&&++p===r&&(b=d),h===c&&++g===u&&(f=d),null!==(v=m.nextSibling))break;h=(m=h).parentNode}m=v}s=-1===b||-1===f?null:{start:b,end:f}}else s=null;s=s||{start:0,end:0}}else s=null;$a={focusedElem:l,selectionRange:s},Gt=!1,us=null,ds=!1,ql=a;do{try{Ns()}catch(z){if(null===ql)throw Error(i(330));Bs(ql,z),ql=ql.nextEffect}}while(null!==ql);us=null,ql=a;do{try{for(l=e;null!==ql;){var y=ql.flags;if(16&y&&he(ql.stateNode,""),128&y){var _=ql.alternate;if(null!==_){var x=_.ref;null!==x&&("function"==typeof x?x(null):x.current=null)}}switch(1038&y){case 2:wl(ql),ql.flags&=-3;break;case 6:wl(ql),ql.flags&=-3,zl(ql.alternate,ql);break;case 1024:ql.flags&=-1025;break;case 1028:ql.flags&=-1025,zl(ql.alternate,ql);break;case 4:zl(ql.alternate,ql);break;case 8:Sl(l,s=ql);var w=s.alternate;_l(s),null!==w&&_l(w)}ql=ql.nextEffect}}catch(z){if(null===ql)throw Error(i(330));Bs(ql,z),ql=ql.nextEffect}}while(null!==ql);if(x=$a,_=ga(),y=x.focusedElem,l=x.selectionRange,_!==y&&y&&y.ownerDocument&&pa(y.ownerDocument.documentElement,y)){null!==l&&ma(y)&&(_=l.start,void 0===(x=l.end)&&(x=_),"selectionStart"in y?(y.selectionStart=_,y.selectionEnd=Math.min(x,y.value.length)):(x=(_=y.ownerDocument||document)&&_.defaultView||window).getSelection&&(x=x.getSelection(),s=y.textContent.length,w=Math.min(l.start,s),l=void 0===l.end?w:Math.min(l.end,s),!x.extend&&w>l&&(s=l,l=w,w=s),s=fa(y,w),r=fa(y,l),s&&r&&(1!==x.rangeCount||x.anchorNode!==s.node||x.anchorOffset!==s.offset||x.focusNode!==r.node||x.focusOffset!==r.offset)&&((_=_.createRange()).setStart(s.node,s.offset),x.removeAllRanges(),w>l?(x.addRange(_),x.extend(r.node,r.offset)):(_.setEnd(r.node,r.offset),x.addRange(_))))),_=[];for(x=y;x=x.parentNode;)1===x.nodeType&&_.push({element:x,left:x.scrollLeft,top:x.scrollTop});for("function"==typeof y.focus&&y.focus(),y=0;y<_.length;y++)(x=_[y]).element.scrollLeft=x.left,x.element.scrollTop=x.top}Gt=!!Ba,$a=Ba=null,e.current=n,ql=a;do{try{for(y=e;null!==ql;){var k=ql.flags;if(36&k&&hl(y,ql.alternate,ql),128&k){_=void 0;var E=ql.ref;if(null!==E){var S=ql.stateNode;ql.tag,_=S,"function"==typeof E?E(_):E.current=_}}ql=ql.nextEffect}}catch(z){if(null===ql)throw Error(i(330));Bs(ql,z),ql=ql.nextEffect}}while(null!==ql);ql=null,Do(),Pl=o}else e.current=n;if(Jl)Jl=!1,es=e,ts=t;else for(ql=a;null!==ql;)t=ql.nextEffect,ql.nextEffect=null,8&ql.flags&&((k=ql).sibling=null,k.stateNode=null),ql=t;if(0===(a=e.pendingLanes)&&(Xl=null),1===a?e===is?rs++:(rs=0,is=e):rs=0,n=n.stateNode,Eo&&"function"==typeof Eo.onCommitFiberRoot)try{Eo.onCommitFiberRoot(ko,n,void 0,64==(64&n.current.flags))}catch(z){}if(ms(e,Ho()),Yl)throw Yl=!1,e=Kl,Kl=null,e;return 0!=(8&Pl)||Go(),null}function Ns(){for(;null!==ql;){var e=ql.alternate;ds||null===us||(0!=(8&ql.flags)?Je(ql,us)&&(ds=!0):13===ql.tag&&Tl(e,ql)&&Je(ql,us)&&(ds=!0));var t=ql.flags;0!=(256&t)&&ml(e,ql),0==(512&t)||Jl||(Jl=!0,Wo(97,(function(){return As(),null}))),ql=ql.nextEffect}}function As(){if(90!==ts){var e=97<ts?97:ts;return ts=90,Vo(e,Ds)}return!1}function Is(e,t){ns.push(t,e),Jl||(Jl=!0,Wo(97,(function(){return As(),null})))}function Rs(e,t){as.push(t,e),Jl||(Jl=!0,Wo(97,(function(){return As(),null})))}function Ds(){if(null===es)return!1;var e=es;if(es=null,0!=(48&Pl))throw Error(i(331));var t=Pl;Pl|=32;var n=as;as=[];for(var a=0;a<n.length;a+=2){var o=n[a],r=n[a+1],l=o.destroy;if(o.destroy=void 0,"function"==typeof l)try{l()}catch(c){if(null===r)throw Error(i(330));Bs(r,c)}}for(n=ns,ns=[],a=0;a<n.length;a+=2){o=n[a],r=n[a+1];try{var s=o.create;o.destroy=s()}catch(c){if(null===r)throw Error(i(330));Bs(r,c)}}for(s=e.current.firstEffect;null!==s;)e=s.nextEffect,s.nextEffect=null,8&s.flags&&(s.sibling=null,s.stateNode=null),s=e;return Pl=t,Go(),!0}function Fs(e,t,n){dr(e,t=bl(0,t=cl(n,t),1)),t=bs(),null!==(e=gs(e,1))&&(Ut(e,1,t),ms(e,t))}function Bs(e,t){if(3===e.tag)Fs(e,e,t);else for(var n=e.return;null!==n;){if(3===n.tag){Fs(n,e,t);break}if(1===n.tag){var a=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof a.componentDidCatch&&(null===Xl||!Xl.has(a))){var o=fl(n,e=cl(t,e),1);if(dr(n,o),o=bs(),null!==(n=gs(n,1)))Ut(n,1,o),ms(n,o);else if("function"==typeof a.componentDidCatch&&(null===Xl||!Xl.has(a)))try{a.componentDidCatch(t,e)}catch(r){}break}}n=n.return}}function $s(e,t,n){var a=e.pingCache;null!==a&&a.delete(t),t=bs(),e.pingedLanes|=e.suspendedLanes&n,Ml===e&&(Al&n)===n&&(4===Dl||3===Dl&&(62914560&Al)===Al&&500>Ho()-Ql?Es(e,0):Hl|=n),ms(e,t)}function Us(e,t){var n=e.stateNode;null!==n&&n.delete(t),0===(t=0)&&(0==(2&(t=e.mode))?t=1:0==(4&t)?t=99===Zo()?1:2:(0===ss&&(ss=Bl),0===(t=Bt(62914560&~ss))&&(t=4194304))),n=bs(),null!==(e=gs(e,t))&&(Ut(e,t,n),ms(e,n))}function Hs(e,t,n,a){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.flags=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childLanes=this.lanes=0,this.alternate=null}function Zs(e,t,n,a){return new Hs(e,t,n,a)}function Qs(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Vs(e,t){var n=e.alternate;return null===n?((n=Zs(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Ws(e,t,n,a,o,r){var l=2;if(a=e,"function"==typeof e)Qs(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case E:return Gs(n.children,o,r,t);case I:l=8,o|=16;break;case S:l=8,o|=1;break;case z:return(e=Zs(12,n,t,8|o)).elementType=z,e.type=z,e.lanes=r,e;case L:return(e=Zs(13,n,t,o)).type=L,e.elementType=L,e.lanes=r,e;case O:return(e=Zs(19,n,t,o)).elementType=O,e.lanes=r,e;case R:return qs(n,o,r,t);case D:return(e=Zs(24,n,t,o)).elementType=D,e.lanes=r,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:l=10;break e;case T:l=9;break e;case j:l=11;break e;case P:l=14;break e;case M:l=16,a=null;break e;case N:l=22;break e}throw Error(i(130,null==e?e:typeof e,""))}return(t=Zs(l,n,t,o)).elementType=e,t.type=a,t.lanes=r,t}function Gs(e,t,n,a){return(e=Zs(7,e,a,t)).lanes=n,e}function qs(e,t,n,a){return(e=Zs(23,e,a,t)).elementType=R,e.lanes=n,e}function Ys(e,t,n){return(e=Zs(6,e,null,t)).lanes=n,e}function Ks(e,t,n){return(t=Zs(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Xs(e,t,n){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=n,this.callbackNode=null,this.callbackPriority=0,this.eventTimes=$t(0),this.expirationTimes=$t(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=$t(0),this.mutableSourceEagerHydrationData=null}function Js(e,t,n,a){var o=t.current,r=bs(),l=fs(o);e:if(n){t:{if(qe(n=n._reactInternals)!==n||1!==n.tag)throw Error(i(170));var s=n;do{switch(s.tag){case 3:s=s.stateNode.context;break t;case 1:if(ho(s.type)){s=s.stateNode.__reactInternalMemoizedMergedChildContext;break t}}s=s.return}while(null!==s);throw Error(i(171))}if(1===n.tag){var c=n.type;if(ho(c)){n=_o(n,c,s);break e}}n=s}else n=bo;return null===t.context?t.context=n:t.pendingContext=n,(t=ur(r,l)).payload={element:e},null!==(a=void 0===a?null:a)&&(t.callback=a),dr(o,t),ps(o,l,r),l}function ec(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function tc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function nc(e,t){tc(e,t),(e=e.alternate)&&tc(e,t)}function ac(e,t,n){var a=null!=n&&null!=n.hydrationOptions&&n.hydrationOptions.mutableSources||null;if(n=new Xs(e,t,null!=n&&!0===n.hydrate),t=Zs(3,null,null,2===t?7:1===t?3:0),n.current=t,t.stateNode=n,sr(t),e[Ja]=n.current,Oa(8===e.nodeType?e.parentNode:e),a)for(e=0;e<a.length;e++){var o=(t=a[e])._getVersion;o=o(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,o]:n.mutableSourceEagerHydrationData.push(t,o)}this._internalRoot=n}function oc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function rc(e,t,n,a,o){var r=n._reactRootContainer;if(r){var i=r._internalRoot;if("function"==typeof o){var l=o;o=function(){var e=ec(i);l.call(e)}}Js(t,i,e,o)}else{if(r=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new ac(e,0,t?{hydrate:!0}:void 0)}(n,a),i=r._internalRoot,"function"==typeof o){var s=o;o=function(){var e=ec(i);s.call(e)}}xs((function(){Js(t,i,e,o)}))}return ec(i)}function ic(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!oc(t))throw Error(i(200));return function(e,t,n){var a=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:k,key:null==a?null:""+a,children:e,containerInfo:t,implementation:n}}(e,t,null,n)}Gl=function(e,t,n){var a=t.lanes;if(null!==e)if(e.memoizedProps!==t.pendingProps||po.current)Ii=!0;else{if(0==(n&a)){switch(Ii=!1,t.tag){case 3:Vi(t),Wr();break;case 5:Ar(t);break;case 1:ho(t.type)&&xo(t);break;case 4:Mr(t,t.stateNode.containerInfo);break;case 10:a=t.memoizedProps.value;var o=t.type._context;uo(Xo,o._currentValue),o._currentValue=a;break;case 13:if(null!==t.memoizedState)return 0!=(n&t.child.childLanes)?Xi(e,t,n):(uo(Rr,1&Rr.current),null!==(t=rl(e,t,n))?t.sibling:null);uo(Rr,1&Rr.current);break;case 19:if(a=0!=(n&t.childLanes),0!=(64&e.flags)){if(a)return ol(e,t,n);t.flags|=64}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),uo(Rr,Rr.current),a)break;return null;case 23:case 24:return t.lanes=0,$i(e,t,n)}return rl(e,t,n)}Ii=0!=(16384&e.flags)}else Ii=!1;switch(t.lanes=0,t.tag){case 2:if(a=t.type,null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=mo(t,fo.current),rr(t,n),o=ii(null,t,a,e,o,n),t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof){if(t.tag=1,t.memoizedState=null,t.updateQueue=null,ho(a)){var r=!0;xo(t)}else r=!1;t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,sr(t);var l=a.getDerivedStateFromProps;"function"==typeof l&&mr(t,a,l,e),o.updater=hr,t.stateNode=o,o._reactInternals=t,xr(t,a,e,n),t=Qi(null,t,a,!0,r,n)}else t.tag=0,Ri(null,t,o,n),t=t.child;return t;case 16:o=t.elementType;e:{switch(null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=(r=o._init)(o._payload),t.type=o,r=t.tag=function(e){if("function"==typeof e)return Qs(e)?1:0;if(null!=e){if((e=e.$$typeof)===j)return 11;if(e===P)return 14}return 2}(o),e=Ko(o,e),r){case 0:t=Hi(null,t,o,e,n);break e;case 1:t=Zi(null,t,o,e,n);break e;case 11:t=Di(null,t,o,e,n);break e;case 14:t=Fi(null,t,o,Ko(o.type,e),a,n);break e}throw Error(i(306,o,""))}return t;case 0:return a=t.type,o=t.pendingProps,Hi(e,t,a,o=t.elementType===a?o:Ko(a,o),n);case 1:return a=t.type,o=t.pendingProps,Zi(e,t,a,o=t.elementType===a?o:Ko(a,o),n);case 3:if(Vi(t),a=t.updateQueue,null===e||null===a)throw Error(i(282));if(a=t.pendingProps,o=null!==(o=t.memoizedState)?o.element:null,cr(e,t),fr(t,a,null,n),(a=t.memoizedState.element)===o)Wr(),t=rl(e,t,n);else{if((r=(o=t.stateNode).hydrate)&&(Br=Wa(t.stateNode.containerInfo.firstChild),Fr=t,r=$r=!0),r){if(null!=(e=o.mutableSourceEagerHydrationData))for(o=0;o<e.length;o+=2)(r=e[o])._workInProgressVersionPrimary=e[o+1],Gr.push(r);for(n=Cr(t,null,a,n),t.child=n;n;)n.flags=-3&n.flags|1024,n=n.sibling}else Ri(e,t,a,n),Wr();t=t.child}return t;case 5:return Ar(t),null===e&&Zr(t),a=t.type,o=t.pendingProps,r=null!==e?e.memoizedProps:null,l=o.children,Ha(a,o)?l=null:null!==r&&Ha(a,r)&&(t.flags|=16),Ui(e,t),Ri(e,t,l,n),t.child;case 6:return null===e&&Zr(t),null;case 13:return Xi(e,t,n);case 4:return Mr(t,t.stateNode.containerInfo),a=t.pendingProps,null===e?t.child=zr(t,null,a,n):Ri(e,t,a,n),t.child;case 11:return a=t.type,o=t.pendingProps,Di(e,t,a,o=t.elementType===a?o:Ko(a,o),n);case 7:return Ri(e,t,t.pendingProps,n),t.child;case 8:case 12:return Ri(e,t,t.pendingProps.children,n),t.child;case 10:e:{a=t.type._context,o=t.pendingProps,l=t.memoizedProps,r=o.value;var s=t.type._context;if(uo(Xo,s._currentValue),s._currentValue=r,null!==l)if(s=l.value,0===(r=ca(s,r)?0:0|("function"==typeof a._calculateChangedBits?a._calculateChangedBits(s,r):1073741823))){if(l.children===o.children&&!po.current){t=rl(e,t,n);break e}}else for(null!==(s=t.child)&&(s.return=t);null!==s;){var c=s.dependencies;if(null!==c){l=s.child;for(var u=c.firstContext;null!==u;){if(u.context===a&&0!=(u.observedBits&r)){1===s.tag&&((u=ur(-1,n&-n)).tag=2,dr(s,u)),s.lanes|=n,null!==(u=s.alternate)&&(u.lanes|=n),or(s.return,n),c.lanes|=n;break}u=u.next}}else l=10===s.tag&&s.type===t.type?null:s.child;if(null!==l)l.return=s;else for(l=s;null!==l;){if(l===t){l=null;break}if(null!==(s=l.sibling)){s.return=l.return,l=s;break}l=l.return}s=l}Ri(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,a=(r=t.pendingProps).children,rr(t,n),a=a(o=ir(o,r.unstable_observedBits)),t.flags|=1,Ri(e,t,a,n),t.child;case 14:return r=Ko(o=t.type,t.pendingProps),Fi(e,t,o,r=Ko(o.type,r),a,n);case 15:return Bi(e,t,t.type,t.pendingProps,a,n);case 17:return a=t.type,o=t.pendingProps,o=t.elementType===a?o:Ko(a,o),null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),t.tag=1,ho(a)?(e=!0,xo(t)):e=!1,rr(t,n),yr(t,a,o),xr(t,a,o,n),Qi(null,t,a,!0,e,n);case 19:return ol(e,t,n);case 23:case 24:return $i(e,t,n)}throw Error(i(156,t.tag))},ac.prototype.render=function(e){Js(e,this._internalRoot,null,null)},ac.prototype.unmount=function(){var e=this._internalRoot,t=e.containerInfo;Js(null,e,null,(function(){t[Ja]=null}))},et=function(e){13===e.tag&&(ps(e,4,bs()),nc(e,4))},tt=function(e){13===e.tag&&(ps(e,67108864,bs()),nc(e,67108864))},nt=function(e){if(13===e.tag){var t=bs(),n=fs(e);ps(e,n,t),nc(e,n)}},at=function(e,t){return t()},ze=function(e,t,n){switch(t){case"input":if(ne(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var a=n[t];if(a!==e&&a.form===e.form){var o=oo(a);if(!o)throw Error(i(90));K(a),ne(a,o)}}}break;case"textarea":ce(e,n);break;case"select":null!=(t=n.value)&&ie(e,!!n.multiple,t,!1)}},Pe=_s,Me=function(e,t,n,a,o){var r=Pl;Pl|=4;try{return Vo(98,e.bind(null,t,n,a,o))}finally{0===(Pl=r)&&(Wl(),Go())}},Ne=function(){0==(49&Pl)&&(function(){if(null!==os){var e=os;os=null,e.forEach((function(e){e.expiredLanes|=24&e.pendingLanes,ms(e,Ho())}))}Go()}(),As())},Ae=function(e,t){var n=Pl;Pl|=2;try{return e(t)}finally{0===(Pl=n)&&(Wl(),Go())}};var lc={Events:[no,ao,oo,Le,Oe,As,{current:!1}]},sc={findFiberByHostInstance:to,bundleType:0,version:"17.0.2",rendererPackageName:"react-dom"},cc={bundleType:sc.bundleType,version:sc.version,rendererPackageName:sc.rendererPackageName,rendererConfig:sc.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:x.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Xe(e))?null:e.stateNode},findFiberByHostInstance:sc.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var uc=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!uc.isDisabled&&uc.supportsFiber)try{ko=uc.inject(cc),Eo=uc}catch(ge){}}t.hydrate=function(e,t,n){if(!oc(t))throw Error(i(200));return rc(null,e,t,!0,n)}},73935:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(64448)},69590:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,a="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function r(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var l,s,c,u;if(Array.isArray(e)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(!r(e[s],i[s]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;for(u=e.entries();!(s=u.next()).done;)if(!r(s.value[1],i.get(s.value[0])))return!1;return!0}if(a&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(e[s]!==i[s])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((l=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(i,c[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==c[s]&&"__v"!==c[s]&&"__o"!==c[s]||!e.$$typeof)&&!r(e[c[s]],i[c[s]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return r(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},70405:(e,t,n)=>{"use strict";n.d(t,{B6:()=>Q,ql:()=>J});var a=n(67294),o=n(45697),r=n.n(o),i=n(69590),l=n.n(i),s=n(41143),c=n.n(s),u=n(96774),d=n.n(u);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},b.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,p(e,t)}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function g(e,t){if(null==e)return{};var n,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)t.indexOf(n=r[a])>=0||(o[n]=e[n]);return o}var m={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},h={rel:["amphtml","canonical","alternate"]},v={type:["application/ld+json"]},y={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},_=Object.keys(m).map((function(e){return m[e]})),x={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},w=Object.keys(x).reduce((function(e,t){return e[x[t]]=t,e}),{}),k=function(e,t){for(var n=e.length-1;n>=0;n-=1){var a=e[n];if(Object.prototype.hasOwnProperty.call(a,t))return a[t]}return null},E=function(e){var t=k(e,m.TITLE),n=k(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var a=k(e,"defaultTitle");return t||a||void 0},S=function(e){return k(e,"onChangeClientState")||function(){}},z=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return b({},e,t)}),{})},C=function(e,t){return t.filter((function(e){return void 0!==e[m.BASE]})).map((function(e){return e[m.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var a=Object.keys(n),o=0;o<a.length;o+=1){var r=a[o].toLowerCase();if(-1!==e.indexOf(r)&&n[r])return t.concat(n)}return t}),[])},T=function(e,t,n){var a={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,r=Object.keys(e),i=0;i<r.length;i+=1){var l=r[i],s=l.toLowerCase();-1===t.indexOf(s)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===s&&"stylesheet"===e[s].toLowerCase()||(n=s),-1===t.indexOf(l)||"innerHTML"!==l&&"cssText"!==l&&"itemprop"!==l||(n=l)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return a[n]||(a[n]={}),o[n]||(o[n]={}),!a[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var r=Object.keys(o),i=0;i<r.length;i+=1){var l=r[i],s=b({},a[l],o[l]);a[l]=s}return e}),[]).reverse()},j=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},L=function(e){return Array.isArray(e)?e.join(""):e},O=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),a=0;a<n.length;a+=1)if(t[n[a]]&&t[n[a]].includes(e[n[a]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},P=function(e,t){var n;return b({},e,((n={})[t]=void 0,n))},M=[m.NOSCRIPT,m.SCRIPT,m.STYLE],N=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},A=function(e){return Object.keys(e).reduce((function(t,n){var a=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+a:a}),"")},I=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[x[n]||n]=e[n],t}),t)},R=function(e,t){return t.map((function(t,n){var o,r=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=x[e]||e;"innerHTML"===n||"cssText"===n?r.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:r[n]=t[e]})),a.createElement(e,r)}))},D=function(e,t,n){switch(e){case m.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,r=I(n,o),[a.createElement(m.TITLE,r,e)];var e,n,o,r},toString:function(){return function(e,t,n,a){var o=A(n),r=L(t);return o?"<"+e+' data-rh="true" '+o+">"+N(r,a)+"</"+e+">":"<"+e+' data-rh="true">'+N(r,a)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return I(t)},toString:function(){return A(t)}};default:return{toComponent:function(){return R(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,a){var o=Object.keys(a).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===a[t]?t:t+'="'+N(a[t],n)+'"';return e?e+" "+o:o}),""),r=a.innerHTML||a.cssText||"",i=-1===M.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+r+"</"+e+">")}),"")}(e,t,n)}}}},F=function(e){var t=e.baseTag,n=e.bodyAttributes,a=e.encode,o=e.htmlAttributes,r=e.noscriptTags,i=e.styleTags,l=e.title,s=void 0===l?"":l,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,b=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var p=function(e){var t=e.linkTags,n=e.scriptTags,a=e.encode,o=O(e.metaTags,y),r=O(t,h),i=O(n,v);return{priorityMethods:{toComponent:function(){return[].concat(R(m.META,o.priority),R(m.LINK,r.priority),R(m.SCRIPT,i.priority))},toString:function(){return D(m.META,o.priority,a)+" "+D(m.LINK,r.priority,a)+" "+D(m.SCRIPT,i.priority,a)}},metaTags:o.default,linkTags:r.default,scriptTags:i.default}}(e);f=p.priorityMethods,u=p.linkTags,d=p.metaTags,b=p.scriptTags}return{priority:f,base:D(m.BASE,t,a),bodyAttributes:D("bodyAttributes",n,a),htmlAttributes:D("htmlAttributes",o,a),link:D(m.LINK,u,a),meta:D(m.META,d,a),noscript:D(m.NOSCRIPT,r,a),script:D(m.SCRIPT,b,a),style:D(m.STYLE,i,a),title:D(m.TITLE,{title:s,titleAttributes:c},a)}},B=[],$=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=F({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},U=a.createContext({}),H=r().shape({setHelmet:r().func,helmetInstances:r().shape({get:r().func,add:r().func,remove:r().func})}),Z="undefined"!=typeof document,Q=function(e){function t(n){var a;return(a=e.call(this,n)||this).helmetData=new $(a.props.context,t.canUseDOM),a}return f(t,e),t.prototype.render=function(){return a.createElement(U.Provider,{value:this.helmetData.value},this.props.children)},t}(a.Component);Q.canUseDOM=Z,Q.propTypes={context:r().shape({helmet:r().shape()}),children:r().node.isRequired},Q.defaultProps={context:{}},Q.displayName="HelmetProvider";var V=function(e,t){var n,a=document.head||document.querySelector(m.HEAD),o=a.querySelectorAll(e+"[data-rh]"),r=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var a=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?a.innerHTML=t.innerHTML:"cssText"===o?a.styleSheet?a.styleSheet.cssText=t.cssText:a.appendChild(document.createTextNode(t.cssText)):a.setAttribute(o,void 0===t[o]?"":t[o]));a.setAttribute("data-rh","true"),r.some((function(e,t){return n=t,a.isEqualNode(e)}))?r.splice(n,1):i.push(a)})),r.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return a.appendChild(e)})),{oldTags:r,newTags:i}},W=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var a=n.getAttribute("data-rh"),o=a?a.split(","):[],r=[].concat(o),i=Object.keys(t),l=0;l<i.length;l+=1){var s=i[l],c=t[s]||"";n.getAttribute(s)!==c&&n.setAttribute(s,c),-1===o.indexOf(s)&&o.push(s);var u=r.indexOf(s);-1!==u&&r.splice(u,1)}for(var d=r.length-1;d>=0;d-=1)n.removeAttribute(r[d]);o.length===r.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},G=function(e,t){var n=e.baseTag,a=e.htmlAttributes,o=e.linkTags,r=e.metaTags,i=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;W(m.BODY,e.bodyAttributes),W(m.HTML,a),function(e,t){void 0!==e&&document.title!==e&&(document.title=L(e)),W(m.TITLE,t)}(u,d);var b={baseTag:V(m.BASE,n),linkTags:V(m.LINK,o),metaTags:V(m.META,r),noscriptTags:V(m.NOSCRIPT,i),scriptTags:V(m.SCRIPT,s),styleTags:V(m.STYLE,c)},f={},p={};Object.keys(b).forEach((function(e){var t=b[e],n=t.newTags,a=t.oldTags;n.length&&(f[e]=n),a.length&&(p[e]=b[e].oldTags)})),t&&t(),l(e,f,p)},q=null,Y=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(t=e.call.apply(e,[this].concat(a))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,a=n.setHelmet,o=null,r=(e=n.helmetInstances.get().map((function(e){var t=b({},e.props);return delete t.context,t})),{baseTag:C(["href"],e),bodyAttributes:z("bodyAttributes",e),defer:k(e,"defer"),encode:k(e,"encodeSpecialCharacters"),htmlAttributes:z("htmlAttributes",e),linkTags:T(m.LINK,["rel","href"],e),metaTags:T(m.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:T(m.NOSCRIPT,["innerHTML"],e),onChangeClientState:S(e),scriptTags:T(m.SCRIPT,["src","innerHTML"],e),styleTags:T(m.STYLE,["cssText"],e),title:E(e),titleAttributes:z("titleAttributes",e),prioritizeSeoTags:j(e,"prioritizeSeoTags")});Q.canUseDOM?(t=r,q&&cancelAnimationFrame(q),t.defer?q=requestAnimationFrame((function(){G(t,(function(){q=null}))})):(G(t),q=null)):F&&(o=F(r)),a(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(a.Component);Y.propTypes={context:H.isRequired},Y.displayName="HelmetDispatcher";var K=["children"],X=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!l()(P(this.props,"helmetData"),P(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case m.SCRIPT:case m.NOSCRIPT:return{innerHTML:t};case m.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,a=e.arrayTypeChildren;return b({},a,((t={})[n.type]=[].concat(a[n.type]||[],[b({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,a=e.child,o=e.newProps,r=e.newChildProps,i=e.nestedChildren;switch(a.type){case m.TITLE:return b({},o,((t={})[a.type]=i,t.titleAttributes=b({},r),t));case m.BODY:return b({},o,{bodyAttributes:b({},r)});case m.HTML:return b({},o,{htmlAttributes:b({},r)});default:return b({},o,((n={})[a.type]=b({},r),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=b({},t);return Object.keys(e).forEach((function(t){var a;n=b({},n,((a={})[t]=e[t],a))})),n},n.warnOnInvalidChildren=function(e,t){return c()(_.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+_.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return a.Children.forEach(e,(function(e){if(e&&e.props){var a=e.props,r=a.children,i=g(a,K),l=Object.keys(i).reduce((function(e,t){return e[w[t]||t]=i[t],e}),{}),s=e.type;switch("symbol"==typeof s?s=s.toString():n.warnOnInvalidChildren(e,r),s){case m.FRAGMENT:t=n.mapChildrenToProps(r,t);break;case m.LINK:case m.META:case m.NOSCRIPT:case m.SCRIPT:case m.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:l,nestedChildren:r});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:l,nestedChildren:r})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=g(e,X),o=b({},n),r=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!r||r instanceof $||(r=new $(r.context,r.instances)),r?a.createElement(Y,b({},o,{context:r.value,helmetData:void 0})):a.createElement(U.Consumer,null,(function(e){return a.createElement(Y,b({},o,{context:e}))}))},t}(a.Component);J.propTypes={base:r().object,bodyAttributes:r().object,children:r().oneOfType([r().arrayOf(r().node),r().node]),defaultTitle:r().string,defer:r().bool,encodeSpecialCharacters:r().bool,htmlAttributes:r().object,link:r().arrayOf(r().object),meta:r().arrayOf(r().object),noscript:r().arrayOf(r().object),onChangeClientState:r().func,script:r().arrayOf(r().object),style:r().arrayOf(r().object),title:r().string,titleAttributes:r().object,titleTemplate:r().string,prioritizeSeoTags:r().bool,helmetData:r().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},69921:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,a=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,r=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,b=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,p=n?Symbol.for("react.suspense_list"):60120,g=n?Symbol.for("react.memo"):60115,m=n?Symbol.for("react.lazy"):60116,h=n?Symbol.for("react.block"):60121,v=n?Symbol.for("react.fundamental"):60117,y=n?Symbol.for("react.responder"):60118,_=n?Symbol.for("react.scope"):60119;function x(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case u:case d:case r:case l:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case b:case m:case g:case s:return e;default:return t}}case o:return t}}}function w(e){return x(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=s,t.Element=a,t.ForwardRef=b,t.Fragment=r,t.Lazy=m,t.Memo=g,t.Portal=o,t.Profiler=l,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return w(e)||x(e)===u},t.isConcurrentMode=w,t.isContextConsumer=function(e){return x(e)===c},t.isContextProvider=function(e){return x(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return x(e)===b},t.isFragment=function(e){return x(e)===r},t.isLazy=function(e){return x(e)===m},t.isMemo=function(e){return x(e)===g},t.isPortal=function(e){return x(e)===o},t.isProfiler=function(e){return x(e)===l},t.isStrictMode=function(e){return x(e)===i},t.isSuspense=function(e){return x(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===d||e===l||e===i||e===f||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===g||e.$$typeof===s||e.$$typeof===c||e.$$typeof===b||e.$$typeof===v||e.$$typeof===y||e.$$typeof===_||e.$$typeof===h)},t.typeOf=x},59864:(e,t,n)=>{"use strict";e.exports=n(69921)},68356:(e,t,n)=>{"use strict";function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}var l=n(67294),s=n(45697),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function b(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(a){var o=d(e[a]);o.loading?t.loading=!0:(t.loaded[a]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[a]=e})).catch((function(e){t.error=e}))}))}catch(a){t.error=a}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return l.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function p(e,t){var d,b;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var p=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),g=null;function m(){return g||(g=e(p.loader)),g.promise}return c.push(m),"function"==typeof p.webpack&&u.push((function(){if((0,p.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return m()})),b=d=function(t){function n(n){var a;return r(o(o(a=t.call(this,n)||this)),"retry",(function(){a.setState({error:null,loading:!0,timedOut:!1}),g=e(p.loader),a._loadModule()})),m(),a.state={error:g.error,pastDelay:!1,timedOut:!1,loading:g.loading,loaded:g.loaded},a}a(n,t),n.preload=function(){return m()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(p.modules)&&p.modules.forEach((function(t){e.context.loadable.report(t)})),g.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof p.delay&&(0===p.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),p.delay)),"number"==typeof p.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),p.timeout));var n=function(){t({error:g.error,loaded:g.loaded,loading:g.loading}),e._clearTimeouts()};g.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?l.createElement(p.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?p.render(this.state.loaded,this.props):null},n}(l.Component),r(d,"contextTypes",{loadable:s.shape({report:s.func.isRequired})}),b}function g(e){return p(d,e)}g.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return p(b,e)};var m=function(e){function t(){return e.apply(this,arguments)||this}a(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return l.Children.only(this.props.children)},t}(l.Component);function h(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return h(e)}))}r(m,"propTypes",{report:s.func.isRequired}),r(m,"childContextTypes",{loadable:s.shape({report:s.func.isRequired}).isRequired}),g.Capture=m,g.preloadAll=function(){return new Promise((function(e,t){h(c).then(e,t)}))},g.preloadReady=function(){return new Promise((function(e,t){h(u).then(e,e)}))},e.exports=g},18790:(e,t,n)=>{"use strict";n.d(t,{H:()=>l,f:()=>i});var a=n(16550),o=n(87462),r=n(67294);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,a.LX)(t,e):n.length?n[n.length-1].match:a.F0.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function l(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?r.createElement(a.rs,n,e.map((function(e,n){return r.createElement(a.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.Z)({},n,{},t,{route:e})):r.createElement(e.component,(0,o.Z)({},n,t,{route:e}))}})}))):null}},73727:(e,t,n)=>{"use strict";n.d(t,{OL:()=>y,VK:()=>u,rU:()=>m});var a=n(16550),o=n(75068),r=n(67294),i=n(42358),l=n(87462),s=n(63366),c=n(38776),u=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(t=e.call.apply(e,[this].concat(a))||this).history=(0,i.lX)(t.props),t}return(0,o.Z)(t,e),t.prototype.render=function(){return r.createElement(a.F0,{history:this.history,children:this.props.children})},t}(r.Component);r.Component;var d=function(e,t){return"function"==typeof e?e(t):e},b=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},f=function(e){return e},p=r.forwardRef;void 0===p&&(p=f);var g=p((function(e,t){var n=e.innerRef,a=e.navigate,o=e.onClick,i=(0,s.Z)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,l.Z)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),a())}});return u.ref=f!==p&&t||n,r.createElement("a",u)}));var m=p((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,m=e.to,h=e.innerRef,v=(0,s.Z)(e,["component","replace","to","innerRef"]);return r.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=e.history,a=b(d(m,e.location),e.location),s=a?n.createHref(a):"",g=(0,l.Z)({},v,{href:s,navigate:function(){var t=d(m,e.location),a=(0,i.Ep)(e.location)===(0,i.Ep)(b(t));(u||a?n.replace:n.push)(t)}});return f!==p?g.ref=t||h:g.innerRef=h,r.createElement(o,g)}))})),h=function(e){return e},v=r.forwardRef;void 0===v&&(v=h);var y=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,p=e.className,g=e.exact,y=e.isActive,_=e.location,x=e.sensitive,w=e.strict,k=e.style,E=e.to,S=e.innerRef,z=(0,s.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return r.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=_||e.location,i=b(d(E,n),n),s=i.pathname,C=s&&s.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),T=C?(0,a.LX)(n.pathname,{path:C,exact:g,sensitive:x,strict:w}):null,j=!!(y?y(T,n):T),L="function"==typeof p?p(j):p,O="function"==typeof k?k(j):k;j&&(L=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(L,u),O=(0,l.Z)({},O,f));var P=(0,l.Z)({"aria-current":j&&o||null,className:L,style:O,to:i},z);return h!==v?P.ref=t||S:P.innerRef=S,r.createElement(m,P)}))}))},16550:(e,t,n)=>{"use strict";n.d(t,{AW:()=>L,F0:()=>y,LX:()=>j,TH:()=>F,k6:()=>D,l_:()=>S,rs:()=>I,s6:()=>v});var a=n(75068),o=n(67294),r=n(45697),i=n.n(r),l=n(42358),s=n(38776),c=n(87462),u=n(14779),d=n.n(u),b=(n(59864),n(63366)),f=(n(8679),1073741823),p="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var g=o.createContext||function(e,t){var n,r,l="__create-react-context-"+function(){var e="__global_unique_id__";return p[e]=(p[e]||0)+1}()+"__",s=function(e){function n(){for(var t,n,a,o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return(t=e.call.apply(e,[this].concat(r))||this).emitter=(n=t.props.value,a=[],{on:function(e){a.push(e)},off:function(e){a=a.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,a.forEach((function(e){return e(n,t)}))}}),t}(0,a.Z)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[l]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,a=this.props.value,o=e.value;((r=a)===(i=o)?0!==r||1/r==1/i:r!=r&&i!=i)?n=0:(n="function"==typeof t?t(a,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var r,i},o.render=function(){return this.props.children},n}(o.Component);s.childContextTypes=((n={})[l]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(e=t.call.apply(t,[this].concat(a))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,a.Z)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[l]&&this.context[l].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[l]&&this.context[l].off(this.onUpdate)},o.getValue=function(){return this.context[l]?this.context[l].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((r={})[l]=i().object,r),{Provider:s,Consumer:c}},m=function(e){var t=g();return t.displayName=e,t},h=m("Router-History"),v=m("Router"),y=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,a.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(v.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(h.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;var _=function(e){function t(){return e.apply(this,arguments)||this}(0,a.Z)(t,e);var n=t.prototype;return n.componentDidMount=function(){this.props.onMount&&this.props.onMount.call(this,this)},n.componentDidUpdate=function(e){this.props.onUpdate&&this.props.onUpdate.call(this,this,e)},n.componentWillUnmount=function(){this.props.onUnmount&&this.props.onUnmount.call(this,this)},n.render=function(){return null},t}(o.Component);var x={},w=1e4,k=0;function E(e,t){return void 0===e&&(e="/"),void 0===t&&(t={}),"/"===e?e:function(e){if(x[e])return x[e];var t=d().compile(e);return k<w&&(x[e]=t,k++),t}(e)(t,{pretty:!0})}function S(e){var t=e.computedMatch,n=e.to,a=e.push,r=void 0!==a&&a;return o.createElement(v.Consumer,null,(function(e){e||(0,s.Z)(!1);var a=e.history,i=e.staticContext,u=r?a.push:a.replace,d=(0,l.ob)(t?"string"==typeof n?E(n,t.params):(0,c.Z)({},n,{pathname:E(n.pathname,t.params)}):n);return i?(u(d),null):o.createElement(_,{onMount:function(){u(d)},onUpdate:function(e,t){var n=(0,l.ob)(t.to);(0,l.Hp)(n,(0,c.Z)({},d,{key:n.key}))||u(d)},to:n})}))}var z={},C=1e4,T=0;function j(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,a=n.path,o=n.exact,r=void 0!==o&&o,i=n.strict,l=void 0!==i&&i,s=n.sensitive,c=void 0!==s&&s;return[].concat(a).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var a=function(e,t){var n=""+t.end+t.strict+t.sensitive,a=z[n]||(z[n]={});if(a[e])return a[e];var o=[],r={regexp:d()(e,o,t),keys:o};return T<C&&(a[e]=r,T++),r}(n,{end:r,strict:l,sensitive:c}),o=a.regexp,i=a.keys,s=o.exec(e);if(!s)return null;var u=s[0],b=s.slice(1),f=e===u;return r&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=b[n],e}),{})}}),null)}var L=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(v.Consumer,null,(function(t){t||(0,s.Z)(!1);var n=e.props.location||t.location,a=e.props.computedMatch?e.props.computedMatch:e.props.path?j(n.pathname,e.props):t.match,r=(0,c.Z)({},t,{location:n,match:a}),i=e.props,l=i.children,u=i.component,d=i.render;return Array.isArray(l)&&function(e){return 0===o.Children.count(e)}(l)&&(l=null),o.createElement(v.Provider,{value:r},r.match?l?"function"==typeof l?l(r):l:u?o.createElement(u,r):d?d(r):null:"function"==typeof l?l(r):null)}))},t}(o.Component);function O(e){return"/"===e.charAt(0)?e:"/"+e}function P(e,t){if(!e)return t;var n=O(e);return 0!==t.pathname.indexOf(n)?t:(0,c.Z)({},t,{pathname:t.pathname.substr(n.length)})}function M(e){return"string"==typeof e?e:(0,l.Ep)(e)}function N(e){return function(){(0,s.Z)(!1)}}function A(){}o.Component;var I=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(v.Consumer,null,(function(t){t||(0,s.Z)(!1);var n,a,r=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==a&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;a=i?j(r.pathname,(0,c.Z)({},e.props,{path:i})):t.match}})),a?o.cloneElement(n,{location:r,computedMatch:a}):null}))},t}(o.Component);var R=o.useContext;function D(){return R(h)}function F(){return R(v).location}},72408:(e,t,n)=>{"use strict";var a=n(27418),o=60103,r=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var i=60109,l=60110,s=60112;t.Suspense=60113;var c=60115,u=60116;if("function"==typeof Symbol&&Symbol.for){var d=Symbol.for;o=d("react.element"),r=d("react.portal"),t.Fragment=d("react.fragment"),t.StrictMode=d("react.strict_mode"),t.Profiler=d("react.profiler"),i=d("react.provider"),l=d("react.context"),s=d("react.forward_ref"),t.Suspense=d("react.suspense"),c=d("react.memo"),u=d("react.lazy")}var b="function"==typeof Symbol&&Symbol.iterator;function f(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var p={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g={};function m(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||p}function h(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||p}m.prototype.isReactComponent={},m.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(f(85));this.updater.enqueueSetState(this,e,t,"setState")},m.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},h.prototype=m.prototype;var y=v.prototype=new h;y.constructor=v,a(y,m.prototype),y.isPureReactComponent=!0;var _={current:null},x=Object.prototype.hasOwnProperty,w={key:!0,ref:!0,__self:!0,__source:!0};function k(e,t,n){var a,r={},i=null,l=null;if(null!=t)for(a in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)x.call(t,a)&&!w.hasOwnProperty(a)&&(r[a]=t[a]);var s=arguments.length-2;if(1===s)r.children=n;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];r.children=c}if(e&&e.defaultProps)for(a in s=e.defaultProps)void 0===r[a]&&(r[a]=s[a]);return{$$typeof:o,type:e,key:i,ref:l,props:r,_owner:_.current}}function E(e){return"object"==typeof e&&null!==e&&e.$$typeof===o}var S=/\/+/g;function z(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function C(e,t,n,a,i){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case o:case r:s=!0}}if(s)return i=i(s=e),e=""===a?"."+z(s,0):a,Array.isArray(i)?(n="",null!=e&&(n=e.replace(S,"$&/")+"/"),C(i,t,n,"",(function(e){return e}))):null!=i&&(E(i)&&(i=function(e,t){return{$$typeof:o,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,n+(!i.key||s&&s.key===i.key?"":(""+i.key).replace(S,"$&/")+"/")+e)),t.push(i)),1;if(s=0,a=""===a?".":a+":",Array.isArray(e))for(var c=0;c<e.length;c++){var u=a+z(l=e[c],c);s+=C(l,t,n,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=b&&e[b]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(l=e.next()).done;)s+=C(l=l.value,t,n,u=a+z(l,c++),i);else if("object"===l)throw t=""+e,Error(f(31,"[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t));return s}function T(e,t,n){if(null==e)return e;var a=[],o=0;return C(e,a,"","",(function(e){return t.call(n,e,o++)})),a}function j(e){if(-1===e._status){var t=e._result;t=t(),e._status=0,e._result=t,t.then((function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)}),(function(t){0===e._status&&(e._status=2,e._result=t)}))}if(1===e._status)return e._result;throw e._result}var L={current:null};function O(){var e=L.current;if(null===e)throw Error(f(321));return e}var P={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:_,IsSomeRendererActing:{current:!1},assign:a};t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!E(e))throw Error(f(143));return e}},t.Component=m,t.PureComponent=v,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=P,t.cloneElement=function(e,t,n){if(null==e)throw Error(f(267,e));var r=a({},e.props),i=e.key,l=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(l=t.ref,s=_.current),void 0!==t.key&&(i=""+t.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(u in t)x.call(t,u)&&!w.hasOwnProperty(u)&&(r[u]=void 0===t[u]&&void 0!==c?c[u]:t[u])}var u=arguments.length-2;if(1===u)r.children=n;else if(1<u){c=Array(u);for(var d=0;d<u;d++)c[d]=arguments[d+2];r.children=c}return{$$typeof:o,type:e.type,key:i,ref:l,props:r,_owner:s}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:l,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},t.createElement=k,t.createFactory=function(e){var t=k.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:s,render:e}},t.isValidElement=E,t.lazy=function(e){return{$$typeof:u,_payload:{_status:-1,_result:e},_init:j}},t.memo=function(e,t){return{$$typeof:c,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return O().useCallback(e,t)},t.useContext=function(e,t){return O().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return O().useEffect(e,t)},t.useImperativeHandle=function(e,t,n){return O().useImperativeHandle(e,t,n)},t.useLayoutEffect=function(e,t){return O().useLayoutEffect(e,t)},t.useMemo=function(e,t){return O().useMemo(e,t)},t.useReducer=function(e,t,n){return O().useReducer(e,t,n)},t.useRef=function(e){return O().useRef(e)},t.useState=function(e){return O().useState(e)},t.version="17.0.2"},67294:(e,t,n)=>{"use strict";e.exports=n(72408)},60053:(e,t)=>{"use strict";var n,a,o,r;if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var l=Date,s=l.now();t.unstable_now=function(){return l.now()-s}}if("undefined"==typeof window||"function"!=typeof MessageChannel){var c=null,u=null,d=function(){if(null!==c)try{var e=t.unstable_now();c(!0,e),c=null}catch(n){throw setTimeout(d,0),n}};n=function(e){null!==c?setTimeout(n,0,e):(c=e,setTimeout(d,0))},a=function(e,t){u=setTimeout(e,t)},o=function(){clearTimeout(u)},t.unstable_shouldYield=function(){return!1},r=t.unstable_forceFrameRate=function(){}}else{var b=window.setTimeout,f=window.clearTimeout;if("undefined"!=typeof console){var p=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),"function"!=typeof p&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")}var g=!1,m=null,h=-1,v=5,y=0;t.unstable_shouldYield=function(){return t.unstable_now()>=y},r=function(){},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):v=0<e?Math.floor(1e3/e):5};var _=new MessageChannel,x=_.port2;_.port1.onmessage=function(){if(null!==m){var e=t.unstable_now();y=e+v;try{m(!0,e)?x.postMessage(null):(g=!1,m=null)}catch(n){throw x.postMessage(null),n}}else g=!1},n=function(e){m=e,g||(g=!0,x.postMessage(null))},a=function(e,n){h=b((function(){e(t.unstable_now())}),n)},o=function(){f(h),h=-1}}function w(e,t){var n=e.length;e.push(t);e:for(;;){var a=n-1>>>1,o=e[a];if(!(void 0!==o&&0<S(o,t)))break e;e[a]=t,e[n]=o,n=a}}function k(e){return void 0===(e=e[0])?null:e}function E(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var a=0,o=e.length;a<o;){var r=2*(a+1)-1,i=e[r],l=r+1,s=e[l];if(void 0!==i&&0>S(i,n))void 0!==s&&0>S(s,i)?(e[a]=s,e[l]=n,a=l):(e[a]=i,e[r]=n,a=r);else{if(!(void 0!==s&&0>S(s,n)))break e;e[a]=s,e[l]=n,a=l}}}return t}return null}function S(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var z=[],C=[],T=1,j=null,L=3,O=!1,P=!1,M=!1;function N(e){for(var t=k(C);null!==t;){if(null===t.callback)E(C);else{if(!(t.startTime<=e))break;E(C),t.sortIndex=t.expirationTime,w(z,t)}t=k(C)}}function A(e){if(M=!1,N(e),!P)if(null!==k(z))P=!0,n(I);else{var t=k(C);null!==t&&a(A,t.startTime-e)}}function I(e,n){P=!1,M&&(M=!1,o()),O=!0;var r=L;try{for(N(n),j=k(z);null!==j&&(!(j.expirationTime>n)||e&&!t.unstable_shouldYield());){var i=j.callback;if("function"==typeof i){j.callback=null,L=j.priorityLevel;var l=i(j.expirationTime<=n);n=t.unstable_now(),"function"==typeof l?j.callback=l:j===k(z)&&E(z),N(n)}else E(z);j=k(z)}if(null!==j)var s=!0;else{var c=k(C);null!==c&&a(A,c.startTime-n),s=!1}return s}finally{j=null,L=r,O=!1}}var R=r;t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){P||O||(P=!0,n(I))},t.unstable_getCurrentPriorityLevel=function(){return L},t.unstable_getFirstCallbackNode=function(){return k(z)},t.unstable_next=function(e){switch(L){case 1:case 2:case 3:var t=3;break;default:t=L}var n=L;L=t;try{return e()}finally{L=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=R,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=L;L=e;try{return t()}finally{L=n}},t.unstable_scheduleCallback=function(e,r,i){var l=t.unstable_now();switch("object"==typeof i&&null!==i?i="number"==typeof(i=i.delay)&&0<i?l+i:l:i=l,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:T++,callback:r,priorityLevel:e,startTime:i,expirationTime:s=i+s,sortIndex:-1},i>l?(e.sortIndex=i,w(C,e),null===k(z)&&e===k(C)&&(M?o():M=!0,a(A,i-l))):(e.sortIndex=s,w(z,e),P||O||(P=!0,n(I))),e},t.unstable_wrapCallback=function(e){var t=L;return function(){var n=L;L=t;try{return e.apply(this,arguments)}finally{L=n}}}},63840:(e,t,n)=>{"use strict";e.exports=n(60053)},96774:e=>{e.exports=function(e,t,n,a){var o=n?n.call(a,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;for(var l=Object.prototype.hasOwnProperty.bind(t),s=0;s<r.length;s++){var c=r[s];if(!l(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(a,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},53250:(e,t,n)=>{"use strict";var a=n(67294);var o="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},r=a.useState,i=a.useEffect,l=a.useLayoutEffect,s=a.useDebugValue;function c(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!o(e,n)}catch(a){return!0}}var u="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var n=t(),a=r({inst:{value:n,getSnapshot:t}}),o=a[0].inst,u=a[1];return l((function(){o.value=n,o.getSnapshot=t,c(o)&&u({inst:o})}),[e,n,t]),i((function(){return c(o)&&u({inst:o}),e((function(){c(o)&&u({inst:o})}))}),[e]),s(n),n};void 0!==a.useSyncExternalStore&&a.useSyncExternalStore},61688:(e,t,n)=>{"use strict";n(53250)},36809:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={title:"Blazor Bootstrap Docs",tagline:"High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers.",url:"https://docs.blazorbootstrap.com",baseUrl:"/",onBrokenLinks:"throw",onBrokenMarkdownLinks:"warn",favicon:"img/logo/logo-color.svg",organizationName:"vikramlearning",projectName:"blazorbootstrap",trailingSlash:!1,deploymentBranch:"gh-pages",presets:[["@docusaurus/preset-classic",{docs:{routeBasePath:"/",sidebarPath:"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/sidebars.js",editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/"},blog:{showReadingTime:!0,editUrl:"https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/"},theme:{customCss:"/home/runner/work/blazorbootstrap/blazorbootstrap/docs/src/css/custom.css"},gtag:{trackingID:"G-60QGZHW8TG",anonymizeIP:!0}}]],themeConfig:{announcementBar:{id:"support_us",content:'\u2b50\ufe0f If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! \u2b50\ufe0f',isCloseable:!0},navbar:{title:"Blazor Bootstrap",logo:{alt:"Blazor Bootstrap",src:"img/logo.svg"},items:[{type:"doc",docId:"getting-started/blazor-webassembly-net-8",label:"Docs",position:"left"},{href:"https://demos.blazorbootstrap.com",label:"Demos",position:"left"},{to:"/blog",label:"Blog",position:"left"},{href:"https://github.com/vikramlearning/blazorbootstrap",label:"GitHub",position:"right"},{href:"https://twitter.com/blazorbootstrap",label:"Twitter",position:"right"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"Links",items:[{label:"Home",to:"/"},{label:"Demos",href:"https://demos.blazorbootstrap.com/"},{label:"Blog",to:"/blog"}]},{title:"Guides",items:[{label:"Getting started",to:"/getting-started/blazor-webassembly-net-8"},{label:"Install Nuget",to:"/getting-started/blazor-webassembly-net-8#install-nuget-package"},{label:"Starter templates",to:"https://github.com/vikramlearning/blazorbootstrap-starter-templates"}]},{title:"Community",items:[{label:"Issues",href:"https://github.com/vikramlearning/blazorbootstrap/issues"},{label:"Discussions",href:"https://github.com/vikramlearning/blazorbootstrap/discussions"},{label:"Stack Overflow",href:"https://stackoverflow.com/questions/tagged/blazor-bootstrap"},{label:"Twitter",href:"https://twitter.com/blazorbootstrap"}]}],copyright:"Copyright \xa9 2024 Blazor Bootstrap."},prism:{theme:{plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:["csharp","cshtml"],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},colorMode:{defaultMode:"light",disableSwitch:!1,respectPrefersColorScheme:!1},docs:{versionPersistence:"localStorage",sidebar:{hideable:!1,autoCollapseCategories:!1}},metadata:[],tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},customFields:{version:"0.0.4",logo_white:"/img/logo/logo-white.svg",logo_color:"/img/logo/logo-color.svg"},plugins:[["/home/runner/work/blazorbootstrap/blazorbootstrap/docs/node_modules/@easyops-cn/docusaurus-search-local/dist/server/server/index.js",{indexDocs:!0,indexPages:!0,indexBlog:!1,docsDir:"docs",docsRouteBasePath:"/docs"}],["@docusaurus/plugin-client-redirects",{redirects:[{from:"/getting-started/blazor-webassembly",to:"/getting-started/blazor-webassembly-net-8"},{from:"/getting-started/blazor-server",to:"/getting-started/blazor-webapp-server-global-net-8"},{from:"/docs/getting-started/maui-blazor",to:"/getting-started/maui-blazor-net-8"},{from:"/getting-started/maui-blazor",to:"/getting-started/maui-blazor-net-8"},{from:"/docs/layout/blazor-webassembly",to:"/layout/blazor-webassembly"},{from:"/docs/layout/blazor-server",to:"/layout/blazor-server"},{from:"/docs/content/icons",to:"/content/icons"},{from:"/docs/forms/autocomplete",to:"/forms/autocomplete"},{from:"/docs/forms/currency-input",to:"/forms/currency-input"},{from:"/docs/forms/date-input",to:"/forms/date-input"},{from:"/docs/forms/number-input",to:"/forms/number-input"},{from:"/docs/forms/switch",to:"/forms/switch"},{from:"/docs/forms/time-input",to:"/forms/time-input"},{from:"/docs/components/accordion",to:"/components/accordion"},{from:"/docs/components/alerts",to:"/components/alerts"},{from:"/docs/components/badge",to:"/components/badge"},{from:"/docs/components/breadcrumb",to:"/components/breadcrumb"},{from:"/docs/components/buttons",to:"/components/buttons"},{from:"/docs/components/callout",to:"/components/callout"},{from:"/docs/components/card",to:"/components/card"},{from:"/docs/components/charts",to:"/components/charts"},{from:"/docs/components/collapse",to:"/components/collapse"},{from:"/docs/components/confirm-dialog",to:"/components/confirm-dialog"},{from:"/docs/components/dropdown",to:"/components/dropdown"},{from:"/docs/components/grid",to:"/components/grid"},{from:"/docs/components/modal",to:"/components/modal"},{from:"/docs/components/offcanvas",to:"/components/offcanvas"},{from:"/docs/components/pagination",to:"/components/pagination"},{from:"/docs/components/placeholders",to:"/components/placeholders"},{from:"/docs/components/preload",to:"/components/preload"},{from:"/docs/components/progress",to:"/components/progress"},{from:"/docs/components/sidebar",to:"/components/sidebar"},{from:"/docs/components/tabs",to:"/components/tabs"},{from:"/docs/components/toasts",to:"/components/toasts"},{from:"/docs/components/tooltips",to:"/components/tooltips"},{from:"/docs/data-visualization/bar-chart",to:"/data-visualization/bar-chart"},{from:"/docs/data-visualization/doughnut-chart",to:"/data-visualization/doughnut-chart"},{from:"/docs/data-visualization/line-chart",to:"/data-visualization/line-chart"},{from:"/docs/data-visualization/pie-chart",to:"/data-visualization/pie-chart"},{from:"/docs/services/modal",to:"/services/modal"}]}]],baseUrlIssueBanner:!0,i18n:{defaultLocale:"en",path:"i18n",locales:["en"],localeConfigs:{}},onDuplicateRoutes:"warn",staticDirectories:["static"],themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{mermaid:!1}}},87462:(e,t,n)=>{"use strict";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},a.apply(this,arguments)}n.d(t,{Z:()=>a})},75068:(e,t,n)=>{"use strict";function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,a(e,t)}n.d(t,{Z:()=>o})},63366:(e,t,n)=>{"use strict";function a(e,t){if(null==e)return{};var n,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(o[n]=e[n]);return o}n.d(t,{Z:()=>a})},38776:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=!0,o="Invariant failed";function r(e,t){if(!e){if(a)throw new Error(o);var n="function"==typeof t?t():t,r=n?"".concat(o,": ").concat(n):o;throw new Error(r)}}},57529:e=>{"use strict";e.exports={}},16887:e=>{"use strict";e.exports=JSON.parse('{"/blog-d8d":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"961dfa7e"},{"content":"d7dbf226"},{"content":"9e66a4d2"},{"content":"20cb0e42"},{"content":"4f6ad63b"},{"content":"0f414ed2"},{"content":"7483fa27"},{"content":"6ac87ca2"},{"content":"d7b100b9"},{"content":"2c615316"}],"metadata":"b2b675dd"},"/blog/2021/11/23/blazorbootstrap-0.0.1-c4b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"d8be0be1"},"/blog/2021/11/27/blazorbootstrap-0.0.2-62f":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"7656d80a"},"/blog/2021/12/08/blazorbootstrap-0.0.3-c4f":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"b03e4ecb"},"/blog/2021/12/12/blazorbootstrap-0.0.4-67a":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"f5af5c4e"},"/blog/2021/12/20/blazorbootstrap-0.1.0-d4b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"2b5ffb63"},"/blog/2021/12/21/blazorbootstrap-0.1.1-344":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"f819911c"},"/blog/2022/01/15/blazorbootstrap-0.2.0-7f6":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"181510e2"},"/blog/2022/02/27/blazorbootstrap-0.2.1-3a6":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"3935a6ea"},"/blog/2022/03/15/blazorbootstrap-0.2.2-4c0":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"a15968c9"},"/blog/2022/04/30/blazorbootstrap-0.2.3-bbd":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"ff859336"},"/blog/2022/06/19/blazorbootstrap-0.2.4-04b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"cb9c0be7"},"/blog/2022/07/28/blazorbootstrap-0.2.5-3d5":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"5d18866d"},"/blog/2022/08/13/blazorbootstrap-0.2.6-f21":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"9614ca7b"},"/blog/2022/08/31/blazorbootstrap-0.3.0-7b0":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"11bebdb7"},"/blog/2022/09/04/blazorbootstrap-0.4.0-2d6":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"e4bea73c"},"/blog/2022/09/12/blazorbootstrap-0.4.1-65f":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"3feae84c"},"/blog/2022/09/17/blazorbootstrap-0.4.2-b9e":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"4beefa9e"},"/blog/2022/10/16/blazorbootstrap-0.5.0-e32":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"8ee50342"},"/blog/2022/10/22/blazorbootstrap-0.5.1-01c":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"77dd4733"},"/blog/2022/10/30/blazorbootstrap-0.6.0-a42":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"a5a8063d"},"/blog/2022/11/18/blazorbootstrap-1.0.0-ab6":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"9d07e165"},"/blog/2022/11/22/blazorbootstrap-1.0.1-b99":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"f02c8517"},"/blog/2022/11/28/blazorbootstrap-1.1.0-225":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"662ff2e0"},"/blog/2022/12/12/blazorbootstrap-1.2.0-f26":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"75119bec"},"/blog/2022/12/15/blazorbootstrap-1.3.0-110":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"3175c707"},"/blog/2022/12/18/blazorbootstrap-1.3.1-20b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"bbe0b07b"},"/blog/2023/01/15/blazorbootstrap-1.4.0-8e9":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"039704c0"},"/blog/2023/01/23/blazorbootstrap-1.4.1-ac2":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"cc1a1680"},"/blog/2023/01/30/blazorbootstrap-1.4.2-452":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"f6c3878f"},"/blog/2023/02/07/blazorbootstrap-1.4.3-638":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"313e4a52"},"/blog/2023/02/10/blazorbootstrap-1.4.4-2f7":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"0cefe2d9"},"/blog/2023/02/23/blazorbootstrap-1.4.5-e42":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"28dc5477"},"/blog/2023/03/05/blazorbootstrap-1.5.0-a02":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"10e280b7"},"/blog/2023/03/12/blazorbootstrap-1.6.0-d44":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"5c71eb6d"},"/blog/2023/04/10/blazorbootstrap-1.7.0-66b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"f4afaeba"},"/blog/2023/04/19/blazorbootstrap-1.7.1-d43":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"2fdecb40"},"/blog/2023/04/24/blazorbootstrap-1.7.2-b15":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"0545a2b1"},"/blog/2023/04/29/blazorbootstrap-1.7.3-046":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"baed9087"},"/blog/2023/05/28/blazorbootstrap-1.8.0-4e3":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"dde17e14"},"/blog/2023/05/31/blazorbootstrap-1.8.1-716":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"236ae2fb"},"/blog/2023/06/11/blazorbootstrap-1.8.2-d52":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"f8c8d1fb"},"/blog/2023/06/16/blazorbootstrap-1.8.3-449":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"828618cd"},"/blog/2023/06/30/blazorbootstrap-1.9.0-50d":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"eea066c0"},"/blog/2023/06/31/blazorbootstrap-1.9.1-017":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"852aa2d6"},"/blog/2023/07/01/blazorbootstrap-1.9.2-07e":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"e3b0677f"},"/blog/2023/07/04/blazorbootstrap-1.9.3-dcf":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"ba6d458c"},"/blog/2023/07/05/blazorbootstrap-1.9.4-3fd":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"18cfdffd"},"/blog/2023/07/16/blazorbootstrap-1.9.5-7bc":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"6066c36b"},"/blog/2023/08/13/blazorbootstrap-1.10.0-36b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"5049c6f3"},"/blog/2023/08/29/blazorbootstrap-1.10.1-827":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"82555221"},"/blog/2023/09/15/blazorbootstrap-1.10.2-889":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"64c9b997"},"/blog/2023/10/15/blazorbootstrap-1.10.3-e57":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"4db6149d"},"/blog/2023/11/18/blazorbootstrap-1.10.4-178":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"ef3e4c59"},"/blog/2024/01/01/blazorbootstrap-1.10.5-0aa":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"efb2b0fe"},"/blog/2024/02/04/blazorbootstrap-1.11.0-466":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"c673f71a"},"/blog/2024/02/04/blazorbootstrap-1.11.1-f08":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"64707dcd"},"/blog/2024/02/25/blazorbootstrap-2.0.0-61f":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"3116eef9"},"/blog/2024/02/25/upgrade-to-v2.0.0-611":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"709b8fca"},"/blog/2024/03/17/blazorbootstrap-2.1.0-57b":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"4cc136b8"},"/blog/2024/04/14/blazorbootstrap-2.2.0-354":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"552dddd4"},"/blog/2024/04/21/blazorbootstrap-2.2.1-9a3":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"857ae68f"},"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1-ad7":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"3910f4a5"},"/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2-2c4":{"__comp":"ccc49370","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","content":"1b490e8c"},"/blog/archive-6fa":{"__comp":"9e4087bc","__context":{"plugin":"5d4df2ae"},"archive":"b2f554cd"},"/blog/page/2-513":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"3e108416"},{"content":"8dc79d0f"},{"content":"7d8e90a7"},{"content":"6413176f"},{"content":"dc83d50b"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"ec76938d"},{"content":"55660876"},{"content":"c6a57455"}],"metadata":"8eb4e46b"},"/blog/page/3-4be":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"603d5c5e"},{"content":"438d502f"},{"content":"c22a9ec7"},{"content":"607ffa29"},{"content":"5f680611"},{"content":"2b57f11c"},{"content":"7fabb151"},{"content":"522d13a5"},{"content":"51c5a72b"},{"content":"df735c89"}],"metadata":"92999a1c"},"/blog/page/4-aaf":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"0ae61aaa"},{"content":"509c2304"},{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"ca9d53ad"},{"content":"319cc750"},{"content":"655dea51"},{"content":"8fd56d8d"},{"content":"abc06963"},{"content":"4191886d"}],"metadata":"7d9726a8"},"/blog/page/5-c0e":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"14e63915"},{"content":"f2f198c6"},{"content":"5c8d0ad0"},{"content":"2ddd21c8"},{"content":"fdfa8ed2"},{"content":"7c5d2905"},{"content":"dfc91384"},{"content":"46c5e377"},{"content":"f188a130"},{"content":"aa493f4a"}],"metadata":"11ce4159"},"/blog/page/6-709":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"b2363121"},{"content":"2d59857d"},{"content":"dae895a9"},{"content":"ee3ef312"},{"content":"1967d15c"},{"content":"80410c2f"},{"content":"97ec44a3"},{"content":"599ec0be"},{"content":"beea12d4"},{"content":"946a1545"}],"metadata":"44ac4dbb"},"/blog/page/7-f4b":{"__comp":"a6aa9e1f","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"37e1ef48"},{"content":"e88d3846"},{"content":"c6318e18"}],"metadata":"52099127"},"/blog/tags-c3b":{"__comp":"01a85c17","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","tags":"a7023ddc"},"/blog/tags/accordion-220":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"2c615316"},{"content":"51c5a72b"}],"tag":"5a62bd6d","listMetadata":"50f7351d"},"/blog/tags/alert-f8d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"599ec0be"}],"tag":"d6eaa184","listMetadata":"4576cdd1"},"/blog/tags/autocomplete-d17":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6ac87ca2"},{"content":"7d8e90a7"},{"content":"5f680611"},{"content":"522d13a5"},{"content":"ca9d53ad"},{"content":"8fd56d8d"},{"content":"dfc91384"},{"content":"46c5e377"},{"content":"f188a130"}],"tag":"3b9b4f03","listMetadata":"adb7c9ff"},"/blog/tags/badge-c73":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6ac87ca2"},{"content":"51c5a72b"}],"tag":"ea24dcd3","listMetadata":"86e32e70"},"/blog/tags/barchart-7ca":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4f6ad63b"}],"tag":"2a709cc5","listMetadata":"c0c8a23a"},"/blog/tags/blazor-819":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"961dfa7e"},{"content":"d7dbf226"},{"content":"9e66a4d2"},{"content":"20cb0e42"},{"content":"4f6ad63b"},{"content":"0f414ed2"},{"content":"6ac87ca2"},{"content":"d7b100b9"},{"content":"2c615316"},{"content":"3e108416"}],"tag":"825a6483","listMetadata":"b5859c16"},"/blog/tags/blazor-autocomplete-750":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ca9d53ad"}],"tag":"121f8027","listMetadata":"c17e866f"},"/blog/tags/blazor-bar-chart-c39":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7c5d2905"}],"tag":"9f5341a1","listMetadata":"607cc1d2"},"/blog/tags/blazor-bootstrap-f41":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"abc06963"},{"content":"4191886d"},{"content":"14e63915"},{"content":"f2f198c6"},{"content":"5c8d0ad0"}],"tag":"54cd9b03","listMetadata":"01a2ac95"},"/blog/tags/blazor-charts-632":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7c5d2905"}],"tag":"8910cc41","listMetadata":"630e76c4"},"/blog/tags/blazor-confirm-dialog-6f6":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"14e63915"},{"content":"f2f198c6"}],"tag":"7ec9e121","listMetadata":"b176b560"},"/blog/tags/blazor-currency-input-82d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4191886d"}],"tag":"23ee00d3","listMetadata":"0b020564"},"/blog/tags/blazor-dialog-049":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"14e63915"},{"content":"f2f198c6"}],"tag":"0f528560","listMetadata":"6260a561"},"/blog/tags/blazor-doughnut-chart-4de":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7c5d2905"}],"tag":"e5ea1834","listMetadata":"1dce3cd0"},"/blog/tags/blazor-grid-33a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"fdfa8ed2"}],"tag":"e832fbdb","listMetadata":"e269e10f"},"/blog/tags/blazor-grid-filtering-1f7":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"fdfa8ed2"}],"tag":"1af83003","listMetadata":"60627ebe"},"/blog/tags/blazor-grid-paging-0ed":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"fdfa8ed2"}],"tag":"e8e5f9d4","listMetadata":"20b2c3da"},"/blog/tags/blazor-grid-sorting-7a6":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"fdfa8ed2"}],"tag":"93da849d","listMetadata":"6a2ba06a"},"/blog/tags/blazor-input-ccf":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"}],"tag":"78e78061","listMetadata":"a909bce2"},"/blog/tags/blazor-input-number-933":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"}],"tag":"d4d52611","listMetadata":"e2c6c702"},"/blog/tags/blazor-line-chart-fb5":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7c5d2905"}],"tag":"e0660070","listMetadata":"f8ceddd1"},"/blog/tags/blazor-number-9ef":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4191886d"}],"tag":"c83a2893","listMetadata":"7a62d0ee"},"/blog/tags/blazor-number-input-f56":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"}],"tag":"726ced83","listMetadata":"eb65b05f"},"/blog/tags/blazor-offcanvas-dc3":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"f2f198c6"}],"tag":"1def58c2","listMetadata":"84defe9f"},"/blog/tags/blazor-pie-chart-773":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7c5d2905"}],"tag":"50782da8","listMetadata":"b3e33875"},"/blog/tags/blazor-preload-a99":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"14e63915"},{"content":"f2f198c6"}],"tag":"24031443","listMetadata":"f2cf37dd"},"/blog/tags/blazor-progress-22b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2ddd21c8"}],"tag":"d9c4e64a","listMetadata":"715d24f4"},"/blog/tags/blazor-progress-bar-6f9":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2ddd21c8"}],"tag":"3ce4b4a2","listMetadata":"2a00c8eb"},"/blog/tags/blazor-sidemodal-16c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"f2f198c6"}],"tag":"3caae09a","listMetadata":"621307e9"},"/blog/tags/blazor-spinner-fd4":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"14e63915"},{"content":"f2f198c6"}],"tag":"781d0cc3","listMetadata":"60524120"},"/blog/tags/blazor-starter-templates-00a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ca9d53ad"}],"tag":"60364395","listMetadata":"d537fbe8"},"/blog/tags/blazor-tabs-632":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"}],"tag":"1bb3337b","listMetadata":"d1e90a87"},"/blog/tags/blazor-templates-847":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ca9d53ad"}],"tag":"11043a74","listMetadata":"42d0e7ee"},"/blog/tags/blazor-toast-d9a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"14e63915"}],"tag":"5c423d58","listMetadata":"9d6c73db"},"/blog/tags/blazor-toasts-b22":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"509c2304"},{"content":"2ddd21c8"}],"tag":"35f8a6bb","listMetadata":"891bc1a1"},"/blog/tags/blazor/page/2-ef3":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8dc79d0f"},{"content":"7d8e90a7"},{"content":"6413176f"},{"content":"dc83d50b"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"ec76938d"},{"content":"55660876"},{"content":"c6a57455"},{"content":"603d5c5e"}],"tag":"fb3463af","listMetadata":"5c0657f8"},"/blog/tags/blazor/page/3-d58":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"438d502f"},{"content":"c22a9ec7"},{"content":"607ffa29"},{"content":"5f680611"},{"content":"2b57f11c"},{"content":"7fabb151"},{"content":"522d13a5"},{"content":"51c5a72b"},{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"4d57dccd","listMetadata":"f0737577"},"/blog/tags/blazor/page/4-f3e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"509c2304"},{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"ca9d53ad"},{"content":"319cc750"},{"content":"655dea51"},{"content":"8fd56d8d"},{"content":"abc06963"},{"content":"4191886d"},{"content":"14e63915"}],"tag":"85b1c86a","listMetadata":"583ae9c8"},"/blog/tags/blazor/page/5-bf3":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"f2f198c6"},{"content":"5c8d0ad0"}],"tag":"28db7278","listMetadata":"da55feea"},"/blog/tags/blazoraccordion-8ec":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"51c5a72b"}],"tag":"53e4311e","listMetadata":"7955821b"},"/blog/tags/blazorautocomplete-75c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"},{"content":"5f680611"},{"content":"522d13a5"},{"content":"8fd56d8d"}],"tag":"632b38e8","listMetadata":"d42fcd53"},"/blog/tags/blazorbadge-327":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"51c5a72b"}],"tag":"7b38df15","listMetadata":"38980570"},"/blog/tags/blazorbootstrap-d68":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"961dfa7e"},{"content":"d7dbf226"},{"content":"9e66a4d2"},{"content":"20cb0e42"},{"content":"4f6ad63b"},{"content":"0f414ed2"},{"content":"6ac87ca2"},{"content":"d7b100b9"},{"content":"2c615316"},{"content":"3e108416"}],"tag":"536fd30c","listMetadata":"0892d6c1"},"/blog/tags/blazorbootstrap-starter-templates-aa1":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ca9d53ad"}],"tag":"84b40e91","listMetadata":"c5614c51"},"/blog/tags/blazorbootstrap/page/2-e01":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8dc79d0f"},{"content":"7d8e90a7"},{"content":"6413176f"},{"content":"dc83d50b"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"ec76938d"},{"content":"55660876"},{"content":"c6a57455"},{"content":"603d5c5e"}],"tag":"bd1bae9a","listMetadata":"4f538bc3"},"/blog/tags/blazorbootstrap/page/3-56e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"438d502f"},{"content":"c22a9ec7"},{"content":"607ffa29"},{"content":"5f680611"},{"content":"2b57f11c"},{"content":"7fabb151"},{"content":"522d13a5"},{"content":"51c5a72b"},{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"4de4c9a7","listMetadata":"8ec2cf6c"},"/blog/tags/blazorbootstrap/page/4-5a5":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"509c2304"},{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"ca9d53ad"},{"content":"319cc750"},{"content":"655dea51"},{"content":"8fd56d8d"},{"content":"abc06963"},{"content":"4191886d"},{"content":"14e63915"}],"tag":"b329fb77","listMetadata":"bf8fae8f"},"/blog/tags/blazorbootstrap/page/5-083":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"f2f198c6"},{"content":"5c8d0ad0"},{"content":"2ddd21c8"},{"content":"fdfa8ed2"},{"content":"7c5d2905"},{"content":"dfc91384"},{"content":"46c5e377"},{"content":"f188a130"},{"content":"aa493f4a"},{"content":"b2363121"}],"tag":"c2eb690c","listMetadata":"b1dc83d9"},"/blog/tags/blazorbootstrap/page/6-8fc":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2d59857d"},{"content":"dae895a9"},{"content":"ee3ef312"},{"content":"1967d15c"},{"content":"80410c2f"},{"content":"97ec44a3"},{"content":"599ec0be"},{"content":"beea12d4"},{"content":"946a1545"},{"content":"37e1ef48"}],"tag":"12e9876c","listMetadata":"7e5cd4e7"},"/blog/tags/blazorbootstrap/page/7-5dc":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"e88d3846"},{"content":"c6318e18"}],"tag":"8b4680a8","listMetadata":"f5ad21d3"},"/blog/tags/blazorbreadcrumb-99e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6a57455"}],"tag":"2f6b0f5e","listMetadata":"2411581e"},"/blog/tags/blazorbutton-a4a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"},{"content":"51c5a72b"}],"tag":"51ebc1da","listMetadata":"8cbb11df"},"/blog/tags/blazorbuttons-175":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2b57f11c"},{"content":"522d13a5"},{"content":"0ae61aaa"}],"tag":"769aeadf","listMetadata":"250e887a"},"/blog/tags/blazorchart-b4e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"}],"tag":"bf17d8c8","listMetadata":"b5cfba5e"},"/blog/tags/blazorcollapse-b6f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"51c5a72b"}],"tag":"f57f1834","listMetadata":"cd4fd991"},"/blog/tags/blazorconfirmdialog-29c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"}],"tag":"64d9bfb5","listMetadata":"91092bcb"},"/blog/tags/blazorconfirmmodal-9bb":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"319cc750"}],"tag":"29d77e1a","listMetadata":"9e46ffba"},"/blog/tags/blazorcurrencyinput-402":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"},{"content":"7fabb151"},{"content":"4191886d"}],"tag":"0f4f349d","listMetadata":"16b9d05c"},"/blog/tags/blazordate-fbd":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"}],"tag":"ed6c8621","listMetadata":"58eac2a0"},"/blog/tags/blazordateinput-a7b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"},{"content":"5f680611"},{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"299fc7bb","listMetadata":"b17a40f7"},"/blog/tags/blazordatepicker-cbc":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"594cee0b","listMetadata":"9395941f"},"/blog/tags/blazordialog-247":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"319cc750"}],"tag":"47976586","listMetadata":"d6f47703"},"/blog/tags/blazordropdown-d70":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8dc79d0f"}],"tag":"20526fb6","listMetadata":"21730098"},"/blog/tags/blazorgrid-5d0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6413176f"},{"content":"dc83d50b"},{"content":"8ca237b8"},{"content":"ec76938d"},{"content":"438d502f"},{"content":"c22a9ec7"},{"content":"607ffa29"},{"content":"5f680611"},{"content":"2b57f11c"},{"content":"df735c89"}],"tag":"9b1f0615","listMetadata":"e01ede0f"},"/blog/tags/blazorgrid/page/2-7d1":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"fdfa8ed2"}],"tag":"57048dd6","listMetadata":"3395500b"},"/blog/tags/blazoricon-dc7":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8dc79d0f"},{"content":"603d5c5e"}],"tag":"7a27bb07","listMetadata":"e627b01b"},"/blog/tags/blazormodal-075":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"55660876"},{"content":"603d5c5e"},{"content":"df735c89"},{"content":"0ae61aaa"},{"content":"319cc750"}],"tag":"09d3d068","listMetadata":"f46dc466"},"/blog/tags/blazormodalservice-e73":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c58e7149"},{"content":"603d5c5e"}],"tag":"479494e2","listMetadata":"17c709c3"},"/blog/tags/blazornumber-7f8":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4191886d"}],"tag":"03c55790","listMetadata":"82686804"},"/blog/tags/blazornumberinput-3d4":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"}],"tag":"2acd8f77","listMetadata":"d8d0822c"},"/blog/tags/blazoroffcanvas-1d0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"},{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"9efcd135","listMetadata":"2adf1c07"},"/blog/tags/blazorprogress-51d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"438d502f"}],"tag":"8fee25ed","listMetadata":"31f38213"},"/blog/tags/blazorsidebar-b70":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"},{"content":"655dea51"}],"tag":"6e560a53","listMetadata":"7fd37e65"},"/blog/tags/blazorswitch-2a0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"},{"content":"abc06963"}],"tag":"7a8c297b","listMetadata":"9cc7e160"},"/blog/tags/blazortabs-d8b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"603d5c5e"}],"tag":"e41c6b26","listMetadata":"8ac1728c"},"/blog/tags/blazortime-b86":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"}],"tag":"691f3895","listMetadata":"5d8db735"},"/blog/tags/blazortimeinput-7e9":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8ca237b8"},{"content":"5f680611"},{"content":"df735c89"}],"tag":"11136457","listMetadata":"239dc3b3"},"/blog/tags/blazortimepicker-155":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"}],"tag":"d827f292","listMetadata":"ed1fd27d"},"/blog/tags/blazortoast-cb1":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6a57455"}],"tag":"c219a4ea","listMetadata":"d1831d2f"},"/blog/tags/blazortoasts-d88":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"603d5c5e"},{"content":"509c2304"}],"tag":"6d6db813","listMetadata":"927171ec"},"/blog/tags/blazortooltip-539":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"},{"content":"607ffa29"}],"tag":"484f1eb1","listMetadata":"f72251ba"},"/blog/tags/bootstrap-cc2":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"961dfa7e"},{"content":"d7dbf226"},{"content":"9e66a4d2"},{"content":"20cb0e42"},{"content":"4f6ad63b"},{"content":"0f414ed2"},{"content":"6ac87ca2"},{"content":"d7b100b9"},{"content":"2c615316"},{"content":"3e108416"}],"tag":"ffb545c1","listMetadata":"3cda21e2"},"/blog/tags/bootstrap-5-0e8":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"20cb0e42"},{"content":"4f6ad63b"},{"content":"0f414ed2"},{"content":"6ac87ca2"},{"content":"d7b100b9"},{"content":"2c615316"},{"content":"3e108416"},{"content":"8dc79d0f"},{"content":"7d8e90a7"},{"content":"6413176f"}],"tag":"164c056e","listMetadata":"2484c010"},"/blog/tags/bootstrap-5/page/2-d23":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"dc83d50b"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"ec76938d"},{"content":"55660876"},{"content":"c6a57455"},{"content":"603d5c5e"},{"content":"438d502f"},{"content":"c22a9ec7"},{"content":"607ffa29"}],"tag":"e5d788cb","listMetadata":"7c656ec4"},"/blog/tags/bootstrap-5/page/3-fd8":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"},{"content":"2b57f11c"},{"content":"7fabb151"},{"content":"522d13a5"},{"content":"51c5a72b"},{"content":"df735c89"},{"content":"0ae61aaa"},{"content":"509c2304"},{"content":"7bc2fe32"},{"content":"654cb705"}],"tag":"0c7ad285","listMetadata":"18902662"},"/blog/tags/bootstrap-5/page/4-cfc":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ca9d53ad"},{"content":"319cc750"}],"tag":"d97047e1","listMetadata":"ea82a430"},"/blog/tags/bootstrap/page/2-bcb":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8dc79d0f"},{"content":"7d8e90a7"},{"content":"6413176f"},{"content":"dc83d50b"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"ec76938d"},{"content":"55660876"},{"content":"c6a57455"},{"content":"603d5c5e"}],"tag":"510cc2fd","listMetadata":"f6fc984b"},"/blog/tags/bootstrap/page/3-a52":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"438d502f"},{"content":"c22a9ec7"},{"content":"607ffa29"},{"content":"5f680611"},{"content":"2b57f11c"},{"content":"7fabb151"},{"content":"522d13a5"},{"content":"51c5a72b"},{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"ca5ddc25","listMetadata":"0534b071"},"/blog/tags/bootstrap/page/4-71a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"509c2304"},{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"ca9d53ad"},{"content":"319cc750"}],"tag":"61165c7c","listMetadata":"90283a90"},"/blog/tags/breadcrumb-e4b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6a57455"}],"tag":"66896e8e","listMetadata":"80c9cbbd"},"/blog/tags/breadcrumbservice-5f5":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6a57455"}],"tag":"90d44a4a","listMetadata":"557bafbc"},"/blog/tags/button-60b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"0f414ed2"},{"content":"c22a9ec7"},{"content":"51c5a72b"},{"content":"b2363121"}],"tag":"f36ac19a","listMetadata":"4afe9451"},"/blog/tags/buttons-177":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2b57f11c"},{"content":"522d13a5"},{"content":"0ae61aaa"}],"tag":"f86648b9","listMetadata":"21e232c9"},"/blog/tags/callout-2cd":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"4f6ad63b"},{"content":"0f414ed2"},{"content":"46c5e377"}],"tag":"1d662c92","listMetadata":"6f58f824"},"/blog/tags/chart-c46":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"}],"tag":"501dd65a","listMetadata":"196f397f"},"/blog/tags/charts-b11":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"961dfa7e"},{"content":"2c615316"},{"content":"3e108416"}],"tag":"caa2721c","listMetadata":"a6013ce6"},"/blog/tags/clipboard-48b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"0f414ed2"}],"tag":"cc9add59","listMetadata":"da0a6c21"},"/blog/tags/collapse-f25":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"51c5a72b"}],"tag":"1b1fc741","listMetadata":"2c43b6e6"},"/blog/tags/confirm-dialog-fd6":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"80410c2f"}],"tag":"242463c5","listMetadata":"c65f2699"},"/blog/tags/confirmdialog-e5e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"9e66a4d2"},{"content":"20cb0e42"},{"content":"7d8e90a7"}],"tag":"446a706f","listMetadata":"69acfe84"},"/blog/tags/confirmmodal-6a7":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"319cc750"}],"tag":"58bc14be","listMetadata":"283e4c74"},"/blog/tags/currency-8cc":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7fabb151"}],"tag":"a20900f1","listMetadata":"dcbaab97"},"/blog/tags/currencyinput-bb0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4f6ad63b"},{"content":"5f680611"},{"content":"7fabb151"}],"tag":"4049a23c","listMetadata":"28c92665"},"/blog/tags/date-943":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"}],"tag":"8dcdb7d3","listMetadata":"14b4a23d"},"/blog/tags/dateinput-5fe":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"},{"content":"5f680611"},{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"9a2f6742","listMetadata":"7cda228d"},"/blog/tags/datepicker-27a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"08d0e930","listMetadata":"97491c67"},"/blog/tags/dialog-b92":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"319cc750"}],"tag":"3b9f38f1","listMetadata":"9f3c7121"},"/blog/tags/docs-2a8":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6ac87ca2"},{"content":"2c615316"},{"content":"3e108416"},{"content":"8dc79d0f"},{"content":"7d8e90a7"},{"content":"46c5e377"},{"content":"f188a130"}],"tag":"69f51295","listMetadata":"e4f3715f"},"/blog/tags/dropdown-ed5":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"8dc79d0f"}],"tag":"1207b46c","listMetadata":"c4b1132f"},"/blog/tags/grid-86b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"961dfa7e"},{"content":"d7dbf226"},{"content":"9e66a4d2"},{"content":"4f6ad63b"},{"content":"6ac87ca2"},{"content":"2c615316"},{"content":"3e108416"},{"content":"6413176f"},{"content":"dc83d50b"},{"content":"8ca237b8"}],"tag":"94ba6861","listMetadata":"76fef7fc"},"/blog/tags/grid/page/2-911":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ec76938d"},{"content":"438d502f"},{"content":"c22a9ec7"},{"content":"607ffa29"},{"content":"5f680611"},{"content":"2b57f11c"},{"content":"df735c89"},{"content":"7bc2fe32"},{"content":"654cb705"},{"content":"46c5e377"}],"tag":"66664ddd","listMetadata":"cfa57793"},"/blog/tags/grid/page/3-c42":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"aa493f4a"},{"content":"97ec44a3"}],"tag":"7cb7ecf0","listMetadata":"46038721"},"/blog/tags/icon-84c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8dc79d0f"},{"content":"603d5c5e"}],"tag":"21ed22b9","listMetadata":"97e00a59"},"/blog/tags/icons-373":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"80410c2f"}],"tag":"67da9612","listMetadata":"9962ee1e"},"/blog/tags/image-bd5":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"961dfa7e"}],"tag":"e6fe0126","listMetadata":"180751f5"},"/blog/tags/input-e0c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"},{"content":"5c8d0ad0"}],"tag":"7ff7fcc0","listMetadata":"715f34df"},"/blog/tags/input-number-42a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"}],"tag":"f02bcf8a","listMetadata":"b53fbfdb"},"/blog/tags/layout-287":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"655dea51"}],"tag":"16f9f312","listMetadata":"0d245dbf"},"/blog/tags/leftmenu-cf2":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"655dea51"}],"tag":"3a3dec98","listMetadata":"c8ba346a"},"/blog/tags/modal-7fc":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"2c615316"},{"content":"3e108416"},{"content":"7d8e90a7"},{"content":"8ca237b8"},{"content":"c58e7149"},{"content":"55660876"},{"content":"603d5c5e"},{"content":"df735c89"},{"content":"0ae61aaa"}],"tag":"746d5920","listMetadata":"d4fa5cbe"},"/blog/tags/modal/page/2-09c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"319cc750"},{"content":"2d59857d"},{"content":"97ec44a3"}],"tag":"6640fb70","listMetadata":"b6216f17"},"/blog/tags/modalservice-134":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"},{"content":"c58e7149"},{"content":"603d5c5e"}],"tag":"556ab74e","listMetadata":"51d0b3fd"},"/blog/tags/navigation-02f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"655dea51"}],"tag":"723c0db3","listMetadata":"91c1b3da"},"/blog/tags/numberinput-56f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4f6ad63b"},{"content":"5f680611"}],"tag":"6f1ace75","listMetadata":"b11e89e5"},"/blog/tags/offcanvas-d84":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"},{"content":"df735c89"},{"content":"0ae61aaa"},{"content":"2d59857d"},{"content":"97ec44a3"}],"tag":"6e4acec0","listMetadata":"fd9b0b8a"},"/blog/tags/pagination-48e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"97ec44a3"}],"tag":"4072d3a5","listMetadata":"e161cb12"},"/blog/tags/pdfviewer-b5d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"20cb0e42"},{"content":"4f6ad63b"},{"content":"6ac87ca2"},{"content":"d7b100b9"}],"tag":"ae9bcc96","listMetadata":"3f376e35"},"/blog/tags/placeholders-b3b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"dae895a9"},{"content":"ee3ef312"},{"content":"1967d15c"}],"tag":"dfa19b7d","listMetadata":"4fece664"},"/blog/tags/polarareachart-9e9":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"961dfa7e"}],"tag":"eaf127fe","listMetadata":"c16d5092"},"/blog/tags/preload-e39":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"3e108416"}],"tag":"85d5052b","listMetadata":"b71701b4"},"/blog/tags/progress-130":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"438d502f"},{"content":"2ddd21c8"}],"tag":"4de1de0e","listMetadata":"a937b3a2"},"/blog/tags/progress-bar-0dd":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2ddd21c8"}],"tag":"fa253b91","listMetadata":"d7f59897"},"/blog/tags/rangeinput-ead":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4f6ad63b"},{"content":"6ac87ca2"}],"tag":"28e1ccb8","listMetadata":"35cae203"},"/blog/tags/ribbon-975":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"},{"content":"20cb0e42"}],"tag":"a4463b46","listMetadata":"89c38cd0"},"/blog/tags/scriptloader-9ee":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6ac87ca2"}],"tag":"75f4ac3a","listMetadata":"58f0103d"},"/blog/tags/sidebar-9fd":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"961dfa7e"},{"content":"d7dbf226"},{"content":"7d8e90a7"},{"content":"655dea51"}],"tag":"f386df44","listMetadata":"07e55142"},"/blog/tags/sidebar-2-a09":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"961dfa7e"},{"content":"d7dbf226"},{"content":"4f6ad63b"}],"tag":"a7a5f7ce","listMetadata":"4fda10a6"},"/blog/tags/sortablelist-c35":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"20cb0e42"}],"tag":"f6104617","listMetadata":"d86360d7"},"/blog/tags/spinner-52e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"0f414ed2"}],"tag":"4d098111","listMetadata":"6468aa87"},"/blog/tags/switch-424":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"3e108416"},{"content":"5f680611"}],"tag":"b4611217","listMetadata":"0181f2cb"},"/blog/tags/tab-bd0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7dbf226"}],"tag":"826b3f99","listMetadata":"15e5d693"},"/blog/tags/tabs-708":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"20cb0e42"},{"content":"6ac87ca2"},{"content":"603d5c5e"}],"tag":"cfc716d8","listMetadata":"e4077368"},"/blog/tags/timeinput-e5b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8ca237b8"},{"content":"5f680611"},{"content":"df735c89"}],"tag":"b9a852d0","listMetadata":"277d94b9"},"/blog/tags/timepicker-c69":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"}],"tag":"11438bab","listMetadata":"e87e9fad"},"/blog/tags/toast-c74":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2c615316"},{"content":"c6a57455"}],"tag":"d62a7c49","listMetadata":"a7fd264d"},"/blog/tags/toasts-ee2":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"603d5c5e"},{"content":"509c2304"},{"content":"2ddd21c8"},{"content":"80410c2f"}],"tag":"5d0c85b2","listMetadata":"1c90b3d5"},"/blog/tags/toastservice-402":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6a57455"}],"tag":"ccd9f363","listMetadata":"b7f75ae4"},"/blog/tags/tooltip-300":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4f6ad63b"},{"content":"7d8e90a7"},{"content":"607ffa29"}],"tag":"ae632395","listMetadata":"8350469a"},"/blog/tags/v-0-0-1-80c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6318e18"}],"tag":"80b861cf","listMetadata":"20574a6b"},"/blog/tags/v-0-0-2-fd9":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"e88d3846"}],"tag":"b3bcf9b5","listMetadata":"23d0bf4c"},"/blog/tags/v-0-0-3-ef0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"37e1ef48"}],"tag":"a6e99728","listMetadata":"4168486f"},"/blog/tags/v-0-0-4-efd":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"946a1545"}],"tag":"19a72e94","listMetadata":"4abe9ec0"},"/blog/tags/v-0-1-0-83c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"beea12d4"}],"tag":"e2b20de6","listMetadata":"b8133b83"},"/blog/tags/v-0-1-1-eb4":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"599ec0be"}],"tag":"79effc5f","listMetadata":"8f1e4f29"},"/blog/tags/v-0-2-0-1c3":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"97ec44a3"}],"tag":"40d8e2b3","listMetadata":"4f704b11"},"/blog/tags/v-0-2-1-c1f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"80410c2f"}],"tag":"be39c62e","listMetadata":"bed1a6f9"},"/blog/tags/v-0-2-2-2ca":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"1967d15c"}],"tag":"5be3a4b7","listMetadata":"45b7b7e3"},"/blog/tags/v-0-2-3-62e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ee3ef312"}],"tag":"db200627","listMetadata":"eeb0ff48"},"/blog/tags/v-0-2-4-8df":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"dae895a9"}],"tag":"26c7220a","listMetadata":"e5f22ef7"},"/blog/tags/v-0-2-5-ceb":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2d59857d"}],"tag":"7f7a074d","listMetadata":"7521c638"},"/blog/tags/v-0-2-6-411":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"b2363121"}],"tag":"70853425","listMetadata":"43e49ae4"},"/blog/tags/v-0-3-0-fd2":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"aa493f4a"}],"tag":"7fb1abc1","listMetadata":"28bbf54b"},"/blog/tags/v-0-4-0-ad7":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"f188a130"}],"tag":"8ff92596","listMetadata":"c116c874"},"/blog/tags/v-0-4-1-b4b":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"46c5e377"}],"tag":"ef66a481","listMetadata":"c76b299c"},"/blog/tags/v-0-4-2-d9f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"dfc91384"}],"tag":"2f805fa7","listMetadata":"f135c86c"},"/blog/tags/v-0-5-0-98d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7c5d2905"}],"tag":"a48358a1","listMetadata":"fb750ad6"},"/blog/tags/v-0-5-1-4fc":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"fdfa8ed2"}],"tag":"38f13464","listMetadata":"8cb736e6"},"/blog/tags/v-0-6-0-792":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2ddd21c8"}],"tag":"a15b54fa","listMetadata":"3786937c"},"/blog/tags/v-1-0-0-9e6":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5c8d0ad0"}],"tag":"cfe8b84a","listMetadata":"b1051041"},"/blog/tags/v-1-0-1-75f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"f2f198c6"}],"tag":"8336dd36","listMetadata":"d618fd50"},"/blog/tags/v-1-1-0-10f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"14e63915"}],"tag":"b2b73654","listMetadata":"e923c45a"},"/blog/tags/v-1-10-0-d22":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"dc83d50b"}],"tag":"c5625ff5","listMetadata":"603d9b1e"},"/blog/tags/v-1-10-1-d6d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6413176f"}],"tag":"035b69b8","listMetadata":"7c4d5511"},"/blog/tags/v-1-10-2-797":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7d8e90a7"}],"tag":"0e20fd69","listMetadata":"011603b0"},"/blog/tags/v-1-10-3-b3f":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8dc79d0f"}],"tag":"82b4d5aa","listMetadata":"2de3c7dd"},"/blog/tags/v-1-10-4-10e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"3e108416"}],"tag":"595de7e8","listMetadata":"597697a2"},"/blog/tags/v-1-10-5-789":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2c615316"}],"tag":"f4046d89","listMetadata":"60e65f9f"},"/blog/tags/v-1-11-0-a31":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"6ac87ca2"}],"tag":"39d010a5","listMetadata":"36ea0dff"},"/blog/tags/v-1-11-1-370":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"d7b100b9"}],"tag":"20607c6d","listMetadata":"6ac8108a"},"/blog/tags/v-1-2-0-42c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4191886d"}],"tag":"e4fc5673","listMetadata":"47a09aa0"},"/blog/tags/v-1-3-0-410":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"abc06963"}],"tag":"bd7b0a88","listMetadata":"99d1d0f5"},"/blog/tags/v-1-3-1-7e1":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8fd56d8d"}],"tag":"6c7a9e34","listMetadata":"040fb835"},"/blog/tags/v-1-4-0-2b6":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"655dea51"}],"tag":"960c6bd8","listMetadata":"d072459e"},"/blog/tags/v-1-4-1-a31":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"319cc750"}],"tag":"25453f66","listMetadata":"13b82006"},"/blog/tags/v-1-4-2-96c":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ca9d53ad"}],"tag":"24ba83d0","listMetadata":"731d3a21"},"/blog/tags/v-1-4-3-f2d":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"654cb705"}],"tag":"1e1322a7","listMetadata":"29d85d16"},"/blog/tags/v-1-4-4-ed0":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7bc2fe32"}],"tag":"eb917f4a","listMetadata":"c52bae0a"},"/blog/tags/v-1-4-5-f80":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"509c2304"}],"tag":"b361ec9d","listMetadata":"74aa9bd3"},"/blog/tags/v-1-5-0-637":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"0ae61aaa"}],"tag":"2aac0be0","listMetadata":"0d3f967b"},"/blog/tags/v-1-6-0-fe6":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"df735c89"}],"tag":"7ced60eb","listMetadata":"a788ec2c"},"/blog/tags/v-1-7-0-b6a":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"51c5a72b"}],"tag":"c999ff5b","listMetadata":"b1780ee1"},"/blog/tags/v-1-7-1-e85":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"522d13a5"}],"tag":"b9cc54fe","listMetadata":"da64a13c"},"/blog/tags/v-1-7-2-fff":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"7fabb151"}],"tag":"bc2963ca","listMetadata":"7af3d485"},"/blog/tags/v-1-7-3-ad3":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"2b57f11c"}],"tag":"1da03b6e","listMetadata":"ef29d456"},"/blog/tags/v-1-8-0-731":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"5f680611"}],"tag":"b1a7cc4f","listMetadata":"1b46b7b2"},"/blog/tags/v-1-8-1-b14":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"607ffa29"}],"tag":"8d28d1a4","listMetadata":"de19d829"},"/blog/tags/v-1-8-2-cdf":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c22a9ec7"}],"tag":"3b5e9e49","listMetadata":"5a0ca8ee"},"/blog/tags/v-1-8-3-c77":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"438d502f"}],"tag":"e77da4a7","listMetadata":"0cf2b9e9"},"/blog/tags/v-1-9-0-87e":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"603d5c5e"}],"tag":"b10c749b","listMetadata":"9a99d86c"},"/blog/tags/v-1-9-1-4e2":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"55660876"}],"tag":"d866ce1d","listMetadata":"7f0e19fe"},"/blog/tags/v-1-9-2-734":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c6a57455"}],"tag":"6248578f","listMetadata":"ebc527d7"},"/blog/tags/v-1-9-3-b94":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"ec76938d"}],"tag":"5f9d70bf","listMetadata":"a90470d6"},"/blog/tags/v-1-9-4-9cf":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"c58e7149"}],"tag":"ded0f91d","listMetadata":"2b1be5da"},"/blog/tags/v-1-9-5-d99":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"8ca237b8"}],"tag":"880e6c0d","listMetadata":"6df517ec"},"/blog/tags/v-2-0-0-af8":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"0f414ed2"}],"tag":"dea46713","listMetadata":"c9f7b092"},"/blog/tags/v-2-1-0-b81":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"4f6ad63b"}],"tag":"564ef0d1","listMetadata":"3d5fb097"},"/blog/tags/v-2-2-0-acd":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"20cb0e42"}],"tag":"26c29946","listMetadata":"8fefa7d7"},"/blog/tags/v-2-2-1-9ca":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"9e66a4d2"}],"tag":"9db56040","listMetadata":"6b169607"},"/blog/tags/v-3-0-0-f14":{"__comp":"6875c492","__context":{"plugin":"5d4df2ae"},"sidebar":"814f3328","items":[{"content":"961dfa7e"},{"content":"d7dbf226"}],"tag":"f90f0f8a","listMetadata":"1a0ff04e"},"/search-9da":{"__comp":"1a4e3797","__context":{"plugin":"6e53b1b2"}},"/-7c3":{"__comp":"c4f5d8e4","__context":{"plugin":"a8c5bdfb"},"config":"5e9f5e1a"},"/-a3c":{"__comp":"1be78505","__context":{"plugin":"4d82bccb"},"versionMetadata":"935f2afb"},"/components/accordion-777":{"__comp":"17896441","content":"2510c43f"},"/components/alerts-d52":{"__comp":"17896441","content":"3b64e0ac"},"/components/badge-f8c":{"__comp":"17896441","content":"a05f678e"},"/components/breadcrumb-dd7":{"__comp":"17896441","content":"b5288141"},"/components/buttons-695":{"__comp":"17896441","content":"dbe8cc63"},"/components/callout-bea":{"__comp":"17896441","content":"51d6be5f"},"/components/card-23f":{"__comp":"17896441","content":"61658309"},"/components/charts-a58":{"__comp":"17896441","content":"3d9e9914"},"/components/collapse-90b":{"__comp":"17896441","content":"667a4431"},"/components/confirm-dialog-7a2":{"__comp":"17896441","content":"efa07cd5"},"/components/dropdown-758":{"__comp":"17896441","content":"88608b5d"},"/components/grid-6c2":{"__comp":"17896441","content":"28293836"},"/components/modal-220":{"__comp":"17896441","content":"bb807953"},"/components/offcanvas-318":{"__comp":"17896441","content":"20b54e65"},"/components/pagination-1c7":{"__comp":"17896441","content":"6600a909"},"/components/pdf-viewer-531":{"__comp":"17896441","content":"40cfbd3b"},"/components/placeholders-0b6":{"__comp":"17896441","content":"5050c89c"},"/components/preload-216":{"__comp":"17896441","content":"2aa4da01"},"/components/progress-a5a":{"__comp":"17896441","content":"47c689b7"},"/components/ribbon-075":{"__comp":"17896441","content":"188d80a9"},"/components/script-loader-c25":{"__comp":"17896441","content":"1df2ac0f"},"/components/sidebar-e4d":{"__comp":"17896441","content":"8f38113f"},"/components/sidebar2-fc1":{"__comp":"17896441","content":"ea94c85a"},"/components/sortable-list-a8d":{"__comp":"17896441","content":"b17af68e"},"/components/spinners-2f7":{"__comp":"17896441","content":"f2f259dc"},"/components/tabs-5a8":{"__comp":"17896441","content":"c8cb7a76"},"/components/toasts-e34":{"__comp":"17896441","content":"865c0ce4"},"/components/tooltips-0fd":{"__comp":"17896441","content":"c190ea02"},"/content/icons-c79":{"__comp":"17896441","content":"c18cbc7b"},"/content/images-939":{"__comp":"17896441","content":"14f7618e"},"/data-visualization/bar-chart-a0a":{"__comp":"17896441","content":"4c198d7d"},"/data-visualization/doughnut-chart-f01":{"__comp":"17896441","content":"24728d82"},"/data-visualization/line-chart-3b1":{"__comp":"17896441","content":"43a942ce"},"/data-visualization/pie-chart-bb2":{"__comp":"17896441","content":"2df031cd"},"/forms/autocomplete-049":{"__comp":"17896441","content":"06e625b9"},"/forms/currency-input-100":{"__comp":"17896441","content":"a2df1de6"},"/forms/date-input-a04":{"__comp":"17896441","content":"1677a4a2"},"/forms/number-input-fed":{"__comp":"17896441","content":"2a6d8460"},"/forms/range-input-ebf":{"__comp":"17896441","content":"418e6329"},"/forms/switch-2e2":{"__comp":"17896441","content":"e859a84e"},"/forms/time-input-801":{"__comp":"17896441","content":"84e13b25"},"/getting-started/blazor-server-net-6-4c9":{"__comp":"17896441","content":"ed7465b6"},"/getting-started/blazor-server-net-7-87d":{"__comp":"17896441","content":"15b77f5e"},"/getting-started/blazor-webapp-auto-global-net-8-866":{"__comp":"17896441","content":"afb75713"},"/getting-started/blazor-webapp-server-global-net-8-15a":{"__comp":"17896441","content":"e33bb20e"},"/getting-started/blazor-webassembly-net-6-c96":{"__comp":"17896441","content":"4caacf91"},"/getting-started/blazor-webassembly-net-7-c59":{"__comp":"17896441","content":"c291da80"},"/getting-started/blazor-webassembly-net-8-dad":{"__comp":"17896441","content":"ebf22c80"},"/getting-started/maui-blazor-net-7-f9b":{"__comp":"17896441","content":"92a91303"},"/getting-started/maui-blazor-net-8-f72":{"__comp":"17896441","content":"d39f9a0e"},"/layout/blazor-server-1a5":{"__comp":"17896441","content":"15d6b0c8"},"/layout/blazor-webassembly-cd3":{"__comp":"17896441","content":"4fea1e02"},"/services/modal-064":{"__comp":"17896441","content":"817026f7"}}')}},e=>{e.O(0,[40532],(()=>{return t=97221,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/assets/js/main.39824918.js.LICENSE.txt b/assets/js/main.81edd333.js.LICENSE.txt
similarity index 100%
rename from assets/js/main.39824918.js.LICENSE.txt
rename to assets/js/main.81edd333.js.LICENSE.txt
diff --git a/assets/js/runtime~main.9748b5b2.js b/assets/js/runtime~main.9748b5b2.js
new file mode 100644
index 000000000..958d78074
--- /dev/null
+++ b/assets/js/runtime~main.9748b5b2.js
@@ -0,0 +1 @@
+(()=>{"use strict";var e,c,d,a,f,b={},t={};function r(e){var c=t[e];if(void 0!==c)return c.exports;var d=t[e]={exports:{}};return b[e].call(d.exports,d,d.exports,r),d.exports}r.m=b,e=[],r.O=(c,d,a,f)=>{if(!d){var b=1/0;for(i=0;i<e.length;i++){d=e[i][0],a=e[i][1],f=e[i][2];for(var t=!0,o=0;o<d.length;o++)(!1&f||b>=f)&&Object.keys(r.O).every((e=>r.O[e](d[o])))?d.splice(o--,1):(t=!1,f<b&&(b=f));if(t){e.splice(i--,1);var n=a();void 0!==n&&(c=n)}}return c}f=f||0;for(var i=e.length;i>0&&e[i-1][2]>f;i--)e[i]=e[i-1];e[i]=[d,a,f]},r.n=e=>{var c=e&&e.__esModule?()=>e.default:()=>e;return r.d(c,{a:c}),c},d=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,a){if(1&a&&(e=this(e)),8&a)return e;if("object"==typeof e&&e){if(4&a&&e.__esModule)return e;if(16&a&&"function"==typeof e.then)return e}var f=Object.create(null);r.r(f);var b={};c=c||[null,d({}),d([]),d(d)];for(var t=2&a&&e;"object"==typeof t&&!~c.indexOf(t);t=d(t))Object.getOwnPropertyNames(t).forEach((c=>b[c]=()=>e[c]));return b.default=()=>e,r.d(f,b),f},r.d=(e,c)=>{for(var d in c)r.o(c,d)&&!r.o(e,d)&&Object.defineProperty(e,d,{enumerable:!0,get:c[d]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((c,d)=>(r.f[d](e,c),c)),[])),r.u=e=>"assets/js/"+({119:"1a0ff04e",171:"dbe8cc63",197:"97e00a59",242:"8ec2cf6c",993:"e87e9fad",1176:"da55feea",1215:"5c8d0ad0",1347:"58f0103d",1517:"7c4d5511",1531:"11ce4159",1624:"4d098111",1707:"3caae09a",1728:"ef29d456",1733:"e5d788cb",1749:"3b64e0ac",1786:"d072459e",1939:"1b490e8c",2056:"8b4680a8",2276:"25453f66",2474:"557bafbc",2703:"97491c67",3036:"5c71eb6d",3057:"ea82a430",3335:"50782da8",3477:"7ec9e121",3625:"7fd37e65",3947:"196f397f",3988:"cd4fd991",3992:"4cc136b8",4028:"239dc3b3",4327:"23d0bf4c",4433:"891bc1a1",4535:"7ced60eb",4787:"24ba83d0",4928:"6ac8108a",5458:"db200627",5852:"4f6ad63b",5972:"5f680611",6027:"ff859336",6063:"afb75713",6174:"4168486f",6333:"3d9e9914",6675:"dc83d50b",6831:"11136457",6918:"2df031cd",6923:"18902662",6991:"3ce4b4a2",7004:"14b4a23d",7039:"b1051041",7167:"20b54e65",7390:"51d0b3fd",7429:"7d9726a8",7559:"0f4f349d",7866:"6248578f",7910:"15e5d693",8059:"b71701b4",8141:"39d010a5",8760:"cb9c0be7",8947:"10e280b7",9540:"d866ce1d",9797:"2d59857d",9830:"11438bab",9837:"0b020564",9894:"3395500b",9992:"45b7b7e3",10001:"8eb4e46b",10074:"b17af68e",10330:"fb3463af",10453:"61658309",10485:"e4bea73c",10622:"7cb7ecf0",10633:"f5af5c4e",10794:"b1dc83d9",11046:"cfc716d8",11165:"3910f4a5",11426:"7ff7fcc0",11477:"b2f554cd",11713:"a7023ddc",11885:"21730098",11914:"d8d0822c",12119:"b3bcf9b5",12469:"6df517ec",12487:"857ae68f",12571:"242463c5",12581:"3b5e9e49",12646:"2fdecb40",12761:"e5ea1834",13234:"19a72e94",13242:"20526fb6",13486:"6d6db813",13543:"28e1ccb8",13644:"f8ceddd1",13868:"80410c2f",13939:"4fea1e02",14e3:"709b8fca",14029:"236ae2fb",14084:"7a8c297b",14187:"8ac1728c",14523:"607ffa29",14540:"28bbf54b",14912:"0f414ed2",15064:"d4fa5cbe",15417:"c219a4ea",15901:"01a2ac95",16268:"4db6149d",16645:"3786937c",16718:"b7f75ae4",16732:"603d9b1e",16978:"b9a852d0",17136:"eaf127fe",17365:"df735c89",17476:"53e4311e",17598:"ee3ef312",17601:"e161cb12",17678:"46c5e377",17693:"9e66a4d2",17757:"6260a561",18367:"43a942ce",18442:"92999a1c",18663:"c6318e18",18718:"438d502f",18823:"b03e4ecb",18924:"51ebc1da",19029:"1da03b6e",19089:"c8cb7a76",19508:"99d1d0f5",20069:"3e108416",20090:"67da9612",20300:"f4046d89",20330:"35f8a6bb",20701:"42d0e7ee",20878:"3116eef9",21100:"28293836",21177:"632b38e8",21823:"ccd9f363",22090:"d42fcd53",22259:"4de4c9a7",22376:"781d0cc3",22506:"2a6d8460",22880:"54cd9b03",22950:"38980570",22965:"2510c43f",23009:"a48358a1",23076:"b10c749b",23367:"bd1bae9a",23418:"ea24dcd3",23592:"946a1545",23662:"70853425",23704:"13b82006",23923:"b9cc54fe",23957:"510cc2fd",24391:"37e1ef48",24578:"e4f3715f",24581:"726ced83",24684:"57048dd6",24707:"2411581e",24918:"bb807953",24974:"a788ec2c",25538:"5d0c85b2",25697:"7c656ec4",25768:"b3e33875",25827:"9f5341a1",26086:"97ec44a3",26444:"bf8fae8f",26556:"9f3c7121",26586:"6f1ace75",26824:"9a99d86c",26878:"4d57dccd",26936:"47c689b7",27402:"60627ebe",27479:"c8ba346a",27715:"b361ec9d",27918:"17896441",28354:"b8133b83",28476:"bed1a6f9",28481:"d6eaa184",28482:"2aac0be0",28557:"29d85d16",28616:"3a3dec98",28617:"c52bae0a",29051:"b11e89e5",29498:"80c9cbbd",29514:"1be78505",29578:"79effc5f",30017:"0cefe2d9",30407:"283e4c74",30606:"6c7a9e34",30687:"597697a2",31738:"d1e90a87",31784:"1df2ac0f",32297:"55660876",32360:"80b861cf",32522:"e832fbdb",32885:"9b1f0615",33394:"9d07e165",33965:"828618cd",34310:"4576cdd1",34418:"5c423d58",34449:"035b69b8",34519:"5a62bd6d",34737:"eeb0ff48",34857:"adb7c9ff",34877:"c22a9ec7",34884:"dae895a9",34904:"c18cbc7b",34995:"c0c8a23a",35081:"961dfa7e",35391:"8f1e4f29",35414:"18cfdffd",35612:"3b9b4f03",35846:"2f6b0f5e",35851:"f2f198c6",35898:"d618fd50",35990:"4abe9ec0",36092:"66896e8e",36128:"35cae203",36232:"cc9add59",36419:"d97047e1",36569:"e3b0677f",36584:"6413176f",36613:"6ac87ca2",36627:"180751f5",36765:"da0a6c21",37306:"28c92665",37796:"3175c707",38537:"88608b5d",38829:"1af83003",38994:"eea066c0",39319:"0d3f967b",39645:"36ea0dff",39770:"bbe0b07b",39856:"c58e7149",39870:"dea46713",39888:"f6c3878f",40223:"e4fc5673",40275:"78e78061",40453:"9efcd135",40582:"75f4ac3a",40780:"e01ede0f",41092:"164c056e",41426:"52099127",41431:"d827f292",41493:"31f38213",41646:"92a91303",41691:"85b1c86a",41787:"26c7220a",41913:"960c6bd8",41916:"64707dcd",42016:"ebf22c80",42047:"0f528560",42084:"a5a8063d",42151:"9db56040",42211:"715d24f4",42315:"5d8db735",42331:"8cb736e6",42590:"dfa19b7d",42855:"20607c6d",42913:"d1831d2f",43087:"60364395",43264:"43e49ae4",43392:"2484c010",43495:"d537fbe8",43504:"484f1eb1",43849:"1b46b7b2",44156:"60524120",44294:"e2b20de6",44902:"7fabb151",45083:"3935a6ea",45331:"40d8e2b3",45507:"d86360d7",45754:"0d245dbf",45813:"011603b0",45856:"1e1322a7",46103:"ccc49370",46263:"0c7ad285",46297:"c17e866f",46594:"4fece664",46618:"a20900f1",46679:"f188a130",46753:"90d44a4a",46930:"654cb705",46933:"64c9b997",47044:"691f3895",47263:"277d94b9",47398:"4afe9451",47806:"e2c6c702",47888:"d6f47703",47927:"61165c7c",48343:"cfe8b84a",48367:"c999ff5b",48428:"58eac2a0",48518:"8910cc41",48610:"6875c492",48680:"ffb545c1",48964:"cc1a1680",48975:"3d5fb097",49262:"c2eb690c",49270:"c83a2893",49297:"603d5c5e",49907:"ec76938d",50032:"1c90b3d5",50128:"b17a40f7",50200:"e41c6b26",50458:"3f376e35",50591:"4fda10a6",50644:"a937b3a2",50765:"b5288141",50789:"82b4d5aa",50863:"1967d15c",51031:"c16d5092",51193:"ea94c85a",51657:"b1780ee1",51704:"5c0657f8",51921:"84b40e91",52278:"8ee50342",52421:"c76b299c",52430:"250e887a",52447:"64d9bfb5",52535:"814f3328",52791:"2ddd21c8",52866:"0181f2cb",52870:"4beefa9e",52912:"efa07cd5",52961:"2b1be5da",53250:"b53fbfdb",53488:"8fd56d8d",53493:"9e46ffba",53608:"9e4087bc",53826:"58bc14be",54035:"6066c36b",54179:"90283a90",54205:"d7dbf226",54301:"12e9876c",54433:"7c5d2905",54549:"a4463b46",54697:"82555221",54862:"fb750ad6",55205:"ae632395",55220:"20b2c3da",55352:"1b1fc741",55711:"86e32e70",55794:"69f51295",56058:"769aeadf",56247:"4072d3a5",56325:"46038721",56599:"630e76c4",56977:"594cee0b",57243:"b6216f17",57250:"f5ad21d3",57442:"ebc527d7",57447:"11bebdb7",57608:"0cf2b9e9",57614:"ed1fd27d",57826:"e4077368",57955:"8336dd36",58014:"299fc7bb",58176:"f386df44",58484:"8d28d1a4",58746:"2aa4da01",58765:"121f8027",58767:"d9c4e64a",58933:"880e6c0d",59331:"cfa57793",59334:"6640fb70",59457:"a2df1de6",59531:"beea12d4",59576:"d4d52611",60013:"ca9d53ad",60269:"826b3f99",60364:"75119bec",60488:"e0660070",60691:"de19d829",60761:"b5859c16",61124:"9395941f",61390:"4049a23c",61463:"51c5a72b",61528:"0534b071",61703:"47a09aa0",61993:"621307e9",62259:"7e5cd4e7",62359:"9962ee1e",62486:"a90470d6",62845:"6e53b1b2",63054:"3cda21e2",63135:"ae9bcc96",63163:"f8c8d1fb",63253:"418e6329",63384:"d62a7c49",63446:"e923c45a",63490:"15b77f5e",64013:"01a85c17",64195:"c4f5d8e4",64277:"7bc2fe32",64920:"319cc750",65075:"f2cf37dd",65102:"509c2304",65249:"d7f59897",65262:"69acfe84",65293:"e627b01b",65380:"e8e5f9d4",65552:"c9f7b092",65768:"ed6c8621",65811:"40cfbd3b",66058:"60e65f9f",66192:"38f13464",66723:"89c38cd0",66882:"ca5ddc25",67015:"5050c89c",67024:"82686804",67145:"eb917f4a",67589:"f90f0f8a",67698:"927171ec",67788:"7521c638",67815:"91c1b3da",67894:"fd9b0b8a",67918:"662ff2e0",67964:"852aa2d6",68042:"8ca237b8",68182:"7f7a074d",68581:"94ba6861",68867:"7a62d0ee",68957:"7b38df15",69165:"47976586",69177:"23ee00d3",69245:"abc06963",69250:"efb2b0fe",69515:"b4611217",69591:"7af3d485",69640:"da64a13c",69657:"85d5052b",69694:"a15968c9",69770:"8ff92596",69884:"564ef0d1",70057:"15d6b0c8",70105:"b2363121",70110:"b2b73654",70420:"c5614c51",70585:"4f538bc3",70852:"caa2721c",70924:"7483fa27",71092:"2de3c7dd",71187:"8fee25ed",71632:"e269e10f",71705:"ef3e4c59",71882:"76fef7fc",71886:"2c615316",71975:"24031443",72039:"dfc91384",72064:"f57f1834",72086:"599ec0be",72185:"fdfa8ed2",72434:"2c43b6e6",72475:"07e55142",72652:"dde17e14",72793:"2b5ffb63",73178:"b329fb77",73269:"24728d82",73404:"040fb835",73423:"4d82bccb",73510:"ba6d458c",73861:"f86648b9",74071:"4191886d",74236:"313e4a52",74329:"f135c86c",74361:"7955821b",74439:"5be3a4b7",74462:"09d3d068",74534:"c65f2699",74826:"1207b46c",74895:"9614ca7b",74951:"9a2f6742",75368:"c4b1132f",75414:"bc2963ca",75455:"8dcdb7d3",75683:"93da849d",75988:"6b169607",76170:"f46dc466",76193:"c116c874",76274:"2a00c8eb",76442:"dcbaab97",76743:"03c55790",76826:"595de7e8",77142:"44ac4dbb",77194:"9cc7e160",77296:"8cbb11df",77580:"f02bcf8a",77703:"84defe9f",77758:"d8be0be1",77760:"7a27bb07",78121:"0545a2b1",78197:"1bb3337b",78233:"a8c5bdfb",78407:"6a2ba06a",78432:"e859a84e",78440:"21e232c9",78602:"6e560a53",78726:"a15b54fa",78751:"d39f9a0e",78912:"50f7351d",79035:"0892d6c1",79165:"7656d80a",79527:"66664ddd",79649:"26c29946",79708:"5f9d70bf",80053:"935f2afb",80086:"0ae61aaa",80218:"a7fd264d",80254:"c291da80",80313:"6600a909",80856:"7f0e19fe",81018:"8dc79d0f",81182:"5a0ca8ee",81238:"8350469a",81304:"b1a7cc4f",81385:"731d3a21",81915:"f0737577",82096:"865c0ce4",82133:"5d4df2ae",82157:"4f704b11",82263:"039704c0",82418:"4caacf91",82479:"7fb1abc1",82660:"2b57f11c",82961:"21ed22b9",83421:"ef66a481",83607:"1dce3cd0",83622:"5049c6f3",83872:"522d13a5",84085:"f02c8517",84214:"8f38113f",84515:"2a709cc5",84564:"a6e99728",84717:"e77da4a7",84767:"b5cfba5e",84823:"f2f259dc",84837:"28dc5477",84993:"be39c62e",85005:"501dd65a",85027:"17c709c3",85313:"51d6be5f",85677:"446a706f",85729:"f6fc984b",86244:"667a4431",86321:"28db7278",86508:"2f805fa7",86831:"c673f71a",87374:"1def58c2",87538:"c6a57455",87575:"16f9f312",87622:"16b9d05c",87753:"188d80a9",87844:"5d18866d",87883:"20cb0e42",88103:"fa253b91",88177:"91092bcb",88884:"556ab74e",88956:"552dddd4",89117:"723c0db3",89273:"eb65b05f",89761:"6e4acec0",89791:"825a6483",90367:"607cc1d2",90438:"2adf1c07",90533:"b2b675dd",90556:"29d77e1a",91082:"7cda228d",91286:"6468aa87",91493:"e5f22ef7",92060:"b176b560",92115:"ed7465b6",92718:"08d0e930",92911:"6f58f824",93003:"536fd30c",93089:"a6aa9e1f",93350:"3feae84c",93454:"bd7b0a88",93487:"11043a74",93550:"84e13b25",94026:"1677a4a2",94375:"746d5920",94534:"f819911c",94575:"aa493f4a",94764:"a6013ce6",95050:"a7a5f7ce",95074:"c5625ff5",95237:"20574a6b",95248:"f36ac19a",95338:"c190ea02",95517:"7d8e90a7",95721:"77dd4733",96536:"817026f7",96894:"3b9f38f1",96968:"9d6c73db",97057:"f72251ba",97161:"a05f678e",97177:"4de1de0e",97234:"e33bb20e",97475:"14f7618e",97666:"655dea51",97777:"e6fe0126",97920:"1a4e3797",97951:"14e63915",97967:"479494e2",98009:"e88d3846",98116:"a909bce2",98236:"583ae9c8",98393:"f6104617",98581:"4c198d7d",98589:"1d662c92",98650:"715f34df",98704:"8fefa7d7",98716:"d7b100b9",98883:"181510e2",98892:"0e20fd69",98973:"2acd8f77",99023:"06e625b9",99041:"ded0f91d",99255:"bf17d8c8",99281:"baed9087",99631:"74aa9bd3",99667:"f4afaeba"}[e]||e)+"."+{119:"c34c3972",171:"ee49cbe8",197:"539fafb0",242:"37467b4c",993:"68aea5e2",1176:"7342a4d5",1215:"c9f6ba87",1347:"2a442ef9",1517:"fb04a0b6",1531:"6fc34702",1624:"cd112471",1707:"1c630dc1",1728:"f9987506",1733:"2b1141a1",1749:"46063360",1786:"584252d4",1939:"2bd2c820",2056:"1a1159d7",2276:"d8d322d8",2474:"c16d8df8",2703:"4dbfdd0d",3036:"ef1e80b6",3057:"adcad48a",3335:"0831c966",3477:"8a2b9d33",3625:"963e6278",3947:"e6fda91f",3988:"96509cf7",3992:"927d05ef",4028:"7bd0ee16",4327:"6a67a412",4433:"53b7d7be",4535:"289eb8da",4787:"6e9d4534",4928:"a4ca84f1",4972:"0376ce82",5458:"4081bea5",5852:"974ec0a1",5972:"1f7cd626",6027:"bd7f633b",6063:"5c730fac",6174:"d744c745",6333:"3dfd80df",6675:"5283f0eb",6831:"73c89296",6918:"7e896316",6923:"0ba709d1",6991:"b64a6171",7004:"59de3730",7039:"b9227413",7167:"30939357",7390:"1a81e1f3",7429:"a9e37d83",7559:"3b8fcf72",7866:"bae7df59",7910:"6e184af7",8059:"0c35d170",8141:"fcd0f36d",8760:"c712d913",8947:"d8d6151c",9540:"24ae9786",9797:"94db1c4f",9830:"57f8ef88",9837:"d84b0f90",9894:"a6ea9073",9992:"9868b50d",10001:"8a75ee64",10074:"57d4fc74",10330:"2f88c041",10453:"19e64b6d",10485:"61276da8",10622:"35c72ad5",10633:"bf04de42",10794:"3be33801",11046:"9dac91c8",11165:"75fdbe67",11426:"54f589ef",11477:"c907f9d6",11713:"15127513",11885:"73870385",11914:"81d6a2fa",12119:"afbcf6a2",12469:"6439bf7e",12487:"7fb53d44",12571:"2943fbda",12581:"ee575034",12646:"6d65a389",12761:"ef11e710",13234:"75a89d4a",13242:"6dc68125",13486:"5a1b9864",13543:"18834ef4",13644:"76b2f24f",13868:"8907f276",13939:"b8df1924",14e3:"e395c04e",14029:"192f7925",14084:"9f727d32",14187:"067e8109",14523:"d55b30a2",14540:"ef47c007",14912:"9e968ef5",15064:"b7b9cba1",15417:"9f3fbc30",15525:"75af6c49",15901:"8b469b02",16268:"c148288e",16645:"69f6cc5f",16718:"4a920929",16732:"0a07dce6",16978:"1d6f5425",17136:"2831f3ca",17365:"84cdb1c7",17476:"db6e1879",17598:"90cceab3",17601:"18db5025",17678:"53e16947",17693:"aa1d750c",17757:"4594829f",18367:"05dc7724",18442:"a16cf4d8",18663:"e45ce54a",18718:"6d0b0ce5",18823:"5baaf18c",18924:"ef810106",19029:"eff80523",19089:"f4e0c925",19508:"546640ec",20069:"d4450e26",20090:"d6020cd5",20300:"8cd67c6a",20330:"c43757e7",20701:"3197c53d",20878:"86a8cbe4",21100:"4389f17c",21177:"a42d0abd",21823:"e07fba47",22090:"8960ff75",22259:"c00e5096",22376:"986086be",22506:"12b65308",22880:"a8cad945",22950:"26f166bf",22965:"9ddc90be",23009:"31082433",23076:"b4c234c9",23367:"3f385a9b",23418:"ebbc69af",23592:"d23b68c0",23662:"4aaa7369",23704:"9ddc3546",23923:"9a222bd6",23957:"357c988f",24391:"0a4ed126",24578:"b4009d4e",24581:"209d35a9",24684:"a89d5f3d",24707:"014c79af",24918:"cf914837",24974:"f0ab9bd7",25538:"d37a3720",25697:"75ab51b4",25768:"b4f15548",25827:"c950fe57",26086:"306e2410",26444:"95c31d96",26556:"b9bbe006",26586:"d31a0a29",26824:"ec5b060e",26878:"55dcac87",26936:"431a9f67",27402:"bfea3bac",27479:"cde076c1",27715:"5d5d375d",27918:"ac93bb20",28354:"8f474fd0",28476:"1e409eeb",28481:"8825b6ad",28482:"87dbd610",28557:"609aec2f",28616:"6b14500b",28617:"e1a2c1f0",29051:"88b7aa69",29498:"d324d777",29514:"8d8b6779",29578:"a064a218",30017:"6798e00d",30407:"5b9faef0",30606:"147bf0b5",30687:"5a72b2e7",31738:"5ac3efa4",31784:"5c56485a",32297:"e0e47ca4",32360:"06ee0b95",32522:"3cc0e0f0",32885:"1d4af698",33394:"61781891",33965:"15912b82",34310:"73f41c98",34418:"214fee0d",34449:"dcba6c28",34519:"b1860e42",34737:"c4dad9e1",34857:"7e46c3b0",34877:"8d7eea47",34884:"509c38d5",34904:"6c62616b",34995:"5eb88e2f",35081:"ab9958b1",35391:"85e6de17",35414:"b6543388",35612:"c17a58bc",35846:"2d785169",35851:"b1217793",35898:"442edc64",35990:"39660249",36092:"e41fad77",36128:"fbc829b5",36232:"fbccd523",36419:"1276df07",36569:"f0f35d5f",36584:"227784b9",36613:"5991133c",36627:"e603071a",36765:"fb1a7b45",37306:"ebc098ee",37796:"25e22dfc",38537:"eceabf3f",38829:"0b61b649",38994:"88d49f5b",39319:"e84fdc70",39645:"8e220afe",39770:"362fb1fc",39856:"c363af69",39870:"793fe3a1",39888:"e86dbd43",40223:"24714a4f",40275:"ef857594",40453:"272cb47a",40582:"e1610680",40780:"823e83f1",41092:"6a3b9ff9",41426:"61c7b72a",41431:"096ae8d0",41493:"a63d158d",41646:"c78a35dd",41691:"2fcffdf3",41787:"eb9a3fed",41913:"70c2e2c5",41916:"a5c2cbc9",42016:"86935276",42047:"ebe18e9a",42084:"f0a57320",42151:"b2da8c2b",42211:"75cb35c8",42315:"88471740",42331:"fed90dde",42590:"d7ca339f",42855:"a5b17fc2",42913:"98461221",43087:"7bd6f5d0",43264:"de53b980",43392:"5ed116a7",43495:"c50f7f95",43504:"1abca8c2",43849:"3dc57b0e",44156:"546ef3d6",44294:"a253df7d",44902:"af11da7f",45083:"83199433",45331:"fff28201",45507:"437e9777",45754:"a352a471",45813:"068a3ac4",45856:"d574487d",46048:"4c6057c9",46103:"c0963001",46263:"2a9bcbd5",46297:"8a939463",46594:"9e3a248d",46618:"bde6060f",46679:"39861277",46753:"9e185a25",46930:"869877c6",46933:"25810c8a",47044:"25fb89b5",47263:"3efd22c9",47398:"e3c1d913",47806:"5f2ac471",47888:"8ab254b5",47927:"7e2292c7",48343:"fdf8da99",48367:"97c3cb09",48428:"be5c70c3",48518:"e20905dc",48610:"ca6a1770",48680:"c4c9faa7",48964:"d1f44255",48975:"6c4875fa",49262:"1e783a64",49270:"af65cefd",49297:"4cb3ae0a",49907:"34dca2cc",50032:"8494ac9f",50128:"6bf610d8",50200:"244aa94d",50458:"f3d9d876",50591:"61786f0c",50644:"d8ab4252",50765:"9781506d",50789:"9b5aac7e",50863:"8ad029fe",51031:"91ea679c",51193:"11a5599d",51657:"eb9d94b3",51704:"be907361",51921:"b6a37845",52278:"317d4c66",52421:"636312e6",52430:"59581c83",52447:"7c1b21f6",52535:"591784af",52791:"5137c5db",52866:"13fb02f4",52870:"93b8b7b0",52912:"df54f551",52961:"803a5305",53250:"a3d2b48b",53488:"9eb843a2",53493:"60ea9f45",53608:"14412ff6",53826:"1163576a",54035:"5b72110c",54179:"5ff9d2fa",54205:"a0253497",54301:"dbe2c1cc",54433:"f95a65a0",54549:"b4cf6f91",54697:"9d2fc209",54862:"8175d3a5",55205:"3215f3fd",55220:"78842e24",55352:"86609abd",55711:"d47ff889",55794:"de44b5bd",56058:"8836d8f6",56247:"190a7794",56325:"41e30cca",56599:"bc0f2942",56977:"a8218191",57243:"04a6a3e5",57250:"386966b0",57442:"cfb0c089",57447:"7831f13b",57608:"77675e3d",57614:"0d29da45",57826:"b753b10b",57955:"515a0bbe",58014:"2cd57163",58176:"819511b3",58484:"a2e5b3b9",58746:"86020e76",58765:"4865a5e2",58767:"e6f4befe",58933:"b5898ccc",59331:"118423a7",59334:"b126f6be",59457:"b1760b1d",59531:"51ed4872",59576:"49e41a97",60013:"bac2d56e",60269:"4b1bcc5c",60364:"a76d1e38",60488:"095458b8",60691:"eaf15336",60761:"be3ab49e",61124:"a2dbfc46",61390:"e4305b1a",61463:"71624c78",61528:"6e9672d1",61703:"72903cc2",61993:"75ffbc48",62259:"793abe06",62359:"e094d1d8",62486:"ad5e9aba",62845:"c42aac1e",63054:"53e05618",63135:"485e1653",63163:"e71f4de3",63253:"fb662215",63384:"741f4648",63446:"a816cee8",63490:"607dce4a",64013:"a1003c3d",64195:"ce77908f",64277:"f907d0fa",64920:"ede8d4ed",65075:"0ec25bef",65102:"3f6a1452",65249:"6c631ff3",65262:"f69f0729",65293:"ae43c407",65380:"b76ac7d7",65552:"887ed074",65768:"4f3f03af",65811:"a5a32037",66058:"a6a988fd",66192:"4cc636b7",66723:"c6ec5d64",66882:"f00aea29",67015:"71da4bc7",67024:"7f5770ed",67145:"ede7747f",67589:"e996d9e3",67698:"80d45687",67788:"37431531",67815:"7c87839d",67894:"145e700c",67918:"5dde90bd",67964:"e40ab6e7",68042:"446c79d0",68182:"aecf32dd",68443:"e41a3ab6",68581:"af88850c",68867:"9c4addbf",68957:"ae6835e1",69165:"a1426cbb",69177:"c83996bb",69245:"182e8897",69250:"d6ebadd0",69515:"432a5497",69591:"2506319a",69640:"410258ea",69657:"b9596a9b",69694:"2acf0f1e",69770:"234dc23b",69884:"729725a0",70057:"b03e22a0",70105:"7ebbb520",70110:"5e775a90",70420:"a337bb07",70585:"39e4e8d6",70852:"36903306",70924:"e50179bf",71092:"4d4f5a0e",71187:"3417b358",71632:"600bafa2",71705:"19eca535",71882:"a861e430",71886:"53c68d15",71975:"4ec821df",72039:"140e0c1a",72064:"7eff9e10",72086:"75f6c8df",72185:"88a66885",72434:"6f944a74",72475:"e94f235a",72652:"04b3e4fb",72793:"02243b17",73178:"ffb2d626",73269:"98cd2c97",73404:"34457066",73423:"c14eff78",73510:"8d321387",73861:"5fe429c8",74071:"34382833",74236:"ef8803dd",74329:"0ae9de73",74361:"490e690e",74439:"5d80ede2",74462:"bc017b86",74534:"b64e4b4a",74826:"8b625638",74895:"ae6c28c2",74951:"88dc093c",75368:"a3d64e91",75414:"f23c1cb0",75455:"ea99dfd9",75683:"c7b6a9d7",75988:"386d15ed",76170:"76b347fb",76193:"df3082b8",76274:"c3d865bb",76442:"2e17ae34",76743:"6563cb78",76826:"b8f6dde4",77142:"05aff4b9",77194:"3ef56dcb",77296:"910ffb51",77580:"7d366215",77703:"a5e80b96",77758:"4be12bea",77760:"e5d7be52",78121:"ee82bdaa",78197:"e7d60df6",78233:"8bb049f3",78407:"40eace92",78432:"c6caa2ef",78440:"80895e88",78602:"96f23ba2",78726:"ea9954f7",78751:"b8bd554c",78912:"024ec51c",79035:"12e77b47",79165:"d3a4a2c7",79527:"1af0136e",79649:"8ba51acb",79708:"755b31d9",80053:"4c3d705b",80086:"01133473",80218:"652cb659",80254:"684b0326",80313:"a879248a",80856:"bc4cfcf5",81018:"844615da",81182:"88c8ef43",81238:"902f2e96",81304:"cc92a7fa",81385:"3974f6ed",81915:"c720ba96",82096:"004e5855",82133:"5cb71634",82157:"fe7cc49f",82263:"80f9d41e",82418:"cfff348a",82479:"01a451fc",82660:"7a1ca84d",82961:"769794db",83421:"dcbdc190",83607:"6f378cb1",83622:"05239cca",83872:"fc42ae54",84085:"d1192307",84214:"c5cdcd2d",84515:"f79811f2",84564:"a65a7c6a",84717:"b15251b3",84767:"d615d8e1",84823:"236dfd55",84837:"2225e1ec",84993:"9ecacb00",85005:"7ebe610a",85027:"d185c086",85313:"de50931f",85677:"9c68ea6e",85729:"7bb49c9c",86244:"c256eeb4",86321:"ac187b18",86508:"a454b6d9",86831:"226b898a",87374:"a0711595",87538:"065fd6e9",87575:"ad292fc8",87622:"5158fe26",87753:"db8d1b99",87844:"b4e8e13f",87883:"4525be19",88103:"5b374863",88105:"878fa3c4",88177:"f71fac5a",88884:"2528fa40",88956:"6b79b69d",89117:"16f82413",89273:"2af336ff",89761:"ea7b57a7",89791:"4804398c",90367:"bf2efebc",90438:"1735a183",90533:"6ba19635",90556:"7c11a0ee",91082:"454ea535",91286:"a2025e21",91493:"ed60a96e",92060:"79b8c830",92115:"523fe910",92718:"315b7de2",92911:"3964a534",93003:"50d32107",93089:"57d7acea",93350:"23b06375",93454:"9e2e3e2e",93487:"635f8a61",93550:"68072164",94026:"ddd55efe",94375:"5e0b2552",94534:"c46057f6",94575:"e5bda2b5",94764:"6fbc18c7",95050:"a29a75d4",95074:"d7e84250",95237:"aa6ed01d",95248:"f02a8c13",95338:"82133c68",95517:"64ea6ecf",95721:"5e01e36b",96536:"e1d9a945",96894:"add21726",96968:"6da73dca",97057:"2417d1ce",97161:"d6417749",97177:"628a748b",97234:"44dc519d",97475:"04058914",97666:"a810eed1",97777:"604c2ea7",97920:"eb39bf81",97951:"1f057b69",97967:"a36603f1",98009:"534e3b12",98116:"98aeeecc",98236:"173b7c01",98393:"eba7a52a",98581:"c15411e2",98589:"bd72fccf",98650:"7e2a4e94",98704:"f7e5dd16",98716:"fc495efe",98883:"e3892bd9",98892:"b4bf8e27",98973:"0e538f7e",99023:"201d14a2",99041:"cdc15915",99255:"bd17b799",99281:"ef82b86f",99631:"3faed30d",99667:"de63d340"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,c)=>Object.prototype.hasOwnProperty.call(e,c),a={},f="blazorbootstrap:",r.l=(e,c,d,b)=>{if(a[e])a[e].push(c);else{var t,o;if(void 0!==d)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==f+d){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",f+d),t.src=e),a[e]=[c];var l=(c,d)=>{t.onerror=t.onload=null,clearTimeout(s);var f=a[e];if(delete a[e],t.parentNode&&t.parentNode.removeChild(t),f&&f.forEach((e=>e(d))),c)return c(d)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/",r.gca=function(e){return e={11136457:"6831",17896441:"27918",18902662:"6923",21730098:"11885",24031443:"71975",28293836:"21100",38980570:"22950",46038721:"56325",47976586:"69165",52099127:"41426",55660876:"32297",60364395:"43087",60524120:"44156",61658309:"10453",70853425:"23662",82555221:"54697",82686804:"67024","1a0ff04e":"119",dbe8cc63:"171","97e00a59":"197","8ec2cf6c":"242",e87e9fad:"993",da55feea:"1176","5c8d0ad0":"1215","58f0103d":"1347","7c4d5511":"1517","11ce4159":"1531","4d098111":"1624","3caae09a":"1707",ef29d456:"1728",e5d788cb:"1733","3b64e0ac":"1749",d072459e:"1786","1b490e8c":"1939","8b4680a8":"2056","25453f66":"2276","557bafbc":"2474","97491c67":"2703","5c71eb6d":"3036",ea82a430:"3057","50782da8":"3335","7ec9e121":"3477","7fd37e65":"3625","196f397f":"3947",cd4fd991:"3988","4cc136b8":"3992","239dc3b3":"4028","23d0bf4c":"4327","891bc1a1":"4433","7ced60eb":"4535","24ba83d0":"4787","6ac8108a":"4928",db200627:"5458","4f6ad63b":"5852","5f680611":"5972",ff859336:"6027",afb75713:"6063","4168486f":"6174","3d9e9914":"6333",dc83d50b:"6675","2df031cd":"6918","3ce4b4a2":"6991","14b4a23d":"7004",b1051041:"7039","20b54e65":"7167","51d0b3fd":"7390","7d9726a8":"7429","0f4f349d":"7559","6248578f":"7866","15e5d693":"7910",b71701b4:"8059","39d010a5":"8141",cb9c0be7:"8760","10e280b7":"8947",d866ce1d:"9540","2d59857d":"9797","11438bab":"9830","0b020564":"9837","3395500b":"9894","45b7b7e3":"9992","8eb4e46b":"10001",b17af68e:"10074",fb3463af:"10330",e4bea73c:"10485","7cb7ecf0":"10622",f5af5c4e:"10633",b1dc83d9:"10794",cfc716d8:"11046","3910f4a5":"11165","7ff7fcc0":"11426",b2f554cd:"11477",a7023ddc:"11713",d8d0822c:"11914",b3bcf9b5:"12119","6df517ec":"12469","857ae68f":"12487","242463c5":"12571","3b5e9e49":"12581","2fdecb40":"12646",e5ea1834:"12761","19a72e94":"13234","20526fb6":"13242","6d6db813":"13486","28e1ccb8":"13543",f8ceddd1:"13644","80410c2f":"13868","4fea1e02":"13939","709b8fca":"14000","236ae2fb":"14029","7a8c297b":"14084","8ac1728c":"14187","607ffa29":"14523","28bbf54b":"14540","0f414ed2":"14912",d4fa5cbe:"15064",c219a4ea:"15417","01a2ac95":"15901","4db6149d":"16268","3786937c":"16645",b7f75ae4:"16718","603d9b1e":"16732",b9a852d0:"16978",eaf127fe:"17136",df735c89:"17365","53e4311e":"17476",ee3ef312:"17598",e161cb12:"17601","46c5e377":"17678","9e66a4d2":"17693","6260a561":"17757","43a942ce":"18367","92999a1c":"18442",c6318e18:"18663","438d502f":"18718",b03e4ecb:"18823","51ebc1da":"18924","1da03b6e":"19029",c8cb7a76:"19089","99d1d0f5":"19508","3e108416":"20069","67da9612":"20090",f4046d89:"20300","35f8a6bb":"20330","42d0e7ee":"20701","3116eef9":"20878","632b38e8":"21177",ccd9f363:"21823",d42fcd53:"22090","4de4c9a7":"22259","781d0cc3":"22376","2a6d8460":"22506","54cd9b03":"22880","2510c43f":"22965",a48358a1:"23009",b10c749b:"23076",bd1bae9a:"23367",ea24dcd3:"23418","946a1545":"23592","13b82006":"23704",b9cc54fe:"23923","510cc2fd":"23957","37e1ef48":"24391",e4f3715f:"24578","726ced83":"24581","57048dd6":"24684","2411581e":"24707",bb807953:"24918",a788ec2c:"24974","5d0c85b2":"25538","7c656ec4":"25697",b3e33875:"25768","9f5341a1":"25827","97ec44a3":"26086",bf8fae8f:"26444","9f3c7121":"26556","6f1ace75":"26586","9a99d86c":"26824","4d57dccd":"26878","47c689b7":"26936","60627ebe":"27402",c8ba346a:"27479",b361ec9d:"27715",b8133b83:"28354",bed1a6f9:"28476",d6eaa184:"28481","2aac0be0":"28482","29d85d16":"28557","3a3dec98":"28616",c52bae0a:"28617",b11e89e5:"29051","80c9cbbd":"29498","1be78505":"29514","79effc5f":"29578","0cefe2d9":"30017","283e4c74":"30407","6c7a9e34":"30606","597697a2":"30687",d1e90a87:"31738","1df2ac0f":"31784","80b861cf":"32360",e832fbdb:"32522","9b1f0615":"32885","9d07e165":"33394","828618cd":"33965","4576cdd1":"34310","5c423d58":"34418","035b69b8":"34449","5a62bd6d":"34519",eeb0ff48:"34737",adb7c9ff:"34857",c22a9ec7:"34877",dae895a9:"34884",c18cbc7b:"34904",c0c8a23a:"34995","961dfa7e":"35081","8f1e4f29":"35391","18cfdffd":"35414","3b9b4f03":"35612","2f6b0f5e":"35846",f2f198c6:"35851",d618fd50:"35898","4abe9ec0":"35990","66896e8e":"36092","35cae203":"36128",cc9add59:"36232",d97047e1:"36419",e3b0677f:"36569","6413176f":"36584","6ac87ca2":"36613","180751f5":"36627",da0a6c21:"36765","28c92665":"37306","3175c707":"37796","88608b5d":"38537","1af83003":"38829",eea066c0:"38994","0d3f967b":"39319","36ea0dff":"39645",bbe0b07b:"39770",c58e7149:"39856",dea46713:"39870",f6c3878f:"39888",e4fc5673:"40223","78e78061":"40275","9efcd135":"40453","75f4ac3a":"40582",e01ede0f:"40780","164c056e":"41092",d827f292:"41431","31f38213":"41493","92a91303":"41646","85b1c86a":"41691","26c7220a":"41787","960c6bd8":"41913","64707dcd":"41916",ebf22c80:"42016","0f528560":"42047",a5a8063d:"42084","9db56040":"42151","715d24f4":"42211","5d8db735":"42315","8cb736e6":"42331",dfa19b7d:"42590","20607c6d":"42855",d1831d2f:"42913","43e49ae4":"43264","2484c010":"43392",d537fbe8:"43495","484f1eb1":"43504","1b46b7b2":"43849",e2b20de6:"44294","7fabb151":"44902","3935a6ea":"45083","40d8e2b3":"45331",d86360d7:"45507","0d245dbf":"45754","011603b0":"45813","1e1322a7":"45856",ccc49370:"46103","0c7ad285":"46263",c17e866f:"46297","4fece664":"46594",a20900f1:"46618",f188a130:"46679","90d44a4a":"46753","654cb705":"46930","64c9b997":"46933","691f3895":"47044","277d94b9":"47263","4afe9451":"47398",e2c6c702:"47806",d6f47703:"47888","61165c7c":"47927",cfe8b84a:"48343",c999ff5b:"48367","58eac2a0":"48428","8910cc41":"48518","6875c492":"48610",ffb545c1:"48680",cc1a1680:"48964","3d5fb097":"48975",c2eb690c:"49262",c83a2893:"49270","603d5c5e":"49297",ec76938d:"49907","1c90b3d5":"50032",b17a40f7:"50128",e41c6b26:"50200","3f376e35":"50458","4fda10a6":"50591",a937b3a2:"50644",b5288141:"50765","82b4d5aa":"50789","1967d15c":"50863",c16d5092:"51031",ea94c85a:"51193",b1780ee1:"51657","5c0657f8":"51704","84b40e91":"51921","8ee50342":"52278",c76b299c:"52421","250e887a":"52430","64d9bfb5":"52447","814f3328":"52535","2ddd21c8":"52791","0181f2cb":"52866","4beefa9e":"52870",efa07cd5:"52912","2b1be5da":"52961",b53fbfdb:"53250","8fd56d8d":"53488","9e46ffba":"53493","9e4087bc":"53608","58bc14be":"53826","6066c36b":"54035","90283a90":"54179",d7dbf226:"54205","12e9876c":"54301","7c5d2905":"54433",a4463b46:"54549",fb750ad6:"54862",ae632395:"55205","20b2c3da":"55220","1b1fc741":"55352","86e32e70":"55711","69f51295":"55794","769aeadf":"56058","4072d3a5":"56247","630e76c4":"56599","594cee0b":"56977",b6216f17:"57243",f5ad21d3:"57250",ebc527d7:"57442","11bebdb7":"57447","0cf2b9e9":"57608",ed1fd27d:"57614",e4077368:"57826","8336dd36":"57955","299fc7bb":"58014",f386df44:"58176","8d28d1a4":"58484","2aa4da01":"58746","121f8027":"58765",d9c4e64a:"58767","880e6c0d":"58933",cfa57793:"59331","6640fb70":"59334",a2df1de6:"59457",beea12d4:"59531",d4d52611:"59576",ca9d53ad:"60013","826b3f99":"60269","75119bec":"60364",e0660070:"60488",de19d829:"60691",b5859c16:"60761","9395941f":"61124","4049a23c":"61390","51c5a72b":"61463","0534b071":"61528","47a09aa0":"61703","621307e9":"61993","7e5cd4e7":"62259","9962ee1e":"62359",a90470d6:"62486","6e53b1b2":"62845","3cda21e2":"63054",ae9bcc96:"63135",f8c8d1fb:"63163","418e6329":"63253",d62a7c49:"63384",e923c45a:"63446","15b77f5e":"63490","01a85c17":"64013",c4f5d8e4:"64195","7bc2fe32":"64277","319cc750":"64920",f2cf37dd:"65075","509c2304":"65102",d7f59897:"65249","69acfe84":"65262",e627b01b:"65293",e8e5f9d4:"65380",c9f7b092:"65552",ed6c8621:"65768","40cfbd3b":"65811","60e65f9f":"66058","38f13464":"66192","89c38cd0":"66723",ca5ddc25:"66882","5050c89c":"67015",eb917f4a:"67145",f90f0f8a:"67589","927171ec":"67698","7521c638":"67788","91c1b3da":"67815",fd9b0b8a:"67894","662ff2e0":"67918","852aa2d6":"67964","8ca237b8":"68042","7f7a074d":"68182","94ba6861":"68581","7a62d0ee":"68867","7b38df15":"68957","23ee00d3":"69177",abc06963:"69245",efb2b0fe:"69250",b4611217:"69515","7af3d485":"69591",da64a13c:"69640","85d5052b":"69657",a15968c9:"69694","8ff92596":"69770","564ef0d1":"69884","15d6b0c8":"70057",b2363121:"70105",b2b73654:"70110",c5614c51:"70420","4f538bc3":"70585",caa2721c:"70852","7483fa27":"70924","2de3c7dd":"71092","8fee25ed":"71187",e269e10f:"71632",ef3e4c59:"71705","76fef7fc":"71882","2c615316":"71886",dfc91384:"72039",f57f1834:"72064","599ec0be":"72086",fdfa8ed2:"72185","2c43b6e6":"72434","07e55142":"72475",dde17e14:"72652","2b5ffb63":"72793",b329fb77:"73178","24728d82":"73269","040fb835":"73404","4d82bccb":"73423",ba6d458c:"73510",f86648b9:"73861","4191886d":"74071","313e4a52":"74236",f135c86c:"74329","7955821b":"74361","5be3a4b7":"74439","09d3d068":"74462",c65f2699:"74534","1207b46c":"74826","9614ca7b":"74895","9a2f6742":"74951",c4b1132f:"75368",bc2963ca:"75414","8dcdb7d3":"75455","93da849d":"75683","6b169607":"75988",f46dc466:"76170",c116c874:"76193","2a00c8eb":"76274",dcbaab97:"76442","03c55790":"76743","595de7e8":"76826","44ac4dbb":"77142","9cc7e160":"77194","8cbb11df":"77296",f02bcf8a:"77580","84defe9f":"77703",d8be0be1:"77758","7a27bb07":"77760","0545a2b1":"78121","1bb3337b":"78197",a8c5bdfb:"78233","6a2ba06a":"78407",e859a84e:"78432","21e232c9":"78440","6e560a53":"78602",a15b54fa:"78726",d39f9a0e:"78751","50f7351d":"78912","0892d6c1":"79035","7656d80a":"79165","66664ddd":"79527","26c29946":"79649","5f9d70bf":"79708","935f2afb":"80053","0ae61aaa":"80086",a7fd264d:"80218",c291da80:"80254","6600a909":"80313","7f0e19fe":"80856","8dc79d0f":"81018","5a0ca8ee":"81182","8350469a":"81238",b1a7cc4f:"81304","731d3a21":"81385",f0737577:"81915","865c0ce4":"82096","5d4df2ae":"82133","4f704b11":"82157","039704c0":"82263","4caacf91":"82418","7fb1abc1":"82479","2b57f11c":"82660","21ed22b9":"82961",ef66a481:"83421","1dce3cd0":"83607","5049c6f3":"83622","522d13a5":"83872",f02c8517:"84085","8f38113f":"84214","2a709cc5":"84515",a6e99728:"84564",e77da4a7:"84717",b5cfba5e:"84767",f2f259dc:"84823","28dc5477":"84837",be39c62e:"84993","501dd65a":"85005","17c709c3":"85027","51d6be5f":"85313","446a706f":"85677",f6fc984b:"85729","667a4431":"86244","28db7278":"86321","2f805fa7":"86508",c673f71a:"86831","1def58c2":"87374",c6a57455:"87538","16f9f312":"87575","16b9d05c":"87622","188d80a9":"87753","5d18866d":"87844","20cb0e42":"87883",fa253b91:"88103","91092bcb":"88177","556ab74e":"88884","552dddd4":"88956","723c0db3":"89117",eb65b05f:"89273","6e4acec0":"89761","825a6483":"89791","607cc1d2":"90367","2adf1c07":"90438",b2b675dd:"90533","29d77e1a":"90556","7cda228d":"91082","6468aa87":"91286",e5f22ef7:"91493",b176b560:"92060",ed7465b6:"92115","08d0e930":"92718","6f58f824":"92911","536fd30c":"93003",a6aa9e1f:"93089","3feae84c":"93350",bd7b0a88:"93454","11043a74":"93487","84e13b25":"93550","1677a4a2":"94026","746d5920":"94375",f819911c:"94534",aa493f4a:"94575",a6013ce6:"94764",a7a5f7ce:"95050",c5625ff5:"95074","20574a6b":"95237",f36ac19a:"95248",c190ea02:"95338","7d8e90a7":"95517","77dd4733":"95721","817026f7":"96536","3b9f38f1":"96894","9d6c73db":"96968",f72251ba:"97057",a05f678e:"97161","4de1de0e":"97177",e33bb20e:"97234","14f7618e":"97475","655dea51":"97666",e6fe0126:"97777","1a4e3797":"97920","14e63915":"97951","479494e2":"97967",e88d3846:"98009",a909bce2:"98116","583ae9c8":"98236",f6104617:"98393","4c198d7d":"98581","1d662c92":"98589","715f34df":"98650","8fefa7d7":"98704",d7b100b9:"98716","181510e2":"98883","0e20fd69":"98892","2acd8f77":"98973","06e625b9":"99023",ded0f91d:"99041",bf17d8c8:"99255",baed9087:"99281","74aa9bd3":"99631",f4afaeba:"99667"}[e]||e,r.p+r.u(e)},(()=>{var e={51303:0,40532:0};r.f.j=(c,d)=>{var a=r.o(e,c)?e[c]:void 0;if(0!==a)if(a)d.push(a[2]);else if(/^(40532|51303)$/.test(c))e[c]=0;else{var f=new Promise(((d,f)=>a=e[c]=[d,f]));d.push(a[2]=f);var b=r.p+r.u(c),t=new Error;r.l(b,(d=>{if(r.o(e,c)&&(0!==(a=e[c])&&(e[c]=void 0),a)){var f=d&&("load"===d.type?"missing":d.type),b=d&&d.target&&d.target.src;t.message="Loading chunk "+c+" failed.\n("+f+": "+b+")",t.name="ChunkLoadError",t.type=f,t.request=b,a[1](t)}}),"chunk-"+c,c)}},r.O.j=c=>0===e[c];var c=(c,d)=>{var a,f,b=d[0],t=d[1],o=d[2],n=0;if(b.some((c=>0!==e[c]))){for(a in t)r.o(t,a)&&(r.m[a]=t[a]);if(o)var i=o(r)}for(c&&c(d);n<b.length;n++)f=b[n],r.o(e,f)&&e[f]&&e[f][0](),e[f]=0;return r.O(i)},d=self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[];d.forEach(c.bind(null,0)),d.push=c.bind(null,d.push.bind(d))})()})();
\ No newline at end of file
diff --git a/assets/js/runtime~main.9dd84f74.js b/assets/js/runtime~main.9dd84f74.js
deleted file mode 100644
index eaed306c3..000000000
--- a/assets/js/runtime~main.9dd84f74.js
+++ /dev/null
@@ -1 +0,0 @@
-(()=>{"use strict";var e,a,c,d,f,b={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var c=t[e]={exports:{}};return b[e].call(c.exports,c,c.exports,r),c.exports}r.m=b,e=[],r.O=(a,c,d,f)=>{if(!c){var b=1/0;for(i=0;i<e.length;i++){c=e[i][0],d=e[i][1],f=e[i][2];for(var t=!0,o=0;o<c.length;o++)(!1&f||b>=f)&&Object.keys(r.O).every((e=>r.O[e](c[o])))?c.splice(o--,1):(t=!1,f<b&&(b=f));if(t){e.splice(i--,1);var n=d();void 0!==n&&(a=n)}}return a}f=f||0;for(var i=e.length;i>0&&e[i-1][2]>f;i--)e[i]=e[i-1];e[i]=[c,d,f]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,d){if(1&d&&(e=this(e)),8&d)return e;if("object"==typeof e&&e){if(4&d&&e.__esModule)return e;if(16&d&&"function"==typeof e.then)return e}var f=Object.create(null);r.r(f);var b={};a=a||[null,c({}),c([]),c(c)];for(var t=2&d&&e;"object"==typeof t&&!~a.indexOf(t);t=c(t))Object.getOwnPropertyNames(t).forEach((a=>b[a]=()=>e[a]));return b.default=()=>e,r.d(f,b),f},r.d=(e,a)=>{for(var c in a)r.o(a,c)&&!r.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,c)=>(r.f[c](e,a),a)),[])),r.u=e=>"assets/js/"+({119:"1a0ff04e",171:"dbe8cc63",197:"97e00a59",242:"8ec2cf6c",993:"e87e9fad",1176:"da55feea",1215:"5c8d0ad0",1347:"58f0103d",1517:"7c4d5511",1531:"11ce4159",1624:"4d098111",1707:"3caae09a",1728:"ef29d456",1733:"e5d788cb",1749:"3b64e0ac",1786:"d072459e",2056:"8b4680a8",2276:"25453f66",2474:"557bafbc",2703:"97491c67",3036:"5c71eb6d",3057:"ea82a430",3335:"50782da8",3477:"7ec9e121",3625:"7fd37e65",3947:"196f397f",3988:"cd4fd991",3992:"4cc136b8",4028:"239dc3b3",4327:"23d0bf4c",4433:"891bc1a1",4535:"7ced60eb",4787:"24ba83d0",4928:"6ac8108a",5458:"db200627",5852:"4f6ad63b",5972:"5f680611",6027:"ff859336",6063:"afb75713",6174:"4168486f",6333:"3d9e9914",6675:"dc83d50b",6831:"11136457",6918:"2df031cd",6923:"18902662",6991:"3ce4b4a2",7004:"14b4a23d",7039:"b1051041",7167:"20b54e65",7390:"51d0b3fd",7429:"7d9726a8",7559:"0f4f349d",7866:"6248578f",7910:"15e5d693",8059:"b71701b4",8141:"39d010a5",8760:"cb9c0be7",8947:"10e280b7",9540:"d866ce1d",9797:"2d59857d",9830:"11438bab",9837:"0b020564",9894:"3395500b",9992:"45b7b7e3",10001:"8eb4e46b",10074:"b17af68e",10330:"fb3463af",10453:"61658309",10485:"e4bea73c",10622:"7cb7ecf0",10633:"f5af5c4e",10794:"b1dc83d9",11046:"cfc716d8",11165:"3910f4a5",11426:"7ff7fcc0",11477:"b2f554cd",11713:"a7023ddc",11885:"21730098",11914:"d8d0822c",12119:"b3bcf9b5",12469:"6df517ec",12487:"857ae68f",12571:"242463c5",12581:"3b5e9e49",12646:"2fdecb40",12761:"e5ea1834",13234:"19a72e94",13242:"20526fb6",13486:"6d6db813",13543:"28e1ccb8",13644:"f8ceddd1",13868:"80410c2f",13939:"4fea1e02",14e3:"709b8fca",14029:"236ae2fb",14084:"7a8c297b",14187:"8ac1728c",14523:"607ffa29",14540:"28bbf54b",14912:"0f414ed2",15064:"d4fa5cbe",15417:"c219a4ea",15901:"01a2ac95",16268:"4db6149d",16645:"3786937c",16718:"b7f75ae4",16732:"603d9b1e",16978:"b9a852d0",17365:"df735c89",17476:"53e4311e",17598:"ee3ef312",17601:"e161cb12",17678:"46c5e377",17693:"9e66a4d2",17757:"6260a561",18367:"43a942ce",18442:"92999a1c",18663:"c6318e18",18718:"438d502f",18823:"b03e4ecb",18924:"51ebc1da",19029:"1da03b6e",19089:"c8cb7a76",19508:"99d1d0f5",20069:"3e108416",20090:"67da9612",20300:"f4046d89",20330:"35f8a6bb",20701:"42d0e7ee",20878:"3116eef9",21100:"28293836",21177:"632b38e8",21823:"ccd9f363",22090:"d42fcd53",22259:"4de4c9a7",22376:"781d0cc3",22506:"2a6d8460",22880:"54cd9b03",22950:"38980570",22965:"2510c43f",23009:"a48358a1",23076:"b10c749b",23367:"bd1bae9a",23418:"ea24dcd3",23592:"946a1545",23662:"70853425",23704:"13b82006",23923:"b9cc54fe",23957:"510cc2fd",24391:"37e1ef48",24578:"e4f3715f",24581:"726ced83",24684:"57048dd6",24707:"2411581e",24918:"bb807953",24974:"a788ec2c",25538:"5d0c85b2",25697:"7c656ec4",25768:"b3e33875",25827:"9f5341a1",26086:"97ec44a3",26444:"bf8fae8f",26556:"9f3c7121",26586:"6f1ace75",26824:"9a99d86c",26878:"4d57dccd",26936:"47c689b7",27402:"60627ebe",27479:"c8ba346a",27715:"b361ec9d",27918:"17896441",28354:"b8133b83",28476:"bed1a6f9",28481:"d6eaa184",28482:"2aac0be0",28557:"29d85d16",28616:"3a3dec98",28617:"c52bae0a",29051:"b11e89e5",29498:"80c9cbbd",29514:"1be78505",29578:"79effc5f",30017:"0cefe2d9",30407:"283e4c74",30606:"6c7a9e34",30687:"597697a2",31738:"d1e90a87",31784:"1df2ac0f",32297:"55660876",32360:"80b861cf",32522:"e832fbdb",32885:"9b1f0615",33394:"9d07e165",33965:"828618cd",34310:"4576cdd1",34418:"5c423d58",34449:"035b69b8",34519:"5a62bd6d",34737:"eeb0ff48",34857:"adb7c9ff",34877:"c22a9ec7",34884:"dae895a9",34904:"c18cbc7b",34995:"c0c8a23a",35391:"8f1e4f29",35414:"18cfdffd",35612:"3b9b4f03",35846:"2f6b0f5e",35851:"f2f198c6",35898:"d618fd50",35990:"4abe9ec0",36092:"66896e8e",36128:"35cae203",36232:"cc9add59",36419:"d97047e1",36569:"e3b0677f",36584:"6413176f",36613:"6ac87ca2",36765:"da0a6c21",37306:"28c92665",37796:"3175c707",38537:"88608b5d",38829:"1af83003",38994:"eea066c0",39319:"0d3f967b",39645:"36ea0dff",39770:"bbe0b07b",39856:"c58e7149",39870:"dea46713",39888:"f6c3878f",40223:"e4fc5673",40275:"78e78061",40453:"9efcd135",40582:"75f4ac3a",40780:"e01ede0f",41092:"164c056e",41426:"52099127",41431:"d827f292",41493:"31f38213",41646:"92a91303",41691:"85b1c86a",41787:"26c7220a",41913:"960c6bd8",41916:"64707dcd",42016:"ebf22c80",42047:"0f528560",42084:"a5a8063d",42151:"9db56040",42211:"715d24f4",42315:"5d8db735",42331:"8cb736e6",42590:"dfa19b7d",42855:"20607c6d",42913:"d1831d2f",43087:"60364395",43264:"43e49ae4",43392:"2484c010",43495:"d537fbe8",43504:"484f1eb1",43849:"1b46b7b2",44156:"60524120",44294:"e2b20de6",44902:"7fabb151",45083:"3935a6ea",45331:"40d8e2b3",45507:"d86360d7",45754:"0d245dbf",45813:"011603b0",45856:"1e1322a7",46103:"ccc49370",46263:"0c7ad285",46297:"c17e866f",46594:"4fece664",46618:"a20900f1",46679:"f188a130",46753:"90d44a4a",46930:"654cb705",46933:"64c9b997",47044:"691f3895",47263:"277d94b9",47398:"4afe9451",47806:"e2c6c702",47888:"d6f47703",47927:"61165c7c",48343:"cfe8b84a",48367:"c999ff5b",48428:"58eac2a0",48518:"8910cc41",48610:"6875c492",48680:"ffb545c1",48964:"cc1a1680",48975:"3d5fb097",49262:"c2eb690c",49270:"c83a2893",49297:"603d5c5e",49907:"ec76938d",50032:"1c90b3d5",50128:"b17a40f7",50200:"e41c6b26",50458:"3f376e35",50591:"4fda10a6",50644:"a937b3a2",50765:"b5288141",50789:"82b4d5aa",50863:"1967d15c",51193:"ea94c85a",51657:"b1780ee1",51704:"5c0657f8",51921:"84b40e91",52278:"8ee50342",52421:"c76b299c",52430:"250e887a",52447:"64d9bfb5",52535:"814f3328",52791:"2ddd21c8",52866:"0181f2cb",52870:"4beefa9e",52912:"efa07cd5",52961:"2b1be5da",53250:"b53fbfdb",53488:"8fd56d8d",53493:"9e46ffba",53608:"9e4087bc",53826:"58bc14be",54035:"6066c36b",54179:"90283a90",54205:"d7dbf226",54301:"12e9876c",54433:"7c5d2905",54549:"a4463b46",54697:"82555221",54862:"fb750ad6",55205:"ae632395",55220:"20b2c3da",55352:"1b1fc741",55711:"86e32e70",55794:"69f51295",56058:"769aeadf",56247:"4072d3a5",56325:"46038721",56599:"630e76c4",56977:"594cee0b",57243:"b6216f17",57250:"f5ad21d3",57442:"ebc527d7",57447:"11bebdb7",57608:"0cf2b9e9",57614:"ed1fd27d",57826:"e4077368",57955:"8336dd36",58014:"299fc7bb",58176:"f386df44",58484:"8d28d1a4",58746:"2aa4da01",58765:"121f8027",58767:"d9c4e64a",58933:"880e6c0d",59331:"cfa57793",59334:"6640fb70",59457:"a2df1de6",59531:"beea12d4",59576:"d4d52611",60013:"ca9d53ad",60269:"826b3f99",60364:"75119bec",60488:"e0660070",60691:"de19d829",60761:"b5859c16",61124:"9395941f",61390:"4049a23c",61463:"51c5a72b",61528:"0534b071",61703:"47a09aa0",61993:"621307e9",62259:"7e5cd4e7",62359:"9962ee1e",62486:"a90470d6",62845:"6e53b1b2",63054:"3cda21e2",63135:"ae9bcc96",63163:"f8c8d1fb",63253:"418e6329",63384:"d62a7c49",63446:"e923c45a",63490:"15b77f5e",64013:"01a85c17",64195:"c4f5d8e4",64277:"7bc2fe32",64920:"319cc750",65075:"f2cf37dd",65102:"509c2304",65249:"d7f59897",65262:"69acfe84",65293:"e627b01b",65380:"e8e5f9d4",65552:"c9f7b092",65768:"ed6c8621",65811:"40cfbd3b",66058:"60e65f9f",66192:"38f13464",66723:"89c38cd0",66882:"ca5ddc25",67015:"5050c89c",67024:"82686804",67145:"eb917f4a",67589:"f90f0f8a",67698:"927171ec",67788:"7521c638",67815:"91c1b3da",67894:"fd9b0b8a",67918:"662ff2e0",67964:"852aa2d6",68042:"8ca237b8",68182:"7f7a074d",68581:"94ba6861",68867:"7a62d0ee",68957:"7b38df15",69165:"47976586",69177:"23ee00d3",69245:"abc06963",69250:"efb2b0fe",69515:"b4611217",69591:"7af3d485",69640:"da64a13c",69657:"85d5052b",69694:"a15968c9",69770:"8ff92596",69884:"564ef0d1",70057:"15d6b0c8",70105:"b2363121",70110:"b2b73654",70420:"c5614c51",70585:"4f538bc3",70852:"caa2721c",70924:"7483fa27",71092:"2de3c7dd",71187:"8fee25ed",71632:"e269e10f",71705:"ef3e4c59",71882:"76fef7fc",71886:"2c615316",71975:"24031443",72039:"dfc91384",72064:"f57f1834",72086:"599ec0be",72185:"fdfa8ed2",72434:"2c43b6e6",72475:"07e55142",72652:"dde17e14",72793:"2b5ffb63",73178:"b329fb77",73269:"24728d82",73404:"040fb835",73423:"4d82bccb",73510:"ba6d458c",73861:"f86648b9",74071:"4191886d",74236:"313e4a52",74329:"f135c86c",74361:"7955821b",74439:"5be3a4b7",74462:"09d3d068",74534:"c65f2699",74826:"1207b46c",74895:"9614ca7b",74951:"9a2f6742",75368:"c4b1132f",75414:"bc2963ca",75455:"8dcdb7d3",75683:"93da849d",75988:"6b169607",76170:"f46dc466",76193:"c116c874",76274:"2a00c8eb",76442:"dcbaab97",76743:"03c55790",76826:"595de7e8",77142:"44ac4dbb",77194:"9cc7e160",77296:"8cbb11df",77580:"f02bcf8a",77703:"84defe9f",77758:"d8be0be1",77760:"7a27bb07",78121:"0545a2b1",78197:"1bb3337b",78233:"a8c5bdfb",78407:"6a2ba06a",78432:"e859a84e",78440:"21e232c9",78602:"6e560a53",78726:"a15b54fa",78751:"d39f9a0e",78912:"50f7351d",79035:"0892d6c1",79165:"7656d80a",79527:"66664ddd",79649:"26c29946",79708:"5f9d70bf",80053:"935f2afb",80086:"0ae61aaa",80218:"a7fd264d",80254:"c291da80",80313:"6600a909",80856:"7f0e19fe",81018:"8dc79d0f",81182:"5a0ca8ee",81238:"8350469a",81304:"b1a7cc4f",81385:"731d3a21",81915:"f0737577",82096:"865c0ce4",82133:"5d4df2ae",82157:"4f704b11",82263:"039704c0",82418:"4caacf91",82479:"7fb1abc1",82660:"2b57f11c",82961:"21ed22b9",83421:"ef66a481",83607:"1dce3cd0",83622:"5049c6f3",83872:"522d13a5",84085:"f02c8517",84214:"8f38113f",84515:"2a709cc5",84564:"a6e99728",84717:"e77da4a7",84767:"b5cfba5e",84823:"f2f259dc",84837:"28dc5477",84993:"be39c62e",85005:"501dd65a",85027:"17c709c3",85313:"51d6be5f",85677:"446a706f",85729:"f6fc984b",86244:"667a4431",86321:"28db7278",86508:"2f805fa7",86831:"c673f71a",87374:"1def58c2",87538:"c6a57455",87575:"16f9f312",87622:"16b9d05c",87753:"188d80a9",87844:"5d18866d",87883:"20cb0e42",88103:"fa253b91",88177:"91092bcb",88884:"556ab74e",88956:"552dddd4",89117:"723c0db3",89273:"eb65b05f",89761:"6e4acec0",89791:"825a6483",90367:"607cc1d2",90438:"2adf1c07",90533:"b2b675dd",90556:"29d77e1a",91082:"7cda228d",91286:"6468aa87",91493:"e5f22ef7",92060:"b176b560",92115:"ed7465b6",92718:"08d0e930",92911:"6f58f824",93003:"536fd30c",93089:"a6aa9e1f",93350:"3feae84c",93454:"bd7b0a88",93487:"11043a74",93550:"84e13b25",94026:"1677a4a2",94375:"746d5920",94534:"f819911c",94575:"aa493f4a",94764:"a6013ce6",95050:"a7a5f7ce",95074:"c5625ff5",95237:"20574a6b",95248:"f36ac19a",95338:"c190ea02",95517:"7d8e90a7",95721:"77dd4733",96536:"817026f7",96894:"3b9f38f1",96968:"9d6c73db",97057:"f72251ba",97161:"a05f678e",97177:"4de1de0e",97234:"e33bb20e",97666:"655dea51",97920:"1a4e3797",97951:"14e63915",97967:"479494e2",98009:"e88d3846",98116:"a909bce2",98236:"583ae9c8",98393:"f6104617",98581:"4c198d7d",98589:"1d662c92",98650:"715f34df",98704:"8fefa7d7",98716:"d7b100b9",98883:"181510e2",98892:"0e20fd69",98973:"2acd8f77",99023:"06e625b9",99041:"ded0f91d",99255:"bf17d8c8",99281:"baed9087",99631:"74aa9bd3",99667:"f4afaeba"}[e]||e)+"."+{119:"9071d92b",171:"ee49cbe8",197:"539fafb0",242:"3631e9ee",993:"68aea5e2",1176:"7cf18589",1215:"c9f6ba87",1347:"2a442ef9",1517:"fb04a0b6",1531:"db1b7cc3",1624:"cd112471",1707:"1c630dc1",1728:"f9987506",1733:"2b1141a1",1749:"46063360",1786:"584252d4",2056:"b84d5784",2276:"d8d322d8",2474:"c16d8df8",2703:"4dbfdd0d",3036:"ef1e80b6",3057:"adcad48a",3335:"0831c966",3477:"8a2b9d33",3625:"963e6278",3947:"e6fda91f",3988:"96509cf7",3992:"927d05ef",4028:"7bd0ee16",4327:"6a67a412",4433:"53b7d7be",4535:"289eb8da",4787:"6e9d4534",4928:"a4ca84f1",4972:"0376ce82",5458:"4081bea5",5852:"974ec0a1",5972:"1f7cd626",6027:"bd7f633b",6063:"e92d7ebb",6174:"d744c745",6333:"3dfd80df",6675:"5283f0eb",6831:"73c89296",6918:"7e896316",6923:"0ba709d1",6991:"b64a6171",7004:"59de3730",7039:"b9227413",7167:"30939357",7390:"1a81e1f3",7429:"7450b69a",7559:"3b8fcf72",7866:"bae7df59",7910:"6e184af7",8059:"0c35d170",8141:"fcd0f36d",8760:"c712d913",8947:"d8d6151c",9540:"24ae9786",9797:"94db1c4f",9830:"57f8ef88",9837:"d84b0f90",9894:"a6ea9073",9992:"9868b50d",10001:"2e6e0add",10074:"57d4fc74",10330:"5726b439",10453:"19e64b6d",10485:"61276da8",10622:"fa38a09c",10633:"bf04de42",10794:"6a9a5414",11046:"9dac91c8",11165:"4c6edc79",11426:"54f589ef",11477:"037d909d",11713:"8893d48d",11885:"73870385",11914:"81d6a2fa",12119:"afbcf6a2",12469:"6439bf7e",12487:"7fb53d44",12571:"2943fbda",12581:"ee575034",12646:"6d65a389",12761:"ef11e710",13234:"75a89d4a",13242:"6dc68125",13486:"5a1b9864",13543:"18834ef4",13644:"76b2f24f",13868:"8907f276",13939:"b8df1924",14e3:"e395c04e",14029:"192f7925",14084:"9f727d32",14187:"067e8109",14523:"d55b30a2",14540:"ef47c007",14912:"9e968ef5",15064:"b7b9cba1",15417:"9f3fbc30",15525:"75af6c49",15901:"8b469b02",16268:"c148288e",16645:"69f6cc5f",16718:"4a920929",16732:"0a07dce6",16978:"1d6f5425",17365:"84cdb1c7",17476:"db6e1879",17598:"90cceab3",17601:"18db5025",17678:"53e16947",17693:"aa1d750c",17757:"4594829f",18367:"05dc7724",18442:"ba8a31a8",18663:"e45ce54a",18718:"6d0b0ce5",18823:"5baaf18c",18924:"ef810106",19029:"eff80523",19089:"f4e0c925",19508:"546640ec",20069:"d4450e26",20090:"d6020cd5",20300:"8cd67c6a",20330:"c43757e7",20701:"3197c53d",20878:"86a8cbe4",21100:"198a832e",21177:"a42d0abd",21823:"e07fba47",22090:"8960ff75",22259:"5e1d60a9",22376:"986086be",22506:"12b65308",22880:"a8cad945",22950:"26f166bf",22965:"9ddc90be",23009:"31082433",23076:"b4c234c9",23367:"c33b5f5b",23418:"ebbc69af",23592:"d23b68c0",23662:"4aaa7369",23704:"9ddc3546",23923:"9a222bd6",23957:"bf8c700b",24391:"0a4ed126",24578:"b4009d4e",24581:"209d35a9",24684:"a89d5f3d",24707:"014c79af",24918:"cf914837",24974:"f0ab9bd7",25538:"d37a3720",25697:"75ab51b4",25768:"b4f15548",25827:"c950fe57",26086:"306e2410",26444:"00860718",26556:"b9bbe006",26586:"d31a0a29",26824:"ec5b060e",26878:"05a720d6",26936:"431a9f67",27402:"bfea3bac",27479:"cde076c1",27715:"5d5d375d",27918:"a8055c26",28354:"8f474fd0",28476:"1e409eeb",28481:"8825b6ad",28482:"87dbd610",28557:"609aec2f",28616:"6b14500b",28617:"e1a2c1f0",29051:"88b7aa69",29498:"d324d777",29514:"8d8b6779",29578:"a064a218",30017:"6798e00d",30407:"5b9faef0",30606:"147bf0b5",30687:"5a72b2e7",31738:"5ac3efa4",31784:"5c56485a",32297:"e0e47ca4",32360:"06ee0b95",32522:"3cc0e0f0",32885:"1d4af698",33394:"61781891",33965:"15912b82",34310:"73f41c98",34418:"214fee0d",34449:"dcba6c28",34519:"b1860e42",34737:"c4dad9e1",34857:"7e46c3b0",34877:"8d7eea47",34884:"509c38d5",34904:"65c77894",34995:"5eb88e2f",35391:"85e6de17",35414:"b6543388",35612:"c17a58bc",35846:"2d785169",35851:"b1217793",35898:"442edc64",35990:"39660249",36092:"e41fad77",36128:"fbc829b5",36232:"fbccd523",36419:"1276df07",36569:"f0f35d5f",36584:"227784b9",36613:"5991133c",36765:"fb1a7b45",37306:"ebc098ee",37796:"25e22dfc",38537:"eceabf3f",38829:"0b61b649",38994:"88d49f5b",39319:"e84fdc70",39645:"8e220afe",39770:"362fb1fc",39856:"c363af69",39870:"793fe3a1",39888:"e86dbd43",40223:"24714a4f",40275:"ef857594",40453:"272cb47a",40582:"e1610680",40780:"823e83f1",41092:"6a3b9ff9",41426:"036a2d1f",41431:"096ae8d0",41493:"a63d158d",41646:"2cd99736",41691:"9adbc64f",41787:"eb9a3fed",41913:"70c2e2c5",41916:"a5c2cbc9",42016:"ee478265",42047:"ebe18e9a",42084:"f0a57320",42151:"b2da8c2b",42211:"75cb35c8",42315:"88471740",42331:"fed90dde",42590:"d7ca339f",42855:"a5b17fc2",42913:"98461221",43087:"7bd6f5d0",43264:"de53b980",43392:"5ed116a7",43495:"c50f7f95",43504:"1abca8c2",43849:"3dc57b0e",44156:"546ef3d6",44294:"a253df7d",44902:"af11da7f",45083:"83199433",45331:"fff28201",45507:"437e9777",45754:"a352a471",45813:"068a3ac4",45856:"d574487d",46048:"039bc60b",46103:"c0963001",46263:"2a9bcbd5",46297:"8a939463",46594:"9e3a248d",46618:"bde6060f",46679:"39861277",46753:"9e185a25",46930:"869877c6",46933:"25810c8a",47044:"25fb89b5",47263:"3efd22c9",47398:"e3c1d913",47806:"5f2ac471",47888:"8ab254b5",47927:"a0454fea",48343:"fdf8da99",48367:"97c3cb09",48428:"be5c70c3",48518:"e20905dc",48610:"ca6a1770",48680:"2576f07b",48964:"d1f44255",48975:"6c4875fa",49262:"cd82ea53",49270:"af65cefd",49297:"4cb3ae0a",49907:"34dca2cc",50032:"8494ac9f",50128:"6bf610d8",50200:"244aa94d",50458:"f3d9d876",50591:"fd3d80af",50644:"d8ab4252",50765:"9781506d",50789:"9b5aac7e",50863:"8ad029fe",51193:"c8d214ce",51657:"eb9d94b3",51704:"511d2492",51921:"b6a37845",52278:"317d4c66",52421:"636312e6",52430:"59581c83",52447:"7c1b21f6",52535:"2243550b",52791:"5137c5db",52866:"13fb02f4",52870:"93b8b7b0",52912:"df54f551",52961:"803a5305",53250:"a3d2b48b",53488:"9eb843a2",53493:"60ea9f45",53608:"14412ff6",53826:"1163576a",54035:"5b72110c",54179:"8c3c3e79",54205:"af74c172",54301:"cb9abd3c",54433:"f95a65a0",54549:"b4cf6f91",54697:"9d2fc209",54862:"8175d3a5",55205:"3215f3fd",55220:"78842e24",55352:"86609abd",55711:"d47ff889",55794:"de44b5bd",56058:"8836d8f6",56247:"190a7794",56325:"2c59fad2",56599:"bc0f2942",56977:"a8218191",57243:"04a6a3e5",57250:"ed68d6f8",57442:"cfb0c089",57447:"7831f13b",57608:"77675e3d",57614:"0d29da45",57826:"b753b10b",57955:"515a0bbe",58014:"2cd57163",58176:"839fc409",58484:"a2e5b3b9",58746:"86020e76",58765:"4865a5e2",58767:"e6f4befe",58933:"b5898ccc",59331:"568e98dd",59334:"b126f6be",59457:"b1760b1d",59531:"51ed4872",59576:"49e41a97",60013:"bac2d56e",60269:"4b1bcc5c",60364:"a76d1e38",60488:"095458b8",60691:"eaf15336",60761:"f237f86d",61124:"a2dbfc46",61390:"e4305b1a",61463:"71624c78",61528:"61f15721",61703:"72903cc2",61993:"75ffbc48",62259:"9393a7be",62359:"e094d1d8",62486:"ad5e9aba",62845:"c42aac1e",63054:"40707e9d",63135:"485e1653",63163:"e71f4de3",63253:"fb662215",63384:"741f4648",63446:"a816cee8",63490:"2188de6d",64013:"a1003c3d",64195:"ce77908f",64277:"f907d0fa",64920:"ede8d4ed",65075:"0ec25bef",65102:"3f6a1452",65249:"6c631ff3",65262:"f69f0729",65293:"ae43c407",65380:"b76ac7d7",65552:"887ed074",65768:"4f3f03af",65811:"a5a32037",66058:"a6a988fd",66192:"4cc636b7",66723:"c6ec5d64",66882:"225050e5",67015:"71da4bc7",67024:"7f5770ed",67145:"ede7747f",67589:"c9bd1b28",67698:"80d45687",67788:"37431531",67815:"7c87839d",67894:"145e700c",67918:"5dde90bd",67964:"e40ab6e7",68042:"446c79d0",68182:"aecf32dd",68443:"e41a3ab6",68581:"3149e4c8",68867:"9c4addbf",68957:"ae6835e1",69165:"a1426cbb",69177:"c83996bb",69245:"182e8897",69250:"d6ebadd0",69515:"432a5497",69591:"2506319a",69640:"410258ea",69657:"b9596a9b",69694:"2acf0f1e",69770:"234dc23b",69884:"729725a0",70057:"b03e22a0",70105:"7ebbb520",70110:"5e775a90",70420:"a337bb07",70585:"8bedc675",70852:"fa2ae220",70924:"e50179bf",71092:"4d4f5a0e",71187:"3417b358",71632:"600bafa2",71705:"19eca535",71882:"e4de4ca3",71886:"53c68d15",71975:"4ec821df",72039:"140e0c1a",72064:"7eff9e10",72086:"75f6c8df",72185:"88a66885",72434:"6f944a74",72475:"55bc491c",72652:"04b3e4fb",72793:"02243b17",73178:"59261587",73269:"98cd2c97",73404:"34457066",73423:"c14eff78",73510:"8d321387",73861:"5fe429c8",74071:"34382833",74236:"ef8803dd",74329:"0ae9de73",74361:"490e690e",74439:"5d80ede2",74462:"bc017b86",74534:"b64e4b4a",74826:"8b625638",74895:"ae6c28c2",74951:"88dc093c",75368:"a3d64e91",75414:"f23c1cb0",75455:"ea99dfd9",75683:"c7b6a9d7",75988:"386d15ed",76170:"76b347fb",76193:"df3082b8",76274:"c3d865bb",76442:"2e17ae34",76743:"6563cb78",76826:"b8f6dde4",77142:"c2633a70",77194:"3ef56dcb",77296:"910ffb51",77580:"7d366215",77703:"a5e80b96",77758:"4be12bea",77760:"e5d7be52",78121:"ee82bdaa",78197:"e7d60df6",78233:"8bb049f3",78407:"40eace92",78432:"c6caa2ef",78440:"80895e88",78602:"96f23ba2",78726:"ea9954f7",78751:"27b8ef14",78912:"024ec51c",79035:"c4cb3adc",79165:"d3a4a2c7",79527:"f4c13175",79649:"8ba51acb",79708:"755b31d9",80053:"31436c0d",80086:"01133473",80218:"652cb659",80254:"a5a32ad2",80313:"a879248a",80856:"bc4cfcf5",81018:"844615da",81182:"88c8ef43",81238:"902f2e96",81304:"cc92a7fa",81385:"3974f6ed",81915:"e79f6fd2",82096:"004e5855",82133:"5cb71634",82157:"fe7cc49f",82263:"80f9d41e",82418:"66de73ae",82479:"01a451fc",82660:"7a1ca84d",82961:"769794db",83421:"dcbdc190",83607:"6f378cb1",83622:"05239cca",83872:"fc42ae54",84085:"d1192307",84214:"8e138b83",84515:"f79811f2",84564:"a65a7c6a",84717:"b15251b3",84767:"d615d8e1",84823:"236dfd55",84837:"2225e1ec",84993:"9ecacb00",85005:"7ebe610a",85027:"d185c086",85313:"de50931f",85677:"9c68ea6e",85729:"95396e26",86244:"c256eeb4",86321:"a92066fb",86508:"a454b6d9",86831:"226b898a",87374:"a0711595",87538:"065fd6e9",87575:"ad292fc8",87622:"5158fe26",87753:"db8d1b99",87844:"b4e8e13f",87883:"4525be19",88103:"5b374863",88105:"d37b706e",88177:"f71fac5a",88884:"2528fa40",88956:"6b79b69d",89117:"16f82413",89273:"2af336ff",89761:"ea7b57a7",89791:"39c1c777",90367:"bf2efebc",90438:"1735a183",90533:"9d01e583",90556:"7c11a0ee",91082:"454ea535",91286:"a2025e21",91493:"ed60a96e",92060:"79b8c830",92115:"1e90ce2d",92718:"315b7de2",92911:"3964a534",93003:"25eb2651",93089:"57d7acea",93350:"23b06375",93454:"9e2e3e2e",93487:"635f8a61",93550:"68072164",94026:"ddd55efe",94375:"5e0b2552",94534:"c46057f6",94575:"e5bda2b5",94764:"4d1099bc",95050:"26da2d2a",95074:"d7e84250",95237:"aa6ed01d",95248:"f02a8c13",95338:"82133c68",95517:"64ea6ecf",95721:"5e01e36b",96536:"e1d9a945",96894:"add21726",96968:"6da73dca",97057:"2417d1ce",97161:"d6417749",97177:"628a748b",97234:"240726ea",97666:"a810eed1",97920:"eb39bf81",97951:"1f057b69",97967:"a36603f1",98009:"534e3b12",98116:"98aeeecc",98236:"f1cfe984",98393:"eba7a52a",98581:"c15411e2",98589:"bd72fccf",98650:"7e2a4e94",98704:"f7e5dd16",98716:"fc495efe",98883:"e3892bd9",98892:"b4bf8e27",98973:"0e538f7e",99023:"394fc804",99041:"cdc15915",99255:"bd17b799",99281:"ef82b86f",99631:"3faed30d",99667:"de63d340"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),d={},f="blazorbootstrap:",r.l=(e,a,c,b)=>{if(d[e])d[e].push(a);else{var t,o;if(void 0!==c)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==f+c){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",f+c),t.src=e),d[e]=[a];var l=(a,c)=>{t.onerror=t.onload=null,clearTimeout(s);var f=d[e];if(delete d[e],t.parentNode&&t.parentNode.removeChild(t),f&&f.forEach((e=>e(c))),a)return a(c)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/",r.gca=function(e){return e={11136457:"6831",17896441:"27918",18902662:"6923",21730098:"11885",24031443:"71975",28293836:"21100",38980570:"22950",46038721:"56325",47976586:"69165",52099127:"41426",55660876:"32297",60364395:"43087",60524120:"44156",61658309:"10453",70853425:"23662",82555221:"54697",82686804:"67024","1a0ff04e":"119",dbe8cc63:"171","97e00a59":"197","8ec2cf6c":"242",e87e9fad:"993",da55feea:"1176","5c8d0ad0":"1215","58f0103d":"1347","7c4d5511":"1517","11ce4159":"1531","4d098111":"1624","3caae09a":"1707",ef29d456:"1728",e5d788cb:"1733","3b64e0ac":"1749",d072459e:"1786","8b4680a8":"2056","25453f66":"2276","557bafbc":"2474","97491c67":"2703","5c71eb6d":"3036",ea82a430:"3057","50782da8":"3335","7ec9e121":"3477","7fd37e65":"3625","196f397f":"3947",cd4fd991:"3988","4cc136b8":"3992","239dc3b3":"4028","23d0bf4c":"4327","891bc1a1":"4433","7ced60eb":"4535","24ba83d0":"4787","6ac8108a":"4928",db200627:"5458","4f6ad63b":"5852","5f680611":"5972",ff859336:"6027",afb75713:"6063","4168486f":"6174","3d9e9914":"6333",dc83d50b:"6675","2df031cd":"6918","3ce4b4a2":"6991","14b4a23d":"7004",b1051041:"7039","20b54e65":"7167","51d0b3fd":"7390","7d9726a8":"7429","0f4f349d":"7559","6248578f":"7866","15e5d693":"7910",b71701b4:"8059","39d010a5":"8141",cb9c0be7:"8760","10e280b7":"8947",d866ce1d:"9540","2d59857d":"9797","11438bab":"9830","0b020564":"9837","3395500b":"9894","45b7b7e3":"9992","8eb4e46b":"10001",b17af68e:"10074",fb3463af:"10330",e4bea73c:"10485","7cb7ecf0":"10622",f5af5c4e:"10633",b1dc83d9:"10794",cfc716d8:"11046","3910f4a5":"11165","7ff7fcc0":"11426",b2f554cd:"11477",a7023ddc:"11713",d8d0822c:"11914",b3bcf9b5:"12119","6df517ec":"12469","857ae68f":"12487","242463c5":"12571","3b5e9e49":"12581","2fdecb40":"12646",e5ea1834:"12761","19a72e94":"13234","20526fb6":"13242","6d6db813":"13486","28e1ccb8":"13543",f8ceddd1:"13644","80410c2f":"13868","4fea1e02":"13939","709b8fca":"14000","236ae2fb":"14029","7a8c297b":"14084","8ac1728c":"14187","607ffa29":"14523","28bbf54b":"14540","0f414ed2":"14912",d4fa5cbe:"15064",c219a4ea:"15417","01a2ac95":"15901","4db6149d":"16268","3786937c":"16645",b7f75ae4:"16718","603d9b1e":"16732",b9a852d0:"16978",df735c89:"17365","53e4311e":"17476",ee3ef312:"17598",e161cb12:"17601","46c5e377":"17678","9e66a4d2":"17693","6260a561":"17757","43a942ce":"18367","92999a1c":"18442",c6318e18:"18663","438d502f":"18718",b03e4ecb:"18823","51ebc1da":"18924","1da03b6e":"19029",c8cb7a76:"19089","99d1d0f5":"19508","3e108416":"20069","67da9612":"20090",f4046d89:"20300","35f8a6bb":"20330","42d0e7ee":"20701","3116eef9":"20878","632b38e8":"21177",ccd9f363:"21823",d42fcd53:"22090","4de4c9a7":"22259","781d0cc3":"22376","2a6d8460":"22506","54cd9b03":"22880","2510c43f":"22965",a48358a1:"23009",b10c749b:"23076",bd1bae9a:"23367",ea24dcd3:"23418","946a1545":"23592","13b82006":"23704",b9cc54fe:"23923","510cc2fd":"23957","37e1ef48":"24391",e4f3715f:"24578","726ced83":"24581","57048dd6":"24684","2411581e":"24707",bb807953:"24918",a788ec2c:"24974","5d0c85b2":"25538","7c656ec4":"25697",b3e33875:"25768","9f5341a1":"25827","97ec44a3":"26086",bf8fae8f:"26444","9f3c7121":"26556","6f1ace75":"26586","9a99d86c":"26824","4d57dccd":"26878","47c689b7":"26936","60627ebe":"27402",c8ba346a:"27479",b361ec9d:"27715",b8133b83:"28354",bed1a6f9:"28476",d6eaa184:"28481","2aac0be0":"28482","29d85d16":"28557","3a3dec98":"28616",c52bae0a:"28617",b11e89e5:"29051","80c9cbbd":"29498","1be78505":"29514","79effc5f":"29578","0cefe2d9":"30017","283e4c74":"30407","6c7a9e34":"30606","597697a2":"30687",d1e90a87:"31738","1df2ac0f":"31784","80b861cf":"32360",e832fbdb:"32522","9b1f0615":"32885","9d07e165":"33394","828618cd":"33965","4576cdd1":"34310","5c423d58":"34418","035b69b8":"34449","5a62bd6d":"34519",eeb0ff48:"34737",adb7c9ff:"34857",c22a9ec7:"34877",dae895a9:"34884",c18cbc7b:"34904",c0c8a23a:"34995","8f1e4f29":"35391","18cfdffd":"35414","3b9b4f03":"35612","2f6b0f5e":"35846",f2f198c6:"35851",d618fd50:"35898","4abe9ec0":"35990","66896e8e":"36092","35cae203":"36128",cc9add59:"36232",d97047e1:"36419",e3b0677f:"36569","6413176f":"36584","6ac87ca2":"36613",da0a6c21:"36765","28c92665":"37306","3175c707":"37796","88608b5d":"38537","1af83003":"38829",eea066c0:"38994","0d3f967b":"39319","36ea0dff":"39645",bbe0b07b:"39770",c58e7149:"39856",dea46713:"39870",f6c3878f:"39888",e4fc5673:"40223","78e78061":"40275","9efcd135":"40453","75f4ac3a":"40582",e01ede0f:"40780","164c056e":"41092",d827f292:"41431","31f38213":"41493","92a91303":"41646","85b1c86a":"41691","26c7220a":"41787","960c6bd8":"41913","64707dcd":"41916",ebf22c80:"42016","0f528560":"42047",a5a8063d:"42084","9db56040":"42151","715d24f4":"42211","5d8db735":"42315","8cb736e6":"42331",dfa19b7d:"42590","20607c6d":"42855",d1831d2f:"42913","43e49ae4":"43264","2484c010":"43392",d537fbe8:"43495","484f1eb1":"43504","1b46b7b2":"43849",e2b20de6:"44294","7fabb151":"44902","3935a6ea":"45083","40d8e2b3":"45331",d86360d7:"45507","0d245dbf":"45754","011603b0":"45813","1e1322a7":"45856",ccc49370:"46103","0c7ad285":"46263",c17e866f:"46297","4fece664":"46594",a20900f1:"46618",f188a130:"46679","90d44a4a":"46753","654cb705":"46930","64c9b997":"46933","691f3895":"47044","277d94b9":"47263","4afe9451":"47398",e2c6c702:"47806",d6f47703:"47888","61165c7c":"47927",cfe8b84a:"48343",c999ff5b:"48367","58eac2a0":"48428","8910cc41":"48518","6875c492":"48610",ffb545c1:"48680",cc1a1680:"48964","3d5fb097":"48975",c2eb690c:"49262",c83a2893:"49270","603d5c5e":"49297",ec76938d:"49907","1c90b3d5":"50032",b17a40f7:"50128",e41c6b26:"50200","3f376e35":"50458","4fda10a6":"50591",a937b3a2:"50644",b5288141:"50765","82b4d5aa":"50789","1967d15c":"50863",ea94c85a:"51193",b1780ee1:"51657","5c0657f8":"51704","84b40e91":"51921","8ee50342":"52278",c76b299c:"52421","250e887a":"52430","64d9bfb5":"52447","814f3328":"52535","2ddd21c8":"52791","0181f2cb":"52866","4beefa9e":"52870",efa07cd5:"52912","2b1be5da":"52961",b53fbfdb:"53250","8fd56d8d":"53488","9e46ffba":"53493","9e4087bc":"53608","58bc14be":"53826","6066c36b":"54035","90283a90":"54179",d7dbf226:"54205","12e9876c":"54301","7c5d2905":"54433",a4463b46:"54549",fb750ad6:"54862",ae632395:"55205","20b2c3da":"55220","1b1fc741":"55352","86e32e70":"55711","69f51295":"55794","769aeadf":"56058","4072d3a5":"56247","630e76c4":"56599","594cee0b":"56977",b6216f17:"57243",f5ad21d3:"57250",ebc527d7:"57442","11bebdb7":"57447","0cf2b9e9":"57608",ed1fd27d:"57614",e4077368:"57826","8336dd36":"57955","299fc7bb":"58014",f386df44:"58176","8d28d1a4":"58484","2aa4da01":"58746","121f8027":"58765",d9c4e64a:"58767","880e6c0d":"58933",cfa57793:"59331","6640fb70":"59334",a2df1de6:"59457",beea12d4:"59531",d4d52611:"59576",ca9d53ad:"60013","826b3f99":"60269","75119bec":"60364",e0660070:"60488",de19d829:"60691",b5859c16:"60761","9395941f":"61124","4049a23c":"61390","51c5a72b":"61463","0534b071":"61528","47a09aa0":"61703","621307e9":"61993","7e5cd4e7":"62259","9962ee1e":"62359",a90470d6:"62486","6e53b1b2":"62845","3cda21e2":"63054",ae9bcc96:"63135",f8c8d1fb:"63163","418e6329":"63253",d62a7c49:"63384",e923c45a:"63446","15b77f5e":"63490","01a85c17":"64013",c4f5d8e4:"64195","7bc2fe32":"64277","319cc750":"64920",f2cf37dd:"65075","509c2304":"65102",d7f59897:"65249","69acfe84":"65262",e627b01b:"65293",e8e5f9d4:"65380",c9f7b092:"65552",ed6c8621:"65768","40cfbd3b":"65811","60e65f9f":"66058","38f13464":"66192","89c38cd0":"66723",ca5ddc25:"66882","5050c89c":"67015",eb917f4a:"67145",f90f0f8a:"67589","927171ec":"67698","7521c638":"67788","91c1b3da":"67815",fd9b0b8a:"67894","662ff2e0":"67918","852aa2d6":"67964","8ca237b8":"68042","7f7a074d":"68182","94ba6861":"68581","7a62d0ee":"68867","7b38df15":"68957","23ee00d3":"69177",abc06963:"69245",efb2b0fe:"69250",b4611217:"69515","7af3d485":"69591",da64a13c:"69640","85d5052b":"69657",a15968c9:"69694","8ff92596":"69770","564ef0d1":"69884","15d6b0c8":"70057",b2363121:"70105",b2b73654:"70110",c5614c51:"70420","4f538bc3":"70585",caa2721c:"70852","7483fa27":"70924","2de3c7dd":"71092","8fee25ed":"71187",e269e10f:"71632",ef3e4c59:"71705","76fef7fc":"71882","2c615316":"71886",dfc91384:"72039",f57f1834:"72064","599ec0be":"72086",fdfa8ed2:"72185","2c43b6e6":"72434","07e55142":"72475",dde17e14:"72652","2b5ffb63":"72793",b329fb77:"73178","24728d82":"73269","040fb835":"73404","4d82bccb":"73423",ba6d458c:"73510",f86648b9:"73861","4191886d":"74071","313e4a52":"74236",f135c86c:"74329","7955821b":"74361","5be3a4b7":"74439","09d3d068":"74462",c65f2699:"74534","1207b46c":"74826","9614ca7b":"74895","9a2f6742":"74951",c4b1132f:"75368",bc2963ca:"75414","8dcdb7d3":"75455","93da849d":"75683","6b169607":"75988",f46dc466:"76170",c116c874:"76193","2a00c8eb":"76274",dcbaab97:"76442","03c55790":"76743","595de7e8":"76826","44ac4dbb":"77142","9cc7e160":"77194","8cbb11df":"77296",f02bcf8a:"77580","84defe9f":"77703",d8be0be1:"77758","7a27bb07":"77760","0545a2b1":"78121","1bb3337b":"78197",a8c5bdfb:"78233","6a2ba06a":"78407",e859a84e:"78432","21e232c9":"78440","6e560a53":"78602",a15b54fa:"78726",d39f9a0e:"78751","50f7351d":"78912","0892d6c1":"79035","7656d80a":"79165","66664ddd":"79527","26c29946":"79649","5f9d70bf":"79708","935f2afb":"80053","0ae61aaa":"80086",a7fd264d:"80218",c291da80:"80254","6600a909":"80313","7f0e19fe":"80856","8dc79d0f":"81018","5a0ca8ee":"81182","8350469a":"81238",b1a7cc4f:"81304","731d3a21":"81385",f0737577:"81915","865c0ce4":"82096","5d4df2ae":"82133","4f704b11":"82157","039704c0":"82263","4caacf91":"82418","7fb1abc1":"82479","2b57f11c":"82660","21ed22b9":"82961",ef66a481:"83421","1dce3cd0":"83607","5049c6f3":"83622","522d13a5":"83872",f02c8517:"84085","8f38113f":"84214","2a709cc5":"84515",a6e99728:"84564",e77da4a7:"84717",b5cfba5e:"84767",f2f259dc:"84823","28dc5477":"84837",be39c62e:"84993","501dd65a":"85005","17c709c3":"85027","51d6be5f":"85313","446a706f":"85677",f6fc984b:"85729","667a4431":"86244","28db7278":"86321","2f805fa7":"86508",c673f71a:"86831","1def58c2":"87374",c6a57455:"87538","16f9f312":"87575","16b9d05c":"87622","188d80a9":"87753","5d18866d":"87844","20cb0e42":"87883",fa253b91:"88103","91092bcb":"88177","556ab74e":"88884","552dddd4":"88956","723c0db3":"89117",eb65b05f:"89273","6e4acec0":"89761","825a6483":"89791","607cc1d2":"90367","2adf1c07":"90438",b2b675dd:"90533","29d77e1a":"90556","7cda228d":"91082","6468aa87":"91286",e5f22ef7:"91493",b176b560:"92060",ed7465b6:"92115","08d0e930":"92718","6f58f824":"92911","536fd30c":"93003",a6aa9e1f:"93089","3feae84c":"93350",bd7b0a88:"93454","11043a74":"93487","84e13b25":"93550","1677a4a2":"94026","746d5920":"94375",f819911c:"94534",aa493f4a:"94575",a6013ce6:"94764",a7a5f7ce:"95050",c5625ff5:"95074","20574a6b":"95237",f36ac19a:"95248",c190ea02:"95338","7d8e90a7":"95517","77dd4733":"95721","817026f7":"96536","3b9f38f1":"96894","9d6c73db":"96968",f72251ba:"97057",a05f678e:"97161","4de1de0e":"97177",e33bb20e:"97234","655dea51":"97666","1a4e3797":"97920","14e63915":"97951","479494e2":"97967",e88d3846:"98009",a909bce2:"98116","583ae9c8":"98236",f6104617:"98393","4c198d7d":"98581","1d662c92":"98589","715f34df":"98650","8fefa7d7":"98704",d7b100b9:"98716","181510e2":"98883","0e20fd69":"98892","2acd8f77":"98973","06e625b9":"99023",ded0f91d:"99041",bf17d8c8:"99255",baed9087:"99281","74aa9bd3":"99631",f4afaeba:"99667"}[e]||e,r.p+r.u(e)},(()=>{var e={51303:0,40532:0};r.f.j=(a,c)=>{var d=r.o(e,a)?e[a]:void 0;if(0!==d)if(d)c.push(d[2]);else if(/^(40532|51303)$/.test(a))e[a]=0;else{var f=new Promise(((c,f)=>d=e[a]=[c,f]));c.push(d[2]=f);var b=r.p+r.u(a),t=new Error;r.l(b,(c=>{if(r.o(e,a)&&(0!==(d=e[a])&&(e[a]=void 0),d)){var f=c&&("load"===c.type?"missing":c.type),b=c&&c.target&&c.target.src;t.message="Loading chunk "+a+" failed.\n("+f+": "+b+")",t.name="ChunkLoadError",t.type=f,t.request=b,d[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,c)=>{var d,f,b=c[0],t=c[1],o=c[2],n=0;if(b.some((a=>0!==e[a]))){for(d in t)r.o(t,d)&&(r.m[d]=t[d]);if(o)var i=o(r)}for(a&&a(c);n<b.length;n++)f=b[n],r.o(e,f)&&e[f]&&e[f][0](),e[f]=0;return r.O(i)},c=self.webpackChunkblazorbootstrap=self.webpackChunkblazorbootstrap||[];c.forEach(a.bind(null,0)),c.push=a.bind(null,c.push.bind(c))})()})();
\ No newline at end of file
diff --git a/blog.html b/blog.html
index 1abd1d6de..f15cd8e4c 100644
--- a/blog.html
+++ b/blog.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Recommendation"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/upgrade-to-v2.0.0">Upgrade to v2.x.x</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="recommendation">Recommendation<a href="#recommendation" class="hash-link" aria-label="Direct link to Recommendation" title="Direct link to Recommendation">​</a></h3><p>We strongly recommend all <code>BlazorBootstrap</code> users migrate to version <strong>2.x.x</strong>.</p><p>If you are using version <code>1.x.x</code> for non-commercial purposes, you may continue using them, but upgrading to version <code>2.x.x</code> is strongly recommended.</p><p>If you are using version <code>1.x.x</code> for commercial purposes, you are no longer permitted to do so due to code usage concerns regarding Blazorise&#x27;s ClassBuilder and StyleBuilder classes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="background-of-classbuilder--stylebuilder-references">Background of ClassBuilder &amp; StyleBuilder References<a href="#background-of-classbuilder--stylebuilder-references" class="hash-link" aria-label="Direct link to Background of ClassBuilder &amp; StyleBuilder References" title="Direct link to Background of ClassBuilder &amp; StyleBuilder References">​</a></h3><p>In March 2021, we created a component library proof-of-concept (POC) using <code>ClassBuilder</code> and <code>StyleBuilder</code> from Blazorise. At that time, Blazorise was under the MIT license. We inadvertently neglected to re-verify the Blazorise project&#x27;s license later.</p><p>On February 12th, 2024, Blazorise contacted us regarding a potential licensing concern with both <code>ClassBuilder</code> and <code>StyleBuilder</code> classes. We respect Blazorise&#x27;s dedication to open-source software and responsible licensing.</p><p>We have now removed all references to ClassBuilder and StyleBuilder from our codebase.</p><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>IMPORTANT</div><div class="admonitionContent_S0QG"><p>If you wish to continue using version <code>1.x.x</code> for commercial purposes, please reach out to the Blazorise team for licensing.</p></div></div></div><footer class="row docusaurus-mt-lg"></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/image">image</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/polarareachart">polarareachart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.2" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Recommendation"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/upgrade-to-v2.0.0">Upgrade to v2.x.x</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="recommendation">Recommendation<a href="#recommendation" class="hash-link" aria-label="Direct link to Recommendation" title="Direct link to Recommendation">​</a></h3><p>We strongly recommend all <code>BlazorBootstrap</code> users migrate to version <strong>2.x.x</strong>.</p><p>If you are using version <code>1.x.x</code> for non-commercial purposes, you may continue using them, but upgrading to version <code>2.x.x</code> is strongly recommended.</p><p>If you are using version <code>1.x.x</code> for commercial purposes, you are no longer permitted to do so due to code usage concerns regarding Blazorise&#x27;s ClassBuilder and StyleBuilder classes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="background-of-classbuilder--stylebuilder-references">Background of ClassBuilder &amp; StyleBuilder References<a href="#background-of-classbuilder--stylebuilder-references" class="hash-link" aria-label="Direct link to Background of ClassBuilder &amp; StyleBuilder References" title="Direct link to Background of ClassBuilder &amp; StyleBuilder References">​</a></h3><p>In March 2021, we created a component library proof-of-concept (POC) using <code>ClassBuilder</code> and <code>StyleBuilder</code> from Blazorise. At that time, Blazorise was under the MIT license. We inadvertently neglected to re-verify the Blazorise project&#x27;s license later.</p><p>On February 12th, 2024, Blazorise contacted us regarding a potential licensing concern with both <code>ClassBuilder</code> and <code>StyleBuilder</code> classes. We respect Blazorise&#x27;s dedication to open-source software and responsible licensing.</p><p>We have now removed all references to ClassBuilder and StyleBuilder from our codebase.</p><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>IMPORTANT</div><div class="admonitionContent_S0QG"><p>If you wish to continue using version <code>1.x.x</code> for commercial purposes, please reach out to the Blazorise team for licensing.</p></div></div></div><footer class="row docusaurus-mt-lg"></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2021/11/23/blazorbootstrap-0.0.1.html b/blog/2021/11/23/blazorbootstrap-0.0.1.html
index b132b87e7..a65243f1e 100644
--- a/blog/2021/11/23/blazorbootstrap-0.0.1.html
+++ b/blog/2021/11/23/blazorbootstrap-0.0.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.0.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2021-11-23T00:00:00.000Z" itemprop="datePublished">November 23, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="new-components">New Components<a href="#new-components" class="hash-link" aria-label="Direct link to New Components" title="Direct link to New Components">​</a></h3><ul><li>Alert</li><li>Button</li><li>Icon</li><li>Modals</li><li>Offcanvas</li><li>Tooltip</li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-1">v0.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-11-23-blazorbootstrap-0.0.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2021/11/27/blazorbootstrap-0.0.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#new-components" class="table-of-contents__link toc-highlight">New Components</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.0.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2021-11-23T00:00:00.000Z" itemprop="datePublished">November 23, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="new-components">New Components<a href="#new-components" class="hash-link" aria-label="Direct link to New Components" title="Direct link to New Components">​</a></h3><ul><li>Alert</li><li>Button</li><li>Icon</li><li>Modals</li><li>Offcanvas</li><li>Tooltip</li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-1">v0.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-11-23-blazorbootstrap-0.0.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2021/11/27/blazorbootstrap-0.0.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#new-components" class="table-of-contents__link toc-highlight">New Components</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2021/11/27/blazorbootstrap-0.0.2.html b/blog/2021/11/27/blazorbootstrap-0.0.2.html
index 3362e95c8..0dbe077cb 100644
--- a/blog/2021/11/27/blazorbootstrap-0.0.2.html
+++ b/blog/2021/11/27/blazorbootstrap-0.0.2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, our focus was more on documenting the individual components."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.0.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2021-11-27T00:00:00.000Z" itemprop="datePublished">November 27, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>In this release, our focus was more on documenting the individual components.</p><p>Initial documentation is available for the below components:</p><ul><li>Alert</li><li>Button</li><li>Icon</li><li>Modal</li><li>Offcanvas</li><li>Tooltip</li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-2">v0.0.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-11-27-blazorbootstrap-0.0.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2021/12/08/blazorbootstrap-0.0.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2021/11/23/blazorbootstrap-0.0.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.1</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, our focus was more on documenting the individual components."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.0.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2021-11-27T00:00:00.000Z" itemprop="datePublished">November 27, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>In this release, our focus was more on documenting the individual components.</p><p>Initial documentation is available for the below components:</p><ul><li>Alert</li><li>Button</li><li>Icon</li><li>Modal</li><li>Offcanvas</li><li>Tooltip</li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-2">v0.0.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-11-27-blazorbootstrap-0.0.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2021/12/08/blazorbootstrap-0.0.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2021/11/23/blazorbootstrap-0.0.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.1</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2021/12/08/blazorbootstrap-0.0.3.html b/blog/2021/12/08/blazorbootstrap-0.0.3.html
index 5278b9d02..76d2f042c 100644
--- a/blog/2021/12/08/blazorbootstrap-0.0.3.html
+++ b/blog/2021/12/08/blazorbootstrap-0.0.3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we added the Toasts component and improved documentation."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.0.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2021-12-08T00:00:00.000Z" itemprop="datePublished">December 8, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>In this release, we added the Toasts component and improved documentation.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="new-component">New Component<a href="#new-component" class="hash-link" aria-label="Direct link to New Component" title="Direct link to New Component">​</a></h3><ul><li>Toasts</li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-3">v0.0.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-08-blazorbootstrap-0.0.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2021/12/12/blazorbootstrap-0.0.4"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.4</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2021/11/27/blazorbootstrap-0.0.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#new-component" class="table-of-contents__link toc-highlight">New Component</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we added the Toasts component and improved documentation."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.0.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2021-12-08T00:00:00.000Z" itemprop="datePublished">December 8, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>In this release, we added the Toasts component and improved documentation.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="new-component">New Component<a href="#new-component" class="hash-link" aria-label="Direct link to New Component" title="Direct link to New Component">​</a></h3><ul><li>Toasts</li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-3">v0.0.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-08-blazorbootstrap-0.0.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2021/12/12/blazorbootstrap-0.0.4"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.4</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2021/11/27/blazorbootstrap-0.0.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#new-component" class="table-of-contents__link toc-highlight">New Component</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2021/12/12/blazorbootstrap-0.0.4.html b/blog/2021/12/12/blazorbootstrap-0.0.4.html
index 2603ed343..e8d72aea4 100644
--- a/blog/2021/12/12/blazorbootstrap-0.0.4.html
+++ b/blog/2021/12/12/blazorbootstrap-0.0.4.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.0.4</h1><div class="container_mt6G margin-vert--md"><time datetime="2021-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="changelog">Changelog<a href="#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog">​</a></h3><ul><li>Code improvements</li><li>Documentation updates</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="breaking-changes">Breaking changes<a href="#breaking-changes" class="hash-link" aria-label="Direct link to Breaking changes" title="Direct link to Breaking changes">​</a></h3><h4 class="anchor anchorWithStickyNavbar_LWe7" id="modal">Modal<a href="#modal" class="hash-link" aria-label="Direct link to Modal" title="Direct link to Modal">​</a></h4><ul><li>Callback events renamed <ul><li><code>Showing</code> -&gt; <code>OnShowing</code></li><li><code>Shown</code> -&gt; <code>OnShown</code></li><li><code>Hiding</code> -&gt; <code>OnHiding</code></li><li><code>Hidden</code> -&gt; <code>OnHidden</code></li><li><code>HidePrevented</code> -&gt; <code>OnHidePrevented</code></li></ul></li></ul><h4 class="anchor anchorWithStickyNavbar_LWe7" id="offcanvas">Offcanvas<a href="#offcanvas" class="hash-link" aria-label="Direct link to Offcanvas" title="Direct link to Offcanvas">​</a></h4><ul><li>Callback events renamed <ul><li><code>Showing</code> -&gt; <code>OnShowing</code></li><li><code>Shown</code> -&gt; <code>OnShown</code></li><li><code>Hiding</code> -&gt; <code>OnHiding</code></li><li><code>Hidden</code> -&gt; <code>OnHidden</code></li></ul></li></ul><h4 class="anchor anchorWithStickyNavbar_LWe7" id="tooltip">Tooltip<a href="#tooltip" class="hash-link" aria-label="Direct link to Tooltip" title="Direct link to Tooltip">​</a></h4><ul><li>Parameters renamed<ul><li><code>TooltipTitle</code> -&gt; <code>Title</code></li><li><code>TooltipPlacement</code> -&gt; <code>Placement</code></li></ul></li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="docs-update">Docs update<a href="#docs-update" class="hash-link" aria-label="Direct link to Docs update" title="Direct link to Docs update">​</a></h3><p>For the below components, documentation is updated.</p><ul><li>Alerts</li><li>Buttons</li><li>Icons</li><li>Modal</li><li>Offcanvas</li><li>Toasts</li><li>Tooltips</li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-4">v0.0.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-12-blazorbootstrap-0.0.4.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2021/12/20/blazorbootstrap-0.1.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.1.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2021/12/08/blazorbootstrap-0.0.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#changelog" class="table-of-contents__link toc-highlight">Changelog</a></li><li><a href="#breaking-changes" class="table-of-contents__link toc-highlight">Breaking changes</a></li><li><a href="#docs-update" class="table-of-contents__link toc-highlight">Docs update</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.0.4</h1><div class="container_mt6G margin-vert--md"><time datetime="2021-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="changelog">Changelog<a href="#changelog" class="hash-link" aria-label="Direct link to Changelog" title="Direct link to Changelog">​</a></h3><ul><li>Code improvements</li><li>Documentation updates</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="breaking-changes">Breaking changes<a href="#breaking-changes" class="hash-link" aria-label="Direct link to Breaking changes" title="Direct link to Breaking changes">​</a></h3><h4 class="anchor anchorWithStickyNavbar_LWe7" id="modal">Modal<a href="#modal" class="hash-link" aria-label="Direct link to Modal" title="Direct link to Modal">​</a></h4><ul><li>Callback events renamed <ul><li><code>Showing</code> -&gt; <code>OnShowing</code></li><li><code>Shown</code> -&gt; <code>OnShown</code></li><li><code>Hiding</code> -&gt; <code>OnHiding</code></li><li><code>Hidden</code> -&gt; <code>OnHidden</code></li><li><code>HidePrevented</code> -&gt; <code>OnHidePrevented</code></li></ul></li></ul><h4 class="anchor anchorWithStickyNavbar_LWe7" id="offcanvas">Offcanvas<a href="#offcanvas" class="hash-link" aria-label="Direct link to Offcanvas" title="Direct link to Offcanvas">​</a></h4><ul><li>Callback events renamed <ul><li><code>Showing</code> -&gt; <code>OnShowing</code></li><li><code>Shown</code> -&gt; <code>OnShown</code></li><li><code>Hiding</code> -&gt; <code>OnHiding</code></li><li><code>Hidden</code> -&gt; <code>OnHidden</code></li></ul></li></ul><h4 class="anchor anchorWithStickyNavbar_LWe7" id="tooltip">Tooltip<a href="#tooltip" class="hash-link" aria-label="Direct link to Tooltip" title="Direct link to Tooltip">​</a></h4><ul><li>Parameters renamed<ul><li><code>TooltipTitle</code> -&gt; <code>Title</code></li><li><code>TooltipPlacement</code> -&gt; <code>Placement</code></li></ul></li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="docs-update">Docs update<a href="#docs-update" class="hash-link" aria-label="Direct link to Docs update" title="Direct link to Docs update">​</a></h3><p>For the below components, documentation is updated.</p><ul><li>Alerts</li><li>Buttons</li><li>Icons</li><li>Modal</li><li>Offcanvas</li><li>Toasts</li><li>Tooltips</li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-4">v0.0.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-12-blazorbootstrap-0.0.4.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2021/12/20/blazorbootstrap-0.1.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.1.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2021/12/08/blazorbootstrap-0.0.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#changelog" class="table-of-contents__link toc-highlight">Changelog</a></li><li><a href="#breaking-changes" class="table-of-contents__link toc-highlight">Breaking changes</a></li><li><a href="#docs-update" class="table-of-contents__link toc-highlight">Docs update</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2021/12/20/blazorbootstrap-0.1.0.html b/blog/2021/12/20/blazorbootstrap-0.1.0.html
index db7a62c90..9a03bc241 100644
--- a/blog/2021/12/20/blazorbootstrap-0.1.0.html
+++ b/blog/2021/12/20/blazorbootstrap-0.1.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.1.0 with lots of updates."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.1.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2021-12-20T00:00:00.000Z" itemprop="datePublished">December 20, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.1.0</code> with lots of updates.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="major-changes">Major changes<a href="#major-changes" class="hash-link" aria-label="Direct link to Major changes" title="Direct link to Major changes">​</a></h3><ul><li>.NET 6 upgrade</li><li>New components added</li><li>Demo website created</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="four-new-comoponents">Four New Comoponents<a href="#four-new-comoponents" class="hash-link" aria-label="Direct link to Four New Comoponents" title="Direct link to Four New Comoponents">​</a></h3><ul><li>Preload</li><li>Breadcrumb</li><li>Confirm Dialog</li><li>Callout</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="demo-website">Demo Website<a href="#demo-website" class="hash-link" aria-label="Direct link to Demo Website" title="Direct link to Demo Website">​</a></h3><p>We are happy to share the demo website link.</p><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">https://demos.getblazorbootstrap.com/</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-0">v0.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-20-blazorbootstrap-0.1.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2021/12/21/blazorbootstrap-0.1.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.1.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2021/12/12/blazorbootstrap-0.0.4"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.4</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#major-changes" class="table-of-contents__link toc-highlight">Major changes</a></li><li><a href="#four-new-comoponents" class="table-of-contents__link toc-highlight">Four New Comoponents</a></li><li><a href="#demo-website" class="table-of-contents__link toc-highlight">Demo Website</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.1.0 with lots of updates."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.1.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2021-12-20T00:00:00.000Z" itemprop="datePublished">December 20, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.1.0</code> with lots of updates.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="major-changes">Major changes<a href="#major-changes" class="hash-link" aria-label="Direct link to Major changes" title="Direct link to Major changes">​</a></h3><ul><li>.NET 6 upgrade</li><li>New components added</li><li>Demo website created</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="four-new-comoponents">Four New Comoponents<a href="#four-new-comoponents" class="hash-link" aria-label="Direct link to Four New Comoponents" title="Direct link to Four New Comoponents">​</a></h3><ul><li>Preload</li><li>Breadcrumb</li><li>Confirm Dialog</li><li>Callout</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="demo-website">Demo Website<a href="#demo-website" class="hash-link" aria-label="Direct link to Demo Website" title="Direct link to Demo Website">​</a></h3><p>We are happy to share the demo website link.</p><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">https://demos.getblazorbootstrap.com/</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-0">v0.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-20-blazorbootstrap-0.1.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2021/12/21/blazorbootstrap-0.1.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.1.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2021/12/12/blazorbootstrap-0.0.4"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.0.4</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#major-changes" class="table-of-contents__link toc-highlight">Major changes</a></li><li><a href="#four-new-comoponents" class="table-of-contents__link toc-highlight">Four New Comoponents</a></li><li><a href="#demo-website" class="table-of-contents__link toc-highlight">Demo Website</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2021/12/21/blazorbootstrap-0.1.1.html b/blog/2021/12/21/blazorbootstrap-0.1.1.html
index f67b34bef..702f9c8a0 100644
--- a/blog/2021/12/21/blazorbootstrap-0.1.1.html
+++ b/blog/2021/12/21/blazorbootstrap-0.1.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.1.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2021-12-21T00:00:00.000Z" itemprop="datePublished">December 21, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="component-changes">Component changes<a href="#component-changes" class="hash-link" aria-label="Direct link to Component changes" title="Direct link to Component changes">​</a></h3><ul><li>Alert<ul><li>Parameter renamed from Dismisable to Dismissable</li><li>Docs update</li><li>Demos update</li></ul></li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="demo-website">Demo Website<a href="#demo-website" class="hash-link" aria-label="Direct link to Demo Website" title="Direct link to Demo Website">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">https://demos.getblazorbootstrap.com/</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-1">v0.1.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/alert">alert</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-21-blazorbootstrap-0.1.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2021/12/20/blazorbootstrap-0.1.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.1.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#component-changes" class="table-of-contents__link toc-highlight">Component changes</a></li><li><a href="#demo-website" class="table-of-contents__link toc-highlight">Demo Website</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.1.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2021-12-21T00:00:00.000Z" itemprop="datePublished">December 21, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="component-changes">Component changes<a href="#component-changes" class="hash-link" aria-label="Direct link to Component changes" title="Direct link to Component changes">​</a></h3><ul><li>Alert<ul><li>Parameter renamed from Dismisable to Dismissable</li><li>Docs update</li><li>Demos update</li></ul></li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="demo-website">Demo Website<a href="#demo-website" class="hash-link" aria-label="Direct link to Demo Website" title="Direct link to Demo Website">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">https://demos.getblazorbootstrap.com/</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-1">v0.1.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/alert">alert</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2021-12-21-blazorbootstrap-0.1.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2021/12/20/blazorbootstrap-0.1.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.1.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#component-changes" class="table-of-contents__link toc-highlight">Component changes</a></li><li><a href="#demo-website" class="table-of-contents__link toc-highlight">Demo Website</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/01/15/blazorbootstrap-0.2.0.html b/blog/2022/01/15/blazorbootstrap-0.2.0.html
index 37c524c6c..e40f72d85 100644
--- a/blog/2022/01/15/blazorbootstrap-0.2.0.html
+++ b/blog/2022/01/15/blazorbootstrap-0.2.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="major-changes">Major changes<a href="#major-changes" class="hash-link" aria-label="Direct link to Major changes" title="Direct link to Major changes">​</a></h3><ul><li>Modal component enhancements</li><li>Offcanvas enhancements</li><li>Demo website updates</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="two-new-comoponents">Two New Comoponents<a href="#two-new-comoponents" class="hash-link" aria-label="Direct link to Two New Comoponents" title="Direct link to Two New Comoponents">​</a></h3><ul><li>Grid</li><li>Pagination</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://demos.getblazorbootstrap.com/modals" target="_blank" rel="noopener noreferrer">Modals</a></li><li><a href="https://demos.getblazorbootstrap.com/offcanvas" target="_blank" rel="noopener noreferrer">Offcanvas</a></li><li><a href="https://demos.getblazorbootstrap.com/grid" target="_blank" rel="noopener noreferrer">Grid</a></li><li><a href="https://demos.getblazorbootstrap.com/pagination" target="_blank" rel="noopener noreferrer">Pagination</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-01-15-blazorbootstrap-0.2.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2021/12/21/blazorbootstrap-0.1.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.1.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#major-changes" class="table-of-contents__link toc-highlight">Major changes</a></li><li><a href="#two-new-comoponents" class="table-of-contents__link toc-highlight">Two New Comoponents</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="major-changes">Major changes<a href="#major-changes" class="hash-link" aria-label="Direct link to Major changes" title="Direct link to Major changes">​</a></h3><ul><li>Modal component enhancements</li><li>Offcanvas enhancements</li><li>Demo website updates</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="two-new-comoponents">Two New Comoponents<a href="#two-new-comoponents" class="hash-link" aria-label="Direct link to Two New Comoponents" title="Direct link to Two New Comoponents">​</a></h3><ul><li>Grid</li><li>Pagination</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://demos.getblazorbootstrap.com/modals" target="_blank" rel="noopener noreferrer">Modals</a></li><li><a href="https://demos.getblazorbootstrap.com/offcanvas" target="_blank" rel="noopener noreferrer">Offcanvas</a></li><li><a href="https://demos.getblazorbootstrap.com/grid" target="_blank" rel="noopener noreferrer">Grid</a></li><li><a href="https://demos.getblazorbootstrap.com/pagination" target="_blank" rel="noopener noreferrer">Pagination</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-01-15-blazorbootstrap-0.2.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2021/12/21/blazorbootstrap-0.1.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.1.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#major-changes" class="table-of-contents__link toc-highlight">Major changes</a></li><li><a href="#two-new-comoponents" class="table-of-contents__link toc-highlight">Two New Comoponents</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/02/27/blazorbootstrap-0.2.1.html b/blog/2022/02/27/blazorbootstrap-0.2.1.html
index bda966330..623d13223 100644
--- a/blog/2022/02/27/blazorbootstrap-0.2.1.html
+++ b/blog/2022/02/27/blazorbootstrap-0.2.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="minor-updates">Minor Updates<a href="#minor-updates" class="hash-link" aria-label="Direct link to Minor Updates" title="Direct link to Minor Updates">​</a></h3><ul><li>Toasts component UI alignment fix</li><li>Confirm Dialog component docs update</li><li>Bootstrap Icons updated to <code>v1.8.0</code></li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://demos.getblazorbootstrap.com/confirm-dialog" target="_blank" rel="noopener noreferrer">Confirm Dialog</a></li><li><a href="https://demos.getblazorbootstrap.com/icons" target="_blank" rel="noopener noreferrer">Icons</a></li><li><a href="https://demos.getblazorbootstrap.com/toasts" target="_blank" rel="noopener noreferrer">Toasts</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-02-27-blazorbootstrap-0.2.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/03/15/blazorbootstrap-0.2.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#bootstrap-icons-updated-to-v180" class="table-of-contents__link toc-highlight">Bootstrap Icons updated to v1.8.0</a><ul><li><a href="#minor-updates" class="table-of-contents__link toc-highlight">Minor Updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="minor-updates">Minor Updates<a href="#minor-updates" class="hash-link" aria-label="Direct link to Minor Updates" title="Direct link to Minor Updates">​</a></h3><ul><li>Toasts component UI alignment fix</li><li>Confirm Dialog component docs update</li><li>Bootstrap Icons updated to <code>v1.8.0</code></li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://demos.getblazorbootstrap.com/confirm-dialog" target="_blank" rel="noopener noreferrer">Confirm Dialog</a></li><li><a href="https://demos.getblazorbootstrap.com/icons" target="_blank" rel="noopener noreferrer">Icons</a></li><li><a href="https://demos.getblazorbootstrap.com/toasts" target="_blank" rel="noopener noreferrer">Toasts</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-02-27-blazorbootstrap-0.2.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/03/15/blazorbootstrap-0.2.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#bootstrap-icons-updated-to-v180" class="table-of-contents__link toc-highlight">Bootstrap Icons updated to v1.8.0</a><ul><li><a href="#minor-updates" class="table-of-contents__link toc-highlight">Minor Updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/03/15/blazorbootstrap-0.2.2.html b/blog/2022/03/15/blazorbootstrap-0.2.2.html
index 681b7c081..89f753066 100644
--- a/blog/2022/03/15/blazorbootstrap-0.2.2.html
+++ b/blog/2022/03/15/blazorbootstrap-0.2.2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.2 with a new component and minor updates."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-03-15T00:00:00.000Z" itemprop="datePublished">March 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.2</code> with a new component and minor updates.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="updates">Updates<a href="#updates" class="hash-link" aria-label="Direct link to Updates" title="Direct link to Updates">​</a></h3><ul><li>New <code>Placeholders</code> component</li><li>.NET version upgrade from v6.0.1 to v6.0.3</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://demos.getblazorbootstrap.com/placeholders" target="_blank" rel="noopener noreferrer">Placeholders Component</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-2">v0.2.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-03-15-blazorbootstrap-0.2.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/04/30/blazorbootstrap-0.2.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#updates" class="table-of-contents__link toc-highlight">Updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.2 with a new component and minor updates."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-03-15T00:00:00.000Z" itemprop="datePublished">March 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.2</code> with a new component and minor updates.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="updates">Updates<a href="#updates" class="hash-link" aria-label="Direct link to Updates" title="Direct link to Updates">​</a></h3><ul><li>New <code>Placeholders</code> component</li><li>.NET version upgrade from v6.0.1 to v6.0.3</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://demos.getblazorbootstrap.com/placeholders" target="_blank" rel="noopener noreferrer">Placeholders Component</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-2">v0.2.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-03-15-blazorbootstrap-0.2.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/04/30/blazorbootstrap-0.2.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#updates" class="table-of-contents__link toc-highlight">Updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/04/30/blazorbootstrap-0.2.3.html b/blog/2022/04/30/blazorbootstrap-0.2.3.html
index 49a4fa40f..586b974cd 100644
--- a/blog/2022/04/30/blazorbootstrap-0.2.3.html
+++ b/blog/2022/04/30/blazorbootstrap-0.2.3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.3 with a new component and minor updates."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-04-30T00:00:00.000Z" itemprop="datePublished">April 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.3</code> with a new component and minor updates.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="updates">Updates<a href="#updates" class="hash-link" aria-label="Direct link to Updates" title="Direct link to Updates">​</a></h3><ul><li>New <code>Tabs</code> component</li><li>Other improvements</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://demos.getblazorbootstrap.com/tabs" target="_blank" rel="noopener noreferrer">Tabs Component</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-3">v0.2.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-04-30-blazorbootstrap-0.2.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/06/19/blazorbootstrap-0.2.4"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.4</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/03/15/blazorbootstrap-0.2.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#updates" class="table-of-contents__link toc-highlight">Updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.3 with a new component and minor updates."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-04-30T00:00:00.000Z" itemprop="datePublished">April 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.3</code> with a new component and minor updates.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="updates">Updates<a href="#updates" class="hash-link" aria-label="Direct link to Updates" title="Direct link to Updates">​</a></h3><ul><li>New <code>Tabs</code> component</li><li>Other improvements</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://demos.getblazorbootstrap.com/tabs" target="_blank" rel="noopener noreferrer">Tabs Component</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-3">v0.2.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-04-30-blazorbootstrap-0.2.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/06/19/blazorbootstrap-0.2.4"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.4</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/03/15/blazorbootstrap-0.2.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#updates" class="table-of-contents__link toc-highlight">Updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/06/19/blazorbootstrap-0.2.4.html b/blog/2022/06/19/blazorbootstrap-0.2.4.html
index e9883a9d5..7b272fa5b 100644
--- a/blog/2022/06/19/blazorbootstrap-0.2.4.html
+++ b/blog/2022/06/19/blazorbootstrap-0.2.4.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.4 with bug fixes and docs enhancement."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.4</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-06-19T00:00:00.000Z" itemprop="datePublished">June 19, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.4</code> with bug fixes and docs enhancement.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="updates">Updates<a href="#updates" class="hash-link" aria-label="Direct link to Updates" title="Direct link to Updates">​</a></h3><ul><li><code>Alert</code> component bug fixes</li><li>Docs enhancement</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/alerts" target="_blank" rel="noopener noreferrer">Alert Component</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-4">v0.2.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-06-19-blazorbootstrap-0.2.4.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.5</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/04/30/blazorbootstrap-0.2.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#updates" class="table-of-contents__link toc-highlight">Updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.4 with bug fixes and docs enhancement."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.4</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-06-19T00:00:00.000Z" itemprop="datePublished">June 19, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.4</code> with bug fixes and docs enhancement.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="updates">Updates<a href="#updates" class="hash-link" aria-label="Direct link to Updates" title="Direct link to Updates">​</a></h3><ul><li><code>Alert</code> component bug fixes</li><li>Docs enhancement</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/alerts" target="_blank" rel="noopener noreferrer">Alert Component</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-4">v0.2.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-06-19-blazorbootstrap-0.2.4.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.5</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/04/30/blazorbootstrap-0.2.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#updates" class="table-of-contents__link toc-highlight">Updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/07/28/blazorbootstrap-0.2.5.html b/blog/2022/07/28/blazorbootstrap-0.2.5.html
index 4ece10af3..b25ee5dcd 100644
--- a/blog/2022/07/28/blazorbootstrap-0.2.5.html
+++ b/blog/2022/07/28/blazorbootstrap-0.2.5.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.5 with bug fixes and docs enhancement."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.5</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-07-28T00:00:00.000Z" itemprop="datePublished">July 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.5</code> with bug fixes and docs enhancement.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="updates">Updates<a href="#updates" class="hash-link" aria-label="Direct link to Updates" title="Direct link to Updates">​</a></h3><ul><li><code>Offcanvas</code> component bug fix</li><li><code>Modal</code> component bug fix</li><li>Docs enhancement</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/offcanvas" target="_blank" rel="noopener noreferrer">Offcanvas Component</a></li><li><a href="https://getblazorbootstrap.com/docs/components/modal" target="_blank" rel="noopener noreferrer">Modal Component</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-5">v0.2.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-07-28-blazorbootstrap-0.2.5.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/08/13/blazorbootstrap-0.2.6"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.6</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/06/19/blazorbootstrap-0.2.4"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.4</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#updates" class="table-of-contents__link toc-highlight">Updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.5 with bug fixes and docs enhancement."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.5</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-07-28T00:00:00.000Z" itemprop="datePublished">July 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.5</code> with bug fixes and docs enhancement.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="updates">Updates<a href="#updates" class="hash-link" aria-label="Direct link to Updates" title="Direct link to Updates">​</a></h3><ul><li><code>Offcanvas</code> component bug fix</li><li><code>Modal</code> component bug fix</li><li>Docs enhancement</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/offcanvas" target="_blank" rel="noopener noreferrer">Offcanvas Component</a></li><li><a href="https://getblazorbootstrap.com/docs/components/modal" target="_blank" rel="noopener noreferrer">Modal Component</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-5">v0.2.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-07-28-blazorbootstrap-0.2.5.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/08/13/blazorbootstrap-0.2.6"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.6</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/06/19/blazorbootstrap-0.2.4"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.4</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#updates" class="table-of-contents__link toc-highlight">Updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/08/13/blazorbootstrap-0.2.6.html b/blog/2022/08/13/blazorbootstrap-0.2.6.html
index 2e38022b6..af6c6bcef 100644
--- a/blog/2022/08/13/blazorbootstrap-0.2.6.html
+++ b/blog/2022/08/13/blazorbootstrap-0.2.6.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.6 with enhancements and bug fixes."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.6</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.6</code> with enhancements and bug fixes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="updates">Updates<a href="#updates" class="hash-link" aria-label="Direct link to Updates" title="Direct link to Updates">​</a></h3><ul><li>Bootstrap Icons v1.9.1 support</li><li><code>Buttons</code> component enhancements</li><li>Docs enhancement</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/content/icons" target="_blank" rel="noopener noreferrer">Icons</a></li><li><a href="https://getblazorbootstrap.com/docs/components/buttons" target="_blank" rel="noopener noreferrer">Button Component</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-6">v0.2.6</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-08-13-blazorbootstrap-0.2.6.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/08/31/blazorbootstrap-0.3.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.3.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.5</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#updates" class="table-of-contents__link toc-highlight">Updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.6 with enhancements and bug fixes."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.2.6</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.6</code> with enhancements and bug fixes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="updates">Updates<a href="#updates" class="hash-link" aria-label="Direct link to Updates" title="Direct link to Updates">​</a></h3><ul><li>Bootstrap Icons v1.9.1 support</li><li><code>Buttons</code> component enhancements</li><li>Docs enhancement</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/content/icons" target="_blank" rel="noopener noreferrer">Icons</a></li><li><a href="https://getblazorbootstrap.com/docs/components/buttons" target="_blank" rel="noopener noreferrer">Button Component</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-6">v0.2.6</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-08-13-blazorbootstrap-0.2.6.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/08/31/blazorbootstrap-0.3.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.3.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.5</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#updates" class="table-of-contents__link toc-highlight">Updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/08/31/blazorbootstrap-0.3.0.html b/blog/2022/08/31/blazorbootstrap-0.3.0.html
index 6f20d0e6c..55d8c9f75 100644
--- a/blog/2022/08/31/blazorbootstrap-0.3.0.html
+++ b/blog/2022/08/31/blazorbootstrap-0.3.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.3.0 with significant enhancements to the grid component."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.3.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-08-31T00:00:00.000Z" itemprop="datePublished">August 31, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.3.0</code> with significant enhancements to the grid component.</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="updates">Updates<a href="#updates" class="hash-link" aria-label="Direct link to Updates" title="Direct link to Updates">​</a></h3><ul><li><code>Grid</code> component enhancements</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="grid-component-enhancements">Grid component enhancements<a href="#grid-component-enhancements" class="hash-link" aria-label="Direct link to Grid component enhancements" title="Direct link to Grid component enhancements">​</a></h3><ul><li>Multiple columns filtering (client side and server side)</li><li>Set default filtering</li><li>Disable specific column filter</li><li>Increase filter textbox width</li><li>Set default sorting</li><li>Disable specific column sorting</li><li>Header text alignment</li><li>Cell alignment</li><li>Cell formatting</li><li>Cell nowrap</li><li>Pagination alignment</li><li>Empty data</li><li>Responsive grid with horizontal scrolling</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://demos.getblazorbootstrap.com/grid" target="_blank" rel="noopener noreferrer">Grid Demos</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Grid Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-3-0">v0.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-08-31-blazorbootstrap-0.3.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.4.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/08/13/blazorbootstrap-0.2.6"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.6</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#updates" class="table-of-contents__link toc-highlight">Updates</a></li><li><a href="#grid-component-enhancements" class="table-of-contents__link toc-highlight">Grid component enhancements</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.3.0 with significant enhancements to the grid component."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.3.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-08-31T00:00:00.000Z" itemprop="datePublished">August 31, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.3.0</code> with significant enhancements to the grid component.</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="updates">Updates<a href="#updates" class="hash-link" aria-label="Direct link to Updates" title="Direct link to Updates">​</a></h3><ul><li><code>Grid</code> component enhancements</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="grid-component-enhancements">Grid component enhancements<a href="#grid-component-enhancements" class="hash-link" aria-label="Direct link to Grid component enhancements" title="Direct link to Grid component enhancements">​</a></h3><ul><li>Multiple columns filtering (client side and server side)</li><li>Set default filtering</li><li>Disable specific column filter</li><li>Increase filter textbox width</li><li>Set default sorting</li><li>Disable specific column sorting</li><li>Header text alignment</li><li>Cell alignment</li><li>Cell formatting</li><li>Cell nowrap</li><li>Pagination alignment</li><li>Empty data</li><li>Responsive grid with horizontal scrolling</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://demos.getblazorbootstrap.com/grid" target="_blank" rel="noopener noreferrer">Grid Demos</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Grid Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-3-0">v0.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-08-31-blazorbootstrap-0.3.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.4.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/08/13/blazorbootstrap-0.2.6"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.2.6</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#updates" class="table-of-contents__link toc-highlight">Updates</a></li><li><a href="#grid-component-enhancements" class="table-of-contents__link toc-highlight">Grid component enhancements</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/09/04/blazorbootstrap-0.4.0.html b/blog/2022/09/04/blazorbootstrap-0.4.0.html
index 67c6fb55f..2627bb4a7 100644
--- a/blog/2022/09/04/blazorbootstrap-0.4.0.html
+++ b/blog/2022/09/04/blazorbootstrap-0.4.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.0 with new blazor autocomplete component."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.4.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-09-04T00:00:00.000Z" itemprop="datePublished">September 4, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.0</code> with new blazor autocomplete component.</p><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap AutoComplete Component - Server side data" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="new-components">New Components<a href="#new-components" class="hash-link" aria-label="Direct link to New Components" title="Direct link to New Components">​</a></h3><ul><li><code>AutoComplete</code> component</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="autocomplete-component-features">AutoComplete component features<a href="#autocomplete-component-features" class="hash-link" aria-label="Direct link to AutoComplete component features" title="Direct link to AutoComplete component features">​</a></h3><ul><li>Client side data filtering</li><li>Server side data filtering</li><li>Validations</li></ul><img loading="lazy" src="https://i.imgur.com/sMQ7Uc6.png" alt="Blazor Bootstrap AutoComplete Component - Validations - Data empty" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/4IzNcdp.png" alt="Blazor Bootstrap AutoComplete Component - Validations - Item selected" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://demos.getblazorbootstrap.com/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Demos</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-0">v0.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-09-04-blazorbootstrap-0.4.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.4.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/08/31/blazorbootstrap-0.3.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.3.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#new-components" class="table-of-contents__link toc-highlight">New Components</a></li><li><a href="#autocomplete-component-features" class="table-of-contents__link toc-highlight">AutoComplete component features</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.0 with new blazor autocomplete component."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.4.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-09-04T00:00:00.000Z" itemprop="datePublished">September 4, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.0</code> with new blazor autocomplete component.</p><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap AutoComplete Component - Server side data" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="new-components">New Components<a href="#new-components" class="hash-link" aria-label="Direct link to New Components" title="Direct link to New Components">​</a></h3><ul><li><code>AutoComplete</code> component</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="autocomplete-component-features">AutoComplete component features<a href="#autocomplete-component-features" class="hash-link" aria-label="Direct link to AutoComplete component features" title="Direct link to AutoComplete component features">​</a></h3><ul><li>Client side data filtering</li><li>Server side data filtering</li><li>Validations</li></ul><img loading="lazy" src="https://i.imgur.com/sMQ7Uc6.png" alt="Blazor Bootstrap AutoComplete Component - Validations - Data empty" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/4IzNcdp.png" alt="Blazor Bootstrap AutoComplete Component - Validations - Item selected" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://demos.getblazorbootstrap.com/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Demos</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-0">v0.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-09-04-blazorbootstrap-0.4.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.4.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/08/31/blazorbootstrap-0.3.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.3.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#new-components" class="table-of-contents__link toc-highlight">New Components</a></li><li><a href="#autocomplete-component-features" class="table-of-contents__link toc-highlight">AutoComplete component features</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/09/12/blazorbootstrap-0.4.1.html b/blog/2022/09/12/blazorbootstrap-0.4.1.html
index 33b8fa61c..e6aad0980 100644
--- a/blog/2022/09/12/blazorbootstrap-0.4.1.html
+++ b/blog/2022/09/12/blazorbootstrap-0.4.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.4.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p><img loading="lazy" src="https://i.imgur.com/vmibzEu.png" alt="Blazor Bootstrap: Callout Component - Examples" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="enhancements">Enhancements<a href="#enhancements" class="hash-link" aria-label="Direct link to Enhancements" title="Direct link to Enhancements">​</a></h3><ul><li><code>AutoComplete</code> component</li><li><code>Callout</code> component</li><li><code>Grid</code> component</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="autocomplete-enhancements">AutoComplete enhancements<a href="#autocomplete-enhancements" class="hash-link" aria-label="Direct link to AutoComplete enhancements" title="Direct link to AutoComplete enhancements">​</a></h3><ul><li>StringComparison support</li><li>StringFilterOperator support</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="callout-enhancements">Callout enhancements<a href="#callout-enhancements" class="hash-link" aria-label="Direct link to Callout enhancements" title="Direct link to Callout enhancements">​</a></h3><ul><li>The default heading and default icon are displayed based on the callout type.</li><li>Change the callout header according to your context.</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="callout-breaking-changes">Callout breaking changes<a href="#callout-breaking-changes" class="hash-link" aria-label="Direct link to Callout breaking changes" title="Direct link to Callout breaking changes">​</a></h3><ul><li>Renamed enum <code>CalloutColor</code> to <code>CalloutType</code></li><li>Renamed parameter <code>Color</code> to <code>Type</code></li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="grid-enhancements">Grid enhancements<a href="#grid-enhancements" class="hash-link" aria-label="Direct link to Grid enhancements" title="Direct link to Grid enhancements">​</a></h3><ul><li>StringComparison support</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/callout" target="_blank" rel="noopener noreferrer">Blazor Callout Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-09-12-blazorbootstrap-0.4.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/09/17/blazorbootstrap-0.4.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.4.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.4.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#enhancements" class="table-of-contents__link toc-highlight">Enhancements</a></li><li><a href="#autocomplete-enhancements" class="table-of-contents__link toc-highlight">AutoComplete enhancements</a></li><li><a href="#callout-enhancements" class="table-of-contents__link toc-highlight">Callout enhancements</a></li><li><a href="#callout-breaking-changes" class="table-of-contents__link toc-highlight">Callout breaking changes</a></li><li><a href="#grid-enhancements" class="table-of-contents__link toc-highlight">Grid enhancements</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.4.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p><img loading="lazy" src="https://i.imgur.com/vmibzEu.png" alt="Blazor Bootstrap: Callout Component - Examples" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="enhancements">Enhancements<a href="#enhancements" class="hash-link" aria-label="Direct link to Enhancements" title="Direct link to Enhancements">​</a></h3><ul><li><code>AutoComplete</code> component</li><li><code>Callout</code> component</li><li><code>Grid</code> component</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="autocomplete-enhancements">AutoComplete enhancements<a href="#autocomplete-enhancements" class="hash-link" aria-label="Direct link to AutoComplete enhancements" title="Direct link to AutoComplete enhancements">​</a></h3><ul><li>StringComparison support</li><li>StringFilterOperator support</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="callout-enhancements">Callout enhancements<a href="#callout-enhancements" class="hash-link" aria-label="Direct link to Callout enhancements" title="Direct link to Callout enhancements">​</a></h3><ul><li>The default heading and default icon are displayed based on the callout type.</li><li>Change the callout header according to your context.</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="callout-breaking-changes">Callout breaking changes<a href="#callout-breaking-changes" class="hash-link" aria-label="Direct link to Callout breaking changes" title="Direct link to Callout breaking changes">​</a></h3><ul><li>Renamed enum <code>CalloutColor</code> to <code>CalloutType</code></li><li>Renamed parameter <code>Color</code> to <code>Type</code></li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="grid-enhancements">Grid enhancements<a href="#grid-enhancements" class="hash-link" aria-label="Direct link to Grid enhancements" title="Direct link to Grid enhancements">​</a></h3><ul><li>StringComparison support</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/callout" target="_blank" rel="noopener noreferrer">Blazor Callout Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-09-12-blazorbootstrap-0.4.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/09/17/blazorbootstrap-0.4.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.4.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.4.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#enhancements" class="table-of-contents__link toc-highlight">Enhancements</a></li><li><a href="#autocomplete-enhancements" class="table-of-contents__link toc-highlight">AutoComplete enhancements</a></li><li><a href="#callout-enhancements" class="table-of-contents__link toc-highlight">Callout enhancements</a></li><li><a href="#callout-breaking-changes" class="table-of-contents__link toc-highlight">Callout breaking changes</a></li><li><a href="#grid-enhancements" class="table-of-contents__link toc-highlight">Grid enhancements</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/09/17/blazorbootstrap-0.4.2.html b/blog/2022/09/17/blazorbootstrap-0.4.2.html
index 21b2a6672..3db72e3bd 100644
--- a/blog/2022/09/17/blazorbootstrap-0.4.2.html
+++ b/blog/2022/09/17/blazorbootstrap-0.4.2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.2 with bug fixes."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.4.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-09-17T00:00:00.000Z" itemprop="datePublished">September 17, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.2</code> with bug fixes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="bug-fixes">Bug fixes<a href="#bug-fixes" class="hash-link" aria-label="Direct link to Bug fixes" title="Direct link to Bug fixes">​</a></h3><ul><li><code>AutoComplete</code> component bug fix</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-2">v0.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-09-17-blazorbootstrap-0.4.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.5.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.4.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#bug-fixes" class="table-of-contents__link toc-highlight">Bug fixes</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.2 with bug fixes."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.4.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-09-17T00:00:00.000Z" itemprop="datePublished">September 17, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.2</code> with bug fixes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="bug-fixes">Bug fixes<a href="#bug-fixes" class="hash-link" aria-label="Direct link to Bug fixes" title="Direct link to Bug fixes">​</a></h3><ul><li><code>AutoComplete</code> component bug fix</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-2">v0.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-09-17-blazorbootstrap-0.4.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">BlazorBootstrap v0.5.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.4.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#bug-fixes" class="table-of-contents__link toc-highlight">Bug fixes</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/10/16/blazorbootstrap-0.5.0.html b/blog/2022/10/16/blazorbootstrap-0.5.0.html
index e693bc1c7..6ab58a99d 100644
--- a/blog/2022/10/16/blazorbootstrap-0.5.0.html
+++ b/blog/2022/10/16/blazorbootstrap-0.5.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.5.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br><h3 class="anchor anchorWithStickyNavbar_LWe7" id="new-blazor-chart-components">New blazor chart components<a href="#new-blazor-chart-components" class="hash-link" aria-label="Direct link to New blazor chart components" title="Direct link to New blazor chart components">​</a></h3><ul><li><p>Blazor Bar Chart component</p><img loading="lazy" src="https://i.imgur.com/ATtFiUZ.png" alt="Blazor Chart Component - Blazor Bar Chart" class="img_ev3q"></li><li><p>Blazor Doughnut Chart component</p><img loading="lazy" src="https://i.imgur.com/HV3pxA3.png" alt="Blazor Chart Component - Blazor Doughnut Chart" class="img_ev3q"></li><li><p>Blazor Line Chart component</p><img loading="lazy" src="https://i.imgur.com/NjrT5D7.png" alt="Blazor Chart Component - Blazor Line Chart" class="img_ev3q"></li><li><p>Blazor Pie Chart component</p><img loading="lazy" src="https://i.imgur.com/n5TiPtH.png" alt="Blazor Chart Component - Blazor Pie Chart" class="img_ev3q"></li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/charts" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/data-visualization/bar-chart" target="_blank" rel="noopener noreferrer">Blazor Bar Chart Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/data-visualization/doughnut-chart" target="_blank" rel="noopener noreferrer">Blazor Doughnut Chart Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/data-visualization/line-chart" target="_blank" rel="noopener noreferrer">Blazor Line Chart Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/data-visualization/pie-chart" target="_blank" rel="noopener noreferrer">Blazor Pie Chart Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-10-16-blazorbootstrap-0.5.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v0.5.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/09/17/blazorbootstrap-0.4.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.4.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#new-blazor-chart-components" class="table-of-contents__link toc-highlight">New blazor chart components</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h1 class="title_f1Hy" itemprop="headline">BlazorBootstrap v0.5.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br><h3 class="anchor anchorWithStickyNavbar_LWe7" id="new-blazor-chart-components">New blazor chart components<a href="#new-blazor-chart-components" class="hash-link" aria-label="Direct link to New blazor chart components" title="Direct link to New blazor chart components">​</a></h3><ul><li><p>Blazor Bar Chart component</p><img loading="lazy" src="https://i.imgur.com/ATtFiUZ.png" alt="Blazor Chart Component - Blazor Bar Chart" class="img_ev3q"></li><li><p>Blazor Doughnut Chart component</p><img loading="lazy" src="https://i.imgur.com/HV3pxA3.png" alt="Blazor Chart Component - Blazor Doughnut Chart" class="img_ev3q"></li><li><p>Blazor Line Chart component</p><img loading="lazy" src="https://i.imgur.com/NjrT5D7.png" alt="Blazor Chart Component - Blazor Line Chart" class="img_ev3q"></li><li><p>Blazor Pie Chart component</p><img loading="lazy" src="https://i.imgur.com/n5TiPtH.png" alt="Blazor Chart Component - Blazor Pie Chart" class="img_ev3q"></li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/charts" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/data-visualization/bar-chart" target="_blank" rel="noopener noreferrer">Blazor Bar Chart Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/data-visualization/doughnut-chart" target="_blank" rel="noopener noreferrer">Blazor Doughnut Chart Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/data-visualization/line-chart" target="_blank" rel="noopener noreferrer">Blazor Line Chart Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/data-visualization/pie-chart" target="_blank" rel="noopener noreferrer">Blazor Pie Chart Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-10-16-blazorbootstrap-0.5.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v0.5.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/09/17/blazorbootstrap-0.4.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.4.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#new-blazor-chart-components" class="table-of-contents__link toc-highlight">New blazor chart components</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/10/22/blazorbootstrap-0.5.1.html b/blog/2022/10/22/blazorbootstrap-0.5.1.html
index 1313fd92d..c312ea471 100644
--- a/blog/2022/10/22/blazorbootstrap-0.5.1.html
+++ b/blog/2022/10/22/blazorbootstrap-0.5.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v0.5.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br><h3 class="anchor anchorWithStickyNavbar_LWe7" id="grid-enhancements">Grid Enhancements<a href="#grid-enhancements" class="hash-link" aria-label="Direct link to Grid Enhancements" title="Direct link to Grid Enhancements">​</a></h3><ul><li>Support for save/load Grid state. The state includes the <strong>page number</strong>, <strong>page size</strong>, and <strong>filters</strong>.</li><li>Performance improvements by removing unnecessary conversions</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/grid" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-10-22-blazorbootstrap-0.5.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v0.6.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.5.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#grid-enhancements" class="table-of-contents__link toc-highlight">Grid Enhancements</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v0.5.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br><h3 class="anchor anchorWithStickyNavbar_LWe7" id="grid-enhancements">Grid Enhancements<a href="#grid-enhancements" class="hash-link" aria-label="Direct link to Grid Enhancements" title="Direct link to Grid Enhancements">​</a></h3><ul><li>Support for save/load Grid state. The state includes the <strong>page number</strong>, <strong>page size</strong>, and <strong>filters</strong>.</li><li>Performance improvements by removing unnecessary conversions</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/grid" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-10-22-blazorbootstrap-0.5.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v0.6.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">BlazorBootstrap v0.5.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#grid-enhancements" class="table-of-contents__link toc-highlight">Grid Enhancements</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/10/30/blazorbootstrap-0.6.0.html b/blog/2022/10/30/blazorbootstrap-0.6.0.html
index 4db98ee61..0d1bb3810 100644
--- a/blog/2022/10/30/blazorbootstrap-0.6.0.html
+++ b/blog/2022/10/30/blazorbootstrap-0.6.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v0.6.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="new-components">New Components<a href="#new-components" class="hash-link" aria-label="Direct link to New Components" title="Direct link to New Components">​</a></h3><ul><li><code>Progress</code> component</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="progress-component-features">Progress component features<a href="#progress-component-features" class="hash-link" aria-label="Direct link to Progress component features" title="Direct link to Progress component features">​</a></h3><ul><li>Labels</li><li>Backgrounds</li><li>Multiple bars</li><li>Striped</li><li>Animated stripes</li></ul><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="toasts-component-features">Toasts component features<a href="#toasts-component-features" class="hash-link" aria-label="Direct link to Toasts component features" title="Direct link to Toasts component features">​</a></h3><ul><li>Toasts with/without title</li><li>Auto hide</li><li>Placement</li><li>Stack Length</li></ul><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Toasts component" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/charts" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/progress" target="_blank" rel="noopener noreferrer">Blazor Progress Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/toasts" target="_blank" rel="noopener noreferrer">Blazor Toasts Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-10-30-blazorbootstrap-0.6.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.0.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v0.5.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#new-components" class="table-of-contents__link toc-highlight">New Components</a></li><li><a href="#progress-component-features" class="table-of-contents__link toc-highlight">Progress component features</a></li><li><a href="#toasts-component-features" class="table-of-contents__link toc-highlight">Toasts component features</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v0.6.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="new-components">New Components<a href="#new-components" class="hash-link" aria-label="Direct link to New Components" title="Direct link to New Components">​</a></h3><ul><li><code>Progress</code> component</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="progress-component-features">Progress component features<a href="#progress-component-features" class="hash-link" aria-label="Direct link to Progress component features" title="Direct link to Progress component features">​</a></h3><ul><li>Labels</li><li>Backgrounds</li><li>Multiple bars</li><li>Striped</li><li>Animated stripes</li></ul><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="toasts-component-features">Toasts component features<a href="#toasts-component-features" class="hash-link" aria-label="Direct link to Toasts component features" title="Direct link to Toasts component features">​</a></h3><ul><li>Toasts with/without title</li><li>Auto hide</li><li>Placement</li><li>Stack Length</li></ul><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Toasts component" class="img_ev3q"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/charts" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/progress" target="_blank" rel="noopener noreferrer">Blazor Progress Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/toasts" target="_blank" rel="noopener noreferrer">Blazor Toasts Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-10-30-blazorbootstrap-0.6.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.0.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v0.5.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#new-components" class="table-of-contents__link toc-highlight">New Components</a></li><li><a href="#progress-component-features" class="table-of-contents__link toc-highlight">Progress component features</a></li><li><a href="#toasts-component-features" class="table-of-contents__link toc-highlight">Toasts component features</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/11/18/blazorbootstrap-1.0.0.html b/blog/2022/11/18/blazorbootstrap-1.0.0.html
index 446aca51d..d979137d3 100644
--- a/blog/2022/11/18/blazorbootstrap-1.0.0.html
+++ b/blog/2022/11/18/blazorbootstrap-1.0.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.0.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="new-components">New Components<a href="#new-components" class="hash-link" aria-label="Direct link to New Components" title="Direct link to New Components">​</a></h2><ul><li><code>NumberInput</code> component</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="blazor-numberinput-component-features">Blazor NumberInput component features<a href="#blazor-numberinput-component-features" class="hash-link" aria-label="Direct link to Blazor NumberInput component features" title="Direct link to Blazor NumberInput component features">​</a></h3><ul><li>Generic type support</li><li>Enable min and max</li><li>Step</li><li>Text alignment</li><li>Allow negative numbers</li><li>Disable</li><li>Validations</li><li>Events: ValueChanged</li></ul><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="blazor-tabs-component-features">Blazor Tabs component features<a href="#blazor-tabs-component-features" class="hash-link" aria-label="Direct link to Blazor Tabs component features" title="Direct link to Blazor Tabs component features">​</a></h2><ul><li>Fade effect</li><li>Title with Icon</li><li>Disable Tab</li><li>Pills</li><li>Activate individual tabs</li><li>Events</li></ul><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-enhancements">Demos site enhancements<a href="#demos-site-enhancements" class="hash-link" aria-label="Direct link to Demos site enhancements" title="Direct link to Demos site enhancements">​</a></h2><ul><li>Brand new landing page</li><li>The demo example and source code are split into two tabs for easy access.</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/form/number-input" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/number-input" target="_blank" rel="noopener noreferrer">Blazor NumberInput Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/tabs" target="_blank" rel="noopener noreferrer">Blazor Tabs Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-11-18-blazorbootstrap-1.0.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.0.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v0.6.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#new-components" class="table-of-contents__link toc-highlight">New Components</a><ul><li><a href="#blazor-numberinput-component-features" class="table-of-contents__link toc-highlight">Blazor NumberInput component features</a></li></ul></li><li><a href="#blazor-tabs-component-features" class="table-of-contents__link toc-highlight">Blazor Tabs component features</a></li><li><a href="#demos-site-enhancements" class="table-of-contents__link toc-highlight">Demos site enhancements</a><ul><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.0.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="new-components">New Components<a href="#new-components" class="hash-link" aria-label="Direct link to New Components" title="Direct link to New Components">​</a></h2><ul><li><code>NumberInput</code> component</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="blazor-numberinput-component-features">Blazor NumberInput component features<a href="#blazor-numberinput-component-features" class="hash-link" aria-label="Direct link to Blazor NumberInput component features" title="Direct link to Blazor NumberInput component features">​</a></h3><ul><li>Generic type support</li><li>Enable min and max</li><li>Step</li><li>Text alignment</li><li>Allow negative numbers</li><li>Disable</li><li>Validations</li><li>Events: ValueChanged</li></ul><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="blazor-tabs-component-features">Blazor Tabs component features<a href="#blazor-tabs-component-features" class="hash-link" aria-label="Direct link to Blazor Tabs component features" title="Direct link to Blazor Tabs component features">​</a></h2><ul><li>Fade effect</li><li>Title with Icon</li><li>Disable Tab</li><li>Pills</li><li>Activate individual tabs</li><li>Events</li></ul><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-enhancements">Demos site enhancements<a href="#demos-site-enhancements" class="hash-link" aria-label="Direct link to Demos site enhancements" title="Direct link to Demos site enhancements">​</a></h2><ul><li>Brand new landing page</li><li>The demo example and source code are split into two tabs for easy access.</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/form/number-input" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/number-input" target="_blank" rel="noopener noreferrer">Blazor NumberInput Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/tabs" target="_blank" rel="noopener noreferrer">Blazor Tabs Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-11-18-blazorbootstrap-1.0.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.0.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v0.6.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#new-components" class="table-of-contents__link toc-highlight">New Components</a><ul><li><a href="#blazor-numberinput-component-features" class="table-of-contents__link toc-highlight">Blazor NumberInput component features</a></li></ul></li><li><a href="#blazor-tabs-component-features" class="table-of-contents__link toc-highlight">Blazor Tabs component features</a></li><li><a href="#demos-site-enhancements" class="table-of-contents__link toc-highlight">Demos site enhancements</a><ul><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/11/22/blazorbootstrap-1.0.1.html b/blog/2022/11/22/blazorbootstrap-1.0.1.html
index f6d3fc76f..4e18d80f5 100644
--- a/blog/2022/11/22/blazorbootstrap-1.0.1.html
+++ b/blog/2022/11/22/blazorbootstrap-1.0.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.0.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Confirmation Dialog</code> component enhancements</li><li><code>Offcanvas</code> component enhancements</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-examples">Demos site examples<a href="#demos-site-examples" class="hash-link" aria-label="Direct link to Demos site examples" title="Direct link to Demos site examples">​</a></h2><ul><li>New examples for &#x27;Blazor Confirm Dialog Component&#x27;</li><li>New examples for &#x27;Blazor Offcanvas Component&#x27;</li><li>New examples for &#x27;Blazor Preload Component&#x27;</li><li>SEO Updates</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/confirmation-dialog" target="_blank" rel="noopener noreferrer">Blazor Confirm Dialog Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/offcanvas" target="_blank" rel="noopener noreferrer">Blazor Offcanvas Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/preload" target="_blank" rel="noopener noreferrer">Blazor Preload Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-11-22-blazorbootstrap-1.0.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.1.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.0.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-examples" class="table-of-contents__link toc-highlight">Demos site examples</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.0.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Confirmation Dialog</code> component enhancements</li><li><code>Offcanvas</code> component enhancements</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-examples">Demos site examples<a href="#demos-site-examples" class="hash-link" aria-label="Direct link to Demos site examples" title="Direct link to Demos site examples">​</a></h2><ul><li>New examples for &#x27;Blazor Confirm Dialog Component&#x27;</li><li>New examples for &#x27;Blazor Offcanvas Component&#x27;</li><li>New examples for &#x27;Blazor Preload Component&#x27;</li><li>SEO Updates</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/confirmation-dialog" target="_blank" rel="noopener noreferrer">Blazor Confirm Dialog Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/offcanvas" target="_blank" rel="noopener noreferrer">Blazor Offcanvas Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/preload" target="_blank" rel="noopener noreferrer">Blazor Preload Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-11-22-blazorbootstrap-1.0.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.1.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.0.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-examples" class="table-of-contents__link toc-highlight">Demos site examples</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/11/28/blazorbootstrap-1.1.0.html b/blog/2022/11/28/blazorbootstrap-1.1.0.html
index 403b165b9..cd1c460a5 100644
--- a/blog/2022/11/28/blazorbootstrap-1.1.0.html
+++ b/blog/2022/11/28/blazorbootstrap-1.1.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.1.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li>New <code>ToastService</code></li><li><code>ConfirmDialog</code> component enhancements</li><li><code>PreloadService</code> enhancements</li><li><code>Icon</code> component enhancements</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-examples">Demos site examples<a href="#demos-site-examples" class="hash-link" aria-label="Direct link to Demos site examples" title="Direct link to Demos site examples">​</a></h2><ul><li>New examples for &#x27;Blazor ToastService&#x27;</li><li>New examples for &#x27;Blazor Confirm Dialog Component&#x27;</li><li>New examples for &#x27;Blazor Preload Component&#x27;</li><li>New examples for &#x27;Blazor Icon Component&#x27;</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/toasts" target="_blank" rel="noopener noreferrer">Blazor Toasts Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/confirmation-dialog" target="_blank" rel="noopener noreferrer">Blazor Confirm Dialog Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/preload" target="_blank" rel="noopener noreferrer">Blazor Preload Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/content/icons" target="_blank" rel="noopener noreferrer">Blazor Icon Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-11-28-blazorbootstrap-1.1.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.2.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.0.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-examples" class="table-of-contents__link toc-highlight">Demos site examples</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.1.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li>New <code>ToastService</code></li><li><code>ConfirmDialog</code> component enhancements</li><li><code>PreloadService</code> enhancements</li><li><code>Icon</code> component enhancements</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-examples">Demos site examples<a href="#demos-site-examples" class="hash-link" aria-label="Direct link to Demos site examples" title="Direct link to Demos site examples">​</a></h2><ul><li>New examples for &#x27;Blazor ToastService&#x27;</li><li>New examples for &#x27;Blazor Confirm Dialog Component&#x27;</li><li>New examples for &#x27;Blazor Preload Component&#x27;</li><li>New examples for &#x27;Blazor Icon Component&#x27;</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/toasts" target="_blank" rel="noopener noreferrer">Blazor Toasts Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/confirmation-dialog" target="_blank" rel="noopener noreferrer">Blazor Confirm Dialog Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/preload" target="_blank" rel="noopener noreferrer">Blazor Preload Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/content/icons" target="_blank" rel="noopener noreferrer">Blazor Icon Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-11-28-blazorbootstrap-1.1.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.2.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.0.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-examples" class="table-of-contents__link toc-highlight">Demos site examples</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/12/12/blazorbootstrap-1.2.0.html b/blog/2022/12/12/blazorbootstrap-1.2.0.html
index 90460f5a3..3f7029ac4 100644
--- a/blog/2022/12/12/blazorbootstrap-1.2.0.html
+++ b/blog/2022/12/12/blazorbootstrap-1.2.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.2.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li>New <code>CurrencyInput</code> component</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-updates">Demos site updates<a href="#demos-site-updates" class="hash-link" aria-label="Direct link to Demos site updates" title="Direct link to Demos site updates">​</a></h2><ul><li>New examples for &#x27;Blazor CurrencyInput Component&#x27;</li><li>New examples for &#x27;Blazor Confirm Dialog Component&#x27;</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/currency-input" target="_blank" rel="noopener noreferrer">Blazor CurrencyInput Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-12-12-blazorbootstrap-1.2.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.3.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.1.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-updates" class="table-of-contents__link toc-highlight">Demos site updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.2.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li>New <code>CurrencyInput</code> component</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-updates">Demos site updates<a href="#demos-site-updates" class="hash-link" aria-label="Direct link to Demos site updates" title="Direct link to Demos site updates">​</a></h2><ul><li>New examples for &#x27;Blazor CurrencyInput Component&#x27;</li><li>New examples for &#x27;Blazor Confirm Dialog Component&#x27;</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/currency-input" target="_blank" rel="noopener noreferrer">Blazor CurrencyInput Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-12-12-blazorbootstrap-1.2.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.3.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.1.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-updates" class="table-of-contents__link toc-highlight">Demos site updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/12/15/blazorbootstrap-1.3.0.html b/blog/2022/12/15/blazorbootstrap-1.3.0.html
index 20f6212c2..632107f0f 100644
--- a/blog/2022/12/15/blazorbootstrap-1.3.0.html
+++ b/blog/2022/12/15/blazorbootstrap-1.3.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.3.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li>New <code>Switch</code> component</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-updates">Demos site updates<a href="#demos-site-updates" class="hash-link" aria-label="Direct link to Demos site updates" title="Direct link to Demos site updates">​</a></h2><ul><li>New examples for &#x27;Blazor Switch Component&#x27;</li><li>Updates to &#x27;Blazor Auto Complete Component&#x27; examples</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/switch" target="_blank" rel="noopener noreferrer">Blazor Switch Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-12-15-blazorbootstrap-1.3.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.3.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.2.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-updates" class="table-of-contents__link toc-highlight">Demos site updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.3.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li>New <code>Switch</code> component</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-updates">Demos site updates<a href="#demos-site-updates" class="hash-link" aria-label="Direct link to Demos site updates" title="Direct link to Demos site updates">​</a></h2><ul><li>New examples for &#x27;Blazor Switch Component&#x27;</li><li>Updates to &#x27;Blazor Auto Complete Component&#x27; examples</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/switch" target="_blank" rel="noopener noreferrer">Blazor Switch Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-12-15-blazorbootstrap-1.3.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.3.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.2.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-updates" class="table-of-contents__link toc-highlight">Demos site updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2022/12/18/blazorbootstrap-1.3.1.html b/blog/2022/12/18/blazorbootstrap-1.3.1.html
index a91b817e2..4bbb49821 100644
--- a/blog/2022/12/18/blazorbootstrap-1.3.1.html
+++ b/blog/2022/12/18/blazorbootstrap-1.3.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.3.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>AutoComplete</code> component - keyboard navigation support</li><li><code>AutoComplete</code> component - CancellationToken support</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-updates">Demos site updates<a href="#demos-site-updates" class="hash-link" aria-label="Direct link to Demos site updates" title="Direct link to Demos site updates">​</a></h2><ul><li>New examples for &#x27;Blazor AutoComplete Component&#x27;</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-12-18-blazorbootstrap-1.3.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.3.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-updates" class="table-of-contents__link toc-highlight">Demos site updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.3.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>AutoComplete</code> component - keyboard navigation support</li><li><code>AutoComplete</code> component - CancellationToken support</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-updates">Demos site updates<a href="#demos-site-updates" class="hash-link" aria-label="Direct link to Demos site updates" title="Direct link to Demos site updates">​</a></h2><ul><li>New examples for &#x27;Blazor AutoComplete Component&#x27;</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2022-12-18-blazorbootstrap-1.3.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.3.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-updates" class="table-of-contents__link toc-highlight">Demos site updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/01/15/blazorbootstrap-1.4.0.html b/blog/2023/01/15/blazorbootstrap-1.4.0.html
index 814cf3cce..8972a24f5 100644
--- a/blog/2023/01/15/blazorbootstrap-1.4.0.html
+++ b/blog/2023/01/15/blazorbootstrap-1.4.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.4.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Sidebar</code> component</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-updates">Demos site updates<a href="#demos-site-updates" class="hash-link" aria-label="Direct link to Demos site updates" title="Direct link to Demos site updates">​</a></h2><ul><li>New examples for &#x27;Blazor Sidebar Component&#x27;</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/sidebar" target="_blank" rel="noopener noreferrer">Blazor Sidebar Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-01-15-blazorbootstrap-1.4.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.3.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-updates" class="table-of-contents__link toc-highlight">Demos site updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.4.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Sidebar</code> component</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-updates">Demos site updates<a href="#demos-site-updates" class="hash-link" aria-label="Direct link to Demos site updates" title="Direct link to Demos site updates">​</a></h2><ul><li>New examples for &#x27;Blazor Sidebar Component&#x27;</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/sidebar" target="_blank" rel="noopener noreferrer">Blazor Sidebar Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-01-15-blazorbootstrap-1.4.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.3.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-updates" class="table-of-contents__link toc-highlight">Demos site updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/01/23/blazorbootstrap-1.4.1.html b/blog/2023/01/23/blazorbootstrap-1.4.1.html
index c3a087a0d..ded34079a 100644
--- a/blog/2023/01/23/blazorbootstrap-1.4.1.html
+++ b/blog/2023/01/23/blazorbootstrap-1.4.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.4.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Modal</code> component<ul><li>Render different components dynamically within the modal without iterating through possible types or using conditional logic.</li><li>If dynamically-rendered components have component parameters, pass them as an <code>IDictionary&lt;string, object&gt;</code>.</li><li>Pass event callbacks to a dynamic component.</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-updates">Demos site updates<a href="#demos-site-updates" class="hash-link" aria-label="Direct link to Demos site updates" title="Direct link to Demos site updates">​</a></h2><ul><li>New examples for <code>Blazor Modal Component</code></li><li>New examples for <code>Blazor Confirm Dialog Component</code></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/confirm-dialog" target="_blank" rel="noopener noreferrer">Blazor Confirm Dialog Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-01-23-blazorbootstrap-1.4.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-updates" class="table-of-contents__link toc-highlight">Demos site updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.4.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Modal</code> component<ul><li>Render different components dynamically within the modal without iterating through possible types or using conditional logic.</li><li>If dynamically-rendered components have component parameters, pass them as an <code>IDictionary&lt;string, object&gt;</code>.</li><li>Pass event callbacks to a dynamic component.</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="demos-site-updates">Demos site updates<a href="#demos-site-updates" class="hash-link" aria-label="Direct link to Demos site updates" title="Direct link to Demos site updates">​</a></h2><ul><li>New examples for <code>Blazor Modal Component</code></li><li>New examples for <code>Blazor Confirm Dialog Component</code></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/confirm-dialog" target="_blank" rel="noopener noreferrer">Blazor Confirm Dialog Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-01-23-blazorbootstrap-1.4.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#demos-site-updates" class="table-of-contents__link toc-highlight">Demos site updates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/01/30/blazorbootstrap-1.4.2.html b/blog/2023/01/30/blazorbootstrap-1.4.2.html
index f9b97365e..0396ac874 100644
--- a/blog/2023/01/30/blazorbootstrap-1.4.2.html
+++ b/blog/2023/01/30/blazorbootstrap-1.4.2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.4.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ol><li><code>Auto Complete</code> component<ul><li>Bug fix</li></ul></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-templates">Starter Templates<a href="#starter-templates" class="hash-link" aria-label="Direct link to Starter Templates" title="Direct link to Starter Templates">​</a></h2><ol><li>Blazor Bootstrap: Blazor WebAssembly Template</li><li>Blazor Bootstrap: Blazor WebAssembly Empty Template</li><li>Blazor Bootstrap: Blazor Server Template</li><li>Blazor Bootstrap: Blazor Server Empty Template</li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/autocomplete" target="_blank" rel="noopener noreferrer">Blazor Auto Complete Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-01-30-blazorbootstrap-1.4.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#starter-templates" class="table-of-contents__link toc-highlight">Starter Templates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.4.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ol><li><code>Auto Complete</code> component<ul><li>Bug fix</li></ul></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-templates">Starter Templates<a href="#starter-templates" class="hash-link" aria-label="Direct link to Starter Templates" title="Direct link to Starter Templates">​</a></h2><ol><li>Blazor Bootstrap: Blazor WebAssembly Template</li><li>Blazor Bootstrap: Blazor WebAssembly Empty Template</li><li>Blazor Bootstrap: Blazor Server Template</li><li>Blazor Bootstrap: Blazor Server Empty Template</li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/autocomplete" target="_blank" rel="noopener noreferrer">Blazor Auto Complete Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-01-30-blazorbootstrap-1.4.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#starter-templates" class="table-of-contents__link toc-highlight">Starter Templates</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/02/07/blazorbootstrap-1.4.3.html b/blog/2023/02/07/blazorbootstrap-1.4.3.html
index 7cc1f2cd3..5c2ff4c82 100644
--- a/blog/2023/02/07/blazorbootstrap-1.4.3.html
+++ b/blog/2023/02/07/blazorbootstrap-1.4.3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.4.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Grid</code> component<ul><li>New <code>Data</code> parameter</li><li>New <code>ResetPageNumber()</code> method</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-02-07-blazorbootstrap-1.4.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.4</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.4.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Grid</code> component<ul><li>New <code>Data</code> parameter</li><li>New <code>ResetPageNumber()</code> method</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-02-07-blazorbootstrap-1.4.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.4</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/02/10/blazorbootstrap-1.4.4.html b/blog/2023/02/10/blazorbootstrap-1.4.4.html
index daa680d49..386baa3be 100644
--- a/blog/2023/02/10/blazorbootstrap-1.4.4.html
+++ b/blog/2023/02/10/blazorbootstrap-1.4.4.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.4.4</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Grid</code> component<ul><li>Filters have 300ms timeout for the debouncing</li><li><code>CancellationToken</code> support for the <code>RefreshDataAsync()</code> method</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-02-10-blazorbootstrap-1.4.4.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.5</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.4.4</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Grid</code> component<ul><li>Filters have 300ms timeout for the debouncing</li><li><code>CancellationToken</code> support for the <code>RefreshDataAsync()</code> method</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-02-10-blazorbootstrap-1.4.4.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.5</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/02/23/blazorbootstrap-1.4.5.html b/blog/2023/02/23/blazorbootstrap-1.4.5.html
index 88e32ff1b..7db29cc1b 100644
--- a/blog/2023/02/23/blazorbootstrap-1.4.5.html
+++ b/blog/2023/02/23/blazorbootstrap-1.4.5.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.4.5</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Toasts</code> component bug fixed<ul><li>Toast progress bar not working when the browser language is french</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/toasts" target="_blank" rel="noopener noreferrer">Blazor Toasts Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-02-23-blazorbootstrap-1.4.5.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.5.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.4</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.4.5</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Toasts</code> component bug fixed<ul><li>Toast progress bar not working when the browser language is french</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/toasts" target="_blank" rel="noopener noreferrer">Blazor Toasts Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-02-23-blazorbootstrap-1.4.5.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.5.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.4</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/03/05/blazorbootstrap-1.5.0.html b/blog/2023/03/05/blazorbootstrap-1.5.0.html
index 2f7244591..0a502bd29 100644
--- a/blog/2023/03/05/blazorbootstrap-1.5.0.html
+++ b/blog/2023/03/05/blazorbootstrap-1.5.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.5.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s new<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s new" title="Direct link to What&#x27;s new">​</a></h2><ul><li><code>DateInput</code> component<ul><li>Generic type: DateOnly, DateOnly?, DateTime, and DateTime? data types supported</li><li>Max and Min range</li><li>Disable</li><li>Validations</li><li>ValueChanged event</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Offcanvas</code> component</p><ul><li>Render different components dynamically within the modal without iterating through possible types or using conditional logic.</li><li>If dynamically-rendered components have component parameters, pass them as an <code>IDictionary&lt;string, object&gt;</code>.</li><li>Pass event callbacks to a dynamic component.</li></ul></li><li><p><code>Button</code> component</p><ul><li>Dynamic tooltip support added</li></ul></li><li><p><code>Tooltip</code> component</p><ul><li>Dynamic tooltip support added</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/date-input" target="_blank" rel="noopener noreferrer">Blazor DateInput Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/offcanvas" target="_blank" rel="noopener noreferrer">Blazor Offcanvas Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/buttons" target="_blank" rel="noopener noreferrer">Blazor Button Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/tooltips" target="_blank" rel="noopener noreferrer">Blazor Tooltip Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-03-05-blazorbootstrap-1.5.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.6.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.5</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s new</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.5.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s new<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s new" title="Direct link to What&#x27;s new">​</a></h2><ul><li><code>DateInput</code> component<ul><li>Generic type: DateOnly, DateOnly?, DateTime, and DateTime? data types supported</li><li>Max and Min range</li><li>Disable</li><li>Validations</li><li>ValueChanged event</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Offcanvas</code> component</p><ul><li>Render different components dynamically within the modal without iterating through possible types or using conditional logic.</li><li>If dynamically-rendered components have component parameters, pass them as an <code>IDictionary&lt;string, object&gt;</code>.</li><li>Pass event callbacks to a dynamic component.</li></ul></li><li><p><code>Button</code> component</p><ul><li>Dynamic tooltip support added</li></ul></li><li><p><code>Tooltip</code> component</p><ul><li>Dynamic tooltip support added</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/date-input" target="_blank" rel="noopener noreferrer">Blazor DateInput Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/offcanvas" target="_blank" rel="noopener noreferrer">Blazor Offcanvas Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/buttons" target="_blank" rel="noopener noreferrer">Blazor Button Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/tooltips" target="_blank" rel="noopener noreferrer">Blazor Tooltip Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-03-05-blazorbootstrap-1.5.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.6.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.4.5</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s new</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/03/12/blazorbootstrap-1.6.0.html b/blog/2023/03/12/blazorbootstrap-1.6.0.html
index 99de1c9e2..31a05ff21 100644
--- a/blog/2023/03/12/blazorbootstrap-1.6.0.html
+++ b/blog/2023/03/12/blazorbootstrap-1.6.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.6.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s new<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s new" title="Direct link to What&#x27;s new">​</a></h2><ul><li><code>TimeInput</code> component<ul><li>Generic type: TimeOnly and TimeOnly? supported</li><li>Max and Min range</li><li>Disable</li><li>Validations</li><li>ValueChanged event</li><li>Restrict the time field based on the entry in another field</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Conditional css class for grid row</li><li>Conditional css class for grid column</li></ul></li><li><p><code>DateInput</code> component</p><ul><li>Restrict the date field based on the entry in another field</li></ul></li><li><p><code>Modal</code> component</p><ul><li>Modal CloseOnEscape not working - Fixed</li></ul></li><li><p><code>Offcanvas</code> component</p><ul><li>Offcanvas CloseOnEscape not working #160 - Fixed</li></ul></li><li><p>Upgrade Bootstrap version from v5.1.3 to v5.2.3</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/time-input" target="_blank" rel="noopener noreferrer">Blazor TimeInput Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/date-input" target="_blank" rel="noopener noreferrer">Blazor DateInput Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/offcanvas" target="_blank" rel="noopener noreferrer">Blazor Offcanvas Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-03-12-blazorbootstrap-1.6.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.5.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s new</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.6.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s new<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s new" title="Direct link to What&#x27;s new">​</a></h2><ul><li><code>TimeInput</code> component<ul><li>Generic type: TimeOnly and TimeOnly? supported</li><li>Max and Min range</li><li>Disable</li><li>Validations</li><li>ValueChanged event</li><li>Restrict the time field based on the entry in another field</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Conditional css class for grid row</li><li>Conditional css class for grid column</li></ul></li><li><p><code>DateInput</code> component</p><ul><li>Restrict the date field based on the entry in another field</li></ul></li><li><p><code>Modal</code> component</p><ul><li>Modal CloseOnEscape not working - Fixed</li></ul></li><li><p><code>Offcanvas</code> component</p><ul><li>Offcanvas CloseOnEscape not working #160 - Fixed</li></ul></li><li><p>Upgrade Bootstrap version from v5.1.3 to v5.2.3</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/time-input" target="_blank" rel="noopener noreferrer">Blazor TimeInput Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/date-input" target="_blank" rel="noopener noreferrer">Blazor DateInput Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/offcanvas" target="_blank" rel="noopener noreferrer">Blazor Offcanvas Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-03-12-blazorbootstrap-1.6.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.5.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s new</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/04/10/blazorbootstrap-1.7.0.html b/blog/2023/04/10/blazorbootstrap-1.7.0.html
index 6e139081f..e830af0a5 100644
--- a/blog/2023/04/10/blazorbootstrap-1.7.0.html
+++ b/blog/2023/04/10/blazorbootstrap-1.7.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.7.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s new<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s new" title="Direct link to What&#x27;s new">​</a></h2><ul><li><p><code>Badge</code> component</p><ul><li>Background colors</li><li>Pill badges</li><li>Buttons</li><li>Positioned</li><li>Generic indicator</li></ul></li><li><p><code>Collapse</code> component</p><ul><li>Horizontal collapse</li><li><strong>Call back events:</strong> OnShowing, OnShown, OnHiding, and OnHidden</li></ul></li><li><p><code>Accordion</code> component</p><ul><li>Title with Icon</li><li>Flush</li><li>Set default active accordion item</li><li>Always open</li><li>Activate individual accordion items</li><li><strong>Call back events:</strong> OnShowing, OnShown, OnHiding, and OnHidden</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Buttons</code> component<ul><li>Disable and enable state dynamically <a href="https://github.com/vikramlearning/blazorbootstrap/issues/172" target="_blank" rel="noopener noreferrer">#172</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="documentation">Documentation<a href="#documentation" class="hash-link" aria-label="Direct link to Documentation" title="Direct link to Documentation">​</a></h2><ul><li>Layout setup docs<ul><li>Layout Setup - Blazor WebAssembly</li><li>Layout Setup - Blazor Server</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/badge" target="_blank" rel="noopener noreferrer">Blazor Badge Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/collapse" target="_blank" rel="noopener noreferrer">Blazor Collapse Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/accordion" target="_blank" rel="noopener noreferrer">Blazor Accordion Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/buttons" target="_blank" rel="noopener noreferrer">Blazor Buttons Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/layout/blazor-webassembly" target="_blank" rel="noopener noreferrer">Layout Setup - Blazor WebAssembly Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/layout/blazor-server" target="_blank" rel="noopener noreferrer">Layout Setup - Blazor Server Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-10-blazorbootstrap-1.7.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.6.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s new</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#documentation" class="table-of-contents__link toc-highlight">Documentation</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.7.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s new<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s new" title="Direct link to What&#x27;s new">​</a></h2><ul><li><p><code>Badge</code> component</p><ul><li>Background colors</li><li>Pill badges</li><li>Buttons</li><li>Positioned</li><li>Generic indicator</li></ul></li><li><p><code>Collapse</code> component</p><ul><li>Horizontal collapse</li><li><strong>Call back events:</strong> OnShowing, OnShown, OnHiding, and OnHidden</li></ul></li><li><p><code>Accordion</code> component</p><ul><li>Title with Icon</li><li>Flush</li><li>Set default active accordion item</li><li>Always open</li><li>Activate individual accordion items</li><li><strong>Call back events:</strong> OnShowing, OnShown, OnHiding, and OnHidden</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Buttons</code> component<ul><li>Disable and enable state dynamically <a href="https://github.com/vikramlearning/blazorbootstrap/issues/172" target="_blank" rel="noopener noreferrer">#172</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="documentation">Documentation<a href="#documentation" class="hash-link" aria-label="Direct link to Documentation" title="Direct link to Documentation">​</a></h2><ul><li>Layout setup docs<ul><li>Layout Setup - Blazor WebAssembly</li><li>Layout Setup - Blazor Server</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/badge" target="_blank" rel="noopener noreferrer">Blazor Badge Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/collapse" target="_blank" rel="noopener noreferrer">Blazor Collapse Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/accordion" target="_blank" rel="noopener noreferrer">Blazor Accordion Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/buttons" target="_blank" rel="noopener noreferrer">Blazor Buttons Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/layout/blazor-webassembly" target="_blank" rel="noopener noreferrer">Layout Setup - Blazor WebAssembly Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/layout/blazor-server" target="_blank" rel="noopener noreferrer">Layout Setup - Blazor Server Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-10-blazorbootstrap-1.7.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.6.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s new</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#documentation" class="table-of-contents__link toc-highlight">Documentation</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/04/19/blazorbootstrap-1.7.1.html b/blog/2023/04/19/blazorbootstrap-1.7.1.html
index d04660707..d407ec57d 100644
--- a/blog/2023/04/19/blazorbootstrap-1.7.1.html
+++ b/blog/2023/04/19/blazorbootstrap-1.7.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.7.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Auto Complete</code> component</p><ul><li>Show Autocomplete reset button when default value set <a href="https://github.com/vikramlearning/blazorbootstrap/issues/183" target="_blank" rel="noopener noreferrer">#183</a></li></ul></li><li><p><code>Buttons</code> component</p><ul><li>Button Disabled parameter doesn&#x27;t work properly on first render in Tabs / Modal <a href="https://github.com/vikramlearning/blazorbootstrap/issues/182" target="_blank" rel="noopener noreferrer">#182</a></li></ul><p><code>CSS</code></p><ul><li>A CSS rule could be more targeted to not interfere with others <a href="https://github.com/vikramlearning/blazorbootstrap/issues/184" target="_blank" rel="noopener noreferrer">#184</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/autocomplete" target="_blank" rel="noopener noreferrer">Blazor Auto Complete Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/buttons" target="_blank" rel="noopener noreferrer">Blazor Buttons Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-19-blazorbootstrap-1.7.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.7.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Auto Complete</code> component</p><ul><li>Show Autocomplete reset button when default value set <a href="https://github.com/vikramlearning/blazorbootstrap/issues/183" target="_blank" rel="noopener noreferrer">#183</a></li></ul></li><li><p><code>Buttons</code> component</p><ul><li>Button Disabled parameter doesn&#x27;t work properly on first render in Tabs / Modal <a href="https://github.com/vikramlearning/blazorbootstrap/issues/182" target="_blank" rel="noopener noreferrer">#182</a></li></ul><p><code>CSS</code></p><ul><li>A CSS rule could be more targeted to not interfere with others <a href="https://github.com/vikramlearning/blazorbootstrap/issues/184" target="_blank" rel="noopener noreferrer">#184</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/autocomplete" target="_blank" rel="noopener noreferrer">Blazor Auto Complete Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/buttons" target="_blank" rel="noopener noreferrer">Blazor Buttons Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-19-blazorbootstrap-1.7.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/04/24/blazorbootstrap-1.7.2.html b/blog/2023/04/24/blazorbootstrap-1.7.2.html
index 1cce65935..f6e0035d8 100644
--- a/blog/2023/04/24/blazorbootstrap-1.7.2.html
+++ b/blog/2023/04/24/blazorbootstrap-1.7.2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.7.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Currency Input</code> component<ul><li>CurrencyInput InvalidOperationException <a href="https://github.com/vikramlearning/blazorbootstrap/issues/192" target="_blank" rel="noopener noreferrer">#192</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/currency-input" target="_blank" rel="noopener noreferrer">Blazor Currency Input Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-24-blazorbootstrap-1.7.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.7.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Currency Input</code> component<ul><li>CurrencyInput InvalidOperationException <a href="https://github.com/vikramlearning/blazorbootstrap/issues/192" target="_blank" rel="noopener noreferrer">#192</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/currency-input" target="_blank" rel="noopener noreferrer">Blazor Currency Input Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-24-blazorbootstrap-1.7.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/04/29/blazorbootstrap-1.7.3.html b/blog/2023/04/29/blazorbootstrap-1.7.3.html
index 13655283d..4038eed37 100644
--- a/blog/2023/04/29/blazorbootstrap-1.7.3.html
+++ b/blog/2023/04/29/blazorbootstrap-1.7.3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.7.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Button</code> component</p><ul><li>Button - id on Button is causing Unhandled error <a href="https://github.com/vikramlearning/blazorbootstrap/issues/194" target="_blank" rel="noopener noreferrer">#194</a></li></ul></li><li><p><code>Grid</code> component</p><ul><li>Grid calls DataProvider method after input&#x27;s onchange event <a href="https://github.com/vikramlearning/blazorbootstrap/issues/195" target="_blank" rel="noopener noreferrer">#195</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/buttons" target="_blank" rel="noopener noreferrer">Blazor Buttons Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-29-blazorbootstrap-1.7.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.7.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Button</code> component</p><ul><li>Button - id on Button is causing Unhandled error <a href="https://github.com/vikramlearning/blazorbootstrap/issues/194" target="_blank" rel="noopener noreferrer">#194</a></li></ul></li><li><p><code>Grid</code> component</p><ul><li>Grid calls DataProvider method after input&#x27;s onchange event <a href="https://github.com/vikramlearning/blazorbootstrap/issues/195" target="_blank" rel="noopener noreferrer">#195</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/buttons" target="_blank" rel="noopener noreferrer">Blazor Buttons Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-04-29-blazorbootstrap-1.7.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/05/28/blazorbootstrap-1.8.0.html b/blog/2023/05/28/blazorbootstrap-1.8.0.html
index c4b787cb0..80cc8624e 100644
--- a/blog/2023/05/28/blazorbootstrap-1.8.0.html
+++ b/blog/2023/05/28/blazorbootstrap-1.8.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.8.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Grid Selection <a href="https://github.com/vikramlearning/blazorbootstrap/issues/179" target="_blank" rel="noopener noreferrer">#179</a><ul><li>Single selection</li><li>Multiple selection</li><li>Disable selection</li><li>Disable all rows selection</li></ul></li><li>Grid Paging <a href="https://github.com/vikramlearning/blazorbootstrap/issues/196" target="_blank" rel="noopener noreferrer">#196</a><ul><li>Dynamic Page Size		</li><li>Page Size Selection</li></ul></li></ul></li><li><p><code>Offcanvas</code> component</p><ul><li>Static backdrop <a href="https://github.com/vikramlearning/blazorbootstrap/pull/210" target="_blank" rel="noopener noreferrer">#210</a></li></ul></li><li><p><code>Auto Complete</code> component</p><ul><li>Disable parameter<ul><li>Use either the <code>Disable</code> parameter or use <code>Disable()</code> and <code>Enable()</code> methods to disable/enable the component.</li></ul></li></ul></li><li><p><code>Currency Input</code> component</p><ul><li>Disable parameter<ul><li>Use either the <code>Disable</code> parameter or use <code>Disable()</code> and <code>Enable()</code> methods to disable/enable the component.</li></ul></li></ul></li><li><p><code>Date Input</code> component</p><ul><li>Disable parameter<ul><li>Use either the <code>Disable</code> parameter or use <code>Disable()</code> and <code>Enable()</code> methods to disable/enable the component.</li></ul></li></ul></li><li><p><code>Number Input</code> component</p><ul><li>Disable parameter<ul><li>Use either the <code>Disable</code> parameter or use <code>Disable()</code> and <code>Enable()</code> methods to disable/enable the component.</li></ul></li></ul></li><li><p><code>Switch</code> component</p><ul><li>Disable parameter<ul><li>Use either the <code>Disable</code> parameter or use <code>Disable()</code> and <code>Enable()</code> methods to disable/enable the component.</li></ul></li></ul></li><li><p><code>Time Input</code> component</p><ul><li>Disable parameter<ul><li>Use either the <code>Disable</code> parameter or use <code>Disable()</code> and <code>Enable()</code> methods to disable/enable the component.</li></ul></li></ul></li><li><p><code>Blazor Bootstrap Templates</code></p><ul><li>Install with .NET CLI: <code>dotnet new install Blazor.Bootstrap.Templates::1.8.0</code></li></ul><img loading="lazy" src="https://user-images.githubusercontent.com/2337067/233800604-43986ae7-27dd-4f17-9af6-c2f1a6f07097.png" alt="Blazor Bootstrap Templates" class="img_ev3q"></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/offcanvas" target="_blank" rel="noopener noreferrer">Blazor Offcanvas Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/autocomplete" target="_blank" rel="noopener noreferrer">Blazor Auto Complete Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/currency-input" target="_blank" rel="noopener noreferrer">Blazor Currency Input Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/date-input" target="_blank" rel="noopener noreferrer">Blazor Date Input Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/number-input" target="_blank" rel="noopener noreferrer">Blazor Number Input Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/switch" target="_blank" rel="noopener noreferrer">Blazor Switch Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/time-input" target="_blank" rel="noopener noreferrer">Blazor Time Input Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-05-28-blazorbootstrap-1.8.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.8.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Grid Selection <a href="https://github.com/vikramlearning/blazorbootstrap/issues/179" target="_blank" rel="noopener noreferrer">#179</a><ul><li>Single selection</li><li>Multiple selection</li><li>Disable selection</li><li>Disable all rows selection</li></ul></li><li>Grid Paging <a href="https://github.com/vikramlearning/blazorbootstrap/issues/196" target="_blank" rel="noopener noreferrer">#196</a><ul><li>Dynamic Page Size		</li><li>Page Size Selection</li></ul></li></ul></li><li><p><code>Offcanvas</code> component</p><ul><li>Static backdrop <a href="https://github.com/vikramlearning/blazorbootstrap/pull/210" target="_blank" rel="noopener noreferrer">#210</a></li></ul></li><li><p><code>Auto Complete</code> component</p><ul><li>Disable parameter<ul><li>Use either the <code>Disable</code> parameter or use <code>Disable()</code> and <code>Enable()</code> methods to disable/enable the component.</li></ul></li></ul></li><li><p><code>Currency Input</code> component</p><ul><li>Disable parameter<ul><li>Use either the <code>Disable</code> parameter or use <code>Disable()</code> and <code>Enable()</code> methods to disable/enable the component.</li></ul></li></ul></li><li><p><code>Date Input</code> component</p><ul><li>Disable parameter<ul><li>Use either the <code>Disable</code> parameter or use <code>Disable()</code> and <code>Enable()</code> methods to disable/enable the component.</li></ul></li></ul></li><li><p><code>Number Input</code> component</p><ul><li>Disable parameter<ul><li>Use either the <code>Disable</code> parameter or use <code>Disable()</code> and <code>Enable()</code> methods to disable/enable the component.</li></ul></li></ul></li><li><p><code>Switch</code> component</p><ul><li>Disable parameter<ul><li>Use either the <code>Disable</code> parameter or use <code>Disable()</code> and <code>Enable()</code> methods to disable/enable the component.</li></ul></li></ul></li><li><p><code>Time Input</code> component</p><ul><li>Disable parameter<ul><li>Use either the <code>Disable</code> parameter or use <code>Disable()</code> and <code>Enable()</code> methods to disable/enable the component.</li></ul></li></ul></li><li><p><code>Blazor Bootstrap Templates</code></p><ul><li>Install with .NET CLI: <code>dotnet new install Blazor.Bootstrap.Templates::1.8.0</code></li></ul><img loading="lazy" src="https://user-images.githubusercontent.com/2337067/233800604-43986ae7-27dd-4f17-9af6-c2f1a6f07097.png" alt="Blazor Bootstrap Templates" class="img_ev3q"></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/offcanvas" target="_blank" rel="noopener noreferrer">Blazor Offcanvas Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/autocomplete" target="_blank" rel="noopener noreferrer">Blazor Auto Complete Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/currency-input" target="_blank" rel="noopener noreferrer">Blazor Currency Input Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/date-input" target="_blank" rel="noopener noreferrer">Blazor Date Input Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/number-input" target="_blank" rel="noopener noreferrer">Blazor Number Input Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/switch" target="_blank" rel="noopener noreferrer">Blazor Switch Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/time-input" target="_blank" rel="noopener noreferrer">Blazor Time Input Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-05-28-blazorbootstrap-1.8.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.7.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/05/31/blazorbootstrap-1.8.1.html b/blog/2023/05/31/blazorbootstrap-1.8.1.html
index ad4a17c1d..112a237f1 100644
--- a/blog/2023/05/31/blazorbootstrap-1.8.1.html
+++ b/blog/2023/05/31/blazorbootstrap-1.8.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.8.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Selection and filters both active bug <a href="https://github.com/vikramlearning/blazorbootstrap/issues/214" target="_blank" rel="noopener noreferrer">#214</a></li></ul></li><li><p><code>Tooltip</code> component</p><ul><li>Tooltip does not disappear <a href="https://github.com/vikramlearning/blazorbootstrap/issues/213" target="_blank" rel="noopener noreferrer">#213</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/offcanvas" target="_blank" rel="noopener noreferrer">Blazor Offcanvas Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/autocomplete" target="_blank" rel="noopener noreferrer">Blazor Auto Complete Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/currency-input" target="_blank" rel="noopener noreferrer">Blazor Currency Input Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/date-input" target="_blank" rel="noopener noreferrer">Blazor Date Input Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/number-input" target="_blank" rel="noopener noreferrer">Blazor Number Input Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/switch" target="_blank" rel="noopener noreferrer">Blazor Switch Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/time-input" target="_blank" rel="noopener noreferrer">Blazor Time Input Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-05-31-blazorbootstrap-1.8.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.8.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Selection and filters both active bug <a href="https://github.com/vikramlearning/blazorbootstrap/issues/214" target="_blank" rel="noopener noreferrer">#214</a></li></ul></li><li><p><code>Tooltip</code> component</p><ul><li>Tooltip does not disappear <a href="https://github.com/vikramlearning/blazorbootstrap/issues/213" target="_blank" rel="noopener noreferrer">#213</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/offcanvas" target="_blank" rel="noopener noreferrer">Blazor Offcanvas Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/autocomplete" target="_blank" rel="noopener noreferrer">Blazor Auto Complete Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/currency-input" target="_blank" rel="noopener noreferrer">Blazor Currency Input Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/date-input" target="_blank" rel="noopener noreferrer">Blazor Date Input Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/number-input" target="_blank" rel="noopener noreferrer">Blazor Number Input Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/switch" target="_blank" rel="noopener noreferrer">Blazor Switch Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/time-input" target="_blank" rel="noopener noreferrer">Blazor Time Input Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-05-31-blazorbootstrap-1.8.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/06/11/blazorbootstrap-1.8.2.html b/blog/2023/06/11/blazorbootstrap-1.8.2.html
index 70ea48c99..5e1060b7f 100644
--- a/blog/2023/06/11/blazorbootstrap-1.8.2.html
+++ b/blog/2023/06/11/blazorbootstrap-1.8.2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.8.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Grid local filter with null strings <a href="https://github.com/vikramlearning/blazorbootstrap/issues/227" target="_blank" rel="noopener noreferrer">#227</a></li><li>Grid Single Select <a href="https://github.com/vikramlearning/blazorbootstrap/issues/230" target="_blank" rel="noopener noreferrer">#230</a></li></ul></li><li><p><code>Button</code> component</p><ul><li>Button TooltipTitle does not disappear when clicked <a href="https://github.com/vikramlearning/blazorbootstrap/issues/222" target="_blank" rel="noopener noreferrer">#222</a></li></ul></li><li><p><code>DateInput</code> component</p><ul><li>DateInput no reaction to null <a href="https://github.com/vikramlearning/blazorbootstrap/issues/221" target="_blank" rel="noopener noreferrer">#221</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li><li><a href="https://demos.blazorbootstrap.com/buttons" target="_blank" rel="noopener noreferrer">Blazor Buttons Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/date-input" target="_blank" rel="noopener noreferrer">Blazor Date Input Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-11-blazorbootstrap-1.8.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.8.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Grid local filter with null strings <a href="https://github.com/vikramlearning/blazorbootstrap/issues/227" target="_blank" rel="noopener noreferrer">#227</a></li><li>Grid Single Select <a href="https://github.com/vikramlearning/blazorbootstrap/issues/230" target="_blank" rel="noopener noreferrer">#230</a></li></ul></li><li><p><code>Button</code> component</p><ul><li>Button TooltipTitle does not disappear when clicked <a href="https://github.com/vikramlearning/blazorbootstrap/issues/222" target="_blank" rel="noopener noreferrer">#222</a></li></ul></li><li><p><code>DateInput</code> component</p><ul><li>DateInput no reaction to null <a href="https://github.com/vikramlearning/blazorbootstrap/issues/221" target="_blank" rel="noopener noreferrer">#221</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li><li><a href="https://demos.blazorbootstrap.com/buttons" target="_blank" rel="noopener noreferrer">Blazor Buttons Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/date-input" target="_blank" rel="noopener noreferrer">Blazor Date Input Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-11-blazorbootstrap-1.8.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/06/16/blazorbootstrap-1.8.3.html b/blog/2023/06/16/blazorbootstrap-1.8.3.html
index 9a94683ab..18627670a 100644
--- a/blog/2023/06/16/blazorbootstrap-1.8.3.html
+++ b/blog/2023/06/16/blazorbootstrap-1.8.3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.8.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Select all/none refresh problem <a href="https://github.com/vikramlearning/blazorbootstrap/issues/217" target="_blank" rel="noopener noreferrer">#217</a></li></ul></li><li><p><code>Progress</code> component</p><ul><li>Progress bar grid bind problem <a href="https://github.com/vikramlearning/blazorbootstrap/issues/229" target="_blank" rel="noopener noreferrer">#229</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li><li><a href="https://demos.blazorbootstrap.com/progress" target="_blank" rel="noopener noreferrer">Blazor Progress Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-16-blazorbootstrap-1.8.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.8.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Select all/none refresh problem <a href="https://github.com/vikramlearning/blazorbootstrap/issues/217" target="_blank" rel="noopener noreferrer">#217</a></li></ul></li><li><p><code>Progress</code> component</p><ul><li>Progress bar grid bind problem <a href="https://github.com/vikramlearning/blazorbootstrap/issues/229" target="_blank" rel="noopener noreferrer">#229</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li><li><a href="https://demos.blazorbootstrap.com/progress" target="_blank" rel="noopener noreferrer">Blazor Progress Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-16-blazorbootstrap-1.8.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/06/30/blazorbootstrap-1.9.0.html b/blog/2023/06/30/blazorbootstrap-1.9.0.html
index a6a1af346..384e4c8f3 100644
--- a/blog/2023/06/30/blazorbootstrap-1.9.0.html
+++ b/blog/2023/06/30/blazorbootstrap-1.9.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.9.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s new<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s new" title="Direct link to What&#x27;s new">​</a></h2><ul><li><code>Modal</code> service<ul><li>Global service for the application</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Modal</code> component</p><ul><li>Dynamic modal title does not work when using static content <a href="https://github.com/vikramlearning/blazorbootstrap/issues/242" target="_blank" rel="noopener noreferrer">#242</a></li></ul></li><li><p><code>Icon</code> component</p><ul><li>New <code>Color</code> parameter added </li></ul></li><li><p><code>Toasts</code> component</p><ul><li>ToastService.Notify method does not have AutoHide <a href="https://github.com/vikramlearning/blazorbootstrap/issues/238" target="_blank" rel="noopener noreferrer">#238</a></li></ul></li><li><p><code>Tabs</code> component</p><ul><li>ShowTabByIndexAsync not working after OnAfterRenderAsync <a href="https://github.com/vikramlearning/blazorbootstrap/issues/243" target="_blank" rel="noopener noreferrer">#243</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/services/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Service Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/content/icons" target="_blank" rel="noopener noreferrer">Blazor Icon Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/toasts" target="_blank" rel="noopener noreferrer">Blazor Toasts Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/tabs" target="_blank" rel="noopener noreferrer">Blazor Tabs Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-30-blazorbootstrap-1.9.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s new</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.9.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s new<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s new" title="Direct link to What&#x27;s new">​</a></h2><ul><li><code>Modal</code> service<ul><li>Global service for the application</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Modal</code> component</p><ul><li>Dynamic modal title does not work when using static content <a href="https://github.com/vikramlearning/blazorbootstrap/issues/242" target="_blank" rel="noopener noreferrer">#242</a></li></ul></li><li><p><code>Icon</code> component</p><ul><li>New <code>Color</code> parameter added </li></ul></li><li><p><code>Toasts</code> component</p><ul><li>ToastService.Notify method does not have AutoHide <a href="https://github.com/vikramlearning/blazorbootstrap/issues/238" target="_blank" rel="noopener noreferrer">#238</a></li></ul></li><li><p><code>Tabs</code> component</p><ul><li>ShowTabByIndexAsync not working after OnAfterRenderAsync <a href="https://github.com/vikramlearning/blazorbootstrap/issues/243" target="_blank" rel="noopener noreferrer">#243</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/services/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Service Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/content/icons" target="_blank" rel="noopener noreferrer">Blazor Icon Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/toasts" target="_blank" rel="noopener noreferrer">Blazor Toasts Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/tabs" target="_blank" rel="noopener noreferrer">Blazor Tabs Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-30-blazorbootstrap-1.9.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.8.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s new</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/06/31/blazorbootstrap-1.9.1.html b/blog/2023/06/31/blazorbootstrap-1.9.1.html
index 40d59ae14..43555921c 100644
--- a/blog/2023/06/31/blazorbootstrap-1.9.1.html
+++ b/blog/2023/06/31/blazorbootstrap-1.9.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.9.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Modal</code> service<ul><li>Issue with new ModalService <a href="https://github.com/vikramlearning/blazorbootstrap/issues/258" target="_blank" rel="noopener noreferrer">#258</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/services/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Service Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-31-blazorbootstrap-1.9.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.9.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Modal</code> service<ul><li>Issue with new ModalService <a href="https://github.com/vikramlearning/blazorbootstrap/issues/258" target="_blank" rel="noopener noreferrer">#258</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/services/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Service Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-06-31-blazorbootstrap-1.9.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/07/01/blazorbootstrap-1.9.2.html b/blog/2023/07/01/blazorbootstrap-1.9.2.html
index 63f763b5c..e27b928d3 100644
--- a/blog/2023/07/01/blazorbootstrap-1.9.2.html
+++ b/blog/2023/07/01/blazorbootstrap-1.9.2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.9.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s new<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s new" title="Direct link to What&#x27;s new">​</a></h2><ul><li><code>Breadcrumb</code> service<ul><li>Global service for the application</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Toast</code> service<ul><li>ToastService not working anymore in version 1.9.1 <a href="https://github.com/vikramlearning/blazorbootstrap/issues/261" target="_blank" rel="noopener noreferrer">#261</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-01-blazorbootstrap-1.9.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s new</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.9.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s new<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s new" title="Direct link to What&#x27;s new">​</a></h2><ul><li><code>Breadcrumb</code> service<ul><li>Global service for the application</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Toast</code> service<ul><li>ToastService not working anymore in version 1.9.1 <a href="https://github.com/vikramlearning/blazorbootstrap/issues/261" target="_blank" rel="noopener noreferrer">#261</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-01-blazorbootstrap-1.9.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s new</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/07/04/blazorbootstrap-1.9.3.html b/blog/2023/07/04/blazorbootstrap-1.9.3.html
index b24ac5d9f..4306556fc 100644
--- a/blog/2023/07/04/blazorbootstrap-1.9.3.html
+++ b/blog/2023/07/04/blazorbootstrap-1.9.3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.9.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Grid</code> component<ul><li>New <code>HeaderRowCssClass</code> parameter</li><li>New <code>FiltersRowCssClass</code> parameter</li><li>Default sorting icon to indicate the column is sortable</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-04-blazorbootstrap-1.9.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.4</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.9.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Grid</code> component<ul><li>New <code>HeaderRowCssClass</code> parameter</li><li>New <code>FiltersRowCssClass</code> parameter</li><li>Default sorting icon to indicate the column is sortable</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-04-blazorbootstrap-1.9.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.4</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/07/05/blazorbootstrap-1.9.4.html b/blog/2023/07/05/blazorbootstrap-1.9.4.html
index db3f85591..d5a2d9548 100644
--- a/blog/2023/07/05/blazorbootstrap-1.9.4.html
+++ b/blog/2023/07/05/blazorbootstrap-1.9.4.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.9.4</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Modal</code> service<ul><li>Blazor Modal Service problem <a href="https://github.com/vikramlearning/blazorbootstrap/issues/265" target="_blank" rel="noopener noreferrer">#265</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/services/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Service Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-05-blazorbootstrap-1.9.4.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.5</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.9.4</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><code>Modal</code> service<ul><li>Blazor Modal Service problem <a href="https://github.com/vikramlearning/blazorbootstrap/issues/265" target="_blank" rel="noopener noreferrer">#265</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/services/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Service Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-05-blazorbootstrap-1.9.4.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.5</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/07/16/blazorbootstrap-1.9.5.html b/blog/2023/07/16/blazorbootstrap-1.9.5.html
index 17d12c957..ec3eaede9 100644
--- a/blog/2023/07/16/blazorbootstrap-1.9.5.html
+++ b/blog/2023/07/16/blazorbootstrap-1.9.5.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.9.5</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>New <strong>OnRowClick</strong> event</li><li>New <strong>OnRowDoubleClick</strong> event</li><li>Grid Component: Row Click Event <a href="https://github.com/vikramlearning/blazorbootstrap/issues/264" target="_blank" rel="noopener noreferrer">#264</a></li><li>Grid Component - Translatable page size selector <a href="https://github.com/vikramlearning/blazorbootstrap/pull/287" target="_blank" rel="noopener noreferrer">#287</a></li></ul></li><li><p><code>TimeInput</code> component</p><ul><li>TimeInput: Changing value does not work <a href="https://github.com/vikramlearning/blazorbootstrap/issues/271" target="_blank" rel="noopener noreferrer">#271</a></li></ul></li><li><p><code>Switch</code> component</p><ul><li>Switch class not applied to label <a href="https://github.com/vikramlearning/blazorbootstrap/issues/235" target="_blank" rel="noopener noreferrer">#235</a></li></ul></li><li><p><code>Modal</code> component</p><ul><li>Cannot change modal type on static modals <a href="https://github.com/vikramlearning/blazorbootstrap/issues/278" target="_blank" rel="noopener noreferrer">#278</a></li></ul></li><li><p><code>Line Chart</code> component</p><ul><li>Multiple of the same chart causing js exception <a href="https://github.com/vikramlearning/blazorbootstrap/issues/283" target="_blank" rel="noopener noreferrer">#283</a></li></ul></li><li><p><code>Sidebar</code> component</p><ul><li>SidebarItem without childs, CustomIconName not passed to Icon <a href="https://github.com/vikramlearning/blazorbootstrap/issues/286" target="_blank" rel="noopener noreferrer">#286</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/time-input" target="_blank" rel="noopener noreferrer">Blazor TimeInput Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/switch" target="_blank" rel="noopener noreferrer">Blazor Switch Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/charts" target="_blank" rel="noopener noreferrer">Blazor Line Chart Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/sidebar" target="_blank" rel="noopener noreferrer">Blazor Sidebar Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-16-blazorbootstrap-1.9.5.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.4</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.9.5</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>New <strong>OnRowClick</strong> event</li><li>New <strong>OnRowDoubleClick</strong> event</li><li>Grid Component: Row Click Event <a href="https://github.com/vikramlearning/blazorbootstrap/issues/264" target="_blank" rel="noopener noreferrer">#264</a></li><li>Grid Component - Translatable page size selector <a href="https://github.com/vikramlearning/blazorbootstrap/pull/287" target="_blank" rel="noopener noreferrer">#287</a></li></ul></li><li><p><code>TimeInput</code> component</p><ul><li>TimeInput: Changing value does not work <a href="https://github.com/vikramlearning/blazorbootstrap/issues/271" target="_blank" rel="noopener noreferrer">#271</a></li></ul></li><li><p><code>Switch</code> component</p><ul><li>Switch class not applied to label <a href="https://github.com/vikramlearning/blazorbootstrap/issues/235" target="_blank" rel="noopener noreferrer">#235</a></li></ul></li><li><p><code>Modal</code> component</p><ul><li>Cannot change modal type on static modals <a href="https://github.com/vikramlearning/blazorbootstrap/issues/278" target="_blank" rel="noopener noreferrer">#278</a></li></ul></li><li><p><code>Line Chart</code> component</p><ul><li>Multiple of the same chart causing js exception <a href="https://github.com/vikramlearning/blazorbootstrap/issues/283" target="_blank" rel="noopener noreferrer">#283</a></li></ul></li><li><p><code>Sidebar</code> component</p><ul><li>SidebarItem without childs, CustomIconName not passed to Icon <a href="https://github.com/vikramlearning/blazorbootstrap/issues/286" target="_blank" rel="noopener noreferrer">#286</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/time-input" target="_blank" rel="noopener noreferrer">Blazor TimeInput Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/switch" target="_blank" rel="noopener noreferrer">Blazor Switch Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/modal" target="_blank" rel="noopener noreferrer">Blazor Modal Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/charts" target="_blank" rel="noopener noreferrer">Blazor Line Chart Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/sidebar" target="_blank" rel="noopener noreferrer">Blazor Sidebar Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-07-16-blazorbootstrap-1.9.5.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.4</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/08/13/blazorbootstrap-1.10.0.html b/blog/2023/08/13/blazorbootstrap-1.10.0.html
index 020856dd9..8db02c6f4 100644
--- a/blog/2023/08/13/blazorbootstrap-1.10.0.html
+++ b/blog/2023/08/13/blazorbootstrap-1.10.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.10.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s New<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s New" title="Direct link to What&#x27;s New">​</a></h2><ul><li><p><code>Dropdown</code> Component</p><ul><li>Single button</li><li>Multiple colors</li><li>Split button</li><li>Sizing</li><li>Directions (Dropup, Dropup centered, Dropend, and Dropstart)</li><li>Active</li><li>Disabled</li><li>Menu content (Header, Dividers, Text, and Forms)</li><li>Auto close behavior</li></ul></li><li><p><code>Card</code> Component</p><ul><li>Content types (Body, Titles, text, and links)</li><li>Images</li><li>List groups</li><li>Header and footer</li><li>Sizing</li><li>Text alignment</li><li>Background and color</li><li>Card groups</li><li>Card groups with footer</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Bar Chart</code> component</p><ul><li>New AddDataSetAsync and AddAsync methods</li></ul></li><li><p><code>Doughnut Chart</code> component</p><ul><li>New AddDataSetAsync and AddAsync methods</li></ul></li><li><p><code>Line Chart</code> component</p><ul><li>New AddDataSetAsync and AddAsync methods</li></ul></li><li><p><code>Pie Chart</code> component</p><ul><li>New AddDataSetAsync and AddAsync methods</li></ul></li><li><p><code>Grid</code> component</p><ul><li>Grid: Filters translation support <a href="https://github.com/vikramlearning/blazorbootstrap/issues/292" target="_blank" rel="noopener noreferrer">#292</a></li></ul></li><li><p><code>Button</code> component</p><ul><li>Tooltip color support added</li></ul></li><li><p><code>Tooltip</code> component</p><ul><li>Tooltip color support added</li><li>Tooltip on button problem <a href="https://github.com/vikramlearning/blazorbootstrap/issues/296" target="_blank" rel="noopener noreferrer">#296</a></li></ul></li><li><p><code>Switch</code> component</p><ul><li>Switch is invoking EditContext OnFieldChanged even the change was not from UI <a href="https://github.com/vikramlearning/blazorbootstrap/issues/297" target="_blank" rel="noopener noreferrer">#297</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/card" target="_blank" rel="noopener noreferrer">Blazor Card Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/dropdown" target="_blank" rel="noopener noreferrer">Blazor Dropdown Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/charts" target="_blank" rel="noopener noreferrer">Blazor Chart Components Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/buttons" target="_blank" rel="noopener noreferrer">Blazor Button Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/tooltips" target="_blank" rel="noopener noreferrer">Blazor Tooltip Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/switch" target="_blank" rel="noopener noreferrer">Blazor Switch Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-08-13-blazorbootstrap-1.10.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.5</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s New</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.10.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s New<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s New" title="Direct link to What&#x27;s New">​</a></h2><ul><li><p><code>Dropdown</code> Component</p><ul><li>Single button</li><li>Multiple colors</li><li>Split button</li><li>Sizing</li><li>Directions (Dropup, Dropup centered, Dropend, and Dropstart)</li><li>Active</li><li>Disabled</li><li>Menu content (Header, Dividers, Text, and Forms)</li><li>Auto close behavior</li></ul></li><li><p><code>Card</code> Component</p><ul><li>Content types (Body, Titles, text, and links)</li><li>Images</li><li>List groups</li><li>Header and footer</li><li>Sizing</li><li>Text alignment</li><li>Background and color</li><li>Card groups</li><li>Card groups with footer</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Bar Chart</code> component</p><ul><li>New AddDataSetAsync and AddAsync methods</li></ul></li><li><p><code>Doughnut Chart</code> component</p><ul><li>New AddDataSetAsync and AddAsync methods</li></ul></li><li><p><code>Line Chart</code> component</p><ul><li>New AddDataSetAsync and AddAsync methods</li></ul></li><li><p><code>Pie Chart</code> component</p><ul><li>New AddDataSetAsync and AddAsync methods</li></ul></li><li><p><code>Grid</code> component</p><ul><li>Grid: Filters translation support <a href="https://github.com/vikramlearning/blazorbootstrap/issues/292" target="_blank" rel="noopener noreferrer">#292</a></li></ul></li><li><p><code>Button</code> component</p><ul><li>Tooltip color support added</li></ul></li><li><p><code>Tooltip</code> component</p><ul><li>Tooltip color support added</li><li>Tooltip on button problem <a href="https://github.com/vikramlearning/blazorbootstrap/issues/296" target="_blank" rel="noopener noreferrer">#296</a></li></ul></li><li><p><code>Switch</code> component</p><ul><li>Switch is invoking EditContext OnFieldChanged even the change was not from UI <a href="https://github.com/vikramlearning/blazorbootstrap/issues/297" target="_blank" rel="noopener noreferrer">#297</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/card" target="_blank" rel="noopener noreferrer">Blazor Card Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/dropdown" target="_blank" rel="noopener noreferrer">Blazor Dropdown Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/charts" target="_blank" rel="noopener noreferrer">Blazor Chart Components Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/components/grid" target="_blank" rel="noopener noreferrer">Blazor Grid Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/buttons" target="_blank" rel="noopener noreferrer">Blazor Button Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/tooltips" target="_blank" rel="noopener noreferrer">Blazor Tooltip Component Documentation</a></li><li><a href="https://getblazorbootstrap.com/docs/forms/switch" target="_blank" rel="noopener noreferrer">Blazor Switch Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-08-13-blazorbootstrap-1.10.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.9.5</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s New</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/08/29/blazorbootstrap-1.10.1.html b/blog/2023/08/29/blazorbootstrap-1.10.1.html
index d6a399175..f9ddcf826 100644
--- a/blog/2023/08/29/blazorbootstrap-1.10.1.html
+++ b/blog/2023/08/29/blazorbootstrap-1.10.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.10.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p>We have made improvements to the base components</p></li><li><p><code>Bar Chart</code> component</p><ul><li>UpdateAsync method</li></ul></li><li><p><code>Doughnut Chart</code> component</p><ul><li>UpdateAsync method</li></ul></li><li><p><code>Line Chart</code> component</p><ul><li>UpdateAsync method</li></ul></li><li><p><code>Pie Chart</code> component</p><ul><li>UpdateAsync method</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/charts" target="_blank" rel="noopener noreferrer">Blazor Chart Components Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-08-29-blazorbootstrap-1.10.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.10.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p>We have made improvements to the base components</p></li><li><p><code>Bar Chart</code> component</p><ul><li>UpdateAsync method</li></ul></li><li><p><code>Doughnut Chart</code> component</p><ul><li>UpdateAsync method</li></ul></li><li><p><code>Line Chart</code> component</p><ul><li>UpdateAsync method</li></ul></li><li><p><code>Pie Chart</code> component</p><ul><li>UpdateAsync method</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/charts" target="_blank" rel="noopener noreferrer">Blazor Chart Components Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-08-29-blazorbootstrap-1.10.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/09/15/blazorbootstrap-1.10.2.html b/blog/2023/09/15/blazorbootstrap-1.10.2.html
index 693d0bb6f..a8c02dbce 100644
--- a/blog/2023/09/15/blazorbootstrap-1.10.2.html
+++ b/blog/2023/09/15/blazorbootstrap-1.10.2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.10.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>AutoComplete</code> component</p><ul><li>Autocomplete shows &quot;No Records Found&quot; Before Search is finished <a href="https://github.com/vikramlearning/blazorbootstrap/issues/352" target="_blank" rel="noopener noreferrer">#352</a></li></ul></li><li><p><code>Confirm Dialog</code> component</p><ul><li>Confirm Dialog - No fade animation <a href="https://github.com/vikramlearning/blazorbootstrap/issues/334" target="_blank" rel="noopener noreferrer">#334</a></li></ul></li><li><p><code>Modal Service</code></p><ul><li>Callback support has been added</li></ul></li><li><p><code>Tooltip</code> component</p><ul><li>Dispose issue fixed <a href="https://github.com/vikramlearning/blazorbootstrap/issues/327" target="_blank" rel="noopener noreferrer">#327</a></li></ul></li><li><p><code>Sidebar</code> component</p><ul><li>Sidebar should close automatically on mobile <a href="https://github.com/vikramlearning/blazorbootstrap/issues/274" target="_blank" rel="noopener noreferrer">#274</a></li></ul></li><li><p>We have made improvements to all the charts to support data labels <a href="https://github.com/vikramlearning/blazorbootstrap/issues/317" target="_blank" rel="noopener noreferrer">#317</a></p><ul><li><code>Bar Chart</code>, <code>Doughnut Chart</code>,  <code>Line Chart</code>, and <code>Pie Chart</code></li></ul></li><li><p>MAUI Blazor App - Getting started docs added</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/charts" target="_blank" rel="noopener noreferrer">Blazor Chart Components Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-09-15-blazorbootstrap-1.10.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.10.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>AutoComplete</code> component</p><ul><li>Autocomplete shows &quot;No Records Found&quot; Before Search is finished <a href="https://github.com/vikramlearning/blazorbootstrap/issues/352" target="_blank" rel="noopener noreferrer">#352</a></li></ul></li><li><p><code>Confirm Dialog</code> component</p><ul><li>Confirm Dialog - No fade animation <a href="https://github.com/vikramlearning/blazorbootstrap/issues/334" target="_blank" rel="noopener noreferrer">#334</a></li></ul></li><li><p><code>Modal Service</code></p><ul><li>Callback support has been added</li></ul></li><li><p><code>Tooltip</code> component</p><ul><li>Dispose issue fixed <a href="https://github.com/vikramlearning/blazorbootstrap/issues/327" target="_blank" rel="noopener noreferrer">#327</a></li></ul></li><li><p><code>Sidebar</code> component</p><ul><li>Sidebar should close automatically on mobile <a href="https://github.com/vikramlearning/blazorbootstrap/issues/274" target="_blank" rel="noopener noreferrer">#274</a></li></ul></li><li><p>We have made improvements to all the charts to support data labels <a href="https://github.com/vikramlearning/blazorbootstrap/issues/317" target="_blank" rel="noopener noreferrer">#317</a></p><ul><li><code>Bar Chart</code>, <code>Doughnut Chart</code>,  <code>Line Chart</code>, and <code>Pie Chart</code></li></ul></li><li><p>MAUI Blazor App - Getting started docs added</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/charts" target="_blank" rel="noopener noreferrer">Blazor Chart Components Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-09-15-blazorbootstrap-1.10.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.3</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/10/15/blazorbootstrap-1.10.3.html b/blog/2023/10/15/blazorbootstrap-1.10.3.html
index 26794e36c..7ec8f03dd 100644
--- a/blog/2023/10/15/blazorbootstrap-1.10.3.html
+++ b/blog/2023/10/15/blazorbootstrap-1.10.3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.10.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Grid: Fixed Header Support <a href="https://github.com/vikramlearning/blazorbootstrap/issues/53" target="_blank" rel="noopener noreferrer">#53</a></li></ul></li><li><p><code>Dropdown</code> component</p><ul><li>Add feature to disable Dropdown <a href="https://github.com/vikramlearning/blazorbootstrap/issues/373" target="_blank" rel="noopener noreferrer">#373</a></li></ul></li><li><p><code>Icon</code> component</p><ul><li>Sizing for icons in buttons is strange <a href="https://github.com/vikramlearning/blazorbootstrap/issues/346" target="_blank" rel="noopener noreferrer">#346</a></li></ul></li><li><p><code>Sidebar</code> component</p><ul><li>Sidebar: Add option to space items <a href="https://github.com/vikramlearning/blazorbootstrap/issues/276" target="_blank" rel="noopener noreferrer">#276</a></li></ul></li><li><p>Docs updates</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://docs.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-10-15-blazorbootstrap-1.10.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.4</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.10.3</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Grid: Fixed Header Support <a href="https://github.com/vikramlearning/blazorbootstrap/issues/53" target="_blank" rel="noopener noreferrer">#53</a></li></ul></li><li><p><code>Dropdown</code> component</p><ul><li>Add feature to disable Dropdown <a href="https://github.com/vikramlearning/blazorbootstrap/issues/373" target="_blank" rel="noopener noreferrer">#373</a></li></ul></li><li><p><code>Icon</code> component</p><ul><li>Sizing for icons in buttons is strange <a href="https://github.com/vikramlearning/blazorbootstrap/issues/346" target="_blank" rel="noopener noreferrer">#346</a></li></ul></li><li><p><code>Sidebar</code> component</p><ul><li>Sidebar: Add option to space items <a href="https://github.com/vikramlearning/blazorbootstrap/issues/276" target="_blank" rel="noopener noreferrer">#276</a></li></ul></li><li><p>Docs updates</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://docs.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-10-15-blazorbootstrap-1.10.3.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.4</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.2</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2023/11/18/blazorbootstrap-1.10.4.html b/blog/2023/11/18/blazorbootstrap-1.10.4.html
index 7fc2cef37..02e3d766b 100644
--- a/blog/2023/11/18/blazorbootstrap-1.10.4.html
+++ b/blog/2023/11/18/blazorbootstrap-1.10.4.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.10.4</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Grid: Freeze Columns Support <a href="https://github.com/vikramlearning/blazorbootstrap/issues/246" target="_blank" rel="noopener noreferrer">#246</a></li></ul></li><li><p><code>Preload</code> component</p><ul><li>Preload: Add text to preload component <a href="https://github.com/vikramlearning/blazorbootstrap/issues/414" target="_blank" rel="noopener noreferrer">#414</a></li></ul></li><li><p><code>Switch</code> component</p><ul><li>Switch: Double click on switch selects the label <a href="https://github.com/vikramlearning/blazorbootstrap/issues/401" target="_blank" rel="noopener noreferrer">#401</a></li></ul></li><li><p><code>Charts</code> component</p><ul><li>Chart size updates <a href="https://github.com/vikramlearning/blazorbootstrap/pull/384" target="_blank" rel="noopener noreferrer">#384</a></li></ul></li><li><p><code>Modal</code> component</p><ul><li>Pressing Esc still closes the modal even with UseStaticBackdrop=&quot;true&quot; <a href="https://github.com/vikramlearning/blazorbootstrap/issues/416" target="_blank" rel="noopener noreferrer">#416</a></li></ul></li><li><p>Docs updates</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://docs.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-11-18-blazorbootstrap-1.10.4.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.5</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.10.4</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Grid: Freeze Columns Support <a href="https://github.com/vikramlearning/blazorbootstrap/issues/246" target="_blank" rel="noopener noreferrer">#246</a></li></ul></li><li><p><code>Preload</code> component</p><ul><li>Preload: Add text to preload component <a href="https://github.com/vikramlearning/blazorbootstrap/issues/414" target="_blank" rel="noopener noreferrer">#414</a></li></ul></li><li><p><code>Switch</code> component</p><ul><li>Switch: Double click on switch selects the label <a href="https://github.com/vikramlearning/blazorbootstrap/issues/401" target="_blank" rel="noopener noreferrer">#401</a></li></ul></li><li><p><code>Charts</code> component</p><ul><li>Chart size updates <a href="https://github.com/vikramlearning/blazorbootstrap/pull/384" target="_blank" rel="noopener noreferrer">#384</a></li></ul></li><li><p><code>Modal</code> component</p><ul><li>Pressing Esc still closes the modal even with UseStaticBackdrop=&quot;true&quot; <a href="https://github.com/vikramlearning/blazorbootstrap/issues/416" target="_blank" rel="noopener noreferrer">#416</a></li></ul></li><li><p>Docs updates</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://docs.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2023-11-18-blazorbootstrap-1.10.4.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.5</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.3</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2024/01/01/blazorbootstrap-1.10.5.html b/blog/2024/01/01/blazorbootstrap-1.10.5.html
index 80c7adacc..879309669 100644
--- a/blog/2024/01/01/blazorbootstrap-1.10.5.html
+++ b/blog/2024/01/01/blazorbootstrap-1.10.5.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.10.5</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Accordion</code> component</p><ul><li>Accordion: Add hide methods to Accordion <a href="https://github.com/vikramlearning/blazorbootstrap/pull/473" target="_blank" rel="noopener noreferrer">#473</a></li><li>Accordion: Add Accordion show/hide all methods <a href="https://github.com/vikramlearning/blazorbootstrap/pull/476" target="_blank" rel="noopener noreferrer">476</a></li></ul></li><li><p><code>Chart</code> component</p><ul><li>Charts: How to change legend position in chat <a href="https://github.com/vikramlearning/blazorbootstrap/pull/484" target="_blank" rel="noopener noreferrer">#484</a></li></ul></li><li><p><code>Grid</code> component</p><ul><li>Grid: Docs update <a href="https://github.com/vikramlearning/blazorbootstrap/pull/478" target="_blank" rel="noopener noreferrer">#478</a></li><li>Grid: PageSizeSelector dropdown is default to smallest value <a href="https://github.com/vikramlearning/blazorbootstrap/pull/482" target="_blank" rel="noopener noreferrer">#482</a></li><li>Grid: Auto hide paginations on few elements <a href="https://github.com/vikramlearning/blazorbootstrap/pull/483" target="_blank" rel="noopener noreferrer">#483</a></li></ul></li><li><p><code>Modal</code> component</p><ul><li>Modal: Throws Error on Navigating Away in .NET 8 <a href="https://github.com/vikramlearning/blazorbootstrap/pull/468" target="_blank" rel="noopener noreferrer">#468</a></li></ul></li><li><p><code>Toast</code> component</p><ul><li>Toast: Dispose issue <a href="https://github.com/vikramlearning/blazorbootstrap/pull/488" target="_blank" rel="noopener noreferrer">#488</a></li></ul></li><li><p>Docs updates</p><ul><li>Docs: Fixed typo <a href="https://github.com/vikramlearning/blazorbootstrap/pull/438" target="_blank" rel="noopener noreferrer">#438</a></li><li>Docs: Getting Started Docs - .NET 8 - Web Assembly &amp; Web App - Server - Global <a href="https://github.com/vikramlearning/blazorbootstrap/pull/458" target="_blank" rel="noopener noreferrer">#458</a></li><li>Docs: Getting Started Docs update <a href="https://github.com/vikramlearning/blazorbootstrap/pull/462" target="_blank" rel="noopener noreferrer">#462</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://docs.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-01-01-blazorbootstrap-1.10.5.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.11.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.4</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.10.5</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Accordion</code> component</p><ul><li>Accordion: Add hide methods to Accordion <a href="https://github.com/vikramlearning/blazorbootstrap/pull/473" target="_blank" rel="noopener noreferrer">#473</a></li><li>Accordion: Add Accordion show/hide all methods <a href="https://github.com/vikramlearning/blazorbootstrap/pull/476" target="_blank" rel="noopener noreferrer">476</a></li></ul></li><li><p><code>Chart</code> component</p><ul><li>Charts: How to change legend position in chat <a href="https://github.com/vikramlearning/blazorbootstrap/pull/484" target="_blank" rel="noopener noreferrer">#484</a></li></ul></li><li><p><code>Grid</code> component</p><ul><li>Grid: Docs update <a href="https://github.com/vikramlearning/blazorbootstrap/pull/478" target="_blank" rel="noopener noreferrer">#478</a></li><li>Grid: PageSizeSelector dropdown is default to smallest value <a href="https://github.com/vikramlearning/blazorbootstrap/pull/482" target="_blank" rel="noopener noreferrer">#482</a></li><li>Grid: Auto hide paginations on few elements <a href="https://github.com/vikramlearning/blazorbootstrap/pull/483" target="_blank" rel="noopener noreferrer">#483</a></li></ul></li><li><p><code>Modal</code> component</p><ul><li>Modal: Throws Error on Navigating Away in .NET 8 <a href="https://github.com/vikramlearning/blazorbootstrap/pull/468" target="_blank" rel="noopener noreferrer">#468</a></li></ul></li><li><p><code>Toast</code> component</p><ul><li>Toast: Dispose issue <a href="https://github.com/vikramlearning/blazorbootstrap/pull/488" target="_blank" rel="noopener noreferrer">#488</a></li></ul></li><li><p>Docs updates</p><ul><li>Docs: Fixed typo <a href="https://github.com/vikramlearning/blazorbootstrap/pull/438" target="_blank" rel="noopener noreferrer">#438</a></li><li>Docs: Getting Started Docs - .NET 8 - Web Assembly &amp; Web App - Server - Global <a href="https://github.com/vikramlearning/blazorbootstrap/pull/458" target="_blank" rel="noopener noreferrer">#458</a></li><li>Docs: Getting Started Docs update <a href="https://github.com/vikramlearning/blazorbootstrap/pull/462" target="_blank" rel="noopener noreferrer">#462</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://docs.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-01-01-blazorbootstrap-1.10.5.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.11.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.4</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2024/02/04/blazorbootstrap-1.11.0.html b/blog/2024/02/04/blazorbootstrap-1.11.0.html
index aac01f3d2..02d55d166 100644
--- a/blog/2024/02/04/blazorbootstrap-1.11.0.html
+++ b/blog/2024/02/04/blazorbootstrap-1.11.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.11.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s New<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s New" title="Direct link to What&#x27;s New">​</a></h2><ul><li><code>PDF Viewer</code> component<ul><li>Allows users to view PDF files directly in the browser, eliminating the need for third-party browser tools or extensions.</li><li>Supports two callback events: OnDocumentLoaded and OnPageChanged</li></ul></li><li><code>Range Input</code> component<ul><li>Disabled</li><li>Min and Max</li><li>Step</li><li>Tick marks</li></ul></li><li><code>Script Loader</code> component<ul><li>Allows users to load JS sctipt files dynamically on the fly.</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Auto Complete</code> component</p><ul><li>AutoComplete dispose issue <a href="https://github.com/vikramlearning/blazorbootstrap/pull/527" target="_blank" rel="noopener noreferrer">#527</a></li></ul></li><li><p><code>Badge</code> component</p><ul><li>Badge: Demos update <a href="https://github.com/vikramlearning/blazorbootstrap/pull/497" target="_blank" rel="noopener noreferrer">#497</a></li></ul></li><li><p><code>Grid</code> component</p><ul><li>GGrid: Filters - Support string NotEqual <a href="https://github.com/vikramlearning/blazorbootstrap/issues/486" target="_blank" rel="noopener noreferrer">#486</a></li></ul></li><li><p><code>Tabs</code> component</p><ul><li>Dynamic Tabs <a href="https://github.com/vikramlearning/blazorbootstrap/pull/538" target="_blank" rel="noopener noreferrer">#538</a></li><li>Vertical Tabs <a href="https://github.com/vikramlearning/blazorbootstrap/pull/533" target="_blank" rel="noopener noreferrer">#533</a></li><li>Vertical Pills Tabs<a href="https://github.com/vikramlearning/blazorbootstrap/pull/533" target="_blank" rel="noopener noreferrer">#533</a></li><li>Vertical Underline Tabs<a href="https://github.com/vikramlearning/blazorbootstrap/pull/533" target="_blank" rel="noopener noreferrer">#533</a></li><li>Underline Tabs<a href="https://github.com/vikramlearning/blazorbootstrap/pull/533" target="_blank" rel="noopener noreferrer">#533</a></li><li>Tab: OnClick call back event <a href="https://github.com/vikramlearning/blazorbootstrap/pull/543" target="_blank" rel="noopener noreferrer">#543</a></li></ul></li><li><p>Other updates</p><ul><li>Upgrade bootstrap version to 5.3.2 <a href="https://github.com/vikramlearning/blazorbootstrap/pull/498" target="_blank" rel="noopener noreferrer">#498</a></li><li>Fix build warnings <a href="https://github.com/vikramlearning/blazorbootstrap/pull/534" target="_blank" rel="noopener noreferrer">#534</a></li><li>Nuget update <a href="https://github.com/vikramlearning/blazorbootstrap/pull/520" target="_blank" rel="noopener noreferrer">#520</a></li><li>Update docs to Bootstrap Icons 1.11.3 <a href="https://github.com/vikramlearning/blazorbootstrap/pull/541" target="_blank" rel="noopener noreferrer">#541</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://docs.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-04-blazorbootstrap-1.11.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/02/25/upgrade-to-v2.0.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Upgrade to v2.x.x</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.11.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s New</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.11.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s New<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s New" title="Direct link to What&#x27;s New">​</a></h2><ul><li><code>PDF Viewer</code> component<ul><li>Allows users to view PDF files directly in the browser, eliminating the need for third-party browser tools or extensions.</li><li>Supports two callback events: OnDocumentLoaded and OnPageChanged</li></ul></li><li><code>Range Input</code> component<ul><li>Disabled</li><li>Min and Max</li><li>Step</li><li>Tick marks</li></ul></li><li><code>Script Loader</code> component<ul><li>Allows users to load JS sctipt files dynamically on the fly.</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Auto Complete</code> component</p><ul><li>AutoComplete dispose issue <a href="https://github.com/vikramlearning/blazorbootstrap/pull/527" target="_blank" rel="noopener noreferrer">#527</a></li></ul></li><li><p><code>Badge</code> component</p><ul><li>Badge: Demos update <a href="https://github.com/vikramlearning/blazorbootstrap/pull/497" target="_blank" rel="noopener noreferrer">#497</a></li></ul></li><li><p><code>Grid</code> component</p><ul><li>GGrid: Filters - Support string NotEqual <a href="https://github.com/vikramlearning/blazorbootstrap/issues/486" target="_blank" rel="noopener noreferrer">#486</a></li></ul></li><li><p><code>Tabs</code> component</p><ul><li>Dynamic Tabs <a href="https://github.com/vikramlearning/blazorbootstrap/pull/538" target="_blank" rel="noopener noreferrer">#538</a></li><li>Vertical Tabs <a href="https://github.com/vikramlearning/blazorbootstrap/pull/533" target="_blank" rel="noopener noreferrer">#533</a></li><li>Vertical Pills Tabs<a href="https://github.com/vikramlearning/blazorbootstrap/pull/533" target="_blank" rel="noopener noreferrer">#533</a></li><li>Vertical Underline Tabs<a href="https://github.com/vikramlearning/blazorbootstrap/pull/533" target="_blank" rel="noopener noreferrer">#533</a></li><li>Underline Tabs<a href="https://github.com/vikramlearning/blazorbootstrap/pull/533" target="_blank" rel="noopener noreferrer">#533</a></li><li>Tab: OnClick call back event <a href="https://github.com/vikramlearning/blazorbootstrap/pull/543" target="_blank" rel="noopener noreferrer">#543</a></li></ul></li><li><p>Other updates</p><ul><li>Upgrade bootstrap version to 5.3.2 <a href="https://github.com/vikramlearning/blazorbootstrap/pull/498" target="_blank" rel="noopener noreferrer">#498</a></li><li>Fix build warnings <a href="https://github.com/vikramlearning/blazorbootstrap/pull/534" target="_blank" rel="noopener noreferrer">#534</a></li><li>Nuget update <a href="https://github.com/vikramlearning/blazorbootstrap/pull/520" target="_blank" rel="noopener noreferrer">#520</a></li><li>Update docs to Bootstrap Icons 1.11.3 <a href="https://github.com/vikramlearning/blazorbootstrap/pull/541" target="_blank" rel="noopener noreferrer">#541</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://docs.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-04-blazorbootstrap-1.11.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/02/25/upgrade-to-v2.0.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Upgrade to v2.x.x</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.11.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s New</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2024/02/04/blazorbootstrap-1.11.1.html b/blog/2024/02/04/blazorbootstrap-1.11.1.html
index bbb220b68..8cb29b0e7 100644
--- a/blog/2024/02/04/blazorbootstrap-1.11.1.html
+++ b/blog/2024/02/04/blazorbootstrap-1.11.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.11.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p>We have made improvements to the base components</p></li><li><p><code>PDF Viewer</code> component</p><ul><li>PDF Viewer JS call issue fixed. <a href="https://github.com/vikramlearning/blazorbootstrap/pull/547" target="_blank" rel="noopener noreferrer">#547</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/charts" target="_blank" rel="noopener noreferrer">Blazor Chart Components Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-04-blazorbootstrap-1.11.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.11.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.5</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v1.11.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p>We have made improvements to the base components</p></li><li><p><code>PDF Viewer</code> component</p><ul><li>PDF Viewer JS call issue fixed. <a href="https://github.com/vikramlearning/blazorbootstrap/pull/547" target="_blank" rel="noopener noreferrer">#547</a></li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/charts" target="_blank" rel="noopener noreferrer">Blazor Chart Components Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-04-blazorbootstrap-1.11.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.11.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.10.5</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2024/02/25/blazorbootstrap-2.0.0.html b/blog/2024/02/25/blazorbootstrap-2.0.0.html
index d3eba8f02..68f041ca5 100644
--- a/blog/2024/02/25/blazorbootstrap-2.0.0.html
+++ b/blog/2024/02/25/blazorbootstrap-2.0.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v2.0.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s New<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s New" title="Direct link to What&#x27;s New">​</a></h2><ul><li><code>Spinner</code> component</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p>We have made improvements to the base components</p></li><li><p><code>Button</code> component</p></li><li><p><code>Callout</code> component</p></li><li><p>Documentation: clipboard support added</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/charts" target="_blank" rel="noopener noreferrer">Blazor Chart Components Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-25-blazorbootstrap-2.0.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.1.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/02/25/upgrade-to-v2.0.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Upgrade to v2.x.x</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s New</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v2.0.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s New<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s New" title="Direct link to What&#x27;s New">​</a></h2><ul><li><code>Spinner</code> component</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p>We have made improvements to the base components</p></li><li><p><code>Button</code> component</p></li><li><p><code>Callout</code> component</p></li><li><p>Documentation: clipboard support added</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li><li><a href="https://getblazorbootstrap.com/docs/components/charts" target="_blank" rel="noopener noreferrer">Blazor Chart Components Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-25-blazorbootstrap-2.0.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.1.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/02/25/upgrade-to-v2.0.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Upgrade to v2.x.x</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s New</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2024/02/25/upgrade-to-v2.0.0.html b/blog/2024/02/25/upgrade-to-v2.0.0.html
index 5bc1b46bd..0838b7161 100644
--- a/blog/2024/02/25/upgrade-to-v2.0.0.html
+++ b/blog/2024/02/25/upgrade-to-v2.0.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Recommendation"><header><h1 class="title_f1Hy" itemprop="headline">Upgrade to v2.x.x</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="recommendation">Recommendation<a href="#recommendation" class="hash-link" aria-label="Direct link to Recommendation" title="Direct link to Recommendation">​</a></h3><p>We strongly recommend all <code>BlazorBootstrap</code> users migrate to version <strong>2.x.x</strong>.</p><p>If you are using version <code>1.x.x</code> for non-commercial purposes, you may continue using them, but upgrading to version <code>2.x.x</code> is strongly recommended.</p><p>If you are using version <code>1.x.x</code> for commercial purposes, you are no longer permitted to do so due to code usage concerns regarding Blazorise&#x27;s ClassBuilder and StyleBuilder classes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="background-of-classbuilder--stylebuilder-references">Background of ClassBuilder &amp; StyleBuilder References<a href="#background-of-classbuilder--stylebuilder-references" class="hash-link" aria-label="Direct link to Background of ClassBuilder &amp; StyleBuilder References" title="Direct link to Background of ClassBuilder &amp; StyleBuilder References">​</a></h3><p>In March 2021, we created a component library proof-of-concept (POC) using <code>ClassBuilder</code> and <code>StyleBuilder</code> from Blazorise. At that time, Blazorise was under the MIT license. We inadvertently neglected to re-verify the Blazorise project&#x27;s license later.</p><p>On February 12th, 2024, Blazorise contacted us regarding a potential licensing concern with both <code>ClassBuilder</code> and <code>StyleBuilder</code> classes. We respect Blazorise&#x27;s dedication to open-source software and responsible licensing.</p><p>We have now removed all references to ClassBuilder and StyleBuilder from our codebase.</p><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>IMPORTANT</div><div class="admonitionContent_S0QG"><p>If you wish to continue using version <code>1.x.x</code> for commercial purposes, please reach out to the Blazorise team for licensing.</p></div></div></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-25-upgrade-to-v2.0.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.0.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.11.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#recommendation" class="table-of-contents__link toc-highlight">Recommendation</a></li><li><a href="#background-of-classbuilder--stylebuilder-references" class="table-of-contents__link toc-highlight">Background of ClassBuilder &amp; StyleBuilder References</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Recommendation"><header><h1 class="title_f1Hy" itemprop="headline">Upgrade to v2.x.x</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><h3 class="anchor anchorWithStickyNavbar_LWe7" id="recommendation">Recommendation<a href="#recommendation" class="hash-link" aria-label="Direct link to Recommendation" title="Direct link to Recommendation">​</a></h3><p>We strongly recommend all <code>BlazorBootstrap</code> users migrate to version <strong>2.x.x</strong>.</p><p>If you are using version <code>1.x.x</code> for non-commercial purposes, you may continue using them, but upgrading to version <code>2.x.x</code> is strongly recommended.</p><p>If you are using version <code>1.x.x</code> for commercial purposes, you are no longer permitted to do so due to code usage concerns regarding Blazorise&#x27;s ClassBuilder and StyleBuilder classes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="background-of-classbuilder--stylebuilder-references">Background of ClassBuilder &amp; StyleBuilder References<a href="#background-of-classbuilder--stylebuilder-references" class="hash-link" aria-label="Direct link to Background of ClassBuilder &amp; StyleBuilder References" title="Direct link to Background of ClassBuilder &amp; StyleBuilder References">​</a></h3><p>In March 2021, we created a component library proof-of-concept (POC) using <code>ClassBuilder</code> and <code>StyleBuilder</code> from Blazorise. At that time, Blazorise was under the MIT license. We inadvertently neglected to re-verify the Blazorise project&#x27;s license later.</p><p>On February 12th, 2024, Blazorise contacted us regarding a potential licensing concern with both <code>ClassBuilder</code> and <code>StyleBuilder</code> classes. We respect Blazorise&#x27;s dedication to open-source software and responsible licensing.</p><p>We have now removed all references to ClassBuilder and StyleBuilder from our codebase.</p><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>IMPORTANT</div><div class="admonitionContent_S0QG"><p>If you wish to continue using version <code>1.x.x</code> for commercial purposes, please reach out to the Blazorise team for licensing.</p></div></div></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-02-25-upgrade-to-v2.0.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.0.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v1.11.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#recommendation" class="table-of-contents__link toc-highlight">Recommendation</a></li><li><a href="#background-of-classbuilder--stylebuilder-references" class="table-of-contents__link toc-highlight">Background of ClassBuilder &amp; StyleBuilder References</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2024/03/17/blazorbootstrap-2.1.0.html b/blog/2024/03/17/blazorbootstrap-2.1.0.html
index dc69f644c..2ea5245e3 100644
--- a/blog/2024/03/17/blazorbootstrap-2.1.0.html
+++ b/blog/2024/03/17/blazorbootstrap-2.1.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v2.1.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s New<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s New" title="Direct link to What&#x27;s New">​</a></h2><ul><li><code>Sidebar2</code> component</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>BarChart</code> component</p></li><li><p><code>Callout</code> component</p></li><li><p><code>CurrencyInput</code> component</p></li><li><p><code>Grid</code> component</p></li><li><p><code>NumberInput</code> component</p></li><li><p><code>PdfViewer</code> component</p></li><li><p><code>RangeInput</code> component</p></li><li><p><code>Tooltip</code> component</p></li><li><p>Documentation &amp; Demos</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-03-17-blazorbootstrap-2.1.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.2.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.0.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s New</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v2.1.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s New<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s New" title="Direct link to What&#x27;s New">​</a></h2><ul><li><code>Sidebar2</code> component</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>BarChart</code> component</p></li><li><p><code>Callout</code> component</p></li><li><p><code>CurrencyInput</code> component</p></li><li><p><code>Grid</code> component</p></li><li><p><code>NumberInput</code> component</p></li><li><p><code>PdfViewer</code> component</p></li><li><p><code>RangeInput</code> component</p></li><li><p><code>Tooltip</code> component</p></li><li><p>Documentation &amp; Demos</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-03-17-blazorbootstrap-2.1.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.2.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.0.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s New</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2024/04/14/blazorbootstrap-2.2.0.html b/blog/2024/04/14/blazorbootstrap-2.2.0.html
index 8a7273647..f22f91e87 100644
--- a/blog/2024/04/14/blazorbootstrap-2.2.0.html
+++ b/blog/2024/04/14/blazorbootstrap-2.2.0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v2.2.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s New<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s New" title="Direct link to What&#x27;s New">​</a></h2><ul><li><p><code>Ribbon</code> component</p></li><li><p><code>SortableList</code> component</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>ConfirmDialog</code> component</p></li><li><p><code>Grid</code> component</p></li><li><p><code>PdfViewer</code> component</p></li><li><p><code>Tabs</code> component</p></li><li><p>Documentation &amp; Demos</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-04-14-blazorbootstrap-2.2.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.2.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.1.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s New</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v2.2.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s New<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s New" title="Direct link to What&#x27;s New">​</a></h2><ul><li><p><code>Ribbon</code> component</p></li><li><p><code>SortableList</code> component</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>ConfirmDialog</code> component</p></li><li><p><code>Grid</code> component</p></li><li><p><code>PdfViewer</code> component</p></li><li><p><code>Tabs</code> component</p></li><li><p>Documentation &amp; Demos</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-04-14-blazorbootstrap-2.2.0.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.2.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.1.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s New</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2024/04/21/blazorbootstrap-2.2.1.html b/blog/2024/04/21/blazorbootstrap-2.2.1.html
index e61beb31f..491d5ffa9 100644
--- a/blog/2024/04/21/blazorbootstrap-2.2.1.html
+++ b/blog/2024/04/21/blazorbootstrap-2.2.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v2.2.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>ConfirmDialog</code> component</p></li><li><p><code>Grid</code> component</p></li><li><p>Demos - Upgraded to .NET 8</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-04-21-blazorbootstrap-2.2.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v3.0.0-preview.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.2.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v2.2.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>ConfirmDialog</code> component</p></li><li><p><code>Grid</code> component</p></li><li><p>Demos - Upgraded to .NET 8</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-04-21-blazorbootstrap-2.2.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v3.0.0-preview.1</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.2.0</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1.html b/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1.html
index 2fca21bce..d4b2a9922 100644
--- a/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1.html
+++ b/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v3.0.0-preview.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Chart</code> components</p><ul><li>Tick configuration support added</li><li>Grid configuration support added</li></ul></li><li><p><code>Grid</code> component</p><ul><li>New parameter <strong>FilterButtonColor</strong> added to change the filter button color.</li><li>New parameter <strong>FilterButtonCSSClass</strong> added to apply custom CSS classes.</li><li>Grid filters - Supports <code>DoesNotContain</code> filter.</li><li>Grid filters - <strong>Enum</strong> support added.</li><li>Grid filters - <strong>Guid</strong> support added.</li></ul></li><li><p><code>Modal</code> component</p><ul><li>Bootstrtap 5.3.3 fixes: Modal close button alignment issue fixed. </li></ul></li><li><p><code>Sidebar</code> component</p><ul><li><strong>Href</strong> parameter added.</li></ul></li><li><p><code>Sidebar2</code> component</p><ul><li><strong>Href</strong> parameter added.</li></ul></li><li><p>BlazorBootstrtap component library targets .NET 6 and .NET 8 frameworks.</p></li><li><p>Demos &amp; Docs updated.</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="breaking-changes">Breaking changes<a href="#breaking-changes" class="hash-link" aria-label="Direct link to Breaking changes" title="Direct link to Breaking changes">​</a></h2><ul><li><p><code>AccordionItem</code></p><ul><li><strong>IsActive</strong> parameter renamed to <strong>Active</strong>.</li></ul></li><li><p><code>Button</code></p><ul><li><strong>Size</strong>&#x27;s parameter data type changed from <strong>Size</strong> to <strong>ButtonSize</strong>.</li></ul></li><li><p><code>Callout</code></p><ul><li><strong>Type</strong> parameter changed to <strong>Color</strong>.</li></ul></li><li><p><code>Dropdown</code></p><ul><li>Set the dropdown color on <code>Dropdown</code> component only instead of setting on the <code>DropdownActionButton</code> and <code>DropdownToggleButton</code>.</li><li><strong>Size</strong>&#x27;s parameter data type changed from <strong>Size</strong> to <strong>DropdownSize</strong>.</li></ul></li><li><p><code>DropdownActionButton</code></p><ul><li><strong>Color</strong> parameter removed.</li></ul></li><li><p><code>DropdownToggleButton</code></p><ul><li><strong>Color</strong> parameter removed.</li></ul></li><li><p><code>DropdownItem</code></p><ul><li><strong>Type</strong>&#x27;s parameter data type changed from <strong>ButtonType</strong> to <strong>DropdownItemType</strong>.</li></ul></li><li><p><code>RibbonTab</code></p><ul><li><strong>IsActive</strong> parameter renamed to <strong>Active</strong>.</li></ul></li><li><p><code>Tab</code></p><ul><li><strong>IsActive</strong> parameter renamed to <strong>Active</strong>.</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.2.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#breaking-changes" class="table-of-contents__link toc-highlight">Breaking changes</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v3.0.0-preview.1</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Chart</code> components</p><ul><li>Tick configuration support added</li><li>Grid configuration support added</li></ul></li><li><p><code>Grid</code> component</p><ul><li>New parameter <strong>FilterButtonColor</strong> added to change the filter button color.</li><li>New parameter <strong>FilterButtonCSSClass</strong> added to apply custom CSS classes.</li><li>Grid filters - Supports <code>DoesNotContain</code> filter.</li><li>Grid filters - <strong>Enum</strong> support added.</li><li>Grid filters - <strong>Guid</strong> support added.</li></ul></li><li><p><code>Modal</code> component</p><ul><li>Bootstrtap 5.3.3 fixes: Modal close button alignment issue fixed. </li></ul></li><li><p><code>Sidebar</code> component</p><ul><li><strong>Href</strong> parameter added.</li></ul></li><li><p><code>Sidebar2</code> component</p><ul><li><strong>Href</strong> parameter added.</li></ul></li><li><p>BlazorBootstrtap component library targets .NET 6 and .NET 8 frameworks.</p></li><li><p>Demos &amp; Docs updated.</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="breaking-changes">Breaking changes<a href="#breaking-changes" class="hash-link" aria-label="Direct link to Breaking changes" title="Direct link to Breaking changes">​</a></h2><ul><li><p><code>AccordionItem</code></p><ul><li><strong>IsActive</strong> parameter renamed to <strong>Active</strong>.</li></ul></li><li><p><code>Button</code></p><ul><li><strong>Size</strong>&#x27;s parameter data type changed from <strong>Size</strong> to <strong>ButtonSize</strong>.</li></ul></li><li><p><code>Callout</code></p><ul><li><strong>Type</strong> parameter changed to <strong>Color</strong>.</li></ul></li><li><p><code>Dropdown</code></p><ul><li>Set the dropdown color on <code>Dropdown</code> component only instead of setting on the <code>DropdownActionButton</code> and <code>DropdownToggleButton</code>.</li><li><strong>Size</strong>&#x27;s parameter data type changed from <strong>Size</strong> to <strong>DropdownSize</strong>.</li></ul></li><li><p><code>DropdownActionButton</code></p><ul><li><strong>Color</strong> parameter removed.</li></ul></li><li><p><code>DropdownToggleButton</code></p><ul><li><strong>Color</strong> parameter removed.</li></ul></li><li><p><code>DropdownItem</code></p><ul><li><strong>Type</strong>&#x27;s parameter data type changed from <strong>ButtonType</strong> to <strong>DropdownItemType</strong>.</li></ul></li><li><p><code>RibbonTab</code></p><ul><li><strong>IsActive</strong> parameter renamed to <strong>Active</strong>.</li></ul></li><li><p><code>Tab</code></p><ul><li><strong>IsActive</strong> parameter renamed to <strong>Active</strong>.</li></ul></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-06-08-blazorbootstrap-3.0.0-preview.1.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blazor Bootstrap v3.0.0-preview.2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v2.2.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#breaking-changes" class="table-of-contents__link toc-highlight">Breaking changes</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2.html b/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2.html
new file mode 100644
index 000000000..552204add
--- /dev/null
+++ b/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en" dir="ltr" class="blog-wrapper blog-post-page plugin-blog plugin-id-default" data-has-hydrated="false">
+<head>
+<meta charset="UTF-8">
+<meta name="generator" content="Docusaurus v2.4.3">
+<title data-rh="true">Blazor Bootstrap v3.0.0-preview.2 | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" property="og:title" content="Blazor Bootstrap v3.0.0-preview.2 | Blazor Bootstrap Docs"><meta data-rh="true" name="description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><meta data-rh="true" property="og:description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-07-01T00:00:00.000Z"><meta data-rh="true" property="article:author" content="https://github.com/gvreddy04"><meta data-rh="true" property="article:tag" content="v3.0.0,blazor,bootstrap,blazorbootstrap,charts,grid,image,polarareachart,sidebar,sidebar2"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
+
+<link rel="preconnect" href="https://www.google-analytics.com">
+<link rel="preconnect" href="https://www.googletagmanager.com">
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
+<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
+</head>
+<body class="navigation-with-keyboard">
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><header><h1 class="title_f1Hy" itemprop="headline">Blazor Bootstrap v3.0.0-preview.2</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What&#x27;s new<a href="#whats-new" class="hash-link" aria-label="Direct link to What&#x27;s new" title="Direct link to What&#x27;s new">​</a></h2><ul><li><code>Polar Area Chart</code> component</li><li><code>Image</code> component</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What&#x27;s changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What&#x27;s changed" title="Direct link to What&#x27;s changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Details View</li><li>Nested Grid</li><li>Templates: New <code>GridLoadingTemplate</code> and <code>GridEmptyDataTemplate</code></li><li>New <code>GridContainerClass</code> and <code>GridContainerStyle</code> parameters</li><li>Highlight row when selected and customize the row color and background color</li><li>All the demos updated</li></ul></li><li><p><code>Sidebar</code> component</p><ul><li>New <code>Width</code> and <code>WidthUnit</code> parameters</li></ul></li><li><p><code>Sidebar2</code> component</p><ul><li>New <code>Width</code> and <code>WidthUnit</code> parameters</li></ul></li><li><p>Demos &amp; Docs updated.</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/image">image</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/polarareachart">polarareachart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col margin-top--sm"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/blog/blog/2024-07-01-blazorbootstrap-3.0.0-preview.2.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blazor Bootstrap v3.0.0-preview.1</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#whats-new" class="table-of-contents__link toc-highlight">What&#39;s new</a></li><li><a href="#whats-changed" class="table-of-contents__link toc-highlight">What&#39;s changed</a></li><li><a href="#links" class="table-of-contents__link toc-highlight">Links</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/blog/archive.html b/blog/archive.html
index 3c9aa8651..ec7c1cbfc 100644
--- a/blog/archive.html
+++ b/blog/archive.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><header class="hero hero--primary"><div class="container"><h1 class="hero__title">Archive</h1><p class="hero__subtitle">Archive</p></div></header><main><section class="margin-vert--lg"><div class="container"><div class="row"><div class="col col--4 margin-vert--lg"><h3>2021</h3><ul><li><a href="/blog/2021/12/21/blazorbootstrap-0.1.1">December 21, 2021<!-- --> - <!-- -->BlazorBootstrap v0.1.1</a></li><li><a href="/blog/2021/12/20/blazorbootstrap-0.1.0">December 20, 2021<!-- --> - <!-- -->BlazorBootstrap v0.1.0</a></li><li><a href="/blog/2021/12/12/blazorbootstrap-0.0.4">December 12, 2021<!-- --> - <!-- -->BlazorBootstrap v0.0.4</a></li><li><a href="/blog/2021/12/08/blazorbootstrap-0.0.3">December 8, 2021<!-- --> - <!-- -->BlazorBootstrap v0.0.3</a></li><li><a href="/blog/2021/11/27/blazorbootstrap-0.0.2">November 27, 2021<!-- --> - <!-- -->BlazorBootstrap v0.0.2</a></li><li><a href="/blog/2021/11/23/blazorbootstrap-0.0.1">November 23, 2021<!-- --> - <!-- -->BlazorBootstrap v0.0.1</a></li></ul></div><div class="col col--4 margin-vert--lg"><h3>2022</h3><ul><li><a href="/blog/2022/12/18/blazorbootstrap-1.3.1">December 18, 2022<!-- --> - <!-- -->Blazor Bootstrap v1.3.1</a></li><li><a href="/blog/2022/12/15/blazorbootstrap-1.3.0">December 15, 2022<!-- --> - <!-- -->Blazor Bootstrap v1.3.0</a></li><li><a href="/blog/2022/12/12/blazorbootstrap-1.2.0">December 12, 2022<!-- --> - <!-- -->Blazor Bootstrap v1.2.0</a></li><li><a href="/blog/2022/11/28/blazorbootstrap-1.1.0">November 28, 2022<!-- --> - <!-- -->Blazor Bootstrap v1.1.0</a></li><li><a href="/blog/2022/11/22/blazorbootstrap-1.0.1">November 22, 2022<!-- --> - <!-- -->Blazor Bootstrap v1.0.1</a></li><li><a href="/blog/2022/11/18/blazorbootstrap-1.0.0">November 18, 2022<!-- --> - <!-- -->Blazor Bootstrap v1.0.0</a></li><li><a href="/blog/2022/10/30/blazorbootstrap-0.6.0">October 30, 2022<!-- --> - <!-- -->Blazor Bootstrap v0.6.0</a></li><li><a href="/blog/2022/10/22/blazorbootstrap-0.5.1">October 22, 2022<!-- --> - <!-- -->Blazor Bootstrap v0.5.1</a></li><li><a href="/blog/2022/10/16/blazorbootstrap-0.5.0">October 16, 2022<!-- --> - <!-- -->BlazorBootstrap v0.5.0</a></li><li><a href="/blog/2022/09/17/blazorbootstrap-0.4.2">September 17, 2022<!-- --> - <!-- -->BlazorBootstrap v0.4.2</a></li><li><a href="/blog/2022/09/12/blazorbootstrap-0.4.1">September 12, 2022<!-- --> - <!-- -->BlazorBootstrap v0.4.1</a></li><li><a href="/blog/2022/09/04/blazorbootstrap-0.4.0">September 4, 2022<!-- --> - <!-- -->BlazorBootstrap v0.4.0</a></li><li><a href="/blog/2022/08/31/blazorbootstrap-0.3.0">August 31, 2022<!-- --> - <!-- -->BlazorBootstrap v0.3.0</a></li><li><a href="/blog/2022/08/13/blazorbootstrap-0.2.6">August 13, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.6</a></li><li><a href="/blog/2022/07/28/blazorbootstrap-0.2.5">July 28, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.5</a></li><li><a href="/blog/2022/06/19/blazorbootstrap-0.2.4">June 19, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.4</a></li><li><a href="/blog/2022/04/30/blazorbootstrap-0.2.3">April 30, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.3</a></li><li><a href="/blog/2022/03/15/blazorbootstrap-0.2.2">March 15, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.2</a></li><li><a href="/blog/2022/02/27/blazorbootstrap-0.2.1">February 27, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.1</a></li><li><a href="/blog/2022/01/15/blazorbootstrap-0.2.0">January 15, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.0</a></li></ul></div><div class="col col--4 margin-vert--lg"><h3>2023</h3><ul><li><a href="/blog/2023/11/18/blazorbootstrap-1.10.4">November 18, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.10.4</a></li><li><a href="/blog/2023/10/15/blazorbootstrap-1.10.3">October 15, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.10.3</a></li><li><a href="/blog/2023/09/15/blazorbootstrap-1.10.2">September 15, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.10.2</a></li><li><a href="/blog/2023/08/29/blazorbootstrap-1.10.1">August 29, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.10.1</a></li><li><a href="/blog/2023/08/13/blazorbootstrap-1.10.0">August 13, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.10.0</a></li><li><a href="/blog/2023/07/16/blazorbootstrap-1.9.5">July 16, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.9.5</a></li><li><a href="/blog/2023/07/05/blazorbootstrap-1.9.4">July 5, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.9.4</a></li><li><a href="/blog/2023/07/04/blazorbootstrap-1.9.3">July 4, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.9.3</a></li><li><a href="/blog/2023/06/31/blazorbootstrap-1.9.1">July 1, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.9.1</a></li><li><a href="/blog/2023/07/01/blazorbootstrap-1.9.2">July 1, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.9.2</a></li><li><a href="/blog/2023/06/30/blazorbootstrap-1.9.0">June 30, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.9.0</a></li><li><a href="/blog/2023/06/16/blazorbootstrap-1.8.3">June 16, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.8.3</a></li><li><a href="/blog/2023/06/11/blazorbootstrap-1.8.2">June 11, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.8.2</a></li><li><a href="/blog/2023/05/31/blazorbootstrap-1.8.1">May 31, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.8.1</a></li><li><a href="/blog/2023/05/28/blazorbootstrap-1.8.0">May 28, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.8.0</a></li><li><a href="/blog/2023/04/29/blazorbootstrap-1.7.3">April 29, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.7.3</a></li><li><a href="/blog/2023/04/24/blazorbootstrap-1.7.2">April 24, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.7.2</a></li><li><a href="/blog/2023/04/19/blazorbootstrap-1.7.1">April 19, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.7.1</a></li><li><a href="/blog/2023/04/10/blazorbootstrap-1.7.0">April 10, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.7.0</a></li><li><a href="/blog/2023/03/12/blazorbootstrap-1.6.0">March 12, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.6.0</a></li><li><a href="/blog/2023/03/05/blazorbootstrap-1.5.0">March 5, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.5.0</a></li><li><a href="/blog/2023/02/23/blazorbootstrap-1.4.5">February 23, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.4.5</a></li><li><a href="/blog/2023/02/10/blazorbootstrap-1.4.4">February 10, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.4.4</a></li><li><a href="/blog/2023/02/07/blazorbootstrap-1.4.3">February 7, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.4.3</a></li><li><a href="/blog/2023/01/30/blazorbootstrap-1.4.2">January 30, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.4.2</a></li><li><a href="/blog/2023/01/23/blazorbootstrap-1.4.1">January 23, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.4.1</a></li><li><a href="/blog/2023/01/15/blazorbootstrap-1.4.0">January 15, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.4.0</a></li></ul></div><div class="col col--4 margin-vert--lg"><h3>2024</h3><ul><li><a href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">June 8, 2024<!-- --> - <!-- -->Blazor Bootstrap v3.0.0-preview.1</a></li><li><a href="/blog/2024/04/21/blazorbootstrap-2.2.1">April 21, 2024<!-- --> - <!-- -->Blazor Bootstrap v2.2.1</a></li><li><a href="/blog/2024/04/14/blazorbootstrap-2.2.0">April 14, 2024<!-- --> - <!-- -->Blazor Bootstrap v2.2.0</a></li><li><a href="/blog/2024/03/17/blazorbootstrap-2.1.0">March 17, 2024<!-- --> - <!-- -->Blazor Bootstrap v2.1.0</a></li><li><a href="/blog/2024/02/25/blazorbootstrap-2.0.0">February 25, 2024<!-- --> - <!-- -->Blazor Bootstrap v2.0.0</a></li><li><a href="/blog/2024/02/25/upgrade-to-v2.0.0">February 25, 2024<!-- --> - <!-- -->Upgrade to v2.x.x</a></li><li><a href="/blog/2024/02/04/blazorbootstrap-1.11.0">February 4, 2024<!-- --> - <!-- -->Blazor Bootstrap v1.11.0</a></li><li><a href="/blog/2024/02/04/blazorbootstrap-1.11.1">February 4, 2024<!-- --> - <!-- -->Blazor Bootstrap v1.11.1</a></li><li><a href="/blog/2024/01/01/blazorbootstrap-1.10.5">January 1, 2024<!-- --> - <!-- -->Blazor Bootstrap v1.10.5</a></li></ul></div></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><header class="hero hero--primary"><div class="container"><h1 class="hero__title">Archive</h1><p class="hero__subtitle">Archive</p></div></header><main><section class="margin-vert--lg"><div class="container"><div class="row"><div class="col col--4 margin-vert--lg"><h3>2021</h3><ul><li><a href="/blog/2021/12/21/blazorbootstrap-0.1.1">December 21, 2021<!-- --> - <!-- -->BlazorBootstrap v0.1.1</a></li><li><a href="/blog/2021/12/20/blazorbootstrap-0.1.0">December 20, 2021<!-- --> - <!-- -->BlazorBootstrap v0.1.0</a></li><li><a href="/blog/2021/12/12/blazorbootstrap-0.0.4">December 12, 2021<!-- --> - <!-- -->BlazorBootstrap v0.0.4</a></li><li><a href="/blog/2021/12/08/blazorbootstrap-0.0.3">December 8, 2021<!-- --> - <!-- -->BlazorBootstrap v0.0.3</a></li><li><a href="/blog/2021/11/27/blazorbootstrap-0.0.2">November 27, 2021<!-- --> - <!-- -->BlazorBootstrap v0.0.2</a></li><li><a href="/blog/2021/11/23/blazorbootstrap-0.0.1">November 23, 2021<!-- --> - <!-- -->BlazorBootstrap v0.0.1</a></li></ul></div><div class="col col--4 margin-vert--lg"><h3>2022</h3><ul><li><a href="/blog/2022/12/18/blazorbootstrap-1.3.1">December 18, 2022<!-- --> - <!-- -->Blazor Bootstrap v1.3.1</a></li><li><a href="/blog/2022/12/15/blazorbootstrap-1.3.0">December 15, 2022<!-- --> - <!-- -->Blazor Bootstrap v1.3.0</a></li><li><a href="/blog/2022/12/12/blazorbootstrap-1.2.0">December 12, 2022<!-- --> - <!-- -->Blazor Bootstrap v1.2.0</a></li><li><a href="/blog/2022/11/28/blazorbootstrap-1.1.0">November 28, 2022<!-- --> - <!-- -->Blazor Bootstrap v1.1.0</a></li><li><a href="/blog/2022/11/22/blazorbootstrap-1.0.1">November 22, 2022<!-- --> - <!-- -->Blazor Bootstrap v1.0.1</a></li><li><a href="/blog/2022/11/18/blazorbootstrap-1.0.0">November 18, 2022<!-- --> - <!-- -->Blazor Bootstrap v1.0.0</a></li><li><a href="/blog/2022/10/30/blazorbootstrap-0.6.0">October 30, 2022<!-- --> - <!-- -->Blazor Bootstrap v0.6.0</a></li><li><a href="/blog/2022/10/22/blazorbootstrap-0.5.1">October 22, 2022<!-- --> - <!-- -->Blazor Bootstrap v0.5.1</a></li><li><a href="/blog/2022/10/16/blazorbootstrap-0.5.0">October 16, 2022<!-- --> - <!-- -->BlazorBootstrap v0.5.0</a></li><li><a href="/blog/2022/09/17/blazorbootstrap-0.4.2">September 17, 2022<!-- --> - <!-- -->BlazorBootstrap v0.4.2</a></li><li><a href="/blog/2022/09/12/blazorbootstrap-0.4.1">September 12, 2022<!-- --> - <!-- -->BlazorBootstrap v0.4.1</a></li><li><a href="/blog/2022/09/04/blazorbootstrap-0.4.0">September 4, 2022<!-- --> - <!-- -->BlazorBootstrap v0.4.0</a></li><li><a href="/blog/2022/08/31/blazorbootstrap-0.3.0">August 31, 2022<!-- --> - <!-- -->BlazorBootstrap v0.3.0</a></li><li><a href="/blog/2022/08/13/blazorbootstrap-0.2.6">August 13, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.6</a></li><li><a href="/blog/2022/07/28/blazorbootstrap-0.2.5">July 28, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.5</a></li><li><a href="/blog/2022/06/19/blazorbootstrap-0.2.4">June 19, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.4</a></li><li><a href="/blog/2022/04/30/blazorbootstrap-0.2.3">April 30, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.3</a></li><li><a href="/blog/2022/03/15/blazorbootstrap-0.2.2">March 15, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.2</a></li><li><a href="/blog/2022/02/27/blazorbootstrap-0.2.1">February 27, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.1</a></li><li><a href="/blog/2022/01/15/blazorbootstrap-0.2.0">January 15, 2022<!-- --> - <!-- -->BlazorBootstrap v0.2.0</a></li></ul></div><div class="col col--4 margin-vert--lg"><h3>2023</h3><ul><li><a href="/blog/2023/11/18/blazorbootstrap-1.10.4">November 18, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.10.4</a></li><li><a href="/blog/2023/10/15/blazorbootstrap-1.10.3">October 15, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.10.3</a></li><li><a href="/blog/2023/09/15/blazorbootstrap-1.10.2">September 15, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.10.2</a></li><li><a href="/blog/2023/08/29/blazorbootstrap-1.10.1">August 29, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.10.1</a></li><li><a href="/blog/2023/08/13/blazorbootstrap-1.10.0">August 13, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.10.0</a></li><li><a href="/blog/2023/07/16/blazorbootstrap-1.9.5">July 16, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.9.5</a></li><li><a href="/blog/2023/07/05/blazorbootstrap-1.9.4">July 5, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.9.4</a></li><li><a href="/blog/2023/07/04/blazorbootstrap-1.9.3">July 4, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.9.3</a></li><li><a href="/blog/2023/06/31/blazorbootstrap-1.9.1">July 1, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.9.1</a></li><li><a href="/blog/2023/07/01/blazorbootstrap-1.9.2">July 1, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.9.2</a></li><li><a href="/blog/2023/06/30/blazorbootstrap-1.9.0">June 30, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.9.0</a></li><li><a href="/blog/2023/06/16/blazorbootstrap-1.8.3">June 16, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.8.3</a></li><li><a href="/blog/2023/06/11/blazorbootstrap-1.8.2">June 11, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.8.2</a></li><li><a href="/blog/2023/05/31/blazorbootstrap-1.8.1">May 31, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.8.1</a></li><li><a href="/blog/2023/05/28/blazorbootstrap-1.8.0">May 28, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.8.0</a></li><li><a href="/blog/2023/04/29/blazorbootstrap-1.7.3">April 29, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.7.3</a></li><li><a href="/blog/2023/04/24/blazorbootstrap-1.7.2">April 24, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.7.2</a></li><li><a href="/blog/2023/04/19/blazorbootstrap-1.7.1">April 19, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.7.1</a></li><li><a href="/blog/2023/04/10/blazorbootstrap-1.7.0">April 10, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.7.0</a></li><li><a href="/blog/2023/03/12/blazorbootstrap-1.6.0">March 12, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.6.0</a></li><li><a href="/blog/2023/03/05/blazorbootstrap-1.5.0">March 5, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.5.0</a></li><li><a href="/blog/2023/02/23/blazorbootstrap-1.4.5">February 23, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.4.5</a></li><li><a href="/blog/2023/02/10/blazorbootstrap-1.4.4">February 10, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.4.4</a></li><li><a href="/blog/2023/02/07/blazorbootstrap-1.4.3">February 7, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.4.3</a></li><li><a href="/blog/2023/01/30/blazorbootstrap-1.4.2">January 30, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.4.2</a></li><li><a href="/blog/2023/01/23/blazorbootstrap-1.4.1">January 23, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.4.1</a></li><li><a href="/blog/2023/01/15/blazorbootstrap-1.4.0">January 15, 2023<!-- --> - <!-- -->Blazor Bootstrap v1.4.0</a></li></ul></div><div class="col col--4 margin-vert--lg"><h3>2024</h3><ul><li><a href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">July 1, 2024<!-- --> - <!-- -->Blazor Bootstrap v3.0.0-preview.2</a></li><li><a href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">June 8, 2024<!-- --> - <!-- -->Blazor Bootstrap v3.0.0-preview.1</a></li><li><a href="/blog/2024/04/21/blazorbootstrap-2.2.1">April 21, 2024<!-- --> - <!-- -->Blazor Bootstrap v2.2.1</a></li><li><a href="/blog/2024/04/14/blazorbootstrap-2.2.0">April 14, 2024<!-- --> - <!-- -->Blazor Bootstrap v2.2.0</a></li><li><a href="/blog/2024/03/17/blazorbootstrap-2.1.0">March 17, 2024<!-- --> - <!-- -->Blazor Bootstrap v2.1.0</a></li><li><a href="/blog/2024/02/25/blazorbootstrap-2.0.0">February 25, 2024<!-- --> - <!-- -->Blazor Bootstrap v2.0.0</a></li><li><a href="/blog/2024/02/25/upgrade-to-v2.0.0">February 25, 2024<!-- --> - <!-- -->Upgrade to v2.x.x</a></li><li><a href="/blog/2024/02/04/blazorbootstrap-1.11.0">February 4, 2024<!-- --> - <!-- -->Blazor Bootstrap v1.11.0</a></li><li><a href="/blog/2024/02/04/blazorbootstrap-1.11.1">February 4, 2024<!-- --> - <!-- -->Blazor Bootstrap v1.11.1</a></li><li><a href="/blog/2024/01/01/blazorbootstrap-1.10.5">January 1, 2024<!-- --> - <!-- -->Blazor Bootstrap v1.10.5</a></li></ul></div></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/atom.xml b/blog/atom.xml
index 10fefd1dc..55465e49c 100644
--- a/blog/atom.xml
+++ b/blog/atom.xml
@@ -2,11 +2,33 @@
 <feed xmlns="http://www.w3.org/2005/Atom">
     <id>https://docs.blazorbootstrap.com/blog</id>
     <title>Blazor Bootstrap Docs Blog</title>
-    <updated>2024-06-08T00:00:00.000Z</updated>
+    <updated>2024-07-01T00:00:00.000Z</updated>
     <generator>https://github.com/jpmonette/feed</generator>
     <link rel="alternate" href="https://docs.blazorbootstrap.com/blog"/>
     <subtitle>Blazor Bootstrap Docs Blog</subtitle>
     <icon>https://docs.blazorbootstrap.com/img/logo/logo-color.svg</icon>
+    <entry>
+        <title type="html"><![CDATA[Blazor Bootstrap v3.0.0-preview.2]]></title>
+        <id>https://docs.blazorbootstrap.com/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2</id>
+        <link href="https://docs.blazorbootstrap.com/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"/>
+        <updated>2024-07-01T00:00:00.000Z</updated>
+        <summary type="html"><![CDATA[We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!]]></summary>
+        <content type="html"><![CDATA[<p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What's new<a href="#whats-new" class="hash-link" aria-label="Direct link to What's new" title="Direct link to What's new">​</a></h2><ul><li><code>Polar Area Chart</code> component</li><li><code>Image</code> component</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What's changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What's changed" title="Direct link to What's changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Details View</li><li>Nested Grid</li><li>Templates: New <code>GridLoadingTemplate</code> and <code>GridEmptyDataTemplate</code></li><li>New <code>GridContainerClass</code> and <code>GridContainerStyle</code> parameters</li><li>Highlight row when selected and customize the row color and background color</li><li>All the demos updated</li></ul></li><li><p><code>Sidebar</code> component</p><ul><li>New <code>Width</code> and <code>WidthUnit</code> parameters</li></ul></li><li><p><code>Sidebar2</code> component</p><ul><li>New <code>Width</code> and <code>WidthUnit</code> parameters</li></ul></li><li><p>Demos &amp; Docs updated.</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li></ul>]]></content>
+        <author>
+            <name>Vikram Reddy</name>
+            <uri>https://github.com/gvreddy04</uri>
+        </author>
+        <category label="v3.0.0" term="v3.0.0"/>
+        <category label="blazor" term="blazor"/>
+        <category label="bootstrap" term="bootstrap"/>
+        <category label="blazorbootstrap" term="blazorbootstrap"/>
+        <category label="charts" term="charts"/>
+        <category label="grid" term="grid"/>
+        <category label="image" term="image"/>
+        <category label="polarareachart" term="polarareachart"/>
+        <category label="sidebar" term="sidebar"/>
+        <category label="sidebar2" term="sidebar2"/>
+    </entry>
     <entry>
         <title type="html"><![CDATA[Blazor Bootstrap v3.0.0-preview.1]]></title>
         <id>https://docs.blazorbootstrap.com/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1</id>
diff --git a/blog/page/2.html b/blog/page/2.html
index 87ab085f8..d5f2dc484 100644
--- a/blog/page/2.html
+++ b/blog/page/2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/page/3.html b/blog/page/3.html
index 0242d975a..bd3b835cb 100644
--- a/blog/page/3.html
+++ b/blog/page/3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/2"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/4"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/2"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/4"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/page/4.html b/blog/page/4.html
index ddbd7a6df..387546317 100644
--- a/blog/page/4.html
+++ b/blog/page/4.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/18/blazorbootstrap-1.3.1">Blazor Bootstrap v1.3.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.1" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/15/blazorbootstrap-1.3.0">Blazor Bootstrap v1.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.0" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/3"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/5"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/18/blazorbootstrap-1.3.1">Blazor Bootstrap v1.3.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.1" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/15/blazorbootstrap-1.3.0">Blazor Bootstrap v1.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.0" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/3"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/5"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/page/5.html b/blog/page/5.html
index b6b628706..cd7845ece 100644
--- a/blog/page/5.html
+++ b/blog/page/5.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.2 with bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/17/blazorbootstrap-0.4.2">BlazorBootstrap v0.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-17T00:00:00.000Z" itemprop="datePublished">September 17, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.2</code> with bug fixes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="bug-fixes">Bug fixes<a href="#bug-fixes" class="hash-link" aria-label="Direct link to Bug fixes" title="Direct link to Bug fixes">​</a></h3><ul><li><code>AutoComplete</code> component bug fix</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-2">v0.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.0 with new blazor autocomplete component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/04/blazorbootstrap-0.4.0">BlazorBootstrap v0.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-04T00:00:00.000Z" itemprop="datePublished">September 4, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.0</code> with new blazor autocomplete component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-0">v0.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.0" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.3.0 with significant enhancements to the grid component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/31/blazorbootstrap-0.3.0">BlazorBootstrap v0.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-31T00:00:00.000Z" itemprop="datePublished">August 31, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.3.0</code> with significant enhancements to the grid component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-3-0">v0.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.3.0" href="/blog/2022/08/31/blazorbootstrap-0.3.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.6 with enhancements and bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/13/blazorbootstrap-0.2.6">BlazorBootstrap v0.2.6</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.6</code> with enhancements and bug fixes.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-6">v0.2.6</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.6" href="/blog/2022/08/13/blazorbootstrap-0.2.6"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/4"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/6"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.2 with bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/17/blazorbootstrap-0.4.2">BlazorBootstrap v0.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-17T00:00:00.000Z" itemprop="datePublished">September 17, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.2</code> with bug fixes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="bug-fixes">Bug fixes<a href="#bug-fixes" class="hash-link" aria-label="Direct link to Bug fixes" title="Direct link to Bug fixes">​</a></h3><ul><li><code>AutoComplete</code> component bug fix</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-2">v0.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.0 with new blazor autocomplete component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/04/blazorbootstrap-0.4.0">BlazorBootstrap v0.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-04T00:00:00.000Z" itemprop="datePublished">September 4, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.0</code> with new blazor autocomplete component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-0">v0.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.0" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.3.0 with significant enhancements to the grid component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/31/blazorbootstrap-0.3.0">BlazorBootstrap v0.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-31T00:00:00.000Z" itemprop="datePublished">August 31, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.3.0</code> with significant enhancements to the grid component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-3-0">v0.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.3.0" href="/blog/2022/08/31/blazorbootstrap-0.3.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/4"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/6"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/page/6.html b/blog/page/6.html
index 3167610af..706372aab 100644
--- a/blog/page/6.html
+++ b/blog/page/6.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.5 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/07/28/blazorbootstrap-0.2.5">BlazorBootstrap v0.2.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-07-28T00:00:00.000Z" itemprop="datePublished">July 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.5</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-5">v0.2.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.5" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.4 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/06/19/blazorbootstrap-0.2.4">BlazorBootstrap v0.2.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-06-19T00:00:00.000Z" itemprop="datePublished">June 19, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.4</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-4">v0.2.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.4" href="/blog/2022/06/19/blazorbootstrap-0.2.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.3 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/04/30/blazorbootstrap-0.2.3">BlazorBootstrap v0.2.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-04-30T00:00:00.000Z" itemprop="datePublished">April 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.3</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-3">v0.2.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.3" href="/blog/2022/04/30/blazorbootstrap-0.2.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.2 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/03/15/blazorbootstrap-0.2.2">BlazorBootstrap v0.2.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-03-15T00:00:00.000Z" itemprop="datePublished">March 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.2</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-2">v0.2.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.2" href="/blog/2022/03/15/blazorbootstrap-0.2.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/02/27/blazorbootstrap-0.2.1">BlazorBootstrap v0.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.1" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/21/blazorbootstrap-0.1.1">BlazorBootstrap v0.1.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-21T00:00:00.000Z" itemprop="datePublished">December 21, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-1">v0.1.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/alert">alert</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.1" href="/blog/2021/12/21/blazorbootstrap-0.1.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.1.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/20/blazorbootstrap-0.1.0">BlazorBootstrap v0.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-20T00:00:00.000Z" itemprop="datePublished">December 20, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.1.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-0">v0.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.0" href="/blog/2021/12/20/blazorbootstrap-0.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/12/blazorbootstrap-0.0.4">BlazorBootstrap v0.0.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-4">v0.0.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.4" href="/blog/2021/12/12/blazorbootstrap-0.0.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we added the Toasts component and improved documentation."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/08/blazorbootstrap-0.0.3">BlazorBootstrap v0.0.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-08T00:00:00.000Z" itemprop="datePublished">December 8, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we added the Toasts component and improved documentation.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-3">v0.0.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.3" href="/blog/2021/12/08/blazorbootstrap-0.0.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/5"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/7"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.6 with enhancements and bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/13/blazorbootstrap-0.2.6">BlazorBootstrap v0.2.6</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.6</code> with enhancements and bug fixes.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-6">v0.2.6</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.6" href="/blog/2022/08/13/blazorbootstrap-0.2.6"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.5 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/07/28/blazorbootstrap-0.2.5">BlazorBootstrap v0.2.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-07-28T00:00:00.000Z" itemprop="datePublished">July 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.5</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-5">v0.2.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.5" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.4 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/06/19/blazorbootstrap-0.2.4">BlazorBootstrap v0.2.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-06-19T00:00:00.000Z" itemprop="datePublished">June 19, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.4</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-4">v0.2.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.4" href="/blog/2022/06/19/blazorbootstrap-0.2.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.3 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/04/30/blazorbootstrap-0.2.3">BlazorBootstrap v0.2.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-04-30T00:00:00.000Z" itemprop="datePublished">April 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.3</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-3">v0.2.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.3" href="/blog/2022/04/30/blazorbootstrap-0.2.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.2 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/03/15/blazorbootstrap-0.2.2">BlazorBootstrap v0.2.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-03-15T00:00:00.000Z" itemprop="datePublished">March 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.2</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-2">v0.2.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.2" href="/blog/2022/03/15/blazorbootstrap-0.2.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/02/27/blazorbootstrap-0.2.1">BlazorBootstrap v0.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.1" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/21/blazorbootstrap-0.1.1">BlazorBootstrap v0.1.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-21T00:00:00.000Z" itemprop="datePublished">December 21, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-1">v0.1.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/alert">alert</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.1" href="/blog/2021/12/21/blazorbootstrap-0.1.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.1.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/20/blazorbootstrap-0.1.0">BlazorBootstrap v0.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-20T00:00:00.000Z" itemprop="datePublished">December 20, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.1.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-0">v0.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.0" href="/blog/2021/12/20/blazorbootstrap-0.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/12/blazorbootstrap-0.0.4">BlazorBootstrap v0.0.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-4">v0.0.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.4" href="/blog/2021/12/12/blazorbootstrap-0.0.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/5"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/7"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/page/7.html b/blog/page/7.html
index 312ee7908..4342408a0 100644
--- a/blog/page/7.html
+++ b/blog/page/7.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, our focus was more on documenting the individual components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/11/27/blazorbootstrap-0.0.2">BlazorBootstrap v0.0.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-11-27T00:00:00.000Z" itemprop="datePublished">November 27, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, our focus was more on documenting the individual components.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-2">v0.0.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.2" href="/blog/2021/11/27/blazorbootstrap-0.0.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/11/23/blazorbootstrap-0.0.1">BlazorBootstrap v0.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-11-23T00:00:00.000Z" itemprop="datePublished">November 23, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-1">v0.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.1" href="/blog/2021/11/23/blazorbootstrap-0.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/6"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we added the Toasts component and improved documentation."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/08/blazorbootstrap-0.0.3">BlazorBootstrap v0.0.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-08T00:00:00.000Z" itemprop="datePublished">December 8, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we added the Toasts component and improved documentation.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-3">v0.0.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.3" href="/blog/2021/12/08/blazorbootstrap-0.0.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, our focus was more on documenting the individual components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/11/27/blazorbootstrap-0.0.2">BlazorBootstrap v0.0.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-11-27T00:00:00.000Z" itemprop="datePublished">November 27, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, our focus was more on documenting the individual components.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-2">v0.0.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.2" href="/blog/2021/11/27/blazorbootstrap-0.0.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/11/23/blazorbootstrap-0.0.1">BlazorBootstrap v0.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-11-23T00:00:00.000Z" itemprop="datePublished">November 23, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-1">v0.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.1" href="/blog/2021/11/23/blazorbootstrap-0.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/6"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/rss.xml b/blog/rss.xml
index 8ad7917d8..67f420770 100644
--- a/blog/rss.xml
+++ b/blog/rss.xml
@@ -4,10 +4,28 @@
         <title>Blazor Bootstrap Docs Blog</title>
         <link>https://docs.blazorbootstrap.com/blog</link>
         <description>Blazor Bootstrap Docs Blog</description>
-        <lastBuildDate>Sat, 08 Jun 2024 00:00:00 GMT</lastBuildDate>
+        <lastBuildDate>Mon, 01 Jul 2024 00:00:00 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>en</language>
+        <item>
+            <title><![CDATA[Blazor Bootstrap v3.0.0-preview.2]]></title>
+            <link>https://docs.blazorbootstrap.com/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2</link>
+            <guid>https://docs.blazorbootstrap.com/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2</guid>
+            <pubDate>Mon, 01 Jul 2024 00:00:00 GMT</pubDate>
+            <description><![CDATA[We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!]]></description>
+            <content:encoded><![CDATA[<p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-new">What's new<a href="#whats-new" class="hash-link" aria-label="Direct link to What's new" title="Direct link to What's new">​</a></h2><ul><li><code>Polar Area Chart</code> component</li><li><code>Image</code> component</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="whats-changed">What's changed<a href="#whats-changed" class="hash-link" aria-label="Direct link to What's changed" title="Direct link to What's changed">​</a></h2><ul><li><p><code>Grid</code> component</p><ul><li>Details View</li><li>Nested Grid</li><li>Templates: New <code>GridLoadingTemplate</code> and <code>GridEmptyDataTemplate</code></li><li>New <code>GridContainerClass</code> and <code>GridContainerStyle</code> parameters</li><li>Highlight row when selected and customize the row color and background color</li><li>All the demos updated</li></ul></li><li><p><code>Sidebar</code> component</p><ul><li>New <code>Width</code> and <code>WidthUnit</code> parameters</li></ul></li><li><p><code>Sidebar2</code> component</p><ul><li>New <code>Width</code> and <code>WidthUnit</code> parameters</li></ul></li><li><p>Demos &amp; Docs updated.</p></li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h2><ul><li><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor Server</a></li><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website - Blazor WebAssembly</a></li></ul>]]></content:encoded>
+            <category>v3.0.0</category>
+            <category>blazor</category>
+            <category>bootstrap</category>
+            <category>blazorbootstrap</category>
+            <category>charts</category>
+            <category>grid</category>
+            <category>image</category>
+            <category>polarareachart</category>
+            <category>sidebar</category>
+            <category>sidebar2</category>
+        </item>
         <item>
             <title><![CDATA[Blazor Bootstrap v3.0.0-preview.1]]></title>
             <link>https://docs.blazorbootstrap.com/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1</link>
diff --git a/blog/tags.html b/blog/tags.html
index 2409ffa31..9176a4f2f 100644
--- a/blog/tags.html
+++ b/blog/tags.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><h1>Tags</h1><section class="margin-vert--lg"><article><h2>A</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/accordion">accordion<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/alert">alert<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/autocomplete">autocomplete<span>9</span></a></li></ul><hr></article><article><h2>B</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/badge">badge<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/barchart">barchart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor">blazor<span>41</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-autocomplete">blazor-autocomplete<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-bar-chart">blazor-bar-chart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-bootstrap">blazor-bootstrap<span>5</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-charts">blazor-charts<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-currency-input">blazor-currency-input<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-dialog">blazor-dialog<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-grid">blazor-grid<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-grid-paging">blazor-grid-paging<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-input">blazor-input<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-input-number">blazor-input-number<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-line-chart">blazor-line-chart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-number">blazor-number<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-number-input">blazor-number-input<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-offcanvas">blazor-offcanvas<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-pie-chart">blazor-pie-chart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-preload">blazor-preload<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-progress">blazor-progress<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-progress-bar">blazor-progress-bar<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-sidemodal">blazor-sidemodal<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-spinner">blazor-spinner<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-starter-templates">blazor-starter-templates<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-tabs">blazor-tabs<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-templates">blazor-templates<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-toast">blazor-toast<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-toasts">blazor-toasts<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazoraccordion">blazoraccordion<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorautocomplete">blazorautocomplete<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorbadge">blazorbadge<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorbootstrap">blazorbootstrap<span>61</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorbutton">blazorbutton<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorbuttons">blazorbuttons<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorchart">blazorchart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorcollapse">blazorcollapse<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazordate">blazordate<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazordateinput">blazordateinput<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazordatepicker">blazordatepicker<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazordialog">blazordialog<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazordropdown">blazordropdown<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorgrid">blazorgrid<span>13</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazoricon">blazoricon<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazormodal">blazormodal<span>8</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazormodalservice">blazormodalservice<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazornumber">blazornumber<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazornumberinput">blazornumberinput<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazoroffcanvas">blazoroffcanvas<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorprogress">blazorprogress<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorsidebar">blazorsidebar<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorswitch">blazorswitch<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortabs">blazortabs<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortime">blazortime<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortimeinput">blazortimeinput<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortimepicker">blazortimepicker<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortoast">blazortoast<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortoasts">blazortoasts<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortooltip">blazortooltip<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/bootstrap">bootstrap<span>34</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/bootstrap-5">bootstrap5<span>32</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/breadcrumb">breadcrumb<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/breadcrumbservice">breadcrumbservice<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/button">button<span>5</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/buttons">buttons<span>3</span></a></li></ul><hr></article><article><h2>C</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/callout">callout<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/chart">chart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/charts">charts<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/clipboard">clipboard<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/collapse">collapse<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/confirm-dialog">confirm dialog<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/confirmdialog">confirmdialog<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/confirmmodal">confirmmodal<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/currency">currency<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/currencyinput">currencyinput<span>3</span></a></li></ul><hr></article><article><h2>D</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/date">date<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/dateinput">dateinput<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/datepicker">datepicker<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/dialog">dialog<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/docs">docs<span>7</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/dropdown">dropdown<span>2</span></a></li></ul><hr></article><article><h2>G</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/grid">grid<span>21</span></a></li></ul><hr></article><article><h2>I</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/icon">icon<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/icons">icons<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/input">input<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/input-number">input-number<span>1</span></a></li></ul><hr></article><article><h2>L</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/layout">layout<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/leftmenu">leftmenu<span>1</span></a></li></ul><hr></article><article><h2>M</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/modal">modal<span>13</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/modalservice">modalservice<span>3</span></a></li></ul><hr></article><article><h2>N</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/navigation">navigation<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/numberinput">numberinput<span>2</span></a></li></ul><hr></article><article><h2>O</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/offcanvas">offcanvas<span>5</span></a></li></ul><hr></article><article><h2>P</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/pagination">pagination<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/pdfviewer">pdfviewer<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/placeholders">placeholders<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/preload">preload<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/progress">progress<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/progress-bar">progress-bar<span>1</span></a></li></ul><hr></article><article><h2>R</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/rangeinput">rangeinput<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/ribbon">ribbon<span>2</span></a></li></ul><hr></article><article><h2>S</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/scriptloader">scriptloader<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/sidebar">sidebar<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/sidebar-2">sidebar2<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/sortablelist">sortablelist<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/spinner">spinner<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/switch">switch<span>2</span></a></li></ul><hr></article><article><h2>T</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/tab">tab<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/tabs">tabs<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/timeinput">timeinput<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/timepicker">timepicker<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/toast">toast<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/toasts">toasts<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/toastservice">toastservice<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/tooltip">tooltip<span>3</span></a></li></ul><hr></article><article><h2>V</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-0-1">v0.0.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-0-2">v0.0.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-0-3">v0.0.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-0-4">v0.0.4<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-1-0">v0.1.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-1-1">v0.1.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-0">v0.2.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-1">v0.2.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-2">v0.2.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-3">v0.2.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-4">v0.2.4<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-5">v0.2.5<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-6">v0.2.6<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-3-0">v0.3.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-4-0">v0.4.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-4-1">v0.4.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-4-2">v0.4.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-5-0">v0.5.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-5-1">v0.5.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-6-0">v0.6.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-0-0">v1.0.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-0-1">v1.0.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-1-0">v1.1.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-10-0">v1.10.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-10-1">v1.10.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-10-2">v1.10.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-10-3">v1.10.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-10-4">v1.10.4<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-10-5">v1.10.5<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-11-0">v1.11.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-11-1">v1.11.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-2-0">v1.2.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-3-0">v1.3.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-3-1">v1.3.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-4-0">v1.4.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-4-1">v1.4.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-4-2">v1.4.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-4-3">v1.4.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-4-4">v1.4.4<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-4-5">v1.4.5<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-5-0">v1.5.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-6-0">v1.6.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-7-0">v1.7.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-7-1">v1.7.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-7-2">v1.7.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-7-3">v1.7.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-8-0">v1.8.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-8-1">v1.8.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-8-2">v1.8.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-8-3">v1.8.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-9-0">v1.9.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-9-1">v1.9.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-9-2">v1.9.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-9-3">v1.9.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-9-4">v1.9.4<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-9-5">v1.9.5<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-2-0-0">v2.0.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-2-1-0">v2.1.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-2-2-0">v2.2.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-2-2-1">v2.2.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-3-0-0">v3.0.0<span>1</span></a></li></ul><hr></article></section></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><h1>Tags</h1><section class="margin-vert--lg"><article><h2>A</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/accordion">accordion<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/alert">alert<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/autocomplete">autocomplete<span>9</span></a></li></ul><hr></article><article><h2>B</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/badge">badge<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/barchart">barchart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor">blazor<span>42</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-autocomplete">blazor-autocomplete<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-bar-chart">blazor-bar-chart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-bootstrap">blazor-bootstrap<span>5</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-charts">blazor-charts<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-currency-input">blazor-currency-input<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-dialog">blazor-dialog<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-grid">blazor-grid<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-grid-paging">blazor-grid-paging<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-input">blazor-input<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-input-number">blazor-input-number<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-line-chart">blazor-line-chart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-number">blazor-number<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-number-input">blazor-number-input<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-offcanvas">blazor-offcanvas<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-pie-chart">blazor-pie-chart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-preload">blazor-preload<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-progress">blazor-progress<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-progress-bar">blazor-progress-bar<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-sidemodal">blazor-sidemodal<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-spinner">blazor-spinner<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-starter-templates">blazor-starter-templates<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-tabs">blazor-tabs<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-templates">blazor-templates<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-toast">blazor-toast<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazor-toasts">blazor-toasts<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazoraccordion">blazoraccordion<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorautocomplete">blazorautocomplete<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorbadge">blazorbadge<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorbootstrap">blazorbootstrap<span>62</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorbutton">blazorbutton<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorbuttons">blazorbuttons<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorchart">blazorchart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorcollapse">blazorcollapse<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazordate">blazordate<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazordateinput">blazordateinput<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazordatepicker">blazordatepicker<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazordialog">blazordialog<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazordropdown">blazordropdown<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorgrid">blazorgrid<span>13</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazoricon">blazoricon<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazormodal">blazormodal<span>8</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazormodalservice">blazormodalservice<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazornumber">blazornumber<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazornumberinput">blazornumberinput<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazoroffcanvas">blazoroffcanvas<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorprogress">blazorprogress<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorsidebar">blazorsidebar<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazorswitch">blazorswitch<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortabs">blazortabs<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortime">blazortime<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortimeinput">blazortimeinput<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortimepicker">blazortimepicker<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortoast">blazortoast<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortoasts">blazortoasts<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blazortooltip">blazortooltip<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/bootstrap">bootstrap<span>35</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/bootstrap-5">bootstrap5<span>32</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/breadcrumb">breadcrumb<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/breadcrumbservice">breadcrumbservice<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/button">button<span>5</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/buttons">buttons<span>3</span></a></li></ul><hr></article><article><h2>C</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/callout">callout<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/chart">chart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/charts">charts<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/clipboard">clipboard<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/collapse">collapse<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/confirm-dialog">confirm dialog<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/confirmdialog">confirmdialog<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/confirmmodal">confirmmodal<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/currency">currency<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/currencyinput">currencyinput<span>3</span></a></li></ul><hr></article><article><h2>D</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/date">date<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/dateinput">dateinput<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/datepicker">datepicker<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/dialog">dialog<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/docs">docs<span>7</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/dropdown">dropdown<span>2</span></a></li></ul><hr></article><article><h2>G</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/grid">grid<span>22</span></a></li></ul><hr></article><article><h2>I</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/icon">icon<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/icons">icons<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/image">image<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/input">input<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/input-number">input-number<span>1</span></a></li></ul><hr></article><article><h2>L</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/layout">layout<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/leftmenu">leftmenu<span>1</span></a></li></ul><hr></article><article><h2>M</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/modal">modal<span>13</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/modalservice">modalservice<span>3</span></a></li></ul><hr></article><article><h2>N</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/navigation">navigation<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/numberinput">numberinput<span>2</span></a></li></ul><hr></article><article><h2>O</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/offcanvas">offcanvas<span>5</span></a></li></ul><hr></article><article><h2>P</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/pagination">pagination<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/pdfviewer">pdfviewer<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/placeholders">placeholders<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/polarareachart">polarareachart<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/preload">preload<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/progress">progress<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/progress-bar">progress-bar<span>1</span></a></li></ul><hr></article><article><h2>R</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/rangeinput">rangeinput<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/ribbon">ribbon<span>2</span></a></li></ul><hr></article><article><h2>S</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/scriptloader">scriptloader<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/sidebar">sidebar<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/sidebar-2">sidebar2<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/sortablelist">sortablelist<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/spinner">spinner<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/switch">switch<span>2</span></a></li></ul><hr></article><article><h2>T</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/tab">tab<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/tabs">tabs<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/timeinput">timeinput<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/timepicker">timepicker<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/toast">toast<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/toasts">toasts<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/toastservice">toastservice<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/tooltip">tooltip<span>3</span></a></li></ul><hr></article><article><h2>V</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-0-1">v0.0.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-0-2">v0.0.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-0-3">v0.0.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-0-4">v0.0.4<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-1-0">v0.1.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-1-1">v0.1.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-0">v0.2.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-1">v0.2.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-2">v0.2.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-3">v0.2.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-4">v0.2.4<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-5">v0.2.5<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-2-6">v0.2.6<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-3-0">v0.3.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-4-0">v0.4.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-4-1">v0.4.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-4-2">v0.4.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-5-0">v0.5.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-5-1">v0.5.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-0-6-0">v0.6.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-0-0">v1.0.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-0-1">v1.0.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-1-0">v1.1.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-10-0">v1.10.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-10-1">v1.10.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-10-2">v1.10.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-10-3">v1.10.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-10-4">v1.10.4<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-10-5">v1.10.5<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-11-0">v1.11.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-11-1">v1.11.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-2-0">v1.2.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-3-0">v1.3.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-3-1">v1.3.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-4-0">v1.4.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-4-1">v1.4.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-4-2">v1.4.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-4-3">v1.4.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-4-4">v1.4.4<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-4-5">v1.4.5<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-5-0">v1.5.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-6-0">v1.6.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-7-0">v1.7.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-7-1">v1.7.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-7-2">v1.7.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-7-3">v1.7.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-8-0">v1.8.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-8-1">v1.8.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-8-2">v1.8.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-8-3">v1.8.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-9-0">v1.9.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-9-1">v1.9.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-9-2">v1.9.2<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-9-3">v1.9.3<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-9-4">v1.9.4<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-1-9-5">v1.9.5<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-2-0-0">v2.0.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-2-1-0">v2.1.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-2-2-0">v2.2.0<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-2-2-1">v2.2.1<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/v-3-0-0">v3.0.0<span>2</span></a></li></ul><hr></article></section></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/accordion.html b/blog/tags/accordion.html
index 9bae0fff2..f7cb21c95 100644
--- a/blog/tags/accordion.html
+++ b/blog/tags/accordion.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;accordion&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;accordion&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/alert.html b/blog/tags/alert.html
index 37c3f37a1..507c0e31b 100644
--- a/blog/tags/alert.html
+++ b/blog/tags/alert.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;alert&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/21/blazorbootstrap-0.1.1">BlazorBootstrap v0.1.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-21T00:00:00.000Z" itemprop="datePublished">December 21, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-1">v0.1.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/alert">alert</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.1" href="/blog/2021/12/21/blazorbootstrap-0.1.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;alert&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/21/blazorbootstrap-0.1.1">BlazorBootstrap v0.1.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-21T00:00:00.000Z" itemprop="datePublished">December 21, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-1">v0.1.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/alert">alert</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.1" href="/blog/2021/12/21/blazorbootstrap-0.1.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/autocomplete.html b/blog/tags/autocomplete.html
index 8a9e1c877..a92fbd340 100644
--- a/blog/tags/autocomplete.html
+++ b/blog/tags/autocomplete.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>9 posts tagged with &quot;autocomplete&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/18/blazorbootstrap-1.3.1">Blazor Bootstrap v1.3.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.1" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.2 with bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/17/blazorbootstrap-0.4.2">BlazorBootstrap v0.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-17T00:00:00.000Z" itemprop="datePublished">September 17, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.2</code> with bug fixes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="bug-fixes">Bug fixes<a href="#bug-fixes" class="hash-link" aria-label="Direct link to Bug fixes" title="Direct link to Bug fixes">​</a></h3><ul><li><code>AutoComplete</code> component bug fix</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-2">v0.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.0 with new blazor autocomplete component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/04/blazorbootstrap-0.4.0">BlazorBootstrap v0.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-04T00:00:00.000Z" itemprop="datePublished">September 4, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.0</code> with new blazor autocomplete component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-0">v0.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.0" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>9 posts tagged with &quot;autocomplete&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/18/blazorbootstrap-1.3.1">Blazor Bootstrap v1.3.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.1" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.2 with bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/17/blazorbootstrap-0.4.2">BlazorBootstrap v0.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-17T00:00:00.000Z" itemprop="datePublished">September 17, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.2</code> with bug fixes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="bug-fixes">Bug fixes<a href="#bug-fixes" class="hash-link" aria-label="Direct link to Bug fixes" title="Direct link to Bug fixes">​</a></h3><ul><li><code>AutoComplete</code> component bug fix</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-2">v0.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.0 with new blazor autocomplete component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/04/blazorbootstrap-0.4.0">BlazorBootstrap v0.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-04T00:00:00.000Z" itemprop="datePublished">September 4, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.0</code> with new blazor autocomplete component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-0">v0.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.0" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/badge.html b/blog/tags/badge.html
index ea7e826e8..d36ffba19 100644
--- a/blog/tags/badge.html
+++ b/blog/tags/badge.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;badge&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;badge&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/barchart.html b/blog/tags/barchart.html
index 69baafd34..36dea304d 100644
--- a/blog/tags/barchart.html
+++ b/blog/tags/barchart.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;barchart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;barchart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-autocomplete.html b/blog/tags/blazor-autocomplete.html
index 169bdcfb3..d166ba35e 100644
--- a/blog/tags/blazor-autocomplete.html
+++ b/blog/tags/blazor-autocomplete.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-autocomplete&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-autocomplete&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-bar-chart.html b/blog/tags/blazor-bar-chart.html
index b56163e9a..6942e11aa 100644
--- a/blog/tags/blazor-bar-chart.html
+++ b/blog/tags/blazor-bar-chart.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-bar-chart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-bar-chart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-bootstrap.html b/blog/tags/blazor-bootstrap.html
index 1b77245c9..2efedaec5 100644
--- a/blog/tags/blazor-bootstrap.html
+++ b/blog/tags/blazor-bootstrap.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>5 posts tagged with &quot;blazor-bootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/15/blazorbootstrap-1.3.0">Blazor Bootstrap v1.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.0" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>5 posts tagged with &quot;blazor-bootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/15/blazorbootstrap-1.3.0">Blazor Bootstrap v1.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.0" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-charts.html b/blog/tags/blazor-charts.html
index b18e8b250..8282ca1d1 100644
--- a/blog/tags/blazor-charts.html
+++ b/blog/tags/blazor-charts.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-charts&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-charts&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-confirm-dialog.html b/blog/tags/blazor-confirm-dialog.html
index 3240c97a0..a6b098774 100644
--- a/blog/tags/blazor-confirm-dialog.html
+++ b/blog/tags/blazor-confirm-dialog.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazor-confirm-dialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazor-confirm-dialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-currency-input.html b/blog/tags/blazor-currency-input.html
index 1584fa329..504625095 100644
--- a/blog/tags/blazor-currency-input.html
+++ b/blog/tags/blazor-currency-input.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-currency-input&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-currency-input&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-dialog.html b/blog/tags/blazor-dialog.html
index fbaf18cc6..a76f939df 100644
--- a/blog/tags/blazor-dialog.html
+++ b/blog/tags/blazor-dialog.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazor-dialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazor-dialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-doughnut-chart.html b/blog/tags/blazor-doughnut-chart.html
index f857ce81b..131e65378 100644
--- a/blog/tags/blazor-doughnut-chart.html
+++ b/blog/tags/blazor-doughnut-chart.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-doughnut-chart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-doughnut-chart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-grid-filtering.html b/blog/tags/blazor-grid-filtering.html
index 473f1cdfa..bdff3f0f1 100644
--- a/blog/tags/blazor-grid-filtering.html
+++ b/blog/tags/blazor-grid-filtering.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-grid-filtering&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-grid-filtering&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-grid-paging.html b/blog/tags/blazor-grid-paging.html
index 3f56bba05..da5da28ad 100644
--- a/blog/tags/blazor-grid-paging.html
+++ b/blog/tags/blazor-grid-paging.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-grid-paging&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-grid-paging&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-grid-sorting.html b/blog/tags/blazor-grid-sorting.html
index 2a7818717..0ba25adab 100644
--- a/blog/tags/blazor-grid-sorting.html
+++ b/blog/tags/blazor-grid-sorting.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-grid-sorting&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-grid-sorting&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-grid.html b/blog/tags/blazor-grid.html
index 44ecf30b2..49d781682 100644
--- a/blog/tags/blazor-grid.html
+++ b/blog/tags/blazor-grid.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;blazor-grid&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;blazor-grid&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-input-number.html b/blog/tags/blazor-input-number.html
index 552eb066f..b8bbd46eb 100644
--- a/blog/tags/blazor-input-number.html
+++ b/blog/tags/blazor-input-number.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-input-number&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-input-number&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-input.html b/blog/tags/blazor-input.html
index 21c2662ea..65db96f0c 100644
--- a/blog/tags/blazor-input.html
+++ b/blog/tags/blazor-input.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-input&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-input&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-line-chart.html b/blog/tags/blazor-line-chart.html
index c7c89afe4..43060ae66 100644
--- a/blog/tags/blazor-line-chart.html
+++ b/blog/tags/blazor-line-chart.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-line-chart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-line-chart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-number-input.html b/blog/tags/blazor-number-input.html
index 14d52424d..a4d88fe62 100644
--- a/blog/tags/blazor-number-input.html
+++ b/blog/tags/blazor-number-input.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-number-input&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-number-input&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-number.html b/blog/tags/blazor-number.html
index 13e236357..d5d335510 100644
--- a/blog/tags/blazor-number.html
+++ b/blog/tags/blazor-number.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-number&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-number&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-offcanvas.html b/blog/tags/blazor-offcanvas.html
index 9b18cfe6c..3df6d8e3f 100644
--- a/blog/tags/blazor-offcanvas.html
+++ b/blog/tags/blazor-offcanvas.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-offcanvas&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-offcanvas&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-pie-chart.html b/blog/tags/blazor-pie-chart.html
index d6f396e8a..39bb64785 100644
--- a/blog/tags/blazor-pie-chart.html
+++ b/blog/tags/blazor-pie-chart.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-pie-chart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-pie-chart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-preload.html b/blog/tags/blazor-preload.html
index 67c78a9f7..55d59d639 100644
--- a/blog/tags/blazor-preload.html
+++ b/blog/tags/blazor-preload.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazor-preload&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazor-preload&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-progress-bar.html b/blog/tags/blazor-progress-bar.html
index 3b84af9f7..97d61e9ce 100644
--- a/blog/tags/blazor-progress-bar.html
+++ b/blog/tags/blazor-progress-bar.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-progress-bar&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-progress-bar&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-progress.html b/blog/tags/blazor-progress.html
index ac6c7d827..216ccae20 100644
--- a/blog/tags/blazor-progress.html
+++ b/blog/tags/blazor-progress.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-progress&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-progress&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-sidemodal.html b/blog/tags/blazor-sidemodal.html
index dfc996b5a..ae93b3718 100644
--- a/blog/tags/blazor-sidemodal.html
+++ b/blog/tags/blazor-sidemodal.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-sidemodal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-sidemodal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-spinner.html b/blog/tags/blazor-spinner.html
index 01200e8ee..ec192cd28 100644
--- a/blog/tags/blazor-spinner.html
+++ b/blog/tags/blazor-spinner.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazor-spinner&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazor-spinner&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-starter-templates.html b/blog/tags/blazor-starter-templates.html
index 046607905..8efea1913 100644
--- a/blog/tags/blazor-starter-templates.html
+++ b/blog/tags/blazor-starter-templates.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-starter-templates&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-starter-templates&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-tabs.html b/blog/tags/blazor-tabs.html
index ef34cd0d3..3e6e045e6 100644
--- a/blog/tags/blazor-tabs.html
+++ b/blog/tags/blazor-tabs.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-tabs&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-tabs&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-templates.html b/blog/tags/blazor-templates.html
index 78cf5ee1b..9c1470841 100644
--- a/blog/tags/blazor-templates.html
+++ b/blog/tags/blazor-templates.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-templates&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-templates&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-toast.html b/blog/tags/blazor-toast.html
index 81ee8a8de..3d199ef2f 100644
--- a/blog/tags/blazor-toast.html
+++ b/blog/tags/blazor-toast.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-toast&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazor-toast&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor-toasts.html b/blog/tags/blazor-toasts.html
index 455dcafa0..90a8bc1bd 100644
--- a/blog/tags/blazor-toasts.html
+++ b/blog/tags/blazor-toasts.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazor-toasts&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazor-toasts&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor.html b/blog/tags/blazor.html
index 4d726c79a..ed6a80391 100644
--- a/blog/tags/blazor.html
+++ b/blog/tags/blazor.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">41 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazor"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="41 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazor"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">42 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazor"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="42 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazor"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>41 posts tagged with &quot;blazor&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazor/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>42 posts tagged with &quot;blazor&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/image">image</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/polarareachart">polarareachart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.2" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazor/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor/page/2.html b/blog/tags/blazor/page/2.html
index 30129a7a2..9cd588ab7 100644
--- a/blog/tags/blazor/page/2.html
+++ b/blog/tags/blazor/page/2.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">41 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazor/page/2"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="41 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/2"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/2" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/2" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">42 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazor/page/2"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="42 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/2"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/2" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/2" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>41 posts tagged with &quot;blazor&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazor"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazor/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>42 posts tagged with &quot;blazor&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazor"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazor/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor/page/3.html b/blog/tags/blazor/page/3.html
index 328634ac1..f7056861f 100644
--- a/blog/tags/blazor/page/3.html
+++ b/blog/tags/blazor/page/3.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">41 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazor/page/3"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="41 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/3"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/3" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/3" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">42 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazor/page/3"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="42 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/3"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/3" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/3" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>41 posts tagged with &quot;blazor&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazor/page/2"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazor/page/4"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>42 posts tagged with &quot;blazor&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazor/page/2"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazor/page/4"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor/page/4.html b/blog/tags/blazor/page/4.html
index bd7efda7a..ac0ed61a1 100644
--- a/blog/tags/blazor/page/4.html
+++ b/blog/tags/blazor/page/4.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">41 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazor/page/4"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="41 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/4"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/4" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/4" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">42 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazor/page/4"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="42 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/4"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/4" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/4" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>41 posts tagged with &quot;blazor&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/18/blazorbootstrap-1.3.1">Blazor Bootstrap v1.3.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.1" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/15/blazorbootstrap-1.3.0">Blazor Bootstrap v1.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.0" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazor/page/3"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazor/page/5"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>42 posts tagged with &quot;blazor&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/18/blazorbootstrap-1.3.1">Blazor Bootstrap v1.3.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.1" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/15/blazorbootstrap-1.3.0">Blazor Bootstrap v1.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.0" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazor/page/3"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazor/page/5"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazor/page/5.html b/blog/tags/blazor/page/5.html
index bb8d0d753..55a07aa3f 100644
--- a/blog/tags/blazor/page/5.html
+++ b/blog/tags/blazor/page/5.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">41 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazor/page/5"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="41 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/5"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/5" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/5" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">42 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazor/page/5"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="42 posts tagged with &quot;blazor&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/5"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/5" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazor/page/5" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>41 posts tagged with &quot;blazor&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazor/page/4"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>42 posts tagged with &quot;blazor&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazor/page/4"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazoraccordion.html b/blog/tags/blazoraccordion.html
index d707d5574..714f45498 100644
--- a/blog/tags/blazoraccordion.html
+++ b/blog/tags/blazoraccordion.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazoraccordion&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazoraccordion&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorautocomplete.html b/blog/tags/blazorautocomplete.html
index f3e24ea65..3f1faf432 100644
--- a/blog/tags/blazorautocomplete.html
+++ b/blog/tags/blazorautocomplete.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;blazorautocomplete&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/18/blazorbootstrap-1.3.1">Blazor Bootstrap v1.3.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.1" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;blazorautocomplete&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/18/blazorbootstrap-1.3.1">Blazor Bootstrap v1.3.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.1" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorbadge.html b/blog/tags/blazorbadge.html
index 33792a62f..0ca98b9f8 100644
--- a/blog/tags/blazorbadge.html
+++ b/blog/tags/blazorbadge.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorbadge&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorbadge&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorbootstrap-starter-templates.html b/blog/tags/blazorbootstrap-starter-templates.html
index d943724b6..18dcacf3d 100644
--- a/blog/tags/blazorbootstrap-starter-templates.html
+++ b/blog/tags/blazorbootstrap-starter-templates.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorbootstrap-starter-templates&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorbootstrap-starter-templates&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorbootstrap.html b/blog/tags/blazorbootstrap.html
index 98f00b07d..5c1e15dcb 100644
--- a/blog/tags/blazorbootstrap.html
+++ b/blog/tags/blazorbootstrap.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>61 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorbootstrap/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>62 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/image">image</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/polarareachart">polarareachart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.2" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorbootstrap/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorbootstrap/page/2.html b/blog/tags/blazorbootstrap/page/2.html
index 042638c37..8636ef9e5 100644
--- a/blog/tags/blazorbootstrap/page/2.html
+++ b/blog/tags/blazorbootstrap/page/2.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/2"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/2"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/2" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/2" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/2"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/2"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/2" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/2" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>61 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorbootstrap"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorbootstrap/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>62 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorbootstrap"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorbootstrap/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorbootstrap/page/3.html b/blog/tags/blazorbootstrap/page/3.html
index 51713e01c..1b1f5ab88 100644
--- a/blog/tags/blazorbootstrap/page/3.html
+++ b/blog/tags/blazorbootstrap/page/3.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/3"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/3"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/3" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/3" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/3"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/3"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/3" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/3" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>61 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorbootstrap/page/2"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorbootstrap/page/4"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>62 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorbootstrap/page/2"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorbootstrap/page/4"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorbootstrap/page/4.html b/blog/tags/blazorbootstrap/page/4.html
index 5df1a855f..993082780 100644
--- a/blog/tags/blazorbootstrap/page/4.html
+++ b/blog/tags/blazorbootstrap/page/4.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/4"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/4"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/4" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/4" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/4"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/4"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/4" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/4" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>61 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/18/blazorbootstrap-1.3.1">Blazor Bootstrap v1.3.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.1" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/15/blazorbootstrap-1.3.0">Blazor Bootstrap v1.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.0" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorbootstrap/page/3"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorbootstrap/page/5"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>62 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/18/blazorbootstrap-1.3.1">Blazor Bootstrap v1.3.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.1" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/15/blazorbootstrap-1.3.0">Blazor Bootstrap v1.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.0" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorbootstrap/page/3"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorbootstrap/page/5"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorbootstrap/page/5.html b/blog/tags/blazorbootstrap/page/5.html
index bb5e5164b..e0559300e 100644
--- a/blog/tags/blazorbootstrap/page/5.html
+++ b/blog/tags/blazorbootstrap/page/5.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/5"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/5"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/5" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/5" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/5"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/5"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/5" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/5" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>61 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.2 with bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/17/blazorbootstrap-0.4.2">BlazorBootstrap v0.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-17T00:00:00.000Z" itemprop="datePublished">September 17, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.2</code> with bug fixes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="bug-fixes">Bug fixes<a href="#bug-fixes" class="hash-link" aria-label="Direct link to Bug fixes" title="Direct link to Bug fixes">​</a></h3><ul><li><code>AutoComplete</code> component bug fix</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-2">v0.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.0 with new blazor autocomplete component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/04/blazorbootstrap-0.4.0">BlazorBootstrap v0.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-04T00:00:00.000Z" itemprop="datePublished">September 4, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.0</code> with new blazor autocomplete component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-0">v0.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.0" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.3.0 with significant enhancements to the grid component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/31/blazorbootstrap-0.3.0">BlazorBootstrap v0.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-31T00:00:00.000Z" itemprop="datePublished">August 31, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.3.0</code> with significant enhancements to the grid component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-3-0">v0.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.3.0" href="/blog/2022/08/31/blazorbootstrap-0.3.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.6 with enhancements and bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/13/blazorbootstrap-0.2.6">BlazorBootstrap v0.2.6</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.6</code> with enhancements and bug fixes.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-6">v0.2.6</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.6" href="/blog/2022/08/13/blazorbootstrap-0.2.6"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.5 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/07/28/blazorbootstrap-0.2.5">BlazorBootstrap v0.2.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-07-28T00:00:00.000Z" itemprop="datePublished">July 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.5</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-5">v0.2.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.5" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorbootstrap/page/4"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorbootstrap/page/6"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>62 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.2 with bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/17/blazorbootstrap-0.4.2">BlazorBootstrap v0.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-17T00:00:00.000Z" itemprop="datePublished">September 17, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.2</code> with bug fixes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="bug-fixes">Bug fixes<a href="#bug-fixes" class="hash-link" aria-label="Direct link to Bug fixes" title="Direct link to Bug fixes">​</a></h3><ul><li><code>AutoComplete</code> component bug fix</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-2">v0.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.0 with new blazor autocomplete component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/04/blazorbootstrap-0.4.0">BlazorBootstrap v0.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-04T00:00:00.000Z" itemprop="datePublished">September 4, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.0</code> with new blazor autocomplete component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-0">v0.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.0" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.3.0 with significant enhancements to the grid component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/31/blazorbootstrap-0.3.0">BlazorBootstrap v0.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-31T00:00:00.000Z" itemprop="datePublished">August 31, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.3.0</code> with significant enhancements to the grid component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-3-0">v0.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.3.0" href="/blog/2022/08/31/blazorbootstrap-0.3.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.6 with enhancements and bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/13/blazorbootstrap-0.2.6">BlazorBootstrap v0.2.6</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.6</code> with enhancements and bug fixes.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-6">v0.2.6</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.6" href="/blog/2022/08/13/blazorbootstrap-0.2.6"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorbootstrap/page/4"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorbootstrap/page/6"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorbootstrap/page/6.html b/blog/tags/blazorbootstrap/page/6.html
index cc49cb05b..4bf267a7d 100644
--- a/blog/tags/blazorbootstrap/page/6.html
+++ b/blog/tags/blazorbootstrap/page/6.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/6"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/6"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/6" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/6" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/6"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/6"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/6" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/6" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>61 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.4 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/06/19/blazorbootstrap-0.2.4">BlazorBootstrap v0.2.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-06-19T00:00:00.000Z" itemprop="datePublished">June 19, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.4</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-4">v0.2.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.4" href="/blog/2022/06/19/blazorbootstrap-0.2.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.3 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/04/30/blazorbootstrap-0.2.3">BlazorBootstrap v0.2.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-04-30T00:00:00.000Z" itemprop="datePublished">April 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.3</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-3">v0.2.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.3" href="/blog/2022/04/30/blazorbootstrap-0.2.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.2 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/03/15/blazorbootstrap-0.2.2">BlazorBootstrap v0.2.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-03-15T00:00:00.000Z" itemprop="datePublished">March 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.2</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-2">v0.2.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.2" href="/blog/2022/03/15/blazorbootstrap-0.2.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/02/27/blazorbootstrap-0.2.1">BlazorBootstrap v0.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.1" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/21/blazorbootstrap-0.1.1">BlazorBootstrap v0.1.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-21T00:00:00.000Z" itemprop="datePublished">December 21, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-1">v0.1.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/alert">alert</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.1" href="/blog/2021/12/21/blazorbootstrap-0.1.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.1.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/20/blazorbootstrap-0.1.0">BlazorBootstrap v0.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-20T00:00:00.000Z" itemprop="datePublished">December 20, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.1.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-0">v0.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.0" href="/blog/2021/12/20/blazorbootstrap-0.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/12/blazorbootstrap-0.0.4">BlazorBootstrap v0.0.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-4">v0.0.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.4" href="/blog/2021/12/12/blazorbootstrap-0.0.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we added the Toasts component and improved documentation."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/08/blazorbootstrap-0.0.3">BlazorBootstrap v0.0.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-08T00:00:00.000Z" itemprop="datePublished">December 8, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we added the Toasts component and improved documentation.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-3">v0.0.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.3" href="/blog/2021/12/08/blazorbootstrap-0.0.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, our focus was more on documenting the individual components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/11/27/blazorbootstrap-0.0.2">BlazorBootstrap v0.0.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-11-27T00:00:00.000Z" itemprop="datePublished">November 27, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, our focus was more on documenting the individual components.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-2">v0.0.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.2" href="/blog/2021/11/27/blazorbootstrap-0.0.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorbootstrap/page/5"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorbootstrap/page/7"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>62 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.5 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/07/28/blazorbootstrap-0.2.5">BlazorBootstrap v0.2.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-07-28T00:00:00.000Z" itemprop="datePublished">July 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.5</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-5">v0.2.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.5" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.4 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/06/19/blazorbootstrap-0.2.4">BlazorBootstrap v0.2.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-06-19T00:00:00.000Z" itemprop="datePublished">June 19, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.4</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-4">v0.2.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.4" href="/blog/2022/06/19/blazorbootstrap-0.2.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.3 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/04/30/blazorbootstrap-0.2.3">BlazorBootstrap v0.2.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-04-30T00:00:00.000Z" itemprop="datePublished">April 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.3</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-3">v0.2.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.3" href="/blog/2022/04/30/blazorbootstrap-0.2.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.2 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/03/15/blazorbootstrap-0.2.2">BlazorBootstrap v0.2.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-03-15T00:00:00.000Z" itemprop="datePublished">March 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.2</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-2">v0.2.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.2" href="/blog/2022/03/15/blazorbootstrap-0.2.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/02/27/blazorbootstrap-0.2.1">BlazorBootstrap v0.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.1" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/21/blazorbootstrap-0.1.1">BlazorBootstrap v0.1.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-21T00:00:00.000Z" itemprop="datePublished">December 21, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-1">v0.1.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/alert">alert</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.1" href="/blog/2021/12/21/blazorbootstrap-0.1.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.1.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/20/blazorbootstrap-0.1.0">BlazorBootstrap v0.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-20T00:00:00.000Z" itemprop="datePublished">December 20, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.1.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-0">v0.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.0" href="/blog/2021/12/20/blazorbootstrap-0.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/12/blazorbootstrap-0.0.4">BlazorBootstrap v0.0.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-4">v0.0.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.4" href="/blog/2021/12/12/blazorbootstrap-0.0.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we added the Toasts component and improved documentation."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/08/blazorbootstrap-0.0.3">BlazorBootstrap v0.0.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-08T00:00:00.000Z" itemprop="datePublished">December 8, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we added the Toasts component and improved documentation.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-3">v0.0.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.3" href="/blog/2021/12/08/blazorbootstrap-0.0.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorbootstrap/page/5"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorbootstrap/page/7"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorbootstrap/page/7.html b/blog/tags/blazorbootstrap/page/7.html
index 2e701913b..36f8b52d9 100644
--- a/blog/tags/blazorbootstrap/page/7.html
+++ b/blog/tags/blazorbootstrap/page/7.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/7"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="61 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/7"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/7" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/7" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/7"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="62 posts tagged with &quot;blazorbootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/7"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/7" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/7" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>61 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/11/23/blazorbootstrap-0.0.1">BlazorBootstrap v0.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-11-23T00:00:00.000Z" itemprop="datePublished">November 23, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-1">v0.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.1" href="/blog/2021/11/23/blazorbootstrap-0.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorbootstrap/page/6"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>62 posts tagged with &quot;blazorbootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, our focus was more on documenting the individual components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/11/27/blazorbootstrap-0.0.2">BlazorBootstrap v0.0.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-11-27T00:00:00.000Z" itemprop="datePublished">November 27, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, our focus was more on documenting the individual components.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-2">v0.0.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.2" href="/blog/2021/11/27/blazorbootstrap-0.0.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/11/23/blazorbootstrap-0.0.1">BlazorBootstrap v0.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-11-23T00:00:00.000Z" itemprop="datePublished">November 23, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-1">v0.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.1" href="/blog/2021/11/23/blazorbootstrap-0.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorbootstrap/page/6"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorbreadcrumb.html b/blog/tags/blazorbreadcrumb.html
index 0798ae307..f343e72e5 100644
--- a/blog/tags/blazorbreadcrumb.html
+++ b/blog/tags/blazorbreadcrumb.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorbreadcrumb&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorbreadcrumb&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorbutton.html b/blog/tags/blazorbutton.html
index 21098c85a..838864013 100644
--- a/blog/tags/blazorbutton.html
+++ b/blog/tags/blazorbutton.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazorbutton&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazorbutton&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorbuttons.html b/blog/tags/blazorbuttons.html
index d952e49e6..ff673a66d 100644
--- a/blog/tags/blazorbuttons.html
+++ b/blog/tags/blazorbuttons.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;blazorbuttons&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;blazorbuttons&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorchart.html b/blog/tags/blazorchart.html
index b8c4b134a..081cfe82b 100644
--- a/blog/tags/blazorchart.html
+++ b/blog/tags/blazorchart.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorchart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorchart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorcollapse.html b/blog/tags/blazorcollapse.html
index 31eab8d03..817a51f0b 100644
--- a/blog/tags/blazorcollapse.html
+++ b/blog/tags/blazorcollapse.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorcollapse&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorcollapse&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorconfirmdialog.html b/blog/tags/blazorconfirmdialog.html
index 20f8732a2..1c1232b83 100644
--- a/blog/tags/blazorconfirmdialog.html
+++ b/blog/tags/blazorconfirmdialog.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorconfirmdialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorconfirmdialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorconfirmmodal.html b/blog/tags/blazorconfirmmodal.html
index 862cc61e9..530d91db4 100644
--- a/blog/tags/blazorconfirmmodal.html
+++ b/blog/tags/blazorconfirmmodal.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorconfirmmodal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorconfirmmodal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorcurrencyinput.html b/blog/tags/blazorcurrencyinput.html
index 5a7f3c12f..457ce85e2 100644
--- a/blog/tags/blazorcurrencyinput.html
+++ b/blog/tags/blazorcurrencyinput.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;blazorcurrencyinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;blazorcurrencyinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazordate.html b/blog/tags/blazordate.html
index 8ef205d81..e627e1d3b 100644
--- a/blog/tags/blazordate.html
+++ b/blog/tags/blazordate.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazordate&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazordate&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazordateinput.html b/blog/tags/blazordateinput.html
index 7009c55f5..53e7675e1 100644
--- a/blog/tags/blazordateinput.html
+++ b/blog/tags/blazordateinput.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;blazordateinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;blazordateinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazordatepicker.html b/blog/tags/blazordatepicker.html
index a372ffa8e..edcdbb890 100644
--- a/blog/tags/blazordatepicker.html
+++ b/blog/tags/blazordatepicker.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazordatepicker&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazordatepicker&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazordialog.html b/blog/tags/blazordialog.html
index 461916b39..718469516 100644
--- a/blog/tags/blazordialog.html
+++ b/blog/tags/blazordialog.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazordialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazordialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazordropdown.html b/blog/tags/blazordropdown.html
index c4d9443d4..b7f2238ae 100644
--- a/blog/tags/blazordropdown.html
+++ b/blog/tags/blazordropdown.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazordropdown&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazordropdown&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorgrid.html b/blog/tags/blazorgrid.html
index 167276ff8..24ab75b1f 100644
--- a/blog/tags/blazorgrid.html
+++ b/blog/tags/blazorgrid.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>13 posts tagged with &quot;blazorgrid&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorgrid/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>13 posts tagged with &quot;blazorgrid&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/blazorgrid/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorgrid/page/2.html b/blog/tags/blazorgrid/page/2.html
index e262aa843..06fe6543a 100644
--- a/blog/tags/blazorgrid/page/2.html
+++ b/blog/tags/blazorgrid/page/2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>13 posts tagged with &quot;blazorgrid&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorgrid"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>13 posts tagged with &quot;blazorgrid&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/blazorgrid"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazoricon.html b/blog/tags/blazoricon.html
index 70bb33150..f1d1deeeb 100644
--- a/blog/tags/blazoricon.html
+++ b/blog/tags/blazoricon.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazoricon&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazoricon&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazormodal.html b/blog/tags/blazormodal.html
index ff28342e4..d774667a6 100644
--- a/blog/tags/blazormodal.html
+++ b/blog/tags/blazormodal.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>8 posts tagged with &quot;blazormodal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>8 posts tagged with &quot;blazormodal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazormodalservice.html b/blog/tags/blazormodalservice.html
index a72938392..e4d42b927 100644
--- a/blog/tags/blazormodalservice.html
+++ b/blog/tags/blazormodalservice.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazormodalservice&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazormodalservice&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazornumber.html b/blog/tags/blazornumber.html
index 0a9ba8d8a..5b9204d88 100644
--- a/blog/tags/blazornumber.html
+++ b/blog/tags/blazornumber.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazornumber&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazornumber&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazornumberinput.html b/blog/tags/blazornumberinput.html
index a2cd4594c..28259fb69 100644
--- a/blog/tags/blazornumberinput.html
+++ b/blog/tags/blazornumberinput.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazornumberinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazornumberinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazoroffcanvas.html b/blog/tags/blazoroffcanvas.html
index f97585dbb..a7cf97425 100644
--- a/blog/tags/blazoroffcanvas.html
+++ b/blog/tags/blazoroffcanvas.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;blazoroffcanvas&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;blazoroffcanvas&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorprogress.html b/blog/tags/blazorprogress.html
index 520706758..9e1d217e3 100644
--- a/blog/tags/blazorprogress.html
+++ b/blog/tags/blazorprogress.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorprogress&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazorprogress&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorsidebar.html b/blog/tags/blazorsidebar.html
index ec56d8114..8481c5f02 100644
--- a/blog/tags/blazorsidebar.html
+++ b/blog/tags/blazorsidebar.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazorsidebar&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazorsidebar&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazorswitch.html b/blog/tags/blazorswitch.html
index 4a3f1f36e..ab341c4da 100644
--- a/blog/tags/blazorswitch.html
+++ b/blog/tags/blazorswitch.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazorswitch&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/15/blazorbootstrap-1.3.0">Blazor Bootstrap v1.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.0" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazorswitch&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/15/blazorbootstrap-1.3.0">Blazor Bootstrap v1.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.0" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazortabs.html b/blog/tags/blazortabs.html
index 4b045a748..918caf003 100644
--- a/blog/tags/blazortabs.html
+++ b/blog/tags/blazortabs.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazortabs&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazortabs&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazortime.html b/blog/tags/blazortime.html
index 264a81122..2b40612cb 100644
--- a/blog/tags/blazortime.html
+++ b/blog/tags/blazortime.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazortime&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazortime&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazortimeinput.html b/blog/tags/blazortimeinput.html
index b1a91f2b8..a35345e2d 100644
--- a/blog/tags/blazortimeinput.html
+++ b/blog/tags/blazortimeinput.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;blazortimeinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;blazortimeinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazortimepicker.html b/blog/tags/blazortimepicker.html
index 07616452b..b80e3c34e 100644
--- a/blog/tags/blazortimepicker.html
+++ b/blog/tags/blazortimepicker.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazortimepicker&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazortimepicker&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazortoast.html b/blog/tags/blazortoast.html
index 78f297940..bf187248e 100644
--- a/blog/tags/blazortoast.html
+++ b/blog/tags/blazortoast.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazortoast&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;blazortoast&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazortoasts.html b/blog/tags/blazortoasts.html
index 4835c0d31..4c242860f 100644
--- a/blog/tags/blazortoasts.html
+++ b/blog/tags/blazortoasts.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazortoasts&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazortoasts&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/blazortooltip.html b/blog/tags/blazortooltip.html
index 4204dd0a5..2351e5119 100644
--- a/blog/tags/blazortooltip.html
+++ b/blog/tags/blazortooltip.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazortooltip&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;blazortooltip&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/bootstrap-5.html b/blog/tags/bootstrap-5.html
index d8e5a457b..85caec502 100644
--- a/blog/tags/bootstrap-5.html
+++ b/blog/tags/bootstrap-5.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>32 posts tagged with &quot;bootstrap5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/bootstrap-5/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>32 posts tagged with &quot;bootstrap5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/bootstrap-5/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/bootstrap-5/page/2.html b/blog/tags/bootstrap-5/page/2.html
index 2ba80242b..98fc803d1 100644
--- a/blog/tags/bootstrap-5/page/2.html
+++ b/blog/tags/bootstrap-5/page/2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>32 posts tagged with &quot;bootstrap5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/bootstrap-5"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/bootstrap-5/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>32 posts tagged with &quot;bootstrap5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/bootstrap-5"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/bootstrap-5/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/bootstrap-5/page/3.html b/blog/tags/bootstrap-5/page/3.html
index 2090ab36b..0bb8c66a6 100644
--- a/blog/tags/bootstrap-5/page/3.html
+++ b/blog/tags/bootstrap-5/page/3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>32 posts tagged with &quot;bootstrap5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/bootstrap-5/page/2"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/bootstrap-5/page/4"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>32 posts tagged with &quot;bootstrap5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/bootstrap-5/page/2"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/bootstrap-5/page/4"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/bootstrap-5/page/4.html b/blog/tags/bootstrap-5/page/4.html
index 8d2efd9d0..13b3d17c0 100644
--- a/blog/tags/bootstrap-5/page/4.html
+++ b/blog/tags/bootstrap-5/page/4.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>32 posts tagged with &quot;bootstrap5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/bootstrap-5/page/3"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>32 posts tagged with &quot;bootstrap5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/bootstrap-5/page/3"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/bootstrap.html b/blog/tags/bootstrap.html
index 5d0459c20..136b1df91 100644
--- a/blog/tags/bootstrap.html
+++ b/blog/tags/bootstrap.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">34 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/bootstrap"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="34 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">35 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/bootstrap"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="35 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>34 posts tagged with &quot;bootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/bootstrap/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>35 posts tagged with &quot;bootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/image">image</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/polarareachart">polarareachart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.2" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/bootstrap/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/bootstrap/page/2.html b/blog/tags/bootstrap/page/2.html
index 8635de17b..160762931 100644
--- a/blog/tags/bootstrap/page/2.html
+++ b/blog/tags/bootstrap/page/2.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">34 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/2"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="34 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/2"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/2" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/2" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">35 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/2"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="35 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/2"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/2" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/2" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>34 posts tagged with &quot;bootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/bootstrap"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/bootstrap/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>35 posts tagged with &quot;bootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/bootstrap"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/bootstrap/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/bootstrap/page/3.html b/blog/tags/bootstrap/page/3.html
index 233917b06..380760d6d 100644
--- a/blog/tags/bootstrap/page/3.html
+++ b/blog/tags/bootstrap/page/3.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">34 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/3"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="34 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/3"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/3" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/3" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">35 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/3"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="35 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/3"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/3" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/3" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>34 posts tagged with &quot;bootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/bootstrap/page/2"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/bootstrap/page/4"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>35 posts tagged with &quot;bootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/bootstrap/page/2"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/bootstrap/page/4"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/bootstrap/page/4.html b/blog/tags/bootstrap/page/4.html
index 59f845a31..689a3d204 100644
--- a/blog/tags/bootstrap/page/4.html
+++ b/blog/tags/bootstrap/page/4.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">34 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/4"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="34 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/4"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/4" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/4" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">35 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/4"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="35 posts tagged with &quot;bootstrap&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/4"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/4" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/4" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>34 posts tagged with &quot;bootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/bootstrap/page/3"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>35 posts tagged with &quot;bootstrap&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/bootstrap/page/3"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/breadcrumb.html b/blog/tags/breadcrumb.html
index a4359690b..be80e9855 100644
--- a/blog/tags/breadcrumb.html
+++ b/blog/tags/breadcrumb.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;breadcrumb&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;breadcrumb&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/breadcrumbservice.html b/blog/tags/breadcrumbservice.html
index e31c83284..333c82a7b 100644
--- a/blog/tags/breadcrumbservice.html
+++ b/blog/tags/breadcrumbservice.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;breadcrumbservice&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;breadcrumbservice&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/button.html b/blog/tags/button.html
index 8fbe0b3ac..84f032c0e 100644
--- a/blog/tags/button.html
+++ b/blog/tags/button.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>5 posts tagged with &quot;button&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.6 with enhancements and bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/13/blazorbootstrap-0.2.6">BlazorBootstrap v0.2.6</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.6</code> with enhancements and bug fixes.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-6">v0.2.6</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.6" href="/blog/2022/08/13/blazorbootstrap-0.2.6"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>5 posts tagged with &quot;button&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.6 with enhancements and bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/13/blazorbootstrap-0.2.6">BlazorBootstrap v0.2.6</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.6</code> with enhancements and bug fixes.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-6">v0.2.6</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.6" href="/blog/2022/08/13/blazorbootstrap-0.2.6"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/buttons.html b/blog/tags/buttons.html
index 88c204b5c..5fb4a99c1 100644
--- a/blog/tags/buttons.html
+++ b/blog/tags/buttons.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;buttons&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;buttons&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/callout.html b/blog/tags/callout.html
index b1d6befba..8de644bc5 100644
--- a/blog/tags/callout.html
+++ b/blog/tags/callout.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;callout&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;callout&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/chart.html b/blog/tags/chart.html
index 36649552e..1cfc6d748 100644
--- a/blog/tags/chart.html
+++ b/blog/tags/chart.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;chart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;chart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/charts.html b/blog/tags/charts.html
index 088edff8f..313acb150 100644
--- a/blog/tags/charts.html
+++ b/blog/tags/charts.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">2 posts tagged with &quot;charts&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/charts"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="2 posts tagged with &quot;charts&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/charts"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/charts" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/charts" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">3 posts tagged with &quot;charts&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/charts"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="3 posts tagged with &quot;charts&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/charts"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/charts" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/charts" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;charts&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;charts&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/image">image</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/polarareachart">polarareachart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.2" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/clipboard.html b/blog/tags/clipboard.html
index 0121144ec..397589dad 100644
--- a/blog/tags/clipboard.html
+++ b/blog/tags/clipboard.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;clipboard&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;clipboard&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/collapse.html b/blog/tags/collapse.html
index 68f2a6437..fc92ffe4c 100644
--- a/blog/tags/collapse.html
+++ b/blog/tags/collapse.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;collapse&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;collapse&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/confirm-dialog.html b/blog/tags/confirm-dialog.html
index bc2d95cae..cef5724c7 100644
--- a/blog/tags/confirm-dialog.html
+++ b/blog/tags/confirm-dialog.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;confirm dialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/02/27/blazorbootstrap-0.2.1">BlazorBootstrap v0.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.1" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;confirm dialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/02/27/blazorbootstrap-0.2.1">BlazorBootstrap v0.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.1" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/confirmdialog.html b/blog/tags/confirmdialog.html
index bbe32d5c8..59648bcc7 100644
--- a/blog/tags/confirmdialog.html
+++ b/blog/tags/confirmdialog.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;confirmdialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;confirmdialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/confirmmodal.html b/blog/tags/confirmmodal.html
index d26d7671e..d04cae969 100644
--- a/blog/tags/confirmmodal.html
+++ b/blog/tags/confirmmodal.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;confirmmodal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;confirmmodal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/currency.html b/blog/tags/currency.html
index 3072797c6..2fe534326 100644
--- a/blog/tags/currency.html
+++ b/blog/tags/currency.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;currency&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;currency&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/currencyinput.html b/blog/tags/currencyinput.html
index df9242962..341584915 100644
--- a/blog/tags/currencyinput.html
+++ b/blog/tags/currencyinput.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;currencyinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;currencyinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/date.html b/blog/tags/date.html
index 46447714f..98d28a7b3 100644
--- a/blog/tags/date.html
+++ b/blog/tags/date.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;date&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;date&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/dateinput.html b/blog/tags/dateinput.html
index 68b456a65..9bc264103 100644
--- a/blog/tags/dateinput.html
+++ b/blog/tags/dateinput.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;dateinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;dateinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/datepicker.html b/blog/tags/datepicker.html
index 13efd4706..e1b005aa9 100644
--- a/blog/tags/datepicker.html
+++ b/blog/tags/datepicker.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;datepicker&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;datepicker&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/dialog.html b/blog/tags/dialog.html
index 5f87d15bc..31d473b88 100644
--- a/blog/tags/dialog.html
+++ b/blog/tags/dialog.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;dialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;dialog&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/docs.html b/blog/tags/docs.html
index 4de4a4982..f100d9681 100644
--- a/blog/tags/docs.html
+++ b/blog/tags/docs.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>7 posts tagged with &quot;docs&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.0 with new blazor autocomplete component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/04/blazorbootstrap-0.4.0">BlazorBootstrap v0.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-04T00:00:00.000Z" itemprop="datePublished">September 4, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.0</code> with new blazor autocomplete component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-0">v0.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.0" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>7 posts tagged with &quot;docs&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.0 with new blazor autocomplete component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/04/blazorbootstrap-0.4.0">BlazorBootstrap v0.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-04T00:00:00.000Z" itemprop="datePublished">September 4, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.0</code> with new blazor autocomplete component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-0">v0.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.0" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/dropdown.html b/blog/tags/dropdown.html
index 5f82e409c..63c6a31fb 100644
--- a/blog/tags/dropdown.html
+++ b/blog/tags/dropdown.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;dropdown&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;dropdown&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/grid.html b/blog/tags/grid.html
index da409c118..af84f3f99 100644
--- a/blog/tags/grid.html
+++ b/blog/tags/grid.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">21 posts tagged with &quot;grid&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/grid"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="21 posts tagged with &quot;grid&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/grid"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/grid" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/grid" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">22 posts tagged with &quot;grid&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/grid"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="22 posts tagged with &quot;grid&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/grid"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/grid" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/grid" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>21 posts tagged with &quot;grid&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/grid/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>22 posts tagged with &quot;grid&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/image">image</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/polarareachart">polarareachart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.2" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/grid/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/grid/page/2.html b/blog/tags/grid/page/2.html
index a2ff0aef5..6c52cd0ee 100644
--- a/blog/tags/grid/page/2.html
+++ b/blog/tags/grid/page/2.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">21 posts tagged with &quot;grid&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/grid/page/2"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="21 posts tagged with &quot;grid&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/grid/page/2"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/grid/page/2" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/grid/page/2" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">22 posts tagged with &quot;grid&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/grid/page/2"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="22 posts tagged with &quot;grid&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/grid/page/2"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/grid/page/2" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/grid/page/2" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>21 posts tagged with &quot;grid&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.3.0 with significant enhancements to the grid component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/31/blazorbootstrap-0.3.0">BlazorBootstrap v0.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-31T00:00:00.000Z" itemprop="datePublished">August 31, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.3.0</code> with significant enhancements to the grid component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-3-0">v0.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.3.0" href="/blog/2022/08/31/blazorbootstrap-0.3.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/grid"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/grid/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>22 posts tagged with &quot;grid&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/grid"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/grid/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/grid/page/3.html b/blog/tags/grid/page/3.html
index 3085abaa9..a65f0e9f7 100644
--- a/blog/tags/grid/page/3.html
+++ b/blog/tags/grid/page/3.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">21 posts tagged with &quot;grid&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/grid/page/3"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="21 posts tagged with &quot;grid&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/grid/page/3"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/grid/page/3" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/grid/page/3" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">22 posts tagged with &quot;grid&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/grid/page/3"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="22 posts tagged with &quot;grid&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/grid/page/3"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/grid/page/3" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/grid/page/3" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>21 posts tagged with &quot;grid&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/grid/page/2"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>22 posts tagged with &quot;grid&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.3.0 with significant enhancements to the grid component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/31/blazorbootstrap-0.3.0">BlazorBootstrap v0.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-31T00:00:00.000Z" itemprop="datePublished">August 31, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.3.0</code> with significant enhancements to the grid component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-3-0">v0.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.3.0" href="/blog/2022/08/31/blazorbootstrap-0.3.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/grid/page/2"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/icon.html b/blog/tags/icon.html
index ba0d3736f..57a8689b8 100644
--- a/blog/tags/icon.html
+++ b/blog/tags/icon.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;icon&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;icon&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/icons.html b/blog/tags/icons.html
index 902567bcb..34117a9a6 100644
--- a/blog/tags/icons.html
+++ b/blog/tags/icons.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;icons&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/02/27/blazorbootstrap-0.2.1">BlazorBootstrap v0.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.1" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;icons&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/02/27/blazorbootstrap-0.2.1">BlazorBootstrap v0.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.1" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/image.html b/blog/tags/image.html
new file mode 100644
index 000000000..18e72635d
--- /dev/null
+++ b/blog/tags/image.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en" dir="ltr" class="blog-wrapper blog-tags-post-list-page plugin-blog plugin-id-default" data-has-hydrated="false">
+<head>
+<meta charset="UTF-8">
+<meta name="generator" content="Docusaurus v2.4.3">
+<title data-rh="true">One post tagged with &quot;image&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/image"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="One post tagged with &quot;image&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/image"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/image" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/image" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
+
+<link rel="preconnect" href="https://www.google-analytics.com">
+<link rel="preconnect" href="https://www.googletagmanager.com">
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
+<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
+</head>
+<body class="navigation-with-keyboard">
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;image&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/image">image</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/polarareachart">polarareachart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.2" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/blog/tags/input-number.html b/blog/tags/input-number.html
index 2999bb3a5..e3d95da4d 100644
--- a/blog/tags/input-number.html
+++ b/blog/tags/input-number.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;input-number&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;input-number&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/input.html b/blog/tags/input.html
index 48e6f368f..ef6fa243f 100644
--- a/blog/tags/input.html
+++ b/blog/tags/input.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;input&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;input&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/layout.html b/blog/tags/layout.html
index db9f383c0..b499c8e55 100644
--- a/blog/tags/layout.html
+++ b/blog/tags/layout.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;layout&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;layout&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/leftmenu.html b/blog/tags/leftmenu.html
index d981240c0..373b84b65 100644
--- a/blog/tags/leftmenu.html
+++ b/blog/tags/leftmenu.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;leftmenu&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;leftmenu&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/modal.html b/blog/tags/modal.html
index abe5416b4..7e557cb42 100644
--- a/blog/tags/modal.html
+++ b/blog/tags/modal.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>13 posts tagged with &quot;modal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/modal/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>13 posts tagged with &quot;modal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/modal/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/modal/page/2.html b/blog/tags/modal/page/2.html
index a8b6eaa7a..bfbc8d387 100644
--- a/blog/tags/modal/page/2.html
+++ b/blog/tags/modal/page/2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>13 posts tagged with &quot;modal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.5 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/07/28/blazorbootstrap-0.2.5">BlazorBootstrap v0.2.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-07-28T00:00:00.000Z" itemprop="datePublished">July 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.5</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-5">v0.2.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.5" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/modal"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>13 posts tagged with &quot;modal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.5 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/07/28/blazorbootstrap-0.2.5">BlazorBootstrap v0.2.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-07-28T00:00:00.000Z" itemprop="datePublished">July 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.5</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-5">v0.2.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.5" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/modal"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/modalservice.html b/blog/tags/modalservice.html
index d1801bcab..aca596b58 100644
--- a/blog/tags/modalservice.html
+++ b/blog/tags/modalservice.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;modalservice&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;modalservice&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/navigation.html b/blog/tags/navigation.html
index 12bdf2f64..2ae7c7232 100644
--- a/blog/tags/navigation.html
+++ b/blog/tags/navigation.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;navigation&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;navigation&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/numberinput.html b/blog/tags/numberinput.html
index 23bd8f4ae..646580227 100644
--- a/blog/tags/numberinput.html
+++ b/blog/tags/numberinput.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;numberinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;numberinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/offcanvas.html b/blog/tags/offcanvas.html
index 3ba9078c3..431333a79 100644
--- a/blog/tags/offcanvas.html
+++ b/blog/tags/offcanvas.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>5 posts tagged with &quot;offcanvas&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.5 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/07/28/blazorbootstrap-0.2.5">BlazorBootstrap v0.2.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-07-28T00:00:00.000Z" itemprop="datePublished">July 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.5</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-5">v0.2.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.5" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>5 posts tagged with &quot;offcanvas&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.5 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/07/28/blazorbootstrap-0.2.5">BlazorBootstrap v0.2.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-07-28T00:00:00.000Z" itemprop="datePublished">July 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.5</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-5">v0.2.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.5" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/pagination.html b/blog/tags/pagination.html
index 37adf517a..687514e64 100644
--- a/blog/tags/pagination.html
+++ b/blog/tags/pagination.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;pagination&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;pagination&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/pdfviewer.html b/blog/tags/pdfviewer.html
index 442815647..8c8447b68 100644
--- a/blog/tags/pdfviewer.html
+++ b/blog/tags/pdfviewer.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;pdfviewer&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;pdfviewer&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/placeholders.html b/blog/tags/placeholders.html
index ed2f9934a..084da912b 100644
--- a/blog/tags/placeholders.html
+++ b/blog/tags/placeholders.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;placeholders&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.4 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/06/19/blazorbootstrap-0.2.4">BlazorBootstrap v0.2.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-06-19T00:00:00.000Z" itemprop="datePublished">June 19, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.4</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-4">v0.2.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.4" href="/blog/2022/06/19/blazorbootstrap-0.2.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.3 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/04/30/blazorbootstrap-0.2.3">BlazorBootstrap v0.2.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-04-30T00:00:00.000Z" itemprop="datePublished">April 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.3</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-3">v0.2.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.3" href="/blog/2022/04/30/blazorbootstrap-0.2.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.2 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/03/15/blazorbootstrap-0.2.2">BlazorBootstrap v0.2.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-03-15T00:00:00.000Z" itemprop="datePublished">March 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.2</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-2">v0.2.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.2" href="/blog/2022/03/15/blazorbootstrap-0.2.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;placeholders&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.4 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/06/19/blazorbootstrap-0.2.4">BlazorBootstrap v0.2.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-06-19T00:00:00.000Z" itemprop="datePublished">June 19, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.4</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-4">v0.2.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.4" href="/blog/2022/06/19/blazorbootstrap-0.2.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.3 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/04/30/blazorbootstrap-0.2.3">BlazorBootstrap v0.2.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-04-30T00:00:00.000Z" itemprop="datePublished">April 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.3</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-3">v0.2.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.3" href="/blog/2022/04/30/blazorbootstrap-0.2.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.2 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/03/15/blazorbootstrap-0.2.2">BlazorBootstrap v0.2.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-03-15T00:00:00.000Z" itemprop="datePublished">March 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.2</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-2">v0.2.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.2" href="/blog/2022/03/15/blazorbootstrap-0.2.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/polarareachart.html b/blog/tags/polarareachart.html
new file mode 100644
index 000000000..27dfe924d
--- /dev/null
+++ b/blog/tags/polarareachart.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en" dir="ltr" class="blog-wrapper blog-tags-post-list-page plugin-blog plugin-id-default" data-has-hydrated="false">
+<head>
+<meta charset="UTF-8">
+<meta name="generator" content="Docusaurus v2.4.3">
+<title data-rh="true">One post tagged with &quot;polarareachart&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/polarareachart"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="One post tagged with &quot;polarareachart&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/polarareachart"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/polarareachart" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/polarareachart" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
+
+<link rel="preconnect" href="https://www.google-analytics.com">
+<link rel="preconnect" href="https://www.googletagmanager.com">
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
+<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
+</head>
+<body class="navigation-with-keyboard">
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;polarareachart&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/image">image</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/polarareachart">polarareachart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.2" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/blog/tags/preload.html b/blog/tags/preload.html
index 4de2cf68c..21fcd489e 100644
--- a/blog/tags/preload.html
+++ b/blog/tags/preload.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;preload&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;preload&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/progress-bar.html b/blog/tags/progress-bar.html
index f600440d7..31a8b060d 100644
--- a/blog/tags/progress-bar.html
+++ b/blog/tags/progress-bar.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;progress-bar&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;progress-bar&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/progress.html b/blog/tags/progress.html
index e0c5f9bf7..4e4834d17 100644
--- a/blog/tags/progress.html
+++ b/blog/tags/progress.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;progress&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;progress&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/rangeinput.html b/blog/tags/rangeinput.html
index 50f8f60b0..ff557f2a6 100644
--- a/blog/tags/rangeinput.html
+++ b/blog/tags/rangeinput.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;rangeinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;rangeinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/ribbon.html b/blog/tags/ribbon.html
index aaf82def8..7810285da 100644
--- a/blog/tags/ribbon.html
+++ b/blog/tags/ribbon.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;ribbon&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;ribbon&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/scriptloader.html b/blog/tags/scriptloader.html
index acadb6cf6..f508fc3ae 100644
--- a/blog/tags/scriptloader.html
+++ b/blog/tags/scriptloader.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;scriptloader&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;scriptloader&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/sidebar-2.html b/blog/tags/sidebar-2.html
index 3cad0ab13..50479e6fe 100644
--- a/blog/tags/sidebar-2.html
+++ b/blog/tags/sidebar-2.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">2 posts tagged with &quot;sidebar2&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/sidebar-2"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="2 posts tagged with &quot;sidebar2&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/sidebar-2"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/sidebar-2" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/sidebar-2" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">3 posts tagged with &quot;sidebar2&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/sidebar-2"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="3 posts tagged with &quot;sidebar2&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/sidebar-2"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/sidebar-2" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/sidebar-2" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;sidebar2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;sidebar2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/image">image</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/polarareachart">polarareachart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.2" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/sidebar.html b/blog/tags/sidebar.html
index 92f3279a3..ec8d37eee 100644
--- a/blog/tags/sidebar.html
+++ b/blog/tags/sidebar.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">3 posts tagged with &quot;sidebar&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/sidebar"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="3 posts tagged with &quot;sidebar&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/sidebar"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/sidebar" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/sidebar" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">4 posts tagged with &quot;sidebar&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/sidebar"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="4 posts tagged with &quot;sidebar&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/sidebar"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/sidebar" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/sidebar" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;sidebar&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;sidebar&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/image">image</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/polarareachart">polarareachart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.2" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/sortablelist.html b/blog/tags/sortablelist.html
index 380961b90..32a46b315 100644
--- a/blog/tags/sortablelist.html
+++ b/blog/tags/sortablelist.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;sortablelist&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;sortablelist&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/spinner.html b/blog/tags/spinner.html
index 8e0830744..796d0dff2 100644
--- a/blog/tags/spinner.html
+++ b/blog/tags/spinner.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;spinner&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;spinner&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/switch.html b/blog/tags/switch.html
index 70dafec43..18f8c57b1 100644
--- a/blog/tags/switch.html
+++ b/blog/tags/switch.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;switch&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;switch&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/tab.html b/blog/tags/tab.html
index 49faa662e..180542488 100644
--- a/blog/tags/tab.html
+++ b/blog/tags/tab.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;tab&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;tab&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/tabs.html b/blog/tags/tabs.html
index 456d13a48..c4954f4eb 100644
--- a/blog/tags/tabs.html
+++ b/blog/tags/tabs.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;tabs&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;tabs&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/timeinput.html b/blog/tags/timeinput.html
index 2bed9a896..0eedc6468 100644
--- a/blog/tags/timeinput.html
+++ b/blog/tags/timeinput.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;timeinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;timeinput&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/timepicker.html b/blog/tags/timepicker.html
index 5f94ffa28..28981294d 100644
--- a/blog/tags/timepicker.html
+++ b/blog/tags/timepicker.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;timepicker&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;timepicker&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/toast.html b/blog/tags/toast.html
index c9e5a1cf9..726f31081 100644
--- a/blog/tags/toast.html
+++ b/blog/tags/toast.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;toast&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;toast&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/toasts.html b/blog/tags/toasts.html
index 807976b13..9a622e6fe 100644
--- a/blog/tags/toasts.html
+++ b/blog/tags/toasts.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;toasts&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/02/27/blazorbootstrap-0.2.1">BlazorBootstrap v0.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.1" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;toasts&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/02/27/blazorbootstrap-0.2.1">BlazorBootstrap v0.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.1" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/toastservice.html b/blog/tags/toastservice.html
index 0eaf0f70e..1ace2a895 100644
--- a/blog/tags/toastservice.html
+++ b/blog/tags/toastservice.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;toastservice&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;toastservice&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/tooltip.html b/blog/tags/tooltip.html
index a1db84fc3..622563ab6 100644
--- a/blog/tags/tooltip.html
+++ b/blog/tags/tooltip.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;tooltip&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;tooltip&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-0-1.html b/blog/tags/v-0-0-1.html
index deebb92b6..151b9d131 100644
--- a/blog/tags/v-0-0-1.html
+++ b/blog/tags/v-0-0-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.0.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/11/23/blazorbootstrap-0.0.1">BlazorBootstrap v0.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-11-23T00:00:00.000Z" itemprop="datePublished">November 23, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-1">v0.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.1" href="/blog/2021/11/23/blazorbootstrap-0.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.0.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/11/23/blazorbootstrap-0.0.1">BlazorBootstrap v0.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-11-23T00:00:00.000Z" itemprop="datePublished">November 23, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-1">v0.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.1" href="/blog/2021/11/23/blazorbootstrap-0.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-0-2.html b/blog/tags/v-0-0-2.html
index 9f94eed4d..9b6716d29 100644
--- a/blog/tags/v-0-0-2.html
+++ b/blog/tags/v-0-0-2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.0.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, our focus was more on documenting the individual components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/11/27/blazorbootstrap-0.0.2">BlazorBootstrap v0.0.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-11-27T00:00:00.000Z" itemprop="datePublished">November 27, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, our focus was more on documenting the individual components.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-2">v0.0.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.2" href="/blog/2021/11/27/blazorbootstrap-0.0.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.0.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, our focus was more on documenting the individual components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/11/27/blazorbootstrap-0.0.2">BlazorBootstrap v0.0.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-11-27T00:00:00.000Z" itemprop="datePublished">November 27, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, our focus was more on documenting the individual components.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-2">v0.0.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.2" href="/blog/2021/11/27/blazorbootstrap-0.0.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-0-3.html b/blog/tags/v-0-0-3.html
index b5d43f2c4..fd19bd2c6 100644
--- a/blog/tags/v-0-0-3.html
+++ b/blog/tags/v-0-0-3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.0.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we added the Toasts component and improved documentation."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/08/blazorbootstrap-0.0.3">BlazorBootstrap v0.0.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-08T00:00:00.000Z" itemprop="datePublished">December 8, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we added the Toasts component and improved documentation.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-3">v0.0.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.3" href="/blog/2021/12/08/blazorbootstrap-0.0.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.0.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we added the Toasts component and improved documentation."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/08/blazorbootstrap-0.0.3">BlazorBootstrap v0.0.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-08T00:00:00.000Z" itemprop="datePublished">December 8, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we added the Toasts component and improved documentation.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-3">v0.0.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.3" href="/blog/2021/12/08/blazorbootstrap-0.0.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-0-4.html b/blog/tags/v-0-0-4.html
index 0ef9dd2bd..9b09579f8 100644
--- a/blog/tags/v-0-0-4.html
+++ b/blog/tags/v-0-0-4.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.0.4&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/12/blazorbootstrap-0.0.4">BlazorBootstrap v0.0.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-4">v0.0.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.4" href="/blog/2021/12/12/blazorbootstrap-0.0.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.0.4&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/12/blazorbootstrap-0.0.4">BlazorBootstrap v0.0.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-0-4">v0.0.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.0.4" href="/blog/2021/12/12/blazorbootstrap-0.0.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-1-0.html b/blog/tags/v-0-1-0.html
index f22fdaf62..5261258d7 100644
--- a/blog/tags/v-0-1-0.html
+++ b/blog/tags/v-0-1-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.1.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.1.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/20/blazorbootstrap-0.1.0">BlazorBootstrap v0.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-20T00:00:00.000Z" itemprop="datePublished">December 20, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.1.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-0">v0.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.0" href="/blog/2021/12/20/blazorbootstrap-0.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.1.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.1.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/20/blazorbootstrap-0.1.0">BlazorBootstrap v0.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-20T00:00:00.000Z" itemprop="datePublished">December 20, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.1.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-0">v0.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.0" href="/blog/2021/12/20/blazorbootstrap-0.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-1-1.html b/blog/tags/v-0-1-1.html
index c87a48d32..d4ba1e6bf 100644
--- a/blog/tags/v-0-1-1.html
+++ b/blog/tags/v-0-1-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.1.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/21/blazorbootstrap-0.1.1">BlazorBootstrap v0.1.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-21T00:00:00.000Z" itemprop="datePublished">December 21, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-1">v0.1.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/alert">alert</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.1" href="/blog/2021/12/21/blazorbootstrap-0.1.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.1.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2021/12/21/blazorbootstrap-0.1.1">BlazorBootstrap v0.1.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2021-12-21T00:00:00.000Z" itemprop="datePublished">December 21, 2021</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-1-1">v0.1.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/alert">alert</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.1.1" href="/blog/2021/12/21/blazorbootstrap-0.1.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-2-0.html b/blog/tags/v-0-2-0.html
index c4acf464c..c2ab99799 100644
--- a/blog/tags/v-0-2-0.html
+++ b/blog/tags/v-0-2-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.0 with lots of updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/01/15/blazorbootstrap-0.2.0">BlazorBootstrap v0.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.0</code> with lots of updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-0">v0.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pagination">pagination</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.0" href="/blog/2022/01/15/blazorbootstrap-0.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-2-1.html b/blog/tags/v-0-2-1.html
index bf88c4d0d..417429300 100644
--- a/blog/tags/v-0-2-1.html
+++ b/blog/tags/v-0-2-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/02/27/blazorbootstrap-0.2.1">BlazorBootstrap v0.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.1" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.1 with minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/02/27/blazorbootstrap-0.2.1">BlazorBootstrap v0.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-02-27T00:00:00.000Z" itemprop="datePublished">February 27, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.1</code> with minor updates.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons-updated-to-v180">Bootstrap Icons updated to v1.8.0<a href="#bootstrap-icons-updated-to-v180" class="hash-link" aria-label="Direct link to Bootstrap Icons updated to v1.8.0" title="Direct link to Bootstrap Icons updated to v1.8.0">​</a></h2><img loading="lazy" src="https://i.imgur.com/273TamX.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-1">v0.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icons">icons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirm-dialog">confirm dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.1" href="/blog/2022/02/27/blazorbootstrap-0.2.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-2-2.html b/blog/tags/v-0-2-2.html
index b73d4c1b6..6e7f618a8 100644
--- a/blog/tags/v-0-2-2.html
+++ b/blog/tags/v-0-2-2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.2 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/03/15/blazorbootstrap-0.2.2">BlazorBootstrap v0.2.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-03-15T00:00:00.000Z" itemprop="datePublished">March 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.2</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-2">v0.2.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.2" href="/blog/2022/03/15/blazorbootstrap-0.2.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.2 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/03/15/blazorbootstrap-0.2.2">BlazorBootstrap v0.2.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-03-15T00:00:00.000Z" itemprop="datePublished">March 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.2</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-2">v0.2.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.2" href="/blog/2022/03/15/blazorbootstrap-0.2.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-2-3.html b/blog/tags/v-0-2-3.html
index 5e976f86c..d406b3c28 100644
--- a/blog/tags/v-0-2-3.html
+++ b/blog/tags/v-0-2-3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.3 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/04/30/blazorbootstrap-0.2.3">BlazorBootstrap v0.2.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-04-30T00:00:00.000Z" itemprop="datePublished">April 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.3</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-3">v0.2.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.3" href="/blog/2022/04/30/blazorbootstrap-0.2.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.3 with a new component and minor updates."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/04/30/blazorbootstrap-0.2.3">BlazorBootstrap v0.2.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-04-30T00:00:00.000Z" itemprop="datePublished">April 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.3</code> with a new component and minor updates.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-3">v0.2.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.3" href="/blog/2022/04/30/blazorbootstrap-0.2.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-2-4.html b/blog/tags/v-0-2-4.html
index 67faa447a..f62b62089 100644
--- a/blog/tags/v-0-2-4.html
+++ b/blog/tags/v-0-2-4.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.4&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.4 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/06/19/blazorbootstrap-0.2.4">BlazorBootstrap v0.2.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-06-19T00:00:00.000Z" itemprop="datePublished">June 19, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.4</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-4">v0.2.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.4" href="/blog/2022/06/19/blazorbootstrap-0.2.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.4&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.4 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/06/19/blazorbootstrap-0.2.4">BlazorBootstrap v0.2.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-06-19T00:00:00.000Z" itemprop="datePublished">June 19, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.4</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-4">v0.2.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/placeholders">placeholders</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.4" href="/blog/2022/06/19/blazorbootstrap-0.2.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-2-5.html b/blog/tags/v-0-2-5.html
index 35d946733..81b836749 100644
--- a/blog/tags/v-0-2-5.html
+++ b/blog/tags/v-0-2-5.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.5 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/07/28/blazorbootstrap-0.2.5">BlazorBootstrap v0.2.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-07-28T00:00:00.000Z" itemprop="datePublished">July 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.5</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-5">v0.2.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.5" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.5 with bug fixes and docs enhancement."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/07/28/blazorbootstrap-0.2.5">BlazorBootstrap v0.2.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-07-28T00:00:00.000Z" itemprop="datePublished">July 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.5</code> with bug fixes and docs enhancement.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-5">v0.2.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.5" href="/blog/2022/07/28/blazorbootstrap-0.2.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-2-6.html b/blog/tags/v-0-2-6.html
index f91fc0e1f..3fea8eacf 100644
--- a/blog/tags/v-0-2-6.html
+++ b/blog/tags/v-0-2-6.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.6&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.6 with enhancements and bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/13/blazorbootstrap-0.2.6">BlazorBootstrap v0.2.6</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.6</code> with enhancements and bug fixes.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-6">v0.2.6</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.6" href="/blog/2022/08/13/blazorbootstrap-0.2.6"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.2.6&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.2.6 with enhancements and bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/13/blazorbootstrap-0.2.6">BlazorBootstrap v0.2.6</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.2.6</code> with enhancements and bug fixes.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-2-6">v0.2.6</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.2.6" href="/blog/2022/08/13/blazorbootstrap-0.2.6"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-3-0.html b/blog/tags/v-0-3-0.html
index f09604ecb..a2e503e6a 100644
--- a/blog/tags/v-0-3-0.html
+++ b/blog/tags/v-0-3-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.3.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.3.0 with significant enhancements to the grid component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/31/blazorbootstrap-0.3.0">BlazorBootstrap v0.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-31T00:00:00.000Z" itemprop="datePublished">August 31, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.3.0</code> with significant enhancements to the grid component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-3-0">v0.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.3.0" href="/blog/2022/08/31/blazorbootstrap-0.3.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.3.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.3.0 with significant enhancements to the grid component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/08/31/blazorbootstrap-0.3.0">BlazorBootstrap v0.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-08-31T00:00:00.000Z" itemprop="datePublished">August 31, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.3.0</code> with significant enhancements to the grid component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-3-0">v0.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.3.0" href="/blog/2022/08/31/blazorbootstrap-0.3.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-4-0.html b/blog/tags/v-0-4-0.html
index 8b6d07ec6..976a58dc5 100644
--- a/blog/tags/v-0-4-0.html
+++ b/blog/tags/v-0-4-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.4.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.0 with new blazor autocomplete component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/04/blazorbootstrap-0.4.0">BlazorBootstrap v0.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-04T00:00:00.000Z" itemprop="datePublished">September 4, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.0</code> with new blazor autocomplete component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-0">v0.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.0" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.4.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.0 with new blazor autocomplete component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/04/blazorbootstrap-0.4.0">BlazorBootstrap v0.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-04T00:00:00.000Z" itemprop="datePublished">September 4, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.0</code> with new blazor autocomplete component.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-0">v0.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.0" href="/blog/2022/09/04/blazorbootstrap-0.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-4-1.html b/blog/tags/v-0-4-1.html
index 0292c63af..4d6e94f63 100644
--- a/blog/tags/v-0-4-1.html
+++ b/blog/tags/v-0-4-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.4.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.4.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.1 with enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/12/blazorbootstrap-0.4.1">BlazorBootstrap v0.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-12T00:00:00.000Z" itemprop="datePublished">September 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.1</code> with enhancements.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-1">v0.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.4.1" href="/blog/2022/09/12/blazorbootstrap-0.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-4-2.html b/blog/tags/v-0-4-2.html
index 53bd079c1..2e5a0748d 100644
--- a/blog/tags/v-0-4-2.html
+++ b/blog/tags/v-0-4-2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.4.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.2 with bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/17/blazorbootstrap-0.4.2">BlazorBootstrap v0.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-17T00:00:00.000Z" itemprop="datePublished">September 17, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.2</code> with bug fixes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="bug-fixes">Bug fixes<a href="#bug-fixes" class="hash-link" aria-label="Direct link to Bug fixes" title="Direct link to Bug fixes">​</a></h3><ul><li><code>AutoComplete</code> component bug fix</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-2">v0.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.4.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.4.2 with bug fixes."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/09/17/blazorbootstrap-0.4.2">BlazorBootstrap v0.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-09-17T00:00:00.000Z" itemprop="datePublished">September 17, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.4.2</code> with bug fixes.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="bug-fixes">Bug fixes<a href="#bug-fixes" class="hash-link" aria-label="Direct link to Bug fixes" title="Direct link to Bug fixes">​</a></h3><ul><li><code>AutoComplete</code> component bug fix</li></ul><h3 class="anchor anchorWithStickyNavbar_LWe7" id="links">Links<a href="#links" class="hash-link" aria-label="Direct link to Links" title="Direct link to Links">​</a></h3><ul><li><a href="https://demos.getblazorbootstrap.com/" target="_blank" rel="noopener noreferrer">Demo Website</a></li><li><a href="https://getblazorbootstrap.com/docs/components/autocomplete" target="_blank" rel="noopener noreferrer">Blazor AutoComplete Component Documentation</a></li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-4-2">v0.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-5-0.html b/blog/tags/v-0-5-0.html
index 2e76a0f70..f28fa41ff 100644
--- a/blog/tags/v-0-5-0.html
+++ b/blog/tags/v-0-5-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.5.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.5.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.0 with new blazor chart components."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/16/blazorbootstrap-0.5.0">BlazorBootstrap v0.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-16T00:00:00.000Z" itemprop="datePublished">October 16, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.0</code> with new blazor chart components.</p><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-0">v0.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-charts">blazor-charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bar-chart">blazor-bar-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-doughnut-chart">blazor-doughnut-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-line-chart">blazor-line-chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-pie-chart">blazor-pie-chart</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about BlazorBootstrap v0.5.0" href="/blog/2022/10/16/blazorbootstrap-0.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-5-1.html b/blog/tags/v-0-5-1.html
index 1cc15d8d5..2a1d5ca20 100644
--- a/blog/tags/v-0-5-1.html
+++ b/blog/tags/v-0-5-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.5.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.5.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.5.1 with blazor grid enhancements."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/22/blazorbootstrap-0.5.1">Blazor Bootstrap v0.5.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-22T00:00:00.000Z" itemprop="datePublished">October 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.5.1</code> with blazor grid enhancements.</p><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Grid Component - Sorting, Filtering, and Paging" class="img_ev3q"><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-5-1">v0.5.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-sorting">blazor-grid-sorting</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-filtering">blazor-grid-filtering</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid-paging">blazor-grid-paging</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.5.1" href="/blog/2022/10/22/blazorbootstrap-0.5.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-0-6-0.html b/blog/tags/v-0-6-0.html
index a34de02d4..024cb87f3 100644
--- a/blog/tags/v-0-6-0.html
+++ b/blog/tags/v-0-6-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.6.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v0.6.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/10/30/blazorbootstrap-0.6.0">Blazor Bootstrap v0.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-10-30T00:00:00.000Z" itemprop="datePublished">October 30, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release <code>0.6.0</code> with the new blazor progress component and enhancements to the blazor toasts component.</p><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-0-6-0">v0.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress">blazor-progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-progress-bar">blazor-progress-bar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress-bar">progress-bar</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v0.6.0" href="/blog/2022/10/30/blazorbootstrap-0.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-0-0.html b/blog/tags/v-1-0-0.html
index ea684d35d..76342779a 100644
--- a/blog/tags/v-1-0-0.html
+++ b/blog/tags/v-1-0-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.0.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.0.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/18/blazorbootstrap-1.0.0">Blazor Bootstrap v1.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release our major version, <code>1.0.0</code>, with new components, enhancements to existing ones, and more!!!</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor NumberInput component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-0">v1.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-tabs">blazor-tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input">blazor-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-input-number">blazor-input-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number-input">blazor-number-input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input-number">input-number</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.0" href="/blog/2022/11/18/blazorbootstrap-1.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-0-1.html b/blog/tags/v-1-0-1.html
index b33a6b277..ad57d9ede 100644
--- a/blog/tags/v-1-0-1.html
+++ b/blog/tags/v-1-0-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.0.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.0.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.0.1, with enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/22/blazorbootstrap-1.0.1">Blazor Bootstrap v1.0.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-22T00:00:00.000Z" itemprop="datePublished">November 22, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.0.1, with enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/3pvzbXY.png" alt="Blazor Preload component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Blazor Offcanvas component" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/chdLk3D.jpg" alt="Blazor Confirm Dialog component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-0-1">v1.0.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-offcanvas">blazor-offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-sidemodal">blazor-sidemodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.0.1" href="/blog/2022/11/22/blazorbootstrap-1.0.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-1-0.html b/blog/tags/v-1-1-0.html
index 84680bb7a..24ab3c9eb 100644
--- a/blog/tags/v-1-1-0.html
+++ b/blog/tags/v-1-1-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.1.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.1.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/11/28/blazorbootstrap-1.1.0">Blazor Bootstrap v1.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-11-28T00:00:00.000Z" itemprop="datePublished">November 28, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!!</p><b>Blazor Toasts service</b><img loading="lazy" src="https://i.imgur.com/wgYhBXW.png" alt="Blazor Bootstrap: Blazor Toasts service" class="img_ev3q"><b>Blazor ConfirmDialog component</b><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Blazor ConfirmDialog component" class="img_ev3q"><b>Blazor Icon component</b><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Blazor Icon component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-1-0">v1.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-dialog">blazor-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-confirm-dialog">blazor-confirm-dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-preload">blazor-preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-spinner">blazor-spinner</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toast">blazor-toast</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.1.0" href="/blog/2022/11/28/blazorbootstrap-1.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-10-0.html b/blog/tags/v-1-10-0.html
index c2b47fd3f..2b145ae73 100644
--- a/blog/tags/v-1-10-0.html
+++ b/blog/tags/v-1-10-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.10.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.10.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/13/blazorbootstrap-1.10.0">Blazor Bootstrap v1.10.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-13T00:00:00.000Z" itemprop="datePublished">August 13, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-0">v1.10.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.0" href="/blog/2023/08/13/blazorbootstrap-1.10.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-10-1.html b/blog/tags/v-1-10-1.html
index 842b90675..e26ea630c 100644
--- a/blog/tags/v-1-10-1.html
+++ b/blog/tags/v-1-10-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.10.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.10.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.1 with base component improvements and chart updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/08/29/blazorbootstrap-1.10.1">Blazor Bootstrap v1.10.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-08-29T00:00:00.000Z" itemprop="datePublished">August 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.1 with base component improvements and chart updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="image" title="Blazor Bootstrap: BarChart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-1">v1.10.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.1" href="/blog/2023/08/29/blazorbootstrap-1.10.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-10-2.html b/blog/tags/v-1-10-2.html
index e5ce693f0..28c2cffb9 100644
--- a/blog/tags/v-1-10-2.html
+++ b/blog/tags/v-1-10-2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.10.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.10.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/09/15/blazorbootstrap-1.10.2">Blazor Bootstrap v1.10.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-09-15T00:00:00.000Z" itemprop="datePublished">September 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="image" title="Blazor Bootstrap: Doughnut Chart Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-2">v1.10.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmdialog">blazorconfirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/chart">chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorchart">blazorchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.2" href="/blog/2023/09/15/blazorbootstrap-1.10.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-10-3.html b/blog/tags/v-1-10-3.html
index 68dd4f7af..6087e167e 100644
--- a/blog/tags/v-1-10-3.html
+++ b/blog/tags/v-1-10-3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.10.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.10.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/10/15/blazorbootstrap-1.10.3">Blazor Bootstrap v1.10.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-15T00:00:00.000Z" itemprop="datePublished">October 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!!</p><p><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="image" title="Blazor Bootstrap: Gird Component - Fixed header" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-3">v1.10.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordropdown">blazordropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.3" href="/blog/2023/10/15/blazorbootstrap-1.10.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-10-4.html b/blog/tags/v-1-10-4.html
index 6b7db544e..3a5597d0e 100644
--- a/blog/tags/v-1-10-4.html
+++ b/blog/tags/v-1-10-4.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.10.4&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.10.4&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/11/18/blazorbootstrap-1.10.4">Blazor Bootstrap v1.10.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-11-18T00:00:00.000Z" itemprop="datePublished">November 18, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-4">v1.10.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/preload">preload</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.4" href="/blog/2023/11/18/blazorbootstrap-1.10.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-10-5.html b/blog/tags/v-1-10-5.html
index 300312c67..c95da8044 100644
--- a/blog/tags/v-1-10-5.html
+++ b/blog/tags/v-1-10-5.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.10.5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.10.5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/01/01/blazorbootstrap-1.10.5">Blazor Bootstrap v1.10.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-01-01T00:00:00.000Z" itemprop="datePublished">January 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!!</p><p><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="image" title="Blazor Bootstrap: Gird Component - Freeze columns with fixed header and filters" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-10-5">v1.10.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.10.5" href="/blog/2024/01/01/blazorbootstrap-1.10.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-11-0.html b/blog/tags/v-1-11-0.html
index 310c80976..c6852210c 100644
--- a/blog/tags/v-1-11-0.html
+++ b/blog/tags/v-1-11-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.11.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.11.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.0">Blazor Bootstrap v1.11.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs.</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-0">v1.11.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/scriptloader">scriptloader</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/docs">docs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.0" href="/blog/2024/02/04/blazorbootstrap-1.11.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-11-1.html b/blog/tags/v-1-11-1.html
index 98b27a55d..7c71d4afb 100644
--- a/blog/tags/v-1-11-1.html
+++ b/blog/tags/v-1-11-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.11.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.11.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.11.1 with PDF Viewer updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/04/blazorbootstrap-1.11.1">Blazor Bootstrap v1.11.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-04T00:00:00.000Z" itemprop="datePublished">February 4, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.11.1 with PDF Viewer updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="image" title="Blazor Bootstrap: PDF Viewer Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-11-1">v1.11.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.11.1" href="/blog/2024/02/04/blazorbootstrap-1.11.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-2-0.html b/blog/tags/v-1-2-0.html
index aeab181b8..86fad251d 100644
--- a/blog/tags/v-1-2-0.html
+++ b/blog/tags/v-1-2-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.2.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.2.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/12/blazorbootstrap-1.2.0">Blazor Bootstrap v1.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-12T00:00:00.000Z" itemprop="datePublished">December 12, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!!</p><b>Blazor CurrencyInput component</b><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Blazor CurrencyInput component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-2-0">v1.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumber">blazornumber</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-number">blazor-number</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-currency-input">blazor-currency-input</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.2.0" href="/blog/2022/12/12/blazorbootstrap-1.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-3-0.html b/blog/tags/v-1-3-0.html
index c07ce203a..de443a65c 100644
--- a/blog/tags/v-1-3-0.html
+++ b/blog/tags/v-1-3-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.3.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/15/blazorbootstrap-1.3.0">Blazor Bootstrap v1.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.0" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.3.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.0, with new Switch component, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/15/blazorbootstrap-1.3.0">Blazor Bootstrap v1.3.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-15T00:00:00.000Z" itemprop="datePublished">December 15, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.0, with new Switch component, and more examples!!!</p><b>Blazor Switch component</b><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Blazor Switch component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-0">v1.3.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-bootstrap">blazor-bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.0" href="/blog/2022/12/15/blazorbootstrap-1.3.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-3-1.html b/blog/tags/v-1-3-1.html
index 1fee08b49..9544d8d27 100644
--- a/blog/tags/v-1-3-1.html
+++ b/blog/tags/v-1-3-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.3.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/18/blazorbootstrap-1.3.1">Blazor Bootstrap v1.3.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.1" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.3.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2022/12/18/blazorbootstrap-1.3.1">Blazor Bootstrap v1.3.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2022-12-18T00:00:00.000Z" itemprop="datePublished">December 18, 2022</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!!</p><b>Blazor AutoComplete component</b><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap: Blazor AutoComplete component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-3-1">v1.3.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.3.1" href="/blog/2022/12/18/blazorbootstrap-1.3.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-4-0.html b/blog/tags/v-1-4-0.html
index 75c155660..9225e0a70 100644
--- a/blog/tags/v-1-4-0.html
+++ b/blog/tags/v-1-4-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.4.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.4.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.0, with new sidebar and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/15/blazorbootstrap-1.4.0">Blazor Bootstrap v1.4.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-15T00:00:00.000Z" itemprop="datePublished">January 15, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.0, with new sidebar and more examples!!!</p><b>Blazor Sidebar component</b><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Bootstrap: Blazor Sidebar component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-0">v1.4.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorsidebar">blazorsidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/leftmenu">leftmenu</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/navigation">navigation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/layout">layout</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.0" href="/blog/2023/01/15/blazorbootstrap-1.4.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-4-1.html b/blog/tags/v-1-4-1.html
index 26a688512..e29edb981 100644
--- a/blog/tags/v-1-4-1.html
+++ b/blog/tags/v-1-4-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.4.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.4.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.1, with modal updates and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/23/blazorbootstrap-1.4.1">Blazor Bootstrap v1.4.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-23T00:00:00.000Z" itemprop="datePublished">January 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.1, with modal updates and more examples!!!</p><b>Blazor modal component</b><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Bootstrap: Blazor modal component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-1">v1.4.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmmodal">confirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorconfirmmodal">blazorconfirmmodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dialog">dialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordialog">blazordialog</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.1" href="/blog/2023/01/23/blazorbootstrap-1.4.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-4-2.html b/blog/tags/v-1-4-2.html
index aaa729205..684f96dae 100644
--- a/blog/tags/v-1-4-2.html
+++ b/blog/tags/v-1-4-2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.4.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.4.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/01/30/blazorbootstrap-1.4.2">Blazor Bootstrap v1.4.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-01-30T00:00:00.000Z" itemprop="datePublished">January 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!!</p><p><strong>Blazor Bootstrap: Blazor WebAssembly and Server starter templates</strong></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap: Blazor WebAssembly and Server starter templates" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-2">v1.4.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-autocomplete">blazor-autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-templates">blazor-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-starter-templates">blazor-starter-templates</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap-starter-templates">blazorbootstrap-starter-templates</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.2" href="/blog/2023/01/30/blazorbootstrap-1.4.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-4-3.html b/blog/tags/v-1-4-3.html
index 289b9d8a5..83b97e13e 100644
--- a/blog/tags/v-1-4-3.html
+++ b/blog/tags/v-1-4-3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.4.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.4.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.3, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/07/blazorbootstrap-1.4.3">Blazor Bootstrap v1.4.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-07T00:00:00.000Z" itemprop="datePublished">February 7, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.3, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-3">v1.4.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.3" href="/blog/2023/02/07/blazorbootstrap-1.4.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-4-4.html b/blog/tags/v-1-4-4.html
index 966e65a08..14c7bddbe 100644
--- a/blog/tags/v-1-4-4.html
+++ b/blog/tags/v-1-4-4.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.4.4&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.4.4&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.4, with Grid enhancements and more examples!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/10/blazorbootstrap-1.4.4">Blazor Bootstrap v1.4.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-10T00:00:00.000Z" itemprop="datePublished">February 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.4, with Grid enhancements and more examples!!!</p><img loading="lazy" src="https://i.imgur.com/36RsWZ3.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-4">v1.4.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-grid">blazor-grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.4" href="/blog/2023/02/10/blazorbootstrap-1.4.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-4-5.html b/blog/tags/v-1-4-5.html
index 583f15481..b95bd5645 100644
--- a/blog/tags/v-1-4-5.html
+++ b/blog/tags/v-1-4-5.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.4.5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.4.5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.4.5 with the Toasts component bug fix!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/02/23/blazorbootstrap-1.4.5">Blazor Bootstrap v1.4.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-02-23T00:00:00.000Z" itemprop="datePublished">February 23, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.4.5 with the Toasts component bug fix!!!</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Toasts Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-4-5">v1.4.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor-toasts">blazor-toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.4.5" href="/blog/2023/02/23/blazorbootstrap-1.4.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-5-0.html b/blog/tags/v-1-5-0.html
index c92aeaa74..03fda970e 100644
--- a/blog/tags/v-1-5-0.html
+++ b/blog/tags/v-1-5-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.5.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.5.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.5.0 with new DateInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/05/blazorbootstrap-1.5.0">Blazor Bootstrap v1.5.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-05T00:00:00.000Z" itemprop="datePublished">March 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.5.0 with new DateInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/1mVjqQv.png" alt="Blazor Bootstrap: DateInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-5-0">v1.5.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.5.0" href="/blog/2023/03/05/blazorbootstrap-1.5.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-6-0.html b/blog/tags/v-1-6-0.html
index a63a137ae..e87ff9e25 100644
--- a/blog/tags/v-1-6-0.html
+++ b/blog/tags/v-1-6-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.6.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.6.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.6.0 with new TimeInput component and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/03/12/blazorbootstrap-1.6.0">Blazor Bootstrap v1.6.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-03-12T00:00:00.000Z" itemprop="datePublished">March 12, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.6.0 with new TimeInput component and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/TlvjRlP.png" alt="Blazor Bootstrap: TimeInput Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-6-0">v1.6.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timepicker">timepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimepicker">blazortimepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortime">blazortime</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/datepicker">datepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordatepicker">blazordatepicker</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordate">blazordate</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.6.0" href="/blog/2023/03/12/blazorbootstrap-1.6.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-7-0.html b/blog/tags/v-1-7-0.html
index ba9cb148a..9bf42ce79 100644
--- a/blog/tags/v-1-7-0.html
+++ b/blog/tags/v-1-7-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.7.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.7.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/10/blazorbootstrap-1.7.0">Blazor Bootstrap v1.7.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!!</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-0">v1.7.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/badge">badge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbadge">blazorbadge</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/collapse">collapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcollapse">blazorcollapse</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoraccordion">blazoraccordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.0" href="/blog/2023/04/10/blazorbootstrap-1.7.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-7-1.html b/blog/tags/v-1-7-1.html
index a993c49c1..49435accf 100644
--- a/blog/tags/v-1-7-1.html
+++ b/blog/tags/v-1-7-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.7.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.7.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.1 with Auto complete and Buttons updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/19/blazorbootstrap-1.7.1">Blazor Bootstrap v1.7.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-19T00:00:00.000Z" itemprop="datePublished">April 19, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.1 with Auto complete and Buttons updates!!!</p><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-1">v1.7.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.1" href="/blog/2023/04/19/blazorbootstrap-1.7.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-7-2.html b/blog/tags/v-1-7-2.html
index 918ae3613..938501373 100644
--- a/blog/tags/v-1-7-2.html
+++ b/blog/tags/v-1-7-2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.7.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.7.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.2 with Currency Input updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/24/blazorbootstrap-1.7.2">Blazor Bootstrap v1.7.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-24T00:00:00.000Z" itemprop="datePublished">April 24, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.2 with Currency Input updates!!!</p><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-2">v1.7.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currency">currency</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.2" href="/blog/2023/04/24/blazorbootstrap-1.7.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-7-3.html b/blog/tags/v-1-7-3.html
index 8277abd36..ab851b39d 100644
--- a/blog/tags/v-1-7-3.html
+++ b/blog/tags/v-1-7-3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.7.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.7.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.7.3 with Buttons and Grid updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/04/29/blazorbootstrap-1.7.3">Blazor Bootstrap v1.7.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-29T00:00:00.000Z" itemprop="datePublished">April 29, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.7.3 with Buttons and Grid updates!!!</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-7-3">v1.7.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/buttons">buttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbuttons">blazorbuttons</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.7.3" href="/blog/2023/04/29/blazorbootstrap-1.7.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-8-0.html b/blog/tags/v-1-8-0.html
index ce9e12f78..165514f7a 100644
--- a/blog/tags/v-1-8-0.html
+++ b/blog/tags/v-1-8-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.8.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.8.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/28/blazorbootstrap-1.8.0">Blazor Bootstrap v1.8.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-28T00:00:00.000Z" itemprop="datePublished">May 28, 2023</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!!</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-0">v1.8.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/offcanvas">offcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoroffcanvas">blazoroffcanvas</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/autocomplete">autocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorautocomplete">blazorautocomplete</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorcurrencyinput">blazorcurrencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazornumberinput">blazornumberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/switch">switch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorswitch">blazorswitch</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.0" href="/blog/2023/05/28/blazorbootstrap-1.8.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-8-1.html b/blog/tags/v-1-8-1.html
index 6a7c635d9..c0ea29d72 100644
--- a/blog/tags/v-1-8-1.html
+++ b/blog/tags/v-1-8-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.8.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.8.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.1 with Grid and Tooltip components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/05/31/blazorbootstrap-1.8.1">Blazor Bootstrap v1.8.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-31T00:00:00.000Z" itemprop="datePublished">May 31, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.1 with Grid and Tooltip components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-1">v1.8.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortooltip">blazortooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.1" href="/blog/2023/05/31/blazorbootstrap-1.8.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-8-2.html b/blog/tags/v-1-8-2.html
index f907cf7fd..250f4063c 100644
--- a/blog/tags/v-1-8-2.html
+++ b/blog/tags/v-1-8-2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.8.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.8.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/11/blazorbootstrap-1.8.2">Blazor Bootstrap v1.8.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-11T00:00:00.000Z" itemprop="datePublished">June 11, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-2">v1.8.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbutton">blazorbutton</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/date">date</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dateinput">dateinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/input">input</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazordateinput">blazordateinput</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.2" href="/blog/2023/06/11/blazorbootstrap-1.8.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-8-3.html b/blog/tags/v-1-8-3.html
index 919690408..3c322a3b7 100644
--- a/blog/tags/v-1-8-3.html
+++ b/blog/tags/v-1-8-3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.8.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.8.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.8.3 with Grid and Progress components updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/16/blazorbootstrap-1.8.3">Blazor Bootstrap v1.8.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-16T00:00:00.000Z" itemprop="datePublished">June 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.8.3 with Grid and Progress components updates!!!</p><p><img loading="lazy" src="https://github.com/vikramlearning/blazorbootstrap/assets/2337067/027363dc-d293-4b12-8155-e0380e8dfc6f" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-8-3">v1.8.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/progress">progress</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorprogress">blazorprogress</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.8.3" href="/blog/2023/06/16/blazorbootstrap-1.8.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-9-0.html b/blog/tags/v-1-9-0.html
index 041ddb1b9..18f6cef1f 100644
--- a/blog/tags/v-1-9-0.html
+++ b/blog/tags/v-1-9-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.9.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.9.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/30/blazorbootstrap-1.9.0">Blazor Bootstrap v1.9.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-0">v1.9.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/icon">icon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazoricon">blazoricon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toasts">toasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoasts">blazortoasts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortabs">blazortabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.0" href="/blog/2023/06/30/blazorbootstrap-1.9.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-9-1.html b/blog/tags/v-1-9-1.html
index 21f343dd9..82bd9936a 100644
--- a/blog/tags/v-1-9-1.html
+++ b/blog/tags/v-1-9-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.9.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.9.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.1 with Modal Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/06/31/blazorbootstrap-1.9.1">Blazor Bootstrap v1.9.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.1 with Modal Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="image" title="Blazor Bootstrap: Modal Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-1">v1.9.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.1" href="/blog/2023/06/31/blazorbootstrap-1.9.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-9-2.html b/blog/tags/v-1-9-2.html
index c3837e59b..369c6c25d 100644
--- a/blog/tags/v-1-9-2.html
+++ b/blog/tags/v-1-9-2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.9.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.9.2&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/01/blazorbootstrap-1.9.2">Blazor Bootstrap v1.9.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="image" title="Blazor Bootstrap: Toast Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-2">v1.9.2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumbservice">breadcrumbservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/breadcrumb">breadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbreadcrumb">blazorbreadcrumb</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toast">toast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortoast">blazortoast</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toastservice">toastservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.2" href="/blog/2023/07/01/blazorbootstrap-1.9.2"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-9-3.html b/blog/tags/v-1-9-3.html
index 7066e13e8..1ae15265b 100644
--- a/blog/tags/v-1-9-3.html
+++ b/blog/tags/v-1-9-3.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.9.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.9.3&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.3 with Grid component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/04/blazorbootstrap-1.9.3">Blazor Bootstrap v1.9.3</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-04T00:00:00.000Z" itemprop="datePublished">July 4, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.3 with Grid component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-3">v1.9.3</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.3" href="/blog/2023/07/04/blazorbootstrap-1.9.3"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-9-4.html b/blog/tags/v-1-9-4.html
index 6870f56a5..5b984ce5a 100644
--- a/blog/tags/v-1-9-4.html
+++ b/blog/tags/v-1-9-4.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.9.4&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.9.4&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.4 with Modal service updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/05/blazorbootstrap-1.9.4">Blazor Bootstrap v1.9.4</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-05T00:00:00.000Z" itemprop="datePublished">July 5, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.4 with Modal service updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="image" title="Blazor Bootstrap: Modal Service" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-4">v1.9.4</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modalservice">modalservice</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodalservice">blazormodalservice</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.4" href="/blog/2023/07/05/blazorbootstrap-1.9.4"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-1-9-5.html b/blog/tags/v-1-9-5.html
index bd0c6fcdd..37d507578 100644
--- a/blog/tags/v-1-9-5.html
+++ b/blog/tags/v-1-9-5.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.9.5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v1.9.5&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2023/07/16/blazorbootstrap-1.9.5">Blazor Bootstrap v1.9.5</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-07-16T00:00:00.000Z" itemprop="datePublished">July 16, 2023</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!!</p><p><img loading="lazy" src="https://i.imgur.com/qH7G1ZT.png" alt="image" title="Blazor Bootstrap: Grid Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-1-9-5">v1.9.5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorgrid">blazorgrid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/timeinput">timeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazortimeinput">blazortimeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazormodal">blazormodal</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v1.9.5" href="/blog/2023/07/16/blazorbootstrap-1.9.5"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-2-0-0.html b/blog/tags/v-2-0-0.html
index 293ab3b09..4dc893c15 100644
--- a/blog/tags/v-2-0-0.html
+++ b/blog/tags/v-2-0-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v2.0.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v2.0.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-02-25T00:00:00.000Z" itemprop="datePublished">February 25, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/bJwpAFS.png" alt="image" title="Blazor Bootstrap: Spinner Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-0-0">v2.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/clipboard">clipboard</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/spinner">spinner</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.0.0" href="/blog/2024/02/25/blazorbootstrap-2.0.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-2-1-0.html b/blog/tags/v-2-1-0.html
index 17a846c65..34100f221 100644
--- a/blog/tags/v-2-1-0.html
+++ b/blog/tags/v-2-1-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v2.1.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v2.1.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-03-17T00:00:00.000Z" itemprop="datePublished">March 17, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/vs8kl7G.png" alt="image" title="Blazor Bootstrap: Sidebar2 Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-1-0">v2.1.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/barchart">barchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/currencyinput">currencyinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/numberinput">numberinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/rangeinput">rangeinput</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tooltip">tooltip</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.1.0" href="/blog/2024/03/17/blazorbootstrap-2.1.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-2-2-0.html b/blog/tags/v-2-2-0.html
index a7f059811..845a8bcae 100644
--- a/blog/tags/v-2-2-0.html
+++ b/blog/tags/v-2-2-0.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v2.2.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v2.2.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-14T00:00:00.000Z" itemprop="datePublished">April 14, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="image" title="Blazor Bootstrap: Ribbon Component" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-0">v2.2.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap-5">bootstrap5</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/pdfviewer">pdfviewer</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">Ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sortablelist">sortablelist</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tabs">tabs</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.0" href="/blog/2024/04/14/blazorbootstrap-2.2.0"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-2-2-1.html b/blog/tags/v-2-2-1.html
index b319947ba..5a8c8cf3b 100644
--- a/blog/tags/v-2-2-1.html
+++ b/blog/tags/v-2-2-1.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v2.2.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v2.2.1&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-04-21T00:00:00.000Z" itemprop="datePublished">April 21, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-2-2-1">v2.2.1</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/confirmdialog">confirmdialog</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v2.2.1" href="/blog/2024/04/21/blazorbootstrap-2.2.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/blog/tags/v-3-0-0.html b/blog/tags/v-3-0-0.html
index 4c019a862..7d272593f 100644
--- a/blog/tags/v-3-0-0.html
+++ b/blog/tags/v-3-0-0.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">One post tagged with &quot;v3.0.0&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/v-3-0-0"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="One post tagged with &quot;v3.0.0&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/v-3-0-0"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/v-3-0-0" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/v-3-0-0" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">2 posts tagged with &quot;v3.0.0&quot; | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/blog/tags/v-3-0-0"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" property="og:title" content="2 posts tagged with &quot;v3.0.0&quot; | Blazor Bootstrap Docs"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/blog/tags/v-3-0-0"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/v-3-0-0" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/blog/tags/v-3-0-0" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/25/blazorbootstrap-2.0.0">Blazor Bootstrap v2.0.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;v3.0.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/21/blazorbootstrap-2.2.1">Blazor Bootstrap v2.2.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/14/blazorbootstrap-2.2.0">Blazor Bootstrap v2.2.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/17/blazorbootstrap-2.1.0">Blazor Bootstrap v2.1.0</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;v3.0.0&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2">Blazor Bootstrap v3.0.0-preview.2</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-07-01T00:00:00.000Z" itemprop="datePublished">July 1, 2024</time> · <!-- -->One min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements!</p><p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="image" title="Blazor Bootstrap: Grid Component - Nested Grid" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/charts">charts</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/image">image</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/polarareachart">polarareachart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.2" href="/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1">Blazor Bootstrap v3.0.0-preview.1</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2024-06-08T00:00:00.000Z" itemprop="datePublished">June 8, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/2337067" alt="Vikram Reddy" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/gvreddy04" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vikram Reddy</span></a></div><small class="avatar__subtitle" itemprop="description">Creator</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!!</p><p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="image" title="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/v-3-0-0">v3.0.0</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazor">blazor</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/bootstrap">bootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blazorbootstrap">blazorbootstrap</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/accordion">accordion</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/button">button</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/callout">callout</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/dropdown">dropdown</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/grid">grid</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/modal">modal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ribbon">ribbon</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tab">tab</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar">sidebar</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/sidebar-2">sidebar2</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blazor Bootstrap v3.0.0-preview.1" href="/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/accordion.html b/components/accordion.html
index 49772038a..6625c7ed5 100644
--- a/components/accordion.html
+++ b/components/accordion.html
@@ -10,14 +10,14 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Accordion</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Accordion</h1><p>Build vertically collapsing accordions in combination with our Collapse component.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/g4zpMXp.png" alt="Blazor Bootstrap: Accordion Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="accordion-parameters">Accordion Parameters<a href="#accordion-parameters" class="hash-link" aria-label="Direct link to Accordion Parameters" title="Direct link to Accordion Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">AlwaysOpen</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">If true, accordion items stay open when another item is opened.</td><td align="left">1.7.0</td></tr><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.7.0</td></tr><tr><td align="left">Flush</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">If true, removes borders and rounded corners to render accordions edge-to-edge with their parent container.</td><td align="left">1.7.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="accordion-methods">Accordion Methods<a href="#accordion-methods" class="hash-link" aria-label="Direct link to Accordion Methods" title="Direct link to Accordion Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">HideAccordionItemByIndexAsync(int index)</td><td align="left">Hides the <code>AccordionItem</code> by index.</td><td align="left">1.10.5</td></tr><tr><td align="left">HideAccordionItemByNameAsync(string accordionItemName)</td><td align="left">Hides the <code>AccordionItem</code> by name.</td><td align="left">1.10.5</td></tr><tr><td align="left">HideAllAccordionItemsAsync()</td><td align="left">Hides all <code>AccordionItem</code> instances.</td><td align="left">1.10.5</td></tr><tr><td align="left">HideFirstAccordionItemAsync()</td><td align="left">Hides the first <code>AccordionItem</code>.</td><td align="left">1.10.5</td></tr><tr><td align="left">HideLastAccordionItemAsync()</td><td align="left">Hides the last <code>AccordionItem</code>.</td><td align="left">1.10.5</td></tr><tr><td align="left">ShowAccordionItemByIndexAsync(int index)</td><td align="left">Shows the <code>AccordionItem</code> by index.</td><td align="left">1.7.0</td></tr><tr><td align="left">ShowAccordionItemByNameAsync(string accordionItemName)</td><td align="left">Shows the <code>AccordionItem</code> by name.</td><td align="left">1.7.0</td></tr><tr><td align="left">ShowAllAccordionItemsAsync()</td><td align="left">Shows all <code>AccordionItem</code> instances if <code>AlwaysOpen</code> is true.</td><td align="left">1.10.5</td></tr><tr><td align="left">ShowFirstAccordionItemAsync()</td><td align="left">Shows the first <code>AccordionItem</code>.</td><td align="left">1.7.0</td></tr><tr><td align="left">ShowLastAccordionItemAsync()</td><td align="left">Shows the last <code>AccordionItem</code>.</td><td align="left">1.7.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="accordion-events">Accordion Events<a href="#accordion-events" class="hash-link" aria-label="Direct link to Accordion Events" title="Direct link to Accordion Events">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">OnHidden</td><td align="left">This event is fired when a accordion item has been hidden from the user (will wait for CSS transitions to complete).</td><td align="left">1.7.0</td></tr><tr><td align="left">OnHiding</td><td align="left">This event is fired immediately when the hide method has been called.</td><td align="left">1.7.0</td></tr><tr><td align="left">OnShowing</td><td align="left">This event fires immediately when the show method is called.</td><td align="left">1.7.0</td></tr><tr><td align="left">OnShown</td><td align="left">This event is fired when a accordion item has been made visible to the user (will wait for CSS transitions to complete).</td><td align="left">1.7.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="accordionitem-parameters">AccordionItem Parameters<a href="#accordionitem-parameters" class="hash-link" aria-label="Direct link to AccordionItem Parameters" title="Direct link to AccordionItem Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Active</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the active state.</td><td align="left">1.7.0</td></tr><tr><td align="left">Content</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.7.0</td></tr><tr><td align="left">Name</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the name.</td><td align="left">1.7.0</td></tr><tr><td align="left">Title</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the title.</td><td align="left">1.7.0</td></tr><tr><td align="left">TitleTemplate</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the title template.</td><td align="left">1.7.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="accordion">Accordion<a href="#accordion" class="hash-link" aria-label="Direct link to Accordion" title="Direct link to Accordion">​</a></h3><p>Click the accordions below to expand/collapse the accordion content.</p><img loading="lazy" src="https://i.imgur.com/IcfmBek.png" alt="Blazor Bootstrap: Accordion Component - Examples" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the first item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the second item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the third item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/accordion#examples" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="title-with-icon">Title with Icon<a href="#title-with-icon" class="hash-link" aria-label="Direct link to Title with Icon" title="Direct link to Title with Icon">​</a></h3><p>To customize the accordion title, use <code>TitleTemplate</code>, as shown in the below example.</p><img loading="lazy" src="https://i.imgur.com/nkIyXbb.png" alt="Blazor Bootstrap: Accordion Component - Title with Icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TitleTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.HouseFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> Accordion Item #1</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">TitleTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the first item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TitleTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.PersonFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> Accordion Item #2</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">TitleTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the second item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TitleTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.PhoneFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> Accordion Item #3</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">TitleTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the third item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/accordion#title-with-icon" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="flush">Flush<a href="#flush" class="hash-link" aria-label="Direct link to Flush" title="Direct link to Flush">​</a></h3><p>Set the <code>Flush</code> parameter to <code>true</code> to remove borders and rounded corners to render accordions edge-to-edge with their parent container.</p><img loading="lazy" src="https://i.imgur.com/8yqF7iY.png" alt="Blazor Bootstrap: Accordion Component - Flush" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Flush</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the first item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the second item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the third item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/accordion#flush" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="set-default-active-accordion-item">Set default active accordion item<a href="#set-default-active-accordion-item" class="hash-link" aria-label="Direct link to Set default active accordion item" title="Direct link to Set default active accordion item">​</a></h3><p>Set the <code>Active</code> parameter to <code>true</code> to keep the accordion item open by default.</p><img loading="lazy" src="https://i.imgur.com/FkbNpZN.png" alt="Blazor Bootstrap: Accordion Component - Set default active accordion item" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the first item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Active</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the second item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the third item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/accordion#set-default-active-accordion-item" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="always-open">Always open<a href="#always-open" class="hash-link" aria-label="Direct link to Always open" title="Direct link to Always open">​</a></h3><p>Set the <code>AlwaysOpen</code> parameter to <code>true</code> to keep accordion items open when another item is opened.</p><img loading="lazy" src="https://i.imgur.com/E2AbjKh.png" alt="Blazor Bootstrap: Accordion Component - Always open" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AlwaysOpen</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the first item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the second item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the third item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/accordion#always-open" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="show--hide-individual-accordion-items">Show / hide individual accordion items<a href="#show--hide-individual-accordion-items" class="hash-link" aria-label="Direct link to Show / hide individual accordion items" title="Direct link to Show / hide individual accordion items">​</a></h3><p>You can show and hide individual accordion items in several ways.</p><ul><li>To show an accordion item, use predefined methods <code>ShowFirstAccordionItemAsync</code>, <code>ShowLastAccordionItemAsync</code>, <code>ShowAccordionItemByNameAsync</code>, and <code>ShowAccordionItemByIndexAsync</code>.</li><li>To hide an accordion item, use predefined methods <code>HideFirstAccordionItemAsync</code>, <code>HideLastAccordionItemAsync</code>, <code>HideAccordionItemByNameAsync</code>, and <code>HideAccordionItemByIndexAsync</code>.</li></ul><img loading="lazy" src="https://i.imgur.com/Xx2g2Ul.png" alt="Blazor Bootstrap: Accordion Component - Show / hide individual accordion items" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">accordion1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Home</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AccordionItem1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the first item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Profile</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AccordionItem2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the second item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Contact</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AccordionItem3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the third item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Products</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Products</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the fourth item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FAQs</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FAQ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the fifth item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">About</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AccordionItem6</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the sixth item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowFirstAccordionItemAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">First Accordion Item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowSecondAccordionItemAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Second Accordion Item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowThirdAccordionItemAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Third Accordion Item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowProductsAccordionItemAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Products Accordion Item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowFaqsAccordionItemAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">FAQs Accordion Item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowLastAccordionItemAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last Accordion Item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Hide</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HideFirstAccordionItemAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">First Accordion Item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HideSecondAccordionItemAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Second Accordion Item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HideThirdAccordionItemAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Third Accordion Item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HideProductsAccordionItemAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Products Accordion Item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HideFaqsAccordionItemAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">FAQs Accordion Item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HideLastAccordionItemAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last Accordion Item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Accordion</span><span class="token block csharp language-csharp"> accordion1 </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowFirstAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowFirstAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowSecondAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowAccordionItemByIndexAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowThirdAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowAccordionItemByIndexAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">2</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowProductsAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowAccordionItemByNameAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Products&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowFaqsAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowAccordionItemByNameAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;FAQ&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowLastAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowLastAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideFirstAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideFirstAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideSecondAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideAccordionItemByIndexAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideThirdAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideAccordionItemByIndexAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">2</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideProductsAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideAccordionItemByNameAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Products&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideFaqsAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideAccordionItemByNameAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;FAQ&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideLastAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideLastAccordionItemAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/accordion#show-hide-individual-accordion-items" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="show--hide-all-accordion-items">Show / hide all accordion items<a href="#show--hide-all-accordion-items" class="hash-link" aria-label="Direct link to Show / hide all accordion items" title="Direct link to Show / hide all accordion items">​</a></h3><p>When the <code>AlwaysOpen</code> parameter is set to <code>true</code>, you can show all accordion items simultaneously using the <code>ShowAllAccordionItemsAsync</code> method.
 The <code>HideAllAccordionItemsAsync</code> method will hide all accordion items, regardless of the value of <code>AlwaysOpen</code>.</p><img loading="lazy" src="https://i.imgur.com/lFAcglH.png" alt="Blazor Bootstrap: Accordion Component - Show / hide all accordion items" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AlwaysOpen</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">accordion1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the first item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the second item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the third item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowAllAccordionItemsAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show All Accordion Items</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HideAllAccordionItemsAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Hide All Accordion Items</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Accordion</span><span class="token block csharp language-csharp"> accordion1 </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowAllAccordionItemsAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowAllAccordionItemsAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideAllAccordionItemsAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> accordion1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideAllAccordionItemsAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/accordion#show-hide-individual-accordion-items" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="events-example">Events Example<a href="#events-example" class="hash-link" aria-label="Direct link to Events Example" title="Direct link to Events Example">​</a></h3><p>Blazor Bootstrap Accordion component exposes a few events for hooking into accordion functionality.</p><img loading="lazy" src="https://i.imgur.com/IcfmBek.png" alt="Blazor Bootstrap: Accordion Component - Events Example" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">accordion1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnShowing</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowingAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnShown</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShownAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnHiding</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnHidingAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnHidden</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnHiddenAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AccordionItem1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the first item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AccordionItem2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the second item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Accordion Item #3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AccordionItem3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the third item&#x27;s accordion body.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It&#x27;s also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">AccordionItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Accordion</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Accordion</span><span class="token block csharp language-csharp"> accordion1 </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">ToastService</span><span class="token block csharp language-csharp"> ToastService </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnShowingAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">AccordionEventArgs</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        ToastService</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Notify</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">type</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> ToastType</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">message</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Event Name: Showing, AccordionItemName: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Name</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">, AccordionItemTitle: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Title</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnShownAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">AccordionEventArgs</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        ToastService</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Notify</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">type</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> ToastType</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">message</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Event Name: OnShown, AccordionItemName: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Name</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">, AccordionItemTitle: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Title</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnHidingAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">AccordionEventArgs</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        ToastService</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Notify</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">type</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> ToastType</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">message</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Event Name: OnHiding, AccordionItemName: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Name</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">, AccordionItemTitle: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Title</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnHiddenAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">AccordionEventArgs</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        ToastService</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Notify</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">type</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> ToastType</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">message</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Event Name: OnHidden, AccordionItemName: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Name</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">, AccordionItemTitle: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Title</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/accordion#events" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/accordion.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/forms/time-input"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Time Input</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/alerts"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Alerts</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#accordion-parameters" class="table-of-contents__link toc-highlight">Accordion Parameters</a></li><li><a href="#accordion-methods" class="table-of-contents__link toc-highlight">Accordion Methods</a></li><li><a href="#accordion-events" class="table-of-contents__link toc-highlight">Accordion Events</a></li><li><a href="#accordionitem-parameters" class="table-of-contents__link toc-highlight">AccordionItem Parameters</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#accordion" class="table-of-contents__link toc-highlight">Accordion</a></li><li><a href="#title-with-icon" class="table-of-contents__link toc-highlight">Title with Icon</a></li><li><a href="#flush" class="table-of-contents__link toc-highlight">Flush</a></li><li><a href="#set-default-active-accordion-item" class="table-of-contents__link toc-highlight">Set default active accordion item</a></li><li><a href="#always-open" class="table-of-contents__link toc-highlight">Always open</a></li><li><a href="#show--hide-individual-accordion-items" class="table-of-contents__link toc-highlight">Show / hide individual accordion items</a></li><li><a href="#show--hide-all-accordion-items" class="table-of-contents__link toc-highlight">Show / hide all accordion items</a></li><li><a href="#events-example" class="table-of-contents__link toc-highlight">Events Example</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/alerts.html b/components/alerts.html
index a30fa7fe2..a1d9987a1 100644
--- a/components/alerts.html
+++ b/components/alerts.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Alerts</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Alerts</h1><p>Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left"><code>RenderFragment?</code></td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.0.0</td><td align="left"></td></tr><tr><td align="left">Color</td><td align="left"><code>AlertColor</code></td><td align="left"><code>AlertColor.None</code></td><td align="left"></td><td align="left">Gets or sets the alert color.</td><td align="left">1.0.0</td></tr><tr><td align="left">Dismissable</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">If true, shows an inline close button.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th>Name</th><th>Description</th><th>Added Version</th></tr></thead><tbody><tr><td>CloseAsync</td><td>Closes an alert by removing it from the DOM.</td><td>1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="callback-events">Callback Events<a href="#callback-events" class="hash-link" aria-label="Direct link to Callback Events" title="Direct link to Callback Events">​</a></h2><table><thead><tr><th>Name</th><th>Description</th><th>Added Version</th></tr></thead><tbody><tr><td>OnClose</td><td>Fires immediately when the <code>close</code> instance method is called.</td><td>1.0.0</td></tr><tr><td>OnClosed</td><td>Fired when the alert has been closed and CSS transitions have completed.</td><td>1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="alerts">Alerts<a href="#alerts" class="hash-link" aria-label="Direct link to Alerts" title="Direct link to Alerts">​</a></h3><p>Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight colors.</p><img loading="lazy" src="https://i.imgur.com/FGgEMp6.jpg" alt="Blazor Bootstrap: Alert Component" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> A simple primary alert - check it out! </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> A simple secondary alert - check it out! </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> A simple success alert - check it out! </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> A simple danger alert - check it out! </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> A simple warning alert - check it out! </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> A simple info alert - check it out! </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> A simple light alert - check it out! </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> A simple dark alert - check it out! </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/alerts#examples" target="_blank" rel="noopener noreferrer">See alerts demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="additional-content">Additional Content<a href="#additional-content" class="hash-link" aria-label="Direct link to Additional Content" title="Direct link to Additional Content">​</a></h3><p>Alerts can also contain additional HTML elements like headings, paragraphs and dividers.</p><img loading="lazy" src="https://i.imgur.com/OaQ7Ydj.jpg" alt="Blazor Bootstrap: Alert Component - Alerts with additional content" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">alert-heading</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Well done!</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">hr</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/alerts#additional-content" target="_blank" rel="noopener noreferrer">See alerts with additional content demo.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="icons">Icons<a href="#icons" class="hash-link" aria-label="Direct link to Icons" title="Direct link to Icons">​</a></h3><p>Similarly, you can use Bootstrap Icons to create alerts with icons.</p><img loading="lazy" src="https://i.imgur.com/wjCs7bZ.jpg" alt="Blazor Bootstrap: Alert Component - Alerts with an icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.InfoCircleFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">An example alert with an icon </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.CheckCircleFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">A simple success alert with an icon </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.ExclamationTriangleFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">A simple danger alert with an icon </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.ExclamationTriangleFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">A simple warning alert with an icon </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/alerts#icons" target="_blank" rel="noopener noreferrer">See alerts with an icon demo.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dismissing">Dismissing<a href="#dismissing" class="hash-link" aria-label="Direct link to Dismissing" title="Direct link to Dismissing">​</a></h3><ol><li>Using the <code>Dismissable=&quot;true&quot;</code>, it&#x27;s possible to dismiss any alert inline.</li></ol><p>It&#x27;s possible to dismiss any alert inline. Here&#x27;s how:</p><img loading="lazy" src="https://i.imgur.com/D9tJpSl.jpg" alt="Blazor Bootstrap: Alert Component - Dismissing" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Dismissable</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Holy guacamole!</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> You should check in on some of those fields below. </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol start="2"><li>Manually we can close an alert with button click.</li></ol><img loading="lazy" src="https://i.imgur.com/dq48mYF.jpg" alt="Blazor Bootstrap: Alert Component - Dismissing manually" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">warningAlert</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AlertColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Holy guacamole!</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> You should check in on some of those fields below. </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CloseAlert</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Close</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Alert</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">Alert</span><span class="token plain"> warningAlert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CloseAlert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> warningAlert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">CloseAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/alerts#dismissing" target="_blank" rel="noopener noreferrer">See dismissable alerts demo.</a></p><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>When an alert is dismissed, the element is completely removed from the page structure. If a keyboard user dismisses the alert using the close button, their focus will suddenly be lost and, depending on the browser, reset to the start of the page/document. For this reason, we recommend subscribing to the <code>OnClosed</code> callback event and programmatically sets focus to the most appropriate location on the page.</p></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/alerts.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/accordion"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Accordion</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/badge"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Badge</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#callback-events" class="table-of-contents__link toc-highlight">Callback Events</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#alerts" class="table-of-contents__link toc-highlight">Alerts</a></li><li><a href="#additional-content" class="table-of-contents__link toc-highlight">Additional Content</a></li><li><a href="#icons" class="table-of-contents__link toc-highlight">Icons</a></li><li><a href="#dismissing" class="table-of-contents__link toc-highlight">Dismissing</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/badge.html b/components/badge.html
index 46e18296e..7497476a4 100644
--- a/components/badge.html
+++ b/components/badge.html
@@ -10,14 +10,14 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Badge</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Badge</h1><p>The Blazor Bootstrap <code>Badge</code> component shows the small count and labels.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/ux0sTs9.png" alt="Blazor Bootstrap: Badge Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.7.0</td></tr><tr><td align="left">Color</td><td align="left"><code>BadgeColor</code></td><td align="left"><code>BadgeColor.Secondary</code></td><td align="left"></td><td align="left">Gets or sets the badge color.</td><td align="left">1.7.0</td></tr><tr><td align="left">IndicatorType</td><td align="left"><code>BadgeIndicatorType</code></td><td align="left"><code>BadgeIndicatorType.None</code></td><td align="left"></td><td align="left">Gets or sets the badge indicator.</td><td align="left">1.7.0</td></tr><tr><td align="left">Placement</td><td align="left"><code>BadgePlacement</code></td><td align="left"><code>BadgePlacement.None</code></td><td align="left"></td><td align="left">Gets or sets the badge placement.</td><td align="left">1.7.0</td></tr><tr><td align="left">Position</td><td align="left"><code>Position</code></td><td align="left"><code>Position.None</code></td><td align="left"></td><td align="left">Gets or sets the badge position.</td><td align="left">1.7.0</td></tr><tr><td align="left">VisuallyHiddenText</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the visually hidden text.</td><td align="left">1.7.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="basic-usage">Basic usage<a href="#basic-usage" class="hash-link" aria-label="Direct link to Basic usage" title="Direct link to Basic usage">​</a></h3><p>Badges scale to match the size of the immediate parent element by using relative font sizing and em units.
 As of now, badges no longer have focus or hover styles for links.</p><img loading="lazy" src="https://i.imgur.com/6aAV5Nb.png" alt="Blazor Bootstrap: Badge Component - Basic usage" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Example heading </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">New</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Example heading </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">New</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h3</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Example heading </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">New</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h3</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Example heading </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">New</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h5</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Example heading </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">New</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h5</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h6</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Example heading </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">New</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h6</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/badge#examples" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="background-colors">Background colors<a href="#background-colors" class="hash-link" aria-label="Direct link to Background colors" title="Direct link to Background colors">​</a></h3><img loading="lazy" src="https://i.imgur.com/ux0sTs9.png" alt="Blazor Bootstrap: Badge Component - Background colors" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Visually hidden text for Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Primary</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Visually hidden text for Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Secondary</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Visually hidden text for Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Success</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Visually hidden text for Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Danger</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Visually hidden text for Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Warning</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Visually hidden text for Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Info</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Visually hidden text for Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Light</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Visually hidden text for Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dark</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>Conveying meaning to assistive technologies</div><div class="admonitionContent_S0QG"><p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g., the visible text) or is included through alternative means, such as additional text hidden with the <code>VisuallyHiddenText</code> parameter.</p></div></div><p><a href="https://demos.blazorbootstrap.com/badge#background-colors" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="pill-badges">Pill badges<a href="#pill-badges" class="hash-link" aria-label="Direct link to Pill badges" title="Direct link to Pill badges">​</a></h3><p>Use the <code>IndicatorType</code> parameter to make badges more rounded with a larger <code>border-radius</code>.</p><img loading="lazy" src="https://i.imgur.com/sSuSSJX.png" alt="Blazor Bootstrap: Badge Component - Pill badges" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Primary</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Secondary</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Success</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Danger</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Warning</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Info</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Light</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dark</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/badge#pill-badges" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="buttons">Buttons<a href="#buttons" class="hash-link" aria-label="Direct link to Buttons" title="Direct link to Buttons">​</a></h3><p>Badges can be used as part of links or buttons to provide a counter.</p><img loading="lazy" src="https://i.imgur.com/BO9dltp.png" alt="Blazor Bootstrap: Badge Component - Buttons" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Announcement </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Notifications </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> 4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Announcement </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.MegaphoneFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> 2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Notifications </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BellFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> 4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/badge#buttons" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="positioned">Positioned<a href="#positioned" class="hash-link" aria-label="Direct link to Positioned" title="Direct link to Positioned">​</a></h3><p>Use <code>Position</code> and <code>Placement</code> parameters to position it in the corner of a link or button.</p><img loading="lazy" src="https://i.imgur.com/1e7xDAr.png" alt="Blazor Bootstrap: Badge Component - Positioned" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Relative</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Inbox</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Absolute</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgePlacement.TopLeft</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">unread messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">99+</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Relative</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Inbox</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Absolute</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgePlacement.TopCenter</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">unread messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">99+</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Relative</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Inbox</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Absolute</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgePlacement.TopRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">unread messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">99+</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Relative</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Inbox</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Absolute</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgePlacement.MiddleLeft</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">unread messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">99+</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Relative</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Inbox</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Absolute</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgePlacement.MiddleCenter</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">unread messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">99+</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Relative</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Inbox</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Absolute</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgePlacement.MiddleRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">unread messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">99+</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Relative</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Inbox</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Absolute</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgePlacement.BottomLeft</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">unread messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">99+</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Relative</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Inbox</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Absolute</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgePlacement.BottomCenter</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">unread messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">99+</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Relative</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Inbox</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Absolute</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgePlacement.BottomRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">unread messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">99+</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/badge#positioned" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="generic-indicator">Generic indicator<a href="#generic-indicator" class="hash-link" aria-label="Direct link to Generic indicator" title="Direct link to Generic indicator">​</a></h3><p>You can also replace the badge with a generic indicator without the count.</p><img loading="lazy" src="https://i.imgur.com/HVx7at0.png" alt="Blazor Bootstrap: Badge Component - Generic indicator" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Relative</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Inbox</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Position.Absolute</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgePlacement.TopRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IndicatorType</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeIndicatorType.RoundedPill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">unread messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/badge#generic-indicator" target="_blank" rel="noopener noreferrer">See demo here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/badge.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/alerts"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Alerts</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/breadcrumb"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Breadcrumb</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#basic-usage" class="table-of-contents__link toc-highlight">Basic usage</a></li><li><a href="#background-colors" class="table-of-contents__link toc-highlight">Background colors</a></li><li><a href="#pill-badges" class="table-of-contents__link toc-highlight">Pill badges</a></li><li><a href="#buttons" class="table-of-contents__link toc-highlight">Buttons</a></li><li><a href="#positioned" class="table-of-contents__link toc-highlight">Positioned</a></li><li><a href="#generic-indicator" class="table-of-contents__link toc-highlight">Generic indicator</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/breadcrumb.html b/components/breadcrumb.html
index dfce02e3d..5b74628b2 100644
--- a/components/breadcrumb.html
+++ b/components/breadcrumb.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Breadcrumb</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Breadcrumb</h1><p>Blazor Bootstrap breadcrumb component indicates the current page&#x27;s location within a navigational hierarchy that automatically adds separators.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Items</td><td align="left"><code>List&lt;BreadcrumbItem&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the items.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="breadcrumb">Breadcrumb<a href="#breadcrumb" class="hash-link" aria-label="Direct link to Breadcrumb" title="Direct link to Breadcrumb">​</a></h3><img loading="lazy" src="https://i.imgur.com/hO90HoC.jpg" alt="Blazor Bootstrap: Breadcrumb Component" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Breadcrumb</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Items</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NavItems1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Breadcrumb</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Breadcrumb</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Items</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NavItems2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Breadcrumb</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> NavItems1 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> NavItems2 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        NavItems1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsCurrentPage </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        NavItems2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Docs&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/docs&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsCurrentPage </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/breadcrumb#examples" target="_blank" rel="noopener noreferrer">See breadcrumb demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dividers">Dividers<a href="#dividers" class="hash-link" aria-label="Direct link to Dividers" title="Direct link to Dividers">​</a></h3><p>Dividers are automatically added in CSS through <code>::before</code> and <code>content</code>. They can be changed by modifying a local CSS custom property <code>--bs-breadcrumb-divider.</code></p><img loading="lazy" src="https://i.imgur.com/oUqUOY1.jpg" alt="Blazor Bootstrap: Breadcrumb Component - Dividers" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Breadcrumb</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css variable" style="color:rgb(156, 220, 254)">--bs-breadcrumb-divider</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)"> </span><span class="token tag special-attr attr-value value css language-css string" style="color:rgb(206, 145, 120)">&#x27;&gt;&#x27;</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Items</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NavItems2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Breadcrumb</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> NavItems2 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        NavItems2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Docs&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/docs&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsCurrentPage </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/breadcrumb#dividers" target="_blank" rel="noopener noreferrer">See breadcrumb with dividers demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="embedded-svg-icon">Embedded SVG icon<a href="#embedded-svg-icon" class="hash-link" aria-label="Direct link to Embedded SVG icon" title="Direct link to Embedded SVG icon">​</a></h3><p>It&#x27;s also possible to use an embedded SVG icon. Apply it via our CSS custom property</p><img loading="lazy" src="https://i.imgur.com/mZaXqgZ.jpg" alt="Blazor Bootstrap: Breadcrumb Component - Embedded SVG icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Breadcrumb</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css variable" style="color:rgb(156, 220, 254)">--bs-breadcrumb-divider</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)"> </span><span class="token tag special-attr attr-value value css language-css function" style="color:rgb(220, 220, 170)">url</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)">&amp;#</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">34</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">data</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)">image/svg+xml</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)">%</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">3</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)">Csvg xmlns=</span><span class="token tag special-attr attr-value value css language-css string" style="color:rgb(206, 145, 120)">&#x27;http://www.w3.org/2000/svg&#x27;</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)"> width=</span><span class="token tag special-attr attr-value value css language-css string" style="color:rgb(206, 145, 120)">&#x27;8&#x27;</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)"> height=</span><span class="token tag special-attr attr-value value css language-css string" style="color:rgb(206, 145, 120)">&#x27;8&#x27;</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)">%</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">3</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)">E%</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">3</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)">Cpath d=</span><span class="token tag special-attr attr-value value css language-css string" style="color:rgb(206, 145, 120)">&#x27;M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z&#x27;</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)"> fill=</span><span class="token tag special-attr attr-value value css language-css string" style="color:rgb(206, 145, 120)">&#x27;currentColor&#x27;</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)">/%</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">3</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)">E%</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">3</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)">C/svg%</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">3</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)">E&amp;#</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">34</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Items</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NavItems2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Breadcrumb</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> NavItems2 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        NavItems2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Docs&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/docs&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BreadcrumbItem</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsCurrentPage </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/breadcrumb#embedded-svg-icon" target="_blank" rel="noopener noreferrer">See breadcrumb with embedded svg icon demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/breadcrumb.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/badge"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Badge</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/buttons"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Buttons</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#breadcrumb" class="table-of-contents__link toc-highlight">Breadcrumb</a></li><li><a href="#dividers" class="table-of-contents__link toc-highlight">Dividers</a></li><li><a href="#embedded-svg-icon" class="table-of-contents__link toc-highlight">Embedded SVG icon</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/buttons.html b/components/buttons.html
index dedd59a23..6089067f2 100644
--- a/components/buttons.html
+++ b/components/buttons.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Buttons</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Buttons</h1><p>Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, etc.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Active</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the button active state.</td><td align="left">1.0.0</td></tr><tr><td align="left">Block</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the block level button.</td><td align="left">1.0.0</td></tr><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.0.0</td></tr><tr><td align="left">Color</td><td align="left"><code>ButtonColor</code></td><td align="left"><code>ButtonColor.None</code></td><td align="left"></td><td align="left">Gets or sets the button color.</td><td align="left">1.0.0</td></tr><tr><td align="left">Disabled</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the button disabled state.</td><td align="left">1.0.0</td></tr><tr><td align="left">Loading</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">If true, shows the loading spinner or a <code>LoadingTemplate</code>.</td><td align="left">1.0.0</td></tr><tr><td align="left">LoadingTemplate</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the button loading template.</td><td align="left">1.0.0</td></tr><tr><td align="left">LoadingText</td><td align="left">string</td><td align="left"><code>Loading...</code></td><td align="left"></td><td align="left">Gets or sets the loading text. <code>LoadingTemplate</code> takes precedence.</td><td align="left">1.0.0</td></tr><tr><td align="left">Outline</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the button outline.</td><td align="left">1.0.0</td></tr><tr><td align="left">Position</td><td align="left"><code>Position</code></td><td align="left"><code>Position.None</code></td><td align="left"></td><td align="left">Gets or sets the position.</td><td align="left">1.7.0</td></tr><tr><td align="left">Size</td><td align="left"><code>Size</code></td><td align="left"><code>ButtonSize.None</code></td><td align="left"></td><td align="left">Gets or sets the button size.</td><td align="left">1.0.0</td></tr><tr><td align="left">TabIndex</td><td align="left">int?</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the button tab index.</td><td align="left">1.0.0</td></tr><tr><td align="left">Target</td><td align="left"><code>Target</code></td><td align="left"><code>Target.None</code></td><td align="left"></td><td align="left">Gets or sets the link button target.</td><td align="left">1.0.0</td></tr><tr><td align="left">To</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the link button href attribute.</td><td align="left">1.0.0</td></tr><tr><td align="left">TooltipColor</td><td align="left"><code>TooltipColor</code></td><td align="left"><code>TooltipColor.None</code></td><td align="left"></td><td align="left">Gets or sets the button tooltip color.</td><td align="left">1.10.0</td></tr><tr><td align="left">TooltipPlacement</td><td align="left"><code>TooltipPlacement</code></td><td align="left"><code>TooltipPlacement.Top</code></td><td align="left">Gets or sets the button tooltip placement.</td><td align="left">1.0.0</td><td align="left"></td></tr><tr><td align="left">TooltipTitle</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the button tooltip title.</td><td align="left">1.0.0</td></tr><tr><td align="left">Type</td><td align="left"><code>ButtonType</code></td><td align="left"><code>ButtonType.Button</code></td><td align="left"></td><td align="left">Gets or sets the button type.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th>Name</th><th>Description</th><th>Added Version</th></tr></thead><tbody><tr><td>HideLoading</td><td>Hides the loading state and enables the button.</td><td>1.0.0</td></tr><tr><td>ShowLoading</td><td>Shows the loading state and disables the button.</td><td>1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="buttons">Buttons<a href="#buttons" class="hash-link" aria-label="Direct link to Buttons" title="Direct link to Buttons">​</a></h3><p>Blazor Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.</p><img loading="lazy" src="https://i.imgur.com/Ne7FJ5H.jpg" alt="Blazor Bootstrap: Button Component" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Primary </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Secondary </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Success </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Danger </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Warning </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Info </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Light </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Dark </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Link </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/buttons#examples" target="_blank" rel="noopener noreferrer">See buttons demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="button-tags">Button tags<a href="#button-tags" class="hash-link" aria-label="Direct link to Button tags" title="Direct link to Button tags">​</a></h3><img loading="lazy" src="https://i.imgur.com/ZscbcWh.jpg" alt="Blazor Bootstrap: Button Component - Button tags" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Link </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Submit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/buttons#button-tags" target="_blank" rel="noopener noreferrer">See button tags demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="outline-buttons">Outline Buttons<a href="#outline-buttons" class="hash-link" aria-label="Direct link to Outline Buttons" title="Direct link to Outline Buttons">​</a></h3><img loading="lazy" src="https://i.imgur.com/ta0Mgtk.jpg" alt="Blazor Bootstrap: Button Component - Outline Buttons" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Outline</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Primary </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Outline</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Secondary </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Outline</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Success </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Outline</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Danger </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Outline</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Warning </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Outline</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Info </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Outline</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Dark </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/buttons#outline-buttons" target="_blank" rel="noopener noreferrer">See outline button demo here.</a></p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>Some of the button styles use a relatively light foreground color, and should only be used on a dark background in order to have sufficient contrast.</p></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="sizes">Sizes<a href="#sizes" class="hash-link" aria-label="Direct link to Sizes" title="Direct link to Sizes">​</a></h3><p>Fancy larger or smaller buttons? Add <code>Size=&quot;Size.Large&quot;</code> or <code>Size=&quot;Size.Small&quot;</code> for additional sizes.</p><img loading="lazy" src="https://i.imgur.com/Vdiyg6q.jpg" alt="Blazor Bootstrap: Button Component - Sizes" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Large button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Large button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Small button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Small button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/buttons#sizes" target="_blank" rel="noopener noreferrer">See buttons with different size demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disabled-state">Disabled State<a href="#disabled-state" class="hash-link" aria-label="Direct link to Disabled State" title="Direct link to Disabled State">​</a></h3><p>Make buttons look inactive by adding the <code>Disabled=&quot;true&quot;</code> boolean parameter to any <code>&lt;Button&gt;</code> component. Disabled buttons have <code>pointer-events: none</code> applied to, preventing hover and active states from triggering.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>Disabled buttons using the <code>Type=&quot;ButtonType.Link&quot;</code> parameter behave a bit different.</p></div></div><img loading="lazy" src="https://i.imgur.com/A0MlIha.jpg" alt="Blazor Bootstrap: Button Component - Disable State" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Large button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Large button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Primary link </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Link </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/buttons#disabled-state" target="_blank" rel="noopener noreferrer">See button disabled state demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable-and-enable-state-dynamically">Disable and enable state dynamically<a href="#disable-and-enable-state-dynamically" class="hash-link" aria-label="Direct link to Disable and enable state dynamically" title="Direct link to Disable and enable state dynamically">​</a></h3><img loading="lazy" src="https://i.imgur.com/nKA9C8n.png" alt="Blazor Bootstrap: Button Component - Disable and enable state dynamically" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">disableButton</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipTitle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">tooltip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Link Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Submit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">disableButton</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipTitle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">tooltip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Submit Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">disableButton</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipTitle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">tooltip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Reset</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">disableButton</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipTitle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">tooltip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reset Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; SwapDisable()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Swap Disable</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token block"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token block csharp language-csharp"> disableButton </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp"> tooltip </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token block csharp language-csharp" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SwapDisable</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token block csharp language-csharp">        disableButton </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp">disableButton</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token block csharp language-csharp">        tooltip </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Updated at </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">DateTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Now</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/buttons#disable-and-enable-state-dynamically" target="_blank" rel="noopener noreferrer">See disable and enable state dynamically demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="block-buttons">Block Buttons<a href="#block-buttons" class="hash-link" aria-label="Direct link to Block Buttons" title="Direct link to Block Buttons">​</a></h3><p>Create responsive stacks of full-width, &quot;block buttons&quot; like those in Bootstrap 4 with a mix of our display and gap utilities. By using utilities instead of button specific classes, we have much greater control over spacing, alignment, and responsive behaviors.</p><img loading="lazy" src="https://i.imgur.com/jB7joKv.jpg" alt="Blazor Bootstrap: Button Component - Block Buttons" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-grid gap-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><img loading="lazy" src="https://i.imgur.com/iSsEMgi.jpg" alt="Blazor Bootstrap: Button Component - Block Buttons" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-grid gap-2 d-md-block mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><img loading="lazy" src="https://i.imgur.com/20LuzVC.jpg" alt="Blazor Bootstrap: Button Component - Block Buttons" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-grid gap-2 col-6 mx-auto mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><img loading="lazy" src="https://i.imgur.com/bJXgFkF.jpg" alt="Blazor Bootstrap: Button Component - Block Buttons" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-grid gap-2 d-md-flex justify-content-md-end mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/buttons#block-buttons" target="_blank" rel="noopener noreferrer">See block buttons demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="toggle-states">Toggle States<a href="#toggle-states" class="hash-link" aria-label="Direct link to Toggle States" title="Direct link to Toggle States">​</a></h3><p>If you&#x27;&#x27;re pre-toggling a button, you must manually add the <code>Active=&quot;true&quot;</code> parameter.</p><img loading="lazy" src="https://i.imgur.com/JH9SZxQ.jpg" alt="Blazor Bootstrap: Button Component - Button Toggle States" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Toggle button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Active</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Active toggle button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disabled toggle button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/buttons#toggle-states" target="_blank" rel="noopener noreferrer">See button toggle states demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="loading-spinner">Loading spinner<a href="#loading-spinner" class="hash-link" aria-label="Direct link to Loading spinner" title="Direct link to Loading spinner">​</a></h3><p>Use spinners within buttons to indicate an action is currently processing or taking place. You may also swap the text out of the spinner element and utilize button text as needed.</p><img loading="lazy" src="https://i.imgur.com/ENKhcXR.jpg" alt="Blazor Bootstrap: Button Component - Button with Loading Spinner" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Loading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Loading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">LoadingText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Saving...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Loading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">LoadingTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">spinner-grow spinner-grow-sm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">status</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">aria-hidden</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Loading...</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">LoadingTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/buttons#loading-spinner" target="_blank" rel="noopener noreferrer">See button with loading spinner demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="showhide-loading-spinner">Show/Hide loading spinner<a href="#showhide-loading-spinner" class="hash-link" aria-label="Direct link to Show/Hide loading spinner" title="Direct link to Show/Hide loading spinner">​</a></h3><p>Use <code>ShowLoading()</code> and <code>HideLoading()</code> methods to toggle the button state.</p><img loading="lazy" src="https://i.imgur.com/WDjEylB.png" alt="Blazor Bootstrap: Button Component - Show/Hide loading spinner" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">saveButton</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await OnSaveClick()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Save</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-csharp codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-csharp codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Button</span><span class="token plain"> saveButton</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnSaveClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        saveButton</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowLoading</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Saving details...&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">5000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// API call</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        saveButton</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">HideLoading</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/buttons#show-hide-loading-spinner" target="_blank" rel="noopener noreferrer">See button with loading spinner demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="show-tooltip">Show Tooltip<a href="#show-tooltip" class="hash-link" aria-label="Direct link to Show Tooltip" title="Direct link to Show Tooltip">​</a></h3><p>Hover over the buttons below to see the four tooltips directions: top, right, bottom, and left.</p><img loading="lazy" src="https://i.imgur.com/zp3G6pZ.jpg" alt="Blazor Bootstrap: Button Component - Buttons with Tooltip" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipTitle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Tooltip text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipPlacement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TooltipPlacement.Top</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Tooltip Top </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipTitle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Tooltip text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipPlacement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TooltipPlacement.Right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Tooltip Right </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipTitle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Tooltip text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipPlacement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TooltipPlacement.Bottom</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Tooltip Bottom </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipTitle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Tooltip text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipPlacement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TooltipPlacement.Left</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Tooltip Left </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/buttons#tooltip" target="_blank" rel="noopener noreferrer">See button with tooltip demo here.</a></p><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>HTML tooltips not supported at this moment.</p></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dynamically-update-the-tooltip-text">Dynamically update the tooltip text<a href="#dynamically-update-the-tooltip-text" class="hash-link" aria-label="Direct link to Dynamically update the tooltip text" title="Direct link to Dynamically update the tooltip text">​</a></h3><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipTitle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipPlacement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TooltipPlacement.Top</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Tooltip Top </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ChangeTooltip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Change Tooltip</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-csharp codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-csharp codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Tooltip text&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ChangeTooltip</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Updated </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">ToLongTimeString</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/buttons#dynamically-update-the-tooltip-text" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="events">Events<a href="#events" class="hash-link" aria-label="Direct link to Events" title="Direct link to Events">​</a></h3><h4 class="anchor anchorWithStickyNavbar_LWe7" id="click-events">Click events<a href="#click-events" class="hash-link" aria-label="Direct link to Click events" title="Direct link to Click events">​</a></h4><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Click Event </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">EventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;click event&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h4 class="anchor anchorWithStickyNavbar_LWe7" id="double-click-event">Double click event<a href="#double-click-event" class="hash-link" aria-label="Direct link to Double click event" title="Direct link to Double click event">​</a></h4><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ondblclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnDoubleClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Double Click Event </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnDoubleClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">EventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;double click event&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h4 class="anchor anchorWithStickyNavbar_LWe7" id="click-event-with-arguments">Click event with arguments<a href="#click-event-with-arguments" class="hash-link" aria-label="Direct link to Click event with arguments" title="Direct link to Click event with arguments">​</a></h4><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">((args) =&gt; OnClickWithArgs(args, message))</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Click   Args </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Test message&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnClickWithArgs</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">EventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> message</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;message: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">message</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/buttons#click-events" target="_blank" rel="noopener noreferrer">See button click events demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/buttons.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/breadcrumb"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Breadcrumb</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/callout"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Callout</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#buttons" class="table-of-contents__link toc-highlight">Buttons</a></li><li><a href="#button-tags" class="table-of-contents__link toc-highlight">Button tags</a></li><li><a href="#outline-buttons" class="table-of-contents__link toc-highlight">Outline Buttons</a></li><li><a href="#sizes" class="table-of-contents__link toc-highlight">Sizes</a></li><li><a href="#disabled-state" class="table-of-contents__link toc-highlight">Disabled State</a></li><li><a href="#disable-and-enable-state-dynamically" class="table-of-contents__link toc-highlight">Disable and enable state dynamically</a></li><li><a href="#block-buttons" class="table-of-contents__link toc-highlight">Block Buttons</a></li><li><a href="#toggle-states" class="table-of-contents__link toc-highlight">Toggle States</a></li><li><a href="#loading-spinner" class="table-of-contents__link toc-highlight">Loading spinner</a></li><li><a href="#showhide-loading-spinner" class="table-of-contents__link toc-highlight">Show/Hide loading spinner</a></li><li><a href="#show-tooltip" class="table-of-contents__link toc-highlight">Show Tooltip</a></li><li><a href="#dynamically-update-the-tooltip-text" class="table-of-contents__link toc-highlight">Dynamically update the tooltip text</a></li><li><a href="#events" class="table-of-contents__link toc-highlight">Events</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/callout.html b/components/callout.html
index 14c5c60d7..95e23a646 100644
--- a/components/callout.html
+++ b/components/callout.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Callout</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Callout</h1><p>Blazor Bootstrap callout component provides content presentation in a visually distinct manner.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left"><code>RenderFragment?</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.0.0</td></tr><tr><td align="left">Color</td><td align="left"><code>CalloutColor</code></td><td align="left"><code>CalloutColor.Default</code></td><td align="left"></td><td align="left">Gets or sets the callout color.</td><td align="left">1.0.0</td></tr><tr><td align="left">Heading</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the callout heading.</td><td align="left">1.0.0</td></tr><tr><td align="left">HideHeading</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets a value indicating whether to hide the callout heading.</td><td align="left">2.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="callout">Callout<a href="#callout" class="hash-link" aria-label="Direct link to Callout" title="Direct link to Callout">​</a></h3><img loading="lazy" src="https://i.imgur.com/y2jI9ix.png" alt="Blazor Bootstrap: Callout Component - Examples" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is a default callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">. Example text to show it in action. See </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://getblazorbootstrap.com/docs/components/callout</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">callout documentation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is an danger callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">. Example text to show it in action. See </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://getblazorbootstrap.com/docs/components/callout</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">callout documentation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is an warning callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">. Example text to show it in action. See </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://getblazorbootstrap.com/docs/components/callout</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">callout documentation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is an info callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">. Example text to show it in action. See </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://getblazorbootstrap.com/docs/components/callout</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">callout documentation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Tip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is an tip callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">. Example text to show it in action. See </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://getblazorbootstrap.com/docs/components/callout</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">callout documentation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/callout#examples" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="custom-heading">Custom heading<a href="#custom-heading" class="hash-link" aria-label="Direct link to Custom heading" title="Direct link to Custom heading">​</a></h3><img loading="lazy" src="https://i.imgur.com/zCPOFRt.png" alt="Blazor Bootstrap: Callout Component - Custom heading" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Heading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Important</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is a default callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">. Example text to show it in action. See </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://getblazorbootstrap.com/docs/components/callout</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">callout documentation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Heading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Important</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is an danger callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">. Example text to show it in action. See </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://getblazorbootstrap.com/docs/components/callout</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">callout documentation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Heading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Important</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is an warning callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">. Example text to show it in action. See </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://getblazorbootstrap.com/docs/components/callout</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">callout documentation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Heading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Important</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is an info callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">. Example text to show it in action. See </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://getblazorbootstrap.com/docs/components/callout</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">callout documentation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Tip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Heading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Important</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is an tip callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">. Example text to show it in action. See </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://getblazorbootstrap.com/docs/components/callout</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">callout documentation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/callout#custom-heading" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="large-text">Large text<a href="#large-text" class="hash-link" aria-label="Direct link to Large text" title="Direct link to Large text">​</a></h3><img loading="lazy" src="https://i.imgur.com/nnGZsvL.png" alt="Blazor Bootstrap: Callout Component - Large text" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Conveying meaning to assistive technologies</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.visually-hidden</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> class.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Conveying meaning to assistive technologies</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.visually-hidden</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> class.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Conveying meaning to assistive technologies</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.visually-hidden</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> class.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Conveying meaning to assistive technologies</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.visually-hidden</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> class.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Tip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Conveying meaning to assistive technologies</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.visually-hidden</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> class.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/callout#large-text" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="hide-heading">Hide heading<a href="#hide-heading" class="hash-link" aria-label="Direct link to Hide heading" title="Direct link to Hide heading">​</a></h3><img loading="lazy" src="https://i.imgur.com/mfCYZro.png" alt="Blazor Bootstrap: Callout Component - Hide heading" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HideHeading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Conveying meaning to assistive technologies</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.visually-hidden</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> class.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HideHeading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Conveying meaning to assistive technologies</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.visually-hidden</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> class.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HideHeading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Conveying meaning to assistive technologies</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.visually-hidden</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> class.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HideHeading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Conveying meaning to assistive technologies</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.visually-hidden</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> class.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CalloutType.Tip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HideHeading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Conveying meaning to assistive technologies</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">h4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.visually-hidden</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> class.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Callout</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/callout#hide-heading" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/callout.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/buttons"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Buttons</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/card"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Card</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#callout" class="table-of-contents__link toc-highlight">Callout</a></li><li><a href="#custom-heading" class="table-of-contents__link toc-highlight">Custom heading</a></li><li><a href="#large-text" class="table-of-contents__link toc-highlight">Large text</a></li><li><a href="#hide-heading" class="table-of-contents__link toc-highlight">Hide heading</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/card.html b/components/card.html
index dc50f28b4..404f1251f 100644
--- a/components/card.html
+++ b/components/card.html
@@ -10,8 +10,8 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
@@ -19,7 +19,7 @@
 Shown below are image styles, blocks, text styles, and a list group—all wrapped in a fixed-width card.</p><img loading="lazy" src="https://i.imgur.com/zsfdUnC.png" alt="Blazor Bootstrap: Card Component - Kitchen sink" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">img</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">rounded-top</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/images/placeholder.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">placeholder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Some quick example text to build on the card title and make up the bulk of the card&#x27;s content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">list-group list-group-flush</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">li</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">list-group-item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">An item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">li</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">li</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">list-group-item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">A second item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">li</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">li</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">list-group-item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">A third item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">li</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardLink</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Card link</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardLink</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardLink</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another link</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardLink</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/card#kitchen-sink" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="header-and-footer">Header and footer<a href="#header-and-footer" class="hash-link" aria-label="Direct link to Header and footer" title="Direct link to Header and footer">​</a></h3><p>Add an optional header and/or footer within a card.</p><img loading="lazy" src="https://i.imgur.com/lNWvitv.png" alt="Blazor Bootstrap: Card Component - Header and footer" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Featured</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Special title treatment</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">With supporting text below as a natural lead-in to additional content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Go somewhere</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/card#header-and-footer" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="sizing">Sizing<a href="#sizing" class="hash-link" aria-label="Direct link to Sizing" title="Direct link to Sizing">​</a></h3><p>Cards assume no specific width to start, so they’ll be 100% wide unless otherwise stated.
 You can change this as needed with custom CSS, grid classes, grid Sass mixins, or utilities.</p><img loading="lazy" src="https://i.imgur.com/AszIQT5.png" alt="Blazor Bootstrap: Card Component - Sizing" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-sm-6</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Special title treatment</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">With supporting text below as a natural lead-in to additional content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Go somewhere</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-sm-6</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Special title treatment</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">With supporting text below as a natural lead-in to additional content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Go somewhere</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/card#sizing" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="text-alignment">Text alignment<a href="#text-alignment" class="hash-link" aria-label="Direct link to Text alignment" title="Direct link to Text alignment">​</a></h3><p>You can quickly change the text alignment of any card—in its entirety or specific parts—with our TextAlignment parameter.</p><img loading="lazy" src="https://i.imgur.com/tJdeAKt.png" alt="Blazor Bootstrap: Card Component - Text alignment" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Special title treatment</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">With supporting text below as a natural lead-in to additional content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Go somewhere</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Special title treatment</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">With supporting text below as a natural lead-in to additional content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Go somewhere</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Special title treatment</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">With supporting text below as a natural lead-in to additional content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Go somewhere</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/card#text-alignment" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="background-and-color">Background and color<a href="#background-and-color" class="hash-link" aria-label="Direct link to Background and color" title="Direct link to Background and color">​</a></h3><img loading="lazy" src="https://i.imgur.com/FH7aQPS.png" alt="Blazor Bootstrap: Card Component - Background and color - Primary, Secondary, Success" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/1ukTnup.png" alt="Blazor Bootstrap: Card Component - Background and color - Danger, Warning, Info" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/uCvHXXp.png" alt="Blazor Bootstrap: Card Component - Background and color - Light, Dark" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CardColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Header</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Primary card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Some quick example text to build on the card title and make up the bulk of the card&#x27;s content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CardColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Header</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Secondary card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Some quick example text to build on the card title and make up the bulk of the card&#x27;s content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CardColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Header</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Success card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Some quick example text to build on the card title and make up the bulk of the card&#x27;s content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CardColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Header</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Danger card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Some quick example text to build on the card title and make up the bulk of the card&#x27;s content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CardColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Header</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Warning card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Some quick example text to build on the card title and make up the bulk of the card&#x27;s content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CardColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Header</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Info card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Some quick example text to build on the card title and make up the bulk of the card&#x27;s content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CardColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Header</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Light card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Some quick example text to build on the card title and make up the bulk of the card&#x27;s content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CardColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Header</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dark card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Some quick example text to build on the card title and make up the bulk of the card&#x27;s content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/card#background-and-color" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="card-groups">Card groups<a href="#card-groups" class="hash-link" aria-label="Direct link to Card groups" title="Direct link to Card groups">​</a></h3><p>Use card groups to render cards as a single, attached element with equal width and height columns.
 Card groups start off stacked and use display: flex; to become attached with uniform dimensions starting at the sm breakpoint.</p><img loading="lazy" src="https://i.imgur.com/dtYEkBB.png" alt="Blazor Bootstrap: Card Component - Card groups" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">img</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/images/placeholder.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">placeholder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-muted</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last updated 3 mins ago</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">img</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/images/placeholder.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">placeholder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This card has supporting text below as a natural lead-in to additional content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-muted</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last updated 3 mins ago</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">img</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/images/placeholder.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">placeholder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-muted</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last updated 3 mins ago</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/card#card-groups" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="card-groups-with-footer">Card groups with footer<a href="#card-groups-with-footer" class="hash-link" aria-label="Direct link to Card groups with footer" title="Direct link to Card groups with footer">​</a></h3><p>When using card groups with footers, their content will automatically line up.</p><img loading="lazy" src="https://i.imgur.com/URxKosx.png" alt="Blazor Bootstrap: Card Component - Card groups with footer" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">img</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/images/placeholder.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">placeholder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardFooter</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">small</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-muted</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last updated 3 mins ago</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">small</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardFooter</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">img</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/images/placeholder.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">placeholder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This card has supporting text below as a natural lead-in to additional content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardFooter</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">small</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-muted</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last updated 3 mins ago</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">small</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardFooter</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">18</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">rem</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">img</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/images/placeholder.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">placeholder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Card title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardTitle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardText</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardFooter</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">small</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-muted</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last updated 3 mins ago</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">small</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardFooter</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/card#card-groups-with-footer" target="_blank" rel="noopener noreferrer">See the demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/card.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/callout"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Callout</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/charts"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Charts</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#about" class="table-of-contents__link toc-highlight">About</a></li><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a><ul><li><a href="#card-parameters" class="table-of-contents__link toc-highlight">Card Parameters</a></li><li><a href="#cardbody-parameters" class="table-of-contents__link toc-highlight">CardBody Parameters</a></li><li><a href="#cardfooter-parameters" class="table-of-contents__link toc-highlight">CardFooter Parameters</a></li><li><a href="#cardgroup-parameters" class="table-of-contents__link toc-highlight">CardGroup Parameters</a></li><li><a href="#cardheader-parameters" class="table-of-contents__link toc-highlight">CardHeader Parameters</a></li><li><a href="#cardlink-parameters" class="table-of-contents__link toc-highlight">CardLink Parameters</a></li><li><a href="#cardsubtitle-parameters" class="table-of-contents__link toc-highlight">CardSubTitle Parameters</a></li><li><a href="#cardtext-parameters" class="table-of-contents__link toc-highlight">CardText Parameters</a></li><li><a href="#cardtitle-parameters" class="table-of-contents__link toc-highlight">CardTitle Parameters</a></li></ul></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#card" class="table-of-contents__link toc-highlight">Card</a></li><li><a href="#content-types" class="table-of-contents__link toc-highlight">Content types</a></li><li><a href="#body" class="table-of-contents__link toc-highlight">Body</a></li><li><a href="#titles-text-and-links" class="table-of-contents__link toc-highlight">Titles, text, and links</a></li><li><a href="#images" class="table-of-contents__link toc-highlight">Images</a></li><li><a href="#list-groups" class="table-of-contents__link toc-highlight">List groups</a></li><li><a href="#kitchen-sink" class="table-of-contents__link toc-highlight">Kitchen sink</a></li><li><a href="#header-and-footer" class="table-of-contents__link toc-highlight">Header and footer</a></li><li><a href="#sizing" class="table-of-contents__link toc-highlight">Sizing</a></li><li><a href="#text-alignment" class="table-of-contents__link toc-highlight">Text alignment</a></li><li><a href="#background-and-color" class="table-of-contents__link toc-highlight">Background and color</a></li><li><a href="#card-groups" class="table-of-contents__link toc-highlight">Card groups</a></li><li><a href="#card-groups-with-footer" class="table-of-contents__link toc-highlight">Card groups with footer</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/charts.html b/components/charts.html
index 59deaf017..b0931a48b 100644
--- a/components/charts.html
+++ b/components/charts.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Charts</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Charts</h1><p>Blazor Bootstrap charts are well-designed chart components on top of Chart.js to visualize data. It contains a rich UI gallery of charts that cater to all charting scenarios. Its high performance helps render large amounts of data quickly.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="example">Example<a href="#example" class="hash-link" aria-label="Direct link to Example" title="Direct link to Example">​</a></h2><img loading="lazy" src="https://i.imgur.com/JLV7oss.png" alt="Blazor Chart Component - Blazor Bar Chart Example" class="img_ev3q"><br><img loading="lazy" src="https://i.imgur.com/CzdXpqr.png" alt="Blazor Chart Component - Blazor Line Chart Example" class="img_ev3q"><br><a href="https://demos.blazorbootstrap.com/charts#bar-chart" target="_blank" rel="noopener noreferrer">See blazor chart demo here.</a><h2 class="anchor anchorWithStickyNavbar_LWe7" id="chart-types">Chart Types<a href="#chart-types" class="hash-link" aria-label="Direct link to Chart Types" title="Direct link to Chart Types">​</a></h2><p>At this moment we are supporting four blazor chart types.</p><ol><li>Bar Chart</li><li>Doughnut Chart</li><li>Line Chart</li><li>Pie Chart</li></ol><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>We will add <strong>Bubble Chart</strong>, <strong>Polar Area Chart</strong>, <strong>Radar Chart</strong>, <strong>Scatter Chart</strong>, and <strong>Mixed Chart</strong> support in the subsequent versions.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="bar-chart">Bar Chart<a href="#bar-chart" class="hash-link" aria-label="Direct link to Bar Chart" title="Direct link to Bar Chart">​</a></h2><img loading="lazy" src="https://i.imgur.com/IX3bajc.png" alt="Blazor Chart Component - Blazor Bar Chart" class="img_ev3q"><br><a href="https://demos.blazorbootstrap.com/charts#bar-chart" target="_blank" rel="noopener noreferrer">See blazor bar chart demo here.</a><br><a href="/data-visualization/bar-chart">See blazor bar chart full documentation here.</a><h2 class="anchor anchorWithStickyNavbar_LWe7" id="doughnut-chart">Doughnut Chart<a href="#doughnut-chart" class="hash-link" aria-label="Direct link to Doughnut Chart" title="Direct link to Doughnut Chart">​</a></h2><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="Blazor Chart Component - Blazor Doughnut Chart" class="img_ev3q"><br><a href="https://demos.blazorbootstrap.com/charts#doughnut-chart" target="_blank" rel="noopener noreferrer">See blazor doughnut chart demo here.</a><br><a href="/data-visualization/doughnut-chart">See blazor doughnut chart full documentation here.</a><h2 class="anchor anchorWithStickyNavbar_LWe7" id="line-chart">Line Chart<a href="#line-chart" class="hash-link" aria-label="Direct link to Line Chart" title="Direct link to Line Chart">​</a></h2><img loading="lazy" src="https://i.imgur.com/8b7jH0D.png" alt="Blazor Chart Component - Blazor Line Chart" class="img_ev3q"><br><a href="https://demos.blazorbootstrap.com/charts#line-chart" target="_blank" rel="noopener noreferrer">See blazor line chart demo here.</a><br><a href="/data-visualization/line-chart">See blazor line chart full documentation here.</a><h2 class="anchor anchorWithStickyNavbar_LWe7" id="pie-chart">Pie Chart<a href="#pie-chart" class="hash-link" aria-label="Direct link to Pie Chart" title="Direct link to Pie Chart">​</a></h2><img loading="lazy" src="https://i.imgur.com/dDpIuzk.png" alt="Blazor Chart Component - Blazor Pie Chart" class="img_ev3q"><br><a href="https://demos.blazorbootstrap.com/charts#pie-chart" target="_blank" rel="noopener noreferrer">See blazor pie chart demo here.</a><br><a href="/data-visualization/pie-chart">See blazor pie chart full documentation here.</a></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/charts.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/card"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Card</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/collapse"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Collapse</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#example" class="table-of-contents__link toc-highlight">Example</a></li><li><a href="#chart-types" class="table-of-contents__link toc-highlight">Chart Types</a></li><li><a href="#bar-chart" class="table-of-contents__link toc-highlight">Bar Chart</a></li><li><a href="#doughnut-chart" class="table-of-contents__link toc-highlight">Doughnut Chart</a></li><li><a href="#line-chart" class="table-of-contents__link toc-highlight">Line Chart</a></li><li><a href="#pie-chart" class="table-of-contents__link toc-highlight">Pie Chart</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/collapse.html b/components/collapse.html
index 0cff3cfa5..6366c0b75 100644
--- a/components/collapse.html
+++ b/components/collapse.html
@@ -10,8 +10,8 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
@@ -19,7 +19,7 @@
 Collapsing an element will animate the height from its current value to <code>0</code>.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>The animation effect of this component is dependent on the prefers-reduced-motion media query.
 See the <a href="https://getbootstrap.com/docs/5.3/getting-started/accessibility/#reduced-motion" target="_blank" rel="noopener noreferrer">reduced motion section of our accessibility documentation</a>.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><p>Click the buttons below to show and hide the content.</p><img loading="lazy" src="https://i.imgur.com/8A0emQe.png" alt="Blazor Bootstrap: Collapse Component - Examples" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowContentAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HideContentAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Hide content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleContentAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Toggle content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Collapse</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">collapse1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Collapse</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Collapse</span><span class="token block csharp language-csharp"> collapse1 </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowContentAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> collapse1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideContentAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> collapse1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleContentAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> collapse1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/collapse#examples" target="_blank" rel="noopener noreferrer">See demo here</a></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="horizontal">Horizontal<a href="#horizontal" class="hash-link" aria-label="Direct link to Horizontal" title="Direct link to Horizontal">​</a></h2><p>The <code>Collapse</code> component supports horizontal collapsing.
 Set the <code>Horizontal</code> parameter to <code>true</code> to enable horizontal collapsing.</p><img loading="lazy" src="https://i.imgur.com/kgSAEVL.png" alt="Blazor Bootstrap: Collapse Component - Horizontal" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowContentAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HideContentAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Hide content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleContentAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Toggle content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Collapse</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">collapse1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Horizontal</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">300</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">px</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            This is some placeholder content for a horizontal collapse. It&#x27;s hidden by default and shown when triggered.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Collapse</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Collapse</span><span class="token block csharp language-csharp"> collapse1 </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowContentAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> collapse1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideContentAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> collapse1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleContentAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> collapse1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/collapse#horizontal" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="events-example">Events Example<a href="#events-example" class="hash-link" aria-label="Direct link to Events Example" title="Direct link to Events Example">​</a></h3><p>Blazor Bootstrap Collapse component exposes a few events for hooking into collapse functionality.</p><img loading="lazy" src="https://i.imgur.com/kH11WqA.png" alt="Blazor Bootstrap: Collapse Component - Events" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowContentAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HideContentAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Hide content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleContentAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Toggle content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ClearMessage</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Clear Messages</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Collapse</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">collapse1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnShowing</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnCollapseShowingAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnShown</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnCollapseShownAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnHiding</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnCollapseHidingAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnHidden</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnCollapseHiddenAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Collapse</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> item </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> messages</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">p</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">p</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Collapse</span><span class="token block csharp language-csharp"> collapse1 </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> messages </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowContentAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> collapse1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideContentAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> collapse1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HideAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleContentAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> collapse1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnCollapseShowingAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> messages</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Event: OnShowing called </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">DateTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Now</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">ToLocalTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnCollapseShownAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> messages</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Event: OnShown called </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">DateTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Now</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">ToLocalTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnCollapseHidingAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> messages</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Event: OnHiding called </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">DateTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Now</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">ToLocalTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnCollapseHiddenAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> messages</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Event: OnHidden called </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">DateTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Now</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">ToLocalTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ClearMessage</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> messages </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/collapse.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/charts"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Charts</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/confirm-dialog"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Confirm Dialog</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#events" class="table-of-contents__link toc-highlight">Events</a></li><li><a href="#how-it-works" class="table-of-contents__link toc-highlight">How it works</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a></li><li><a href="#horizontal" class="table-of-contents__link toc-highlight">Horizontal</a><ul><li><a href="#events-example" class="table-of-contents__link toc-highlight">Events Example</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/confirm-dialog.html b/components/confirm-dialog.html
index b404852b6..e0b104cc7 100644
--- a/components/confirm-dialog.html
+++ b/components/confirm-dialog.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Confirm Dialog</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Confirm Dialog</h1><p>Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Confirm Dialog component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Return Type</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ShowAsync(string title, string message1, ConfirmDialogOptions confirmDialogOptions = null)</td><td align="left"><code>Task&lt;bool&gt;</code></td><td align="left">Shows confirm dialog.</td><td align="left">1.1.0</td></tr><tr><td align="left">ShowAsync(string title, string message1, string message2, ConfirmDialogOptions confirmDialogOptions = null)</td><td align="left"><code>Task&lt;bool&gt;</code></td><td align="left">Shows confirm dialog.</td><td align="left">1.1.0</td></tr><tr><td align="left">ShowAsync&lt;T<!-- -->&gt;<!-- -->(string title, Dictionary&lt;string, object&gt; parametres = null, ConfirmDialogOptions confirmDialogOptions = null)</td><td align="left"><code>Task&lt;bool&gt;</code></td><td align="left">Shows confirm dialog. T is component.</td><td align="left">1.1.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="confirmdialogoptions-properties">ConfirmDialogOptions Properties<a href="#confirmdialogoptions-properties" class="hash-link" aria-label="Direct link to ConfirmDialogOptions Properties" title="Direct link to ConfirmDialogOptions Properties">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">DialogCssClass</td><td align="left">string</td><td align="left">null</td><td align="left">Additional CSS class for the dialog (div.modal-dialog element).</td><td align="left">1.1.0</td></tr><tr><td align="left">Dismissable</td><td align="left">bool</td><td align="left">false</td><td align="left">Adds a dismissable close button to the confirm dialog.</td><td align="left">1.1.0</td></tr><tr><td align="left">HeaderCssClass</td><td align="left">string</td><td align="left">null</td><td align="left">Additional header CSS class (div.modal-header element).</td><td align="left">1.1.0</td></tr><tr><td align="left">IsScrollable</td><td align="left">bool</td><td align="left">false</td><td align="left">Allows confirm dialog body to be scrollable.</td><td align="left">1.1.0</td></tr><tr><td align="left">IsVerticallyCentered</td><td align="left">bool</td><td align="left">false</td><td align="left">Shows the confirm dialog vertically in the center of the page.</td><td align="left">1.1.0</td></tr><tr><td align="left">NoButtonColor</td><td align="left"><code>ButtonColor</code></td><td align="left"><code>ButtonColor.Secondary</code></td><td align="left">Gets or sets the &#x27;No&#x27; button color.</td><td align="left">1.1.0</td></tr><tr><td align="left">NoButtonText</td><td align="left">string</td><td align="left">No</td><td align="left">Gets or sets the &#x27;No&#x27; button text.</td><td align="left">1.1.0</td></tr><tr><td align="left">Size</td><td align="left"><code>DialogSize</code></td><td align="left"><code>ModalSize.Regular</code></td><td align="left">Size of the modal.</td><td align="left">1.1.0</td></tr><tr><td align="left">YesButtonColor</td><td align="left"><code>ButtonColor</code></td><td align="left"><code>ButtonColor.Primary</code></td><td align="left">Gets or sets the &#x27;Yes&#x27; button color.</td><td align="left">1.1.0</td></tr><tr><td align="left">YesButtonText</td><td align="left">string</td><td align="left">Yes</td><td align="left">Gets or sets the &#x27;Yes&#x27; button text.</td><td align="left">1.1.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="confirm-dialog">Confirm Dialog<a href="#confirm-dialog" class="hash-link" aria-label="Direct link to Confirm Dialog" title="Direct link to Confirm Dialog">​</a></h3><img loading="lazy" src="https://i.imgur.com/B5Hf85u.png" alt="Blazor Bootstrap: Confirm Dialog Component - Examples" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dialog</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowConfirmationAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Delete Employee </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowConfirmationAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> confirmation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Are you sure you want to delete this?&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">message1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;This will delete the record. Once deleted can not be rolled back.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">message2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Do you want to proceed?&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">confirmation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/confirm-dialog#examples" target="_blank" rel="noopener noreferrer">See Confirm Dialog demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dynamic-component-as-confirm-dialog">Dynamic component as confirm dialog<a href="#dynamic-component-as-confirm-dialog" class="hash-link" aria-label="Direct link to Dynamic component as confirm dialog" title="Direct link to Dynamic component as confirm dialog">​</a></h3><p>Render different components dynamically within the confirm dialog without iterating through possible types or using conditional logic.</p><p>If dynamically-rendered components have component parameters, pass them as an <code>IDictionary</code>. The <code>string</code> is the parameter&#x27;s name, and the <code>object</code> is the parameter&#x27;s value.</p><p>In the below example, we used <code>Toast Service</code> to show the user confirmation.</p><img loading="lazy" src="https://i.imgur.com/yNv7Wvw.png" alt="Blazor Bootstrap: Confirm Dialog Component - Dynamic component as confirm dialog" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dialog</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DeleteEmployeeAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Delete Employee </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ToastService</span><span class="token plain"> ToastService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">DeleteEmployeeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> parameters </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Dictionary</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)"> </span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">object</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        parameters</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;EmployeeId&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">321</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> confirmation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">EmployeeDemoComponent</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Are you sure you want to delete this employee?&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> parameters</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">confirmation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// call API to delete the employee</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// show acknowledgment to the user</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            ToastService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Notify</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">ToastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Success</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee deleted successfully.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            ToastService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Notify</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">ToastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Secondary</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Delete action canceled.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>EmployeeDemoComponent.razor</strong></p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-3 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Employee Id :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-9</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">EmployeeId</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-3 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">First Name :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-9</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">employee</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FirstName</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-3 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last Name :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-9</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">employee</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">LastName</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token block csharp language-csharp"> employee</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Parameter</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp"> EmployeeId </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// get employee with {EmployeeId} from DB</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        employee </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> FirstName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Vikram&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> LastName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Reddy&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">base</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/confirm-dialog#dynamic-component-as-confirm-dialog" target="_blank" rel="noopener noreferrer">See Confirm Dialog demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="change-buttons-text-and-color">Change buttons text and color<a href="#change-buttons-text-and-color" class="hash-link" aria-label="Direct link to Change buttons text and color" title="Direct link to Change buttons text and color">​</a></h3><p>Use <code>ConfirmDialogOptions</code> to change the text and color of the button.</p><img loading="lazy" src="https://i.imgur.com/uH19DpG.png" alt="Blazor Bootstrap: Confirm Dialog Component - Change buttons text and color" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dialog</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowSaveConfirmationAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Save Employee </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowSaveConfirmationAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> options </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ConfirmDialogOptions</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                YesButtonText </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;OK&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                YesButtonColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ButtonColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Success</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                NoButtonText </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;CANCEL&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                NoButtonColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ButtonColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Danger</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> confirmation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Simple Confirm Dialog&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">message1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Do you want to proceed?&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">confirmDialogOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> options</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">confirmation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/confirm-dialog#change-buttons-text-and-color" target="_blank" rel="noopener noreferrer">See Confirm Dialog demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="optional-sizes">Optional sizes<a href="#optional-sizes" class="hash-link" aria-label="Direct link to Optional sizes" title="Direct link to Optional sizes">​</a></h3><p>Confirm dialog have three optional sizes. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports.</p><p><strong>Confirm Dialog Component - Small Size</strong></p><img loading="lazy" src="https://i.imgur.com/RHYTaee.png" alt="Blazor Bootstrap: Confirm Dialog Component - Optional sizes - Small" class="img_ev3q"><p><strong>Confirm Dialog Component - Large Size</strong></p><img loading="lazy" src="https://i.imgur.com/pojAFvk.png" alt="Blazor Bootstrap: Confirm Dialog Component - Optional sizes - Large" class="img_ev3q"><p><strong>Confirm Dialog Component - Extra Large Size</strong></p><img loading="lazy" src="https://i.imgur.com/PMz3lbn.png" alt="Blazor Bootstrap: Confirm Dialog Component - Optional sizes - Extra Large" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dialog</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowConfirmationAsync(DialogSize.Small)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Small Confirm Dialog </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowConfirmationAsync(DialogSize.Large)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Large Confirm Dialog </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowConfirmationAsync(DialogSize.ExtraLarge)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Extra Large Confirm Dialog </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowConfirmationAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">DialogSize</span><span class="token plain"> size</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> options </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ConfirmDialogOptions</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Size </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> size </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> confirmation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Simple Confirm Dialog&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">message1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Do you want to proceed?&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">confirmDialogOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> options</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">confirmation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/confirm-dialog#optional-sizes" target="_blank" rel="noopener noreferrer">See Confirm Dialog demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="scrolling-long-content">Scrolling long content<a href="#scrolling-long-content" class="hash-link" aria-label="Direct link to Scrolling long content" title="Direct link to Scrolling long content">​</a></h3><p>When dialogs become too long for the user&#x27;s viewport or device, they scroll independent of the page itself. Try the demo below to see what we mean.</p><img loading="lazy" src="https://i.imgur.com/8P6UejF.png" alt="Blazor Bootstrap: Confirm Dialog Component - Scrolling long content" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dialog</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowDialogAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Launch Confirm Dialog </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowDialogAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> confirmation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">LongContentDemoComponent</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Confirm dialog title&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">confirmation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>You can also create a scrollable dialog that allows scroll the dialog body by updating <code>DialogOptions.IsScrollable=&quot;true&quot;</code>.</p><img loading="lazy" src="https://i.imgur.com/kJdSffq.png" alt="Blazor Bootstrap: Confirm Dialog Component - Scrolling long content within the body" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dialog</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowDialogAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Launch Confirm Dialog </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowDialogAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> options </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ConfirmDialogOptions</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> IsScrollable </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> confirmation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">LongContentDemoComponent</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Confirm dialog title&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">confirmDialogOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> options</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">confirmation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/confirm-dialog#scrolling-long-content" target="_blank" rel="noopener noreferrer">See Confirm Dialog demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="vertically-centered">Vertically centered<a href="#vertically-centered" class="hash-link" aria-label="Direct link to Vertically centered" title="Direct link to Vertically centered">​</a></h3><p>Add <code>DialogOptions.IsVerticallyCentered=&quot;true&quot;</code> to vertically center the confirm dialog.</p><img loading="lazy" src="https://i.imgur.com/MjueRsB.png" alt="Blazor Bootstrap: Confirm Dialog Component - Vertically centered" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dialog</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowDialogAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Launch Vertically Centered Confirm Dialog </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowDialogAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> options </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ConfirmDialogOptions</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> IsVerticallyCentered </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> confirmation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Simple Confirm Dialog&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">message1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Do you want to proceed?&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">confirmDialogOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> options</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">confirmation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>You can also create a scrollable dialog that allows scroll the dialog body by updating DialogOptions.IsScrollable=&quot;true&quot;.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dialog</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowDialogAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Launch Scrollable &amp; Vertically Centered Confirm Dialog </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowDialogAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> options </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ConfirmDialogOptions</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> IsScrollable </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsVerticallyCentered </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> confirmation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> dialog</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">LongContentDemoComponent</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Confirm dialog title&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">confirmDialogOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> options</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">confirmation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// do whatever</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/confirm-dialog#vertically-centered" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable-auto-focus-on-the-yes-button">Disable auto focus on the yes button<a href="#disable-auto-focus-on-the-yes-button" class="hash-link" aria-label="Direct link to Disable auto focus on the yes button" title="Direct link to Disable auto focus on the yes button">​</a></h3><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>By default, auto focus on the <strong>&quot;Yes&quot;</strong> button is enabled. </p></div></div><p>To disabe the autofocus, set <code>AutoFocusYesButton = false</code> on the ConfirmDialogOptions.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dialog</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowDialogAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Launch Confirm Dialog </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">ConfirmDialog</span><span class="token block csharp language-csharp"> dialog </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowDialogAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> confirmation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> dialog</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp generic-method function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp generic-method generic class-name" style="color:rgb(78, 201, 176)">LongContentDemoComponent</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Confirm dialog title&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">confirmDialogOptions</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">ConfirmDialogOptions</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> AutoFocusYesButton </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">false</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">confirmation</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// do something</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">else</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// do something</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/confirm-dialog#disable-auto-focus-on-the-yes-button" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/confirm-dialog.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/collapse"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Collapse</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/dropdown"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Dropdown</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#confirmdialogoptions-properties" class="table-of-contents__link toc-highlight">ConfirmDialogOptions Properties</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#confirm-dialog" class="table-of-contents__link toc-highlight">Confirm Dialog</a></li><li><a href="#dynamic-component-as-confirm-dialog" class="table-of-contents__link toc-highlight">Dynamic component as confirm dialog</a></li><li><a href="#change-buttons-text-and-color" class="table-of-contents__link toc-highlight">Change buttons text and color</a></li><li><a href="#optional-sizes" class="table-of-contents__link toc-highlight">Optional sizes</a></li><li><a href="#scrolling-long-content" class="table-of-contents__link toc-highlight">Scrolling long content</a></li><li><a href="#vertically-centered" class="table-of-contents__link toc-highlight">Vertically centered</a></li><li><a href="#disable-auto-focus-on-the-yes-button" class="table-of-contents__link toc-highlight">Disable auto focus on the yes button</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/dropdown.html b/components/dropdown.html
index 7f1a43adc..69cb38ebf 100644
--- a/components/dropdown.html
+++ b/components/dropdown.html
@@ -10,14 +10,14 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Dropdown</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Dropdown</h1><p>Dropdowns are toggleable, contextual overlays for displaying lists of links and more.
 They are toggled by clicking, not by hovering; this is an intentional design decision&#x27;by bootstrap.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/beAr31J.png" alt="Blazor Bootstrap: Dropdown component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="dropdown-parameters">Dropdown Parameters<a href="#dropdown-parameters" class="hash-link" aria-label="Direct link to Dropdown Parameters" title="Direct link to Dropdown Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">AutoClose</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">If true, enables the auto close.</td><td align="left">1.10.0</td></tr><tr><td align="left">AutoCloseBehavior</td><td align="left"><code>DropdownAutoCloseBehavior</code></td><td align="left"><code>DropdownAutoCloseBehavior.Both</code></td><td align="left"></td><td align="left">Gets or sets the auto close behavior of the dropdown.</td><td align="left">1.10.0</td></tr><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.10.0</td></tr><tr><td align="left">Color</td><td align="left"><code>DropdownColor</code></td><td align="left"><code>DropdownColor.None</code></td><td align="left"></td><td align="left">Gets or sets the dropdown color.</td><td align="left">3.0.0</td></tr><tr><td align="left">Direction</td><td align="left"><code>DropdownDirection</code></td><td align="left"><code>DropdownDirection.Dropdown</code></td><td align="left"></td><td align="left">Gets or sets the direction of the dropdown menu.</td><td align="left">1.10.0</td></tr><tr><td align="left">Disabled</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">If true, dropdown will be disabled.</td><td align="left">1.10.3</td></tr><tr><td align="left">Size</td><td align="left"><code>DropdownSize</code></td><td align="left"><code>DropdownSize.None</code></td><td align="left"></td><td align="left">Gets or sets the size of the dropdown.</td><td align="left">1.10.3</td></tr><tr><td align="left">Split</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the toggle button split behavior.</td><td align="left">1.10.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="dropdowntogglebutton-parameters">DropdownToggleButton Parameters<a href="#dropdowntogglebutton-parameters" class="hash-link" aria-label="Direct link to DropdownToggleButton Parameters" title="Direct link to DropdownToggleButton Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.10.0</td></tr><tr><td align="left">TabIndex</td><td align="left"><code>int?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the dropdown toggle button tab index.</td><td align="left">1.10.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="dropdownactionbutton-parameters">DropdownActionButton Parameters<a href="#dropdownactionbutton-parameters" class="hash-link" aria-label="Direct link to DropdownActionButton Parameters" title="Direct link to DropdownActionButton Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.10.0</td></tr><tr><td align="left">Color</td><td align="left"><code>ButtonColor</code></td><td align="left">Gets or sets the button color.</td><td align="left"></td><td align="left"></td><td align="left">1.10.0</td></tr><tr><td align="left">TabIndex</td><td align="left"><code>int?</code></td><td align="left">If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.</td><td align="left"></td><td align="left"></td><td align="left">1.10.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="dropdownmenu-parameters">DropdownMenu Parameters<a href="#dropdownmenu-parameters" class="hash-link" aria-label="Direct link to DropdownMenu Parameters" title="Direct link to DropdownMenu Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.10.0</td></tr><tr><td align="left">Position</td><td align="left"><code>DropdownMenuPosition</code></td><td align="left"><code>DropdownMenuPosition.Start</code></td><td align="left"></td><td align="left">Gets or sets the dropdown menu position.</td><td align="left">1.10.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="dropdownheader-parameters">DropdownHeader Parameters<a href="#dropdownheader-parameters" class="hash-link" aria-label="Direct link to DropdownHeader Parameters" title="Direct link to DropdownHeader Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.10.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="dropdownitem-parameters">DropdownItem Parameters<a href="#dropdownitem-parameters" class="hash-link" aria-label="Direct link to DropdownItem Parameters" title="Direct link to DropdownItem Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Active</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the dropdown item active state.</td><td align="left">1.10.0</td></tr><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.10.0</td></tr><tr><td align="left">Disabled</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">If true, dropdown item will be disabled.</td><td align="left">1.10.0</td></tr><tr><td align="left">TabIndex</td><td align="left"><code>int?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the dropdown item tab index.</td><td align="left">1.10.0</td></tr><tr><td align="left">Target</td><td align="left"><code>Target</code></td><td align="left"><code>Target.None</code></td><td align="left"></td><td align="left">Gets or sets the target of dropdown item (if the type is link).</td><td align="left">1.10.0</td></tr><tr><td align="left">To</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the link href attribute (if the type is link).</td><td align="left">1.10.0</td></tr><tr><td align="left">Type</td><td align="left"><code>DropdownItemType</code></td><td align="left"><code>DropdownItemType.Button</code></td><td align="left">Gets or sets the dropdown item type.</td><td align="left">1.10.0</td><td align="left"></td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="dropdown-methods">Dropdown Methods<a href="#dropdown-methods" class="hash-link" aria-label="Direct link to Dropdown Methods" title="Direct link to Dropdown Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">HideAsync</td><td align="left">Hides the dropdown menu of a given navbar or tabbed navigation.</td><td align="left">1.10.0</td></tr><tr><td align="left">ShowAsync</td><td align="left">Shows the dropdown menu of a given navbar or tabbed navigation.</td><td align="left">1.10.0</td></tr><tr><td align="left">ToggleAsync</td><td align="left">Toggles the dropdown menu of a given navbar or tabbed navigation.</td><td align="left">1.10.0</td></tr><tr><td align="left">UpdateAsync</td><td align="left">Updates the position of an element’s dropdown.</td><td align="left">1.10.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="dropdown-events">Dropdown Events<a href="#dropdown-events" class="hash-link" aria-label="Direct link to Dropdown Events" title="Direct link to Dropdown Events">​</a></h2><table><thead><tr><th align="left">Event Type</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">OnHiding</td><td align="left">This event is fired immediately when the hide method has been called.</td><td align="left">1.10.0</td></tr><tr><td align="left">OnHidden</td><td align="left">This event is fired when an dropdown element has been hidden from the user (will wait for CSS transitions to complete).</td><td align="left">1.10.0</td></tr><tr><td align="left">OnShowing</td><td align="left">This event fires immediately when the show instance method is called.</td><td align="left">1.10.0</td></tr><tr><td align="left">OnShown</td><td align="left">This event is fired when an dropdown element has been made visible to the user (will wait for CSS transitions to complete).</td><td align="left">1.10.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="single-button">Single button<a href="#single-button" class="hash-link" aria-label="Direct link to Single button" title="Direct link to Single button">​</a></h3><img loading="lazy" src="https://i.imgur.com/HkqLwlx.png" alt="Blazor Bootstrap: Dropdown Component - Single button" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropdown button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#single-button" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="color">Color<a href="#color" class="hash-link" aria-label="Direct link to Color" title="Direct link to Color">​</a></h3><img loading="lazy" src="https://i.imgur.com/cuvBVJu.png" alt="Blazor Bootstrap: Dropdown Component - Color" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex gap-2 mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Primary</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Secondary</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Success</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Info</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Warning</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Danger</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#color" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="split-button">Split button<a href="#split-button" class="hash-link" aria-label="Direct link to Split button" title="Direct link to Split button">​</a></h3><img loading="lazy" src="https://i.imgur.com/beAr31J.png" alt="Blazor Bootstrap: Dropdown Component - Split button" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex gap-2 mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Split</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Primary</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Split</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Secondary</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Split</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Success</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Split</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Info</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Split</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Warning</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Split</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Danger</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#split-button" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="sizing">Sizing<a href="#sizing" class="hash-link" aria-label="Direct link to Sizing" title="Direct link to Sizing">​</a></h3><img loading="lazy" src="https://i.imgur.com/fwcMxKb.png" alt="Blazor Bootstrap: Dropdown Component - Sizing - Large" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex gap-2 mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Large button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Split</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Large split button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><img loading="lazy" src="https://i.imgur.com/HOlA6Uw.png" alt="Blazor Bootstrap: Dropdown Component - Sizing - Small" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex gap-2 mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Small button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Split</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Small split button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#sizing" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="directions">Directions<a href="#directions" class="hash-link" aria-label="Direct link to Directions" title="Direct link to Directions">​</a></h3><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dropup">Dropup<a href="#dropup" class="hash-link" aria-label="Direct link to Dropup" title="Direct link to Dropup">​</a></h3><p>To trigger <strong>DropdownMenu</strong> above elements, add the <code>Direction=&quot;DropdownDirection.Dropup&quot;</code> to the <strong>Dropdown</strong> component.</p><img loading="lazy" src="https://i.imgur.com/l90nW3S.png" alt="Blazor Bootstrap: Dropdown Component - Dropup" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex gap-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Direction</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DropdownDirection.Dropup</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropup button with text</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Direction</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DropdownDirection.Dropup</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Split</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropup split button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#dropup" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dropup-centered">Dropup centered<a href="#dropup-centered" class="hash-link" aria-label="Direct link to Dropup centered" title="Direct link to Dropup centered">​</a></h3><p>To center the DropdownMenu above the toggle, add the Direction=&quot;DropdownDirection.DropupCentered&quot; to the Dropdown component.</p><img loading="lazy" src="https://i.imgur.com/kc462Yy.png" alt="Blazor Bootstrap: Dropdown Component - Dropup centered" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex gap-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Direction</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DropdownDirection.DropupCentered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Centered dropup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#dropup-centered" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dropend">Dropend<a href="#dropend" class="hash-link" aria-label="Direct link to Dropend" title="Direct link to Dropend">​</a></h3><p>To trigger DropdownMenu at the right of elements, add the Direction=&quot;DropdownDirection.Dropend&quot; to the Dropdown component.</p><img loading="lazy" src="https://i.imgur.com/nSZ6Kdv.png" alt="Blazor Bootstrap: Dropdown Component - Dropend" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex gap-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Direction</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DropdownDirection.Dropend</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropend</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Direction</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DropdownDirection.Dropend</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Split</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Split dropend</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#dropend" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dropstart">Dropstart<a href="#dropstart" class="hash-link" aria-label="Direct link to Dropstart" title="Direct link to Dropstart">​</a></h3><p>To trigger DropdownMenu at the left of elements, you can add the Direction=&quot;DropdownDirection.Dropstart&quot; to the Dropdown component.</p><img loading="lazy" src="https://i.imgur.com/A8ifVaS.png" alt="Blazor Bootstrap: Dropdown Component - Dropstart" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex gap-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Direction</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DropdownDirection.Dropstart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropstart</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Direction</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DropdownDirection.Dropstart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Split</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Split dropstart</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownActionButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#dropstart" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="active">Active<a href="#active" class="hash-link" aria-label="Direct link to Active" title="Direct link to Active">​</a></h3><p>To style DropdownItem as active, add the Active=&quot;true&quot; parameter to the DropdownItem element in the DropdownMenu.</p><img loading="lazy" src="https://i.imgur.com/y95OWSd.png" alt="Blazor Bootstrap: Dropdown Component - Active" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropstart</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Active</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#active" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disabled">Disabled<a href="#disabled" class="hash-link" aria-label="Direct link to Disabled" title="Direct link to Disabled">​</a></h3><p>To disable the dropdown, set the <b>Disabled</b> parameter to <b>true</b> on the <b>Dropdown</b> component.</p><img loading="lazy" src="https://i.imgur.com/jMrshBs.png" alt="Blazor Bootstrap: Dropdown Component - Disabled" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">isDropdownDisabled</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropstart</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EnableDropdown</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enable</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DisableDropdown</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Disable</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token block csharp language-csharp"> isDropdownDisabled </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">EnableDropdown</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> isDropdownDisabled </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">false</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">DisableDropdown</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> isDropdownDisabled </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>To style a dropdown item as disabled, set the <b>Disabled</b> parameter to <b>true</b> on the <b>DropdownItem</b> element in the <b>DropdownMenu</b> component.</p><img loading="lazy" src="https://i.imgur.com/C3tUcRn.png" alt="Blazor Bootstrap: Dropdown Component - Disabled (Dropdown Item)" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropstart</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#disabled" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="menu-position">Menu position<a href="#menu-position" class="hash-link" aria-label="Direct link to Menu position" title="Direct link to Menu position">​</a></h3><p>By default, a DropdownMenu is automatically positioned at 100% from the top and along the left side of its parent. You can change this with the Position parameter.</p><p>To right-align a DropdownMenu, add the Position=&quot;DropdownMenuPosition.End&quot; parameter to the DropdownMenu component. Directions are mirrored when using Bootstrap in RTL.</p><img loading="lazy" src="https://i.imgur.com/dwmK0j3.png" alt="Blazor Bootstrap: Dropdown Component - Menu position" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Right-aligned menu example</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Position</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DropdownMenuPosition.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#menu-position" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="menu-content">Menu content<a href="#menu-content" class="hash-link" aria-label="Direct link to Menu content" title="Direct link to Menu content">​</a></h3><h3 class="anchor anchorWithStickyNavbar_LWe7" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Add a header to label sections of actions in any dropdown menu.</p><img loading="lazy" src="https://i.imgur.com/eDvOLvf.png" alt="Blazor Bootstrap: Dropdown Component - Header" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropdown header</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownHeader</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#header" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dividers">Dividers<a href="#dividers" class="hash-link" aria-label="Direct link to Dividers" title="Direct link to Dividers">​</a></h3><p>Separate groups of related menu items with a divider.</p><img loading="lazy" src="https://i.imgur.com/8zd9Rod.png" alt="Blazor Bootstrap: Dropdown Component - Dividers" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownDivider</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropdown header</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownDivider</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Separated link</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#dividers" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="text">Text<a href="#text" class="hash-link" aria-label="Direct link to Text" title="Direct link to Text">​</a></h3><p>Place any freeform text within a dropdown menu with text and use spacing utilities. Note that youll likely need additional sizing styles to constrain the menu width.</p><img loading="lazy" src="https://i.imgur.com/2G0ozU0.png" alt="Blazor Bootstrap: Dropdown Component - Text" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">p-4 text-muted</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)"> </span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">320</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">px</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Some example text that&#x27;s free-flowing within the dropdown menu.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">And this is more example text.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#text" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="forms">Forms<a href="#forms" class="hash-link" aria-label="Direct link to Forms" title="Direct link to Forms">​</a></h3><p>Put a form within a dropdown menu, or make it into a dropdown menu, and use margin or padding utilities to give it the negative space you require.</p><img loading="lazy" src="https://i.imgur.com/q52EBle.png" alt="Blazor Bootstrap: Dropdown Component - Forms" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">ComponentModel</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">DataAnnotations</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token style language-css"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.valid</span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.modified</span><span class="token style language-css selector pseudo-class" style="color:rgb(215, 186, 125)">:not</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token style language-css selector attribute attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token style language-css selector attribute operator" style="color:rgb(212, 212, 212)">=</span><span class="token style language-css selector attribute attr-value" style="color:rgb(206, 145, 120)">checkbox</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css hexcode color">#26b050</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.invalid</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.validation-message</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">color</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropdown form</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">px-4 py-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">480</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">px</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EditContext</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">editContext</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnValidSubmit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HandleOnValidSubmit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DataAnnotationsValidator</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Item Price: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">invoice.Price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueExpression</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; invoice.Price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(value) =&gt; PriceChanged(value)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> invoice</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Price</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Item Discount:</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">invoice.Discount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueExpression</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; invoice.Discount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(value) =&gt; DiscountChanged(value)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter discount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> invoice</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Discount</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Total Amount: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">invoice.Total</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter total</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> invoice</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Total</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-12 text-right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ResetForm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reset</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Submit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end me-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Submit</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Invoice</span><span class="token plain"> invoice </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token plain"> editContext </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        editContext </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnParametersSet</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token function" style="color:rgb(220, 220, 170)">CalculateToatl</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnParametersSet</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">PriceChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Price </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token function" style="color:rgb(220, 220, 170)">CalculateToatl</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">DiscountChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Discount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token function" style="color:rgb(220, 220, 170)">CalculateToatl</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CalculateToatl</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> price </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Price</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HasValue </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Price</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Value </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> discount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Discount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HasValue </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Discount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Value </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Total </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> price </span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain"> discount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">HandleOnValidSubmit</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Price: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">invoice</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Price</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Discount: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">invoice</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Discount</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Total: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">invoice</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Total</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ResetForm</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        invoice </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        editContext </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">class</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Invoice</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments">ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Price required.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Range</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">60</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">500</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Price should be between 60 and 500.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Price </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">232M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Range</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">0</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">50</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Discount should be between 0 and 50.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Discount </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments">ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Amount required.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Range</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">10</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">500</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Total should be between 60 and 500.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Total </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#forms" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="auto-close-behavior">Auto close behavior<a href="#auto-close-behavior" class="hash-link" aria-label="Direct link to Auto close behavior" title="Direct link to Auto close behavior">​</a></h3><p>By default, the DropdownMenu is closed when clicking either inside or outside the DropdownMenu. You can use the AutoClose and AutoCloseBehavior parameters to change this behavior of the Dropdown.</p><img loading="lazy" src="https://i.imgur.com/vq2sgtO.png" alt="Blazor Bootstrap: Dropdown Component - Auto close behavior" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoClose</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Default dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Menu item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Menu item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Menu item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoClose</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoCloseBehavior</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DropdownAutoCloseBehavior.Outside</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Clickable outside</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Menu item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Menu item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Menu item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoClose</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoCloseBehavior</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DropdownAutoCloseBehavior.Inside</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Clickable inside</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Menu item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Menu item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Menu item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoClose</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">false</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Manual close</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Menu item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Menu item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Menu item</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#auto-close-behavior" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h3><img loading="lazy" src="https://i.imgur.com/gaJz8Ar.png" alt="Blazor Bootstrap: Dropdown Component - Methods" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dropdown1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropdown button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HideAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Hide</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Toggle</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token plain"> dropdown1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> dropdown1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">HideAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> dropdown1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">HideAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ToggleAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> dropdown1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToggleAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#methods" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="events">Events<a href="#events" class="hash-link" aria-label="Direct link to Events" title="Direct link to Events">​</a></h3><p>All dropdown events are fired at the toggling element and then bubbled up.</p><img loading="lazy" src="https://i.imgur.com/74NtN1y.png" alt="Blazor Bootstrap: Dropdown Component - Events" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnHiding</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnDropdownHidingAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnHidden</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnDropdownHiddenAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnShowing</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnDropdownShowingAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnShown</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnDropdownShownAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dropdown button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownToggleButton</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Another action</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">To</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Link</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Something else here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">DropdownMenu</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Dropdown</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> messages </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnDropdownHidingAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> messages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;OnHiding&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnDropdownHiddenAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> messages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;OnHidden&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnDropdownShowingAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> messages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;OnShowing&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnDropdownShownAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> messages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;OnShown&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/dropdown#events" target="_blank" rel="noopener noreferrer">See the demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/dropdown.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/confirm-dialog"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Confirm Dialog</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/grid"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Grid</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#dropdown-parameters" class="table-of-contents__link toc-highlight">Dropdown Parameters</a></li><li><a href="#dropdowntogglebutton-parameters" class="table-of-contents__link toc-highlight">DropdownToggleButton Parameters</a></li><li><a href="#dropdownactionbutton-parameters" class="table-of-contents__link toc-highlight">DropdownActionButton Parameters</a></li><li><a href="#dropdownmenu-parameters" class="table-of-contents__link toc-highlight">DropdownMenu Parameters</a></li><li><a href="#dropdownheader-parameters" class="table-of-contents__link toc-highlight">DropdownHeader Parameters</a></li><li><a href="#dropdownitem-parameters" class="table-of-contents__link toc-highlight">DropdownItem Parameters</a></li><li><a href="#dropdown-methods" class="table-of-contents__link toc-highlight">Dropdown Methods</a></li><li><a href="#dropdown-events" class="table-of-contents__link toc-highlight">Dropdown Events</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#single-button" class="table-of-contents__link toc-highlight">Single button</a></li><li><a href="#color" class="table-of-contents__link toc-highlight">Color</a></li><li><a href="#split-button" class="table-of-contents__link toc-highlight">Split button</a></li><li><a href="#sizing" class="table-of-contents__link toc-highlight">Sizing</a></li><li><a href="#directions" class="table-of-contents__link toc-highlight">Directions</a></li><li><a href="#dropup" class="table-of-contents__link toc-highlight">Dropup</a></li><li><a href="#dropup-centered" class="table-of-contents__link toc-highlight">Dropup centered</a></li><li><a href="#dropend" class="table-of-contents__link toc-highlight">Dropend</a></li><li><a href="#dropstart" class="table-of-contents__link toc-highlight">Dropstart</a></li><li><a href="#active" class="table-of-contents__link toc-highlight">Active</a></li><li><a href="#disabled" class="table-of-contents__link toc-highlight">Disabled</a></li><li><a href="#menu-position" class="table-of-contents__link toc-highlight">Menu position</a></li><li><a href="#menu-content" class="table-of-contents__link toc-highlight">Menu content</a></li><li><a href="#header" class="table-of-contents__link toc-highlight">Header</a></li><li><a href="#dividers" class="table-of-contents__link toc-highlight">Dividers</a></li><li><a href="#text" class="table-of-contents__link toc-highlight">Text</a></li><li><a href="#forms" class="table-of-contents__link toc-highlight">Forms</a></li><li><a href="#auto-close-behavior" class="table-of-contents__link toc-highlight">Auto close behavior</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#events" class="table-of-contents__link toc-highlight">Events</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/grid.html b/components/grid.html
index 3bb7e3989..dba9ce71a 100644
--- a/components/grid.html
+++ b/components/grid.html
@@ -10,25 +10,26 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Grid</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Grid</h1><p>Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging &amp; sorting.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/kKNgo2I.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="grid-parameters">Grid Parameters<a href="#grid-parameters" class="hash-link" aria-label="Direct link to Grid Parameters" title="Direct link to Grid Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">AllowFiltering</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the grid filtering.</td><td align="left">1.0.0</td></tr><tr><td align="left">AllowPaging</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the grid paging.</td><td align="left">1.0.0</td></tr><tr><td align="left">AllowRowClick</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the allow row click.</td><td align="left">1.9.5</td></tr><tr><td align="left">AllowSelection</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the grid selection.</td><td align="left">1.8.0</td></tr><tr><td align="left">AllowSorting</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the grid sorting.</td><td align="left">1.0.0</td></tr><tr><td align="left">AutoHidePaging</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Automatically hides the paging controls when the grid item count is less than or equal to the <code>PageSize</code> and this property is set to <code>true</code>.</td><td align="left">1.10.5</td></tr><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.0.0</td></tr><tr><td align="left">Data</td><td align="left"><code>IEnumerable&lt;TItem&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the grid data.</td><td align="left">1.4.3</td></tr><tr><td align="left">DataProvider</td><td align="left"><code>GridDataProviderDelegate&lt;TItem&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">DataProvider is for items to render. The provider should always return an instance of <code>GridDataProviderResult</code>, and <code>null</code> is not allowed.</td><td align="left">1.0.0</td></tr><tr><td align="left">DisableAllRowsSelection</td><td align="left"><code>Func&lt;IEnumerable&lt;TItem&gt;, bool&gt;?</code></td><td align="left"></td><td align="left"></td><td align="left">Enable or disable the header checkbox selection.</td><td align="left">1.8.0</td></tr><tr><td align="left">DisableRowSelection</td><td align="left"><code>Func&lt;TItem, bool&gt;?</code></td><td align="left"></td><td align="left"></td><td align="left">Enable or disable the row level checkbox selection.</td><td align="left">1.8.0</td></tr><tr><td align="left">EmptyDataTemplate</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Template to render when there are no rows to display.</td><td align="left">1.0.0</td></tr><tr><td align="left">EmptyText</td><td align="left">string</td><td align="left"><code>No records to display</code></td><td align="left"></td><td align="left">Shows text on no records.</td><td align="left">1.0.0</td></tr><tr><td align="left">FiltersRowCssClass</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the filters row css class.</td><td align="left">1.9.2</td></tr><tr><td align="left">FiltersTranslationProvider</td><td align="left"><code>GridFiltersTranslationDelegate</code></td><td align="left">null</td><td align="left"></td><td align="left">Filters transalation is for grid filters to render. The provider should always return a &#x27;FilterOperatorInfo&#x27; collection, and &#x27;null&#x27; is not allowed.</td><td align="left">1.10.0</td></tr><tr><td align="left">FixedHeader</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the grid fixed header.</td><td align="left">1.10.3</td></tr><tr><td align="left">HeaderRowCssClass</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the header row css class but not the thead tag class.</td><td align="left">1.9.2</td></tr><tr><td align="left">Height</td><td align="left">float</td><td align="left">320 pixels</td><td align="left"></td><td align="left">Gets or sets the grid height.</td><td align="left">1.10.3</td></tr><tr><td align="left">ItemsPerPageText</td><td align="left">string</td><td align="left"><code>Items per page</code></td><td align="left">✔️</td><td align="left">Gets or sets the items per page text.</td><td align="left">1.9.5</td></tr><tr><td align="left">PageSize</td><td align="left">int</td><td align="left">10</td><td align="left"></td><td align="left">Gets or sets the page size.</td><td align="left">1.0.0</td></tr><tr><td align="left">PageSizeSelectorItems</td><td align="left"><code>int[]</code></td><td align="left"><code>new int[] { 10, 20, 50 }</code></td><td align="left">✔️</td><td align="left">Gets or sets the page size selector items.</td><td align="left">1.8.0</td></tr><tr><td align="left">PageSizeSelectorVisible</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the page size selector visible.</td><td align="left">1.8.0</td></tr><tr><td align="left">PaginationItemsTextFormat</td><td align="left">string</td><td align="left"><code>{0} - {1} of {2} items</code></td><td align="left">✔️</td><td align="left">Gets or sets the pagination items text format.</td><td align="left">1.8.0</td></tr><tr><td align="left">Responsive</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets a value indicating whether Grid is responsive.</td><td align="left">1.0.0</td></tr><tr><td align="left">RowClass</td><td align="left"><code>Func&lt;TItem, string&gt;?</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the row class.</td><td align="left">1.6.0</td></tr><tr><td align="left">SelectionMode</td><td align="left"><code>GridSelectionMode</code></td><td align="left"><code>GridSelectionMode.Single</code></td><td align="left"></td><td align="left">Gets or sets the grid selection mode.</td><td align="left">1.8.0</td></tr><tr><td align="left">SettingsProvider</td><td align="left"><code>GridSettingsProviderDelegate</code></td><td align="left">null</td><td align="left"></td><td align="left">Settings are for the grid to render. The provider should always return an instance of &#x27;GridSettings&#x27;, and &#x27;null&#x27; is not allowed.</td><td align="left">1.0.0</td></tr><tr><td align="left">THeadCssClass</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the thead css class.</td><td align="left">1.10.3</td></tr><tr><td align="left">Unit</td><td align="left"><code>Unit</code></td><td align="left"><code>Unit.px</code></td><td align="left"></td><td align="left">Gets or sets the units.</td><td align="left">1.10.3</td></tr></tbody></table><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>IMPORTANT</div><div class="admonitionContent_S0QG"><p>Grid requires either <code>Data</code> or <code>DataProvider</code> parameter, but not both.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="grid-callback-events">Grid Callback Events<a href="#grid-callback-events" class="hash-link" aria-label="Direct link to Grid Callback Events" title="Direct link to Grid Callback Events">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">GridSettingsChanged</td><td align="left"><code>EventCallback&lt;GridSettings&gt;</code></td><td align="left">This event is fired when the grid state is changed.</td><td align="left">1.0.0</td></tr><tr><td align="left">OnRowClick</td><td align="left"><code>EventCallback&lt;GridRowEventArgs&lt;TItem&gt;&gt;</code></td><td align="left">This event is triggered when the user clicks on the row. Set AllowRowClick to true to enable row clicking.</td><td align="left">1.9.5</td></tr><tr><td align="left">OnRowDoubleClick</td><td align="left"><code>EventCallback&lt;GridRowEventArgs&lt;TItem&gt;&gt;</code></td><td align="left">This event is triggered when the user double clicks on the row. Set AllowRowClick to true to enable row double clicking.</td><td align="left">1.9.5</td></tr><tr><td align="left">SelectedItemsChanged</td><td align="left"><code>EventCallback&lt;HashSet&lt;TItem&gt;&gt;</code></td><td align="left">This event is fired when the items selection changed.</td><td align="left">1.8.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="grid-methods">Grid Methods<a href="#grid-methods" class="hash-link" aria-label="Direct link to Grid Methods" title="Direct link to Grid Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Return Type</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">GetFilters()</td><td align="left"><code>IEnumerable&lt;FilterItem&gt;</code></td><td align="left">Get filters.</td><td align="left">1.0.0</td></tr><tr><td align="left">RefreshDataAsync(CancellationToken cancellationToken = default)</td><td align="left">Task</td><td align="left">Refresh the grid data.</td><td align="left">1.0.0</td></tr><tr><td align="left">ResetPageNumber()</td><td align="left">ValueTask</td><td align="left">Reset the page number to 1 and refresh the grid.</td><td align="left">1.4.3</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="gridcolumn-parameters">GridColumn Parameters<a href="#gridcolumn-parameters" class="hash-link" aria-label="Direct link to GridColumn Parameters" title="Direct link to GridColumn Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.0.0</td></tr><tr><td align="left">ColumnClass</td><td align="left"><code>Func&lt;TItem, string&gt;?</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the column class.</td><td align="left">1.6.0</td></tr><tr><td align="left">Filterable</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">If true, filter is enabled. The filter is enabled or disabled based on the grid <code>AllowFiltering</code> parameter.</td><td align="left">1.0.0</td></tr><tr><td align="left">FilterButtonColor</td><td align="left"><code>ButtonColor</code></td><td align="left"><code>ButtonColor.Light</code></td><td align="left"></td><td align="left">Gets or sets the filter button color.</td><td align="left">3.0.0</td></tr><tr><td align="left">FilterButtonCSSClass</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the filter button CSS class.</td><td align="left">3.0.0</td></tr><tr><td align="left">FilterOperator</td><td align="left"><code>FilterOperator</code></td><td align="left"><code>FilterOperator.None</code></td><td align="left"></td><td align="left">Gets or sets the filter operator.</td><td align="left">1.0.0</td></tr><tr><td align="left">FilterTextboxWidth</td><td align="left">int</td><td align="left">0</td><td align="left"></td><td align="left">Gets or sets the filter textbox width in pixels.</td><td align="left">1.0.0</td></tr><tr><td align="left">FilterValue</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the filter value.</td><td align="left">1.0.0</td></tr><tr><td align="left">Freeze</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Indicates whether the column is frozen.</td><td align="left">1.10.4</td></tr><tr><td align="left">FreezeDirection</td><td align="left"><code>FreezeDirection</code></td><td align="left"><code>FreezeDirection.Left</code></td><td align="left"></td><td align="left">Gets or sets the freeze direction of the column.</td><td align="left">1.10.4</td></tr><tr><td align="left">FreezeLeftPosition</td><td align="left">double</td><td align="left">0</td><td align="left"></td><td align="left">Gets or sets the horizontal position of the column from left. It has no effect on non-positioned columns.</td><td align="left">1.10.4</td></tr><tr><td align="left">FreezeRightPosition</td><td align="left">double</td><td align="left">0</td><td align="left"></td><td align="left">Gets or sets the horizontal position of the column from right. It has no effect on non-positioned columns.</td><td align="left">1.10.4</td></tr><tr><td align="left">HeaderContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the header content.</td><td align="left">1.7.3</td></tr><tr><td align="left">HeaderText</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the table column header text.</td><td align="left">1.0.0</td></tr><tr><td align="left">HeaderTextAlignment</td><td align="left">enum</td><td align="left"><code>Alignment.Start</code></td><td align="left"></td><td align="left">Gets or sets the header text alignment. Use <code>Alignment.Start</code> or <code>Alignment.Center</code> or <code>Alignment.End</code>.</td><td align="left">1.0.0</td></tr><tr><td align="left">IsDefaultSortColumn</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the default sort column.</td><td align="left">1.0.0</td></tr><tr><td align="left">PropertyName</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the property name. This is required when <code>AllowFiltering</code> is true.</td><td align="left">1.0.0</td></tr><tr><td align="left">Sortable</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">Enable or disable the sorting on a specific column. The sorting is enabled or disabled based on the grid <code>AllowSorting</code> parameter.</td><td align="left">1.0.0</td></tr><tr><td align="left">SortDirection</td><td align="left"><code>SortDirection</code></td><td align="left"><code>SortDirection.None</code></td><td align="left"></td><td align="left">Gets or sets the default sort direction of a column. Use <code>SortDirection.Ascending</code> or <code>SortDirection.Descending</code></td><td align="left">1.0.0</td></tr><tr><td align="left">SortKeySelector</td><td align="left"><code>Expression&lt;Func&lt;TItem, IComparable&gt;&gt;</code></td><td align="left"></td><td align="left"></td><td align="left">Expression used for sorting.</td><td align="left">1.0.0</td></tr><tr><td align="left">SortString</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the column sort string. This string is passed to the backend/API for sorting. And it is ignored for client-side sorting.</td><td align="left">1.0.0</td></tr><tr><td align="left">StringComparison</td><td align="left"><code>StringComparison</code></td><td align="left"><code>StringComparison.OrdinalIgnoreCase</code></td><td align="left"></td><td align="left">Gets or sets the StringComparison. Use <code>StringComparison.CurrentCulture</code> or <code>StringComparison.CurrentCultureIgnoreCase</code> or <code>StringComparison.InvariantCulture</code> or <code>StringComparison.InvariantCultureIgnoreCase</code> or <code>StringComparison.Ordinal</code> or <code>StringComparison.OrdinalIgnoreCase</code>.</td><td align="left">1.0.0</td></tr><tr><td align="left">TextAlignment</td><td align="left"><code>Alignment</code></td><td align="left"><code>Alignment.Start</code></td><td align="left"></td><td align="left">Gets or sets the text alignment. Use <code>Alignment.Start</code> or <code>Alignment.Center</code> or <code>Alignment.End</code>.</td><td align="left">1.0.0</td></tr><tr><td align="left">TextNoWrap</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets text nowrap.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="gridsettings-properties">GridSettings Properties<a href="#gridsettings-properties" class="hash-link" aria-label="Direct link to GridSettings Properties" title="Direct link to GridSettings Properties">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">PageNumber</td><td align="left">int</td><td align="left"></td><td align="left"></td><td align="left">Page number.</td><td align="left">1.0.0</td></tr><tr><td align="left">PageSize</td><td align="left">int</td><td align="left"></td><td align="left"></td><td align="left">Size of the page.</td><td align="left">1.0.0</td></tr><tr><td align="left">Filters</td><td align="left"><code>IEnumerable&lt;FilterItem&gt;</code></td><td align="left"></td><td align="left"></td><td align="left">Current filters.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-filtering">Client side filtering<a href="#client-side-filtering" class="hash-link" aria-label="Direct link to Client side filtering" title="Direct link to Client side filtering">​</a></h3><p>For filtering, <code>AllowFiltering</code> and <code>PropertyName</code> parameters are required.
-Add <code>AllowFiltering=&quot;true&quot;</code> parameter to Grid and <code>PropertyName</code> parameter to all the GridColumns.</p><img loading="lazy" src="https://i.imgur.com/Clr8W11.png" alt="Blazor Bootstrap: Grid Component - Client side filtering" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#client-side-filtering" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-filtering-with-string-comparision">Client side filtering with string comparision<a href="#client-side-filtering-with-string-comparision" class="hash-link" aria-label="Direct link to Client side filtering with string comparision" title="Direct link to Client side filtering with string comparision">​</a></h3><p>In the below example, <code>StringComparision.Ordinal</code> is used on the <strong>Employee Name</strong> column to make the filter case-sensitive.</p><img loading="lazy" src="https://i.imgur.com/yLzUB8I.png" alt="Blazor Bootstrap: Grid Component - Client side filtering with string comparision" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">StringComparison</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">StringComparison.Ordinal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#client-side-filtering-with-string-comparision" target="_blank" rel="noopener noreferrer">See demo here</a></p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>By default, <code>StringComparison.OrdinalIgnoreCase</code> is used to compare culture-agnostic and case-insensitive string matching.</p></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-paging">Client side paging<a href="#client-side-paging" class="hash-link" aria-label="Direct link to Client side paging" title="Direct link to Client side paging">​</a></h3><p>For paging, <code>AllowPaging</code> and <code>PageSize</code> parameters are required.
-Add <code>AllowPaging=&quot;true&quot;</code> and <code>PageSize=&quot;20&quot;</code> parameters to the Grid. <code>PageSize</code> parameter is optional. </p><img loading="lazy" src="https://i.imgur.com/WXwUqgX.png" alt="Blazor Bootstrap: Grid Component - Client side paging" class="img_ev3q"><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>INFO</div><div class="admonitionContent_S0QG"><p>The default page size is 10.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#client-side-paging" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-sorting">Client side sorting<a href="#client-side-sorting" class="hash-link" aria-label="Direct link to Client side sorting" title="Direct link to Client side sorting">​</a></h3><p>For sorting, <code>AllowSorting</code> and <code>SortKeySelector</code> parameters are required.
-Add <code>AllowSorting=&quot;true&quot;</code> parameter to Grid and <code>SortKeySelector</code> to all the GridColumns.</p><img loading="lazy" src="https://i.imgur.com/wkIWG5S.png" alt="Blazor Bootstrap: Grid Component - Client side sorting" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#client-side-sorting" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-filtering-paging-and-sorting">Client side filtering, paging, and sorting<a href="#client-side-filtering-paging-and-sorting" class="hash-link" aria-label="Direct link to Client side filtering, paging, and sorting" title="Direct link to Client side filtering, paging, and sorting">​</a></h3><img loading="lazy" src="https://i.imgur.com/wZ0cQiO.png" alt="Blazor Bootstrap: Grid Component - Client side filtering, paging, and sorting" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#client-side-filtering-paging-sorting" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="set-default-filter">Set default filter<a href="#set-default-filter" class="hash-link" aria-label="Direct link to Set default filter" title="Direct link to Set default filter">​</a></h3><p><code>FilterOperator</code> and <code>FilterValue</code> parameters are required to set the default filter. </p><img loading="lazy" src="https://i.imgur.com/jog5EA4.png" alt="Blazor Bootstrap: Grid Component - Set default filter" class="img_ev3q"><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>TIP</div><div class="admonitionContent_S0QG"><p>You can set the default filter on more than one GridColumn.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterOperator</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FilterOperator.GreaterThanOrEquals</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">105</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#set-default-filter" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable-specific-column-filter">Disable specific column filter<a href="#disable-specific-column-filter" class="hash-link" aria-label="Direct link to Disable specific column filter" title="Direct link to Disable specific column filter">​</a></h3><p><code>Filterable</code> parameter is required to disable the filter on a specific column.
-Add <code>Filterable=&quot;false&quot;</code> parameter to GridColumn.</p><img loading="lazy" src="https://i.imgur.com/oGeA4VO.png" alt="Blazor Bootstrap: Grid Component - Disable specific column filter" class="img_ev3q"><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>INFO</div><div class="admonitionContent_S0QG"><p>By default, <code>Filterable=&quot;true&quot;</code> on all the columns if the <code>AllowFiltering</code> parameter is set to <code>true</code> on the grid.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Filterable</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">false</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Filterable</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">false</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#disable-specific-column-filter" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="increase-filter-textbox-width">Increase filter textbox width<a href="#increase-filter-textbox-width" class="hash-link" aria-label="Direct link to Increase filter textbox width" title="Direct link to Increase filter textbox width">​</a></h3><p>Add <code>FilterTextboxWidth</code> parameter to the GridColumn to increase or decrease the filter textbox width, <code>FilterTextboxWidth</code> parameter is optional.</p><img loading="lazy" src="https://i.imgur.com/eWXiHr0.png" alt="Blazor Bootstrap: Grid Component - Increase filter textbox width" class="img_ev3q"><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Filter textbox width measured in pixels.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">First Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FirstName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FirstName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Last Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">LastName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">LastName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Email</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Company</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextNoWrap</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Company</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Company</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextNoWrap</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Salary</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp function" style="color:rgb(220, 220, 170)">ToString</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token value variable csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;N2&quot;</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Reddy&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;alice@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7700</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Roy&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;bob@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Papa&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;john@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Two&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;pop@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Dire&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;ronald@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">16500.50M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;K&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;line@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">24000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Potter&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;daniel@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">21000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Simmons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;zayne@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17850</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Davison&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;isha@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#increase-filter-textbox-width" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="server-side-filtering-paging-and-sorting">Server side filtering, paging and sorting<a href="#server-side-filtering-paging-and-sorting" class="hash-link" aria-label="Direct link to Server side filtering, paging and sorting" title="Direct link to Server side filtering, paging and sorting">​</a></h3><img loading="lazy" src="https://i.imgur.com/xHVXTew.png" alt="Blazor Bootstrap: Grid Component - Server side filtering, paging and sorting" class="img_ev3q"><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>For server-side sorting, we need the <code>SortString</code> parameter on GridColumn along with the <code>SortKeySelector</code> parameter.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">First Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FirstName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FirstName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.FirstName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FirstName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Last Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">LastName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">LastName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.LastName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">LastName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Salary</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEmployeeService</span><span class="token plain"> _employeeService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name" style="color:rgb(78, 201, 176)">SortDirection</span><span class="token plain"> sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">None</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// Note: Multi column sorting is not supported at this moment</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> result </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> _employeeService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filters</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageNumber</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageSize</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item2 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#server-side-filtering-paging-sorting" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="set-default-sorting">Set default sorting<a href="#set-default-sorting" class="hash-link" aria-label="Direct link to Set default sorting" title="Direct link to Set default sorting">​</a></h3><p><code>IsDefaultSortColumn</code> parameter is required to set the default sorting. Add <code>IsDefaultSortColumn=&quot;true&quot;</code> parameter to the GridColumn.
-The default sort direction will be <strong>ascending</strong>. To change the default sorting of a column, add <code>SortDirection=&quot;SortDirection.Descending&quot;</code> to the GridColumn.</p><img loading="lazy" src="https://i.imgur.com/WxULPS6.png" alt="Blazor Bootstrap: Grid Component - Set default sorting" class="img_ev3q"><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>INFO</div><div class="admonitionContent_S0QG"><p>If more than one GridColumn has the <code>IsDefaultSortColumn</code> paramter, it will pick the first column as the default sorting column.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsDefaultSortColumn</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortDirection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SortDirection.Descending</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#set-default-sorting" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable-specific-column-sorting">Disable specific column sorting<a href="#disable-specific-column-sorting" class="hash-link" aria-label="Direct link to Disable specific column sorting" title="Direct link to Disable specific column sorting">​</a></h3><p>Add <code>Sortable=&quot;false&quot;</code> parameter the GridColumn to disable the sorting. </p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>INFO</div><div class="admonitionContent_S0QG"><p>If sorting is disabled, then the <code>SortKeySelector</code> parameter is not required.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Sortable</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">false</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#disable-specific-column-sorting" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="header-text-alignment">Header text alignment<a href="#header-text-alignment" class="hash-link" aria-label="Direct link to Header text alignment" title="Direct link to Header text alignment">​</a></h3><p>Use the <code>HeaderTextAlignment</code> parameter to change the header column alignment.
-By default, <code>HeaderTextAlignment</code> is set to Alignment.Start. Other options you can use are <code>Alignment.Center</code> and <code>Alignment.End</code>.</p><img loading="lazy" src="https://i.imgur.com/gWgIESD.png" alt="Blazor Bootstrap: Grid Component - Header text alignment" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#header-text-alignment" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="cell-alignment">Cell alignment<a href="#cell-alignment" class="hash-link" aria-label="Direct link to Cell alignment" title="Direct link to Cell alignment">​</a></h3><p>Use the <code>TextAlignment</code> parameter to change the cell data alignment.
-By default, <code>TextAlignment</code> is set to <code>Alignment.Start</code>. Other options you can use are <code>Alignment.Center</code> and <code>Alignment.End</code>.</p><img loading="lazy" src="https://i.imgur.com/0OKp4yd.png" alt="Blazor Bootstrap: Grid Component - Cell alignment" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Salary</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7700</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">16500.50M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">24000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">21000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17850</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#cell-alignment" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="cell-formating">Cell formating<a href="#cell-formating" class="hash-link" aria-label="Direct link to Cell formating" title="Direct link to Cell formating">​</a></h3><p>To format the cell data, use <code>ToString</code> method and format strings. Refer: <a href="https://docs.microsoft.com/en-us/dotnet/standard/base-types/formatting-types" target="_blank" rel="noopener noreferrer">How to format numbers, dates, enums, and other types in .NET</a></p><img loading="lazy" src="https://i.imgur.com/MitfasL.png" alt="Blazor Bootstrap: Grid Component - Cell formating" class="img_ev3q"><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>EXAMPLE</div><div class="admonitionContent_S0QG"><p>@context.Salary.ToString(&quot;N2&quot;)</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Salary</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp function" style="color:rgb(220, 220, 170)">ToString</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token value variable csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;N2&quot;</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7700</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">16500.50M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">24000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">21000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17850</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#cell-formating" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="cell-nowrap">Cell nowrap<a href="#cell-nowrap" class="hash-link" aria-label="Direct link to Cell nowrap" title="Direct link to Cell nowrap">​</a></h3><p>To prevent text from wrapping, add <code>TextNoWrap=&quot;true&quot;</code> parameter to the GridColumn.</p><img loading="lazy" src="https://i.imgur.com/Wzc3AUF.png" alt="Blazor Bootstrap: Grid Component - Cell nowrap" class="img_ev3q"><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>TIP</div><div class="admonitionContent_S0QG"><p>Add <code>Responsive=&quot;true&quot;</code> parameter to the grid to enable horizontal scrolling.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">First Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FirstName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">First Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">LastName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Email</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Company</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextNoWrap</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Company</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextNoWrap</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Salary</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp function" style="color:rgb(220, 220, 170)">ToString</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token value variable csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;N2&quot;</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Reddy&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;alice@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7700</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Roy&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;bob@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Papa&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;john@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Two&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;pop@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Dire&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;ronald@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">16500.50M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;K&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;line@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">24000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Potter&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;daniel@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">21000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Simmons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;zayne@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17850</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Davison&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;isha@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#cell-nowrap" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="pagination-alignment">Pagination alignment<a href="#pagination-alignment" class="hash-link" aria-label="Direct link to Pagination alignment" title="Direct link to Pagination alignment">​</a></h3><p>Change the alignment of pagination by adding the <code>PaginationAlignment</code> parameter to the Grid.
-By default, <code>PaginationAlignment</code> is set to <code>Alignment.Start</code>. Other options you can use are <code>Alignment.Center</code> and <code>Alignment.End</code>.</p><img loading="lazy" src="https://i.imgur.com/CtSqfJb.png" alt="Blazor Bootstrap: Grid Component - Pagination alignment" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PaginationAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#pagination-alignment" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="empty-data">Empty data<a href="#empty-data" class="hash-link" aria-label="Direct link to Empty data" title="Direct link to Empty data">​</a></h3><p>If there are no records to display in the Grid, by default, it will display the <strong>No records to display</strong> message.
-You can change this message by adding the <code>EmptyText</code> parameter to the Grid.</p><img loading="lazy" src="https://i.imgur.com/cLuvfmD.png" alt="Blazor Bootstrap: Grid Component - Empty data" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EmptyText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">No records to display</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">First Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FirstName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Last Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">LastName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#empty-data" target="_blank" rel="noopener noreferrer">See demo here</a></p><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>TIP</div><div class="admonitionContent_S0QG"><p>Add <code>Responsive=&quot;true&quot;</code> parameter to the grid to enable horizontal scrolling.</p></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="save-and-load-grid-settings">Save and Load Grid Settings<a href="#save-and-load-grid-settings" class="hash-link" aria-label="Direct link to Save and Load Grid Settings" title="Direct link to Save and Load Grid Settings">​</a></h3><p>This example shows how to save/load the Grid state. The state includes the page number, page size, and filters.</p><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>IMPORTANT</div><div class="admonitionContent_S0QG"><p>Saving the Grid&#x27;s sorting state as part of GridSettings is not yet supported. This functionality will be included in future releases.</p></div></div><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Browser local storage is used to persist the Grid state. Common locations exist for persisting state are <strong>Server-side storage</strong>, <strong>URL</strong>, <strong>Browser storage</strong>, and <strong>In-memory state container service</strong>.</p></div></div><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Bootstrap: Grid Component - Save and Load Grid Settings" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Text</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Json</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">grid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">GridSettingsChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnGridSettingsChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SettingsProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">GridSettingsProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterOperator</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FilterOperator.GreaterThanOrEquals</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">109</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">BlazorBootstrap</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Grid</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> grid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> employees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IJSRuntime</span><span class="token block csharp language-csharp"> JS </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">GridSettings</span><span class="token block csharp language-csharp"> Settings </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">employees </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            employees </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">employees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnGridSettingsChanged</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">GridSettings</span><span class="token block csharp language-csharp"> settings</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">settings </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// NOTE: enable below two lines, if you want to set default values for PageNumber and PageSize all the time.</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">//settings.PageNumber = 1;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">//settings.PageSize = 10;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> JS</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">InvokeVoidAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;window.localStorage.setItem&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;grid-settings&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> JsonSerializer</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Serialize</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">settings</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">GridSettings</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GridSettingsProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> settingsJson </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> JS</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp generic-method function" style="color:rgb(220, 220, 170)">InvokeAsync</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp generic-method generic class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;window.localStorage.getItem&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;grid-settings&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">IsNullOrWhiteSpace</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">settingsJson</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> settings </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> JsonSerializer</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp generic-method function" style="color:rgb(220, 220, 170)">Deserialize</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp generic-method generic class-name" style="color:rgb(78, 201, 176)">GridSettings</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">settingsJson</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">settings </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> settings</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">107</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1998</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">11</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">103</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">106</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1995</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">4</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">104</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">6</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">false</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">105</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">23</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">102</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">101</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">113</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1989</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">10</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">2</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">117</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1994</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">108</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">109</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1996</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">7</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">111</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1994</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#save-and-load-grid-settings" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="data-parameter---assign-collection">Data parameter - Assign collection<a href="#data-parameter---assign-collection" class="hash-link" aria-label="Direct link to Data parameter - Assign collection" title="Direct link to Data parameter - Assign collection">​</a></h3><p>Assign a collection to the <code>Data</code> parameter to render the grid dynamically. The example below will render different department employees in the individual grid.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Demo</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Models</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> department </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> departments</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">p</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">department</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token block csharp language-csharp html"> Employees:</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">p</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">department.Employees</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">Grid</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> grid</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Department</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> departments </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Department</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Department</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Product 1 - Research &amp; Development&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Department</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Product 2 - Research &amp; Development&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#data-parameter-assign-collection" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="data-parameter---update-collection">Data parameter - Update collection<a href="#data-parameter---update-collection" class="hash-link" aria-label="Direct link to Data parameter - Update collection" title="Direct link to Data parameter - Update collection">​</a></h3><p>Assign a collection to the <code>Data</code> parameter to render the grid dynamically. The example below will render different department employees in the individual grid.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Demo</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Models</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AddEmployee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Add Employee </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AddEmployee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Add Employee 2 </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">grid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employees</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">Grid</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> grid</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddEmployee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// for the same employees collection, we are adding an object</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// explicit grid refresh required</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">CreateEmployee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> grid</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RefreshDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddEmployee2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// creates a shallow copy</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> emps </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetRange</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        emps</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">CreateEmployee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// now employees variable has a new reference. So no need to refresh the grid explicitly</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// explicit grid refresh is not required</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> emps</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CreateEmployee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> emp </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Max</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">x </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> x</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Id</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">+</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">emp</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Id</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;QA Engineer </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">emp</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Id</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1970</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">25</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>The <strong>Add Employee</strong> button click adds a new employee to the existing <strong>employees</strong> collection—so explicit grid refresh is required.</p><p>The <strong>Add Employee 2</strong> button click creates a shallow copy of the <strong>employees</strong> collection and adds a new employee. This new collection is assigned to the <strong>employees</strong> variable. Now, the <strong>employees</strong> variable has a new reference. So the grid will refresh automatically. An explicit grid refresh call is not required.</p></div></div><p><a href="https://demos.blazorbootstrap.com/grid#data-parameter-update-collection" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="conditional-css-class-for-grid-row">Conditional css class for grid row<a href="#conditional-css-class-for-grid-row" class="hash-link" aria-label="Direct link to Conditional css class for grid row" title="Direct link to Conditional css class for grid row">​</a></h3><p>In the below example, we applied <code>table-danger</code> CSS class to the row where the employee is inactive and the <code>table-success</code> CSS class to the row where the employee designation is Architect.</p><img loading="lazy" src="https://i.imgur.com/TYW4VsK.png" alt="Blazor Bootstrap: Grid Component - Conditional css class for grid row" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">RowClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">GetRowClass</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRowClass</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IsActive</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;table-danger&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;table-success&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">string</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Empty</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#conditional-css-class-for-grid-row" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="conditional-css-class-for-grid-column">Conditional css class for grid column<a href="#conditional-css-class-for-grid-column" class="hash-link" aria-label="Direct link to Conditional css class for grid column" title="Direct link to Conditional css class for grid column">​</a></h3><p>In the below example, we applied <code>table-danger</code> CSS class to the Active column where the employee is inactive and the <code>table-success</code> CSS class to the Active column where the employee is active.</p><img loading="lazy" src="https://i.imgur.com/XlatgsB.png" alt="Blazor Bootstrap: Grid Component - Conditional css class for grid column" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ColumnClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">x </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> x</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;table-success&quot;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;table-danger&quot;</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#conditional-css-class-for-grid-column" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="column-class">Column class<a href="#column-class" class="hash-link" aria-label="Direct link to Column class" title="Direct link to Column class">​</a></h3><p>In the following example, the <code>Class</code> parameter is used to apply the CSS class to an entire grid column, including the header.</p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> employees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">employees </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            employees </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">employees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">107</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1998</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">11</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">103</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">106</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1995</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">4</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">104</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">6</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">false</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">105</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">23</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">102</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">101</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">113</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1989</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">10</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">2</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">117</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1994</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">108</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">109</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1996</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">7</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">111</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1994</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#colum-class" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="custom-column-headers">Custom column headers<a href="#custom-column-headers" class="hash-link" aria-label="Direct link to Custom column headers" title="Direct link to Custom column headers">​</a></h3><p>In the below example, we use <code>&lt;HeaderContent&gt;</code> and <code>&lt;ChildContent&gt;</code> tags to define custom column header and cell content. When defining header content, filters and sorting are removed from column.</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component - Custom column headers" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Filterable</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">false</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Sortable</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">false</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">      </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">HeaderContent</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Switch</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsAllChecked</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">      </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">HeaderContent</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">      </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ChildContent</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Switch</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">      </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ChildContent</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> IsAllChecked</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">All</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">e </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> e</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IsActive</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> Array</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ForEach</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToArray</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> e </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> e</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="selection">Selection<a href="#selection" class="hash-link" aria-label="Direct link to Selection" title="Direct link to Selection">​</a></h3><p>Set <code>AllowSelection=&quot;true&quot;</code> to enable the selection on the Grid. By default, SelectionMode is <strong>Single</strong>.</p><img loading="lazy" src="https://i.imgur.com/u1lV12d.png" alt="Blazor Bootstrap: Grid Component - Selection" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSelection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectedItemsChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnSelectedItemsChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Items Count: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">selectedEmployees</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Count</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Employees:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> emp </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> selectedEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;EmployeesDataProvider called...&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnSelectedItemsChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CompletedTask</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#selection" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="multiple-selection">Multiple selection<a href="#multiple-selection" class="hash-link" aria-label="Direct link to Multiple selection" title="Direct link to Multiple selection">​</a></h3><p>To select multiple rows, set <code>SelectionMode=&quot;GridSelectionMode.Multiple&quot;</code>.</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component - Multiple selection" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSelection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectionMode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">GridSelectionMode.Multiple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectedItemsChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnSelectedItemsChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Items Count: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">selectedEmployees</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Count</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Employees:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> emp </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> selectedEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;EmployeesDataProvider called...&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnSelectedItemsChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CompletedTask</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#multiple-selection" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable-selection">Disable selection<a href="#disable-selection" class="hash-link" aria-label="Direct link to Disable selection" title="Direct link to Disable selection">​</a></h3><p>We can disable the header checkbox or row level checkbox based on a condition.
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Grid</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Grid</h1><p>Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging &amp; sorting.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/kKNgo2I.png" alt="Blazor Bootstrap: Grid Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="grid-parameters">Grid Parameters<a href="#grid-parameters" class="hash-link" aria-label="Direct link to Grid Parameters" title="Direct link to Grid Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">AllowDetailView</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets a value indicating whether the grid detail view is enabled.</td><td align="left">3.0.0</td></tr><tr><td align="left">AllowFiltering</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the grid filtering.</td><td align="left">1.0.0</td></tr><tr><td align="left">AllowPaging</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the grid paging.</td><td align="left">1.0.0</td></tr><tr><td align="left">AllowRowClick</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the allow row click.</td><td align="left">1.9.5</td></tr><tr><td align="left">AllowSelection</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the grid selection.</td><td align="left">1.8.0</td></tr><tr><td align="left">AllowSorting</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the grid sorting.</td><td align="left">1.0.0</td></tr><tr><td align="left">AutoHidePaging</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Automatically hides the paging controls when the grid item count is less than or equal to the <code>PageSize</code> and this property is set to <code>true</code>.</td><td align="left">1.10.5</td></tr><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.0.0</td></tr><tr><td align="left">Data</td><td align="left"><code>IEnumerable&lt;TItem&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the grid data.</td><td align="left">1.4.3</td></tr><tr><td align="left">DataProvider</td><td align="left"><code>GridDataProviderDelegate&lt;TItem&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">DataProvider is for items to render. The provider should always return an instance of <code>GridDataProviderResult</code>, and <code>null</code> is not allowed.</td><td align="left">1.0.0</td></tr><tr><td align="left">DisableAllRowsSelection</td><td align="left"><code>Func&lt;IEnumerable&lt;TItem&gt;, bool&gt;?</code></td><td align="left"></td><td align="left"></td><td align="left">Enable or disable the header checkbox selection.</td><td align="left">1.8.0</td></tr><tr><td align="left">DisableRowSelection</td><td align="left"><code>Func&lt;TItem, bool&gt;?</code></td><td align="left"></td><td align="left"></td><td align="left">Enable or disable the row level checkbox selection.</td><td align="left">1.8.0</td></tr><tr><td align="left">EmptyDataTemplate</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Template to render when there are no rows to display.</td><td align="left">1.0.0</td></tr><tr><td align="left">EmptyText</td><td align="left">string</td><td align="left"><code>No records to display</code></td><td align="left"></td><td align="left">Shows text on no records.</td><td align="left">1.0.0</td></tr><tr><td align="left">FiltersRowCssClass</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the filters row css class.</td><td align="left">1.9.2</td></tr><tr><td align="left">FiltersTranslationProvider</td><td align="left"><code>GridFiltersTranslationDelegate</code></td><td align="left">null</td><td align="left"></td><td align="left">Filters transalation is for grid filters to render. The provider should always return a &#x27;FilterOperatorInfo&#x27; collection, and &#x27;null&#x27; is not allowed.</td><td align="left">1.10.0</td></tr><tr><td align="left">FixedHeader</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the grid fixed header.</td><td align="left">1.10.3</td></tr><tr><td align="left">GridContainerClass</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the grid container css class.</td><td align="left">3.0.0</td></tr><tr><td align="left">GridContainerStyle</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the grid container css style.</td><td align="left">3.0.0</td></tr><tr><td align="left">HeaderRowCssClass</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the header row css class but not the thead tag class.</td><td align="left">1.9.2</td></tr><tr><td align="left">Height</td><td align="left">float</td><td align="left">320 pixels</td><td align="left"></td><td align="left">Gets or sets the grid height.</td><td align="left">1.10.3</td></tr><tr><td align="left">ItemsPerPageText</td><td align="left">string</td><td align="left"><code>Items per page</code></td><td align="left">✔️</td><td align="left">Gets or sets the items per page text.</td><td align="left">1.9.5</td></tr><tr><td align="left">PageSize</td><td align="left">int</td><td align="left">10</td><td align="left"></td><td align="left">Gets or sets the page size.</td><td align="left">1.0.0</td></tr><tr><td align="left">PageSizeSelectorItems</td><td align="left"><code>int[]</code></td><td align="left"><code>new int[] { 10, 20, 50 }</code></td><td align="left">✔️</td><td align="left">Gets or sets the page size selector items.</td><td align="left">1.8.0</td></tr><tr><td align="left">PageSizeSelectorVisible</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the page size selector visible.</td><td align="left">1.8.0</td></tr><tr><td align="left">PaginationItemsTextFormat</td><td align="left">string</td><td align="left"><code>{0} - {1} of {2} items</code></td><td align="left">✔️</td><td align="left">Gets or sets the pagination items text format.</td><td align="left">1.8.0</td></tr><tr><td align="left">Responsive</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets a value indicating whether Grid is responsive.</td><td align="left">1.0.0</td></tr><tr><td align="left">RowClass</td><td align="left"><code>Func&lt;TItem, string&gt;?</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the row class.</td><td align="left">1.6.0</td></tr><tr><td align="left">SelectionMode</td><td align="left"><code>GridSelectionMode</code></td><td align="left"><code>GridSelectionMode.Single</code></td><td align="left"></td><td align="left">Gets or sets the grid selection mode.</td><td align="left">1.8.0</td></tr><tr><td align="left">SettingsProvider</td><td align="left"><code>GridSettingsProviderDelegate</code></td><td align="left">null</td><td align="left"></td><td align="left">Settings are for the grid to render. The provider should always return an instance of &#x27;GridSettings&#x27;, and &#x27;null&#x27; is not allowed.</td><td align="left">1.0.0</td></tr><tr><td align="left">THeadCssClass</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the thead css class.</td><td align="left">1.10.3</td></tr><tr><td align="left">Unit</td><td align="left"><code>Unit</code></td><td align="left"><code>Unit.px</code></td><td align="left"></td><td align="left">Gets or sets the units.</td><td align="left">1.10.3</td></tr></tbody></table><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>IMPORTANT</div><div class="admonitionContent_S0QG"><p>Grid requires either <code>Data</code> or <code>DataProvider</code> parameter, but not both.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="grid-callback-events">Grid Callback Events<a href="#grid-callback-events" class="hash-link" aria-label="Direct link to Grid Callback Events" title="Direct link to Grid Callback Events">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">GridSettingsChanged</td><td align="left"><code>EventCallback&lt;GridSettings&gt;</code></td><td align="left">This event is fired when the grid state is changed.</td><td align="left">1.0.0</td></tr><tr><td align="left">OnRowClick</td><td align="left"><code>EventCallback&lt;GridRowEventArgs&lt;TItem&gt;&gt;</code></td><td align="left">This event is triggered when the user clicks on the row. Set AllowRowClick to true to enable row clicking.</td><td align="left">1.9.5</td></tr><tr><td align="left">OnRowDoubleClick</td><td align="left"><code>EventCallback&lt;GridRowEventArgs&lt;TItem&gt;&gt;</code></td><td align="left">This event is triggered when the user double clicks on the row. Set AllowRowClick to true to enable row double clicking.</td><td align="left">1.9.5</td></tr><tr><td align="left">SelectedItemsChanged</td><td align="left"><code>EventCallback&lt;HashSet&lt;TItem&gt;&gt;</code></td><td align="left">This event is fired when the items selection changed.</td><td align="left">1.8.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="grid-methods">Grid Methods<a href="#grid-methods" class="hash-link" aria-label="Direct link to Grid Methods" title="Direct link to Grid Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Return Type</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">GetFilters()</td><td align="left"><code>IEnumerable&lt;FilterItem&gt;</code></td><td align="left">Get filters.</td><td align="left">1.0.0</td></tr><tr><td align="left">RefreshDataAsync(CancellationToken cancellationToken = default)</td><td align="left">Task</td><td align="left">Refresh the grid data.</td><td align="left">1.0.0</td></tr><tr><td align="left">ResetPageNumber()</td><td align="left">ValueTask</td><td align="left">Reset the page number to 1 and refresh the grid.</td><td align="left">1.4.3</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="gridcolumn-parameters">GridColumn Parameters<a href="#gridcolumn-parameters" class="hash-link" aria-label="Direct link to GridColumn Parameters" title="Direct link to GridColumn Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.0.0</td></tr><tr><td align="left">ColumnClass</td><td align="left"><code>Func&lt;TItem, string&gt;?</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the column class.</td><td align="left">1.6.0</td></tr><tr><td align="left">Filterable</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">If true, filter is enabled. The filter is enabled or disabled based on the grid <code>AllowFiltering</code> parameter.</td><td align="left">1.0.0</td></tr><tr><td align="left">FilterButtonColor</td><td align="left"><code>ButtonColor</code></td><td align="left"><code>ButtonColor.Light</code></td><td align="left"></td><td align="left">Gets or sets the filter button color.</td><td align="left">3.0.0</td></tr><tr><td align="left">FilterButtonCSSClass</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the filter button CSS class.</td><td align="left">3.0.0</td></tr><tr><td align="left">FilterOperator</td><td align="left"><code>FilterOperator</code></td><td align="left"><code>FilterOperator.None</code></td><td align="left"></td><td align="left">Gets or sets the filter operator.</td><td align="left">1.0.0</td></tr><tr><td align="left">FilterTextboxWidth</td><td align="left">int</td><td align="left">0</td><td align="left"></td><td align="left">Gets or sets the filter textbox width in pixels.</td><td align="left">1.0.0</td></tr><tr><td align="left">FilterValue</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the filter value.</td><td align="left">1.0.0</td></tr><tr><td align="left">Freeze</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Indicates whether the column is frozen.</td><td align="left">1.10.4</td></tr><tr><td align="left">FreezeDirection</td><td align="left"><code>FreezeDirection</code></td><td align="left"><code>FreezeDirection.Left</code></td><td align="left"></td><td align="left">Gets or sets the freeze direction of the column.</td><td align="left">1.10.4</td></tr><tr><td align="left">FreezeLeftPosition</td><td align="left">double</td><td align="left">0</td><td align="left"></td><td align="left">Gets or sets the horizontal position of the column from left. It has no effect on non-positioned columns.</td><td align="left">1.10.4</td></tr><tr><td align="left">FreezeRightPosition</td><td align="left">double</td><td align="left">0</td><td align="left"></td><td align="left">Gets or sets the horizontal position of the column from right. It has no effect on non-positioned columns.</td><td align="left">1.10.4</td></tr><tr><td align="left">HeaderContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the header content.</td><td align="left">1.7.3</td></tr><tr><td align="left">HeaderText</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the table column header text.</td><td align="left">1.0.0</td></tr><tr><td align="left">HeaderTextAlignment</td><td align="left">enum</td><td align="left"><code>Alignment.Start</code></td><td align="left"></td><td align="left">Gets or sets the header text alignment. Use <code>Alignment.Start</code> or <code>Alignment.Center</code> or <code>Alignment.End</code>.</td><td align="left">1.0.0</td></tr><tr><td align="left">IsDefaultSortColumn</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the default sort column.</td><td align="left">1.0.0</td></tr><tr><td align="left">PropertyName</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the property name. This is required when <code>AllowFiltering</code> is true.</td><td align="left">1.0.0</td></tr><tr><td align="left">Sortable</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">Enable or disable the sorting on a specific column. The sorting is enabled or disabled based on the grid <code>AllowSorting</code> parameter.</td><td align="left">1.0.0</td></tr><tr><td align="left">SortDirection</td><td align="left"><code>SortDirection</code></td><td align="left"><code>SortDirection.None</code></td><td align="left"></td><td align="left">Gets or sets the default sort direction of a column. Use <code>SortDirection.Ascending</code> or <code>SortDirection.Descending</code></td><td align="left">1.0.0</td></tr><tr><td align="left">SortKeySelector</td><td align="left"><code>Expression&lt;Func&lt;TItem, IComparable&gt;&gt;</code></td><td align="left"></td><td align="left"></td><td align="left">Expression used for sorting.</td><td align="left">1.0.0</td></tr><tr><td align="left">SortString</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the column sort string. This string is passed to the backend/API for sorting. And it is ignored for client-side sorting.</td><td align="left">1.0.0</td></tr><tr><td align="left">StringComparison</td><td align="left"><code>StringComparison</code></td><td align="left"><code>StringComparison.OrdinalIgnoreCase</code></td><td align="left"></td><td align="left">Gets or sets the StringComparison. Use <code>StringComparison.CurrentCulture</code> or <code>StringComparison.CurrentCultureIgnoreCase</code> or <code>StringComparison.InvariantCulture</code> or <code>StringComparison.InvariantCultureIgnoreCase</code> or <code>StringComparison.Ordinal</code> or <code>StringComparison.OrdinalIgnoreCase</code>.</td><td align="left">1.0.0</td></tr><tr><td align="left">TextAlignment</td><td align="left"><code>Alignment</code></td><td align="left"><code>Alignment.Start</code></td><td align="left"></td><td align="left">Gets or sets the text alignment. Use <code>Alignment.Start</code> or <code>Alignment.Center</code> or <code>Alignment.End</code>.</td><td align="left">1.0.0</td></tr><tr><td align="left">TextNoWrap</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets text nowrap.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="gridsettings-properties">GridSettings Properties<a href="#gridsettings-properties" class="hash-link" aria-label="Direct link to GridSettings Properties" title="Direct link to GridSettings Properties">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">PageNumber</td><td align="left">int</td><td align="left"></td><td align="left"></td><td align="left">Page number.</td><td align="left">1.0.0</td></tr><tr><td align="left">PageSize</td><td align="left">int</td><td align="left"></td><td align="left"></td><td align="left">Size of the page.</td><td align="left">1.0.0</td></tr><tr><td align="left">Filters</td><td align="left"><code>IEnumerable&lt;FilterItem&gt;</code></td><td align="left"></td><td align="left"></td><td align="left">Current filters.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-filtering">Client side filtering<a href="#client-side-filtering" class="hash-link" aria-label="Direct link to Client side filtering" title="Direct link to Client side filtering">​</a></h3><p>For filtering, <code>AllowFiltering</code> and <code>PropertyName</code> parameters are required.
+Add <code>AllowFiltering=&quot;true&quot;</code> parameter to Grid and <code>PropertyName</code> parameter to all the GridColumns.</p><img loading="lazy" src="https://i.imgur.com/Clr8W11.png" alt="Blazor Bootstrap: Grid Component - Client side filtering" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">grid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/filters#client-side-filtering" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-filtering-with-string-comparision">Client side filtering with string comparision<a href="#client-side-filtering-with-string-comparision" class="hash-link" aria-label="Direct link to Client side filtering with string comparision" title="Direct link to Client side filtering with string comparision">​</a></h3><p>In the below example, <code>StringComparision.Ordinal</code> is used on the <strong>Employee Name</strong> column to make the filter case-sensitive.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>By default, <code>StringComparison.OrdinalIgnoreCase</code> is used to compare culture-agnostic and case-insensitive string matching.</p></div></div><img loading="lazy" src="https://i.imgur.com/yLzUB8I.png" alt="Blazor Bootstrap: Grid Component - Client side filtering with string comparision" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">StringComparison</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">StringComparison.Ordinal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/filters#client-side-filtering-with-string-comparision" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-paging">Client side paging<a href="#client-side-paging" class="hash-link" aria-label="Direct link to Client side paging" title="Direct link to Client side paging">​</a></h3><p>For paging, <code>AllowPaging</code> and <code>PageSize</code> parameters are required.
+Add <code>AllowPaging=&quot;true&quot;</code> and <code>PageSize=&quot;20&quot;</code> parameters to the Grid. <code>PageSize</code> parameter is optional. </p><img loading="lazy" src="https://i.imgur.com/WXwUqgX.png" alt="Blazor Bootstrap: Grid Component - Client side paging" class="img_ev3q"><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>INFO</div><div class="admonitionContent_S0QG"><p>The default page size is 10.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/paging#client-side-paging" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-sorting">Client side sorting<a href="#client-side-sorting" class="hash-link" aria-label="Direct link to Client side sorting" title="Direct link to Client side sorting">​</a></h3><p>For sorting, <code>AllowSorting</code> and <code>SortKeySelector</code> parameters are required.
+Add <code>AllowSorting=&quot;true&quot;</code> parameter to Grid and <code>SortKeySelector</code> to all the GridColumns.</p><img loading="lazy" src="https://i.imgur.com/wkIWG5S.png" alt="Blazor Bootstrap: Grid Component - Client side sorting" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/sorting#client-side-sorting" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-filtering-paging-and-sorting">Client side filtering, paging, and sorting<a href="#client-side-filtering-paging-and-sorting" class="hash-link" aria-label="Direct link to Client side filtering, paging, and sorting" title="Direct link to Client side filtering, paging, and sorting">​</a></h3><img loading="lazy" src="https://i.imgur.com/wZ0cQiO.png" alt="Blazor Bootstrap: Grid Component - Client side filtering, paging, and sorting" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSelection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectionMode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">GridSelectionMode.Multiple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectedItemsChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnSelectedItemsChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Items Count: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">selectedEmployees</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Count</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Employees:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> emp </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> selectedEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnSelectedItemsChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CompletedTask</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/overview#client-side-filtering-paging-sorting" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="set-default-filter">Set default filter<a href="#set-default-filter" class="hash-link" aria-label="Direct link to Set default filter" title="Direct link to Set default filter">​</a></h3><p><code>FilterOperator</code> and <code>FilterValue</code> parameters are required to set the default filter. </p><img loading="lazy" src="https://i.imgur.com/jog5EA4.png" alt="Blazor Bootstrap: Grid Component - Set default filter" class="img_ev3q"><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>TIP</div><div class="admonitionContent_S0QG"><p>You can set the default filter on more than one GridColumn.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterOperator</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FilterOperator.GreaterThanOrEquals</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">105</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/filters#set-default-filter" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable-specific-column-filter">Disable specific column filter<a href="#disable-specific-column-filter" class="hash-link" aria-label="Direct link to Disable specific column filter" title="Direct link to Disable specific column filter">​</a></h3><p><code>Filterable</code> parameter is required to disable the filter on a specific column.
+Add <code>Filterable=&quot;false&quot;</code> parameter to GridColumn. The column filter is disabled on the Id column in the below example.</p><img loading="lazy" src="https://i.imgur.com/oGeA4VO.png" alt="Blazor Bootstrap: Grid Component - Disable specific column filter" class="img_ev3q"><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>INFO</div><div class="admonitionContent_S0QG"><p>By default, <code>Filterable=&quot;true&quot;</code> on all the columns if the <code>AllowFiltering</code> parameter is set to <code>true</code> on the grid.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Filterable</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">false</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Filterable</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">false</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/filters#disable-specific-column-filter" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="increase-filter-textbox-width">Increase filter textbox width<a href="#increase-filter-textbox-width" class="hash-link" aria-label="Direct link to Increase filter textbox width" title="Direct link to Increase filter textbox width">​</a></h3><p>Add <code>FilterTextboxWidth</code> parameter to the GridColumn to increase or decrease the filter textbox width, <code>FilterTextboxWidth</code> parameter is optional.</p><img loading="lazy" src="https://i.imgur.com/eWXiHr0.png" alt="Blazor Bootstrap: Grid Component - Increase filter textbox width" class="img_ev3q"><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Filter textbox width measured in pixels.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">First Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FirstName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FirstName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Last Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">LastName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">LastName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Email</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Company</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextNoWrap</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Company</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Company</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextNoWrap</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Salary</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp function" style="color:rgb(220, 220, 170)">ToString</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token value variable csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;N2&quot;</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Reddy&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;alice@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7700</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Roy&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;bob@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Papa&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;john@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Two&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;pop@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Dire&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;ronald@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">16500.50M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;K&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;line@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">24000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Potter&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;daniel@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">21000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Simmons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;zayne@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17850</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Davison&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;isha@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/filters#increase-filter-textbox-width" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="server-side-filtering-paging-and-sorting">Server side filtering, paging and sorting<a href="#server-side-filtering-paging-and-sorting" class="hash-link" aria-label="Direct link to Server side filtering, paging and sorting" title="Direct link to Server side filtering, paging and sorting">​</a></h3><img loading="lazy" src="https://i.imgur.com/xHVXTew.png" alt="Blazor Bootstrap: Grid Component - Server side filtering, paging and sorting" class="img_ev3q"><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>For server-side sorting, we need the <code>SortString</code> parameter on GridColumn along with the <code>SortKeySelector</code> parameter.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerId</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Phone</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">120</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Email</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">150</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Address</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Postal Zip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">PostalZip</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Country</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name" style="color:rgb(78, 201, 176)">SortDirection</span><span class="token plain"> sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">None</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// Note: Multi column sorting is not supported at this moment</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> result </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomersAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filters</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageNumber</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageSize</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item2 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/overview#server-side-filtering-paging-sorting" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="set-default-sorting">Set default sorting<a href="#set-default-sorting" class="hash-link" aria-label="Direct link to Set default sorting" title="Direct link to Set default sorting">​</a></h3><p><code>IsDefaultSortColumn</code> parameter is required to set the default sorting. Add <code>IsDefaultSortColumn=&quot;true&quot;</code> parameter to the GridColumn.
+The default sort direction will be <strong>ascending</strong>. To change the default sorting of a column, add <code>SortDirection=&quot;SortDirection.Descending&quot;</code> to the GridColumn.</p><img loading="lazy" src="https://i.imgur.com/WxULPS6.png" alt="Blazor Bootstrap: Grid Component - Set default sorting" class="img_ev3q"><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>INFO</div><div class="admonitionContent_S0QG"><p>If more than one GridColumn has the <code>IsDefaultSortColumn</code> paramter, it will pick the first column as the default sorting column.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsDefaultSortColumn</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortDirection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SortDirection.Descending</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/sorting#set-default-sorting" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable-specific-column-sorting">Disable specific column sorting<a href="#disable-specific-column-sorting" class="hash-link" aria-label="Direct link to Disable specific column sorting" title="Direct link to Disable specific column sorting">​</a></h3><p>Add <code>Sortable=&quot;false&quot;</code> parameter the GridColumn to disable the sorting. </p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>INFO</div><div class="admonitionContent_S0QG"><p>If sorting is disabled, then the <code>SortKeySelector</code> parameter is not required.</p></div></div><p>The sorting is disabled on the Designation column in the below example.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Sortable</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">false</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> item</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/sorting#disable-specific-column-sorting" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="header-text-alignment">Header text alignment<a href="#header-text-alignment" class="hash-link" aria-label="Direct link to Header text alignment" title="Direct link to Header text alignment">​</a></h3><p>Use the <code>HeaderTextAlignment</code> parameter to change the header column alignment.
+By default, <code>HeaderTextAlignment</code> is set to Alignment.Start. Other options you can use are <code>Alignment.Center</code> and <code>Alignment.End</code>.</p><img loading="lazy" src="https://i.imgur.com/gWgIESD.png" alt="Blazor Bootstrap: Grid Component - Header text alignment" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/alignment#header-text-alignment" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="cell-alignment">Cell alignment<a href="#cell-alignment" class="hash-link" aria-label="Direct link to Cell alignment" title="Direct link to Cell alignment">​</a></h3><p>Use the <code>TextAlignment</code> parameter to change the cell data alignment.
+By default, <code>TextAlignment</code> is set to <code>Alignment.Start</code>. Other options you can use are <code>Alignment.Center</code> and <code>Alignment.End</code>.</p><img loading="lazy" src="https://i.imgur.com/0OKp4yd.png" alt="Blazor Bootstrap: Grid Component - Cell alignment" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Salary</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7700</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">16500.50M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">24000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">21000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17850</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/alignment#cell-alignment" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="cell-formating">Cell formating<a href="#cell-formating" class="hash-link" aria-label="Direct link to Cell formating" title="Direct link to Cell formating">​</a></h3><p>To format the cell data, use <code>ToString()</code> method and format strings. Refer: <a href="https://docs.microsoft.com/en-us/dotnet/standard/base-types/formatting-types" target="_blank" rel="noopener noreferrer">How to format numbers, dates, enums, and other types in .NET</a></p><img loading="lazy" src="https://i.imgur.com/MitfasL.png" alt="Blazor Bootstrap: Grid Component - Cell formating" class="img_ev3q"><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>EXAMPLE</div><div class="admonitionContent_S0QG"><p>@context.Salary.ToString(&quot;N2&quot;)</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Salary</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp function" style="color:rgb(220, 220, 170)">ToString</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token value variable csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;N2&quot;</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7700</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">16500.50M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">24000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">21000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17850</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/other#cell-formating" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="cell-nowrap">Cell nowrap<a href="#cell-nowrap" class="hash-link" aria-label="Direct link to Cell nowrap" title="Direct link to Cell nowrap">​</a></h3><p>To prevent text from wrapping, add <code>TextNoWrap=&quot;true&quot;</code> parameter to the GridColumn.</p><img loading="lazy" src="https://i.imgur.com/Wzc3AUF.png" alt="Blazor Bootstrap: Grid Component - Cell nowrap" class="img_ev3q"><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>TIP</div><div class="admonitionContent_S0QG"><p>Add <code>Responsive=&quot;true&quot;</code> parameter to the grid to enable horizontal scrolling.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">First Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FirstName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">First Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">LastName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Email</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Company</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextNoWrap</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Company</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextNoWrap</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Salary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Salary</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp function" style="color:rgb(220, 220, 170)">ToString</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token value variable csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;N2&quot;</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Reddy&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;alice@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7700</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Roy&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;bob@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Papa&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;john@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Two&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;pop@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">19000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Dire&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;ronald@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">16500.50M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;K&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;line@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">24000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Potter&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;daniel@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">21000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Simmons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;zayne@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17850</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FirstName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> LastName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Davison&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Email </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;isha@blazorbootstrap.com&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Company </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;BlazorBootstrap Company&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Salary </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/other#cell-nowrap" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="empty-data">Empty data<a href="#empty-data" class="hash-link" aria-label="Direct link to Empty data" title="Direct link to Empty data">​</a></h3><p>If there are no records to display in the Grid, by default, it will display the <strong>No records to display</strong> message.
+You can change this message by adding the <code>EmptyText</code> parameter to the Grid.</p><img loading="lazy" src="https://i.imgur.com/cLuvfmD.png" alt="Blazor Bootstrap: Grid Component - Empty data" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EmptyText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">No records to display</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">First Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FirstName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Last Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">LastName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/other#empty-data" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="empty-data-template">Empty data template<a href="#empty-data-template" class="hash-link" aria-label="Direct link to Empty data template" title="Direct link to Empty data template">​</a></h3><p>Set the <code>GridEmptyDataTemplate</code> to customize the message displayed when the grid has no records.</p><img loading="lazy" src="https://i.imgur.com/18zUnNa.png" alt="Blazor Bootstrap: Grid Component - Empty data template" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">First Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FirstName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Last Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">LastName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridTemplates</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridEmptyDataTemplate</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">svg</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">clip-rule</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">evenodd</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">fill-rule</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">evenodd</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">height</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">128</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">stroke-linejoin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">round</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">stroke-miterlimit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">viewBox</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0 0 64 64</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">128</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">xmlns</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">http://www.w3.org/2000/svg</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name namespace" style="color:rgb(156, 220, 254)">xmlns:</span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">xlink</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">http://www.w3.org/1999/xlink</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fi_7486754</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">lg1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">offset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">stop-color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#cadcf0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">offset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">stop-color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#a4bbdb</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_Linear1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientTransform</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">matrix(40 0 0 25.912 12 48.573)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientUnits</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">userSpaceOnUse</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name namespace" style="color:rgb(156, 220, 254)">xlink:</span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#lg1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">lg2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">offset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">stop-color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#a4bbdb</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">offset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">stop-color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#8da3be</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_Linear2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientTransform</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">matrix(20.086 0 0 25.912 31.914 48.573)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientUnits</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">userSpaceOnUse</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name namespace" style="color:rgb(156, 220, 254)">xlink:</span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#lg2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">lg3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">offset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">stop-color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#e9f3fc</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">offset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">stop-color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#cadcf0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_Linear3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientTransform</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">matrix(14.679 14.768 -21.492 8.973 12.133 35.609)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientUnits</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">userSpaceOnUse</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name namespace" style="color:rgb(156, 220, 254)">xlink:</span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#lg3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">.337</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_Linear4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientTransform</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">matrix(25.743 1.634 -3.837 17.203 32.081 42.038)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientUnits</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">userSpaceOnUse</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name namespace" style="color:rgb(156, 220, 254)">xlink:</span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#lg3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">.227</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_Linear5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientTransform</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">matrix(20.007 -6.501 5.236 7.762 9.382 31.736)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientUnits</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">userSpaceOnUse</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name namespace" style="color:rgb(156, 220, 254)">xlink:</span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#lg3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">-.619</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_Linear6</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientTransform</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">matrix(15.249 13.945 -20.61 7.651 37.354 21.357)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientUnits</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">userSpaceOnUse</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name namespace" style="color:rgb(156, 220, 254)">xlink:</span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#lg3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">.429</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_Linear7</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientTransform</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">matrix(40 0 0 13 12 35.606)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientUnits</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">userSpaceOnUse</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name namespace" style="color:rgb(156, 220, 254)">xlink:</span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#lg1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_Linear8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientTransform</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">matrix(.431 16.153 -16.153 .431 34.048 28.815)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientUnits</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">userSpaceOnUse</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name namespace" style="color:rgb(156, 220, 254)">xlink:</span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#lg2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_Linear9</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientTransform</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">matrix(19.724 23.273 -23.273 19.724 20.991 6.831)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientUnits</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">userSpaceOnUse</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">offset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">stop-color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#559aff</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">offset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">stop-color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#2e69ef</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">stop</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_Linear18</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientTransform</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">matrix(6.695 0 0 4.448 30.933 4.607)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientUnits</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">userSpaceOnUse</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name namespace" style="color:rgb(156, 220, 254)">xlink:</span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#lg3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_Linear19</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientTransform</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">matrix(6.695 0 0 -4.448 30.933 10.607)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">gradientUnits</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">userSpaceOnUse</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">x2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name namespace" style="color:rgb(156, 220, 254)">xlink:</span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#lg3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y1</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">y2</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">linearGradient</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">g</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Exp-3.-G</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m52 35.617h-40v18.512c0 .883.579 1.662 1.425 1.916 4.019 1.205 15.321 4.596 18 5.4.375.112.775.112 1.15 0 2.679-.804 13.981-4.195 18-5.4.846-.254 1.425-1.033 1.425-1.916 0-4.636 0-18.512 0-18.512z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">url(#_Linear1)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m52 35.617h-20s-.194 25.912 0 25.912.387-.028.575-.084c2.679-.804 13.981-4.195 18-5.4.846-.254 1.425-1.033 1.425-1.916 0-4.636 0-18.512 0-18.512z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">url(#_Linear2)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m32 42.106-20-6.489s-3.507 5.2-5.075 7.524c-.176.261-.219.588-.117.885.103.297.338.528.637.626 3.799 1.234 15.045 4.888 17.995 5.846.423.138.887-.021 1.137-.39 1.341-1.979 5.423-8.002 5.423-8.002z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">url(#_Linear3)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m52 35.617-20 6.489s4.082 6.023 5.423 8.002c.25.369.714.528 1.137.39 2.95-.958 14.196-4.612 17.995-5.846.299-.098.534-.329.637-.626.102-.297.059-.624-.117-.885-1.568-2.324-5.075-7.524-5.075-7.524z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">url(#_Linear4)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m27.159 21.986c-.25-.367-.713-.526-1.136-.388-2.948.957-14.197 4.612-17.996 5.847-.299.097-.535.328-.637.625s-.059.625.117.885c1.444 2.142 4.493 6.662 4.493 6.662l20-6.511s-3.592-5.283-4.841-7.12z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">url(#_Linear5)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m56.493 28.955c.176-.26.219-.588.117-.885s-.338-.528-.637-.625c-3.799-1.235-15.048-4.89-17.996-5.847-.423-.138-.886.021-1.136.388-1.249 1.837-4.841 7.12-4.841 7.12l20 6.511s3.049-4.52 4.493-6.662z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">url(#_Linear6)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m52 35.617-20-6.511-20 6.511 20 6.489z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">url(#_Linear7)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m32 42.106v-13l-20 6.511z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">url(#_Linear8)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">g</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">url(#_Linear9)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m27.982 31.978c-.416-.272-.791-.563-1.124-.868-.406-.373-1.039-.346-1.413.061-.373.406-.346 1.039.061 1.412.409.376.87.734 1.382 1.069.462.302 1.082.172 1.384-.29s.172-1.082-.29-1.384z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m24.866 28.906c-.297-.403-.548-.808-.754-1.213-.25-.492-.853-.688-1.345-.438s-.688.853-.438 1.345c.254.498.562.997.927 1.492.327.444.953.539 1.398.212.444-.328.539-.954.212-1.398z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m23.404 24.825c.01-.403.069-.794.177-1.169.152-.53-.155-1.085-.686-1.237-.53-.152-1.085.155-1.237.686-.153.536-.239 1.095-.254 1.67-.013.552.423 1.011.975 1.024.552.014 1.011-.422 1.025-.974z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m24.942 21.485c.257-.238.545-.458.86-.657.467-.295.607-.913.313-1.379-.295-.467-.913-.607-1.38-.313-.423.267-.807.562-1.152.882-.405.375-.429 1.008-.054 1.413s1.008.429 1.413.054z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m28.661 19.76c.503-.093 1.036-.153 1.598-.176.552-.024.98-.491.957-1.042s-.49-.98-1.042-.957c-.66.028-1.286.099-1.877.208-.542.101-.902.623-.801 1.165.1.543.622.902 1.165.802z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m33.873 19.701c.853.01 1.647-.02 2.384-.085.55-.049.957-.535.908-1.085-.049-.549-.535-.956-1.085-.907-.675.059-1.402.087-2.184.077-.552-.006-1.005.437-1.011.988-.007.552.436 1.006.988 1.012z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m39.544 19.003c.99-.303 1.826-.691 2.526-1.136.465-.297.603-.915.306-1.381-.296-.465-.915-.603-1.381-.306-.563.358-1.238.666-2.036.91-.527.162-.825.721-.663 1.249.161.528.721.825 1.248.664z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m44.634 15.068c.472-.976.653-2.008.607-3.003-.026-.552-.495-.978-1.046-.952s-.978.494-.952 1.045c.032.676-.09 1.377-.41 2.04-.24.497-.032 1.096.465 1.336s1.096.031 1.336-.466z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m43.997 8.529c-.729-.985-1.718-1.671-2.796-1.892-.541-.11-1.07.238-1.181.779-.11.541.239 1.07.779 1.181.622.127 1.17.554 1.591 1.123.329.443.956.536 1.399.208.444-.329.537-.956.208-1.399z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">g</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m30.933 6.831c1.082-6.127 10.459-5.731 5 0z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">url(#_Linear18)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m30.933 8.383c1.082 6.126 10.459 5.731 5 0z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">url(#_Linear19)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">d</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m30.843 8.617h6.696c.552 0 1-.448 1-1s-.448-1-1-1h-6.696c-.551 0-1 .448-1 1s.449 1 1 1z</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">url(#_Linear9)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">path</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">g</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">svg</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridEmptyDataTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridTemplates</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/other#empty-data-template" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="save-and-load-grid-settings">Save and Load Grid Settings<a href="#save-and-load-grid-settings" class="hash-link" aria-label="Direct link to Save and Load Grid Settings" title="Direct link to Save and Load Grid Settings">​</a></h3><p>This example shows how to save/load the Grid state. The state includes the page number, page size, and filters.</p><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>IMPORTANT</div><div class="admonitionContent_S0QG"><p>Saving the Grid&#x27;s sorting state as part of GridSettings is not yet supported. This functionality will be included in future releases.</p></div></div><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Browser local storage is used to persist the Grid state. Common locations exist for persisting state are <strong>Server-side storage</strong>, <strong>URL</strong>, <strong>Browser storage</strong>, and <strong>In-memory state container service</strong>.</p></div></div><img loading="lazy" src="https://i.imgur.com/weFYVWA.png" alt="Blazor Bootstrap: Grid Component - Save and Load Grid Settings" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Text</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Json</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">grid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">GridSettingsChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnGridSettingsChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SettingsProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">GridSettingsProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterOperator</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FilterOperator.GreaterThanOrEquals</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">109</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">BlazorBootstrap</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Grid</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> grid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> employees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IJSRuntime</span><span class="token block csharp language-csharp"> JS </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">employees </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            employees </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">employees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnGridSettingsChanged</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">GridSettings</span><span class="token block csharp language-csharp"> settings</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">settings </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// NOTE: enable below two lines, if you want to set default values for PageNumber and PageSize all the time.</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">//settings.PageNumber = 1;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">//settings.PageSize = 10;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> JS</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">InvokeVoidAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;window.localStorage.setItem&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;grid-settings&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> JsonSerializer</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Serialize</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">settings</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">GridSettings</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GridSettingsProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> settingsJson </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> JS</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp generic-method function" style="color:rgb(220, 220, 170)">InvokeAsync</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp generic-method generic class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;window.localStorage.getItem&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;grid-settings&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">IsNullOrWhiteSpace</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">settingsJson</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> settings </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> JsonSerializer</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp generic-method function" style="color:rgb(220, 220, 170)">Deserialize</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp generic-method generic class-name" style="color:rgb(78, 201, 176)">GridSettings</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">settingsJson</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">settings </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> settings</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">107</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1998</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">11</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">103</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">106</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1995</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">4</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">104</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">6</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">false</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">105</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">23</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">102</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">101</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">113</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1989</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">10</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">2</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">117</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1994</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">108</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">109</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1996</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">7</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">111</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1994</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/settings#save-and-load-grid-settings" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="data-parameter---assign-collection">Data parameter - Assign collection<a href="#data-parameter---assign-collection" class="hash-link" aria-label="Direct link to Data parameter - Assign collection" title="Direct link to Data parameter - Assign collection">​</a></h3><p>Assign a collection to the <code>Data</code> parameter to render the grid dynamically. The example below will render different department employees in the individual grid.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Demo</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Models</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> department </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> departments</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">p</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">department</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token block csharp language-csharp html"> Employees:</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">p</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">          </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">table table-hover border-top</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">          </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">department.Employees</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                </span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                </span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                </span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                </span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                </span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Department</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> departments </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Department</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Department</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Product 1 - Research &amp; Development&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Department</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Product 2 - Research &amp; Development&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/data-binding#data-parameter-assign-collection" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="data-parameter---update-collection">Data parameter - Update collection<a href="#data-parameter---update-collection" class="hash-link" aria-label="Direct link to Data parameter - Update collection" title="Direct link to Data parameter - Update collection">​</a></h3><p>Assign a collection to the <code>Data</code> parameter to render the grid dynamically. The example below will render different department employees in the individual grid.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AddEmployee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Add Employee </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AddEmployee2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Add Employee 2 </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">grid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employees</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">Grid</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> grid </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddEmployee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// for the same employees collection, we are adding an object</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// explicit grid refresh required</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">CreateEmployee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> grid</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RefreshDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddEmployee2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// creates a shallow copy</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> emps </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetRange</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        emps</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">CreateEmployee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// now employees variable has a new reference. So no need to refresh the grid explicitly</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// explicit grid refresh is not required</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> emps</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CreateEmployee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> emp </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Max</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">x </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> x</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Id</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">+</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">emp</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Id</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;QA Engineer </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">emp</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Id</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1970</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">25</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>The <strong>Add Employee</strong> button click adds a new employee to the existing <strong>employees</strong> collection—so explicit grid refresh is required.</p><p>The <strong>Add Employee 2</strong> button click creates a shallow copy of the <strong>employees</strong> collection and adds a new employee. This new collection is assigned to the <strong>employees</strong> variable. Now, the <strong>employees</strong> variable has a new reference. So the grid will refresh automatically. An explicit grid refresh call is not required.</p></div></div><p><a href="https://demos.blazorbootstrap.com/grid/data-binding#data-parameter-update-collection" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="conditional-css-class-for-grid-row">Conditional css class for grid row<a href="#conditional-css-class-for-grid-row" class="hash-link" aria-label="Direct link to Conditional css class for grid row" title="Direct link to Conditional css class for grid row">​</a></h3><p>In the below example, we applied <code>table-danger</code> CSS class to the row where the employee is inactive and the <code>table-success</code> CSS class to the row where the employee designation is Architect.</p><img loading="lazy" src="https://i.imgur.com/TYW4VsK.png" alt="Blazor Bootstrap: Grid Component - Conditional css class for grid row" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">RowClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">GetRowClass</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRowClass</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IsActive</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;table-danger&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;table-success&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">string</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Empty</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/custom-css-class#conditional-css-class-for-grid-row" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="conditional-css-class-for-grid-column">Conditional css class for grid column<a href="#conditional-css-class-for-grid-column" class="hash-link" aria-label="Direct link to Conditional css class for grid column" title="Direct link to Conditional css class for grid column">​</a></h3><p>In the below example, we applied <code>table-danger</code> CSS class to the Active column where the employee is inactive and the <code>table-success</code> CSS class to the Active column where the employee is active.</p><img loading="lazy" src="https://i.imgur.com/XlatgsB.png" alt="Blazor Bootstrap: Grid Component - Conditional css class for grid column" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                    </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                    </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                    </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                    </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ColumnClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">x </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> x</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;table-success&quot;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;table-danger&quot;</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/custom-css-class#conditional-css-class-for-grid-column" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="column-class">Column class<a href="#column-class" class="hash-link" aria-label="Direct link to Column class" title="Direct link to Column class">​</a></h3><p>In the following example, the <code>Class</code> parameter is used to apply the CSS class to an entire grid column, including the header.</p><img loading="lazy" src="https://i.imgur.com/XG4Wv17.png" alt="Blazor Bootstrap: Grid Component - Column class" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> employees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">employees </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            employees </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">employees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">107</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1998</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">11</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">103</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">106</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1995</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">4</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">104</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">6</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">false</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">105</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">23</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">102</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">101</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">113</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1989</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">10</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">2</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">117</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1994</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">108</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">109</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1996</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">7</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">111</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1994</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/custom-css-class#colum-class" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="custom-column-headers">Custom column headers<a href="#custom-column-headers" class="hash-link" aria-label="Direct link to Custom column headers" title="Direct link to Custom column headers">​</a></h3><p>In the below example, we use <code>&lt;HeaderContent&gt;</code> and <code>&lt;ChildContent&gt;</code> tags to define custom column header and cell content. When defining header content, filters and sorting are removed from column.</p><img loading="lazy" src="https://i.imgur.com/yeTbaNT.png" alt="Blazor Bootstrap: Grid Component - Custom column headers" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Filterable</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">false</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Sortable</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">false</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">HeaderContent</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Switch</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsAllChecked</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">HeaderContent</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ChildContent</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Switch</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ChildContent</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> IsAllChecked</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">All</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">e </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> e</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IsActive</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">??</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> Array</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ForEach</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">ToArray</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> e </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> e</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;EmployeesDataProvider called...&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/other#custom-column-headers" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="selection">Selection<a href="#selection" class="hash-link" aria-label="Direct link to Selection" title="Direct link to Selection">​</a></h3><p>Set <code>AllowSelection=&quot;true&quot;</code> to enable the selection on the Grid. By default, SelectionMode is <strong>Single</strong>.</p><img loading="lazy" src="https://i.imgur.com/u1lV12d.png" alt="Blazor Bootstrap: Grid Component - Selection" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSelection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectedItemsChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnSelectedItemsChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Items Count: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">selectedEmployees</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Count</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Employees:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> emp </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> selectedEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;EmployeesDataProvider called...&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnSelectedItemsChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CompletedTask</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/selection#selection" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="multiple-selection">Multiple selection<a href="#multiple-selection" class="hash-link" aria-label="Direct link to Multiple selection" title="Direct link to Multiple selection">​</a></h3><p>To select multiple rows, set <code>SelectionMode=&quot;GridSelectionMode.Multiple&quot;</code>.</p><img loading="lazy" src="https://i.imgur.com/yzJETf8.png" alt="Blazor Bootstrap: Grid Component - Multiple selection" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSelection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectionMode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">GridSelectionMode.Multiple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectedItemsChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnSelectedItemsChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Items Count: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">selectedEmployees</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Count</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Employees:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> emp </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> selectedEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;EmployeesDataProvider called...&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnSelectedItemsChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CompletedTask</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Selected items are removed from the selection if they are not rendered after paging, sorting, filtering, etc.</p></div></div><p><a href="https://demos.blazorbootstrap.com/grid/selection#multiple-selection" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable-selection">Disable selection<a href="#disable-selection" class="hash-link" aria-label="Direct link to Disable selection" title="Direct link to Disable selection">​</a></h3><p>We can disable the header checkbox or row level checkbox based on a condition.
 For this, we have <code>DisableAllRowsSelection</code> and <code>DisableRowSelection</code> delegate parameters.
 In the below example, we disabled the header checkbox if any of the employee Id is less than 105.
-Also, disable check the row level checkbox if the employee Id is less than 105.</p><img loading="lazy" src="https://i.imgur.com/v0x4C16.png" alt="Blazor Bootstrap: Grid Component - Disable selection" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSelection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectionMode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">GridSelectionMode.Multiple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DisableAllRowsSelection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DisableAllRowsSelectionHandler</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DisableRowSelection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DisableRowSelectionHandler</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectedItemsChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnSelectedItemsChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Items Count: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">selectedEmployees</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Count</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Employees:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> emp </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> selectedEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">DisableAllRowsSelectionHandler</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">x </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> x</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Id </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// disable selection if EmployeeId &lt; 105</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">DisableRowSelectionHandler</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Id </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// disable selection if EmployeeId &lt; 105</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnSelectedItemsChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CompletedTask</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#disable-selection" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dynamic-page-size">Dynamic page size<a href="#dynamic-page-size" class="hash-link" aria-label="Direct link to Dynamic page size" title="Direct link to Dynamic page size">​</a></h3><img loading="lazy" src="https://user-images.githubusercontent.com/2337067/239613002-c7b4b6f6-be67-4f14-accc-b3dd390eb0f9.png" alt="Blazor Bootstrap: Grid Component - Dynamic page size" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">pageSize</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangeSize(5)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Grid Size 5</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangeSize(10)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Grid Size 10</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangeSize(15)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Grid Size 15</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> pageSize </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ChangeSize</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> size</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> pageSize </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> size</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#dynamic-page-size" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="page-size-selection">Page size selection<a href="#page-size-selection" class="hash-link" aria-label="Direct link to Page size selection" title="Direct link to Page size selection">​</a></h3><img loading="lazy" src="https://user-images.githubusercontent.com/2337067/239613340-3917f4fa-a252-4e5e-a3b5-27b83304cbc2.png" alt="Blazor Bootstrap: Grid Component - Page size selection" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSizeSelectorVisible</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSizeSelectorItems</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">10</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">20</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#page-size-selection" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="header-row-css-class">Header row css class<a href="#header-row-css-class" class="hash-link" aria-label="Direct link to Header row css class" title="Direct link to Header row css class">​</a></h3><img loading="lazy" src="https://i.imgur.com/KIqBefV.png" alt="Blazor Bootstrap: Grid Component - Header row css class" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-primary text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-primary text-white bg-opacity-75 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-success text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-success text-white bg-opacity-75 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#header-row-css-class" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="filters-row-css-class">Filters row css class<a href="#filters-row-css-class" class="hash-link" aria-label="Direct link to Filters row css class" title="Direct link to Filters row css class">​</a></h3><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="Blazor Bootstrap: Grid Component - Filters row css class" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-primary text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-primary text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-warning text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-warning text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-danger text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-danger text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-success text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-success text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-info text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-info text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-dark text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-dark text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-secondary text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-secondary text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#filters-row-css-class" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="row-click-event">Row click event<a href="#row-click-event" class="hash-link" aria-label="Direct link to Row click event" title="Direct link to Row click event">​</a></h3><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowRowClick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-primary text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnRowClick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnRowClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ModalService</span><span class="token plain"> ModalService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnRowClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridRowEventArgs</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> ModalService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ModalOption</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ModalType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Primary</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Event: Row Click&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Id: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">args</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Item</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Id</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">, Name: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">args</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Item</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Name</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#row-click-event" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="row-double-click-event">Row double click event<a href="#row-double-click-event" class="hash-link" aria-label="Direct link to Row double click event" title="Direct link to Row double click event">​</a></h3><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowRowClick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-danger text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnRowDoubleClick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnRowDoubleClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ModalService</span><span class="token plain"> ModalService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnRowDoubleClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridRowEventArgs</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> ModalService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ModalOption</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ModalType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Primary</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Event: Row Double Click&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Id: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">args</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Item</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Id</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">, Name: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">args</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Item</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Name</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#row-double-click-event" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="translations">Translations<a href="#translations" class="hash-link" aria-label="Direct link to Translations" title="Direct link to Translations">​</a></h3><p>In the example below, you will see translations related to pagination and filters in <strong>Dutch</strong>.</p><img loading="lazy" src="https://i.imgur.com/kKNgo2I.png" alt="Blazor Bootstrap: Grid Component - Translations" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-dark text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersTranslationProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">GridFiltersTranslationProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-dark text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSizeSelectorVisible</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSizeSelectorItems</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">10</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">20</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PaginationItemsTextFormat</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">{0} - {1} van {2} artikelen</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ItemsPerPageText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Artikelen per pagina</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">FilterOperatorInfo</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GridFiltersTranslationProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> filtersTranslation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">FilterOperatorInfo</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// number/date/boolean</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;=&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;gelijk aan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Equals</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;!=&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Niet gelijk&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NotEquals</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// number/date</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&lt;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Minder dan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LessThan</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&lt;=&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Kleiner dan of gelijk aan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LessThanOrEquals</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&gt;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Groter dan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">GreaterThan</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&gt;=&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Groter dan of gelijk aan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">GreaterThanOrEquals</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// string</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;*a*&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bevat&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Contains</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;a**&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Begint met&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">StartsWith</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;**a&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Eindigt met&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">EndsWith</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;=&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;gelijk aan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Equals</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// common</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;x&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Duidelijk&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Clear</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#translations" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="fixed-header">Fixed header<a href="#fixed-header" class="hash-link" aria-label="Direct link to Fixed header" title="Direct link to Fixed header">​</a></h3><p>To set the fixed header, set the <strong>FixedHeader</strong> parameter to <strong>true</strong>. The minimum height of the grid is <strong>320 pixels</strong>. You can change the units to em, pt, px, or etc. by setting the <strong>Unit</strong> parameter.</p><img loading="lazy" src="https://i.imgur.com/KRsQK6I.png" alt="Blazor Bootstrap: Grid Component - Fixed header" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">grid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FixedHeader</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Height</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">350</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Unit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Unit.px</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">BlazorBootstrap</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token class-name" style="color:rgb(78, 201, 176)">Grid</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> grid </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">110</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vijay&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1990</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#fixed-header" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="fixed-header-with-filters">Fixed header with filters<a href="#fixed-header-with-filters" class="hash-link" aria-label="Direct link to Fixed header with filters" title="Direct link to Fixed header with filters">​</a></h3><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="Blazor Bootstrap: Grid Component - Fixed header with filters" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)"></span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FixedHeader</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Unit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Unit.px</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerId</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Phone</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">120</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Email</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">150</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Address</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Postal Zip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">PostalZip</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeRightPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Country</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name" style="color:rgb(78, 201, 176)">SortDirection</span><span class="token plain"> sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">None</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// Note: Multi column sorting is not supported at this moment</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> result </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomersAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filters</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageNumber</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageSize</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item2 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#fixed-header-with-filters" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="freeze-columns">Freeze columns<a href="#freeze-columns" class="hash-link" aria-label="Direct link to Freeze columns" title="Direct link to Freeze columns">​</a></h3><img loading="lazy" src="https://i.imgur.com/1vRu0LU.png" alt="Blazor Bootstrap: Grid Component - Freeze columns" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered text-nowrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Unit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Unit.px</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeLeftPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerId</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeLeftPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">55.98</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Phone</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">120</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Email</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">150</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Address</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Postal Zip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">PostalZip</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeDirection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FreezeDirection.Right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeRightPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Country</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name" style="color:rgb(78, 201, 176)">SortDirection</span><span class="token plain"> sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">None</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// Note: Multi column sorting is not supported at this moment</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> result </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomersAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filters</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageNumber</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageSize</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item2 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#freeze-columns" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="freeze-columns-with-fixed-header">Freeze columns with fixed header<a href="#freeze-columns-with-fixed-header" class="hash-link" aria-label="Direct link to Freeze columns with fixed header" title="Direct link to Freeze columns with fixed header">​</a></h3><img loading="lazy" src="https://i.imgur.com/qIVCEKH.png" alt="Blazor Bootstrap: Grid Component - Freeze columns with fixed header" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered text-nowrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FixedHeader</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Unit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Unit.px</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeLeftPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerId</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeLeftPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">55.98</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Phone</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">120</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Email</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">150</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Address</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Postal Zip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">PostalZip</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeDirection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FreezeDirection.Right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeRightPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Country</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name" style="color:rgb(78, 201, 176)">SortDirection</span><span class="token plain"> sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">None</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// Note: Multi column sorting is not supported at this moment</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> result </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomersAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filters</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageNumber</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageSize</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item2 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#freeze-columns-with-fixed-header" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="freeze-columns-with-fixed-header-and-filters">Freeze columns with fixed header and filters<a href="#freeze-columns-with-fixed-header-and-filters" class="hash-link" aria-label="Direct link to Freeze columns with fixed header and filters" title="Direct link to Freeze columns with fixed header and filters">​</a></h3><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="Blazor Bootstrap: Grid Component - Freeze columns with fixed header and filters" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered text-nowrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FixedHeader</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Unit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Unit.px</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeLeftPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerId</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeLeftPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">131.95</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Phone</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">120</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Email</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">150</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Address</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeDirection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FreezeDirection.Right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeRightPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">171</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Postal Zip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">PostalZip</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeDirection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FreezeDirection.Right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeRightPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Country</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name" style="color:rgb(78, 201, 176)">SortDirection</span><span class="token plain"> sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">None</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// Note: Multi column sorting is not supported at this moment</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> result </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomersAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filters</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageNumber</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageSize</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item2 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#freeze-columns-with-fixed-header-and-filters" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="auto-hide-paging">Auto hide paging<a href="#auto-hide-paging" class="hash-link" aria-label="Direct link to Auto hide paging" title="Direct link to Auto hide paging">​</a></h3><p>Automatically hides the paging controls when the grid item count is less than or equal to the <code>PageSize</code> and this property is set to <code>true</code>.</p><img loading="lazy" src="https://i.imgur.com/YaOl8P2.png" alt="Blazor Bootstrap: Grid Component - Auto hide paging" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoHidePaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSizeSelectorVisible</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSizeSelectorItems</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">10</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">20</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> employees </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">employees </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            employees </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">employees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">107</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1998</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">11</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">103</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">106</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1995</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">4</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">104</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">6</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">false</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">105</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">23</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">102</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">101</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">113</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1989</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">10</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">2</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">117</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1994</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">108</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">109</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1996</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">7</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">111</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1994</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#auto-hide-paging" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="enum-filter">Enum filter<a href="#enum-filter" class="hash-link" aria-label="Direct link to Enum filter" title="Direct link to Enum filter">​</a></h3><img loading="lazy" src="https://i.imgur.com/eJ9tlTH.png" alt="Blazor Bootstrap: Grid Component - Enum filter" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">grid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">UsersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOB</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOB</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOB</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Status</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Status</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">170</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Status</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">BlazorBootstrap</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Grid</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> grid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> users </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token block csharp language-csharp"> firstRender</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">base</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">firstRender</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">UsersDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">users </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            users </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetUsers</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">users</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetUsers</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">107</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1998</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">11</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">106</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1995</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">4</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">104</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">6</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">105</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">23</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">VerificationPending </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">102</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">VerificationPending </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">101</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">108</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">109</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">110</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Vijay&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1990</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">7</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">record</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">class</span><span class="token block csharp language-csharp"> User</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">UserStatus</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">enum</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">UserStatus</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        Registered</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        VerificationPending</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        Verified</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#enum-filter" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="guid-filter">Guid filter<a href="#guid-filter" class="hash-link" aria-label="Direct link to Guid filter" title="Direct link to Guid filter">​</a></h3><img loading="lazy" src="https://i.imgur.com/0ZuKyGX.png" alt="Blazor Bootstrap: Grid Component - Guid filter" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">grid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">UsersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Oid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Oid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">240</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Oid</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">70</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOB</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOB</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOB</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Status</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Status</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">170</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Status</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">} showLineNumbers</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">BlazorBootstrap</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Grid</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> grid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> users </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token block csharp language-csharp"> firstRender</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">base</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">firstRender</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">UsersDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">users </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            users </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetUsers</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">users</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetUsers</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">107</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1998</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">11</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">106</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1995</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">4</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">104</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">6</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">105</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">23</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">VerificationPending </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">102</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">VerificationPending </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">101</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">108</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">109</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">110</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Vijay&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1990</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">7</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">record</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">class</span><span class="token block csharp language-csharp"> User</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Guid</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">UserStatus</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">enum</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">UserStatus</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        Registered</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        VerificationPending</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        Verified</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#guid-filter" target="_blank" rel="noopener noreferrer">See demo here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/grid.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/dropdown"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Dropdown</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/modal"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Modal</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#grid-parameters" class="table-of-contents__link toc-highlight">Grid Parameters</a></li><li><a href="#grid-callback-events" class="table-of-contents__link toc-highlight">Grid Callback Events</a></li><li><a href="#grid-methods" class="table-of-contents__link toc-highlight">Grid Methods</a></li><li><a href="#gridcolumn-parameters" class="table-of-contents__link toc-highlight">GridColumn Parameters</a></li><li><a href="#gridsettings-properties" class="table-of-contents__link toc-highlight">GridSettings Properties</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#client-side-filtering" class="table-of-contents__link toc-highlight">Client side filtering</a></li><li><a href="#client-side-filtering-with-string-comparision" class="table-of-contents__link toc-highlight">Client side filtering with string comparision</a></li><li><a href="#client-side-paging" class="table-of-contents__link toc-highlight">Client side paging</a></li><li><a href="#client-side-sorting" class="table-of-contents__link toc-highlight">Client side sorting</a></li><li><a href="#client-side-filtering-paging-and-sorting" class="table-of-contents__link toc-highlight">Client side filtering, paging, and sorting</a></li><li><a href="#set-default-filter" class="table-of-contents__link toc-highlight">Set default filter</a></li><li><a href="#disable-specific-column-filter" class="table-of-contents__link toc-highlight">Disable specific column filter</a></li><li><a href="#increase-filter-textbox-width" class="table-of-contents__link toc-highlight">Increase filter textbox width</a></li><li><a href="#server-side-filtering-paging-and-sorting" class="table-of-contents__link toc-highlight">Server side filtering, paging and sorting</a></li><li><a href="#set-default-sorting" class="table-of-contents__link toc-highlight">Set default sorting</a></li><li><a href="#disable-specific-column-sorting" class="table-of-contents__link toc-highlight">Disable specific column sorting</a></li><li><a href="#header-text-alignment" class="table-of-contents__link toc-highlight">Header text alignment</a></li><li><a href="#cell-alignment" class="table-of-contents__link toc-highlight">Cell alignment</a></li><li><a href="#cell-formating" class="table-of-contents__link toc-highlight">Cell formating</a></li><li><a href="#cell-nowrap" class="table-of-contents__link toc-highlight">Cell nowrap</a></li><li><a href="#pagination-alignment" class="table-of-contents__link toc-highlight">Pagination alignment</a></li><li><a href="#empty-data" class="table-of-contents__link toc-highlight">Empty data</a></li><li><a href="#save-and-load-grid-settings" class="table-of-contents__link toc-highlight">Save and Load Grid Settings</a></li><li><a href="#data-parameter---assign-collection" class="table-of-contents__link toc-highlight">Data parameter - Assign collection</a></li><li><a href="#data-parameter---update-collection" class="table-of-contents__link toc-highlight">Data parameter - Update collection</a></li><li><a href="#conditional-css-class-for-grid-row" class="table-of-contents__link toc-highlight">Conditional css class for grid row</a></li><li><a href="#conditional-css-class-for-grid-column" class="table-of-contents__link toc-highlight">Conditional css class for grid column</a></li><li><a href="#column-class" class="table-of-contents__link toc-highlight">Column class</a></li><li><a href="#custom-column-headers" class="table-of-contents__link toc-highlight">Custom column headers</a></li><li><a href="#selection" class="table-of-contents__link toc-highlight">Selection</a></li><li><a href="#multiple-selection" class="table-of-contents__link toc-highlight">Multiple selection</a></li><li><a href="#disable-selection" class="table-of-contents__link toc-highlight">Disable selection</a></li><li><a href="#dynamic-page-size" class="table-of-contents__link toc-highlight">Dynamic page size</a></li><li><a href="#page-size-selection" class="table-of-contents__link toc-highlight">Page size selection</a></li><li><a href="#header-row-css-class" class="table-of-contents__link toc-highlight">Header row css class</a></li><li><a href="#filters-row-css-class" class="table-of-contents__link toc-highlight">Filters row css class</a></li><li><a href="#row-click-event" class="table-of-contents__link toc-highlight">Row click event</a></li><li><a href="#row-double-click-event" class="table-of-contents__link toc-highlight">Row double click event</a></li><li><a href="#translations" class="table-of-contents__link toc-highlight">Translations</a></li><li><a href="#fixed-header" class="table-of-contents__link toc-highlight">Fixed header</a></li><li><a href="#fixed-header-with-filters" class="table-of-contents__link toc-highlight">Fixed header with filters</a></li><li><a href="#freeze-columns" class="table-of-contents__link toc-highlight">Freeze columns</a></li><li><a href="#freeze-columns-with-fixed-header" class="table-of-contents__link toc-highlight">Freeze columns with fixed header</a></li><li><a href="#freeze-columns-with-fixed-header-and-filters" class="table-of-contents__link toc-highlight">Freeze columns with fixed header and filters</a></li><li><a href="#auto-hide-paging" class="table-of-contents__link toc-highlight">Auto hide paging</a></li><li><a href="#enum-filter" class="table-of-contents__link toc-highlight">Enum filter</a></li><li><a href="#guid-filter" class="table-of-contents__link toc-highlight">Guid filter</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+Also, disable check the row level checkbox if the employee Id is less than 105.</p><img loading="lazy" src="https://i.imgur.com/v0x4C16.png" alt="Blazor Bootstrap: Grid Component - Disable selection" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSelection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectionMode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">GridSelectionMode.Multiple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DisableAllRowsSelection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DisableAllRowsSelectionHandler</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DisableRowSelection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DisableRowSelectionHandler</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectedItemsChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnSelectedItemsChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Items Count: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">selectedEmployees</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Count</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Employees:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> emp </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> selectedEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">DisableAllRowsSelectionHandler</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">x </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> x</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Id </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// disable selection if EmployeeId &lt; 105</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">DisableRowSelectionHandler</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> emp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Id </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// disable selection if EmployeeId &lt; 105</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnSelectedItemsChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CompletedTask</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/selection#disable-selection" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="change-selected-row-background-color">Change selected row background color<a href="#change-selected-row-background-color" class="hash-link" aria-label="Direct link to Change selected row background color" title="Direct link to Change selected row background color">​</a></h3><div class="language-css codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-css codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token variable" style="color:rgb(156, 220, 254)">--bb-table-selected-row-color</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token color function" style="color:rgb(220, 220, 170)">rgba</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token color number" style="color:rgb(181, 206, 168)">0</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token color"> </span><span class="token color number" style="color:rgb(181, 206, 168)">0</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token color"> </span><span class="token color number" style="color:rgb(181, 206, 168)">0</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token color"> </span><span class="token color number" style="color:rgb(181, 206, 168)">0.0725</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain"></span><span class="token variable" style="color:rgb(156, 220, 254)">--bb-table-selected-row-background-color</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token color function" style="color:rgb(220, 220, 170)">rgba</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token color number" style="color:rgb(181, 206, 168)">0</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token color"> </span><span class="token color number" style="color:rgb(181, 206, 168)">0</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token color"> </span><span class="token color number" style="color:rgb(181, 206, 168)">0</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token color"> </span><span class="token color number" style="color:rgb(181, 206, 168)">0.075</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain"></span><span class="token variable" style="color:rgb(156, 220, 254)">--bb-table-selected-row-hover-color</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token hexcode color">#000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain"></span><span class="token variable" style="color:rgb(156, 220, 254)">--bb-table-selected-row-hover-background-color</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token color function" style="color:rgb(220, 220, 170)">rgba</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token color number" style="color:rgb(181, 206, 168)">0</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token color"> </span><span class="token color number" style="color:rgb(181, 206, 168)">0</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token color"> </span><span class="token color number" style="color:rgb(181, 206, 168)">0</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token color"> </span><span class="token color number" style="color:rgb(181, 206, 168)">0.075</span><span class="token color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>These CSS variables are used to set the default colors and background color of a row when it&#x27;s selected.
+You can override the <code>--bb-table-selected-row-color</code>, <code>--bb-table-selected-row-background-color</code>, <code>--bb-table-selected-row-hover-color</code>, and <code>--bb-table-selected-row-hover-background-color</code> variables in the application&#x27;s specific CSS file to change the selected row&#x27;s appearance.
+Please see the following example where the row text color is set to <strong>#fff (white)</strong> and the background color is set to <strong>#4c0bce (purple)</strong> when the row is selected.</p><img loading="lazy" src="https://i.imgur.com/64kqzO6.png" alt="Blazor Bootstrap: Grid Component - Change selected row background color" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css variable" style="color:rgb(156, 220, 254)">--bb-table-selected-row-color</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)"> </span><span class="token tag special-attr attr-value value css language-css hexcode color" style="color:rgb(206, 145, 120)">#fff</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value value css language-css variable" style="color:rgb(156, 220, 254)">--bb-table-selected-row-background-color</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)"> </span><span class="token tag special-attr attr-value value css language-css hexcode color" style="color:rgb(206, 145, 120)">#4c0bce</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value value css language-css variable" style="color:rgb(156, 220, 254)">--bb-table-selected-row-hover-color</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)"> </span><span class="token tag special-attr attr-value value css language-css hexcode color" style="color:rgb(206, 145, 120)">#fff</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value value css language-css variable" style="color:rgb(156, 220, 254)">--bb-table-selected-row-hover-background-color</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)"> </span><span class="token tag special-attr attr-value value css language-css hexcode color" style="color:rgb(206, 145, 120)">#4c0bce</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSelection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectionMode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">GridSelectionMode.Multiple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SelectedItemsChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnSelectedItemsChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Items Count: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">selectedEmployees</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Count</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected Employees:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> emp </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> selectedEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">li</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ul</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;EmployeesDataProvider called...&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnSelectedItemsChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">HashSet</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        selectedEmployees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> employees </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CompletedTask</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dynamic-page-size">Dynamic page size<a href="#dynamic-page-size" class="hash-link" aria-label="Direct link to Dynamic page size" title="Direct link to Dynamic page size">​</a></h3><img loading="lazy" src="https://user-images.githubusercontent.com/2337067/239613002-c7b4b6f6-be67-4f14-accc-b3dd390eb0f9.png" alt="Blazor Bootstrap: Grid Component - Dynamic page size" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">pageSize</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangeSize(5)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page Size 5</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangeSize(10)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page Size 10</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangeSize(15)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page Size 15</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> pageSize </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ChangeSize</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> size</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> pageSize </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> size</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid#dynamic-page-size" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="page-size-selection">Page size selection<a href="#page-size-selection" class="hash-link" aria-label="Direct link to Page size selection" title="Direct link to Page size selection">​</a></h3><img loading="lazy" src="https://user-images.githubusercontent.com/2337067/239613340-3917f4fa-a252-4e5e-a3b5-27b83304cbc2.png" alt="Blazor Bootstrap: Grid Component - Page size selection" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSizeSelectorVisible</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSizeSelectorItems</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">10</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">20</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/paging#dynamic-page-size" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="header-row-css-class">Header row css class<a href="#header-row-css-class" class="hash-link" aria-label="Direct link to Header row css class" title="Direct link to Header row css class">​</a></h3><img loading="lazy" src="https://i.imgur.com/KIqBefV.png" alt="Blazor Bootstrap: Grid Component - Header row css class" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-primary text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-primary text-white bg-opacity-75 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-success text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-success text-white bg-opacity-75 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/custom-css-class#header-row-css-class" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="filters-row-css-class">Filters row css class<a href="#filters-row-css-class" class="hash-link" aria-label="Direct link to Filters row css class" title="Direct link to Filters row css class">​</a></h3><img loading="lazy" src="https://i.imgur.com/11SK9v4.png" alt="Blazor Bootstrap: Grid Component - Filters row css class" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-primary text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-primary text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-warning text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-warning text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-danger text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-danger text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-success text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-success text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-info text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-info text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-dark text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-dark text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-secondary text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-secondary text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/custom-css-class#filters-row-css-class" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="row-click-event">Row click event<a href="#row-click-event" class="hash-link" aria-label="Direct link to Row click event" title="Direct link to Row click event">​</a></h3><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowRowClick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-primary text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnRowClick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnRowClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ModalService</span><span class="token plain"> ModalService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnRowClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridRowEventArgs</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> ModalService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ModalOption</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ModalType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Primary</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Event: Row Click&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Id: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">args</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Item</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Id</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">, Name: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">args</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Item</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Name</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/events#row-click-event" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="row-double-click-event">Row double click event<a href="#row-double-click-event" class="hash-link" aria-label="Direct link to Row double click event" title="Direct link to Row double click event">​</a></h3><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowRowClick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-danger text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnRowDoubleClick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnRowDoubleClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ModalService</span><span class="token plain"> ModalService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnRowDoubleClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridRowEventArgs</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> ModalService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ModalOption</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ModalType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Primary</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Event: Row Double Click&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Id: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">args</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Item</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Id</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">, Name: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">args</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Item</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Name</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/events#row-double-click-event" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="translations">Translations<a href="#translations" class="hash-link" aria-label="Direct link to Translations" title="Direct link to Translations">​</a></h3><p>In the example below, you will see translations related to pagination and filters in <strong>Dutch</strong>.</p><img loading="lazy" src="https://i.imgur.com/kKNgo2I.png" alt="Blazor Bootstrap: Grid Component - Translations" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-dark text-white bg-opacity-25 border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FiltersTranslationProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">GridFiltersTranslationProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderRowCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bg-dark text-white border-bottom-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSizeSelectorVisible</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSizeSelectorItems</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">10</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">20</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PaginationItemsTextFormat</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">{0} - {1} van {2} artikelen</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ItemsPerPageText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Artikelen per pagina</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">FilterOperatorInfo</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GridFiltersTranslationProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> filtersTranslation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">FilterOperatorInfo</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// number/date/boolean</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;=&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;gelijk aan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Equals</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;!=&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Niet gelijk&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NotEquals</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// number/date</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&lt;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Minder dan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LessThan</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&lt;=&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Kleiner dan of gelijk aan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LessThanOrEquals</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&gt;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Groter dan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">GreaterThan</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&gt;=&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Groter dan of gelijk aan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">GreaterThanOrEquals</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// string</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;*a*&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bevat&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Contains</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;a**&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Begint met&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">StartsWith</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;**a&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Eindigt met&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">EndsWith</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;=&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;gelijk aan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Equals</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// common</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;x&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Duidelijk&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> FilterOperator</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Clear</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">filtersTranslation</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">103</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">113</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1989</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">117</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1996</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">111</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1994</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/translations" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="fixed-header">Fixed header<a href="#fixed-header" class="hash-link" aria-label="Direct link to Fixed header" title="Direct link to Fixed header">​</a></h3><p>To set the fixed header, set the <strong>FixedHeader</strong> parameter to <strong>true</strong>. The minimum height of the grid is <strong>320 pixels</strong>. You can change the units to em, pt, px, or etc. by setting the <strong>Unit</strong> parameter.</p><img loading="lazy" src="https://i.imgur.com/KRsQK6I.png" alt="Blazor Bootstrap: Grid Component - Fixed header" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">grid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FixedHeader</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Height</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">350</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Unit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Unit.Px</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">BlazorBootstrap</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token class-name" style="color:rgb(78, 201, 176)">Grid</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> grid </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">107</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1998</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">106</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1995</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">104</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1985</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">105</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">23</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">102</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">101</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1977</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">108</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1991</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">109</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">110</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vijay&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Designation </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> DOJ </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1990</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IsActive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/fixed-header#fixed-header" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="fixed-header-with-filters">Fixed header with filters<a href="#fixed-header-with-filters" class="hash-link" aria-label="Direct link to Fixed header with filters" title="Direct link to Fixed header with filters">​</a></h3><img loading="lazy" src="https://i.imgur.com/QRgyrZK.png" alt="Blazor Bootstrap: Grid Component - Fixed header with filters" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FixedHeader</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Unit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Unit.Px</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerId</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Phone</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">120</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Email</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">150</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Address</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Postal Zip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">PostalZip</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeRightPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Country</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name" style="color:rgb(78, 201, 176)">SortDirection</span><span class="token plain"> sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">None</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// Note: Multi column sorting is not supported at this moment</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> result </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomersAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filters</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageNumber</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageSize</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item2 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/fixed-header#fixed-header-with-filters" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="freeze-columns">Freeze columns<a href="#freeze-columns" class="hash-link" aria-label="Direct link to Freeze columns" title="Direct link to Freeze columns">​</a></h3><img loading="lazy" src="https://i.imgur.com/1vRu0LU.png" alt="Blazor Bootstrap: Grid Component - Freeze columns" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered text-nowrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Unit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Unit.Px</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeLeftPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerId</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeLeftPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">54.98</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Phone</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">120</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Email</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">150</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Address</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Postal Zip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">PostalZip</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeDirection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FreezeDirection.Right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeRightPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Country</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name" style="color:rgb(78, 201, 176)">SortDirection</span><span class="token plain"> sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">None</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// Note: Multi column sorting is not supported at this moment</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> result </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomersAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filters</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageNumber</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageSize</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item2 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/freeze-columns#freeze-columns" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="freeze-columns-with-fixed-header">Freeze columns with fixed header<a href="#freeze-columns-with-fixed-header" class="hash-link" aria-label="Direct link to Freeze columns with fixed header" title="Direct link to Freeze columns with fixed header">​</a></h3><img loading="lazy" src="https://i.imgur.com/qIVCEKH.png" alt="Blazor Bootstrap: Grid Component - Freeze columns with fixed header" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered text-nowrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FixedHeader</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Unit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Unit.Px</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeLeftPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerId</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeLeftPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">54.98</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Phone</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">120</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Email</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">150</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Address</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Postal Zip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">PostalZip</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeDirection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FreezeDirection.Right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeRightPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Country</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name" style="color:rgb(78, 201, 176)">SortDirection</span><span class="token plain"> sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">None</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// Note: Multi column sorting is not supported at this moment</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> result </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomersAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filters</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageNumber</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageSize</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item2 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/freeze-columns#freeze-columns-with-fixed-header" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="freeze-columns-with-fixed-header-and-filters">Freeze columns with fixed header and filters<a href="#freeze-columns-with-fixed-header-and-filters" class="hash-link" aria-label="Direct link to Freeze columns with fixed header and filters" title="Direct link to Freeze columns with fixed header and filters">​</a></h3><img loading="lazy" src="https://i.imgur.com/GzXuQep.png" alt="Blazor Bootstrap: Grid Component - Freeze columns with fixed header and filters" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered text-nowrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FixedHeader</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Unit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Unit.Px</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeLeftPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerId</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderTextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerId</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeLeftPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">130.35</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Phone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Phone</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Email</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">120</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Email</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">150</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Address</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeDirection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FreezeDirection.Right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeRightPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">171</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Postal Zip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.PostalZip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">PostalZip</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Freeze</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeDirection</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FreezeDirection.Right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FreezeRightPosition</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortString</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Country</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Country</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name" style="color:rgb(78, 201, 176)">SortDirection</span><span class="token plain"> sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">None</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// Note: Multi column sorting is not supported at this moment</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortString </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            sortDirection </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Sorting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FirstOrDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> result </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomersAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filters</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageNumber</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PageSize</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> sortDirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> result</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Item2 </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/freeze-columns#freeze-columns-with-fixed-header-and-filters" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="auto-hide-paging">Auto hide paging<a href="#auto-hide-paging" class="hash-link" aria-label="Direct link to Auto hide paging" title="Direct link to Auto hide paging">​</a></h3><p>Automatically hides the paging controls when the grid item count is less than or equal to the <code>PageSize</code> and this property is set to <code>true</code>.</p><img loading="lazy" src="https://i.imgur.com/YaOl8P2.png" alt="Blazor Bootstrap: Grid Component - Auto hide paging" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowPaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoHidePaging</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">EmployeesDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSizeSelectorVisible</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageSizeSelectorItems</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token tag attr-value value variable csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">10</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">20</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">SortKeySelector</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item =&gt; item.IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> employees </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">EmployeesDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">employees </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            employees </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">employees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">107</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1998</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">11</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">103</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">106</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1995</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">4</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">104</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">6</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">false</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">105</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">23</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">102</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">101</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">113</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Merlin&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Consultant&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1989</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">10</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">2</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">117</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sharna&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1994</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">108</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Analyst&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">109</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;App Maker&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1996</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">7</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">111</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Glenda&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1994</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/paging#auto-hide-paging" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="enum-filter">Enum filter<a href="#enum-filter" class="hash-link" aria-label="Direct link to Enum filter" title="Direct link to Enum filter">​</a></h3><img loading="lazy" src="https://i.imgur.com/eJ9tlTH.png" alt="Blazor Bootstrap: Grid Component - Enum filter" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">grid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">UsersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOB</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOB</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOB</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Status</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Status</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">170</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Status</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">BlazorBootstrap</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Grid</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> grid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> users </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token block csharp language-csharp"> firstRender</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">base</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">firstRender</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">UsersDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">users </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            users </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetUsers</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">users</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetUsers</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">107</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1998</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">11</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">106</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1995</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">4</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">104</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">6</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">105</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">23</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">VerificationPending </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">102</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">VerificationPending </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">101</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">108</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">109</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">110</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Vijay&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1990</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">7</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">record</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">class</span><span class="token block csharp language-csharp"> User</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">UserStatus</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">enum</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">UserStatus</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        Registered</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        VerificationPending</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        Verified</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/filters#enum-filter" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="guid-filter">Guid filter<a href="#guid-filter" class="hash-link" aria-label="Direct link to Guid filter" title="Direct link to Guid filter">​</a></h3><img loading="lazy" src="https://i.imgur.com/0ZuKyGX.png" alt="Blazor Bootstrap: Grid Component - Guid filter" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">grid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover table-bordered table-striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">UsersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowFiltering</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Responsive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Oid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Oid</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">240</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Oid</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">70</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOB</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOB</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOB</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">User</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Status</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Status</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FilterTextboxWidth</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">170</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Status</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">BlazorBootstrap</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Grid</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> grid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> users </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token block csharp language-csharp"> firstRender</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">base</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">firstRender</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">GridDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">UsersDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">GridDataProviderRequest</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">users </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// pull employees only one time for client-side filtering, sorting, and paging</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            users </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetUsers</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the employees</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">users</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetUsers</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">107</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1998</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">11</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">106</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1995</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">4</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">104</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">6</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">105</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">23</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">VerificationPending </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">102</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Line&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">VerificationPending </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">101</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Daniel&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1977</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Registered </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">108</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Zayne&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">109</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Isha&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">User</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> Guid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">NewGuid</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">110</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Vijay&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1990</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">7</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> UserStatus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Verified </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">record</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">class</span><span class="token block csharp language-csharp"> User</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Guid</span><span class="token block csharp language-csharp"> Oid </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> DOB </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">UserStatus</span><span class="token block csharp language-csharp"> Status </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">enum</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">UserStatus</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        Registered</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        VerificationPending</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        Verified</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/filters#guid-filter" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="detail-view">Detail View<a href="#detail-view" class="hash-link" aria-label="Direct link to Detail View" title="Direct link to Detail View">​</a></h3><p>To enable detail view, set the <code>AllowDetailView</code> parameter to true. In the following example, existing <code>&lt;GridColumn&gt;</code> tags are nested under <code>&lt;GridColumns&gt;</code> tag to distinguish them from <code>&lt;GridDetailView&gt;</code>.</p><img loading="lazy" src="https://i.imgur.com/eetvhBB.png" alt="Blazor Bootstrap: Grid Component - Detail View" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover border-top</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employees</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowDetailView</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridDetailView</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-2 fw-bold</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Id</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-2 fw-bold</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Name</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-2 fw-bold</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Designation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-2 fw-bold</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">DOJ</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-2 fw-bold</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">IsActive</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridDetailView</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> employees </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">107</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1998</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">11</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">103</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">106</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1995</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">4</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">104</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">6</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">false</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">105</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">23</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">record</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">class</span><span class="token block csharp language-csharp"> Employee1</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/detail-view" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="nested-grid">Nested Grid<a href="#nested-grid" class="hash-link" aria-label="Direct link to Nested Grid" title="Direct link to Nested Grid">​</a></h3><p>To create a nested grid, we first need to enable the detail view. To enable the detail view, set the <strong>AllowDetailView</strong> parameter to <strong>true</strong>. In the following example, existing <code>&lt;GridColumn&gt;</code> tags are nested under <code>&lt;GridColumns&gt;</code> tag to distinguish them from <code>&lt;GridDetailView&gt;</code>.</p><img loading="lazy" src="https://i.imgur.com/IpMhPwG.png" alt="Blazor Bootstrap: Grid Component - Detail View" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover border-top</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employees</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowDetailView</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">context</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridDetailView</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">table table-hover border-top</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employees</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowDetailView</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">emp1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Id</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp1</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">emp1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp1</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">emp1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Designation</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp1</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">emp1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DOJ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp1</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">emp1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HeaderText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Active</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IsActive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp1</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumn</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridColumns</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">GridDetailView</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">emp1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-2 fw-bold</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Id</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp1</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Id</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-2 fw-bold</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Name</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp1</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-2 fw-bold</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Designation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp1</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Designation</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-2 fw-bold</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">DOJ</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp1</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DOJ</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-2 fw-bold</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">IsActive</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">emp1</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridDetailView</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">GridDetailView</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Grid</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> employees </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">107</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alice&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;AI Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1998</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">11</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">103</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Bob&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior DevOps Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">106</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;John&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1995</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">4</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">17</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">104</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Pop&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Associate Architect&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1985</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">6</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">false</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee1</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">105</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Ronald&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Senior Data Engineer&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1991</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">8</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">23</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">record</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">class</span><span class="token block csharp language-csharp"> Employee1</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> Name </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> Designation </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token block csharp language-csharp"> DOJ </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token block csharp language-csharp"> IsActive </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/grid/nested-grid" target="_blank" rel="noopener noreferrer">See demo here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/grid.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/dropdown"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Dropdown</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/modal"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Modal</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#grid-parameters" class="table-of-contents__link toc-highlight">Grid Parameters</a></li><li><a href="#grid-callback-events" class="table-of-contents__link toc-highlight">Grid Callback Events</a></li><li><a href="#grid-methods" class="table-of-contents__link toc-highlight">Grid Methods</a></li><li><a href="#gridcolumn-parameters" class="table-of-contents__link toc-highlight">GridColumn Parameters</a></li><li><a href="#gridsettings-properties" class="table-of-contents__link toc-highlight">GridSettings Properties</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#client-side-filtering" class="table-of-contents__link toc-highlight">Client side filtering</a></li><li><a href="#client-side-filtering-with-string-comparision" class="table-of-contents__link toc-highlight">Client side filtering with string comparision</a></li><li><a href="#client-side-paging" class="table-of-contents__link toc-highlight">Client side paging</a></li><li><a href="#client-side-sorting" class="table-of-contents__link toc-highlight">Client side sorting</a></li><li><a href="#client-side-filtering-paging-and-sorting" class="table-of-contents__link toc-highlight">Client side filtering, paging, and sorting</a></li><li><a href="#set-default-filter" class="table-of-contents__link toc-highlight">Set default filter</a></li><li><a href="#disable-specific-column-filter" class="table-of-contents__link toc-highlight">Disable specific column filter</a></li><li><a href="#increase-filter-textbox-width" class="table-of-contents__link toc-highlight">Increase filter textbox width</a></li><li><a href="#server-side-filtering-paging-and-sorting" class="table-of-contents__link toc-highlight">Server side filtering, paging and sorting</a></li><li><a href="#set-default-sorting" class="table-of-contents__link toc-highlight">Set default sorting</a></li><li><a href="#disable-specific-column-sorting" class="table-of-contents__link toc-highlight">Disable specific column sorting</a></li><li><a href="#header-text-alignment" class="table-of-contents__link toc-highlight">Header text alignment</a></li><li><a href="#cell-alignment" class="table-of-contents__link toc-highlight">Cell alignment</a></li><li><a href="#cell-formating" class="table-of-contents__link toc-highlight">Cell formating</a></li><li><a href="#cell-nowrap" class="table-of-contents__link toc-highlight">Cell nowrap</a></li><li><a href="#empty-data" class="table-of-contents__link toc-highlight">Empty data</a></li><li><a href="#empty-data-template" class="table-of-contents__link toc-highlight">Empty data template</a></li><li><a href="#save-and-load-grid-settings" class="table-of-contents__link toc-highlight">Save and Load Grid Settings</a></li><li><a href="#data-parameter---assign-collection" class="table-of-contents__link toc-highlight">Data parameter - Assign collection</a></li><li><a href="#data-parameter---update-collection" class="table-of-contents__link toc-highlight">Data parameter - Update collection</a></li><li><a href="#conditional-css-class-for-grid-row" class="table-of-contents__link toc-highlight">Conditional css class for grid row</a></li><li><a href="#conditional-css-class-for-grid-column" class="table-of-contents__link toc-highlight">Conditional css class for grid column</a></li><li><a href="#column-class" class="table-of-contents__link toc-highlight">Column class</a></li><li><a href="#custom-column-headers" class="table-of-contents__link toc-highlight">Custom column headers</a></li><li><a href="#selection" class="table-of-contents__link toc-highlight">Selection</a></li><li><a href="#multiple-selection" class="table-of-contents__link toc-highlight">Multiple selection</a></li><li><a href="#disable-selection" class="table-of-contents__link toc-highlight">Disable selection</a></li><li><a href="#change-selected-row-background-color" class="table-of-contents__link toc-highlight">Change selected row background color</a></li><li><a href="#dynamic-page-size" class="table-of-contents__link toc-highlight">Dynamic page size</a></li><li><a href="#page-size-selection" class="table-of-contents__link toc-highlight">Page size selection</a></li><li><a href="#header-row-css-class" class="table-of-contents__link toc-highlight">Header row css class</a></li><li><a href="#filters-row-css-class" class="table-of-contents__link toc-highlight">Filters row css class</a></li><li><a href="#row-click-event" class="table-of-contents__link toc-highlight">Row click event</a></li><li><a href="#row-double-click-event" class="table-of-contents__link toc-highlight">Row double click event</a></li><li><a href="#translations" class="table-of-contents__link toc-highlight">Translations</a></li><li><a href="#fixed-header" class="table-of-contents__link toc-highlight">Fixed header</a></li><li><a href="#fixed-header-with-filters" class="table-of-contents__link toc-highlight">Fixed header with filters</a></li><li><a href="#freeze-columns" class="table-of-contents__link toc-highlight">Freeze columns</a></li><li><a href="#freeze-columns-with-fixed-header" class="table-of-contents__link toc-highlight">Freeze columns with fixed header</a></li><li><a href="#freeze-columns-with-fixed-header-and-filters" class="table-of-contents__link toc-highlight">Freeze columns with fixed header and filters</a></li><li><a href="#auto-hide-paging" class="table-of-contents__link toc-highlight">Auto hide paging</a></li><li><a href="#enum-filter" class="table-of-contents__link toc-highlight">Enum filter</a></li><li><a href="#guid-filter" class="table-of-contents__link toc-highlight">Guid filter</a></li><li><a href="#detail-view" class="table-of-contents__link toc-highlight">Detail View</a></li><li><a href="#nested-grid" class="table-of-contents__link toc-highlight">Nested Grid</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/modal.html b/components/modal.html
index 8ff0bb29e..bdcbb3618 100644
--- a/components/modal.html
+++ b/components/modal.html
@@ -10,15 +10,15 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Modal</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Modal</h1><p>Use Blazor Bootstrap modal component to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">BodyCssClass</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the body CSS class.</td><td align="left">1.0.0</td></tr><tr><td align="left">BodyTemplate</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the body template.</td><td align="left">1.0.0</td></tr><tr><td align="left">CloseIconColor</td><td align="left"><code>IconColor</code></td><td align="left"><code>IconColor.None</code></td><td align="left"></td><td align="left">Gets or sets the close icon color.</td><td align="left">1.0.0</td></tr><tr><td align="left">CloseOnEscape</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">Indicates whether the modal closes when escape key is pressed.</td><td align="left">1.0.0</td></tr><tr><td align="left">DialogCssClass</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the modal dialog (div.modal-dialog) CSS class.</td><td align="left">1.0.0</td></tr><tr><td align="left">FooterCssClass</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the footer CSS class.</td><td align="left">1.0.0</td></tr><tr><td align="left">FooterTemplate</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the footer template.</td><td align="left">1.0.0</td></tr><tr><td align="left">Fullscreen</td><td align="left"><code>ModalFullscreen</code></td><td align="left"><code>ModalFullscreen.Disabled</code></td><td align="left"></td><td align="left">Gets or sets the fullscreen behavior of the modal.</td><td align="left">1.0.0</td></tr><tr><td align="left">HeaderCssClass</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the header CSS class.</td><td align="left">1.0.0</td></tr><tr><td align="left">HeaderTemplate</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the header template.</td><td align="left">1.0.0</td></tr><tr><td align="left">IsScrollable</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">If true, scroll will be enabled on the modal body.</td><td align="left">1.0.0</td></tr><tr><td align="left">IsServiceModal</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Indicates whether the modal is related to a modal service or not.</td><td align="left">1.9.4</td></tr><tr><td align="left">IsVerticallyCentered</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">If true, shows the modal vertically in the center.</td><td align="left">1.0.0</td></tr><tr><td align="left">Message</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the message.</td><td align="left">1.0.0</td></tr><tr><td align="left">ModalType</td><td align="left"><code>ModalType</code></td><td align="left"><code>ModalType.Light</code></td><td align="left"></td><td align="left">Gets or sets the modal type.</td><td align="left">1.9.5</td></tr><tr><td align="left">ShowCloseButton</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">If true, close button will be visible in the modal header.</td><td align="left">1.0.0</td></tr><tr><td align="left">Size</td><td align="left"><code>ModalSize</code></td><td align="left"><code>ModalSize.Regular</code></td><td align="left"></td><td align="left">Gets or sets the modal size.</td><td align="left">1.0.0</td></tr><tr><td align="left">TabIndex</td><td align="left">int</td><td align="left">-1</td><td align="left"></td><td align="left">Gets or sets the tab index.</td><td align="left">1.6.0</td></tr><tr><td align="left">Title</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the modal header title.</td><td align="left">1.0.0</td></tr><tr><td align="left">UseStaticBackdrop</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Indicates whether the modal uses a static backdrop.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th>Name</th><th>Description</th><th>Added Version</th></tr></thead><tbody><tr><td>ShowAsync</td><td>Opens a modal.</td><td>1.0.0</td></tr><tr><td>ShowAsync&lt;T<!-- -->&gt;<!-- -->(string title, Dictionary&lt;string, object<!-- -->&gt;<!-- --> parameters = null)</td><td>Opens a modal. T is component.</td><td>1.4.1</td></tr><tr><td>HideAsync</td><td>Hides a modal.</td><td>1.0.0</td></tr></tbody></table><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>Asynchronous methods and transitions</div><div class="admonitionContent_S0QG"><p>All API methods are <strong>asynchronous</strong> and start a <strong>transition</strong>. They return to the caller as soon as the transition is started but <strong>before it ends</strong>. In addition, a method call on a <strong>transitioning component will be ignored</strong>.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="callback-events">Callback Events<a href="#callback-events" class="hash-link" aria-label="Direct link to Callback Events" title="Direct link to Callback Events">​</a></h2><table><thead><tr><th>Event</th><th>Description</th></tr></thead><tbody><tr><td>OnShowing</td><td>This event fires immediately when the show instance method is called.</td></tr><tr><td>OnShown</td><td>This event is fired when an offcanvas element has been made visible to the user (will wait for CSS transitions to complete).</td></tr><tr><td>OnHiding</td><td>This event is fired immediately when the hide method has been called.</td></tr><tr><td>OnHidden</td><td>This event is fired when an offcanvas element has been hidden from the user (will wait for CSS transitions to complete).</td></tr><tr><td>OnHidePrevented</td><td>This event is fired when the modal is shown, its backdrop is static and a click outside the modal or an escape key press is performed with the keyboard option or data-bs-keyboard set to false.</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="how-it-works">How it works<a href="#how-it-works" class="hash-link" aria-label="Direct link to How it works" title="Direct link to How it works">​</a></h2><p>Before getting started with BlazorBootstrap&#x27;s modal component, be sure to read the following as our menu options have recently changed.</p><ul><li>Modals are built with HTML, CSS, and JavaScript. They&#x27;re positioned over everything else in the document and remove scroll from the <code>&lt;body&gt;</code> so that modal content scrolls instead.</li><li>Clicking on the modal &quot;backdrop&quot; will automatically close the modal.</li><li>BlazorBootstrap only supports one modal window at a time. Nested modals aren&#x27;t supported as we believe them to be poor user experiences.</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="modal">Modal<a href="#modal" class="hash-link" aria-label="Direct link to Modal" title="Direct link to Modal">​</a></h3><p>Clicking the <strong>Show Modal</strong> button below, the modal will slide down and fade in from the top of the page.</p><img loading="lazy" src="https://i.imgur.com/aWbURjD.jpg" alt="Blazor Modal Component" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">modal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Modal title</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Modal body text goes here.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnHideModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Close</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Save changes</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnShowModalClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnHideModalClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">HideAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modals#examples" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dynamic-component-as-modal">Dynamic component as modal<a href="#dynamic-component-as-modal" class="hash-link" aria-label="Direct link to Dynamic component as modal" title="Direct link to Dynamic component as modal">​</a></h3><p>Render different components dynamically within the modal without iterating through possible types or using conditional logic.
 If dynamically-rendered components have component parameters, pass them as an <code>IDictionary</code>. The <code>string</code> is the parameter&#x27;s name, and the <code>object</code> is the parameter&#x27;s value.</p><img loading="lazy" src="https://i.imgur.com/pzO4jaE.png" alt="Blazor Modal Component - Dynamic component as modal" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">modal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Employee Component</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token block csharp language-csharp"> modal </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> message</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnShowModalClick</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> parameters </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Dictionary</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">object</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;EmployeeId&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">321</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> modal</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp generic-method function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp generic-method generic class-name" style="color:rgb(78, 201, 176)">EmployeeDemoComponent1</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Employee Details&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>EmployeeDemoComponent1.razor</strong></p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-3 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Employee Id :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-9</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">EmployeeId</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-3 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">First Name :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-9</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">employee</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FirstName</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-3 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last Name :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-9</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">employee</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">LastName</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token block csharp language-csharp"> employee</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Parameter</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp"> EmployeeId </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// get employee with {EmployeeId} from DB</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        employee </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> FirstName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Vikram&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> LastName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Reddy&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">base</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modals#dynamic-component-as-modal" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="pass-event-callbacks-to-a-dynamic-component">Pass event callbacks to a dynamic component<a href="#pass-event-callbacks-to-a-dynamic-component" class="hash-link" aria-label="Direct link to Pass event callbacks to a dynamic component" title="Direct link to Pass event callbacks to a dynamic component">​</a></h3><p>Event callbacks <code>(EventCallback)</code> can be passed in its parameter dictionary.
 In the following parent component example, the <code>ShowDTMessage</code> method assigns a string with the current time to <code>message</code>, and the value of <code>message</code> is rendered. The parent component passes the callback method, <code>ShowDTMessage</code> in the parameter dictionary:</p><ul><li>The <code>string</code> key is the callback method&#x27;s name, <code>OnClickCallback</code>.</li><li>The <code>object</code> value is created by <code>EventCallbackFactory.Create</code> for the parent callback method, <code>ShowDTMessage</code>.</li></ul><img loading="lazy" src="https://i.imgur.com/dQMxYxw.png" alt="Blazor Modal Component - Pass event callbacks to a dynamic component" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">modal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Employee Component</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">message</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token block csharp language-csharp"> modal </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> message</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnShowModalClick</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> parameters </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Dictionary</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">object</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;EmployeeId&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">322</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;OnclickCallback&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> EventCallback</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Factory</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp generic-method function" style="color:rgb(220, 220, 170)">Create</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp generic-method generic class-name" style="color:rgb(78, 201, 176)">MouseEventArgs</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">this</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ShowDTMessage</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> modal</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp generic-method function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp generic-method generic class-name" style="color:rgb(78, 201, 176)">EmployeeDemoComponent2</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Employee Details&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowDTMessage</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">MouseEventArgs</span><span class="token block csharp language-csharp"> e</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> message </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;The current DT is: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">DateTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Now</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">.&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>EmployeeDemoComponent2.razor</strong></p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-3 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Employee Id :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-9</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">EmployeeId</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-3 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">First Name :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-9</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">employee</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FirstName</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-3 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last Name :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-9</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">employee</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">LastName</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnClickCallback</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Trigger a Parent component method</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token block csharp language-csharp"> employee</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Parameter</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp"> EmployeeId </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Parameter</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">EventCallback</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">MouseEventArgs</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> OnClickCallback </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// get employee with {EmployeeId} from DB</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        employee </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> FirstName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sagar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> LastName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Reddy&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">base</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modals#pass-event-callbacks-to-a-dynamic-component" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="static-backdrop">Static backdrop<a href="#static-backdrop" class="hash-link" aria-label="Direct link to Static backdrop" title="Direct link to Static backdrop">​</a></h3><p>When <code>UseStaticBackdrop</code> is set to <code>true</code>, the modal will not close when clicking outside it. <code>CloseOnEscape</code> should also be set to <code>false</code> to ignore the effect of pressing the Esc key and mimic the original behaviour of Bootstrap modal. Click the button below to try it.</p><img loading="lazy" src="https://i.imgur.com/NeSfMIn.jpg" alt="Blazor Modal Component - Static backdrop" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">modal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Modal title</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">UseStaticBackdrop</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CloseOnEscape</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">false</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        I will not close if you click outside me. Don&#x27;t even try to press escape key.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnHideModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Close</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Understood</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Launch static backdrop modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnShowModalClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnHideModalClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">HideAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modals#static-backdrop" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="scrolling-long-content">Scrolling long content<a href="#scrolling-long-content" class="hash-link" aria-label="Direct link to Scrolling long content" title="Direct link to Scrolling long content">​</a></h3><p>When modals become too long for the user’s viewport or device, they scroll independent of the page itself. Try the demo below to see what we mean.</p><img loading="lazy" src="https://i.imgur.com/7lrxeON.jpg" alt="Blazor Modal Component - Scrolling long content" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">modal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Modal title</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsScrollable</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">margin-bottom</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)"> </span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">100</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">vh</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content to show the scrolling behavior for modals. Instead of repeating the text the modal, we use an inline style set a minimum height, thereby extending the length of the overall modal and demonstrating the overflow scrolling. When content becomes longer than the height of the viewport, scrolling will move the modal as needed.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This content should appear at the bottom after you scroll.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnHideModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Close</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Save changes</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Launch demo modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnShowModalClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnHideModalClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">HideAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modals#scrolling-long-content" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="vertically-centered">Vertically centered<a href="#vertically-centered" class="hash-link" aria-label="Direct link to Vertically centered" title="Direct link to Vertically centered">​</a></h3><p>Add <code>IsVerticallyCentered=&quot;true&quot;</code> to vertically center the modal.</p><img loading="lazy" src="https://i.imgur.com/tLiaEs6.jpg" alt="Blazor Modal Component - Vertically centered" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">modal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Modal title</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsVerticallyCentered</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        This is a vertically centered modal.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnHideModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Close</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Save changes</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Vertically centered modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnShowModalClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnHideModalClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">HideAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modals#vertically-centered" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="vertically-centered-and-scrollable">Vertically centered and scrollable<a href="#vertically-centered-and-scrollable" class="hash-link" aria-label="Direct link to Vertically centered and scrollable" title="Direct link to Vertically centered and scrollable">​</a></h3><img loading="lazy" src="https://i.imgur.com/n0m4Fhq.jpg" alt="Blazor Modal Component - Vertically centered and scrollable" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">modal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Modal title</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsVerticallyCentered</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsScrollable</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">margin-bottom</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)"> </span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">100</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">vh</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content to show the scrolling behavior for modals. Instead of repeating the text the modal, we use an inline style set a minimum height, thereby extending the length of the overall modal and demonstrating the overflow scrolling. When content becomes longer than the height of the viewport, scrolling will move the modal as needed.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This content should appear at the bottom after you scroll.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnHideModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Close</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Save changes</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Vertically centered scrollable modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnShowModalClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnHideModalClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">HideAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modals#vertically-centered" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="optional-sizes">Optional sizes<a href="#optional-sizes" class="hash-link" aria-label="Direct link to Optional sizes" title="Direct link to Optional sizes">​</a></h3><p>Modals have three optional sizes. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports.</p><img loading="lazy" src="https://i.imgur.com/5vKfJQC.jpg" alt="Blazor Modal Component - Optional sizes" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">xlModal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Extra large modal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ModalSize.ExtraLarge</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">lgModal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Large modal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ModalSize.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">smModal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Small modal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ModalSize.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; xlModal?.ShowAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Extra large modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; lgModal?.ShowAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Large modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; smModal?.ShowAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Small modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> xlModal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> lgModal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> smModal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modals#optional-sizes" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="fullscreen-modal">Fullscreen Modal<a href="#fullscreen-modal" class="hash-link" aria-label="Direct link to Fullscreen Modal" title="Direct link to Fullscreen Modal">​</a></h3><img loading="lazy" src="https://i.imgur.com/3dFUzMz.jpg" alt="Blazor Modal Component - Fullscreen Modal" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">modal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Full screen</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Fullscreen</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ModalFullscreen.Always</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">smModal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Full screen below sm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Fullscreen</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ModalFullscreen.SmallDown</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mdModal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Full screen below md</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Fullscreen</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ModalFullscreen.MediumDown</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">lgModal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Full screen below lg</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Fullscreen</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ModalFullscreen.LargeDown</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">xlModal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Full screen below xl</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Fullscreen</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ModalFullscreen.ExtraLargeDown</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">xxlModal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Full screen below xxl</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Fullscreen</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ModalFullscreen.ExtraExtraLargeDown</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; modal?.ShowAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Full screen</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; smModal?.ShowAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Full screen below sm</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; mdModal?.ShowAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Full screen below md</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; lgModal?.ShowAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Full screen below lg</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; xlModal?.ShowAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Full screen below xl</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; xxlModal?.ShowAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Full screen below xxl</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> smModal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> mdModal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> lgModal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> xlModal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> xxlModal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modals#fullscreen-modal" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="callback-events-1">Callback Events<a href="#callback-events-1" class="hash-link" aria-label="Direct link to Callback Events" title="Direct link to Callback Events">​</a></h3><p>BlazorBootstrap&#x27;s modal class exposes a few events for hooking into modal functionality.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">modal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Modal title</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnShowing</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnModalShowingAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnShown</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnModalShownAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnHiding</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnModalHidingAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnHidden</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnModalHiddenAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnHidePrevented</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnModalHidePreventedAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Modal body text goes here.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnHideModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Close</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Save changes</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowModalClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Modal</span><span class="token plain"> modal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnModalShowingAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Event: Showing&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnModalShownAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Event: Show&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnModalHidingAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Event: Hiding&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnModalHiddenAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Event: Hide&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnModalHidePreventedAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Event: Hide Prevented&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modals#events" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/modal.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/grid"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Grid</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/offcanvas"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Offcanvas</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#callback-events" class="table-of-contents__link toc-highlight">Callback Events</a></li><li><a href="#how-it-works" class="table-of-contents__link toc-highlight">How it works</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#modal" class="table-of-contents__link toc-highlight">Modal</a></li><li><a href="#dynamic-component-as-modal" class="table-of-contents__link toc-highlight">Dynamic component as modal</a></li><li><a href="#pass-event-callbacks-to-a-dynamic-component" class="table-of-contents__link toc-highlight">Pass event callbacks to a dynamic component</a></li><li><a href="#static-backdrop" class="table-of-contents__link toc-highlight">Static backdrop</a></li><li><a href="#scrolling-long-content" class="table-of-contents__link toc-highlight">Scrolling long content</a></li><li><a href="#vertically-centered" class="table-of-contents__link toc-highlight">Vertically centered</a></li><li><a href="#vertically-centered-and-scrollable" class="table-of-contents__link toc-highlight">Vertically centered and scrollable</a></li><li><a href="#optional-sizes" class="table-of-contents__link toc-highlight">Optional sizes</a></li><li><a href="#fullscreen-modal" class="table-of-contents__link toc-highlight">Fullscreen Modal</a></li><li><a href="#callback-events-1" class="table-of-contents__link toc-highlight">Callback Events</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/offcanvas.html b/components/offcanvas.html
index 7f2dc3f13..5c8f1238d 100644
--- a/components/offcanvas.html
+++ b/components/offcanvas.html
@@ -10,14 +10,14 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Offcanvas</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Offcanvas</h1><p>Build hidden sidebars into your project for navigation, shopping carts, and more with Blazor Bootstrap offcanvas component.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">BodyCssClass</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the body CSS class.</td><td align="left">1.0.0</td></tr><tr><td align="left">BodyTemplate</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the body template.</td><td align="left">1.0.0</td></tr><tr><td align="left">CloseOnEscape</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">If true, offcanvas closes when escape key is pressed.</td><td align="left">1.0.0</td></tr><tr><td align="left">FooterCssClass</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the footer CSS class.</td><td align="left">1.0.0</td></tr><tr><td align="left">FooterTemplate</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the footer template.</td><td align="left">1.0.0</td></tr><tr><td align="left">HeaderCssClass</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the header CSS class.</td><td align="left">1.0.0</td></tr><tr><td align="left">HeaderTemplate</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the header template.</td><td align="left">1.0.0</td></tr><tr><td align="left">IsScrollable</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Indicates whether body (page) scrolling is allowed while offcanvas is open.</td><td align="left">1.0.0</td></tr><tr><td align="left">Placement</td><td align="left"><code>Placement</code></td><td align="left"><code>Placement.End</code></td><td align="left"></td><td align="left">Gets or sets the offcanvas placement.</td><td align="left">1.0.0</td></tr><tr><td align="left">ShowCloseButton</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">If true, modal shows close button in the header.</td><td align="left">1.0.0</td></tr><tr><td align="left">Size</td><td align="left"><code>OffcanvasSize</code></td><td align="left"><code>OffcanvasSize.Regular</code></td><td align="left"></td><td align="left">Gets or sets the offcanvas size.</td><td align="left">1.0.0</td></tr><tr><td align="left">TabIndex</td><td align="left">int</td><td align="left">-1</td><td align="left"></td><td align="left">Gets or sets the tab index.</td><td align="left">1.6.0</td></tr><tr><td align="left">Title</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the offcanvas title.</td><td align="left">1.0.0</td></tr><tr><td align="left">UseStaticBackdrop</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">When <code>UseStaticBackdrop</code> is set to true, the offcanvas will not close when clicking outside of it.</td><td align="left">1.8.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th>Method</th><th>Description</th><th>Added Version</th></tr></thead><tbody><tr><td>ShowAsync</td><td>Shows an offcanvas element. Returns to the caller before the offcanvas element has actually been shown (i.e. before the <code>OnShown</code> event occurs).</td><td>1.0.0</td></tr><tr><td>HideAsync</td><td>Hides an offcanvas element. Returns to the caller before the offcanvas element has actually been hidden (i.e. before the <code>OnHidden</code> event occurs).</td><td>1.0.0</td></tr></tbody></table><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>Asynchronous methods and transitions</div><div class="admonitionContent_S0QG"><p>All API methods are <strong>asynchronous</strong> and start a <strong>transition</strong>. They return to the caller as soon as the transition is started but <strong>before it ends</strong>. In addition, a method call on a <strong>transitioning component will be ignored</strong>.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="callback-events">Callback Events<a href="#callback-events" class="hash-link" aria-label="Direct link to Callback Events" title="Direct link to Callback Events">​</a></h2><table><thead><tr><th>Event</th><th>Description</th></tr></thead><tbody><tr><td>OnShowing</td><td>This event fires immediately when the show instance method is called.</td></tr><tr><td>OnShown</td><td>This event is fired when an offcanvas element has been made visible to the user (will wait for CSS transitions to complete).</td></tr><tr><td>OnHiding</td><td>This event is fired immediately when the hide method has been called.</td></tr><tr><td>OnHidden</td><td>This event is fired when an offcanvas element has been hidden from the user (will wait for CSS transitions to complete).</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="how-it-works">How it works<a href="#how-it-works" class="hash-link" aria-label="Direct link to How it works" title="Direct link to How it works">​</a></h2><p>Offcanvas is a sidebar component that can be toggled to appear from the left, right, or bottom edge of the viewport.</p><ul><li>Conceptually, they are quite similar to the Modal component, but they are separate components.</li><li>When shown, offcanvas includes a default backdrop that can be clicked to hide the offcanvas.</li><li>Similar to modals, only one offcanvas can be shown at a time.</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="offcanvas">Offcanvas<a href="#offcanvas" class="hash-link" aria-label="Direct link to Offcanvas" title="Direct link to Offcanvas">​</a></h3><p>Below is an offcanvas example that is shown by default.</p><img loading="lazy" src="https://i.imgur.com/1vNz5Ci.jpg" alt="Offcanvas - Example" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(async () =&gt; { await ShowOffcanvasAsync(); })</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Offcanvas</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">offcanvas</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">  ... design your header and body</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowOffcanvasAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">HideOffcanvasAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">HideAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/offcanvas#examples" target="_blank" rel="noopener noreferrer">See demo here.</a></p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>Default placement for the offcanvas component is right.</p></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dynamic-component-as-offcanvas">Dynamic component as offcanvas<a href="#dynamic-component-as-offcanvas" class="hash-link" aria-label="Direct link to Dynamic component as offcanvas" title="Direct link to Dynamic component as offcanvas">​</a></h3><p>Render different components dynamically within the offcanvas without iterating through possible types or using conditional logic.
 If dynamically-rendered components have component parameters, pass them as an <code>IDictionary</code>. The <code>string</code> is the parameter&#x27;s name, and the <code>object</code> is the parameter&#x27;s value.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">offcanvas</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowEmployeeComponent</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Employee Component</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token block csharp language-csharp"> offcanvas </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> message</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowEmployeeComponent</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> parameters </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Dictionary</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">object</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;EmployeeId&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">321</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> offcanvas</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp generic-method function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp generic-method generic class-name" style="color:rgb(78, 201, 176)">EmployeeDemoComponent1</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Employee Details&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>EmployeeDemoComponent1.razor</strong></p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-4 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Employee Id :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">EmployeeId</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-4 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">First Name :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">employee</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FirstName</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-4 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last Name :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">employee</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">LastName</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token block csharp language-csharp"> employee </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Parameter</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp"> EmployeeId </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// get employee with {EmployeeId} from DB</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        employee </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> FirstName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Vikram&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> LastName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Reddy&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">base</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/offcanvas#dynamic-component-as-offcanvas" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="pass-event-callbacks-to-a-dynamic-component">Pass event callbacks to a dynamic component<a href="#pass-event-callbacks-to-a-dynamic-component" class="hash-link" aria-label="Direct link to Pass event callbacks to a dynamic component" title="Direct link to Pass event callbacks to a dynamic component">​</a></h3><p>Event callbacks can be passed in its parameter dictionary.</p><p>In the following parent component example, the <code>ShowDTMessage</code> method assigns a string with the current time to <code>message</code>, and the value of <code>message</code> is rendered. The parent component passes the callback method, ShowDTMessage in the parameter dictionary:</p><ul><li>The <code>string</code> key is the callback method&#x27;s name, <code>OnClickCallback</code>.</li><li>The <code>object</code> value is created by <code>EventCallbackFactory.Create</code> for the parent callback method, <code>ShowDTMessage</code>.</li></ul><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">offcanvas</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowEmployeeComponent</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Employee Component</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3 bg-success text-white bg-opacity-75</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">message</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token block csharp language-csharp"> offcanvas </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> message</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowEmployeeComponent</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> parameters </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Dictionary</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">object</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;EmployeeId&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">322</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;OnclickCallback&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> EventCallback</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Factory</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp generic-method function" style="color:rgb(220, 220, 170)">Create</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp generic-method generic class-name" style="color:rgb(78, 201, 176)">MouseEventArgs</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">this</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ShowDTMessage</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> offcanvas</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp generic-method function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp generic-method generic class-name" style="color:rgb(78, 201, 176)">EmployeeDemoComponent2</span><span class="token block csharp language-csharp generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Employee Details&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> parameters</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ShowDTMessage</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">MouseEventArgs</span><span class="token block csharp language-csharp"> e</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> message </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;The current date time is: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">DateTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Now</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">.&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>EmployeeDemoComponent2.razor</strong></p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-4 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Employee Id :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">EmployeeId</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-4 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">First Name :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">employee</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FirstName</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-5 col-md-4 text-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last Name :</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-7 col-md-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">employee</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">LastName</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnClickCallback</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Trigger a Parent component method</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token block csharp language-csharp"> employee </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Parameter</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp"> EmployeeId </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Parameter</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">EventCallback</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">MouseEventArgs</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> OnClickCallback </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// get employee with {EmployeeId} from DB</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        employee </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> FirstName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sagar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> LastName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Reddy&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">base</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/offcanvas#pass-event-callbacks-to-a-dynamic-component" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="placement">Placement<a href="#placement" class="hash-link" aria-label="Direct link to Placement" title="Direct link to Placement">​</a></h3><p>Try the top, bottom, and left examples out below.</p><img loading="lazy" src="https://i.imgur.com/dJpJYpX.jpg" alt="Offcanvas - Top Placement" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">offcanvas</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Offcanvas top</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Placement.Top</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowOffcanvasClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show top offcanvas</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnShowOffcanvasClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/offcanvas#placement" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="static-backdrop">Static backdrop<a href="#static-backdrop" class="hash-link" aria-label="Direct link to Static backdrop" title="Direct link to Static backdrop">​</a></h3><p>When <strong>UseStaticBackdrop</strong> is set to <strong>true</strong>, the offcanvas will not close when clicking outside of it.</p><img loading="lazy" src="https://i.imgur.com/J7g2eeA.png" alt="Offcanvas - Static backdrop" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">offcanvas</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Offcanvas title</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">UseStaticBackdrop</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt blandit mauris. Aliquam sit amet lorem laoreet, laoreet elit ut, placerat tellus. In mollis ultricies elit, volutpat maximus ipsum sodales interdum. Suspendisse eget tellus mollis, rutrum mauris ac, vulputate enim. Cras porta neque vitae lacinia elementum. Nunc sit amet pulvinar nibh. Curabitur interdum eget odio in tempor. Nulla dictum orci quis ligula auctor fermentum. Pellentesque finibus tellus ac massa convallis malesuada. Nam id pharetra velit, sed eleifend mi. Sed sed justo lorem. Quisque et nulla ut dolor feugiat vestibulum. Nunc at porttitor orci, at dignissim metus. Donec vitae metus vitae felis semper placerat.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Proin quis congue enim, ut ultricies erat. Nulla facilisi. Fusce pretium, metus eget tempor vehicula, nisl lorem tincidunt metus, consectetur molestie lorem leo vel lectus. Vivamus pellentesque pharetra mattis. Aenean dignissim quam non velit ultrices rutrum. Aliquam lacinia faucibus sapien vel pretium. Nullam libero massa, ultricies id lacinia nec, scelerisque ut felis. Vivamus ac egestas urna, sit amet condimentum odio. Suspendisse ultrices, libero sed interdum pulvinar, lectus felis pellentesque enim, eu finibus magna massa id augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget tempor libero. Cras ut interdum purus. Donec eu pulvinar urna, ut porttitor purus. Suspendisse sed sodales nunc. Quisque posuere augue sed luctus placerat.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Morbi ullamcorper risus turpis, et ullamcorper nulla semper vitae. Proin pharetra dolor dui, non condimentum ex fermentum in. Vestibulum pharetra, risus et pulvinar eleifend, nulla tortor blandit risus, ac imperdiet elit massa quis leo. Vivamus urna lacus, luctus eget felis id, eleifend tristique nisl. Sed dignissim mollis ligula vitae laoreet. Vestibulum eget magna nisi. Aenean auctor elit et turpis blandit, eget porttitor felis suscipit. Duis placerat, sapien a sodales tempus, odio orci malesuada neque, ac molestie ipsum nisi vel eros. Integer sem lectus, luctus vitae sapien ut, efficitur aliquam sem. Praesent placerat est eros, vulputate rutrum nunc imperdiet vitae. Fusce sed felis eget purus aliquet convallis eu eget lacus. Sed finibus nec magna et accumsan. Donec vitae tellus eros. Nullam et ex vitae est sagittis malesuada. Vivamus molestie malesuada libero, a consequat magna dapibus pellentesque. Cras molestie tortor vitae congue pretium.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Pellentesque nec iaculis justo, sed pretium sem. Mauris finibus lacus at mollis fringilla. Etiam auctor in justo ac bibendum. Vestibulum at lorem accumsan, maximus erat suscipit, suscipit ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim id quam sit amet varius. Etiam pretium ultrices dignissim. Cras at tortor hendrerit metus ultrices lobortis at ac est. Suspendisse consectetur pellentesque nunc sit amet scelerisque. Maecenas feugiat nunc laoreet, auctor erat eget, ultricies ex. Aliquam nisi nulla, cursus et ante ut, interdum volutpat leo. Phasellus laoreet aliquam maximus. Vestibulum eu neque porta, consectetur ipsum non, euismod enim. Vestibulum euismod purus elit, ultrices imperdiet nisl porttitor eget. Vivamus eros turpis, tincidunt a vulputate vel, malesuada tristique nulla.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Vestibulum sed aliquam urna. Ut ullamcorper erat vitae velit mattis commodo. Phasellus dignissim rhoncus dapibus. Quisque congue egestas tellus id finibus. Suspendisse nibh felis, mattis et finibus vel, tempor in lectus. Nullam eget eros dui. Mauris eget vestibulum nibh. Nullam mattis malesuada lorem vel condimentum. Mauris id odio ac est feugiat condimentum.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; offcanvas?.HideAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Close</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowOffcanvasClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show offcanvas</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnShowOffcanvasClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/offcanvas#static-backdrop" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="sizes">Sizes<a href="#sizes" class="hash-link" aria-label="Direct link to Sizes" title="Direct link to Sizes">​</a></h3><p>Set the size of the <code>Offcanvas</code> with the Size parameter. The default value is <code>OffcanvasSize.Regular</code>.</p><h4 class="anchor anchorWithStickyNavbar_LWe7" id="small-offcanvas">Small Offcanvas<a href="#small-offcanvas" class="hash-link" aria-label="Direct link to Small Offcanvas" title="Direct link to Small Offcanvas">​</a></h4><img loading="lazy" src="https://i.imgur.com/DJ09ngz.jpg" alt="Offcanvas - Small Size" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">offcanvas</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Offcanvas title</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OffcanvasSize.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt blandit mauris. Aliquam sit amet lorem laoreet, laoreet elit ut, placerat tellus. In mollis ultricies elit, volutpat maximus ipsum sodales interdum. Suspendisse eget tellus mollis, rutrum mauris ac, vulputate enim. Cras porta neque vitae lacinia elementum. Nunc sit amet pulvinar nibh. Curabitur interdum eget odio in tempor. Nulla dictum orci quis ligula auctor fermentum. Pellentesque finibus tellus ac massa convallis malesuada. Nam id pharetra velit, sed eleifend mi. Sed sed justo lorem. Quisque et nulla ut dolor feugiat vestibulum. Nunc at porttitor orci, at dignissim metus. Donec vitae metus vitae felis semper placerat.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Proin quis congue enim, ut ultricies erat. Nulla facilisi. Fusce pretium, metus eget tempor vehicula, nisl lorem tincidunt metus, consectetur molestie lorem leo vel lectus. Vivamus pellentesque pharetra mattis. Aenean dignissim quam non velit ultrices rutrum. Aliquam lacinia faucibus sapien vel pretium. Nullam libero massa, ultricies id lacinia nec, scelerisque ut felis. Vivamus ac egestas urna, sit amet condimentum odio. Suspendisse ultrices, libero sed interdum pulvinar, lectus felis pellentesque enim, eu finibus magna massa id augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget tempor libero. Cras ut interdum purus. Donec eu pulvinar urna, ut porttitor purus. Suspendisse sed sodales nunc. Quisque posuere augue sed luctus placerat.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Morbi ullamcorper risus turpis, et ullamcorper nulla semper vitae. Proin pharetra dolor dui, non condimentum ex fermentum in. Vestibulum pharetra, risus et pulvinar eleifend, nulla tortor blandit risus, ac imperdiet elit massa quis leo. Vivamus urna lacus, luctus eget felis id, eleifend tristique nisl. Sed dignissim mollis ligula vitae laoreet. Vestibulum eget magna nisi. Aenean auctor elit et turpis blandit, eget porttitor felis suscipit. Duis placerat, sapien a sodales tempus, odio orci malesuada neque, ac molestie ipsum nisi vel eros. Integer sem lectus, luctus vitae sapien ut, efficitur aliquam sem. Praesent placerat est eros, vulputate rutrum nunc imperdiet vitae. Fusce sed felis eget purus aliquet convallis eu eget lacus. Sed finibus nec magna et accumsan. Donec vitae tellus eros. Nullam et ex vitae est sagittis malesuada. Vivamus molestie malesuada libero, a consequat magna dapibus pellentesque. Cras molestie tortor vitae congue pretium.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Pellentesque nec iaculis justo, sed pretium sem. Mauris finibus lacus at mollis fringilla. Etiam auctor in justo ac bibendum. Vestibulum at lorem accumsan, maximus erat suscipit, suscipit ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim id quam sit amet varius. Etiam pretium ultrices dignissim. Cras at tortor hendrerit metus ultrices lobortis at ac est. Suspendisse consectetur pellentesque nunc sit amet scelerisque. Maecenas feugiat nunc laoreet, auctor erat eget, ultricies ex. Aliquam nisi nulla, cursus et ante ut, interdum volutpat leo. Phasellus laoreet aliquam maximus. Vestibulum eu neque porta, consectetur ipsum non, euismod enim. Vestibulum euismod purus elit, ultrices imperdiet nisl porttitor eget. Vivamus eros turpis, tincidunt a vulputate vel, malesuada tristique nulla.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Vestibulum sed aliquam urna. Ut ullamcorper erat vitae velit mattis commodo. Phasellus dignissim rhoncus dapibus. Quisque congue egestas tellus id finibus. Suspendisse nibh felis, mattis et finibus vel, tempor in lectus. Nullam eget eros dui. Mauris eget vestibulum nibh. Nullam mattis malesuada lorem vel condimentum. Mauris id odio ac est feugiat condimentum.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; offcanvas?.HideAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Close</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowOffcanvasClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show small offcanvas</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnShowOffcanvasClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/offcanvas#sizes" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h4 class="anchor anchorWithStickyNavbar_LWe7" id="large-offcanvas">Large Offcanvas<a href="#large-offcanvas" class="hash-link" aria-label="Direct link to Large Offcanvas" title="Direct link to Large Offcanvas">​</a></h4><img loading="lazy" src="https://i.imgur.com/MG0NFrU.jpg" alt="Large Offcanvas" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">offcanvas</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Offcanvas title</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OffcanvasSize.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt blandit mauris. Aliquam sit amet lorem laoreet, laoreet elit ut, placerat tellus. In mollis ultricies elit, volutpat maximus ipsum sodales interdum. Suspendisse eget tellus mollis, rutrum mauris ac, vulputate enim. Cras porta neque vitae lacinia elementum. Nunc sit amet pulvinar nibh. Curabitur interdum eget odio in tempor. Nulla dictum orci quis ligula auctor fermentum. Pellentesque finibus tellus ac massa convallis malesuada. Nam id pharetra velit, sed eleifend mi. Sed sed justo lorem. Quisque et nulla ut dolor feugiat vestibulum. Nunc at porttitor orci, at dignissim metus. Donec vitae metus vitae felis semper placerat.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Proin quis congue enim, ut ultricies erat. Nulla facilisi. Fusce pretium, metus eget tempor vehicula, nisl lorem tincidunt metus, consectetur molestie lorem leo vel lectus. Vivamus pellentesque pharetra mattis. Aenean dignissim quam non velit ultrices rutrum. Aliquam lacinia faucibus sapien vel pretium. Nullam libero massa, ultricies id lacinia nec, scelerisque ut felis. Vivamus ac egestas urna, sit amet condimentum odio. Suspendisse ultrices, libero sed interdum pulvinar, lectus felis pellentesque enim, eu finibus magna massa id augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget tempor libero. Cras ut interdum purus. Donec eu pulvinar urna, ut porttitor purus. Suspendisse sed sodales nunc. Quisque posuere augue sed luctus placerat.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Morbi ullamcorper risus turpis, et ullamcorper nulla semper vitae. Proin pharetra dolor dui, non condimentum ex fermentum in. Vestibulum pharetra, risus et pulvinar eleifend, nulla tortor blandit risus, ac imperdiet elit massa quis leo. Vivamus urna lacus, luctus eget felis id, eleifend tristique nisl. Sed dignissim mollis ligula vitae laoreet. Vestibulum eget magna nisi. Aenean auctor elit et turpis blandit, eget porttitor felis suscipit. Duis placerat, sapien a sodales tempus, odio orci malesuada neque, ac molestie ipsum nisi vel eros. Integer sem lectus, luctus vitae sapien ut, efficitur aliquam sem. Praesent placerat est eros, vulputate rutrum nunc imperdiet vitae. Fusce sed felis eget purus aliquet convallis eu eget lacus. Sed finibus nec magna et accumsan. Donec vitae tellus eros. Nullam et ex vitae est sagittis malesuada. Vivamus molestie malesuada libero, a consequat magna dapibus pellentesque. Cras molestie tortor vitae congue pretium.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Pellentesque nec iaculis justo, sed pretium sem. Mauris finibus lacus at mollis fringilla. Etiam auctor in justo ac bibendum. Vestibulum at lorem accumsan, maximus erat suscipit, suscipit ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim id quam sit amet varius. Etiam pretium ultrices dignissim. Cras at tortor hendrerit metus ultrices lobortis at ac est. Suspendisse consectetur pellentesque nunc sit amet scelerisque. Maecenas feugiat nunc laoreet, auctor erat eget, ultricies ex. Aliquam nisi nulla, cursus et ante ut, interdum volutpat leo. Phasellus laoreet aliquam maximus. Vestibulum eu neque porta, consectetur ipsum non, euismod enim. Vestibulum euismod purus elit, ultrices imperdiet nisl porttitor eget. Vivamus eros turpis, tincidunt a vulputate vel, malesuada tristique nulla.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Vestibulum sed aliquam urna. Ut ullamcorper erat vitae velit mattis commodo. Phasellus dignissim rhoncus dapibus. Quisque congue egestas tellus id finibus. Suspendisse nibh felis, mattis et finibus vel, tempor in lectus. Nullam eget eros dui. Mauris eget vestibulum nibh. Nullam mattis malesuada lorem vel condimentum. Mauris id odio ac est feugiat condimentum.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; offcanvas?.HideAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Close</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowOffcanvasClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show large offcanvas</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnShowOffcanvasClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="callback-events-1">Callback Events<a href="#callback-events-1" class="hash-link" aria-label="Direct link to Callback Events" title="Direct link to Callback Events">​</a></h3><p>BlazorBootstrap&#x27;s offcanvas component exposes a few events for hooking into offcanvas functionality.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">offcanvas</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Offcanvas title</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnShowing</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnOffcanvasShowingAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnShown</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnOffcanvasShownAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnHiding</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnOffcanvasHidingAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnHidden</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnOffcanvasHiddenAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">   </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">      </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">   </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">BodyTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">   </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">       </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnHideOffcanvasClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Hide Offcanvas</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">   </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">FooterTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnShowOffcanvasClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show offcanvas</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Offcanvas</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnShowOffcanvasClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnHideOffcanvasClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> offcanvas</span><span class="token punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token function" style="color:rgb(220, 220, 170)">HideAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnOffcanvasShowingAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Event: Showing&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnOffcanvasShownAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Event: Shown&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnOffcanvasHidingAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Event: Hiding&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnOffcanvasHiddenAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Event: Hidden&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/offcanvas#events" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/offcanvas.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/modal"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Modal</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/pagination"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Pagination</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#callback-events" class="table-of-contents__link toc-highlight">Callback Events</a></li><li><a href="#how-it-works" class="table-of-contents__link toc-highlight">How it works</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#offcanvas" class="table-of-contents__link toc-highlight">Offcanvas</a></li><li><a href="#dynamic-component-as-offcanvas" class="table-of-contents__link toc-highlight">Dynamic component as offcanvas</a></li><li><a href="#pass-event-callbacks-to-a-dynamic-component" class="table-of-contents__link toc-highlight">Pass event callbacks to a dynamic component</a></li><li><a href="#placement" class="table-of-contents__link toc-highlight">Placement</a></li><li><a href="#static-backdrop" class="table-of-contents__link toc-highlight">Static backdrop</a></li><li><a href="#sizes" class="table-of-contents__link toc-highlight">Sizes</a></li><li><a href="#callback-events-1" class="table-of-contents__link toc-highlight">Callback Events</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/pagination.html b/components/pagination.html
index 5e1feda14..a54d17dd4 100644
--- a/components/pagination.html
+++ b/components/pagination.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Pagination</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Pagination</h1><p>Use Blazor Bootstrap pagination component to indicate a series of related content exists across multiple pages.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ActivePageNumber</td><td align="left">int</td><td align="left">1</td><td align="left"></td><td align="left">Gets or sets the active page number.</td><td align="left">1.0.0</td></tr><tr><td align="left">Alignment</td><td align="left"><code>Alignment</code></td><td align="left"><code>Alignment.None</code></td><td align="left"></td><td align="left">Gets or sets the pagination alignment.</td><td align="left">1.0.0</td></tr><tr><td align="left">DisplayPages</td><td align="left">int</td><td align="left">5</td><td align="left"></td><td align="left">Gets or sets the maximum page links to be displayed.</td><td align="left">1.0.0</td></tr><tr><td align="left">FirstLinkIcon</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the first link icon.</td><td align="left">1.0.0</td></tr><tr><td align="left">FirstLinkText</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the first link text. &#x27;FirstLinkText&#x27; is ignored if &#x27;FirstLinkIcon&#x27; is specified.</td><td align="left">1.0.0</td></tr><tr><td align="left">LastLinkIcon</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the last link icon.</td><td align="left">1.0.0</td></tr><tr><td align="left">LastLinkText</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the last link text. &#x27;LastLinkText&#x27; is ignored if &#x27;LastLinkIcon&#x27; is specified.</td><td align="left">1.0.0</td></tr><tr><td align="left">NextLinkIcon</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the next link icon.</td><td align="left">1.0.0</td></tr><tr><td align="left">NextLinkText</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the next link text. &#x27;NextLinkText&#x27; is ignored if &#x27;NextLinkIcon&#x27; is specified.</td><td align="left">1.0.0</td></tr><tr><td align="left">PreviousLinkIcon</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the previous link icon.</td><td align="left">1.0.0</td></tr><tr><td align="left">PreviousLinkText</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the previous link text. &#x27;PreviousLinkText&#x27; is ignored if &#x27;PreviousLinkIcon&#x27; is specified.</td><td align="left">1.0.0</td></tr><tr><td align="left">Size</td><td align="left"><code>PaginationSize</code></td><td align="left"><code>PaginationSize.None</code></td><td align="left"></td><td align="left">Gets or sets the pagination size.</td><td align="left">1.0.0</td></tr><tr><td align="left">TotalPages</td><td align="left">int</td><td align="left">0</td><td align="left"></td><td align="left">Gets or sets the total pages.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="callback-events">Callback Events<a href="#callback-events" class="hash-link" aria-label="Direct link to Callback Events" title="Direct link to Callback Events">​</a></h2><table><thead><tr><th>Event</th><th>Description</th></tr></thead><tbody><tr><td>PageChanged</td><td>This event fires immediately when the page number is changed.</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="pagination">Pagination<a href="#pagination" class="hash-link" aria-label="Direct link to Pagination" title="Direct link to Pagination">​</a></h3><p>We use a large block of connected links for our pagination, making links hard to miss and easily scalable - all while providing large hit areas. Pagination is built with list HTML elements so screen readers can announce the number of available links.</p><img loading="lazy" src="https://i.imgur.com/6wDZ4zP.jpg" alt="Pagination - Examples" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">13</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">25</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/pagination#examples" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="working-with-icons">Working with icons<a href="#working-with-icons" class="hash-link" aria-label="Direct link to Working with icons" title="Direct link to Working with icons">​</a></h3><img loading="lazy" src="https://i.imgur.com/nhfGHfy.jpg" alt="Pagination - Working with icons" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ActivePageNumber</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">            </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">15</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">            </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DisplayPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">            </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">FirstLinkIcon</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.ChevronDoubleLeft</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">            </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PreviousLinkIcon</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.ChevronLeft</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">            </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">NextLinkIcon</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.ChevronRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">            </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">LastLinkIcon</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.ChevronDoubleRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/pagination#working-with-icons" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disabled-and-active-states">Disabled and active states<a href="#disabled-and-active-states" class="hash-link" aria-label="Direct link to Disabled and active states" title="Direct link to Disabled and active states">​</a></h3><img loading="lazy" src="https://i.imgur.com/SCbZVd4.jpg" alt="Pagination - Disabled and active states" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ActivePageNumber</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ActivePageNumber</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ActivePageNumber</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/pagination#disabled-and-active-states" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="sizing">Sizing<a href="#sizing" class="hash-link" aria-label="Direct link to Sizing" title="Direct link to Sizing">​</a></h3><p>Fancy larger or smaller pagination? Add <code>Size=&quot;PaginationSize.Small&quot;</code> or <code>Size=&quot;PaginationSize.Large&quot;</code> for additional sizes.</p><img loading="lazy" src="https://i.imgur.com/2kMVncQ.jpg" alt="Pagination - Sizing" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ActivePageNumber</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PaginationSize.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ActivePageNumber</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ActivePageNumber</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PaginationSize.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/pagination#sizing" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="alignment">Alignment<a href="#alignment" class="hash-link" aria-label="Direct link to Alignment" title="Direct link to Alignment">​</a></h3><img loading="lazy" src="https://i.imgur.com/RkpUdJu.jpg" alt="Pagination - Alignment" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ActivePageNumber</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ActivePageNumber</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Alignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ActivePageNumber</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Alignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/pagination#alignment" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="callback-events-1">Callback Events<a href="#callback-events-1" class="hash-link" aria-label="Direct link to Callback Events" title="Direct link to Callback Events">​</a></h3><img loading="lazy" src="https://i.imgur.com/VsB3ZYW.jpg" alt="Pagination - Callback Events" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Pagination</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ActivePageNumber</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">currentPageNumber</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">            </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TotalPages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">            </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PageChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnPageChangedAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">text</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Current Page Number: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">currentPageNumber</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">text</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> currentPageNumber </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnPageChangedAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> newPageNumber</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> currentPageNumber </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> newPageNumber</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/pagination#events" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/pagination.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/offcanvas"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Offcanvas</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/pdf-viewer"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">PDF Viewer</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#callback-events" class="table-of-contents__link toc-highlight">Callback Events</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#pagination" class="table-of-contents__link toc-highlight">Pagination</a></li><li><a href="#working-with-icons" class="table-of-contents__link toc-highlight">Working with icons</a></li><li><a href="#disabled-and-active-states" class="table-of-contents__link toc-highlight">Disabled and active states</a></li><li><a href="#sizing" class="table-of-contents__link toc-highlight">Sizing</a></li><li><a href="#alignment" class="table-of-contents__link toc-highlight">Alignment</a></li><li><a href="#callback-events-1" class="table-of-contents__link toc-highlight">Callback Events</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/pdf-viewer.html b/components/pdf-viewer.html
index c68369e95..bcd051823 100644
--- a/components/pdf-viewer.html
+++ b/components/pdf-viewer.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">PDF Viewer</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor PDF Viewer</h1><p>The Blazor PDF Viewer component allows users to view PDF files directly in the browser, without relying on third-party browser tools or extensions.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Orientation</td><td align="left"><code>Orientation</code></td><td align="left"><code>Orientation.Portrait</code></td><td align="left"></td><td align="left">Gets or sets the preferred orientation for the PDF viewer.</td><td align="left">2.1.0</td></tr><tr><td align="left">Url</td><td align="left">string</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the URL of the PDF document to be displayed. PDF Viewer component supports base64 string as a URL.</td><td align="left">1.11.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="callback-events">Callback Events<a href="#callback-events" class="hash-link" aria-label="Direct link to Callback Events" title="Direct link to Callback Events">​</a></h2><table><thead><tr><th align="left">Event</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">OnDocumentLoaded</td><td align="left">This event fires immediately after the PDF document is loaded.</td><td align="left">1.11.0</td></tr><tr><td align="left">OnPageChanged</td><td align="left">This event fires immediately after the page is changed.</td><td align="left">1.11.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="basic-usage">Basic usage<a href="#basic-usage" class="hash-link" aria-label="Direct link to Basic usage" title="Direct link to Basic usage">​</a></h3><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="Blazor Bootstrap: Blazor PDF Viewer Component - Basic usage" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">eventLog</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">PdfViewer</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Url</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnDocumentLoaded</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnDocumentLoaded</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnPageChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnPageChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp"> eventLog </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Last event: ..., CurrentPage: 0, TotalPages: 0&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnDocumentLoaded</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">PdfViewerEventArgs</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> eventLog </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Last event: OnDocumentLoaded, CurrentPage: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">CurrentPage</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">, TotalPages: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">TotalPages</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnPageChanged</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">PdfViewerEventArgs</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> eventLog </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Last event: OnPageChanged, CurrentPage: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">CurrentPage</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">, TotalPages: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">TotalPages</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/pagination#examples" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="orientation">Orientation<a href="#orientation" class="hash-link" aria-label="Direct link to Orientation" title="Direct link to Orientation">​</a></h3><p>Set the <code>Orientation</code> parameter to <code>Orientation.Landscape</code> to change the default orientation from <strong>Portrait</strong> to <strong>Landscape</strong>.</p><img loading="lazy" src="https://i.imgur.com/Ry4pa48.png" alt="Blazor Bootstrap: Blazor PDF Viewer Component - Orientation" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">eventLog</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">PdfViewer</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Url</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Orientation</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Orientation.Landscape</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnDocumentLoaded</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnDocumentLoaded</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnPageChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnPageChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp"> eventLog </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Last event: ..., CurrentPage: 0, TotalPages: 0&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnDocumentLoaded</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">PdfViewerEventArgs</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> eventLog </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Last event: OnDocumentLoaded, CurrentPage: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">CurrentPage</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">, TotalPages: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">TotalPages</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnPageChanged</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">PdfViewerEventArgs</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> eventLog </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Last event: OnPageChanged, CurrentPage: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">CurrentPage</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">, TotalPages: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">TotalPages</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/pagination#orientation" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="base64string">Base64String<a href="#base64string" class="hash-link" aria-label="Direct link to Base64String" title="Direct link to Base64String">​</a></h3><p>Pdf Viewer component supports <strong>base64</strong> string as a URL.</p><img loading="lazy" src="https://i.imgur.com/7Vz9Efi.png" alt="Blazor Bootstrap: Blazor PDF Viewer Component - Base64String" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">eventLog</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">PdfViewer</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Url</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp keyword" style="color:rgb(86, 156, 214)">string</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp function" style="color:rgb(220, 220, 170)">Format</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;data:application/pdf;base64,{0}&quot;</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> pdfBase64String</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnDocumentLoaded</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnDocumentLoaded</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">           </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnPageChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnPageChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp"> eventLog </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Last event: ..., CurrentPage: 0, TotalPages: 0&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp"> pdfBase64String</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// get pdf as base64 string</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        pdfBase64String </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">@&quot;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yc3wEAIvPjTX1ZuoA/EJb4b150BykvrznGgWgz9mYZ9WP/+j+niSJ5Bf1n8nSLfX8RimDQuML+cJl0JJUvLljxnwTvpjhm9/ufv+/lD/ab+KJr7+PyUG1RtlbmRzdHJlYW0KZW5kb2JqCjQ1IDAgb2JqCjw8Ci9BdXRob3IgKERhdmlkIE1hbmRlbGluKQovQ3JlYXRpb25EYXRlIChEOjIwMDkwMzE3MjIxMTAwWikKL0NyZWF0b3IgKE9tbmlHcmFmZmxlIDQuMi4zKQovTW9kRGF0ZSAoRDoyMDA5MDMxODAwMjMwMFopCi9Qcm9kdWNlciAoTWFjIE9TIFggMTAuNS42IFF1YXJ0eiBQREZDb250ZXh0KQovVGl0bGUgKHN0YXRlcykKPj4KZW5kb2JqCjQ2IDAgb2JqClsvSUNDQmFzZWQgNjEgMCBSXQplbmRvYmoKNDcgMCBvYmoKWy9JQ0NCYXNlZCA2MiAwIFJdCmVuZG9iago0OCAwIG9iago8PAovVHlwZSAvRm9udAovU3VidHlwZSAvVHJ1ZVR5cGUKL0Jhc2VGb250IC9SQkZZR0MjMkJIZWx2ZXRpY2EKL0ZvbnREZXNjcmlwdG9yIDYzIDAgUgovV2lkdGhzIDY0IDAgUgovRmlyc3RDaGFyIDMyCi9MYXN0Q2hhciAyMjIKL0VuY29kaW5nIC9NYWNSb21hbkVuY29kaW5nCj4+CmVuZG9iago0OSAwIG9iago8PAovVHlwZSAvRm9udAovU3VidHlwZSAvVHJ1ZVR5cGUKL0Jhc2VGb250IC9USVZSVUsjMkJIZWx2ZXRpY2EtQm9sZAovRm9udERlc2NyaXB0b3IgNjUgMCBSCi9XaWR0aHMgNjYgMCBSCi9GaXJzdENoYXIgMzIKL0xhc3RDaGFyIDEyMQovRW5jb2RpbmcgL01hY1JvbWFuRW5jb2RpbmcKPj4KZW5kb2JqCjUwIDAgb2JqCjw8Ci9MZW5ndGggNjcgMCBSCi9UeXBlIC9YT2JqZWN0Ci9TdWJ0eXBlIC9JbWFnZQovV2lkdGggMTM5Ci9IZWlnaHQgNTcKL0NvbG9yU3BhY2UgNDYgMCBSCi9TTWFzayA2OCAwIFIKL0JpdHNQZXJDb21wb25lbnQgOAovRmlsdGVyIC9GbGF0ZURlY29kZQo+PgpzdHJlYW0K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Ci9Bc2NlbnQgNzcwCi9DYXBIZWlnaHQgNzI3Ci9EZXNjZW50IC0yMzAKL0ZsYWdzIDMyCi9Gb250QkJveCBbIC05NTEgLTQ4MSAxNDQ1IDExMjJdCi9Gb250TmFtZSAvUkJGWUdDIzJCSGVsdmV0aWNhCi9JdGFsaWNBbmdsZSAwCi9TdGVtViA5OAovTWF4V2lkdGggMTUwMAovU3RlbUggODUKL1hIZWlnaHQgNTMxCi9Gb250RmlsZTIgODkgMCBSCj4+CmVuZG9iago2NCAwIG9iagpbIDI3OCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMjc4IDAgMCAyNzggMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgNjY3IDcyMiAwIDAgMCAwIDAgMjc4IDAgMCA1NTYgMCA3MjIgNzc4IDAgMCA3MjIgMCA2MTEgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgNTU2IDU1NiA1MDAgNTU2IDU1NiAwIDU1NiA1NTYgMjIyIDAgNTAwIDIyMiA4MzMgNTU2IDU1NiA1NTYgMCAzMzMgNTAwIDI3OCAwIDUwMCA3MjIgNTAwIDUwMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDUwMF0KZW5kb2JqCjY1IDAgb2JqCjw8Ci9UeXBlIC9Gb250RGVzY3JpcHRvcgovQXNjZW50IDc3MAovQ2FwSGVpZ2h0IDczMQovRGVzY2VudCAtMjMwCi9GbGFncyAzMgovRm9udEJCb3ggWyAtMTAxOCAtNDgxIDE0MzYgMTE1OV0KL0ZvbnROYW1lIC9USVZSVUsjMkJIZWx2ZXRpY2EtQm9sZAovSXRhbGljQW5nbGUgMAovU3RlbVYgMTQ5Ci9NYXhXaWR0aCAxNTAwCi9TdGVtSCAxMjQKL1hIZWlnaHQgNTQwCi9Gb250Rmls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UFRFWC5JbmZvRGljdCAyMTkgMCBSIAovTWF0cml4IFsxLjAwMDAwMDAwIDAuMDAwMDAwMDAgMC4wMDAwMDAwMCAxLjAwMDAwMDAwIDAuMDAwMDAwMDAgMC4wMDAwMDAwMF0KL0JCb3ggWzQuNzQzMTY5MDAgNDk4LjAxMDkwMDAwIDU0OS4wMDU0MDAwMCA3ODEuMDcxMDAwMDBdCi9SZXNvdXJjZXMgPDwKL1Byb2NTZXQgWyAvUERGIC9UZXh0IC9JbWFnZUIgL0ltYWdlQyAvSW1hZ2VJIF0KL0NvbG9yU3BhY2UgPDwKL0NzMSAyMjAgMCBSCj4+L0ZvbnQgPDwgL0YxLjEgMjIxIDAgUj4+Ci9YT2JqZWN0IDw8Ci9JbTQ4IDIyMiAwIFIKL0ltMTcgMjIzIDAgUgovSW0zMyAyMjQgMCBSCi9JbTUyIDIyNSAwIFIKL0ltMjEgMjI2IDAgUgovSW0xMyAyMjcgMCBSCi9JbTIzIDIyOCAwIFIKL0ltOSAyMjkgMCBSCi9JbTE2IDIzMCAwIFIKL0ltNDMgMjMxIDAgUgovSW00NCAyMzIgMCBSCi9JbTY1IDIzMyAwIFIKL0ltNiAyMzQgMCBSCi9JbTI3IDIzNSAwIFIKL0ltMTIgMjM2IDAgUgovSW0zNSAyMzcgMCBSCi9JbTUwIDIzOCAwIFIKL0ltNjggMjM5IDAgUgovSW00MSAyNDAgMCBSCi9JbTc1IDI0MSAwIFIKL0ltNzcgMjQyIDAgUgovSW02NCAyNDMgMCBSCi9JbTUgMjQ0IDAgUgovSW00NSAyNDUgMCBSCi9JbTIwIDI0NiAwIFIKL0ltNjkgMjQ3IDAgUgovSW0zOCAyNDggMCBSCi9JbTEgMjQ5IDAgUgovSW00MiAyNTAgMCBSCi9JbTcyIDI1MSAwIFIKL0ltMTQgMjUyIDAgUgovSW01NSAyNTMgMCBSCi9JbTI0IDI1NCAwIFIKL0ltMzcgMjU1IDAgUgovSW00NiAyNTYgMCBSCi9JbTggMjU3IDAgUgovSW0zNiAyNTggMCBSCi9JbTYxIDI1OSAwIFIKL0ltNTQgMjYwIDAgUgovSW0yMiAyNjEgMCBSCi9JbTQwIDI2MiAwIFIKL0ltNjcgMjYzIDAgUgovSW03MSAyNjQgMCBSCi9JbTc4IDI2NSAwIFIKL0ltMzkgMjY2IDAgUgovSW0yOSAyNjcgMCBSCi9JbTI2IDI2OCAwIFIKL0ltNjYgMjY5IDAgUgovSW03MCAyNzAgMCBSCi9JbTc0IDI3MSAwIFIKL0ltNjMgMjcyIDAgUgovSW01MSAyNzMgMCBSCi9JbTMgMjc0IDAgUgovSW03IDI3NSAwIFIKL0ltNTcgMjc2IDAgUgovSW0yIDI3NyAwIFIKL0ltMzEgMjc4IDAgUgovSW03MyAyNzkgMCBSCi9JbTEwIDI4MCAwIFIKL0ltMjUgMjgxIDAgUgovSW0yOCAyODIgMCBSCi9JbTUzIDI4MyAwIFIKL0ltNTkgMjg0IDAgUgovSW0xMSAyODUgMCBSCi9JbTQgMjg2IDAgUgovSW0xOCAyODcgMCBSCi9JbTU2IDI4OCAwIFIKL0ltMTUgMjg5IDAgUgovSW0xOSAyOTAgMCBSCi9JbTMyIDI5MSAwIFIKL0ltNDkgMjkyIDAgUgovSW0zMCAyOTMgMCBSCi9JbTc2IDI5NCAwIFIKL0ltNTggMjk1IDAgUgovSW00NyAyOTYgMCBSCi9JbTYyIDI5NyAwIFIKL0ltMzQgMjk4IDAgUgovSW02MCAyOTkgMCBSCj4+L1NoYWRpbmcgPDwKL1NoMjMgMzAwIDAgUgovU2gxOCAzMDEgMCBSCi9TaDMyIDMwMiAwIFIKL1NoNzkgMzAzIDAgUgovU2g1NiAzMDQgMCBSCi9TaDUxIDMwNSAwIFIKL1NoNjkgMzA2IDAgUgovU2gxNCAzMDcgMCBSCi9TaDQxIDMwOCAwIFIKL1NoNzcgMzA5IDAgUgovU2g3OCAzMTAgMCBSCi9TaDM4IDMxMSAwIFIKL1NoNjEgMzEyIDAgUgovU2gyOCAzMTMgMCBSCi9TaDYwIDMxNCAwIFIKL1NoNTUgMzE1IDAgUgovU2g5IDMxNiAwIFIKL1NoOCAzMTcgMCBSCi9TaDgwIDMxOCAwIFIKL1NoMjcgMzE5IDAgUgovU2g0NSAzMjAgMCBSCi9TaDM3IDMyMSAwIFIKL1NoNDggMzIyIDAgUgovU2gxMiAzMjMgMCBSCi9TaDI2IDMyNCAwIFIKL1NoMjIgMzI1IDAgUgovU2g3MCAzMjYgMCBSCi9TaDI0IDMyNyAwIFIKL1NoMjUgMzI4IDAgUgovU2gyOSAzMjkgMCBSCi9TaDU4IDMzMCAwIFIKL1NoMzEgMzMxIDAgUgovU2gzIDMzMiAwIFIKL1NoNDQgMzMzIDAgUgovU2g3NCAzMzQgMCBSCi9TaDY2IDMzNSAwIFIKL1NoNDAgMzM2IDAgUgovU2gxIDMzNyAwIFIKL1NoMTEgMzM4IDAgUgovU2g1MiAzMzkgMCBSCi9TaDcyIDM0MCAwIFIKL1NoNTcgMzQxIDAgUgovU2gyIDM0MiAwIFIKL1NoMzQgMzQzIDAgUgovU2g0MyAzNDQgMCBSCi9TaDQ5IDM0NSAwIFIKL1NoNjcgMzQ2IDAgUgovU2g0IDM0NyAwIFIKL1NoMTkgMzQ4IDAgUgovU2g2NSAzNDkgMCBSCi9TaDY4IDM1MCAwIFIKL1NoNzUgMzUxIDAgUgovU2gyMCAzNTIgMCBSCi9TaDcxIDM1MyAwIFIKL1NoMzkgMzU0IDAgUgovU2g3NiAzNTUgMCBSCi9TaDQ3IDM1NiAwIFIKL1NoMTUgMzU3IDAgUgovU2g1NCAzNTggMCBSCi9TaDMwIDM1OSAwIFIKL1NoNjMgMzYwIDAgUgovU2g2IDM2MSAwIFIKL1NoNyAzNjIgMCBSCi9TaDE2IDM2MyAwIFIKL1NoMzYgMzY0IDAgUgovU2g2NCAzNjUgMCBSCi9TaDEwIDM2NiAwIFIKL1NoODEgMzY3IDAgUgovU2g1OSAzNjggMCBSCi9TaDMzIDM2OSAwIFIKL1NoMjEgMzcwIDAgUgovU2gxMyAzNzEgMCBSCi9TaDUzIDM3MiAwIFIKL1NoNTAgMzczIDAgUgovU2gzNSAzNzQgMCBSCi9TaDQyIDM3NSAwIFIKL1NoNDYgMzc2IDAgUgovU2g2MiAzNzcgMCBSCi9TaDczIDM3OCAwIFIKL1NoMTcgMzc5IDAgUgovU2g1IDM4MCAwIFIKPj4+PgovTGVuZ3RoIDM4MSAwIFIKL0ZpbHRlciAvRmxhdGVEZWNvZGUKPj4Kc3RyZWFtCngB3P1Jr67LlqZp9devWBQpQUrsmHXRJQCJHshDijY6ipCTck+IcBB/n+t+7J3FKk7GPjunhIR746z5bCuHDRu1vd9/+f5//f5fvt++/vF69/3x5uaPl5eb2++Pd3d/PLx8v3u+++P26ft//U/f/+P3//H7v/v3/3b7/W//9v12//9vf3vv9PLHy0Od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MTYwNTQ2NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTQ0IDAgUgo+PgplbmRvYmoKMzAzIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDU1OTQ5NjAgMjc0Mjg0IDU1OTQ5NjAgMzQ0MDM2XQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTQ1IDAgUgo+PgplbmRvYmoKMzA0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDExOTA4NDYgMTQ1MTc0MyAxMTkwODQ2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NDYgMCBSCj4+CmVuZG9iagozMDUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNjAzNjY5NCAxOTkyMjcxIDYwMzY2OTQgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU0NyAwIFIKPj4KZW5kb2JqCjMwNiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA0MjIyNzQwIDE5ODU2NzMgNDIyMjc0MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTQ4IDAgUgo+PgplbmRvYmoKMzA3IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDM0MTk0MTggMjAxNzU5NiAzNDE5NDE4IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NDkgMCBSCj4+CmVuZG9iagozMDggMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzcwNDQ2OCAxOTgwNjQ1IDM3MDQ0NjggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU1MCAwIFIKPj4KZW5kb2JqCjMwOSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA2MDg4NTIyIDIwNzE4MzUgNjA4ODUyMiAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTUxIDAgUgo+PgplbmRvYmoKMzEwIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDYzMjE3NDQgMjA2NTk5OCA2MzIxNzQ0IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NTIgMCBSCj4+CmVuZG9iagozMTEgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzAwNDgwMCAxNTc1NTIzIDMwMDQ4MDAgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU1MyAwIFIKPj4KZW5kb2JqCjMxMiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyMzU2OTU4IDE0ODkyMzggMjM1Njk1OCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTU0IDAgUgo+PgplbmRvYmoKMzEzIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDY3MjU3MyAyMDYwMTg0IDY3MjU3MyAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTU1IDAgUgo+PgplbmRvYmoKMzE0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDIxMjM3MzYgMTMxNDQ2OCAyMTIzNzM2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NTYgMCBSCj4+CmVuZG9iagozMTUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgOTU3NjIzIDE5ODgwMzkgOTU3NjIzIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NTcgMCBSCj4+CmVuZG9iagozMTYgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMjI1MzMwNCAxNDczMTI1IDIyNTMzMDQgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU1OCAwIFIKPj4KZW5kb2JqCjMxNyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyMDIwMDgyIDM1Njg4IDIwMjAwODIgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU1OSAwIFIKPj4KZW5kb2JqCjMxOCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1NTk0OTYwIDUwMzI0MyA1NTk0OTYwIDU3Mjk5NV0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU2MCAwIFIKPj4KZW5kb2JqCjMxOSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA0MzkzNTAuNSAyMDU0NDEyIDQzOTM1MC41IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NjEgMCBSCj4+CmVuZG9iagozMjAgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDYzNzM1OCAyMDQwMDE1IDQ2MzczNTggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU2MiAwIFIKPj4KZW5kb2JqCjMyMSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyNzcxNTc2IDE4Mzk0NjEgMjc3MTU3NiAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTYzIDAgUgo+PgplbmRvYmoKMzIyIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDUzMzcwMjYgMjA0MDQyMyA1MzM3MDI2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NjQgMCBSCj4+CmVuZG9iagozMjMgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMjk1Mjk3MiAyMTMwODc3IDI5NTI5NzIgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU2NSAwIFIKPj4KZW5kb2JqCjMyNCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA2MjE4MDkwIDIwNTUzNDAgNjIxODA5MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTY2IDAgUgo+PgplbmRvYmoKMzI1IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDUyODUxOTggMTk5NzYyNCA1Mjg1MTk4IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NjcgMCBSCj4+CmVuZG9iagozMjYgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDQ1NTk2MiAxNzkxNDUwIDQ0NTU5NjIgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU2OCAwIFIKPj4KZW5kb2JqCjMyNyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1NzUxNjQ0IDIxMjA4NDUgNTc1MTY0NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTY5IDAgUgo+PgplbmRvYmoKMzI4IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDU5ODQ4NjYgMjExMjAyMSA1OTg0ODY2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NzAgMCBSCj4+CmVuZG9iagozMjkgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgOTA1Nzk1LjUgMTk3OTIxMyA5MDU3OTUuNSAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTcxIDAgUgo+PgplbmRvYmoKMzMwIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDE2NTcyOTAgMTc3ODk0NSAxNjU3MjkwIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NzIgMCBSCj4+CmVuZG9iagozMzEgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMTM3MjI0MSAxNDY3OTkwIDEzNzIyNDEgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU3MyAwIFIKPj4KZW5kb2JqCjMzMiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA4NTM5NjguNSAyMTEzNDk3IDg1Mzk2OC41IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NzQgMCBSCj4+CmVuZG9iagozMzMgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDQwNDEzNiAxOTYwMTQxIDQ0MDQxMzYgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU3NSAwIFIKPj4KZW5kb2JqCjMzNCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1Mzg4ODU0IDIwNjA0NjcgNTM4ODg1NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTc2IDAgUgo+PgplbmRvYmoKMzM1IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDM1MjMwNzIgMjAyNDQ4MiAzNTIzMDcyIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NzcgMCBSCj4+CmVuZG9iagozMzYgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzQ3MTI0NCAyMDExMjgzIDM0NzEyNDQgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU3OCAwIFIKPj4KZW5kb2JqCjMzNyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzODc1MjMgMjAyNjQ1OCAzODc1MjMgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU3OSAwIFIKPj4KZW5kb2JqCjMzOCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyNzE5NzUwIDE5NzkyMjggMjcxOTc1MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTgwIDAgUgo+PgplbmRvYmoKMzM5IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDYyNjk5MTYgMjA5ODM0MyA2MjY5OTE2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1ODEgMCBSCj4+CmVuZG9iagozNDAgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDkyMjQwOCAxNzkwNzkzIDQ5MjI0MDggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU4MiAwIFIKPj4KZW5kb2JqCjM0MSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAxNDI0MDY4IDE2OTQxNTkgMTQyNDA2OCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTgzIDAgUgo+PgplbmRvYmoKMzQyIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDYyMDc0NS41IDE5Njk5MTkgNjIwNzQ1LjUgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU4NCAwIFIKPj4KZW5kb2JqCjM0MyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyMDcxOTA5IDEwOTU1NzcgMjA3MTkwOSAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTg1IDAgUgo+PgplbmRvYmoKMzQ0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDQxNzA5MTIgMTk5NzY4NCA0MTcwOTEyIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1ODYgMCBSCj4+CmVuZG9iagozNDUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNTU3MDI0OCAxOTI5MDMzIDU1NzAyNDggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU4NyAwIFIKPj4KZW5kb2JqCjM0NiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzNzU2Mjk0IDE5NjYyMTkgMzc1NjI5NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTg4IDAgUgo+PgplbmRvYmoKMzQ3IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDEwODcxOTEgMjEzNDYwMCAxMDg3MTkxIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1ODkgMCBSCj4+CmVuZG9iagozNDggMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDU4NTUzMCAxNzA5Njk3IDQ1ODU1MzAgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU5MCAwIFIKPj4KZW5kb2JqCjM0OSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzMjg5ODUwIDIwMjQ4ODYgMzI4OTg1MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTkxIDAgUgo+PgplbmRvYmoKMzUwIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDM5ODk1MTggMjA5OTE1OCAzOTg5NTE4IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1OTIgMCBSCj4+CmVuZG9iagozNTEgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNTYyMjA3NiAxOTI5MDMzIDU2MjIwNzYgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU5MyAwIFIKPj4KZW5kb2JqCjM1MiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA0ODE4NzU0IDE2MDUxMjQgNDgxODc1NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTk0IDAgUgo+PgplbmRvYmoKMzUzIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDQ2ODkxODYgMTk0MzgzMCA0Njg5MTg2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1OTUgMCBSCj4+CmVuZG9iagozNTQgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzIzODAyMiAxOTA0MzE4IDMyMzgwMjIgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU5NiAwIFIKPj4KZW5kb2JqCjM1NSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1ODU1Mjk4IDIxMDQxNzkgNTg1NTI5OCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTk3IDAgUgo+PgplbmRvYmoKMzU2IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDUxMDM4MDQgMTczMzk3MiA1MTAzODA0IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1OTggMCBSCj4+CmVuZG9iagozNTcgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzY1MjY0MCAxNzA1NTI0IDM2NTI2NDAgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU5OSAwIFIKPj4KZW5kb2JqCjM1OCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA3MjQ0MDAuNSAyMDI1MjcyIDcyNDQwMC41IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MDAgMCBSCj4+CmVuZG9iagozNTkgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMTEzOTAxOCAxODQwODI4IDExMzkwMTggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwMSAwIFIKPj4KZW5kb2JqCjM2MCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyODIzNDA0IDE4NTkxOTIgMjgyMzQwNCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjAyIDAgUgo+PgplbmRvYmoKMzYxIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDE1NTM2MzYgMTg1NTk1NSAxNTUzNjM2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MDMgMCBSCj4+CmVuZG9iagozNjIgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMTc4Njg1OSAxOTUzODg0IDE3ODY4NTkgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwNCAwIFIKPj4KZW5kb2JqCjM2MyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzODg1ODYzIDIxMjI0NzYgMzg4NTg2MyAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjA1IDAgUgo+PgplbmRvYmoKMzY0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDI1MzgzNTQgMTYzNDk4MCAyNTM4MzU0IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MDYgMCBSCj4+CmVuZG9iagozNjUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzA1NjYyNiAxMzY4MzM2IDMwNTY2MjYgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwNyAwIFIKPj4KZW5kb2JqCjM2NiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyNDg2NTI3IDU5MDk1IDI0ODY1MjcgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwOCAwIFIKPj4KZW5kb2JqCjM2NyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1NTk0OTYwIDczMjIwMiA1NTk0OTYwIDgwMTk1NF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwOSAwIFIKPj4KZW5kb2JqCjM2OCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAxODkwNTE0IDE4MDUwNDcgMTg5MDUxNCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjEwIDAgUgo+PgplbmRvYmoKMzY5IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDE4Mzg2ODYgMTc1ODUzNSAxODM4Njg2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MTEgMCBSCj4+CmVuZG9iagozNzAgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNTA1MTk3NiAxODU0NTIzIDUwNTE5NzYgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYxMiAwIFIKPj4KZW5kb2JqCjM3MSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzMTg2MTk1IDIwNzM3MTcgMzE4NjE5NSAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjEzIDAgUgo+PgplbmRvYmoKMzcyIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDQ5MTE3Ny41IDE5NjMwODYgNDkxMTc3LjUgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYxNCAwIFIKPj4KZW5kb2JqCjM3MyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1ODAzNDcyIDIxMTQ4MDMgNTgwMzQ3MiAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjE1IDAgUgo+PgplbmRvYmoKMzc0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDIzMDUxMzIgMTQwMDgxMCAyMzA1MTMyIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MTYgMCBSCj4+CmVuZG9iagozNzUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzkzNzY5MCAyMDEzNTI4IDM5Mzc2OTAgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYxNyAwIFIKPj4KZW5kb2JqCjM3NiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA0ODcwNTgwIDE5MjkyNjMgNDg3MDU4MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjE4IDAgUgo+PgplbmRvYmoKMzc3IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDI1OTAxODIgMTc5MDA4NyAyNTkwMTgyIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MTkgMCBSCj4+CmVuZG9i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CjYzMSAwIG9iago4MTEKZW5kb2JqCjYzMiAwIG9iago5MzMKZW5kb2JqCjYzMyAwIG9iagoxMDAzCmVuZG9iago2MzQgMCBvYmoKODU1CmVuZG9iago2MzUgMCBvYmoKNjY5CmVuZG9iago2MzYgMCBvYmoKOTczCmVuZG9iago2MzcgMCBvYmoKODQyCmVuZG9iago2MzggMCBvYmoKMTAyNgplbmRvYmoKNjM5IDAgb2JqCjk1MQplbmRvYmoKNjQwIDAgb2JqCjkzOQplbmRvYmoKNjQxIDAgb2JqCjEwNTQKZW5kb2JqCjY0MiAwIG9iago5NDYKZW5kb2JqCjY0MyAwIG9iago5MzYKZW5kb2JqCjY0NCAwIG9iago5ODMKZW5kb2JqCjY0NSAwIG9iagoxMDI2CmVuZG9iago2NDYgMCBvYmoKOTY5CmVuZG9iago2NDcgMCBvYmoKMTEwNQplbmRvYmoKNjQ4IDAgb2JqCjk2MAplbmRvYmoKNjQ5IDAgb2JqCjkyMAplbmRvYmoKNjUwIDAgb2JqCjEwNDQKZW5kb2JqCjY1MSAwIG9iago4NDIKZW5kb2JqCjY1MiAwIG9iagoxMDc2CmVuZG9iago2NTMgMCBvYmoKOTcwCmVuZG9iago2NTQgMCBvYmoKOTQ5CmVuZG9iago2NTUgMCBvYmoKOTYzCmVuZG9iago2NTYgMCBvYmoKOTU3CmVuZG9iago2NTcgMCBvYmoKOTU0CmVuZG9iago2NTggMCBvYmoKOTUxCmVuZG9iago2NTkgMCBvYmoKOTI2CmVuZG9iago2NjAgMCBvYmoKOTg1CmVuZG9iago2NjEgMCBvYmoKMTMwMAplbmRvYmoKNjYyIDAgb2JqCjc0MwplbmRvYmoKNjYzIDAgb2JqCjEwMzMKZW5kb2JqCjY2NCAwIG9iago4NDIKZW5kb2JqCjY2NSAwIG9iago3ODQKZW5kb2JqCjY2NiAwIG9iago5ODcKZW5kb2JqCjY2NyAwIG9iago5ODAKZW5kb2JqCjY2OCAwIG9iagoxMDE4CmVuZG9iago2NjkgMCBvYmoKOTUxCmVuZG9iago2NzAgMCBvYmoKOTgyCmVuZG9iago2NzEgMCBvYmoKODkwCmVuZG9iago2NzIgMCBvYmoKODgxCmVuZG9iago2NzMgMCBvYmoKOTQ1CmVuZG9iago2NzQgMCBvYmoKMTAxMwplbmRvYmoKNjc1IDAgb2JqCjk2MQplbmRvYmoKNjc2IDAgb2JqCjEwMDQKZW5kb2JqCjY3NyAwIG9iago5NzgKZW5kb2JqCjY3OCAwIG9iago3MjkKZW5kb2JqCjY3OSAwIG9iago5ODEKZW5kb2JqCjY4MCAwIG9iagoxMDM5CmVuZG9iago2ODEgMCBvYmoKOTE0CmVuZG9iago2ODIgMCBvYmoKMTA0MwplbmRvYmoKNjgzIDAgb2JqCjEwMjgKZW5kb2JqCjY4NCAwIG9iagoxMjYzCmVuZG9iago2ODUgMCBvYmoKOTc5CmVuZG9iago2ODYgMCBvYmoKOTYwCmVuZG9iago2ODcgMCBvYmoKOTc5CmVuZG9iago2ODggMCBvYmoKMTAwMwplbmRvYmoKNjg5IDAgb2JqCjgzOQplbmRvYmoKNjkwIDAgb2JqCjgzMgplbmRvYmoKNjkxIDAgb2JqCjgyNAplbmRvYmoKNjkyIDAgb2JqCjEwMjMKZW5kb2JqCjY5MyAwIG9iago5ODMKZW5kb2JqCjY5NCAwIG9iagoxMDYyCmVuZG9iago2OTUgMCBvYmoKOTk5CmVuZG9iago2OTYgMCBvYmoKMTAyNwplbmRvYmoKNjk3IDAgb2JqCjEwMTMKZW5kb2JqCjY5OCAwIG9iago4MzIKZW5kb2JqCjY5OSAwIG9iago5OTcKZW5kb2JqCjcwMCAwIG9iagoxMDY3CmVuZG9iago3MDEgMCBvYmoKOTg0CmVuZG9iago3MDIgMCBvYmoKOTc3CmVuZG9iago3MDMgMCBvYmoKMTA2MQplbmRvYmoKNzA0IDAgb2JqCjc4MAplbmRvYmoKNzA1IDAgb2JqCjc4MAplbmRvYmoKNzA2IDAgb2JqCjgwNQplbmRvYmoKNzA3IDAgb2JqCjc4MAplbmRvYmoKNzA4IDAgb2JqCjczMAplbmRvYmoKNzA5IDAgb2JqCjgwNQplbmRvYmoKNzEwIDAgb2JqCjczMAplbmRvYmoKNzExIDAgb2JqCjc4MAplbmRvYmoKNzEyIDAgb2JqCjgwNQplbmRvYmoKNzEzIDAgb2JqCjczMAplbmRvYmoKNzE0IDAgb2JqCjczMAplbmRvYmoKNzE1IDAgb2JqCjgwNQplbmRvYmoKNzE2IDAgb2JqCjczMAplbmRvYmoKNzE3IDAgb2JqCjgwNQplbmRvYmoKNzE4IDAgb2JqCjczMAplbmRvYmoKNzE5IDAgb2JqCjczMAplbmRvYmoKNzIwIDAgb2JqCjc4MAplbmRvYmoKNzIxIDAgb2JqCjc4MAplbmRvYmoKNzIyIDAgb2JqCjgwNQplbmRvYmoKNzIzIDAgb2JqCjgwNQplbmRvYmoKNzI0IDAgb2JqCjgwNQplbmRvYmoKNzI1IDAgb2JqCjgwNQplbmRvYmoKNzI2IDAgb2JqCjgwNQplbmRvYmoKNzI3IDAgb2JqCjc4MAplbmRvYmoKNzI4IDAgb2JqCjc4MAplbmRvYmoKNzI5IDAgb2JqCjc4MAplbmRvYmoKNzMwIDAgb2JqCjczMAplbmRvYmoKNzMxIDAgb2JqCjc4MAplbmRvYmoKNzMyIDAgb2JqCjc4MAplbmRvYmoKNzMzIDAgb2JqCjgwNQplbmRvYmoKNzM0IDAgb2JqCjczMAplbmRvYmoKNzM1IDAgb2JqCjgwNQplbmRvYmoKNzM2IDAgb2JqCjc4MAplbmRvYmoKNzM3IDAgb2JqCjgwNQplbmRvYmoKNzM4IDAgb2JqCjczMAplbmRvYmoKNzM5IDAgb2JqCjczMAplbmRvYmoKNzQwIDAgb2JqCjgwNQplbmRvYmoKNzQxIDAgb2JqCjc4MAplbmRvYmoKNzQyIDAgb2JqCjc4MAplbmRvYmoKNzQzIDAgb2JqCjgwNQplbmRvYmoKNzQ0IDAgb2JqCjczMAplbmRvYmoKNzQ1IDAgb2JqCjczMAplbmRvYmoKNzQ2IDAgb2JqCjc4MAplbmRvYmoKNzQ3IDAgb2JqCjgwNQplbmRvYmoKNzQ4IDAgb2JqCjgwNQplbmRvYmoKNzQ5IDAgb2JqCjgwNQplbmRvYmoKNzUwIDAgb2JqCjczMAplbmRvYmoKNzUxIDAgb2JqCjc4MAplbmRvYmoKNzUyIDAgb2JqCjc4MAplbmRvYmoKNzUzIDAgb2JqCjczMAplbmRvYmoKNzU0IDAgb2JqCjczMAplbmRvYmoKNzU1IDAgb2JqCjczMAplbmRvYmoKNzU2IDAgb2JqCjc4MAplbmRvYmoKNzU3IDAgb2JqCjczMAplbmRvYmoKNzU4IDAgb2JqCjgwNQplbmRvYmoKNzU5IDAgb2JqCjczMAplbmRvYmoKNzYwIDAgb2JqCjgwNQplbmRvYmoKNzYxIDAgb2JqCjc4MAplbmRvYmoKNzYyIDAgb2JqCjczMAplbmRvYmoKNzYzIDAgb2JqCjgwNQplbmRvYmoKNzY0IDAgb2JqCjczMAplbmRvYmoKNzY1IDAgb2JqCjc4MAplbmRvYmoKNzY2IDAgb2JqCjc4MAplbmRvYmoKNzY3IDAgb2JqCjc4MAplbmRvYmoKNzY4IDAgb2JqCjgwNQplbmRvYmoKNzY5IDAgb2JqCjczMAplbmRvYmoKNzcwIDAgb2JqCjc4MAplbmRvYmoKNzcxIDAgb2JqCjczMAplbmRvYmoKNzcyIDAgb2JqCjczMAplbmRvYmoKNzczIDAgb2JqCjgwNQplbmRvYmoKNzc0IDAgb2JqCjc4MAplbmRvYmoKNzc1IDAgb2JqCjc4MAplbmRvYmoKNzc2IDAgb2JqCjczMAplbmRvYmoKNzc3IDAgb2JqCjgwNQplbmRvYmoKNzc4IDAgb2JqCjgwNQplbmRvYmoKNzc5IDAgb2JqCjgwNQplbmRvYmoKNzgwIDAgb2JqCjgwNQplbmRvYmoKNzgxIDAgb2JqCjczMAplbmRvYmoKNzgyIDAgb2JqCjczMAplbmRvYmoKNzgzIDAgb2JqCjc4MAplbmRvYmoKNzg0IDAgb2JqCjc4MAplbmRvYmoKNzg1IDAgb2JqCjk4MzMKZW5kb2JqCjIxNiAwIG9iaiA8PAovRm9udCA8PCAvRjQxIDYgMCBSIC9GNDIgOSAwIFIgL0YzMyAyNCAwIFIgL0YyNiAxMiAwIFIgPj4KL1hPYmplY3QgPDwgL0ltNiAxOTggMCBSID4+Ci9Qcm9jU2V0IFsgL1BERiAvVGV4dCBdCj4+IGVuZG9iago3ODggMCBvYmogPDwKL0xlbmd0aCA0MjY1ICAgICAgCi9GaWx0ZXIgL0ZsYXRlRGVjb2RlCj4+CnN0cmVhbQp42q062ZLjxpHv/RV82TA6ogmhqlA4HqWQpZVCsrSatuwI2Q8gAJLwgACNwz3cr3deBQIk2BpvbEz0oCrryMqsvItfvT598U2oN4mfRlG4ed1vVBT5NjJmEyvjBzrSm9fiN++Htj33z1tljPFen431urLkfij9LC/dhC93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lJsc+8uveoQKGf/mucKHkR2+5IKWitLNiXZYTolUEs1NLeow4Qr/BUAqMh5QkyB1myf0mko6OLCruhBlG/wCmFZw8/3jzX8AKyTyhmVuZHN0cmVhbQplbmRvYmoKNzkwIDAgb2JqIDw8Ci9UeXBlIC9QYWdlCi9Db250ZW50cyA3OTEgMCBSCi9SZXNvdXJjZXMgNzg5IDAgUgovTWVkaWFCb3ggWzAgMCA2MTIgNzkyXQovUGFyZW50IDc5MiAwIFIKPj4gZW5kb2JqCjIwMCAwIG9iaiA8PAovVHlwZSAvWE9iamVjdAovU3VidHlwZSAvRm9ybQovRm9ybVR5cGUgMQovUFRFWC5GaWxlTmFtZSAoLi9JbnRlcm5hbFRpbWVDb3N0cy5wZGYpCi9QVEVYLlBhZ2VOdW1iZXIgMQovUFRFWC5JbmZvRGljdCA3OTMgMCBSIAovTWF0cml4IFsxLjAwMDAwMDAwIDAuMDAwMDAwMDAgMC4wMDAwMDAwMCAxLjAwMDAwMDAwIDAuMDAwMDAwMDAgMC4wMDAwMDAwMF0KL0JCb3ggWzU1LjExNzA4MDAwIDMzMS4zNDc0MDAwMCA1MDAuNDE0NjAwMDAgNzE5LjA2MzQwMDAwXQovUmVzb3VyY2VzIDw8Ci9Qcm9jU2V0IFsgL1BERiAvVGV4dCAvSW1hZ2VCIC9JbWFnZUMgL0ltYWdlSSBdCi9Db2xvclNwYWNlIDw8Ci9DczEgNzk0IDAgUgo+Pi9FeHRHU3RhdGUgPDwKL0dzMSA3OTUgMCBSCi9HczIgNzk2IDAgUgo+Pi9Gb250IDw8IC9GMS4xIDc5NyAwIFI+PgovWE9iamVjdCA8PAovSW0yIDc5OCAwIFIKL0ltMSA3OTkgMCBSCj4+L1BhdHRlcm4gPDwKL1AxMyA4MDAgMCBSCi9QMjggODAxIDAgUgovUDE0IDgwMiAwIFIKL1AzMSA4MDMgMCBSCi9QMSA4MDQgMCBSCi9QMjQgODA1IDAgUgovUDQyIDgwNiAwIFIKL1AyMyA4MDcgMCBSCi9QNDYgODA4IDAgUgovUDI3IDgwOSAwIFIKL1AyMCA4MTAgMCBSCi9QNyA4MTEgMCBSCi9QMzkgODEyIDAgUgovUDI2IDgxMyAwIFIKL1AyNSA4MTQgMCBSCi9QMzQgODE1IDAgUgovUDgg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CmVuZG9iago4NzAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODcxIDAgb2JqCjU0CmVuZG9iago4NzIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODczIDAgb2JqCjU0CmVuZG9iago4NzQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODc1IDAgb2JqCjU0CmVuZG9iago4NzYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODc3IDAgb2JqCjU0CmVuZG9iago4NzggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODc5IDAgb2JqCjU0CmVuZG9iago4ODAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODgxIDAgb2JqCjU0CmVuZG9iago4ODIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODgzIDAgb2JqCjU0CmVuZG9iago4ODQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODg1IDAgb2JqCjU0CmVuZG9iago4ODYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODg3IDAgb2JqCjU0CmVuZG9iago4ODggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODg5IDAgb2JqCjU0CmVuZG9iago4OTAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODkxIDAgb2JqCjU0CmVuZG9iago4OTIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODkzIDAgb2JqCjU0CmVuZG9iago4OTQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODk1IDAgb2JqCjU0CmVuZG9iago4OTYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODk3IDAgb2JqCjU0CmVuZG9iago4OTggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODk5IDAgb2JqCjU0CmVuZG9iago5MDAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTAxIDAgb2JqCjU0CmVuZG9iago5MDIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTAzIDAgb2JqCjU0CmVuZG9iago5MDQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTA1IDAgb2JqCjU0CmVuZG9iago5MDYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTA3IDAgb2JqCjU0CmVuZG9iago5MDggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTA5IDAgb2JqCjU0CmVuZG9iago5MTAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTExIDAgb2JqCjU0CmVuZG9iago5MTIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTEzIDAgb2JqCjU0CmVuZG9iago5MTQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTE1IDAgb2JqCjU0CmVuZG9iago5MTYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTE3IDAgb2JqCjU0CmVuZG9iago5MTggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTE5IDAgb2JqCjU0CmVuZG9iago5MjAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTIxIDAgb2JqCjU0CmVuZG9iago5MjIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTIzIDAgb2JqCjU0CmVuZG9iago5MjQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTI1IDAgb2JqCjU0CmVuZG9iago5MjYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTI3IDAgb2JqCjU0CmVuZG9iago5MjggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTI5IDAgb2JqCjU0CmVuZG9iago5MzAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTMxIDAgb2JqCjU0CmVuZG9iago5MzIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTMzIDAgb2JqCjU0CmVuZG9iago5MzQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTM1IDAgb2JqCjU0CmVuZG9iago5MzYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTM3IDAgb2JqCjU0CmVuZG9iago5MzggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTM5IDAgb2JqCjU0CmVuZG9iago5NDAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTQxIDAgb2JqCjU0CmVuZG9iago5NDIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTQzIDAgb2JqCjU0CmVuZG9iago5NDQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTQ1IDAgb2JqCjU0CmVuZG9iago5NDYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTQ3IDAgb2JqCjU0CmVuZG9iago5NDggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTQ5IDAgb2JqCjU0CmVuZG9iago5NTAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTUxIDAgb2JqCjU0CmVuZG9iago5NTIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9J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QmFzZUZvbnQgL1pSVVNSTytDTVNZNwovRm9udERlc2NyaXB0b3IgMzcgMCBSCj4+IGVuZG9iagozNyAwIG9iaiA8PAovQXNjZW50IDc1MAovQ2FwSGVpZ2h0IDY4MwovRGVzY2VudCAtMTk0Ci9Gb250TmFtZSAvWlJVU1JPK0NNU1k3Ci9JdGFsaWNBbmdsZSAtMTQuMDM1Ci9TdGVtViA5MwovWEhlaWdodCA0MzEKL0ZvbnRCQm94IFstMTUgLTk1MSAxMjUyIDc4Ml0KL0ZsYWdzIDQKL0NoYXJTZXQgKC9jaXJjbGVjb3B5cnQpCi9Gb250RmlsZSAzOCAwIFIKPj4gZW5kb2JqCjk3NSAwIG9iagpbMTEzOSBdCmVuZG9iago5NzQgMCBvYmogPDwKL1R5cGUgL0VuY29kaW5nCi9EaWZmZXJlbmNlcyBbIDAgLy5ub3RkZWYgMTMvY2lyY2xlY29weXJ0IDE0Ly5ub3RkZWZdCj4+IGVuZG9iago5NzYgMCBvYmogPDwKL1R5cGUgL0VuY29kaW5nCi9EaWZmZXJlbmNlcyBbIDAgLy5ub3RkZWYgMS9kb3RhY2NlbnQvZmkvZmwvZnJhY3Rpb24vaHVuZ2FydW1sYXV0L0xzbGFzaC9sc2xhc2gvb2dvbmVrL3JpbmcgMTAvLm5vdGRlZiAxMS9icmV2ZS9taW51cyAxMy8ubm90ZGVmIDE0L1pjYXJvbi96Y2Fyb24vY2Fyb24vZG90bGVzc2kvZG90bGVzc2ovZmYvZmZpL2ZmbC9ub3RlcXVhbC9pbmZpbml0eS9sZXNzZXF1YWwvZ3JlYXRlcmVxdWFsL3BhcnRpYWxkaWZmL3N1bW1hdGlvbi9wcm9kdWN0L3BpL2dyYXZlL3F1b3Rlc2luZ2xlL3NwYWNlL2V4Y2xhbS9xdW90ZWRibC9udW1iZXJzaWduL2RvbGxhci9wZXJjZW50L2FtcGVyc2FuZC9xdW90ZXJpZ2h0L3BhcmVubGVmdC9wYXJlbnJpZ2h0L2FzdGVyaXNrL3BsdXMvY29tbWEvaHlwaGVuL3BlcmlvZC9zbGFzaC96ZXJvL29uZS90d28vdGhyZWUvZm91ci9maXZlL3NpeC9zZXZlbi9laWdodC9uaW5lL2NvbG9uL3NlbWljb2xvbi9sZXNzL2VxdWFsL2dyZWF0ZXIvcXVlc3Rpb24vYXQvQS9CL0MvRC9FL0YvRy9IL0kvSi9LL0wvTS9OL08vUC9RL1IvUy9UL1UvVi9XL1gvWS9aL2JyYWNrZXRsZWZ0L2JhY2tzbGFzaC9icmFja2V0cmlnaHQvYXNjaWljaXJjdW0vdW5kZXJzY29yZS9xdW90ZWxlZnQvYS9iL2MvZC9lL2YvZy9oL2kvai9rL2wvbS9uL28vcC9xL3Ivcy90L3Uvdi93L3gveS96L2JyYWNlbGVmdC9iYXIvYnJhY2VyaWdodC9hc2NpaXRpbGRlIDEyNy8ubm90ZGVmIDEyOC9FdXJvL2ludGVncmFsL3F1b3Rlc2luZ2xiYXNlL2Zsb3Jpbi9xdW90ZWRibGJhc2UvZWxsaXBzaXMvZGFnZ2VyL2RhZ2dlcmRibC9jaXJjdW1mbGV4L3BlcnRob3VzYW5kL1NjYXJvbi9ndWlsc2luZ2xsZWZ0L09FL09tZWdhL3JhZGljYWwvYXBwcm94ZXF1YWwgMTQ0Ly5ub3RkZWYgMTQ3L3F1b3RlZGJsbGVmdC9xdW90ZWRibHJpZ2h0L2J1bGxldC9lbmRhc2gvZW1kYXNoL3RpbGRlL3RyYWRlbWFyay9zY2Fyb24vZ3VpbHNpbmdscmlnaHQvb2UvRGVsdGEvbG96ZW5nZS9ZZGllcmVzaXMgMTYwLy5ub3RkZWYgMTYxL2V4Y2xhbWRvd24vY2VudC9zdGVybGluZy9jdXJyZW5jeS95ZW4vYnJva2VuYmFyL3NlY3Rpb24vZGllcmVzaXMvY29weXJpZ2h0L29yZGZlbWluaW5lL2d1aWxsZW1vdGxlZnQvbG9naWNhbG5vdC9oeXBoZW4vcmVnaXN0ZXJlZC9tYWNyb24vZGVncmVlL3BsdXNtaW51cy90d29zdXBlcmlvci90aHJlZXN1cGVyaW9yL2FjdXRlL211L3BhcmFncmFwaC9wZXJpb2RjZW50ZXJlZC9jZWRpbGxhL29uZXN1cGVyaW9yL29yZG1hc2N1bGluZS9ndWlsbGVtb3RyaWdodC9vbmVxdWFydGVyL29uZWhhbGYvdGhyZWVxdWFydGVycy9xdWVzdGlvbmRvd24vQWdyYXZlL0FhY3V0ZS9BY2lyY3VtZmxleC9BdGlsZGUvQWRpZXJlc2lzL0FyaW5nL0FFL0NjZWRpbGxhL0VncmF2ZS9FYWN1dGUvRWNpcmN1bWZsZXgvRWRpZXJlc2lzL0lncmF2ZS9JYWN1dGUvSWNpcmN1bWZsZXgvSWRpZXJlc2lzL0V0aC9OdGlsZGUvT2dyYXZlL09hY3V0ZS9PY2lyY3VtZmxleC9PdGlsZGUvT2RpZXJlc2lzL211bHRpcGx5L09zbGFzaC9VZ3JhdmUvVWFjdXRlL1VjaXJjdW1mbGV4L1VkaWVyZXNpcy9ZYWN1dGUvVGhvcm4vZ2VybWFuZGJscy9hZ3JhdmUvYWFjdXRlL2FjaXJjdW1mbGV4L2F0aWxkZS9hZGllcmVzaXMvYXJpbmcvYWUvY2NlZGlsbGEvZWdyYXZlL2VhY3V0ZS9lY2lyY3VtZmxleC9lZGllcmVzaXMvaWdyYXZlL2lhY3V0ZS9pY2lyY3VtZmxleC9pZGllcmVzaXMvZXRoL250aWxkZS9vZ3JhdmUvb2FjdXRlL29jaXJjdW1mbGV4L290aWxkZS9vZGllcmVzaXMvZGl2aWRlL29zbGFzaC91Z3JhdmUvdWFjdXRlL3VjaXJjdW1mbGV4L3VkaWVyZXNpcy95YWN1dGUvdGhvcm4veWRpZXJlc2lzXQo+PiBlbmRvYmoKMzUgMCBvYmogPDwKL0xlbmd0aDEgMTY0NAovTGVuZ3RoMiA3MTY5Ci9MZW5ndGgzIDUzMgovTGVuZ3RoIDgwMDEgICAgICAKL0ZpbHRlciAvRmxhdGVEZWNvZGUKPj4Kc3RyZWFtCnja7XdnPJzf1na0EL2XRGT0Fozeu+i9d8YYDGNGxhCi995rEFEToovookUXhBAtMXonOkG8kv97znl+5znPl+ecT+/vnS9z77X2ula51l77vlkZdQ145O0RdhBlBBzFw88LlABoQ13tPNz1Ea7aCHFNHn2IowfgVi6Mz8qqiISAUFAEXAmEgkgATCD2ACUIGCAgAOAXFxfHZwUoIty8kVBHJxSAw0jfhJOb+/E/JL+3AOy8/6a5tXSHOsIBbLcPnhAYws0VAkfdQvyvDQ0gEADKCQJwgMIgAEUdXTM1bRUAh4q2EUAFAocgQTCArocdDAoGaELBELg7hBPggEACYH8tAGAE3B76OzV33lsseXcACODuBgFDb80gXmCI22/VY4AbBOkKdXe/fQZA3QGOSBAcdVsDFAIAhYNhHva/A7iVOyD+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IC9UeXBlMQovRW5jb2RpbmcgOTgyIDAgUgovRmlyc3RDaGFyIDMzCi9MYXN0Q2hhciAxMjUKL1dpZHRocyA5ODMgMCBSCi9CYXNlRm9udCAvUlJMRExCK0NNVFQ5Ci9Gb250RGVzY3JpcHRvciAyMiAwIFIKPj4gZW5kb2JqCjIyIDAgb2JqIDw8Ci9Bc2NlbnQgNjExCi9DYXBIZWlnaHQgNjExCi9EZXNjZW50IC0yMjIKL0ZvbnROYW1lIC9SUkxETEIrQ01UVDkKL0l0YWxpY0FuZ2xlIDAKL1N0ZW1WIDc0Ci9YSGVpZ2h0IDQzMQovRm9udEJCb3ggWy02IC0yMzMgNTQyIDY5OF0KL0ZsYWdzIDQKL0NoYXJTZXQgKC9leGNsYW0vcGFyZW5sZWZ0L3BhcmVucmlnaHQvYXN0ZXJpc2svcGx1cy9jb21tYS9oeXBoZW4vcGVyaW9kL3NsYXNoL3plcm8vb25lL3R3by90aHJlZS9mb3VyL2ZpdmUvc2l4L3NldmVuL2VpZ2h0L2NvbG9uL3NlbWljb2xvbi9sZXNzL2VxdWFsL2F0L0EvQy9GL0kvTC9OL1MvVC9icmFja2V0bGVmdC9icmFja2V0cmlnaHQvdW5kZXJzY29yZS9hL2IvYy9kL2UvZi9nL2gvaS9qL2svbC9tL24vby9wL3Evci9zL3QvdS92L3cveC95L3ovYnJhY2VsZWZ0L2JyYWNlcmlnaHQpCi9Gb250RmlsZSAyMyAwIFIKPj4gZW5kb2JqCjk4MyAwIG9iagpbNTI1IDAgMCAwIDAgMCAwIDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgMCA1MjUgNTI1IDUyNSA1MjUgMCAwIDUyNSA1MjUgMCA1MjUgMCAwIDUyNSAwIDAgNTI1IDAgMCA1MjUgMCA1MjUgMCAwIDAgMCA1MjUgNTI1IDAgMCAwIDAgMCAwIDUyNSAwIDUyNSAwIDUyNSAwIDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1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02sZzRHPleaHaJ9UZzUqzHkLCSmTHu2nuLNXF9XkH9xUvTNnNldaB1T51ycmxkD/2eYJ9WVYiucVHi2BF/agUkE1KuzJSQ44hosNByr8P2P8H/BfAbg/9XANCvb3dQ3yYfwPJOzaYmVuZHN0cmVhbQplbmRvYmoKOSAwIG9iaiA8PAovVHlwZSAvRm9udAovU3VidHlwZSAvVHlwZTEKL0VuY29kaW5nIDk3NiAwIFIKL0ZpcnN0Q2hhciAyCi9MYXN0Q2hhciAxNjgKL1dpZHRocyA5OTIgMCBSCi9CYXNlRm9udCAvS1VZR1VQK05pbWJ1c1JvbU5vOUwtUmVndQovRm9udERlc2NyaXB0b3IgNyAwIFIKPj4gZW5kb2JqCjcgMCBvYmogPDwKL0FzY2VudCA2NzgKL0NhcEhlaWdodCA2NTEKL0Rlc2NlbnQgLTIxNgovRm9udE5hbWUgL0tVWUdVUCtOaW1idXNSb21ObzlMLVJlZ3UKL0l0YWxpY0FuZ2xlIDAKL1N0ZW1WIDg1Ci9YSGVpZ2h0IDQ1MAovRm9udEJCb3ggWy0xNjggLTI4MSAxMDAwIDkyNF0KL0ZsYWdzIDQKL0NoYXJTZXQgKC9maS9mbC9kb3RsZXNzaS9kb2xsYXIvcGVyY2VudC9xdW90ZXJpZ2h0L3BhcmVubGVmdC9wYXJlbnJpZ2h0L3BsdXMvY29tbWEvaHlwaGVuL3BlcmlvZC9zbGFzaC96ZXJvL29uZS90d28vdGhyZWUvZm91ci9maXZlL3NpeC9zZXZlbi9laWdodC9uaW5lL2NvbG9uL3NlbWljb2xvbi9BL0IvQy9EL0UvRi9HL0gvSS9KL0svTC9NL04vTy9QL1EvUi9TL1QvVS9WL1cvWC9ZL1ovYnJhY2tldGxlZnQvYnJhY2tldHJpZ2h0L2EvYi9jL2QvZS9mL2cvaC9pL2ovay9sL20vbi9vL3AvcS9yL3MvdC91L3Yvdy94L3kvei9xdW90ZWRibGxlZnQvcXVvdGVkYmxyaWdodC9lbmRhc2gvZW1kYXNoL2RpZXJlc2lzKQovRm9udEZpbGUgOCAwIFIKPj4gZW5kb2JqCjk5MiAwIG9iagpbNTU2IDU1NiAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDI3OCAwIDAgMCAwIDAgMCAwIDAgMCAw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MiA3NzggNjExIDAgNzIyIDU1NiA2NjcgMCA3MjIgMTAwMCAwIDAgMCAwIDAgMCAwIDAgMCA1MDAgNTU2IDQ0NCA1NTYgNDQ0IDMzMyA1MDAgNTU2IDI3OCAzMzMgNTU2IDI3OCA4MzMgNTU2IDUwMCA1NTYgMCA0NDQgMzg5IDMzMyA1NTYgNTAwIDcyMiA1MDAgNTAwIDQ0NCBdCmVuZG9iago0MCAwIG9iaiA8PAovVHlwZSAvUGFnZXMKL0NvdW50IDYKL1BhcmVudCA5OTQgMCBSCi9LaWRzIFsyIDAgUiA0MyAwIFIgMTA0IDAgUiAxMTAgMCBSIDExNiAwIFIgMTIyIDAgUl0KPj4gZW5kb2JqCjE2MSAwIG9iaiA8PAovVHlwZSAvUGFnZXMKL0NvdW50IDYKL1BhcmVudCA5OTQgMCBSCi9LaWRzIFsxNTYgMCBSIDE5MyAwIFIgMTk2IDAgUiAyMDIgMCBSIDIxNyAwIFIgNzg3IDAgUl0KPj4gZW5kb2JqCjc5MiAwIG9iaiA8PAovVHlwZSAvUGFnZXMKL0NvdW50IDIKL1BhcmVudCA5OTQgMCBSCi9LaWRzIFs3OTAgMCBSIDk2NiAwIFJdCj4+IGVuZG9iago5OTQgMCBvYmogPDwKL1R5cGUgL1BhZ2VzCi9Db3VudCAxNAovS2lkcyBbNDAgMCBSIDE2MSAwIFIgNzkyIDAgUl0KPj4gZW5kb2JqCjk5NSAwIG9iaiA8PAovVHlwZSAvQ2F0YWxvZwovUGFnZXMgOTk0IDAgUgo+PiBlbmRvYmoKOTk2IDAgb2JqIDw8Ci9Qcm9kdWNlciAocGRmZVRlWC0xLjIxYSkKL0NyZWF0b3IgKFRlWCkKL0NyZWF0aW9uRGF0ZSAoRDoyMDA5MDQwMTE2MzkyNS0wNycwMCcpCi9QVEVYLkZ1bGxiYW5uZXIgKFRoaXMgaXMgcGRmZVRlWCwgVmVyc2lvbiAzLjE0MTU5Mi0xLjIxYS0yLjIgKFdlYjJDIDcuNS40KSBrcGF0aHNlYSB2ZXJzaW9uIDMuNS42KQo+PiBlbmRvYmoKeHJlZgowIDk5NwowMDAwMDAwMDAwIDY1NTM1IGYgCjAwMDAwMDQ4MTQgMDAwMDAgbiAKMDAwMDAwNDcwOSAwMDAwMCBuIAowMDAwMDAwMDA5IDAwMDAwIG4gCjAwMDA5OTQ5MDEgMDAwMDAgbiAKMDAwMDk3OTY1NSAwMDAwMCBuIAowMDAwOTk0NzMxIDAwMDAwIG4gCjAwMDA5Nzg1ODkgMDAwMDAgbiAKMDAwMDk1ODIyNCAwMDAwMCBuIAowMDAwOTc4NDIwIDAwMDAwIG4gCjAwMDA5NTc4NDMgMDAwMDAgbiAKMDAwMDk1NjIyNCAwMDAwMCBuIAowMDAwOTU3Njg2IDAwMDAwIG4gCjAwMDA5NTU4NDggMDAwMDAgbiAKMDAwMDk1MzQzNiAwMDAwMCBuIAowMDAwOTU1NjkxIDAwMDAwIG4gCjAwMDA5NTMxMTAgMDAwMDAgbiAKMDAwMDk1MTU1OCAwMDAwMCBuIAowMDAwOTUyOTU0IDAwMDAwIG4gCjAwMDA5NTA5ODcgMDAwMDAgbiAKMDAwMDk0OTE2MyAwMDAwMCBuIAowMDAwOTUwODI5IDAwMDAwIG4gCjAwMDA5NDc4MjcgMDAwMDAgbiAKMDAwMDkzNzIwOCAwMDAwMCBuIAowMDAwOTQ3NjY4IDAwMDAwIG4gCjAwMDA5MzY3MTEgMDAwMDAgbiAKMDAwMDkzMzA4NiAwMDAwMCBuIAowMDAwOTM2NTU0IDAwMDAwIG4gCjAwMDA5MzI2NDEgMDAwMDAgbiAKMDAwMDkyMjczMCAwMDAwMCBuIAowMDAwOTMyNDY1IDAwMDAwIG4gCjAwMDA5MjE5ODMgMDAwMDAgbiAKMDAwMDkwNzM0OSAwMDAwMCBuIAowMDAwOTIxODA4IDAwMDAwIG4gCjAwMDA5MDY5NzYgMDAwMDAgbiAKMDAwMDg5ODY3NCAwMDAwMCBuIAowMDAwOTA2Nzk1IDAwMDAwIG4gCjAwMDA4OTY0NTYgMDAwMDAgbiAKMDAwMDg5NDk4NyAwMDAwMCBuIAowMDAwODk2Mjk4IDAwMDAwIG4gCjAwMDA5OTU1NjQgMDAwMDAgbiAKMDAwMDAxMDI2NiAwMDAwMCBuIAowMDAwMDU0MjAwIDAwMDAwIG4gCjAwMDAwMTAxNTggMDAwMDAgbiAKMDAwMDAwNTAxMyAwMDAwMCBuIAowMDAwMDE1NDA2IDAwMDAwIG4gCjAwMDAwMTU2MDcgMDAwMDAgbiAKMDAwMDAxNTY0MiAwMDAwMCBuIAowMDAwMDE1Njc3IDAwMDAwIG4gCjAwMDAwMTU4NTQgMDAwMDAgbiAKMDAwMDAxNjAzNiAwMDAwMCBuIAowMDAwMDE2MzQ0IDAwMDAwIG4gCjAwMDAwMTY2MzcgMDAwMDAgbiAKMDAwMDAxNjkzMCAwMDAwMCBuIAowMDAwMDE3MTkwIDAwMDAwIG4gCjAwMDAwMTc0NTcgMDAwMDAgbiAKMDAwMDAxNzc2NSAwMDAwMCBuIAowMDAwMDE4MDY5IDAwMDAwIG4gCjAwMDAwMTgzMzUgMDAwMDAgbiAKMDAwMDAxODY1MiAwMDAwMCBuIAowMDAwMDE4OTQ1IDAwMDAwIG4gCjAwMDAwMTg5NjYgMDAwMDAgbiAKMDAwMDAxOTg2MCAwMDAwMCBuIAowMDAwMDIwNjY3IDAwMDAwIG4gCjAwMDAwMjA5MDYgMDAwMDAgbiAKMDAwMDAyMTM3MyAwMDAwMCBuIAowMDAwMDIxNjIwIDAwMDAwIG4gCjAwMDAwMjE4NzEgMDAwMDAgbiAKMDAwMDAyMTg5MSAwMDAwMCBuIAowMDAwMDIzODMwIDAwMDAwIG4gCjAwMDAwMjM4NTAgMDAwMDAgbiAKMDAwMDAyNTcyMCAwMDAwMCBuIAowMDAwMDI1NzQwIDAwMDAwIG4gCjAwMDAwMjcyNzAgMDAwMDAgbiAKMDAwMDAyNzI4OSAwMDAwMCBuIAowMDAwMDI4Nzc3IDAwMDAwIG4gCjAwMDAwMjg3OTYgMDAwMDAgbiAKMDAwMDAzMDAyMiAwMDAwMCBuIAowMDAwMDMwMDQyIDAwMDAwIG4gCjAwMDAwMzE5ODEgMDAwMDAgbiAKMDAwMDAzMjAwMSAwMDAwMCBuIAowMDAwMDMzOTc2IDAwMDAwIG4gCjAwMDAwMzM5OTUgMDAwMDAgbiAKMDAwMDAzNTExNyAwMDAwMCBuIAowMDAwMDM1MTM3IDAwMDAwIG4gCjAwMDAwMzY3MTAgMDAwMDAgbiAKMDAwMDAzNjczMCAwMDAwMCBuIAowMDAwMDM4MjYxIDAwMDAwIG4gCjAwMDAwMzgyODEgMDAwMDAgbiAKMDAwMDAzODMwMSAwMDAwMCBuIAowMDAwMDQ2ODQyIDAwMDAwIG4gCjAwMDAwNTM5NDYgMDAwMDAgbiAKMDAwMDA1Mzk2NyAwMDAwMCBuIAowMDAwMDUzOTg4IDAwMDAwIG4gCjAwMDAwNTQwMDkgMDAwMDAgbiAKMDAwMDA1NDAzMCAwMDAwMCBuIAowMDAwMDU0MDUxIDAwMDAwIG4gCjAwMDAwNTQwNzIgMDAwMDAgbiAKMDAwMDA1NDA5MyAwMDAwMCBuIAowMDAwMDU0MTEzIDAwMDAwIG4gCjAwMDAwNTQxMzQgMDAwMDAgbiAKMDAwMDA1NDE1NiAwMDAwMCBuIAowMDAwMDU0MTc4IDAwMDAwIG4gCjAwMDAwNTgwMzcgMDAwMDAgbiAKMDAwMDA1NzkyNiAwMDAwMCBuIAowMDAwMDU0MzQzIDAwMDAwIG4gCjAwMDA4OTQxOTMgMDAwMDAgbiAKMDAwMDg4ODg2NCAwMDAwMCBuIAowMDAwODk0MDMyIDAwMDAwIG4gCjAwMDAwNjQ2NDkgMDAwMDAgbiAKMDAwMDA2NDUzOCAwMDAwMCBuIAowMDAwMDU4MTY3IDAwMDAwIG4gCjAwMDA4ODgzMzAgMDAwMDAgbiAKMDAwMDg4NTE1MSAwMDAwMCBuIAowMDAwODg4MTY5IDAwMDAwIG4gCjAwMDAwNzE0MTIgMDAwMDAgbiAKMDAwMDA3MTMwMSAwMDAwMCBuIAowMDAwMDY0NzkyIDAwMDAwIG4gCjAwMDAwNzY1NzAgMDAwMDAgbiAKMDAwMDA5MjQzNyAwMDAwMCBuIAowMDAwMTE3NjY2IDAwMDAwIG4gCjAwMDAxMTIyMjkgMDAwMDAgbiAKMDAwMDA3NjQ1OSAwMDAwMCBuIAowMDAwMDcxNTE3IDAwMDAwIG4gCjAwMDAwODA3ODcgMDAwMDAgbiAKMDAwMDA4MDk5OCAwMDAwMCBuIAowMDAwMDgxMDM1IDAwMDAwIG4gCjAwMDAwODEwNzIgMDAwMDAgbiAKMDAwMDA4MTI0NSAwMDAwMCBuIAowMDAwMDgxMjY3IDAwMDAwIG4gCjAwMDAwODIxNjMgMDAwMDAgbiAKMDAwMDA4Mjk3MiAwMDAwMCBuIAowMDAwMDgzMjAzIDAwMDAwIG4gCjAwMDAwODMzMDMgMDAwMDAgbiAKMDAwMDA4MzcyOSAwMDAwMCBuIAowMDAwMDgzNzUwIDAwMDAwIG4gCjAwMDAwODM3NzEgMDAwMDAgbiAKMDAwMDA5MjM5NCAwMDAwMCBuIAowMDAwMDkyNDE1IDAwMDAwIG4gCjAwMDAwOTg4MTAgMDAwMDAgbiAKMDAwMDA5OTAyMSAwMDAwMCBuIAowMDAwMDk5MDU4IDAwMDAwIG4gCjAwMDAwOTkwOTUgMDAwMDAgbiAKMDAwMDA5OTI2OCAwMDAwMCBuIAowMDAwMDk5MjkwIDAwMDAwIG4gCjAwMDAxMDAwOTkgMDAwMDAgbiAKMDAwMDEwMDk5NSAwMDAwMCBuIAowMDAwMTAxMjI2IDAwMDAwIG4gCjAwMDAxMDEzNTggMDAwMDAgbiAKMDAwMDEwMTgyNyAwMDAwMCBuIAowMDAwMTAxODQ4IDAwMDAwIG4gCjAwMDAxMDE4NjkgMDAwMDAgbiAKMDAwMDExMjE4NSAwMDAwMCBuIAowMDAwMTEyMjA2IDAwMDAwIG4gCjAwMDAxMzk0MzQgMDAwMDAgbiAKMDAwMDE1ODY2OSAwMDAwMCBuIAowMDAwMTE3NTU0IDAwMDAwIG4gCjAwMDAxMTI0MTIgMDAwMDAgbiAKMDAwMDg4NDY0NyAwMDAwMCBuIAowMDAwODgxODc5IDAwMDAwIG4gCjAwMDA4ODQ0ODggMDAwMDAgbiAKMDAwMDk5NTY3NyAwMDAwMCBuIAowMDAwMTI2MDYwIDAwMDAwIG4gCjAwMDAxMjYyNzEgMDAwMDAgbiAKMDAwMDEyNjMwOCAwMDAwMCBuIAowMDAwMTI2MzQ1IDAwMDAwIG4gCjAwMDAxMjY1MTggMDAwMDAgbiAKMDAwMDEyNjU0MCAwMDAwMCBuIAowMDAwMTI3NDM2IDAwMDAwIG4gCjAwMDAxMjgyNDUgMDAwMDAgbiAKMDAwMDEyODQ3NiAwMDAwMCBuIAowMDAwMTI4NjA0IDAwMDAwIG4gCjAwMDAxMjkwNDQgMDAwMDAgbiAKMDAwMDEyOTA2NSAwMDAwMCBuIAowMDAwMTI5MDg2IDAwMDAwIG4gCjAwMDAxMzkzOTAgMDAwMDAgbiAKMDAwMDEzOTQxMSAwMDAwMCBuIAowMDAwMTQ2MzQ3IDAwMDAwIG4gCjAwMDAxNDY1NTggMDAwMDAgbiAKMDAwMDE0NjU5NSAwMDAwMCBuIAowMDAwMTQ2NjMyIDAwMDAwIG4gCjAwMDAxNDY4MDUgMDAwMDAgbiAKMDAwMDE0NjgyNyAwMDAwMCBuIAowMDAwMTQ3NzIzIDAwMDAwIG4gCjAwMDAxNDg1MzIgMDAwMDAgbiAKMDAwMDE0ODc2MyAwMDAwMCBuIAowMDAwMTQ4ODYzIDAwMDAwIG4gCjAwMDAxNDkyNzcgMDAwMDAgbiAKMDAwMDE0OTI5OCAwMDAwMCBuIAowMDAwMTQ5MzE5IDAwMDAwIG4gCjAwMDAxNTg2MjYgMDAwMDAgbiAKMDAwMDE1ODY0NyAwMDAwMCBuIAowMDAwMTY1MzQ1IDAwMDAwIG4gCjAwMDAxNjUyMzMgMDAwMDAgbiAKMDAwMDE1ODg1NCAwMDAwMCBuIAowMDAwMTcxNTg4IDAwMDAwIG4gCjAwMDAxNzE0NzYgMDAwMDAgbiAKMDAwMDE2NTUyNSAwMDAwMCBuIAowMDAwMjA0MTkyIDAwMDAwIG4gCjAwMDAxNzcyODMgMDAwMDAgbiAKMDAwMDgyNjQwNSAwMDAwMCBuIAowMDAwMjAwMzE2IDAwMDAwIG4gCjAwMDAxNzcxNzEgMDAwMDAgbiAKMDAwMDE3MTY5MyAwMDAwMCBuIAowMDAwMTgyOTE2IDAwMDAwIG4gCjAwMDAxODMxNDAgMDAwMDAgbiAKMDAwMDE4MzE3NyAwMDAwMCBuIAowMDAwMTgzMzQ1IDAwMDAwIG4gCjAwMDAxODMzNjcgMDAwMDAgbiAKMDAwMDE4NDI2MyAwMDAwMCBuIAowMDAwMTg0NDg3IDAwMDAwIG4gCjAwMDAxODQ2ODMgMDAwMDAgbiAKMDAwMDE4NDk2NyAwMDAwMCBuIAowMDAwMTg0OTg4IDAwMDAwIG4gCjAwMDAyMDAyNzIgMDAwMDAgbiAKMDAwMDIwMDI5MyAwMDAwMCBuIAowMDAwODE2ODgwIDAwMDAwIG4gCjAwMDAyMDQwODAgMDAwMDAgbiAKMDAwMDIwMDQzNyAwMDAwMCBuIAowMDAwNTkzNDYwIDAwMDAwIG4gCjAwMDA1OTM2NTYgMDAwMDAgbiAKMDAwMDU5MzY5MyAwMDAwMCBuIAowMDAwNTkzODYxIDAwMDAwIG4gCjAwMDA1OTQxNDAgMDAwMDAgbiAKMDAwMDU5NDQwMSAwMDAwMCBuIAowMDAwNTk0NzM4IDAwMDAwIG4gCjAwMDA1OTUwMDYgMDAwMDAgbiAKMDAwMDU5NTMyMyAwMDAwMCBuIAowMDAwNTk1NTk1IDAwMDAwIG4gCjAwMDA1OTU4NjUgMDAwMDAgbiAKMDAwMDU5NjI2MCAwMDAwMCBuIAowMDAwNTk2NTIyIDAwMDAwIG4gCjAwMDA1OTY4MTEgMDAwMDAgbiAKMDAwMDU5NzEwNyAwMDAwMCBuIAowMDAwNTk3Mzg5IDAwMDAwIG4gCjAwMDA1OTc3MDYgMDAwMDAgbiAKMDAwMDU5Nzk4MSAwMDAwMCBuIAowMDAwNTk4MjQyIDAwMDAwIG4gCjAwMDA1OTg2NTEgMDAwMDAgbiAKMDAwMDU5ODkxNSAwMDAwMCBuIAowMDAwNTk5MTgzIDAwMDAwIG4gCjAwMDA1OTk0NzUgMDAwMDAgbiAKMDAwMDU5OTc3NyAwMDAwMCBuIAowMDAwNjAwMDUwIDAwMDAwIG4gCjAwMDA2MDA0NjYgMDAwMDAgbiAKMDAwMDYwMDc0OCAwMDAwMCBuIAowMDAwNjAxMDI3IDAwMDAwIG4gCjAwMDA2MDEzOTUgMDAwMDAgbiAKMDAwMDYwMTY4NiAwMDAwMCBuIAowMDAwNjAyMDYwIDAwMDAwIG4gCjAwMDA2MDIzNDIgMDAwMDAgbiAKMDAwMDYwMjYyNyAwMDAwMCBuIAowMDAwNjAyOTU4IDAwMDAwIG4gCjAwMDA2MDMyNDEgMDAwMDAgbiAKMDAwMDYwMzUzMSAwMDAwMCBuIAowMDAwNjAzNzk0IDAwMDAwIG4gCjAwMDA2MDQxMTUgMDAwMDAgbiAKMDAwMDYwNDQxNyAwMDAwMCBuIAowMDAwNjA1MTAyIDAwMDAwIG4gCjAwMDA2MDU0NjQgMDAwMDAgbiAKMDAwMDYwNTg1NSAwMDAwMCBuIAowMDAwNjA2MTM3IDAwMDAwIG4gCjAwMDA2MDY0MjYgMDAwMDAgbiAKMDAwMDYwNjcwOCAwMDAwMCBuIAowMDAwNjA3MDAzIDAwMDAwIG4gCjAwMDA2MDczMDMgMDAwMDAgbiAKMDAwMDYwNzU3NyAwMDAwMCBuIAowMDAwNjA3ODg1IDAwMDAwIG4gCjAwMDA2MDgxNzcgMDAwMDAgbiAKMDAwMDYwODQ1MiAwMDAwMCBuIAowMDAwNjA4NzM0IDAwMDAwIG4gCjAwMDA2MDkwNjUgMDAwMDAgbiAKMDAwMDYwOTM0MCAwMDAwMCBuIAowMDAwNjA5NjU2IDAwMDAwIG4gCjAwMDA2MDk5NDYgMDAwMDAgbiAKMDAwMDYxMDIxMCAwMDAwMCBuIAowMDAwNjEwNTA3IDAwMDAwIG4gCjAwMDA2MTA4NTYgMDAwMDAgbiAKMDAwMDYxMTE1MCAwMDAwMCBuIAowMDAwNjExNTQ2IDAwMDAwIG4gCjAwMDA2MTE5MDkgMDAwMDAgbiAKMDAwMDYxMjU4OCAwMDAwMCBuIAowMDAwNjEyODUxIDAwMDAwIG4gCjAwMDA2MTMxMjcgMDAwMDAgbiAKMDAwMDYxMzQyMyAwMDAwMCBuIAowMDAwNjEzNzUwIDAwMDAwIG4gCjAwMDA2MTQwNDIgMDAwMDAgbiAKMDAwMDYxNDMwMiAwMDAwMCBuIAowMDAwNjE0NjMxIDAwMDAwIG4gCjAwMDA2MTUwMjkgMDAwMDAgbiAKMDAwMDYxNTM3NyAwMDAwMCBuIAowMDAwNjE1NzI0IDAwMDAwIG4gCjAwMDA2MTYwMjYgMDAwMDAgbiAKMDAwMDYxNjMyOCAwMDAwMCBuIAowMDAwNjE2NjQ5IDAwMDAwIG4gCjAwMDA2MTY5MTUgMDAwMDAgbiAKMDAwMDYxNzI0OCAwMDAwMCBuIAowMDAwNjE3NTkwIDAwMDAwIG4gCjAwMDA2MTc5MjEgMDAwMDAgbiAKMDAwMDYxODM5MCAwMDAwMCBuIAowMDAwNjE4ODE2IDAwMDAwIG4gCjAwMDA2MTg5NzEgMDAwMDAgbiAKMDAwMDYxOTEyNiAwMDAwMCBuIAowMDAwNjE5MjgxIDAwMDAwIG4gCjAwMDA2MTk0MzQgMDAwMDAgbiAKMDAwMDYxOTU4OSAwMDAwMCBuIAowMDAwNjE5NzQ0IDAwMDAwIG4gCjAwMDA2MTk4OTkgMDAwMDAgbiAKMDAwMDYyMDA1NCAwMDAwMCBuIAowMDAwNjIwMjA5IDAwMDAwIG4gCjAwMDA2MjAzNjQgMDAwMDAgbiAKMDAwMDYyMDUxOSAwMDAwMCBuIAowMDAwNjIwNjc0IDAwMDAwIG4gCjAwMDA2MjA4MjkgMDAwMDAgbiAKMDAwMDYyMDk4MiAwMDAwMCBuIAowMDAwNjIxMTM3IDAwMDAwIG4gCjAwMDA2MjEyOTAgMDAwMDAgbiAKMDAwMDYyMTQ0NSAwMDAwMCBuIAowMDAwNjIxNTk4IDAwMDAwIG4gCjAwMDA2MjE3NTEgMDAwMDAgbiAKMDAwMDYyMTkwOCAwMDAwMCBuIAowMDAwNjIyMDYzIDAwMDAwIG4gCjAwMDA2MjIyMTggMDAwMDAgbiAKMDAwMDYyMjM3MyAwMDAwMCBuIAowMDAwNjIyNTI4IDAwMDAwIG4gCjAwMDA2MjI2ODMgMDAwMDAgbiAKMDAwMDYyMjgzOCAwMDAwMCBuIAowMDAwNjIyOTkzIDAwMDAwIG4gCjAwMDA2MjMxNDggMDAwMDAgbiAKMDAwMDYyMzMwMyAwMDAwMCBuIAowMDAwNjIzNDYwIDAwMDAwIG4gCjAwMDA2MjM2MTUgMDAwMDAgbiAKMDAwMDYyMzc3MCAwMDAwMCBuIAowMDAwNjIzOTI3IDAwMDAwIG4gCjAwMDA2MjQwODIgMDAwMDAgbiAKMDAwMDYyNDIzNyAwMDAwMCBuIAowMDAwNjI0MzkyIDAwMDAwIG4gCjAwMDA2MjQ1NDcgMDAwMDAgbiAKMDAwMDYyNDcwMCAwMDAwMCBuIAowMDAwNjI0ODU1IDAwMDAwIG4gCjAwMDA2MjUwMTAgMDAwMDAgbiAKMDAwMDYyNTE2NSAwMDAwMCBuIAowMDAwNjI1MzIwIDAwMDAwIG4gCjAwMDA2MjU0NzcgMDAwMDAgbiAKMDAwMDYyNTYzMiAwMDAwMCBuIAowMDAwNjI1Nzg3IDAwMDAwIG4gCjAwMDA2MjU5NDIgMDAwMDAgbiAKMDAwMDYyNjA5NyAwMDAwMCBuIAowMDAwNjI2MjUyIDAwMDAwIG4gCjAwMDA2MjY0MDcgMDAwMDAgbiAKMDAwMDYyNjU2MiAwMDAwMCBuIAowMDAwNjI2NzE3IDAwMDAwIG4gCjAwMDA2MjY4NzIgMDAwMDAgbiAKMDAwMDYyNzAyNyAwMDAwMCBuIAowMDAwNjI3MTgyIDAwMDAwIG4gCjAwMDA2MjczMzcgMDAwMDAgbiAKMDAwMDYyNzQ5MiAwMDAwMCBuIAowMDAwNjI3NjQ3IDAwMDAwIG4gCjAwMDA2Mjc4MDIgMDAwMDAgbiAKMDAwMDYyNzk1OSAwMDAwMCBuIAowMDAwNjI4MTE0IDAwMDAwIG4gCjAwMDA2MjgyNjkgMDAwMDAgbiAKMDAwMDYyODQyNCAwMDAwMCBuIAowMDAwNjI4NTc5IDAwMDAwIG4gCjAwMDA2Mjg3MzQgMDAwMDAgbiAKMDAwMDYyODg4OSAwMDAwMCBuIAowMDAwNjI5MDQ0IDAwMDAwIG4gCjAwMDA2MjkxOTcgMDAwMDAgbiAKMDAwMDYyOTM1MCAwMDAwMCBuIAowMDAwNjI5NTA1IDAwMDAwIG4gCjAwMDA2Mjk2NjAgMDAwMDAgbiAKMDAwMDYyOTgxNSAwMDAwMCBuIAowMDAwNjI5OTcwIDAwMDAwIG4gCjAwMDA2MzAxMjcgMDAwMDAgbiAKMDAwMDYzMDI4MiAwMDAwMCBuIAowMDAwNjMwNDM3IDAwMDAwIG4gCjAwMDA2MzA1OTIgMDAwMDAgbiAKMDAwMDYzMDc0NyAwMDAwMCBuIAowMDAwNjMwOTAyIDAwMDAwIG4gCjAwMDA2MzEwNTcgMDAwMDAgbiAKMDAwMDYzMTIxMiAwMDAwMCBuIAowMDAwNjMxMzY3IDAwMDAwIG4gCjAwMDA2MzEzOTEgMDAwMDAgbiAKMDAwMDYzMjI4NyAwMDAwMCBuIAowMDAwNjMyNTA5IDAwMDAwIG4gCjAwMDA2MzI1OTcgMDAwMDAgbiAKMDAwMDYzMjg4MSAwMDAwMCBuIAowMDAwNjMyOTAxIDAwMDAwIG4gCjAwMDA2MzM4MzYgMDAwMDAgbiAKMDAwMDYzMzg1NiAwMDAwMCBuIAowMDAwNjM1MDA4IDAwMDAwIG4gCjAwMDA2MzUwMjkgMDAwMDAgbiAKMDAwMDYzNjI0OCAwMDAwMCBuIAowMDAwNjM2MjY4IDAwMDAwIG4gCjAwMDA2MzcyMDAgMDAwMDAgbiAKMDAwMDYzNzIyMSAwMDAwMCBuIAowMDAwNjM4MjA1IDAwMDAwIG4gCjAwMDA2MzgyMjUgMDAwMDAgbiAKMDAwMDYzOTIyNyAwMDAwMCBuIAowMDAwNjM5MjQ3IDAwMDAwIG4gCjAwMDA2NDAzNzEgMDAwMDAgbiAKMDAwMDY0MDM5MiAwMDAwMCBuIAowMDAwNjQxNTg3IDAwMDAwIG4gCjAwMDA2NDE2MDcgMDAwMDAgbiAKMDAwMDY0MjY1MyAwMDAwMCBuIAowMDAwNjQyNjczIDAwMDAwIG4gCjAwMDA2NDM1MzQgMDAwMDAgbiAKMDAwMDY0MzU1NCAwMDAwMCBuIAowMDAwNjQ0NzE5IDAwMDAwIG4gCjAwMDA2NDQ3MzkgMDAwMDAgbiAKMDAwMDY0NTc3MiAwMDAwMCBuIAowMDAwNjQ1NzkzIDAwMDAwIG4gCjAwMDA2NDcwMTEgMDAwMDAgbiAKMDAwMDY0NzAzMSAwMDAwMCBuIAowMDAwNjQ4MTczIDAwMDAwIG4gCjAwMDA2NDgxOTMgMDAwMDAgbiAKMDAwMDY0OTMyMyAwMDAwMCBuIAowMDAwNjQ5MzQ0IDAwMDAwIG4gCjAwMDA2NTA1OTAgMDAwMDAgbiAKMDAwMDY1MDYxMCAwMDAwMCBuIAowMDAwNjUxNzQ3IDAwMDAwIG4gCjAwMDA2NTE3NjcgMDAwMDAgbiAKMDAwMDY1Mjg5NCAwMDAwMCBuIAowMDAwNjUyOTE0IDAwMDAwIG4gCjAwMDA2NTQwODkgMDAwMDAgbiAKMDAwMDY1NDEwOSAwMDAwMCBuIAowMDAwNjU1MzI3IDAwMDAwIG4gCjAwMDA2NTUzNDcgMDAwMDAgbiAKMDAwMDY1NjUwNyAwMDAwMCBuIAowMDAwNjU2NTI4IDAwMDAwIG4gCjAwMDA2NTc4MjUgMDAwMDAgbiAKMDAwMDY1Nzg0NSAwMDAwMCBuIAowMDAwNjU4OTk2IDAwMDAwIG4gCjAwMDA2NTkwMTYgMDAwMDAgbiAKMDAwMDY2MDEyNyAwMDAwMCBuIAowMDAwNjYwMTQ4IDAwMDAwIG4gCjAwMDA2NjEzODQgMDAwMDAgbiAKMDAwMDY2MTQwNCAwMDAwMCBuIAowMDAwNjYyNDM4IDAwMDAwIG4gCjAwMDA2NjI0NTkgMDAwMDAgbiAKMDAwMDY2MzcyNyAwMDAwMCBuIAowMDAwNjYzNzQ3IDAwMDAwIG4gCjAwMDA2NjQ5MDggMDAwMDAgbiAKMDAwMDY2NDkyOCAwMDAwMCBuIAowMDAwNjY2MDY4IDAwMDAwIG4gCjAwMDA2NjYwODkgMDAwMDAgbiAKMDAwMDY2NzI0NCAwMDAwMCBuIAowMDAwNjY3MjY0IDAwMDAwIG4gCjAwMDA2Njg0MTIgMDAwMDAgbiAKMDAwMDY2ODQzMiAwMDAwMCBuIAowMDAwNjY5NTc4IDAwMDAwIG4gCjAwMDA2Njk1OTggMDAwMDAgbiAKMDAwMDY3MDc0MCAwMDAwMCBuIAowMDAwNjcwNzYxIDAwMDAwIG4gCjAwMDA2NzE4NzkgMDAwMDAgbiAKMDAwMDY3MTg5OSAwMDAwMCBuIAowMDAwNjczMDc2IDAwMDAwIG4gCjAwMDA2NzMwOTcgMDAwMDAgbiAKMDAwMDY3NDU4OSAwMDAwMCBuIAowMDAwNjc0NjEwIDAwMDAwIG4gCjAwMDA2NzU1NDUgMDAwMDAgbiAKMDAwMDY3NTU2NiAwMDAwMCBuIAowMDAwNjc2NzkxIDAwMDAwIG4gCjAwMDA2NzY4MTEgMDAwMDAgbiAKMDAwMDY3Nzg0NCAwMDAwMCBuIAowMDAwNjc3ODY0IDAwMDAwIG4gCjAwMDA2Nzg4NDAgMDAwMDAgbiAKMDAwMDY3ODg2MCAwMDAwMCBuIAowMDAwNjgwMDM4IDAwMDAwIG4gCjAwMDA2ODAwNTggMDAwMDAgbiAKMDAwMDY4MTIzMCAwMDAwMCBuIAowMDAwNjgxMjUwIDAwMDAwIG4gCjAwMDA2ODI0NjAgMDAwMDAgbiAKMDAwMDY4MjQ4MCAwMDAwMCBuIAowMDAwNjgzNjIyIDAwMDAwIG4gCjAwMDA2ODM2NDMgMDAwMDAgbiAKMDAwMDY4NDgxNyAwMDAwMCBuIAowMDAwNjg0ODM3IDAwMDAwIG4gCjAwMDA2ODU5MTkgMDAwMDAgbiAKMDAwMDY4NTkzOSAwMDAwMCBuIAowMDAwNjg3MDExIDAwMDAwIG4gCjAwMDA2ODcwMzEgMDAwMDAgbiAKMDAwMDY4ODE2NyAwMDAwMCBuIAowMDAwNjg4MTg4IDAwMDAwIG4gCjAwMDA2ODkzOTMgMDAwMDAgbiAKMDAwMDY4OTQxMyAwMDAwMCBuIAowMDAwNjkwNTY1IDAwMDAwIG4gCjAwMDA2OTA1ODYgMDAwMDAgbiAKMDAwMDY5MTc4MiAwMDAwMCBuIAowMDAwNjkxODAyIDAwMDAwIG4gCjAwMDA2OTI5NzIgMDAwMDAgbiAKMDAwMDY5Mjk5MiAwMDAwMCBuIAowMDAwNjkzOTEyIDAwMDAwIG4gCjAwMDA2OTM5MzIgMDAwMDAgbiAKMDAwMDY5NTEwNSAwMDAwMCBuIAowMDAwNjk1MTI2IDAwMDAwIG4gCjAwMDA2OTYzNTcgMDAwMDAgbiAKMDAwMDY5NjM3NyAwMDAwMCBuIAowMDAwNjk3NDgzIDAwMDAwIG4gCjAwMDA2OTc1MDQgMDAwMDAgbiAKMDAwMDY5ODczOSAwMDAwMCBuIAowMDAwNjk4NzYwIDAwMDAwIG4gCjAwMDA2OTk5ODAgMDAwMDAgbiAKMDAwMDcwMDAwMSAwMDAwMCBuIAowMDAwNzAxNDU2IDAwMDAwIG4gCjAwMDA3MDE0NzYgMDAwMDAgbiAKMDAwMDcwMjY0NiAwMDAwMCBuIAowMDAwNzAyNjY2IDAwMDAwIG4gCjAwMDA3MDM4MTcgMDAwMDAgbiAKMDAwMDcwMzgzNyAwMDAwMCBuIAowMDAwNzA1MDA4IDAwMDAwIG4gCjAwMDA3MDUwMjkgMDAwMDAgbiAKMDAwMDcwNjIyNCAwMDAwMCBuIAowMDAwNzA2MjQ0IDAwMDAwIG4gCjAwMDA3MDcyNzUgMDAwMDAgbiAKMDAwMDcwNzI5NSAwMDAwMCBuIAowMDAwNzA4MzE4IDAwMDAwIG4gCjAwMDA3MDgzMzkgMDAwMDAgbiAKMDAwMDcwOTM1NSAwMDAwMCBuIAowMDAwNzA5Mzc2IDAwMDAwIG4gCjAwMDA3MTA1OTEgMDAwMDAgbiAKMDAwMDcxMDYxMiAwMDAwMCBuIAowMDAwNzExNzg3IDAwMDAwIG4gCjAwMDA3MTE4MDggMDAwMDAgbiAKMDAwMDcxMzA2MiAwMDAwMCBuIAowMDAwNzEzMDgyIDAwMDAwIG4gCjAwMDA3MTQyNzMgMDAwMDAgbiAKMDAwMDcxNDI5MyAwMDAwMCBuIAowMDAwNzE1NTEyIDAwMDAwIG4gCjAwMDA3MTU1MzMgMDAwMDAgbiAKMDAwMDcxNjczOCAwMDAwMCBuIAowMDAwNzE2NzU4IDAwMDAwIG4gCjAwMDA3MTc3ODEgMDAwMDAgbiAKMDAwMDcxNzgwMiAwMDAwMCBuIAowMDAwNzE4OTkxIDAwMDAwIG4gCjAwMDA3MTkwMTIgMDAwMDAgbiAKMDAwMDcyMDI3MSAwMDAwMCBuIAowMDAwNzIwMjkyIDAwMDAwIG4gCjAwMDA3MjE0NjggMDAwMDAgbiAKMDAwMDcyMTQ4OSAwMDAwMCBuIAowMDAwNzIyNjU4IDAwMDAwIG4gCjAwMDA3MjI2NzkgMDAwMDAgbiAKMDAwMDcyMzkzMiAwMDAwMCBuIAowMDAwNzI0OTIzIDAwMDAwIG4gCjAwMDA3MjU5MTQgMDAwMDAgbiAKMDAwMDcyNjkzMCAwMDAwMCBuIAowMDAwNzI3OTIxIDAwMDAwIG4gCjAwMDA3Mjg4NjIgMDAwMDAgbiAKMDAwMDcyOTg3OCAwMDAwMCBuIAowMDAwNzMwODE5IDAwMDAwIG4gCjAwMDA3MzE4MTAgMDAwMDAgbiAKMDAwMDczMjgyNiAwMDAwMCBuIAowMDAwNzMzNzY3IDAwMDAwIG4gCjAwMDA3MzQ3MDggMDAwMDAgbiAKMDAwMDczNTcyNCAwMDAwMCBuIAowMDAwNzM2NjY1IDAwMDAwIG4gCjAwMDA3Mzc2ODEgMDAwMDAgbiAKMDAwMDczODYyMiAwMDAwMCBuIAowMDAwNzM5NTYzIDAwMDAwIG4gCjAwMDA3NDA1NTQgMDAwMDAgbiAKMDAwMDc0MTU0NSAwMDAwMCBuIAowMDAwNzQyNTYxIDAwMDAwIG4gCjAwMDA3NDM1NzcgMDAwMDAgbiAKMDAwMDc0NDU5MyAwMDAwMCBuIAowMDAwNzQ1NjA5IDAwMDAwIG4gCjAwMDA3NDY2MjUgMDAwMDAgbiAKMDAwMDc0NzYxNiAwMDAwMCBuIAowMDAwNzQ4NjA3IDAwMDAwIG4gCjAwMDA3NDk1OTggMDAwMDAgbiAKMDAwMDc1MDUzOSAwMDAwMCBuIAowMDAwNzUxNTMwIDAwMDAwIG4gCjAwMDA3NTI1MjEgMDAwMDAgbiAKMDAwMDc1MzUzNyAwMDAwMCBuIAowMDAwNzU0NDc4IDAwMDAwIG4gCjAwMDA3NTU0OTQgMDAwMDAgbiAKMDAwMDc1NjQ4NSAwMDAwMCBuIAowMDAwNzU3NTAxIDAwMDAwIG4gCjAwMDA3NTg0NDIgMDAwMDAgbiAKMDAwMDc1OTM4MyAwMDAwMCBuIAowMDAwNzYwMzk5IDAwMDAwIG4gCjAwMDA3NjEzOTAgMDAwMDAgbiAKMDAwMDc2MjM4MSAwMDAwMCBuIAowMDAwNzYzMzk3IDAwMDAwIG4gCjAwMDA3NjQzMzggMDAwMDAgbiAKMDAwMDc2NTI3OSAwMDAwMCBuIAowMDAwNzY2MjcwIDAwMDAwIG4gCjAwMDA3NjcyODYgMDAwMDAgbiAKMDAwMDc2ODMwMiAwMDAwMCBuIAowMDAwNzY5MzE4IDAwMDAwIG4gCjAwMDA3NzAyNTkgMDAwMDAgbiAKMDAwMDc3MTI1MCAwMDAwMCBuIAowMDAwNzcyMjQxIDAwMDAwIG4gCjAwMDA3NzMxODIgMDAwMDAgbiAKMDAwMDc3NDEyMyAwMDAwMCBuIAowMDAwNzc1MDY0IDAwMDAwIG4gCjAwMDA3NzYwNTUgMDAwMDAgbiAKMDAwMDc3Njk5NiAwMDAwMCBuIAowMDAwNzc4MDEyIDAwMDAwIG4gCjAwMDA3Nzg5NTMgMDAwMDAgbiAKMDAwMDc3OTk2OSAwMDAwMCBuIAowMDAwNzgwOTYwIDAwMDAwIG4gCjAwMDA3ODE5MDEgMDAwMDAgbiAKMDAwMDc4MjkxNyAwMDAwMCBuIAowMDAwNzgzODU4IDAwMDAwIG4gCjAwMDA3ODQ4NDkgMDAwMDAgbiAKMDAwMDc4NTg0MCAwMDAwMCBuIAowMDAwNzg2ODMxIDAwMDAwIG4gCjAwMDA3ODc4NDcgMDAwMDAgbiAKMDAwMDc4ODc4OCAwMDAwMCBuIAowMDAwNzg5Nzc5IDAwMDAwIG4gCjAwMDA3OTA3MjAgMDAwMDAgbiAKMDAwMDc5MTY2MSAwMDAwMCBuIAowMDAwNzkyNjc3IDAwMDAwIG4gCjAwMDA3OTM2NjggMDAwMDAgbiAKMDAwMDc5NDY1OSAwMDAwMCBuIAowMDAwNzk1NjAwIDAwMDAwIG4gCjAwMDA3OTY2MTYgMDAwMDAgbiAKMDAwMDc5NzYzMiAwMDAwMCBuIAowMDAwNzk4NjQ4IDAwMDAwIG4gCjAwMDA3OTk2NjQgMDAwMDAgbiAKMDAwMDgwMDYwNSAwMDAwMCBuIAowMDAwODAxNTQ2IDAwMDAwIG4gCjAwMDA4MDI1MzcgMDAwMDAgbiAKMDAwMDgwMzUyOCAwMDAwMCBuIAowMDAwODAzNTQ5IDAwMDAwIG4gCjAwMDA4MTM0NzQgMDAwMDAgbiAKMDAwMDgxMzQ5NSAwMDAwMCBuIAowMDAwODEzNTE2IDAwMDAwIG4gCjAwMDA4MTM1MzcgMDAwMDAgbiAKMDAwMDgxMzU1OSAwMDAwMCBuIAowMDAwODEzNTgwIDAwMDAwIG4gCjAwMDA4MTM2MDEgMDAwMDAgbiAKMDAwMDgxMzYyMiAwMDAwMCBuIAowMDAwODEzNjQzIDAwMDAwIG4gCjAwMDA4MTM2NjUgMDAwMDAgbiAKMDAwMDgxMzY4NiAwMDAwMCBuIAowMDAwODEzNzA3IDAwMDAwIG4gCjAwMDA4MTM3MjggMDAwMDAgbiAKMDAwMDgxMzc0OSAwMDAwMCBuIAowMDAwODEzNzcxIDAwMDAwIG4gCjAwMDA4MTM3OTIgMDAwMDAgbiAKMDAwMDgxMzgxMyAwMDAwMCBuIAowMDAwODEzODM1IDAwMDAwIG4gCjAwMDA4MTM4NTYgMDAwMDAgbiAKMDAwMDgxMzg3NyAwMDAwMCBuIAowMDAwODEzODk4IDAwMDAwIG4gCjAwMDA4MTM5MjAgMDAwMDAgbiAKMDAwMDgxMzk0MSAwMDAwMCBuIAowMDAwODEzOTYzIDAwMDAwIG4gCjAwMDA4MTM5ODQgMDAwMDAgbiAKMDAwMDgxNDAwNSAwMDAwMCBuIAowMDAwODE0MDI3IDAwMDAwIG4gCjAwMDA4MTQwNDggMDAwMDAgbiAKMDAwMDgxNDA3MCAwMDAwMCBuIAowMDAwODE0MDkxIDAwMDAwIG4gCjAwMDA4MTQxMTIgMDAwMDAgbiAKMDAwMDgxNDEzMyAwMDAwMCBuIAowMDAwODE0MTU0IDAwMDAwIG4gCjAwMDA4MTQxNzUgMDAwMDAgbiAKMDAwMDgxNDE5NiAwMDAwMCBuIAowMDAwODE0MjE3IDAwMDAwIG4gCjAwMDA4MTQyMzggMDAwMDAgbiAKMDAwMDgxNDI2MCAwMDAwMCBuIAowMDAwODE0MjgxIDAwMDAwIG4gCjAwMDA4MTQzMDMgMDAwMDAgbiAKMDAwMDgxNDMyNCAwMDAwMCBuIAowMDAwODE0MzQ1IDAwMDAwIG4gCjAwMDA4MTQzNjYgMDAwMDAgbiAKMDAwMDgxNDM4NyAwMDAwMCBuIAowMDAwODE0NDA5IDAwMDAwIG4gCjAwMDA4MTQ0MzAgMDAwMDAgbiAKMDAwMDgxNDQ1MSAwMDAwMCBuIAowMDAwODE0NDcyIDAwMDAwIG4gCjAwMDA4MTQ0OTMgMDAwMDAgbiAKMDAwMDgxNDUxNCAwMDAwMCBuIAowMDAwODE0NTM2IDAwMDAwIG4gCjAwMDA4MTQ1NTcgMDAwMDAgbiAKMDAwMDgxNDU3OSAwMDAwMCBuIAowMDAwODE0NjAwIDAwMDAwIG4gCjAwMDA4MTQ2MjEgMDAwMDAgbiAKMDAwMDgxNDY0MiAwMDAwMCBuIAowMDAwODE0NjY0IDAwMDAwIG4gCjAwMDA4MTQ2ODUgMDAwMDAgbiAKMDAwMDgxNDcwNyAwMDAwMCBuIAowMDAwODE0NzI5IDAwMDAwIG4gCjAwMDA4MTQ3NTEgMDAwMDAgbiAKMDAwMDgxNDc3MiAwMDAwMCBuIAowMDAwODE0NzkzIDAwMDAwIG4gCjAwMDA4MTQ4MTQgMDAwMDAgbiAKMDAwMDgxNDgzNiAwMDAwMCBuIAowMDAwODE0ODU3IDAwMDAwIG4gCjAwMDA4MTQ4NzggMDAwMDAgbiAKMDAwMDgxNDg5OSAwMDAwMCBuIAowMDAwODE0OTIxIDAwMDAwIG4gCjAwMDA4MTQ5NDIgMDAwMDAgbiAKMDAwMDgxNDk2NCAwMDAwMCBuIAowMDAwODE0OTg1IDAwMDAwIG4gCjAwMDA4MTUwMDcgMDAwMDAgbiAKMDAwMDgxNTAyOSAwMDAwMCBuIAowMDAwODE1MDUwIDAwMDAwIG4gCjAwMDA4MTUwNzEgMDAwMDAgbiAKMDAwMDgxNTA5MyAwMDAwMCBuIAowMDAwODE1MTE0IDAwMDAwIG4gCjAwMDA4MTUxMzUgMDAwMDAgbiAKMDAwMDgxNTE1NyAwMDAwMCBuIAowMDAwODE1MTc4IDAwMDAwIG4gCjAwMDA4MTUxOTkgMDAwMDAgbiAKMDAwMDgxNTIyMCAwMDAwMCBuIAowMDAwODE1MjQxIDAwMDAwIG4gCjAwMDA4MTUyNjIgMDAwMDAgbiAKMDAwMDgxNTI4MyAwMDAwMCBuIAowMDAwODE1MzA0IDAwMDAwIG4gCjAwMDA4MTUzMjUgMDAwMDAgbiAKMDAwMDgxNTM0NiAwMDAwMCBuIAowMDAwODE1MzY3IDAwMDAwIG4gCjAwMDA4MTUzODggMDAwMDAgbiAKMDAwMDgxNTQwOSAwMDAwMCBuIAowMDAwODE1NDMwIDAwMDAwIG4gCjAwMDA4MTU0NTEgMDAwMDAgbiAKMDAwMDgxNTQ3MiAwMDAwMCBuIAowMDAwODE1NDkzIDAwMDAwIG4gCjAwMDA4MTU1MTQgMDAwMDAgbiAKMDAwMDgxNTUzNSAwMDAwMCBuIAowMDAwODE1NTU2IDAwMDAwIG4gCjAwMDA4MTU1NzcgMDAwMDAgbiAKMDAwMDgxNTU5OCAwMDAwMCBuIAowMDAwODE1NjE5IDAwMDAwIG4gCjAwMDA4MTU2NDAgMDAwMDAgbiAKMDAwMDgxNTY2MSAwMDAwMCBuIAowMDAwODE1NjgyIDAwMDAwIG4gCjAwMDA4MTU3MDMgMDAwMDAgbiAKMDAwMDgxNTcyNCAwMDAwMCBuIAowMDAwODE1NzQ1IDAwMDAwIG4gCjAwMDA4MTU3NjYgMDAwMDAgbiAKMDAwMDgxNTc4NyAwMDAwMCBuIAowMDAwODE1ODA4IDAwMDAwIG4gCjAwMDA4MTU4MjkgMDAwMDAgbiAKMDAwMDgxNTg1MCAwMDAwMCBuIAowMDAwODE1ODcxIDAwMDAwIG4gCjAwMDA4MTU4OTIgMDAwMDAgbiAKMDAwMDgxNTkxMyAwMDAwMCBuIAowMDAwODE1OTM0IDAwMDAwIG4gCjAwMDA4MTU5NTUgMDAwMDAgbiAKMDAwMDgxNTk3NiAwMDAwMCBuIAowMDAwODE1OTk3IDAwMDAwIG4gCjAwMDA4MTYwMTggMDAwMDAgbiAKMDAwMDgxNjAzOSAwMDAwMCBuIAowMDAwODE2MDYwIDAwMDAwIG4gCjAwMDA4MTYwODEgMDAwMDAgbiAKMDAwMDgxNjEwMiAwMDAwMCBuIAowMDAwODE2MTIzIDAwMDAwIG4gCjAwMDA4MTYxNDQgMDAwMDAgbiAKMDAwMDgxNjE2NSAwMDAwMCBuIAowMDAwODE2MTg2IDAwMDAwIG4gCjAwMDA4MTYyMDcgMDAwMDAgbiAKMDAwMDgxNjIyOCAwMDAwMCBuIAowMDAwODE2MjQ5IDAwMDAwIG4gCjAwMDA4MTYyNzAgMDAwMDAgbiAKMDAwMDgxNjI5MSAwMDAwMCBuIAowMDAwODE2MzEyIDAwMDAwIG4gCjAwMDA4MTYzMzMgMDAwMDAgbiAKMDAwMDgxNjM1NCAwMDAwMCBuIAowMDAwODE2Mzc1IDAwMDAwIG4gCjAwMDA4MTYzOTYgMDAwMDAgbiAKMDAwMDgxNjQxNyAwMDAwMCBuIAowMDAwODE2NDM4IDAwMDAwIG4gCjAwMDA4MTY0NTkgMDAwMDAgbiAKMDAwMDgxNjQ4MCAwMDAwMCBuIAowMDAwODE2NTAxIDAwMDAwIG4gCjAwMDA4MTY1MjIgMDAwMDAgbiAKMDAwMDgxNjU0MyAwMDAwMCBuIAowMDAwODE2NTY0IDAwMDAwIG4gCjAwMDA4MTY1ODUgMDAwMDAgbiAKMDAwMDgxNjYwNiAwMDAwMCBuIAowMDAwODE2NjI3IDAwMDAwIG4gCjAwMDA4MTY2NDggMDAwMDAgbiAKMDAwMDgxNjY2OSAwMDAwMCBuIAowMDAwODE2NjkwIDAwMDAwIG4gCjAwMDA4MTY3MTEgMDAwMDAgbiAKMDAwMDgxNjczMiAwMDAwMCBuIAowMDAwODE2NzUzIDAwMDAwIG4gCjAwMDA4MTY3NzQgMDAwMDAgbiAKMDAwMDgxNjc5NSAwMDAwMCBuIAowMDAwODE2ODE2IDAwMDAwIG4gCjAwMDA4MTY4MzcgMDAwMDAgbiAKMDAwMDgxNjg1OCAwMDAwMCBuIAowMDAwODIxNDcwIDAwMDAwIG4gCjAwMDA4MjEzNTggMDAwMDAgbiAKMDAwMDgxNzAxMyAwMDAwMCBuIAowMDAwODc4NTQ2IDAwMDAwIG4gCjAwMDA4MjYyOTMgMDAwMDAgbiAKMDAwMDgyMTU2MyAwMDAwMCBuIAowMDAwOTk1Nzk0IDAwMDAwIG4gCjAwMDA4Mzc1NTQgMDAwMDAgbiAKMDAwMDgzNzc3OCAwMDAwMCBuIAowMDAwODM3ODE1IDAwMDAwIG4gCjAwMDA4Mzc4NzIgMDAwMDAgbiAKMDAwMDgzNzkyOCAwMDAwMCBuIAowMDAwODM4MDk2IDAwMDAwIG4gCjAwMDA4Mzg3MjIgMDAwMDAgbiAKMDAwMDgzOTE0OCAwMDAwMCBuIAowMDAwODM5NDY1IDAwMDAwIG4gCjAwMDA4Mzk3ODIgMDAwMDAgbiAKMDAwMDg0MDA5OSAwMDAwMCBuIAowMDAwODQwNDE1IDAwMDAwIG4gCjAwMDA4NDA3MzIgMDAwMDAgbiAKMDAwMDg0MTA0OSAwMDAwMCBuIAowMDAwODQxMzY2IDAwMDAwIG4gCjAwMDA4NDE2ODIgMDAwMDAgbiAKMDAwMDg0MTk5OSAwMDAwMCBuIAowMDAwODQyMzE2IDAwMDAwIG4gCjAwMDA4NDI2MzMgMDAwMDAgbiAKMDAwMDg0Mjk1MCAwMDAwMCBuIAowMDAwODQzMjY3IDAwMDAwIG4gCjAwMDA4NDM1ODQgMDAwMDAgbiAKMDAwMDg0MzkwMSAwMDAwMCBuIAowMDAwODQ0MjE4IDAwMDAwIG4gCjAwMDA4NDQ1MzMgMDAwMDAgbiAKMDAwMDg0NDg0OSAwMDAwMCBuIAowMDAwODQ1MTY2IDAwMDAwIG4gCjAwMDA4NDU0ODMgMDAwMDAgbiAKMDAwMDg0NTgwMCAwMDAwMCBuIAowMDAwODQ2MTE3IDAwMDAwIG4gCjAwMDA4NDY0MzQgMDAwMDAgbiAKMDAwMDg0Njc1MSAwMDAwMCBuIAowMDAwODQ3MDY4IDAwMDAwIG4gCjAwMDA4NDczODUgMDAwMDAgbiAKMDAwMDg0NzcwMiAwMDAwMCBuIAowMDAwODQ4MDE5IDAwMDAwIG4gCjAwMDA4NDgzMzYgMDAwMDAgbiAKMDAwMDg0ODY1MyAwMDAwMCBuIAowMDAwODQ4OTcwIDAwMDAwIG4gCjAwMDA4NDkyODcgMDAwMDAgbiAKMDAwMDg0OTYwNCAwMDAwMCBuIAowMDAwODQ5OTE5IDAwMDAwIG4gCjAwMDA4NTAyMzYgMDAwMDAgbiAKMDAwMDg1MDU1MyAwMDAwMCBuIAowMDAwODUwODcwIDAwMDAwIG4gCjAwMDA4NTExODcgMDAwMDAgbiAKMDAwMDg1MTUwMyAwMDAwMCBuIAowMDAwODUxODIwIDAwMDAwIG4gCjAwMDA4NTIxMzcgMDAwMDAgbiAKMDAwMDg1MjQ1NCAwMDAwMCBuIAowMDAwODUyNzY5IDAwMDAwIG4gCjAwMDA4NTMwODYgMDAwMDAgbiAKMDAwMDg1MzQwMyAwMDAwMCBuIAowMDAwODUzNzIwIDAwMDAwIG4gCjAwMDA4NTQwMzcgMDAwMDAgbiAKMDAwMDg1NDM1NCAwMDAwMCBuIAowMDAwODU0NjcxIDAwMDAwIG4gCjAwMDA4NTQ5ODggMDAwMDAgbiAKMDAwMDg1NTAxMCAwMDAwMCBuIAowMDAwODU1OTA2IDAwMDAwIG4gCjAwMDA4NTYxMzAgMDAwMDAgbiAKMDAwMDg1NjMzOCAwMDAwMCBuIAowMDAwODU2NjIyIDAwMDAwIG4gCjAwMDA4NTY2NDMgMDAwMDAgbiAKMDAwMDg1Njg4NSAwMDAwMCBuIAowMDAwODU2OTA2IDAwMDAwIG4gCjAwMDA4NTcxNDggMDAwMDAgbiAKMDAwMDg1NzE2OCAwMDAwMCBuIAowMDAwODU3MjU2IDAwMDAwIG4gCjAwMDA4NTcyNzYgMDAwMDAgbiAKMDAwMDg1NzM2NCAwMDAwMCBuIAowMDAwODU3Mzg0IDAwMDAwIG4gCjAwMDA4NTc0NzIgMDAwMDAgbiAKMDAwMDg1NzQ5MiAwMDAwMCBuIAowMDAwODU3NTgwIDAwMDAwIG4gCjAwMDA4NTc2MDAgMDAwMDAgbiAKMDAwMDg1NzY4OCAwMDAwMCBuIAowMDAwODU3NzA4IDAwMDAwIG4gCjAwMDA4NTc3OTYgMDAwMDAgbiAKMDAwMDg1NzgxNiAwMDAwMCBuIAowMDAwODU3OTA0IDAwMDAwIG4gCjAwMDA4NTc5MjQgMDAwMDAgbiAKMDAwMDg1ODAxMiAwMDAwMCBuIAowMDAwODU4MDMyIDAwMDAwIG4gCjAwMDA4NTgxMjAgMDAwMDAgbiAKMDAwMDg1ODE0MCAwMDAwMCBuIAowMDAwODU4MjI4IDAwMDAwIG4gCjAwMDA4NTgyNDggMDAwMDAgbiAKMDAwMDg1ODMzNiAwMDAwMCBuIAowMDAwODU4MzU2IDAwMDAwIG4gCjAwMDA4NTg0NDQgMDAwMDAgbiAKMDAwMDg1ODQ2NCAwMDAwMCBuIAowMDAwODU4NTUyIDAwMDAwIG4gCjAwMDA4NTg1NzIgMDAwMDAgbiAKMDAwMDg1ODY2MCAwMDAwMCBuIAowMDAwODU4NjgwIDAwMDAwIG4gCjAwMDA4NTg3NjggMDAwMDAgbiAKMDAwMDg1ODc4OCAwMDAwMCBuIAowMDAwODU4ODc2IDAwMDAwIG4gCjAwMDA4NTg4OTYgMDAwMDAgbiAKMDAwMDg1ODk4NCAwMDAwMCBuIAowMDAwODU5MDA0IDAwMDAwIG4gCjAwMDA4NTkwOTIgMDAwMDAgbiAKMDAwMDg1OTExMiAwMDAwMCBuIAowMDAwODU5MjAwIDAwMDAwIG4gCjAwMDA4NTkyMjAgMDAwMDAgbiAKMDAwMDg1OTMwOCAwMDAwMCBuIAowMDAwODU5MzI4IDAwMDAwIG4gCjAwMDA4NTk0MTYgMDAwMDAgbiAKMDAwMDg1OTQzNiAwMDAwMCBuIAowMDAwODU5NTI0IDAwMDAwIG4gCjAwMDA4NTk1NDQgMDAwMDAgbiAKMDAwMDg1OTYzMiAwMDAwMCBuIAowMDAwODU5NjUyIDAwMDAwIG4gCjAwMDA4NTk3NDAgMDAwMDAgbiAKMDAwMDg1OTc2MCAwMDAwMCBuIAowMDAwODU5ODQ4IDAwMDAwIG4gCjAwMDA4NTk4NjggMDAwMDAgbiAKMDAwMDg1OTk1NiAwMDAwMCBuIAowMDAwODU5OTc2IDAwMDAwIG4gCjAwMDA4NjAwNjQgMDAwMDAgbiAKMDAwMDg2MDA4NCAwMDAwMCBuIAowMDAwODYwMTcyIDAwMDAwIG4gCjAwMDA4NjAxOTIgMDAwMDAgbiAKMDAwMDg2MDI4MCAwMDAwMCBuIAowMDAwODYwMzAwIDAwMDAwIG4gCjAwMDA4NjAzODggMDAwMDAgbiAKMDAwMDg2MDQwOCAwMDAwMCBuIAowMDAwODYwNDk2IDAwMDAwIG4gCjAwMDA4NjA1MTYgMDAwMDAgbiAKMDAwMDg2MDYwNCAwMDAwMCBuIAowMDAwODYwNjI0IDAwMDAwIG4gCjAwMDA4NjA3MTIgMDAwMDAgbiAKMDAwMDg2MDczMiAwMDAwMCBuIAowMDAwODYwODIwIDAwMDAwIG4gCjAwMDA4NjA4NDAgMDAwMDAgbiAKMDAwMDg2MDkyOCAwMDAwMCBuIAowMDAwODYwOTQ4IDAwMDAwIG4gCjAwMDA4NjEwMzYgMDAwMDAgbiAKMDAwMDg2MTA1NiAwMDAwMCBuIAowMDAwODYxMTQ0IDAwMDAwIG4gCjAwMDA4NjExNjQgMDAwMDAgbiAKMDAwMDg2MTI1MiAwMDAwMCBuIAowMDAwODYxMjcyIDAwMDAwIG4gCjAwMDA4NjEzNjAgMDAwMDAgbiAKMDAwMDg2MTM4MCAwMDAwMCBuIAowMDAwODYxNDY4IDAwMDAwIG4gCjAwMDA4NjE0ODggMDAwMDAgbiAKMDAwMDg2MTU3NiAwMDAwMCBuIAowMDAwODYxNTk2IDAwMDAwIG4gCjAwMDA4NjE2ODQgMDAwMDAgbiAKMDAwMDg2MTcwNCAwMDAwMCBuIAowMDAwODYxNzkyIDAwMDAwIG4gCjAwMDA4NjE4MTIgMDAwMDAgbiAKMDAwMDg2MTkwMCAwMDAwMCBuIAowMDAwODYxOTIwIDAwMDAwIG4gCjAwMDA4NjIwMDggMDAwMDAgbiAKMDAwMDg2MjAyOCAwMDAwMCBuIAowMDAwODYyMTE2IDAwMDAwIG4gCjAwMDA4NjIxMzYgMDAwMDAgbiAKMDAwMDg2MjIyNCAwMDAwMCBuIAowMDAwODYyMjQ0IDAwMDAwIG4gCjAwMDA4NjIzMzIgMDAwMDAgbiAKMDAwMDg2MjM1MiAwMDAwMCBuIAowMDAwODYyNDQwIDAwMDAwIG4gCjAwMDA4NjI0NjAgMDAwMDAgbiAKMDAwMDg2MjU0OCAwMDAwMCBuIAowMDAwODYyNTY5IDAwMDAwIG4gCjAwMDA4Nzg0NjIgMDAwMDAgbiAKMDAwMDg3ODQ4MyAwMDAwMCBuIAowMDAwODc4NTAzIDAwMDAwIG4gCjAwMDA4Nzg1MjMgMDAwMDAgbiAKMDAwMDg4MTc4NiAwMDAwMCBuIAowMDAwODgxNjc0IDAwMDAwIG4gCjAwMDA4Nzg2NjcgMDAwMDAgbiAKMDAwMDg4NDk2NyAwMDAwMCBuIAowMDAwODg0ODg5IDAwMDAwIG4gCjAwMDA4ODg2OTIgMDAwMDAgbiAKMDAwMDg4ODU0NSAwMDAwMCBuIAowMDAwODk0NzAzIDAwMDAwIG4gCjAwMDA4OTQ0MzUgMDAwMDAgbiAKMDAwMDg5NjY5MyAwMDAwMCBuIAowMDAwODk2NjY4IDAwMDAwIG4gCjAwMDA4OTY3ODYgMDAwMDAgbiAKMDAwMDkwNzIyOSAwMDAwMCBuIAowMDAwOTIyMzYyIDAwMDAwIG4gCjAwMDA5MzI5MDYgMDAwMDAgbiAKMDAwMDkzNzA0MyAwMDAwMCBuIAowMDAwOTM2OTYwIDAwMDAwIG4gCjAwMDA5NDg2MTYgMDAwMDAgbiAKMDAwMDk0ODI4NiAwMDAwMCBuIAowMDAwOTUxNDQ3IDAwMDAwIG4gCjAwMDA5NTEyMTMgMDAwMDAgbiAKMDAwMDk1MzM0NSAwMDAwMCBuIAowMDAwOTUzMzIxIDAwMDAwIG4gCjAwMDA5NTYxMDcgMDAwMDAgbiAKMDAwMDk1NjA2MyAwMDAwMCBuIAowMDAwOTU4MTEyIDAwMDAwIG4gCjAwMDA5NTgwNjIgMDAwMDAgbiAKMDAwMDk3OTEzMiAwMDAwMCBuIAowMDAwOTk1MjcxIDAwMDAwIG4gCjAwMDA5OTU4NzkgMDAwMDAgbiAKMDAwMDk5NTk1NiAwMDAwMCBuIAowMDAwOTk2MDA5IDAwMDAwIG4gCnRyYWlsZXIKPDwKL1NpemUgOTk3Ci9Sb290IDk5NSAwIFIKL0luZm8gOTk2IDAgUgovSUQgWzwxMTBERDYxRkQ1NzQ0NDAxMEIxQUI1RkYzODc4MkYwRj4gPDExMERENjFGRDU3NDQ0MDEwQjFBQjVGRjM4NzgyRjBGPl0KPj4Kc3RhcnR4cmVmCjk5NjIxMwolJUVPRgo=&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnDocumentLoaded</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">PdfViewerEventArgs</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> eventLog </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Last event: OnDocumentLoaded, CurrentPage: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">CurrentPage</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">, TotalPages: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">TotalPages</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnPageChanged</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">PdfViewerEventArgs</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> eventLog </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Last event: OnPageChanged, CurrentPage: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">CurrentPage</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">, TotalPages: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">args</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">TotalPages</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/pagination#base64-string" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/pdf-viewer.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/pagination"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Pagination</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/placeholders"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Placeholders</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#callback-events" class="table-of-contents__link toc-highlight">Callback Events</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#basic-usage" class="table-of-contents__link toc-highlight">Basic usage</a></li><li><a href="#orientation" class="table-of-contents__link toc-highlight">Orientation</a></li><li><a href="#base64string" class="table-of-contents__link toc-highlight">Base64String</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/placeholders.html b/components/placeholders.html
index e9bad7229..0fc5ddc8d 100644
--- a/components/placeholders.html
+++ b/components/placeholders.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Placeholders</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Placeholders</h1><p>Use Blazor Bootstrap loading placeholders for your components or pages to indicate something may still be loading.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="placeholdercontainer-parameters">PlaceholderContainer Parameters<a href="#placeholdercontainer-parameters" class="hash-link" aria-label="Direct link to PlaceholderContainer Parameters" title="Direct link to PlaceholderContainer Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Animation</td><td align="left"><code>PlaceholderAnimation</code></td><td align="left"><code>PlaceholderAnimation.Glow</code></td><td align="left"></td><td align="left">Gets or sets the placeholder animation.</td><td align="left">1.0.0</td></tr><tr><td align="left">ChildContent</td><td align="left"><code>RenderFragment?</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="placeholder-parameters">Placeholder Parameters<a href="#placeholder-parameters" class="hash-link" aria-label="Direct link to Placeholder Parameters" title="Direct link to Placeholder Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Color</td><td align="left"><code>PlaceholderColor</code></td><td align="left"><code>PlaceholderColor.None</code></td><td align="left"></td><td align="left">Gets or sets the placeholder color.</td><td align="left">1.0.0</td></tr><tr><td align="left">Size</td><td align="left"><code>PlaceholderSize</code></td><td align="left"><code>PlaceholderSize.None</code></td><td align="left"></td><td align="left">Gets or sets the placeholder size.</td><td align="left">1.0.0</td></tr><tr><td align="left">Width</td><td align="left"><code>PlaceholderWidth</code></td><td align="left"><code>PlaceholderWidth.Col1</code></td><td align="left"></td><td align="left">Gets or sets the placeholder width.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="placeholders">Placeholders<a href="#placeholders" class="hash-link" aria-label="Direct link to Placeholders" title="Direct link to Placeholders">​</a></h3><img loading="lazy" src="https://i.imgur.com/Mw13qfX.png" alt="Placeholders - Example" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">PlaceholderContainer</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Animation</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderAnimation.Glow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col7</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col9</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col6</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col7</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">PlaceholderContainer</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/placeholders#examples" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="width">Width<a href="#width" class="hash-link" aria-label="Direct link to Width" title="Direct link to Width">​</a></h3><p>You can change the width through <code>PlaceholderWidth</code>, width utilities, or inline styles.</p><img loading="lazy" src="https://i.imgur.com/JcLisSd.png" alt="Placeholders - Width Example" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col6</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">w-75</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">Style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:rgb(206, 145, 120)">width</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token tag special-attr attr-value value css language-css" style="color:rgb(206, 145, 120)"> </span><span class="token tag special-attr attr-value value css language-css number" style="color:rgb(181, 206, 168)">25</span><span class="token tag special-attr attr-value value css language-css unit" style="color:rgb(206, 145, 120)">%</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/placeholders#width" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="color">Color<a href="#color" class="hash-link" aria-label="Direct link to Color" title="Direct link to Color">​</a></h3><p>By default, the placeholder uses currentColor. This can be overridden with the <code>Color</code> property of type enum.</p><img loading="lazy" src="https://i.imgur.com/g8m05MQ.png" alt="Placeholders - Color Example" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/placeholders#color" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="sizing">Sizing<a href="#sizing" class="hash-link" aria-label="Direct link to Sizing" title="Direct link to Sizing">​</a></h3><p>The size of placeholders are based on the typographic style of the parent element. Customize them with <code>Size</code> property of type enum.</p><img loading="lazy" src="https://i.imgur.com/udkkloE.png" alt="Placeholders - Sizing Example" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderSize.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderSize.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderSize.ExtraSmall</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/placeholders#sizing" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="animation">Animation<a href="#animation" class="hash-link" aria-label="Direct link to Animation" title="Direct link to Animation">​</a></h3><p>Animate placeholders with <code>PlaceholderAnimation.Glow</code> or <code>PlaceholderAnimation.Wave</code> to better convey the perception of something being actively loaded.</p><img loading="lazy" src="https://i.imgur.com/loMuJzD.png" alt="Placeholders - Animation Example" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">PlaceholderContainer</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Animation</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderAnimation.Glow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderSize.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderSize.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderSize.ExtraSmall</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">PlaceholderContainer</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">PlaceholderContainer</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Animation</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderAnimation.Wave</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderSize.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderSize.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Placeholder</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderWidth.Col12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PlaceholderSize.ExtraSmall</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">PlaceholderContainer</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/placeholders#animation" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/placeholders.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/pdf-viewer"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">PDF Viewer</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/preload"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Preload</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#placeholdercontainer-parameters" class="table-of-contents__link toc-highlight">PlaceholderContainer Parameters</a></li><li><a href="#placeholder-parameters" class="table-of-contents__link toc-highlight">Placeholder Parameters</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#placeholders" class="table-of-contents__link toc-highlight">Placeholders</a></li><li><a href="#width" class="table-of-contents__link toc-highlight">Width</a></li><li><a href="#color" class="table-of-contents__link toc-highlight">Color</a></li><li><a href="#sizing" class="table-of-contents__link toc-highlight">Sizing</a></li><li><a href="#animation" class="table-of-contents__link toc-highlight">Animation</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/preload.html b/components/preload.html
index 704604571..85e80b0b1 100644
--- a/components/preload.html
+++ b/components/preload.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Preload</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Preload</h1><p>Indicate the loading state of a page with Blazor Bootstrap preload component.</p><div id="docsblazorbootstrapcom"></div><p><strong>Things to know when using the <code>Preload</code> component:</strong></p><ul><li>Add the <code>Preload</code> component to your <strong>current page</strong> or your <strong>layout page</strong>.</li><li>Inject <code>PreloadService</code></li><li>Call <code>PreloadService.Show()</code> before you make any call to the API.</li><li>Call <code>PreloadService.Hide()</code> after you get the response from the API.</li></ul><img loading="lazy" src="https://i.imgur.com/2cPuqFa.png" alt="Blazor Bootstrap: Blazor Preload Component - Default" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.1.0</td></tr><tr><td align="left">LoadingText</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the loading text.</td><td align="left">1.10.4</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="preload-service">Preload Service<a href="#preload-service" class="hash-link" aria-label="Direct link to Preload Service" title="Direct link to Preload Service">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h3><table><thead><tr><th>Name</th><th>Return Type</th><th>Description</th><th>Added Version</th></tr></thead><tbody><tr><td>Show(SpinnerColor spinnerColor = SpinnerColor.Light)</td><td>void</td><td>Shows the preload.</td><td>1.1.0</td></tr><tr><td>Show(SpinnerColor spinnerColor = SpinnerColor.Light, string? loadingText = null)</td><td>void</td><td>Shows the preload.</td><td>1.10.4</td></tr><tr><td>Hide()</td><td>void</td><td>Hides the preload.</td><td>1.1.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="global-preload-service-for-the-application">Global preload service for the application<a href="#global-preload-service-for-the-application" class="hash-link" aria-label="Direct link to Global preload service for the application" title="Direct link to Global preload service for the application">​</a></h2><ol><li>Add the <code>Preload</code> component in <strong>MainLayout.razor</strong> page as shown below.</li></ol><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">... MainLayout.razor code goes here ...</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Preload</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">LoadingText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Loading...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol start="2"><li>Inject <code>PreloadService</code>, then call the <code>Show()</code> and <code>Hide()</code> methods before and after the Service/API call, respectively, as shown below.</li></ol><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">PreloadService</span><span class="token plain"> PreloadService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetEmployees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">try</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            PreloadService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Show</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// call the service/api to get the employees</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">catch</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// handle exception</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">finally</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            PreloadService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Hide</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/preload#global-preload-service-for-the-application" target="_blank" rel="noopener noreferrer">See Preload demo here.</a></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="change-loading-text">Change loading text<a href="#change-loading-text" class="hash-link" aria-label="Direct link to Change loading text" title="Direct link to Change loading text">​</a></h2><img loading="lazy" src="https://i.imgur.com/nzNRyp7.png" alt="Blazor Bootstrap: Blazor Preload Component - Change loading text" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowLoadingDataAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Loading data...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowSavingDataAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Saving data...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">PreloadService</span><span class="token plain"> PreloadService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowLoadingDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        PreloadService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Show</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">SpinnerColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Light</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Loading data...&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call the service/api</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        PreloadService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Hide</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowSavingDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        PreloadService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Show</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">SpinnerColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Light</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Saving data...&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call the service/api</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        PreloadService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Hide</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/preload#change-loading-text" target="_blank" rel="noopener noreferrer">See Preload demo here.</a></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="change-spinner-color">Change spinner color<a href="#change-spinner-color" class="hash-link" aria-label="Direct link to Change spinner color" title="Direct link to Change spinner color">​</a></h2><p>Change the default spinner color by passing the <code>SpinnerColor</code> enum to the <code>Show(...)</code> method. In the below example, we are using a <a href="/components/preload#global-preload-service-for-the-application">global preload service</a>, as shown in the above section.</p><img loading="lazy" src="https://i.imgur.com/5PVt5bX.png" alt="Blazor Bootstrap: Blazor Preload Component - Change spinner color" class="img_ev3q"><div class="language-cshml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">&lt;Button Color=&quot;ButtonColor.Primary&quot; @onclick=&quot;async () =&gt; await ShowSpinnerAsync(SpinnerColor.Primary)&quot;&gt;Primary Spinner&lt;/Button&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">&lt;Button Color=&quot;ButtonColor.Secondary&quot; @onclick=&quot;async () =&gt; await ShowSpinnerAsync(SpinnerColor.Secondary)&quot;&gt;Secondary Spinner&lt;/Button&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">&lt;Button Color=&quot;ButtonColor.Success&quot; @onclick=&quot;async () =&gt; await ShowSpinnerAsync(SpinnerColor.Success)&quot;&gt;Success Spinner&lt;/Button&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">&lt;Button Color=&quot;ButtonColor.Danger&quot; @onclick=&quot;async () =&gt; await ShowSpinnerAsync(SpinnerColor.Danger)&quot;&gt;Danger Spinner&lt;/Button&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">&lt;Button Color=&quot;ButtonColor.Warning&quot; @onclick=&quot;async () =&gt; await ShowSpinnerAsync(SpinnerColor.Warning)&quot;&gt;Warning Spinner&lt;/Button&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">&lt;Button Color=&quot;ButtonColor.Info&quot; @onclick=&quot;async () =&gt; await ShowSpinnerAsync(SpinnerColor.Info)&quot;&gt;Info Spinner&lt;/Button&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">&lt;Button Color=&quot;ButtonColor.Light&quot; @onclick=&quot;async () =&gt; await ShowSpinnerAsync(SpinnerColor.Light)&quot;&gt;Light Spinner&lt;/Button&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">&lt;Button Color=&quot;ButtonColor.Dark&quot; @onclick=&quot;async () =&gt; await ShowSpinnerAsync(SpinnerColor.Dark)&quot;&gt;Dark Spinner&lt;/Button&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">PreloadService</span><span class="token plain"> PreloadService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowSpinnerAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SpinnerColor</span><span class="token plain"> spinnerColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        PreloadService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Show</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">spinnerColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call the service/api</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        PreloadService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Hide</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/preload#change-spinner-color" target="_blank" rel="noopener noreferrer">See Preload demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/preload.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/placeholders"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Placeholders</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/progress"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Progress</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#preload-service" class="table-of-contents__link toc-highlight">Preload Service</a><ul><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li></ul></li><li><a href="#global-preload-service-for-the-application" class="table-of-contents__link toc-highlight">Global preload service for the application</a></li><li><a href="#change-loading-text" class="table-of-contents__link toc-highlight">Change loading text</a></li><li><a href="#change-spinner-color" class="table-of-contents__link toc-highlight">Change spinner color</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/progress.html b/components/progress.html
index f5e513fee..b427dc348 100644
--- a/components/progress.html
+++ b/components/progress.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Progress</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Progress</h1><p>Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="progress-parameters">Progress Parameters<a href="#progress-parameters" class="hash-link" aria-label="Direct link to Progress Parameters" title="Direct link to Progress Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.0.0</td></tr><tr><td align="left">Height</td><td align="left">double</td><td align="left">16</td><td align="left"></td><td align="left">Gets or sets the height of the Progress. Height is measured in pixels, and the default height is 16 pixels.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="progressbar-parameters">ProgressBar Parameters<a href="#progressbar-parameters" class="hash-link" aria-label="Direct link to ProgressBar Parameters" title="Direct link to ProgressBar Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Color</td><td align="left"><code>ProgressColor</code></td><td align="left"><code>ProgressColor.None</code></td><td align="left"></td><td align="left">Gets or sets the progress color.</td><td align="left">1.0.0</td></tr><tr><td align="left">Label</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the progress bar label.</td><td align="left">1.0.0</td></tr><tr><td align="left">Type</td><td align="left"><code>ProgressType</code></td><td align="left"><code>ProgressType.Default</code></td><td align="left"></td><td align="left">Gets or sets the progress bar type.</td><td align="left">1.0.0</td></tr><tr><td align="left">Width</td><td align="left">double</td><td align="left">0</td><td align="left"></td><td align="left">Get or sets the progress bar width.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="progressbar-methods">ProgressBar Methods<a href="#progressbar-methods" class="hash-link" aria-label="Direct link to ProgressBar Methods" title="Direct link to ProgressBar Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left">DecreaseWidth</td><td align="left">Decrease the progress bar width.</td></tr><tr><td align="left">GetWidth</td><td align="left">Get the progress bar width.</td></tr><tr><td align="left">IncreaseWidth</td><td align="left">Increase the progress bar width.</td></tr><tr><td align="left">SetColor</td><td align="left">Set the progress bar color.</td></tr><tr><td align="left">SetLabel</td><td align="left">Set the progress bar label.</td></tr><tr><td align="left">SetWidth</td><td align="left">Set the progress bar width.</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="how-it-works">How it works<a href="#how-it-works" class="hash-link" aria-label="Direct link to How it works" title="Direct link to How it works">​</a></h3><img loading="lazy" src="https://i.imgur.com/MK142lQ.png" alt="Blazor Progress - How it works" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Label</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">40</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">60</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.Striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">70</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.StripedAndAnimated</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">30</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/progress#how-it-works" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="labels">Labels<a href="#labels" class="hash-link" aria-label="Direct link to Labels" title="Direct link to Labels">​</a></h3><p>Add labels to your Blazor ProgressBar component using the Label parameter or by calling the <code>SetLabel(...)</code> method.</p><img loading="lazy" src="https://i.imgur.com/De7gSvL.png" alt="Blazor Progress - Labels" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Label</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/progress#labels" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="set-width-programmatically">Set width programmatically<a href="#set-width-programmatically" class="hash-link" aria-label="Direct link to Set width programmatically" title="Direct link to Set width programmatically">​</a></h3><p>Use <code>IncreaseWidth()</code> or <code>DecreaseProgressBar()</code> methods to increase or decrease the Blazor ProgressBar width.</p><img loading="lazy" src="https://i.imgur.com/ZDfpxN7.png" alt="Blazor Progress - Set width programmatically" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">progressBar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IncreaseProgressBar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Increase by 10%</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DecreaseProgressBar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Decrease by 10%</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ResetProgressBar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reset</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token plain"> progressBar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">IncreaseProgressBar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        progressBar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">IncreaseWidth</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        progressBar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">SetLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">progressBar</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">GetWidth</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">%&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">DecreaseProgressBar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        progressBar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">DecreaseProgressBar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        progressBar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">SetLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">progressBar</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">GetWidth</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">%&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ResetProgressBar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        progressBar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">SetWidth</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        progressBar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">SetLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">progressBar</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">GetWidth</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">%&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/progress#set-width-programmatically" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="height">Height<a href="#height" class="hash-link" aria-label="Direct link to Height" title="Direct link to Height">​</a></h3><p>Set the height of the Blazor Progress by using the <code>Height</code> parameter. Height is measured in pixels.</p><img loading="lazy" src="https://i.imgur.com/GzPRWkS.png" alt="Blazor Progress - Height" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Height</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Height</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">40</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Height</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">40</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/progress#height" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="backgrounds">Backgrounds<a href="#backgrounds" class="hash-link" aria-label="Direct link to Backgrounds" title="Direct link to Backgrounds">​</a></h3><p>Use the <code>Color</code> parameter or the <code>SetColor(ProgressColor color)</code> method to change the appearance of individual Blazor ProgressBar components.</p><img loading="lazy" src="https://i.imgur.com/QkG4fyX.png" alt="Blazor Progress - Backgrounds" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">30</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">40</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">60</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">70</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/progress#backgrounds" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="set-background-programmatically">Set background programmatically<a href="#set-background-programmatically" class="hash-link" aria-label="Direct link to Set background programmatically" title="Direct link to Set background programmatically">​</a></h3><p>You can dynamically set the Blazor ProgressBar color by calling the <code>SetColor()</code> method.</p><img loading="lazy" src="https://i.imgur.com/rXnCzk1.png" alt="Blazor Progress - Set background programmatically" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">progressBar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">30</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Label</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">30%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; SetColor(ProgressColor.Success)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Set Color</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; SetColor(ProgressColor.Info)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Set Color</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; SetColor(ProgressColor.Warning)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Set Color</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; SetColor(ProgressColor.Danger)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Set Color</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; SetColor(ProgressColor.Primary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Set Color</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; SetColor(ProgressColor.Secondary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Set Color</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; SetColor(ProgressColor.Dark)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Set Color</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token plain"> progressBar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">SetColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ProgressColor</span><span class="token plain"> color</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> progressBar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">SetColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">color</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/progress#set-background-programmatically" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="multiple-bars">Multiple bars<a href="#multiple-bars" class="hash-link" aria-label="Direct link to Multiple bars" title="Direct link to Multiple bars">​</a></h3><p>Include multiple Blazor ProgressBar components in a Blazor Progress component if needed.</p><img loading="lazy" src="https://i.imgur.com/PCkUVYq.png" alt="Blazor Progress - Multiple bars" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/progress#multiple-bars" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="striped">Striped<a href="#striped" class="hash-link" aria-label="Direct link to Striped" title="Direct link to Striped">​</a></h3><p>Add <code>Type=&quot;ProgressType.Striped&quot;</code> to any Blazor ProgressBar component to apply a stripe.</p><img loading="lazy" src="https://i.imgur.com/Ggg3N6i.png" alt="Blazor Progress - Striped" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.Striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.Striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.Striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">30</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.Striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">40</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.Striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">60</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.Striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.Striped</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/progress#striped" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="animated-stripes">Animated stripes<a href="#animated-stripes" class="hash-link" aria-label="Direct link to Animated stripes" title="Direct link to Animated stripes">​</a></h3><p>The stripes can also be animated. Add <code>Type=&quot;ProgressType.StripedAndAnimated&quot;</code> to the Blazor ProgressBar component to animate the stripes right to the left.</p><img loading="lazy" src="https://i.imgur.com/X4MpgJG.png" alt="Blazor Progress - Animated stripes" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.StripedAndAnimated</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.StripedAndAnimated</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.StripedAndAnimated</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">30</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.StripedAndAnimated</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">40</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.StripedAndAnimated</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">60</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.StripedAndAnimated</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">80</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ProgressBar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressType.StripedAndAnimated</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ProgressColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/progress#animated-stripes" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/progress.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/preload"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Preload</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/ribbon"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Ribbon</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#progress-parameters" class="table-of-contents__link toc-highlight">Progress Parameters</a></li><li><a href="#progressbar-parameters" class="table-of-contents__link toc-highlight">ProgressBar Parameters</a></li><li><a href="#progressbar-methods" class="table-of-contents__link toc-highlight">ProgressBar Methods</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#how-it-works" class="table-of-contents__link toc-highlight">How it works</a></li><li><a href="#labels" class="table-of-contents__link toc-highlight">Labels</a></li><li><a href="#set-width-programmatically" class="table-of-contents__link toc-highlight">Set width programmatically</a></li><li><a href="#height" class="table-of-contents__link toc-highlight">Height</a></li><li><a href="#backgrounds" class="table-of-contents__link toc-highlight">Backgrounds</a></li><li><a href="#set-background-programmatically" class="table-of-contents__link toc-highlight">Set background programmatically</a></li><li><a href="#multiple-bars" class="table-of-contents__link toc-highlight">Multiple bars</a></li><li><a href="#striped" class="table-of-contents__link toc-highlight">Striped</a></li><li><a href="#animated-stripes" class="table-of-contents__link toc-highlight">Animated stripes</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/ribbon.html b/components/ribbon.html
index 2a1eee67f..1cbda9827 100644
--- a/components/ribbon.html
+++ b/components/ribbon.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Ribbon</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Progress</h1><p>Documentation and examples for using the Blazor Bootstrap Ribbon component.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/LpZVLbF.png" alt="Blazor Ribbon" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="ribbon-parameters">Ribbon Parameters<a href="#ribbon-parameters" class="hash-link" aria-label="Direct link to Ribbon Parameters" title="Direct link to Ribbon Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left"><code>RenderFragment</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">2.2.0</td></tr><tr><td align="left">EnableFadeEffect</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the tabs fade effect.</td><td align="left">2.2.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="ribbontab-parameters">RibbonTab Parameters<a href="#ribbontab-parameters" class="hash-link" aria-label="Direct link to RibbonTab Parameters" title="Direct link to RibbonTab Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Active</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the active state.</td><td align="left">2.2.0</td></tr><tr><td align="left">Content</td><td align="left"><code>RenderFragment</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">2.2.0</td></tr><tr><td align="left">Disabled</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the disabled state.</td><td align="left">2.2.0</td></tr><tr><td align="left">Name</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the tab name.</td><td align="left">2.2.0</td></tr><tr><td align="left">Title</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the tab title.</td><td align="left">2.2.0</td></tr><tr><td align="left">TitleTemplate</td><td align="left"><code>RenderFragment</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the tab title template.</td><td align="left">2.2.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="ribbongroup-parameters">RibbonGroup Parameters<a href="#ribbongroup-parameters" class="hash-link" aria-label="Direct link to RibbonGroup Parameters" title="Direct link to RibbonGroup Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left"><code>RenderFragment?</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">2.2.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="ribbonitemgroup-parameters">RibbonItemGroup Parameters<a href="#ribbonitemgroup-parameters" class="hash-link" aria-label="Direct link to RibbonItemGroup Parameters" title="Direct link to RibbonItemGroup Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left"><code>RenderFragment?</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">2.2.0</td></tr><tr><td align="left">Title</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the text content of the component.</td><td align="left">2.2.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="ribbonitem-parameters">RibbonItem Parameters<a href="#ribbonitem-parameters" class="hash-link" aria-label="Direct link to RibbonItem Parameters" title="Direct link to RibbonItem Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left"><code>RenderFragment?</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">2.2.0</td></tr><tr><td align="left">CustomIconName</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">The name of a custom icon to be displayed.</td><td align="left">2.2.0</td></tr><tr><td align="left">IconColor</td><td align="left"><code>IconColor</code></td><td align="left"><code>IconColor.None</code></td><td align="left"></td><td align="left">The color of the icon.</td><td align="left">2.2.0</td></tr><tr><td align="left">IconCssClass</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">CSS class(es) to be applied to the icon element.</td><td align="left">2.2.0</td></tr><tr><td align="left">IconName</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">The built-in icon to be displayed.</td><td align="left">2.2.0</td></tr><tr><td align="left">IconSize</td><td align="left"><code>IconSize</code></td><td align="left"><code>IconSize.x3</code></td><td align="left"></td><td align="left">The size of the icon. Defaults to x3.</td><td align="left">2.2.0</td></tr><tr><td align="left">ImgHeight</td><td align="left">double</td><td align="left">28</td><td align="left"></td><td align="left">The height of the image in pixels.</td><td align="left">2.2.0</td></tr><tr><td align="left">ImgSrc</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">The source URL of the image.</td><td align="left">2.2.0</td></tr><tr><td align="left">ImgWidth</td><td align="left">double</td><td align="left">28</td><td align="left"></td><td align="left">The width of the image in pixels.</td><td align="left">2.2.0</td></tr><tr><td align="left">IsFirstItem</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">True if this is the first item in the RibbonItemGroup.</td><td align="left">2.2.0</td></tr><tr><td align="left">IsLastItem</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">True if this is the last item in the RibbonItemGroup.</td><td align="left">2.2.0</td></tr><tr><td align="left">Name</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">The name associated with the RibbonItem.</td><td align="left">2.2.0</td></tr><tr><td align="left">Text</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">The text content to be displayed inside the RibbonItem.</td><td align="left">2.2.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="ribbon-methods">Ribbon Methods<a href="#ribbon-methods" class="hash-link" aria-label="Direct link to Ribbon Methods" title="Direct link to Ribbon Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">RemoveTabByIndex(int tabIndex)</td><td align="left">Removes the tab by index.</td><td align="left">2.2.0</td></tr><tr><td align="left">RemoveTabByName(string tabName)</td><td align="left">Removes the tab by name.</td><td align="left">2.2.0</td></tr><tr><td align="left">ShowFirstTabAsync()</td><td align="left">Selects the first tab and show its associated pane.</td><td align="left">2.2.0</td></tr><tr><td align="left">ShowLastTabAsync()</td><td align="left">Selects the last tab and show its associated pane.</td><td align="left">2.2.0</td></tr><tr><td align="left">ShowRecentTab()</td><td align="left">Shows the recently added tab.</td><td align="left">2.2.0</td></tr><tr><td align="left">ShowTabByIndexAsync(int tabIndex)</td><td align="left">Selects the tab by index and show its associated pane.</td><td align="left">2.2.0</td></tr><tr><td align="left">ShowTabByNameAsync(string tabName)</td><td align="left">Selects the tab by name and show its associated pane.</td><td align="left">2.2.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="ribbon-events">Ribbon Events<a href="#ribbon-events" class="hash-link" aria-label="Direct link to Ribbon Events" title="Direct link to Ribbon Events">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">OnClick</td><td align="left">This event fires when the user clicks the corresponding <code>RibbonItem</code>.</td><td align="left">2.2.0</td></tr><tr><td align="left">OnHidden</td><td align="left">This event fires after a new tab is shown (and thus the previous active tab is hidden).</td><td align="left">2.2.0</td></tr><tr><td align="left">OnHiding</td><td align="left">This event fires when a new tab is to be shown (and thus the previous active tab is to be hidden).</td><td align="left">2.2.0</td></tr><tr><td align="left">OnShowing</td><td align="left">This event fires on tab show, but before the new tab has been shown.</td><td align="left">2.2.0</td></tr><tr><td align="left">OnShown</td><td align="left">This event fires on tab show after a tab has been shown.</td><td align="left">2.2.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="ribbontab-callback-events">RibbonTab Callback Events<a href="#ribbontab-callback-events" class="hash-link" aria-label="Direct link to RibbonTab Callback Events" title="Direct link to RibbonTab Callback Events">​</a></h2><table><thead><tr><th align="left">Event</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">OnClick</td><td align="left">This event fires when the user clicks the corresponding tab button and the tab is displayed.</td><td align="left">2.2.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="how-it-works">How it works<a href="#how-it-works" class="hash-link" aria-label="Direct link to How it works" title="Direct link to How it works">​</a></h3><p>In the following example, you will see a ribbon similar to the one found in Outlook.</p><img loading="lazy" src="https://i.imgur.com/6liyurS.png" alt="Blazor Ribbon - How it works" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Ribbon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">OnClick</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value javascript language-javascript maybe-class-name" style="color:rgb(206, 145, 120)">OnRibbonItemClick</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonTab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Home</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- New --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">New</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NewEmail</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.EnvelopePlus</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsFirstItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">New</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Email</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Appointment</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Calendar3Event</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Appointment</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsLastItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Delete --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Delete</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Delete</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconColor</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Trash</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Delete</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsFirstItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Archive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconColor</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Archive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Archive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsLastItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonTab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonTab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Send / Receive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Send &amp; Receive --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Send &amp; Receive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SendReceiveAllFolders</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconColor</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.EnvelopePlus</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsFirstItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Send/Receive</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">All Folders</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">UpdateFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconColor</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Calendar3Event</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsLastItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Update</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Download --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Download</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowProgress</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconColor</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Trash</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsFirstItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CancelAll</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconColor</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.XSquareFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsLastItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Cancel</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">All</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonTab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonTab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Folder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- New --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">New</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NewFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconColor</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.FolderPlus</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsFirstItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">New</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NewSearchFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconColor</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Search</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsLastItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">New</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Search Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Actions --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Actions</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">RenameFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconColor</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.CursorText</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsFirstItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Rename</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CopyFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconColor</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Copy</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Copy</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">MoveFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconColor</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.ArrowRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Move</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DeleteFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconColor</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.FolderX</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconSize</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsLastItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Delete</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonTab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Ribbon</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected ribbon item: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">selectedRibbonItem</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> selectedRibbonItem</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnRibbonItemClick</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">RibbonItemEventArgs</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        selectedRibbonItem </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Name</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/ribbon#how-it-works" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="other-icons">Other icons<a href="#other-icons" class="hash-link" aria-label="Direct link to Other icons" title="Direct link to Other icons">​</a></h3><p>In the following example, instead of icons like Bootstrap, Font Awesome, etc., we used PNG icons.</p><img loading="lazy" src="https://i.imgur.com/KmWBVvz.png" alt="Blazor Ribbon - Other icons" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Ribbon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">OnClick</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value javascript language-javascript maybe-class-name" style="color:rgb(206, 145, 120)">OnRibbonItemClick</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonTab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Home</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- New --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">New</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NewEmail</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/new-email.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsFirstItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">New</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Email</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Appointment</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/calendar.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Appointment</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsLastItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Delete --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Delete</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Delete</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/bin.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Delete</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsFirstItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Archive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/archive.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Archive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsLastItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonTab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonTab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Send / Receive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Send &amp; Receive --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Send &amp; Receive</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SendReceiveAllFolders</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/refresh.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsFirstItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Send/Receive</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">All Folders</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">UpdateFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/folder-sync.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsLastItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Update</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Download --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Download</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowProgress</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/loading-bar.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsFirstItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Progress</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CancelAll</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/cancelled.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsLastItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Cancel</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">All</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonTab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonTab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Folder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- New --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">New</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NewFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/folder-add.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsFirstItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">New</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NewSearchFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/folder-search.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsLastItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">New</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Search Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Actions --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Text</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Actions</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">RenameFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/folder-rename.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsFirstItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Rename</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CopyFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/folder-copy.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Copy</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">MoveFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/folder-move.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Move</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DeleteFolder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImgSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/_content/BlazorBootstrap.Demo.RCL/icons/folder-delete.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsLastItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Delete</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">br</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain">Folder</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItem</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonItemGroup</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">RibbonTab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Ribbon</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Selected ribbon item: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">selectedRibbonItem</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> selectedRibbonItem</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnRibbonItemClick</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">RibbonItemEventArgs</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        selectedRibbonItem </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> args</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Name</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/ribbon#other-icons" target="_blank" rel="noopener noreferrer">See demo here.</a></p><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>All the PNG icons used on this page are from Flaticon with a premium license only.</p></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/ribbon.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/progress"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Progress</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/script-loader"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Script Loader</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#ribbon-parameters" class="table-of-contents__link toc-highlight">Ribbon Parameters</a></li><li><a href="#ribbontab-parameters" class="table-of-contents__link toc-highlight">RibbonTab Parameters</a></li><li><a href="#ribbongroup-parameters" class="table-of-contents__link toc-highlight">RibbonGroup Parameters</a></li><li><a href="#ribbonitemgroup-parameters" class="table-of-contents__link toc-highlight">RibbonItemGroup Parameters</a></li><li><a href="#ribbonitem-parameters" class="table-of-contents__link toc-highlight">RibbonItem Parameters</a></li><li><a href="#ribbon-methods" class="table-of-contents__link toc-highlight">Ribbon Methods</a></li><li><a href="#ribbon-events" class="table-of-contents__link toc-highlight">Ribbon Events</a></li><li><a href="#ribbontab-callback-events" class="table-of-contents__link toc-highlight">RibbonTab Callback Events</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#how-it-works" class="table-of-contents__link toc-highlight">How it works</a></li><li><a href="#other-icons" class="table-of-contents__link toc-highlight">Other icons</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/script-loader.html b/components/script-loader.html
index ddfd47f76..19f22881e 100644
--- a/components/script-loader.html
+++ b/components/script-loader.html
@@ -10,14 +10,14 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Script Loader</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Script Loader</h1><p>Documentation and examples for using the Blazor Bootstrap Script Loader component.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/sBiYPeQ.png" alt="Blazor Progress - How it works" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="script-loader-parameters">Script Loader Parameters<a href="#script-loader-parameters" class="hash-link" aria-label="Direct link to Script Loader Parameters" title="Direct link to Script Loader Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Async</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the async.</td><td align="left">1.11.0</td></tr><tr><td align="left">ScriptId</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or set the script id.</td><td align="left">1.11.0</td></tr><tr><td align="left">Source</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">This parameter specifies the URI of an external script; this can be used as an alternative to embedding a script directly within a document.</td><td align="left">1.11.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="script-loader-events">Script Loader Events<a href="#script-loader-events" class="hash-link" aria-label="Direct link to Script Loader Events" title="Direct link to Script Loader Events">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">OnError</td><td align="left">An event that is fired when a script loading error occurs.</td><td align="left">1.11.0</td></tr><tr><td align="left">OnLoad</td><td align="left">An event that is fired when a script has been successfully loaded.</td><td align="left">1.11.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="how-it-works">How it works<a href="#how-it-works" class="hash-link" aria-label="Direct link to How it works" title="Direct link to How it works">​</a></h2><p>In the following example, the jQuery script is loaded using the Script Loader component.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ScriptLoader</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Async</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ScriptId</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">script1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Source</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">//cdn.jsdelivr.net/npm/jquery</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">3.7</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">.1</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/dist/jquery.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>Test</div><div class="admonitionContent_S0QG"><p>To test whether the jQuery script has been loaded successfully, run <code>$(&#x27;#script1&#x27;)<!-- -->[0]</code> in the browser console.</p></div></div><img loading="lazy" src="https://i.imgur.com/EWEGAZv.png" alt="Blazor Script Loader - Test whether the jQuery script has been loaded successfully" class="img_ev3q"><p><a href="https://demos.blazorbootstrap.com/script-loader#how-it-works" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="events">Events<a href="#events" class="hash-link" aria-label="Direct link to Events" title="Direct link to Events">​</a></h2><p>In the following example, an incorrect script source is specified.
 This is why the <code>OnError</code> callback event is called, and the message is updated with the error message.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ScriptLoader</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Async</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">OnLoad</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value javascript language-javascript maybe-class-name" style="color:rgb(206, 145, 120)">OnScriptLoad</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag special-attr attr-name" style="color:rgb(156, 220, 254)">OnError</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag special-attr attr-value value javascript language-javascript known-class-name class-name" style="color:rgb(78, 201, 176)">OnScriptError</span><span class="token tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ScriptId</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">script2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Source</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">//cdn.jsdelivr.net/npm/jquery</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">3.7</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">.1</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/dist/jquery.min1.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">message</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> message</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnScriptLoad</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Script loaded successfully.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnScriptError</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> errorMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> errorMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/script-loader.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/ribbon"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Ribbon</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/sidebar"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Sidebar</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#script-loader-parameters" class="table-of-contents__link toc-highlight">Script Loader Parameters</a></li><li><a href="#script-loader-events" class="table-of-contents__link toc-highlight">Script Loader Events</a></li><li><a href="#how-it-works" class="table-of-contents__link toc-highlight">How it works</a></li><li><a href="#events" class="table-of-contents__link toc-highlight">Events</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/sidebar.html b/components/sidebar.html
index 3b0bbe03c..a121cdbf8 100644
--- a/components/sidebar.html
+++ b/components/sidebar.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Sidebar</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Sidebar</h1><p>Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Sidebar" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">BadgeText</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the badge text.</td><td align="left">1.4.0</td></tr><tr><td align="left">CustomIconName</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the custom icon name.</td><td align="left">1.4.0</td></tr><tr><td align="left">DataProvider</td><td align="left"><code>SidebarDataProviderDelegate</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the data provider.</td><td align="left">1.4.0</td></tr><tr><td align="left">Href</td><td align="left"><code>string?</code></td><td align="left"><code>string.Empty</code></td><td align="left"></td><td align="left">Gets or sets the Href.</td><td align="left">3.0.0</td></tr><tr><td align="left">IconName</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the IconName.</td><td align="left">1.4.0</td></tr><tr><td align="left">ImageSrc</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the sidebar logo.</td><td align="left">1.4.0</td></tr><tr><td align="left">Title</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the sidebar title.</td><td align="left">1.4.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">RefreshDataAsync</td><td align="left">Refresh the sidebar data.</td><td align="left">1.4.0</td></tr><tr><td align="left">ToggleSidebar</td><td align="left">Toggles sidebar.</td><td align="left">1.4.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="navitem-properties">NavItem Properties<a href="#navitem-properties" class="hash-link" aria-label="Direct link to NavItem Properties" title="Direct link to NavItem Properties">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Class</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets an additional CSS class.</td><td align="left">1.10.3</td></tr><tr><td align="left">CustomIconName</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the custom icon name.</td><td align="left">1.4.0</td></tr><tr><td align="left">Href</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left">✔️</td><td align="left">Gets or sets the href.</td><td align="left">1.4.0</td></tr><tr><td align="left">IconColor</td><td align="left"><code>IconColor</code></td><td align="left"><code>IconColor.None</code></td><td align="left"></td><td align="left">Gets or sets the icon color.</td><td align="left">1.4.0</td></tr><tr><td align="left">IconName</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the icon name.</td><td align="left">1.4.0</td></tr><tr><td align="left">Id</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the Id.</td><td align="left">1.4.0</td></tr><tr><td align="left">Match</td><td align="left"><code>NavLinkMatch</code></td><td align="left"><code>NavLinkMatch.Prefix</code></td><td align="left"></td><td align="left">Gets or sets the URL matching behavior.</td><td align="left">1.4.0</td></tr><tr><td align="left">ParentId</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the parent Id.</td><td align="left">1.4.0</td></tr><tr><td align="left">Sequence</td><td align="left">int</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the sequence.</td><td align="left">1.4.0</td></tr><tr><td align="left">Target</td><td align="left"><code>Target</code></td><td align="left"><code>Target.None</code></td><td align="left"></td><td align="left">Gets or sets the target.</td><td align="left">1.4.0</td></tr><tr><td align="left">Text</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left">✔️</td><td align="left">Gets or sets the navigation link text.</td><td align="left">1.4.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="basic-usage">Basic usage<a href="#basic-usage" class="hash-link" aria-label="Direct link to Basic usage" title="Direct link to Basic usage">​</a></h3><img loading="lazy" src="https://i.imgur.com/q20RADm.png" alt="Blazor Sidebar - Basic usage" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#basic-usage" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="two-level-navigation">Two level navigation<a href="#two-level-navigation" class="hash-link" aria-label="Direct link to Two level navigation" title="Direct link to Two level navigation">​</a></h3><p>Use NavItem&#x27;s <code>Id</code> and <code>ParentId</code> to set the parent-child relation.</p><img loading="lazy" src="https://i.imgur.com/YKtgDTq.png" alt="Blazor Sidebar - Two level navigation" class="img_ev3q"><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>At this moment, two levels of navigation are supported.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#two-level-navigation" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="change-icons-color">Change icons color<a href="#change-icons-color" class="hash-link" aria-label="Direct link to Change icons color" title="Direct link to Change icons color">​</a></h3><p>Set <code>IconColor</code> property to change the color.</p><img loading="lazy" src="https://i.imgur.com/7wHWoqW.png" alt="Blazor Sidebar - Change icons color" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#change-icons-color" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="full-layout-with-sidebar">Full layout with sidebar<a href="#full-layout-with-sidebar" class="hash-link" aria-label="Direct link to Full layout with sidebar" title="Direct link to Full layout with sidebar">​</a></h3><p>Replace your <strong>MainLayout.razor</strong> page code with the below example to have a complete layout with a sidebar.</p><img loading="lazy" src="https://i.imgur.com/rGws0kx.png" alt="Blazor Sidebar - Full layout with sidebar" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#full-layout-with-sidebar" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="toggle-sidebar-to-show-icons-only">Toggle sidebar to show icons only<a href="#toggle-sidebar-to-show-icons-only" class="hash-link" aria-label="Direct link to Toggle sidebar to show icons only" title="Direct link to Toggle sidebar to show icons only">​</a></h3><p>Call <code>ToggleSidebar()</code> method to toggle the Sidebar to show the icons only.</p><img loading="lazy" src="https://i.imgur.com/rEwfrXN.png" alt="Blazor Sidebar - Toggle sidebar to show icons only" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-between</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.List</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleSidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#toggle-sidebar-to-show-icons-only" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="show-badge">Show badge<a href="#show-badge" class="hash-link" aria-label="Direct link to Show badge" title="Direct link to Show badge">​</a></h3><p>A badge is useful when displaying the application version, environment, or other information. Use the <code>BadgeText</code> parameter to show the badge.</p><img loading="lazy" src="https://i.imgur.com/Ayaq9Gq.png" alt="Blazor Sidebar - Show badge" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v1.3.1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-between</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.List</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleSidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#show-badge" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="custom-brand-icon">Custom brand icon<a href="#custom-brand-icon" class="hash-link" aria-label="Direct link to Custom brand icon" title="Direct link to Custom brand icon">​</a></h3><p>Use the <code>CustomIconName</code> parameter to set the custom logo icon using font awesome or other icons.</p><img loading="lazy" src="https://i.imgur.com/DqVvGKo.png" alt="Blazor Sidebar - Custom brand icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bi bi-apple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v1.3.1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-between</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.List</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleSidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#custom-brand-icon" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="show-image-as-brand-logo">Show image as brand logo<a href="#show-image-as-brand-logo" class="hash-link" aria-label="Direct link to Show image as brand logo" title="Direct link to Show image as brand logo">​</a></h3><p>Use the <code>ImageSrc</code> parameter to set the brand logo.</p><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Sidebar - Show image as brand logo" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImageSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://demos.blazorbootstrap.com/images/logo/logo-color.svg</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v1.3.1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-between</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.List</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleSidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#show-image-as-brand-logo" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="customize-sidebar">Customize sidebar<a href="#customize-sidebar" class="hash-link" aria-label="Direct link to Customize sidebar" title="Direct link to Customize sidebar">​</a></h3><p>Developers can customize the sidebar color by changing the CSS variables, as mentioned in the below example.</p><img loading="lazy" src="https://i.imgur.com/dY8NjDW.png" alt="Blazor Sidebar - Customize sidebar" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v1.3.1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleSidebarStyles</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Toggle Sidebar styles</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">     </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token block csharp language-csharp"> applyPurpleStyle </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">false</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebarStyles</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> applyPurpleStyle </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp">applyPurpleStyle</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@if</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">applyPurpleStyle</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">style</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">        </span><span class="token block csharp language-csharp html style language-css selector pseudo-class" style="color:rgb(215, 186, 125)">:root</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-width</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">270</span><span class="token block csharp language-csharp html style language-css unit">px</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-collapsed-width</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">50</span><span class="token block csharp language-csharp html style language-css unit">px</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-background-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">234</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color"> </span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">234</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color"> </span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">234</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color"> </span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-top-row-background-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0.08</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-top-row-border-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgb</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">194</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">192</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">192</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-title-text-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgb</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-brand-icon-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css hexcode color">#6f42c1</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-brand-image-width</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">24</span><span class="token block csharp language-csharp html style language-css unit">px</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-brand-image-height</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">24</span><span class="token block csharp language-csharp html style language-css unit">px</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-title-badge-text-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgb</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">255</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">255</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">255</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-title-badge-background-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">25</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">135</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">84</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">var</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bs-bg-opacity</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-navbar-toggler-icon-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgb</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-navbar-toggler-background-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0.08</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-content-border-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgb</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">194</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">192</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">192</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0.9</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-active-color-rgb</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-hover-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">var</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-active-color-rgb</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0.9</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-active-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">var</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-active-color-rgb</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0.9</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-background-hover-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">var</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-active-color-rgb</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0.08</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-group-background-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">var</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-active-color-rgb</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0.08</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">        </span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">style</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#customize-sidebar" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="apply-custom-css-class-to-navitem">Apply custom CSS class to NavItem<a href="#apply-custom-css-class-to-navitem" class="hash-link" aria-label="Direct link to Apply custom CSS class to NavItem" title="Direct link to Apply custom CSS class to NavItem">​</a></h3><p>Set the Class property of a NavItem to apply a custom CSS class.</p><img loading="lazy" src="https://i.imgur.com/3Xq3aaE.png" alt="Blazor Sidebar - Apply custom CSS class to NavItem" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Class</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;px-3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Class</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;px-3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Class</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;px-3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#apply-custom-css-class-to-navitem" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/sidebar.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/script-loader"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Script Loader</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/sidebar2"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Sidebar2</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#navitem-properties" class="table-of-contents__link toc-highlight">NavItem Properties</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#basic-usage" class="table-of-contents__link toc-highlight">Basic usage</a></li><li><a href="#two-level-navigation" class="table-of-contents__link toc-highlight">Two level navigation</a></li><li><a href="#change-icons-color" class="table-of-contents__link toc-highlight">Change icons color</a></li><li><a href="#full-layout-with-sidebar" class="table-of-contents__link toc-highlight">Full layout with sidebar</a></li><li><a href="#toggle-sidebar-to-show-icons-only" class="table-of-contents__link toc-highlight">Toggle sidebar to show icons only</a></li><li><a href="#show-badge" class="table-of-contents__link toc-highlight">Show badge</a></li><li><a href="#custom-brand-icon" class="table-of-contents__link toc-highlight">Custom brand icon</a></li><li><a href="#show-image-as-brand-logo" class="table-of-contents__link toc-highlight">Show image as brand logo</a></li><li><a href="#customize-sidebar" class="table-of-contents__link toc-highlight">Customize sidebar</a></li><li><a href="#apply-custom-css-class-to-navitem" class="table-of-contents__link toc-highlight">Apply custom CSS class to NavItem</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Sidebar</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Sidebar</h1><p>Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Sidebar" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">BadgeText</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the badge text.</td><td align="left">1.4.0</td></tr><tr><td align="left">CustomIconName</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the custom icon name.</td><td align="left">1.4.0</td></tr><tr><td align="left">DataProvider</td><td align="left"><code>SidebarDataProviderDelegate</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the data provider.</td><td align="left">1.4.0</td></tr><tr><td align="left">Href</td><td align="left"><code>string?</code></td><td align="left"><code>string.Empty</code></td><td align="left"></td><td align="left">Gets or sets the Href.</td><td align="left">3.0.0</td></tr><tr><td align="left">IconName</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the IconName.</td><td align="left">1.4.0</td></tr><tr><td align="left">ImageSrc</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the sidebar logo.</td><td align="left">1.4.0</td></tr><tr><td align="left">Title</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the sidebar title.</td><td align="left">1.4.0</td></tr><tr><td align="left">Width</td><td align="left">float</td><td align="left">270</td><td align="left"></td><td align="left">Gets or sets the sidebar width.</td><td align="left">3.0.0</td></tr><tr><td align="left">WidthUnit</td><td align="left"><code>Unit</code></td><td align="left"><code>Unit.Px</code></td><td align="left"></td><td align="left">Gets or sets the sidebar width unit.</td><td align="left">3.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">RefreshDataAsync</td><td align="left">Refresh the sidebar data.</td><td align="left">1.4.0</td></tr><tr><td align="left">ToggleSidebar</td><td align="left">Toggles sidebar.</td><td align="left">1.4.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="navitem-properties">NavItem Properties<a href="#navitem-properties" class="hash-link" aria-label="Direct link to NavItem Properties" title="Direct link to NavItem Properties">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Class</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets an additional CSS class.</td><td align="left">1.10.3</td></tr><tr><td align="left">CustomIconName</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the custom icon name.</td><td align="left">1.4.0</td></tr><tr><td align="left">Href</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left">✔️</td><td align="left">Gets or sets the href.</td><td align="left">1.4.0</td></tr><tr><td align="left">IconColor</td><td align="left"><code>IconColor</code></td><td align="left"><code>IconColor.None</code></td><td align="left"></td><td align="left">Gets or sets the icon color.</td><td align="left">1.4.0</td></tr><tr><td align="left">IconName</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the icon name.</td><td align="left">1.4.0</td></tr><tr><td align="left">Id</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the Id.</td><td align="left">1.4.0</td></tr><tr><td align="left">Match</td><td align="left"><code>NavLinkMatch</code></td><td align="left"><code>NavLinkMatch.Prefix</code></td><td align="left"></td><td align="left">Gets or sets the URL matching behavior.</td><td align="left">1.4.0</td></tr><tr><td align="left">ParentId</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the parent Id.</td><td align="left">1.4.0</td></tr><tr><td align="left">Sequence</td><td align="left">int</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the sequence.</td><td align="left">1.4.0</td></tr><tr><td align="left">Target</td><td align="left"><code>Target</code></td><td align="left"><code>Target.None</code></td><td align="left"></td><td align="left">Gets or sets the target.</td><td align="left">1.4.0</td></tr><tr><td align="left">Text</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left">✔️</td><td align="left">Gets or sets the navigation link text.</td><td align="left">1.4.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="basic-usage">Basic usage<a href="#basic-usage" class="hash-link" aria-label="Direct link to Basic usage" title="Direct link to Basic usage">​</a></h3><img loading="lazy" src="https://i.imgur.com/q20RADm.png" alt="Blazor Sidebar - Basic usage" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#basic-usage" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="two-level-navigation">Two level navigation<a href="#two-level-navigation" class="hash-link" aria-label="Direct link to Two level navigation" title="Direct link to Two level navigation">​</a></h3><p>Use NavItem&#x27;s <code>Id</code> and <code>ParentId</code> to set the parent-child relation.</p><img loading="lazy" src="https://i.imgur.com/YKtgDTq.png" alt="Blazor Sidebar - Two level navigation" class="img_ev3q"><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>At this moment, two levels of navigation are supported.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#two-level-navigation" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="change-icons-color">Change icons color<a href="#change-icons-color" class="hash-link" aria-label="Direct link to Change icons color" title="Direct link to Change icons color">​</a></h3><p>Set <code>IconColor</code> property to change the color.</p><img loading="lazy" src="https://i.imgur.com/7wHWoqW.png" alt="Blazor Sidebar - Change icons color" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#change-icons-color" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="full-layout-with-sidebar">Full layout with sidebar<a href="#full-layout-with-sidebar" class="hash-link" aria-label="Direct link to Full layout with sidebar" title="Direct link to Full layout with sidebar">​</a></h3><p>Replace your <strong>MainLayout.razor</strong> page code with the below example to have a complete layout with a sidebar.</p><img loading="lazy" src="https://i.imgur.com/rGws0kx.png" alt="Blazor Sidebar - Full layout with sidebar" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#full-layout-with-sidebar" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="toggle-sidebar-to-show-icons-only">Toggle sidebar to show icons only<a href="#toggle-sidebar-to-show-icons-only" class="hash-link" aria-label="Direct link to Toggle sidebar to show icons only" title="Direct link to Toggle sidebar to show icons only">​</a></h3><p>Call <code>ToggleSidebar()</code> method to toggle the Sidebar to show the icons only.</p><img loading="lazy" src="https://i.imgur.com/rEwfrXN.png" alt="Blazor Sidebar - Toggle sidebar to show icons only" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-between</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.List</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleSidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#toggle-sidebar-to-show-icons-only" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="show-badge">Show badge<a href="#show-badge" class="hash-link" aria-label="Direct link to Show badge" title="Direct link to Show badge">​</a></h3><p>A badge is useful when displaying the application version, environment, or other information. Use the <code>BadgeText</code> parameter to show the badge.</p><img loading="lazy" src="https://i.imgur.com/Ayaq9Gq.png" alt="Blazor Sidebar - Show badge" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v1.3.1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-between</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.List</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleSidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#show-badge" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="custom-brand-icon">Custom brand icon<a href="#custom-brand-icon" class="hash-link" aria-label="Direct link to Custom brand icon" title="Direct link to Custom brand icon">​</a></h3><p>Use the <code>CustomIconName</code> parameter to set the custom logo icon using font awesome or other icons.</p><img loading="lazy" src="https://i.imgur.com/DqVvGKo.png" alt="Blazor Sidebar - Custom brand icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bi bi-apple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v1.3.1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-between</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.List</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleSidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#custom-brand-icon" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="show-image-as-brand-logo">Show image as brand logo<a href="#show-image-as-brand-logo" class="hash-link" aria-label="Direct link to Show image as brand logo" title="Direct link to Show image as brand logo">​</a></h3><p>Use the <code>ImageSrc</code> parameter to set the brand logo.</p><img loading="lazy" src="https://i.imgur.com/d91Q9Zt.png" alt="Blazor Sidebar - Show image as brand logo" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImageSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://demos.blazorbootstrap.com/images/logo/logo-color.svg</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v1.3.1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-between</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.List</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleSidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#show-image-as-brand-logo" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="customize-sidebar">Customize sidebar<a href="#customize-sidebar" class="hash-link" aria-label="Direct link to Customize sidebar" title="Direct link to Customize sidebar">​</a></h3><p>Developers can customize the sidebar color by changing the CSS variables, as mentioned in the below example.</p><img loading="lazy" src="https://i.imgur.com/dY8NjDW.png" alt="Blazor Sidebar - Customize sidebar" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v1.3.1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToggleSidebarStyles</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Toggle Sidebar styles</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">     </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token block csharp language-csharp"> applyPurpleStyle </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">false</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Primary </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ToggleSidebarStyles</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> applyPurpleStyle </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp">applyPurpleStyle</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@if</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">applyPurpleStyle</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">style</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">        </span><span class="token block csharp language-csharp html style language-css selector pseudo-class" style="color:rgb(215, 186, 125)">:root</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-width</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">270</span><span class="token block csharp language-csharp html style language-css unit">px</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-collapsed-width</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">50</span><span class="token block csharp language-csharp html style language-css unit">px</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-background-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">234</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color"> </span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">234</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color"> </span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">234</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color"> </span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-top-row-background-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0.08</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-top-row-border-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgb</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">194</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">192</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">192</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-title-text-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgb</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-brand-icon-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css hexcode color">#6f42c1</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-brand-image-width</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">24</span><span class="token block csharp language-csharp html style language-css unit">px</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-brand-image-height</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">24</span><span class="token block csharp language-csharp html style language-css unit">px</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-title-badge-text-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgb</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">255</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">255</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">255</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-title-badge-background-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">25</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">135</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">84</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">var</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bs-bg-opacity</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-navbar-toggler-icon-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgb</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-navbar-toggler-background-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0.08</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-content-border-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgb</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">194</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">192</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">192</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css color function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css color number" style="color:rgb(181, 206, 168)">0.9</span><span class="token block csharp language-csharp html style language-css color punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-active-color-rgb</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-hover-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">var</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-active-color-rgb</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0.9</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-active-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">var</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-active-color-rgb</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0.9</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-background-hover-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">var</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-active-color-rgb</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0.08</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">            </span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-group-background-color</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp html style language-css"> </span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">rgba</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css function" style="color:rgb(220, 220, 170)">var</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html style language-css variable" style="color:rgb(156, 220, 254)">--bb-sidebar-nav-item-text-active-color-rgb</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html style language-css number" style="color:rgb(181, 206, 168)">0.08</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">        </span><span class="token block csharp language-csharp html style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp html style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html style language-css">    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">style</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#customize-sidebar" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="apply-custom-css-class-to-navitem">Apply custom CSS class to NavItem<a href="#apply-custom-css-class-to-navitem" class="hash-link" aria-label="Direct link to Apply custom CSS class to NavItem" title="Direct link to Apply custom CSS class to NavItem">​</a></h3><p>Set the Class property of a NavItem to apply a custom CSS class.</p><img loading="lazy" src="https://i.imgur.com/3Xq3aaE.png" alt="Blazor Sidebar - Apply custom CSS class to NavItem" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Class</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;px-3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Class</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;px-3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Class</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;px-3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#apply-custom-css-class-to-navitem" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="width">Width<a href="#width" class="hash-link" aria-label="Direct link to Width" title="Direct link to Width">​</a></h3><p>Set the <strong>Width</strong> parameter to change the sidebar width. Default value is <strong>270px</strong>.</p><img loading="lazy" src="https://i.imgur.com/loeszdC.png" alt="Blazor Sidebar - Width" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">350</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">         </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">WidthUnit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Unit.Px</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar#width" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/sidebar.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/script-loader"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Script Loader</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/sidebar2"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Sidebar2</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#navitem-properties" class="table-of-contents__link toc-highlight">NavItem Properties</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#basic-usage" class="table-of-contents__link toc-highlight">Basic usage</a></li><li><a href="#two-level-navigation" class="table-of-contents__link toc-highlight">Two level navigation</a></li><li><a href="#change-icons-color" class="table-of-contents__link toc-highlight">Change icons color</a></li><li><a href="#full-layout-with-sidebar" class="table-of-contents__link toc-highlight">Full layout with sidebar</a></li><li><a href="#toggle-sidebar-to-show-icons-only" class="table-of-contents__link toc-highlight">Toggle sidebar to show icons only</a></li><li><a href="#show-badge" class="table-of-contents__link toc-highlight">Show badge</a></li><li><a href="#custom-brand-icon" class="table-of-contents__link toc-highlight">Custom brand icon</a></li><li><a href="#show-image-as-brand-logo" class="table-of-contents__link toc-highlight">Show image as brand logo</a></li><li><a href="#customize-sidebar" class="table-of-contents__link toc-highlight">Customize sidebar</a></li><li><a href="#apply-custom-css-class-to-navitem" class="table-of-contents__link toc-highlight">Apply custom CSS class to NavItem</a></li><li><a href="#width" class="table-of-contents__link toc-highlight">Width</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/sidebar2.html b/components/sidebar2.html
index 1a76c3eb6..ad83ea8c5 100644
--- a/components/sidebar2.html
+++ b/components/sidebar2.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Sidebar2</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Sidebar</h1><p>Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/HUP7ydv.png" alt="Blazor Sidebar" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">BadgeText</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the badge text.</td><td align="left">2.1.0</td></tr><tr><td align="left">CustomIconName</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the custom icon name.</td><td align="left">2.1.0</td></tr><tr><td align="left">DataProvider</td><td align="left"><code>Sidebar2DataProviderDelegate?</code></td><td align="left"></td><td align="left">✔️</td><td align="left">Gets or sets the data provider.</td><td align="left">2.1.0</td></tr><tr><td align="left">Href</td><td align="left"><code>string?</code></td><td align="left"><code>string.Empty</code></td><td align="left"></td><td align="left">Gets or sets the Href.</td><td align="left">3.0.0</td></tr><tr><td align="left">IconName</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the IconName.</td><td align="left">2.1.0</td></tr><tr><td align="left">ImageSrc</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the logo.</td><td align="left">2.1.0</td></tr><tr><td align="left">Title</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the title.</td><td align="left">2.1.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">RefreshDataAsync()</td><td align="left">Refresh the sidebar data.</td><td align="left">2.1.0</td></tr><tr><td align="left">ToggleSidebar()</td><td align="left">Toggles sidebar.</td><td align="left">2.1.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="navitem-properties">NavItem Properties<a href="#navitem-properties" class="hash-link" aria-label="Direct link to NavItem Properties" title="Direct link to NavItem Properties">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Class</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets an additional CSS class.</td><td align="left">1.10.3</td></tr><tr><td align="left">CustomIconName</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the custom icon name.</td><td align="left">1.4.0</td></tr><tr><td align="left">Href</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left">✔️</td><td align="left">Gets or sets the href.</td><td align="left">1.4.0</td></tr><tr><td align="left">IconColor</td><td align="left"><code>IconColor</code></td><td align="left"><code>IconColor.None</code></td><td align="left"></td><td align="left">Gets or sets the icon color.</td><td align="left">1.4.0</td></tr><tr><td align="left">IconName</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the icon name.</td><td align="left">1.4.0</td></tr><tr><td align="left">Id</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the Id.</td><td align="left">1.4.0</td></tr><tr><td align="left">Level</td><td align="left"><code>int</code></td><td align="left">0</td><td align="left"></td><td align="left">Gets or sets the item level.</td><td align="left">2.1.0</td></tr><tr><td align="left">Match</td><td align="left"><code>NavLinkMatch</code></td><td align="left"><code>NavLinkMatch.Prefix</code></td><td align="left"></td><td align="left">Gets or sets the URL matching behavior.</td><td align="left">1.4.0</td></tr><tr><td align="left">ParentId</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the parent Id.</td><td align="left">1.4.0</td></tr><tr><td align="left">Sequence</td><td align="left">int</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the sequence.</td><td align="left">1.4.0</td></tr><tr><td align="left">Target</td><td align="left"><code>Target</code></td><td align="left"><code>Target.None</code></td><td align="left"></td><td align="left">Gets or sets the target.</td><td align="left">1.4.0</td></tr><tr><td align="left">Text</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left">✔️</td><td align="left">Gets or sets the navigation link text.</td><td align="left">1.4.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="basic-usage">Basic usage<a href="#basic-usage" class="hash-link" aria-label="Direct link to Basic usage" title="Direct link to Basic usage">​</a></h3><img loading="lazy" src="https://i.imgur.com/RXzpGzf.png" alt="Blazor Sidebar2 - Basic usage" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar2</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v2.1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Sidebar2DataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Sidebar2DataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderRequest</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HouseDoorFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LayoutSidebarInset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PersonSquare</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ExclamationTriangleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CheckCircleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SegmentedNav</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ListNested</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sidebar 2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;701&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2-examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">WindowPlus</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursorText</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CurrencyDollar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ToggleOn</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar2#basic-usage" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="more-nested-levels">More nested levels<a href="#more-nested-levels" class="hash-link" aria-label="Direct link to More nested levels" title="Direct link to More nested levels">​</a></h3><p>Use NavItem&#x27;s <code>Id</code> and <code>ParentId</code> to set the parent-child relation.</p><img loading="lazy" src="https://i.imgur.com/lMRoKx9.png" alt="Blazor Sidebar2 - More nested levels" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar2</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v2.1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Sidebar2DataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Sidebar2DataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderRequest</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HouseDoorFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LayoutSidebarInset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PersonSquare</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ExclamationTriangleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CheckCircleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SegmentedNav</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ListNested</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sidebar 2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;701&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2/how-to-use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;70201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Nested levels&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Grid</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Grid&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;801&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;80201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Filters&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">WindowPlus</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursorText</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CurrencyDollar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;13&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ToggleOn</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar2#more-nested-levels" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="full-layout-with-sidebar">Full layout with sidebar<a href="#full-layout-with-sidebar" class="hash-link" aria-label="Direct link to Full layout with sidebar" title="Direct link to Full layout with sidebar">​</a></h3><p>Replace your <strong>MainLayout.razor</strong> page code with the below example to have a complete layout with a sidebar.</p><img loading="lazy" src="https://i.imgur.com/HUP7ydv.png" alt="Blazor Sidebar2 - Full layout with sidebar" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar2</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v2.1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Sidebar2DataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Sidebar2DataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderRequest</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HouseDoorFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LayoutSidebarInset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Primary </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PersonSquare</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ExclamationTriangleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Success </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CheckCircleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SegmentedNav</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ListNested</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sidebar 2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;701&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2/how-to-use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;70201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Nested levels&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Grid</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Grid&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Danger </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;801&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;80201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Filters&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">WindowPlus</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Warning </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursorText</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CurrencyDollar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;13&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ToggleOn</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar2#full-layout-with-sidebar" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="custom-brand-icon">Custom brand icon<a href="#custom-brand-icon" class="hash-link" aria-label="Direct link to Custom brand icon" title="Direct link to Custom brand icon">​</a></h3><p>Use the <code>CustomIconName</code> parameter to set the custom logo icon using font awesome or other icons.</p><img loading="lazy" src="https://i.imgur.com/jcdiwYC.png" alt="Blazor Sidebar2 - Custom brand icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar2</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bi bi-apple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v2.1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Sidebar2DataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Sidebar2DataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderRequest</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HouseDoorFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LayoutSidebarInset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Primary </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PersonSquare</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ExclamationTriangleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Success </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CheckCircleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SegmentedNav</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ListNested</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sidebar 2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;701&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2/how-to-use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;70201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Nested levels&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Grid</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Grid&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Danger </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;801&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;80201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Filters&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">WindowPlus</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Warning </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursorText</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CurrencyDollar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;13&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ToggleOn</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar2#custom-brand-icon" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="show-image-as-brand-logo">Show image as brand logo<a href="#show-image-as-brand-logo" class="hash-link" aria-label="Direct link to Show image as brand logo" title="Direct link to Show image as brand logo">​</a></h3><p>Use the <code>ImageSrc</code> parameter to set the brand logo.</p><img loading="lazy" src="https://i.imgur.com/mELmJE8.png" alt="Blazor Sidebar2 - Show image as brand logo" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar2</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImageSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://demos.blazorbootstrap.com/images/logo/logo-white.svg</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v2.1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Sidebar2DataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Sidebar2DataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderRequest</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HouseDoorFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LayoutSidebarInset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Primary </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PersonSquare</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ExclamationTriangleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Success </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CheckCircleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SegmentedNav</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ListNested</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sidebar 2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;701&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2/how-to-use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;70201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Nested levels&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Grid</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Grid&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Danger </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;801&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;80201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Filters&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">WindowPlus</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Warning </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursorText</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CurrencyDollar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;13&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ToggleOn</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar2#show-image-as-brand-logo" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/sidebar2.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/sidebar"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Sidebar</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/sortable-list"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Sortable List</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#navitem-properties" class="table-of-contents__link toc-highlight">NavItem Properties</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#basic-usage" class="table-of-contents__link toc-highlight">Basic usage</a></li><li><a href="#more-nested-levels" class="table-of-contents__link toc-highlight">More nested levels</a></li><li><a href="#full-layout-with-sidebar" class="table-of-contents__link toc-highlight">Full layout with sidebar</a></li><li><a href="#custom-brand-icon" class="table-of-contents__link toc-highlight">Custom brand icon</a></li><li><a href="#show-image-as-brand-logo" class="table-of-contents__link toc-highlight">Show image as brand logo</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Sidebar2</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Sidebar</h1><p>Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/HUP7ydv.png" alt="Blazor Sidebar" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">BadgeText</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the badge text.</td><td align="left">2.1.0</td></tr><tr><td align="left">CustomIconName</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the custom icon name.</td><td align="left">2.1.0</td></tr><tr><td align="left">DataProvider</td><td align="left"><code>Sidebar2DataProviderDelegate?</code></td><td align="left"></td><td align="left">✔️</td><td align="left">Gets or sets the data provider.</td><td align="left">2.1.0</td></tr><tr><td align="left">Href</td><td align="left"><code>string?</code></td><td align="left"><code>string.Empty</code></td><td align="left"></td><td align="left">Gets or sets the Href.</td><td align="left">3.0.0</td></tr><tr><td align="left">IconName</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the IconName.</td><td align="left">2.1.0</td></tr><tr><td align="left">ImageSrc</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the logo.</td><td align="left">2.1.0</td></tr><tr><td align="left">Title</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the title.</td><td align="left">2.1.0</td></tr><tr><td align="left">Width</td><td align="left">float</td><td align="left">270</td><td align="left"></td><td align="left">Gets or sets the sidebar width.</td><td align="left">3.0.0</td></tr><tr><td align="left">WidthUnit</td><td align="left"><code>Unit</code></td><td align="left"><code>Unit.Px</code></td><td align="left"></td><td align="left">Gets or sets the sidebar width unit.</td><td align="left">3.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">RefreshDataAsync()</td><td align="left">Refresh the sidebar data.</td><td align="left">2.1.0</td></tr><tr><td align="left">ToggleSidebar()</td><td align="left">Toggles sidebar.</td><td align="left">2.1.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="navitem-properties">NavItem Properties<a href="#navitem-properties" class="hash-link" aria-label="Direct link to NavItem Properties" title="Direct link to NavItem Properties">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Class</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets an additional CSS class.</td><td align="left">1.10.3</td></tr><tr><td align="left">CustomIconName</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the custom icon name.</td><td align="left">1.4.0</td></tr><tr><td align="left">Href</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left">✔️</td><td align="left">Gets or sets the href.</td><td align="left">1.4.0</td></tr><tr><td align="left">IconColor</td><td align="left"><code>IconColor</code></td><td align="left"><code>IconColor.None</code></td><td align="left"></td><td align="left">Gets or sets the icon color.</td><td align="left">1.4.0</td></tr><tr><td align="left">IconName</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the icon name.</td><td align="left">1.4.0</td></tr><tr><td align="left">Id</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the Id.</td><td align="left">1.4.0</td></tr><tr><td align="left">Level</td><td align="left"><code>int</code></td><td align="left">0</td><td align="left"></td><td align="left">Gets or sets the item level.</td><td align="left">2.1.0</td></tr><tr><td align="left">Match</td><td align="left"><code>NavLinkMatch</code></td><td align="left"><code>NavLinkMatch.Prefix</code></td><td align="left"></td><td align="left">Gets or sets the URL matching behavior.</td><td align="left">1.4.0</td></tr><tr><td align="left">ParentId</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the parent Id.</td><td align="left">1.4.0</td></tr><tr><td align="left">Sequence</td><td align="left">int</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the sequence.</td><td align="left">1.4.0</td></tr><tr><td align="left">Target</td><td align="left"><code>Target</code></td><td align="left"><code>Target.None</code></td><td align="left"></td><td align="left">Gets or sets the target.</td><td align="left">1.4.0</td></tr><tr><td align="left">Text</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left">✔️</td><td align="left">Gets or sets the navigation link text.</td><td align="left">1.4.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="basic-usage">Basic usage<a href="#basic-usage" class="hash-link" aria-label="Direct link to Basic usage" title="Direct link to Basic usage">​</a></h3><img loading="lazy" src="https://i.imgur.com/RXzpGzf.png" alt="Blazor Sidebar2 - Basic usage" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar2</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v2.1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Sidebar2DataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Sidebar2DataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderRequest</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HouseDoorFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LayoutSidebarInset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PersonSquare</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ExclamationTriangleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CheckCircleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SegmentedNav</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ListNested</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sidebar 2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;701&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2-examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">WindowPlus</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursorText</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CurrencyDollar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ToggleOn</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar2#basic-usage" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="more-nested-levels">More nested levels<a href="#more-nested-levels" class="hash-link" aria-label="Direct link to More nested levels" title="Direct link to More nested levels">​</a></h3><p>Use NavItem&#x27;s <code>Id</code> and <code>ParentId</code> to set the parent-child relation.</p><img loading="lazy" src="https://i.imgur.com/lMRoKx9.png" alt="Blazor Sidebar2 - More nested levels" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar2</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v2.1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Sidebar2DataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Sidebar2DataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderRequest</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HouseDoorFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LayoutSidebarInset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PersonSquare</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ExclamationTriangleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CheckCircleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SegmentedNav</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ListNested</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sidebar 2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;701&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2/how-to-use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;70201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Nested levels&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Grid</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Grid&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;801&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;80201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Filters&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">WindowPlus</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursorText</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CurrencyDollar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;13&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ToggleOn</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar2#more-nested-levels" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="full-layout-with-sidebar">Full layout with sidebar<a href="#full-layout-with-sidebar" class="hash-link" aria-label="Direct link to Full layout with sidebar" title="Direct link to Full layout with sidebar">​</a></h3><p>Replace your <strong>MainLayout.razor</strong> page code with the below example to have a complete layout with a sidebar.</p><img loading="lazy" src="https://i.imgur.com/HUP7ydv.png" alt="Blazor Sidebar2 - Full layout with sidebar" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar2</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v2.1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Sidebar2DataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Sidebar2DataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderRequest</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HouseDoorFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LayoutSidebarInset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Primary </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PersonSquare</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ExclamationTriangleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Success </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CheckCircleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SegmentedNav</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ListNested</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sidebar 2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;701&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2/how-to-use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;70201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Nested levels&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Grid</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Grid&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Danger </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;801&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;80201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Filters&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">WindowPlus</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Warning </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursorText</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CurrencyDollar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;13&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ToggleOn</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar2#full-layout-with-sidebar" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="custom-brand-icon">Custom brand icon<a href="#custom-brand-icon" class="hash-link" aria-label="Direct link to Custom brand icon" title="Direct link to Custom brand icon">​</a></h3><p>Use the <code>CustomIconName</code> parameter to set the custom logo icon using font awesome or other icons.</p><img loading="lazy" src="https://i.imgur.com/jcdiwYC.png" alt="Blazor Sidebar2 - Custom brand icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar2</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bi bi-apple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v2.1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Sidebar2DataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Sidebar2DataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderRequest</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HouseDoorFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LayoutSidebarInset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Primary </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PersonSquare</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ExclamationTriangleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Success </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CheckCircleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SegmentedNav</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ListNested</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sidebar 2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;701&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2/how-to-use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;70201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Nested levels&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Grid</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Grid&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Danger </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;801&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;80201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Filters&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">WindowPlus</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Warning </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursorText</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CurrencyDollar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;13&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ToggleOn</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar2#custom-brand-icon" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="show-image-as-brand-logo">Show image as brand logo<a href="#show-image-as-brand-logo" class="hash-link" aria-label="Direct link to Show image as brand logo" title="Direct link to Show image as brand logo">​</a></h3><p>Use the <code>ImageSrc</code> parameter to set the brand logo.</p><img loading="lazy" src="https://i.imgur.com/mELmJE8.png" alt="Blazor Sidebar2 - Show image as brand logo" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar2</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ImageSrc</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://demos.blazorbootstrap.com/images/logo/logo-white.svg</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v2.1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Sidebar2DataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Page content goes here</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Sidebar2DataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderRequest</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        navItems </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HouseDoorFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">LayoutSidebarInset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Primary </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">PersonSquare</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ExclamationTriangleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Success </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CheckCircleFill</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">SegmentedNav</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ListNested</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sidebar 2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;701&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2/how-to-use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;70201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/sidebar2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Nested levels&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Grid</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Grid&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Danger </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;801&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;80201&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/grid/#&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Dash</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Filters&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;802&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">WindowPlus</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Warning </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursorText</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CurrencyDollar</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">InputCursor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;13&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Href </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> IconName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ToggleOn</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> ParentId</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> navItems</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar2#show-image-as-brand-logo" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="width">Width<a href="#width" class="hash-link" aria-label="Direct link to Width" title="Direct link to Width">​</a></h3><p>Set the <strong>Width</strong> parameter to change the sidebar width. Default value is <strong>270px</strong>.</p><img loading="lazy" src="https://i.imgur.com/BEg24Wh.png" alt="Blazor Sidebar2 - Width" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar2</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">BadgeText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">v2.1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Sidebar2DataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">350</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">WidthUnit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Unit.Px</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Sidebar2DataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar2DataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Delay</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">2000</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/getting-started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Getting Started&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">LayoutSidebarInset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Content&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PersonSquare</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Icons&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ExclamationTriangleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Components&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;5&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CheckCircleFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Alerts&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;6&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">SegmentedNav</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Breadcrumb&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ListNested</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Sidebar 2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;4&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;701&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Dash</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;How to use&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;702&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/sidebar2-examples&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Dash</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Examples&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;7&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">WindowPlus</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Forms&quot;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;9&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/autocomplete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursorText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Auto Complete&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;10&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/currency-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CurrencyDollar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Currency Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;11&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/number-input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">InputCursor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Number Input&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;12&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ToggleOn</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Switch&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> ParentId</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;8&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sidebar2#width" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/sidebar2.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/sidebar"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Sidebar</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/sortable-list"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Sortable List</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#navitem-properties" class="table-of-contents__link toc-highlight">NavItem Properties</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#basic-usage" class="table-of-contents__link toc-highlight">Basic usage</a></li><li><a href="#more-nested-levels" class="table-of-contents__link toc-highlight">More nested levels</a></li><li><a href="#full-layout-with-sidebar" class="table-of-contents__link toc-highlight">Full layout with sidebar</a></li><li><a href="#custom-brand-icon" class="table-of-contents__link toc-highlight">Custom brand icon</a></li><li><a href="#show-image-as-brand-logo" class="table-of-contents__link toc-highlight">Show image as brand logo</a></li><li><a href="#width" class="table-of-contents__link toc-highlight">Width</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/sortable-list.html b/components/sortable-list.html
index 154b8bb20..14cc882cf 100644
--- a/components/sortable-list.html
+++ b/components/sortable-list.html
@@ -10,15 +10,15 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Sortable List</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Sortable List (Preview)</h1><p>The Blazor Bootstrap Sortable List component, built on top of <b>SortableJS</b>, enables drag-and-drop reordering of lists.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/bfzP8Yi.png" alt="Blazor Sortable List" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="setup">Setup<a href="#setup" class="hash-link" aria-label="Direct link to Setup" title="Direct link to Setup">​</a></h2><p>Before using the <strong>SortableList</strong> component, include the <strong>SortableJS</strong> script reference in your <code>index.html/_Host.cshtml</code> file.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">AllowSorting</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">Gets or sets a value indicating whether sorting is allowed for the list.</td><td align="left">2.2.0</td></tr><tr><td align="left">ChildContent</td><td align="left"><code>RenderFragment</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">2.2.0</td></tr><tr><td align="left">Data</td><td align="left"><code>List&lt;TItem&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the items.</td><td align="left">2.2.0</td></tr><tr><td align="left">DisabledItemCssClass</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the CSS class applied to disabled items.</td><td align="left">2.2.0</td></tr><tr><td align="left">DisableItem</td><td align="left"><code>Func&lt;TItem, bool&gt;</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets a delegate that determines whether an item should be disabled.</td><td align="left">2.2.0</td></tr><tr><td align="left">EmptyDataTemplate</td><td align="left"><code>RenderFragment</code></td><td align="left">null</td><td align="left"></td><td align="left">Specifies the template to render when there are no items to display in the list.</td><td align="left">2.2.0</td></tr><tr><td align="left">EmptyText</td><td align="left">string</td><td align="left"><code>No records to display</code></td><td align="left"></td><td align="left">Gets or sets the text to display when there are no records in the list.</td><td align="left">2.2.0</td></tr><tr><td align="left">Group</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the group name associated with the list.</td><td align="left">2.2.0</td></tr><tr><td align="left">Handle</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the CSS selector for the drag handle element.</td><td align="left">2.2.0</td></tr><tr><td align="left">IsLoading</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets a value indicating whether the list is currently loading.</td><td align="left">2.2.0</td></tr><tr><td align="left">ItemTemplate</td><td align="left"><code>RenderFragment&lt;TItem&gt;?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the template used to render individual items in the list.</td><td align="left">2.2.0</td></tr><tr><td align="left">LoadingTemplate</td><td align="left"><code>RenderFragment</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the loading template.</td><td align="left">2.2.0</td></tr><tr><td align="left">Name</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the name of the <code>SortableList</code> component.</td><td align="left">2.2.0</td></tr><tr><td align="left">Pull</td><td align="left"><code>SortableListPullMode</code></td><td align="left"><code>SortableListPullMode.True</code></td><td align="left"></td><td align="left">Gets or sets the pull mode for the sortable list.</td><td align="left">2.2.0</td></tr><tr><td align="left">Put</td><td align="left"><code>SortableListPutMode</code></td><td align="left"><code>SortableListPutMode.True</code></td><td align="left"></td><td align="left">Gets or sets the put mode for the sortable list.</td><td align="left">2.2.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><p>There are no public methods available.</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="callback-events">Callback Events<a href="#callback-events" class="hash-link" aria-label="Direct link to Callback Events" title="Direct link to Callback Events">​</a></h2><table><thead><tr><th>Event</th><th>Description</th><th>Added Version</th></tr></thead><tbody><tr><td>OnAdd</td><td>Gets or sets an event callback that fires when an item is added to the list.</td><td>2.2.0</td></tr><tr><td>OnRemove</td><td>Gets or sets an event callback that fires when an item is removed from the list.</td><td>2.2.0</td></tr><tr><td>OnUpdate</td><td>Gets or sets an event callback that fires when an item is updated in the list.</td><td>2.2.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="basic-usage">Basic usage<a href="#basic-usage" class="hash-link" aria-label="Direct link to Basic usage" title="Direct link to Basic usage">​</a></h3><img loading="lazy" src="https://i.imgur.com/6ClDwxT.png" alt="Blazor Sortable List - Basic usage" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employees</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnUpdate</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">OnEmployeeListUpdate</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> Enumerable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Range</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Select</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">i</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToList</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeListUpdate</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> itemToMove </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RemoveAt</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">record</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> Id</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Name</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sortable-list#examples" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="shared-lists">Shared lists<a href="#shared-lists" class="hash-link" aria-label="Direct link to Shared lists" title="Direct link to Shared lists">​</a></h3><p>To drag-and-drop an item from one list to the other and vice versa, set the <strong>Group</strong> parameter for all the lists.
 Providing the same <strong>Group</strong> name for the lists is what links them together.</p><p>In the below example, both lists use the same <strong>Group</strong>.</p><img loading="lazy" src="https://i.imgur.com/UGbTLI0.png" alt="Blazor Sortable List - Shared lists" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Group</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SharedListExample2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">empList1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employeeList1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnUpdate</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeList1Update</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnRemove</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeList1Remove</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Group</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SharedListExample2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">empList2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employeeList2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnUpdate</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeList2Update</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnRemove</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeList2Remove</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employeeList1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> Enumerable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Range</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Select</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">i</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToList</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employeeList2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> Enumerable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Range</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Select</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">i</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToList</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeList1Update</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> itemToMove </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RemoveAt</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeList2Update</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> itemToMove </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RemoveAt</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeList1Remove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// get the item at the old index in list 1</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> item </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// add it to the new index in list 2</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> item</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// remove the item from the old index in list 1</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Remove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeList2Remove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// get the item at the old index in list 2</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> item </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// add it to the new index in list 1</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> item</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// remove the item from the old index in list 2</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Remove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">record</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> Id</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Name</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>In the following example, all three lists use the same group.</p><img loading="lazy" src="https://i.imgur.com/4mD4uhZ.png" alt="Blazor Sortable List - Shared lists - More than two lists" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Group</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SharedListExample3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">empList1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employeeList1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnUpdate</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeList1Update</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnRemove</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeListRemove</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Group</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SharedListExample3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">empList2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employeeList2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnUpdate</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeList2Update</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnRemove</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeListRemove</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Group</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SharedListExample3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">empList3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employeeList3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnUpdate</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeList3Update</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnRemove</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeListRemove</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employeeList1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> Enumerable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Range</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Select</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">i</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToList</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employeeList2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> Enumerable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Range</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">20</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Select</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">i</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToList</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employeeList3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> Enumerable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Range</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">30</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Select</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">i</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToList</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeList1Update</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> itemToMove </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RemoveAt</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeList2Update</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> itemToMove </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RemoveAt</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeList3Update</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> itemToMove </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employeeList3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RemoveAt</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> employeeList3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeListRemove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> item </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// get the item at the old index</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">FromListName </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;empList1&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            item </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">FromListName </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;empList2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            item </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            item </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// add it to the new index</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ToListName </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;empList1&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> item</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ToListName </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;empList2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> item</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> item</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// remove the item from the old index</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">FromListName </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;empList1&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Remove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">FromListName </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;empList2&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Remove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Remove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">employeeList3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">record</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> Id</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Name</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sortable-list#shared-lists" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="cloning">Cloning<a href="#cloning" class="hash-link" aria-label="Direct link to Cloning" title="Direct link to Cloning">​</a></h3><p>By setting <code>Pull=&quot;SortableListPullMode.Clone&quot;</code>, you can enable item cloning.
 Drag an item from one list to another to create a copy that stays in the original list.</p><img loading="lazy" src="https://i.imgur.com/RSCHtNx.png" alt="Blazor Sortable List - Cloning" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employeeList1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Group</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SharedListExample3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Pull</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SortableListPullMode.Clone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnUpdate</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeList1Update</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnRemove</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeList1Remove</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employeeList2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Group</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SharedListExample3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Pull</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SortableListPullMode.Clone</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnUpdate</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeList2Update</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnRemove</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnEmployeeList2Remove</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employeeList1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> Enumerable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Range</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Select</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">i</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToList</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employeeList2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> Enumerable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Range</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">20</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Select</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">i</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToList</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeList1Update</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> itemToMove </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RemoveAt</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeList2Update</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> itemToMove </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RemoveAt</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeList1Remove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// get the item at the old index in list 1</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> item </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> clone </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> item </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// add it to the new index in list 2</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> clone</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeList2Remove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// get the item at the old index in list 2</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> item </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employeeList2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> clone </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> item </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// add it to the new index in list 1</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employeeList1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> clone</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">record</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> Id</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Name</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sortable-list#cloning" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable-sorting">Disable sorting<a href="#disable-sorting" class="hash-link" aria-label="Direct link to Disable sorting" title="Direct link to Disable sorting">​</a></h3><p>You can disable list sorting by setting <code>AllowSorting=&quot;false&quot;</code>. In the example below, the list cannot be sorted.</p><img loading="lazy" src="https://i.imgur.com/vN9EOng.png" alt="Blazor Sortable List - Disable sorting" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">items</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowSorting</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">false</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> items </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> Enumerable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Range</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Select</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Id </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> i</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Name </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Item </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">i</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToList</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">class</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> Id </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Name </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sortable-list#disable-sorting" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="handle">Handle<a href="#handle" class="hash-link" aria-label="Direct link to Handle" title="Direct link to Handle">​</a></h3><p>The <strong>Handle</strong> parameter specifies the CSS class that denotes the drag handle. In the example below, items can only be sorted by dragging the handle itself.</p><img loading="lazy" src="https://i.imgur.com/JCNaf0i.png" alt="Blazor Sortable List - Handle" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Handle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">.bb-sortable-list-handle</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employees</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnUpdate</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">OnEmployeeListUpdate</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex justify-content-start</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-sortable-list-handle pe-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.GripVertical</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> Enumerable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Range</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Select</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">i</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToList</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeListUpdate</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> itemToMove </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RemoveAt</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">record</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> Id</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Name</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sortable-list#handle" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable-item">Disable item<a href="#disable-item" class="hash-link" aria-label="Direct link to Disable item" title="Direct link to Disable item">​</a></h3><p>Try dragging the red-backgrounded item. You won&#x27;t be able to, as it&#x27;s disabled using the <strong>DisableItem</strong> parameter.</p><img loading="lazy" src="https://i.imgur.com/feeWEe3.png" alt="Blazor Sortable List - Disable item" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employees</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DisableItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(emp) =&gt; emp.Id == 4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DisabledItemCssClass</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">list-group-item-danger border-0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnUpdate</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">OnEmployeeListUpdate</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> Enumerable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Range</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Select</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">i</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToList</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeListUpdate</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> itemToMove </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RemoveAt</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">record</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> Id</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Name</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sortable-list#disable-item" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="nested-sortables">Nested sortables<a href="#nested-sortables" class="hash-link" aria-label="Direct link to Nested sortables" title="Direct link to Nested sortables">​</a></h3><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>Nested list sorting is not currently supported. We will add this feature in upcoming releases.</p></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dynamic-data">Dynamic data<a href="#dynamic-data" class="hash-link" aria-label="Direct link to Dynamic data" title="Direct link to Dynamic data">​</a></h3><img loading="lazy" src="https://i.imgur.com/WsKIxFy.png" alt="Blazor Sortable List - Dynamic data" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">employees</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsLoading</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">isLoading</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnUpdate</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">OnEmployeeListUpdate</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">LoadDataAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Load data </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> isLoading </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">LoadDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        isLoading </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Delay</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> Enumerable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Range</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Select</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">i</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">i</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToList</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        isLoading </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnInitializedAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnEmployeeListUpdate</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">SortableListEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> itemToMove </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RemoveAt</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">OldIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Insert</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">NewIndex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            employees</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">itemToMove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">record</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> Id</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Name</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sortable-list#dynamic-data" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="empty-data">Empty data<a href="#empty-data" class="hash-link" aria-label="Direct link to Empty data" title="Direct link to Empty data">​</a></h3><img loading="lazy" src="https://i.imgur.com/KHsQIxN.png" alt="Blazor Sortable List - Empty data" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Employee</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Data</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">items</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">              </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Context</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">item</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">item</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Name</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">ItemTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">SortableList</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> items </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">record</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Employee</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> Id</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Name</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/sortable-list#empty-data" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/sortable-list.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/sidebar2"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Sidebar2</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/spinners"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Spinners</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#setup" class="table-of-contents__link toc-highlight">Setup</a></li><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#callback-events" class="table-of-contents__link toc-highlight">Callback Events</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#basic-usage" class="table-of-contents__link toc-highlight">Basic usage</a></li><li><a href="#shared-lists" class="table-of-contents__link toc-highlight">Shared lists</a></li><li><a href="#cloning" class="table-of-contents__link toc-highlight">Cloning</a></li><li><a href="#disable-sorting" class="table-of-contents__link toc-highlight">Disable sorting</a></li><li><a href="#handle" class="table-of-contents__link toc-highlight">Handle</a></li><li><a href="#disable-item" class="table-of-contents__link toc-highlight">Disable item</a></li><li><a href="#nested-sortables" class="table-of-contents__link toc-highlight">Nested sortables</a></li><li><a href="#dynamic-data" class="table-of-contents__link toc-highlight">Dynamic data</a></li><li><a href="#empty-data" class="table-of-contents__link toc-highlight">Empty data</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/spinners.html b/components/spinners.html
index 71dc27336..3d6501bf7 100644
--- a/components/spinners.html
+++ b/components/spinners.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Spinners</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Sidebar</h1><p>Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/G4wyEd6.png" alt="Blazor Spinner Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Color</td><td align="left"><code>SpinnerColor</code></td><td align="left"><code>SpinnerColor.None</code></td><td align="left"></td><td align="left">Gets or sets the color of the spinner.</td><td align="left">2.0.0</td></tr><tr><td align="left">Size</td><td align="left"><code>SpinnerSize</code></td><td align="left"><code>SpinnerSize.Medium</code></td><td align="left"></td><td align="left">Gets or sets the size of the spinner.</td><td align="left">2.0.0</td></tr><tr><td align="left">Title</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the title text used as an accessibility attribute.</td><td align="left">2.0.0</td></tr><tr><td align="left">Type</td><td align="left"><code>SpinnerType</code></td><td align="left"><code>SpinnerType.Border</code></td><td align="left"></td><td align="left">Gets or sets the type of the spinner.</td><td align="left">2.0.0</td></tr><tr><td align="left">Visible</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">Gets or sets whether the spinner is visible or not.</td><td align="left">2.0.0</td></tr><tr><td align="left">VisuallyHiddenText</td><td align="left"><code>string?</code></td><td align="left"><code>Loading...</code></td><td align="left"></td><td align="left">Gets or sets the visually hidden text.</td><td align="left">2.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="border-spinner">Border spinner<a href="#border-spinner" class="hash-link" aria-label="Direct link to Border spinner" title="Direct link to Border spinner">​</a></h3><p>Use the border spinners for a lightweight loading indicator.</p><img loading="lazy" src="https://i.imgur.com/3pWnltO.png" alt="Blazor Spinner Component - Border spinner" class="img_ev3q"><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/spinners#border-spinner" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="colors">Colors<a href="#colors" class="hash-link" aria-label="Direct link to Colors" title="Direct link to Colors">​</a></h3><p>The border spinner&#x27;s border color inherits the element&#x27;s color (<code>currentColor</code>). This means you can easily customize the spinner&#x27;s color by changing the <code>Color</code> parameter on the standard spinner.</p><img loading="lazy" src="https://i.imgur.com/G4wyEd6.png" alt="Blazor Spinner Component - Colors" class="img_ev3q"><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/spinners#colors" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="grow-spinner">Grow spinner<a href="#grow-spinner" class="hash-link" aria-label="Direct link to Grow spinner" title="Direct link to Grow spinner">​</a></h3><p>If you don&#x27;t fancy a border spinner, switch to the grow spinner, while it doesn&#x27;t technically spin, it does repeatedly grow!</p><img loading="lazy" src="https://i.imgur.com/oD6heSC.png" alt="Blazor Spinner Component - Grow spinner" class="img_ev3q"><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Grow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Grow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Grow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Grow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Grow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Grow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Grow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Grow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/spinners#grow-spinner" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="loading-dots-spinner">Loading dots spinner<a href="#loading-dots-spinner" class="hash-link" aria-label="Direct link to Loading dots spinner" title="Direct link to Loading dots spinner">​</a></h3><p>The loading dots are a special indicator for a lightweight loading indicator.</p><img loading="lazy" src="https://i.imgur.com/IjS4mjf.png" alt="Blazor Spinner Component - Loading dots spinner" class="img_ev3q"><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Dots</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Dots</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Dots</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Dots</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Dots</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Dots</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Dots</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Dots</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/spinners#loading-dots-spinner" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="alignment">Alignment<a href="#alignment" class="hash-link" aria-label="Direct link to Alignment" title="Direct link to Alignment">​</a></h3><h3 class="anchor anchorWithStickyNavbar_LWe7" id="margin">Margin<a href="#margin" class="hash-link" aria-label="Direct link to Margin" title="Direct link to Margin">​</a></h3><img loading="lazy" src="https://i.imgur.com/tXxMOgy.png" alt="Blazor Spinner Component - Margin" class="img_ev3q"><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Border</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">m-5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/spinners#margin" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="placement">Placement<a href="#placement" class="hash-link" aria-label="Direct link to Placement" title="Direct link to Placement">​</a></h3><h3 class="anchor anchorWithStickyNavbar_LWe7" id="flex">Flex<a href="#flex" class="hash-link" aria-label="Direct link to Flex" title="Direct link to Flex">​</a></h3><img loading="lazy" src="https://i.imgur.com/pruHC94.png" alt="Blazor Spinner Component - Flex - Example 1" class="img_ev3q"><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex justify-content-center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Border</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><img loading="lazy" src="https://i.imgur.com/29OjahJ.png" alt="Blazor Spinner Component - Flex - Example 2" class="img_ev3q"><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex justify-content-center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">status</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Loading...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Border</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-auto</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/spinners#flex" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="floats">Floats<a href="#floats" class="hash-link" aria-label="Direct link to Floats" title="Direct link to Floats">​</a></h3><img loading="lazy" src="https://i.imgur.com/tWpR1U3.png" alt="Blazor Spinner Component - Floats" class="img_ev3q"><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">clearfix</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Border</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/spinners#floats" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="text-align">Text align<a href="#text-align" class="hash-link" aria-label="Direct link to Text align" title="Direct link to Text align">​</a></h3><img loading="lazy" src="https://i.imgur.com/mQkpHWC.png" alt="Blazor Spinner Component - Text align" class="img_ev3q"><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Border</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/spinners#text-align" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="size">Size<a href="#size" class="hash-link" aria-label="Direct link to Size" title="Direct link to Size">​</a></h3><img loading="lazy" src="https://i.imgur.com/z96pIaS.png" alt="Blazor Spinner Component - Size - Example 1" class="img_ev3q"><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Border</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerSize.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Border</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Border</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerSize.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Border</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerSize.ExtraLarge</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><img loading="lazy" src="https://i.imgur.com/L9jLnrW.png" alt="Blazor Spinner Component - Size - Example 2" class="img_ev3q"><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Grow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerSize.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Grow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Grow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerSize.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Grow</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerSize.ExtraLarge</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><img loading="lazy" src="https://i.imgur.com/oxN1bAm.png" alt="Blazor Spinner Component - Size - Example 3" class="img_ev3q"><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Dots</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerSize.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Dots</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Dots</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerSize.Large</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Dots</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerSize.ExtraLarge</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/spinners#size" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="visible">Visible<a href="#visible" class="hash-link" aria-label="Direct link to Visible" title="Direct link to Visible">​</a></h3><img loading="lazy" src="https://i.imgur.com/mHywgxz.png" alt="Blazor Spinner Component - Visible" class="img_ev3q"><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Spinner</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerType.Dots</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SpinnerColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Visible</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">visible</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">b-block mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Hide</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Hide</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Show</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token block csharp language-csharp"> visible </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Hide</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> visible </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">false</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Show</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> visible </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/spinners#visible" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/spinners.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/sortable-list"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Sortable List</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/tabs"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Tabs</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#border-spinner" class="table-of-contents__link toc-highlight">Border spinner</a></li><li><a href="#colors" class="table-of-contents__link toc-highlight">Colors</a></li><li><a href="#grow-spinner" class="table-of-contents__link toc-highlight">Grow spinner</a></li><li><a href="#loading-dots-spinner" class="table-of-contents__link toc-highlight">Loading dots spinner</a></li><li><a href="#alignment" class="table-of-contents__link toc-highlight">Alignment</a></li><li><a href="#margin" class="table-of-contents__link toc-highlight">Margin</a></li><li><a href="#placement" class="table-of-contents__link toc-highlight">Placement</a></li><li><a href="#flex" class="table-of-contents__link toc-highlight">Flex</a></li><li><a href="#floats" class="table-of-contents__link toc-highlight">Floats</a></li><li><a href="#text-align" class="table-of-contents__link toc-highlight">Text align</a></li><li><a href="#size" class="table-of-contents__link toc-highlight">Size</a></li><li><a href="#visible" class="table-of-contents__link toc-highlight">Visible</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/tabs.html b/components/tabs.html
index 169ebafdc..26c68d294 100644
--- a/components/tabs.html
+++ b/components/tabs.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Tabs</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Tabs</h1><p>Documentation and examples for using Blazor Bootstrap Tabs components.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="tabs-parameters">Tabs Parameters<a href="#tabs-parameters" class="hash-link" aria-label="Direct link to Tabs Parameters" title="Direct link to Tabs Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ChildContent</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.0.0</td></tr><tr><td align="left">EnableFadeEffect</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the tabs fade effect.</td><td align="left">1.0.0</td></tr><tr><td align="left">NavStyle</td><td align="left"><code>NavStyle</code></td><td align="left"><code>NavStyle.Tabs</code></td><td align="left"></td><td align="left">Get or sets the nav style.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="tabs-methods">Tabs Methods<a href="#tabs-methods" class="hash-link" aria-label="Direct link to Tabs Methods" title="Direct link to Tabs Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">InitializeRecentTab(bool showTab)</td><td align="left">Initializes the most recently added tab, optionally displaying it.</td><td align="left">1.11.0</td></tr><tr><td align="left">RemoveTabByIndex(int tabIndex)</td><td align="left">Removes the tab by index.</td><td align="left">2.2.0</td></tr><tr><td align="left">RemoveTabByName(string tabName)</td><td align="left">Removes the tab by name.</td><td align="left">2.2.0</td></tr><tr><td align="left">ShowFirstTabAsync()</td><td align="left">Selects the first tab and show its associated pane.</td><td align="left">1.0.0</td></tr><tr><td align="left">ShowLastTabAsync()</td><td align="left">Selects the last tab and show its associated pane.</td><td align="left">1.0.0</td></tr><tr><td align="left">ShowRecentTab()</td><td align="left">Shows the recently added tab.</td><td align="left">2.2.0</td></tr><tr><td align="left">ShowTabByIndexAsync(int tabIndex)</td><td align="left">Selects the tab by index and show its associated pane.</td><td align="left">1.0.0</td></tr><tr><td align="left">ShowTabByNameAsync(string tabName)</td><td align="left">Selects the tab by name and show its associated pane.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="tabs-callback-events">Tabs Callback Events<a href="#tabs-callback-events" class="hash-link" aria-label="Direct link to Tabs Callback Events" title="Direct link to Tabs Callback Events">​</a></h2><table><thead><tr><th align="left">Event</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">OnHidden</td><td align="left">This event fires after a new tab is shown (and thus the previous active tab is hidden).</td><td align="left">1.0.0</td></tr><tr><td align="left">OnHiding</td><td align="left">This event fires when a new tab is to be shown (and thus the previous active tab is to be hidden).</td><td align="left">1.0.0</td></tr><tr><td align="left">OnShowing</td><td align="left">This event fires on tab show, but before the new tab has been shown.</td><td align="left">1.0.0</td></tr><tr><td align="left">OnShown</td><td align="left">This event fires on tab show after a tab has been shown.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="tab-parameters">Tab Parameters<a href="#tab-parameters" class="hash-link" aria-label="Direct link to Tab Parameters" title="Direct link to Tab Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Active</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the active state.</td><td align="left">1.0.0</td></tr><tr><td align="left">Content</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the content to be rendered within the component.</td><td align="left">1.0.0</td></tr><tr><td align="left">Disabled</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the disabled state.</td><td align="left">1.0.0</td></tr><tr><td align="left">Name</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the tab name.</td><td align="left">1.0.0</td></tr><tr><td align="left">Title</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the tab title.</td><td align="left">1.0.0</td></tr><tr><td align="left">TitleTemplate</td><td align="left">RenderFragment</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the tab title template.</td><td align="left">1.0.0</td></tr></tbody></table><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>Note</div><div class="admonitionContent_S0QG"><p>Either <strong>Title</strong> or <strong>TitleTemplate</strong> is required.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="tab-callback-events">Tab Callback Events<a href="#tab-callback-events" class="hash-link" aria-label="Direct link to Tab Callback Events" title="Direct link to Tab Callback Events">​</a></h2><table><thead><tr><th align="left">Event</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">OnClick</td><td align="left">This event fires when the user clicks the corresponding tab button and the tab is displayed.</td><td align="left">1.11.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="tabs">Tabs<a href="#tabs" class="hash-link" aria-label="Direct link to Tabs" title="Direct link to Tabs">​</a></h3><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs Component - Examples" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Home</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Home tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Profile</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Profile tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Contact</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Contact tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#examples" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="fade-effect">Fade effect<a href="#fade-effect" class="hash-link" aria-label="Direct link to Fade effect" title="Direct link to Fade effect">​</a></h3><p>To create a fade-in effect for tabs, add the <code>EnableFadeEffect=&quot;true&quot;</code> parameter. Additionally, set the <code>IsActive=&quot;true&quot;</code> parameter on the first tab pane to display its content initially.</p><img loading="lazy" src="https://i.imgur.com/ranwriJ.png" alt="Blazor Tabs Component - Fade effect" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableFadeEffect</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Home</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Home tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Profile</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Profile tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Contact</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Contact tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#fade-effect" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="title-with-icon">Title with icon<a href="#title-with-icon" class="hash-link" aria-label="Direct link to Title with icon" title="Direct link to Title with icon">​</a></h3><p>To customize the tab title, use the <strong>TitleTemplate</strong> parameter, as demonstrated in the following example.</p><img loading="lazy" src="https://i.imgur.com/KelXx6Z.png" alt="Blazor Tabs Component - Title with icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableFadeEffect</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TitleTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.HouseFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> Home</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">TitleTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Home tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TitleTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.PersonFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> Profile</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">TitleTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Profile tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TitleTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.PhoneFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> Contact</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">TitleTemplate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Contact tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#title-with-icon" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable-tab">Disable Tab<a href="#disable-tab" class="hash-link" aria-label="Direct link to Disable Tab" title="Direct link to Disable Tab">​</a></h3><p>Disable specific tabs by adding <code>Disabled=&quot;true&quot;</code> parameter.</p><img loading="lazy" src="https://i.imgur.com/TCG6gCz.png" alt="Blazor Tabs Component - Disable Tab" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableFadeEffect</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Home</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Home tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Profile</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Profile tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Projects</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Projects tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Contact</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Contact tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#disable-tab" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="pills">Pills<a href="#pills" class="hash-link" aria-label="Direct link to Pills" title="Direct link to Pills">​</a></h3><p>To transform the tabs into pills, use the parameter <code>NavStyle=&quot;NavStyle.Pills&quot;</code>.</p><img loading="lazy" src="https://i.imgur.com/IyRJ0PS.png" alt="Blazor Tabs Component - Pills" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableFadeEffect</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">NavStyle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NavStyle.Pills</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Home</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Home tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Profile</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Profile tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Contact</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is some placeholder content the Contact tab&#x27;s associated content.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Clicking another tab will toggle the visibility of this one for the next.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#pills" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="underline">Underline<a href="#underline" class="hash-link" aria-label="Direct link to Underline" title="Direct link to Underline">​</a></h3><p>Use the <code>NavStyle=&quot;NavStyle.Underline&quot;</code> parameter to change the tabs to an underlined style.</p><img loading="lazy" src="https://i.imgur.com/acZh4rq.png" alt="Blazor Tabs Component - Underline" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableFadeEffect</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">NavStyle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NavStyle.Underline</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Home</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Profile</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Profile</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Contact</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Contact</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#underline" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="vertical">Vertical<a href="#vertical" class="hash-link" aria-label="Direct link to Vertical" title="Direct link to Vertical">​</a></h3><p>Display your tabs vertically by setting the <strong>NavStyle</strong> parameter to <strong>NavStyle.Vertical</strong>.</p><img loading="lazy" src="https://i.imgur.com/aiPVCnk.png" alt="Blazor Tabs Component - Vertical" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">NavStyle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NavStyle.Vertical</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Home</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Profile</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Profile</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Contact</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Contact</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">About</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#vertical" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="vertical-pills">Vertical pills<a href="#vertical-pills" class="hash-link" aria-label="Direct link to Vertical pills" title="Direct link to Vertical pills">​</a></h3><img loading="lazy" src="https://i.imgur.com/CfPc32q.png" alt="Blazor Tabs Component - Vertical pills" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">NavStyle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NavStyle.VerticalPills</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Home</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Profile</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Profile</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Contact</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Contact</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">About</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#vertical-pills" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="vertical-underline">Vertical underline<a href="#vertical-underline" class="hash-link" aria-label="Direct link to Vertical underline" title="Direct link to Vertical underline">​</a></h3><img loading="lazy" src="https://i.imgur.com/AVpqmiE.png" alt="Blazor Tabs Component - Vertical underline" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">NavStyle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NavStyle.VerticalUnderline</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Home</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Profile</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Profile</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Contact</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Contact</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">About</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#vertical-underline" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="activate-individual-tabs">Activate individual tabs<a href="#activate-individual-tabs" class="hash-link" aria-label="Direct link to Activate individual tabs" title="Direct link to Activate individual tabs">​</a></h3><p>You can activate individual tabs in several ways. Use predefined methods such as <code>ShowFirstTabAsync</code>, <code>ShowLastTabAsync</code>, <code>ShowTabByIndexAsync</code>, and <code>ShowTabByNameAsync</code>, as shown below.</p><img loading="lazy" src="https://i.imgur.com/NdE5oqH.png" alt="Blazor Tabs Component - Activate individual tabs" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">tabs</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableFadeEffect</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Home</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Profile</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Profile</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Contact</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Contact</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Products</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Products</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Products</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FAQs</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">FAQ</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">FAQs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">About</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowFirstTabAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">First Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowSecondTabAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Second Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowThirdTabAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Third Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowProductsTabAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Products Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowFaqsAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">FAQs Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowLastTabAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Last Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">Tabs</span><span class="token plain"> tabs</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowFirstTabAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> tabs</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowFirstTabAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowSecondTabAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> tabs</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowTabByIndexAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowThirdTabAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> tabs</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowTabByIndexAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowProductsTabAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> tabs</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowTabByNameAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Products&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowFaqsAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> tabs</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowTabByNameAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;FAQ&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowLastTabAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> tabs</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowLastTabAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#activate-individual-tabs" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="events">Events<a href="#events" class="hash-link" aria-label="Direct link to Events" title="Direct link to Events">​</a></h3><p>When displaying a new tab, the events fire in the following sequence:</p><ol><li><code>OnHiding</code> (on the currently active tab)</li><li><code>OnShowing</code> (on the tab that is about to be displayed)</li><li><code>OnHidden</code> (on the previously active tab, which is the same one that triggered the <code>OnHiding</code> event)</li><li><code>OnShown</code> (on the newly activated tab that has just been displayed, which is the same one that triggered the <code>OnShowing</code> event)</li></ol><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>Note</div><div class="admonitionContent_S0QG"><p>If no tab was already active, then the <code>OnHiding</code> and <code>OnHidden</code> events will not be fired.</p></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#events" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="methods-set-active-tab-onafterrender">Methods: Set active tab OnAfterRender<a href="#methods-set-active-tab-onafterrender" class="hash-link" aria-label="Direct link to Methods: Set active tab OnAfterRender" title="Direct link to Methods: Set active tab OnAfterRender">​</a></h3><img loading="lazy" src="https://i.imgur.com/NdE5oqH.png" alt="Blazor Tabs Component - Activate individual tabs" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">tabs</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Home</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Profile</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Profile</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Contact</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Contact</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">About</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">This is the placeholder content for the </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> tab.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">p</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Content</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">Tabs</span><span class="token plain"> tabs </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> userDefaultPreferredTab </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Profile&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// Get the value from Service / API</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">switch</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">userDefaultPreferredTab</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token keyword" style="color:rgb(86, 156, 214)">case</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> tabs</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowTabByIndexAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token keyword" style="color:rgb(86, 156, 214)">break</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token keyword" style="color:rgb(86, 156, 214)">case</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Profile&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> tabs</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowTabByIndexAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain">                    </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token keyword" style="color:rgb(86, 156, 214)">break</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token keyword" style="color:rgb(86, 156, 214)">case</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Contact&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> tabs</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowTabByIndexAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token keyword" style="color:rgb(86, 156, 214)">break</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token keyword" style="color:rgb(86, 156, 214)">case</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;About&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> tabs</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowTabByIndexAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token keyword" style="color:rgb(86, 156, 214)">break</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> tabs</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowTabByIndexAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token keyword" style="color:rgb(86, 156, 214)">break</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#methods-set-active-tab-onafterrender" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="tab-onclick">Tab: OnClick<a href="#tab-onclick" class="hash-link" aria-label="Direct link to Tab: OnClick" title="Direct link to Tab: OnClick">​</a></h3><img loading="lazy" src="https://i.imgur.com/bJXYlr5.png" alt="Blazor Tabs Component - Return object on tab switch" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> customer </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> customers</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">customer</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">             </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">IsActive</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">selectedCustomer.CustomerId == customer.CustomerId</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">             </span><span class="token block csharp language-csharp html tag special-attr attr-name" style="color:rgb(156, 220, 254)">OnClick</span><span class="token block csharp language-csharp html tag special-attr attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag special-attr attr-value value javascript language-javascript punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html tag special-attr attr-value value javascript language-javascript parameter" style="color:rgb(206, 145, 120)">args</span><span class="token block csharp language-csharp html tag special-attr attr-value value javascript language-javascript punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html tag special-attr attr-value value javascript language-javascript" style="color:rgb(206, 145, 120)"> </span><span class="token block csharp language-csharp html tag special-attr attr-value value javascript language-javascript arrow operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp html tag special-attr attr-value value javascript language-javascript" style="color:rgb(206, 145, 120)"> </span><span class="token block csharp language-csharp html tag special-attr attr-value value javascript language-javascript function maybe-class-name" style="color:rgb(220, 220, 170)">OnTabClick</span><span class="token block csharp language-csharp html tag special-attr attr-value value javascript language-javascript punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html tag special-attr attr-value value javascript language-javascript" style="color:rgb(206, 145, 120)">args</span><span class="token block csharp language-csharp html tag special-attr attr-value value javascript language-javascript punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp html tag special-attr attr-value value javascript language-javascript" style="color:rgb(206, 145, 120)"> customer</span><span class="token block csharp language-csharp html tag special-attr attr-value value javascript language-javascript punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html tag special-attr attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Content</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">div</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                    This is the placeholder content for the </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">b</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">customer</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">b</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"> tab.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">div</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Content</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@if</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">selectedCustomer </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">not</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">div</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html">Selected customer: </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">b</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">selectedCustomer</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">b</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">div</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Marvin Klein&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vikram Reddy&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bandita PA&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daina JJ&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token plain"> selectedCustomer </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> selectedCustomer </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">First</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnTabClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">TabEventArgs</span><span class="token plain"> args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> selectedCustomer </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#tab-on-tab-clicked" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dynamic-tabs">Dynamic tabs<a href="#dynamic-tabs" class="hash-link" aria-label="Direct link to Dynamic tabs" title="Direct link to Dynamic tabs">​</a></h3><img loading="lazy" src="https://i.imgur.com/EvFNQeB.png" alt="Blazor Tabs Component - Dynamic tabs" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex flex-column</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3 float-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.ExtraSmall</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AddCustomer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">+ Add customer</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">tabsRef</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> customer </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> customers</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">customer</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Content</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">div</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                                This is the placeholder content for the </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">b</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">customer</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">b</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"> tab.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">div</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Content</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">Tabs</span><span class="token plain"> tabsRef </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Marvin Klein&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vikram Reddy&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bandita PA&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daina JJ&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddCustomer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> count </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> customer </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">count </span><span class="token operator" style="color:rgb(212, 212, 212)">+</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Customer </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">count </span><span class="token interpolation-string interpolation expression language-csharp operator" style="color:rgb(212, 212, 212)">+</span><span class="token interpolation-string interpolation expression language-csharp"> </span><span class="token interpolation-string interpolation expression language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        tabsRef</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowRecentTab</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#dynamic-tabs" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="remove-dynamic-tabs">Remove dynamic tabs<a href="#remove-dynamic-tabs" class="hash-link" aria-label="Direct link to Remove dynamic tabs" title="Direct link to Remove dynamic tabs">​</a></h3><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>danger</div><div class="admonitionContent_S0QG"><p>In the following example, we are deleting tabs dynamically. Ensure that the <strong>@key</strong> parameter is added with unique value.</p></div></div><img loading="lazy" src="https://i.imgur.com/4ItXMeA.png" alt="Blazor Tabs Component - Remove dynamic tabs" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex flex-column</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3 float-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.ExtraSmall</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">AddCustomer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">+ Add customer</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">tabsRef</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token block keyword" style="color:rgb(86, 156, 214)">@foreach</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> customer </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">in</span><span class="token block csharp language-csharp"> customers</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">@key</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">customer</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp function" style="color:rgb(220, 220, 170)">GetHashCode</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">                         </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">customer</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">                         </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp interpolation-string interpolation expression language-csharp" style="color:rgb(156, 220, 254)">customer</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp interpolation-string interpolation expression language-csharp" style="color:rgb(156, 220, 254)">CustomerId</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp html tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Content</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">div</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">p-1</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                                </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">div</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                                    This is the placeholder content for the </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">b</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">customer</span><span class="token block csharp language-csharp html value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp html value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">b</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"> tab.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                                </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">div</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                                </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">div</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                                    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Button</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">Size.ExtraSmall</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)"> </span><span class="token block csharp language-csharp html tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token block csharp language-csharp html tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; RemoveCustomer(customer)</span><span class="token block csharp language-csharp html tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html">Remove tab</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Button</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                                </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">div</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                            </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">div</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                        </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Content</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp html"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp html">                    </span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token block csharp language-csharp html tag" style="color:rgb(78, 201, 176)">Tab</span><span class="token block csharp language-csharp html tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tabs</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">CardBody</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Card</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">Tabs</span><span class="token plain"> tabsRef </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> count </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Marvin Klein&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vikram Reddy&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bandita PA&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daina JJ&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> count </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddCustomer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        count</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> customer </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Customer </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">count</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        tabsRef</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowRecentTab</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">RemoveCustomer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Remove</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        tabsRef</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RemoveTabByName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CustomerId</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tabs#remove-dynamic-tabs" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/tabs.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/spinners"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Spinners</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/toasts"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Toasts</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#tabs-parameters" class="table-of-contents__link toc-highlight">Tabs Parameters</a></li><li><a href="#tabs-methods" class="table-of-contents__link toc-highlight">Tabs Methods</a></li><li><a href="#tabs-callback-events" class="table-of-contents__link toc-highlight">Tabs Callback Events</a></li><li><a href="#tab-parameters" class="table-of-contents__link toc-highlight">Tab Parameters</a></li><li><a href="#tab-callback-events" class="table-of-contents__link toc-highlight">Tab Callback Events</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#tabs" class="table-of-contents__link toc-highlight">Tabs</a></li><li><a href="#fade-effect" class="table-of-contents__link toc-highlight">Fade effect</a></li><li><a href="#title-with-icon" class="table-of-contents__link toc-highlight">Title with icon</a></li><li><a href="#disable-tab" class="table-of-contents__link toc-highlight">Disable Tab</a></li><li><a href="#pills" class="table-of-contents__link toc-highlight">Pills</a></li><li><a href="#underline" class="table-of-contents__link toc-highlight">Underline</a></li><li><a href="#vertical" class="table-of-contents__link toc-highlight">Vertical</a></li><li><a href="#vertical-pills" class="table-of-contents__link toc-highlight">Vertical pills</a></li><li><a href="#vertical-underline" class="table-of-contents__link toc-highlight">Vertical underline</a></li><li><a href="#activate-individual-tabs" class="table-of-contents__link toc-highlight">Activate individual tabs</a></li><li><a href="#events" class="table-of-contents__link toc-highlight">Events</a></li><li><a href="#methods-set-active-tab-onafterrender" class="table-of-contents__link toc-highlight">Methods: Set active tab OnAfterRender</a></li><li><a href="#tab-onclick" class="table-of-contents__link toc-highlight">Tab: OnClick</a></li><li><a href="#dynamic-tabs" class="table-of-contents__link toc-highlight">Dynamic tabs</a></li><li><a href="#remove-dynamic-tabs" class="table-of-contents__link toc-highlight">Remove dynamic tabs</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/toasts.html b/components/toasts.html
index 8c45250f5..4cd578267 100644
--- a/components/toasts.html
+++ b/components/toasts.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Toasts</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Toasts</h1><p>Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message.</p><p>Blazor Toasts are lightweight notifications designed to mimic the push notifications that mobile and desktop operating systems have popularized. They&#x27;re built with a flexbox, making it easy to align and position.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Blazor Toasts Component - Example 1" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/OCQUchu.png" alt="Blazor Bootstrap: Blazor Toasts Component - Example 2" class="img_ev3q"><p><strong>Things to know when using the blazor toasts component:</strong></p><ul><li>Toasts will not hide automatically if you do not specify <code>AutoHide=&quot;true&quot;</code>.</li><li>Use <a href="/components/toasts#global-toasts-service-for-the-application">global toasts service</a> for the application instead of page level toasts.</li></ul><h2 class="anchor anchorWithStickyNavbar_LWe7" id="toasts-parameters">Toasts Parameters<a href="#toasts-parameters" class="hash-link" aria-label="Direct link to Toasts Parameters" title="Direct link to Toasts Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">AutoHide</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the auto hide state.</td><td align="left">1.0.0</td></tr><tr><td align="left">Delay</td><td align="left">int</td><td align="left">5000</td><td align="left"></td><td align="left">Gets or sets the delay in milliseconds before hiding the toast.</td><td align="left">1.0.0</td></tr><tr><td align="left">Messages</td><td align="left"><code>List&lt;ToastMessage&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the toast messages.</td><td align="left">1.0.0</td></tr><tr><td align="left">Placement</td><td align="left"><code>ToastsPlacement</code></td><td align="left"><code>ToastsPlacement.TopRight</code></td><td align="left"></td><td align="left">Gets or sets the toast placement.</td><td align="left">1.0.0</td></tr><tr><td align="left">ShowCloseButton</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">If true, shows the close button.</td><td align="left">1.0.0</td></tr><tr><td align="left">StackLength</td><td align="left">int</td><td align="left">5</td><td align="left"></td><td align="left">Gets or sets the toast container maximum capacity.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="toastmessage-properties">ToastMessage Properties<a href="#toastmessage-properties" class="hash-link" aria-label="Direct link to ToastMessage Properties" title="Direct link to ToastMessage Properties">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Description</th><th align="left">Required</th><th align="left">Default</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">AutoHide</td><td align="left">bool</td><td align="left">Gets or sets the auto hide behavior to a message.</td><td align="left"></td><td align="left">false</td><td align="left">1.9.0</td></tr><tr><td align="left">CustomIconName</td><td align="left">string</td><td align="left">Gets or sets the custom icon name.</td><td align="left"></td><td align="left"></td><td align="left">1.0.0</td></tr><tr><td align="left">HelpText</td><td align="left">string</td><td align="left">Gets or sets the help text.</td><td align="left"></td><td align="left"></td><td align="left">1.0.0</td></tr><tr><td align="left">IconName</td><td align="left"><code>IconName</code></td><td align="left">Gets or sets the bootstarp icon name.</td><td align="left"></td><td align="left"></td><td align="left">1.0.0</td></tr><tr><td align="left">Id</td><td align="left">Guid</td><td align="left">Gets the toast id.</td><td align="left"></td><td align="left"></td><td align="left">1.0.0</td></tr><tr><td align="left">Message</td><td align="left">string</td><td align="left">Gets or sets the toast message.</td><td align="left">✔️</td><td align="left"></td><td align="left">1.0.0</td></tr><tr><td align="left">Title</td><td align="left">string</td><td align="left">Gets or sets the toast&#x27;&#x27;s message title.</td><td align="left"></td><td align="left"></td><td align="left">1.0.0</td></tr><tr><td align="left">Type</td><td align="left"><code>ToastType</code></td><td align="left">Gets or sets the type of the toast.</td><td align="left">✔️</td><td align="left"></td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples:<a href="#examples" class="hash-link" aria-label="Direct link to Examples:" title="Direct link to Examples:">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="toast">Toast<a href="#toast" class="hash-link" aria-label="Direct link to Toast" title="Direct link to Toast">​</a></h3><p>To encourage extensible and predictable toasts, we recommend a header and body.</p><p>Toasts are as flexible as you need and have very little required markup. At a minimum, we require a single element to contain your &quot;toasted&quot; content and strongly encourage a dismiss button.</p><img loading="lazy" src="https://i.imgur.com/OCQUchu.png" alt="Blazor Bootstrap: Blazor Toasts Component - Example" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Toasts</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">p-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Messages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToastsPlacement.TopRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Primary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Primary Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Secondary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Secondary Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Success)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Success Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Danger)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Danger Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Warning)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Warning Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Info)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Info Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Dark)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dark Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> messages </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastType</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> messages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">CreateToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CreateToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastType</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Blazor Bootstrap&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            HelpText </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Hello, world! This is a toast message. DateTime: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/toasts#examples" target="_blank" rel="noopener noreferrer">See toasts demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="toast-without-title">Toast without title<a href="#toast-without-title" class="hash-link" aria-label="Direct link to Toast without title" title="Direct link to Toast without title">​</a></h3><p>Customize your toasts by removing sub-components, tweaking them with utilities.</p><p>Here we&#x27;ve created a simple toast. You can create different toast color schemes with the <code>Color</code> parameter.</p><div><img loading="lazy" src="https://i.imgur.com/VRglJqU.jpg" alt="Blazor Bootstrap: Toasts Component - Example" class="img_ev3q"></div><div><img loading="lazy" src="https://i.imgur.com/SUB90wN.jpg" alt="Blazor Bootstrap: Toasts Component - Example" class="img_ev3q"></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Toasts</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">p-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Messages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToastsPlacement.TopRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Primary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Primary Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Secondary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Secondary Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Success)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Success Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Danger)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Danger Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Warning)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Warning Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Info)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Info Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Light)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Light Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Dark)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dark Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> messages </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastType</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> messages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">CreateToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CreateToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastType</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Hello, world! This is a simple toast message. DateTime: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/toasts#toast-without-title" target="_blank" rel="noopener noreferrer">See toasts without title demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="auto-hide">Auto hide<a href="#auto-hide" class="hash-link" aria-label="Direct link to Auto hide" title="Direct link to Auto hide">​</a></h3><p>Add <code>AutoHide=&quot;true&quot;</code> parameter to hide the Blazor Toasts after the delay. The default delay is 5000 milliseconds, be sure to update the delay timeout so that users have enough time to read the toast.</p><img loading="lazy" src="https://i.imgur.com/W1YkmJH.png" alt="Blazor Bootstrap: Blazor Toasts Component - Auto hide" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Toasts</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">p-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Messages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoHide</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Delay</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">6000</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToastsPlacement.TopRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Primary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Primary Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Secondary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Secondary Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Success)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Success Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Danger)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Danger Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Warning)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Warning Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Info)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Info Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Dark)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dark Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> messages </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastType</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> messages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">CreateToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CreateToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastType</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Blazor Bootstrap&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            HelpText </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Hello, world! This is a toast message. DateTime: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/toasts#auto-hide" target="_blank" rel="noopener noreferrer">See auto hide toasts demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="auto-hide-individual-messages">Auto hide individual messages<a href="#auto-hide-individual-messages" class="hash-link" aria-label="Direct link to Auto hide individual messages" title="Direct link to Auto hide individual messages">​</a></h3><p>Set <code>AutoHide=&quot;true&quot;</code> property on <strong>ToastMessage</strong> to hide individual Blazor Toast message after the delay. The default delay is 5000 milliseconds, be sure to update the delay timeout so that users have enough time to read the toast.</p><p>In the below example, <code>AutoHide=&quot;false&quot;</code> for <strong>Danger</strong> and <strong>Warning</strong> messages.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Toasts</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">p-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Messages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Delay</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">6000</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToastsPlacement.TopRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Primary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Primary Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Secondary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Secondary Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Success)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Success Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Danger)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Danger Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Warning)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Warning Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Info)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Info Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Dark)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dark Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> messages </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastType</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> messages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">CreateToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CreateToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastType</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> toastMessage </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        toastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        toastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Blazor Bootstrap&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        toastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HelpText </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        toastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Hello, world! This is a toast message. DateTime: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// disable auto hide for `danger` and `warning` messages.</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        toastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">AutoHide </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">toastType </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> ToastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Danger </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> toastType </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> ToastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Warning</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> toastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/toasts#auto-hide-individual-messages" target="_blank" rel="noopener noreferrer">See auto hide individual toasts demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="placement">Placement<a href="#placement" class="hash-link" aria-label="Direct link to Placement" title="Direct link to Placement">​</a></h3><p>Change the Blazor Toasts placement according to your need. The default placement will be top right corner. Use the <code>ToastsPlacement</code> parameter to update the Blazor Toasts placement.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Toasts</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">p-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Messages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">toastsPlacement</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangePlacement(ToastsPlacement.TopLeft)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Top Left</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangePlacement(ToastsPlacement.TopCenter)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Top Center</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangePlacement(ToastsPlacement.TopRight)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Top Right</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangePlacement(ToastsPlacement.MiddleLeft)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Middle Left</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangePlacement(ToastsPlacement.MiddleCenter)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Middle Center</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangePlacement(ToastsPlacement.MiddleRight)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Middle Right</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangePlacement(ToastsPlacement.BottomLeft)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Bottom Left</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangePlacement(ToastsPlacement.BottomCenter)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Bottom Center</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ChangePlacement(ToastsPlacement.BottomRight)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Bottom Right</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastsPlacement</span><span class="token plain"> toastsPlacement </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ToastsPlacement</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">TopRight</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> messages </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ChangePlacement</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastsPlacement</span><span class="token plain"> placement</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">messages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            messages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                        Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ToastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Success</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                        Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Blazor Bootstrap&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                        HelpText </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                        Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Hello, world! This is a toast message. DateTime: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        toastsPlacement </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> placement</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/toasts#placement" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="stack-length">Stack Length<a href="#stack-length" class="hash-link" aria-label="Direct link to Stack Length" title="Direct link to Stack Length">​</a></h3><p>Blazor Toasts component shows a maximum of 5 toasts by default. If you add a new toast to the existing list, the first toast gets deleted like FIFO (First In First Out). Change the maximum capacity according to your need by using the <strong>StackLength</strong> parameter.</p><p>In the below example, StackLength is set to 3. It shows a maximum of 3 toast messages at any time.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Toasts</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">p-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Messages</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">messages</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoHide</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">StackLength</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToastsPlacement.TopRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Primary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Primary Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Secondary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Secondary Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Success)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Success Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Danger)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Danger Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Warning)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Warning Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Info)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Info Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowMessage(ToastType.Dark)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Dark Toast</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">List</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> messages </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastType</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> messages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">CreateToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CreateToastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ToastType</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> toastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Blazor Bootstrap&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            HelpText </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Hello, world! This is a toast message. DateTime: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/toasts#stack-length" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="global-toasts-service-for-the-application">Global toasts service for the application<a href="#global-toasts-service-for-the-application" class="hash-link" aria-label="Direct link to Global toasts service for the application" title="Direct link to Global toasts service for the application">​</a></h3><ol><li>Add the <code>Toasts</code> component in MainLayout.razor page as shown below.</li></ol><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">...</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">... MainLayour.razor code goes here ...</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">...</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Toasts</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">p-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoHide</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Delay</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">4000</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToastsPlacement.TopRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Set the <code>Toasts</code> component parameters as per your requirement.</p></div></div><ol start="2"><li>Inject <code>ToastService</code>, then call the <code>Notify(...)</code> method as shown below.</li></ol><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">ToastService</span><span class="token block csharp language-csharp"> ToastService </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SaveEmployee</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">try</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// TODO: call the service/api to save the employee details</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            ToastService</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Notify</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">ToastType</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Employee details saved successfully.&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">catch</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Exception</span><span class="token block csharp language-csharp"> ex</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// handle exception</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            ToastService</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Notify</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">ToastType</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Danger</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Error: </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">ex</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Message</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">.&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/toasts.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/tabs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Tabs</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/tooltips"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Tooltips</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#toasts-parameters" class="table-of-contents__link toc-highlight">Toasts Parameters</a></li><li><a href="#toastmessage-properties" class="table-of-contents__link toc-highlight">ToastMessage Properties</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples:</a><ul><li><a href="#toast" class="table-of-contents__link toc-highlight">Toast</a></li><li><a href="#toast-without-title" class="table-of-contents__link toc-highlight">Toast without title</a></li><li><a href="#auto-hide" class="table-of-contents__link toc-highlight">Auto hide</a></li><li><a href="#auto-hide-individual-messages" class="table-of-contents__link toc-highlight">Auto hide individual messages</a></li><li><a href="#placement" class="table-of-contents__link toc-highlight">Placement</a></li><li><a href="#stack-length" class="table-of-contents__link toc-highlight">Stack Length</a></li><li><a href="#global-toasts-service-for-the-application" class="table-of-contents__link toc-highlight">Global toasts service for the application</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/components/tooltips.html b/components/tooltips.html
index c32a22b0d..fbe956629 100644
--- a/components/tooltips.html
+++ b/components/tooltips.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/components/accordion">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/accordion">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/alerts">Alerts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/badge">Badge</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/breadcrumb">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/buttons">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/callout">Callout</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/card">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/charts">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/collapse">Collapse</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/confirm-dialog">Confirm Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/dropdown">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/grid">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/modal">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/offcanvas">Offcanvas</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pagination">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/pdf-viewer">PDF Viewer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/placeholders">Placeholders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/preload">Preload</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/progress">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/ribbon">Ribbon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/script-loader">Script Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar">Sidebar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sidebar2">Sidebar2</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/sortable-list">Sortable List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/spinners">Spinners</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/tabs">Tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components/toasts">Toasts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components/tooltips">Tooltips</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Tooltips</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Tooltips</h1><p>Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th>Name</th><th>Type</th><th>Description</th><th>Required</th><th>Default</th><th>Added Version</th></tr></thead><tbody><tr><td>ChildContent</td><td>RenderFragment</td><td>null</td><td>✔️</td><td>Gets or sets the content to be rendered within the component.</td><td>1.0.0</td></tr><tr><td>Color</td><td><code>TooltipColor</code></td><td><code>TooltipColor.None</code></td><td></td><td>Gets or sets the tooltip color.</td><td>1.10.0</td></tr><tr><td>IsHtml</td><td>bool</td><td>false</td><td></td><td>Gets or sets a value indicating whether to display the content as HTML instead of text.</td><td>2.1.0</td></tr><tr><td>Placement</td><td><code>TooltipPlacement</code></td><td><code>TooltipPlacement.Top</code></td><td></td><td>Gets or sets the tooltip placement.</td><td>1.0.0</td></tr><tr><td>Title</td><td>string</td><td>null</td><td>✔️</td><td>Displays informative text when users hover, focus, or tap an element.</td><td>1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="tooltips">Tooltips<a href="#tooltips" class="hash-link" aria-label="Direct link to Tooltips" title="Direct link to Tooltips">​</a></h3><div><img loading="lazy" src="https://i.imgur.com/uqvqb2i.jpg" alt="Blazor Bootstrap: Tooltip Component" class="img_ev3q"></div><div><img loading="lazy" src="https://i.imgur.com/ZHLTCvX.jpg" alt="Blazor Bootstrap: Tooltip Component" class="img_ev3q"></div><div><img loading="lazy" src="https://i.imgur.com/jwJUhkV.jpg" alt="Blazor Bootstrap: Tooltip Component" class="img_ev3q"></div><div><img loading="lazy" src="https://i.imgur.com/T2YMw9p.jpg" alt="Blazor Bootstrap: Tooltip Component" class="img_ev3q"></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Tooltip Left</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TooltipPlacement.Left</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Tooltip Left</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Tooltip Top</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Tooltip Top</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Tooltip Right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TooltipPlacement.Right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Tooltip Right</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Tooltip Bottom</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TooltipPlacement.Bottom</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Tooltip Bottom</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tooltips#examples" target="_blank" rel="noopener noreferrer">See tooltips demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disabled-button-with-tooltip">Disabled button with tooltip<a href="#disabled-button-with-tooltip" class="hash-link" aria-label="Direct link to Disabled button with tooltip" title="Direct link to Disabled button with tooltip">​</a></h3><img loading="lazy" src="https://i.imgur.com/PGlmZS3.jpg" alt="Blazor Bootstrap: Tooltip Component" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-inline-block</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disabled button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">btn btn-primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">disabled</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Disabled button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tooltips#disabled-button-with-tootip" target="_blank" rel="noopener noreferrer">See disabled button with tooltip demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="tooltip-icon-with-click-event">Tooltip icon with click event<a href="#tooltip-icon-with-click-event" class="hash-link" aria-label="Direct link to Tooltip icon with click event" title="Direct link to Tooltip icon with click event">​</a></h3><img loading="lazy" src="https://i.imgur.com/D3FrZba.jpg" alt="Blazor Bootstrap: Tooltip Component" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Click here</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">OnClick</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">i</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bi bi-arrow-repeat text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">i</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnClick</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;clicked&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tooltips#icon-with-click-event" target="_blank" rel="noopener noreferrer">See icon with tooltip demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="dynamically-update-the-tooltip-text">Dynamically update the tooltip text<a href="#dynamically-update-the-tooltip-text" class="hash-link" aria-label="Direct link to Dynamically update the tooltip text" title="Direct link to Dynamically update the tooltip text">​</a></h3><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TooltipPlacement.Top</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Tooltip Bottom</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ChangeTooltip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Change Tooltip</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp"> text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Tooltip text&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ChangeTooltip</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Updated </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">DateTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Now</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">ToLongTimeString</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tooltips#dynamically-update-the-tooltip-text" target="_blank" rel="noopener noreferrer">see demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="tooltip-with-html">Tooltip with HTML<a href="#tooltip-with-html" class="hash-link" aria-label="Direct link to Tooltip with HTML" title="Direct link to Tooltip with HTML">​</a></h3><img loading="lazy" src="https://i.imgur.com/2xuTx6b.png" alt="Blazor Bootstrap: Tooltip with HTML" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">me-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">&lt;strong&gt;Tooltip&lt;/strong&gt; &lt;em&gt;with&lt;/em&gt; &lt;u&gt;HTML&lt;/u&gt;</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsHtml</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Tooltip with HTML</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/tooltips#tooltip-with-html" target="_blank" rel="noopener noreferrer">see demo here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/05-components/tooltips.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/toasts"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Toasts</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/data-visualization/bar-chart"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Bar Chart</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#tooltips" class="table-of-contents__link toc-highlight">Tooltips</a></li><li><a href="#disabled-button-with-tooltip" class="table-of-contents__link toc-highlight">Disabled button with tooltip</a></li><li><a href="#tooltip-icon-with-click-event" class="table-of-contents__link toc-highlight">Tooltip icon with click event</a></li><li><a href="#dynamically-update-the-tooltip-text" class="table-of-contents__link toc-highlight">Dynamically update the tooltip text</a></li><li><a href="#tooltip-with-html" class="table-of-contents__link toc-highlight">Tooltip with HTML</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/content/icons.html b/content/icons.html
index 37e7c0d15..ca5fff404 100644
--- a/content/icons.html
+++ b/content/icons.html
@@ -3,20 +3,20 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v2.4.3">
-<title data-rh="true">Blazor Icons Component | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/content/icons"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Blazor Icons Component | Blazor Bootstrap Docs"><meta data-rh="true" name="description" content="Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages."><meta data-rh="true" property="og:description" content="Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages."><meta data-rh="true" property="og:image" content="https://i.imgur.com/8HcjpiK.png"><meta data-rh="true" name="twitter:image" content="https://i.imgur.com/8HcjpiK.png"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/content/icons"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/content/icons" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/content/icons" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<title data-rh="true">Blazor Icons Component | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/content/icons"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Blazor Icons Component | Blazor Bootstrap Docs"><meta data-rh="true" name="description" content="The Icon component will display an icon from any icon font."><meta data-rh="true" property="og:description" content="The Icon component will display an icon from any icon font."><meta data-rh="true" property="og:image" content="https://i.imgur.com/8HcjpiK.png"><meta data-rh="true" name="twitter:image" content="https://i.imgur.com/8HcjpiK.png"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/content/icons"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/content/icons" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/content/icons" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
 
 <link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/content/icons">Content</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/content/icons">Icons</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Content</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Icons</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Icons</h1><p>Blazor Bootstrap icon component will display an icon from any icon font.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="prerequisites">Prerequisites<a href="#prerequisites" class="hash-link" aria-label="Direct link to Prerequisites" title="Direct link to Prerequisites">​</a></h2><ul><li><p>Install Bootstrap Icons or other.</p><ul><li>Refer: <a href="https://icons.getbootstrap.com/" target="_blank" rel="noopener noreferrer">Bootstrap Icons</a></li></ul></li><li><p>Include the icon fonts stylesheet in your website <code>&lt;head&gt;</code> or <code>@import</code> in CSS from CDN.</p></li></ul><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">&lt;link href=&quot;https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css&quot; rel=&quot;stylesheet&quot; /&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Color</td><td align="left"><code>IconColor</code></td><td align="left"><code>IconColor.None</code></td><td align="left"></td><td align="left">Gets or sets the icon color.</td><td align="left">1.9.0</td></tr><tr><td align="left">CustomIconName</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Specify custom icons of your own, like <code>fontawesome</code>. Example: <code>fas fa-alarm-clock</code></td><td align="left">1.0.0</td></tr><tr><td align="left">Name</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the icon name.</td><td align="left">1.0.0</td></tr><tr><td align="left">Size</td><td align="left"><code>IconSize</code></td><td align="left"><code>IconSize.None</code></td><td align="left"></td><td align="left">Gets or sets the icon size.</td><td align="left">1.0.0</td></tr></tbody></table><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Either <code>Name</code> or <code>CustomIconName</code> parameter is mandatory. For <strong>Font Awesome</strong> setup, please follow the <strong>Font Awesome</strong> website.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="icons">Icons<a href="#icons" class="hash-link" aria-label="Direct link to Icons" title="Direct link to Icons">​</a></h3><img loading="lazy" src="https://i.imgur.com/WClg4kQ.jpg" alt="Blazor Bootstrap: Icon Component" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.AlarmFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Window</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Apple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#examples" target="_blank" rel="noopener noreferrer">See icons demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="sizes">Sizes<a href="#sizes" class="hash-link" aria-label="Direct link to Sizes" title="Direct link to Sizes">​</a></h3><img loading="lazy" src="https://i.imgur.com/ko7c6k3.jpg" alt="Blazor Bootstrap: Icon Component - Sizes" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#sizes" target="_blank" rel="noopener noreferrer">See icons with different size demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="font-awesome-icons">Font awesome icons<a href="#font-awesome-icons" class="hash-link" aria-label="Direct link to Font awesome icons" title="Direct link to Font awesome icons">​</a></h3><p>In the following example, we used <strong>Font Awesome 6.4.2</strong> free version icons. For Font Awesome setup, please follow the Font Awesome website.</p><img loading="lazy" src="https://i.imgur.com/aUuJE34.png" alt="Blazor Bootstrap: Icon Component - Font awesome icons" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-hands-clapping</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-hands-clapping</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-hands-clapping</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-hands-clapping</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-hands-clapping</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-hands-clapping</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x6</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="colors">Colors<a href="#colors" class="hash-link" aria-label="Direct link to Colors" title="Direct link to Colors">​</a></h3><img loading="lazy" src="https://i.imgur.com/pUutAt8.png" alt="Blazor Bootstrap: Icon Component - Colors" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Facebook</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.CloudLightningRainFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.CheckAll</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Bug</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.ExclamationDiamondFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.InfoCircleFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.CreditCard2FrontFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Apple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Asterisk</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Body</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.VolumeMuteFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Muted</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BrowserSafari</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.White</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#colors" target="_blank" rel="noopener noreferrer">See icons with different size demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="inline-text-with-icon">Inline text with icon<a href="#inline-text-with-icon" class="hash-link" aria-label="Direct link to Inline text with icon" title="Direct link to Inline text with icon">​</a></h3><img loading="lazy" src="https://i.imgur.com/eNKFAKg.jpg" alt="Blazor Bootstrap: Icon Component - Inline text with icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">Inline text </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#inline-text-with-icon" target="_blank" rel="noopener noreferrer">See inline text with icon demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="link-with-icon">Link with icon<a href="#link-with-icon" class="hash-link" aria-label="Direct link to Link with icon" title="Direct link to Link with icon">​</a></h3><img loading="lazy" src="https://i.imgur.com/pDpv29z.jpg" alt="Blazor Bootstrap: Icon Component - Link with icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-decoration-none</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Example link text </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#link-with-icon" target="_blank" rel="noopener noreferrer">See link with icon demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="link-with-custom-icon">Link with custom icon<a href="#link-with-custom-icon" class="hash-link" aria-label="Direct link to Link with custom icon" title="Direct link to Link with custom icon">​</a></h3><img loading="lazy" src="https://i.imgur.com/KNFvgiS.jpg" alt="Blazor Bootstrap: Icon Component - Link with custom icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-decoration-none</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Example link text </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bi bi-bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#link-with-custom-icon" target="_blank" rel="noopener noreferrer">See link with custom icon demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="button-with-icon-and-text">Button with icon and text<a href="#button-with-icon-and-text" class="hash-link" aria-label="Direct link to Button with icon and text" title="Direct link to Button with icon and text">​</a></h3><img loading="lazy" src="https://i.imgur.com/Pkzbm1Q.jpg" alt="Blazor Bootstrap: Icon Component - Button with icon and text" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Outline</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.AlarmFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#button-with-icon-and-text" target="_blank" rel="noopener noreferrer">See button with icon and text demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="button-with-icon-only">Button with icon only<a href="#button-with-icon-only" class="hash-link" aria-label="Direct link to Button with icon only" title="Direct link to Button with icon only">​</a></h3><img loading="lazy" src="https://i.imgur.com/3WClQmS.jpg" alt="Blazor Bootstrap: Icon Component - Button with icon only" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#button-with-icon-only" target="_blank" rel="noopener noreferrer">See button with icon only demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="button-with-font-awesome-icon">Button with font awesome icon<a href="#button-with-font-awesome-icon" class="hash-link" aria-label="Direct link to Button with font awesome icon" title="Direct link to Button with font awesome icon">​</a></h3><p>In the following example, we used <strong>Font Awesome 6.4.2</strong> free version icons. For Font Awesome setup, please follow the Font Awesome website.</p><img loading="lazy" src="https://i.imgur.com/GWppafv.png" alt="Blazor Bootstrap: Icon Component - Button with font awesome icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipTitle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Compare code</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-code-compare</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipTitle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Create pull request</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-code-pull-request</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="icon-with-tooltip">Icon with tooltip<a href="#icon-with-tooltip" class="hash-link" aria-label="Direct link to Icon with tooltip" title="Direct link to Icon with tooltip">​</a></h3><img loading="lazy" src="https://i.imgur.com/OwfxRXn.png" alt="Blazor Bootstrap: Icon Component - Icon with tooltip" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Info Tooltip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.InfoCircleFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons">Bootstrap Icons<a href="#bootstrap-icons" class="hash-link" aria-label="Direct link to Bootstrap Icons" title="Direct link to Bootstrap Icons">​</a></h3><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"><p><a href="https://demos.blazorbootstrap.com/icons#bootstrap-icons" target="_blank" rel="noopener noreferrer">See all bootstrap icons demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/03-content/icons.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/layout/blazor-server"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor Server</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/forms/autocomplete"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Auto Complete</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#prerequisites" class="table-of-contents__link toc-highlight">Prerequisites</a></li><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#icons" class="table-of-contents__link toc-highlight">Icons</a></li><li><a href="#sizes" class="table-of-contents__link toc-highlight">Sizes</a></li><li><a href="#font-awesome-icons" class="table-of-contents__link toc-highlight">Font awesome icons</a></li><li><a href="#colors" class="table-of-contents__link toc-highlight">Colors</a></li><li><a href="#inline-text-with-icon" class="table-of-contents__link toc-highlight">Inline text with icon</a></li><li><a href="#link-with-icon" class="table-of-contents__link toc-highlight">Link with icon</a></li><li><a href="#link-with-custom-icon" class="table-of-contents__link toc-highlight">Link with custom icon</a></li><li><a href="#button-with-icon-and-text" class="table-of-contents__link toc-highlight">Button with icon and text</a></li><li><a href="#button-with-icon-only" class="table-of-contents__link toc-highlight">Button with icon only</a></li><li><a href="#button-with-font-awesome-icon" class="table-of-contents__link toc-highlight">Button with font awesome icon</a></li><li><a href="#icon-with-tooltip" class="table-of-contents__link toc-highlight">Icon with tooltip</a></li><li><a href="#bootstrap-icons" class="table-of-contents__link toc-highlight">Bootstrap Icons</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/content/icons">Content</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/content/icons">Icons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/content/images">Images</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Content</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Icons</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Icons</h1><p>Blazor Bootstrap icon component will display an icon from any icon font.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="prerequisites">Prerequisites<a href="#prerequisites" class="hash-link" aria-label="Direct link to Prerequisites" title="Direct link to Prerequisites">​</a></h2><ul><li><p>Install Bootstrap Icons or other.</p><ul><li>Refer: <a href="https://icons.getbootstrap.com/" target="_blank" rel="noopener noreferrer">Bootstrap Icons</a></li></ul></li><li><p>Include the icon fonts stylesheet in your website <code>&lt;head&gt;</code> or <code>@import</code> in CSS from CDN.</p></li></ul><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">&lt;link href=&quot;https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css&quot; rel=&quot;stylesheet&quot; /&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Color</td><td align="left"><code>IconColor</code></td><td align="left"><code>IconColor.None</code></td><td align="left"></td><td align="left">Gets or sets the icon color.</td><td align="left">1.9.0</td></tr><tr><td align="left">CustomIconName</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Specify custom icons of your own, like <code>fontawesome</code>. Example: <code>fas fa-alarm-clock</code></td><td align="left">1.0.0</td></tr><tr><td align="left">Name</td><td align="left"><code>IconName</code></td><td align="left"><code>IconName.None</code></td><td align="left"></td><td align="left">Gets or sets the icon name.</td><td align="left">1.0.0</td></tr><tr><td align="left">Size</td><td align="left"><code>IconSize</code></td><td align="left"><code>IconSize.None</code></td><td align="left"></td><td align="left">Gets or sets the icon size.</td><td align="left">1.0.0</td></tr></tbody></table><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Either <code>Name</code> or <code>CustomIconName</code> parameter is mandatory. For <strong>Font Awesome</strong> setup, please follow the <strong>Font Awesome</strong> website.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="icons">Icons<a href="#icons" class="hash-link" aria-label="Direct link to Icons" title="Direct link to Icons">​</a></h3><img loading="lazy" src="https://i.imgur.com/WClg4kQ.jpg" alt="Blazor Bootstrap: Icon Component" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.AlarmFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Window</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Apple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#examples" target="_blank" rel="noopener noreferrer">See icons demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="sizes">Sizes<a href="#sizes" class="hash-link" aria-label="Direct link to Sizes" title="Direct link to Sizes">​</a></h3><img loading="lazy" src="https://i.imgur.com/ko7c6k3.jpg" alt="Blazor Bootstrap: Icon Component - Sizes" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#sizes" target="_blank" rel="noopener noreferrer">See icons with different size demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="font-awesome-icons">Font awesome icons<a href="#font-awesome-icons" class="hash-link" aria-label="Direct link to Font awesome icons" title="Direct link to Font awesome icons">​</a></h3><p>In the following example, we used <strong>Font Awesome 6.4.2</strong> free version icons. For Font Awesome setup, please follow the Font Awesome website.</p><img loading="lazy" src="https://i.imgur.com/aUuJE34.png" alt="Blazor Bootstrap: Icon Component - Font awesome icons" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-hands-clapping</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-hands-clapping</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-hands-clapping</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-hands-clapping</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-hands-clapping</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-hands-clapping</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x6</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="colors">Colors<a href="#colors" class="hash-link" aria-label="Direct link to Colors" title="Direct link to Colors">​</a></h3><img loading="lazy" src="https://i.imgur.com/pUutAt8.png" alt="Blazor Bootstrap: Icon Component - Colors" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Facebook</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.CloudLightningRainFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.CheckAll</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Bug</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.ExclamationDiamondFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.InfoCircleFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.CreditCard2FrontFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Apple</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Asterisk</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Body</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.VolumeMuteFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.Muted</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BrowserSafari</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconSize.x2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconColor.White</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#colors" target="_blank" rel="noopener noreferrer">See icons with different size demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="inline-text-with-icon">Inline text with icon<a href="#inline-text-with-icon" class="hash-link" aria-label="Direct link to Inline text with icon" title="Direct link to Inline text with icon">​</a></h3><img loading="lazy" src="https://i.imgur.com/eNKFAKg.jpg" alt="Blazor Bootstrap: Icon Component - Inline text with icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">Inline text </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#inline-text-with-icon" target="_blank" rel="noopener noreferrer">See inline text with icon demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="link-with-icon">Link with icon<a href="#link-with-icon" class="hash-link" aria-label="Direct link to Link with icon" title="Direct link to Link with icon">​</a></h3><img loading="lazy" src="https://i.imgur.com/pDpv29z.jpg" alt="Blazor Bootstrap: Icon Component - Link with icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-decoration-none</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Example link text </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#link-with-icon" target="_blank" rel="noopener noreferrer">See link with icon demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="link-with-custom-icon">Link with custom icon<a href="#link-with-custom-icon" class="hash-link" aria-label="Direct link to Link with custom icon" title="Direct link to Link with custom icon">​</a></h3><img loading="lazy" src="https://i.imgur.com/KNFvgiS.jpg" alt="Blazor Bootstrap: Icon Component - Link with custom icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">#</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-decoration-none</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    Example link text </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bi bi-bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#link-with-custom-icon" target="_blank" rel="noopener noreferrer">See link with custom icon demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="button-with-icon-and-text">Button with icon and text<a href="#button-with-icon-and-text" class="hash-link" aria-label="Direct link to Button with icon and text" title="Direct link to Button with icon and text">​</a></h3><img loading="lazy" src="https://i.imgur.com/Pkzbm1Q.jpg" alt="Blazor Bootstrap: Icon Component - Button with icon and text" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Outline</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.AlarmFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"> Button </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#button-with-icon-and-text" target="_blank" rel="noopener noreferrer">See button with icon and text demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="button-with-icon-only">Button with icon only<a href="#button-with-icon-only" class="hash-link" aria-label="Direct link to Button with icon only" title="Direct link to Button with icon only">​</a></h3><img loading="lazy" src="https://i.imgur.com/3WClQmS.jpg" alt="Blazor Bootstrap: Icon Component - Button with icon only" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.Alarm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/icons#button-with-icon-only" target="_blank" rel="noopener noreferrer">See button with icon only demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="button-with-font-awesome-icon">Button with font awesome icon<a href="#button-with-font-awesome-icon" class="hash-link" aria-label="Direct link to Button with font awesome icon" title="Direct link to Button with font awesome icon">​</a></h3><p>In the following example, we used <strong>Font Awesome 6.4.2</strong> free version icons. For Font Awesome setup, please follow the Font Awesome website.</p><img loading="lazy" src="https://i.imgur.com/GWppafv.png" alt="Blazor Bootstrap: Icon Component - Button with font awesome icon" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipTitle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Compare code</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-code-compare</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TooltipTitle</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Create pull request</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CustomIconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fa-solid fa-code-pull-request</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="icon-with-tooltip">Icon with tooltip<a href="#icon-with-tooltip" class="hash-link" aria-label="Direct link to Icon with tooltip" title="Direct link to Icon with tooltip">​</a></h3><img loading="lazy" src="https://i.imgur.com/OwfxRXn.png" alt="Blazor Bootstrap: Icon Component - Icon with tooltip" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Info Tooltip</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">role</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.InfoCircleFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Icon</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Tooltip</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="bootstrap-icons">Bootstrap Icons<a href="#bootstrap-icons" class="hash-link" aria-label="Direct link to Bootstrap Icons" title="Direct link to Bootstrap Icons">​</a></h3><img loading="lazy" src="https://i.imgur.com/8HcjpiK.png" alt="Blazor Bootstrap: Icon Component - Bootstrap Icons" class="img_ev3q"><p><a href="https://demos.blazorbootstrap.com/icons#bootstrap-icons" target="_blank" rel="noopener noreferrer">See all bootstrap icons demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/03-content/icons.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/layout/blazor-server"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor Server</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/content/images"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Images</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#prerequisites" class="table-of-contents__link toc-highlight">Prerequisites</a></li><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#icons" class="table-of-contents__link toc-highlight">Icons</a></li><li><a href="#sizes" class="table-of-contents__link toc-highlight">Sizes</a></li><li><a href="#font-awesome-icons" class="table-of-contents__link toc-highlight">Font awesome icons</a></li><li><a href="#colors" class="table-of-contents__link toc-highlight">Colors</a></li><li><a href="#inline-text-with-icon" class="table-of-contents__link toc-highlight">Inline text with icon</a></li><li><a href="#link-with-icon" class="table-of-contents__link toc-highlight">Link with icon</a></li><li><a href="#link-with-custom-icon" class="table-of-contents__link toc-highlight">Link with custom icon</a></li><li><a href="#button-with-icon-and-text" class="table-of-contents__link toc-highlight">Button with icon and text</a></li><li><a href="#button-with-icon-only" class="table-of-contents__link toc-highlight">Button with icon only</a></li><li><a href="#button-with-font-awesome-icon" class="table-of-contents__link toc-highlight">Button with font awesome icon</a></li><li><a href="#icon-with-tooltip" class="table-of-contents__link toc-highlight">Icon with tooltip</a></li><li><a href="#bootstrap-icons" class="table-of-contents__link toc-highlight">Bootstrap Icons</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/content/images.html b/content/images.html
new file mode 100644
index 000000000..a751c32d2
--- /dev/null
+++ b/content/images.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en" dir="ltr" class="docs-wrapper docs-doc-page docs-version-current plugin-docs plugin-id-default docs-doc-id-content/images" data-has-hydrated="false">
+<head>
+<meta charset="UTF-8">
+<meta name="generator" content="Docusaurus v2.4.3">
+<title data-rh="true">Blazor Images Component | Blazor Bootstrap Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.blazorbootstrap.com/content/images"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Blazor Images Component | Blazor Bootstrap Docs"><meta data-rh="true" name="description" content="Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them."><meta data-rh="true" property="og:description" content="Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them."><meta data-rh="true" property="og:image" content="https://i.imgur.com/QrSaauv.png"><meta data-rh="true" name="twitter:image" content="https://i.imgur.com/QrSaauv.png"><link data-rh="true" rel="icon" href="/img/logo/logo-color.svg"><link data-rh="true" rel="canonical" href="https://docs.blazorbootstrap.com/content/images"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/content/images" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.blazorbootstrap.com/content/images" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Blazor Bootstrap Docs RSS Feed">
+<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Blazor Bootstrap Docs Atom Feed">
+
+<link rel="preconnect" href="https://www.google-analytics.com">
+<link rel="preconnect" href="https://www.googletagmanager.com">
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
+<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
+</head>
+<body class="navigation-with-keyboard">
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/content/icons">Content</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/content/icons">Icons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/content/images">Images</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Content</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Images</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Images</h1><p>Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/QrSaauv.png" alt="Blazor Bootstrap: Image Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Alt</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the alternate text for the image.</td><td align="left">3.0.0</td></tr><tr><td align="left">Src</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the source of the image.</td><td align="left">3.0.0</td></tr><tr><td align="left">IsResponsive</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">Gets or sets a value indicating whether the image is responsive.</td><td align="left">3.0.0</td></tr><tr><td align="left">IsThumbnail</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Makes the image have a rounded 1px border appearance if set to true.</td><td align="left">3.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="images">Images<a href="#images" class="hash-link" aria-label="Direct link to Images" title="Direct link to Images">​</a></h3><p>By default images are responsive. The default value of the <strong>IsResponsive</strong> parameter is <strong>true</strong>.</p><img loading="lazy" src="https://i.imgur.com/QrSaauv.png" alt="Blazor Bootstrap: Image Component" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Image</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/images/placeholder.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Alt</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">placeholder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/images#example" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="image-thumbnails">Image thumbnails<a href="#image-thumbnails" class="hash-link" aria-label="Direct link to Image thumbnails" title="Direct link to Image thumbnails">​</a></h3><p>To set the image to have a rounded 1px border appearance, set the <strong>IsThumbnail</strong> parameter to <strong>true</strong>.</p><img loading="lazy" src="https://i.imgur.com/LKgmorK.png" alt="Blazor Bootstrap: Image Component - Image thumbnails" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Image</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/images/placeholder.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsThumbnail</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Alt</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">placeholder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/images#image-thumbnails" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="aligning-images">Aligning images<a href="#aligning-images" class="hash-link" aria-label="Direct link to Aligning images" title="Direct link to Aligning images">​</a></h3><img loading="lazy" src="https://i.imgur.com/sGdkb8c.png" alt="Blazor Bootstrap: Image Component - Aligning images" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Image</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/images/placeholder.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">rounded float-start</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Alt</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">placeholder1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Image</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/images/placeholder.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">rounded float-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Alt</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">placeholder2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><img loading="lazy" src="https://i.imgur.com/LBp2172.png" alt="Blazor Bootstrap: Image Component - Aligning images" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Image</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/images/placeholder.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">rounded mx-auto d-block</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Alt</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">placeholder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><img loading="lazy" src="https://i.imgur.com/7BPXWXs.png" alt="Blazor Bootstrap: Image Component - Aligning images" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Image</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/images/placeholder.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">rounded</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Alt</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">placeholder</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/images#aligning-images" target="_blank" rel="noopener noreferrer">See demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/03-content/images.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/content/icons"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Icons</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/forms/autocomplete"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Auto Complete</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#images" class="table-of-contents__link toc-highlight">Images</a></li><li><a href="#image-thumbnails" class="table-of-contents__link toc-highlight">Image thumbnails</a></li><li><a href="#aligning-images" class="table-of-contents__link toc-highlight">Aligning images</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/data-visualization/bar-chart.html b/data-visualization/bar-chart.html
index 6c3ac4fc9..95281b622 100644
--- a/data-visualization/bar-chart.html
+++ b/data-visualization/bar-chart.html
@@ -10,8 +10,8 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
@@ -19,7 +19,7 @@
 It is sometimes used to show trend data and to compare multiple data sets side by side.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/IX3bajc.png" alt="Blazor Chart Component - Blazor Bar Chart" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Height</td><td align="left"><code>int?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets chart container height.</td><td align="left">1.0.0</td></tr><tr><td align="left">HeightUnit</td><td align="left"><code>Unit</code></td><td align="left"><code>Unit.Px</code></td><td align="left"></td><td align="left">Gets or sets chart container height unit of measure.</td><td align="left">1.0.0</td></tr><tr><td align="left">Width</td><td align="left"><code>int?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets chart container width.</td><td align="left">1.0.0</td></tr><tr><td align="left">WidthUnit</td><td align="left"><code>Unit</code></td><td align="left"><code>Unit.Px</code></td><td align="left"></td><td align="left">Gets or sets chart container width unit of measure.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Return type</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">AddDataAsync(ChartData chartData, string dataLabel, IChartDatasetData data)</td><td align="left"><code>Task&lt;ChartData&gt;</code></td><td align="left">Adds data to chart.</td><td align="left">1.10.0</td></tr><tr><td align="left">AddDataAsync(ChartData chartData, string dataLabel, <code>List&lt;IChartDatasetData&gt;</code> data)</td><td align="left"><code>Task&lt;ChartData&gt;</code></td><td align="left">Adds dataset to chart.</td><td align="left">1.10.0</td></tr><tr><td align="left">AddDatasetAsync(ChartData chartData, IChartDataset chartDataset, IChartOptions chartOptions)</td><td align="left"><code>Task&lt;ChartData&gt;</code></td><td align="left">Adds dataset to chart.</td><td align="left">1.10.0</td></tr><tr><td align="left">InitializeAsync(ChartData chartData, IChartOptions chartOptions, <code>string[]?</code> plugins = null)</td><td align="left">Task</td><td align="left">Initialize the chat.</td><td align="left">1.0.0</td></tr><tr><td align="left">ResizeAsync(int width, int height, Unit widthUnit = Unit.Px, Unit heightUnit = Unit.Px)</td><td align="left">Task</td><td align="left">Resize the chart.</td><td align="left">1.0.0</td></tr><tr><td align="left">UpdateAsync(ChartData chartData, IChartOptions chartOptions)</td><td align="left">Task</td><td align="left">Update the chart.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="chartdata-members">ChartData Members<a href="#chartdata-members" class="hash-link" aria-label="Direct link to ChartData Members" title="Direct link to ChartData Members">​</a></h2><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Datasets</td><td align="left"><code>List&lt;IChartDataset&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the Datasets.</td><td align="left">1.0.0</td></tr><tr><td align="left">Labels</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the Labels.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="barchartdataset-members">BarChartDataset Members<a href="#barchartdataset-members" class="hash-link" aria-label="Direct link to BarChartDataset Members" title="Direct link to BarChartDataset Members">​</a></h2><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p><strong>BarChartDataset</strong> implements <strong>IChartDataset</strong>.</p></div></div><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">BackgroundColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the BackgroundColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">BarPercentage</td><td align="left">double</td><td align="left">0.8</td><td align="left"></td><td align="left">Percent (0-1) of the available width each bar should be within the category width. 1.0 will take the whole category width and put the bars right next to each other.</td><td align="left">1.0.0</td></tr><tr><td align="left">BorderColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the BorderColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">BorderRadius</td><td align="left">int</td><td align="left">0</td><td align="left"></td><td align="left">Border radius.</td><td align="left">1.0.0</td></tr><tr><td align="left">BorderWidth</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the BorderWidth.</td><td align="left">1.0.0</td></tr><tr><td align="left">CategoryPercentage</td><td align="left">double</td><td align="left">0.8</td><td align="left"></td><td align="left">Percent (0-1) of the available width each category should be within the sample width.</td><td align="left">1.0.0</td></tr><tr><td align="left">Clip</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0}</td><td align="left">1.0.0</td></tr><tr><td align="left">Datalabels</td><td align="left"><code>BarChartDatasetDataLabels</code></td><td align="left"></td><td align="left"></td><td align="left">Get or sets the data labels</td><td align="left"></td></tr><tr><td align="left">Data</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the Data.</td><td align="left">1.0.0</td></tr><tr><td align="left">Hidden</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.</td><td align="left">1.0.0</td></tr><tr><td align="left">HoverBackgroundColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the HoverBackgroundColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">HoverBorderColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the HoverBorderColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">HoverBorderWidth</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the HoverBorderWidth.</td><td align="left">1.0.0</td></tr><tr><td align="left">Label</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">The label for the dataset which appears in the legend and tooltips.</td><td align="left">1.0.0</td></tr><tr><td align="left">Type</td><td align="left">string</td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the chart type.</td><td align="left">1.0.0</td></tr><tr><td align="left">XAxisID</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">The ID of the x axis to plot this dataset on.</td><td align="left">1.0.0</td></tr><tr><td align="left">YAxisID</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">The ID of the y axis to plot this dataset on.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="barchartdatasetdatalabels-members">BarChartDatasetDataLabels Members<a href="#barchartdatasetdatalabels-members" class="hash-link" aria-label="Direct link to BarChartDatasetDataLabels Members" title="Direct link to BarChartDatasetDataLabels Members">​</a></h2><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Align</td><td align="left"><code>string?</code></td><td align="left"><code>center</code></td><td align="left"></td><td align="left">Gets or sets the align.</td><td align="left">1.10.2</td></tr><tr><td align="left">Anchor</td><td align="left"><code>string?</code></td><td align="left"><code>center</code></td><td align="left"></td><td align="left">Gets or sets the anchor.</td><td align="left">1.10.2</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="barchartoptions-members">BarChartOptions Members<a href="#barchartoptions-members" class="hash-link" aria-label="Direct link to BarChartOptions Members" title="Direct link to BarChartOptions Members">​</a></h2><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p><strong>BarChartOptions</strong> implements <strong>ChartOptions</strong>.</p></div></div><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">IndexAxis</td><td align="left">string</td><td align="left">x</td><td align="left"></td><td align="left">The base axis of the chart. &#x27;x&#x27; for vertical charts and &#x27;y&#x27; for horizontal charts.</td><td align="left">1.0.0</td></tr><tr><td align="left">Interaction</td><td align="left"><code>Interaction</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the Interaction.</td><td align="left">1.0.0</td></tr><tr><td align="left">Layout</td><td align="left"><code>ChartLayout</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the ChartLayout.</td><td align="left">1.0.0</td></tr><tr><td align="left">Locale</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on.</td><td align="left">1.10.0</td></tr><tr><td align="left">Plugins</td><td align="left"><code>BarChartPlugins</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the Plugins.</td><td align="left">1.10.2</td></tr><tr><td align="left">Responsive</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the Responsive.</td><td align="left">1.0.0</td></tr><tr><td align="left">Scales</td><td align="left"><code>Scales</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the Scales.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="prerequisites">Prerequisites<a href="#prerequisites" class="hash-link" aria-label="Direct link to Prerequisites" title="Direct link to Prerequisites">​</a></h3><p>Refer to the <a href="/getting-started/blazor-webassembly">getting started guide</a> for setting up charts.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="how-it-works">How it works<a href="#how-it-works" class="hash-link" aria-label="Direct link to How it works" title="Direct link to How it works">​</a></h3><p>In the following example, a categorical 12-color palette is used.</p><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>For data visualization, you can use the predefined palettes <code>ColorBuilder.CategoricalTwelveColors</code> for a 12-color palette and <code>ColorBuilder.CategoricalSixColors</code> for a 6-color palette.
 These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations.</p></div></div><img loading="lazy" src="https://i.imgur.com/uAWY4pV.png" alt="Blazor Bootstrap: Bar Chart Component - How it works" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BarChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">barChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">800</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await RandomizeAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Randomize </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await AddDatasetAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Add Dataset </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await AddDataAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Add Data</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await ShowHorizontalBarChartAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Horizontal Bar Chart</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await ShowVerticalBarChartAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Vertical Bar Chart</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">BarChart</span><span class="token plain"> barChart </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">BarChartOptions</span><span class="token plain"> barChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> datasetsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> labelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> months </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;January&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;February&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;March&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;April&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;May&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;June&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;July&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;August&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;September&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;October&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;November&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;December&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Random</span><span class="token plain"> random </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartOptions</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Responsive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Interaction </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Interaction</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Mode </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> InteractionMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Index </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> barChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">RandomizeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> newDatasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">foreach</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token plain"> barChartDataset</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> barChartDataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> barChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> count </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> barChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> newData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> i </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> i </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> i</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    newData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">200</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                barChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> newData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                newDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">barChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> newDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> barChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UpdateAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddDatasetAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">datasetsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> chartDataset </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomBarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> barChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddDatasetAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> chartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">labelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDatasetData</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">foreach</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token plain"> barChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartDatasetData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">barChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Label</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">200</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> barChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowHorizontalBarChartAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IndexAxis </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;y&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> barChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UpdateAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowVerticalBarChartAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IndexAxis </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;x&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> barChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UpdateAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token preprocessor property">#</span><span class="token preprocessor property directive keyword" style="color:rgb(86, 156, 214)">region</span><span class="token preprocessor property"> Data Preparation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> numberOfDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> numberOfDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomBarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomBarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> c </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">datasetsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasetsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Product </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">datasetsCount</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> c</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToRgbString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> c</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToRgbString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> labelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">200</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> numberOfLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> numberOfLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        labelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> months</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">labelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token preprocessor property">#</span><span class="token preprocessor property directive keyword" style="color:rgb(86, 156, 214)">endregion</span><span class="token preprocessor property"> Data Preparation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/charts/bar-chart#how-it-works" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="horizontal-bar-chart">Horizontal bar chart<a href="#horizontal-bar-chart" class="hash-link" aria-label="Direct link to Horizontal bar chart" title="Direct link to Horizontal bar chart">​</a></h3><img loading="lazy" src="https://i.imgur.com/MIMC8wz.png" alt="Blazor Bootstrap: Bar Chart Component - Horizontal bar chart" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BarChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">barChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Height</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">300</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">BarChart</span><span class="token plain"> barChart </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">BarChartOptions</span><span class="token plain"> barChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Chrome&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Firefox&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Safari&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Edge&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">55000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">15000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">18000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">21000</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> datasets </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Responsive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Interaction </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Interaction</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Mode </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> InteractionMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IndexAxis </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;y&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Visitors&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Browser&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Legend</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> barChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/charts/bar-chart#horizontal-bar-chart" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="stacked-bar-chart">Stacked bar chart<a href="#stacked-bar-chart" class="hash-link" aria-label="Direct link to Stacked bar chart" title="Direct link to Stacked bar chart">​</a></h3><img loading="lazy" src="https://i.imgur.com/jMIvDFZ.png" alt="Blazor Bootstrap: Bar Chart Component - Stacked bar chart" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BarChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">barChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Height</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">300</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">BarChart</span><span class="token plain"> barChart </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">BarChartOptions</span><span class="token plain"> barChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> colors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Chrome&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Firefox&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Safari&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Edge&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Windows&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">28000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17000</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;macOS&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">14000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Other&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">28000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">14000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> datasets</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Responsive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Interaction </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Interaction</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Mode </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> InteractionMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IndexAxis </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;y&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Visitors&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Browser&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Stacked </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Stacked </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Operating system&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> barChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/charts/bar-chart#stacked-bar-chart" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="locale">Locale<a href="#locale" class="hash-link" aria-label="Direct link to Locale" title="Direct link to Locale">​</a></h3><p>By default, the chart is using the default locale of the platform on which it is running.
 In the following example, you will see the chart in the <strong>German</strong> locale (<strong>de_DE</strong>).</p><img loading="lazy" src="https://i.imgur.com/3qndkPO.png" alt="Blazor Bootstrap: Bar Chart Component - Locale" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BarChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">barChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Height</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">300</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">BarChart</span><span class="token plain"> barChart </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">BarChartOptions</span><span class="token plain"> barChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> colors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Chrome&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Firefox&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Safari&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Edge&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Windows&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">28000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17000</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;macOS&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">14000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Other&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">28000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">14000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> datasets</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Locale </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;de-DE&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Responsive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Interaction </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Interaction</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Mode </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> InteractionMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IndexAxis </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;y&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Visitors&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Browser&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Stacked </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Stacked </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Operating system&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> barChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/charts/bar-chart#locale" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="data-labels">Data labels<a href="#data-labels" class="hash-link" aria-label="Direct link to Data labels" title="Direct link to Data labels">​</a></h3><img loading="lazy" src="https://i.imgur.com/em6943w.png" alt="Blazor Bootstrap: Bar Chart Component - Data labels" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">BarChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">barChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Height</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">300</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">BarChart</span><span class="token plain"> barChart </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">BarChartOptions</span><span class="token plain"> barChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> colors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Chrome&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Firefox&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Safari&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Edge&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Windows&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">28000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">17000</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;macOS&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">14000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">BarChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Other&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">28000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">14000</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8000</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> datasets</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Responsive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Interaction </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Interaction</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Mode </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> InteractionMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IndexAxis </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;y&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Visitors&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Browser&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Stacked </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Stacked </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Operating system&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// pass the plugin name to enable the data labels</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> barChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">chartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> barChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;ChartDataLabels&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/charts/bar-chart#data-labels" target="_blank" rel="noopener noreferrer">See the demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/06-data-visualization/bar-chart.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/components/tooltips"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Tooltips</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/data-visualization/doughnut-chart"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Doughnut Chart</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#chartdata-members" class="table-of-contents__link toc-highlight">ChartData Members</a></li><li><a href="#barchartdataset-members" class="table-of-contents__link toc-highlight">BarChartDataset Members</a></li><li><a href="#barchartdatasetdatalabels-members" class="table-of-contents__link toc-highlight">BarChartDatasetDataLabels Members</a></li><li><a href="#barchartoptions-members" class="table-of-contents__link toc-highlight">BarChartOptions Members</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#prerequisites" class="table-of-contents__link toc-highlight">Prerequisites</a></li><li><a href="#how-it-works" class="table-of-contents__link toc-highlight">How it works</a></li><li><a href="#horizontal-bar-chart" class="table-of-contents__link toc-highlight">Horizontal bar chart</a></li><li><a href="#stacked-bar-chart" class="table-of-contents__link toc-highlight">Stacked bar chart</a></li><li><a href="#locale" class="table-of-contents__link toc-highlight">Locale</a></li><li><a href="#data-labels" class="table-of-contents__link toc-highlight">Data labels</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/data-visualization/doughnut-chart.html b/data-visualization/doughnut-chart.html
index ea2f2e539..7b1134b7a 100644
--- a/data-visualization/doughnut-chart.html
+++ b/data-visualization/doughnut-chart.html
@@ -10,8 +10,8 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
@@ -19,7 +19,7 @@
 It is similar to a pie chart, but the center of the donut chart is hollow. This makes it easier to see the individual values of each category.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="Blazor Chart Component - Blazor Doughnut Chart" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Height</td><td align="left"><code>int?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets chart container height.</td><td align="left">1.0.0</td></tr><tr><td align="left">HeightUnit</td><td align="left"><code>Unit</code></td><td align="left"><code>Unit.Px</code></td><td align="left"></td><td align="left">Gets or sets chart container height unit of measure.</td><td align="left">1.0.0</td></tr><tr><td align="left">Width</td><td align="left"><code>int?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets chart container width.</td><td align="left">1.0.0</td></tr><tr><td align="left">WidthUnit</td><td align="left"><code>Unit</code></td><td align="left"><code>Unit.Px</code></td><td align="left"></td><td align="left">Gets or sets chart container width unit of measure.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Return type</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">AddDataAsync(ChartData chartData, string dataLabel, IChartDatasetData data)</td><td align="left"><code>Task&lt;ChartData&gt;</code></td><td align="left">Adds data to chart.</td><td align="left">1.10.0</td></tr><tr><td align="left">AddDataAsync(ChartData chartData, string dataLabel, <code>List&lt;IChartDatasetData&gt;</code> data)</td><td align="left"><code>Task&lt;ChartData&gt;</code></td><td align="left">Adds dataset to chart.</td><td align="left">1.10.0</td></tr><tr><td align="left">AddDatasetAsync(ChartData chartData, IChartDataset chartDataset, IChartOptions chartOptions)</td><td align="left"><code>Task&lt;ChartData&gt;</code></td><td align="left">Adds dataset to chart.</td><td align="left">1.10.0</td></tr><tr><td align="left">InitializeAsync(ChartData chartData, IChartOptions chartOptions, <code>string[]?</code> plugins = null)</td><td align="left">Task</td><td align="left">Initialize the chat.</td><td align="left">1.0.0</td></tr><tr><td align="left">ResizeAsync(int width, int height, Unit widthUnit = Unit.Px, Unit heightUnit = Unit.Px)</td><td align="left">Task</td><td align="left">Resize the chart.</td><td align="left">1.0.0</td></tr><tr><td align="left">UpdateAsync(ChartData chartData, IChartOptions chartOptions)</td><td align="left">Task</td><td align="left">Update the chart.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="chartdata-members">ChartData Members<a href="#chartdata-members" class="hash-link" aria-label="Direct link to ChartData Members" title="Direct link to ChartData Members">​</a></h2><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Datasets</td><td align="left"><code>List&lt;IChartDataset&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the Datasets.</td><td align="left">1.0.0</td></tr><tr><td align="left">Labels</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the Labels.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="doughnutchartdataset-members">DoughnutChartDataset Members<a href="#doughnutchartdataset-members" class="hash-link" aria-label="Direct link to DoughnutChartDataset Members" title="Direct link to DoughnutChartDataset Members">​</a></h2><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p><strong>DoughnutChartDataset</strong> implements <strong>IChartDataset</strong>.</p></div></div><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">BackgroundColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the BackgroundColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">BorderColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the BorderColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">BorderWidth</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the BorderWidth.</td><td align="left">1.0.0</td></tr><tr><td align="left">Clip</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0}</td><td align="left">1.0.0</td></tr><tr><td align="left">Data</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the Data.</td><td align="left">1.0.0</td></tr><tr><td align="left">Datalabels</td><td align="left"><code>DoughnutChartDatasetDataLabels</code></td><td align="left"></td><td align="left"></td><td align="left">Get or sets the data labels</td><td align="left"></td></tr><tr><td align="left">Hidden</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.</td><td align="left">1.0.0</td></tr><tr><td align="left">HoverBackgroundColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the HoverBackgroundColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">HoverBorderColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the HoverBorderColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">HoverBorderWidth</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the HoverBorderWidth.</td><td align="left">1.0.0</td></tr><tr><td align="left">Label</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">The label for the dataset which appears in the legend and tooltips.</td><td align="left">1.0.0</td></tr><tr><td align="left">Type</td><td align="left">string</td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the chart type.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="doughnutchartdatasetdatalabels-members">DoughnutChartDatasetDataLabels Members<a href="#doughnutchartdatasetdatalabels-members" class="hash-link" aria-label="Direct link to DoughnutChartDatasetDataLabels Members" title="Direct link to DoughnutChartDatasetDataLabels Members">​</a></h2><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Anchor</td><td align="left"><code>string?</code></td><td align="left"><code>center</code></td><td align="left"></td><td align="left">Gets or sets the anchor.</td><td align="left">1.10.2</td></tr><tr><td align="left">BorderWidth</td><td align="left"><code>double?</code></td><td align="left"><code>2</code></td><td align="left"></td><td align="left">Gets or sets the border width.</td><td align="left">1.10.2</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="doughnutchartoptions-members">DoughnutChartOptions Members<a href="#doughnutchartoptions-members" class="hash-link" aria-label="Direct link to DoughnutChartOptions Members" title="Direct link to DoughnutChartOptions Members">​</a></h2><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p><strong>DoughnutChartOptions</strong> implements <strong>ChartOptions</strong>.</p></div></div><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Locale</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on.</td><td align="left">1.10.0</td></tr><tr><td align="left">Plugins</td><td align="left"><code>DoughnutChartPlugins</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the Plugins.</td><td align="left">1.10.2</td></tr><tr><td align="left">Responsive</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the Responsive.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="prerequisites">Prerequisites<a href="#prerequisites" class="hash-link" aria-label="Direct link to Prerequisites" title="Direct link to Prerequisites">​</a></h3><p>Refer to the <a href="/getting-started/blazor-webassembly">getting started guide</a> for setting up charts.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="how-it-works">How it works<a href="#how-it-works" class="hash-link" aria-label="Direct link to How it works" title="Direct link to How it works">​</a></h3><p>In the following example, a categorical 12-color palette is used.</p><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>For data visualization, you can use the predefined palettes <code>ColorBuilder.CategoricalTwelveColors</code> for a 12-color palette and <code>ColorBuilder.CategoricalSixColors</code> for a 6-color palette.
 These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations.</p></div></div><img loading="lazy" src="https://i.imgur.com/Q1bBWPQ.png" alt="Blazor Bootstrap: Doughnut Chart Component - How it works" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DoughnutChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">doughnutChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">500</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await RandomizeAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Randomize </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await AddDatasetAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Add Dataset </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await AddDataAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Add Data</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DoughnutChart</span><span class="token plain"> doughnutChart </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DoughnutChartOptions</span><span class="token plain"> doughnutChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> backgroundColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> datasetsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Random</span><span class="token plain"> random </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        backgroundColors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        doughnutChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        doughnutChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Responsive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        doughnutChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2022 - Sales&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        doughnutChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> doughnutChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> doughnutChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">RandomizeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> newDatasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">foreach</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DoughnutChartDataset</span><span class="token plain"> doughnutChartDataset</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> doughnutChartDataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> doughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> count </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> doughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> newData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> i </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> i </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> i</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    newData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">100</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                doughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> newData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                newDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">doughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> newDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> doughnutChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UpdateAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> doughnutChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddDatasetAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> chartDataset </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomDoughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> doughnutChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddDatasetAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> chartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> doughnutChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDatasetData</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">foreach</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DoughnutChartDataset</span><span class="token plain"> doughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DoughnutChartDatasetData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">doughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Label</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">100</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> backgroundColors</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> doughnutChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token preprocessor property">#</span><span class="token preprocessor property directive keyword" style="color:rgb(86, 156, 214)">region</span><span class="token preprocessor property"> Data Preparation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> numberOfDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> numberOfDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomDoughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">DoughnutChartDataset</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomDoughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasetsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Team </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">datasetsCount</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomBackgroundColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">100</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomBackgroundColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> colors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">backgroundColors</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">index</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> numberOfLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> numberOfLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Product </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">dataLabelsCount </span><span class="token interpolation-string interpolation expression language-csharp operator" style="color:rgb(212, 212, 212)">+</span><span class="token interpolation-string interpolation expression language-csharp"> </span><span class="token interpolation-string interpolation expression language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataBackgrounfColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> backgroundColors</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token preprocessor property">#</span><span class="token preprocessor property directive keyword" style="color:rgb(86, 156, 214)">endregion</span><span class="token preprocessor property">  Data Preparation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/charts/doughnut-chart#how-it-works" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="locale">Locale<a href="#locale" class="hash-link" aria-label="Direct link to Locale" title="Direct link to Locale">​</a></h3><p>By default, the chart is using the default locale of the platform on which it is running.
 In the following example, you will see the chart in the <strong>German</strong> locale (<strong>de_DE</strong>).</p><img loading="lazy" src="https://i.imgur.com/3qndkPO.png" alt="Blazor Bootstrap: Doughnut Chart Component - Locale" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Extensions</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Color </span><span class="token directive csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token directive csharp language-csharp"> System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Drawing</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Color</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">LineChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">lineChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">800</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">LineChart</span><span class="token plain"> lineChart </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">LineChartOptions</span><span class="token plain"> lineChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> colors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;January&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;February&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;March&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;April&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;May&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;June&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;July&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;August&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;September&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;October&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;November&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;December&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">LineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Windows&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7265791</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5899643</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6317759</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6315641</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5338211</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8496306</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7568556</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8538933</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8274297</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8657298</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7548388</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7764845</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                HoverBorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointBackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// hide points</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointHoverRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">LineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;macOS&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1809499</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1816642</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2122410</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1809499</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1850793</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1846743</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1954797</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2391313</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1983430</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2469918</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2633303</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2821149</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                HoverBorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointBackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// hide points</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointHoverRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">LineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Other&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1081241</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1100363</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1118136</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1073255</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1120315</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1395736</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1488788</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1489466</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1489947</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1414739</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1735811</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1820171</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                HoverBorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointBackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// hide points</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointHoverRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> datasets</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Locale </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;de-DE&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Responsive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Interaction </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Interaction</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Mode </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> InteractionMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Index </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2019&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Visitors&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Operating system&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> lineChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/charts/doughnut-chart#locale" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="data-labels">Data labels<a href="#data-labels" class="hash-link" aria-label="Direct link to Data labels" title="Direct link to Data labels">​</a></h3><img loading="lazy" src="https://i.imgur.com/xEPhAsW.png" alt="Blazor Bootstrap: Doughnut Chart Component - Data labels" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DoughnutChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">doughnutChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">500</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await RandomizeAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Randomize </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await AddDataAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Add Data</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DoughnutChart</span><span class="token plain"> doughnutChart </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DoughnutChartOptions</span><span class="token plain"> doughnutChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> backgroundColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> datasetsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Random</span><span class="token plain"> random </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        backgroundColors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        doughnutChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        doughnutChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Responsive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        doughnutChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2022 - Sales&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        doughnutChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// pass the plugin name to enable the data labels</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> doughnutChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">chartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> doughnutChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;ChartDataLabels&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">RandomizeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> newDatasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasetIndex </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">foreach</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DoughnutChartDataset</span><span class="token plain"> doughnutChartDataset</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> doughnutChartDataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> doughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> count </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> doughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> newData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> i </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> i </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> i</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    newData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">100</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                doughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> newData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                newDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">doughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> newDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> doughnutChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UpdateAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">chartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> doughnutChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDatasetData</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">foreach</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DoughnutChartDataset</span><span class="token plain"> doughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">DoughnutChartDatasetData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">doughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Label</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">100</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> backgroundColors</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> doughnutChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token preprocessor property">#</span><span class="token preprocessor property directive keyword" style="color:rgb(86, 156, 214)">region</span><span class="token preprocessor property"> Data Preparation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> numberOfDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> numberOfDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomDoughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">index </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                dataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Anchor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;end&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">index </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> numberOfDatasets </span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                dataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Anchor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;start&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                dataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Anchor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;center&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">DoughnutChartDataset</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomDoughnutChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasetsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Team </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">datasetsCount</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomBackgroundColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">100</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomBackgroundColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> colors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">backgroundColors</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">index</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> numberOfLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> numberOfLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Product </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">dataLabelsCount </span><span class="token interpolation-string interpolation expression language-csharp operator" style="color:rgb(212, 212, 212)">+</span><span class="token interpolation-string interpolation expression language-csharp"> </span><span class="token interpolation-string interpolation expression language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataBackgrounfColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> backgroundColors</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token preprocessor property">#</span><span class="token preprocessor property directive keyword" style="color:rgb(86, 156, 214)">endregion</span><span class="token preprocessor property">  Data Preparation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/charts/doughnut-chart#data-labels" target="_blank" rel="noopener noreferrer">See the demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/06-data-visualization/doughnut-chart.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/data-visualization/bar-chart"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Bar Chart</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/data-visualization/line-chart"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Line Chart</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#chartdata-members" class="table-of-contents__link toc-highlight">ChartData Members</a></li><li><a href="#doughnutchartdataset-members" class="table-of-contents__link toc-highlight">DoughnutChartDataset Members</a></li><li><a href="#doughnutchartdatasetdatalabels-members" class="table-of-contents__link toc-highlight">DoughnutChartDatasetDataLabels Members</a></li><li><a href="#doughnutchartoptions-members" class="table-of-contents__link toc-highlight">DoughnutChartOptions Members</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#prerequisites" class="table-of-contents__link toc-highlight">Prerequisites</a></li><li><a href="#how-it-works" class="table-of-contents__link toc-highlight">How it works</a></li><li><a href="#locale" class="table-of-contents__link toc-highlight">Locale</a></li><li><a href="#data-labels" class="table-of-contents__link toc-highlight">Data labels</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/data-visualization/line-chart.html b/data-visualization/line-chart.html
index a5617cb1d..f0d74abfb 100644
--- a/data-visualization/line-chart.html
+++ b/data-visualization/line-chart.html
@@ -10,14 +10,14 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/data-visualization/bar-chart">Data Visualization</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/data-visualization/bar-chart">Bar Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/data-visualization/doughnut-chart">Doughnut Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/data-visualization/line-chart">Line Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/data-visualization/pie-chart">Pie Chart</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Data Visualization</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Line Chart</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Line Chart</h1><p>A Blazor Bootstrap line chart component is a graphical representation of data that uses a series of connected points to show how the data changes over time. It is a type of x-y chart, where the x-axis represents the independent variable, such as time, and the y-axis represents the dependent variable, such as the value.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/8b7jH0D.png" alt="Blazor Chart Component - Blazor Line Chart" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Height</td><td align="left"><code>int?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets chart container height.</td><td align="left">1.0.0</td></tr><tr><td align="left">HeightUnit</td><td align="left"><code>Unit</code></td><td align="left"><code>Unit.Px</code></td><td align="left"></td><td align="left">Gets or sets chart container height unit of measure.</td><td align="left">1.0.0</td></tr><tr><td align="left">Width</td><td align="left"><code>int?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets chart container width.</td><td align="left">1.0.0</td></tr><tr><td align="left">WidthUnit</td><td align="left"><code>Unit</code></td><td align="left"><code>Unit.Px</code></td><td align="left"></td><td align="left">Gets or sets chart container width unit of measure.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Return type</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">AddDataAsync(ChartData chartData, string dataLabel, IChartDatasetData data)</td><td align="left"><code>Task&lt;ChartData&gt;</code></td><td align="left">Adds data to chart.</td><td align="left">1.10.0</td></tr><tr><td align="left">AddDataAsync(ChartData chartData, string dataLabel, <code>List&lt;IChartDatasetData&gt;</code> data)</td><td align="left"><code>Task&lt;ChartData&gt;</code></td><td align="left">Adds dataset to chart.</td><td align="left">1.10.0</td></tr><tr><td align="left">AddDatasetAsync(ChartData chartData, IChartDataset chartDataset, IChartOptions chartOptions)</td><td align="left"><code>Task&lt;ChartData&gt;</code></td><td align="left">Adds dataset to chart.</td><td align="left">1.10.0</td></tr><tr><td align="left">InitializeAsync(ChartData chartData, IChartOptions chartOptions, <code>string[]?</code> plugins = null)</td><td align="left">Task</td><td align="left">Initialize the chat.</td><td align="left">1.0.0</td></tr><tr><td align="left">ResizeAsync(int width, int height, Unit widthUnit = Unit.Px, Unit heightUnit = Unit.Px)</td><td align="left">Task</td><td align="left">Resize the chart.</td><td align="left">1.0.0</td></tr><tr><td align="left">UpdateAsync(ChartData chartData, IChartOptions chartOptions)</td><td align="left">Task</td><td align="left">Update the chart.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="chartdata-members">ChartData Members<a href="#chartdata-members" class="hash-link" aria-label="Direct link to ChartData Members" title="Direct link to ChartData Members">​</a></h2><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Labels</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the Labels.</td><td align="left">1.0.0</td></tr><tr><td align="left">Datasets</td><td align="left"><code>List&lt;IChartDataset&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the Datasets.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="linechartdataset-members">LineChartDataset Members<a href="#linechartdataset-members" class="hash-link" aria-label="Direct link to LineChartDataset Members" title="Direct link to LineChartDataset Members">​</a></h2><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p><strong>LineChartDataset</strong> implements <strong>IChartDataset</strong>.</p></div></div><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">BackgroundColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the BackgroundColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">BorderColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the BorderColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">BorderDash</td><td align="left"><code>List&lt;int&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Line dash.</td><td align="left">1.0.0</td></tr><tr><td align="left">BorderDashOffset</td><td align="left">double</td><td align="left">0.0</td><td align="left"></td><td align="left">Line dash offset.</td><td align="left">1.0.0</td></tr><tr><td align="left">BorderWidth</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the BorderWidth.</td><td align="left">1.0.0</td></tr><tr><td align="left">Clip</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0}</td><td align="left">1.0.0</td></tr><tr><td align="left">Data</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the Data.</td><td align="left">1.0.0</td></tr><tr><td align="left">Datalabels</td><td align="left"><code>LineChartDatasetDataLabels</code></td><td align="left"></td><td align="left"></td><td align="left">Get or sets the data labels</td><td align="left"></td></tr><tr><td align="left">Fill</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end.</td><td align="left">1.0.0</td></tr><tr><td align="left">Hidden</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.</td><td align="left">1.0.0</td></tr><tr><td align="left">HoverBackgroundColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the HoverBackgroundColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">HoverBorderColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the HoverBorderColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">HoverBorderDash</td><td align="left"><code>List&lt;int&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Hover line dash.</td><td align="left">1.0.0</td></tr><tr><td align="left">HoverBorderWidth</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the HoverBorderWidth.</td><td align="left">1.0.0</td></tr><tr><td align="left">Label</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">The label for the dataset which appears in the legend and tooltips.</td><td align="left">1.0.0</td></tr><tr><td align="left">PointBackgroundColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left"><code>new List&lt;string&gt; { &quot;rgba(0, 0, 0, 0.1)&quot; }</code></td><td align="left"></td><td align="left">The fill color for points.</td><td align="left">1.0.0</td></tr><tr><td align="left">PointBorderColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left"><code>new List&lt;string&gt; { &quot;rgba(0, 0, 0, 0.1)&quot; }</code></td><td align="left"></td><td align="left">The border color for points.</td><td align="left">1.0.0</td></tr><tr><td align="left">PointBorderWidth</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left"><code>new List&lt;double&gt; { 1 }</code></td><td align="left"></td><td align="left">The width of the point border in pixels.</td><td align="left">1.0.0</td></tr><tr><td align="left">PointHitRadius</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left"><code>new List&lt;double&gt; { 1 }</code></td><td align="left"></td><td align="left">The pixel size of the non-displayed point that reacts to mouse events.</td><td align="left">1.0.0</td></tr><tr><td align="left">PointHoverBackgroundColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Point background color when hovered.</td><td align="left">1.0.0</td></tr><tr><td align="left">PointHoverBorderColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Point border color when hovered.</td><td align="left">1.0.0</td></tr><tr><td align="left">PointHoverBorderWidth</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left"><code>new List&lt;double&gt; { 1 }</code></td><td align="left"></td><td align="left">Border width of point when hovered.</td><td align="left">1.0.0</td></tr><tr><td align="left">PointHoverRadius</td><td align="left"><code>new List&lt;int&gt;</code></td><td align="left"><code>new List&lt;int&gt; { 1 }</code></td><td align="left"></td><td align="left">The radius of the point when hovered.</td><td align="left">1.0.0</td></tr><tr><td align="left">PointRadius</td><td align="left"><code>List&lt;int&gt;</code></td><td align="left"><code>new List&lt;int&gt; { 1 }</code></td><td align="left"></td><td align="left">The radius of the point shape. If set to 0, the point is not rendered.</td><td align="left">1.0.0</td></tr><tr><td align="left">PointRotation</td><td align="left"><code>List&lt;int&gt;</code></td><td align="left"><code>new List&lt;int&gt; { 0 }</code></td><td align="left"></td><td align="left">The rotation of the point in degrees.</td><td align="left">1.0.0</td></tr><tr><td align="left">PointStyle</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left"><code>new List&lt;string&gt; { &quot;circle&quot; }</code></td><td align="left"></td><td align="left">Style of the point. Use &#x27;circle&#x27;, &#x27;cross&#x27;, &#x27;crossRot&#x27;, &#x27;dash&#x27;, &#x27;line&#x27;, &#x27;rect&#x27;, &#x27;rectRounded&#x27;, &#x27;rectRot&#x27;, &#x27;star&#x27;, and &#x27;triangle&#x27; to style the point.</td><td align="left">1.0.0</td></tr><tr><td align="left">ShowLine</td><td align="left">bool</td><td align="left">true</td><td align="left"></td><td align="left">If false, the lines between points are not drawn.</td><td align="left">1.0.0</td></tr><tr><td align="left">SpanGaps</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">If true, lines will be drawn between points with no or null data. If false, points with null data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.</td><td align="left">1.0.0</td></tr><tr><td align="left">Stepped</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">true to show the line as a stepped line (tension will be ignored).</td><td align="left">1.0.0</td></tr><tr><td align="left">Tension</td><td align="left">double</td><td align="left">0.2</td><td align="left"></td><td align="left">Bezier curve tension of the line. Set to 0 to draw straightlines. This option is ignored if monotone cubic interpolation is used.</td><td align="left">1.0.0</td></tr><tr><td align="left">Type</td><td align="left">string</td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the chart type.</td><td align="left">1.0.0</td></tr><tr><td align="left">XAxisID</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">The ID of the x axis to plot this dataset on.</td><td align="left">1.0.0</td></tr><tr><td align="left">YAxisID</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">The ID of the y axis to plot this dataset on.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="linechartdatasetdatalabels-members">LineChartDatasetDataLabels Members<a href="#linechartdatasetdatalabels-members" class="hash-link" aria-label="Direct link to LineChartDatasetDataLabels Members" title="Direct link to LineChartDatasetDataLabels Members">​</a></h2><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Align</td><td align="left"><code>string?</code></td><td align="left"><code>start</code></td><td align="left"></td><td align="left">Gets or sets the align.</td><td align="left">1.10.2</td></tr><tr><td align="left">Anchor</td><td align="left"><code>string?</code></td><td align="left"><code>start</code></td><td align="left"></td><td align="left">Gets or sets the anchor.</td><td align="left">1.10.2</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="linechartoptions-members">LineChartOptions Members<a href="#linechartoptions-members" class="hash-link" aria-label="Direct link to LineChartOptions Members" title="Direct link to LineChartOptions Members">​</a></h2><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p><strong>LineChartOptions</strong> implements <strong>ChartOptions</strong>.</p></div></div><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">IndexAxis</td><td align="left">string</td><td align="left">x</td><td align="left"></td><td align="left">The base axis of the chart. &#x27;x&#x27; for vertical charts and &#x27;y&#x27; for horizontal charts.</td><td align="left">1.0.0</td></tr><tr><td align="left">Interaction</td><td align="left">Interaction</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the Interaction.</td><td align="left">1.0.0</td></tr><tr><td align="left">Layout</td><td align="left">ChartLayout</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the ChartLayout.</td><td align="left">1.0.0</td></tr><tr><td align="left">Locale</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on.</td><td align="left">1.10.0</td></tr><tr><td align="left">Plugins</td><td align="left"><code>LineChartPlugins</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the Plugins.</td><td align="left">1.10.2</td></tr><tr><td align="left">Responsive</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the Responsive.</td><td align="left">1.0.0</td></tr><tr><td align="left">Scales</td><td align="left">Scales</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the Scales.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="prerequisites">Prerequisites<a href="#prerequisites" class="hash-link" aria-label="Direct link to Prerequisites" title="Direct link to Prerequisites">​</a></h3><p>Refer to the <a href="/getting-started/blazor-webassembly">getting started guide</a> for setting up charts.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="how-it-works">How it works<a href="#how-it-works" class="hash-link" aria-label="Direct link to How it works" title="Direct link to How it works">​</a></h3><p>In the following example, a categorical 12-color palette is used.</p><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>For data visualization, you can use the predefined palettes <code>ColorBuilder.CategoricalTwelveColors</code> for a 12-color palette and <code>ColorBuilder.CategoricalSixColors</code> for a 6-color palette.
 These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations.</p></div></div><img loading="lazy" src="https://i.imgur.com/MMWdiyi.png" alt="Blazor Bootstrap: Line Chart Component - How it works" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Extensions</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Color </span><span class="token directive csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token directive csharp language-csharp"> System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Drawing</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Color</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">LineChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">lineChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">800</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await RandomizeAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Randomize </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await AddDatasetAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Add Dataset </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await AddDataAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Add Data </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await ShowHorizontalLineChartAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Horizontal Line Chart </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await ShowVerticalLineChartAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Vertical Line Chart </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">LineChart</span><span class="token plain"> lineChart </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">LineChartOptions</span><span class="token plain"> lineChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> datasetsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> labelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Random</span><span class="token plain"> random </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Responsive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Interaction </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Interaction</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Mode </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> InteractionMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Index </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> lineChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">RandomizeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> newDatasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">foreach</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">LineChartDataset</span><span class="token plain"> lineChartDataset</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> lineChartDataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> lineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> count </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> lineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> newData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> i </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> i </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> i</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    newData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">200</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                lineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> newData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                newDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">lineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> newDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> lineChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UpdateAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddDatasetAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> chartDataset </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomLineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> lineChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddDatasetAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> chartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDatasetData</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">foreach</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">LineChartDataset</span><span class="token plain"> lineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">LineChartDatasetData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">lineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Label</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">200</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> lineChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowHorizontalLineChartAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IndexAxis </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;y&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> lineChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UpdateAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowVerticalLineChartAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">IndexAxis </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;x&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> lineChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UpdateAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token preprocessor property">#</span><span class="token preprocessor property directive keyword" style="color:rgb(86, 156, 214)">region</span><span class="token preprocessor property"> Data Preparation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> numberOfDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> numberOfDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomLineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">LineChartDataset</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomLineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> c </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token plain">datasetsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasetsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">LineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Team </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">datasetsCount</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> c</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToRgbString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> c</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToRgbString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                HoverBorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointBackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> c</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ToRgbString</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// hide points</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointHoverRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> labelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">200</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> numberOfLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> numberOfLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        labelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Day </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">labelsCount</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token preprocessor property">#</span><span class="token preprocessor property directive keyword" style="color:rgb(86, 156, 214)">endregion</span><span class="token preprocessor property"> Data Preparation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="another-example">Another example<a href="#another-example" class="hash-link" aria-label="Direct link to Another example" title="Direct link to Another example">​</a></h3><img loading="lazy" src="https://i.imgur.com/qetH0UX.png" alt="Blazor Bootstrap: Line Chart Component - Another example" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Extensions</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Color </span><span class="token directive csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token directive csharp language-csharp"> System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Drawing</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Color</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">LineChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">lineChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">800</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">LineChart</span><span class="token plain"> lineChart </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">LineChartOptions</span><span class="token plain"> lineChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> colors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;January&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;February&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;March&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;April&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;May&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;June&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;July&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;August&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;September&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;October&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;November&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;December&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">LineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Windows&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7265791</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5899643</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6317759</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6315641</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5338211</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8496306</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7568556</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8538933</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8274297</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8657298</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7548388</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7764845</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                HoverBorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointBackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// hide points</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointHoverRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">LineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;macOS&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1809499</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1816642</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2122410</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1809499</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1850793</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1846743</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1954797</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2391313</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1983430</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2469918</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2633303</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2821149</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                HoverBorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointBackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// hide points</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointHoverRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">LineChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Other&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1081241</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1100363</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1118136</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1073255</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1120315</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1395736</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1488788</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1489466</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1489947</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1414739</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1735811</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1820171</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                HoverBorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointBackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// hide points</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointHoverRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> datasets</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Responsive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Interaction </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Interaction</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Mode </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> InteractionMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Index </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2019&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Visitors&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Operating system&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> lineChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/charts/line-chart#how-it-works" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="data-labels">Data labels<a href="#data-labels" class="hash-link" aria-label="Direct link to Data labels" title="Direct link to Data labels">​</a></h3><img loading="lazy" src="https://i.imgur.com/8b7jH0D.png" alt="Blazor Bootstrap: Line Chart Component - Data labels" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">LineChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">lineChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">800</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">LineChart</span><span class="token plain"> lineChart </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">LineChartOptions</span><span class="token plain"> lineChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> colors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;January&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;February&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;March&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;April&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;May&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;June&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;July&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;August&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;September&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;October&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;November&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;December&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">LineChartDataset</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Windows&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7265791</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5899643</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6317759</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">6315641</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">5338211</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8496306</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7568556</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8538933</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8274297</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">8657298</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7548388</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">7764845</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                HoverBorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointBackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// show points</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointHoverRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token comment" style="color:rgb(106, 153, 85)">// datalabels</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Datalabels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Align </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;end&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Anchor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;end&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">LineChartDataset</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;macOS&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1809499</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1816642</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2122410</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1809499</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1850793</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1846743</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1954797</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2391313</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1983430</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2469918</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2633303</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2821149</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                HoverBorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointBackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// show points</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointHoverRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token comment" style="color:rgb(106, 153, 85)">// datalabels</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Datalabels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Align </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;end&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Anchor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;end&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">LineChartDataset</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Other&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1081241</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1100363</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1118136</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1073255</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1120315</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1395736</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1488788</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1489466</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1489947</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1414739</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1735811</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1820171</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                BorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                HoverBorderWidth </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointBackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// show points</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                PointHoverRadius </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token comment" style="color:rgb(106, 153, 85)">// datalabels</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Datalabels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Align </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;start&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Anchor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;start&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> datasets</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Responsive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Interaction </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Interaction</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Mode </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> InteractionMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Index </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2019&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">X</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Visitors&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Scales</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Y</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Operating system&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// datalabels</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Color </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;white&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// pass the plugin name to enable the data labels</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> lineChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">chartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> lineChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;ChartDataLabels&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/charts/line-chart#data-labels" target="_blank" rel="noopener noreferrer">See the demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/06-data-visualization/line-chart.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/data-visualization/doughnut-chart"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Doughnut Chart</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/data-visualization/pie-chart"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Pie Chart</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#chartdata-members" class="table-of-contents__link toc-highlight">ChartData Members</a></li><li><a href="#linechartdataset-members" class="table-of-contents__link toc-highlight">LineChartDataset Members</a></li><li><a href="#linechartdatasetdatalabels-members" class="table-of-contents__link toc-highlight">LineChartDatasetDataLabels Members</a></li><li><a href="#linechartoptions-members" class="table-of-contents__link toc-highlight">LineChartOptions Members</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#prerequisites" class="table-of-contents__link toc-highlight">Prerequisites</a></li><li><a href="#how-it-works" class="table-of-contents__link toc-highlight">How it works</a></li><li><a href="#another-example" class="table-of-contents__link toc-highlight">Another example</a></li><li><a href="#data-labels" class="table-of-contents__link toc-highlight">Data labels</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/data-visualization/pie-chart.html b/data-visualization/pie-chart.html
index 1104a83ec..d0b1600e4 100644
--- a/data-visualization/pie-chart.html
+++ b/data-visualization/pie-chart.html
@@ -10,14 +10,14 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/data-visualization/bar-chart">Data Visualization</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/data-visualization/bar-chart">Bar Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/data-visualization/doughnut-chart">Doughnut Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/data-visualization/line-chart">Line Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/data-visualization/pie-chart">Pie Chart</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Data Visualization</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Pie Chart</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Pie Chart</h1><p>A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/dDpIuzk.png" alt="Blazor Chart Component - Blazor Pie Chart" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Height</td><td align="left"><code>int?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets chart container height.</td><td align="left">1.0.0</td></tr><tr><td align="left">HeightUnit</td><td align="left"><code>Unit</code></td><td align="left"><code>Unit.Px</code></td><td align="left"></td><td align="left">Gets or sets chart container height unit of measure.</td><td align="left">1.0.0</td></tr><tr><td align="left">Width</td><td align="left"><code>int?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets chart container width.</td><td align="left">1.0.0</td></tr><tr><td align="left">WidthUnit</td><td align="left"><code>Unit</code></td><td align="left"><code>Unit.Px</code></td><td align="left"></td><td align="left">Gets or sets chart container width unit of measure.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Return type</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">AddDataAsync(ChartData chartData, string dataLabel, IChartDatasetData data)</td><td align="left"><code>Task&lt;ChartData&gt;</code></td><td align="left">Adds data to chart.</td><td align="left">1.10.0</td></tr><tr><td align="left">AddDataAsync(ChartData chartData, string dataLabel, <code>List&lt;IChartDatasetData&gt;</code> data)</td><td align="left"><code>Task&lt;ChartData&gt;</code></td><td align="left">Adds dataset to chart.</td><td align="left">1.10.0</td></tr><tr><td align="left">AddDatasetAsync(ChartData chartData, IChartDataset chartDataset, IChartOptions chartOptions)</td><td align="left"><code>Task&lt;ChartData&gt;</code></td><td align="left">Adds dataset to chart.</td><td align="left">1.10.0</td></tr><tr><td align="left">InitializeAsync(ChartData chartData, IChartOptions chartOptions, <code>string[]?</code> plugins = null)</td><td align="left">Task</td><td align="left">Initialize the chat.</td><td align="left">1.0.0</td></tr><tr><td align="left">ResizeAsync(int width, int height, Unit widthUnit = Unit.Px, Unit heightUnit = Unit.Px)</td><td align="left">Task</td><td align="left">Resize the chart.</td><td align="left">1.0.0</td></tr><tr><td align="left">UpdateAsync(ChartData chartData, IChartOptions chartOptions)</td><td align="left">Task</td><td align="left">Update the chart.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="chartdata-members">ChartData Members<a href="#chartdata-members" class="hash-link" aria-label="Direct link to ChartData Members" title="Direct link to ChartData Members">​</a></h2><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Labels</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the Labels.</td><td align="left">1.0.0</td></tr><tr><td align="left">Datasets</td><td align="left"><code>List&lt;IChartDataset&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the Datasets.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="piechartdataset-members">PieChartDataset Members<a href="#piechartdataset-members" class="hash-link" aria-label="Direct link to PieChartDataset Members" title="Direct link to PieChartDataset Members">​</a></h2><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p><strong>PieChartDataset</strong> implements <strong>IChartDataset</strong>.</p></div></div><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">BackgroundColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the BackgroundColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">BorderColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the BorderColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">BorderWidth</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the BorderWidth.</td><td align="left">1.0.0</td></tr><tr><td align="left">Clip</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0}</td><td align="left">1.0.0</td></tr><tr><td align="left">Data</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Get or sets the Data.</td><td align="left">1.0.0</td></tr><tr><td align="left">Datalabels</td><td align="left"><code>PieChartDatasetDataLabels</code></td><td align="left"></td><td align="left"></td><td align="left">Get or sets the data labels</td><td align="left"></td></tr><tr><td align="left">Hidden</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.</td><td align="left">1.0.0</td></tr><tr><td align="left">HoverBackgroundColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the HoverBackgroundColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">HoverBorderColor</td><td align="left"><code>List&lt;string&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the HoverBorderColor.</td><td align="left">1.0.0</td></tr><tr><td align="left">HoverBorderWidth</td><td align="left"><code>List&lt;double&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the HoverBorderWidth.</td><td align="left">1.0.0</td></tr><tr><td align="left">Type</td><td align="left">string</td><td align="left">null</td><td align="left">✔️</td><td align="left">Get or sets the chart type.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="piechartdatasetdatalabels-members">PieChartDatasetDataLabels Members<a href="#piechartdatasetdatalabels-members" class="hash-link" aria-label="Direct link to PieChartDatasetDataLabels Members" title="Direct link to PieChartDatasetDataLabels Members">​</a></h2><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Anchor</td><td align="left"><code>string?</code></td><td align="left"><code>center</code></td><td align="left"></td><td align="left">Gets or sets the anchor.</td><td align="left">1.10.2</td></tr><tr><td align="left">BorderWidth</td><td align="left"><code>double?</code></td><td align="left"><code>2</code></td><td align="left"></td><td align="left">Gets or sets the border width.</td><td align="left">1.10.2</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="piechartoptions-members">PieChartOptions Members<a href="#piechartoptions-members" class="hash-link" aria-label="Direct link to PieChartOptions Members" title="Direct link to PieChartOptions Members">​</a></h2><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p><strong>PieChartOptions</strong> implements <strong>ChartOptions</strong>.</p></div></div><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Locale</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on.</td><td align="left">1.10.0</td></tr><tr><td align="left">Plugins</td><td align="left"><code>PieChartPlugins</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the Plugins.</td><td align="left">1.10.2</td></tr><tr><td align="left">Responsive</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the Responsive.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="prerequisites">Prerequisites<a href="#prerequisites" class="hash-link" aria-label="Direct link to Prerequisites" title="Direct link to Prerequisites">​</a></h3><p>Refer to the <a href="/getting-started/blazor-webassembly">getting started guide</a> for setting up charts.</p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="how-it-works">How it works<a href="#how-it-works" class="hash-link" aria-label="Direct link to How it works" title="Direct link to How it works">​</a></h3><p>In the following example, a categorical 12-color palette is used.</p><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>For data visualization, you can use the predefined palettes <code>ColorBuilder.CategoricalTwelveColors</code> for a 12-color palette and <code>ColorBuilder.CategoricalSixColors</code> for a 6-color palette.
 These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations.</p></div></div><img loading="lazy" src="https://i.imgur.com/ieBupT2.png" alt="Blazor Bootstrap: Pie Chart Component - How it works" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">PieChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">pieChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">500</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await RandomizeAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Randomize </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await AddDatasetAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Add Dataset </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await AddDataAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Add Data</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">PieChart</span><span class="token plain"> pieChart </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">PieChartOptions</span><span class="token plain"> pieChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> backgroundColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> datasetsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Random</span><span class="token plain"> random </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        backgroundColors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        pieChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        pieChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Responsive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        pieChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2022 - Sales&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        pieChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> pieChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> pieChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">RandomizeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> newDatasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">foreach</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">PieChartDataset</span><span class="token plain"> pieChartDataset</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> pieChartDataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> pieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> count </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> pieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> newData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> i </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> i </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> i</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    newData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">100</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                pieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> newData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                newDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">pieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> newDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> pieChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UpdateAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> pieChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddDatasetAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> chartDataset </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomPieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> pieChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddDatasetAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> chartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> pieChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDatasetData</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">foreach</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">PieChartDataset</span><span class="token plain"> pieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">PieChartDatasetData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">pieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Label</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">100</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> backgroundColors</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> pieChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token preprocessor property">#</span><span class="token preprocessor property directive keyword" style="color:rgb(86, 156, 214)">region</span><span class="token preprocessor property"> Data Preparation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> numberOfDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> numberOfDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomPieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">PieChartDataset</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomPieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasetsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Team </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">datasetsCount</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomBackgroundColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">100</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomBackgroundColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> colors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">backgroundColors</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">index</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> numberOfLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> numberOfLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Product </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">dataLabelsCount </span><span class="token interpolation-string interpolation expression language-csharp operator" style="color:rgb(212, 212, 212)">+</span><span class="token interpolation-string interpolation expression language-csharp"> </span><span class="token interpolation-string interpolation expression language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataBackgrounfColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> backgroundColors</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token preprocessor property">#</span><span class="token preprocessor property directive keyword" style="color:rgb(86, 156, 214)">endregion</span><span class="token preprocessor property">  Data Preparation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/charts/pie-chart#how-it-works" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="data-labels">Data labels<a href="#data-labels" class="hash-link" aria-label="Direct link to Data labels" title="Direct link to Data labels">​</a></h3><img loading="lazy" src="https://i.imgur.com/dDpIuzk.png" alt="Blazor Bootstrap: Pie Chart Component - Data labels" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">PieChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">pieChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">500</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await RandomizeAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Randomize </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">async () =&gt; await AddDataAsync()</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Add Data</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">PieChart</span><span class="token plain"> pieChart </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">PieChartOptions</span><span class="token plain"> pieChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> backgroundColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> datasetsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Random</span><span class="token plain"> random </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        backgroundColors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ColorBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CategoricalTwelveColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        pieChartOptions </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        pieChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Responsive </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        pieChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Text </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;2022 - Sales&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        pieChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Display </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// pass the plugin name to enable the data labels</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> pieChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">chartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> pieChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">plugins</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;ChartDataLabels&quot;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">firstRender</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">RandomizeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Any</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> newDatasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">foreach</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">PieChartDataset</span><span class="token plain"> pieChartDataset</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> pieChartDataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token operator" style="color:rgb(212, 212, 212)">&amp;&amp;</span><span class="token plain"> pieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">not</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> count </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> pieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> newData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> i </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> i </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> i</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                    newData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">100</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                pieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> newData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                newDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">pieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> newDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> pieChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UpdateAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> pieChartOptions</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">AddDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">||</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDatasetData</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">foreach</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">PieChartDataset</span><span class="token plain"> pieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">PieChartDatasetData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">pieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Label</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">100</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> backgroundColors</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        chartData </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> pieChart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddDataAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">chartData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token preprocessor property">#</span><span class="token preprocessor property directive keyword" style="color:rgb(86, 156, 214)">region</span><span class="token preprocessor property"> Data Preparation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> numberOfDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> datasets </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> numberOfDatasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> dataset </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomPieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">index </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                dataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Anchor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;end&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">index </span><span class="token operator" style="color:rgb(212, 212, 212)">==</span><span class="token plain"> numberOfDatasets </span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                dataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Anchor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;end&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                dataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Anchor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;center&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">dataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> datasets</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">PieChartDataset</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomPieChartDataset</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        datasetsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Team </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">datasetsCount</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> BackgroundColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomBackgroundColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">random</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Next</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">100</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetRandomBackgroundColors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> colors </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">backgroundColors</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">index</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> colors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> numberOfLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> labels </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">for</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index </span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain"> numberOfLabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> index</span><span class="token operator" style="color:rgb(212, 212, 212)">++</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Add</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            dataLabelsCount </span><span class="token operator" style="color:rgb(212, 212, 212)">+=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> labels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Product </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">dataLabelsCount </span><span class="token interpolation-string interpolation expression language-csharp operator" style="color:rgb(212, 212, 212)">+</span><span class="token interpolation-string interpolation expression language-csharp"> </span><span class="token interpolation-string interpolation expression language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetNextDataBackgrounfColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> backgroundColors</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">dataLabelsCount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token preprocessor property">#</span><span class="token preprocessor property directive keyword" style="color:rgb(86, 156, 214)">endregion</span><span class="token preprocessor property">  Data Preparation</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/charts/pie-chart#data-labels" target="_blank" rel="noopener noreferrer">See the demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="change-legend-position">Change legend position<a href="#change-legend-position" class="hash-link" aria-label="Direct link to Change legend position" title="Direct link to Change legend position">​</a></h3><p>This sample demonstrates how to change the position of the chart legend.</p><img loading="lazy" src="https://i.imgur.com/as0Sjiz.png" alt="Blazor Bootstrap: Pie Chart Component - Change legend position" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">PieChart</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">pieChart</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Width</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">500</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PositionTopAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Position: top </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PositionRightAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Position: right </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PositionBottomAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Position: bottom </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Size</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Size.Small</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">PositionLeftAsync</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Position: left </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">PieChart</span><span class="token block csharp language-csharp"> pieChart </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">PieChartOptions</span><span class="token block csharp language-csharp"> pieChartOptions </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token block csharp language-csharp"> chartData </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> backgroundColors</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp"> datasetsCount </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp"> dataLabelsCount </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Random</span><span class="token block csharp language-csharp"> random </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        backgroundColors </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> ColorBuilder</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">CategoricalTwelveColors</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        chartData </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">ChartData</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Labels </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">4</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Datasets </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        pieChartOptions </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        pieChartOptions</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Responsive </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        pieChartOptions</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Plugins</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Title</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2022 - Sales&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        pieChartOptions</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Plugins</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Title</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Display </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp boolean">true</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        pieChartOptions</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Plugins</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Legend</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Position </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;right&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token block csharp language-csharp"> firstRender</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">firstRender</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> pieChart</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">InitializeAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">chartData</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> pieChartOptions</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">base</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnAfterRenderAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">firstRender</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">PositionTopAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">UpdatePositionAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;top&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">PositionRightAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">UpdatePositionAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;right&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">PositionBottomAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">UpdatePositionAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;bottom&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">PositionLeftAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">UpdatePositionAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;left&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">UpdatePositionAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp"> position</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        pieChartOptions</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Plugins</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Legend</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Position </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> position</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> pieChart</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">UpdateAsync</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">chartData</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> pieChartOptions</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp preprocessor property">#</span><span class="token block csharp language-csharp preprocessor property directive keyword" style="color:rgb(86, 156, 214)">region</span><span class="token block csharp language-csharp preprocessor property"> Data Preparation</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetDefaultDataSets</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp"> numberOfDatasets</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> datasets </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">IChartDataset</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">for</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> index </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> index </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp"> numberOfDatasets</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> index</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">++</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            datasets</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetRandomPieChartDataset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> datasets</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">PieChartDataset</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetRandomPieChartDataset</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        datasetsCount </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">+=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Label </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Team </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">datasetsCount</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Data </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> BackgroundColor </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetRandomBackgroundColors</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetRandomData</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> data </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">for</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> index </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> index </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp"> dataLabelsCount</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> index</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">++</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            data</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">random</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Next</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">100</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> data</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetRandomBackgroundColors</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> colors </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">for</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> index </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> index </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp"> dataLabelsCount</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> index</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">++</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            colors</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">backgroundColors</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">index</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> colors</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetDefaultDataLabels</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token block csharp language-csharp"> numberOfLabels</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> labels </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">for</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> index </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> index </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp"> numberOfLabels</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> index</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">++</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            labels</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Add</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            dataLabelsCount </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">+=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> labels</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNextDataLabel</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Product </span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">dataLabelsCount </span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp operator" style="color:rgb(212, 212, 212)">+</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp"> </span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNextDataBackgrounfColor</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token block csharp language-csharp"> backgroundColors</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">dataLabelsCount</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp preprocessor property">#</span><span class="token block csharp language-csharp preprocessor property directive keyword" style="color:rgb(86, 156, 214)">endregion</span><span class="token block csharp language-csharp preprocessor property">  Data Preparation</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/charts/pie-chart#change-legend-position" target="_blank" rel="noopener noreferrer">See the demo here.</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/06-data-visualization/pie-chart.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/data-visualization/line-chart"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Line Chart</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/services/modal"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Modal Service</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#chartdata-members" class="table-of-contents__link toc-highlight">ChartData Members</a></li><li><a href="#piechartdataset-members" class="table-of-contents__link toc-highlight">PieChartDataset Members</a></li><li><a href="#piechartdatasetdatalabels-members" class="table-of-contents__link toc-highlight">PieChartDatasetDataLabels Members</a></li><li><a href="#piechartoptions-members" class="table-of-contents__link toc-highlight">PieChartOptions Members</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#prerequisites" class="table-of-contents__link toc-highlight">Prerequisites</a></li><li><a href="#how-it-works" class="table-of-contents__link toc-highlight">How it works</a></li><li><a href="#data-labels" class="table-of-contents__link toc-highlight">Data labels</a></li><li><a href="#change-legend-position" class="table-of-contents__link toc-highlight">Change legend position</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/forms/autocomplete.html b/forms/autocomplete.html
index 08d88dcc3..c4a02a621 100644
--- a/forms/autocomplete.html
+++ b/forms/autocomplete.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/forms/autocomplete">Forms</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/forms/autocomplete">Auto Complete</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/currency-input">Currency Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/date-input">Date Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/number-input">Number Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/range-input">Range Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/switch">Switch</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/time-input">Time Input</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Forms</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Auto Complete</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Auto Complete</h1><p>Blazor Bootstrap autocomplete component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">DataProvider</td><td align="left"><code>AutoCompleteDataProviderDelegate&lt;TItem&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the data provider.</td><td align="left">0.4.0</td></tr><tr><td align="left">Disabled</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the disabled state.</td><td align="left">0.4.0</td></tr><tr><td align="left">EmptyText</td><td align="left">string</td><td align="left"><code>No records found.</code></td><td align="left"></td><td align="left">Gets or sets the empty text.</td><td align="left">1.10.2</td></tr><tr><td align="left">LoadingText</td><td align="left">string</td><td align="left"><code>Loading...</code></td><td align="left"></td><td align="left">Gets or sets the loading text.</td><td align="left">1.10.2</td></tr><tr><td align="left">Placeholder</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the placeholder.</td><td align="left">0.4.0</td></tr><tr><td align="left">PropertyName</td><td align="left">string</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the property name.</td><td align="left">0.4.0</td></tr><tr><td align="left">Size</td><td align="left"><code>AutoCompleteSize</code></td><td align="left"><code>AutoCompleteSize.Default</code></td><td align="left"></td><td align="left">Gets or sets the autocomplete size.</td><td align="left">0.4.0</td></tr><tr><td align="left">StringComparison</td><td align="left"><code>StringComparison</code></td><td align="left"><code>StringComparison.OrdinalIgnoreCase</code></td><td align="left"></td><td align="left">Gets or sets the StringComparison.</td><td align="left">0.4.1</td></tr><tr><td align="left">StringFilterOperator</td><td align="left"><code>StringFilterOperator</code></td><td align="left"><code>StringFilterOperator.Contains</code></td><td align="left"></td><td align="left">Gets or sets the string filter operator.</td><td align="left">0.4.1</td></tr><tr><td align="left">Value</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the value.</td><td align="left">0.4.0</td></tr><tr><td align="left">ValueExpression</td><td align="left">expression</td><td align="left">null</td><td align="left"></td><td align="left">AutoComplete value expression.</td><td align="left">0.4.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Returns</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Disable()</td><td align="left">void</td><td align="left">Disables autocomplete.</td><td align="left">0.4.0</td></tr><tr><td align="left">Enable()</td><td align="left">void</td><td align="left">Enables autocomplete.</td><td align="left">0.4.0</td></tr><tr><td align="left">RefreshDataAsync()</td><td align="left">Task</td><td align="left">Refresh the autocomplete data.</td><td align="left">0.4.0</td></tr><tr><td align="left">ResetAsync()</td><td align="left">Task</td><td align="left">Resets the autocomplete selection.</td><td align="left">0.4.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="events">Events<a href="#events" class="hash-link" aria-label="Direct link to Events" title="Direct link to Events">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">OnChanged</td><td align="left">This event fires immediately when the autocomplete selection changes by the user.</td><td align="left">0.4.0</td></tr><tr><td align="left">ValueChanged</td><td align="left">This event fires on every user keystroke that changes the textbox value.</td><td align="left">0.4.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="keyboard-navigation">Keyboard Navigation<a href="#keyboard-navigation" class="hash-link" aria-label="Direct link to Keyboard Navigation" title="Direct link to Keyboard Navigation">​</a></h2><p>Blazor Bootstrap autocomplete component supports the following keyboard shortcuts to initiate various actions.</p><table><thead><tr><th align="left">Key</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left"><kbd>Esc</kbd></td><td align="left">Closes the popup list when it is in an open state.</td><td align="left">1.3.1</td></tr><tr><td align="left"><kbd>Up arrow</kbd></td><td align="left">Focuses on the previous item in the list.</td><td align="left">1.3.1</td></tr><tr><td align="left"><kbd>Down arrow</kbd></td><td align="left">Focuses on the next item in the list.</td><td align="left">1.3.1</td></tr><tr><td align="left"><kbd>Home</kbd></td><td align="left">Focuses on the first item in the list.</td><td align="left">1.3.1</td></tr><tr><td align="left"><kbd>End</kbd></td><td align="left">Focuses on the last item in the list.</td><td align="left">1.3.1</td></tr><tr><td align="left"><kbd>Enter</kbd></td><td align="left">Selects the currently focused item.</td><td align="left">1.3.1</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-data">Client side data<a href="#client-side-data" class="hash-link" aria-label="Direct link to Client side data" title="Direct link to Client side data">​</a></h3><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap AutoComplete Component - Client side data" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-5 col-sm-12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> customerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customers </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull customers only one time for client-side autocomplete</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the customers</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OrderBy</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customer </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CustomerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pich S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sfh Sobi&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jojo chan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jee ja&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Rose Canon&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Manju A&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bandita PA&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sagar Adil&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">9</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha Wang&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daina JJ&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Komala Mug&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Dikshita BD&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">13</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Neha Gosar&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">14</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Preeti S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">15</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sagar Seth&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">16</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vinayak MM&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vijaya Lakhsmi&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">18</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jahan K&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">19</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Joy B&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">20</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zaraiah C&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">21</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Laura L&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">22</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Punith ES&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">record</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> CustomerId</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> CustomerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/autocomplete#client-side-data" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-data-with-stringcomparision">Client side data with StringComparision<a href="#client-side-data-with-stringcomparision" class="hash-link" aria-label="Direct link to Client side data with StringComparision" title="Direct link to Client side data with StringComparision">​</a></h3><p>In the below example, <code>StringComparision.Ordinal</code> is used to make the filter case-sensitive.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>By default, <code>StringComparison.OrdinalIgnoreCase</code> is used to compare culture-agnostic and case-insensitive string matching.</p></div></div><img loading="lazy" src="https://i.imgur.com/8YZzW9f.png" alt="Blazor Bootstrap AutoComplete Component - Client side data with StringComparision" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-5 col-sm-12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">StringComparison</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">StringComparison.Ordinal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> customerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customers </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull customers only one time for client-side autocomplete</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the customers</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OrderBy</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customer </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CustomerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pich S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sfh Sobi&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jojo chan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jee ja&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Rose Canon&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Manju A&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bandita PA&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sagar Adil&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">9</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha Wang&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daina JJ&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Komala Mug&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Dikshita BD&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">13</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Neha Gosar&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">14</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Preeti S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">15</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sagar Seth&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">16</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vinayak MM&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vijaya Lakhsmi&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">18</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jahan K&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">19</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Joy B&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">20</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zaraiah C&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">21</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Laura L&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">22</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Punith ES&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">record</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> CustomerId</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> CustomerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/autocomplete#client-side-data-with-string-comparision" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="server-side-data">Server side data<a href="#server-side-data" class="hash-link" aria-label="Direct link to Server side data" title="Direct link to Server side data">​</a></h3><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap AutoComplete Component - Server side data" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-5 col-sm-12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> customerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filter</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// API call</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/autocomplete#server-side-data" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="set-default-value">Set default value<a href="#set-default-value" class="hash-link" aria-label="Direct link to Set default value" title="Direct link to Set default value">​</a></h3><img loading="lazy" src="https://i.imgur.com/AMqyt8h.png" alt="Blazor Bootstrap AutoComplete Component - Set default value" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-5 col-sm-12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-csharp codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-csharp codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> customerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        customerName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pich S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customers </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull customers only one time for client-side autocomplete</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the customers</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OrderBy</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customer </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CustomerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pich S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sfh Sobi&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jojo chan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jee ja&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Rose Canon&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Manju A&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bandita PA&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sagar Adil&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">9</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha Wang&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daina JJ&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Komala Mug&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Dikshita BD&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">13</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Neha Gosar&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">14</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Preeti S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">15</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sagar Seth&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">16</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vinayak MM&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vijaya Lakhsmi&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">18</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jahan K&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">19</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Joy B&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">20</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zaraiah C&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">21</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Laura L&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">22</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Punith ES&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/autocomplete#set-default-value" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="validations">Validations<a href="#validations" class="hash-link" aria-label="Direct link to Validations" title="Direct link to Validations">​</a></h3><img loading="lazy" src="https://i.imgur.com/sMQ7Uc6.png" alt="Blazor Bootstrap AutoComplete Component - Validations - Data empty" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/4IzNcdp.png" alt="Blazor Bootstrap AutoComplete Component - Validations - Item selected" class="img_ev3q"><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@</span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> System</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ComponentModel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">DataAnnotations</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.valid</span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.modified</span><span class="token style language-css selector pseudo-class" style="color:rgb(215, 186, 125)">:not</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token style language-css selector attribute attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token style language-css selector attribute operator" style="color:rgb(212, 212, 212)">=</span><span class="token style language-css selector attribute attr-value" style="color:rgb(206, 145, 120)">checkbox</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css hexcode color">#26b050</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.invalid</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.validation-message</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">color</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EditContext</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">_editContext</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnValidSubmit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HandleOnValidSubmit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DataAnnotationsValidator</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">for</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">supplier</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Customer:</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerAddress.CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> customerAddress</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">for</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Address:</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">InputText</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-control</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerAddress.Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> customerAddress</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Address</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-12 text-right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">submit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">btn btn-success float-right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Submit</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">CustomerAddress</span><span class="token plain"> customerAddress </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token plain"> _editContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        _editContext </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customerAddress</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">HandleOnValidSubmit</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Customer name is </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customerAddress</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)"> and address is </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customerAddress</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Address</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filter</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// API call</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Data null: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer </span><span class="token interpolation-string interpolation expression language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token interpolation-string interpolation expression language-csharp"> </span><span class="token interpolation-string interpolation expression language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">class</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">CustomerAddress</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> CustomerName </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> Address </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/autocomplete#validations" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable">Disable<a href="#disable" class="hash-link" aria-label="Direct link to Disable" title="Direct link to Disable">​</a></h3><p>Use the <b>Disabled</b> parameter to disable the AutoComplete.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-5 col-sm-12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">disabled</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer2 customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Toggle</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Toggle </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> customerName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomersAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filter</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// API call</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Toggle</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">disabled</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Also, use <strong>Enable()</strong> and <strong>Disable()</strong> methods to enable and disable the AutoComplete.</p><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Do not use both the <strong>Disabled</strong> parameter and <strong>Enable()</strong> &amp; <strong>Disable()</strong> methods.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-5 col-sm-12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">autoComplete1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer2 customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> autoComplete1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> customerName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomersAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filter</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// API call</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> autoComplete1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> autoComplete1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/autocomplete#disable" target="_blank" rel="noopener noreferrer">See demo here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/04-forms/autocomplete.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/content/icons"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Icons</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/forms/currency-input"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Currency Input</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#events" class="table-of-contents__link toc-highlight">Events</a></li><li><a href="#keyboard-navigation" class="table-of-contents__link toc-highlight">Keyboard Navigation</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#client-side-data" class="table-of-contents__link toc-highlight">Client side data</a></li><li><a href="#client-side-data-with-stringcomparision" class="table-of-contents__link toc-highlight">Client side data with StringComparision</a></li><li><a href="#server-side-data" class="table-of-contents__link toc-highlight">Server side data</a></li><li><a href="#set-default-value" class="table-of-contents__link toc-highlight">Set default value</a></li><li><a href="#validations" class="table-of-contents__link toc-highlight">Validations</a></li><li><a href="#disable" class="table-of-contents__link toc-highlight">Disable</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/forms/autocomplete">Forms</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/forms/autocomplete">Auto Complete</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/currency-input">Currency Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/date-input">Date Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/number-input">Number Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/range-input">Range Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/switch">Switch</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/time-input">Time Input</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Forms</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Auto Complete</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Auto Complete</h1><p>Blazor Bootstrap autocomplete component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">DataProvider</td><td align="left"><code>AutoCompleteDataProviderDelegate&lt;TItem&gt;</code></td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the data provider.</td><td align="left">0.4.0</td></tr><tr><td align="left">Disabled</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the disabled state.</td><td align="left">0.4.0</td></tr><tr><td align="left">EmptyText</td><td align="left">string</td><td align="left"><code>No records found.</code></td><td align="left"></td><td align="left">Gets or sets the empty text.</td><td align="left">1.10.2</td></tr><tr><td align="left">LoadingText</td><td align="left">string</td><td align="left"><code>Loading...</code></td><td align="left"></td><td align="left">Gets or sets the loading text.</td><td align="left">1.10.2</td></tr><tr><td align="left">Placeholder</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the placeholder.</td><td align="left">0.4.0</td></tr><tr><td align="left">PropertyName</td><td align="left">string</td><td align="left">null</td><td align="left">✔️</td><td align="left">Gets or sets the property name.</td><td align="left">0.4.0</td></tr><tr><td align="left">Size</td><td align="left"><code>AutoCompleteSize</code></td><td align="left"><code>AutoCompleteSize.Default</code></td><td align="left"></td><td align="left">Gets or sets the autocomplete size.</td><td align="left">0.4.0</td></tr><tr><td align="left">StringComparison</td><td align="left"><code>StringComparison</code></td><td align="left"><code>StringComparison.OrdinalIgnoreCase</code></td><td align="left"></td><td align="left">Gets or sets the StringComparison.</td><td align="left">0.4.1</td></tr><tr><td align="left">StringFilterOperator</td><td align="left"><code>StringFilterOperator</code></td><td align="left"><code>StringFilterOperator.Contains</code></td><td align="left"></td><td align="left">Gets or sets the string filter operator.</td><td align="left">0.4.1</td></tr><tr><td align="left">Value</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the value.</td><td align="left">0.4.0</td></tr><tr><td align="left">ValueExpression</td><td align="left">expression</td><td align="left">null</td><td align="left"></td><td align="left">AutoComplete value expression.</td><td align="left">0.4.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Returns</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Disable()</td><td align="left">void</td><td align="left">Disables autocomplete.</td><td align="left">0.4.0</td></tr><tr><td align="left">Enable()</td><td align="left">void</td><td align="left">Enables autocomplete.</td><td align="left">0.4.0</td></tr><tr><td align="left">RefreshDataAsync()</td><td align="left">Task</td><td align="left">Refresh the autocomplete data.</td><td align="left">0.4.0</td></tr><tr><td align="left">ResetAsync()</td><td align="left">Task</td><td align="left">Resets the autocomplete selection.</td><td align="left">0.4.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="events">Events<a href="#events" class="hash-link" aria-label="Direct link to Events" title="Direct link to Events">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">OnChanged</td><td align="left">This event fires immediately when the autocomplete selection changes by the user.</td><td align="left">0.4.0</td></tr><tr><td align="left">ValueChanged</td><td align="left">This event fires on every user keystroke that changes the textbox value.</td><td align="left">0.4.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="keyboard-navigation">Keyboard Navigation<a href="#keyboard-navigation" class="hash-link" aria-label="Direct link to Keyboard Navigation" title="Direct link to Keyboard Navigation">​</a></h2><p>Blazor Bootstrap autocomplete component supports the following keyboard shortcuts to initiate various actions.</p><table><thead><tr><th align="left">Key</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left"><kbd>Esc</kbd></td><td align="left">Closes the popup list when it is in an open state.</td><td align="left">1.3.1</td></tr><tr><td align="left"><kbd>Up arrow</kbd></td><td align="left">Focuses on the previous item in the list.</td><td align="left">1.3.1</td></tr><tr><td align="left"><kbd>Down arrow</kbd></td><td align="left">Focuses on the next item in the list.</td><td align="left">1.3.1</td></tr><tr><td align="left"><kbd>Home</kbd></td><td align="left">Focuses on the first item in the list.</td><td align="left">1.3.1</td></tr><tr><td align="left"><kbd>End</kbd></td><td align="left">Focuses on the last item in the list.</td><td align="left">1.3.1</td></tr><tr><td align="left"><kbd>Enter</kbd></td><td align="left">Selects the currently focused item.</td><td align="left">1.3.1</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-data">Client side data<a href="#client-side-data" class="hash-link" aria-label="Direct link to Client side data" title="Direct link to Client side data">​</a></h3><img loading="lazy" src="https://i.imgur.com/gRcdvc0.png" alt="Blazor Bootstrap AutoComplete Component - Client side data" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-5 col-sm-12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> customerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customers </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull customers only one time for client-side autocomplete</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the customers</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OrderBy</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customer </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CustomerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pich S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sfh Sobi&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jojo chan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jee ja&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Rose Canon&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Manju A&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bandita PA&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sagar Adil&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">9</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha Wang&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daina JJ&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Komala Mug&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Dikshita BD&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">13</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Neha Gosar&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">14</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Preeti S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">15</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sagar Seth&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">16</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vinayak MM&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vijaya Lakhsmi&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">18</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jahan K&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">19</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Joy B&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">20</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zaraiah C&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">21</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Laura L&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">22</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Punith ES&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">record</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> CustomerId</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> CustomerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/autocomplete#client-side-data" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="client-side-data-with-stringcomparision">Client side data with StringComparision<a href="#client-side-data-with-stringcomparision" class="hash-link" aria-label="Direct link to Client side data with StringComparision" title="Direct link to Client side data with StringComparision">​</a></h3><p>In the below example, <code>StringComparision.Ordinal</code> is used to make the filter case-sensitive.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>By default, <code>StringComparison.OrdinalIgnoreCase</code> is used to compare culture-agnostic and case-insensitive string matching.</p></div></div><img loading="lazy" src="https://i.imgur.com/8YZzW9f.png" alt="Blazor Bootstrap AutoComplete Component - Client side data with StringComparision" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-5 col-sm-12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">StringComparison</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">StringComparison.Ordinal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> customerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customers </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull customers only one time for client-side autocomplete</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the customers</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OrderBy</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customer </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CustomerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pich S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sfh Sobi&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jojo chan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jee ja&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Rose Canon&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Manju A&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bandita PA&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sagar Adil&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">9</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha Wang&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daina JJ&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Komala Mug&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Dikshita BD&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">13</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Neha Gosar&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">14</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Preeti S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">15</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sagar Seth&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">16</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vinayak MM&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vijaya Lakhsmi&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">18</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jahan K&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">19</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Joy B&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">20</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zaraiah C&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">21</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Laura L&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">22</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Punith ES&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">record</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> CustomerId</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> CustomerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/autocomplete#client-side-data-with-string-comparision" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="server-side-data">Server side data<a href="#server-side-data" class="hash-link" aria-label="Direct link to Server side data" title="Direct link to Server side data">​</a></h3><img loading="lazy" src="https://i.imgur.com/D5ox9um.png" alt="Blazor Bootstrap AutoComplete Component - Server side data" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-5 col-sm-12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> customerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filter</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// API call</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/autocomplete#server-side-data" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="set-default-value">Set default value<a href="#set-default-value" class="hash-link" aria-label="Direct link to Set default value" title="Direct link to Set default value">​</a></h3><img loading="lazy" src="https://i.imgur.com/AMqyt8h.png" alt="Blazor Bootstrap AutoComplete Component - Set default value" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-5 col-sm-12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-csharp codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-csharp codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> customerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        customerName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pich S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customers </span><span class="token keyword" style="color:rgb(86, 156, 214)">is</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// pull customers only one time for client-side autocomplete</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// call a service or an API to pull the customers</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OrderBy</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customer </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CustomerName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Pich S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sfh Sobi&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jojo chan&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jee ja&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Rose Canon&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Manju A&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Bandita PA&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sagar Adil&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">9</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Isha Wang&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Daina JJ&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">11</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Komala Mug&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">12</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Dikshita BD&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">13</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Neha Gosar&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">14</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Preeti S&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">15</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Sagar Seth&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">16</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vinayak MM&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">17</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Vijaya Lakhsmi&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">18</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Jahan K&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">19</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Joy B&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">20</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Zaraiah C&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">21</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Laura L&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">22</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Punith ES&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#9CDCFE"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/autocomplete#set-default-value" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="validations">Validations<a href="#validations" class="hash-link" aria-label="Direct link to Validations" title="Direct link to Validations">​</a></h3><img loading="lazy" src="https://i.imgur.com/sMQ7Uc6.png" alt="Blazor Bootstrap AutoComplete Component - Validations - Data empty" class="img_ev3q"><img loading="lazy" src="https://i.imgur.com/4IzNcdp.png" alt="Blazor Bootstrap AutoComplete Component - Validations - Item selected" class="img_ev3q"><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@</span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> System</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">ComponentModel</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">DataAnnotations</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.valid</span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.modified</span><span class="token style language-css selector pseudo-class" style="color:rgb(215, 186, 125)">:not</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token style language-css selector attribute attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token style language-css selector attribute operator" style="color:rgb(212, 212, 212)">=</span><span class="token style language-css selector attribute attr-value" style="color:rgb(206, 145, 120)">checkbox</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css hexcode color">#26b050</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.invalid</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.validation-message</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">color</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EditContext</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">_editContext</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnValidSubmit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HandleOnValidSubmit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DataAnnotationsValidator</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">for</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">supplier</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Customer:</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerAddress.CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                          </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> customerAddress</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">for</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Address:</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">InputText</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-control</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerAddress.Address</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> customerAddress</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Address</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-12 text-right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">submit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">btn btn-success float-right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Submit</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">CustomerAddress</span><span class="token plain"> customerAddress </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token plain"> _editContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        _editContext </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">customerAddress</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">HandleOnValidSubmit</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Customer name is </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customerAddress</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)"> and address is </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customerAddress</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Address</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filter</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// API call</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Data null: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer </span><span class="token interpolation-string interpolation expression language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token interpolation-string interpolation expression language-csharp"> </span><span class="token interpolation-string interpolation expression language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">class</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">CustomerAddress</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> CustomerName </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> Address </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/autocomplete#validations" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable">Disable<a href="#disable" class="hash-link" aria-label="Direct link to Disable" title="Direct link to Disable">​</a></h3><p>Use the <b>Disabled</b> parameter to disable the AutoComplete.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-5 col-sm-12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">disabled</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer2 customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Toggle</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Toggle </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> customerName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomersAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filter</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// API call</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Toggle</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">disabled</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Also, use <strong>Enable()</strong> and <strong>Disable()</strong> methods to enable and disable the AutoComplete.</p><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Do not use both the <strong>Disabled</strong> parameter and <strong>Enable()</strong> &amp; <strong>Disable()</strong> methods.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-5 col-sm-12</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">autoComplete1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">customerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TItem</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Customer2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomersDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">PropertyName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Search a customer...</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                      </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(Customer2 customer) =&gt; OnAutoCompleteChanged(customer)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoComplete</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> autoComplete1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> customerName </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ICustomerService</span><span class="token plain"> _customerService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CustomersDataProvider</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderRequest</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> customers </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> _customerService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">GetCustomersAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Filter</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> request</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">CancellationToken</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// API call</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">return</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> Task</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">AutoCompleteDataProviderResult</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Data </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> TotalCount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> customers</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Count</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnAutoCompleteChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Customer2</span><span class="token plain"> customer</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// TODO: handle your own logic</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token comment" style="color:rgb(106, 153, 85)">// NOTE: do null check</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;&#x27;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">customer</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">?.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&#x27; selected.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> autoComplete1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> autoComplete1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/autocomplete#disable" target="_blank" rel="noopener noreferrer">See demo here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/04-forms/autocomplete.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/content/images"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Images</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/forms/currency-input"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Currency Input</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#events" class="table-of-contents__link toc-highlight">Events</a></li><li><a href="#keyboard-navigation" class="table-of-contents__link toc-highlight">Keyboard Navigation</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#client-side-data" class="table-of-contents__link toc-highlight">Client side data</a></li><li><a href="#client-side-data-with-stringcomparision" class="table-of-contents__link toc-highlight">Client side data with StringComparision</a></li><li><a href="#server-side-data" class="table-of-contents__link toc-highlight">Server side data</a></li><li><a href="#set-default-value" class="table-of-contents__link toc-highlight">Set default value</a></li><li><a href="#validations" class="table-of-contents__link toc-highlight">Validations</a></li><li><a href="#disable" class="table-of-contents__link toc-highlight">Disable</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/forms/currency-input.html b/forms/currency-input.html
index 3a3cff3c4..a5623cf33 100644
--- a/forms/currency-input.html
+++ b/forms/currency-input.html
@@ -10,15 +10,15 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/forms/autocomplete">Forms</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/autocomplete">Auto Complete</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/forms/currency-input">Currency Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/date-input">Date Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/number-input">Number Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/range-input">Range Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/switch">Switch</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/time-input">Time Input</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Forms</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Currency Input</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Currency Input</h1><p>Use the Blazor Bootstrap <code>CurrencyInput</code> component to show the numbers in the user&#x27;s locale format, including the currency symbol.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">AllowNegativeNumbers</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">If true, allows negative numbers.</td><td align="left">1.0.0</td></tr><tr><td align="left">AutoComplete</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">If true, CurrencyInput can complete the values automatically by the browser.</td><td align="left">1.0.0</td></tr><tr><td align="left">CurrencySign</td><td align="left"><code>CurrencySign</code></td><td align="left"><code>CurrencySign.Standard</code></td><td align="left"></td><td align="left">Gets or sets the currency sign.</td><td align="left">1.0.0</td></tr><tr><td align="left">Disabled</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the disabled state.</td><td align="left">1.0.0</td></tr><tr><td align="left">EnableMinMax</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Determines whether to restrict the user input to Min and Max range. If true, restricts the user input between the Min and Max range. Else accepts the user input.</td><td align="left">1.0.0</td></tr><tr><td align="left">HideCurrencySymbol</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Determines whether to hide the currency symbol are not.</td><td align="left">1.0.0</td></tr><tr><td align="left">Locale</td><td align="left">string</td><td align="left"><code>en-US</code></td><td align="left">✔️</td><td align="left">Gets or sets the locale.</td><td align="left">1.0.0</td></tr><tr><td align="left">Max</td><td align="left">TValue</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the max. Max ignored if EnableMinMax=&quot;false&quot;.</td><td align="left">1.0.0</td></tr><tr><td align="left">MaximumFractionDigits</td><td align="left"><code>byte?</code></td><td align="left">null</td><td align="left"></td><td align="left">The maximum number of fraction digits to use.</td><td align="left">1.0.0</td></tr><tr><td align="left">Min</td><td align="left">TValue</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the min. Min ignored if EnableMinMax=&quot;false&quot;.</td><td align="left">1.0.0</td></tr><tr><td align="left">MinimumFractionDigits</td><td align="left"><code>byte?</code></td><td align="left">null</td><td align="left"></td><td align="left">The minimum number of fraction digits to use.</td><td align="left">1.0.0</td></tr><tr><td align="left">MinimumIntegerDigits</td><td align="left">byte</td><td align="left">1</td><td align="left"></td><td align="left">The minimum number of integer digits to use. A value with a smaller number of integer digits than this number will be left-padded with zeros (to the specified length) when formatted.</td><td align="left">1.0.0</td></tr><tr><td align="left">Placeholder</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the placeholder.</td><td align="left">1.0.0</td></tr><tr><td align="left">TextAlignment</td><td align="left"><code>Alignment</code></td><td align="left"><code>Alignment.None</code></td><td align="left"></td><td align="left">Gets or sets the text alignment.</td><td align="left">1.0.0</td></tr><tr><td align="left">Value</td><td align="left">TValue</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the value.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left">Disable()</td><td align="left">Disables currency input.</td></tr><tr><td align="left">Enable()</td><td align="left">Enables currency input.</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="events">Events<a href="#events" class="hash-link" aria-label="Direct link to Events" title="Direct link to Events">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left">ValueChanged</td><td align="left">This event fired on every user keystroke that changes the <code>CurrencyInput</code> value.</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="basic-usage">Basic usage<a href="#basic-usage" class="hash-link" aria-label="Direct link to Basic usage" title="Direct link to Basic usage">​</a></h3><p>By default, <code>e + -</code> are blocked. For all integral numeric types, dot <code>.</code> is blocked.</p><img loading="lazy" src="https://i.imgur.com/fL9IlP1.png" alt="Blazor Bootstrap: Currency Input Component - Basic usage" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/currency-input#basic-usage" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="show-currency-symbols-for-the-different-locales">Show currency symbols for the different locales<a href="#show-currency-symbols-for-the-different-locales" class="hash-link" aria-label="Direct link to Show currency symbols for the different locales" title="Direct link to Show currency symbols for the different locales">​</a></h3><img loading="lazy" src="https://i.imgur.com/mihpoXk.png" alt="Blazor Bootstrap: Currency Input Component - Show currency symbols for the different locales" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">en-IN</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en-IN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">en-US</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en-US</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">fr-FR</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fr-FR</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount3</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">es-ES</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">es-ES</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">de-DE</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">de-DE</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount5</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">fr-CA</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount6</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fr-CA</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount6</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">en-PH</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount7</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en-PH</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount7</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">en-SE</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en-SE</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount8</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">zh-CN</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount9</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">zh-CN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount9</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount4 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount5 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount6 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount7 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount8 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount9 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/currency-input#show-currency-symbols-for-the-different-locales" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="hide-currency-symbol">Hide currency symbol<a href="#hide-currency-symbol" class="hash-link" aria-label="Direct link to Hide currency symbol" title="Direct link to Hide currency symbol">​</a></h3><p>Set <code>HideCurrencySymbol</code> parameter value to <code>true</code> to hide the currency symbol.</p><img loading="lazy" src="https://i.imgur.com/1L1utF6.png" alt="Blazor Bootstrap: Currency Input Component - " class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">        </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">double</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">        </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">        </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">HideCurrencySymbol</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">        </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Value: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token plain"> amount1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4.33</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/currency-input#hide-currency-symbol" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="using-fraction-digits-and-integer-digits">Using fraction digits and integer digits<a href="#using-fraction-digits-and-integer-digits" class="hash-link" aria-label="Direct link to Using fraction digits and integer digits" title="Direct link to Using fraction digits and integer digits">​</a></h3><p>In the below example, formatting adds zeros to display minimum integers and fractions.</p><img loading="lazy" src="https://i.imgur.com/gcwNP8c.png" alt="Blazor Bootstrap: Currency Input Component - Using fraction digits and integer digits" class="img_ev3q"><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>danger</div><div class="admonitionContent_S0QG"><b>MinimumFractionDigits</b> and <b>MaximumFractionDigits</b> parameters are applicable for floating-point numeric types only.</div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">        </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">double</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">        </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">        </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">MinimumIntegerDigits</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">        </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">MinimumFractionDigits</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">        </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Value: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token plain"> amount1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">4.33</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/currency-input#using-fraction-digits-and-integer-digits" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="wrap-the-number-with-parentheses-instead-of-appending-a-minus-sign">Wrap the number with parentheses instead of appending a minus sign<a href="#wrap-the-number-with-parentheses-instead-of-appending-a-minus-sign" class="hash-link" aria-label="Direct link to Wrap the number with parentheses instead of appending a minus sign" title="Direct link to Wrap the number with parentheses instead of appending a minus sign">​</a></h3><p>In many locales, accounting format means to wrap the number with parentheses instead of appending a minus sign. You can enable this formatting by setting the <b>CurrencySign</b> option to <code>Accounting</code>. The default value is <code>Standard</code>.</p><img loading="lazy" src="https://i.imgur.com/terrN93.png" alt="Blazor Bootstrap: Currency Input Component - Wrap the number with parentheses instead of appending a minus sign" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">        </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">        </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">        </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">CurrencySign</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">CurrencySign.Accounting</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">        </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Value: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token number" style="color:rgb(181, 206, 168)">21231</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/currency-input#wrap-the-number-with-parentheses-instead-of-appending-a-minus-sign" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="generic-type">Generic type<a href="#generic-type" class="hash-link" aria-label="Direct link to Generic type" title="Direct link to Generic type">​</a></h3><p><code>CurrencyInput</code> is a generic component. Always specify the exact type. In the below example <b>TValue</b> is set to <code>int</code>, <code>int?</code>, <code>float</code>, <code>float?</code>, <code>double</code>, <code>double?</code>, <code>decimal</code>, and <code>decimal?</code>.</p><img loading="lazy" src="https://i.imgur.com/uslzD65.png" alt="Blazor Bootstrap: Currency Input Component - Generic type" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter int number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter int? number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter float number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter float? number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter double number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">double</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter double? number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">double?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount6</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter decimal number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount7</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter decimal? number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">float</span><span class="token plain"> amount3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">float</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token plain"> amount5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/currency-input#generic-type" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="enable-min-and-max">Enable min and max<a href="#enable-min-and-max" class="hash-link" aria-label="Direct link to Enable min and max" title="Direct link to Enable min and max">​</a></h3><p>Set <code>EnableMinMax=&quot;true&quot;</code> and set the <code>Min</code> and <code>Max</code> parameters to restrict the user input between the Min and Max range.</p><img loading="lazy" src="https://i.imgur.com/0Fsxcs9.png" alt="Blazor Bootstrap: Currency Input Component - Enable min and max" class="img_ev3q"><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>If the user tries to enter a number in the <b>CurrencyInput</b> field which is out of range, then it will override with Min or Max value based on the context.
 If the user input is less than the Min value, then it will override with the Min value.
 If the user input exceeds the Max value, it will override with the Max value.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ShowCurrencySymbol</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableMinMax</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">500</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Tip: The amount must be between 10 and 500.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/currency-input#enable-min-and-max" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="text-alignment">Text alignment<a href="#text-alignment" class="hash-link" aria-label="Direct link to Text alignment" title="Direct link to Text alignment">​</a></h3><p>You can change the text alignment according to your need. Use the <code>TextAlignment</code> parameter to set the alignment. In the below example, alignment is set to center and end.</p><img loading="lazy" src="https://i.imgur.com/0Ye7o1y.png" alt="Blazor Bootstrap: Currency Input Component - Text alignment" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ShowCurrencySymbol</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ShowCurrencySymbol</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2.34M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/currency-input#text-alignment" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="allow-negative-numbers">Allow negative numbers<a href="#allow-negative-numbers" class="hash-link" aria-label="Direct link to Allow negative numbers" title="Direct link to Allow negative numbers">​</a></h3><p>By default, negative numbers are not allowed. Set the <code>AllowNegativeNumbers</code> parameter to true to allow the negative numbers.</p><img loading="lazy" src="https://i.imgur.com/tTY2wdT.png" alt="Blazor Bootstrap: Currency Input Component - Allow negative numbers" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ShowCurrencySymbol</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowNegativeNumbers</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Tip: Negative numbers are also allowed.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/currency-input#allow-negative-numbers" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable">Disable<a href="#disable" class="hash-link" aria-label="Direct link to Disable" title="Direct link to Disable">​</a></h3><p>Use the <b>Disabled</b> parameter to disable the CurrencyInput.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                   </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                   </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">disabled</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                   </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Toggle</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Toggle </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Toggle</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">disabled</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Also, use <strong>Enable()</strong> and <strong>Disable()</strong> methods to enable and disable the CurrencyInput.</p><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Do not use both the <strong>Disabled</strong> parameter and <strong>Enable()</strong> &amp; <strong>Disable()</strong> methods.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">currencyInput</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                   </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                   </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                   </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> currencyInput </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> currencyInput</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> currencyInput</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/currency-input#disable" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="validations">Validations<a href="#validations" class="hash-link" aria-label="Direct link to Validations" title="Direct link to Validations">​</a></h3><p>Like any other blazor input components, <code>CurrencyInput</code> supports validations. Add the DataAnnotations on the <code>CurrencyInput</code> component to validate the user input before submitting the form. In the below example, we used <b>Required</b> and <b>Range</b> attributes.</p><img loading="lazy" src="https://i.imgur.com/K9cyIJg.png" alt="Blazor Bootstrap: Currency Input Component - Validations" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">ComponentModel</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">DataAnnotations</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.valid</span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.modified</span><span class="token style language-css selector pseudo-class" style="color:rgb(215, 186, 125)">:not</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token style language-css selector attribute attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token style language-css selector attribute operator" style="color:rgb(212, 212, 212)">=</span><span class="token style language-css selector attribute attr-value" style="color:rgb(206, 145, 120)">checkbox</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css hexcode color">#26b050</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.invalid</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.validation-message</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">color</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EditContext</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">editContext</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnValidSubmit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HandleOnValidSubmit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DataAnnotationsValidator</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Item Price: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">invoice.Price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en-US</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ShowCurrencySymbol</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueExpression</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; invoice.Price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(value) =&gt; PriceChanged(value)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> invoice</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Price</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Item Discount:</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">invoice.Discount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en-US</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ShowCurrencySymbol</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueExpression</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; invoice.Discount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(value) =&gt; DiscountChanged(value)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter discount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> invoice</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Discount</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Total Amount: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">invoice.Total</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en-US</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ShowCurrencySymbol</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter total</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> invoice</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Total</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-12 text-right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ResetForm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reset</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Submit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end me-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Submit</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Invoice</span><span class="token plain"> invoice </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token plain"> editContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        editContext </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnParametersSet</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token function" style="color:rgb(220, 220, 170)">CalculateToatl</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnParametersSet</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">PriceChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Price </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token function" style="color:rgb(220, 220, 170)">CalculateToatl</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">DiscountChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Discount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token function" style="color:rgb(220, 220, 170)">CalculateToatl</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CalculateToatl</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> price </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Price</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HasValue </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Price</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Value </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> discount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Discount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HasValue </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Discount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Value </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Total </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> price </span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain"> discount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">HandleOnValidSubmit</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Price: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">invoice</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Price</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Discount: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">invoice</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Discount</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Total: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">invoice</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Total</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ResetForm</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        invoice </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        editContext </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">class</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Invoice</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments">ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Price required.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Range</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">60</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">500</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Price should be between 60 and 500.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Price </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">22M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Range</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">0</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">50</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Discount should be between 0 and 50.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Discount </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments">ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Amount required.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Range</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">10</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">500</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Total should be between 60 and 500.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Total </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/currency-input#validations" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="decimal-values">Decimal values<a href="#decimal-values" class="hash-link" aria-label="Direct link to Decimal values" title="Direct link to Decimal values">​</a></h3><img loading="lazy" src="https://i.imgur.com/f3Bd6on.png" alt="Blazor Bootstrap: Currency Input Component - Decimal values" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">en-IN</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en-IN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">en-US</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en-US</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">fr-FR</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fr-FR</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount3</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">es-ES</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">es-ES</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">de-DE</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">de-DE</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount5</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">fr-CA</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount6</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">fr-CA</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount6</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">en-PH</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount7</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en-PH</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount7</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">en-SE</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en-SE</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount8</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Locale: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">zh-CN</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount9</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Locale</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">zh-CN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount9</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678.55m</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678.55m</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678.55m</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount4 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678.55m</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount5 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678.55m</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount6 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678.55m</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount7 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678.55m</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount8 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678.55m</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount9 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">12345678.55m</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/currency-input#decimal-values" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="events-valuechanged">Events: ValueChanged<a href="#events-valuechanged" class="hash-link" aria-label="Direct link to Events: ValueChanged" title="Direct link to Events: ValueChanged">​</a></h3><p>This event fires on every user keystroke that changes the <code>CurrencyInput</code> value.</p><img loading="lazy" src="https://i.imgur.com/h8HFgYj.png" alt="Blazor Bootstrap: Currency Input Component - ValueChanged" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Item Price: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">CurrencyInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueExpression</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(value) =&gt; PriceChanged(value)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">displayPrice</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> price </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> displayPrice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">PriceChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        price </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// this is mandatory</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        displayPrice </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Price: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp keyword" style="color:rgb(86, 156, 214)">value</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">, changed at </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">ToLocalTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/currency-input#event-value-changed" target="_blank" rel="noopener noreferrer">See demo here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/04-forms/currency-input.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/forms/autocomplete"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Auto Complete</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/forms/date-input"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Date Input</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#events" class="table-of-contents__link toc-highlight">Events</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#basic-usage" class="table-of-contents__link toc-highlight">Basic usage</a></li><li><a href="#show-currency-symbols-for-the-different-locales" class="table-of-contents__link toc-highlight">Show currency symbols for the different locales</a></li><li><a href="#hide-currency-symbol" class="table-of-contents__link toc-highlight">Hide currency symbol</a></li><li><a href="#using-fraction-digits-and-integer-digits" class="table-of-contents__link toc-highlight">Using fraction digits and integer digits</a></li><li><a href="#wrap-the-number-with-parentheses-instead-of-appending-a-minus-sign" class="table-of-contents__link toc-highlight">Wrap the number with parentheses instead of appending a minus sign</a></li><li><a href="#generic-type" class="table-of-contents__link toc-highlight">Generic type</a></li><li><a href="#enable-min-and-max" class="table-of-contents__link toc-highlight">Enable min and max</a></li><li><a href="#text-alignment" class="table-of-contents__link toc-highlight">Text alignment</a></li><li><a href="#allow-negative-numbers" class="table-of-contents__link toc-highlight">Allow negative numbers</a></li><li><a href="#disable" class="table-of-contents__link toc-highlight">Disable</a></li><li><a href="#validations" class="table-of-contents__link toc-highlight">Validations</a></li><li><a href="#decimal-values" class="table-of-contents__link toc-highlight">Decimal values</a></li><li><a href="#events-valuechanged" class="table-of-contents__link toc-highlight">Events: ValueChanged</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/forms/date-input.html b/forms/date-input.html
index 17e361d3c..831433828 100644
--- a/forms/date-input.html
+++ b/forms/date-input.html
@@ -10,8 +10,8 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
@@ -19,7 +19,7 @@
 If the user input is less than the Min value, then it will override with the Min value.
 If the user input exceeds the Max value, it will override with the Max value.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">DateOnly</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DateInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DateOnly</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">date1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableMinMax</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">min1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">max1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter Date</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Min date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">min1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Max date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">max1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">date1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">DateOnly?</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DateInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DateOnly?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">date2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableMinMax</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">min2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">max2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter Date</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Min date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">min2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Max date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">max2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">date2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">DateTime</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DateInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DateTime</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">date3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableMinMax</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">min3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">max3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter Date</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Min date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">min3</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Max date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">max3</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">date3</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">DateTime?</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DateInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DateTime?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">date4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableMinMax</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">min4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">max4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter Date</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Min date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">min4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Max date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">max4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">date4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DateTime</span><span class="token plain"> date </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> DateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Now</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddMonths</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DateTime</span><span class="token plain"> min </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> DateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Now</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddMonths</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DateTime</span><span class="token plain"> max </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> DateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Now</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddYears</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token plain"> date1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> min1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> max1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> date2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> min2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> max2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DateTime</span><span class="token plain"> date3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> min3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> max3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DateTime</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> date4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> min4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> max4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        date1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromDateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">date</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        min1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromDateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        max1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromDateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">max</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        date2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        min2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromDateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        max2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromDateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">max</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        date3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> DateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Now</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddMonths</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        min3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        max3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> max</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        date4 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        min4 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        max4 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> max</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/date-input#enable-max-min" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable">Disable<a href="#disable" class="hash-link" aria-label="Direct link to Disable" title="Direct link to Disable">​</a></h3><p>Use the <b>Disabled</b> parameter to disable the DateInput.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DateInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DateOnly</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">date1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">disabled</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter Date</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">date1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Toggle</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Toggle </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token plain"> date1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromDateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">DateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Now</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Toggle</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">disabled</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Also, use <strong>Enable()</strong> and <strong>Disable()</strong> methods to enable and disable the DateInput.</p><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Do not use both the <strong>Disabled</strong> parameter and <strong>Enable()</strong> &amp; <strong>Disable()</strong> methods.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DateInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dateInput</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DateOnly</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">date1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">               </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter Date</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">date1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DateInput</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> dateInput </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token plain"> date1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromDateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">DateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Now</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> dateInput</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> dateInput</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/date-input#disable" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="validations">Validations<a href="#validations" class="hash-link" aria-label="Direct link to Validations" title="Direct link to Validations">​</a></h3><p>Like any other blazor input component, <code>DateInput</code> component supports validations. Use the Use the <strong>DataAnnotations</strong> to validate the user input before submitting the form. In the below example, we used the <code>Required</code> attributes.</p><img loading="lazy" src="https://i.imgur.com/V4SWntV.png" alt="Blazor Bootstrap: Date Input Component - Validations" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">ComponentModel</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">DataAnnotations</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.valid</span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.modified</span><span class="token style language-css selector pseudo-class" style="color:rgb(215, 186, 125)">:not</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token style language-css selector attribute attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token style language-css selector attribute operator" style="color:rgb(212, 212, 212)">=</span><span class="token style language-css selector attribute attr-value" style="color:rgb(206, 145, 120)">checkbox</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css hexcode color">#26b050</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.invalid</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.validation-message</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">color</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EditContext</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">editContext</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnValidSubmit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HandleOnValidSubmit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DataAnnotationsValidator</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Invoice Date: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DateInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DateOnly?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">invoice.InvoiceDate</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> invoice</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">InvoiceDate</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Customer Name: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">InputText</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-control</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">invoice.CustomerName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter Customer Name</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> invoice</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CustomerName</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-12 text-right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ResetForm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reset</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Submit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end me-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Submit</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Invoice</span><span class="token plain"> invoice </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token plain"> editContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        editContext </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">HandleOnValidSubmit</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Invoice Date: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">invoice</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">InvoiceDate</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Customer Name: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">invoice</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">CustomerName</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ResetForm</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        invoice </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        editContext </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">class</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Invoice</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments">ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Invoice Date required.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> InvoiceDate </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments">ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Customer Name required.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> CustomerName </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/date-input#validations" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="events-valuechanged">Events: ValueChanged<a href="#events-valuechanged" class="hash-link" aria-label="Direct link to Events: ValueChanged" title="Direct link to Events: ValueChanged">​</a></h3><p>This event fires on every user keystroke/selection that changes the <code>DateInput</code> value.</p><img loading="lazy" src="https://i.imgur.com/3OFrZJX.png" alt="Blazor Bootstrap: Date Input Component - Events: ValueChanged" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DateInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DateOnly</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">date1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueExpression</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; date1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(value) =&gt; DateChanged(value)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Changed date: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">date1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token plain"> date1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> DateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">FromDateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">DateTime</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Now</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">DateChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token plain"> dateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        date1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> dateOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain">    </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/date-input#event-value-changed" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="restrict-the-date-field-based-on-the-entry-in-another-date-field">Restrict the date field based on the entry in another date field<a href="#restrict-the-date-field-based-on-the-entry-in-another-date-field" class="hash-link" aria-label="Direct link to Restrict the date field based on the entry in another date field" title="Direct link to Restrict the date field based on the entry in another date field">​</a></h3><p>One common scenario is that the date fields are restricted based on the entry in another date field.
 In the example below, we restrict the course end time based on the selection of course start date.</p><img loading="lazy" src="https://i.imgur.com/bCXn1vE.png" width="450" alt="Blazor Bootstrap:- Date Input Component - Restrict the date field based on the entry in another date field" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">ComponentModel</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">DataAnnotations</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-css codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-css codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token selector" style="color:rgb(215, 186, 125)">&lt;style</span><span class="token selector combinator" style="color:rgb(215, 186, 125)">&gt;</span><span class="token selector" style="color:rgb(215, 186, 125)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token selector" style="color:rgb(215, 186, 125)">    </span><span class="token selector class" style="color:rgb(215, 186, 125)">.valid</span><span class="token selector class" style="color:rgb(215, 186, 125)">.modified</span><span class="token selector pseudo-class" style="color:rgb(215, 186, 125)">:not</span><span class="token selector punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token selector attribute punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token selector attribute attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token selector attribute operator" style="color:rgb(212, 212, 212)">=</span><span class="token selector attribute attr-value" style="color:rgb(206, 145, 120)">checkbox</span><span class="token selector attribute punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token selector punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token property">outline</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token unit">px</span><span class="token plain"> solid </span><span class="token hexcode color">#26b050</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token selector class" style="color:rgb(215, 186, 125)">.invalid</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token property">outline</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token unit">px</span><span class="token plain"> solid </span><span class="token color">red</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token selector class" style="color:rgb(215, 186, 125)">.validation-message</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token property">color</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token color">red</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">&lt;/style&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EditContext</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">editContext</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnValidSubmit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HandleValidSubmit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">novalidate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DataAnnotationsValidator</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Course Name: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">InputText</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-control</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">onlineCourseForm.CourseName</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> onlineCourseForm</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">CourseName</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Start Date: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DateInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DateTime?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">onlineCourseForm.StartDate</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueExpression</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; onlineCourseForm.StartDate</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(value) =&gt; StartDateChanged(value)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> onlineCourseForm</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">StartDate</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">End Date: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DateInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">endDateInput</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DateTime?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">onlineCourseForm.EndDate</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableMinMax</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">courseMinDate</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">courseMaxDate</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> onlineCourseForm</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">EndDate</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-12 text-right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ResetForm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reset</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Submit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end me-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Submit</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">DateInput</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">DateTime</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> endDateInput </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">OnlineCourseForm</span><span class="token block csharp language-csharp"> onlineCourseForm </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token block csharp language-csharp"> editContext</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">DateTime</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> courseMinDate</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">DateTime</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> courseMaxDate</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">ToastService</span><span class="token block csharp language-csharp"> _toastService </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        editContext </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">onlineCourseForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">base</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">StartDateChanged</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">DateTime</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> startDate</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">startDate </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">||</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp">startDate</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HasValue</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            onlineCourseForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">StartDate </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            onlineCourseForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">EndDate </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            courseMinDate </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            courseMaxDate </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            endDateInput</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Disable</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        onlineCourseForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">StartDate </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> startDate</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        onlineCourseForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">EndDate </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        courseMinDate </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> startDate</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Value</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        courseMaxDate </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> startDate</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Value</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">AddDays</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">5</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        endDateInput</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Enable</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HandleValidSubmit</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> toastMessage </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">type</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> ToastType</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">iconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Check2All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Success!&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">helpText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">DateTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Now</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">ToLocalTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">message</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Online course schedule created.&quot;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        _toastService</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Notify</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">toastMessage</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ResetForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        onlineCourseForm </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        editContext </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">onlineCourseForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">class</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">OnlineCourseForm</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token block csharp language-csharp attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp attribute attribute-arguments">ErrorMessage </span><span class="token block csharp language-csharp attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp attribute attribute-arguments"> </span><span class="token block csharp language-csharp attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Course Name required.&quot;</span><span class="token block csharp language-csharp attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token block csharp language-csharp"> CourseName </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token block csharp language-csharp attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp attribute attribute-arguments">ErrorMessage </span><span class="token block csharp language-csharp attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp attribute attribute-arguments"> </span><span class="token block csharp language-csharp attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Start Date required.&quot;</span><span class="token block csharp language-csharp attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">DateTime</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> StartDate </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token block csharp language-csharp attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp attribute attribute-arguments">ErrorMessage </span><span class="token block csharp language-csharp attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp attribute attribute-arguments"> </span><span class="token block csharp language-csharp attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;End Date required.&quot;</span><span class="token block csharp language-csharp attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">DateTime</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> EndDate </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/04-forms/date-input.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/forms/currency-input"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Currency Input</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/forms/number-input"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Number Input</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#events" class="table-of-contents__link toc-highlight">Events</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#basic-usage" class="table-of-contents__link toc-highlight">Basic usage</a></li><li><a href="#generic-type" class="table-of-contents__link toc-highlight">Generic type</a></li><li><a href="#enable-min-and-max" class="table-of-contents__link toc-highlight">Enable min and max</a></li><li><a href="#disable" class="table-of-contents__link toc-highlight">Disable</a></li><li><a href="#validations" class="table-of-contents__link toc-highlight">Validations</a></li><li><a href="#events-valuechanged" class="table-of-contents__link toc-highlight">Events: ValueChanged</a></li><li><a href="#restrict-the-date-field-based-on-the-entry-in-another-date-field" class="table-of-contents__link toc-highlight">Restrict the date field based on the entry in another date field</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/forms/number-input.html b/forms/number-input.html
index d65482591..e5d45443b 100644
--- a/forms/number-input.html
+++ b/forms/number-input.html
@@ -10,15 +10,15 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/forms/autocomplete">Forms</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/autocomplete">Auto Complete</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/currency-input">Currency Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/date-input">Date Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/forms/number-input">Number Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/range-input">Range Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/switch">Switch</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/time-input">Time Input</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Forms</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Number Input</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Number Input</h1><p>Blazor Bootstrap <code>NumberInput</code> component is built around HTML input of <code>type=&quot;number&quot;</code> that prevents the user input based on the parameters set.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/XXD0xF4.png" alt="Blazor Bootstrap: Number Input Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">AllowNegativeNumbers</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">If true, allows negative numbers.</td><td align="left">1.0.0</td></tr><tr><td align="left">AutoComplete</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">If true, NumberInput can complete the values automatically by the browser.</td><td align="left">1.0.0</td></tr><tr><td align="left">Disabled</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the disabled state.</td><td align="left">1.0.0</td></tr><tr><td align="left">EnableMinMax</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Determines whether to restrict the user input to Min and Max range. If true, restricts the user input between the Min and Max range. Else accepts the user input.</td><td align="left">1.0.0</td></tr><tr><td align="left">Locale</td><td align="left">string</td><td align="left"><code>en-US</code></td><td align="left">✔️</td><td align="left">Gets or sets the locale.</td><td align="left">1.0.0</td></tr><tr><td align="left">Max</td><td align="left">TValue</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the max. Max ignored if EnableMinMax=&quot;false&quot;.</td><td align="left">1.0.0</td></tr><tr><td align="left">Min</td><td align="left">TValue</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the min. Min ignored if EnableMinMax=&quot;false&quot;.</td><td align="left">1.0.0</td></tr><tr><td align="left">Placeholder</td><td align="left"><code>string?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the placeholder.</td><td align="left">1.0.0</td></tr><tr><td align="left">Step</td><td align="left"><code>double?</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the step.</td><td align="left">1.0.0</td></tr><tr><td align="left">TextAlignment</td><td align="left"><code>Alignment</code></td><td align="left"><code>Alignment.None</code></td><td align="left"></td><td align="left">Gets or sets the text alignment.</td><td align="left">1.0.0</td></tr><tr><td align="left">Value</td><td align="left">TValue</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the value.</td><td align="left">1.0.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left">Disable()</td><td align="left">Disables number input.</td></tr><tr><td align="left">Enable()</td><td align="left">Enables number input.</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="events">Events<a href="#events" class="hash-link" aria-label="Direct link to Events" title="Direct link to Events">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left">ValueChanged</td><td align="left">This event fired on every user keystroke that changes the <code>NumberInput</code> value.</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="basic-usage">Basic usage<a href="#basic-usage" class="hash-link" aria-label="Direct link to Basic usage" title="Direct link to Basic usage">​</a></h3><p>By default, <code>e + -</code> are blocked. For all integral numeric types, dot <code>.</code> is blocked.</p><img loading="lazy" src="https://i.imgur.com/XXD0xF4.png" alt="Blazor Bootstrap: Number Input Component - Basic usage" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/number-input#basic-usage" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="generic-type">Generic type<a href="#generic-type" class="hash-link" aria-label="Direct link to Generic type" title="Direct link to Generic type">​</a></h3><p><code>NumberInput</code> is a generic component. Always specify the exact type. In the below example <b>TValue</b> is set to <code>int</code>, <code>int?</code>, <code>float</code>, <code>float?</code>, <code>double</code>, <code>double?</code>, <code>decimal</code>, and <code>decimal?</code>.</p><img loading="lazy" src="https://i.imgur.com/iUNBkki.png" alt="Blazor Bootstrap: Number Input Component - Generic type" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter int number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Number: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter int? number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Number: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter float number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Number: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount3</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter float? number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Number: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter double number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">double</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Number: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount5</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter double? number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">double?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount6</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Number: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount6</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter decimal number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount7</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Number: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount7</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Enter decimal? number</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Number: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount8</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">float</span><span class="token plain"> amount3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">float</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount4</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token plain"> amount5</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">double</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount6</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount7</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/number-input#generic-type" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="enable-min-and-max">Enable min and max<a href="#enable-min-and-max" class="hash-link" aria-label="Direct link to Enable min and max" title="Direct link to Enable min and max">​</a></h3><p>Set <code>EnableMinMax=&quot;true&quot;</code> and set the <code>Min</code> and <code>Max</code> parameters to restrict the user input between the Min and Max range.</p><img loading="lazy" src="https://i.imgur.com/v4SWtWs.png" alt="Blazor Bootstrap: Number Input Component - Enable min and max" class="img_ev3q"><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>If the user tries to enter a number in the <b>NumberInput</b> field which is out of range, then it will override with Min or Max value based on the context.
 If the user input is less than the Min value, then it will override with the Min value.
 If the user input exceeds the Max value, it will override with the Max value.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableMinMax</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">500</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Tip: The amount must be between 10 and 500.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/number-input#enable-min-and-max" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="step">Step<a href="#step" class="hash-link" aria-label="Direct link to Step" title="Direct link to Step">​</a></h3><p>The <code>Step</code> sets the stepping interval when clicking the up and down spinner buttons. If not explicitly included, <code>Step</code> defaults to <b>1</b>.</p><img loading="lazy" src="https://i.imgur.com/Lq10NP1.png" alt="Blazor Bootstrap: Number Input Component - Step" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Step</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Info: Here </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Step</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> parameter is set to </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">10</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Step</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">2.5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Info: Here </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Step</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">code</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> parameter is set to </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">2.5</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/number-input#step" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="text-alignment">Text alignment<a href="#text-alignment" class="hash-link" aria-label="Direct link to Text alignment" title="Direct link to Text alignment">​</a></h3><p>You can change the text alignment according to your need. Use the <code>TextAlignment</code> parameter to set the alignment. In the below example, alignment is set to center and end.</p><img loading="lazy" src="https://i.imgur.com/hbHHfKr.png" alt="Blazor Bootstrap: Number Input Component - Text alignment" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.Center</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TextAlignment</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Alignment.End</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">2.34M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/number-input#text-alignment" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="allow-negative-numbers">Allow negative numbers<a href="#allow-negative-numbers" class="hash-link" aria-label="Direct link to Allow negative numbers" title="Direct link to Allow negative numbers">​</a></h3><p>By default, negative numbers are not allowed. Set the <code>AllowNegativeNumbers</code> parameter to true to allow the negative numbers.</p><img loading="lazy" src="https://i.imgur.com/jmtUxzB.png" alt="Blazor Bootstrap: Number Input Component - Allow negative numbers" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AllowNegativeNumbers</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Tip: Negative numbers are also allowed.</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered Amount: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/number-input#allow-negative-numbers" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable">Disable<a href="#disable" class="hash-link" aria-label="Direct link to Disable" title="Direct link to Disable">​</a></h3><p>Use the <b>Disabled</b> parameter to disable the NumberInput.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                 </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                 </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">disabled</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                 </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Toggle</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Toggle </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Toggle</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">disabled</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Also, use <strong>Enable()</strong> and <strong>Disable()</strong> methods to enable and disable the NumberInput.</p><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Do not use both the <strong>Disabled</strong> parameter and <strong>Enable()</strong> &amp; <strong>Disable()</strong> methods.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">numberInput</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                 </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                 </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                 </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> numberInput </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> numberInput</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> numberInput</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/number-input#disable" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="validations">Validations<a href="#validations" class="hash-link" aria-label="Direct link to Validations" title="Direct link to Validations">​</a></h3><p>Like any other blazor input component, <code>NumberInput</code> supports validations. Add the DataAnnotations on the <code>NumberInput</code> component to validate the user input before submitting the form. In the below example, we used <b>Required</b> and <b>Range</b> attributes.</p><img loading="lazy" src="https://i.imgur.com/K7bepKc.png" alt="Blazor Bootstrap: Number Input Component - Validations" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">ComponentModel</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">DataAnnotations</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.valid</span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.modified</span><span class="token style language-css selector pseudo-class" style="color:rgb(215, 186, 125)">:not</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token style language-css selector attribute attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token style language-css selector attribute operator" style="color:rgb(212, 212, 212)">=</span><span class="token style language-css selector attribute attr-value" style="color:rgb(206, 145, 120)">checkbox</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css hexcode color">#26b050</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.invalid</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.validation-message</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">color</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EditContext</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">editContext</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnValidSubmit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HandleOnValidSubmit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DataAnnotationsValidator</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Item Price: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">invoice.Price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueExpression</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; invoice.Price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(value) =&gt; PriceChanged(value)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> invoice</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Price</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Item Discount:</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">invoice.Discount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueExpression</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; invoice.Discount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(value) =&gt; DiscountChanged(value)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter discount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> invoice</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Discount</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Total Amount: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">invoice.Total</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter total</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> invoice</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Total</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-12 text-right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ResetForm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reset</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Submit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end me-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Submit</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Invoice</span><span class="token plain"> invoice </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token plain"> editContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        editContext </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnParametersSet</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token function" style="color:rgb(220, 220, 170)">CalculateToatl</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnParametersSet</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">PriceChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Price </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token function" style="color:rgb(220, 220, 170)">CalculateToatl</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">DiscountChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Discount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token function" style="color:rgb(220, 220, 170)">CalculateToatl</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">CalculateToatl</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> price </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Price</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HasValue </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Price</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Value </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> discount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Discount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HasValue </span><span class="token punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Discount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Value </span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Total </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> price </span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain"> discount</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">HandleOnValidSubmit</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Price: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">invoice</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Price</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Discount: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">invoice</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Discount</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        Console</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">WriteLine</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Total: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">invoice</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Total</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ResetForm</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        invoice </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        editContext </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">invoice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">class</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Invoice</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments">ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Price required.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Range</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">60</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">500</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Price should be between 60 and 500.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Price </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">232M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Range</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">0</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">50</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Discount should be between 0 and 50.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Discount </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments">ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Amount required.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Range</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">10</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments number" style="color:rgb(181, 206, 168)">500</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token attribute attribute-arguments"> ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Total should be between 60 and 500.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> Total </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/number-input#validations" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="events-valuechanged">Events: ValueChanged<a href="#events-valuechanged" class="hash-link" aria-label="Direct link to Events: ValueChanged" title="Direct link to Events: ValueChanged">​</a></h3><p>This event fires on every user keystroke that changes the <code>NumberInput</code> value.</p><img loading="lazy" src="https://i.imgur.com/1DGW8dG.png" alt="Blazor Bootstrap: Number Input Component - Events: ValueChanged" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Item Price: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">NumberInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueExpression</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(value) =&gt; PriceChanged(value)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter price</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">displayPrice</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> price </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10M</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> displayPrice</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">PriceChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        price </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// this is mandatory</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        displayPrice </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Price: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp keyword" style="color:rgb(86, 156, 214)">value</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">, changed at </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">ToLocalTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/number-input#event-value-changed" target="_blank" rel="noopener noreferrer">See demo here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/04-forms/number-input.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/forms/date-input"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Date Input</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/forms/range-input"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Range Input</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#events" class="table-of-contents__link toc-highlight">Events</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#basic-usage" class="table-of-contents__link toc-highlight">Basic usage</a></li><li><a href="#generic-type" class="table-of-contents__link toc-highlight">Generic type</a></li><li><a href="#enable-min-and-max" class="table-of-contents__link toc-highlight">Enable min and max</a></li><li><a href="#step" class="table-of-contents__link toc-highlight">Step</a></li><li><a href="#text-alignment" class="table-of-contents__link toc-highlight">Text alignment</a></li><li><a href="#allow-negative-numbers" class="table-of-contents__link toc-highlight">Allow negative numbers</a></li><li><a href="#disable" class="table-of-contents__link toc-highlight">Disable</a></li><li><a href="#validations" class="table-of-contents__link toc-highlight">Validations</a></li><li><a href="#events-valuechanged" class="table-of-contents__link toc-highlight">Events: ValueChanged</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/forms/range-input.html b/forms/range-input.html
index 6f769000d..11a15996f 100644
--- a/forms/range-input.html
+++ b/forms/range-input.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/forms/autocomplete">Forms</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/autocomplete">Auto Complete</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/currency-input">Currency Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/date-input">Date Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/number-input">Number Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/forms/range-input">Range Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/switch">Switch</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/time-input">Time Input</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Forms</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Range Input</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Range Input</h1><p>Blazor Bootstrap <code>RangeInput</code> component is built around HTML input of <code>type=&quot;range&quot;</code>.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/rWDDHaf.png" alt="Blazor Bootstrap: Range Input Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Disabled</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the disabled state.</td><td align="left">1.10.6</td></tr><tr><td align="left">Max</td><td align="left">TValue</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the maximum value of the range input.</td><td align="left">1.10.6</td></tr><tr><td align="left">Min</td><td align="left">TValue</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the minimum value of the range input.</td><td align="left">1.10.6</td></tr><tr><td align="left">Step</td><td align="left">double</td><td align="left">1</td><td align="left"></td><td align="left">Gets or sets the step value of the range input.</td><td align="left">1.10.6</td></tr><tr><td align="left">TickMarks</td><td align="left"><code>IEnumerable&lt;TickMark&gt;</code></td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the tick marks.</td><td align="left">1.10.6</td></tr><tr><td align="left">Value</td><td align="left">TValue</td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the value of the range input.</td><td align="left">1.10.6</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Disable()</td><td align="left">Disables range input.</td><td align="left">1.10.6</td></tr><tr><td align="left">Enable()</td><td align="left">Enables range input.</td><td align="left">1.10.6</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="events">Events<a href="#events" class="hash-link" aria-label="Direct link to Events" title="Direct link to Events">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ValueChanged</td><td align="left">This event fires when the user specifies a numeric value.</td><td align="left">1.10.6</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="tickmark-properties">TickMark Properties<a href="#tickmark-properties" class="hash-link" aria-label="Direct link to TickMark Properties" title="Direct link to TickMark Properties">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Label</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the label.</td><td align="left">1.10.6</td></tr><tr><td align="left">Value</td><td align="left"><code>string?</code></td><td align="left"></td><td align="left"></td><td align="left">Gets or sets the value.</td><td align="left">1.10.6</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="basic-usage">Basic usage<a href="#basic-usage" class="hash-link" aria-label="Direct link to Basic usage" title="Direct link to Basic usage">​</a></h3><img loading="lazy" src="https://i.imgur.com/SztD1ZU.png" alt="Blazor Bootstrap: Range Input Component - Basic usage" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><img loading="lazy" src="https://i.imgur.com/nxvWYE4.png" alt="Blazor Bootstrap: Range Input Component - Multiple" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex flex-row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex flex-row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex flex-row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount3</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex flex-row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">20</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">float</span><span class="token plain"> amount3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">30</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">float</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount4 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">40</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/range-input#basic-usage" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disabled">Disabled<a href="#disabled" class="hash-link" aria-label="Direct link to Disabled" title="Direct link to Disabled">​</a></h3><p>Use the <code>Disabled</code> parameter to disable the <code>RangeInput</code>.</p><img loading="lazy" src="https://i.imgur.com/lVl4D7H.png" alt="Blazor Bootstrap: Range Input Component - Disabled parameter" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">disabled</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Toggle</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Toggle </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Toggle</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">disabled</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Also, use <code>Enable()</code> and <code>Disable()</code> methods to enable and disable the <code>RangeInput</code>.</p><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>danger</div><div class="admonitionContent_S0QG"><p>Do not use both the <code>Disabled</code> parameter and <code>Enable()</code> &amp; <code>Disable()</code> methods.</p></div></div><img loading="lazy" src="https://i.imgur.com/Xmo0wwM.png" alt="Blazor Bootstrap: Range Input Component - Disable method" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Amount</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">rangeInput</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> rangeInput </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> rangeInput</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> rangeInput</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/range-input#disabled" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="min-and-max">Min and max<a href="#min-and-max" class="hash-link" aria-label="Direct link to Min and max" title="Direct link to Min and max">​</a></h3><p>Set the <code>Min</code> and <code>Max</code> parameters to restrict the user input between the <code>Min</code> and <code>Max</code> range. By default, the minimum is 0.</p><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>caution</div><div class="admonitionContent_S0QG"><p>By default the maximum is 100 for <code>sbyte?</code>, <code>short?</code>, <code>int?</code>, <code>long?</code>, <code>float?</code>, <code>double?</code> and <code>decimal?</code> data types. For other data types it is 0.</p><p>If the user tries to specify a numeric value which is out of range, then it will override with <code>Min</code> or <code>Max</code> value based on the context. If the user input is less than the minimum value, then it will override with the <code>Min</code> value. If the user input exceeds the maximum value, it will override with the <code>Max</code> value.</p></div></div><img loading="lazy" src="https://i.imgur.com/F3aLA65.png" alt="Blazor Bootstrap: Range Input Component - Min and max" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex flex-row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token number" style="color:rgb(181, 206, 168)">3</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/range-input#min-and-max" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="step">Step<a href="#step" class="hash-link" aria-label="Direct link to Step" title="Direct link to Step">​</a></h3><p>The <code>Step</code> parameter is a number that specifies the granularity that the value must adhere to. Only values that match the specified stepping interval are valid.</p><img loading="lazy" src="https://i.imgur.com/QTuu33z.png" alt="Blazor Bootstrap: Range Input Component - Step" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex flex-row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex flex-row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">int?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Step</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">5</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex flex-row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Step</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount3</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex flex-row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Step</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">20</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ms-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount4</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token plain"> amount1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">int</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">20</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">float</span><span class="token plain"> amount3 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">30</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">float</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> amount4 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">40</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/range-input#step" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="decimal-values">Decimal values<a href="#decimal-values" class="hash-link" aria-label="Direct link to Decimal values" title="Direct link to Decimal values">​</a></h3><img loading="lazy" src="https://i.imgur.com/Z6v6dqw.png" alt="Blazor Bootstrap: Range Input Component - Decimal values" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">decimal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Step</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0.01</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">amount1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">decimal</span><span class="token plain"> amount1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/range-input#decimal-values" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="tick-marks">Tick marks<a href="#tick-marks" class="hash-link" aria-label="Direct link to Tick marks" title="Direct link to Tick marks">​</a></h3><p>To add tick marks to a <code>RangeInput</code>, set the <code>TickMarks</code> parameter.</p><img loading="lazy" src="https://i.imgur.com/dcMBuxT.png" alt="Blazor Bootstrap: Range Input Component - Tick marks" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">d-flex mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">flex-fill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">RangeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">temperature1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">100</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TickMarks</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">list</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">BadgeColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mx-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">VisuallyHiddenText</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">amount1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">temperature1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Badge</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Fahrenheit</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">float</span><span class="token plain"> temperature1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">TickMark</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> list </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">TickMark</span><span class="token constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;very cold!&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Value </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;0&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;cool&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Value </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;25&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;medium&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Value </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;50&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;getting warm!&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Value </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;75&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> Label </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;hot!&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> Value </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;100&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/range-input#tick-marks" target="_blank" rel="noopener noreferrer">See demo here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/04-forms/range-input.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/forms/number-input"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Number Input</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/forms/switch"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Switch</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#events" class="table-of-contents__link toc-highlight">Events</a></li><li><a href="#tickmark-properties" class="table-of-contents__link toc-highlight">TickMark Properties</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#basic-usage" class="table-of-contents__link toc-highlight">Basic usage</a></li><li><a href="#disabled" class="table-of-contents__link toc-highlight">Disabled</a></li><li><a href="#min-and-max" class="table-of-contents__link toc-highlight">Min and max</a></li><li><a href="#step" class="table-of-contents__link toc-highlight">Step</a></li><li><a href="#decimal-values" class="table-of-contents__link toc-highlight">Decimal values</a></li><li><a href="#tick-marks" class="table-of-contents__link toc-highlight">Tick marks</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/forms/switch.html b/forms/switch.html
index 2747cb8de..8eda0f80f 100644
--- a/forms/switch.html
+++ b/forms/switch.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/forms/autocomplete">Forms</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/autocomplete">Auto Complete</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/currency-input">Currency Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/date-input">Date Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/number-input">Number Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/range-input">Range Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/forms/switch">Switch</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/forms/time-input">Time Input</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Forms</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Switch</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Switch</h1><p>Use the Blazor Bootstrap <code>Switch</code> component to show the consistent cross-browser and cross-device custom checkboxes.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Switch Component" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="parameters">Parameters<a href="#parameters" class="hash-link" aria-label="Direct link to Parameters" title="Direct link to Parameters">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Type</th><th align="left">Default</th><th align="left">Required</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Disabled</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the disabled state.</td><td align="left">1.3.0</td></tr><tr><td align="left">Label</td><td align="left">string</td><td align="left">null</td><td align="left"></td><td align="left">Gets or sets the label.</td><td align="left">1.3.0</td></tr><tr><td align="left">Reverse</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Determines whether to put the switch on the opposite side.</td><td align="left">1.3.0</td></tr><tr><td align="left">Value</td><td align="left">bool</td><td align="left">false</td><td align="left"></td><td align="left">Gets or sets the value.</td><td align="left">1.3.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Return Type</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">Disable()</td><td align="left">void</td><td align="left">Disables switch.</td><td align="left">1.3.0</td></tr><tr><td align="left">Enable()</td><td align="left">void</td><td align="left">Enables switch.</td><td align="left">1.3.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="events">Events<a href="#events" class="hash-link" aria-label="Direct link to Events" title="Direct link to Events">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Description</th><th align="left">Added Version</th></tr></thead><tbody><tr><td align="left">ValueChanged</td><td align="left">This event fired when the switch selection changed.</td><td align="left">1.3.0</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="basic-usage">Basic usage<a href="#basic-usage" class="hash-link" aria-label="Direct link to Basic usage" title="Direct link to Basic usage">​</a></h3><img loading="lazy" src="https://i.imgur.com/ALKzreq.png" alt="Blazor Bootstrap: Switch Component - Basic usage" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Switch</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">agree1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Label</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Default switch checkbox input</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Switch</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">agree2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Label</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Checked switch checkbox input</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Switch 1 Status: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">agree1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Switch 2 Status: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">agree2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">b</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> agree1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> agree2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/switch#basic-usage" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable">Disable<a href="#disable" class="hash-link" aria-label="Direct link to Disable" title="Direct link to Disable">​</a></h3><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable-1">Disable<a href="#disable-1" class="hash-link" aria-label="Direct link to Disable" title="Direct link to Disable">​</a></h3><p>Use the <b>Disabled</b> parameter to disable the Switch.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Switch</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">agree</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">disabled</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Label</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disabled switch checkbox input</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Toggle</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Toggle </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> agree </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Toggle</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">disabled</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Also, use <strong>Enable()</strong> and <strong>Disable()</strong> methods to enable and disable the Switch.</p><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Do not use both the <strong>Disabled</strong> parameter and <strong>Enable()</strong> &amp; <strong>Disable()</strong> methods.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Switch</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">switch1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">agree</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Label</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disabled switch checkbox input</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">Switch</span><span class="token plain"> switch1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> agree </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> switch1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> switch1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/autocomplete#disable" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="reverse">Reverse<a href="#reverse" class="hash-link" aria-label="Direct link to Reverse" title="Direct link to Reverse">​</a></h3><p>Put your switches on the opposite side by using the <code>Reverse</code> parameter.</p><img loading="lazy" src="https://i.imgur.com/Eo7kY1f.png" alt="Blazor Bootstrap: Switch Component - Reverse" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Switch</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">agree</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Label</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Reverse switch checkbox input</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Reverse</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> agree</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/switch#reverse" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="events-valuechanged">Events: ValueChanged<a href="#events-valuechanged" class="hash-link" aria-label="Direct link to Events: ValueChanged" title="Direct link to Events: ValueChanged">​</a></h3><p>This event fired when the <code>Switch</code> selection changed.</p><img loading="lazy" src="https://i.imgur.com/MZe3u1z.png" alt="Blazor Bootstrap: Switch Component - Events: ValueChanged" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Switch</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">agree</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Label</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Default switch checkbox input</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueExpression</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; agree</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SwitchChanged</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mt-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">displaySwitchStatus</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> agree</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> displaySwitchStatus</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">SwitchChanged</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        agree </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">value</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// this is mandatory</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        displaySwitchStatus </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Switch Status: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp keyword" style="color:rgb(86, 156, 214)">value</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">, changed at </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">ToLocalTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/switch#events-value-changed" target="_blank" rel="noopener noreferrer">See demo here</a></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/04-forms/switch.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/forms/range-input"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Range Input</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/forms/time-input"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Time Input</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#events" class="table-of-contents__link toc-highlight">Events</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#basic-usage" class="table-of-contents__link toc-highlight">Basic usage</a></li><li><a href="#disable" class="table-of-contents__link toc-highlight">Disable</a></li><li><a href="#disable-1" class="table-of-contents__link toc-highlight">Disable</a></li><li><a href="#reverse" class="table-of-contents__link toc-highlight">Reverse</a></li><li><a href="#events-valuechanged" class="table-of-contents__link toc-highlight">Events: ValueChanged</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/forms/time-input.html b/forms/time-input.html
index 500ad9ad8..3ae9be460 100644
--- a/forms/time-input.html
+++ b/forms/time-input.html
@@ -10,8 +10,8 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
@@ -20,7 +20,7 @@
 If the user input exceeds the Max value, it will override with the Max value.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">TimeOnly</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TimeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TimeOnly</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">time1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableMinMax</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">min1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">max1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Min time: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">min1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Max time: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">max1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered time: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">time1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">TimeOnly?</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">strong</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">:</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TimeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TimeOnly?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">time2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableMinMax</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">min2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">max2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Min time: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">min2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Max time: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">max2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered time: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">time2</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token plain"> time1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> min1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> max1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> time2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> min2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> max2</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        time1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// 10:00 AM</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        min1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// 08:00 AM</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        max1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">18</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// 06:00 PM</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        time2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">null</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        min2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">8</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// 08:00 AM</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        max2 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">18</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">0</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// 06:00 PM</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/time-input#enable-max-min" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="disable">Disable<a href="#disable" class="hash-link" aria-label="Direct link to Disable" title="Direct link to Disable">​</a></h3><p>Use the <b>Disabled</b> parameter to disable the TimeInput.</p><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TimeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TimeOnly</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">time1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">disabled</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered time: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">time1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Toggle</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Toggle </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token plain"> time1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">50</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// 10:50 AM</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">bool</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Toggle</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> disabled </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">disabled</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Also, use <strong>Enable()</strong> and <strong>Disable()</strong> methods to enable and disable the TimeInput.</p><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Do not use both the <strong>Disabled</strong> parameter and <strong>Enable()</strong> &amp; <strong>Disable()</strong> methods.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TimeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">timeInput1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TimeOnly</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">time1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Entered time: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">time1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Disable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Disable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enable</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> Enable </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">TimeInput</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> timeInput1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token plain"> time1 </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token number" style="color:rgb(181, 206, 168)">10</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">50</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// 10:50 AM</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> timeInput1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Disable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> timeInput1</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Enable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/time-input#disable" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="validations">Validations<a href="#validations" class="hash-link" aria-label="Direct link to Validations" title="Direct link to Validations">​</a></h3><p>Like any other blazor input component, <code>TimeInput</code> component supports validations.
 Use the Use the <strong>DataAnnotations</strong> to validate the user input before submitting the form. In the below example, we used the <code>Required</code> attributes.</p><img loading="lazy" src="https://i.imgur.com/qLmWjXC.png" alt="Blazor Bootstrap: Time Input Component - Validations" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">ComponentModel</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">DataAnnotations</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.valid</span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.modified</span><span class="token style language-css selector pseudo-class" style="color:rgb(215, 186, 125)">:not</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token style language-css selector attribute attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token style language-css selector attribute operator" style="color:rgb(212, 212, 212)">=</span><span class="token style language-css selector attribute attr-value" style="color:rgb(206, 145, 120)">checkbox</span><span class="token style language-css selector attribute punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token style language-css selector punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css hexcode color">#26b050</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.invalid</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">outline</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css number" style="color:rgb(181, 206, 168)">1</span><span class="token style language-css unit">px</span><span class="token style language-css"> solid </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css selector class" style="color:rgb(215, 186, 125)">.validation-message</span><span class="token style language-css"> </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">        </span><span class="token style language-css property">color</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token style language-css"> </span><span class="token style language-css color">red</span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css">    </span><span class="token style language-css punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token style language-css"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token style language-css"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">style</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EditContext</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">editContext</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnValidSubmit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HandleValidSubmit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">novalidate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DataAnnotationsValidator</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Flight Number: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">InputText</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-control</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">flightForm.FlightNumber</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Enter Flight Number</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> flightForm</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">FlightNumber</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Departure Date: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DateInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DateOnly?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-control</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">flightForm.DepartureDate</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> flightForm</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DepartureDate</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Departure Time: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TimeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TimeOnly?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">flightForm.DepartureTime</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> flightForm</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DepartureTime</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Arrival Date: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DateInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">DateOnly?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-control</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">flightForm.ArrivalDate</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> flightForm</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">ArrivalDate</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Arrival Time: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TimeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TimeOnly?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">flightForm.ArrivalTime</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> flightForm</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">ArrivalTime</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-12 text-right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ResetForm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reset</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Submit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end me-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Submit</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">FlightForm</span><span class="token plain"> flightForm </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token plain"> editContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ToastService</span><span class="token plain"> _toastService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">override</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        editContext </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">flightForm</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">base</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">HandleValidSubmit</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> toastMessage </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">type</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> ToastType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Success</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">iconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> IconName</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Check2All</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Success!&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">helpText</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">DateTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Now</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">ToLocalTime</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">message</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Flight schedule created.&quot;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        _toastService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Notify</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">toastMessage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ResetForm</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        flightForm </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        editContext </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">flightForm</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">class</span><span class="token plain"> </span><span class="token class-name" style="color:rgb(78, 201, 176)">FlightForm</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments">ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Flight Number required.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name keyword" style="color:rgb(86, 156, 214)">string</span><span class="token plain"> FlightNumber </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments">ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Departure Date required.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> DepartureDate </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments">ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Departure Time required.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> DepartureTime </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments">ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Arrival Date required.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">DateOnly</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> ArrivalDate </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token attribute attribute-arguments">ErrorMessage </span><span class="token attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token attribute attribute-arguments"> </span><span class="token attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Arrival Time required.&quot;</span><span class="token attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">public</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token plain"> ArrivalTime </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/time-input#validations" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="events-valuechanged">Events: ValueChanged<a href="#events-valuechanged" class="hash-link" aria-label="Direct link to Events: ValueChanged" title="Direct link to Events: ValueChanged">​</a></h3><p>This event fires on every user keystroke/selection that changes the <code>TimeInput</code> value.</p><img loading="lazy" src="https://i.imgur.com/G1QQGsB.png" alt="Blazor Bootstrap: Time Input Component - Events: ValueChanged" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TimeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TimeOnly</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">time1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueExpression</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; time1</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(value) =&gt; TimeChanged(value)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Changed time: </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">time1</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token block csharp language-csharp"> time1 </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">10</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">0</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp comment" style="color:rgb(106, 153, 85)">// 10:00 AM</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">TimeChanged</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token block csharp language-csharp"> timeOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        time1 </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> timeOnly</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/form/time-input#event-value-changed" target="_blank" rel="noopener noreferrer">See demo here</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="restrict-the-date-field-based-on-the-entry-in-another-date-field">Restrict the date field based on the entry in another date field<a href="#restrict-the-date-field-based-on-the-entry-in-another-date-field" class="hash-link" aria-label="Direct link to Restrict the date field based on the entry in another date field" title="Direct link to Restrict the date field based on the entry in another date field">​</a></h3><p>One common scenario is that the time fields are restricted based on the entry in another time field.
 In the example below, we restrict the arrival time based on the selection of departure.</p><img loading="lazy" src="https://i.imgur.com/lauXJ7H.png" alt="Blazor Bootstrap:- Time Input Component - Restrict the date field based on the entry in another date field" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">ComponentModel</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">DataAnnotations</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-css codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-css codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token selector" style="color:rgb(215, 186, 125)">&lt;style</span><span class="token selector combinator" style="color:rgb(215, 186, 125)">&gt;</span><span class="token selector" style="color:rgb(215, 186, 125)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token selector" style="color:rgb(215, 186, 125)">    </span><span class="token selector class" style="color:rgb(215, 186, 125)">.valid</span><span class="token selector class" style="color:rgb(215, 186, 125)">.modified</span><span class="token selector pseudo-class" style="color:rgb(215, 186, 125)">:not</span><span class="token selector punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token selector attribute punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token selector attribute attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token selector attribute operator" style="color:rgb(212, 212, 212)">=</span><span class="token selector attribute attr-value" style="color:rgb(206, 145, 120)">checkbox</span><span class="token selector attribute punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token selector punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token property">outline</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token unit">px</span><span class="token plain"> solid </span><span class="token hexcode color">#26b050</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token selector class" style="color:rgb(215, 186, 125)">.invalid</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token property">outline</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token number" style="color:rgb(181, 206, 168)">1</span><span class="token unit">px</span><span class="token plain"> solid </span><span class="token color">red</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token selector class" style="color:rgb(215, 186, 125)">.validation-message</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token property">color</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token color">red</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">&lt;/style&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EditContext</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">editContext</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">OnValidSubmit</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">HandleValidSubmit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">novalidate</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">DataAnnotationsValidator</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Departure Time: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TimeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TimeOnly?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">flightForm.DepartureTime</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueExpression</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; flightForm.DepartureTime</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">ValueChanged</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">(value) =&gt; DepartureTimeChanged(value)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> flightForm</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">DepartureTime</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">form-group row mb-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-2 col-form-label</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Arrival Time: </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">text-danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">*</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">span</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">label</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-10</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">TimeInput</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">arrivalTimeInput</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">TValue</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">TimeOnly?</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@bind-Value</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">flightForm.ArrivalTime</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">EnableMinMax</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Min</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">arrivalMinTime</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Max</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">arrivalMaxTime</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">                       </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Disabled</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">ValidationMessage</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">For</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> </span><span class="token tag attr-value value variable csharp language-csharp operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)"> flightForm</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">ArrivalTime</span><span class="token tag attr-value value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">row</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">col-md-12 text-right</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Button</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ResetForm</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reset</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonType.Submit</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">float-end me-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Submit</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">EditForm</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">TimeInput</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> arrivalTimeInput </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">FlightForm</span><span class="token block csharp language-csharp"> flightForm </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token block csharp language-csharp"> editContext</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> arrivalMinTime</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> arrivalMaxTime</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">ToastService</span><span class="token block csharp language-csharp"> _toastService </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">protected</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">override</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        editContext </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">flightForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">base</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">OnInitialized</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">DepartureTimeChanged</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> departureTime</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">departureTime </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">||</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp">departureTime</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HasValue</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            flightForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">DepartureTime </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            flightForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ArrivalTime </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            arrivalMinTime </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            arrivalMaxTime </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            arrivalTimeInput</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Disable</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        flightForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">DepartureTime </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> departureTime</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        flightForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">ArrivalTime </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        arrivalMinTime </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> departureTime</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Value</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">AddHours</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">1</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        arrivalMaxTime </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> departureTime</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Value</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">AddHours</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp number" style="color:rgb(181, 206, 168)">12</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        arrivalTimeInput</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Enable</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">HandleValidSubmit</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token block csharp language-csharp"> toastMessage </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">ToastMessage</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">type</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> ToastType</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Success</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">iconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Check2All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">title</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Success!&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">helpText</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">DateTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp">Now</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp function" style="color:rgb(220, 220, 170)">ToLocalTime</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp interpolation-string string" style="color:rgb(206, 145, 120)">&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp named-parameter punctuation" style="color:rgb(212, 212, 212)">message</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Flight schedule created.&quot;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        _toastService</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">Notify</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">toastMessage</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name keyword" style="color:rgb(86, 156, 214)">void</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ResetForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        flightForm </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        editContext </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">EditContext</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">flightForm</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">class</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">FlightForm</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token block csharp language-csharp attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp attribute attribute-arguments">ErrorMessage </span><span class="token block csharp language-csharp attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp attribute attribute-arguments"> </span><span class="token block csharp language-csharp attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Departure Time required.&quot;</span><span class="token block csharp language-csharp attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> DepartureTime </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token block csharp language-csharp attribute class-name" style="color:rgb(78, 201, 176)">Required</span><span class="token block csharp language-csharp attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp attribute attribute-arguments">ErrorMessage </span><span class="token block csharp language-csharp attribute attribute-arguments operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp attribute attribute-arguments"> </span><span class="token block csharp language-csharp attribute attribute-arguments string" style="color:rgb(206, 145, 120)">&quot;Arrival Time required.&quot;</span><span class="token block csharp language-csharp attribute attribute-arguments punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">public</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">TimeOnly</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">?</span><span class="token block csharp language-csharp"> ArrivalTime </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">get</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">set</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/04-forms/time-input.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/forms/switch"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Switch</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components/accordion"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Accordion</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#parameters" class="table-of-contents__link toc-highlight">Parameters</a></li><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#events" class="table-of-contents__link toc-highlight">Events</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#basic-usage" class="table-of-contents__link toc-highlight">Basic usage</a></li><li><a href="#generic-type" class="table-of-contents__link toc-highlight">Generic type</a></li><li><a href="#enable-min-and-max" class="table-of-contents__link toc-highlight">Enable min and max</a></li><li><a href="#disable" class="table-of-contents__link toc-highlight">Disable</a></li><li><a href="#validations" class="table-of-contents__link toc-highlight">Validations</a></li><li><a href="#events-valuechanged" class="table-of-contents__link toc-highlight">Events: ValueChanged</a></li><li><a href="#restrict-the-date-field-based-on-the-entry-in-another-date-field" class="table-of-contents__link toc-highlight">Restrict the date field based on the entry in another date field</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/getting-started/blazor-server-net-6.html b/getting-started/blazor-server-net-6.html
index 43cbc668e..ab6ccd9be 100644
--- a/getting-started/blazor-server-net-6.html
+++ b/getting-started/blazor-server-net-6.html
@@ -10,14 +10,14 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor Server (.NET 6)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor Server (.NET 6)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.1</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the <code>&lt;base href=&quot;~/&quot; /&gt;</code> tag in the <strong>head</strong> section in the <strong>Pages/_Layout.cshtml</strong> file, add the following references:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>If you use the <strong>Blazor Server App Empty</strong> template (without demonstration code and Bootstrap), add the following references to the <code>head</code> section in the <strong>Pages/_Host.cshtml</strong>.
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor Server (.NET 6)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor Server (.NET 6)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.2</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the <code>&lt;base href=&quot;~/&quot; /&gt;</code> tag in the <strong>head</strong> section in the <strong>Pages/_Layout.cshtml</strong> file, add the following references:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>If you use the <strong>Blazor Server App Empty</strong> template (without demonstration code and Bootstrap), add the following references to the <code>head</code> section in the <strong>Pages/_Host.cshtml</strong>.
 There is a known GitHub issue <a href="https://github.com/dotnet/aspnetcore/issues/43975" target="_blank" rel="noopener noreferrer">Blazor empty template doesn&#x27;t load scoped CSS</a>.</p></div></div><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>IMPORTANT</div><div class="admonitionContent_S0QG"><p>In .NET 6 Blazor Server App default template, you may see <strong>Pages/_Layout.cshtml</strong>. So, add these references in the <strong>Pages/_Layout.cshtml</strong> instead of in the <strong>Pages/_Host.cshtml</strong>.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h2><p>Insert the following references into the <strong>body</strong> section of the <strong>Pages/_Layout.cshtml</strong> file, immediately after the <strong>_framework/blazor.server.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p><strong>chart.js</strong> reference is optional. Add when the <strong>Chart</strong> components are used in the application.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h2><p>Add Blazor Bootstrap service in the <strong>Program.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h2><p>The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> and <strong>open-iconic</strong> folders from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li><li>Delete the <strong>wwwroot/css/open-iconic</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>Pages/_Layout.cshtml</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Remove the following line from <strong>wwwroot/css/site.css</strong> file:</p><div class="language-css codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-css codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token atrule rule">@import</span><span class="token atrule"> </span><span class="token atrule url function" style="color:rgb(220, 220, 170)">url</span><span class="token atrule url punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token atrule url string url" style="color:rgb(206, 145, 120)">&#x27;open-iconic/font/css/open-iconic-bootstrap.min.css&#x27;</span><span class="token atrule url punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token atrule punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET6.BlazorServerApp" target="_blank" rel="noopener noreferrer">GitHub Repo: Blazor Bootstrap - Blazor Server App (.NET 6)</a></p><img loading="lazy" src="https://i.imgur.com/BfgYeNd.png" alt="Blazor Bootstrap - Blazor Server App" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code">Sample Code<a href="#sample-code" class="hash-link" aria-label="Direct link to Sample Code" title="Direct link to Sample Code">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_layoutcshtml">_Layout.cshtml<a href="#_layoutcshtml" class="hash-link" aria-label="Direct link to _Layout.cshtml" title="Direct link to _Layout.cshtml">​</a></h3><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@namespace</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET6</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorServerApp</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Pages</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@addTagHelper</span><span class="token directive"> </span><span class="token directive csharp language-csharp operator" style="color:rgb(212, 212, 212)">*</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token directive csharp language-csharp"> Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Mvc</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">TagHelpers</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&lt;!</span><span class="token doctype doctype-tag">DOCTYPE</span><span class="token doctype"> </span><span class="token doctype name">html</span><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">lang</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">charset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">utf-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">viewport</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">content</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">width=device-width, initial-scale=1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">base</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">~/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">5.3</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">.2</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">1.11</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">.3</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/site.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NET6.BlazorServerApp.styles.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">component</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">typeof(HeadOutlet)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">render-mode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ServerPrerendered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp function" style="color:rgb(220, 220, 170)">RenderBody</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token value variable csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">blazor-error-ui</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">environment</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">include</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Staging,Production</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            An error has occurred. This application may no longer respond until reloaded.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">environment</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">environment</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">include</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Development</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            An unhandled exception has occurred. See browser dev tools for details.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">environment</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">reload</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reload</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dismiss</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">🗙</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_framework/blazor.server.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token script"></span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">5.3</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">.2</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/dist/js/bootstrap.bundle.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token script"></span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token script"></span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chart.js reference if Chart components are used in the application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token script"></span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="programcs">Program.cs<a href="#programcs" class="hash-link" aria-label="Direct link to Program.cs" title="Direct link to Program.cs">​</a></h3><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Web</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">NET6</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">BlazorServerApp</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> builder </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> WebApplication</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">CreateBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:rgb(106, 153, 85)">// Add services to the container.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddRazorPages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddServerSideBlazor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">AddSingleton</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">WeatherForecastService</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> app </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Build</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:rgb(106, 153, 85)">// Configure the HTTP request pipeline.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Environment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">IsDevelopment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseExceptionHandler</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/Error&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseHsts</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseHttpsRedirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseStaticFiles</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseRouting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">MapBlazorHub</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">MapFallbackToPage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/_Host&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_importsrazor">_Imports.razor<a href="#_importsrazor" class="hash-link" aria-label="Direct link to _Imports.razor" title="Direct link to _Imports.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Authorization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Authorization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Forms</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Routing</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Virtualization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">JSInterop</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET6</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorServerApp</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET6</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorServerApp</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Shared</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="mainlayoutrazor">MainLayout.razor<a href="#mainlayoutrazor" class="hash-link" aria-label="Direct link to MainLayout.razor" title="Direct link to MainLayout.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Body</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsServiceModal</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Preload</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Toasts</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">p-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoHide</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Delay</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">4000</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToastsPlacement.TopRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Match</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp">NavLinkMatch</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PlusSquareFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/fetchdata&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Table</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Fetch Data&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/getting-started/blazor-webassembly-net-6"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor WebAssembly (.NET 6)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/layout/blazor-webassembly"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Blazor WebAssembly</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code" class="table-of-contents__link toc-highlight">Sample Code</a><ul><li><a href="#_layoutcshtml" class="table-of-contents__link toc-highlight">_Layout.cshtml</a></li><li><a href="#programcs" class="table-of-contents__link toc-highlight">Program.cs</a></li><li><a href="#_importsrazor" class="table-of-contents__link toc-highlight">_Imports.razor</a></li><li><a href="#mainlayoutrazor" class="table-of-contents__link toc-highlight">MainLayout.razor</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/getting-started/blazor-server-net-7.html b/getting-started/blazor-server-net-7.html
index 07db516d1..f493f33d4 100644
--- a/getting-started/blazor-server-net-7.html
+++ b/getting-started/blazor-server-net-7.html
@@ -10,14 +10,14 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor Server (.NET 7)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor Server (.NET 7)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.1</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the <code>&lt;base href=&quot;~/&quot; /&gt;</code> tag in the <strong>head</strong> section in the <strong>Pages/_Host.cshtml</strong> file, add the following references:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>If you use the <strong>Blazor Server App Empty</strong> template (without demonstration code and Bootstrap), add the following references to the <code>head</code> section in the <strong>Pages/_Host.cshtml</strong>.
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor Server (.NET 7)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor Server (.NET 7)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.2</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the <code>&lt;base href=&quot;~/&quot; /&gt;</code> tag in the <strong>head</strong> section in the <strong>Pages/_Host.cshtml</strong> file, add the following references:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>If you use the <strong>Blazor Server App Empty</strong> template (without demonstration code and Bootstrap), add the following references to the <code>head</code> section in the <strong>Pages/_Host.cshtml</strong>.
 There is a known GitHub issue <a href="https://github.com/dotnet/aspnetcore/issues/43975" target="_blank" rel="noopener noreferrer">Blazor empty template doesn&#x27;t load scoped CSS</a>.</p></div></div><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h2><p>Insert the following references into the <strong>body</strong> section of the <strong>Pages/_Host.cshtml</strong> file, immediately after the <strong>_framework/blazor.server.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p><strong>chart.js</strong> reference is optional. Add when the <strong>Chart</strong> components are used in the application.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h2><p>Add Blazor Bootstrap service in the <strong>Program.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h2><p>The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> and <strong>open-iconic</strong> folders from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li><li>Delete the <strong>wwwroot/css/open-iconic</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>Pages/_Host.cshtml</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Remove the following line from <strong>wwwroot/css/site.css</strong> file:</p><div class="language-css codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-css codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token atrule rule">@import</span><span class="token atrule"> </span><span class="token atrule url function" style="color:rgb(220, 220, 170)">url</span><span class="token atrule url punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token atrule url string url" style="color:rgb(206, 145, 120)">&#x27;open-iconic/font/css/open-iconic-bootstrap.min.css&#x27;</span><span class="token atrule url punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token atrule punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET7.BlazorServerApp" target="_blank" rel="noopener noreferrer">GitHub Repo: Blazor Bootstrap - Blazor Server App (.NET 7)</a></p><img loading="lazy" src="https://i.imgur.com/7vipHB1.png" alt="Blazor Bootstrap - Blazor Server App" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code">Sample Code<a href="#sample-code" class="hash-link" aria-label="Direct link to Sample Code" title="Direct link to Sample Code">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_hostcshtml">_Host.cshtml<a href="#_hostcshtml" class="hash-link" aria-label="Direct link to _Host.cshtml" title="Direct link to _Host.cshtml">​</a></h3><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@page</span><span class="token directive"> </span><span class="token directive csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@namespace</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET7</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorServerApp</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Pages</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@addTagHelper</span><span class="token directive"> </span><span class="token directive csharp language-csharp operator" style="color:rgb(212, 212, 212)">*</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token directive csharp language-csharp"> Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Mvc</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">TagHelpers</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&lt;!</span><span class="token doctype doctype-tag">DOCTYPE</span><span class="token doctype"> </span><span class="token doctype name">html</span><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">lang</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">charset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">utf-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">viewport</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">content</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">width=device-width, initial-scale=1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">base</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">~/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">5.3</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">.2</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">1.11</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">.3</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/site.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NET7.BlazorServerApp.styles.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">icon</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">image/png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">favicon.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">component</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">typeof(HeadOutlet)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">render-mode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ServerPrerendered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">component</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">typeof(App)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">render-mode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ServerPrerendered</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">blazor-error-ui</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">environment</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">include</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Staging,Production</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            An error has occurred. This application may no longer respond until reloaded.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">environment</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">environment</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">include</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Development</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            An unhandled exception has occurred. See browser dev tools for details.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">environment</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">reload</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reload</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dismiss</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">🗙</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_framework/blazor.server.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token script"></span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">5.3</span><span class="token tag attr-value value variable csharp language-csharp number" style="color:rgb(181, 206, 168)">.2</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/dist/js/bootstrap.bundle.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token script"></span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chart.js reference if chart components are used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token script"></span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token script"></span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add sortable.js reference if SortableList component is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/sortablejs</span><span class="token tag attr-value value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token tag attr-value value variable csharp language-csharp" style="color:rgb(156, 220, 254)">latest</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/Sortable.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token script"></span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token script"></span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="programcs">Program.cs<a href="#programcs" class="hash-link" aria-label="Direct link to Program.cs" title="Direct link to Program.cs">​</a></h3><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Web</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">NET7</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">BlazorServerApp</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Data</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> builder </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> WebApplication</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">CreateBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:rgb(106, 153, 85)">// Add services to the container.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddRazorPages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddServerSideBlazor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">AddSingleton</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">WeatherForecastService</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> app </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Build</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:rgb(106, 153, 85)">// Configure the HTTP request pipeline.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Environment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">IsDevelopment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseExceptionHandler</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/Error&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseHsts</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseHttpsRedirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseStaticFiles</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseRouting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">MapBlazorHub</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">MapFallbackToPage</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/_Host&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_importsrazor">_Imports.razor<a href="#_importsrazor" class="hash-link" aria-label="Direct link to _Imports.razor" title="Direct link to _Imports.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Authorization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Authorization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Forms</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Routing</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Virtualization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">JSInterop</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET7</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorServerApp</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET7</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorServerApp</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Shared</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="mainlayoutrazor">MainLayout.razor<a href="#mainlayoutrazor" class="hash-link" aria-label="Direct link to MainLayout.razor" title="Direct link to MainLayout.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Body</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsServiceModal</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Preload</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Toasts</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">p-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoHide</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Delay</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">4000</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToastsPlacement.TopRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Match</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp">NavLinkMatch</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PlusSquareFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/fetchdata&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Table</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Fetch Data&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/getting-started/blazor-webassembly-net-7"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor WebAssembly (.NET 7)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/getting-started/maui-blazor-net-7"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">MAUI Blazor Hybrid App (.NET 7)</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code" class="table-of-contents__link toc-highlight">Sample Code</a><ul><li><a href="#_hostcshtml" class="table-of-contents__link toc-highlight">_Host.cshtml</a></li><li><a href="#programcs" class="table-of-contents__link toc-highlight">Program.cs</a></li><li><a href="#_importsrazor" class="table-of-contents__link toc-highlight">_Imports.razor</a></li><li><a href="#mainlayoutrazor" class="table-of-contents__link toc-highlight">MainLayout.razor</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/getting-started/blazor-webapp-auto-global-net-8.html b/getting-started/blazor-webapp-auto-global-net-8.html
index 2e490a2de..34697af02 100644
--- a/getting-started/blazor-webapp-auto-global-net-8.html
+++ b/getting-started/blazor-webapp-auto-global-net-8.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor WebApp Auto (.NET 8)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="server-project">Server Project<a href="#server-project" class="hash-link" aria-label="Direct link to Server Project" title="Direct link to Server Project">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h3><p>Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.1</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h3><p>After the <code>&lt;base href=&quot;/&quot; /&gt;</code> tag in the <strong>head</strong> section of the <strong>Components/App.razor</strong>.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h3><p>Insert the following references into the <strong>body</strong> section of the <strong>Components/App.razor</strong> file, immediately after the <strong>_framework/blazor.web.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p><strong>chart.js</strong> reference is optional. Add when the <strong>Chart</strong> components are used in the application.</p></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h3><p>Add Blazor Bootstrap service in the <strong>Program.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>Components/_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h3><p>The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> folder from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>Components/App.razor</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="client-project">Client Project<a href="#client-project" class="hash-link" aria-label="Direct link to Client Project" title="Direct link to Client Project">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package-1">Install Nuget Package<a href="#install-nuget-package-1" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h3><p>Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">2.2</span><span class="token plain">.1</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="register-services-1">Register services<a href="#register-services-1" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h3><p>Add Blazor Bootstrap service in the <strong>Program.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/Net8.BlazorAutoGlobal" target="_blank" rel="noopener noreferrer">GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Auto - Interactive Location Global (.NET 8)</a></p><img loading="lazy" src="https://i.imgur.com/m2lUTME.png" alt="Blazor Bootstrap - Blazor Web App - Interactive Render Mode Auto - Interactive Location Global" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code---server">Sample Code - Server<a href="#sample-code---server" class="hash-link" aria-label="Direct link to Sample Code - Server" title="Direct link to Sample Code - Server">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="apprazor">App.razor<a href="#apprazor" class="hash-link" aria-label="Direct link to App.razor" title="Direct link to App.razor">​</a></h3><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&lt;!</span><span class="token doctype doctype-tag">DOCTYPE</span><span class="token doctype"> </span><span class="token doctype name">html</span><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">lang</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">charset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">utf-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">viewport</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">content</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">width=device-width, initial-scale=1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">base</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">app.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Net8.BlazorAutoGlobal.styles.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">icon</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">image/png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">favicon.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">HeadOutlet</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@rendermode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">@InteractiveAuto</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Routes</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@rendermode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">@InteractiveAuto</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_framework/blazor.web.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chart.js reference if chart components are used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add sortable.js reference if SortableList component is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="programcs">Program.cs<a href="#programcs" class="hash-link" aria-label="Direct link to Program.cs" title="Direct link to Program.cs">​</a></h3><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Net8</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">BlazorAutoGlobal</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Client</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Pages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Net8</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">BlazorAutoGlobal</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> builder </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> WebApplication</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">CreateBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:rgb(106, 153, 85)">// Add services to the container.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddRazorComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddInteractiveServerComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddInteractiveWebAssemblyComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> app </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Build</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:rgb(106, 153, 85)">// Configure the HTTP request pipeline.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Environment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">IsDevelopment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseWebAssemblyDebugging</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseExceptionHandler</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/Error&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">createScopeForErrors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseHsts</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseHttpsRedirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseStaticFiles</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseAntiforgery</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">MapRazorComponents</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">App</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddInteractiveServerRenderMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddInteractiveWebAssemblyRenderMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddAdditionalAssemblies</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">typeof</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token type-expression class-name" style="color:rgb(78, 201, 176)">Counter</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Assembly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_importsrazor">_Imports.razor<a href="#_importsrazor" class="hash-link" aria-label="Direct link to _Imports.razor" title="Direct link to _Imports.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Json</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Forms</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Routing</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp keyword" style="color:rgb(86, 156, 214)">static</span><span class="token directive csharp language-csharp"> Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">RenderMode</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Virtualization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">JSInterop</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Net8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorAutoGlobal</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Net8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorAutoGlobal</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Client</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Net8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorAutoGlobal</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code---client">Sample Code - Client<a href="#sample-code---client" class="hash-link" aria-label="Direct link to Sample Code - Client" title="Direct link to Sample Code - Client">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="programcs-1">Program.cs<a href="#programcs-1" class="hash-link" aria-label="Direct link to Program.cs" title="Direct link to Program.cs">​</a></h3><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">WebAssembly</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Hosting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> builder </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> WebAssemblyHostBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">CreateDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Build</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RunAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_importsrazor-1">_Imports.razor<a href="#_importsrazor-1" class="hash-link" aria-label="Direct link to _Imports.razor" title="Direct link to _Imports.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Json</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Forms</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Routing</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp keyword" style="color:rgb(86, 156, 214)">static</span><span class="token directive csharp language-csharp"> Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">RenderMode</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Virtualization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">JSInterop</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Net8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorAutoGlobal</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Client</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="mainlayoutrazor">MainLayout.razor<a href="#mainlayoutrazor" class="hash-link" aria-label="Direct link to MainLayout.razor" title="Direct link to MainLayout.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                   </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                       </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Match</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp">NavLinkMatch</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                       </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PlusSquareFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                       </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/weather&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Table</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Fetch Data&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                   </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">blazor-error-ui</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    An unhandled error has occurred.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">reload</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reload</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dismiss</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">🗙</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/getting-started/blazor-webapp-server-global-net-8"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor WebApp Server (.NET 8)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/getting-started/maui-blazor-net-8"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">MAUI Blazor Hybrid App (.NET 8)</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#server-project" class="table-of-contents__link toc-highlight">Server Project</a><ul><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li></ul></li><li><a href="#client-project" class="table-of-contents__link toc-highlight">Client Project</a><ul><li><a href="#install-nuget-package-1" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#register-services-1" class="table-of-contents__link toc-highlight">Register services</a></li></ul></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code---server" class="table-of-contents__link toc-highlight">Sample Code - Server</a><ul><li><a href="#apprazor" class="table-of-contents__link toc-highlight">App.razor</a></li><li><a href="#programcs" class="table-of-contents__link toc-highlight">Program.cs</a></li><li><a href="#_importsrazor" class="table-of-contents__link toc-highlight">_Imports.razor</a></li></ul></li><li><a href="#sample-code---client" class="table-of-contents__link toc-highlight">Sample Code - Client</a><ul><li><a href="#programcs-1" class="table-of-contents__link toc-highlight">Program.cs</a></li><li><a href="#_importsrazor-1" class="table-of-contents__link toc-highlight">_Imports.razor</a></li><li><a href="#mainlayoutrazor" class="table-of-contents__link toc-highlight">MainLayout.razor</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor WebApp Auto (.NET 8)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="server-project">Server Project<a href="#server-project" class="hash-link" aria-label="Direct link to Server Project" title="Direct link to Server Project">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h3><p>Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.2</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h3><p>After the <code>&lt;base href=&quot;/&quot; /&gt;</code> tag in the <strong>head</strong> section of the <strong>Components/App.razor</strong>.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h3><p>Insert the following references into the <strong>body</strong> section of the <strong>Components/App.razor</strong> file, immediately after the <strong>_framework/blazor.web.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p><strong>chart.js</strong> reference is optional. Add when the <strong>Chart</strong> components are used in the application.</p></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h3><p>Add Blazor Bootstrap service in the <strong>Program.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>Components/_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h3><p>The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> folder from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>Components/App.razor</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="client-project">Client Project<a href="#client-project" class="hash-link" aria-label="Direct link to Client Project" title="Direct link to Client Project">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package-1">Install Nuget Package<a href="#install-nuget-package-1" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h3><p>Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">2.2</span><span class="token plain">.1</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="register-services-1">Register services<a href="#register-services-1" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h3><p>Add Blazor Bootstrap service in the <strong>Program.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/Net8.BlazorAutoGlobal" target="_blank" rel="noopener noreferrer">GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Auto - Interactive Location Global (.NET 8)</a></p><img loading="lazy" src="https://i.imgur.com/m2lUTME.png" alt="Blazor Bootstrap - Blazor Web App - Interactive Render Mode Auto - Interactive Location Global" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code---server">Sample Code - Server<a href="#sample-code---server" class="hash-link" aria-label="Direct link to Sample Code - Server" title="Direct link to Sample Code - Server">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="apprazor">App.razor<a href="#apprazor" class="hash-link" aria-label="Direct link to App.razor" title="Direct link to App.razor">​</a></h3><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&lt;!</span><span class="token doctype doctype-tag">DOCTYPE</span><span class="token doctype"> </span><span class="token doctype name">html</span><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">lang</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">charset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">utf-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">viewport</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">content</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">width=device-width, initial-scale=1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">base</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">app.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Net8.BlazorAutoGlobal.styles.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">icon</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">image/png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">favicon.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">HeadOutlet</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@rendermode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">@InteractiveAuto</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Routes</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@rendermode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">@InteractiveAuto</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_framework/blazor.web.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chart.js reference if chart components are used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add sortable.js reference if SortableList component is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="programcs">Program.cs<a href="#programcs" class="hash-link" aria-label="Direct link to Program.cs" title="Direct link to Program.cs">​</a></h3><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Net8</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">BlazorAutoGlobal</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Client</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Pages</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Net8</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">BlazorAutoGlobal</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> builder </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> WebApplication</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">CreateBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:rgb(106, 153, 85)">// Add services to the container.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddRazorComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddInteractiveServerComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddInteractiveWebAssemblyComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> app </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Build</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:rgb(106, 153, 85)">// Configure the HTTP request pipeline.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Environment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">IsDevelopment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseWebAssemblyDebugging</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">else</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseExceptionHandler</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/Error&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">createScopeForErrors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseHsts</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseHttpsRedirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseStaticFiles</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseAntiforgery</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">MapRazorComponents</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">App</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddInteractiveServerRenderMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddInteractiveWebAssemblyRenderMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddAdditionalAssemblies</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token keyword" style="color:rgb(86, 156, 214)">typeof</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token type-expression class-name" style="color:rgb(78, 201, 176)">Counter</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Assembly</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_importsrazor">_Imports.razor<a href="#_importsrazor" class="hash-link" aria-label="Direct link to _Imports.razor" title="Direct link to _Imports.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Json</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Forms</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Routing</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp keyword" style="color:rgb(86, 156, 214)">static</span><span class="token directive csharp language-csharp"> Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">RenderMode</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Virtualization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">JSInterop</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Net8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorAutoGlobal</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Net8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorAutoGlobal</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Client</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Net8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorAutoGlobal</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code---client">Sample Code - Client<a href="#sample-code---client" class="hash-link" aria-label="Direct link to Sample Code - Client" title="Direct link to Sample Code - Client">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="programcs-1">Program.cs<a href="#programcs-1" class="hash-link" aria-label="Direct link to Program.cs" title="Direct link to Program.cs">​</a></h3><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">WebAssembly</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Hosting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> builder </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> WebAssemblyHostBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">CreateDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Build</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RunAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_importsrazor-1">_Imports.razor<a href="#_importsrazor-1" class="hash-link" aria-label="Direct link to _Imports.razor" title="Direct link to _Imports.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Json</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Forms</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Routing</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp keyword" style="color:rgb(86, 156, 214)">static</span><span class="token directive csharp language-csharp"> Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">RenderMode</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Virtualization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">JSInterop</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Net8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorAutoGlobal</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Client</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="mainlayoutrazor">MainLayout.razor<a href="#mainlayoutrazor" class="hash-link" aria-label="Direct link to MainLayout.razor" title="Direct link to MainLayout.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                   </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                       </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Match</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp">NavLinkMatch</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                       </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PlusSquareFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                       </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/weather&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Table</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Fetch Data&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                   </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">blazor-error-ui</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    An unhandled error has occurred.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">reload</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reload</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dismiss</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">🗙</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/getting-started/blazor-webapp-server-global-net-8"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor WebApp Server (.NET 8)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/getting-started/maui-blazor-net-8"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">MAUI Blazor Hybrid App (.NET 8)</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#server-project" class="table-of-contents__link toc-highlight">Server Project</a><ul><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li></ul></li><li><a href="#client-project" class="table-of-contents__link toc-highlight">Client Project</a><ul><li><a href="#install-nuget-package-1" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#register-services-1" class="table-of-contents__link toc-highlight">Register services</a></li></ul></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code---server" class="table-of-contents__link toc-highlight">Sample Code - Server</a><ul><li><a href="#apprazor" class="table-of-contents__link toc-highlight">App.razor</a></li><li><a href="#programcs" class="table-of-contents__link toc-highlight">Program.cs</a></li><li><a href="#_importsrazor" class="table-of-contents__link toc-highlight">_Imports.razor</a></li></ul></li><li><a href="#sample-code---client" class="table-of-contents__link toc-highlight">Sample Code - Client</a><ul><li><a href="#programcs-1" class="table-of-contents__link toc-highlight">Program.cs</a></li><li><a href="#_importsrazor-1" class="table-of-contents__link toc-highlight">_Imports.razor</a></li><li><a href="#mainlayoutrazor" class="table-of-contents__link toc-highlight">MainLayout.razor</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/getting-started/blazor-webapp-server-global-net-8.html b/getting-started/blazor-webapp-server-global-net-8.html
index ccdd310cd..8e961d0e0 100644
--- a/getting-started/blazor-webapp-server-global-net-8.html
+++ b/getting-started/blazor-webapp-server-global-net-8.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor WebApp Server (.NET 8)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.1</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the <code>&lt;base href=&quot;/&quot; /&gt;</code> tag in the <strong>head</strong> section of the <strong>Components/App.razor</strong>.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h2><p>Insert the following references into the <strong>body</strong> section of the <strong>Components/App.razor</strong> file, immediately after the <strong>_framework/blazor.web.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p><strong>chart.js</strong> reference is optional. Add when the <strong>Chart</strong> components are used in the application.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h2><p>Add Blazor Bootstrap service in the <strong>Program.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>Components/_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h2><p>The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> folder from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>Components/App.razor</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET8.BlazorWebAppRenderModeServerGlobal" target="_blank" rel="noopener noreferrer">GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global (.NET 8)</a></p><img loading="lazy" src="https://i.imgur.com/uGMjcWk.png" alt="Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code">Sample Code<a href="#sample-code" class="hash-link" aria-label="Direct link to Sample Code" title="Direct link to Sample Code">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="apprazor">App.razor<a href="#apprazor" class="hash-link" aria-label="Direct link to App.razor" title="Direct link to App.razor">​</a></h3><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&lt;!</span><span class="token doctype doctype-tag">DOCTYPE</span><span class="token doctype"> </span><span class="token doctype name">html</span><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">lang</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">charset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">utf-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">viewport</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">content</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">width=device-width, initial-scale=1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">base</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">app.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NET8.BlazorWebAppRenderModeServer.styles.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">icon</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">image/png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">favicon.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">HeadOutlet</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@rendermode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">@InteractiveServer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Routes</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@rendermode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">@InteractiveServer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_framework/blazor.web.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chart.js reference if chart components are used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add sortable.js reference if SortableList component is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="programcs">Program.cs<a href="#programcs" class="hash-link" aria-label="Direct link to Program.cs" title="Direct link to Program.cs">​</a></h3><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">NET8</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">BlazorWebAppRenderModeServer</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> builder </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> WebApplication</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">CreateBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:rgb(106, 153, 85)">// Add services to the container.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddRazorComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">       </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddInteractiveServerComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> app </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Build</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:rgb(106, 153, 85)">// Configure the HTTP request pipeline.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Environment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">IsDevelopment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseExceptionHandler</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/Error&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">createScopeForErrors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseHsts</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseHttpsRedirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseStaticFiles</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseAntiforgery</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">MapRazorComponents</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">App</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddInteractiveServerRenderMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_importsrazor">_Imports.razor<a href="#_importsrazor" class="hash-link" aria-label="Direct link to _Imports.razor" title="Direct link to _Imports.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Json</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Forms</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Routing</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp keyword" style="color:rgb(86, 156, 214)">static</span><span class="token directive csharp language-csharp"> Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">RenderMode</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Virtualization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">JSInterop</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorWebAppRenderModeServer</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorWebAppRenderModeServer</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="mainlayoutrazor">MainLayout.razor<a href="#mainlayoutrazor" class="hash-link" aria-label="Direct link to MainLayout.razor" title="Direct link to MainLayout.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                   </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                       </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Match</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp">NavLinkMatch</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                       </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PlusSquareFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                       </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/weather&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Table</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Fetch Data&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                   </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">blazor-error-ui</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    An unhandled error has occurred.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">reload</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reload</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dismiss</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">🗙</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/getting-started/blazor-webassembly-net-8"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor WebAssembly (.NET 8)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/getting-started/blazor-webapp-auto-global-net-8"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Blazor WebApp Auto (.NET 8)</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code" class="table-of-contents__link toc-highlight">Sample Code</a><ul><li><a href="#apprazor" class="table-of-contents__link toc-highlight">App.razor</a></li><li><a href="#programcs" class="table-of-contents__link toc-highlight">Program.cs</a></li><li><a href="#_importsrazor" class="table-of-contents__link toc-highlight">_Imports.razor</a></li><li><a href="#mainlayoutrazor" class="table-of-contents__link toc-highlight">MainLayout.razor</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor WebApp Server (.NET 8)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.2</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the <code>&lt;base href=&quot;/&quot; /&gt;</code> tag in the <strong>head</strong> section of the <strong>Components/App.razor</strong>.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h2><p>Insert the following references into the <strong>body</strong> section of the <strong>Components/App.razor</strong> file, immediately after the <strong>_framework/blazor.web.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p><strong>chart.js</strong> reference is optional. Add when the <strong>Chart</strong> components are used in the application.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h2><p>Add Blazor Bootstrap service in the <strong>Program.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>Components/_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h2><p>The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> folder from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>Components/App.razor</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET8.BlazorWebAppRenderModeServerGlobal" target="_blank" rel="noopener noreferrer">GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global (.NET 8)</a></p><img loading="lazy" src="https://i.imgur.com/uGMjcWk.png" alt="Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code">Sample Code<a href="#sample-code" class="hash-link" aria-label="Direct link to Sample Code" title="Direct link to Sample Code">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="apprazor">App.razor<a href="#apprazor" class="hash-link" aria-label="Direct link to App.razor" title="Direct link to App.razor">​</a></h3><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&lt;!</span><span class="token doctype doctype-tag">DOCTYPE</span><span class="token doctype"> </span><span class="token doctype name">html</span><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">lang</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">charset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">utf-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">viewport</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">content</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">width=device-width, initial-scale=1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">base</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">app.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NET8.BlazorWebAppRenderModeServer.styles.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">icon</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">image/png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">favicon.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">HeadOutlet</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@rendermode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">@InteractiveServer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Routes</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@rendermode</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">@InteractiveServer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_framework/blazor.web.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chart.js reference if chart components are used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add sortable.js reference if SortableList component is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="programcs">Program.cs<a href="#programcs" class="hash-link" aria-label="Direct link to Program.cs" title="Direct link to Program.cs">​</a></h3><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">NET8</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">BlazorWebAppRenderModeServer</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> builder </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> WebApplication</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">CreateBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:rgb(106, 153, 85)">// Add services to the container.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddRazorComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">       </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddInteractiveServerComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> app </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Build</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:rgb(106, 153, 85)">// Configure the HTTP request pipeline.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Environment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">IsDevelopment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseExceptionHandler</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;/Error&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"> </span><span class="token named-parameter punctuation" style="color:rgb(212, 212, 212)">createScopeForErrors</span><span class="token punctuation" style="color:rgb(212, 212, 212)">:</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseHsts</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseHttpsRedirection</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseStaticFiles</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">UseAntiforgery</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">MapRazorComponents</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">App</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddInteractiveServerRenderMode</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">app</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Run</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_importsrazor">_Imports.razor<a href="#_importsrazor" class="hash-link" aria-label="Direct link to _Imports.razor" title="Direct link to _Imports.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Json</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Forms</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Routing</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp keyword" style="color:rgb(86, 156, 214)">static</span><span class="token directive csharp language-csharp"> Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">RenderMode</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Virtualization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">JSInterop</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorWebAppRenderModeServer</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorWebAppRenderModeServer</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="mainlayoutrazor">MainLayout.razor<a href="#mainlayoutrazor" class="hash-link" aria-label="Direct link to MainLayout.razor" title="Direct link to MainLayout.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                   </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                       </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Match</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp">NavLinkMatch</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                       </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PlusSquareFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                       </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/weather&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Table</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Fetch Data&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">                   </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">blazor-error-ui</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    An unhandled error has occurred.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">reload</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reload</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dismiss</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">🗙</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/getting-started/blazor-webassembly-net-8"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor WebAssembly (.NET 8)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/getting-started/blazor-webapp-auto-global-net-8"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Blazor WebApp Auto (.NET 8)</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code" class="table-of-contents__link toc-highlight">Sample Code</a><ul><li><a href="#apprazor" class="table-of-contents__link toc-highlight">App.razor</a></li><li><a href="#programcs" class="table-of-contents__link toc-highlight">Program.cs</a></li><li><a href="#_importsrazor" class="table-of-contents__link toc-highlight">_Imports.razor</a></li><li><a href="#mainlayoutrazor" class="table-of-contents__link toc-highlight">MainLayout.razor</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/getting-started/blazor-webassembly-net-6.html b/getting-started/blazor-webassembly-net-6.html
index fbb59a3e8..a9230769f 100644
--- a/getting-started/blazor-webassembly-net-6.html
+++ b/getting-started/blazor-webassembly-net-6.html
@@ -10,14 +10,14 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor WebAssembly (.NET 6)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor WebAssembly (.NET 6)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.1</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the <code>&lt;base href=&quot;/&quot; /&gt;</code> tag in the <strong>head</strong> section of the <strong>wwwroot/index.html</strong> file, add the following references:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>If you use the <strong>Blazor WebAssembly App Empty</strong> template (without demonstration code and Bootstrap), add the following references to the <code>head</code> section in the <strong>wwwroot/index.html</strong>.
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor WebAssembly (.NET 6)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor WebAssembly (.NET 6)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.2</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the <code>&lt;base href=&quot;/&quot; /&gt;</code> tag in the <strong>head</strong> section of the <strong>wwwroot/index.html</strong> file, add the following references:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>If you use the <strong>Blazor WebAssembly App Empty</strong> template (without demonstration code and Bootstrap), add the following references to the <code>head</code> section in the <strong>wwwroot/index.html</strong>.
 There is a known GitHub issue <a href="https://github.com/dotnet/aspnetcore/issues/43975" target="_blank" rel="noopener noreferrer">Blazor empty template doesn&#x27;t load scoped CSS</a>.</p></div></div><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h2><p>Insert the following references into the <strong>body</strong> section of the <strong>wwwroot/index.html</strong> file, immediately after the <strong>_framework/blazor.webassembly.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>The <strong>chart.js</strong> reference is optional. Include it only when the <strong>Chart</strong> components are used in the application.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h2><p>Add Blazor Bootstrap service in the <strong>Program.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h2><p>The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> and <strong>open-iconic</strong> folders from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li><li>Delete the <strong>wwwroot/css/open-iconic</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>wwwroot/index.html</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Remove the following line from <strong>wwwroot/css/app.css</strong> file:</p><div class="language-css codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-css codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token atrule rule">@import</span><span class="token atrule"> </span><span class="token atrule url function" style="color:rgb(220, 220, 170)">url</span><span class="token atrule url punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token atrule url string url" style="color:rgb(206, 145, 120)">&#x27;open-iconic/font/css/open-iconic-bootstrap.min.css&#x27;</span><span class="token atrule url punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token atrule punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET6.BlazorWebAssemblyApp" target="_blank" rel="noopener noreferrer">GitHub Repo: Blazor Bootstrap - Blazor WebAssembly App (.NET 6)</a></p><img loading="lazy" src="https://i.imgur.com/aRV3rJm.png" alt="Blazor Bootstrap - Blazor WebAssembly App" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code">Sample Code<a href="#sample-code" class="hash-link" aria-label="Direct link to Sample Code" title="Direct link to Sample Code">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="indexhtml">index.html<a href="#indexhtml" class="hash-link" aria-label="Direct link to index.html" title="Direct link to index.html">​</a></h3><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&lt;!</span><span class="token doctype doctype-tag">DOCTYPE</span><span class="token doctype"> </span><span class="token doctype name">html</span><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">lang</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">charset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">utf-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">viewport</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">content</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">NET6.BlazorWebAssemblyApp</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">base</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/app.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NET6.BlazorWebAssemblyApp.styles.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">app</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Loading...</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">blazor-error-ui</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        An unhandled error has occurred.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">reload</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reload</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dismiss</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">🗙</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_framework/blazor.webassembly.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chart.js reference if Chart components are used in the application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add sortable.js reference if SortableList component is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="programcs">Program.cs<a href="#programcs" class="hash-link" aria-label="Direct link to Program.cs" title="Direct link to Program.cs">​</a></h3><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Web</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">WebAssembly</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Hosting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">NET6</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">BlazorWebAssemblyApp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">BlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">// Add this line</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> builder </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> WebAssemblyHostBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">CreateDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">RootComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">Add</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">App</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;#app&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">RootComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">Add</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">HeadOutlet</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;head::after&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddScoped</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">sp </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">HttpClient</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> BaseAddress </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Uri</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HostEnvironment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">BaseAddress</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Build</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RunAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_importsrazor">_Imports.razor<a href="#_importsrazor" class="hash-link" aria-label="Direct link to _Imports.razor" title="Direct link to _Imports.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Json</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Forms</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Routing</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Virtualization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">WebAssembly</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">JSInterop</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET6</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorWebAssemblyApp</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET6</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorWebAssemblyApp</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Shared</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="mainlayoutrazor">MainLayout.razor<a href="#mainlayoutrazor" class="hash-link" aria-label="Direct link to MainLayout.razor" title="Direct link to MainLayout.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Body</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsServiceModal</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Preload</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Toasts</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">p-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoHide</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Delay</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">4000</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToastsPlacement.TopRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Match</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp">NavLinkMatch</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PlusSquareFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/fetchdata&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Table</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Fetch Data&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/getting-started/maui-blazor-net-7"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">MAUI Blazor Hybrid App (.NET 7)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/getting-started/blazor-server-net-6"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Blazor Server (.NET 6)</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code" class="table-of-contents__link toc-highlight">Sample Code</a><ul><li><a href="#indexhtml" class="table-of-contents__link toc-highlight">index.html</a></li><li><a href="#programcs" class="table-of-contents__link toc-highlight">Program.cs</a></li><li><a href="#_importsrazor" class="table-of-contents__link toc-highlight">_Imports.razor</a></li><li><a href="#mainlayoutrazor" class="table-of-contents__link toc-highlight">MainLayout.razor</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/getting-started/blazor-webassembly-net-7.html b/getting-started/blazor-webassembly-net-7.html
index 05efa9cad..9f68e276e 100644
--- a/getting-started/blazor-webassembly-net-7.html
+++ b/getting-started/blazor-webassembly-net-7.html
@@ -10,14 +10,14 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor WebAssembly (.NET 7)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor WebAssembly (.NET 7)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.1</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the <code>&lt;base href=&quot;/&quot; /&gt;</code> tag in the <strong>head</strong> section of the <strong>wwwroot/index.html</strong> file, add the following references:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>If you use the <strong>Blazor WebAssembly App Empty</strong> template (without demonstration code and Bootstrap), add the following references to the <code>head</code> section in the <strong>wwwroot/index.html</strong>.
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor WebAssembly (.NET 7)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor WebAssembly (.NET 7)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.2</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the <code>&lt;base href=&quot;/&quot; /&gt;</code> tag in the <strong>head</strong> section of the <strong>wwwroot/index.html</strong> file, add the following references:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>If you use the <strong>Blazor WebAssembly App Empty</strong> template (without demonstration code and Bootstrap), add the following references to the <code>head</code> section in the <strong>wwwroot/index.html</strong>.
 There is a known GitHub issue <a href="https://github.com/dotnet/aspnetcore/issues/43975" target="_blank" rel="noopener noreferrer">Blazor empty template doesn&#x27;t load scoped CSS</a>.</p></div></div><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h2><p>Insert the following references into the <strong>body</strong> section of the <strong>wwwroot/index.html</strong> file, immediately after the <strong>_framework/blazor.webassembly.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>The <strong>chart.js</strong> reference is optional. Include it only when the <strong>Chart</strong> components are used in the application.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h2><p>Add Blazor Bootstrap service in the <strong>Program.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h2><p>The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> and <strong>open-iconic</strong> folders from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li><li>Delete the <strong>wwwroot/css/open-iconic</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>wwwroot/index.html</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Remove the following line from <strong>wwwroot/css/app.css</strong> file:</p><div class="language-css codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-css codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token atrule rule">@import</span><span class="token atrule"> </span><span class="token atrule url function" style="color:rgb(220, 220, 170)">url</span><span class="token atrule url punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token atrule url string url" style="color:rgb(206, 145, 120)">&#x27;open-iconic/font/css/open-iconic-bootstrap.min.css&#x27;</span><span class="token atrule url punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token atrule punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET7.BlazorWebAssemblyApp" target="_blank" rel="noopener noreferrer">GitHub Repo: Blazor Bootstrap - Blazor WebAssembly App (.NET 7)</a></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap - Blazor WebAssembly App" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code">Sample Code<a href="#sample-code" class="hash-link" aria-label="Direct link to Sample Code" title="Direct link to Sample Code">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="indexhtml">index.html<a href="#indexhtml" class="hash-link" aria-label="Direct link to index.html" title="Direct link to index.html">​</a></h3><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&lt;!</span><span class="token doctype doctype-tag">DOCTYPE</span><span class="token doctype"> </span><span class="token doctype name">html</span><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">lang</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">charset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">utf-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">viewport</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">content</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">NET7.BlazorWebAssemblyApp</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">base</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/app.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">icon</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">image/png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">favicon.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NET7.BlazorWebAssemblyApp.styles.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">app</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">svg</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">loading-progress</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">circle</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">r</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">40%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">cx</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">cy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">circle</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">r</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">40%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">cx</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">cy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">svg</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">loading-progress-text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">blazor-error-ui</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        An unhandled error has occurred.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">reload</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reload</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dismiss</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">🗙</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_framework/blazor.webassembly.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chart.js reference if Chart components are used in the application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add sortable.js reference if SortableList component is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="programcs">Program.cs<a href="#programcs" class="hash-link" aria-label="Direct link to Program.cs" title="Direct link to Program.cs">​</a></h3><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Web</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">WebAssembly</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Hosting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">NET7</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">BlazorWebAssemblyApp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> builder </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> WebAssemblyHostBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">CreateDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">RootComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">Add</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">App</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;#app&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">RootComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">Add</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">HeadOutlet</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;head::after&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddScoped</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">sp </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">HttpClient</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> BaseAddress </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Uri</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HostEnvironment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">BaseAddress</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Build</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RunAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_importsrazor">_Imports.razor<a href="#_importsrazor" class="hash-link" aria-label="Direct link to _Imports.razor" title="Direct link to _Imports.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Json</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Forms</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Routing</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Virtualization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">WebAssembly</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">JSInterop</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET7</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorWebAssemblyApp</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET7</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorWebAssemblyApp</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Shared</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="mainlayoutrazor">MainLayout.razor<a href="#mainlayoutrazor" class="hash-link" aria-label="Direct link to MainLayout.razor" title="Direct link to MainLayout.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Body</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsServiceModal</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Preload</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Toasts</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">p-3</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">AutoHide</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Delay</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">4000</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Placement</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ToastsPlacement.TopRight</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Match</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp">NavLinkMatch</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PlusSquareFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/fetchdata&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Table</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Fetch Data&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/getting-started/maui-blazor-net-8"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">MAUI Blazor Hybrid App (.NET 8)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/getting-started/blazor-server-net-7"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Blazor Server (.NET 7)</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code" class="table-of-contents__link toc-highlight">Sample Code</a><ul><li><a href="#indexhtml" class="table-of-contents__link toc-highlight">index.html</a></li><li><a href="#programcs" class="table-of-contents__link toc-highlight">Program.cs</a></li><li><a href="#_importsrazor" class="table-of-contents__link toc-highlight">_Imports.razor</a></li><li><a href="#mainlayoutrazor" class="table-of-contents__link toc-highlight">MainLayout.razor</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/getting-started/blazor-webassembly-net-8.html b/getting-started/blazor-webassembly-net-8.html
index efeeeb00a..995e5a5b1 100644
--- a/getting-started/blazor-webassembly-net-8.html
+++ b/getting-started/blazor-webassembly-net-8.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor WebAssembly (.NET 8)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor WebAssembly (.NET 8)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.1</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the <code>&lt;base href=&quot;/&quot; /&gt;</code> tag in the <strong>head</strong> section of the <strong>wwwroot/index.html</strong> file, add the following references:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h2><p>Insert the following references into the <strong>body</strong> section of the <strong>wwwroot/index.html</strong> file, immediately after the <strong>_framework/blazor.webassembly.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>The <strong>chart.js</strong> reference is optional. Include it only when the <strong>Chart</strong> components are used in the application.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h2><p>Add Blazor Bootstrap service in the <strong>Program.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h2><p>The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> folder from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>wwwroot/index.html</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET8.BlazorWebAssemblyStandaloneApp" target="_blank" rel="noopener noreferrer">GitHub Repo: Blazor Bootstrap - Blazor WebAssembly Standalone App (.NET 8)</a></p><img loading="lazy" src="https://i.imgur.com/2SuR7oA.png" alt="Blazor Bootstrap - Blazor WebAssembly Standalone App" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code">Sample Code<a href="#sample-code" class="hash-link" aria-label="Direct link to Sample Code" title="Direct link to Sample Code">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="indexhtml">index.html<a href="#indexhtml" class="hash-link" aria-label="Direct link to index.html" title="Direct link to index.html">​</a></h3><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&lt;!</span><span class="token doctype doctype-tag">DOCTYPE</span><span class="token doctype"> </span><span class="token doctype name">html</span><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">lang</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">charset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">utf-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">viewport</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">content</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">width=device-width, initial-scale=1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">NET8.BlazorWebAssemblyStandaloneApp</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">base</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/app.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">icon</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">image/png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">favicon.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NET8.BlazorWebAssemblyStandaloneApp.styles.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">app</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">svg</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">loading-progress</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">circle</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">r</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">40%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">cx</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">cy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">circle</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">r</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">40%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">cx</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">cy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">svg</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">loading-progress-text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">blazor-error-ui</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        An unhandled error has occurred.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">reload</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reload</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dismiss</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">🗙</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_framework/blazor.webassembly.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chart.js reference if chart components are used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add sortable.js reference if SortableList component is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="programcs">Program.cs<a href="#programcs" class="hash-link" aria-label="Direct link to Program.cs" title="Direct link to Program.cs">​</a></h3><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Web</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">WebAssembly</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Hosting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">NET8</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">BlazorWebAssemblyStandaloneApp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> builder </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> WebAssemblyHostBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">CreateDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">RootComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">Add</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">App</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;#app&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">RootComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">Add</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">HeadOutlet</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;head::after&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddScoped</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">sp </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">HttpClient</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> BaseAddress </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Uri</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HostEnvironment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">BaseAddress</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Build</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RunAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_importsrazor">_Imports.razor<a href="#_importsrazor" class="hash-link" aria-label="Direct link to _Imports.razor" title="Direct link to _Imports.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Json</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Forms</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Routing</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Virtualization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">WebAssembly</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">JSInterop</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorWebAssemblyStandaloneApp</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorWebAssemblyStandaloneApp</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Layout</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="mainlayoutrazor">MainLayout.razor<a href="#mainlayoutrazor" class="hash-link" aria-label="Direct link to MainLayout.razor" title="Direct link to MainLayout.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Match</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp">NavLinkMatch</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PlusSquareFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/weather&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Table</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Fetch Data&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--next" href="/getting-started/blazor-webapp-server-global-net-8"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Blazor WebApp Server (.NET 8)</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code" class="table-of-contents__link toc-highlight">Sample Code</a><ul><li><a href="#indexhtml" class="table-of-contents__link toc-highlight">index.html</a></li><li><a href="#programcs" class="table-of-contents__link toc-highlight">Program.cs</a></li><li><a href="#_importsrazor" class="table-of-contents__link toc-highlight">_Imports.razor</a></li><li><a href="#mainlayoutrazor" class="table-of-contents__link toc-highlight">MainLayout.razor</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor WebAssembly (.NET 8)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - Blazor WebAssembly (.NET 8)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.2</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the <code>&lt;base href=&quot;/&quot; /&gt;</code> tag in the <strong>head</strong> section of the <strong>wwwroot/index.html</strong> file, add the following references:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h2><p>Insert the following references into the <strong>body</strong> section of the <strong>wwwroot/index.html</strong> file, immediately after the <strong>_framework/blazor.webassembly.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>The <strong>chart.js</strong> reference is optional. Include it only when the <strong>Chart</strong> components are used in the application.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h2><p>Add Blazor Bootstrap service in the <strong>Program.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h2><p>The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> folder from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>wwwroot/index.html</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET8.BlazorWebAssemblyStandaloneApp" target="_blank" rel="noopener noreferrer">GitHub Repo: Blazor Bootstrap - Blazor WebAssembly Standalone App (.NET 8)</a></p><img loading="lazy" src="https://i.imgur.com/2SuR7oA.png" alt="Blazor Bootstrap - Blazor WebAssembly Standalone App" class="img_ev3q"><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code">Sample Code<a href="#sample-code" class="hash-link" aria-label="Direct link to Sample Code" title="Direct link to Sample Code">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="indexhtml">index.html<a href="#indexhtml" class="hash-link" aria-label="Direct link to index.html" title="Direct link to index.html">​</a></h3><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&lt;!</span><span class="token doctype doctype-tag">DOCTYPE</span><span class="token doctype"> </span><span class="token doctype name">html</span><span class="token doctype punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">lang</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">en</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">charset</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">utf-8</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">meta</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">name</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">viewport</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">content</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">width=device-width, initial-scale=1.0</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">NET8.BlazorWebAssemblyStandaloneApp</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">title</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">base</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/app.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">icon</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">type</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">image/png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">favicon.png</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">NET8.BlazorWebAssemblyStandaloneApp.styles.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">head</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">app</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">svg</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">loading-progress</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">circle</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">r</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">40%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">cx</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">cy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">circle</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">r</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">40%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">cx</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">cy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">50%</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">svg</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">loading-progress-text</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">id</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">blazor-error-ui</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        An unhandled error has occurred.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">reload</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Reload</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">dismiss</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">🗙</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_framework/blazor.webassembly.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chart.js reference if chart components are used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">referrerpolicy</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">no-referrer</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token comment" style="color:rgb(106, 153, 85)">&lt;!-- Add sortable.js reference if SortableList component is used in your application. --&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">src</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.js</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token script"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">script</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">html</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="programcs">Program.cs<a href="#programcs" class="hash-link" aria-label="Direct link to Program.cs" title="Direct link to Program.cs">​</a></h3><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Web</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">Microsoft</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">AspNetCore</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Components</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">WebAssembly</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">Hosting</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">using</span><span class="token plain"> </span><span class="token namespace">NET8</span><span class="token namespace punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token namespace">BlazorWebAssemblyStandaloneApp</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> builder </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> WebAssemblyHostBuilder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">CreateDefault</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">args</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">RootComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">Add</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">App</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;#app&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">RootComponents</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token generic-method function" style="color:rgb(220, 220, 170)">Add</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token generic-method generic class-name" style="color:rgb(78, 201, 176)">HeadOutlet</span><span class="token generic-method generic class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;head::after&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddScoped</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">sp </span><span class="token operator" style="color:rgb(212, 212, 212)">=&gt;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">HttpClient</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> BaseAddress </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">Uri</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">HostEnvironment</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">BaseAddress</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">Build</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">RunAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="_importsrazor">_Imports.razor<a href="#_importsrazor" class="hash-link" aria-label="Direct link to _Imports.razor" title="Direct link to _Imports.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">System</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Net</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Json</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Forms</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Routing</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Web</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Virtualization</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">AspNetCore</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Components</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">WebAssembly</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Http</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">Microsoft</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">JSInterop</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorWebAssemblyStandaloneApp</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">NET8</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">BlazorWebAssemblyStandaloneApp</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token directive csharp language-csharp">Layout</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithStickyNavbar_LWe7" id="mainlayoutrazor">MainLayout.razor<a href="#mainlayoutrazor" class="hash-link" aria-label="Direct link to MainLayout.razor" title="Direct link to MainLayout.razor">​</a></h3><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Body</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Match</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp">NavLinkMatch</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PlusSquareFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/weather&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Table</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Fetch Data&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--next" href="/getting-started/blazor-webapp-server-global-net-8"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Blazor WebApp Server (.NET 8)</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code" class="table-of-contents__link toc-highlight">Sample Code</a><ul><li><a href="#indexhtml" class="table-of-contents__link toc-highlight">index.html</a></li><li><a href="#programcs" class="table-of-contents__link toc-highlight">Program.cs</a></li><li><a href="#_importsrazor" class="table-of-contents__link toc-highlight">_Imports.razor</a></li><li><a href="#mainlayoutrazor" class="table-of-contents__link toc-highlight">MainLayout.razor</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/getting-started/maui-blazor-net-7.html b/getting-started/maui-blazor-net-7.html
index 0ac93110c..96bdfcb3a 100644
--- a/getting-started/maui-blazor-net-7.html
+++ b/getting-started/maui-blazor-net-7.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">MAUI Blazor Hybrid App (.NET 7)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - MAUI Blazor Hybrid App (.NET 7)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.1</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the </p><base href="/"> tag in the <strong>head</strong> section in the <strong>wwwroot/index.html</strong> file, add the following references:<p></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h2><p>Insert the following references into the <strong>body</strong> section of the <strong>wwwroot/index.html</strong> file, immediately after the <strong>_framework/blazor.webview.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p><strong>chart.js</strong> reference is optional. Add when the <strong>Chart</strong> components are used in the application.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h2><p>Add Blazor Bootstrap service in the <strong>MauiProgram.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h2><p>The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> and <strong>open-iconic</strong> folders from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li><li>Delete the <strong>wwwroot/css/open-iconic</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>wwwroot/index.html</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Remove the following line from <strong>wwwroot/css/app.css</strong> file:</p><div class="language-css codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-css codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token atrule rule">@import</span><span class="token atrule"> </span><span class="token atrule url function" style="color:rgb(220, 220, 170)">url</span><span class="token atrule url punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token atrule url string url" style="color:rgb(206, 145, 120)">&#x27;open-iconic/font/css/open-iconic-bootstrap.min.css&#x27;</span><span class="token atrule url punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token atrule punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p>TODO</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code">Sample Code<a href="#sample-code" class="hash-link" aria-label="Direct link to Sample Code" title="Direct link to Sample Code">​</a></h2><p>TODO</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/getting-started/blazor-server-net-7"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor Server (.NET 7)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/getting-started/blazor-webassembly-net-6"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Blazor WebAssembly (.NET 6)</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code" class="table-of-contents__link toc-highlight">Sample Code</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">MAUI Blazor Hybrid App (.NET 7)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - MAUI Blazor Hybrid App (.NET 7)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.2</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the </p><base href="/"> tag in the <strong>head</strong> section in the <strong>wwwroot/index.html</strong> file, add the following references:<p></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h2><p>Insert the following references into the <strong>body</strong> section of the <strong>wwwroot/index.html</strong> file, immediately after the <strong>_framework/blazor.webview.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p><strong>chart.js</strong> reference is optional. Add when the <strong>Chart</strong> components are used in the application.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h2><p>Add Blazor Bootstrap service in the <strong>MauiProgram.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h2><p>The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> and <strong>open-iconic</strong> folders from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li><li>Delete the <strong>wwwroot/css/open-iconic</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>wwwroot/index.html</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Remove the following line from <strong>wwwroot/css/app.css</strong> file:</p><div class="language-css codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-css codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token atrule rule">@import</span><span class="token atrule"> </span><span class="token atrule url function" style="color:rgb(220, 220, 170)">url</span><span class="token atrule url punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token atrule url string url" style="color:rgb(206, 145, 120)">&#x27;open-iconic/font/css/open-iconic-bootstrap.min.css&#x27;</span><span class="token atrule url punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token atrule punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p>TODO</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code">Sample Code<a href="#sample-code" class="hash-link" aria-label="Direct link to Sample Code" title="Direct link to Sample Code">​</a></h2><p>TODO</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/getting-started/blazor-server-net-7"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor Server (.NET 7)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/getting-started/blazor-webassembly-net-6"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Blazor WebAssembly (.NET 6)</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code" class="table-of-contents__link toc-highlight">Sample Code</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/getting-started/maui-blazor-net-8.html b/getting-started/maui-blazor-net-8.html
index 53e48da95..564bf17a6 100644
--- a/getting-started/maui-blazor-net-8.html
+++ b/getting-started/maui-blazor-net-8.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
-<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">MAUI Blazor Hybrid App (.NET 8)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - MAUI Blazor Hybrid App (.NET 8)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.1</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the </p><base href="/"> tag in the <strong>head</strong> section in the <strong>wwwroot/index.html</strong> file, add the following references:<p></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h2><p>Insert the following references into the <strong>body</strong> section of the <strong>wwwroot/index.html</strong> file, immediately after the <strong>_framework/blazor.webview.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p><strong>chart.js</strong> reference is optional. Add when the <strong>Chart</strong> components are used in the application.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h2><p>Add Blazor Bootstrap service in the <strong>MauiProgram.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h2><p>The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> folder from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>wwwroot/index.html</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p>TODO</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code">Sample Code<a href="#sample-code" class="hash-link" aria-label="Direct link to Sample Code" title="Direct link to Sample Code">​</a></h2><p>TODO</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/getting-started/blazor-webapp-auto-global-net-8"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor WebApp Auto (.NET 8)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/getting-started/blazor-webassembly-net-7"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Blazor WebAssembly (.NET 7)</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code" class="table-of-contents__link toc-highlight">Sample Code</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-8">Blazor WebAssembly (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-server-global-net-8">Blazor WebApp Server (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webapp-auto-global-net-8">Blazor WebApp Auto (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/getting-started/maui-blazor-net-8">MAUI Blazor Hybrid App (.NET 8)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-7">Blazor WebAssembly (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-7">Blazor Server (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/maui-blazor-net-7">MAUI Blazor Hybrid App (.NET 7)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-webassembly-net-6">Blazor WebAssembly (.NET 6)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/getting-started/blazor-server-net-6">Blazor Server (.NET 6)</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Getting Started</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">MAUI Blazor Hybrid App (.NET 8)</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Getting started - MAUI Blazor Hybrid App (.NET 8)</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="install-nuget-package">Install Nuget Package<a href="#install-nuget-package" class="hash-link" aria-label="Direct link to Install Nuget Package" title="Direct link to Install Nuget Package">​</a></h2><p>Looking to quickly add <strong>Blazor Bootstrap</strong> to your project? Use NuGet package manager.</p><div class="language-shell codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-shell codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#9CDCFE"><span class="token plain">Install-Package Blazor.Bootstrap -Version </span><span class="token number" style="color:rgb(181, 206, 168)">3.0</span><span class="token plain">.0-preview.2</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-css-references">Add CSS references<a href="#add-css-references" class="hash-link" aria-label="Direct link to Add CSS references" title="Direct link to Add CSS references">​</a></h2><p>After the </p><base href="/"> tag in the <strong>head</strong> section in the <strong>wwwroot/index.html</strong> file, add the following references:<p></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">integrity</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">crossorigin</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">anonymous</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_content/Blazor.Bootstrap/blazor.bootstrap.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="add-script-references">Add script references<a href="#add-script-references" class="hash-link" aria-label="Direct link to Add script references" title="Direct link to Add script references">​</a></h2><p>Insert the following references into the <strong>body</strong> section of the <strong>wwwroot/index.html</strong> file, immediately after the <strong>_framework/blazor.webview.js</strong> reference:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chart</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components are used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> chartjs</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">plugin</span><span class="token operator" style="color:rgb(212, 212, 212)">-</span><span class="token plain">datalabels</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">min</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> chart components </span><span class="token keyword" style="color:rgb(86, 156, 214)">with</span><span class="token plain"> data label feature is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js&quot;</span><span class="token plain"> integrity</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==&quot;</span><span class="token plain"> crossorigin</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;anonymous&quot;</span><span class="token plain"> referrerpolicy</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;no-referrer&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token plain"> </span><span class="token maybe-class-name">Add</span><span class="token plain"> sortable</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token property-access">js</span><span class="token plain"> reference </span><span class="token keyword control-flow" style="color:rgb(86, 156, 214)">if</span><span class="token plain"> </span><span class="token maybe-class-name">SortableList</span><span class="token plain"> component is used </span><span class="token keyword" style="color:rgb(86, 156, 214)">in</span><span class="token plain"> your application</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">--</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token plain">script src</span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token string" style="color:rgb(206, 145, 120)">&quot;_content/Blazor.Bootstrap/blazor.bootstrap.js&quot;</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span><span class="token operator" style="color:rgb(212, 212, 212)">&lt;</span><span class="token operator" style="color:rgb(212, 212, 212)">/</span><span class="token plain">script</span><span class="token operator" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p><strong>chart.js</strong> reference is optional. Add when the <strong>Chart</strong> components are used in the application.</p></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="register-services">Register services<a href="#register-services" class="hash-link" aria-label="Direct link to Register services" title="Direct link to Register services">​</a></h2><p>Add Blazor Bootstrap service in the <strong>MauiProgram.cs</strong></p><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">builder</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Services</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">AddBlazorBootstrap</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Register tag helpers in <strong>_Imports.razor</strong></p><div class="language-razor codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-razor codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@using</span><span class="token directive"> </span><span class="token directive csharp language-csharp">BlazorBootstrap</span><span class="token directive csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="remove-default-references">Remove default references<a href="#remove-default-references" class="hash-link" aria-label="Direct link to Remove default references" title="Direct link to Remove default references">​</a></h2><p>The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps:</p><ol><li><p>Delete the <strong>bootstrap</strong> folder from the <strong>wwwroot</strong> directory:</p><ul><li>Delete the <strong>wwwroot/css/bootstrap</strong> folder.</li></ul></li><li><p>Remove the following line from <strong>wwwroot/index.html</strong> file:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">link</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">rel</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">stylesheet</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">css/bootstrap/bootstrap.min.css</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-template">Starter template<a href="#starter-template" class="hash-link" aria-label="Direct link to Starter template" title="Direct link to Starter template">​</a></h2><p>TODO</p><h2 class="anchor anchorWithStickyNavbar_LWe7" id="sample-code">Sample Code<a href="#sample-code" class="hash-link" aria-label="Direct link to Sample Code" title="Direct link to Sample Code">​</a></h2><p>TODO</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/getting-started/blazor-webapp-auto-global-net-8"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor WebApp Auto (.NET 8)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/getting-started/blazor-webassembly-net-7"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Blazor WebAssembly (.NET 7)</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install-nuget-package" class="table-of-contents__link toc-highlight">Install Nuget Package</a></li><li><a href="#add-css-references" class="table-of-contents__link toc-highlight">Add CSS references</a></li><li><a href="#add-script-references" class="table-of-contents__link toc-highlight">Add script references</a></li><li><a href="#register-services" class="table-of-contents__link toc-highlight">Register services</a></li><li><a href="#remove-default-references" class="table-of-contents__link toc-highlight">Remove default references</a></li><li><a href="#starter-template" class="table-of-contents__link toc-highlight">Starter template</a></li><li><a href="#sample-code" class="table-of-contents__link toc-highlight">Sample Code</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 75a9010ab..b5b128c93 100644
--- a/index.html
+++ b/index.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div id="__docusaurus-base-url-issue-banner-container"></div></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/layout/blazor-server.html b/layout/blazor-server.html
index 36f4a8531..97742d85e 100644
--- a/layout/blazor-server.html
+++ b/layout/blazor-server.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/layout/blazor-webassembly">Layout</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/layout/blazor-webassembly">Blazor WebAssembly</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/layout/blazor-server">Blazor Server</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Layout</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor Server</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Layout Setup - Blazor WebAssembly</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="prerequisites">Prerequisites<a href="#prerequisites" class="hash-link" aria-label="Direct link to Prerequisites" title="Direct link to Prerequisites">​</a></h2><p>Assuming you followed the getting started docs for the initial setup.</p><ol><li><strong>Blazor WebAssembly Project:</strong> Follow the <a href="/getting-started/blazor-webassembly">getting started</a> steps for the initial setup.</li><li><strong>Blazor Server Project:</strong> Follow the <a href="/getting-started/blazor-server">getting started</a> steps for the initial setup.</li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="steps">Steps<a href="#steps" class="hash-link" aria-label="Direct link to Steps" title="Direct link to Steps">​</a></h2><p>Replace <strong>MainLayout.razor</strong> page code with the below code.</p><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Remove all the CSS content from the <strong>Shared/MainLayout.razor.css</strong> file.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Body</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Match</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp">NavLinkMatch</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PlusSquareFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/fetchdata&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Table</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Fetch Data&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-templates">Starter templates<a href="#starter-templates" class="hash-link" aria-label="Direct link to Starter templates" title="Direct link to Starter templates">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="net-6">.NET 6<a href="#net-6" class="hash-link" aria-label="Direct link to .NET 6" title="Direct link to .NET 6">​</a></h3><ol><li><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET6.BlazorWebAssemblyApp" target="_blank" rel="noopener noreferrer">Blazor Bootstrap - Blazor WebAssembly App</a></p><img loading="lazy" src="https://i.imgur.com/aRV3rJm.png" alt="Blazor Bootstrap - Blazor WebAssembly App" class="img_ev3q"></li></ol><h3 class="anchor anchorWithStickyNavbar_LWe7" id="net-7">.NET 7<a href="#net-7" class="hash-link" aria-label="Direct link to .NET 7" title="Direct link to .NET 7">​</a></h3><ol><li><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET7.BlazorWebAssemblyApp" target="_blank" rel="noopener noreferrer">Blazor Bootstrap - Blazor WebAssembly App</a></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap - Blazor WebAssembly App" class="img_ev3q"></li><li><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET7.BlazorWebAssemblyAppEmpty" target="_blank" rel="noopener noreferrer">Blazor Bootstrap - Blazor Empty WebAssembly App</a></p><img loading="lazy" src="https://i.imgur.com/CBEoZ6P.png" alt="Blazor Bootstrap - Blazor Empty WebAssembly App" class="img_ev3q"></li></ol></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/02-layout/getting-started-server.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/layout/blazor-webassembly"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor WebAssembly</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/content/icons"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Icons</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#prerequisites" class="table-of-contents__link toc-highlight">Prerequisites</a></li><li><a href="#steps" class="table-of-contents__link toc-highlight">Steps</a></li><li><a href="#starter-templates" class="table-of-contents__link toc-highlight">Starter templates</a><ul><li><a href="#net-6" class="table-of-contents__link toc-highlight">.NET 6</a></li><li><a href="#net-7" class="table-of-contents__link toc-highlight">.NET 7</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/layout/blazor-webassembly.html b/layout/blazor-webassembly.html
index 3bf00ffa3..9b82adfa0 100644
--- a/layout/blazor-webassembly.html
+++ b/layout/blazor-webassembly.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/layout/blazor-webassembly">Layout</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/layout/blazor-webassembly">Blazor WebAssembly</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/layout/blazor-server">Blazor Server</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/services/modal">Services</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Layout</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Blazor WebAssembly</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Layout Setup - Blazor WebAssembly</h1><p>Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.</p><div id="docsblazorbootstrapcom"></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="prerequisites">Prerequisites<a href="#prerequisites" class="hash-link" aria-label="Direct link to Prerequisites" title="Direct link to Prerequisites">​</a></h2><p>Assuming you followed the getting started docs for the initial setup.</p><ol><li><strong>Blazor WebAssembly Project:</strong> Follow the <a href="/getting-started/blazor-webassembly">getting started</a> steps for the initial setup.</li><li><strong>Blazor Server Project:</strong> Follow the <a href="/getting-started/blazor-server">getting started</a> steps for the initial setup.</li></ol><h2 class="anchor anchorWithStickyNavbar_LWe7" id="steps">Steps<a href="#steps" class="hash-link" aria-label="Direct link to Steps" title="Direct link to Steps">​</a></h2><p>Replace <strong>MainLayout.razor</strong> page code with the below code.</p><div class="theme-admonition theme-admonition-danger alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>NOTE</div><div class="admonitionContent_S0QG"><p>Remove all the CSS content from the <strong>Shared/MainLayout.razor.css</strong> file.</p></div></div><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-page</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@ref</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">sidebar</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IconName</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">IconName.BootstrapFill</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Title</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">Blazor Bootstrap</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:rgb(78, 201, 176)">             </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">DataProvider</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">SidebarDataProvider</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">bb-top-row px-4 d-flex justify-content-end</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">href</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">https://docs.microsoft.com/aspnet/</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">target</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">_blank</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">About</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">a</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">content px-4</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">class</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">py-2</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                </span><span class="token value variable keyword" style="color:rgb(86, 156, 214)">@</span><span class="token value variable csharp language-csharp" style="color:rgb(156, 220, 254)">Body</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">article</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">main</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">div</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token block keyword" style="color:rgb(86, 156, 214)">@code</span><span class="token block"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">Sidebar</span><span class="token block csharp language-csharp"> sidebar </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">default</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">!</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">async</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderResult</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">SidebarDataProvider</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp class-name" style="color:rgb(78, 201, 176)">SidebarDataProviderRequest</span><span class="token block csharp language-csharp"> request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">if</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">is</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">null</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">await</span><span class="token block csharp language-csharp"> Task</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">FromResult</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">request</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">ApplyTo</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp">navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">private</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">IEnumerable</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp return-type class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp return-type class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp function" style="color:rgb(220, 220, 170)">GetNavItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        navItems </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">List</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp constructor-invocation class-name punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;1&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">HouseDoorFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Home&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Match</span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp">NavLinkMatch</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">All</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;2&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">PlusSquareFill</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Counter&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">            </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">new</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp constructor-invocation class-name" style="color:rgb(78, 201, 176)">NavItem</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token block csharp language-csharp"> Id </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;3&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Href </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;/fetchdata&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> IconName </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> IconName</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token block csharp language-csharp">Table</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"> Text </span><span class="token block csharp language-csharp operator" style="color:rgb(212, 212, 212)">=</span><span class="token block csharp language-csharp"> </span><span class="token block csharp language-csharp string" style="color:rgb(206, 145, 120)">&quot;Fetch Data&quot;</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">        </span><span class="token block csharp language-csharp keyword" style="color:rgb(86, 156, 214)">return</span><span class="token block csharp language-csharp"> navItems</span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp">    </span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token block csharp language-csharp"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token block csharp language-csharp"></span><span class="token block csharp language-csharp punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithStickyNavbar_LWe7" id="starter-templates">Starter templates<a href="#starter-templates" class="hash-link" aria-label="Direct link to Starter templates" title="Direct link to Starter templates">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="net-6">.NET 6<a href="#net-6" class="hash-link" aria-label="Direct link to .NET 6" title="Direct link to .NET 6">​</a></h3><ol><li><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET6.BlazorWebAssemblyApp" target="_blank" rel="noopener noreferrer">Blazor Bootstrap - Blazor WebAssembly App</a></p><img loading="lazy" src="https://i.imgur.com/aRV3rJm.png" alt="Blazor Bootstrap - Blazor WebAssembly App" class="img_ev3q"></li></ol><h3 class="anchor anchorWithStickyNavbar_LWe7" id="net-7">.NET 7<a href="#net-7" class="hash-link" aria-label="Direct link to .NET 7" title="Direct link to .NET 7">​</a></h3><ol><li><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET7.BlazorWebAssemblyApp" target="_blank" rel="noopener noreferrer">Blazor Bootstrap - Blazor WebAssembly App</a></p><img loading="lazy" src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap - Blazor WebAssembly App" class="img_ev3q"></li><li><p><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET7.BlazorWebAssemblyAppEmpty" target="_blank" rel="noopener noreferrer">Blazor Bootstrap - Blazor Empty WebAssembly App</a></p><img loading="lazy" src="https://i.imgur.com/CBEoZ6P.png" alt="Blazor Bootstrap - Blazor Empty WebAssembly App" class="img_ev3q"></li></ol></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/02-layout/getting-started-webassembly.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/getting-started/blazor-server-net-6"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Blazor Server (.NET 6)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/layout/blazor-server"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Blazor Server</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#prerequisites" class="table-of-contents__link toc-highlight">Prerequisites</a></li><li><a href="#steps" class="table-of-contents__link toc-highlight">Steps</a></li><li><a href="#starter-templates" class="table-of-contents__link toc-highlight">Starter templates</a><ul><li><a href="#net-6" class="table-of-contents__link toc-highlight">.NET 6</a></li><li><a href="#net-7" class="table-of-contents__link toc-highlight">.NET 7</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/search-index.json b/search-index.json
index b6bf080e0..f733b599d 100644
--- a/search-index.json
+++ b/search-index.json
@@ -1 +1 @@
-[{"documents":[{"i":1,"t":"Blog | Blazor Bootstrap Docs","u":"/blog","b":[]},{"i":3,"t":"BlazorBootstrap v0.0.1","u":"/blog/2021/11/23/blazorbootstrap-0.0.1","b":[]},{"i":5,"t":"BlazorBootstrap v0.0.3","u":"/blog/2021/12/08/blazorbootstrap-0.0.3","b":[]},{"i":7,"t":"BlazorBootstrap v0.0.2","u":"/blog/2021/11/27/blazorbootstrap-0.0.2","b":[]},{"i":9,"t":"BlazorBootstrap v0.1.0","u":"/blog/2021/12/20/blazorbootstrap-0.1.0","b":[]},{"i":11,"t":"BlazorBootstrap v0.0.4","u":"/blog/2021/12/12/blazorbootstrap-0.0.4","b":[]},{"i":13,"t":"BlazorBootstrap v0.1.1","u":"/blog/2021/12/21/blazorbootstrap-0.1.1","b":[]},{"i":15,"t":"BlazorBootstrap v0.2.2","u":"/blog/2022/03/15/blazorbootstrap-0.2.2","b":[]},{"i":17,"t":"BlazorBootstrap v0.2.0","u":"/blog/2022/01/15/blazorbootstrap-0.2.0","b":[]},{"i":19,"t":"BlazorBootstrap v0.2.3","u":"/blog/2022/04/30/blazorbootstrap-0.2.3","b":[]},{"i":21,"t":"BlazorBootstrap v0.2.1","u":"/blog/2022/02/27/blazorbootstrap-0.2.1","b":[]},{"i":23,"t":"BlazorBootstrap v0.2.5","u":"/blog/2022/07/28/blazorbootstrap-0.2.5","b":[]},{"i":25,"t":"BlazorBootstrap v0.2.6","u":"/blog/2022/08/13/blazorbootstrap-0.2.6","b":[]},{"i":27,"t":"BlazorBootstrap v0.2.4","u":"/blog/2022/06/19/blazorbootstrap-0.2.4","b":[]},{"i":29,"t":"BlazorBootstrap v0.4.0","u":"/blog/2022/09/04/blazorbootstrap-0.4.0","b":[]},{"i":31,"t":"BlazorBootstrap v0.3.0","u":"/blog/2022/08/31/blazorbootstrap-0.3.0","b":[]},{"i":33,"t":"BlazorBootstrap v0.4.2","u":"/blog/2022/09/17/blazorbootstrap-0.4.2","b":[]},{"i":35,"t":"BlazorBootstrap v0.4.1","u":"/blog/2022/09/12/blazorbootstrap-0.4.1","b":[]},{"i":37,"t":"BlazorBootstrap v0.5.0","u":"/blog/2022/10/16/blazorbootstrap-0.5.0","b":[]},{"i":39,"t":"Blazor Bootstrap v0.5.1","u":"/blog/2022/10/22/blazorbootstrap-0.5.1","b":[]},{"i":41,"t":"Blazor Bootstrap v1.0.0","u":"/blog/2022/11/18/blazorbootstrap-1.0.0","b":[]},{"i":43,"t":"Blazor Bootstrap v0.6.0","u":"/blog/2022/10/30/blazorbootstrap-0.6.0","b":[]},{"i":45,"t":"Blazor Bootstrap v1.0.1","u":"/blog/2022/11/22/blazorbootstrap-1.0.1","b":[]},{"i":47,"t":"Blazor Bootstrap v1.2.0","u":"/blog/2022/12/12/blazorbootstrap-1.2.0","b":[]},{"i":49,"t":"Blazor Bootstrap v1.3.0","u":"/blog/2022/12/15/blazorbootstrap-1.3.0","b":[]},{"i":51,"t":"Blazor Bootstrap v1.1.0","u":"/blog/2022/11/28/blazorbootstrap-1.1.0","b":[]},{"i":53,"t":"Blazor Bootstrap v1.3.1","u":"/blog/2022/12/18/blazorbootstrap-1.3.1","b":[]},{"i":55,"t":"Blazor Bootstrap v1.4.1","u":"/blog/2023/01/23/blazorbootstrap-1.4.1","b":[]},{"i":57,"t":"Blazor Bootstrap v1.4.0","u":"/blog/2023/01/15/blazorbootstrap-1.4.0","b":[]},{"i":59,"t":"Blazor Bootstrap v1.4.2","u":"/blog/2023/01/30/blazorbootstrap-1.4.2","b":[]},{"i":61,"t":"Blazor Bootstrap v1.4.4","u":"/blog/2023/02/10/blazorbootstrap-1.4.4","b":[]},{"i":63,"t":"Blazor Bootstrap v1.4.3","u":"/blog/2023/02/07/blazorbootstrap-1.4.3","b":[]},{"i":65,"t":"Blazor Bootstrap v1.4.5","u":"/blog/2023/02/23/blazorbootstrap-1.4.5","b":[]},{"i":67,"t":"Blazor Bootstrap v1.6.0","u":"/blog/2023/03/12/blazorbootstrap-1.6.0","b":[]},{"i":69,"t":"Blazor Bootstrap v1.5.0","u":"/blog/2023/03/05/blazorbootstrap-1.5.0","b":[]},{"i":71,"t":"Blazor Bootstrap v1.7.0","u":"/blog/2023/04/10/blazorbootstrap-1.7.0","b":[]},{"i":73,"t":"Blazor Bootstrap v1.7.1","u":"/blog/2023/04/19/blazorbootstrap-1.7.1","b":[]},{"i":75,"t":"Blazor Bootstrap v1.7.2","u":"/blog/2023/04/24/blazorbootstrap-1.7.2","b":[]},{"i":77,"t":"Blazor Bootstrap v1.7.3","u":"/blog/2023/04/29/blazorbootstrap-1.7.3","b":[]},{"i":79,"t":"Blazor Bootstrap v1.8.0","u":"/blog/2023/05/28/blazorbootstrap-1.8.0","b":[]},{"i":81,"t":"Blazor Bootstrap v1.8.1","u":"/blog/2023/05/31/blazorbootstrap-1.8.1","b":[]},{"i":83,"t":"Blazor Bootstrap v1.8.2","u":"/blog/2023/06/11/blazorbootstrap-1.8.2","b":[]},{"i":85,"t":"Blazor Bootstrap v1.9.0","u":"/blog/2023/06/30/blazorbootstrap-1.9.0","b":[]},{"i":87,"t":"Blazor Bootstrap v1.8.3","u":"/blog/2023/06/16/blazorbootstrap-1.8.3","b":[]},{"i":89,"t":"Blazor Bootstrap v1.9.1","u":"/blog/2023/06/31/blazorbootstrap-1.9.1","b":[]},{"i":91,"t":"Blazor Bootstrap v1.9.2","u":"/blog/2023/07/01/blazorbootstrap-1.9.2","b":[]},{"i":93,"t":"Blazor Bootstrap v1.9.4","u":"/blog/2023/07/05/blazorbootstrap-1.9.4","b":[]},{"i":95,"t":"Blazor Bootstrap v1.9.3","u":"/blog/2023/07/04/blazorbootstrap-1.9.3","b":[]},{"i":97,"t":"Blazor Bootstrap v1.9.5","u":"/blog/2023/07/16/blazorbootstrap-1.9.5","b":[]},{"i":99,"t":"Blazor Bootstrap v1.10.0","u":"/blog/2023/08/13/blazorbootstrap-1.10.0","b":[]},{"i":101,"t":"Blazor Bootstrap v1.10.1","u":"/blog/2023/08/29/blazorbootstrap-1.10.1","b":[]},{"i":103,"t":"Blazor Bootstrap v1.10.2","u":"/blog/2023/09/15/blazorbootstrap-1.10.2","b":[]},{"i":105,"t":"Blazor Bootstrap v1.10.3","u":"/blog/2023/10/15/blazorbootstrap-1.10.3","b":[]},{"i":107,"t":"Blazor Bootstrap v1.10.4","u":"/blog/2023/11/18/blazorbootstrap-1.10.4","b":[]},{"i":109,"t":"Blazor Bootstrap v1.11.0","u":"/blog/2024/02/04/blazorbootstrap-1.11.0","b":[]},{"i":111,"t":"Blazor Bootstrap v1.10.5","u":"/blog/2024/01/01/blazorbootstrap-1.10.5","b":[]},{"i":113,"t":"Blazor Bootstrap v1.11.1","u":"/blog/2024/02/04/blazorbootstrap-1.11.1","b":[]},{"i":115,"t":"Blazor Bootstrap v2.0.0","u":"/blog/2024/02/25/blazorbootstrap-2.0.0","b":[]},{"i":117,"t":"Blazor Bootstrap v2.1.0","u":"/blog/2024/03/17/blazorbootstrap-2.1.0","b":[]},{"i":119,"t":"Blazor Bootstrap v2.2.0","u":"/blog/2024/04/14/blazorbootstrap-2.2.0","b":[]},{"i":121,"t":"Blazor Bootstrap v2.2.1","u":"/blog/2024/04/21/blazorbootstrap-2.2.1","b":[]},{"i":123,"t":"Upgrade to v2.x.x","u":"/blog/2024/02/25/upgrade-to-v2.0.0","b":[]},{"i":125,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/2","b":[]},{"i":127,"t":"Blazor Bootstrap v3.0.0-preview.1","u":"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1","b":[]},{"i":129,"t":"Archive","u":"/blog/archive","b":[]},{"i":131,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/4","b":[]},{"i":133,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/6","b":[]},{"i":135,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/3","b":[]},{"i":137,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/7","b":[]},{"i":139,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/5","b":[]},{"i":141,"t":"Tags","u":"/blog/tags","b":[]},{"i":143,"t":"One post tagged with \"alert\"","u":"/blog/tags/alert","b":[]},{"i":145,"t":"9 posts tagged with \"autocomplete\"","u":"/blog/tags/autocomplete","b":[]},{"i":147,"t":"3 posts tagged with \"accordion\"","u":"/blog/tags/accordion","b":[]},{"i":149,"t":"One post tagged with \"barchart\"","u":"/blog/tags/barchart","b":[]},{"i":151,"t":"2 posts tagged with \"badge\"","u":"/blog/tags/badge","b":[]},{"i":153,"t":"One post tagged with \"blazor-autocomplete\"","u":"/blog/tags/blazor-autocomplete","b":[]},{"i":155,"t":"One post tagged with \"blazor-bar-chart\"","u":"/blog/tags/blazor-bar-chart","b":[]},{"i":157,"t":"41 posts tagged with \"blazor\"","u":"/blog/tags/blazor","b":[]},{"i":159,"t":"5 posts tagged with \"blazor-bootstrap\"","u":"/blog/tags/blazor-bootstrap","b":[]},{"i":161,"t":"One post tagged with \"blazor-charts\"","u":"/blog/tags/blazor-charts","b":[]},{"i":163,"t":"One post tagged with \"blazor-currency-input\"","u":"/blog/tags/blazor-currency-input","b":[]},{"i":165,"t":"2 posts tagged with \"blazor-confirm-dialog\"","u":"/blog/tags/blazor-confirm-dialog","b":[]},{"i":167,"t":"2 posts tagged with \"blazor-dialog\"","u":"/blog/tags/blazor-dialog","b":[]},{"i":169,"t":"3 posts tagged with \"blazor-grid\"","u":"/blog/tags/blazor-grid","b":[]},{"i":171,"t":"One post tagged with \"blazor-doughnut-chart\"","u":"/blog/tags/blazor-doughnut-chart","b":[]},{"i":173,"t":"One post tagged with \"blazor-grid-filtering\"","u":"/blog/tags/blazor-grid-filtering","b":[]},{"i":175,"t":"One post tagged with \"blazor-grid-paging\"","u":"/blog/tags/blazor-grid-paging","b":[]},{"i":177,"t":"One post tagged with \"blazor-grid-sorting\"","u":"/blog/tags/blazor-grid-sorting","b":[]},{"i":179,"t":"One post tagged with \"blazor-input\"","u":"/blog/tags/blazor-input","b":[]},{"i":181,"t":"One post tagged with \"blazor-input-number\"","u":"/blog/tags/blazor-input-number","b":[]},{"i":183,"t":"One post tagged with \"blazor-line-chart\"","u":"/blog/tags/blazor-line-chart","b":[]},{"i":185,"t":"One post tagged with \"blazor-offcanvas\"","u":"/blog/tags/blazor-offcanvas","b":[]},{"i":187,"t":"One post tagged with \"blazor-number\"","u":"/blog/tags/blazor-number","b":[]},{"i":189,"t":"One post tagged with \"blazor-number-input\"","u":"/blog/tags/blazor-number-input","b":[]},{"i":191,"t":"One post tagged with \"blazor-pie-chart\"","u":"/blog/tags/blazor-pie-chart","b":[]},{"i":193,"t":"2 posts tagged with \"blazor-preload\"","u":"/blog/tags/blazor-preload","b":[]},{"i":195,"t":"One post tagged with \"blazor-progress\"","u":"/blog/tags/blazor-progress","b":[]},{"i":197,"t":"One post tagged with \"blazor-progress-bar\"","u":"/blog/tags/blazor-progress-bar","b":[]},{"i":199,"t":"One post tagged with \"blazor-sidemodal\"","u":"/blog/tags/blazor-sidemodal","b":[]},{"i":201,"t":"2 posts tagged with \"blazor-spinner\"","u":"/blog/tags/blazor-spinner","b":[]},{"i":203,"t":"One post tagged with \"blazor-starter-templates\"","u":"/blog/tags/blazor-starter-templates","b":[]},{"i":205,"t":"One post tagged with \"blazor-templates\"","u":"/blog/tags/blazor-templates","b":[]},{"i":207,"t":"One post tagged with \"blazor-tabs\"","u":"/blog/tags/blazor-tabs","b":[]},{"i":209,"t":"2 posts tagged with \"blazor-toasts\"","u":"/blog/tags/blazor-toasts","b":[]},{"i":211,"t":"41 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/2","b":[]},{"i":213,"t":"41 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/3","b":[]},{"i":215,"t":"One post tagged with \"blazor-toast\"","u":"/blog/tags/blazor-toast","b":[]},{"i":217,"t":"41 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/5","b":[]},{"i":219,"t":"41 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/4","b":[]},{"i":221,"t":"4 posts tagged with \"blazorautocomplete\"","u":"/blog/tags/blazorautocomplete","b":[]},{"i":223,"t":"One post tagged with \"blazoraccordion\"","u":"/blog/tags/blazoraccordion","b":[]},{"i":225,"t":"One post tagged with \"blazorbootstrap-starter-templates\"","u":"/blog/tags/blazorbootstrap-starter-templates","b":[]},{"i":227,"t":"One post tagged with \"blazorbadge\"","u":"/blog/tags/blazorbadge","b":[]},{"i":229,"t":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap","b":[]},{"i":231,"t":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/3","b":[]},{"i":233,"t":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/2","b":[]},{"i":235,"t":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/4","b":[]},{"i":237,"t":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/5","b":[]},{"i":239,"t":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/6","b":[]},{"i":241,"t":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/7","b":[]},{"i":243,"t":"One post tagged with \"blazorbreadcrumb\"","u":"/blog/tags/blazorbreadcrumb","b":[]},{"i":245,"t":"2 posts tagged with \"blazorbutton\"","u":"/blog/tags/blazorbutton","b":[]},{"i":247,"t":"3 posts tagged with \"blazorbuttons\"","u":"/blog/tags/blazorbuttons","b":[]},{"i":249,"t":"One post tagged with \"blazorchart\"","u":"/blog/tags/blazorchart","b":[]},{"i":251,"t":"One post tagged with \"blazorcollapse\"","u":"/blog/tags/blazorcollapse","b":[]},{"i":253,"t":"One post tagged with \"blazordate\"","u":"/blog/tags/blazordate","b":[]},{"i":255,"t":"3 posts tagged with \"blazorcurrencyinput\"","u":"/blog/tags/blazorcurrencyinput","b":[]},{"i":257,"t":"One post tagged with \"blazorconfirmdialog\"","u":"/blog/tags/blazorconfirmdialog","b":[]},{"i":259,"t":"One post tagged with \"blazorconfirmmodal\"","u":"/blog/tags/blazorconfirmmodal","b":[]},{"i":261,"t":"2 posts tagged with \"blazordatepicker\"","u":"/blog/tags/blazordatepicker","b":[]},{"i":263,"t":"4 posts tagged with \"blazordateinput\"","u":"/blog/tags/blazordateinput","b":[]},{"i":265,"t":"One post tagged with \"blazordialog\"","u":"/blog/tags/blazordialog","b":[]},{"i":267,"t":"One post tagged with \"blazordropdown\"","u":"/blog/tags/blazordropdown","b":[]},{"i":269,"t":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid","b":[]},{"i":271,"t":"8 posts tagged with \"blazormodal\"","u":"/blog/tags/blazormodal","b":[]},{"i":273,"t":"2 posts tagged with \"blazoricon\"","u":"/blog/tags/blazoricon","b":[]},{"i":275,"t":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid/page/2","b":[]},{"i":277,"t":"2 posts tagged with \"blazormodalservice\"","u":"/blog/tags/blazormodalservice","b":[]},{"i":279,"t":"One post tagged with \"blazornumber\"","u":"/blog/tags/blazornumber","b":[]},{"i":281,"t":"One post tagged with \"blazornumberinput\"","u":"/blog/tags/blazornumberinput","b":[]},{"i":283,"t":"3 posts tagged with \"blazoroffcanvas\"","u":"/blog/tags/blazoroffcanvas","b":[]},{"i":285,"t":"One post tagged with \"blazorprogress\"","u":"/blog/tags/blazorprogress","b":[]},{"i":287,"t":"2 posts tagged with \"blazorsidebar\"","u":"/blog/tags/blazorsidebar","b":[]},{"i":289,"t":"One post tagged with \"blazortabs\"","u":"/blog/tags/blazortabs","b":[]},{"i":291,"t":"One post tagged with \"blazortime\"","u":"/blog/tags/blazortime","b":[]},{"i":293,"t":"3 posts tagged with \"blazortimeinput\"","u":"/blog/tags/blazortimeinput","b":[]},{"i":295,"t":"2 posts tagged with \"blazorswitch\"","u":"/blog/tags/blazorswitch","b":[]},{"i":297,"t":"One post tagged with \"blazortimepicker\"","u":"/blog/tags/blazortimepicker","b":[]},{"i":299,"t":"One post tagged with \"blazortoast\"","u":"/blog/tags/blazortoast","b":[]},{"i":301,"t":"2 posts tagged with \"blazortoasts\"","u":"/blog/tags/blazortoasts","b":[]},{"i":303,"t":"2 posts tagged with \"blazortooltip\"","u":"/blog/tags/blazortooltip","b":[]},{"i":305,"t":"34 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap","b":[]},{"i":307,"t":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5","b":[]},{"i":309,"t":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/4","b":[]},{"i":311,"t":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/2","b":[]},{"i":313,"t":"34 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/4","b":[]},{"i":315,"t":"34 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/2","b":[]},{"i":317,"t":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/3","b":[]},{"i":319,"t":"One post tagged with \"breadcrumb\"","u":"/blog/tags/breadcrumb","b":[]},{"i":321,"t":"One post tagged with \"breadcrumbservice\"","u":"/blog/tags/breadcrumbservice","b":[]},{"i":323,"t":"3 posts tagged with \"buttons\"","u":"/blog/tags/buttons","b":[]},{"i":325,"t":"34 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/3","b":[]},{"i":327,"t":"4 posts tagged with \"callout\"","u":"/blog/tags/callout","b":[]},{"i":329,"t":"5 posts tagged with \"button\"","u":"/blog/tags/button","b":[]},{"i":331,"t":"One post tagged with \"confirm dialog\"","u":"/blog/tags/confirm-dialog","b":[]},{"i":333,"t":"One post tagged with \"chart\"","u":"/blog/tags/chart","b":[]},{"i":335,"t":"2 posts tagged with \"charts\"","u":"/blog/tags/charts","b":[]},{"i":337,"t":"One post tagged with \"clipboard\"","u":"/blog/tags/clipboard","b":[]},{"i":339,"t":"One post tagged with \"collapse\"","u":"/blog/tags/collapse","b":[]},{"i":341,"t":"One post tagged with \"confirmmodal\"","u":"/blog/tags/confirmmodal","b":[]},{"i":343,"t":"One post tagged with \"currency\"","u":"/blog/tags/currency","b":[]},{"i":345,"t":"3 posts tagged with \"confirmdialog\"","u":"/blog/tags/confirmdialog","b":[]},{"i":347,"t":"One post tagged with \"date\"","u":"/blog/tags/date","b":[]},{"i":349,"t":"3 posts tagged with \"currencyinput\"","u":"/blog/tags/currencyinput","b":[]},{"i":351,"t":"2 posts tagged with \"datepicker\"","u":"/blog/tags/datepicker","b":[]},{"i":353,"t":"4 posts tagged with \"dateinput\"","u":"/blog/tags/dateinput","b":[]},{"i":355,"t":"One post tagged with \"dialog\"","u":"/blog/tags/dialog","b":[]},{"i":357,"t":"2 posts tagged with \"dropdown\"","u":"/blog/tags/dropdown","b":[]},{"i":359,"t":"7 posts tagged with \"docs\"","u":"/blog/tags/docs","b":[]},{"i":361,"t":"21 posts tagged with \"grid\"","u":"/blog/tags/grid/page/3","b":[]},{"i":363,"t":"21 posts tagged with \"grid\"","u":"/blog/tags/grid","b":[]},{"i":365,"t":"2 posts tagged with \"icon\"","u":"/blog/tags/icon","b":[]},{"i":367,"t":"2 posts tagged with \"input\"","u":"/blog/tags/input","b":[]},{"i":369,"t":"21 posts tagged with \"grid\"","u":"/blog/tags/grid/page/2","b":[]},{"i":371,"t":"One post tagged with \"icons\"","u":"/blog/tags/icons","b":[]},{"i":373,"t":"One post tagged with \"input-number\"","u":"/blog/tags/input-number","b":[]},{"i":375,"t":"One post tagged with \"leftmenu\"","u":"/blog/tags/leftmenu","b":[]},{"i":377,"t":"One post tagged with \"layout\"","u":"/blog/tags/layout","b":[]},{"i":379,"t":"3 posts tagged with \"modalservice\"","u":"/blog/tags/modalservice","b":[]},{"i":381,"t":"13 posts tagged with \"modal\"","u":"/blog/tags/modal/page/2","b":[]},{"i":383,"t":"13 posts tagged with \"modal\"","u":"/blog/tags/modal","b":[]},{"i":385,"t":"One post tagged with \"navigation\"","u":"/blog/tags/navigation","b":[]},{"i":387,"t":"One post tagged with \"pagination\"","u":"/blog/tags/pagination","b":[]},{"i":389,"t":"2 posts tagged with \"numberinput\"","u":"/blog/tags/numberinput","b":[]},{"i":391,"t":"5 posts tagged with \"offcanvas\"","u":"/blog/tags/offcanvas","b":[]},{"i":393,"t":"4 posts tagged with \"pdfviewer\"","u":"/blog/tags/pdfviewer","b":[]},{"i":395,"t":"2 posts tagged with \"progress\"","u":"/blog/tags/progress","b":[]},{"i":397,"t":"3 posts tagged with \"placeholders\"","u":"/blog/tags/placeholders","b":[]},{"i":399,"t":"One post tagged with \"preload\"","u":"/blog/tags/preload","b":[]},{"i":401,"t":"One post tagged with \"progress-bar\"","u":"/blog/tags/progress-bar","b":[]},{"i":403,"t":"2 posts tagged with \"rangeinput\"","u":"/blog/tags/rangeinput","b":[]},{"i":405,"t":"2 posts tagged with \"ribbon\"","u":"/blog/tags/ribbon","b":[]},{"i":407,"t":"One post tagged with \"scriptloader\"","u":"/blog/tags/scriptloader","b":[]},{"i":409,"t":"3 posts tagged with \"sidebar\"","u":"/blog/tags/sidebar","b":[]},{"i":411,"t":"2 posts tagged with \"sidebar2\"","u":"/blog/tags/sidebar-2","b":[]},{"i":413,"t":"One post tagged with \"sortablelist\"","u":"/blog/tags/sortablelist","b":[]},{"i":415,"t":"2 posts tagged with \"switch\"","u":"/blog/tags/switch","b":[]},{"i":417,"t":"3 posts tagged with \"tabs\"","u":"/blog/tags/tabs","b":[]},{"i":419,"t":"One post tagged with \"tab\"","u":"/blog/tags/tab","b":[]},{"i":421,"t":"One post tagged with \"spinner\"","u":"/blog/tags/spinner","b":[]},{"i":423,"t":"3 posts tagged with \"timeinput\"","u":"/blog/tags/timeinput","b":[]},{"i":425,"t":"One post tagged with \"timepicker\"","u":"/blog/tags/timepicker","b":[]},{"i":427,"t":"2 posts tagged with \"toast\"","u":"/blog/tags/toast","b":[]},{"i":429,"t":"4 posts tagged with \"toasts\"","u":"/blog/tags/toasts","b":[]},{"i":431,"t":"One post tagged with \"toastservice\"","u":"/blog/tags/toastservice","b":[]},{"i":433,"t":"One post tagged with \"v0.0.1\"","u":"/blog/tags/v-0-0-1","b":[]},{"i":435,"t":"3 posts tagged with \"tooltip\"","u":"/blog/tags/tooltip","b":[]},{"i":437,"t":"One post tagged with \"v0.0.2\"","u":"/blog/tags/v-0-0-2","b":[]},{"i":439,"t":"One post tagged with \"v0.0.4\"","u":"/blog/tags/v-0-0-4","b":[]},{"i":441,"t":"One post tagged with \"v0.0.3\"","u":"/blog/tags/v-0-0-3","b":[]},{"i":443,"t":"One post tagged with \"v0.1.0\"","u":"/blog/tags/v-0-1-0","b":[]},{"i":445,"t":"One post tagged with \"v0.1.1\"","u":"/blog/tags/v-0-1-1","b":[]},{"i":447,"t":"One post tagged with \"v0.2.1\"","u":"/blog/tags/v-0-2-1","b":[]},{"i":449,"t":"One post tagged with \"v0.2.0\"","u":"/blog/tags/v-0-2-0","b":[]},{"i":451,"t":"One post tagged with \"v0.2.2\"","u":"/blog/tags/v-0-2-2","b":[]},{"i":453,"t":"One post tagged with \"v0.2.3\"","u":"/blog/tags/v-0-2-3","b":[]},{"i":455,"t":"One post tagged with \"v0.2.4\"","u":"/blog/tags/v-0-2-4","b":[]},{"i":457,"t":"One post tagged with \"v0.2.5\"","u":"/blog/tags/v-0-2-5","b":[]},{"i":459,"t":"One post tagged with \"v0.2.6\"","u":"/blog/tags/v-0-2-6","b":[]},{"i":461,"t":"One post tagged with \"v0.3.0\"","u":"/blog/tags/v-0-3-0","b":[]},{"i":463,"t":"One post tagged with \"v0.4.0\"","u":"/blog/tags/v-0-4-0","b":[]},{"i":465,"t":"One post tagged with \"v0.4.1\"","u":"/blog/tags/v-0-4-1","b":[]},{"i":467,"t":"One post tagged with \"v0.4.2\"","u":"/blog/tags/v-0-4-2","b":[]},{"i":469,"t":"One post tagged with \"v0.5.0\"","u":"/blog/tags/v-0-5-0","b":[]},{"i":471,"t":"One post tagged with \"v0.6.0\"","u":"/blog/tags/v-0-6-0","b":[]},{"i":473,"t":"One post tagged with \"v1.1.0\"","u":"/blog/tags/v-1-1-0","b":[]},{"i":475,"t":"One post tagged with \"v0.5.1\"","u":"/blog/tags/v-0-5-1","b":[]},{"i":477,"t":"One post tagged with \"v1.0.0\"","u":"/blog/tags/v-1-0-0","b":[]},{"i":479,"t":"One post tagged with \"v1.10.0\"","u":"/blog/tags/v-1-10-0","b":[]},{"i":481,"t":"One post tagged with \"v1.10.1\"","u":"/blog/tags/v-1-10-1","b":[]},{"i":483,"t":"One post tagged with \"v1.10.2\"","u":"/blog/tags/v-1-10-2","b":[]},{"i":485,"t":"One post tagged with \"v1.10.3\"","u":"/blog/tags/v-1-10-3","b":[]},{"i":487,"t":"One post tagged with \"v1.10.5\"","u":"/blog/tags/v-1-10-5","b":[]},{"i":489,"t":"One post tagged with \"v1.10.4\"","u":"/blog/tags/v-1-10-4","b":[]},{"i":491,"t":"One post tagged with \"v1.11.0\"","u":"/blog/tags/v-1-11-0","b":[]},{"i":493,"t":"One post tagged with \"v1.11.1\"","u":"/blog/tags/v-1-11-1","b":[]},{"i":495,"t":"One post tagged with \"v1.2.0\"","u":"/blog/tags/v-1-2-0","b":[]},{"i":497,"t":"One post tagged with \"v1.3.0\"","u":"/blog/tags/v-1-3-0","b":[]},{"i":499,"t":"One post tagged with \"v1.4.1\"","u":"/blog/tags/v-1-4-1","b":[]},{"i":501,"t":"One post tagged with \"v1.4.2\"","u":"/blog/tags/v-1-4-2","b":[]},{"i":503,"t":"One post tagged with \"v1.4.0\"","u":"/blog/tags/v-1-4-0","b":[]},{"i":505,"t":"One post tagged with \"v1.3.1\"","u":"/blog/tags/v-1-3-1","b":[]},{"i":507,"t":"One post tagged with \"v1.4.3\"","u":"/blog/tags/v-1-4-3","b":[]},{"i":509,"t":"One post tagged with \"v1.4.4\"","u":"/blog/tags/v-1-4-4","b":[]},{"i":511,"t":"One post tagged with \"v1.4.5\"","u":"/blog/tags/v-1-4-5","b":[]},{"i":513,"t":"One post tagged with \"v1.5.0\"","u":"/blog/tags/v-1-5-0","b":[]},{"i":515,"t":"One post tagged with \"v1.7.0\"","u":"/blog/tags/v-1-7-0","b":[]},{"i":517,"t":"One post tagged with \"v1.7.1\"","u":"/blog/tags/v-1-7-1","b":[]},{"i":519,"t":"One post tagged with \"v1.7.3\"","u":"/blog/tags/v-1-7-3","b":[]},{"i":521,"t":"One post tagged with \"v1.8.0\"","u":"/blog/tags/v-1-8-0","b":[]},{"i":523,"t":"One post tagged with \"v1.6.0\"","u":"/blog/tags/v-1-6-0","b":[]},{"i":525,"t":"One post tagged with \"v1.7.2\"","u":"/blog/tags/v-1-7-2","b":[]},{"i":527,"t":"One post tagged with \"v1.8.2\"","u":"/blog/tags/v-1-8-2","b":[]},{"i":529,"t":"One post tagged with \"v1.8.3\"","u":"/blog/tags/v-1-8-3","b":[]},{"i":531,"t":"One post tagged with \"v1.8.1\"","u":"/blog/tags/v-1-8-1","b":[]},{"i":533,"t":"One post tagged with \"v1.9.0\"","u":"/blog/tags/v-1-9-0","b":[]},{"i":535,"t":"One post tagged with \"v1.9.2\"","u":"/blog/tags/v-1-9-2","b":[]},{"i":537,"t":"One post tagged with \"v1.9.1\"","u":"/blog/tags/v-1-9-1","b":[]},{"i":539,"t":"One post tagged with \"v1.9.4\"","u":"/blog/tags/v-1-9-4","b":[]},{"i":541,"t":"One post tagged with \"v1.9.3\"","u":"/blog/tags/v-1-9-3","b":[]},{"i":543,"t":"One post tagged with \"v1.9.5\"","u":"/blog/tags/v-1-9-5","b":[]},{"i":545,"t":"One post tagged with \"v2.1.0\"","u":"/blog/tags/v-2-1-0","b":[]},{"i":547,"t":"One post tagged with \"v2.0.0\"","u":"/blog/tags/v-2-0-0","b":[]},{"i":549,"t":"One post tagged with \"v2.2.1\"","u":"/blog/tags/v-2-2-1","b":[]},{"i":551,"t":"One post tagged with \"v2.2.0\"","u":"/blog/tags/v-2-2-0","b":[]},{"i":553,"t":"One post tagged with \"v3.0.0\"","u":"/blog/tags/v-3-0-0","b":[]},{"i":555,"t":"Blazor Alerts","u":"/components/alerts","b":[]},{"i":557,"t":"Blazor Breadcrumb","u":"/components/breadcrumb","b":[]},{"i":559,"t":"Blazor Badge","u":"/components/badge","b":[]},{"i":561,"t":"Blazor Accordion","u":"/components/accordion","b":[]},{"i":563,"t":"Blazor Charts","u":"/components/charts","b":[]},{"i":565,"t":"Blazor Callout","u":"/components/callout","b":[]},{"i":567,"t":"Blazor Buttons","u":"/components/buttons","b":[]},{"i":569,"t":"Blazor Card","u":"/components/card","b":[]},{"i":571,"t":"Blazor Collapse","u":"/components/collapse","b":[]},{"i":573,"t":"Blazor Confirm Dialog","u":"/components/confirm-dialog","b":[]},{"i":575,"t":"Blazor Offcanvas","u":"/components/offcanvas","b":[]},{"i":577,"t":"Blazor Modal","u":"/components/modal","b":[]},{"i":579,"t":"Blazor Placeholders","u":"/components/placeholders","b":[]},{"i":581,"t":"Blazor Pagination","u":"/components/pagination","b":[]},{"i":583,"t":"Blazor Preload","u":"/components/preload","b":[]},{"i":585,"t":"Blazor Progress","u":"/components/ribbon","b":[]},{"i":587,"t":"Blazor Script Loader","u":"/components/script-loader","b":[]},{"i":589,"t":"Blazor Progress","u":"/components/progress","b":[]},{"i":591,"t":"Blazor Sidebar","u":"/components/sidebar2","b":[]},{"i":593,"t":"Blazor Sidebar","u":"/components/spinners","b":[]},{"i":595,"t":"Blazor Sortable List (Preview)","u":"/components/sortable-list","b":[]},{"i":597,"t":"Blazor Icons","u":"/content/icons","b":[]},{"i":599,"t":"Blazor Tabs","u":"/components/tabs","b":[]},{"i":601,"t":"Blazor Line Chart","u":"/data-visualization/line-chart","b":[]},{"i":603,"t":"Blazor Bar Chart","u":"/data-visualization/bar-chart","b":[]},{"i":605,"t":"Blazor Doughnut Chart","u":"/data-visualization/doughnut-chart","b":[]},{"i":607,"t":"Blazor Pie Chart","u":"/data-visualization/pie-chart","b":[]},{"i":609,"t":"Blazor Tooltips","u":"/components/tooltips","b":[]},{"i":611,"t":"Blazor Auto Complete","u":"/forms/autocomplete","b":[]},{"i":613,"t":"Blazor Date Input","u":"/forms/date-input","b":[]},{"i":615,"t":"Blazor Range Input","u":"/forms/range-input","b":[]},{"i":617,"t":"Blazor Number Input","u":"/forms/number-input","b":[]},{"i":619,"t":"Blazor Switch","u":"/forms/switch","b":[]},{"i":621,"t":"Blazor Currency Input","u":"/forms/currency-input","b":[]},{"i":623,"t":"Getting started - Blazor Server (.NET 7)","u":"/getting-started/blazor-server-net-7","b":[]},{"i":625,"t":"Getting started - Blazor Server (.NET 6)","u":"/getting-started/blazor-server-net-6","b":[]},{"i":627,"t":"Blazor Time Input","u":"/forms/time-input","b":[]},{"i":629,"t":"Blazor Toasts","u":"/components/toasts","b":[]},{"i":631,"t":"Getting started - MAUI Blazor Hybrid App (.NET 7)","u":"/getting-started/maui-blazor-net-7","b":[]},{"i":633,"t":"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location","u":"/getting-started/blazor-webapp-server-global-net-8","b":[]},{"i":635,"t":"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location","u":"/getting-started/blazor-webapp-auto-global-net-8","b":[]},{"i":637,"t":"Getting started - MAUI Blazor Hybrid App (.NET 8)","u":"/getting-started/maui-blazor-net-8","b":[]},{"i":639,"t":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-server","b":[]},{"i":641,"t":"Getting started - Blazor WebAssembly (.NET 7)","u":"/getting-started/blazor-webassembly-net-7","b":[]},{"i":643,"t":"Getting started - Blazor WebAssembly (.NET 6)","u":"/getting-started/blazor-webassembly-net-6","b":[]},{"i":645,"t":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-webassembly","b":[]},{"i":647,"t":"Blazor Modal Service","u":"/services/modal","b":[]},{"i":649,"t":"One post tagged with \"v1.0.1\"","u":"/blog/tags/v-1-0-1","b":[]},{"i":651,"t":"Getting started - Blazor WebAssembly (.NET 8)","u":"/getting-started/blazor-webassembly-net-8","b":[]},{"i":653,"t":"Blazor Dropdown","u":"/components/dropdown","b":[]},{"i":655,"t":"Blazor Sidebar","u":"/components/sidebar","b":[]},{"i":657,"t":"Blazor PDF Viewer","u":"/components/pdf-viewer","b":[]},{"i":659,"t":"Blazor Grid","u":"/components/grid","b":[]}],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[["t/1",[0,3.356,1,3.356,2,0.785,3,1.583,4,3.246]],["t/3",[5,3.133,6,6.063]],["t/5",[5,3.133,7,6.063]],["t/7",[5,3.133,8,6.063]],["t/9",[5,3.133,9,6.063]],["t/11",[5,3.133,10,6.063]],["t/13",[5,3.133,11,6.063]],["t/15",[5,3.133,12,6.063]],["t/17",[5,3.133,13,6.063]],["t/19",[5,3.133,14,6.063]],["t/21",[5,3.133,15,6.063]],["t/23",[5,3.133,16,6.063]],["t/25",[5,3.133,17,6.063]],["t/27",[5,3.133,18,6.063]],["t/29",[5,3.133,19,6.063]],["t/31",[5,3.133,20,6.063]],["t/33",[5,3.133,21,6.063]],["t/35",[5,3.133,22,6.063]],["t/37",[5,3.133,23,6.063]],["t/39",[2,0.97,3,1.955,24,5.349]],["t/41",[2,0.97,3,1.955,25,5.349]],["t/43",[2,0.97,3,1.955,26,5.349]],["t/45",[2,0.97,3,1.955,27,5.349]],["t/47",[2,0.97,3,1.955,28,5.349]],["t/49",[2,0.97,3,1.955,29,5.349]],["t/51",[2,0.97,3,1.955,30,5.349]],["t/53",[2,0.97,3,1.955,31,5.349]],["t/55",[2,0.97,3,1.955,32,5.349]],["t/57",[2,0.97,3,1.955,33,5.349]],["t/59",[2,0.97,3,1.955,34,5.349]],["t/61",[2,0.97,3,1.955,35,5.349]],["t/63",[2,0.97,3,1.955,36,5.349]],["t/65",[2,0.97,3,1.955,37,5.349]],["t/67",[2,0.97,3,1.955,38,5.349]],["t/69",[2,0.97,3,1.955,39,5.349]],["t/71",[2,0.97,3,1.955,40,5.349]],["t/73",[2,0.97,3,1.955,41,5.349]],["t/75",[2,0.97,3,1.955,42,5.349]],["t/77",[2,0.97,3,1.955,43,5.349]],["t/79",[2,0.97,3,1.955,44,5.349]],["t/81",[2,0.97,3,1.955,45,5.349]],["t/83",[2,0.97,3,1.955,46,5.349]],["t/85",[2,0.97,3,1.955,47,5.349]],["t/87",[2,0.97,3,1.955,48,5.349]],["t/89",[2,0.97,3,1.955,49,5.349]],["t/91",[2,0.97,3,1.955,50,5.349]],["t/93",[2,0.97,3,1.955,51,5.349]],["t/95",[2,0.97,3,1.955,52,5.349]],["t/97",[2,0.97,3,1.955,53,5.349]],["t/99",[2,0.97,3,1.955,54,5.349]],["t/101",[2,0.97,3,1.955,55,5.349]],["t/103",[2,0.97,3,1.955,56,5.349]],["t/105",[2,0.97,3,1.955,57,5.349]],["t/107",[2,0.97,3,1.955,58,5.349]],["t/109",[2,0.97,3,1.955,59,5.349]],["t/111",[2,0.97,3,1.955,60,5.349]],["t/113",[2,0.97,3,1.955,61,5.349]],["t/115",[2,0.97,3,1.955,62,5.349]],["t/117",[2,0.97,3,1.955,63,5.349]],["t/119",[2,0.97,3,1.955,64,5.349]],["t/121",[2,0.97,3,1.955,65,5.349]],["t/123",[66,6.697,67,6.697]],["t/125",[0,3.356,1,3.356,2,0.785,3,1.583,4,3.246]],["t/127",[2,0.868,3,1.749,68,4.786,69,5.286]],["t/129",[70,7.727]],["t/131",[0,3.356,1,3.356,2,0.785,3,1.583,4,3.246]],["t/133",[0,3.356,1,3.356,2,0.785,3,1.583,4,3.246]],["t/135",[0,3.356,1,3.356,2,0.785,3,1.583,4,3.246]],["t/137",[0,3.356,1,3.356,2,0.785,3,1.583,4,3.246]],["t/139",[0,3.356,1,3.356,2,0.785,3,1.583,4,3.246]],["t/141",[71,0.662]],["t/143",[71,0.453,72,0.935,73,0.457,74,4.786]],["t/145",[71,0.453,73,0.457,75,5.286,76,4.786]],["t/147",[71,0.453,73,0.457,77,2.999,78,4.786]],["t/149",[71,0.453,72,0.935,73,0.457,79,5.286]],["t/151",[71,0.453,73,0.457,80,2.473,81,4.786]],["t/153",[2,0.785,71,0.41,72,0.845,73,0.414,76,4.33]],["t/155",[2,0.717,71,0.374,72,0.772,73,0.378,82,3.478,83,2.651]],["t/157",[2,0.868,71,0.453,73,0.457,84,4.014]],["t/159",[2,0.785,3,1.583,71,0.41,73,0.414,85,4.032]],["t/161",[2,0.785,71,0.41,72,0.845,73,0.414,83,2.904]],["t/163",[2,0.717,71,0.374,72,0.772,73,0.378,86,3.681,87,2.719]],["t/165",[2,0.717,71,0.374,73,0.378,80,2.043,88,3.681,89,3.316]],["t/167",[2,0.785,71,0.41,73,0.414,80,2.238,89,3.631]],["t/169",[2,0.785,71,0.41,73,0.414,77,2.713,90,3.246]],["t/171",[2,0.717,71,0.374,72,0.772,73,0.378,83,2.651,91,3.954]],["t/173",[2,0.717,71,0.374,72,0.772,73,0.378,90,2.963,92,4.367]],["t/175",[2,0.717,71,0.374,72,0.772,73,0.378,90,2.963,93,4.367]],["t/177",[2,0.717,71,0.374,72,0.772,73,0.378,90,2.963,94,4.367]],["t/179",[2,0.785,71,0.41,72,0.845,73,0.414,87,2.978]],["t/181",[2,0.717,71,0.374,72,0.772,73,0.378,87,2.719,95,3.316]],["t/183",[2,0.717,71,0.374,72,0.772,73,0.378,83,2.651,96,3.954]],["t/185",[2,0.785,71,0.41,72,0.845,73,0.414,97,4.032]],["t/187",[2,0.785,71,0.41,72,0.845,73,0.414,95,3.631]],["t/189",[2,0.717,71,0.374,72,0.772,73,0.378,87,2.719,95,3.316]],["t/191",[2,0.717,71,0.374,72,0.772,73,0.378,83,2.651,98,3.954]],["t/193",[2,0.785,71,0.41,73,0.414,80,2.238,99,4.032]],["t/195",[2,0.785,71,0.41,72,0.845,73,0.414,100,3.483]],["t/197",[2,0.717,71,0.374,72,0.772,73,0.378,82,3.478,100,3.18]],["t/199",[2,0.785,71,0.41,72,0.845,73,0.414,101,4.783]],["t/201",[2,0.785,71,0.41,73,0.414,80,2.238,102,4.33]],["t/203",[2,0.717,71,0.374,72,0.772,73,0.378,103,3.954,104,3.681]],["t/205",[2,0.785,71,0.41,72,0.845,73,0.414,104,4.032]],["t/207",[2,0.785,71,0.41,72,0.845,73,0.414,105,3.809]],["t/209",[2,0.785,71,0.41,73,0.414,80,2.238,106,3.631]],["t/211",[2,0.868,71,0.453,73,0.457,84,4.014]],["t/213",[2,0.868,71,0.453,73,0.457,84,4.014]],["t/215",[2,0.785,71,0.41,72,0.845,73,0.414,106,3.631]],["t/217",[2,0.868,71,0.453,73,0.457,84,4.014]],["t/219",[2,0.868,71,0.453,73,0.457,84,4.014]],["t/221",[71,0.453,73,0.457,107,3.85,108,5.286]],["t/223",[71,0.453,72,0.935,73,0.457,109,5.286]],["t/225",[5,2.043,71,0.374,72,0.772,73,0.378,103,3.954,104,3.681]],["t/227",[71,0.453,72,0.935,73,0.457,110,5.286]],["t/229",[5,2.473,71,0.453,73,0.457,111,3.71]],["t/231",[5,2.473,71,0.453,73,0.457,111,3.71]],["t/233",[5,2.473,71,0.453,73,0.457,111,3.71]],["t/235",[5,2.473,71,0.453,73,0.457,111,3.71]],["t/237",[5,2.473,71,0.453,73,0.457,111,3.71]],["t/239",[5,2.473,71,0.453,73,0.457,111,3.71]],["t/241",[5,2.473,71,0.453,73,0.457,111,3.71]],["t/243",[71,0.453,72,0.935,73,0.457,112,5.286]],["t/245",[71,0.453,73,0.457,80,2.473,113,4.786]],["t/247",[71,0.453,73,0.457,77,2.999,113,4.786]],["t/249",[71,0.453,72,0.935,73,0.457,114,5.286]],["t/251",[71,0.453,72,0.935,73,0.457,115,5.286]],["t/253",[71,0.453,72,0.935,73,0.457,116,5.286]],["t/255",[71,0.453,73,0.457,77,2.999,117,5.286]],["t/257",[71,0.453,72,0.935,73,0.457,118,5.286]],["t/259",[71,0.453,72,0.935,73,0.457,119,5.286]],["t/261",[71,0.453,73,0.457,80,2.473,120,5.286]],["t/263",[71,0.453,73,0.457,107,3.85,121,5.286]],["t/265",[71,0.453,72,0.935,73,0.457,122,5.286]],["t/267",[71,0.453,72,0.935,73,0.457,123,5.286]],["t/269",[71,0.453,73,0.457,124,4.21,125,4.786]],["t/271",[71,0.453,73,0.457,126,4.014,127,5.286]],["t/273",[71,0.453,73,0.457,80,2.473,128,5.286]],["t/275",[71,0.453,73,0.457,124,4.21,125,4.786]],["t/277",[71,0.453,73,0.457,80,2.473,129,5.286]],["t/279",[71,0.453,72,0.935,73,0.457,130,5.286]],["t/281",[71,0.453,72,0.935,73,0.457,131,5.286]],["t/283",[71,0.453,73,0.457,77,2.999,132,5.286]],["t/285",[71,0.453,72,0.935,73,0.457,133,5.286]],["t/287",[71,0.453,73,0.457,80,2.473,134,5.286]],["t/289",[71,0.453,72,0.935,73,0.457,135,5.286]],["t/291",[71,0.453,72,0.935,73,0.457,136,5.286]],["t/293",[71,0.453,73,0.457,77,2.999,137,5.286]],["t/295",[71,0.453,73,0.457,80,2.473,138,5.286]],["t/297",[71,0.453,72,0.935,73,0.457,139,5.286]],["t/299",[71,0.453,72,0.935,73,0.457,140,4.786]],["t/301",[71,0.453,73,0.457,80,2.473,140,4.786]],["t/303",[71,0.453,73,0.457,80,2.473,141,5.286]],["t/305",[3,1.749,71,0.453,73,0.457,142,4.21]],["t/307",[71,0.453,73,0.457,143,4.21,144,4.21]],["t/309",[71,0.453,73,0.457,143,4.21,144,4.21]],["t/311",[71,0.453,73,0.457,143,4.21,144,4.21]],["t/313",[3,1.749,71,0.453,73,0.457,142,4.21]],["t/315",[3,1.749,71,0.453,73,0.457,142,4.21]],["t/317",[71,0.453,73,0.457,143,4.21,144,4.21]],["t/319",[71,0.453,72,0.935,73,0.457,145,4.786]],["t/321",[71,0.453,72,0.935,73,0.457,146,5.286]],["t/323",[71,0.453,73,0.457,77,2.999,147,4.456]],["t/325",[3,1.749,71,0.453,73,0.457,142,4.21]],["t/327",[71,0.453,73,0.457,107,3.85,148,4.786]],["t/329",[71,0.453,73,0.457,85,4.456,147,4.456]],["t/331",[71,0.41,72,0.845,73,0.414,88,4.032,89,3.631]],["t/333",[71,0.453,72,0.935,73,0.457,83,3.209]],["t/335",[71,0.453,73,0.457,80,2.473,83,3.209]],["t/337",[71,0.453,72,0.935,73,0.457,149,5.286]],["t/339",[71,0.453,72,0.935,73,0.457,150,4.786]],["t/341",[71,0.453,72,0.935,73,0.457,151,5.286]],["t/343",[71,0.453,72,0.935,73,0.457,86,4.456]],["t/345",[71,0.453,73,0.457,77,2.999,152,5.286]],["t/347",[71,0.453,72,0.935,73,0.457,153,4.786]],["t/349",[71,0.453,73,0.457,77,2.999,154,5.286]],["t/351",[71,0.453,73,0.457,80,2.473,155,5.286]],["t/353",[71,0.453,73,0.457,107,3.85,156,5.286]],["t/355",[71,0.453,72,0.935,73,0.457,89,4.014]],["t/357",[71,0.453,73,0.457,80,2.473,157,4.786]],["t/359",[4,3.587,71,0.453,73,0.457,158,4.21]],["t/361",[71,0.453,73,0.457,90,3.587,159,4.456]],["t/363",[71,0.453,73,0.457,90,3.587,159,4.456]],["t/365",[71,0.453,73,0.457,80,2.473,160,4.456]],["t/367",[71,0.453,73,0.457,80,2.473,87,3.291]],["t/369",[71,0.453,73,0.457,90,3.587,159,4.456]],["t/371",[71,0.453,72,0.935,73,0.457,160,4.456]],["t/373",[71,0.41,72,0.845,73,0.414,87,2.978,95,3.631]],["t/375",[71,0.453,72,0.935,73,0.457,161,5.286]],["t/377",[71,0.453,72,0.935,73,0.457,162,4.456]],["t/379",[71,0.453,73,0.457,77,2.999,163,5.286]],["t/381",[71,0.453,73,0.457,124,4.21,164,4.21]],["t/383",[71,0.453,73,0.457,124,4.21,164,4.21]],["t/385",[71,0.453,72,0.935,73,0.457,165,5.286]],["t/387",[71,0.453,72,0.935,73,0.457,166,4.786]],["t/389",[71,0.453,73,0.457,80,2.473,167,5.286]],["t/391",[71,0.453,73,0.457,85,4.456,97,4.456]],["t/393",[71,0.453,73,0.457,107,3.85,168,5.286]],["t/395",[71,0.453,73,0.457,80,2.473,100,3.85]],["t/397",[71,0.453,73,0.457,77,2.999,169,4.786]],["t/399",[71,0.453,72,0.935,73,0.457,99,4.456]],["t/401",[71,0.41,72,0.845,73,0.414,82,3.809,100,3.483]],["t/403",[71,0.453,73,0.457,80,2.473,170,5.286]],["t/405",[71,0.453,73,0.457,80,2.473,171,5.286]],["t/407",[71,0.453,72,0.935,73,0.457,172,5.286]],["t/409",[71,0.453,73,0.457,77,2.999,173,4.21]],["t/411",[71,0.453,73,0.457,80,2.473,174,5.286]],["t/413",[71,0.453,72,0.935,73,0.457,175,5.286]],["t/415",[71,0.453,73,0.457,80,2.473,176,4.786]],["t/417",[71,0.453,73,0.457,77,2.999,105,4.21]],["t/419",[71,0.453,72,0.935,73,0.457,105,4.21]],["t/421",[71,0.453,72,0.935,73,0.457,102,4.786]],["t/423",[71,0.453,73,0.457,77,2.999,177,5.286]],["t/425",[71,0.453,72,0.935,73,0.457,178,5.286]],["t/427",[71,0.453,73,0.457,80,2.473,106,4.014]],["t/429",[71,0.453,73,0.457,106,4.014,107,3.85]],["t/431",[71,0.453,72,0.935,73,0.457,179,5.286]],["t/433",[6,4.786,71,0.453,72,0.935,73,0.457]],["t/435",[71,0.453,73,0.457,77,2.999,180,4.786]],["t/437",[8,4.786,71,0.453,72,0.935,73,0.457]],["t/439",[10,4.786,71,0.453,72,0.935,73,0.457]],["t/441",[7,4.786,71,0.453,72,0.935,73,0.457]],["t/443",[9,4.786,71,0.453,72,0.935,73,0.457]],["t/445",[11,4.786,71,0.453,72,0.935,73,0.457]],["t/447",[15,4.786,71,0.453,72,0.935,73,0.457]],["t/449",[13,4.786,71,0.453,72,0.935,73,0.457]],["t/451",[12,4.786,71,0.453,72,0.935,73,0.457]],["t/453",[14,4.786,71,0.453,72,0.935,73,0.457]],["t/455",[18,4.786,71,0.453,72,0.935,73,0.457]],["t/457",[16,4.786,71,0.453,72,0.935,73,0.457]],["t/459",[17,4.786,71,0.453,72,0.935,73,0.457]],["t/461",[20,4.786,71,0.453,72,0.935,73,0.457]],["t/463",[19,4.786,71,0.453,72,0.935,73,0.457]],["t/465",[22,4.786,71,0.453,72,0.935,73,0.457]],["t/467",[21,4.786,71,0.453,72,0.935,73,0.457]],["t/469",[23,4.786,71,0.453,72,0.935,73,0.457]],["t/471",[26,4.786,71,0.453,72,0.935,73,0.457]],["t/473",[30,4.786,71,0.453,72,0.935,73,0.457]],["t/475",[24,4.786,71,0.453,72,0.935,73,0.457]],["t/477",[25,4.786,71,0.453,72,0.935,73,0.457]],["t/479",[54,4.786,71,0.453,72,0.935,73,0.457]],["t/481",[55,4.786,71,0.453,72,0.935,73,0.457]],["t/483",[56,4.786,71,0.453,72,0.935,73,0.457]],["t/485",[57,4.786,71,0.453,72,0.935,73,0.457]],["t/487",[60,4.786,71,0.453,72,0.935,73,0.457]],["t/489",[58,4.786,71,0.453,72,0.935,73,0.457]],["t/491",[59,4.786,71,0.453,72,0.935,73,0.457]],["t/493",[61,4.786,71,0.453,72,0.935,73,0.457]],["t/495",[28,4.786,71,0.453,72,0.935,73,0.457]],["t/497",[29,4.786,71,0.453,72,0.935,73,0.457]],["t/499",[32,4.786,71,0.453,72,0.935,73,0.457]],["t/501",[34,4.786,71,0.453,72,0.935,73,0.457]],["t/503",[33,4.786,71,0.453,72,0.935,73,0.457]],["t/505",[31,4.786,71,0.453,72,0.935,73,0.457]],["t/507",[36,4.786,71,0.453,72,0.935,73,0.457]],["t/509",[35,4.786,71,0.453,72,0.935,73,0.457]],["t/511",[37,4.786,71,0.453,72,0.935,73,0.457]],["t/513",[39,4.786,71,0.453,72,0.935,73,0.457]],["t/515",[40,4.786,71,0.453,72,0.935,73,0.457]],["t/517",[41,4.786,71,0.453,72,0.935,73,0.457]],["t/519",[43,4.786,71,0.453,72,0.935,73,0.457]],["t/521",[44,4.786,71,0.453,72,0.935,73,0.457]],["t/523",[38,4.786,71,0.453,72,0.935,73,0.457]],["t/525",[42,4.786,71,0.453,72,0.935,73,0.457]],["t/527",[46,4.786,71,0.453,72,0.935,73,0.457]],["t/529",[48,4.786,71,0.453,72,0.935,73,0.457]],["t/531",[45,4.786,71,0.453,72,0.935,73,0.457]],["t/533",[47,4.786,71,0.453,72,0.935,73,0.457]],["t/535",[50,4.786,71,0.453,72,0.935,73,0.457]],["t/537",[49,4.786,71,0.453,72,0.935,73,0.457]],["t/539",[51,4.786,71,0.453,72,0.935,73,0.457]],["t/541",[52,4.786,71,0.453,72,0.935,73,0.457]],["t/543",[53,4.786,71,0.453,72,0.935,73,0.457]],["t/545",[63,4.786,71,0.453,72,0.935,73,0.457]],["t/547",[62,4.786,71,0.453,72,0.935,73,0.457]],["t/549",[65,4.786,71,0.453,72,0.935,73,0.457]],["t/551",[64,4.786,71,0.453,72,0.935,73,0.457]],["t/553",[68,4.786,71,0.453,72,0.935,73,0.457]],["t/555",[2,1.099,74,6.063]],["t/557",[2,1.099,145,6.063]],["t/559",[2,1.099,81,6.063]],["t/561",[2,1.099,78,6.063]],["t/563",[2,1.099,83,4.066]],["t/565",[2,1.099,148,6.063]],["t/567",[2,1.099,147,5.645]],["t/569",[2,1.099,181,6.697]],["t/571",[2,1.099,150,6.063]],["t/573",[2,0.97,88,4.981,89,4.486]],["t/575",[2,1.099,97,5.645]],["t/577",[2,1.099,164,5.333]],["t/579",[2,1.099,169,6.063]],["t/581",[2,1.099,166,6.063]],["t/583",[2,1.099,99,5.645]],["t/585",[2,1.099,100,4.877]],["t/587",[2,0.97,182,5.909,183,5.909]],["t/589",[2,1.099,100,4.877]],["t/591",[2,1.099,173,5.333]],["t/593",[2,1.099,173,5.333]],["t/595",[2,0.868,184,5.286,185,5.286,186,5.286]],["t/597",[2,1.099,160,5.645]],["t/599",[2,1.099,105,5.333]],["t/601",[2,0.97,83,3.587,96,5.349]],["t/603",[2,0.97,82,4.706,83,3.587]],["t/605",[2,0.97,83,3.587,91,5.349]],["t/607",[2,0.97,83,3.587,98,5.349]],["t/609",[2,1.099,180,6.063]],["t/611",[2,0.97,187,5.349,188,5.909]],["t/613",[2,0.97,87,3.678,153,5.349]],["t/615",[2,0.97,87,3.678,189,5.909]],["t/617",[2,0.97,87,3.678,95,4.486]],["t/619",[2,1.099,176,6.063]],["t/621",[2,0.97,86,4.981,87,3.678]],["t/623",[2,0.717,158,3.478,190,2.873,191,2.873,192,3.681,193,2.873]],["t/625",[2,0.717,190,2.873,191,2.873,192,3.681,193,2.873,194,3.954]],["t/627",[2,0.97,87,3.678,195,5.909]],["t/629",[2,1.099,106,5.084]],["t/631",[2,0.611,158,2.963,190,2.448,191,2.448,193,2.448,196,3.368,197,3.368,198,3.368]],["t/633",[2,0.471,126,2.179,190,1.888,191,1.888,192,2.419,193,1.888,199,2.598,200,2.598,201,2.598,202,2.598,203,2.598,204,2.598]],["t/635",[2,0.471,126,2.179,187,2.598,190,1.888,191,1.888,193,1.888,199,2.598,200,2.598,201,2.598,202,2.598,203,2.598,204,2.598]],["t/637",[2,0.611,126,2.824,190,2.448,191,2.448,193,2.448,196,3.368,197,3.368,198,3.368]],["t/639",[2,0.868,162,4.456,205,4.786,206,4.014]],["t/641",[2,0.717,158,3.478,190,2.873,191,2.873,193,2.873,206,3.316]],["t/643",[2,0.717,190,2.873,191,2.873,193,2.873,194,3.954,206,3.316]],["t/645",[2,0.868,162,4.456,205,4.786,206,4.014]],["t/647",[2,0.97,164,4.706,207,5.909]],["t/649",[27,4.786,71,0.453,72,0.935,73,0.457]],["t/651",[2,0.717,126,3.316,190,2.873,191,2.873,193,2.873,206,3.316]],["t/653",[2,1.099,157,6.063]],["t/655",[2,1.099,173,5.333]],["t/657",[2,0.97,208,5.909,209,5.909]],["t/659",[2,1.099,90,4.544]]],"invertedIndex":[["",{"_index":1,"t":{"1":{"position":[[5,1]]},"125":{"position":[[5,1]]},"131":{"position":[[5,1]]},"133":{"position":[[5,1]]},"135":{"position":[[5,1]]},"137":{"position":[[5,1]]},"139":{"position":[[5,1]]}}}],["13",{"_index":124,"t":{"269":{"position":[[0,2]]},"275":{"position":[[0,2]]},"381":{"position":[[0,2]]},"383":{"position":[[0,2]]}}}],["2",{"_index":80,"t":{"151":{"position":[[0,1]]},"165":{"position":[[0,1]]},"167":{"position":[[0,1]]},"193":{"position":[[0,1]]},"201":{"position":[[0,1]]},"209":{"position":[[0,1]]},"245":{"position":[[0,1]]},"261":{"position":[[0,1]]},"273":{"position":[[0,1]]},"277":{"position":[[0,1]]},"287":{"position":[[0,1]]},"295":{"position":[[0,1]]},"301":{"position":[[0,1]]},"303":{"position":[[0,1]]},"335":{"position":[[0,1]]},"351":{"position":[[0,1]]},"357":{"position":[[0,1]]},"365":{"position":[[0,1]]},"367":{"position":[[0,1]]},"389":{"position":[[0,1]]},"395":{"position":[[0,1]]},"403":{"position":[[0,1]]},"405":{"position":[[0,1]]},"411":{"position":[[0,1]]},"415":{"position":[[0,1]]},"427":{"position":[[0,1]]}}}],["21",{"_index":159,"t":{"361":{"position":[[0,2]]},"363":{"position":[[0,2]]},"369":{"position":[[0,2]]}}}],["3",{"_index":77,"t":{"147":{"position":[[0,1]]},"169":{"position":[[0,1]]},"247":{"position":[[0,1]]},"255":{"position":[[0,1]]},"283":{"position":[[0,1]]},"293":{"position":[[0,1]]},"323":{"position":[[0,1]]},"345":{"position":[[0,1]]},"349":{"position":[[0,1]]},"379":{"position":[[0,1]]},"397":{"position":[[0,1]]},"409":{"position":[[0,1]]},"417":{"position":[[0,1]]},"423":{"position":[[0,1]]},"435":{"position":[[0,1]]}}}],["32",{"_index":143,"t":{"307":{"position":[[0,2]]},"309":{"position":[[0,2]]},"311":{"position":[[0,2]]},"317":{"position":[[0,2]]}}}],["34",{"_index":142,"t":{"305":{"position":[[0,2]]},"313":{"position":[[0,2]]},"315":{"position":[[0,2]]},"325":{"position":[[0,2]]}}}],["4",{"_index":107,"t":{"221":{"position":[[0,1]]},"263":{"position":[[0,1]]},"327":{"position":[[0,1]]},"353":{"position":[[0,1]]},"393":{"position":[[0,1]]},"429":{"position":[[0,1]]}}}],["41",{"_index":84,"t":{"157":{"position":[[0,2]]},"211":{"position":[[0,2]]},"213":{"position":[[0,2]]},"217":{"position":[[0,2]]},"219":{"position":[[0,2]]}}}],["5",{"_index":85,"t":{"159":{"position":[[0,1]]},"329":{"position":[[0,1]]},"391":{"position":[[0,1]]}}}],["6",{"_index":194,"t":{"625":{"position":[[38,2]]},"643":{"position":[[43,2]]}}}],["61",{"_index":111,"t":{"229":{"position":[[0,2]]},"231":{"position":[[0,2]]},"233":{"position":[[0,2]]},"235":{"position":[[0,2]]},"237":{"position":[[0,2]]},"239":{"position":[[0,2]]},"241":{"position":[[0,2]]}}}],["7",{"_index":158,"t":{"359":{"position":[[0,1]]},"623":{"position":[[38,2]]},"631":{"position":[[47,2]]},"641":{"position":[[43,2]]}}}],["8",{"_index":126,"t":{"271":{"position":[[0,1]]},"633":{"position":[[38,2]]},"635":{"position":[[38,2]]},"637":{"position":[[47,2]]},"651":{"position":[[43,2]]}}}],["9",{"_index":75,"t":{"145":{"position":[[0,1]]}}}],["accordion",{"_index":78,"t":{"147":{"position":[[20,11]]},"561":{"position":[[7,9]]}}}],["alert",{"_index":74,"t":{"143":{"position":[[21,7]]},"555":{"position":[[7,6]]}}}],["app",{"_index":198,"t":{"631":{"position":[[37,3]]},"637":{"position":[[37,3]]}}}],["archiv",{"_index":70,"t":{"129":{"position":[[0,7]]}}}],["auto",{"_index":187,"t":{"611":{"position":[[7,4]]},"635":{"position":[[67,4]]}}}],["autocomplet",{"_index":76,"t":{"145":{"position":[[20,14]]},"153":{"position":[[29,13]]}}}],["badg",{"_index":81,"t":{"151":{"position":[[20,7]]},"559":{"position":[[7,5]]}}}],["bar",{"_index":82,"t":{"155":{"position":[[29,3]]},"197":{"position":[[38,4]]},"401":{"position":[[31,4]]},"603":{"position":[[7,3]]}}}],["barchart",{"_index":79,"t":{"149":{"position":[[21,10]]}}}],["blazor",{"_index":2,"t":{"1":{"position":[[7,6]]},"39":{"position":[[0,6]]},"41":{"position":[[0,6]]},"43":{"position":[[0,6]]},"45":{"position":[[0,6]]},"47":{"position":[[0,6]]},"49":{"position":[[0,6]]},"51":{"position":[[0,6]]},"53":{"position":[[0,6]]},"55":{"position":[[0,6]]},"57":{"position":[[0,6]]},"59":{"position":[[0,6]]},"61":{"position":[[0,6]]},"63":{"position":[[0,6]]},"65":{"position":[[0,6]]},"67":{"position":[[0,6]]},"69":{"position":[[0,6]]},"71":{"position":[[0,6]]},"73":{"position":[[0,6]]},"75":{"position":[[0,6]]},"77":{"position":[[0,6]]},"79":{"position":[[0,6]]},"81":{"position":[[0,6]]},"83":{"position":[[0,6]]},"85":{"position":[[0,6]]},"87":{"position":[[0,6]]},"89":{"position":[[0,6]]},"91":{"position":[[0,6]]},"93":{"position":[[0,6]]},"95":{"position":[[0,6]]},"97":{"position":[[0,6]]},"99":{"position":[[0,6]]},"101":{"position":[[0,6]]},"103":{"position":[[0,6]]},"105":{"position":[[0,6]]},"107":{"position":[[0,6]]},"109":{"position":[[0,6]]},"111":{"position":[[0,6]]},"113":{"position":[[0,6]]},"115":{"position":[[0,6]]},"117":{"position":[[0,6]]},"119":{"position":[[0,6]]},"121":{"position":[[0,6]]},"125":{"position":[[7,6]]},"127":{"position":[[0,6]]},"131":{"position":[[7,6]]},"133":{"position":[[7,6]]},"135":{"position":[[7,6]]},"137":{"position":[[7,6]]},"139":{"position":[[7,6]]},"153":{"position":[[21,7]]},"155":{"position":[[21,7]]},"157":{"position":[[21,8]]},"159":{"position":[[20,7]]},"161":{"position":[[21,7]]},"163":{"position":[[21,7]]},"165":{"position":[[20,7]]},"167":{"position":[[20,7]]},"169":{"position":[[20,7]]},"171":{"position":[[21,7]]},"173":{"position":[[21,7]]},"175":{"position":[[21,7]]},"177":{"position":[[21,7]]},"179":{"position":[[21,7]]},"181":{"position":[[21,7]]},"183":{"position":[[21,7]]},"185":{"position":[[21,7]]},"187":{"position":[[21,7]]},"189":{"position":[[21,7]]},"191":{"position":[[21,7]]},"193":{"position":[[20,7]]},"195":{"position":[[21,7]]},"197":{"position":[[21,7]]},"199":{"position":[[21,7]]},"201":{"position":[[20,7]]},"203":{"position":[[21,7]]},"205":{"position":[[21,7]]},"207":{"position":[[21,7]]},"209":{"position":[[20,7]]},"211":{"position":[[21,8]]},"213":{"position":[[21,8]]},"215":{"position":[[21,7]]},"217":{"position":[[21,8]]},"219":{"position":[[21,8]]},"555":{"position":[[0,6]]},"557":{"position":[[0,6]]},"559":{"position":[[0,6]]},"561":{"position":[[0,6]]},"563":{"position":[[0,6]]},"565":{"position":[[0,6]]},"567":{"position":[[0,6]]},"569":{"position":[[0,6]]},"571":{"position":[[0,6]]},"573":{"position":[[0,6]]},"575":{"position":[[0,6]]},"577":{"position":[[0,6]]},"579":{"position":[[0,6]]},"581":{"position":[[0,6]]},"583":{"position":[[0,6]]},"585":{"position":[[0,6]]},"587":{"position":[[0,6]]},"589":{"position":[[0,6]]},"591":{"position":[[0,6]]},"593":{"position":[[0,6]]},"595":{"position":[[0,6]]},"597":{"position":[[0,6]]},"599":{"position":[[0,6]]},"601":{"position":[[0,6]]},"603":{"position":[[0,6]]},"605":{"position":[[0,6]]},"607":{"position":[[0,6]]},"609":{"position":[[0,6]]},"611":{"position":[[0,6]]},"613":{"position":[[0,6]]},"615":{"position":[[0,6]]},"617":{"position":[[0,6]]},"619":{"position":[[0,6]]},"621":{"position":[[0,6]]},"623":{"position":[[18,6]]},"625":{"position":[[18,6]]},"627":{"position":[[0,6]]},"629":{"position":[[0,6]]},"631":{"position":[[23,6]]},"633":{"position":[[18,6]]},"635":{"position":[[18,6]]},"637":{"position":[[23,6]]},"639":{"position":[[15,6]]},"641":{"position":[[18,6]]},"643":{"position":[[18,6]]},"645":{"position":[[15,6]]},"647":{"position":[[0,6]]},"651":{"position":[[18,6]]},"653":{"position":[[0,6]]},"655":{"position":[[0,6]]},"657":{"position":[[0,6]]},"659":{"position":[[0,6]]}}}],["blazoraccordion",{"_index":109,"t":{"223":{"position":[[21,17]]}}}],["blazorautocomplet",{"_index":108,"t":{"221":{"position":[[20,20]]}}}],["blazorbadg",{"_index":110,"t":{"227":{"position":[[21,13]]}}}],["blazorbootstrap",{"_index":5,"t":{"3":{"position":[[0,15]]},"5":{"position":[[0,15]]},"7":{"position":[[0,15]]},"9":{"position":[[0,15]]},"11":{"position":[[0,15]]},"13":{"position":[[0,15]]},"15":{"position":[[0,15]]},"17":{"position":[[0,15]]},"19":{"position":[[0,15]]},"21":{"position":[[0,15]]},"23":{"position":[[0,15]]},"25":{"position":[[0,15]]},"27":{"position":[[0,15]]},"29":{"position":[[0,15]]},"31":{"position":[[0,15]]},"33":{"position":[[0,15]]},"35":{"position":[[0,15]]},"37":{"position":[[0,15]]},"225":{"position":[[21,16]]},"229":{"position":[[21,17]]},"231":{"position":[[21,17]]},"233":{"position":[[21,17]]},"235":{"position":[[21,17]]},"237":{"position":[[21,17]]},"239":{"position":[[21,17]]},"241":{"position":[[21,17]]}}}],["blazorbreadcrumb",{"_index":112,"t":{"243":{"position":[[21,18]]}}}],["blazorbutton",{"_index":113,"t":{"245":{"position":[[20,14]]},"247":{"position":[[20,15]]}}}],["blazorchart",{"_index":114,"t":{"249":{"position":[[21,13]]}}}],["blazorcollaps",{"_index":115,"t":{"251":{"position":[[21,16]]}}}],["blazorconfirmdialog",{"_index":118,"t":{"257":{"position":[[21,21]]}}}],["blazorconfirmmod",{"_index":119,"t":{"259":{"position":[[21,20]]}}}],["blazorcurrencyinput",{"_index":117,"t":{"255":{"position":[[20,21]]}}}],["blazord",{"_index":116,"t":{"253":{"position":[[21,12]]}}}],["blazordateinput",{"_index":121,"t":{"263":{"position":[[20,17]]}}}],["blazordatepick",{"_index":120,"t":{"261":{"position":[[20,18]]}}}],["blazordialog",{"_index":122,"t":{"265":{"position":[[21,14]]}}}],["blazordropdown",{"_index":123,"t":{"267":{"position":[[21,16]]}}}],["blazorgrid",{"_index":125,"t":{"269":{"position":[[21,12]]},"275":{"position":[[21,12]]}}}],["blazoricon",{"_index":128,"t":{"273":{"position":[[20,12]]}}}],["blazormod",{"_index":127,"t":{"271":{"position":[[20,13]]}}}],["blazormodalservic",{"_index":129,"t":{"277":{"position":[[20,20]]}}}],["blazornumb",{"_index":130,"t":{"279":{"position":[[21,14]]}}}],["blazornumberinput",{"_index":131,"t":{"281":{"position":[[21,19]]}}}],["blazoroffcanva",{"_index":132,"t":{"283":{"position":[[20,17]]}}}],["blazorprogress",{"_index":133,"t":{"285":{"position":[[21,16]]}}}],["blazorsidebar",{"_index":134,"t":{"287":{"position":[[20,15]]}}}],["blazorswitch",{"_index":138,"t":{"295":{"position":[[20,14]]}}}],["blazortab",{"_index":135,"t":{"289":{"position":[[21,12]]}}}],["blazortim",{"_index":136,"t":{"291":{"position":[[21,12]]}}}],["blazortimeinput",{"_index":137,"t":{"293":{"position":[[20,17]]}}}],["blazortimepick",{"_index":139,"t":{"297":{"position":[[21,18]]}}}],["blazortoast",{"_index":140,"t":{"299":{"position":[[21,13]]},"301":{"position":[[20,14]]}}}],["blazortooltip",{"_index":141,"t":{"303":{"position":[[20,15]]}}}],["blog",{"_index":0,"t":{"1":{"position":[[0,4]]},"125":{"position":[[0,4]]},"131":{"position":[[0,4]]},"133":{"position":[[0,4]]},"135":{"position":[[0,4]]},"137":{"position":[[0,4]]},"139":{"position":[[0,4]]}}}],["bootstrap",{"_index":3,"t":{"1":{"position":[[14,9]]},"39":{"position":[[7,9]]},"41":{"position":[[7,9]]},"43":{"position":[[7,9]]},"45":{"position":[[7,9]]},"47":{"position":[[7,9]]},"49":{"position":[[7,9]]},"51":{"position":[[7,9]]},"53":{"position":[[7,9]]},"55":{"position":[[7,9]]},"57":{"position":[[7,9]]},"59":{"position":[[7,9]]},"61":{"position":[[7,9]]},"63":{"position":[[7,9]]},"65":{"position":[[7,9]]},"67":{"position":[[7,9]]},"69":{"position":[[7,9]]},"71":{"position":[[7,9]]},"73":{"position":[[7,9]]},"75":{"position":[[7,9]]},"77":{"position":[[7,9]]},"79":{"position":[[7,9]]},"81":{"position":[[7,9]]},"83":{"position":[[7,9]]},"85":{"position":[[7,9]]},"87":{"position":[[7,9]]},"89":{"position":[[7,9]]},"91":{"position":[[7,9]]},"93":{"position":[[7,9]]},"95":{"position":[[7,9]]},"97":{"position":[[7,9]]},"99":{"position":[[7,9]]},"101":{"position":[[7,9]]},"103":{"position":[[7,9]]},"105":{"position":[[7,9]]},"107":{"position":[[7,9]]},"109":{"position":[[7,9]]},"111":{"position":[[7,9]]},"113":{"position":[[7,9]]},"115":{"position":[[7,9]]},"117":{"position":[[7,9]]},"119":{"position":[[7,9]]},"121":{"position":[[7,9]]},"125":{"position":[[14,9]]},"127":{"position":[[7,9]]},"131":{"position":[[14,9]]},"133":{"position":[[14,9]]},"135":{"position":[[14,9]]},"137":{"position":[[14,9]]},"139":{"position":[[14,9]]},"159":{"position":[[28,10]]},"305":{"position":[[21,11]]},"313":{"position":[[21,11]]},"315":{"position":[[21,11]]},"325":{"position":[[21,11]]}}}],["bootstrap5",{"_index":144,"t":{"307":{"position":[[21,12]]},"309":{"position":[[21,12]]},"311":{"position":[[21,12]]},"317":{"position":[[21,12]]}}}],["breadcrumb",{"_index":145,"t":{"319":{"position":[[21,12]]},"557":{"position":[[7,10]]}}}],["breadcrumbservic",{"_index":146,"t":{"321":{"position":[[21,19]]}}}],["button",{"_index":147,"t":{"323":{"position":[[20,9]]},"329":{"position":[[20,8]]},"567":{"position":[[7,7]]}}}],["callout",{"_index":148,"t":{"327":{"position":[[20,9]]},"565":{"position":[[7,7]]}}}],["card",{"_index":181,"t":{"569":{"position":[[7,4]]}}}],["chart",{"_index":83,"t":{"155":{"position":[[33,6]]},"161":{"position":[[29,7]]},"171":{"position":[[38,6]]},"183":{"position":[[34,6]]},"191":{"position":[[33,6]]},"333":{"position":[[21,7]]},"335":{"position":[[20,8]]},"563":{"position":[[7,6]]},"601":{"position":[[12,5]]},"603":{"position":[[11,5]]},"605":{"position":[[16,5]]},"607":{"position":[[11,5]]}}}],["clipboard",{"_index":149,"t":{"337":{"position":[[21,11]]}}}],["collaps",{"_index":150,"t":{"339":{"position":[[21,10]]},"571":{"position":[[7,8]]}}}],["complet",{"_index":188,"t":{"611":{"position":[[12,8]]}}}],["confirm",{"_index":88,"t":{"165":{"position":[[28,7]]},"331":{"position":[[21,8]]},"573":{"position":[[7,7]]}}}],["confirmdialog",{"_index":152,"t":{"345":{"position":[[20,15]]}}}],["confirmmod",{"_index":151,"t":{"341":{"position":[[21,14]]}}}],["currenc",{"_index":86,"t":{"163":{"position":[[29,8]]},"343":{"position":[[21,10]]},"621":{"position":[[7,8]]}}}],["currencyinput",{"_index":154,"t":{"349":{"position":[[20,15]]}}}],["date",{"_index":153,"t":{"347":{"position":[[21,6]]},"613":{"position":[[7,4]]}}}],["dateinput",{"_index":156,"t":{"353":{"position":[[20,11]]}}}],["datepick",{"_index":155,"t":{"351":{"position":[[20,12]]}}}],["dialog",{"_index":89,"t":{"165":{"position":[[36,7]]},"167":{"position":[[28,7]]},"331":{"position":[[30,7]]},"355":{"position":[[21,8]]},"573":{"position":[[15,6]]}}}],["doc",{"_index":4,"t":{"1":{"position":[[24,4]]},"125":{"position":[[24,4]]},"131":{"position":[[24,4]]},"133":{"position":[[24,4]]},"135":{"position":[[24,4]]},"137":{"position":[[24,4]]},"139":{"position":[[24,4]]},"359":{"position":[[20,6]]}}}],["doughnut",{"_index":91,"t":{"171":{"position":[[29,8]]},"605":{"position":[[7,8]]}}}],["dropdown",{"_index":157,"t":{"357":{"position":[[20,10]]},"653":{"position":[[7,8]]}}}],["filter",{"_index":92,"t":{"173":{"position":[[34,10]]}}}],["get",{"_index":190,"t":{"623":{"position":[[0,7]]},"625":{"position":[[0,7]]},"631":{"position":[[0,7]]},"633":{"position":[[0,7]]},"635":{"position":[[0,7]]},"637":{"position":[[0,7]]},"641":{"position":[[0,7]]},"643":{"position":[[0,7]]},"651":{"position":[[0,7]]}}}],["global",{"_index":203,"t":{"633":{"position":[[76,6]]},"635":{"position":[[74,6]]}}}],["grid",{"_index":90,"t":{"169":{"position":[[28,5]]},"173":{"position":[[29,4]]},"175":{"position":[[29,4]]},"177":{"position":[[29,4]]},"361":{"position":[[21,6]]},"363":{"position":[[21,6]]},"369":{"position":[[21,6]]},"659":{"position":[[7,4]]}}}],["hybrid",{"_index":197,"t":{"631":{"position":[[30,6]]},"637":{"position":[[30,6]]}}}],["icon",{"_index":160,"t":{"365":{"position":[[20,6]]},"371":{"position":[[21,7]]},"597":{"position":[[7,5]]}}}],["input",{"_index":87,"t":{"163":{"position":[[38,6]]},"179":{"position":[[29,6]]},"181":{"position":[[29,5]]},"189":{"position":[[36,6]]},"367":{"position":[[20,7]]},"373":{"position":[[21,6]]},"613":{"position":[[12,5]]},"615":{"position":[[13,5]]},"617":{"position":[[14,5]]},"621":{"position":[[16,5]]},"627":{"position":[[12,5]]}}}],["interact",{"_index":200,"t":{"633":{"position":[[43,11]]},"635":{"position":[[43,11]]}}}],["layout",{"_index":162,"t":{"377":{"position":[[21,8]]},"639":{"position":[[0,6]]},"645":{"position":[[0,6]]}}}],["leftmenu",{"_index":161,"t":{"375":{"position":[[21,10]]}}}],["line",{"_index":96,"t":{"183":{"position":[[29,4]]},"601":{"position":[[7,4]]}}}],["list",{"_index":185,"t":{"595":{"position":[[16,4]]}}}],["loader",{"_index":183,"t":{"587":{"position":[[14,6]]}}}],["locat",{"_index":204,"t":{"633":{"position":[[83,8]]},"635":{"position":[[81,8]]}}}],["maui",{"_index":196,"t":{"631":{"position":[[18,4]]},"637":{"position":[[18,4]]}}}],["modal",{"_index":164,"t":{"381":{"position":[[21,7]]},"383":{"position":[[21,7]]},"577":{"position":[[7,5]]},"647":{"position":[[7,5]]}}}],["modalservic",{"_index":163,"t":{"379":{"position":[[20,14]]}}}],["mode",{"_index":202,"t":{"633":{"position":[[62,4]]},"635":{"position":[[62,4]]}}}],["navig",{"_index":165,"t":{"385":{"position":[[21,12]]}}}],["net",{"_index":193,"t":{"623":{"position":[[32,5]]},"625":{"position":[[32,5]]},"631":{"position":[[41,5]]},"633":{"position":[[32,5]]},"635":{"position":[[32,5]]},"637":{"position":[[41,5]]},"641":{"position":[[37,5]]},"643":{"position":[[37,5]]},"651":{"position":[[37,5]]}}}],["number",{"_index":95,"t":{"181":{"position":[[35,7]]},"187":{"position":[[29,7]]},"189":{"position":[[29,6]]},"373":{"position":[[28,7]]},"617":{"position":[[7,6]]}}}],["numberinput",{"_index":167,"t":{"389":{"position":[[20,13]]}}}],["offcanva",{"_index":97,"t":{"185":{"position":[[29,10]]},"391":{"position":[[20,11]]},"575":{"position":[[7,9]]}}}],["on",{"_index":72,"t":{"143":{"position":[[0,3]]},"149":{"position":[[0,3]]},"153":{"position":[[0,3]]},"155":{"position":[[0,3]]},"161":{"position":[[0,3]]},"163":{"position":[[0,3]]},"171":{"position":[[0,3]]},"173":{"position":[[0,3]]},"175":{"position":[[0,3]]},"177":{"position":[[0,3]]},"179":{"position":[[0,3]]},"181":{"position":[[0,3]]},"183":{"position":[[0,3]]},"185":{"position":[[0,3]]},"187":{"position":[[0,3]]},"189":{"position":[[0,3]]},"191":{"position":[[0,3]]},"195":{"position":[[0,3]]},"197":{"position":[[0,3]]},"199":{"position":[[0,3]]},"203":{"position":[[0,3]]},"205":{"position":[[0,3]]},"207":{"position":[[0,3]]},"215":{"position":[[0,3]]},"223":{"position":[[0,3]]},"225":{"position":[[0,3]]},"227":{"position":[[0,3]]},"243":{"position":[[0,3]]},"249":{"position":[[0,3]]},"251":{"position":[[0,3]]},"253":{"position":[[0,3]]},"257":{"position":[[0,3]]},"259":{"position":[[0,3]]},"265":{"position":[[0,3]]},"267":{"position":[[0,3]]},"279":{"position":[[0,3]]},"281":{"position":[[0,3]]},"285":{"position":[[0,3]]},"289":{"position":[[0,3]]},"291":{"position":[[0,3]]},"297":{"position":[[0,3]]},"299":{"position":[[0,3]]},"319":{"position":[[0,3]]},"321":{"position":[[0,3]]},"331":{"position":[[0,3]]},"333":{"position":[[0,3]]},"337":{"position":[[0,3]]},"339":{"position":[[0,3]]},"341":{"position":[[0,3]]},"343":{"position":[[0,3]]},"347":{"position":[[0,3]]},"355":{"position":[[0,3]]},"371":{"position":[[0,3]]},"373":{"position":[[0,3]]},"375":{"position":[[0,3]]},"377":{"position":[[0,3]]},"385":{"position":[[0,3]]},"387":{"position":[[0,3]]},"399":{"position":[[0,3]]},"401":{"position":[[0,3]]},"407":{"position":[[0,3]]},"413":{"position":[[0,3]]},"419":{"position":[[0,3]]},"421":{"position":[[0,3]]},"425":{"position":[[0,3]]},"431":{"position":[[0,3]]},"433":{"position":[[0,3]]},"437":{"position":[[0,3]]},"439":{"position":[[0,3]]},"441":{"position":[[0,3]]},"443":{"position":[[0,3]]},"445":{"position":[[0,3]]},"447":{"position":[[0,3]]},"449":{"position":[[0,3]]},"451":{"position":[[0,3]]},"453":{"position":[[0,3]]},"455":{"position":[[0,3]]},"457":{"position":[[0,3]]},"459":{"position":[[0,3]]},"461":{"position":[[0,3]]},"463":{"position":[[0,3]]},"465":{"position":[[0,3]]},"467":{"position":[[0,3]]},"469":{"position":[[0,3]]},"471":{"position":[[0,3]]},"473":{"position":[[0,3]]},"475":{"position":[[0,3]]},"477":{"position":[[0,3]]},"479":{"position":[[0,3]]},"481":{"position":[[0,3]]},"483":{"position":[[0,3]]},"485":{"position":[[0,3]]},"487":{"position":[[0,3]]},"489":{"position":[[0,3]]},"491":{"position":[[0,3]]},"493":{"position":[[0,3]]},"495":{"position":[[0,3]]},"497":{"position":[[0,3]]},"499":{"position":[[0,3]]},"501":{"position":[[0,3]]},"503":{"position":[[0,3]]},"505":{"position":[[0,3]]},"507":{"position":[[0,3]]},"509":{"position":[[0,3]]},"511":{"position":[[0,3]]},"513":{"position":[[0,3]]},"515":{"position":[[0,3]]},"517":{"position":[[0,3]]},"519":{"position":[[0,3]]},"521":{"position":[[0,3]]},"523":{"position":[[0,3]]},"525":{"position":[[0,3]]},"527":{"position":[[0,3]]},"529":{"position":[[0,3]]},"531":{"position":[[0,3]]},"533":{"position":[[0,3]]},"535":{"position":[[0,3]]},"537":{"position":[[0,3]]},"539":{"position":[[0,3]]},"541":{"position":[[0,3]]},"543":{"position":[[0,3]]},"545":{"position":[[0,3]]},"547":{"position":[[0,3]]},"549":{"position":[[0,3]]},"551":{"position":[[0,3]]},"553":{"position":[[0,3]]},"649":{"position":[[0,3]]}}}],["page",{"_index":93,"t":{"175":{"position":[[34,7]]}}}],["pagin",{"_index":166,"t":{"387":{"position":[[21,12]]},"581":{"position":[[7,10]]}}}],["pdf",{"_index":208,"t":{"657":{"position":[[7,3]]}}}],["pdfviewer",{"_index":168,"t":{"393":{"position":[[20,11]]}}}],["pie",{"_index":98,"t":{"191":{"position":[[29,3]]},"607":{"position":[[7,3]]}}}],["placehold",{"_index":169,"t":{"397":{"position":[[20,14]]},"579":{"position":[[7,12]]}}}],["post",{"_index":73,"t":{"143":{"position":[[4,4]]},"145":{"position":[[2,5]]},"147":{"position":[[2,5]]},"149":{"position":[[4,4]]},"151":{"position":[[2,5]]},"153":{"position":[[4,4]]},"155":{"position":[[4,4]]},"157":{"position":[[3,5]]},"159":{"position":[[2,5]]},"161":{"position":[[4,4]]},"163":{"position":[[4,4]]},"165":{"position":[[2,5]]},"167":{"position":[[2,5]]},"169":{"position":[[2,5]]},"171":{"position":[[4,4]]},"173":{"position":[[4,4]]},"175":{"position":[[4,4]]},"177":{"position":[[4,4]]},"179":{"position":[[4,4]]},"181":{"position":[[4,4]]},"183":{"position":[[4,4]]},"185":{"position":[[4,4]]},"187":{"position":[[4,4]]},"189":{"position":[[4,4]]},"191":{"position":[[4,4]]},"193":{"position":[[2,5]]},"195":{"position":[[4,4]]},"197":{"position":[[4,4]]},"199":{"position":[[4,4]]},"201":{"position":[[2,5]]},"203":{"position":[[4,4]]},"205":{"position":[[4,4]]},"207":{"position":[[4,4]]},"209":{"position":[[2,5]]},"211":{"position":[[3,5]]},"213":{"position":[[3,5]]},"215":{"position":[[4,4]]},"217":{"position":[[3,5]]},"219":{"position":[[3,5]]},"221":{"position":[[2,5]]},"223":{"position":[[4,4]]},"225":{"position":[[4,4]]},"227":{"position":[[4,4]]},"229":{"position":[[3,5]]},"231":{"position":[[3,5]]},"233":{"position":[[3,5]]},"235":{"position":[[3,5]]},"237":{"position":[[3,5]]},"239":{"position":[[3,5]]},"241":{"position":[[3,5]]},"243":{"position":[[4,4]]},"245":{"position":[[2,5]]},"247":{"position":[[2,5]]},"249":{"position":[[4,4]]},"251":{"position":[[4,4]]},"253":{"position":[[4,4]]},"255":{"position":[[2,5]]},"257":{"position":[[4,4]]},"259":{"position":[[4,4]]},"261":{"position":[[2,5]]},"263":{"position":[[2,5]]},"265":{"position":[[4,4]]},"267":{"position":[[4,4]]},"269":{"position":[[3,5]]},"271":{"position":[[2,5]]},"273":{"position":[[2,5]]},"275":{"position":[[3,5]]},"277":{"position":[[2,5]]},"279":{"position":[[4,4]]},"281":{"position":[[4,4]]},"283":{"position":[[2,5]]},"285":{"position":[[4,4]]},"287":{"position":[[2,5]]},"289":{"position":[[4,4]]},"291":{"position":[[4,4]]},"293":{"position":[[2,5]]},"295":{"position":[[2,5]]},"297":{"position":[[4,4]]},"299":{"position":[[4,4]]},"301":{"position":[[2,5]]},"303":{"position":[[2,5]]},"305":{"position":[[3,5]]},"307":{"position":[[3,5]]},"309":{"position":[[3,5]]},"311":{"position":[[3,5]]},"313":{"position":[[3,5]]},"315":{"position":[[3,5]]},"317":{"position":[[3,5]]},"319":{"position":[[4,4]]},"321":{"position":[[4,4]]},"323":{"position":[[2,5]]},"325":{"position":[[3,5]]},"327":{"position":[[2,5]]},"329":{"position":[[2,5]]},"331":{"position":[[4,4]]},"333":{"position":[[4,4]]},"335":{"position":[[2,5]]},"337":{"position":[[4,4]]},"339":{"position":[[4,4]]},"341":{"position":[[4,4]]},"343":{"position":[[4,4]]},"345":{"position":[[2,5]]},"347":{"position":[[4,4]]},"349":{"position":[[2,5]]},"351":{"position":[[2,5]]},"353":{"position":[[2,5]]},"355":{"position":[[4,4]]},"357":{"position":[[2,5]]},"359":{"position":[[2,5]]},"361":{"position":[[3,5]]},"363":{"position":[[3,5]]},"365":{"position":[[2,5]]},"367":{"position":[[2,5]]},"369":{"position":[[3,5]]},"371":{"position":[[4,4]]},"373":{"position":[[4,4]]},"375":{"position":[[4,4]]},"377":{"position":[[4,4]]},"379":{"position":[[2,5]]},"381":{"position":[[3,5]]},"383":{"position":[[3,5]]},"385":{"position":[[4,4]]},"387":{"position":[[4,4]]},"389":{"position":[[2,5]]},"391":{"position":[[2,5]]},"393":{"position":[[2,5]]},"395":{"position":[[2,5]]},"397":{"position":[[2,5]]},"399":{"position":[[4,4]]},"401":{"position":[[4,4]]},"403":{"position":[[2,5]]},"405":{"position":[[2,5]]},"407":{"position":[[4,4]]},"409":{"position":[[2,5]]},"411":{"position":[[2,5]]},"413":{"position":[[4,4]]},"415":{"position":[[2,5]]},"417":{"position":[[2,5]]},"419":{"position":[[4,4]]},"421":{"position":[[4,4]]},"423":{"position":[[2,5]]},"425":{"position":[[4,4]]},"427":{"position":[[2,5]]},"429":{"position":[[2,5]]},"431":{"position":[[4,4]]},"433":{"position":[[4,4]]},"435":{"position":[[2,5]]},"437":{"position":[[4,4]]},"439":{"position":[[4,4]]},"441":{"position":[[4,4]]},"443":{"position":[[4,4]]},"445":{"position":[[4,4]]},"447":{"position":[[4,4]]},"449":{"position":[[4,4]]},"451":{"position":[[4,4]]},"453":{"position":[[4,4]]},"455":{"position":[[4,4]]},"457":{"position":[[4,4]]},"459":{"position":[[4,4]]},"461":{"position":[[4,4]]},"463":{"position":[[4,4]]},"465":{"position":[[4,4]]},"467":{"position":[[4,4]]},"469":{"position":[[4,4]]},"471":{"position":[[4,4]]},"473":{"position":[[4,4]]},"475":{"position":[[4,4]]},"477":{"position":[[4,4]]},"479":{"position":[[4,4]]},"481":{"position":[[4,4]]},"483":{"position":[[4,4]]},"485":{"position":[[4,4]]},"487":{"position":[[4,4]]},"489":{"position":[[4,4]]},"491":{"position":[[4,4]]},"493":{"position":[[4,4]]},"495":{"position":[[4,4]]},"497":{"position":[[4,4]]},"499":{"position":[[4,4]]},"501":{"position":[[4,4]]},"503":{"position":[[4,4]]},"505":{"position":[[4,4]]},"507":{"position":[[4,4]]},"509":{"position":[[4,4]]},"511":{"position":[[4,4]]},"513":{"position":[[4,4]]},"515":{"position":[[4,4]]},"517":{"position":[[4,4]]},"519":{"position":[[4,4]]},"521":{"position":[[4,4]]},"523":{"position":[[4,4]]},"525":{"position":[[4,4]]},"527":{"position":[[4,4]]},"529":{"position":[[4,4]]},"531":{"position":[[4,4]]},"533":{"position":[[4,4]]},"535":{"position":[[4,4]]},"537":{"position":[[4,4]]},"539":{"position":[[4,4]]},"541":{"position":[[4,4]]},"543":{"position":[[4,4]]},"545":{"position":[[4,4]]},"547":{"position":[[4,4]]},"549":{"position":[[4,4]]},"551":{"position":[[4,4]]},"553":{"position":[[4,4]]},"649":{"position":[[4,4]]}}}],["preload",{"_index":99,"t":{"193":{"position":[[28,8]]},"399":{"position":[[21,9]]},"583":{"position":[[7,7]]}}}],["preview",{"_index":186,"t":{"595":{"position":[[21,9]]}}}],["preview.1",{"_index":69,"t":{"127":{"position":[[24,9]]}}}],["progress",{"_index":100,"t":{"195":{"position":[[29,9]]},"197":{"position":[[29,8]]},"395":{"position":[[20,10]]},"401":{"position":[[21,9]]},"585":{"position":[[7,8]]},"589":{"position":[[7,8]]}}}],["rang",{"_index":189,"t":{"615":{"position":[[7,5]]}}}],["rangeinput",{"_index":170,"t":{"403":{"position":[[20,12]]}}}],["render",{"_index":201,"t":{"633":{"position":[[55,6]]},"635":{"position":[[55,6]]}}}],["ribbon",{"_index":171,"t":{"405":{"position":[[20,8]]}}}],["script",{"_index":182,"t":{"587":{"position":[[7,6]]}}}],["scriptload",{"_index":172,"t":{"407":{"position":[[21,14]]}}}],["server",{"_index":192,"t":{"623":{"position":[[25,6]]},"625":{"position":[[25,6]]},"633":{"position":[[67,6]]}}}],["servic",{"_index":207,"t":{"647":{"position":[[13,7]]}}}],["setup",{"_index":205,"t":{"639":{"position":[[7,5]]},"645":{"position":[[7,5]]}}}],["sidebar",{"_index":173,"t":{"409":{"position":[[20,9]]},"591":{"position":[[7,7]]},"593":{"position":[[7,7]]},"655":{"position":[[7,7]]}}}],["sidebar2",{"_index":174,"t":{"411":{"position":[[20,10]]}}}],["sidemod",{"_index":101,"t":{"199":{"position":[[29,10]]}}}],["sort",{"_index":94,"t":{"177":{"position":[[34,8]]}}}],["sortabl",{"_index":184,"t":{"595":{"position":[[7,8]]}}}],["sortablelist",{"_index":175,"t":{"413":{"position":[[21,14]]}}}],["spinner",{"_index":102,"t":{"201":{"position":[[28,8]]},"421":{"position":[[21,9]]}}}],["start",{"_index":191,"t":{"623":{"position":[[8,7]]},"625":{"position":[[8,7]]},"631":{"position":[[8,7]]},"633":{"position":[[8,7]]},"635":{"position":[[8,7]]},"637":{"position":[[8,7]]},"641":{"position":[[8,7]]},"643":{"position":[[8,7]]},"651":{"position":[[8,7]]}}}],["starter",{"_index":103,"t":{"203":{"position":[[29,7]]},"225":{"position":[[38,7]]}}}],["switch",{"_index":176,"t":{"415":{"position":[[20,8]]},"619":{"position":[[7,6]]}}}],["tab",{"_index":105,"t":{"207":{"position":[[29,5]]},"417":{"position":[[20,6]]},"419":{"position":[[21,5]]},"599":{"position":[[7,4]]}}}],["tag",{"_index":71,"t":{"141":{"position":[[0,4]]},"143":{"position":[[9,6]]},"145":{"position":[[8,6]]},"147":{"position":[[8,6]]},"149":{"position":[[9,6]]},"151":{"position":[[8,6]]},"153":{"position":[[9,6]]},"155":{"position":[[9,6]]},"157":{"position":[[9,6]]},"159":{"position":[[8,6]]},"161":{"position":[[9,6]]},"163":{"position":[[9,6]]},"165":{"position":[[8,6]]},"167":{"position":[[8,6]]},"169":{"position":[[8,6]]},"171":{"position":[[9,6]]},"173":{"position":[[9,6]]},"175":{"position":[[9,6]]},"177":{"position":[[9,6]]},"179":{"position":[[9,6]]},"181":{"position":[[9,6]]},"183":{"position":[[9,6]]},"185":{"position":[[9,6]]},"187":{"position":[[9,6]]},"189":{"position":[[9,6]]},"191":{"position":[[9,6]]},"193":{"position":[[8,6]]},"195":{"position":[[9,6]]},"197":{"position":[[9,6]]},"199":{"position":[[9,6]]},"201":{"position":[[8,6]]},"203":{"position":[[9,6]]},"205":{"position":[[9,6]]},"207":{"position":[[9,6]]},"209":{"position":[[8,6]]},"211":{"position":[[9,6]]},"213":{"position":[[9,6]]},"215":{"position":[[9,6]]},"217":{"position":[[9,6]]},"219":{"position":[[9,6]]},"221":{"position":[[8,6]]},"223":{"position":[[9,6]]},"225":{"position":[[9,6]]},"227":{"position":[[9,6]]},"229":{"position":[[9,6]]},"231":{"position":[[9,6]]},"233":{"position":[[9,6]]},"235":{"position":[[9,6]]},"237":{"position":[[9,6]]},"239":{"position":[[9,6]]},"241":{"position":[[9,6]]},"243":{"position":[[9,6]]},"245":{"position":[[8,6]]},"247":{"position":[[8,6]]},"249":{"position":[[9,6]]},"251":{"position":[[9,6]]},"253":{"position":[[9,6]]},"255":{"position":[[8,6]]},"257":{"position":[[9,6]]},"259":{"position":[[9,6]]},"261":{"position":[[8,6]]},"263":{"position":[[8,6]]},"265":{"position":[[9,6]]},"267":{"position":[[9,6]]},"269":{"position":[[9,6]]},"271":{"position":[[8,6]]},"273":{"position":[[8,6]]},"275":{"position":[[9,6]]},"277":{"position":[[8,6]]},"279":{"position":[[9,6]]},"281":{"position":[[9,6]]},"283":{"position":[[8,6]]},"285":{"position":[[9,6]]},"287":{"position":[[8,6]]},"289":{"position":[[9,6]]},"291":{"position":[[9,6]]},"293":{"position":[[8,6]]},"295":{"position":[[8,6]]},"297":{"position":[[9,6]]},"299":{"position":[[9,6]]},"301":{"position":[[8,6]]},"303":{"position":[[8,6]]},"305":{"position":[[9,6]]},"307":{"position":[[9,6]]},"309":{"position":[[9,6]]},"311":{"position":[[9,6]]},"313":{"position":[[9,6]]},"315":{"position":[[9,6]]},"317":{"position":[[9,6]]},"319":{"position":[[9,6]]},"321":{"position":[[9,6]]},"323":{"position":[[8,6]]},"325":{"position":[[9,6]]},"327":{"position":[[8,6]]},"329":{"position":[[8,6]]},"331":{"position":[[9,6]]},"333":{"position":[[9,6]]},"335":{"position":[[8,6]]},"337":{"position":[[9,6]]},"339":{"position":[[9,6]]},"341":{"position":[[9,6]]},"343":{"position":[[9,6]]},"345":{"position":[[8,6]]},"347":{"position":[[9,6]]},"349":{"position":[[8,6]]},"351":{"position":[[8,6]]},"353":{"position":[[8,6]]},"355":{"position":[[9,6]]},"357":{"position":[[8,6]]},"359":{"position":[[8,6]]},"361":{"position":[[9,6]]},"363":{"position":[[9,6]]},"365":{"position":[[8,6]]},"367":{"position":[[8,6]]},"369":{"position":[[9,6]]},"371":{"position":[[9,6]]},"373":{"position":[[9,6]]},"375":{"position":[[9,6]]},"377":{"position":[[9,6]]},"379":{"position":[[8,6]]},"381":{"position":[[9,6]]},"383":{"position":[[9,6]]},"385":{"position":[[9,6]]},"387":{"position":[[9,6]]},"389":{"position":[[8,6]]},"391":{"position":[[8,6]]},"393":{"position":[[8,6]]},"395":{"position":[[8,6]]},"397":{"position":[[8,6]]},"399":{"position":[[9,6]]},"401":{"position":[[9,6]]},"403":{"position":[[8,6]]},"405":{"position":[[8,6]]},"407":{"position":[[9,6]]},"409":{"position":[[8,6]]},"411":{"position":[[8,6]]},"413":{"position":[[9,6]]},"415":{"position":[[8,6]]},"417":{"position":[[8,6]]},"419":{"position":[[9,6]]},"421":{"position":[[9,6]]},"423":{"position":[[8,6]]},"425":{"position":[[9,6]]},"427":{"position":[[8,6]]},"429":{"position":[[8,6]]},"431":{"position":[[9,6]]},"433":{"position":[[9,6]]},"435":{"position":[[8,6]]},"437":{"position":[[9,6]]},"439":{"position":[[9,6]]},"441":{"position":[[9,6]]},"443":{"position":[[9,6]]},"445":{"position":[[9,6]]},"447":{"position":[[9,6]]},"449":{"position":[[9,6]]},"451":{"position":[[9,6]]},"453":{"position":[[9,6]]},"455":{"position":[[9,6]]},"457":{"position":[[9,6]]},"459":{"position":[[9,6]]},"461":{"position":[[9,6]]},"463":{"position":[[9,6]]},"465":{"position":[[9,6]]},"467":{"position":[[9,6]]},"469":{"position":[[9,6]]},"471":{"position":[[9,6]]},"473":{"position":[[9,6]]},"475":{"position":[[9,6]]},"477":{"position":[[9,6]]},"479":{"position":[[9,6]]},"481":{"position":[[9,6]]},"483":{"position":[[9,6]]},"485":{"position":[[9,6]]},"487":{"position":[[9,6]]},"489":{"position":[[9,6]]},"491":{"position":[[9,6]]},"493":{"position":[[9,6]]},"495":{"position":[[9,6]]},"497":{"position":[[9,6]]},"499":{"position":[[9,6]]},"501":{"position":[[9,6]]},"503":{"position":[[9,6]]},"505":{"position":[[9,6]]},"507":{"position":[[9,6]]},"509":{"position":[[9,6]]},"511":{"position":[[9,6]]},"513":{"position":[[9,6]]},"515":{"position":[[9,6]]},"517":{"position":[[9,6]]},"519":{"position":[[9,6]]},"521":{"position":[[9,6]]},"523":{"position":[[9,6]]},"525":{"position":[[9,6]]},"527":{"position":[[9,6]]},"529":{"position":[[9,6]]},"531":{"position":[[9,6]]},"533":{"position":[[9,6]]},"535":{"position":[[9,6]]},"537":{"position":[[9,6]]},"539":{"position":[[9,6]]},"541":{"position":[[9,6]]},"543":{"position":[[9,6]]},"545":{"position":[[9,6]]},"547":{"position":[[9,6]]},"549":{"position":[[9,6]]},"551":{"position":[[9,6]]},"553":{"position":[[9,6]]},"649":{"position":[[9,6]]}}}],["templat",{"_index":104,"t":{"203":{"position":[[37,10]]},"205":{"position":[[29,10]]},"225":{"position":[[46,10]]}}}],["time",{"_index":195,"t":{"627":{"position":[[7,4]]}}}],["timeinput",{"_index":177,"t":{"423":{"position":[[20,11]]}}}],["timepick",{"_index":178,"t":{"425":{"position":[[21,12]]}}}],["toast",{"_index":106,"t":{"209":{"position":[[28,7]]},"215":{"position":[[29,6]]},"427":{"position":[[20,7]]},"429":{"position":[[20,8]]},"629":{"position":[[7,6]]}}}],["toastservic",{"_index":179,"t":{"431":{"position":[[21,14]]}}}],["tooltip",{"_index":180,"t":{"435":{"position":[[20,9]]},"609":{"position":[[7,8]]}}}],["upgrad",{"_index":66,"t":{"123":{"position":[[0,7]]}}}],["v0.0.1",{"_index":6,"t":{"3":{"position":[[16,6]]},"433":{"position":[[21,8]]}}}],["v0.0.2",{"_index":8,"t":{"7":{"position":[[16,6]]},"437":{"position":[[21,8]]}}}],["v0.0.3",{"_index":7,"t":{"5":{"position":[[16,6]]},"441":{"position":[[21,8]]}}}],["v0.0.4",{"_index":10,"t":{"11":{"position":[[16,6]]},"439":{"position":[[21,8]]}}}],["v0.1.0",{"_index":9,"t":{"9":{"position":[[16,6]]},"443":{"position":[[21,8]]}}}],["v0.1.1",{"_index":11,"t":{"13":{"position":[[16,6]]},"445":{"position":[[21,8]]}}}],["v0.2.0",{"_index":13,"t":{"17":{"position":[[16,6]]},"449":{"position":[[21,8]]}}}],["v0.2.1",{"_index":15,"t":{"21":{"position":[[16,6]]},"447":{"position":[[21,8]]}}}],["v0.2.2",{"_index":12,"t":{"15":{"position":[[16,6]]},"451":{"position":[[21,8]]}}}],["v0.2.3",{"_index":14,"t":{"19":{"position":[[16,6]]},"453":{"position":[[21,8]]}}}],["v0.2.4",{"_index":18,"t":{"27":{"position":[[16,6]]},"455":{"position":[[21,8]]}}}],["v0.2.5",{"_index":16,"t":{"23":{"position":[[16,6]]},"457":{"position":[[21,8]]}}}],["v0.2.6",{"_index":17,"t":{"25":{"position":[[16,6]]},"459":{"position":[[21,8]]}}}],["v0.3.0",{"_index":20,"t":{"31":{"position":[[16,6]]},"461":{"position":[[21,8]]}}}],["v0.4.0",{"_index":19,"t":{"29":{"position":[[16,6]]},"463":{"position":[[21,8]]}}}],["v0.4.1",{"_index":22,"t":{"35":{"position":[[16,6]]},"465":{"position":[[21,8]]}}}],["v0.4.2",{"_index":21,"t":{"33":{"position":[[16,6]]},"467":{"position":[[21,8]]}}}],["v0.5.0",{"_index":23,"t":{"37":{"position":[[16,6]]},"469":{"position":[[21,8]]}}}],["v0.5.1",{"_index":24,"t":{"39":{"position":[[17,6]]},"475":{"position":[[21,8]]}}}],["v0.6.0",{"_index":26,"t":{"43":{"position":[[17,6]]},"471":{"position":[[21,8]]}}}],["v1.0.0",{"_index":25,"t":{"41":{"position":[[17,6]]},"477":{"position":[[21,8]]}}}],["v1.0.1",{"_index":27,"t":{"45":{"position":[[17,6]]},"649":{"position":[[21,8]]}}}],["v1.1.0",{"_index":30,"t":{"51":{"position":[[17,6]]},"473":{"position":[[21,8]]}}}],["v1.10.0",{"_index":54,"t":{"99":{"position":[[17,7]]},"479":{"position":[[21,9]]}}}],["v1.10.1",{"_index":55,"t":{"101":{"position":[[17,7]]},"481":{"position":[[21,9]]}}}],["v1.10.2",{"_index":56,"t":{"103":{"position":[[17,7]]},"483":{"position":[[21,9]]}}}],["v1.10.3",{"_index":57,"t":{"105":{"position":[[17,7]]},"485":{"position":[[21,9]]}}}],["v1.10.4",{"_index":58,"t":{"107":{"position":[[17,7]]},"489":{"position":[[21,9]]}}}],["v1.10.5",{"_index":60,"t":{"111":{"position":[[17,7]]},"487":{"position":[[21,9]]}}}],["v1.11.0",{"_index":59,"t":{"109":{"position":[[17,7]]},"491":{"position":[[21,9]]}}}],["v1.11.1",{"_index":61,"t":{"113":{"position":[[17,7]]},"493":{"position":[[21,9]]}}}],["v1.2.0",{"_index":28,"t":{"47":{"position":[[17,6]]},"495":{"position":[[21,8]]}}}],["v1.3.0",{"_index":29,"t":{"49":{"position":[[17,6]]},"497":{"position":[[21,8]]}}}],["v1.3.1",{"_index":31,"t":{"53":{"position":[[17,6]]},"505":{"position":[[21,8]]}}}],["v1.4.0",{"_index":33,"t":{"57":{"position":[[17,6]]},"503":{"position":[[21,8]]}}}],["v1.4.1",{"_index":32,"t":{"55":{"position":[[17,6]]},"499":{"position":[[21,8]]}}}],["v1.4.2",{"_index":34,"t":{"59":{"position":[[17,6]]},"501":{"position":[[21,8]]}}}],["v1.4.3",{"_index":36,"t":{"63":{"position":[[17,6]]},"507":{"position":[[21,8]]}}}],["v1.4.4",{"_index":35,"t":{"61":{"position":[[17,6]]},"509":{"position":[[21,8]]}}}],["v1.4.5",{"_index":37,"t":{"65":{"position":[[17,6]]},"511":{"position":[[21,8]]}}}],["v1.5.0",{"_index":39,"t":{"69":{"position":[[17,6]]},"513":{"position":[[21,8]]}}}],["v1.6.0",{"_index":38,"t":{"67":{"position":[[17,6]]},"523":{"position":[[21,8]]}}}],["v1.7.0",{"_index":40,"t":{"71":{"position":[[17,6]]},"515":{"position":[[21,8]]}}}],["v1.7.1",{"_index":41,"t":{"73":{"position":[[17,6]]},"517":{"position":[[21,8]]}}}],["v1.7.2",{"_index":42,"t":{"75":{"position":[[17,6]]},"525":{"position":[[21,8]]}}}],["v1.7.3",{"_index":43,"t":{"77":{"position":[[17,6]]},"519":{"position":[[21,8]]}}}],["v1.8.0",{"_index":44,"t":{"79":{"position":[[17,6]]},"521":{"position":[[21,8]]}}}],["v1.8.1",{"_index":45,"t":{"81":{"position":[[17,6]]},"531":{"position":[[21,8]]}}}],["v1.8.2",{"_index":46,"t":{"83":{"position":[[17,6]]},"527":{"position":[[21,8]]}}}],["v1.8.3",{"_index":48,"t":{"87":{"position":[[17,6]]},"529":{"position":[[21,8]]}}}],["v1.9.0",{"_index":47,"t":{"85":{"position":[[17,6]]},"533":{"position":[[21,8]]}}}],["v1.9.1",{"_index":49,"t":{"89":{"position":[[17,6]]},"537":{"position":[[21,8]]}}}],["v1.9.2",{"_index":50,"t":{"91":{"position":[[17,6]]},"535":{"position":[[21,8]]}}}],["v1.9.3",{"_index":52,"t":{"95":{"position":[[17,6]]},"541":{"position":[[21,8]]}}}],["v1.9.4",{"_index":51,"t":{"93":{"position":[[17,6]]},"539":{"position":[[21,8]]}}}],["v1.9.5",{"_index":53,"t":{"97":{"position":[[17,6]]},"543":{"position":[[21,8]]}}}],["v2.0.0",{"_index":62,"t":{"115":{"position":[[17,6]]},"547":{"position":[[21,8]]}}}],["v2.1.0",{"_index":63,"t":{"117":{"position":[[17,6]]},"545":{"position":[[21,8]]}}}],["v2.2.0",{"_index":64,"t":{"119":{"position":[[17,6]]},"551":{"position":[[21,8]]}}}],["v2.2.1",{"_index":65,"t":{"121":{"position":[[17,6]]},"549":{"position":[[21,8]]}}}],["v2.x.x",{"_index":67,"t":{"123":{"position":[[11,6]]}}}],["v3.0.0",{"_index":68,"t":{"127":{"position":[[17,6]]},"553":{"position":[[21,8]]}}}],["viewer",{"_index":209,"t":{"657":{"position":[[11,6]]}}}],["webapp",{"_index":199,"t":{"633":{"position":[[25,6]]},"635":{"position":[[25,6]]}}}],["webassembl",{"_index":206,"t":{"639":{"position":[[22,11]]},"641":{"position":[[25,11]]},"643":{"position":[[25,11]]},"645":{"position":[[22,11]]},"651":{"position":[[25,11]]}}}]],"pipeline":["stemmer"]}},{"documents":[],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[],"invertedIndex":[],"pipeline":["stemmer"]}},{"documents":[{"i":2,"t":"Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More Upgrade to v2.x.x February 25, 2024 · One min read Vikram Reddy Creator Recommendation​ We strongly recommend all BlazorBootstrap users migrate to version 2.x.x. If you are using version 1.x.x for non-commercial purposes, you may continue using them, but upgrading to version 2.x.x is strongly recommended. If you are using version 1.x.x for commercial purposes, you are no longer permitted to do so due to code usage concerns regarding Blazorise's ClassBuilder and StyleBuilder classes. Background of ClassBuilder & StyleBuilder References​ In March 2021, we created a component library proof-of-concept (POC) using ClassBuilder and StyleBuilder from Blazorise. At that time, Blazorise was under the MIT license. We inadvertently neglected to re-verify the Blazorise project's license later. On February 12th, 2024, Blazorise contacted us regarding a potential licensing concern with both ClassBuilder and StyleBuilder classes. We respect Blazorise's dedication to open-source software and responsible licensing. We have now removed all references to ClassBuilder and StyleBuilder from our codebase. IMPORTANT If you wish to continue using version 1.x.x for commercial purposes, please reach out to the Blazorise team for licensing. Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog","h":"","p":1},{"i":4,"t":"BlazorBootstrap v0.0.1 November 23, 2021 · One min read Vikram Reddy Creator Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers. New Components​ Alert Button Icon Modals Offcanvas Tooltip Tags: v0.0.1 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.0.2","s":"BlazorBootstrap v0.0.1","u":"/blog/2021/11/23/blazorbootstrap-0.0.1","h":"","p":3},{"i":6,"t":"BlazorBootstrap v0.0.3 December 8, 2021 · One min read Vikram Reddy Creator In this release, we added the Toasts component and improved documentation. New Component​ Toasts Tags: v0.0.3 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.0.4 Older Post BlazorBootstrap v0.0.2","s":"BlazorBootstrap v0.0.3","u":"/blog/2021/12/08/blazorbootstrap-0.0.3","h":"","p":5},{"i":8,"t":"BlazorBootstrap v0.0.2 November 27, 2021 · One min read Vikram Reddy Creator In this release, our focus was more on documenting the individual components. Initial documentation is available for the below components: Alert Button Icon Modal Offcanvas Tooltip Tags: v0.0.2 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.0.3 Older Post BlazorBootstrap v0.0.1","s":"BlazorBootstrap v0.0.2","u":"/blog/2021/11/27/blazorbootstrap-0.0.2","h":"","p":7},{"i":10,"t":"BlazorBootstrap v0.1.0 December 20, 2021 · One min read Vikram Reddy Creator We are excited to release 0.1.0 with lots of updates. Major changes​ .NET 6 upgrade New components added Demo website created Four New Comoponents​ Preload Breadcrumb Confirm Dialog Callout Demo Website​ We are happy to share the demo website link. https://demos.getblazorbootstrap.com/ Tags: v0.1.0 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.1.1 Older Post BlazorBootstrap v0.0.4","s":"BlazorBootstrap v0.1.0","u":"/blog/2021/12/20/blazorbootstrap-0.1.0","h":"","p":9},{"i":12,"t":"BlazorBootstrap v0.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Changelog​ Code improvements Documentation updates Breaking changes​ Modal​ Callback events renamed Showing -> OnShowing Shown -> OnShown Hiding -> OnHiding Hidden -> OnHidden HidePrevented -> OnHidePrevented Offcanvas​ Callback events renamed Showing -> OnShowing Shown -> OnShown Hiding -> OnHiding Hidden -> OnHidden Tooltip​ Parameters renamed TooltipTitle -> Title TooltipPlacement -> Placement Docs update​ For the below components, documentation is updated. Alerts Buttons Icons Modal Offcanvas Toasts Tooltips Tags: v0.0.4 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.1.0 Older Post BlazorBootstrap v0.0.3","s":"BlazorBootstrap v0.0.4","u":"/blog/2021/12/12/blazorbootstrap-0.0.4","h":"","p":11},{"i":14,"t":"BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Component changes​ Alert Parameter renamed from Dismisable to Dismissable Docs update Demos update Demo Website​ https://demos.getblazorbootstrap.com/ Tags: v0.1.1 blazorbootstrap alert Edit this page Newer Post BlazorBootstrap v0.2.0 Older Post BlazorBootstrap v0.1.0","s":"BlazorBootstrap v0.1.1","u":"/blog/2021/12/21/blazorbootstrap-0.1.1","h":"","p":13},{"i":16,"t":"BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Updates​ New Placeholders component .NET version upgrade from v6.0.1 to v6.0.3 Links​ Demo Website Placeholders Component Tags: v0.2.2 blazorbootstrap placeholders Edit this page Newer Post BlazorBootstrap v0.2.3 Older Post BlazorBootstrap v0.2.1","s":"BlazorBootstrap v0.2.2","u":"/blog/2022/03/15/blazorbootstrap-0.2.2","h":"","p":15},{"i":18,"t":"BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Major changes​ Modal component enhancements Offcanvas enhancements Demo website updates Two New Comoponents​ Grid Pagination Links​ Demo Website Modals Offcanvas Grid Pagination Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Edit this page Newer Post BlazorBootstrap v0.2.1 Older Post BlazorBootstrap v0.1.1","s":"BlazorBootstrap v0.2.0","u":"/blog/2022/01/15/blazorbootstrap-0.2.0","h":"","p":17},{"i":20,"t":"BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Updates​ New Tabs component Other improvements Links​ Demo Website Tabs Component Tags: v0.2.3 blazorbootstrap placeholders Edit this page Newer Post BlazorBootstrap v0.2.4 Older Post BlazorBootstrap v0.2.2","s":"BlazorBootstrap v0.2.3","u":"/blog/2022/04/30/blazorbootstrap-0.2.3","h":"","p":19},{"i":22,"t":"BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Minor Updates​ Toasts component UI alignment fix Confirm Dialog component docs update Bootstrap Icons updated to v1.8.0 Links​ Demo Website Confirm Dialog Icons Toasts Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Edit this page Newer Post BlazorBootstrap v0.2.2 Older Post BlazorBootstrap v0.2.0","s":"BlazorBootstrap v0.2.1","u":"/blog/2022/02/27/blazorbootstrap-0.2.1","h":"","p":21},{"i":24,"t":"BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Updates​ Offcanvas component bug fix Modal component bug fix Docs enhancement Links​ Demo Website Offcanvas Component Modal Component Tags: v0.2.5 blazorbootstrap offcanvas modal Edit this page Newer Post BlazorBootstrap v0.2.6 Older Post BlazorBootstrap v0.2.4","s":"BlazorBootstrap v0.2.5","u":"/blog/2022/07/28/blazorbootstrap-0.2.5","h":"","p":23},{"i":26,"t":"BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Updates​ Bootstrap Icons v1.9.1 support Buttons component enhancements Docs enhancement Links​ Demo Website Icons Button Component Tags: v0.2.6 blazorbootstrap button Edit this page Newer Post BlazorBootstrap v0.3.0 Older Post BlazorBootstrap v0.2.5","s":"BlazorBootstrap v0.2.6","u":"/blog/2022/08/13/blazorbootstrap-0.2.6","h":"","p":25},{"i":28,"t":"BlazorBootstrap v0.2.4 June 19, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.4 with bug fixes and docs enhancement. Updates​ Alert component bug fixes Docs enhancement Links​ Demo Website Alert Component Tags: v0.2.4 blazorbootstrap placeholders Edit this page Newer Post BlazorBootstrap v0.2.5 Older Post BlazorBootstrap v0.2.3","s":"BlazorBootstrap v0.2.4","u":"/blog/2022/06/19/blazorbootstrap-0.2.4","h":"","p":27},{"i":30,"t":"BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. New Components​ AutoComplete component AutoComplete component features​ Client side data filtering Server side data filtering Validations Links​ Demo Website Blazor AutoComplete Component Demos Blazor AutoComplete Component Documentation Tags: v0.4.0 blazorbootstrap autocomplete docs Edit this page Newer Post BlazorBootstrap v0.4.1 Older Post BlazorBootstrap v0.3.0","s":"BlazorBootstrap v0.4.0","u":"/blog/2022/09/04/blazorbootstrap-0.4.0","h":"","p":29},{"i":32,"t":"BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Updates​ Grid component enhancements Grid component enhancements​ Multiple columns filtering (client side and server side) Set default filtering Disable specific column filter Increase filter textbox width Set default sorting Disable specific column sorting Header text alignment Cell alignment Cell formatting Cell nowrap Pagination alignment Empty data Responsive grid with horizontal scrolling Links​ Demo Website Grid Demos Grid Component Documentation Tags: v0.3.0 blazorbootstrap grid Edit this page Newer Post BlazorBootstrap v0.4.0 Older Post BlazorBootstrap v0.2.6","s":"BlazorBootstrap v0.3.0","u":"/blog/2022/08/31/blazorbootstrap-0.3.0","h":"","p":31},{"i":34,"t":"BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete Edit this page Newer Post BlazorBootstrap v0.5.0 Older Post BlazorBootstrap v0.4.1","s":"BlazorBootstrap v0.4.2","u":"/blog/2022/09/17/blazorbootstrap-0.4.2","h":"","p":33},{"i":36,"t":"BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Enhancements​ AutoComplete component Callout component Grid component AutoComplete enhancements​ StringComparison support StringFilterOperator support Callout enhancements​ The default heading and default icon are displayed based on the callout type. Change the callout header according to your context. Callout breaking changes​ Renamed enum CalloutColor to CalloutType Renamed parameter Color to Type Grid enhancements​ StringComparison support Links​ Demo Website Blazor AutoComplete Component Documentation Blazor Callout Component Documentation Blazor Grid Component Documentation Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Edit this page Newer Post BlazorBootstrap v0.4.2 Older Post BlazorBootstrap v0.4.0","s":"BlazorBootstrap v0.4.1","u":"/blog/2022/09/12/blazorbootstrap-0.4.1","h":"","p":35},{"i":38,"t":"BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. New blazor chart components​ Blazor Bar Chart component Blazor Doughnut Chart component Blazor Line Chart component Blazor Pie Chart component Links​ Demo Website Blazor Bar Chart Component Documentation Blazor Doughnut Chart Component Documentation Blazor Line Chart Component Documentation Blazor Pie Chart Component Documentation Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Edit this page Newer Post Blazor Bootstrap v0.5.1 Older Post BlazorBootstrap v0.4.2","s":"BlazorBootstrap v0.5.0","u":"/blog/2022/10/16/blazorbootstrap-0.5.0","h":"","p":37},{"i":40,"t":"Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Grid Enhancements​ Support for save/load Grid state. The state includes the page number, page size, and filters. Performance improvements by removing unnecessary conversions Links​ Demo Website Blazor Grid Component Documentation Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Edit this page Newer Post Blazor Bootstrap v0.6.0 Older Post BlazorBootstrap v0.5.0","s":"Blazor Bootstrap v0.5.1","u":"/blog/2022/10/22/blazorbootstrap-0.5.1","h":"","p":39},{"i":42,"t":"Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! New Components​ NumberInput component Blazor NumberInput component features​ Generic type support Enable min and max Step Text alignment Allow negative numbers Disable Validations Events: ValueChanged Blazor Tabs component features​ Fade effect Title with Icon Disable Tab Pills Activate individual tabs Events Demos site enhancements​ Brand new landing page The demo example and source code are split into two tabs for easy access. Links​ Demo Website Blazor NumberInput Component Documentation Blazor Tabs Component Documentation Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Edit this page Newer Post Blazor Bootstrap v1.0.1 Older Post Blazor Bootstrap v0.6.0","s":"Blazor Bootstrap v1.0.0","u":"/blog/2022/11/18/blazorbootstrap-1.0.0","h":"","p":41},{"i":44,"t":"Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. New Components​ Progress component Progress component features​ Labels Backgrounds Multiple bars Striped Animated stripes Toasts component features​ Toasts with/without title Auto hide Placement Stack Length Links​ Demo Website Blazor Progress Component Documentation Blazor Toasts Component Documentation Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Edit this page Newer Post Blazor Bootstrap v1.0.0 Older Post Blazor Bootstrap v0.5.1","s":"Blazor Bootstrap v0.6.0","u":"/blog/2022/10/30/blazorbootstrap-0.6.0","h":"","p":43},{"i":46,"t":"Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! What's changed​ Confirmation Dialog component enhancements Offcanvas component enhancements Demos site examples​ New examples for 'Blazor Confirm Dialog Component' New examples for 'Blazor Offcanvas Component' New examples for 'Blazor Preload Component' SEO Updates Links​ Demo Website Blazor Confirm Dialog Component Documentation Blazor Offcanvas Component Documentation Blazor Preload Component Documentation Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Edit this page Newer Post Blazor Bootstrap v1.1.0 Older Post Blazor Bootstrap v1.0.0","s":"Blazor Bootstrap v1.0.1","u":"/blog/2022/11/22/blazorbootstrap-1.0.1","h":"","p":45},{"i":48,"t":"Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component What's changed​ New CurrencyInput component Demos site updates​ New examples for 'Blazor CurrencyInput Component' New examples for 'Blazor Confirm Dialog Component' Links​ Demo Website - Blazor WebAssembly Demo Website - Blazor Server Blazor CurrencyInput Documentation Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Edit this page Newer Post Blazor Bootstrap v1.3.0 Older Post Blazor Bootstrap v1.1.0","s":"Blazor Bootstrap v1.2.0","u":"/blog/2022/12/12/blazorbootstrap-1.2.0","h":"","p":47},{"i":50,"t":"Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component What's changed​ New Switch component Demos site updates​ New examples for 'Blazor Switch Component' Updates to 'Blazor Auto Complete Component' examples Links​ Demo Website - Blazor WebAssembly Demo Website - Blazor Server Blazor Switch Documentation Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Edit this page Newer Post Blazor Bootstrap v1.3.1 Older Post Blazor Bootstrap v1.2.0","s":"Blazor Bootstrap v1.3.0","u":"/blog/2022/12/15/blazorbootstrap-1.3.0","h":"","p":49},{"i":52,"t":"Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component What's changed​ New ToastService ConfirmDialog component enhancements PreloadService enhancements Icon component enhancements Demos site examples​ New examples for 'Blazor ToastService' New examples for 'Blazor Confirm Dialog Component' New examples for 'Blazor Preload Component' New examples for 'Blazor Icon Component' Links​ Demo Website Blazor Toasts Component Documentation Blazor Confirm Dialog Component Documentation Blazor Preload Component Documentation Blazor Icon Component Documentation Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Edit this page Newer Post Blazor Bootstrap v1.2.0 Older Post Blazor Bootstrap v1.0.1","s":"Blazor Bootstrap v1.1.0","u":"/blog/2022/11/28/blazorbootstrap-1.1.0","h":"","p":51},{"i":54,"t":"Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component What's changed​ AutoComplete component - keyboard navigation support AutoComplete component - CancellationToken support Demos site updates​ New examples for 'Blazor AutoComplete Component' Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor AutoComplete Documentation Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Edit this page Newer Post Blazor Bootstrap v1.4.0 Older Post Blazor Bootstrap v1.3.0","s":"Blazor Bootstrap v1.3.1","u":"/blog/2022/12/18/blazorbootstrap-1.3.1","h":"","p":53},{"i":56,"t":"Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component What's changed​ Modal component Render different components dynamically within the modal without iterating through possible types or using conditional logic. If dynamically-rendered components have component parameters, pass them as an IDictionary<string, object>. Pass event callbacks to a dynamic component. Demos site updates​ New examples for Blazor Modal Component New examples for Blazor Confirm Dialog Component Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Modal Documentation Blazor Confirm Dialog Documentation Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Edit this page Newer Post Blazor Bootstrap v1.4.2 Older Post Blazor Bootstrap v1.4.0","s":"Blazor Bootstrap v1.4.1","u":"/blog/2023/01/23/blazorbootstrap-1.4.1","h":"","p":55},{"i":58,"t":"Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component What's changed​ Sidebar component Demos site updates​ New examples for 'Blazor Sidebar Component' Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Sidebar Documentation Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Edit this page Newer Post Blazor Bootstrap v1.4.1 Older Post Blazor Bootstrap v1.3.1","s":"Blazor Bootstrap v1.4.0","u":"/blog/2023/01/15/blazorbootstrap-1.4.0","h":"","p":57},{"i":60,"t":"Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates What's changed​ Auto Complete component Bug fix Starter Templates​ Blazor Bootstrap: Blazor WebAssembly Template Blazor Bootstrap: Blazor WebAssembly Empty Template Blazor Bootstrap: Blazor Server Template Blazor Bootstrap: Blazor Server Empty Template Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Auto Complete Documentation Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Edit this page Newer Post Blazor Bootstrap v1.4.3 Older Post Blazor Bootstrap v1.4.1","s":"Blazor Bootstrap v1.4.2","u":"/blog/2023/01/30/blazorbootstrap-1.4.2","h":"","p":59},{"i":62,"t":"Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! What's changed​ Grid component Filters have 300ms timeout for the debouncing CancellationToken support for the RefreshDataAsync() method Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.4.5 Older Post Blazor Bootstrap v1.4.3","s":"Blazor Bootstrap v1.4.4","u":"/blog/2023/02/10/blazorbootstrap-1.4.4","h":"","p":61},{"i":64,"t":"Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! What's changed​ Grid component New Data parameter New ResetPageNumber() method Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.4.4 Older Post Blazor Bootstrap v1.4.2","s":"Blazor Bootstrap v1.4.3","u":"/blog/2023/02/07/blazorbootstrap-1.4.3","h":"","p":63},{"i":66,"t":"Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! What's changed​ Toasts component bug fixed Toast progress bar not working when the browser language is french Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Toasts Documentation Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Edit this page Newer Post Blazor Bootstrap v1.5.0 Older Post Blazor Bootstrap v1.4.4","s":"Blazor Bootstrap v1.4.5","u":"/blog/2023/02/23/blazorbootstrap-1.4.5","h":"","p":65},{"i":68,"t":"Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! What's new​ TimeInput component Generic type: TimeOnly and TimeOnly? supported Max and Min range Disable Validations ValueChanged event Restrict the time field based on the entry in another field What's changed​ Grid component Conditional css class for grid row Conditional css class for grid column DateInput component Restrict the date field based on the entry in another field Modal component Modal CloseOnEscape not working - Fixed Offcanvas component Offcanvas CloseOnEscape not working #160 - Fixed Upgrade Bootstrap version from v5.1.3 to v5.2.3 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor TimeInput Documentation Blazor Grid Documentation Blazor DateInput Documentation Blazor Modal Documentation Blazor Offcanvas Documentation Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Edit this page Newer Post Blazor Bootstrap v1.7.0 Older Post Blazor Bootstrap v1.5.0","s":"Blazor Bootstrap v1.6.0","u":"/blog/2023/03/12/blazorbootstrap-1.6.0","h":"","p":67},{"i":70,"t":"Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! What's new​ DateInput component Generic type: DateOnly, DateOnly?, DateTime, and DateTime? data types supported Max and Min range Disable Validations ValueChanged event What's changed​ Offcanvas component Render different components dynamically within the modal without iterating through possible types or using conditional logic. If dynamically-rendered components have component parameters, pass them as an IDictionary<string, object>. Pass event callbacks to a dynamic component. Button component Dynamic tooltip support added Tooltip component Dynamic tooltip support added Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor DateInput Documentation Blazor Offcanvas Documentation Blazor Button Documentation Blazor Tooltip Documentation Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Edit this page Newer Post Blazor Bootstrap v1.6.0 Older Post Blazor Bootstrap v1.4.5","s":"Blazor Bootstrap v1.5.0","u":"/blog/2023/03/05/blazorbootstrap-1.5.0","h":"","p":69},{"i":72,"t":"Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! What's new​ Badge component Background colors Pill badges Buttons Positioned Generic indicator Collapse component Horizontal collapse Call back events: OnShowing, OnShown, OnHiding, and OnHidden Accordion component Title with Icon Flush Set default active accordion item Always open Activate individual accordion items Call back events: OnShowing, OnShown, OnHiding, and OnHidden What's changed​ Buttons component Disable and enable state dynamically #172 Documentation​ Layout setup docs Layout Setup - Blazor WebAssembly Layout Setup - Blazor Server Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Badge Documentation Blazor Collapse Documentation Blazor Accordion Documentation Blazor Buttons Documentation Layout Setup - Blazor WebAssembly Documentation Layout Setup - Blazor Server Documentation Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Edit this page Newer Post Blazor Bootstrap v1.7.1 Older Post Blazor Bootstrap v1.6.0","s":"Blazor Bootstrap v1.7.0","u":"/blog/2023/04/10/blazorbootstrap-1.7.0","h":"","p":71},{"i":74,"t":"Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! What's changed​ Auto Complete component Show Autocomplete reset button when default value set #183 Buttons component Button Disabled parameter doesn't work properly on first render in Tabs / Modal #182 CSS A CSS rule could be more targeted to not interfere with others #184 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Auto Complete Documentation Blazor Buttons Documentation Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Edit this page Newer Post Blazor Bootstrap v1.7.2 Older Post Blazor Bootstrap v1.7.0","s":"Blazor Bootstrap v1.7.1","u":"/blog/2023/04/19/blazorbootstrap-1.7.1","h":"","p":73},{"i":76,"t":"Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! What's changed​ Currency Input component CurrencyInput InvalidOperationException #192 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Currency Input Documentation Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Edit this page Newer Post Blazor Bootstrap v1.7.3 Older Post Blazor Bootstrap v1.7.1","s":"Blazor Bootstrap v1.7.2","u":"/blog/2023/04/24/blazorbootstrap-1.7.2","h":"","p":75},{"i":78,"t":"Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! What's changed​ Button component Button - id on Button is causing Unhandled error #194 Grid component Grid calls DataProvider method after input's onchange event #195 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Buttons Documentation Blazor Grid Documentation Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.8.0 Older Post Blazor Bootstrap v1.7.2","s":"Blazor Bootstrap v1.7.3","u":"/blog/2023/04/29/blazorbootstrap-1.7.3","h":"","p":77},{"i":80,"t":"Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! What's changed​ Grid component Grid Selection #179 Single selection Multiple selection Disable selection Disable all rows selection Grid Paging #196 Dynamic Page Size Page Size Selection Offcanvas component Static backdrop #210 Auto Complete component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Currency Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Date Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Number Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Switch component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Time Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Blazor Bootstrap Templates Install with .NET CLI: dotnet new install Blazor.Bootstrap.Templates::1.8.0 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Offcanvas Documentation Blazor Auto Complete Documentation Blazor Currency Input Documentation Blazor Date Input Documentation Blazor Number Input Documentation Blazor Switch Documentation Blazor Time Input Documentation Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Edit this page Newer Post Blazor Bootstrap v1.8.1 Older Post Blazor Bootstrap v1.7.3","s":"Blazor Bootstrap v1.8.0","u":"/blog/2023/05/28/blazorbootstrap-1.8.0","h":"","p":79},{"i":82,"t":"Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! What's changed​ Grid component Selection and filters both active bug #214 Tooltip component Tooltip does not disappear #213 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Offcanvas Documentation Blazor Auto Complete Documentation Blazor Currency Input Documentation Blazor Date Input Documentation Blazor Number Input Documentation Blazor Switch Documentation Blazor Time Input Documentation Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Edit this page Newer Post Blazor Bootstrap v1.8.2 Older Post Blazor Bootstrap v1.8.0","s":"Blazor Bootstrap v1.8.1","u":"/blog/2023/05/31/blazorbootstrap-1.8.1","h":"","p":81},{"i":84,"t":"Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! What's changed​ Grid component Grid local filter with null strings #227 Grid Single Select #230 Button component Button TooltipTitle does not disappear when clicked #222 DateInput component DateInput no reaction to null #221 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Buttons Documentation Blazor Date Input Documentation Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Edit this page Newer Post Blazor Bootstrap v1.8.3 Older Post Blazor Bootstrap v1.8.1","s":"Blazor Bootstrap v1.8.2","u":"/blog/2023/06/11/blazorbootstrap-1.8.2","h":"","p":83},{"i":86,"t":"Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! What's new​ Modal service Global service for the application What's changed​ Modal component Dynamic modal title does not work when using static content #242 Icon component New Color parameter added Toasts component ToastService.Notify method does not have AutoHide #238 Tabs component ShowTabByIndexAsync not working after OnAfterRenderAsync #243 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Modal Documentation Blazor Modal Service Documentation Blazor Icon Documentation Blazor Toasts Documentation Blazor Tabs Documentation Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Edit this page Newer Post Blazor Bootstrap v1.9.2 Older Post Blazor Bootstrap v1.8.3","s":"Blazor Bootstrap v1.9.0","u":"/blog/2023/06/30/blazorbootstrap-1.9.0","h":"","p":85},{"i":88,"t":"Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! What's changed​ Grid component Select all/none refresh problem #217 Progress component Progress bar grid bind problem #229 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Progress Documentation Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Edit this page Newer Post Blazor Bootstrap v1.9.0 Older Post Blazor Bootstrap v1.8.2","s":"Blazor Bootstrap v1.8.3","u":"/blog/2023/06/16/blazorbootstrap-1.8.3","h":"","p":87},{"i":90,"t":"Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! What's changed​ Modal service Issue with new ModalService #258 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Modal Service Documentation Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Edit this page Newer Post Blazor Bootstrap v1.9.3 Older Post Blazor Bootstrap v1.9.2","s":"Blazor Bootstrap v1.9.1","u":"/blog/2023/06/31/blazorbootstrap-1.9.1","h":"","p":89},{"i":92,"t":"Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! What's new​ Breadcrumb service Global service for the application What's changed​ Toast service ToastService not working anymore in version 1.9.1 #261 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Edit this page Newer Post Blazor Bootstrap v1.9.1 Older Post Blazor Bootstrap v1.9.0","s":"Blazor Bootstrap v1.9.2","u":"/blog/2023/07/01/blazorbootstrap-1.9.2","h":"","p":91},{"i":94,"t":"Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! What's changed​ Modal service Blazor Modal Service problem #265 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Modal Service Documentation Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Edit this page Newer Post Blazor Bootstrap v1.9.5 Older Post Blazor Bootstrap v1.9.3","s":"Blazor Bootstrap v1.9.4","u":"/blog/2023/07/05/blazorbootstrap-1.9.4","h":"","p":93},{"i":96,"t":"Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! What's changed​ Grid component New HeaderRowCssClass parameter New FiltersRowCssClass parameter Default sorting icon to indicate the column is sortable Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.9.4 Older Post Blazor Bootstrap v1.9.1","s":"Blazor Bootstrap v1.9.3","u":"/blog/2023/07/04/blazorbootstrap-1.9.3","h":"","p":95},{"i":98,"t":"Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! What's changed​ Grid component New OnRowClick event New OnRowDoubleClick event Grid Component: Row Click Event #264 Grid Component - Translatable page size selector #287 TimeInput component TimeInput: Changing value does not work #271 Switch component Switch class not applied to label #235 Modal component Cannot change modal type on static modals #278 Line Chart component Multiple of the same chart causing js exception #283 Sidebar component SidebarItem without childs, CustomIconName not passed to Icon #286 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Component Documentation Blazor TimeInput Component Documentation Blazor Switch Component Documentation Blazor Modal Component Documentation Blazor Line Chart Component Documentation Blazor Sidebar Component Documentation Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Edit this page Newer Post Blazor Bootstrap v1.10.0 Older Post Blazor Bootstrap v1.9.4","s":"Blazor Bootstrap v1.9.5","u":"/blog/2023/07/16/blazorbootstrap-1.9.5","h":"","p":97},{"i":100,"t":"Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! What's New​ Dropdown Component Single button Multiple colors Split button Sizing Directions (Dropup, Dropup centered, Dropend, and Dropstart) Active Disabled Menu content (Header, Dividers, Text, and Forms) Auto close behavior Card Component Content types (Body, Titles, text, and links) Images List groups Header and footer Sizing Text alignment Background and color Card groups Card groups with footer What's changed​ Bar Chart component New AddDataSetAsync and AddAsync methods Doughnut Chart component New AddDataSetAsync and AddAsync methods Line Chart component New AddDataSetAsync and AddAsync methods Pie Chart component New AddDataSetAsync and AddAsync methods Grid component Grid: Filters translation support #292 Button component Tooltip color support added Tooltip component Tooltip color support added Tooltip on button problem #296 Switch component Switch is invoking EditContext OnFieldChanged even the change was not from UI #297 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Card Component Documentation Blazor Dropdown Component Documentation Blazor Chart Components Documentation Blazor Grid Component Documentation Blazor Button Component Documentation Blazor Tooltip Component Documentation Blazor Switch Component Documentation Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.10.1 Older Post Blazor Bootstrap v1.9.5","s":"Blazor Bootstrap v1.10.0","u":"/blog/2023/08/13/blazorbootstrap-1.10.0","h":"","p":99},{"i":102,"t":"Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! What's changed​ We have made improvements to the base components Bar Chart component UpdateAsync method Doughnut Chart component UpdateAsync method Line Chart component UpdateAsync method Pie Chart component UpdateAsync method Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Chart Components Documentation Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.10.2 Older Post Blazor Bootstrap v1.10.0","s":"Blazor Bootstrap v1.10.1","u":"/blog/2023/08/29/blazorbootstrap-1.10.1","h":"","p":101},{"i":104,"t":"Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! What's changed​ AutoComplete component Autocomplete shows \"No Records Found\" Before Search is finished #352 Confirm Dialog component Confirm Dialog - No fade animation #334 Modal Service Callback support has been added Tooltip component Dispose issue fixed #327 Sidebar component Sidebar should close automatically on mobile #274 We have made improvements to all the charts to support data labels #317 Bar Chart, Doughnut Chart, Line Chart, and Pie Chart MAUI Blazor App - Getting started docs added Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Chart Components Documentation Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Edit this page Newer Post Blazor Bootstrap v1.10.3 Older Post Blazor Bootstrap v1.10.1","s":"Blazor Bootstrap v1.10.2","u":"/blog/2023/09/15/blazorbootstrap-1.10.2","h":"","p":103},{"i":106,"t":"Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! What's changed​ Grid component Grid: Fixed Header Support #53 Dropdown component Add feature to disable Dropdown #373 Icon component Sizing for icons in buttons is strange #346 Sidebar component Sidebar: Add option to space items #276 Docs updates Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Documentation Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Edit this page Newer Post Blazor Bootstrap v1.10.4 Older Post Blazor Bootstrap v1.10.2","s":"Blazor Bootstrap v1.10.3","u":"/blog/2023/10/15/blazorbootstrap-1.10.3","h":"","p":105},{"i":108,"t":"Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! What's changed​ Grid component Grid: Freeze Columns Support #246 Preload component Preload: Add text to preload component #414 Switch component Switch: Double click on switch selects the label #401 Charts component Chart size updates #384 Modal component Pressing Esc still closes the modal even with UseStaticBackdrop=\"true\" #416 Docs updates Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Documentation Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Edit this page Newer Post Blazor Bootstrap v1.10.5 Older Post Blazor Bootstrap v1.10.3","s":"Blazor Bootstrap v1.10.4","u":"/blog/2023/11/18/blazorbootstrap-1.10.4","h":"","p":107},{"i":110,"t":"Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. What's New​ PDF Viewer component Allows users to view PDF files directly in the browser, eliminating the need for third-party browser tools or extensions. Supports two callback events: OnDocumentLoaded and OnPageChanged Range Input component Disabled Min and Max Step Tick marks Script Loader component Allows users to load JS sctipt files dynamically on the fly. What's changed​ Auto Complete component AutoComplete dispose issue #527 Badge component Badge: Demos update #497 Grid component GGrid: Filters - Support string NotEqual #486 Tabs component Dynamic Tabs #538 Vertical Tabs #533 Vertical Pills Tabs#533 Vertical Underline Tabs#533 Underline Tabs#533 Tab: OnClick call back event #543 Other updates Upgrade bootstrap version to 5.3.2 #498 Fix build warnings #534 Nuget update #520 Update docs to Bootstrap Icons 1.11.3 #541 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Documentation Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Edit this page Newer Post Upgrade to v2.x.x Older Post Blazor Bootstrap v1.11.1","s":"Blazor Bootstrap v1.11.0","u":"/blog/2024/02/04/blazorbootstrap-1.11.0","h":"","p":109},{"i":112,"t":"Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! What's changed​ Accordion component Accordion: Add hide methods to Accordion #473 Accordion: Add Accordion show/hide all methods 476 Chart component Charts: How to change legend position in chat #484 Grid component Grid: Docs update #478 Grid: PageSizeSelector dropdown is default to smallest value #482 Grid: Auto hide paginations on few elements #483 Modal component Modal: Throws Error on Navigating Away in .NET 8 #468 Toast component Toast: Dispose issue #488 Docs updates Docs: Fixed typo #438 Docs: Getting Started Docs - .NET 8 - Web Assembly & Web App - Server - Global #458 Docs: Getting Started Docs update #462 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Documentation Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Edit this page Newer Post Blazor Bootstrap v1.11.1 Older Post Blazor Bootstrap v1.10.4","s":"Blazor Bootstrap v1.10.5","u":"/blog/2024/01/01/blazorbootstrap-1.10.5","h":"","p":111},{"i":114,"t":"Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! What's changed​ We have made improvements to the base components PDF Viewer component PDF Viewer JS call issue fixed. #547 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Chart Components Documentation Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Edit this page Newer Post Blazor Bootstrap v1.11.0 Older Post Blazor Bootstrap v1.10.5","s":"Blazor Bootstrap v1.11.1","u":"/blog/2024/02/04/blazorbootstrap-1.11.1","h":"","p":113},{"i":116,"t":"Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! What's New​ Spinner component What's changed​ We have made improvements to the base components Button component Callout component Documentation: clipboard support added Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Chart Components Documentation Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Edit this page Newer Post Blazor Bootstrap v2.1.0 Older Post Upgrade to v2.x.x","s":"Blazor Bootstrap v2.0.0","u":"/blog/2024/02/25/blazorbootstrap-2.0.0","h":"","p":115},{"i":118,"t":"Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! What's New​ Sidebar2 component What's changed​ BarChart component Callout component CurrencyInput component Grid component NumberInput component PdfViewer component RangeInput component Tooltip component Documentation & Demos Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Edit this page Newer Post Blazor Bootstrap v2.2.0 Older Post Blazor Bootstrap v2.0.0","s":"Blazor Bootstrap v2.1.0","u":"/blog/2024/03/17/blazorbootstrap-2.1.0","h":"","p":117},{"i":120,"t":"Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! What's New​ Ribbon component SortableList component What's changed​ ConfirmDialog component Grid component PdfViewer component Tabs component Documentation & Demos Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Edit this page Newer Post Blazor Bootstrap v2.2.1 Older Post Blazor Bootstrap v2.1.0","s":"Blazor Bootstrap v2.2.0","u":"/blog/2024/04/14/blazorbootstrap-2.2.0","h":"","p":119},{"i":122,"t":"Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! What's changed​ ConfirmDialog component Grid component Demos - Upgraded to .NET 8 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Edit this page Newer Post Blazor Bootstrap v3.0.0-preview.1 Older Post Blazor Bootstrap v2.2.0","s":"Blazor Bootstrap v2.2.1","u":"/blog/2024/04/21/blazorbootstrap-2.2.1","h":"","p":121},{"i":124,"t":"Upgrade to v2.x.x February 25, 2024 · One min read Vikram Reddy Creator Recommendation​ We strongly recommend all BlazorBootstrap users migrate to version 2.x.x. If you are using version 1.x.x for non-commercial purposes, you may continue using them, but upgrading to version 2.x.x is strongly recommended. If you are using version 1.x.x for commercial purposes, you are no longer permitted to do so due to code usage concerns regarding Blazorise's ClassBuilder and StyleBuilder classes. Background of ClassBuilder & StyleBuilder References​ In March 2021, we created a component library proof-of-concept (POC) using ClassBuilder and StyleBuilder from Blazorise. At that time, Blazorise was under the MIT license. We inadvertently neglected to re-verify the Blazorise project's license later. On February 12th, 2024, Blazorise contacted us regarding a potential licensing concern with both ClassBuilder and StyleBuilder classes. We respect Blazorise's dedication to open-source software and responsible licensing. We have now removed all references to ClassBuilder and StyleBuilder from our codebase. IMPORTANT If you wish to continue using version 1.x.x for commercial purposes, please reach out to the Blazorise team for licensing. Edit this page Newer Post Blazor Bootstrap v2.0.0 Older Post Blazor Bootstrap v1.11.0","s":"Upgrade to v2.x.x","u":"/blog/2024/02/25/upgrade-to-v2.0.0","h":"","p":123},{"i":126,"t":"Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/2","h":"","p":125},{"i":128,"t":"Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! What's changed​ Chart components Tick configuration support added Grid configuration support added Grid component New parameter FilterButtonColor added to change the filter button color. New parameter FilterButtonCSSClass added to apply custom CSS classes. Grid filters - Supports DoesNotContain filter. Grid filters - Enum support added. Grid filters - Guid support added. Modal component Bootstrtap 5.3.3 fixes: Modal close button alignment issue fixed. Sidebar component Href parameter added. Sidebar2 component Href parameter added. BlazorBootstrtap component library targets .NET 6 and .NET 8 frameworks. Demos & Docs updated. Breaking changes​ AccordionItem IsActive parameter renamed to Active. Button Size's parameter data type changed from Size to ButtonSize. Callout Type parameter changed to Color. Dropdown Set the dropdown color on Dropdown component only instead of setting on the DropdownActionButton and DropdownToggleButton. Size's parameter data type changed from Size to DropdownSize. DropdownActionButton Color parameter removed. DropdownToggleButton Color parameter removed. DropdownItem Type's parameter data type changed from ButtonType to DropdownItemType. RibbonTab IsActive parameter renamed to Active. Tab IsActive parameter renamed to Active. Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Edit this page Older Post Blazor Bootstrap v2.2.1","s":"Blazor Bootstrap v3.0.0-preview.1","u":"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1","h":"","p":127},{"i":130,"t":"2021 December 21, 2021 - BlazorBootstrap v0.1.1 December 20, 2021 - BlazorBootstrap v0.1.0 December 12, 2021 - BlazorBootstrap v0.0.4 December 8, 2021 - BlazorBootstrap v0.0.3 November 27, 2021 - BlazorBootstrap v0.0.2 November 23, 2021 - BlazorBootstrap v0.0.1 2022 December 18, 2022 - Blazor Bootstrap v1.3.1 December 15, 2022 - Blazor Bootstrap v1.3.0 December 12, 2022 - Blazor Bootstrap v1.2.0 November 28, 2022 - Blazor Bootstrap v1.1.0 November 22, 2022 - Blazor Bootstrap v1.0.1 November 18, 2022 - Blazor Bootstrap v1.0.0 October 30, 2022 - Blazor Bootstrap v0.6.0 October 22, 2022 - Blazor Bootstrap v0.5.1 October 16, 2022 - BlazorBootstrap v0.5.0 September 17, 2022 - BlazorBootstrap v0.4.2 September 12, 2022 - BlazorBootstrap v0.4.1 September 4, 2022 - BlazorBootstrap v0.4.0 August 31, 2022 - BlazorBootstrap v0.3.0 August 13, 2022 - BlazorBootstrap v0.2.6 July 28, 2022 - BlazorBootstrap v0.2.5 June 19, 2022 - BlazorBootstrap v0.2.4 April 30, 2022 - BlazorBootstrap v0.2.3 March 15, 2022 - BlazorBootstrap v0.2.2 February 27, 2022 - BlazorBootstrap v0.2.1 January 15, 2022 - BlazorBootstrap v0.2.0 2023 November 18, 2023 - Blazor Bootstrap v1.10.4 October 15, 2023 - Blazor Bootstrap v1.10.3 September 15, 2023 - Blazor Bootstrap v1.10.2 August 29, 2023 - Blazor Bootstrap v1.10.1 August 13, 2023 - Blazor Bootstrap v1.10.0 July 16, 2023 - Blazor Bootstrap v1.9.5 July 5, 2023 - Blazor Bootstrap v1.9.4 July 4, 2023 - Blazor Bootstrap v1.9.3 July 1, 2023 - Blazor Bootstrap v1.9.1 July 1, 2023 - Blazor Bootstrap v1.9.2 June 30, 2023 - Blazor Bootstrap v1.9.0 June 16, 2023 - Blazor Bootstrap v1.8.3 June 11, 2023 - Blazor Bootstrap v1.8.2 May 31, 2023 - Blazor Bootstrap v1.8.1 May 28, 2023 - Blazor Bootstrap v1.8.0 April 29, 2023 - Blazor Bootstrap v1.7.3 April 24, 2023 - Blazor Bootstrap v1.7.2 April 19, 2023 - Blazor Bootstrap v1.7.1 April 10, 2023 - Blazor Bootstrap v1.7.0 March 12, 2023 - Blazor Bootstrap v1.6.0 March 5, 2023 - Blazor Bootstrap v1.5.0 February 23, 2023 - Blazor Bootstrap v1.4.5 February 10, 2023 - Blazor Bootstrap v1.4.4 February 7, 2023 - Blazor Bootstrap v1.4.3 January 30, 2023 - Blazor Bootstrap v1.4.2 January 23, 2023 - Blazor Bootstrap v1.4.1 January 15, 2023 - Blazor Bootstrap v1.4.0 2024 June 8, 2024 - Blazor Bootstrap v3.0.0-preview.1 April 21, 2024 - Blazor Bootstrap v2.2.1 April 14, 2024 - Blazor Bootstrap v2.2.0 March 17, 2024 - Blazor Bootstrap v2.1.0 February 25, 2024 - Blazor Bootstrap v2.0.0 February 25, 2024 - Upgrade to v2.x.x February 4, 2024 - Blazor Bootstrap v1.11.0 February 4, 2024 - Blazor Bootstrap v1.11.1 January 1, 2024 - Blazor Bootstrap v1.10.5","s":"Archive","u":"/blog/archive","h":"","p":129},{"i":132,"t":"Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/4","h":"","p":131},{"i":134,"t":"BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More BlazorBootstrap v0.2.4 June 19, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.4 with bug fixes and docs enhancement. Tags: v0.2.4 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Tags: v0.2.3 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Tags: v0.2.2 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Tags: v0.1.1 blazorbootstrap alert Read More BlazorBootstrap v0.1.0 December 20, 2021 · One min read Vikram Reddy Creator We are excited to release 0.1.0 with lots of updates. Tags: v0.1.0 blazorbootstrap Read More BlazorBootstrap v0.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Tags: v0.0.4 blazorbootstrap Read More BlazorBootstrap v0.0.3 December 8, 2021 · One min read Vikram Reddy Creator In this release, we added the Toasts component and improved documentation. Tags: v0.0.3 blazorbootstrap Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/6","h":"","p":133},{"i":136,"t":"Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/3","h":"","p":135},{"i":138,"t":"BlazorBootstrap v0.0.2 November 27, 2021 · One min read Vikram Reddy Creator In this release, our focus was more on documenting the individual components. Tags: v0.0.2 blazorbootstrap Read More BlazorBootstrap v0.0.1 November 23, 2021 · One min read Vikram Reddy Creator Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers. Tags: v0.0.1 blazorbootstrap Read More Newer Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/7","h":"","p":137},{"i":140,"t":"Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Tags: v0.3.0 blazorbootstrap grid Read More BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Tags: v0.2.6 blazorbootstrap button Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/5","h":"","p":139},{"i":142,"t":"Tags A accordion3 alert1 autocomplete9 B badge2 barchart1 blazor41 blazor-autocomplete1 blazor-bar-chart1 blazor-bootstrap5 blazor-charts1 blazor-confirm-dialog2 blazor-currency-input1 blazor-dialog2 blazor-doughnut-chart1 blazor-grid3 blazor-grid-filtering1 blazor-grid-paging1 blazor-grid-sorting1 blazor-input1 blazor-input-number1 blazor-line-chart1 blazor-number1 blazor-number-input1 blazor-offcanvas1 blazor-pie-chart1 blazor-preload2 blazor-progress1 blazor-progress-bar1 blazor-sidemodal1 blazor-spinner2 blazor-starter-templates1 blazor-tabs1 blazor-templates1 blazor-toast1 blazor-toasts2 blazoraccordion1 blazorautocomplete4 blazorbadge1 blazorbootstrap61 blazorbootstrap-starter-templates1 blazorbreadcrumb1 blazorbutton2 blazorbuttons3 blazorchart1 blazorcollapse1 blazorconfirmdialog1 blazorconfirmmodal1 blazorcurrencyinput3 blazordate1 blazordateinput4 blazordatepicker2 blazordialog1 blazordropdown1 blazorgrid13 blazoricon2 blazormodal8 blazormodalservice2 blazornumber1 blazornumberinput1 blazoroffcanvas3 blazorprogress1 blazorsidebar2 blazorswitch2 blazortabs1 blazortime1 blazortimeinput3 blazortimepicker1 blazortoast1 blazortoasts2 blazortooltip2 bootstrap34 bootstrap532 breadcrumb1 breadcrumbservice1 button5 buttons3 C callout4 chart1 charts2 clipboard1 collapse1 confirm dialog1 confirmdialog3 confirmmodal1 currency1 currencyinput3 D date1 dateinput4 datepicker2 dialog1 docs7 dropdown2 G grid21 I icon2 icons1 input2 input-number1 L layout1 leftmenu1 M modal13 modalservice3 N navigation1 numberinput2 O offcanvas5 P pagination1 pdfviewer4 placeholders3 preload1 progress2 progress-bar1 R rangeinput2 ribbon2 S scriptloader1 sidebar3 sidebar22 sortablelist1 spinner1 switch2 T tab1 tabs3 timeinput3 timepicker1 toast2 toasts4 toastservice1 tooltip3 V v0.0.11 v0.0.21 v0.0.31 v0.0.41 v0.1.01 v0.1.11 v0.2.01 v0.2.11 v0.2.21 v0.2.31 v0.2.41 v0.2.51 v0.2.61 v0.3.01 v0.4.01 v0.4.11 v0.4.21 v0.5.01 v0.5.11 v0.6.01 v1.0.01 v1.0.11 v1.1.01 v1.10.01 v1.10.11 v1.10.21 v1.10.31 v1.10.41 v1.10.51 v1.11.01 v1.11.11 v1.2.01 v1.3.01 v1.3.11 v1.4.01 v1.4.11 v1.4.21 v1.4.31 v1.4.41 v1.4.51 v1.5.01 v1.6.01 v1.7.01 v1.7.11 v1.7.21 v1.7.31 v1.8.01 v1.8.11 v1.8.21 v1.8.31 v1.9.01 v1.9.11 v1.9.21 v1.9.31 v1.9.41 v1.9.51 v2.0.01 v2.1.01 v2.2.01 v2.2.11 v3.0.01","s":"Tags","u":"/blog/tags","h":"","p":141},{"i":144,"t":"One post tagged with \"alert\" View All Tags BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Tags: v0.1.1 blazorbootstrap alert Read More","s":"One post tagged with \"alert\"","u":"/blog/tags/alert","h":"","p":143},{"i":146,"t":"9 posts tagged with \"autocomplete\" View All Tags Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More","s":"9 posts tagged with \"autocomplete\"","u":"/blog/tags/autocomplete","h":"","p":145},{"i":148,"t":"3 posts tagged with \"accordion\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"3 posts tagged with \"accordion\"","u":"/blog/tags/accordion","h":"","p":147},{"i":150,"t":"One post tagged with \"barchart\" View All Tags Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More","s":"One post tagged with \"barchart\"","u":"/blog/tags/barchart","h":"","p":149},{"i":152,"t":"2 posts tagged with \"badge\" View All Tags Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"2 posts tagged with \"badge\"","u":"/blog/tags/badge","h":"","p":151},{"i":154,"t":"One post tagged with \"blazor-autocomplete\" View All Tags Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More","s":"One post tagged with \"blazor-autocomplete\"","u":"/blog/tags/blazor-autocomplete","h":"","p":153},{"i":156,"t":"One post tagged with \"blazor-bar-chart\" View All Tags BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More","s":"One post tagged with \"blazor-bar-chart\"","u":"/blog/tags/blazor-bar-chart","h":"","p":155},{"i":158,"t":"41 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Older Entries","s":"41 posts tagged with \"blazor\"","u":"/blog/tags/blazor","h":"","p":157},{"i":160,"t":"5 posts tagged with \"blazor-bootstrap\" View All Tags Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"5 posts tagged with \"blazor-bootstrap\"","u":"/blog/tags/blazor-bootstrap","h":"","p":159},{"i":162,"t":"One post tagged with \"blazor-charts\" View All Tags BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More","s":"One post tagged with \"blazor-charts\"","u":"/blog/tags/blazor-charts","h":"","p":161},{"i":164,"t":"One post tagged with \"blazor-currency-input\" View All Tags Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More","s":"One post tagged with \"blazor-currency-input\"","u":"/blog/tags/blazor-currency-input","h":"","p":163},{"i":166,"t":"2 posts tagged with \"blazor-confirm-dialog\" View All Tags Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"2 posts tagged with \"blazor-confirm-dialog\"","u":"/blog/tags/blazor-confirm-dialog","h":"","p":165},{"i":168,"t":"2 posts tagged with \"blazor-dialog\" View All Tags Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"2 posts tagged with \"blazor-dialog\"","u":"/blog/tags/blazor-dialog","h":"","p":167},{"i":170,"t":"3 posts tagged with \"blazor-grid\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More","s":"3 posts tagged with \"blazor-grid\"","u":"/blog/tags/blazor-grid","h":"","p":169},{"i":172,"t":"One post tagged with \"blazor-doughnut-chart\" View All Tags BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More","s":"One post tagged with \"blazor-doughnut-chart\"","u":"/blog/tags/blazor-doughnut-chart","h":"","p":171},{"i":174,"t":"One post tagged with \"blazor-grid-filtering\" View All Tags Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More","s":"One post tagged with \"blazor-grid-filtering\"","u":"/blog/tags/blazor-grid-filtering","h":"","p":173},{"i":176,"t":"One post tagged with \"blazor-grid-paging\" View All Tags Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More","s":"One post tagged with \"blazor-grid-paging\"","u":"/blog/tags/blazor-grid-paging","h":"","p":175},{"i":178,"t":"One post tagged with \"blazor-grid-sorting\" View All Tags Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More","s":"One post tagged with \"blazor-grid-sorting\"","u":"/blog/tags/blazor-grid-sorting","h":"","p":177},{"i":180,"t":"One post tagged with \"blazor-input\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"One post tagged with \"blazor-input\"","u":"/blog/tags/blazor-input","h":"","p":179},{"i":182,"t":"One post tagged with \"blazor-input-number\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"One post tagged with \"blazor-input-number\"","u":"/blog/tags/blazor-input-number","h":"","p":181},{"i":184,"t":"One post tagged with \"blazor-line-chart\" View All Tags BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More","s":"One post tagged with \"blazor-line-chart\"","u":"/blog/tags/blazor-line-chart","h":"","p":183},{"i":186,"t":"One post tagged with \"blazor-offcanvas\" View All Tags Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"One post tagged with \"blazor-offcanvas\"","u":"/blog/tags/blazor-offcanvas","h":"","p":185},{"i":188,"t":"One post tagged with \"blazor-number\" View All Tags Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More","s":"One post tagged with \"blazor-number\"","u":"/blog/tags/blazor-number","h":"","p":187},{"i":190,"t":"One post tagged with \"blazor-number-input\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"One post tagged with \"blazor-number-input\"","u":"/blog/tags/blazor-number-input","h":"","p":189},{"i":192,"t":"One post tagged with \"blazor-pie-chart\" View All Tags BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More","s":"One post tagged with \"blazor-pie-chart\"","u":"/blog/tags/blazor-pie-chart","h":"","p":191},{"i":194,"t":"2 posts tagged with \"blazor-preload\" View All Tags Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"2 posts tagged with \"blazor-preload\"","u":"/blog/tags/blazor-preload","h":"","p":193},{"i":196,"t":"One post tagged with \"blazor-progress\" View All Tags Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More","s":"One post tagged with \"blazor-progress\"","u":"/blog/tags/blazor-progress","h":"","p":195},{"i":198,"t":"One post tagged with \"blazor-progress-bar\" View All Tags Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More","s":"One post tagged with \"blazor-progress-bar\"","u":"/blog/tags/blazor-progress-bar","h":"","p":197},{"i":200,"t":"One post tagged with \"blazor-sidemodal\" View All Tags Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"One post tagged with \"blazor-sidemodal\"","u":"/blog/tags/blazor-sidemodal","h":"","p":199},{"i":202,"t":"2 posts tagged with \"blazor-spinner\" View All Tags Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"2 posts tagged with \"blazor-spinner\"","u":"/blog/tags/blazor-spinner","h":"","p":201},{"i":204,"t":"One post tagged with \"blazor-starter-templates\" View All Tags Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More","s":"One post tagged with \"blazor-starter-templates\"","u":"/blog/tags/blazor-starter-templates","h":"","p":203},{"i":206,"t":"One post tagged with \"blazor-templates\" View All Tags Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More","s":"One post tagged with \"blazor-templates\"","u":"/blog/tags/blazor-templates","h":"","p":205},{"i":208,"t":"One post tagged with \"blazor-tabs\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"One post tagged with \"blazor-tabs\"","u":"/blog/tags/blazor-tabs","h":"","p":207},{"i":210,"t":"2 posts tagged with \"blazor-toasts\" View All Tags Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More","s":"2 posts tagged with \"blazor-toasts\"","u":"/blog/tags/blazor-toasts","h":"","p":209},{"i":212,"t":"41 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Newer Entries Older Entries","s":"41 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/2","h":"","p":211},{"i":214,"t":"41 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Newer Entries Older Entries","s":"41 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/3","h":"","p":213},{"i":216,"t":"One post tagged with \"blazor-toast\" View All Tags Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More","s":"One post tagged with \"blazor-toast\"","u":"/blog/tags/blazor-toast","h":"","p":215},{"i":218,"t":"41 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More Newer Entries","s":"41 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/5","h":"","p":217},{"i":220,"t":"41 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Newer Entries Older Entries","s":"41 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/4","h":"","p":219},{"i":222,"t":"4 posts tagged with \"blazorautocomplete\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More","s":"4 posts tagged with \"blazorautocomplete\"","u":"/blog/tags/blazorautocomplete","h":"","p":221},{"i":224,"t":"One post tagged with \"blazoraccordion\" View All Tags Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"One post tagged with \"blazoraccordion\"","u":"/blog/tags/blazoraccordion","h":"","p":223},{"i":226,"t":"One post tagged with \"blazorbootstrap-starter-templates\" View All Tags Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More","s":"One post tagged with \"blazorbootstrap-starter-templates\"","u":"/blog/tags/blazorbootstrap-starter-templates","h":"","p":225},{"i":228,"t":"One post tagged with \"blazorbadge\" View All Tags Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"One post tagged with \"blazorbadge\"","u":"/blog/tags/blazorbadge","h":"","p":227},{"i":230,"t":"61 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Older Entries","s":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap","h":"","p":229},{"i":232,"t":"61 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Newer Entries Older Entries","s":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/3","h":"","p":231},{"i":234,"t":"61 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Newer Entries Older Entries","s":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/2","h":"","p":233},{"i":236,"t":"61 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Newer Entries Older Entries","s":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/4","h":"","p":235},{"i":238,"t":"61 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Tags: v0.3.0 blazorbootstrap grid Read More BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Tags: v0.2.6 blazorbootstrap button Read More BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More Newer Entries Older Entries","s":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/5","h":"","p":237},{"i":240,"t":"61 posts tagged with \"blazorbootstrap\" View All Tags BlazorBootstrap v0.2.4 June 19, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.4 with bug fixes and docs enhancement. Tags: v0.2.4 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Tags: v0.2.3 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Tags: v0.2.2 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Tags: v0.1.1 blazorbootstrap alert Read More BlazorBootstrap v0.1.0 December 20, 2021 · One min read Vikram Reddy Creator We are excited to release 0.1.0 with lots of updates. Tags: v0.1.0 blazorbootstrap Read More BlazorBootstrap v0.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Tags: v0.0.4 blazorbootstrap Read More BlazorBootstrap v0.0.3 December 8, 2021 · One min read Vikram Reddy Creator In this release, we added the Toasts component and improved documentation. Tags: v0.0.3 blazorbootstrap Read More BlazorBootstrap v0.0.2 November 27, 2021 · One min read Vikram Reddy Creator In this release, our focus was more on documenting the individual components. Tags: v0.0.2 blazorbootstrap Read More Newer Entries Older Entries","s":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/6","h":"","p":239},{"i":242,"t":"61 posts tagged with \"blazorbootstrap\" View All Tags BlazorBootstrap v0.0.1 November 23, 2021 · One min read Vikram Reddy Creator Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers. Tags: v0.0.1 blazorbootstrap Read More Newer Entries","s":"61 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/7","h":"","p":241},{"i":244,"t":"One post tagged with \"blazorbreadcrumb\" View All Tags Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"One post tagged with \"blazorbreadcrumb\"","u":"/blog/tags/blazorbreadcrumb","h":"","p":243},{"i":246,"t":"2 posts tagged with \"blazorbutton\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"2 posts tagged with \"blazorbutton\"","u":"/blog/tags/blazorbutton","h":"","p":245},{"i":248,"t":"3 posts tagged with \"blazorbuttons\" View All Tags Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"3 posts tagged with \"blazorbuttons\"","u":"/blog/tags/blazorbuttons","h":"","p":247},{"i":250,"t":"One post tagged with \"blazorchart\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More","s":"One post tagged with \"blazorchart\"","u":"/blog/tags/blazorchart","h":"","p":249},{"i":252,"t":"One post tagged with \"blazorcollapse\" View All Tags Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"One post tagged with \"blazorcollapse\"","u":"/blog/tags/blazorcollapse","h":"","p":251},{"i":254,"t":"One post tagged with \"blazordate\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"One post tagged with \"blazordate\"","u":"/blog/tags/blazordate","h":"","p":253},{"i":256,"t":"3 posts tagged with \"blazorcurrencyinput\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More","s":"3 posts tagged with \"blazorcurrencyinput\"","u":"/blog/tags/blazorcurrencyinput","h":"","p":255},{"i":258,"t":"One post tagged with \"blazorconfirmdialog\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More","s":"One post tagged with \"blazorconfirmdialog\"","u":"/blog/tags/blazorconfirmdialog","h":"","p":257},{"i":260,"t":"One post tagged with \"blazorconfirmmodal\" View All Tags Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More","s":"One post tagged with \"blazorconfirmmodal\"","u":"/blog/tags/blazorconfirmmodal","h":"","p":259},{"i":262,"t":"2 posts tagged with \"blazordatepicker\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"2 posts tagged with \"blazordatepicker\"","u":"/blog/tags/blazordatepicker","h":"","p":261},{"i":264,"t":"4 posts tagged with \"blazordateinput\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"4 posts tagged with \"blazordateinput\"","u":"/blog/tags/blazordateinput","h":"","p":263},{"i":266,"t":"One post tagged with \"blazordialog\" View All Tags Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More","s":"One post tagged with \"blazordialog\"","u":"/blog/tags/blazordialog","h":"","p":265},{"i":268,"t":"One post tagged with \"blazordropdown\" View All Tags Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More","s":"One post tagged with \"blazordropdown\"","u":"/blog/tags/blazordropdown","h":"","p":267},{"i":270,"t":"13 posts tagged with \"blazorgrid\" View All Tags Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Older Entries","s":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid","h":"","p":269},{"i":272,"t":"8 posts tagged with \"blazormodal\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More","s":"8 posts tagged with \"blazormodal\"","u":"/blog/tags/blazormodal","h":"","p":271},{"i":274,"t":"2 posts tagged with \"blazoricon\" View All Tags Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"2 posts tagged with \"blazoricon\"","u":"/blog/tags/blazoricon","h":"","p":273},{"i":276,"t":"13 posts tagged with \"blazorgrid\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More Newer Entries","s":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid/page/2","h":"","p":275},{"i":278,"t":"2 posts tagged with \"blazormodalservice\" View All Tags Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"2 posts tagged with \"blazormodalservice\"","u":"/blog/tags/blazormodalservice","h":"","p":277},{"i":280,"t":"One post tagged with \"blazornumber\" View All Tags Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More","s":"One post tagged with \"blazornumber\"","u":"/blog/tags/blazornumber","h":"","p":279},{"i":282,"t":"One post tagged with \"blazornumberinput\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More","s":"One post tagged with \"blazornumberinput\"","u":"/blog/tags/blazornumberinput","h":"","p":281},{"i":284,"t":"3 posts tagged with \"blazoroffcanvas\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"3 posts tagged with \"blazoroffcanvas\"","u":"/blog/tags/blazoroffcanvas","h":"","p":283},{"i":286,"t":"One post tagged with \"blazorprogress\" View All Tags Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More","s":"One post tagged with \"blazorprogress\"","u":"/blog/tags/blazorprogress","h":"","p":285},{"i":288,"t":"2 posts tagged with \"blazorsidebar\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More","s":"2 posts tagged with \"blazorsidebar\"","u":"/blog/tags/blazorsidebar","h":"","p":287},{"i":290,"t":"One post tagged with \"blazortabs\" View All Tags Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"One post tagged with \"blazortabs\"","u":"/blog/tags/blazortabs","h":"","p":289},{"i":292,"t":"One post tagged with \"blazortime\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"One post tagged with \"blazortime\"","u":"/blog/tags/blazortime","h":"","p":291},{"i":294,"t":"3 posts tagged with \"blazortimeinput\" View All Tags Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"3 posts tagged with \"blazortimeinput\"","u":"/blog/tags/blazortimeinput","h":"","p":293},{"i":296,"t":"2 posts tagged with \"blazorswitch\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More","s":"2 posts tagged with \"blazorswitch\"","u":"/blog/tags/blazorswitch","h":"","p":295},{"i":298,"t":"One post tagged with \"blazortimepicker\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"One post tagged with \"blazortimepicker\"","u":"/blog/tags/blazortimepicker","h":"","p":297},{"i":300,"t":"One post tagged with \"blazortoast\" View All Tags Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"One post tagged with \"blazortoast\"","u":"/blog/tags/blazortoast","h":"","p":299},{"i":302,"t":"2 posts tagged with \"blazortoasts\" View All Tags Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More","s":"2 posts tagged with \"blazortoasts\"","u":"/blog/tags/blazortoasts","h":"","p":301},{"i":304,"t":"2 posts tagged with \"blazortooltip\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More","s":"2 posts tagged with \"blazortooltip\"","u":"/blog/tags/blazortooltip","h":"","p":303},{"i":306,"t":"34 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Older Entries","s":"34 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap","h":"","p":305},{"i":308,"t":"32 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Older Entries","s":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5","h":"","p":307},{"i":310,"t":"32 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Newer Entries","s":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/4","h":"","p":309},{"i":312,"t":"32 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Newer Entries Older Entries","s":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/2","h":"","p":311},{"i":314,"t":"34 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Newer Entries","s":"34 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/4","h":"","p":313},{"i":316,"t":"34 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Newer Entries Older Entries","s":"34 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/2","h":"","p":315},{"i":318,"t":"32 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Newer Entries Older Entries","s":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/3","h":"","p":317},{"i":320,"t":"One post tagged with \"breadcrumb\" View All Tags Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"One post tagged with \"breadcrumb\"","u":"/blog/tags/breadcrumb","h":"","p":319},{"i":322,"t":"One post tagged with \"breadcrumbservice\" View All Tags Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"One post tagged with \"breadcrumbservice\"","u":"/blog/tags/breadcrumbservice","h":"","p":321},{"i":324,"t":"3 posts tagged with \"buttons\" View All Tags Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"3 posts tagged with \"buttons\"","u":"/blog/tags/buttons","h":"","p":323},{"i":326,"t":"34 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Newer Entries Older Entries","s":"34 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/3","h":"","p":325},{"i":328,"t":"4 posts tagged with \"callout\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More","s":"4 posts tagged with \"callout\"","u":"/blog/tags/callout","h":"","p":327},{"i":330,"t":"5 posts tagged with \"button\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Tags: v0.2.6 blazorbootstrap button Read More","s":"5 posts tagged with \"button\"","u":"/blog/tags/button","h":"","p":329},{"i":332,"t":"One post tagged with \"confirm dialog\" View All Tags BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More","s":"One post tagged with \"confirm dialog\"","u":"/blog/tags/confirm-dialog","h":"","p":331},{"i":334,"t":"One post tagged with \"chart\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More","s":"One post tagged with \"chart\"","u":"/blog/tags/chart","h":"","p":333},{"i":336,"t":"2 posts tagged with \"charts\" View All Tags Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More","s":"2 posts tagged with \"charts\"","u":"/blog/tags/charts","h":"","p":335},{"i":338,"t":"One post tagged with \"clipboard\" View All Tags Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More","s":"One post tagged with \"clipboard\"","u":"/blog/tags/clipboard","h":"","p":337},{"i":340,"t":"One post tagged with \"collapse\" View All Tags Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"One post tagged with \"collapse\"","u":"/blog/tags/collapse","h":"","p":339},{"i":342,"t":"One post tagged with \"confirmmodal\" View All Tags Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More","s":"One post tagged with \"confirmmodal\"","u":"/blog/tags/confirmmodal","h":"","p":341},{"i":344,"t":"One post tagged with \"currency\" View All Tags Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More","s":"One post tagged with \"currency\"","u":"/blog/tags/currency","h":"","p":343},{"i":346,"t":"3 posts tagged with \"confirmdialog\" View All Tags Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More","s":"3 posts tagged with \"confirmdialog\"","u":"/blog/tags/confirmdialog","h":"","p":345},{"i":348,"t":"One post tagged with \"date\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More","s":"One post tagged with \"date\"","u":"/blog/tags/date","h":"","p":347},{"i":350,"t":"3 posts tagged with \"currencyinput\" View All Tags Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More","s":"3 posts tagged with \"currencyinput\"","u":"/blog/tags/currencyinput","h":"","p":349},{"i":352,"t":"2 posts tagged with \"datepicker\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"2 posts tagged with \"datepicker\"","u":"/blog/tags/datepicker","h":"","p":351},{"i":354,"t":"4 posts tagged with \"dateinput\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"4 posts tagged with \"dateinput\"","u":"/blog/tags/dateinput","h":"","p":353},{"i":356,"t":"One post tagged with \"dialog\" View All Tags Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More","s":"One post tagged with \"dialog\"","u":"/blog/tags/dialog","h":"","p":355},{"i":358,"t":"2 posts tagged with \"dropdown\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More","s":"2 posts tagged with \"dropdown\"","u":"/blog/tags/dropdown","h":"","p":357},{"i":360,"t":"7 posts tagged with \"docs\" View All Tags Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More","s":"7 posts tagged with \"docs\"","u":"/blog/tags/docs","h":"","p":359},{"i":362,"t":"21 posts tagged with \"grid\" View All Tags BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More Newer Entries","s":"21 posts tagged with \"grid\"","u":"/blog/tags/grid/page/3","h":"","p":361},{"i":364,"t":"21 posts tagged with \"grid\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Older Entries","s":"21 posts tagged with \"grid\"","u":"/blog/tags/grid","h":"","p":363},{"i":366,"t":"2 posts tagged with \"icon\" View All Tags Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"2 posts tagged with \"icon\"","u":"/blog/tags/icon","h":"","p":365},{"i":368,"t":"2 posts tagged with \"input\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"2 posts tagged with \"input\"","u":"/blog/tags/input","h":"","p":367},{"i":370,"t":"21 posts tagged with \"grid\" View All Tags Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Tags: v0.3.0 blazorbootstrap grid Read More Newer Entries Older Entries","s":"21 posts tagged with \"grid\"","u":"/blog/tags/grid/page/2","h":"","p":369},{"i":372,"t":"One post tagged with \"icons\" View All Tags BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More","s":"One post tagged with \"icons\"","u":"/blog/tags/icons","h":"","p":371},{"i":374,"t":"One post tagged with \"input-number\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"One post tagged with \"input-number\"","u":"/blog/tags/input-number","h":"","p":373},{"i":376,"t":"One post tagged with \"leftmenu\" View All Tags Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More","s":"One post tagged with \"leftmenu\"","u":"/blog/tags/leftmenu","h":"","p":375},{"i":378,"t":"One post tagged with \"layout\" View All Tags Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More","s":"One post tagged with \"layout\"","u":"/blog/tags/layout","h":"","p":377},{"i":380,"t":"3 posts tagged with \"modalservice\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"3 posts tagged with \"modalservice\"","u":"/blog/tags/modalservice","h":"","p":379},{"i":382,"t":"13 posts tagged with \"modal\" View All Tags Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More Newer Entries","s":"13 posts tagged with \"modal\"","u":"/blog/tags/modal/page/2","h":"","p":381},{"i":384,"t":"13 posts tagged with \"modal\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Older Entries","s":"13 posts tagged with \"modal\"","u":"/blog/tags/modal","h":"","p":383},{"i":386,"t":"One post tagged with \"navigation\" View All Tags Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More","s":"One post tagged with \"navigation\"","u":"/blog/tags/navigation","h":"","p":385},{"i":388,"t":"One post tagged with \"pagination\" View All Tags BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More","s":"One post tagged with \"pagination\"","u":"/blog/tags/pagination","h":"","p":387},{"i":390,"t":"2 posts tagged with \"numberinput\" View All Tags Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More","s":"2 posts tagged with \"numberinput\"","u":"/blog/tags/numberinput","h":"","p":389},{"i":392,"t":"5 posts tagged with \"offcanvas\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More","s":"5 posts tagged with \"offcanvas\"","u":"/blog/tags/offcanvas","h":"","p":391},{"i":394,"t":"4 posts tagged with \"pdfviewer\" View All Tags Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More","s":"4 posts tagged with \"pdfviewer\"","u":"/blog/tags/pdfviewer","h":"","p":393},{"i":396,"t":"2 posts tagged with \"progress\" View All Tags Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More","s":"2 posts tagged with \"progress\"","u":"/blog/tags/progress","h":"","p":395},{"i":398,"t":"3 posts tagged with \"placeholders\" View All Tags BlazorBootstrap v0.2.4 June 19, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.4 with bug fixes and docs enhancement. Tags: v0.2.4 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Tags: v0.2.3 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Tags: v0.2.2 blazorbootstrap placeholders Read More","s":"3 posts tagged with \"placeholders\"","u":"/blog/tags/placeholders","h":"","p":397},{"i":400,"t":"One post tagged with \"preload\" View All Tags Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More","s":"One post tagged with \"preload\"","u":"/blog/tags/preload","h":"","p":399},{"i":402,"t":"One post tagged with \"progress-bar\" View All Tags Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More","s":"One post tagged with \"progress-bar\"","u":"/blog/tags/progress-bar","h":"","p":401},{"i":404,"t":"2 posts tagged with \"rangeinput\" View All Tags Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More","s":"2 posts tagged with \"rangeinput\"","u":"/blog/tags/rangeinput","h":"","p":403},{"i":406,"t":"2 posts tagged with \"ribbon\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More","s":"2 posts tagged with \"ribbon\"","u":"/blog/tags/ribbon","h":"","p":405},{"i":408,"t":"One post tagged with \"scriptloader\" View All Tags Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More","s":"One post tagged with \"scriptloader\"","u":"/blog/tags/scriptloader","h":"","p":407},{"i":410,"t":"3 posts tagged with \"sidebar\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More","s":"3 posts tagged with \"sidebar\"","u":"/blog/tags/sidebar","h":"","p":409},{"i":412,"t":"2 posts tagged with \"sidebar2\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More","s":"2 posts tagged with \"sidebar2\"","u":"/blog/tags/sidebar-2","h":"","p":411},{"i":414,"t":"One post tagged with \"sortablelist\" View All Tags Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More","s":"One post tagged with \"sortablelist\"","u":"/blog/tags/sortablelist","h":"","p":413},{"i":416,"t":"2 posts tagged with \"switch\" View All Tags Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More","s":"2 posts tagged with \"switch\"","u":"/blog/tags/switch","h":"","p":415},{"i":418,"t":"3 posts tagged with \"tabs\" View All Tags Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"3 posts tagged with \"tabs\"","u":"/blog/tags/tabs","h":"","p":417},{"i":420,"t":"One post tagged with \"tab\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More","s":"One post tagged with \"tab\"","u":"/blog/tags/tab","h":"","p":419},{"i":422,"t":"One post tagged with \"spinner\" View All Tags Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More","s":"One post tagged with \"spinner\"","u":"/blog/tags/spinner","h":"","p":421},{"i":424,"t":"3 posts tagged with \"timeinput\" View All Tags Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"3 posts tagged with \"timeinput\"","u":"/blog/tags/timeinput","h":"","p":423},{"i":426,"t":"One post tagged with \"timepicker\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"One post tagged with \"timepicker\"","u":"/blog/tags/timepicker","h":"","p":425},{"i":428,"t":"2 posts tagged with \"toast\" View All Tags Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"2 posts tagged with \"toast\"","u":"/blog/tags/toast","h":"","p":427},{"i":430,"t":"4 posts tagged with \"toasts\" View All Tags Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More","s":"4 posts tagged with \"toasts\"","u":"/blog/tags/toasts","h":"","p":429},{"i":432,"t":"One post tagged with \"toastservice\" View All Tags Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"One post tagged with \"toastservice\"","u":"/blog/tags/toastservice","h":"","p":431},{"i":434,"t":"One post tagged with \"v0.0.1\" View All Tags BlazorBootstrap v0.0.1 November 23, 2021 · One min read Vikram Reddy Creator Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers. Tags: v0.0.1 blazorbootstrap Read More","s":"One post tagged with \"v0.0.1\"","u":"/blog/tags/v-0-0-1","h":"","p":433},{"i":436,"t":"3 posts tagged with \"tooltip\" View All Tags Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More","s":"3 posts tagged with \"tooltip\"","u":"/blog/tags/tooltip","h":"","p":435},{"i":438,"t":"One post tagged with \"v0.0.2\" View All Tags BlazorBootstrap v0.0.2 November 27, 2021 · One min read Vikram Reddy Creator In this release, our focus was more on documenting the individual components. Tags: v0.0.2 blazorbootstrap Read More","s":"One post tagged with \"v0.0.2\"","u":"/blog/tags/v-0-0-2","h":"","p":437},{"i":440,"t":"One post tagged with \"v0.0.4\" View All Tags BlazorBootstrap v0.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Tags: v0.0.4 blazorbootstrap Read More","s":"One post tagged with \"v0.0.4\"","u":"/blog/tags/v-0-0-4","h":"","p":439},{"i":442,"t":"One post tagged with \"v0.0.3\" View All Tags BlazorBootstrap v0.0.3 December 8, 2021 · One min read Vikram Reddy Creator In this release, we added the Toasts component and improved documentation. Tags: v0.0.3 blazorbootstrap Read More","s":"One post tagged with \"v0.0.3\"","u":"/blog/tags/v-0-0-3","h":"","p":441},{"i":444,"t":"One post tagged with \"v0.1.0\" View All Tags BlazorBootstrap v0.1.0 December 20, 2021 · One min read Vikram Reddy Creator We are excited to release 0.1.0 with lots of updates. Tags: v0.1.0 blazorbootstrap Read More","s":"One post tagged with \"v0.1.0\"","u":"/blog/tags/v-0-1-0","h":"","p":443},{"i":446,"t":"One post tagged with \"v0.1.1\" View All Tags BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Tags: v0.1.1 blazorbootstrap alert Read More","s":"One post tagged with \"v0.1.1\"","u":"/blog/tags/v-0-1-1","h":"","p":445},{"i":448,"t":"One post tagged with \"v0.2.1\" View All Tags BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More","s":"One post tagged with \"v0.2.1\"","u":"/blog/tags/v-0-2-1","h":"","p":447},{"i":450,"t":"One post tagged with \"v0.2.0\" View All Tags BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More","s":"One post tagged with \"v0.2.0\"","u":"/blog/tags/v-0-2-0","h":"","p":449},{"i":452,"t":"One post tagged with \"v0.2.2\" View All Tags BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Tags: v0.2.2 blazorbootstrap placeholders Read More","s":"One post tagged with \"v0.2.2\"","u":"/blog/tags/v-0-2-2","h":"","p":451},{"i":454,"t":"One post tagged with \"v0.2.3\" View All Tags BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Tags: v0.2.3 blazorbootstrap placeholders Read More","s":"One post tagged with \"v0.2.3\"","u":"/blog/tags/v-0-2-3","h":"","p":453},{"i":456,"t":"One post tagged with \"v0.2.4\" View All Tags BlazorBootstrap v0.2.4 June 19, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.4 with bug fixes and docs enhancement. Tags: v0.2.4 blazorbootstrap placeholders Read More","s":"One post tagged with \"v0.2.4\"","u":"/blog/tags/v-0-2-4","h":"","p":455},{"i":458,"t":"One post tagged with \"v0.2.5\" View All Tags BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More","s":"One post tagged with \"v0.2.5\"","u":"/blog/tags/v-0-2-5","h":"","p":457},{"i":460,"t":"One post tagged with \"v0.2.6\" View All Tags BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Tags: v0.2.6 blazorbootstrap button Read More","s":"One post tagged with \"v0.2.6\"","u":"/blog/tags/v-0-2-6","h":"","p":459},{"i":462,"t":"One post tagged with \"v0.3.0\" View All Tags BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Tags: v0.3.0 blazorbootstrap grid Read More","s":"One post tagged with \"v0.3.0\"","u":"/blog/tags/v-0-3-0","h":"","p":461},{"i":464,"t":"One post tagged with \"v0.4.0\" View All Tags BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More","s":"One post tagged with \"v0.4.0\"","u":"/blog/tags/v-0-4-0","h":"","p":463},{"i":466,"t":"One post tagged with \"v0.4.1\" View All Tags BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More","s":"One post tagged with \"v0.4.1\"","u":"/blog/tags/v-0-4-1","h":"","p":465},{"i":468,"t":"One post tagged with \"v0.4.2\" View All Tags BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete","s":"One post tagged with \"v0.4.2\"","u":"/blog/tags/v-0-4-2","h":"","p":467},{"i":470,"t":"One post tagged with \"v0.5.0\" View All Tags BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More","s":"One post tagged with \"v0.5.0\"","u":"/blog/tags/v-0-5-0","h":"","p":469},{"i":472,"t":"One post tagged with \"v0.6.0\" View All Tags Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More","s":"One post tagged with \"v0.6.0\"","u":"/blog/tags/v-0-6-0","h":"","p":471},{"i":474,"t":"One post tagged with \"v1.1.0\" View All Tags Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More","s":"One post tagged with \"v1.1.0\"","u":"/blog/tags/v-1-1-0","h":"","p":473},{"i":476,"t":"One post tagged with \"v0.5.1\" View All Tags Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More","s":"One post tagged with \"v0.5.1\"","u":"/blog/tags/v-0-5-1","h":"","p":475},{"i":478,"t":"One post tagged with \"v1.0.0\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"One post tagged with \"v1.0.0\"","u":"/blog/tags/v-1-0-0","h":"","p":477},{"i":480,"t":"One post tagged with \"v1.10.0\" View All Tags Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More","s":"One post tagged with \"v1.10.0\"","u":"/blog/tags/v-1-10-0","h":"","p":479},{"i":482,"t":"One post tagged with \"v1.10.1\" View All Tags Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More","s":"One post tagged with \"v1.10.1\"","u":"/blog/tags/v-1-10-1","h":"","p":481},{"i":484,"t":"One post tagged with \"v1.10.2\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More","s":"One post tagged with \"v1.10.2\"","u":"/blog/tags/v-1-10-2","h":"","p":483},{"i":486,"t":"One post tagged with \"v1.10.3\" View All Tags Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More","s":"One post tagged with \"v1.10.3\"","u":"/blog/tags/v-1-10-3","h":"","p":485},{"i":488,"t":"One post tagged with \"v1.10.5\" View All Tags Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More","s":"One post tagged with \"v1.10.5\"","u":"/blog/tags/v-1-10-5","h":"","p":487},{"i":490,"t":"One post tagged with \"v1.10.4\" View All Tags Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More","s":"One post tagged with \"v1.10.4\"","u":"/blog/tags/v-1-10-4","h":"","p":489},{"i":492,"t":"One post tagged with \"v1.11.0\" View All Tags Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More","s":"One post tagged with \"v1.11.0\"","u":"/blog/tags/v-1-11-0","h":"","p":491},{"i":494,"t":"One post tagged with \"v1.11.1\" View All Tags Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More","s":"One post tagged with \"v1.11.1\"","u":"/blog/tags/v-1-11-1","h":"","p":493},{"i":496,"t":"One post tagged with \"v1.2.0\" View All Tags Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More","s":"One post tagged with \"v1.2.0\"","u":"/blog/tags/v-1-2-0","h":"","p":495},{"i":498,"t":"One post tagged with \"v1.3.0\" View All Tags Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More","s":"One post tagged with \"v1.3.0\"","u":"/blog/tags/v-1-3-0","h":"","p":497},{"i":500,"t":"One post tagged with \"v1.4.1\" View All Tags Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More","s":"One post tagged with \"v1.4.1\"","u":"/blog/tags/v-1-4-1","h":"","p":499},{"i":502,"t":"One post tagged with \"v1.4.2\" View All Tags Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More","s":"One post tagged with \"v1.4.2\"","u":"/blog/tags/v-1-4-2","h":"","p":501},{"i":504,"t":"One post tagged with \"v1.4.0\" View All Tags Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More","s":"One post tagged with \"v1.4.0\"","u":"/blog/tags/v-1-4-0","h":"","p":503},{"i":506,"t":"One post tagged with \"v1.3.1\" View All Tags Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More","s":"One post tagged with \"v1.3.1\"","u":"/blog/tags/v-1-3-1","h":"","p":505},{"i":508,"t":"One post tagged with \"v1.4.3\" View All Tags Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More","s":"One post tagged with \"v1.4.3\"","u":"/blog/tags/v-1-4-3","h":"","p":507},{"i":510,"t":"One post tagged with \"v1.4.4\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More","s":"One post tagged with \"v1.4.4\"","u":"/blog/tags/v-1-4-4","h":"","p":509},{"i":512,"t":"One post tagged with \"v1.4.5\" View All Tags Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More","s":"One post tagged with \"v1.4.5\"","u":"/blog/tags/v-1-4-5","h":"","p":511},{"i":514,"t":"One post tagged with \"v1.5.0\" View All Tags Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"One post tagged with \"v1.5.0\"","u":"/blog/tags/v-1-5-0","h":"","p":513},{"i":516,"t":"One post tagged with \"v1.7.0\" View All Tags Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"One post tagged with \"v1.7.0\"","u":"/blog/tags/v-1-7-0","h":"","p":515},{"i":518,"t":"One post tagged with \"v1.7.1\" View All Tags Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More","s":"One post tagged with \"v1.7.1\"","u":"/blog/tags/v-1-7-1","h":"","p":517},{"i":520,"t":"One post tagged with \"v1.7.3\" View All Tags Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More","s":"One post tagged with \"v1.7.3\"","u":"/blog/tags/v-1-7-3","h":"","p":519},{"i":522,"t":"One post tagged with \"v1.8.0\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More","s":"One post tagged with \"v1.8.0\"","u":"/blog/tags/v-1-8-0","h":"","p":521},{"i":524,"t":"One post tagged with \"v1.6.0\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"One post tagged with \"v1.6.0\"","u":"/blog/tags/v-1-6-0","h":"","p":523},{"i":526,"t":"One post tagged with \"v1.7.2\" View All Tags Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More","s":"One post tagged with \"v1.7.2\"","u":"/blog/tags/v-1-7-2","h":"","p":525},{"i":528,"t":"One post tagged with \"v1.8.2\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More","s":"One post tagged with \"v1.8.2\"","u":"/blog/tags/v-1-8-2","h":"","p":527},{"i":530,"t":"One post tagged with \"v1.8.3\" View All Tags Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More","s":"One post tagged with \"v1.8.3\"","u":"/blog/tags/v-1-8-3","h":"","p":529},{"i":532,"t":"One post tagged with \"v1.8.1\" View All Tags Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More","s":"One post tagged with \"v1.8.1\"","u":"/blog/tags/v-1-8-1","h":"","p":531},{"i":534,"t":"One post tagged with \"v1.9.0\" View All Tags Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"One post tagged with \"v1.9.0\"","u":"/blog/tags/v-1-9-0","h":"","p":533},{"i":536,"t":"One post tagged with \"v1.9.2\" View All Tags Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"One post tagged with \"v1.9.2\"","u":"/blog/tags/v-1-9-2","h":"","p":535},{"i":538,"t":"One post tagged with \"v1.9.1\" View All Tags Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More","s":"One post tagged with \"v1.9.1\"","u":"/blog/tags/v-1-9-1","h":"","p":537},{"i":540,"t":"One post tagged with \"v1.9.4\" View All Tags Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More","s":"One post tagged with \"v1.9.4\"","u":"/blog/tags/v-1-9-4","h":"","p":539},{"i":542,"t":"One post tagged with \"v1.9.3\" View All Tags Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More","s":"One post tagged with \"v1.9.3\"","u":"/blog/tags/v-1-9-3","h":"","p":541},{"i":544,"t":"One post tagged with \"v1.9.5\" View All Tags Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More","s":"One post tagged with \"v1.9.5\"","u":"/blog/tags/v-1-9-5","h":"","p":543},{"i":546,"t":"One post tagged with \"v2.1.0\" View All Tags Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More","s":"One post tagged with \"v2.1.0\"","u":"/blog/tags/v-2-1-0","h":"","p":545},{"i":548,"t":"One post tagged with \"v2.0.0\" View All Tags Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More","s":"One post tagged with \"v2.0.0\"","u":"/blog/tags/v-2-0-0","h":"","p":547},{"i":550,"t":"One post tagged with \"v2.2.1\" View All Tags Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More","s":"One post tagged with \"v2.2.1\"","u":"/blog/tags/v-2-2-1","h":"","p":549},{"i":552,"t":"One post tagged with \"v2.2.0\" View All Tags Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More","s":"One post tagged with \"v2.2.0\"","u":"/blog/tags/v-2-2-0","h":"","p":551},{"i":554,"t":"One post tagged with \"v3.0.0\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More","s":"One post tagged with \"v3.0.0\"","u":"/blog/tags/v-3-0-0","h":"","p":553},{"i":556,"t":"Components Alerts On this page Blazor Alerts Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages. Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment? ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Color AlertColor AlertColor.None Gets or sets the alert color. 1.0.0 Dismissable bool false If true, shows an inline close button. 1.0.0 Methods​ Name Description Added Version CloseAsync Closes an alert by removing it from the DOM. 1.0.0 Callback Events​ Name Description Added Version OnClose Fires immediately when the close instance method is called. 1.0.0 OnClosed Fired when the alert has been closed and CSS transitions have completed. 1.0.0 Examples​ Alerts​ Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight colors. <div> <Alert Color=\"AlertColor.Primary\"> A simple primary alert - check it out! </Alert> <Alert Color=\"AlertColor.Secondary\"> A simple secondary alert - check it out! </Alert> <Alert Color=\"AlertColor.Success\"> A simple success alert - check it out! </Alert> <Alert Color=\"AlertColor.Danger\"> A simple danger alert - check it out! </Alert> <Alert Color=\"AlertColor.Warning\"> A simple warning alert - check it out! </Alert> <Alert Color=\"AlertColor.Info\"> A simple info alert - check it out! </Alert> <Alert Color=\"AlertColor.Light\"> A simple light alert - check it out! </Alert> <Alert Color=\"AlertColor.Dark\"> A simple dark alert - check it out! </Alert> </div> See alerts demo here. Additional Content​ Alerts can also contain additional HTML elements like headings, paragraphs and dividers. <div> <Alert Color=\"AlertColor.Success\"> <h4 class=\"alert-heading\">Well done!</h4> <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p> <hr> <p class=\"mb-0\">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p> </Alert> </div> See alerts with additional content demo. Icons​ Similarly, you can use Bootstrap Icons to create alerts with icons. <div> <Alert Color=\"AlertColor.Primary\"> <Icon Name=\"IconName.InfoCircleFill\" class=\"me-2\"></Icon>An example alert with an icon </Alert> <Alert Color=\"AlertColor.Success\"> <Icon Name=\"IconName.CheckCircleFill\" class=\"me-2\"></Icon>A simple success alert with an icon </Alert> <Alert Color=\"AlertColor.Danger\"> <Icon Name=\"IconName.ExclamationTriangleFill\" class=\"me-2\"></Icon>A simple danger alert with an icon </Alert> <Alert Color=\"AlertColor.Warning\"> <Icon Name=\"IconName.ExclamationTriangleFill\" class=\"me-2\"></Icon>A simple warning alert with an icon </Alert> </div> See alerts with an icon demo. Dismissing​ Using the Dismissable=\"true\", it's possible to dismiss any alert inline. It's possible to dismiss any alert inline. Here's how: <div> <Alert Color=\"AlertColor.Warning\" Dismissable=\"true\"> <strong>Holy guacamole!</strong> You should check in on some of those fields below. </Alert> </div> Manually we can close an alert with button click. <div> <Alert @ref=\"warningAlert\" Color=\"AlertColor.Warning\"> <strong>Holy guacamole!</strong> You should check in on some of those fields below. <Button Color=\"ButtonColor.Primary\" @onclick=\"CloseAlert\">Close</Button> </Alert> </div> @code { Alert warningAlert; private async Task CloseAlert() => await warningAlert?.CloseAsync(); } See dismissable alerts demo. NOTE When an alert is dismissed, the element is completely removed from the page structure. If a keyboard user dismisses the alert using the close button, their focus will suddenly be lost and, depending on the browser, reset to the start of the page/document. For this reason, we recommend subscribing to the OnClosed callback event and programmatically sets focus to the most appropriate location on the page. Edit this page Previous Accordion Next Badge Parameters Methods Callback Events Examples Alerts Additional Content Icons Dismissing","s":"Blazor Alerts","u":"/components/alerts","h":"","p":555},{"i":558,"t":"Components Breadcrumb On this page Blazor Breadcrumb Blazor Bootstrap breadcrumb component indicates the current page's location within a navigational hierarchy that automatically adds separators. Parameters​ Name Type Default Required Description Added Version Items List<BreadcrumbItem> null ✔️ Gets or sets the items. 1.0.0 Examples​ Breadcrumb​ <div> <Breadcrumb Items=\"NavItems1\"></Breadcrumb> <Breadcrumb Items=\"NavItems2\"></Breadcrumb> </div> @code { private List<BreadcrumbItem> NavItems1 { get; set; } private List<BreadcrumbItem> NavItems2 { get; set; } protected override void OnInitialized() { NavItems1 = new List<BreadcrumbItem> { new BreadcrumbItem{ Text = \"Home\", Href =\"/\" }, new BreadcrumbItem{ Text = \"Breadcrumb\", IsCurrentPage = true } }; NavItems2 = new List<BreadcrumbItem> { new BreadcrumbItem{ Text = \"Home\", Href =\"/\" }, new BreadcrumbItem{ Text = \"Docs\", Href =\"/docs\" }, new BreadcrumbItem{ Text = \"Breadcrumb\", IsCurrentPage = true } }; } } See breadcrumb demo here. Dividers​ Dividers are automatically added in CSS through ::before and content. They can be changed by modifying a local CSS custom property --bs-breadcrumb-divider. <div> <Breadcrumb style=\"--bs-breadcrumb-divider: '>';\" Items=\"NavItems2\"></Breadcrumb> </div> @code { private List<BreadcrumbItem> NavItems2 { get; set; } protected override void OnInitialized() { NavItems2 = new List<BreadcrumbItem> { new BreadcrumbItem{ Text = \"Home\", Href =\"/\" }, new BreadcrumbItem{ Text = \"Docs\", Href =\"/docs\" }, new BreadcrumbItem{ Text = \"Breadcrumb\", IsCurrentPage = true } }; } } See breadcrumb with dividers demo here. Embedded SVG icon​ It's also possible to use an embedded SVG icon. Apply it via our CSS custom property <div> <Breadcrumb style=\"--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);\" Items=\"NavItems2\"></Breadcrumb> </div> @code { private List<BreadcrumbItem> NavItems2 { get; set; } protected override void OnInitialized() { NavItems2 = new List<BreadcrumbItem> { new BreadcrumbItem{ Text = \"Home\", Href =\"/\" }, new BreadcrumbItem{ Text = \"Docs\", Href =\"/docs\" }, new BreadcrumbItem{ Text = \"Breadcrumb\", IsCurrentPage = true } }; } } See breadcrumb with embedded svg icon demo here. Edit this page Previous Badge Next Buttons Parameters Examples Breadcrumb Dividers Embedded SVG icon","s":"Blazor Breadcrumb","u":"/components/breadcrumb","h":"","p":557},{"i":560,"t":"Components Badge On this page Blazor Badge The Blazor Bootstrap Badge component shows the small count and labels. Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.7.0 Color BadgeColor BadgeColor.Secondary Gets or sets the badge color. 1.7.0 IndicatorType BadgeIndicatorType BadgeIndicatorType.None Gets or sets the badge indicator. 1.7.0 Placement BadgePlacement BadgePlacement.None Gets or sets the badge placement. 1.7.0 Position Position Position.None Gets or sets the badge position. 1.7.0 VisuallyHiddenText string null Gets or sets the visually hidden text. 1.7.0 Examples​ Basic usage​ Badges scale to match the size of the immediate parent element by using relative font sizing and em units. As of now, badges no longer have focus or hover styles for links. <h1>Example heading <Badge>New</Badge></h1> <h2>Example heading <Badge>New</Badge></h2> <h3>Example heading <Badge>New</Badge></h3> <h4>Example heading <Badge>New</Badge></h4> <h5>Example heading <Badge>New</Badge></h5> <h6>Example heading <Badge>New</Badge></h6> See demo here Background colors​ <Badge Color=\"BadgeColor.Primary\" VisuallyHiddenText=\"Visually hidden text for Primary\">Primary</Badge> <Badge Color=\"BadgeColor.Secondary\" VisuallyHiddenText=\"Visually hidden text for Secondary\">Secondary</Badge> <Badge Color=\"BadgeColor.Success\" VisuallyHiddenText=\"Visually hidden text for Success\">Success</Badge> <Badge Color=\"BadgeColor.Danger\" VisuallyHiddenText=\"Visually hidden text for Danger\">Danger</Badge> <Badge Color=\"BadgeColor.Warning\" VisuallyHiddenText=\"Visually hidden text for Warning\">Warning</Badge> <Badge Color=\"BadgeColor.Info\" VisuallyHiddenText=\"Visually hidden text for Info\">Info</Badge> <Badge Color=\"BadgeColor.Light\" VisuallyHiddenText=\"Visually hidden text for Light\">Light</Badge> <Badge Color=\"BadgeColor.Dark\" VisuallyHiddenText=\"Visually hidden text for Dark\">Dark</Badge> Conveying meaning to assistive technologies Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g., the visible text) or is included through alternative means, such as additional text hidden with the VisuallyHiddenText parameter. See demo here Pill badges​ Use the IndicatorType parameter to make badges more rounded with a larger border-radius. <Badge Color=\"BadgeColor.Primary\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Primary</Badge> <Badge Color=\"BadgeColor.Secondary\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Secondary</Badge> <Badge Color=\"BadgeColor.Success\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Success</Badge> <Badge Color=\"BadgeColor.Danger\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Danger</Badge> <Badge Color=\"BadgeColor.Warning\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Warning</Badge> <Badge Color=\"BadgeColor.Info\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Info</Badge> <Badge Color=\"BadgeColor.Light\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Light</Badge> <Badge Color=\"BadgeColor.Dark\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Dark</Badge> See demo here Buttons​ Badges can be used as part of links or buttons to provide a counter. <div class=\"mb-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\"> Announcement <Badge Color=\"BadgeColor.Danger\">2</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\"> Notifications <Badge> 4</Badge> </Button> </div> <div class=\"mb-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\"> Announcement <Badge Color=\"BadgeColor.Danger\"><Icon Name=\"IconName.MegaphoneFill\" /> 2</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\"> Notifications <Badge><Icon Name=\"IconName.BellFill\" /> 4</Badge> </Button> </div> See demo here Positioned​ Use Position and Placement parameters to position it in the corner of a link or button. <div class=\"mb-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.TopLeft\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.TopCenter\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.TopRight\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> </div> <div class=\"mb-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.MiddleLeft\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.MiddleCenter\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.MiddleRight\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> </div> <div class=\"mb-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.BottomLeft\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.BottomCenter\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.BottomRight\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> </div> See demo here Generic indicator​ You can also replace the badge with a generic indicator without the count. <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.TopRight\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\"></Badge> </Button> See demo here Edit this page Previous Alerts Next Breadcrumb Parameters Examples Basic usage Background colors Pill badges Buttons Positioned Generic indicator","s":"Blazor Badge","u":"/components/badge","h":"","p":559},{"i":562,"t":"Components Accordion On this page Blazor Accordion Build vertically collapsing accordions in combination with our Collapse component. Accordion Parameters​ Name Type Default Required Description Added Version AlwaysOpen bool false If true, accordion items stay open when another item is opened. 1.7.0 ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.7.0 Flush bool false If true, removes borders and rounded corners to render accordions edge-to-edge with their parent container. 1.7.0 Accordion Methods​ Name Description Added Version HideAccordionItemByIndexAsync(int index) Hides the AccordionItem by index. 1.10.5 HideAccordionItemByNameAsync(string accordionItemName) Hides the AccordionItem by name. 1.10.5 HideAllAccordionItemsAsync() Hides all AccordionItem instances. 1.10.5 HideFirstAccordionItemAsync() Hides the first AccordionItem. 1.10.5 HideLastAccordionItemAsync() Hides the last AccordionItem. 1.10.5 ShowAccordionItemByIndexAsync(int index) Shows the AccordionItem by index. 1.7.0 ShowAccordionItemByNameAsync(string accordionItemName) Shows the AccordionItem by name. 1.7.0 ShowAllAccordionItemsAsync() Shows all AccordionItem instances if AlwaysOpen is true. 1.10.5 ShowFirstAccordionItemAsync() Shows the first AccordionItem. 1.7.0 ShowLastAccordionItemAsync() Shows the last AccordionItem. 1.7.0 Accordion Events​ Name Description Added Version OnHidden This event is fired when a accordion item has been hidden from the user (will wait for CSS transitions to complete). 1.7.0 OnHiding This event is fired immediately when the hide method has been called. 1.7.0 OnShowing This event fires immediately when the show method is called. 1.7.0 OnShown This event is fired when a accordion item has been made visible to the user (will wait for CSS transitions to complete). 1.7.0 AccordionItem Parameters​ Name Type Default Required Description Added Version Active bool false Gets or sets the active state. 1.7.0 Content RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.7.0 Name string null Gets or sets the name. 1.7.0 Title string null Gets or sets the title. 1.7.0 TitleTemplate RenderFragment null Gets or sets the title template. 1.7.0 Examples​ Accordion​ Click the accordions below to expand/collapse the accordion content. <Accordion> <AccordionItem Title=\"Accordion Item #1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #2\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> See demo here. Title with Icon​ To customize the accordion title, use TitleTemplate, as shown in the below example. <Accordion> <AccordionItem> <TitleTemplate> <Icon Name=\"IconName.HouseFill\" Class=\"me-1\" /> Accordion Item #1 </TitleTemplate> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem> <TitleTemplate> <Icon Name=\"IconName.PersonFill\" Class=\"me-1\" /> Accordion Item #2 </TitleTemplate> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem> <TitleTemplate> <Icon Name=\"IconName.PhoneFill\" Class=\"me-1\" /> Accordion Item #3 </TitleTemplate> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> See demo here. Flush​ Set the Flush parameter to true to remove borders and rounded corners to render accordions edge-to-edge with their parent container. <Accordion Flush=\"true\"> <AccordionItem Title=\"Accordion Item #1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #2\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> See demo here. Set default active accordion item​ Set the Active parameter to true to keep the accordion item open by default. <Accordion> <AccordionItem Title=\"Accordion Item #1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #2\" Active=\"true\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> See demo here. Always open​ Set the AlwaysOpen parameter to true to keep accordion items open when another item is opened. <Accordion AlwaysOpen=\"true\"> <AccordionItem Title=\"Accordion Item #1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #2\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> See demo here. Show / hide individual accordion items​ You can show and hide individual accordion items in several ways. To show an accordion item, use predefined methods ShowFirstAccordionItemAsync, ShowLastAccordionItemAsync, ShowAccordionItemByNameAsync, and ShowAccordionItemByIndexAsync. To hide an accordion item, use predefined methods HideFirstAccordionItemAsync, HideLastAccordionItemAsync, HideAccordionItemByNameAsync, and HideAccordionItemByIndexAsync. <Accordion @ref=\"accordion1\" Class=\"mb-3\"> <AccordionItem Title=\"Home\" Name=\"AccordionItem1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Profile\" Name=\"AccordionItem2\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Contact\" Name=\"AccordionItem3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Products\" Name=\"Products\"> <Content> <b>This is the fourth item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"FAQs\" Name=\"FAQ\"> <Content> <b>This is the fifth item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"About\" Name=\"AccordionItem6\"> <Content> <b>This is the sixth item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> <h4>Show</h4> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowFirstAccordionItemAsync\">First Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowSecondAccordionItemAsync\">Second Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowThirdAccordionItemAsync\">Third Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowProductsAccordionItemAsync\">Products Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowFaqsAccordionItemAsync\">FAQs Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowLastAccordionItemAsync\">Last Accordion Item</Button> <h4 class=\"mt-2\">Hide</h4> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideFirstAccordionItemAsync\">First Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideSecondAccordionItemAsync\">Second Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideThirdAccordionItemAsync\">Third Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideProductsAccordionItemAsync\">Products Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideFaqsAccordionItemAsync\">FAQs Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideLastAccordionItemAsync\">Last Accordion Item</Button> @code { private Accordion accordion1 = default!; private async Task ShowFirstAccordionItemAsync() => await accordion1.ShowFirstAccordionItemAsync(); private async Task ShowSecondAccordionItemAsync() => await accordion1.ShowAccordionItemByIndexAsync(1); private async Task ShowThirdAccordionItemAsync() => await accordion1.ShowAccordionItemByIndexAsync(2); private async Task ShowProductsAccordionItemAsync() => await accordion1.ShowAccordionItemByNameAsync(\"Products\"); private async Task ShowFaqsAccordionItemAsync() => await accordion1.ShowAccordionItemByNameAsync(\"FAQ\"); private async Task ShowLastAccordionItemAsync() => await accordion1.ShowLastAccordionItemAsync(); private async Task HideFirstAccordionItemAsync() => await accordion1.HideFirstAccordionItemAsync(); private async Task HideSecondAccordionItemAsync() => await accordion1.HideAccordionItemByIndexAsync(1); private async Task HideThirdAccordionItemAsync() => await accordion1.HideAccordionItemByIndexAsync(2); private async Task HideProductsAccordionItemAsync() => await accordion1.HideAccordionItemByNameAsync(\"Products\"); private async Task HideFaqsAccordionItemAsync() => await accordion1.HideAccordionItemByNameAsync(\"FAQ\"); private async Task HideLastAccordionItemAsync() => await accordion1.HideLastAccordionItemAsync(); } See demo here. Show / hide all accordion items​ When the AlwaysOpen parameter is set to true, you can show all accordion items simultaneously using the ShowAllAccordionItemsAsync method. The HideAllAccordionItemsAsync method will hide all accordion items, regardless of the value of AlwaysOpen. <Accordion AlwaysOpen=\"true\" @ref=\"accordion1\" class=\"mb-2\"> <AccordionItem Title=\"Accordion Item #1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #2\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowAllAccordionItemsAsync\">Show All Accordion Items</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideAllAccordionItemsAsync\">Hide All Accordion Items</Button> @code { private Accordion accordion1 = default!; private Task ShowAllAccordionItemsAsync() => accordion1.ShowAllAccordionItemsAsync(); private Task HideAllAccordionItemsAsync() => accordion1.HideAllAccordionItemsAsync(); } See demo here. Events Example​ Blazor Bootstrap Accordion component exposes a few events for hooking into accordion functionality. <Accordion @ref=\"accordion1\" OnShowing=\"OnShowingAsync\" OnShown=\"OnShownAsync\" OnHiding=\"OnHidingAsync\" OnHidden=\"OnHiddenAsync\"> <AccordionItem Title=\"Accordion Item #1\" Name=\"AccordionItem1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #2\" Name=\"AccordionItem2\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #3\" Name=\"AccordionItem3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> @code { private Accordion accordion1 = default!; [Inject] ToastService ToastService { get; set; } = default!; private void OnShowingAsync(AccordionEventArgs args) { ToastService.Notify(new ToastMessage( type: ToastType.Primary, message: $\"Event Name: Showing, AccordionItemName: {args.Name}, AccordionItemTitle: {args.Title}\")); } private void OnShownAsync(AccordionEventArgs args) { ToastService.Notify(new ToastMessage( type: ToastType.Primary, message: $\"Event Name: OnShown, AccordionItemName: {args.Name}, AccordionItemTitle: {args.Title}\")); } private void OnHidingAsync(AccordionEventArgs args) { ToastService.Notify(new ToastMessage( type: ToastType.Primary, message: $\"Event Name: OnHiding, AccordionItemName: {args.Name}, AccordionItemTitle: {args.Title}\")); } private void OnHiddenAsync(AccordionEventArgs args) { ToastService.Notify(new ToastMessage( type: ToastType.Primary, message: $\"Event Name: OnHidden, AccordionItemName: {args.Name}, AccordionItemTitle: {args.Title}\")); } } See demo here. Edit this page Previous Time Input Next Alerts Accordion Parameters Accordion Methods Accordion Events AccordionItem Parameters Examples Accordion Title with Icon Flush Set default active accordion item Always open Show / hide individual accordion items Show / hide all accordion items Events Example","s":"Blazor Accordion","u":"/components/accordion","h":"","p":561},{"i":564,"t":"Components Charts On this page Blazor Charts Blazor Bootstrap charts are well-designed chart components on top of Chart.js to visualize data. It contains a rich UI gallery of charts that cater to all charting scenarios. Its high performance helps render large amounts of data quickly. Example​ See blazor chart demo here. Chart Types​ At this moment we are supporting four blazor chart types. Bar Chart Doughnut Chart Line Chart Pie Chart info We will add Bubble Chart, Polar Area Chart, Radar Chart, Scatter Chart, and Mixed Chart support in the subsequent versions. Bar Chart​ See blazor bar chart demo here. See blazor bar chart full documentation here. Doughnut Chart​ See blazor doughnut chart demo here. See blazor doughnut chart full documentation here. Line Chart​ See blazor line chart demo here. See blazor line chart full documentation here. Pie Chart​ See blazor pie chart demo here. See blazor pie chart full documentation here. Edit this page Previous Card Next Collapse Example Chart Types Bar Chart Doughnut Chart Line Chart Pie Chart","s":"Blazor Charts","u":"/components/charts","h":"","p":563},{"i":566,"t":"Components Callout On this page Blazor Callout Blazor Bootstrap callout component provides content presentation in a visually distinct manner. Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment? null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Color CalloutColor CalloutColor.Default Gets or sets the callout color. 1.0.0 Heading string null Gets or sets the callout heading. 1.0.0 HideHeading bool false Gets or sets a value indicating whether to hide the callout heading. 2.0.0 Examples​ Callout​ <Callout> <strong>This is a default callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Danger\"> <strong>This is an danger callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Warning\"> <strong>This is an warning callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Info\"> <strong>This is an info callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Tip\"> <strong>This is an tip callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> See demo here. Custom heading​ <Callout Heading=\"Important\"> <strong>This is a default callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Danger\" Heading=\"Important\"> <strong>This is an danger callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Warning\" Heading=\"Important\"> <strong>This is an warning callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Info\" Heading=\"Important\"> <strong>This is an info callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Tip\" Heading=\"Important\"> <strong>This is an tip callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> See demo here. Large text​ <Callout> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Danger\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Warning\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Info\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Tip\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> See demo here. Hide heading​ <Callout HideHeading=\"true\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Danger\" HideHeading=\"true\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Warning\" HideHeading=\"true\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Info\" HideHeading=\"true\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Tip\" HideHeading=\"true\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> See demo here. Edit this page Previous Buttons Next Card Parameters Examples Callout Custom heading Large text Hide heading","s":"Blazor Callout","u":"/components/callout","h":"","p":565},{"i":568,"t":"Components Buttons On this page Blazor Buttons Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, etc. Parameters​ Name Type Default Required Description Added Version Active bool false Gets or sets the button active state. 1.0.0 Block bool false Gets or sets the block level button. 1.0.0 ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Color ButtonColor ButtonColor.None Gets or sets the button color. 1.0.0 Disabled bool false Gets or sets the button disabled state. 1.0.0 Loading bool false If true, shows the loading spinner or a LoadingTemplate. 1.0.0 LoadingTemplate RenderFragment null Gets or sets the button loading template. 1.0.0 LoadingText string Loading... Gets or sets the loading text. LoadingTemplate takes precedence. 1.0.0 Outline bool false Gets or sets the button outline. 1.0.0 Position Position Position.None Gets or sets the position. 1.7.0 Size Size ButtonSize.None Gets or sets the button size. 1.0.0 TabIndex int? null Gets or sets the button tab index. 1.0.0 Target Target Target.None Gets or sets the link button target. 1.0.0 To string? null Gets or sets the link button href attribute. 1.0.0 TooltipColor TooltipColor TooltipColor.None Gets or sets the button tooltip color. 1.10.0 TooltipPlacement TooltipPlacement TooltipPlacement.Top Gets or sets the button tooltip placement. 1.0.0 TooltipTitle string null Gets or sets the button tooltip title. 1.0.0 Type ButtonType ButtonType.Button Gets or sets the button type. 1.0.0 Methods​ Name Description Added Version HideLoading Hides the loading state and enables the button. 1.0.0 ShowLoading Shows the loading state and disables the button. 1.0.0 Examples​ Buttons​ Blazor Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control. <p> <Button Color=\"ButtonColor.Primary\"> Primary </Button> <Button Color=\"ButtonColor.Secondary\"> Secondary </Button> <Button Color=\"ButtonColor.Success\"> Success </Button> <Button Color=\"ButtonColor.Danger\"> Danger </Button> <Button Color=\"ButtonColor.Warning\"> Warning </Button> <Button Color=\"ButtonColor.Info\"> Info </Button> <Button Color=\"ButtonColor.Light\"> Light </Button> <Button Color=\"ButtonColor.Dark\"> Dark </Button> <Button Color=\"ButtonColor.Link\"> Link </Button> </p> See buttons demo here. Button tags​ <p> <Button Type=\"ButtonType.Link\" Color=\"ButtonColor.Primary\" To=\"#\"> Link </Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Primary\" To=\"#\"> Button </Button> </p> See button tags demo here. Outline Buttons​ <p> <Button Color=\"ButtonColor.Primary\" Outline=\"true\"> Primary </Button> <Button Color=\"ButtonColor.Secondary\" Outline=\"true\"> Secondary </Button> <Button Color=\"ButtonColor.Success\" Outline=\"true\"> Success </Button> <Button Color=\"ButtonColor.Danger\" Outline=\"true\"> Danger </Button> <Button Color=\"ButtonColor.Warning\" Outline=\"true\"> Warning </Button> <Button Color=\"ButtonColor.Info\" Outline=\"true\"> Info </Button> <Button Color=\"ButtonColor.Dark\" Outline=\"true\"> Dark </Button> </p> See outline button demo here. info Some of the button styles use a relatively light foreground color, and should only be used on a dark background in order to have sufficient contrast. Sizes​ Fancy larger or smaller buttons? Add Size=\"Size.Large\" or Size=\"Size.Small\" for additional sizes. <p> <Button Color=\"ButtonColor.Primary\" Size=\"Size.Large\"> Large button </Button> <Button Color=\"ButtonColor.Secondary\" Size=\"Size.Large\"> Large button </Button> </p> <p> <Button Color=\"ButtonColor.Primary\" Size=\"Size.Small\"> Small button </Button> <Button Color=\"ButtonColor.Secondary\" Size=\"Size.Small\"> Small button </Button> </p> See buttons with different size demo here. Disabled State​ Make buttons look inactive by adding the Disabled=\"true\" boolean parameter to any <Button> component. Disabled buttons have pointer-events: none applied to, preventing hover and active states from triggering. info Disabled buttons using the Type=\"ButtonType.Link\" parameter behave a bit different. <p> <Button Color=\"ButtonColor.Primary\" Size=\"Size.Large\" Disabled=\"true\"> Large button </Button> <Button Color=\"ButtonColor.Secondary\" Size=\"Size.Large\" Disabled=\"true\"> Large button </Button> </p> <p> <Button Type=\"ButtonType.Link\" Color=\"ButtonColor.Primary\" Size=\"Size.Large\" Disabled=\"true\"> Primary link </Button> <Button Type=\"ButtonType.Link\" Color=\"ButtonColor.Secondary\" Size=\"Size.Large\" Disabled=\"true\"> Link </Button> </p> See button disabled state demo here. Disable and enable state dynamically​ <Button Type=\"ButtonType.Link\" Color=\"ButtonColor.Primary\" Disabled=\"@disableButton\" TooltipTitle=\"@tooltip\">Link Button</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Primary\" Disabled=\"@disableButton\" TooltipTitle=\"@tooltip\">Submit Button</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Disabled=\"@disableButton\" TooltipTitle=\"@tooltip\">Button</Button> <Button Type=\"ButtonType.Reset\" Color=\"ButtonColor.Primary\" Disabled=\"@disableButton\" TooltipTitle=\"@tooltip\">Reset Button</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => SwapDisable()\">Swap Disable</Button> @code { bool disableButton = true; string tooltip = \"\"; public void SwapDisable() { disableButton = !disableButton; tooltip = $\"Updated at {DateTime.Now}\"; } } See disable and enable state dynamically demo here. Block Buttons​ Create responsive stacks of full-width, \"block buttons\" like those in Bootstrap 4 with a mix of our display and gap utilities. By using utilities instead of button specific classes, we have much greater control over spacing, alignment, and responsive behaviors. <div class=\"d-grid gap-2\"> <Button Color=\"ButtonColor.Primary\"> Button </Button> <Button Color=\"ButtonColor.Primary\"> Button </Button> </div> <div class=\"d-grid gap-2 d-md-block mt-2\"> <Button Color=\"ButtonColor.Primary\"> Button </Button> <Button Color=\"ButtonColor.Primary\"> Button </Button> </div> <div class=\"d-grid gap-2 col-6 mx-auto mt-2\"> <Button Color=\"ButtonColor.Primary\"> Button </Button> <Button Color=\"ButtonColor.Primary\"> Button </Button> </div> <div class=\"d-grid gap-2 d-md-flex justify-content-md-end mt-2\"> <Button Color=\"ButtonColor.Primary\"> Button </Button> <Button Color=\"ButtonColor.Primary\"> Button </Button> </div> See block buttons demo here. Toggle States​ If you''re pre-toggling a button, you must manually add the Active=\"true\" parameter. <p> <Button Color=\"ButtonColor.Primary\"> Toggle button </Button> <Button Color=\"ButtonColor.Primary\" Active=\"true\"> Active toggle button </Button> <Button Color=\"ButtonColor.Primary\" Disabled=\"true\"> Disabled toggle button </Button> </p> See button toggle states demo here. Loading spinner​ Use spinners within buttons to indicate an action is currently processing or taking place. You may also swap the text out of the spinner element and utilize button text as needed. <p> <Button Color=\"ButtonColor.Primary\" Loading=\"true\" /> <Button Color=\"ButtonColor.Primary\" Loading=\"true\" LoadingText=\"Saving...\" /> <Button Color=\"ButtonColor.Primary\" Loading=\"true\"> <LoadingTemplate> <span class=\"spinner-grow spinner-grow-sm\" role=\"status\" aria-hidden=\"true\"></span> Loading... </LoadingTemplate> </Button> </p> See button with loading spinner demo here. Show/Hide loading spinner​ Use ShowLoading() and HideLoading() methods to toggle the button state. <Button @ref=\"saveButton\" Color=\"ButtonColor.Primary\" @onclick=\"async () => await OnSaveClick()\">Save</Button> @code { private Button saveButton; private async Task OnSaveClick() { saveButton?.ShowLoading(\"Saving details...\"); await Task.Delay(5000); // API call saveButton?.HideLoading(); } } See button with loading spinner demo here. Show Tooltip​ Hover over the buttons below to see the four tooltips directions: top, right, bottom, and left. <p> <Button Color=\"ButtonColor.Primary\" TooltipTitle=\"Tooltip text\" TooltipPlacement=\"TooltipPlacement.Top\"> Tooltip Top </Button> <Button Color=\"ButtonColor.Primary\" TooltipTitle=\"Tooltip text\" TooltipPlacement=\"TooltipPlacement.Right\"> Tooltip Right </Button> <Button Color=\"ButtonColor.Primary\" TooltipTitle=\"Tooltip text\" TooltipPlacement=\"TooltipPlacement.Bottom\"> Tooltip Bottom </Button> <Button Color=\"ButtonColor.Primary\" TooltipTitle=\"Tooltip text\" TooltipPlacement=\"TooltipPlacement.Left\"> Tooltip Left </Button> </p> See button with tooltip demo here. NOTE HTML tooltips not supported at this moment. Dynamically update the tooltip text​ <div class=\"mb-3\"> <Button Color=\"ButtonColor.Primary\" TooltipTitle=\"@text\" TooltipPlacement=\"TooltipPlacement.Top\"> Tooltip Top </Button> </div> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ChangeTooltip\">Change Tooltip</Button> @code { private string text = \"Tooltip text\"; private void ChangeTooltip() => text = $\"Updated {DateTime.Now.ToLongTimeString()}\"; } See demo here. Events​ Click events​ <p> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnClick\"> Click Event </Button> </p> @code{ protected void OnClick(EventArgs args) { Console.WriteLine(\"click event\"); } } Double click event​ <p> <Button Color=\"ButtonColor.Primary\" @ondblclick=\"OnDoubleClick\"> Double Click Event </Button> </p> @code{ protected void OnDoubleClick(EventArgs args) { Console.WriteLine(\"double click event\"); } } Click event with arguments​ <p> <Button Color=\"ButtonColor.Primary\" @onclick=\"((args) => OnClickWithArgs(args, message))\"> Click Args </Button> </p> @code{ public string message = \"Test message\"; protected void OnClickWithArgs(EventArgs args, string message) { Console.WriteLine($\"message: {message}\"); } } See button click events demo here. Edit this page Previous Breadcrumb Next Callout Parameters Methods Examples Buttons Button tags Outline Buttons Sizes Disabled State Disable and enable state dynamically Block Buttons Toggle States Loading spinner Show/Hide loading spinner Show Tooltip Dynamically update the tooltip text Events","s":"Blazor Buttons","u":"/components/buttons","h":"","p":567},{"i":570,"t":"Components Card On this page Blazor Card BootstrapBootstrap's cards provide a flexible and extensible content container with multiple variants and options. About​ A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. Parameters​ Card Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Color CardColor CardColor.None Gets or sets the card color. 1.10.0 TextAlignment Alignment Alignment.None Gets or sets the text alignment of the card. 1.10.0 CardBody Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 CardFooter Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 CardGroup Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 CardHeader Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Color CardColor CardColor.None Gets or sets the card header color. 1.10.4 CardLink Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Disabled bool false If true, disables the card link. 1.10.0 TabIndex int? null Gets or sets the card link tab index. 1.10.0 Target Target Target.None Gets or sets the card link target. 1.10.0 To string? null Gets or sets the link href attribute. 1.10.0 CardSubTitle Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Size HeadingSize HeadingSize.H6 Gets or sets the card sub title size. 1.10.0 CardText Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 CardTitle Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Size HeadingSize HeadingSize.H5 Gets or sets the card title size. 1.10.0 Examples​ Card​ Below is an example of a basic card with mixed content and a fixed width. Cards have no fixed width to start, so they'll naturally fill the full width of its parent element. <Card Style=\"width:18rem;\"> <CardBody> <CardTitle>Card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> See the demo here. Content types​ Cards support a wide variety of content, including images, text, list groups, links, and more. Below are examples of what’s supported. Body​ The building block of a card is the CardBody. Use it whenever you need a padded section within a card. <Card> <CardBody> This is some text within a card body. </CardBody> </Card> See the demo here. Titles, text, and links​ <Card Style=\"width:18rem;\"> <CardBody> <CardTitle>Card title</CardTitle> <CardSubTitle Class=\"mb-2 text-muted\">Card subtitle</CardSubTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> <CardLink To=\"#\">Card link</CardLink> <CardLink To=\"#\">Another link</CardLink> </CardBody> </Card> See the demo here. Images​ <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img class=\"rounded-top\" src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardSubTitle Class=\"mb-2 text-muted\">Card subtitle</CardSubTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> <Card Style=\"width:18rem;\"> <CardBody> <CardTitle>Card title</CardTitle> <CardSubTitle Class=\"mb-2 text-muted\">Card subtitle</CardSubTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> <img class=\"rounded-bottom\" src=\"/images/placeholder.png\" alt=\"placeholder\" /> </Card> See the demo here. List groups​ Create lists of content in a card with a flush list group. <Card Style=\"width:18rem;\"> <ul class=\"list-group list-group-flush\"> <li class=\"list-group-item\">An item</li> <li class=\"list-group-item\">A second item</li> <li class=\"list-group-item\">A third item</li> </ul> </Card> See the demo here. Kitchen sink​ Mix and match multiple content types to create the card you need, or throw everything in there. Shown below are image styles, blocks, text styles, and a list group—all wrapped in a fixed-width card. <Card Style=\"width:18rem;\"> <img class=\"rounded-top\" src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> <ul class=\"list-group list-group-flush\"> <li class=\"list-group-item\">An item</li> <li class=\"list-group-item\">A second item</li> <li class=\"list-group-item\">A third item</li> </ul> <CardBody> <CardLink To=\"#\">Card link</CardLink> <CardLink To=\"#\">Another link</CardLink> </CardBody> </Card> See the demo here. Header and footer​ Add an optional header and/or footer within a card. <Card Style=\"width:18rem;\"> <CardHeader> Featured </CardHeader> <CardBody> <CardTitle>Special title treatment</CardTitle> <CardText>With supporting text below as a natural lead-in to additional content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> See the demo here. Sizing​ Cards assume no specific width to start, so they’ll be 100% wide unless otherwise stated. You can change this as needed with custom CSS, grid classes, grid Sass mixins, or utilities. <div class=\"row\"> <div class=\"col-sm-6\"> <Card> <CardBody> <CardTitle>Special title treatment</CardTitle> <CardText>With supporting text below as a natural lead-in to additional content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> </div> <div class=\"col-sm-6\"> <Card> <CardBody> <CardTitle>Special title treatment</CardTitle> <CardText>With supporting text below as a natural lead-in to additional content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> </div> </div> See the demo here. Text alignment​ You can quickly change the text alignment of any card—in its entirety or specific parts—with our TextAlignment parameter. <Card Class=\"mb-4\" Style=\"width:18rem;\"> <CardBody> <CardTitle>Special title treatment</CardTitle> <CardText>With supporting text below as a natural lead-in to additional content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> <Card TextAlignment=\"Alignment.Center\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardBody> <CardTitle>Special title treatment</CardTitle> <CardText>With supporting text below as a natural lead-in to additional content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> <Card TextAlignment=\"Alignment.End\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardBody> <CardTitle>Special title treatment</CardTitle> <CardText>With supporting text below as a natural lead-in to additional content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> See the demo here. Background and color​ <Card Color=\"CardColor.Primary\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Primary card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Secondary\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Secondary card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Success\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Success card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Danger\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Danger card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Warning\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Warning card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Info\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Info card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Light\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Light card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Dark\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Dark card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> See the demo here. Card groups​ Use card groups to render cards as a single, attached element with equal width and height columns. Card groups start off stacked and use display: flex; to become attached with uniform dimensions starting at the sm breakpoint. <CardGroup> <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CardText> <CardText Class=\"text-muted\">Last updated 3 mins ago</CardText> </CardBody> </Card> <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>This card has supporting text below as a natural lead-in to additional content.</CardText> <CardText Class=\"text-muted\">Last updated 3 mins ago</CardText> </CardBody> </Card> <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</CardText> <CardText Class=\"text-muted\">Last updated 3 mins ago</CardText> </CardBody> </Card> </CardGroup> See the demo here. Card groups with footer​ When using card groups with footers, their content will automatically line up. <CardGroup> <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CardText> </CardBody> <CardFooter> <small class=\"text-muted\">Last updated 3 mins ago</small> </CardFooter> </Card> <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>This card has supporting text below as a natural lead-in to additional content.</CardText> </CardBody> <CardFooter> <small class=\"text-muted\">Last updated 3 mins ago</small> </CardFooter> </Card> <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</CardText> </CardBody> <CardFooter> <small class=\"text-muted\">Last updated 3 mins ago</small> </CardFooter> </Card> </CardGroup> See the demo here. Edit this page Previous Callout Next Charts About Parameters Card Parameters CardBody Parameters CardFooter Parameters CardGroup Parameters CardHeader Parameters CardLink Parameters CardSubTitle Parameters CardText Parameters CardTitle Parameters Examples Card Content types Body Titles, text, and links Images List groups Kitchen sink Header and footer Sizing Text alignment Background and color Card groups Card groups with footer","s":"Blazor Card","u":"/components/card","h":"","p":569},{"i":572,"t":"Components Collapse On this page Blazor Collapse Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component. Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.7.0 Horizontal bool false Gets or sets the horizontal collapsing. 1.7.0 Parent string null Gets or sets the parent. 1.7.0 Toggle bool false Toggles the collapsible element on invocation. 1.7.0 Methods​ Name Description Added Version ShowAsync Shows a collapsible element. 1.7.0 HideAsync Hides a collapsible element. 1.7.0 ToggleAsync Toggles a collapsible element to shown or hidden. 1.7.0 Events​ Name Description Added Version OnShowing This event fires immediately when the show instance method is called. 1.7.0 OnShown This event is fired when a collapse element has been made visible to the user (will wait for CSS transitions to complete). 1.7.0 OnHiding This event is fired immediately when the hide method has been called. 1.7.0 OnHidden This event is fired when a collapse element has been hidden from the user (will wait for CSS transitions to complete). 1.7.0 How it works​ The Collapse component is used to show and hide content. Use ShowAsync, HideAsync, and ToggleAsync methods to toggle the content. Collapsing an element will animate the height from its current value to 0. info The animation effect of this component is dependent on the prefers-reduced-motion media query. See the reduced motion section of our accessibility documentation. Examples​ Click the buttons below to show and hide the content. <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ShowContentAsync\">Show content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"HideContentAsync\">Hide content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ToggleContentAsync\">Toggle content</Button> <Collapse @ref=\"collapse1\"> <Card> <CardBody> Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger. </CardBody> </Card> </Collapse> @code { Collapse collapse1 = default!; private async Task ShowContentAsync() => await collapse1.ShowAsync(); private async Task HideContentAsync() => await collapse1.HideAsync(); private async Task ToggleContentAsync() => await collapse1.ToggleAsync(); } See demo here Horizontal​ The Collapse component supports horizontal collapsing. Set the Horizontal parameter to true to enable horizontal collapsing. <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ShowContentAsync\">Show content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"HideContentAsync\">Hide content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ToggleContentAsync\">Toggle content</Button> <Collapse @ref=\"collapse1\" Horizontal=\"true\"> <Card Style=\"width:300px;\"> <CardBody> This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered. </CardBody> </Card> </Collapse> @code { Collapse collapse1 = default!; private async Task ShowContentAsync() => await collapse1.ShowAsync(); private async Task HideContentAsync() => await collapse1.HideAsync(); private async Task ToggleContentAsync() => await collapse1.ToggleAsync(); } See demo here Events Example​ Blazor Bootstrap Collapse component exposes a few events for hooking into collapse functionality. <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ShowContentAsync\">Show content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"HideContentAsync\">Hide content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ToggleContentAsync\">Toggle content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" @onclick=\"ClearMessage\">Clear Messages</Button> <Collapse @ref=\"collapse1\" Class=\"mt-3\" OnShowing=\"OnCollapseShowingAsync\" OnShown=\"OnCollapseShownAsync\" OnHiding=\"OnCollapseHidingAsync\" OnHidden=\"OnCollapseHiddenAsync\"> <Card> <CardBody> Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger. </CardBody> </Card> </Collapse> <div class=\"mt-3\"> @foreach (var item in messages) { <p>@item</p> } </div> @code { Collapse collapse1 = default!; List<string> messages = new List<string>(); private async Task ShowContentAsync() => await collapse1.ShowAsync(); private async Task HideContentAsync() => await collapse1.HideAsync(); private async Task ToggleContentAsync() => await collapse1.ToggleAsync(); private void OnCollapseShowingAsync() => messages.Add($\"Event: OnShowing called {DateTime.Now.ToLocalTime()}\"); private void OnCollapseShownAsync() => messages.Add($\"Event: OnShown called {DateTime.Now.ToLocalTime()}\"); private void OnCollapseHidingAsync() => messages.Add($\"Event: OnHiding called {DateTime.Now.ToLocalTime()}\"); private void OnCollapseHiddenAsync() => messages.Add($\"Event: OnHidden called {DateTime.Now.ToLocalTime()}\"); private void ClearMessage() => messages = new List<string>(); } Edit this page Previous Charts Next Confirm Dialog Parameters Methods Events How it works Examples Horizontal Events Example","s":"Blazor Collapse","u":"/components/collapse","h":"","p":571},{"i":574,"t":"Components Confirm Dialog On this page Blazor Confirm Dialog Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something. Methods​ Name Return Type Description Added Version ShowAsync(string title, string message1, ConfirmDialogOptions confirmDialogOptions = null) Task<bool> Shows confirm dialog. 1.1.0 ShowAsync(string title, string message1, string message2, ConfirmDialogOptions confirmDialogOptions = null) Task<bool> Shows confirm dialog. 1.1.0 ShowAsync<T>(string title, Dictionary<string, object> parametres = null, ConfirmDialogOptions confirmDialogOptions = null) Task<bool> Shows confirm dialog. T is component. 1.1.0 ConfirmDialogOptions Properties​ Name Type Default Description Added Version DialogCssClass string null Additional CSS class for the dialog (div.modal-dialog element). 1.1.0 Dismissable bool false Adds a dismissable close button to the confirm dialog. 1.1.0 HeaderCssClass string null Additional header CSS class (div.modal-header element). 1.1.0 IsScrollable bool false Allows confirm dialog body to be scrollable. 1.1.0 IsVerticallyCentered bool false Shows the confirm dialog vertically in the center of the page. 1.1.0 NoButtonColor ButtonColor ButtonColor.Secondary Gets or sets the 'No' button color. 1.1.0 NoButtonText string No Gets or sets the 'No' button text. 1.1.0 Size DialogSize ModalSize.Regular Size of the modal. 1.1.0 YesButtonColor ButtonColor ButtonColor.Primary Gets or sets the 'Yes' button color. 1.1.0 YesButtonText string Yes Gets or sets the 'Yes' button text. 1.1.0 Examples​ Confirm Dialog​ <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Danger\" @onclick=\"ShowConfirmationAsync\"> Delete Employee </Button> @code { private ConfirmDialog dialog; private async Task ShowConfirmationAsync() { var confirmation = await dialog.ShowAsync( title: \"Are you sure you want to delete this?\", message1: \"This will delete the record. Once deleted can not be rolled back.\", message2: \"Do you want to proceed?\"); if (confirmation) { // do whatever } else { // do whatever } } } See Confirm Dialog demo here. Dynamic component as confirm dialog​ Render different components dynamically within the confirm dialog without iterating through possible types or using conditional logic. If dynamically-rendered components have component parameters, pass them as an IDictionary. The string is the parameter's name, and the object is the parameter's value. In the below example, we used Toast Service to show the user confirmation. <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Danger\" @onclick=\"DeleteEmployeeAsync\"> Delete Employee </Button> @code { private ConfirmDialog dialog; [Inject] ToastService ToastService { get; set; } private async Task DeleteEmployeeAsync() { var parameters = new Dictionary<string, object>(); parameters.Add(\"EmployeeId\", 321); var confirmation = await dialog.ShowAsync<EmployeeDemoComponent>(\"Are you sure you want to delete this employee?\", parameters); if (confirmation) { // call API to delete the employee // show acknowledgment to the user ToastService.Notify(new ToastMessage(ToastType.Success, $\"Employee deleted successfully.\")); } else ToastService.Notify(new ToastMessage(ToastType.Secondary, $\"Delete action canceled.\")); } } EmployeeDemoComponent.razor <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">Employee Id :</div> <div class=\"col-7 col-md-9\">@EmployeeId</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">First Name :</div> <div class=\"col-7 col-md-9\">@employee.FirstName</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">Last Name :</div> <div class=\"col-7 col-md-9\">@employee.LastName</div> </div> @code { private Employee employee; [Parameter] public int EmployeeId { get; set; } protected override void OnInitialized() { // get employee with {EmployeeId} from DB employee = new Employee { FirstName = \"Vikram\", LastName = \"Reddy\" }; base.OnInitialized(); } } See Confirm Dialog demo here. Change buttons text and color​ Use ConfirmDialogOptions to change the text and color of the button. <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowSaveConfirmationAsync\"> Save Employee </Button> @code { private ConfirmDialog dialog; private async Task ShowSaveConfirmationAsync() { var options = new ConfirmDialogOptions { YesButtonText = \"OK\", YesButtonColor = ButtonColor.Success, NoButtonText = \"CANCEL\", NoButtonColor = ButtonColor.Danger }; var confirmation = await dialog.ShowAsync( title: \"Simple Confirm Dialog\", message1: \"Do you want to proceed?\", confirmDialogOptions: options); if (confirmation) { // do whatever } else { // do whatever } } } See Confirm Dialog demo here. Optional sizes​ Confirm dialog have three optional sizes. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports. Confirm Dialog Component - Small Size Confirm Dialog Component - Large Size Confirm Dialog Component - Extra Large Size <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowConfirmationAsync(DialogSize.Small)\"> Small Confirm Dialog </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowConfirmationAsync(DialogSize.Large)\"> Large Confirm Dialog </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowConfirmationAsync(DialogSize.ExtraLarge)\"> Extra Large Confirm Dialog </Button> @code { private ConfirmDialog dialog; private async Task ShowConfirmationAsync(DialogSize size) { var options = new ConfirmDialogOptions { Size = size }; var confirmation = await dialog.ShowAsync( title: \"Simple Confirm Dialog\", message1: \"Do you want to proceed?\", confirmDialogOptions: options); if (confirmation) { // do whatever } else { // do whatever } } } See Confirm Dialog demo here. Scrolling long content​ When dialogs become too long for the user's viewport or device, they scroll independent of the page itself. Try the demo below to see what we mean. <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowDialogAsync\"> Launch Confirm Dialog </Button> @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var confirmation = await dialog.ShowAsync<LongContentDemoComponent>(title: \"Confirm dialog title\"); if (confirmation) { // do whatever } else { // do whatever } } } You can also create a scrollable dialog that allows scroll the dialog body by updating DialogOptions.IsScrollable=\"true\". <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowDialogAsync\"> Launch Confirm Dialog </Button> @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var options = new ConfirmDialogOptions { IsScrollable = true }; var confirmation = await dialog.ShowAsync<LongContentDemoComponent>( title: \"Confirm dialog title\", confirmDialogOptions: options); if (confirmation) { // do whatever } else { // do whatever } } } See Confirm Dialog demo here. Vertically centered​ Add DialogOptions.IsVerticallyCentered=\"true\" to vertically center the confirm dialog. <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowDialogAsync\"> Launch Vertically Centered Confirm Dialog </Button> @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var options = new ConfirmDialogOptions { IsVerticallyCentered = true }; var confirmation = await dialog.ShowAsync( title: \"Simple Confirm Dialog\", message1: \"Do you want to proceed?\", confirmDialogOptions: options); if (confirmation) { // do whatever } else { // do whatever } } } You can also create a scrollable dialog that allows scroll the dialog body by updating DialogOptions.IsScrollable=\"true\". <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowDialogAsync\"> Launch Scrollable & Vertically Centered Confirm Dialog </Button> @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var options = new ConfirmDialogOptions { IsScrollable = true, IsVerticallyCentered = true }; var confirmation = await dialog.ShowAsync<LongContentDemoComponent>(title: \"Confirm dialog title\", confirmDialogOptions: options); if (confirmation) { // do whatever } else { // do whatever } } } See demo here. Disable auto focus on the yes button​ info By default, auto focus on the \"Yes\" button is enabled. To disabe the autofocus, set AutoFocusYesButton = false on the ConfirmDialogOptions. <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowDialogAsync\"> Launch Confirm Dialog </Button> @code { private ConfirmDialog dialog = default!; private async Task ShowDialogAsync() { var confirmation = await dialog.ShowAsync<LongContentDemoComponent>( title: \"Confirm dialog title\", confirmDialogOptions: new ConfirmDialogOptions { AutoFocusYesButton = false } ); if (confirmation) { // do something } else { // do something } } } See demo here. Edit this page Previous Collapse Next Dropdown Methods ConfirmDialogOptions Properties Examples Confirm Dialog Dynamic component as confirm dialog Change buttons text and color Optional sizes Scrolling long content Vertically centered Disable auto focus on the yes button","s":"Blazor Confirm Dialog","u":"/components/confirm-dialog","h":"","p":573},{"i":576,"t":"Components Offcanvas On this page Blazor Offcanvas Build hidden sidebars into your project for navigation, shopping carts, and more with Blazor Bootstrap offcanvas component. Parameters​ Name Type Default Required Description Added Version BodyCssClass string null Gets or sets the body CSS class. 1.0.0 BodyTemplate RenderFragment null Gets or sets the body template. 1.0.0 CloseOnEscape bool true If true, offcanvas closes when escape key is pressed. 1.0.0 FooterCssClass string null Gets or sets the footer CSS class. 1.0.0 FooterTemplate RenderFragment null Gets or sets the footer template. 1.0.0 HeaderCssClass string null Gets or sets the header CSS class. 1.0.0 HeaderTemplate RenderFragment null Gets or sets the header template. 1.0.0 IsScrollable bool false Indicates whether body (page) scrolling is allowed while offcanvas is open. 1.0.0 Placement Placement Placement.End Gets or sets the offcanvas placement. 1.0.0 ShowCloseButton bool true If true, modal shows close button in the header. 1.0.0 Size OffcanvasSize OffcanvasSize.Regular Gets or sets the offcanvas size. 1.0.0 TabIndex int -1 Gets or sets the tab index. 1.6.0 Title string null Gets or sets the offcanvas title. 1.0.0 UseStaticBackdrop bool false When UseStaticBackdrop is set to true, the offcanvas will not close when clicking outside of it. 1.8.0 Methods​ Method Description Added Version ShowAsync Shows an offcanvas element. Returns to the caller before the offcanvas element has actually been shown (i.e. before the OnShown event occurs). 1.0.0 HideAsync Hides an offcanvas element. Returns to the caller before the offcanvas element has actually been hidden (i.e. before the OnHidden event occurs). 1.0.0 Asynchronous methods and transitions All API methods are asynchronous and start a transition. They return to the caller as soon as the transition is started but before it ends. In addition, a method call on a transitioning component will be ignored. Callback Events​ Event Description OnShowing This event fires immediately when the show instance method is called. OnShown This event is fired when an offcanvas element has been made visible to the user (will wait for CSS transitions to complete). OnHiding This event is fired immediately when the hide method has been called. OnHidden This event is fired when an offcanvas element has been hidden from the user (will wait for CSS transitions to complete). How it works​ Offcanvas is a sidebar component that can be toggled to appear from the left, right, or bottom edge of the viewport. Conceptually, they are quite similar to the Modal component, but they are separate components. When shown, offcanvas includes a default backdrop that can be clicked to hide the offcanvas. Similar to modals, only one offcanvas can be shown at a time. Examples​ Offcanvas​ Below is an offcanvas example that is shown by default. <Button Color=\"ButtonColor.Primary\" @onclick=\"(async () => { await ShowOffcanvasAsync(); })\">Show Offcanvas</Button> <Offcanvas @ref=\"offcanvas\"> ... design your header and body </Offcanvas> @code { private Offcanvas offcanvas; private async Task ShowOffcanvasAsync() { await offcanvas?.ShowAsync(); } private async Task HideOffcanvasAsync() { await offcanvas?.HideAsync(); } } See demo here. info Default placement for the offcanvas component is right. Dynamic component as offcanvas​ Render different components dynamically within the offcanvas without iterating through possible types or using conditional logic. If dynamically-rendered components have component parameters, pass them as an IDictionary. The string is the parameter's name, and the object is the parameter's value. <Offcanvas @ref=\"offcanvas\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowEmployeeComponent\">Show Employee Component</Button> @code { private Offcanvas offcanvas = default!; private string? message; private async Task ShowEmployeeComponent() { var parameters = new Dictionary<string, object>(); parameters.Add(\"EmployeeId\", 321); await offcanvas.ShowAsync<EmployeeDemoComponent1>(title: \"Employee Details\", parameters: parameters); } } EmployeeDemoComponent1.razor <div class=\"row\"> <div class=\"col-5 col-md-4 text-end\">Employee Id :</div> <div class=\"col-7 col-md-8\">@EmployeeId</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-4 text-end\">First Name :</div> <div class=\"col-7 col-md-8\">@employee.FirstName</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-4 text-end\">Last Name :</div> <div class=\"col-7 col-md-8\">@employee.LastName</div> </div> @code { private Employee employee = default!; [Parameter] public int EmployeeId { get; set; } protected override void OnInitialized() { // get employee with {EmployeeId} from DB employee = new Employee { FirstName = \"Vikram\", LastName = \"Reddy\" }; base.OnInitialized(); } } See demo here. Pass event callbacks to a dynamic component​ Event callbacks can be passed in its parameter dictionary. In the following parent component example, the ShowDTMessage method assigns a string with the current time to message, and the value of message is rendered. The parent component passes the callback method, ShowDTMessage in the parameter dictionary: The string key is the callback method's name, OnClickCallback. The object value is created by EventCallbackFactory.Create for the parent callback method, ShowDTMessage. <Offcanvas @ref=\"offcanvas\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowEmployeeComponent\">Show Employee Component</Button> <div class=\"mt-3 bg-success text-white bg-opacity-75\"> @message </div> @code { private Offcanvas offcanvas = default!; private string? message; private async Task ShowEmployeeComponent() { var parameters = new Dictionary<string, object>(); parameters.Add(\"EmployeeId\", 322); parameters.Add(\"OnclickCallback\", EventCallback.Factory.Create<MouseEventArgs>(this, ShowDTMessage)); await offcanvas.ShowAsync<EmployeeDemoComponent2>(title: \"Employee Details\", parameters: parameters); } private void ShowDTMessage(MouseEventArgs e) => message = $\"The current date time is: {DateTime.Now}.\"; } EmployeeDemoComponent2.razor <div class=\"row\"> <div class=\"col-5 col-md-4 text-end\">Employee Id :</div> <div class=\"col-7 col-md-8\">@EmployeeId</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-4 text-end\">First Name :</div> <div class=\"col-7 col-md-8\">@employee.FirstName</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-4 text-end\">Last Name :</div> <div class=\"col-7 col-md-8\">@employee.LastName</div> </div> <Button class=\"mt-3\" Color=\"ButtonColor.Success\" Type=\"ButtonType.Button\" @onclick=\"OnClickCallback\"> Trigger a Parent component method </Button> @code { private Employee employee = default!; [Parameter] public int EmployeeId { get; set; } [Parameter] public EventCallback<MouseEventArgs> OnClickCallback { get; set; } protected override void OnInitialized() { // get employee with {EmployeeId} from DB employee = new Employee { FirstName = \"Sagar\", LastName = \"Reddy\" }; base.OnInitialized(); } } See demo here. Placement​ Try the top, bottom, and left examples out below. <Offcanvas @ref=\"offcanvas\" Title=\"Offcanvas top\" Placement=\"Placement.Top\"> <BodyTemplate>...</BodyTemplate> </Offcanvas> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowOffcanvasClick\">Show top offcanvas</Button> @code { private Offcanvas offcanvas; private async Task OnShowOffcanvasClick() { await offcanvas?.ShowAsync(); } } See demo here. Static backdrop​ When UseStaticBackdrop is set to true, the offcanvas will not close when clicking outside of it. <Offcanvas @ref=\"offcanvas\" Title=\"Offcanvas title\" UseStaticBackdrop=\"true\"> <BodyTemplate> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt blandit mauris. Aliquam sit amet lorem laoreet, laoreet elit ut, placerat tellus. In mollis ultricies elit, volutpat maximus ipsum sodales interdum. Suspendisse eget tellus mollis, rutrum mauris ac, vulputate enim. Cras porta neque vitae lacinia elementum. Nunc sit amet pulvinar nibh. Curabitur interdum eget odio in tempor. Nulla dictum orci quis ligula auctor fermentum. Pellentesque finibus tellus ac massa convallis malesuada. Nam id pharetra velit, sed eleifend mi. Sed sed justo lorem. Quisque et nulla ut dolor feugiat vestibulum. Nunc at porttitor orci, at dignissim metus. Donec vitae metus vitae felis semper placerat.</p> <p>Proin quis congue enim, ut ultricies erat. Nulla facilisi. Fusce pretium, metus eget tempor vehicula, nisl lorem tincidunt metus, consectetur molestie lorem leo vel lectus. Vivamus pellentesque pharetra mattis. Aenean dignissim quam non velit ultrices rutrum. Aliquam lacinia faucibus sapien vel pretium. Nullam libero massa, ultricies id lacinia nec, scelerisque ut felis. Vivamus ac egestas urna, sit amet condimentum odio. Suspendisse ultrices, libero sed interdum pulvinar, lectus felis pellentesque enim, eu finibus magna massa id augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget tempor libero. Cras ut interdum purus. Donec eu pulvinar urna, ut porttitor purus. Suspendisse sed sodales nunc. Quisque posuere augue sed luctus placerat.</p> <p>Morbi ullamcorper risus turpis, et ullamcorper nulla semper vitae. Proin pharetra dolor dui, non condimentum ex fermentum in. Vestibulum pharetra, risus et pulvinar eleifend, nulla tortor blandit risus, ac imperdiet elit massa quis leo. Vivamus urna lacus, luctus eget felis id, eleifend tristique nisl. Sed dignissim mollis ligula vitae laoreet. Vestibulum eget magna nisi. Aenean auctor elit et turpis blandit, eget porttitor felis suscipit. Duis placerat, sapien a sodales tempus, odio orci malesuada neque, ac molestie ipsum nisi vel eros. Integer sem lectus, luctus vitae sapien ut, efficitur aliquam sem. Praesent placerat est eros, vulputate rutrum nunc imperdiet vitae. Fusce sed felis eget purus aliquet convallis eu eget lacus. Sed finibus nec magna et accumsan. Donec vitae tellus eros. Nullam et ex vitae est sagittis malesuada. Vivamus molestie malesuada libero, a consequat magna dapibus pellentesque. Cras molestie tortor vitae congue pretium.</p> <p>Pellentesque nec iaculis justo, sed pretium sem. Mauris finibus lacus at mollis fringilla. Etiam auctor in justo ac bibendum. Vestibulum at lorem accumsan, maximus erat suscipit, suscipit ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim id quam sit amet varius. Etiam pretium ultrices dignissim. Cras at tortor hendrerit metus ultrices lobortis at ac est. Suspendisse consectetur pellentesque nunc sit amet scelerisque. Maecenas feugiat nunc laoreet, auctor erat eget, ultricies ex. Aliquam nisi nulla, cursus et ante ut, interdum volutpat leo. Phasellus laoreet aliquam maximus. Vestibulum eu neque porta, consectetur ipsum non, euismod enim. Vestibulum euismod purus elit, ultrices imperdiet nisl porttitor eget. Vivamus eros turpis, tincidunt a vulputate vel, malesuada tristique nulla.</p> <p>Vestibulum sed aliquam urna. Ut ullamcorper erat vitae velit mattis commodo. Phasellus dignissim rhoncus dapibus. Quisque congue egestas tellus id finibus. Suspendisse nibh felis, mattis et finibus vel, tempor in lectus. Nullam eget eros dui. Mauris eget vestibulum nibh. Nullam mattis malesuada lorem vel condimentum. Mauris id odio ac est feugiat condimentum.</p> </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => offcanvas?.HideAsync()\">Close</Button> </FooterTemplate> </Offcanvas> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowOffcanvasClick\">Show offcanvas</Button> @code { private Offcanvas offcanvas; private async Task OnShowOffcanvasClick() { await offcanvas?.ShowAsync(); } } See demo here. Sizes​ Set the size of the Offcanvas with the Size parameter. The default value is OffcanvasSize.Regular. Small Offcanvas​ <Offcanvas @ref=\"offcanvas\" Title=\"Offcanvas title\" Size=\"OffcanvasSize.Small\"> <BodyTemplate> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt blandit mauris. Aliquam sit amet lorem laoreet, laoreet elit ut, placerat tellus. In mollis ultricies elit, volutpat maximus ipsum sodales interdum. Suspendisse eget tellus mollis, rutrum mauris ac, vulputate enim. Cras porta neque vitae lacinia elementum. Nunc sit amet pulvinar nibh. Curabitur interdum eget odio in tempor. Nulla dictum orci quis ligula auctor fermentum. Pellentesque finibus tellus ac massa convallis malesuada. Nam id pharetra velit, sed eleifend mi. Sed sed justo lorem. Quisque et nulla ut dolor feugiat vestibulum. Nunc at porttitor orci, at dignissim metus. Donec vitae metus vitae felis semper placerat.</p> <p>Proin quis congue enim, ut ultricies erat. Nulla facilisi. Fusce pretium, metus eget tempor vehicula, nisl lorem tincidunt metus, consectetur molestie lorem leo vel lectus. Vivamus pellentesque pharetra mattis. Aenean dignissim quam non velit ultrices rutrum. Aliquam lacinia faucibus sapien vel pretium. Nullam libero massa, ultricies id lacinia nec, scelerisque ut felis. Vivamus ac egestas urna, sit amet condimentum odio. Suspendisse ultrices, libero sed interdum pulvinar, lectus felis pellentesque enim, eu finibus magna massa id augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget tempor libero. Cras ut interdum purus. Donec eu pulvinar urna, ut porttitor purus. Suspendisse sed sodales nunc. Quisque posuere augue sed luctus placerat.</p> <p>Morbi ullamcorper risus turpis, et ullamcorper nulla semper vitae. Proin pharetra dolor dui, non condimentum ex fermentum in. Vestibulum pharetra, risus et pulvinar eleifend, nulla tortor blandit risus, ac imperdiet elit massa quis leo. Vivamus urna lacus, luctus eget felis id, eleifend tristique nisl. Sed dignissim mollis ligula vitae laoreet. Vestibulum eget magna nisi. Aenean auctor elit et turpis blandit, eget porttitor felis suscipit. Duis placerat, sapien a sodales tempus, odio orci malesuada neque, ac molestie ipsum nisi vel eros. Integer sem lectus, luctus vitae sapien ut, efficitur aliquam sem. Praesent placerat est eros, vulputate rutrum nunc imperdiet vitae. Fusce sed felis eget purus aliquet convallis eu eget lacus. Sed finibus nec magna et accumsan. Donec vitae tellus eros. Nullam et ex vitae est sagittis malesuada. Vivamus molestie malesuada libero, a consequat magna dapibus pellentesque. Cras molestie tortor vitae congue pretium.</p> <p>Pellentesque nec iaculis justo, sed pretium sem. Mauris finibus lacus at mollis fringilla. Etiam auctor in justo ac bibendum. Vestibulum at lorem accumsan, maximus erat suscipit, suscipit ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim id quam sit amet varius. Etiam pretium ultrices dignissim. Cras at tortor hendrerit metus ultrices lobortis at ac est. Suspendisse consectetur pellentesque nunc sit amet scelerisque. Maecenas feugiat nunc laoreet, auctor erat eget, ultricies ex. Aliquam nisi nulla, cursus et ante ut, interdum volutpat leo. Phasellus laoreet aliquam maximus. Vestibulum eu neque porta, consectetur ipsum non, euismod enim. Vestibulum euismod purus elit, ultrices imperdiet nisl porttitor eget. Vivamus eros turpis, tincidunt a vulputate vel, malesuada tristique nulla.</p> <p>Vestibulum sed aliquam urna. Ut ullamcorper erat vitae velit mattis commodo. Phasellus dignissim rhoncus dapibus. Quisque congue egestas tellus id finibus. Suspendisse nibh felis, mattis et finibus vel, tempor in lectus. Nullam eget eros dui. Mauris eget vestibulum nibh. Nullam mattis malesuada lorem vel condimentum. Mauris id odio ac est feugiat condimentum.</p> </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => offcanvas?.HideAsync()\">Close</Button> </FooterTemplate> </Offcanvas> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowOffcanvasClick\">Show small offcanvas</Button> @code { private Offcanvas offcanvas; private async Task OnShowOffcanvasClick() { await offcanvas?.ShowAsync(); } } See demo here. Large Offcanvas​ <Offcanvas @ref=\"offcanvas\" Title=\"Offcanvas title\" Size=\"OffcanvasSize.Large\"> <BodyTemplate> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt blandit mauris. Aliquam sit amet lorem laoreet, laoreet elit ut, placerat tellus. In mollis ultricies elit, volutpat maximus ipsum sodales interdum. Suspendisse eget tellus mollis, rutrum mauris ac, vulputate enim. Cras porta neque vitae lacinia elementum. Nunc sit amet pulvinar nibh. Curabitur interdum eget odio in tempor. Nulla dictum orci quis ligula auctor fermentum. Pellentesque finibus tellus ac massa convallis malesuada. Nam id pharetra velit, sed eleifend mi. Sed sed justo lorem. Quisque et nulla ut dolor feugiat vestibulum. Nunc at porttitor orci, at dignissim metus. Donec vitae metus vitae felis semper placerat.</p> <p>Proin quis congue enim, ut ultricies erat. Nulla facilisi. Fusce pretium, metus eget tempor vehicula, nisl lorem tincidunt metus, consectetur molestie lorem leo vel lectus. Vivamus pellentesque pharetra mattis. Aenean dignissim quam non velit ultrices rutrum. Aliquam lacinia faucibus sapien vel pretium. Nullam libero massa, ultricies id lacinia nec, scelerisque ut felis. Vivamus ac egestas urna, sit amet condimentum odio. Suspendisse ultrices, libero sed interdum pulvinar, lectus felis pellentesque enim, eu finibus magna massa id augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget tempor libero. Cras ut interdum purus. Donec eu pulvinar urna, ut porttitor purus. Suspendisse sed sodales nunc. Quisque posuere augue sed luctus placerat.</p> <p>Morbi ullamcorper risus turpis, et ullamcorper nulla semper vitae. Proin pharetra dolor dui, non condimentum ex fermentum in. Vestibulum pharetra, risus et pulvinar eleifend, nulla tortor blandit risus, ac imperdiet elit massa quis leo. Vivamus urna lacus, luctus eget felis id, eleifend tristique nisl. Sed dignissim mollis ligula vitae laoreet. Vestibulum eget magna nisi. Aenean auctor elit et turpis blandit, eget porttitor felis suscipit. Duis placerat, sapien a sodales tempus, odio orci malesuada neque, ac molestie ipsum nisi vel eros. Integer sem lectus, luctus vitae sapien ut, efficitur aliquam sem. Praesent placerat est eros, vulputate rutrum nunc imperdiet vitae. Fusce sed felis eget purus aliquet convallis eu eget lacus. Sed finibus nec magna et accumsan. Donec vitae tellus eros. Nullam et ex vitae est sagittis malesuada. Vivamus molestie malesuada libero, a consequat magna dapibus pellentesque. Cras molestie tortor vitae congue pretium.</p> <p>Pellentesque nec iaculis justo, sed pretium sem. Mauris finibus lacus at mollis fringilla. Etiam auctor in justo ac bibendum. Vestibulum at lorem accumsan, maximus erat suscipit, suscipit ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim id quam sit amet varius. Etiam pretium ultrices dignissim. Cras at tortor hendrerit metus ultrices lobortis at ac est. Suspendisse consectetur pellentesque nunc sit amet scelerisque. Maecenas feugiat nunc laoreet, auctor erat eget, ultricies ex. Aliquam nisi nulla, cursus et ante ut, interdum volutpat leo. Phasellus laoreet aliquam maximus. Vestibulum eu neque porta, consectetur ipsum non, euismod enim. Vestibulum euismod purus elit, ultrices imperdiet nisl porttitor eget. Vivamus eros turpis, tincidunt a vulputate vel, malesuada tristique nulla.</p> <p>Vestibulum sed aliquam urna. Ut ullamcorper erat vitae velit mattis commodo. Phasellus dignissim rhoncus dapibus. Quisque congue egestas tellus id finibus. Suspendisse nibh felis, mattis et finibus vel, tempor in lectus. Nullam eget eros dui. Mauris eget vestibulum nibh. Nullam mattis malesuada lorem vel condimentum. Mauris id odio ac est feugiat condimentum.</p> </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => offcanvas?.HideAsync()\">Close</Button> </FooterTemplate> </Offcanvas> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowOffcanvasClick\">Show large offcanvas</Button> @code { private Offcanvas offcanvas; private async Task OnShowOffcanvasClick() { await offcanvas?.ShowAsync(); } } Callback Events​ BlazorBootstrap's offcanvas component exposes a few events for hooking into offcanvas functionality. <Offcanvas @ref=\"offcanvas\" title=\"Offcanvas title\" OnShowing=\"OnOffcanvasShowingAsync\" OnShown=\"OnOffcanvasShownAsync\" OnHiding=\"OnOffcanvasHidingAsync\" OnHidden=\"OnOffcanvasHiddenAsync\"> <BodyTemplate> <div>Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.</div> </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnHideOffcanvasClick\">Hide Offcanvas</Button> </FooterTemplate> </Offcanvas> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowOffcanvasClick\">Show offcanvas</Button> @code { private Offcanvas offcanvas; private async Task OnShowOffcanvasClick() { await offcanvas?.ShowAsync(); } private async Task OnHideOffcanvasClick() { await offcanvas?.HideAsync(); } private async Task OnOffcanvasShowingAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Showing\"); }); } private async Task OnOffcanvasShownAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Shown\"); }); } private async Task OnOffcanvasHidingAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Hiding\"); }); } private async Task OnOffcanvasHiddenAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Hidden\"); }); } } See demo here. Edit this page Previous Modal Next Pagination Parameters Methods Callback Events How it works Examples Offcanvas Dynamic component as offcanvas Pass event callbacks to a dynamic component Placement Static backdrop Sizes Callback Events","s":"Blazor Offcanvas","u":"/components/offcanvas","h":"","p":575},{"i":578,"t":"Components Modal On this page Blazor Modal Use Blazor Bootstrap modal component to add dialogs to your site for lightboxes, user notifications, or completely custom content. Parameters​ Name Type Default Required Description Added Version BodyCssClass string null Gets or sets the body CSS class. 1.0.0 BodyTemplate RenderFragment null Gets or sets the body template. 1.0.0 CloseIconColor IconColor IconColor.None Gets or sets the close icon color. 1.0.0 CloseOnEscape bool true Indicates whether the modal closes when escape key is pressed. 1.0.0 DialogCssClass string null Gets or sets the modal dialog (div.modal-dialog) CSS class. 1.0.0 FooterCssClass string null Gets or sets the footer CSS class. 1.0.0 FooterTemplate RenderFragment null Gets or sets the footer template. 1.0.0 Fullscreen ModalFullscreen ModalFullscreen.Disabled Gets or sets the fullscreen behavior of the modal. 1.0.0 HeaderCssClass string null Gets or sets the header CSS class. 1.0.0 HeaderTemplate RenderFragment null Gets or sets the header template. 1.0.0 IsScrollable bool false If true, scroll will be enabled on the modal body. 1.0.0 IsServiceModal bool false Indicates whether the modal is related to a modal service or not. 1.9.4 IsVerticallyCentered bool false If true, shows the modal vertically in the center. 1.0.0 Message string null Gets or sets the message. 1.0.0 ModalType ModalType ModalType.Light Gets or sets the modal type. 1.9.5 ShowCloseButton bool true If true, close button will be visible in the modal header. 1.0.0 Size ModalSize ModalSize.Regular Gets or sets the modal size. 1.0.0 TabIndex int -1 Gets or sets the tab index. 1.6.0 Title string null Gets or sets the modal header title. 1.0.0 UseStaticBackdrop bool false Indicates whether the modal uses a static backdrop. 1.0.0 Methods​ Name Description Added Version ShowAsync Opens a modal. 1.0.0 ShowAsync<T>(string title, Dictionary<string, object> parameters = null) Opens a modal. T is component. 1.4.1 HideAsync Hides a modal. 1.0.0 Asynchronous methods and transitions All API methods are asynchronous and start a transition. They return to the caller as soon as the transition is started but before it ends. In addition, a method call on a transitioning component will be ignored. Callback Events​ Event Description OnShowing This event fires immediately when the show instance method is called. OnShown This event is fired when an offcanvas element has been made visible to the user (will wait for CSS transitions to complete). OnHiding This event is fired immediately when the hide method has been called. OnHidden This event is fired when an offcanvas element has been hidden from the user (will wait for CSS transitions to complete). OnHidePrevented This event is fired when the modal is shown, its backdrop is static and a click outside the modal or an escape key press is performed with the keyboard option or data-bs-keyboard set to false. How it works​ Before getting started with BlazorBootstrap's modal component, be sure to read the following as our menu options have recently changed. Modals are built with HTML, CSS, and JavaScript. They're positioned over everything else in the document and remove scroll from the <body> so that modal content scrolls instead. Clicking on the modal \"backdrop\" will automatically close the modal. BlazorBootstrap only supports one modal window at a time. Nested modals aren't supported as we believe them to be poor user experiences. Examples​ Modal​ Clicking the Show Modal button below, the modal will slide down and fade in from the top of the page. <Modal @ref=\"modal\" Title=\"Modal title\"> <BodyTemplate> Modal body text goes here. </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"OnHideModalClick\">Close</Button> <Button Color=\"ButtonColor.Primary\">Save changes</Button> </FooterTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Show Modal</Button> @code { private Modal modal; private async Task OnShowModalClick() { await modal?.ShowAsync(); } private async Task OnHideModalClick() { await modal?.HideAsync(); } } See demo here. Dynamic component as modal​ Render different components dynamically within the modal without iterating through possible types or using conditional logic. If dynamically-rendered components have component parameters, pass them as an IDictionary. The string is the parameter's name, and the object is the parameter's value. <Modal @ref=\"modal\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Show Employee Component</Button> @code { private Modal modal = default!; private string? message; private async Task OnShowModalClick() { var parameters = new Dictionary<string, object>(); parameters.Add(\"EmployeeId\", 321); await modal.ShowAsync<EmployeeDemoComponent1>(title: \"Employee Details\", parameters: parameters); } } EmployeeDemoComponent1.razor <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">Employee Id :</div> <div class=\"col-7 col-md-9\">@EmployeeId</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">First Name :</div> <div class=\"col-7 col-md-9\">@employee.FirstName</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">Last Name :</div> <div class=\"col-7 col-md-9\">@employee.LastName</div> </div> @code { private Employee employee; [Parameter] public int EmployeeId { get; set; } protected override void OnInitialized() { // get employee with {EmployeeId} from DB employee = new Employee { FirstName = \"Vikram\", LastName = \"Reddy\" }; base.OnInitialized(); } } See demo here. Pass event callbacks to a dynamic component​ Event callbacks (EventCallback) can be passed in its parameter dictionary. In the following parent component example, the ShowDTMessage method assigns a string with the current time to message, and the value of message is rendered. The parent component passes the callback method, ShowDTMessage in the parameter dictionary: The string key is the callback method's name, OnClickCallback. The object value is created by EventCallbackFactory.Create for the parent callback method, ShowDTMessage. <Modal @ref=\"modal\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Show Employee Component</Button> <div class=\"mt-3\"> @message </div> @code { private Modal modal = default!; private string? message; private async Task OnShowModalClick() { var parameters = new Dictionary<string, object>(); parameters.Add(\"EmployeeId\", 322); parameters.Add(\"OnclickCallback\", EventCallback.Factory.Create<MouseEventArgs>(this, ShowDTMessage)); await modal.ShowAsync<EmployeeDemoComponent2>(title: \"Employee Details\", parameters: parameters); } private void ShowDTMessage(MouseEventArgs e) => message = $\"The current DT is: {DateTime.Now}.\"; } EmployeeDemoComponent2.razor <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">Employee Id :</div> <div class=\"col-7 col-md-9\">@EmployeeId</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">First Name :</div> <div class=\"col-7 col-md-9\">@employee.FirstName</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">Last Name :</div> <div class=\"col-7 col-md-9\">@employee.LastName</div> </div> <Button class=\"mt-3\" Color=\"ButtonColor.Success\" Type=\"ButtonType.Button\" @onclick=\"OnClickCallback\"> Trigger a Parent component method </Button> @code { private Employee employee; [Parameter] public int EmployeeId { get; set; } [Parameter] public EventCallback<MouseEventArgs> OnClickCallback { get; set; } protected override void OnInitialized() { // get employee with {EmployeeId} from DB employee = new Employee { FirstName = \"Sagar\", LastName = \"Reddy\" }; base.OnInitialized(); } } See demo here. Static backdrop​ When UseStaticBackdrop is set to true, the modal will not close when clicking outside it. CloseOnEscape should also be set to false to ignore the effect of pressing the Esc key and mimic the original behaviour of Bootstrap modal. Click the button below to try it. <Modal @ref=\"modal\" title=\"Modal title\" UseStaticBackdrop=\"true\" CloseOnEscape=\"false\"> <BodyTemplate> I will not close if you click outside me. Don't even try to press escape key. </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"OnHideModalClick\">Close</Button> <Button Color=\"ButtonColor.Primary\">Understood</Button> </FooterTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Launch static backdrop modal</Button> @code { private Modal modal; private async Task OnShowModalClick() { await modal?.ShowAsync(); } private async Task OnHideModalClick() { await modal?.HideAsync(); } } See demo here. Scrolling long content​ When modals become too long for the user’s viewport or device, they scroll independent of the page itself. Try the demo below to see what we mean. <Modal @ref=\"modal\" title=\"Modal title\" IsScrollable=\"true\"> <BodyTemplate> <p style=\"margin-bottom: 100vh;\">This is some placeholder content to show the scrolling behavior for modals. Instead of repeating the text the modal, we use an inline style set a minimum height, thereby extending the length of the overall modal and demonstrating the overflow scrolling. When content becomes longer than the height of the viewport, scrolling will move the modal as needed.</p> <p>This content should appear at the bottom after you scroll.</p> </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"OnHideModalClick\">Close</Button> <Button Color=\"ButtonColor.Primary\">Save changes</Button> </FooterTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Launch demo modal</Button> @code { private Modal modal; private async Task OnShowModalClick() { await modal?.ShowAsync(); } private async Task OnHideModalClick() { await modal?.HideAsync(); } } See demo here. Vertically centered​ Add IsVerticallyCentered=\"true\" to vertically center the modal. <Modal @ref=\"modal\" title=\"Modal title\" IsVerticallyCentered=\"true\"> <BodyTemplate> This is a vertically centered modal. </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"OnHideModalClick\">Close</Button> <Button Color=\"ButtonColor.Primary\">Save changes</Button> </FooterTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Vertically centered modal</Button> @code { private Modal modal; private async Task OnShowModalClick() { await modal?.ShowAsync(); } private async Task OnHideModalClick() { await modal?.HideAsync(); } } See demo here. Vertically centered and scrollable​ <Modal @ref=\"modal\" title=\"Modal title\" IsVerticallyCentered=\"true\" IsScrollable=\"true\"> <BodyTemplate> <p style=\"margin-bottom: 100vh;\">This is some placeholder content to show the scrolling behavior for modals. Instead of repeating the text the modal, we use an inline style set a minimum height, thereby extending the length of the overall modal and demonstrating the overflow scrolling. When content becomes longer than the height of the viewport, scrolling will move the modal as needed.</p> <p>This content should appear at the bottom after you scroll.</p> </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"OnHideModalClick\">Close</Button> <Button Color=\"ButtonColor.Primary\">Save changes</Button> </FooterTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Vertically centered scrollable modal</Button> @code { private Modal modal; private async Task OnShowModalClick() { await modal?.ShowAsync(); } private async Task OnHideModalClick() { await modal?.HideAsync(); } } See demo here. Optional sizes​ Modals have three optional sizes. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports. <Modal @ref=\"xlModal\" title=\"Extra large modal\" Size=\"ModalSize.ExtraLarge\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"lgModal\" title=\"Large modal\" Size=\"ModalSize.Large\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"smModal\" title=\"Small modal\" Size=\"ModalSize.Small\"> <BodyTemplate>...</BodyTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => xlModal?.ShowAsync()\">Extra large modal</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => lgModal?.ShowAsync()\">Large modal</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => smModal?.ShowAsync()\">Small modal</Button> @code { private Modal xlModal; private Modal lgModal; private Modal smModal; } See demo here. Fullscreen Modal​ <Modal @ref=\"modal\" title=\"Full screen\" Fullscreen=\"ModalFullscreen.Always\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"smModal\" title=\"Full screen below sm\" Fullscreen=\"ModalFullscreen.SmallDown\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"mdModal\" title=\"Full screen below md\" Fullscreen=\"ModalFullscreen.MediumDown\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"lgModal\" title=\"Full screen below lg\" Fullscreen=\"ModalFullscreen.LargeDown\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"xlModal\" title=\"Full screen below xl\" Fullscreen=\"ModalFullscreen.ExtraLargeDown\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"xxlModal\" title=\"Full screen below xxl\" Fullscreen=\"ModalFullscreen.ExtraExtraLargeDown\"> <BodyTemplate>...</BodyTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => modal?.ShowAsync()\">Full screen</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => smModal?.ShowAsync()\">Full screen below sm</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => mdModal?.ShowAsync()\">Full screen below md</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => lgModal?.ShowAsync()\">Full screen below lg</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => xlModal?.ShowAsync()\">Full screen below xl</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => xxlModal?.ShowAsync()\">Full screen below xxl</Button> @code { private Modal modal; private Modal smModal; private Modal mdModal; private Modal lgModal; private Modal xlModal; private Modal xxlModal; } See demo here. Callback Events​ BlazorBootstrap's modal class exposes a few events for hooking into modal functionality. <Modal @ref=\"modal\" title=\"Modal title\" OnShowing=\"OnModalShowingAsync\" OnShown=\"OnModalShownAsync\" OnHiding=\"OnModalHidingAsync\" OnHidden=\"OnModalHiddenAsync\" OnHidePrevented=\"OnModalHidePreventedAsync\"> <BodyTemplate> Modal body text goes here. </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"OnHideModalClick\">Close</Button> <Button Color=\"ButtonColor.Primary\">Save changes</Button> </FooterTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Show Modal</Button> @code { private Modal modal; private async Task OnModalShowingAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Showing\"); }); } private async Task OnModalShownAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Show\"); }); } private async Task OnModalHidingAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Hiding\"); }); } private async Task OnModalHiddenAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Hide\"); }); } private async Task OnModalHidePreventedAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Hide Prevented\"); }); } } See demo here. Edit this page Previous Grid Next Offcanvas Parameters Methods Callback Events How it works Examples Modal Dynamic component as modal Pass event callbacks to a dynamic component Static backdrop Scrolling long content Vertically centered Vertically centered and scrollable Optional sizes Fullscreen Modal Callback Events","s":"Blazor Modal","u":"/components/modal","h":"","p":577},{"i":580,"t":"Components Placeholders On this page Blazor Placeholders Use Blazor Bootstrap loading placeholders for your components or pages to indicate something may still be loading. PlaceholderContainer Parameters​ Name Type Default Required Description Added Version Animation PlaceholderAnimation PlaceholderAnimation.Glow Gets or sets the placeholder animation. 1.0.0 ChildContent RenderFragment? null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Placeholder Parameters​ Name Type Default Required Description Added Version Color PlaceholderColor PlaceholderColor.None Gets or sets the placeholder color. 1.0.0 Size PlaceholderSize PlaceholderSize.None Gets or sets the placeholder size. 1.0.0 Width PlaceholderWidth PlaceholderWidth.Col1 Gets or sets the placeholder width. 1.0.0 Examples​ Placeholders​ <PlaceholderContainer Animation=\"PlaceholderAnimation.Glow\"> <Placeholder Width=\"PlaceholderWidth.Col7\" /> <Placeholder Width=\"PlaceholderWidth.Col9\" /> <Placeholder Width=\"PlaceholderWidth.Col6\" /> <Placeholder Width=\"PlaceholderWidth.Col7\" /> </PlaceholderContainer> See demo here. Width​ You can change the width through PlaceholderWidth, width utilities, or inline styles. <Placeholder Width=\"PlaceholderWidth.Col6\" /> <Placeholder Class=\"w-75\" /> <Placeholder Style=\"width: 25%;\" /> See demo here. Color​ By default, the placeholder uses currentColor. This can be overridden with the Color property of type enum. <Placeholder Width=\"PlaceholderWidth.Col12\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Primary\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Secondary\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Success\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Danger\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Warning\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Info\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Light\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Dark\" /> See demo here. Sizing​ The size of placeholders are based on the typographic style of the parent element. Customize them with Size property of type enum. <Placeholder Width=\"PlaceholderWidth.Col12\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.Large\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.Small\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.ExtraSmall\" /> See demo here. Animation​ Animate placeholders with PlaceholderAnimation.Glow or PlaceholderAnimation.Wave to better convey the perception of something being actively loaded. <PlaceholderContainer Animation=\"PlaceholderAnimation.Glow\"> <Placeholder Width=\"PlaceholderWidth.Col12\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.Large\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.Small\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.ExtraSmall\" /> </PlaceholderContainer> <br /> <br /> <PlaceholderContainer Animation=\"PlaceholderAnimation.Wave\"> <Placeholder Width=\"PlaceholderWidth.Col12\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.Large\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.Small\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.ExtraSmall\" /> </PlaceholderContainer> See demo here. Edit this page Previous PDF Viewer Next Preload PlaceholderContainer Parameters Placeholder Parameters Examples Placeholders Width Color Sizing Animation","s":"Blazor Placeholders","u":"/components/placeholders","h":"","p":579},{"i":582,"t":"Components Pagination On this page Blazor Pagination Use Blazor Bootstrap pagination component to indicate a series of related content exists across multiple pages. Parameters​ Name Type Default Required Description Added Version ActivePageNumber int 1 Gets or sets the active page number. 1.0.0 Alignment Alignment Alignment.None Gets or sets the pagination alignment. 1.0.0 DisplayPages int 5 Gets or sets the maximum page links to be displayed. 1.0.0 FirstLinkIcon IconName IconName.None Gets or sets the first link icon. 1.0.0 FirstLinkText string null Gets or sets the first link text. 'FirstLinkText' is ignored if 'FirstLinkIcon' is specified. 1.0.0 LastLinkIcon IconName IconName.None Gets or sets the last link icon. 1.0.0 LastLinkText string null Gets or sets the last link text. 'LastLinkText' is ignored if 'LastLinkIcon' is specified. 1.0.0 NextLinkIcon IconName IconName.None Gets or sets the next link icon. 1.0.0 NextLinkText string null Gets or sets the next link text. 'NextLinkText' is ignored if 'NextLinkIcon' is specified. 1.0.0 PreviousLinkIcon IconName IconName.None Gets or sets the previous link icon. 1.0.0 PreviousLinkText string null Gets or sets the previous link text. 'PreviousLinkText' is ignored if 'PreviousLinkIcon' is specified. 1.0.0 Size PaginationSize PaginationSize.None Gets or sets the pagination size. 1.0.0 TotalPages int 0 Gets or sets the total pages. 1.0.0 Callback Events​ Event Description PageChanged This event fires immediately when the page number is changed. Examples​ Pagination​ We use a large block of connected links for our pagination, making links hard to miss and easily scalable - all while providing large hit areas. Pagination is built with list HTML elements so screen readers can announce the number of available links. <Pagination TotalPages=\"8\" /> <Pagination TotalPages=\"10\" /> <Pagination TotalPages=\"13\" /> <Pagination TotalPages=\"25\" /> <Pagination TotalPages=\"100\" /> See demo here. Working with icons​ <Pagination ActivePageNumber=\"1\" TotalPages=\"15\" DisplayPages=\"5\" FirstLinkIcon=\"IconName.ChevronDoubleLeft\" PreviousLinkIcon=\"IconName.ChevronLeft\" NextLinkIcon=\"IconName.ChevronRight\" LastLinkIcon=\"IconName.ChevronDoubleRight\" /> See demo here. Disabled and active states​ <Pagination ActivePageNumber=\"1\" TotalPages=\"10\" /> <Pagination ActivePageNumber=\"3\" TotalPages=\"10\" /> <Pagination ActivePageNumber=\"5\" TotalPages=\"10\" /> See demo here. Sizing​ Fancy larger or smaller pagination? Add Size=\"PaginationSize.Small\" or Size=\"PaginationSize.Large\" for additional sizes. <Pagination ActivePageNumber=\"5\" TotalPages=\"5\" Size=\"PaginationSize.Small\" /> <Pagination ActivePageNumber=\"5\" TotalPages=\"5\" /> <Pagination ActivePageNumber=\"5\" TotalPages=\"5\" Size=\"PaginationSize.Large\" /> See demo here. Alignment​ <Pagination ActivePageNumber=\"2\" TotalPages=\"5\" /> <Pagination ActivePageNumber=\"2\" TotalPages=\"5\" Alignment=\"Alignment.Center\" /> <Pagination ActivePageNumber=\"2\" TotalPages=\"5\" Alignment=\"Alignment.End\" /> See demo here. Callback Events​ <Pagination ActivePageNumber=\"@currentPageNumber\" TotalPages=\"10\" PageChanged=\"OnPageChangedAsync\" /> <text>Current Page Number: @currentPageNumber</text> @code { int currentPageNumber = 2; private async Task OnPageChangedAsync(int newPageNumber) { await Task.Run(() => { currentPageNumber = newPageNumber; }); } } See demo here. Edit this page Previous Offcanvas Next PDF Viewer Parameters Callback Events Examples Pagination Working with icons Disabled and active states Sizing Alignment Callback Events","s":"Blazor Pagination","u":"/components/pagination","h":"","p":581},{"i":584,"t":"Components Preload On this page Blazor Preload Indicate the loading state of a page with Blazor Bootstrap preload component. Things to know when using the Preload component: Add the Preload component to your current page or your layout page. Inject PreloadService Call PreloadService.Show() before you make any call to the API. Call PreloadService.Hide() after you get the response from the API. Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.1.0 LoadingText string? null Gets or sets the loading text. 1.10.4 Preload Service​ Methods​ Name Return Type Description Added Version Show(SpinnerColor spinnerColor = SpinnerColor.Light) void Shows the preload. 1.1.0 Show(SpinnerColor spinnerColor = SpinnerColor.Light, string? loadingText = null) void Shows the preload. 1.10.4 Hide() void Hides the preload. 1.1.0 Global preload service for the application​ Add the Preload component in MainLayout.razor page as shown below. @using BlazorBootstrap . . ... MainLayout.razor code goes here ... . . <Preload LoadingText=\"Loading...\" /> Inject PreloadService, then call the Show() and Hide() methods before and after the Service/API call, respectively, as shown below. @code { [Inject] protected PreloadService PreloadService { get; set; } private void GetEmployees() { try { PreloadService.Show(); // call the service/api to get the employees } catch { // handle exception } finally { PreloadService.Hide(); } } } See Preload demo here. Change loading text​ <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowLoadingDataAsync\">Show Loading data...</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"ShowSavingDataAsync\">Show Saving data...</Button> @code { [Inject] protected PreloadService PreloadService { get; set; } private async Task ShowLoadingDataAsync() { PreloadService.Show(SpinnerColor.Light, \"Loading data...\"); await Task.Delay(3000); // call the service/api PreloadService.Hide(); } private async Task ShowSavingDataAsync() { PreloadService.Show(SpinnerColor.Light, \"Saving data...\"); await Task.Delay(3000); // call the service/api PreloadService.Hide(); } } See Preload demo here. Change spinner color​ Change the default spinner color by passing the SpinnerColor enum to the Show(...) method. In the below example, we are using a global preload service, as shown in the above section. <Button Color=\"ButtonColor.Primary\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Primary)\">Primary Spinner</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Secondary)\">Secondary Spinner</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Success)\">Success Spinner</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Danger)\">Danger Spinner</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Warning)\">Warning Spinner</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Info)\">Info Spinner</Button> <Button Color=\"ButtonColor.Light\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Light)\">Light Spinner</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Dark)\">Dark Spinner</Button> @code { [Inject] protected PreloadService PreloadService { get; set; } private async Task ShowSpinnerAsync(SpinnerColor spinnerColor) { PreloadService.Show(spinnerColor); await Task.Delay(3000); // call the service/api PreloadService.Hide(); } } See Preload demo here. Edit this page Previous Placeholders Next Progress Parameters Preload Service Methods Global preload service for the application Change loading text Change spinner color","s":"Blazor Preload","u":"/components/preload","h":"","p":583},{"i":586,"t":"Components Ribbon On this page Blazor Progress Documentation and examples for using the Blazor Bootstrap Ribbon component. Ribbon Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 2.2.0 EnableFadeEffect bool false Gets or sets the tabs fade effect. 2.2.0 RibbonTab Parameters​ Name Type Default Required Description Added Version Active bool false Gets or sets the active state. 2.2.0 Content RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 2.2.0 Disabled bool false Gets or sets the disabled state. 2.2.0 Name string null Gets or sets the tab name. 2.2.0 Title string null Gets or sets the tab title. 2.2.0 TitleTemplate RenderFragment null Gets or sets the tab title template. 2.2.0 RibbonGroup Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment? null ✔️ Gets or sets the content to be rendered within the component. 2.2.0 RibbonItemGroup Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment? null ✔️ Gets or sets the content to be rendered within the component. 2.2.0 Title string? null Gets or sets the text content of the component. 2.2.0 RibbonItem Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment? null ✔️ Gets or sets the content to be rendered within the component. 2.2.0 CustomIconName string? null The name of a custom icon to be displayed. 2.2.0 IconColor IconColor IconColor.None The color of the icon. 2.2.0 IconCssClass string? null CSS class(es) to be applied to the icon element. 2.2.0 IconName IconName IconName.None The built-in icon to be displayed. 2.2.0 IconSize IconSize IconSize.x3 The size of the icon. Defaults to x3. 2.2.0 ImgHeight double 28 The height of the image in pixels. 2.2.0 ImgSrc string? null The source URL of the image. 2.2.0 ImgWidth double 28 The width of the image in pixels. 2.2.0 IsFirstItem bool false True if this is the first item in the RibbonItemGroup. 2.2.0 IsLastItem bool false True if this is the last item in the RibbonItemGroup. 2.2.0 Name string? null The name associated with the RibbonItem. 2.2.0 Text string? null The text content to be displayed inside the RibbonItem. 2.2.0 Ribbon Methods​ Name Description Added Version RemoveTabByIndex(int tabIndex) Removes the tab by index. 2.2.0 RemoveTabByName(string tabName) Removes the tab by name. 2.2.0 ShowFirstTabAsync() Selects the first tab and show its associated pane. 2.2.0 ShowLastTabAsync() Selects the last tab and show its associated pane. 2.2.0 ShowRecentTab() Shows the recently added tab. 2.2.0 ShowTabByIndexAsync(int tabIndex) Selects the tab by index and show its associated pane. 2.2.0 ShowTabByNameAsync(string tabName) Selects the tab by name and show its associated pane. 2.2.0 Ribbon Events​ Name Description Added Version OnClick This event fires when the user clicks the corresponding RibbonItem. 2.2.0 OnHidden This event fires after a new tab is shown (and thus the previous active tab is hidden). 2.2.0 OnHiding This event fires when a new tab is to be shown (and thus the previous active tab is to be hidden). 2.2.0 OnShowing This event fires on tab show, but before the new tab has been shown. 2.2.0 OnShown This event fires on tab show after a tab has been shown. 2.2.0 RibbonTab Callback Events​ Event Description Added Version OnClick This event fires when the user clicks the corresponding tab button and the tab is displayed. 2.2.0 Examples​ How it works​ In the following example, you will see a ribbon similar to the one found in Outlook. <Ribbon OnClick=\"OnRibbonItemClick\"> <RibbonTab Title=\"Home\" IsActive=\"true\"> <Content> <!-- New --> <RibbonItemGroup Text=\"New\"> <RibbonItem Name=\"NewEmail\" IconName=\"IconName.EnvelopePlus\" IconSize=\"IconSize.x3\" IsFirstItem=\"true\">New<br />Email</RibbonItem> <RibbonItem Name=\"Appointment\" IconName=\"IconName.Calendar3Event\" IconSize=\"IconSize.x3\" Text=\"Appointment\" IsLastItem=\"true\" /> </RibbonItemGroup> <!-- Delete --> <RibbonItemGroup Text=\"Delete\"> <RibbonItem Name=\"Delete\" IconColor=\"IconColor.Danger\" IconName=\"IconName.Trash\" IconSize=\"IconSize.x3\" Text=\"Delete\" IsFirstItem=\"true\" /> <RibbonItem Name=\"Archive\" IconColor=\"IconColor.Primary\" IconName=\"IconName.Archive\" IconSize=\"IconSize.x3\" Text=\"Archive\" IsLastItem=\"true\" /> </RibbonItemGroup> </Content> </RibbonTab> <RibbonTab Title=\"Send / Receive\"> <Content> <!-- Send & Receive --> <RibbonItemGroup Text=\"Send & Receive\"> <RibbonItem Name=\"SendReceiveAllFolders\" IconColor=\"IconColor.Success\" IconName=\"IconName.EnvelopePlus\" IconSize=\"IconSize.x3\" IsFirstItem=\"true\">Send/Receive<br />All Folders</RibbonItem> <RibbonItem Name=\"UpdateFolder\" IconColor=\"IconColor.Primary\" IconName=\"IconName.Calendar3Event\" IconSize=\"IconSize.x3\" IsLastItem=\"true\">Update<br />Folder</RibbonItem> </RibbonItemGroup> <!-- Download --> <RibbonItemGroup Text=\"Download\"> <RibbonItem Name=\"ShowProgress\" IconColor=\"IconColor.Success\" IconName=\"IconName.Trash\" IconSize=\"IconSize.x3\" IsFirstItem=\"true\">Show<br />Progress</RibbonItem> <RibbonItem Name=\"CancelAll\" IconColor=\"IconColor.Primary\" IconName=\"IconName.XSquareFill\" IconSize=\"IconSize.x3\" IsLastItem=\"true\">Cancel<br />All</RibbonItem> </RibbonItemGroup> </Content> </RibbonTab> <RibbonTab Title=\"Folder\"> <Content> <!-- New --> <RibbonItemGroup Text=\"New\"> <RibbonItem Name=\"NewFolder\" IconColor=\"IconColor.Success\" IconName=\"IconName.FolderPlus\" IconSize=\"IconSize.x3\" IsFirstItem=\"true\">New<br />Folder</RibbonItem> <RibbonItem Name=\"NewSearchFolder\" IconColor=\"IconColor.Primary\" IconName=\"IconName.Search\" IconSize=\"IconSize.x3\" IsLastItem=\"true\">New<br />Search Folder</RibbonItem> </RibbonItemGroup> <!-- Actions --> <RibbonItemGroup Text=\"Actions\"> <RibbonItem Name=\"RenameFolder\" IconColor=\"IconColor.Success\" IconName=\"IconName.CursorText\" IconSize=\"IconSize.x3\" IsFirstItem=\"true\">Rename<br />Folder</RibbonItem> <RibbonItem Name=\"CopyFolder\" IconColor=\"IconColor.Primary\" IconName=\"IconName.Copy\" IconSize=\"IconSize.x3\">Copy<br />Folder</RibbonItem> <RibbonItem Name=\"MoveFolder\" IconColor=\"IconColor.Primary\" IconName=\"IconName.ArrowRight\" IconSize=\"IconSize.x3\">Move<br />Folder</RibbonItem> <RibbonItem Name=\"DeleteFolder\" IconColor=\"IconColor.Primary\" IconName=\"IconName.FolderX\" IconSize=\"IconSize.x3\" IsLastItem=\"true\">Delete<br />Folder</RibbonItem> </RibbonItemGroup> </Content> </RibbonTab> </Ribbon> <div class=\"mt-2\"> Selected ribbon item: @selectedRibbonItem </div> @code { string? selectedRibbonItem; private void OnRibbonItemClick(RibbonItemEventArgs args) { selectedRibbonItem = args.Name; } } See demo here. Other icons​ In the following example, instead of icons like Bootstrap, Font Awesome, etc., we used PNG icons. <Ribbon OnClick=\"OnRibbonItemClick\"> <RibbonTab Title=\"Home\"> <Content> <!-- New --> <RibbonItemGroup Text=\"New\"> <RibbonItem Name=\"NewEmail\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/new-email.png\" IsFirstItem=\"true\">New<br />Email</RibbonItem> <RibbonItem Name=\"Appointment\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/calendar.png\" Text=\"Appointment\" IsLastItem=\"true\" /> </RibbonItemGroup> <!-- Delete --> <RibbonItemGroup Text=\"Delete\"> <RibbonItem Name=\"Delete\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/bin.png\" Text=\"Delete\" IsFirstItem=\"true\" /> <RibbonItem Name=\"Archive\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/archive.png\" Text=\"Archive\" IsLastItem=\"true\" /> </RibbonItemGroup> </Content> </RibbonTab> <RibbonTab Title=\"Send / Receive\" IsActive=\"true\"> <Content> <!-- Send & Receive --> <RibbonItemGroup Text=\"Send & Receive\"> <RibbonItem Name=\"SendReceiveAllFolders\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/refresh.png\" IsFirstItem=\"true\">Send/Receive<br />All Folders</RibbonItem> <RibbonItem Name=\"UpdateFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-sync.png\" IsLastItem=\"true\">Update<br />Folder</RibbonItem> </RibbonItemGroup> <!-- Download --> <RibbonItemGroup Text=\"Download\"> <RibbonItem Name=\"ShowProgress\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/loading-bar.png\" IsFirstItem=\"true\">Show<br />Progress</RibbonItem> <RibbonItem Name=\"CancelAll\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/cancelled.png\" IsLastItem=\"true\">Cancel<br />All</RibbonItem> </RibbonItemGroup> </Content> </RibbonTab> <RibbonTab Title=\"Folder\" IsActive=\"true\"> <Content> <!-- New --> <RibbonItemGroup Text=\"New\"> <RibbonItem Name=\"NewFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-add.png\" IsFirstItem=\"true\">New<br />Folder</RibbonItem> <RibbonItem Name=\"NewSearchFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-search.png\" IsLastItem=\"true\">New<br />Search Folder</RibbonItem> </RibbonItemGroup> <!-- Actions --> <RibbonItemGroup Text=\"Actions\"> <RibbonItem Name=\"RenameFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-rename.png\" IsFirstItem=\"true\">Rename<br />Folder</RibbonItem> <RibbonItem Name=\"CopyFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-copy.png\">Copy<br />Folder</RibbonItem> <RibbonItem Name=\"MoveFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-move.png\">Move<br />Folder</RibbonItem> <RibbonItem Name=\"DeleteFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-delete.png\" IsLastItem=\"true\">Delete<br />Folder</RibbonItem> </RibbonItemGroup> </Content> </RibbonTab> </Ribbon> <div class=\"mt-2\"> Selected ribbon item: @selectedRibbonItem </div> @code { string? selectedRibbonItem; private void OnRibbonItemClick(RibbonItemEventArgs args) { selectedRibbonItem = args.Name; } } See demo here. NOTE All the PNG icons used on this page are from Flaticon with a premium license only. Edit this page Previous Progress Next Script Loader Ribbon Parameters RibbonTab Parameters RibbonGroup Parameters RibbonItemGroup Parameters RibbonItem Parameters Ribbon Methods Ribbon Events RibbonTab Callback Events Examples How it works Other icons","s":"Blazor Progress","u":"/components/ribbon","h":"","p":585},{"i":588,"t":"Components Script Loader On this page Blazor Script Loader Documentation and examples for using the Blazor Bootstrap Script Loader component. Script Loader Parameters​ Name Type Default Required Description Added Version Async bool false Gets or sets the async. 1.11.0 ScriptId string? null Gets or set the script id. 1.11.0 Source string? null ✔️ This parameter specifies the URI of an external script; this can be used as an alternative to embedding a script directly within a document. 1.11.0 Script Loader Events​ Name Description Added Version OnError An event that is fired when a script loading error occurs. 1.11.0 OnLoad An event that is fired when a script has been successfully loaded. 1.11.0 How it works​ In the following example, the jQuery script is loaded using the Script Loader component. <ScriptLoader Async=\"true\" Class=\"mt-4\" ScriptId=\"script1\" Source=\"//cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js\" /> Test To test whether the jQuery script has been loaded successfully, run $('#script1')[0] in the browser console. See demo here. Events​ In the following example, an incorrect script source is specified. This is why the OnError callback event is called, and the message is updated with the error message. <ScriptLoader Async=\"true\" Class=\"mt-4\" OnLoad=\"OnScriptLoad\" OnError=\"OnScriptError\" ScriptId=\"script2\" Source=\"//cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min1.js\"/> <div class=\"text-danger\">@message</div> @code { string? message; private void OnScriptLoad() => message = \"Script loaded successfully.\"; private void OnScriptError(string errorMessage) => message = errorMessage; } Edit this page Previous Ribbon Next Sidebar Script Loader Parameters Script Loader Events How it works Events","s":"Blazor Script Loader","u":"/components/script-loader","h":"","p":587},{"i":590,"t":"Components Progress On this page Blazor Progress Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels. Progress Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Height double 16 Gets or sets the height of the Progress. Height is measured in pixels, and the default height is 16 pixels. 1.0.0 ProgressBar Parameters​ Name Type Default Required Description Added Version Color ProgressColor ProgressColor.None Gets or sets the progress color. 1.0.0 Label string null Gets or sets the progress bar label. 1.0.0 Type ProgressType ProgressType.Default Gets or sets the progress bar type. 1.0.0 Width double 0 Get or sets the progress bar width. 1.0.0 ProgressBar Methods​ Name Description DecreaseWidth Decrease the progress bar width. GetWidth Get the progress bar width. IncreaseWidth Increase the progress bar width. SetColor Set the progress bar color. SetLabel Set the progress bar label. SetWidth Set the progress bar width. Examples​ How it works​ <Progress Class=\"mb-3\"> <ProgressBar /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Width=\"20\" Label=\"20%\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Success\" Width=\"40\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Warning\" Width=\"60\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Danger\" Width=\"70\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Dark\" Width=\"80\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Success\" Width=\"20\" /> <ProgressBar Color=\"ProgressColor.Info\" Width=\"20\" /> <ProgressBar Color=\"ProgressColor.Warning\" Width=\"20\" /> <ProgressBar Color=\"ProgressColor.Danger\" Width=\"30\" /> </Progress> See demo here. Labels​ Add labels to your Blazor ProgressBar component using the Label parameter or by calling the SetLabel(...) method. <Progress Class=\"mb-3\"> <ProgressBar Width=\"20\" Label=\"20%\" /> </Progress> See demo here. Set width programmatically​ Use IncreaseWidth() or DecreaseProgressBar() methods to increase or decrease the Blazor ProgressBar width. <Progress Class=\"mb-3\"> <ProgressBar @ref=\"progressBar\" /> </Progress> <div class=\"mb-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"IncreaseProgressBar\">Increase by 10%</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"DecreaseProgressBar\">Decrease by 10%</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"ResetProgressBar\">Reset</Button> </div> @code { ProgressBar progressBar; private void IncreaseProgressBar() { progressBar.IncreaseWidth(10); progressBar.SetLabel($\"{progressBar.GetWidth()}%\"); } private void DecreaseProgressBar() { progressBar.DecreaseProgressBar(10); progressBar.SetLabel($\"{progressBar.GetWidth()}%\"); } private void ResetProgressBar() { progressBar.SetWidth(0); progressBar.SetLabel($\"{progressBar.GetWidth()}%\"); } } See demo here. Height​ Set the height of the Blazor Progress by using the Height parameter. Height is measured in pixels. <Progress Class=\"mb-3\" Height=\"1\"> <ProgressBar Width=\"20\" /> </Progress> <Progress Class=\"mb-3\" Height=\"5\"> <ProgressBar Width=\"20\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Width=\"40\" /> </Progress> <Progress Class=\"mb-3\" Height=\"20\"> <ProgressBar Width=\"40\" /> </Progress> See demo here. Backgrounds​ Use the Color parameter or the SetColor(ProgressColor color) method to change the appearance of individual Blazor ProgressBar components. <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Success\" Width=\"10\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Info\" Width=\"20\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Warning\" Width=\"30\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Danger\" Width=\"40\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Primary\" Width=\"60\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Secondary\" Width=\"70\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Dark\" Width=\"80\" /> </Progress> See demo here. Set background programmatically​ You can dynamically set the Blazor ProgressBar color by calling the SetColor() method. <Progress Class=\"mb-3\"> <ProgressBar @ref=\"progressBar\" Width=\"30\" Label=\"30%\" /> </Progress> <div> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Success\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Success)\">Set Color</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Info\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Info)\">Set Color</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Warning\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Warning)\">Set Color</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Danger\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Danger)\">Set Color</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Primary)\">Set Color</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Secondary)\">Set Color</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Dark\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Dark)\">Set Color</Button> </div> @code { ProgressBar progressBar; private void SetColor(ProgressColor color) => progressBar.SetColor(color); } See demo here. Multiple bars​ Include multiple Blazor ProgressBar components in a Blazor Progress component if needed. <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Success\" Width=\"20\" /> <ProgressBar Color=\"ProgressColor.Info\" Width=\"20\" /> <ProgressBar Color=\"ProgressColor.Warning\" Width=\"20\" /> <ProgressBar Color=\"ProgressColor.Danger\" Width=\"10\" /> </Progress> See demo here. Striped​ Add Type=\"ProgressType.Striped\" to any Blazor ProgressBar component to apply a stripe. <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Success\" Width=\"10\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Info\" Width=\"20\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Warning\" Width=\"30\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Danger\" Width=\"40\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Primary\" Width=\"60\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Secondary\" Width=\"80\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Dark\" Width=\"100\" /> </Progress> See demo here. Animated stripes​ The stripes can also be animated. Add Type=\"ProgressType.StripedAndAnimated\" to the Blazor ProgressBar component to animate the stripes right to the left. <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Success\" Width=\"10\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Info\" Width=\"20\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Warning\" Width=\"30\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Danger\" Width=\"40\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Primary\" Width=\"60\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Secondary\" Width=\"80\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Dark\" Width=\"100\" /> </Progress> See demo here. Edit this page Previous Preload Next Ribbon Progress Parameters ProgressBar Parameters ProgressBar Methods Examples How it works Labels Set width programmatically Height Backgrounds Set background programmatically Multiple bars Striped Animated stripes","s":"Blazor Progress","u":"/components/progress","h":"","p":589},{"i":592,"t":"Components Sidebar2 On this page Blazor Sidebar Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels. Parameters​ Name Type Default Required Description Added Version BadgeText string? null Gets or sets the badge text. 2.1.0 CustomIconName string? null Gets or sets the custom icon name. 2.1.0 DataProvider Sidebar2DataProviderDelegate? ✔️ Gets or sets the data provider. 2.1.0 Href string? string.Empty Gets or sets the Href. 3.0.0 IconName IconName IconName.None Gets or sets the IconName. 2.1.0 ImageSrc string? null Gets or sets the logo. 2.1.0 Title string? null ✔️ Gets or sets the title. 2.1.0 Methods​ Name Description Added Version RefreshDataAsync() Refresh the sidebar data. 2.1.0 ToggleSidebar() Toggles sidebar. 2.1.0 NavItem Properties​ Name Type Default Required Description Added Version Class string? null Gets or sets an additional CSS class. 1.10.3 CustomIconName string? null Gets or sets the custom icon name. 1.4.0 Href string? ✔️ Gets or sets the href. 1.4.0 IconColor IconColor IconColor.None Gets or sets the icon color. 1.4.0 IconName IconName IconName.None Gets or sets the icon name. 1.4.0 Id string? null Gets or sets the Id. 1.4.0 Level int 0 Gets or sets the item level. 2.1.0 Match NavLinkMatch NavLinkMatch.Prefix Gets or sets the URL matching behavior. 1.4.0 ParentId string? null Gets or sets the parent Id. 1.4.0 Sequence int Gets or sets the sequence. 1.4.0 Target Target Target.None Gets or sets the target. 1.4.0 Text string? ✔️ Gets or sets the navigation link text. 1.4.0 Examples​ Basic usage​ <Sidebar2 Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" BadgeText=\"v2.1.0\" DataProvider=\"Sidebar2DataProvider\" /> @code { IEnumerable<NavItem>? navItems; private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); await Task.Delay(2000); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\" }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\" }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", IconName = IconName.ListNested, Text = \"Sidebar 2\", ParentId=\"4\"}, new NavItem { Id = \"701\", Href = \"/sidebar2\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"7\"}, new NavItem { Id = \"702\", Href = \"/sidebar2-examples\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"7\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\" }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } } See demo here. More nested levels​ Use NavItem's Id and ParentId to set the parent-child relation. <Sidebar2 Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" BadgeText=\"v2.1.0\" DataProvider=\"Sidebar2DataProvider\" /> @code { IEnumerable<NavItem>? navItems; private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); await Task.Delay(2000); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\" }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\" }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", IconName = IconName.ListNested, Text = \"Sidebar 2\", ParentId=\"4\"}, new NavItem { Id = \"701\", Href = \"/sidebar2/how-to-use\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"7\"}, new NavItem { Id = \"702\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"7\"}, new NavItem { Id = \"70201\", Href = \"/sidebar2\", IconName = IconName.Dash, Text = \"Nested levels\", ParentId=\"702\"}, new NavItem { Id = \"8\", IconName = IconName.Grid, Text = \"Grid\", ParentId=\"4\"}, new NavItem { Id = \"801\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"8\"}, new NavItem { Id = \"802\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"8\"}, new NavItem { Id = \"80201\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"Filters\", ParentId=\"802\"}, new NavItem { Id = \"9\", IconName = IconName.WindowPlus, Text = \"Forms\" }, new NavItem { Id = \"10\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"9\"}, new NavItem { Id = \"11\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"9\"}, new NavItem { Id = \"12\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"9\"}, new NavItem { Id = \"13\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"9\"}, }; return navItems; } } See demo here. Full layout with sidebar​ Replace your MainLayout.razor page code with the below example to have a complete layout with a sidebar. <div class=\"bb-page\"> <Sidebar2 Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" BadgeText=\"v2.1.0\" DataProvider=\"Sidebar2DataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { IEnumerable<NavItem>? navItems; private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); await Task.Delay(2000); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", IconName = IconName.ListNested, Text = \"Sidebar 2\", ParentId=\"4\"}, new NavItem { Id = \"701\", Href = \"/sidebar2/how-to-use\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"7\"}, new NavItem { Id = \"702\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"7\"}, new NavItem { Id = \"70201\", Href = \"/sidebar2\", IconName = IconName.Dash, Text = \"Nested levels\", ParentId=\"702\"}, new NavItem { Id = \"8\", IconName = IconName.Grid, Text = \"Grid\", ParentId=\"4\", IconColor = IconColor.Danger }, new NavItem { Id = \"801\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"8\"}, new NavItem { Id = \"802\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"8\"}, new NavItem { Id = \"80201\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"Filters\", ParentId=\"802\"}, new NavItem { Id = \"9\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Warning }, new NavItem { Id = \"10\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"9\"}, new NavItem { Id = \"11\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"9\"}, new NavItem { Id = \"12\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"9\"}, new NavItem { Id = \"13\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"9\"}, }; return navItems; } } See demo here. Custom brand icon​ Use the CustomIconName parameter to set the custom logo icon using font awesome or other icons. <div class=\"bb-page\"> <Sidebar2 Href=\"/\" CustomIconName=\"bi bi-apple\" Title=\"Blazor Bootstrap\" BadgeText=\"v2.1.0\" DataProvider=\"Sidebar2DataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { IEnumerable<NavItem>? navItems; private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); await Task.Delay(2000); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", IconName = IconName.ListNested, Text = \"Sidebar 2\", ParentId=\"4\"}, new NavItem { Id = \"701\", Href = \"/sidebar2/how-to-use\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"7\"}, new NavItem { Id = \"702\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"7\"}, new NavItem { Id = \"70201\", Href = \"/sidebar2\", IconName = IconName.Dash, Text = \"Nested levels\", ParentId=\"702\"}, new NavItem { Id = \"8\", IconName = IconName.Grid, Text = \"Grid\", ParentId=\"4\", IconColor = IconColor.Danger }, new NavItem { Id = \"801\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"8\"}, new NavItem { Id = \"802\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"8\"}, new NavItem { Id = \"80201\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"Filters\", ParentId=\"802\"}, new NavItem { Id = \"9\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Warning }, new NavItem { Id = \"10\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"9\"}, new NavItem { Id = \"11\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"9\"}, new NavItem { Id = \"12\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"9\"}, new NavItem { Id = \"13\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"9\"}, }; return navItems; } } See demo here. Show image as brand logo​ Use the ImageSrc parameter to set the brand logo. <div class=\"bb-page\"> <Sidebar2 Href=\"/\" ImageSrc=\"https://demos.blazorbootstrap.com/images/logo/logo-white.svg\" Title=\"Blazor Bootstrap\" BadgeText=\"v2.1.0\" DataProvider=\"Sidebar2DataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { IEnumerable<NavItem>? navItems; private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); await Task.Delay(2000); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", IconName = IconName.ListNested, Text = \"Sidebar 2\", ParentId=\"4\"}, new NavItem { Id = \"701\", Href = \"/sidebar2/how-to-use\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"7\"}, new NavItem { Id = \"702\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"7\"}, new NavItem { Id = \"70201\", Href = \"/sidebar2\", IconName = IconName.Dash, Text = \"Nested levels\", ParentId=\"702\"}, new NavItem { Id = \"8\", IconName = IconName.Grid, Text = \"Grid\", ParentId=\"4\", IconColor = IconColor.Danger }, new NavItem { Id = \"801\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"8\"}, new NavItem { Id = \"802\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"8\"}, new NavItem { Id = \"80201\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"Filters\", ParentId=\"802\"}, new NavItem { Id = \"9\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Warning }, new NavItem { Id = \"10\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"9\"}, new NavItem { Id = \"11\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"9\"}, new NavItem { Id = \"12\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"9\"}, new NavItem { Id = \"13\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"9\"}, }; return navItems; } } See demo here. Edit this page Previous Sidebar Next Sortable List Parameters Methods NavItem Properties Examples Basic usage More nested levels Full layout with sidebar Custom brand icon Show image as brand logo","s":"Blazor Sidebar","u":"/components/sidebar2","h":"","p":591},{"i":594,"t":"Components Spinners On this page Blazor Sidebar Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component. Parameters​ Name Type Default Required Description Added Version Color SpinnerColor SpinnerColor.None Gets or sets the color of the spinner. 2.0.0 Size SpinnerSize SpinnerSize.Medium Gets or sets the size of the spinner. 2.0.0 Title string? null Gets or sets the title text used as an accessibility attribute. 2.0.0 Type SpinnerType SpinnerType.Border Gets or sets the type of the spinner. 2.0.0 Visible bool true Gets or sets whether the spinner is visible or not. 2.0.0 VisuallyHiddenText string? Loading... Gets or sets the visually hidden text. 2.0.0 Examples​ Border spinner​ Use the border spinners for a lightweight loading indicator. <Spinner /> See demo here. Colors​ The border spinner's border color inherits the element's color (currentColor). This means you can easily customize the spinner's color by changing the Color parameter on the standard spinner. <Spinner Color=\"SpinnerColor.Primary\" /> <Spinner Color=\"SpinnerColor.Secondary\" /> <Spinner Color=\"SpinnerColor.Success\" /> <Spinner Color=\"SpinnerColor.Danger\" /> <Spinner Color=\"SpinnerColor.Warning\" /> <Spinner Color=\"SpinnerColor.Info\" /> <Spinner Color=\"SpinnerColor.Light\" /> <Spinner Color=\"SpinnerColor.Dark\" /> See demo here. Grow spinner​ If you don't fancy a border spinner, switch to the grow spinner, while it doesn't technically spin, it does repeatedly grow! <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Primary\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Secondary\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Success\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Danger\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Warning\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Info\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Light\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Dark\" /> See demo here. Loading dots spinner​ The loading dots are a special indicator for a lightweight loading indicator. <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Primary\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Secondary\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Success\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Danger\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Warning\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Info\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Light\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Dark\" /> See demo here. Alignment​ Margin​ <Spinner Type=\"SpinnerType.Border\" Class=\"m-5\" /> See demo here. Placement​ Flex​ <div class=\"d-flex justify-content-center\"> <Spinner Type=\"SpinnerType.Border\" /> </div> <div class=\"d-flex justify-content-center\"> <strong role=\"status\">Loading...</strong> <Spinner Type=\"SpinnerType.Border\" Class=\"ms-auto\" /> </div> See demo here. Floats​ <div class=\"clearfix\"> <Spinner Type=\"SpinnerType.Border\" Class=\"float-end\" /> </div> See demo here. Text align​ <div class=\"text-center\"> <Spinner Type=\"SpinnerType.Border\" /> </div> See demo here. Size​ <Spinner Type=\"SpinnerType.Border\" Size=\"SpinnerSize.Small\" /> <Spinner Type=\"SpinnerType.Border\" /> <Spinner Type=\"SpinnerType.Border\" Size=\"SpinnerSize.Large\" /> <Spinner Type=\"SpinnerType.Border\" Size=\"SpinnerSize.ExtraLarge\" /> <Spinner Type=\"SpinnerType.Grow\" Size=\"SpinnerSize.Small\" /> <Spinner Type=\"SpinnerType.Grow\" /> <Spinner Type=\"SpinnerType.Grow\" Size=\"SpinnerSize.Large\" /> <Spinner Type=\"SpinnerType.Grow\" Size=\"SpinnerSize.ExtraLarge\" /> <Spinner Class=\"me-3\" Type=\"SpinnerType.Dots\" Color=\"SpinnerColor.Primary\" Size=\"SpinnerSize.Small\" /> <Spinner Class=\"me-3\" Type=\"SpinnerType.Dots\" Color=\"SpinnerColor.Secondary\" /> <Spinner Class=\"me-3\" Type=\"SpinnerType.Dots\" Color=\"SpinnerColor.Success\" Size=\"SpinnerSize.Large\" /> <Spinner Class=\"me-3\" Type=\"SpinnerType.Dots\" Color=\"SpinnerColor.Danger\" Size=\"SpinnerSize.ExtraLarge\" /> See demo here. Visible​ <Spinner Class=\"me-3\" Type=\"SpinnerType.Dots\" Color=\"SpinnerColor.Primary\" Visible=\"@visible\" /> <div class=\"b-block mt-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"Hide\">Hide</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"Show\">Show</Button> </div> @code { private bool visible = true; private void Hide() => visible = false; private void Show() => visible = true; } See demo here. Edit this page Previous Sortable List Next Tabs Parameters Examples Border spinner Colors Grow spinner Loading dots spinner Alignment Margin Placement Flex Floats Text align Size Visible","s":"Blazor Sidebar","u":"/components/spinners","h":"","p":593},{"i":596,"t":"Components Sortable List On this page Blazor Sortable List (Preview) The Blazor Bootstrap Sortable List component, built on top of SortableJS, enables drag-and-drop reordering of lists. Setup​ Before using the SortableList component, include the SortableJS script reference in your index.html/_Host.cshtml file. <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> Parameters​ Name Type Default Required Description Added Version AllowSorting bool true Gets or sets a value indicating whether sorting is allowed for the list. 2.2.0 ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 2.2.0 Data List<TItem> null Gets or sets the items. 2.2.0 DisabledItemCssClass string? null Gets or sets the CSS class applied to disabled items. 2.2.0 DisableItem Func<TItem, bool> Gets or sets a delegate that determines whether an item should be disabled. 2.2.0 EmptyDataTemplate RenderFragment null Specifies the template to render when there are no items to display in the list. 2.2.0 EmptyText string No records to display Gets or sets the text to display when there are no records in the list. 2.2.0 Group string? null Gets or sets the group name associated with the list. 2.2.0 Handle string? null Gets or sets the CSS selector for the drag handle element. 2.2.0 IsLoading bool false Gets or sets a value indicating whether the list is currently loading. 2.2.0 ItemTemplate RenderFragment<TItem>? null Gets or sets the template used to render individual items in the list. 2.2.0 LoadingTemplate RenderFragment null Gets or sets the loading template. 2.2.0 Name string? null Gets or sets the name of the SortableList component. 2.2.0 Pull SortableListPullMode SortableListPullMode.True Gets or sets the pull mode for the sortable list. 2.2.0 Put SortableListPutMode SortableListPutMode.True Gets or sets the put mode for the sortable list. 2.2.0 Methods​ There are no public methods available. Callback Events​ Event Description Added Version OnAdd Gets or sets an event callback that fires when an item is added to the list. 2.2.0 OnRemove Gets or sets an event callback that fires when an item is removed from the list. 2.2.0 OnUpdate Gets or sets an event callback that fires when an item is updated in the list. 2.2.0 Examples​ Basic usage​ <SortableList TItem=\"Employee\" Data=\"employees\" Context=\"item\" OnUpdate=\"@OnEmployeeListUpdate\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> @code { public List<Employee> employees = Enumerable.Range(1, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); private void OnEmployeeListUpdate(SortableListEventArgs args) { var itemToMove = employees[args.OldIndex]; employees.RemoveAt(args.OldIndex); if (args.NewIndex < employees.Count) employees.Insert(args.NewIndex, itemToMove); else employees.Add(itemToMove); } public record Employee(int Id, string? Name); } See demo here. Shared lists​ To drag-and-drop an item from one list to the other and vice versa, set the Group parameter for all the lists. Providing the same Group name for the lists is what links them together. In the below example, both lists use the same Group. <div class=\"row\"> <div class=\"col\"> <SortableList TItem=\"Employee\" Group=\"SharedListExample2\" Name=\"empList1\" Data=\"employeeList1\" Context=\"item\" OnUpdate=\"OnEmployeeList1Update\" OnRemove=\"OnEmployeeList1Remove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> <div class=\"col\"> <SortableList TItem=\"Employee\" Group=\"SharedListExample2\" Name=\"empList2\" Data=\"employeeList2\" Context=\"item\" OnUpdate=\"OnEmployeeList2Update\" OnRemove=\"OnEmployeeList2Remove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> </div> @code { public List<Employee> employeeList1 = Enumerable.Range(1, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); public List<Employee> employeeList2 = Enumerable.Range(6, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); private void OnEmployeeList1Update(SortableListEventArgs args) { var itemToMove = employeeList1[args.OldIndex]; employeeList1.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList1.Count) employeeList1.Insert(args.NewIndex, itemToMove); else employeeList1.Add(itemToMove); } private void OnEmployeeList2Update(SortableListEventArgs args) { var itemToMove = employeeList2[args.OldIndex]; employeeList2.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList2.Count) employeeList2.Insert(args.NewIndex, itemToMove); else employeeList2.Add(itemToMove); } private void OnEmployeeList1Remove(SortableListEventArgs args) { // get the item at the old index in list 1 var item = employeeList1[args.OldIndex]; // add it to the new index in list 2 employeeList2.Insert(args.NewIndex, item); // remove the item from the old index in list 1 employeeList1.Remove(employeeList1[args.OldIndex]); } private void OnEmployeeList2Remove(SortableListEventArgs args) { // get the item at the old index in list 2 var item = employeeList2[args.OldIndex]; // add it to the new index in list 1 employeeList1.Insert(args.NewIndex, item); // remove the item from the old index in list 2 employeeList2.Remove(employeeList2[args.OldIndex]); } public record Employee(int Id, string? Name); } In the following example, all three lists use the same group. <div class=\"row\"> <div class=\"col\"> <SortableList TItem=\"Employee\" Group=\"SharedListExample3\" Name=\"empList1\" Data=\"employeeList1\" Context=\"item\" OnUpdate=\"OnEmployeeList1Update\" OnRemove=\"OnEmployeeListRemove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> <div class=\"col\"> <SortableList TItem=\"Employee\" Group=\"SharedListExample3\" Name=\"empList2\" Data=\"employeeList2\" Context=\"item\" OnUpdate=\"OnEmployeeList2Update\" OnRemove=\"OnEmployeeListRemove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> <div class=\"col\"> <SortableList TItem=\"Employee\" Group=\"SharedListExample3\" Name=\"empList3\" Data=\"employeeList3\" Context=\"item\" OnUpdate=\"OnEmployeeList3Update\" OnRemove=\"OnEmployeeListRemove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> </div> @code { public List<Employee> employeeList1 = Enumerable.Range(10, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); public List<Employee> employeeList2 = Enumerable.Range(20, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); public List<Employee> employeeList3 = Enumerable.Range(30, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); private void OnEmployeeList1Update(SortableListEventArgs args) { var itemToMove = employeeList1[args.OldIndex]; employeeList1.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList1.Count) employeeList1.Insert(args.NewIndex, itemToMove); else employeeList1.Add(itemToMove); } private void OnEmployeeList2Update(SortableListEventArgs args) { var itemToMove = employeeList2[args.OldIndex]; employeeList2.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList2.Count) employeeList2.Insert(args.NewIndex, itemToMove); else employeeList2.Add(itemToMove); } private void OnEmployeeList3Update(SortableListEventArgs args) { var itemToMove = employeeList3[args.OldIndex]; employeeList3.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList3.Count) employeeList3.Insert(args.NewIndex, itemToMove); else employeeList3.Add(itemToMove); } private void OnEmployeeListRemove(SortableListEventArgs args) { Employee? item = default!; // get the item at the old index if (args.FromListName == \"empList1\") item = employeeList1[args.OldIndex]; else if (args.FromListName == \"empList2\") item = employeeList2[args.OldIndex]; else item = employeeList3[args.OldIndex]; // add it to the new index if (args.ToListName == \"empList1\") employeeList1.Insert(args.NewIndex, item); else if (args.ToListName == \"empList2\") employeeList2.Insert(args.NewIndex, item); else employeeList3.Insert(args.NewIndex, item); // remove the item from the old index if (args.FromListName == \"empList1\") employeeList1.Remove(employeeList1[args.OldIndex]); else if (args.FromListName == \"empList2\") employeeList2.Remove(employeeList2[args.OldIndex]); else employeeList3.Remove(employeeList3[args.OldIndex]); } public record Employee(int Id, string? Name); } See demo here. Cloning​ By setting Pull=\"SortableListPullMode.Clone\", you can enable item cloning. Drag an item from one list to another to create a copy that stays in the original list. <div class=\"row\"> <div class=\"col\"> <SortableList TItem=\"Employee\" Data=\"employeeList1\" Context=\"item\" Group=\"SharedListExample3\" Pull=\"SortableListPullMode.Clone\" OnUpdate=\"OnEmployeeList1Update\" OnRemove=\"OnEmployeeList1Remove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> <div class=\"col\"> <SortableList TItem=\"Employee\" Data=\"employeeList2\" Context=\"item\" Group=\"SharedListExample3\" Pull=\"SortableListPullMode.Clone\" OnUpdate=\"OnEmployeeList2Update\" OnRemove=\"OnEmployeeList2Remove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> </div> @code { public List<Employee> employeeList1 = Enumerable.Range(10, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); public List<Employee> employeeList2 = Enumerable.Range(20, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); private void OnEmployeeList1Update(SortableListEventArgs args) { var itemToMove = employeeList1[args.OldIndex]; employeeList1.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList1.Count) employeeList1.Insert(args.NewIndex, itemToMove); else employeeList1.Add(itemToMove); } private void OnEmployeeList2Update(SortableListEventArgs args) { var itemToMove = employeeList2[args.OldIndex]; employeeList2.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList2.Count) employeeList2.Insert(args.NewIndex, itemToMove); else employeeList2.Add(itemToMove); } private void OnEmployeeList1Remove(SortableListEventArgs args) { // get the item at the old index in list 1 var item = employeeList1[args.OldIndex]; var clone = item with {}; // add it to the new index in list 2 employeeList2.Insert(args.NewIndex, clone); } private void OnEmployeeList2Remove(SortableListEventArgs args) { // get the item at the old index in list 2 var item = employeeList2[args.OldIndex]; var clone = item with { }; // add it to the new index in list 1 employeeList1.Insert(args.NewIndex, clone); } public record Employee(int Id, string? Name); } See demo here. Disable sorting​ You can disable list sorting by setting AllowSorting=\"false\". In the example below, the list cannot be sorted. <SortableList TItem=\"Employee\" Data=\"items\" Context=\"item\" AllowSorting=\"false\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> @code { public List<Employee> items = Enumerable.Range(1, 5).Select(i => new Employee { Id = i, Name = $\"Item {i}\" }).ToList(); public class Employee { public int Id { get; set; } public string? Name { get; set; } } } See demo here. Handle​ The Handle parameter specifies the CSS class that denotes the drag handle. In the example below, items can only be sorted by dragging the handle itself. <SortableList Class=\"mb-3\" Handle=\".bb-sortable-list-handle\" TItem=\"Employee\" Data=\"employees\" Context=\"item\" OnUpdate=\"@OnEmployeeListUpdate\"> <ItemTemplate> <div class=\"d-flex justify-content-start\"> <div class=\"bb-sortable-list-handle pe-2\"><Icon Name=\"IconName.GripVertical\" /></div> <div>@item.Name</div> </div> </ItemTemplate> </SortableList> @code { public List<Employee> employees = Enumerable.Range(1, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); private void OnEmployeeListUpdate(SortableListEventArgs args) { var itemToMove = employees[args.OldIndex]; employees.RemoveAt(args.OldIndex); if (args.NewIndex < employees.Count) employees.Insert(args.NewIndex, itemToMove); else employees.Add(itemToMove); } public record Employee(int Id, string? Name); } See demo here. Disable item​ Try dragging the red-backgrounded item. You won't be able to, as it's disabled using the DisableItem parameter. <SortableList TItem=\"Employee\" Data=\"employees\" Context=\"item\" DisableItem=\"(emp) => emp.Id == 4\" DisabledItemCssClass=\"list-group-item-danger border-0\" OnUpdate=\"@OnEmployeeListUpdate\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> @code { public List<Employee> employees = Enumerable.Range(1, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); private void OnEmployeeListUpdate(SortableListEventArgs args) { var itemToMove = employees[args.OldIndex]; employees.RemoveAt(args.OldIndex); if (args.NewIndex < employees.Count) employees.Insert(args.NewIndex, itemToMove); else employees.Add(itemToMove); } public record Employee(int Id, string? Name); } See demo here. Nested sortables​ note Nested list sorting is not currently supported. We will add this feature in upcoming releases. Dynamic data​ <SortableList Class=\"mb-3\" TItem=\"Employee\" Data=\"employees\" Context=\"item\" IsLoading=\"isLoading\" OnUpdate=\"@OnEmployeeListUpdate\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> <Button Color=\"ButtonColor.Success\" @onclick=\"LoadDataAsync\"> Load data </Button> @code { public bool isLoading = false; public List<Employee> employees = null!; private async Task LoadDataAsync() { isLoading = true; await Task.Delay(3000); employees = Enumerable.Range(1, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); isLoading = false; await base.OnInitializedAsync(); } private void OnEmployeeListUpdate(SortableListEventArgs args) { var itemToMove = employees[args.OldIndex]; employees.RemoveAt(args.OldIndex); if (args.NewIndex < employees.Count) employees.Insert(args.NewIndex, itemToMove); else employees.Add(itemToMove); } public record Employee(int Id, string? Name); } See demo here. Empty data​ <SortableList TItem=\"Employee\" Data=\"items\" Context=\"item\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> @code { public List<Employee> items = null!; public record Employee(int Id, string? Name); } See demo here. Edit this page Previous Sidebar2 Next Spinners Setup Parameters Methods Callback Events Examples Basic usage Shared lists Cloning Disable sorting Handle Disable item Nested sortables Dynamic data Empty data","s":"Blazor Sortable List (Preview)","u":"/components/sortable-list","h":"","p":595},{"i":598,"t":"Content Icons On this page Blazor Icons Blazor Bootstrap icon component will display an icon from any icon font. Prerequisites​ Install Bootstrap Icons or other. Refer: Bootstrap Icons Include the icon fonts stylesheet in your website <head> or @import in CSS from CDN. <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css\" rel=\"stylesheet\" /> Parameters​ Name Type Default Required Description Added Version Color IconColor IconColor.None Gets or sets the icon color. 1.9.0 CustomIconName string? null Specify custom icons of your own, like fontawesome. Example: fas fa-alarm-clock 1.0.0 Name IconName IconName.None Gets or sets the icon name. 1.0.0 Size IconSize IconSize.None Gets or sets the icon size. 1.0.0 NOTE Either Name or CustomIconName parameter is mandatory. For Font Awesome setup, please follow the Font Awesome website. Examples​ Icons​ <Icon Name=\"IconName.Alarm\" /> <Icon Name=\"IconName.AlarmFill\" /> <Icon Name=\"IconName.Window\" /> <Icon Name=\"IconName.Apple\" /> See icons demo here. Sizes​ <Icon Name=\"IconName.Alarm\" Size=\"IconSize.x2\" /> <Icon Name=\"IconName.Alarm\" Size=\"IconSize.x3\" /> <Icon Name=\"IconName.Alarm\" Size=\"IconSize.x4\" /> <Icon Name=\"IconName.Alarm\" Size=\"IconSize.x5\" /> See icons with different size demo here. Font awesome icons​ In the following example, we used Font Awesome 6.4.2 free version icons. For Font Awesome setup, please follow the Font Awesome website. <Icon CustomIconName=\"fa-solid fa-hands-clapping\" Size=\"IconSize.x1\" /> <Icon CustomIconName=\"fa-solid fa-hands-clapping\" Size=\"IconSize.x2\" /> <Icon CustomIconName=\"fa-solid fa-hands-clapping\" Size=\"IconSize.x3\" /> <Icon CustomIconName=\"fa-solid fa-hands-clapping\" Size=\"IconSize.x4\" /> <Icon CustomIconName=\"fa-solid fa-hands-clapping\" Size=\"IconSize.x5\" /> <Icon CustomIconName=\"fa-solid fa-hands-clapping\" Size=\"IconSize.x6\" /> Colors​ <Icon Name=\"IconName.Facebook\" Size=\"IconSize.x2\" Color=\"IconColor.Primary\" /> <Icon Name=\"IconName.CloudLightningRainFill\" Size=\"IconSize.x2\" Color=\"IconColor.Secondary\" /> <Icon Name=\"IconName.CheckAll\" Size=\"IconSize.x2\" Color=\"IconColor.Success\" /> <Icon Name=\"IconName.Bug\" Size=\"IconSize.x2\" Color=\"IconColor.Danger\" /> <Icon Name=\"IconName.ExclamationDiamondFill\" Size=\"IconSize.x2\" Color=\"IconColor.Warning\" /> <Icon Name=\"IconName.InfoCircleFill\" Size=\"IconSize.x2\" Color=\"IconColor.Info\" /> <Icon Name=\"IconName.CreditCard2FrontFill\" Size=\"IconSize.x2\" Color=\"IconColor.Light\" /> <Icon Name=\"IconName.Apple\" Size=\"IconSize.x2\" Color=\"IconColor.Dark\" /> <Icon Name=\"IconName.Asterisk\" Size=\"IconSize.x2\" Color=\"IconColor.Body\" /> <Icon Name=\"IconName.VolumeMuteFill\" Size=\"IconSize.x2\" Color=\"IconColor.Muted\" /> <Icon Name=\"IconName.BrowserSafari\" Size=\"IconSize.x2\" Color=\"IconColor.White\" /> See icons with different size demo here. Inline text with icon​ Inline text <Icon Name=\"IconName.Alarm\" /> See inline text with icon demo here. Link with icon​ <a href=\"#\" class=\"text-decoration-none\"> Example link text <Icon Name=\"IconName.Alarm\" /> </a> See link with icon demo here. Link with custom icon​ <a href=\"#\" class=\"text-decoration-none\"> Example link text <Icon CustomIconName=\"bi bi-bootstrap\" /> </a> See link with custom icon demo here. Button with icon and text​ <Button Color=\"ButtonColor.Primary\"><Icon Name=\"IconName.Alarm\" /> Button </Button> <Button Color=\"ButtonColor.Success\"><Icon Name=\"IconName.Alarm\" /> Button </Button> <Button Color=\"ButtonColor.Danger\" Outline=\"true\"><Icon Name=\"IconName.AlarmFill\" /> Button </Button> See button with icon and text demo here. Button with icon only​ <Button Color=\"ButtonColor.Secondary\"><Icon Name=\"IconName.Alarm\" /></Button> See button with icon only demo here. Button with font awesome icon​ In the following example, we used Font Awesome 6.4.2 free version icons. For Font Awesome setup, please follow the Font Awesome website. <Button Color=\"ButtonColor.Secondary\" TooltipTitle=\"Compare code\"> <Icon CustomIconName=\"fa-solid fa-code-compare\"/> </Button> <Button Color=\"ButtonColor.Secondary\" TooltipTitle=\"Create pull request\"> <Icon CustomIconName=\"fa-solid fa-code-pull-request\" /> </Button> Icon with tooltip​ <Tooltip Title=\"Info Tooltip\" role=\"button\"> <Icon Name=\"IconName.InfoCircleFill\"></Icon> </Tooltip> Bootstrap Icons​ See all bootstrap icons demo here. Edit this page Previous Blazor Server Next Auto Complete Prerequisites Parameters Examples Icons Sizes Font awesome icons Colors Inline text with icon Link with icon Link with custom icon Button with icon and text Button with icon only Button with font awesome icon Icon with tooltip Bootstrap Icons","s":"Blazor Icons","u":"/content/icons","h":"","p":597},{"i":600,"t":"Components Tabs On this page Blazor Tabs Documentation and examples for using Blazor Bootstrap Tabs components. Tabs Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 EnableFadeEffect bool false Gets or sets the tabs fade effect. 1.0.0 NavStyle NavStyle NavStyle.Tabs Get or sets the nav style. 1.0.0 Tabs Methods​ Name Description Added Version InitializeRecentTab(bool showTab) Initializes the most recently added tab, optionally displaying it. 1.11.0 RemoveTabByIndex(int tabIndex) Removes the tab by index. 2.2.0 RemoveTabByName(string tabName) Removes the tab by name. 2.2.0 ShowFirstTabAsync() Selects the first tab and show its associated pane. 1.0.0 ShowLastTabAsync() Selects the last tab and show its associated pane. 1.0.0 ShowRecentTab() Shows the recently added tab. 2.2.0 ShowTabByIndexAsync(int tabIndex) Selects the tab by index and show its associated pane. 1.0.0 ShowTabByNameAsync(string tabName) Selects the tab by name and show its associated pane. 1.0.0 Tabs Callback Events​ Event Description Added Version OnHidden This event fires after a new tab is shown (and thus the previous active tab is hidden). 1.0.0 OnHiding This event fires when a new tab is to be shown (and thus the previous active tab is to be hidden). 1.0.0 OnShowing This event fires on tab show, but before the new tab has been shown. 1.0.0 OnShown This event fires on tab show after a tab has been shown. 1.0.0 Tab Parameters​ Name Type Default Required Description Added Version Active bool false Gets or sets the active state. 1.0.0 Content RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Disabled bool false Gets or sets the disabled state. 1.0.0 Name string null Gets or sets the tab name. 1.0.0 Title string null Gets or sets the tab title. 1.0.0 TitleTemplate RenderFragment null Gets or sets the tab title template. 1.0.0 Note Either Title or TitleTemplate is required. Tab Callback Events​ Event Description Added Version OnClick This event fires when the user clicks the corresponding tab button and the tab is displayed. 1.11.0 Examples​ Tabs​ <Tabs> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Home tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Profile tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Contact tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> </Tabs> See demo here. Fade effect​ To create a fade-in effect for tabs, add the EnableFadeEffect=\"true\" parameter. Additionally, set the IsActive=\"true\" parameter on the first tab pane to display its content initially. <Tabs EnableFadeEffect=\"true\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Home tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Profile tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Contact tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> </Tabs> See demo here. Title with icon​ To customize the tab title, use the TitleTemplate parameter, as demonstrated in the following example. <Tabs EnableFadeEffect=\"true\"> <Tab IsActive=\"true\"> <TitleTemplate> <Icon Name=\"IconName.HouseFill\" /> Home </TitleTemplate> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Home tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab> <TitleTemplate> <Icon Name=\"IconName.PersonFill\" /> Profile </TitleTemplate> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Profile tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab> <TitleTemplate> <Icon Name=\"IconName.PhoneFill\" /> Contact </TitleTemplate> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Contact tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> </Tabs> See demo here. Disable Tab​ Disable specific tabs by adding Disabled=\"true\" parameter. <Tabs EnableFadeEffect=\"true\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Home tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Profile tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Projects\" Disabled=\"true\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Projects tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Contact tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> </Tabs> See demo here. Pills​ To transform the tabs into pills, use the parameter NavStyle=\"NavStyle.Pills\". <Tabs EnableFadeEffect=\"true\" NavStyle=\"NavStyle.Pills\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Home tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Profile tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Contact tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> </Tabs> See demo here. Underline​ Use the NavStyle=\"NavStyle.Underline\" parameter to change the tabs to an underlined style. <Tabs EnableFadeEffect=\"true\" NavStyle=\"NavStyle.Underline\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Home</b> tab.</p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Profile</b> tab.</p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Contact</b> tab.</p> </Content> </Tab> </Tabs> See demo here. Vertical​ Display your tabs vertically by setting the NavStyle parameter to NavStyle.Vertical. <Tabs NavStyle=\"NavStyle.Vertical\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Home</b> tab.</p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Profile</b> tab.</p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Contact</b> tab.</p> </Content> </Tab> <Tab Title=\"About\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>About</b> tab.</p> </Content> </Tab> </Tabs> See demo here. Vertical pills​ <Tabs NavStyle=\"NavStyle.VerticalPills\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Home</b> tab.</p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Profile</b> tab.</p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Contact</b> tab.</p> </Content> </Tab> <Tab Title=\"About\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>About</b> tab.</p> </Content> </Tab> </Tabs> See demo here. Vertical underline​ <Tabs NavStyle=\"NavStyle.VerticalUnderline\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Home</b> tab.</p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Profile</b> tab.</p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Contact</b> tab.</p> </Content> </Tab> <Tab Title=\"About\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>About</b> tab.</p> </Content> </Tab> </Tabs> See demo here. Activate individual tabs​ You can activate individual tabs in several ways. Use predefined methods such as ShowFirstTabAsync, ShowLastTabAsync, ShowTabByIndexAsync, and ShowTabByNameAsync, as shown below. <Tabs @ref=\"tabs\" EnableFadeEffect=\"true\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Home</b> tab.</p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Profile</b> tab.</p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Contact</b> tab.</p> </Content> </Tab> <Tab Title=\"Products\" Name=\"Products\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Products</b> tab.</p> </Content> </Tab> <Tab Title=\"FAQs\" Name=\"FAQ\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>FAQs</b> tab.</p> </Content> </Tab> <Tab Title=\"About\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>About</b> tab.</p> </Content> </Tab> </Tabs> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowFirstTabAsync\">First Tab</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowSecondTabAsync\">Second Tab</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowThirdTabAsync\">Third Tab</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowProductsTabAsync\">Products Tab</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowFaqsAsync\">FAQs Tab</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowLastTabAsync\">Last Tab</Button> @code{ Tabs tabs; private async Task ShowFirstTabAsync() => await tabs.ShowFirstTabAsync(); private async Task ShowSecondTabAsync() => await tabs.ShowTabByIndexAsync(1); private async Task ShowThirdTabAsync() => await tabs.ShowTabByIndexAsync(2); private async Task ShowProductsTabAsync() => await tabs.ShowTabByNameAsync(\"Products\"); private async Task ShowFaqsAsync() => await tabs.ShowTabByNameAsync(\"FAQ\"); private async Task ShowLastTabAsync() => await tabs.ShowLastTabAsync(); } See demo here. Events​ When displaying a new tab, the events fire in the following sequence: OnHiding (on the currently active tab) OnShowing (on the tab that is about to be displayed) OnHidden (on the previously active tab, which is the same one that triggered the OnHiding event) OnShown (on the newly activated tab that has just been displayed, which is the same one that triggered the OnShowing event) Note If no tab was already active, then the OnHiding and OnHidden events will not be fired. See demo here. Methods: Set active tab OnAfterRender​ <Tabs @ref=\"tabs\"> <Tab Title=\"Home\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Home</b> tab.</p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Profile</b> tab.</p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Contact</b> tab.</p> </Content> </Tab> <Tab Title=\"About\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>About</b> tab.</p> </Content> </Tab> </Tabs> @code { Tabs tabs = default!; protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { string userDefaultPreferredTab = \"Profile\"; // Get the value from Service / API switch (userDefaultPreferredTab) { case \"Home\": await tabs.ShowTabByIndexAsync(0); break; case \"Profile\": await tabs.ShowTabByIndexAsync(1); break; case \"Contact\": await tabs.ShowTabByIndexAsync(2); break; case \"About\": await tabs.ShowTabByIndexAsync(3); break; default: await tabs.ShowTabByIndexAsync(0); break; } } } } See demo here. Tab: OnClick​ <Tabs> @foreach (var customer in customers) { <Tab Title=\"@customer.CustomerName\" IsActive=\"selectedCustomer.CustomerId == customer.CustomerId\" OnClick=\"(args) => OnTabClick(args, customer)\"> <Content> <div class=\"mt-3\"> This is the placeholder content for the <b>@customer.CustomerName</b> tab. </div> </Content> </Tab> } </Tabs> @if (selectedCustomer is not null) { <div class=\"mt-3\">Selected customer: <b>@selectedCustomer.CustomerName</b></div> } @code { private List<Customer> customers = new() { new(1, \"Marvin Klein\"), new(2, \"Vikram Reddy\"), new(3, \"Bandita PA\"), new(4, \"Daina JJ\") }; private Customer selectedCustomer = default!; protected override void OnInitialized() => selectedCustomer = customers.First(); private void OnTabClick(TabEventArgs args, Customer customer) => selectedCustomer = customer; } See demo here. Dynamic tabs​ <div class=\"d-flex flex-column\"> <div> <Button Color=\"ButtonColor.Success\" Class=\"mb-3 float-end\" Size=\"Size.ExtraSmall\" @onclick=\"AddCustomer\">+ Add customer</Button> </div> <Card> <CardBody> <Tabs @ref=\"tabsRef\"> @foreach (var customer in customers) { <Tab Title=\"@customer.CustomerName\"> <Content> <div class=\"mt-3\"> This is the placeholder content for the <b>@customer.CustomerName</b> tab. </div> </Content> </Tab> } </Tabs> </CardBody> </Card> </div> @code { Tabs tabsRef = default!; private List<Customer> customers = default!; protected override void OnInitialized() { customers = new() { new(1, \"Marvin Klein\"), new(2, \"Vikram Reddy\"), new(3, \"Bandita PA\"), new(4, \"Daina JJ\") }; } private void AddCustomer() { var count = customers.Count; var customer = new Customer(count + 1, $\"Customer {count + 1}\"); customers.Add(customer); tabsRef.ShowRecentTab(); } } See demo here. Remove dynamic tabs​ danger In the following example, we are deleting tabs dynamically. Ensure that the @key parameter is added with unique value. <div class=\"d-flex flex-column\"> <div> <Button Color=\"ButtonColor.Success\" Class=\"mb-3 float-end\" Size=\"Size.ExtraSmall\" @onclick=\"AddCustomer\">+ Add customer</Button> </div> <Card> <CardBody> <Tabs @ref=\"tabsRef\"> @foreach (var customer in customers) { <Tab @key=\"@customer?.GetHashCode()\" Title=\"@customer.CustomerName\" Name=\"@($\"{customer.CustomerId}\")\"> <Content> <div class=\"p-1\"> <div class=\"mt-3\"> This is the placeholder content for the <b>@customer.CustomerName</b> tab. </div> <div> <Button Color=\"ButtonColor.Danger\" Class=\"mt-3\" Size=\"Size.ExtraSmall\" @onclick=\"() => RemoveCustomer(customer)\">Remove tab</Button> </div> </div> </Content> </Tab> } </Tabs> </CardBody> </Card> </div> @code { Tabs tabsRef = default!; int count = 1; private List<Customer> customers = default!; protected override void OnInitialized() { customers = new() { new(1, \"Marvin Klein\"), new(2, \"Vikram Reddy\"), new(3, \"Bandita PA\"), new(4, \"Daina JJ\") }; var count = customers.Count; } private void AddCustomer() { count++; var customer = new Customer(count, $\"Customer {count}\"); customers.Add(customer); tabsRef.ShowRecentTab(); } private void RemoveCustomer(Customer customer) { customers.Remove(customer); tabsRef.RemoveTabByName(customer.CustomerId.ToString()); } } See demo here. Edit this page Previous Spinners Next Toasts Tabs Parameters Tabs Methods Tabs Callback Events Tab Parameters Tab Callback Events Examples Tabs Fade effect Title with icon Disable Tab Pills Underline Vertical Vertical pills Vertical underline Activate individual tabs Events Methods: Set active tab OnAfterRender Tab: OnClick Dynamic tabs Remove dynamic tabs","s":"Blazor Tabs","u":"/components/tabs","h":"","p":599},{"i":602,"t":"Data Visualization Line Chart On this page Blazor Line Chart A Blazor Bootstrap line chart component is a graphical representation of data that uses a series of connected points to show how the data changes over time. It is a type of x-y chart, where the x-axis represents the independent variable, such as time, and the y-axis represents the dependent variable, such as the value. Parameters​ Name Type Default Required Description Added Version Height int? null Gets or sets chart container height. 1.0.0 HeightUnit Unit Unit.Px Gets or sets chart container height unit of measure. 1.0.0 Width int? null Gets or sets chart container width. 1.0.0 WidthUnit Unit Unit.Px Gets or sets chart container width unit of measure. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync(ChartData chartData, string dataLabel, IChartDatasetData data) Task<ChartData> Adds data to chart. 1.10.0 AddDataAsync(ChartData chartData, string dataLabel, List<IChartDatasetData> data) Task<ChartData> Adds dataset to chart. 1.10.0 AddDatasetAsync(ChartData chartData, IChartDataset chartDataset, IChartOptions chartOptions) Task<ChartData> Adds dataset to chart. 1.10.0 InitializeAsync(ChartData chartData, IChartOptions chartOptions, string[]? plugins = null) Task Initialize the chat. 1.0.0 ResizeAsync(int width, int height, Unit widthUnit = Unit.Px, Unit heightUnit = Unit.Px) Task Resize the chart. 1.0.0 UpdateAsync(ChartData chartData, IChartOptions chartOptions) Task Update the chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Labels List<string> null ✔️ Gets or sets the Labels. 1.0.0 Datasets List<IChartDataset> null ✔️ Gets or sets the Datasets. 1.0.0 LineChartDataset Members​ info LineChartDataset implements IChartDataset. Property Name Type Default Required Description Added Version BackgroundColor List<string> null Get or sets the BackgroundColor. 1.0.0 BorderColor List<string> null Get or sets the BorderColor. 1.0.0 BorderDash List<int> null Line dash. 1.0.0 BorderDashOffset double 0.0 Line dash offset. 1.0.0 BorderWidth List<double> null Get or sets the BorderWidth. 1.0.0 Clip string null How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0} 1.0.0 Data List<double> null Get or sets the Data. 1.0.0 Datalabels LineChartDatasetDataLabels Get or sets the data labels Fill bool false Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end. 1.0.0 Hidden bool false Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart. 1.0.0 HoverBackgroundColor List<string> null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List<string> null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderDash List<int> null Hover line dash. 1.0.0 HoverBorderWidth List<double> null ✔️ Get or sets the HoverBorderWidth. 1.0.0 Label string null The label for the dataset which appears in the legend and tooltips. 1.0.0 PointBackgroundColor List<string> new List<string> { \"rgba(0, 0, 0, 0.1)\" } The fill color for points. 1.0.0 PointBorderColor List<string> new List<string> { \"rgba(0, 0, 0, 0.1)\" } The border color for points. 1.0.0 PointBorderWidth List<double> new List<double> { 1 } The width of the point border in pixels. 1.0.0 PointHitRadius List<double> new List<double> { 1 } The pixel size of the non-displayed point that reacts to mouse events. 1.0.0 PointHoverBackgroundColor List<string> null Point background color when hovered. 1.0.0 PointHoverBorderColor List<string> null Point border color when hovered. 1.0.0 PointHoverBorderWidth List<double> new List<double> { 1 } Border width of point when hovered. 1.0.0 PointHoverRadius new List<int> new List<int> { 1 } The radius of the point when hovered. 1.0.0 PointRadius List<int> new List<int> { 1 } The radius of the point shape. If set to 0, the point is not rendered. 1.0.0 PointRotation List<int> new List<int> { 0 } The rotation of the point in degrees. 1.0.0 PointStyle List<string> new List<string> { \"circle\" } Style of the point. Use 'circle', 'cross', 'crossRot', 'dash', 'line', 'rect', 'rectRounded', 'rectRot', 'star', and 'triangle' to style the point. 1.0.0 ShowLine bool true If false, the lines between points are not drawn. 1.0.0 SpanGaps bool false If true, lines will be drawn between points with no or null data. If false, points with null data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used. 1.0.0 Stepped bool false true to show the line as a stepped line (tension will be ignored). 1.0.0 Tension double 0.2 Bezier curve tension of the line. Set to 0 to draw straightlines. This option is ignored if monotone cubic interpolation is used. 1.0.0 Type string null ✔️ Get or sets the chart type. 1.0.0 XAxisID string null The ID of the x axis to plot this dataset on. 1.0.0 YAxisID string null The ID of the y axis to plot this dataset on. 1.0.0 LineChartDatasetDataLabels Members​ Property Name Type Default Required Description Added Version Align string? start Gets or sets the align. 1.10.2 Anchor string? start Gets or sets the anchor. 1.10.2 LineChartOptions Members​ info LineChartOptions implements ChartOptions. Property Name Type Default Required Description Added Version IndexAxis string x The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts. 1.0.0 Interaction Interaction Gets or sets the Interaction. 1.0.0 Layout ChartLayout Gets or sets the ChartLayout. 1.0.0 Locale string? Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on. 1.10.0 Plugins LineChartPlugins Gets or sets the Plugins. 1.10.2 Responsive bool false Gets or sets the Responsive. 1.0.0 Scales Scales Gets or sets the Scales. 1.0.0 Examples​ Prerequisites​ Refer to the getting started guide for setting up charts. How it works​ In the following example, a categorical 12-color palette is used. tip For data visualization, you can use the predefined palettes ColorBuilder.CategoricalTwelveColors for a 12-color palette and ColorBuilder.CategoricalSixColors for a 6-color palette. These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations. @using BlazorBootstrap.Extensions @using Color = System.Drawing.Color <LineChart @ref=\"lineChart\" Width=\"800\" Class=\"mb-4\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await RandomizeAsync()\"> Randomize </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDatasetAsync()\"> Add Dataset </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDataAsync()\"> Add Data </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await ShowHorizontalLineChartAsync()\"> Horizontal Line Chart </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await ShowVerticalLineChartAsync()\"> Vertical Line Chart </Button> @code { private LineChart lineChart = default!; private LineChartOptions lineChartOptions = default!; private ChartData chartData = default!; private int datasetsCount = 0; private int labelsCount = 0; private Random random = new(); protected override void OnInitialized() { chartData = new ChartData { Labels = GetDefaultDataLabels(6), Datasets = GetDefaultDataSets(3) }; lineChartOptions = new() { Responsive = true, Interaction = new Interaction { Mode = InteractionMode.Index } }; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await lineChart.InitializeAsync(chartData, lineChartOptions); } await base.OnAfterRenderAsync(firstRender); } private async Task RandomizeAsync() { if (chartData is null || chartData.Datasets is null || !chartData.Datasets.Any()) return; var newDatasets = new List<IChartDataset>(); foreach (var dataset in chartData.Datasets) { if (dataset is LineChartDataset lineChartDataset && lineChartDataset is not null && lineChartDataset.Data is not null) { var count = lineChartDataset.Data.Count; var newData = new List<double>(); for (var i = 0; i < count; i++) { newData.Add(random.Next(200)); } lineChartDataset.Data = newData; newDatasets.Add(lineChartDataset); } } chartData.Datasets = newDatasets; await lineChart.UpdateAsync(chartData, lineChartOptions); } private async Task AddDatasetAsync() { if (chartData is null || chartData.Datasets is null) return; var chartDataset = GetRandomLineChartDataset(); chartData = await lineChart.AddDatasetAsync(chartData, chartDataset, lineChartOptions); } private async Task AddDataAsync() { if (chartData is null || chartData.Datasets is null) return; var data = new List<IChartDatasetData>(); foreach (var dataset in chartData.Datasets) { if (dataset is LineChartDataset lineChartDataset) data.Add(new LineChartDatasetData(lineChartDataset.Label, random.Next(200))); } chartData = await lineChart.AddDataAsync(chartData, GetNextDataLabel(), data); } private async Task ShowHorizontalLineChartAsync() { lineChartOptions.IndexAxis = \"y\"; await lineChart.UpdateAsync(chartData, lineChartOptions); } private async Task ShowVerticalLineChartAsync() { lineChartOptions.IndexAxis = \"x\"; await lineChart.UpdateAsync(chartData, lineChartOptions); } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { datasets.Add(GetRandomLineChartDataset()); } return datasets; } private LineChartDataset GetRandomLineChartDataset() { var c = ColorBuilder.CategoricalTwelveColors[datasetsCount].ToColor(); datasetsCount += 1; return new LineChartDataset() { Label = $\"Team {datasetsCount}\", Data = GetRandomData(), BackgroundColor = new List<string> { c.ToRgbString() }, BorderColor = new List<string> { c.ToRgbString() }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { c.ToRgbString() }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < labelsCount; index++) { data.Add(random.Next(200)); } return data; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); } return labels; } private string GetNextDataLabel() { labelsCount += 1; return $\"Day {labelsCount}\"; } #endregion Data Preparation } Another example​ @using BlazorBootstrap.Extensions @using Color = System.Drawing.Color <LineChart @ref=\"lineChart\" Width=\"800\" Class=\"mb-4\" /> @code { private LineChart lineChart = default!; private LineChartOptions lineChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var colors = ColorBuilder.CategoricalTwelveColors; var labels = new List<string> { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; var datasets = new List<IChartDataset>(); var dataset1 = new LineChartDataset() { Label = \"Windows\", Data = new List<double> { 7265791, 5899643, 6317759, 6315641, 5338211, 8496306, 7568556, 8538933, 8274297, 8657298, 7548388, 7764845 }, BackgroundColor = new List<string> { colors[0] }, BorderColor = new List<string> { colors[0] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[0] }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; datasets.Add(dataset1); var dataset2 = new LineChartDataset() { Label = \"macOS\", Data = new List<double> { 1809499, 1816642, 2122410, 1809499, 1850793, 1846743, 1954797, 2391313, 1983430, 2469918, 2633303, 2821149 }, BackgroundColor = new List<string> { colors[1] }, BorderColor = new List<string> { colors[1] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[1] }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; datasets.Add(dataset2); var dataset3 = new LineChartDataset() { Label = \"Other\", Data = new List<double> { 1081241, 1100363, 1118136, 1073255, 1120315, 1395736, 1488788, 1489466, 1489947, 1414739, 1735811, 1820171 }, BackgroundColor = new List<string> { colors[2] }, BorderColor = new List<string> { colors[2] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[2] }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; datasets.Add(dataset3); chartData = new ChartData { Labels = labels, Datasets = datasets }; lineChartOptions = new(); lineChartOptions.Responsive = true; lineChartOptions.Interaction = new Interaction { Mode = InteractionMode.Index }; lineChartOptions.Scales.X.Title.Text = \"2019\"; lineChartOptions.Scales.X.Title.Display = true; lineChartOptions.Scales.Y.Title.Text = \"Visitors\"; lineChartOptions.Scales.Y.Title.Display = true; lineChartOptions.Plugins.Title.Text = \"Operating system\"; lineChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await lineChart.InitializeAsync(chartData, lineChartOptions); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Data labels​ <LineChart @ref=\"lineChart\" Width=\"800\" Class=\"mb-4\" /> @code { private LineChart lineChart = default!; private LineChartOptions lineChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var colors = ColorBuilder.CategoricalTwelveColors; var labels = new List<string> { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; var datasets = new List<IChartDataset>(); var dataset1 = new LineChartDataset { Label = \"Windows\", Data = new List<double> { 7265791, 5899643, 6317759, 6315641, 5338211, 8496306, 7568556, 8538933, 8274297, 8657298, 7548388, 7764845 }, BackgroundColor = new List<string> { colors[0] }, BorderColor = new List<string> { colors[0] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[0] }, PointRadius = new List<int> { 3 }, // show points PointHoverRadius = new List<int> { 4 }, // datalabels Datalabels = new() { Align = \"end\", Anchor = \"end\" } }; datasets.Add(dataset1); var dataset2 = new LineChartDataset { Label = \"macOS\", Data = new List<double> { 1809499, 1816642, 2122410, 1809499, 1850793, 1846743, 1954797, 2391313, 1983430, 2469918, 2633303, 2821149 }, BackgroundColor = new List<string> { colors[1] }, BorderColor = new List<string> { colors[1] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[1] }, PointRadius = new List<int> { 3 }, // show points PointHoverRadius = new List<int> { 4 }, // datalabels Datalabels = new() { Align = \"end\", Anchor = \"end\" } }; datasets.Add(dataset2); var dataset3 = new LineChartDataset { Label = \"Other\", Data = new List<double> { 1081241, 1100363, 1118136, 1073255, 1120315, 1395736, 1488788, 1489466, 1489947, 1414739, 1735811, 1820171 }, BackgroundColor = new List<string> { colors[2] }, BorderColor = new List<string> { colors[2] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[2] }, PointRadius = new List<int> { 3 }, // show points PointHoverRadius = new List<int> { 4 }, // datalabels Datalabels = new() { Align = \"start\", Anchor = \"start\" } }; datasets.Add(dataset3); chartData = new ChartData { Labels = labels, Datasets = datasets }; lineChartOptions = new(); lineChartOptions.Responsive = true; lineChartOptions.Interaction = new Interaction { Mode = InteractionMode.Index }; lineChartOptions.Scales.X.Title.Text = \"2019\"; lineChartOptions.Scales.X.Title.Display = true; lineChartOptions.Scales.Y.Title.Text = \"Visitors\"; lineChartOptions.Scales.Y.Title.Display = true; lineChartOptions.Plugins.Title.Text = \"Operating system\"; lineChartOptions.Plugins.Title.Display = true; // datalabels lineChartOptions.Plugins.Datalabels.Color = \"white\"; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { // pass the plugin name to enable the data labels await lineChart.InitializeAsync(chartData: chartData, chartOptions: lineChartOptions, plugins: new string[] { \"ChartDataLabels\" }); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Edit this page Previous Doughnut Chart Next Pie Chart Parameters Methods ChartData Members LineChartDataset Members LineChartDatasetDataLabels Members LineChartOptions Members Examples Prerequisites How it works Another example Data labels","s":"Blazor Line Chart","u":"/data-visualization/line-chart","h":"","p":601},{"i":604,"t":"Data Visualization Bar Chart On this page Blazor Bar Chart A Blazor Bootstrap bar chart component is used to represent data values as vertical bars. It is sometimes used to show trend data and to compare multiple data sets side by side. Parameters​ Name Type Default Required Description Added Version Height int? null Gets or sets chart container height. 1.0.0 HeightUnit Unit Unit.Px Gets or sets chart container height unit of measure. 1.0.0 Width int? null Gets or sets chart container width. 1.0.0 WidthUnit Unit Unit.Px Gets or sets chart container width unit of measure. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync(ChartData chartData, string dataLabel, IChartDatasetData data) Task<ChartData> Adds data to chart. 1.10.0 AddDataAsync(ChartData chartData, string dataLabel, List<IChartDatasetData> data) Task<ChartData> Adds dataset to chart. 1.10.0 AddDatasetAsync(ChartData chartData, IChartDataset chartDataset, IChartOptions chartOptions) Task<ChartData> Adds dataset to chart. 1.10.0 InitializeAsync(ChartData chartData, IChartOptions chartOptions, string[]? plugins = null) Task Initialize the chat. 1.0.0 ResizeAsync(int width, int height, Unit widthUnit = Unit.Px, Unit heightUnit = Unit.Px) Task Resize the chart. 1.0.0 UpdateAsync(ChartData chartData, IChartOptions chartOptions) Task Update the chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Datasets List<IChartDataset> null ✔️ Gets or sets the Datasets. 1.0.0 Labels List<string> null ✔️ Gets or sets the Labels. 1.0.0 BarChartDataset Members​ info BarChartDataset implements IChartDataset. Property Name Type Default Required Description Added Version BackgroundColor List<string> null Get or sets the BackgroundColor. 1.0.0 BarPercentage double 0.8 Percent (0-1) of the available width each bar should be within the category width. 1.0 will take the whole category width and put the bars right next to each other. 1.0.0 BorderColor List<string> null Get or sets the BorderColor. 1.0.0 BorderRadius int 0 Border radius. 1.0.0 BorderWidth List<double> null Get or sets the BorderWidth. 1.0.0 CategoryPercentage double 0.8 Percent (0-1) of the available width each category should be within the sample width. 1.0.0 Clip string null How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0} 1.0.0 Datalabels BarChartDatasetDataLabels Get or sets the data labels Data List<double> null Get or sets the Data. 1.0.0 Hidden bool false Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart. 1.0.0 HoverBackgroundColor List<string> null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List<string> null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderWidth List<double> null ✔️ Get or sets the HoverBorderWidth. 1.0.0 Label string null The label for the dataset which appears in the legend and tooltips. 1.0.0 Type string null ✔️ Get or sets the chart type. 1.0.0 XAxisID string null The ID of the x axis to plot this dataset on. 1.0.0 YAxisID string null The ID of the y axis to plot this dataset on. 1.0.0 BarChartDatasetDataLabels Members​ Property Name Type Default Required Description Added Version Align string? center Gets or sets the align. 1.10.2 Anchor string? center Gets or sets the anchor. 1.10.2 BarChartOptions Members​ info BarChartOptions implements ChartOptions. Property Name Type Default Required Description Added Version IndexAxis string x The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts. 1.0.0 Interaction Interaction Gets or sets the Interaction. 1.0.0 Layout ChartLayout Gets or sets the ChartLayout. 1.0.0 Locale string? Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on. 1.10.0 Plugins BarChartPlugins Gets or sets the Plugins. 1.10.2 Responsive bool false Gets or sets the Responsive. 1.0.0 Scales Scales Gets or sets the Scales. 1.0.0 Examples​ Prerequisites​ Refer to the getting started guide for setting up charts. How it works​ In the following example, a categorical 12-color palette is used. tip For data visualization, you can use the predefined palettes ColorBuilder.CategoricalTwelveColors for a 12-color palette and ColorBuilder.CategoricalSixColors for a 6-color palette. These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations. <BarChart @ref=\"barChart\" Width=\"800\" Class=\"mb-4\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await RandomizeAsync()\"> Randomize </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDatasetAsync()\"> Add Dataset </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDataAsync()\">Add Data</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await ShowHorizontalBarChartAsync()\">Horizontal Bar Chart</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await ShowVerticalBarChartAsync()\">Vertical Bar Chart</Button> @code { private BarChart barChart = default!; private BarChartOptions barChartOptions = default!; private ChartData chartData = default!; private int datasetsCount = 0; private int labelsCount = 0; private string[] months = { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; private Random random = new(); protected override void OnInitialized() { chartData = new ChartData { Labels = GetDefaultDataLabels(6), Datasets = GetDefaultDataSets(3) }; barChartOptions = new BarChartOptions { Responsive = true, Interaction = new Interaction { Mode = InteractionMode.Index } }; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await barChart.InitializeAsync(chartData, barChartOptions); } await base.OnAfterRenderAsync(firstRender); } private async Task RandomizeAsync() { if (chartData is null || chartData.Datasets is null || !chartData.Datasets.Any()) return; var newDatasets = new List<IChartDataset>(); foreach (var dataset in chartData.Datasets) { if (dataset is BarChartDataset barChartDataset && barChartDataset is not null && barChartDataset.Data is not null) { var count = barChartDataset.Data.Count; var newData = new List<double>(); for (var i = 0; i < count; i++) { newData.Add(random.Next(200)); } barChartDataset.Data = newData; newDatasets.Add(barChartDataset); } } chartData.Datasets = newDatasets; await barChart.UpdateAsync(chartData, barChartOptions); } private async Task AddDatasetAsync() { if (chartData is null || chartData.Datasets is null) return; if (datasetsCount >= 12) return; var chartDataset = GetRandomBarChartDataset(); chartData = await barChart.AddDatasetAsync(chartData, chartDataset, barChartOptions); } private async Task AddDataAsync() { if (chartData is null || chartData.Datasets is null) return; if (labelsCount >= 12) return; var data = new List<IChartDatasetData>(); foreach (var dataset in chartData.Datasets) { if (dataset is BarChartDataset barChartDataset) data.Add(new BarChartDatasetData(barChartDataset.Label, random.Next(200))); } chartData = await barChart.AddDataAsync(chartData, GetNextDataLabel(), data); } private async Task ShowHorizontalBarChartAsync() { barChartOptions.IndexAxis = \"y\"; await barChart.UpdateAsync(chartData, barChartOptions); } private async Task ShowVerticalBarChartAsync() { barChartOptions.IndexAxis = \"x\"; await barChart.UpdateAsync(chartData, barChartOptions); } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { datasets.Add(GetRandomBarChartDataset()); } return datasets; } private BarChartDataset GetRandomBarChartDataset() { var c = ColorBuilder.CategoricalTwelveColors[datasetsCount].ToColor(); datasetsCount += 1; return new BarChartDataset() { Label = $\"Product {datasetsCount}\", Data = GetRandomData(), BackgroundColor = new List<string> { c.ToRgbString() }, BorderColor = new List<string> { c.ToRgbString() }, BorderWidth = new List<double> { 0 }, }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < labelsCount; index++) { data.Add(random.Next(200)); } return data; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); } return labels; } private string GetNextDataLabel() { labelsCount += 1; return months[labelsCount - 1]; } #endregion Data Preparation } See the demo here. Horizontal bar chart​ <BarChart @ref=\"barChart\" Height=\"300\" Class=\"mb-4\" /> @code { private BarChart barChart = default!; private BarChartOptions barChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var labels = new List<string> { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List<IChartDataset>(); var dataset1 = new BarChartDataset() { Data = new List<double> { 55000, 15000, 18000, 21000 }, BackgroundColor = new List<string> { ColorBuilder.CategoricalTwelveColors[0] }, BorderColor = new List<string> { ColorBuilder.CategoricalTwelveColors[0] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset1); chartData = new ChartData { Labels = labels, Datasets = datasets }; barChartOptions = new BarChartOptions(); barChartOptions.Responsive = true; barChartOptions.Interaction = new Interaction { Mode = InteractionMode.Y }; barChartOptions.IndexAxis = \"y\"; barChartOptions.Scales.X.Title.Text = \"Visitors\"; barChartOptions.Scales.X.Title.Display = true; barChartOptions.Scales.Y.Title.Text = \"Browser\"; barChartOptions.Scales.Y.Title.Display = true; barChartOptions.Plugins.Legend.Display = false; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await barChart.InitializeAsync(chartData, barChartOptions); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Stacked bar chart​ <BarChart @ref=\"barChart\" Height=\"300\" Class=\"mb-4\" /> @code { private BarChart barChart = default!; private BarChartOptions barChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var colors = ColorBuilder.CategoricalTwelveColors; var labels = new List<string> { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List<IChartDataset>(); var dataset1 = new BarChartDataset() { Label = \"Windows\", Data = new List<double> { 28000, 8000, 2000, 17000 }, BackgroundColor = new List<string> { colors[0] }, BorderColor = new List<string> { colors[0] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset1); var dataset2 = new BarChartDataset() { Label = \"macOS\", Data = new List<double> { 8000, 10000, 14000, 8000 }, BackgroundColor = new List<string> { colors[1] }, BorderColor = new List<string> { colors[1] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset2); var dataset3 = new BarChartDataset() { Label = \"Other\", Data = new List<double> { 28000, 10000, 14000, 8000 }, BackgroundColor = new List<string> { colors[2] }, BorderColor = new List<string> { colors[2] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset3); chartData = new ChartData { Labels = labels, Datasets = datasets }; barChartOptions = new(); barChartOptions.Responsive = true; barChartOptions.Interaction = new Interaction { Mode = InteractionMode.Y }; barChartOptions.IndexAxis = \"y\"; barChartOptions.Scales.X.Title.Text = \"Visitors\"; barChartOptions.Scales.X.Title.Display = true; barChartOptions.Scales.Y.Title.Text = \"Browser\"; barChartOptions.Scales.Y.Title.Display = true; barChartOptions.Scales.X.Stacked = true; barChartOptions.Scales.Y.Stacked = true; barChartOptions.Plugins.Title.Text = \"Operating system\"; barChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await barChart.InitializeAsync(chartData, barChartOptions); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Locale​ By default, the chart is using the default locale of the platform on which it is running. In the following example, you will see the chart in the German locale (de_DE). <BarChart @ref=\"barChart\" Height=\"300\" Class=\"mb-4\" /> @code { private BarChart barChart = default!; private BarChartOptions barChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var colors = ColorBuilder.CategoricalTwelveColors; var labels = new List<string> { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List<IChartDataset>(); var dataset1 = new BarChartDataset() { Label = \"Windows\", Data = new List<double> { 28000, 8000, 2000, 17000 }, BackgroundColor = new List<string> { colors[0] }, BorderColor = new List<string> { colors[0] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset1); var dataset2 = new BarChartDataset() { Label = \"macOS\", Data = new List<double> { 8000, 10000, 14000, 8000 }, BackgroundColor = new List<string> { colors[1] }, BorderColor = new List<string> { colors[1] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset2); var dataset3 = new BarChartDataset() { Label = \"Other\", Data = new List<double> { 28000, 10000, 14000, 8000 }, BackgroundColor = new List<string> { colors[2] }, BorderColor = new List<string> { colors[2] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset3); chartData = new ChartData { Labels = labels, Datasets = datasets }; barChartOptions = new(); barChartOptions.Locale = \"de-DE\"; barChartOptions.Responsive = true; barChartOptions.Interaction = new Interaction { Mode = InteractionMode.Y }; barChartOptions.IndexAxis = \"y\"; barChartOptions.Scales.X.Title.Text = \"Visitors\"; barChartOptions.Scales.X.Title.Display = true; barChartOptions.Scales.Y.Title.Text = \"Browser\"; barChartOptions.Scales.Y.Title.Display = true; barChartOptions.Scales.X.Stacked = true; barChartOptions.Scales.Y.Stacked = true; barChartOptions.Plugins.Title.Text = \"Operating system\"; barChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await barChart.InitializeAsync(chartData, barChartOptions); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Data labels​ <BarChart @ref=\"barChart\" Height=\"300\" Class=\"mb-4\" /> @code { private BarChart barChart = default!; private BarChartOptions barChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var colors = ColorBuilder.CategoricalTwelveColors; var labels = new List<string> { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List<IChartDataset>(); var dataset1 = new BarChartDataset() { Label = \"Windows\", Data = new List<double> { 28000, 8000, 2000, 17000 }, BackgroundColor = new List<string> { colors[0] }, BorderColor = new List<string> { colors[0] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset1); var dataset2 = new BarChartDataset() { Label = \"macOS\", Data = new List<double> { 8000, 10000, 14000, 8000 }, BackgroundColor = new List<string> { colors[1] }, BorderColor = new List<string> { colors[1] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset2); var dataset3 = new BarChartDataset() { Label = \"Other\", Data = new List<double> { 28000, 10000, 14000, 8000 }, BackgroundColor = new List<string> { colors[2] }, BorderColor = new List<string> { colors[2] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset3); chartData = new ChartData { Labels = labels, Datasets = datasets }; barChartOptions = new(); barChartOptions.Responsive = true; barChartOptions.Interaction = new Interaction { Mode = InteractionMode.Y }; barChartOptions.IndexAxis = \"y\"; barChartOptions.Scales.X.Title.Text = \"Visitors\"; barChartOptions.Scales.X.Title.Display = true; barChartOptions.Scales.Y.Title.Text = \"Browser\"; barChartOptions.Scales.Y.Title.Display = true; barChartOptions.Scales.X.Stacked = true; barChartOptions.Scales.Y.Stacked = true; barChartOptions.Plugins.Title.Text = \"Operating system\"; barChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { // pass the plugin name to enable the data labels await barChart.InitializeAsync(chartData: chartData, chartOptions: barChartOptions, plugins: new string[] { \"ChartDataLabels\" }); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Edit this page Previous Tooltips Next Doughnut Chart Parameters Methods ChartData Members BarChartDataset Members BarChartDatasetDataLabels Members BarChartOptions Members Examples Prerequisites How it works Horizontal bar chart Stacked bar chart Locale Data labels","s":"Blazor Bar Chart","u":"/data-visualization/bar-chart","h":"","p":603},{"i":606,"t":"Data Visualization Doughnut Chart On this page Blazor Doughnut Chart A Blazor Bootstrap donut chart component is a circular chart that shows the proportional values of different categories. It is similar to a pie chart, but the center of the donut chart is hollow. This makes it easier to see the individual values of each category. Parameters​ Name Type Default Required Description Added Version Height int? null Gets or sets chart container height. 1.0.0 HeightUnit Unit Unit.Px Gets or sets chart container height unit of measure. 1.0.0 Width int? null Gets or sets chart container width. 1.0.0 WidthUnit Unit Unit.Px Gets or sets chart container width unit of measure. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync(ChartData chartData, string dataLabel, IChartDatasetData data) Task<ChartData> Adds data to chart. 1.10.0 AddDataAsync(ChartData chartData, string dataLabel, List<IChartDatasetData> data) Task<ChartData> Adds dataset to chart. 1.10.0 AddDatasetAsync(ChartData chartData, IChartDataset chartDataset, IChartOptions chartOptions) Task<ChartData> Adds dataset to chart. 1.10.0 InitializeAsync(ChartData chartData, IChartOptions chartOptions, string[]? plugins = null) Task Initialize the chat. 1.0.0 ResizeAsync(int width, int height, Unit widthUnit = Unit.Px, Unit heightUnit = Unit.Px) Task Resize the chart. 1.0.0 UpdateAsync(ChartData chartData, IChartOptions chartOptions) Task Update the chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Datasets List<IChartDataset> null ✔️ Gets or sets the Datasets. 1.0.0 Labels List<string> null ✔️ Gets or sets the Labels. 1.0.0 DoughnutChartDataset Members​ info DoughnutChartDataset implements IChartDataset. Property Name Type Default Required Description Added Version BackgroundColor List<string> null Get or sets the BackgroundColor. 1.0.0 BorderColor List<string> null Get or sets the BorderColor. 1.0.0 BorderWidth List<double> null Get or sets the BorderWidth. 1.0.0 Clip string null How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0} 1.0.0 Data List<double> null Get or sets the Data. 1.0.0 Datalabels DoughnutChartDatasetDataLabels Get or sets the data labels Hidden bool false Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart. 1.0.0 HoverBackgroundColor List<string> null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List<string> null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderWidth List<double> null ✔️ Get or sets the HoverBorderWidth. 1.0.0 Label string null The label for the dataset which appears in the legend and tooltips. 1.0.0 Type string null ✔️ Get or sets the chart type. 1.0.0 DoughnutChartDatasetDataLabels Members​ Property Name Type Default Required Description Added Version Anchor string? center Gets or sets the anchor. 1.10.2 BorderWidth double? 2 Gets or sets the border width. 1.10.2 DoughnutChartOptions Members​ info DoughnutChartOptions implements ChartOptions. Property Name Type Default Required Description Added Version Locale string? Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on. 1.10.0 Plugins DoughnutChartPlugins Gets or sets the Plugins. 1.10.2 Responsive bool false Gets or sets the Responsive. 1.0.0 Examples​ Prerequisites​ Refer to the getting started guide for setting up charts. How it works​ In the following example, a categorical 12-color palette is used. tip For data visualization, you can use the predefined palettes ColorBuilder.CategoricalTwelveColors for a 12-color palette and ColorBuilder.CategoricalSixColors for a 6-color palette. These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations. <DoughnutChart @ref=\"doughnutChart\" Width=\"500\" Class=\"mb-5\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await RandomizeAsync()\"> Randomize </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDatasetAsync()\"> Add Dataset </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDataAsync()\">Add Data</Button> @code { private DoughnutChart doughnutChart = default!; private DoughnutChartOptions doughnutChartOptions = default!; private ChartData chartData = default!; private string[]? backgroundColors; private int datasetsCount = 0; private int dataLabelsCount = 0; private Random random = new(); protected override void OnInitialized() { backgroundColors = ColorBuilder.CategoricalTwelveColors; chartData = new ChartData { Labels = GetDefaultDataLabels(4), Datasets = GetDefaultDataSets(1) }; doughnutChartOptions = new(); doughnutChartOptions.Responsive = true; doughnutChartOptions.Plugins.Title.Text = \"2022 - Sales\"; doughnutChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await doughnutChart.InitializeAsync(chartData, doughnutChartOptions); } await base.OnAfterRenderAsync(firstRender); } private async Task RandomizeAsync() { if (chartData is null || chartData.Datasets is null || !chartData.Datasets.Any()) return; var newDatasets = new List<IChartDataset>(); foreach (var dataset in chartData.Datasets) { if (dataset is DoughnutChartDataset doughnutChartDataset && doughnutChartDataset is not null && doughnutChartDataset.Data is not null) { var count = doughnutChartDataset.Data.Count; var newData = new List<double>(); for (var i = 0; i < count; i++) { newData.Add(random.Next(0, 100)); } doughnutChartDataset.Data = newData; newDatasets.Add(doughnutChartDataset); } } chartData.Datasets = newDatasets; await doughnutChart.UpdateAsync(chartData, doughnutChartOptions); } private async Task AddDatasetAsync() { if (chartData is null || chartData.Datasets is null) return; var chartDataset = GetRandomDoughnutChartDataset(); chartData = await doughnutChart.AddDatasetAsync(chartData, chartDataset, doughnutChartOptions); } private async Task AddDataAsync() { if (dataLabelsCount >= 12) return; if (chartData is null || chartData.Datasets is null) return; var data = new List<IChartDatasetData>(); foreach (var dataset in chartData.Datasets) { if (dataset is DoughnutChartDataset doughnutChartDataset) { data.Add(new DoughnutChartDatasetData(doughnutChartDataset.Label, random.Next(0, 100), backgroundColors![dataLabelsCount])); } } chartData = await doughnutChart.AddDataAsync(chartData, GetNextDataLabel(), data); dataLabelsCount += 1; } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { datasets.Add(GetRandomDoughnutChartDataset()); } return datasets; } private DoughnutChartDataset GetRandomDoughnutChartDataset() { datasetsCount += 1; return new() { Label = $\"Team {datasetsCount}\", Data = GetRandomData(), BackgroundColor = GetRandomBackgroundColors() }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List<string> GetRandomBackgroundColors() { var colors = new List<string>(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); dataLabelsCount += 1; } return labels; } private string GetNextDataLabel() => $\"Product {dataLabelsCount + 1}\"; private string GetNextDataBackgrounfColor() => backgroundColors![dataLabelsCount]; #endregion Data Preparation } See the demo here. Locale​ By default, the chart is using the default locale of the platform on which it is running. In the following example, you will see the chart in the German locale (de_DE). @using BlazorBootstrap.Extensions @using Color = System.Drawing.Color <LineChart @ref=\"lineChart\" Width=\"800\" Class=\"mb-4\" /> @code { private LineChart lineChart = default!; private LineChartOptions lineChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var colors = ColorBuilder.CategoricalTwelveColors; var labels = new List<string> { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; var datasets = new List<IChartDataset>(); var dataset1 = new LineChartDataset() { Label = \"Windows\", Data = new List<double> { 7265791, 5899643, 6317759, 6315641, 5338211, 8496306, 7568556, 8538933, 8274297, 8657298, 7548388, 7764845 }, BackgroundColor = new List<string> { colors[0] }, BorderColor = new List<string> { colors[0] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[0] }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; datasets.Add(dataset1); var dataset2 = new LineChartDataset() { Label = \"macOS\", Data = new List<double> { 1809499, 1816642, 2122410, 1809499, 1850793, 1846743, 1954797, 2391313, 1983430, 2469918, 2633303, 2821149 }, BackgroundColor = new List<string> { colors[1] }, BorderColor = new List<string> { colors[1] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[1] }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; datasets.Add(dataset2); var dataset3 = new LineChartDataset() { Label = \"Other\", Data = new List<double> { 1081241, 1100363, 1118136, 1073255, 1120315, 1395736, 1488788, 1489466, 1489947, 1414739, 1735811, 1820171 }, BackgroundColor = new List<string> { colors[2] }, BorderColor = new List<string> { colors[2] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[2] }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; datasets.Add(dataset3); chartData = new ChartData { Labels = labels, Datasets = datasets }; lineChartOptions = new(); lineChartOptions.Locale = \"de-DE\"; lineChartOptions.Responsive = true; lineChartOptions.Interaction = new Interaction { Mode = InteractionMode.Index }; lineChartOptions.Scales.X.Title.Text = \"2019\"; lineChartOptions.Scales.X.Title.Display = true; lineChartOptions.Scales.Y.Title.Text = \"Visitors\"; lineChartOptions.Scales.Y.Title.Display = true; lineChartOptions.Plugins.Title.Text = \"Operating system\"; lineChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await lineChart.InitializeAsync(chartData, lineChartOptions); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Data labels​ <DoughnutChart @ref=\"doughnutChart\" Width=\"500\" Class=\"mb-5\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await RandomizeAsync()\"> Randomize </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDataAsync()\">Add Data</Button> @code { private DoughnutChart doughnutChart = default!; private DoughnutChartOptions doughnutChartOptions = default!; private ChartData chartData = default!; private string[]? backgroundColors; private int datasetsCount = 0; private int dataLabelsCount = 0; private Random random = new(); protected override void OnInitialized() { backgroundColors = ColorBuilder.CategoricalTwelveColors; chartData = new ChartData { Labels = GetDefaultDataLabels(4), Datasets = GetDefaultDataSets(3) }; doughnutChartOptions = new(); doughnutChartOptions.Responsive = true; doughnutChartOptions.Plugins.Title.Text = \"2022 - Sales\"; doughnutChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { // pass the plugin name to enable the data labels await doughnutChart.InitializeAsync(chartData: chartData, chartOptions: doughnutChartOptions, plugins: new string[] { \"ChartDataLabels\" }); } await base.OnAfterRenderAsync(firstRender); } private async Task RandomizeAsync() { if (chartData is null || chartData.Datasets is null || !chartData.Datasets.Any()) return; var newDatasets = new List<IChartDataset>(); var datasetIndex = 0; foreach (var dataset in chartData.Datasets) { if (dataset is DoughnutChartDataset doughnutChartDataset && doughnutChartDataset is not null && doughnutChartDataset.Data is not null) { var count = doughnutChartDataset.Data.Count; var newData = new List<double>(); for (var i = 0; i < count; i++) { newData.Add(random.Next(0, 100)); } doughnutChartDataset.Data = newData; newDatasets.Add(doughnutChartDataset); } } chartData.Datasets = newDatasets; await doughnutChart.UpdateAsync(chartData: chartData, chartOptions: doughnutChartOptions); } private async Task AddDataAsync() { if (dataLabelsCount >= 12) return; if (chartData is null || chartData.Datasets is null) return; var data = new List<IChartDatasetData>(); foreach (var dataset in chartData.Datasets) { if (dataset is DoughnutChartDataset doughnutChartDataset) { data.Add(new DoughnutChartDatasetData(doughnutChartDataset.Label, random.Next(0, 100), backgroundColors![dataLabelsCount])); } } chartData = await doughnutChart.AddDataAsync(chartData, GetNextDataLabel(), data); dataLabelsCount += 1; } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { var dataset = GetRandomDoughnutChartDataset(); if (index == 0) dataset.Datalabels.Anchor = \"end\"; else if (index == numberOfDatasets - 1) dataset.Datalabels.Anchor = \"start\"; else dataset.Datalabels.Anchor = \"center\"; datasets.Add(dataset); } return datasets; } private DoughnutChartDataset GetRandomDoughnutChartDataset() { datasetsCount += 1; return new() { Label = $\"Team {datasetsCount}\", Data = GetRandomData(), BackgroundColor = GetRandomBackgroundColors() }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List<string> GetRandomBackgroundColors() { var colors = new List<string>(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); dataLabelsCount += 1; } return labels; } private string GetNextDataLabel() => $\"Product {dataLabelsCount + 1}\"; private string GetNextDataBackgrounfColor() => backgroundColors![dataLabelsCount]; #endregion Data Preparation } See the demo here. Edit this page Previous Bar Chart Next Line Chart Parameters Methods ChartData Members DoughnutChartDataset Members DoughnutChartDatasetDataLabels Members DoughnutChartOptions Members Examples Prerequisites How it works Locale Data labels","s":"Blazor Doughnut Chart","u":"/data-visualization/doughnut-chart","h":"","p":605},{"i":608,"t":"Data Visualization Pie Chart On this page Blazor Pie Chart A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories. Parameters​ Name Type Default Required Description Added Version Height int? null Gets or sets chart container height. 1.0.0 HeightUnit Unit Unit.Px Gets or sets chart container height unit of measure. 1.0.0 Width int? null Gets or sets chart container width. 1.0.0 WidthUnit Unit Unit.Px Gets or sets chart container width unit of measure. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync(ChartData chartData, string dataLabel, IChartDatasetData data) Task<ChartData> Adds data to chart. 1.10.0 AddDataAsync(ChartData chartData, string dataLabel, List<IChartDatasetData> data) Task<ChartData> Adds dataset to chart. 1.10.0 AddDatasetAsync(ChartData chartData, IChartDataset chartDataset, IChartOptions chartOptions) Task<ChartData> Adds dataset to chart. 1.10.0 InitializeAsync(ChartData chartData, IChartOptions chartOptions, string[]? plugins = null) Task Initialize the chat. 1.0.0 ResizeAsync(int width, int height, Unit widthUnit = Unit.Px, Unit heightUnit = Unit.Px) Task Resize the chart. 1.0.0 UpdateAsync(ChartData chartData, IChartOptions chartOptions) Task Update the chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Labels List<string> null ✔️ Gets or sets the Labels. 1.0.0 Datasets List<IChartDataset> null ✔️ Gets or sets the Datasets. 1.0.0 PieChartDataset Members​ info PieChartDataset implements IChartDataset. Property Name Type Default Required Description Added Version BackgroundColor List<string> null Get or sets the BackgroundColor. 1.0.0 BorderColor List<string> null Get or sets the BorderColor. 1.0.0 BorderWidth List<double> null Get or sets the BorderWidth. 1.0.0 Clip string null How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0} 1.0.0 Data List<double> null Get or sets the Data. 1.0.0 Datalabels PieChartDatasetDataLabels Get or sets the data labels Hidden bool false Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart. 1.0.0 HoverBackgroundColor List<string> null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List<string> null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderWidth List<double> null ✔️ Get or sets the HoverBorderWidth. 1.0.0 Type string null ✔️ Get or sets the chart type. 1.0.0 PieChartDatasetDataLabels Members​ Property Name Type Default Required Description Added Version Anchor string? center Gets or sets the anchor. 1.10.2 BorderWidth double? 2 Gets or sets the border width. 1.10.2 PieChartOptions Members​ info PieChartOptions implements ChartOptions. Property Name Type Default Required Description Added Version Locale string? Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on. 1.10.0 Plugins PieChartPlugins Gets or sets the Plugins. 1.10.2 Responsive bool false Gets or sets the Responsive. 1.0.0 Examples​ Prerequisites​ Refer to the getting started guide for setting up charts. How it works​ In the following example, a categorical 12-color palette is used. tip For data visualization, you can use the predefined palettes ColorBuilder.CategoricalTwelveColors for a 12-color palette and ColorBuilder.CategoricalSixColors for a 6-color palette. These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations. <PieChart @ref=\"pieChart\" Width=\"500\" Class=\"mb-5\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await RandomizeAsync()\"> Randomize </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDatasetAsync()\"> Add Dataset </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDataAsync()\">Add Data</Button> @code { private PieChart pieChart = default!; private PieChartOptions pieChartOptions = default!; private ChartData chartData = default!; private string[]? backgroundColors; private int datasetsCount = 0; private int dataLabelsCount = 0; private Random random = new(); protected override void OnInitialized() { backgroundColors = ColorBuilder.CategoricalTwelveColors; chartData = new ChartData { Labels = GetDefaultDataLabels(4), Datasets = GetDefaultDataSets(1) }; pieChartOptions = new(); pieChartOptions.Responsive = true; pieChartOptions.Plugins.Title.Text = \"2022 - Sales\"; pieChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await pieChart.InitializeAsync(chartData, pieChartOptions); } await base.OnAfterRenderAsync(firstRender); } private async Task RandomizeAsync() { if (chartData is null || chartData.Datasets is null || !chartData.Datasets.Any()) return; var newDatasets = new List<IChartDataset>(); foreach (var dataset in chartData.Datasets) { if (dataset is PieChartDataset pieChartDataset && pieChartDataset is not null && pieChartDataset.Data is not null) { var count = pieChartDataset.Data.Count; var newData = new List<double>(); for (var i = 0; i < count; i++) { newData.Add(random.Next(0, 100)); } pieChartDataset.Data = newData; newDatasets.Add(pieChartDataset); } } chartData.Datasets = newDatasets; await pieChart.UpdateAsync(chartData, pieChartOptions); } private async Task AddDatasetAsync() { if (chartData is null || chartData.Datasets is null) return; var chartDataset = GetRandomPieChartDataset(); chartData = await pieChart.AddDatasetAsync(chartData, chartDataset, pieChartOptions); } private async Task AddDataAsync() { if (dataLabelsCount >= 12) return; if (chartData is null || chartData.Datasets is null) return; var data = new List<IChartDatasetData>(); foreach (var dataset in chartData.Datasets) { if (dataset is PieChartDataset pieChartDataset) data.Add(new PieChartDatasetData(pieChartDataset.Label, random.Next(0, 100), backgroundColors![dataLabelsCount])); } chartData = await pieChart.AddDataAsync(chartData, GetNextDataLabel(), data); dataLabelsCount += 1; } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { datasets.Add(GetRandomPieChartDataset()); } return datasets; } private PieChartDataset GetRandomPieChartDataset() { datasetsCount += 1; return new() { Label = $\"Team {datasetsCount}\", Data = GetRandomData(), BackgroundColor = GetRandomBackgroundColors() }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List<string> GetRandomBackgroundColors() { var colors = new List<string>(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); dataLabelsCount += 1; } return labels; } private string GetNextDataLabel() => $\"Product {dataLabelsCount + 1}\"; private string GetNextDataBackgrounfColor() => backgroundColors![dataLabelsCount]; #endregion Data Preparation } See the demo here. Data labels​ <PieChart @ref=\"pieChart\" Width=\"500\" Class=\"mb-5\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await RandomizeAsync()\"> Randomize </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDataAsync()\">Add Data</Button> @code { private PieChart pieChart = default!; private PieChartOptions pieChartOptions = default!; private ChartData chartData = default!; private string[]? backgroundColors; private int datasetsCount = 0; private int dataLabelsCount = 0; private Random random = new(); protected override void OnInitialized() { backgroundColors = ColorBuilder.CategoricalTwelveColors; chartData = new ChartData { Labels = GetDefaultDataLabels(4), Datasets = GetDefaultDataSets(3) }; pieChartOptions = new(); pieChartOptions.Responsive = true; pieChartOptions.Plugins.Title.Text = \"2022 - Sales\"; pieChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { // pass the plugin name to enable the data labels await pieChart.InitializeAsync(chartData: chartData, chartOptions: pieChartOptions, plugins: new string[] { \"ChartDataLabels\" }); } await base.OnAfterRenderAsync(firstRender); } private async Task RandomizeAsync() { if (chartData is null || chartData.Datasets is null || !chartData.Datasets.Any()) return; var newDatasets = new List<IChartDataset>(); foreach (var dataset in chartData.Datasets) { if (dataset is PieChartDataset pieChartDataset && pieChartDataset is not null && pieChartDataset.Data is not null) { var count = pieChartDataset.Data.Count; var newData = new List<double>(); for (var i = 0; i < count; i++) { newData.Add(random.Next(0, 100)); } pieChartDataset.Data = newData; newDatasets.Add(pieChartDataset); } } chartData.Datasets = newDatasets; await pieChart.UpdateAsync(chartData, pieChartOptions); } private async Task AddDataAsync() { if (dataLabelsCount >= 12) return; if (chartData is null || chartData.Datasets is null) return; var data = new List<IChartDatasetData>(); foreach (var dataset in chartData.Datasets) { if (dataset is PieChartDataset pieChartDataset) data.Add(new PieChartDatasetData(pieChartDataset.Label, random.Next(0, 100), backgroundColors![dataLabelsCount])); } chartData = await pieChart.AddDataAsync(chartData, GetNextDataLabel(), data); dataLabelsCount += 1; } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { var dataset = GetRandomPieChartDataset(); if (index == 0) dataset.Datalabels.Anchor = \"end\"; else if (index == numberOfDatasets - 1) dataset.Datalabels.Anchor = \"end\"; else dataset.Datalabels.Anchor = \"center\"; datasets.Add(dataset); } return datasets; } private PieChartDataset GetRandomPieChartDataset() { datasetsCount += 1; return new() { Label = $\"Team {datasetsCount}\", Data = GetRandomData(), BackgroundColor = GetRandomBackgroundColors() }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List<string> GetRandomBackgroundColors() { var colors = new List<string>(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); dataLabelsCount += 1; } return labels; } private string GetNextDataLabel() => $\"Product {dataLabelsCount + 1}\"; private string GetNextDataBackgrounfColor() => backgroundColors![dataLabelsCount]; #endregion Data Preparation } See the demo here. Change legend position​ This sample demonstrates how to change the position of the chart legend. <PieChart @ref=\"pieChart\" Width=\"500\" Class=\"mb-5\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"PositionTopAsync\"> Position: top </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"PositionRightAsync\"> Position: right </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"PositionBottomAsync\"> Position: bottom </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"PositionLeftAsync\"> Position: left </Button> @code { private PieChart pieChart = default!; private PieChartOptions pieChartOptions = default!; private ChartData chartData = default!; private string[]? backgroundColors; private int datasetsCount = 0; private int dataLabelsCount = 0; private Random random = new(); protected override void OnInitialized() { backgroundColors = ColorBuilder.CategoricalTwelveColors; chartData = new ChartData { Labels = GetDefaultDataLabels(4), Datasets = GetDefaultDataSets(1) }; pieChartOptions = new(); pieChartOptions.Responsive = true; pieChartOptions.Plugins.Title.Text = \"2022 - Sales\"; pieChartOptions.Plugins.Title.Display = true; pieChartOptions.Plugins.Legend.Position = \"right\"; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await pieChart.InitializeAsync(chartData, pieChartOptions); } await base.OnAfterRenderAsync(firstRender); } private async Task PositionTopAsync() => await UpdatePositionAsync(\"top\"); private async Task PositionRightAsync() => await UpdatePositionAsync(\"right\"); private async Task PositionBottomAsync() => await UpdatePositionAsync(\"bottom\"); private async Task PositionLeftAsync() => await UpdatePositionAsync(\"left\"); private async Task UpdatePositionAsync(string position) { pieChartOptions.Plugins.Legend.Position = position; await pieChart.UpdateAsync(chartData, pieChartOptions); } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { datasets.Add(GetRandomPieChartDataset()); } return datasets; } private PieChartDataset GetRandomPieChartDataset() { datasetsCount += 1; return new() { Label = $\"Team {datasetsCount}\", Data = GetRandomData(), BackgroundColor = GetRandomBackgroundColors() }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List<string> GetRandomBackgroundColors() { var colors = new List<string>(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); dataLabelsCount += 1; } return labels; } private string GetNextDataLabel() => $\"Product {dataLabelsCount + 1}\"; private string GetNextDataBackgrounfColor() => backgroundColors![dataLabelsCount]; #endregion Data Preparation } See the demo here. Edit this page Previous Line Chart Next Modal Service Parameters Methods ChartData Members PieChartDataset Members PieChartDatasetDataLabels Members PieChartOptions Members Examples Prerequisites How it works Data labels Change legend position","s":"Blazor Pie Chart","u":"/data-visualization/pie-chart","h":"","p":607},{"i":610,"t":"Components Tooltips On this page Blazor Tooltips Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages. Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Color TooltipColor TooltipColor.None Gets or sets the tooltip color. 1.10.0 IsHtml bool false Gets or sets a value indicating whether to display the content as HTML instead of text. 2.1.0 Placement TooltipPlacement TooltipPlacement.Top Gets or sets the tooltip placement. 1.0.0 Title string null ✔️ Displays informative text when users hover, focus, or tap an element. 1.0.0 Examples​ Tooltips​ <div> <Tooltip Title=\"Tooltip Left\" Placement=\"TooltipPlacement.Left\">Tooltip Left</Tooltip> </div> <div> <Tooltip Title=\"Tooltip Top\">Tooltip Top</Tooltip> </div> <div> <Tooltip Title=\"Tooltip Right\" Placement=\"TooltipPlacement.Right\">Tooltip Right</Tooltip> </div> <div> <Tooltip Title=\"Tooltip Bottom\" Placement=\"TooltipPlacement.Bottom\">Tooltip Bottom</Tooltip> </div> See tooltips demo here. Disabled button with tooltip​ <Tooltip Class=\"d-inline-block\" Title=\"Disabled button\"role=\"button\"> <button class=\"btn btn-primary\" type=\"button\" disabled>Disabled button</button> </Tooltip> See disabled button with tooltip demo here. Tooltip icon with click event​ <Tooltip Title=\"Click here\" @onclick=\"OnClick\" role=\"button\"> <i class=\"bi bi-arrow-repeat text-danger\"></i> </Tooltip> @code { private void OnClick() { Console.WriteLine($\"clicked\"); } } See icon with tooltip demo here. Dynamically update the tooltip text​ <div class=\"mb-3\"> <Tooltip Title=\"@text\" Placement=\"TooltipPlacement.Top\">Tooltip Bottom</Tooltip> </div> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ChangeTooltip\">Change Tooltip</Button> @code { private string text = \"Tooltip text\"; private void ChangeTooltip() => text = $\"Updated {DateTime.Now.ToLongTimeString()}\"; } see demo here Tooltip with HTML​ <Tooltip Class=\"me-4\" Title=\"<strong>Tooltip</strong> <em>with</em> <u>HTML</u>\" IsHtml=\"true\">Tooltip with HTML</Tooltip> see demo here Edit this page Previous Toasts Next Bar Chart Parameters Examples Tooltips Disabled button with tooltip Tooltip icon with click event Dynamically update the tooltip text Tooltip with HTML","s":"Blazor Tooltips","u":"/components/tooltips","h":"","p":609},{"i":612,"t":"Forms Auto Complete On this page Blazor Auto Complete Blazor Bootstrap autocomplete component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering. Parameters​ Name Type Default Required Description Added Version DataProvider AutoCompleteDataProviderDelegate<TItem> null ✔️ Gets or sets the data provider. 0.4.0 Disabled bool false Gets or sets the disabled state. 0.4.0 EmptyText string No records found. Gets or sets the empty text. 1.10.2 LoadingText string Loading... Gets or sets the loading text. 1.10.2 Placeholder string null Gets or sets the placeholder. 0.4.0 PropertyName string null ✔️ Gets or sets the property name. 0.4.0 Size AutoCompleteSize AutoCompleteSize.Default Gets or sets the autocomplete size. 0.4.0 StringComparison StringComparison StringComparison.OrdinalIgnoreCase Gets or sets the StringComparison. 0.4.1 StringFilterOperator StringFilterOperator StringFilterOperator.Contains Gets or sets the string filter operator. 0.4.1 Value string null Gets or sets the value. 0.4.0 ValueExpression expression null AutoComplete value expression. 0.4.0 Methods​ Name Returns Description Added Version Disable() void Disables autocomplete. 0.4.0 Enable() void Enables autocomplete. 0.4.0 RefreshDataAsync() Task Refresh the autocomplete data. 0.4.0 ResetAsync() Task Resets the autocomplete selection. 0.4.0 Events​ Name Description Added Version OnChanged This event fires immediately when the autocomplete selection changes by the user. 0.4.0 ValueChanged This event fires on every user keystroke that changes the textbox value. 0.4.0 Keyboard Navigation​ Blazor Bootstrap autocomplete component supports the following keyboard shortcuts to initiate various actions. Key Description Added Version Esc Closes the popup list when it is in an open state. 1.3.1 Up arrow Focuses on the previous item in the list. 1.3.1 Down arrow Focuses on the next item in the list. 1.3.1 Home Focuses on the first item in the list. 1.3.1 End Focuses on the last item in the list. 1.3.1 Enter Selects the currently focused item. 1.3.1 Examples​ Client side data​ <div class=\"row\"> <div class=\"col-md-5 col-sm-12\"> <AutoComplete @bind-Value=\"customerName\" TItem=\"Customer\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" OnChanged=\"(Customer customer) => OnAutoCompleteChanged(customer)\" /> </div> </div> @code { private string customerName; public IEnumerable<Customer> customers; private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request) { if (customers is null) // pull customers only one time for client-side autocomplete customers = GetCustomers(); // call a service or an API to pull the customers return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName))); } private IEnumerable<Customer> GetCustomers() { return new List<Customer> { new(1, \"Pich S\"), new(2, \"sfh Sobi\"), new(3, \"Jojo chan\"), new(4, \"Jee ja\"), new(5, \"Rose Canon\"), new(6, \"Manju A\"), new(7, \"Bandita PA\"), new(8, \"Sagar Adil\"), new(9, \"Isha Wang\"), new(10, \"Daina JJ\"), new(11, \"Komala Mug\"), new(12, \"Dikshita BD\"), new(13, \"Neha Gosar\"), new(14, \"Preeti S\"), new(15, \"Sagar Seth\"), new(16, \"Vinayak MM\"), new(17, \"Vijaya Lakhsmi\"), new(18, \"Jahan K\"), new(19, \"Joy B\"), new(20, \"Zaraiah C\"), new(21, \"Laura L\"), new(22, \"Punith ES\") }; } private void OnAutoCompleteChanged(Customer customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); } } public record Customer(int CustomerId, string CustomerName); See demo here Client side data with StringComparision​ In the below example, StringComparision.Ordinal is used to make the filter case-sensitive. info By default, StringComparison.OrdinalIgnoreCase is used to compare culture-agnostic and case-insensitive string matching. <div class=\"row\"> <div class=\"col-md-5 col-sm-12\"> <AutoComplete @bind-Value=\"customerName\" TItem=\"Customer\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" StringComparison=\"StringComparison.Ordinal\" OnChanged=\"(Customer customer) => OnAutoCompleteChanged(customer)\" /> </div> </div> @code { private string customerName; public IEnumerable<Customer> customers; private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request) { if (customers is null) // pull customers only one time for client-side autocomplete customers = GetCustomers(); // call a service or an API to pull the customers return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName))); } private IEnumerable<Customer> GetCustomers() { return new List<Customer> { new(1, \"Pich S\"), new(2, \"sfh Sobi\"), new(3, \"Jojo chan\"), new(4, \"Jee ja\"), new(5, \"Rose Canon\"), new(6, \"Manju A\"), new(7, \"Bandita PA\"), new(8, \"Sagar Adil\"), new(9, \"Isha Wang\"), new(10, \"Daina JJ\"), new(11, \"Komala Mug\"), new(12, \"Dikshita BD\"), new(13, \"Neha Gosar\"), new(14, \"Preeti S\"), new(15, \"Sagar Seth\"), new(16, \"Vinayak MM\"), new(17, \"Vijaya Lakhsmi\"), new(18, \"Jahan K\"), new(19, \"Joy B\"), new(20, \"Zaraiah C\"), new(21, \"Laura L\"), new(22, \"Punith ES\") }; } private void OnAutoCompleteChanged(Customer customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); } } public record Customer(int CustomerId, string CustomerName); See demo here Server side data​ <div class=\"row\"> <div class=\"col-md-5 col-sm-12\"> <AutoComplete @bind-Value=\"customerName\" TItem=\"Customer\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" OnChanged=\"(Customer customer) => OnAutoCompleteChanged(customer)\" /> </div> </div> @code { private string customerName; [Inject] ICustomerService _customerService { get; set; } private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request) { var customers = await _customerService.GetCustomers(request.Filter, request.CancellationToken); // API call return await Task.FromResult(new AutoCompleteDataProviderResult<Customer> { Data = customers, TotalCount = customers.Count() }); } private void OnAutoCompleteChanged(Customer customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); } } See demo here Set default value​ <div class=\"row\"> <div class=\"col-md-5 col-sm-12\"> <AutoComplete @bind-Value=\"customerName\" TItem=\"Customer\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" OnChanged=\"(Customer customer) => OnAutoCompleteChanged(customer)\" /> </div> </div> @code { private string customerName; public IEnumerable<Customer> customers; protected override void OnInitialized() { customerName = \"Pich S\"; } private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request) { if (customers is null) // pull customers only one time for client-side autocomplete customers = GetCustomers(); // call a service or an API to pull the customers return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName))); } private IEnumerable<Customer> GetCustomers() { return new List<Customer> { new(1, \"Pich S\"), new(2, \"sfh Sobi\"), new(3, \"Jojo chan\"), new(4, \"Jee ja\"), new(5, \"Rose Canon\"), new(6, \"Manju A\"), new(7, \"Bandita PA\"), new(8, \"Sagar Adil\"), new(9, \"Isha Wang\"), new(10, \"Daina JJ\"), new(11, \"Komala Mug\"), new(12, \"Dikshita BD\"), new(13, \"Neha Gosar\"), new(14, \"Preeti S\"), new(15, \"Sagar Seth\"), new(16, \"Vinayak MM\"), new(17, \"Vijaya Lakhsmi\"), new(18, \"Jahan K\"), new(19, \"Joy B\"), new(20, \"Zaraiah C\"), new(21, \"Laura L\"), new(22, \"Punith ES\") }; } private void OnAutoCompleteChanged(Customer customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); } } See demo here Validations​ @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@_editContext\" OnValidSubmit=\"HandleOnValidSubmit\"> <DataAnnotationsValidator /> <div class=\"form-group row mb-2\"> <label for=\"supplier\" class=\"col-md-2 col-form-label\">Customer:</label> <div class=\"col-md-10\"> <AutoComplete @bind-Value=\"customerAddress.CustomerName\" TItem=\"Customer\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" OnChanged=\"(Customer customer) => OnAutoCompleteChanged(customer)\" /> <ValidationMessage For=\"@(() => customerAddress.CustomerName)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label for=\"name\" class=\"col-md-2 col-form-label\">Address:</label> <div class=\"col-md-10\"> <InputText id=\"name\" class=\"form-control\" @bind-Value=\"customerAddress.Address\" /> <ValidationMessage For=\"@(() => customerAddress.Address)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <button type=\"submit\" class=\"btn btn-success float-right\">Submit</button> </div> </div> </EditForm> @code { private CustomerAddress customerAddress = new(); private EditContext _editContext; [Inject] ICustomerService _customerService { get; set; } protected override void OnInitialized() { _editContext = new EditContext(customerAddress); base.OnInitialized(); } public void HandleOnValidSubmit() { Console.WriteLine($\"Customer name is {customerAddress.CustomerName} and address is {customerAddress.Address}\"); } private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request) { var customers = await _customerService.GetCustomers(request.Filter); // API call return await Task.FromResult(new AutoCompleteDataProviderResult<Customer> { Data = customers, TotalCount = customers.Count() }); } private void OnAutoCompleteChanged(Customer customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); Console.WriteLine($\"Data null: {customer is null}.\"); } public class CustomerAddress { [Required] public string CustomerName { get; set; } [Required] public string Address { get; set; } } } See demo here Disable​ Use the Disabled parameter to disable the AutoComplete. <div class=\"row mb-3\"> <div class=\"col-md-5 col-sm-12\"> <AutoComplete @bind-Value=\"customerName\" TItem=\"Customer2\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" Disabled=\"@disabled\" OnChanged=\"(Customer2 customer) => OnAutoCompleteChanged(customer)\" /> </div> </div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private string customerName = default!; private bool disabled = true; [Inject] ICustomerService _customerService { get; set; } = default!; private async Task<AutoCompleteDataProviderResult<Customer2>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer2> request) { var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call return await Task.FromResult(new AutoCompleteDataProviderResult<Customer2> { Data = customers, TotalCount = customers.Count() }); } private void OnAutoCompleteChanged(Customer2 customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); } private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the AutoComplete. NOTE Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"row mb-3\"> <div class=\"col-md-5 col-sm-12\"> <AutoComplete @ref=\"autoComplete1\" @bind-Value=\"customerName\" TItem=\"Customer2\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" OnChanged=\"(Customer2 customer) => OnAutoCompleteChanged(customer)\" /> </div> </div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private AutoComplete<Customer2> autoComplete1 = default!; private string customerName = default!; [Inject] ICustomerService _customerService { get; set; } = default!; private async Task<AutoCompleteDataProviderResult<Customer2>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer2> request) { var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call return await Task.FromResult(new AutoCompleteDataProviderResult<Customer2> { Data = customers, TotalCount = customers.Count() }); } private void OnAutoCompleteChanged(Customer2 customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); } private void Disable() => autoComplete1.Disable(); private void Enable() => autoComplete1.Enable(); } See demo here Edit this page Previous Icons Next Currency Input Parameters Methods Events Keyboard Navigation Examples Client side data Client side data with StringComparision Server side data Set default value Validations Disable","s":"Blazor Auto Complete","u":"/forms/autocomplete","h":"","p":611},{"i":614,"t":"Forms Date Input On this page Blazor Date Input Blazor Bootstrap DateInput component is constructed using an HTML input of type=\"date\" which limits user input based on pre-defined parameters. This component enables users to input a date using a text box with validation or a special date picker interface. Parameters​ Name Type Default Required Description Added Version AutoComplete bool false If true, DateInput can complete the values automatically by the browser. 1.5.0 Disabled bool false Gets or sets the disabled state. 1.5.0 EnableMinMax bool false Determines whether to restrict the user input to Min and Max range. If true, restricts the user input between the Min and Max range. Else accepts the user input. 1.5.0 Max TValue Gets or sets the max. Max ignored if EnableMinMax=\"false\". Allowed format is yyyy-mm-dd. 1.5.0 Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". Allowed format is yyyy-mm-dd. 1.5.0 Placeholder string? null Gets or sets the placeholder. 1.5.0 Value TValue Gets or sets the value. 1.5.0 ValueExpression Expression<Func<TValue>> Gets or sets the expression 1.6.0 Methods​ Name Description Added Version Disable Disables date input. 1.5.0 Enable Enables date input. 1.5.0 Events​ Name Description ValueChanged This event fired on every user keystroke that changes the DateInput value. Examples​ Basic usage​ NOTE The input UI generally varies from browser to browser. In unsupported browsers, the control degrades gracefully to type=\"text\". <div class=\"mb-3\"> <DateInput TValue=\"DateOnly\" @bind-Value=\"@date1\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date1</div> @code { private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now.AddDays(1)); } See demo here Generic type​ The Blazor Bootstrap DateInput component supports several data types: DateOnly, DateOnly?, DateTime, and DateTime?. This allows flexible component usage to accommodate various data types in Blazor applications. In the below example, TValue is set to DateOnly, DateOnly?, DateTime, and DateTime?. <div class=\"mb-3\"> <strong>DateOnly</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateOnly\" @bind-Value=\"@date1\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date1</div> <div class=\"mb-3\"> <strong>DateOnly?</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateOnly?\" @bind-Value=\"@date2\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date2</div> <div class=\"mb-3\"> <strong>DateTime</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateTime\" @bind-Value=\"@date3\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date3</div> <div class=\"mb-3\"> <strong>DateTime?</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateTime?\" @bind-Value=\"@date4\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date4</div> @code { private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now.AddMonths(3)); private DateOnly? date2; private DateTime date3 = DateTime.Now.AddMonths(3); private DateTime? date4; } See demo here Enable min and max​ Set EnableMinMax=\"true\" and set the Min and Max parameters to restrict the user input between the Min and Max range. NOTE If the user tries to enter a number in the DateInput field which is out of range, then it will override with Min or Max value based on the context. If the user input is less than the Min value, then it will override with the Min value. If the user input exceeds the Max value, it will override with the Max value. <div class=\"mb-3\"> <strong>DateOnly</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateOnly\" @bind-Value=\"@date1\" EnableMinMax=\"true\" Min=\"@min1\" Max=\"@max1\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Min date: @min1</div> <div class=\"mb-3\">Max date: @max1</div> <div class=\"mb-3\">Entered date: @date1</div> <div class=\"mb-3\"> <strong>DateOnly?</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateOnly?\" @bind-Value=\"@date2\" EnableMinMax=\"true\" Min=\"@min2\" Max=\"@max2\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Min date: @min2</div> <div class=\"mb-3\">Max date: @max2</div> <div class=\"mb-3\">Entered date: @date2</div> <div class=\"mb-3\"> <strong>DateTime</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateTime\" @bind-Value=\"@date3\" EnableMinMax=\"true\" Min=\"@min3\" Max=\"@max3\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Min date: @min3</div> <div class=\"mb-3\">Max date: @max3</div> <div class=\"mb-3\">Entered date: @date3</div> <div class=\"mb-3\"> <strong>DateTime?</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateTime?\" @bind-Value=\"@date4\" EnableMinMax=\"true\" Min=\"@min4\" Max=\"@max4\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Min date: @min4</div> <div class=\"mb-3\">Max date: @max4</div> <div class=\"mb-3\">Entered date: @date4</div> @code { private DateTime date = DateTime.Now.AddMonths(3); private DateTime min = DateTime.Now.AddMonths(-1); private DateTime max = DateTime.Now.AddYears(1); private DateOnly date1, min1, max1; private DateOnly? date2, min2, max2; private DateTime date3, min3, max3; private DateTime? date4, min4, max4; protected override void OnInitialized() { date1 = DateOnly.FromDateTime(date); min1 = DateOnly.FromDateTime(min); max1 = DateOnly.FromDateTime(max); date2 = null; min2 = DateOnly.FromDateTime(min); max2 = DateOnly.FromDateTime(max); date3 = DateTime.Now.AddMonths(3); min3 = min; max3 = max; date4 = null; min4 = min; max4 = max; } } See demo here Disable​ Use the Disabled parameter to disable the DateInput. <div class=\"mb-3\"> <DateInput TValue=\"DateOnly\" @bind-Value=\"@date1\" Disabled=\"@disabled\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date1</div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now); private bool disabled = true; private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the DateInput. NOTE Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"mb-3\"> <DateInput @ref=\"dateInput\" TValue=\"DateOnly\" @bind-Value=\"@date1\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date1</div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private DateInput<DateOnly> dateInput = default!; private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now); private void Disable() => dateInput.Disable(); private void Enable() => dateInput.Enable(); } See demo here Validations​ Like any other blazor input component, DateInput component supports validations. Use the Use the DataAnnotations to validate the user input before submitting the form. In the below example, we used the Required attributes. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleOnValidSubmit\"> <DataAnnotationsValidator /> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Invoice Date: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <DateInput TValue=\"DateOnly?\" @bind-Value=\"invoice.InvoiceDate\" /> <ValidationMessage For=\"@(() => invoice.InvoiceDate)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Customer Name: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <InputText class=\"form-control\" @bind-Value=\"invoice.CustomerName\" Placeholder=\"Enter Customer Name\" /> <ValidationMessage For=\"@(() => invoice.CustomerName)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> @code { private Invoice invoice = new(); private EditContext editContext; protected override void OnInitialized() { editContext = new EditContext(invoice); base.OnInitialized(); } public void HandleOnValidSubmit() { Console.WriteLine($\"Invoice Date: {invoice.InvoiceDate}\"); Console.WriteLine($\"Customer Name: {invoice.CustomerName}\"); } private void ResetForm() { invoice = new(); editContext = new EditContext(invoice); } public class Invoice { [Required(ErrorMessage = \"Invoice Date required.\")] public DateOnly? InvoiceDate { get; set; } [Required(ErrorMessage = \"Customer Name required.\")] public string CustomerName { get; set; } } } See demo here Events: ValueChanged​ This event fires on every user keystroke/selection that changes the DateInput value. <div class=\"mb-3\"> <DateInput TValue=\"DateOnly\" Value=\"date1\" ValueExpression=\"() => date1\" ValueChanged=\"(value) => DateChanged(value)\" /> </div> <div class=\"mb-3\">Changed date: @date1</div> @code { private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now); private void DateChanged(DateOnly dateOnly) { date1 = dateOnly; } } See demo here Restrict the date field based on the entry in another date field​ One common scenario is that the date fields are restricted based on the entry in another date field. In the example below, we restrict the course end time based on the selection of course start date. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleValidSubmit\" novalidate> <DataAnnotationsValidator /> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Course Name: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <InputText class=\"form-control\" @bind-Value=\"onlineCourseForm.CourseName\" /> <ValidationMessage For=\"@(() => onlineCourseForm.CourseName)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Start Date: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <DateInput TValue=\"DateTime?\" Value=\"onlineCourseForm.StartDate\" ValueExpression=\"() => onlineCourseForm.StartDate\" ValueChanged=\"(value) => StartDateChanged(value)\" /> <ValidationMessage For=\"@(() => onlineCourseForm.StartDate)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">End Date: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <DateInput @ref=\"endDateInput\" TValue=\"DateTime?\" @bind-Value=\"onlineCourseForm.EndDate\" EnableMinMax=\"true\" Min=\"courseMinDate\" Max=\"courseMaxDate\" Disabled=\"true\" /> <ValidationMessage For=\"@(() => onlineCourseForm.EndDate)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> @code { DateInput<DateTime?> endDateInput = default!; private OnlineCourseForm onlineCourseForm = new(); private EditContext editContext; private DateTime? courseMinDate; private DateTime? courseMaxDate; [Inject] ToastService _toastService { get; set; } protected override void OnInitialized() { editContext = new EditContext(onlineCourseForm); base.OnInitialized(); } private void StartDateChanged(DateTime? startDate) { if (startDate is null || !startDate.HasValue) { onlineCourseForm.StartDate = null; onlineCourseForm.EndDate = null; courseMinDate = null; courseMaxDate = null; endDateInput.Disable(); return; } onlineCourseForm.StartDate = startDate; onlineCourseForm.EndDate = null; courseMinDate = startDate.Value; courseMaxDate = startDate.Value.AddDays(5); endDateInput.Enable(); } public void HandleValidSubmit() { var toastMessage = new ToastMessage ( type: ToastType.Success, iconName: IconName.Check2All, title: \"Success!\", helpText: $\"{DateTime.Now.ToLocalTime()}\", message: \"Online course schedule created.\" ); _toastService.Notify(toastMessage); } private void ResetForm() { onlineCourseForm = new(); editContext = new EditContext(onlineCourseForm); } public class OnlineCourseForm { [Required(ErrorMessage = \"Course Name required.\")] public string CourseName { get; set; } [Required(ErrorMessage = \"Start Date required.\")] public DateTime? StartDate { get; set; } [Required(ErrorMessage = \"End Date required.\")] public DateTime? EndDate { get; set; } } } Edit this page Previous Currency Input Next Number Input Parameters Methods Events Examples Basic usage Generic type Enable min and max Disable Validations Events: ValueChanged Restrict the date field based on the entry in another date field","s":"Blazor Date Input","u":"/forms/date-input","h":"","p":613},{"i":616,"t":"Forms Range Input On this page Blazor Range Input Blazor Bootstrap RangeInput component is built around HTML input of type=\"range\". Parameters​ Name Type Default Required Description Added Version Disabled bool false Gets or sets the disabled state. 1.10.6 Max TValue Gets or sets the maximum value of the range input. 1.10.6 Min TValue Gets or sets the minimum value of the range input. 1.10.6 Step double 1 Gets or sets the step value of the range input. 1.10.6 TickMarks IEnumerable<TickMark> null Gets or sets the tick marks. 1.10.6 Value TValue Gets or sets the value of the range input. 1.10.6 Methods​ Name Description Added Version Disable() Disables range input. 1.10.6 Enable() Enables range input. 1.10.6 Events​ Name Description Added Version ValueChanged This event fires when the user specifies a numeric value. 1.10.6 TickMark Properties​ Name Type Default Required Description Added Version Label string? Gets or sets the label. 1.10.6 Value string? Gets or sets the value. 1.10.6 Examples​ Basic usage​ <RangeInput TValue=\"int\" @bind-Value=\"amount1\" Min=\"0\" Max=\"100\" /> @code { int amount1 = 10; } <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"int\" @bind-Value=\"amount1\" Min=\"0\" Max=\"100\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount1\">@amount1</Badge> </div> <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"int?\" @bind-Value=\"amount2\" Min=\"0\" Max=\"100\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount2\">@amount2</Badge> </div> <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"float\" @bind-Value=\"amount3\" Min=\"0\" Max=\"100\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount3\">@amount3</Badge> </div> <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"float?\" @bind-Value=\"amount4\" Min=\"0\" Max=\"100\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount4\">@amount4</Badge> </div> @code { int amount1 = 10; int? amount2 = 20; float amount3 = 30; float? amount4 = 40; } See demo here Disabled​ Use the Disabled parameter to disable the RangeInput. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <RangeInput TValue=\"int?\" @bind-Value=\"amount\" Disabled=\"@disabled\" Min=\"0\" Max=\"100\" /> </div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private int? amount = 10; private bool disabled = true; private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the RangeInput. danger Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <RangeInput @ref=\"rangeInput\" TValue=\"int?\" @bind-Value=\"amount\" Min=\"0\" Max=\"100\" /> </div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private RangeInput<int?> rangeInput = default!; private int? amount = 10; private void Disable() => rangeInput.Disable(); private void Enable() => rangeInput.Enable(); } See demo here Min and max​ Set the Min and Max parameters to restrict the user input between the Min and Max range. By default, the minimum is 0. caution By default the maximum is 100 for sbyte?, short?, int?, long?, float?, double? and decimal? data types. For other data types it is 0. If the user tries to specify a numeric value which is out of range, then it will override with Min or Max value based on the context. If the user input is less than the minimum value, then it will override with the Min value. If the user input exceeds the maximum value, it will override with the Max value. <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"int\" @bind-Value=\"amount1\" Min=\"-10\" Max=\"10\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount1\">@amount1</Badge> </div> @code { int amount1 = -3; } See demo here Step​ The Step parameter is a number that specifies the granularity that the value must adhere to. Only values that match the specified stepping interval are valid. <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"int\" @bind-Value=\"amount1\" Min=\"0\" Max=\"100\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount1\">@amount1</Badge> </div> <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"int?\" @bind-Value=\"amount2\" Min=\"0\" Max=\"100\" Step=\"5\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount2\">@amount2</Badge> </div> <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"float\" @bind-Value=\"amount3\" Min=\"0\" Max=\"100\" Step=\"10\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount3\">@amount3</Badge> </div> <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"float?\" @bind-Value=\"amount4\" Min=\"0\" Max=\"100\" Step=\"20\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount4\">@amount4</Badge> </div> @code { int amount1 = 10; int? amount2 = 20; float amount3 = 30; float? amount4 = 40; } See demo here Decimal values​ <RangeInput TValue=\"decimal\" @bind-Value=\"amount1\" Min=\"0\" Max=\"100\" Step=\"0.01\" /> <div class=\"mt-2\">@amount1</div> @code { decimal amount1 = 0; } See demo here Tick marks​ To add tick marks to a RangeInput, set the TickMarks parameter. <div class=\"d-flex mb-3\"> <div class=\"flex-fill\"> <RangeInput TValue=\"float\" @bind-Value=\"temperature1\" Min=\"0\" Max=\"100\" TickMarks=\"list\" /> </div> </div> <Badge Color=\"BadgeColor.Primary\" Class=\"mx-2\" VisuallyHiddenText=\"amount1\">@temperature1</Badge> <span>Fahrenheit</span> @code { float temperature1 = 10; IEnumerable<TickMark> list = new List<TickMark> { new(){ Label = \"very cold!\", Value = \"0\"}, new(){ Label = \"cool\", Value = \"25\"}, new(){ Label = \"medium\", Value = \"50\"}, new(){ Label = \"getting warm!\", Value = \"75\"}, new(){ Label = \"hot!\", Value = \"100\"}, }; } See demo here Edit this page Previous Number Input Next Switch Parameters Methods Events TickMark Properties Examples Basic usage Disabled Min and max Step Decimal values Tick marks","s":"Blazor Range Input","u":"/forms/range-input","h":"","p":615},{"i":618,"t":"Forms Number Input On this page Blazor Number Input Blazor Bootstrap NumberInput component is built around HTML input of type=\"number\" that prevents the user input based on the parameters set. Parameters​ Name Type Default Required Description Added Version AllowNegativeNumbers bool false If true, allows negative numbers. 1.0.0 AutoComplete bool false If true, NumberInput can complete the values automatically by the browser. 1.0.0 Disabled bool false Gets or sets the disabled state. 1.0.0 EnableMinMax bool false Determines whether to restrict the user input to Min and Max range. If true, restricts the user input between the Min and Max range. Else accepts the user input. 1.0.0 Locale string en-US ✔️ Gets or sets the locale. 1.0.0 Max TValue Gets or sets the max. Max ignored if EnableMinMax=\"false\". 1.0.0 Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". 1.0.0 Placeholder string? null Gets or sets the placeholder. 1.0.0 Step double? null Gets or sets the step. 1.0.0 TextAlignment Alignment Alignment.None Gets or sets the text alignment. 1.0.0 Value TValue Gets or sets the value. 1.0.0 Methods​ Name Description Disable() Disables number input. Enable() Enables number input. Events​ Name Description ValueChanged This event fired on every user keystroke that changes the NumberInput value. Examples​ Basic usage​ By default, e + - are blocked. For all integral numeric types, dot . is blocked. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"int\" @bind-Value=\"@amount\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount</div> @code { private int amount; } See demo here Generic type​ NumberInput is a generic component. Always specify the exact type. In the below example TValue is set to int, int?, float, float?, double, double?, decimal, and decimal?. <div class=\"mb-3\"> <label class=\"form-label\">Enter int number</label> <NumberInput TValue=\"int\" @bind-Value=\"@amount\" /> <div class=\"mt-1\">Entered Number: @amount</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter int? number</label> <NumberInput TValue=\"int?\" @bind-Value=\"@amount2\" /> <div class=\"mt-1\">Entered Number: @amount2</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter float number</label> <NumberInput TValue=\"float\" @bind-Value=\"@amount3\" /> <div class=\"mt-1\">Entered Number: @amount3</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter float? number</label> <NumberInput TValue=\"float?\" @bind-Value=\"@amount4\" /> <div class=\"mt-1\">Entered Number: @amount4</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter double number</label> <NumberInput TValue=\"double\" @bind-Value=\"@amount5\" /> <div class=\"mt-1\">Entered Number: @amount5</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter double? number</label> <NumberInput TValue=\"double?\" @bind-Value=\"@amount6\" /> <div class=\"mt-1\">Entered Number: @amount6</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter decimal number</label> <NumberInput TValue=\"decimal\" @bind-Value=\"@amount7\" /> <div class=\"mt-1\">Entered Number: @amount7</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter decimal? number</label> <NumberInput TValue=\"decimal?\" @bind-Value=\"@amount8\" /> <div class=\"mt-1\">Entered Number: @amount8</div> </div> @code { private int amount; private int? amount2; private float amount3; private float? amount4; private double amount5; private double? amount6; private decimal amount7; private decimal? amount8; } See demo here Enable min and max​ Set EnableMinMax=\"true\" and set the Min and Max parameters to restrict the user input between the Min and Max range. NOTE If the user tries to enter a number in the NumberInput field which is out of range, then it will override with Min or Max value based on the context. If the user input is less than the Min value, then it will override with the Min value. If the user input exceeds the Max value, it will override with the Max value. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"decimal?\" @bind-Value=\"@amount\" EnableMinMax=\"true\" Min=\"10\" Max=\"500\" Placeholder=\"Enter amount\" /> <span class=\"form-text\">Tip: The amount must be between 10 and 500.</span> </div> <div class=\"mb-3\">Entered Amount: @amount</div> @code { private decimal? amount; } See demo here Step​ The Step sets the stepping interval when clicking the up and down spinner buttons. If not explicitly included, Step defaults to 1. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"int?\" @bind-Value=\"@amount\" Step=\"10\" Placeholder=\"Enter amount\" /> <span class=\"form-text\">Info: Here <code>Step</code> parameter is set to <b>10</b>.</span> </div> <div class=\"mb-3\">Entered Amount: @amount</div> <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"decimal?\" @bind-Value=\"@amount2\" Step=\"2.5\" Placeholder=\"Enter amount\" /> <span class=\"form-text\">Info: Here <code>Step</code> parameter is set to <b>2.5</b>.</span> </div> <div class=\"mb-3\">Entered Amount: @amount2</div> @code { private int? amount; private decimal? amount2; } See demo here Text alignment​ You can change the text alignment according to your need. Use the TextAlignment parameter to set the alignment. In the below example, alignment is set to center and end. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"int\" @bind-Value=\"@amount\" TextAlignment=\"Alignment.Center\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount</div> <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"decimal\" @bind-Value=\"@amount2\" TextAlignment=\"Alignment.End\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount2</div> @code { private int amount; private decimal amount2 = 2.34M; } See demo here Allow negative numbers​ By default, negative numbers are not allowed. Set the AllowNegativeNumbers parameter to true to allow the negative numbers. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"int\" @bind-Value=\"@amount\" AllowNegativeNumbers=\"true\" Placeholder=\"Enter amount\" /> <span class=\"form-text\">Tip: Negative numbers are also allowed.</span> </div> <div class=\"mb-3\">Entered Amount: @amount</div> @code { private int amount; } See demo here Disable​ Use the Disabled parameter to disable the NumberInput. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"int?\" @bind-Value=\"@amount\" Disabled=\"@disabled\" Placeholder=\"Enter amount\" /> </div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private int? amount; private bool disabled = true; private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the NumberInput. NOTE Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput @ref=\"numberInput\" TValue=\"int?\" @bind-Value=\"@amount\" Placeholder=\"Enter amount\" /> </div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private NumberInput<int?> numberInput = default!; private int? amount; private void Disable() => numberInput.Disable(); private void Enable() => numberInput.Enable(); } See demo here Validations​ Like any other blazor input component, NumberInput supports validations. Add the DataAnnotations on the NumberInput component to validate the user input before submitting the form. In the below example, we used Required and Range attributes. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleOnValidSubmit\"> <DataAnnotationsValidator /> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Item Price: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <NumberInput TValue=\"decimal?\" Value=\"invoice.Price\" ValueExpression=\"() => invoice.Price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> <ValidationMessage For=\"@(() => invoice.Price)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Item Discount:</label> <div class=\"col-md-10\"> <NumberInput TValue=\"decimal?\" Value=\"invoice.Discount\" ValueExpression=\"() => invoice.Discount\" ValueChanged=\"(value) => DiscountChanged(value)\" Placeholder=\"Enter discount\" /> <ValidationMessage For=\"@(() => invoice.Discount)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Total Amount: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <NumberInput TValue=\"decimal?\" @bind-Value=\"invoice.Total\" Disabled=\"true\" Placeholder=\"Enter total\" /> <ValidationMessage For=\"@(() => invoice.Total)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> @code { private Invoice invoice = new(); private EditContext editContext; protected override void OnInitialized() { editContext = new EditContext(invoice); base.OnInitialized(); } protected override void OnParametersSet() { CalculateToatl(); base.OnParametersSet(); } private void PriceChanged(decimal? value) { invoice.Price = value; CalculateToatl(); } private void DiscountChanged(decimal? value) { invoice.Discount = value; CalculateToatl(); } private void CalculateToatl() { var price = invoice.Price.HasValue ? invoice.Price.Value : 0; var discount = invoice.Discount.HasValue ? invoice.Discount.Value : 0; invoice.Total = price - discount; } public void HandleOnValidSubmit() { Console.WriteLine($\"Price: {invoice.Price}\"); Console.WriteLine($\"Discount: {invoice.Discount}\"); Console.WriteLine($\"Total: {invoice.Total}\"); } private void ResetForm() { invoice = new(); editContext = new EditContext(invoice); } public class Invoice { [Required(ErrorMessage = \"Price required.\")] [Range(60, 500, ErrorMessage = \"Price should be between 60 and 500.\")] public decimal? Price { get; set; } = 232M; [Range(0, 50, ErrorMessage = \"Discount should be between 0 and 50.\")] public decimal? Discount { get; set; } [Required(ErrorMessage = \"Amount required.\")] [Range(10, 500, ErrorMessage = \"Total should be between 60 and 500.\")] public decimal? Total { get; set; } } } See demo here Events: ValueChanged​ This event fires on every user keystroke that changes the NumberInput value. <div class=\"row mb-3\"> <label class=\"col-md-2 col-form-label\">Item Price: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <NumberInput TValue=\"decimal?\" Value=\"price\" ValueExpression=\"() => price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> </div> </div> <div> @displayPrice </div> @code { private decimal? price = 10M; private string displayPrice; private void PriceChanged(decimal? value) { price = value; // this is mandatory displayPrice = $\"Price: {value}, changed at {DateTime.Now.ToLocalTime()}.\"; } } See demo here Edit this page Previous Date Input Next Range Input Parameters Methods Events Examples Basic usage Generic type Enable min and max Step Text alignment Allow negative numbers Disable Validations Events: ValueChanged","s":"Blazor Number Input","u":"/forms/number-input","h":"","p":617},{"i":620,"t":"Forms Switch On this page Blazor Switch Use the Blazor Bootstrap Switch component to show the consistent cross-browser and cross-device custom checkboxes. Parameters​ Name Type Default Required Description Added Version Disabled bool false Gets or sets the disabled state. 1.3.0 Label string null Gets or sets the label. 1.3.0 Reverse bool false Determines whether to put the switch on the opposite side. 1.3.0 Value bool false Gets or sets the value. 1.3.0 Methods​ Name Return Type Description Added Version Disable() void Disables switch. 1.3.0 Enable() void Enables switch. 1.3.0 Events​ Name Description Added Version ValueChanged This event fired when the switch selection changed. 1.3.0 Examples​ Basic usage​ <Switch @bind-Value=\"agree1\" Label=\"Default switch checkbox input\" /> <Switch @bind-Value=\"agree2\" Label=\"Checked switch checkbox input\" /> <div class=\"mt-3\">Switch 1 Status: <b>@agree1</b></div> <div>Switch 2 Status: <b>@agree2</b></div> @code { bool agree1; bool agree2 = true; } See demo here Disable​ Disable​ Use the Disabled parameter to disable the Switch. <div class=\"mb-3\"> <Switch @bind-Value=\"agree\" Disabled=\"@disabled\" Label=\"Disabled switch checkbox input\" /> </div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private bool agree = true; private bool disabled = true; private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the Switch. NOTE Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"mb-3\"> <Switch @ref=\"switch1\" @bind-Value=\"agree\" Label=\"Disabled switch checkbox input\" /> </div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private Switch switch1 = default!; private bool agree = true; private void Disable() => switch1.Disable(); private void Enable() => switch1.Enable(); } See demo here Reverse​ Put your switches on the opposite side by using the Reverse parameter. <Switch @bind-Value=\"agree\" Label=\"Reverse switch checkbox input\" Reverse=\"true\" /> @code { bool agree; } See demo here Events: ValueChanged​ This event fired when the Switch selection changed. <Switch Value=\"agree\" Label=\"Default switch checkbox input\" ValueExpression=\"() => agree\" ValueChanged=\"SwitchChanged\" /> <div class=\"mt-3\">@displaySwitchStatus</div> @code { private bool agree; private string displaySwitchStatus; private void SwitchChanged(bool value) { agree = value; // this is mandatory displaySwitchStatus = $\"Switch Status: {value}, changed at {DateTime.Now.ToLocalTime()}.\"; } } See demo here Edit this page Previous Range Input Next Time Input Parameters Methods Events Examples Basic usage Disable Disable Reverse Events: ValueChanged","s":"Blazor Switch","u":"/forms/switch","h":"","p":619},{"i":622,"t":"Forms Currency Input On this page Blazor Currency Input Use the Blazor Bootstrap CurrencyInput component to show the numbers in the user's locale format, including the currency symbol. Parameters​ Name Type Default Required Description Added Version AllowNegativeNumbers bool false If true, allows negative numbers. 1.0.0 AutoComplete bool false If true, CurrencyInput can complete the values automatically by the browser. 1.0.0 CurrencySign CurrencySign CurrencySign.Standard Gets or sets the currency sign. 1.0.0 Disabled bool false Gets or sets the disabled state. 1.0.0 EnableMinMax bool false Determines whether to restrict the user input to Min and Max range. If true, restricts the user input between the Min and Max range. Else accepts the user input. 1.0.0 HideCurrencySymbol bool false Determines whether to hide the currency symbol are not. 1.0.0 Locale string en-US ✔️ Gets or sets the locale. 1.0.0 Max TValue Gets or sets the max. Max ignored if EnableMinMax=\"false\". 1.0.0 MaximumFractionDigits byte? null The maximum number of fraction digits to use. 1.0.0 Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". 1.0.0 MinimumFractionDigits byte? null The minimum number of fraction digits to use. 1.0.0 MinimumIntegerDigits byte 1 The minimum number of integer digits to use. A value with a smaller number of integer digits than this number will be left-padded with zeros (to the specified length) when formatted. 1.0.0 Placeholder string? null Gets or sets the placeholder. 1.0.0 TextAlignment Alignment Alignment.None Gets or sets the text alignment. 1.0.0 Value TValue Gets or sets the value. 1.0.0 Methods​ Name Description Disable() Disables currency input. Enable() Enables currency input. Events​ Name Description ValueChanged This event fired on every user keystroke that changes the CurrencyInput value. Examples​ Basic usage​ By default, e + - are blocked. For all integral numeric types, dot . is blocked. <div class=\"mb-3\"> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount1\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount1</div> @code { private int amount1 = 12345678; } See demo here Show currency symbols for the different locales​ <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-IN</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount1\" Locale=\"en-IN\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount1</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-US</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount2\" Locale=\"en-US\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount2</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>fr-FR</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount3\" Locale=\"fr-FR\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount3</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>es-ES</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount4\" Locale=\"es-ES\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount4</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>de-DE</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount5\" Locale=\"de-DE\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount5</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>fr-CA</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount6\" Locale=\"fr-CA\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount6</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-PH</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount7\" Locale=\"en-PH\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount7</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-SE</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount8\" Locale=\"en-SE\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount8</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>zh-CN</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount9\" Locale=\"zh-CN\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount9</div> @code { private int amount1 = 12345678; private int amount2 = 12345678; private int amount3 = 12345678; private int amount4 = 12345678; private int amount5 = 12345678; private int amount6 = 12345678; private int amount7 = 12345678; private int amount8 = 12345678; private int amount9 = 12345678; } See demo here Hide currency symbol​ Set HideCurrencySymbol parameter value to true to hide the currency symbol. <div class=\"mb-3\"> <CurrencyInput TValue=\"double\" @bind-Value=\"@amount1\" HideCurrencySymbol=\"true\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Value: @amount1</div> @code { private double amount1 = 4.33; } See demo here Using fraction digits and integer digits​ In the below example, formatting adds zeros to display minimum integers and fractions. danger MinimumFractionDigits and MaximumFractionDigits parameters are applicable for floating-point numeric types only. <div class=\"mb-3\"> <CurrencyInput TValue=\"double\" @bind-Value=\"@amount1\" MinimumIntegerDigits=\"3\" MinimumFractionDigits=\"4\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Value: @amount1</div> @code { private double amount1 = 4.33; } See demo here Wrap the number with parentheses instead of appending a minus sign​ In many locales, accounting format means to wrap the number with parentheses instead of appending a minus sign. You can enable this formatting by setting the CurrencySign option to Accounting. The default value is Standard. <div class=\"mb-3\"> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount1\" CurrencySign=\"CurrencySign.Accounting\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Value: @amount1</div> @code { private int amount1 = -21231; } See demo here Generic type​ CurrencyInput is a generic component. Always specify the exact type. In the below example TValue is set to int, int?, float, float?, double, double?, decimal, and decimal?. <div class=\"mb-3\"> <label class=\"form-label\">Enter int number</label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter int? number</label> <CurrencyInput TValue=\"int?\" @bind-Value=\"@amount2\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter float number</label> <CurrencyInput TValue=\"float\" @bind-Value=\"@amount3\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter float? number</label> <CurrencyInput TValue=\"float?\" @bind-Value=\"@amount4\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter double number</label> <CurrencyInput TValue=\"double\" @bind-Value=\"@amount5\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter double? number</label> <CurrencyInput TValue=\"double?\" @bind-Value=\"@amount6\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter decimal number</label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount7\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter decimal? number</label> <CurrencyInput TValue=\"decimal?\" @bind-Value=\"@amount8\" /> </div> @code { private int amount; private int? amount2; private float amount3; private float? amount4; private double amount5; private double? amount6; private decimal amount7; private decimal? amount8; } See demo here Enable min and max​ Set EnableMinMax=\"true\" and set the Min and Max parameters to restrict the user input between the Min and Max range. NOTE If the user tries to enter a number in the CurrencyInput field which is out of range, then it will override with Min or Max value based on the context. If the user input is less than the Min value, then it will override with the Min value. If the user input exceeds the Max value, it will override with the Max value. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <CurrencyInput TValue=\"decimal?\" @bind-Value=\"@amount\" ShowCurrencySymbol=\"true\" EnableMinMax=\"true\" Min=\"10\" Max=\"500\" Placeholder=\"Enter amount\" /> <span class=\"form-text\">Tip: The amount must be between 10 and 500.</span> </div> <div class=\"mb-3\">Entered Amount: @amount</div> @code { private decimal? amount; } See demo here Text alignment​ You can change the text alignment according to your need. Use the TextAlignment parameter to set the alignment. In the below example, alignment is set to center and end. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount\" ShowCurrencySymbol=\"true\" TextAlignment=\"Alignment.Center\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount</div> <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount2\" ShowCurrencySymbol=\"true\" TextAlignment=\"Alignment.End\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount2</div> @code { private int amount; private decimal amount2 = 2.34M; } See demo here Allow negative numbers​ By default, negative numbers are not allowed. Set the AllowNegativeNumbers parameter to true to allow the negative numbers. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount\" ShowCurrencySymbol=\"true\" AllowNegativeNumbers=\"true\" Placeholder=\"Enter amount\" /> <span class=\"form-text\">Tip: Negative numbers are also allowed.</span> </div> <div class=\"mb-3\">Entered Amount: @amount</div> @code { private int amount; } See demo here Disable​ Use the Disabled parameter to disable the CurrencyInput. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <CurrencyInput TValue=\"int?\" @bind-Value=\"@amount\" Disabled=\"@disabled\" Placeholder=\"Enter amount\" /> </div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private int? amount; private bool disabled = true; private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the CurrencyInput. NOTE Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <CurrencyInput @ref=\"currencyInput\" TValue=\"int?\" @bind-Value=\"@amount\" Placeholder=\"Enter amount\" /> </div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private CurrencyInput<int?> currencyInput = default!; private int? amount; private void Disable() => currencyInput.Disable(); private void Enable() => currencyInput.Enable(); } See demo here Validations​ Like any other blazor input components, CurrencyInput supports validations. Add the DataAnnotations on the CurrencyInput component to validate the user input before submitting the form. In the below example, we used Required and Range attributes. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleOnValidSubmit\"> <DataAnnotationsValidator /> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Item Price: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <CurrencyInput TValue=\"decimal?\" Value=\"invoice.Price\" Locale=\"en-US\" ShowCurrencySymbol=\"true\" ValueExpression=\"() => invoice.Price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> <ValidationMessage For=\"@(() => invoice.Price)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Item Discount:</label> <div class=\"col-md-10\"> <CurrencyInput TValue=\"decimal?\" Value=\"invoice.Discount\" Locale=\"en-US\" ShowCurrencySymbol=\"true\" ValueExpression=\"() => invoice.Discount\" ValueChanged=\"(value) => DiscountChanged(value)\" Placeholder=\"Enter discount\" /> <ValidationMessage For=\"@(() => invoice.Discount)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Total Amount: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <CurrencyInput TValue=\"decimal?\" @bind-Value=\"invoice.Total\" Locale=\"en-US\" ShowCurrencySymbol=\"true\" Disabled=\"true\" Placeholder=\"Enter total\" /> <ValidationMessage For=\"@(() => invoice.Total)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> @code { private Invoice invoice = new(); private EditContext editContext; protected override void OnInitialized() { editContext = new EditContext(invoice); base.OnInitialized(); } protected override void OnParametersSet() { CalculateToatl(); base.OnParametersSet(); } private void PriceChanged(decimal? value) { invoice.Price = value; CalculateToatl(); } private void DiscountChanged(decimal? value) { invoice.Discount = value; CalculateToatl(); } private void CalculateToatl() { var price = invoice.Price.HasValue ? invoice.Price.Value : 0; var discount = invoice.Discount.HasValue ? invoice.Discount.Value : 0; invoice.Total = price - discount; } public void HandleOnValidSubmit() { Console.WriteLine($\"Price: {invoice.Price}\"); Console.WriteLine($\"Discount: {invoice.Discount}\"); Console.WriteLine($\"Total: {invoice.Total}\"); } private void ResetForm() { invoice = new(); editContext = new EditContext(invoice); } public class Invoice { [Required(ErrorMessage = \"Price required.\")] [Range(60, 500, ErrorMessage = \"Price should be between 60 and 500.\")] public decimal? Price { get; set; } = 22M; [Range(0, 50, ErrorMessage = \"Discount should be between 0 and 50.\")] public decimal? Discount { get; set; } [Required(ErrorMessage = \"Amount required.\")] [Range(10, 500, ErrorMessage = \"Total should be between 60 and 500.\")] public decimal? Total { get; set; } } } See demo here Decimal values​ <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-IN</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount1\" Locale=\"en-IN\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount1</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-US</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount2\" Locale=\"en-US\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount2</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>fr-FR</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount3\" Locale=\"fr-FR\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount3</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>es-ES</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount4\" Locale=\"es-ES\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount4</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>de-DE</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount5\" Locale=\"de-DE\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount5</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>fr-CA</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount6\" Locale=\"fr-CA\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount6</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-PH</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount7\" Locale=\"en-PH\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount7</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-SE</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount8\" Locale=\"en-SE\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount8</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>zh-CN</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount9\" Locale=\"zh-CN\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount9</div> @code { private decimal amount1 = 12345678.55m; private decimal amount2 = 12345678.55m; private decimal amount3 = 12345678.55m; private decimal amount4 = 12345678.55m; private decimal amount5 = 12345678.55m; private decimal amount6 = 12345678.55m; private decimal amount7 = 12345678.55m; private decimal amount8 = 12345678.55m; private decimal amount9 = 12345678.55m; } See demo here Events: ValueChanged​ This event fires on every user keystroke that changes the CurrencyInput value. <div class=\"row mb-3\"> <label class=\"col-md-2 col-form-label\">Item Price: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <CurrencyInput TValue=\"decimal?\" Value=\"price\" ValueExpression=\"() => price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> </div> </div> <div> @displayPrice </div> @code { private decimal? price = 10M; private string displayPrice; private void PriceChanged(decimal? value) { price = value; // this is mandatory displayPrice = $\"Price: {value}, changed at {DateTime.Now.ToLocalTime()}.\"; } } See demo here Edit this page Previous Auto Complete Next Date Input Parameters Methods Events Examples Basic usage Show currency symbols for the different locales Hide currency symbol Using fraction digits and integer digits Wrap the number with parentheses instead of appending a minus sign Generic type Enable min and max Text alignment Allow negative numbers Disable Validations Decimal values Events: ValueChanged","s":"Blazor Currency Input","u":"/forms/currency-input","h":"","p":621},{"i":624,"t":"Getting Started Blazor Server (.NET 7) On this page Getting started - Blazor Server (.NET 7) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1 Add CSS references​ After the <base href=\"~/\" /> tag in the head section in the Pages/_Host.cshtml file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> note If you use the Blazor Server App Empty template (without demonstration code and Bootstrap), add the following references to the head section in the Pages/_Host.cshtml. There is a known GitHub issue Blazor empty template doesn't load scoped CSS. <link href=\"_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the Pages/_Host.cshtml file, immediately after the _framework/blazor.server.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip chart.js reference is optional. Add when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps: Delete the bootstrap and open-iconic folders from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Delete the wwwroot/css/open-iconic folder. Remove the following line from Pages/_Host.cshtml file: <link rel=\"stylesheet\" href=\"css/bootstrap/bootstrap.min.css\" /> Remove the following line from wwwroot/css/site.css file: @import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); Starter template​ GitHub Repo: Blazor Bootstrap - Blazor Server App (.NET 7) Sample Code​ _Host.cshtml​ @page \"/\" @using Microsoft.AspNetCore.Components.Web @namespace NET7.BlazorServerApp.Pages @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <base href=\"~/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link href=\"css/site.css\" rel=\"stylesheet\" /> <link href=\"NET7.BlazorServerApp.styles.css\" rel=\"stylesheet\" /> <link rel=\"icon\" type=\"image/png\" href=\"favicon.png\" /> <component type=\"typeof(HeadOutlet)\" render-mode=\"ServerPrerendered\" /> </head> <body> <component type=\"typeof(App)\" render-mode=\"ServerPrerendered\" /> <div id=\"blazor-error-ui\"> <environment include=\"Staging,Production\"> An error has occurred. This application may no longer respond until reloaded. </environment> <environment include=\"Development\"> An unhandled exception has occurred. See browser dev tools for details. </environment> <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> <script src=\"_framework/blazor.server.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using Microsoft.AspNetCore.Components; using Microsoft.AspNetCore.Components.Web; using NET7.BlazorServerApp.Data; var builder = WebApplication.CreateBuilder(args); // Add services to the container. builder.Services.AddRazorPages(); builder.Services.AddServerSideBlazor(); builder.Services.AddSingleton<WeatherForecastService>(); builder.Services.AddBlazorBootstrap(); var app = builder.Build(); // Configure the HTTP request pipeline. if (!app.Environment.IsDevelopment()) { app.UseExceptionHandler(\"/Error\"); // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts. app.UseHsts(); } app.UseHttpsRedirection(); app.UseStaticFiles(); app.UseRouting(); app.MapBlazorHub(); app.MapFallbackToPage(\"/_Host\"); app.Run(); _Imports.razor​ @using System.Net.Http @using Microsoft.AspNetCore.Authorization @using Microsoft.AspNetCore.Components.Authorization @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.JSInterop @using NET7.BlazorServerApp @using NET7.BlazorServerApp.Shared @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> @Body </div> </article> </main> </div> <Modal IsServiceModal=\"true\" /> <Preload /> <Toasts class=\"p-3\" AutoHide=\"true\" Delay=\"4000\" Placement=\"ToastsPlacement.TopRight\" /> @code { private Sidebar sidebar = default!; private IEnumerable<NavItem> navItems = default!; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/fetchdata\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Edit this page Previous Blazor WebAssembly (.NET 7) Next MAUI Blazor Hybrid App (.NET 7) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code _Host.cshtml Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor Server (.NET 7)","u":"/getting-started/blazor-server-net-7","h":"","p":623},{"i":626,"t":"Getting Started Blazor Server (.NET 6) On this page Getting started - Blazor Server (.NET 6) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1 Add CSS references​ After the <base href=\"~/\" /> tag in the head section in the Pages/_Layout.cshtml file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> note If you use the Blazor Server App Empty template (without demonstration code and Bootstrap), add the following references to the head section in the Pages/_Host.cshtml. There is a known GitHub issue Blazor empty template doesn't load scoped CSS. <link href=\"_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css\" rel=\"stylesheet\" /> IMPORTANT In .NET 6 Blazor Server App default template, you may see Pages/_Layout.cshtml. So, add these references in the Pages/_Layout.cshtml instead of in the Pages/_Host.cshtml. Add script references​ Insert the following references into the body section of the Pages/_Layout.cshtml file, immediately after the _framework/blazor.server.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip chart.js reference is optional. Add when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps: Delete the bootstrap and open-iconic folders from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Delete the wwwroot/css/open-iconic folder. Remove the following line from Pages/_Layout.cshtml file: <link rel=\"stylesheet\" href=\"css/bootstrap/bootstrap.min.css\" /> Remove the following line from wwwroot/css/site.css file: @import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); Starter template​ GitHub Repo: Blazor Bootstrap - Blazor Server App (.NET 6) Sample Code​ _Layout.cshtml​ @using Microsoft.AspNetCore.Components.Web @namespace NET6.BlazorServerApp.Pages @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <base href=\"~/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link href=\"css/site.css\" rel=\"stylesheet\" /> <link href=\"NET6.BlazorServerApp.styles.css\" rel=\"stylesheet\" /> <component type=\"typeof(HeadOutlet)\" render-mode=\"ServerPrerendered\" /> </head> <body> @RenderBody() <div id=\"blazor-error-ui\"> <environment include=\"Staging,Production\"> An error has occurred. This application may no longer respond until reloaded. </environment> <environment include=\"Development\"> An unhandled exception has occurred. See browser dev tools for details. </environment> <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> <script src=\"_framework/blazor.server.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chart.js reference if Chart components are used in the application. --> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using Microsoft.AspNetCore.Components; using Microsoft.AspNetCore.Components.Web; using NET6.BlazorServerApp.Data; var builder = WebApplication.CreateBuilder(args); // Add services to the container. builder.Services.AddRazorPages(); builder.Services.AddServerSideBlazor(); builder.Services.AddSingleton<WeatherForecastService>(); builder.Services.AddBlazorBootstrap(); var app = builder.Build(); // Configure the HTTP request pipeline. if (!app.Environment.IsDevelopment()) { app.UseExceptionHandler(\"/Error\"); // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts. app.UseHsts(); } app.UseHttpsRedirection(); app.UseStaticFiles(); app.UseRouting(); app.MapBlazorHub(); app.MapFallbackToPage(\"/_Host\"); app.Run(); _Imports.razor​ @using System.Net.Http @using Microsoft.AspNetCore.Authorization @using Microsoft.AspNetCore.Components.Authorization @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.JSInterop @using NET6.BlazorServerApp @using NET6.BlazorServerApp.Shared @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> @Body </div> </article> </main> </div> <Modal IsServiceModal=\"true\" /> <Preload /> <Toasts class=\"p-3\" AutoHide=\"true\" Delay=\"4000\" Placement=\"ToastsPlacement.TopRight\" /> @code { private Sidebar sidebar = default!; private IEnumerable<NavItem> navItems = default!; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/fetchdata\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Edit this page Previous Blazor WebAssembly (.NET 6) Next Blazor WebAssembly Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code _Layout.cshtml Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor Server (.NET 6)","u":"/getting-started/blazor-server-net-6","h":"","p":625},{"i":628,"t":"Forms Time Input On this page Blazor Time Input The Blazor Bootstrap TimeInput component is constructed using an HTML input of type=\"time\" which limits user input based on pre-defined parameters. This component enables users to input a time using a text box with validation or a special time picker interface. Parameters​ Name Type Default Required Description Added Version AutoComplete bool false If true, DateInput can complete the values automatically by the browser. 1.6.0 Disabled bool false Gets or sets the disabled state. 1.6.0 EnableMinMax bool false Determines whether to restrict the user input to Min and Max range. If true, restricts the user input between the Min and Max range. Else accepts the user input. 1.6.0 Max TValue Gets or sets the max. Max ignored if EnableMinMax=\"false\". 1.6.0 Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". 1.6.0 Placeholder string? null Gets or sets the placeholder. 1.6.0 Value TValue Gets or sets the value. 1.6.0 ValueExpression Expression<Func<TValue>> Gets or sets the expression 1.6.0 Methods​ Name Description Added Version Disable Disables time input. 1.6.0 Enable Enables time input. 1.6.0 Events​ Name Description ValueChanged This event fired on every user keystroke that changes the TimeInput value. Examples​ Basic usage​ NOTE The input UI generally varies from browser to browser. In unsupported browsers, the control degrades gracefully to type=\"text\". <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly\" @bind-Value=\"@date1\" /> </div> <div class=\"mb-3\">Entered date: @date1</div> @code { private TimeOnly date1 = new TimeOnly(13, 14); } See demo here Generic type​ The Blazor Bootstrap TimeInput component supports TimeOnly and TimeOnly?. In the below example, TValue is set to TimeOnly and TimeOnly?. <div class=\"mb-3\"> <strong>TimeOnly</strong>: </div> <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly\" @bind-Value=\"@time1\" /> </div> <div class=\"mb-3\">Entered time: @time1</div> <div class=\"mb-3\"> <strong>TimeOnly?</strong>: </div> <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly?\" @bind-Value=\"@time2\" /> </div> <div class=\"mb-3\">Entered time: @time2</div> @code { private TimeOnly time1 = new TimeOnly(6, 40); private TimeOnly? time2; } See demo here Enable min and max​ Set EnableMinMax=\"true\" and set the Min and Max parameters to restrict the user input between the Min and Max range. NOTE If the user tries to enter a number in the TimeInput field which is out of range, then it will override with Min or Max value based on the context. If the user input is less than the Min value, then it will override with the Min value. If the user input exceeds the Max value, it will override with the Max value. <div class=\"mb-3\"> <strong>TimeOnly</strong>: </div> <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly\" @bind-Value=\"@time1\" EnableMinMax=\"true\" Min=\"@min1\" Max=\"@max1\" /> </div> <div class=\"mb-3\">Min time: @min1</div> <div class=\"mb-3\">Max time: @max1</div> <div class=\"mb-3\">Entered time: @time1</div> <div class=\"mb-3\"> <strong>TimeOnly?</strong>: </div> <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly?\" @bind-Value=\"@time2\" EnableMinMax=\"true\" Min=\"@min2\" Max=\"@max2\" /> </div> <div class=\"mb-3\">Min time: @min2</div> <div class=\"mb-3\">Max time: @max2</div> <div class=\"mb-3\">Entered time: @time2</div> @code { private TimeOnly time1, min1, max1; private TimeOnly? time2, min2, max2; protected override void OnInitialized() { time1 = new TimeOnly(10, 0); // 10:00 AM min1 = new TimeOnly(8, 0); // 08:00 AM max1 = new TimeOnly(18, 0); // 06:00 PM time2 = null; min2 = new TimeOnly(8, 0); // 08:00 AM max2 = new TimeOnly(18, 0); // 06:00 PM } } See demo here Disable​ Use the Disabled parameter to disable the TimeInput. <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly\" @bind-Value=\"@time1\" Disabled=\"@disabled\" /> </div> <div class=\"mb-3\">Entered time: @time1</div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private TimeOnly time1 = new TimeOnly(10, 50); // 10:50 AM private bool disabled = true; private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the TimeInput. NOTE Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"mb-3\"> <TimeInput @ref=\"timeInput1\" TValue=\"TimeOnly\" @bind-Value=\"@time1\" /> </div> <div class=\"mb-3\">Entered time: @time1</div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private TimeInput<TimeOnly> timeInput1 = default!; private TimeOnly time1 = new TimeOnly(10, 50); // 10:50 AM private void Disable() => timeInput1.Disable(); private void Enable() => timeInput1.Enable(); } See demo here Validations​ Like any other blazor input component, TimeInput component supports validations. Use the Use the DataAnnotations to validate the user input before submitting the form. In the below example, we used the Required attributes. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleValidSubmit\" novalidate> <DataAnnotationsValidator /> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Flight Number: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <InputText class=\"form-control\" @bind-Value=\"flightForm.FlightNumber\" Placeholder=\"Enter Flight Number\" /> <ValidationMessage For=\"@(() => flightForm.FlightNumber)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Departure Date: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <DateInput TValue=\"DateOnly?\" class=\"form-control\" @bind-Value=\"flightForm.DepartureDate\" /> <ValidationMessage For=\"@(() => flightForm.DepartureDate)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Departure Time: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <TimeInput TValue=\"TimeOnly?\" @bind-Value=\"flightForm.DepartureTime\" /> <ValidationMessage For=\"@(() => flightForm.DepartureTime)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Arrival Date: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <DateInput TValue=\"DateOnly?\" class=\"form-control\" @bind-Value=\"flightForm.ArrivalDate\" /> <ValidationMessage For=\"@(() => flightForm.ArrivalDate)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Arrival Time: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <TimeInput TValue=\"TimeOnly?\" @bind-Value=\"flightForm.ArrivalTime\" /> <ValidationMessage For=\"@(() => flightForm.ArrivalTime)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> @code { private FlightForm flightForm = new(); private EditContext editContext; [Inject] ToastService _toastService { get; set; } protected override void OnInitialized() { editContext = new EditContext(flightForm); base.OnInitialized(); } public void HandleValidSubmit() { var toastMessage = new ToastMessage ( type: ToastType.Success, iconName: IconName.Check2All, title: \"Success!\", helpText: $\"{DateTime.Now.ToLocalTime()}\", message: \"Flight schedule created.\" ); _toastService.Notify(toastMessage); } private void ResetForm() { flightForm = new(); editContext = new EditContext(flightForm); } public class FlightForm { [Required(ErrorMessage = \"Flight Number required.\")] public string FlightNumber { get; set; } [Required(ErrorMessage = \"Departure Date required.\")] public DateOnly? DepartureDate { get; set; } [Required(ErrorMessage = \"Departure Time required.\")] public TimeOnly? DepartureTime { get; set; } [Required(ErrorMessage = \"Arrival Date required.\")] public DateOnly? ArrivalDate { get; set; } [Required(ErrorMessage = \"Arrival Time required.\")] public TimeOnly? ArrivalTime { get; set; } } } See demo here Events: ValueChanged​ This event fires on every user keystroke/selection that changes the TimeInput value. <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly\" Value=\"time1\" ValueExpression=\"() => time1\" ValueChanged=\"(value) => TimeChanged(value)\" /> </div> <div class=\"mb-3\">Changed time: @time1</div> @code { private TimeOnly time1 = new TimeOnly(10, 0); // 10:00 AM private void TimeChanged(TimeOnly timeOnly) { time1 = timeOnly; } } See demo here Restrict the date field based on the entry in another date field​ One common scenario is that the time fields are restricted based on the entry in another time field. In the example below, we restrict the arrival time based on the selection of departure. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleValidSubmit\" novalidate> <DataAnnotationsValidator /> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Departure Time: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <TimeInput TValue=\"TimeOnly?\" Value=\"flightForm.DepartureTime\" ValueExpression=\"() => flightForm.DepartureTime\" ValueChanged=\"(value) => DepartureTimeChanged(value)\" /> <ValidationMessage For=\"@(() => flightForm.DepartureTime)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Arrival Time: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <TimeInput @ref=\"arrivalTimeInput\" TValue=\"TimeOnly?\" @bind-Value=\"flightForm.ArrivalTime\" EnableMinMax=\"true\" Min=\"arrivalMinTime\" Max=\"arrivalMaxTime\" Disabled=\"true\" /> <ValidationMessage For=\"@(() => flightForm.ArrivalTime)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> @code { TimeInput<TimeOnly?> arrivalTimeInput = default!; private FlightForm flightForm = new(); private EditContext editContext; private TimeOnly? arrivalMinTime; private TimeOnly? arrivalMaxTime; [Inject] ToastService _toastService { get; set; } protected override void OnInitialized() { editContext = new EditContext(flightForm); base.OnInitialized(); } private void DepartureTimeChanged(TimeOnly? departureTime) { if (departureTime is null || !departureTime.HasValue) { flightForm.DepartureTime = null; flightForm.ArrivalTime = null; arrivalMinTime = null; arrivalMaxTime = null; arrivalTimeInput.Disable(); return; } flightForm.DepartureTime = departureTime; flightForm.ArrivalTime = null; arrivalMinTime = departureTime.Value.AddHours(1); arrivalMaxTime = departureTime.Value.AddHours(12); arrivalTimeInput.Enable(); } public void HandleValidSubmit() { var toastMessage = new ToastMessage ( type: ToastType.Success, iconName: IconName.Check2All, title: \"Success!\", helpText: $\"{DateTime.Now.ToLocalTime()}\", message: \"Flight schedule created.\" ); _toastService.Notify(toastMessage); } private void ResetForm() { flightForm = new(); editContext = new EditContext(flightForm); } public class FlightForm { [Required(ErrorMessage = \"Departure Time required.\")] public TimeOnly? DepartureTime { get; set; } [Required(ErrorMessage = \"Arrival Time required.\")] public TimeOnly? ArrivalTime { get; set; } } } Edit this page Previous Switch Next Accordion Parameters Methods Events Examples Basic usage Generic type Enable min and max Disable Validations Events: ValueChanged Restrict the date field based on the entry in another date field","s":"Blazor Time Input","u":"/forms/time-input","h":"","p":627},{"i":630,"t":"Components Toasts On this page Blazor Toasts Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message. Blazor Toasts are lightweight notifications designed to mimic the push notifications that mobile and desktop operating systems have popularized. They're built with a flexbox, making it easy to align and position. Things to know when using the blazor toasts component: Toasts will not hide automatically if you do not specify AutoHide=\"true\". Use global toasts service for the application instead of page level toasts. Toasts Parameters​ Name Type Default Required Description Added Version AutoHide bool false Gets or sets the auto hide state. 1.0.0 Delay int 5000 Gets or sets the delay in milliseconds before hiding the toast. 1.0.0 Messages List<ToastMessage> null ✔️ Gets or sets the toast messages. 1.0.0 Placement ToastsPlacement ToastsPlacement.TopRight Gets or sets the toast placement. 1.0.0 ShowCloseButton bool true If true, shows the close button. 1.0.0 StackLength int 5 Gets or sets the toast container maximum capacity. 1.0.0 ToastMessage Properties​ Name Type Description Required Default Added Version AutoHide bool Gets or sets the auto hide behavior to a message. false 1.9.0 CustomIconName string Gets or sets the custom icon name. 1.0.0 HelpText string Gets or sets the help text. 1.0.0 IconName IconName Gets or sets the bootstarp icon name. 1.0.0 Id Guid Gets the toast id. 1.0.0 Message string Gets or sets the toast message. ✔️ 1.0.0 Title string Gets or sets the toast''s message title. 1.0.0 Type ToastType Gets or sets the type of the toast. ✔️ 1.0.0 Examples:​ Toast​ To encourage extensible and predictable toasts, we recommend a header and body. Toasts are as flexible as you need and have very little required markup. At a minimum, we require a single element to contain your \"toasted\" content and strongly encourage a dismiss button. <Toasts class=\"p-3\" Messages=\"messages\" Placement=\"ToastsPlacement.TopRight\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowMessage(ToastType.Primary)\">Primary Toast</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowMessage(ToastType.Secondary)\">Secondary Toast</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowMessage(ToastType.Success)\">Success Toast</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowMessage(ToastType.Danger)\">Danger Toast</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowMessage(ToastType.Warning)\">Warning Toast</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowMessage(ToastType.Info)\">Info Toast</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowMessage(ToastType.Dark)\">Dark Toast</Button> @code { List<ToastMessage> messages = new List<ToastMessage>(); private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType)); private ToastMessage CreateToastMessage(ToastType toastType) => new ToastMessage { Type = toastType, Title = \"Blazor Bootstrap\", HelpText = $\"{DateTime.Now}\", Message = $\"Hello, world! This is a toast message. DateTime: {DateTime.Now}\", }; } See toasts demo here. Toast without title​ Customize your toasts by removing sub-components, tweaking them with utilities. Here we've created a simple toast. You can create different toast color schemes with the Color parameter. <Toasts class=\"p-3\" Messages=\"messages\" Placement=\"ToastsPlacement.TopRight\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowMessage(ToastType.Primary)\">Primary Toast</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowMessage(ToastType.Secondary)\">Secondary Toast</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowMessage(ToastType.Success)\">Success Toast</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowMessage(ToastType.Danger)\">Danger Toast</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowMessage(ToastType.Warning)\">Warning Toast</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowMessage(ToastType.Info)\">Info Toast</Button> <Button Color=\"ButtonColor.Light\" @onclick=\"() => ShowMessage(ToastType.Light)\">Light Toast</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowMessage(ToastType.Dark)\">Dark Toast</Button> @code { List<ToastMessage> messages = new List<ToastMessage>(); private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType)); private ToastMessage CreateToastMessage(ToastType toastType) => new ToastMessage { Type = toastType, Message = $\"Hello, world! This is a simple toast message. DateTime: {DateTime.Now}\", }; } See toasts without title demo here. Auto hide​ Add AutoHide=\"true\" parameter to hide the Blazor Toasts after the delay. The default delay is 5000 milliseconds, be sure to update the delay timeout so that users have enough time to read the toast. <Toasts class=\"p-3\" Messages=\"messages\" AutoHide=\"true\" Delay=\"6000\" Placement=\"ToastsPlacement.TopRight\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowMessage(ToastType.Primary)\">Primary Toast</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowMessage(ToastType.Secondary)\">Secondary Toast</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowMessage(ToastType.Success)\">Success Toast</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowMessage(ToastType.Danger)\">Danger Toast</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowMessage(ToastType.Warning)\">Warning Toast</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowMessage(ToastType.Info)\">Info Toast</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowMessage(ToastType.Dark)\">Dark Toast</Button> @code { List<ToastMessage> messages = new List<ToastMessage>(); private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType)); private ToastMessage CreateToastMessage(ToastType toastType) => new ToastMessage { Type = toastType, Title = \"Blazor Bootstrap\", HelpText = $\"{DateTime.Now}\", Message = $\"Hello, world! This is a toast message. DateTime: {DateTime.Now}\", }; } See auto hide toasts demo here. Auto hide individual messages​ Set AutoHide=\"true\" property on ToastMessage to hide individual Blazor Toast message after the delay. The default delay is 5000 milliseconds, be sure to update the delay timeout so that users have enough time to read the toast. In the below example, AutoHide=\"false\" for Danger and Warning messages. <Toasts class=\"p-3\" Messages=\"messages\" Delay=\"6000\" Placement=\"ToastsPlacement.TopRight\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowMessage(ToastType.Primary)\">Primary Toast</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowMessage(ToastType.Secondary)\">Secondary Toast</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowMessage(ToastType.Success)\">Success Toast</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowMessage(ToastType.Danger)\">Danger Toast</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowMessage(ToastType.Warning)\">Warning Toast</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowMessage(ToastType.Info)\">Info Toast</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowMessage(ToastType.Dark)\">Dark Toast</Button> @code { List<ToastMessage> messages = new List<ToastMessage>(); private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType)); private ToastMessage CreateToastMessage(ToastType toastType) { var toastMessage = new ToastMessage(); toastMessage.Type = toastType; toastMessage.Title = \"Blazor Bootstrap\"; toastMessage.HelpText = $\"{DateTime.Now}\"; toastMessage.Message = $\"Hello, world! This is a toast message. DateTime: {DateTime.Now}\"; // disable auto hide for `danger` and `warning` messages. toastMessage.AutoHide = !(toastType == ToastType.Danger || toastType == ToastType.Warning); return toastMessage; } } See auto hide individual toasts demo here. Placement​ Change the Blazor Toasts placement according to your need. The default placement will be top right corner. Use the ToastsPlacement parameter to update the Blazor Toasts placement. <Toasts class=\"p-3\" Messages=\"messages\" Placement=\"@toastsPlacement\" /> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.TopLeft)\">Top Left</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.TopCenter)\">Top Center</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.TopRight)\">Top Right</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.MiddleLeft)\">Middle Left</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.MiddleCenter)\">Middle Center</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.MiddleRight)\">Middle Right</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.BottomLeft)\">Bottom Left</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.BottomCenter)\">Bottom Center</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.BottomRight)\">Bottom Right</Button> @code { ToastsPlacement toastsPlacement = ToastsPlacement.TopRight; List<ToastMessage> messages = new(); private void ChangePlacement(ToastsPlacement placement) { if (!messages.Any()) { messages.Add( new ToastMessage() { Type = ToastType.Success, Title = \"Blazor Bootstrap\", HelpText = $\"{DateTime.Now}\", Message = $\"Hello, world! This is a toast message. DateTime: {DateTime.Now}\", }); } toastsPlacement = placement; } } See demo here. Stack Length​ Blazor Toasts component shows a maximum of 5 toasts by default. If you add a new toast to the existing list, the first toast gets deleted like FIFO (First In First Out). Change the maximum capacity according to your need by using the StackLength parameter. In the below example, StackLength is set to 3. It shows a maximum of 3 toast messages at any time. <Toasts class=\"p-3\" Messages=\"messages\" AutoHide=\"true\" StackLength=\"3\" Placement=\"ToastsPlacement.TopRight\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowMessage(ToastType.Primary)\">Primary Toast</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowMessage(ToastType.Secondary)\">Secondary Toast</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowMessage(ToastType.Success)\">Success Toast</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowMessage(ToastType.Danger)\">Danger Toast</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowMessage(ToastType.Warning)\">Warning Toast</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowMessage(ToastType.Info)\">Info Toast</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowMessage(ToastType.Dark)\">Dark Toast</Button> @code { List<ToastMessage> messages = new List<ToastMessage>(); private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType)); private ToastMessage CreateToastMessage(ToastType toastType) => new ToastMessage { Type = toastType, Title = \"Blazor Bootstrap\", HelpText = $\"{DateTime.Now}\", Message = $\"Hello, world! This is a toast message. DateTime: {DateTime.Now}\", }; } See demo here. Global toasts service for the application​ Add the Toasts component in MainLayout.razor page as shown below. @inherits LayoutComponentBase ... ... MainLayour.razor code goes here ... ... <Toasts class=\"p-3\" AutoHide=\"true\" Delay=\"4000\" Placement=\"ToastsPlacement.TopRight\" /> tip Set the Toasts component parameters as per your requirement. Inject ToastService, then call the Notify(...) method as shown below. @code { [Inject] protected ToastService ToastService { get; set; } private void SaveEmployee() { try { // TODO: call the service/api to save the employee details ToastService.Notify(new(ToastType.Success, $\"Employee details saved successfully.\")); } catch(Exception ex) { // handle exception ToastService.Notify(new(ToastType.Danger, $\"Error: {ex.Message}.\")); } } } Edit this page Previous Tabs Next Tooltips Toasts Parameters ToastMessage Properties Examples: Toast Toast without title Auto hide Auto hide individual messages Placement Stack Length Global toasts service for the application","s":"Blazor Toasts","u":"/components/toasts","h":"","p":629},{"i":632,"t":"Getting Started MAUI Blazor Hybrid App (.NET 7) On this page Getting started - MAUI Blazor Hybrid App (.NET 7) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1 Add CSS references​ After the tag in the head section in the wwwroot/index.html file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the wwwroot/index.html file, immediately after the _framework/blazor.webview.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip chart.js reference is optional. Add when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the MauiProgram.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps: Delete the bootstrap and open-iconic folders from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Delete the wwwroot/css/open-iconic folder. Remove the following line from wwwroot/index.html file: <link rel=\"stylesheet\" href=\"css/bootstrap/bootstrap.min.css\" /> Remove the following line from wwwroot/css/app.css file: @import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); Starter template​ TODO Sample Code​ TODO Edit this page Previous Blazor Server (.NET 7) Next Blazor WebAssembly (.NET 6) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code","s":"Getting started - MAUI Blazor Hybrid App (.NET 7)","u":"/getting-started/maui-blazor-net-7","h":"","p":631},{"i":634,"t":"Getting Started Blazor WebApp Server (.NET 8) On this page Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1 Add CSS references​ After the <base href=\"/\" /> tag in the head section of the Components/App.razor. <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the Components/App.razor file, immediately after the _framework/blazor.web.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip chart.js reference is optional. Add when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in Components/_Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps: Delete the bootstrap folder from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Remove the following line from Components/App.razor file: <link rel=\"stylesheet\" href=\"bootstrap/bootstrap.min.css\" /> Starter template​ GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global (.NET 8) Sample Code​ App.razor​ <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <base href=\"/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link rel=\"stylesheet\" href=\"app.css\" /> <link rel=\"stylesheet\" href=\"NET8.BlazorWebAppRenderModeServer.styles.css\" /> <link rel=\"icon\" type=\"image/png\" href=\"favicon.png\" /> <HeadOutlet @rendermode=\"@InteractiveServer\" /> </head> <body> <Routes @rendermode=\"@InteractiveServer\" /> <script src=\"_framework/blazor.web.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using NET8.BlazorWebAppRenderModeServer.Components; var builder = WebApplication.CreateBuilder(args); builder.Services.AddBlazorBootstrap(); // Add services to the container. builder.Services.AddRazorComponents() .AddInteractiveServerComponents(); var app = builder.Build(); // Configure the HTTP request pipeline. if (!app.Environment.IsDevelopment()) { app.UseExceptionHandler(\"/Error\", createScopeForErrors: true); // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts. app.UseHsts(); } app.UseHttpsRedirection(); app.UseStaticFiles(); app.UseAntiforgery(); app.MapRazorComponents<App>() .AddInteractiveServerRenderMode(); app.Run(); _Imports.razor​ @using System.Net.Http @using System.Net.Http.Json @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using static Microsoft.AspNetCore.Components.Web.RenderMode @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.JSInterop @using NET8.BlazorWebAppRenderModeServer @using NET8.BlazorWebAppRenderModeServer.Components @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">@Body</div> </article> </main> </div> @code { Sidebar sidebar; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/weather\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } <div id=\"blazor-error-ui\"> An unhandled error has occurred. <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> Edit this page Previous Blazor WebAssembly (.NET 8) Next Blazor WebApp Auto (.NET 8) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code App.razor Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location","u":"/getting-started/blazor-webapp-server-global-net-8","h":"","p":633},{"i":636,"t":"Getting Started Blazor WebApp Auto (.NET 8) On this page Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Server Project​ Install Nuget Package​ Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1 Add CSS references​ After the <base href=\"/\" /> tag in the head section of the Components/App.razor. <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the Components/App.razor file, immediately after the _framework/blazor.web.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip chart.js reference is optional. Add when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in Components/_Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps: Delete the bootstrap folder from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Remove the following line from Components/App.razor file: <link rel=\"stylesheet\" href=\"bootstrap/bootstrap.min.css\" /> Client Project​ Install Nuget Package​ Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 2.2.1 Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Starter template​ GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Auto - Interactive Location Global (.NET 8) Sample Code - Server​ App.razor​ <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <base href=\"/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link rel=\"stylesheet\" href=\"app.css\" /> <link rel=\"stylesheet\" href=\"Net8.BlazorAutoGlobal.styles.css\" /> <link rel=\"icon\" type=\"image/png\" href=\"favicon.png\" /> <HeadOutlet @rendermode=\"@InteractiveAuto\" /> </head> <body> <Routes @rendermode=\"@InteractiveAuto\" /> <script src=\"_framework/blazor.web.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using Net8.BlazorAutoGlobal.Client.Pages; using Net8.BlazorAutoGlobal.Components; var builder = WebApplication.CreateBuilder(args); // Add services to the container. builder.Services.AddRazorComponents() .AddInteractiveServerComponents() .AddInteractiveWebAssemblyComponents(); builder.Services.AddBlazorBootstrap(); var app = builder.Build(); // Configure the HTTP request pipeline. if (app.Environment.IsDevelopment()) { app.UseWebAssemblyDebugging(); } else { app.UseExceptionHandler(\"/Error\", createScopeForErrors: true); // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts. app.UseHsts(); } app.UseHttpsRedirection(); app.UseStaticFiles(); app.UseAntiforgery(); app.MapRazorComponents<App>() .AddInteractiveServerRenderMode() .AddInteractiveWebAssemblyRenderMode() .AddAdditionalAssemblies(typeof(Counter).Assembly); app.Run(); _Imports.razor​ @using System.Net.Http @using System.Net.Http.Json @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using static Microsoft.AspNetCore.Components.Web.RenderMode @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.JSInterop @using Net8.BlazorAutoGlobal @using Net8.BlazorAutoGlobal.Client @using Net8.BlazorAutoGlobal.Components @using BlazorBootstrap; Sample Code - Client​ Program.cs​ using Microsoft.AspNetCore.Components.WebAssembly.Hosting; var builder = WebAssemblyHostBuilder.CreateDefault(args); builder.Services.AddBlazorBootstrap(); await builder.Build().RunAsync(); _Imports.razor​ @using System.Net.Http @using System.Net.Http.Json @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using static Microsoft.AspNetCore.Components.Web.RenderMode @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.JSInterop @using Net8.BlazorAutoGlobal.Client @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">@Body</div> </article> </main> </div> @code { Sidebar sidebar; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/weather\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } <div id=\"blazor-error-ui\"> An unhandled error has occurred. <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> Edit this page Previous Blazor WebApp Server (.NET 8) Next MAUI Blazor Hybrid App (.NET 8) Server Project Install Nuget Package Add CSS references Add script references Register services Remove default references Client Project Install Nuget Package Register services Starter template Sample Code - Server App.razor Program.cs _Imports.razor Sample Code - Client Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location","u":"/getting-started/blazor-webapp-auto-global-net-8","h":"","p":635},{"i":638,"t":"Getting Started MAUI Blazor Hybrid App (.NET 8) On this page Getting started - MAUI Blazor Hybrid App (.NET 8) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1 Add CSS references​ After the tag in the head section in the wwwroot/index.html file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the wwwroot/index.html file, immediately after the _framework/blazor.webview.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip chart.js reference is optional. Add when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the MauiProgram.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps: Delete the bootstrap folder from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Remove the following line from wwwroot/index.html file: <link rel=\"stylesheet\" href=\"css/bootstrap/bootstrap.min.css\" /> Starter template​ TODO Sample Code​ TODO Edit this page Previous Blazor WebApp Auto (.NET 8) Next Blazor WebAssembly (.NET 7) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code","s":"Getting started - MAUI Blazor Hybrid App (.NET 8)","u":"/getting-started/maui-blazor-net-8","h":"","p":637},{"i":640,"t":"Layout Blazor Server On this page Layout Setup - Blazor WebAssembly Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Prerequisites​ Assuming you followed the getting started docs for the initial setup. Blazor WebAssembly Project: Follow the getting started steps for the initial setup. Blazor Server Project: Follow the getting started steps for the initial setup. Steps​ Replace MainLayout.razor page code with the below code. NOTE Remove all the CSS content from the Shared/MainLayout.razor.css file. @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> @Body </div> </article> </main> </div> @code { private Sidebar sidebar = default!; private IEnumerable<NavItem> navItems = default!; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/fetchdata\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Starter templates​ .NET 6​ Blazor Bootstrap - Blazor WebAssembly App .NET 7​ Blazor Bootstrap - Blazor WebAssembly App Blazor Bootstrap - Blazor Empty WebAssembly App Edit this page Previous Blazor WebAssembly Next Icons Prerequisites Steps Starter templates .NET 6 .NET 7","s":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-server","h":"","p":639},{"i":642,"t":"Getting Started Blazor WebAssembly (.NET 7) On this page Getting started - Blazor WebAssembly (.NET 7) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1 Add CSS references​ After the <base href=\"/\" /> tag in the head section of the wwwroot/index.html file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> note If you use the Blazor WebAssembly App Empty template (without demonstration code and Bootstrap), add the following references to the head section in the wwwroot/index.html. There is a known GitHub issue Blazor empty template doesn't load scoped CSS. <link href=\"_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the wwwroot/index.html file, immediately after the _framework/blazor.webassembly.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip The chart.js reference is optional. Include it only when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps: Delete the bootstrap and open-iconic folders from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Delete the wwwroot/css/open-iconic folder. Remove the following line from wwwroot/index.html file: <link href=\"css/bootstrap/bootstrap.min.css\" rel=\"stylesheet\" /> Remove the following line from wwwroot/css/app.css file: @import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); Starter template​ GitHub Repo: Blazor Bootstrap - Blazor WebAssembly App (.NET 7) Sample Code​ index.html​ <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" /> <title>NET7.BlazorWebAssemblyApp</title> <base href=\"/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link href=\"css/app.css\" rel=\"stylesheet\" /> <link rel=\"icon\" type=\"image/png\" href=\"favicon.png\" /> <link href=\"NET7.BlazorWebAssemblyApp.styles.css\" rel=\"stylesheet\" /> </head> <body> <div id=\"app\"> <svg class=\"loading-progress\"> <circle r=\"40%\" cx=\"50%\" cy=\"50%\" /> <circle r=\"40%\" cx=\"50%\" cy=\"50%\" /> </svg> <div class=\"loading-progress-text\"></div> </div> <div id=\"blazor-error-ui\"> An unhandled error has occurred. <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> <script src=\"_framework/blazor.webassembly.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chart.js reference if Chart components are used in the application. --> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using Microsoft.AspNetCore.Components.Web; using Microsoft.AspNetCore.Components.WebAssembly.Hosting; using NET7.BlazorWebAssemblyApp; var builder = WebAssemblyHostBuilder.CreateDefault(args); builder.RootComponents.Add<App>(\"#app\"); builder.RootComponents.Add<HeadOutlet>(\"head::after\"); builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); builder.Services.AddBlazorBootstrap(); await builder.Build().RunAsync(); _Imports.razor​ @using System.Net.Http @using System.Net.Http.Json @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.AspNetCore.Components.WebAssembly.Http @using Microsoft.JSInterop @using NET7.BlazorWebAssemblyApp @using NET7.BlazorWebAssemblyApp.Shared @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> @Body </div> </article> </main> </div> <Modal IsServiceModal=\"true\" /> <Preload /> <Toasts class=\"p-3\" AutoHide=\"true\" Delay=\"4000\" Placement=\"ToastsPlacement.TopRight\" /> @code { private Sidebar sidebar = default!; private IEnumerable<NavItem> navItems = default!; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/fetchdata\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Edit this page Previous MAUI Blazor Hybrid App (.NET 8) Next Blazor Server (.NET 7) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code index.html Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor WebAssembly (.NET 7)","u":"/getting-started/blazor-webassembly-net-7","h":"","p":641},{"i":644,"t":"Getting Started Blazor WebAssembly (.NET 6) On this page Getting started - Blazor WebAssembly (.NET 6) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1 Add CSS references​ After the <base href=\"/\" /> tag in the head section of the wwwroot/index.html file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> note If you use the Blazor WebAssembly App Empty template (without demonstration code and Bootstrap), add the following references to the head section in the wwwroot/index.html. There is a known GitHub issue Blazor empty template doesn't load scoped CSS. <link href=\"_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the wwwroot/index.html file, immediately after the _framework/blazor.webassembly.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip The chart.js reference is optional. Include it only when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps: Delete the bootstrap and open-iconic folders from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Delete the wwwroot/css/open-iconic folder. Remove the following line from wwwroot/index.html file: <link href=\"css/bootstrap/bootstrap.min.css\" rel=\"stylesheet\" /> Remove the following line from wwwroot/css/app.css file: @import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); Starter template​ GitHub Repo: Blazor Bootstrap - Blazor WebAssembly App (.NET 6) Sample Code​ index.html​ <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" /> <title>NET6.BlazorWebAssemblyApp</title> <base href=\"/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link href=\"css/app.css\" rel=\"stylesheet\" /> <link href=\"NET6.BlazorWebAssemblyApp.styles.css\" rel=\"stylesheet\" /> </head> <body> <div id=\"app\">Loading...</div> <div id=\"blazor-error-ui\"> An unhandled error has occurred. <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> <script src=\"_framework/blazor.webassembly.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chart.js reference if Chart components are used in the application. --> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using Microsoft.AspNetCore.Components.Web; using Microsoft.AspNetCore.Components.WebAssembly.Hosting; using NET6.BlazorWebAssemblyApp; using BlazorBootstrap; // Add this line var builder = WebAssemblyHostBuilder.CreateDefault(args); builder.RootComponents.Add<App>(\"#app\"); builder.RootComponents.Add<HeadOutlet>(\"head::after\"); builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); builder.Services.AddBlazorBootstrap(); await builder.Build().RunAsync(); _Imports.razor​ @using System.Net.Http @using System.Net.Http.Json @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.AspNetCore.Components.WebAssembly.Http @using Microsoft.JSInterop @using NET6.BlazorWebAssemblyApp @using NET6.BlazorWebAssemblyApp.Shared @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> @Body </div> </article> </main> </div> <Modal IsServiceModal=\"true\" /> <Preload /> <Toasts class=\"p-3\" AutoHide=\"true\" Delay=\"4000\" Placement=\"ToastsPlacement.TopRight\" /> @code { private Sidebar sidebar = default!; private IEnumerable<NavItem> navItems = default!; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/fetchdata\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Edit this page Previous MAUI Blazor Hybrid App (.NET 7) Next Blazor Server (.NET 6) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code index.html Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor WebAssembly (.NET 6)","u":"/getting-started/blazor-webassembly-net-6","h":"","p":643},{"i":646,"t":"Layout Blazor WebAssembly On this page Layout Setup - Blazor WebAssembly Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Prerequisites​ Assuming you followed the getting started docs for the initial setup. Blazor WebAssembly Project: Follow the getting started steps for the initial setup. Blazor Server Project: Follow the getting started steps for the initial setup. Steps​ Replace MainLayout.razor page code with the below code. NOTE Remove all the CSS content from the Shared/MainLayout.razor.css file. @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> @Body </div> </article> </main> </div> @code { private Sidebar sidebar = default!; private IEnumerable<NavItem> navItems = default!; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/fetchdata\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Starter templates​ .NET 6​ Blazor Bootstrap - Blazor WebAssembly App .NET 7​ Blazor Bootstrap - Blazor WebAssembly App Blazor Bootstrap - Blazor Empty WebAssembly App Edit this page Previous Blazor Server (.NET 6) Next Blazor Server Prerequisites Steps Starter templates .NET 6 .NET 7","s":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-webassembly","h":"","p":645},{"i":648,"t":"Services Modal Service On this page Blazor Modal Service Use Blazor Bootstrap modal service to show quick dialogs to your site for lightboxes, user notifications, or completely custom content. See blazor modal service demo here. Methods​ Name Return Type ShowAsync(ModalOption modalOption) Task ModalOption Members​ Property Name Type Description Required Default FooterButtonColor ButtonColor Gets or sets the footer button color. ButtonColor.Secondary FooterButtonCSSClass string Gets or sets the footer button custom CSS class. null FooterButtonText string Gets or sets the footer button text. OK IsVerticallyCentered bool Gets or sets the IsVerticallyCentered. false Message string Gets or sets the modal message. ✔️ null ShowFooterButton string Shows or hides the footer button. true Size ModalSize Gets or sets the modal size. ModalSize.Regular Title string Gets or sets the modal title. ✔️ null Type ModalType Gets or sets the modal type. ModalType.Light Examples​ How it works​ <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowModal(ModalType.Primary)\">Show Primary Modal</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowModal(ModalType.Secondary)\">Show Secondary Modal</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowModal(ModalType.Success)\">Show Success Modal</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowModal(ModalType.Danger)\">Show Danger Modal</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowModal(ModalType.Warning)\">Show Warning Modal</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowModal(ModalType.Info)\">Show Info Modal</Button> <Button Color=\"ButtonColor.Light\" @onclick=\"() => ShowModal(ModalType.Light)\">Show Light Modal</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowModal(ModalType.Dark)\">Show Dark Modal</Button> @code { [Inject] ModalService ModalService { get; set; } = default!; private async Task ShowModal(ModalType modalType) { var modalOption = new ModalOption { Title = \"Modal title\", Message = \"Modal body text goes here.\", Type = modalType, }; await ModalService.ShowAsync(modalOption); } } See demo here. Vertically Centered​ <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowModal(ModalType.Primary)\">Show Primary Modal</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowModal(ModalType.Secondary)\">Show Secondary Modal</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowModal(ModalType.Success)\">Show Success Modal</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowModal(ModalType.Danger)\">Show Danger Modal</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowModal(ModalType.Warning)\">Show Warning Modal</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowModal(ModalType.Info)\">Show Info Modal</Button> <Button Color=\"ButtonColor.Light\" @onclick=\"() => ShowModal(ModalType.Light)\">Show Light Modal</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowModal(ModalType.Dark)\">Show Dark Modal</Button> @code { [Inject] ModalService ModalService { get; set; } = default!; private async Task ShowModal(ModalType modalType) { var modalOption = new ModalOption { Title = \"Modal title\", Message = \"Modal body text goes here.\", Type = modalType, IsVerticallyCentered = true }; await ModalService.ShowAsync(modalOption); } } See demo here. Size​ <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowModal(ModalSize.Regular)\">Show Regular Modal</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowModal(ModalSize.Small)\">Show Small Modal</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowModal(ModalSize.Large)\">Show Large Modal</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowModal(ModalSize.ExtraLarge)\">Show ExtraLarge Modal</Button> @code { [Inject] ModalService ModalService { get; set; } = default!; private async Task ShowModal(ModalSize modalSize) { var modalOption = new ModalOption { Title = \"Modal title\", Message = \"Modal body text goes here.\", Size = modalSize }; await ModalService.ShowAsync(modalOption); } } See demo here. Change footer button color and text​ <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowModal\">Show Modal</Button> @code { [Inject] ModalService ModalService { get; set; } = default!; private async Task ShowModal() { var modalOption = new ModalOption { Title = \"Modal title\", Message = \"Modal body text goes here.\", FooterButtonColor = ButtonColor.Primary, FooterButtonText = \"Got it!\" }; await ModalService.ShowAsync(modalOption); } } See demo here. Hide footer button​ <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowModal\">Show Modal</Button> @code { [Inject] ModalService ModalService { get; set; } = default!; private async Task ShowModal() { var modalOption = new ModalOption { Title = \"Modal title\", Message = \"Modal body text goes here.\", ShowFooterButton = false }; await ModalService.ShowAsync(modalOption); } } See demo here. How to setup​ Add the Modal component in MainLayout.razor page as shown below. @inherits LayoutComponentBase ... ... MainLayour.razor code goes here ... ... <Modal IsServiceModal=\"true\" /> Inject ModalService, then call the ShowAsync(...) method as shown below. ShowAsync method accepts ModalOption object as a parameter. @code { [Inject] ModalService ModalService { get; set; } = default!; private async Task SaveEmployeeAsync() { try { // call the service/api to save the employee details var modalOption = new ModalOption { Title = \"Save Employee\", Message = \"Employee details saved.\", Type = ModalType.Success }; await ModalService.ShowAsync(modalOption); } catch(Exception ex) { // handle exception var modalOption = new ModalOption { Title = \"Save Employee\", Message = $\"Error: {ex.Message}.\", Type = ModalType.Danger }; await ModalService.ShowAsync(modalOption); } } } Edit this page Previous Pie Chart Methods ModalOption Members Examples How it works Vertically Centered Size Change footer button color and text Hide footer button How to setup","s":"Blazor Modal Service","u":"/services/modal","h":"","p":647},{"i":650,"t":"One post tagged with \"v1.0.1\" View All Tags Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"One post tagged with \"v1.0.1\"","u":"/blog/tags/v-1-0-1","h":"","p":649},{"i":652,"t":"Getting Started Blazor WebAssembly (.NET 8) On this page Getting started - Blazor WebAssembly (.NET 8) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.1 Add CSS references​ After the <base href=\"/\" /> tag in the head section of the wwwroot/index.html file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the wwwroot/index.html file, immediately after the _framework/blazor.webassembly.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip The chart.js reference is optional. Include it only when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps: Delete the bootstrap folder from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Remove the following line from wwwroot/index.html file: <link href=\"css/bootstrap/bootstrap.min.css\" rel=\"stylesheet\" /> Starter template​ GitHub Repo: Blazor Bootstrap - Blazor WebAssembly Standalone App (.NET 8) Sample Code​ index.html​ <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <title>NET8.BlazorWebAssemblyStandaloneApp</title> <base href=\"/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link rel=\"stylesheet\" href=\"css/app.css\" /> <link rel=\"icon\" type=\"image/png\" href=\"favicon.png\" /> <link href=\"NET8.BlazorWebAssemblyStandaloneApp.styles.css\" rel=\"stylesheet\" /> </head> <body> <div id=\"app\"> <svg class=\"loading-progress\"> <circle r=\"40%\" cx=\"50%\" cy=\"50%\" /> <circle r=\"40%\" cx=\"50%\" cy=\"50%\" /> </svg> <div class=\"loading-progress-text\"></div> </div> <div id=\"blazor-error-ui\"> An unhandled error has occurred. <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> <script src=\"_framework/blazor.webassembly.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using Microsoft.AspNetCore.Components.Web; using Microsoft.AspNetCore.Components.WebAssembly.Hosting; using NET8.BlazorWebAssemblyStandaloneApp; var builder = WebAssemblyHostBuilder.CreateDefault(args); builder.RootComponents.Add<App>(\"#app\"); builder.RootComponents.Add<HeadOutlet>(\"head::after\"); builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); builder.Services.AddBlazorBootstrap(); await builder.Build().RunAsync(); _Imports.razor​ @using System.Net.Http @using System.Net.Http.Json @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.AspNetCore.Components.WebAssembly.Http @using Microsoft.JSInterop @using NET8.BlazorWebAssemblyStandaloneApp @using NET8.BlazorWebAssemblyStandaloneApp.Layout @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">@Body</div> </article> </main> </div> @code { Sidebar sidebar; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/weather\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Edit this page Next Blazor WebApp Server (.NET 8) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code index.html Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor WebAssembly (.NET 8)","u":"/getting-started/blazor-webassembly-net-8","h":"","p":651},{"i":654,"t":"Components Dropdown On this page Blazor Dropdown Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They are toggled by clicking, not by hovering; this is an intentional design decision'by bootstrap. Dropdown Parameters​ Name Type Default Required Description Added Version AutoClose bool true If true, enables the auto close. 1.10.0 AutoCloseBehavior DropdownAutoCloseBehavior DropdownAutoCloseBehavior.Both Gets or sets the auto close behavior of the dropdown. 1.10.0 ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Color DropdownColor DropdownColor.None Gets or sets the dropdown color. 3.0.0 Direction DropdownDirection DropdownDirection.Dropdown Gets or sets the direction of the dropdown menu. 1.10.0 Disabled bool false If true, dropdown will be disabled. 1.10.3 Size DropdownSize DropdownSize.None Gets or sets the size of the dropdown. 1.10.3 Split bool false Gets or sets the toggle button split behavior. 1.10.0 DropdownToggleButton Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 TabIndex int? null Gets or sets the dropdown toggle button tab index. 1.10.0 DropdownActionButton Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Color ButtonColor Gets or sets the button color. 1.10.0 TabIndex int? If defined, indicates that its element can be focused and can participates in sequential keyboard navigation. 1.10.0 DropdownMenu Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Position DropdownMenuPosition DropdownMenuPosition.Start Gets or sets the dropdown menu position. 1.10.0 DropdownHeader Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 DropdownItem Parameters​ Name Type Default Required Description Added Version Active bool false Gets or sets the dropdown item active state. 1.10.0 ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Disabled bool false If true, dropdown item will be disabled. 1.10.0 TabIndex int? null Gets or sets the dropdown item tab index. 1.10.0 Target Target Target.None Gets or sets the target of dropdown item (if the type is link). 1.10.0 To string? null Get or sets the link href attribute (if the type is link). 1.10.0 Type DropdownItemType DropdownItemType.Button Gets or sets the dropdown item type. 1.10.0 Dropdown Methods​ Name Description Added Version HideAsync Hides the dropdown menu of a given navbar or tabbed navigation. 1.10.0 ShowAsync Shows the dropdown menu of a given navbar or tabbed navigation. 1.10.0 ToggleAsync Toggles the dropdown menu of a given navbar or tabbed navigation. 1.10.0 UpdateAsync Updates the position of an element’s dropdown. 1.10.0 Dropdown Events​ Event Type Description Added Version OnHiding This event is fired immediately when the hide method has been called. 1.10.0 OnHidden This event is fired when an dropdown element has been hidden from the user (will wait for CSS transitions to complete). 1.10.0 OnShowing This event fires immediately when the show instance method is called. 1.10.0 OnShown This event is fired when an dropdown element has been made visible to the user (will wait for CSS transitions to complete). 1.10.0 Examples​ Single button​ <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown button</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Color​ <div class=\"d-flex gap-2 mb-4\"> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Primary\">Primary</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Secondary</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Success\">Success</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Info\">Info</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Warning\">Warning</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Danger\">Danger</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> See the demo here. Split button​ <div class=\"d-flex gap-2 mb-4\"> <Dropdown Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Primary\">Primary</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Primary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Secondary\">Secondary</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Secondary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Success\">Success</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Success\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Info\">Info</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Info\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Warning\">Warning</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Warning\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Danger\">Danger</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Danger\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> See the demo here. Sizing​ <div class=\"d-flex gap-2 mb-4\"> <Dropdown Size=\"Size.Large\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Large button</DropdownToggleButton> <DropdownMenu> <DropdownItem Size=\"Size.Large\" To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Size=\"Size.Large\" Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Secondary\">Large split button</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Secondary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> <div class=\"d-flex gap-2 mb-4\"> <Dropdown Size=\"Size.Small\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Small button</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Size=\"Size.Small\" Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Secondary\">Small split button</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Secondary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> See the demo here. Directions​ Dropup​ To trigger DropdownMenu above elements, add the Direction=\"DropdownDirection.Dropup\" to the Dropdown component. <div class=\"d-flex gap-2\"> <Dropdown Direction=\"DropdownDirection.Dropup\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropup button with text</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Direction=\"DropdownDirection.Dropup\" Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Secondary\">Dropup split button</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Secondary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> See the demo here. Dropup centered​ To center the DropdownMenu above the toggle, add the Direction=\"DropdownDirection.DropupCentered\" to the Dropdown component. <div class=\"d-flex gap-2\"> <Dropdown Direction=\"DropdownDirection.DropupCentered\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Centered dropup</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> See the demo here. Dropend​ To trigger DropdownMenu at the right of elements, add the Direction=\"DropdownDirection.Dropend\" to the Dropdown component. <div class=\"d-flex gap-2\"> <Dropdown Direction=\"DropdownDirection.Dropend\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropend</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Direction=\"DropdownDirection.Dropend\" Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Secondary\">Split dropend</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Secondary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> See the demo here. Dropstart​ To trigger DropdownMenu at the left of elements, you can add the Direction=\"DropdownDirection.Dropstart\" to the Dropdown component. <div class=\"d-flex gap-2\"> <Dropdown Direction=\"DropdownDirection.Dropstart\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropstart</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Direction=\"DropdownDirection.Dropstart\" Split=\"true\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> <DropdownActionButton Color=\"ButtonColor.Secondary\">Split dropstart</DropdownActionButton> </Dropdown> </div> See the demo here. Active​ To style DropdownItem as active, add the Active=\"true\" parameter to the DropdownItem element in the DropdownMenu. <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropstart</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\" Active=\"true\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Disabled​ To disable the dropdown, set the Disabled parameter to true on the Dropdown component. <Dropdown Disabled=\"@isDropdownDisabled\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropstart</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <div class=\"mt-3\"> <Button Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"EnableDropdown\">Enable</Button> <Button Color=\"ButtonColor.Danger\" Size=\"Size.Small\" @onclick=\"DisableDropdown\">Disable</Button> </div> @code { private bool isDropdownDisabled = true; private void EnableDropdown() => isDropdownDisabled = false; private void DisableDropdown() => isDropdownDisabled = true; } To style a dropdown item as disabled, set the Disabled parameter to true on the DropdownItem element in the DropdownMenu component. <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropstart</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\" Disabled=\"true\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Menu position​ By default, a DropdownMenu is automatically positioned at 100% from the top and along the left side of its parent. You can change this with the Position parameter. To right-align a DropdownMenu, add the Position=\"DropdownMenuPosition.End\" parameter to the DropdownMenu component. Directions are mirrored when using Bootstrap in RTL. <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Right-aligned menu example</DropdownToggleButton> <DropdownMenu Position=\"DropdownMenuPosition.End\"> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Menu content​ Header​ Add a header to label sections of actions in any dropdown menu. <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown</DropdownToggleButton> <DropdownMenu> <DropdownHeader>Dropdown header</DropdownHeader> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Dividers​ Separate groups of related menu items with a divider. <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> <DropdownDivider>Dropdown header</DropdownDivider> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Separated link</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Text​ Place any freeform text within a dropdown menu with text and use spacing utilities. Note that youll likely need additional sizing styles to constrain the menu width. <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown</DropdownToggleButton> <DropdownMenu Class=\"p-4 text-muted\" Style=\"width: 320px;\"> <p>Some example text that's free-flowing within the dropdown menu.</p> <p class=\"mb-0\">And this is more example text.</p> </DropdownMenu> </Dropdown> See the demo here. Forms​ Put a form within a dropdown menu, or make it into a dropdown menu, and use margin or padding utilities to give it the negative space you require. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown form</DropdownToggleButton> <DropdownMenu Class=\"px-4 py-3\" Style=\"width:480px;\"> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleOnValidSubmit\"> <DataAnnotationsValidator /> <div class=\"mb-3\"> <label class=\"form-label\">Item Price: <span class=\"text-danger\">*</span></label> <NumberInput TValue=\"decimal?\" Value=\"invoice.Price\" ValueExpression=\"() => invoice.Price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> <ValidationMessage For=\"@(() => invoice.Price)\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Item Discount:</label> <NumberInput TValue=\"decimal?\" Value=\"invoice.Discount\" ValueExpression=\"() => invoice.Discount\" ValueChanged=\"(value) => DiscountChanged(value)\" Placeholder=\"Enter discount\" /> <ValidationMessage For=\"@(() => invoice.Discount)\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Total Amount: <span class=\"text-danger\">*</span></label> <NumberInput TValue=\"decimal?\" @bind-Value=\"invoice.Total\" Disabled=\"true\" Placeholder=\"Enter total\" /> <ValidationMessage For=\"@(() => invoice.Total)\" /> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> </DropdownMenu> </Dropdown> @code { private Invoice invoice = new(); private EditContext editContext = default!; protected override void OnInitialized() { editContext = new EditContext(invoice); base.OnInitialized(); } protected override void OnParametersSet() { CalculateToatl(); base.OnParametersSet(); } private void PriceChanged(decimal? value) { invoice.Price = value; CalculateToatl(); } private void DiscountChanged(decimal? value) { invoice.Discount = value; CalculateToatl(); } private void CalculateToatl() { var price = invoice.Price.HasValue ? invoice.Price.Value : 0; var discount = invoice.Discount.HasValue ? invoice.Discount.Value : 0; invoice.Total = price - discount; } public void HandleOnValidSubmit() { Console.WriteLine($\"Price: {invoice.Price}\"); Console.WriteLine($\"Discount: {invoice.Discount}\"); Console.WriteLine($\"Total: {invoice.Total}\"); } private void ResetForm() { invoice = new(); editContext = new EditContext(invoice); } public class Invoice { [Required(ErrorMessage = \"Price required.\")] [Range(60, 500, ErrorMessage = \"Price should be between 60 and 500.\")] public decimal? Price { get; set; } = 232M; [Range(0, 50, ErrorMessage = \"Discount should be between 0 and 50.\")] public decimal? Discount { get; set; } [Required(ErrorMessage = \"Amount required.\")] [Range(10, 500, ErrorMessage = \"Total should be between 60 and 500.\")] public decimal? Total { get; set; } } } See the demo here. Auto close behavior​ By default, the DropdownMenu is closed when clicking either inside or outside the DropdownMenu. You can use the AutoClose and AutoCloseBehavior parameters to change this behavior of the Dropdown. <Dropdown AutoClose=\"true\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Default dropdown</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown AutoClose=\"true\" AutoCloseBehavior=\"DropdownAutoCloseBehavior.Outside\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Clickable outside</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown AutoClose=\"true\" AutoCloseBehavior=\"DropdownAutoCloseBehavior.Inside\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Clickable inside</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown AutoClose=\"false\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Manual close</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Methods​ <Dropdown @ref=\"dropdown1\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown button</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowAsync\">Show</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideAsync\">Hide</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ToggleAsync\">Toggle</Button> @code{ private Dropdown dropdown1 = default!; private async Task ShowAsync() => await dropdown1.ShowAsync(); private async Task HideAsync() => await dropdown1.HideAsync(); private async Task ToggleAsync() => await dropdown1.ToggleAsync(); } See the demo here. Events​ All dropdown events are fired at the toggling element and then bubbled up. <Dropdown OnHiding=\"OnDropdownHidingAsync\" OnHidden=\"OnDropdownHiddenAsync\" OnShowing=\"OnDropdownShowingAsync\" OnShown=\"OnDropdownShownAsync\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown button</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> @code { List<string> messages = new List<string>(); private void OnDropdownHidingAsync() => messages.Add(new(\"OnHiding\")); private void OnDropdownHiddenAsync() => messages.Add(new(\"OnHidden\")); private void OnDropdownShowingAsync() => messages.Add(new(\"OnShowing\")); private void OnDropdownShownAsync() => messages.Add(new(\"OnShown\")); } See the demo here. Edit this page Previous Confirm Dialog Next Grid Dropdown Parameters DropdownToggleButton Parameters DropdownActionButton Parameters DropdownMenu Parameters DropdownHeader Parameters DropdownItem Parameters Dropdown Methods Dropdown Events Examples Single button Color Split button Sizing Directions Dropup Dropup centered Dropend Dropstart Active Disabled Menu position Menu content Header Dividers Text Forms Auto close behavior Methods Events","s":"Blazor Dropdown","u":"/components/dropdown","h":"","p":653},{"i":656,"t":"Components Sidebar On this page Blazor Sidebar Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content. Parameters​ Name Type Default Required Description Added Version BadgeText string? null Gets or sets the badge text. 1.4.0 CustomIconName string? null Gets or sets the custom icon name. 1.4.0 DataProvider SidebarDataProviderDelegate null ✔️ Gets or sets the data provider. 1.4.0 Href string? string.Empty Gets or sets the Href. 3.0.0 IconName IconName IconName.None Gets or sets the IconName. 1.4.0 ImageSrc string? null Gets or sets the sidebar logo. 1.4.0 Title string? null ✔️ Gets or sets the sidebar title. 1.4.0 Methods​ Name Description Added Version RefreshDataAsync Refresh the sidebar data. 1.4.0 ToggleSidebar Toggles sidebar. 1.4.0 NavItem Properties​ Name Type Default Required Description Added Version Class string? null Gets or sets an additional CSS class. 1.10.3 CustomIconName string? null Gets or sets the custom icon name. 1.4.0 Href string? ✔️ Gets or sets the href. 1.4.0 IconColor IconColor IconColor.None Gets or sets the icon color. 1.4.0 IconName IconName IconName.None Gets or sets the icon name. 1.4.0 Id string? null Gets or sets the Id. 1.4.0 Match NavLinkMatch NavLinkMatch.Prefix Gets or sets the URL matching behavior. 1.4.0 ParentId string? null Gets or sets the parent Id. 1.4.0 Sequence int Gets or sets the sequence. 1.4.0 Target Target Target.None Gets or sets the target. 1.4.0 Text string? ✔️ Gets or sets the navigation link text. 1.4.0 Examples​ Basic usage​ <Sidebar Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> @code { IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\"}, new NavItem { Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\"}, new NavItem { Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\"}, new NavItem { Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\"}, }; return navItems; } } See demo here. Two level navigation​ Use NavItem's Id and ParentId to set the parent-child relation. NOTE At this moment, two levels of navigation are supported. <Sidebar Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> @code { IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\" }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\" }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\" }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } } See demo here. Change icons color​ Set IconColor property to change the color. <Sidebar Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> @code { IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } } See demo here. Full layout with sidebar​ Replace your MainLayout.razor page code with the below example to have a complete layout with a sidebar. <div class=\"bb-page\"> <Sidebar Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } } See demo here. Toggle sidebar to show icons only​ Call ToggleSidebar() method to toggle the Sidebar to show the icons only. <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-between\"> <Icon Name=\"IconName.List\" role=\"button\" @onclick=\"ToggleSidebar\" /> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { Sidebar sidebar = default!; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } private void ToggleSidebar() => sidebar.ToggleSidebar(); } See demo here. Show badge​ A badge is useful when displaying the application version, environment, or other information. Use the BadgeText parameter to show the badge. <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" BadgeText=\"v1.3.1\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-between\"> <Icon Name=\"IconName.List\" role=\"button\" @onclick=\"ToggleSidebar\" /> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { Sidebar sidebar = default!; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } private void ToggleSidebar() => sidebar.ToggleSidebar(); } See demo here. Custom brand icon​ Use the CustomIconName parameter to set the custom logo icon using font awesome or other icons. <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" Href=\"/\" CustomIconName=\"bi bi-apple\" Title=\"Blazor Bootstrap\" BadgeText=\"v1.3.1\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-between\"> <Icon Name=\"IconName.List\" role=\"button\" @onclick=\"ToggleSidebar\" /> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { Sidebar sidebar = default!; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } private void ToggleSidebar() => sidebar.ToggleSidebar(); } See demo here. Show image as brand logo​ Use the ImageSrc parameter to set the brand logo. <div class=\"bb-page\"> <Sidebar Href=\"/\" ImageSrc=\"https://demos.blazorbootstrap.com/images/logo/logo-color.svg\" Title=\"Blazor Bootstrap\" BadgeText=\"v1.3.1\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-between\"> <Icon Name=\"IconName.List\" role=\"button\" @onclick=\"ToggleSidebar\" /> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } private void ToggleSidebar() => sidebar.ToggleSidebar(); } See demo here. Customize sidebar​ Developers can customize the sidebar color by changing the CSS variables, as mentioned in the below example. <div class=\"bb-page\"> <Sidebar Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" BadgeText=\"v1.3.1\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"ToggleSidebarStyles\">Toggle Sidebar styles</Button> </div> </article> </main> </div> @code { bool applyPurpleStyle = false; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } private void ToggleSidebarStyles() => applyPurpleStyle = !applyPurpleStyle; } @if (applyPurpleStyle) { <style> :root { --bb-sidebar-width: 270px; --bb-sidebar-collapsed-width: 50px; --bb-sidebar-background-color: rgba(234, 234, 234, 1); --bb-sidebar-top-row-background-color: rgba(0,0,0,0.08); --bb-sidebar-top-row-border-color: rgb(194,192,192); --bb-sidebar-title-text-color: rgb(0,0,0); --bb-sidebar-brand-icon-color: #6f42c1; --bb-sidebar-brand-image-width: 24px; --bb-sidebar-brand-image-height: 24px; --bb-sidebar-title-badge-text-color: rgb(255,255,255); --bb-sidebar-title-badge-background-color: rgba(25,135,84,var(--bs-bg-opacity,1)); --bb-sidebar-navbar-toggler-icon-color: rgb(0,0,0); --bb-sidebar-navbar-toggler-background-color: rgba(0,0,0,0.08); --bb-sidebar-content-border-color: rgb(194,192,192); --bb-sidebar-nav-item-text-color: rgba(0,0,0,0.9); --bb-sidebar-nav-item-text-active-color-rgb: 0,0,0; --bb-sidebar-nav-item-text-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9); --bb-sidebar-nav-item-text-active-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9); --bb-sidebar-nav-item-background-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08); --bb-sidebar-nav-item-group-background-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08); } </style> } See demo here. Apply custom CSS class to NavItem​ Set the Class property of a NavItem to apply a custom CSS class. <Sidebar Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> @code { IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\" }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\" }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\", Class=\"px-3\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\", Class=\"px-3\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\", Class=\"px-3\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\" }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } } See demo here. Edit this page Previous Script Loader Next Sidebar2 Parameters Methods NavItem Properties Examples Basic usage Two level navigation Change icons color Full layout with sidebar Toggle sidebar to show icons only Show badge Custom brand icon Show image as brand logo Customize sidebar Apply custom CSS class to NavItem","s":"Blazor Sidebar","u":"/components/sidebar","h":"","p":655},{"i":658,"t":"Components PDF Viewer On this page Blazor PDF Viewer The Blazor PDF Viewer component allows users to view PDF files directly in the browser, without relying on third-party browser tools or extensions. Parameters​ Name Type Default Required Description Added Version Orientation Orientation Orientation.Portrait Gets or sets the preferred orientation for the PDF viewer. 2.1.0 Url string null ✔️ Gets or sets the URL of the PDF document to be displayed. PDF Viewer component supports base64 string as a URL. 1.11.0 Callback Events​ Event Description Added Version OnDocumentLoaded This event fires immediately after the PDF document is loaded. 1.11.0 OnPageChanged This event fires immediately after the page is changed. 1.11.0 Examples​ Basic usage​ <p>@eventLog</p> <PdfViewer Class=\"mb-3\" Url=\"https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf\" OnDocumentLoaded=\"OnDocumentLoaded\" OnPageChanged=\"OnPageChanged\" /> @code { private string eventLog { get; set; } = $\"Last event: ..., CurrentPage: 0, TotalPages: 0\"; private async Task OnDocumentLoaded(PdfViewerEventArgs args) => eventLog = $\"Last event: OnDocumentLoaded, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}\"; private async Task OnPageChanged(PdfViewerEventArgs args) => eventLog = $\"Last event: OnPageChanged, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}\"; } See demo here. Orientation​ Set the Orientation parameter to Orientation.Landscape to change the default orientation from Portrait to Landscape. <p>@eventLog</p> <PdfViewer Class=\"mb-3\" Url=\"https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf\" Orientation=\"Orientation.Landscape\" OnDocumentLoaded=\"OnDocumentLoaded\" OnPageChanged=\"OnPageChanged\" /> @code { private string eventLog { get; set; } = $\"Last event: ..., CurrentPage: 0, TotalPages: 0\"; private void OnDocumentLoaded(PdfViewerEventArgs args) => eventLog = $\"Last event: OnDocumentLoaded, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}\"; private void OnPageChanged(PdfViewerEventArgs args) => eventLog = $\"Last event: OnPageChanged, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}\"; } See demo here. Base64String​ Pdf Viewer component supports base64 string as a URL. <p>@eventLog</p> <PdfViewer Class=\"mb-3\" Url=\"@string.Format(\"data:application/pdf;base64,{0}\", pdfBase64String)\" OnDocumentLoaded=\"OnDocumentLoaded\" OnPageChanged=\"OnPageChanged\" /> @code { private string eventLog { get; set; } = $\"Last event: ..., CurrentPage: 0, TotalPages: 0\"; private string pdfBase64String; protected override void OnInitialized() { // get pdf as base64 string pdfBase64String = @\"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yc3wEAIvPjTX1ZuoA/EJb4b150BykvrznGgWgz9mYZ9WP/+j+niSJ5Bf1n8nSLfX8RimDQuML+cJl0JJUvLljxnwTvpjhm9/ufv+/lD/ab+KJr7+PyUG1RtlbmRzdHJlYW0KZW5kb2JqCjQ1IDAgb2JqCjw8Ci9BdXRob3IgKERhdmlkIE1hbmRlbGluKQovQ3JlYXRpb25EYXRlIChEOjIwMDkwMzE3MjIxMTAwWikKL0NyZWF0b3IgKE9tbmlHcmFmZmxlIDQuMi4zKQovTW9kRGF0ZSAoRDoyMDA5MDMxODAwMjMwMFopCi9Qcm9kdWNlciAoTWFjIE9TIFggMTAuNS42IFF1YXJ0eiBQREZDb250ZXh0KQovVGl0bGUgKHN0YXRlcykKPj4KZW5kb2JqCjQ2IDAgb2JqClsvSUNDQmFzZWQgNjEgMCBSXQplbmRvYmoKNDcgMCBvYmoKWy9JQ0NCYXNlZCA2MiAwIFJdCmVuZG9iago0OCAwIG9iago8PAovVHlwZSAvRm9udAovU3VidHlwZSAvVHJ1ZVR5cGUKL0Jhc2VGb250IC9SQkZZR0MjMkJIZWx2ZXRpY2EKL0ZvbnREZXNjcmlwdG9yIDYzIDAgUgovV2lkdGhzIDY0IDAgUgovRmlyc3RDaGFyIDMyCi9MYXN0Q2hhciAyMjIKL0VuY29kaW5nIC9NYWNSb21hbkVuY29kaW5nCj4+CmVuZG9iago0OSAwIG9iago8PAovVHlwZSAvRm9udAovU3VidHlwZSAvVHJ1ZVR5cGUKL0Jhc2VGb250IC9USVZSVUsjMkJIZWx2ZXRpY2EtQm9sZAovRm9udERlc2NyaXB0b3IgNjUgMCBSCi9XaWR0aHMgNjYgMCBSCi9GaXJzdENoYXIgMzIKL0xhc3RDaGFyIDEyMQovRW5jb2RpbmcgL01hY1JvbWFuRW5jb2RpbmcKPj4KZW5kb2JqCjUwIDAgb2JqCjw8Ci9MZW5ndGggNjcgMCBSCi9UeXBlIC9YT2JqZWN0Ci9TdWJ0eXBlIC9JbWFnZQovV2lkdGggMTM5Ci9IZWlnaHQgNTcKL0NvbG9yU3BhY2UgNDYgMCBSCi9TTWFzayA2OCAwIFIKL0JpdHNQZXJDb21wb25lbnQgOAovRmlsdGVyIC9GbGF0ZURlY29kZQo+PgpzdHJlYW0K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Ci9Bc2NlbnQgNzcwCi9DYXBIZWlnaHQgNzI3Ci9EZXNjZW50IC0yMzAKL0ZsYWdzIDMyCi9Gb250QkJveCBbIC05NTEgLTQ4MSAxNDQ1IDExMjJdCi9Gb250TmFtZSAvUkJGWUdDIzJCSGVsdmV0aWNhCi9JdGFsaWNBbmdsZSAwCi9TdGVtViA5OAovTWF4V2lkdGggMTUwMAovU3RlbUggODUKL1hIZWlnaHQgNTMxCi9Gb250RmlsZTIgODkgMCBSCj4+CmVuZG9iago2NCAwIG9iagpbIDI3OCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMjc4IDAgMCAyNzggMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgNjY3IDcyMiAwIDAgMCAwIDAgMjc4IDAgMCA1NTYgMCA3MjIgNzc4IDAgMCA3MjIgMCA2MTEgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgNTU2IDU1NiA1MDAgNTU2IDU1NiAwIDU1NiA1NTYgMjIyIDAgNTAwIDIyMiA4MzMgNTU2IDU1NiA1NTYgMCAzMzMgNTAwIDI3OCAwIDUwMCA3MjIgNTAwIDUwMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDUwMF0KZW5kb2JqCjY1IDAgb2JqCjw8Ci9UeXBlIC9Gb250RGVzY3JpcHRvcgovQXNjZW50IDc3MAovQ2FwSGVpZ2h0IDczMQovRGVzY2VudCAtMjMwCi9GbGFncyAzMgovRm9udEJCb3ggWyAtMTAxOCAtNDgxIDE0MzYgMTE1OV0KL0ZvbnROYW1lIC9USVZSVUsjMkJIZWx2ZXRpY2EtQm9sZAovSXRhbGljQW5nbGUgMAovU3RlbVYgMTQ5Ci9NYXhXaWR0aCAxNTAwCi9TdGVtSCAxMjQKL1hIZWlnaHQgNTQwCi9Gb250Rmls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UFRFWC5JbmZvRGljdCAyMTkgMCBSIAovTWF0cml4IFsxLjAwMDAwMDAwIDAuMDAwMDAwMDAgMC4wMDAwMDAwMCAxLjAwMDAwMDAwIDAuMDAwMDAwMDAgMC4wMDAwMDAwMF0KL0JCb3ggWzQuNzQzMTY5MDAgNDk4LjAxMDkwMDAwIDU0OS4wMDU0MDAwMCA3ODEuMDcxMDAwMDBdCi9SZXNvdXJjZXMgPDwKL1Byb2NTZXQgWyAvUERGIC9UZXh0IC9JbWFnZUIgL0ltYWdlQyAvSW1hZ2VJIF0KL0NvbG9yU3BhY2UgPDwKL0NzMSAyMjAgMCBSCj4+L0ZvbnQgPDwgL0YxLjEgMjIxIDAgUj4+Ci9YT2JqZWN0IDw8Ci9JbTQ4IDIyMiAwIFIKL0ltMTcgMjIzIDAgUgovSW0zMyAyMjQgMCBSCi9JbTUyIDIyNSAwIFIKL0ltMjEgMjI2IDAgUgovSW0xMyAyMjcgMCBSCi9JbTIzIDIyOCAwIFIKL0ltOSAyMjkgMCBSCi9JbTE2IDIzMCAwIFIKL0ltNDMgMjMxIDAgUgovSW00NCAyMzIgMCBSCi9JbTY1IDIzMyAwIFIKL0ltNiAyMzQgMCBSCi9JbTI3IDIzNSAwIFIKL0ltMTIgMjM2IDAgUgovSW0zNSAyMzcgMCBSCi9JbTUwIDIzOCAwIFIKL0ltNjggMjM5IDAgUgovSW00MSAyNDAgMCBSCi9JbTc1IDI0MSAwIFIKL0ltNzcgMjQyIDAgUgovSW02NCAyNDMgMCBSCi9JbTUgMjQ0IDAgUgovSW00NSAyNDUgMCBSCi9JbTIwIDI0NiAwIFIKL0ltNjkgMjQ3IDAgUgovSW0zOCAyNDggMCBSCi9JbTEgMjQ5IDAgUgovSW00MiAyNTAgMCBSCi9JbTcyIDI1MSAwIFIKL0ltMTQgMjUyIDAgUgovSW01NSAyNTMgMCBSCi9JbTI0IDI1NCAwIFIKL0ltMzcgMjU1IDAgUgovSW00NiAyNTYgMCBSCi9JbTggMjU3IDAgUgovSW0zNiAyNTggMCBSCi9JbTYxIDI1OSAwIFIKL0ltNTQgMjYwIDAgUgovSW0yMiAyNjEgMCBSCi9JbTQwIDI2MiAwIFIKL0ltNjcgMjYzIDAgUgovSW03MSAyNjQgMCBSCi9JbTc4IDI2NSAwIFIKL0ltMzkgMjY2IDAgUgovSW0yOSAyNjcgMCBSCi9JbTI2IDI2OCAwIFIKL0ltNjYgMjY5IDAgUgovSW03MCAyNzAgMCBSCi9JbTc0IDI3MSAwIFIKL0ltNjMgMjcyIDAgUgovSW01MSAyNzMgMCBSCi9JbTMgMjc0IDAgUgovSW03IDI3NSAwIFIKL0ltNTcgMjc2IDAgUgovSW0yIDI3NyAwIFIKL0ltMzEgMjc4IDAgUgovSW03MyAyNzkgMCBSCi9JbTEwIDI4MCAwIFIKL0ltMjUgMjgxIDAgUgovSW0yOCAyODIgMCBSCi9JbTUzIDI4MyAwIFIKL0ltNTkgMjg0IDAgUgovSW0xMSAyODUgMCBSCi9JbTQgMjg2IDAgUgovSW0xOCAyODcgMCBSCi9JbTU2IDI4OCAwIFIKL0ltMTUgMjg5IDAgUgovSW0xOSAyOTAgMCBSCi9JbTMyIDI5MSAwIFIKL0ltNDkgMjkyIDAgUgovSW0zMCAyOTMgMCBSCi9JbTc2IDI5NCAwIFIKL0ltNTggMjk1IDAgUgovSW00NyAyOTYgMCBSCi9JbTYyIDI5NyAwIFIKL0ltMzQgMjk4IDAgUgovSW02MCAyOTkgMCBSCj4+L1NoYWRpbmcgPDwKL1NoMjMgMzAwIDAgUgovU2gxOCAzMDEgMCBSCi9TaDMyIDMwMiAwIFIKL1NoNzkgMzAzIDAgUgovU2g1NiAzMDQgMCBSCi9TaDUxIDMwNSAwIFIKL1NoNjkgMzA2IDAgUgovU2gxNCAzMDcgMCBSCi9TaDQxIDMwOCAwIFIKL1NoNzcgMzA5IDAgUgovU2g3OCAzMTAgMCBSCi9TaDM4IDMxMSAwIFIKL1NoNjEgMzEyIDAgUgovU2gyOCAzMTMgMCBSCi9TaDYwIDMxNCAwIFIKL1NoNTUgMzE1IDAgUgovU2g5IDMxNiAwIFIKL1NoOCAzMTcgMCBSCi9TaDgwIDMxOCAwIFIKL1NoMjcgMzE5IDAgUgovU2g0NSAzMjAgMCBSCi9TaDM3IDMyMSAwIFIKL1NoNDggMzIyIDAgUgovU2gxMiAzMjMgMCBSCi9TaDI2IDMyNCAwIFIKL1NoMjIgMzI1IDAgUgovU2g3MCAzMjYgMCBSCi9TaDI0IDMyNyAwIFIKL1NoMjUgMzI4IDAgUgovU2gyOSAzMjkgMCBSCi9TaDU4IDMzMCAwIFIKL1NoMzEgMzMxIDAgUgovU2gzIDMzMiAwIFIKL1NoNDQgMzMzIDAgUgovU2g3NCAzMzQgMCBSCi9TaDY2IDMzNSAwIFIKL1NoNDAgMzM2IDAgUgovU2gxIDMzNyAwIFIKL1NoMTEgMzM4IDAgUgovU2g1MiAzMzkgMCBSCi9TaDcyIDM0MCAwIFIKL1NoNTcgMzQxIDAgUgovU2gyIDM0MiAwIFIKL1NoMzQgMzQzIDAgUgovU2g0MyAzNDQgMCBSCi9TaDQ5IDM0NSAwIFIKL1NoNjcgMzQ2IDAgUgovU2g0IDM0NyAwIFIKL1NoMTkgMzQ4IDAgUgovU2g2NSAzNDkgMCBSCi9TaDY4IDM1MCAwIFIKL1NoNzUgMzUxIDAgUgovU2gyMCAzNTIgMCBSCi9TaDcxIDM1MyAwIFIKL1NoMzkgMzU0IDAgUgovU2g3NiAzNTUgMCBSCi9TaDQ3IDM1NiAwIFIKL1NoMTUgMzU3IDAgUgovU2g1NCAzNTggMCBSCi9TaDMwIDM1OSAwIFIKL1NoNjMgMzYwIDAgUgovU2g2IDM2MSAwIFIKL1NoNyAzNjIgMCBSCi9TaDE2IDM2MyAwIFIKL1NoMzYgMzY0IDAgUgovU2g2NCAzNjUgMCBSCi9TaDEwIDM2NiAwIFIKL1NoODEgMzY3IDAgUgovU2g1OSAzNjggMCBSCi9TaDMzIDM2OSAwIFIKL1NoMjEgMzcwIDAgUgovU2gxMyAzNzEgMCBSCi9TaDUzIDM3MiAwIFIKL1NoNTAgMzczIDAgUgovU2gzNSAzNzQgMCBSCi9TaDQyIDM3NSAwIFIKL1NoNDYgMzc2IDAgUgovU2g2MiAzNzcgMCBSCi9TaDczIDM3OCAwIFIKL1NoMTcgMzc5IDAgUgovU2g1IDM4MCAwIFIKPj4+PgovTGVuZ3RoIDM4MSAwIFIKL0ZpbHRlciAvRmxhdGVEZWNvZGUKPj4Kc3RyZWFtCngB3P1Jr67LlqZp9devWBQpQUrsmHXRJQCJHshDijY6ipCTck+IcBB/n+t+7J3FKk7GPjunhIR746z5bCuHDRu1vd9/+f5//f5fvt++/vF69/3x5uaPl5eb2++Pd3d/PLx8v3u+++P26ft//U/f/+P3//H7v/v3/3b7/W//9v12//9vf3vv9PLHy0Od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MTYwNTQ2NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTQ0IDAgUgo+PgplbmRvYmoKMzAzIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDU1OTQ5NjAgMjc0Mjg0IDU1OTQ5NjAgMzQ0MDM2XQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTQ1IDAgUgo+PgplbmRvYmoKMzA0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDExOTA4NDYgMTQ1MTc0MyAxMTkwODQ2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NDYgMCBSCj4+CmVuZG9iagozMDUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNjAzNjY5NCAxOTkyMjcxIDYwMzY2OTQgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU0NyAwIFIKPj4KZW5kb2JqCjMwNiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA0MjIyNzQwIDE5ODU2NzMgNDIyMjc0MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTQ4IDAgUgo+PgplbmRvYmoKMzA3IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDM0MTk0MTggMjAxNzU5NiAzNDE5NDE4IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NDkgMCBSCj4+CmVuZG9iagozMDggMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzcwNDQ2OCAxOTgwNjQ1IDM3MDQ0NjggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU1MCAwIFIKPj4KZW5kb2JqCjMwOSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA2MDg4NTIyIDIwNzE4MzUgNjA4ODUyMiAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTUxIDAgUgo+PgplbmRvYmoKMzEwIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDYzMjE3NDQgMjA2NTk5OCA2MzIxNzQ0IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NTIgMCBSCj4+CmVuZG9iagozMTEgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzAwNDgwMCAxNTc1NTIzIDMwMDQ4MDAgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU1MyAwIFIKPj4KZW5kb2JqCjMxMiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyMzU2OTU4IDE0ODkyMzggMjM1Njk1OCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTU0IDAgUgo+PgplbmRvYmoKMzEzIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDY3MjU3MyAyMDYwMTg0IDY3MjU3MyAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTU1IDAgUgo+PgplbmRvYmoKMzE0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDIxMjM3MzYgMTMxNDQ2OCAyMTIzNzM2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NTYgMCBSCj4+CmVuZG9iagozMTUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgOTU3NjIzIDE5ODgwMzkgOTU3NjIzIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NTcgMCBSCj4+CmVuZG9iagozMTYgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMjI1MzMwNCAxNDczMTI1IDIyNTMzMDQgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU1OCAwIFIKPj4KZW5kb2JqCjMxNyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyMDIwMDgyIDM1Njg4IDIwMjAwODIgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU1OSAwIFIKPj4KZW5kb2JqCjMxOCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1NTk0OTYwIDUwMzI0MyA1NTk0OTYwIDU3Mjk5NV0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU2MCAwIFIKPj4KZW5kb2JqCjMxOSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA0MzkzNTAuNSAyMDU0NDEyIDQzOTM1MC41IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NjEgMCBSCj4+CmVuZG9iagozMjAgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDYzNzM1OCAyMDQwMDE1IDQ2MzczNTggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU2MiAwIFIKPj4KZW5kb2JqCjMyMSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyNzcxNTc2IDE4Mzk0NjEgMjc3MTU3NiAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTYzIDAgUgo+PgplbmRvYmoKMzIyIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDUzMzcwMjYgMjA0MDQyMyA1MzM3MDI2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NjQgMCBSCj4+CmVuZG9iagozMjMgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMjk1Mjk3MiAyMTMwODc3IDI5NTI5NzIgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU2NSAwIFIKPj4KZW5kb2JqCjMyNCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA2MjE4MDkwIDIwNTUzNDAgNjIxODA5MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTY2IDAgUgo+PgplbmRvYmoKMzI1IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDUyODUxOTggMTk5NzYyNCA1Mjg1MTk4IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NjcgMCBSCj4+CmVuZG9iagozMjYgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDQ1NTk2MiAxNzkxNDUwIDQ0NTU5NjIgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU2OCAwIFIKPj4KZW5kb2JqCjMyNyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1NzUxNjQ0IDIxMjA4NDUgNTc1MTY0NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTY5IDAgUgo+PgplbmRvYmoKMzI4IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDU5ODQ4NjYgMjExMjAyMSA1OTg0ODY2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NzAgMCBSCj4+CmVuZG9iagozMjkgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgOTA1Nzk1LjUgMTk3OTIxMyA5MDU3OTUuNSAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTcxIDAgUgo+PgplbmRvYmoKMzMwIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDE2NTcyOTAgMTc3ODk0NSAxNjU3MjkwIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NzIgMCBSCj4+CmVuZG9iagozMzEgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMTM3MjI0MSAxNDY3OTkwIDEzNzIyNDEgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU3MyAwIFIKPj4KZW5kb2JqCjMzMiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA4NTM5NjguNSAyMTEzNDk3IDg1Mzk2OC41IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NzQgMCBSCj4+CmVuZG9iagozMzMgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDQwNDEzNiAxOTYwMTQxIDQ0MDQxMzYgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU3NSAwIFIKPj4KZW5kb2JqCjMzNCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1Mzg4ODU0IDIwNjA0NjcgNTM4ODg1NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTc2IDAgUgo+PgplbmRvYmoKMzM1IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDM1MjMwNzIgMjAyNDQ4MiAzNTIzMDcyIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NzcgMCBSCj4+CmVuZG9iagozMzYgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzQ3MTI0NCAyMDExMjgzIDM0NzEyNDQgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU3OCAwIFIKPj4KZW5kb2JqCjMzNyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzODc1MjMgMjAyNjQ1OCAzODc1MjMgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU3OSAwIFIKPj4KZW5kb2JqCjMzOCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyNzE5NzUwIDE5NzkyMjggMjcxOTc1MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTgwIDAgUgo+PgplbmRvYmoKMzM5IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDYyNjk5MTYgMjA5ODM0MyA2MjY5OTE2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1ODEgMCBSCj4+CmVuZG9iagozNDAgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDkyMjQwOCAxNzkwNzkzIDQ5MjI0MDggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU4MiAwIFIKPj4KZW5kb2JqCjM0MSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAxNDI0MDY4IDE2OTQxNTkgMTQyNDA2OCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTgzIDAgUgo+PgplbmRvYmoKMzQyIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDYyMDc0NS41IDE5Njk5MTkgNjIwNzQ1LjUgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU4NCAwIFIKPj4KZW5kb2JqCjM0MyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyMDcxOTA5IDEwOTU1NzcgMjA3MTkwOSAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTg1IDAgUgo+PgplbmRvYmoKMzQ0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDQxNzA5MTIgMTk5NzY4NCA0MTcwOTEyIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1ODYgMCBSCj4+CmVuZG9iagozNDUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNTU3MDI0OCAxOTI5MDMzIDU1NzAyNDggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU4NyAwIFIKPj4KZW5kb2JqCjM0NiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzNzU2Mjk0IDE5NjYyMTkgMzc1NjI5NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTg4IDAgUgo+PgplbmRvYmoKMzQ3IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDEwODcxOTEgMjEzNDYwMCAxMDg3MTkxIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1ODkgMCBSCj4+CmVuZG9iagozNDggMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDU4NTUzMCAxNzA5Njk3IDQ1ODU1MzAgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU5MCAwIFIKPj4KZW5kb2JqCjM0OSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzMjg5ODUwIDIwMjQ4ODYgMzI4OTg1MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTkxIDAgUgo+PgplbmRvYmoKMzUwIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDM5ODk1MTggMjA5OTE1OCAzOTg5NTE4IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1OTIgMCBSCj4+CmVuZG9iagozNTEgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNTYyMjA3NiAxOTI5MDMzIDU2MjIwNzYgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU5MyAwIFIKPj4KZW5kb2JqCjM1MiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA0ODE4NzU0IDE2MDUxMjQgNDgxODc1NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTk0IDAgUgo+PgplbmRvYmoKMzUzIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDQ2ODkxODYgMTk0MzgzMCA0Njg5MTg2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1OTUgMCBSCj4+CmVuZG9iagozNTQgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzIzODAyMiAxOTA0MzE4IDMyMzgwMjIgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU5NiAwIFIKPj4KZW5kb2JqCjM1NSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1ODU1Mjk4IDIxMDQxNzkgNTg1NTI5OCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTk3IDAgUgo+PgplbmRvYmoKMzU2IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDUxMDM4MDQgMTczMzk3MiA1MTAzODA0IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1OTggMCBSCj4+CmVuZG9iagozNTcgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzY1MjY0MCAxNzA1NTI0IDM2NTI2NDAgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU5OSAwIFIKPj4KZW5kb2JqCjM1OCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA3MjQ0MDAuNSAyMDI1MjcyIDcyNDQwMC41IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MDAgMCBSCj4+CmVuZG9iagozNTkgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMTEzOTAxOCAxODQwODI4IDExMzkwMTggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwMSAwIFIKPj4KZW5kb2JqCjM2MCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyODIzNDA0IDE4NTkxOTIgMjgyMzQwNCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjAyIDAgUgo+PgplbmRvYmoKMzYxIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDE1NTM2MzYgMTg1NTk1NSAxNTUzNjM2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MDMgMCBSCj4+CmVuZG9iagozNjIgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMTc4Njg1OSAxOTUzODg0IDE3ODY4NTkgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwNCAwIFIKPj4KZW5kb2JqCjM2MyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzODg1ODYzIDIxMjI0NzYgMzg4NTg2MyAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjA1IDAgUgo+PgplbmRvYmoKMzY0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDI1MzgzNTQgMTYzNDk4MCAyNTM4MzU0IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MDYgMCBSCj4+CmVuZG9iagozNjUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzA1NjYyNiAxMzY4MzM2IDMwNTY2MjYgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwNyAwIFIKPj4KZW5kb2JqCjM2NiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyNDg2NTI3IDU5MDk1IDI0ODY1MjcgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwOCAwIFIKPj4KZW5kb2JqCjM2NyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1NTk0OTYwIDczMjIwMiA1NTk0OTYwIDgwMTk1NF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwOSAwIFIKPj4KZW5kb2JqCjM2OCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAxODkwNTE0IDE4MDUwNDcgMTg5MDUxNCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjEwIDAgUgo+PgplbmRvYmoKMzY5IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDE4Mzg2ODYgMTc1ODUzNSAxODM4Njg2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MTEgMCBSCj4+CmVuZG9iagozNzAgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNTA1MTk3NiAxODU0NTIzIDUwNTE5NzYgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYxMiAwIFIKPj4KZW5kb2JqCjM3MSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzMTg2MTk1IDIwNzM3MTcgMzE4NjE5NSAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjEzIDAgUgo+PgplbmRvYmoKMzcyIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDQ5MTE3Ny41IDE5NjMwODYgNDkxMTc3LjUgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYxNCAwIFIKPj4KZW5kb2JqCjM3MyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1ODAzNDcyIDIxMTQ4MDMgNTgwMzQ3MiAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjE1IDAgUgo+PgplbmRvYmoKMzc0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDIzMDUxMzIgMTQwMDgxMCAyMzA1MTMyIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MTYgMCBSCj4+CmVuZG9iagozNzUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzkzNzY5MCAyMDEzNTI4IDM5Mzc2OTAgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYxNyAwIFIKPj4KZW5kb2JqCjM3NiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA0ODcwNTgwIDE5MjkyNjMgNDg3MDU4MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjE4IDAgUgo+PgplbmRvYmoKMzc3IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDI1OTAxODIgMTc5MDA4NyAyNTkwMTgyIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MTkgMCBSCj4+CmVuZG9i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CjYzMSAwIG9iago4MTEKZW5kb2JqCjYzMiAwIG9iago5MzMKZW5kb2JqCjYzMyAwIG9iagoxMDAzCmVuZG9iago2MzQgMCBvYmoKODU1CmVuZG9iago2MzUgMCBvYmoKNjY5CmVuZG9iago2MzYgMCBvYmoKOTczCmVuZG9iago2MzcgMCBvYmoKODQyCmVuZG9iago2MzggMCBvYmoKMTAyNgplbmRvYmoKNjM5IDAgb2JqCjk1MQplbmRvYmoKNjQwIDAgb2JqCjkzOQplbmRvYmoKNjQxIDAgb2JqCjEwNTQKZW5kb2JqCjY0MiAwIG9iago5NDYKZW5kb2JqCjY0MyAwIG9iago5MzYKZW5kb2JqCjY0NCAwIG9iago5ODMKZW5kb2JqCjY0NSAwIG9iagoxMDI2CmVuZG9iago2NDYgMCBvYmoKOTY5CmVuZG9iago2NDcgMCBvYmoKMTEwNQplbmRvYmoKNjQ4IDAgb2JqCjk2MAplbmRvYmoKNjQ5IDAgb2JqCjkyMAplbmRvYmoKNjUwIDAgb2JqCjEwNDQKZW5kb2JqCjY1MSAwIG9iago4NDIKZW5kb2JqCjY1MiAwIG9iagoxMDc2CmVuZG9iago2NTMgMCBvYmoKOTcwCmVuZG9iago2NTQgMCBvYmoKOTQ5CmVuZG9iago2NTUgMCBvYmoKOTYzCmVuZG9iago2NTYgMCBvYmoKOTU3CmVuZG9iago2NTcgMCBvYmoKOTU0CmVuZG9iago2NTggMCBvYmoKOTUxCmVuZG9iago2NTkgMCBvYmoKOTI2CmVuZG9iago2NjAgMCBvYmoKOTg1CmVuZG9iago2NjEgMCBvYmoKMTMwMAplbmRvYmoKNjYyIDAgb2JqCjc0MwplbmRvYmoKNjYzIDAgb2JqCjEwMzMKZW5kb2JqCjY2NCAwIG9iago4NDIKZW5kb2JqCjY2NSAwIG9iago3ODQKZW5kb2JqCjY2NiAwIG9iago5ODcKZW5kb2JqCjY2NyAwIG9iago5ODAKZW5kb2JqCjY2OCAwIG9iagoxMDE4CmVuZG9iago2NjkgMCBvYmoKOTUxCmVuZG9iago2NzAgMCBvYmoKOTgyCmVuZG9iago2NzEgMCBvYmoKODkwCmVuZG9iago2NzIgMCBvYmoKODgxCmVuZG9iago2NzMgMCBvYmoKOTQ1CmVuZG9iago2NzQgMCBvYmoKMTAxMwplbmRvYmoKNjc1IDAgb2JqCjk2MQplbmRvYmoKNjc2IDAgb2JqCjEwMDQKZW5kb2JqCjY3NyAwIG9iago5NzgKZW5kb2JqCjY3OCAwIG9iago3MjkKZW5kb2JqCjY3OSAwIG9iago5ODEKZW5kb2JqCjY4MCAwIG9iagoxMDM5CmVuZG9iago2ODEgMCBvYmoKOTE0CmVuZG9iago2ODIgMCBvYmoKMTA0MwplbmRvYmoKNjgzIDAgb2JqCjEwMjgKZW5kb2JqCjY4NCAwIG9iagoxMjYzCmVuZG9iago2ODUgMCBvYmoKOTc5CmVuZG9iago2ODYgMCBvYmoKOTYwCmVuZG9iago2ODcgMCBvYmoKOTc5CmVuZG9iago2ODggMCBvYmoKMTAwMwplbmRvYmoKNjg5IDAgb2JqCjgzOQplbmRvYmoKNjkwIDAgb2JqCjgzMgplbmRvYmoKNjkxIDAgb2JqCjgyNAplbmRvYmoKNjkyIDAgb2JqCjEwMjMKZW5kb2JqCjY5MyAwIG9iago5ODMKZW5kb2JqCjY5NCAwIG9iagoxMDYyCmVuZG9iago2OTUgMCBvYmoKOTk5CmVuZG9iago2OTYgMCBvYmoKMTAyNwplbmRvYmoKNjk3IDAgb2JqCjEwMTMKZW5kb2JqCjY5OCAwIG9iago4MzIKZW5kb2JqCjY5OSAwIG9iago5OTcKZW5kb2JqCjcwMCAwIG9iagoxMDY3CmVuZG9iago3MDEgMCBvYmoKOTg0CmVuZG9iago3MDIgMCBvYmoKOTc3CmVuZG9iago3MDMgMCBvYmoKMTA2MQplbmRvYmoKNzA0IDAgb2JqCjc4MAplbmRvYmoKNzA1IDAgb2JqCjc4MAplbmRvYmoKNzA2IDAgb2JqCjgwNQplbmRvYmoKNzA3IDAgb2JqCjc4MAplbmRvYmoKNzA4IDAgb2JqCjczMAplbmRvYmoKNzA5IDAgb2JqCjgwNQplbmRvYmoKNzEwIDAgb2JqCjczMAplbmRvYmoKNzExIDAgb2JqCjc4MAplbmRvYmoKNzEyIDAgb2JqCjgwNQplbmRvYmoKNzEzIDAgb2JqCjczMAplbmRvYmoKNzE0IDAgb2JqCjczMAplbmRvYmoKNzE1IDAgb2JqCjgwNQplbmRvYmoKNzE2IDAgb2JqCjczMAplbmRvYmoKNzE3IDAgb2JqCjgwNQplbmRvYmoKNzE4IDAgb2JqCjczMAplbmRvYmoKNzE5IDAgb2JqCjczMAplbmRvYmoKNzIwIDAgb2JqCjc4MAplbmRvYmoKNzIxIDAgb2JqCjc4MAplbmRvYmoKNzIyIDAgb2JqCjgwNQplbmRvYmoKNzIzIDAgb2JqCjgwNQplbmRvYmoKNzI0IDAgb2JqCjgwNQplbmRvYmoKNzI1IDAgb2JqCjgwNQplbmRvYmoKNzI2IDAgb2JqCjgwNQplbmRvYmoKNzI3IDAgb2JqCjc4MAplbmRvYmoKNzI4IDAgb2JqCjc4MAplbmRvYmoKNzI5IDAgb2JqCjc4MAplbmRvYmoKNzMwIDAgb2JqCjczMAplbmRvYmoKNzMxIDAgb2JqCjc4MAplbmRvYmoKNzMyIDAgb2JqCjc4MAplbmRvYmoKNzMzIDAgb2JqCjgwNQplbmRvYmoKNzM0IDAgb2JqCjczMAplbmRvYmoKNzM1IDAgb2JqCjgwNQplbmRvYmoKNzM2IDAgb2JqCjc4MAplbmRvYmoKNzM3IDAgb2JqCjgwNQplbmRvYmoKNzM4IDAgb2JqCjczMAplbmRvYmoKNzM5IDAgb2JqCjczMAplbmRvYmoKNzQwIDAgb2JqCjgwNQplbmRvYmoKNzQxIDAgb2JqCjc4MAplbmRvYmoKNzQyIDAgb2JqCjc4MAplbmRvYmoKNzQzIDAgb2JqCjgwNQplbmRvYmoKNzQ0IDAgb2JqCjczMAplbmRvYmoKNzQ1IDAgb2JqCjczMAplbmRvYmoKNzQ2IDAgb2JqCjc4MAplbmRvYmoKNzQ3IDAgb2JqCjgwNQplbmRvYmoKNzQ4IDAgb2JqCjgwNQplbmRvYmoKNzQ5IDAgb2JqCjgwNQplbmRvYmoKNzUwIDAgb2JqCjczMAplbmRvYmoKNzUxIDAgb2JqCjc4MAplbmRvYmoKNzUyIDAgb2JqCjc4MAplbmRvYmoKNzUzIDAgb2JqCjczMAplbmRvYmoKNzU0IDAgb2JqCjczMAplbmRvYmoKNzU1IDAgb2JqCjczMAplbmRvYmoKNzU2IDAgb2JqCjc4MAplbmRvYmoKNzU3IDAgb2JqCjczMAplbmRvYmoKNzU4IDAgb2JqCjgwNQplbmRvYmoKNzU5IDAgb2JqCjczMAplbmRvYmoKNzYwIDAgb2JqCjgwNQplbmRvYmoKNzYxIDAgb2JqCjc4MAplbmRvYmoKNzYyIDAgb2JqCjczMAplbmRvYmoKNzYzIDAgb2JqCjgwNQplbmRvYmoKNzY0IDAgb2JqCjczMAplbmRvYmoKNzY1IDAgb2JqCjc4MAplbmRvYmoKNzY2IDAgb2JqCjc4MAplbmRvYmoKNzY3IDAgb2JqCjc4MAplbmRvYmoKNzY4IDAgb2JqCjgwNQplbmRvYmoKNzY5IDAgb2JqCjczMAplbmRvYmoKNzcwIDAgb2JqCjc4MAplbmRvYmoKNzcxIDAgb2JqCjczMAplbmRvYmoKNzcyIDAgb2JqCjczMAplbmRvYmoKNzczIDAgb2JqCjgwNQplbmRvYmoKNzc0IDAgb2JqCjc4MAplbmRvYmoKNzc1IDAgb2JqCjc4MAplbmRvYmoKNzc2IDAgb2JqCjczMAplbmRvYmoKNzc3IDAgb2JqCjgwNQplbmRvYmoKNzc4IDAgb2JqCjgwNQplbmRvYmoKNzc5IDAgb2JqCjgwNQplbmRvYmoKNzgwIDAgb2JqCjgwNQplbmRvYmoKNzgxIDAgb2JqCjczMAplbmRvYmoKNzgyIDAgb2JqCjczMAplbmRvYmoKNzgzIDAgb2JqCjc4MAplbmRvYmoKNzg0IDAgb2JqCjc4MAplbmRvYmoKNzg1IDAgb2JqCjk4MzMKZW5kb2JqCjIxNiAwIG9iaiA8PAovRm9udCA8PCAvRjQxIDYgMCBSIC9GNDIgOSAwIFIgL0YzMyAyNCAwIFIgL0YyNiAxMiAwIFIgPj4KL1hPYmplY3QgPDwgL0ltNiAxOTggMCBSID4+Ci9Qcm9jU2V0IFsgL1BERiAvVGV4dCBdCj4+IGVuZG9iago3ODggMCBvYmogPDwKL0xlbmd0aCA0MjY1ICAgICAgCi9GaWx0ZXIgL0ZsYXRlRGVjb2RlCj4+CnN0cmVhbQp42q062ZLjxpHv/RV82TA6ogmhqlA4HqWQpZVCsrSatuwI2Q8gAJLwgACNwz3cr3deBQIk2BpvbEz0oCrryMqsvItfvT598U2oN4mfRlG4ed1vVBT5NjJmEyvjBzrSm9fiN++Htj33z1tljPFen431urLkfij9LC/dhC93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lJsc+8uveoQKGf/mucKHkR2+5IKWitLNiXZYTolUEs1NLeow4Qr/BUAqMh5QkyB1myf0mko6OLCruhBlG/wCmFZw8/3jzX8AKyTyhmVuZHN0cmVhbQplbmRvYmoKNzkwIDAgb2JqIDw8Ci9UeXBlIC9QYWdlCi9Db250ZW50cyA3OTEgMCBSCi9SZXNvdXJjZXMgNzg5IDAgUgovTWVkaWFCb3ggWzAgMCA2MTIgNzkyXQovUGFyZW50IDc5MiAwIFIKPj4gZW5kb2JqCjIwMCAwIG9iaiA8PAovVHlwZSAvWE9iamVjdAovU3VidHlwZSAvRm9ybQovRm9ybVR5cGUgMQovUFRFWC5GaWxlTmFtZSAoLi9JbnRlcm5hbFRpbWVDb3N0cy5wZGYpCi9QVEVYLlBhZ2VOdW1iZXIgMQovUFRFWC5JbmZvRGljdCA3OTMgMCBSIAovTWF0cml4IFsxLjAwMDAwMDAwIDAuMDAwMDAwMDAgMC4wMDAwMDAwMCAxLjAwMDAwMDAwIDAuMDAwMDAwMDAgMC4wMDAwMDAwMF0KL0JCb3ggWzU1LjExNzA4MDAwIDMzMS4zNDc0MDAwMCA1MDAuNDE0NjAwMDAgNzE5LjA2MzQwMDAwXQovUmVzb3VyY2VzIDw8Ci9Qcm9jU2V0IFsgL1BERiAvVGV4dCAvSW1hZ2VCIC9JbWFnZUMgL0ltYWdlSSBdCi9Db2xvclNwYWNlIDw8Ci9DczEgNzk0IDAgUgo+Pi9FeHRHU3RhdGUgPDwKL0dzMSA3OTUgMCBSCi9HczIgNzk2IDAgUgo+Pi9Gb250IDw8IC9GMS4xIDc5NyAwIFI+PgovWE9iamVjdCA8PAovSW0yIDc5OCAwIFIKL0ltMSA3OTkgMCBSCj4+L1BhdHRlcm4gPDwKL1AxMyA4MDAgMCBSCi9QMjggODAxIDAgUgovUDE0IDgwMiAwIFIKL1AzMSA4MDMgMCBSCi9QMSA4MDQgMCBSCi9QMjQgODA1IDAgUgovUDQyIDgwNiAwIFIKL1AyMyA4MDcgMCBSCi9QNDYgODA4IDAgUgovUDI3IDgwOSAwIFIKL1AyMCA4MTAgMCBSCi9QNyA4MTEgMCBSCi9QMzkgODEyIDAgUgovUDI2IDgxMyAwIFIKL1AyNSA4MTQgMCBSCi9QMzQgODE1IDAgUgovUDgg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CmVuZG9iago4NzAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODcxIDAgb2JqCjU0CmVuZG9iago4NzIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODczIDAgb2JqCjU0CmVuZG9iago4NzQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODc1IDAgb2JqCjU0CmVuZG9iago4NzYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODc3IDAgb2JqCjU0CmVuZG9iago4NzggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODc5IDAgb2JqCjU0CmVuZG9iago4ODAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODgxIDAgb2JqCjU0CmVuZG9iago4ODIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODgzIDAgb2JqCjU0CmVuZG9iago4ODQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODg1IDAgb2JqCjU0CmVuZG9iago4ODYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODg3IDAgb2JqCjU0CmVuZG9iago4ODggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODg5IDAgb2JqCjU0CmVuZG9iago4OTAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODkxIDAgb2JqCjU0CmVuZG9iago4OTIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODkzIDAgb2JqCjU0CmVuZG9iago4OTQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODk1IDAgb2JqCjU0CmVuZG9iago4OTYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODk3IDAgb2JqCjU0CmVuZG9iago4OTggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODk5IDAgb2JqCjU0CmVuZG9iago5MDAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTAxIDAgb2JqCjU0CmVuZG9iago5MDIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTAzIDAgb2JqCjU0CmVuZG9iago5MDQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTA1IDAgb2JqCjU0CmVuZG9iago5MDYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTA3IDAgb2JqCjU0CmVuZG9iago5MDggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTA5IDAgb2JqCjU0CmVuZG9iago5MTAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTExIDAgb2JqCjU0CmVuZG9iago5MTIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTEzIDAgb2JqCjU0CmVuZG9iago5MTQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTE1IDAgb2JqCjU0CmVuZG9iago5MTYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTE3IDAgb2JqCjU0CmVuZG9iago5MTggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTE5IDAgb2JqCjU0CmVuZG9iago5MjAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTIxIDAgb2JqCjU0CmVuZG9iago5MjIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTIzIDAgb2JqCjU0CmVuZG9iago5MjQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTI1IDAgb2JqCjU0CmVuZG9iago5MjYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTI3IDAgb2JqCjU0CmVuZG9iago5MjggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTI5IDAgb2JqCjU0CmVuZG9iago5MzAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTMxIDAgb2JqCjU0CmVuZG9iago5MzIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTMzIDAgb2JqCjU0CmVuZG9iago5MzQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTM1IDAgb2JqCjU0CmVuZG9iago5MzYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTM3IDAgb2JqCjU0CmVuZG9iago5MzggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTM5IDAgb2JqCjU0CmVuZG9iago5NDAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTQxIDAgb2JqCjU0CmVuZG9iago5NDIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTQzIDAgb2JqCjU0CmVuZG9iago5NDQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTQ1IDAgb2JqCjU0CmVuZG9iago5NDYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTQ3IDAgb2JqCjU0CmVuZG9iago5NDggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTQ5IDAgb2JqCjU0CmVuZG9iago5NTAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTUxIDAgb2JqCjU0CmVuZG9iago5NTIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9J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QmFzZUZvbnQgL1pSVVNSTytDTVNZNwovRm9udERlc2NyaXB0b3IgMzcgMCBSCj4+IGVuZG9iagozNyAwIG9iaiA8PAovQXNjZW50IDc1MAovQ2FwSGVpZ2h0IDY4MwovRGVzY2VudCAtMTk0Ci9Gb250TmFtZSAvWlJVU1JPK0NNU1k3Ci9JdGFsaWNBbmdsZSAtMTQuMDM1Ci9TdGVtViA5MwovWEhlaWdodCA0MzEKL0ZvbnRCQm94IFstMTUgLTk1MSAxMjUyIDc4Ml0KL0ZsYWdzIDQKL0NoYXJTZXQgKC9jaXJjbGVjb3B5cnQpCi9Gb250RmlsZSAzOCAwIFIKPj4gZW5kb2JqCjk3NSAwIG9iagpbMTEzOSBdCmVuZG9iago5NzQgMCBvYmogPDwKL1R5cGUgL0VuY29kaW5nCi9EaWZmZXJlbmNlcyBbIDAgLy5ub3RkZWYgMTMvY2lyY2xlY29weXJ0IDE0Ly5ub3RkZWZdCj4+IGVuZG9iago5NzYgMCBvYmogPDwKL1R5cGUgL0VuY29kaW5nCi9EaWZmZXJlbmNlcyBbIDAgLy5ub3RkZWYgMS9kb3RhY2NlbnQvZmkvZmwvZnJhY3Rpb24vaHVuZ2FydW1sYXV0L0xzbGFzaC9sc2xhc2gvb2dvbmVrL3JpbmcgMTAvLm5vdGRlZiAxMS9icmV2ZS9taW51cyAxMy8ubm90ZGVmIDE0L1pjYXJvbi96Y2Fyb24vY2Fyb24vZG90bGVzc2kvZG90bGVzc2ovZmYvZmZpL2ZmbC9ub3RlcXVhbC9pbmZpbml0eS9sZXNzZXF1YWwvZ3JlYXRlcmVxdWFsL3BhcnRpYWxkaWZmL3N1bW1hdGlvbi9wcm9kdWN0L3BpL2dyYXZlL3F1b3Rlc2luZ2xlL3NwYWNlL2V4Y2xhbS9xdW90ZWRibC9udW1iZXJzaWduL2RvbGxhci9wZXJjZW50L2FtcGVyc2FuZC9xdW90ZXJpZ2h0L3BhcmVubGVmdC9wYXJlbnJpZ2h0L2FzdGVyaXNrL3BsdXMvY29tbWEvaHlwaGVuL3BlcmlvZC9zbGFzaC96ZXJvL29uZS90d28vdGhyZWUvZm91ci9maXZlL3NpeC9zZXZlbi9laWdodC9uaW5lL2NvbG9uL3NlbWljb2xvbi9sZXNzL2VxdWFsL2dyZWF0ZXIvcXVlc3Rpb24vYXQvQS9CL0MvRC9FL0YvRy9IL0kvSi9LL0wvTS9OL08vUC9RL1IvUy9UL1UvVi9XL1gvWS9aL2JyYWNrZXRsZWZ0L2JhY2tzbGFzaC9icmFja2V0cmlnaHQvYXNjaWljaXJjdW0vdW5kZXJzY29yZS9xdW90ZWxlZnQvYS9iL2MvZC9lL2YvZy9oL2kvai9rL2wvbS9uL28vcC9xL3Ivcy90L3Uvdi93L3gveS96L2JyYWNlbGVmdC9iYXIvYnJhY2VyaWdodC9hc2NpaXRpbGRlIDEyNy8ubm90ZGVmIDEyOC9FdXJvL2ludGVncmFsL3F1b3Rlc2luZ2xiYXNlL2Zsb3Jpbi9xdW90ZWRibGJhc2UvZWxsaXBzaXMvZGFnZ2VyL2RhZ2dlcmRibC9jaXJjdW1mbGV4L3BlcnRob3VzYW5kL1NjYXJvbi9ndWlsc2luZ2xsZWZ0L09FL09tZWdhL3JhZGljYWwvYXBwcm94ZXF1YWwgMTQ0Ly5ub3RkZWYgMTQ3L3F1b3RlZGJsbGVmdC9xdW90ZWRibHJpZ2h0L2J1bGxldC9lbmRhc2gvZW1kYXNoL3RpbGRlL3RyYWRlbWFyay9zY2Fyb24vZ3VpbHNpbmdscmlnaHQvb2UvRGVsdGEvbG96ZW5nZS9ZZGllcmVzaXMgMTYwLy5ub3RkZWYgMTYxL2V4Y2xhbWRvd24vY2VudC9zdGVybGluZy9jdXJyZW5jeS95ZW4vYnJva2VuYmFyL3NlY3Rpb24vZGllcmVzaXMvY29weXJpZ2h0L29yZGZlbWluaW5lL2d1aWxsZW1vdGxlZnQvbG9naWNhbG5vdC9oeXBoZW4vcmVnaXN0ZXJlZC9tYWNyb24vZGVncmVlL3BsdXNtaW51cy90d29zdXBlcmlvci90aHJlZXN1cGVyaW9yL2FjdXRlL211L3BhcmFncmFwaC9wZXJpb2RjZW50ZXJlZC9jZWRpbGxhL29uZXN1cGVyaW9yL29yZG1hc2N1bGluZS9ndWlsbGVtb3RyaWdodC9vbmVxdWFydGVyL29uZWhhbGYvdGhyZWVxdWFydGVycy9xdWVzdGlvbmRvd24vQWdyYXZlL0FhY3V0ZS9BY2lyY3VtZmxleC9BdGlsZGUvQWRpZXJlc2lzL0FyaW5nL0FFL0NjZWRpbGxhL0VncmF2ZS9FYWN1dGUvRWNpcmN1bWZsZXgvRWRpZXJlc2lzL0lncmF2ZS9JYWN1dGUvSWNpcmN1bWZsZXgvSWRpZXJlc2lzL0V0aC9OdGlsZGUvT2dyYXZlL09hY3V0ZS9PY2lyY3VtZmxleC9PdGlsZGUvT2RpZXJlc2lzL211bHRpcGx5L09zbGFzaC9VZ3JhdmUvVWFjdXRlL1VjaXJjdW1mbGV4L1VkaWVyZXNpcy9ZYWN1dGUvVGhvcm4vZ2VybWFuZGJscy9hZ3JhdmUvYWFjdXRlL2FjaXJjdW1mbGV4L2F0aWxkZS9hZGllcmVzaXMvYXJpbmcvYWUvY2NlZGlsbGEvZWdyYXZlL2VhY3V0ZS9lY2lyY3VtZmxleC9lZGllcmVzaXMvaWdyYXZlL2lhY3V0ZS9pY2lyY3VtZmxleC9pZGllcmVzaXMvZXRoL250aWxkZS9vZ3JhdmUvb2FjdXRlL29jaXJjdW1mbGV4L290aWxkZS9vZGllcmVzaXMvZGl2aWRlL29zbGFzaC91Z3JhdmUvdWFjdXRlL3VjaXJjdW1mbGV4L3VkaWVyZXNpcy95YWN1dGUvdGhvcm4veWRpZXJlc2lzXQo+PiBlbmRvYmoKMzUgMCBvYmogPDwKL0xlbmd0aDEgMTY0NAovTGVuZ3RoMiA3MTY5Ci9MZW5ndGgzIDUzMgovTGVuZ3RoIDgwMDEgICAgICAKL0ZpbHRlciAvRmxhdGVEZWNvZGUKPj4Kc3RyZWFtCnja7XdnPJzf1na0EL2XRGT0Fozeu+i9d8YYDGNGxhCi995rEFEToovookUXhBAtMXonOkG8kv97znl+5znPl+ecT+/vnS9z77X2ula51l77vlkZdQ145O0RdhBlBBzFw88LlABoQ13tPNz1Ea7aCHFNHn2IowfgVi6Mz8qqiISAUFAEXAmEgkgATCD2ACUIGCAgAOAXFxfHZwUoIty8kVBHJxSAw0jfhJOb+/E/JL+3AOy8/6a5tXSHOsIBbLcPnhAYws0VAkfdQvyvDQ0gEADKCQJwgMIgAEUdXTM1bRUAh4q2EUAFAocgQTCArocdDAoGaELBELg7hBPggEACYH8tAGAE3B76OzV33lsseXcACODuBgFDb80gXmCI22/VY4AbBOkKdXe/fQZA3QGOSBAcdVsDFAIAhYNhHva/A7iVOyD+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IC9UeXBlMQovRW5jb2RpbmcgOTgyIDAgUgovRmlyc3RDaGFyIDMzCi9MYXN0Q2hhciAxMjUKL1dpZHRocyA5ODMgMCBSCi9CYXNlRm9udCAvUlJMRExCK0NNVFQ5Ci9Gb250RGVzY3JpcHRvciAyMiAwIFIKPj4gZW5kb2JqCjIyIDAgb2JqIDw8Ci9Bc2NlbnQgNjExCi9DYXBIZWlnaHQgNjExCi9EZXNjZW50IC0yMjIKL0ZvbnROYW1lIC9SUkxETEIrQ01UVDkKL0l0YWxpY0FuZ2xlIDAKL1N0ZW1WIDc0Ci9YSGVpZ2h0IDQzMQovRm9udEJCb3ggWy02IC0yMzMgNTQyIDY5OF0KL0ZsYWdzIDQKL0NoYXJTZXQgKC9leGNsYW0vcGFyZW5sZWZ0L3BhcmVucmlnaHQvYXN0ZXJpc2svcGx1cy9jb21tYS9oeXBoZW4vcGVyaW9kL3NsYXNoL3plcm8vb25lL3R3by90aHJlZS9mb3VyL2ZpdmUvc2l4L3NldmVuL2VpZ2h0L2NvbG9uL3NlbWljb2xvbi9sZXNzL2VxdWFsL2F0L0EvQy9GL0kvTC9OL1MvVC9icmFja2V0bGVmdC9icmFja2V0cmlnaHQvdW5kZXJzY29yZS9hL2IvYy9kL2UvZi9nL2gvaS9qL2svbC9tL24vby9wL3Evci9zL3QvdS92L3cveC95L3ovYnJhY2VsZWZ0L2JyYWNlcmlnaHQpCi9Gb250RmlsZSAyMyAwIFIKPj4gZW5kb2JqCjk4MyAwIG9iagpbNTI1IDAgMCAwIDAgMCAwIDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgMCA1MjUgNTI1IDUyNSA1MjUgMCAwIDUyNSA1MjUgMCA1MjUgMCAwIDUyNSAwIDAgNTI1IDAgMCA1MjUgMCA1MjUgMCAwIDAgMCA1MjUgNTI1IDAgMCAwIDAgMCAwIDUyNSAwIDUyNSAwIDUyNSAwIDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1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02sZzRHPleaHaJ9UZzUqzHkLCSmTHu2nuLNXF9XkH9xUvTNnNldaB1T51ycmxkD/2eYJ9WVYiucVHi2BF/agUkE1KuzJSQ44hosNByr8P2P8H/BfAbg/9XANCvb3dQ3yYfwPJOzaYmVuZHN0cmVhbQplbmRvYmoKOSAwIG9iaiA8PAovVHlwZSAvRm9udAovU3VidHlwZSAvVHlwZTEKL0VuY29kaW5nIDk3NiAwIFIKL0ZpcnN0Q2hhciAyCi9MYXN0Q2hhciAxNjgKL1dpZHRocyA5OTIgMCBSCi9CYXNlRm9udCAvS1VZR1VQK05pbWJ1c1JvbU5vOUwtUmVndQovRm9udERlc2NyaXB0b3IgNyAwIFIKPj4gZW5kb2JqCjcgMCBvYmogPDwKL0FzY2VudCA2NzgKL0NhcEhlaWdodCA2NTEKL0Rlc2NlbnQgLTIxNgovRm9udE5hbWUgL0tVWUdVUCtOaW1idXNSb21ObzlMLVJlZ3UKL0l0YWxpY0FuZ2xlIDAKL1N0ZW1WIDg1Ci9YSGVpZ2h0IDQ1MAovRm9udEJCb3ggWy0xNjggLTI4MSAxMDAwIDkyNF0KL0ZsYWdzIDQKL0NoYXJTZXQgKC9maS9mbC9kb3RsZXNzaS9kb2xsYXIvcGVyY2VudC9xdW90ZXJpZ2h0L3BhcmVubGVmdC9wYXJlbnJpZ2h0L3BsdXMvY29tbWEvaHlwaGVuL3BlcmlvZC9zbGFzaC96ZXJvL29uZS90d28vdGhyZWUvZm91ci9maXZlL3NpeC9zZXZlbi9laWdodC9uaW5lL2NvbG9uL3NlbWljb2xvbi9BL0IvQy9EL0UvRi9HL0gvSS9KL0svTC9NL04vTy9QL1EvUi9TL1QvVS9WL1cvWC9ZL1ovYnJhY2tldGxlZnQvYnJhY2tldHJpZ2h0L2EvYi9jL2QvZS9mL2cvaC9pL2ovay9sL20vbi9vL3AvcS9yL3MvdC91L3Yvdy94L3kvei9xdW90ZWRibGxlZnQvcXVvdGVkYmxyaWdodC9lbmRhc2gvZW1kYXNoL2RpZXJlc2lzKQovRm9udEZpbGUgOCAwIFIKPj4gZW5kb2JqCjk5MiAwIG9iagpbNTU2IDU1NiAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDI3OCAwIDAgMCAwIDAgMCAwIDAgMCAw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MiA3NzggNjExIDAgNzIyIDU1NiA2NjcgMCA3MjIgMTAwMCAwIDAgMCAwIDAgMCAwIDAgMCA1MDAgNTU2IDQ0NCA1NTYgNDQ0IDMzMyA1MDAgNTU2IDI3OCAzMzMgNTU2IDI3OCA4MzMgNTU2IDUwMCA1NTYgMCA0NDQgMzg5IDMzMyA1NTYgNTAwIDcyMiA1MDAgNTAwIDQ0NCBdCmVuZG9iago0MCAwIG9iaiA8PAovVHlwZSAvUGFnZXMKL0NvdW50IDYKL1BhcmVudCA5OTQgMCBSCi9LaWRzIFsyIDAgUiA0MyAwIFIgMTA0IDAgUiAxMTAgMCBSIDExNiAwIFIgMTIyIDAgUl0KPj4gZW5kb2JqCjE2MSAwIG9iaiA8PAovVHlwZSAvUGFnZXMKL0NvdW50IDYKL1BhcmVudCA5OTQgMCBSCi9LaWRzIFsxNTYgMCBSIDE5MyAwIFIgMTk2IDAgUiAyMDIgMCBSIDIxNyAwIFIgNzg3IDAgUl0KPj4gZW5kb2JqCjc5MiAwIG9iaiA8PAovVHlwZSAvUGFnZXMKL0NvdW50IDIKL1BhcmVudCA5OTQgMCBSCi9LaWRzIFs3OTAgMCBSIDk2NiAwIFJdCj4+IGVuZG9iago5OTQgMCBvYmogPDwKL1R5cGUgL1BhZ2VzCi9Db3VudCAxNAovS2lkcyBbNDAgMCBSIDE2MSAwIFIgNzkyIDAgUl0KPj4gZW5kb2JqCjk5NSAwIG9iaiA8PAovVHlwZSAvQ2F0YWxvZwovUGFnZXMgOTk0IDAgUgo+PiBlbmRvYmoKOTk2IDAgb2JqIDw8Ci9Qcm9kdWNlciAocGRmZVRlWC0xLjIxYSkKL0NyZWF0b3IgKFRlWCkKL0NyZWF0aW9uRGF0ZSAoRDoyMDA5MDQwMTE2MzkyNS0wNycwMCcpCi9QVEVYLkZ1bGxiYW5uZXIgKFRoaXMgaXMgcGRmZVRlWCwgVmVyc2lvbiAzLjE0MTU5Mi0xLjIxYS0yLjIgKFdlYjJDIDcuNS40KSBrcGF0aHNlYSB2ZXJzaW9uIDMuNS42KQo+PiBlbmRvYmoKeHJlZgowIDk5NwowMDAwMDAwMDAwIDY1NTM1IGYgCjAwMDAwMDQ4MTQgMDAwMDAgbiAKMDAwMDAwNDcwOSAwMDAwMCBuIAowMDAwMDAwMDA5IDAwMDAwIG4gCjAwMDA5OTQ5MDEgMDAwMDAgbiAKMDAwMDk3OTY1NSAwMDAwMCBuIAowMDAwOTk0NzMxIDAwMDAwIG4gCjAwMDA5Nzg1ODkgMDAwMDAgbiAKMDAwMDk1ODIyNCAwMDAwMCBuIAowMDAwOTc4NDIwIDAwMDAwIG4gCjAwMDA5NTc4NDMgMDAwMDAgbiAKMDAwMDk1NjIyNCAwMDAwMCBuIAowMDAwOTU3Njg2IDAwMDAwIG4gCjAwMDA5NTU4NDggMDAwMDAgbiAKMDAwMDk1MzQzNiAwMDAwMCBuIAowMDAwOTU1NjkxIDAwMDAwIG4gCjAwMDA5NTMxMTAgMDAwMDAgbiAKMDAwMDk1MTU1OCAwMDAwMCBuIAowMDAwOTUyOTU0IDAwMDAwIG4gCjAwMDA5NTA5ODcgMDAwMDAgbiAKMDAwMDk0OTE2MyAwMDAwMCBuIAowMDAwOTUwODI5IDAwMDAwIG4gCjAwMDA5NDc4MjcgMDAwMDAgbiAKMDAwMDkzNzIwOCAwMDAwMCBuIAowMDAwOTQ3NjY4IDAwMDAwIG4gCjAwMDA5MzY3MTEgMDAwMDAgbiAKMDAwMDkzMzA4NiAwMDAwMCBuIAowMDAwOTM2NTU0IDAwMDAwIG4gCjAwMDA5MzI2NDEgMDAwMDAgbiAKMDAwMDkyMjczMCAwMDAwMCBuIAowMDAwOTMyNDY1IDAwMDAwIG4gCjAwMDA5MjE5ODMgMDAwMDAgbiAKMDAwMDkwNzM0OSAwMDAwMCBuIAowMDAwOTIxODA4IDAwMDAwIG4gCjAwMDA5MDY5NzYgMDAwMDAgbiAKMDAwMDg5ODY3NCAwMDAwMCBuIAowMDAwOTA2Nzk1IDAwMDAwIG4gCjAwMDA4OTY0NTYgMDAwMDAgbiAKMDAwMDg5NDk4NyAwMDAwMCBuIAowMDAwODk2Mjk4IDAwMDAwIG4gCjAwMDA5OTU1NjQgMDAwMDAgbiAKMDAwMDAxMDI2NiAwMDAwMCBuIAowMDAwMDU0MjAwIDAwMDAwIG4gCjAwMDAwMTAxNTggMDAwMDAgbiAKMDAwMDAwNTAxMyAwMDAwMCBuIAowMDAwMDE1NDA2IDAwMDAwIG4gCjAwMDAwMTU2MDcgMDAwMDAgbiAKMDAwMDAxNTY0MiAwMDAwMCBuIAowMDAwMDE1Njc3IDAwMDAwIG4gCjAwMDAwMTU4NTQgMDAwMDAgbiAKMDAwMDAxNjAzNiAwMDAwMCBuIAowMDAwMDE2MzQ0IDAwMDAwIG4gCjAwMDAwMTY2MzcgMDAwMDAgbiAKMDAwMDAxNjkzMCAwMDAwMCBuIAowMDAwMDE3MTkwIDAwMDAwIG4gCjAwMDAwMTc0NTcgMDAwMDAgbiAKMDAwMDAxNzc2NSAwMDAwMCBuIAowMDAwMDE4MDY5IDAwMDAwIG4gCjAwMDAwMTgzMzUgMDAwMDAgbiAKMDAwMDAxODY1MiAwMDAwMCBuIAowMDAwMDE4OTQ1IDAwMDAwIG4gCjAwMDAwMTg5NjYgMDAwMDAgbiAKMDAwMDAxOTg2MCAwMDAwMCBuIAowMDAwMDIwNjY3IDAwMDAwIG4gCjAwMDAwMjA5MDYgMDAwMDAgbiAKMDAwMDAyMTM3MyAwMDAwMCBuIAowMDAwMDIxNjIwIDAwMDAwIG4gCjAwMDAwMjE4NzEgMDAwMDAgbiAKMDAwMDAyMTg5MSAwMDAwMCBuIAowMDAwMDIzODMwIDAwMDAwIG4gCjAwMDAwMjM4NTAgMDAwMDAgbiAKMDAwMDAyNTcyMCAwMDAwMCBuIAowMDAwMDI1NzQwIDAwMDAwIG4gCjAwMDAwMjcyNzAgMDAwMDAgbiAKMDAwMDAyNzI4OSAwMDAwMCBuIAowMDAwMDI4Nzc3IDAwMDAwIG4gCjAwMDAwMjg3OTYgMDAwMDAgbiAKMDAwMDAzMDAyMiAwMDAwMCBuIAowMDAwMDMwMDQyIDAwMDAwIG4gCjAwMDAwMzE5ODEgMDAwMDAgbiAKMDAwMDAzMjAwMSAwMDAwMCBuIAowMDAwMDMzOTc2IDAwMDAwIG4gCjAwMDAwMzM5OTUgMDAwMDAgbiAKMDAwMDAzNTExNyAwMDAwMCBuIAowMDAwMDM1MTM3IDAwMDAwIG4gCjAwMDAwMzY3MTAgMDAwMDAgbiAKMDAwMDAzNjczMCAwMDAwMCBuIAowMDAwMDM4MjYxIDAwMDAwIG4gCjAwMDAwMzgyODEgMDAwMDAgbiAKMDAwMDAzODMwMSAwMDAwMCBuIAowMDAwMDQ2ODQyIDAwMDAwIG4gCjAwMDAwNTM5NDYgMDAwMDAgbiAKMDAwMDA1Mzk2NyAwMDAwMCBuIAowMDAwMDUzOTg4IDAwMDAwIG4gCjAwMDAwNTQwMDkgMDAwMDAgbiAKMDAwMDA1NDAzMCAwMDAwMCBuIAowMDAwMDU0MDUxIDAwMDAwIG4gCjAwMDAwNTQwNzIgMDAwMDAgbiAKMDAwMDA1NDA5MyAwMDAwMCBuIAowMDAwMDU0MTEzIDAwMDAwIG4gCjAwMDAwNTQxMzQgMDAwMDAgbiAKMDAwMDA1NDE1NiAwMDAwMCBuIAowMDAwMDU0MTc4IDAwMDAwIG4gCjAwMDAwNTgwMzcgMDAwMDAgbiAKMDAwMDA1NzkyNiAwMDAwMCBuIAowMDAwMDU0MzQzIDAwMDAwIG4gCjAwMDA4OTQxOTMgMDAwMDAgbiAKMDAwMDg4ODg2NCAwMDAwMCBuIAowMDAwODk0MDMyIDAwMDAwIG4gCjAwMDAwNjQ2NDkgMDAwMDAgbiAKMDAwMDA2NDUzOCAwMDAwMCBuIAowMDAwMDU4MTY3IDAwMDAwIG4gCjAwMDA4ODgzMzAgMDAwMDAgbiAKMDAwMDg4NTE1MSAwMDAwMCBuIAowMDAwODg4MTY5IDAwMDAwIG4gCjAwMDAwNzE0MTIgMDAwMDAgbiAKMDAwMDA3MTMwMSAwMDAwMCBuIAowMDAwMDY0NzkyIDAwMDAwIG4gCjAwMDAwNzY1NzAgMDAwMDAgbiAKMDAwMDA5MjQzNyAwMDAwMCBuIAowMDAwMTE3NjY2IDAwMDAwIG4gCjAwMDAxMTIyMjkgMDAwMDAgbiAKMDAwMDA3NjQ1OSAwMDAwMCBuIAowMDAwMDcxNTE3IDAwMDAwIG4gCjAwMDAwODA3ODcgMDAwMDAgbiAKMDAwMDA4MDk5OCAwMDAwMCBuIAowMDAwMDgxMDM1IDAwMDAwIG4gCjAwMDAwODEwNzIgMDAwMDAgbiAKMDAwMDA4MTI0NSAwMDAwMCBuIAowMDAwMDgxMjY3IDAwMDAwIG4gCjAwMDAwODIxNjMgMDAwMDAgbiAKMDAwMDA4Mjk3MiAwMDAwMCBuIAowMDAwMDgzMjAzIDAwMDAwIG4gCjAwMDAwODMzMDMgMDAwMDAgbiAKMDAwMDA4MzcyOSAwMDAwMCBuIAowMDAwMDgzNzUwIDAwMDAwIG4gCjAwMDAwODM3NzEgMDAwMDAgbiAKMDAwMDA5MjM5NCAwMDAwMCBuIAowMDAwMDkyNDE1IDAwMDAwIG4gCjAwMDAwOTg4MTAgMDAwMDAgbiAKMDAwMDA5OTAyMSAwMDAwMCBuIAowMDAwMDk5MDU4IDAwMDAwIG4gCjAwMDAwOTkwOTUgMDAwMDAgbiAKMDAwMDA5OTI2OCAwMDAwMCBuIAowMDAwMDk5MjkwIDAwMDAwIG4gCjAwMDAxMDAwOTkgMDAwMDAgbiAKMDAwMDEwMDk5NSAwMDAwMCBuIAowMDAwMTAxMjI2IDAwMDAwIG4gCjAwMDAxMDEzNTggMDAwMDAgbiAKMDAwMDEwMTgyNyAwMDAwMCBuIAowMDAwMTAxODQ4IDAwMDAwIG4gCjAwMDAxMDE4NjkgMDAwMDAgbiAKMDAwMDExMjE4NSAwMDAwMCBuIAowMDAwMTEyMjA2IDAwMDAwIG4gCjAwMDAxMzk0MzQgMDAwMDAgbiAKMDAwMDE1ODY2OSAwMDAwMCBuIAowMDAwMTE3NTU0IDAwMDAwIG4gCjAwMDAxMTI0MTIgMDAwMDAgbiAKMDAwMDg4NDY0NyAwMDAwMCBuIAowMDAwODgxODc5IDAwMDAwIG4gCjAwMDA4ODQ0ODggMDAwMDAgbiAKMDAwMDk5NTY3NyAwMDAwMCBuIAowMDAwMTI2MDYwIDAwMDAwIG4gCjAwMDAxMjYyNzEgMDAwMDAgbiAKMDAwMDEyNjMwOCAwMDAwMCBuIAowMDAwMTI2MzQ1IDAwMDAwIG4gCjAwMDAxMjY1MTggMDAwMDAgbiAKMDAwMDEyNjU0MCAwMDAwMCBuIAowMDAwMTI3NDM2IDAwMDAwIG4gCjAwMDAxMjgyNDUgMDAwMDAgbiAKMDAwMDEyODQ3NiAwMDAwMCBuIAowMDAwMTI4NjA0IDAwMDAwIG4gCjAwMDAxMjkwNDQgMDAwMDAgbiAKMDAwMDEyOTA2NSAwMDAwMCBuIAowMDAwMTI5MDg2IDAwMDAwIG4gCjAwMDAxMzkzOTAgMDAwMDAgbiAKMDAwMDEzOTQxMSAwMDAwMCBuIAowMDAwMTQ2MzQ3IDAwMDAwIG4gCjAwMDAxNDY1NTggMDAwMDAgbiAKMDAwMDE0NjU5NSAwMDAwMCBuIAowMDAwMTQ2NjMyIDAwMDAwIG4gCjAwMDAxNDY4MDUgMDAwMDAgbiAKMDAwMDE0NjgyNyAwMDAwMCBuIAowMDAwMTQ3NzIzIDAwMDAwIG4gCjAwMDAxNDg1MzIgMDAwMDAgbiAKMDAwMDE0ODc2MyAwMDAwMCBuIAowMDAwMTQ4ODYzIDAwMDAwIG4gCjAwMDAxNDkyNzcgMDAwMDAgbiAKMDAwMDE0OTI5OCAwMDAwMCBuIAowMDAwMTQ5MzE5IDAwMDAwIG4gCjAwMDAxNTg2MjYgMDAwMDAgbiAKMDAwMDE1ODY0NyAwMDAwMCBuIAowMDAwMTY1MzQ1IDAwMDAwIG4gCjAwMDAxNjUyMzMgMDAwMDAgbiAKMDAwMDE1ODg1NCAwMDAwMCBuIAowMDAwMTcxNTg4IDAwMDAwIG4gCjAwMDAxNzE0NzYgMDAwMDAgbiAKMDAwMDE2NTUyNSAwMDAwMCBuIAowMDAwMjA0MTkyIDAwMDAwIG4gCjAwMDAxNzcyODMgMDAwMDAgbiAKMDAwMDgyNjQwNSAwMDAwMCBuIAowMDAwMjAwMzE2IDAwMDAwIG4gCjAwMDAxNzcxNzEgMDAwMDAgbiAKMDAwMDE3MTY5MyAwMDAwMCBuIAowMDAwMTgyOTE2IDAwMDAwIG4gCjAwMDAxODMxNDAgMDAwMDAgbiAKMDAwMDE4MzE3NyAwMDAwMCBuIAowMDAwMTgzMzQ1IDAwMDAwIG4gCjAwMDAxODMzNjcgMDAwMDAgbiAKMDAwMDE4NDI2MyAwMDAwMCBuIAowMDAwMTg0NDg3IDAwMDAwIG4gCjAwMDAxODQ2ODMgMDAwMDAgbiAKMDAwMDE4NDk2NyAwMDAwMCBuIAowMDAwMTg0OTg4IDAwMDAwIG4gCjAwMDAyMDAyNzIgMDAwMDAgbiAKMDAwMDIwMDI5MyAwMDAwMCBuIAowMDAwODE2ODgwIDAwMDAwIG4gCjAwMDAyMDQwODAgMDAwMDAgbiAKMDAwMDIwMDQzNyAwMDAwMCBuIAowMDAwNTkzNDYwIDAwMDAwIG4gCjAwMDA1OTM2NTYgMDAwMDAgbiAKMDAwMDU5MzY5MyAwMDAwMCBuIAowMDAwNTkzODYxIDAwMDAwIG4gCjAwMDA1OTQxNDAgMDAwMDAgbiAKMDAwMDU5NDQwMSAwMDAwMCBuIAowMDAwNTk0NzM4IDAwMDAwIG4gCjAwMDA1OTUwMDYgMDAwMDAgbiAKMDAwMDU5NTMyMyAwMDAwMCBuIAowMDAwNTk1NTk1IDAwMDAwIG4gCjAwMDA1OTU4NjUgMDAwMDAgbiAKMDAwMDU5NjI2MCAwMDAwMCBuIAowMDAwNTk2NTIyIDAwMDAwIG4gCjAwMDA1OTY4MTEgMDAwMDAgbiAKMDAwMDU5NzEwNyAwMDAwMCBuIAowMDAwNTk3Mzg5IDAwMDAwIG4gCjAwMDA1OTc3MDYgMDAwMDAgbiAKMDAwMDU5Nzk4MSAwMDAwMCBuIAowMDAwNTk4MjQyIDAwMDAwIG4gCjAwMDA1OTg2NTEgMDAwMDAgbiAKMDAwMDU5ODkxNSAwMDAwMCBuIAowMDAwNTk5MTgzIDAwMDAwIG4gCjAwMDA1OTk0NzUgMDAwMDAgbiAKMDAwMDU5OTc3NyAwMDAwMCBuIAowMDAwNjAwMDUwIDAwMDAwIG4gCjAwMDA2MDA0NjYgMDAwMDAgbiAKMDAwMDYwMDc0OCAwMDAwMCBuIAowMDAwNjAxMDI3IDAwMDAwIG4gCjAwMDA2MDEzOTUgMDAwMDAgbiAKMDAwMDYwMTY4NiAwMDAwMCBuIAowMDAwNjAyMDYwIDAwMDAwIG4gCjAwMDA2MDIzNDIgMDAwMDAgbiAKMDAwMDYwMjYyNyAwMDAwMCBuIAowMDAwNjAyOTU4IDAwMDAwIG4gCjAwMDA2MDMyNDEgMDAwMDAgbiAKMDAwMDYwMzUzMSAwMDAwMCBuIAowMDAwNjAzNzk0IDAwMDAwIG4gCjAwMDA2MDQxMTUgMDAwMDAgbiAKMDAwMDYwNDQxNyAwMDAwMCBuIAowMDAwNjA1MTAyIDAwMDAwIG4gCjAwMDA2MDU0NjQgMDAwMDAgbiAKMDAwMDYwNTg1NSAwMDAwMCBuIAowMDAwNjA2MTM3IDAwMDAwIG4gCjAwMDA2MDY0MjYgMDAwMDAgbiAKMDAwMDYwNjcwOCAwMDAwMCBuIAowMDAwNjA3MDAzIDAwMDAwIG4gCjAwMDA2MDczMDMgMDAwMDAgbiAKMDAwMDYwNzU3NyAwMDAwMCBuIAowMDAwNjA3ODg1IDAwMDAwIG4gCjAwMDA2MDgxNzcgMDAwMDAgbiAKMDAwMDYwODQ1MiAwMDAwMCBuIAowMDAwNjA4NzM0IDAwMDAwIG4gCjAwMDA2MDkwNjUgMDAwMDAgbiAKMDAwMDYwOTM0MCAwMDAwMCBuIAowMDAwNjA5NjU2IDAwMDAwIG4gCjAwMDA2MDk5NDYgMDAwMDAgbiAKMDAwMDYxMDIxMCAwMDAwMCBuIAowMDAwNjEwNTA3IDAwMDAwIG4gCjAwMDA2MTA4NTYgMDAwMDAgbiAKMDAwMDYxMTE1MCAwMDAwMCBuIAowMDAwNjExNTQ2IDAwMDAwIG4gCjAwMDA2MTE5MDkgMDAwMDAgbiAKMDAwMDYxMjU4OCAwMDAwMCBuIAowMDAwNjEyODUxIDAwMDAwIG4gCjAwMDA2MTMxMjcgMDAwMDAgbiAKMDAwMDYxMzQyMyAwMDAwMCBuIAowMDAwNjEzNzUwIDAwMDAwIG4gCjAwMDA2MTQwNDIgMDAwMDAgbiAKMDAwMDYxNDMwMiAwMDAwMCBuIAowMDAwNjE0NjMxIDAwMDAwIG4gCjAwMDA2MTUwMjkgMDAwMDAgbiAKMDAwMDYxNTM3NyAwMDAwMCBuIAowMDAwNjE1NzI0IDAwMDAwIG4gCjAwMDA2MTYwMjYgMDAwMDAgbiAKMDAwMDYxNjMyOCAwMDAwMCBuIAowMDAwNjE2NjQ5IDAwMDAwIG4gCjAwMDA2MTY5MTUgMDAwMDAgbiAKMDAwMDYxNzI0OCAwMDAwMCBuIAowMDAwNjE3NTkwIDAwMDAwIG4gCjAwMDA2MTc5MjEgMDAwMDAgbiAKMDAwMDYxODM5MCAwMDAwMCBuIAowMDAwNjE4ODE2IDAwMDAwIG4gCjAwMDA2MTg5NzEgMDAwMDAgbiAKMDAwMDYxOTEyNiAwMDAwMCBuIAowMDAwNjE5MjgxIDAwMDAwIG4gCjAwMDA2MTk0MzQgMDAwMDAgbiAKMDAwMDYxOTU4OSAwMDAwMCBuIAowMDAwNjE5NzQ0IDAwMDAwIG4gCjAwMDA2MTk4OTkgMDAwMDAgbiAKMDAwMDYyMDA1NCAwMDAwMCBuIAowMDAwNjIwMjA5IDAwMDAwIG4gCjAwMDA2MjAzNjQgMDAwMDAgbiAKMDAwMDYyMDUxOSAwMDAwMCBuIAowMDAwNjIwNjc0IDAwMDAwIG4gCjAwMDA2MjA4MjkgMDAwMDAgbiAKMDAwMDYyMDk4MiAwMDAwMCBuIAowMDAwNjIxMTM3IDAwMDAwIG4gCjAwMDA2MjEyOTAgMDAwMDAgbiAKMDAwMDYyMTQ0NSAwMDAwMCBuIAowMDAwNjIxNTk4IDAwMDAwIG4gCjAwMDA2MjE3NTEgMDAwMDAgbiAKMDAwMDYyMTkwOCAwMDAwMCBuIAowMDAwNjIyMDYzIDAwMDAwIG4gCjAwMDA2MjIyMTggMDAwMDAgbiAKMDAwMDYyMjM3MyAwMDAwMCBuIAowMDAwNjIyNTI4IDAwMDAwIG4gCjAwMDA2MjI2ODMgMDAwMDAgbiAKMDAwMDYyMjgzOCAwMDAwMCBuIAowMDAwNjIyOTkzIDAwMDAwIG4gCjAwMDA2MjMxNDggMDAwMDAgbiAKMDAwMDYyMzMwMyAwMDAwMCBuIAowMDAwNjIzNDYwIDAwMDAwIG4gCjAwMDA2MjM2MTUgMDAwMDAgbiAKMDAwMDYyMzc3MCAwMDAwMCBuIAowMDAwNjIzOTI3IDAwMDAwIG4gCjAwMDA2MjQwODIgMDAwMDAgbiAKMDAwMDYyNDIzNyAwMDAwMCBuIAowMDAwNjI0MzkyIDAwMDAwIG4gCjAwMDA2MjQ1NDcgMDAwMDAgbiAKMDAwMDYyNDcwMCAwMDAwMCBuIAowMDAwNjI0ODU1IDAwMDAwIG4gCjAwMDA2MjUwMTAgMDAwMDAgbiAKMDAwMDYyNTE2NSAwMDAwMCBuIAowMDAwNjI1MzIwIDAwMDAwIG4gCjAwMDA2MjU0NzcgMDAwMDAgbiAKMDAwMDYyNTYzMiAwMDAwMCBuIAowMDAwNjI1Nzg3IDAwMDAwIG4gCjAwMDA2MjU5NDIgMDAwMDAgbiAKMDAwMDYyNjA5NyAwMDAwMCBuIAowMDAwNjI2MjUyIDAwMDAwIG4gCjAwMDA2MjY0MDcgMDAwMDAgbiAKMDAwMDYyNjU2MiAwMDAwMCBuIAowMDAwNjI2NzE3IDAwMDAwIG4gCjAwMDA2MjY4NzIgMDAwMDAgbiAKMDAwMDYyNzAyNyAwMDAwMCBuIAowMDAwNjI3MTgyIDAwMDAwIG4gCjAwMDA2MjczMzcgMDAwMDAgbiAKMDAwMDYyNzQ5MiAwMDAwMCBuIAowMDAwNjI3NjQ3IDAwMDAwIG4gCjAwMDA2Mjc4MDIgMDAwMDAgbiAKMDAwMDYyNzk1OSAwMDAwMCBuIAowMDAwNjI4MTE0IDAwMDAwIG4gCjAwMDA2MjgyNjkgMDAwMDAgbiAKMDAwMDYyODQyNCAwMDAwMCBuIAowMDAwNjI4NTc5IDAwMDAwIG4gCjAwMDA2Mjg3MzQgMDAwMDAgbiAKMDAwMDYyODg4OSAwMDAwMCBuIAowMDAwNjI5MDQ0IDAwMDAwIG4gCjAwMDA2MjkxOTcgMDAwMDAgbiAKMDAwMDYyOTM1MCAwMDAwMCBuIAowMDAwNjI5NTA1IDAwMDAwIG4gCjAwMDA2Mjk2NjAgMDAwMDAgbiAKMDAwMDYyOTgxNSAwMDAwMCBuIAowMDAwNjI5OTcwIDAwMDAwIG4gCjAwMDA2MzAxMjcgMDAwMDAgbiAKMDAwMDYzMDI4MiAwMDAwMCBuIAowMDAwNjMwNDM3IDAwMDAwIG4gCjAwMDA2MzA1OTIgMDAwMDAgbiAKMDAwMDYzMDc0NyAwMDAwMCBuIAowMDAwNjMwOTAyIDAwMDAwIG4gCjAwMDA2MzEwNTcgMDAwMDAgbiAKMDAwMDYzMTIxMiAwMDAwMCBuIAowMDAwNjMxMzY3IDAwMDAwIG4gCjAwMDA2MzEzOTEgMDAwMDAgbiAKMDAwMDYzMjI4NyAwMDAwMCBuIAowMDAwNjMyNTA5IDAwMDAwIG4gCjAwMDA2MzI1OTcgMDAwMDAgbiAKMDAwMDYzMjg4MSAwMDAwMCBuIAowMDAwNjMyOTAxIDAwMDAwIG4gCjAwMDA2MzM4MzYgMDAwMDAgbiAKMDAwMDYzMzg1NiAwMDAwMCBuIAowMDAwNjM1MDA4IDAwMDAwIG4gCjAwMDA2MzUwMjkgMDAwMDAgbiAKMDAwMDYzNjI0OCAwMDAwMCBuIAowMDAwNjM2MjY4IDAwMDAwIG4gCjAwMDA2MzcyMDAgMDAwMDAgbiAKMDAwMDYzNzIyMSAwMDAwMCBuIAowMDAwNjM4MjA1IDAwMDAwIG4gCjAwMDA2MzgyMjUgMDAwMDAgbiAKMDAwMDYzOTIyNyAwMDAwMCBuIAowMDAwNjM5MjQ3IDAwMDAwIG4gCjAwMDA2NDAzNzEgMDAwMDAgbiAKMDAwMDY0MDM5MiAwMDAwMCBuIAowMDAwNjQxNTg3IDAwMDAwIG4gCjAwMDA2NDE2MDcgMDAwMDAgbiAKMDAwMDY0MjY1MyAwMDAwMCBuIAowMDAwNjQyNjczIDAwMDAwIG4gCjAwMDA2NDM1MzQgMDAwMDAgbiAKMDAwMDY0MzU1NCAwMDAwMCBuIAowMDAwNjQ0NzE5IDAwMDAwIG4gCjAwMDA2NDQ3MzkgMDAwMDAgbiAKMDAwMDY0NTc3MiAwMDAwMCBuIAowMDAwNjQ1NzkzIDAwMDAwIG4gCjAwMDA2NDcwMTEgMDAwMDAgbiAKMDAwMDY0NzAzMSAwMDAwMCBuIAowMDAwNjQ4MTczIDAwMDAwIG4gCjAwMDA2NDgxOTMgMDAwMDAgbiAKMDAwMDY0OTMyMyAwMDAwMCBuIAowMDAwNjQ5MzQ0IDAwMDAwIG4gCjAwMDA2NTA1OTAgMDAwMDAgbiAKMDAwMDY1MDYxMCAwMDAwMCBuIAowMDAwNjUxNzQ3IDAwMDAwIG4gCjAwMDA2NTE3NjcgMDAwMDAgbiAKMDAwMDY1Mjg5NCAwMDAwMCBuIAowMDAwNjUyOTE0IDAwMDAwIG4gCjAwMDA2NTQwODkgMDAwMDAgbiAKMDAwMDY1NDEwOSAwMDAwMCBuIAowMDAwNjU1MzI3IDAwMDAwIG4gCjAwMDA2NTUzNDcgMDAwMDAgbiAKMDAwMDY1NjUwNyAwMDAwMCBuIAowMDAwNjU2NTI4IDAwMDAwIG4gCjAwMDA2NTc4MjUgMDAwMDAgbiAKMDAwMDY1Nzg0NSAwMDAwMCBuIAowMDAwNjU4OTk2IDAwMDAwIG4gCjAwMDA2NTkwMTYgMDAwMDAgbiAKMDAwMDY2MDEyNyAwMDAwMCBuIAowMDAwNjYwMTQ4IDAwMDAwIG4gCjAwMDA2NjEzODQgMDAwMDAgbiAKMDAwMDY2MTQwNCAwMDAwMCBuIAowMDAwNjYyNDM4IDAwMDAwIG4gCjAwMDA2NjI0NTkgMDAwMDAgbiAKMDAwMDY2MzcyNyAwMDAwMCBuIAowMDAwNjYzNzQ3IDAwMDAwIG4gCjAwMDA2NjQ5MDggMDAwMDAgbiAKMDAwMDY2NDkyOCAwMDAwMCBuIAowMDAwNjY2MDY4IDAwMDAwIG4gCjAwMDA2NjYwODkgMDAwMDAgbiAKMDAwMDY2NzI0NCAwMDAwMCBuIAowMDAwNjY3MjY0IDAwMDAwIG4gCjAwMDA2Njg0MTIgMDAwMDAgbiAKMDAwMDY2ODQzMiAwMDAwMCBuIAowMDAwNjY5NTc4IDAwMDAwIG4gCjAwMDA2Njk1OTggMDAwMDAgbiAKMDAwMDY3MDc0MCAwMDAwMCBuIAowMDAwNjcwNzYxIDAwMDAwIG4gCjAwMDA2NzE4NzkgMDAwMDAgbiAKMDAwMDY3MTg5OSAwMDAwMCBuIAowMDAwNjczMDc2IDAwMDAwIG4gCjAwMDA2NzMwOTcgMDAwMDAgbiAKMDAwMDY3NDU4OSAwMDAwMCBuIAowMDAwNjc0NjEwIDAwMDAwIG4gCjAwMDA2NzU1NDUgMDAwMDAgbiAKMDAwMDY3NTU2NiAwMDAwMCBuIAowMDAwNjc2NzkxIDAwMDAwIG4gCjAwMDA2NzY4MTEgMDAwMDAgbiAKMDAwMDY3Nzg0NCAwMDAwMCBuIAowMDAwNjc3ODY0IDAwMDAwIG4gCjAwMDA2Nzg4NDAgMDAwMDAgbiAKMDAwMDY3ODg2MCAwMDAwMCBuIAowMDAwNjgwMDM4IDAwMDAwIG4gCjAwMDA2ODAwNTggMDAwMDAgbiAKMDAwMDY4MTIzMCAwMDAwMCBuIAowMDAwNjgxMjUwIDAwMDAwIG4gCjAwMDA2ODI0NjAgMDAwMDAgbiAKMDAwMDY4MjQ4MCAwMDAwMCBuIAowMDAwNjgzNjIyIDAwMDAwIG4gCjAwMDA2ODM2NDMgMDAwMDAgbiAKMDAwMDY4NDgxNyAwMDAwMCBuIAowMDAwNjg0ODM3IDAwMDAwIG4gCjAwMDA2ODU5MTkgMDAwMDAgbiAKMDAwMDY4NTkzOSAwMDAwMCBuIAowMDAwNjg3MDExIDAwMDAwIG4gCjAwMDA2ODcwMzEgMDAwMDAgbiAKMDAwMDY4ODE2NyAwMDAwMCBuIAowMDAwNjg4MTg4IDAwMDAwIG4gCjAwMDA2ODkzOTMgMDAwMDAgbiAKMDAwMDY4OTQxMyAwMDAwMCBuIAowMDAwNjkwNTY1IDAwMDAwIG4gCjAwMDA2OTA1ODYgMDAwMDAgbiAKMDAwMDY5MTc4MiAwMDAwMCBuIAowMDAwNjkxODAyIDAwMDAwIG4gCjAwMDA2OTI5NzIgMDAwMDAgbiAKMDAwMDY5Mjk5MiAwMDAwMCBuIAowMDAwNjkzOTEyIDAwMDAwIG4gCjAwMDA2OTM5MzIgMDAwMDAgbiAKMDAwMDY5NTEwNSAwMDAwMCBuIAowMDAwNjk1MTI2IDAwMDAwIG4gCjAwMDA2OTYzNTcgMDAwMDAgbiAKMDAwMDY5NjM3NyAwMDAwMCBuIAowMDAwNjk3NDgzIDAwMDAwIG4gCjAwMDA2OTc1MDQgMDAwMDAgbiAKMDAwMDY5ODczOSAwMDAwMCBuIAowMDAwNjk4NzYwIDAwMDAwIG4gCjAwMDA2OTk5ODAgMDAwMDAgbiAKMDAwMDcwMDAwMSAwMDAwMCBuIAowMDAwNzAxNDU2IDAwMDAwIG4gCjAwMDA3MDE0NzYgMDAwMDAgbiAKMDAwMDcwMjY0NiAwMDAwMCBuIAowMDAwNzAyNjY2IDAwMDAwIG4gCjAwMDA3MDM4MTcgMDAwMDAgbiAKMDAwMDcwMzgzNyAwMDAwMCBuIAowMDAwNzA1MDA4IDAwMDAwIG4gCjAwMDA3MDUwMjkgMDAwMDAgbiAKMDAwMDcwNjIyNCAwMDAwMCBuIAowMDAwNzA2MjQ0IDAwMDAwIG4gCjAwMDA3MDcyNzUgMDAwMDAgbiAKMDAwMDcwNzI5NSAwMDAwMCBuIAowMDAwNzA4MzE4IDAwMDAwIG4gCjAwMDA3MDgzMzkgMDAwMDAgbiAKMDAwMDcwOTM1NSAwMDAwMCBuIAowMDAwNzA5Mzc2IDAwMDAwIG4gCjAwMDA3MTA1OTEgMDAwMDAgbiAKMDAwMDcxMDYxMiAwMDAwMCBuIAowMDAwNzExNzg3IDAwMDAwIG4gCjAwMDA3MTE4MDggMDAwMDAgbiAKMDAwMDcxMzA2MiAwMDAwMCBuIAowMDAwNzEzMDgyIDAwMDAwIG4gCjAwMDA3MTQyNzMgMDAwMDAgbiAKMDAwMDcxNDI5MyAwMDAwMCBuIAowMDAwNzE1NTEyIDAwMDAwIG4gCjAwMDA3MTU1MzMgMDAwMDAgbiAKMDAwMDcxNjczOCAwMDAwMCBuIAowMDAwNzE2NzU4IDAwMDAwIG4gCjAwMDA3MTc3ODEgMDAwMDAgbiAKMDAwMDcxNzgwMiAwMDAwMCBuIAowMDAwNzE4OTkxIDAwMDAwIG4gCjAwMDA3MTkwMTIgMDAwMDAgbiAKMDAwMDcyMDI3MSAwMDAwMCBuIAowMDAwNzIwMjkyIDAwMDAwIG4gCjAwMDA3MjE0NjggMDAwMDAgbiAKMDAwMDcyMTQ4OSAwMDAwMCBuIAowMDAwNzIyNjU4IDAwMDAwIG4gCjAwMDA3MjI2NzkgMDAwMDAgbiAKMDAwMDcyMzkzMiAwMDAwMCBuIAowMDAwNzI0OTIzIDAwMDAwIG4gCjAwMDA3MjU5MTQgMDAwMDAgbiAKMDAwMDcyNjkzMCAwMDAwMCBuIAowMDAwNzI3OTIxIDAwMDAwIG4gCjAwMDA3Mjg4NjIgMDAwMDAgbiAKMDAwMDcyOTg3OCAwMDAwMCBuIAowMDAwNzMwODE5IDAwMDAwIG4gCjAwMDA3MzE4MTAgMDAwMDAgbiAKMDAwMDczMjgyNiAwMDAwMCBuIAowMDAwNzMzNzY3IDAwMDAwIG4gCjAwMDA3MzQ3MDggMDAwMDAgbiAKMDAwMDczNTcyNCAwMDAwMCBuIAowMDAwNzM2NjY1IDAwMDAwIG4gCjAwMDA3Mzc2ODEgMDAwMDAgbiAKMDAwMDczODYyMiAwMDAwMCBuIAowMDAwNzM5NTYzIDAwMDAwIG4gCjAwMDA3NDA1NTQgMDAwMDAgbiAKMDAwMDc0MTU0NSAwMDAwMCBuIAowMDAwNzQyNTYxIDAwMDAwIG4gCjAwMDA3NDM1NzcgMDAwMDAgbiAKMDAwMDc0NDU5MyAwMDAwMCBuIAowMDAwNzQ1NjA5IDAwMDAwIG4gCjAwMDA3NDY2MjUgMDAwMDAgbiAKMDAwMDc0NzYxNiAwMDAwMCBuIAowMDAwNzQ4NjA3IDAwMDAwIG4gCjAwMDA3NDk1OTggMDAwMDAgbiAKMDAwMDc1MDUzOSAwMDAwMCBuIAowMDAwNzUxNTMwIDAwMDAwIG4gCjAwMDA3NTI1MjEgMDAwMDAgbiAKMDAwMDc1MzUzNyAwMDAwMCBuIAowMDAwNzU0NDc4IDAwMDAwIG4gCjAwMDA3NTU0OTQgMDAwMDAgbiAKMDAwMDc1NjQ4NSAwMDAwMCBuIAowMDAwNzU3NTAxIDAwMDAwIG4gCjAwMDA3NTg0NDIgMDAwMDAgbiAKMDAwMDc1OTM4MyAwMDAwMCBuIAowMDAwNzYwMzk5IDAwMDAwIG4gCjAwMDA3NjEzOTAgMDAwMDAgbiAKMDAwMDc2MjM4MSAwMDAwMCBuIAowMDAwNzYzMzk3IDAwMDAwIG4gCjAwMDA3NjQzMzggMDAwMDAgbiAKMDAwMDc2NTI3OSAwMDAwMCBuIAowMDAwNzY2MjcwIDAwMDAwIG4gCjAwMDA3NjcyODYgMDAwMDAgbiAKMDAwMDc2ODMwMiAwMDAwMCBuIAowMDAwNzY5MzE4IDAwMDAwIG4gCjAwMDA3NzAyNTkgMDAwMDAgbiAKMDAwMDc3MTI1MCAwMDAwMCBuIAowMDAwNzcyMjQxIDAwMDAwIG4gCjAwMDA3NzMxODIgMDAwMDAgbiAKMDAwMDc3NDEyMyAwMDAwMCBuIAowMDAwNzc1MDY0IDAwMDAwIG4gCjAwMDA3NzYwNTUgMDAwMDAgbiAKMDAwMDc3Njk5NiAwMDAwMCBuIAowMDAwNzc4MDEyIDAwMDAwIG4gCjAwMDA3Nzg5NTMgMDAwMDAgbiAKMDAwMDc3OTk2OSAwMDAwMCBuIAowMDAwNzgwOTYwIDAwMDAwIG4gCjAwMDA3ODE5MDEgMDAwMDAgbiAKMDAwMDc4MjkxNyAwMDAwMCBuIAowMDAwNzgzODU4IDAwMDAwIG4gCjAwMDA3ODQ4NDkgMDAwMDAgbiAKMDAwMDc4NTg0MCAwMDAwMCBuIAowMDAwNzg2ODMxIDAwMDAwIG4gCjAwMDA3ODc4NDcgMDAwMDAgbiAKMDAwMDc4ODc4OCAwMDAwMCBuIAowMDAwNzg5Nzc5IDAwMDAwIG4gCjAwMDA3OTA3MjAgMDAwMDAgbiAKMDAwMDc5MTY2MSAwMDAwMCBuIAowMDAwNzkyNjc3IDAwMDAwIG4gCjAwMDA3OTM2NjggMDAwMDAgbiAKMDAwMDc5NDY1OSAwMDAwMCBuIAowMDAwNzk1NjAwIDAwMDAwIG4gCjAwMDA3OTY2MTYgMDAwMDAgbiAKMDAwMDc5NzYzMiAwMDAwMCBuIAowMDAwNzk4NjQ4IDAwMDAwIG4gCjAwMDA3OTk2NjQgMDAwMDAgbiAKMDAwMDgwMDYwNSAwMDAwMCBuIAowMDAwODAxNTQ2IDAwMDAwIG4gCjAwMDA4MDI1MzcgMDAwMDAgbiAKMDAwMDgwMzUyOCAwMDAwMCBuIAowMDAwODAzNTQ5IDAwMDAwIG4gCjAwMDA4MTM0NzQgMDAwMDAgbiAKMDAwMDgxMzQ5NSAwMDAwMCBuIAowMDAwODEzNTE2IDAwMDAwIG4gCjAwMDA4MTM1MzcgMDAwMDAgbiAKMDAwMDgxMzU1OSAwMDAwMCBuIAowMDAwODEzNTgwIDAwMDAwIG4gCjAwMDA4MTM2MDEgMDAwMDAgbiAKMDAwMDgxMzYyMiAwMDAwMCBuIAowMDAwODEzNjQzIDAwMDAwIG4gCjAwMDA4MTM2NjUgMDAwMDAgbiAKMDAwMDgxMzY4NiAwMDAwMCBuIAowMDAwODEzNzA3IDAwMDAwIG4gCjAwMDA4MTM3MjggMDAwMDAgbiAKMDAwMDgxMzc0OSAwMDAwMCBuIAowMDAwODEzNzcxIDAwMDAwIG4gCjAwMDA4MTM3OTIgMDAwMDAgbiAKMDAwMDgxMzgxMyAwMDAwMCBuIAowMDAwODEzODM1IDAwMDAwIG4gCjAwMDA4MTM4NTYgMDAwMDAgbiAKMDAwMDgxMzg3NyAwMDAwMCBuIAowMDAwODEzODk4IDAwMDAwIG4gCjAwMDA4MTM5MjAgMDAwMDAgbiAKMDAwMDgxMzk0MSAwMDAwMCBuIAowMDAwODEzOTYzIDAwMDAwIG4gCjAwMDA4MTM5ODQgMDAwMDAgbiAKMDAwMDgxNDAwNSAwMDAwMCBuIAowMDAwODE0MDI3IDAwMDAwIG4gCjAwMDA4MTQwNDggMDAwMDAgbiAKMDAwMDgxNDA3MCAwMDAwMCBuIAowMDAwODE0MDkxIDAwMDAwIG4gCjAwMDA4MTQxMTIgMDAwMDAgbiAKMDAwMDgxNDEzMyAwMDAwMCBuIAowMDAwODE0MTU0IDAwMDAwIG4gCjAwMDA4MTQxNzUgMDAwMDAgbiAKMDAwMDgxNDE5NiAwMDAwMCBuIAowMDAwODE0MjE3IDAwMDAwIG4gCjAwMDA4MTQyMzggMDAwMDAgbiAKMDAwMDgxNDI2MCAwMDAwMCBuIAowMDAwODE0MjgxIDAwMDAwIG4gCjAwMDA4MTQzMDMgMDAwMDAgbiAKMDAwMDgxNDMyNCAwMDAwMCBuIAowMDAwODE0MzQ1IDAwMDAwIG4gCjAwMDA4MTQzNjYgMDAwMDAgbiAKMDAwMDgxNDM4NyAwMDAwMCBuIAowMDAwODE0NDA5IDAwMDAwIG4gCjAwMDA4MTQ0MzAgMDAwMDAgbiAKMDAwMDgxNDQ1MSAwMDAwMCBuIAowMDAwODE0NDcyIDAwMDAwIG4gCjAwMDA4MTQ0OTMgMDAwMDAgbiAKMDAwMDgxNDUxNCAwMDAwMCBuIAowMDAwODE0NTM2IDAwMDAwIG4gCjAwMDA4MTQ1NTcgMDAwMDAgbiAKMDAwMDgxNDU3OSAwMDAwMCBuIAowMDAwODE0NjAwIDAwMDAwIG4gCjAwMDA4MTQ2MjEgMDAwMDAgbiAKMDAwMDgxNDY0MiAwMDAwMCBuIAowMDAwODE0NjY0IDAwMDAwIG4gCjAwMDA4MTQ2ODUgMDAwMDAgbiAKMDAwMDgxNDcwNyAwMDAwMCBuIAowMDAwODE0NzI5IDAwMDAwIG4gCjAwMDA4MTQ3NTEgMDAwMDAgbiAKMDAwMDgxNDc3MiAwMDAwMCBuIAowMDAwODE0NzkzIDAwMDAwIG4gCjAwMDA4MTQ4MTQgMDAwMDAgbiAKMDAwMDgxNDgzNiAwMDAwMCBuIAowMDAwODE0ODU3IDAwMDAwIG4gCjAwMDA4MTQ4NzggMDAwMDAgbiAKMDAwMDgxNDg5OSAwMDAwMCBuIAowMDAwODE0OTIxIDAwMDAwIG4gCjAwMDA4MTQ5NDIgMDAwMDAgbiAKMDAwMDgxNDk2NCAwMDAwMCBuIAowMDAwODE0OTg1IDAwMDAwIG4gCjAwMDA4MTUwMDcgMDAwMDAgbiAKMDAwMDgxNTAyOSAwMDAwMCBuIAowMDAwODE1MDUwIDAwMDAwIG4gCjAwMDA4MTUwNzEgMDAwMDAgbiAKMDAwMDgxNTA5MyAwMDAwMCBuIAowMDAwODE1MTE0IDAwMDAwIG4gCjAwMDA4MTUxMzUgMDAwMDAgbiAKMDAwMDgxNTE1NyAwMDAwMCBuIAowMDAwODE1MTc4IDAwMDAwIG4gCjAwMDA4MTUxOTkgMDAwMDAgbiAKMDAwMDgxNTIyMCAwMDAwMCBuIAowMDAwODE1MjQxIDAwMDAwIG4gCjAwMDA4MTUyNjIgMDAwMDAgbiAKMDAwMDgxNTI4MyAwMDAwMCBuIAowMDAwODE1MzA0IDAwMDAwIG4gCjAwMDA4MTUzMjUgMDAwMDAgbiAKMDAwMDgxNTM0NiAwMDAwMCBuIAowMDAwODE1MzY3IDAwMDAwIG4gCjAwMDA4MTUzODggMDAwMDAgbiAKMDAwMDgxNTQwOSAwMDAwMCBuIAowMDAwODE1NDMwIDAwMDAwIG4gCjAwMDA4MTU0NTEgMDAwMDAgbiAKMDAwMDgxNTQ3MiAwMDAwMCBuIAowMDAwODE1NDkzIDAwMDAwIG4gCjAwMDA4MTU1MTQgMDAwMDAgbiAKMDAwMDgxNTUzNSAwMDAwMCBuIAowMDAwODE1NTU2IDAwMDAwIG4gCjAwMDA4MTU1NzcgMDAwMDAgbiAKMDAwMDgxNTU5OCAwMDAwMCBuIAowMDAwODE1NjE5IDAwMDAwIG4gCjAwMDA4MTU2NDAgMDAwMDAgbiAKMDAwMDgxNTY2MSAwMDAwMCBuIAowMDAwODE1NjgyIDAwMDAwIG4gCjAwMDA4MTU3MDMgMDAwMDAgbiAKMDAwMDgxNTcyNCAwMDAwMCBuIAowMDAwODE1NzQ1IDAwMDAwIG4gCjAwMDA4MTU3NjYgMDAwMDAgbiAKMDAwMDgxNTc4NyAwMDAwMCBuIAowMDAwODE1ODA4IDAwMDAwIG4gCjAwMDA4MTU4MjkgMDAwMDAgbiAKMDAwMDgxNTg1MCAwMDAwMCBuIAowMDAwODE1ODcxIDAwMDAwIG4gCjAwMDA4MTU4OTIgMDAwMDAgbiAKMDAwMDgxNTkxMyAwMDAwMCBuIAowMDAwODE1OTM0IDAwMDAwIG4gCjAwMDA4MTU5NTUgMDAwMDAgbiAKMDAwMDgxNTk3NiAwMDAwMCBuIAowMDAwODE1OTk3IDAwMDAwIG4gCjAwMDA4MTYwMTggMDAwMDAgbiAKMDAwMDgxNjAzOSAwMDAwMCBuIAowMDAwODE2MDYwIDAwMDAwIG4gCjAwMDA4MTYwODEgMDAwMDAgbiAKMDAwMDgxNjEwMiAwMDAwMCBuIAowMDAwODE2MTIzIDAwMDAwIG4gCjAwMDA4MTYxNDQgMDAwMDAgbiAKMDAwMDgxNjE2NSAwMDAwMCBuIAowMDAwODE2MTg2IDAwMDAwIG4gCjAwMDA4MTYyMDcgMDAwMDAgbiAKMDAwMDgxNjIyOCAwMDAwMCBuIAowMDAwODE2MjQ5IDAwMDAwIG4gCjAwMDA4MTYyNzAgMDAwMDAgbiAKMDAwMDgxNjI5MSAwMDAwMCBuIAowMDAwODE2MzEyIDAwMDAwIG4gCjAwMDA4MTYzMzMgMDAwMDAgbiAKMDAwMDgxNjM1NCAwMDAwMCBuIAowMDAwODE2Mzc1IDAwMDAwIG4gCjAwMDA4MTYzOTYgMDAwMDAgbiAKMDAwMDgxNjQxNyAwMDAwMCBuIAowMDAwODE2NDM4IDAwMDAwIG4gCjAwMDA4MTY0NTkgMDAwMDAgbiAKMDAwMDgxNjQ4MCAwMDAwMCBuIAowMDAwODE2NTAxIDAwMDAwIG4gCjAwMDA4MTY1MjIgMDAwMDAgbiAKMDAwMDgxNjU0MyAwMDAwMCBuIAowMDAwODE2NTY0IDAwMDAwIG4gCjAwMDA4MTY1ODUgMDAwMDAgbiAKMDAwMDgxNjYwNiAwMDAwMCBuIAowMDAwODE2NjI3IDAwMDAwIG4gCjAwMDA4MTY2NDggMDAwMDAgbiAKMDAwMDgxNjY2OSAwMDAwMCBuIAowMDAwODE2NjkwIDAwMDAwIG4gCjAwMDA4MTY3MTEgMDAwMDAgbiAKMDAwMDgxNjczMiAwMDAwMCBuIAowMDAwODE2NzUzIDAwMDAwIG4gCjAwMDA4MTY3NzQgMDAwMDAgbiAKMDAwMDgxNjc5NSAwMDAwMCBuIAowMDAwODE2ODE2IDAwMDAwIG4gCjAwMDA4MTY4MzcgMDAwMDAgbiAKMDAwMDgxNjg1OCAwMDAwMCBuIAowMDAwODIxNDcwIDAwMDAwIG4gCjAwMDA4MjEzNTggMDAwMDAgbiAKMDAwMDgxNzAxMyAwMDAwMCBuIAowMDAwODc4NTQ2IDAwMDAwIG4gCjAwMDA4MjYyOTMgMDAwMDAgbiAKMDAwMDgyMTU2MyAwMDAwMCBuIAowMDAwOTk1Nzk0IDAwMDAwIG4gCjAwMDA4Mzc1NTQgMDAwMDAgbiAKMDAwMDgzNzc3OCAwMDAwMCBuIAowMDAwODM3ODE1IDAwMDAwIG4gCjAwMDA4Mzc4NzIgMDAwMDAgbiAKMDAwMDgzNzkyOCAwMDAwMCBuIAowMDAwODM4MDk2IDAwMDAwIG4gCjAwMDA4Mzg3MjIgMDAwMDAgbiAKMDAwMDgzOTE0OCAwMDAwMCBuIAowMDAwODM5NDY1IDAwMDAwIG4gCjAwMDA4Mzk3ODIgMDAwMDAgbiAKMDAwMDg0MDA5OSAwMDAwMCBuIAowMDAwODQwNDE1IDAwMDAwIG4gCjAwMDA4NDA3MzIgMDAwMDAgbiAKMDAwMDg0MTA0OSAwMDAwMCBuIAowMDAwODQxMzY2IDAwMDAwIG4gCjAwMDA4NDE2ODIgMDAwMDAgbiAKMDAwMDg0MTk5OSAwMDAwMCBuIAowMDAwODQyMzE2IDAwMDAwIG4gCjAwMDA4NDI2MzMgMDAwMDAgbiAKMDAwMDg0Mjk1MCAwMDAwMCBuIAowMDAwODQzMjY3IDAwMDAwIG4gCjAwMDA4NDM1ODQgMDAwMDAgbiAKMDAwMDg0MzkwMSAwMDAwMCBuIAowMDAwODQ0MjE4IDAwMDAwIG4gCjAwMDA4NDQ1MzMgMDAwMDAgbiAKMDAwMDg0NDg0OSAwMDAwMCBuIAowMDAwODQ1MTY2IDAwMDAwIG4gCjAwMDA4NDU0ODMgMDAwMDAgbiAKMDAwMDg0NTgwMCAwMDAwMCBuIAowMDAwODQ2MTE3IDAwMDAwIG4gCjAwMDA4NDY0MzQgMDAwMDAgbiAKMDAwMDg0Njc1MSAwMDAwMCBuIAowMDAwODQ3MDY4IDAwMDAwIG4gCjAwMDA4NDczODUgMDAwMDAgbiAKMDAwMDg0NzcwMiAwMDAwMCBuIAowMDAwODQ4MDE5IDAwMDAwIG4gCjAwMDA4NDgzMzYgMDAwMDAgbiAKMDAwMDg0ODY1MyAwMDAwMCBuIAowMDAwODQ4OTcwIDAwMDAwIG4gCjAwMDA4NDkyODcgMDAwMDAgbiAKMDAwMDg0OTYwNCAwMDAwMCBuIAowMDAwODQ5OTE5IDAwMDAwIG4gCjAwMDA4NTAyMzYgMDAwMDAgbiAKMDAwMDg1MDU1MyAwMDAwMCBuIAowMDAwODUwODcwIDAwMDAwIG4gCjAwMDA4NTExODcgMDAwMDAgbiAKMDAwMDg1MTUwMyAwMDAwMCBuIAowMDAwODUxODIwIDAwMDAwIG4gCjAwMDA4NTIxMzcgMDAwMDAgbiAKMDAwMDg1MjQ1NCAwMDAwMCBuIAowMDAwODUyNzY5IDAwMDAwIG4gCjAwMDA4NTMwODYgMDAwMDAgbiAKMDAwMDg1MzQwMyAwMDAwMCBuIAowMDAwODUzNzIwIDAwMDAwIG4gCjAwMDA4NTQwMzcgMDAwMDAgbiAKMDAwMDg1NDM1NCAwMDAwMCBuIAowMDAwODU0NjcxIDAwMDAwIG4gCjAwMDA4NTQ5ODggMDAwMDAgbiAKMDAwMDg1NTAxMCAwMDAwMCBuIAowMDAwODU1OTA2IDAwMDAwIG4gCjAwMDA4NTYxMzAgMDAwMDAgbiAKMDAwMDg1NjMzOCAwMDAwMCBuIAowMDAwODU2NjIyIDAwMDAwIG4gCjAwMDA4NTY2NDMgMDAwMDAgbiAKMDAwMDg1Njg4NSAwMDAwMCBuIAowMDAwODU2OTA2IDAwMDAwIG4gCjAwMDA4NTcxNDggMDAwMDAgbiAKMDAwMDg1NzE2OCAwMDAwMCBuIAowMDAwODU3MjU2IDAwMDAwIG4gCjAwMDA4NTcyNzYgMDAwMDAgbiAKMDAwMDg1NzM2NCAwMDAwMCBuIAowMDAwODU3Mzg0IDAwMDAwIG4gCjAwMDA4NTc0NzIgMDAwMDAgbiAKMDAwMDg1NzQ5MiAwMDAwMCBuIAowMDAwODU3NTgwIDAwMDAwIG4gCjAwMDA4NTc2MDAgMDAwMDAgbiAKMDAwMDg1NzY4OCAwMDAwMCBuIAowMDAwODU3NzA4IDAwMDAwIG4gCjAwMDA4NTc3OTYgMDAwMDAgbiAKMDAwMDg1NzgxNiAwMDAwMCBuIAowMDAwODU3OTA0IDAwMDAwIG4gCjAwMDA4NTc5MjQgMDAwMDAgbiAKMDAwMDg1ODAxMiAwMDAwMCBuIAowMDAwODU4MDMyIDAwMDAwIG4gCjAwMDA4NTgxMjAgMDAwMDAgbiAKMDAwMDg1ODE0MCAwMDAwMCBuIAowMDAwODU4MjI4IDAwMDAwIG4gCjAwMDA4NTgyNDggMDAwMDAgbiAKMDAwMDg1ODMzNiAwMDAwMCBuIAowMDAwODU4MzU2IDAwMDAwIG4gCjAwMDA4NTg0NDQgMDAwMDAgbiAKMDAwMDg1ODQ2NCAwMDAwMCBuIAowMDAwODU4NTUyIDAwMDAwIG4gCjAwMDA4NTg1NzIgMDAwMDAgbiAKMDAwMDg1ODY2MCAwMDAwMCBuIAowMDAwODU4NjgwIDAwMDAwIG4gCjAwMDA4NTg3NjggMDAwMDAgbiAKMDAwMDg1ODc4OCAwMDAwMCBuIAowMDAwODU4ODc2IDAwMDAwIG4gCjAwMDA4NTg4OTYgMDAwMDAgbiAKMDAwMDg1ODk4NCAwMDAwMCBuIAowMDAwODU5MDA0IDAwMDAwIG4gCjAwMDA4NTkwOTIgMDAwMDAgbiAKMDAwMDg1OTExMiAwMDAwMCBuIAowMDAwODU5MjAwIDAwMDAwIG4gCjAwMDA4NTkyMjAgMDAwMDAgbiAKMDAwMDg1OTMwOCAwMDAwMCBuIAowMDAwODU5MzI4IDAwMDAwIG4gCjAwMDA4NTk0MTYgMDAwMDAgbiAKMDAwMDg1OTQzNiAwMDAwMCBuIAowMDAwODU5NTI0IDAwMDAwIG4gCjAwMDA4NTk1NDQgMDAwMDAgbiAKMDAwMDg1OTYzMiAwMDAwMCBuIAowMDAwODU5NjUyIDAwMDAwIG4gCjAwMDA4NTk3NDAgMDAwMDAgbiAKMDAwMDg1OTc2MCAwMDAwMCBuIAowMDAwODU5ODQ4IDAwMDAwIG4gCjAwMDA4NTk4NjggMDAwMDAgbiAKMDAwMDg1OTk1NiAwMDAwMCBuIAowMDAwODU5OTc2IDAwMDAwIG4gCjAwMDA4NjAwNjQgMDAwMDAgbiAKMDAwMDg2MDA4NCAwMDAwMCBuIAowMDAwODYwMTcyIDAwMDAwIG4gCjAwMDA4NjAxOTIgMDAwMDAgbiAKMDAwMDg2MDI4MCAwMDAwMCBuIAowMDAwODYwMzAwIDAwMDAwIG4gCjAwMDA4NjAzODggMDAwMDAgbiAKMDAwMDg2MDQwOCAwMDAwMCBuIAowMDAwODYwNDk2IDAwMDAwIG4gCjAwMDA4NjA1MTYgMDAwMDAgbiAKMDAwMDg2MDYwNCAwMDAwMCBuIAowMDAwODYwNjI0IDAwMDAwIG4gCjAwMDA4NjA3MTIgMDAwMDAgbiAKMDAwMDg2MDczMiAwMDAwMCBuIAowMDAwODYwODIwIDAwMDAwIG4gCjAwMDA4NjA4NDAgMDAwMDAgbiAKMDAwMDg2MDkyOCAwMDAwMCBuIAowMDAwODYwOTQ4IDAwMDAwIG4gCjAwMDA4NjEwMzYgMDAwMDAgbiAKMDAwMDg2MTA1NiAwMDAwMCBuIAowMDAwODYxMTQ0IDAwMDAwIG4gCjAwMDA4NjExNjQgMDAwMDAgbiAKMDAwMDg2MTI1MiAwMDAwMCBuIAowMDAwODYxMjcyIDAwMDAwIG4gCjAwMDA4NjEzNjAgMDAwMDAgbiAKMDAwMDg2MTM4MCAwMDAwMCBuIAowMDAwODYxNDY4IDAwMDAwIG4gCjAwMDA4NjE0ODggMDAwMDAgbiAKMDAwMDg2MTU3NiAwMDAwMCBuIAowMDAwODYxNTk2IDAwMDAwIG4gCjAwMDA4NjE2ODQgMDAwMDAgbiAKMDAwMDg2MTcwNCAwMDAwMCBuIAowMDAwODYxNzkyIDAwMDAwIG4gCjAwMDA4NjE4MTIgMDAwMDAgbiAKMDAwMDg2MTkwMCAwMDAwMCBuIAowMDAwODYxOTIwIDAwMDAwIG4gCjAwMDA4NjIwMDggMDAwMDAgbiAKMDAwMDg2MjAyOCAwMDAwMCBuIAowMDAwODYyMTE2IDAwMDAwIG4gCjAwMDA4NjIxMzYgMDAwMDAgbiAKMDAwMDg2MjIyNCAwMDAwMCBuIAowMDAwODYyMjQ0IDAwMDAwIG4gCjAwMDA4NjIzMzIgMDAwMDAgbiAKMDAwMDg2MjM1MiAwMDAwMCBuIAowMDAwODYyNDQwIDAwMDAwIG4gCjAwMDA4NjI0NjAgMDAwMDAgbiAKMDAwMDg2MjU0OCAwMDAwMCBuIAowMDAwODYyNTY5IDAwMDAwIG4gCjAwMDA4Nzg0NjIgMDAwMDAgbiAKMDAwMDg3ODQ4MyAwMDAwMCBuIAowMDAwODc4NTAzIDAwMDAwIG4gCjAwMDA4Nzg1MjMgMDAwMDAgbiAKMDAwMDg4MTc4NiAwMDAwMCBuIAowMDAwODgxNjc0IDAwMDAwIG4gCjAwMDA4Nzg2NjcgMDAwMDAgbiAKMDAwMDg4NDk2NyAwMDAwMCBuIAowMDAwODg0ODg5IDAwMDAwIG4gCjAwMDA4ODg2OTIgMDAwMDAgbiAKMDAwMDg4ODU0NSAwMDAwMCBuIAowMDAwODk0NzAzIDAwMDAwIG4gCjAwMDA4OTQ0MzUgMDAwMDAgbiAKMDAwMDg5NjY5MyAwMDAwMCBuIAowMDAwODk2NjY4IDAwMDAwIG4gCjAwMDA4OTY3ODYgMDAwMDAgbiAKMDAwMDkwNzIyOSAwMDAwMCBuIAowMDAwOTIyMzYyIDAwMDAwIG4gCjAwMDA5MzI5MDYgMDAwMDAgbiAKMDAwMDkzNzA0MyAwMDAwMCBuIAowMDAwOTM2OTYwIDAwMDAwIG4gCjAwMDA5NDg2MTYgMDAwMDAgbiAKMDAwMDk0ODI4NiAwMDAwMCBuIAowMDAwOTUxNDQ3IDAwMDAwIG4gCjAwMDA5NTEyMTMgMDAwMDAgbiAKMDAwMDk1MzM0NSAwMDAwMCBuIAowMDAwOTUzMzIxIDAwMDAwIG4gCjAwMDA5NTYxMDcgMDAwMDAgbiAKMDAwMDk1NjA2MyAwMDAwMCBuIAowMDAwOTU4MTEyIDAwMDAwIG4gCjAwMDA5NTgwNjIgMDAwMDAgbiAKMDAwMDk3OTEzMiAwMDAwMCBuIAowMDAwOTk1MjcxIDAwMDAwIG4gCjAwMDA5OTU4NzkgMDAwMDAgbiAKMDAwMDk5NTk1NiAwMDAwMCBuIAowMDAwOTk2MDA5IDAwMDAwIG4gCnRyYWlsZXIKPDwKL1NpemUgOTk3Ci9Sb290IDk5NSAwIFIKL0luZm8gOTk2IDAgUgovSUQgWzwxMTBERDYxRkQ1NzQ0NDAxMEIxQUI1RkYzODc4MkYwRj4gPDExMERENjFGRDU3NDQ0MDEwQjFBQjVGRjM4NzgyRjBGPl0KPj4Kc3RhcnR4cmVmCjk5NjIxMwolJUVPRgo=\"; } private void OnDocumentLoaded(PdfViewerEventArgs args) => eventLog = $\"Last event: OnDocumentLoaded, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}\"; private void OnPageChanged(PdfViewerEventArgs args) => eventLog = $\"Last event: OnPageChanged, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}\"; } See demo here. Edit this page Previous Pagination Next Placeholders Parameters Callback Events Examples Basic usage Orientation Base64String","s":"Blazor PDF Viewer","u":"/components/pdf-viewer","h":"","p":657},{"i":660,"t":"Components Grid On this page Blazor Grid Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting. Grid Parameters​ Name Type Default Required Description Added Version AllowFiltering bool false Gets or sets the grid filtering. 1.0.0 AllowPaging bool false Gets or sets the grid paging. 1.0.0 AllowRowClick bool false Gets or sets the allow row click. 1.9.5 AllowSelection bool false Gets or sets the grid selection. 1.8.0 AllowSorting bool false Gets or sets the grid sorting. 1.0.0 AutoHidePaging bool false Automatically hides the paging controls when the grid item count is less than or equal to the PageSize and this property is set to true. 1.10.5 ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Data IEnumerable<TItem> null Gets or sets the grid data. 1.4.3 DataProvider GridDataProviderDelegate<TItem> null DataProvider is for items to render. The provider should always return an instance of GridDataProviderResult, and null is not allowed. 1.0.0 DisableAllRowsSelection Func<IEnumerable<TItem>, bool>? Enable or disable the header checkbox selection. 1.8.0 DisableRowSelection Func<TItem, bool>? Enable or disable the row level checkbox selection. 1.8.0 EmptyDataTemplate RenderFragment null ✔️ Template to render when there are no rows to display. 1.0.0 EmptyText string No records to display Shows text on no records. 1.0.0 FiltersRowCssClass string null Gets or sets the filters row css class. 1.9.2 FiltersTranslationProvider GridFiltersTranslationDelegate null Filters transalation is for grid filters to render. The provider should always return a 'FilterOperatorInfo' collection, and 'null' is not allowed. 1.10.0 FixedHeader bool false Gets or sets the grid fixed header. 1.10.3 HeaderRowCssClass string null Gets or sets the header row css class but not the thead tag class. 1.9.2 Height float 320 pixels Gets or sets the grid height. 1.10.3 ItemsPerPageText string Items per page ✔️ Gets or sets the items per page text. 1.9.5 PageSize int 10 Gets or sets the page size. 1.0.0 PageSizeSelectorItems int[] new int[] { 10, 20, 50 } ✔️ Gets or sets the page size selector items. 1.8.0 PageSizeSelectorVisible bool false Gets or sets the page size selector visible. 1.8.0 PaginationItemsTextFormat string {0} - {1} of {2} items ✔️ Gets or sets the pagination items text format. 1.8.0 Responsive bool false Gets or sets a value indicating whether Grid is responsive. 1.0.0 RowClass Func<TItem, string>? Gets or sets the row class. 1.6.0 SelectionMode GridSelectionMode GridSelectionMode.Single Gets or sets the grid selection mode. 1.8.0 SettingsProvider GridSettingsProviderDelegate null Settings are for the grid to render. The provider should always return an instance of 'GridSettings', and 'null' is not allowed. 1.0.0 THeadCssClass string? null Gets or sets the thead css class. 1.10.3 Unit Unit Unit.px Gets or sets the units. 1.10.3 IMPORTANT Grid requires either Data or DataProvider parameter, but not both. Grid Callback Events​ Name Type Description Added Version GridSettingsChanged EventCallback<GridSettings> This event is fired when the grid state is changed. 1.0.0 OnRowClick EventCallback<GridRowEventArgs<TItem>> This event is triggered when the user clicks on the row. Set AllowRowClick to true to enable row clicking. 1.9.5 OnRowDoubleClick EventCallback<GridRowEventArgs<TItem>> This event is triggered when the user double clicks on the row. Set AllowRowClick to true to enable row double clicking. 1.9.5 SelectedItemsChanged EventCallback<HashSet<TItem>> This event is fired when the items selection changed. 1.8.0 Grid Methods​ Name Return Type Description Added Version GetFilters() IEnumerable<FilterItem> Get filters. 1.0.0 RefreshDataAsync(CancellationToken cancellationToken = default) Task Refresh the grid data. 1.0.0 ResetPageNumber() ValueTask Reset the page number to 1 and refresh the grid. 1.4.3 GridColumn Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 ColumnClass Func<TItem, string>? Gets or sets the column class. 1.6.0 Filterable bool true If true, filter is enabled. The filter is enabled or disabled based on the grid AllowFiltering parameter. 1.0.0 FilterButtonColor ButtonColor ButtonColor.Light Gets or sets the filter button color. 3.0.0 FilterButtonCSSClass string? null Gets or sets the filter button CSS class. 3.0.0 FilterOperator FilterOperator FilterOperator.None Gets or sets the filter operator. 1.0.0 FilterTextboxWidth int 0 Gets or sets the filter textbox width in pixels. 1.0.0 FilterValue string null Gets or sets the filter value. 1.0.0 Freeze bool false Indicates whether the column is frozen. 1.10.4 FreezeDirection FreezeDirection FreezeDirection.Left Gets or sets the freeze direction of the column. 1.10.4 FreezeLeftPosition double 0 Gets or sets the horizontal position of the column from left. It has no effect on non-positioned columns. 1.10.4 FreezeRightPosition double 0 Gets or sets the horizontal position of the column from right. It has no effect on non-positioned columns. 1.10.4 HeaderContent RenderFragment null Gets or sets the header content. 1.7.3 HeaderText string null Gets or sets the table column header text. 1.0.0 HeaderTextAlignment enum Alignment.Start Gets or sets the header text alignment. Use Alignment.Start or Alignment.Center or Alignment.End. 1.0.0 IsDefaultSortColumn bool false Gets or sets the default sort column. 1.0.0 PropertyName string null Gets or sets the property name. This is required when AllowFiltering is true. 1.0.0 Sortable bool true Enable or disable the sorting on a specific column. The sorting is enabled or disabled based on the grid AllowSorting parameter. 1.0.0 SortDirection SortDirection SortDirection.None Gets or sets the default sort direction of a column. Use SortDirection.Ascending or SortDirection.Descending 1.0.0 SortKeySelector Expression<Func<TItem, IComparable>> Expression used for sorting. 1.0.0 SortString string null Gets or sets the column sort string. This string is passed to the backend/API for sorting. And it is ignored for client-side sorting. 1.0.0 StringComparison StringComparison StringComparison.OrdinalIgnoreCase Gets or sets the StringComparison. Use StringComparison.CurrentCulture or StringComparison.CurrentCultureIgnoreCase or StringComparison.InvariantCulture or StringComparison.InvariantCultureIgnoreCase or StringComparison.Ordinal or StringComparison.OrdinalIgnoreCase. 1.0.0 TextAlignment Alignment Alignment.Start Gets or sets the text alignment. Use Alignment.Start or Alignment.Center or Alignment.End. 1.0.0 TextNoWrap bool false Gets or sets text nowrap. 1.0.0 GridSettings Properties​ Name Type Default Required Description Added Version PageNumber int Page number. 1.0.0 PageSize int Size of the page. 1.0.0 Filters IEnumerable<FilterItem> Current filters. 1.0.0 Examples​ Client side filtering​ For filtering, AllowFiltering and PropertyName parameters are required. Add AllowFiltering=\"true\" parameter to Grid and PropertyName parameter to all the GridColumns. <Grid TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Client side filtering with string comparision​ In the below example, StringComparision.Ordinal is used on the Employee Name column to make the filter case-sensitive. <Grid TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" StringComparison=\"StringComparison.Ordinal\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here info By default, StringComparison.OrdinalIgnoreCase is used to compare culture-agnostic and case-insensitive string matching. Client side paging​ For paging, AllowPaging and PageSize parameters are required. Add AllowPaging=\"true\" and PageSize=\"20\" parameters to the Grid. PageSize parameter is optional. INFO The default page size is 10. <Grid TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowPaging=\"true\" PageSize=\"5\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Client side sorting​ For sorting, AllowSorting and SortKeySelector parameters are required. Add AllowSorting=\"true\" parameter to Grid and SortKeySelector to all the GridColumns. <Grid TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowSorting=\"true\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Client side filtering, paging, and sorting​ <Grid TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" PageSize=\"5\" AllowSorting=\"true\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Set default filter​ FilterOperator and FilterValue parameters are required to set the default filter. TIP You can set the default filter on more than one GridColumn. <Grid TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" FilterOperator=\"FilterOperator.GreaterThanOrEquals\" FilterValue=\"105\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Disable specific column filter​ Filterable parameter is required to disable the filter on a specific column. Add Filterable=\"false\" parameter to GridColumn. INFO By default, Filterable=\"true\" on all the columns if the AllowFiltering parameter is set to true on the grid. <Grid TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" Filterable=\"false\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" Filterable=\"false\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Increase filter textbox width​ Add FilterTextboxWidth parameter to the GridColumn to increase or decrease the filter textbox width, FilterTextboxWidth parameter is optional. NOTE Filter textbox width measured in pixels. <Grid TItem=\"Employee3\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumn TItem=\"Employee3\" HeaderText=\"Id\" PropertyName=\"Id\" FilterTextboxWidth=\"80\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"First Name\" PropertyName=\"FirstName\" FilterTextboxWidth=\"80\"> @context.FirstName </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Last Name\" PropertyName=\"LastName\" FilterTextboxWidth=\"80\"> @context.LastName </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Email\" PropertyName=\"Email\"> @context.Email </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Company\" TextNoWrap=\"true\" PropertyName=\"Company\"> @context.Company </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Designation\" TextNoWrap=\"true\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Salary\" HeaderTextAlignment=\"Alignment.End\" TextAlignment=\"Alignment.End\" PropertyName=\"Salary\" FilterTextboxWidth=\"80\"> @context.Salary.ToString(\"N2\") </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Active\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee3> employees; protected override void OnInitialized() { employees = new List<Employee3> { new Employee3 { Id = 107, FirstName = \"Alice\", LastName = \"Reddy\", Email = \"alice@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), Salary = 7700, IsActive = true }, new Employee3 { Id = 103, FirstName = \"Bob\", LastName = \"Roy\", Email = \"bob@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), Salary = 19000, IsActive = true }, new Employee3 { Id = 106, FirstName = \"John\", LastName = \"Papa\", Email = \"john@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), Salary = 12000, IsActive = true }, new Employee3 { Id = 104, FirstName = \"Pop\", LastName = \"Two\", Email = \"pop@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), Salary = 19000, IsActive = false }, new Employee3 { Id = 105, FirstName = \"Ronald\", LastName = \"Dire\", Email = \"ronald@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), Salary = 16500.50M, IsActive = true }, new Employee3 { Id = 102, FirstName = \"Line\", LastName = \"K\", Email = \"line@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), Salary = 24000, IsActive = true }, new Employee3 { Id = 101, FirstName = \"Daniel\", LastName = \"Potter\", Email = \"daniel@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), Salary = 21000, IsActive = true }, new Employee3 { Id = 108, FirstName = \"Zayne\", LastName = \"Simmons\", Email = \"zayne@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), Salary = 17850, IsActive = true }, new Employee3 { Id = 109, FirstName = \"Isha\", LastName = \"Davison\", Email = \"isha@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), Salary = 8000, IsActive = true }, }; } private async Task<GridDataProviderResult<Employee3>> EmployeesDataProvider(GridDataProviderRequest<Employee3> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Server side filtering, paging and sorting​ NOTE For server-side sorting, we need the SortString parameter on GridColumn along with the SortKeySelector parameter. <Grid TItem=\"Employee\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" PageSize=\"5\" AllowSorting=\"true\" Responsive=\"true\"> <GridColumn TItem=\"Employee\" HeaderText=\"Id\" PropertyName=\"Id\" SortString=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"First Name\" PropertyName=\"FirstName\" SortString=\"FirstName\" SortKeySelector=\"item => item.FirstName\"> @context.FirstName </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"Last Name\" PropertyName=\"LastName\" SortString=\"LastName\" SortKeySelector=\"item => item.LastName\"> @context.LastName </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortString=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"Salary\" PropertyName=\"Salary\" SortString=\"Salary\" SortKeySelector=\"item => item.Salary\"> @context.Salary </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortString=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortString=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> @code { [Inject] public IEmployeeService _employeeService { get; set; } private async Task<GridDataProviderResult<Employee>> EmployeesDataProvider(GridDataProviderRequest<Employee> request) { string sortString = \"\"; SortDirection sortDirection = SortDirection.None; if (request.Sorting is not null && request.Sorting.Any()) { // Note: Multi column sorting is not supported at this moment sortString = request.Sorting[0].SortString; sortDirection = request.Sorting[0].SortDirection; } var result = _employeeService.GetEmployees(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection); return await Task.FromResult(new GridDataProviderResult<Employee> { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Set default sorting​ IsDefaultSortColumn parameter is required to set the default sorting. Add IsDefaultSortColumn=\"true\" parameter to the GridColumn. The default sort direction will be ascending. To change the default sorting of a column, add SortDirection=\"SortDirection.Descending\" to the GridColumn. INFO If more than one GridColumn has the IsDefaultSortColumn paramter, it will pick the first column as the default sorting column. <Grid TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowSorting=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"@(item => item.Id)\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"@(item => item.Name)\" IsDefaultSortColumn=\"true\" SortDirection=\"SortDirection.Descending\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"@(item => item.Designation)\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"@(item => item.DOJ)\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"@(item => item.IsActive)\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Disable specific column sorting​ Add Sortable=\"false\" parameter the GridColumn to disable the sorting. INFO If sorting is disabled, then the SortKeySelector parameter is not required. <Grid TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowSorting=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"@(item => item.Id)\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"@(item => item.Name)\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" Sortable=\"false\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"@(item => item.DOJ)\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"@(item => item.IsActive)\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Header text alignment​ Use the HeaderTextAlignment parameter to change the header column alignment. By default, HeaderTextAlignment is set to Alignment.Start. Other options you can use are Alignment.Center and Alignment.End. <Grid TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" HeaderTextAlignment=\"Alignment.Center\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" HeaderTextAlignment=\"Alignment.Center\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" HeaderTextAlignment=\"Alignment.Center\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" HeaderTextAlignment=\"Alignment.End\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Cell alignment​ Use the TextAlignment parameter to change the cell data alignment. By default, TextAlignment is set to Alignment.Start. Other options you can use are Alignment.Center and Alignment.End. <Grid TItem=\"Employee2\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\"> <GridColumn TItem=\"Employee2\" HeaderText=\"Id\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Employee Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Salary\" HeaderTextAlignment=\"Alignment.End\" TextAlignment=\"Alignment.End\"> @context.Salary </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Active\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee2> employees; protected override void OnInitialized() { employees = new List<Employee2> { new Employee2 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", Salary = 7700, IsActive = true }, new Employee2 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", Salary = 19000, IsActive = true }, new Employee2 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", Salary = 12000, IsActive = true }, new Employee2 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", Salary = 19000, IsActive = false }, new Employee2 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", Salary = 16500.50M, IsActive = true }, new Employee2 { Id = 102, Name = \"Line\", Designation = \"Architect\", Salary = 24000, IsActive = true }, new Employee2 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", Salary = 21000, IsActive = true }, new Employee2 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", Salary = 17850, IsActive = true }, new Employee2 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", Salary = 8000, IsActive = true }, }; } private async Task<GridDataProviderResult<Employee2>> EmployeesDataProvider(GridDataProviderRequest<Employee2> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Cell formating​ To format the cell data, use ToString method and format strings. Refer: How to format numbers, dates, enums, and other types in .NET EXAMPLE @context.Salary.ToString(\"N2\") <Grid TItem=\"Employee2\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\"> <GridColumn TItem=\"Employee2\" HeaderText=\"Id\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Employee Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Salary\" HeaderTextAlignment=\"Alignment.End\" TextAlignment=\"Alignment.End\"> @context.Salary.ToString(\"N2\") </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Active\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee2> employees; protected override void OnInitialized() { employees = new List<Employee2> { new Employee2 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", Salary = 7700, IsActive = true }, new Employee2 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", Salary = 19000, IsActive = true }, new Employee2 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", Salary = 12000, IsActive = true }, new Employee2 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", Salary = 19000, IsActive = false }, new Employee2 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", Salary = 16500.50M, IsActive = true }, new Employee2 { Id = 102, Name = \"Line\", Designation = \"Architect\", Salary = 24000, IsActive = true }, new Employee2 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", Salary = 21000, IsActive = true }, new Employee2 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", Salary = 17850, IsActive = true }, new Employee2 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", Salary = 8000, IsActive = true }, }; } private async Task<GridDataProviderResult<Employee2>> EmployeesDataProvider(GridDataProviderRequest<Employee2> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Cell nowrap​ To prevent text from wrapping, add TextNoWrap=\"true\" parameter to the GridColumn. TIP Add Responsive=\"true\" parameter to the grid to enable horizontal scrolling. <Grid TItem=\"Employee3\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" Responsive=\"true\"> <GridColumn TItem=\"Employee3\" HeaderText=\"Id\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"First Name\"> @context.FirstName </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"First Name\"> @context.LastName </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Email\"> @context.Email </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Company\" TextNoWrap=\"true\"> @context.Company </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Designation\" TextNoWrap=\"true\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Salary\" HeaderTextAlignment=\"Alignment.End\" TextAlignment=\"Alignment.End\"> @context.Salary.ToString(\"N2\") </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Active\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee3> employees; protected override void OnInitialized() { employees = new List<Employee3> { new Employee3 { Id = 107, FirstName = \"Alice\", LastName = \"Reddy\", Email = \"alice@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), Salary = 7700, IsActive = true }, new Employee3 { Id = 103, FirstName = \"Bob\", LastName = \"Roy\", Email = \"bob@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), Salary = 19000, IsActive = true }, new Employee3 { Id = 106, FirstName = \"John\", LastName = \"Papa\", Email = \"john@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), Salary = 12000, IsActive = true }, new Employee3 { Id = 104, FirstName = \"Pop\", LastName = \"Two\", Email = \"pop@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), Salary = 19000, IsActive = false }, new Employee3 { Id = 105, FirstName = \"Ronald\", LastName = \"Dire\", Email = \"ronald@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), Salary = 16500.50M, IsActive = true }, new Employee3 { Id = 102, FirstName = \"Line\", LastName = \"K\", Email = \"line@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), Salary = 24000, IsActive = true }, new Employee3 { Id = 101, FirstName = \"Daniel\", LastName = \"Potter\", Email = \"daniel@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), Salary = 21000, IsActive = true }, new Employee3 { Id = 108, FirstName = \"Zayne\", LastName = \"Simmons\", Email = \"zayne@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), Salary = 17850, IsActive = true }, new Employee3 { Id = 109, FirstName = \"Isha\", LastName = \"Davison\", Email = \"isha@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), Salary = 8000, IsActive = true }, }; } private async Task<GridDataProviderResult<Employee3>> EmployeesDataProvider(GridDataProviderRequest<Employee3> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Pagination alignment​ Change the alignment of pagination by adding the PaginationAlignment parameter to the Grid. By default, PaginationAlignment is set to Alignment.Start. Other options you can use are Alignment.Center and Alignment.End. <Grid TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped table-striped\" DataProvider=\"EmployeesDataProvider\" AllowPaging=\"true\" PageSize=\"5\" PaginationAlignment=\"Alignment.End\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Empty data​ If there are no records to display in the Grid, by default, it will display the No records to display message. You can change this message by adding the EmptyText parameter to the Grid. <Grid TItem=\"Employee\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" EmptyText=\"No records to display\"> <GridColumn TItem=\"Employee\" HeaderText=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"First Name\"> @context.FirstName </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"Last Name\"> @context.LastName </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"Designation\"> @context.Designation </GridColumn> </Grid> @code { private async Task<GridDataProviderResult<Employee>> EmployeesDataProvider(GridDataProviderRequest<Employee> request) { await Task.Delay(3000); return (new GridDataProviderResult<Employee> { Data = new List<Employee>(), TotalCount = 0 }); } } See demo here TIP Add Responsive=\"true\" parameter to the grid to enable horizontal scrolling. Save and Load Grid Settings​ This example shows how to save/load the Grid state. The state includes the page number, page size, and filters. IMPORTANT Saving the Grid's sorting state as part of GridSettings is not yet supported. This functionality will be included in future releases. NOTE Browser local storage is used to persist the Grid state. Common locations exist for persisting state are Server-side storage, URL, Browser storage, and In-memory state container service. @using System.Text.Json <Grid @ref=\"grid\" TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" PageSize=\"8\" AllowPaging=\"true\" AllowSorting=\"true\" Responsive=\"true\" GridSettingsChanged=\"OnGridSettingsChanged\" SettingsProvider=\"GridSettingsProvider\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\" FilterOperator=\"FilterOperator.GreaterThanOrEquals\" FilterValue=\"109\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> @code { BlazorBootstrap.Grid<Employee1> grid; private IEnumerable<Employee1> employees; [Inject] public IJSRuntime JS { get; set; } public GridSettings Settings { get; set; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private async Task OnGridSettingsChanged(GridSettings settings) { if (settings is null) return; // NOTE: enable below two lines, if you want to set default values for PageNumber and PageSize all the time. //settings.PageNumber = 1; //settings.PageSize = 10; await JS.InvokeVoidAsync(\"window.localStorage.setItem\", \"grid-settings\", JsonSerializer.Serialize(settings)); } private async Task<GridSettings> GridSettingsProvider() { var settingsJson = await JS.InvokeAsync<string>(\"window.localStorage.getItem\", \"grid-settings\"); if (string.IsNullOrWhiteSpace(settingsJson)) return null; var settings = JsonSerializer.Deserialize<GridSettings>(settingsJson); if (settings is null) return null; return settings; } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Data parameter - Assign collection​ Assign a collection to the Data parameter to render the grid dynamically. The example below will render different department employees in the individual grid. @using BlazorBootstrap.Demo.Models; @foreach (var department in departments) { <p>@department.Name Employees:</p> <Grid TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped\" Data=\"department.Employees\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </Grid> } @code { Grid<Employee1> grid; private List<Department> departments = new List<Department>() { new Department(\"Product 1 - Research & Development\", new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true } }), new Department(\"Product 2 - Research & Development\", new List<Employee1> { new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true } }) }; } See demo here Data parameter - Update collection​ Assign a collection to the Data parameter to render the grid dynamically. The example below will render different department employees in the individual grid. @using BlazorBootstrap.Demo.Models; <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"AddEmployee\"> Add Employee </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"AddEmployee2\"> Add Employee 2 </Button> <Grid @ref=\"grid\" TItem=\"Employee1\" class=\"table table-hover table-bordered table-striped mt-3\" Data=\"employees\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </Grid> @code { Grid<Employee1> grid; private List<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true } }; } private async Task AddEmployee() { // for the same employees collection, we are adding an object // explicit grid refresh required employees.Add(CreateEmployee()); await grid.RefreshDataAsync(); } private void AddEmployee2() { // creates a shallow copy var emps = employees.GetRange(0, employees.Count); emps.Add(CreateEmployee()); // now employees variable has a new reference. So no need to refresh the grid explicitly // explicit grid refresh is not required employees = emps; } private Employee1 CreateEmployee() { var emp = new Employee1(); emp.Id = employees.Max(x => x.Id) + 1; emp.Name = $\"Employee {emp.Id}\"; emp.Designation = $\"QA Engineer {emp.Id}\"; emp.DOJ = new DateOnly(new Random().Next(1970, 2000), new Random().Next(1, 12), new Random().Next(1, 25)); emp.IsActive = true; return emp; } } note The Add Employee button click adds a new employee to the existing employees collection—so explicit grid refresh is required. The Add Employee 2 button click creates a shallow copy of the employees collection and adds a new employee. This new collection is assigned to the employees variable. Now, the employees variable has a new reference. So the grid will refresh automatically. An explicit grid refresh call is not required. See demo here Conditional css class for grid row​ In the below example, we applied table-danger CSS class to the row where the employee is inactive and the table-success CSS class to the row where the employee designation is Architect. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" PageSize=\"5\" AllowSorting=\"true\" Responsive=\"true\" RowClass=\"GetRowClass\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private string GetRowClass(Employee1 emp) { if (!emp.IsActive) return \"table-danger\"; else if (emp.Designation == \"Architect\") return \"table-success\"; return string.Empty; } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Conditional css class for grid column​ In the below example, we applied table-danger CSS class to the Active column where the employee is inactive and the table-success CSS class to the Active column where the employee is active. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" PageSize=\"5\" AllowSorting=\"true\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\" ColumnClass=\"@(x => x.IsActive ? \"table-success\" : \"table-danger\")\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Column class​ In the following example, the Class parameter is used to apply the CSS class to an entire grid column, including the header. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" PageSize=\"5\" AllowSorting=\"true\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" Class=\"text-danger\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1>? employees; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Custom column headers​ In the below example, we use <HeaderContent> and <ChildContent> tags to define custom column header and cell content. When defining header content, filters and sorting are removed from column. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" PageSize=\"5\" AllowSorting=\"true\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" PropertyName=\"IsActive\" Filterable=\"false\" Sortable=\"false\"> <HeaderContent> <Switch @bind-Value=\"IsAllChecked\"/> </HeaderContent> <ChildContent> <Switch @bind-Value=\"@context.IsActive\"/> </ChildContent> </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees; private bool IsAllChecked { get => employees.All(e => e.IsActive); set => Array.ForEach(employees.ToArray(), e => e.IsActive = value); } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } Selection​ Set AllowSelection=\"true\" to enable the selection on the Grid. By default, SelectionMode is Single. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowSelection=\"true\" SelectedItemsChanged=\"OnSelectedItemsChanged\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </Grid> <div class=\"mt-3\"> Selected Items Count: @selectedEmployees.Count </div> <div class=\"mt-2\"> Selected Employees: <ul> @foreach (var emp in selectedEmployees) { <li>@emp.Name</li> } </ul> </div> @code { private IEnumerable<Employee1> employees = default!; private HashSet<Employee1> selectedEmployees = new(); private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { Console.WriteLine(\"EmployeesDataProvider called...\"); if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private Task OnSelectedItemsChanged(HashSet<Employee1> employees) { selectedEmployees = employees is not null && employees.Any() ? employees : new(); return Task.CompletedTask; } } See demo here Multiple selection​ To select multiple rows, set SelectionMode=\"GridSelectionMode.Multiple\". <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowSelection=\"true\" SelectionMode=\"GridSelectionMode.Multiple\" SelectedItemsChanged=\"OnSelectedItemsChanged\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </Grid> <div class=\"mt-3\"> Selected Items Count: @selectedEmployees.Count </div> <div class=\"mt-2\"> Selected Employees: <ul> @foreach (var emp in selectedEmployees) { <li>@emp.Name</li> } </ul> </div> @code { private IEnumerable<Employee1> employees = default!; private HashSet<Employee1> selectedEmployees = new(); private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { Console.WriteLine(\"EmployeesDataProvider called...\"); if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private Task OnSelectedItemsChanged(HashSet<Employee1> employees) { selectedEmployees = employees is not null && employees.Any() ? employees : new(); return Task.CompletedTask; } } See demo here Disable selection​ We can disable the header checkbox or row level checkbox based on a condition. For this, we have DisableAllRowsSelection and DisableRowSelection delegate parameters. In the below example, we disabled the header checkbox if any of the employee Id is less than 105. Also, disable check the row level checkbox if the employee Id is less than 105. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowSelection=\"true\" SelectionMode=\"GridSelectionMode.Multiple\" DisableAllRowsSelection=\"DisableAllRowsSelectionHandler\" DisableRowSelection=\"DisableRowSelectionHandler\" SelectedItemsChanged=\"OnSelectedItemsChanged\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </Grid> <div class=\"mt-3\"> Selected Items Count: @selectedEmployees.Count </div> <div class=\"mt-2\"> Selected Employees: <ul> @foreach (var emp in selectedEmployees) { <li>@emp.Name</li> } </ul> </div> @code { private IEnumerable<Employee1> employees = default!; private HashSet<Employee1> selectedEmployees = new(); private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private bool DisableAllRowsSelectionHandler(IEnumerable<Employee1> employees) { return employees.Any(x => x.Id < 105); // disable selection if EmployeeId < 105 } private bool DisableRowSelectionHandler(Employee1 emp) { return emp.Id < 105; // disable selection if EmployeeId < 105 } private Task OnSelectedItemsChanged(HashSet<Employee1> employees) { selectedEmployees = employees is not null && employees.Any() ? employees : new(); return Task.CompletedTask; } } See demo here Dynamic page size​ <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowPaging=\"true\" PageSize=\"@pageSize\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\"> @context.IsActive </GridColumn> </Grid> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"() => ChangeSize(5)\">Grid Size 5</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangeSize(10)\">Grid Size 10</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangeSize(15)\">Grid Size 15</Button> @code { private int pageSize = 5; private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } private void ChangeSize(int size) => pageSize = size; } See demo here Page size selection​ <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowPaging=\"true\" PageSize=\"10\" PageSizeSelectorVisible=\"true\" PageSizeSelectorItems=\"@(new int[] { 5,10,20 })\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Header row css class​ <Grid TItem=\"Employee1\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-primary text-white border-bottom-0\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> <Grid TItem=\"Employee1\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-primary text-white bg-opacity-75 border-bottom-0\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> <Grid TItem=\"Employee1\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-success text-white border-bottom-0\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> <Grid TItem=\"Employee1\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-success text-white bg-opacity-75 border-bottom-0\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, }; } } See demo here Filters row css class​ <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-primary text-white border-bottom-0\" FiltersRowCssClass=\"bg-primary text-white bg-opacity-25 border-bottom-0\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-warning text-white border-bottom-0\" FiltersRowCssClass=\"bg-warning text-white bg-opacity-25 border-bottom-0\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-danger text-white border-bottom-0\" FiltersRowCssClass=\"bg-danger text-white bg-opacity-25 border-bottom-0\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-success text-white border-bottom-0\" FiltersRowCssClass=\"bg-success text-white bg-opacity-25 border-bottom-0\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-info text-white border-bottom-0\" FiltersRowCssClass=\"bg-info text-white bg-opacity-25 border-bottom-0\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-dark text-white border-bottom-0\" FiltersRowCssClass=\"bg-dark text-white bg-opacity-25 border-bottom-0\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-secondary text-white border-bottom-0\" FiltersRowCssClass=\"bg-secondary text-white bg-opacity-25 border-bottom-0\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, }; } } See demo here Row click event​ <Grid TItem=\"Employee1\" AllowRowClick=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-primary text-white border-bottom-0\" OnRowClick=\"OnRowClick\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> @code { [Inject] ModalService ModalService { get; set; } = default!; private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, }; } private async Task OnRowClick(GridRowEventArgs<Employee1> args) { await ModalService.ShowAsync(new ModalOption { Type = ModalType.Primary, Title = \"Event: Row Click\", Message = $\"Id: {args.Item.Id}, Name: {args.Item.Name}\" }); } } See demo here Row double click event​ <Grid TItem=\"Employee1\" AllowRowClick=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-danger text-white border-bottom-0\" OnRowDoubleClick=\"OnRowDoubleClick\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> @code { [Inject] ModalService ModalService { get; set; } = default!; private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, }; } private async Task OnRowDoubleClick(GridRowEventArgs<Employee1> args) { await ModalService.ShowAsync(new ModalOption { Type = ModalType.Primary, Title = \"Event: Row Double Click\", Message = $\"Id: {args.Item.Id}, Name: {args.Item.Name}\" }); } } See demo here Translations​ In the example below, you will see translations related to pagination and filters in Dutch. <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowPaging=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" FiltersRowCssClass=\"bg-dark text-white bg-opacity-25 border-bottom-0\" FiltersTranslationProvider=\"GridFiltersTranslationProvider\" HeaderRowCssClass=\"bg-dark text-white border-bottom-0\" PageSize=\"10\" PageSizeSelectorVisible=\"true\" PageSizeSelectorItems=\"@(new int[] { 5,10,20 })\" PaginationItemsTextFormat=\"{0} - {1} van {2} artikelen\" ItemsPerPageText=\"Artikelen per pagina\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees = default!; private async Task<IEnumerable<FilterOperatorInfo>> GridFiltersTranslationProvider() { var filtersTranslation = new List<FilterOperatorInfo>(); // number/date/boolean filtersTranslation.Add(new(\"=\", \"gelijk aan\", FilterOperator.Equals)); filtersTranslation.Add(new(\"!=\", \"Niet gelijk\", FilterOperator.NotEquals)); // number/date filtersTranslation.Add(new(\"<\", \"Minder dan\", FilterOperator.LessThan)); filtersTranslation.Add(new(\"<=\", \"Kleiner dan of gelijk aan\", FilterOperator.LessThanOrEquals)); filtersTranslation.Add(new(\">\", \"Groter dan\", FilterOperator.GreaterThan)); filtersTranslation.Add(new(\">=\", \"Groter dan of gelijk aan\", FilterOperator.GreaterThanOrEquals)); // string filtersTranslation.Add(new(\"*a*\", \"Bevat\", FilterOperator.Contains)); filtersTranslation.Add(new(\"a**\", \"Begint met\", FilterOperator.StartsWith)); filtersTranslation.Add(new(\"**a\", \"Eindigt met\", FilterOperator.EndsWith)); filtersTranslation.Add(new(\"=\", \"gelijk aan\", FilterOperator.Equals)); // common filtersTranslation.Add(new(\"x\", \"Duidelijk\", FilterOperator.Clear)); return await Task.FromResult(filtersTranslation); } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Fixed header​ To set the fixed header, set the FixedHeader parameter to true. The minimum height of the grid is 320 pixels. You can change the units to em, pt, px, or etc. by setting the Unit parameter. <Grid @ref=\"grid\" TItem=\"Employee4\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" FixedHeader=\"true\" Height=\"350\" Responsive=\"true\" Unit=\"Unit.px\"> <GridColumn TItem=\"Employee4\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </Grid> @code { BlazorBootstrap.Grid<Employee4> grid = default!; private IEnumerable<Employee4> employees = default!; protected override async Task OnAfterRenderAsync(bool firstRender) { await base.OnAfterRenderAsync(firstRender); } private async Task<GridDataProviderResult<Employee4>> EmployeesDataProvider(GridDataProviderRequest<Employee4> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee4> GetEmployees() { return new List<Employee4> { new Employee4 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee4 { Id = null, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee4 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee4 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee4 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee4 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee4 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee4 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee4 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = null, IsActive = true }, new Employee4 { Id = 110, Name = \"Vijay\", Designation = null, DOJ = new DateOnly(1990, 7, 1), IsActive = true }, }; } } See demo here Fixed header with filters​ <Grid TItem=\"Customer2\" Class=\"table table-hover table-bordered\" DataProvider=\"CustomersDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" AllowSorting=\"true\" FixedHeader=\"true\" Responsive=\"true\" Unit=\"Unit.px\"> <GridColumn TItem=\"Customer2\" HeaderText=\"Id\" PropertyName=\"CustomerId\" SortString=\"CustomerId\" SortKeySelector=\"item => item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Customer Name\" PropertyName=\"CustomerName\" SortString=\"CustomerName\" SortKeySelector=\"item => item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Phone\" PropertyName=\"Phone\" SortString=\"Phone\" SortKeySelector=\"item => item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Email\" PropertyName=\"Email\" SortString=\"Email\" SortKeySelector=\"item => item.Email\" FilterTextboxWidth=\"120\"> @context.Email </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Address\" PropertyName=\"Address\" SortString=\"Address\" SortKeySelector=\"item => item.Address\" FilterTextboxWidth=\"150\"> @context.Address </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Postal Zip\" PropertyName=\"PostalZip\" SortString=\"PostalZip\" SortKeySelector=\"item => item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip </GridColumn> <GridColumn TItem=\"Customer2\" FreezeRightPosition=\"0\" HeaderText=\"Country\" PropertyName=\"Country\" SortString=\"Country\" SortKeySelector=\"item => item.Country\" FilterTextboxWidth=\"80\"> @context.Country </GridColumn> </Grid> @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request) { string sortString = \"\"; SortDirection sortDirection = SortDirection.None; if (request.Sorting is not null && request.Sorting.Any()) { // Note: Multi column sorting is not supported at this moment sortString = request.Sorting.FirstOrDefault().SortString; sortDirection = request.Sorting.FirstOrDefault().SortDirection; } var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken); return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Freeze columns​ <Grid TItem=\"Customer2\" Class=\"table table-hover table-bordered text-nowrap\" DataProvider=\"CustomersDataProvider\" AllowPaging=\"true\" AllowSorting=\"true\" Responsive=\"true\" Unit=\"Unit.px\"> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeLeftPosition=\"0\" HeaderText=\"Id\" PropertyName=\"CustomerId\" SortString=\"CustomerId\" SortKeySelector=\"item => item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeLeftPosition=\"55.98\" HeaderText=\"Customer Name\" PropertyName=\"CustomerName\" SortString=\"CustomerName\" SortKeySelector=\"item => item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Phone\" PropertyName=\"Phone\" SortString=\"Phone\" SortKeySelector=\"item => item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Email\" PropertyName=\"Email\" SortString=\"Email\" SortKeySelector=\"item => item.Email\" FilterTextboxWidth=\"120\"> @context.Email </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Address\" PropertyName=\"Address\" SortString=\"Address\" SortKeySelector=\"item => item.Address\" FilterTextboxWidth=\"150\"> @context.Address </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Postal Zip\" PropertyName=\"PostalZip\" SortString=\"PostalZip\" SortKeySelector=\"item => item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeDirection=\"FreezeDirection.Right\" FreezeRightPosition=\"0\" HeaderText=\"Country\" PropertyName=\"Country\" SortString=\"Country\" SortKeySelector=\"item => item.Country\" FilterTextboxWidth=\"80\"> @context.Country </GridColumn> </Grid> @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request) { string sortString = \"\"; SortDirection sortDirection = SortDirection.None; if (request.Sorting is not null && request.Sorting.Any()) { // Note: Multi column sorting is not supported at this moment sortString = request.Sorting.FirstOrDefault().SortString; sortDirection = request.Sorting.FirstOrDefault().SortDirection; } var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken); return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Freeze columns with fixed header​ <Grid TItem=\"Customer2\" Class=\"table table-hover table-bordered text-nowrap\" DataProvider=\"CustomersDataProvider\" AllowPaging=\"true\" AllowSorting=\"true\" FixedHeader=\"true\" Responsive=\"true\" Unit=\"Unit.px\"> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeLeftPosition=\"0\" HeaderText=\"Id\" PropertyName=\"CustomerId\" SortString=\"CustomerId\" SortKeySelector=\"item => item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeLeftPosition=\"55.98\" HeaderText=\"Customer Name\" PropertyName=\"CustomerName\" SortString=\"CustomerName\" SortKeySelector=\"item => item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Phone\" PropertyName=\"Phone\" SortString=\"Phone\" SortKeySelector=\"item => item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Email\" PropertyName=\"Email\" SortString=\"Email\" SortKeySelector=\"item => item.Email\" FilterTextboxWidth=\"120\"> @context.Email </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Address\" PropertyName=\"Address\" SortString=\"Address\" SortKeySelector=\"item => item.Address\" FilterTextboxWidth=\"150\"> @context.Address </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Postal Zip\" PropertyName=\"PostalZip\" SortString=\"PostalZip\" SortKeySelector=\"item => item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeDirection=\"FreezeDirection.Right\" FreezeRightPosition=\"0\" HeaderText=\"Country\" PropertyName=\"Country\" SortString=\"Country\" SortKeySelector=\"item => item.Country\" FilterTextboxWidth=\"80\"> @context.Country </GridColumn> </Grid> @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request) { string sortString = \"\"; SortDirection sortDirection = SortDirection.None; if (request.Sorting is not null && request.Sorting.Any()) { // Note: Multi column sorting is not supported at this moment sortString = request.Sorting.FirstOrDefault().SortString; sortDirection = request.Sorting.FirstOrDefault().SortDirection; } var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken); return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Freeze columns with fixed header and filters​ <Grid TItem=\"Customer2\" Class=\"table table-hover table-bordered text-nowrap\" DataProvider=\"CustomersDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" AllowSorting=\"true\" FixedHeader=\"true\" Responsive=\"true\" Unit=\"Unit.px\"> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeLeftPosition=\"0\" HeaderText=\"Id\" PropertyName=\"CustomerId\" SortString=\"CustomerId\" SortKeySelector=\"item => item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeLeftPosition=\"131.95\" HeaderText=\"Customer Name\" PropertyName=\"CustomerName\" SortString=\"CustomerName\" SortKeySelector=\"item => item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Phone\" PropertyName=\"Phone\" SortString=\"Phone\" SortKeySelector=\"item => item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Email\" PropertyName=\"Email\" SortString=\"Email\" SortKeySelector=\"item => item.Email\" FilterTextboxWidth=\"120\"> @context.Email </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Address\" PropertyName=\"Address\" SortString=\"Address\" SortKeySelector=\"item => item.Address\" FilterTextboxWidth=\"150\"> @context.Address </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeDirection=\"FreezeDirection.Right\" FreezeRightPosition=\"171\" HeaderText=\"Postal Zip\" PropertyName=\"PostalZip\" SortString=\"PostalZip\" SortKeySelector=\"item => item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeDirection=\"FreezeDirection.Right\" FreezeRightPosition=\"0\" HeaderText=\"Country\" PropertyName=\"Country\" SortString=\"Country\" SortKeySelector=\"item => item.Country\" FilterTextboxWidth=\"80\"> @context.Country </GridColumn> </Grid> @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request) { string sortString = \"\"; SortDirection sortDirection = SortDirection.None; if (request.Sorting is not null && request.Sorting.Any()) { // Note: Multi column sorting is not supported at this moment sortString = request.Sorting.FirstOrDefault().SortString; sortDirection = request.Sorting.FirstOrDefault().SortDirection; } var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken); return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Auto hide paging​ Automatically hides the paging controls when the grid item count is less than or equal to the PageSize and this property is set to true. <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowPaging=\"true\" AllowSorting=\"true\" AutoHidePaging=\"true\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" PageSize=\"10\" PageSizeSelectorVisible=\"true\" PageSizeSelectorItems=\"@(new int[] { 5,10,20 })\" Responsive=\"true\"> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </Grid> @code { private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Enum filter​ <Grid @ref=\"grid\" TItem=\"User\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"UsersDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumn TItem=\"User\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"User Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"DOB\" PropertyName=\"DOB\"> @context.DOB </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"Status\" PropertyName=\"Status\" FilterTextboxWidth=\"170\"> @context.Status </GridColumn> </Grid> @code { BlazorBootstrap.Grid<User> grid = default!; private IEnumerable<User> users = default!; protected override async Task OnAfterRenderAsync(bool firstRender) { await base.OnAfterRenderAsync(firstRender); } private async Task<GridDataProviderResult<User>> UsersDataProvider(GridDataProviderRequest<User> request) { if (users is null) // pull employees only one time for client-side filtering, sorting, and paging users = GetUsers(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(users)); } private IEnumerable<User> GetUsers() { return new List<User> { new User { Id = 107, Name = \"Alice\", DOB = new DateOnly(1998, 11, 17), Status = UserStatus.Registered }, new User { Id = null, Name = \"Bob\", DOB = new DateOnly(1985, 1, 5), Status = UserStatus.Verified }, new User { Id = 106, Name = \"John\", DOB = new DateOnly(1995, 4, 17), Status = UserStatus.Registered }, new User { Id = 104, Name = \"Pop\", DOB = new DateOnly(1985, 6, 8), Status = UserStatus.Registered }, new User { Id = 105, Name = \"Ronald\", DOB = new DateOnly(1991, 8, 23), Status = UserStatus.VerificationPending }, new User { Id = 102, Name = \"Line\", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.VerificationPending }, new User { Id = 101, Name = \"Daniel\", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.Registered }, new User { Id = 108, Name = \"Zayne\", DOB = new DateOnly(1991, 1, 1), Status = UserStatus.Verified }, new User { Id = 109, Name = \"Isha\", DOB = null, Status = UserStatus.Verified }, new User { Id = 110, Name = \"Vijay\", DOB = new DateOnly(1990, 7, 1), Status = UserStatus.Verified }, }; } public record class User { public int? Id { get; set; } public string? Name { get; set; } public DateOnly? DOB { get; set; } public UserStatus Status { get; set; } } public enum UserStatus { Registered, VerificationPending, Verified } } See demo here Guid filter​ <Grid @ref=\"grid\" TItem=\"User\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"UsersDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumn TItem=\"User\" HeaderText=\"Oid\" PropertyName=\"Oid\" FilterTextboxWidth=\"240\"> @context.Oid </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"Id\" PropertyName=\"Id\" FilterTextboxWidth=\"70\"> @context.Id </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"User Name\" PropertyName=\"Name\" FilterTextboxWidth=\"100\"> @context.Name </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"DOB\" PropertyName=\"DOB\"> @context.DOB </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"Status\" PropertyName=\"Status\" FilterTextboxWidth=\"170\"> @context.Status </GridColumn> </Grid> } showLineNumbers @code { BlazorBootstrap.Grid<User> grid = default!; private IEnumerable<User> users = default!; protected override async Task OnAfterRenderAsync(bool firstRender) { await base.OnAfterRenderAsync(firstRender); } private async Task<GridDataProviderResult<User>> UsersDataProvider(GridDataProviderRequest<User> request) { if (users is null) // pull employees only one time for client-side filtering, sorting, and paging users = GetUsers(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(users)); } private IEnumerable<User> GetUsers() { return new List<User> { new User { Oid = Guid.NewGuid(), Id = 107, Name = \"Alice\", DOB = new DateOnly(1998, 11, 17), Status = UserStatus.Registered }, new User { Oid = Guid.NewGuid(), Id = null, Name = \"Bob\", DOB = new DateOnly(1985, 1, 5), Status = UserStatus.Verified }, new User { Oid = Guid.NewGuid(), Id = 106, Name = \"John\", DOB = new DateOnly(1995, 4, 17), Status = UserStatus.Registered }, new User { Oid = Guid.NewGuid(), Id = 104, Name = \"Pop\", DOB = new DateOnly(1985, 6, 8), Status = UserStatus.Registered }, new User { Oid = Guid.NewGuid(), Id = 105, Name = \"Ronald\", DOB = new DateOnly(1991, 8, 23), Status = UserStatus.VerificationPending }, new User { Oid = Guid.NewGuid(), Id = 102, Name = \"Line\", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.VerificationPending }, new User { Oid = Guid.NewGuid(), Id = 101, Name = \"Daniel\", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.Registered }, new User { Oid = Guid.NewGuid(), Id = 108, Name = \"Zayne\", DOB = new DateOnly(1991, 1, 1), Status = UserStatus.Verified }, new User { Oid = Guid.NewGuid(), Id = 109, Name = \"Isha\", DOB = null, Status = UserStatus.Verified }, new User { Oid = Guid.NewGuid(), Id = 110, Name = \"Vijay\", DOB = new DateOnly(1990, 7, 1), Status = UserStatus.Verified }, }; } public record class User { public Guid Oid { get; set; } public int? Id { get; set; } public string? Name { get; set; } public DateOnly? DOB { get; set; } public UserStatus Status { get; set; } } public enum UserStatus { Registered, VerificationPending, Verified } } See demo here Edit this page Previous Dropdown Next Modal Grid Parameters Grid Callback Events Grid Methods GridColumn Parameters GridSettings Properties Examples Client side filtering Client side filtering with string comparision Client side paging Client side sorting Client side filtering, paging, and sorting Set default filter Disable specific column filter Increase filter textbox width Server side filtering, paging and sorting Set default sorting Disable specific column sorting Header text alignment Cell alignment Cell formating Cell nowrap Pagination alignment Empty data Save and Load Grid Settings Data parameter - Assign collection Data parameter - Update collection Conditional css class for grid row Conditional css class for grid column Column class Custom column headers Selection Multiple selection Disable selection Dynamic page size Page size selection Header row css class Filters row css class Row click event Row double click event Translations Fixed header Fixed header with filters Freeze columns Freeze columns with fixed header Freeze columns with fixed header and filters Auto hide paging Enum filter Guid filter","s":"Blazor Grid","u":"/components/grid","h":"","p":659}],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[["t/2",[0,0.255,1,0.303,2,3.989,3,2.902,4,1.375,5,2.54,6,3.513,7,0.02,8,1.345,9,0.296,10,0.34,11,0.309,12,0.303,13,0.336,14,0.426,15,0.324,16,2.258,17,2.45,18,2.174,19,1.61,20,1.73,21,2.001,22,3.738,23,0.864,24,2.836,25,0.259,26,0.244,27,2.975,28,1.312,29,2.905,30,1.771,31,3.492,32,2.401,33,0.649,34,3.918,35,2.104,36,2.379,37,0.285,38,2.817,39,1.375,40,1.25,41,0.849,42,2.133,43,4.233,44,2.034,45,2.289,46,3.57,47,2.482,48,2.429,49,0.714,50,3.136,51,0.364,52,1.124,53,3.586,54,3.303,55,2.125,56,2.099,57,2.247,58,2.333,59,1.492,60,1.667,61,3.036,62,1.389,63,3.648,64,2.93,65,3.497,66,2.539,67,2.666,68,2.671,69,2.666,70,3.251,71,5.944,72,5.306,73,1.974,74,3.877,75,5.698,76,2.843,77,6.756,78,3.251,79,6.756,80,6.291,81,5.698,82,2.906,83,3.877,84,3.877,85,1.476,86,2.539,87,5.698,88,5.698,89,5.698,90,7.935,91,7.935,92,2.671,93,2.6,94,3.364,95,2.207,96,2.207,97,2.482,98,3.877,99,3.877,100,3.877,101,7.935,102,2.429,103,3.877,104,3.877,105,7.389,106,3.877,107,3.877,108,3.877,109,3.41,110,3.877,111,3.877,112,3.877,113,3.61,114,3.877,115,2.539,116,3.61,117,3.877,118,2.6,119,3.005,120,3.877,121,2.6,122,3.41,123,2.099,124,3.877,125,2.738,126,3.877,127,3.61,128,3.877,129,2.666,130,3.251,131,3.364,132,2.021,133,2.289,134,1.866,135,3.244,136,3.244,137,1.974,138,1.25,139,1.946,140,2.289,141,2.333,142,1.403,143,1.431,144,2.604,145,1.056,146,2.379,147,2.026,148,3.918,149,2.906,150,3.497,151,1.476,152,1.389,153,2.429,154,1.312,155,1.664,156,3.497,157,1.492,158,1.817,159,0.589,160,2.379,161,2.54,162,2.021,163,1.056,164,1.728]],["t/4",[7,0.016,9,0.244,10,0.261,11,0.255,12,0.25,13,0.277,15,0.272,20,1.571,25,0.217,26,0.251,28,1.734,37,0.244,49,0.796,51,0.407,62,2.699,76,2.699,95,4.29,96,4.29,157,2.9,165,7.127,166,3.782,167,6.629,168,6.629,169,4.934,170,5.322,171,6.629,172,6.061,173,4.824,174,2.321,175,2.475,176,1.637,177,1.533,178,2.052,179,0.317,180,5.841]],["t/6",[5,3.397,7,0.017,9,0.247,10,0.264,11,0.258,12,0.253,13,0.281,15,0.275,24,2.902,25,0.22,26,0.26,37,0.247,49,0.806,51,0.409,95,4.339,155,2.604,163,2.075,176,1.656,177,1.551,178,2.075,179,0.375,180,5.908,181,6.914,182,3.62,183,2.933,184,2.504,185,5.908]],["t/8",[7,0.016,9,0.243,10,0.259,11,0.254,12,0.248,13,0.276,15,0.27,20,1.561,25,0.216,26,0.259,28,1.723,33,0.541,37,0.243,51,0.405,62,2.681,95,4.261,157,2.88,163,2.038,165,6.02,173,4.791,174,2.305,175,2.458,176,1.626,177,1.523,178,2.038,179,0.371,180,6.84,181,5.801,184,2.899,186,5.146,187,5.146,188,4.901,189,4.593,190,6.276,191,3.927]],["t/10",[7,0.016,9,0.235,10,0.251,11,0.245,12,0.24,13,0.267,14,0.344,15,0.261,23,0.788,25,0.209,26,0.256,29,3.113,37,0.235,39,2.568,40,2.334,41,2.027,43,4.536,44,3.798,49,0.914,51,0.332,95,4.121,96,4.121,161,3.227,163,1.971,176,1.573,177,1.473,178,1.971,179,0.364,182,3.439,183,2.786,185,5.611,192,6.706,193,5.611,194,6.368,195,5.113,196,4.634,197,2.23,198,4.443,199,3.157,200,6.74,201,7.239,202,4.195,203,7.996,204,7.239,205,2.132,206,7.239,207,5.426]],["t/12",[7,0.022,9,0.215,10,0.23,11,0.225,12,0.22,13,0.245,15,0.24,20,1.712,23,0.97,24,3.127,25,0.192,26,0.249,28,1.529,37,0.215,51,0.377,62,2.942,85,2.53,95,3.783,147,1.992,155,1.94,163,1.809,173,4.253,174,2.046,175,2.697,176,1.443,177,1.352,178,1.809,179,0.345,181,5.15,182,3.156,184,2.928,185,6.365,187,4.569,191,3.486,192,5.15,197,2.046,208,2.357,209,5.15,210,2.971,211,2.729,212,5.15,213,7.338,214,5.572,215,5.145,216,3.901,217,7.841,218,4.064,219,5.968,220,5.647,221,5.968,222,4.675,223,5.968,224,5.145,225,5.968,226,7.338,227,6.644,228,6.186,229,3.597,230,6.186,231,4.98]],["t/14",[7,0.016,9,0.238,10,0.254,11,0.249,12,0.244,13,0.271,15,0.265,23,1.049,25,0.212,26,0.257,36,4.512,37,0.238,41,2.04,51,0.401,95,4.185,147,2.618,163,2.002,173,5.963,176,1.597,177,1.496,178,2.002,179,0.367,182,3.492,192,5.698,197,2.264,199,2.508,206,7.351,207,6.544,210,3.159,217,6.467,232,4.706,233,4.606,234,8.12,235,6.467,236,5.055]],["t/16",[7,0.016,9,0.24,10,0.256,11,0.251,12,0.245,13,0.273,14,0.351,15,0.267,16,1.899,23,0.954,25,0.213,26,0.258,37,0.24,41,1.621,43,4.637,44,3.883,49,0.926,51,0.429,55,2.76,163,2.015,176,1.608,177,1.506,178,2.015,179,0.369,199,2.525,205,2.18,233,4.637,237,6.57,238,2.732,239,1.821,240,6.206,241,5.227,242,8.174,243,8.174,244,5.547,245,5.227]],["t/18",[7,0.016,9,0.235,10,0.251,11,0.246,12,0.241,13,0.267,14,0.344,15,0.262,19,1.611,20,1.931,23,0.943,25,0.209,26,0.256,37,0.235,41,1.898,49,0.767,51,0.333,151,2.763,154,1.994,163,1.976,175,3.042,176,1.576,177,1.476,178,1.976,179,0.364,195,5.124,196,4.644,197,2.234,199,2.956,201,7.255,205,2.137,207,5.438,236,5.957,238,2.679,239,1.785,245,5.124,246,5.438,247,5.623,248,5.93]],["t/20",[7,0.016,9,0.242,10,0.258,11,0.253,12,0.248,13,0.275,14,0.354,15,0.269,23,0.959,24,2.844,25,0.215,26,0.259,32,2.841,35,2.757,37,0.242,41,1.636,49,0.931,51,0.43,163,2.033,176,1.622,177,1.519,178,2.033,179,0.371,199,2.548,205,2.199,233,4.679,237,5.597,239,1.837,241,4.179,244,6.605,249,2.904,250,6.262,251,5.597]],["t/22",[1,0.267,7,0.016,9,0.233,10,0.248,11,0.243,12,0.238,13,0.264,14,0.341,15,0.259,23,1.064,25,0.207,26,0.255,37,0.233,39,3.27,40,2.972,41,1.572,51,0.395,64,2.65,147,2.151,155,2.691,163,1.954,174,2.944,176,1.559,177,1.46,178,1.954,179,0.362,186,4.935,199,2.448,205,2.114,233,5.392,236,4.935,237,5.379,239,1.765,245,6.078,252,5.562,253,4.035,254,4.812,255,4.404,256,3.16]],["t/24",[7,0.016,9,0.237,10,0.253,11,0.248,12,0.243,13,0.269,14,0.347,15,0.264,20,1.939,23,0.796,25,0.211,26,0.257,37,0.237,41,1.603,51,0.442,147,2.611,154,2.004,163,1.993,175,3.054,176,1.59,177,1.489,178,1.993,179,0.366,199,2.497,205,2.156,239,1.8,251,5.486,256,4.094,257,6.329,258,3.184,259,3.11,260,5.887,261,4.6,262,5.486]],["t/26",[1,0.229,7,0.016,9,0.239,10,0.256,11,0.25,12,0.245,13,0.272,14,0.35,15,0.266,23,0.804,25,0.213,26,0.258,28,2.148,37,0.239,41,1.618,51,0.402,147,2.214,154,2.148,163,2.011,174,2.696,176,1.604,177,1.502,178,2.011,179,0.368,199,2.519,205,2.175,239,1.817,256,3.251,257,5.366,261,3.654,262,6.561,263,3.935,264,4.28,265,6.192,266,4.835,267,3.251,268,5.534]],["t/28",[4,2.637,7,0.016,9,0.241,10,0.257,11,0.252,12,0.246,13,0.274,14,0.353,15,0.268,23,0.809,25,0.214,26,0.258,37,0.241,41,1.628,51,0.403,147,2.635,154,2.023,163,2.024,173,5.627,176,1.615,177,1.512,178,2.024,179,0.37,199,2.536,205,2.189,239,1.829,241,4.16,244,5.572,251,6.588,256,3.87,257,5.402,261,4.349,269,4.473,270,6.234]],["t/30",[0,0.24,7,0.016,9,0.233,10,0.248,11,0.243,12,0.238,13,0.264,14,0.341,15,0.259,25,0.207,26,0.255,37,0.233,41,1.885,49,0.91,51,0.456,132,2.545,134,3.455,145,2.703,147,2.151,163,1.954,176,1.559,177,1.46,178,1.954,179,0.362,184,2.357,199,2.448,205,2.114,239,1.765,268,5.379,271,6.255,272,3.279,273,5.562,274,6.018,275,6.078,276,4.143,277,4.9,278,2.402,279,4.935,280,4.935]],["t/32",[7,0.015,9,0.219,10,0.234,11,0.229,12,0.224,13,0.249,14,0.32,15,0.244,19,1.724,23,0.735,25,0.195,26,0.25,37,0.219,41,1.817,51,0.43,121,4.528,154,2.066,163,1.839,176,1.467,177,1.374,178,1.839,179,0.349,184,2.218,199,2.304,205,1.989,239,1.661,248,4.323,255,5.51,262,5.061,263,3.598,268,6.217,271,4.907,274,5.662,275,5.858,276,3.251,277,5.331,278,2.26,281,4.144,282,5.662,283,5.662,284,4.643,285,6.959,286,3.406,287,2.971,288,4.163,289,6.956,290,6.287,291,6.287,292,3.844,293,5.431,294,4.643,295,2.87,296,8.977,297,5.94,298,6.752,299,4.643,300,5.061,301,5.662]],["t/34",[0,0.194,7,0.016,9,0.242,10,0.258,11,0.252,12,0.247,13,0.274,14,0.354,15,0.269,25,0.215,26,0.259,37,0.242,41,1.632,51,0.404,56,4.034,145,2.551,163,2.029,176,1.619,177,1.516,178,2.029,179,0.37,184,2.447,199,2.542,205,2.194,239,1.833,256,4.125,261,4.635,272,3.404,280,5.123,302,6.596,303,6.248,304,4.996]],["t/36",[0,0.233,7,0.015,9,0.219,10,0.233,11,0.228,12,0.223,13,0.248,14,0.32,15,0.243,19,1.627,25,0.194,26,0.25,29,4.26,37,0.219,41,1.476,51,0.449,145,2.548,147,2.02,154,2.211,163,1.835,174,2.075,176,1.464,177,1.371,178,1.835,179,0.348,184,2.946,197,2.551,199,2.299,205,1.985,208,2.39,210,2.438,214,5.651,217,7.287,239,1.658,267,3.95,271,4.897,272,3.079,280,5.696,287,2.968,294,4.634,302,5.051,305,4.897,306,7.713,307,6.738,308,4.314,309,4.136,310,3.334,311,3.222,312,5.928,313,5.42,314,5.651,315,6.738,316,7.443,317,3.118]],["t/38",[0,0.27,1,0.209,7,0.015,9,0.219,10,0.234,11,0.229,12,0.224,13,0.249,14,0.32,15,0.244,18,3.019,25,0.195,26,0.24,37,0.219,41,1.479,49,0.877,51,0.466,163,1.839,176,1.467,177,1.374,178,1.839,179,0.349,184,3.076,199,2.304,205,1.989,239,1.661,302,5.061,304,5.562,318,2.903,319,3.295,320,4.907,321,4.506,322,5.402,323,4.442,324,5.3,325,4.528]],["t/40",[0,0.262,1,0.264,7,0.015,9,0.228,10,0.244,11,0.238,12,0.233,13,0.259,14,0.334,15,0.254,17,3.027,19,1.754,24,2.68,25,0.203,26,0.227,37,0.228,41,1.542,51,0.323,123,3.811,154,1.958,163,1.917,176,1.529,177,1.932,178,1.917,179,0.358,184,2.312,199,2.402,205,2.073,239,1.732,267,3.1,277,4.843,293,4.609,304,4.72,318,3.027,325,5.705,326,3.939,327,5.116,328,7.039,329,4.533,330,3.216,331,3.811,332,6.554,333,7.775,334,7.775,335,1.984,336,4.609]],["t/42",[0,0.265,1,0.284,7,0.014,9,0.259,10,0.22,11,0.215,12,0.211,13,0.234,14,0.301,15,0.229,16,1.629,25,0.183,26,0.17,32,3.107,33,0.459,37,0.259,41,1.913,49,0.923,51,0.449,60,3.755,85,2.418,119,4.923,134,3.844,138,3.044,154,1.838,157,2.444,158,2.977,163,1.729,174,1.956,176,1.38,177,1.624,178,1.729,179,0.336,184,2.623,188,4.159,196,4.066,199,2.167,205,1.871,216,3.793,229,3.438,239,1.562,247,4.923,255,3.898,267,2.797,279,4.367,288,4.007,295,2.699,311,2.47,330,4.187,336,4.159,337,5.003,338,3.017,339,3.979,340,4.616,341,3.554,342,4.616,343,3.898,344,4.066,345,4.76,346,4.485,347,5.326,348,5.109,349,5.326,350,3.979,351,4.485,352,5.913,353,7.015,354,1.602,355,5.913,356,6.351,357,5.913,358,3.979]],["t/44",[0,0.264,1,0.279,7,0.015,9,0.221,10,0.236,11,0.231,12,0.226,13,0.251,14,0.323,15,0.246,25,0.196,26,0.182,37,0.221,41,1.491,49,0.881,51,0.46,93,4.565,134,4.013,142,2.463,154,1.567,155,2.862,163,1.854,176,1.479,177,1.385,178,1.854,179,0.351,184,2.738,199,2.323,205,2.005,222,3.876,229,3.685,231,5.102,239,1.675,249,2.647,284,4.681,318,2.927,321,4.522,325,4.565,336,5.459,337,4.265,359,4.808,360,5.104,361,3.466,362,7.762,363,5.709,364,7.519,365,5.476,366,5.476]],["t/46",[0,0.27,1,0.289,7,0.015,9,0.216,10,0.231,11,0.226,12,0.221,13,0.246,14,0.317,15,0.241,23,0.726,25,0.192,26,0.178,33,0.482,37,0.216,39,3.307,40,3.088,41,1.803,49,0.944,51,0.458,68,3.127,154,2.055,157,2.567,161,3.98,163,1.816,175,3.063,176,1.449,177,1.357,178,1.816,179,0.346,184,2.933,197,2.054,199,2.276,205,1.965,239,1.641,326,3.733,337,4.179,351,4.711,354,2.416,358,5.158,367,4.473,368,2.868,369,7.368,370,4.473,371,4.271]],["t/48",[0,0.268,1,0.292,7,0.015,9,0.224,10,0.239,11,0.234,12,0.229,13,0.254,14,0.327,15,0.249,23,0.75,25,0.199,26,0.184,33,0.498,37,0.224,39,2.445,40,2.222,41,1.985,49,0.997,51,0.444,59,3.72,138,2.222,163,1.877,176,1.498,177,1.402,178,1.877,179,0.353,182,3.274,184,2.264,197,2.123,199,2.866,205,2.03,208,2.445,239,1.696,278,2.307,330,3.15,351,4.868,354,2.285,368,2.964,371,4.413,372,5.5,373,4.868,374,2.421,375,4.868,376,3.15,377,3.51,378,4.868]],["t/50",[0,0.266,1,0.293,7,0.015,9,0.226,10,0.242,11,0.236,12,0.231,13,0.257,14,0.331,15,0.252,23,0.921,25,0.201,26,0.186,33,0.505,37,0.226,41,1.995,49,0.963,51,0.445,142,2.525,143,2.577,162,3.441,163,1.901,176,1.516,177,1.42,178,1.901,179,0.356,182,3.315,184,2.293,197,2.15,199,2.888,205,2.056,238,2.577,239,1.717,278,2.336,351,4.929,354,2.298,368,3.001,372,4.57,374,2.452,378,5.978,379,5.231,380,3.454,381,4.929]],["t/52",[0,0.27,1,0.285,7,0.014,9,0.208,10,0.222,11,0.218,12,0.213,13,0.237,14,0.305,15,0.232,25,0.185,26,0.172,33,0.464,37,0.208,39,3.114,40,2.966,41,1.762,45,3.527,49,1.021,51,0.462,68,3.012,154,2.118,155,2.686,157,2.472,161,3.913,163,1.75,174,2.918,176,1.396,177,1.307,178,1.75,179,0.338,184,3.022,197,1.979,199,2.192,205,1.892,239,1.581,259,2.73,351,4.538,354,2.438,358,4.025,368,2.763,371,5.149,372,4.207,382,4.207,383,2.257,384,4.418,385,4.418,386,4.661,387,6.425]],["t/54",[0,0.264,1,0.282,7,0.015,9,0.226,10,0.242,11,0.236,12,0.231,13,0.257,14,0.331,15,0.252,23,0.76,25,0.201,26,0.186,33,0.505,37,0.226,41,1.995,49,0.738,51,0.435,145,2.717,158,3.272,163,1.901,176,1.516,177,1.42,178,1.901,179,0.356,182,3.315,184,2.293,197,2.15,199,2.888,205,2.056,239,1.717,267,4.011,278,2.336,351,4.929,354,2.135,368,3.001,374,2.452,378,4.929,381,5.978,388,5.231,389,5.82,390,4.736,391,6.499,392,2.658,393,4.57]],["t/56",[0,0.264,1,0.286,7,0.014,9,0.211,10,0.225,11,0.221,12,0.216,13,0.24,14,0.309,15,0.235,20,2.051,23,0.883,25,0.188,26,0.174,33,0.471,37,0.211,39,2.877,40,2.848,41,1.935,49,0.857,51,0.456,52,0.853,76,2.333,151,2.48,159,0.99,163,1.774,166,3.269,176,1.415,177,1.325,178,1.774,179,0.341,184,2.664,197,2.006,199,2.767,205,1.918,210,2.357,215,4.081,216,3.094,278,2.18,311,2.533,351,4.6,354,2.229,368,2.801,374,2.288,393,4.265,394,4.978,395,4.17,396,4.071,397,4.17,398,5.535,399,3.471,400,4.265,401,5.462,402,4.733,403,5.049,404,5.049,405,5.239,406,5.439,407,6.513,408,4.882,409,1.97,410,4.265,411,4.265,412,4.265,413,4.081]],["t/58",[0,0.264,1,0.284,7,0.015,9,0.229,10,0.245,11,0.24,12,0.234,13,0.26,14,0.335,15,0.255,21,3.474,23,0.769,25,0.204,26,0.189,33,0.511,37,0.229,41,2.007,49,0.901,51,0.42,151,2.692,159,1.075,163,1.925,176,1.536,177,1.438,178,1.925,179,0.359,184,2.322,197,2.177,199,2.91,205,2.082,238,2.61,278,2.366,351,4.993,354,2.152,368,3.039,374,2.483,381,4.993,390,3.956,393,5.585,394,4.339,414,4.74,415,3.498,416,4.993,417,4.173]],["t/60",[0,0.272,1,0.311,7,0.014,9,0.212,10,0.226,11,0.222,12,0.217,13,0.241,14,0.31,15,0.236,23,0.712,25,0.189,26,0.217,37,0.212,41,1.781,49,0.691,51,0.3,52,0.857,142,3.202,143,3.267,145,2.214,151,2.49,159,0.994,163,1.781,176,1.421,177,1.33,178,1.781,179,0.342,184,2.148,197,2.014,199,2.774,205,1.926,249,2.543,256,2.879,261,3.236,278,3.188,299,5.591,368,2.812,374,3.345,394,4.013,413,5.095,418,4.385,419,5.074,420,4.797,421,4.282]],["t/62",[0,0.263,1,0.295,7,0.015,9,0.23,10,0.246,11,0.241,12,0.235,13,0.261,14,0.337,15,0.256,19,1.695,25,0.205,26,0.19,33,0.513,37,0.23,41,1.873,51,0.326,52,0.93,64,2.621,154,1.634,159,1.079,163,1.933,176,1.542,177,1.444,178,1.933,179,0.36,184,2.332,197,2.187,199,2.917,205,2.091,267,3.126,277,4.042,278,2.376,335,2.001,354,1.791,368,3.053,374,2.494,391,6.61,421,4.649,422,5.599,423,3.285,424,5.014,425,7.841,426,7.099,427,7.841,428,6.245,429,3.164,430,4.649]],["t/64",[0,0.263,1,0.296,7,0.016,9,0.231,10,0.247,11,0.242,12,0.236,13,0.263,14,0.338,15,0.257,19,1.697,25,0.206,26,0.19,33,0.515,37,0.231,41,1.878,49,0.906,51,0.327,52,0.934,64,2.632,154,1.641,159,1.084,163,1.942,176,1.549,177,1.451,178,1.942,179,0.361,184,2.342,197,2.196,199,2.925,205,2.1,210,2.58,276,3.432,278,2.387,335,2.01,354,1.799,368,3.066,374,2.504,413,4.467,421,5.614,422,4.669,429,3.178,431,3.741,432,4.903,433,7.13]],["t/66",[0,0.263,1,0.295,7,0.015,9,0.23,10,0.245,11,0.24,12,0.235,13,0.261,14,0.336,15,0.256,25,0.204,26,0.189,37,0.23,41,1.871,51,0.392,52,0.928,64,2.616,155,2.889,159,1.077,163,1.929,166,3.555,176,1.539,177,1.441,178,1.929,179,0.359,184,2.327,197,2.182,199,2.914,205,2.086,256,3.76,261,4.226,278,2.371,321,3.555,360,3.607,368,3.046,374,2.488,422,4.639,430,5.592,434,5.003,435,4.106,436,4.348,437,7.825,438,7.825,439,3.321,440,4.033]],["t/68",[0,0.261,1,0.289,7,0.013,9,0.253,10,0.211,11,0.207,12,0.202,13,0.225,14,0.29,15,0.22,16,1.566,19,1.623,20,1.883,23,0.664,25,0.176,26,0.163,37,0.198,41,1.706,43,3.825,49,0.823,51,0.438,52,0.8,55,2.277,92,3.651,102,3.825,137,3.109,159,0.928,163,1.663,164,3.471,175,2.967,176,1.326,177,1.242,178,1.663,179,0.328,184,3.065,197,1.88,199,2.657,205,1.798,208,2.166,216,2.9,256,3.429,267,2.688,278,2.044,279,4.198,285,4.732,288,3.064,310,3.853,311,2.374,335,1.721,340,4.437,342,4.437,346,4.312,368,3.348,374,2.144,404,6.036,409,1.847,435,4.513,440,3.476,441,4.024,442,3.064,443,3.794,444,7.787,445,6.264,446,7.265,447,6.036,448,3.8,449,3.416,450,3.445,451,3.253,452,7.251,453,6.743,454,6.743,455,6.743,456,3.305,457,2.595,458,3.305,459,3.305,460,3.109,461,2.507,462,3.109,463,3.305,464,2.721,465,3.604]],["t/70",[0,0.261,1,0.282,7,0.014,9,0.256,10,0.215,11,0.211,12,0.206,13,0.229,14,0.295,15,0.224,20,1.643,23,0.677,25,0.179,26,0.166,28,1.991,37,0.202,41,1.726,49,0.833,51,0.456,52,0.815,55,2.32,62,3.258,76,2.228,137,3.167,159,0.945,163,1.694,175,2.841,176,1.351,177,1.265,178,1.694,179,0.332,183,3.032,184,2.987,197,1.916,199,2.688,205,1.832,210,2.251,215,3.897,216,3.743,267,3.809,276,2.994,278,2.082,279,4.277,288,3.122,311,3.364,340,4.52,342,4.52,346,4.393,368,3.388,374,2.185,396,3.955,397,3.982,398,5.879,399,3.314,400,4.073,401,5.216,402,4.52,403,4.821,404,4.821,405,5.003,406,5.284,407,6.22,408,4.662,409,1.881,430,4.073,440,4.486,441,3.214,450,3.653,460,3.167,461,2.554,462,3.167,464,2.772,466,2.583,467,3.672,468,6.932,469,7.337,470,2.674]],["t/72",[0,0.265,1,0.279,7,0.013,9,0.197,10,0.21,11,0.205,12,0.201,13,0.223,14,0.288,15,0.219,23,0.66,25,0.175,26,0.162,27,4.193,28,2.073,35,2.238,37,0.197,41,1.698,49,0.819,51,0.427,52,0.794,93,4.064,118,4.064,144,4.254,147,1.817,159,0.921,163,1.65,174,1.867,176,1.317,177,1.233,178,1.65,179,0.326,184,3.179,188,3.969,197,1.867,199,2.644,205,1.785,216,3.682,219,5.633,221,5.633,223,5.633,225,5.633,229,3.281,278,2.86,286,2.489,287,2.171,288,3.042,300,4.542,317,2.805,329,3.229,340,4.404,341,3.391,349,5.082,350,4.856,368,3.333,374,3.002,398,3.797,417,5.495,423,2.805,441,3.132,465,4.576,470,2.606,471,3.512,472,5.3,473,4.064,474,3.72,475,4.413,476,7.217,477,5.643,478,5.198,479,5.082,480,6.694,481,7.488,482,3.797,483,3.797,484,3.797,485,3.88]],["t/74",[0,0.26,1,0.29,7,0.018,9,0.218,10,0.232,11,0.227,12,0.222,13,0.247,14,0.318,15,0.242,20,1.399,23,0.73,25,0.194,26,0.179,28,2.249,32,2.164,33,0.485,35,2.478,37,0.218,41,1.81,51,0.379,52,0.879,142,3.24,143,3.306,145,2.25,159,1.02,163,1.827,169,4.395,176,1.458,177,1.365,178,1.827,179,0.348,184,2.714,197,2.067,199,2.819,205,1.977,210,2.428,218,3.321,269,4.038,278,2.246,286,2.756,287,2.404,288,3.368,368,2.886,374,2.357,392,2.556,396,3.368,435,3.89,448,4.033,465,3.962,470,2.886,485,5.29,486,4.615,487,5.904,488,3.321,489,7.413,490,5.399,491,7.413,492,7.413,493,7.413,494,5.202,495,7.413,496,3.231,497,7.413,498,4.395]],["t/76",[0,0.261,1,0.296,7,0.016,9,0.233,10,0.248,11,0.243,12,0.238,13,0.264,14,0.341,15,0.259,23,0.781,25,0.207,26,0.192,35,2.65,37,0.233,41,1.885,51,0.329,52,0.94,59,3.312,138,2.972,159,1.091,163,1.954,176,1.559,177,1.46,178,1.954,179,0.362,184,2.357,197,2.21,199,2.936,205,2.114,278,2.402,368,3.086,374,2.521,376,3.279,377,4.868,485,4.594,498,5.636,499,4.935,500,5.068,501,7.926,502,7.926,503,4.594]],["t/78",[0,0.262,1,0.293,7,0.015,9,0.225,10,0.24,11,0.235,12,0.23,13,0.255,14,0.329,15,0.25,19,1.684,23,0.755,25,0.2,26,0.185,28,2.267,35,2.561,37,0.225,41,1.847,51,0.387,52,0.909,159,1.054,163,1.889,176,1.507,177,1.411,178,1.889,179,0.355,184,2.77,197,2.136,199,2.877,205,2.043,216,3.295,253,3.252,278,2.322,335,1.955,368,2.982,374,2.436,429,3.091,470,2.982,475,3.949,498,4.542,503,5.398,504,3.949,505,4.651,506,3.881,507,6.936,508,5.199,509,4.651,510,7.661,511,5.816,512,7.661,513,6.936,514,7.661]],["t/80",[0,0.262,1,0.278,7,0.012,8,1.27,9,0.175,10,0.186,11,0.182,12,0.178,13,0.198,14,0.255,15,0.194,19,1.603,23,0.586,25,0.155,26,0.144,41,1.571,44,2.823,49,0.569,51,0.463,52,0.705,59,2.071,60,2.314,76,3.555,102,4.494,138,3.081,142,2.595,143,2.648,145,1.465,159,0.818,162,2.861,163,1.465,175,2.826,176,1.169,177,1.75,178,1.465,179,0.302,184,3.139,197,1.657,199,2.447,205,1.585,210,3.591,253,3.362,259,2.287,278,1.801,284,3.701,288,5.139,330,3.277,331,3.883,335,1.517,341,5.158,368,2.314,374,1.89,376,2.459,377,3.652,380,2.663,392,2.049,398,3.372,420,2.556,429,4.108,443,2.261,449,3.011,450,2.162,451,3.822,457,2.287,461,2.21,464,2.399,503,3.445,515,2.823,516,2.459,517,6.181,518,5.944,519,4.171,520,5.944,521,4.171,522,5.011,523,5.944,524,10.18,525,4.932,526,5.944,527,5.944,528,5.944,529,2.913,530,3.445]],["t/82",[0,0.268,1,0.289,7,0.015,9,0.217,10,0.232,11,0.227,12,0.222,13,0.247,14,0.318,15,0.242,19,1.624,23,0.729,25,0.193,26,0.179,37,0.217,41,1.808,51,0.411,52,0.878,62,3.345,102,4.196,115,4.386,138,3.01,142,2.423,143,2.473,159,1.018,162,2.376,163,1.824,175,2.2,176,1.455,177,1.363,178,1.824,179,0.347,184,3.283,197,2.063,199,2.816,205,1.973,253,3.14,261,3.314,277,3.813,278,2.242,281,4.111,330,3.06,335,1.888,350,4.196,368,2.88,374,2.352,377,3.41,451,3.569,517,4.491,530,5.283,531,4.606,532,7.398,533,6.697,534,7.398,535,3.268,536,3.954]],["t/84",[0,0.262,1,0.29,4,2.381,7,0.015,9,0.218,10,0.232,11,0.227,12,0.222,13,0.247,14,0.318,15,0.242,19,1.699,23,0.73,25,0.194,26,0.179,28,2.208,37,0.218,41,1.81,51,0.429,52,0.879,138,2.664,159,1.02,163,1.827,176,1.458,177,1.365,178,1.827,179,0.348,184,2.941,197,2.067,199,2.819,205,1.977,228,6.249,277,3.821,278,2.246,335,1.892,368,2.886,374,2.357,450,3.753,451,4.403,461,2.756,470,2.886,517,4.5,519,5.202,530,4.296,533,6.711,536,4.878,537,3.89,538,4.205,539,4.877,540,3.214,541,2.92,542,7.413,543,7.413,544,4.205,545,7.413,546,7.413,547,7.413,548,4.296]],["t/86",[0,0.264,1,0.285,4,2.288,7,0.014,9,0.209,10,0.223,11,0.219,12,0.214,13,0.237,14,0.306,15,0.233,20,2.069,23,0.702,25,0.186,26,0.172,32,2.971,37,0.209,41,1.766,49,0.852,51,0.423,52,0.845,76,2.311,155,2.69,159,0.98,163,1.756,174,2.838,176,1.401,177,1.312,178,1.756,179,0.339,183,2.482,184,3.115,197,1.987,199,2.751,205,1.9,210,2.334,229,3.492,249,2.508,278,2.159,317,2.985,368,3.466,374,2.265,383,3.236,398,4.041,409,1.951,429,2.875,435,4.673,439,3.024,521,4.999,548,4.129,549,4.59,550,3.738,551,4.999,552,3.959,553,2.875,554,7.124,555,7.124,556,6.45,557,7.124,558,6.45,559,7.124,560,7.124,561,3.333,562,2.911,563,3.738,564,3.881,565,3.959]],["t/88",[0,0.262,1,0.293,4,2.476,7,0.015,9,0.226,10,0.242,11,0.236,12,0.231,13,0.257,14,0.331,15,0.252,19,1.687,23,0.76,25,0.201,26,0.186,37,0.226,41,1.854,51,0.418,52,0.915,159,1.061,163,1.901,176,1.516,177,1.42,178,1.901,179,0.356,184,2.78,197,2.15,199,2.888,205,2.056,278,2.336,319,3.406,321,3.503,335,1.967,360,4.94,368,3.001,374,2.452,517,4.68,536,4.12,548,5.418,549,3.974,566,4.8,567,7.709,568,5.853,569,7.881,570,7.709,571,4.929,572,7.709,573,4.8]],["t/90",[0,0.261,1,0.296,7,0.016,9,0.233,10,0.249,11,0.244,12,0.238,13,0.265,14,0.341,15,0.259,20,1.995,23,0.783,25,0.207,26,0.192,37,0.233,41,1.888,49,0.76,52,0.942,152,2.576,159,1.093,163,1.958,176,1.563,177,1.463,178,1.958,179,0.363,184,2.362,197,2.215,199,2.94,205,2.118,258,3.129,266,5.643,278,2.407,368,3.092,374,2.526,383,3.241,409,2.175,562,3.245,565,4.414,574,5.079,575,5.079,576,7.944,577,4.823]],["t/92",[0,0.257,1,0.294,7,0.015,9,0.227,10,0.243,11,0.237,12,0.232,13,0.258,14,0.333,15,0.253,16,1.798,23,0.763,25,0.202,26,0.187,37,0.227,41,1.859,49,0.897,52,0.918,152,2.511,155,2.664,159,1.065,163,1.909,176,1.523,177,1.426,178,1.909,179,0.357,197,2.159,199,2.895,202,5.289,205,2.064,258,3.05,266,4.59,278,2.346,368,3.648,374,2.462,383,3.411,386,4.918,435,4.062,439,3.286,549,3.991,551,5.433,552,4.302,565,5.208,574,4.95,578,4.487,579,7.742,580,7.742,581,4.59,582,4.59]],["t/94",[0,0.263,1,0.296,7,0.016,9,0.232,10,0.247,11,0.242,12,0.237,13,0.263,14,0.339,15,0.258,20,2.036,23,0.778,25,0.206,26,0.191,37,0.232,41,1.88,52,0.936,159,1.086,163,1.946,176,1.552,177,1.454,178,1.946,179,0.361,184,2.347,197,2.201,199,2.929,205,2.104,258,3.109,278,2.392,368,3.072,374,2.51,383,3.353,409,2.161,466,2.968,562,3.224,563,4.141,569,6.653,577,4.791,583,5.496,584,4.791,585,7.892,586,4.385]],["t/96",[0,0.26,1,0.295,7,0.015,9,0.23,10,0.245,11,0.24,12,0.235,13,0.261,14,0.336,15,0.256,19,1.655,23,0.771,25,0.204,26,0.189,37,0.23,41,1.871,49,0.903,51,0.392,52,0.928,132,2.513,159,1.077,163,1.929,174,2.182,176,1.539,177,1.441,178,1.929,179,0.359,184,2.327,197,2.182,199,2.914,205,2.086,210,3.09,258,3.082,266,4.639,278,2.371,285,5.491,287,2.538,293,4.639,335,1.997,368,3.046,374,2.488,474,4.348,577,5.727,583,4.535,587,5.148,588,7.084,589,7.084,590,5.941]],["t/98",[0,0.263,1,0.28,7,0.013,9,0.198,10,0.211,11,0.206,12,0.202,13,0.224,14,0.289,15,0.22,18,2.501,19,1.658,20,1.988,21,2.732,23,0.663,25,0.176,26,0.163,37,0.198,41,1.704,49,0.822,51,0.47,52,0.798,92,2.857,159,0.926,162,3.039,163,1.659,174,1.877,176,1.324,177,1.582,178,1.659,179,0.327,184,3.132,197,2.639,199,2.654,205,1.795,216,4.07,258,2.651,278,2.04,284,4.191,311,2.37,319,2.974,323,3.849,331,3.299,335,1.718,361,3.103,368,2.62,374,2.14,400,3.991,406,4.087,409,1.843,435,3.532,443,3.917,449,3.41,457,2.59,488,3.016,507,6.094,521,4.724,544,3.818,583,3.901,586,4.774,591,3.818,592,6.094,593,6.094,594,6.731,595,5.674,596,5.674,597,6.731,598,6.731,599,3.991,600,6.731,601,6.731,602,5.361,603,5.361,604,4.902,605,6.731,606,6.731,607,5.674,608,4.902,609,6.731,610,4.087]],["t/100",[0,0.261,1,0.27,7,0.012,8,1.306,9,0.179,10,0.192,11,0.188,12,0.183,13,0.204,14,0.263,15,0.2,18,2.712,19,1.573,23,0.602,25,0.16,26,0.148,28,2.138,30,3.738,41,1.601,49,0.982,51,0.47,52,0.725,62,3.328,93,3.711,142,2.002,159,0.841,162,3.086,163,1.507,176,1.202,177,1.126,178,1.507,179,0.307,183,2.812,184,3.112,197,2.25,199,2.493,205,2.152,229,2.996,254,3.711,255,3.397,263,2.949,264,3.207,267,3.602,277,3.151,278,1.852,284,3.806,288,2.778,294,5.024,295,3.476,311,2.152,317,4.026,321,2.778,322,3.33,323,2.739,324,3.267,331,3.956,335,1.56,350,3.467,355,5.153,368,3.142,374,1.944,429,3.878,516,2.529,519,4.29,553,3.257,569,5.153,586,3.397,595,5.153,610,4.9,611,3.267,612,5.79,613,4.868,614,7.306,615,3.806,616,5.534,617,5.534,618,5.153,619,4.868,620,3.806,621,4.29,622,3.207,623,4.452,624,3.806,625,5.777,626,6.127,627,7.296,628,9.609,629,6.113,630,6.113,631,6.113,632,4.29,633,6.113,634,4.868,635,6.113,636,3.711]],["t/102",[0,0.259,1,0.292,7,0.015,9,0.224,10,0.239,11,0.234,12,0.229,13,0.254,14,0.327,15,0.249,18,2.87,19,1.199,23,0.75,24,3.198,25,0.199,26,0.184,37,0.224,41,1.84,51,0.457,52,0.903,159,1.048,163,1.877,176,1.498,177,1.402,178,1.877,179,0.353,184,2.264,197,2.123,199,2.866,205,2.03,232,4.413,263,3.673,278,2.307,310,4.156,321,3.459,322,4.147,323,3.411,324,4.069,335,1.943,368,2.964,374,2.421,429,4.203,504,3.924,610,4.622,636,5.632,637,5.009,638,9.43,639,3.673]],["t/104",[0,0.257,1,0.283,7,0.014,9,0.203,10,0.217,11,0.212,12,0.208,13,0.231,14,0.297,15,0.226,18,2.88,20,1.651,21,3.203,24,2.386,25,0.181,26,0.167,37,0.203,39,3.079,40,2.798,41,1.734,45,2.517,51,0.432,52,0.821,62,2.836,145,2.483,147,2.374,154,1.442,159,0.953,163,1.707,176,1.362,177,1.275,178,1.707,179,0.333,183,3.047,184,2.059,197,1.93,199,2.701,205,1.846,215,3.927,218,3.101,232,4.012,238,2.314,256,2.76,267,3.486,272,2.864,276,3.017,278,2.098,321,3.145,322,3.771,323,3.101,324,3.7,347,5.255,361,3.191,363,5.255,368,2.695,374,2.201,383,2.201,392,2.386,409,1.896,415,3.101,496,3.017,535,3.058,562,2.828,575,4.426,620,4.309,636,4.202,639,4.219,640,3.239,641,5.255,642,5.835,643,4.104,644,6.267,645,6.922,646,6.922,647,6.922,648,5.835,649,6.922,650,4.309,651,6.267,652,6.922,653,6.922,654,4.858,655,4.012,656,2.338,657,3.288,658,3.507,659,3.507,660,3.927]],["t/106",[0,0.255,1,0.291,7,0.015,9,0.22,10,0.235,11,0.23,12,0.225,13,0.25,14,0.322,15,0.245,19,1.566,21,2.924,23,0.739,25,0.196,26,0.181,28,1.564,30,4.288,37,0.22,41,1.824,51,0.431,52,0.89,134,3.271,147,2.496,154,1.564,156,4.17,159,1.033,163,1.85,174,2.89,176,1.476,177,1.382,178,1.85,179,0.35,184,2.232,197,2.092,199,2.84,205,2.001,238,2.508,256,2.992,267,2.992,278,2.274,288,3.41,294,4.672,318,2.921,331,3.678,368,2.921,374,2.386,478,4.556,496,3.271,561,3.511,639,3.62,660,5.216,661,4.17,662,7.504,663,3.666,664,7.504,665,7.504,666,7.504,667,4.011,668,5.976,669,7.504,670,4.556]],["t/108",[0,0.253,1,0.288,7,0.014,9,0.215,10,0.23,11,0.225,12,0.22,13,0.244,14,0.315,15,0.239,18,2.6,19,1.618,20,1.94,23,0.893,25,0.191,26,0.177,37,0.215,41,1.797,51,0.447,52,0.869,147,2.459,150,4.07,154,1.526,156,5.034,157,2.551,158,3.108,159,1.008,160,4.07,161,4.262,162,3.391,163,1.806,176,1.441,177,1.349,178,1.806,179,0.345,184,2.178,197,2.042,199,2.798,205,1.953,267,2.92,278,2.219,285,5.14,295,2.818,331,3.59,361,3.376,368,2.851,374,2.329,517,4.446,544,4.154,620,4.559,634,5.833,660,4.154,663,2.92,671,6.63,672,7.324,673,7.324,674,4.446,675,7.324,676,7.324,677,6.174,678,6.174,679,6.63,680,6.174,681,7.324]],["t/110",[0,0.238,1,0.283,6,2.207,7,0.012,8,1.353,9,0.243,10,0.199,11,0.194,12,0.19,13,0.211,14,0.272,15,0.207,16,1.919,19,1.448,23,0.996,25,0.165,26,0.153,32,3.025,41,1.823,43,4.686,49,0.791,51,0.445,52,0.751,53,2.761,61,3.056,64,2.118,70,4.81,73,3.809,131,4.416,132,2.034,133,3.386,134,2.761,135,4.739,136,4.258,137,3.809,138,2.412,139,3.754,140,4.416,141,3.451,142,2.706,143,2.762,144,4.031,145,2.037,146,3.52,147,2.242,148,3.944,163,1.562,174,1.766,176,1.246,177,1.167,178,1.562,179,0.315,184,1.884,197,1.766,199,2.552,205,1.689,215,3.594,216,3.553,247,4.446,256,2.526,267,3.294,277,3.265,278,1.92,288,2.879,342,4.168,343,3.52,344,4.789,349,4.81,368,3.216,374,2.015,398,4.686,436,4.591,475,3.265,476,5.34,541,2.495,575,4.051,603,5.045,648,5.34,682,0.537,683,4.789,684,5.34,685,6.335,686,4.051,687,5.045,688,5.735,689,5.045,690,5.045,691,5.735,692,5.735,693,5.34,694,5.735,695,3.672,696,6.335,697,6.335,698,6.335,699,6.335,700,6.335,701,6.335,702,6.335,703,6.335,704,6.239,705,6.335,706,9.194,707,7.48,708,3.846,709,6.335,710,6.335,711,6.335,712,5.045,713,4.446,714,6.335,715,4.051,716,6.335,717,6.335,718,6.335]],["t/112",[0,0.248,1,0.28,5,3.471,6,2.349,7,0.017,9,0.198,10,0.211,11,0.207,12,0.202,13,0.225,14,0.29,15,0.22,18,2.637,19,1.659,20,1.883,23,0.933,25,0.176,26,0.163,27,4.269,30,2.79,37,0.198,41,1.706,44,4.086,51,0.428,52,0.8,142,2.209,147,2.943,148,4.198,150,4.78,151,2.325,152,2.187,153,3.825,154,1.405,155,2.637,156,3.747,163,1.663,170,4.312,176,1.326,177,1.242,178,1.663,179,0.328,184,2.005,197,2.398,199,2.657,205,1.798,222,4.434,248,3.909,256,2.688,278,2.607,287,2.187,368,2.625,374,2.144,390,3.416,429,3.471,473,4.094,488,3.021,509,4.094,551,4.732,575,4.312,648,5.685,655,3.909,656,2.905,657,4.086,663,3.429,719,6.743,720,6.105,721,6.743,722,5.12,723,5.12,724,6.743,725,6.743,726,6.743,727,6.743,728,6.743,729,3.416,730,6.743,731,6.105,732,6.743,733,6.743,734,6.743,735,6.743,736,6.743,737,6.85,738,6.743,739,6.743,740,6.743]],["t/114",[0,0.26,1,0.295,6,2.726,7,0.015,9,0.23,10,0.245,11,0.24,12,0.235,13,0.261,14,0.336,15,0.256,18,2.068,23,0.771,24,2.698,25,0.204,26,0.189,37,0.23,41,1.871,51,0.421,52,0.928,53,3.41,64,2.616,131,4.182,132,2.513,135,5.22,136,5.22,148,5.872,149,5.31,150,4.348,163,1.929,176,1.539,177,1.441,178,1.929,179,0.359,184,2.327,197,2.182,199,2.914,205,2.086,232,4.535,256,3.119,278,2.371,310,3.505,368,3.046,374,2.488,475,4.033,575,5.003,603,6.232,741,7.825]],["t/116",[0,0.257,1,0.282,6,2.692,7,0.015,9,0.227,10,0.242,11,0.237,12,0.232,13,0.258,14,0.332,15,0.252,18,2.042,23,0.761,24,3.227,25,0.202,26,0.187,28,1.951,29,3.644,37,0.227,41,1.856,43,4.382,49,0.739,51,0.453,52,0.916,54,4.054,63,5.425,64,2.582,65,4.293,66,4.58,67,4.81,68,4.274,69,5.827,70,5.866,163,1.905,176,1.52,177,1.423,178,1.905,179,0.357,183,2.692,184,2.784,197,2.154,199,2.891,205,2.06,232,4.478,267,3.08,278,2.341,310,3.461,368,3.644,374,2.457]],["t/118",[0,0.256,1,0.292,6,2.647,7,0.018,9,0.223,10,0.238,11,0.233,12,0.228,13,0.253,14,0.326,15,0.248,19,1.459,22,4.543,24,2.619,25,0.198,26,0.184,29,3.607,37,0.223,41,1.983,46,4.31,49,0.887,51,0.467,52,0.901,53,4.038,54,4.862,55,2.566,56,3.724,57,3.986,58,5.048,59,3.228,60,3.607,61,4.47,62,3.005,63,4.403,163,1.873,176,1.494,177,1.399,178,1.873,179,0.353,184,2.259,197,2.118,199,2.862,205,2.026,278,2.302,368,3.607,374,2.416]],["t/120",[0,0.257,1,0.294,6,2.697,7,0.018,9,0.227,10,0.243,11,0.237,12,0.232,13,0.258,14,0.333,15,0.253,19,1.219,24,2.669,25,0.202,26,0.187,31,4.716,32,2.736,34,4.82,35,2.588,37,0.227,41,1.999,45,3.409,46,5.316,47,4.487,48,4.392,49,0.897,50,5.022,51,0.458,52,0.918,53,4.085,54,4.062,163,1.909,176,1.523,177,1.426,178,1.909,179,0.357,184,2.302,197,2.159,199,2.895,205,2.064,278,2.346,368,3.648,374,2.462]],["t/122",[0,0.258,1,0.295,2,4.191,3,3.615,5,3.811,6,2.732,7,0.015,9,0.23,10,0.246,11,0.241,12,0.235,13,0.261,14,0.337,15,0.256,16,1.821,17,3.053,19,1.596,23,0.773,25,0.205,26,0.19,34,5.88,35,2.621,36,4.357,37,0.23,38,5.159,39,2.518,40,2.289,41,2.087,42,3.907,43,5.358,44,4.486,45,3.435,46,4.448,51,0.393,163,1.933,176,1.542,177,1.444,178,1.933,179,0.36,197,2.187,199,2.917,205,2.091,278,2.376,368,3.053,374,2.494]],["t/124",[0,0.205,1,0.244,6,3.032,7,0.017,9,0.202,10,0.215,11,0.211,12,0.206,13,0.229,16,2.407,26,0.166,37,0.202,43,4.937,51,0.286,55,2.32,63,3.982,64,2.909,65,3.817,70,5.216,71,7.609,72,7.337,73,3.167,74,6.22,75,7.88,76,3.361,77,8.649,78,5.216,79,8.649,80,8.054,81,7.88,82,4.662,83,6.22,84,6.22,85,2.368,86,4.073,87,7.88,88,7.88,89,7.88,90,9.382,91,9.382,92,3.694,93,4.171,94,4.652,95,3.541,96,3.541,97,3.982,98,6.22,99,6.22,100,6.22,101,9.382,102,3.897,103,6.22,104,6.22,105,8.736,106,6.22,107,6.22,108,6.22,109,5.471,110,6.22,111,6.22,112,6.22,113,5.791,114,6.22,115,4.073,116,5.791,117,6.22,118,4.171,119,4.821,120,6.22,121,4.171,122,5.471,123,3.367,124,6.22,125,4.393,126,6.22,127,5.791,128,6.22,129,4.277,130,5.216,131,3.672,163,1.694,176,1.351,177,1.265,178,1.694,179,0.332]],["t/126",[0,0.261,1,0.311,4,1.561,7,0.02,8,1.039,9,0.305,10,0.347,11,0.318,12,0.311,13,0.346,14,0.446,15,0.339,18,2.307,19,1.584,20,1.959,21,2.194,23,0.991,24,1.676,25,0.271,26,0.251,28,1.013,30,3.317,32,2.014,33,0.679,37,0.3,39,1.561,40,1.419,45,1.768,49,0.66,51,0.383,52,1.231,62,2.238,132,1.561,145,1.701,147,1.873,152,2.238,154,1.438,155,2.307,159,1.428,162,1.561,163,1.199,164,2.784,174,2.433,178,1.199,202,3.62,238,2.306,249,1.712,258,3.63,263,3.328,264,2.551,266,4.09,272,2.011,310,2.178,318,1.893,319,2.148,335,2.227,383,2.93,386,2.551,392,1.676,409,2.524,415,2.178,439,2.928,443,2.624,457,1.871,466,1.828,496,3.007,504,2.506,535,2.148,549,3.556,550,2.551,561,3.228,562,3.276,563,3.62,564,2.649,565,3.834,574,3.109,577,4.188,578,2.818,581,2.883,582,2.883,583,3.999,584,2.952,586,3.834,587,3.199,591,2.758,610,4.188,611,2.599,612,2.818,636,4.188,637,3.199,639,3.328,640,2.275,658,2.463,659,2.463,660,3.914,661,2.702,670,2.952]],["t/128",[0,0.235,1,0.253,2,4.821,3,3.712,4,1.957,5,3.25,6,2.123,7,0.016,8,1.302,9,0.179,10,0.191,11,0.187,12,0.183,13,0.203,14,0.262,15,0.199,16,1.415,17,2.372,18,2.128,19,1.646,20,1.812,21,2.868,22,4.099,23,0.793,24,2.1,25,0.159,26,0.147,27,2.429,28,2,29,3.135,30,3.97,31,2.85,32,2.351,34,3.793,41,1.789,44,3.825,49,0.771,51,0.435,92,2.586,97,3.531,123,3.947,147,1.654,163,1.502,176,1.198,177,1.122,179,0.232,183,3.698,197,2.915,198,3.385,199,2.487,205,1.625,210,3.625,214,4.626,217,7.184,255,3.385,256,3.21,267,3.978,276,3.931,277,5.144,278,1.846,286,2.994,311,3.379,314,4.626,317,4.181,331,3.947,350,5.117,368,2.372,374,1.937,448,2.692,494,4.275,575,3.896,599,3.612,620,3.793,693,5.136,742,5.298,743,5.516,744,5.516,745,3.14,746,6.092,747,4.275,748,6.092,749,6.092,750,4.387,751,6.092,752,3.699,753,5.516,754,8.166,755,8.053,756,6.092,757,4.134,758,7.29,759,7.29,760,5.516,761,5.516,762,6.092,763,5.516,764,5.516,765,5.516]],["t/130",[0,0.27,1,0.322,2,2.585,3,2.23,4,2.953,5,2.774,6,3.611,26,0.266,34,3.011,35,3.286,36,3.819,43,2.744,46,2.744,47,2.803,54,2.538,55,2.94,56,3.369,63,2.803,64,3.358,65,3.819,70,3.672,95,5.067,131,2.585,132,2.796,148,3.011,150,2.687,151,3.171,152,2.593,156,2.687,157,3.329,158,3.394,159,1.553,165,3.522,166,3.633,180,3.394,181,3.394,182,4.227,185,3.394,186,4.279,192,3.394,193,3.394,207,3.282,208,2.796,236,3.011,237,3.282,238,3.194,239,2.473,244,3.282,245,3.093,249,3.065,251,3.282,253,2.053,257,3.182,258,3.764,259,3.076,262,3.282,263,4.2,264,3.606,266,2.867,268,3.282,269,3.744,271,3.182,272,3.602,280,3.011,281,3.819,302,3.282,304,2.936,318,3.389,319,3.533,325,2.936,326,3.482,336,2.867,337,2.744,358,2.744,371,2.803,372,2.867,378,3.093,381,3.093,393,2.867,394,2.687,413,2.744,421,2.867,422,2.867,423,2.88,430,2.867,431,2.297,440,2.493,441,2.263,465,2.585,466,2.585,485,2.803,498,2.867,499,3.011,503,2.803,504,3.543,530,2.803,536,2.585,537,2.538,548,2.803,549,2.493,565,2.687,577,2.936,583,2.803,586,2.687,610,2.936,636,2.936,639,2.333,660,2.744]],["t/132",[0,0.271,1,0.308,7,0.02,9,0.302,10,0.346,11,0.316,12,0.309,13,0.343,14,0.443,15,0.336,19,1.49,20,1.486,21,2.502,23,0.663,25,0.269,26,0.252,33,0.716,37,0.302,39,1.509,40,2.297,45,2.449,49,0.87,51,0.422,52,1.079,59,2.346,64,2.63,68,1.995,138,1.372,142,1.54,143,1.571,145,2.243,151,2.713,154,1.64,155,2.502,157,1.637,158,1.995,159,1.303,161,1.897,162,2.163,163,1.159,164,2.717,166,3.06,174,1.878,178,1.159,182,3.384,208,1.509,238,2.251,239,1.914,249,1.655,256,1.874,259,1.808,261,2.106,267,1.874,278,2.041,330,1.944,335,1.719,354,2.277,371,3.903,372,3.992,373,3.005,374,2.141,375,3.005,376,1.944,377,2.167,378,4.306,379,3.189,380,2.106,381,4.306,382,2.786,383,1.495,384,2.926,385,2.926,388,3.189,389,2.926,390,3.412,392,1.62,393,3.992,394,3.742,395,2.724,409,1.287,410,2.786,411,2.786,412,2.786,413,3.82,414,2.853,415,2.106,416,3.005,417,2.512,418,2.853,419,4.146,420,3.912,421,3.992,422,3.992,423,1.969,424,3.005,430,3.992,431,2.232,432,2.926,434,3.005,439,1.995]],["t/134",[1,0.155,4,1.779,5,2.235,7,0.021,9,0.313,10,0.352,11,0.327,12,0.32,13,0.355,14,0.438,15,0.348,19,0.872,20,1.426,23,1.023,24,2.604,25,0.278,26,0.272,33,0.697,35,1.852,36,3.078,37,0.313,39,1.779,40,1.617,41,1.099,49,0.723,51,0.402,55,1.871,64,1.852,95,4.759,147,2.333,151,1.91,154,1.574,155,1.997,163,1.366,164,3.048,173,4.378,174,2.106,175,2.246,178,1.366,181,5.301,182,3.971,183,1.93,184,2.246,185,5.301,186,3.448,187,3.448,192,5.301,193,3.887,194,4.412,195,4.83,207,5.126,208,1.779,209,3.887,210,2.475,211,2.06,212,3.887,232,3.211,233,5.238,236,4.703,237,5.126,238,2.525,239,2.221,240,4.206,241,4.355,244,5.126,245,4.83,246,3.759,248,3.211,249,1.95,250,4.206,251,5.126,252,3.887,253,2.351,256,3.012,257,4.97,258,2.182,259,2.131,260,4.034,261,3.384,269,3.018,270,4.206]],["t/136",[0,0.26,1,0.31,4,2.197,7,0.02,8,1.026,9,0.304,10,0.347,11,0.317,12,0.311,13,0.345,14,0.445,15,0.338,19,1.649,20,1.291,23,1.02,25,0.27,26,0.25,27,2.727,28,2.09,33,0.677,35,2.902,37,0.3,49,0.762,51,0.408,52,1.228,55,2.31,59,2.383,60,1.87,62,2.219,138,1.997,142,1.574,143,1.606,144,2.83,145,1.687,159,1.424,162,1.543,163,1.185,164,2.761,175,2.581,178,1.185,208,1.543,253,2.904,259,1.849,269,2.617,281,2.67,319,2.123,335,2.433,360,3.154,376,2.83,377,3.154,380,2.153,392,2.358,409,1.874,423,2.013,440,3.526,441,3.201,442,2.183,443,3.03,450,3.468,451,2.318,456,2.355,457,2.632,458,2.355,459,2.355,460,3.154,461,3.228,462,3.154,463,2.355,464,3.215,465,3.656,466,1.807,467,2.568,470,3.571,471,2.521,472,3.526,482,2.726,483,2.726,484,2.726,485,3.965,486,2.991,498,4.056,499,2.991,500,3.072,503,3.965,504,2.477,505,2.917,515,2.282,516,1.988,529,2.355,530,3.965,531,2.991,535,2.123,536,3.656,537,2.521,538,2.726,548,3.965,566,2.991,573,2.991]],["t/138",[7,0.019,9,0.282,10,0.333,11,0.295,12,0.289,13,0.321,15,0.314,25,0.251,26,0.257,33,0.672,37,0.282,51,0.4,76,2.622,95,4.958,96,4.167,157,3.351,164,3.262,165,7.005,166,3.673,167,6.438,168,6.438,169,4.793,170,5.169,171,6.438,172,5.887,178,1.993,180,6.75,184,2.404,186,5.033,187,5.033,188,4.793]],["t/140",[0,0.269,1,0.27,7,0.021,9,0.306,10,0.347,11,0.32,12,0.313,13,0.347,14,0.448,15,0.34,16,1.152,18,2.547,19,1.592,25,0.272,26,0.264,28,1.034,29,1.931,32,1.448,33,0.69,37,0.309,39,1.593,40,2.043,41,0.984,49,0.843,51,0.42,56,2.432,68,2.106,132,1.593,138,2.71,145,2.375,147,1.899,154,2.063,155,2.143,157,2.438,158,2.106,161,2.002,163,1.223,164,2.824,175,1.475,177,0.914,178,1.223,184,1.475,196,2.875,199,1.532,205,1.323,208,1.593,239,2.321,249,1.747,256,3.511,261,3.945,262,4.749,263,3.376,264,2.603,265,3.767,268,4.749,271,4.604,272,3.354,273,3.482,277,2.557,280,4.357,281,2.757,282,3.767,283,3.767,293,2.941,302,4.749,303,3.767,304,4.249,305,3.264,318,3.156,319,2.192,320,3.264,321,3.684,322,2.703,323,2.223,324,2.652,325,4.249,326,3.545,327,3.264,330,3.354,335,1.266,336,4.149,337,3.97,338,2.134,339,2.814,354,1.133,358,3.97,359,3.172,360,4.281,367,3.012,370,3.012]],["t/142",[0,0.269,19,1.367,25,0.147,26,0.136,39,2.456,52,0.669,138,2.233,321,2.564,322,3.073,323,2.527,324,3.015,330,2.334,360,3.526,377,2.601,419,3.69,766,5.642,767,5.642,768,5.642,769,5.108,770,5.642,771,5.642,772,5.642,773,5.108,774,9.725,775,5.642,776,7.649,777,8.678,778,5.642,779,5.642,780,5.642,781,5.642,782,8.678,783,5.642,784,5.642,785,5.642,786,7.649,787,5.642,788,5.642,789,8.678,790,5.642,791,5.642,792,5.642,793,5.642,794,5.642,795,5.642,796,5.642,797,5.642,798,5.642,799,5.642,800,5.642,801,5.642,802,5.642,803,5.642,804,5.642,805,5.642,806,5.642,807,5.642,808,5.642,809,5.642,810,5.642,811,5.642,812,5.642,813,5.642,814,5.642,815,5.642,816,5.642,817,5.642,818,5.642,819,5.642,820,5.642,821,5.642,822,5.642,823,5.642,824,5.642,825,5.642,826,5.642,827,5.642,828,5.642,829,5.642,830,5.642,831,5.642,832,5.642,833,4.493,834,5.642,835,5.642,836,5.642,837,5.108,838,7.649,839,5.642,840,5.642,841,5.642,842,5.642,843,3.345,844,4.756,845,5.642,846,5.642,847,5.642,848,5.642,849,5.642,850,5.642,851,5.642,852,5.642,853,5.642,854,5.108,855,5.642,856,5.642,857,5.642,858,5.642,859,5.642,860,5.642,861,5.642,862,5.642,863,5.642,864,5.642,865,4.109,866,5.642,867,5.642,868,5.642,869,5.642,870,5.642,871,5.642,872,5.642,873,5.642,874,5.108,875,5.642,876,5.642,877,5.642,878,5.642,879,5.642,880,5.642,881,4.756,882,5.642,883,5.642,884,5.642,885,5.642,886,5.642,887,5.642,888,5.642,889,5.642,890,5.642,891,5.642,892,5.642,893,5.642,894,5.642,895,5.642,896,5.642,897,5.642,898,5.642,899,5.642,900,5.642,901,5.642,902,5.642,903,5.642,904,5.642,905,5.642,906,5.642,907,5.642,908,5.642,909,5.642,910,5.642,911,5.642,912,5.642,913,5.642,914,5.642,915,5.642,916,5.642,917,5.642,918,5.642,919,5.642,920,5.642,921,5.642,922,5.642,923,5.642,924,5.642,925,5.642,926,5.642,927,5.642,928,5.642,929,5.642,930,5.642,931,5.642,932,5.642,933,5.642,934,5.642,935,5.642,936,5.642,937,5.642,938,5.642,939,5.642,940,5.642,941,5.642,942,5.642,943,5.642,944,5.642,945,5.642,946,5.642,947,5.642,948,5.642,949,5.642,950,5.642,951,5.642]],["t/144",[7,0.017,9,0.247,10,0.309,11,0.258,12,0.253,13,0.281,15,0.275,23,0.971,25,0.273,26,0.238,33,0.551,36,4.678,37,0.289,41,1.67,51,0.35,95,4.339,147,2.285,173,6.054,179,0.321,182,3.62,207,6.685,210,2.758,232,4.88,233,4.775,682,0.714]],["t/146",[0,0.263,1,0.298,6,1.708,7,0.02,8,1.482,9,0.301,10,0.343,11,0.314,12,0.308,13,0.342,14,0.44,15,0.335,16,1.138,18,1.834,19,1.456,20,0.925,21,2.206,23,0.863,25,0.274,26,0.259,28,1.446,29,1.908,32,2.025,33,0.671,35,1.638,37,0.29,39,1.574,40,1.431,41,0.972,45,1.782,49,0.771,51,0.399,52,1.097,53,2.136,56,2.402,59,1.708,60,1.908,61,2.364,62,1.59,64,1.638,131,3.708,132,2.228,133,2.62,134,2.136,135,2.526,136,2.526,137,2.26,138,1.431,139,2.227,140,2.62,141,2.67,142,2.638,143,2.692,144,2.87,145,2.701,146,2.723,147,2.377,151,1.69,154,1.446,158,2.08,159,1.205,162,1.574,175,2.063,179,0.187,182,2.108,184,1.458,199,1.514,205,1.307,208,1.574,238,1.638,239,1.951,249,1.726,253,2.945,256,3.211,259,1.886,261,3.608,267,1.954,269,2.67,271,4.565,272,3.623,273,3.44,278,2.103,280,4.32,302,4.708,303,3.721,305,3.225,335,1.251,354,1.119,374,2.206,376,2.028,380,2.196,381,4.436,388,3.326,389,3.051,390,2.483,392,3.019,409,1.342,413,3.936,415,2.196,418,2.976,419,4.225,420,3.975,443,1.864,450,1.782,457,1.886,461,1.822,464,1.978,470,1.908,485,4.022,486,3.051,496,2.136,515,2.328,516,2.028,529,2.402,535,2.166,562,2.002,639,3.347,640,2.293,658,2.483,659,2.483,682,0.415,952,4.132]],["t/148",[0,0.25,1,0.298,2,5.142,3,4.051,4,2.24,5,2.815,6,3.061,7,0.019,8,1.49,9,0.282,10,0.333,11,0.295,12,0.289,13,0.321,14,0.413,15,0.314,16,1.62,17,2.715,18,2.543,19,1.59,20,1.907,21,2.794,22,3.993,23,0.866,24,2.405,25,0.272,26,0.233,27,4.237,28,1.831,29,2.715,30,2.885,31,3.263,32,2.036,33,0.63,35,2.331,37,0.258,49,0.667,51,0.29,52,1.042,144,3.635,147,1.893,150,4.883,151,2.405,152,2.262,153,3.956,154,1.453,155,2.323,159,0.96,179,0.266,423,2.922,465,4.697,470,2.715,471,3.66,472,4.529,482,3.956,483,3.956,484,3.956,682,0.591,953,2.405]],["t/150",[0,0.229,1,0.273,6,2.873,7,0.016,9,0.242,10,0.305,11,0.253,12,0.248,13,0.275,14,0.354,15,0.269,19,1.299,22,4.423,24,2.844,25,0.27,26,0.199,29,3.211,33,0.54,37,0.286,49,0.789,51,0.343,52,0.978,53,3.595,54,5.107,55,2.785,56,4.043,57,4.328,58,5.303,59,2.873,60,3.211,61,3.979,62,2.675,179,0.314,682,0.699]],["t/152",[0,0.243,1,0.29,6,2.582,7,0.018,8,1.95,9,0.268,10,0.323,11,0.28,12,0.274,13,0.304,14,0.392,15,0.298,16,1.722,19,1.437,23,0.899,25,0.269,26,0.221,27,3.639,28,1.545,32,2.664,33,0.597,35,2.478,37,0.218,49,0.873,51,0.379,52,1.083,53,3.231,61,3.576,64,2.478,131,4.878,132,2.381,133,3.962,134,3.231,135,3.821,136,3.821,137,3.417,138,2.164,139,3.368,140,3.962,141,4.038,142,2.428,143,2.478,144,4.384,145,1.827,146,4.119,147,2.012,159,1.02,179,0.282,423,3.106,465,4.878,470,2.886,471,3.89,472,4.704,482,4.205,483,4.205,484,4.205,682,0.628]],["t/154",[0,0.266,1,0.286,7,0.016,9,0.234,10,0.299,11,0.244,12,0.239,13,0.265,14,0.342,15,0.26,23,0.784,25,0.266,26,0.231,33,0.521,37,0.28,49,0.762,52,0.944,142,2.608,143,2.661,145,2.515,151,2.745,159,1.096,179,0.303,249,2.803,278,2.888,374,3.031,413,5.406,418,4.833,419,5.101,420,4.649,682,0.675]],["t/156",[0,0.263,7,0.016,9,0.241,10,0.304,11,0.251,12,0.246,13,0.273,14,0.352,15,0.268,18,2.949,25,0.27,26,0.234,33,0.536,37,0.285,49,0.784,51,0.34,179,0.312,239,1.825,304,5.886,318,3.189,319,3.62,320,5.39,321,4.405,322,4.463,323,3.67,324,4.379,682,0.694]],["t/158",[0,0.261,1,0.31,2,4.218,3,3.116,4,1.517,5,2.727,6,3.478,7,0.02,8,1.444,9,0.303,10,0.346,11,0.316,12,0.31,13,0.344,14,0.443,15,0.337,16,1.833,17,2.631,18,2.277,19,1.66,20,1.79,21,2.149,22,3.914,23,0.898,24,2.97,25,0.275,26,0.249,27,3.146,28,1.409,29,3.072,30,3.265,31,3.692,32,2.514,33,0.675,34,4.208,35,2.259,36,2.625,37,0.293,38,3.108,39,1.517,40,1.379,41,0.937,42,2.354,43,2.68,44,2.244,45,2.458,46,3.834,47,2.738,48,2.68,49,0.755,50,3.367,51,0.358,52,1.184,53,3.754,54,3.546,55,1.595,56,2.315,57,2.479,58,2.574,59,1.646,60,1.839,61,3.261,62,1.532,63,3.918,64,2.638,65,2.625,66,2.801,67,2.941,68,2.869,69,2.941,131,3.612,132,2.171,133,2.525,134,2.059,135,3.484,136,3.484,137,2.178,138,1.379,139,2.147,140,2.525,141,2.574,142,1.548,143,1.579,144,2.796,145,1.165,146,2.625,147,2.338,148,4.208,149,3.206,150,3.756,151,1.629,152,1.532,153,2.68,154,1.645,155,1.786,156,3.756,157,1.646,158,2.005,159,0.93,160,2.625,161,2.727,162,2.171,163,1.165,164,1.906,174,1.885,179,0.18,238,1.579,318,1.839,496,2.059,561,2.21,660,3.834,661,2.625,670,2.868,682,0.4,954,3.587]],["t/160",[0,0.272,1,0.305,7,0.02,9,0.291,10,0.338,11,0.304,12,0.297,13,0.33,14,0.426,15,0.324,16,1.383,25,0.271,26,0.24,32,1.738,33,0.707,37,0.299,39,2.547,40,2.776,45,2.884,49,0.91,51,0.423,59,2.763,68,3.366,138,2.973,154,1.858,155,2.357,157,3.107,158,2.527,161,3.2,162,2.547,174,2.211,175,1.771,179,0.227,182,3.411,196,3.451,208,1.912,238,1.99,239,2.206,259,2.291,326,3.016,330,3.934,337,4.499,338,2.56,339,3.377,354,2.172,358,4.499,367,3.615,370,3.615,371,4.597,372,4.702,373,3.807,375,3.807,376,2.463,377,2.745,378,5.071,379,4.04,380,2.667,382,3.53,383,1.893,384,3.707,385,3.707,466,2.239,682,0.505]],["t/162",[0,0.263,7,0.016,9,0.241,10,0.304,11,0.252,12,0.246,13,0.274,14,0.353,15,0.268,18,2.95,25,0.27,26,0.235,33,0.537,37,0.285,49,0.786,51,0.341,179,0.313,239,1.829,304,5.894,318,3.196,319,3.628,320,5.402,321,3.731,322,4.473,323,3.678,324,4.388,682,0.696]],["t/164",[0,0.263,1,0.272,7,0.016,9,0.24,10,0.303,11,0.251,12,0.245,13,0.273,14,0.351,15,0.267,25,0.269,26,0.198,33,0.634,37,0.284,49,0.782,51,0.402,59,3.373,138,2.826,179,0.311,182,3.515,208,2.625,239,1.821,330,3.382,354,1.867,372,5.74,373,5.227,375,5.227,376,3.382,377,4.464,682,0.693]],["t/166",[0,0.271,1,0.288,7,0.018,8,1.568,9,0.266,10,0.322,11,0.278,12,0.272,13,0.302,14,0.39,15,0.296,25,0.268,26,0.219,33,0.673,37,0.266,39,3.162,40,3.084,45,3.299,49,0.702,51,0.305,68,3.85,154,1.89,155,2.602,157,3.16,161,3.66,174,2.529,175,2.182,179,0.28,239,2.02,259,2.824,326,3.718,354,2.072,358,5.145,367,4.455,370,4.455,371,5.257,382,4.351,383,2.334,384,4.569,385,4.569,682,0.622]],["t/168",[0,0.271,1,0.289,7,0.018,8,1.571,9,0.267,10,0.322,11,0.279,12,0.273,13,0.303,14,0.39,15,0.297,25,0.269,26,0.22,33,0.674,37,0.267,39,2.916,40,3.086,45,3.303,49,0.704,51,0.306,68,3.855,154,1.893,155,2.604,157,3.164,161,3.665,174,2.532,175,2.187,179,0.28,239,2.023,259,2.829,326,3.725,354,2.074,358,5.152,367,4.464,370,4.464,371,5.264,382,4.359,383,2.338,384,4.578,385,4.578,682,0.623]],["t/170",[0,0.266,1,0.295,7,0.019,9,0.287,10,0.336,11,0.3,12,0.293,13,0.326,14,0.42,15,0.319,19,1.774,25,0.274,26,0.236,33,0.688,37,0.287,52,1.064,64,2.998,154,2.035,159,1.235,177,1.328,179,0.275,239,1.605,277,3.715,293,4.273,318,2.806,325,5.446,326,3.652,327,4.743,335,2.492,354,2.049,421,5.318,422,5.318,423,3.02,424,4.609,431,3.424,432,4.488,682,0.611,953,2.485]],["t/172",[0,0.263,7,0.016,9,0.241,10,0.304,11,0.251,12,0.246,13,0.273,14,0.352,15,0.268,18,2.949,25,0.27,26,0.234,33,0.536,37,0.285,49,0.784,51,0.34,179,0.312,239,1.825,304,5.886,318,3.189,319,3.62,320,5.39,321,3.723,322,5.282,323,3.67,324,4.379,682,0.694]],["t/174",[0,0.263,1,0.231,7,0.016,9,0.242,10,0.305,11,0.252,12,0.247,13,0.274,14,0.354,15,0.269,19,1.741,25,0.27,26,0.199,33,0.539,37,0.285,154,1.715,177,1.516,179,0.313,239,1.833,277,5.011,293,4.879,318,3.204,325,5.902,326,4.169,327,5.415,335,2.1,682,0.697]],["t/176",[0,0.263,1,0.231,7,0.016,9,0.242,10,0.305,11,0.252,12,0.247,13,0.274,14,0.354,15,0.269,19,1.741,25,0.27,26,0.199,33,0.539,37,0.285,154,1.715,177,1.79,179,0.313,239,1.833,277,4.242,293,4.879,318,3.204,325,5.902,326,4.169,327,5.415,335,2.1,682,0.697]],["t/178",[0,0.263,1,0.231,7,0.016,9,0.242,10,0.305,11,0.252,12,0.247,13,0.274,14,0.354,15,0.269,19,1.741,25,0.27,26,0.199,33,0.539,37,0.285,154,1.715,177,1.516,179,0.313,239,1.833,277,4.242,293,5.763,318,3.204,325,5.902,326,4.169,327,5.415,335,2.1,682,0.697]],["t/180",[0,0.264,1,0.27,7,0.016,9,0.237,10,0.301,11,0.248,12,0.243,13,0.269,14,0.347,15,0.264,16,1.878,25,0.268,26,0.196,32,2.36,33,0.63,37,0.301,49,0.774,51,0.336,138,3.215,154,1.685,157,2.816,158,3.431,179,0.308,196,4.686,239,1.8,330,4.248,337,5.456,338,3.477,339,4.586,682,0.685]],["t/182",[0,0.264,1,0.269,7,0.016,9,0.237,10,0.301,11,0.247,12,0.242,13,0.269,14,0.347,15,0.264,16,1.874,25,0.268,26,0.195,32,2.354,33,0.629,37,0.301,49,0.772,51,0.335,138,3.213,154,1.681,157,2.81,158,3.424,179,0.307,196,4.675,239,1.797,330,4.393,337,5.449,338,3.469,339,4.576,682,0.684]],["t/184",[0,0.263,7,0.016,9,0.241,10,0.304,11,0.251,12,0.246,13,0.273,14,0.352,15,0.268,18,2.949,25,0.27,26,0.234,33,0.536,37,0.285,49,0.784,51,0.34,179,0.312,239,1.825,304,5.886,318,3.189,319,3.62,320,5.39,321,3.723,322,4.463,323,4.343,324,4.379,682,0.694]],["t/186",[0,0.267,1,0.272,7,0.016,9,0.24,10,0.303,11,0.251,12,0.245,13,0.273,14,0.351,15,0.267,25,0.269,26,0.198,33,0.634,37,0.284,39,2.625,40,2.826,68,3.469,154,1.703,157,2.848,161,3.299,175,2.879,179,0.311,239,1.821,326,4.141,354,1.867,358,5.492,367,4.963,370,4.963,682,0.693]],["t/188",[0,0.263,1,0.272,7,0.016,9,0.241,10,0.304,11,0.251,12,0.246,13,0.273,14,0.352,15,0.268,25,0.27,26,0.198,33,0.635,37,0.285,49,0.784,51,0.403,59,3.378,138,2.391,179,0.312,182,3.523,208,2.631,239,1.825,330,4.011,354,1.871,372,5.748,373,5.238,375,5.238,376,3.389,377,3.777,682,0.694]],["t/190",[0,0.264,1,0.269,7,0.016,9,0.237,10,0.301,11,0.247,12,0.242,13,0.269,14,0.347,15,0.264,16,1.874,25,0.268,26,0.195,32,2.354,33,0.629,37,0.301,49,0.772,51,0.335,138,3.213,154,1.681,157,2.81,158,3.424,179,0.307,196,4.675,239,1.797,330,4.393,337,5.449,338,3.469,339,4.576,682,0.684]],["t/192",[0,0.263,7,0.016,9,0.241,10,0.304,11,0.251,12,0.246,13,0.273,14,0.352,15,0.268,18,2.949,25,0.27,26,0.234,33,0.536,37,0.285,49,0.784,51,0.34,179,0.312,239,1.825,304,5.886,318,3.189,319,3.62,320,5.39,321,3.723,322,4.463,323,3.67,324,5.182,682,0.694]],["t/194",[0,0.271,1,0.289,7,0.018,8,1.571,9,0.267,10,0.322,11,0.279,12,0.273,13,0.303,14,0.39,15,0.297,25,0.269,26,0.22,33,0.674,37,0.267,39,2.916,40,3.004,45,3.303,49,0.704,51,0.306,68,3.855,154,1.893,155,2.604,157,3.164,161,3.976,174,2.532,175,2.187,179,0.28,239,2.023,259,2.829,326,3.725,354,2.074,358,5.152,367,4.464,370,4.464,371,5.264,382,4.359,383,2.338,384,4.578,385,4.578,682,0.623]],["t/196",[0,0.263,1,0.229,7,0.016,9,0.24,10,0.303,11,0.251,12,0.245,13,0.273,14,0.351,15,0.267,25,0.269,26,0.198,33,0.535,37,0.284,49,0.782,51,0.402,154,1.703,155,2.727,179,0.311,239,1.821,249,2.878,318,3.182,321,4.4,336,5.74,359,5.227,360,5.09,682,0.693]],["t/198",[0,0.262,1,0.229,7,0.016,9,0.239,10,0.303,11,0.25,12,0.245,13,0.272,14,0.35,15,0.266,25,0.269,26,0.197,33,0.534,37,0.284,49,0.78,51,0.402,154,1.7,155,2.724,179,0.311,239,1.817,249,2.872,318,3.175,321,4.683,336,5.733,359,5.215,360,5.087,682,0.691]],["t/200",[0,0.267,1,0.272,7,0.016,9,0.24,10,0.303,11,0.251,12,0.245,13,0.273,14,0.351,15,0.267,25,0.269,26,0.198,33,0.634,37,0.284,39,2.625,40,2.826,68,3.469,154,1.703,157,2.848,161,3.299,175,2.431,179,0.311,239,1.821,326,4.141,354,1.867,358,5.492,367,4.963,370,5.878,682,0.693]],["t/202",[0,0.271,1,0.289,7,0.018,8,1.571,9,0.267,10,0.322,11,0.279,12,0.273,13,0.303,14,0.39,15,0.297,25,0.269,26,0.22,33,0.674,37,0.267,39,2.916,40,3.004,45,3.303,49,0.704,51,0.306,68,4.182,154,1.893,155,2.604,157,3.164,161,3.665,174,2.532,175,2.187,179,0.28,239,2.023,259,2.829,326,3.725,354,2.074,358,5.152,367,4.464,370,4.464,371,5.264,382,4.359,383,2.338,384,4.578,385,4.578,682,0.623]],["t/204",[0,0.266,1,0.286,7,0.016,9,0.233,10,0.298,11,0.244,12,0.238,13,0.265,14,0.341,15,0.259,23,0.783,25,0.266,26,0.23,33,0.52,37,0.279,49,0.76,52,0.942,142,2.602,143,2.655,145,2.347,151,2.739,159,1.093,179,0.303,249,2.797,278,2.885,374,3.027,413,5.399,418,4.823,419,5.212,420,4.717,682,0.673]],["t/206",[0,0.266,1,0.286,7,0.016,9,0.234,10,0.299,11,0.244,12,0.239,13,0.265,14,0.342,15,0.26,23,0.784,25,0.266,26,0.231,33,0.521,37,0.28,49,0.762,52,0.944,142,2.608,143,2.661,145,2.35,151,2.745,159,1.096,179,0.303,249,2.803,278,2.888,374,3.031,413,5.406,418,4.833,419,5.101,420,4.719,682,0.675]],["t/208",[0,0.264,1,0.27,7,0.016,9,0.237,10,0.301,11,0.248,12,0.243,13,0.269,14,0.347,15,0.264,16,1.878,25,0.268,26,0.196,32,2.808,33,0.63,37,0.301,49,0.774,51,0.336,138,3.169,154,1.685,157,2.816,158,3.431,179,0.308,196,4.686,239,1.8,330,4.248,337,5.456,338,3.477,339,4.586,682,0.685]],["t/210",[0,0.265,1,0.281,7,0.018,8,1.63,9,0.273,10,0.327,11,0.285,12,0.279,13,0.31,14,0.399,15,0.303,25,0.272,26,0.225,33,0.608,37,0.273,49,0.73,51,0.416,52,0.905,64,2.55,154,1.59,155,2.907,159,1.05,166,3.467,179,0.291,239,1.699,249,2.686,256,3.041,261,3.418,318,2.97,321,4.221,336,5.507,359,4.878,360,4.925,430,5.507,434,4.878,439,3.238,682,0.647]],["t/212",[0,0.261,1,0.31,4,2.207,7,0.02,8,1.033,9,0.304,10,0.347,11,0.318,12,0.311,13,0.346,14,0.445,15,0.339,18,2.301,19,1.609,20,1.957,21,2.186,23,1.007,24,1.667,25,0.276,26,0.251,28,1.008,30,2.001,32,2.006,33,0.678,37,0.3,39,1.553,40,1.412,45,1.759,49,0.658,51,0.397,52,1.23,62,2.229,132,1.553,145,1.694,147,1.313,152,2.229,154,1.008,155,2.301,159,1.426,162,1.553,163,1.192,164,2.774,174,1.917,178,1.192,179,0.184,202,3.606,238,1.617,249,1.703,258,3.623,263,3.316,264,2.538,266,4.075,272,2.001,310,2.167,319,3.037,335,2.347,360,3.169,383,2.925,386,2.538,392,1.667,409,2.519,415,2.167,439,2.917,443,2.614,457,1.861,466,1.819,496,2.108,504,2.493,535,2.137,548,3.984,549,3.543,550,2.538,561,2.263,562,3.267,563,3.606,564,2.635,565,3.819,566,3.011,573,3.011,574,3.093,577,4.173,578,2.803,581,2.867,582,2.867,583,3.984,584,2.936,586,3.819,587,3.182,591,2.744,610,4.173,611,2.585,612,2.803,636,4.173,637,3.182,639,3.316,640,2.263,658,2.45,659,2.45,682,0.41,954,3.672]],["t/214",[0,0.262,1,0.31,4,1.531,7,0.02,8,1.018,9,0.303,10,0.346,11,0.317,12,0.31,13,0.344,14,0.444,15,0.338,19,1.604,20,1.284,23,1.004,25,0.276,26,0.25,27,2.712,28,2.086,33,0.676,35,2.891,37,0.299,49,0.759,51,0.407,52,1.226,55,2.297,59,2.37,60,1.856,62,2.206,64,1.594,138,1.986,142,1.562,143,1.594,144,2.814,145,1.677,155,2.096,159,1.422,162,1.531,163,1.175,164,2.745,166,2.166,175,2.572,178,1.175,179,0.182,208,1.531,253,2.887,256,1.901,259,1.834,261,2.136,269,2.597,281,2.649,335,2.334,376,2.814,377,3.136,380,2.136,392,2.345,409,1.863,423,1.997,430,4.033,434,3.048,439,2.023,440,3.507,441,3.183,442,2.166,443,3.017,450,3.459,451,2.3,456,2.337,457,2.617,458,2.337,459,2.337,460,3.136,461,3.216,462,3.136,463,2.337,464,3.201,465,3.636,466,1.793,467,2.548,470,3.56,471,2.501,472,3.507,482,2.704,483,2.704,484,2.704,485,3.943,486,2.968,498,4.033,499,2.968,500,3.048,503,3.943,504,2.457,505,2.894,515,2.264,516,1.972,529,2.337,530,3.943,531,2.968,535,2.106,536,3.636,537,2.501,538,2.704,682,0.404,954,3.619]],["t/216",[0,0.267,1,0.268,7,0.016,9,0.235,10,0.299,11,0.245,12,0.24,13,0.267,14,0.344,15,0.261,25,0.267,26,0.193,33,0.625,37,0.281,39,2.568,40,2.789,45,3.475,49,0.765,51,0.332,68,3.394,154,1.666,155,2.799,157,2.786,161,3.227,174,2.665,179,0.305,239,1.781,259,3.076,354,1.826,371,5.539,382,4.74,383,2.543,384,4.978,385,4.978,682,0.678]],["t/218",[0,0.264,1,0.269,7,0.016,9,0.237,10,0.301,11,0.247,12,0.242,13,0.269,14,0.347,15,0.264,16,1.874,25,0.268,26,0.195,32,2.354,33,0.629,37,0.282,49,0.772,51,0.335,138,3.167,154,1.681,157,2.81,158,3.424,164,3.255,178,1.989,179,0.307,196,4.675,239,1.797,330,4.244,337,5.449,338,3.469,339,4.576,682,0.684,954,6.124]],["t/220",[0,0.272,1,0.308,7,0.02,9,0.301,10,0.345,11,0.315,12,0.308,13,0.342,14,0.441,15,0.335,19,1.482,20,1.471,21,2.478,23,0.655,25,0.274,26,0.251,33,0.718,37,0.301,39,2.135,40,2.637,45,2.418,49,0.864,51,0.412,52,1.011,59,2.316,64,2.222,68,2.822,138,1.348,142,1.512,143,1.543,145,2.227,151,2.686,154,1.776,155,2.059,157,2.316,158,1.96,159,1.243,161,2.683,162,2.135,163,1.138,164,2.683,166,2.098,174,1.854,175,1.373,178,1.138,179,0.176,182,3.351,208,1.483,238,2.222,239,2.012,249,1.626,259,1.776,267,1.841,278,2.015,326,2.339,330,1.91,335,1.697,354,2.309,358,3.771,367,2.803,370,2.803,371,3.853,372,3.942,373,2.952,374,2.114,375,2.952,376,1.91,377,2.128,378,4.251,379,3.133,380,2.068,381,4.251,382,2.737,383,1.468,384,2.874,385,2.874,388,3.133,389,2.874,390,3.368,392,1.592,393,3.942,394,3.694,395,2.676,409,1.264,410,2.737,411,2.737,412,2.737,413,3.771,414,2.803,415,2.068,416,2.952,417,2.468,418,2.803,419,4.112,420,3.885,421,3.942,422,3.942,423,1.934,424,2.952,431,2.193,432,2.874,682,0.391,954,3.505]],["t/222",[0,0.256,1,0.298,7,0.019,8,1.394,9,0.289,10,0.338,11,0.302,12,0.296,13,0.329,14,0.423,15,0.322,18,2.226,19,1.326,20,1.232,21,2.679,23,0.83,25,0.273,26,0.238,28,1.755,33,0.668,35,2.182,37,0.274,39,2.096,40,1.905,45,2.374,51,0.35,52,1.106,59,2.274,60,2.541,62,2.117,132,2.096,142,2.138,143,2.182,145,2.62,147,1.772,154,1.36,158,2.77,159,1.284,162,2.096,175,2.505,179,0.249,182,2.807,238,2.182,239,1.454,253,3.575,259,2.511,267,2.602,269,3.556,272,2.7,335,1.666,354,1.491,376,2.7,380,2.924,381,5.386,388,4.429,389,4.063,390,3.307,392,3.517,409,1.788,415,2.924,443,2.483,450,2.374,457,2.511,461,2.427,464,2.634,470,2.541,485,4.882,486,4.063,496,2.845,515,3.1,516,2.7,529,3.199,535,2.884,562,2.667,639,4.064,640,3.054,658,3.307,659,3.307,682,0.553]],["t/224",[0,0.229,1,0.273,7,0.016,9,0.242,10,0.305,11,0.252,12,0.247,13,0.274,14,0.354,15,0.269,23,0.811,25,0.27,26,0.199,27,3.875,28,1.715,33,0.539,35,2.751,37,0.285,49,0.787,51,0.342,52,0.976,144,4.021,159,1.133,179,0.313,423,3.448,465,5.195,470,3.204,471,4.318,472,5.011,482,4.668,483,4.668,484,5.514,682,0.697]],["t/226",[0,0.265,1,0.286,7,0.016,9,0.233,10,0.298,11,0.244,12,0.238,13,0.265,14,0.341,15,0.259,23,0.783,25,0.266,26,0.246,33,0.52,37,0.279,49,0.76,52,0.942,142,2.602,143,2.655,145,2.347,151,2.739,159,1.093,179,0.303,249,2.797,278,2.885,374,3.027,413,5.399,418,4.823,419,5.212,420,4.717,682,0.673]],["t/228",[0,0.229,1,0.273,7,0.016,9,0.242,10,0.305,11,0.252,12,0.247,13,0.274,14,0.354,15,0.269,23,0.811,25,0.27,26,0.199,27,3.875,28,1.715,33,0.539,35,2.751,37,0.285,49,0.787,51,0.342,52,0.976,144,4.021,159,1.133,179,0.313,423,3.448,465,5.195,470,3.204,471,4.318,472,5.011,482,5.514,483,4.668,484,4.668,682,0.697]],["t/230",[0,0.26,1,0.31,2,4.218,3,3.116,4,1.517,5,2.727,6,3.478,7,0.02,8,1.444,9,0.303,10,0.346,11,0.316,12,0.31,13,0.344,14,0.443,15,0.337,16,1.833,17,2.631,18,2.277,19,1.66,20,1.79,21,2.149,22,3.914,23,0.898,24,2.97,25,0.275,26,0.252,27,3.146,28,1.409,29,3.072,30,3.265,31,3.692,32,2.514,33,0.675,34,4.208,35,2.259,36,2.625,37,0.293,38,3.108,39,1.517,40,1.379,41,0.937,42,2.354,43,2.68,44,2.244,45,2.458,46,3.834,47,2.738,48,2.68,49,0.755,50,3.367,51,0.358,52,1.184,53,3.754,54,3.546,55,1.595,56,2.315,57,2.479,58,2.574,59,1.646,60,1.839,61,3.261,62,1.532,63,3.918,64,2.638,65,2.625,66,2.801,67,2.941,68,2.869,69,2.941,131,3.612,132,2.171,133,2.525,134,2.059,135,3.484,136,3.484,137,2.178,138,1.379,139,2.147,140,2.525,141,2.574,142,1.548,143,1.579,144,2.796,145,1.165,146,2.625,147,2.338,148,4.208,149,3.206,150,3.756,151,1.629,152,1.532,153,2.68,154,1.645,155,1.786,156,3.756,157,1.646,158,2.005,159,0.93,160,2.625,161,2.727,162,2.171,163,1.165,164,1.906,174,1.885,179,0.18,238,1.579,318,1.839,496,2.059,561,2.21,660,3.834,661,2.625,670,2.868,682,0.4,955,3.315]],["t/232",[0,0.261,1,0.31,4,1.531,7,0.02,8,1.018,9,0.303,10,0.346,11,0.317,12,0.31,13,0.344,14,0.444,15,0.338,19,1.604,20,1.284,23,1.004,25,0.276,26,0.253,27,2.712,28,2.086,33,0.676,35,2.891,37,0.299,49,0.759,51,0.407,52,1.226,55,2.297,59,2.37,60,1.856,62,2.206,64,1.594,138,1.986,142,1.562,143,1.594,144,2.814,145,1.677,155,2.096,159,1.422,162,1.531,163,1.175,164,2.745,166,2.166,175,2.572,178,1.175,179,0.182,208,1.531,253,2.887,256,1.901,259,1.834,261,2.136,269,2.597,281,2.649,335,2.334,376,2.814,377,3.136,380,2.136,392,2.345,409,1.863,423,1.997,430,4.033,434,3.048,439,2.023,440,3.507,441,3.183,442,2.166,443,3.017,450,3.459,451,2.3,456,2.337,457,2.617,458,2.337,459,2.337,460,3.136,461,3.216,462,3.136,463,2.337,464,3.201,465,3.636,466,1.793,467,2.548,470,3.56,471,2.501,472,3.507,482,2.704,483,2.704,484,2.704,485,3.943,486,2.968,498,4.033,499,2.968,500,3.048,503,3.943,504,2.457,505,2.894,515,2.264,516,1.972,529,2.337,530,3.943,531,2.968,535,2.106,536,3.636,537,2.501,538,2.704,682,0.404,955,3.345]],["t/234",[0,0.261,1,0.31,4,2.207,7,0.02,8,1.033,9,0.304,10,0.347,11,0.318,12,0.311,13,0.346,14,0.445,15,0.339,18,2.301,19,1.609,20,1.957,21,2.186,23,1.007,24,1.667,25,0.276,26,0.254,28,1.008,30,2.001,32,2.006,33,0.678,37,0.3,39,1.553,40,1.412,45,1.759,49,0.658,51,0.397,52,1.23,62,2.229,132,1.553,145,1.694,147,1.313,152,2.229,154,1.008,155,2.301,159,1.426,162,1.553,163,1.192,164,2.774,174,1.917,178,1.192,179,0.184,202,3.606,238,1.617,249,1.703,258,3.623,263,3.316,264,2.538,266,4.075,272,2.001,310,2.167,319,3.037,335,2.347,360,3.169,383,2.925,386,2.538,392,1.667,409,2.519,415,2.167,439,2.917,443,2.614,457,1.861,466,1.819,496,2.108,504,2.493,535,2.137,548,3.984,549,3.543,550,2.538,561,2.263,562,3.267,563,3.606,564,2.635,565,3.819,566,3.011,573,3.011,574,3.093,577,4.173,578,2.803,581,2.867,582,2.867,583,3.984,584,2.936,586,3.819,587,3.182,591,2.744,610,4.173,611,2.585,612,2.803,636,4.173,637,3.182,639,3.316,640,2.263,658,2.45,659,2.45,682,0.41,955,3.394]],["t/236",[0,0.271,1,0.308,7,0.02,9,0.301,10,0.345,11,0.315,12,0.308,13,0.342,14,0.441,15,0.335,19,1.482,20,1.471,21,2.478,23,0.655,25,0.274,26,0.254,33,0.718,37,0.301,39,2.135,40,2.637,45,2.418,49,0.864,51,0.412,52,1.011,59,2.316,64,2.222,68,2.822,138,1.348,142,1.512,143,1.543,145,2.227,151,2.686,154,1.776,155,2.059,157,2.316,158,1.96,159,1.243,161,2.683,162,2.135,163,1.138,164,2.683,166,2.098,174,1.854,175,1.373,178,1.138,179,0.176,182,3.351,208,1.483,238,2.222,239,2.012,249,1.626,259,1.776,267,1.841,278,2.015,326,2.339,330,1.91,335,1.697,354,2.309,358,3.771,367,2.803,370,2.803,371,3.853,372,3.942,373,2.952,374,2.114,375,2.952,376,1.91,377,2.128,378,4.251,379,3.133,380,2.068,381,4.251,382,2.737,383,1.468,384,2.874,385,2.874,388,3.133,389,2.874,390,3.368,392,1.592,393,3.942,394,3.694,395,2.676,409,1.264,410,2.737,411,2.737,412,2.737,413,3.771,414,2.803,415,2.068,416,2.952,417,2.468,418,2.803,419,4.112,420,3.885,421,3.942,422,3.942,423,1.934,424,2.952,431,2.193,432,2.874,682,0.391,955,3.24]],["t/238",[0,0.266,1,0.248,7,0.021,9,0.307,10,0.347,11,0.32,12,0.314,13,0.348,14,0.449,15,0.341,16,1.165,18,2.556,19,1.597,20,0.947,25,0.278,26,0.267,28,1.045,29,1.952,32,1.464,33,0.684,37,0.31,41,0.995,49,0.847,51,0.421,56,2.458,132,1.611,138,2.721,145,2.384,147,2.214,154,2.07,155,2.156,157,1.747,158,2.129,163,1.236,164,2.846,175,1.492,177,0.924,178,1.236,179,0.191,184,1.492,196,2.907,199,1.549,205,1.337,208,1.611,239,2.326,249,1.766,256,3.717,257,4.64,258,1.976,259,1.93,260,3.653,261,4.177,262,4.785,263,3.402,264,2.632,265,3.808,268,4.785,271,4.64,272,3.374,273,3.52,277,2.585,280,4.39,281,2.787,282,3.808,283,3.808,293,2.973,302,4.785,303,3.808,304,4.281,305,3.3,318,3.175,319,2.216,320,3.3,321,3.706,322,2.732,323,2.247,324,2.681,325,4.281,326,2.541,327,3.3,330,3.374,335,1.28,336,4.181,337,4,338,2.157,339,2.845,359,3.207,360,4.298,682,0.425,955,3.52]],["t/240",[1,0.155,4,1.771,5,2.225,7,0.021,9,0.313,10,0.352,11,0.327,12,0.32,13,0.355,14,0.428,15,0.348,19,0.868,20,1.041,23,1.022,24,2.596,25,0.283,26,0.272,33,0.703,35,1.843,36,3.064,37,0.313,39,1.771,40,1.61,41,1.094,49,0.721,51,0.414,55,1.862,64,1.843,95,4.973,147,2.044,151,1.901,154,1.149,155,1.99,157,1.921,163,1.359,164,3.039,173,4.365,174,2.1,175,1.64,178,1.359,179,0.21,180,5.285,181,5.285,182,3.963,183,1.921,184,2.55,185,5.285,186,4.688,187,4.688,188,3.269,192,5.285,193,3.87,194,4.392,195,4.815,207,5.11,208,1.771,209,3.87,210,2.467,211,2.05,212,3.87,232,3.196,233,5.228,236,4.688,237,5.11,238,2.517,239,2.149,240,4.187,241,4.345,244,5.11,245,4.815,246,3.742,248,3.196,249,1.942,250,4.187,251,5.11,252,3.87,253,2.34,256,2.198,261,2.47,269,3.004,270,4.187,682,0.467,955,3.87]],["t/242",[7,0.017,9,0.247,10,0.308,11,0.258,12,0.252,13,0.28,15,0.274,25,0.272,26,0.252,33,0.55,37,0.247,51,0.349,76,2.724,95,4.329,96,4.329,157,2.926,164,3.389,165,7.165,166,3.817,167,6.689,168,6.689,169,4.98,170,5.371,171,6.689,172,6.117,178,2.071,179,0.32,682,0.712,955,5.894]],["t/244",[0,0.23,1,0.273,7,0.016,9,0.243,10,0.305,11,0.254,12,0.248,13,0.276,14,0.355,15,0.27,23,0.814,25,0.271,26,0.2,33,0.541,37,0.286,49,0.791,52,0.981,152,2.681,155,2.576,159,1.138,179,0.315,202,5.114,258,3.256,383,3.099,386,4.338,439,3.509,565,5.416,578,4.791,581,4.901,582,5.778,682,0.701]],["t/246",[0,0.245,1,0.292,4,2.44,7,0.018,8,1.623,9,0.272,10,0.326,11,0.284,12,0.278,13,0.309,14,0.398,15,0.303,19,1.459,23,0.913,25,0.272,26,0.224,27,3.694,28,2.083,33,0.606,35,2.54,37,0.272,49,0.727,51,0.385,52,1.099,138,2.218,144,3.833,159,1.275,179,0.289,335,1.939,423,3.183,450,3.37,451,3.665,461,2.825,465,4.952,470,3.892,471,3.986,472,4.776,482,4.31,483,4.31,484,4.31,536,4.952,537,3.986,538,4.31,682,0.644]],["t/248",[0,0.252,1,0.301,7,0.019,9,0.287,10,0.336,11,0.3,12,0.293,13,0.326,14,0.42,15,0.319,19,1.413,20,1.361,23,0.962,25,0.274,26,0.236,28,2.191,33,0.639,35,2.998,37,0.287,49,0.69,51,0.3,52,1.159,55,2.434,142,2.361,143,2.409,145,1.777,159,1.344,175,2.144,179,0.275,269,3.927,335,1.84,392,2.485,409,1.974,440,4.624,450,3.262,460,3.323,461,2.68,462,3.323,464,2.909,466,2.711,467,3.853,470,3.978,485,5.199,486,4.488,503,5.199,504,3.715,505,4.376,682,0.611,953,2.485]],["t/250",[0,0.227,1,0.27,7,0.016,9,0.238,10,0.302,11,0.249,12,0.243,13,0.27,14,0.348,15,0.265,18,2.546,20,1.529,21,3.063,25,0.268,26,0.196,33,0.53,37,0.283,39,2.602,40,2.365,45,2.946,52,0.961,62,2.628,145,2.374,147,2.199,154,1.688,159,1.115,179,0.309,238,2.708,272,3.352,392,2.793,409,2.219,415,3.63,496,3.531,535,3.58,562,3.31,639,4.646,640,3.791,658,4.105,659,4.879,682,0.687]],["t/252",[0,0.229,1,0.273,7,0.016,9,0.242,10,0.305,11,0.252,12,0.247,13,0.274,14,0.354,15,0.269,23,0.811,25,0.27,26,0.199,27,3.875,28,1.715,33,0.539,35,2.751,37,0.285,49,0.787,51,0.342,52,0.976,144,4.021,159,1.133,179,0.313,423,3.448,465,5.195,470,3.204,471,4.318,472,5.011,482,4.668,483,5.514,484,4.668,682,0.697]],["t/254",[0,0.227,1,0.271,7,0.016,9,0.238,10,0.302,11,0.249,12,0.244,13,0.271,14,0.349,15,0.265,19,1.279,20,1.533,23,0.8,25,0.269,26,0.196,33,0.531,37,0.283,49,0.777,51,0.337,52,0.963,55,2.742,159,1.117,175,2.415,179,0.309,208,2.608,335,2.072,409,2.224,441,4.512,442,3.69,443,3.668,450,2.953,456,3.98,457,3.124,458,3.98,459,3.98,460,3.743,461,3.019,462,3.743,463,4.727,464,3.277,682,0.688]],["t/256",[0,0.262,1,0.299,7,0.019,8,1.504,9,0.284,10,0.334,11,0.296,12,0.29,13,0.322,14,0.415,15,0.316,19,1.392,23,0.871,25,0.273,26,0.234,33,0.663,35,2.354,37,0.26,49,0.674,51,0.402,52,1.049,59,3.531,60,2.741,138,2.58,145,1.736,159,1.217,162,2.261,175,2.629,179,0.268,182,3.028,208,2.261,239,1.568,253,3.752,259,2.709,330,2.913,335,1.797,354,1.608,372,5.241,373,4.503,375,4.503,376,4.193,377,4.455,380,3.155,392,2.428,443,2.678,450,2.561,457,2.709,461,2.618,464,2.842,498,5.241,499,4.384,500,4.503,515,3.345,516,2.913,529,3.451,682,0.597,953,2.428]],["t/258",[0,0.227,1,0.27,7,0.016,9,0.238,10,0.302,11,0.249,12,0.243,13,0.27,14,0.348,15,0.265,18,2.546,20,1.529,21,3.063,25,0.268,26,0.196,33,0.53,37,0.283,39,2.602,40,2.365,45,2.946,52,0.961,62,2.628,145,2.374,147,2.199,154,1.688,159,1.115,179,0.309,238,2.708,272,3.352,392,2.793,409,2.219,415,3.63,496,3.531,535,3.58,562,3.31,639,4.646,640,3.791,658,4.879,659,4.105,682,0.687]],["t/260",[0,0.244,1,0.273,7,0.016,9,0.242,10,0.305,11,0.253,12,0.248,13,0.275,14,0.354,15,0.269,20,1.955,23,0.813,25,0.27,26,0.199,33,0.637,37,0.286,40,2.408,51,0.343,52,0.978,151,2.844,159,1.135,166,3.748,179,0.314,354,1.884,394,5.409,395,4.781,409,2.259,410,4.89,411,5.771,412,4.89,682,0.699]],["t/262",[0,0.244,1,0.291,7,0.018,8,1.6,9,0.27,10,0.325,11,0.282,12,0.276,13,0.306,14,0.395,15,0.3,19,1.179,20,1.734,23,0.905,25,0.27,26,0.222,28,1.561,33,0.601,37,0.27,49,0.879,51,0.382,52,1.089,55,3.101,159,1.264,175,2.731,179,0.285,208,2.405,335,1.911,409,2.515,440,4.734,441,4.297,442,3.403,443,3.493,450,3.613,456,3.67,457,2.881,458,3.67,459,3.67,460,4.234,461,3.415,462,4.58,463,3.67,464,3.706,466,2.816,467,4.002,470,2.915,682,0.635]],["t/264",[0,0.253,1,0.301,4,2.063,7,0.019,8,1.372,9,0.288,10,0.336,11,0.3,12,0.294,13,0.327,14,0.421,15,0.32,19,1.598,20,1.574,23,0.965,25,0.272,26,0.237,28,1.929,33,0.641,37,0.272,49,0.798,51,0.407,52,1.162,55,2.815,59,2.238,60,2.501,132,2.063,138,1.875,145,1.584,159,1.348,162,2.063,175,2.913,179,0.245,208,2.063,253,3.539,259,2.472,335,2.362,376,2.658,380,2.878,392,2.215,409,2.283,440,4.297,441,3.901,442,2.919,443,3.52,450,3.783,451,3.099,456,3.149,457,3.208,458,3.149,459,3.149,460,3.843,461,3.774,462,3.843,463,3.149,464,3.735,466,2.416,467,3.433,470,3.245,515,3.051,516,2.658,529,3.149,536,4.456,537,3.371,538,3.644,682,0.544]],["t/266",[0,0.244,1,0.273,7,0.016,9,0.242,10,0.305,11,0.253,12,0.248,13,0.275,14,0.354,15,0.269,20,1.955,23,0.813,25,0.27,26,0.199,33,0.637,37,0.286,40,2.408,51,0.343,52,0.978,151,2.844,159,1.135,166,3.748,179,0.314,354,1.884,394,5.409,395,4.781,409,2.259,410,4.89,411,4.89,412,5.771,682,0.699]],["t/268",[0,0.23,1,0.274,7,0.016,9,0.244,10,0.306,11,0.255,12,0.249,13,0.277,14,0.357,15,0.271,19,1.308,25,0.271,26,0.201,30,4.043,33,0.544,37,0.287,52,0.985,147,2.254,154,1.73,159,1.143,174,2.725,179,0.316,238,2.776,318,3.233,496,3.619,561,3.885,660,5.544,661,4.614,670,5.933,682,0.704]],["t/270",[0,0.26,1,0.31,4,2.201,7,0.02,8,1.464,9,0.304,10,0.347,11,0.318,12,0.311,13,0.345,14,0.445,15,0.338,18,1.811,19,1.729,20,1.506,23,1.02,24,1.661,25,0.276,26,0.25,28,1.914,30,1.993,33,0.678,35,1.61,37,0.295,49,0.656,51,0.43,52,1.229,55,1.627,59,1.678,60,1.875,62,2.588,132,1.547,138,1.406,145,1.188,159,1.425,162,2.201,163,1.188,164,1.944,175,2.373,179,0.183,208,1.547,253,2.909,258,2.7,259,1.854,263,3.306,264,3.596,281,2.677,310,2.158,319,3.028,335,2.674,360,3.16,376,1.993,380,2.158,392,1.661,409,1.877,441,3.207,442,2.189,443,3.493,450,3.161,451,2.324,456,2.361,457,3.07,458,2.361,459,2.361,460,2.221,461,2.966,462,2.221,463,2.361,464,2.766,470,2.668,503,3.973,504,3.533,505,2.925,515,2.288,516,1.993,529,2.361,530,3.973,531,2.999,535,2.128,536,3.663,537,2.528,538,2.733,548,3.973,566,2.999,573,2.999,577,4.161,586,3.808,587,3.17,591,2.733,610,4.161,611,2.575,612,2.792,636,4.161,637,3.17,682,0.408]],["t/272",[0,0.26,1,0.308,4,1.663,5,2.09,7,0.02,9,0.3,10,0.344,11,0.314,12,0.307,13,0.341,14,0.439,15,0.334,18,1.906,19,1.307,20,2.064,21,2.293,23,0.987,25,0.274,26,0.247,28,1.079,32,2.105,33,0.68,37,0.3,39,1.663,40,2.105,45,1.883,49,0.69,51,0.373,52,1.213,55,2.435,62,1.68,145,1.778,147,1.406,151,1.785,152,1.68,154,1.079,155,1.906,159,1.407,166,2.353,174,2.011,175,2.145,179,0.197,208,1.663,238,1.731,249,1.823,258,3.268,266,4.275,272,2.142,319,2.288,335,1.84,354,1.183,383,2.639,392,1.785,394,4.007,395,3.002,409,2.843,410,3.07,411,3.07,412,3.07,415,2.32,439,2.198,440,3.717,441,3.374,442,2.353,443,3.413,450,3.018,456,2.538,457,2.775,458,2.538,459,2.538,460,3.325,461,2.682,462,3.325,463,2.538,464,2.91,466,2.712,467,2.768,470,2.016,496,2.257,535,2.288,549,3.717,550,2.717,561,2.423,562,3.39,563,3.784,564,2.821,574,3.311,583,4.18,584,3.144,586,4.007,591,2.938,639,3.479,640,2.423,658,2.624,659,2.624,682,0.439]],["t/274",[0,0.245,1,0.292,4,2.44,7,0.018,8,1.623,9,0.272,10,0.326,11,0.284,12,0.278,13,0.309,14,0.398,15,0.303,19,1.196,20,1.887,23,0.748,25,0.272,26,0.224,30,3.833,32,2.705,33,0.606,37,0.272,52,1.099,147,2.062,154,1.583,155,2.449,159,1.275,174,2.902,179,0.289,238,2.54,249,2.675,318,2.957,383,2.416,409,2.081,439,3.225,496,3.311,549,4.776,550,3.986,561,4.678,562,3.104,563,3.986,564,4.139,660,5.256,661,4.222,670,4.612,682,0.644]],["t/276",[0,0.265,1,0.295,7,0.019,9,0.286,10,0.336,11,0.299,12,0.293,13,0.325,14,0.419,15,0.319,19,1.765,25,0.274,26,0.236,33,0.688,37,0.286,52,1.063,64,2.995,154,2.033,159,1.233,164,2.903,177,1.325,178,1.774,179,0.274,239,1.602,264,3.775,277,3.708,293,4.265,318,2.801,325,5.439,326,3.645,327,4.733,335,2.606,354,2.046,421,5.312,422,5.312,423,3.014,424,4.6,431,3.417,432,4.479,682,0.61]],["t/278",[0,0.246,1,0.293,4,2.455,7,0.018,8,1.633,9,0.273,10,0.327,11,0.285,12,0.279,13,0.31,14,0.4,15,0.304,20,2.018,23,0.916,25,0.272,26,0.225,32,2.715,33,0.609,37,0.273,52,1.103,155,2.458,159,1.28,174,2.594,179,0.291,249,2.692,258,3.011,383,2.958,409,2.547,439,3.245,466,2.875,549,4.794,550,4.011,561,3.577,562,3.8,563,5.26,564,4.165,583,5.391,584,4.641,682,0.648]],["t/280",[0,0.26,1,0.272,7,0.016,9,0.241,10,0.304,11,0.252,12,0.246,13,0.274,14,0.353,15,0.268,25,0.27,26,0.199,33,0.635,37,0.285,49,0.786,51,0.403,59,3.382,138,2.397,179,0.313,182,3.531,208,2.637,239,1.829,330,3.397,354,1.875,372,5.755,373,5.25,375,6.207,376,3.397,377,3.785,682,0.696]],["t/282",[0,0.227,1,0.271,7,0.016,8,1.735,9,0.238,10,0.302,11,0.249,12,0.244,13,0.271,14,0.349,15,0.265,19,1.519,23,0.8,25,0.269,26,0.196,33,0.531,37,0.238,51,0.337,52,0.963,59,2.829,60,3.161,145,2.002,159,1.117,162,2.608,175,2.868,179,0.309,253,4.093,259,3.124,335,2.072,376,3.359,380,3.638,392,2.799,443,3.088,450,2.953,457,3.124,461,3.019,464,3.277,515,3.857,516,3.359,529,4.727,682,0.688]],["t/284",[0,0.249,1,0.297,7,0.019,8,1.468,9,0.28,10,0.332,11,0.293,12,0.287,13,0.318,14,0.41,15,0.312,19,1.504,20,1.643,23,0.941,25,0.271,26,0.231,28,1.432,33,0.625,37,0.256,49,0.833,51,0.397,52,1.133,55,2.939,59,2.393,60,2.674,145,1.694,159,1.315,162,2.206,175,2.987,179,0.262,208,2.206,253,3.694,259,2.643,335,2.221,376,2.842,380,3.078,392,2.368,409,2.384,440,4.486,441,4.072,442,3.122,443,3.634,450,3.653,456,3.367,457,3.349,458,3.367,459,3.367,460,4.013,461,3.552,462,4.013,463,3.367,464,4.053,466,2.583,467,3.672,470,2.674,515,3.263,516,2.842,529,3.367,682,0.582,953,2.368]],["t/286",[0,0.231,1,0.275,4,2.679,7,0.016,9,0.245,10,0.307,11,0.256,12,0.25,13,0.278,14,0.358,15,0.273,19,1.543,23,0.822,25,0.272,26,0.202,33,0.546,37,0.288,51,0.347,52,0.99,159,1.148,179,0.318,319,3.686,335,2.129,360,4.517,548,5.68,566,5.193,573,6.1,682,0.707]],["t/288",[0,0.251,1,0.279,7,0.018,8,1.61,9,0.271,10,0.325,11,0.283,12,0.277,13,0.307,14,0.396,15,0.301,18,2.437,20,1.422,21,3.386,25,0.271,26,0.223,33,0.652,37,0.271,39,2.42,40,2.199,45,2.74,49,0.721,51,0.313,52,0.894,62,2.444,145,2.273,147,2.045,151,2.598,154,1.57,159,1.269,179,0.287,238,3.082,272,3.117,354,1.721,390,3.817,392,2.598,393,5.465,409,2.064,414,4.574,415,4.463,416,4.818,417,4.027,496,3.284,535,3.329,562,3.078,639,4.447,640,3.525,658,3.817,659,3.817,682,0.639]],["t/290",[0,0.228,1,0.272,4,2.625,7,0.016,9,0.24,10,0.303,11,0.251,12,0.245,13,0.273,14,0.351,15,0.267,20,1.948,23,0.805,25,0.269,26,0.198,32,2.826,33,0.535,37,0.284,52,0.97,155,2.559,159,1.125,174,2.7,179,0.311,249,2.878,383,2.599,409,2.239,439,3.469,549,4.991,550,4.289,561,3.825,562,3.34,563,4.289,564,5.275,682,0.693]],["t/292",[0,0.227,1,0.271,7,0.016,9,0.238,10,0.302,11,0.249,12,0.244,13,0.271,14,0.349,15,0.265,19,1.279,20,1.533,23,0.8,25,0.269,26,0.196,33,0.531,37,0.283,49,0.777,51,0.337,52,0.963,55,2.742,159,1.117,175,2.415,179,0.309,208,2.608,335,2.072,409,2.224,441,4.512,442,3.69,443,3.668,450,2.953,456,3.98,457,3.124,458,3.98,459,4.727,460,3.743,461,3.019,462,3.743,463,3.98,464,3.277,682,0.688]],["t/294",[0,0.25,1,0.297,7,0.019,8,1.476,9,0.281,10,0.332,11,0.294,12,0.288,13,0.319,14,0.412,15,0.313,19,1.635,20,1.808,23,0.944,25,0.271,26,0.232,33,0.627,37,0.256,49,0.661,51,0.398,52,1.136,55,2.333,59,2.407,60,2.69,145,1.703,159,1.318,162,2.219,175,2.849,179,0.263,208,2.219,253,3.707,258,2.722,259,2.658,319,3.053,335,2.445,376,2.858,380,3.095,392,2.382,409,2.392,441,4.087,442,3.139,443,3.948,450,3.177,456,3.386,457,3.873,458,3.386,459,3.386,460,3.185,461,3.248,462,3.185,463,3.386,464,3.525,515,3.282,516,2.858,529,3.386,586,4.854,591,3.919,682,0.586,953,2.382]],["t/296",[0,0.255,1,0.292,7,0.018,8,1.974,9,0.271,10,0.326,11,0.284,12,0.277,13,0.308,14,0.397,15,0.302,19,1.455,23,0.745,25,0.271,26,0.224,33,0.653,37,0.222,49,0.724,51,0.415,52,0.898,59,2.636,60,2.945,145,1.865,159,1.041,162,3.205,175,2.749,179,0.288,182,3.254,238,2.529,239,1.685,253,3.923,259,2.911,335,1.931,354,1.728,376,3.13,378,5.91,379,5.134,380,4.471,392,2.608,443,2.878,450,2.752,457,2.911,461,2.813,464,3.053,515,3.594,516,3.13,529,3.708,682,0.641]],["t/298",[0,0.227,1,0.271,7,0.016,9,0.238,10,0.302,11,0.249,12,0.244,13,0.271,14,0.349,15,0.265,19,1.279,20,1.533,23,0.8,25,0.269,26,0.196,33,0.531,37,0.283,49,0.777,51,0.337,52,0.963,55,2.742,159,1.117,175,2.415,179,0.309,208,2.608,335,2.072,409,2.224,441,4.512,442,3.69,443,3.668,450,2.953,456,3.98,457,3.124,458,4.727,459,3.98,460,3.743,461,3.019,462,3.743,463,3.98,464,3.277,682,0.688]],["t/300",[0,0.23,1,0.273,7,0.016,9,0.243,10,0.305,11,0.254,12,0.248,13,0.276,14,0.355,15,0.27,23,0.814,25,0.271,26,0.2,33,0.541,37,0.286,49,0.791,52,0.981,152,2.681,155,2.576,159,1.138,179,0.315,202,5.114,258,3.256,383,3.099,386,4.338,439,4.137,565,5.416,578,4.791,581,4.901,582,4.901,682,0.701]],["t/302",[0,0.252,1,0.292,4,2.45,7,0.018,8,1.63,9,0.273,10,0.327,11,0.285,12,0.279,13,0.31,14,0.399,15,0.303,20,1.891,23,0.752,25,0.272,26,0.225,32,2.711,33,0.608,37,0.273,51,0.317,52,1.102,64,2.55,155,2.824,159,1.278,166,3.467,174,2.59,179,0.291,249,2.686,256,3.041,261,3.418,383,2.426,409,2.089,430,5.507,434,4.878,439,4.251,549,4.788,550,4.003,561,3.569,562,3.117,563,4.003,564,4.156,682,0.647]],["t/304",[0,0.245,1,0.292,7,0.018,8,1.62,9,0.272,10,0.326,11,0.284,12,0.278,13,0.308,14,0.398,15,0.302,18,2.446,19,1.457,20,1.431,21,2.943,23,0.747,25,0.272,26,0.224,33,0.606,37,0.272,39,2.435,40,2.213,45,2.757,51,0.315,52,1.098,62,3.24,145,2.281,147,2.058,154,1.58,159,1.274,179,0.289,238,2.534,272,3.136,281,4.213,335,1.935,392,2.614,409,2.076,415,3.397,496,3.304,530,5.364,531,4.72,535,4.413,562,3.097,639,4.464,640,3.547,658,3.841,659,3.841,682,0.643]],["t/306",[0,0.26,1,0.311,2,4.218,3,3.116,4,1.517,5,2.727,6,3.478,7,0.02,8,1.444,9,0.303,10,0.346,11,0.316,12,0.31,13,0.344,14,0.443,15,0.337,16,1.833,17,2.631,18,2.277,19,1.66,20,1.79,21,2.149,22,3.914,23,0.898,24,2.97,25,0.275,26,0.249,27,3.146,28,1.409,29,3.072,30,3.265,31,3.692,32,2.514,33,0.675,34,4.208,35,2.259,36,2.625,37,0.293,38,3.108,39,1.517,40,1.379,41,0.937,42,2.354,43,2.68,44,2.244,45,2.458,46,3.834,47,2.738,48,2.68,49,0.755,50,3.367,51,0.358,52,1.184,53,3.754,54,3.546,55,1.595,56,2.315,57,2.479,58,2.574,59,1.646,60,1.839,61,3.261,62,1.532,63,3.918,64,2.638,65,2.625,66,2.801,67,2.941,68,2.869,69,2.941,131,3.612,132,2.171,133,2.525,134,2.059,135,3.484,136,3.484,137,2.178,138,1.379,139,2.147,140,2.525,141,2.574,142,1.548,143,1.579,144,2.796,145,1.165,146,2.625,147,2.338,148,4.208,149,3.206,150,3.756,151,1.629,152,1.532,153,2.68,154,1.645,155,1.786,156,3.756,157,1.646,158,2.005,159,0.93,160,2.625,161,2.727,162,2.171,163,1.165,164,1.906,174,1.885,179,0.18,238,1.579,318,1.839,496,2.059,561,2.21,660,3.834,661,2.625,670,2.868,682,0.4,956,3.762]],["t/308",[0,0.26,1,0.31,6,3.309,7,0.02,8,1.014,9,0.303,10,0.346,11,0.317,12,0.31,13,0.344,14,0.444,15,0.337,16,1.103,18,2.51,19,1.602,20,1.724,21,2.157,22,3.083,23,0.851,24,2.977,25,0.276,26,0.25,27,2.705,28,0.99,29,2.641,30,2.807,31,3.174,32,2.31,33,0.676,35,1.587,37,0.299,39,1.525,40,1.386,45,2.467,46,3.848,47,2.752,48,2.694,49,0.757,50,3.38,51,0.38,52,1.239,53,3.763,54,3.56,55,1.604,56,2.327,57,2.492,58,2.587,59,1.654,60,1.849,61,3.273,62,2.2,63,3.932,64,2.646,65,2.639,66,2.815,67,2.956,68,2.879,69,2.956,131,3.626,132,2.179,133,2.538,134,2.07,135,3.497,136,3.497,137,2.189,138,1.386,139,2.158,140,2.538,141,2.587,142,1.556,143,1.587,144,2.807,145,1.951,146,2.639,147,2.479,148,4.223,149,3.222,150,3.77,151,1.637,152,1.54,153,2.694,154,1.799,155,1.793,156,3.77,157,1.654,158,2.016,159,1.188,160,2.639,161,2.738,162,2.179,163,1.171,164,1.916,174,1.892,179,0.181,238,2.268,263,2.291,272,1.965,310,2.127,318,1.849,335,1.212,392,1.637,409,1.301,415,2.127,496,2.957,504,2.448,535,2.098,561,2.222,562,1.94,636,4.119,637,3.124,639,3.273,640,2.222,658,2.406,659,2.406,660,3.848,661,2.639,670,2.883,682,0.402,957,3.782]],["t/310",[0,0.266,1,0.297,7,0.018,9,0.267,10,0.322,11,0.279,12,0.273,13,0.303,14,0.39,15,0.297,20,1.86,23,0.895,25,0.269,26,0.238,33,0.645,37,0.267,40,2.146,49,0.704,51,0.306,52,1.169,142,2.409,143,2.458,145,2.239,151,3.131,159,1.25,164,2.967,166,3.341,178,1.813,179,0.28,249,2.589,278,2.752,354,1.679,374,2.888,394,5.046,395,4.262,409,2.014,410,4.359,411,4.359,412,4.359,413,5.152,418,4.464,419,4.965,420,4.547,682,0.623,957,5.856]],["t/312",[0,0.261,1,0.311,4,2.583,7,0.02,8,1.044,9,0.305,10,0.347,11,0.319,12,0.312,13,0.346,14,0.446,15,0.339,18,1.292,19,1.671,20,1.934,23,1.023,25,0.277,26,0.251,28,1.676,30,2.022,32,2.021,33,0.68,37,0.301,49,0.663,51,0.41,52,1.247,62,2.608,132,1.57,138,1.427,152,2.246,155,2.312,159,1.43,162,1.57,163,1.205,164,2.795,174,1.931,178,1.205,179,0.186,202,3.634,249,1.721,258,3.637,263,2.358,264,2.565,266,4.106,281,2.716,319,3.06,335,2.447,360,3.193,383,2.936,386,2.565,409,2.396,439,2.939,443,2.634,450,2.519,451,2.358,457,1.881,461,1.818,466,1.838,470,1.903,530,4.014,531,3.043,535,2.16,536,3.701,537,2.565,538,2.773,548,4.014,549,3.57,550,2.565,561,2.287,562,2.829,563,3.634,564,2.663,565,3.848,566,3.043,573,3.043,574,3.126,577,4.204,578,2.833,581,2.898,582,2.898,583,4.014,584,2.968,586,3.848,587,3.216,591,2.773,610,4.204,611,2.613,612,2.833,682,0.414,957,3.893]],["t/314",[0,0.267,1,0.308,7,0.019,9,0.289,10,0.337,11,0.302,12,0.296,13,0.328,14,0.423,15,0.322,19,1.644,20,1.759,23,0.829,25,0.273,26,0.247,33,0.695,37,0.289,40,1.902,49,0.623,51,0.271,52,1.168,64,2.812,142,2.134,143,2.178,145,2.074,151,2.901,154,1.753,159,1.355,164,2.629,166,2.961,178,1.606,179,0.248,249,2.294,278,2.55,335,2.147,354,2.128,374,2.676,394,4.675,395,3.776,409,1.784,410,3.863,411,3.863,412,3.863,413,4.773,418,3.956,419,4.751,420,4.385,421,4.988,422,4.988,423,2.73,424,4.166,431,3.095,432,4.056,682,0.552,956,5.189]],["t/316",[0,0.261,1,0.311,4,2.207,7,0.02,8,1.033,9,0.304,10,0.347,11,0.318,12,0.311,13,0.346,14,0.445,15,0.339,18,2.301,19,1.609,20,1.957,21,2.186,23,1.007,24,1.667,25,0.276,26,0.251,28,1.008,30,2.001,32,2.006,33,0.678,37,0.3,39,1.553,40,1.412,45,1.759,49,0.658,51,0.397,52,1.23,62,2.229,132,1.553,145,1.694,147,1.313,152,2.229,154,1.008,155,2.301,159,1.426,162,1.553,163,1.192,164,2.774,174,1.917,178,1.192,179,0.184,202,3.606,238,1.617,249,1.703,258,3.623,263,3.316,264,2.538,266,4.075,272,2.001,310,2.167,319,3.037,335,2.347,360,3.169,383,2.925,386,2.538,392,1.667,409,2.519,415,2.167,439,2.917,443,2.614,457,1.861,466,1.819,496,2.108,504,2.493,535,2.137,548,3.984,549,3.543,550,2.538,561,2.263,562,3.267,563,3.606,564,2.635,565,3.819,566,3.011,573,3.011,574,3.093,577,4.173,578,2.803,581,2.867,582,2.867,583,3.984,584,2.936,586,3.819,587,3.182,591,2.744,610,4.173,611,2.585,612,2.803,636,4.173,637,3.182,639,3.316,640,2.263,658,2.45,659,2.45,682,0.41,956,3.852]],["t/318",[0,0.263,1,0.31,7,0.02,8,1.024,9,0.304,10,0.346,11,0.317,12,0.31,13,0.345,14,0.444,15,0.338,19,1.648,20,1.289,23,0.966,25,0.276,26,0.25,27,2.722,28,1.985,33,0.692,35,2.898,37,0.299,49,0.761,51,0.381,52,1.242,55,2.306,59,2.379,60,1.865,64,2.659,138,1.399,142,1.57,143,1.602,144,2.825,145,1.683,154,1.423,155,2.103,159,1.424,162,1.539,163,1.181,164,2.755,166,2.178,175,2.578,178,1.181,179,0.183,208,1.539,253,2.898,256,1.91,259,1.844,261,2.147,269,2.611,335,2.339,354,1.56,376,2.825,377,3.148,380,2.147,392,2.354,409,1.87,421,4.048,422,4.048,423,2.861,424,3.064,430,4.048,431,2.276,432,2.983,434,3.064,439,2.034,440,3.52,441,3.195,442,2.178,443,3.026,450,3.153,456,2.349,457,2.627,458,2.349,459,2.349,460,3.148,461,2.958,462,3.148,463,2.349,464,3.21,465,3.649,466,1.802,467,2.561,470,3.375,471,2.515,472,3.52,482,2.718,483,2.718,484,2.718,485,3.958,486,2.983,498,4.048,499,2.983,500,3.064,503,3.958,504,2.47,505,2.909,515,2.276,516,1.983,529,2.349,682,0.406,957,3.817]],["t/320",[0,0.23,1,0.273,7,0.016,9,0.243,10,0.305,11,0.254,12,0.248,13,0.276,14,0.355,15,0.27,23,0.814,25,0.271,26,0.2,33,0.541,37,0.286,49,0.791,52,0.981,152,2.681,155,2.576,159,1.138,179,0.315,202,5.439,258,3.256,383,3.099,386,4.338,439,3.509,565,5.416,578,4.791,581,4.901,582,4.901,682,0.701]],["t/322",[0,0.23,1,0.273,7,0.016,9,0.243,10,0.305,11,0.254,12,0.248,13,0.276,14,0.355,15,0.27,23,0.814,25,0.271,26,0.2,33,0.541,37,0.286,49,0.791,52,0.981,152,2.681,155,2.576,159,1.138,179,0.315,202,5.114,258,3.256,383,3.099,386,4.338,439,3.509,565,5.416,578,4.791,581,5.778,582,4.901,682,0.701]],["t/324",[0,0.252,1,0.301,7,0.019,9,0.287,10,0.336,11,0.3,12,0.293,13,0.326,14,0.42,15,0.319,19,1.413,20,1.361,23,0.962,25,0.274,26,0.236,28,2.233,33,0.639,35,2.998,37,0.287,49,0.69,51,0.3,52,1.159,55,2.434,142,2.361,143,2.409,145,1.777,159,1.344,175,2.144,179,0.275,269,3.927,335,1.84,392,2.485,409,1.974,440,4.624,450,3.262,460,3.323,461,2.68,462,3.323,464,2.909,466,2.711,467,3.853,470,3.802,485,5.199,486,4.488,503,5.199,504,3.715,505,4.376,682,0.611,953,2.485]],["t/326",[0,0.261,1,0.311,4,1.531,7,0.02,8,1.018,9,0.303,10,0.346,11,0.317,12,0.31,13,0.344,14,0.444,15,0.338,19,1.604,20,1.284,23,1.004,25,0.276,26,0.25,27,2.712,28,2.086,33,0.676,35,2.891,37,0.299,49,0.759,51,0.407,52,1.226,55,2.297,59,2.37,60,1.856,62,2.206,64,1.594,138,1.986,142,1.562,143,1.594,144,2.814,145,1.677,155,2.096,159,1.422,162,1.531,163,1.175,164,2.745,166,2.166,175,2.572,178,1.175,179,0.182,208,1.531,253,2.887,256,1.901,259,1.834,261,2.136,269,2.597,281,2.649,335,2.334,376,2.814,377,3.136,380,2.136,392,2.345,409,1.863,423,1.997,430,4.033,434,3.048,439,2.023,440,3.507,441,3.183,442,2.166,443,3.017,450,3.459,451,2.3,456,2.337,457,2.617,458,2.337,459,2.337,460,3.136,461,3.216,462,3.136,463,2.337,464,3.201,465,3.636,466,1.793,467,2.548,470,3.56,471,2.501,472,3.507,482,2.704,483,2.704,484,2.704,485,3.943,486,2.968,498,4.033,499,2.968,500,3.048,503,3.943,504,2.457,505,2.894,515,2.264,516,1.972,529,2.337,530,3.943,531,2.968,535,2.106,536,3.636,537,2.501,538,2.704,682,0.404,956,3.797]],["t/328",[0,0.248,1,0.295,2,5.049,3,3.951,4,2.154,5,2.706,6,3.291,7,0.02,8,1.433,9,0.292,10,0.339,11,0.305,12,0.299,13,0.332,14,0.428,15,0.325,16,1.558,17,2.611,18,1.773,19,1.568,20,1.618,21,2.726,22,4.524,23,0.844,24,3.257,25,0.275,26,0.249,27,2.674,28,1.786,29,4.005,30,2.774,31,3.138,32,1.958,33,0.652,37,0.277,49,0.642,51,0.356,52,1.017,53,2.923,54,4.497,55,2.265,56,3.287,57,3.519,58,3.653,59,2.336,60,2.611,61,3.235,62,2.175,63,4.968,64,2.242,65,3.727,66,3.976,67,4.175,68,3.638,69,4.175,132,2.154,145,1.653,147,1.82,154,1.398,179,0.255,208,2.154,239,1.494,272,2.774,280,5.336,305,4.413,682,0.568]],["t/330",[0,0.252,1,0.3,2,4.893,3,3.787,4,2.638,5,2.534,6,2.862,7,0.02,8,1.342,9,0.296,10,0.342,11,0.309,12,0.303,13,0.336,14,0.433,15,0.329,16,1.459,17,2.445,18,1.66,19,1.529,20,1.551,21,2.612,22,3.733,23,0.957,24,2.832,25,0.275,26,0.25,27,3.65,28,2.195,29,3.198,30,2.598,31,2.939,32,1.833,33,0.66,35,2.099,37,0.285,49,0.601,51,0.38,52,1.086,63,4.762,64,2.099,65,3.49,66,3.723,67,3.91,68,3.487,69,3.91,138,1.833,144,3.399,154,1.309,159,1.131,179,0.239,239,1.399,256,2.504,261,2.814,262,5.575,263,3.03,264,3.296,265,4.768,335,1.603,423,2.632,450,2.988,451,3.03,461,2.335,465,4.391,466,2.362,470,3.198,471,3.296,472,4.235,482,3.563,483,3.563,484,3.563,536,4.391,537,3.296,538,3.563,682,0.532]],["t/332",[1,0.235,7,0.016,9,0.245,10,0.307,11,0.256,12,0.251,13,0.279,14,0.359,15,0.273,23,0.967,25,0.272,26,0.237,33,0.547,37,0.288,39,3.151,40,2.864,64,2.795,155,2.21,174,2.736,179,0.318,186,5.205,233,4.743,239,1.862,245,6.274,252,5.867,253,3.549,682,0.709]],["t/334",[0,0.227,1,0.27,7,0.016,9,0.238,10,0.302,11,0.249,12,0.243,13,0.27,14,0.348,15,0.265,18,2.717,20,1.529,21,3.063,25,0.268,26,0.196,33,0.53,37,0.283,39,2.602,40,2.365,45,2.946,52,0.961,62,2.628,145,2.374,147,2.199,154,1.688,159,1.115,179,0.309,238,2.708,272,3.352,392,2.793,409,2.219,415,3.63,496,3.531,535,3.58,562,3.31,639,4.646,640,3.791,658,4.105,659,4.105,682,0.687]],["t/336",[0,0.246,1,0.293,6,2.669,7,0.018,8,1.637,9,0.273,10,0.327,11,0.286,12,0.28,13,0.31,14,0.4,15,0.304,18,2.759,19,1.644,20,1.971,25,0.273,26,0.225,27,3.713,33,0.61,37,0.273,52,1.105,147,2.528,150,5.175,151,2.641,152,2.485,153,4.346,154,1.941,155,2.461,156,5.175,157,2.669,158,3.252,159,1.054,160,4.257,161,3.758,162,2.991,179,0.292,682,0.649]],["t/338",[0,0.23,1,0.275,6,2.9,7,0.016,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.358,15,0.272,23,0.82,24,2.869,25,0.271,26,0.201,28,1.734,29,3.24,33,0.545,37,0.287,51,0.346,52,0.987,63,5.672,64,2.782,65,4.625,66,4.934,67,5.182,68,4.154,69,6.092,179,0.317,682,0.705]],["t/340",[0,0.229,1,0.273,7,0.016,9,0.242,10,0.305,11,0.252,12,0.247,13,0.274,14,0.354,15,0.269,23,0.811,25,0.27,26,0.199,27,3.875,28,1.715,33,0.539,35,2.751,37,0.285,49,0.787,51,0.342,52,0.976,144,4.021,159,1.133,179,0.313,423,3.448,465,5.195,470,3.204,471,4.318,472,5.333,482,4.668,483,4.668,484,4.668,682,0.697]],["t/342",[0,0.244,1,0.273,7,0.016,9,0.242,10,0.305,11,0.253,12,0.248,13,0.275,14,0.354,15,0.269,20,1.955,23,0.813,25,0.27,26,0.199,33,0.637,37,0.286,40,2.408,51,0.343,52,0.978,151,2.844,159,1.135,166,3.748,179,0.314,354,1.884,394,5.409,395,4.781,409,2.259,410,5.771,411,4.89,412,4.89,682,0.699]],["t/344",[0,0.231,1,0.276,7,0.017,9,0.246,10,0.308,11,0.257,12,0.252,13,0.279,14,0.36,15,0.274,23,0.826,25,0.272,26,0.203,33,0.548,35,2.801,37,0.288,52,0.994,59,2.92,138,2.446,159,1.153,179,0.319,376,3.467,377,4.806,498,5.825,499,5.217,500,5.358,682,0.71]],["t/346",[0,0.251,1,0.299,5,2.831,6,3.072,7,0.019,9,0.283,10,0.334,11,0.296,12,0.29,13,0.322,14,0.414,15,0.315,16,1.629,17,2.731,18,2.331,19,1.389,20,1.324,21,2.804,23,0.691,24,2.418,25,0.272,26,0.233,31,4.126,32,2.048,33,0.631,34,5.49,35,2.948,36,3.898,37,0.283,38,4.616,39,2.832,40,2.574,41,1.391,42,3.495,43,3.979,44,3.332,45,3.681,46,5.003,47,4.066,48,3.979,49,0.671,50,4.394,51,0.292,52,1.046,53,3.057,62,2.275,145,2.174,147,1.904,154,1.462,159,0.965,179,0.267,238,2.345,272,2.902,392,2.418,409,1.921,415,3.143,496,3.057,535,3.099,562,2.866,639,4.254,640,3.282,658,3.554,659,3.554,682,0.595,953,2.418]],["t/348",[0,0.229,1,0.273,4,2.649,7,0.016,9,0.242,10,0.305,11,0.253,12,0.248,13,0.275,14,0.354,15,0.269,19,1.533,23,0.813,25,0.27,26,0.199,28,2.028,33,0.54,37,0.286,51,0.343,52,0.978,138,2.408,159,1.135,179,0.314,335,2.105,450,3.54,451,4.696,461,3.067,470,3.211,536,5.202,537,4.328,538,4.679,682,0.699]],["t/350",[0,0.251,1,0.299,6,2.463,7,0.019,8,1.51,9,0.284,10,0.334,11,0.297,12,0.291,13,0.323,14,0.416,15,0.316,19,1.524,22,4.027,23,0.873,24,2.437,25,0.273,26,0.234,29,2.752,33,0.634,35,2.363,37,0.26,49,0.676,51,0.368,52,1.148,53,3.081,54,4.65,55,2.387,56,3.465,57,3.709,58,3.851,59,3.536,60,3.45,61,3.41,62,2.293,138,2.063,145,1.743,159,1.22,162,2.27,175,2.635,179,0.269,253,3.761,259,2.72,335,1.804,376,3.666,377,4.085,380,3.167,392,2.437,443,2.689,450,2.571,457,2.72,461,2.628,464,2.853,498,5.254,499,4.401,500,4.52,515,3.358,516,2.924,529,3.465,682,0.599,953,2.437]],["t/352",[0,0.244,1,0.291,7,0.018,8,1.6,9,0.27,10,0.325,11,0.282,12,0.276,13,0.306,14,0.395,15,0.3,19,1.179,20,1.734,23,0.905,25,0.27,26,0.222,28,1.561,33,0.601,37,0.27,49,0.879,51,0.382,52,1.089,55,3.101,159,1.264,175,2.731,179,0.285,208,2.405,335,1.911,409,2.515,440,4.734,441,4.297,442,3.403,443,3.493,450,3.613,456,3.67,457,2.881,458,3.67,459,3.67,460,4.58,461,3.415,462,4.234,463,3.67,464,3.706,466,2.816,467,4.002,470,2.915,682,0.635]],["t/354",[0,0.253,1,0.301,4,2.063,7,0.019,8,1.372,9,0.288,10,0.336,11,0.3,12,0.294,13,0.327,14,0.421,15,0.32,19,1.598,20,1.574,23,0.965,25,0.272,26,0.237,28,1.929,33,0.641,37,0.272,49,0.798,51,0.407,52,1.162,55,2.815,59,2.238,60,2.501,132,2.063,138,1.875,145,1.584,159,1.348,162,2.063,175,2.913,179,0.245,208,2.063,253,3.539,259,2.472,335,2.362,376,2.658,380,2.878,392,2.215,409,2.283,440,4.297,441,3.901,442,2.919,443,3.52,450,3.851,451,3.099,456,3.149,457,3.208,458,3.149,459,3.149,460,3.843,461,3.642,462,3.843,463,3.149,464,3.735,466,2.416,467,3.433,470,3.245,515,3.051,516,2.658,529,3.149,536,4.456,537,3.371,538,3.644,682,0.544]],["t/356",[0,0.244,1,0.273,7,0.016,9,0.242,10,0.305,11,0.253,12,0.248,13,0.275,14,0.354,15,0.269,20,1.955,23,0.813,25,0.27,26,0.199,33,0.637,37,0.286,40,2.841,51,0.343,52,0.978,151,2.844,159,1.135,166,3.748,179,0.314,354,1.884,394,5.409,395,4.781,409,2.259,410,4.89,411,4.89,412,4.89,682,0.699]],["t/358",[0,0.245,1,0.291,2,5.329,3,4.255,4,2.425,5,3.047,6,2.63,7,0.018,8,1.972,9,0.271,10,0.325,11,0.283,12,0.277,13,0.308,14,0.397,15,0.302,16,1.754,17,2.939,18,1.996,19,1.57,20,1.743,21,2.935,22,4.194,23,0.744,24,2.603,25,0.271,26,0.223,27,3.01,28,1.573,29,2.939,30,4.297,31,3.533,32,2.204,33,0.604,37,0.222,52,0.896,147,2.049,154,1.573,159,1.039,174,2.574,179,0.288,238,2.524,318,2.939,496,3.291,561,3.533,660,5.236,661,4.195,670,4.584,682,0.64]],["t/360",[0,0.254,1,0.299,6,2.643,7,0.02,8,1.191,9,0.3,10,0.344,11,0.314,12,0.307,13,0.341,14,0.439,15,0.334,16,1.294,18,2.559,19,1.638,20,1.828,21,2.412,23,0.549,25,0.275,26,0.255,27,3.024,29,2.169,30,3.138,32,2.214,33,0.669,37,0.293,39,1.79,40,1.627,45,2.027,49,0.726,51,0.315,52,1.149,53,2.429,61,2.688,62,1.807,64,1.863,131,4.054,132,2.436,133,2.979,134,2.429,135,2.873,136,2.873,137,2.569,138,1.627,139,2.532,140,2.979,141,3.036,142,1.826,143,1.863,144,3.138,145,2.463,146,3.097,147,2.824,150,4.215,151,1.921,152,1.807,153,3.161,154,2.018,155,2.005,156,4.215,157,1.942,158,2.365,159,1.187,160,3.097,161,3.061,162,2.436,174,2.115,179,0.212,208,1.79,238,2.536,239,1.689,271,4.991,272,3.567,273,3.911,280,4.722,305,3.667,318,2.169,392,1.921,409,1.526,415,2.497,431,2.647,496,3.306,535,2.462,561,2.607,562,2.277,639,3.659,640,2.607,658,2.823,659,2.823,660,4.303,661,3.097,670,3.383,682,0.472]],["t/362",[7,0.017,9,0.247,10,0.309,11,0.258,12,0.253,13,0.281,14,0.362,15,0.275,19,1.551,20,1.589,23,0.829,25,0.273,26,0.238,33,0.551,36,4.678,37,0.247,151,2.902,164,3.397,175,2.504,178,2.075,179,0.321,195,5.383,236,6.133,238,2.814,239,1.875,246,5.713,248,4.88,682,0.714]],["t/364",[0,0.26,1,0.309,2,4.209,3,3.107,4,1.511,5,2.72,6,3.171,7,0.02,8,1.682,9,0.302,10,0.346,11,0.316,12,0.309,13,0.343,14,0.443,15,0.337,16,1.829,17,2.624,18,2.503,19,1.731,20,1.883,21,2.143,22,3.907,23,0.961,24,2.715,25,0.275,26,0.249,27,3.139,28,1.405,29,2.624,30,2.788,31,2.202,32,2.299,33,0.674,34,4.196,35,1.573,36,3.745,37,0.286,38,3.096,39,1.511,40,1.374,41,0.933,42,2.344,43,2.669,44,2.235,45,1.711,49,0.754,51,0.405,52,1.183,53,2.938,54,3.537,55,1.589,56,2.307,57,2.469,58,2.564,59,1.639,60,1.832,61,3.252,62,2.186,64,1.573,131,3.602,132,2.165,133,2.515,134,2.051,135,2.426,136,2.426,137,2.169,138,1.374,139,2.138,140,2.515,141,2.564,142,1.542,143,1.573,144,2.788,145,1.16,146,2.615,147,2.138,150,3.745,151,1.622,152,1.526,153,2.669,154,1.405,155,1.781,156,3.745,157,1.639,158,1.997,159,1.252,160,2.615,161,2.72,162,2.529,163,1.16,164,1.899,179,0.179,258,2.655,263,3.252,264,2.469,310,2.108,319,2.079,335,2.194,409,1.289,443,2.564,457,1.811,504,2.426,577,4.092,586,3.745,587,3.096,591,2.669,610,4.092,611,2.515,612,2.728,636,4.092,637,3.096,682,0.399]],["t/366",[0,0.245,1,0.292,4,2.44,7,0.018,8,1.623,9,0.272,10,0.326,11,0.284,12,0.278,13,0.309,14,0.398,15,0.303,19,1.196,20,1.887,23,0.748,25,0.272,26,0.224,30,3.833,32,2.705,33,0.606,37,0.272,52,1.099,147,2.062,154,1.583,155,2.449,159,1.275,174,2.976,179,0.289,238,2.54,249,2.675,318,2.957,383,2.416,409,2.081,439,3.225,496,3.311,549,4.776,550,3.986,561,4.335,562,3.104,563,3.986,564,4.139,660,5.256,661,4.222,670,4.612,682,0.644]],["t/368",[0,0.262,1,0.291,4,2.405,7,0.018,8,1.6,9,0.27,10,0.325,11,0.282,12,0.276,13,0.306,14,0.395,15,0.3,16,1.739,19,1.446,23,0.738,25,0.27,26,0.222,28,1.914,32,2.186,33,0.65,37,0.292,49,0.717,51,0.382,52,0.888,138,3.198,154,1.561,157,2.609,158,3.178,159,1.031,179,0.285,196,4.34,239,1.668,330,4.11,335,1.911,337,5.21,338,3.22,339,4.248,450,3.34,451,3.613,461,2.784,470,2.915,536,4.909,537,3.929,538,4.248,682,0.635]],["t/370",[0,0.259,1,0.306,4,2.235,7,0.02,8,1.051,9,0.305,10,0.348,11,0.319,12,0.312,13,0.347,14,0.447,15,0.34,19,1.752,20,0.929,23,0.947,25,0.277,26,0.257,28,1.828,29,1.916,33,0.695,35,1.645,36,2.734,37,0.301,49,0.471,51,0.399,52,1.197,55,1.662,59,1.714,60,1.916,62,2.257,64,2.326,138,1.436,145,1.715,147,1.336,154,1.828,159,1.389,162,1.58,163,1.213,164,2.808,175,2.4,178,1.213,179,0.187,208,2.235,239,1.55,253,2.953,259,1.893,263,2.374,268,4.722,272,2.036,280,4.332,281,3.866,282,3.736,283,3.736,305,3.238,319,2.174,335,2.575,354,1.589,360,3.208,376,2.036,380,2.205,392,1.697,409,1.348,421,4.125,422,4.125,423,2.062,424,3.147,431,2.338,432,3.064,441,3.256,442,2.236,443,3.07,450,3.191,451,2.374,456,2.412,457,2.677,458,2.412,459,2.412,460,2.269,461,3.001,462,2.269,463,2.412,464,2.808,470,2.709,503,4.033,504,2.537,505,2.988,515,2.338,516,2.036,529,2.412,530,4.033,531,3.064,535,2.174,536,3.719,537,2.582,538,2.791,548,4.033,566,3.064,573,3.064,682,0.417]],["t/372",[1,0.235,7,0.017,9,0.246,10,0.308,11,0.257,12,0.252,13,0.279,14,0.36,15,0.274,23,0.968,25,0.272,26,0.238,33,0.548,37,0.288,39,2.691,40,2.446,64,2.801,155,2.215,174,2.907,179,0.319,186,5.217,233,4.754,239,1.866,245,6.282,252,5.881,253,3.557,682,0.71]],["t/374",[0,0.262,1,0.27,7,0.016,9,0.237,10,0.301,11,0.248,12,0.243,13,0.269,14,0.347,15,0.264,16,1.878,25,0.268,26,0.196,32,2.36,33,0.63,37,0.301,49,0.774,51,0.336,138,3.215,154,1.685,157,2.816,158,3.431,179,0.308,196,4.686,239,1.8,330,4.397,337,5.456,338,3.477,339,4.586,682,0.685]],["t/376",[0,0.245,1,0.233,7,0.016,9,0.244,10,0.306,11,0.255,12,0.249,13,0.277,14,0.357,15,0.271,21,3.302,25,0.271,26,0.201,33,0.64,37,0.287,49,0.795,51,0.345,151,2.863,159,1.143,179,0.316,238,2.776,354,1.897,390,4.207,393,5.794,414,5.041,415,3.72,416,6.249,417,4.438,682,0.704]],["t/378",[0,0.245,1,0.233,7,0.016,9,0.244,10,0.306,11,0.255,12,0.249,13,0.277,14,0.357,15,0.271,21,3.302,25,0.271,26,0.201,33,0.64,37,0.287,49,0.795,51,0.345,151,2.863,159,1.143,179,0.316,238,2.776,354,1.897,390,4.207,393,5.794,414,5.041,415,3.72,416,5.31,417,5.223,682,0.704]],["t/380",[0,0.25,1,0.298,4,2.244,7,0.019,9,0.283,10,0.333,11,0.295,12,0.289,13,0.321,14,0.414,15,0.315,18,2.325,20,2.007,21,2.798,23,0.867,25,0.272,26,0.233,32,2.568,33,0.63,37,0.283,39,2.244,40,2.04,45,2.541,52,1.142,62,2.266,145,2.169,147,1.897,154,1.456,155,2.325,159,1.325,174,2.453,179,0.266,238,2.336,249,2.46,258,2.753,272,2.891,383,2.798,392,2.409,409,2.637,415,3.131,439,2.966,466,2.628,496,3.046,535,3.088,549,4.535,550,3.667,561,3.27,562,4.129,563,4.616,564,3.807,583,5.099,584,4.243,639,4.244,640,3.27,658,3.54,659,3.54,682,0.592,953,2.409]],["t/382",[0,0.232,1,0.255,7,0.019,9,0.289,10,0.337,11,0.302,12,0.296,13,0.328,14,0.423,15,0.322,19,1.158,20,2.033,23,0.895,25,0.276,26,0.256,33,0.674,37,0.289,40,2.146,51,0.306,52,0.872,147,1.996,151,3.131,154,1.532,159,1.012,164,2.967,166,3.341,175,2.701,178,1.813,179,0.28,195,4.702,236,5.654,238,2.458,239,2.023,246,4.99,248,4.262,256,2.931,257,5.975,258,2.896,259,2.829,260,5.355,261,3.294,264,3.858,354,1.679,394,5.046,395,4.262,409,2.014,410,4.359,411,4.359,412,4.359,682,0.623]],["t/384",[0,0.259,1,0.309,2,4.182,3,3.082,4,2.147,5,1.877,6,2.329,7,0.02,8,0.994,9,0.302,10,0.345,11,0.315,12,0.308,13,0.343,14,0.442,15,0.336,16,1.081,17,1.811,18,2.493,19,1.595,20,2.072,21,2.72,22,3.038,23,0.957,24,1.604,25,0.274,26,0.249,27,3.119,28,1.393,29,1.811,30,1.925,31,2.177,32,2.284,33,0.673,37,0.297,39,1.494,40,1.358,45,1.692,49,0.64,51,0.325,52,1.201,55,2.257,62,1.509,145,1.648,147,2.124,150,3.715,151,1.604,152,2.168,153,2.639,154,1.631,155,2.261,156,3.715,157,1.621,158,1.975,159,1.368,160,2.585,161,2.698,162,2.147,163,1.147,164,1.877,174,1.864,175,1.988,179,0.177,208,1.494,238,1.555,249,1.638,258,3.082,264,2.441,266,3.963,272,1.925,319,2.055,335,1.706,383,2.488,392,1.604,409,2.661,415,2.084,439,1.975,440,3.446,441,3.128,442,2.114,443,3.253,450,2.846,456,2.28,457,2.572,458,2.28,459,2.28,460,3.082,461,2.486,462,3.082,463,2.28,464,2.698,466,2.514,467,2.486,470,1.811,496,2.028,535,2.055,549,3.446,550,2.441,561,2.177,562,3.197,563,3.508,564,2.534,574,2.975,583,3.875,584,2.824,586,3.715,591,2.639,639,3.225,640,2.177,658,2.357,659,2.357,682,0.394]],["t/386",[0,0.245,1,0.233,7,0.016,9,0.244,10,0.306,11,0.255,12,0.249,13,0.277,14,0.357,15,0.271,21,3.302,25,0.271,26,0.201,33,0.64,37,0.287,49,0.795,51,0.345,151,2.863,159,1.143,179,0.316,238,2.776,354,1.897,390,4.951,393,5.794,414,5.041,415,3.72,416,5.31,417,4.438,682,0.704]],["t/388",[7,0.017,9,0.248,10,0.31,11,0.259,12,0.254,13,0.282,14,0.363,15,0.276,19,1.332,20,1.597,23,0.833,25,0.273,26,0.239,33,0.554,37,0.29,151,2.916,175,2.515,179,0.322,195,5.408,236,6.15,238,2.827,239,1.884,246,5.739,248,5.726,682,0.717]],["t/390",[0,0.244,1,0.291,6,2.614,7,0.018,8,1.965,9,0.27,10,0.325,11,0.282,12,0.276,13,0.307,14,0.395,15,0.3,19,1.566,22,4.178,23,0.739,24,2.587,25,0.271,26,0.222,29,2.921,33,0.602,37,0.22,49,0.718,51,0.382,52,1.091,53,3.271,54,4.825,55,2.534,56,3.678,57,3.937,58,4.088,59,3.204,60,3.871,61,3.62,62,2.434,145,1.85,159,1.033,162,2.41,175,2.735,179,0.286,253,3.903,259,2.887,335,1.915,376,3.104,380,3.362,392,2.587,443,2.854,450,2.729,457,2.887,461,2.79,464,3.028,515,3.564,516,3.104,529,3.678,682,0.636]],["t/392",[0,0.243,1,0.29,7,0.02,8,1.337,9,0.296,10,0.341,11,0.309,12,0.302,13,0.336,14,0.433,15,0.329,19,1.527,20,1.831,23,0.955,25,0.275,26,0.255,28,1.304,33,0.659,37,0.285,49,0.784,51,0.38,52,1.084,55,2.768,59,2.181,60,2.437,145,1.543,147,1.699,151,2.158,154,1.304,159,1.258,162,2.01,175,3.13,179,0.238,195,4.002,208,2.01,236,5.103,238,2.092,239,1.826,246,4.247,248,3.628,253,3.479,256,2.495,257,5.393,258,2.466,259,3.154,260,4.558,261,2.804,335,2.092,376,2.589,380,2.804,392,2.158,409,2.245,440,4.225,441,3.835,442,2.844,443,3.476,450,3.527,456,3.068,457,3.154,458,3.068,459,3.068,460,3.779,461,3.399,462,3.779,463,3.068,464,3.688,466,3.082,467,3.345,470,2.437,515,2.973,516,2.589,529,3.068,682,0.53]],["t/394",[0,0.254,1,0.303,6,3.447,7,0.019,8,1.409,9,0.291,10,0.338,11,0.304,12,0.297,13,0.33,14,0.425,15,0.323,16,1.532,19,1.476,22,3.854,23,0.836,24,2.924,25,0.274,26,0.239,29,2.568,31,3.968,32,2.736,33,0.648,35,2.205,37,0.275,45,2.399,46,4.811,47,3.824,48,3.742,49,0.897,50,4.226,51,0.39,52,1.174,53,4.461,54,4.451,55,2.228,56,3.234,57,3.462,58,3.594,59,2.299,60,2.568,61,4.092,62,2.14,64,2.835,131,4.533,132,3.01,133,3.526,134,2.876,135,4.372,136,4.372,137,3.042,138,1.926,139,2.998,140,3.526,141,3.594,142,2.161,143,2.205,144,3.509,145,1.627,146,3.666,147,1.791,148,5.28,149,4.477,179,0.251,682,0.559]],["t/396",[0,0.261,1,0.281,4,2.455,7,0.018,8,1.633,9,0.273,10,0.327,11,0.285,12,0.279,13,0.31,14,0.4,15,0.304,19,1.465,23,0.753,25,0.272,26,0.225,33,0.609,37,0.273,49,0.732,51,0.417,52,0.907,154,1.593,155,2.65,159,1.052,179,0.291,239,1.703,249,2.692,318,2.976,319,3.378,321,4.226,335,1.951,336,5.514,359,4.888,360,5.12,548,5.391,566,4.759,573,4.759,682,0.648]],["t/398",[4,2.44,7,0.02,9,0.294,10,0.34,11,0.307,12,0.3,13,0.333,14,0.43,15,0.327,23,0.913,25,0.279,26,0.263,33,0.654,35,2.54,37,0.294,49,0.887,51,0.385,55,2.566,147,2.062,154,1.583,179,0.289,233,5.256,237,6.287,238,2.54,239,2.227,240,5.768,241,5.273,244,6.287,249,2.675,250,5.768,251,6.287,256,3.029,261,3.404,269,4.139,270,5.768,682,0.644,953,2.619]],["t/400",[0,0.23,1,0.274,7,0.016,9,0.243,10,0.306,11,0.254,12,0.249,13,0.276,14,0.356,15,0.271,18,2.19,19,1.537,20,1.842,25,0.271,26,0.2,33,0.542,37,0.287,52,0.983,147,2.249,154,1.727,156,5.423,157,2.886,158,3.517,159,1.14,160,4.604,161,4.187,162,3.134,179,0.316,682,0.702]],["t/402",[0,0.26,1,0.229,7,0.016,9,0.24,10,0.303,11,0.251,12,0.245,13,0.273,14,0.351,15,0.267,25,0.269,26,0.198,33,0.535,37,0.284,49,0.782,51,0.402,154,1.703,155,2.727,179,0.311,239,1.821,249,2.878,318,3.182,321,4.688,336,5.74,359,5.227,360,5.09,682,0.693]],["t/404",[0,0.243,1,0.29,6,3.184,7,0.018,8,1.952,9,0.268,10,0.324,11,0.28,12,0.274,13,0.305,14,0.393,15,0.299,16,1.725,19,1.559,22,4.152,23,0.732,24,2.561,25,0.27,26,0.221,29,2.891,32,2.667,33,0.598,37,0.218,49,0.874,51,0.38,52,1.084,53,3.983,54,4.795,55,2.508,56,3.641,57,3.897,58,4.046,59,2.588,60,2.891,61,4.775,62,2.409,64,2.483,131,4.884,132,2.385,133,3.97,134,3.237,135,3.829,136,3.829,137,3.424,138,2.168,139,3.375,140,3.97,141,4.046,142,2.433,143,2.483,144,3.78,145,1.831,146,4.127,147,2.016,179,0.283,682,0.63]],["t/406",[0,0.245,1,0.291,2,5.329,3,4.255,4,2.425,5,3.047,6,3.216,7,0.018,8,1.972,9,0.271,10,0.325,11,0.283,12,0.277,13,0.308,14,0.397,15,0.302,16,1.754,17,2.939,18,1.996,19,1.454,20,1.743,21,2.935,22,4.194,23,0.744,24,3.182,25,0.271,26,0.223,27,3.01,28,1.573,29,2.939,30,3.124,31,4.859,32,2.694,33,0.604,35,2.524,37,0.222,45,2.746,46,5.236,47,4.376,48,4.283,49,0.722,50,4.599,51,0.314,52,0.896,53,3.291,179,0.288,682,0.64]],["t/408",[0,0.226,1,0.269,6,2.798,7,0.016,8,1.716,9,0.236,10,0.3,11,0.246,12,0.241,13,0.268,14,0.345,15,0.262,16,1.865,19,1.509,23,0.791,25,0.267,26,0.194,32,2.797,33,0.526,37,0.236,49,0.768,51,0.334,52,0.953,53,3.5,61,3.874,64,2.684,131,5.121,132,2.579,133,4.292,134,3.5,135,4.139,136,4.139,137,3.702,138,2.344,139,3.649,140,4.292,141,4.375,142,2.631,143,2.684,144,3.964,145,1.98,146,5.324,147,2.18,179,0.306,682,0.681]],["t/410",[0,0.254,1,0.291,2,5.12,3,4.027,4,2.219,5,2.788,6,2.407,7,0.019,8,1.476,9,0.281,10,0.332,11,0.294,12,0.288,13,0.319,14,0.412,15,0.313,16,1.605,17,2.69,18,2.532,19,1.375,20,1.808,21,3.464,22,3.969,23,0.681,24,2.382,25,0.271,26,0.232,27,2.754,28,1.44,29,2.69,30,2.858,31,3.233,32,2.017,33,0.659,37,0.256,39,2.219,40,2.017,45,2.513,49,0.661,51,0.287,52,0.82,62,2.241,145,2.153,147,1.875,151,2.382,154,1.44,159,1.202,179,0.263,238,2.92,272,2.858,354,1.578,390,3.5,392,2.382,393,5.178,409,1.892,414,4.194,415,3.913,416,4.418,417,3.693,496,3.011,535,3.053,562,2.823,639,4.214,640,3.233,658,3.5,659,3.5,682,0.586,953,2.382]],["t/412",[0,0.244,1,0.291,2,5.314,3,4.239,4,2.41,5,3.028,6,3.204,7,0.018,8,1.965,9,0.27,10,0.325,11,0.282,12,0.276,13,0.307,14,0.395,15,0.3,16,1.743,17,2.921,18,1.983,19,1.566,20,1.736,21,2.924,22,4.832,23,0.739,24,3.17,25,0.271,26,0.222,27,2.992,28,1.564,29,3.58,30,3.104,31,3.511,32,2.19,33,0.602,37,0.22,49,0.718,51,0.312,52,0.89,53,3.271,54,4.825,55,2.534,56,3.678,57,3.937,58,4.088,59,2.614,60,2.921,61,3.62,62,2.434,179,0.286,682,0.636]],["t/414",[0,0.23,1,0.274,6,2.893,7,0.016,9,0.244,10,0.306,11,0.255,12,0.249,13,0.277,14,0.357,15,0.271,24,2.863,25,0.271,26,0.201,31,4.572,32,2.424,33,0.544,35,2.776,37,0.287,45,3.02,46,5.544,47,4.813,48,4.71,49,0.795,50,5.174,51,0.345,52,0.985,53,3.619,179,0.316,682,0.704]],["t/416",[0,0.244,1,0.291,7,0.018,8,1.97,9,0.271,10,0.325,11,0.283,12,0.277,13,0.307,14,0.396,15,0.301,18,1.991,19,1.634,20,1.74,23,0.742,25,0.271,26,0.223,33,0.603,37,0.221,51,0.313,52,1.094,59,2.625,60,2.933,145,1.858,147,2.045,154,1.57,156,5.123,157,2.625,158,3.198,159,1.269,160,4.187,161,3.72,162,3.333,175,2.742,179,0.287,253,3.913,259,2.899,335,1.923,376,3.117,380,3.376,392,2.598,443,2.866,450,2.74,457,2.899,461,2.802,464,3.041,515,3.579,516,3.117,529,3.693,682,0.639]],["t/418",[0,0.25,1,0.297,4,2.215,6,3.04,7,0.019,8,1.473,9,0.281,10,0.332,11,0.294,12,0.287,13,0.319,14,0.411,15,0.313,16,1.602,19,1.374,20,1.807,23,0.86,24,2.377,25,0.271,26,0.231,31,4.082,32,3.094,33,0.626,35,2.305,37,0.256,45,2.508,46,4.949,47,3.997,48,3.912,49,0.835,50,4.346,51,0.363,52,1.135,53,3.803,61,3.327,64,2.305,131,4.663,132,2.215,133,3.686,134,3.006,135,3.554,136,3.554,137,3.179,138,2.013,139,3.133,140,3.686,141,3.757,142,2.259,143,2.305,144,3.609,145,1.7,146,3.832,147,1.872,155,2.306,159,0.949,174,2.433,179,0.263,249,2.428,383,2.193,409,1.889,439,2.927,549,4.497,550,3.618,561,3.226,562,2.817,563,3.618,564,3.757,682,0.584,953,2.377]],["t/420",[0,0.227,1,0.271,2,5.498,3,4.446,4,2.608,5,3.277,6,2.829,7,0.016,8,1.735,9,0.238,10,0.302,11,0.249,12,0.244,13,0.271,14,0.349,15,0.265,16,1.886,17,3.161,18,2.146,19,1.519,20,1.821,21,3.067,22,4.382,23,0.8,24,2.799,25,0.269,26,0.196,27,3.237,28,1.692,29,3.161,30,3.359,31,3.799,32,2.815,33,0.531,37,0.238,179,0.309,682,0.688]],["t/422",[0,0.23,1,0.275,6,2.9,7,0.016,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.358,15,0.272,23,0.82,24,2.869,25,0.271,26,0.201,28,1.734,29,3.24,33,0.545,37,0.287,51,0.346,52,0.987,63,5.672,64,2.782,65,4.625,66,4.934,67,5.182,68,4.412,69,5.182,179,0.317,682,0.705]],["t/424",[0,0.25,1,0.297,7,0.019,8,1.476,9,0.281,10,0.332,11,0.294,12,0.288,13,0.319,14,0.412,15,0.313,19,1.635,20,1.808,23,0.944,25,0.271,26,0.232,33,0.627,37,0.256,49,0.661,51,0.398,52,1.136,55,2.333,59,2.407,60,2.69,145,1.703,159,1.318,162,2.219,175,2.849,179,0.263,208,2.219,253,3.707,258,2.722,259,2.658,319,3.053,335,2.445,376,2.858,380,3.095,392,2.382,409,2.392,441,4.087,442,3.139,443,4.033,450,3.177,456,3.386,457,3.686,458,3.386,459,3.386,460,3.185,461,3.248,462,3.185,463,3.386,464,3.525,515,3.282,516,2.858,529,3.386,586,4.854,591,3.919,682,0.586,953,2.382]],["t/426",[0,0.227,1,0.271,7,0.016,9,0.238,10,0.302,11,0.249,12,0.244,13,0.271,14,0.349,15,0.265,19,1.279,20,1.533,23,0.8,25,0.269,26,0.196,33,0.531,37,0.283,49,0.777,51,0.337,52,0.963,55,2.742,159,1.117,175,2.415,179,0.309,208,2.608,335,2.072,409,2.224,441,4.512,442,3.69,443,3.668,450,2.953,456,4.727,457,3.124,458,3.98,459,3.98,460,3.743,461,3.019,462,3.743,463,3.98,464,3.277,682,0.688]],["t/428",[0,0.246,1,0.293,6,2.663,7,0.018,8,1.633,9,0.273,10,0.327,11,0.285,12,0.279,13,0.31,14,0.4,15,0.304,18,2.458,19,1.465,20,1.756,23,0.753,25,0.272,26,0.225,27,3.708,33,0.609,37,0.273,49,0.732,52,1.103,147,2.075,150,5.168,151,2.636,152,3.017,153,4.337,154,1.593,155,2.825,159,1.052,179,0.291,202,4.88,258,3.011,383,2.958,386,4.011,439,3.245,565,5.168,578,4.431,581,4.532,582,4.532,682,0.648]],["t/430",[0,0.261,1,0.295,4,2.138,7,0.02,9,0.291,10,0.339,11,0.305,12,0.298,13,0.331,14,0.427,15,0.324,20,1.777,23,0.928,25,0.274,26,0.248,32,2.49,33,0.65,37,0.291,39,2.138,40,1.943,49,0.637,51,0.391,52,1.012,64,2.852,132,2.138,154,1.387,155,2.91,159,1.174,166,3.025,174,2.768,179,0.254,186,4.145,233,3.777,239,1.9,245,5.455,249,3.004,252,4.672,253,2.826,256,2.654,261,2.983,318,2.592,321,3.877,336,5.058,359,4.257,360,4.732,383,2.117,409,1.823,430,5.058,434,4.257,439,3.621,549,4.397,550,3.493,561,3.115,562,2.72,563,3.493,564,3.627,682,0.564]],["t/432",[0,0.23,1,0.273,7,0.016,9,0.243,10,0.305,11,0.254,12,0.248,13,0.276,14,0.355,15,0.27,23,0.814,25,0.271,26,0.2,33,0.541,37,0.286,49,0.791,52,0.981,152,2.681,155,2.576,159,1.138,179,0.315,202,5.114,258,3.256,383,3.099,386,5.114,439,3.509,565,5.416,578,4.791,581,4.901,582,4.901,682,0.701]],["t/434",[7,0.017,9,0.248,10,0.309,11,0.259,12,0.253,13,0.281,15,0.276,25,0.273,26,0.239,33,0.552,37,0.29,51,0.351,76,2.737,95,4.349,96,4.349,157,2.94,165,7.614,166,3.834,167,6.72,168,6.72,169,5.002,170,5.395,171,6.72,172,6.145,179,0.321,682,0.715]],["t/436",[0,0.251,1,0.299,6,2.453,7,0.019,9,0.284,10,0.334,11,0.296,12,0.29,13,0.322,14,0.415,15,0.316,18,2.337,19,1.522,20,1.329,21,2.811,22,4.017,23,0.694,24,2.428,25,0.273,26,0.234,29,2.741,33,0.632,37,0.284,39,2.261,40,2.056,45,2.561,49,0.674,51,0.367,52,1.146,53,3.069,54,4.639,55,2.378,56,3.451,57,3.695,58,3.836,59,2.453,60,2.741,61,3.397,62,3.386,145,2.179,147,1.911,154,1.467,159,1.217,179,0.268,238,2.354,272,2.913,281,3.913,335,1.797,392,2.428,409,1.929,415,3.155,496,3.069,530,5.124,531,4.384,535,3.906,562,2.877,639,4.265,640,3.295,658,3.568,659,3.568,682,0.597,953,2.428]],["t/438",[7,0.017,9,0.25,10,0.311,11,0.261,12,0.256,13,0.284,15,0.278,25,0.274,26,0.24,33,0.649,37,0.291,51,0.354,95,4.39,157,2.967,179,0.324,180,7.364,184,2.533,186,5.302,187,5.302,188,5.049,682,0.722]],["t/440",[7,0.017,9,0.248,10,0.31,11,0.259,12,0.254,13,0.282,15,0.276,24,2.916,25,0.273,26,0.239,33,0.554,37,0.29,51,0.351,95,4.359,179,0.322,182,3.637,184,2.515,185,7.343,187,5.265,208,2.716,209,5.935,210,2.771,211,3.145,212,5.935,682,0.717]],["t/442",[5,3.437,7,0.017,9,0.25,10,0.311,11,0.261,12,0.256,13,0.284,15,0.278,24,2.936,25,0.274,26,0.24,33,0.557,37,0.291,51,0.354,95,4.39,155,2.251,179,0.324,181,7.364,182,3.663,183,2.967,184,2.533,682,0.722]],["t/444",[7,0.017,9,0.251,10,0.311,11,0.262,12,0.256,13,0.285,14,0.367,15,0.279,23,0.841,25,0.274,26,0.24,33,0.559,37,0.292,95,4.4,179,0.325,182,3.671,192,7.372,193,5.991,194,6.799,195,5.458,682,0.724]],["t/446",[7,0.017,9,0.247,10,0.309,11,0.258,12,0.253,13,0.281,15,0.275,23,0.971,25,0.273,26,0.238,33,0.551,36,4.678,37,0.289,41,1.67,51,0.35,95,4.339,147,2.285,173,5.71,179,0.321,182,3.62,207,7.087,210,2.758,232,4.88,233,4.775,682,0.714]],["t/448",[1,0.235,7,0.017,9,0.246,10,0.308,11,0.257,12,0.252,13,0.279,14,0.36,15,0.274,23,0.968,25,0.272,26,0.238,33,0.548,37,0.288,39,2.691,40,2.446,64,2.801,155,2.215,174,2.74,179,0.319,186,5.217,233,4.754,239,1.866,245,6.666,252,5.881,253,3.557,682,0.71]],["t/450",[7,0.017,9,0.248,10,0.31,11,0.259,12,0.254,13,0.282,14,0.363,15,0.276,19,1.332,20,1.597,23,0.833,25,0.273,26,0.239,33,0.554,37,0.29,151,2.916,175,2.515,179,0.322,195,5.408,236,6.515,238,2.827,239,1.884,246,5.739,248,4.902,682,0.717]],["t/452",[7,0.017,9,0.249,10,0.31,11,0.26,12,0.254,13,0.283,14,0.364,15,0.277,23,0.835,25,0.273,26,0.239,33,0.555,37,0.29,49,0.811,51,0.352,55,2.863,179,0.323,233,4.809,237,7.108,238,2.834,239,1.888,240,6.436,241,4.295,682,0.718]],["t/454",[7,0.017,9,0.249,10,0.31,11,0.26,12,0.254,13,0.283,14,0.364,15,0.277,23,0.835,25,0.273,26,0.239,33,0.555,35,2.834,37,0.29,49,0.811,51,0.352,179,0.323,233,4.809,239,1.888,241,4.295,244,7.108,249,2.985,250,6.436,682,0.718]],["t/456",[4,2.722,7,0.017,9,0.249,10,0.31,11,0.26,12,0.254,13,0.283,14,0.364,15,0.277,25,0.273,26,0.239,33,0.555,37,0.29,147,2.301,154,1.767,179,0.323,239,1.888,241,4.295,251,7.108,256,3.38,261,3.798,269,4.618,270,6.436,682,0.718]],["t/458",[7,0.017,9,0.248,10,0.31,11,0.259,12,0.254,13,0.282,14,0.363,15,0.276,20,1.597,25,0.273,26,0.239,33,0.554,37,0.29,147,2.296,154,1.762,175,2.515,179,0.322,239,1.884,256,3.372,257,6.885,258,3.332,259,3.254,260,6.159,261,3.789,682,0.717]],["t/460",[7,0.017,9,0.249,10,0.31,11,0.261,12,0.255,13,0.283,14,0.365,15,0.278,25,0.274,26,0.24,28,1.771,33,0.556,37,0.291,154,1.771,179,0.324,239,1.892,256,3.387,261,3.807,262,7.114,263,4.099,264,4.458,265,6.451,682,0.72]],["t/462",[7,0.017,9,0.249,10,0.31,11,0.26,12,0.254,13,0.283,14,0.364,15,0.277,19,1.558,25,0.273,26,0.239,33,0.555,37,0.29,51,0.352,154,1.767,179,0.323,239,1.888,263,4.089,268,7.108,281,4.71,282,6.436,283,6.436,682,0.718]],["t/464",[0,0.199,7,0.017,9,0.248,10,0.31,11,0.259,12,0.254,13,0.282,14,0.363,15,0.276,25,0.273,26,0.239,33,0.554,37,0.29,49,0.809,51,0.351,132,2.716,145,2.435,147,2.296,179,0.322,239,1.884,271,6.885,272,3.499,273,5.935,682,0.717]],["t/466",[7,0.017,9,0.249,10,0.31,11,0.26,12,0.254,13,0.283,14,0.364,15,0.277,19,1.335,25,0.273,26,0.239,29,3.3,33,0.555,37,0.29,145,2.09,147,2.301,154,1.767,179,0.323,208,2.722,239,1.888,272,3.507,280,6.521,305,5.578,682,0.718]],["t/468",[0,0.196,7,0.016,9,0.244,10,0.26,11,0.255,12,0.249,13,0.277,14,0.357,15,0.271,25,0.271,26,0.236,37,0.287,41,1.647,51,0.406,56,4.07,145,2.56,179,0.316,184,2.47,199,2.565,205,2.214,239,1.849,256,4.14,261,4.653,272,3.435,302,7.047,303,6.305,682,0.704]],["t/470",[0,0.26,7,0.016,9,0.242,10,0.305,11,0.252,12,0.247,13,0.274,14,0.354,15,0.269,18,2.922,25,0.27,26,0.235,33,0.539,37,0.285,49,0.787,51,0.342,179,0.313,239,1.833,304,6.281,318,3.204,319,3.636,320,5.415,321,3.739,322,4.483,323,3.687,324,4.398,682,0.697]],["t/472",[0,0.26,1,0.23,7,0.016,9,0.241,10,0.304,11,0.251,12,0.246,13,0.273,14,0.352,15,0.268,25,0.27,26,0.198,33,0.536,37,0.285,49,0.784,51,0.403,154,1.707,155,2.729,179,0.312,239,1.825,249,2.885,318,3.189,321,4.405,336,6.122,359,5.238,360,5.022,682,0.694]],["t/474",[0,0.265,1,0.268,7,0.016,9,0.235,10,0.3,11,0.246,12,0.241,13,0.267,14,0.344,15,0.262,25,0.267,26,0.194,33,0.626,37,0.281,39,2.573,40,2.793,45,3.48,49,0.767,51,0.333,68,3.401,154,1.67,155,2.704,157,2.792,161,3.234,174,2.668,179,0.305,239,1.785,259,3.083,354,1.83,371,5.93,382,4.751,383,2.548,384,4.989,385,4.989,682,0.679]],["t/476",[0,0.261,1,0.232,7,0.016,9,0.243,10,0.305,11,0.254,12,0.248,13,0.276,14,0.355,15,0.27,19,1.72,25,0.271,26,0.2,33,0.541,37,0.286,154,1.723,177,1.523,179,0.315,239,1.841,277,4.261,293,4.901,318,3.218,325,6.293,326,4.188,327,5.439,335,2.11,682,0.701]],["t/478",[0,0.262,1,0.27,7,0.016,9,0.238,10,0.302,11,0.249,12,0.243,13,0.27,14,0.348,15,0.265,16,1.882,25,0.268,26,0.196,32,2.365,33,0.63,37,0.302,49,0.775,51,0.337,138,3.17,154,1.688,157,2.823,158,3.439,179,0.309,196,4.696,239,1.804,330,4.252,337,5.83,338,3.484,339,4.596,682,0.687]],["t/480",[0,0.229,1,0.273,7,0.016,8,1.762,9,0.242,10,0.305,11,0.253,12,0.248,13,0.275,14,0.354,15,0.269,18,2.18,19,1.533,23,0.813,25,0.27,26,0.199,28,1.719,30,3.412,33,0.54,37,0.242,49,0.789,51,0.405,52,0.978,62,2.675,159,1.135,162,2.649,179,0.314,263,3.979,264,4.328,335,2.105,610,6.287,611,4.408,612,4.781,682,0.699]],["t/482",[0,0.231,1,0.275,7,0.016,9,0.245,10,0.307,11,0.256,12,0.251,13,0.279,14,0.359,15,0.273,18,2.21,19,1.317,23,0.824,24,2.882,25,0.272,26,0.202,33,0.547,37,0.288,51,0.347,52,0.992,159,1.151,179,0.318,263,4.033,310,3.746,335,2.134,504,4.31,636,6.323,637,5.501,682,0.709]],["t/484",[0,0.227,1,0.27,7,0.016,9,0.238,10,0.302,11,0.249,12,0.243,13,0.27,14,0.348,15,0.265,18,2.546,20,1.529,21,3.063,25,0.268,26,0.196,33,0.53,37,0.283,39,2.602,40,2.365,45,2.946,52,0.961,62,2.628,145,2.374,147,2.199,154,1.688,159,1.115,179,0.309,238,2.708,272,3.352,392,2.793,409,2.219,415,3.63,496,3.531,535,3.58,562,3.31,639,4.958,640,3.791,658,4.105,659,4.105,682,0.687]],["t/486",[0,0.23,1,0.274,7,0.016,9,0.244,10,0.306,11,0.255,12,0.249,13,0.277,14,0.357,15,0.271,19,1.308,25,0.271,26,0.201,30,4.043,33,0.544,37,0.287,52,0.985,147,2.254,154,1.73,159,1.143,174,2.725,179,0.316,238,2.776,318,3.233,496,3.619,561,3.885,660,5.891,661,4.614,670,5.041,682,0.704]],["t/488",[0,0.23,1,0.273,6,2.88,7,0.016,9,0.243,10,0.305,11,0.254,12,0.248,13,0.276,14,0.355,15,0.27,18,2.576,19,1.535,20,1.84,25,0.271,26,0.2,27,3.886,33,0.541,37,0.286,52,0.981,147,2.244,150,5.76,151,2.85,152,2.681,153,4.689,154,1.723,155,2.576,179,0.315,682,0.701]],["t/490",[0,0.23,1,0.274,7,0.016,9,0.243,10,0.306,11,0.254,12,0.249,13,0.276,14,0.356,15,0.271,18,2.19,19,1.537,20,1.842,25,0.271,26,0.2,33,0.542,37,0.287,52,0.983,147,2.249,154,1.727,156,5.765,157,2.886,158,3.517,159,1.14,160,4.604,161,3.938,162,3.134,179,0.316,682,0.702]],["t/492",[0,0.226,1,0.269,6,2.798,7,0.016,8,1.716,9,0.236,10,0.3,11,0.246,12,0.241,13,0.268,14,0.345,15,0.262,16,1.865,19,1.509,23,0.791,25,0.267,26,0.194,32,2.797,33,0.526,37,0.236,49,0.768,51,0.334,52,0.953,53,3.5,61,3.874,64,2.684,131,5.473,132,2.579,133,4.292,134,3.5,135,4.139,136,4.139,137,3.702,138,2.344,139,3.649,140,4.292,141,4.375,142,2.631,143,2.684,144,3.964,145,1.98,146,4.462,147,2.18,179,0.306,682,0.681]],["t/494",[0,0.232,1,0.276,6,2.933,7,0.017,9,0.247,10,0.309,11,0.258,12,0.253,13,0.281,14,0.362,15,0.275,23,0.829,25,0.273,26,0.204,33,0.551,37,0.289,52,0.999,53,3.669,64,2.814,132,2.704,135,4.339,136,4.339,148,6.502,149,5.713,179,0.321,682,0.714]],["t/496",[0,0.26,1,0.272,7,0.016,9,0.241,10,0.304,11,0.252,12,0.246,13,0.274,14,0.353,15,0.268,25,0.27,26,0.199,33,0.635,37,0.285,49,0.786,51,0.403,59,3.382,138,2.397,179,0.313,182,3.531,208,2.637,239,1.829,330,3.397,354,1.875,372,6.128,373,5.25,375,5.25,376,3.397,377,3.785,682,0.696]],["t/498",[0,0.253,1,0.275,7,0.016,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.358,15,0.272,25,0.271,26,0.201,33,0.641,37,0.287,49,0.796,51,0.407,162,3.143,179,0.317,182,3.579,238,2.782,239,1.854,354,1.901,378,6.647,379,5.648,380,3.729,682,0.705]],["t/500",[0,0.244,1,0.273,7,0.016,9,0.242,10,0.305,11,0.253,12,0.248,13,0.275,14,0.354,15,0.269,20,1.955,23,0.813,25,0.27,26,0.199,33,0.637,37,0.286,40,2.408,51,0.343,52,0.978,151,2.844,159,1.135,166,3.748,179,0.314,354,1.884,394,5.754,395,4.781,409,2.259,410,4.89,411,4.89,412,4.89,682,0.699]],["t/502",[0,0.265,1,0.286,7,0.016,9,0.234,10,0.299,11,0.245,12,0.239,13,0.266,14,0.343,15,0.261,23,0.786,25,0.267,26,0.231,33,0.522,37,0.28,49,0.763,52,0.946,142,2.614,143,2.667,145,2.353,151,2.751,159,1.098,179,0.304,249,2.809,278,2.892,374,3.035,413,5.792,418,4.844,419,5.105,420,4.652,682,0.676]],["t/504",[0,0.245,1,0.233,7,0.016,9,0.244,10,0.306,11,0.255,12,0.249,13,0.277,14,0.357,15,0.271,21,3.302,25,0.271,26,0.201,33,0.64,37,0.287,49,0.795,51,0.345,151,2.863,159,1.143,179,0.316,238,2.776,354,1.897,390,4.207,393,6.157,414,5.041,415,3.72,416,5.31,417,4.438,682,0.704]],["t/506",[0,0.245,1,0.233,7,0.016,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.358,15,0.272,25,0.271,26,0.201,33,0.641,37,0.287,51,0.346,145,2.563,158,3.533,179,0.317,182,3.579,239,1.854,267,3.318,354,1.901,381,6.647,388,5.648,389,5.182,390,4.217,392,2.869,682,0.705]],["t/508",[0,0.245,1,0.275,7,0.016,9,0.245,10,0.307,11,0.256,12,0.25,13,0.278,14,0.358,15,0.273,19,1.638,25,0.272,26,0.202,33,0.641,37,0.288,52,0.99,64,2.788,154,1.738,159,1.148,179,0.318,335,2.129,354,1.905,421,6.168,431,3.962,432,5.193,682,0.707]],["t/510",[0,0.245,1,0.275,7,0.016,9,0.245,10,0.307,11,0.256,12,0.25,13,0.278,14,0.358,15,0.273,19,1.638,25,0.272,26,0.202,33,0.641,37,0.288,52,0.99,64,2.788,154,1.738,159,1.148,179,0.318,335,2.129,354,1.905,422,6.168,423,3.495,424,5.334,682,0.707]],["t/512",[0,0.245,1,0.275,7,0.016,9,0.245,10,0.307,11,0.256,12,0.25,13,0.278,14,0.358,15,0.273,25,0.272,26,0.202,33,0.546,37,0.288,51,0.347,52,0.99,64,2.788,155,2.75,159,1.148,166,3.79,179,0.318,256,3.326,261,3.737,430,6.168,434,5.334,439,3.541,682,0.707]],["t/514",[0,0.229,1,0.273,7,0.016,9,0.242,10,0.305,11,0.252,12,0.247,13,0.274,14,0.354,15,0.269,20,1.554,23,0.811,25,0.27,26,0.199,28,1.715,33,0.539,37,0.285,49,0.787,51,0.342,52,0.976,55,2.779,159,1.133,175,2.447,179,0.313,409,2.254,440,5.333,450,3.535,460,3.794,461,3.06,462,3.794,464,3.321,466,3.095,467,4.398,470,3.204,682,0.697]],["t/516",[0,0.229,1,0.273,7,0.016,9,0.242,10,0.305,11,0.252,12,0.247,13,0.274,14,0.354,15,0.269,23,0.811,25,0.27,26,0.199,27,3.875,28,1.715,33,0.539,35,2.751,37,0.285,49,0.787,51,0.342,52,0.976,144,4.021,159,1.133,179,0.313,423,3.448,465,5.53,470,3.204,471,4.318,472,5.011,482,4.668,483,4.668,484,4.668,682,0.697]],["t/518",[0,0.231,1,0.275,7,0.016,9,0.245,10,0.307,11,0.256,12,0.25,13,0.278,14,0.358,15,0.273,23,0.822,25,0.272,26,0.202,28,2.042,33,0.546,35,2.788,37,0.288,52,0.99,142,2.733,143,2.788,145,2.057,159,1.148,179,0.318,269,4.544,392,2.876,470,3.247,485,6.031,486,5.193,682,0.707]],["t/520",[0,0.231,1,0.275,7,0.016,9,0.245,10,0.307,11,0.256,12,0.251,13,0.279,14,0.359,15,0.273,19,1.545,23,0.824,25,0.272,26,0.202,28,2.045,33,0.547,35,2.795,37,0.288,52,0.992,159,1.151,179,0.318,335,2.134,470,3.255,503,6.036,504,4.31,505,5.076,682,0.709]],["t/522",[0,0.227,1,0.271,7,0.016,8,1.735,9,0.238,10,0.302,11,0.249,12,0.244,13,0.271,14,0.349,15,0.265,19,1.519,23,0.8,25,0.269,26,0.196,33,0.531,37,0.238,51,0.337,52,0.963,59,2.829,60,3.161,145,2.002,159,1.117,162,2.608,175,2.868,179,0.309,253,4.367,259,3.124,335,2.072,376,3.359,380,3.638,392,2.799,443,3.088,450,2.953,457,3.124,461,3.019,464,3.277,515,3.857,516,3.359,529,3.98,682,0.688]],["t/524",[0,0.227,1,0.271,7,0.016,9,0.238,10,0.302,11,0.249,12,0.244,13,0.271,14,0.349,15,0.265,19,1.279,20,1.533,23,0.8,25,0.269,26,0.196,33,0.531,37,0.283,49,0.777,51,0.337,52,0.963,55,2.742,159,1.117,175,2.415,179,0.309,208,2.608,335,2.072,409,2.224,441,4.813,442,3.69,443,3.668,450,2.953,456,3.98,457,3.124,458,3.98,459,3.98,460,3.743,461,3.019,462,3.743,463,3.98,464,3.277,682,0.688]],["t/526",[0,0.231,1,0.276,7,0.017,9,0.246,10,0.308,11,0.257,12,0.252,13,0.279,14,0.36,15,0.274,23,0.826,25,0.272,26,0.203,33,0.548,35,2.801,37,0.288,52,0.994,59,2.92,138,2.446,159,1.153,179,0.319,376,3.467,377,4.53,498,6.18,499,5.217,500,5.358,682,0.71]],["t/528",[0,0.229,1,0.273,4,2.649,7,0.016,9,0.242,10,0.305,11,0.253,12,0.248,13,0.275,14,0.354,15,0.269,19,1.533,23,0.813,25,0.27,26,0.199,28,2.028,33,0.54,37,0.286,51,0.343,52,0.978,138,2.408,159,1.135,179,0.314,335,2.105,450,3.54,451,3.979,461,3.067,470,3.211,536,5.535,537,4.328,538,4.679,682,0.699]],["t/530",[0,0.231,1,0.275,4,2.679,7,0.016,9,0.245,10,0.307,11,0.256,12,0.25,13,0.278,14,0.358,15,0.273,19,1.543,23,0.822,25,0.272,26,0.202,33,0.546,37,0.288,51,0.347,52,0.99,159,1.148,179,0.318,319,3.686,335,2.129,360,4.517,548,6.031,566,5.193,573,5.193,682,0.707]],["t/532",[0,0.231,1,0.275,7,0.016,9,0.245,10,0.307,11,0.256,12,0.251,13,0.279,14,0.359,15,0.273,19,1.545,23,0.824,25,0.272,26,0.202,33,0.547,37,0.288,51,0.347,52,0.992,62,3.182,159,1.151,179,0.318,281,4.646,335,2.134,530,6.036,531,5.205,535,3.694,682,0.709]],["t/534",[0,0.228,1,0.272,4,2.625,7,0.016,9,0.24,10,0.303,11,0.251,12,0.245,13,0.273,14,0.351,15,0.267,20,1.948,23,0.805,25,0.269,26,0.198,32,2.826,33,0.535,37,0.284,52,0.97,155,2.559,159,1.125,174,2.7,179,0.311,249,2.878,383,2.599,409,2.239,439,3.469,549,5.318,550,4.289,561,3.825,562,3.34,563,4.289,564,4.453,682,0.693]],["t/536",[0,0.23,1,0.273,7,0.016,9,0.243,10,0.305,11,0.254,12,0.248,13,0.276,14,0.355,15,0.27,23,0.814,25,0.271,26,0.2,33,0.541,37,0.286,49,0.791,52,0.981,152,2.681,155,2.576,159,1.138,179,0.315,202,5.114,258,3.256,383,3.099,386,4.338,439,3.509,565,5.76,578,4.791,581,4.901,582,4.901,682,0.701]],["t/538",[0,0.232,1,0.276,7,0.017,9,0.247,10,0.308,11,0.258,12,0.252,13,0.28,14,0.361,15,0.274,20,1.857,23,0.828,25,0.272,26,0.203,33,0.55,37,0.289,52,0.996,152,2.724,159,1.156,179,0.32,258,3.309,266,6.186,383,2.671,409,2.3,574,5.371,682,0.712]],["t/540",[0,0.231,1,0.275,7,0.016,9,0.245,10,0.307,11,0.256,12,0.251,13,0.279,14,0.359,15,0.273,20,1.852,23,0.824,25,0.272,26,0.202,33,0.547,37,0.288,52,0.992,159,1.151,179,0.318,258,3.293,383,2.659,409,2.29,466,3.144,562,3.416,563,4.387,583,6.036,584,5.076,682,0.709]],["t/542",[0,0.232,1,0.276,7,0.017,9,0.247,10,0.308,11,0.258,12,0.252,13,0.28,14,0.361,15,0.274,19,1.549,23,0.828,25,0.272,26,0.203,33,0.55,37,0.289,51,0.349,52,0.996,132,2.697,159,1.156,179,0.32,258,3.309,335,2.144,577,6.335,587,5.526,682,0.712]],["t/544",[0,0.23,1,0.274,7,0.016,9,0.243,10,0.306,11,0.254,12,0.249,13,0.276,14,0.356,15,0.271,19,1.537,20,1.842,23,0.816,25,0.271,26,0.2,33,0.542,37,0.287,51,0.344,52,0.983,159,1.14,179,0.316,258,3.264,319,3.661,335,2.114,409,2.269,443,3.712,457,3.188,586,5.765,591,4.7,682,0.702]],["t/546",[0,0.229,1,0.273,6,2.873,7,0.016,9,0.242,10,0.305,11,0.253,12,0.248,13,0.275,14,0.354,15,0.269,19,1.299,22,4.423,24,2.844,25,0.27,26,0.199,29,3.211,33,0.54,37,0.286,49,0.789,51,0.343,52,0.978,53,3.595,54,5.434,55,2.785,56,4.043,57,4.328,58,4.493,59,2.873,60,3.211,61,3.979,62,2.675,179,0.314,682,0.699]],["t/548",[0,0.23,1,0.275,6,2.9,7,0.016,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.358,15,0.272,23,0.82,24,2.869,25,0.271,26,0.201,28,1.734,29,3.24,33,0.545,37,0.287,51,0.346,52,0.987,63,6.025,64,2.782,65,4.625,66,4.934,67,5.182,68,4.154,69,5.182,179,0.317,682,0.705]],["t/550",[0,0.23,1,0.273,5,3.336,6,2.88,7,0.016,9,0.243,10,0.305,11,0.254,12,0.248,13,0.276,14,0.355,15,0.27,16,1.92,17,3.218,19,1.535,23,0.814,25,0.271,26,0.2,33,0.541,34,6.453,35,2.763,36,4.593,37,0.286,38,5.439,39,2.655,40,2.413,41,1.639,42,4.118,43,4.689,44,3.927,45,3.006,179,0.315,682,0.701]],["t/552",[0,0.23,1,0.274,6,2.893,7,0.016,9,0.244,10,0.306,11,0.255,12,0.249,13,0.277,14,0.357,15,0.271,24,2.863,25,0.271,26,0.201,31,4.572,32,2.424,33,0.544,35,2.776,37,0.287,45,3.02,46,5.891,47,4.813,48,4.71,49,0.795,50,4.869,51,0.345,52,0.985,53,3.619,179,0.316,682,0.704]],["t/554",[0,0.227,1,0.271,2,5.688,3,4.446,4,2.608,5,3.277,6,2.829,7,0.016,8,1.735,9,0.238,10,0.302,11,0.249,12,0.244,13,0.271,14,0.349,15,0.265,16,1.886,17,3.161,18,2.146,19,1.519,20,1.821,21,3.067,22,4.382,23,0.8,24,2.799,25,0.269,26,0.196,27,3.237,28,1.692,29,3.161,30,3.359,31,3.799,32,2.37,33,0.531,37,0.238,179,0.309,682,0.688]],["t/556",[0,0.155,1,0.185,7,0.017,10,0.143,16,1.799,27,1.822,28,1.875,37,0.134,41,1.683,51,0.274,71,3.64,73,3.043,76,2.918,82,3.102,85,1.576,96,2.356,123,3.235,125,2.923,129,6.161,143,2.206,144,1.891,173,6.716,174,2.948,176,0.899,177,1.563,183,2.699,187,4.109,190,5.011,191,3.135,210,2.162,211,2.881,215,4.395,216,3.332,218,2.048,235,7.882,286,2.881,287,1.482,295,2.54,308,2.649,311,1.609,317,3.246,338,4.032,354,1.938,366,3.329,389,2.846,396,2.077,399,3.184,403,4.632,429,3.126,435,2.398,436,2.54,446,4.807,448,2.019,475,2.356,487,3.64,544,2.593,553,3.424,619,3.64,620,6.018,656,2.229,657,2.171,667,2.443,668,3.64,686,2.923,713,4.632,729,3.344,865,3.329,958,2.923,959,3.853,960,4.571,961,4.305,962,4.571,963,3.208,964,4.138,965,3.64,966,1.8,967,3.016,968,2.54,969,2.443,970,4.571,971,4.571,972,1.992,973,1.992,974,2.048,975,5.882,976,4.571,977,4.571,978,7.747,979,3.402,980,2.398,981,3.208,982,3.329,983,3.853,984,4.571,985,2.49,986,4.571,987,4.182,988,6.6,989,8.739,990,3.47,991,8.63,992,4.571,993,3.64,994,7.747,995,4.479,996,6.6,997,4.22,998,8.484,999,4.571,1000,2.649,1001,4.571,1002,3.853,1003,4.571,1004,3.64,1005,3.309,1006,1.759,1007,5.151,1008,2.649,1009,2.49,1010,4.571,1011,4.138,1012,4.571,1013,4.571,1014,4.571,1015,4.571,1016,4.571,1017,3.64,1018,4.138,1019,3.329,1020,3.853,1021,4.571,1022,4.571,1023,4.571,1024,2.316,1025,4.571,1026,3.64,1027,3.853,1028,3.329,1029,4.138,1030,3.853,1031,4.571,1032,4.571,1033,4.571,1034,4.138,1035,6.179,1036,4.571,1037,4.571,1038,7.747,1039,6.6,1040,6.6,1041,5.011,1042,4.571,1043,6.6,1044,6.6,1045,5.976,1046,4.138,1047,4.571,1048,2.019,1049,4.571,1050,4.571,1051,1.7,1052,1.966,1053,2.356,1054,4.571,1055,2.019,1056,4.571,1057,2.277,1058,4.571,1059,4.571,1060,4.571,1061,3.853,1062,4.571,1063,4.571,1064,4.571,1065,4.138,1066,4.138,1067,3.47,1068,1.576,1069,1.576]],["t/558",[0,0.17,1,0.146,7,0.023,16,1.206,28,1.082,41,1.648,49,1.046,51,0.3,76,1.684,85,2.865,132,2.669,144,2.148,147,2.654,152,1.684,174,2.505,176,1.022,177,1.331,183,2.517,197,1.448,202,5.835,210,2.367,211,1.931,286,3.511,287,1.684,295,4.09,311,1.829,338,2.233,354,1.65,390,2.631,399,2.505,402,3.417,403,3.645,448,3.672,474,2.886,478,4.387,539,3.417,540,1.829,553,2.096,599,3.079,619,7.988,643,3.079,650,4.499,656,1.754,663,2.07,745,3.725,750,5.464,966,2.046,967,2.022,974,4.025,985,3.936,987,3.994,1005,3.056,1006,3.197,1041,3.943,1051,3.341,1067,3.943,1068,1.79,1069,1.79,1070,3.321,1071,5.193,1072,5.193,1073,4.378,1074,10.388,1075,5.193,1076,8.31,1077,7.226,1078,9.777,1079,4.283,1080,4.36,1081,3.622,1082,4.527,1083,10.63,1084,5.454,1085,8.984,1086,4.702,1087,4.188,1088,7.005,1089,8.134,1090,7.573,1091,4.702,1092,5.193,1093,5.193,1094,5.193,1095,5.193,1096,5.193,1097,5.193,1098,5.193,1099,5.193,1100,5.193,1101,5.193,1102,5.193,1103,5.193,1104,5.193]],["t/560",[0,0.145,1,0.116,7,0.016,16,0.962,17,1.612,28,2.338,33,0.271,41,1.796,51,0.304,73,1.909,76,2.804,82,2.81,86,3.641,93,3.728,122,3.298,144,4.707,173,2.4,176,0.815,177,1.131,183,1.443,187,2.578,202,2.173,205,1.952,209,2.906,210,2.832,211,1.54,218,1.855,224,5.675,231,4.966,286,3.367,287,1.343,295,3.905,308,5.249,311,1.458,317,3.794,331,3.01,340,4.815,349,4.662,354,1.403,361,1.909,396,1.882,399,1.998,400,2.455,402,2.725,471,4.751,473,5.691,474,4.804,540,2.162,541,1.631,553,2.478,656,3.058,663,1.651,729,2.098,953,2.98,958,3.927,966,1.631,967,1.612,968,2.301,969,2.213,980,2.173,985,2.256,987,4.088,1005,3.33,1006,3.484,1007,2.514,1024,4.38,1048,4.628,1068,1.428,1069,1.428,1105,3.016,1106,4.309,1107,4.141,1108,4.141,1109,6.141,1110,4.141,1111,4.141,1112,4.141,1113,4.141,1114,3.749,1115,5.56,1116,4.167,1117,3.728,1118,3.491,1119,2.906,1120,2.648,1121,3.016,1122,3.144,1123,3.749,1124,3.016,1125,2.906,1126,4.141,1127,4.141,1128,4.141,1129,4.141,1130,4.141,1131,4.141,1132,4.141,1133,4.141,1134,4.141,1135,4.141,1136,4.141,1137,4.141,1138,5.56,1139,9.626,1140,4.141,1141,6.141,1142,4.141,1143,6.141,1144,4.141,1145,10.274,1146,4.141,1147,6.141,1148,4.141,1149,6.141,1150,4.141,1151,6.141,1152,4.141,1153,6.141,1154,4.141,1155,5.177,1156,5.33,1157,5.56,1158,5.56,1159,4.891,1160,3.298,1161,3.491,1162,3.298,1163,3.491,1164,3.749,1165,3.144,1166,3.749,1167,2.4,1168,3.491,1169,2.648,1170,3.749,1171,3.491,1172,2.648,1173,3.491,1174,4.141,1175,4.141,1176,4.141,1177,4.141,1178,4.141,1179,4.141,1180,4.141,1181,4.141,1182,3.749,1183,2.648,1184,5.497,1185,5.56,1186,4.141,1187,4.891,1188,6.141,1189,4.141,1190,4.141,1191,4.141,1192,4.141,1193,4.141,1194,3.491,1195,10.005,1196,10.005,1197,10.005,1198,4.141,1199,10.005,1200,10.005,1201,9.833,1202,4.141,1203,6.141,1204,4.141,1205,4.141,1206,4.141,1207,4.141,1208,4.141,1209,4.141,1210,3.144,1211,4.141]],["t/562",[0,0.061,1,0.04,7,0.02,8,1.332,16,0.982,27,4.472,28,1.632,41,1.237,51,0.202,73,1.186,76,3.123,85,1.2,92,4.444,102,0.818,118,3.546,123,1.261,138,0.421,143,0.86,152,2.235,153,3.055,169,4.085,170,0.923,173,0.836,174,1.354,176,0.284,177,0.474,183,1.473,188,2.064,191,1.222,210,2.043,211,2.755,216,3.281,218,4.522,219,0.949,220,4.099,221,1.693,222,5.183,223,1.693,224,4.947,225,1.693,229,2.639,232,0.836,286,2.837,287,3.454,311,1.896,329,0.696,350,2.754,354,1.109,386,1.35,396,1.922,399,4.585,420,0.62,429,2.517,447,1.806,448,4.646,471,4.291,472,4.899,475,1.326,477,3.565,478,6.081,479,1.953,488,0.646,540,1.709,541,1.014,544,0.818,553,4.26,622,4.914,656,1.818,663,3.734,687,4.967,704,0.979,712,1.149,729,4.745,745,4.864,753,9.688,953,2.15,961,2.35,966,1.014,967,1.646,968,0.802,969,1.861,972,1.518,973,1.518,974,2.617,979,2.18,980,1.35,981,1.806,982,7.658,983,7.895,985,5.102,1005,2.293,1006,2.4,1008,1.491,1009,5.102,1011,1.306,1018,8.479,1024,1.304,1029,2.329,1035,2.536,1041,7.11,1048,3.459,1051,3.284,1052,3.186,1053,4.036,1055,3.274,1057,4.666,1066,8.479,1068,0.497,1069,0.497,1080,4.914,1081,1.843,1086,8.479,1091,8.479,1120,1.645,1167,0.836,1170,2.329,1172,1.645,1194,2.169,1212,1.443,1213,4.854,1214,1.306,1215,3.565,1216,1.443,1217,2.507,1218,1.443,1219,5.385,1220,3.482,1221,3.482,1222,3.482,1223,1.874,1224,1.443,1225,1.443,1226,3.482,1227,3.482,1228,3.482,1229,1.953,1230,5.258,1231,1.443,1232,8.471,1233,8.479,1234,9.365,1235,9.365,1236,7.895,1237,5.428,1238,7.459,1239,6.821,1240,8.479,1241,6.572,1242,7.459,1243,9.365,1244,9.365,1245,7.895,1246,6.821,1247,5.647,1248,1.306,1249,1.306,1250,1.306,1251,1.443,1252,1.216,1253,2.573,1254,1.149,1255,1.306,1256,1.806,1257,1.443,1258,1.443,1259,1.443,1260,1.443,1261,3.482,1262,1.216,1263,2.573,1264,1.306,1265,2.573,1266,1.306,1267,2.573,1268,1.306,1269,1.306,1270,1.443,1271,1.306,1272,1.306,1273,1.443,1274,1.306,1275,1.443,1276,1.443,1277,1.443,1278,1.443,1279,7.409,1280,1.443,1281,1.443,1282,1.443,1283,1.443,1284,1.443,1285,0.876,1286,1.443,1287,1.443,1288,1.443,1289,1.443,1290,1.443,1291,1.443,1292,1.443,1293,3.482,1294,1.443,1295,1.443,1296,1.443,1297,1.443,1298,1.443,1299,1.443,1300,1.443,1301,1.443,1302,1.443,1303,1.443,1304,1.443,1305,1.443,1306,1.443,1307,1.443,1308,1.443,1309,1.443,1310,1.443,1311,1.443,1312,1.443,1313,1.443,1314,1.443,1315,1.443,1316,1.443,1317,2.573,1318,1.443,1319,1.443,1320,1.443,1321,1.149,1322,1.149,1323,1.095,1324,1.443,1325,1.443,1326,1.443,1327,1.443,1328,0.949,1329,1.443,1330,2.968,1331,3.829,1332,3.368,1333,4.229,1334,3.829,1335,4.229,1336,4.229,1337,1.443,1338,1.443,1339,1.443]],["t/564",[0,0.263,1,0.187,16,1.552,18,3.07,41,2.038,51,0.355,176,1.314,177,1.575,184,2.957,200,5.633,254,4.057,267,3.409,276,3.727,311,3.32,321,4.669,322,5.598,323,4.604,324,5.492,332,5.633,354,1.953,396,3.036,472,3.444,612,3.873,663,2.664,983,5.633,1000,3.873,1005,4.019,1006,4.205,1008,3.873,1068,2.304,1069,2.304,1116,4.534,1340,5.073,1341,3.275,1342,4.273,1343,6.682,1344,6.682,1345,6.682,1346,4.689,1347,6.682,1348,6.049,1349,4.534,1350,5.073,1351,4.273,1352,5.322,1353,6.049,1354,6.682,1355,5.633,1356,6.049,1357,6.682,1358,5.633,1359,6.682,1360,7.548]],["t/566",[0,0.126,1,0.097,7,0.019,16,0.799,17,3.712,28,0.717,29,4.397,41,1.46,51,0.272,66,2.04,73,4.396,176,0.677,177,0.983,183,1.199,209,6.692,210,1.748,211,1.279,218,4.272,222,3.368,224,5.409,286,2.737,287,2.119,295,4.243,308,5.097,311,1.211,315,3.115,317,4.476,338,2.81,354,2.252,396,1.563,399,1.66,402,6.274,474,5.395,488,1.541,540,1.879,541,1.355,553,3.979,612,1.994,656,2.486,663,3.802,713,3.744,745,2.75,958,6.208,963,6.692,966,1.355,967,1.339,968,1.912,969,1.839,972,1.5,973,1.5,997,3.411,1000,3.092,1005,3.715,1006,2.833,1007,5.789,1068,1.186,1069,1.186,1116,6.589,1155,8.039,1156,7.994,1157,9.576,1158,8.633,1159,8.424,1160,7.595,1161,8.039,1162,7.595,1163,8.039,1164,8.633,1165,7.24,1166,8.633,1167,5.527,1168,8.039,1349,3.62,1361,3.441,1362,2.612,1363,3.441,1364,3.441,1365,3.441,1366,2.04,1367,9.536,1368,9.536,1369,9.536,1370,9.536,1371,7.362,1372,7.362,1373,7.362,1374,7.362,1375,2.965,1376,7.967,1377,9.536,1378,9.536,1379,9.536,1380,9.536,1381,9.536,1382,9.536,1383,7.967]],["t/568",[0,0.129,1,0.154,7,0.021,8,1.692,16,1.004,17,1.029,19,0.998,23,0.625,25,0.143,28,2.425,29,1.029,32,0.772,33,0.283,40,0.772,41,1.856,51,0.228,62,3.225,68,3.735,76,2.569,80,2.228,85,2.587,92,1.122,93,1.605,96,1.362,121,2.625,129,1.646,132,0.849,142,0.866,170,1.69,176,0.52,177,0.796,183,1.911,191,1.255,198,1.469,200,2.228,202,1.387,205,2.001,210,2.29,211,1.608,216,3.876,218,2.84,222,1.362,228,2.228,229,1.295,230,3.645,231,1.794,255,1.469,267,1.724,284,1.646,286,3.662,287,0.857,288,4.179,289,2.007,292,1.362,295,3.538,309,1.469,311,1.932,317,2.656,329,4.701,331,4.051,338,4.276,341,3.211,350,3.596,354,0.988,365,1.925,396,1.201,397,2.506,398,3.965,399,2.086,420,1.137,429,2.214,471,1.387,473,3.331,474,1.469,475,1.362,494,3.85,516,1.093,540,2.461,541,3.12,544,4.688,553,1.745,599,1.567,611,1.413,613,2.105,621,1.855,656,3.326,663,1.724,668,2.105,674,2.625,686,1.69,695,5.508,708,1.605,713,3.034,720,3.914,729,1.339,750,1.44,757,1.794,763,2.393,843,2.563,865,7.623,953,0.911,961,3.884,963,3.034,966,1.041,967,1.683,968,1.469,969,2.311,972,3.271,973,3.047,974,1.937,985,2.989,987,3.595,990,4.166,993,3.443,995,2.934,997,2.765,1000,3.674,1002,3.645,1004,4.37,1005,3.494,1006,3.601,1007,1.605,1009,1.44,1020,2.228,1024,1.339,1028,3.996,1045,2.393,1046,2.393,1048,4.782,1051,2.357,1052,1.137,1053,1.362,1055,1.91,1057,1.317,1068,0.911,1069,0.911,1070,1.69,1079,2.828,1081,3.047,1105,3.149,1114,2.393,1121,1.925,1125,3.034,1169,1.69,1171,2.228,1184,2.269,1217,1.567,1238,2.105,1239,3.149,1252,3.645,1254,2.105,1256,1.855,1330,4.448,1341,2.689,1349,4.301,1352,2.105,1358,2.228,1360,2.007,1384,2.228,1385,5.559,1386,2.007,1387,2.007,1388,2.643,1389,6.329,1390,2.228,1391,3.914,1392,2.643,1393,4.906,1394,2.643,1395,1.855,1396,1.362,1397,2.007,1398,1.794,1399,3.914,1400,2.393,1401,2.393,1402,2.643,1403,4.324,1404,4.324,1405,2.643,1406,2.643,1407,2.393,1408,2.643,1409,4.011,1410,2.506,1411,3.61,1412,2.563,1413,3.149,1414,2.105,1415,3.283,1416,2.643,1417,6.329,1418,3.149,1419,7.921,1420,2.643,1421,2.643,1422,2.643,1423,2.643,1424,2.228,1425,2.228,1426,7.171,1427,3.61,1428,1.739,1429,2.393,1430,5.267,1431,2.643,1432,2.643,1433,2.393,1434,2.105,1435,1.855,1436,2.643,1437,6.339,1438,2.643,1439,4.967,1440,2.643,1441,2.643,1442,2.643,1443,2.643,1444,2.643,1445,2.643,1446,5.486,1447,2.625,1448,2.643,1449,2.105,1450,5.893,1451,2.643,1452,2.643,1453,3.645,1454,4.448,1455,3.508,1456,4.625,1457,1.739,1458,2.643,1459,1.413,1460,1.532,1461,1.255,1462,4.791,1463,2.643,1464,2.228,1465,2.643,1466,2.393,1467,2.643,1468,5.486,1469,2.643,1470,1.855,1471,2.643,1472,3.914,1473,2.105,1474,2.643,1475,2.643,1476,2.643,1477,2.643,1478,1.925,1479,2.643,1480,2.643,1481,2.643,1482,2.643,1483,1.855,1484,2.643,1485,1.794,1486,2.643,1487,2.403,1488,2.765,1489,2.692,1490,6.339,1491,4.324,1492,2.643,1493,2.643,1494,2.643,1495,2.643,1496,2.393,1497,2.393,1498,2.393,1499,2.393,1500,2.393,1501,2.643,1502,2.643,1503,2.643,1504,2.643,1505,2.643,1506,2.643,1507,2.643,1508,2.643,1509,2.393,1510,2.643,1511,2.643]],["t/570",[0,0.05,7,0.019,8,1.004,9,0.198,16,1.828,17,1.405,18,0.563,19,0.568,23,0.663,28,1.64,29,0.828,32,0.621,33,0.139,41,1.704,51,0.338,76,1.796,82,2.449,92,0.903,93,2.853,96,1.86,132,3.04,134,0.928,160,1.183,169,2.14,176,0.419,177,0.665,183,2.742,191,4.321,197,1.006,198,2.006,205,1.914,210,3.193,211,2.926,218,1.617,220,1.325,229,4.853,255,3.444,256,1.874,267,3.567,284,2.247,285,1.494,286,3.478,287,2.552,288,1.64,289,2.74,292,3.471,294,3.858,295,4.065,309,2.006,311,3.026,317,3.007,323,0.953,329,1.027,331,3.301,354,2.136,365,1.55,396,3.701,399,4.146,448,0.94,477,3.962,494,3.298,519,1.494,540,2.952,541,0.838,553,4.096,611,4.999,612,6.624,622,2.466,623,4.032,624,4.701,625,6.233,626,5.45,634,2.875,650,1.325,656,3.159,657,2.63,663,0.848,667,2.959,686,3.005,687,2.875,690,2.875,712,7.125,729,1.829,731,1.927,745,1.097,750,1.159,953,2.322,958,1.361,959,1.794,965,2.875,966,3.1,967,3.063,968,4.373,969,4.206,972,0.928,973,0.928,974,0.953,985,1.966,987,2.751,1005,3.16,1006,3.307,1007,5.217,1008,2.092,1020,3.043,1024,4.938,1028,1.55,1048,3.477,1068,0.734,1069,0.734,1105,3.423,1117,1.292,1119,1.494,1120,1.361,1169,5.614,1217,1.262,1247,3.268,1341,1.769,1351,1.361,1358,3.043,1360,1.616,1385,2.533,1395,1.494,1396,1.097,1397,1.616,1398,1.444,1459,1.137,1473,3.743,1488,1.361,1512,2.128,1513,2.128,1514,4.7,1515,3.609,1516,2.128,1517,3.609,1518,3.609,1519,2.875,1520,1.695,1521,9.264,1522,7.551,1523,6.734,1524,5.536,1525,6.734,1526,6.197,1527,3.609,1528,2.128,1529,1.927,1530,6.197,1531,3.609,1532,2.128,1533,2.128,1534,8.78,1535,1.794,1536,9.971,1537,8.383,1538,9.567,1539,8.78,1540,7.949,1541,6.071,1542,8.78,1543,8.78,1544,9.747,1545,7.869,1546,7.869,1547,2.128,1548,2.128,1549,1.794,1550,1.262,1551,4.7,1552,4.7,1553,3.609,1554,5.536,1555,3.609,1556,7.869,1557,4.7,1558,7.869,1559,7.869,1560,5.012,1561,7.551,1562,6.734,1563,3.609,1564,6.734,1565,5.536,1566,3.609,1567,3.609,1568,1.927,1569,2.128,1570,1.794,1571,2.128,1572,6.734,1573,6.734,1574,6.734,1575,8.594,1576,1.794,1577,2.128,1578,1.616,1579,2.128,1580,2.128,1581,2.128,1582,2.128,1583,1.325,1584,2.247,1585,2.128,1586,2.128,1587,2.128,1588,1.695,1589,1.695,1590,2.128,1591,7.551,1592,2.128,1593,2.128,1594,2.128,1595,2.128,1596,2.128,1597,2.128,1598,2.128,1599,2.128,1600,2.128,1601,2.128,1602,2.128,1603,2.128,1604,2.128,1605,2.128,1606,2.128,1607,3.609,1608,4.255,1609,2.926,1610,1.794,1611,2.128,1612,2.128,1613,1.794,1614,6.734,1615,5.536,1616,3.268,1617,3.609,1618,4.306,1619,6.734,1620,4.7,1621,3.609,1622,4.7]],["t/572",[0,0.174,1,0.175,7,0.022,16,1.719,18,1.116,28,2.124,39,1.356,40,1.233,41,1.236,42,2.104,49,0.596,51,0.411,73,3.767,76,2.021,85,2.552,143,2.082,170,2.7,176,0.831,177,1.147,183,2.579,184,1.256,191,2.006,210,2.425,211,2.752,216,4.25,218,3.661,219,4.099,220,3.878,221,4.099,222,4.212,223,4.099,224,4.944,225,4.099,232,2.448,241,3.75,267,1.683,286,3.038,287,3.059,300,6.569,311,1.487,341,2.139,348,3.075,350,3.534,354,1.866,357,3.56,363,4.73,396,1.919,399,2.037,429,3.517,435,3.269,448,2.752,471,5.349,472,5.76,475,4.7,478,2.564,488,1.892,540,2.193,541,1.663,544,2.395,553,3.906,612,5.286,656,2.5,729,4.778,837,6.702,953,2.148,961,4.113,966,1.663,967,2.882,968,2.346,969,2.257,972,2.715,973,2.715,974,1.892,979,4.212,980,3.269,981,2.963,982,4.537,987,2.545,1000,2.448,1005,2.722,1006,2.397,1041,3.206,1048,4.367,1051,3.909,1052,4.25,1053,5.094,1055,4.367,1061,3.56,1068,1.456,1069,1.456,1070,2.7,1081,3.798,1120,3.983,1167,3.611,1184,5.274,1229,4.73,1285,3.782,1321,3.363,1322,3.363,1323,3.206,1409,2.257,1435,5.195,1462,5.051,1521,7.687,1550,2.503,1609,2.629,1623,4.223,1624,4.73,1625,4.961,1626,5.64,1627,2.346,1628,3.823,1629,6.23,1630,6.23,1631,4.223,1632,4.223,1633,7.402,1634,9.883,1635,7.402,1636,7.402,1637,7.402,1638,6.23,1639,6.23,1640,6.23,1641,7.402,1642,7.402,1643,7.402,1644,7.402,1645,7.402,1646,7.402,1647,4.223,1648,4.223,1649,4.223,1650,4.223,1651,4.223,1652,4.223,1653,4.223,1654,4.223,1655,2.963,1656,1.976,1657,4.223,1658,5.391,1659,4.223,1660,8.172,1661,5.951,1662,4.223,1663,4.223,1664,4.223,1665,4.223]],["t/574",[0,0.102,1,0.074,7,0.023,11,0.081,12,0.079,16,1.003,20,0.498,23,0.425,28,2.237,30,1.091,39,3.596,40,3.258,41,1.638,45,3.615,49,0.79,51,0.374,73,2.526,76,2.053,85,3.032,92,1.832,96,2.225,109,2.1,142,1.795,155,0.697,176,0.519,177,1.166,183,1.504,187,3.411,191,2.05,197,1.528,210,2.074,211,2.596,218,3.359,229,4.584,235,3.437,286,2.943,287,1.777,288,1.961,294,2.687,295,3.177,300,1.79,301,5.301,311,1.929,317,2.926,331,4.505,341,1.336,344,3.175,354,1.251,382,5.545,383,0.839,386,2.265,396,1.961,397,1.529,398,3.591,399,1.272,400,1.564,401,2.002,402,1.735,403,1.851,404,1.851,405,1.921,406,1.601,408,3.717,429,1.742,431,2.602,448,1.907,466,2.06,472,1.359,475,1.359,476,2.223,488,1.182,506,1.336,540,2.64,541,3.253,553,1.742,615,4.667,620,1.642,622,2.875,641,2.002,656,2.138,663,1.721,667,4.999,704,5.087,708,3.326,729,2.187,881,2.223,953,1.889,963,1.851,967,1.68,972,2.388,973,3.043,974,2.836,987,3.933,989,4.618,1000,1.529,1005,3.037,1006,3.045,1007,2.62,1017,2.1,1026,3.437,1048,3.776,1051,3.728,1052,3.676,1053,4.406,1055,3.776,1068,0.909,1069,0.909,1079,1.359,1080,1.384,1081,1.15,1082,1.437,1087,2.502,1105,3.143,1156,1.921,1165,2.002,1328,1.735,1331,3.907,1349,4.296,1387,3.277,1396,1.359,1407,3.907,1411,2.84,1447,1.601,1455,4.794,1457,4.933,1485,1.79,1583,3.411,1584,4.667,1610,2.223,1613,2.223,1656,4.504,1666,5.764,1667,1.921,1668,4.96,1669,1.234,1670,4.316,1671,7.497,1672,10.242,1673,5.478,1674,4.316,1675,2.388,1676,3.638,1677,2.637,1678,2.388,1679,3.907,1680,2.223,1681,4.618,1682,5.731,1683,4.618,1684,4.316,1685,2.388,1686,4.316,1687,2.637,1688,2.223,1689,4.316,1690,2.388,1691,7.497,1692,4.316,1693,8.547,1694,2.637,1695,5.067,1696,6.111,1697,2.637,1698,6.331,1699,2.637,1700,2.637,1701,6.331,1702,9.497,1703,2.223,1704,3.638,1705,2.637,1706,2.637,1707,2.223,1708,2.223,1709,2.637,1710,2.637,1711,2.637,1712,2.637,1713,4.316,1714,2.637,1715,2.223,1716,2.388,1717,2.223,1718,2.388,1719,2.223,1720,2.388,1721,3.437,1722,2.223,1723,2.1,1724,2.1,1725,1.735,1726,2.637,1727,2.002,1728,2.637,1729,2.388,1730,2.637,1731,2.637,1732,2.223,1733,2.388,1734,2.388,1735,2.388,1736,2.388,1737,2.388,1738,3.638,1739,2.637,1740,2.637,1741,2.637,1742,2.637,1743,4.618,1744,2.388,1745,2.1,1746,2.223,1747,1.601,1748,6.983,1749,6.983,1750,6.983,1751,4.316,1752,4.316,1753,4.316,1754,2.637,1755,2.637,1756,2.637,1757,4.316]],["t/576",[0,0.053,1,0.035,7,0.022,11,0.038,12,0.067,16,0.519,17,0.48,20,0.71,21,0.711,28,1.571,32,0.36,33,0.081,37,0.036,41,1.055,42,0.614,49,0.36,51,0.334,73,1.03,76,0.4,78,4.602,85,2.197,92,1.3,96,0.636,102,1.738,118,0.749,129,0.768,132,1.564,143,0.747,152,0.4,170,0.789,175,3.1,176,0.243,177,0.564,183,0.778,191,1.061,210,2.469,211,1.977,215,3.616,216,3.242,218,1.952,219,0.811,220,2.712,221,1.47,222,1.939,223,0.811,224,2.133,225,1.47,229,2.387,231,3.305,232,0.715,241,0.625,248,0.715,286,2.868,287,1.966,294,2.341,295,2.332,301,0.936,311,0.787,331,2.387,338,3.159,344,0.715,354,0.995,390,0.625,396,1.392,397,0.715,398,2.763,399,0.595,400,0.731,401,0.936,402,0.811,403,0.865,404,0.865,405,0.898,406,2.645,408,2.552,420,1.317,429,2.787,431,2.313,435,1.172,442,0.56,448,1.925,451,0.595,452,1.04,466,1.831,474,0.685,475,1.579,488,1.685,506,4.374,515,0.586,521,1.568,522,2.582,540,1.873,541,2.388,544,1.738,620,2.341,622,1.973,623,0.898,624,0.768,626,1.696,643,2.583,656,2.152,657,1.061,677,1.04,680,1.04,708,1.86,712,0.982,729,2.694,953,0.77,961,2.706,966,0.486,967,1.193,969,1.637,972,1.639,973,0.974,974,2.182,979,1.939,980,1.172,981,0.865,982,3.547,987,3.821,995,0.837,1000,0.715,1005,1.956,1006,2.046,1007,0.749,1048,2.678,1051,3.346,1052,3.159,1053,3.786,1055,3.33,1068,0.425,1069,0.425,1070,1.429,1073,1.04,1079,1.152,1080,1.172,1081,1.335,1082,1.217,1105,1.627,1120,2.405,1167,0.715,1184,0.647,1215,1.04,1217,0.731,1229,1.696,1241,0.865,1285,1.357,1321,0.982,1322,0.982,1323,0.936,1340,0.936,1341,1.501,1349,1.516,1366,0.731,1395,0.865,1396,1.579,1409,1.637,1410,0.715,1435,0.865,1447,1.86,1449,0.982,1455,4.417,1457,4.545,1461,0.586,1462,0.715,1483,1.568,1485,0.837,1487,1.242,1488,1.429,1489,1.391,1583,3.032,1584,4.3,1624,0.936,1625,0.982,1656,1.045,1669,1.433,1676,1.884,1680,1.04,1681,1.04,1696,4.985,1703,1.04,1704,1.884,1707,1.884,1708,1.04,1715,1.884,1717,1.884,1719,1.884,1721,2.995,1722,1.884,1723,1.78,1724,1.78,1725,1.47,1738,1.04,1747,0.749,1758,1.233,1759,1.233,1760,1.117,1761,5.488,1762,1.117,1763,1.78,1764,1.117,1765,5.488,1766,1.117,1767,1.233,1768,1.04,1769,1.233,1770,2.234,1771,2.773,1772,1.884,1773,2.773,1774,2.234,1775,2.023,1776,1.47,1777,2.023,1778,1.117,1779,0.811,1780,1.233,1781,1.233,1782,1.884,1783,1.233,1784,2.234,1785,5.318,1786,5.712,1787,4.87,1788,1.233,1789,2.234,1790,2.234,1791,2.023,1792,2.234,1793,1.233,1794,1.117,1795,2.234,1796,2.234,1797,2.234,1798,2.023,1799,0.595,1800,3.405,1801,1.04,1802,1.117,1803,2.023,1804,1.117,1805,1.884,1806,1.04,1807,1.117,1808,0.982,1809,1.117,1810,1.117,1811,1.117,1812,1.233,1813,1.117,1814,0.936,1815,1.117,1816,1.117,1817,1.117,1818,1.04,1819,4.356,1820,1.233,1821,1.117,1822,4.356,1823,4.356,1824,3.063,1825,8.026,1826,7.538,1827,8.733,1828,8.733,1829,8.026,1830,6.062,1831,8.733,1832,6.907,1833,6.062,1834,6.062,1835,8.026,1836,8.026,1837,8.733,1838,7.538,1839,8.998,1840,6.062,1841,7.538,1842,6.907,1843,6.907,1844,4.87,1845,6.062,1846,6.062,1847,7.538,1848,7.538,1849,9.722,1850,6.062,1851,8.733,1852,6.062,1853,6.907,1854,6.907,1855,4.87,1856,6.062,1857,9.412,1858,6.062,1859,3.063,1860,8.026,1861,6.907,1862,6.062,1863,3.063,1864,6.907,1865,6.907,1866,8.026,1867,3.063,1868,6.062,1869,6.062,1870,4.87,1871,6.907,1872,4.87,1873,7.538,1874,8.026,1875,6.907,1876,4.87,1877,8.026,1878,3.063,1879,6.907,1880,6.062,1881,9.412,1882,6.062,1883,3.063,1884,6.062,1885,6.062,1886,8.733,1887,6.062,1888,8.415,1889,6.907,1890,8.026,1891,7.538,1892,8.415,1893,4.87,1894,4.87,1895,3.063,1896,6.062,1897,6.907,1898,3.063,1899,4.87,1900,6.907,1901,3.063,1902,6.062,1903,6.907,1904,6.062,1905,8.026,1906,6.907,1907,7.538,1908,6.907,1909,4.87,1910,4.87,1911,7.538,1912,3.063,1913,6.062,1914,6.907,1915,6.907,1916,6.062,1917,4.87,1918,4.87,1919,6.907,1920,6.062,1921,6.907,1922,6.907,1923,4.87,1924,6.907,1925,6.907,1926,3.063,1927,6.062,1928,3.063,1929,6.062,1930,6.062,1931,6.062,1932,3.063,1933,5.823,1934,6.062,1935,6.062,1936,6.062,1937,4.87,1938,6.062,1939,6.062,1940,3.063,1941,7.538,1942,2.773,1943,6.062,1944,3.063,1945,3.063,1946,6.907,1947,3.063,1948,4.87,1949,3.063,1950,3.063,1951,4.87,1952,3.063,1953,3.063,1954,3.063,1955,3.063,1956,4.87,1957,3.063,1958,3.063,1959,3.063,1960,3.063,1961,3.063,1962,3.063,1963,3.063,1964,4.87,1965,4.87,1966,3.063,1967,3.063,1968,3.063,1969,3.063,1970,3.063,1971,3.063,1972,1.233,1973,1.233,1974,1.117,1975,1.233,1976,1.233,1977,1.233,1978,1.233,1979,1.233,1980,1.233,1981,1.233,1982,1.233,1983,1.233,1984,1.233,1985,1.233,1986,1.233,1987,3.171,1988,3.405,1989,1.233,1990,1.233,1991,1.233]],["t/578",[0,0.078,1,0.093,7,0.022,10,0.06,11,0.059,12,0.1,16,0.77,19,0.304,20,2.145,26,0.047,28,2.148,32,0.563,37,0.057,40,1.274,41,1.647,49,0.496,51,0.367,73,2.39,76,1.895,82,2.251,85,2.862,92,2.48,96,0.994,102,1.881,118,2.014,123,0.945,143,1.459,152,0.625,170,1.233,174,0.538,175,1.298,176,0.379,177,0.955,183,1.156,184,0.573,191,4.037,197,0.538,210,2.894,211,2.684,215,4.443,216,3.731,218,3.062,219,1.268,220,1.2,221,1.268,222,3.012,223,1.268,224,1.093,225,1.268,227,1.745,229,3.699,232,1.117,241,1.68,267,1.322,276,0.84,286,3.576,287,1.416,294,3.228,295,3.013,300,1.308,301,6.304,311,1.537,317,0.808,331,3.129,332,1.625,338,4.016,341,0.977,347,1.464,348,1.404,351,1.233,354,0.997,366,2.416,383,0.613,389,2.065,395,1.117,396,1.984,397,1.117,398,3.621,399,0.93,400,1.143,401,1.464,402,1.268,403,1.353,404,1.353,405,1.404,406,3.548,408,3.965,420,1.877,429,3.261,431,3.032,435,1.74,442,0.876,448,3.02,452,2.796,466,2.4,473,1.17,474,2.426,475,2.25,488,1.956,506,1.68,521,4.101,522,5.381,540,2.758,541,3.184,544,3.621,553,3.161,584,1.17,591,1.093,615,4.698,618,1.625,620,3.974,621,3.063,622,3.35,626,2.518,634,1.535,643,1.966,650,1.2,656,2.983,657,2.074,663,1.322,667,3.123,677,4.371,678,1.625,680,1.625,704,4.638,708,4.582,729,1.68,745,0.994,757,2.962,865,2.416,881,1.625,953,2.488,961,4.011,966,0.759,967,1.699,969,2.333,972,2.782,973,2.782,974,2.86,975,2.518,979,3.012,980,1.74,981,1.353,982,4.649,985,1.807,987,4.177,1005,2.972,1006,3.195,1007,1.17,1009,1.05,1026,1.535,1048,4.024,1051,3.899,1052,3.917,1053,4.695,1055,4.024,1068,0.665,1069,0.665,1070,2.121,1079,1.71,1080,1.74,1081,1.903,1082,1.807,1088,1.625,1120,3.315,1156,1.404,1160,6.437,1165,1.464,1167,1.922,1184,1.011,1187,1.535,1217,1.143,1229,2.518,1240,3.003,1241,2.328,1246,2.416,1285,2.014,1321,1.535,1322,1.535,1323,1.464,1341,0.945,1349,2.251,1366,2.588,1395,1.353,1396,2.25,1409,3.412,1410,1.117,1434,1.535,1435,1.353,1447,2.65,1449,1.535,1453,1.625,1455,5.435,1457,5.463,1461,0.916,1473,1.535,1483,2.328,1485,1.308,1488,3.315,1568,1.745,1583,3.974,1584,5.169,1609,3.228,1610,3.68,1613,1.625,1624,1.464,1625,1.535,1656,1.552,1669,0.902,1675,1.745,1676,3.68,1678,1.745,1679,1.745,1680,1.625,1681,1.625,1682,3.952,1683,1.625,1688,1.625,1696,5.887,1703,1.625,1704,2.796,1707,2.796,1708,1.625,1715,2.796,1716,3.003,1717,2.796,1718,3.003,1719,2.796,1720,3.003,1721,4.129,1722,2.796,1723,2.642,1724,2.642,1725,2.182,1732,1.625,1733,1.745,1734,1.745,1735,1.745,1736,1.745,1737,1.745,1738,4.371,1743,3.68,1745,1.535,1746,1.625,1747,2.65,1760,1.745,1761,7.695,1762,3.952,1763,4.654,1764,1.745,1765,7.695,1766,1.745,1768,1.625,1771,3.003,1772,3.68,1773,1.745,1777,3.003,1778,1.745,1779,2.182,1791,3.003,1794,1.745,1798,3.003,1799,1.6,1800,4.694,1801,1.625,1802,1.745,1803,3.003,1804,1.745,1809,1.745,1810,1.745,1811,1.745,1813,1.745,1814,1.464,1815,1.745,1816,1.745,1817,1.745,1818,1.625,1821,6.832,1974,3.003,1987,4.926,1988,5.29,1992,1.745,1993,1.928,1994,1.464,1995,1.464,1996,5.185,1997,1.928,1998,1.928,1999,1.928,2000,1.404,2001,3.003,2002,1.745,2003,1.745,2004,1.625,2005,1.03,2006,1.928,2007,1.745,2008,1.535,2009,1.625,2010,1.928,2011,1.928,2012,1.928,2013,1.928,2014,1.928,2015,1.625,2016,7.547,2017,6.384,2018,2.416,2019,6.384,2020,5.843,2021,5.843,2022,5.185,2023,6.832,2024,6.835,2025,5.843,2026,5.843,2027,5.843,2028,1.928,2029,1.928,2030,1.928,2031,1.928,2032,1.745,2033,1.625,2034,1.928,2035,1.928,2036,1.745,2037,1.928,2038,3.317,2039,1.928,2040,3.317,2041,3.317,2042,3.317,2043,3.003,2044,2.518,2045,3.317,2046,3.317,2047,2.014,2048,3.317,2049,3.317,2050,3.317,2051,3.317,2052,4.365,2053,3.317,2054,3.317,2055,1.928,2056,1.928,2057,3.317,2058,1.928,2059,1.928,2060,3.317,2061,1.928,2062,1.928,2063,1.928,2064,1.928,2065,1.928,2066,3.317,2067,3.317,2068,3.317,2069,6.384,2070,1.928,2071,1.928,2072,1.928,2073,1.928,2074,1.928,2075,1.928,2076,1.928,2077,1.928,2078,1.928,2079,1.928,2080,1.928,2081,1.928,2082,1.928,2083,1.928,2084,1.928,2085,1.928,2086,1.928,2087,1.928,2088,1.928,2089,1.928,2090,1.928,2091,1.928,2092,1.928,2093,1.928,2094,1.928,2095,1.928,2096,1.928,2097,1.928,2098,1.928,2099,1.928,2100,1.928,2101,1.928,2102,1.928,2103,1.928,2104,1.928]],["t/580",[0,0.176,1,0.153,7,0.023,16,1.735,41,1.905,51,0.354,65,3.028,76,2.423,135,2.808,136,2.808,161,2.199,176,1.072,177,1.57,183,2.602,197,1.519,210,3.004,211,2.777,241,5.851,286,3.572,287,2.764,292,5.115,310,2.441,311,3.229,314,5.671,317,4.025,331,4.864,338,4.132,350,3.091,354,1.706,363,7.294,396,2.476,399,2.628,402,3.585,474,3.028,540,1.918,553,2.199,656,3.244,679,4.933,695,4.94,729,2.76,745,2.808,966,2.942,967,2.908,968,3.028,969,2.912,975,4.137,985,4.069,1005,3.533,1006,3.696,1028,3.968,1068,1.878,1069,1.878,1087,4.329,1120,3.484,1155,4.593,1668,6.762,1808,4.339,2105,10.348,2106,5.448,2107,7.469,2108,5.448,2109,5.448,2110,5.448,2111,5.448,2112,7.469,2113,5.448,2114,7.469,2115,7.469,2116,5.448,2117,7.469,2118,5.448,2119,4.933,2120,4.933,2121,5.448,2122,11.241,2123,5.448,2124,5.448,2125,5.448,2126,5.448,2127,5.448,2128,5.448,2129,5.448,2130,5.448,2131,5.448,2132,8.523,2133,8.523,2134,8.523,2135,5.448,2136,5.448,2137,5.448,2138,5.448,2139,7.469,2140,5.448]],["t/582",[0,0.163,1,0.137,7,0.022,8,1.044,16,1.135,41,1.902,51,0.288,76,2.246,85,1.685,135,2.52,136,2.52,152,1.585,169,4.106,174,2.674,175,1.454,176,0.962,177,1.855,183,1.703,190,3.711,197,1.363,205,2.829,210,2.269,211,1.818,215,4.962,216,4.124,248,6.523,255,5.131,284,3.043,286,3.977,287,1.585,288,3.147,295,3.366,309,2.716,311,1.721,329,3.341,330,3.619,331,4.526,338,4.6,339,2.773,350,4.562,354,1.582,435,3.634,466,1.838,474,2.716,540,3.08,541,3.446,553,1.973,624,3.043,656,3.612,663,1.949,729,2.476,958,3.126,966,1.926,967,2.696,979,2.52,980,2.565,1005,3.526,1006,3.69,1007,2.968,1009,2.663,1051,1.818,1052,2.102,1053,2.52,1055,2.16,1068,2.773,1069,2.773,1160,3.893,1161,4.121,1169,3.126,1171,4.121,1185,4.425,1223,5.043,1349,4.699,1355,4.121,1385,3.43,1396,4.509,1424,4.121,1425,4.121,1520,3.893,1627,2.716,1779,5.756,1987,4.121,2000,3.56,2005,2.613,2141,4.425,2142,4.888,2143,4.888,2144,3.43,2145,6.925,2146,4.766,2147,6.642,2148,6.925,2149,5.756,2150,6.925,2151,6.925,2152,6.925,2153,6.925,2154,6.925,2155,6.925,2156,4.888,2157,4.888,2158,4.425,2159,3.893,2160,4.888,2161,4.425,2162,4.888,2163,4.888,2164,4.121,2165,4.888,2166,4.888,2167,4.888,2168,9.234,2169,4.888,2170,4.888,2171,4.888,2172,6.925,2173,4.888,2174,4.888,2175,4.888,2176,4.888,2177,4.888,2178,4.888,2179,4.888,2180,8.748,2181,6.925,2182,6.925,2183,9.589,2184,8.042,2185,4.888,2186,4.888,2187,4.888,2188,4.888,2189,4.888,2190,4.888,2191,6.925,2192,4.888,2193,6.925]],["t/584",[0,0.161,1,0.134,7,0.023,16,1.586,26,0.116,28,2.156,41,1.578,51,0.396,68,3.376,76,2.58,85,2.989,116,4.04,121,2.909,160,3.794,161,4.428,176,0.943,177,1.755,183,2.379,191,3.779,197,2.555,210,2.237,211,2.539,218,3.884,220,4.952,222,4.1,241,2.428,276,2.976,286,3.408,287,2.215,295,3.061,311,2.404,314,3.638,317,3.333,329,2.312,354,1.095,360,2.209,382,4.716,383,2.914,387,9.073,396,2.178,399,2.312,406,2.909,417,2.561,429,3.499,474,2.663,475,5.257,540,2.801,541,2.69,551,5.582,552,3.794,553,1.934,604,3.49,643,4.048,656,2.306,663,2.722,695,5.522,966,1.888,967,2.658,968,2.663,969,2.561,1005,2.925,1006,3.336,1030,4.04,1048,3.017,1051,3.224,1052,3.421,1053,4.1,1055,4.625,1068,1.652,1069,1.652,1070,3.064,1079,4.1,1081,3.779,1169,3.064,1328,6.03,1390,5.756,1409,2.561,1410,2.778,1411,3.153,1412,2.841,1413,3.49,1414,3.817,1415,5.184,1478,7.299,1485,4.633,1550,2.841,1669,2.242,1696,3.252,1727,5.184,1747,2.909,2018,3.49,2194,4.339,2195,6.828,2196,9.164,2197,6.828,2198,7.849,2199,6.828,2200,3.958,2201,4.792,2202,7.726,2203,4.339,2204,4.792,2205,3.638,2206,4.792,2207,4.792,2208,6.828,2209,4.792,2210,4.792,2211,6.828,2212,6.706,2213,4.792,2214,4.339,2215,4.792,2216,10.022,2217,4.792,2218,4.792,2219,4.792,2220,4.792,2221,4.792,2222,4.792,2223,4.792,2224,4.792,2225,4.792]],["t/586",[0,0.114,1,0.136,7,0.022,8,1.034,16,2.023,28,0.634,31,4.654,32,3.044,37,0.089,41,0.96,48,6.245,49,0.803,51,0.362,73,2.232,76,1.956,85,1.669,105,2.563,119,2.134,123,2.373,139,1.382,140,1.625,169,2.87,174,2.565,176,0.598,177,1.111,183,3.127,184,0.904,210,3.014,211,3.656,215,2.746,216,4.039,218,3.759,219,2.001,220,4.282,221,2.001,223,2.001,224,2.746,225,2.001,229,3.371,259,1.863,286,3.554,287,2.595,288,2.2,292,1.567,295,2.321,309,3.822,311,2.644,317,1.274,329,2.335,331,1.49,347,2.308,348,2.214,350,3.902,354,1.715,360,2.232,396,3.412,399,3.623,420,1.308,429,1.954,435,2.54,448,1.343,478,4.176,517,4.857,540,3.462,541,3.624,544,2.746,553,4.183,599,1.803,608,2.214,623,4.393,642,2.563,643,1.803,644,4.383,656,3.228,674,2.939,708,2.939,729,1.54,745,1.567,757,2.063,765,9.097,963,3.397,966,2.958,967,3.391,968,3.822,969,4.276,972,3.273,973,3.273,974,2.169,979,4.123,987,2.81,1005,2.218,1006,1.863,1051,1.8,1057,1.515,1068,2.08,1069,1.048,1081,2.11,1122,2.308,1217,2.87,1223,3.526,1230,2.563,1262,4.081,1285,2.939,1330,3.397,1334,4.383,1384,2.563,1395,3.397,1609,1.893,1695,2.87,1782,2.563,1799,2.335,1994,3.676,1995,2.308,2004,2.563,2005,1.625,2146,2.637,2147,2.308,2226,2.753,2227,4.841,2228,10.757,2229,10.912,2230,3.041,2231,3.041,2232,4.383,2233,3.041,2234,3.041,2235,3.041,2236,3.397,2237,3.041,2238,2.308,2239,3.041,2240,3.041,2241,3.041,2242,5.981,2243,2.214,2244,2.753,2245,2.753,2246,4.383,2247,2.753,2248,6.227,2249,2.753,2250,2.753,2251,2.753,2252,2.753,2253,4.383,2254,4.383,2255,3.041,2256,4.841,2257,5.461,2258,6.878,2259,4.841,2260,4.841,2261,9.559,2262,6.878,2263,4.841,2264,4.841,2265,4.841,2266,4.841,2267,6.878,2268,6.878,2269,4.841,2270,3.041,2271,4.841,2272,4.841,2273,4.841,2274,8.391,2275,3.041,2276,4.841,2277,4.841,2278,8,2279,4.841,2280,4.841,2281,4.841,2282,6.878,2283,4.841,2284,4.841,2285,4.841,2286,4.841,2287,9.833,2288,4.841,2289,4.841,2290,4.841,2291,4.841,2292,4.841,2293,4.841,2294,3.041,2295,4.841,2296,4.841,2297,4.841,2298,4.841,2299,3.041,2300,4.841,2301,3.041,2302,4.841,2303,4.841,2304,4.841,2305,3.041,2306,4.841,2307,4.841,2308,3.041,2309,3.041,2310,4.841,2311,3.041,2312,3.041,2313,4.841,2314,3.041,2315,4.841,2316,8,2317,4.841,2318,2.422,2319,4.841,2320,3.041,2321,3.041,2322,3.041,2323,3.041,2324,3.041,2325,3.041,2326,8.391,2327,3.041,2328,3.041,2329,3.041,2330,3.041,2331,3.041,2332,3.041,2333,3.041,2334,3.041,2335,3.041,2336,3.041,2337,3.041,2338,3.041]],["t/588",[0,0.196,1,0.179,7,0.021,16,1.93,21,2.032,23,0.63,31,2.99,41,1.267,51,0.384,76,2.994,85,2.203,119,5.831,132,2.668,133,5.416,139,5.136,140,5.731,146,4.617,176,1.257,177,1.53,183,2.895,184,2.471,210,3.024,211,3.089,215,3.625,216,4.548,286,3.089,287,2.073,311,2.25,354,2.109,399,3.083,435,4.36,436,3.551,475,3.294,506,3.237,509,5.044,540,2.925,541,3.637,656,2.806,684,5.387,695,5.874,961,5.631,966,2.517,967,3.234,972,2.785,973,2.785,979,4.283,987,2.611,1005,2.35,1006,2.459,1017,7.353,1019,4.654,1051,3.089,1052,3.573,1068,2.203,1069,2.203,1081,3.621,1089,5.785,1168,5.387,1285,5.044,1366,3.788,1509,7.522,1618,4.086,1776,4.205,1799,4.008,2149,5.467,2339,6.39,2340,6.39,2341,6.39,2342,8.309,2343,6.39,2344,8.309,2345,8.309,2346,6.39,2347,6.39,2348,6.39,2349,6.39,2350,6.39,2351,6.39,2352,6.39,2353,6.39,2354,6.39,2355,6.39,2356,6.39,2357,6.39,2358,6.617]],["t/590",[0,0.226,1,0.092,7,0.022,16,1.19,17,1.271,28,1.958,31,1.528,41,1.821,51,0.382,76,2.522,85,1.766,93,4.72,134,1.423,161,1.318,176,0.642,177,0.943,183,1.785,184,0.971,188,1.936,197,0.911,210,2.826,211,2.35,267,1.302,284,3.935,286,3.755,287,2.05,290,4.318,292,4.734,295,1.257,311,2.52,317,3.614,319,2.263,321,4.423,338,3.548,354,1.444,360,5.318,361,4.117,362,7.271,363,5.903,365,2.378,396,1.484,398,1.852,399,1.575,429,3.329,435,2.688,475,2.64,540,1.804,541,1.286,553,1.318,599,1.936,656,2.625,663,2.52,674,3.11,686,2.088,708,5.236,953,3.821,966,2.018,967,2.46,968,1.815,969,1.745,987,2.924,1005,3.377,1006,3.533,1024,5.615,1048,3.162,1051,2.661,1065,6.48,1068,1.126,1069,1.126,1081,3.119,1184,4.93,1241,2.292,1409,1.745,1410,1.893,1411,2.149,1412,1.936,1413,2.378,1415,2.479,1427,6.182,1487,1.815,1489,2.033,1609,5.717,1627,1.815,2236,4.435,2359,3.731,2360,11.348,2361,3.266,2362,3.266,2363,3.266,2364,3.266,2365,3.266,2366,4.638,2367,3.266,2368,5.122,2369,5.122,2370,5.122,2371,3.266,2372,9.871,2373,5.122,2374,8.249,2375,8.249,2376,8.249,2377,7.157,2378,9.183,2379,8.249,2380,5.122,2381,9.183,2382,7.157,2383,7.157,2384,7.775,2385,7.775,2386,5.122,2387,5.122,2388,3.266,2389,5.122,2390,3.266,2391,3.266,2392,3.266,2393,3.266,2394,6.32,2395,3.266,2396,3.266,2397,3.266,2398,3.266,2399,3.266,2400,3.266,2401,5.122,2402,7.157,2403,6.32,2404,6.32,2405,3.266,2406,3.266,2407,8.625,2408,3.266,2409,3.266,2410,3.266,2411,3.266,2412,3.266,2413,3.266,2414,3.266,2415,5.122]],["t/592",[0,0.063,1,0.155,5,2.015,7,0.023,8,1.502,16,0.836,19,1.188,21,2.398,22,3.526,33,0.236,41,0.99,49,1.059,51,0.249,57,3.528,76,2.785,85,1.905,86,1.583,92,1.134,121,0.913,132,2.344,138,2.577,142,1.635,143,1.847,144,0.622,145,1.231,152,1.619,162,2.257,173,4.074,174,2.394,176,0.296,177,1.018,183,1.255,191,0.715,198,2.774,202,3.688,205,0.712,208,1.603,210,1.428,211,2.055,212,1.056,218,1.196,229,1.309,247,1.056,264,2.288,267,0.6,276,1.164,277,2.248,286,3.362,287,0.866,295,4.253,309,0.836,311,0.94,317,0.63,330,2.908,352,4.208,354,1.772,377,3.24,390,1.353,414,4.267,417,1.925,423,2.092,428,1.198,429,1.078,431,2.371,436,0.836,448,0.665,449,1.824,466,1.877,478,0.913,494,2.527,506,5.604,511,1.142,516,2.065,537,2.619,540,2.732,541,2.875,553,2.946,568,1.142,590,1.142,607,1.268,608,2.622,621,1.056,623,1.945,624,0.937,656,3.24,657,3.339,661,0.836,745,2.573,750,5.865,843,2.135,952,4.208,953,1.721,958,0.962,966,1.052,967,1.402,987,3.324,1005,1.836,1006,1.921,1007,0.913,1051,2.613,1052,2.147,1055,3.106,1068,0.519,1069,0.519,1087,1.548,1117,1.621,1119,1.874,1120,1.708,1122,1.142,1210,1.142,1341,1.765,1360,2.028,1386,5.105,1396,1.377,1397,1.142,1459,1.925,1460,2.087,1461,1.71,1462,0.872,1627,0.836,1669,3.289,1994,6.041,1995,1.142,2000,1.096,2009,5.043,2018,2.622,2146,6.03,2147,2.028,2200,0.872,2238,1.142,2318,1.198,2416,1.198,2417,1.362,2418,1.504,2419,1.268,2420,0.892,2421,2.418,2422,4.52,2423,1.362,2424,6.98,2425,1.362,2426,1.362,2427,2.418,2428,2.251,2429,2.242,2430,3.108,2431,4.992,2432,4.992,2433,4.376,2434,4.992,2435,4.992,2436,2.893,2437,4.376,2438,4.992,2439,3.108,2440,3.108,2441,3.108,2442,4.52,2443,4.52,2444,4.52,2445,4.52,2446,4.52,2447,7.888,2448,4.52,2449,4.992,2450,4.992,2451,9.385,2452,7.029,2453,4.992,2454,4.52,2455,4.52,2456,6.828,2457,4.52,2458,4.52,2459,4.52,2460,1.362,2461,4.36,2462,4.36,2463,4.36,2464,4.36,2465,4.36,2466,4.36,2467,4.36,2468,4.36,2469,8.298,2470,3.355,2471,3.44,2472,3.355,2473,2.242,2474,2.242,2475,3.44,2476,2.242,2477,2.242,2478,3.26,2479,3.26,2480,3.26,2481,3.26,2482,3.26,2483,3.601,2484,1.268,2485,1.198,2486,1.362,2487,1.362,2488,1.504]],["t/594",[0,0.149,1,0.121,7,0.023,16,1.005,21,1.376,28,1.322,32,1.263,41,2.005,51,0.312,66,5.454,68,4.895,76,2.435,85,1.492,142,1.418,162,1.39,176,0.851,177,1.383,183,1.508,197,1.207,210,2.46,211,1.609,218,1.939,222,2.231,224,2.455,229,3.109,231,4.304,255,4.595,286,3.421,287,1.404,295,3.181,311,2.644,317,4.084,329,2.088,331,4.053,354,1.449,357,3.648,466,1.627,474,4.172,490,3.152,540,1.524,541,2.499,553,2.56,590,3.286,615,4.675,624,2.694,656,3.107,695,5.509,745,2.231,953,3.64,966,1.705,967,1.685,972,2.765,973,1.886,974,3.364,987,4.13,1005,3.718,1006,3.89,1027,5.347,1035,7.746,1048,2.803,1051,2.792,1068,1.492,1069,1.492,1081,2.765,1115,3.918,1116,4.304,1156,3.152,1167,5.509,1172,5.882,1184,3.328,1366,2.566,1385,3.037,1398,2.937,1424,3.648,1427,4.174,1454,4.451,1456,3.648,1459,4.419,1460,3.677,1461,2.056,1472,7.486,1618,2.767,2036,3.918,2120,3.918,2164,3.648,2198,3.918,2489,4.328,2490,4.328,2491,4.328,2492,4.328,2493,4.328,2494,5.743,2495,6.343,2496,2.627,2497,4.328,2498,3.918,2499,8.803,2500,8.269,2501,8.269,2502,8.269,2503,7.509,2504,7.509,2505,7.509,2506,7.509,2507,4.328,2508,4.328,2509,4.328,2510,10.366,2511,6.33,2512,3.648,2513,10.469,2514,9.946,2515,4.328,2516,4.328,2517,4.451,2518,4.328,2519,3.152,2520,7.509,2521,7.509,2522,7.509,2523,4.328,2524,4.328,2525,4.328,2526,4.328]],["t/596",[0,0.089,1,0.063,7,0.023,8,1.363,15,0.073,16,0.875,17,0.872,22,1.017,23,0.221,28,0.785,37,0.111,41,1.531,48,5.435,49,0.907,50,5.127,51,0.265,68,0.95,76,2.07,85,2.769,86,2.233,92,2.07,93,1.359,94,1.197,96,1.154,115,1.327,123,2.803,132,0.719,134,0.976,139,1.712,152,2.07,176,0.44,177,0.694,183,1.699,188,1.327,190,1.7,191,2.317,204,3.411,205,0.597,210,2.09,211,3.431,215,3.62,216,2.973,267,0.893,276,3.014,286,3.692,287,1.222,288,3.508,293,4.359,295,0.861,299,2.345,309,2.71,311,0.788,341,1.909,344,1.298,354,1.579,396,2.216,398,2.137,399,1.08,420,2.097,429,1.968,447,1.571,448,2.155,474,2.093,478,6.538,481,2.744,488,1.688,506,4.205,540,3.005,541,3.577,553,1.52,590,6.099,596,1.887,599,1.327,602,3.884,624,6.657,625,4.702,641,6.302,643,1.327,656,3.2,657,1.063,663,2.756,683,1.298,695,2.827,729,1.134,953,1.299,958,1.432,966,0.882,967,1.467,968,1.244,969,2.607,972,2.493,973,2.126,974,1.688,979,2.514,987,4.113,997,1.432,1005,2.839,1006,2.97,1024,1.909,1041,1.7,1051,3.523,1052,0.963,1053,1.154,1055,1.665,1057,1.115,1068,0.772,1069,0.772,1070,2.409,1081,4.078,1117,2.287,1163,1.887,1165,1.7,1172,1.432,1214,2.027,1217,5.288,1330,6.566,1341,1.097,1366,2.891,1389,2.027,1396,1.154,1410,1.298,1447,6.185,1454,1.571,1459,1.197,1460,1.298,1583,3.036,1584,4.578,1627,1.244,1656,4.433,1696,6.569,1732,1.887,1747,1.359,1799,1.08,2005,1.197,2009,4.111,2033,1.887,2149,2.479,2205,6.099,2212,1.887,2242,1.783,2470,1.359,2527,2.239,2528,3.767,2529,7.353,2530,3.767,2531,2.239,2532,2.239,2533,1.432,2534,2.027,2535,2.239,2536,2.239,2537,3.767,2538,2.027,2539,2.027,2540,1.631,2541,2.027,2542,1.887,2543,5.72,2544,10.241,2545,2.239,2546,3,2547,2.239,2548,2.239,2549,2.644,2550,3,2551,2.239,2552,2.239,2553,2.239,2554,2.239,2555,2.239,2556,8.076,2557,5.178,2558,8.92,2559,5.72,2560,7.912,2561,8.076,2562,6.914,2563,8.739,2564,8.534,2565,8.534,2566,5.72,2567,9.93,2568,5.72,2569,5.72,2570,8.534,2571,5.178,2572,5.72,2573,5.72,2574,7.72,2575,2.239,2576,2.239,2577,2.239,2578,3.767,2579,3.767,2580,4.877,2581,4.877,2582,3.767,2583,3.767,2584,4.877,2585,4.877,2586,3.767,2587,4.877,2588,4.877,2589,2.239,2590,4.877,2591,6.914,2592,4.877,2593,4.877,2594,6.914,2595,4.877,2596,4.877,2597,6.914,2598,4.877,2599,4.877,2600,6.914,2601,4.877,2602,3.767,2603,7.72,2604,3.767,2605,3.767,2606,3.767,2607,6.381,2608,4.877,2609,2.239,2610,2.239,2611,2.239,2612,3.767,2613,3.767,2614,2.239,2615,2.239,2616,2.239,2617,3.767,2618,2.239,2619,2.239,2620,3.767,2621,2.239,2622,2.239,2623,5.72,2624,4.877,2625,4.877,2626,3.767,2627,2.239,2628,7.353,2629,4.877,2630,2.027,2631,3.767,2632,3.767,2633,2.239,2634,2.239,2635,2.239,2636,2.239,2637,2.239,2638,2.239,2639,1.571,2640,2.239,2641,2.239,2642,2.027,2643,2.239,2644,2.239,2645,2.239,2646,2.239,2647,2.239,2648,2.239]],["t/598",[0,0.176,1,0.266,7,0.022,16,1.732,17,1.665,28,2.297,41,1.967,51,0.178,62,2.841,76,2.04,85,2.571,94,2.286,125,2.735,127,6.287,142,1.401,143,1.43,174,3.233,176,0.841,177,1.158,183,1.49,199,2.54,205,2.644,210,2.443,211,3.057,278,1.296,286,2.773,287,1.387,295,3.815,308,2.479,309,2.377,311,1.506,317,3.445,331,4.49,338,3.207,354,2.163,397,3.645,448,1.89,481,5.431,525,2.663,540,1.506,541,1.685,550,2.244,553,1.726,608,4.58,656,2.518,745,4.238,750,3.426,964,8.294,966,1.685,967,1.665,975,6.243,1005,3.646,1006,3.815,1034,3.872,1057,2.131,1068,1.475,1069,1.475,1122,7.999,1409,3.361,1411,2.814,1433,5.693,1618,4.021,1799,4.226,1994,3.247,1995,3.247,2146,2.33,2147,3.247,2149,2.814,2232,3.872,2318,8.237,2436,3.645,2484,3.605,2485,3.406,2546,5.008,2649,4.413,2650,4.277,2651,4.277,2652,2.735,2653,4.277,2654,4.277,2655,2.735,2656,4.277,2657,10.082,2658,4.277,2659,4.277,2660,4.277,2661,3.406,2662,10.082,2663,6.289,2664,4.277,2665,6.289,2666,10.446,2667,6.289,2668,6.289,2669,6.289,2670,6.289,2671,5.693,2672,9.716,2673,6.818,2674,9.161,2675,4.277,2676,4.277,2677,4.277,2678,4.277,2679,4.277,2680,4.277,2681,4.277,2682,4.277,2683,4.277,2684,4.277,2685,4.277,2686,4.277,2687,4.277,2688,4.277,2689,4.277,2690,4.277,2691,4.277,2692,4.277,2693,4.277,2694,4.277,2695,4.277,2696,4.277,2697,6.289,2698,4.277,2699,4.277,2700,4.277,2701,4.277,2702,4.277,2703,3.406,2704,4.277,2705,4.277,2706,3.605,2707,4.277]],["t/600",[0,0.073,1,0.05,7,0.022,8,1.872,11,0.126,12,0.123,16,1.292,28,1.578,32,3.372,37,0.265,41,1.708,42,0.886,48,2.329,49,0.697,51,0.204,68,0.755,73,0.82,76,1.804,85,1.917,96,0.917,113,5.527,123,2.406,133,1.654,152,1.592,155,0.47,162,0.571,169,1.834,174,1.551,176,0.35,177,0.57,183,2.537,184,0.529,188,2.434,189,1.719,191,0.845,197,0.496,209,1.248,210,2.641,211,2.438,214,4.222,215,2.784,216,3.828,218,2.938,219,2.701,220,3.462,221,2.036,223,3.23,224,1.755,225,2.701,229,3.214,241,5.328,285,2.171,286,3.073,287,2.362,288,2.527,289,1.35,309,3.643,311,1.089,329,1.493,338,3.828,347,3.727,348,3.575,349,4.222,350,4.688,354,1.27,383,0.566,396,1.406,398,3.154,399,1.493,420,0.765,429,2.244,447,6.15,488,1.386,517,2.98,540,2.148,541,1.617,544,5.049,553,4.599,558,1.61,602,2.464,612,2.845,643,1.054,656,2.346,663,1.637,667,0.951,704,4.449,707,5.035,708,2.98,745,4.909,865,7.864,953,2.104,966,1.617,967,2.165,968,0.988,969,2.194,972,1.79,973,1.79,979,3.38,985,1.685,987,3.735,997,1.137,1005,3.167,1006,3.314,1024,1.567,1035,5.87,1048,2.696,1051,3.141,1052,2.82,1053,3.38,1055,3.46,1057,1.541,1068,1.416,1069,3.069,1070,1.137,1079,2.53,1080,2.576,1081,2.858,1082,2.237,1084,3.981,1106,4.282,1159,1.417,1167,5.08,1217,1.834,1223,1.295,1230,6.138,1233,7.935,1248,1.61,1249,1.61,1250,1.61,1254,1.417,1255,1.61,1256,1.248,1262,6.385,1264,6.857,1266,6.857,1268,1.61,1269,1.61,1271,1.61,1272,1.61,1274,5.035,1285,6.177,1330,1.248,1395,2.171,1396,0.917,1410,1.793,1411,1.17,1430,2.171,1435,2.171,1454,2.171,1459,2.623,1461,1.47,1462,5.08,1485,1.207,1521,4.138,1655,2.881,1656,3.068,1695,1.054,1763,1.417,1799,1.981,2004,2.608,2047,1.08,2226,1.61,2242,7.366,2244,1.61,2245,1.61,2246,2.801,2247,3.717,2248,5.035,2249,3.717,2250,1.61,2251,1.61,2252,1.61,2253,1.61,2254,2.801,2257,7.091,2428,1.499,2517,2.171,2708,4.106,2709,1.779,2710,1.61,2711,1.779,2712,1.779,2713,8.764,2714,8.764,2715,6.946,2716,6.557,2717,1.779,2718,1.779,2719,1.779,2720,3.094,2721,3.094,2722,9.676,2723,6.102,2724,9.676,2725,6.102,2726,6.102,2727,1.779,2728,1.779,2729,5.561,2730,1.779,2731,1.779,2732,1.779,2733,3.094,2734,1.779,2735,1.779,2736,1.779,2737,6.557,2738,1.779,2739,1.779,2740,1.779,2741,1.779,2742,1.779,2743,1.779,2744,1.779,2745,3.094,2746,1.779,2747,3.094,2748,1.779,2749,1.779,2750,1.779,2751,1.779,2752,1.779,2753,1.779,2754,1.779,2755,1.779,2756,3.094,2757,1.295,2758,2.253,2759,3.094,2760,4.138,2761,3.094,2762,1.779,2763,4.106,2764,1.779,2765,1.779,2766,1.779,2767,1.779,2768,4.106,2769,4.909,2770,1.779,2771,1.779,2772,3.717,2773,3.717,2774,4.106,2775,4.106,2776,3.717,2777,3.717,2778,3.717,2779,3.717,2780,3.717,2781,3.717,2782,3.717,2783,1.779,2784,1.779,2785,4.106,2786,3.094,2787,3.094,2788,3.094,2789,3.094,2790,3.094,2791,2.801,2792,3.094,2793,3.094,2794,3.094,2795,1.779,2796,1.779,2797,1.779,2798,1.248,2799,1.779,2800,1.779,2801,1.779,2802,1.779]],["t/602",[0,0.063,1,0.042,4,0.86,7,0.023,8,1.365,16,1.286,18,2.462,23,0.149,28,1.467,35,0.895,41,0.531,49,1.06,51,0.063,55,0.904,62,0.489,64,0.895,76,2.449,78,1.146,85,1.244,93,0.916,94,0.806,96,1.38,102,1.519,115,0.895,121,2.191,130,1.146,132,2.716,137,0.696,151,0.923,152,1.944,157,0.933,176,0.297,177,0.493,182,1.151,183,1.929,189,0.838,197,0.421,198,0.838,208,0.86,210,0.877,211,2.228,214,1.146,216,0.649,218,2.241,222,2.578,224,0.856,247,1.059,255,2.779,258,1.055,263,1.292,267,0.602,272,1.108,275,0.965,276,4.211,286,3.519,287,2.694,292,2.853,300,1.817,309,0.838,310,0.676,311,2.371,317,3.164,318,1.042,322,0.822,323,3.721,324,0.806,329,0.728,330,0.624,331,0.74,338,4.443,341,0.764,343,1.488,344,0.875,345,1.024,354,1.142,361,4.256,366,1.099,396,0.686,397,0.875,406,0.916,408,1.024,417,0.806,429,1.08,435,1.405,447,1.879,466,0.567,473,0.916,488,1.958,506,1.356,539,2.375,540,3.422,541,3.137,599,0.895,611,2.335,627,2.033,640,1.689,656,2.75,657,2.629,663,1.994,667,1.431,674,1.625,704,1.817,722,1.146,723,1.146,729,0.764,742,1.762,747,1.059,833,1.202,953,1.244,966,1.97,967,2.155,972,2.413,973,2.784,974,3.48,985,1.459,1000,1.552,1005,0.985,1006,1.03,1008,2.533,1019,1.099,1024,1.828,1048,2.21,1051,3.364,1052,2.747,1053,3.767,1055,3.67,1061,2.257,1068,0.52,1069,0.52,1079,2.853,1080,2.905,1081,1.573,1082,1.966,1087,2.533,1106,1.879,1116,2.965,1118,4.216,1121,1.099,1124,4.364,1125,3.51,1159,2.132,1167,0.875,1172,2.794,1173,2.257,1184,2.624,1217,3.992,1237,2.899,1241,1.059,1242,2.132,1246,1.099,1256,1.059,1341,0.74,1355,1.272,1356,1.366,1362,1.146,1375,0.838,1396,2.578,1427,3.291,1450,1.272,1453,1.272,1461,2.376,1470,1.059,1478,3.643,1487,0.838,1488,0.965,1489,0.939,1535,3.042,1541,1.024,1609,2.72,1627,4.846,1655,1.879,1656,4.428,1658,7.323,1669,3.15,1746,1.272,1775,1.366,1779,1.762,1799,0.728,1806,1.272,2008,2.132,2033,1.272,2141,1.366,2144,1.059,2149,0.993,2161,1.366,2236,2.533,2243,1.099,2359,1.95,2416,1.202,2549,2.533,2649,1.879,2757,2.628,2758,4.031,2803,1.509,2804,1.509,2805,7.782,2806,5.012,2807,4.528,2808,4.528,2809,2.874,2810,2.132,2811,3.317,2812,2.132,2813,2.132,2814,7.418,2815,5.605,2816,1.202,2817,2.874,2818,2.132,2819,7.48,2820,1.202,2821,2.132,2822,2.874,2823,2.874,2824,3.983,2825,1.202,2826,1.202,2827,1.202,2828,1.202,2829,4.85,2830,4.409,2831,7.52,2832,2.132,2833,5.363,2834,5.363,2835,1.509,2836,8.191,2837,4.369,2838,1.509,2839,1.509,2840,1.509,2841,5.363,2842,7.785,2843,4.409,2844,2.874,2845,1.146,2846,1.099,2847,3.609,2848,2.449,2849,1.509,2850,2.132,2851,2.132,2852,1.509,2853,5.363,2854,5.783,2855,2.677,2856,2.677,2857,1.509,2858,1.509,2859,1.509,2860,1.509,2861,1.509,2862,1.509,2863,1.509,2864,1.509,2865,5.783,2866,5.783,2867,1.509,2868,1.509,2869,1.509,2870,1.509,2871,1.509,2872,2.257,2873,1.509,2874,1.509,2875,1.509,2876,1.509,2877,1.509,2878,1.509,2879,1.509,2880,2.677,2881,1.509,2882,3.609,2883,1.509,2884,1.509,2885,1.509,2886,1.509,2887,1.509,2888,1.509,2889,1.509,2890,1.509,2891,1.366,2892,2.424,2893,1.366,2894,3.983,2895,7.895,2896,1.366,2897,4.55,2898,2.424,2899,1.202,2900,1.509,2901,1.202,2902,3.983,2903,2.874,2904,1.202,2905,1.146,2906,1.202,2907,1.202,2908,2.424,2909,2.424,2910,6.096,2911,3.268,2912,3.042,2913,2.132,2914,2.874,2915,2.132,2916,2.677,2917,2.677,2918,2.874,2919,3.956,2920,1.366,2921,1.202,2922,3.042,2923,3.268,2924,2.74,2925,4.409,2926,1.202,2927,2.132,2928,2.677,2929,1.509,2930,2.132,2931,1.366,2932,1.509,2933,3.609,2934,2.677,2935,1.509,2936,1.202,2937,1.509,2938,1.366,2939,1.509,2940,2.132,2941,2.677,2942,1.202,2943,2.132,2944,1.202,2945,2.132,2946,1.509,2947,1.366,2948,2.132,2949,3.268,2950,1.366,2951,1.202,2952,2.132,2953,1.202,2954,1.146,2955,1.202,2956,2.257,2957,2.424,2958,2.424,2959,2.424,2960,2.424,2961,2.424,2962,2.424,2963,2.424,2964,2.424,2965,2.424,2966,2.424,2967,2.424,2968,2.424,2969,4.666,2970,2.257,2971,2.257,2972,2.257,2973,3.956,2974,2.424,2975,2.424,2976,2.424,2977,2.424,2978,2.424,2979,2.424,2980,2.424,2981,2.424,2982,2.424,2983,2.424,2984,4.666,2985,2.257,2986,2.257,2987,2.424,2988,2.424,2989,2.424,2990,2.424,2991,2.424,2992,2.424,2993,2.424,2994,2.424,2995,2.424,2996,2.424,2997,2.424,2998,2.424,2999,4.666,3000,2.257,3001,2.424,3002,2.424,3003,2.424,3004,2.424,3005,2.424,3006,2.424,3007,2.132,3008,2.424,3009,2.424,3010,1.95,3011,2.132,3012,2.424,3013,1.509,3014,1.202]],["t/604",[0,0.065,1,0.044,4,0.504,7,0.023,8,0.335,16,1.317,18,2.506,23,0.155,28,1.277,35,0.525,41,1.018,49,1.055,51,0.065,55,0.53,58,4.5,62,0.9,64,0.525,76,1.839,85,1.77,94,0.839,121,2.262,132,1.649,137,0.724,151,0.541,152,1.665,157,0.547,176,0.309,177,0.511,182,0.675,183,1.976,189,0.873,190,2.106,198,0.873,208,1.444,210,0.909,211,2.279,218,0.704,222,0.809,224,0.891,255,1.541,258,0.619,263,0.758,272,0.65,275,2.382,276,4.294,284,0.978,286,3.525,287,3.024,292,3.54,300,2.528,310,0.704,311,2.297,317,2.568,318,0.611,321,3.488,322,0.855,329,0.758,338,4.19,341,0.796,344,0.91,345,1.066,354,1.027,361,4.566,365,2.02,397,0.91,399,1.338,406,0.953,417,0.839,429,1.119,435,1.455,436,2.499,466,0.591,473,0.953,488,1.669,506,1.405,539,4.032,540,3.311,541,3.254,599,0.931,611,2.403,615,1.727,627,2.106,640,1.743,656,2.789,657,0.746,663,1.793,674,1.684,704,1.882,722,1.192,723,1.192,729,0.796,742,1.825,747,1.102,833,1.251,966,2.023,967,2.208,972,1.209,973,1.96,974,4.139,1000,1.608,1005,2.085,1006,1.976,1008,2.606,1019,2.02,1024,2.601,1048,2.269,1051,3.6,1052,3.083,1053,4.067,1055,3.95,1068,0.541,1069,0.956,1079,3.695,1080,3.762,1081,2.238,1082,2.797,1087,2.606,1106,1.947,1116,3.052,1118,3.141,1121,1.144,1124,4.13,1167,0.91,1172,1.004,1173,1.324,1184,2.694,1215,3.791,1217,4.071,1237,2.976,1238,2.967,1241,1.102,1246,1.144,1256,1.102,1341,0.77,1362,1.192,1375,0.873,1391,1.422,1396,2.923,1427,3.379,1478,3.74,1487,1.541,1488,1.004,1489,0.978,1541,1.066,1609,2.8,1627,5.082,1655,1.947,1656,4.699,1658,7.213,1669,3.48,1799,1.338,2008,2.967,2236,1.102,2243,1.144,2359,2.02,2549,3.604,2550,1.251,2649,1.947,2703,1.251,2757,3.74,2758,5.221,2806,4.071,2807,5.549,2808,3.373,2809,2.209,2810,2.209,2811,3.414,2812,2.209,2813,2.209,2814,7.888,2815,2.967,2816,1.251,2817,2.967,2818,2.209,2819,7.711,2820,1.251,2821,2.209,2822,2.967,2823,2.967,2824,4.09,2825,1.251,2826,1.251,2827,1.251,2828,1.251,2829,4.953,2830,5.195,2832,2.209,2833,6.284,2834,6.284,2841,6.284,2842,7.607,2843,4.517,2844,2.967,2845,1.192,2846,1.144,2850,2.209,2851,2.209,2853,2.209,2891,1.422,2892,2.511,2893,1.422,2894,2.209,2896,1.422,2897,5.214,2898,2.511,2899,2.209,2901,1.251,2902,4.09,2903,3.581,2904,1.251,2905,1.192,2906,1.251,2907,3.581,2912,1.324,2913,2.209,2914,2.967,2915,1.251,2918,3.581,2919,4.071,2920,1.422,2921,1.251,2922,1.324,2924,3.899,2925,4.517,2926,1.251,2927,2.209,2930,2.209,2931,1.422,2936,1.251,2938,1.422,2940,2.209,2942,1.251,2943,2.209,2944,1.251,2945,2.209,2947,1.422,2948,2.209,2949,2.511,2950,1.422,2951,1.251,2952,2.209,2953,1.251,2955,1.251,2956,3.791,2969,4.781,2970,3.791,2971,3.141,2972,3.141,2984,4.781,2985,3.141,2986,3.141,2999,4.781,3000,3.141,3007,3.581,3010,2.713,3011,2.967,3014,1.251,3015,1.57,3016,1.57,3017,8.94,3018,1.57,3019,2.774,3020,2.774,3021,1.57,3022,1.57,3023,1.57,3024,1.57,3025,0.978,3026,3.725,3027,9.682,3028,1.57,3029,5.135,3030,1.324,3031,1.324,3032,1.57,3033,2.774,3034,1.57,3035,1.57,3036,5.135,3037,2.774,3038,1.57,3039,1.57,3040,3.725,3041,2.774,3042,1.57,3043,1.57,3044,1.57,3045,1.57,3046,5.671,3047,1.57,3048,1.57,3049,1.102,3050,1.57,3051,4.497,3052,4.497,3053,4.497,3054,4.497,3055,1.57,3056,1.57,3057,1.57,3058,1.422,3059,2.774,3060,4.497,3061,4.497,3062,4.497,3063,4.497,3064,4.497,3065,4.497,3066,4.497,3067,1.57,3068,5.671,3069,6.949,3070,3.373,3071,3.725,3072,5.671,3073,5.671,3074,3.725,3075,3.725,3076,3.725,3077,3.725,3078,1.422,3079,1.422,3080,1.57,3081,2.338]],["t/606",[0,0.073,1,0.05,4,0.575,7,0.023,8,1.193,16,1.423,18,2.521,23,0.176,28,1.452,35,0.599,41,0.819,49,1.031,51,0.074,55,0.605,62,0.581,64,0.599,76,1.987,85,1.423,94,0.957,121,1.889,130,2.363,132,2.113,137,0.826,151,0.617,152,2.369,157,0.624,176,0.352,177,0.573,182,0.77,183,2.134,188,1.062,189,0.995,198,0.995,208,1.584,210,1.02,211,2.447,218,0.802,222,2.542,224,1.016,239,0.693,258,0.705,263,0.864,272,0.741,275,1.145,276,4.333,286,3.515,287,2.933,292,2.879,311,2.454,317,3.183,318,0.697,321,0.814,322,1.695,323,0.802,324,0.957,329,0.864,338,4.027,341,0.907,344,1.038,345,1.215,354,1.126,361,4.358,397,1.804,406,1.087,429,1.256,435,1.633,466,1.552,473,1.087,488,2.209,539,4.33,540,3.501,541,3.401,599,1.062,611,2.636,615,2.57,627,2.363,640,1.931,656,2.729,657,1.478,663,1.966,674,1.087,722,1.36,723,1.36,729,0.907,742,2.048,747,1.257,966,2.2,967,2.384,972,1.356,973,1.799,974,3.272,1000,1.804,1005,2.054,1006,1.588,1008,2.858,1019,2.267,1024,2.091,1048,2.467,1051,3.818,1052,2.997,1053,4.048,1055,3.88,1068,0.617,1069,0.617,1079,3.157,1080,3.214,1081,1.799,1082,2.248,1087,2.858,1106,3.461,1116,3.347,1121,1.304,1124,4.461,1167,1.038,1169,1.145,1172,1.145,1184,2.93,1217,5.786,1237,3.237,1238,1.426,1241,1.257,1246,1.304,1256,1.257,1341,0.878,1362,1.36,1375,0.995,1396,3.392,1427,3.675,1461,0.851,1478,4.067,1487,0.995,1488,1.145,1489,1.115,1541,1.215,1578,4.651,1609,3.07,1627,5.203,1655,3.461,1656,4.854,1658,6.946,1669,4.232,1782,1.51,1799,1.501,2008,1.426,2236,1.257,2243,1.304,2359,2.267,2549,1.257,2649,2.184,2757,3.006,2758,4.461,2805,3.479,2809,1.426,2810,2.479,2811,3.744,2812,2.479,2813,2.479,2814,7.919,2815,3.287,2816,1.426,2817,3.287,2818,3.287,2819,7.773,2820,1.426,2821,2.479,2822,3.287,2823,3.287,2824,4.878,2825,1.426,2826,1.426,2827,1.426,2828,1.426,2829,5.291,2830,5.55,2831,3.737,2832,2.479,2833,6.255,2834,4.448,2836,5.546,2841,4.878,2842,7.203,2843,4.878,2844,3.287,2845,1.36,2846,1.304,2850,2.479,2851,2.479,2853,4.448,2854,3.737,2865,3.737,2866,3.737,2894,2.479,2895,4.465,2897,1.36,2899,2.479,2901,1.426,2902,4.448,2903,3.928,2904,1.426,2905,1.36,2906,1.426,2907,3.287,2908,1.621,2909,1.621,2910,3.737,2911,1.621,2912,1.51,2913,3.928,2914,4.878,2915,2.479,2918,4.878,2921,1.426,2922,1.51,2923,1.621,2924,3.134,2925,6.255,2926,2.479,2927,3.928,2930,3.928,2936,2.479,2940,3.928,2942,2.479,2943,3.928,2944,2.479,2945,4.448,2948,3.928,2951,2.479,2952,3.928,2953,2.479,2955,2.479,2956,1.51,2957,1.621,2958,1.621,2959,1.621,2960,1.621,2961,1.621,2962,1.621,2963,1.621,2964,1.621,2965,1.621,2966,1.621,2967,1.621,2968,1.621,2969,3.479,2970,1.51,2971,1.51,2972,1.51,2973,2.818,2974,1.621,2975,1.621,2976,1.621,2977,1.621,2978,1.621,2979,1.621,2980,1.621,2981,1.621,2982,1.621,2983,1.621,2984,3.479,2985,1.51,2986,1.51,2987,1.621,2988,1.621,2989,1.621,2990,1.621,2991,1.621,2992,1.621,2993,1.621,2994,1.621,2995,1.621,2996,1.621,2997,1.621,2998,1.621,2999,3.479,3000,1.51,3001,1.621,3002,1.621,3003,1.621,3004,1.621,3005,1.621,3006,1.621,3007,1.426,3008,1.621,3009,1.621,3010,1.304,3011,1.426,3012,1.621,3014,1.426,3030,2.624,3031,2.624,3049,2.184,3078,1.621,3079,1.621,3081,2.624,3082,3.112,3083,1.621,3084,1.621,3085,1.791,3086,1.791,3087,8.633,3088,4.127,3089,8.468,3090,1.791,3091,6.125,3092,3.112,3093,2.818,3094,7.666,3095,2.818,3096,1.621,3097,3.112,3098,3.112,3099,2.818,3100,3.112,3101,3.112,3102,4.932,3103,3.112,3104,2.818,3105,3.112,3106,3.112,3107,4.932,3108,1.791,3109,3.112,3110,2.818,3111,4.465,3112,3.112,3113,1.791,3114,4.465,3115,2.818,3116,2.818,3117,2.818,3118,1.791,3119,1.791,3120,3.737,3121,1.621]],["t/608",[0,0.077,1,0.053,7,0.023,8,0.695,16,1.464,18,2.453,20,0.356,23,0.186,28,1.858,41,0.851,49,0.97,51,0.078,76,1.391,85,1.479,94,1.007,121,1.974,130,3.257,137,0.869,152,2.671,176,0.371,177,0.599,183,2.196,189,1.047,197,1.196,198,1.047,208,1.64,210,1.065,211,2.512,218,0.844,222,0.971,224,1.069,239,0.956,275,1.205,276,4.419,286,3.557,287,2.892,292,2.97,311,2.514,317,3.251,323,0.844,324,2.293,329,0.909,338,4.036,341,0.954,344,1.092,345,1.278,354,0.98,361,4.228,383,0.599,397,1.885,406,1.144,429,1.312,435,1.706,466,1.92,473,4.711,488,1.922,539,2.823,540,3.515,541,3.565,599,1.117,611,2.729,615,2.025,627,2.469,640,2.007,656,2.781,657,0.895,663,2.035,674,1.144,722,3.257,723,1.43,729,0.954,742,2.14,747,1.322,966,2.27,967,2.454,972,1.417,973,1.87,974,3.027,1000,1.885,1005,1.578,1006,1.651,1008,2.959,1019,1.372,1024,2.174,1048,3.301,1051,4.006,1052,3.627,1053,4.597,1055,4.188,1068,0.65,1069,0.65,1079,3.249,1080,3.307,1081,1.87,1082,2.337,1087,2.959,1106,3.583,1116,3.464,1121,1.372,1124,4.59,1167,1.092,1172,1.205,1184,3.92,1217,6.177,1237,3.34,1246,1.372,1256,1.322,1341,1.594,1362,1.43,1375,1.047,1396,3.851,1427,4.916,1461,1.545,1478,4.197,1487,2.384,1488,2.079,1489,2.025,1541,1.278,1578,5.129,1609,3.178,1627,5.361,1655,3.583,1656,4.905,1658,6.591,1669,4.514,1799,0.909,2047,1.144,2236,1.322,2243,1.372,2359,2.368,2649,2.282,2757,3.125,2758,4.59,2809,1.5,2810,2.59,2811,3.876,2812,2.59,2813,2.59,2814,7.95,2815,3.417,2816,1.5,2817,3.417,2818,3.417,2819,7.801,2820,1.5,2821,2.59,2822,3.417,2823,3.417,2824,4.589,2825,1.5,2826,1.5,2827,1.5,2828,1.5,2829,5.421,2830,5.95,2832,2.59,2833,6.38,2834,2.59,2841,3.417,2842,6.38,2843,5.02,2844,3.417,2845,1.43,2846,1.372,2850,2.59,2851,2.59,2853,2.59,2894,2.59,2899,1.5,2901,1.5,2902,4.589,2903,4.066,2904,1.5,2905,1.43,2906,1.5,2907,2.59,2913,4.066,2914,5.687,2915,2.59,2918,5.95,2921,1.5,2924,3.257,2925,6.38,2926,2.59,2927,4.066,2930,4.066,2936,2.59,2940,4.589,2942,3.417,2943,5.02,2944,3.417,2945,5.38,2948,5.02,2951,3.417,2952,5.02,2953,3.417,2955,3.417,3014,1.5,3025,1.173,3030,2.741,3031,2.741,3049,3.011,3083,1.706,3084,1.706,3093,3.884,3094,8.404,3095,3.884,3096,2.944,3099,3.884,3104,2.944,3110,2.944,3111,5.217,3114,5.706,3115,3.884,3116,3.884,3117,3.884,3120,3.884,3121,1.706,3122,8.918,3123,4.29,3124,9.282,3125,1.884,3126,7.471,3127,4.29,3128,4.29,3129,4.29,3130,4.29,3131,4.29,3132,5.105,3133,3.252,3134,3.252,3135,4.29,3136,5.762,3137,1.884,3138,3.252,3139,3.252,3140,3.252,3141,1.884,3142,1.884,3143,1.884,3144,1.884,3145,3.252,3146,1.884,3147,1.884,3148,1.884,3149,1.884,3150,1.884,3151,1.884,3152,1.884,3153,1.884,3154,1.884]],["t/610",[0,0.182,1,0.161,7,0.021,16,1.335,18,1.519,23,0.863,28,2.04,41,1.941,51,0.364,57,3.016,62,3.719,73,2.65,76,1.864,85,2.67,132,1.846,155,1.519,174,2.443,176,1.131,177,1.614,183,2.003,187,3.578,210,2.537,211,2.137,216,3.331,229,2.817,230,4.845,231,5.256,286,3.486,287,1.864,288,3.981,295,4.031,309,4.304,311,2.024,317,3.245,321,2.612,338,3.768,354,1.769,396,2.612,398,4.394,399,2.773,474,3.194,488,2.575,540,2.727,541,3.051,544,4.394,553,3.126,611,3.072,656,3.166,663,2.292,708,3.49,729,2.912,737,4.578,745,2.963,757,3.9,953,1.982,966,2.264,967,2.238,968,3.194,969,3.072,972,2.505,973,2.505,975,4.364,987,4.383,990,4.364,1005,3.599,1006,3.879,1009,4.773,1024,2.912,1035,4.186,1048,2.54,1051,3.258,1068,1.982,1069,1.982,1081,3.376,1125,4.034,1162,4.578,1184,3.016,1366,3.408,1385,4.034,1399,5.204,1400,5.204,1401,5.204,1439,5.204,1454,4.034,1487,3.194,1488,3.675,1489,3.578,1496,5.204,1497,5.204,1498,5.204,1499,5.204,1500,5.204,2043,5.204,2485,4.578,2706,4.845,3155,5.748,3156,5.748,3157,9.375,3158,5.748,3159,5.748,3160,5.748,3161,5.748,3162,5.748,3163,5.748,3164,5.748,3165,7.746,3166,5.748,3167,5.748,3168,5.204,3169,5.204,3170,5.748,3171,5.748,3172,5.748,3173,5.748,3174,5.204,3175,5.748,3176,5.748,3177,5.748,3178,5.748,3179,5.748,3180,5.748,3181,5.748,3182,5.748,3183,5.748]],["t/612",[0,0.109,1,0.099,7,0.023,8,0.988,16,1.268,28,1.734,37,0.136,41,1.321,49,0.586,51,0.147,73,2.133,76,2.16,85,2.449,92,0.884,102,2.624,115,1.235,118,1.265,119,1.462,138,0.608,142,1.161,143,1.185,145,2.392,169,1.235,174,0.581,176,0.41,177,0.653,183,1.902,189,1.158,191,0.99,197,0.988,208,2.281,210,1.788,211,2.276,216,2.348,241,1.796,267,1.413,273,6.12,274,5.679,275,5.319,276,3.801,277,2.385,278,1.402,279,2.88,286,3.501,287,2.53,288,4.408,291,2.988,295,1.78,299,1.297,305,2.332,306,3.9,307,3.209,311,1.248,317,0.873,329,1.71,331,1.737,341,3.952,346,1.332,354,1.057,361,1.634,377,0.96,383,1.471,388,4.518,389,2.88,390,1.796,405,5.174,423,1.485,428,1.659,429,2.203,449,1.796,466,2.504,475,3.662,478,3.716,487,1.659,488,2.983,511,1.582,513,1.886,516,1.914,517,4.904,540,3.275,541,3.664,568,1.582,571,4.783,620,1.297,624,3.811,625,2.267,632,1.462,640,1.659,641,3.513,642,1.756,656,2.728,678,1.756,695,2.055,745,5.541,769,4.189,773,1.886,833,3.685,854,4.189,874,6.432,953,1.595,958,1.332,961,1.158,963,1.462,966,1.822,967,2.125,972,1.545,973,1.545,974,1.588,979,1.827,980,1.093,985,1.931,987,4.291,991,5.989,995,1.414,1000,1.208,1005,2.448,1006,2.562,1048,1.566,1051,3.849,1052,3.055,1053,1.827,1055,3.676,1057,3.726,1068,1.222,1069,1.222,1070,1.332,1079,1.827,1080,1.86,1081,4.054,1082,1.931,1084,1.265,1087,1.208,1119,1.462,1169,1.332,1223,1.517,1239,1.517,1328,3.592,1390,1.756,1393,2.488,1409,1.895,1412,1.235,1447,4.736,1455,5.319,1457,4.921,1461,0.99,1462,2.055,1473,5.303,1485,4.821,1487,1.158,1541,1.414,1583,4.423,1584,5.179,1656,2.554,1669,3.892,1725,1.371,1763,1.659,1799,1.005,1818,5.613,2015,1.756,2205,5.394,2436,4.118,2517,1.462,2542,1.756,2546,5.303,2639,2.488,2673,2.488,2703,1.659,2760,2.988,2772,4.189,2773,4.189,2776,4.189,2777,4.189,2778,4.189,2779,4.189,2780,4.189,2781,4.189,2782,4.189,2791,4.943,2905,1.582,3010,1.517,3168,1.886,3169,1.886,3174,3.209,3184,2.083,3185,2.083,3186,1.886,3187,2.083,3188,2.083,3189,3.209,3190,2.083,3191,1.462,3192,2.823,3193,2.083,3194,1.582,3195,2.083,3196,1.886,3197,2.083,3198,5.541,3199,1.582,3200,6.658,3201,6.121,3202,6.432,3203,6.432,3204,7.104,3205,6.121,3206,8.532,3207,7.313,3208,6.658,3209,6.121,3210,6.121,3211,6.658,3212,4.627,3213,4.627,3214,5.46,3215,4.627,3216,4.627,3217,4.627,3218,4.627,3219,4.627,3220,4.627,3221,4.627,3222,4.627,3223,4.627,3224,4.627,3225,4.627,3226,4.627,3227,4.627,3228,4.627,3229,4.627,3230,4.189,3231,4.627,3232,4.627,3233,4.627,3234,4.627,3235,4.627,3236,4.627,3237,4.627,3238,4.627,3239,4.627,3240,4.627,3241,4.627,3242,4.627,3243,4.627,3244,4.627,3245,4.627,3246,4.627,3247,4.627,3248,4.189,3249,4.627,3250,4.627,3251,4.627,3252,4.627,3253,4.627,3254,4.189,3255,4.627,3256,4.627,3257,4.627,3258,4.627,3259,4.627,3260,4.627,3261,4.627,3262,4.627,3263,4.189,3264,5.658,3265,7.104,3266,3.545,3267,3.545,3268,3.545,3269,1.886,3270,1.886,3271,1.886,3272,1.886,3273,1.886,3274,1.886,3275,4.943,3276,4.943,3277,3.545,3278,4.189,3279,4.943,3280,3.545,3281,4.943,3282,1.517,3283,1.517,3284,2.582,3285,1.517,3286,1.517,3287,2.582,3288,2.083,3289,1.582,3290,1.517,3291,3.247,3292,3.831,3293,2.083,3294,2.083,3295,2.083,3296,2.582,3297,3.545,3298,2.083,3299,2.083,3300,1.756,3301,2.083,3302,2.083,3303,3.545,3304,2.083,3305,2.083,3306,4.627,3307,3.545,3308,2.083,3309,1.582,3310,1.886,3311,3.545,3312,2.083,3313,3.209,3314,1.462,3315,3.545,3316,2.488,3317,2.488,3318,1.462,3319,3.545,3320,3.545,3321,3.209,3322,3.545,3323,3.545,3324,2.083,3325,2.083,3326,2.083,3327,2.083]],["t/614",[0,0.143,1,0.098,7,0.023,8,1.295,9,0.264,16,0.812,28,1.843,37,0.06,41,1.309,49,0.741,51,0.274,73,3.911,76,2.603,85,2.559,86,2.709,92,1.483,96,1.056,102,1.162,115,1.214,129,1.275,137,2.489,138,2.737,143,0.685,145,0.505,152,0.664,164,1.844,176,0.403,177,0.644,183,1.217,191,2.17,197,0.974,208,1.122,210,2.162,211,2.88,216,2.838,229,1.004,241,1.77,254,1.244,267,1.393,276,1.523,279,4.386,286,3.345,287,1.482,288,4.392,295,1.758,297,2.783,310,2.956,311,2.323,313,1.492,317,1.464,329,0.988,330,1.445,340,3.006,341,4.297,342,5.919,344,2.648,346,2.921,354,1.384,361,2.794,377,0.944,386,1.075,423,2.539,429,2.179,436,3,442,0.931,445,5.131,446,5.131,447,3.206,449,3.07,450,3.623,451,5.244,467,4.14,468,7.165,469,7.584,488,3.595,516,2.915,517,1.244,540,2.727,541,1.8,552,1.138,571,5.752,625,3.875,632,5.209,643,1.214,650,1.275,656,2.228,657,1.66,745,1.801,844,6.529,953,3.434,961,2.539,965,1.631,966,2.775,967,1.779,972,2.353,973,2.353,974,2.419,979,1.801,985,2.941,987,4.6,995,1.39,1005,2.426,1006,2.539,1009,1.116,1024,5.371,1048,1.544,1051,3.839,1057,2.276,1068,0.706,1069,0.706,1079,2.355,1080,3.462,1081,3.854,1082,2.489,1117,2.121,1184,1.833,1239,3.327,1245,1.727,1254,1.631,1328,1.348,1332,2.783,1346,1.438,1366,1.214,1393,3.789,1398,1.39,1409,2.886,1410,2.025,1412,1.214,1418,2.545,1430,1.438,1447,4.702,1455,5.424,1457,3.987,1461,3.134,1462,2.025,1464,1.727,1470,4.253,1487,1.942,1583,2.175,1584,5.281,1618,3.875,1656,0.958,1661,1.492,1667,1.492,1669,0.958,1725,2.299,1747,1.244,1779,2.299,2146,1.116,2512,1.727,2519,3.932,2540,1.492,2639,3.789,2673,3.789,2848,2.371,3191,3.206,3192,1.631,3194,1.555,3196,1.855,3199,1.555,3207,1.855,3248,3.163,3282,2.545,3283,2.545,3284,3.932,3285,2.545,3286,2.545,3287,3.932,3289,1.555,3290,2.545,3291,4.944,3292,4.253,3296,4.413,3300,2.945,3309,1.555,3310,1.855,3314,1.438,3316,2.452,3317,2.452,3318,1.438,3328,1.855,3329,2.048,3330,1.631,3331,1.855,3332,1.855,3333,1.855,3334,1.631,3335,4.099,3336,2.783,3337,3.494,3338,3.494,3339,1.855,3340,1.855,3341,1.855,3342,1.855,3343,1.855,3344,1.855,3345,7.012,3346,5.486,3347,6.44,3348,6.585,3349,5.974,3350,2.048,3351,2.048,3352,3.494,3353,3.494,3354,3.494,3355,3.494,3356,3.494,3357,6.598,3358,3.494,3359,3.494,3360,3.494,3361,3.494,3362,3.494,3363,2.048,3364,4.569,3365,4.569,3366,4.569,3367,4.569,3368,5.255,3369,1.492,3370,1.555,3371,1.855,3372,1.855,3373,4.888,3374,1.855,3375,4.888,3376,1.855,3377,1.855,3378,1.855,3379,1.855,3380,1.855,3381,2.048,3382,2.048,3383,2.048,3384,2.048,3385,2.048,3386,2.048,3387,2.048,3388,2.048,3389,2.048,3390,2.048,3391,3.163,3392,3.163,3393,3.163,3394,3.163,3395,3.494,3396,3.494,3397,3.494,3398,3.494,3399,2.048,3400,3.494,3401,3.494,3402,4.569,3403,2.048,3404,2.048,3405,2.048,3406,2.048,3407,1.631,3408,1.631,3409,2.653,3410,2.048,3411,4.601,3412,2.048,3413,3.494,3414,2.048,3415,2.048,3416,3.494,3417,2.653,3418,2.653,3419,4.826,3420,2.783,3421,2.048,3422,2.653,3423,4.601,3424,2.048,3425,1.855,3426,2.048,3427,2.653,3428,2.048,3429,1.855,3430,2.048,3431,1.727,3432,5.399,3433,1.855,3434,1.855,3435,2.048,3436,2.048,3437,2.048,3438,2.048,3439,2.048,3440,5.399,3441,2.048,3442,2.048,3443,2.048,3444,2.048,3445,2.048,3446,2.048,3447,4.569,3448,2.048,3449,2.048,3450,5.399,3451,4.569,3452,4.569,3453,1.855,3454,3.494,3455,2.048,3456,5.399,3457,2.048,3458,2.048,3459,2.048,3460,2.048,3461,2.048,3462,1.855,3463,1.727,3464,1.855,3465,1.727,3466,2.048,3467,1.855,3468,1.855,3469,2.048,3470,2.048]],["t/616",[0,0.12,1,0.091,7,0.023,8,2.005,9,0.262,16,1.658,28,1.956,41,1.633,49,0.788,51,0.135,61,5.026,65,1.807,73,3.577,76,2.044,85,3.074,86,3.026,115,1.927,129,2.024,137,4.326,138,2.878,144,3.882,152,1.054,162,1.044,176,0.64,177,0.94,183,2.487,193,3.582,210,2.821,211,2.655,216,2.71,249,1.797,276,2.225,279,2.024,286,3.489,287,2.516,288,4.79,310,1.457,311,2.514,313,2.368,329,1.568,330,2.112,341,4.646,342,5.666,343,4.575,346,2.079,354,1.166,361,4.228,423,3.608,429,2.881,445,2.368,449,4.646,488,4.769,516,1.345,540,1.145,541,2.011,571,6.383,624,2.024,656,3.097,663,1.296,674,3.099,693,6.019,694,6.464,953,3.4,966,2.011,967,2.779,972,2.225,973,2.225,974,2.287,979,1.676,987,4.417,997,2.079,1005,3.028,1006,3.168,1009,1.771,1024,2.586,1035,6.679,1048,2.255,1051,3.41,1068,1.121,1069,1.121,1080,3.307,1081,3.381,1087,2.959,1117,3.099,1119,2.282,1138,8.496,1285,1.974,1350,3.876,1396,4.727,1409,2.728,1412,1.927,1454,6.586,1459,5.568,1462,2.959,1535,2.741,1578,3.876,1627,3.967,1743,2.741,1747,1.974,1808,2.589,2005,1.738,2044,4.785,2144,4.423,2149,4.698,2517,5.778,2848,2.206,3291,3.582,3292,6.586,3314,2.282,3316,3.582,3317,3.582,3318,2.282,3335,4.785,3369,2.368,3370,2.468,3471,2.943,3472,3.251,3473,9.566,3474,7.14,3475,5.105,3476,4.303,3477,7.517,3478,7.758,3479,9.861,3480,9.861,3481,7.024,3482,6.302,3483,5.105,3484,5.105,3485,6.54,3486,5.105,3487,5.105,3488,5.105,3489,5.105,3490,4.303,3491,4.303,3492,4.303,3493,4.621,3494,4.303,3495,5.105,3496,3.251,3497,3.251,3498,3.251,3499,3.251,3500,3.251,3501,3.251,3502,3.251,3503,5.686,3504,3.251,3505,3.251,3506,3.251,3507,2.943,3508,3.251,3509,2.943,3510,3.251,3511,2.589,3512,3.251,3513,3.251,3514,3.251,3515,3.251,3516,3.251,3517,3.251,3518,3.251,3519,3.251,3520,3.251,3521,3.251,3522,2.943,3523,3.251,3524,3.251,3525,3.251,3526,2.368,3527,3.251,3528,3.251]],["t/618",[0,0.113,1,0.061,7,0.023,8,1.205,9,0.255,16,0.509,17,0.853,28,1.847,41,1.58,49,0.54,51,0.234,60,4.061,68,0.93,73,3.905,76,2.218,85,2.839,86,2.194,92,0.93,115,1.3,129,1.365,137,3.153,138,2.716,143,0.733,145,0.54,152,0.711,176,0.431,177,0.682,183,0.764,191,2.281,197,1.573,208,0.704,210,2.698,211,1.786,216,2.941,241,1.875,255,4.045,267,0.874,279,3.925,286,3.647,287,2.045,288,4.457,295,2.426,310,1.658,311,2.22,312,1.746,313,1.596,317,0.918,329,1.057,330,3.985,338,3.643,340,3.16,341,4.292,342,5.71,343,4.045,344,3.654,345,4.641,346,3.071,354,1.44,361,4.522,423,2.641,429,2.277,436,1.218,445,3.498,446,1.596,449,2.433,451,1.057,479,1.664,488,4.222,516,2.829,539,2.435,540,1.303,541,1.892,544,1.243,571,6.096,615,1.365,625,3.071,632,3.96,643,1.3,650,1.365,656,2.583,663,0.874,674,4.42,686,1.402,953,3.382,961,1.218,966,2.223,967,1.87,972,2.748,973,2.748,974,3.064,979,1.908,985,2.016,987,4.567,1005,2.929,1006,3.259,1009,1.194,1024,5.08,1048,1.635,1051,3.894,1057,1.844,1068,0.756,1069,0.756,1079,1.908,1080,3.308,1081,3.862,1082,1.194,1117,2.247,1184,1.15,1285,4.644,1350,7.747,1366,1.3,1385,2.597,1393,2.597,1396,4.473,1398,1.487,1409,2.567,1410,1.27,1412,1.3,1418,1.596,1430,1.538,1434,1.746,1447,3.827,1455,5.093,1457,3.713,1461,2.281,1462,2.145,1470,5.109,1487,1.218,1519,2.947,1520,1.746,1541,1.487,1583,2.304,1584,4.958,1588,1.746,1589,1.746,1618,3.071,1627,2.669,1656,1.731,1661,1.596,1667,1.596,1725,1.442,1747,1.331,1779,2.435,1814,1.664,2005,1.172,2015,1.848,2149,1.442,2159,3.825,2358,3.825,2511,1.848,2517,4.799,2519,2.695,2540,1.596,2639,2.597,2661,1.746,2673,2.597,2848,4.641,3191,3.37,3194,2.81,3199,1.664,3282,1.596,3283,1.596,3284,2.695,3285,1.596,3286,1.596,3287,2.695,3289,1.664,3290,1.596,3291,7.037,3292,3.96,3296,3.498,3309,1.664,3314,1.538,3316,2.597,3317,2.597,3318,1.538,3334,1.746,3335,4.284,3336,2.947,3347,6.728,3348,5.798,3368,2.947,3369,1.596,3370,1.664,3407,1.746,3408,1.746,3409,1.664,3411,3.646,3417,1.664,3418,1.664,3419,4.494,3420,2.947,3422,1.664,3423,2.81,3427,3.646,3471,1.984,3476,1.848,3477,6.449,3485,3.12,3490,4.049,3491,1.848,3492,1.848,3494,6.714,3503,7.058,3507,1.984,3509,1.984,3511,6.343,3526,2.695,3529,2.192,3530,3.35,3531,1.984,3532,1.984,3533,6.926,3534,6.191,3535,1.984,3536,6.926,3537,6.926,3538,7.65,3539,4.348,3540,4.348,3541,1.984,3542,1.984,3543,1.984,3544,1.984,3545,3.35,3546,1.984,3547,1.984,3548,1.984,3549,1.984,3550,1.984,3551,1.984,3552,1.984,3553,1.984,3554,1.984,3555,1.984,3556,1.984,3557,1.984,3558,1.984,3559,1.984,3560,3.35,3561,1.984,3562,1.984,3563,3.701,3564,3.701,3565,2.192,3566,2.192,3567,2.192,3568,1.984,3569,1.984,3570,1.984,3571,2.192,3572,2.192,3573,2.192,3574,2.192,3575,4.049,3576,7.471,3577,1.848,3578,4.757,3579,3.12,3580,1.848,3581,1.848,3582,4.757,3583,1.848,3584,5.314,3585,1.848,3586,1.848,3587,4.049,3588,1.848,3589,4.757,3590,1.848,3591,3.12,3592,1.848,3593,1.848,3594,1.848,3595,1.848,3596,1.848,3597,1.848,3598,1.848,3599,1.848,3600,1.848,3601,4.757,3602,3.12,3603,1.984,3604,1.848,3605,1.848,3606,1.984,3607,4.348,3608,1.984]],["t/620",[0,0.162,1,0.135,7,0.022,8,1.032,16,1.856,28,2.159,41,1.726,51,0.201,76,2.981,85,3.169,86,4.071,102,2.74,115,2.864,137,2.227,138,2.931,152,1.567,162,3.603,176,0.95,177,1.265,183,2.783,197,2.228,210,3.011,211,2.971,212,3.39,216,4.108,218,2.164,275,4.391,286,2.971,287,2.227,288,5.073,311,2.418,329,2.33,341,5.176,346,5.109,354,1.568,361,3.166,379,6.668,429,3.511,436,2.684,488,4.118,516,1.998,517,4.169,540,1.701,541,2.705,571,5.878,656,2.698,745,2.49,953,2.367,966,1.903,967,3.11,972,4.516,973,3.792,974,4.118,979,3.539,987,3.902,1005,3.199,1006,3.348,1024,3.479,1048,3.034,1051,3.936,1057,2.406,1068,1.665,1069,1.665,1081,4.377,1117,4.169,1285,4.169,1366,2.864,1409,3.67,1412,2.864,1462,3.98,1661,3.518,1669,2.26,1745,3.847,2416,5.469,2540,3.518,2550,5.469,2661,3.847,3191,3.39,3314,3.39,3316,4.819,3317,4.819,3318,3.39,3609,8.896,3610,8.701,3611,6.867,3612,4.83,3613,6.867,3614,4.83,3615,4.83,3616,4.83,3617,7.233,3618,4.83,3619,4.83,3620,4.83,3621,4.83,3622,4.83,3623,8.701,3624,6.867,3625,9.552,3626,4.83,3627,4.83,3628,4.83,3629,4.83,3630,4.83,3631,4.83,3632,4.83,3633,4.83,3634,6.867,3635,4.83]],["t/622",[0,0.089,1,0.045,7,0.023,8,0.973,9,0.227,16,0.371,17,0.622,28,1.611,41,1.576,49,0.436,51,0.189,59,3.673,73,3.332,76,2.508,85,2.805,86,1.67,92,0.678,115,0.948,129,0.995,137,2.395,138,2.319,142,0.524,143,0.942,145,0.394,152,0.518,176,0.314,177,0.519,183,0.557,191,2.163,197,1.27,208,0.513,210,2.269,211,1.405,216,2.465,218,1.693,222,2.348,241,1.427,255,3.439,267,0.637,279,3.234,286,3.299,287,1.685,288,4.131,295,1.999,297,4.137,309,0.888,310,0.716,311,2.018,312,1.273,313,1.164,317,0.67,329,0.771,330,3.504,338,3.574,340,2.486,341,3.917,342,5.087,344,3.011,345,3.89,346,2.416,354,1.309,361,4.644,366,1.164,377,3.564,397,1.633,423,2.177,429,1.838,436,0.888,445,2.751,446,1.164,449,1.914,451,0.771,479,1.214,488,4.231,516,2.371,539,3.772,540,1.33,541,1.488,552,0.888,571,6.468,615,0.995,625,2.416,632,3.196,643,0.948,650,0.995,656,2.223,663,1.123,667,0.854,674,3.997,686,1.022,757,2.564,953,3.527,961,0.888,966,1.794,967,1.471,972,2.498,973,2.498,974,2.773,979,1.452,985,1.535,987,4.604,997,1.022,1005,2.921,1006,3.057,1024,5.45,1048,1.245,1051,3.929,1057,1.404,1068,0.551,1069,0.551,1079,1.452,1080,2.726,1081,3.463,1082,0.871,1117,1.711,1156,1.164,1184,0.839,1350,8.142,1366,1.67,1385,1.977,1393,1.977,1396,4.686,1398,1.085,1409,2.019,1410,0.926,1412,0.948,1418,1.164,1425,1.347,1430,1.122,1447,3.154,1455,4.429,1457,2.997,1461,1.795,1462,1.633,1470,3.645,1487,0.888,1489,0.995,1519,2.244,1520,1.273,1549,1.347,1570,3.185,1583,1.754,1584,4.312,1588,1.273,1589,1.273,1618,2.416,1627,2.099,1656,1.318,1661,1.164,1667,1.164,1725,1.052,1744,1.447,1747,0.97,1779,1.854,1814,1.214,1942,4.703,2044,2.868,2144,1.122,2149,1.854,2159,3.009,2358,3.009,2498,1.447,2511,1.347,2517,4.344,2519,2.052,2540,2.052,2639,1.977,2661,1.273,2673,1.977,2805,1.347,2845,1.214,2848,3.89,3081,2.375,3191,2.651,3194,2.139,3199,1.214,3263,2.551,3282,1.164,3283,1.164,3284,2.052,3285,1.164,3286,1.164,3287,2.052,3289,1.214,3290,1.164,3291,7.099,3292,3.196,3296,2.751,3309,1.214,3314,1.122,3316,1.977,3317,1.977,3318,1.122,3334,1.273,3335,3.458,3336,2.244,3347,7.506,3348,7.581,3368,2.244,3369,1.164,3370,1.214,3407,1.273,3408,1.273,3409,1.214,3411,2.868,3417,1.214,3418,1.214,3419,3.627,3420,2.244,3422,1.214,3423,2.139,3427,2.868,3476,2.375,3477,7.263,3481,5.189,3485,2.375,3490,3.839,3491,3.185,3492,3.185,3494,4.832,3503,7.39,3511,6.861,3526,2.052,3530,2.551,3531,1.447,3532,1.447,3533,5.189,3534,3.42,3535,1.447,3536,5.96,3537,5.96,3539,4.123,3540,3.42,3541,3.42,3542,2.551,3543,3.42,3544,2.551,3545,4.123,3546,3.42,3547,2.551,3548,3.42,3549,2.551,3550,3.42,3551,2.551,3552,3.42,3553,2.551,3554,3.42,3555,3.42,3556,3.42,3557,3.42,3558,1.447,3559,1.447,3560,2.551,3561,1.447,3568,1.447,3569,1.447,3570,1.447,3575,3.185,3576,6.697,3577,1.347,3578,3.839,3579,2.375,3580,1.347,3581,1.347,3582,3.839,3583,1.347,3584,4.379,3585,1.347,3586,1.347,3587,3.185,3588,1.347,3589,3.839,3590,1.347,3591,2.375,3592,1.347,3593,1.347,3594,1.347,3595,1.347,3596,1.347,3597,1.347,3598,1.347,3599,1.347,3600,1.347,3601,3.839,3602,2.375,3604,1.347,3605,1.347,3606,1.447,3607,3.42,3608,1.447,3636,6.189,3637,3.778,3638,1.598,3639,4.554,3640,2.818,3641,2.818,3642,3.778,3643,5.195,3644,6.583,3645,2.818,3646,1.598,3647,2.818,3648,5.732,3649,5.732,3650,7.227,3651,8.749,3652,6.583,3653,2.818,3654,7.494,3655,2.818,3656,4.554,3657,2.818,3658,4.554,3659,2.818,3660,2.818,3661,2.818,3662,2.818,3663,2.818,3664,2.818,3665,2.818,3666,2.818,3667,2.818,3668,2.818,3669,2.818,3670,2.818,3671,2.818,3672,2.818,3673,2.818,3674,2.818,3675,2.818,3676,2.818,3677,2.818,3678,2.818,3679,1.598,3680,2.818,3681,1.598,3682,1.598,3683,3.778,3684,3.778,3685,3.778,3686,2.818,3687,1.598,3688,1.598,3689,6.189,3690,1.598,3691,1.598,3692,1.598,3693,1.598,3694,1.598,3695,6.926]],["t/624",[0,0.235,1,0.261,3,1.57,5,1.374,7,0.023,8,1.131,16,0.791,17,1.326,18,2.096,20,0.643,21,2.064,25,0.138,26,0.128,42,1.697,44,3.767,49,0.701,50,2.637,51,0.402,76,3.502,82,2.311,85,2.734,92,1.445,94,5.536,97,1.974,118,2.068,123,3.887,125,2.178,132,1.7,134,2.307,139,4.529,152,1.105,155,0.9,161,1.374,174,2.042,176,0.67,177,1.349,189,1.892,197,0.95,205,2.582,249,1.199,254,2.068,276,2.83,278,2.219,287,2.723,292,1.755,295,2.498,299,3.295,308,4.244,310,2.371,323,2.371,343,1.892,361,2.44,374,1.083,383,2.328,396,2.405,400,2.019,419,2.553,420,3.41,431,3.767,436,1.892,448,3.235,449,1.725,488,1.526,490,2.48,506,3.289,508,2.311,509,3.213,525,4.042,540,1.199,552,5.033,553,1.374,575,2.178,604,2.48,622,3.842,654,2.39,655,4.244,656,1.787,657,3.084,663,4.097,667,1.82,683,4.244,689,2.712,695,1.974,715,4.151,742,2.241,750,4.573,752,2.068,843,2.019,953,1.825,980,1.787,987,3.7,1005,1.946,1008,1.974,1009,3.537,1051,2.722,1052,1.465,1055,1.505,1057,1.697,1068,1.174,1069,1.174,1084,2.068,1183,3.384,1236,2.871,1237,4.865,1341,1.669,1342,4.151,1346,2.39,1351,2.178,1375,1.892,1428,2.241,1459,1.82,1460,1.974,1461,1.618,1483,2.39,1550,3.849,1656,2.476,1666,2.48,1669,2.476,1695,3.849,1776,3.482,1799,4.049,2005,1.82,2047,3.213,2146,3.537,2200,3.068,2420,2.019,2424,5.639,2429,2.12,2430,2.12,2433,3.295,2436,3.068,2437,3.295,2439,2.12,2440,2.12,2441,2.12,2470,3.213,2471,3.295,2472,3.213,2473,2.12,2474,2.12,2475,3.295,2476,2.12,2477,2.12,2496,2.068,2533,3.384,2652,3.384,2655,6.08,2798,2.39,2954,2.586,3025,3.295,3049,2.39,3696,2.12,3697,4.817,3698,2.241,3699,2.241,3700,6.629,3701,3.482,3702,4.817,3703,3.482,3704,5.523,3705,3.482,3706,3.482,3707,3.482,3708,2.712,3709,3.714,3710,2.712,3711,2.712,3712,2.241,3713,3.083,3714,3.482,3715,3.482,3716,3.482,3717,3.482,3718,4.817,3719,3.482,3720,4.817,3721,4.817,3722,3.482,3723,4.817,3724,3.482,3725,3.482,3726,3.482,3727,3.482,3728,3.482,3729,4.151,3730,4.556,3731,3.482,3732,2.241,3733,4.272,3734,4.272,3735,2.241,3736,2.241,3737,2.241,3738,2.586,3739,2.39,3740,3.083,3741,2.586,3742,2.586,3743,2.586,3744,2.39,3745,5.293,3746,4.556,3747,3.083,3748,3.405,3749,3.083,3750,3.083,3751,2.39,3752,2.39,3753,3.714,3754,2.39,3755,2.39,3756,2.39,3757,2.39,3758,3.083,3759,3.405,3760,2.586,3761,2.586,3762,2.586,3763,3.083,3764,4.792,3765,3.405,3766,2.39,3767,6.172,3768,3.083,3769,3.083,3770,3.083,3771,3.083,3772,3.083,3773,2.39,3774,2.39,3775,3.083,3776,3.083,3777,3.405,3778,2.39,3779,2.712,3780,3.083,3781,3.083,3782,3.083,3783,2.712,3784,2.712,3785,2.712,3786,2.712,3787,2.712,3788,4.215,3789,2.712,3790,2.712,3791,2.712,3792,2.712,3793,3.083,3794,3.083,3795,3.083,3796,2.712,3797,2.39,3798,3.083,3799,3.083,3800,2.39,3801,2.39,3802,2.39,3803,2.39,3804,3.405,3805,3.405,3806,2.12,3807,2.178,3808,2.178,3809,2.586,3810,2.586,3811,2.586,3812,2.586,3813,2.178,3814,2.178,3815,2.241,3816,2.241,3817,2.48,3818,2.241,3819,2.241,3820,2.48]],["t/626",[0,0.239,1,0.264,3,1.624,5,1.422,7,0.023,8,1.161,16,0.818,17,1.372,18,1.971,20,0.665,21,2.109,25,0.142,26,0.131,42,1.755,44,3.826,49,0.713,50,1.755,51,0.381,76,3.491,82,2.391,85,2.777,92,1.496,94,5.527,97,2.042,118,2.139,123,3.948,125,3.475,132,1.745,134,1.536,139,4.439,152,1.143,155,0.931,161,1.422,174,2.079,176,0.693,177,1.222,189,1.958,197,0.983,198,4.476,205,2.559,249,1.241,254,2.139,276,2.369,278,2.441,287,2.877,292,1.816,295,2.552,299,3.383,308,4.322,310,2.435,323,2.435,343,1.958,361,1.624,374,1.728,383,2.371,396,1.601,400,2.089,419,2.622,420,3.66,436,1.958,448,3.294,449,1.785,488,1.579,490,2.566,506,3.361,508,2.391,509,3.299,525,4.13,540,1.241,552,4.729,553,1.422,575,2.253,604,2.566,622,3.912,655,4.322,656,1.835,657,3.151,663,4.088,667,1.883,683,4.322,689,2.806,695,2.042,715,4.241,742,2.318,750,4.637,752,2.139,757,2.391,843,2.089,953,1.873,980,1.849,987,3.742,1005,2.439,1008,2.042,1009,3.614,1051,2.772,1052,1.515,1055,1.557,1057,1.755,1068,1.215,1069,1.215,1084,2.139,1183,3.475,1236,2.97,1237,3.845,1341,1.727,1342,4.241,1346,2.473,1351,2.253,1375,1.958,1428,2.318,1459,1.883,1460,2.042,1461,1.674,1483,2.473,1550,3.933,1656,2.543,1666,2.566,1669,2.543,1695,3.933,1776,3.576,1799,4.106,2005,1.883,2047,3.299,2146,3.614,2200,3.15,2420,2.089,2424,5.702,2429,2.194,2430,2.194,2433,3.383,2436,3.15,2437,3.383,2439,2.194,2440,2.194,2441,2.194,2470,3.299,2471,3.383,2472,3.299,2473,2.194,2474,2.194,2475,3.383,2476,2.194,2477,2.194,2496,2.139,2533,2.253,2652,3.475,2655,6.137,2798,2.473,2954,2.675,3025,3.383,3049,2.473,3696,2.194,3697,4.906,3698,2.318,3699,2.318,3700,4.92,3701,3.576,3702,4.906,3703,3.576,3704,5.3,3705,3.576,3706,3.576,3707,3.576,3708,2.806,3709,3.814,3710,2.806,3711,2.806,3712,2.318,3713,3.19,3714,3.576,3715,3.576,3716,3.576,3717,3.576,3718,4.364,3719,3.576,3720,4.364,3721,4.364,3722,2.318,3723,3.576,3724,2.318,3725,2.318,3726,2.318,3727,2.318,3728,3.576,3729,4.241,3730,4.655,3731,3.576,3732,2.318,3733,4.364,3734,4.364,3735,2.318,3736,2.318,3737,2.318,3738,2.675,3739,2.473,3740,3.19,3741,2.675,3742,2.675,3743,2.675,3744,2.473,3746,4.655,3747,3.19,3749,3.19,3750,3.19,3751,2.473,3752,2.473,3753,3.814,3754,2.473,3755,2.473,3756,2.473,3757,2.473,3758,3.19,3763,3.19,3764,3.19,3766,2.473,3767,6.285,3768,3.19,3769,3.19,3770,3.19,3771,3.19,3772,3.19,3773,2.473,3774,2.473,3775,3.19,3776,3.19,3778,2.473,3779,2.806,3780,3.19,3781,3.19,3782,3.19,3783,2.806,3784,2.806,3785,2.806,3786,2.806,3787,2.806,3788,4.328,3789,2.806,3790,2.806,3791,2.806,3792,2.806,3793,3.19,3794,3.19,3795,3.19,3796,2.806,3797,2.473,3798,3.19,3799,3.19,3800,2.473,3801,2.473,3802,2.473,3803,2.473,3806,2.194,3807,2.253,3808,2.253,3809,2.675,3810,2.675,3811,2.675,3812,2.675,3813,2.253,3814,2.253,3815,2.318,3816,2.318,3817,2.566,3818,2.318,3819,2.318,3821,8.055,3822,5.434,3823,3.523,3824,3.523,3825,3.523,3826,3.523,3827,3.523,3828,3.523]],["t/628",[0,0.13,1,0.101,7,0.023,8,1.531,9,0.252,16,0.836,27,0.846,28,1.862,37,0.062,41,1.333,47,1.229,49,0.924,51,0.257,73,3.957,76,2.638,85,2.599,86,2.134,92,1.527,96,1.855,102,5.785,115,1.257,129,1.32,137,2.546,138,2.692,143,0.709,145,0.523,162,0.681,164,1.892,176,0.417,177,0.663,183,1.254,191,2.227,197,1.004,208,1.156,210,2.202,211,1.743,216,2.891,229,1.764,241,1.823,254,1.288,267,1.435,279,4.461,286,3.516,287,1.52,288,4.426,295,1.804,310,3.011,311,2.178,313,1.545,317,1.508,329,1.023,330,2.285,340,3.084,341,4.349,342,5.648,346,2.997,354,1.413,361,3.303,386,1.888,423,3.002,429,2.229,436,3.069,442,3.696,443,3.672,444,8.74,445,5.219,446,5.219,447,3.29,449,3.63,450,1.705,451,3.791,468,2.866,488,3.644,516,3.251,517,1.288,540,2.655,541,1.418,571,5.608,625,4.582,632,5.291,643,1.257,650,1.32,656,2.27,844,1.788,953,3.296,961,3.069,966,3.095,967,1.825,972,2.407,973,2.407,974,2.475,979,1.855,985,3.009,987,4.559,995,2.442,1005,2.472,1006,2.586,1009,1.155,1024,5.048,1048,1.59,1051,3.729,1057,2.335,1068,0.731,1069,0.731,1079,2.416,1080,3.527,1081,3.895,1082,2.554,1117,2.185,1184,1.888,1239,4.023,1245,1.788,1328,2.368,1332,4.399,1346,1.488,1366,1.257,1393,3.876,1398,1.439,1409,2.952,1410,2.086,1412,1.257,1418,2.621,1430,1.488,1447,5.083,1455,5.897,1457,4.715,1461,2.624,1462,2.086,1464,1.788,1470,5.029,1487,2,1583,2.24,1584,5.741,1618,4.582,1627,3.735,1656,1.684,1661,2.621,1667,1.545,1669,0.992,1725,2.368,1747,1.288,1779,2.368,2146,1.961,2512,1.788,2519,4.023,2540,1.545,2639,3.876,2673,3.876,2848,2.442,3191,3.29,3192,1.689,3194,1.61,3199,1.61,3282,2.621,3283,2.621,3284,4.023,3285,2.621,3286,2.621,3287,4.023,3290,2.621,3291,5.708,3292,5.029,3296,5.219,3300,1.788,3314,1.488,3316,2.526,3317,2.526,3318,1.488,3328,1.92,3330,1.689,3331,1.92,3332,1.92,3333,1.92,3334,1.689,3335,4.194,3336,2.866,3339,1.92,3340,1.92,3341,1.92,3342,1.92,3343,1.92,3344,1.92,3345,3.258,3346,1.92,3347,1.61,3348,5.707,3349,1.92,3368,4.399,3369,1.545,3370,1.61,3371,1.92,3372,1.92,3373,3.258,3374,1.92,3375,3.258,3376,1.92,3377,1.92,3378,1.92,3379,1.92,3380,1.92,3391,3.258,3392,3.258,3393,3.258,3394,3.258,3407,1.689,3408,1.689,3409,2.732,3411,5.441,3417,2.732,3418,2.732,3422,2.732,3423,5.441,3425,1.92,3427,2.732,3429,1.92,3431,1.788,3433,3.258,3434,3.258,3453,3.258,3462,3.258,3463,3.034,3464,3.258,3465,3.034,3467,3.258,3468,3.258,3493,1.92,3526,2.621,3829,2.121,3830,8.584,3831,2.121,3832,3.599,3833,5.523,3834,6.185,3835,3.599,3836,3.599,3837,3.599,3838,7.539,3839,2.121,3840,4.688,3841,5.523,3842,3.599,3843,3.599,3844,3.599,3845,3.599,3846,3.599,3847,3.599,3848,3.599,3849,2.121,3850,3.599,3851,2.121,3852,2.121,3853,2.121,3854,2.121,3855,2.121,3856,5.523,3857,2.121,3858,4.688,3859,2.121,3860,2.121,3861,3.599,3862,6.185,3863,4.688,3864,2.121,3865,2.121,3866,3.599,3867,5.523,3868,7.539,3869,5.523,3870,2.121,3871,5.523,3872,2.121,3873,6.185,3874,5.523,3875,2.121,3876,3.599,3877,2.121,3878,2.121,3879,2.121,3880,2.121,3881,2.121,3882,2.121,3883,2.121,3884,2.121,3885,4.688,3886,4.688,3887,2.121,3888,2.121,3889,2.121,3890,2.121,3891,2.121,3892,2.121]],["t/630",[0,0.22,1,0.204,7,0.023,10,0.129,16,0.955,23,0.518,28,2.29,32,0.725,41,1.445,49,0.88,51,0.303,62,0.806,71,1.979,72,2.095,73,1.895,76,1.98,85,2.78,96,2.119,102,2.981,123,1.218,129,1.547,142,2.74,155,2.952,169,3.116,174,1.146,176,0.489,177,1.125,183,1.432,188,3.62,191,2.9,197,1.146,210,2.526,211,2.27,218,2.354,220,2.559,222,4.742,229,4.099,231,5.675,235,1.979,255,1.381,286,3.571,287,2.363,288,1.129,294,1.547,295,0.956,311,2.944,312,3.273,317,1.722,329,1.199,338,3.956,339,1.41,354,1.395,356,2.25,365,2.993,366,2.993,383,1.671,386,2.758,397,1.44,400,3.116,426,3.721,429,1.003,466,1.546,469,6.142,473,1.509,475,2.119,506,2.082,509,1.509,519,1.744,540,0.875,541,2.405,550,1.304,551,3.688,552,2.92,553,1.003,556,3.721,604,1.81,608,1.81,620,1.547,621,1.744,622,1.304,624,1.547,643,1.473,650,1.547,651,2.25,656,3.157,663,2.095,686,3.36,690,1.979,708,6.65,713,2.884,729,1.259,745,2.119,747,1.744,757,1.686,953,2.883,961,5.859,965,1.979,966,2.664,967,1.6,972,2.291,973,1.791,974,1.841,989,3.465,997,2.628,1005,2.679,1006,3.103,1008,2.382,1017,1.979,1026,3.273,1028,1.81,1030,2.095,1048,2.988,1051,3.358,1068,0.857,1069,0.857,1079,1.281,1081,3.361,1087,3.046,1169,1.589,1187,4.186,1194,2.095,1328,2.704,1332,7.65,1340,1.887,1341,1.218,1348,2.25,1375,1.381,1386,1.887,1396,2.119,1409,4.997,1410,3.92,1411,4.45,1412,4.01,1413,4.926,1414,1.979,1415,5.135,1449,7.039,1483,2.884,1487,1.381,1529,2.25,1616,2.25,1656,1.163,1669,1.163,1695,1.473,1696,2.789,1727,3.121,1747,1.509,1768,2.095,1933,2.095,2005,1.328,2007,2.25,2018,1.81,2032,2.25,2044,1.887,2144,4.285,2146,2.239,2149,1.635,2164,2.095,2194,2.25,2200,1.44,2202,2.095,2205,1.887,2494,3.721,2496,1.509,2798,5.412,2846,1.81,3007,1.979,3010,1.81,3011,1.979,3264,1.979,3463,2.095,3465,5.701,3522,2.25,3806,1.547,3810,5.532,3811,1.887,3812,5.532,3893,4.11,3894,2.485,3895,2.485,3896,2.485,3897,2.485,3898,8.065,3899,5.255,3900,5.255,3901,9.03,3902,6.763,3903,4.11,3904,5.255,3905,4.11,3906,2.485,3907,2.485,3908,9.813,3909,4.11,3910,2.485,3911,2.485,3912,7.286,3913,6.763,3914,10.745,3915,6.763,3916,6.763,3917,6.763,3918,6.763,3919,6.763,3920,6.763,3921,6.763,3922,6.763,3923,6.763,3924,7.286,3925,7.286,3926,2.485,3927,2.485,3928,2.485,3929,2.485,3930,4.11,3931,4.11,3932,2.485,3933,2.485,3934,2.485,3935,2.485,3936,2.485,3937,2.485,3938,2.485,3939,2.485,3940,2.485,3941,2.485,3942,5.255,3943,2.485,3944,5.255,3945,2.485,3946,5.255,3947,2.485,3948,2.485,3949,2.485,3950,2.485,3951,2.485,3952,2.485,3953,2.485,3954,2.485,3955,2.485,3956,2.485,3957,2.485,3958,2.25,3959,2.485,3960,2.485,3961,2.485,3962,2.25,3963,2.485,3964,2.25]],["t/632",[0,0.249,1,0.281,3,2.577,7,0.021,16,1.298,17,2.176,18,2.283,25,0.198,26,0.135,42,2.785,44,4.403,50,2.785,51,0.416,76,3.243,85,2.978,92,2.373,94,5.841,97,3.24,118,3.394,123,4.751,125,3.574,134,2.436,139,4.648,174,2.584,176,1.1,177,1.4,198,3.106,205,2.471,276,2.436,278,1.694,287,2.801,308,3.24,323,3.405,343,3.106,361,2.577,374,1.778,383,2.747,419,3.667,420,3.714,431,4.103,448,3.816,525,5.377,552,5.15,622,2.933,654,5.334,655,4.406,656,2.567,657,4.103,663,4.294,667,2.988,683,5.372,715,5.523,752,3.394,980,2.933,1068,1.927,1069,1.927,1237,5.006,1342,4.86,1351,3.574,1375,3.106,1428,3.678,1550,4.506,1695,5.12,1799,4.676,2005,2.988,2047,3.394,2420,3.314,2533,3.574,2652,3.574,2655,5.926,3025,4.732,3264,6.054,3696,3.48,3697,6.098,3698,3.678,3699,3.678,3701,3.678,3702,5.001,3703,3.678,3704,5.683,3705,3.678,3706,3.678,3707,3.678,3712,3.678,3714,3.678,3715,3.678,3716,3.678,3717,3.678,3718,5.001,3719,3.678,3720,5.001,3721,5.001,3722,3.678,3723,5.001,3724,3.678,3725,3.678,3726,3.678,3727,3.678,3728,3.678,3729,5.523,3731,3.678,3732,3.678,3733,3.678,3734,5.683,3735,3.678,3736,3.678,3737,3.678,3738,4.244,3739,3.923,3741,4.244,3742,4.244,3743,4.244,3820,5.536,3965,6.557,3966,5.061,3967,5.061,3968,4.712]],["t/634",[0,0.233,1,0.262,3,1.72,5,3.514,7,0.023,8,0.797,16,0.867,17,1.453,18,2.185,21,2.186,25,0.148,26,0.137,42,1.859,44,3.926,49,0.735,50,2.829,51,0.397,76,3.488,85,2.649,92,1.584,94,5.54,97,2.163,123,3.766,132,1.824,134,2.475,139,4.62,142,1.223,152,1.21,176,0.734,177,1.266,189,2.074,197,1.041,205,2.599,249,1.314,254,2.266,276,2.996,278,2.083,287,2.492,292,1.924,295,2.645,308,3.984,310,2.544,323,1.672,343,2.074,361,2.618,374,1.187,383,2.443,396,2.58,419,2.74,420,2.956,448,3.037,449,1.891,488,1.672,506,3.483,508,2.532,509,3.448,521,2.619,525,4.28,540,1.314,551,3.985,552,5.03,553,1.506,622,3.607,655,3.291,656,1.918,657,3.265,663,4.095,667,1.995,683,3.291,715,4.395,737,2.972,742,2.455,750,4.743,752,2.266,843,2.212,953,1.287,974,1.672,980,1.958,987,3.698,1005,1.372,1008,2.163,1009,3.745,1051,2.112,1052,1.605,1055,1.649,1067,2.833,1068,1.287,1069,1.287,1084,2.266,1183,3.631,1237,5.047,1341,1.829,1342,4.395,1346,2.619,1351,2.386,1375,2.074,1428,2.455,1459,1.995,1460,2.163,1461,1.773,1550,3.367,1656,2.657,1666,2.718,1669,2.657,1695,3.367,1776,2.455,1799,3.316,2005,1.995,2047,2.266,2146,3.745,2200,3.291,2420,2.212,2424,5.808,2429,2.323,2430,2.323,2433,3.535,2436,3.291,2437,3.535,2439,2.323,2440,2.323,2441,2.323,2470,3.448,2471,3.535,2472,3.448,2473,2.323,2474,2.323,2475,3.535,2476,2.323,2477,2.323,2496,2.266,2533,3.631,2549,3.985,2652,3.631,2655,6.111,2897,4.312,2954,2.833,3025,3.535,3049,2.619,3696,2.323,3697,5.055,3698,2.455,3699,2.455,3701,3.736,3702,5.055,3703,3.736,3704,5.729,3705,3.736,3706,3.736,3707,3.736,3709,2.619,3712,2.455,3714,3.736,3715,3.736,3716,3.736,3717,3.736,3718,5.055,3719,3.736,3720,5.055,3721,5.055,3722,3.736,3723,5.055,3724,3.736,3725,3.736,3726,3.736,3727,3.736,3728,3.736,3729,4.395,3730,4.824,3731,3.736,3732,2.455,3733,3.736,3734,3.736,3735,2.455,3736,2.455,3737,2.455,3744,2.619,3746,2.619,3751,2.619,3752,2.619,3753,3.985,3754,2.619,3755,2.619,3756,2.619,3757,2.619,3760,2.833,3761,2.833,3762,2.833,3766,2.619,3773,2.619,3774,2.619,3778,2.619,3779,2.972,3783,2.972,3784,2.972,3785,2.972,3786,2.972,3787,2.972,3788,4.523,3789,2.972,3790,2.972,3791,2.972,3792,2.972,3796,2.972,3797,2.619,3800,2.619,3801,2.619,3802,2.619,3803,2.619,3806,2.323,3807,2.386,3808,2.386,3813,2.386,3814,2.386,3815,2.455,3816,2.455,3818,2.455,3819,2.455,3969,5.475,3970,6.223,3971,3.379,3972,3.379,3973,3.379,3974,5.141,3975,3.379,3976,3.732,3977,3.379,3978,5.679,3979,3.379,3980,3.379,3981,5.679,3982,3.379,3983,3.379,3984,3.379,3985,3.379,3986,3.379,3987,3.379,3988,2.833,3989,3.379,3990,3.732,3991,3.146,3992,3.146]],["t/636",[0,0.228,1,0.254,3,1.577,5,3.394,7,0.023,8,0.731,16,1.234,17,1.332,18,2.1,21,2.071,25,0.17,26,0.178,38,2.251,42,3.657,44,3.775,49,0.702,50,2.646,51,0.387,76,3.603,85,2.899,92,1.452,94,5.448,97,1.983,123,3.598,132,1.706,134,2.315,139,4.533,142,2.133,152,1.11,176,0.673,177,1.199,189,1.901,197,0.954,205,2.539,249,1.205,254,2.077,274,5.573,276,2.838,278,2.408,287,2.381,292,1.764,295,2.505,308,3.774,310,2.38,323,1.533,343,1.901,361,2.449,383,2.791,396,2.414,419,2.563,420,2.8,448,2.877,449,1.733,488,1.533,506,3.299,508,2.322,509,3.225,521,3.728,525,5.236,540,1.205,551,3.728,552,4.876,553,1.381,622,3.417,654,2.401,655,3.774,656,1.794,657,3.093,663,4.023,667,1.829,683,3.079,715,5.378,737,2.725,742,2.251,750,4.582,752,2.077,843,2.028,953,1.18,974,1.533,980,1.795,987,3.585,1005,1.258,1008,1.983,1009,3.547,1051,1.975,1052,1.471,1055,2.347,1067,4.033,1068,1.18,1069,1.18,1084,2.077,1183,3.397,1237,4.875,1341,1.677,1342,4.164,1346,2.401,1375,1.901,1459,1.829,1460,1.983,1461,1.625,1550,3.149,1656,3.047,1666,2.492,1669,2.485,1695,3.149,1776,2.251,1799,3.141,2005,1.829,2047,2.077,2146,3.547,2200,3.079,2420,2.028,2424,5.648,2429,2.13,2430,2.13,2433,3.307,2436,3.079,2437,3.307,2439,2.13,2440,2.13,2441,2.13,2470,3.225,2471,3.307,2472,3.225,2473,2.13,2474,2.13,2475,3.307,2476,2.13,2477,2.13,2496,2.077,2533,3.397,2549,3.728,2652,3.397,2655,5.957,2897,4.944,2954,2.598,3025,4.57,3049,2.401,3696,2.13,3697,5.969,3698,3.495,3699,3.495,3701,3.495,3702,4.829,3703,3.495,3704,5.534,3705,3.495,3706,3.495,3707,3.495,3709,2.401,3712,2.251,3714,3.495,3715,3.495,3716,3.495,3717,3.495,3718,4.829,3719,3.495,3720,4.829,3721,4.829,3722,3.495,3723,4.829,3724,3.495,3725,3.495,3726,3.495,3727,3.495,3728,3.495,3729,5.378,3730,5.902,3731,4.829,3732,3.495,3733,5.229,3734,3.495,3735,2.251,3736,2.251,3737,2.251,3744,2.401,3746,3.728,3751,2.401,3752,2.401,3753,3.728,3754,2.401,3755,2.401,3756,2.401,3757,2.401,3760,2.598,3761,2.598,3762,2.598,3766,2.401,3773,2.401,3774,2.401,3778,3.728,3779,2.725,3783,2.725,3784,2.725,3785,2.725,3786,2.725,3787,2.725,3788,4.231,3789,2.725,3790,2.725,3791,2.725,3792,2.725,3796,2.725,3797,3.728,3800,3.728,3801,3.728,3802,3.728,3803,3.728,3806,2.13,3807,2.188,3808,2.188,3813,2.188,3814,2.188,3815,2.251,3816,2.251,3818,2.251,3819,2.251,3820,2.492,3969,5.186,3970,5.895,3971,3.098,3972,3.098,3973,3.098,3974,4.809,3975,3.098,3977,3.098,3979,3.098,3980,3.098,3982,3.098,3983,3.098,3984,3.098,3985,3.098,3986,3.098,3987,3.098,3988,4.033,3989,4.809,3991,2.884,3992,2.884,3993,3.421,3994,5.312,3995,3.421,3996,5.312,3997,3.421,3998,3.421,3999,3.421,4000,3.421,4001,3.421,4002,5.312,4003,2.725,4004,2.725,4005,2.725]],["t/638",[0,0.25,1,0.282,3,2.637,5,3.527,7,0.021,16,1.329,17,2.227,18,2.31,25,0.202,26,0.138,42,2.85,44,4.445,50,2.85,51,0.418,76,3.266,85,3.013,92,2.428,94,5.861,97,3.316,123,4.586,134,2.493,139,4.677,142,1.874,174,1.595,176,1.125,177,1.422,205,2.495,276,2.493,287,2.835,308,3.316,323,2.563,343,3.179,361,2.637,374,1.819,383,2.779,419,3.725,420,3.759,431,2.717,448,3.862,525,5.441,552,5.2,622,3.002,654,5.419,655,4.475,656,2.607,657,4.152,663,4.312,667,3.058,683,5.066,715,5.589,752,3.473,980,3.002,1068,1.972,1069,1.972,1237,5.066,1342,4.937,1351,3.658,1375,3.179,1428,3.764,1550,4.578,1695,4.578,1799,4.514,2005,3.058,2047,3.473,2420,3.392,2533,3.658,2652,3.658,2655,5.983,3025,4.807,3264,6.149,3696,3.562,3697,6.157,3698,3.764,3699,3.764,3701,3.764,3702,5.08,3703,3.764,3704,5.751,3705,3.764,3706,3.764,3707,3.764,3712,3.764,3714,3.764,3715,3.764,3716,3.764,3717,3.764,3718,5.08,3719,3.764,3720,5.08,3721,5.08,3722,3.764,3723,5.08,3724,3.764,3725,3.764,3726,3.764,3727,3.764,3728,3.764,3729,5.589,3731,3.764,3732,3.764,3733,3.764,3734,5.08,3735,3.764,3736,3.764,3737,3.764,3739,4.015,3820,5.623,3965,6.636,3966,5.179,3967,5.179,3969,4.556]],["t/640",[0,0.259,1,0.284,7,0.023,8,1.676,21,2.813,42,3.909,44,4.488,49,0.904,51,0.243,85,3.05,92,2.487,97,3.396,123,2.871,132,2.52,147,1.59,152,1.9,174,1.634,176,1.152,177,1.74,189,4.915,191,2.783,198,4.359,276,2.553,278,2.378,287,2.545,295,3.403,299,3.647,343,5.25,374,3.224,417,4.193,419,3.785,420,3.374,431,3.727,448,3.466,449,2.968,481,6.881,506,4.481,540,2.063,553,3.166,622,3.074,655,5.127,656,2.987,657,4.488,683,3.396,750,5.147,752,3.557,843,3.473,953,2.02,987,4.142,1051,3.513,1052,2.519,1055,2.588,1057,2.919,1068,2.02,1069,2.02,1084,3.557,1183,5.017,1210,4.448,1341,2.871,1459,3.131,1460,3.396,1461,2.783,1576,4.939,1669,3.671,1799,4.267,2005,3.131,2146,4.819,2200,3.396,2424,6.551,2429,3.647,2430,3.647,2433,4.884,2436,3.396,2437,4.884,2439,3.647,2440,3.647,2441,3.647,2470,4.763,2471,4.884,2472,4.763,2473,3.647,2474,3.647,2475,4.884,2476,3.647,2477,3.647,2496,3.557,2649,5.506,3696,3.647,3806,3.647,3807,3.746,3808,3.746,3813,3.746,3814,3.746,3815,3.855,3816,3.855,3817,4.267,3818,3.855,3819,3.855,4006,5.304]],["t/642",[0,0.238,1,0.266,3,1.666,5,2.236,7,0.023,8,1.184,16,0.839,17,2.157,18,1.997,20,0.682,21,2.143,25,0.145,26,0.134,42,1.8,44,3.871,49,0.823,50,2.761,51,0.384,73,1.666,76,3.503,85,2.809,92,1.534,94,5.553,97,2.095,118,2.194,123,3.994,125,2.311,132,1.78,134,1.575,139,4.532,152,1.172,155,0.955,161,1.458,174,2.107,176,0.711,177,1.241,189,2.008,205,2.621,254,2.194,276,2.415,278,1.095,287,2.643,292,1.863,295,2.593,299,3.45,308,4.379,310,2.482,323,2.482,343,2.008,360,2.555,361,1.666,374,2.403,383,2.143,400,2.143,419,2.673,420,3.504,431,3.589,448,3.338,449,1.831,490,2.632,506,3.414,508,2.452,509,3.364,525,4.196,540,1.272,552,4.778,553,1.458,575,2.311,622,3.965,654,2.536,655,3.906,656,1.871,657,3.201,663,4.026,667,1.932,683,4.379,695,2.095,715,4.309,750,4.684,752,2.194,843,2.143,953,1.91,980,1.896,987,4.016,1009,3.671,1051,2.809,1052,1.554,1055,2.448,1057,1.8,1068,1.246,1069,1.246,1084,2.194,1090,4.671,1183,3.543,1237,3.906,1341,1.771,1342,4.309,1351,2.311,1375,2.008,1428,2.378,1459,1.932,1460,2.095,1461,1.717,1550,3.995,1656,1.691,1669,2.593,1695,3.995,1776,2.378,1799,4.148,2005,1.932,2047,3.364,2144,2.536,2146,3.671,2200,3.212,2420,2.143,2424,5.749,2429,2.25,2430,2.25,2433,3.45,2436,2.095,2437,3.45,2439,2.25,2440,2.25,2441,2.25,2470,3.364,2471,3.45,2472,3.364,2473,2.25,2474,2.25,2475,3.45,2476,2.25,2477,2.25,2496,2.194,2533,3.543,2652,3.543,2655,6.179,2798,2.536,2872,4.671,3025,3.45,3696,2.25,3697,4.972,3698,2.378,3699,2.378,3701,3.646,3702,4.972,3703,3.646,3704,5.361,3705,3.646,3706,3.646,3707,3.646,3708,2.878,3709,3.889,3710,2.878,3711,2.878,3712,2.378,3714,3.646,3715,3.646,3716,3.646,3717,3.646,3718,4.434,3719,3.646,3720,4.434,3721,4.434,3722,2.378,3723,3.646,3724,2.378,3725,2.378,3726,2.378,3727,3.646,3728,3.646,3729,4.309,3730,4.729,3731,3.646,3732,2.378,3733,4.434,3734,4.434,3735,2.378,3736,2.378,3737,2.378,3738,2.744,3739,2.536,3741,2.744,3742,2.744,3743,2.744,3744,2.536,3746,3.889,3751,2.536,3752,2.536,3753,3.889,3754,2.536,3755,2.536,3756,2.536,3757,3.889,3760,2.744,3761,2.744,3762,2.744,3766,2.536,3773,2.536,3774,2.536,3778,2.536,3797,2.536,3800,2.536,3801,2.536,3802,2.536,3803,2.536,3806,2.25,3807,2.311,3808,2.311,3809,2.744,3810,2.744,3811,2.744,3812,2.744,3813,2.311,3814,2.311,3815,2.378,3816,2.378,3817,2.632,3818,2.378,3819,2.378,3820,2.632,3965,5.737,3968,3.047,3988,2.744,4003,2.878,4004,2.878,4005,2.878,4007,3.047,4008,4.671,4009,3.272,4010,3.614,4011,3.047,4012,3.614,4013,3.272,4014,5.017,4015,5.017,4016,5.017,4017,5.017,4018,3.272,4019,3.047,4020,5.541,4021,3.047,4022,3.047,4023,3.047,4024,3.047,4025,3.047,4026,3.047,4027,3.047,4028,3.614]],["t/644",[0,0.239,1,0.267,3,1.698,5,1.486,7,0.023,8,1.201,16,0.855,17,2.189,18,2.017,20,0.695,21,2.168,25,0.147,26,0.165,42,1.835,44,3.904,49,0.829,50,2.801,51,0.386,73,1.698,76,3.524,85,2.833,92,1.563,94,5.571,97,2.135,118,2.236,123,4.028,125,2.355,132,1.805,134,1.605,139,4.551,152,1.195,155,0.973,161,1.486,174,2.128,176,0.724,177,1.256,189,2.047,198,4.24,205,2.59,254,2.236,276,2.45,278,1.116,287,2.665,292,1.898,295,2.624,299,3.5,308,4.423,310,2.519,323,3.055,343,2.047,361,1.698,374,2.427,383,2.168,400,2.184,419,2.712,420,3.534,431,1.749,448,3.371,449,1.866,490,2.682,506,3.454,508,2.499,509,3.413,525,4.245,540,1.297,552,4.813,553,1.486,575,2.355,622,4.004,654,2.585,655,3.952,656,1.899,657,3.239,663,4.084,667,1.968,683,4.423,695,2.135,715,4.36,750,4.719,752,2.236,843,2.184,953,1.938,980,1.933,987,3.89,1009,3.715,1051,2.837,1052,1.584,1055,2.484,1057,1.835,1068,1.27,1069,1.27,1084,2.236,1183,3.595,1237,3.952,1341,1.805,1342,4.36,1351,2.355,1375,2.047,1428,2.423,1459,1.968,1460,2.135,1461,1.749,1550,4.042,1656,1.723,1669,2.63,1695,4.042,1776,2.423,1799,4.179,2005,1.968,2047,3.413,2144,2.585,2146,3.715,2200,3.259,2420,2.184,2424,5.784,2429,2.293,2430,2.293,2433,3.5,2436,2.135,2437,3.5,2439,2.293,2440,2.293,2441,2.293,2470,3.413,2471,3.5,2472,3.413,2473,2.293,2474,2.293,2475,3.5,2476,2.293,2477,2.293,2496,2.236,2533,3.595,2652,3.595,2655,6.211,2798,2.585,3025,3.5,3696,2.293,3697,5.021,3698,2.423,3699,2.423,3701,3.699,3702,5.021,3703,3.699,3704,5.407,3705,3.699,3706,3.699,3707,3.699,3708,2.933,3709,3.945,3710,2.933,3711,2.933,3712,2.423,3714,3.699,3715,3.699,3716,3.699,3717,3.699,3718,4.486,3719,3.699,3720,4.486,3721,4.486,3722,2.423,3723,3.699,3724,2.423,3725,2.423,3726,2.423,3727,3.699,3728,3.699,3729,4.36,3730,4.785,3731,3.699,3732,2.423,3733,4.486,3734,4.486,3735,2.423,3736,2.423,3737,2.423,3738,2.796,3739,2.585,3741,2.796,3742,2.796,3743,2.796,3744,2.585,3746,3.945,3751,2.585,3752,2.585,3753,3.945,3754,2.585,3755,2.585,3756,2.585,3757,3.945,3766,2.585,3773,2.585,3774,2.585,3778,2.585,3797,2.585,3800,2.585,3801,2.585,3802,2.585,3803,2.585,3806,2.293,3807,2.355,3808,2.355,3809,2.796,3810,2.796,3811,2.796,3812,2.796,3813,2.355,3814,2.355,3815,2.423,3816,2.423,3817,2.682,3818,2.423,3819,2.423,3820,2.682,3965,5.794,3968,3.105,3988,2.796,4003,2.933,4004,2.933,4005,2.933,4007,3.105,4008,4.739,4009,3.334,4011,3.105,4019,3.105,4021,3.105,4022,3.105,4023,3.105,4024,3.105,4025,3.105,4026,3.105,4027,3.105,4029,3.683,4030,3.683,4031,3.683,4032,5.622,4033,3.683]],["t/646",[0,0.26,1,0.284,7,0.023,8,1.671,21,2.806,42,3.896,44,4.671,49,0.902,51,0.242,85,3.042,92,2.475,97,3.379,123,2.858,132,2.511,147,1.583,152,1.891,176,1.147,177,1.737,189,4.903,191,2.769,198,4.903,276,2.541,278,2.674,287,2.536,295,3.395,299,3.63,343,5.24,374,3.219,417,4.18,419,3.773,420,3.363,431,3.715,448,3.455,449,2.954,481,6.867,506,4.471,540,2.053,553,3.156,622,3.059,655,5.115,656,2.98,657,4.479,683,3.379,750,5.137,752,3.54,843,3.457,953,2.01,987,4.136,1051,3.506,1052,2.507,1055,2.576,1057,2.905,1068,2.01,1069,2.01,1084,3.54,1183,5,1210,4.427,1341,2.858,1459,3.116,1460,3.379,1461,2.769,1576,4.915,1669,3.659,1799,4.257,2005,3.116,2146,4.807,2200,3.379,2424,6.544,2429,3.63,2430,3.63,2433,4.869,2436,3.379,2437,4.869,2439,3.63,2440,3.63,2441,3.63,2470,4.748,2471,4.869,2472,4.748,2473,3.63,2474,3.63,2475,4.869,2476,3.63,2477,3.63,2496,3.54,2649,5.488,3696,3.63,3806,3.63,3807,3.728,3808,3.728,3813,3.728,3814,3.728,3815,3.836,3816,3.836,3817,4.246,3818,3.836,3819,3.836,4006,5.278]],["t/648",[0,0.157,1,0.1,7,0.023,18,0.942,20,2.007,28,2.296,40,1.041,41,1.696,49,0.852,51,0.148,73,1.643,76,1.156,85,3.071,92,1.513,143,1.192,176,0.701,177,1.231,191,2.604,197,1.529,210,1.168,211,2.039,218,2.456,220,3.414,222,3.444,229,4.989,286,3.785,287,2.889,295,3.538,311,3.237,317,2.8,324,1.905,331,3.969,351,2.279,354,1.252,383,2.575,408,2.419,429,3.027,435,2.877,448,1.575,475,2.826,481,3.993,509,2.164,540,2.353,541,3.19,553,1.438,562,4.113,604,2.596,615,3.414,622,4.249,626,6.981,656,3.105,663,1.421,704,3.721,708,6.456,713,3.848,745,2.826,961,5.24,966,1.404,967,1.388,972,1.554,973,2.39,974,2.456,990,4.163,993,4.367,995,3.721,997,3.506,1000,3.178,1002,4.622,1004,4.367,1005,3.144,1006,3.825,1048,3.578,1051,3.18,1052,3.677,1053,4.591,1055,3.935,1068,1.229,1087,2.066,1105,2.596,1187,2.839,1328,5.861,1349,2.419,1387,2.706,1409,3.571,1410,3.873,1411,4.396,1412,3.251,1413,3.993,1414,4.367,1415,4.163,1483,3.848,1540,3.227,1624,4.163,1656,4.167,1667,2.596,1669,1.668,1683,5.633,1685,3.227,1688,3.005,1690,3.227,1696,5.09,1727,5.696,1729,3.227,1747,2.164,1933,3.005,1992,3.227,2001,7.331,2002,3.227,2003,6.049,2018,6.228,2023,9.719,2200,2.066,2202,3.005,2205,2.706,2496,2.164,2829,4.163,3806,2.219,3809,2.706,3958,3.227,3962,3.227,3964,3.227,4034,3.565,4035,9.517,4036,5.483,4037,3.565,4038,5.483,4039,5.483,4040,5.483,4041,5.483,4042,5.483,4043,5.483,4044,5.483,4045,5.483,4046,5.483,4047,5.483,4048,5.483,4049,8.907,4050,3.565,4051,3.565,4052,3.565,4053,3.565,4054,3.565,4055,3.565,4056,3.565,4057,5.483,4058,5.483,4059,3.565,4060,3.565,4061,3.565]],["t/650",[0,0.266,1,0.272,7,0.016,9,0.241,10,0.304,11,0.251,12,0.246,13,0.273,14,0.352,15,0.268,25,0.27,26,0.198,33,0.635,37,0.285,39,2.631,40,2.83,68,3.477,154,1.707,157,2.854,161,3.306,175,2.436,179,0.312,239,1.825,326,4.15,354,1.871,358,5.858,367,4.974,370,4.974,682,0.694]],["t/652",[0,0.231,1,0.263,3,1.756,5,3.366,7,0.023,8,0.814,16,0.885,17,2.245,18,2.205,21,2.214,25,0.151,26,0.14,42,1.898,44,3.688,49,0.84,50,2.874,51,0.399,76,3.526,85,2.677,92,1.617,94,5.604,97,2.208,123,3.806,132,1.852,134,2.514,139,4.64,152,1.236,176,0.749,177,1.282,189,2.117,205,2.613,254,2.313,276,3.034,278,1.154,287,2.258,292,1.964,295,2.678,308,4.035,310,2.584,323,1.707,343,2.117,360,2.659,361,2.659,374,2.214,383,2.214,419,2.783,420,2.994,448,3.076,449,1.93,506,3.527,508,2.585,509,3.502,525,4.334,540,1.341,552,5.066,553,1.537,622,3.653,655,2.208,656,1.948,657,3.307,663,4.07,667,2.036,683,4.035,715,4.451,750,4.781,752,2.313,843,2.259,953,1.313,980,1.999,987,4.003,1009,3.792,1051,2.145,1052,1.638,1055,2.549,1069,1.313,1084,2.313,1090,4.863,1183,3.688,1237,5.087,1341,1.867,1342,4.451,1351,2.436,1375,2.117,1428,2.507,1459,2.036,1460,2.208,1461,1.81,1550,3.42,1656,1.782,1669,2.699,1695,3.42,1776,2.507,1799,3.746,2005,2.036,2047,2.313,2146,3.792,2200,3.343,2420,2.259,2424,5.845,2429,2.372,2430,2.372,2433,3.591,2436,2.208,2437,3.591,2439,2.372,2440,2.372,2441,2.372,2470,3.502,2471,3.591,2472,3.502,2473,2.372,2474,2.372,2475,3.591,2476,2.372,2477,2.372,2496,2.313,2533,3.688,2652,3.688,2655,6.146,2872,4.863,3025,3.591,3696,2.372,3697,5.109,3698,2.507,3699,2.507,3701,3.795,3702,5.109,3703,3.795,3704,5.775,3705,3.795,3706,3.795,3707,3.795,3709,2.673,3712,2.507,3714,3.795,3715,3.795,3716,3.795,3717,3.795,3718,5.109,3719,3.795,3720,5.109,3721,5.109,3722,3.795,3723,5.109,3724,3.795,3725,3.795,3726,3.795,3727,3.795,3728,3.795,3729,4.451,3730,4.885,3731,3.795,3732,2.507,3733,4.58,3734,3.795,3735,2.507,3736,2.507,3737,2.507,3739,2.673,3744,2.673,3746,4.048,3751,2.673,3752,2.673,3753,4.048,3754,2.673,3755,2.673,3756,2.673,3757,2.673,3760,2.892,3761,2.892,3762,2.892,3766,2.673,3773,2.673,3774,2.673,3778,2.673,3797,2.673,3800,2.673,3801,2.673,3802,2.673,3803,2.673,3806,2.372,3807,2.436,3808,2.436,3813,2.436,3814,2.436,3815,2.507,3816,2.507,3818,2.507,3819,2.507,3965,5.285,3969,3.034,3988,2.892,3991,3.211,3992,3.211,4003,3.034,4004,3.034,4005,3.034,4007,3.211,4008,4.863,4011,3.211,4013,3.449,4014,5.222,4015,5.222,4016,5.222,4017,5.222,4018,3.449,4019,3.211,4021,3.211,4022,3.211,4023,3.211,4024,3.211,4025,3.211,4026,3.211,4027,3.211,4062,3.81,4063,3.81,4064,3.81,4065,5.768,4066,3.81]],["t/654",[0,0.04,1,0.083,7,0.022,8,1.449,16,1.576,19,0.267,23,0.167,28,1.767,30,4.674,32,1.575,33,0.194,39,0.544,40,0.495,41,1.766,49,0.516,51,0.345,60,1.54,73,1.368,76,1.75,85,1.637,92,0.72,132,1.906,141,0.924,142,1.555,143,0.992,176,0.334,177,0.547,183,2.363,197,0.827,205,1.266,208,0.544,210,2.917,211,2.377,216,3.191,218,1.329,219,1.116,221,1.116,222,1.529,223,1.116,224,0.962,225,1.116,232,0.983,255,1.649,275,1.084,279,1.056,286,3.531,287,2.406,288,3.371,292,0.874,294,2.463,295,2.459,309,0.942,311,2.704,317,2.678,329,0.818,331,2.644,341,0.859,345,1.15,350,3.061,354,1.084,355,5.388,361,2.189,389,1.056,390,2.405,396,2.697,399,3.436,429,2.395,448,1.311,473,3.88,474,0.942,475,1.529,478,3.88,488,2.127,494,2.776,516,1.637,519,2.082,540,2.508,541,0.668,544,1.683,553,2.737,571,1.084,611,5.225,613,4.297,614,4.298,615,2.463,616,2.686,617,2.686,618,7.278,619,3.151,620,3.359,621,3.786,624,1.056,625,1.084,632,3.332,638,1.535,650,1.056,656,3.007,661,1.649,663,2.548,668,2.363,686,1.084,729,3.608,750,0.924,758,7.353,759,9.346,760,1.535,761,10.211,764,1.535,865,1.235,953,1.86,959,1.429,961,1.649,963,1.19,966,2.806,967,2.641,968,3.298,969,3.172,972,2.587,973,2.352,974,3.039,979,2.781,980,1.557,981,1.19,982,2.161,985,2.939,987,3.994,1005,3.274,1006,3.426,1007,1.029,1024,2.405,1027,1.429,1028,2.161,1048,2.384,1051,3.263,1052,1.701,1053,2.039,1055,1.748,1057,0.845,1068,0.585,1069,0.585,1073,1.429,1079,1.529,1080,1.557,1081,3.54,1082,0.924,1120,1.084,1125,1.19,1167,0.983,1169,1.084,1184,0.89,1217,1.759,1229,2.253,1252,1.429,1285,1.029,1340,1.287,1341,0.831,1350,2.253,1353,1.535,1387,1.287,1393,2.082,1395,2.776,1396,2.039,1397,1.287,1398,1.15,1409,3.416,1410,1.72,1411,1.952,1412,1.005,1413,1.235,1417,2.686,1418,1.235,1426,3.582,1427,3.124,1430,1.19,1435,2.776,1447,3.276,1450,5.718,1454,4.76,1455,1.084,1459,3.625,1461,1.409,1462,3.44,1466,1.535,1470,2.082,1487,2.198,1489,1.847,1541,1.15,1549,1.429,1550,1.005,1578,1.287,1583,1.056,1584,1.056,1618,1.897,1624,2.253,1625,2.363,1626,2.686,1627,2.198,1656,1.388,1658,2.161,1725,1.116,1772,1.429,2000,1.235,2119,1.535,2159,3.151,2214,2.686,2243,1.235,2358,3.151,2420,1.005,2519,2.161,2550,1.35,2639,2.082,2671,1.535,2673,2.082,2798,1.19,2848,2.685,3191,2.082,3198,1.535,3282,1.235,3283,1.235,3284,2.161,3285,1.235,3286,1.235,3287,2.161,3289,1.287,3290,1.235,3291,2.776,3292,3.332,3296,2.881,3309,1.287,3330,1.35,3347,3.004,3409,1.287,3411,2.253,3417,1.287,3418,1.287,3419,3.781,3420,2.363,3422,1.287,3423,2.253,3427,2.253,3503,3.151,3511,3.151,3526,2.161,3575,2.501,3576,5.388,3577,1.429,3578,4.002,3579,1.429,3580,1.429,3581,1.429,3582,4.002,3583,1.429,3584,4.548,3585,1.429,3586,1.429,3587,3.335,3588,1.429,3589,4.002,3590,1.429,3591,1.429,3592,1.429,3593,1.429,3594,1.429,3595,1.429,3596,1.429,3597,1.429,3598,1.429,3599,1.429,3600,1.429,3601,4.002,3602,2.501,3603,1.535,3604,1.429,3605,1.429,4067,1.695,4068,1.695,4069,1.695,4070,1.695,4071,2.967,4072,2.967,4073,1.695,4074,1.695,4075,1.695,4076,1.695,4077,1.695,4078,1.695,4079,1.695,4080,1.695,4081,1.695,4082,11.122,4083,1.695,4084,1.695,4085,2.967,4086,1.695,4087,3.956,4088,3.582,4089,1.695,4090,4.748,4091,5.395,4092,9.997,4093,9.893,4094,9.997,4095,9.997,4096,9.997,4097,1.695,4098,1.695,4099,1.695,4100,1.695,4101,1.695,4102,1.695,4103,7.681,4104,1.695,4105,1.695,4106,1.695,4107,1.695,4108,1.695,4109,1.695,4110,2.967,4111,3.956,4112,2.967,4113,3.956,4114,2.967,4115,1.695,4116,2.967,4117,1.695,4118,1.695,4119,3.956,4120,1.695,4121,2.967,4122,1.695,4123,3.956,4124,4.748,4125,1.695,4126,1.695,4127,1.695,4128,1.695,4129,1.695,4130,3.956,4131,1.695,4132,1.695,4133,1.695,4134,2.967,4135,1.695,4136,1.695,4137,1.695,4138,1.695,4139,3.956,4140,1.695,4141,1.695,4142,1.695,4143,1.695,4144,1.695,4145,1.695,4146,1.695,4147,1.695,4148,1.695,4149,1.695,4150,1.695,4151,1.695,4152,1.695,4153,1.695,4154,1.695,4155,1.695,4156,1.695,4157,1.695,4158,1.695,4159,1.535,4160,1.695,4161,1.695,4162,3.956,4163,1.695,4164,1.695,4165,7.914,4166,7.914,4167,1.695,4168,2.967,4169,1.695,4170,1.695,4171,1.695,4172,1.695,4173,1.695,4174,1.695,4175,1.695,4176,1.695,4177,1.695,4178,1.695,4179,1.695,4180,1.695,4181,1.695,4182,1.695,4183,1.695,4184,1.695,4185,1.695,4186,1.695,4187,1.695,4188,1.695,4189,1.695,4190,1.695,4191,1.695,4192,1.695,4193,1.695,4194,1.695]],["t/656",[0,0.046,1,0.173,5,2.242,7,0.023,8,1.254,16,0.775,21,3.333,22,0.48,28,0.22,41,1.164,49,1.049,51,0.256,76,1.564,85,2.121,86,1.151,92,1.863,93,2.665,121,0.642,132,2.564,138,2.699,139,0.48,140,0.565,142,1.923,143,2.056,144,1.996,145,1.447,152,1.904,162,2.431,172,0.77,173,4.553,174,2.594,176,0.208,177,1.024,183,0.938,191,0.922,197,0.931,198,3.088,202,4.122,205,0.518,208,1.785,210,1.277,211,1.632,212,0.742,218,2.489,229,1.911,247,1.889,267,0.422,276,0.846,286,3.056,287,1.264,292,1.388,295,4.225,309,0.587,311,0.684,317,3.53,330,3.132,350,2.49,352,4.392,354,0.762,377,3.49,390,1.975,414,4.596,417,1.439,423,2.328,428,0.842,429,1.086,431,2.64,436,0.587,448,1.722,449,2.64,466,2.09,472,0.545,475,0.545,478,3.563,494,1.889,506,5.512,511,0.803,516,2.299,537,2.916,540,2.717,541,2.423,552,0.587,553,3.27,568,0.803,599,1.596,607,0.891,608,1.961,621,0.742,623,2.431,625,0.676,656,3.159,657,3.731,661,0.587,745,3.171,750,5.868,843,2.602,952,4.684,953,2.21,958,0.676,966,0.765,967,1.048,972,0.461,973,0.461,985,1.058,987,3.647,1005,2.158,1006,2.258,1007,1.179,1048,0.467,1051,3.133,1052,2.524,1055,2.593,1057,0.527,1068,0.365,1069,0.365,1081,1.699,1087,1.934,1088,0.891,1117,1.179,1119,1.363,1120,1.242,1122,0.803,1125,1.363,1162,1.546,1172,1.242,1184,0.555,1210,0.803,1242,0.842,1341,2.554,1352,0.842,1360,1.474,1386,2.044,1396,0.545,1397,0.803,1427,0.696,1459,2.346,1460,2.544,1461,0.922,1462,1.934,1609,0.658,1669,3.675,1745,0.842,1805,0.891,1994,6.32,1995,0.803,2000,0.77,2018,2.839,2146,5.952,2147,1.474,2200,0.613,2238,0.803,2318,0.842,2416,1.546,2417,1.758,2419,0.891,2420,0.627,2421,1.758,2422,3.529,2423,3.974,2424,6.967,2425,0.957,2426,0.957,2427,1.758,2428,1.637,2429,3.244,2430,3.654,2433,4.89,2436,3.402,2437,4.89,2439,3.654,2440,3.654,2441,3.654,2442,6.987,2443,5.031,2444,5.031,2445,5.031,2446,5.313,2447,7.795,2448,5.313,2454,5.031,2455,5.313,2456,8.37,2457,5.031,2458,5.031,2459,5.031,2460,0.957,2470,3.891,2471,3.99,2472,3.891,2473,2.733,2474,2.733,2475,3.99,2476,2.733,2477,2.733,2478,3.529,2479,3.529,2480,4.367,2481,4.367,2482,4.367,2484,0.891,2485,0.842,2486,0.957,2487,0.957,2706,2.813,2710,5.313,2848,2.265,3767,0.891,3807,1.722,3808,3.753,3813,3.753,3814,3.753,4088,1.758,4159,2.437,4195,1.057,4196,3.337,4197,3.337,4198,3.337,4199,3.337,4200,1.057,4201,1.057,4202,1.057,4203,1.057,4204,3.337,4205,1.057,4206,1.057,4207,8.325,4208,1.057,4209,1.057,4210,1.057,4211,1.942,4212,1.942,4213,1.942,4214,1.942,4215,1.057,4216,1.942,4217,1.057,4218,1.057,4219,1.057,4220,1.942,4221,1.057,4222,1.057,4223,1.057,4224,3.337,4225,1.942,4226,1.942]],["t/658",[0,0.169,7,0.023,16,1.67,41,1.642,51,0.372,53,3.608,57,2.706,73,2.377,85,2.854,86,4.263,133,4.425,135,5.415,136,5.028,176,1.014,177,1.525,183,2.505,184,2.138,197,2.005,210,2.712,211,1.917,215,4.079,216,4.671,241,2.613,248,2.989,267,2.867,286,3.627,287,2.332,309,2.865,311,1.816,344,2.989,354,1.642,400,3.057,436,3.996,540,1.816,541,4.022,656,2.428,682,0.437,683,2.989,684,4.347,687,4.107,688,4.669,689,4.107,690,4.107,691,8.109,692,8.109,695,2.989,953,2.854,966,2.031,967,2.799,979,3.706,980,3.773,1005,3.044,1006,3.185,1024,4.194,1051,3.906,1052,3.092,1053,3.706,1068,1.778,1069,1.778,1079,2.658,1080,2.706,1081,4.105,1082,2.809,1117,4.365,1223,7.554,1330,6.846,1627,5.421,1628,4.669,2158,9.39,2238,6.8,4227,5.157,4228,10.01,4229,5.157,4230,8.279,4231,8.279,4232,7.19,4233,7.19,4234,7.19,4235,8.279,4236,8.279,4237,10.372,4238,10.372,4239,8.279,4240,9.755,4241,9.755,4242,8.279,4243,5.157,4244,5.157,4245,5.157,4246,5.157,4247,7.19,4248,5.157,4249,8.279,4250,5.157]],["t/660",[0,0.011,1,0.007,5,2.758,7,0.023,8,0.723,12,0.014,15,0.008,16,0.25,17,0.261,19,1.44,20,0.044,23,0.045,25,0.012,26,0.076,28,0.445,30,0.096,33,0.03,37,0.103,41,1.059,44,0.11,49,1.063,51,0.036,56,3.263,65,1.004,73,2.049,76,1.098,78,0.346,85,1.866,92,1.677,94,0.358,96,0.235,102,1.92,109,0.363,115,0.138,119,0.163,121,0.276,122,0.363,123,0.114,125,0.291,132,1.541,141,0.126,142,0.149,152,3.094,153,0.132,160,0.487,162,0.146,166,2.18,169,0.138,172,0.332,176,0.046,177,1.081,183,0.569,188,0.27,191,0.858,193,0.163,197,0.456,198,2.666,208,2.458,210,1.818,211,3.917,215,0.258,216,0.986,218,0.204,222,0.452,229,0.223,247,0.47,248,0.624,255,1.274,256,0.787,267,0.58,274,3.444,275,3.173,276,3.831,277,3.544,278,0.326,284,0.417,285,3.941,286,2.857,287,1.883,288,1.483,289,0.963,290,0.565,291,0.908,292,0.555,293,3.65,294,2.587,295,1.878,296,1.636,297,1.011,298,1.149,299,0.284,300,0.595,301,0.346,306,0.565,309,0.808,310,0.3,311,0.575,314,0.963,317,0.097,323,2.223,328,0.21,329,0.702,330,0.363,331,1.34,338,1.989,339,0.258,341,1.162,344,0.508,348,0.332,350,0.38,354,0.558,362,3.418,383,1.077,391,0.196,396,0.897,397,0.264,398,0.498,399,0.22,404,0.755,406,0.141,408,0.158,420,0.1,423,1.203,429,0.27,431,2.067,432,0.284,433,0.21,436,0.253,442,0.207,448,1.328,449,2.105,451,0.112,466,2.16,468,0.363,473,0.533,474,0.253,475,1.866,478,1.392,479,0.509,487,0.185,488,0.393,505,0.141,506,5.267,511,0.509,515,0.776,517,2.267,519,0.163,537,2.332,539,0.153,540,2.224,541,1.676,544,1.387,553,0.434,562,0.358,568,1.24,571,0.291,578,0.264,588,0.21,589,0.21,590,0.176,591,0.498,592,0.21,593,0.21,595,0.565,596,0.384,599,0.397,602,0.185,603,0.185,611,0.124,613,0.534,641,1.104,650,0.417,655,2.522,656,1.804,661,0.487,663,1.198,667,0.575,671,1.479,674,0.883,686,0.291,695,0.264,708,0.407,713,0.32,743,0.21,744,0.21,745,0.345,747,0.47,754,9.32,953,0.302,958,0.429,961,0.487,966,1.131,967,0.419,968,0.598,969,0.469,972,1.422,973,2.476,974,4.566,979,0.235,981,0.32,987,0.937,990,0.817,991,0.196,993,0.363,995,1.109,997,1.045,1000,0.843,1004,0.699,1005,1.99,1006,2.055,1008,0.135,1048,0.296,1051,3.074,1052,2.524,1053,1.101,1055,2.696,1057,0.983,1067,0.176,1068,0.08,1069,0.08,1070,0.148,1079,1.682,1080,1.712,1081,1.367,1082,1.565,1087,0.624,1106,0.755,1119,0.163,1123,0.21,1124,0.784,1125,4.201,1167,0.135,1169,0.148,1172,4.104,1182,0.21,1184,0.565,1239,0.332,1242,0.534,1285,0.77,1323,0.176,1328,1.075,1330,0.32,1340,7.819,1352,0.857,1366,0.27,1375,0.372,1384,0.196,1386,0.509,1387,0.176,1396,1.182,1409,0.243,1429,0.412,1434,0.185,1435,0.32,1447,2.055,1456,0.196,1485,2.214,1487,0.129,1488,2.315,1489,0.145,1519,0.534,1560,1.149,1570,0.196,1588,1.701,1589,0.699,1608,0.412,1609,0.417,1618,0.148,1627,2.309,1655,0.616,1656,1.212,1666,0.169,1669,3.364,1696,6.106,1721,0.363,1723,2.498,1724,2.498,1727,0.509,1779,0.153,1799,0.112,1801,0.908,1805,1.664,1806,3.052,1807,1.787,1808,0.363,1814,0.176,2000,0.169,2044,0.176,2203,4.343,2212,0.196,2236,0.616,2238,0.176,2242,3.821,2359,0.169,2366,0.21,2419,0.196,2420,0.27,2436,3.054,2472,0.141,2517,0.163,2534,0.607,2538,0.607,2539,0.21,2541,0.21,2542,0.384,2546,4.077,2549,0.163,2556,2.213,2557,0.21,2560,3.479,2561,0.21,2571,0.21,2630,0.412,2642,0.794,2703,0.185,2757,0.488,2758,0.488,2760,0.384,2811,0.176,2846,0.488,2924,0.509,3010,0.169,3058,0.794,3069,0.794,3070,0.21,3186,0.607,3189,0.607,3192,0.185,3202,0.794,3203,0.794,3230,4.107,3254,0.412,3269,0.21,3270,0.21,3271,0.21,3272,0.21,3273,0.21,3274,0.21,3275,0.794,3276,0.794,3278,0.794,3279,0.975,3281,1.149,3313,4.187,3321,0.794,3330,0.363,3369,0.639,3431,0.384,3526,0.169,3562,0.21,3609,1.149,3617,3.278,3729,0.291,4035,0.412,4251,0.232,4252,1.077,4253,0.455,4254,0.67,4255,0.232,4256,0.232,4257,1.807,4258,0.232,4259,0.232,4260,0.232,4261,0.455,4262,0.232,4263,0.455,4264,0.232,4265,0.232,4266,0.232,4267,0.232,4268,1.974,4269,0.455,4270,0.455,4271,0.455,4272,0.232,4273,0.232,4274,0.232,4275,0.232,4276,0.232,4277,0.455,4278,0.232,4279,0.232,4280,0.232,4281,0.232,4282,1.077,4283,0.232,4284,0.232,4285,0.232,4286,0.455,4287,0.232,4288,0.232,4289,0.232,4290,0.455,4291,0.232,4292,0.232,4293,10.911,4294,0.232,4295,0.232,4296,0.67,4297,0.232,4298,0.67,4299,0.455,4300,0.232,4301,0.455,4302,0.232,4303,0.232,4304,0.232,4305,0.877,4306,0.232,4307,8.434,4308,0.67,4309,1.454,4310,1.077,4311,1.077,4312,0.67,4313,3.621,4314,1.269,4315,0.232,4316,0.232,4317,1.077,4318,0.232,4319,0.232,4320,3.006,4321,0.232,4322,0.232,4323,0.232,4324,0.232,4325,0.232,4326,0.232,4327,0.232,4328,0.455,4329,4.054,4330,9.732,4331,5.987,4332,5.481,4333,5.616,4334,5.987,4335,4.254,4336,5.744,4337,5.341,4338,4.155,4339,5.481,4340,5.807,4341,4.444,4342,5.807,4343,5.412,4344,4.155,4345,5.412,4346,5.744,4347,4.444,4348,5.744,4349,5.481,4350,4.536,4351,10.086,4352,4.625,4353,4.625,4354,4.444,4355,8.822,4356,10.215,4357,4.444,4358,4.712,4359,4.962,4360,7.298,4361,4.797,4362,6.834,4363,4.962,4364,4.962,4365,4.797,4366,4.962,4367,4.962,4368,7.96,4369,5.412,4370,4.962,4371,6.611,4372,4.881,4373,6.747,4374,4.881,4375,4.881,4376,4.536,4377,4.536,4378,5.341,4379,4.536,4380,4.351,4381,4.054,4382,4.155,4383,4.155,4384,4.625,4385,0.455,4386,3.136,4387,0.232,4388,1.634,4389,2.293,4390,2.293,4391,2.293,4392,2.293,4393,2.293,4394,2.293,4395,3.843,4396,2.293,4397,2.293,4398,4.444,4399,8.806,4400,3.95,4401,3.843,4402,3.95,4403,3.843,4404,0.455,4405,0.232,4406,0.877,4407,0.232,4408,3.385,4409,2.872,4410,1.077,4411,0.455,4412,0.877,4413,0.67,4414,0.455,4415,0.877,4416,1.269,4417,1.077,4418,1.269,4419,0.455,4420,1.077,4421,0.232,4422,0.455,4423,1.077,4424,1.077,4425,0.455,4426,0.877,4427,2.591,4428,0.455,4429,0.455,4430,3.136,4431,3.136,4432,0.455,4433,4.962,4434,4.962,4435,0.877,4436,0.455,4437,0.455,4438,1.634,4439,0.455,4440,0.455,4441,0.877,4442,0.455,4443,0.455,4444,0.455,4445,0.877,4446,0.455,4447,0.877,4448,0.455,4449,0.455,4450,0.455,4451,0.455,4452,0.877,4453,0.455,4454,0.455,4455,0.455,4456,0.455,4457,0.232,4458,0.232,4459,0.232,4460,0.232,4461,0.232,4462,0.232,4463,0.232,4464,0.232,4465,0.455,4466,0.232,4467,0.232,4468,0.232,4469,0.232,4470,0.455,4471,0.455,4472,1.077,4473,1.077,4474,1.077,4475,0.232,4476,0.232,4477,1.077,4478,0.232,4479,1.077,4480,1.077,4481,0.455,4482,1.077,4483,1.077,4484,0.455,4485,0.232,4486,0.455,4487,0.232,4488,0.232,4489,1.807,4490,0.67,4491,2.293,4492,0.455,4493,0.455,4494,3.136,4495,0.455,4496,0.455,4497,0.232,4498,0.455,4499,0.232,4500,0.232,4501,0.232,4502,0.232,4503,0.67,4504,0.455,4505,0.232,4506,0.232,4507,1.077,4508,0.232,4509,0.232,4510,0.232,4511,0.232,4512,0.232,4513,0.232,4514,0.232,4515,0.232,4516,0.232,4517,0.232,4518,0.232,4519,0.232,4520,0.232,4521,0.232,4522,0.232,4523,0.232,4524,0.232,4525,1.077,4526,0.455,4527,0.232,4528,0.232,4529,0.232,4530,0.455,4531,0.455,4532,0.455,4533,0.455,4534,0.232,4535,0.232,4536,0.232,4537,0.877,4538,0.232,4539,0.232,4540,0.232,4541,0.455,4542,1.807,4543,0.232,4544,0.232,4545,0.232,4546,0.232,4547,0.455,4548,0.232,4549,0.455,4550,0.232,4551,0.232,4552,0.232,4553,0.232,4554,0.455,4555,0.455,4556,0.232,4557,0.232,4558,0.232,4559,0.232,4560,0.232,4561,0.232,4562,0.232,4563,0.232,4564,0.232,4565,0.232,4566,0.455,4567,0.232,4568,0.877,4569,0.67,4570,0.67,4571,1.807,4572,0.67,4573,0.67,4574,0.455,4575,0.67,4576,0.67,4577,0.67,4578,0.67,4579,0.232,4580,0.232,4581,0.232,4582,0.232,4583,0.232,4584,0.232,4585,0.232,4586,0.232,4587,0.232,4588,0.232,4589,0.232,4590,0.232,4591,0.232,4592,0.67,4593,0.67,4594,0.67,4595,0.67,4596,2.591,4597,1.634,4598,0.455,4599,0.232,4600,0.232,4601,0.455,4602,0.455,4603,0.455,4604,0.455,4605,0.232,4606,0.232,4607,0.232,4608,0.232,4609,0.232,4610,0.232,4611,0.232,4612,0.232,4613,0.232,4614,0.232,4615,0.232,4616,0.232,4617,0.232,4618,0.232,4619,1.454,4620,1.077,4621,0.877,4622,0.455,4623,0.232,4624,0.232,4625,0.232,4626,0.232,4627,0.877,4628,0.232,4629,0.232,4630,0.232,4631,0.455,4632,0.232,4633,0.232,4634,0.232,4635,0.232,4636,0.232,4637,0.232,4638,0.232,4639,0.455,4640,0.232,4641,0.232,4642,0.232,4643,0.232,4644,0.232,4645,0.232,4646,0.232,4647,0.232,4648,0.232,4649,2.444,4650,0.877,4651,0.232,4652,1.077,4653,0.232,4654,0.455,4655,0.232,4656,0.232,4657,0.232,4658,1.974,4659,0.67,4660,0.67,4661,0.67,4662,0.877,4663,0.877,4664,0.877,4665,0.877,4666,0.877,4667,0.877,4668,0.877,4669,0.877,4670,0.877,4671,0.877,4672,0.877,4673,0.877,4674,0.877,4675,1.077,4676,0.877,4677,0.877,4678,0.877,4679,0.877,4680,0.877,4681,0.877,4682,0.877,4683,0.877,4684,0.877,4685,0.877,4686,0.877,4687,0.877,4688,0.877,4689,0.877,4690,0.877,4691,0.877,4692,0.877,4693,0.877,4694,0.877,4695,0.877,4696,0.877,4697,0.877,4698,0.877,4699,0.877,4700,0.877,4701,0.877,4702,0.877,4703,1.974,4704,0.67,4705,0.455,4706,0.877,4707,0.232,4708,0.232,4709,0.232,4710,2.136,4711,0.455,4712,0.455,4713,0.455,4714,0.455,4715,0.455,4716,0.455,4717,0.455,4718,0.455,4719,0.455,4720,0.455,4721,0.877,4722,0.455,4723,0.455,4724,0.877,4725,0.455,4726,0.455,4727,3.621,4728,1.634,4729,1.634,4730,0.877,4731,0.877,4732,0.455,4733,0.232,4734,0.232,4735,0.232,4736,0.232,4737,0.232,4738,0.232,4739,2.136,4740,1.974]]],"invertedIndex":[["",{"_index":7,"t":{"2":{"position":[[47,1],[392,1],[670,1],[963,1],[1280,1],[1548,1],[2027,1],[2788,1],[3171,1],[3386,1],[3671,1]]},"4":{"position":[[41,1]]},"6":{"position":[[40,1]]},"8":{"position":[[41,1]]},"10":{"position":[[41,1]]},"12":{"position":[[41,1],[306,1],[325,1],[343,1],[362,1],[388,1],[450,1],[469,1],[487,1],[506,1],[559,1],[585,1]]},"14":{"position":[[41,1]]},"16":{"position":[[38,1]]},"18":{"position":[[40,1]]},"20":{"position":[[38,1]]},"22":{"position":[[41,1]]},"24":{"position":[[37,1]]},"26":{"position":[[39,1]]},"28":{"position":[[37,1]]},"30":{"position":[[41,1]]},"32":{"position":[[39,1]]},"34":{"position":[[42,1]]},"36":{"position":[[42,1]]},"38":{"position":[[40,1]]},"40":{"position":[[41,1]]},"42":{"position":[[42,1]]},"44":{"position":[[41,1]]},"46":{"position":[[42,1]]},"48":{"position":[[42,1]]},"50":{"position":[[42,1]]},"52":{"position":[[42,1]]},"54":{"position":[[42,1]]},"56":{"position":[[41,1]]},"58":{"position":[[41,1]]},"60":{"position":[[41,1]]},"62":{"position":[[42,1]]},"64":{"position":[[41,1]]},"66":{"position":[[42,1]]},"68":{"position":[[39,1]]},"70":{"position":[[38,1]]},"72":{"position":[[39,1]]},"74":{"position":[[39,1],[338,1]]},"76":{"position":[[39,1]]},"78":{"position":[[39,1]]},"80":{"position":[[37,1]]},"82":{"position":[[37,1]]},"84":{"position":[[38,1]]},"86":{"position":[[38,1]]},"88":{"position":[[38,1]]},"90":{"position":[[37,1]]},"92":{"position":[[37,1]]},"94":{"position":[[37,1]]},"96":{"position":[[37,1]]},"98":{"position":[[38,1]]},"100":{"position":[[41,1]]},"102":{"position":[[41,1]]},"104":{"position":[[44,1]]},"106":{"position":[[42,1]]},"108":{"position":[[43,1]]},"110":{"position":[[42,1]]},"112":{"position":[[41,1],[727,1]]},"114":{"position":[[42,1]]},"116":{"position":[[42,1]]},"118":{"position":[[39,1],[379,1]]},"120":{"position":[[39,1],[333,1]]},"122":{"position":[[39,1]]},"124":{"position":[[36,1],[515,1]]},"126":{"position":[[42,1],[326,1],[755,1],[1003,1],[1293,1],[1578,1],[1830,1],[2049,1],[2269,1],[2576,1]]},"128":{"position":[[47,1],[840,1]]},"132":{"position":[[42,1],[290,1],[539,1],[788,1],[1237,1],[1547,1],[1816,1],[2105,1],[2364,1],[2693,1]]},"134":{"position":[[37,1],[234,1],[429,1],[627,1],[828,1],[1058,1],[1260,1],[1489,1],[1659,1],[1894,1]]},"136":{"position":[[38,1],[296,1],[595,1],[849,1],[1283,1],[1528,1],[1776,1],[2046,1],[2380,1],[2793,1]]},"138":{"position":[[41,1],[235,1]]},"140":{"position":[[42,1],[355,1],[695,1],[1010,1],[1272,1],[1543,1],[1817,1],[2015,1],[2219,1],[2423,1]]},"144":{"position":[[84,1]]},"146":{"position":[[91,1],[476,1],[901,1],[1335,1],[1607,1],[2057,1],[2346,1],[2620,1],[2818,1]]},"148":{"position":[[93,1],[440,1],[721,1]]},"150":{"position":[[85,1]]},"152":{"position":[[84,1],[464,1]]},"154":{"position":[[98,1]]},"156":{"position":[[94,1]]},"158":{"position":[[91,1],[436,1],[714,1],[1007,1],[1324,1],[1598,1],[1981,1],[2196,1],[2481,1],[2755,1]]},"160":{"position":[[95,1],[354,1],[683,1],[1089,1],[1402,1]]},"162":{"position":[[91,1]]},"164":{"position":[[101,1]]},"166":{"position":[[100,1],[506,1]]},"168":{"position":[[92,1],[498,1]]},"170":{"position":[[90,1],[339,1],[588,1]]},"172":{"position":[[99,1]]},"174":{"position":[[100,1]]},"176":{"position":[[97,1]]},"178":{"position":[[98,1]]},"180":{"position":[[92,1]]},"182":{"position":[[99,1]]},"184":{"position":[[95,1]]},"186":{"position":[[96,1]]},"188":{"position":[[93,1]]},"190":{"position":[[99,1]]},"192":{"position":[[94,1]]},"194":{"position":[[93,1],[499,1]]},"196":{"position":[[94,1]]},"198":{"position":[[98,1]]},"200":{"position":[[96,1]]},"202":{"position":[[93,1],[499,1]]},"204":{"position":[[103,1]]},"206":{"position":[[95,1]]},"208":{"position":[[91,1]]},"210":{"position":[[92,1],[339,1]]},"212":{"position":[[88,1],[517,1],[765,1],[1055,1],[1340,1],[1592,1],[1811,1],[2031,1],[2338,1],[2676,1]]},"214":{"position":[[82,1],[381,1],[635,1],[1069,1],[1314,1],[1562,1],[1832,1],[2166,1],[2579,1],[2926,1]]},"216":{"position":[[92,1]]},"218":{"position":[[86,1]]},"220":{"position":[[86,1],[335,1],[584,1],[1033,1],[1343,1],[1612,1],[1901,1],[2160,1],[2489,1],[2895,1]]},"222":{"position":[[99,1],[524,1],[958,1],[1231,1]]},"224":{"position":[[92,1]]},"226":{"position":[[112,1]]},"228":{"position":[[88,1]]},"230":{"position":[[100,1],[445,1],[723,1],[1016,1],[1333,1],[1607,1],[1990,1],[2205,1],[2490,1],[2764,1]]},"232":{"position":[[91,1],[390,1],[644,1],[1078,1],[1323,1],[1571,1],[1841,1],[2175,1],[2588,1],[2935,1]]},"234":{"position":[[97,1],[526,1],[774,1],[1064,1],[1349,1],[1601,1],[1820,1],[2040,1],[2347,1],[2685,1]]},"236":{"position":[[95,1],[344,1],[593,1],[1042,1],[1352,1],[1621,1],[1910,1],[2169,1],[2498,1],[2904,1]]},"238":{"position":[[95,1],[435,1],[750,1],[1012,1],[1283,1],[1557,1],[1755,1],[1959,1],[2163,1],[2347,1]]},"240":{"position":[[90,1],[285,1],[483,1],[684,1],[914,1],[1116,1],[1345,1],[1515,1],[1750,1],[1941,1]]},"242":{"position":[[94,1]]},"244":{"position":[[91,1]]},"246":{"position":[[87,1],[388,1]]},"248":{"position":[[89,1],[334,1],[603,1]]},"250":{"position":[[93,1]]},"252":{"position":[[91,1]]},"254":{"position":[[87,1]]},"256":{"position":[[93,1],[527,1],[778,1]]},"258":{"position":[[101,1]]},"260":{"position":[[97,1]]},"262":{"position":[[92,1],[505,1]]},"264":{"position":[[90,1],[389,1],[823,1],[1236,1]]},"266":{"position":[[91,1]]},"268":{"position":[[94,1]]},"270":{"position":[[89,1],[337,1],[627,1],[912,1],[1132,1],[1390,1],[1689,1],[1943,1],[2377,1],[2622,1]]},"272":{"position":[[92,1],[518,1],[803,1],[1055,1],[1276,1],[1615,1],[2028,1],[2374,1]]},"274":{"position":[[89,1],[367,1]]},"276":{"position":[[90,1],[339,1],[588,1]]},"278":{"position":[[92,1],[345,1]]},"280":{"position":[[92,1]]},"282":{"position":[[92,1]]},"284":{"position":[[89,1],[523,1],[936,1]]},"286":{"position":[[90,1]]},"288":{"position":[[94,1],[523,1]]},"290":{"position":[[86,1]]},"292":{"position":[[87,1]]},"294":{"position":[[90,1],[375,1],[809,1]]},"296":{"position":[[86,1],[523,1]]},"298":{"position":[[93,1]]},"300":{"position":[[86,1]]},"302":{"position":[[87,1],[429,1]]},"304":{"position":[[94,1],[519,1]]},"306":{"position":[[94,1],[439,1],[717,1],[1010,1],[1327,1],[1601,1],[1984,1],[2199,1],[2484,1],[2758,1]]},"308":{"position":[[87,1],[380,1],[697,1],[971,1],[1354,1],[1569,1],[1854,1],[2128,1],[2412,1],[2841,1]]},"310":{"position":[[89,1],[538,1]]},"312":{"position":[[89,1],[379,1],[664,1],[916,1],[1135,1],[1355,1],[1662,1],[2000,1],[2258,1],[2557,1]]},"314":{"position":[[89,1],[338,1],[587,1],[1036,1]]},"316":{"position":[[91,1],[520,1],[768,1],[1058,1],[1343,1],[1595,1],[1814,1],[2034,1],[2341,1],[2679,1]]},"318":{"position":[[85,1],[519,1],[764,1],[1012,1],[1282,1],[1616,1],[2029,1],[2376,1],[2624,1],[2873,1]]},"320":{"position":[[85,1]]},"322":{"position":[[92,1]]},"324":{"position":[[83,1],[328,1],[597,1]]},"326":{"position":[[85,1],[384,1],[638,1],[1072,1],[1317,1],[1565,1],[1835,1],[2169,1],[2582,1],[2929,1]]},"328":{"position":[[91,1],[436,1],[753,1],[1027,1]]},"330":{"position":[[90,1],[438,1],[708,1],[1009,1],[1343,1]]},"332":{"position":[[93,1]]},"334":{"position":[[87,1]]},"336":{"position":[[84,1],[369,1]]},"338":{"position":[[89,1]]},"340":{"position":[[85,1]]},"342":{"position":[[91,1]]},"344":{"position":[[85,1]]},"346":{"position":[[89,1],[367,1],[665,1]]},"348":{"position":[[80,1]]},"350":{"position":[[89,1],[401,1],[835,1]]},"352":{"position":[[86,1],[499,1]]},"354":{"position":[[84,1],[383,1],[817,1],[1230,1]]},"356":{"position":[[85,1]]},"358":{"position":[[92,1],[440,1]]},"360":{"position":[[83,1],[465,1],[750,1],[1024,1],[1308,1],[1738,1],[1936,1]]},"362":{"position":[[82,1]]},"364":{"position":[[89,1],[434,1],[712,1],[1029,1],[1411,1],[1696,1],[1969,1],[2217,1],[2507,1],[2792,1]]},"366":{"position":[[83,1],[361,1]]},"368":{"position":[[80,1],[384,1]]},"370":{"position":[[80,1],[338,1],[637,1],[891,1],[1325,1],[1570,1],[1987,1],[2236,1],[2486,1],[2682,1]]},"372":{"position":[[84,1]]},"374":{"position":[[92,1]]},"376":{"position":[[87,1]]},"378":{"position":[[85,1]]},"380":{"position":[[93,1],[518,1],[771,1]]},"382":{"position":[[84,1],[390,1],[590,1]]},"384":{"position":[[90,1],[437,1],[722,1],[998,1],[1424,1],[1709,1],[1961,1],[2182,1],[2521,1],[2934,1]]},"386":{"position":[[89,1]]},"388":{"position":[[88,1]]},"390":{"position":[[87,1],[399,1]]},"392":{"position":[[83,1],[517,1],[930,1],[1272,1],[1472,1]]},"394":{"position":[[85,1],[378,1],[695,1],[1078,1]]},"396":{"position":[[83,1],[344,1]]},"398":{"position":[[86,1],[281,1],[479,1]]},"400":{"position":[[88,1]]},"402":{"position":[[91,1]]},"404":{"position":[[86,1],[403,1]]},"406":{"position":[[90,1],[435,1]]},"408":{"position":[[92,1]]},"410":{"position":[[91,1],[441,1],[870,1]]},"412":{"position":[[92,1],[437,1]]},"414":{"position":[[89,1]]},"416":{"position":[[86,1],[355,1]]},"418":{"position":[[80,1],[376,1],[755,1]]},"420":{"position":[[88,1]]},"422":{"position":[[87,1]]},"424":{"position":[[84,1],[369,1],[803,1]]},"426":{"position":[[87,1]]},"428":{"position":[[83,1],[362,1]]},"430":{"position":[[81,1],[423,1],[670,1],[985,1]]},"432":{"position":[[87,1]]},"434":{"position":[[85,1]]},"436":{"position":[[83,1],[402,1],[827,1]]},"438":{"position":[[85,1]]},"440":{"position":[[85,1]]},"442":{"position":[[84,1]]},"444":{"position":[[85,1]]},"446":{"position":[[85,1]]},"448":{"position":[[85,1]]},"450":{"position":[[84,1]]},"452":{"position":[[82,1]]},"454":{"position":[[82,1]]},"456":{"position":[[81,1]]},"458":{"position":[[81,1]]},"460":{"position":[[83,1]]},"462":{"position":[[83,1]]},"464":{"position":[[85,1]]},"466":{"position":[[86,1]]},"468":{"position":[[86,1]]},"470":{"position":[[84,1]]},"472":{"position":[[85,1]]},"474":{"position":[[86,1]]},"476":{"position":[[85,1]]},"478":{"position":[[86,1]]},"480":{"position":[[86,1]]},"482":{"position":[[86,1]]},"484":{"position":[[89,1]]},"486":{"position":[[87,1]]},"488":{"position":[[86,1]]},"490":{"position":[[88,1]]},"492":{"position":[[87,1]]},"494":{"position":[[87,1]]},"496":{"position":[[86,1]]},"498":{"position":[[86,1]]},"500":{"position":[[85,1]]},"502":{"position":[[85,1]]},"504":{"position":[[85,1]]},"506":{"position":[[86,1]]},"508":{"position":[[85,1]]},"510":{"position":[[86,1]]},"512":{"position":[[86,1]]},"514":{"position":[[82,1]]},"516":{"position":[[83,1]]},"518":{"position":[[83,1]]},"520":{"position":[[83,1]]},"522":{"position":[[81,1]]},"524":{"position":[[83,1]]},"526":{"position":[[83,1]]},"528":{"position":[[82,1]]},"530":{"position":[[82,1]]},"532":{"position":[[81,1]]},"534":{"position":[[82,1]]},"536":{"position":[[81,1]]},"538":{"position":[[81,1]]},"540":{"position":[[81,1]]},"542":{"position":[[81,1]]},"544":{"position":[[82,1]]},"546":{"position":[[83,1]]},"548":{"position":[[86,1]]},"550":{"position":[[83,1]]},"552":{"position":[[83,1]]},"554":{"position":[[91,1]]},"556":{"position":[[277,2],[3453,1],[3507,2],[3544,1]]},"558":{"position":[[294,2],[456,1],[497,1],[509,1],[550,1],[562,1],[604,1],[616,1],[643,1],[670,1],[685,4],[690,2],[718,1],[748,1],[755,1],[757,2],[770,1],[797,1],[824,1],[839,4],[844,2],[872,1],[896,2],[924,1],[954,1],[961,1],[963,2],[966,1],[968,1],[1212,5],[1263,1],[1304,1],[1316,1],[1358,1],[1370,1],[1397,1],[1424,1],[1439,4],[1444,2],[1472,1],[1496,2],[1524,1],[1554,1],[1561,1],[1563,2],[1566,1],[1568,1],[1996,1],[2037,1],[2049,1],[2091,1],[2103,1],[2130,1],[2157,1],[2172,4],[2177,2],[2205,1],[2229,2],[2257,1],[2287,1],[2294,1],[2296,2],[2299,1],[2301,1]]},"560":{"position":[[212,2],[2158,1],[3799,2],[3936,2]]},"562":{"position":[[334,2],[2008,2],[4216,2],[4839,2],[5463,2],[11517,1],[16682,1],[16713,1],[16774,2],[16875,2],[16978,2],[17084,2],[17194,2],[17299,2],[17398,2],[17499,2],[17602,2],[17708,2],[17818,2],[17923,2],[17973,1],[17995,1],[20216,1],[20247,1],[20301,2],[20387,2],[20431,1],[22429,1],[22460,1],[22507,1],[22519,1],[22521,1],[22586,1],[22752,1],[22805,1],[22971,1],[23025,1],[23192,1],[23246,1],[23413,1],[23415,1],[23652,1],[23691,1]]},"566":{"position":[[242,2],[3068,1],[3556,1],[4045,1],[4531,1],[5016,1],[5526,1],[6033,1],[6541,1],[7046,1],[7550,1]]},"568":{"position":[[388,2],[5209,2],[5255,1],[5276,1],[5299,1],[5301,3],[5331,1],[5347,1],[5373,1],[5405,1],[5407,1],[7034,2],[7112,2],[7526,2],[7529,2],[7573,1],[7635,1],[7707,2],[7746,1],[7748,1],[8815,1],[8837,1],[8884,2],[8892,1],[8940,1],[9112,1],[9148,1],[9150,1],[9327,1],[9370,1],[9372,1],[9460,2],[9552,1],[9633,1],[9677,1],[9679,1]]},"570":{"position":[[465,2],[802,2],[983,2],[1163,2],[1344,2],[1597,2],[2033,2],[2289,2],[2469,2],[3995,2],[4766,2],[5418,2],[10934,2],[11310,2],[11637,2],[12207,2],[12604,2],[12952,2]]},"572":{"position":[[246,2],[2200,1],[2221,1],[2271,2],[2341,2],[2413,2],[2447,1],[3169,1],[3190,1],[3240,2],[3310,2],[3382,2],[3416,1],[4412,1],[4427,1],[4442,1],[4463,1],[4497,1],[4557,2],[4627,2],[4699,2],[4771,2],[4881,2],[4990,2],[5100,2],[5201,2],[5213,1],[5235,1]]},"574":{"position":[[294,1],[441,1],[553,1],[603,1],[1614,2],[1718,1],[1793,1],[1812,1],[2021,1],[2023,2],[2038,1],[2045,1],[2047,2],[2062,1],[2064,1],[2066,1],[2542,2],[2644,1],[2711,1],[2723,1],[2766,1],[2783,1],[2871,1],[3000,1],[3002,2],[3037,2],[3165,1],[3260,1],[3262,1],[3694,1],[3757,1],[3769,1],[3811,1],[3813,2],[3864,1],[3879,1],[3891,1],[3912,1],[3922,2],[3947,1],[3949,1],[4110,2],[4217,1],[4296,1],[4310,1],[4337,1],[4353,1],[4376,1],[4412,1],[4438,1],[4459,2],[4479,1],[4624,1],[4626,2],[4641,1],[4648,1],[4650,2],[4665,1],[4667,1],[4669,1],[5005,2],[5057,2],[5182,2],[5307,2],[5400,1],[5490,1],[5504,1],[5531,1],[5538,1],[5545,2],[5565,1],[5710,1],[5712,2],[5727,1],[5734,1],[5736,2],[5751,1],[5753,1],[5755,1],[5988,2],[6093,1],[6162,1],[6181,1],[6282,1],[6284,2],[6299,1],[6306,1],[6308,2],[6323,1],[6325,1],[6327,1],[6480,2],[6585,1],[6654,1],[6668,1],[6695,1],[6710,1],[6717,2],[6737,1],[6870,1],[6872,2],[6887,1],[6894,1],[6896,2],[6911,1],[6913,1],[6915,1],[7084,2],[7209,1],[7278,1],[7292,1],[7319,1],[7342,1],[7349,2],[7369,1],[7514,1],[7516,2],[7531,1],[7538,1],[7540,2],[7555,1],[7557,1],[7559,1],[7712,2],[7797,1],[7850,1],[7919,1],[7933,1],[7960,1],[7975,1],[8004,1],[8011,2],[8031,1],[8163,1],[8165,2],[8180,1],[8187,1],[8189,2],[8204,1],[8206,1],[8208,1],[8371,1],[8437,2],[8542,1],[8573,1],[8622,1],[8641,1],[8771,1],[8792,1],[8800,1],[8802,2],[8823,1],[8825,2],[8841,1],[8848,1],[8850,2],[8866,1],[8868,1],[8870,1]]},"576":{"position":[[2910,2],[2913,2],[2916,1],[3003,3],[3054,1],[3125,1],[3157,1],[3199,1],[3231,1],[3233,1],[3669,2],[3780,1],[3810,1],[3890,1],[3907,1],[4080,1],[4082,1],[4515,1],[4543,1],[4589,1],[4601,1],[4643,1],[4645,2],[4696,1],[4711,1],[4723,1],[4744,1],[4754,2],[4779,1],[4781,1],[5348,2],[5530,1],[5560,1],[5640,1],[5657,1],[5932,1],[5979,2],[5990,1],[6038,1],[6617,1],[6645,1],[6691,1],[6703,1],[6770,1],[6782,1],[6824,1],[6826,2],[6877,1],[6892,1],[6904,1],[6924,1],[6934,2],[6959,1],[6961,1],[7264,1],[7337,1],[7369,1],[7371,1],[11323,2],[11494,1],[11567,1],[11599,1],[11601,1],[15564,2],[15741,1],[15814,1],[15846,1],[15848,1],[19705,2],[19882,1],[19955,1],[19987,1],[19989,1],[20692,1],[20765,1],[20797,1],[20841,1],[20873,1],[20920,1],[20940,2],[20943,1],[20982,3],[20986,1],[21031,1],[21051,2],[21054,1],[21091,3],[21095,1],[21141,1],[21161,2],[21164,1],[21202,3],[21206,1],[21252,1],[21272,2],[21275,1],[21313,3],[21317,1],[21319,1]]},"578":{"position":[[1920,1],[3937,1],[3998,1],[4026,1],[4066,1],[4094,1],[4096,1],[4455,2],[4561,1],[4583,1],[4658,1],[4675,1],[4844,1],[4846,1],[5279,1],[5342,1],[5354,1],[5396,1],[5398,2],[5449,1],[5464,1],[5476,1],[5497,1],[5507,2],[5532,1],[5534,1],[6109,2],[6250,1],[6272,1],[6347,1],[6364,1],[6635,1],[6682,2],[6693,1],[6734,1],[7313,1],[7376,1],[7388,1],[7455,1],[7467,1],[7509,1],[7511,2],[7562,1],[7577,1],[7589,1],[7609,1],[7619,2],[7644,1],[7646,1],[8430,1],[8491,1],[8519,1],[8559,1],[8587,1],[8589,1],[9608,1],[9669,1],[9697,1],[9737,1],[9765,1],[9767,1],[10294,1],[10355,1],[10383,1],[10423,1],[10451,1],[10453,1],[11384,1],[11445,1],[11473,1],[11513,1],[11541,1],[11543,1],[12091,2],[12192,2],[12287,2],[12339,1],[12410,1],[13296,2],[13389,2],[13493,2],[13597,2],[13701,2],[13805,2],[13868,1],[14007,1],[14666,1],[14730,1],[14750,2],[14753,1],[14792,3],[14796,1],[14837,1],[14857,2],[14860,1],[14896,3],[14900,1],[14942,1],[14962,2],[14965,1],[15003,3],[15007,1],[15049,1],[15069,2],[15072,1],[15108,3],[15112,1],[15161,1],[15181,2],[15184,1],[15230,3],[15234,1],[15236,1]]},"580":{"position":[[395,2],[928,2],[974,2],[1020,2],[1066,2],[1244,2],[1273,2],[1309,2],[1486,2],[1566,2],[1648,2],[1728,2],[1807,2],[1887,2],[1964,2],[2042,2],[2119,2],[2320,2],[2396,2],[2472,2],[2553,2],[2836,2],[2912,2],[2988,2],[3069,2],[3100,2],[3107,2],[3215,2],[3291,2],[3367,2],[3448,2]]},"582":{"position":[[1814,2],[1845,2],[1876,2],[1907,2],[1939,2],[2206,2],[2301,2],[2353,2],[2405,2],[2628,2],[2679,2],[2758,2],[2835,2],[2915,2],[2992,2],[3126,2],[3188,1],[3212,1],[3274,1],[3294,2],[3297,1],[3317,1],[3334,3],[3338,1],[3340,1]]},"584":{"position":[[494,2],[728,1],[811,1],[853,1],[1063,1],[1065,1],[1067,3],[1103,3],[1107,1],[1109,1],[1145,2],[1286,1],[1337,1],[1349,1],[1379,1],[1385,1],[1410,2],[1455,1],[1463,1],[1465,2],[1485,1],[1495,1],[1520,1],[1522,1],[1524,1],[1767,1],[1818,1],[1830,1],[1874,1],[1960,2],[2007,1],[2050,1],[2135,2],[2182,1],[2184,1],[2466,2],[2469,2],[2597,2],[2600,2],[2730,2],[2733,2],[2858,2],[2861,2],[2985,2],[2988,2],[3111,2],[3114,2],[3232,2],[3235,2],[3354,2],[3357,2],[3431,1],[3482,1],[3494,1],[3559,1],[3620,2],[3667,1],[3669,1]]},"586":{"position":[[228,2],[526,2],[946,2],[1132,2],[1386,2],[3745,2],[3756,1],[4044,2],[4066,2],[4080,1],[4251,2],[4395,2],[4464,1],[4486,2],[4496,1],[4508,1],[4538,1],[4928,2],[4944,1],[5383,2],[5394,1],[5774,2],[5789,1],[6563,1],[6650,1],[6671,1],[6684,1],[6686,1],[6886,2],[6897,1],[7198,2],[7220,2],[7234,1],[7385,2],[7510,2],[7579,1],[7617,2],[7627,1],[7639,1],[7669,1],[8013,2],[8029,1],[8450,2],[8461,1],[8810,2],[8825,1],[9540,1],[9627,1],[9648,1],[9661,1],[9663,1]]},"588":{"position":[[345,2],[930,2],[1456,1],[1503,2],[1514,1],[1595,2],[1606,1],[1622,1]]},"590":{"position":[[308,2],[1205,2],[1280,2],[1373,2],[1466,2],[1586,2],[1715,2],[1808,2],[1862,2],[1919,2],[1975,2],[2187,2],[2408,2],[2847,1],[2909,1],[2994,1],[3031,1],[3122,1],[3156,1],[3235,1],[3237,1],[3420,2],[3494,2],[3557,2],[3632,2],[3891,2],[3981,2],[4074,2],[4166,2],[4259,2],[4354,2],[4444,2],[4673,2],[4786,2],[4930,2],[5074,2],[5220,2],[5366,2],[5515,2],[5661,2],[5726,1],[5796,2],[5828,1],[6027,2],[6081,2],[6138,2],[6194,2],[6426,2],[6544,2],[6665,2],[6785,2],[6906,2],[7029,2],[7148,2],[7468,2],[7597,2],[7729,2],[7860,2],[7992,2],[8126,2],[8256,2]]},"592":{"position":[[439,2],[670,2],[1052,2],[1567,2],[1771,2],[1780,1],[1919,1],[1952,1],[2050,1],[2095,1],[2106,1],[2126,1],[2140,1],[2145,1],[2157,1],[2188,1],[2219,1],[2253,1],[2258,1],[2274,1],[2310,1],[2322,2],[2337,1],[2342,1],[2354,1],[2375,1],[2405,1],[2443,1],[2448,1],[2464,1],[2505,1],[2520,2],[2535,1],[2540,1],[2552,1],[2574,1],[2607,1],[2646,1],[2651,1],[2663,1],[2689,1],[2719,1],[2762,1],[2767,1],[2783,1],[2811,1],[2853,1],[2858,1],[2872,1],[2896,1],[2918,1],[2961,1],[2966,1],[2980,1],[3013,1],[3035,1],[3076,1],[3081,1],[3097,1],[3125,1],[3135,2],[3150,1],[3155,1],[3167,1],[3195,1],[3228,1],[3274,1],[3279,1],[3292,1],[3322,1],[3354,1],[3401,1],[3406,1],[3419,1],[3447,1],[3476,1],[3521,1],[3526,1],[3539,1],[3561,1],[3587,1],[3614,2],[3634,1],[3636,1],[3870,2],[3879,1],[4018,1],[4051,1],[4149,1],[4194,1],[4205,1],[4225,1],[4239,1],[4244,1],[4256,1],[4287,1],[4318,1],[4352,1],[4357,1],[4373,1],[4409,1],[4421,2],[4436,1],[4441,1],[4453,1],[4474,1],[4504,1],[4542,1],[4547,1],[4563,1],[4604,1],[4619,2],[4634,1],[4639,1],[4651,1],[4673,1],[4706,1],[4745,1],[4750,1],[4762,1],[4788,1],[4818,1],[4861,1],[4866,1],[4882,1],[4910,1],[4952,1],[4957,1],[4971,1],[5006,1],[5028,1],[5071,1],[5076,1],[5094,1],[5116,1],[5157,1],[5162,1],[5178,1],[5202,1],[5224,1],[5272,1],[5277,1],[5293,1],[5315,1],[5352,1],[5357,1],[5371,1],[5393,1],[5415,1],[5458,1],[5463,1],[5481,1],[5503,1],[5544,1],[5549,1],[5565,1],[5587,1],[5609,1],[5651,1],[5656,1],[5672,1],[5700,1],[5710,2],[5725,1],[5730,1],[5743,1],[5771,1],[5804,1],[5850,1],[5855,1],[5868,1],[5898,1],[5930,1],[5977,1],[5982,1],[5995,1],[6023,1],[6052,1],[6097,1],[6102,1],[6115,1],[6137,1],[6163,1],[6190,2],[6210,1],[6212,1],[6515,2],[6770,1],[6909,1],[6942,1],[7040,1],[7085,1],[7096,1],[7116,1],[7130,1],[7135,1],[7147,1],[7178,1],[7209,1],[7243,1],[7248,1],[7264,1],[7300,1],[7323,1],[7343,2],[7358,1],[7363,1],[7375,1],[7396,1],[7426,1],[7464,1],[7469,1],[7485,1],[7526,1],[7552,1],[7572,2],[7587,1],[7592,1],[7604,1],[7626,1],[7659,1],[7698,1],[7703,1],[7715,1],[7741,1],[7771,1],[7814,1],[7819,1],[7835,1],[7863,1],[7905,1],[7910,1],[7924,1],[7959,1],[7981,1],[8024,1],[8029,1],[8047,1],[8069,1],[8110,1],[8115,1],[8131,1],[8155,1],[8177,1],[8225,1],[8230,1],[8246,1],[8268,1],[8302,1],[8321,2],[8336,1],[8341,1],[8355,1],[8377,1],[8399,1],[8442,1],[8447,1],[8465,1],[8487,1],[8528,1],[8533,1],[8549,1],[8571,1],[8593,1],[8635,1],[8640,1],[8656,1],[8684,1],[8705,1],[8725,2],[8740,1],[8745,1],[8758,1],[8786,1],[8819,1],[8865,1],[8870,1],[8883,1],[8913,1],[8945,1],[8992,1],[8997,1],[9010,1],[9038,1],[9067,1],[9112,1],[9117,1],[9130,1],[9152,1],[9178,1],[9205,2],[9225,1],[9227,1],[9509,2],[9764,1],[9903,1],[9936,1],[10034,1],[10079,1],[10090,1],[10110,1],[10124,1],[10129,1],[10141,1],[10172,1],[10203,1],[10237,1],[10242,1],[10258,1],[10294,1],[10317,1],[10337,2],[10352,1],[10357,1],[10369,1],[10390,1],[10420,1],[10458,1],[10463,1],[10479,1],[10520,1],[10546,1],[10566,2],[10581,1],[10586,1],[10598,1],[10620,1],[10653,1],[10692,1],[10697,1],[10709,1],[10735,1],[10765,1],[10808,1],[10813,1],[10829,1],[10857,1],[10899,1],[10904,1],[10918,1],[10953,1],[10975,1],[11018,1],[11023,1],[11041,1],[11063,1],[11104,1],[11109,1],[11125,1],[11149,1],[11171,1],[11219,1],[11224,1],[11240,1],[11262,1],[11296,1],[11315,2],[11330,1],[11335,1],[11349,1],[11371,1],[11393,1],[11436,1],[11441,1],[11459,1],[11481,1],[11522,1],[11527,1],[11543,1],[11565,1],[11587,1],[11629,1],[11634,1],[11650,1],[11678,1],[11699,1],[11719,2],[11734,1],[11739,1],[11752,1],[11780,1],[11813,1],[11859,1],[11864,1],[11877,1],[11907,1],[11939,1],[11986,1],[11991,1],[12004,1],[12032,1],[12061,1],[12106,1],[12111,1],[12124,1],[12146,1],[12172,1],[12199,2],[12219,1],[12221,1],[12507,2],[12762,1],[12901,1],[12934,1],[13032,1],[13077,1],[13088,1],[13108,1],[13122,1],[13127,1],[13139,1],[13170,1],[13201,1],[13235,1],[13240,1],[13256,1],[13292,1],[13315,1],[13335,2],[13350,1],[13355,1],[13367,1],[13388,1],[13418,1],[13456,1],[13461,1],[13477,1],[13518,1],[13544,1],[13564,2],[13579,1],[13584,1],[13596,1],[13618,1],[13651,1],[13690,1],[13695,1],[13707,1],[13733,1],[13763,1],[13806,1],[13811,1],[13827,1],[13855,1],[13897,1],[13902,1],[13916,1],[13951,1],[13973,1],[14016,1],[14021,1],[14039,1],[14061,1],[14102,1],[14107,1],[14123,1],[14147,1],[14169,1],[14217,1],[14222,1],[14238,1],[14260,1],[14294,1],[14313,2],[14328,1],[14333,1],[14347,1],[14369,1],[14391,1],[14434,1],[14439,1],[14457,1],[14479,1],[14520,1],[14525,1],[14541,1],[14563,1],[14585,1],[14627,1],[14632,1],[14648,1],[14676,1],[14697,1],[14717,2],[14732,1],[14737,1],[14750,1],[14778,1],[14811,1],[14857,1],[14862,1],[14875,1],[14905,1],[14937,1],[14984,1],[14989,1],[15002,1],[15030,1],[15059,1],[15104,1],[15109,1],[15122,1],[15144,1],[15170,1],[15197,2],[15217,1],[15219,1]]},"594":{"position":[[796,2],[1052,2],[1095,2],[1136,2],[1176,2],[1217,2],[1255,2],[1294,2],[1332,2],[1551,2],[1618,2],[1683,2],[1747,2],[1812,2],[1874,2],[1937,2],[1999,2],[2192,2],[2272,2],[2350,2],[2427,2],[2505,2],[2580,2],[2656,2],[2731,2],[2815,2],[2929,2],[3076,2],[3185,2],[3283,2],[3374,2],[3412,2],[3475,2],[3543,2],[3604,2],[3640,2],[3701,2],[3767,2],[3870,2],[3950,2],[4053,2],[4160,2],[4281,2],[4542,1],[4565,1],[4593,2],[4604,1],[4633,2],[4644,1],[4652,1]]},"596":{"position":[[599,2],[2476,1],[2510,1],[2544,2],[2653,1],[2670,1],[2751,1],[2847,1],[2895,1],[3714,1],[3752,1],[3786,2],[3869,1],[3903,2],[4013,1],[4030,1],[4119,1],[4227,1],[4292,1],[4309,1],[4398,1],[4506,1],[4571,1],[4573,2],[4625,1],[4657,2],[4737,2],[4837,1],[4902,1],[4904,2],[4956,1],[4988,2],[5068,2],[5168,1],[5216,1],[6088,1],[6126,1],[6161,2],[6244,1],[6279,2],[6362,1],[6397,2],[6507,1],[6524,1],[6613,1],[6721,1],[6786,1],[6803,1],[6892,1],[7000,1],[7065,1],[7082,1],[7171,1],[7279,1],[7343,1],[7360,1],[7372,2],[7427,2],[7447,1],[7506,2],[7526,1],[7568,1],[7600,2],[7647,2],[7730,2],[7836,2],[7896,2],[7990,2],[8114,1],[8162,1],[8938,1],[8976,1],[9011,2],[9094,1],[9129,2],[9239,1],[9256,1],[9345,1],[9453,1],[9518,1],[9535,1],[9624,1],[9732,1],[9797,1],[9799,2],[9851,1],[9893,1],[9905,3],[9909,2],[9990,1],[10055,1],[10057,2],[10109,1],[10151,1],[10163,1],[10165,2],[10168,2],[10249,1],[10297,1],[10587,1],[10617,1],[10651,2],[10667,1],[10672,1],[10682,1],[10731,1],[10747,1],[10759,1],[10781,1],[10793,1],[10795,1],[10797,1],[11330,1],[11364,1],[11398,2],[11507,1],[11524,1],[11605,1],[11701,1],[11749,1],[11974,2],[11984,2],[12143,1],[12177,1],[12211,2],[12320,1],[12337,1],[12418,1],[12514,1],[12562,1],[12989,1],[13013,1],[13054,1],[13098,1],[13110,1],[13152,1],[13186,2],[13243,1],[13285,1],[13349,1],[13366,1],[13447,1],[13543,1],[13591,1],[13744,1],[13774,1],[13829,1]]},"598":{"position":[[377,2],[917,2],[952,2],[984,2],[1015,2],[1093,2],[1143,2],[1193,2],[1243,2],[1513,2],[1585,2],[1657,2],[1729,2],[1801,2],[1873,2],[1960,2],[2055,2],[2134,2],[2207,2],[2300,2],[2382,2],[2471,2],[2544,2],[2620,2],[2703,2],[2785,2],[2892,2],[3036,2],[3196,2],[3332,2],[3416,2],[3518,2],[4139,2]]},"600":{"position":[[215,2],[1674,2],[4074,2],[4353,2],[4637,2],[10901,2],[10976,2],[11053,2],[11133,2],[11214,2],[11293,2],[11327,1],[12424,1],[12436,1],[12515,1],[12534,1],[12567,1],[12580,2],[12610,1],[12649,1],[12929,1],[12931,1],[12933,1],[12935,1],[13010,1],[13086,2],[13126,2],[13287,1],[13332,1],[13415,1],[13423,1],[13458,1],[13466,1],[13557,2],[13594,1],[13646,2],[13666,1],[13749,2],[13769,1],[13781,1],[14064,1],[14232,1],[14275,1],[14290,1],[14335,1],[14387,1],[14399,1],[14407,1],[14498,2],[14501,1],[14530,1],[14542,1],[14574,1],[14595,1],[14618,1],[14676,1],[14678,1],[15094,1],[15419,2],[15500,1],[15543,1],[15558,1],[15580,1],[15618,1],[15670,1],[15682,1],[15690,1],[15781,2],[15794,1],[15813,1],[15842,1],[15866,1],[15960,1],[16009,1],[16096,1],[16098,1]]},"602":{"position":[[1250,1],[1340,1],[1367,1],[1603,2],[1671,2],[2283,1],[2895,2],[2977,2],[3109,2],[3295,1],[3318,1],[3400,1],[3423,1],[3507,1],[3511,1],[3605,1],[3609,1],[3906,1],[3910,1],[3999,1],[4003,1],[4085,1],[4089,1],[4206,1],[4210,1],[4297,1],[4308,1],[5073,2],[6669,1],[6745,2],[6843,2],[6846,2],[6989,2],[6992,2],[7138,2],[7141,2],[7281,2],[7284,2],[7453,2],[7456,2],[7532,1],[7562,1],[7616,1],[7656,1],[7694,1],[7723,1],[7750,1],[7799,1],[7811,1],[7827,1],[7836,1],[7872,1],[7896,2],[7916,1],[7924,1],[7937,1],[7957,1],[7975,1],[7982,1],[8006,1],[8008,2],[8011,1],[8080,1],[8099,1],[8163,1],[8209,1],[8247,1],[8271,2],[8301,2],[8355,1],[8428,1],[8479,2],[8511,2],[8549,1],[8561,1],[8604,1],[8637,1],[8644,1],[8658,1],[8691,1],[8715,1],[8761,1],[8763,1],[8784,1],[8857,1],[8896,1],[8920,2],[8976,1],[9017,1],[9095,1],[9131,1],[9155,2],[9203,1],[9280,1],[9410,1],[9422,1],[9491,1],[9543,1],[9572,1],[9637,1],[9687,1],[9716,1],[9781,1],[9877,1],[9892,1],[9936,1],[9947,1],[9976,1],[10021,1],[10040,1],[10095,1],[10103,1],[10182,2],[10218,1],[10226,1],[10258,1],[10293,1],[10312,1],[10330,2],[10345,1],[10364,1],[10382,2],[10397,1],[10416,1],[10420,2],[10440,1],[10459,1],[10463,2],[10487,1],[10506,1],[10524,2],[10539,1],[10555,1],[10559,2],[10562,2],[10594,1],[10610,1],[10614,2],[10617,2],[10620,1],[10659,1],[10670,1],[10707,1],[10718,1],[10742,1],[10772,1],[10787,1],[10851,1],[10864,1],[10901,1],[10912,1],[10939,1],[10973,1],[10990,1],[11026,1],[11040,2],[11075,1],[11105,1],[11171,1],[11247,2],[11256,1],[11286,1],[11340,1],[11380,1],[11432,1],[11445,1],[11496,1],[11515,1],[11638,2],[11654,1],[11696,1],[11721,1],[11729,1],[11747,1],[11766,1],[11875,2],[11894,1],[11913,1],[11925,2],[11940,1],[11959,1],[11971,2],[11986,1],[12005,1],[12009,2],[12029,1],[12048,1],[12052,2],[12076,1],[12095,1],[12107,2],[12122,1],[12138,1],[12142,2],[12145,2],[12177,1],[12193,1],[12197,2],[12200,2],[12240,1],[12265,1],[12273,1],[12289,1],[12308,1],[12417,2],[12436,1],[12455,1],[12467,2],[12482,1],[12501,1],[12513,2],[12528,1],[12547,1],[12551,2],[12571,1],[12590,1],[12594,2],[12618,1],[12637,1],[12649,2],[12664,1],[12680,1],[12684,2],[12687,2],[12719,1],[12735,1],[12739,2],[12742,2],[12782,1],[12807,1],[12815,1],[12831,1],[12850,1],[12959,2],[12978,1],[12997,1],[13009,2],[13024,1],[13043,1],[13055,2],[13070,1],[13089,1],[13093,2],[13113,1],[13132,1],[13136,2],[13160,1],[13179,1],[13191,2],[13206,1],[13222,1],[13226,2],[13229,2],[13261,1],[13277,1],[13281,2],[13284,2],[13321,1],[13337,1],[13346,1],[13365,1],[13376,2],[13396,1],[13433,1],[13470,1],[13488,1],[13495,1],[13519,2],[13559,1],[13609,1],[13654,1],[13708,1],[13752,1],[13813,1],[13821,1],[13890,1],[13909,1],[13973,1],[14019,1],[14021,1],[14108,2],[14117,1],[14147,1],[14201,1],[14241,1],[14293,1],[14306,1],[14357,1],[14376,1],[14499,2],[14515,1],[14557,1],[14580,1],[14588,1],[14606,1],[14625,1],[14734,2],[14753,1],[14772,1],[14784,2],[14799,1],[14818,1],[14830,2],[14845,1],[14864,1],[14868,2],[14888,1],[14907,1],[14911,2],[14935,1],[14954,1],[14966,2],[14981,1],[14997,1],[15001,2],[15004,2],[15036,1],[15052,1],[15056,2],[15059,2],[15084,1],[15092,1],[15100,1],[15116,1],[15124,1],[15126,2],[15166,1],[15189,1],[15197,1],[15213,1],[15232,1],[15341,2],[15360,1],[15379,1],[15391,2],[15406,1],[15425,1],[15437,2],[15452,1],[15471,1],[15475,2],[15495,1],[15514,1],[15518,2],[15542,1],[15561,1],[15573,2],[15588,1],[15604,1],[15608,2],[15611,2],[15643,1],[15659,1],[15663,2],[15666,2],[15691,1],[15699,1],[15707,1],[15723,1],[15731,1],[15733,2],[15773,1],[15796,1],[15804,1],[15820,1],[15839,1],[15948,2],[15967,1],[15986,1],[15998,2],[16013,1],[16032,1],[16044,2],[16059,1],[16078,1],[16082,2],[16102,1],[16121,1],[16125,2],[16149,1],[16168,1],[16180,2],[16195,1],[16211,1],[16215,2],[16218,2],[16250,1],[16266,1],[16270,2],[16273,2],[16298,1],[16306,1],[16314,1],[16332,1],[16342,1],[16344,2],[16381,1],[16397,1],[16406,1],[16425,1],[16436,2],[16456,1],[16493,1],[16530,1],[16548,1],[16555,1],[16579,2],[16619,1],[16669,1],[16714,1],[16768,1],[16812,1],[16873,1],[16881,2],[16937,1],[16948,1],[17017,1],[17036,1],[17038,2],[17196,1],[17216,3],[17220,1],[17266,1],[17268,1]]},"604":{"position":[[1105,1],[1195,1],[1222,1],[1467,2],[1528,2],[2399,1],[2797,2],[2879,2],[2957,2],[3109,2],[4707,2],[4805,2],[4808,2],[4951,2],[4954,2],[5100,2],[5103,2],[5241,2],[5244,2],[5409,2],[5412,2],[5484,1],[5512,1],[5564,1],[5604,1],[5642,1],[5671,1],[5700,1],[5702,1],[5825,2],[5850,1],[5899,1],[5911,1],[5927,1],[5936,1],[5972,1],[5996,2],[6015,1],[6037,1],[6050,1],[6070,1],[6088,1],[6095,1],[6119,1],[6121,2],[6124,1],[6193,1],[6212,1],[6274,1],[6320,1],[6358,1],[6382,2],[6412,2],[6466,1],[6539,1],[6588,2],[6619,2],[6656,1],[6668,1],[6710,1],[6743,1],[6750,1],[6764,1],[6797,1],[6820,1],[6865,1],[6867,1],[6888,1],[6959,1],[6998,1],[7022,2],[7079,2],[7111,1],[7151,1],[7227,1],[7263,1],[7287,2],[7342,2],[7366,1],[7443,1],[7569,1],[7581,1],[7649,1],[7700,1],[7728,1],[7791,1],[7840,1],[7868,1],[7931,1],[8027,1],[8042,1],[8086,1],[8097,1],[8126,1],[8170,1],[8189,1],[8242,1],[8250,1],[8329,2],[8364,1],[8372,1],[8407,1],[8442,1],[8461,1],[8479,2],[8494,1],[8513,1],[8531,2],[8546,1],[8565,1],[8569,2],[8572,2],[8575,1],[8614,1],[8625,1],[8662,1],[8673,1],[8697,1],[8727,1],[8742,1],[8806,1],[8819,1],[8856,1],[8867,1],[8894,1],[8928,1],[8945,1],[8981,1],[8995,2],[9033,1],[9063,1],[9158,2],[9167,1],[9195,1],[9247,1],[9287,1],[9339,1],[9352,1],[9371,1],[9411,2],[9427,1],[9469,1],[9493,1],[9500,1],[9519,1],[9548,2],[9567,1],[9586,1],[9628,2],[9643,1],[9662,1],[9704,2],[9719,1],[9738,1],[9742,2],[9745,2],[9782,1],[9798,1],[9807,1],[9826,1],[9837,2],[9856,1],[9908,1],[9944,1],[9962,1],[9969,1],[9989,2],[10018,1],[10061,1],[10114,1],[10158,1],[10210,1],[10257,1],[10266,1],[10335,1],[10354,1],[10416,1],[10462,1],[10464,1],[10556,2],[10565,1],[10593,1],[10645,1],[10685,1],[10737,1],[10750,1],[10801,1],[10820,1],[10860,2],[10876,1],[10918,1],[10942,1],[10950,1],[10968,1],[10987,1],[11014,2],[11033,1],[11052,1],[11064,2],[11079,1],[11098,1],[11110,2],[11125,1],[11144,1],[11148,2],[11151,2],[11191,1],[11215,1],[11223,1],[11239,1],[11258,1],[11285,2],[11304,1],[11323,1],[11335,2],[11350,1],[11369,1],[11381,2],[11396,1],[11415,1],[11419,2],[11422,2],[11462,1],[11486,1],[11494,1],[11510,1],[11529,1],[11557,2],[11576,1],[11595,1],[11607,2],[11622,1],[11641,1],[11653,2],[11668,1],[11687,1],[11691,2],[11694,2],[11731,1],[11747,1],[11756,1],[11775,1],[11786,2],[11805,1],[11841,1],[11877,1],[11895,1],[11902,1],[11922,2],[11951,1],[11994,1],[12047,1],[12091,1],[12143,1],[12184,1],[12225,1],[12268,1],[12328,1],[12336,1],[12405,1],[12424,1],[12486,1],[12532,1],[12534,1],[12784,2],[12793,1],[12821,1],[12873,1],[12913,1],[12965,1],[12978,1],[13029,1],[13048,1],[13088,2],[13104,1],[13146,1],[13170,1],[13178,1],[13196,1],[13215,1],[13242,2],[13261,1],[13280,1],[13292,2],[13307,1],[13326,1],[13338,2],[13353,1],[13372,1],[13376,2],[13379,2],[13419,1],[13443,1],[13451,1],[13467,1],[13486,1],[13513,2],[13532,1],[13551,1],[13563,2],[13578,1],[13597,1],[13609,2],[13624,1],[13643,1],[13647,2],[13650,2],[13690,1],[13714,1],[13722,1],[13738,1],[13757,1],[13785,2],[13804,1],[13823,1],[13835,2],[13850,1],[13869,1],[13881,2],[13896,1],[13915,1],[13919,2],[13922,2],[13959,1],[13975,1],[13984,1],[14003,1],[14014,2],[14033,1],[14065,1],[14103,1],[14139,1],[14157,1],[14164,1],[14184,2],[14213,1],[14256,1],[14309,1],[14353,1],[14405,1],[14446,1],[14487,1],[14530,1],[14590,1],[14598,1],[14667,1],[14686,1],[14748,1],[14794,1],[14796,1],[14882,2],[14891,1],[14919,1],[14971,1],[15011,1],[15063,1],[15076,1],[15127,1],[15146,1],[15186,2],[15202,1],[15244,1],[15268,1],[15276,1],[15294,1],[15313,1],[15340,2],[15359,1],[15378,1],[15390,2],[15405,1],[15424,1],[15436,2],[15451,1],[15470,1],[15474,2],[15477,2],[15517,1],[15541,1],[15549,1],[15565,1],[15584,1],[15611,2],[15630,1],[15649,1],[15661,2],[15676,1],[15695,1],[15707,2],[15722,1],[15741,1],[15745,2],[15748,2],[15788,1],[15812,1],[15820,1],[15836,1],[15855,1],[15883,2],[15902,1],[15921,1],[15933,2],[15948,1],[15967,1],[15979,2],[15994,1],[16013,1],[16017,2],[16020,2],[16057,1],[16073,1],[16082,1],[16101,1],[16112,2],[16131,1],[16167,1],[16203,1],[16221,1],[16228,1],[16248,2],[16277,1],[16320,1],[16373,1],[16417,1],[16469,1],[16510,1],[16551,1],[16594,1],[16654,1],[16662,1],[16731,1],[16750,1],[16752,2],[16908,1],[16928,3],[16932,1],[16978,1],[16980,1]]},"606":{"position":[[1201,1],[1291,1],[1318,1],[1563,2],[1624,2],[2147,1],[2550,2],[2632,2],[2710,2],[2862,2],[4086,2],[4184,2],[4187,2],[4330,2],[4333,2],[4479,2],[4482,2],[4531,1],[4569,1],[4631,1],[4671,1],[4745,1],[4778,1],[4805,1],[4854,1],[4873,1],[4923,1],[4939,1],[4948,1],[4984,1],[5008,2],[5032,1],[5073,1],[5121,1],[5182,1],[5190,1],[5259,1],[5278,1],[5350,1],[5396,1],[5434,1],[5458,2],[5488,2],[5542,1],[5615,1],[5674,2],[5710,2],[5752,1],[5764,1],[5811,1],[5844,1],[5851,1],[5865,1],[5901,1],[5929,1],[5979,1],[5981,1],[6002,1],[6083,1],[6122,1],[6146,2],[6202,1],[6247,1],[6333,1],[6369,1],[6391,2],[6428,2],[6476,1],[6553,1],[6613,1],[6740,1],[6742,1],[6754,1],[6843,2],[6849,1],[6945,1],[6960,1],[7004,1],[7015,1],[7044,1],[7093,1],[7112,1],[7175,1],[7191,2],[7210,1],[7218,1],[7250,1],[7285,1],[7315,2],[7318,1],[7357,1],[7368,1],[7405,1],[7416,1],[7444,1],[7477,1],[7492,1],[7543,1],[7556,1],[7593,1],[7604,1],[7632,1],[7672,1],[7689,1],[7753,1],[7766,1],[7803,1],[7814,1],[7841,1],[7891,2],[7897,1],[7914,1],[7950,2],[7980,1],[8031,2],[8098,1],[8343,1],[8419,2],[8428,1],[8458,1],[8512,1],[8552,1],[8604,1],[8617,1],[8668,1],[8687,1],[8810,2],[8826,1],[8868,1],[8893,1],[8901,1],[8919,1],[8938,1],[9047,2],[9066,1],[9085,1],[9097,2],[9112,1],[9131,1],[9143,2],[9158,1],[9177,1],[9181,2],[9201,1],[9220,1],[9224,2],[9248,1],[9267,1],[9279,2],[9294,1],[9310,1],[9314,2],[9317,2],[9349,1],[9365,1],[9369,2],[9372,2],[9412,1],[9437,1],[9445,1],[9461,1],[9480,1],[9589,2],[9608,1],[9627,1],[9639,2],[9654,1],[9673,1],[9685,2],[9700,1],[9719,1],[9723,2],[9743,1],[9762,1],[9766,2],[9790,1],[9809,1],[9821,2],[9836,1],[9852,1],[9856,2],[9859,2],[9891,1],[9907,1],[9911,2],[9914,2],[9954,1],[9979,1],[9987,1],[10003,1],[10022,1],[10131,2],[10150,1],[10169,1],[10181,2],[10196,1],[10215,1],[10227,2],[10242,1],[10261,1],[10265,2],[10285,1],[10304,1],[10308,2],[10332,1],[10351,1],[10363,2],[10378,1],[10394,1],[10398,2],[10401,2],[10433,1],[10449,1],[10453,2],[10456,2],[10493,1],[10509,1],[10518,1],[10537,1],[10548,2],[10568,1],[10601,1],[10640,1],[10677,1],[10695,1],[10702,1],[10726,2],[10766,1],[10816,1],[10861,1],[10915,1],[10959,1],[11020,1],[11028,1],[11097,1],[11116,1],[11180,1],[11226,1],[11228,1],[11323,2],[11421,2],[11424,2],[11567,2],[11570,2],[11619,1],[11657,1],[11719,1],[11759,1],[11833,1],[11866,1],[11893,1],[11942,1],[11961,1],[12011,1],[12027,1],[12036,1],[12072,1],[12096,2],[12120,1],[12161,1],[12209,1],[12270,1],[12278,1],[12347,1],[12366,1],[12368,2],[12534,1],[12554,3],[12558,1],[12604,1],[12642,1],[12666,2],[12696,2],[12750,1],[12796,1],[12845,1],[12904,2],[12940,2],[12982,1],[12994,1],[13041,1],[13074,1],[13081,1],[13095,1],[13131,1],[13159,1],[13209,1],[13211,1],[13232,1],[13338,1],[13374,1],[13396,2],[13433,2],[13481,1],[13558,1],[13618,1],[13745,1],[13747,1],[13759,1],[13848,2],[13854,1],[13950,1],[13965,1],[14009,1],[14020,1],[14049,1],[14063,1],[14108,2],[14140,1],[14164,2],[14215,1],[14257,1],[14292,1],[14311,1],[14374,1],[14390,2],[14409,1],[14417,1],[14449,1],[14484,1],[14514,2],[14517,1],[14556,1],[14567,1],[14604,1],[14615,1],[14643,1],[14676,1],[14691,1],[14742,1],[14755,1],[14792,1],[14803,1],[14831,1],[14871,1],[14888,1],[14952,1],[14965,1],[15002,1],[15013,1],[15040,1],[15090,2],[15096,1],[15113,1],[15149,2],[15179,1],[15230,2],[15297,1]]},"608":{"position":[[1046,1],[1136,1],[1163,1],[1399,2],[1467,2],[1982,1],[2380,2],[2462,2],[2540,2],[2600,2],[3794,2],[3892,2],[3895,2],[4038,2],[4041,2],[4187,2],[4190,2],[4239,1],[4267,1],[4319,1],[4359,1],[4433,1],[4466,1],[4493,1],[4542,1],[4561,1],[4611,1],[4627,1],[4636,1],[4672,1],[4696,2],[4715,1],[4751,1],[4794,1],[4850,1],[4858,1],[4927,1],[4946,1],[5008,1],[5054,1],[5092,1],[5116,2],[5146,2],[5200,1],[5273,1],[5322,2],[5353,2],[5390,1],[5402,1],[5444,1],[5477,1],[5484,1],[5498,1],[5534,1],[5557,1],[5602,1],[5604,1],[5625,1],[5696,1],[5735,1],[5759,2],[5815,1],[5855,1],[5931,1],[5967,1],[5989,2],[6026,2],[6074,1],[6151,1],[6316,1],[6328,1],[6412,2],[6418,1],[6514,1],[6529,1],[6573,1],[6584,1],[6613,1],[6657,1],[6676,1],[6729,1],[6745,2],[6764,1],[6772,1],[6804,1],[6839,1],[6869,2],[6872,1],[6911,1],[6922,1],[6959,1],[6970,1],[6998,1],[7031,1],[7046,1],[7097,1],[7110,1],[7147,1],[7158,1],[7186,1],[7226,1],[7243,1],[7307,1],[7320,1],[7357,1],[7368,1],[7395,1],[7445,2],[7451,1],[7468,1],[7504,2],[7534,1],[7585,2],[7652,1],[7737,2],[7835,2],[7838,2],[7981,2],[7984,2],[8033,1],[8061,1],[8113,1],[8153,1],[8227,1],[8260,1],[8287,1],[8336,1],[8355,1],[8405,1],[8421,1],[8430,1],[8466,1],[8490,2],[8509,1],[8545,1],[8588,1],[8644,1],[8652,1],[8721,1],[8740,1],[8742,2],[8898,1],[8918,3],[8922,1],[8968,1],[9006,1],[9030,2],[9060,2],[9114,1],[9187,1],[9236,2],[9267,2],[9304,1],[9316,1],[9358,1],[9391,1],[9398,1],[9412,1],[9448,1],[9471,1],[9516,1],[9518,1],[9539,1],[9610,1],[9646,1],[9668,2],[9705,2],[9753,1],[9830,1],[9995,1],[10007,1],[10091,2],[10097,1],[10193,1],[10208,1],[10252,1],[10263,1],[10292,1],[10306,1],[10346,2],[10378,1],[10402,2],[10453,1],[10493,1],[10528,1],[10547,1],[10600,1],[10616,2],[10635,1],[10643,1],[10675,1],[10710,1],[10740,2],[10743,1],[10782,1],[10793,1],[10830,1],[10841,1],[10869,1],[10902,1],[10917,1],[10968,1],[10981,1],[11018,1],[11029,1],[11057,1],[11097,1],[11114,1],[11178,1],[11191,1],[11228,1],[11239,1],[11266,1],[11316,2],[11322,1],[11339,1],[11375,2],[11405,1],[11456,2],[11523,1],[11692,2],[12241,1],[12269,1],[12321,1],[12361,1],[12435,1],[12468,1],[12495,1],[12544,1],[12563,1],[12613,1],[12629,1],[12638,1],[12674,1],[12698,2],[12717,1],[12753,1],[12796,1],[12852,1],[12900,1],[12911,1],[12980,1],[12999,1],[13061,1],[13107,1],[13147,2],[13224,2],[13304,2],[13383,2],[13477,1],[13519,1],[13587,1],[13683,1],[13698,1],[13742,1],[13753,1],[13782,1],[13826,1],[13845,1],[13898,1],[13914,2],[13933,1],[13941,1],[13973,1],[14008,1],[14038,2],[14041,1],[14080,1],[14091,1],[14128,1],[14139,1],[14167,1],[14200,1],[14215,1],[14266,1],[14279,1],[14316,1],[14327,1],[14355,1],[14395,1],[14412,1],[14476,1],[14489,1],[14526,1],[14537,1],[14564,1],[14614,2],[14620,1],[14637,1],[14673,2],[14703,1],[14754,2],[14821,1]]},"610":{"position":[[228,2],[595,2],[1483,1],[1508,1],[1541,1],[1543,1],[1838,1],[1860,1],[1907,2],[1915,1],[1963,1]]},"612":{"position":[[354,2],[678,2],[2386,2],[2422,2],[2445,1],[2650,1],[2675,2],[2746,1],[2764,2],[2886,2],[2915,1],[2962,1],[2990,1],[3461,2],[3464,1],[3520,1],[3522,2],[3553,2],[3636,1],[3638,1],[4257,2],[4293,2],[4316,1],[4521,1],[4546,2],[4617,1],[4635,2],[4757,2],[4786,1],[4833,1],[4861,1],[5332,2],[5335,1],[5391,1],[5393,2],[5424,2],[5507,1],[5509,1],[5844,2],[5880,2],[5903,1],[5977,1],[5989,1],[6125,1],[6141,1],[6223,2],[6309,1],[6316,1],[6340,1],[6360,3],[6364,1],[6420,1],[6422,2],[6453,2],[6536,1],[6538,1],[6813,2],[6849,2],[6872,1],[6983,1],[6998,1],[7010,1],[7146,1],[7171,2],[7242,1],[7260,2],[7382,2],[7411,1],[7458,1],[7486,1],[7957,2],[7960,1],[8016,1],[8018,2],[8049,2],[8132,1],[8134,1],[8253,1],[8283,1],[8294,1],[8320,1],[8342,1],[8356,1],[8468,2],[8806,2],[8842,2],[8874,2],[8908,2],[9130,2],[9162,2],[9191,2],[9367,1],[9409,1],[9495,1],[9507,1],[9549,1],[9564,1],[9622,1],[9658,1],[9772,1],[9908,1],[9924,1],[9979,2],[10065,1],[10072,1],[10096,1],[10116,3],[10120,1],[10176,1],[10178,2],[10209,2],[10346,1],[10377,1],[10417,1],[10429,1],[10464,1],[10476,1],[10478,1],[10480,1],[10829,2],[10865,2],[11108,1],[11138,1],[11172,1],[11223,1],[11235,1],[11237,1],[11385,1],[11401,1],[11488,2],[11575,1],[11582,1],[11606,1],[11626,3],[11630,1],[11687,1],[11689,2],[11720,2],[11803,1],[11827,2],[11839,1],[11871,2],[11883,1],[11913,2],[11925,1],[11938,1],[12078,1],[12367,2],[12403,2],[12574,1],[12622,1],[12662,1],[12717,1],[12729,1],[12731,1],[12879,1],[12895,1],[12982,2],[13069,1],[13076,1],[13100,1],[13120,3],[13124,1],[13181,1],[13183,2],[13214,2],[13297,1],[13322,2],[13372,2],[13399,1]]},"614":{"position":[[1587,2],[1648,1],[1673,1],[1723,1],[2196,2],[2400,2],[2602,2],[2806,2],[2867,1],[2892,1],[2992,1],[3046,1],[3709,2],[4037,2],[4363,2],[4691,2],[4832,1],[4856,1],[4906,1],[4957,1],[5171,1],[5179,1],[5215,1],[5250,1],[5286,1],[5299,1],[5334,1],[5370,1],[5404,1],[5416,1],[5429,1],[5442,1],[5454,1],[5461,1],[5463,1],[5656,2],[5937,1],[5962,1],[6023,1],[6053,2],[6065,1],[6097,2],[6109,1],[6139,2],[6151,1],[6164,1],[6301,1],[6433,2],[6642,1],[6682,1],[6717,1],[6779,2],[6825,2],[6848,1],[7190,1],[7220,1],[7231,1],[7257,1],[7279,1],[7293,1],[7404,2],[7625,2],[7657,2],[7682,2],[7955,2],[7987,2],[8013,2],[8332,1],[8358,1],[8440,1],[8454,1],[8504,1],[8540,1],[8662,1],[8689,1],[8699,1],[8720,1],[8748,1],[8771,1],[8796,1],[8854,1],[8866,1],[8891,1],[8948,1],[8960,1],[8962,1],[8964,1],[9169,2],[9201,2],[9224,2],[9285,1],[9310,1],[9393,1],[9401,1],[9413,1],[9415,1],[9787,1],[9817,1],[9828,1],[9854,1],[9876,1],[9890,1],[10010,2],[10240,2],[10272,2],[10305,2],[10559,2],[10612,2],[10640,2],[10672,2],[10704,2],[11036,2],[11068,2],[11098,2],[11417,1],[11453,1],[11507,1],[11651,1],[11663,1],[11705,1],[11719,1],[11778,1],[11831,1],[11855,2],[11879,1],[11908,1],[11941,1],[11963,1],[11985,1],[12025,1],[12054,1],[12092,1],[12114,1],[12147,1],[12200,1],[12234,1],[12253,1],[12272,1],[12434,2],[12473,1],[12500,1],[12519,1],[12540,1],[12577,1],[12609,1],[12634,1],[12687,1],[12699,1],[12724,1],[12778,1],[12790,1],[12815,1],[12865,1],[12877,1],[12879,1],[12881,1]]},"616":{"position":[[1085,2],[1094,1],[1108,1],[1114,1],[1216,2],[1420,2],[1625,2],[1831,2],[1940,1],[1954,1],[1973,1],[1993,1],[2014,1],[2020,1],[2246,2],[2482,1],[2504,1],[2532,1],[2562,2],[2574,1],[2606,2],[2618,1],[2648,2],[2660,1],[2673,1],[2813,1],[2977,2],[3141,1],[3179,1],[3211,1],[3240,2],[3287,2],[3311,1],[4010,2],[4119,1],[4133,1],[4139,1],[4420,2],[4633,2],[4848,2],[5064,2],[5173,1],[5187,1],[5206,1],[5226,1],[5247,1],[5253,1],[5366,2],[5408,1],[5426,1],[5431,1],[5662,2],[5807,1],[5828,1],[5861,1],[5882,1],[5897,1],[5919,1],[5940,1],[5956,1],[5978,1],[5996,1],[6018,1],[6043,1],[6065,1],[6081,1],[6091,2],[6094,1]]},"618":{"position":[[706,2],[1363,1],[1416,1],[1565,2],[1629,1],[1651,1],[1970,2],[2149,2],[2331,2],[2515,2],[2699,2],[2885,2],[3071,2],[3259,2],[3324,1],[3515,1],[4168,2],[4307,1],[4334,1],[4633,2],[4934,2],[5091,1],[5140,1],[5510,2],[5738,2],[5803,1],[5849,1],[5858,1],[6185,2],[6320,1],[6342,1],[6579,2],[6815,1],[6860,1],[6890,2],[6902,1],[6934,2],[6946,1],[6976,2],[6988,1],[7001,1],[7140,1],[7316,2],[7480,1],[7520,1],[7576,2],[7624,2],[7649,1],[8010,1],[8040,1],[8051,1],[8077,1],[8099,1],[8113,1],[8224,2],[8452,2],[8492,2],[8542,2],[8574,2],[8593,2],[8806,2],[8849,2],[8905,2],[8937,2],[8959,2],[9231,2],[9263,2],[9282,2],[9601,1],[9627,1],[9709,1],[9723,1],[9773,1],[9817,1],[9861,1],[9905,1],[9921,1],[9948,1],[9995,1],[10014,1],[10041,1],[10073,1],[10085,1],[10110,1],[10132,1],[10150,1],[10178,1],[10203,1],[10222,1],[10242,1],[10278,1],[10424,1],[10451,1],[10461,1],[10482,1],[10510,1],[10533,1],[10558,1],[10609,1],[10673,1],[10685,1],[10687,1],[10722,1],[10790,1],[10802,1],[10827,1],[10879,1],[10943,1],[10955,1],[10957,1],[10959,1],[11280,2],[11312,2],[11362,2],[11412,1],[11437,1],[11515,1],[11523,1],[11532,2],[11566,1],[11629,1],[11631,1]]},"620":{"position":[[784,2],[854,2],[962,1],[989,1],[997,1],[1188,2],[1424,1],[1445,1],[1475,1],[1505,2],[1517,1],[1549,2],[1561,1],[1591,2],[1603,1],[1616,1],[1750,1],[1872,2],[2036,1],[2061,1],[2092,1],[2123,2],[2167,2],[2188,1],[2365,2],[2374,1],[2388,1],[2558,2],[2597,2],[2651,1],[2748,1],[2756,1],[2765,2],[2806,1],[2877,1],[2879,1]]},"622":{"position":[[878,2],[1881,1],[1934,1],[2045,2],[2110,1],[2132,1],[2144,1],[2376,2],[2602,2],[2828,2],[3054,2],[3280,2],[3506,2],[3732,2],[3958,2],[4184,2],[4249,1],[4271,1],[4303,1],[4335,1],[4367,1],[4399,1],[4431,1],[4463,1],[4495,1],[4527,1],[4539,1],[4779,2],[4843,1],[4868,1],[4876,1],[5292,2],[5356,1],[5381,1],[5389,1],[5833,2],[5897,1],[5919,1],[5929,1],[6252,2],[6385,2],[6520,2],[6657,2],[6794,2],[6933,2],[7072,2],[7213,2],[7229,1],[7420,1],[8103,2],[8242,1],[8269,1],[8667,2],[8923,2],[8988,1],[9034,1],[9043,1],[9398,2],[9533,1],[9555,1],[9796,2],[10032,1],[10077,1],[10107,2],[10119,1],[10151,2],[10163,1],[10193,2],[10205,1],[10218,1],[10359,1],[10539,2],[10703,1],[10747,1],[10803,2],[10853,2],[10880,1],[11246,1],[11276,1],[11287,1],[11313,1],[11335,1],[11349,1],[11460,2],[11731,2],[11771,2],[11821,2],[11853,2],[11872,2],[12128,2],[12171,2],[12227,2],[12259,2],[12281,2],[12596,2],[12628,2],[12647,2],[12966,1],[12992,1],[13074,1],[13088,1],[13138,1],[13182,1],[13226,1],[13270,1],[13286,1],[13313,1],[13360,1],[13379,1],[13406,1],[13438,1],[13450,1],[13475,1],[13497,1],[13515,1],[13543,1],[13568,1],[13587,1],[13607,1],[13643,1],[13789,1],[13816,1],[13826,1],[13847,1],[13875,1],[13898,1],[13923,1],[13974,1],[14038,1],[14050,1],[14052,1],[14086,1],[14154,1],[14166,1],[14191,1],[14243,1],[14307,1],[14319,1],[14321,1],[14323,1],[14526,2],[14756,2],[14986,2],[15216,2],[15446,2],[15676,2],[15906,2],[16136,2],[16366,2],[16431,1],[16457,1],[16497,1],[16537,1],[16577,1],[16617,1],[16657,1],[16697,1],[16737,1],[16777,1],[16793,1],[17118,2],[17150,2],[17200,2],[17250,1],[17275,1],[17353,1],[17361,1],[17370,2],[17404,1],[17467,1],[17469,1]]},"624":{"position":[[427,2],[838,2],[918,2],[1259,2],[1641,2],[1721,1],[1975,2],[2102,1],[2393,2],[2481,1],[3332,2],[3570,3],[3669,2],[3770,2],[3843,2],[3862,2],[4187,2],[4267,2],[4313,2],[4378,2],[4434,2],[4506,2],[4586,2],[5206,2],[5286,1],[5540,2],[5667,1],[5958,2],[6046,1],[6360,1],[6398,2],[6610,1],[6629,2],[6707,1],[6744,2],[6887,1],[7649,2],[7912,2],[7924,2],[8013,2],[8022,1],[8048,1],[8098,1],[8212,1],[8245,1],[8319,1],[8364,1],[8375,1],[8395,1],[8409,1],[8414,1],[8426,1],[8428,4],[8442,1],[8473,1],[8520,1],[8525,1],[8537,1],[8560,1],[8592,1],[8618,1],[8623,1],[8635,1],[8660,1],[8683,1],[8700,2],[8720,1],[8722,1]]},"626":{"position":[[427,2],[840,2],[920,2],[1261,2],[1826,2],[1906,1],[2160,2],[2287,1],[2578,2],[2666,1],[3519,2],[3848,2],[3949,2],[4022,2],[4041,2],[4366,2],[4446,2],[4492,2],[4557,2],[4629,2],[5530,2],[5609,1],[5836,1],[5874,2],[6086,1],[6105,2],[6183,1],[6220,2],[6363,1],[7125,2],[7388,2],[7400,2],[7489,2],[7498,1],[7524,1],[7574,1],[7688,1],[7721,1],[7795,1],[7840,1],[7851,1],[7871,1],[7885,1],[7890,1],[7902,1],[7904,4],[7918,1],[7949,1],[7996,1],[8001,1],[8013,1],[8036,1],[8068,1],[8094,1],[8099,1],[8111,1],[8136,1],[8159,1],[8176,2],[8196,1],[8198,1]]},"628":{"position":[[1506,2],[1567,1],[1592,1],[1616,1],[1905,2],[2084,2],[2145,1],[2170,1],[2218,1],[2856,2],[3159,2],[3300,1],[3415,1],[3423,1],[3446,2],[3463,1],[3485,2],[3502,1],[3525,2],[3543,1],[3556,1],[3578,2],[3595,1],[3618,2],[3630,1],[3632,1],[3800,2],[4081,1],[4106,1],[4130,2],[4164,1],[4194,2],[4206,1],[4238,2],[4250,1],[4280,2],[4292,1],[4305,1],[4442,1],[4550,2],[4759,1],[4800,1],[4835,1],[4859,2],[4894,2],[4941,2],[4965,1],[5307,1],[5337,1],[5348,1],[5374,1],[5396,1],[5410,1],[5530,2],[5792,2],[5824,2],[5853,2],[6116,2],[6148,2],[6178,2],[6420,2],[6452,2],[6482,2],[6741,2],[6773,2],[6801,2],[7039,2],[7071,2],[7099,2],[7418,1],[7450,1],[7528,1],[7540,1],[7582,1],[7596,1],[7649,1],[7683,1],[7702,1],[7721,1],[7876,2],[7915,1],[7942,1],[7955,1],[7976,1],[8007,1],[8033,1],[8058,1],[8115,1],[8127,1],[8152,1],[8214,1],[8226,1],[8251,1],[8313,1],[8325,1],[8350,1],[8408,1],[8420,1],[8445,1],[8503,1],[8515,1],[8517,1],[8519,1],[8724,2],[8756,2],[8779,2],[8840,1],[8865,1],[8888,2],[8944,1],[8952,1],[8964,1],[8966,1],[9327,1],[9357,1],[9368,1],[9394,1],[9416,1],[9430,1],[9550,2],[9792,2],[9843,2],[9875,2],[9907,2],[9937,2],[10277,2],[10309,2],[10337,2],[10656,1],[10696,1],[10738,1],[10884,1],[10896,1],[10938,1],[10952,1],[11005,1],[11066,1],[11094,2],[11122,1],[11149,1],[11180,1],[11203,1],[11226,1],[11270,1],[11297,1],[11337,1],[11360,1],[11410,1],[11473,1],[11507,1],[11526,1],[11545,1],[11700,2],[11739,1],[11766,1],[11779,1],[11800,1],[11831,1],[11857,1],[11882,1],[11944,1],[11956,1],[11981,1],[12039,1],[12051,1],[12053,1],[12055,1]]},"630":{"position":[[833,2],[1515,2],[1635,2],[2009,2],[2061,2],[2170,2],[2281,2],[2387,2],[2492,2],[2596,2],[2694,2],[2752,1],[2782,1],[2856,2],[2965,2],[2985,1],[2992,1],[3011,1],[3042,1],[3071,1],[3141,2],[3144,1],[3452,2],[3504,2],[3613,2],[3724,2],[3830,2],[3935,2],[4039,2],[4138,2],[4238,2],[4296,1],[4326,1],[4400,2],[4509,2],[4529,1],[4536,1],[4557,1],[4634,2],[4637,1],[4991,2],[5043,2],[5152,2],[5263,2],[5369,2],[5474,2],[5578,2],[5676,2],[5734,1],[5764,1],[5838,2],[5947,2],[5967,1],[5974,1],[5993,1],[6024,1],[6053,1],[6123,2],[6126,1],[6581,2],[6633,2],[6742,2],[6853,2],[6959,2],[7064,2],[7168,2],[7266,2],[7324,1],[7354,1],[7428,2],[7537,1],[7556,1],[7596,1],[7628,1],[7672,1],[7714,1],[7784,2],[7864,1],[7878,2],[7898,2],[7911,2],[7955,1],[7957,1],[8262,2],[8316,2],[8430,2],[8548,2],[8664,2],[8784,2],[8908,2],[9030,2],[9150,2],[9274,2],[9351,1],[9385,1],[9441,1],[9506,1],[9529,1],[9564,1],[9571,1],[9598,1],[9629,1],[9658,1],[9728,3],[9732,1],[9750,1],[9763,1],[9765,1],[10261,2],[10313,2],[10422,2],[10533,2],[10639,2],[10744,2],[10848,2],[10946,2],[11004,1],[11034,1],[11108,2],[11217,2],[11237,1],[11244,1],[11263,1],[11294,1],[11323,1],[11393,2],[11396,1],[11552,3],[11556,3],[11592,3],[11596,3],[11686,2],[11830,1],[11877,1],[11889,1],[11919,1],[11925,1],[11927,2],[12072,1],[12094,1],[12096,2],[12185,1],[12187,1],[12189,1]]},"632":{"position":[[837,2],[917,2],[1300,2],[1380,1],[1634,2],[1761,1],[2052,2],[2140,1],[2995,2]]},"634":{"position":[[484,2],[862,2],[942,2],[1323,2],[1403,1],[1657,2],[1784,1],[2075,2],[2163,1],[2955,2],[3160,2],[3233,2],[3251,2],[3576,2],[3656,2],[3697,2],[3775,2],[3831,2],[3879,2],[3938,2],[4199,2],[4279,1],[4533,2],[4660,1],[4951,2],[5039,1],[5290,1],[5367,2],[5482,1],[5501,2],[5579,1],[5644,2],[5787,1],[6589,2],[6827,1],[6979,1],[7012,1],[7086,1],[7131,1],[7142,1],[7162,1],[7176,1],[7181,1],[7193,1],[7195,4],[7209,1],[7240,1],[7287,1],[7292,1],[7304,1],[7327,1],[7359,1],[7385,1],[7390,1],[7402,1],[7425,1],[7448,1],[7465,2],[7485,1],[7487,1]]},"636":{"position":[[439,2],[817,2],[897,2],[1278,2],[1358,1],[1612,2],[1739,1],[2030,2],[2118,1],[2910,2],[3425,2],[3498,2],[3516,2],[3841,2],[3921,2],[3962,2],[4028,2],[4084,2],[4130,2],[4187,2],[4448,2],[4528,1],[4782,2],[4909,1],[5200,2],[5288,1],[5569,1],[5607,2],[5800,1],[5819,2],[5896,1],[5929,1],[5936,1],[6001,2],[6144,1],[6965,1],[7680,2],[7918,1],[8070,1],[8103,1],[8177,1],[8222,1],[8233,1],[8253,1],[8267,1],[8272,1],[8284,1],[8286,4],[8300,1],[8331,1],[8378,1],[8383,1],[8395,1],[8418,1],[8450,1],[8476,1],[8481,1],[8493,1],[8516,1],[8539,1],[8556,2],[8576,1],[8578,1]]},"638":{"position":[[837,2],[917,2],[1300,2],[1380,1],[1634,2],[1761,1],[2052,2],[2140,1],[2935,2]]},"640":{"position":[[756,2],[996,1],[1022,1],[1072,1],[1186,1],[1219,1],[1293,1],[1338,1],[1349,1],[1369,1],[1383,1],[1388,1],[1400,1],[1402,4],[1416,1],[1447,1],[1494,1],[1499,1],[1511,1],[1534,1],[1566,1],[1592,1],[1597,1],[1609,1],[1634,1],[1657,1],[1674,2],[1694,1],[1696,1]]},"642":{"position":[[436,2],[847,2],[927,2],[1273,2],[1660,2],[1740,1],[1994,2],[2121,1],[2412,2],[2500,1],[3367,2],[3663,2],[3773,2],[3832,2],[4157,2],[4237,2],[4282,2],[4338,2],[4408,2],[4506,2],[4543,2],[5250,2],[5329,1],[5331,2],[5419,1],[5753,1],[5925,2],[5943,1],[5957,1],[6004,3],[6709,2],[6972,2],[6984,2],[7073,2],[7082,1],[7108,1],[7158,1],[7272,1],[7305,1],[7379,1],[7424,1],[7435,1],[7455,1],[7469,1],[7474,1],[7486,1],[7488,4],[7502,1],[7533,1],[7580,1],[7585,1],[7597,1],[7620,1],[7652,1],[7678,1],[7683,1],[7695,1],[7720,1],[7743,1],[7760,2],[7780,1],[7782,1]]},"644":{"position":[[436,2],[847,2],[927,2],[1273,2],[1660,2],[1740,1],[1994,2],[2121,1],[2412,2],[2500,1],[3367,2],[3663,2],[3773,2],[3832,2],[4157,2],[4237,2],[4282,2],[4352,2],[5049,2],[5128,1],[5130,2],[5218,1],[5563,2],[5592,1],[5764,2],[5782,1],[5796,1],[5843,3],[6548,2],[6811,2],[6823,2],[6912,2],[6921,1],[6947,1],[6997,1],[7111,1],[7144,1],[7218,1],[7263,1],[7274,1],[7294,1],[7308,1],[7313,1],[7325,1],[7327,4],[7341,1],[7372,1],[7419,1],[7424,1],[7436,1],[7459,1],[7491,1],[7517,1],[7522,1],[7534,1],[7559,1],[7582,1],[7599,2],[7619,1],[7621,1]]},"646":{"position":[[761,2],[1001,1],[1027,1],[1077,1],[1191,1],[1224,1],[1298,1],[1343,1],[1354,1],[1374,1],[1388,1],[1393,1],[1405,1],[1407,4],[1421,1],[1452,1],[1499,1],[1504,1],[1516,1],[1539,1],[1571,1],[1597,1],[1602,1],[1614,1],[1639,1],[1662,1],[1679,2],[1699,1],[1701,1]]},"648":{"position":[[718,2],[894,2],[1035,2],[1147,2],[1261,2],[1370,2],[1478,2],[1585,2],[1687,2],[1790,2],[1851,1],[1888,1],[1900,1],[1902,1],[1964,1],[1982,1],[2000,1],[2008,1],[2033,1],[2070,1],[2083,2],[2129,1],[2131,1],[2218,2],[2330,2],[2444,2],[2553,2],[2661,2],[2768,2],[2870,2],[2973,2],[3034,1],[3071,1],[3083,1],[3085,1],[3147,1],[3165,1],[3183,1],[3191,1],[3216,1],[3253,1],[3287,1],[3294,2],[3340,1],[3342,1],[3414,2],[3526,2],[3632,2],[3737,2],[3810,1],[3847,1],[3859,1],[3861,1],[3923,1],[3941,1],[3959,1],[3967,1],[3992,1],[4029,1],[4041,2],[4087,1],[4089,1],[4226,1],[4263,1],[4275,1],[4277,1],[4320,1],[4338,1],[4356,1],[4364,1],[4389,1],[4439,1],[4479,1],[4491,2],[4537,1],[4539,1],[4659,1],[4696,1],[4708,1],[4710,1],[4753,1],[4771,1],[4789,1],[4797,1],[4822,1],[4871,1],[4879,2],[4925,1],[4927,1],[5053,3],[5057,3],[5093,3],[5097,3],[5130,2],[5272,1],[5309,1],[5321,1],[5323,1],[5374,1],[5380,1],[5382,2],[5451,1],[5469,1],[5477,1],[5504,1],[5538,1],[5558,2],[5604,1],[5626,1],[5628,2],[5664,1],[5682,1],[5690,1],[5717,1],[5749,1],[5768,2],[5814,1],[5816,1],[5818,1]]},"650":{"position":[[86,1]]},"652":{"position":[[436,2],[847,2],[927,2],[1314,2],[1394,1],[1648,2],[1775,1],[2066,2],[2154,1],[2953,2],[3136,2],[3209,2],[3278,2],[3603,2],[3683,2],[3728,2],[3784,2],[3864,2],[3962,2],[3999,2],[4454,2],[4534,1],[4788,2],[4915,1],[5206,2],[5294,1],[5638,1],[5810,2],[5828,1],[5842,1],[5889,3],[6614,2],[6852,1],[7004,1],[7037,1],[7111,1],[7156,1],[7167,1],[7187,1],[7201,1],[7206,1],[7218,1],[7220,4],[7234,1],[7265,1],[7312,1],[7317,1],[7329,1],[7352,1],[7384,1],[7410,1],[7415,1],[7427,1],[7450,1],[7473,1],[7490,2],[7510,1],[7512,1]]},"654":{"position":[[538,2],[1134,2],[1402,2],[1772,2],[2062,2],[2315,2],[6450,2],[6876,2],[7296,2],[7707,2],[8127,2],[8544,2],[9460,2],[10331,2],[11398,2],[13049,2],[14024,2],[15630,1],[15664,1],[15702,2],[15724,1],[15764,2],[15786,1],[15794,1],[18915,1],[18945,1],[18956,1],[18982,1],[19004,1],[19018,1],[19283,2],[19459,2],[19499,2],[19549,2],[19581,2],[19600,2],[19754,2],[19797,2],[19853,2],[19885,2],[19907,2],[20120,2],[20152,2],[20171,2],[20511,1],[20537,1],[20578,1],[20630,1],[20644,1],[20694,1],[20738,1],[20782,1],[20826,1],[20842,1],[20869,1],[20916,1],[20935,1],[20962,1],[20994,1],[21006,1],[21031,1],[21053,1],[21071,1],[21099,1],[21124,1],[21143,1],[21163,1],[21199,1],[21345,1],[21372,1],[21382,1],[21403,1],[21431,1],[21454,1],[21479,1],[21530,1],[21594,1],[21606,1],[21608,1],[21643,1],[21711,1],[21723,1],[21748,1],[21800,1],[21864,1],[21876,1],[21878,1],[21880,1],[24363,1],[24406,2],[24469,2],[24534,2],[24568,1],[25174,1],[25198,1],[25257,2],[25328,2],[25400,2],[25471,2],[25504,1]]},"656":{"position":[[450,2],[689,2],[1075,2],[1543,2],[1726,2],[1735,1],[1870,1],[1903,1],[1977,1],[2022,1],[2033,1],[2053,1],[2067,1],[2074,1],[2105,1],[2136,1],[2170,1],[2177,1],[2199,1],[2232,1],[2257,1],[2264,1],[2292,1],[2325,1],[2357,1],[2364,1],[2390,1],[2420,1],[2449,1],[2456,1],[2479,1],[2515,1],[2529,2],[2549,1],[2551,1],[2827,2],[2836,1],[2971,1],[3004,1],[3078,1],[3123,1],[3134,1],[3154,1],[3168,1],[3173,1],[3185,1],[3216,1],[3247,1],[3281,1],[3286,1],[3302,1],[3338,1],[3350,2],[3365,1],[3370,1],[3382,1],[3403,1],[3433,1],[3471,1],[3476,1],[3492,1],[3533,1],[3548,2],[3563,1],[3568,1],[3580,1],[3602,1],[3635,1],[3674,1],[3679,1],[3691,1],[3717,1],[3747,1],[3790,1],[3795,1],[3807,1],[3830,1],[3866,1],[3906,1],[3911,1],[3927,1],[3955,1],[3965,2],[3980,1],[3985,1],[3997,1],[4025,1],[4058,1],[4104,1],[4109,1],[4122,1],[4152,1],[4184,1],[4231,1],[4236,1],[4249,1],[4277,1],[4306,1],[4351,1],[4356,1],[4369,1],[4391,1],[4417,1],[4444,2],[4464,1],[4466,1],[4659,2],[4668,1],[4803,1],[4836,1],[4910,1],[4955,1],[4966,1],[4986,1],[5000,1],[5005,1],[5017,1],[5048,1],[5079,1],[5113,1],[5118,1],[5134,1],[5170,1],[5193,1],[5213,2],[5228,1],[5233,1],[5245,1],[5266,1],[5296,1],[5334,1],[5339,1],[5355,1],[5396,1],[5422,1],[5442,2],[5457,1],[5462,1],[5474,1],[5496,1],[5529,1],[5568,1],[5573,1],[5585,1],[5611,1],[5641,1],[5684,1],[5689,1],[5701,1],[5724,1],[5760,1],[5800,1],[5805,1],[5821,1],[5849,1],[5870,1],[5889,2],[5904,1],[5909,1],[5921,1],[5949,1],[5982,1],[6028,1],[6033,1],[6046,1],[6076,1],[6108,1],[6155,1],[6160,1],[6173,1],[6201,1],[6230,1],[6275,1],[6280,1],[6293,1],[6315,1],[6341,1],[6368,2],[6388,1],[6390,1],[6672,2],[6927,1],[7062,1],[7095,1],[7169,1],[7214,1],[7225,1],[7245,1],[7259,1],[7264,1],[7276,1],[7307,1],[7338,1],[7372,1],[7377,1],[7393,1],[7429,1],[7452,1],[7472,2],[7487,1],[7492,1],[7504,1],[7525,1],[7555,1],[7593,1],[7598,1],[7614,1],[7655,1],[7681,1],[7701,2],[7716,1],[7721,1],[7733,1],[7755,1],[7788,1],[7827,1],[7832,1],[7844,1],[7870,1],[7900,1],[7943,1],[7948,1],[7960,1],[7983,1],[8019,1],[8059,1],[8064,1],[8080,1],[8108,1],[8129,1],[8148,2],[8163,1],[8168,1],[8180,1],[8208,1],[8241,1],[8287,1],[8292,1],[8305,1],[8335,1],[8367,1],[8414,1],[8419,1],[8432,1],[8460,1],[8489,1],[8534,1],[8539,1],[8552,1],[8574,1],[8600,1],[8627,2],[8647,1],[8649,1],[8924,2],[9061,2],[9252,1],[9270,1],[9415,1],[9448,1],[9522,1],[9567,1],[9578,1],[9598,1],[9612,1],[9617,1],[9629,1],[9660,1],[9691,1],[9725,1],[9730,1],[9746,1],[9782,1],[9805,1],[9825,2],[9840,1],[9845,1],[9857,1],[9878,1],[9908,1],[9946,1],[9951,1],[9967,1],[10008,1],[10034,1],[10054,2],[10069,1],[10074,1],[10086,1],[10108,1],[10141,1],[10180,1],[10185,1],[10197,1],[10223,1],[10253,1],[10296,1],[10301,1],[10313,1],[10336,1],[10372,1],[10412,1],[10417,1],[10433,1],[10461,1],[10482,1],[10501,2],[10516,1],[10521,1],[10533,1],[10561,1],[10594,1],[10640,1],[10645,1],[10658,1],[10688,1],[10720,1],[10767,1],[10772,1],[10785,1],[10813,1],[10842,1],[10887,1],[10892,1],[10905,1],[10927,1],[10953,1],[10980,2],[11000,1],[11031,2],[11059,1],[11397,2],[11534,2],[11725,1],[11743,1],[11888,1],[11921,1],[11995,1],[12040,1],[12051,1],[12071,1],[12085,1],[12090,1],[12102,1],[12133,1],[12164,1],[12198,1],[12203,1],[12219,1],[12255,1],[12278,1],[12298,2],[12313,1],[12318,1],[12330,1],[12351,1],[12381,1],[12419,1],[12424,1],[12440,1],[12481,1],[12507,1],[12527,2],[12542,1],[12547,1],[12559,1],[12581,1],[12614,1],[12653,1],[12658,1],[12670,1],[12696,1],[12726,1],[12769,1],[12774,1],[12786,1],[12809,1],[12845,1],[12885,1],[12890,1],[12906,1],[12934,1],[12955,1],[12974,2],[12989,1],[12994,1],[13006,1],[13034,1],[13067,1],[13113,1],[13118,1],[13131,1],[13161,1],[13193,1],[13240,1],[13245,1],[13258,1],[13286,1],[13315,1],[13360,1],[13365,1],[13378,1],[13400,1],[13426,1],[13453,2],[13473,1],[13504,2],[13532,1],[13827,2],[13964,2],[14155,1],[14173,1],[14318,1],[14351,1],[14425,1],[14470,1],[14481,1],[14501,1],[14515,1],[14520,1],[14532,1],[14563,1],[14594,1],[14628,1],[14633,1],[14649,1],[14685,1],[14708,1],[14728,2],[14743,1],[14748,1],[14760,1],[14781,1],[14811,1],[14849,1],[14854,1],[14870,1],[14911,1],[14937,1],[14957,2],[14972,1],[14977,1],[14989,1],[15011,1],[15044,1],[15083,1],[15088,1],[15100,1],[15126,1],[15156,1],[15199,1],[15204,1],[15216,1],[15239,1],[15275,1],[15315,1],[15320,1],[15336,1],[15364,1],[15385,1],[15404,2],[15419,1],[15424,1],[15436,1],[15464,1],[15497,1],[15543,1],[15548,1],[15561,1],[15591,1],[15623,1],[15670,1],[15675,1],[15688,1],[15716,1],[15745,1],[15790,1],[15795,1],[15808,1],[15830,1],[15856,1],[15883,2],[15903,1],[15934,2],[15962,1],[16246,2],[16383,2],[16574,1],[16709,1],[16742,1],[16816,1],[16861,1],[16872,1],[16892,1],[16906,1],[16911,1],[16923,1],[16954,1],[16985,1],[17019,1],[17024,1],[17040,1],[17076,1],[17099,1],[17119,2],[17134,1],[17139,1],[17151,1],[17172,1],[17202,1],[17240,1],[17245,1],[17261,1],[17302,1],[17328,1],[17348,2],[17363,1],[17368,1],[17380,1],[17402,1],[17435,1],[17474,1],[17479,1],[17491,1],[17517,1],[17547,1],[17590,1],[17595,1],[17607,1],[17630,1],[17666,1],[17706,1],[17711,1],[17727,1],[17755,1],[17776,1],[17795,2],[17810,1],[17815,1],[17827,1],[17855,1],[17888,1],[17934,1],[17939,1],[17952,1],[17982,1],[18014,1],[18061,1],[18066,1],[18079,1],[18107,1],[18136,1],[18181,1],[18186,1],[18199,1],[18221,1],[18247,1],[18274,2],[18294,1],[18325,2],[18353,1],[18651,2],[19026,1],[19050,1],[19192,1],[19225,1],[19299,1],[19344,1],[19355,1],[19375,1],[19389,1],[19394,1],[19406,1],[19437,1],[19468,1],[19502,1],[19507,1],[19523,1],[19559,1],[19582,1],[19602,2],[19617,1],[19622,1],[19634,1],[19655,1],[19685,1],[19723,1],[19728,1],[19744,1],[19785,1],[19811,1],[19831,2],[19846,1],[19851,1],[19863,1],[19885,1],[19918,1],[19957,1],[19962,1],[19974,1],[20000,1],[20030,1],[20073,1],[20078,1],[20090,1],[20113,1],[20149,1],[20189,1],[20194,1],[20210,1],[20238,1],[20259,1],[20278,2],[20293,1],[20298,1],[20310,1],[20338,1],[20371,1],[20417,1],[20422,1],[20435,1],[20465,1],[20497,1],[20544,1],[20549,1],[20562,1],[20590,1],[20619,1],[20664,1],[20669,1],[20682,1],[20704,1],[20730,1],[20757,2],[20777,1],[20814,2],[20834,1],[20855,1],[20880,1],[20896,1],[22111,1],[22122,1],[22351,2],[22360,1],[22495,1],[22528,1],[22602,1],[22647,1],[22658,1],[22678,1],[22692,1],[22697,1],[22709,1],[22740,1],[22771,1],[22805,1],[22810,1],[22826,1],[22862,1],[22874,2],[22889,1],[22894,1],[22906,1],[22927,1],[22957,1],[22995,1],[23000,1],[23016,1],[23057,1],[23072,2],[23087,1],[23092,1],[23104,1],[23126,1],[23159,1],[23212,1],[23217,1],[23229,1],[23255,1],[23285,1],[23342,1],[23347,1],[23359,1],[23382,1],[23418,1],[23472,1],[23477,1],[23493,1],[23521,1],[23531,2],[23546,1],[23551,1],[23563,1],[23591,1],[23624,1],[23670,1],[23675,1],[23688,1],[23718,1],[23750,1],[23797,1],[23802,1],[23815,1],[23843,1],[23872,1],[23917,1],[23922,1],[23935,1],[23957,1],[23983,1],[24010,2],[24030,1],[24032,1]]},"658":{"position":[[392,2],[960,2],[969,1],[995,1],[1007,1],[1009,1],[1025,4],[1123,2],[1135,1],[1292,2],[1304,1],[1400,1],[1793,2],[1802,1],[1828,1],[1840,1],[1842,1],[1858,4],[1950,2],[1962,1],[2113,2],[2125,1],[2221,1],[2486,2],[2495,1],[2521,1],[2533,1],[2535,1],[2551,4],[2660,1],[2662,2],[2706,1],[1357801,1],[1357858,2],[1357870,1],[1358021,2],[1358033,1],[1358129,1]]},"660":{"position":[[174,1],[773,2],[1344,2],[2042,2],[2177,1],[2190,1],[2192,2],[2386,2],[3862,1],[4099,2],[7901,1],[7985,1],[7997,1],[8019,1],[8035,1],[8040,1],[8052,1],[8075,1],[8096,1],[8135,1],[8142,2],[8159,1],[8164,1],[8176,1],[8197,1],[8229,1],[8266,1],[8273,2],[8290,1],[8295,1],[8307,1],[8329,1],[8352,1],[8390,1],[8397,2],[8414,1],[8419,1],[8431,1],[8452,1],[8481,1],[8518,1],[8526,2],[8543,1],[8548,1],[8560,1],[8584,1],[8614,1],[8652,1],[8659,2],[8676,1],[8681,1],[8693,1],[8715,1],[8734,1],[8772,1],[8779,2],[8796,1],[8801,1],[8813,1],[8837,1],[8856,1],[8894,1],[8901,2],[8918,1],[8923,1],[8935,1],[8958,1],[8980,1],[9017,1],[9024,2],[9041,1],[9046,1],[9058,1],[9080,1],[9099,1],[9136,1],[9143,2],[9146,2],[9149,1],[9271,1],[9331,1],[9333,1],[10246,1],[10330,1],[10342,1],[10364,1],[10380,1],[10385,1],[10397,1],[10420,1],[10441,1],[10480,1],[10487,2],[10504,1],[10509,1],[10521,1],[10542,1],[10574,1],[10611,1],[10618,2],[10635,1],[10640,1],[10652,1],[10674,1],[10697,1],[10735,1],[10742,2],[10759,1],[10764,1],[10776,1],[10797,1],[10826,1],[10863,1],[10871,2],[10888,1],[10893,1],[10905,1],[10929,1],[10959,1],[10997,1],[11004,2],[11021,1],[11026,1],[11038,1],[11060,1],[11079,1],[11117,1],[11124,2],[11141,1],[11146,1],[11158,1],[11182,1],[11201,1],[11239,1],[11246,2],[11263,1],[11268,1],[11280,1],[11303,1],[11325,1],[11362,1],[11369,2],[11386,1],[11391,1],[11403,1],[11425,1],[11444,1],[11481,1],[11488,2],[11491,2],[11494,1],[11616,1],[11676,1],[11678,1],[12622,1],[12706,1],[12718,1],[12740,1],[12756,1],[12761,1],[12773,1],[12796,1],[12817,1],[12856,1],[12863,2],[12880,1],[12885,1],[12897,1],[12918,1],[12950,1],[12987,1],[12994,2],[13011,1],[13016,1],[13028,1],[13050,1],[13073,1],[13111,1],[13118,2],[13135,1],[13140,1],[13152,1],[13173,1],[13202,1],[13239,1],[13247,2],[13264,1],[13269,1],[13281,1],[13305,1],[13335,1],[13373,1],[13380,2],[13397,1],[13402,1],[13414,1],[13436,1],[13455,1],[13493,1],[13500,2],[13517,1],[13522,1],[13534,1],[13558,1],[13577,1],[13615,1],[13622,2],[13639,1],[13644,1],[13656,1],[13680,1],[13707,1],[13745,1],[13752,2],[13769,1],[13774,1],[13786,1],[13810,1],[13832,1],[13870,1],[13877,2],[13894,1],[13899,1],[13911,1],[13934,1],[13956,1],[13993,1],[14000,2],[14017,1],[14022,1],[14034,1],[14056,1],[14075,1],[14112,1],[14119,2],[14136,1],[14141,1],[14153,1],[14177,1],[14200,1],[14238,1],[14245,2],[14248,2],[14251,1],[14373,1],[14433,1],[14435,1],[14852,2],[14970,2],[15090,2],[15216,2],[15329,2],[15394,1],[15478,1],[15490,1],[15512,1],[15528,1],[15533,1],[15545,1],[15568,1],[15589,1],[15628,1],[15635,2],[15652,1],[15657,1],[15669,1],[15690,1],[15722,1],[15759,1],[15766,2],[15783,1],[15788,1],[15800,1],[15822,1],[15845,1],[15883,1],[15890,2],[15907,1],[15912,1],[15924,1],[15945,1],[15974,1],[16011,1],[16019,2],[16036,1],[16041,1],[16053,1],[16077,1],[16107,1],[16145,1],[16152,2],[16169,1],[16174,1],[16186,1],[16208,1],[16227,1],[16265,1],[16272,2],[16289,1],[16294,1],[16306,1],[16330,1],[16349,1],[16387,1],[16394,2],[16411,1],[16416,1],[16428,1],[16451,1],[16473,1],[16510,1],[16517,2],[16534,1],[16539,1],[16551,1],[16573,1],[16592,1],[16629,1],[16636,2],[16639,2],[16642,1],[16764,1],[16824,1],[16826,1],[17181,2],[17319,2],[17466,2],[17611,2],[17748,2],[17813,1],[17897,1],[17909,1],[17931,1],[17947,1],[17952,1],[17964,1],[17987,1],[18008,1],[18047,1],[18054,2],[18071,1],[18076,1],[18088,1],[18109,1],[18141,1],[18178,1],[18185,2],[18202,1],[18207,1],[18219,1],[18241,1],[18264,1],[18302,1],[18309,2],[18326,1],[18331,1],[18343,1],[18364,1],[18393,1],[18430,1],[18438,2],[18455,1],[18460,1],[18472,1],[18496,1],[18526,1],[18564,1],[18571,2],[18588,1],[18593,1],[18605,1],[18627,1],[18646,1],[18684,1],[18691,2],[18708,1],[18713,1],[18725,1],[18749,1],[18768,1],[18806,1],[18813,2],[18830,1],[18835,1],[18847,1],[18871,1],[18898,1],[18936,1],[18943,2],[18960,1],[18965,1],[18977,1],[19001,1],[19023,1],[19061,1],[19068,2],[19085,1],[19090,1],[19102,1],[19125,1],[19147,1],[19184,1],[19191,2],[19208,1],[19213,1],[19225,1],[19247,1],[19266,1],[19303,1],[19310,2],[19327,1],[19332,1],[19344,1],[19368,1],[19391,1],[19429,1],[19436,2],[19439,2],[19442,1],[19564,1],[19624,1],[19626,1],[20565,1],[20649,1],[20661,1],[20683,1],[20699,1],[20704,1],[20716,1],[20739,1],[20760,1],[20799,1],[20806,2],[20823,1],[20828,1],[20840,1],[20861,1],[20893,1],[20930,1],[20937,2],[20954,1],[20959,1],[20971,1],[20993,1],[21016,1],[21054,1],[21061,2],[21078,1],[21083,1],[21095,1],[21116,1],[21145,1],[21182,1],[21190,2],[21207,1],[21212,1],[21224,1],[21248,1],[21278,1],[21316,1],[21323,2],[21340,1],[21345,1],[21357,1],[21379,1],[21398,1],[21436,1],[21443,2],[21460,1],[21465,1],[21477,1],[21501,1],[21520,1],[21558,1],[21565,2],[21582,1],[21587,1],[21599,1],[21622,1],[21644,1],[21681,1],[21688,2],[21705,1],[21710,1],[21722,1],[21744,1],[21763,1],[21800,1],[21807,2],[21810,2],[21813,1],[21935,1],[21995,1],[21997,1],[22967,1],[23051,1],[23063,1],[23085,1],[23101,1],[23106,1],[23118,1],[23141,1],[23162,1],[23201,1],[23208,2],[23225,1],[23230,1],[23242,1],[23263,1],[23295,1],[23332,1],[23339,2],[23356,1],[23361,1],[23373,1],[23395,1],[23418,1],[23456,1],[23463,2],[23480,1],[23485,1],[23497,1],[23518,1],[23547,1],[23584,1],[23592,2],[23609,1],[23614,1],[23626,1],[23650,1],[23680,1],[23718,1],[23725,2],[23742,1],[23747,1],[23759,1],[23781,1],[23800,1],[23838,1],[23845,2],[23862,1],[23867,1],[23879,1],[23903,1],[23922,1],[23960,1],[23967,2],[23984,1],[23989,1],[24001,1],[24024,1],[24046,1],[24083,1],[24090,2],[24107,1],[24112,1],[24124,1],[24146,1],[24165,1],[24202,1],[24209,2],[24212,2],[24215,1],[24337,1],[24397,1],[24399,1],[26033,1],[26117,1],[26129,1],[26151,1],[26167,1],[26172,1],[26189,1],[26209,1],[26226,1],[26265,1],[26306,1],[26327,1],[26364,1],[26381,1],[26388,2],[26405,1],[26410,1],[26427,1],[26445,1],[26460,1],[26497,1],[26538,1],[26570,1],[26605,1],[26623,1],[26630,2],[26647,1],[26652,1],[26669,1],[26688,1],[26704,1],[26742,1],[26783,1],[26806,1],[26842,1],[26860,1],[26867,2],[26884,1],[26889,1],[26906,1],[26924,1],[26939,1],[26976,1],[27017,1],[27046,1],[27081,1],[27099,1],[27107,2],[27124,1],[27129,1],[27146,1],[27167,1],[27183,1],[27223,1],[27264,1],[27294,1],[27330,1],[27352,1],[27359,2],[27376,1],[27381,1],[27398,1],[27417,1],[27430,1],[27468,1],[27509,1],[27528,1],[27564,1],[27582,1],[27589,2],[27606,1],[27611,1],[27628,1],[27649,1],[27667,1],[27707,1],[27748,1],[27767,1],[27803,1],[27821,1],[27828,2],[27845,1],[27850,1],[27867,1],[27887,1],[27906,1],[27945,1],[27986,1],[28008,1],[28043,1],[28061,1],[28068,2],[28085,1],[28090,1],[28107,1],[28126,1],[28145,1],[28183,1],[28224,1],[28243,1],[28278,1],[28295,1],[28302,2],[28305,2],[28308,1],[28430,1],[28490,1],[28492,1],[28979,2],[29141,2],[29314,2],[29493,2],[29663,2],[29814,2],[29972,2],[30037,1],[30089,1],[30101,1],[30221,1],[30241,1],[30243,3],[30275,1],[30329,2],[30355,1],[30357,2],[30430,1],[30477,1],[30513,1],[30526,1],[30707,1],[30714,1],[30741,1],[30756,3],[30760,1],[30762,1],[31421,2],[31542,2],[31733,2],[31862,2],[31978,2],[32044,1],[32128,1],[32140,1],[32162,1],[32178,1],[32183,1],[32195,1],[32218,1],[32239,1],[32278,1],[32285,2],[32302,1],[32307,1],[32319,1],[32340,1],[32372,1],[32409,1],[32416,2],[32433,1],[32438,1],[32450,1],[32472,1],[32495,1],[32533,1],[32540,2],[32557,1],[32562,1],[32574,1],[32595,1],[32624,1],[32661,1],[32669,2],[32686,1],[32691,1],[32703,1],[32727,1],[32757,1],[32795,1],[32802,2],[32819,1],[32824,1],[32836,1],[32858,1],[32877,1],[32915,1],[32922,2],[32939,1],[32944,1],[32956,1],[32980,1],[32999,1],[33037,1],[33044,2],[33061,1],[33066,1],[33078,1],[33101,1],[33123,1],[33160,1],[33167,2],[33184,1],[33189,1],[33201,1],[33223,1],[33242,1],[33279,1],[33286,2],[33289,2],[33292,1],[33414,1],[33474,1],[33476,1],[33883,2],[34004,2],[34227,2],[34343,2],[34409,1],[34493,1],[34505,1],[34527,1],[34543,1],[34548,1],[34560,1],[34583,1],[34604,1],[34643,1],[34650,2],[34667,1],[34672,1],[34684,1],[34705,1],[34737,1],[34774,1],[34781,2],[34798,1],[34803,1],[34815,1],[34837,1],[34860,1],[34898,1],[34905,2],[34922,1],[34927,1],[34939,1],[34960,1],[34989,1],[35026,1],[35034,2],[35051,1],[35056,1],[35068,1],[35092,1],[35122,1],[35160,1],[35167,2],[35184,1],[35189,1],[35201,1],[35223,1],[35242,1],[35280,1],[35287,2],[35304,1],[35309,1],[35321,1],[35345,1],[35364,1],[35402,1],[35409,2],[35426,1],[35431,1],[35443,1],[35466,1],[35488,1],[35525,1],[35532,2],[35549,1],[35554,1],[35566,1],[35588,1],[35607,1],[35644,1],[35651,2],[35654,2],[35657,1],[35779,1],[35839,1],[35841,1],[36774,1],[36858,1],[36870,1],[36892,1],[36908,1],[36913,1],[36925,1],[36948,1],[36969,1],[37008,1],[37015,2],[37032,1],[37037,1],[37049,1],[37070,1],[37102,1],[37139,1],[37146,2],[37163,1],[37168,1],[37180,1],[37202,1],[37225,1],[37263,1],[37270,2],[37287,1],[37292,1],[37304,1],[37325,1],[37354,1],[37391,1],[37399,2],[37416,1],[37421,1],[37433,1],[37457,1],[37487,1],[37525,1],[37532,2],[37549,1],[37554,1],[37566,1],[37588,1],[37607,1],[37645,1],[37652,2],[37669,1],[37674,1],[37686,1],[37710,1],[37729,1],[37767,1],[37774,2],[37791,1],[37796,1],[37808,1],[37831,1],[37853,1],[37890,1],[37897,2],[37914,1],[37919,1],[37931,1],[37953,1],[37972,1],[38009,1],[38016,2],[38019,2],[38022,1],[38144,1],[38204,1],[38206,1],[39179,1],[39263,1],[39275,1],[39297,1],[39313,1],[39318,1],[39330,1],[39353,1],[39377,1],[39394,1],[39401,2],[39418,1],[39423,1],[39435,1],[39456,1],[39491,1],[39509,1],[39516,2],[39533,1],[39538,1],[39550,1],[39572,1],[39598,1],[39616,1],[39623,2],[39640,1],[39645,1],[39657,1],[39678,1],[39710,1],[39728,1],[39736,2],[39753,1],[39758,1],[39770,1],[39794,1],[39827,1],[39849,1],[39856,2],[39873,1],[39878,1],[39890,1],[39912,1],[39934,1],[39952,1],[39959,2],[39976,1],[39981,1],[39993,1],[40017,1],[40039,1],[40057,1],[40064,2],[40081,1],[40086,1],[40098,1],[40121,1],[40146,1],[40164,1],[40171,2],[40188,1],[40193,1],[40205,1],[40227,1],[40249,1],[40266,1],[40273,2],[40276,2],[40279,1],[40401,1],[40461,1],[40463,1],[41437,1],[41521,1],[41533,1],[41555,1],[41571,1],[41576,1],[41588,1],[41611,1],[41635,1],[41652,1],[41659,2],[41676,1],[41681,1],[41693,1],[41714,1],[41749,1],[41767,1],[41774,2],[41791,1],[41796,1],[41808,1],[41830,1],[41856,1],[41874,1],[41881,2],[41898,1],[41903,1],[41915,1],[41936,1],[41968,1],[41986,1],[41994,2],[42011,1],[42016,1],[42028,1],[42052,1],[42085,1],[42107,1],[42114,2],[42131,1],[42136,1],[42148,1],[42170,1],[42192,1],[42210,1],[42217,2],[42234,1],[42239,1],[42251,1],[42275,1],[42297,1],[42315,1],[42322,2],[42339,1],[42344,1],[42356,1],[42379,1],[42404,1],[42422,1],[42429,2],[42446,1],[42451,1],[42463,1],[42485,1],[42507,1],[42524,1],[42531,2],[42534,2],[42537,1],[42659,1],[42719,1],[42721,1],[44062,1],[44146,1],[44158,1],[44180,1],[44196,1],[44201,1],[44218,1],[44238,1],[44255,1],[44294,1],[44335,1],[44356,1],[44393,1],[44410,1],[44417,2],[44434,1],[44439,1],[44456,1],[44474,1],[44489,1],[44526,1],[44567,1],[44599,1],[44634,1],[44652,1],[44659,2],[44676,1],[44681,1],[44698,1],[44717,1],[44733,1],[44771,1],[44812,1],[44835,1],[44871,1],[44889,1],[44896,2],[44913,1],[44918,1],[44935,1],[44953,1],[44968,1],[45005,1],[45046,1],[45075,1],[45110,1],[45128,1],[45136,2],[45153,1],[45158,1],[45175,1],[45196,1],[45212,1],[45252,1],[45293,1],[45323,1],[45359,1],[45381,1],[45388,2],[45405,1],[45410,1],[45427,1],[45446,1],[45459,1],[45497,1],[45538,1],[45557,1],[45593,1],[45611,1],[45618,2],[45635,1],[45640,1],[45657,1],[45678,1],[45696,1],[45736,1],[45777,1],[45796,1],[45832,1],[45850,1],[45857,2],[45874,1],[45879,1],[45896,1],[45916,1],[45935,1],[45974,1],[46015,1],[46037,1],[46072,1],[46090,1],[46097,2],[46114,1],[46119,1],[46136,1],[46155,1],[46174,1],[46212,1],[46253,1],[46272,1],[46307,1],[46324,1],[46331,2],[46334,2],[46337,1],[46459,1],[46519,1],[46521,1],[47415,1],[47499,1],[47511,1],[47533,1],[47549,1],[47554,1],[47566,1],[47589,1],[47610,1],[47649,1],[47656,2],[47673,1],[47678,1],[47690,1],[47711,1],[47743,1],[47780,1],[47787,2],[47804,1],[47809,1],[47821,1],[47843,1],[47866,1],[47904,1],[47911,2],[47928,1],[47933,1],[47945,1],[47966,1],[47995,1],[48032,1],[48040,2],[48057,1],[48062,1],[48074,1],[48098,1],[48128,1],[48166,1],[48173,2],[48190,1],[48195,1],[48207,1],[48229,1],[48248,1],[48286,1],[48293,2],[48310,1],[48315,1],[48327,1],[48351,1],[48370,1],[48408,1],[48415,2],[48432,1],[48437,1],[48449,1],[48473,1],[48500,1],[48538,1],[48545,2],[48562,1],[48567,1],[48579,1],[48603,1],[48625,1],[48663,1],[48670,2],[48687,1],[48692,1],[48704,1],[48727,1],[48749,1],[48786,1],[48793,2],[48810,1],[48815,1],[48827,1],[48849,1],[48868,1],[48905,1],[48912,2],[48929,1],[48934,1],[48946,1],[48970,1],[48993,1],[49031,1],[49038,2],[49041,2],[49044,1],[49166,1],[49226,1],[49228,1],[49940,1],[50060,1],[50131,1],[50138,1],[50173,1],[50177,3],[50181,1],[50183,1],[51171,2],[51379,2],[51526,2],[51671,2],[51808,2],[51873,1],[51985,1],[51997,1],[52028,1],[52040,1],[52162,1],[52187,2],[52276,1],[52294,2],[52402,1],[52468,1],[52500,2],[52631,1],[52656,1],[52772,1],[52830,1],[52849,1],[53000,1],[53110,1],[53158,1],[53187,1],[53203,1],[53208,1],[53220,1],[53243,1],[53264,1],[53303,1],[53310,2],[53327,1],[53332,1],[53344,1],[53365,1],[53397,1],[53434,1],[53441,2],[53458,1],[53463,1],[53475,1],[53497,1],[53520,1],[53558,1],[53565,2],[53582,1],[53587,1],[53599,1],[53620,1],[53649,1],[53686,1],[53694,2],[53711,1],[53716,1],[53728,1],[53752,1],[53782,1],[53820,1],[53827,2],[53844,1],[53849,1],[53861,1],[53883,1],[53902,1],[53940,1],[53947,2],[53964,1],[53969,1],[53981,1],[54005,1],[54024,1],[54062,1],[54069,2],[54086,1],[54091,1],[54103,1],[54127,1],[54154,1],[54192,1],[54199,2],[54216,1],[54221,1],[54233,1],[54257,1],[54279,1],[54317,1],[54324,2],[54341,1],[54346,1],[54358,1],[54381,1],[54403,1],[54440,1],[54447,2],[54464,1],[54469,1],[54481,1],[54503,1],[54522,1],[54559,1],[54566,2],[54583,1],[54588,1],[54600,1],[54624,1],[54647,1],[54685,1],[54692,2],[54695,2],[54698,1],[54700,1],[54988,1],[55657,1],[55665,1],[55726,1],[55751,1],[55790,1],[55826,1],[55842,1],[55847,1],[55859,1],[55882,1],[55903,1],[55942,1],[55949,2],[55966,1],[55971,1],[55983,1],[56004,1],[56036,1],[56073,1],[56080,2],[56097,1],[56102,1],[56114,1],[56136,1],[56159,1],[56197,1],[56204,2],[56221,1],[56226,1],[56238,1],[56259,1],[56288,1],[56325,1],[56333,2],[56350,1],[56355,1],[56367,1],[56391,1],[56421,1],[56459,1],[56466,1],[56468,3],[56509,1],[56545,1],[56561,1],[56566,1],[56578,1],[56600,1],[56619,1],[56657,1],[56664,2],[56681,1],[56686,1],[56698,1],[56722,1],[56741,1],[56779,1],[56786,2],[56803,1],[56808,1],[56820,1],[56843,1],[56865,1],[56902,1],[56909,2],[56926,1],[56931,1],[56943,1],[56965,1],[56984,1],[57021,1],[57028,1],[57030,2],[57033,2],[57036,1],[58146,1],[58245,1],[58257,1],[58279,1],[58295,1],[58300,1],[58312,1],[58335,1],[58356,1],[58395,1],[58402,2],[58419,1],[58424,1],[58436,1],[58457,1],[58489,1],[58526,1],[58533,2],[58550,1],[58555,1],[58567,1],[58589,1],[58612,1],[58650,1],[58657,2],[58674,1],[58679,1],[58691,1],[58712,1],[58741,1],[58778,1],[58786,2],[58803,1],[58808,1],[58820,1],[58844,1],[58874,1],[58912,1],[58919,1],[58921,2],[58924,1],[58959,1],[58961,2],[59023,2],[59121,1],[59151,1],[59153,2],[59188,1],[59258,2],[59347,2],[59398,1],[59406,1],[59443,1],[59453,1],[59479,1],[59497,2],[59506,1],[59520,1],[59560,1],[59595,1],[59707,1],[59727,1],[59729,1],[60704,2],[60842,2],[60989,2],[61134,2],[61271,2],[61336,1],[61500,1],[61525,2],[61614,1],[61632,2],[61740,1],[61784,1],[61853,2],[61914,1],[61962,1],[61991,1],[62007,1],[62012,1],[62024,1],[62047,1],[62068,1],[62107,1],[62114,2],[62131,1],[62136,1],[62148,1],[62169,1],[62201,1],[62238,1],[62245,2],[62262,1],[62267,1],[62279,1],[62301,1],[62324,1],[62362,1],[62369,2],[62386,1],[62391,1],[62403,1],[62424,1],[62453,1],[62490,1],[62498,2],[62515,1],[62520,1],[62532,1],[62556,1],[62586,1],[62624,1],[62631,2],[62648,1],[62653,1],[62665,1],[62687,1],[62706,1],[62744,1],[62751,2],[62768,1],[62773,1],[62785,1],[62809,1],[62828,1],[62866,1],[62873,2],[62890,1],[62895,1],[62907,1],[62931,1],[62958,1],[62996,1],[63003,2],[63020,1],[63025,1],[63037,1],[63061,1],[63083,1],[63121,1],[63128,2],[63145,1],[63150,1],[63162,1],[63185,1],[63207,1],[63244,1],[63251,2],[63268,1],[63273,1],[63285,1],[63307,1],[63326,1],[63363,1],[63370,2],[63387,1],[63392,1],[63404,1],[63428,1],[63451,1],[63489,1],[63496,2],[63499,2],[63502,1],[63504,1],[64031,2],[64169,2],[64316,2],[64461,2],[64598,2],[64633,2],[64647,1],[64665,1],[64731,1],[64895,1],[64920,2],[65009,1],[65027,2],[65135,1],[65183,1],[65212,1],[65228,1],[65233,1],[65245,1],[65268,1],[65289,1],[65328,1],[65335,2],[65352,1],[65357,1],[65369,1],[65390,1],[65422,1],[65459,1],[65466,2],[65483,1],[65488,1],[65500,1],[65522,1],[65545,1],[65583,1],[65590,2],[65607,1],[65612,1],[65624,1],[65645,1],[65674,1],[65711,1],[65719,2],[65736,1],[65741,1],[65753,1],[65777,1],[65807,1],[65845,1],[65852,2],[65869,1],[65874,1],[65886,1],[65908,1],[65927,1],[65965,1],[65972,2],[65989,1],[65994,1],[66006,1],[66030,1],[66049,1],[66087,1],[66094,2],[66111,1],[66116,1],[66128,1],[66152,1],[66179,1],[66217,1],[66224,2],[66241,1],[66246,1],[66258,1],[66282,1],[66304,1],[66342,1],[66349,2],[66366,1],[66371,1],[66383,1],[66406,1],[66428,1],[66465,1],[66472,2],[66489,1],[66494,1],[66506,1],[66528,1],[66547,1],[66584,1],[66591,2],[66608,1],[66613,1],[66625,1],[66649,1],[66672,1],[66710,1],[66717,2],[66720,2],[66723,1],[66725,1],[67161,2],[67319,2],[67466,2],[67611,2],[67748,2],[67813,1],[67978,1],[68003,2],[68092,1],[68110,2],[68218,1],[68266,1],[68295,1],[68311,1],[68316,1],[68328,1],[68351,1],[68372,1],[68411,1],[68418,2],[68435,1],[68440,1],[68452,1],[68473,1],[68505,1],[68542,1],[68549,2],[68566,1],[68571,1],[68583,1],[68605,1],[68628,1],[68666,1],[68673,2],[68690,1],[68695,1],[68707,1],[68728,1],[68757,1],[68794,1],[68802,2],[68819,1],[68824,1],[68836,1],[68860,1],[68890,1],[68928,1],[68935,2],[68952,1],[68957,1],[68969,1],[68991,1],[69010,1],[69048,1],[69055,2],[69072,1],[69077,1],[69089,1],[69113,1],[69132,1],[69170,1],[69177,2],[69194,1],[69199,1],[69211,1],[69235,1],[69262,1],[69300,1],[69307,2],[69324,1],[69329,1],[69341,1],[69365,1],[69387,1],[69425,1],[69432,2],[69449,1],[69454,1],[69466,1],[69489,1],[69511,1],[69548,1],[69555,2],[69572,1],[69577,1],[69589,1],[69611,1],[69630,1],[69667,1],[69674,2],[69691,1],[69696,1],[69708,1],[69732,1],[69755,1],[69793,1],[69800,2],[69803,2],[69806,1],[69808,1],[70321,2],[70459,2],[70606,2],[70751,2],[71054,1],[71124,1],[71130,2],[71149,2],[71169,2],[71209,2],[71223,1],[71233,1],[71355,1],[71380,2],[71469,1],[71487,2],[71595,1],[71643,1],[71672,1],[71688,1],[71693,1],[71705,1],[71728,1],[71749,1],[71788,1],[71795,2],[71812,1],[71817,1],[71829,1],[71850,1],[71882,1],[71919,1],[71926,2],[71943,1],[71948,1],[71960,1],[71982,1],[72005,1],[72043,1],[72050,2],[72067,1],[72072,1],[72084,1],[72105,1],[72134,1],[72171,1],[72179,2],[72196,1],[72201,1],[72213,1],[72237,1],[72267,1],[72305,1],[72312,2],[72329,1],[72334,1],[72346,1],[72368,1],[72387,1],[72425,1],[72432,2],[72449,1],[72454,1],[72466,1],[72490,1],[72509,1],[72547,1],[72554,2],[72571,1],[72576,1],[72588,1],[72612,1],[72639,1],[72677,1],[72684,2],[72701,1],[72706,1],[72718,1],[72742,1],[72764,1],[72802,1],[72809,2],[72826,1],[72831,1],[72843,1],[72866,1],[72888,1],[72925,1],[72932,2],[72949,1],[72954,1],[72966,1],[72988,1],[73007,1],[73044,1],[73051,2],[73068,1],[73073,1],[73085,1],[73109,1],[73132,1],[73170,1],[73177,2],[73180,2],[73183,1],[73185,1],[74168,1],[74189,1],[74210,1],[74253,1],[74310,1],[74439,1],[74518,2],[74607,1],[74625,2],[74733,1],[74781,1],[74810,1],[74826,1],[74831,1],[74843,1],[74866,1],[74887,1],[74926,1],[74933,2],[74950,1],[74955,1],[74967,1],[74988,1],[75020,1],[75057,1],[75064,2],[75081,1],[75086,1],[75098,1],[75120,1],[75143,1],[75181,1],[75188,2],[75205,1],[75210,1],[75222,1],[75243,1],[75272,1],[75309,1],[75317,2],[75334,1],[75339,1],[75351,1],[75375,1],[75405,1],[75443,1],[75450,2],[75467,1],[75472,1],[75484,1],[75506,1],[75525,1],[75563,1],[75570,2],[75587,1],[75592,1],[75604,1],[75628,1],[75647,1],[75685,1],[75692,2],[75709,1],[75714,1],[75726,1],[75749,1],[75771,1],[75808,1],[75815,2],[75832,1],[75837,1],[75849,1],[75871,1],[75890,1],[75927,1],[75934,2],[75937,2],[75940,1],[76008,1],[76028,1],[76052,2],[76071,1],[76083,1],[76119,1],[76121,1],[77143,1],[77164,1],[77185,1],[77228,1],[77285,1],[77414,1],[77493,2],[77582,1],[77600,2],[77708,1],[77756,1],[77785,1],[77801,1],[77806,1],[77818,1],[77841,1],[77862,1],[77901,1],[77908,2],[77925,1],[77930,1],[77942,1],[77963,1],[77995,1],[78032,1],[78039,2],[78056,1],[78061,1],[78073,1],[78095,1],[78118,1],[78156,1],[78163,2],[78180,1],[78185,1],[78197,1],[78218,1],[78247,1],[78284,1],[78292,2],[78309,1],[78314,1],[78326,1],[78350,1],[78380,1],[78418,1],[78425,2],[78442,1],[78447,1],[78459,1],[78481,1],[78500,1],[78538,1],[78545,2],[78562,1],[78567,1],[78579,1],[78603,1],[78622,1],[78660,1],[78667,2],[78684,1],[78689,1],[78701,1],[78724,1],[78746,1],[78783,1],[78790,2],[78807,1],[78812,1],[78824,1],[78846,1],[78865,1],[78902,1],[78909,2],[78912,2],[78915,1],[78983,1],[79003,1],[79027,2],[79046,1],[79058,1],[79094,1],[79096,1],[80494,1],[80515,1],[80536,1],[80579,1],[80636,1],[80765,1],[80790,2],[80879,1],[80897,2],[81005,1],[81053,1],[81082,1],[81098,1],[81103,1],[81115,1],[81138,1],[81159,1],[81198,1],[81205,2],[81222,1],[81227,1],[81239,1],[81260,1],[81292,1],[81329,1],[81336,2],[81353,1],[81358,1],[81370,1],[81392,1],[81415,1],[81453,1],[81460,2],[81477,1],[81482,1],[81494,1],[81515,1],[81544,1],[81581,1],[81589,2],[81606,1],[81611,1],[81623,1],[81647,1],[81677,1],[81715,1],[81722,2],[81739,1],[81744,1],[81756,1],[81778,1],[81797,1],[81835,1],[81842,2],[81859,1],[81864,1],[81876,1],[81900,1],[81919,1],[81957,1],[81964,2],[81981,1],[81986,1],[81998,1],[82021,1],[82043,1],[82080,1],[82087,2],[82104,1],[82109,1],[82121,1],[82143,1],[82162,1],[82199,1],[82206,2],[82209,2],[82212,1],[82292,1],[82317,2],[82325,1],[82333,2],[82368,1],[82374,1],[82431,1],[82447,1],[82454,2],[82489,1],[82495,1],[82563,1],[82583,1],[82607,2],[82626,1],[82638,1],[82674,1],[82676,1],[83376,2],[83491,2],[83608,2],[83655,1],[83678,1],[83724,1],[83856,1],[83881,2],[83970,1],[83988,2],[84096,1],[84144,1],[84173,1],[84189,1],[84194,1],[84206,1],[84229,1],[84250,1],[84289,1],[84296,2],[84313,1],[84318,1],[84330,1],[84351,1],[84383,1],[84420,1],[84427,2],[84444,1],[84449,1],[84461,1],[84483,1],[84506,1],[84544,1],[84551,2],[84568,1],[84573,1],[84585,1],[84606,1],[84635,1],[84672,1],[84680,2],[84697,1],[84702,1],[84714,1],[84738,1],[84768,1],[84806,1],[84813,2],[84830,1],[84835,1],[84847,1],[84869,1],[84888,1],[84926,1],[84933,2],[84950,1],[84955,1],[84967,1],[84991,1],[85010,1],[85048,1],[85055,2],[85072,1],[85077,1],[85089,1],[85113,1],[85140,1],[85178,1],[85185,2],[85202,1],[85207,1],[85219,1],[85243,1],[85265,1],[85303,1],[85310,2],[85327,1],[85332,1],[85344,1],[85367,1],[85389,1],[85426,1],[85433,2],[85450,1],[85455,1],[85467,1],[85489,1],[85508,1],[85545,1],[85552,2],[85569,1],[85574,1],[85586,1],[85610,1],[85633,1],[85671,1],[85678,2],[85681,2],[85684,1],[85720,2],[85732,1],[85740,1],[85992,1],[86002,3],[86447,1],[86490,1],[86622,1],[86647,2],[86736,1],[86754,2],[86862,1],[86910,1],[86939,1],[86955,1],[86960,1],[86972,1],[86995,1],[87016,1],[87055,1],[87062,2],[87079,1],[87084,1],[87096,1],[87117,1],[87149,1],[87186,1],[87193,2],[87210,1],[87215,1],[87227,1],[87249,1],[87272,1],[87310,1],[87317,2],[87334,1],[87339,1],[87351,1],[87372,1],[87401,1],[87438,1],[87446,2],[87463,1],[87468,1],[87480,1],[87504,1],[87534,1],[87572,1],[87579,2],[87596,1],[87601,1],[87613,1],[87635,1],[87654,1],[87692,1],[87699,2],[87716,1],[87721,1],[87733,1],[87757,1],[87776,1],[87814,1],[87821,2],[87838,1],[87843,1],[87855,1],[87879,1],[87906,1],[87944,1],[87951,2],[87968,1],[87973,1],[87985,1],[88009,1],[88031,1],[88069,1],[88076,2],[88093,1],[88098,1],[88110,1],[88133,1],[88155,1],[88192,1],[88199,2],[88216,1],[88221,1],[88233,1],[88255,1],[88274,1],[88311,1],[88318,2],[88335,1],[88340,1],[88352,1],[88376,1],[88399,1],[88437,1],[88444,2],[88447,2],[88450,1],[88452,1],[88742,2],[88860,2],[88980,2],[89106,2],[89219,2],[89544,2],[89662,2],[89782,2],[89908,2],[90021,2],[90332,2],[90450,2],[90570,2],[90696,2],[90809,2],[91134,2],[91252,2],[91372,2],[91498,2],[91611,2],[91676,1],[91719,1],[91851,1],[91876,2],[91965,1],[91983,2],[92091,1],[92139,1],[92168,1],[92184,1],[92189,1],[92201,1],[92222,1],[92254,1],[92291,1],[92298,2],[92315,1],[92320,1],[92332,1],[92354,1],[92377,1],[92415,1],[92422,2],[92439,1],[92444,1],[92456,1],[92477,1],[92506,1],[92543,1],[92551,2],[92568,1],[92573,1],[92585,1],[92609,1],[92639,1],[92677,1],[92684,2],[92701,1],[92706,1],[92718,1],[92740,1],[92759,1],[92797,1],[92804,2],[92821,1],[92826,1],[92838,1],[92862,1],[92881,1],[92919,1],[92926,2],[92929,2],[92932,1],[92934,1],[93338,2],[93476,2],[93623,2],[93768,2],[93905,2],[94329,2],[94467,2],[94614,2],[94759,2],[94896,2],[95318,2],[95456,2],[95603,2],[95748,2],[95885,2],[96309,2],[96447,2],[96594,2],[96739,2],[96876,2],[97294,2],[97432,2],[97579,2],[97724,2],[97861,2],[98279,2],[98417,2],[98564,2],[98709,2],[98846,2],[99274,2],[99412,2],[99559,2],[99704,2],[99841,2],[99906,1],[99949,1],[100081,1],[100106,2],[100195,1],[100213,2],[100321,1],[100369,1],[100398,1],[100414,1],[100419,1],[100431,1],[100452,1],[100484,1],[100521,1],[100528,2],[100545,1],[100550,1],[100562,1],[100584,1],[100607,1],[100645,1],[100652,2],[100669,1],[100674,1],[100686,1],[100707,1],[100736,1],[100773,1],[100781,2],[100798,1],[100803,1],[100815,1],[100839,1],[100869,1],[100907,1],[100914,2],[100931,1],[100936,1],[100948,1],[100970,1],[100989,1],[101027,1],[101034,2],[101051,1],[101056,1],[101068,1],[101092,1],[101111,1],[101149,1],[101156,2],[101159,2],[101162,1],[101164,1],[101494,2],[101612,2],[101732,2],[101858,2],[101971,2],[102036,1],[102073,1],[102085,1],[102087,1],[102140,1],[102272,1],[102297,2],[102386,1],[102404,2],[102512,1],[102560,1],[102589,1],[102605,1],[102610,1],[102622,1],[102643,1],[102675,1],[102712,1],[102719,2],[102736,1],[102741,1],[102753,1],[102775,1],[102798,1],[102836,1],[102843,2],[102860,1],[102865,1],[102877,1],[102898,1],[102927,1],[102964,1],[102972,2],[102989,1],[102994,1],[103006,1],[103030,1],[103060,1],[103098,1],[103105,2],[103122,1],[103127,1],[103139,1],[103161,1],[103180,1],[103218,1],[103225,2],[103242,1],[103247,1],[103259,1],[103283,1],[103302,1],[103340,1],[103347,2],[103350,2],[103353,1],[103419,1],[103466,1],[103473,1],[103500,1],[103530,1],[103578,3],[103582,1],[103584,1],[103932,2],[104050,2],[104170,2],[104296,2],[104409,2],[104474,1],[104511,1],[104523,1],[104525,1],[104578,1],[104710,1],[104735,2],[104824,1],[104842,2],[104950,1],[104998,1],[105027,1],[105043,1],[105048,1],[105060,1],[105081,1],[105113,1],[105150,1],[105157,2],[105174,1],[105179,1],[105191,1],[105213,1],[105236,1],[105274,1],[105281,2],[105298,1],[105303,1],[105315,1],[105336,1],[105365,1],[105402,1],[105410,2],[105427,1],[105432,1],[105444,1],[105468,1],[105498,1],[105536,1],[105543,2],[105560,1],[105565,1],[105577,1],[105599,1],[105618,1],[105656,1],[105663,2],[105680,1],[105685,1],[105697,1],[105721,1],[105740,1],[105778,1],[105785,2],[105788,2],[105791,1],[105863,1],[105910,1],[105917,1],[105944,1],[105981,1],[106029,3],[106033,1],[106035,1],[106570,1],[106580,3],[106785,2],[106923,2],[107070,2],[107215,2],[107352,2],[107417,1],[107460,1],[107557,1],[107582,1],[107616,2],[107786,2],[108146,2],[108450,2],[108579,1],[108701,1],[108726,2],[108815,1],[108833,2],[108941,1],[108989,1],[109018,1],[109034,1],[109039,1],[109051,1],[109074,1],[109095,1],[109134,1],[109141,2],[109158,1],[109163,1],[109175,1],[109196,1],[109228,1],[109265,1],[109272,2],[109289,1],[109294,1],[109306,1],[109328,1],[109351,1],[109389,1],[109396,2],[109413,1],[109418,1],[109430,1],[109451,1],[109480,1],[109517,1],[109525,2],[109542,1],[109547,1],[109559,1],[109583,1],[109613,1],[109651,1],[109658,2],[109675,1],[109680,1],[109692,1],[109714,1],[109733,1],[109771,1],[109778,2],[109795,1],[109800,1],[109812,1],[109836,1],[109855,1],[109893,1],[109900,2],[109917,1],[109922,1],[109934,1],[109958,1],[109985,1],[110023,1],[110030,2],[110047,1],[110052,1],[110064,1],[110088,1],[110110,1],[110148,1],[110155,2],[110172,1],[110177,1],[110189,1],[110212,1],[110234,1],[110271,1],[110278,2],[110295,1],[110300,1],[110312,1],[110334,1],[110353,1],[110390,1],[110397,2],[110414,1],[110419,1],[110431,1],[110455,1],[110478,1],[110516,1],[110523,2],[110526,2],[110529,1],[110531,1],[112242,1],[112281,1],[112334,1],[112413,1],[112459,1],[112581,1],[112606,2],[112695,1],[112713,2],[112821,1],[112869,1],[112898,1],[112914,1],[112919,1],[112931,1],[112954,1],[112975,1],[113014,1],[113021,2],[113038,1],[113043,1],[113056,1],[113077,1],[113109,1],[113146,1],[113153,2],[113170,1],[113175,1],[113187,1],[113209,1],[113232,1],[113270,1],[113277,2],[113294,1],[113299,1],[113311,1],[113332,1],[113361,1],[113398,1],[113406,2],[113423,1],[113428,1],[113440,1],[113464,1],[113494,1],[113532,1],[113539,2],[113556,1],[113561,1],[113573,1],[113595,1],[113614,1],[113652,1],[113659,2],[113676,1],[113681,1],[113693,1],[113717,1],[113736,1],[113774,1],[113781,2],[113798,1],[113803,1],[113815,1],[113838,1],[113860,1],[113897,1],[113904,2],[113921,1],[113926,1],[113938,1],[113960,1],[113979,1],[113996,1],[114003,2],[114020,1],[114025,1],[114037,1],[114060,1],[114072,1],[114109,1],[114116,2],[114119,2],[114122,1],[114124,1],[114501,2],[114785,2],[114979,2],[115160,2],[115347,2],[115545,2],[115763,2],[115850,1],[115902,1],[115914,1],[115916,1],[116048,1],[116068,1],[116070,3],[116102,1],[116156,2],[116182,1],[116184,2],[116257,1],[116318,1],[116368,1],[116381,1],[116601,1],[116608,1],[116635,1],[116650,3],[116654,1],[116656,1],[117030,2],[117355,2],[117549,2],[117730,2],[117917,2],[118115,2],[118387,2],[118474,1],[118526,1],[118538,1],[118540,1],[118672,1],[118692,1],[118694,3],[118726,1],[118780,2],[118806,1],[118808,2],[118881,1],[118942,1],[118992,1],[119005,1],[119225,1],[119232,1],[119259,1],[119274,3],[119278,1],[119280,1],[119691,2],[120016,2],[120210,2],[120391,2],[120578,2],[120776,2],[121048,2],[121135,1],[121187,1],[121199,1],[121201,1],[121333,1],[121353,1],[121355,3],[121387,1],[121441,2],[121467,1],[121469,2],[121542,1],[121603,1],[121653,1],[121666,1],[121886,1],[121893,1],[121920,1],[121935,3],[121939,1],[121941,1],[122386,2],[122712,2],[122906,2],[123087,2],[123274,2],[123552,2],[123824,2],[123911,1],[123963,1],[123975,1],[123977,1],[124109,1],[124129,1],[124131,3],[124163,1],[124217,2],[124243,1],[124245,2],[124318,1],[124379,1],[124429,1],[124442,1],[124662,1],[124669,1],[124696,1],[124711,3],[124715,1],[124717,1],[125167,1],[125177,3],[125286,2],[125424,2],[125571,2],[125716,2],[125853,2],[125918,1],[125961,1],[126093,1],[126118,2],[126207,1],[126225,2],[126333,1],[126381,1],[126410,1],[126426,1],[126431,1],[126443,1],[126466,1],[126487,1],[126526,1],[126533,2],[126550,1],[126555,1],[126567,1],[126588,1],[126620,1],[126657,1],[126664,2],[126681,1],[126686,1],[126698,1],[126720,1],[126743,1],[126781,1],[126788,2],[126805,1],[126810,1],[126822,1],[126843,1],[126872,1],[126909,1],[126917,2],[126934,1],[126939,1],[126951,1],[126975,1],[127005,1],[127043,1],[127050,2],[127067,1],[127072,1],[127084,1],[127106,1],[127125,1],[127163,1],[127170,2],[127187,1],[127192,1],[127204,1],[127228,1],[127247,1],[127285,1],[127292,2],[127309,1],[127314,1],[127326,1],[127350,1],[127377,1],[127415,1],[127422,2],[127439,1],[127444,1],[127456,1],[127480,1],[127502,1],[127540,1],[127547,2],[127564,1],[127569,1],[127581,1],[127604,1],[127626,1],[127663,1],[127670,2],[127687,1],[127692,1],[127704,1],[127726,1],[127745,1],[127782,1],[127789,2],[127806,1],[127811,1],[127823,1],[127847,1],[127870,1],[127908,1],[127915,2],[127918,2],[127921,1],[127923,1],[128521,1],[128555,1],[128599,1],[128678,1],[128724,1],[128832,1],[128853,2],[128938,1],[128952,2],[129056,1],[129095,1],[129119,1],[129130,1],[129135,1],[129147,1],[129162,1],[129199,1],[129223,2],[129235,1],[129240,1],[129253,1],[129266,1],[129301,1],[129323,2],[129335,1],[129340,1],[129352,1],[129366,1],[129402,1],[129426,2],[129438,1],[129443,1],[129455,1],[129468,1],[129503,1],[129527,2],[129539,1],[129544,1],[129556,1],[129572,1],[129608,1],[129641,2],[129653,1],[129658,1],[129670,1],[129684,1],[129720,1],[129753,2],[129765,1],[129770,1],[129782,1],[129798,1],[129834,1],[129858,2],[129870,1],[129875,1],[129887,1],[129902,1],[129937,1],[129959,2],[129971,1],[129976,1],[129988,1],[130002,1],[130017,1],[130039,2],[130051,1],[130056,1],[130068,1],[130083,1],[130118,1],[130140,2],[130143,2],[130146,1],[130173,1],[130190,1],[130202,1],[130224,1],[130236,1],[130259,1],[130271,1],[130298,1],[130310,1],[130312,1],[130337,1],[130381,1],[130383,1],[131138,1],[131162,1],[131196,1],[131240,1],[131319,1],[131365,1],[131473,1],[131494,2],[131579,1],[131593,2],[131697,1],[131736,1],[131760,1],[131771,1],[131777,1],[131798,1],[131810,1],[131825,1],[131862,1],[131886,2],[131898,1],[131904,1],[131925,1],[131938,1],[131951,1],[131986,1],[132008,2],[132020,1],[132026,1],[132047,1],[132059,1],[132073,1],[132109,1],[132133,2],[132145,1],[132151,1],[132172,1],[132184,1],[132197,1],[132232,1],[132256,2],[132268,1],[132274,1],[132295,1],[132307,1],[132323,1],[132359,1],[132392,2],[132404,1],[132410,1],[132431,1],[132443,1],[132457,1],[132493,1],[132526,2],[132538,1],[132544,1],[132565,1],[132577,1],[132593,1],[132629,1],[132653,2],[132665,1],[132671,1],[132692,1],[132704,1],[132719,1],[132754,1],[132776,2],[132788,1],[132794,1],[132815,1],[132827,1],[132841,1],[132856,1],[132878,2],[132890,1],[132896,1],[132917,1],[132929,1],[132944,1],[132979,1],[133001,2],[133004,2],[133007,1],[133034,1],[133052,1],[133064,1],[133081,1],[133093,1],[133115,1],[133127,1],[133150,1],[133162,1],[133189,1],[133201,1],[133203,1],[133228,1],[133272,1],[133274,1]]}}}],["0",{"_index":1627,"t":{"572":{"position":[[1401,2]]},"582":{"position":[[1367,1]]},"590":{"position":[[820,1]]},"592":{"position":[[1273,1]]},"596":{"position":[[12042,2]]},"602":{"position":[[2281,1],[2393,2],[3306,2],[3309,2],[3411,2],[3414,2],[4132,2],[4208,1],[4961,1],[7696,2],[7725,2],[8639,2],[9938,2],[10557,1],[10709,2],[10903,2],[12140,1],[12682,1],[13224,1]]},"604":{"position":[[1802,2],[2047,1],[2173,2],[2397,1],[2509,2],[5644,2],[5673,2],[6745,2],[8088,2],[8567,1],[8664,2],[8858,2],[9740,1],[11146,1],[11417,1],[11689,1],[13374,1],[13645,1],[13917,1],[15472,1],[15743,1],[16015,1]]},"606":{"position":[[2145,1],[2257,2],[4747,2],[4780,2],[5846,2],[7006,2],[7407,2],[7595,2],[7805,2],[9312,1],[9854,1],[10396,1],[11835,2],[11868,2],[12798,2],[13076,2],[14011,2],[14111,2],[14606,2],[14794,2],[15004,2]]},"608":{"position":[[1980,1],[2092,2],[4435,2],[4468,2],[5479,2],[6575,2],[6961,2],[7149,2],[7359,2],[8229,2],[8262,2],[9393,2],[10254,2],[10349,2],[10832,2],[11020,2],[11230,2],[12437,2],[12470,2],[13744,2],[14130,2],[14318,2],[14528,2]]},"616":{"position":[[3456,2],[3598,2],[5428,2],[5921,5]]},"618":{"position":[[10134,2],[10205,2],[10752,1]]},"622":{"position":[[13499,2],[13570,2],[14116,1]]},"628":{"position":[[3442,3],[3481,3],[3521,3],[3574,3],[3614,3],[8884,3]]},"654":{"position":[[21055,2],[21126,2],[21673,1]]},"658":{"position":[[1043,2],[1058,3],[1876,2],[1891,3],[2569,2],[2584,3]]},"660":{"position":[[2363,3],[4660,1],[4978,1],[5120,1],[50175,1],[88652,2],[89454,2],[90242,2],[91044,2],[93157,2],[93230,2],[94148,2],[94221,2],[95138,2],[95210,2],[96128,2],[96201,2],[97116,2],[97186,2],[98101,2],[98171,2],[99091,2],[99166,2],[101380,2],[103806,2],[106372,2],[106487,2]]}}}],["0\">and",{"_index":4155,"t":{"654":{"position":[[18586,6]]}}}],["0\">whenev",{"_index":1025,"t":{"556":{"position":[[2038,11]]}}}],["0,0,0",{"_index":4223,"t":{"656":{"position":[[21689,6]]}}}],["0.0",{"_index":2839,"t":{"602":{"position":[[2048,3]]}}}],["0.1",{"_index":2856,"t":{"602":{"position":[[3312,5],[3417,5]]}}}],["0.1.0",{"_index":194,"t":{"10":{"position":[[103,5]]},"134":{"position":[[1551,5]]},"240":{"position":[[1407,5]]},"444":{"position":[[147,5]]}}}],["0.2",{"_index":2883,"t":{"602":{"position":[[4916,3]]}}}],["0.2.0",{"_index":246,"t":{"18":{"position":[[102,5]]},"134":{"position":[[1120,5]]},"240":{"position":[[976,5]]},"362":{"position":[[144,5]]},"382":{"position":[[652,5]]},"388":{"position":[[150,5]]},"392":{"position":[[1534,5]]},"450":{"position":[[146,5]]}}}],["0.2.1",{"_index":252,"t":{"22":{"position":[[103,5]]},"134":{"position":[[890,5]]},"240":{"position":[[746,5]]},"332":{"position":[[155,5]]},"372":{"position":[[146,5]]},"430":{"position":[[1047,5]]},"448":{"position":[[147,5]]}}}],["0.2.2",{"_index":240,"t":{"16":{"position":[[100,5]]},"134":{"position":[[689,5]]},"240":{"position":[[545,5]]},"398":{"position":[[541,5]]},"452":{"position":[[144,5]]}}}],["0.2.3",{"_index":250,"t":{"20":{"position":[[100,5]]},"134":{"position":[[491,5]]},"240":{"position":[[347,5]]},"398":{"position":[[343,5]]},"454":{"position":[[144,5]]}}}],["0.2.4",{"_index":270,"t":{"28":{"position":[[99,5]]},"134":{"position":[[296,5]]},"240":{"position":[[152,5]]},"398":{"position":[[148,5]]},"456":{"position":[[143,5]]}}}],["0.2.5",{"_index":260,"t":{"24":{"position":[[99,5]]},"134":{"position":[[99,5]]},"238":{"position":[[2409,5]]},"382":{"position":[[452,5]]},"392":{"position":[[1334,5]]},"458":{"position":[[143,5]]}}}],["0.2.6",{"_index":265,"t":{"26":{"position":[[101,5]]},"140":{"position":[[2485,5]]},"238":{"position":[[2225,5]]},"330":{"position":[[1405,5]]},"460":{"position":[[145,5]]}}}],["0.3.0",{"_index":282,"t":{"32":{"position":[[101,5]]},"140":{"position":[[2281,5]]},"238":{"position":[[2021,5]]},"370":{"position":[[2744,5]]},"462":{"position":[[145,5]]}}}],["0.4.0",{"_index":273,"t":{"30":{"position":[[103,5]]},"140":{"position":[[2077,5]]},"146":{"position":[[2880,5]]},"238":{"position":[[1817,5]]},"360":{"position":[[1998,5]]},"464":{"position":[[147,5]]},"612":{"position":[[389,5],[448,5],[647,5],[713,5],[802,5],[1079,5],[1148,5],[1240,5],[1282,5],[1343,5],[1402,5],[1539,5],[1631,5]]}}}],["0.4.1",{"_index":305,"t":{"36":{"position":[[104,5]]},"140":{"position":[[1879,5]]},"146":{"position":[[2682,5]]},"238":{"position":[[1619,5]]},"328":{"position":[[1089,5]]},"360":{"position":[[1800,5]]},"370":{"position":[[2548,5]]},"466":{"position":[[148,5]]},"612":{"position":[[912,5],[1031,5]]}}}],["0.4.2",{"_index":303,"t":{"34":{"position":[[104,5]]},"140":{"position":[[1605,5]]},"146":{"position":[[2408,5]]},"238":{"position":[[1345,5]]},"468":{"position":[[148,5]]}}}],["0.5.0",{"_index":320,"t":{"38":{"position":[[102,5]]},"140":{"position":[[1334,5]]},"156":{"position":[[156,5]]},"162":{"position":[[153,5]]},"172":{"position":[[161,5]]},"184":{"position":[[157,5]]},"192":{"position":[[156,5]]},"238":{"position":[[1074,5]]},"470":{"position":[[146,5]]}}}],["0.5.1",{"_index":327,"t":{"40":{"position":[[103,5]]},"140":{"position":[[1072,5]]},"170":{"position":[[650,5]]},"174":{"position":[[162,5]]},"176":{"position":[[159,5]]},"178":{"position":[[160,5]]},"238":{"position":[[812,5]]},"276":{"position":[[650,5]]},"476":{"position":[[147,5]]}}}],["0.6.0",{"_index":359,"t":{"44":{"position":[[103,5]]},"140":{"position":[[757,5]]},"196":{"position":[[156,5]]},"198":{"position":[[160,5]]},"210":{"position":[[401,5]]},"238":{"position":[[497,5]]},"396":{"position":[[406,5]]},"402":{"position":[[153,5]]},"430":{"position":[[732,5]]},"472":{"position":[[147,5]]}}}],["0.8",{"_index":3019,"t":{"604":{"position":[[1790,3],[2161,3]]}}}],["06:00",{"_index":3846,"t":{"628":{"position":[[3528,5],[3621,5]]}}}],["08:00",{"_index":3844,"t":{"628":{"position":[[3488,5],[3581,5]]}}}],["09.pdf",{"_index":4234,"t":{"658":{"position":[[886,7],[1683,7]]}}}],["0l1",{"_index":1097,"t":{"558":{"position":[[1873,3]]}}}],["1",{"_index":152,"t":{"2":{"position":[[3378,2]]},"90":{"position":[[29,2]]},"92":{"position":[[29,2]]},"112":{"position":[[33,2]]},"126":{"position":[[2041,2],[2261,2]]},"130":{"position":[[1464,2],[1503,2],[2595,2]]},"148":{"position":[[432,2]]},"158":{"position":[[2188,2]]},"212":{"position":[[1803,2],[2023,2]]},"230":{"position":[[2197,2]]},"234":{"position":[[1812,2],[2032,2]]},"244":{"position":[[83,2]]},"272":{"position":[[1047,2]]},"300":{"position":[[78,2]]},"306":{"position":[[2191,2]]},"308":{"position":[[1561,2]]},"312":{"position":[[1127,2],[1347,2]]},"316":{"position":[[1806,2],[2026,2]]},"320":{"position":[[77,2]]},"322":{"position":[[84,2]]},"336":{"position":[[76,2]]},"360":{"position":[[457,2]]},"364":{"position":[[1403,2]]},"384":{"position":[[429,2],[1953,2]]},"428":{"position":[[75,2],[354,2]]},"432":{"position":[[79,2]]},"488":{"position":[[78,2]]},"536":{"position":[[73,2]]},"538":{"position":[[73,2]]},"558":{"position":[[1887,1]]},"562":{"position":[[2385,4],[4213,2],[4234,2],[4836,2],[5460,2],[6239,4],[8041,4],[9871,4],[18368,4],[20731,3]]},"576":{"position":[[1104,1]]},"578":{"position":[[1600,1]]},"582":{"position":[[251,1]]},"592":{"position":[[2147,4],[4246,4],[7137,4],[10131,4],[13129,4]]},"596":{"position":[[4614,1],[4783,1],[5023,1],[9840,1],[10203,1]]},"600":{"position":[[14597,2],[14620,5],[15224,3],[15582,2]]},"602":{"position":[[3509,1],[3607,1],[3908,1],[4001,1],[4087,1],[10185,2],[11043,2]]},"604":{"position":[[1805,2],[2176,2],[8332,2],[8998,2],[9029,3]]},"606":{"position":[[6846,2],[7194,2],[7894,2],[7982,4],[13851,2],[14186,2],[14393,2],[15093,2],[15181,4]]},"608":{"position":[[6415,2],[6748,2],[7448,2],[7536,4],[10094,2],[10424,2],[10619,2],[11319,2],[11407,4],[13917,2],[14617,2],[14705,4]]},"614":{"position":[[4932,3]]},"616":{"position":[[407,1]]},"618":{"position":[[4484,2]]},"620":{"position":[[882,1]]},"622":{"position":[[1260,1]]},"624":{"position":[[8416,4]]},"626":{"position":[[7892,4]]},"634":{"position":[[7183,4]]},"636":{"position":[[8274,4]]},"640":{"position":[[1390,4]]},"642":{"position":[[7476,4]]},"644":{"position":[[7315,4]]},"646":{"position":[[1395,4]]},"652":{"position":[[7208,4]]},"656":{"position":[[3175,4],[5007,4],[7266,4],[9619,4],[12092,4],[14522,4],[16913,4],[19396,4],[21012,3],[22699,4]]},"660":{"position":[[2369,3],[3960,1],[8250,2],[8755,2],[8877,2],[9001,2],[9004,3],[9123,3],[10595,2],[11100,2],[11222,2],[11346,2],[11349,3],[11468,3],[12971,2],[13476,2],[13598,2],[13977,2],[13980,3],[14099,3],[14221,2],[15743,2],[16248,2],[16370,2],[16494,2],[16497,3],[16616,3],[18162,2],[18667,2],[18789,2],[19168,2],[19171,3],[19290,3],[19412,2],[20914,2],[21419,2],[21541,2],[21665,2],[21668,3],[21787,3],[23316,2],[23821,2],[23943,2],[24067,2],[24070,3],[24189,3],[26591,2],[27549,2],[27788,2],[28029,2],[28032,3],[28267,3],[32393,2],[32898,2],[33020,2],[33144,2],[33147,3],[33266,3],[34758,2],[35263,2],[35385,2],[35509,2],[35512,3],[35631,3],[37123,2],[37628,2],[37750,2],[37874,2],[37877,3],[37996,3],[44620,2],[45578,2],[45817,2],[46058,2],[46061,3],[46296,3],[47764,2],[48269,2],[48391,2],[48770,2],[48773,3],[48892,3],[49014,2],[52633,2],[53418,2],[53923,2],[54045,2],[54424,2],[54427,3],[54546,3],[54668,2],[55777,1],[56057,2],[56640,2],[56762,2],[56886,2],[56889,3],[57008,3],[58510,2],[59508,2],[62222,2],[62727,2],[62849,2],[63228,2],[63231,3],[63350,3],[63472,2],[65443,2],[65948,2],[66070,2],[66449,2],[66452,3],[66571,3],[66693,2],[68526,2],[69031,2],[69153,2],[69532,2],[69535,3],[69654,3],[69776,2],[71903,2],[72408,2],[72530,2],[72909,2],[72912,3],[73031,3],[73153,2],[75041,2],[75546,2],[75668,2],[75792,2],[75795,3],[75914,3],[78016,2],[78521,2],[78643,2],[78767,2],[78770,3],[78889,3],[81313,2],[81818,2],[81940,2],[82064,2],[82067,3],[82186,3],[84404,2],[84909,2],[85031,2],[85410,2],[85413,3],[85532,3],[85654,2],[87170,2],[87675,2],[87797,2],[88176,2],[88179,3],[88298,3],[88420,2],[92275,2],[92780,2],[92902,2],[100505,2],[101010,2],[101132,2],[102696,2],[103201,2],[103323,2],[105134,2],[105639,2],[105761,2],[106617,3],[109249,2],[109754,2],[109876,2],[110255,2],[110258,3],[110377,3],[110499,2],[113130,2],[113635,2],[113757,2],[113881,2],[113884,3],[114096,3],[126641,2],[127146,2],[127268,2],[127647,2],[127650,3],[127769,3],[127891,2],[129287,2],[129705,2],[129819,2],[129923,2],[129926,3],[130107,3],[131972,2],[132478,2],[132614,2],[132740,2],[132743,3],[132968,3]]}}}],["1\">enter",{"_index":3538,"t":{"618":{"position":[[1988,10],[2167,10],[2349,10],[2533,10],[2717,10],[2903,10],[3089,10],[3277,10]]}}}],["1.0",{"_index":3021,"t":{"604":{"position":[[1877,3]]}}}],["1.0.0",{"_index":338,"t":{"42":{"position":[[123,6]]},"140":{"position":[[436,6]]},"160":{"position":[[1483,6]]},"180":{"position":[[173,6]]},"182":{"position":[[180,6]]},"190":{"position":[[180,6]]},"208":{"position":[[172,6]]},"218":{"position":[[167,6]]},"238":{"position":[[176,6]]},"368":{"position":[[465,6]]},"374":{"position":[[173,6]]},"478":{"position":[[167,6]]},"556":{"position":[[342,5],[411,5],[479,5],[581,5],[703,5],[791,5]]},"558":{"position":[[321,5]]},"566":{"position":[[307,5],[385,5],[445,5]]},"568":{"position":[[289,5],[349,5],[453,5],[525,5],[591,5],[673,5],[757,5],[858,5],[916,5],[1043,5],[1103,5],[1172,5],[1239,5],[1433,5],[1503,5],[1573,5],[1679,5],[1746,5]]},"576":{"position":[[298,5],[369,5],[453,5],[521,5],[596,5],[664,5],[739,5],[845,5],[923,5],[1004,5],[1084,5],[1192,5],[1525,5],[1686,5]]},"578":{"position":[[297,5],[368,5],[449,5],[542,5],[635,5],[703,5],[778,5],[887,5],[955,5],[1030,5],[1111,5],[1298,5],[1350,5],[1512,5],[1580,5],[1691,5],[1778,5],[1849,5],[1990,5]]},"580":{"position":[[355,5],[460,5],[624,5],[707,5],[794,5]]},"582":{"position":[[290,5],[370,5],[448,5],[525,5],[651,5],[726,5],[848,5],[923,5],[1045,5],[1128,5],[1266,5],[1346,5],[1399,5]]},"590":{"position":[[373,5],[504,5],[659,5],[720,5],[801,5],[858,5]]},"598":{"position":[[619,5],[681,5],[743,5]]},"600":{"position":[[280,5],[349,5],[414,5],[771,5],[847,5],[994,5],[1089,5],[1246,5],[1360,5],[1445,5],[1516,5],[1640,5],[1739,5],[1798,5],[1848,5],[1900,5],[1977,5]]},"602":{"position":[[501,5],[584,5],[642,5],[723,5],[1284,5],[1401,5],[1491,5],[1631,5],[1701,5],[1910,5],[1975,5],[2018,5],[2070,5],[2135,5],[2396,5],[2447,5],[2726,5],[2850,5],[2936,5],[3014,5],[3068,5],[3146,5],[3238,5],[3347,5],[3454,5],[3554,5],[3682,5],[3769,5],[3848,5],[3948,5],[4043,5],[4162,5],[4250,5],[4458,5],[4533,5],[4803,5],[4895,5],[5050,5],[5104,5],[5176,5],[5248,5],[5693,5],[5753,5],[5808,5],[6057,5],[6102,5]]},"604":{"position":[[356,5],[439,5],[497,5],[578,5],[1139,5],[1256,5],[1346,5],[1497,5],[1556,5],[1763,5],[1959,5],[2024,5],[2064,5],[2129,5],[2251,5],[2512,5],[2628,5],[2752,5],[2838,5],[2916,5],[2994,5],[3086,5],[3140,5],[3212,5],[3284,5],[3728,5],[3788,5],[3843,5],[4091,5],[4136,5]]},"606":{"position":[[452,5],[535,5],[593,5],[674,5],[1235,5],[1352,5],[1442,5],[1593,5],[1652,5],[1869,5],[1934,5],[1999,5],[2260,5],[2311,5],[2505,5],[2591,5],[2669,5],[2747,5],[2839,5],[2893,5],[3505,5]]},"608":{"position":[[297,5],[380,5],[438,5],[519,5],[1080,5],[1197,5],[1287,5],[1427,5],[1497,5],[1704,5],[1769,5],[1834,5],[2095,5],[2146,5],[2335,5],[2421,5],[2499,5],[2577,5],[2631,5],[3223,5]]},"610":{"position":[[293,5],[571,5],[668,5]]},"618":{"position":[[324,5],[429,5],[488,5],[680,5],[734,5],[810,5],[886,5],[947,5],[994,5],[1072,5],[1115,5]]},"622":{"position":[[316,5],[423,5],[509,5],[568,5],[760,5],[852,5],[906,5],[982,5],[1067,5],[1143,5],[1228,5],[1445,5],[1506,5],[1584,5],[1627,5]]},"630":{"position":[[709,5],[794,5],[869,5],[960,5],[1025,5],[1100,5],[1317,5],[1367,5],[1429,5],[1462,5],[1518,5],[1578,5],[1638,5]]},"660":{"position":[[314,5],[373,5],[564,5],[838,5],[1092,5],[1401,5],[1472,5],[2133,5],[2524,5],[2875,5],[3233,5],[3803,5],[3901,5],[4164,5],[4367,5],[4631,5],[4711,5],[4772,5],[5375,5],[5520,5],[5595,5],[5704,5],[5858,5],[6020,5],[6108,5],[6271,5],[6613,5],[6750,5],[6804,5],[6916,5],[6953,5],[7008,5]]}}}],["1.0.1",{"_index":367,"t":{"46":{"position":[[104,6]]},"140":{"position":[[104,6]]},"160":{"position":[[1151,6]]},"166":{"position":[[568,6]]},"168":{"position":[[560,6]]},"186":{"position":[[158,6]]},"194":{"position":[[561,6]]},"200":{"position":[[158,6]]},"202":{"position":[[561,6]]},"220":{"position":[[2957,6]]},"236":{"position":[[2966,6]]},"650":{"position":[[148,6]]}}}],["1.1.0",{"_index":382,"t":{"52":{"position":[[104,6]]},"132":{"position":[[2755,6]]},"160":{"position":[[745,6]]},"166":{"position":[[162,6]]},"168":{"position":[[154,6]]},"194":{"position":[[155,6]]},"202":{"position":[[155,6]]},"216":{"position":[[154,6]]},"220":{"position":[[2551,6]]},"236":{"position":[[2560,6]]},"474":{"position":[[148,6]]},"574":{"position":[[335,5],[482,5],[660,5],[834,5],[918,5],[1007,5],[1082,5],[1183,5],[1273,5],[1337,5],[1396,5],[1486,5],[1553,5]]},"584":{"position":[[559,5],[774,5],[923,5]]}}}],["1.10.0",{"_index":611,"t":{"100":{"position":[[101,6]]},"126":{"position":[[1063,6]]},"212":{"position":[[825,6]]},"234":{"position":[[834,6]]},"270":{"position":[[397,6]]},"312":{"position":[[149,6]]},"316":{"position":[[828,6]]},"364":{"position":[[2277,6]]},"480":{"position":[[146,6]]},"568":{"position":[[1328,6]]},"570":{"position":[[530,6],[597,6],[688,6],[867,6],[1048,6],[1228,6],[1409,6],[1662,6],[1722,6],[1786,6],[1854,6],[1915,6],[2098,6],[2175,6],[2354,6],[2534,6],[2607,6]]},"602":{"position":[[893,6],[1021,6],[1160,6],[5941,6]]},"604":{"position":[[748,6],[876,6],[1015,6],[3976,6]]},"606":{"position":[[844,6],[972,6],[1111,6],[3385,6]]},"608":{"position":[[689,6],[817,6],[956,6],[3108,6]]},"610":{"position":[[368,6]]},"654":{"position":[[362,6],[498,6],[603,6],[792,6],[1008,6],[1199,6],[1276,6],[1467,6],[1523,6],[1654,6],[1837,6],[1942,6],[2127,6],[2275,6],[2380,6],[2448,6],[2516,6],[2613,6],[2695,6],[2785,6],[2915,6],[2996,6],[3081,6],[3147,6],[3287,6],[3423,6],[3510,6],[3649,6]]},"660":{"position":[[1766,6]]}}}],["1.10.1",{"_index":637,"t":{"102":{"position":[[103,6]]},"126":{"position":[[817,6]]},"212":{"position":[[579,6]]},"234":{"position":[[588,6]]},"270":{"position":[[151,6]]},"308":{"position":[[2903,6]]},"316":{"position":[[582,6]]},"364":{"position":[[2031,6]]},"482":{"position":[[148,6]]}}}],["1.10.2",{"_index":640,"t":{"104":{"position":[[106,6]]},"126":{"position":[[388,6]]},"146":{"position":[[538,6]]},"212":{"position":[[150,6]]},"222":{"position":[[161,6]]},"234":{"position":[[159,6]]},"250":{"position":[[155,6]]},"258":{"position":[[163,6]]},"272":{"position":[[154,6]]},"288":{"position":[[156,6]]},"304":{"position":[[156,6]]},"308":{"position":[[2474,6]]},"316":{"position":[[153,6]]},"334":{"position":[[149,6]]},"346":{"position":[[727,6]]},"360":{"position":[[1370,6]]},"380":{"position":[[155,6]]},"384":{"position":[[1060,6]]},"410":{"position":[[503,6]]},"436":{"position":[[464,6]]},"484":{"position":[[151,6]]},"602":{"position":[[5396,6],[5449,6],[5999,6]]},"604":{"position":[[3432,6],[3486,6],[4033,6]]},"606":{"position":[[3048,6],[3108,6],[3447,6]]},"608":{"position":[[2781,6],[2841,6],[3165,6]]},"612":{"position":[[518,6],[586,6]]}}}],["1.10.3",{"_index":661,"t":{"106":{"position":[[104,6]]},"126":{"position":[[104,6]]},"158":{"position":[[2817,6]]},"230":{"position":[[2826,6]]},"268":{"position":[[156,6]]},"274":{"position":[[151,6]]},"306":{"position":[[2820,6]]},"308":{"position":[[2190,6]]},"358":{"position":[[502,6]]},"360":{"position":[[1086,6]]},"366":{"position":[[145,6]]},"486":{"position":[[149,6]]},"592":{"position":[[963,6]]},"654":{"position":[[855,6],[937,6]]},"656":{"position":[[986,6]]},"660":{"position":[[1832,6],[1996,6],[2942,6],[2991,6]]}}}],["1.10.4",{"_index":160,"t":{"2":{"position":[[3733,6]]},"108":{"position":[[105,6]]},"158":{"position":[[2543,6]]},"230":{"position":[[2552,6]]},"306":{"position":[[2546,6]]},"308":{"position":[[1916,6]]},"336":{"position":[[431,6]]},"360":{"position":[[812,6]]},"364":{"position":[[1758,6]]},"384":{"position":[[784,6]]},"400":{"position":[[150,6]]},"416":{"position":[[148,6]]},"490":{"position":[[150,6]]},"570":{"position":[[1483,6]]},"584":{"position":[[621,6],[885,6]]},"660":{"position":[[4836,6],[4945,6],[5086,6],[5229,6]]}}}],["1.10.5",{"_index":153,"t":{"2":{"position":[[3448,6]]},"112":{"position":[[103,6]]},"148":{"position":[[502,6]]},"158":{"position":[[2258,6]]},"230":{"position":[[2267,6]]},"306":{"position":[[2261,6]]},"308":{"position":[[1631,6]]},"336":{"position":[[146,6]]},"360":{"position":[[527,6]]},"364":{"position":[[1473,6]]},"384":{"position":[[499,6]]},"428":{"position":[[145,6]]},"488":{"position":[[148,6]]},"562":{"position":[[661,6],[756,6],[827,6],[895,6],[961,6],[1229,6]]},"660":{"position":[[733,6]]}}}],["1.10.6",{"_index":3473,"t":{"616":{"position":[[250,6],[319,6],[388,6],[457,6],[530,6],[593,6],[672,6],[709,6],[826,6],[945,6],[990,6]]}}}],["1.11.0",{"_index":133,"t":{"2":{"position":[[2856,7]]},"110":{"position":[[110,7]]},"146":{"position":[[159,7]]},"152":{"position":[[152,7]]},"158":{"position":[[1666,7]]},"230":{"position":[[1675,7]]},"306":{"position":[[1669,7]]},"308":{"position":[[1039,7]]},"360":{"position":[[151,7]]},"364":{"position":[[1097,7]]},"394":{"position":[[763,7]]},"404":{"position":[[471,7]]},"408":{"position":[[160,7]]},"418":{"position":[[444,7]]},"492":{"position":[[155,7]]},"588":{"position":[[262,6],[318,6],[489,6],[616,6],[697,6]]},"600":{"position":[[566,6],[2185,6]]},"658":{"position":[[507,6],[643,6],[720,6]]}}}],["1.11.1",{"_index":149,"t":{"2":{"position":[[3233,6]]},"114":{"position":[[104,6]]},"158":{"position":[[2043,6]]},"230":{"position":[[2052,6]]},"306":{"position":[[2046,6]]},"308":{"position":[[1416,6]]},"394":{"position":[[1140,6]]},"494":{"position":[[149,6]]}}}],["1.11.3",{"_index":717,"t":{"110":{"position":[[1069,6]]}}}],["1.2.0",{"_index":373,"t":{"48":{"position":[[104,6]]},"132":{"position":[[2426,6]]},"160":{"position":[[416,6]]},"164":{"position":[[163,6]]},"188":{"position":[[155,6]]},"220":{"position":[[2222,6]]},"236":{"position":[[2231,6]]},"256":{"position":[[840,6]]},"280":{"position":[[154,6]]},"496":{"position":[[148,6]]}}}],["1.3.0",{"_index":379,"t":{"50":{"position":[[104,6]]},"132":{"position":[[2167,6]]},"160":{"position":[[157,6]]},"220":{"position":[[1963,6]]},"236":{"position":[[1972,6]]},"296":{"position":[[585,6]]},"498":{"position":[[148,6]]},"620":{"position":[[273,5],[321,5],[405,5],[452,5],[542,5],[578,5],[688,5]]}}}],["1.3.1",{"_index":388,"t":{"54":{"position":[[104,6]]},"132":{"position":[[1878,6]]},"146":{"position":[[2119,6]]},"220":{"position":[[1674,6]]},"222":{"position":[[1293,6]]},"236":{"position":[[1683,6]]},"506":{"position":[[148,6]]},"612":{"position":[[1854,5],[1911,5],[1966,5],[2016,5],[2064,5],[2112,5]]}}}],["1.4.0",{"_index":414,"t":{"58":{"position":[[103,6]]},"132":{"position":[[1609,6]]},"220":{"position":[[1405,6]]},"236":{"position":[[1414,6]]},"288":{"position":[[585,6]]},"376":{"position":[[149,6]]},"378":{"position":[[147,6]]},"386":{"position":[[151,6]]},"410":{"position":[[932,6]]},"504":{"position":[[147,6]]},"592":{"position":[[1033,5],[1078,5],[1148,5],[1214,5],[1257,5],[1389,5],[1445,5],[1491,5],[1548,5],[1609,5]]},"656":{"position":[[329,5],[398,5],[485,5],[605,5],[664,5],[724,5],[813,5],[850,5],[1056,5],[1101,5],[1171,5],[1237,5],[1280,5],[1365,5],[1421,5],[1467,5],[1524,5],[1585,5]]}}}],["1.4.1",{"_index":395,"t":{"56":{"position":[[103,6]]},"132":{"position":[[1299,6]]},"220":{"position":[[1095,6]]},"236":{"position":[[1104,6]]},"260":{"position":[[159,6]]},"266":{"position":[[153,6]]},"272":{"position":[[2436,6]]},"310":{"position":[[600,6]]},"314":{"position":[[1098,6]]},"342":{"position":[[153,6]]},"356":{"position":[[147,6]]},"382":{"position":[[146,6]]},"500":{"position":[[147,6]]},"578":{"position":[[1959,5]]}}}],["1.4.2",{"_index":418,"t":{"60":{"position":[[103,6]]},"132":{"position":[[850,6]]},"146":{"position":[[1669,6]]},"154":{"position":[[160,6]]},"204":{"position":[[165,6]]},"206":{"position":[[157,6]]},"220":{"position":[[646,6]]},"226":{"position":[[174,6]]},"236":{"position":[[655,6]]},"310":{"position":[[151,6]]},"314":{"position":[[649,6]]},"502":{"position":[[147,6]]}}}],["1.4.3",{"_index":432,"t":{"64":{"position":[[103,6]]},"132":{"position":[[601,6]]},"170":{"position":[[401,6]]},"220":{"position":[[397,6]]},"236":{"position":[[406,6]]},"276":{"position":[[401,6]]},"314":{"position":[[400,6]]},"318":{"position":[[2935,6]]},"370":{"position":[[2298,6]]},"508":{"position":[[147,6]]},"660":{"position":[[901,5],[3984,5]]}}}],["1.4.4",{"_index":424,"t":{"62":{"position":[[104,6]]},"132":{"position":[[352,6]]},"170":{"position":[[152,6]]},"220":{"position":[[148,6]]},"236":{"position":[[157,6]]},"276":{"position":[[152,6]]},"314":{"position":[[151,6]]},"318":{"position":[[2686,6]]},"370":{"position":[[2049,6]]},"510":{"position":[[148,6]]}}}],["1.4.5",{"_index":434,"t":{"66":{"position":[[104,5]]},"132":{"position":[[104,5]]},"210":{"position":[[154,5]]},"214":{"position":[[2988,5]]},"232":{"position":[[2997,5]]},"302":{"position":[[491,5]]},"318":{"position":[[2438,5]]},"326":{"position":[[2991,5]]},"430":{"position":[[485,5]]},"512":{"position":[[148,5]]}}}],["1.5",{"_index":1098,"t":{"558":{"position":[[1877,3]]}}}],["1.5.0",{"_index":467,"t":{"70":{"position":[[100,5]]},"136":{"position":[[2855,5]]},"214":{"position":[[2641,5]]},"232":{"position":[[2650,5]]},"248":{"position":[[665,5]]},"262":{"position":[[567,5]]},"264":{"position":[[1298,5]]},"272":{"position":[[2090,5]]},"284":{"position":[[998,5]]},"318":{"position":[[2091,5]]},"324":{"position":[[659,5]]},"326":{"position":[[2644,5]]},"352":{"position":[[561,5]]},"354":{"position":[[1292,5]]},"384":{"position":[[2996,5]]},"392":{"position":[[992,5]]},"514":{"position":[[144,5]]},"614":{"position":[[468,5],[527,5],[719,5],[825,5],[931,5],[992,5],[1035,5],[1185,5],[1218,5]]}}}],["1.6.0",{"_index":442,"t":{"68":{"position":[[101,5]]},"136":{"position":[[2442,5]]},"214":{"position":[[2228,5]]},"232":{"position":[[2237,5]]},"254":{"position":[[149,5]]},"262":{"position":[[154,5]]},"264":{"position":[[885,5]]},"270":{"position":[[2684,5]]},"272":{"position":[[1677,5]]},"284":{"position":[[585,5]]},"292":{"position":[[149,5]]},"294":{"position":[[871,5]]},"298":{"position":[[155,5]]},"318":{"position":[[1678,5]]},"326":{"position":[[2231,5]]},"352":{"position":[[148,5]]},"354":{"position":[[879,5]]},"370":{"position":[[1632,5]]},"384":{"position":[[2583,5]]},"392":{"position":[[579,5]]},"424":{"position":[[865,5]]},"426":{"position":[[149,5]]},"524":{"position":[[145,5]]},"576":{"position":[[1134,5]]},"578":{"position":[[1630,5]]},"614":{"position":[[1110,5]]},"628":{"position":[[472,5],[531,5],[723,5],[799,5],[875,5],[936,5],[979,5],[1054,5],[1129,5],[1162,5]]},"660":{"position":[[2588,5],[4234,5]]}}}],["1.7.0",{"_index":471,"t":{"72":{"position":[[101,5]]},"136":{"position":[[2108,5]]},"148":{"position":[[783,5]]},"152":{"position":[[526,5]]},"214":{"position":[[1894,5]]},"224":{"position":[[154,5]]},"228":{"position":[[150,5]]},"232":{"position":[[1903,5]]},"246":{"position":[[450,5]]},"252":{"position":[[153,5]]},"318":{"position":[[1344,5]]},"326":{"position":[[1897,5]]},"330":{"position":[[1071,5]]},"340":{"position":[[147,5]]},"516":{"position":[[145,5]]},"560":{"position":[[277,5],[351,5],[448,5],[533,5],[604,5],[680,5]]},"562":{"position":[[295,5],[399,5],[530,5],[1043,5],[1137,5],[1297,5],[1362,5],[1543,5],[1628,5],[1705,5],[1840,5],[1974,5],[2073,5],[2119,5],[2167,5],[2240,5]]},"568":{"position":[[981,5]]},"572":{"position":[[311,5],[379,5],[429,5],[500,5],[585,5],[630,5],[698,5],[823,5],[960,5],[1045,5],[1179,5]]}}}],["1.7.1",{"_index":486,"t":{"74":{"position":[[101,5]]},"136":{"position":[[1838,5]]},"146":{"position":[[1397,5]]},"214":{"position":[[1624,5]]},"222":{"position":[[1020,5]]},"232":{"position":[[1633,5]]},"248":{"position":[[396,5]]},"318":{"position":[[1074,5]]},"324":{"position":[[390,5]]},"326":{"position":[[1627,5]]},"518":{"position":[[145,5]]}}}],["1.7.2",{"_index":500,"t":{"76":{"position":[[101,5]]},"136":{"position":[[1590,5]]},"214":{"position":[[1376,5]]},"232":{"position":[[1385,5]]},"256":{"position":[[589,5]]},"318":{"position":[[826,5]]},"326":{"position":[[1379,5]]},"344":{"position":[[147,5]]},"350":{"position":[[897,5]]},"526":{"position":[[145,5]]}}}],["1.7.3",{"_index":505,"t":{"78":{"position":[[101,5]]},"136":{"position":[[1345,5]]},"214":{"position":[[1131,5]]},"232":{"position":[[1140,5]]},"248":{"position":[[151,5]]},"270":{"position":[[2439,5]]},"318":{"position":[[581,5]]},"324":{"position":[[145,5]]},"326":{"position":[[1134,5]]},"370":{"position":[[1387,5]]},"520":{"position":[[145,5]]},"660":{"position":[[5303,5]]}}}],["1.8.0",{"_index":515,"t":{"80":{"position":[[97,5]]},"136":{"position":[[909,5]]},"146":{"position":[[961,5]]},"214":{"position":[[695,5]]},"222":{"position":[[584,5]]},"232":{"position":[[704,5]]},"256":{"position":[[153,5]]},"264":{"position":[[449,5]]},"270":{"position":[[2003,5]]},"282":{"position":[[152,5]]},"284":{"position":[[149,5]]},"294":{"position":[[435,5]]},"296":{"position":[[146,5]]},"318":{"position":[[145,5]]},"326":{"position":[[698,5]]},"350":{"position":[[461,5]]},"354":{"position":[[443,5]]},"370":{"position":[[951,5]]},"390":{"position":[[459,5]]},"392":{"position":[[143,5]]},"416":{"position":[[415,5]]},"424":{"position":[[429,5]]},"522":{"position":[[141,5]]},"576":{"position":[[1324,5]]},"660":{"position":[[503,5],[1203,5],[1300,5],[2238,5],[2324,5],[2436,5],[2689,5],[3690,5]]}}}],["1.8.1",{"_index":531,"t":{"82":{"position":[[99,5]]},"136":{"position":[[657,5]]},"214":{"position":[[443,5]]},"232":{"position":[[452,5]]},"270":{"position":[[1751,5]]},"304":{"position":[[581,5]]},"312":{"position":[[2619,5]]},"326":{"position":[[446,5]]},"370":{"position":[[699,5]]},"436":{"position":[[889,5]]},"532":{"position":[[143,5]]}}}],["1.8.2",{"_index":538,"t":{"84":{"position":[[100,5]]},"136":{"position":[[358,5]]},"214":{"position":[[144,5]]},"232":{"position":[[153,5]]},"246":{"position":[[149,5]]},"264":{"position":[[152,5]]},"270":{"position":[[1452,5]]},"312":{"position":[[2320,5]]},"326":{"position":[[147,5]]},"330":{"position":[[770,5]]},"348":{"position":[[142,5]]},"354":{"position":[[146,5]]},"368":{"position":[[142,5]]},"370":{"position":[[400,5]]},"528":{"position":[[144,5]]}}}],["1.8.3",{"_index":566,"t":{"88":{"position":[[100,5]]},"136":{"position":[[100,5]]},"212":{"position":[[2738,5]]},"234":{"position":[[2747,5]]},"270":{"position":[[1194,5]]},"286":{"position":[[152,5]]},"312":{"position":[[2062,5]]},"316":{"position":[[2741,5]]},"370":{"position":[[142,5]]},"396":{"position":[[145,5]]},"530":{"position":[[144,5]]}}}],["1.9.0",{"_index":550,"t":{"86":{"position":[[100,5]]},"126":{"position":[[2638,5]]},"212":{"position":[[2400,5]]},"234":{"position":[[2409,5]]},"272":{"position":[[1338,5]]},"274":{"position":[[429,5]]},"278":{"position":[[407,5]]},"290":{"position":[[148,5]]},"302":{"position":[[149,5]]},"312":{"position":[[1724,5]]},"316":{"position":[[2403,5]]},"366":{"position":[[423,5]]},"380":{"position":[[833,5]]},"384":{"position":[[2244,5]]},"418":{"position":[[817,5]]},"430":{"position":[[143,5]]},"534":{"position":[[144,5]]},"598":{"position":[[505,5]]},"630":{"position":[[1254,5]]}}}],["1.9.1",{"_index":574,"t":{"90":{"position":[[99,5]]},"92":{"position":[[302,5]]},"126":{"position":[[2111,5]]},"212":{"position":[[1873,5]]},"234":{"position":[[1882,5]]},"272":{"position":[[1117,5]]},"312":{"position":[[1197,5]]},"316":{"position":[[1876,5]]},"384":{"position":[[2023,5]]},"538":{"position":[[143,5]]}}}],["1.9.2",{"_index":578,"t":{"92":{"position":[[99,5]]},"126":{"position":[[2331,5]]},"212":{"position":[[2093,5]]},"234":{"position":[[2102,5]]},"244":{"position":[[153,5]]},"300":{"position":[[148,5]]},"312":{"position":[[1417,5]]},"316":{"position":[[2096,5]]},"320":{"position":[[147,5]]},"322":{"position":[[154,5]]},"428":{"position":[[424,5]]},"432":{"position":[[149,5]]},"536":{"position":[[143,5]]},"660":{"position":[[1549,5],[1936,5]]}}}],["1.9.3",{"_index":587,"t":{"96":{"position":[[99,5]]},"126":{"position":[[1892,5]]},"212":{"position":[[1654,5]]},"234":{"position":[[1663,5]]},"270":{"position":[[974,5]]},"312":{"position":[[978,5]]},"316":{"position":[[1657,5]]},"364":{"position":[[2854,5]]},"542":{"position":[[143,5]]}}}],["1.9.4",{"_index":584,"t":{"94":{"position":[[99,5]]},"126":{"position":[[1640,5]]},"212":{"position":[[1402,5]]},"234":{"position":[[1411,5]]},"272":{"position":[[865,5]]},"278":{"position":[[154,5]]},"312":{"position":[[726,5]]},"316":{"position":[[1405,5]]},"380":{"position":[[580,5]]},"384":{"position":[[1771,5]]},"540":{"position":[[143,5]]},"578":{"position":[[1209,5]]}}}],["1.9.5",{"_index":591,"t":{"98":{"position":[[100,5]]},"126":{"position":[[1355,5]]},"212":{"position":[[1117,5]]},"234":{"position":[[1126,5]]},"270":{"position":[[689,5]]},"272":{"position":[[580,5]]},"294":{"position":[[152,5]]},"312":{"position":[[441,5]]},"316":{"position":[[1120,5]]},"364":{"position":[[2569,5]]},"384":{"position":[[1486,5]]},"424":{"position":[[146,5]]},"544":{"position":[[144,5]]},"578":{"position":[[1421,5]]},"660":{"position":[[438,5],[2083,5],[3396,5],[3579,5]]}}}],["1.x.x",{"_index":77,"t":{"2":{"position":[[1699,5],[1844,5],[2661,5]]},"124":{"position":[[187,5],[332,5],[1149,5]]}}}],["10",{"_index":423,"t":{"62":{"position":[[33,3]]},"72":{"position":[[30,3]]},"130":{"position":[[1864,3],[2033,3]]},"132":{"position":[[281,3]]},"136":{"position":[[2037,3]]},"148":{"position":[[712,3]]},"152":{"position":[[455,3]]},"170":{"position":[[81,3]]},"214":{"position":[[1823,3]]},"220":{"position":[[77,3]]},"224":{"position":[[83,3]]},"228":{"position":[[79,3]]},"232":{"position":[[1832,3]]},"236":{"position":[[86,3]]},"246":{"position":[[379,3]]},"252":{"position":[[82,3]]},"276":{"position":[[81,3]]},"314":{"position":[[80,3]]},"318":{"position":[[1273,3],[2615,3]]},"326":{"position":[[1826,3]]},"330":{"position":[[1000,3]]},"340":{"position":[[76,3]]},"370":{"position":[[1978,3]]},"510":{"position":[[77,3]]},"516":{"position":[[74,3]]},"592":{"position":[[3281,5],[5732,5],[8747,5],[11741,5],[14739,5]]},"612":{"position":[[8596,4],[9045,4]]},"614":{"position":[[7556,4],[7849,4],[10161,4],[10469,4],[10866,4]]},"616":{"position":[[1110,3],[1956,3],[2506,3],[3213,3],[3997,3],[5189,3],[5830,3]]},"618":{"position":[[4227,2],[8374,4],[8725,4],[9125,4],[11210,4]]},"622":{"position":[[8162,2],[11610,4],[12004,4],[12447,4],[17046,4]]},"628":{"position":[[5683,4],[6021,4],[6346,4],[6648,4],[6967,4],[9704,4],[10103,4]]},"656":{"position":[[4111,5],[6035,5],[8294,5],[10647,5],[13120,5],[15550,5],[17941,5],[20424,5],[23677,5]]},"660":{"position":[[2102,2],[2179,3],[12029,3],[13728,3],[18919,3],[48521,3],[52658,3],[54175,3],[62979,3],[66200,3],[69283,3],[72660,3],[85161,3],[87927,3],[110006,3],[127398,3]]}}}],["10%</button",{"_index":2389,"t":{"590":{"position":[[2564,12],[2699,12]]}}}],["100",{"_index":1578,"t":{"570":{"position":[[6379,4]]},"606":{"position":[[5894,6],[6696,5],[7470,6],[13124,6],[13701,5],[14669,6]]},"608":{"position":[[5527,6],[6272,5],[7024,6],[9441,6],[9951,5],[10895,6],[14193,6]]},"616":{"position":[[3493,3],[6083,7]]},"654":{"position":[[16394,4]]}}}],["10000",{"_index":3072,"t":{"604":{"position":[[11266,6],[11538,6],[13494,6],[13766,6],[15592,6],[15864,6]]}}}],["100vh;\">thi",{"_index":2042,"t":{"578":{"position":[[8878,12],[10635,12]]}}}],["101",{"_index":4374,"t":{"660":{"position":[[8803,4],[11148,4],[13524,4],[16296,4],[18715,4],[21467,4],[23869,4],[27613,4],[32946,4],[35311,4],[37676,4],[39983,4],[42241,4],[45642,4],[48317,4],[53971,4],[56688,4],[62775,4],[65996,4],[69079,4],[72456,4],[75594,4],[78569,4],[81866,4],[84957,4],[87723,4],[92828,4],[101058,4],[103249,4],[105687,4],[109802,4],[113683,4],[127194,4],[129772,4],[132567,4]]}}}],["102",{"_index":4372,"t":{"660":{"position":[[8683,4],[11028,4],[13404,4],[16176,4],[18595,4],[21347,4],[23749,4],[27383,4],[32826,4],[35191,4],[37556,4],[39880,4],[42138,4],[45412,4],[48197,4],[53851,4],[56568,4],[62655,4],[65876,4],[68959,4],[72336,4],[75474,4],[78449,4],[81746,4],[84837,4],[87603,4],[92708,4],[100938,4],[103129,4],[105567,4],[109682,4],[113563,4],[127074,4],[129660,4],[132433,4]]}}}],["103",{"_index":4358,"t":{"660":{"position":[[8166,4],[10511,4],[12887,4],[15659,4],[18078,4],[20830,4],[23232,4],[26412,4],[32309,4],[34674,4],[37039,4],[39425,4],[41683,4],[44441,4],[47680,4],[53334,4],[55973,4],[58426,4],[62138,4],[65359,4],[68442,4],[71819,4],[74957,4],[77932,4],[81229,4],[84320,4],[87086,4],[92191,4],[100421,4],[102612,4],[105050,4],[109165,4],[126557,4]]}}}],["104",{"_index":4366,"t":{"660":{"position":[[8421,4],[10766,4],[13142,4],[15914,4],[18333,4],[21085,4],[23487,4],[26891,4],[32564,4],[34929,4],[37294,4],[39647,4],[41905,4],[44920,4],[47935,4],[53589,4],[56228,4],[58681,4],[62393,4],[65614,4],[68697,4],[72074,4],[75212,4],[78187,4],[81484,4],[84575,4],[87341,4],[92446,4],[100676,4],[102867,4],[105305,4],[109420,4],[113301,4],[126812,4],[129445,4],[132174,4]]}}}],["105",{"_index":4369,"t":{"660":{"position":[[8550,4],[10895,4],[13271,4],[16043,4],[18462,4],[21214,4],[23616,4],[27131,4],[32693,4],[35058,4],[37423,4],[39760,4],[42018,4],[45160,4],[48064,4],[53718,4],[56357,4],[58810,4],[62522,4],[65743,4],[68826,4],[72203,4],[75341,4],[78316,4],[79390,4],[79470,4],[81613,4],[82327,5],[82370,3],[82449,4],[82491,3],[84704,4],[87470,4],[92575,4],[100805,4],[102996,4],[105434,4],[109549,4],[113430,4],[126941,4],[129546,4],[132297,4]]}}}],["106",{"_index":4363,"t":{"660":{"position":[[8297,4],[10642,4],[13018,4],[15790,4],[18209,4],[20961,4],[23363,4],[26654,4],[32440,4],[34805,4],[37170,4],[39540,4],[41798,4],[44683,4],[47811,4],[53465,4],[56104,4],[58557,4],[62269,4],[65490,4],[68573,4],[71950,4],[75088,4],[78063,4],[81360,4],[84451,4],[87217,4],[92322,4],[100552,4],[102743,4],[105181,4],[109296,4],[113177,4],[126688,4],[129342,4],[132049,4]]}}}],["107",{"_index":4352,"t":{"660":{"position":[[8042,4],[10387,4],[12763,4],[15535,4],[17954,4],[20706,4],[23108,4],[26174,4],[32185,4],[34550,4],[36915,4],[39320,4],[41578,4],[44203,4],[47556,4],[53210,4],[55849,4],[58302,4],[62014,4],[65235,4],[68318,4],[71695,4],[74833,4],[77808,4],[81105,4],[84196,4],[86962,4],[109041,4],[112921,4],[126433,4],[129137,4],[131800,4]]}}}],["1073255",{"_index":2990,"t":{"602":{"position":[[12879,8],[15868,8]]},"606":{"position":[[10051,8]]}}}],["108",{"_index":4376,"t":{"660":{"position":[[8925,4],[11270,4],[13901,4],[16418,4],[19092,4],[21589,4],[23991,4],[27852,4],[33068,4],[35433,4],[37798,4],[40088,4],[42346,4],[45881,4],[48694,4],[54348,4],[56810,4],[63152,4],[66373,4],[69456,4],[72833,4],[75716,4],[78691,4],[81988,4],[85334,4],[88100,4],[110179,4],[113805,4],[127571,4],[129877,4],[132694,4]]}}}],["1081241",{"_index":2987,"t":{"602":{"position":[[12852,8],[15841,8]]},"606":{"position":[[10024,8]]}}}],["109",{"_index":4379,"t":{"660":{"position":[[9048,4],[11393,4],[14024,4],[16541,4],[19215,4],[21712,4],[24114,4],[28092,4],[33191,4],[35556,4],[37921,4],[40195,4],[42453,4],[46121,4],[48817,4],[54471,4],[56933,4],[63275,4],[66496,4],[69579,4],[72956,4],[75839,4],[78814,4],[82111,4],[85457,4],[88223,4],[110302,4],[113928,4],[127694,4],[129978,4],[132817,4]]}}}],["10:00",{"_index":3842,"t":{"628":{"position":[[3449,5],[8891,5]]}}}],["10:50",{"_index":3848,"t":{"628":{"position":[[4133,5],[4862,5]]}}}],["10</button",{"_index":4588,"t":{"660":{"position":[[83520,11]]}}}],["10m",{"_index":3608,"t":{"618":{"position":[[11439,4]]},"622":{"position":[[17277,4]]}}}],["11",{"_index":537,"t":{"84":{"position":[[29,3]]},"130":{"position":[[1622,3]]},"136":{"position":[[287,3]]},"214":{"position":[[73,3]]},"232":{"position":[[82,3]]},"246":{"position":[[78,3]]},"264":{"position":[[81,3]]},"270":{"position":[[1381,3]]},"312":{"position":[[2249,3]]},"326":{"position":[[76,3]]},"330":{"position":[[699,3]]},"348":{"position":[[71,3]]},"354":{"position":[[75,3]]},"368":{"position":[[71,3]]},"370":{"position":[[329,3]]},"528":{"position":[[73,3]]},"592":{"position":[[3408,5],[5857,5],[8872,5],[11866,5],[14864,5]]},"656":{"position":[[4238,5],[6162,5],[8421,5],[10774,5],[13247,5],[15677,5],[18068,5],[20551,5],[23804,5]]},"660":{"position":[[8117,3],[10462,3],[12838,3],[15610,3],[18029,3],[20781,3],[23183,3],[26348,3],[32260,3],[34625,3],[36990,3],[44377,3],[47631,3],[53285,3],[55924,3],[58377,3],[62089,3],[65310,3],[68393,3],[71770,3],[74908,3],[77883,3],[81180,3],[84271,3],[87037,3],[109116,3],[112996,3],[126508,3],[129183,3],[131846,3]]}}}],["110",{"_index":4659,"t":{"660":{"position":[[114027,4],[130058,4],[132919,4]]}}}],["1100363",{"_index":2988,"t":{"602":{"position":[[12861,8],[15850,8]]},"606":{"position":[[10033,8]]}}}],["111",{"_index":4396,"t":{"660":{"position":[[14143,4],[19334,4],[48936,4],[54590,4],[63394,4],[66615,4],[69698,4],[73075,4],[85576,4],[88342,4],[110421,4],[127813,4]]}}}],["1118136",{"_index":2989,"t":{"602":{"position":[[12870,8],[15859,8]]},"606":{"position":[[10042,8]]}}}],["1120315",{"_index":2991,"t":{"602":{"position":[[12888,8],[15877,8]]},"606":{"position":[[10060,8]]}}}],["113",{"_index":4389,"t":{"660":{"position":[[13646,4],[18837,4],[48439,4],[54093,4],[62897,4],[66118,4],[69201,4],[72578,4],[85079,4],[87845,4],[109924,4],[127316,4]]}}}],["117",{"_index":4393,"t":{"660":{"position":[[13776,4],[18967,4],[48569,4],[54223,4],[63027,4],[66248,4],[69331,4],[72708,4],[85209,4],[87975,4],[110054,4],[127446,4]]}}}],["12",{"_index":208,"t":{"12":{"position":[[32,3]]},"36":{"position":[[33,3]]},"48":{"position":[[33,3]]},"68":{"position":[[30,3]]},"130":{"position":[[100,3],[364,3],[713,3],[1905,3]]},"132":{"position":[[2355,3]]},"134":{"position":[[1650,3]]},"136":{"position":[[2371,3]]},"140":{"position":[[1808,3]]},"146":{"position":[[2611,3]]},"160":{"position":[[345,3]]},"164":{"position":[[92,3]]},"188":{"position":[[84,3]]},"214":{"position":[[2157,3]]},"220":{"position":[[2151,3]]},"232":{"position":[[2166,3]]},"236":{"position":[[2160,3]]},"238":{"position":[[1548,3]]},"240":{"position":[[1506,3]]},"254":{"position":[[78,3]]},"256":{"position":[[769,3]]},"262":{"position":[[83,3]]},"264":{"position":[[814,3]]},"270":{"position":[[2613,3]]},"272":{"position":[[1606,3]]},"280":{"position":[[83,3]]},"284":{"position":[[514,3]]},"292":{"position":[[78,3]]},"294":{"position":[[800,3]]},"298":{"position":[[84,3]]},"318":{"position":[[1607,3]]},"326":{"position":[[2160,3]]},"328":{"position":[[1018,3]]},"352":{"position":[[77,3]]},"354":{"position":[[808,3]]},"360":{"position":[[1729,3]]},"370":{"position":[[1561,3],[2477,3]]},"384":{"position":[[2512,3]]},"392":{"position":[[508,3]]},"424":{"position":[[794,3]]},"426":{"position":[[78,3]]},"440":{"position":[[76,3]]},"466":{"position":[[77,3]]},"496":{"position":[[77,3]]},"524":{"position":[[74,3]]},"592":{"position":[[3528,5],[5984,5],[8999,5],[11993,5],[14991,5]]},"602":{"position":[[6245,2],[6378,2]]},"604":{"position":[[4279,2],[4412,2],[7082,3],[7345,3]]},"606":{"position":[[3648,2],[3781,2],[6394,3],[13399,3]]},"608":{"position":[[3366,2],[3499,2],[5992,3],[9671,3]]},"612":{"position":[[2192,4],[4019,4],[5650,4],[6619,4],[9245,2],[10612,4],[12150,4]]},"614":{"position":[[8067,2],[11152,2]]},"618":{"position":[[9336,2]]},"622":{"position":[[12701,2]]},"628":{"position":[[7153,2],[10391,2]]},"654":{"position":[[20218,2]]},"656":{"position":[[4358,5],[6282,5],[8541,5],[10894,5],[13367,5],[15797,5],[18188,5],[20671,5],[23924,5]]},"660":{"position":[[8758,4],[8880,4],[11103,4],[11225,4],[13479,4],[13601,4],[13856,4],[14224,4],[16251,4],[16373,4],[18670,4],[18792,4],[19047,4],[19415,4],[21422,4],[21544,4],[23824,4],[23946,4],[27552,4],[27791,4],[32901,4],[33023,4],[35266,4],[35388,4],[37631,4],[37753,4],[45581,4],[45820,4],[48272,4],[48394,4],[48649,4],[49017,4],[53926,4],[54048,4],[54303,4],[54671,4],[56643,4],[56765,4],[59662,4],[62730,4],[62852,4],[63107,4],[63475,4],[65951,4],[66073,4],[66328,4],[66696,4],[69034,4],[69156,4],[69411,4],[69779,4],[72411,4],[72533,4],[72788,4],[73156,4],[75549,4],[75671,4],[78524,4],[78646,4],[81821,4],[81943,4],[84912,4],[85034,4],[85289,4],[85657,4],[87678,4],[87800,4],[88055,4],[88423,4],[92783,4],[92905,4],[101013,4],[101135,4],[103204,4],[103326,4],[105642,4],[105764,4],[109757,4],[109879,4],[110134,4],[110502,4],[113638,4],[113760,4],[127149,4],[127271,4],[127526,4],[127894,4],[129708,4],[129822,4],[132481,4],[132617,4]]}}}],["12000",{"_index":4441,"t":{"660":{"position":[[26844,6],[39600,6],[41858,6],[44873,6]]}}}],["12345678",{"_index":3650,"t":{"622":{"position":[[2134,9],[4273,9],[4305,9],[4337,9],[4369,9],[4401,9],[4433,9],[4465,9],[4497,9],[4529,9]]}}}],["12345678.55m",{"_index":3695,"t":{"622":{"position":[[16459,13],[16499,13],[16539,13],[16579,13],[16619,13],[16659,13],[16699,13],[16739,13],[16779,13]]}}}],["12th",{"_index":112,"t":{"2":{"position":[[2317,5]]},"124":{"position":[[805,5]]}}}],["13",{"_index":264,"t":{"26":{"position":[[30,3]]},"100":{"position":[[32,3]]},"126":{"position":[[994,3]]},"130":{"position":[[838,3],[1305,3]]},"140":{"position":[[2414,3]]},"212":{"position":[[756,3]]},"234":{"position":[[765,3]]},"238":{"position":[[2154,3]]},"270":{"position":[[0,2],[328,3]]},"276":{"position":[[0,2]]},"312":{"position":[[80,3]]},"316":{"position":[[759,3]]},"330":{"position":[[1334,3]]},"364":{"position":[[2208,3]]},"382":{"position":[[0,2]]},"384":{"position":[[0,2]]},"460":{"position":[[74,3]]},"480":{"position":[[77,3]]},"592":{"position":[[6104,5],[9119,5],[12113,5],[15111,5]]}}}],["1395736",{"_index":2992,"t":{"602":{"position":[[12897,8],[15886,8]]},"606":{"position":[[10069,8]]}}}],["14",{"_index":47,"t":{"2":{"position":[[661,3]]},"120":{"position":[[30,3]]},"130":{"position":[[2341,3]]},"158":{"position":[[705,3]]},"230":{"position":[[714,3]]},"306":{"position":[[708,3]]},"308":{"position":[[78,3]]},"346":{"position":[[358,3]]},"394":{"position":[[76,3]]},"406":{"position":[[426,3]]},"414":{"position":[[80,3]]},"418":{"position":[[71,3]]},"552":{"position":[[74,3]]},"628":{"position":[[1611,4]]}}}],["14000",{"_index":3073,"t":{"604":{"position":[[11273,6],[11545,6],[13501,6],[13773,6],[15599,6],[15871,6]]}}}],["1414739",{"_index":2996,"t":{"602":{"position":[[12933,8],[15922,8]]},"606":{"position":[[10105,8]]}}}],["1488788",{"_index":2993,"t":{"602":{"position":[[12906,8],[15895,8]]},"606":{"position":[[10078,8]]}}}],["1489466",{"_index":2994,"t":{"602":{"position":[[12915,8],[15904,8]]},"606":{"position":[[10087,8]]}}}],["1489947",{"_index":2995,"t":{"602":{"position":[[12924,8],[15913,8]]},"606":{"position":[[10096,8]]}}}],["15",{"_index":238,"t":{"16":{"position":[[29,3]]},"18":{"position":[[31,3]]},"50":{"position":[[33,3]]},"58":{"position":[[32,3]]},"104":{"position":[[35,3]]},"106":{"position":[[33,3]]},"126":{"position":[[33,3],[317,3]]},"130":{"position":[[320,3],[996,3],[1081,3],[1173,3],[1219,3],[2205,3]]},"132":{"position":[[1538,3],[2096,3]]},"134":{"position":[[618,3],[1049,3]]},"146":{"position":[[467,3]]},"158":{"position":[[2746,3]]},"160":{"position":[[86,3]]},"212":{"position":[[79,3]]},"220":{"position":[[1334,3],[1892,3]]},"222":{"position":[[90,3]]},"230":{"position":[[2755,3]]},"234":{"position":[[88,3]]},"236":{"position":[[1343,3],[1901,3]]},"240":{"position":[[474,3],[905,3]]},"250":{"position":[[84,3]]},"258":{"position":[[92,3]]},"268":{"position":[[85,3]]},"272":{"position":[[83,3]]},"274":{"position":[[80,3]]},"288":{"position":[[85,3],[514,3]]},"296":{"position":[[514,3]]},"304":{"position":[[85,3]]},"306":{"position":[[2749,3]]},"308":{"position":[[2119,3],[2403,3]]},"316":{"position":[[82,3]]},"334":{"position":[[78,3]]},"346":{"position":[[656,3]]},"358":{"position":[[431,3]]},"360":{"position":[[1015,3],[1299,3]]},"362":{"position":[[73,3]]},"366":{"position":[[74,3]]},"376":{"position":[[78,3]]},"378":{"position":[[76,3]]},"380":{"position":[[84,3]]},"382":{"position":[[581,3]]},"384":{"position":[[989,3]]},"386":{"position":[[80,3]]},"388":{"position":[[79,3]]},"392":{"position":[[1463,3]]},"398":{"position":[[470,3]]},"410":{"position":[[432,3],[861,3]]},"436":{"position":[[393,3]]},"450":{"position":[[75,3]]},"452":{"position":[[73,3]]},"484":{"position":[[80,3]]},"486":{"position":[[78,3]]},"498":{"position":[[77,3]]},"504":{"position":[[76,3]]}}}],["15000",{"_index":3056,"t":{"604":{"position":[[9528,6]]}}}],["15</button",{"_index":4590,"t":{"660":{"position":[[83637,11]]}}}],["16",{"_index":319,"t":{"38":{"position":[[31,3]]},"88":{"position":[[29,3]]},"98":{"position":[[29,3]]},"126":{"position":[[1284,3]]},"130":{"position":[[625,3],[1346,3],[1582,3]]},"136":{"position":[[29,3]]},"140":{"position":[[1263,3]]},"156":{"position":[[85,3]]},"162":{"position":[[82,3]]},"172":{"position":[[90,3]]},"184":{"position":[[86,3]]},"192":{"position":[[85,3]]},"212":{"position":[[1046,3],[2667,3]]},"234":{"position":[[1055,3],[2676,3]]},"238":{"position":[[1003,3]]},"270":{"position":[[618,3],[1123,3]]},"272":{"position":[[509,3]]},"286":{"position":[[81,3]]},"294":{"position":[[81,3]]},"312":{"position":[[370,3],[1991,3]]},"316":{"position":[[1049,3],[2670,3]]},"364":{"position":[[2498,3]]},"370":{"position":[[71,3]]},"384":{"position":[[1415,3]]},"396":{"position":[[74,3]]},"424":{"position":[[75,3]]},"470":{"position":[[75,3]]},"530":{"position":[[73,3]]},"544":{"position":[[73,3]]},"590":{"position":[[393,2],[493,2]]}}}],["160",{"_index":453,"t":{"68":{"position":[[649,4]]}}}],["16500.50m",{"_index":4445,"t":{"660":{"position":[[27332,10],[39829,10],[42087,10],[45361,10]]}}}],["17",{"_index":56,"t":{"2":{"position":[[954,3]]},"34":{"position":[[33,3]]},"118":{"position":[[30,3]]},"130":{"position":[[669,3],[2382,3]]},"140":{"position":[[1534,3]]},"146":{"position":[[2337,3]]},"150":{"position":[[76,3]]},"158":{"position":[[998,3]]},"230":{"position":[[1007,3]]},"238":{"position":[[1274,3]]},"306":{"position":[[1001,3]]},"308":{"position":[[371,3]]},"328":{"position":[[427,3]]},"350":{"position":[[80,3]]},"364":{"position":[[703,3]]},"390":{"position":[[78,3]]},"394":{"position":[[369,3]]},"404":{"position":[[77,3]]},"412":{"position":[[428,3]]},"436":{"position":[[74,3]]},"468":{"position":[[77,3]]},"546":{"position":[[74,3]]},"660":{"position":[[8121,4],[8376,4],[10466,4],[10721,4],[12842,4],[13097,4],[15614,4],[15869,4],[18033,4],[18288,4],[20785,4],[21040,4],[23187,4],[23442,4],[26352,4],[26830,4],[32264,4],[32519,4],[34629,4],[34884,4],[36994,4],[37249,4],[44381,4],[44859,4],[47635,4],[47890,4],[53289,4],[53544,4],[55928,4],[56183,4],[58381,4],[58636,4],[62093,4],[62348,4],[65314,4],[65569,4],[68397,4],[68652,4],[71774,4],[72029,4],[74912,4],[75167,4],[77887,4],[78142,4],[81184,4],[81439,4],[84275,4],[84530,4],[87041,4],[87296,4],[92401,4],[100631,4],[102822,4],[105260,4],[109120,4],[109375,4],[113000,4],[113256,4],[126512,4],[126767,4],[129187,4],[129390,4],[131850,4],[132097,4]]}}}],["17000",{"_index":3071,"t":{"604":{"position":[[11008,5],[13236,5],[15334,5]]}}}],["172",{"_index":480,"t":{"72":{"position":[[630,4]]}}}],["1735811",{"_index":2997,"t":{"602":{"position":[[12942,8],[15931,8]]},"606":{"position":[[10114,8]]}}}],["17850",{"_index":4452,"t":{"660":{"position":[[28045,6],[40148,6],[42406,6],[46074,6]]}}}],["179",{"_index":518,"t":{"80":{"position":[[201,4]]}}}],["18",{"_index":158,"t":{"2":{"position":[[3662,3]]},"42":{"position":[[33,3]]},"54":{"position":[[33,3]]},"108":{"position":[[34,3]]},"130":{"position":[[276,3],[496,3],[1129,3]]},"132":{"position":[[1807,3]]},"140":{"position":[[346,3]]},"146":{"position":[[2048,3]]},"158":{"position":[[2472,3]]},"160":{"position":[[1393,3]]},"180":{"position":[[83,3]]},"182":{"position":[[90,3]]},"190":{"position":[[90,3]]},"208":{"position":[[82,3]]},"218":{"position":[[77,3]]},"220":{"position":[[1603,3]]},"222":{"position":[[1222,3]]},"230":{"position":[[2481,3]]},"236":{"position":[[1612,3]]},"238":{"position":[[86,3]]},"306":{"position":[[2475,3]]},"308":{"position":[[1845,3]]},"336":{"position":[[360,3]]},"360":{"position":[[741,3]]},"364":{"position":[[1687,3]]},"368":{"position":[[375,3]]},"374":{"position":[[83,3]]},"384":{"position":[[713,3]]},"400":{"position":[[79,3]]},"416":{"position":[[77,3]]},"478":{"position":[[77,3]]},"490":{"position":[[79,3]]},"506":{"position":[[77,3]]}}}],["18000",{"_index":3057,"t":{"604":{"position":[[9535,6]]}}}],["1809499",{"_index":2973,"t":{"602":{"position":[[12310,8],[12337,8],[15234,8],[15261,8]]},"606":{"position":[[9482,8],[9509,8]]}}}],["1816642",{"_index":2974,"t":{"602":{"position":[[12319,8],[15243,8]]},"606":{"position":[[9491,8]]}}}],["182",{"_index":492,"t":{"74":{"position":[[346,4]]}}}],["1820171",{"_index":2998,"t":{"602":{"position":[[12951,7],[15940,7]]},"606":{"position":[[10123,7]]}}}],["183",{"_index":489,"t":{"74":{"position":[[243,4]]}}}],["184",{"_index":497,"t":{"74":{"position":[[418,4]]}}}],["1846743",{"_index":2977,"t":{"602":{"position":[[12355,8],[15279,8]]},"606":{"position":[[9527,8]]}}}],["1850793",{"_index":2976,"t":{"602":{"position":[[12346,8],[15270,8]]},"606":{"position":[[9518,8]]}}}],["19",{"_index":269,"t":{"28":{"position":[[28,3]]},"74":{"position":[[30,3]]},"130":{"position":[[916,3],[1823,3]]},"134":{"position":[[225,3]]},"136":{"position":[[1767,3]]},"146":{"position":[[1326,3]]},"214":{"position":[[1553,3]]},"222":{"position":[[949,3]]},"232":{"position":[[1562,3]]},"240":{"position":[[81,3]]},"248":{"position":[[325,3]]},"318":{"position":[[1003,3]]},"324":{"position":[[319,3]]},"326":{"position":[[1556,3]]},"398":{"position":[[77,3]]},"456":{"position":[[72,3]]},"518":{"position":[[74,3]]}}}],["19000",{"_index":4438,"t":{"660":{"position":[[26607,6],[27083,6],[39493,6],[39712,6],[41751,6],[41970,6],[44636,6],[45112,6]]}}}],["192",{"_index":502,"t":{"76":{"position":[[219,4]]}}}],["194",{"_index":510,"t":{"78":{"position":[[222,4]]}}}],["195",{"_index":514,"t":{"78":{"position":[[302,4]]}}}],["1954797",{"_index":2978,"t":{"602":{"position":[[12364,8],[15288,8]]},"606":{"position":[[9536,8]]}}}],["196",{"_index":520,"t":{"80":{"position":[[299,4]]}}}],["1983430",{"_index":2980,"t":{"602":{"position":[[12382,8],[15306,8]]},"606":{"position":[[9554,8]]}}}],["1px",{"_index":3284,"t":{"612":{"position":[[8264,3],[8305,3]]},"614":{"position":[[7201,3],[7242,3],[9798,3],[9839,3]]},"618":{"position":[[8021,3],[8062,3]]},"622":{"position":[[11257,3],[11298,3]]},"628":{"position":[[5318,3],[5359,3],[9338,3],[9379,3]]},"654":{"position":[[18926,3],[18967,3]]}}}],["2",{"_index":8,"t":{"2":{"position":[[49,1],[2790,1]]},"80":{"position":[[39,1]]},"100":{"position":[[43,1]]},"110":{"position":[[44,1]]},"126":{"position":[[1005,1]]},"128":{"position":[[49,1]]},"136":{"position":[[851,1]]},"146":{"position":[[93,1],[903,1]]},"148":{"position":[[95,1]]},"152":{"position":[[0,1],[86,1]]},"158":{"position":[[93,1],[1600,1]]},"166":{"position":[[0,1]]},"168":{"position":[[0,1]]},"194":{"position":[[0,1]]},"202":{"position":[[0,1]]},"210":{"position":[[0,1]]},"212":{"position":[[767,1]]},"214":{"position":[[637,1]]},"222":{"position":[[526,1]]},"230":{"position":[[102,1],[1609,1]]},"232":{"position":[[646,1]]},"234":{"position":[[776,1]]},"246":{"position":[[0,1]]},"256":{"position":[[95,1]]},"262":{"position":[[0,1]]},"264":{"position":[[391,1]]},"270":{"position":[[339,1],[1945,1]]},"274":{"position":[[0,1]]},"278":{"position":[[0,1]]},"282":{"position":[[94,1]]},"284":{"position":[[91,1]]},"288":{"position":[[0,1]]},"294":{"position":[[377,1]]},"296":{"position":[[0,1],[88,1]]},"302":{"position":[[0,1]]},"304":{"position":[[0,1]]},"306":{"position":[[96,1],[1603,1]]},"308":{"position":[[973,1]]},"312":{"position":[[91,1]]},"316":{"position":[[770,1]]},"318":{"position":[[87,1]]},"326":{"position":[[640,1]]},"328":{"position":[[93,1]]},"330":{"position":[[92,1]]},"336":{"position":[[0,1]]},"350":{"position":[[403,1]]},"352":{"position":[[0,1]]},"354":{"position":[[385,1]]},"358":{"position":[[0,1],[94,1]]},"360":{"position":[[85,1]]},"364":{"position":[[91,1],[1031,1],[2219,1]]},"366":{"position":[[0,1]]},"368":{"position":[[0,1]]},"370":{"position":[[893,1]]},"384":{"position":[[92,1]]},"390":{"position":[[0,1],[401,1]]},"392":{"position":[[85,1]]},"394":{"position":[[697,1]]},"396":{"position":[[0,1]]},"404":{"position":[[0,1],[405,1]]},"406":{"position":[[0,1],[92,1]]},"408":{"position":[[94,1]]},"410":{"position":[[93,1]]},"412":{"position":[[0,1],[94,1]]},"416":{"position":[[0,1],[357,1]]},"418":{"position":[[378,1]]},"420":{"position":[[90,1]]},"424":{"position":[[371,1]]},"428":{"position":[[0,1]]},"480":{"position":[[88,1]]},"492":{"position":[[89,1]]},"522":{"position":[[83,1]]},"554":{"position":[[93,1]]},"562":{"position":[[2934,4],[4857,2],[6788,4],[8590,3],[10420,4],[18327,3],[18917,4],[21302,3]]},"568":{"position":[[5761,3],[5903,1],[5919,3],[6061,1],[6080,3],[6222,1],[6260,3]]},"570":{"position":[[3596,1],[4067,1],[4431,1]]},"582":{"position":[[3214,2]]},"586":{"position":[[6504,3],[9481,3]]},"592":{"position":[[2260,4],[2822,3],[4359,4],[4921,3],[7250,4],[7874,3],[10244,4],[10868,3],[13242,4],[13866,3]]},"596":{"position":[[4692,1],[4945,1],[5114,1],[9944,1],[10098,1]]},"600":{"position":[[2273,3],[2494,3],[2718,3],[3206,3],[3427,3],[3651,3],[4122,3],[4404,3],[4688,3],[5051,3],[5272,3],[5513,3],[5738,3],[6141,3],[6362,3],[6586,3]]},"602":{"position":[[2382,2],[10418,1],[12007,1],[12549,1],[13091,1],[14866,1],[15473,1],[16080,1]]},"604":{"position":[[2498,2]]},"606":{"position":[[2246,2],[3075,1],[9179,1],[9721,1],[10263,1]]},"608":{"position":[[2081,2],[2808,1]]},"612":{"position":[[8501,3],[8541,1],[8991,1]]},"614":{"position":[[7462,1],[7754,1],[10068,1],[10377,1],[10776,1]]},"616":{"position":[[1263,2],[1467,2],[1672,2],[1878,2],[4057,2],[4467,2],[4680,2],[4895,2],[5111,2],[5723,2]]},"618":{"position":[[8282,1],[8665,1],[9031,1],[11118,1]]},"620":{"position":[[925,1]]},"622":{"position":[[11518,1],[11944,1],[12353,1],[16954,1]]},"624":{"position":[[7840,3],[8527,4]]},"626":{"position":[[7316,3],[8003,4]]},"628":{"position":[[5588,1],[5925,1],[6250,1],[6554,1],[6873,1],[9608,1],[10009,1]]},"634":{"position":[[7294,4]]},"636":{"position":[[8385,4]]},"640":{"position":[[947,3],[1501,4]]},"642":{"position":[[6900,3],[7587,4]]},"644":{"position":[[6739,3],[7426,4]]},"646":{"position":[[952,3],[1506,4]]},"652":{"position":[[7319,4]]},"654":{"position":[[4094,1],[6286,1],[8866,1],[9755,1],[10777,3],[11854,3],[12448,3],[13506,3]]},"656":{"position":[[3288,4],[5120,4],[7379,4],[9732,4],[12205,4],[14635,4],[17026,4],[18842,3],[19509,4],[22812,4]]},"660":{"position":[[2376,3],[13732,3],[18923,3],[48525,3],[54179,3],[56496,1],[57490,1],[59878,1],[62983,3],[66204,3],[69287,3],[72664,3],[74099,3],[77074,3],[80425,3],[85165,3],[87931,3],[106625,3],[110010,3],[127402,3]]}}}],["2\"></icon>a",{"_index":1038,"t":{"556":{"position":[[2481,11],[2626,11],[2771,11]]}}}],["2\"></icon>an",{"_index":1036,"t":{"556":{"position":[[2349,12]]}}}],["2\"><icon",{"_index":2636,"t":{"596":{"position":[[11216,8]]}}}],["2\">@amount1</div",{"_index":3513,"t":{"616":{"position":[[5384,17]]}}}],["2\">@body</div",{"_index":3991,"t":{"634":{"position":[[6780,14]]},"636":{"position":[[7871,14]]},"652":{"position":[[6805,14]]}}}],["2\">hide</h4",{"_index":1286,"t":{"562":{"position":[[16029,12]]}}}],["2\">page",{"_index":2478,"t":{"592":{"position":[[6706,7],[9700,7],[12698,7]]},"656":{"position":[[6863,7],[9188,7],[11661,7],[14091,7],[16510,7]]}}}],["2\">submit</button",{"_index":3418,"t":{"614":{"position":[[8281,18],[11366,18]]},"618":{"position":[[9550,18]]},"622":{"position":[[12915,18]]},"628":{"position":[[7367,18],[10605,18]]},"654":{"position":[[20432,18]]}}}],["2.0.0",{"_index":66,"t":{"2":{"position":[[1342,5]]},"116":{"position":[[104,5]]},"158":{"position":[[1386,5]]},"230":{"position":[[1395,5]]},"306":{"position":[[1389,5]]},"308":{"position":[[759,5]]},"328":{"position":[[815,5]]},"330":{"position":[[500,5]]},"338":{"position":[[151,5]]},"422":{"position":[[149,5]]},"548":{"position":[[148,5]]},"566":{"position":[[543,5]]},"594":{"position":[[286,5],[366,5],[455,5],[535,5],[611,5],[694,5]]}}}],["2.1.0",{"_index":57,"t":{"2":{"position":[[1025,5]]},"118":{"position":[[101,5]]},"150":{"position":[[147,5]]},"158":{"position":[[1069,5]]},"230":{"position":[[1078,5]]},"306":{"position":[[1072,5]]},"308":{"position":[[442,5]]},"328":{"position":[[498,5]]},"350":{"position":[[151,5]]},"364":{"position":[[774,5]]},"390":{"position":[[149,5]]},"394":{"position":[[440,5]]},"404":{"position":[[148,5]]},"412":{"position":[[499,5]]},"436":{"position":[[145,5]]},"546":{"position":[[145,5]]},"592":{"position":[[321,5],[390,5],[474,5],[594,5],[645,5],[697,5],[788,5],[827,5],[1304,5]]},"610":{"position":[[481,5]]},"658":{"position":[[370,5]]}}}],["2.2.0",{"_index":48,"t":{"2":{"position":[[732,5]]},"120":{"position":[[101,5]]},"158":{"position":[[776,5]]},"230":{"position":[[785,5]]},"306":{"position":[[779,5]]},"308":{"position":[[149,5]]},"346":{"position":[[429,5]]},"394":{"position":[[147,5]]},"406":{"position":[[497,5]]},"414":{"position":[[151,5]]},"418":{"position":[[142,5]]},"552":{"position":[[145,5]]},"586":{"position":[[293,5],[362,5],[492,5],[591,5],[650,5],[700,5],[752,5],[829,5],[1011,5],[1197,5],[1270,5],[1451,5],[1528,5],[1592,5],[1673,5],[1746,5],[1820,5],[1881,5],[1936,5],[1995,5],[2079,5],[2161,5],[2226,5],[2306,5],[2416,5],[2479,5],[2557,5],[2633,5],[2685,5],[2780,5],[2875,5],[3003,5],[3106,5],[3220,5],[3305,5],[3376,5],[3542,5]]},"596":{"position":[[560,5],[664,5],[716,5],[810,5],[922,5],[1047,5],[1164,5],[1243,5],[1328,5],[1426,5],[1544,5],[1621,5],[1698,5],[1806,5],[1910,5],[2096,5],[2192,5],[2286,5]]},"600":{"position":[[630,5],[693,5],[899,5]]}}}],["2.2.1",{"_index":38,"t":{"2":{"position":[[462,6]]},"122":{"position":[[109,6]]},"158":{"position":[[506,6]]},"230":{"position":[[515,6]]},"306":{"position":[[509,6]]},"346":{"position":[[159,6]]},"364":{"position":[[504,6]]},"550":{"position":[[153,6]]},"636":{"position":[[3021,5]]}}}],["2.34m",{"_index":3568,"t":{"618":{"position":[[5851,6]]},"622":{"position":[[9036,6]]}}}],["2.5",{"_index":1101,"t":{"558":{"position":[[1893,3]]}}}],["2.x.x",{"_index":75,"t":{"2":{"position":[[1667,6],[1788,5]]},"124":{"position":[[155,6],[276,5]]}}}],["20",{"_index":193,"t":{"10":{"position":[[32,3]]},"130":{"position":[[57,3]]},"134":{"position":[[1480,3]]},"240":{"position":[[1336,3]]},"444":{"position":[[76,3]]},"616":{"position":[[1975,3],[5208,3]]},"660":{"position":[[2183,3]]}}}],["2000",{"_index":3070,"t":{"604":{"position":[[11002,5],[13230,5],[15328,5]]},"660":{"position":[[59634,6]]}}}],["2019",{"_index":3004,"t":{"602":{"position":[[13561,7],[16621,7]]},"606":{"position":[[10768,7]]}}}],["2021",{"_index":95,"t":{"2":{"position":[[2063,5]]},"4":{"position":[[36,4]]},"6":{"position":[[35,4]]},"8":{"position":[[36,4]]},"10":{"position":[[36,4]]},"12":{"position":[[36,4]]},"14":{"position":[[36,4]]},"124":{"position":[[551,5]]},"130":{"position":[[0,4],[18,4],[61,4],[104,4],[146,4],[189,4],[232,4]]},"134":{"position":[[1255,4],[1484,4],[1654,4],[1889,4]]},"138":{"position":[[36,4],[230,4]]},"144":{"position":[[79,4]]},"240":{"position":[[1111,4],[1340,4],[1510,4],[1745,4],[1936,4]]},"242":{"position":[[89,4]]},"434":{"position":[[80,4]]},"438":{"position":[[80,4]]},"440":{"position":[[80,4]]},"442":{"position":[[79,4]]},"444":{"position":[[80,4]]},"446":{"position":[[80,4]]}}}],["2022",{"_index":239,"t":{"16":{"position":[[33,4]]},"18":{"position":[[35,4]]},"20":{"position":[[33,4]]},"22":{"position":[[36,4]]},"24":{"position":[[32,4]]},"26":{"position":[[34,4]]},"28":{"position":[[32,4]]},"30":{"position":[[36,4]]},"32":{"position":[[34,4]]},"34":{"position":[[37,4]]},"36":{"position":[[37,4]]},"38":{"position":[[35,4]]},"40":{"position":[[36,4]]},"42":{"position":[[37,4]]},"44":{"position":[[36,4]]},"46":{"position":[[37,4]]},"48":{"position":[[37,4]]},"50":{"position":[[37,4]]},"52":{"position":[[37,4]]},"54":{"position":[[37,4]]},"130":{"position":[[262,4],[280,4],[324,4],[368,4],[412,4],[456,4],[500,4],[543,4],[586,4],[629,4],[673,4],[717,4],[760,4],[801,4],[842,4],[881,4],[920,4],[960,4],[1000,4],[1043,4],[1085,4]]},"132":{"position":[[1811,4],[2100,4],[2359,4],[2688,4]]},"134":{"position":[[32,4],[229,4],[424,4],[622,4],[823,4],[1053,4]]},"140":{"position":[[37,4],[350,4],[690,4],[1005,4],[1267,4],[1538,4],[1812,4],[2010,4],[2214,4],[2418,4]]},"146":{"position":[[2052,4],[2341,4],[2615,4],[2813,4]]},"156":{"position":[[89,4]]},"160":{"position":[[90,4],[349,4],[678,4],[1084,4],[1397,4]]},"162":{"position":[[86,4]]},"164":{"position":[[96,4]]},"166":{"position":[[95,4],[501,4]]},"168":{"position":[[87,4],[493,4]]},"170":{"position":[[583,4]]},"172":{"position":[[94,4]]},"174":{"position":[[95,4]]},"176":{"position":[[92,4]]},"178":{"position":[[93,4]]},"180":{"position":[[87,4]]},"182":{"position":[[94,4]]},"184":{"position":[[90,4]]},"186":{"position":[[91,4]]},"188":{"position":[[88,4]]},"190":{"position":[[94,4]]},"192":{"position":[[89,4]]},"194":{"position":[[88,4],[494,4]]},"196":{"position":[[89,4]]},"198":{"position":[[93,4]]},"200":{"position":[[91,4]]},"202":{"position":[[88,4],[494,4]]},"208":{"position":[[86,4]]},"210":{"position":[[334,4]]},"216":{"position":[[87,4]]},"218":{"position":[[81,4]]},"220":{"position":[[1607,4],[1896,4],[2155,4],[2484,4],[2890,4]]},"222":{"position":[[1226,4]]},"236":{"position":[[1616,4],[1905,4],[2164,4],[2493,4],[2899,4]]},"238":{"position":[[90,4],[430,4],[745,4],[1007,4],[1278,4],[1552,4],[1750,4],[1954,4],[2158,4],[2342,4]]},"240":{"position":[[85,4],[280,4],[478,4],[679,4],[909,4]]},"256":{"position":[[773,4]]},"276":{"position":[[583,4]]},"280":{"position":[[87,4]]},"296":{"position":[[518,4]]},"328":{"position":[[1022,4]]},"330":{"position":[[1338,4]]},"332":{"position":[[88,4]]},"360":{"position":[[1733,4],[1931,4]]},"362":{"position":[[77,4]]},"368":{"position":[[379,4]]},"370":{"position":[[2481,4],[2677,4]]},"372":{"position":[[79,4]]},"374":{"position":[[87,4]]},"382":{"position":[[385,4],[585,4]]},"388":{"position":[[83,4]]},"392":{"position":[[1267,4],[1467,4]]},"396":{"position":[[339,4]]},"398":{"position":[[81,4],[276,4],[474,4]]},"402":{"position":[[86,4]]},"430":{"position":[[665,4],[980,4]]},"448":{"position":[[80,4]]},"450":{"position":[[79,4]]},"452":{"position":[[77,4]]},"454":{"position":[[77,4]]},"456":{"position":[[76,4]]},"458":{"position":[[76,4]]},"460":{"position":[[78,4]]},"462":{"position":[[78,4]]},"464":{"position":[[80,4]]},"466":{"position":[[81,4]]},"468":{"position":[[81,4]]},"470":{"position":[[79,4]]},"472":{"position":[[80,4]]},"474":{"position":[[81,4]]},"476":{"position":[[80,4]]},"478":{"position":[[81,4]]},"496":{"position":[[81,4]]},"498":{"position":[[81,4]]},"506":{"position":[[81,4]]},"606":{"position":[[5123,5],[12211,5]]},"608":{"position":[[4796,5],[8590,5],[12798,5]]},"650":{"position":[[81,4]]}}}],["2023",{"_index":159,"t":{"2":{"position":[[3666,4]]},"56":{"position":[[36,4]]},"58":{"position":[[36,4]]},"60":{"position":[[36,4]]},"62":{"position":[[37,4]]},"64":{"position":[[36,4]]},"66":{"position":[[37,4]]},"68":{"position":[[34,4]]},"70":{"position":[[33,4]]},"72":{"position":[[34,4]]},"74":{"position":[[34,4]]},"76":{"position":[[34,4]]},"78":{"position":[[34,4]]},"80":{"position":[[32,4]]},"82":{"position":[[32,4]]},"84":{"position":[[33,4]]},"86":{"position":[[33,4]]},"88":{"position":[[33,4]]},"90":{"position":[[32,4]]},"92":{"position":[[32,4]]},"94":{"position":[[32,4]]},"96":{"position":[[32,4]]},"98":{"position":[[33,4]]},"100":{"position":[[36,4]]},"102":{"position":[[36,4]]},"104":{"position":[[39,4]]},"106":{"position":[[37,4]]},"108":{"position":[[38,4]]},"126":{"position":[[37,4],[321,4],[750,4],[998,4],[1288,4],[1573,4],[1825,4],[2044,4],[2264,4],[2571,4]]},"130":{"position":[[1115,4],[1133,4],[1177,4],[1223,4],[1266,4],[1309,4],[1350,4],[1389,4],[1428,4],[1467,4],[1506,4],[1546,4],[1586,4],[1626,4],[1665,4],[1704,4],[1745,4],[1786,4],[1827,4],[1868,4],[1909,4],[1949,4],[1993,4],[2037,4],[2080,4],[2123,4],[2166,4],[2209,4]]},"132":{"position":[[37,4],[285,4],[534,4],[783,4],[1232,4],[1542,4]]},"136":{"position":[[33,4],[291,4],[590,4],[844,4],[1278,4],[1523,4],[1771,4],[2041,4],[2375,4],[2788,4]]},"146":{"position":[[471,4],[896,4],[1330,4],[1602,4]]},"148":{"position":[[716,4]]},"152":{"position":[[459,4]]},"154":{"position":[[93,4]]},"158":{"position":[[2476,4],[2750,4]]},"170":{"position":[[85,4],[334,4]]},"204":{"position":[[98,4]]},"206":{"position":[[90,4]]},"210":{"position":[[87,4]]},"212":{"position":[[83,4],[512,4],[760,4],[1050,4],[1335,4],[1587,4],[1806,4],[2026,4],[2333,4],[2671,4]]},"214":{"position":[[77,4],[376,4],[630,4],[1064,4],[1309,4],[1557,4],[1827,4],[2161,4],[2574,4],[2921,4]]},"220":{"position":[[81,4],[330,4],[579,4],[1028,4],[1338,4]]},"222":{"position":[[94,4],[519,4],[953,4]]},"224":{"position":[[87,4]]},"226":{"position":[[107,4]]},"228":{"position":[[83,4]]},"230":{"position":[[2485,4],[2759,4]]},"232":{"position":[[86,4],[385,4],[639,4],[1073,4],[1318,4],[1566,4],[1836,4],[2170,4],[2583,4],[2930,4]]},"234":{"position":[[92,4],[521,4],[769,4],[1059,4],[1344,4],[1596,4],[1815,4],[2035,4],[2342,4],[2680,4]]},"236":{"position":[[90,4],[339,4],[588,4],[1037,4],[1347,4]]},"244":{"position":[[86,4]]},"246":{"position":[[82,4],[383,4]]},"248":{"position":[[84,4],[329,4],[598,4]]},"250":{"position":[[88,4]]},"252":{"position":[[86,4]]},"254":{"position":[[82,4]]},"256":{"position":[[88,4],[522,4]]},"258":{"position":[[96,4]]},"260":{"position":[[92,4]]},"262":{"position":[[87,4],[500,4]]},"264":{"position":[[85,4],[384,4],[818,4],[1231,4]]},"266":{"position":[[86,4]]},"268":{"position":[[89,4]]},"270":{"position":[[84,4],[332,4],[622,4],[907,4],[1127,4],[1385,4],[1684,4],[1938,4],[2372,4],[2617,4]]},"272":{"position":[[87,4],[513,4],[798,4],[1050,4],[1271,4],[1610,4],[2023,4],[2369,4]]},"274":{"position":[[84,4],[362,4]]},"276":{"position":[[85,4],[334,4]]},"278":{"position":[[87,4],[340,4]]},"282":{"position":[[87,4]]},"284":{"position":[[84,4],[518,4],[931,4]]},"286":{"position":[[85,4]]},"288":{"position":[[89,4],[518,4]]},"290":{"position":[[81,4]]},"292":{"position":[[82,4]]},"294":{"position":[[85,4],[370,4],[804,4]]},"296":{"position":[[81,4]]},"298":{"position":[[88,4]]},"300":{"position":[[81,4]]},"302":{"position":[[82,4],[424,4]]},"304":{"position":[[89,4],[514,4]]},"306":{"position":[[2479,4],[2753,4]]},"308":{"position":[[1849,4],[2123,4],[2407,4],[2836,4]]},"310":{"position":[[84,4],[533,4]]},"312":{"position":[[84,4],[374,4],[659,4],[911,4],[1130,4],[1350,4],[1657,4],[1995,4],[2253,4],[2552,4]]},"314":{"position":[[84,4],[333,4],[582,4],[1031,4]]},"316":{"position":[[86,4],[515,4],[763,4],[1053,4],[1338,4],[1590,4],[1809,4],[2029,4],[2336,4],[2674,4]]},"318":{"position":[[80,4],[514,4],[759,4],[1007,4],[1277,4],[1611,4],[2024,4],[2371,4],[2619,4],[2868,4]]},"320":{"position":[[80,4]]},"322":{"position":[[87,4]]},"324":{"position":[[78,4],[323,4],[592,4]]},"326":{"position":[[80,4],[379,4],[633,4],[1067,4],[1312,4],[1560,4],[1830,4],[2164,4],[2577,4],[2924,4]]},"330":{"position":[[703,4],[1004,4]]},"334":{"position":[[82,4]]},"336":{"position":[[364,4]]},"340":{"position":[[80,4]]},"342":{"position":[[86,4]]},"344":{"position":[[80,4]]},"346":{"position":[[660,4]]},"348":{"position":[[75,4]]},"350":{"position":[[396,4],[830,4]]},"352":{"position":[[81,4],[494,4]]},"354":{"position":[[79,4],[378,4],[812,4],[1225,4]]},"356":{"position":[[80,4]]},"358":{"position":[[435,4]]},"360":{"position":[[745,4],[1019,4],[1303,4]]},"364":{"position":[[1691,4],[1964,4],[2212,4],[2502,4],[2787,4]]},"366":{"position":[[78,4],[356,4]]},"368":{"position":[[75,4]]},"370":{"position":[[75,4],[333,4],[632,4],[886,4],[1320,4],[1565,4],[1982,4],[2231,4]]},"376":{"position":[[82,4]]},"378":{"position":[[80,4]]},"380":{"position":[[88,4],[513,4],[766,4]]},"382":{"position":[[79,4]]},"384":{"position":[[717,4],[993,4],[1419,4],[1704,4],[1956,4],[2177,4],[2516,4],[2929,4]]},"386":{"position":[[84,4]]},"390":{"position":[[394,4]]},"392":{"position":[[78,4],[512,4],[925,4]]},"396":{"position":[[78,4]]},"400":{"position":[[83,4]]},"410":{"position":[[436,4],[865,4]]},"416":{"position":[[81,4],[350,4]]},"418":{"position":[[750,4]]},"424":{"position":[[79,4],[364,4],[798,4]]},"426":{"position":[[82,4]]},"428":{"position":[[357,4]]},"430":{"position":[[76,4],[418,4]]},"432":{"position":[[82,4]]},"436":{"position":[[397,4],[822,4]]},"480":{"position":[[81,4]]},"482":{"position":[[81,4]]},"484":{"position":[[84,4]]},"486":{"position":[[82,4]]},"490":{"position":[[83,4]]},"500":{"position":[[80,4]]},"502":{"position":[[80,4]]},"504":{"position":[[80,4]]},"508":{"position":[[80,4]]},"510":{"position":[[81,4]]},"512":{"position":[[81,4]]},"514":{"position":[[77,4]]},"516":{"position":[[78,4]]},"518":{"position":[[78,4]]},"520":{"position":[[78,4]]},"522":{"position":[[76,4]]},"524":{"position":[[78,4]]},"526":{"position":[[78,4]]},"528":{"position":[[77,4]]},"530":{"position":[[77,4]]},"532":{"position":[[76,4]]},"534":{"position":[[77,4]]},"536":{"position":[[76,4]]},"538":{"position":[[76,4]]},"540":{"position":[[76,4]]},"542":{"position":[[76,4]]},"544":{"position":[[77,4]]}}}],["2024",{"_index":6,"t":{"2":{"position":[[42,4],[387,4],[665,4],[958,4],[1275,4],[1543,4],[2323,5],[2783,4],[3166,4],[3381,4]]},"110":{"position":[[37,4]]},"112":{"position":[[36,4]]},"114":{"position":[[37,4]]},"116":{"position":[[37,4]]},"118":{"position":[[34,4]]},"120":{"position":[[34,4]]},"122":{"position":[[34,4]]},"124":{"position":[[31,4],[811,5]]},"128":{"position":[[42,4]]},"130":{"position":[[2240,4],[2253,4],[2304,4],[2345,4],[2386,4],[2430,4],[2474,4],[2511,4],[2555,4],[2598,4]]},"146":{"position":[[86,4]]},"148":{"position":[[88,4],[435,4]]},"150":{"position":[[80,4]]},"152":{"position":[[79,4]]},"158":{"position":[[86,4],[431,4],[709,4],[1002,4],[1319,4],[1593,4],[1976,4],[2191,4]]},"230":{"position":[[95,4],[440,4],[718,4],[1011,4],[1328,4],[1602,4],[1985,4],[2200,4]]},"306":{"position":[[89,4],[434,4],[712,4],[1005,4],[1322,4],[1596,4],[1979,4],[2194,4]]},"308":{"position":[[82,4],[375,4],[692,4],[966,4],[1349,4],[1564,4]]},"328":{"position":[[86,4],[431,4],[748,4]]},"330":{"position":[[85,4],[433,4]]},"336":{"position":[[79,4]]},"338":{"position":[[84,4]]},"346":{"position":[[84,4],[362,4]]},"350":{"position":[[84,4]]},"358":{"position":[[87,4]]},"360":{"position":[[78,4],[460,4]]},"364":{"position":[[84,4],[429,4],[707,4],[1024,4],[1406,4]]},"384":{"position":[[85,4],[432,4]]},"390":{"position":[[82,4]]},"394":{"position":[[80,4],[373,4],[690,4],[1073,4]]},"404":{"position":[[81,4],[398,4]]},"406":{"position":[[85,4],[430,4]]},"408":{"position":[[87,4]]},"410":{"position":[[86,4]]},"412":{"position":[[87,4],[432,4]]},"414":{"position":[[84,4]]},"418":{"position":[[75,4],[371,4]]},"420":{"position":[[83,4]]},"422":{"position":[[82,4]]},"428":{"position":[[78,4]]},"436":{"position":[[78,4]]},"488":{"position":[[81,4]]},"492":{"position":[[82,4]]},"494":{"position":[[82,4]]},"546":{"position":[[78,4]]},"548":{"position":[[81,4]]},"550":{"position":[[78,4]]},"552":{"position":[[78,4]]},"554":{"position":[[86,4]]}}}],["21",{"_index":36,"t":{"2":{"position":[[383,3]]},"14":{"position":[[32,3]]},"122":{"position":[[30,3]]},"130":{"position":[[14,3],[2300,3]]},"134":{"position":[[1251,3]]},"144":{"position":[[75,3]]},"158":{"position":[[427,3]]},"230":{"position":[[436,3]]},"240":{"position":[[1107,3]]},"306":{"position":[[430,3]]},"346":{"position":[[80,3]]},"362":{"position":[[0,2]]},"364":{"position":[[0,2],[425,3]]},"370":{"position":[[0,2]]},"446":{"position":[[76,3]]},"550":{"position":[[74,3]]}}}],["210",{"_index":523,"t":{"80":{"position":[[378,4]]}}}],["21000",{"_index":3058,"t":{"604":{"position":[[9542,5]]},"660":{"position":[[27805,6],[40041,6],[42299,6],[45834,6]]}}}],["2122410",{"_index":2975,"t":{"602":{"position":[[12328,8],[15252,8]]},"606":{"position":[[9500,8]]}}}],["21231",{"_index":3688,"t":{"622":{"position":[[5922,6]]}}}],["213",{"_index":534,"t":{"82":{"position":[[268,4]]}}}],["214",{"_index":532,"t":{"82":{"position":[[218,4]]}}}],["217",{"_index":570,"t":{"88":{"position":[[214,4]]}}}],["22",{"_index":326,"t":{"40":{"position":[[32,3]]},"46":{"position":[[33,3]]},"130":{"position":[[452,3],[582,3]]},"140":{"position":[[33,3],[1001,3]]},"160":{"position":[[1080,3]]},"166":{"position":[[497,3]]},"168":{"position":[[489,3]]},"170":{"position":[[579,3]]},"174":{"position":[[91,3]]},"176":{"position":[[88,3]]},"178":{"position":[[89,3]]},"186":{"position":[[87,3]]},"194":{"position":[[490,3]]},"200":{"position":[[87,3]]},"202":{"position":[[490,3]]},"220":{"position":[[2886,3]]},"236":{"position":[[2895,3]]},"238":{"position":[[741,3]]},"276":{"position":[[579,3]]},"476":{"position":[[76,3]]},"650":{"position":[[77,3]]}}}],["221",{"_index":547,"t":{"84":{"position":[[380,4]]}}}],["222",{"_index":545,"t":{"84":{"position":[[325,4]]}}}],["227",{"_index":542,"t":{"84":{"position":[[227,4]]}}}],["229",{"_index":572,"t":{"88":{"position":[[269,4]]}}}],["22m",{"_index":3694,"t":{"622":{"position":[[14054,4]]}}}],["23",{"_index":166,"t":{"4":{"position":[[32,3]]},"56":{"position":[[32,3]]},"66":{"position":[[33,3]]},"130":{"position":[[228,3],[1989,3],[2162,3]]},"132":{"position":[[33,3],[1228,3]]},"138":{"position":[[226,3]]},"210":{"position":[[83,3]]},"214":{"position":[[2917,3]]},"220":{"position":[[1024,3]]},"232":{"position":[[2926,3]]},"236":{"position":[[1033,3]]},"242":{"position":[[85,3]]},"260":{"position":[[88,3]]},"266":{"position":[[82,3]]},"272":{"position":[[2365,3]]},"302":{"position":[[420,3]]},"310":{"position":[[529,3]]},"314":{"position":[[1027,3]]},"318":{"position":[[2367,3]]},"326":{"position":[[2920,3]]},"342":{"position":[[82,3]]},"356":{"position":[[76,3]]},"382":{"position":[[75,3]]},"430":{"position":[[414,3]]},"434":{"position":[[76,3]]},"500":{"position":[[76,3]]},"512":{"position":[[77,3]]},"660":{"position":[[8638,4],[10983,4],[13359,4],[16131,4],[18550,4],[21302,4],[23704,4],[27318,4],[32781,4],[35146,4],[37511,4],[45347,4],[48152,4],[53806,4],[56445,4],[58898,4],[62610,4],[65831,4],[68914,4],[72291,4],[75429,4],[78404,4],[81701,4],[84792,4],[87558,4],[92663,4],[100893,4],[103084,4],[105522,4],[109637,4],[113518,4],[127029,4],[129596,4],[132347,4]]}}}],["230",{"_index":543,"t":{"84":{"position":[[251,4]]}}}],["232m",{"_index":3603,"t":{"618":{"position":[[10689,5]]},"654":{"position":[[21610,5]]}}}],["234",{"_index":4211,"t":{"656":{"position":[[21002,4],[21007,4]]}}}],["235",{"_index":600,"t":{"98":{"position":[[445,4]]}}}],["238",{"_index":557,"t":{"86":{"position":[[435,4]]}}}],["2391313",{"_index":2979,"t":{"602":{"position":[[12373,8],[15297,8]]},"606":{"position":[[9545,8]]}}}],["24",{"_index":499,"t":{"76":{"position":[[30,3]]},"130":{"position":[[1782,3]]},"136":{"position":[[1519,3]]},"214":{"position":[[1305,3]]},"232":{"position":[[1314,3]]},"256":{"position":[[518,3]]},"318":{"position":[[755,3]]},"326":{"position":[[1308,3]]},"344":{"position":[[76,3]]},"350":{"position":[[826,3]]},"526":{"position":[[74,3]]}}}],["24000",{"_index":4447,"t":{"660":{"position":[[27566,6],[39936,6],[42194,6],[45595,6]]}}}],["242",{"_index":554,"t":{"86":{"position":[[322,4]]}}}],["243",{"_index":560,"t":{"86":{"position":[[512,4]]}}}],["246",{"_index":672,"t":{"108":{"position":[[229,4]]}}}],["2469918",{"_index":2981,"t":{"602":{"position":[[12391,8],[15315,8]]},"606":{"position":[[9563,8]]}}}],["24px",{"_index":4216,"t":{"656":{"position":[[21241,5],[21280,5]]}}}],["25",{"_index":65,"t":{"2":{"position":[[1271,3],[1539,3]]},"116":{"position":[[33,3]]},"124":{"position":[[27,3]]},"130":{"position":[[2426,3],[2470,3]]},"158":{"position":[[1315,3]]},"230":{"position":[[1324,3]]},"306":{"position":[[1318,3]]},"308":{"position":[[688,3]]},"328":{"position":[[744,3]]},"330":{"position":[[429,3]]},"338":{"position":[[80,3]]},"422":{"position":[[78,3]]},"548":{"position":[[77,3]]},"580":{"position":[[1303,5]]},"616":{"position":[[5958,6]]},"660":{"position":[[59688,5],[93213,2],[94204,2],[95193,2],[96184,2],[97169,2],[98154,2],[99149,2],[106355,2]]}}}],["258",{"_index":576,"t":{"90":{"position":[[193,4]]}}}],["261",{"_index":580,"t":{"92":{"position":[[308,4]]}}}],["2633303",{"_index":2982,"t":{"602":{"position":[[12400,8],[15324,8]]},"606":{"position":[[9572,8]]}}}],["264",{"_index":594,"t":{"98":{"position":[[270,4]]}}}],["265",{"_index":585,"t":{"94":{"position":[[194,4]]}}}],["26b050",{"_index":3285,"t":{"612":{"position":[[8274,8]]},"614":{"position":[[7211,8],[9808,8]]},"618":{"position":[[8031,8]]},"622":{"position":[[11267,8]]},"628":{"position":[[5328,8],[9348,8]]},"654":{"position":[[18936,8]]}}}],["27",{"_index":186,"t":{"8":{"position":[[32,3]]},"22":{"position":[[32,3]]},"130":{"position":[[185,3],[1039,3]]},"134":{"position":[[819,3]]},"138":{"position":[[32,3]]},"240":{"position":[[675,3],[1932,3]]},"332":{"position":[[84,3]]},"372":{"position":[[75,3]]},"430":{"position":[[976,3]]},"438":{"position":[[76,3]]},"448":{"position":[[76,3]]}}}],["270px",{"_index":4208,"t":{"656":{"position":[[20918,6]]}}}],["271",{"_index":598,"t":{"98":{"position":[[389,4]]}}}],["274",{"_index":652,"t":{"104":{"position":[[525,4]]}}}],["276",{"_index":669,"t":{"106":{"position":[[399,4]]}}}],["278",{"_index":601,"t":{"98":{"position":[[508,4]]}}}],["28",{"_index":259,"t":{"24":{"position":[[28,3]]},"52":{"position":[[33,3]]},"80":{"position":[[28,3]]},"130":{"position":[[408,3],[877,3],[1700,3]]},"132":{"position":[[2684,3]]},"134":{"position":[[28,3]]},"136":{"position":[[840,3]]},"146":{"position":[[892,3]]},"160":{"position":[[674,3]]},"166":{"position":[[91,3]]},"168":{"position":[[83,3]]},"194":{"position":[[84,3]]},"202":{"position":[[84,3]]},"214":{"position":[[626,3]]},"216":{"position":[[83,3]]},"220":{"position":[[2480,3]]},"222":{"position":[[515,3]]},"232":{"position":[[635,3]]},"236":{"position":[[2489,3]]},"238":{"position":[[2338,3]]},"256":{"position":[[84,3]]},"264":{"position":[[380,3]]},"270":{"position":[[1934,3]]},"282":{"position":[[83,3]]},"284":{"position":[[80,3]]},"294":{"position":[[366,3]]},"296":{"position":[[77,3]]},"318":{"position":[[76,3]]},"326":{"position":[[629,3]]},"350":{"position":[[392,3]]},"354":{"position":[[374,3]]},"370":{"position":[[882,3]]},"382":{"position":[[381,3]]},"390":{"position":[[390,3]]},"392":{"position":[[74,3],[1263,3]]},"416":{"position":[[346,3]]},"424":{"position":[[360,3]]},"458":{"position":[[72,3]]},"474":{"position":[[77,3]]},"522":{"position":[[72,3]]},"586":{"position":[[1843,2],[1958,2]]}}}],["28000",{"_index":3068,"t":{"604":{"position":[[10989,6],[11531,6],[13217,6],[13759,6],[15315,6],[15857,6]]}}}],["2821149",{"_index":2983,"t":{"602":{"position":[[12409,7],[15333,7]]},"606":{"position":[[9581,7]]}}}],["283",{"_index":605,"t":{"98":{"position":[[582,4]]}}}],["286",{"_index":609,"t":{"98":{"position":[[667,4]]}}}],["287",{"_index":597,"t":{"98":{"position":[[324,4]]}}}],["29",{"_index":504,"t":{"78":{"position":[[30,3]]},"102":{"position":[[32,3]]},"126":{"position":[[746,3]]},"130":{"position":[[1262,3],[1741,3]]},"136":{"position":[[1274,3]]},"212":{"position":[[508,3]]},"214":{"position":[[1060,3]]},"232":{"position":[[1069,3]]},"234":{"position":[[517,3]]},"248":{"position":[[80,3]]},"270":{"position":[[80,3],[2368,3]]},"308":{"position":[[2832,3]]},"316":{"position":[[511,3]]},"318":{"position":[[510,3]]},"324":{"position":[[74,3]]},"326":{"position":[[1063,3]]},"364":{"position":[[1960,3]]},"370":{"position":[[1316,3]]},"482":{"position":[[77,3]]},"520":{"position":[[74,3]]}}}],["292",{"_index":629,"t":{"100":{"position":[[928,4]]}}}],["296",{"_index":630,"t":{"100":{"position":[[1050,4]]}}}],["297",{"_index":635,"t":{"100":{"position":[[1150,4]]}}}],["2</badg",{"_index":1191,"t":{"560":{"position":[[3802,9]]}}}],["3",{"_index":953,"t":{"148":{"position":[[0,1]]},"170":{"position":[[0,1]]},"248":{"position":[[0,1]]},"256":{"position":[[0,1]]},"284":{"position":[[0,1]]},"294":{"position":[[0,1]]},"324":{"position":[[0,1]]},"346":{"position":[[0,1]]},"350":{"position":[[0,1]]},"380":{"position":[[0,1]]},"398":{"position":[[0,1]]},"410":{"position":[[0,1]]},"418":{"position":[[0,1]]},"424":{"position":[[0,1]]},"436":{"position":[[0,1]]},"560":{"position":[[3393,3],[3651,3],[4095,3],[5024,3],[5962,3]]},"562":{"position":[[3485,4],[5481,2],[7339,4],[9155,4],[10971,4],[12001,3],[19468,4],[21875,3]]},"568":{"position":[[8568,3]]},"570":{"position":[[11174,1],[11501,1],[11923,1],[12469,1],[12817,1],[13260,1]]},"572":{"position":[[4031,2],[4376,3]]},"574":{"position":[[3335,1],[3463,1],[3598,1]]},"576":{"position":[[5468,1],[6483,2]]},"578":{"position":[[4920,1],[5048,1],[5183,1],[6224,3],[6808,1],[6936,1],[7071,1],[7179,2]]},"590":{"position":[[1188,3],[1240,3],[1315,3],[1408,3],[1501,3],[1621,3],[1750,3],[2147,3],[2372,3],[2438,3],[3381,2],[3455,2],[3529,3],[3592,2],[3833,3],[3926,3],[4016,3],[4109,3],[4201,3],[4294,3],[4389,3],[4614,3],[5969,3],[6340,3],[6461,3],[6579,3],[6700,3],[6820,3],[6941,3],[7064,3],[7371,3],[7503,3],[7632,3],[7764,3],[7895,3],[8027,3],[8161,3]]},"592":{"position":[[2344,4],[4443,4],[7365,4],[10359,4],[13357,4]]},"594":{"position":[[2160,2],[2238,2],[2318,2],[2396,2],[2473,2],[2551,2],[2626,2],[2702,2],[3789,2],[3892,2],[3972,2],[4075,2],[4206,2],[4307,3]]},"596":{"position":[[10999,2],[12735,2]]},"600":{"position":[[13183,3],[13897,1],[14128,3],[14927,1],[15243,3],[15380,2]]},"602":{"position":[[14999,1],[15606,1],[16213,1]]},"610":{"position":[[1630,3]]},"612":{"position":[[8955,3],[10580,3],[12118,3]]},"614":{"position":[[1508,3],[2064,3],[2117,3],[2266,3],[2320,3],[2470,3],[2523,3],[2672,3],[2726,3],[3533,3],[3586,3],[3859,3],[3913,3],[4187,3],[4240,3],[4513,3],[4567,3],[5556,3],[6337,3],[7437,3],[7729,3],[9102,3],[10043,3],[10352,3],[10751,3]]},"616":{"position":[[1147,3],[1350,3],[1554,3],[1759,3],[2115,3],[2849,3],[3940,3],[4136,2],[4351,3],[4554,3],[4767,3],[4982,3],[5545,3]]},"618":{"position":[[1445,3],[1867,3],[2043,3],[2223,3],[2405,3],[2589,3],[2773,3],[2959,3],[3145,3],[4004,3],[4502,3],[4797,3],[5357,3],[5583,3],[6037,3],[6437,3],[7176,3],[8257,3],[8640,3],[9006,3],[11093,3]]},"620":{"position":[[1096,3],[1786,3]]},"622":{"position":[[1963,3],[2224,3],[2450,3],[2676,3],[2902,3],[3128,3],[3354,3],[3580,3],[3806,3],[4032,3],[4668,3],[5156,3],[5712,3],[6147,3],[6277,3],[6410,3],[6545,3],[6682,3],[6819,3],[6958,3],[7097,3],[7911,3],[8486,3],[8740,3],[9222,3],[9652,3],[10395,3],[11493,3],[11919,3],[12328,3],[14370,3],[14600,3],[14830,3],[15060,3],[15290,3],[15520,3],[15750,3],[15980,3],[16210,3],[16929,3]]},"624":{"position":[[7944,2],[8625,4]]},"626":{"position":[[7420,2],[8101,4]]},"628":{"position":[[1452,3],[1798,3],[1851,3],[1975,3],[2029,3],[2705,3],[2758,3],[3006,3],[3060,3],[3725,3],[4478,3],[5563,3],[5900,3],[6225,3],[6529,3],[6848,3],[8657,3],[9583,3],[9984,3]]},"630":{"position":[[1949,2],[3392,2],[4902,2],[6508,2],[8210,2],[10097,2],[10122,1],[10169,2],[11617,2]]},"634":{"position":[[7392,4]]},"636":{"position":[[8483,4]]},"640":{"position":[[1599,4]]},"642":{"position":[[7004,2],[7685,4]]},"644":{"position":[[6843,2],[7524,4]]},"646":{"position":[[1604,4]]},"652":{"position":[[7417,4]]},"654":{"position":[[15420,3],[19158,2],[19301,3],[19625,3],[19932,3]]},"656":{"position":[[3372,4],[5235,4],[7494,4],[9847,4],[12320,4],[14750,4],[17141,4],[19624,4],[22896,4],[23195,4],[23325,4],[23455,4]]},"658":{"position":[[788,2],[1585,2],[2344,2]]},"660":{"position":[[57595,2],[74026,3],[77001,3],[80352,3]]}}}],["3\">@displayswitchstatus</div",{"_index":3633,"t":{"620":{"position":[[2615,29]]}}}],["3\">chang",{"_index":3429,"t":{"614":{"position":[[9249,10]]},"628":{"position":[[8804,10]]}}}],["3\">enter",{"_index":3348,"t":{"614":{"position":[[1612,10],[2221,10],[2425,10],[2627,10],[2831,10],[3814,10],[4142,10],[4468,10],[4796,10],[5681,10],[6458,10]]},"618":{"position":[[1590,10],[4268,10],[4749,10],[5051,10],[5535,10],[5763,10],[6281,10]]},"622":{"position":[[2070,10],[2401,10],[2627,10],[2853,10],[3079,10],[3305,10],[3531,10],[3757,10],[3983,10],[4209,10],[4804,10],[5317,10],[5858,10],[8203,10],[8692,10],[8948,10],[9494,10],[14551,10],[14781,10],[15011,10],[15241,10],[15471,10],[15701,10],[15931,10],[16161,10],[16391,10]]},"628":{"position":[[1531,10],[1930,10],[2109,10],[2961,10],[3264,10],[3825,10],[4575,10]]}}}],["3\">max",{"_index":3375,"t":{"614":{"position":[[3774,6],[4102,6],[4428,6],[4756,6]]},"628":{"position":[[2921,6],[3224,6]]}}}],["3\">min",{"_index":3373,"t":{"614":{"position":[[3734,6],[4062,6],[4388,6],[4716,6]]},"628":{"position":[[2881,6],[3184,6]]}}}],["3\">select",{"_index":2770,"t":{"600":{"position":[[13349,11]]}}}],["3\">switch",{"_index":3616,"t":{"620":{"position":[[872,9]]}}}],["3\">thi",{"_index":2722,"t":{"600":{"position":[[7009,7],[7136,7],[7266,7],[7563,7],[7690,7],[7820,7],[7948,7],[8169,7],[8296,7],[8426,7],[8554,7],[8783,7],[8910,7],[9040,7],[9168,7],[9580,7],[9707,7],[9837,7],[9984,7],[10123,7],[10248,7],[11942,7],[12069,7],[12199,7],[12327,7]]}}}],["3.0.0",{"_index":2420,"t":{"592":{"position":[[529,5]]},"624":{"position":[[365,5]]},"626":{"position":[[365,5]]},"632":{"position":[[383,5]]},"634":{"position":[[423,5]]},"636":{"position":[[378,5]]},"638":{"position":[[383,5]]},"642":{"position":[[375,5]]},"644":{"position":[[375,5]]},"652":{"position":[[375,5]]},"654":{"position":[[682,5]]},"656":{"position":[[540,5]]},"660":{"position":[[4459,5],[4541,5]]}}}],["3.5",{"_index":1099,"t":{"558":{"position":[[1881,3]]}}}],["30",{"_index":249,"t":{"20":{"position":[[29,3]]},"44":{"position":[[32,3]]},"60":{"position":[[32,3]]},"86":{"position":[[29,3]]},"126":{"position":[[2567,3]]},"130":{"position":[[539,3],[956,3],[1542,3],[2119,3]]},"132":{"position":[[779,3]]},"134":{"position":[[420,3]]},"140":{"position":[[686,3]]},"146":{"position":[[1598,3]]},"154":{"position":[[89,3]]},"196":{"position":[[85,3]]},"198":{"position":[[89,3]]},"204":{"position":[[94,3]]},"206":{"position":[[86,3]]},"210":{"position":[[330,3]]},"212":{"position":[[2329,3]]},"220":{"position":[[575,3]]},"226":{"position":[[103,3]]},"234":{"position":[[2338,3]]},"236":{"position":[[584,3]]},"238":{"position":[[426,3]]},"240":{"position":[[276,3]]},"272":{"position":[[1267,3]]},"274":{"position":[[358,3]]},"278":{"position":[[336,3]]},"290":{"position":[[77,3]]},"302":{"position":[[78,3]]},"310":{"position":[[80,3]]},"312":{"position":[[1653,3]]},"314":{"position":[[578,3]]},"316":{"position":[[2332,3]]},"366":{"position":[[352,3]]},"380":{"position":[[762,3]]},"384":{"position":[[2173,3]]},"396":{"position":[[335,3]]},"398":{"position":[[272,3]]},"402":{"position":[[82,3]]},"418":{"position":[[746,3]]},"430":{"position":[[72,3],[661,3]]},"454":{"position":[[73,3]]},"472":{"position":[[76,3]]},"502":{"position":[[76,3]]},"534":{"position":[[73,3]]},"616":{"position":[[1995,3],[5228,3]]},"624":{"position":[[6773,2]]},"626":{"position":[[6249,2]]},"634":{"position":[[5673,2]]},"636":{"position":[[6030,2]]}}}],["300m",{"_index":425,"t":{"62":{"position":[[199,5]]}}}],["31",{"_index":281,"t":{"32":{"position":[[30,3]]},"82":{"position":[[28,3]]},"130":{"position":[[797,3],[1661,3]]},"136":{"position":[[586,3]]},"140":{"position":[[2210,3]]},"214":{"position":[[372,3]]},"232":{"position":[[381,3]]},"238":{"position":[[1950,3]]},"270":{"position":[[1680,3]]},"304":{"position":[[510,3]]},"312":{"position":[[2548,3]]},"326":{"position":[[375,3]]},"370":{"position":[[628,3],[2673,3]]},"436":{"position":[[818,3]]},"462":{"position":[[74,3]]},"532":{"position":[[72,3]]}}}],["317",{"_index":653,"t":{"104":{"position":[[597,4]]}}}],["32",{"_index":957,"t":{"308":{"position":[[0,2]]},"310":{"position":[[0,2]]},"312":{"position":[[0,2]]},"318":{"position":[[0,2]]}}}],["320",{"_index":4271,"t":{"660":{"position":[[1955,3],[110659,3]]}}}],["320px",{"_index":4150,"t":{"654":{"position":[[18493,8]]}}}],["321",{"_index":1708,"t":{"574":{"position":[[2848,5]]},"576":{"position":[[3972,5]]},"578":{"position":[[4740,5]]}}}],["322",{"_index":1809,"t":{"576":{"position":[[5722,5]]},"578":{"position":[[6429,5]]}}}],["327",{"_index":649,"t":{"104":{"position":[[457,4]]}}}],["334",{"_index":647,"t":{"104":{"position":[[368,4]]}}}],["34",{"_index":956,"t":{"306":{"position":[[0,2]]},"314":{"position":[[0,2]]},"316":{"position":[[0,2]]},"326":{"position":[[0,2]]}}}],["346",{"_index":666,"t":{"106":{"position":[[341,4]]}}}],["352",{"_index":646,"t":{"104":{"position":[[303,4]]}}}],["373",{"_index":664,"t":{"106":{"position":[[282,4]]}}}],["384",{"_index":676,"t":{"108":{"position":[[403,4]]}}}],["4",{"_index":132,"t":{"2":{"position":[[2780,2],[3163,2]]},"30":{"position":[[33,2]]},"96":{"position":[[29,2]]},"110":{"position":[[34,2]]},"114":{"position":[[34,2]]},"126":{"position":[[1822,2]]},"130":{"position":[[757,2],[1425,2],[2508,2],[2552,2]]},"140":{"position":[[2007,2]]},"146":{"position":[[83,2],[2810,2]]},"152":{"position":[[76,2]]},"158":{"position":[[1590,2],[1973,2]]},"212":{"position":[[1584,2]]},"222":{"position":[[0,1]]},"230":{"position":[[1599,2],[1982,2]]},"234":{"position":[[1593,2]]},"238":{"position":[[1747,2]]},"264":{"position":[[0,1]]},"270":{"position":[[904,2]]},"306":{"position":[[1593,2],[1976,2]]},"308":{"position":[[963,2],[1346,2]]},"312":{"position":[[908,2]]},"316":{"position":[[1587,2]]},"328":{"position":[[0,1]]},"354":{"position":[[0,1]]},"360":{"position":[[75,2],[1928,2]]},"364":{"position":[[1021,2],[2784,2]]},"394":{"position":[[0,1],[687,2],[1070,2]]},"404":{"position":[[395,2]]},"408":{"position":[[84,2]]},"418":{"position":[[368,2]]},"430":{"position":[[0,1]]},"464":{"position":[[77,2]]},"492":{"position":[[79,2]]},"494":{"position":[[79,2]]},"542":{"position":[[73,2]]},"558":{"position":[[1885,1],[1901,1],[1903,1]]},"568":{"position":[[5556,1]]},"570":{"position":[[3897,2],[7295,2],[7627,2],[7956,2],[8322,2],[8612,2],[8902,2],[9189,2],[9476,2],[9761,2],[10044,2],[10327,2],[10856,2],[11232,2],[11559,2],[12129,2],[12526,2],[12874,2]]},"576":{"position":[[4156,1],[4284,1],[4419,1],[6112,1],[6240,1],[6375,1]]},"588":{"position":[[844,2],[1275,2]]},"592":{"position":[[2450,4],[4549,4],[6551,1],[6687,3],[7471,4],[9545,1],[9681,3],[10465,4],[12543,1],[12679,3],[13463,4]]},"596":{"position":[[11987,2]]},"602":{"position":[[6742,2],[10461,1],[10612,1],[11244,2],[12050,1],[12195,1],[12592,1],[12737,1],[13134,1],[13279,1],[14105,2],[14909,1],[15054,1],[15516,1],[15661,1],[16123,1],[16268,1]]},"604":{"position":[[4704,2],[9155,2],[10553,2],[12781,2],[14879,2]]},"606":{"position":[[8416,2],[9222,1],[9367,1],[9764,1],[9909,1],[10306,1],[10451,1]]},"610":{"position":[[2017,2]]},"624":{"position":[[7685,1],[7821,3]]},"626":{"position":[[7161,1],[7297,3]]},"634":{"position":[[6625,1],[6761,3]]},"636":{"position":[[7716,1],[7852,3]]},"640":{"position":[[792,1],[928,3]]},"642":{"position":[[6745,1],[6881,3]]},"644":{"position":[[6584,1],[6720,3]]},"646":{"position":[[797,1],[933,3]]},"652":{"position":[[6650,1],[6786,3]]},"654":{"position":[[4099,3],[6291,3],[8871,3],[9760,3],[18465,1],[19153,1]]},"656":{"position":[[3478,4],[5341,4],[6708,1],[6844,3],[7600,4],[8960,1],[9169,3],[9953,4],[11433,1],[11642,3],[12426,4],[13863,1],[14072,3],[14856,4],[16282,1],[16491,3],[17247,4],[18687,1],[18823,3],[19730,4],[23002,4]]},"660":{"position":[[8373,2],[10718,2],[13094,2],[15866,2],[18285,2],[21037,2],[23439,2],[26827,2],[32516,2],[34881,2],[37246,2],[44856,2],[47887,2],[53541,2],[56180,2],[58633,2],[62345,2],[65566,2],[68649,2],[72026,2],[75164,2],[78139,2],[81436,2],[84527,2],[87293,2],[92398,2],[100628,2],[102819,2],[105257,2],[109372,2],[113253,2],[126764,2],[129387,2],[132094,2]]}}}],["4.33",{"_index":3680,"t":{"622":{"position":[[4870,5],[5383,5]]}}}],["40",{"_index":3493,"t":{"616":{"position":[[2016,3],[5249,3]]},"628":{"position":[[2188,4]]}}}],["401",{"_index":675,"t":{"108":{"position":[[362,4]]}}}],["41",{"_index":954,"t":{"158":{"position":[[0,2]]},"212":{"position":[[0,2]]},"214":{"position":[[0,2]]},"218":{"position":[[0,2]]},"220":{"position":[[0,2]]}}}],["414",{"_index":673,"t":{"108":{"position":[[291,4]]}}}],["416",{"_index":681,"t":{"108":{"position":[[495,4]]}}}],["438",{"_index":736,"t":{"112":{"position":[[671,4]]}}}],["458",{"_index":739,"t":{"112":{"position":[[755,4]]}}}],["462",{"_index":740,"t":{"112":{"position":[[794,4]]}}}],["468",{"_index":733,"t":{"112":{"position":[[594,4]]}}}],["473",{"_index":719,"t":{"112":{"position":[[253,4]]}}}],["476",{"_index":721,"t":{"112":{"position":[[305,3]]}}}],["478",{"_index":725,"t":{"112":{"position":[[409,4]]}}}],["482",{"_index":728,"t":{"112":{"position":[[475,4]]}}}],["483",{"_index":730,"t":{"112":{"position":[[524,4]]}}}],["484",{"_index":724,"t":{"112":{"position":[[371,4]]}}}],["486",{"_index":702,"t":{"110":{"position":[[780,4]]}}}],["488",{"_index":734,"t":{"112":{"position":[[636,4]]}}}],["497",{"_index":699,"t":{"110":{"position":[[719,4]]}}}],["498",{"_index":711,"t":{"110":{"position":[[991,4]]}}}],["4</badg",{"_index":1188,"t":{"560":{"position":[[3609,9],[3939,9]]}}}],["4z",{"_index":1103,"t":{"558":{"position":[[1905,3]]}}}],["5",{"_index":466,"t":{"70":{"position":[[30,2]]},"94":{"position":[[29,2]]},"126":{"position":[[1570,2]]},"130":{"position":[[1386,2],[1946,2]]},"136":{"position":[[2785,2]]},"160":{"position":[[0,1]]},"212":{"position":[[1332,2]]},"214":{"position":[[2571,2]]},"232":{"position":[[2580,2]]},"234":{"position":[[1341,2]]},"248":{"position":[[595,2]]},"262":{"position":[[497,2]]},"264":{"position":[[1228,2]]},"272":{"position":[[795,2],[2020,2]]},"278":{"position":[[84,2]]},"284":{"position":[[928,2]]},"312":{"position":[[656,2]]},"316":{"position":[[1335,2]]},"318":{"position":[[2021,2]]},"324":{"position":[[589,2]]},"326":{"position":[[2574,2]]},"330":{"position":[[0,1]]},"352":{"position":[[491,2]]},"354":{"position":[[1222,2]]},"380":{"position":[[510,2]]},"384":{"position":[[1701,2],[2926,2]]},"392":{"position":[[0,1],[922,2]]},"514":{"position":[[74,2]]},"540":{"position":[[73,2]]},"574":{"position":[[3326,1],[3454,1],[3589,1]]},"576":{"position":[[4147,1],[4275,1],[4410,1],[6103,1],[6231,1],[6366,1]]},"578":{"position":[[4911,1],[5039,1],[5174,1],[6799,1],[6927,1],[7062,1]]},"582":{"position":[[393,1]]},"592":{"position":[[2542,4],[4641,4],[7594,4],[10588,4],[13586,4]]},"594":{"position":[[2812,2]]},"602":{"position":[[2359,2]]},"604":{"position":[[2475,2]]},"606":{"position":[[2223,2],[4083,2],[11320,2]]},"608":{"position":[[2058,2],[3791,2],[7734,2],[11689,2]]},"612":{"position":[[2183,1],[4010,1],[5641,1],[6610,1],[10603,1],[12141,1]]},"630":{"position":[[1047,1],[9839,1]]},"656":{"position":[[3570,4],[5464,4],[7723,4],[10076,4],[12549,4],[14979,4],[17370,4],[19853,4],[23094,4]]},"660":{"position":[[8253,3],[10598,3],[12974,3],[13853,2],[15746,3],[18165,3],[19044,2],[20917,3],[23319,3],[26594,3],[32396,3],[34761,3],[37126,3],[44623,3],[47767,3],[48646,2],[53421,3],[54300,2],[56060,3],[58513,3],[62225,3],[63104,2],[65446,3],[66325,2],[68529,3],[69408,2],[71906,3],[72785,2],[75044,3],[78019,3],[81316,3],[83680,2],[84407,3],[85286,2],[87173,3],[88052,2],[92278,3],[100508,3],[102699,3],[105137,3],[109252,3],[110131,2],[113133,3],[126644,3],[127523,2],[129290,3],[131975,3]]}}}],["5).select(i",{"_index":2563,"t":{"596":{"position":[[2532,11],[3774,11],[3891,11],[6149,11],[6267,11],[6385,11],[8999,11],[9117,11],[10639,11],[11386,11],[12199,11],[13174,11]]}}}],["5,10,20",{"_index":4595,"t":{"660":{"position":[[85994,7],[106572,7],[125169,7]]}}}],["5.3.2",{"_index":710,"t":{"110":{"position":[[985,5]]}}}],["5.3.3",{"_index":749,"t":{"128":{"position":[[625,5]]}}}],["50",{"_index":3526,"t":{"616":{"position":[[5998,6]]},"618":{"position":[[10705,3],[10758,6]]},"622":{"position":[[14069,3],[14122,6]]},"628":{"position":[[4125,4],[4854,4]]},"654":{"position":[[21626,3],[21679,6]]},"660":{"position":[[2187,2]]}}}],["500",{"_index":3601,"t":{"618":{"position":[[10591,4],[10643,7],[10861,4],[10913,7]]},"622":{"position":[[13956,4],[14008,7],[14225,4],[14277,7]]},"654":{"position":[[21512,4],[21564,7],[21782,4],[21834,7]]}}}],["500.</span",{"_index":3561,"t":{"618":{"position":[[4234,11]]},"622":{"position":[[8169,11]]}}}],["5000",{"_index":3899,"t":{"630":{"position":[[725,4],[4780,4],[6314,4]]}}}],["50px",{"_index":4209,"t":{"656":{"position":[[20955,5]]}}}],["520",{"_index":716,"t":{"110":{"position":[[1033,4]]}}}],["527",{"_index":698,"t":{"110":{"position":[[678,4]]}}}],["53",{"_index":662,"t":{"106":{"position":[[227,3]]}}}],["533",{"_index":705,"t":{"110":{"position":[[832,4]]}}}],["5338211",{"_index":2961,"t":{"602":{"position":[[11804,8],[14663,8]]},"606":{"position":[[8976,8]]}}}],["534",{"_index":714,"t":{"110":{"position":[[1015,4]]}}}],["538",{"_index":703,"t":{"110":{"position":[[813,4]]}}}],["541",{"_index":718,"t":{"110":{"position":[[1076,4]]}}}],["543",{"_index":709,"t":{"110":{"position":[[937,4]]}}}],["547",{"_index":741,"t":{"114":{"position":[[256,4]]}}}],["55000",{"_index":3055,"t":{"604":{"position":[[9521,6]]}}}],["5899643",{"_index":2958,"t":{"602":{"position":[[11777,8],[14636,8]]},"606":{"position":[[8949,8]]}}}],["5</button",{"_index":4586,"t":{"660":{"position":[[83404,10]]}}}],["6",{"_index":198,"t":{"10":{"position":[[151,1]]},"128":{"position":[[809,1]]},"568":{"position":[[6067,1]]},"570":{"position":[[6544,3],[6839,3]]},"592":{"position":[[2653,4],[4752,4],[7705,4],[10699,4],[13697,4]]},"602":{"position":[[6439,1]]},"604":{"position":[[4473,1]]},"606":{"position":[[3842,1]]},"608":{"position":[[3560,1]]},"626":{"position":[[36,2],[90,2],[1282,1],[3721,2],[8249,2]]},"632":{"position":[[3240,2]]},"640":{"position":[[1722,2],[1962,1]]},"644":{"position":[[41,2],[100,2],[3573,2],[7704,2]]},"646":{"position":[[1727,2],[1914,2],[1979,1]]},"656":{"position":[[3681,4],[5575,4],[7834,4],[10187,4],[12660,4],[15090,4],[17481,4],[19964,4],[23219,4]]},"660":{"position":[[8502,2],[10847,2],[13223,2],[15995,2],[18414,2],[21166,2],[23568,2],[27067,2],[32645,2],[35010,2],[37375,2],[45096,2],[48016,2],[53670,2],[56309,2],[58762,2],[62474,2],[65695,2],[68778,2],[72155,2],[75293,2],[78268,2],[81565,2],[84656,2],[87422,2],[92527,2],[100757,2],[102948,2],[105386,2],[109501,2],[113382,2],[126893,2],[129489,2],[132218,2]]}}}],["6.4.2",{"_index":2670,"t":{"598":{"position":[[1354,5],[3795,5]]}}}],["6.5",{"_index":1100,"t":{"558":{"position":[[1889,3]]}}}],["60",{"_index":3602,"t":{"618":{"position":[[10636,2],[10906,2]]},"622":{"position":[[14001,2],[14270,2]]},"654":{"position":[[21557,2],[21827,2]]}}}],["61",{"_index":955,"t":{"230":{"position":[[0,2]]},"232":{"position":[[0,2]]},"234":{"position":[[0,2]]},"236":{"position":[[0,2]]},"238":{"position":[[0,2]]},"240":{"position":[[0,2]]},"242":{"position":[[0,2]]}}}],["6315641",{"_index":2960,"t":{"602":{"position":[[11795,8],[14654,8]]},"606":{"position":[[8967,8]]}}}],["6317759",{"_index":2959,"t":{"602":{"position":[[11786,8],[14645,8]]},"606":{"position":[[8958,8]]}}}],["6f42c1",{"_index":4215,"t":{"656":{"position":[[21200,8]]}}}],["7",{"_index":431,"t":{"64":{"position":[[33,2]]},"130":{"position":[[2077,2]]},"132":{"position":[[531,2]]},"170":{"position":[[331,2]]},"220":{"position":[[327,2]]},"236":{"position":[[336,2]]},"276":{"position":[[331,2]]},"314":{"position":[[330,2]]},"318":{"position":[[2865,2]]},"360":{"position":[[0,1]]},"370":{"position":[[2228,2]]},"508":{"position":[[77,2]]},"574":{"position":[[3383,1],[3510,1],[3644,1]]},"576":{"position":[[4204,1],[4331,1],[4465,1],[6160,1],[6287,1],[6421,1]]},"578":{"position":[[4968,1],[5095,1],[5229,1],[6856,1],[6983,1],[7117,1]]},"592":{"position":[[2769,4],[4868,4],[7821,4],[10815,4],[13813,4]]},"624":{"position":[[36,2],[90,2],[3534,2],[8773,2],[8810,2]]},"632":{"position":[[45,2],[108,2],[3207,2]]},"638":{"position":[[3061,2]]},"640":{"position":[[1772,2],[1969,1]]},"642":{"position":[[41,2],[100,2],[3573,2],[7865,2]]},"644":{"position":[[7676,2]]},"646":{"position":[[1777,2],[1986,1]]},"656":{"position":[[3797,4],[5691,4],[7950,4],[10303,4],[12776,4],[15206,4],[17597,4],[20080,4],[23349,4]]},"660":{"position":[[9120,2],[11465,2],[14096,2],[16613,2],[19287,2],[21784,2],[24186,2],[28264,2],[33263,2],[35628,2],[37993,2],[46293,2],[48889,2],[54543,2],[57005,2],[63347,2],[66568,2],[69651,2],[73028,2],[75911,2],[78886,2],[82183,2],[85529,2],[88295,2],[110374,2],[114093,2],[127766,2],[130104,2],[132965,2]]}}}],["701",{"_index":2450,"t":{"592":{"position":[[2860,6],[4959,6],[7912,6],[10906,6],[13904,6]]}}}],["702",{"_index":2453,"t":{"592":{"position":[[2968,6],[5078,6],[8031,6],[11025,6],[14023,6]]}}}],["70201",{"_index":2462,"t":{"592":{"position":[[5164,8],[8117,8],[11111,8],[14109,8]]}}}],["7265791",{"_index":2957,"t":{"602":{"position":[[11768,8],[14627,8]]},"606":{"position":[[8940,8]]}}}],["75",{"_index":1808,"t":{"576":{"position":[[5503,4]]},"580":{"position":[[1269,3]]},"616":{"position":[[6045,6]]},"660":{"position":[[89437,2],[91027,2]]}}}],["7548388",{"_index":2967,"t":{"602":{"position":[[11858,8],[14717,8]]},"606":{"position":[[9030,8]]}}}],["7568556",{"_index":2963,"t":{"602":{"position":[[11822,8],[14681,8]]},"606":{"position":[[8994,8]]}}}],["7700",{"_index":4435,"t":{"660":{"position":[[26366,5],[39379,5],[41637,5],[44395,5]]}}}],["7764845",{"_index":2968,"t":{"602":{"position":[[11867,7],[14726,7]]},"606":{"position":[[9039,7]]}}}],["8",{"_index":5,"t":{"2":{"position":[[39,2],[551,4]]},"6":{"position":[[32,2]]},"112":{"position":[[592,1],[710,1]]},"122":{"position":[[198,4],[283,1]]},"128":{"position":[[39,2],[820,1]]},"130":{"position":[[143,2],[2250,2]]},"134":{"position":[[1886,2]]},"148":{"position":[[85,2]]},"158":{"position":[[83,2],[595,4]]},"230":{"position":[[92,2],[604,4]]},"240":{"position":[[1742,2]]},"272":{"position":[[0,1]]},"306":{"position":[[86,2],[598,4]]},"328":{"position":[[83,2]]},"330":{"position":[[82,2]]},"346":{"position":[[248,4]]},"358":{"position":[[84,2]]},"364":{"position":[[81,2],[593,4]]},"384":{"position":[[82,2]]},"406":{"position":[[82,2]]},"410":{"position":[[83,2]]},"412":{"position":[[84,2]]},"420":{"position":[[80,2]]},"442":{"position":[[76,2]]},"550":{"position":[[242,4]]},"554":{"position":[[83,2]]},"592":{"position":[[3083,4],[5279,4],[8232,4],[11226,4],[14224,4]]},"624":{"position":[[3767,2]]},"626":{"position":[[3946,2]]},"634":{"position":[[43,2],[97,2],[3071,2],[3157,2],[7668,2],[7701,2]]},"636":{"position":[[41,2],[95,2],[3327,2],[3422,2],[8761,2],[8798,2]]},"638":{"position":[[45,2],[108,2],[3028,2]]},"642":{"position":[[3660,2],[7837,2]]},"644":{"position":[[3660,2]]},"652":{"position":[[41,2],[100,2],[3046,2],[3133,2],[7561,2]]},"656":{"position":[[3913,4],[5807,4],[8066,4],[10419,4],[12892,4],[15322,4],[17713,4],[20196,4],[23479,4]]},"660":{"position":[[8505,3],[8635,2],[10850,3],[10980,2],[13226,3],[13356,2],[15998,3],[16128,2],[18417,3],[18547,2],[21169,3],[21299,2],[23571,3],[23701,2],[27070,3],[27315,2],[32648,3],[32778,2],[35013,3],[35143,2],[37378,3],[37508,2],[45099,3],[45344,2],[48019,3],[48149,2],[53673,3],[53803,2],[56312,3],[56442,2],[58765,3],[58895,2],[62477,3],[62607,2],[65698,3],[65828,2],[68781,3],[68911,2],[72158,3],[72288,2],[75296,3],[75426,2],[78271,3],[78401,2],[81568,3],[81698,2],[84659,3],[84789,2],[87425,3],[87555,2],[92530,3],[92660,2],[100760,3],[100890,2],[102951,3],[103081,2],[105389,3],[105519,2],[109504,3],[109634,2],[113385,3],[113515,2],[126896,3],[127026,2],[129492,3],[129593,2],[132221,3],[132344,2]]}}}],["8\">@employee.firstname</div",{"_index":1796,"t":{"576":{"position":[[4340,28],[6296,28]]}}}],["8\">@employee.lastname</div",{"_index":1797,"t":{"576":{"position":[[4474,27],[6430,27]]}}}],["8\">@employeeid</div",{"_index":1795,"t":{"576":{"position":[[4213,20],[6169,20]]}}}],["8000",{"_index":3069,"t":{"604":{"position":[[10996,5],[11260,5],[11280,4],[11552,4],[13224,5],[13488,5],[13508,4],[13780,4],[15322,5],[15586,5],[15606,4],[15878,4]]},"660":{"position":[[28280,5],[40251,5],[42509,5],[46309,5]]}}}],["801",{"_index":2465,"t":{"592":{"position":[[5359,6],[8343,6],[11337,6],[14335,6]]}}}],["802",{"_index":2466,"t":{"592":{"position":[[5465,6],[8449,6],[11443,6],[14441,6]]}}}],["80201",{"_index":2467,"t":{"592":{"position":[[5551,8],[8535,8],[11529,8],[14527,8]]}}}],["8274297",{"_index":2965,"t":{"602":{"position":[[11840,8],[14699,8]]},"606":{"position":[[9012,8]]}}}],["8496306",{"_index":2962,"t":{"602":{"position":[[11813,8],[14672,8]]},"606":{"position":[[8985,8]]}}}],["8538933",{"_index":2964,"t":{"602":{"position":[[11831,8],[14690,8]]},"606":{"position":[[9003,8]]}}}],["8657298",{"_index":2966,"t":{"602":{"position":[[11849,8],[14708,8]]},"606":{"position":[[9021,8]]}}}],["8l4",{"_index":1102,"t":{"558":{"position":[[1897,3]]}}}],["9",{"_index":952,"t":{"146":{"position":[[0,1]]},"592":{"position":[[3157,4],[5658,4],[8642,4],[11636,4],[14634,4]]},"656":{"position":[[3987,4],[5911,4],[8170,4],[10523,4],[12996,4],[15426,4],[17817,4],[20300,4],[23553,4]]}}}],["9\">@employee.firstname</div",{"_index":1718,"t":{"574":{"position":[[3519,28]]},"578":{"position":[[5104,28],[6992,28]]}}}],["9\">@employee.lastname</div",{"_index":1720,"t":{"574":{"position":[[3653,27]]},"578":{"position":[[5238,27],[7126,27]]}}}],["9\">@employeeid</div",{"_index":1716,"t":{"574":{"position":[[3392,20]]},"578":{"position":[[4977,20],[6865,20]]}}}],["_customerservic",{"_index":3276,"t":{"612":{"position":[[5960,16],[9478,16],[11206,16],[12700,16]]},"660":{"position":[[115885,16],[118509,16],[121170,16],[123946,16]]}}}],["_customerservice.getcustomers(request.filt",{"_index":3277,"t":{"612":{"position":[[6149,45],[9932,46]]}}}],["_customerservice.getcustomersasync(request.filt",{"_index":3321,"t":{"612":{"position":[[11409,50],[12903,50]]},"660":{"position":[[116389,51],[119013,51],[121674,51],[124450,51]]}}}],["_editcontext",{"_index":3307,"t":{"612":{"position":[[9438,13],[9551,12]]}}}],["_employeeservic",{"_index":4469,"t":{"660":{"position":[[30072,16]]}}}],["_employeeservice.getemployees(request.filt",{"_index":4478,"t":{"660":{"position":[[30528,46]]}}}],["_framework/blazor.server.j",{"_index":3713,"t":{"624":{"position":[[1393,27]]},"626":{"position":[[1578,27]]}}}],["_framework/blazor.web.j",{"_index":3971,"t":{"634":{"position":[[1078,24]]},"636":{"position":[[1033,24]]}}}],["_framework/blazor.webassembly.j",{"_index":4007,"t":{"642":{"position":[[1407,32]]},"644":{"position":[[1407,32]]},"652":{"position":[[1061,32]]}}}],["_framework/blazor.webview.j",{"_index":3966,"t":{"632":{"position":[[1051,28]]},"638":{"position":[[1051,28]]}}}],["_host.cshtml",{"_index":3745,"t":{"624":{"position":[[3550,13],[8949,12]]}}}],["_imports.razor",{"_index":3733,"t":{"624":{"position":[[2864,14],[7020,15],[8973,14]]},"626":{"position":[[3049,14],[6496,15],[8438,14]]},"632":{"position":[[2527,14]]},"634":{"position":[[5936,15],[7861,14]]},"636":{"position":[[3156,14],[6383,15],[7084,15],[9037,14],[9084,14]]},"638":{"position":[[2527,14]]},"642":{"position":[[2899,14],[6081,15],[8026,14]]},"644":{"position":[[2899,14],[5920,15],[7865,14]]},"652":{"position":[[2553,14],[5966,15],[7722,14]]}}}],["_layout.cshtml",{"_index":3822,"t":{"626":{"position":[[3737,15],[8412,14]]}}}],["_toastservic",{"_index":3453,"t":{"614":{"position":[[11637,13]]},"628":{"position":[[7514,13],[10870,13]]}}}],["_toastservice.notify(toastmessag",{"_index":3468,"t":{"614":{"position":[[12437,35]]},"628":{"position":[[7879,35],[11703,35]]}}}],["aan",{"_index":4621,"t":{"660":{"position":[[107679,5],[107930,5],[108102,5],[108419,5]]}}}],["abov",{"_index":2214,"t":{"584":{"position":[[2399,5]]},"654":{"position":[[10666,5],[11733,5]]}}}],["ac",{"_index":1851,"t":{"576":{"position":[[7866,3],[8073,2],[8690,2],[9284,2],[9592,2],[10160,2],[10424,2],[11207,2],[12107,3],[12314,2],[12931,2],[13525,2],[13833,2],[14401,2],[14665,2],[15448,2],[16248,3],[16455,2],[17072,2],[17666,2],[17974,2],[18542,2],[18806,2],[19589,2]]}}}],["accept",{"_index":1667,"t":{"574":{"position":[[141,6]]},"614":{"position":[[695,7]]},"618":{"position":[[656,7]]},"622":{"position":[[736,7]]},"628":{"position":[[699,7]]},"648":{"position":[[5223,7]]}}}],["access",{"_index":357,"t":{"42":{"position":[[619,7]]},"572":{"position":[[1542,13]]},"594":{"position":[[430,13]]}}}],["accommod",{"_index":3351,"t":{"614":{"position":[[1909,11]]}}}],["accord",{"_index":312,"t":{"36":{"position":[[406,9]]},"618":{"position":[[5206,9]]},"622":{"position":[[8335,9]]},"630":{"position":[[8048,9],[9994,9]]}}}],["accordion",{"_index":27,"t":{"2":{"position":[[270,9],[3476,10],[3579,9]]},"72":{"position":[[137,9],[374,9],[435,9],[482,9],[865,9],[1108,9]]},"112":{"position":[[131,10],[192,9],[212,10],[243,9],[258,10],[273,9],[941,9]]},"128":{"position":[[1611,9]]},"136":{"position":[[2144,9],[2285,9]]},"148":{"position":[[20,11],[316,9],[530,10],[633,9],[819,9],[960,9]]},"152":{"position":[[562,9],[703,9]]},"158":{"position":[[314,9],[2286,10],[2389,9]]},"214":{"position":[[1930,9],[2071,9]]},"224":{"position":[[190,9],[331,9]]},"228":{"position":[[186,9],[327,9]]},"230":{"position":[[323,9],[2295,10],[2398,9]]},"232":{"position":[[1939,9],[2080,9]]},"246":{"position":[[486,9],[627,9]]},"252":{"position":[[189,9],[330,9]]},"306":{"position":[[317,9],[2289,10],[2392,9]]},"308":{"position":[[1659,10],[1762,9]]},"318":{"position":[[1380,9],[1521,9]]},"326":{"position":[[1933,9],[2074,9]]},"328":{"position":[[314,9]]},"330":{"position":[[313,9],[1107,9],[1248,9]]},"336":{"position":[[174,10],[277,9]]},"340":{"position":[[183,9],[324,9]]},"358":{"position":[[315,9]]},"360":{"position":[[555,10],[658,9]]},"364":{"position":[[312,9],[1501,10],[1604,9]]},"384":{"position":[[313,9],[527,10],[630,9]]},"406":{"position":[[313,9]]},"410":{"position":[[314,9]]},"412":{"position":[[315,9]]},"420":{"position":[[311,9]]},"428":{"position":[[173,10],[276,9]]},"488":{"position":[[176,10],[279,9]]},"516":{"position":[[181,9],[322,9]]},"554":{"position":[[314,9]]},"556":{"position":[[4011,9]]},"562":{"position":[[11,9],[41,9],[79,10],[134,9],[240,9],[477,10],[536,9],[1368,9],[1453,9],[1746,9],[2256,10],[2277,10],[2317,9],[2336,11],[2428,9],[2809,10],[2978,9],[3360,10],[3528,9],[3910,10],[3998,12],[4060,9],[4127,11],[4219,9],[4292,9],[4673,10],[4842,9],[4916,9],[5298,10],[5466,9],[5539,9],[5921,10],[6009,12],[6124,10],[6177,10],[6282,9],[6663,10],[6832,9],[7214,10],[7382,9],[7764,10],[7852,12],[7899,9],[7960,9],[7992,11],[8084,9],[8465,10],[8648,9],[9030,10],[9198,9],[9580,10],[9668,12],[9754,9],[9804,10],[9914,9],[10295,10],[10464,9],[10846,10],[11014,9],[11396,10],[11484,12],[11535,9],[11585,9],[11629,9],[11801,9],[11962,10],[12094,9],[12475,10],[12656,9],[13038,10],[13218,9],[13600,10],[13776,9],[14158,10],[14324,9],[14706,10],[14884,9],[15266,10],[15354,12],[15462,9],[15569,9],[15674,9],[15785,9],[15888,9],[15991,9],[16123,9],[16230,9],[16335,9],[16446,9],[16549,9],[16652,9],[16692,9],[18006,9],[18086,9],[18214,9],[18270,10],[18411,9],[18792,10],[18961,9],[19343,10],[19511,9],[19893,10],[19981,12],[20077,9],[20185,9],[20226,9],[20481,9],[20539,9],[20564,10],[20796,9],[21177,10],[21368,9],[21750,10],[21940,9],[22322,10],[22410,12],[22439,9],[23479,9],[23500,9],[23518,9],[23569,9],[23620,9],[23670,9],[23702,9]]},"628":{"position":[[12093,9]]}}}],["accordion1",{"_index":1293,"t":{"562":{"position":[[16702,10],[20236,10],[22449,10]]}}}],["accordion1.hideaccordionitembyindexasync(1",{"_index":1306,"t":{"562":{"position":[[17508,44]]}}}],["accordion1.hideaccordionitembyindexasync(2",{"_index":1308,"t":{"562":{"position":[[17611,44]]}}}],["accordion1.hideaccordionitembynameasync(\"faq",{"_index":1312,"t":{"562":{"position":[[17827,47]]}}}],["accordion1.hideaccordionitembynameasync(\"product",{"_index":1310,"t":{"562":{"position":[[17717,52]]}}}],["accordion1.hideallaccordionitemsasync",{"_index":1320,"t":{"562":{"position":[[20390,40]]}}}],["accordion1.hidefirstaccordionitemasync",{"_index":1304,"t":{"562":{"position":[[17407,41]]}}}],["accordion1.hidelastaccordionitemasync",{"_index":1313,"t":{"562":{"position":[[17932,40]]}}}],["accordion1.showaccordionitembyindexasync(1",{"_index":1296,"t":{"562":{"position":[[16884,44]]}}}],["accordion1.showaccordionitembyindexasync(2",{"_index":1298,"t":{"562":{"position":[[16987,44]]}}}],["accordion1.showaccordionitembynameasync(\"faq",{"_index":1302,"t":{"562":{"position":[[17203,47]]}}}],["accordion1.showaccordionitembynameasync(\"product",{"_index":1300,"t":{"562":{"position":[[17093,52]]}}}],["accordion1.showallaccordionitemsasync",{"_index":1319,"t":{"562":{"position":[[20304,40]]}}}],["accordion1.showfirstaccordionitemasync",{"_index":1294,"t":{"562":{"position":[[16783,41]]}}}],["accordion1.showlastaccordionitemasync",{"_index":1303,"t":{"562":{"position":[[17308,40]]}}}],["accordion3",{"_index":766,"t":{"142":{"position":[[7,10]]}}}],["accordionitem",{"_index":753,"t":{"128":{"position":[[874,13]]},"562":{"position":[[637,13],[733,13],[802,13],[880,14],[946,14],[1019,13],[1114,13],[1182,13],[1282,14],[1347,14],[1846,13],[2348,14],[2880,16],[2897,14],[3431,16],[3448,14],[3981,16],[4139,15],[4744,16],[4761,15],[5369,16],[5386,15],[5992,16],[6202,14],[6734,16],[6751,14],[7285,16],[7302,14],[7835,16],[8004,14],[8536,16],[8553,14],[9101,16],[9118,14],[9651,16],[9834,14],[10366,16],[10383,14],[10917,16],[10934,14],[11467,16],[12005,14],[12546,16],[12563,14],[13109,16],[13126,14],[13671,16],[13688,14],[14229,16],[14246,14],[14777,16],[14794,14],[15337,16],[18331,14],[18863,16],[18880,14],[19414,16],[19431,14],[19964,16],[20694,14],[21248,16],[21265,14],[21821,16],[21838,14],[22393,16],[23535,13]]}}}],["accordionitemnam",{"_index":1219,"t":{"562":{"position":[[704,18],[1085,18],[22683,18],[22902,18],[23123,18],[23344,18]]}}}],["accordionitemtitl",{"_index":1335,"t":{"562":{"position":[[22715,19],[22934,19],[23155,19],[23376,19]]}}}],["account",{"_index":3686,"t":{"622":{"position":[[5490,10],[5654,11]]}}}],["accumsan",{"_index":1948,"t":{"576":{"position":[[9844,9],[10193,9],[14085,9],[14434,9],[18226,9],[18575,9]]}}}],["acknowledg",{"_index":1710,"t":{"574":{"position":[[3045,14]]}}}],["action",{"_index":963,"t":{"556":{"position":[[99,7]]},"566":{"position":[[649,7],[871,7],[1095,7],[1313,7],[1529,7],[1776,7],[2018,7],[2262,7],[2500,7],[2736,7]]},"568":{"position":[[86,7],[6842,6]]},"574":{"position":[[3239,6]]},"586":{"position":[[5779,7],[8815,7]]},"612":{"position":[[1760,8]]},"654":{"position":[[17155,7]]}}}],["action.</cardtext",{"_index":1621,"t":{"570":{"position":[[11862,18],[13177,18]]}}}],["action</dropdownitem",{"_index":4094,"t":{"654":{"position":[[3916,21],[4328,21],[4686,21],[5040,21],[5388,21],[5742,21],[6094,21],[6586,21],[7012,21],[7432,21],[7843,21],[8263,21],[8680,21],[9143,21],[9596,21],[10014,21],[10467,21],[11061,21],[11534,21],[12138,21],[12717,21],[13185,21],[13779,21],[14160,21],[14771,21],[15276,21],[16173,21],[16951,21],[17462,21],[17902,21],[23983,21],[25039,21]]}}}],["activ",{"_index":350,"t":{"42":{"position":[[473,8]]},"72":{"position":[[428,6],[462,8]]},"82":{"position":[[207,6]]},"100":{"position":[[351,6]]},"128":{"position":[[918,7],[1445,7],[1487,7]]},"562":{"position":[[1925,6],[1960,6],[7892,6],[7923,6],[23613,6]]},"568":{"position":[[233,6],[275,6],[4007,6],[6624,6]]},"572":{"position":[[2130,9],[4297,9]]},"580":{"position":[[2714,8]]},"582":{"position":[[270,6],[2237,6],[3486,6]]},"586":{"position":[[443,6],[478,6],[3083,6],[3191,6]]},"600":{"position":[[1223,6],[1331,6],[1591,6],[1626,6],[9274,8],[9308,8],[11449,6],[11542,6],[11633,9],[11762,7],[11855,6],[16358,8],[16403,6]]},"654":{"position":[[2212,6],[2261,6],[14406,7],[14439,7],[25866,6]]},"656":{"position":[[21671,6],[21772,6],[21823,6],[21873,6],[21979,6],[22086,6]]},"660":{"position":[[63622,6],[63706,6],[63742,7]]}}}],["active=\"tru",{"_index":1252,"t":{"562":{"position":[[8594,14]]},"568":{"position":[[6483,13],[6609,14]]},"654":{"position":[[14455,13]]}}}],["active=\"true\">anoth",{"_index":4126,"t":{"654":{"position":[[14749,21]]}}}],["activepagenumb",{"_index":2142,"t":{"582":{"position":[[230,16]]}}}],["activepagenumber=\"1",{"_index":2172,"t":{"582":{"position":[[1989,20],[2264,20]]}}}],["activepagenumber=\"2",{"_index":2184,"t":{"582":{"position":[[2799,20],[2850,20],[2930,20]]}}}],["activepagenumber=\"3",{"_index":2179,"t":{"582":{"position":[[2316,20]]}}}],["activepagenumber=\"5",{"_index":2180,"t":{"582":{"position":[[2368,20],[2564,20],[2643,20],[2694,20]]}}}],["activepagenumber=\"@currentpagenumb",{"_index":2187,"t":{"582":{"position":[[3039,37]]}}}],["actual",{"_index":1774,"t":{"576":{"position":[[1465,8],[1624,8]]}}}],["ad",{"_index":183,"t":{"6":{"position":[[96,5]]},"10":{"position":[[176,5]]},"70":{"position":[[680,5],[728,5]]},"86":{"position":[[362,5]]},"100":{"position":[[972,5],[1018,5]]},"104":{"position":[[413,5],[694,5]]},"116":{"position":[[337,5]]},"128":{"position":[[284,5],[317,5],[370,5],[446,5],[556,6],[591,6],[713,6],[754,6]]},"134":{"position":[[1950,5]]},"240":{"position":[[1806,5]]},"442":{"position":[[140,5]]},"556":{"position":[[234,5],[511,5],[621,5]]},"558":{"position":[[248,5],[1033,5]]},"560":{"position":[[165,5]]},"562":{"position":[[195,5],[572,5],[1403,5],[1911,5]]},"566":{"position":[[194,5]]},"568":{"position":[[219,5],[1605,5],[3859,6]]},"570":{"position":[[418,5],[755,5],[936,5],[1116,5],[1297,5],[1550,5],[1986,5],[2242,5],[2422,5]]},"572":{"position":[[199,5],[532,5],[729,5]]},"574":{"position":[[197,5],[729,5]]},"576":{"position":[[226,5],[1358,5]]},"578":{"position":[[225,5],[1810,5]]},"580":{"position":[[244,5],[529,5]]},"582":{"position":[[216,5]]},"584":{"position":[[447,5],[683,5]]},"586":{"position":[[181,5],[429,5],[898,5],[1084,5],[1338,5],[2345,5],[2674,5],[2913,5],[3427,5]]},"588":{"position":[[207,5],[535,5]]},"590":{"position":[[261,5],[573,5]]},"592":{"position":[[255,5],[729,5],[892,5]]},"594":{"position":[[196,5]]},"596":{"position":[[450,5],[1999,5],[2077,5]]},"598":{"position":[[431,5]]},"600":{"position":[[168,5],[451,5],[529,5],[888,5],[1135,5],[1577,5],[2070,5],[4928,6],[14817,5]]},"602":{"position":[[433,5],[767,5],[1564,5],[1829,5],[5338,5],[5577,5]]},"604":{"position":[[288,5],[622,5],[1419,5],[1682,5],[3373,5],[3612,5]]},"606":{"position":[[384,5],[718,5],[1515,5],[1788,5],[2987,5],[3244,5]]},"608":{"position":[[229,5],[563,5],[1360,5],[1623,5],[2720,5],[2967,5]]},"610":{"position":[[181,5]]},"612":{"position":[[282,5],[1188,5],[1433,5],[1785,5]]},"614":{"position":[[357,5],[1142,5]]},"616":{"position":[[183,5],[626,5],[741,5],[893,5]]},"618":{"position":[[244,5]]},"620":{"position":[[206,5],[496,5],[609,5]]},"622":{"position":[[236,5]]},"628":{"position":[[361,5],[1086,5]]},"630":{"position":[[641,5],[1170,5]]},"654":{"position":[[295,5],[1087,5],[1355,5],[1725,5],[2015,5],[2198,5],[2827,5],[3194,5]]},"656":{"position":[[263,5],[756,5],[915,5]]},"658":{"position":[[252,5],[549,5]]},"660":{"position":[[241,5],[3119,5],[3739,5],[4052,5],[6874,5],[46597,6],[49398,6],[59006,6]]}}}],["add",{"_index":663,"t":{"106":{"position":[[250,3],[373,3]]},"108":{"position":[[261,3]]},"112":{"position":[[223,3],[269,3]]},"558":{"position":[[180,4]]},"560":{"position":[[2049,3]]},"562":{"position":[[2498,4],[3049,4],[3599,4],[4362,4],[4987,4],[5610,4],[6352,4],[6903,4],[7453,4],[8154,4],[8719,4],[9269,4],[9984,4],[10535,4],[11085,4],[12164,4],[12727,4],[13289,4],[13847,4],[14395,4],[14955,4],[18481,4],[19032,4],[19582,4],[20866,4],[21439,4],[22011,4]]},"564":{"position":[[452,3]]},"566":{"position":[[2959,3],[3447,3],[3936,3],[4422,3],[4907,3],[5417,3],[5924,3],[6432,3],[6937,3],[7441,3]]},"568":{"position":[[3371,3],[6475,3]]},"570":{"position":[[5923,3]]},"574":{"position":[[863,4],[6968,3]]},"578":{"position":[[83,3],[9805,3]]},"582":{"position":[[2467,3]]},"584":{"position":[[174,3],[973,3]]},"590":{"position":[[2013,3],[6233,3],[7230,3]]},"596":{"position":[[4660,3],[4991,3],[7603,3],[9912,3],[10171,3],[12658,3]]},"600":{"position":[[2970,3],[13958,3],[14988,3]]},"602":{"position":[[873,4],[998,4],[1137,4],[7021,3],[7167,3]]},"604":{"position":[[728,4],[853,4],[992,4],[4983,3]]},"606":{"position":[[824,4],[949,4],[1088,4],[4362,3]]},"608":{"position":[[669,4],[794,4],[933,4],[4070,3]]},"610":{"position":[[91,3]]},"616":{"position":[[5462,3]]},"618":{"position":[[7751,3]]},"622":{"position":[[4967,4],[10985,3]]},"624":{"position":[[258,3],[381,3],[486,3],[1018,3],[1262,3],[1646,3],[1980,3],[2398,3],[2676,3],[2754,3],[5211,3],[5545,3],[5963,3],[6401,3],[8835,3],[8854,3]]},"626":{"position":[[258,3],[381,3],[488,3],[1020,3],[1358,3],[1445,3],[1831,3],[2165,3],[2583,3],[2861,3],[2939,3],[5535,3],[5877,3],[8298,3],[8317,3]]},"630":{"position":[[4686,3],[9867,3],[11456,3]]},"632":{"position":[[276,3],[399,3],[485,3],[920,3],[1305,3],[1639,3],[2057,3],[2335,3],[2413,3],[3265,3],[3284,3]]},"634":{"position":[[316,3],[439,3],[945,3],[1328,3],[1662,3],[2080,3],[2358,3],[2436,3],[4204,3],[4538,3],[4956,3],[5370,3],[7726,3],[7745,3]]},"636":{"position":[[394,3],[900,3],[1283,3],[1617,3],[2035,3],[2313,3],[2391,3],[3046,3],[4453,3],[4787,3],[5205,3],[5610,3],[8838,3],[8857,3]]},"638":{"position":[[276,3],[399,3],[485,3],[920,3],[1305,3],[1639,3],[2057,3],[2335,3],[2413,3],[3086,3],[3105,3]]},"642":{"position":[[268,3],[391,3],[495,3],[1032,3],[1276,3],[1665,3],[1999,3],[2417,3],[2789,3],[5255,3],[5336,3],[7890,3],[7909,3]]},"644":{"position":[[268,3],[391,3],[495,3],[1032,3],[1276,3],[1665,3],[1999,3],[2417,3],[2789,3],[5054,3],[5135,3],[5566,3],[7729,3],[7748,3]]},"648":{"position":[[4958,3]]},"652":{"position":[[268,3],[391,3],[495,3],[930,3],[1319,3],[1653,3],[2071,3],[2443,3],[4459,3],[4793,3],[5211,3],[7586,3],[7605,3]]},"654":{"position":[[10682,3],[11751,3],[12352,3],[13408,3],[14447,3],[16531,3],[17121,3]]},"660":{"position":[[7119,3],[11902,3],[14543,3],[22122,3],[24446,3],[30869,3],[31018,3],[33525,3],[42781,3],[42836,3],[50203,3],[57368,3],[57477,3],[59740,3],[59766,4],[59865,3],[59948,4]]}}}],["add.png",{"_index":2331,"t":{"586":{"position":[[8577,8]]}}}],["addadditionalassemblies(typeof(counter).assembl",{"_index":4000,"t":{"636":{"position":[[6320,51]]}}}],["addasync",{"_index":628,"t":{"100":{"position":[[673,8],[739,8],[801,8],[862,8]]}}}],["addcustom",{"_index":2790,"t":{"600":{"position":[[14516,13],[15828,13]]}}}],["adddataasync",{"_index":2915,"t":{"602":{"position":[[7150,16],[9116,14]]},"604":{"position":[[7248,14]]},"606":{"position":[[6354,14],[13359,14]]},"608":{"position":[[5952,14],[9631,14]]}}}],["adddataasync()\">add",{"_index":3030,"t":{"604":{"position":[[5112,19]]},"606":{"position":[[4491,19],[11579,19]]},"608":{"position":[[4199,19],[7993,19]]}}}],["adddataasync(chartdata",{"_index":2813,"t":{"602":{"position":[[781,22],[900,22]]},"604":{"position":[[636,22],[755,22]]},"606":{"position":[[732,22],[851,22]]},"608":{"position":[[577,22],[696,22]]}}}],["adddatasetasync",{"_index":627,"t":{"100":{"position":[[653,15],[719,15],[781,15],[842,15]]},"602":{"position":[[7001,19],[8878,17]]},"604":{"position":[[4963,19],[6980,17]]},"606":{"position":[[4342,19],[6104,17]]},"608":{"position":[[4050,19],[5717,17]]}}}],["adddatasetasync(chartdata",{"_index":2820,"t":{"602":{"position":[[1028,25]]},"604":{"position":[[883,25]]},"606":{"position":[[979,25]]},"608":{"position":[[824,25]]}}}],["addemploye",{"_index":4536,"t":{"660":{"position":[[58945,13]]}}}],["addemployee2",{"_index":4540,"t":{"660":{"position":[[59136,14]]}}}],["addinteractiveservercompon",{"_index":3983,"t":{"634":{"position":[[5439,34]]},"636":{"position":[[5679,33]]}}}],["addinteractiveserverrendermod",{"_index":3987,"t":{"634":{"position":[[5890,34]]},"636":{"position":[[6247,33]]}}}],["addinteractivewebassemblycompon",{"_index":3997,"t":{"636":{"position":[[5713,39]]}}}],["addinteractivewebassemblyrendermod",{"_index":3999,"t":{"636":{"position":[[6281,38]]}}}],["addit",{"_index":1007,"t":{"556":{"position":[[1631,10],[1675,10],[2161,10],[4083,10]]},"560":{"position":[[2346,10]]},"566":{"position":[[3256,10],[3744,10],[4233,10],[4719,10],[5204,10],[5714,10],[6221,10],[6729,10],[7234,10],[7738,10]]},"568":{"position":[[3418,10]]},"570":{"position":[[6158,10],[6674,10],[6969,10],[7439,10],[7771,10],[8100,10],[11064,10],[11428,10],[11767,10],[12337,10],[12722,10],[13082,10]]},"574":{"position":[[770,10],[951,10]]},"576":{"position":[[1872,9]]},"578":{"position":[[2176,9]]},"582":{"position":[[2534,10]]},"592":{"position":[[941,10]]},"654":{"position":[[18293,10]]},"656":{"position":[[170,10],[964,10]]}}}],["addition",{"_index":2717,"t":{"600":{"position":[[3013,13]]}}}],["address",{"_index":3311,"t":{"612":{"position":[[9732,7],[10456,7]]}}}],["addtaghelp",{"_index":3749,"t":{"624":{"position":[[3655,13]]},"626":{"position":[[3834,13]]}}}],["adher",{"_index":3506,"t":{"616":{"position":[[4243,6]]}}}],["adil",{"_index":3228,"t":{"612":{"position":[[3146,7],[5017,7],[7642,7]]}}}],["adipisc",{"_index":1830,"t":{"576":{"position":[[7638,10],[8891,10],[10279,10],[11879,10],[13132,10],[14520,10],[16020,10],[17273,10],[18661,10]]}}}],["aenean",{"_index":1909,"t":{"576":{"position":[[8519,6],[9456,6],[12760,6],[13697,6],[16901,6],[17838,6]]}}}],["agnost",{"_index":3272,"t":{"612":{"position":[[3926,8]]},"660":{"position":[[11773,8]]}}}],["ago</cardtext",{"_index":1620,"t":{"570":{"position":[[11181,14],[11508,14],[11930,14]]}}}],["ago</smal",{"_index":1622,"t":{"570":{"position":[[12476,11],[12824,11],[13267,11]]}}}],["agre",{"_index":3625,"t":{"620":{"position":[[1439,5],[2086,5],[2381,6],[2561,6],[2666,6],[2750,5]]}}}],["agree1",{"_index":3621,"t":{"620":{"position":[[969,7]]}}}],["agree2",{"_index":3622,"t":{"620":{"position":[[982,6]]}}}],["ai",{"_index":4354,"t":{"660":{"position":[[8077,3],[10422,3],[12798,3],[15570,3],[17989,3],[20741,3],[23143,3],[26308,3],[32220,3],[34585,3],[36950,3],[39355,3],[41613,3],[44337,3],[47591,3],[53245,3],[55884,3],[58337,3],[62049,3],[65270,3],[68353,3],[71730,3],[74868,3],[77843,3],[81140,3],[84231,3],[86997,3],[109076,3],[112956,3],[126468,3]]}}}],["alarm",{"_index":2658,"t":{"598":{"position":[[607,5]]}}}],["alert",{"_index":173,"t":{"4":{"position":[[220,5]]},"8":{"position":[[216,5]]},"12":{"position":[[662,6]]},"14":{"position":[[123,5],[203,5],[364,5]]},"28":{"position":[[151,5],[214,5]]},"134":{"position":[[1342,5],[1432,5]]},"144":{"position":[[21,7],[166,5],[256,5]]},"240":{"position":[[1198,5],[1288,5]]},"446":{"position":[[167,5],[257,5]]},"556":{"position":[[11,6],[38,6],[167,5],[398,5],[546,5],[733,5],[807,7],[815,6],[952,6],[1004,5],[1026,8],[1035,6],[1091,5],[1113,8],[1122,6],[1174,5],[1196,8],[1205,6],[1255,5],[1277,8],[1286,6],[1338,5],[1360,8],[1369,6],[1415,5],[1437,8],[1446,6],[1494,5],[1516,8],[1525,6],[1571,5],[1593,8],[1613,6],[1651,6],[1746,6],[1873,5],[1977,5],[2129,8],[2149,6],[2242,6],[2267,6],[2370,5],[2389,8],[2398,6],[2508,5],[2527,8],[2536,6],[2652,5],[2671,8],[2680,6],[2798,5],[2817,8],[2837,6],[2934,5],[2977,5],[3009,6],[3147,8],[3188,5],[3219,6],[3431,8],[3455,5],[3562,6],[3588,5],[3700,5],[4076,6]]},"560":{"position":[[7329,6]]},"562":{"position":[[23472,6]]},"592":{"position":[[2554,10],[2609,9],[4653,10],[4708,9],[7606,10],[7661,9],[10600,10],[10655,9],[13598,10],[13653,9]]},"656":{"position":[[2179,10],[2234,10],[3582,10],[3637,9],[5476,10],[5531,9],[7735,10],[7790,9],[10088,10],[10143,9],[12561,10],[12616,9],[14991,10],[15046,9],[17382,10],[17437,9],[19865,10],[19920,9],[23106,10],[23161,9]]}}}],["alert1",{"_index":767,"t":{"142":{"position":[[18,6]]}}}],["alertcolor",{"_index":970,"t":{"556":{"position":[[354,10]]}}}],["alertcolor.non",{"_index":971,"t":{"556":{"position":[[365,15]]}}}],["alic",{"_index":4353,"t":{"660":{"position":[[8054,8],[10399,8],[12775,8],[15547,8],[17966,8],[20718,8],[23120,8],[26191,8],[32197,8],[34562,8],[36927,8],[39332,8],[41590,8],[44220,8],[47568,8],[53222,8],[55861,8],[58314,8],[62026,8],[65247,8],[68330,8],[71707,8],[74845,8],[77820,8],[81117,8],[84208,8],[86974,8],[109053,8],[112933,8],[126445,8],[129149,8],[131812,8]]}}}],["alice@blazorbootstrap.com",{"_index":4432,"t":{"660":{"position":[[26228,28],[44257,28]]}}}],["align",{"_index":255,"t":{"22":{"position":[[199,9]]},"32":{"position":[[430,9],[445,9],[494,9]]},"42":{"position":[[321,9]]},"100":{"position":[[546,9]]},"128":{"position":[[657,9]]},"568":{"position":[[5701,10]]},"570":{"position":[[618,9],[665,9],[7146,10],[7189,9],[13699,9]]},"582":{"position":[[296,9],[306,9],[359,10],[2776,10],[3507,9]]},"594":{"position":[[2749,10],[3215,6],[4793,9],[4837,5]]},"602":{"position":[[5352,5],[5389,6],[15094,5],[15701,5],[16308,5]]},"604":{"position":[[3387,5],[3425,6]]},"618":{"position":[[1014,9],[1061,10],[5161,10],[5196,9],[5273,10],[5306,9],[11788,9]]},"622":{"position":[[1526,9],[1573,10],[8290,10],[8325,9],[8402,10],[8435,9],[17800,9]]},"630":{"position":[[358,5]]},"654":{"position":[[16509,5],[16738,7]]},"660":{"position":[[5451,10],[6633,9],[6681,10],[35869,10],[35946,10],[38227,10],[38294,10],[46548,10],[46570,9],[133775,9],[133790,9],[133838,9]]}}}],["alignment.cent",{"_index":4310,"t":{"660":{"position":[[5485,16],[6715,16],[36046,16],[38388,16],[46740,16]]}}}],["alignment.end",{"_index":4311,"t":{"660":{"position":[[5505,14],[6735,14],[36067,14],[38409,14],[46761,14]]}}}],["alignment.non",{"_index":1520,"t":{"570":{"position":[[628,14]]},"582":{"position":[[316,14]]},"618":{"position":[[1024,14]]},"622":{"position":[[1536,14]]}}}],["alignment.start",{"_index":4309,"t":{"660":{"position":[[5406,15],[5466,15],[6643,15],[6696,15],[35999,16],[38341,16],[46693,16]]}}}],["alignment=\"alignment.cent",{"_index":2185,"t":{"582":{"position":[[2886,28]]}}}],["alignment=\"alignment.end",{"_index":2186,"t":{"582":{"position":[[2966,25]]}}}],["aliquam",{"_index":1836,"t":{"576":{"position":[[7687,7],[8568,7],[9679,7],[10559,7],[10639,7],[10888,7],[11928,7],[12809,7],[13920,7],[14800,7],[14880,7],[15129,7],[16069,7],[16950,7],[18061,7],[18941,7],[19021,7],[19270,7]]}}}],["aliquet",{"_index":1947,"t":{"576":{"position":[[9786,7],[14027,7],[18168,7]]}}}],["all/non",{"_index":567,"t":{"88":{"position":[[189,8]]}}}],["all</ribbonitem",{"_index":2296,"t":{"586":{"position":[[5284,18],[8335,18]]}}}],["allow",{"_index":344,"t":{"42":{"position":[[331,5]]},"110":{"position":[[280,6],[550,6]]},"574":{"position":[[1037,6],[6374,6],[7606,6]]},"576":{"position":[[812,7]]},"596":{"position":[[538,7]]},"602":{"position":[[2208,6]]},"604":{"position":[[2324,6]]},"606":{"position":[[2072,6]]},"608":{"position":[[1907,6]]},"614":{"position":[[795,7],[901,7],[1874,6]]},"618":{"position":[[299,6],[5874,5],[5935,8],[5994,5],[11798,5]]},"622":{"position":[[291,6],[9059,5],[9120,8],[9179,5],[17810,5]]},"658":{"position":[[85,6]]},"660":{"position":[[421,5],[1083,8],[1757,8],[2866,8]]}}}],["allowed.</span",{"_index":3570,"t":{"618":{"position":[[6243,15]]},"622":{"position":[[9456,15]]}}}],["allowfilt",{"_index":4252,"t":{"660":{"position":[[255,14],[4341,14],[5680,14],[7062,14],[22231,14]]}}}],["allowfiltering=\"tru",{"_index":4329,"t":{"660":{"position":[[7123,21],[7330,21],[9631,21],[17002,21],[19924,21],[22400,21],[24751,21],[28785,21],[50908,21],[60502,21],[63852,21],[66982,21],[70142,21],[92997,21],[93988,21],[94979,21],[95968,21],[96959,21],[97944,21],[98929,21],[106181,21],[114269,21],[122117,21],[124912,21],[128071,21],[130531,21]]}}}],["allownegativenumb",{"_index":3530,"t":{"618":{"position":[[258,20],[5952,20]]},"622":{"position":[[250,20],[9137,20]]}}}],["allownegativenumbers=\"tru",{"_index":3569,"t":{"618":{"position":[[6130,27]]},"622":{"position":[[9343,27]]}}}],["allowpag",{"_index":4253,"t":{"660":{"position":[[320,11],[11852,11]]}}}],["allowpaging=\"tru",{"_index":4386,"t":{"660":{"position":[[11906,18],[12149,18],[17024,18],[28807,18],[46906,18],[50943,18],[60524,18],[63874,18],[67004,18],[70164,18],[82827,18],[85893,18],[106203,18],[114291,18],[116802,18],[119444,18],[122139,18],[124934,18]]}}}],["allowrowclick",{"_index":4254,"t":{"660":{"position":[[379,13],[3350,13],[3526,13]]}}}],["allowrowclick=\"tru",{"_index":4598,"t":{"660":{"position":[[101221,20],[103648,20]]}}}],["allowselect",{"_index":4255,"t":{"660":{"position":[[444,14]]}}}],["allowselection=\"tru",{"_index":4568,"t":{"660":{"position":[[73202,21],[73400,21],[76332,21],[79577,21]]}}}],["allowsort",{"_index":2534,"t":{"596":{"position":[[464,12]]},"660":{"position":[[509,12],[5834,12],[14485,12]]}}}],["allowsorting=\"fals",{"_index":2631,"t":{"596":{"position":[[10371,21],[10501,21]]}}}],["allowsorting=\"tru",{"_index":4398,"t":{"660":{"position":[[14547,19],[14745,19],[17056,19],[28839,19],[31330,20],[33792,20],[50962,19],[60556,19],[63906,19],[67036,19],[70196,19],[88514,19],[89302,19],[90104,19],[90892,19],[93019,19],[94010,19],[95001,19],[95990,19],[96981,19],[97966,19],[98951,19],[101242,19],[103669,19],[106222,19],[114310,19],[116821,19],[119463,19],[122158,19],[124953,19]]}}}],["along",{"_index":141,"t":{"2":{"position":[[2933,5]]},"110":{"position":[[187,5]]},"146":{"position":[[236,5]]},"152":{"position":[[229,5]]},"158":{"position":[[1743,5]]},"230":{"position":[[1752,5]]},"306":{"position":[[1746,5]]},"308":{"position":[[1116,5]]},"360":{"position":[[228,5]]},"364":{"position":[[1174,5]]},"394":{"position":[[840,5]]},"404":{"position":[[548,5]]},"408":{"position":[[237,5]]},"418":{"position":[[521,5]]},"492":{"position":[[232,5]]},"654":{"position":[[16416,5]]},"660":{"position":[[28628,5]]}}}],["alreadi",{"_index":2755,"t":{"600":{"position":[[11754,7]]}}}],["alt=\"placehold",{"_index":1559,"t":{"570":{"position":[[3977,17],[4748,17],[5400,17],[10916,17],[11292,17],[11619,17],[12189,17],[12586,17],[12934,17]]}}}],["altern",{"_index":1168,"t":{"560":{"position":[[2319,11]]},"566":{"position":[[3229,11],[3717,11],[4206,11],[4692,11],[5177,11],[5687,11],[6194,11],[6702,11],[7207,11],[7711,11]]},"588":{"position":[[427,11]]}}}],["alway",{"_index":479,"t":{"72":{"position":[[450,6]]},"562":{"position":[[9696,6],[23635,6]]},"618":{"position":[[1717,6]]},"622":{"position":[[5997,6]]},"660":{"position":[[1014,6],[1690,6],[2803,6]]}}}],["alwaysopen",{"_index":1213,"t":{"562":{"position":[[209,10],[1209,10],[9717,10],[18032,10],[18258,11]]}}}],["alwaysopen=\"tru",{"_index":1253,"t":{"562":{"position":[[9815,18],[18281,17]]}}}],["amet",{"_index":1828,"t":{"576":{"position":[[7620,5],[7699,4],[7937,4],[8711,4],[8873,5],[10261,5],[10325,4],[10478,4],[11861,5],[11940,4],[12178,4],[12952,4],[13114,5],[14502,5],[14566,4],[14719,4],[16002,5],[16081,4],[16319,4],[17093,4],[17255,5],[18643,5],[18707,4],[18860,4]]}}}],["amount",{"_index":1350,"t":{"564":{"position":[[260,7]]},"616":{"position":[[2497,6],[3204,6]]},"618":{"position":[[1557,7],[1601,7],[1643,7],[3338,7],[4160,7],[4204,6],[4279,7],[4326,7],[4625,7],[4760,7],[4926,7],[5062,7],[5106,7],[5502,7],[5546,7],[5730,7],[5774,7],[5817,7],[6177,7],[6292,7],[6334,7],[6571,7],[6830,7],[7308,7],[7545,7],[9055,7],[10829,7]]},"622":{"position":[[2037,7],[2081,7],[2368,7],[2412,7],[2594,7],[2638,7],[2820,7],[2864,7],[3046,7],[3090,7],[3272,7],[3316,7],[3498,7],[3542,7],[3724,7],[3768,7],[3950,7],[3994,7],[4176,7],[4220,7],[4771,7],[5284,7],[5825,7],[7243,7],[8095,7],[8139,6],[8214,7],[8261,7],[8659,7],[8703,7],[8915,7],[8959,7],[9002,7],[9390,7],[9505,7],[9547,7],[9788,7],[10047,7],[10531,7],[10772,7],[12377,7],[14193,7],[14518,7],[14562,7],[14748,7],[14792,7],[14978,7],[15022,7],[15208,7],[15252,7],[15438,7],[15482,7],[15668,7],[15712,7],[15898,7],[15942,7],[16128,7],[16172,7],[16358,7],[16402,7]]},"654":{"position":[[19968,7],[21750,7]]}}}],["amount1",{"_index":3481,"t":{"616":{"position":[[1100,7],[1946,7],[4125,7],[5179,7],[5418,7]]},"622":{"position":[[2124,7],[4263,7],[4860,7],[5373,7],[5911,7],[16449,7]]}}}],["amount1</div",{"_index":3649,"t":{"622":{"position":[[2089,14],[2420,14],[4822,14],[5335,14],[5876,14],[14570,14]]}}}],["amount2",{"_index":3490,"t":{"616":{"position":[[1965,7],[5198,7]]},"618":{"position":[[3359,8],[5131,8],[5841,7]]},"622":{"position":[[4295,7],[7264,8],[9026,7],[16489,7]]}}}],["amount2</div",{"_index":3540,"t":{"618":{"position":[[2186,14],[5070,14],[5782,14]]},"622":{"position":[[2646,14],[8967,14],[14800,14]]}}}],["amount3",{"_index":3491,"t":{"616":{"position":[[1985,7],[5218,7]]},"618":{"position":[[3382,8]]},"622":{"position":[[4327,7],[7287,8],[16529,7]]}}}],["amount3</div",{"_index":3542,"t":{"618":{"position":[[2368,14]]},"622":{"position":[[2872,14],[15030,14]]}}}],["amount4",{"_index":3492,"t":{"616":{"position":[[2006,7],[5239,7]]},"618":{"position":[[3406,8]]},"622":{"position":[[4359,7],[7311,8],[16569,7]]}}}],["amount4</div",{"_index":3544,"t":{"618":{"position":[[2552,14]]},"622":{"position":[[3098,14],[15260,14]]}}}],["amount5",{"_index":3554,"t":{"618":{"position":[[3430,8]]},"622":{"position":[[4391,7],[7335,8],[16609,7]]}}}],["amount5</div",{"_index":3547,"t":{"618":{"position":[[2736,14]]},"622":{"position":[[3324,14],[15490,14]]}}}],["amount6",{"_index":3555,"t":{"618":{"position":[[3455,8]]},"622":{"position":[[4423,7],[7360,8],[16649,7]]}}}],["amount6</div",{"_index":3549,"t":{"618":{"position":[[2922,14]]},"622":{"position":[[3550,14],[15720,14]]}}}],["amount7",{"_index":3556,"t":{"618":{"position":[[3480,8]]},"622":{"position":[[4455,7],[7385,8],[16689,7]]}}}],["amount7</div",{"_index":3551,"t":{"618":{"position":[[3108,14]]},"622":{"position":[[3776,14],[15950,14]]}}}],["amount8",{"_index":3557,"t":{"618":{"position":[[3506,8]]},"622":{"position":[[4487,7],[7411,8],[16729,7]]}}}],["amount8</div",{"_index":3553,"t":{"618":{"position":[[3296,14]]},"622":{"position":[[4002,14],[16180,14]]}}}],["amount9",{"_index":3678,"t":{"622":{"position":[[4519,7],[16769,7]]}}}],["amount9</div",{"_index":3677,"t":{"622":{"position":[[4228,14],[16410,14]]}}}],["amount</div",{"_index":3534,"t":{"618":{"position":[[1609,13],[2007,13],[4287,13],[4768,13],[5554,13],[6300,13]]},"622":{"position":[[8222,13],[8711,13],[9513,13]]}}}],["analyst",{"_index":4378,"t":{"660":{"position":[[8966,9],[11311,9],[13818,9],[13942,9],[16459,9],[19009,9],[19133,9],[21630,9],[24032,9],[27994,9],[33109,9],[35474,9],[37839,9],[40129,9],[42387,9],[46023,9],[48611,9],[48735,9],[54265,9],[54389,9],[56851,9],[63069,9],[63193,9],[66290,9],[66414,9],[69373,9],[69497,9],[72750,9],[72874,9],[75757,9],[78732,9],[82029,9],[85251,9],[85375,9],[88017,9],[88141,9],[110096,9],[110220,9],[113846,9],[127488,9],[127612,9]]}}}],["anchor",{"_index":2894,"t":{"602":{"position":[[5403,6],[5441,7],[15109,6],[15716,6],[16325,6]]},"604":{"position":[[3439,6],[3478,7]]},"606":{"position":[[3001,6],[3040,7]]},"608":{"position":[[2734,6],[2773,7]]}}}],["and/or",{"_index":1571,"t":{"570":{"position":[[5946,6]]}}}],["anim",{"_index":363,"t":{"44":{"position":[[302,8]]},"104":{"position":[[358,9]]},"572":{"position":[[1356,7],[1413,9]]},"580":{"position":[[258,9],[344,10],[2571,10],[2582,7],[3634,9]]},"590":{"position":[[162,8],[7178,8],[7220,9],[7312,7],[8522,8]]}}}],["animation=\"placeholderanimation.glow",{"_index":2114,"t":{"580":{"position":[[846,38],[2753,38]]}}}],["animation=\"placeholderanimation.wav",{"_index":2140,"t":{"580":{"position":[[3132,38]]}}}],["announc",{"_index":1185,"t":{"560":{"position":[[3459,12],[3717,12]]},"582":{"position":[[1747,8]]}}}],["anoth",{"_index":447,"t":{"68":{"position":[[339,7],[523,7]]},"562":{"position":[[271,7],[9780,7]]},"596":{"position":[[8293,7]]},"600":{"position":[[2361,7],[2585,7],[2809,7],[3294,7],[3518,7],[3742,7],[4210,7],[4495,7],[4779,7],[5139,7],[5363,7],[5605,7],[5829,7],[6229,7],[6453,7],[6677,7]]},"602":{"position":[[11107,7],[17501,7]]},"614":{"position":[[9477,7],[9578,7],[13106,7]]},"628":{"position":[[9028,7],[9129,7],[12269,7]]}}}],["ant",{"_index":1963,"t":{"576":{"position":[[10589,4],[14830,4],[18971,4]]}}}],["anymor",{"_index":579,"t":{"92":{"position":[[283,7]]}}}],["api",{"_index":1485,"t":{"568":{"position":[[7710,3]]},"574":{"position":[[3010,3]]},"576":{"position":[[1733,3]]},"578":{"position":[[2037,3]]},"584":{"position":[[323,4],[391,4]]},"600":{"position":[[12612,3]]},"612":{"position":[[2788,3],[4659,3],[6226,3],[7284,3],[9982,3],[11491,3],[12985,3]]},"660":{"position":[[52318,3],[61656,3],[65051,3],[68134,3],[71511,3],[74649,3],[77624,3],[80921,3],[84012,3],[86778,3],[92007,3],[100237,3],[102428,3],[104866,3],[108857,3],[112737,3],[126249,3],[128976,3],[131617,3]]}}}],["app",{"_index":655,"t":{"104":{"position":[[667,3]]},"112":{"position":[[733,3]]},"624":{"position":[[955,3],[3524,3],[6606,3],[8800,3]]},"626":{"position":[[957,3],[1298,3],[3711,3],[6082,3]]},"632":{"position":[[35,3],[98,3]]},"634":{"position":[[3019,3],[5478,3]]},"636":{"position":[[3256,3],[5796,3],[8788,3]]},"638":{"position":[[35,3],[98,3]]},"640":{"position":[[1763,3],[1813,3],[1861,3]]},"642":{"position":[[969,3],[3563,3],[7827,3]]},"644":{"position":[[969,3],[3563,3],[7666,3]]},"646":{"position":[[1768,3],[1818,3],[1866,3]]},"652":{"position":[[3036,3]]},"660":{"position":[[9082,4],[11427,4],[14058,4],[16575,4],[19249,4],[21746,4],[24148,4],[28226,4],[33225,4],[35590,4],[37955,4],[40229,4],[42487,4],[46255,4],[48851,4],[54505,4],[56967,4],[63309,4],[66530,4],[69613,4],[72990,4],[75873,4],[78848,4],[82145,4],[85491,4],[88257,4],[110336,4],[113962,4],[127728,4]]}}}],["app.environment.isdevelop",{"_index":3786,"t":{"624":{"position":[[6672,34]]},"626":{"position":[[6148,34]]},"634":{"position":[[5544,34]]},"636":{"position":[[5862,33]]}}}],["app.mapblazorhub",{"_index":3794,"t":{"624":{"position":[[6956,19]]},"626":{"position":[[6432,19]]}}}],["app.mapfallbacktopage(\"/_host",{"_index":3795,"t":{"624":{"position":[[6976,32]]},"626":{"position":[[6452,32]]}}}],["app.maprazorcomponents<app",{"_index":3986,"t":{"634":{"position":[[5860,29]]},"636":{"position":[[6217,29]]}}}],["app.razor",{"_index":3974,"t":{"634":{"position":[[3087,10],[7840,9]]},"636":{"position":[[3352,10],[9016,9]]}}}],["app.run",{"_index":3796,"t":{"624":{"position":[[7009,10]]},"626":{"position":[[6485,10]]},"634":{"position":[[5925,10]]},"636":{"position":[[6372,10]]}}}],["app.useantiforgeri",{"_index":3985,"t":{"634":{"position":[[5838,21]]},"636":{"position":[[6195,21]]}}}],["app.useexceptionhandler(\"/error",{"_index":3787,"t":{"624":{"position":[[6709,34]]},"626":{"position":[[6185,34]]},"634":{"position":[[5581,33]]},"636":{"position":[[5938,33]]}}}],["app.usehst",{"_index":3790,"t":{"624":{"position":[[6872,14]]},"626":{"position":[[6348,14]]},"634":{"position":[[5772,14]]},"636":{"position":[[6129,14]]}}}],["app.usehttpsredirect",{"_index":3791,"t":{"624":{"position":[[6889,26]]},"626":{"position":[[6365,26]]},"634":{"position":[[5789,26]]},"636":{"position":[[6146,26]]}}}],["app.userout",{"_index":3793,"t":{"624":{"position":[[6938,17]]},"626":{"position":[[6414,17]]}}}],["app.usestaticfil",{"_index":3792,"t":{"624":{"position":[[6916,21]]},"626":{"position":[[6392,21]]},"634":{"position":[[5816,21]]},"636":{"position":[[6173,21]]}}}],["app.usewebassemblydebug",{"_index":3998,"t":{"636":{"position":[[5898,30]]}}}],["appeal",{"_index":2906,"t":{"602":{"position":[[6510,9]]},"604":{"position":[[4544,9]]},"606":{"position":[[3913,9]]},"608":{"position":[[3631,9]]}}}],["appear",{"_index":1241,"t":{"562":{"position":[[2596,11],[3147,11],[3697,11],[4460,11],[5085,11],[5708,11],[6450,11],[7001,11],[7551,11],[8252,11],[8817,11],[9367,11],[10082,11],[10633,11],[11183,11],[12262,11],[12825,11],[13387,11],[13945,11],[14493,11],[15053,11],[18579,11],[19130,11],[19680,11],[20964,11],[21537,11],[22109,11]]},"576":{"position":[[2469,6]]},"578":{"position":[[9269,6],[11026,6]]},"590":{"position":[[3757,10]]},"602":{"position":[[3202,7]]},"604":{"position":[[3050,7]]},"606":{"position":[[2803,7]]}}}],["append",{"_index":3684,"t":{"622":{"position":[[5449,9],[5561,9],[17740,9]]}}}],["appl",{"_index":2486,"t":{"592":{"position":[[9422,6]]},"656":{"position":[[13741,6]]}}}],["appli",{"_index":599,"t":{"98":{"position":[[428,7]]},"128":{"position":[[455,5]]},"558":{"position":[[1677,5]]},"568":{"position":[[3974,7]]},"586":{"position":[[1644,7]]},"590":{"position":[[6304,5]]},"596":{"position":[[783,7]]},"602":{"position":[[6539,7]]},"604":{"position":[[4573,7]]},"606":{"position":[[3942,7]]},"608":{"position":[[3660,7]]},"656":{"position":[[22139,5],[22213,5],[24331,5]]},"660":{"position":[[60239,7],[63584,7],[66812,5]]}}}],["applic",{"_index":552,"t":{"86":{"position":[[218,11]]},"92":{"position":[[216,11]]},"584":{"position":[[960,12],[3811,11]]},"614":{"position":[[1950,13]]},"622":{"position":[[5091,10]]},"624":{"position":[[1706,12],[2087,12],[2466,12],[2722,12],[4687,11],[5271,12],[5652,12],[6031,12]]},"626":{"position":[[1891,12],[2272,12],[2651,12],[2907,12],[4759,11],[5594,12]]},"630":{"position":[[541,11],[11443,12],[12405,11]]},"632":{"position":[[1365,12],[1746,12],[2125,12],[2381,12]]},"634":{"position":[[1388,12],[1769,12],[2148,12],[2404,12],[4264,12],[4645,12],[5024,12]]},"636":{"position":[[1343,12],[1724,12],[2103,12],[2359,12],[4513,12],[4894,12],[5273,12]]},"638":{"position":[[1365,12],[1746,12],[2125,12],[2381,12]]},"642":{"position":[[1725,12],[2106,12],[2485,12],[2757,12],[5314,12],[5404,12]]},"644":{"position":[[1725,12],[2106,12],[2485,12],[2757,12],[5113,12],[5203,12]]},"652":{"position":[[1379,12],[1760,12],[2139,12],[2411,12],[4519,12],[4900,12],[5279,12]]},"656":{"position":[[11126,11]]}}}],["applypurplestyl",{"_index":4204,"t":{"656":{"position":[[19033,16],[20817,16],[20836,18],[20861,18]]}}}],["appropri",{"_index":1066,"t":{"556":{"position":[[3953,11]]},"562":{"position":[[2507,11],[3058,11],[3608,11],[4371,11],[4996,11],[5619,11],[6361,11],[6912,11],[7462,11],[8163,11],[8728,11],[9278,11],[9993,11],[10544,11],[11094,11],[12173,11],[12736,11],[13298,11],[13856,11],[14404,11],[14964,11],[18490,11],[19041,11],[19591,11],[20875,11],[21448,11],[22020,11]]}}}],["april",{"_index":35,"t":{"2":{"position":[[377,5],[655,5]]},"20":{"position":[[23,5]]},"72":{"position":[[24,5]]},"74":{"position":[[24,5]]},"76":{"position":[[24,5]]},"78":{"position":[[24,5]]},"120":{"position":[[24,5]]},"122":{"position":[[24,5]]},"130":{"position":[[950,5],[1735,5],[1776,5],[1817,5],[1858,5],[2294,5],[2335,5]]},"134":{"position":[[414,5]]},"136":{"position":[[1268,5],[1513,5],[1761,5],[2031,5]]},"146":{"position":[[1320,5]]},"148":{"position":[[706,5]]},"152":{"position":[[449,5]]},"158":{"position":[[421,5],[699,5]]},"214":{"position":[[1054,5],[1299,5],[1547,5],[1817,5]]},"222":{"position":[[943,5]]},"224":{"position":[[77,5]]},"228":{"position":[[73,5]]},"230":{"position":[[430,5],[708,5]]},"232":{"position":[[1063,5],[1308,5],[1556,5],[1826,5]]},"240":{"position":[[270,5]]},"246":{"position":[[373,5]]},"248":{"position":[[74,5],[319,5]]},"252":{"position":[[76,5]]},"256":{"position":[[512,5]]},"270":{"position":[[2362,5]]},"306":{"position":[[424,5],[702,5]]},"308":{"position":[[72,5]]},"318":{"position":[[504,5],[749,5],[997,5],[1267,5]]},"324":{"position":[[68,5],[313,5]]},"326":{"position":[[1057,5],[1302,5],[1550,5],[1820,5]]},"330":{"position":[[994,5]]},"340":{"position":[[70,5]]},"344":{"position":[[70,5]]},"346":{"position":[[74,5],[352,5]]},"350":{"position":[[820,5]]},"364":{"position":[[419,5]]},"370":{"position":[[1310,5]]},"394":{"position":[[70,5]]},"398":{"position":[[266,5]]},"406":{"position":[[420,5]]},"414":{"position":[[74,5]]},"418":{"position":[[65,5]]},"454":{"position":[[67,5]]},"516":{"position":[[68,5]]},"518":{"position":[[68,5]]},"520":{"position":[[68,5]]},"526":{"position":[[68,5]]},"550":{"position":[[68,5]]},"552":{"position":[[68,5]]},"602":{"position":[[11549,8],[14410,8]]},"604":{"position":[[5736,8]]},"606":{"position":[[8721,8]]}}}],["architect",{"_index":4368,"t":{"660":{"position":[[8465,11],[8717,12],[8839,12],[10810,11],[11062,12],[11184,12],[13186,11],[13438,12],[13560,12],[15958,11],[16210,12],[16332,12],[18377,11],[18629,12],[18751,12],[21129,11],[21381,12],[21503,12],[23531,11],[23783,12],[23905,12],[27030,11],[27511,12],[27750,12],[32608,11],[32860,12],[32982,12],[34973,11],[35225,12],[35347,12],[37338,11],[37590,12],[37712,12],[39691,11],[39914,12],[40019,12],[41949,11],[42172,12],[42277,12],[45059,11],[45540,12],[45779,12],[47979,11],[48231,12],[48353,12],[53633,11],[53885,12],[54007,12],[56272,11],[56602,12],[56724,12],[58725,11],[60389,10],[61856,12],[62437,11],[62689,12],[62811,12],[65658,11],[65910,12],[66032,12],[68741,11],[68993,12],[69115,12],[72118,11],[72370,12],[72492,12],[75256,11],[75508,12],[75630,12],[78231,11],[78483,12],[78605,12],[81528,11],[81780,12],[81902,12],[84619,11],[84871,12],[84993,12],[87385,11],[87637,12],[87759,12],[92490,11],[92742,12],[92864,12],[100720,11],[100972,12],[101094,12],[102911,11],[103163,12],[103285,12],[105349,11],[105601,12],[105723,12],[109464,11],[109716,12],[109838,12],[113345,11],[113597,12],[113719,12],[126856,11],[127108,12],[127230,12]]}}}],["area",{"_index":1355,"t":{"564":{"position":[[476,4]]},"582":{"position":[[1674,6]]},"602":{"position":[[2634,4]]}}}],["aren't",{"_index":2010,"t":{"578":{"position":[[3381,6]]}}}],["arg",{"_index":1330,"t":{"562":{"position":[[22580,5],[22799,5],[23019,5],[23240,5]]},"568":{"position":[[9106,5],[9321,5],[9503,4],[9611,5]]},"586":{"position":[[6644,5],[9621,5]]},"596":{"position":[[2647,5],[4007,5],[4286,5],[4565,5],[4896,5],[6501,5],[6780,5],[7059,5],[7337,5],[9233,5],[9512,5],[9791,5],[10049,5],[11501,5],[12314,5],[13343,5]]},"600":{"position":[[13724,5]]},"658":{"position":[[1117,5],[1286,5],[1944,5],[2107,5],[1357852,5],[1358015,5]]},"660":{"position":[[103413,5],[105857,5]]}}}],["args.currentpag",{"_index":4240,"t":{"658":{"position":[[1182,19],[1348,19],[2009,19],[2169,19],[1357917,19],[1358077,19]]}}}],["args.fromlistnam",{"_index":2623,"t":{"596":{"position":[[7408,18],[7487,18],[7877,18],[7971,18]]}}}],["args.item.id",{"_index":4603,"t":{"660":{"position":[[103538,15],[105989,15]]}}}],["args.item.nam",{"_index":4604,"t":{"660":{"position":[[103560,17],[106011,17]]}}}],["args.nam",{"_index":1334,"t":{"562":{"position":[[22702,12],[22921,12],[23142,12],[23363,12]]},"586":{"position":[[6673,10],[9650,10]]}}}],["args.newindex",{"_index":2570,"t":{"596":{"position":[[2736,14],[4104,14],[4383,14],[6598,14],[6877,14],[7156,14],[9330,14],[9609,14],[11590,14],[12403,14],[13432,14]]}}}],["args.titl",{"_index":1336,"t":{"562":{"position":[[22735,16],[22954,16],[23175,16],[23396,16]]}}}],["args.tolistnam",{"_index":2626,"t":{"596":{"position":[[7630,16],[7713,16]]}}}],["args.totalpag",{"_index":4241,"t":{"658":{"position":[[1214,19],[1380,19],[2041,19],[2201,19],[1357949,19],[1358109,19]]}}}],["argument",{"_index":1506,"t":{"568":{"position":[[9391,10]]}}}],["aria",{"_index":1475,"t":{"568":{"position":[[7242,4]]}}}],["around",{"_index":3471,"t":{"616":{"position":[[97,6]]},"618":{"position":[[100,6]]}}}],["array.foreach(employees.toarray",{"_index":4567,"t":{"660":{"position":[[71172,34]]}}}],["arriv",{"_index":3874,"t":{"628":{"position":[[8352,8],[8447,8],[9187,7],[11983,8]]}}}],["arrivald",{"_index":3875,"t":{"628":{"position":[[8396,11]]}}}],["arrivalmaxtim",{"_index":3886,"t":{"628":{"position":[[10832,15],[11211,14],[11395,14]]}}}],["arrivalmintim",{"_index":3885,"t":{"628":{"position":[[10798,15],[11188,14],[11345,14]]}}}],["arrivaltim",{"_index":3876,"t":{"628":{"position":[[8491,11],[12027,11]]}}}],["arrivaltimeinput",{"_index":3884,"t":{"628":{"position":[[10679,16]]}}}],["arrivaltimeinput.dis",{"_index":3889,"t":{"628":{"position":[[11234,27]]}}}],["arrivaltimeinput.en",{"_index":3892,"t":{"628":{"position":[[11446,26]]}}}],["arrow",{"_index":3174,"t":{"610":{"position":[[1435,5]]},"612":{"position":[[1863,5],[1922,5]]}}}],["articl",{"_index":2475,"t":{"592":{"position":[[6660,8],[6738,10],[9654,8],[9732,10],[12652,8],[12730,10]]},"624":{"position":[[7794,8],[7857,10]]},"626":{"position":[[7270,8],[7333,10]]},"634":{"position":[[6734,8],[6795,10]]},"636":{"position":[[7825,8],[7886,10]]},"640":{"position":[[901,8],[964,10]]},"642":{"position":[[6854,8],[6917,10]]},"644":{"position":[[6693,8],[6756,10]]},"646":{"position":[[906,8],[969,10]]},"652":{"position":[[6759,8],[6820,10]]},"656":{"position":[[6817,8],[6895,10],[9142,8],[9220,10],[11615,8],[11693,10],[14045,8],[14123,10],[16464,8],[16542,10],[18796,8],[18994,10]]}}}],["artikelen",{"_index":4611,"t":{"660":{"position":[[106629,10]]}}}],["ascend",{"_index":4485,"t":{"660":{"position":[[30964,10]]}}}],["assembl",{"_index":738,"t":{"112":{"position":[[718,8]]}}}],["assign",{"_index":1801,"t":{"576":{"position":[[4970,7]]},"578":{"position":[[5739,7]]},"660":{"position":[[54733,6],[54752,6],[57088,6],[59992,8],[133904,6]]}}}],["assist",{"_index":1157,"t":{"560":{"position":[[2011,9],[2135,9]]},"566":{"position":[[2913,9],[3045,9],[3401,9],[3533,9],[3890,9],[4022,9],[4376,9],[4508,9],[4861,9],[4993,9],[5371,9],[5503,9],[5878,9],[6010,9],[6386,9],[6518,9],[6891,9],[7023,9],[7395,9],[7527,9]]}}}],["associ",{"_index":2242,"t":{"586":{"position":[[2194,10],[2540,10],[2616,10],[2763,10],[2858,10]]},"596":{"position":[[1217,10]]},"600":{"position":[[754,10],[830,10],[977,10],[1072,10],[2328,10],[2552,10],[2776,10],[3261,10],[3485,10],[3709,10],[4177,10],[4462,10],[4746,10],[5106,10],[5330,10],[5572,10],[5796,10],[6196,10],[6420,10],[6644,10]]},"660":{"position":[[8454,10],[10799,10],[13175,10],[15947,10],[18366,10],[21118,10],[23520,10],[27019,10],[32597,10],[34962,10],[37327,10],[39680,10],[41938,10],[45048,10],[47968,10],[53622,10],[56261,10],[58714,10],[62426,10],[65647,10],[68730,10],[72107,10],[75245,10],[78220,10],[81517,10],[84608,10],[87374,10],[92479,10],[100709,10],[102900,10],[105338,10],[109453,10],[113334,10],[126845,10]]}}}],["assum",{"_index":1576,"t":{"570":{"position":[[6330,6]]},"640":{"position":[[206,8]]},"646":{"position":[[211,8]]}}}],["async",{"_index":1052,"t":{"556":{"position":[[3483,5]]},"562":{"position":[[16733,5],[16833,5],[16937,5],[17040,5],[17154,5],[17259,5],[17357,5],[17457,5],[17561,5],[17664,5],[17778,5],[17883,5]]},"568":{"position":[[7610,5]]},"572":{"position":[[2241,5],[2311,5],[2381,5],[3210,5],[3280,5],[3350,5],[4527,5],[4597,5],[4667,5]]},"574":{"position":[[1758,5],[2733,5],[4257,5],[5440,5],[6133,5],[6625,5],[7249,5],[7890,5],[8593,5]]},"576":{"position":[[3093,5],[3167,5],[3855,5],[5605,5],[7303,5],[11533,5],[15780,5],[19921,5],[20731,5],[20807,5],[20883,5],[20996,5],[21105,5],[21216,5]]},"578":{"position":[[3968,5],[4036,5],[4628,5],[6317,5],[8461,5],[8529,5],[9639,5],[9707,5],[10325,5],[10393,5],[11415,5],[11483,5],[14697,5],[14806,5],[14910,5],[15017,5],[15122,5]]},"582":{"position":[[3225,5]]},"584":{"position":[[1840,5],[2017,5],[3504,5]]},"588":{"position":[[221,5],[255,6]]},"592":{"position":[[1822,5],[3921,5],[6812,5],[9806,5],[12804,5]]},"596":{"position":[[13071,5]]},"600":{"position":[[10870,5],[10944,5],[11022,5],[11099,5],[11187,5],[11263,5],[12467,5]]},"602":{"position":[[8032,5],[8219,5],[8867,5],[9105,5],[9501,5],[9647,5],[13842,5],[16969,5]]},"604":{"position":[[6145,5],[6330,5],[6969,5],[7237,5],[7659,5],[7801,5],[10287,5],[12357,5],[14619,5],[16683,5]]},"606":{"position":[[5211,5],[5406,5],[6093,5],[6343,5],[11049,5],[12299,5],[12614,5],[13348,5]]},"608":{"position":[[4879,5],[5064,5],[5706,5],[5941,5],[8673,5],[8978,5],[9620,5],[12932,5],[13117,5],[13192,5],[13271,5],[13352,5],[13429,5]]},"612":{"position":[[2524,5],[4395,5],[5999,5],[7020,5],[9782,5],[11257,5],[12751,5]]},"624":{"position":[[8118,5]]},"626":{"position":[[7594,5]]},"634":{"position":[[6885,5]]},"636":{"position":[[7976,5]]},"640":{"position":[[1092,5]]},"642":{"position":[[7178,5]]},"644":{"position":[[7017,5]]},"646":{"position":[[1097,5]]},"648":{"position":[[1922,5],[3105,5],[3881,5],[4297,5],[4730,5],[5343,5]]},"652":{"position":[[6910,5]]},"654":{"position":[[24383,5],[24446,5],[24509,5]]},"656":{"position":[[1776,5],[2877,5],[4709,5],[6968,5],[9321,5],[11794,5],[14224,5],[16615,5],[19098,5],[22401,5]]},"658":{"position":[[1070,5],[1242,5]]},"660":{"position":[[9159,5],[11504,5],[14261,5],[16652,5],[19452,5],[21823,5],[24225,5],[28318,5],[30111,5],[33302,5],[35667,5],[38032,5],[40289,5],[42547,5],[46347,5],[49054,5],[49950,5],[52050,5],[52412,5],[52782,5],[58934,5],[61388,5],[64783,5],[67866,5],[71243,5],[74327,5],[77302,5],[80653,5],[83744,5],[86510,5],[91739,5],[99969,5],[102160,5],[103363,5],[104598,5],[105801,5],[107480,5],[108589,5],[112365,5],[112469,5],[115936,5],[118560,5],[121221,5],[123997,5],[125981,5],[128630,5],[128734,5],[131271,5],[131375,5]]}}}],["async=\"tru",{"_index":2345,"t":{"588":{"position":[[821,12],[1252,12]]}}}],["asynchron",{"_index":1777,"t":{"576":{"position":[[1692,12],[1749,12]]},"578":{"position":[[1996,12],[2053,12]]}}}],["attach",{"_index":1607,"t":{"570":{"position":[[10647,8],[10764,8]]}}}],["attribut",{"_index":1398,"t":{"568":{"position":[[1228,10]]},"570":{"position":[[1904,10]]},"594":{"position":[[444,10]]},"614":{"position":[[7088,11]]},"618":{"position":[[7908,11]]},"622":{"position":[[11144,11]]},"628":{"position":[[5205,11]]},"654":{"position":[[2662,9]]}}}],["auctor",{"_index":1871,"t":{"576":{"position":[[8027,6],[9463,6],[10144,6],[10527,6],[12268,6],[13704,6],[14385,6],[14768,6],[16409,6],[17845,6],[18526,6],[18909,6]]}}}],["augu",{"_index":1923,"t":{"576":{"position":[[8844,6],[9047,5],[13085,6],[13288,5],[17226,6],[17429,5]]}}}],["august",{"_index":263,"t":{"26":{"position":[[23,6]]},"32":{"position":[[23,6]]},"100":{"position":[[25,6]]},"102":{"position":[[25,6]]},"126":{"position":[[739,6],[987,6]]},"130":{"position":[[790,6],[831,6],[1255,6],[1298,6]]},"140":{"position":[[2203,6],[2407,6]]},"212":{"position":[[501,6],[749,6]]},"234":{"position":[[510,6],[758,6]]},"238":{"position":[[1943,6],[2147,6]]},"270":{"position":[[73,6],[321,6]]},"308":{"position":[[2825,6]]},"312":{"position":[[73,6]]},"316":{"position":[[504,6],[752,6]]},"330":{"position":[[1327,6]]},"364":{"position":[[1953,6],[2201,6]]},"370":{"position":[[2666,6]]},"460":{"position":[[67,6]]},"462":{"position":[[67,6]]},"480":{"position":[[70,6]]},"482":{"position":[[70,6]]},"602":{"position":[[11581,9],[14442,9]]},"604":{"position":[[5768,9]]},"606":{"position":[[8753,9]]}}}],["auto",{"_index":142,"t":{"2":{"position":[[2955,4]]},"44":{"position":[[372,4]]},"50":{"position":[[302,4]]},"60":{"position":[[115,4],[289,4],[603,4]]},"74":{"position":[[112,4],[165,4],[500,4]]},"80":{"position":[[383,4],[1483,4]]},"82":{"position":[[407,4]]},"100":{"position":[[416,4]]},"110":{"position":[[209,4],[627,4]]},"112":{"position":[[486,4]]},"132":{"position":[[862,4]]},"136":{"position":[[1849,4]]},"146":{"position":[[258,4],[1408,4],[1681,4]]},"152":{"position":[[251,4]]},"154":{"position":[[172,4]]},"158":{"position":[[1765,4]]},"204":{"position":[[177,4]]},"206":{"position":[[169,4]]},"214":{"position":[[1635,4]]},"220":{"position":[[658,4]]},"222":{"position":[[1031,4]]},"226":{"position":[[186,4]]},"230":{"position":[[1774,4]]},"232":{"position":[[1644,4]]},"236":{"position":[[667,4]]},"248":{"position":[[407,4]]},"306":{"position":[[1768,4]]},"308":{"position":[[1138,4]]},"310":{"position":[[163,4]]},"314":{"position":[[661,4]]},"318":{"position":[[1085,4]]},"324":{"position":[[401,4]]},"326":{"position":[[1638,4]]},"360":{"position":[[250,4]]},"364":{"position":[[1196,4]]},"394":{"position":[[862,4]]},"404":{"position":[[570,4]]},"408":{"position":[[259,4]]},"418":{"position":[[543,4]]},"492":{"position":[[254,4]]},"502":{"position":[[159,4]]},"518":{"position":[[156,4]]},"568":{"position":[[6072,4]]},"574":{"position":[[8233,4],[8280,4],[9130,4]]},"592":{"position":[[3230,5],[5806,5],[8821,5],[11815,5],[14813,5]]},"594":{"position":[[3070,5]]},"598":{"position":[[4367,4]]},"612":{"position":[[6,4],[40,4]]},"622":{"position":[[17509,4]]},"630":{"position":[[692,4],[1215,4],[4675,4],[6132,4],[6160,4],[7795,4],[7963,4],[12312,4],[12322,4]]},"634":{"position":[[7690,4]]},"636":{"position":[[30,4],[124,4],[3286,4]]},"638":{"position":[[3017,4]]},"654":{"position":[[350,4],[461,4],[21901,4],[25936,4]]},"656":{"position":[[2327,5],[4060,5],[5984,5],[8243,5],[10596,5],[13069,5],[15499,5],[17890,5],[20373,5],[23626,5]]},"660":{"position":[[124733,4],[134377,4]]}}}],["autoclos",{"_index":4071,"t":{"654":{"position":[[309,9],[22034,9]]}}}],["autoclose=\"fals",{"_index":4172,"t":{"654":{"position":[[23346,18]]}}}],["autoclose=\"tru",{"_index":4162,"t":{"654":{"position":[[22128,17],[22498,16],[22923,16]]}}}],["autoclosebehavior",{"_index":4072,"t":{"654":{"position":[[369,17],[22048,17]]}}}],["autoclosebehavior=\"dropdownautoclosebehavior.insid",{"_index":4170,"t":{"654":{"position":[[22940,53]]}}}],["autoclosebehavior=\"dropdownautoclosebehavior.outsid",{"_index":4167,"t":{"654":{"position":[[22515,54]]}}}],["autocomplet",{"_index":145,"t":{"2":{"position":[[3051,12]]},"30":{"position":[[125,12],[165,12],[188,12],[314,12],[350,12],[416,12]]},"34":{"position":[[137,12],[195,12],[261,12]]},"36":{"position":[[143,12],[199,12],[603,12],[752,12]]},"54":{"position":[[116,12],[188,12],[227,12],[280,12],[376,12],[477,12],[540,12]]},"60":{"position":[[688,12],[708,12]]},"74":{"position":[[194,12],[614,12]]},"80":{"position":[[1772,12]]},"104":{"position":[[134,13],[216,12],[239,12],[866,12]]},"110":{"position":[[651,12],[1223,12]]},"126":{"position":[[416,13],[540,12]]},"132":{"position":[[1077,12],[1097,12],[1890,12],[1962,12],[2021,12]]},"136":{"position":[[1066,12],[1943,12]]},"140":{"position":[[1638,12],[1696,12],[1762,12],[1941,12],[2099,12],[2152,12]]},"146":{"position":[[20,14],[354,12],[566,13],[690,12],[1118,12],[1502,12],[1896,12],[1916,12],[2131,12],[2203,12],[2262,12],[2441,12],[2499,12],[2565,12],[2744,12],[2902,12],[2955,12]]},"152":{"position":[[347,12]]},"154":{"position":[[29,13],[387,12],[407,12]]},"158":{"position":[[1861,12]]},"204":{"position":[[392,12],[412,12]]},"206":{"position":[[384,12],[404,12]]},"212":{"position":[[178,13],[302,12]]},"214":{"position":[[852,12],[1729,12]]},"220":{"position":[[873,12],[893,12],[1686,12],[1758,12],[1817,12]]},"222":{"position":[[189,13],[313,12],[741,12],[1125,12],[1305,12],[1377,12],[1436,12]]},"226":{"position":[[401,12],[421,12]]},"230":{"position":[[1870,12]]},"232":{"position":[[861,12],[1738,12]]},"234":{"position":[[187,13],[311,12]]},"236":{"position":[[882,12],[902,12],[1695,12],[1767,12],[1826,12]]},"238":{"position":[[1378,12],[1436,12],[1502,12],[1681,12],[1839,12],[1892,12]]},"248":{"position":[[501,12]]},"250":{"position":[[183,13],[307,12]]},"256":{"position":[[310,12]]},"258":{"position":[[191,13],[315,12]]},"264":{"position":[[606,12]]},"270":{"position":[[2160,12]]},"272":{"position":[[182,13],[306,12]]},"282":{"position":[[309,12]]},"284":{"position":[[306,12]]},"288":{"position":[[184,13],[308,12]]},"294":{"position":[[592,12]]},"296":{"position":[[303,12]]},"304":{"position":[[184,13],[308,12]]},"306":{"position":[[1864,12]]},"308":{"position":[[1234,12],[2502,13],[2626,12]]},"310":{"position":[[378,12],[398,12]]},"314":{"position":[[876,12],[896,12]]},"316":{"position":[[181,13],[305,12]]},"318":{"position":[[302,12],[1179,12]]},"324":{"position":[[495,12]]},"326":{"position":[[855,12],[1732,12]]},"328":{"position":[[1151,12]]},"334":{"position":[[177,13],[301,12]]},"346":{"position":[[755,13],[879,12]]},"350":{"position":[[618,12]]},"354":{"position":[[600,12]]},"360":{"position":[[346,12],[1398,13],[1522,12],[1862,12],[2020,12],[2073,12]]},"364":{"position":[[1292,12]]},"370":{"position":[[1108,12],[2610,12]]},"380":{"position":[[183,13],[307,12]]},"384":{"position":[[1088,13],[1212,12]]},"390":{"position":[[616,12]]},"392":{"position":[[300,12]]},"394":{"position":[[958,12]]},"404":{"position":[[666,12]]},"408":{"position":[[355,12]]},"410":{"position":[[531,13],[655,12]]},"416":{"position":[[572,12]]},"418":{"position":[[639,12]]},"424":{"position":[[586,12]]},"436":{"position":[[492,13],[616,12]]},"464":{"position":[[169,12],[222,12]]},"466":{"position":[[210,12]]},"468":{"position":[[181,12],[239,12],[305,12]]},"484":{"position":[[179,13],[303,12]]},"492":{"position":[[350,12]]},"502":{"position":[[374,12],[394,12]]},"506":{"position":[[160,12],[232,12],[291,12]]},"518":{"position":[[250,12]]},"522":{"position":[[298,12]]},"592":{"position":[[3169,16],[5745,16],[8760,16],[11754,16],[14752,16]]},"612":{"position":[[71,12],[783,12],[1117,12],[1226,13],[1268,13],[1324,12],[1378,12],[1495,12],[1675,12],[2197,13],[2723,12],[4024,13],[4594,12],[5655,13],[6624,13],[7219,12],[8601,13],[10547,13],[10617,13],[12007,13],[12155,13]]},"614":{"position":[[371,12]]},"618":{"position":[[330,12]]},"622":{"position":[[322,12]]},"628":{"position":[[375,12]]},"656":{"position":[[2266,16],[3999,16],[5923,16],[8182,16],[10535,16],[13008,16],[15438,16],[17829,16],[20312,16],[23565,16]]}}}],["autocomplete1",{"_index":773,"t":{"142":{"position":[[74,13]]},"612":{"position":[[12608,13]]}}}],["autocomplete1.dis",{"_index":3326,"t":{"612":{"position":[[13325,24]]}}}],["autocomplete1.en",{"_index":3327,"t":{"612":{"position":[[13375,23]]}}}],["autocomplete9",{"_index":768,"t":{"142":{"position":[[25,13]]}}}],["autocomplete<customer2",{"_index":3325,"t":{"612":{"position":[[12584,23]]}}}],["autocompletedataproviderdelegate<titem",{"_index":3185,"t":{"612":{"position":[[309,39]]}}}],["autocompletedataproviderresult<custom",{"_index":3280,"t":{"612":{"position":[[6268,40],[10024,40]]}}}],["autocompletedataproviderresult<customer2",{"_index":3322,"t":{"612":{"position":[[11533,41],[13027,41]]}}}],["autocompletes",{"_index":3187,"t":{"612":{"position":[[724,16]]}}}],["autocompletesize.default",{"_index":3188,"t":{"612":{"position":[[741,24]]}}}],["autofocu",{"_index":1756,"t":{"574":{"position":[[8337,10]]}}}],["autofocusyesbutton",{"_index":1757,"t":{"574":{"position":[[8352,18],[8773,18]]}}}],["autohid",{"_index":556,"t":{"86":{"position":[[426,8]]},"630":{"position":[[655,8],[1184,8]]}}}],["autohide=\"fals",{"_index":3932,"t":{"630":{"position":[[6441,16]]}}}],["autohide=\"tru",{"_index":3810,"t":{"624":{"position":[[7947,15]]},"626":{"position":[[7423,15]]},"630":{"position":[[490,16],[4690,15],[4925,15],[6195,15],[10192,15],[11620,15]]},"642":{"position":[[7007,15]]},"644":{"position":[[6846,15]]}}}],["autohidepag",{"_index":4256,"t":{"660":{"position":[[570,14]]}}}],["autohidepaging=\"tru",{"_index":4709,"t":{"660":{"position":[[124973,21]]}}}],["automat",{"_index":650,"t":{"104":{"position":[[501,13]]},"558":{"position":[[166,13],[1019,13]]},"570":{"position":[[12078,13]]},"578":{"position":[[3278,13]]},"614":{"position":[[438,13]]},"618":{"position":[[399,13]]},"622":{"position":[[393,13]]},"628":{"position":[[442,13]]},"630":{"position":[[454,13]]},"654":{"position":[[16366,13]]},"660":{"position":[[596,13],[60102,14],[124751,13]]}}}],["avail",{"_index":190,"t":{"8":{"position":[[180,9]]},"556":{"position":[[127,9],[826,9]]},"582":{"position":[[1770,9]]},"596":{"position":[[1953,10]]},"604":{"position":[[1815,9],[2186,9]]}}}],["avoid",{"_index":1735,"t":{"574":{"position":[[4805,5]]},"578":{"position":[[11656,5]]}}}],["await",{"_index":1055,"t":{"556":{"position":[[3510,5]]},"562":{"position":[[16777,5],[16878,5],[16981,5],[17087,5],[17197,5],[17302,5],[17401,5],[17502,5],[17605,5],[17711,5],[17821,5],[17926,5]]},"568":{"position":[[7532,5],[7683,5]]},"572":{"position":[[2274,5],[2344,5],[2416,5],[3243,5],[3313,5],[3385,5],[4560,5],[4630,5],[4702,5]]},"574":{"position":[[1814,5],[2873,5],[4481,5],[5567,5],[6183,5],[6739,5],[7371,5],[8033,5],[8643,5]]},"576":{"position":[[2918,5],[3127,5],[3201,5],[3978,5],[5830,5],[7339,5],[11569,5],[15816,5],[19957,5],[20767,5],[20843,5],[20922,5],[21033,5],[21143,5],[21254,5]]},"578":{"position":[[4000,5],[4068,5],[4746,5],[6537,5],[8493,5],[8561,5],[9671,5],[9739,5],[10357,5],[10425,5],[11447,5],[11515,5],[14732,5],[14839,5],[14944,5],[15051,5],[15163,5]]},"582":{"position":[[3276,5]]},"584":{"position":[[1936,5],[2111,5],[2472,5],[2603,5],[2736,5],[2864,5],[2991,5],[3117,5],[3238,5],[3360,5],[3596,5]]},"592":{"position":[[1969,5],[2000,5],[4068,5],[4099,5],[6959,5],[6990,5],[9953,5],[9984,5],[12951,5],[12982,5]]},"596":{"position":[[13118,5],[13252,5]]},"600":{"position":[[10904,5],[10979,5],[11056,5],[11136,5],[11217,5],[11296,5],[12664,5],[12722,5],[12780,5],[12836,5],[12887,5]]},"602":{"position":[[6849,5],[6995,5],[7144,5],[7287,5],[7459,5],[8101,5],[8165,5],[8799,5],[9019,5],[9424,5],[9579,5],[9723,5],[13911,5],[13975,5],[17088,5],[17222,5]]},"604":{"position":[[4811,5],[4957,5],[5106,5],[5247,5],[5415,5],[6214,5],[6276,5],[6903,5],[7153,5],[7583,5],[7735,5],[7875,5],[10356,5],[10418,5],[12426,5],[12488,5],[14688,5],[14750,5],[16802,5],[16934,5]]},"606":{"position":[[4190,5],[4336,5],[4485,5],[5280,5],[5352,5],[6017,5],[6249,5],[6756,5],[11118,5],[11182,5],[11427,5],[11573,5],[12418,5],[12560,5],[13247,5],[13761,5]]},"608":{"position":[[3898,5],[4044,5],[4193,5],[4948,5],[5010,5],[5640,5],[5857,5],[6330,5],[7841,5],[7987,5],[8792,5],[8924,5],[9554,5],[10009,5],[13001,5],[13063,5],[13150,5],[13227,5],[13307,5],[13386,5],[13531,5]]},"612":{"position":[[2821,5],[4692,5],[6143,5],[6242,5],[7317,5],[9926,5],[9998,5],[11403,5],[11507,5],[12897,5],[13001,5]]},"624":{"position":[[8269,5]]},"626":{"position":[[7745,5]]},"634":{"position":[[7036,5]]},"636":{"position":[[7050,5],[8127,5]]},"640":{"position":[[1243,5]]},"642":{"position":[[6047,5],[7329,5]]},"644":{"position":[[5886,5],[7168,5]]},"646":{"position":[[1248,5]]},"648":{"position":[[2086,5],[3297,5],[4044,5],[4494,5],[4882,5],[5561,5],[5771,5]]},"652":{"position":[[5932,5],[7061,5]]},"654":{"position":[[24409,5],[24472,5],[24537,5]]},"656":{"position":[[1927,5],[3028,5],[4860,5],[7119,5],[9472,5],[11945,5],[14375,5],[16766,5],[19249,5],[22552,5]]},"660":{"position":[[9280,5],[11625,5],[14382,5],[16773,5],[19573,5],[21944,5],[24346,5],[28439,5],[30648,5],[33423,5],[35788,5],[38153,5],[40410,5],[42668,5],[46468,5],[49175,5],[50062,5],[52351,5],[52662,5],[52851,5],[59090,5],[61689,5],[65084,5],[68167,5],[71544,5],[74682,5],[77657,5],[80954,5],[84045,5],[86811,5],[92040,5],[100270,5],[102461,5],[103421,5],[104899,5],[105865,5],[108536,5],[108890,5],[112415,5],[112770,5],[116383,5],[116541,5],[119007,5],[119165,5],[121668,5],[121826,5],[124444,5],[124602,5],[126282,5],[128680,5],[129009,5],[131321,5],[131650,5]]}}}],["away",{"_index":732,"t":{"112":{"position":[[579,4]]}}}],["awesom",{"_index":2318,"t":{"586":{"position":[[6780,8]]},"592":{"position":[[9335,7]]},"598":{"position":[[817,7],[855,7],[1292,7],[1346,7],[1389,7],[1427,7],[3734,7],[3787,7],[3830,7],[3868,7],[4432,7],[4577,7]]},"656":{"position":[[13640,7]]}}}],["axi",{"_index":2808,"t":{"602":{"position":[[257,4],[323,4],[5146,4],[5218,4],[5619,4]]},"604":{"position":[[3182,4],[3254,4],[3654,4]]}}}],["b",{"_index":769,"t":{"142":{"position":[[39,1]]},"612":{"position":[[3393,4],[5264,4],[7889,4]]}}}],["b>10</b>.</span",{"_index":3565,"t":{"618":{"position":[[4709,17]]}}}],["b>2.5</b>.</span",{"_index":3567,"t":{"618":{"position":[[5010,18]]}}}],["b>@agree1</b></div",{"_index":3618,"t":{"620":{"position":[[892,20]]}}}],["b>@agree2</b></div",{"_index":3620,"t":{"620":{"position":[[935,20]]}}}],["b>@customer.customername</b",{"_index":2768,"t":{"600":{"position":[[13227,29],[14172,29],[15287,29]]}}}],["b>@selectedcustomer.customername</b></div",{"_index":2771,"t":{"600":{"position":[[13371,43]]}}}],["b>about</b",{"_index":2729,"t":{"600":{"position":[[7991,12],[8597,12],[9211,12],[10291,12],[12370,12]]}}}],["b>contact</b",{"_index":2726,"t":{"600":{"position":[[7309,14],[7863,14],[8469,14],[9083,14],[9880,14],[12242,14]]}}}],["b>de",{"_index":3663,"t":{"622":{"position":[[3166,5],[15328,5]]}}}],["b>e",{"_index":3660,"t":{"622":{"position":[[2940,5],[15098,5]]}}}],["b>en",{"_index":3652,"t":{"622":{"position":[[2262,5],[2488,5],[3618,5],[3844,5],[14408,5],[14638,5],[15788,5],[16018,5]]}}}],["b>faqs</b",{"_index":2735,"t":{"600":{"position":[[10166,11]]}}}],["b>fr",{"_index":3656,"t":{"622":{"position":[[2714,5],[3392,5],[14868,5],[15558,5]]}}}],["b>home</b",{"_index":2723,"t":{"600":{"position":[[7052,11],[7606,11],[8212,11],[8826,11],[9623,11],[11985,11]]}}}],["b>products</b",{"_index":2734,"t":{"600":{"position":[[10027,15]]}}}],["b>profile</b",{"_index":2725,"t":{"600":{"position":[[7179,14],[7733,14],[8339,14],[8953,14],[9750,14],[12112,14]]}}}],["b>thi",{"_index":1233,"t":{"562":{"position":[[2400,7],[2949,7],[3500,7],[4264,7],[4887,7],[5511,7],[6254,7],[6803,7],[7354,7],[8056,7],[8619,7],[9170,7],[9886,7],[10435,7],[10986,7],[12066,7],[12627,7],[13190,7],[13747,7],[14296,7],[14856,7],[18383,7],[18932,7],[19483,7],[20768,7],[21339,7],[21912,7]]},"600":{"position":[[2277,7],[2498,7],[2722,7],[3210,7],[3431,7],[3655,7],[4126,7],[4408,7],[4692,7],[5055,7],[5276,7],[5517,7],[5742,7],[6145,7],[6366,7],[6590,7]]}}}],["b>zh",{"_index":3672,"t":{"622":{"position":[[4070,5],[16248,5]]}}}],["back",{"_index":476,"t":{"72":{"position":[[318,4],[503,4]]},"110":{"position":[[926,4]]},"574":{"position":[[1957,7]]}}}],["backdrop",{"_index":522,"t":{"80":{"position":[[369,8]]},"576":{"position":[[2666,8],[7395,9],[21541,8]]},"578":{"position":[[1768,9],[2768,8],[3262,10],[7670,9],[8400,8],[15438,8]]}}}],["backend/api",{"_index":4321,"t":{"660":{"position":[[6203,11]]}}}],["background",{"_index":93,"t":{"2":{"position":[[2000,10]]},"44":{"position":[[268,11]]},"72":{"position":[[207,10]]},"100":{"position":[[556,10]]},"124":{"position":[[488,10]]},"560":{"position":[[1160,10],[7384,10]]},"568":{"position":[[3282,10]]},"570":{"position":[[301,10],[8258,10],[13709,10]]},"590":{"position":[[171,12],[3662,12],[4478,10],[8456,11],[8472,10]]},"596":{"position":[[11801,12]]},"602":{"position":[[3738,10]]},"656":{"position":[[20974,10],[21037,10],[21366,10],[21504,10],[21919,10],[22032,10]]}}}],["backgroundcolor",{"_index":2833,"t":{"602":{"position":[[1843,15],[1893,16],[10277,15],[11878,15],[12420,15],[12962,15],[14737,15],[15344,15],[15951,15]]},"604":{"position":[[1696,15],[1746,16],[8426,15],[9551,15],[11017,15],[11288,15],[11560,15],[13245,15],[13516,15],[13788,15],[15343,15],[15614,15],[15886,15]]},"606":{"position":[[1802,15],[1852,16],[4701,17],[4856,16],[7269,15],[9050,15],[9592,15],[10134,15],[11789,17],[11944,16],[14468,15]]},"608":{"position":[[1637,15],[1687,16],[4389,17],[4544,16],[6823,15],[8183,17],[8338,16],[10694,15],[12391,17],[12546,16],[13992,15]]}}}],["backgroundcolors![datalabelscount",{"_index":3111,"t":{"606":{"position":[[6702,37],[8034,35],[13707,37],[15233,35]]},"608":{"position":[[6278,37],[7588,35],[9957,37],[11459,35],[14757,35]]}}}],["badg",{"_index":144,"t":{"2":{"position":[[2970,6],[3064,5]]},"72":{"position":[[116,6],[191,5],[230,6],[808,5],[1066,5]]},"110":{"position":[[224,6],[683,5],[699,6],[1236,5]]},"136":{"position":[[2123,6],[2243,5]]},"146":{"position":[[273,6],[367,5]]},"148":{"position":[[798,6],[918,5]]},"152":{"position":[[20,7],[266,6],[360,5],[541,6],[661,5]]},"158":{"position":[[1780,6],[1874,5]]},"214":{"position":[[1909,6],[2029,5]]},"224":{"position":[[169,6],[289,5]]},"228":{"position":[[165,6],[285,5]]},"230":{"position":[[1789,6],[1883,5]]},"232":{"position":[[1918,6],[2038,5]]},"246":{"position":[[465,6],[585,5]]},"252":{"position":[[168,6],[288,5]]},"306":{"position":[[1783,6],[1877,5]]},"308":{"position":[[1153,6],[1247,5]]},"318":{"position":[[1359,6],[1479,5]]},"326":{"position":[[1912,6],[2032,5]]},"330":{"position":[[1086,6],[1206,5]]},"340":{"position":[[162,6],[282,5]]},"360":{"position":[[265,6],[359,5]]},"364":{"position":[[1211,6],[1305,5]]},"394":{"position":[[877,6],[971,5]]},"404":{"position":[[585,6],[679,5]]},"408":{"position":[[274,6],[368,5]]},"418":{"position":[[558,6],[652,5]]},"492":{"position":[[269,6],[363,5]]},"516":{"position":[[160,6],[280,5]]},"556":{"position":[[4026,5]]},"558":{"position":[[2376,5]]},"560":{"position":[[11,5],[37,5],[64,5],[338,5],[431,5],[516,5],[588,5],[709,6],[827,6],[1179,6],[1283,6],[1393,6],[1497,6],[1598,6],[1702,6],[1797,6],[1895,6],[2427,7],[2475,6],[2524,6],[2621,6],[2722,6],[2819,6],[2914,6],[3011,6],[3102,6],[3195,6],[3309,6],[3472,6],[3601,7],[3730,6],[4196,6],[4496,6],[4798,6],[5125,6],[5428,6],[5733,6],[6063,6],[6366,6],[6671,6],[6943,5],[7090,6],[7407,6]]},"592":{"position":[[309,5]]},"616":{"position":[[1219,6],[1423,6],[1628,6],[1834,6],[4013,6],[4423,6],[4636,6],[4851,6],[5067,6],[5679,6]]},"656":{"position":[[317,5],[11081,6],[11090,5],[11222,6],[21305,5],[21360,5],[24264,5]]}}}],["badge2",{"_index":770,"t":{"142":{"position":[[41,6]]}}}],["badge><icon",{"_index":1192,"t":{"560":{"position":[[3898,12]]}}}],["badge>new</badge></h1",{"_index":1127,"t":{"560":{"position":[[902,23]]}}}],["badge>new</badge></h2",{"_index":1129,"t":{"560":{"position":[[946,23]]}}}],["badge>new</badge></h3",{"_index":1131,"t":{"560":{"position":[[990,23]]}}}],["badge>new</badge></h4",{"_index":1133,"t":{"560":{"position":[[1034,23]]}}}],["badge>new</badge></h5",{"_index":1135,"t":{"560":{"position":[[1078,23]]}}}],["badge>new</badge></h6",{"_index":1137,"t":{"560":{"position":[[1122,23]]}}}],["badgecolor",{"_index":1107,"t":{"560":{"position":[[289,10]]}}}],["badgecolor.secondari",{"_index":1108,"t":{"560":{"position":[[300,20]]}}}],["badgeindicatortyp",{"_index":1110,"t":{"560":{"position":[[371,18]]}}}],["badgeindicatortype.non",{"_index":1111,"t":{"560":{"position":[[390,23]]}}}],["badgeplac",{"_index":1112,"t":{"560":{"position":[[464,14]]}}}],["badgeplacement.non",{"_index":1113,"t":{"560":{"position":[[479,19]]}}}],["badgetext",{"_index":2417,"t":{"592":{"position":[[269,9]]},"656":{"position":[[277,9],[11190,9]]}}}],["badgetext=\"v1.3.1",{"_index":4199,"t":{"656":{"position":[[11343,18],[13773,18],[16192,18],[18597,18]]}}}],["badgetext=\"v2.1.0",{"_index":2431,"t":{"592":{"position":[[1716,18],[3815,18],[6460,18],[9454,18],[12452,18]]}}}],["bandita",{"_index":2778,"t":{"600":{"position":[[13523,8],[14464,8],[15747,8]]},"612":{"position":[[3117,8],[4988,8],[7613,8]]}}}],["bar",{"_index":321,"t":{"38":{"position":[[178,3],[312,3],[525,3]]},"44":{"position":[[289,4],[578,3],[607,3]]},"66":{"position":[[205,3]]},"88":{"position":[[247,3]]},"100":{"position":[[629,3]]},"102":{"position":[[229,3]]},"104":{"position":[[602,3]]},"140":{"position":[[926,3],[955,3],[1424,3]]},"142":{"position":[[95,3]]},"156":{"position":[[29,3],[246,3]]},"162":{"position":[[243,3]]},"172":{"position":[[251,3]]},"184":{"position":[[247,3]]},"192":{"position":[[246,3]]},"196":{"position":[[325,3],[354,3]]},"198":{"position":[[38,4],[329,3],[358,3]]},"210":{"position":[[570,3],[599,3]]},"238":{"position":[[666,3],[695,3],[1164,3]]},"396":{"position":[[575,3],[604,3]]},"402":{"position":[[31,4],[322,3],[351,3]]},"430":{"position":[[901,3],[930,3]]},"470":{"position":[[236,3]]},"472":{"position":[[316,3],[345,3]]},"564":{"position":[[393,3],[568,3],[590,3],[622,3],[1005,3]]},"590":{"position":[[156,5],[709,3],[791,3],[847,3],[938,3],[975,3],[1022,3],[1059,3],[1096,3],[1133,3],[5854,5],[8509,4]]},"604":{"position":[[19,3],[49,3],[78,3],[143,5],[1836,3],[1928,4],[5295,3],[5459,3],[9095,3],[10493,3],[17220,3],[17238,3]]},"606":{"position":[[15342,3]]},"610":{"position":[[2171,3]]}}}],["bar.png",{"_index":2329,"t":{"586":{"position":[[8154,8]]}}}],["bar1",{"_index":786,"t":{"142":{"position":[[475,4],[1613,4]]}}}],["barchart",{"_index":58,"t":{"2":{"position":[[1142,8]]},"118":{"position":[[208,8],[514,8]]},"150":{"position":[[21,10],[264,8]]},"158":{"position":[[1186,8]]},"230":{"position":[[1195,8]]},"306":{"position":[[1189,8]]},"308":{"position":[[559,8]]},"328":{"position":[[615,8]]},"350":{"position":[[268,8]]},"364":{"position":[[891,8]]},"390":{"position":[[266,8]]},"394":{"position":[[557,8]]},"404":{"position":[[265,8]]},"412":{"position":[[616,8]]},"436":{"position":[[262,8]]},"546":{"position":[[262,8]]},"604":{"position":[[4656,9],[5494,8],[5503,8],[9106,9],[9177,8],[9186,8],[10504,9],[10575,8],[10584,8],[12732,9],[12803,8],[12812,8],[14830,9],[14901,8],[14910,8]]}}}],["barchart.adddataasync(chartdata",{"_index":3044,"t":{"604":{"position":[[7589,32]]}}}],["barchart.adddatasetasync(chartdata",{"_index":3042,"t":{"604":{"position":[[7159,35]]}}}],["barchart.initializeasync(chartdata",{"_index":3036,"t":{"604":{"position":[[6220,35],[10362,35],[12432,35],[14694,35],[16808,35]]}}}],["barchart.updateasync(chartdata",{"_index":3040,"t":{"604":{"position":[[6909,31],[7741,31],[7881,31]]}}}],["barchart1",{"_index":771,"t":{"142":{"position":[[48,9]]}}}],["barchartdataset",{"_index":3017,"t":{"604":{"position":[[1562,15],[1592,15],[6556,15],[6572,15],[6591,15],[7460,15],[7476,16],[8199,15],[8346,17],[9475,17],[10924,17],[11197,17],[11468,17],[13152,17],[13425,17],[13696,17],[15250,17],[15523,17],[15794,17],[17091,15]]}}}],["barchartdataset.data",{"_index":3037,"t":{"604":{"position":[[6622,20],[6799,20]]}}}],["barchartdataset.data.count",{"_index":3038,"t":{"604":{"position":[[6670,27]]}}}],["barchartdatasetdata(barchartdataset.label",{"_index":3043,"t":{"604":{"position":[[7506,42]]}}}],["barchartdatasetdatalabel",{"_index":3026,"t":{"604":{"position":[[2529,25],[3290,25],[17115,25]]}}}],["barchartopt",{"_index":3027,"t":{"604":{"position":[[3493,15],[3523,15],[5532,15],[5548,15],[5999,15],[6021,15],[6256,17],[6941,17],[7209,17],[7773,17],[7913,17],[9215,15],[9231,15],[9840,15],[9862,18],[10398,17],[10613,15],[10629,15],[11789,15],[12468,17],[12841,15],[12857,15],[14017,15],[14730,17],[14939,15],[14955,15],[16115,15],[16869,16],[17149,15]]}}}],["barchartoptions.indexaxi",{"_index":3046,"t":{"604":{"position":[[7702,25],[7842,25],[9992,25],[11925,25],[14187,25],[16251,25]]}}}],["barchartoptions.interact",{"_index":3061,"t":{"604":{"position":[[9916,27],[11849,27],[14111,27],[16175,27]]}}}],["barchartoptions.local",{"_index":3080,"t":{"604":{"position":[[14042,22]]}}}],["barchartoptions.plugins.legend.display",{"_index":3067,"t":{"604":{"position":[[10218,38]]}}}],["barchartoptions.plugins.title.display",{"_index":3077,"t":{"604":{"position":[[12290,37],[14552,37],[16616,37]]}}}],["barchartoptions.plugins.title.text",{"_index":3076,"t":{"604":{"position":[[12233,34],[14495,34],[16559,34]]}}}],["barchartoptions.respons",{"_index":3060,"t":{"604":{"position":[[9881,26],[11814,26],[14076,26],[16140,26]]}}}],["barchartoptions.scales.x.stack",{"_index":3074,"t":{"604":{"position":[[12151,32],[14413,32],[16477,32]]}}}],["barchartoptions.scales.x.title.display",{"_index":3064,"t":{"604":{"position":[[10075,38],[12008,38],[14270,38],[16334,38]]}}}],["barchartoptions.scales.x.title.text",{"_index":3063,"t":{"604":{"position":[[10025,35],[11958,35],[14220,35],[16284,35]]}}}],["barchartoptions.scales.y.stack",{"_index":3075,"t":{"604":{"position":[[12192,32],[14454,32],[16518,32]]}}}],["barchartoptions.scales.y.title.display",{"_index":3066,"t":{"604":{"position":[[10171,38],[12104,38],[14366,38],[16430,38]]}}}],["barchartoptions.scales.y.title.text",{"_index":3065,"t":{"604":{"position":[[10122,35],[12055,35],[14317,35],[16381,35]]}}}],["barchartplugin",{"_index":3028,"t":{"604":{"position":[[3991,15]]}}}],["barpercentag",{"_index":3018,"t":{"604":{"position":[[1769,13]]}}}],["base",{"_index":310,"t":{"36":{"position":[[353,5]]},"68":{"position":[[317,5],[501,5]]},"102":{"position":[[115,4],[213,4]]},"114":{"position":[[187,4]]},"116":{"position":[[253,4]]},"126":{"position":[[829,4]]},"212":{"position":[[591,4]]},"234":{"position":[[600,4]]},"270":{"position":[[163,4]]},"308":{"position":[[2915,4]]},"316":{"position":[[594,4]]},"364":{"position":[[2043,4]]},"482":{"position":[[160,4]]},"580":{"position":[[2174,5]]},"602":{"position":[[5614,4]]},"604":{"position":[[3649,4]]},"614":{"position":[[159,5],[3330,5],[9455,5],[9556,5],[9652,5],[13084,5]]},"616":{"position":[[3713,5]]},"618":{"position":[[164,5],[3801,5]]},"622":{"position":[[7708,5]]},"624":{"position":[[411,5],[3846,5]]},"626":{"position":[[411,5],[4025,5]]},"628":{"position":[[163,5],[2502,5],[9006,5],[9107,5],[9200,5],[12247,5]]},"634":{"position":[[469,5],[3236,5]]},"636":{"position":[[424,5],[3501,5]]},"642":{"position":[[421,5],[3817,5]]},"644":{"position":[[421,5],[3817,5]]},"652":{"position":[[421,5],[3263,5]]},"660":{"position":[[4323,5],[5816,5],[79188,5]]}}}],["base.onafterrenderasync(firstrend",{"_index":2924,"t":{"602":{"position":[[8171,37],[13981,37],[17228,37]]},"604":{"position":[[6282,37],[10424,37],[12494,37],[14756,37],[16940,37]]},"606":{"position":[[5358,37],[11188,37],[12566,37]]},"608":{"position":[[5016,37],[8930,37],[13069,37]]},"660":{"position":[[112421,37],[128686,37],[131327,37]]}}}],["base.oniniti",{"_index":1725,"t":{"574":{"position":[[3925,21]]},"576":{"position":[[4757,21],[6937,21]]},"578":{"position":[[5510,21],[7622,21]]},"612":{"position":[[9600,21]]},"614":{"position":[[8482,21],[11756,21]]},"618":{"position":[[9751,21]]},"622":{"position":[[13116,21]]},"628":{"position":[[7627,21],[10983,21]]},"654":{"position":[[20672,21]]}}}],["base.oninitializedasync",{"_index":2648,"t":{"596":{"position":[[13258,26]]}}}],["base.onparametersset",{"_index":3590,"t":{"618":{"position":[[9837,23]]},"622":{"position":[[13202,23]]},"654":{"position":[[20758,23]]}}}],["base64",{"_index":4230,"t":{"658":{"position":[[483,6],[2282,6],[2676,6]]}}}],["base64str",{"_index":4247,"t":{"658":{"position":[[2238,13],[1358259,12]]}}}],["baseaddress",{"_index":4025,"t":{"642":{"position":[[5945,11]]},"644":{"position":[[5784,11]]},"652":{"position":[[5830,11]]}}}],["basic",{"_index":1117,"t":{"560":{"position":[[696,5],[7372,5]]},"570":{"position":[[2655,5]]},"592":{"position":[[1625,5],[15334,5]]},"596":{"position":[[2302,5],[13943,5]]},"614":{"position":[[1347,5],[12975,5]]},"616":{"position":[[1007,5],[6214,5]]},"618":{"position":[[1336,5],[11734,5]]},"620":{"position":[[704,5],[2982,5]]},"622":{"position":[[1854,5],[17574,5]]},"628":{"position":[[1291,5],[12138,5]]},"656":{"position":[[1601,5],[24148,5]]},"658":{"position":[[737,5],[1358235,5]]}}}],["bb",{"_index":4207,"t":{"656":{"position":[[20900,2],[20927,2],[20963,2],[21018,2],[21075,2],[21128,2],[21171,2],[21211,2],[21249,2],[21288,2],[21343,2],[21426,2],[21478,2],[21542,2],[21595,2],[21646,2],[21698,2],[21747,2],[21798,2],[21848,2],[21899,2],[21954,2],[22006,2],[22061,2]]}}}],["bd",{"_index":3238,"t":{"612":{"position":[[3237,5],[5108,5],[7733,5]]}}}],["be",{"_index":2138,"t":{"580":{"position":[[2708,5]]}}}],["becom",{"_index":1610,"t":{"570":{"position":[[10757,6]]},"574":{"position":[[5824,6]]},"578":{"position":[[8642,6],[9153,7],[10910,7]]}}}],["befor",{"_index":643,"t":{"104":{"position":[[277,6]]},"558":{"position":[[1054,8]]},"576":{"position":[[1432,6],[1491,6],[1591,6],[1651,6],[1853,6]]},"578":{"position":[[2157,6],[2926,6]]},"584":{"position":[[291,6],[1211,6]]},"586":{"position":[[3270,6]]},"596":{"position":[[193,6]]},"600":{"position":[[1410,6]]},"614":{"position":[[7017,6]]},"618":{"position":[[7831,6]]},"622":{"position":[[11067,6]]},"628":{"position":[[5134,6]]},"630":{"position":[[769,6]]}}}],["begint",{"_index":4638,"t":{"660":{"position":[[108260,7]]}}}],["behav",{"_index":1436,"t":{"568":{"position":[[4103,6]]}}}],["behavior",{"_index":621,"t":{"100":{"position":[[427,8]]},"568":{"position":[[5727,10]]},"578":{"position":[[864,8],[8941,8],[10698,8]]},"592":{"position":[[1379,9]]},"630":{"position":[[1225,8]]},"654":{"position":[[472,8],[998,9],[21912,9],[22092,8],[25947,8]]},"656":{"position":[[1355,9]]}}}],["behaviour",{"_index":2034,"t":{"578":{"position":[[7880,9]]}}}],["believ",{"_index":2011,"t":{"578":{"position":[[3404,7]]}}}],["below",{"_index":191,"t":{"8":{"position":[[198,5]]},"12":{"position":[[618,5]]},"556":{"position":[[3140,6],[3351,6]]},"562":{"position":[[2288,5],[4112,5]]},"568":{"position":[[7830,5]]},"570":{"position":[[2630,5],[3230,5],[5220,5],[6128,5],[6644,5],[6939,5],[7409,5],[7741,5],[8070,5],[11034,5],[11398,5],[11737,5],[12307,5],[12692,5],[13052,5]]},"572":{"position":[[1599,5]]},"574":{"position":[[2445,5],[5932,5]]},"576":{"position":[[2801,5],[7032,6]]},"578":{"position":[[3494,6],[7927,5],[8750,5],[12605,5],[12738,5],[12872,5],[13005,5],[13144,5],[13426,5],[13530,5],[13634,5],[13738,5],[13843,5]]},"584":{"position":[[1033,6],[1273,6],[2329,5]]},"592":{"position":[[6304,5]]},"596":{"position":[[3117,5],[10408,6],[10912,6]]},"600":{"position":[[9472,6]]},"612":{"position":[[3763,5]]},"614":{"position":[[1971,5],[7052,5],[9613,6]]},"618":{"position":[[1755,5],[5291,5],[7866,5]]},"622":{"position":[[4941,5],[6035,5],[8420,5],[11102,5]]},"628":{"position":[[1727,5],[5169,5],[9164,6]]},"630":{"position":[[6426,5],[10060,5],[11515,6],[11817,6]]},"640":{"position":[[490,5]]},"646":{"position":[[495,5]]},"648":{"position":[[5016,6],[5199,6]]},"656":{"position":[[6482,5],[18483,5]]},"660":{"position":[[9403,5],[52516,5],[54838,5],[57174,5],[60221,5],[63566,5],[69854,5],[79304,5],[106080,6]]}}}],["better",{"_index":2136,"t":{"580":{"position":[[2666,6]]}}}],["between",{"_index":2848,"t":{"602":{"position":[[2639,7],[4503,7],[4588,7]]},"614":{"position":[[659,7],[3168,7]]},"616":{"position":[[3398,7]]},"618":{"position":[[620,7],[3637,7],[4219,7],[10628,7],[10744,7],[10898,7]]},"622":{"position":[[700,7],[7542,7],[8154,7],[13993,7],[14108,7],[14262,7]]},"628":{"position":[[663,7],[2340,7]]},"654":{"position":[[21549,7],[21665,7],[21819,7]]},"656":{"position":[[8985,9],[11458,9],[13888,9],[16307,9]]}}}],["bevat",{"_index":4635,"t":{"660":{"position":[[108190,8]]}}}],["bezier",{"_index":2884,"t":{"602":{"position":[[4920,6]]}}}],["bg",{"_index":1805,"t":{"576":{"position":[[5470,2],[5492,2]]},"656":{"position":[[21408,2]]},"660":{"position":[[89426,2],[91016,2],[93202,2],[94193,2],[95182,2],[96173,2],[97158,2],[98143,2],[99138,2],[106344,2]]}}}],["bi",{"_index":2485,"t":{"592":{"position":[[9419,2]]},"598":{"position":[[3182,2]]},"610":{"position":[[1432,2]]},"656":{"position":[[13738,2]]}}}],["bibendum",{"_index":1957,"t":{"576":{"position":[[10163,9],[14404,9],[18545,9]]}}}],["bind",{"_index":571,"t":{"88":{"position":[[256,4]]},"612":{"position":[[2211,5],[4038,5],[5669,5],[6638,5],[8615,5],[9092,5],[10631,5],[12190,5]]},"614":{"position":[[1541,5],[2150,5],[2354,5],[2556,5],[2760,5],[3619,5],[3947,5],[4273,5],[4601,5],[5589,5],[6387,5],[7591,5],[7886,5],[10198,5],[10921,5]]},"616":{"position":[[1045,5],[1176,5],[1380,5],[1585,5],[1791,5],[2186,5],[2938,5],[3969,5],[4380,5],[4584,5],[4798,5],[5014,5],[5314,5],[5600,5]]},"618":{"position":[[1516,5],[1948,5],[2126,5],[2308,5],[2492,5],[2676,5],[2862,5],[3048,5],[3236,5],[4080,5],[4574,5],[4873,5],[5428,5],[5658,5],[6108,5],[6509,5],[7267,5],[9161,5]]},"620":{"position":[[725,5],[795,5],[1108,5],[1813,5],[2292,5]]},"622":{"position":[[1995,5],[2311,5],[2537,5],[2763,5],[2989,5],[3215,5],[3441,5],[3667,5],[3893,5],[4119,5],[4703,5],[5191,5],[5744,5],[6230,5],[6362,5],[6497,5],[6634,5],[6771,5],[6910,5],[7049,5],[7190,5],[7989,5],[8559,5],[8817,5],[9295,5],[9726,5],[10490,5],[12485,5],[14461,5],[14691,5],[14921,5],[15151,5],[15381,5],[15611,5],[15841,5],[16071,5],[16301,5]]},"628":{"position":[[1485,5],[1884,5],[2063,5],[2791,5],[3094,5],[3758,5],[4529,5],[5720,5],[6077,5],[6381,5],[6704,5],[7002,5],[10162,5]]},"654":{"position":[[20050,5]]},"660":{"position":[[70907,5],[70976,5]]}}}],["bit",{"_index":1020,"t":{"556":{"position":[[1924,3]]},"568":{"position":[[4112,3]]},"570":{"position":[[11109,3],[12382,3]]}}}],["blandit",{"_index":1834,"t":{"576":{"position":[[7671,7],[9269,7],[9485,8],[11912,7],[13510,7],[13726,8],[16053,7],[17651,7],[17867,8]]}}}],["blazor",{"_index":0,"t":{"2":{"position":[[0,6],[237,6],[353,6],[569,6],[631,6],[821,6],[924,6],[1098,6],[1238,6],[1425,6],[2746,6],[3007,6],[3129,6],[3281,6],[3345,6],[3535,6],[3628,6],[3811,6]]},"30":{"position":[[118,6],[307,6],[343,6]]},"34":{"position":[[188,6]]},"36":{"position":[[596,6],[640,6],[679,6]]},"38":{"position":[[117,6],[146,6],[171,6],[198,6],[230,6],[258,6],[305,6],[346,6],[392,6],[434,6],[504,6],[518,6],[535,6],[557,6],[575,6],[618,6]]},"40":{"position":[[0,6],[114,6],[334,6],[410,6],[422,6],[442,6],[464,6],[509,6]]},"42":{"position":[[0,6],[232,6],[395,6],[647,6],[690,6],[739,6],[762,6],[779,6],[791,6],[804,6],[824,6],[889,6],[924,6]]},"44":{"position":[[0,6],[122,6],[172,6],[425,6],[465,6],[532,6],[546,6],[562,6],[637,6],[672,6]]},"46":{"position":[[0,6],[280,7],[331,7],[377,7],[436,6],[482,6],[523,6],[575,6],[598,6],[615,6],[632,6],[649,6],[663,6],[685,6],[700,6],[741,6],[776,6]]},"48":{"position":[[0,6],[166,6],[278,7],[328,7],[384,6],[418,6],[432,6],[480,6],[503,6],[533,6],[567,6],[615,6],[650,6]]},"50":{"position":[[0,6],[159,6],[257,7],[294,7],[358,6],[392,6],[406,6],[447,6],[470,6],[526,6],[561,6]]},"52":{"position":[[0,6],[191,6],[428,7],[467,7],[518,7],[562,7],[606,6],[644,6],[690,6],[729,6],[778,6],[801,6],[818,6],[832,6],[854,6],[869,6],[884,6],[923,6],[958,6]]},"54":{"position":[[0,6],[181,6],[368,7],[422,6],[451,6],[470,6],[517,6],[598,6],[633,6]]},"56":{"position":[[0,6],[150,6],[520,6],[560,6],[614,6],[643,6],[662,6],[689,6],[738,6],[878,6],[913,6]]},"58":{"position":[[0,6],[148,6],[244,7],[293,6],[322,6],[341,6],[383,6],[481,6],[516,6]]},"60":{"position":[[0,6],[167,6],[190,6],[207,6],[225,6],[340,6],[358,6],[386,6],[404,6],[438,6],[456,6],[479,6],[497,6],[548,6],[577,6],[596,6],[644,6],[701,6],[721,6],[738,6],[823,6],[858,6]]},"62":{"position":[[0,6],[314,6],[343,6],[362,6],[401,6],[450,6],[499,6],[534,6]]},"64":{"position":[[0,6],[255,6],[284,6],[303,6],[342,6],[391,6],[440,6],[475,6]]},"66":{"position":[[0,6],[279,6],[308,6],[327,6],[368,6],[419,6],[472,6],[507,6]]},"68":{"position":[[0,6],[732,6],[761,6],[780,6],[811,6],[837,6],[868,6],[895,6],[939,6],[1199,6],[1234,6]]},"70":{"position":[[0,6],[756,6],[785,6],[804,6],[835,6],[866,6],[894,6],[936,6],[1126,6],[1161,6]]},"72":{"position":[[0,6],[683,6],[717,6],[753,6],[782,6],[801,6],[828,6],[858,6],[889,6],[933,6],[981,6],[1022,6],[1180,6],[1215,6]]},"74":{"position":[[0,6],[445,6],[474,6],[493,6],[528,6],[570,6],[694,6],[729,6]]},"76":{"position":[[0,6],[246,6],[275,6],[294,6],[343,6],[456,6],[491,6]]},"78":{"position":[[0,6],[329,6],[358,6],[377,6],[406,6],[445,6],[553,6],[588,6]]},"80":{"position":[[0,6],[1246,6],[1371,6],[1400,6],[1419,6],[1445,6],[1476,6],[1511,6],[1547,6],[1579,6],[1613,6],[1641,6],[1686,6],[1966,6],[2001,6]]},"82":{"position":[[0,6],[295,6],[324,6],[343,6],[369,6],[400,6],[435,6],[471,6],[503,6],[537,6],[565,6],[610,6],[718,6],[753,6]]},"84":{"position":[[0,6],[407,6],[436,6],[455,6],[481,6],[510,6],[555,6],[698,6],[733,6]]},"86":{"position":[[0,6],[539,6],[568,6],[587,6],[614,6],[649,6],[675,6],[703,6],[742,6],[914,6],[949,6]]},"88":{"position":[[0,6],[296,6],[325,6],[344,6],[370,6],[413,6],[523,6],[558,6]]},"90":{"position":[[0,6],[220,6],[249,6],[268,6],[316,6],[404,6],[439,6]]},"92":{"position":[[0,6],[335,6],[364,6],[396,6],[543,6],[578,6]]},"94":{"position":[[0,6],[165,6],[221,6],[250,6],[269,6],[317,6],[437,6],[472,6]]},"96":{"position":[[0,6],[310,6],[339,6],[358,6],[397,6],[483,6],[518,6]]},"98":{"position":[[0,6],[694,6],[723,6],[742,6],[778,6],[819,6],[857,6],[894,6],[936,6],[988,6],[1118,6],[1154,6]]},"100":{"position":[[0,6],[1177,6],[1206,6],[1225,6],[1261,6],[1301,6],[1339,6],[1375,6],[1413,6],[1452,6],[1504,6],[1590,6],[1626,6]]},"102":{"position":[[0,6],[413,6],[442,6],[461,6],[513,6],[599,6],[635,6]]},"104":{"position":[[0,6],[660,6],[722,6],[751,6],[770,6],[822,6],[1056,6],[1092,6]]},"106":{"position":[[0,6],[439,6],[468,6],[515,6],[630,6],[666,6]]},"108":{"position":[[0,6],[535,6],[564,6],[611,6],[719,6],[755,6]]},"110":{"position":[[0,6],[1103,6],[1132,6],[1179,6],[1346,6]]},"112":{"position":[[0,6],[821,6],[850,6],[897,6],[1006,6],[1042,6]]},"114":{"position":[[0,6],[283,6],[312,6],[331,6],[383,6],[463,6],[499,6]]},"116":{"position":[[0,6],[365,6],[394,6],[413,6],[464,6],[567,6]]},"118":{"position":[[0,6],[409,6],[438,6],[470,6],[626,6],[661,6]]},"120":{"position":[[0,6],[363,6],[392,6],[424,6],[543,6],[578,6]]},"122":{"position":[[0,6],[307,6],[336,6],[368,6],[446,6],[491,6]]},"124":{"position":[[1260,6],[1295,6]]},"126":{"position":[[0,6],[183,6],[282,6],[496,6],[714,6],[892,6],[962,6],[1185,6],[1255,6],[1427,6],[1541,6],[1689,6],[1793,6],[1942,6],[2012,6],[2160,6],[2232,6],[2407,6],[2538,6],[2720,6]]},"128":{"position":[[0,6],[1517,6],[1546,6],[1578,6],[1710,6]]},"130":{"position":[[287,6],[331,6],[375,6],[419,6],[463,6],[507,6],[550,6],[593,6],[1140,6],[1184,6],[1230,6],[1273,6],[1316,6],[1357,6],[1396,6],[1435,6],[1474,6],[1513,6],[1553,6],[1593,6],[1633,6],[1672,6],[1711,6],[1752,6],[1793,6],[1834,6],[1875,6],[1916,6],[1956,6],[2000,6],[2044,6],[2087,6],[2130,6],[2173,6],[2216,6],[2260,6],[2311,6],[2352,6],[2393,6],[2437,6],[2518,6],[2562,6],[2605,6]]},"132":{"position":[[0,6],[160,6],[211,6],[248,6],[416,6],[465,6],[498,6],[665,6],[714,6],[747,6],[914,6],[937,6],[954,6],[972,6],[1033,6],[1090,6],[1110,6],[1127,6],[1196,6],[1346,6],[1382,6],[1506,6],[1654,6],[1692,6],[1774,6],[1955,6],[1998,6],[2063,6],[2222,6],[2259,6],[2282,6],[2322,6],[2488,6],[2532,6],[2555,6],[2585,6],[2619,6],[2651,6],[2842,6],[2928,6],[2951,6],[2968,6],[2982,6],[3004,6],[3019,6],[3034,6]]},"136":{"position":[[0,6],[164,6],[258,6],[431,6],[558,6],[720,6],[812,6],[980,6],[1244,6],[1397,6],[1489,6],[1640,6],[1737,6],[1899,6],[2007,6],[2199,6],[2341,6],[2511,6],[2755,6],[2924,6]]},"140":{"position":[[0,6],[163,6],[186,6],[203,6],[220,6],[237,6],[251,6],[273,6],[288,6],[313,6],[520,6],[543,6],[560,6],[572,6],[585,6],[605,6],[654,6],[776,6],[826,6],[880,6],[894,6],[910,6],[969,6],[1083,6],[1149,6],[1161,6],[1181,6],[1203,6],[1349,6],[1403,6],[1417,6],[1434,6],[1456,6],[1474,6],[1689,6],[2092,6]]},"142":{"position":[[67,6],[88,6],[106,6],[124,6],[139,6],[162,6],[185,6],[200,6],[223,6],[236,6],[259,6],[279,6],[300,6],[314,6],[335,6],[354,6],[369,6],[390,6],[408,6],[426,6],[442,6],[459,6],[480,6],[498,6],[514,6],[540,6],[553,6],[571,6],[585,6]]},"146":{"position":[[49,6],[310,6],[432,6],[646,6],[864,6],[1032,6],[1296,6],[1458,6],[1566,6],[1733,6],[1756,6],[1773,6],[1791,6],[1852,6],[1909,6],[1929,6],[1946,6],[2015,6],[2196,6],[2239,6],[2492,6],[2895,6]]},"148":{"position":[[46,6],[283,6],[399,6],[589,6],[682,6],[874,6]]},"150":{"position":[[46,6],[220,6]]},"152":{"position":[[42,6],[303,6],[425,6],[617,6]]},"154":{"position":[[21,7],[57,6],[224,6],[247,6],[264,6],[282,6],[343,6],[400,6],[420,6],[437,6]]},"156":{"position":[[21,7],[171,6],[225,6],[239,6],[256,6],[278,6],[296,6]]},"158":{"position":[[21,8],[44,6],[281,6],[397,6],[613,6],[675,6],[865,6],[968,6],[1142,6],[1282,6],[1469,6],[1556,6],[1817,6],[1939,6],[2091,6],[2155,6],[2345,6],[2438,6],[2621,6],[2713,6],[2896,6]]},"160":{"position":[[20,7],[53,6],[212,6],[249,6],[272,6],[312,6],[478,6],[522,6],[545,6],[575,6],[609,6],[641,6],[832,6],[918,6],[941,6],[958,6],[972,6],[994,6],[1009,6],[1024,6],[1047,6],[1210,6],[1233,6],[1250,6],[1267,6],[1284,6],[1298,6],[1320,6],[1335,6],[1360,6],[1567,6],[1590,6],[1607,6],[1619,6],[1632,6],[1652,6]]},"162":{"position":[[21,7],[168,6],[222,6],[236,6],[253,6],[275,6],[293,6]]},"164":{"position":[[21,7],[59,6],[225,6],[269,6],[292,6],[322,6],[356,6]]},"166":{"position":[[20,7],[58,6],[249,6],[335,6],[358,6],[375,6],[389,6],[411,6],[426,6],[441,6],[464,6],[627,6],[650,6],[667,6],[684,6],[701,6],[715,6],[737,6],[752,6]]},"168":{"position":[[20,7],[50,6],[241,6],[327,6],[350,6],[367,6],[381,6],[403,6],[418,6],[433,6],[456,6],[619,6],[642,6],[659,6],[676,6],[693,6],[707,6],[729,6],[744,6]]},"170":{"position":[[20,7],[48,6],[216,6],[265,6],[298,6],[465,6],[514,6],[547,6],[661,6],[727,6],[739,6],[759,6],[781,6]]},"172":{"position":[[21,7],[176,6],[230,6],[244,6],[261,6],[283,6],[301,6]]},"174":{"position":[[21,7],[59,6],[173,6],[239,6],[251,6],[271,6],[293,6]]},"176":{"position":[[21,7],[56,6],[170,6],[236,6],[248,6],[268,6],[290,6]]},"178":{"position":[[21,7],[57,6],[171,6],[237,6],[249,6],[269,6],[291,6]]},"180":{"position":[[21,7],[50,6],[257,6],[280,6],[297,6],[309,6],[322,6],[342,6]]},"182":{"position":[[21,7],[57,6],[264,6],[287,6],[304,6],[316,6],[329,6],[349,6]]},"184":{"position":[[21,7],[172,6],[226,6],[240,6],[257,6],[279,6],[297,6]]},"186":{"position":[[21,7],[54,6],[217,6],[240,6],[257,6],[274,6],[291,6],[305,6],[327,6],[342,6]]},"188":{"position":[[21,7],[51,6],[217,6],[261,6],[284,6],[314,6],[348,6]]},"190":{"position":[[21,7],[57,6],[264,6],[287,6],[304,6],[316,6],[329,6],[349,6]]},"192":{"position":[[21,7],[171,6],[225,6],[239,6],[256,6],[278,6],[296,6]]},"194":{"position":[[20,7],[51,6],[242,6],[328,6],[351,6],[368,6],[382,6],[404,6],[419,6],[434,6],[457,6],[620,6],[643,6],[660,6],[677,6],[694,6],[708,6],[730,6],[745,6]]},"196":{"position":[[21,7],[53,6],[175,6],[225,6],[279,6],[293,6],[309,6]]},"198":{"position":[[21,7],[57,6],[179,6],[229,6],[283,6],[297,6],[313,6]]},"200":{"position":[[21,7],[54,6],[217,6],[240,6],[257,6],[274,6],[291,6],[305,6],[327,6],[342,6]]},"202":{"position":[[20,7],[51,6],[242,6],[328,6],[351,6],[368,6],[382,6],[404,6],[419,6],[434,6],[457,6],[620,6],[643,6],[660,6],[677,6],[694,6],[708,6],[730,6],[745,6]]},"204":{"position":[[21,7],[62,6],[229,6],[252,6],[269,6],[287,6],[348,6],[405,6],[425,6],[442,6]]},"206":{"position":[[21,7],[54,6],[221,6],[244,6],[261,6],[279,6],[340,6],[397,6],[417,6],[434,6]]},"208":{"position":[[21,7],[49,6],[256,6],[279,6],[296,6],[308,6],[321,6],[341,6]]},"210":{"position":[[20,7],[50,6],[210,6],[261,6],[298,6],[420,6],[470,6],[524,6],[538,6],[554,6]]},"212":{"position":[[21,8],[44,6],[258,6],[476,6],[654,6],[724,6],[947,6],[1017,6],[1189,6],[1303,6],[1451,6],[1555,6],[1704,6],[1774,6],[1922,6],[1994,6],[2169,6],[2300,6],[2482,6],[2638,6],[2802,6]]},"214":{"position":[[21,8],[44,6],[217,6],[344,6],[506,6],[598,6],[766,6],[1030,6],[1183,6],[1275,6],[1426,6],[1523,6],[1685,6],[1793,6],[1985,6],[2127,6],[2297,6],[2541,6],[2710,6],[2884,6],[3044,6],[3095,6]]},"216":{"position":[[21,7],[50,6],[241,6],[327,6],[350,6],[367,6],[381,6],[403,6],[418,6],[433,6]]},"218":{"position":[[21,8],[44,6],[251,6],[274,6],[291,6],[303,6],[316,6],[336,6]]},"220":{"position":[[21,8],[44,6],[212,6],[261,6],[294,6],[461,6],[510,6],[543,6],[710,6],[733,6],[750,6],[768,6],[829,6],[886,6],[906,6],[923,6],[992,6],[1142,6],[1178,6],[1302,6],[1450,6],[1488,6],[1570,6],[1751,6],[1794,6],[1859,6],[2018,6],[2055,6],[2078,6],[2118,6],[2284,6],[2328,6],[2351,6],[2381,6],[2415,6],[2447,6],[2638,6],[2724,6],[2747,6],[2764,6],[2778,6],[2800,6],[2815,6],[2830,6],[2853,6],[3016,6],[3039,6],[3056,6],[3073,6],[3090,6],[3104,6],[3126,6],[3141,6]]},"222":{"position":[[55,6],[269,6],[487,6],[655,6],[919,6],[1081,6],[1189,6],[1370,6],[1413,6]]},"224":{"position":[[53,6],[245,6]]},"226":{"position":[[71,6],[238,6],[261,6],[278,6],[296,6],[357,6],[414,6],[434,6],[451,6]]},"228":{"position":[[49,6],[241,6]]},"230":{"position":[[53,6],[290,6],[406,6],[622,6],[684,6],[874,6],[977,6],[1151,6],[1291,6],[1478,6],[1565,6],[1826,6],[1948,6],[2100,6],[2164,6],[2354,6],[2447,6],[2630,6],[2722,6],[2905,6]]},"232":{"position":[[53,6],[226,6],[353,6],[515,6],[607,6],[775,6],[1039,6],[1192,6],[1284,6],[1435,6],[1532,6],[1694,6],[1802,6],[1994,6],[2136,6],[2306,6],[2550,6],[2719,6],[2893,6],[3053,6],[3104,6]]},"234":{"position":[[53,6],[267,6],[485,6],[663,6],[733,6],[956,6],[1026,6],[1198,6],[1312,6],[1460,6],[1564,6],[1713,6],[1783,6],[1931,6],[2003,6],[2178,6],[2309,6],[2491,6],[2647,6],[2811,6]]},"236":{"position":[[53,6],[221,6],[270,6],[303,6],[470,6],[519,6],[552,6],[719,6],[742,6],[759,6],[777,6],[838,6],[895,6],[915,6],[932,6],[1001,6],[1151,6],[1187,6],[1311,6],[1459,6],[1497,6],[1579,6],[1760,6],[1803,6],[1868,6],[2027,6],[2064,6],[2087,6],[2127,6],[2293,6],[2337,6],[2360,6],[2390,6],[2424,6],[2456,6],[2647,6],[2733,6],[2756,6],[2773,6],[2787,6],[2809,6],[2824,6],[2839,6],[2862,6],[3025,6],[3048,6],[3065,6],[3082,6],[3099,6],[3113,6],[3135,6],[3150,6]]},"238":{"position":[[53,6],[260,6],[283,6],[300,6],[312,6],[325,6],[345,6],[394,6],[516,6],[566,6],[620,6],[634,6],[650,6],[709,6],[823,6],[889,6],[901,6],[921,6],[943,6],[1089,6],[1143,6],[1157,6],[1174,6],[1196,6],[1214,6],[1429,6],[1832,6]]},"244":{"position":[[54,6],[229,6]]},"246":{"position":[[49,6],[222,6],[349,6],[541,6]]},"248":{"position":[[50,6],[203,6],[295,6],[457,6],[565,6],[734,6]]},"250":{"position":[[49,6],[263,6]]},"252":{"position":[[52,6],[244,6]]},"254":{"position":[[48,6],[218,6]]},"256":{"position":[[56,6],[224,6],[488,6],[639,6],[736,6],[902,6],[946,6],[969,6],[999,6],[1033,6]]},"258":{"position":[[57,6],[271,6]]},"260":{"position":[[56,6],[206,6],[242,6]]},"262":{"position":[[53,6],[223,6],[467,6],[636,6]]},"264":{"position":[[52,6],[225,6],[352,6],[520,6],[784,6],[954,6],[1198,6],[1367,6]]},"266":{"position":[[50,6],[200,6],[236,6]]},"268":{"position":[[52,6],[235,6]]},"270":{"position":[[48,6],[226,6],[296,6],[519,6],[589,6],[761,6],[875,6],[1024,6],[1094,6],[1258,6],[1352,6],[1525,6],[1652,6],[1814,6],[1906,6],[2074,6],[2338,6],[2491,6],[2583,6],[2753,6]]},"272":{"position":[[48,6],[262,6],[480,6],[652,6],[766,6],[914,6],[1018,6],[1166,6],[1238,6],[1420,6],[1576,6],[1746,6],[1990,6],[2159,6],[2333,6],[2483,6],[2519,6]]},"274":{"position":[[47,6],[230,6],[329,6],[511,6]]},"276":{"position":[[48,6],[216,6],[265,6],[298,6],[465,6],[514,6],[547,6],[661,6],[727,6],[739,6],[759,6],[781,6]]},"278":{"position":[[55,6],[203,6],[307,6],[489,6]]},"280":{"position":[[50,6],[216,6],[260,6],[283,6],[313,6],[347,6]]},"282":{"position":[[55,6],[223,6]]},"284":{"position":[[52,6],[220,6],[484,6],[654,6],[898,6],[1067,6]]},"286":{"position":[[52,6],[216,6]]},"288":{"position":[[50,6],[264,6],[482,6],[630,6],[668,6]]},"290":{"position":[[48,6],[230,6]]},"292":{"position":[[48,6],[218,6]]},"294":{"position":[[52,6],[224,6],[338,6],[506,6],[770,6],[940,6]]},"296":{"position":[[49,6],[217,6],[481,6],[640,6],[677,6],[700,6]]},"298":{"position":[[54,6],[224,6]]},"300":{"position":[[49,6],[224,6]]},"302":{"position":[[49,6],[231,6],[387,6],[547,6],[598,6]]},"304":{"position":[[50,6],[264,6],[482,6],[644,6]]},"306":{"position":[[47,6],[284,6],[400,6],[616,6],[678,6],[868,6],[971,6],[1145,6],[1285,6],[1472,6],[1559,6],[1820,6],[1942,6],[2094,6],[2158,6],[2348,6],[2441,6],[2624,6],[2716,6],[2899,6]]},"308":{"position":[[48,6],[238,6],[341,6],[515,6],[655,6],[842,6],[929,6],[1190,6],[1312,6],[1464,6],[1528,6],[1718,6],[1811,6],[1994,6],[2086,6],[2269,6],[2368,6],[2582,6],[2800,6],[2978,6]]},"310":{"position":[[48,6],[215,6],[238,6],[255,6],[273,6],[334,6],[391,6],[411,6],[428,6],[497,6],[647,6],[683,6]]},"312":{"position":[[48,6],[271,6],[341,6],[513,6],[627,6],[775,6],[879,6],[1028,6],[1098,6],[1246,6],[1318,6],[1493,6],[1624,6],[1806,6],[1962,6],[2126,6],[2220,6],[2393,6],[2520,6],[2682,6]]},"314":{"position":[[47,6],[215,6],[264,6],[297,6],[464,6],[513,6],[546,6],[713,6],[736,6],[753,6],[771,6],[832,6],[889,6],[909,6],[926,6],[995,6],[1145,6],[1181,6]]},"316":{"position":[[47,6],[261,6],[479,6],[657,6],[727,6],[950,6],[1020,6],[1192,6],[1306,6],[1454,6],[1558,6],[1707,6],[1777,6],[1925,6],[1997,6],[2172,6],[2303,6],[2485,6],[2641,6],[2805,6]]},"318":{"position":[[48,6],[216,6],[480,6],[633,6],[725,6],[876,6],[973,6],[1135,6],[1243,6],[1435,6],[1577,6],[1747,6],[1991,6],[2160,6],[2334,6],[2494,6],[2545,6],[2582,6],[2750,6],[2799,6],[2832,6],[2999,6],[3048,6]]},"320":{"position":[[48,6],[223,6]]},"322":{"position":[[55,6],[230,6]]},"324":{"position":[[44,6],[197,6],[289,6],[451,6],[559,6],[728,6]]},"326":{"position":[[47,6],[220,6],[347,6],[509,6],[601,6],[769,6],[1033,6],[1186,6],[1278,6],[1429,6],[1526,6],[1688,6],[1796,6],[1988,6],[2130,6],[2300,6],[2544,6],[2713,6],[2887,6],[3047,6],[3098,6]]},"328":{"position":[[44,6],[281,6],[397,6],[571,6],[711,6],[898,6]]},"330":{"position":[[43,6],[280,6],[396,6],[583,6],[670,6],[843,6],[970,6],[1162,6]]},"334":{"position":[[43,6],[257,6]]},"336":{"position":[[43,6],[233,6],[326,6],[509,6]]},"338":{"position":[[47,6],[234,6]]},"340":{"position":[[46,6],[238,6]]},"342":{"position":[[50,6],[200,6],[236,6]]},"344":{"position":[[46,6],[197,6]]},"346":{"position":[[50,6],[266,6],[328,6],[518,6],[621,6],[835,6]]},"348":{"position":[[42,6],[215,6]]},"350":{"position":[[50,6],[224,6],[364,6],[532,6],[796,6],[947,6]]},"352":{"position":[[47,6],[217,6],[461,6],[630,6]]},"354":{"position":[[46,6],[219,6],[346,6],[514,6],[778,6],[948,6],[1192,6],[1361,6]]},"356":{"position":[[44,6],[194,6],[230,6]]},"358":{"position":[[45,6],[282,6],[398,6],[581,6]]},"360":{"position":[[41,6],[302,6],[424,6],[614,6],[707,6],[890,6],[982,6],[1165,6],[1264,6],[1478,6],[2013,6]]},"364":{"position":[[42,6],[279,6],[395,6],[611,6],[673,6],[847,6],[987,6],[1248,6],[1370,6],[1560,6],[1653,6],[1836,6],[1928,6],[2106,6],[2176,6],[2399,6],[2469,6],[2641,6],[2755,6],[2904,6]]},"366":{"position":[[41,6],[224,6],[323,6],[505,6]]},"368":{"position":[[42,6],[215,6],[342,6],[549,6],[572,6],[589,6],[601,6],[614,6],[634,6]]},"370":{"position":[[42,6],[206,6],[300,6],[473,6],[600,6],[762,6],[854,6],[1022,6],[1286,6],[1439,6],[1531,6],[1701,6],[1945,6],[2113,6],[2162,6],[2195,6],[2362,6],[2411,6]]},"374":{"position":[[50,6],[257,6],[280,6],[297,6],[309,6],[322,6],[342,6]]},"376":{"position":[[46,6],[194,6],[232,6]]},"378":{"position":[[44,6],[192,6],[230,6]]},"380":{"position":[[49,6],[263,6],[481,6],[629,6],[733,6],[915,6]]},"382":{"position":[[43,6],[193,6],[229,6]]},"384":{"position":[[43,6],[280,6],[396,6],[586,6],[679,6],[862,6],[954,6],[1168,6],[1386,6],[1558,6],[1672,6],[1820,6],[1924,6],[2072,6],[2144,6],[2326,6],[2482,6],[2652,6],[2896,6],[3065,6]]},"386":{"position":[[48,6],[196,6],[234,6]]},"390":{"position":[[48,6],[222,6],[362,6],[530,6]]},"392":{"position":[[46,6],[214,6],[478,6],[648,6],[892,6],[1061,6]]},"394":{"position":[[46,6],[236,6],[339,6],[513,6],[653,6],[914,6],[1036,6],[1188,6]]},"396":{"position":[[45,6],[209,6],[303,6],[425,6],[475,6],[529,6],[543,6],[559,6]]},"400":{"position":[[45,6],[228,6]]},"402":{"position":[[50,6],[172,6],[222,6],[276,6],[290,6],[306,6]]},"404":{"position":[[47,6],[221,6],[361,6],[622,6]]},"406":{"position":[[43,6],[280,6],[396,6],[586,6]]},"408":{"position":[[50,6],[311,6]]},"410":{"position":[[44,6],[281,6],[397,6],[611,6],[829,6],[977,6],[1015,6]]},"412":{"position":[[45,6],[282,6],[398,6],[572,6]]},"414":{"position":[[50,6],[240,6]]},"416":{"position":[[43,6],[226,6],[318,6],[486,6]]},"418":{"position":[[41,6],[231,6],[334,6],[595,6],[717,6],[899,6]]},"420":{"position":[[41,6],[278,6]]},"422":{"position":[[45,6],[232,6]]},"424":{"position":[[46,6],[218,6],[332,6],[500,6],[764,6],[934,6]]},"426":{"position":[[48,6],[218,6]]},"428":{"position":[[42,6],[232,6],[325,6],[500,6]]},"430":{"position":[[43,6],[225,6],[381,6],[541,6],[592,6],[629,6],[751,6],[801,6],[855,6],[869,6],[885,6]]},"432":{"position":[[50,6],[225,6]]},"436":{"position":[[44,6],[218,6],[358,6],[572,6],[790,6],[952,6]]},"464":{"position":[[162,6]]},"468":{"position":[[232,6]]},"470":{"position":[[161,6],[215,6],[229,6],[246,6],[268,6],[286,6]]},"472":{"position":[[44,6],[166,6],[216,6],[270,6],[284,6],[300,6]]},"474":{"position":[[44,6],[235,6],[321,6],[344,6],[361,6],[375,6],[397,6],[412,6],[427,6]]},"476":{"position":[[44,6],[158,6],[224,6],[236,6],[256,6],[278,6]]},"478":{"position":[[44,6],[251,6],[274,6],[291,6],[303,6],[316,6],[336,6]]},"480":{"position":[[45,6],[268,6]]},"482":{"position":[[45,6],[223,6]]},"484":{"position":[[45,6],[259,6]]},"486":{"position":[[45,6],[228,6]]},"488":{"position":[[45,6],[235,6]]},"490":{"position":[[45,6],[228,6]]},"492":{"position":[[45,6],[306,6]]},"494":{"position":[[45,6],[197,6]]},"496":{"position":[[44,6],[210,6],[254,6],[277,6],[307,6],[341,6]]},"498":{"position":[[44,6],[203,6],[240,6],[263,6]]},"500":{"position":[[44,6],[194,6],[230,6]]},"502":{"position":[[44,6],[211,6],[234,6],[251,6],[269,6],[330,6],[387,6],[407,6],[424,6]]},"504":{"position":[[44,6],[192,6],[230,6]]},"506":{"position":[[44,6],[225,6],[268,6]]},"508":{"position":[[44,6],[211,6],[260,6]]},"510":{"position":[[44,6],[212,6],[261,6]]},"512":{"position":[[44,6],[204,6],[255,6]]},"514":{"position":[[44,6],[213,6]]},"516":{"position":[[44,6],[236,6]]},"518":{"position":[[44,6],[206,6]]},"520":{"position":[[44,6],[197,6]]},"522":{"position":[[44,6],[212,6]]},"524":{"position":[[44,6],[214,6]]},"526":{"position":[[44,6],[195,6]]},"528":{"position":[[44,6],[217,6]]},"530":{"position":[[44,6],[208,6]]},"532":{"position":[[44,6],[206,6]]},"534":{"position":[[44,6],[226,6]]},"536":{"position":[[44,6],[219,6]]},"538":{"position":[[44,6],[192,6]]},"540":{"position":[[44,6],[192,6]]},"542":{"position":[[44,6],[193,6]]},"544":{"position":[[44,6],[216,6]]},"546":{"position":[[44,6],[218,6]]},"548":{"position":[[44,6],[231,6]]},"550":{"position":[[44,6],[260,6]]},"552":{"position":[[44,6],[234,6]]},"554":{"position":[[44,6],[281,6]]},"556":{"position":[[31,6],[150,6]]},"558":{"position":[[35,6],[53,6]]},"560":{"position":[[30,6],[47,6]]},"562":{"position":[[34,6],[20464,6]]},"564":{"position":[[31,6],[45,6],[298,6],[373,6],[583,6],[615,6],[677,6],[714,6],[777,6],[810,6],[868,6],[900,6]]},"566":{"position":[[32,6],[47,6]]},"568":{"position":[[32,6],[51,6],[1771,6]]},"570":{"position":[[29,6]]},"572":{"position":[[33,6],[111,6],[3448,6]]},"574":{"position":[[39,6],[65,6]]},"576":{"position":[[34,6],[137,6]]},"578":{"position":[[30,6],[47,6]]},"580":{"position":[[37,6],[61,6]]},"582":{"position":[[35,6],[57,6]]},"584":{"position":[[32,6],[89,6]]},"586":{"position":[[31,6],[88,6]]},"588":{"position":[[38,6],[100,6]]},"590":{"position":[[33,6],[90,6],[2032,6],[2326,6],[3284,6],[3782,6],[4535,6],[5877,6],[5912,6],[6272,6],[7280,6]]},"592":{"position":[[33,6],[56,6]]},"594":{"position":[[33,6],[109,6]]},"596":{"position":[[38,6],[73,6]]},"598":{"position":[[27,6],[40,6],[4348,6]]},"600":{"position":[[29,6],[78,6]]},"602":{"position":[[43,6],[63,6]]},"604":{"position":[[42,6],[61,6]]},"606":{"position":[[47,6],[71,6]]},"608":{"position":[[42,6],[61,6]]},"610":{"position":[[33,6],[53,6]]},"612":{"position":[[33,6],[54,6],[1658,6]]},"614":{"position":[[30,6],[48,6],[1757,6],[1943,6],[6892,6]]},"616":{"position":[[31,6],[50,6]]},"618":{"position":[[32,6],[52,6],[7693,6]]},"620":{"position":[[26,6],[48,6]]},"622":{"position":[[34,6],[64,6],[10924,6]]},"624":{"position":[[16,6],[70,6],[131,6],[179,6],[262,6],[941,6],[1124,6],[2758,6],[2942,6],[3491,6],[3510,6],[8748,6],[8786,6]]},"626":{"position":[[16,6],[70,6],[131,6],[179,6],[262,6],[943,6],[1126,6],[1284,6],[2943,6],[3127,6],[3678,6],[3697,6],[8224,6],[8257,6]]},"628":{"position":[[30,6],[52,6],[1650,6],[5009,6]]},"630":{"position":[[31,6],[133,6],[165,6],[408,6],[3013,7],[4728,6],[5995,7],[6255,6],[7630,7],[8024,6],[8168,6],[9600,7],[9796,6],[11265,7]]},"632":{"position":[[21,6],[84,6],[149,6],[197,6],[280,6],[2417,6],[2605,6],[3187,6],[3215,6]]},"634":{"position":[[16,6],[77,6],[189,6],[237,6],[320,6],[2440,6],[2635,6],[2989,6],[3008,6],[7643,6],[7676,6]]},"636":{"position":[[16,6],[75,6],[185,6],[233,6],[2395,6],[2590,6],[3050,6],[3226,6],[3245,6],[8734,6],[8774,6]]},"638":{"position":[[21,6],[84,6],[149,6],[197,6],[280,6],[2417,6],[2605,6],[3003,6],[3036,6]]},"640":{"position":[[7,6],[49,6],[106,6],[154,6],[276,6],[360,6],[1725,6],[1744,6],[1775,6],[1794,6],[1817,6],[1836,6],[1889,6]]},"642":{"position":[[16,6],[75,6],[141,6],[189,6],[272,6],[950,6],[1138,6],[2793,6],[2977,6],[3525,6],[3544,6],[7813,6],[7845,6]]},"644":{"position":[[16,6],[75,6],[141,6],[189,6],[272,6],[950,6],[1138,6],[2793,6],[2977,6],[3525,6],[3544,6],[7652,6],[7684,6]]},"646":{"position":[[7,6],[54,6],[111,6],[159,6],[281,6],[365,6],[1730,6],[1749,6],[1780,6],[1799,6],[1822,6],[1841,6],[1894,6],[1922,6]]},"648":{"position":[[36,6],[61,6],[197,6]]},"650":{"position":[[44,6],[207,6],[230,6],[247,6],[264,6],[281,6],[295,6],[317,6],[332,6]]},"652":{"position":[[16,6],[75,6],[141,6],[189,6],[272,6],[2447,6],[2631,6],[2987,6],[3006,6],[7534,6]]},"654":{"position":[[33,6]]},"656":{"position":[[32,6],[55,6]]},"658":{"position":[[35,6],[57,6]]},"660":{"position":[[29,6],[45,6]]}}}],["blazor.bootstrap",{"_index":3699,"t":{"624":{"position":[[339,16]]},"626":{"position":[[339,16]]},"632":{"position":[[357,16]]},"634":{"position":[[397,16]]},"636":{"position":[[352,16],[2995,16]]},"638":{"position":[[357,16]]},"642":{"position":[[349,16]]},"644":{"position":[[349,16]]},"652":{"position":[[349,16]]}}}],["blazor.bootstrap.templates::1.8.0",{"_index":528,"t":{"80":{"position":[[1315,33]]}}}],["blazor41",{"_index":772,"t":{"142":{"position":[[58,8]]}}}],["blazoraccordion",{"_index":484,"t":{"72":{"position":[[1118,15]]},"136":{"position":[[2295,15]]},"148":{"position":[[970,15]]},"152":{"position":[[713,15]]},"214":{"position":[[2081,15]]},"224":{"position":[[21,17],[341,15]]},"228":{"position":[[337,15]]},"232":{"position":[[2090,15]]},"246":{"position":[[637,15]]},"252":{"position":[[340,15]]},"318":{"position":[[1531,15]]},"326":{"position":[[2084,15]]},"330":{"position":[[1258,15]]},"340":{"position":[[334,15]]},"516":{"position":[[332,15]]}}}],["blazoraccordion1",{"_index":793,"t":{"142":{"position":[[600,16]]}}}],["blazorautocomplet",{"_index":392,"t":{"54":{"position":[[553,18]]},"74":{"position":[[627,18]]},"80":{"position":[[1785,18]]},"104":{"position":[[879,18]]},"126":{"position":[[553,18]]},"132":{"position":[[2034,18]]},"136":{"position":[[1079,18],[1956,18]]},"146":{"position":[[703,18],[1131,18],[1515,18],[2275,18]]},"212":{"position":[[315,18]]},"214":{"position":[[865,18],[1742,18]]},"220":{"position":[[1830,18]]},"222":{"position":[[20,20],[326,18],[754,18],[1138,18],[1449,18]]},"232":{"position":[[874,18],[1751,18]]},"234":{"position":[[324,18]]},"236":{"position":[[1839,18]]},"248":{"position":[[514,18]]},"250":{"position":[[320,18]]},"256":{"position":[[323,18]]},"258":{"position":[[328,18]]},"264":{"position":[[619,18]]},"270":{"position":[[2173,18]]},"272":{"position":[[319,18]]},"282":{"position":[[322,18]]},"284":{"position":[[319,18]]},"288":{"position":[[321,18]]},"294":{"position":[[605,18]]},"296":{"position":[[316,18]]},"304":{"position":[[321,18]]},"308":{"position":[[2639,18]]},"316":{"position":[[318,18]]},"318":{"position":[[315,18],[1192,18]]},"324":{"position":[[508,18]]},"326":{"position":[[868,18],[1745,18]]},"334":{"position":[[314,18]]},"346":{"position":[[892,18]]},"350":{"position":[[631,18]]},"354":{"position":[[613,18]]},"360":{"position":[[1535,18]]},"370":{"position":[[1121,18]]},"380":{"position":[[320,18]]},"384":{"position":[[1225,18]]},"390":{"position":[[629,18]]},"392":{"position":[[313,18]]},"410":{"position":[[668,18]]},"416":{"position":[[585,18]]},"424":{"position":[[599,18]]},"436":{"position":[[629,18]]},"484":{"position":[[316,18]]},"506":{"position":[[304,18]]},"518":{"position":[[263,18]]},"522":{"position":[[311,18]]}}}],["blazorautocomplete4",{"_index":794,"t":{"142":{"position":[[617,19]]}}}],["blazorbadg",{"_index":482,"t":{"72":{"position":[[1072,11]]},"136":{"position":[[2249,11]]},"148":{"position":[[924,11]]},"152":{"position":[[667,11]]},"214":{"position":[[2035,11]]},"224":{"position":[[295,11]]},"228":{"position":[[21,13],[291,11]]},"232":{"position":[[2044,11]]},"246":{"position":[[591,11]]},"252":{"position":[[294,11]]},"318":{"position":[[1485,11]]},"326":{"position":[[2038,11]]},"330":{"position":[[1212,11]]},"340":{"position":[[288,11]]},"516":{"position":[[286,11]]}}}],["blazorbadge1",{"_index":795,"t":{"142":{"position":[[637,12]]}}}],["blazorboostrap",{"_index":168,"t":{"4":{"position":[[88,15]]},"138":{"position":[[282,15]]},"242":{"position":[[141,15]]},"434":{"position":[[132,15]]}}}],["blazorbootstrap",{"_index":26,"t":{"2":{"position":[[254,15],[586,15],[849,15],[1126,15],[1453,15],[1626,15],[3035,15],[3309,15],[3563,15],[3839,15]]},"4":{"position":[[0,15],[276,15],[318,15]]},"6":{"position":[[0,15],[186,15],[228,15],[262,15]]},"8":{"position":[[0,15],[271,15],[313,15],[347,15]]},"10":{"position":[[0,15],[377,15],[419,15],[453,15]]},"12":{"position":[[0,15],[728,15],[770,15],[804,15]]},"14":{"position":[[0,15],[348,15],[396,15],[430,15]]},"16":{"position":[[0,15],[281,15],[336,15],[370,15]]},"18":{"position":[[0,15],[321,15],[395,15],[429,15]]},"20":{"position":[[0,15],[241,15],[296,15],[330,15]]},"22":{"position":[[0,15],[345,15],[415,15],[449,15]]},"24":{"position":[[0,15],[289,15],[347,15],[381,15]]},"26":{"position":[[0,15],[284,15],[333,15],[367,15]]},"28":{"position":[[0,15],[243,15],[298,15],[332,15]]},"30":{"position":[[0,15],[400,15],[460,15],[494,15]]},"32":{"position":[[0,15],[630,15],[677,15],[711,15]]},"34":{"position":[[0,15],[245,15],[300,15],[334,15]]},"36":{"position":[[0,15],[728,15],[801,15],[835,15]]},"38":{"position":[[0,15],[488,15],[653,15]]},"40":{"position":[[383,15],[544,15]]},"42":{"position":[[746,15]]},"44":{"position":[[516,15]]},"46":{"position":[[582,15]]},"48":{"position":[[487,15]]},"50":{"position":[[454,15]]},"52":{"position":[[785,15]]},"54":{"position":[[524,15]]},"56":{"position":[[766,15]]},"58":{"position":[[390,15]]},"60":{"position":[[672,15],[763,15]]},"62":{"position":[[429,15]]},"64":{"position":[[370,15]]},"66":{"position":[[396,15]]},"68":{"position":[[967,15]]},"70":{"position":[[964,15]]},"72":{"position":[[1050,15]]},"74":{"position":[[598,15]]},"76":{"position":[[371,15]]},"78":{"position":[[473,15]]},"80":{"position":[[1714,15]]},"82":{"position":[[638,15]]},"84":{"position":[[583,15]]},"86":{"position":[[770,15]]},"88":{"position":[[441,15]]},"90":{"position":[[344,15]]},"92":{"position":[[424,15]]},"94":{"position":[[345,15]]},"96":{"position":[[425,15]]},"98":{"position":[[1016,15]]},"100":{"position":[[1532,15]]},"102":{"position":[[541,15]]},"104":{"position":[[850,15]]},"106":{"position":[[543,15]]},"108":{"position":[[639,15]]},"110":{"position":[[1207,15]]},"112":{"position":[[925,15]]},"114":{"position":[[411,15]]},"116":{"position":[[492,15]]},"118":{"position":[[498,15]]},"120":{"position":[[452,15]]},"122":{"position":[[385,15]]},"124":{"position":[[114,15]]},"126":{"position":[[211,15],[524,15],[920,15],[1213,15],[1455,15],[1717,15],[1970,15],[2188,15],[2435,15],[2748,15]]},"128":{"position":[[1595,15]]},"130":{"position":[[25,15],[68,15],[111,15],[153,15],[196,15],[239,15],[636,15],[680,15],[724,15],[767,15],[808,15],[849,15],[888,15],[927,15],[967,15],[1007,15],[1050,15],[1092,15]]},"132":{"position":[[188,15],[444,15],[693,15],[1061,15],[1152,15],[1410,15],[1699,15],[2005,15],[2266,15],[2539,15],[2935,15]]},"134":{"position":[[0,15],[155,15],[197,15],[352,15],[391,15],[550,15],[589,15],[748,15],[787,15],[964,15],[1018,15],[1161,15],[1219,15],[1416,15],[1448,15],[1592,15],[1618,15],[1828,15],[1854,15],[2018,15]]},"136":{"position":[[192,15],[459,15],[748,15],[1008,15],[1425,15],[1668,15],[1927,15],[2227,15],[2539,15],[2952,15]]},"138":{"position":[[0,15],[168,15],[194,15],[411,15]]},"140":{"position":[[170,15],[527,15],[864,15],[1122,15],[1232,15],[1387,15],[1501,15],[1746,15],[1775,15],[1917,15],[1974,15],[2136,15],[2180,15],[2353,15],[2384,15],[2537,15]]},"142":{"position":[[668,15]]},"144":{"position":[[43,15],[240,15]]},"146":{"position":[[338,15],[674,15],[1060,15],[1486,15],[1880,15],[1971,15],[2246,15],[2304,15],[2549,15],[2578,15],[2720,15],[2777,15],[2939,15]]},"148":{"position":[[300,15],[617,15],[902,15]]},"150":{"position":[[248,15]]},"152":{"position":[[331,15],[645,15]]},"154":{"position":[[371,15],[462,15]]},"156":{"position":[[54,15],[209,15]]},"158":{"position":[[298,15],[630,15],[893,15],[1170,15],[1497,15],[1845,15],[2119,15],[2373,15],[2649,15],[2924,15]]},"160":{"position":[[256,15],[529,15],[925,15],[1217,15],[1574,15]]},"162":{"position":[[51,15],[206,15]]},"164":{"position":[[276,15]]},"166":{"position":[[342,15],[634,15]]},"168":{"position":[[334,15],[626,15]]},"170":{"position":[[244,15],[493,15],[700,15]]},"172":{"position":[[59,15],[214,15]]},"174":{"position":[[212,15]]},"176":{"position":[[209,15]]},"178":{"position":[[210,15]]},"180":{"position":[[264,15]]},"182":{"position":[[271,15]]},"184":{"position":[[55,15],[210,15]]},"186":{"position":[[224,15]]},"188":{"position":[[268,15]]},"190":{"position":[[271,15]]},"192":{"position":[[54,15],[209,15]]},"194":{"position":[[335,15],[627,15]]},"196":{"position":[[263,15]]},"198":{"position":[[267,15]]},"200":{"position":[[224,15]]},"202":{"position":[[335,15],[627,15]]},"204":{"position":[[376,15],[467,15]]},"206":{"position":[[368,15],[459,15]]},"208":{"position":[[263,15]]},"210":{"position":[[238,15],[508,15]]},"212":{"position":[[286,15],[682,15],[975,15],[1217,15],[1479,15],[1732,15],[1950,15],[2197,15],[2510,15],[2830,15]]},"214":{"position":[[245,15],[534,15],[794,15],[1211,15],[1454,15],[1713,15],[2013,15],[2325,15],[2738,15],[3072,15]]},"216":{"position":[[334,15]]},"218":{"position":[[258,15]]},"220":{"position":[[240,15],[489,15],[857,15],[948,15],[1206,15],[1495,15],[1801,15],[2062,15],[2335,15],[2731,15],[3023,15]]},"222":{"position":[[297,15],[683,15],[1109,15],[1420,15]]},"224":{"position":[[273,15]]},"226":{"position":[[21,16],[385,15],[476,15]]},"228":{"position":[[269,15]]},"230":{"position":[[21,17],[307,15],[639,15],[902,15],[1179,15],[1506,15],[1854,15],[2128,15],[2382,15],[2658,15],[2933,15]]},"232":{"position":[[21,17],[254,15],[543,15],[803,15],[1220,15],[1463,15],[1722,15],[2022,15],[2334,15],[2747,15],[3081,15]]},"234":{"position":[[21,17],[295,15],[691,15],[984,15],[1226,15],[1488,15],[1741,15],[1959,15],[2206,15],[2519,15],[2839,15]]},"236":{"position":[[21,17],[249,15],[498,15],[866,15],[957,15],[1215,15],[1504,15],[1810,15],[2071,15],[2344,15],[2740,15],[3032,15]]},"238":{"position":[[21,17],[267,15],[604,15],[862,15],[972,15],[1127,15],[1241,15],[1486,15],[1515,15],[1657,15],[1714,15],[1876,15],[1920,15],[2093,15],[2124,15],[2277,15],[2310,15],[2465,15]]},"240":{"position":[[21,17],[53,15],[208,15],[247,15],[406,15],[445,15],[604,15],[643,15],[820,15],[874,15],[1017,15],[1075,15],[1272,15],[1304,15],[1448,15],[1474,15],[1684,15],[1710,15],[1874,15],[1900,15],[2068,15]]},"242":{"position":[[21,17],[53,15],[270,15]]},"244":{"position":[[257,15]]},"246":{"position":[[250,15],[569,15]]},"248":{"position":[[231,15],[485,15],[762,15]]},"250":{"position":[[291,15]]},"252":{"position":[[272,15]]},"254":{"position":[[246,15]]},"256":{"position":[[252,15],[667,15],[953,15]]},"258":{"position":[[299,15]]},"260":{"position":[[270,15]]},"262":{"position":[[251,15],[664,15]]},"264":{"position":[[253,15],[548,15],[982,15],[1395,15]]},"266":{"position":[[264,15]]},"268":{"position":[[263,15]]},"270":{"position":[[254,15],[547,15],[789,15],[1052,15],[1286,15],[1553,15],[1842,15],[2102,15],[2519,15],[2781,15]]},"272":{"position":[[290,15],[680,15],[942,15],[1194,15],[1448,15],[1774,15],[2187,15],[2547,15]]},"274":{"position":[[258,15],[539,15]]},"276":{"position":[[244,15],[493,15],[700,15]]},"278":{"position":[[231,15],[517,15]]},"280":{"position":[[267,15]]},"282":{"position":[[251,15]]},"284":{"position":[[248,15],[682,15],[1095,15]]},"286":{"position":[[244,15]]},"288":{"position":[[292,15],[675,15]]},"290":{"position":[[258,15]]},"292":{"position":[[246,15]]},"294":{"position":[[252,15],[534,15],[968,15]]},"296":{"position":[[245,15],[684,15]]},"298":{"position":[[252,15]]},"300":{"position":[[252,15]]},"302":{"position":[[259,15],[575,15]]},"304":{"position":[[292,15],[672,15]]},"306":{"position":[[301,15],[633,15],[896,15],[1173,15],[1500,15],[1848,15],[2122,15],[2376,15],[2652,15],[2927,15]]},"308":{"position":[[266,15],[543,15],[870,15],[1218,15],[1492,15],[1746,15],[2022,15],[2297,15],[2610,15],[3006,15]]},"310":{"position":[[362,15],[453,15],[711,15]]},"312":{"position":[[299,15],[541,15],[803,15],[1056,15],[1274,15],[1521,15],[1834,15],[2154,15],[2421,15],[2710,15]]},"314":{"position":[[243,15],[492,15],[860,15],[951,15],[1209,15]]},"316":{"position":[[289,15],[685,15],[978,15],[1220,15],[1482,15],[1735,15],[1953,15],[2200,15],[2513,15],[2833,15]]},"318":{"position":[[244,15],[661,15],[904,15],[1163,15],[1463,15],[1775,15],[2188,15],[2522,15],[2778,15],[3027,15]]},"320":{"position":[[251,15]]},"322":{"position":[[258,15]]},"324":{"position":[[225,15],[479,15],[756,15]]},"326":{"position":[[248,15],[537,15],[797,15],[1214,15],[1457,15],[1716,15],[2016,15],[2328,15],[2741,15],[3075,15]]},"328":{"position":[[298,15],[599,15],[926,15],[985,15],[1127,15]]},"330":{"position":[[297,15],[611,15],[871,15],[1190,15],[1304,15],[1457,15]]},"332":{"position":[[52,15],[229,15]]},"334":{"position":[[285,15]]},"336":{"position":[[261,15],[537,15]]},"338":{"position":[[262,15]]},"340":{"position":[[266,15]]},"342":{"position":[[264,15]]},"344":{"position":[[225,15]]},"346":{"position":[[283,15],[546,15],[863,15]]},"348":{"position":[[243,15]]},"350":{"position":[[252,15],[560,15],[975,15]]},"352":{"position":[[245,15],[658,15]]},"354":{"position":[[247,15],[542,15],[976,15],[1389,15]]},"356":{"position":[[258,15]]},"358":{"position":[[299,15],[609,15]]},"360":{"position":[[330,15],[642,15],[918,15],[1193,15],[1506,15],[1696,15],[1838,15],[1895,15],[2057,15]]},"362":{"position":[[42,15],[185,15]]},"364":{"position":[[296,15],[628,15],[875,15],[1276,15],[1588,15],[1864,15],[2134,15],[2427,15],[2669,15],[2932,15]]},"366":{"position":[[252,15],[533,15]]},"368":{"position":[[243,15],[556,15]]},"370":{"position":[[234,15],[501,15],[790,15],[1050,15],[1467,15],[1729,15],[2141,15],[2390,15],[2444,15],[2586,15],[2643,15],[2816,15]]},"372":{"position":[[43,15],[220,15]]},"374":{"position":[[264,15]]},"376":{"position":[[239,15]]},"378":{"position":[[237,15]]},"380":{"position":[[291,15],[657,15],[943,15]]},"382":{"position":[[257,15],[353,15],[508,15],[550,15],[693,15]]},"384":{"position":[[297,15],[614,15],[890,15],[1196,15],[1586,15],[1848,15],[2100,15],[2354,15],[2680,15],[3093,15]]},"386":{"position":[[241,15]]},"388":{"position":[[48,15],[191,15]]},"390":{"position":[[250,15],[558,15]]},"392":{"position":[[242,15],[676,15],[1089,15],[1235,15],[1390,15],[1432,15],[1575,15]]},"394":{"position":[[264,15],[541,15],[942,15],[1216,15]]},"396":{"position":[[237,15],[513,15]]},"398":{"position":[[49,15],[204,15],[243,15],[402,15],[441,15],[600,15]]},"400":{"position":[[256,15]]},"402":{"position":[[260,15]]},"404":{"position":[[249,15],[650,15]]},"406":{"position":[[297,15],[614,15]]},"408":{"position":[[339,15]]},"410":{"position":[[298,15],[639,15],[1022,15]]},"412":{"position":[[299,15],[600,15]]},"414":{"position":[[268,15]]},"416":{"position":[[254,15],[514,15]]},"418":{"position":[[259,15],[623,15],[927,15]]},"420":{"position":[[295,15]]},"422":{"position":[[260,15]]},"424":{"position":[[246,15],[528,15],[962,15]]},"426":{"position":[[246,15]]},"428":{"position":[[260,15],[528,15]]},"430":{"position":[[253,15],[569,15],[839,15],[944,15],[1121,15]]},"432":{"position":[[253,15]]},"434":{"position":[[44,15],[261,15]]},"436":{"position":[[246,15],[600,15],[980,15]]},"438":{"position":[[44,15],[212,15]]},"440":{"position":[[44,15],[254,15]]},"442":{"position":[[44,15],[208,15]]},"444":{"position":[[44,15],[188,15]]},"446":{"position":[[44,15],[241,15]]},"448":{"position":[[44,15],[221,15]]},"450":{"position":[[44,15],[187,15]]},"452":{"position":[[44,15],[203,15]]},"454":{"position":[[44,15],[203,15]]},"456":{"position":[[44,15],[199,15]]},"458":{"position":[[44,15],[199,15]]},"460":{"position":[[44,15],[197,15]]},"462":{"position":[[44,15],[217,15]]},"464":{"position":[[44,15],[206,15]]},"466":{"position":[[44,15],[186,15]]},"468":{"position":[[44,15],[289,15]]},"470":{"position":[[44,15],[199,15]]},"472":{"position":[[254,15]]},"474":{"position":[[328,15]]},"476":{"position":[[197,15]]},"478":{"position":[[258,15]]},"480":{"position":[[296,15]]},"482":{"position":[[251,15]]},"484":{"position":[[287,15]]},"486":{"position":[[256,15]]},"488":{"position":[[263,15]]},"490":{"position":[[256,15]]},"492":{"position":[[334,15]]},"494":{"position":[[225,15]]},"496":{"position":[[261,15]]},"498":{"position":[[247,15]]},"500":{"position":[[258,15]]},"502":{"position":[[358,15],[449,15]]},"504":{"position":[[237,15]]},"506":{"position":[[275,15]]},"508":{"position":[[239,15]]},"510":{"position":[[240,15]]},"512":{"position":[[232,15]]},"514":{"position":[[241,15]]},"516":{"position":[[264,15]]},"518":{"position":[[234,15]]},"520":{"position":[[225,15]]},"522":{"position":[[240,15]]},"524":{"position":[[242,15]]},"526":{"position":[[223,15]]},"528":{"position":[[245,15]]},"530":{"position":[[236,15]]},"532":{"position":[[234,15]]},"534":{"position":[[254,15]]},"536":{"position":[[247,15]]},"538":{"position":[[220,15]]},"540":{"position":[[220,15]]},"542":{"position":[[221,15]]},"544":{"position":[[244,15]]},"546":{"position":[[246,15]]},"548":{"position":[[259,15]]},"550":{"position":[[277,15]]},"552":{"position":[[262,15]]},"554":{"position":[[298,15]]},"578":{"position":[[3309,15]]},"584":{"position":[[1047,15]]},"624":{"position":[[2886,16],[7444,16]]},"626":{"position":[[3071,16],[6920,16]]},"632":{"position":[[2549,16]]},"634":{"position":[[2579,16],[6384,16]]},"636":{"position":[[2534,16],[3178,16],[6843,16],[7475,16]]},"638":{"position":[[2549,16]]},"642":{"position":[[2921,16],[6504,16]]},"644":{"position":[[2921,16],[5546,16],[6343,16]]},"650":{"position":[[214,15]]},"652":{"position":[[2575,16],[6409,16]]},"660":{"position":[[26267,16],[26499,16],[26744,16],[26978,16],[27225,16],[27470,16],[27709,16],[27947,16],[28185,16],[44296,16],[44528,16],[44773,16],[45007,16],[45254,16],[45499,16],[45738,16],[45976,16],[46214,16]]}}}],["blazorbootstrap'",{"_index":1974,"t":{"576":{"position":[[20008,17]]},"578":{"position":[[2954,17],[14041,17]]}}}],["blazorbootstrap.demo.model",{"_index":4526,"t":{"660":{"position":[[54918,28],[57254,28]]}}}],["blazorbootstrap.extens",{"_index":2908,"t":{"602":{"position":[[6629,26],[11131,26]]},"606":{"position":[[8303,26]]}}}],["blazorbootstrap.grid<employee1",{"_index":4512,"t":{"660":{"position":[[51875,31]]}}}],["blazorbootstrap.grid<employee4",{"_index":4653,"t":{"660":{"position":[[112244,31]]}}}],["blazorbootstrap.grid<us",{"_index":4720,"t":{"660":{"position":[[128523,26],[131164,26]]}}}],["blazorbootstrap61",{"_index":796,"t":{"142":{"position":[[650,17]]}}}],["blazorbootstrtap",{"_index":751,"t":{"128":{"position":[[761,16]]}}}],["blazorbreadcrumb",{"_index":582,"t":{"92":{"position":[[469,16]]},"126":{"position":[[2480,16]]},"212":{"position":[[2242,16]]},"234":{"position":[[2251,16]]},"244":{"position":[[21,18],[302,16]]},"300":{"position":[[297,16]]},"312":{"position":[[1566,16]]},"316":{"position":[[2245,16]]},"320":{"position":[[296,16]]},"322":{"position":[[303,16]]},"428":{"position":[[573,16]]},"432":{"position":[[298,16]]},"536":{"position":[[292,16]]}}}],["blazorbreadcrumb1",{"_index":797,"t":{"142":{"position":[[703,17]]}}}],["blazorbutton",{"_index":470,"t":{"70":{"position":[[988,13]]},"72":{"position":[[1141,12]]},"74":{"position":[[654,13]]},"78":{"position":[[497,13]]},"84":{"position":[[622,12]]},"136":{"position":[[498,12],[1449,13],[1983,13],[2318,12],[2976,13]]},"146":{"position":[[1542,13]]},"148":{"position":[[993,12]]},"152":{"position":[[736,12]]},"214":{"position":[[284,12],[1235,13],[1769,13],[2104,12],[2762,13]]},"222":{"position":[[1165,13]]},"224":{"position":[[364,12]]},"228":{"position":[[360,12]]},"232":{"position":[[293,12],[1244,13],[1778,13],[2113,12],[2771,13]]},"246":{"position":[[20,14],[289,12],[660,12]]},"248":{"position":[[20,15],[255,13],[541,13],[786,13]]},"252":{"position":[[363,12]]},"262":{"position":[[688,13]]},"264":{"position":[[292,12],[1419,13]]},"270":{"position":[[1592,12],[2543,13]]},"272":{"position":[[2211,13]]},"284":{"position":[[1119,13]]},"312":{"position":[[2460,12]]},"318":{"position":[[685,13],[1219,13],[1554,12],[2212,13]]},"324":{"position":[[249,13],[535,13],[780,13]]},"326":{"position":[[287,12],[1238,13],[1772,13],[2107,12],[2765,13]]},"330":{"position":[[910,12],[1281,12]]},"340":{"position":[[357,12]]},"348":{"position":[[282,12]]},"352":{"position":[[682,13]]},"354":{"position":[[286,12],[1413,13]]},"368":{"position":[[282,12]]},"370":{"position":[[540,12],[1491,13]]},"384":{"position":[[3117,13]]},"392":{"position":[[1113,13]]},"514":{"position":[[265,13]]},"516":{"position":[[355,12]]},"518":{"position":[[290,13]]},"520":{"position":[[249,13]]},"528":{"position":[[284,12]]}}}],["blazorbutton2",{"_index":798,"t":{"142":{"position":[[721,13]]}}}],["blazorbuttons3",{"_index":799,"t":{"142":{"position":[[735,14]]}}}],["blazorchart",{"_index":659,"t":{"104":{"position":[[1013,11]]},"126":{"position":[[687,11]]},"146":{"position":[[837,11]]},"212":{"position":[[449,11]]},"222":{"position":[[460,11]]},"234":{"position":[[458,11]]},"250":{"position":[[21,13],[454,11]]},"258":{"position":[[462,11]]},"272":{"position":[[453,11]]},"288":{"position":[[455,11]]},"304":{"position":[[455,11]]},"308":{"position":[[2773,11]]},"316":{"position":[[452,11]]},"334":{"position":[[448,11]]},"346":{"position":[[1026,11]]},"360":{"position":[[1669,11]]},"380":{"position":[[454,11]]},"384":{"position":[[1359,11]]},"410":{"position":[[802,11]]},"436":{"position":[[763,11]]},"484":{"position":[[450,11]]}}}],["blazorchart1",{"_index":800,"t":{"142":{"position":[[750,12]]}}}],["blazorcollaps",{"_index":483,"t":{"72":{"position":[[1093,14]]},"136":{"position":[[2270,14]]},"148":{"position":[[945,14]]},"152":{"position":[[688,14]]},"214":{"position":[[2056,14]]},"224":{"position":[[316,14]]},"228":{"position":[[312,14]]},"232":{"position":[[2065,14]]},"246":{"position":[[612,14]]},"252":{"position":[[21,16],[315,14]]},"318":{"position":[[1506,14]]},"326":{"position":[[2059,14]]},"330":{"position":[[1233,14]]},"340":{"position":[[309,14]]},"516":{"position":[[307,14]]}}}],["blazorcollapse1",{"_index":801,"t":{"142":{"position":[[763,15]]}}}],["blazorconfirmdialog",{"_index":658,"t":{"104":{"position":[[912,19]]},"126":{"position":[[586,19]]},"146":{"position":[[736,19]]},"212":{"position":[[348,19]]},"222":{"position":[[359,19]]},"234":{"position":[[357,19]]},"250":{"position":[[353,19]]},"258":{"position":[[21,21],[361,19]]},"272":{"position":[[352,19]]},"288":{"position":[[354,19]]},"304":{"position":[[354,19]]},"308":{"position":[[2672,19]]},"316":{"position":[[351,19]]},"334":{"position":[[347,19]]},"346":{"position":[[925,19]]},"360":{"position":[[1568,19]]},"380":{"position":[[353,19]]},"384":{"position":[[1258,19]]},"410":{"position":[[701,19]]},"436":{"position":[[662,19]]},"484":{"position":[[349,19]]}}}],["blazorconfirmdialog1",{"_index":802,"t":{"142":{"position":[[779,20]]}}}],["blazorconfirmmod",{"_index":411,"t":{"56":{"position":[[813,18]]},"132":{"position":[[1457,18]]},"220":{"position":[[1253,18]]},"236":{"position":[[1262,18]]},"260":{"position":[[21,20],[317,18]]},"266":{"position":[[311,18]]},"272":{"position":[[2594,18]]},"310":{"position":[[758,18]]},"314":{"position":[[1256,18]]},"342":{"position":[[311,18]]},"356":{"position":[[305,18]]},"382":{"position":[[304,18]]},"500":{"position":[[305,18]]}}}],["blazorconfirmmodal1",{"_index":803,"t":{"142":{"position":[[800,19]]}}}],["blazorcurrencyinput",{"_index":376,"t":{"48":{"position":[[547,19]]},"76":{"position":[[410,19]]},"80":{"position":[[1818,19]]},"132":{"position":[[2599,19]]},"136":{"position":[[1112,19],[1707,19]]},"146":{"position":[[1164,19]]},"160":{"position":[[589,19]]},"164":{"position":[[336,19]]},"188":{"position":[[328,19]]},"214":{"position":[[898,19],[1493,19]]},"220":{"position":[[2395,19]]},"222":{"position":[[787,19]]},"232":{"position":[[907,19],[1502,19]]},"236":{"position":[[2404,19]]},"256":{"position":[[20,21],[356,19],[706,19],[1013,19]]},"264":{"position":[[652,19]]},"270":{"position":[[2206,19]]},"280":{"position":[[327,19]]},"282":{"position":[[355,19]]},"284":{"position":[[352,19]]},"294":{"position":[[638,19]]},"296":{"position":[[349,19]]},"318":{"position":[[348,19],[943,19]]},"326":{"position":[[901,19],[1496,19]]},"344":{"position":[[264,19]]},"350":{"position":[[664,19],[1014,19]]},"354":{"position":[[646,19]]},"370":{"position":[[1154,19]]},"390":{"position":[[662,19]]},"392":{"position":[[346,19]]},"416":{"position":[[618,19]]},"424":{"position":[[632,19]]},"496":{"position":[[321,19]]},"522":{"position":[[344,19]]},"526":{"position":[[262,19]]}}}],["blazorcurrencyinput3",{"_index":804,"t":{"142":{"position":[[820,20]]}}}],["blazord",{"_index":463,"t":{"68":{"position":[[1102,10]]},"136":{"position":[[2674,10]]},"214":{"position":[[2460,10]]},"232":{"position":[[2469,10]]},"254":{"position":[[21,12],[381,10]]},"262":{"position":[[386,10]]},"264":{"position":[[1117,10]]},"270":{"position":[[2916,10]]},"272":{"position":[[1909,10]]},"284":{"position":[[817,10]]},"292":{"position":[[381,10]]},"294":{"position":[[1103,10]]},"298":{"position":[[387,10]]},"318":{"position":[[1910,10]]},"326":{"position":[[2463,10]]},"352":{"position":[[380,10]]},"354":{"position":[[1111,10]]},"370":{"position":[[1864,10]]},"384":{"position":[[2815,10]]},"392":{"position":[[811,10]]},"424":{"position":[[1097,10]]},"426":{"position":[[381,10]]},"524":{"position":[[377,10]]}}}],["blazordate1",{"_index":805,"t":{"142":{"position":[[841,11]]}}}],["blazordateinput",{"_index":461,"t":{"68":{"position":[[1069,15]]},"70":{"position":[[1023,15]]},"80":{"position":[[1848,15]]},"84":{"position":[[656,15]]},"136":{"position":[[532,15],[1142,15],[2641,15],[3011,15]]},"146":{"position":[[1194,15]]},"214":{"position":[[318,15],[928,15],[2427,15],[2797,15]]},"222":{"position":[[817,15]]},"232":{"position":[[327,15],[937,15],[2436,15],[2806,15]]},"246":{"position":[[323,15]]},"248":{"position":[[821,15]]},"254":{"position":[[348,15]]},"256":{"position":[[386,15]]},"262":{"position":[[353,15],[723,15]]},"264":{"position":[[20,17],[326,15],[682,15],[1084,15],[1454,15]]},"270":{"position":[[1626,15],[2236,15],[2883,15]]},"272":{"position":[[1876,15],[2246,15]]},"282":{"position":[[385,15]]},"284":{"position":[[382,15],[784,15],[1154,15]]},"292":{"position":[[348,15]]},"294":{"position":[[668,15],[1070,15]]},"296":{"position":[[379,15]]},"298":{"position":[[354,15]]},"312":{"position":[[2494,15]]},"318":{"position":[[378,15],[1877,15],[2247,15]]},"324":{"position":[[815,15]]},"326":{"position":[[321,15],[931,15],[2430,15],[2800,15]]},"330":{"position":[[944,15]]},"348":{"position":[[316,15]]},"350":{"position":[[694,15]]},"352":{"position":[[347,15],[717,15]]},"354":{"position":[[320,15],[676,15],[1078,15],[1448,15]]},"368":{"position":[[316,15]]},"370":{"position":[[574,15],[1184,15],[1831,15]]},"384":{"position":[[2782,15],[3152,15]]},"390":{"position":[[692,15]]},"392":{"position":[[376,15],[778,15],[1148,15]]},"416":{"position":[[648,15]]},"424":{"position":[[662,15],[1064,15]]},"426":{"position":[[348,15]]},"514":{"position":[[300,15]]},"522":{"position":[[374,15]]},"524":{"position":[[344,15]]},"528":{"position":[[318,15]]}}}],["blazordateinput4",{"_index":806,"t":{"142":{"position":[[853,16]]}}}],["blazordatepick",{"_index":462,"t":{"68":{"position":[[1085,16]]},"70":{"position":[[1039,16]]},"136":{"position":[[2657,16],[3027,16]]},"214":{"position":[[2443,16],[2813,16]]},"232":{"position":[[2452,16],[2822,16]]},"248":{"position":[[837,16]]},"254":{"position":[[364,16]]},"262":{"position":[[20,18],[369,16],[739,16]]},"264":{"position":[[1100,16],[1470,16]]},"270":{"position":[[2899,16]]},"272":{"position":[[1892,16],[2262,16]]},"284":{"position":[[800,16],[1170,16]]},"292":{"position":[[364,16]]},"294":{"position":[[1086,16]]},"298":{"position":[[370,16]]},"318":{"position":[[1893,16],[2263,16]]},"324":{"position":[[831,16]]},"326":{"position":[[2446,16],[2816,16]]},"352":{"position":[[363,16],[733,16]]},"354":{"position":[[1094,16],[1464,16]]},"370":{"position":[[1847,16]]},"384":{"position":[[2798,16],[3168,16]]},"392":{"position":[[794,16],[1164,16]]},"424":{"position":[[1080,16]]},"426":{"position":[[364,16]]},"514":{"position":[[316,16]]},"524":{"position":[[360,16]]}}}],["blazordatepicker2",{"_index":807,"t":{"142":{"position":[[870,17]]}}}],["blazordialog",{"_index":412,"t":{"56":{"position":[[839,12]]},"132":{"position":[[1483,12]]},"220":{"position":[[1279,12]]},"236":{"position":[[1288,12]]},"260":{"position":[[343,12]]},"266":{"position":[[21,14],[337,12]]},"272":{"position":[[2620,12]]},"310":{"position":[[784,12]]},"314":{"position":[[1282,12]]},"342":{"position":[[337,12]]},"356":{"position":[[331,12]]},"382":{"position":[[330,12]]},"500":{"position":[[331,12]]}}}],["blazordialog1",{"_index":808,"t":{"142":{"position":[[888,13]]}}}],["blazordropdown",{"_index":670,"t":{"106":{"position":[[568,14]]},"126":{"position":[[236,14]]},"158":{"position":[[2949,14]]},"230":{"position":[[2958,14]]},"268":{"position":[[21,16],[288,14]]},"274":{"position":[[283,14]]},"306":{"position":[[2952,14]]},"308":{"position":[[2322,14]]},"358":{"position":[[634,14]]},"360":{"position":[[1218,14]]},"366":{"position":[[277,14]]},"486":{"position":[[281,14]]}}}],["blazordropdown1",{"_index":809,"t":{"142":{"position":[[902,15]]}}}],["blazorgrid",{"_index":335,"t":{"40":{"position":[[399,10]]},"62":{"position":[[462,10]]},"64":{"position":[[403,10]]},"68":{"position":[[1118,10]]},"78":{"position":[[516,10]]},"80":{"position":[[1735,10]]},"82":{"position":[[659,10]]},"84":{"position":[[604,10]]},"88":{"position":[[462,10]]},"96":{"position":[[446,10]]},"98":{"position":[[1037,10]]},"100":{"position":[[1553,10]]},"102":{"position":[[562,10]]},"126":{"position":[[941,10],[1234,10],[1476,10],[1991,10]]},"132":{"position":[[477,10],[726,10]]},"136":{"position":[[213,10],[480,10],[769,10],[1029,10],[1468,10],[2690,10]]},"140":{"position":[[1138,10]]},"146":{"position":[[1081,10]]},"170":{"position":[[277,10],[526,10],[716,10]]},"174":{"position":[[228,10]]},"176":{"position":[[225,10]]},"178":{"position":[[226,10]]},"212":{"position":[[703,10],[996,10],[1238,10],[1753,10],[2851,10]]},"214":{"position":[[266,10],[555,10],[815,10],[1254,10],[2476,10]]},"220":{"position":[[273,10],[522,10]]},"222":{"position":[[704,10]]},"232":{"position":[[275,10],[564,10],[824,10],[1263,10],[2485,10]]},"234":{"position":[[712,10],[1005,10],[1247,10],[1762,10],[2860,10]]},"236":{"position":[[282,10],[531,10]]},"238":{"position":[[878,10]]},"246":{"position":[[271,10]]},"248":{"position":[[274,10]]},"254":{"position":[[397,10]]},"256":{"position":[[273,10]]},"262":{"position":[[402,10]]},"264":{"position":[[274,10],[569,10],[1133,10]]},"270":{"position":[[21,12],[275,10],[568,10],[810,10],[1073,10],[1307,10],[1574,10],[1863,10],[2123,10],[2562,10],[2932,10]]},"272":{"position":[[701,10],[1925,10]]},"276":{"position":[[21,12],[277,10],[526,10],[716,10]]},"282":{"position":[[272,10]]},"284":{"position":[[269,10],[833,10]]},"286":{"position":[[265,10]]},"292":{"position":[[397,10]]},"294":{"position":[[273,10],[555,10],[1119,10]]},"296":{"position":[[266,10]]},"298":{"position":[[403,10]]},"304":{"position":[[693,10]]},"308":{"position":[[3027,10]]},"312":{"position":[[320,10],[562,10],[1077,10],[2175,10],[2442,10],[2731,10]]},"314":{"position":[[276,10],[525,10]]},"316":{"position":[[706,10],[999,10],[1241,10],[1756,10],[2854,10]]},"318":{"position":[[265,10],[704,10],[1926,10],[2811,10],[3060,10]]},"324":{"position":[[268,10]]},"326":{"position":[[269,10],[558,10],[818,10],[1257,10],[2479,10]]},"330":{"position":[[892,10]]},"348":{"position":[[264,10]]},"350":{"position":[[581,10]]},"352":{"position":[[396,10]]},"354":{"position":[[268,10],[563,10],[1127,10]]},"364":{"position":[[2155,10],[2448,10],[2690,10],[2953,10]]},"368":{"position":[[264,10]]},"370":{"position":[[255,10],[522,10],[811,10],[1071,10],[1510,10],[1880,10],[2174,10],[2423,10]]},"384":{"position":[[1607,10],[2831,10]]},"390":{"position":[[579,10]]},"392":{"position":[[263,10],[827,10]]},"396":{"position":[[258,10]]},"416":{"position":[[535,10]]},"424":{"position":[[267,10],[549,10],[1113,10]]},"426":{"position":[[397,10]]},"436":{"position":[[1001,10]]},"476":{"position":[[213,10]]},"480":{"position":[[317,10]]},"482":{"position":[[272,10]]},"508":{"position":[[272,10]]},"510":{"position":[[273,10]]},"520":{"position":[[268,10]]},"522":{"position":[[261,10]]},"524":{"position":[[393,10]]},"528":{"position":[[266,10]]},"530":{"position":[[257,10]]},"532":{"position":[[255,10]]},"542":{"position":[[242,10]]},"544":{"position":[[265,10]]}}}],["blazorgrid13",{"_index":810,"t":{"142":{"position":[[918,12]]}}}],["blazoricon",{"_index":561,"t":{"86":{"position":[[809,10]]},"106":{"position":[[588,10]]},"126":{"position":[[256,10],[2787,10]]},"158":{"position":[[2969,10]]},"212":{"position":[[2549,10]]},"230":{"position":[[2978,10]]},"234":{"position":[[2558,10]]},"268":{"position":[[308,10]]},"272":{"position":[[1487,10]]},"274":{"position":[[20,12],[303,10],[578,10]]},"278":{"position":[[556,10]]},"290":{"position":[[297,10]]},"302":{"position":[[298,10]]},"306":{"position":[[2972,10]]},"308":{"position":[[2342,10]]},"312":{"position":[[1873,10]]},"316":{"position":[[2552,10]]},"358":{"position":[[654,10]]},"360":{"position":[[1238,10]]},"366":{"position":[[297,10],[572,10]]},"380":{"position":[[982,10]]},"384":{"position":[[2393,10]]},"418":{"position":[[966,10]]},"430":{"position":[[292,10]]},"486":{"position":[[301,10]]},"534":{"position":[[293,10]]}}}],["blazoricon2",{"_index":811,"t":{"142":{"position":[[931,11]]}}}],["blazoris",{"_index":101,"t":{"2":{"position":[[2164,10],[2189,9],[2270,9],[2329,9],[2716,9]]},"124":{"position":[[652,10],[677,9],[758,9],[817,9],[1204,9]]}}}],["blazorise'",{"_index":89,"t":{"2":{"position":[[1949,11],[2452,11]]},"124":{"position":[[437,11],[940,11]]}}}],["blazormod",{"_index":409,"t":{"56":{"position":[[788,11]]},"68":{"position":[[1135,11]]},"70":{"position":[[1088,11]]},"86":{"position":[[792,11]]},"90":{"position":[[366,11]]},"94":{"position":[[380,11]]},"98":{"position":[[1080,11]]},"104":{"position":[[938,11]]},"126":{"position":[[612,11],[1519,11],[1752,11],[2210,11],[2770,11]]},"132":{"position":[[1432,11]]},"136":{"position":[[2707,11],[3076,11]]},"146":{"position":[[762,11]]},"212":{"position":[[374,11],[1281,11],[1514,11],[1972,11],[2532,11]]},"214":{"position":[[2493,11],[2862,11]]},"220":{"position":[[1228,11]]},"222":{"position":[[385,11]]},"232":{"position":[[2502,11],[2871,11]]},"234":{"position":[[383,11],[1290,11],[1523,11],[1981,11],[2541,11]]},"236":{"position":[[1237,11]]},"248":{"position":[[886,11]]},"250":{"position":[[379,11]]},"254":{"position":[[414,11]]},"258":{"position":[[387,11]]},"260":{"position":[[292,11]]},"262":{"position":[[419,11],[788,11]]},"264":{"position":[[1150,11],[1519,11]]},"266":{"position":[[286,11]]},"270":{"position":[[853,11],[2949,11]]},"272":{"position":[[20,13],[378,11],[744,11],[977,11],[1216,11],[1470,11],[1942,11],[2311,11],[2569,11]]},"274":{"position":[[561,11]]},"278":{"position":[[266,11],[539,11]]},"284":{"position":[[850,11],[1219,11]]},"288":{"position":[[380,11]]},"290":{"position":[[280,11]]},"292":{"position":[[414,11]]},"294":{"position":[[316,11],[1136,11]]},"298":{"position":[[420,11]]},"302":{"position":[[281,11]]},"304":{"position":[[380,11]]},"308":{"position":[[2698,11]]},"310":{"position":[[733,11]]},"312":{"position":[[605,11],[838,11],[1296,11],[1856,11]]},"314":{"position":[[1231,11]]},"316":{"position":[[377,11],[1284,11],[1517,11],[1975,11],[2535,11]]},"318":{"position":[[1943,11],[2312,11]]},"324":{"position":[[880,11]]},"326":{"position":[[2496,11],[2865,11]]},"334":{"position":[[373,11]]},"342":{"position":[[286,11]]},"346":{"position":[[951,11]]},"352":{"position":[[413,11],[782,11]]},"354":{"position":[[1144,11],[1513,11]]},"356":{"position":[[280,11]]},"360":{"position":[[1594,11]]},"364":{"position":[[2733,11]]},"366":{"position":[[555,11]]},"370":{"position":[[1897,11]]},"380":{"position":[[379,11],[692,11],[965,11]]},"382":{"position":[[279,11]]},"384":{"position":[[1284,11],[1650,11],[1883,11],[2122,11],[2376,11],[2848,11],[3217,11]]},"392":{"position":[[844,11],[1213,11]]},"410":{"position":[[727,11]]},"418":{"position":[[949,11]]},"424":{"position":[[310,11],[1130,11]]},"426":{"position":[[414,11]]},"430":{"position":[[275,11]]},"436":{"position":[[688,11]]},"484":{"position":[[375,11]]},"500":{"position":[[280,11]]},"514":{"position":[[365,11]]},"524":{"position":[[410,11]]},"534":{"position":[[276,11]]},"538":{"position":[[242,11]]},"540":{"position":[[255,11]]},"544":{"position":[[308,11]]}}}],["blazormodal8",{"_index":812,"t":{"142":{"position":[[943,12]]}}}],["blazormodalservic",{"_index":563,"t":{"86":{"position":[[833,18]]},"94":{"position":[[392,18]]},"126":{"position":[[1764,18],[2811,18]]},"212":{"position":[[1526,18],[2573,18]]},"234":{"position":[[1535,18],[2582,18]]},"272":{"position":[[989,18],[1511,18]]},"274":{"position":[[602,18]]},"278":{"position":[[20,20],[278,18],[580,18]]},"290":{"position":[[321,18]]},"302":{"position":[[322,18]]},"312":{"position":[[850,18],[1897,18]]},"316":{"position":[[1529,18],[2576,18]]},"366":{"position":[[596,18]]},"380":{"position":[[704,18],[1006,18]]},"384":{"position":[[1895,18],[2417,18]]},"418":{"position":[[990,18]]},"430":{"position":[[316,18]]},"534":{"position":[[317,18]]},"540":{"position":[[267,18]]}}}],["blazormodalservice2",{"_index":813,"t":{"142":{"position":[[956,19]]}}}],["blazornumb",{"_index":375,"t":{"48":{"position":[[520,12]]},"132":{"position":[[2572,12]]},"160":{"position":[[562,12]]},"164":{"position":[[309,12]]},"188":{"position":[[301,12]]},"220":{"position":[[2368,12]]},"236":{"position":[[2377,12]]},"256":{"position":[[986,12]]},"280":{"position":[[21,14],[300,12]]},"496":{"position":[[294,12]]}}}],["blazornumber1",{"_index":814,"t":{"142":{"position":[[976,13]]}}}],["blazornumberinput",{"_index":529,"t":{"80":{"position":[[1876,17]]},"136":{"position":[[1170,17]]},"146":{"position":[[1222,17]]},"214":{"position":[[956,17]]},"222":{"position":[[845,17]]},"232":{"position":[[965,17]]},"256":{"position":[[414,17]]},"264":{"position":[[710,17]]},"270":{"position":[[2264,17]]},"282":{"position":[[21,19],[413,17]]},"284":{"position":[[410,17]]},"294":{"position":[[696,17]]},"296":{"position":[[407,17]]},"318":{"position":[[406,17]]},"326":{"position":[[959,17]]},"350":{"position":[[722,17]]},"354":{"position":[[704,17]]},"370":{"position":[[1212,17]]},"390":{"position":[[720,17]]},"392":{"position":[[404,17]]},"416":{"position":[[676,17]]},"424":{"position":[[690,17]]},"522":{"position":[[402,17]]}}}],["blazornumberinput1",{"_index":815,"t":{"142":{"position":[[990,18]]}}}],["blazoroffcanva",{"_index":464,"t":{"68":{"position":[[1157,15]]},"70":{"position":[[1066,15]]},"80":{"position":[[1756,15]]},"136":{"position":[[1050,15],[2729,15],[3054,15]]},"146":{"position":[[1102,15]]},"214":{"position":[[836,15],[2515,15],[2840,15]]},"222":{"position":[[725,15]]},"232":{"position":[[845,15],[2524,15],[2849,15]]},"248":{"position":[[864,15]]},"254":{"position":[[436,15]]},"256":{"position":[[294,15]]},"262":{"position":[[441,15],[766,15]]},"264":{"position":[[590,15],[1172,15],[1497,15]]},"270":{"position":[[2144,15],[2971,15]]},"272":{"position":[[1964,15],[2289,15]]},"282":{"position":[[293,15]]},"284":{"position":[[20,17],[290,15],[872,15],[1197,15]]},"292":{"position":[[436,15]]},"294":{"position":[[576,15],[1158,15]]},"296":{"position":[[287,15]]},"298":{"position":[[442,15]]},"318":{"position":[[286,15],[1965,15],[2290,15]]},"324":{"position":[[858,15]]},"326":{"position":[[839,15],[2518,15],[2843,15]]},"350":{"position":[[602,15]]},"352":{"position":[[435,15],[760,15]]},"354":{"position":[[584,15],[1166,15],[1491,15]]},"370":{"position":[[1092,15],[1919,15]]},"384":{"position":[[2870,15],[3195,15]]},"390":{"position":[[600,15]]},"392":{"position":[[284,15],[866,15],[1191,15]]},"416":{"position":[[556,15]]},"424":{"position":[[570,15],[1152,15]]},"426":{"position":[[436,15]]},"514":{"position":[[343,15]]},"522":{"position":[[282,15]]},"524":{"position":[[432,15]]}}}],["blazoroffcanvas3",{"_index":816,"t":{"142":{"position":[[1009,16]]}}}],["blazorprogress",{"_index":573,"t":{"88":{"position":[[482,14]]},"136":{"position":[[233,14]]},"212":{"position":[[2871,14]]},"234":{"position":[[2880,14]]},"270":{"position":[[1327,14]]},"286":{"position":[[21,16],[285,14]]},"312":{"position":[[2195,14]]},"316":{"position":[[2874,14]]},"370":{"position":[[275,14]]},"396":{"position":[[278,14]]},"530":{"position":[[277,14]]}}}],["blazorprogress1",{"_index":817,"t":{"142":{"position":[[1026,15]]}}}],["blazorsidebar",{"_index":415,"t":{"58":{"position":[[414,13]]},"104":{"position":[[993,13]]},"126":{"position":[[667,13]]},"132":{"position":[[1723,13]]},"146":{"position":[[817,13]]},"212":{"position":[[429,13]]},"220":{"position":[[1519,13]]},"222":{"position":[[440,13]]},"234":{"position":[[438,13]]},"236":{"position":[[1528,13]]},"250":{"position":[[434,13]]},"258":{"position":[[442,13]]},"272":{"position":[[433,13]]},"288":{"position":[[20,15],[435,13],[699,13]]},"304":{"position":[[435,13]]},"308":{"position":[[2753,13]]},"316":{"position":[[432,13]]},"334":{"position":[[428,13]]},"346":{"position":[[1006,13]]},"360":{"position":[[1649,13]]},"376":{"position":[[263,13]]},"378":{"position":[[261,13]]},"380":{"position":[[434,13]]},"384":{"position":[[1339,13]]},"386":{"position":[[265,13]]},"410":{"position":[[782,13],[1046,13]]},"436":{"position":[[743,13]]},"484":{"position":[[430,13]]},"504":{"position":[[261,13]]}}}],["blazorsidebar2",{"_index":818,"t":{"142":{"position":[[1042,14]]}}}],["blazorswitch",{"_index":380,"t":{"50":{"position":[[487,12]]},"80":{"position":[[1901,12]]},"132":{"position":[[2299,12]]},"136":{"position":[[1195,12]]},"146":{"position":[[1247,12]]},"160":{"position":[[289,12]]},"214":{"position":[[981,12]]},"220":{"position":[[2095,12]]},"222":{"position":[[870,12]]},"232":{"position":[[990,12]]},"236":{"position":[[2104,12]]},"256":{"position":[[439,12]]},"264":{"position":[[735,12]]},"270":{"position":[[2289,12]]},"282":{"position":[[438,12]]},"284":{"position":[[435,12]]},"294":{"position":[[721,12]]},"296":{"position":[[20,14],[432,12],[717,12]]},"318":{"position":[[431,12]]},"326":{"position":[[984,12]]},"350":{"position":[[747,12]]},"354":{"position":[[729,12]]},"370":{"position":[[1237,12]]},"390":{"position":[[745,12]]},"392":{"position":[[429,12]]},"416":{"position":[[701,12]]},"424":{"position":[[715,12]]},"498":{"position":[[280,12]]},"522":{"position":[[427,12]]}}}],["blazorswitch2",{"_index":819,"t":{"142":{"position":[[1057,13]]}}}],["blazortab",{"_index":564,"t":{"86":{"position":[[877,10]]},"126":{"position":[[2855,10]]},"212":{"position":[[2617,10]]},"234":{"position":[[2626,10]]},"272":{"position":[[1555,10]]},"274":{"position":[[646,10]]},"278":{"position":[[624,10]]},"290":{"position":[[21,12],[365,10]]},"302":{"position":[[366,10]]},"312":{"position":[[1941,10]]},"316":{"position":[[2620,10]]},"366":{"position":[[640,10]]},"380":{"position":[[1050,10]]},"384":{"position":[[2461,10]]},"418":{"position":[[1034,10]]},"430":{"position":[[360,10]]},"534":{"position":[[361,10]]}}}],["blazortabs1",{"_index":820,"t":{"142":{"position":[[1071,11]]}}}],["blazortim",{"_index":459,"t":{"68":{"position":[[1037,10]]},"136":{"position":[[2609,10]]},"214":{"position":[[2395,10]]},"232":{"position":[[2404,10]]},"254":{"position":[[316,10]]},"262":{"position":[[321,10]]},"264":{"position":[[1052,10]]},"270":{"position":[[2851,10]]},"272":{"position":[[1844,10]]},"284":{"position":[[752,10]]},"292":{"position":[[21,12],[316,10]]},"294":{"position":[[1038,10]]},"298":{"position":[[322,10]]},"318":{"position":[[1845,10]]},"326":{"position":[[2398,10]]},"352":{"position":[[315,10]]},"354":{"position":[[1046,10]]},"370":{"position":[[1799,10]]},"384":{"position":[[2750,10]]},"392":{"position":[[746,10]]},"424":{"position":[[1032,10]]},"426":{"position":[[316,10]]},"524":{"position":[[312,10]]}}}],["blazortime1",{"_index":821,"t":{"142":{"position":[[1083,11]]}}}],["blazortimeinput",{"_index":457,"t":{"68":{"position":[[1004,15]]},"80":{"position":[[1924,15]]},"98":{"position":[[1058,15]]},"126":{"position":[[1497,15]]},"136":{"position":[[1218,15],[2576,15]]},"146":{"position":[[1270,15]]},"212":{"position":[[1259,15]]},"214":{"position":[[1004,15],[2362,15]]},"222":{"position":[[893,15]]},"232":{"position":[[1013,15],[2371,15]]},"234":{"position":[[1268,15]]},"254":{"position":[[283,15]]},"256":{"position":[[462,15]]},"262":{"position":[[288,15]]},"264":{"position":[[758,15],[1019,15]]},"270":{"position":[[831,15],[2312,15],[2818,15]]},"272":{"position":[[722,15],[1811,15]]},"282":{"position":[[461,15]]},"284":{"position":[[458,15],[719,15]]},"292":{"position":[[283,15]]},"294":{"position":[[20,17],[294,15],[744,15],[1005,15]]},"296":{"position":[[455,15]]},"298":{"position":[[289,15]]},"312":{"position":[[583,15]]},"316":{"position":[[1262,15]]},"318":{"position":[[454,15],[1812,15]]},"326":{"position":[[1007,15],[2365,15]]},"350":{"position":[[770,15]]},"352":{"position":[[282,15]]},"354":{"position":[[752,15],[1013,15]]},"364":{"position":[[2711,15]]},"370":{"position":[[1260,15],[1766,15]]},"384":{"position":[[1628,15],[2717,15]]},"390":{"position":[[768,15]]},"392":{"position":[[452,15],[713,15]]},"416":{"position":[[724,15]]},"424":{"position":[[288,15],[738,15],[999,15]]},"426":{"position":[[283,15]]},"522":{"position":[[450,15]]},"524":{"position":[[279,15]]},"544":{"position":[[286,15]]}}}],["blazortimeinput3",{"_index":822,"t":{"142":{"position":[[1095,16]]}}}],["blazortimepick",{"_index":458,"t":{"68":{"position":[[1020,16]]},"136":{"position":[[2592,16]]},"214":{"position":[[2378,16]]},"232":{"position":[[2387,16]]},"254":{"position":[[299,16]]},"262":{"position":[[304,16]]},"264":{"position":[[1035,16]]},"270":{"position":[[2834,16]]},"272":{"position":[[1827,16]]},"284":{"position":[[735,16]]},"292":{"position":[[299,16]]},"294":{"position":[[1021,16]]},"298":{"position":[[21,18],[305,16]]},"318":{"position":[[1828,16]]},"326":{"position":[[2381,16]]},"352":{"position":[[298,16]]},"354":{"position":[[1029,16]]},"370":{"position":[[1782,16]]},"384":{"position":[[2733,16]]},"392":{"position":[[729,16]]},"424":{"position":[[1015,16]]},"426":{"position":[[299,16]]},"524":{"position":[[295,16]]}}}],["blazortimepicker1",{"_index":823,"t":{"142":{"position":[[1112,17]]}}}],["blazortoast",{"_index":439,"t":{"66":{"position":[[433,12]]},"86":{"position":[[859,12]]},"92":{"position":[[492,11]]},"126":{"position":[[2503,11],[2837,12]]},"132":{"position":[[225,12]]},"210":{"position":[[275,12]]},"212":{"position":[[2265,11],[2599,12]]},"214":{"position":[[3109,12]]},"232":{"position":[[3118,12]]},"234":{"position":[[2274,11],[2608,12]]},"244":{"position":[[325,11]]},"272":{"position":[[1537,12]]},"274":{"position":[[628,12]]},"278":{"position":[[606,12]]},"290":{"position":[[347,12]]},"300":{"position":[[21,13],[320,11]]},"302":{"position":[[20,14],[348,12],[612,12]]},"312":{"position":[[1589,11],[1923,12]]},"316":{"position":[[2268,11],[2602,12]]},"318":{"position":[[2559,12]]},"320":{"position":[[319,11]]},"322":{"position":[[326,11]]},"326":{"position":[[3112,12]]},"366":{"position":[[622,12]]},"380":{"position":[[1032,12]]},"384":{"position":[[2443,12]]},"418":{"position":[[1016,12]]},"428":{"position":[[596,11]]},"430":{"position":[[342,12],[606,12]]},"432":{"position":[[321,11]]},"512":{"position":[[269,12]]},"534":{"position":[[343,12]]},"536":{"position":[[315,11]]}}}],["blazortoast1",{"_index":824,"t":{"142":{"position":[[1130,12]]}}}],["blazortoasts2",{"_index":825,"t":{"142":{"position":[[1143,13]]}}}],["blazortooltip",{"_index":535,"t":{"82":{"position":[[678,13]]},"104":{"position":[[971,13]]},"126":{"position":[[645,13]]},"136":{"position":[[788,13]]},"146":{"position":[[795,13]]},"212":{"position":[[407,13]]},"214":{"position":[[574,13]]},"222":{"position":[[418,13]]},"232":{"position":[[583,13]]},"234":{"position":[[416,13]]},"250":{"position":[[412,13]]},"258":{"position":[[420,13]]},"270":{"position":[[1882,13]]},"272":{"position":[[411,13]]},"288":{"position":[[413,13]]},"304":{"position":[[20,15],[413,13],[712,13]]},"308":{"position":[[2731,13]]},"312":{"position":[[2750,13]]},"316":{"position":[[410,13]]},"326":{"position":[[577,13]]},"334":{"position":[[406,13]]},"346":{"position":[[984,13]]},"360":{"position":[[1627,13]]},"370":{"position":[[830,13]]},"380":{"position":[[412,13]]},"384":{"position":[[1317,13]]},"410":{"position":[[760,13]]},"436":{"position":[[721,13],[1020,13]]},"484":{"position":[[408,13]]},"532":{"position":[[274,13]]}}}],["blazortooltip2",{"_index":826,"t":{"142":{"position":[[1157,14]]}}}],["block",{"_index":1385,"t":{"568":{"position":[[295,5],[329,5],[5461,5],[5516,6],[5910,5],[6383,5],[9886,5]]},"570":{"position":[[3289,5],[5244,7]]},"582":{"position":[[1551,5]]},"594":{"position":[[4298,5]]},"610":{"position":[[1146,6]]},"618":{"position":[[1371,8],[1421,8]]},"622":{"position":[[1889,8],[1939,8]]}}}],["bob",{"_index":4359,"t":{"660":{"position":[[8178,6],[10523,6],[12899,6],[15671,6],[18090,6],[20842,6],[23244,6],[26429,6],[32321,6],[34686,6],[37051,6],[39437,6],[41695,6],[44458,6],[47692,6],[53346,6],[55985,6],[58438,6],[62150,6],[65371,6],[68454,6],[71831,6],[74969,6],[77944,6],[81241,6],[84332,6],[87098,6],[92203,6],[100433,6],[102624,6],[105062,6],[109177,6],[113058,6],[126569,6],[129255,6],[131940,6]]}}}],["bob@blazorbootstrap.com",{"_index":4437,"t":{"660":{"position":[[26462,26],[44491,26]]}}}],["bodi",{"_index":622,"t":{"100":{"position":[[465,6]]},"562":{"position":[[2820,5],[3371,5],[3921,5],[4684,5],[5309,5],[5932,5],[6674,5],[7225,5],[7775,5],[8476,5],[9041,5],[9591,5],[10306,5],[10857,5],[11407,5],[12486,5],[13049,5],[13611,5],[14169,5],[14717,5],[15277,5],[18803,5],[19354,5],[19904,5],[21188,5],[21761,5],[22333,5]]},"570":{"position":[[3270,5],[3429,5],[13608,4]]},"574":{"position":[[1059,4],[6399,4],[7631,4]]},"576":{"position":[[282,4],[354,4],[787,4],[3030,4]]},"578":{"position":[[281,4],[353,4],[1105,5],[3194,6],[3627,4],[14356,4]]},"624":{"position":[[1326,4],[4517,6],[6205,7],[7844,5]]},"626":{"position":[[1509,4],[4640,6],[5681,7],[7320,5]]},"630":{"position":[[1736,5]]},"632":{"position":[[984,4]]},"634":{"position":[[1009,4],[3890,6],[5198,7]]},"636":{"position":[[964,4],[4141,6],[5447,7]]},"638":{"position":[[984,4]]},"640":{"position":[[951,5]]},"642":{"position":[[1340,4],[4419,6],[5578,7],[6904,5]]},"644":{"position":[[1340,4],[4363,6],[5377,7],[6743,5]]},"646":{"position":[[956,5]]},"648":{"position":[[2042,4],[3225,4],[4001,4],[4398,4],[4831,4]]},"652":{"position":[[994,4],[3875,6],[5453,7]]}}}],["body.</b",{"_index":1235,"t":{"562":{"position":[[2438,9],[2988,9],[3538,9],[4302,9],[4926,9],[5549,9],[6292,9],[6842,9],[7392,9],[8094,9],[8658,9],[9208,9],[9924,9],[10474,9],[11024,9],[12104,9],[12666,9],[13228,9],[13786,9],[14334,9],[14894,9],[18421,9],[18971,9],[19521,9],[20806,9],[21378,9],[21950,9]]}}}],["bodycssclass",{"_index":1760,"t":{"576":{"position":[[240,12]]},"578":{"position":[[239,12]]}}}],["bodytempl",{"_index":1761,"t":{"576":{"position":[[304,12],[7580,14],[11239,15],[11821,14],[15480,15],[15962,14],[19621,15],[20298,14],[20438,15]]},"578":{"position":[[303,12],[3606,14],[3648,15],[8032,14],[8125,15],[8838,14],[9312,15],[9938,14],[9990,15],[10595,14],[11069,15],[14335,14],[14377,15]]}}}],["bodytemplate>...</bodytempl",{"_index":1821,"t":{"576":{"position":[[7116,32]]},"578":{"position":[[11784,32],[11892,32],[12000,32],[12522,32],[12655,32],[12789,32],[12922,32],[13060,32],[13205,32]]}}}],["bool",{"_index":972,"t":{"556":{"position":[[429,4]]},"562":{"position":[[220,4],[411,4],[1932,4]]},"566":{"position":[[463,4]]},"568":{"position":[[240,4],[301,4],[540,4],[605,4],[872,4],[5257,4]]},"570":{"position":[[1678,4]]},"572":{"position":[[328,4],[442,4]]},"574":{"position":[[852,4],[1026,4],[1109,4]]},"576":{"position":[[389,4],[758,4],[945,4],[1216,4]]},"578":{"position":[[469,4],[1049,4],[1132,4],[1236,4],[1443,4],[1715,4]]},"586":{"position":[[316,4],[450,4],[606,4],[2013,4],[2096,4]]},"588":{"position":[[227,4]]},"594":{"position":[[549,4],[4552,4]]},"596":{"position":[[477,4],[840,5],[1344,4],[12998,4]]},"600":{"position":[[303,4],[1598,4],[1754,4]]},"602":{"position":[[2524,4],[2739,4],[4473,4],[4548,4],[4817,4],[6017,4]]},"604":{"position":[[2641,4],[4051,4]]},"606":{"position":[[2394,4],[3465,4]]},"608":{"position":[[2224,4],[3183,4]]},"610":{"position":[[382,4]]},"612":{"position":[[404,4],[11158,4]]},"614":{"position":[[384,4],[483,4],[546,4],[6009,4]]},"616":{"position":[[206,4],[2518,4]]},"618":{"position":[[279,4],[343,4],[444,4],[507,4],[6846,4]]},"620":{"position":[[229,4],[335,4],[417,4],[964,4],[977,4],[1434,4],[1461,4],[2081,4],[2376,4],[2661,4]]},"622":{"position":[[271,4],[335,4],[524,4],[587,4],[785,4],[10063,4]]},"628":{"position":[[388,4],[487,4],[550,4],[4150,4]]},"630":{"position":[[664,4],[982,4],[1193,4]]},"648":{"position":[[621,4]]},"654":{"position":[[319,4],[808,4],[950,4],[2219,4],[2396,4],[15640,4]]},"656":{"position":[[19028,4]]},"660":{"position":[[270,4],[332,4],[393,4],[459,4],[522,4],[585,4],[1147,6],[1241,6],[1785,4],[2268,4],[2453,4],[4251,4],[4785,4],[5546,4],[5719,4],[6767,4],[71106,4],[82222,4],[82384,4]]}}}],["boolean",{"_index":1431,"t":{"568":{"position":[[3886,7]]}}}],["bootstarp",{"_index":3906,"t":{"630":{"position":[[1408,9]]}}}],["bootstrap",{"_index":1,"t":{"2":{"position":[[7,9],[244,9],[360,9],[576,9],[638,9],[828,9],[931,9],[1105,9],[1245,9],[1432,9],[2753,9],[3014,9],[3136,9],[3288,9],[3352,9],[3542,9],[3635,9],[3818,9]]},"22":{"position":[[129,9],[250,9]]},"26":{"position":[[149,9]]},"38":{"position":[[625,9]]},"40":{"position":[[7,9],[516,9]]},"42":{"position":[[7,9],[769,9],[896,9],[931,9]]},"44":{"position":[[7,9],[644,9],[679,9]]},"46":{"position":[[7,9],[605,9],[748,9],[783,9]]},"48":{"position":[[7,9],[510,9],[622,9],[657,9]]},"50":{"position":[[7,9],[477,9],[533,9],[568,9]]},"52":{"position":[[7,9],[808,9],[930,9],[965,9]]},"54":{"position":[[7,9],[605,9],[640,9]]},"56":{"position":[[7,9],[745,9],[885,9],[920,9]]},"58":{"position":[[7,9],[488,9],[523,9]]},"60":{"position":[[7,9],[214,10],[347,10],[393,10],[445,10],[486,10],[651,9],[830,9],[865,9]]},"62":{"position":[[7,9],[408,9],[506,9],[541,9]]},"64":{"position":[[7,9],[349,9],[447,9],[482,9]]},"66":{"position":[[7,9],[375,9],[479,9],[514,9]]},"68":{"position":[[7,9],[670,9],[946,9],[1206,9],[1241,9]]},"70":{"position":[[7,9],[943,9],[1133,9],[1168,9]]},"72":{"position":[[7,9],[1029,9],[1187,9],[1222,9]]},"74":{"position":[[7,9],[577,9],[701,9],[736,9]]},"76":{"position":[[7,9],[350,9],[463,9],[498,9]]},"78":{"position":[[7,9],[452,9],[560,9],[595,9]]},"80":{"position":[[7,9],[1253,9],[1693,9],[1973,9],[2008,9]]},"82":{"position":[[7,9],[617,9],[725,9],[760,9]]},"84":{"position":[[7,9],[562,9],[705,9],[740,9]]},"86":{"position":[[7,9],[749,9],[921,9],[956,9]]},"88":{"position":[[7,9],[420,9],[530,9],[565,9]]},"90":{"position":[[7,9],[323,9],[411,9],[446,9]]},"92":{"position":[[7,9],[403,9],[550,9],[585,9]]},"94":{"position":[[7,9],[324,9],[444,9],[479,9]]},"96":{"position":[[7,9],[404,9],[490,9],[525,9]]},"98":{"position":[[7,9],[995,9],[1125,9],[1161,9]]},"100":{"position":[[7,9],[1511,9],[1597,9],[1633,9]]},"102":{"position":[[7,9],[520,9],[606,9],[642,9]]},"104":{"position":[[7,9],[829,9],[1063,9],[1099,9]]},"106":{"position":[[7,9],[522,9],[637,9],[673,9]]},"108":{"position":[[7,9],[618,9],[726,9],[762,9]]},"110":{"position":[[7,9],[964,9],[1053,9],[1186,9],[1353,9]]},"112":{"position":[[7,9],[904,9],[1013,9],[1049,9]]},"114":{"position":[[7,9],[390,9],[470,9],[506,9]]},"116":{"position":[[7,9],[471,9],[574,9]]},"118":{"position":[[7,9],[477,9],[633,9],[668,9]]},"120":{"position":[[7,9],[431,9],[550,9],[585,9]]},"122":{"position":[[7,9],[375,9],[453,9],[498,9]]},"124":{"position":[[1267,9],[1302,9]]},"126":{"position":[[7,9],[190,9],[289,9],[503,9],[721,9],[899,9],[969,9],[1192,9],[1262,9],[1434,9],[1548,9],[1696,9],[1800,9],[1949,9],[2019,9],[2167,9],[2239,9],[2414,9],[2545,9],[2727,9]]},"128":{"position":[[7,9],[1585,9],[1717,9]]},"130":{"position":[[294,9],[338,9],[382,9],[426,9],[470,9],[514,9],[557,9],[600,9],[1147,9],[1191,9],[1237,9],[1280,9],[1323,9],[1364,9],[1403,9],[1442,9],[1481,9],[1520,9],[1560,9],[1600,9],[1640,9],[1679,9],[1718,9],[1759,9],[1800,9],[1841,9],[1882,9],[1923,9],[1963,9],[2007,9],[2051,9],[2094,9],[2137,9],[2180,9],[2223,9],[2267,9],[2318,9],[2359,9],[2400,9],[2444,9],[2525,9],[2569,9],[2612,9]]},"132":{"position":[[7,9],[167,9],[255,9],[423,9],[505,9],[672,9],[754,9],[961,10],[1040,9],[1203,9],[1389,9],[1513,9],[1781,9],[2070,9],[2289,9],[2329,9],[2562,9],[2658,9],[2958,9]]},"134":{"position":[[916,9]]},"136":{"position":[[7,9],[171,9],[265,9],[438,9],[565,9],[727,9],[819,9],[987,9],[1251,9],[1404,9],[1496,9],[1647,9],[1744,9],[1906,9],[2014,9],[2206,9],[2348,9],[2518,9],[2762,9],[2931,9]]},"140":{"position":[[7,9],[193,9],[320,9],[550,9],[661,9],[976,9]]},"146":{"position":[[56,9],[317,9],[439,9],[653,9],[871,9],[1039,9],[1303,9],[1465,9],[1573,9],[1780,10],[1859,9],[2022,9]]},"148":{"position":[[53,9],[290,9],[406,9],[596,9],[689,9],[881,9]]},"150":{"position":[[53,9],[227,9]]},"152":{"position":[[49,9],[310,9],[432,9],[624,9]]},"154":{"position":[[64,9],[271,10],[350,9]]},"158":{"position":[[51,9],[288,9],[404,9],[620,9],[682,9],[872,9],[975,9],[1149,9],[1289,9],[1476,9],[1563,9],[1824,9],[1946,9],[2098,9],[2162,9],[2352,9],[2445,9],[2628,9],[2720,9],[2903,9]]},"160":{"position":[[28,10],[60,9],[279,9],[319,9],[552,9],[648,9],[948,9],[1054,9],[1240,9],[1367,9],[1597,9]]},"164":{"position":[[66,9],[299,9]]},"166":{"position":[[65,9],[365,9],[471,9],[657,9]]},"168":{"position":[[57,9],[357,9],[463,9],[649,9]]},"170":{"position":[[55,9],[223,9],[305,9],[472,9],[554,9]]},"174":{"position":[[66,9]]},"176":{"position":[[63,9]]},"178":{"position":[[64,9]]},"180":{"position":[[57,9],[287,9]]},"182":{"position":[[64,9],[294,9]]},"186":{"position":[[61,9],[247,9]]},"188":{"position":[[58,9],[291,9]]},"190":{"position":[[64,9],[294,9]]},"194":{"position":[[58,9],[358,9],[464,9],[650,9]]},"196":{"position":[[60,9]]},"198":{"position":[[64,9]]},"200":{"position":[[61,9],[247,9]]},"202":{"position":[[58,9],[358,9],[464,9],[650,9]]},"204":{"position":[[69,9],[276,10],[355,9]]},"206":{"position":[[61,9],[268,10],[347,9]]},"208":{"position":[[56,9],[286,9]]},"210":{"position":[[57,9],[217,9],[305,9]]},"212":{"position":[[51,9],[265,9],[483,9],[661,9],[731,9],[954,9],[1024,9],[1196,9],[1310,9],[1458,9],[1562,9],[1711,9],[1781,9],[1929,9],[2001,9],[2176,9],[2307,9],[2489,9],[2645,9],[2809,9]]},"214":{"position":[[51,9],[224,9],[351,9],[513,9],[605,9],[773,9],[1037,9],[1190,9],[1282,9],[1433,9],[1530,9],[1692,9],[1800,9],[1992,9],[2134,9],[2304,9],[2548,9],[2717,9],[2891,9],[3051,9]]},"216":{"position":[[57,9],[357,9]]},"218":{"position":[[51,9],[281,9]]},"220":{"position":[[51,9],[219,9],[301,9],[468,9],[550,9],[757,10],[836,9],[999,9],[1185,9],[1309,9],[1577,9],[1866,9],[2085,9],[2125,9],[2358,9],[2454,9],[2754,9],[2860,9],[3046,9]]},"222":{"position":[[62,9],[276,9],[494,9],[662,9],[926,9],[1088,9],[1196,9]]},"224":{"position":[[60,9],[252,9]]},"226":{"position":[[78,9],[285,10],[364,9]]},"228":{"position":[[56,9],[248,9]]},"230":{"position":[[60,9],[297,9],[413,9],[629,9],[691,9],[881,9],[984,9],[1158,9],[1298,9],[1485,9],[1572,9],[1833,9],[1955,9],[2107,9],[2171,9],[2361,9],[2454,9],[2637,9],[2729,9],[2912,9]]},"232":{"position":[[60,9],[233,9],[360,9],[522,9],[614,9],[782,9],[1046,9],[1199,9],[1291,9],[1442,9],[1539,9],[1701,9],[1809,9],[2001,9],[2143,9],[2313,9],[2557,9],[2726,9],[2900,9],[3060,9]]},"234":{"position":[[60,9],[274,9],[492,9],[670,9],[740,9],[963,9],[1033,9],[1205,9],[1319,9],[1467,9],[1571,9],[1720,9],[1790,9],[1938,9],[2010,9],[2185,9],[2316,9],[2498,9],[2654,9],[2818,9]]},"236":{"position":[[60,9],[228,9],[310,9],[477,9],[559,9],[766,10],[845,9],[1008,9],[1194,9],[1318,9],[1586,9],[1875,9],[2094,9],[2134,9],[2367,9],[2463,9],[2763,9],[2869,9],[3055,9]]},"238":{"position":[[60,9],[290,9],[401,9],[716,9]]},"240":{"position":[[772,9]]},"244":{"position":[[61,9],[236,9]]},"246":{"position":[[56,9],[229,9],[356,9],[548,9]]},"248":{"position":[[57,9],[210,9],[302,9],[464,9],[572,9],[741,9]]},"250":{"position":[[56,9],[270,9]]},"252":{"position":[[59,9],[251,9]]},"254":{"position":[[55,9],[225,9]]},"256":{"position":[[63,9],[231,9],[495,9],[646,9],[743,9],[976,9]]},"258":{"position":[[64,9],[278,9]]},"260":{"position":[[63,9],[249,9]]},"262":{"position":[[60,9],[230,9],[474,9],[643,9]]},"264":{"position":[[59,9],[232,9],[359,9],[527,9],[791,9],[961,9],[1205,9],[1374,9]]},"266":{"position":[[57,9],[243,9]]},"268":{"position":[[59,9],[242,9]]},"270":{"position":[[55,9],[233,9],[303,9],[526,9],[596,9],[768,9],[882,9],[1031,9],[1101,9],[1265,9],[1359,9],[1532,9],[1659,9],[1821,9],[1913,9],[2081,9],[2345,9],[2498,9],[2590,9],[2760,9]]},"272":{"position":[[55,9],[269,9],[487,9],[659,9],[773,9],[921,9],[1025,9],[1173,9],[1245,9],[1427,9],[1583,9],[1753,9],[1997,9],[2166,9],[2340,9],[2526,9]]},"274":{"position":[[54,9],[237,9],[336,9],[518,9]]},"276":{"position":[[55,9],[223,9],[305,9],[472,9],[554,9]]},"278":{"position":[[62,9],[210,9],[314,9],[496,9]]},"280":{"position":[[57,9],[290,9]]},"282":{"position":[[62,9],[230,9]]},"284":{"position":[[59,9],[227,9],[491,9],[661,9],[905,9],[1074,9]]},"286":{"position":[[59,9],[223,9]]},"288":{"position":[[57,9],[271,9],[489,9]]},"290":{"position":[[55,9],[237,9]]},"292":{"position":[[55,9],[225,9]]},"294":{"position":[[59,9],[231,9],[345,9],[513,9],[777,9],[947,9]]},"296":{"position":[[56,9],[224,9],[488,9],[707,9]]},"298":{"position":[[61,9],[231,9]]},"300":{"position":[[56,9],[231,9]]},"302":{"position":[[56,9],[238,9],[394,9],[554,9]]},"304":{"position":[[57,9],[271,9],[489,9],[651,9]]},"306":{"position":[[21,11],[54,9],[291,9],[407,9],[623,9],[685,9],[875,9],[978,9],[1152,9],[1292,9],[1479,9],[1566,9],[1827,9],[1949,9],[2101,9],[2165,9],[2355,9],[2448,9],[2631,9],[2723,9],[2906,9]]},"308":{"position":[[55,9],[245,9],[348,9],[522,9],[662,9],[849,9],[936,9],[1197,9],[1319,9],[1471,9],[1535,9],[1725,9],[1818,9],[2001,9],[2093,9],[2276,9],[2375,9],[2589,9],[2807,9],[2985,9]]},"310":{"position":[[55,9],[262,10],[341,9],[504,9],[690,9]]},"312":{"position":[[55,9],[278,9],[348,9],[520,9],[634,9],[782,9],[886,9],[1035,9],[1105,9],[1253,9],[1325,9],[1500,9],[1631,9],[1813,9],[1969,9],[2133,9],[2227,9],[2400,9],[2527,9],[2689,9]]},"314":{"position":[[21,11],[54,9],[222,9],[304,9],[471,9],[553,9],[760,10],[839,9],[1002,9],[1188,9]]},"316":{"position":[[21,11],[54,9],[268,9],[486,9],[664,9],[734,9],[957,9],[1027,9],[1199,9],[1313,9],[1461,9],[1565,9],[1714,9],[1784,9],[1932,9],[2004,9],[2179,9],[2310,9],[2492,9],[2648,9],[2812,9]]},"318":{"position":[[55,9],[223,9],[487,9],[640,9],[732,9],[883,9],[980,9],[1142,9],[1250,9],[1442,9],[1584,9],[1754,9],[1998,9],[2167,9],[2341,9],[2501,9],[2589,9],[2757,9],[2839,9],[3006,9]]},"320":{"position":[[55,9],[230,9]]},"322":{"position":[[62,9],[237,9]]},"324":{"position":[[51,9],[204,9],[296,9],[458,9],[566,9],[735,9]]},"326":{"position":[[21,11],[54,9],[227,9],[354,9],[516,9],[608,9],[776,9],[1040,9],[1193,9],[1285,9],[1436,9],[1533,9],[1695,9],[1803,9],[1995,9],[2137,9],[2307,9],[2551,9],[2720,9],[2894,9],[3054,9]]},"328":{"position":[[51,9],[288,9],[404,9],[578,9],[718,9],[905,9]]},"330":{"position":[[50,9],[287,9],[403,9],[590,9],[677,9],[850,9],[977,9],[1169,9]]},"332":{"position":[[181,9]]},"334":{"position":[[50,9],[264,9]]},"336":{"position":[[50,9],[240,9],[333,9],[516,9]]},"338":{"position":[[54,9],[241,9]]},"340":{"position":[[53,9],[245,9]]},"342":{"position":[[57,9],[243,9]]},"344":{"position":[[53,9],[204,9]]},"346":{"position":[[57,9],[273,9],[335,9],[525,9],[628,9],[842,9]]},"348":{"position":[[49,9],[222,9]]},"350":{"position":[[57,9],[231,9],[371,9],[539,9],[803,9],[954,9]]},"352":{"position":[[54,9],[224,9],[468,9],[637,9]]},"354":{"position":[[53,9],[226,9],[353,9],[521,9],[785,9],[955,9],[1199,9],[1368,9]]},"356":{"position":[[51,9],[237,9]]},"358":{"position":[[52,9],[289,9],[405,9],[588,9]]},"360":{"position":[[48,9],[309,9],[431,9],[621,9],[714,9],[897,9],[989,9],[1172,9],[1271,9],[1485,9]]},"364":{"position":[[49,9],[286,9],[402,9],[618,9],[680,9],[854,9],[994,9],[1255,9],[1377,9],[1567,9],[1660,9],[1843,9],[1935,9],[2113,9],[2183,9],[2406,9],[2476,9],[2648,9],[2762,9],[2911,9]]},"366":{"position":[[48,9],[231,9],[330,9],[512,9]]},"368":{"position":[[49,9],[222,9],[349,9],[579,9]]},"370":{"position":[[49,9],[213,9],[307,9],[480,9],[607,9],[769,9],[861,9],[1029,9],[1293,9],[1446,9],[1538,9],[1708,9],[1952,9],[2120,9],[2202,9],[2369,9]]},"372":{"position":[[172,9]]},"374":{"position":[[57,9],[287,9]]},"376":{"position":[[53,9]]},"378":{"position":[[51,9]]},"380":{"position":[[56,9],[270,9],[488,9],[636,9],[740,9],[922,9]]},"382":{"position":[[50,9],[236,9]]},"384":{"position":[[50,9],[287,9],[403,9],[593,9],[686,9],[869,9],[961,9],[1175,9],[1393,9],[1565,9],[1679,9],[1827,9],[1931,9],[2079,9],[2151,9],[2333,9],[2489,9],[2659,9],[2903,9],[3072,9]]},"386":{"position":[[55,9]]},"390":{"position":[[55,9],[229,9],[369,9],[537,9]]},"392":{"position":[[53,9],[221,9],[485,9],[655,9],[899,9],[1068,9]]},"394":{"position":[[53,9],[243,9],[346,9],[520,9],[660,9],[921,9],[1043,9],[1195,9]]},"396":{"position":[[52,9],[216,9],[310,9]]},"400":{"position":[[52,9],[235,9]]},"402":{"position":[[57,9]]},"404":{"position":[[54,9],[228,9],[368,9],[629,9]]},"406":{"position":[[50,9],[287,9],[403,9],[593,9]]},"408":{"position":[[57,9],[318,9]]},"410":{"position":[[51,9],[288,9],[404,9],[618,9],[836,9]]},"412":{"position":[[52,9],[289,9],[405,9],[579,9]]},"414":{"position":[[57,9],[247,9]]},"416":{"position":[[50,9],[233,9],[325,9],[493,9]]},"418":{"position":[[48,9],[238,9],[341,9],[602,9],[724,9],[906,9]]},"420":{"position":[[48,9],[285,9]]},"422":{"position":[[52,9],[239,9]]},"424":{"position":[[53,9],[225,9],[339,9],[507,9],[771,9],[941,9]]},"426":{"position":[[55,9],[225,9]]},"428":{"position":[[49,9],[239,9],[332,9],[507,9]]},"430":{"position":[[50,9],[232,9],[388,9],[548,9],[636,9],[1073,9]]},"432":{"position":[[57,9],[232,9]]},"436":{"position":[[51,9],[225,9],[365,9],[579,9],[797,9],[959,9]]},"448":{"position":[[173,9]]},"472":{"position":[[51,9]]},"474":{"position":[[51,9],[351,9]]},"476":{"position":[[51,9]]},"478":{"position":[[51,9],[281,9]]},"480":{"position":[[52,9],[275,9]]},"482":{"position":[[52,9],[230,9]]},"484":{"position":[[52,9],[266,9]]},"486":{"position":[[52,9],[235,9]]},"488":{"position":[[52,9],[242,9]]},"490":{"position":[[52,9],[235,9]]},"492":{"position":[[52,9],[313,9]]},"494":{"position":[[52,9],[204,9]]},"496":{"position":[[51,9],[284,9]]},"498":{"position":[[51,9],[270,9]]},"500":{"position":[[51,9],[237,9]]},"502":{"position":[[51,9],[258,10],[337,9]]},"504":{"position":[[51,9]]},"506":{"position":[[51,9]]},"508":{"position":[[51,9],[218,9]]},"510":{"position":[[51,9],[219,9]]},"512":{"position":[[51,9],[211,9]]},"514":{"position":[[51,9],[220,9]]},"516":{"position":[[51,9],[243,9]]},"518":{"position":[[51,9],[213,9]]},"520":{"position":[[51,9],[204,9]]},"522":{"position":[[51,9],[219,9]]},"524":{"position":[[51,9],[221,9]]},"526":{"position":[[51,9],[202,9]]},"528":{"position":[[51,9],[224,9]]},"530":{"position":[[51,9],[215,9]]},"532":{"position":[[51,9],[213,9]]},"534":{"position":[[51,9],[233,9]]},"536":{"position":[[51,9],[226,9]]},"538":{"position":[[51,9],[199,9]]},"540":{"position":[[51,9],[199,9]]},"542":{"position":[[51,9],[200,9]]},"544":{"position":[[51,9],[223,9]]},"546":{"position":[[51,9],[225,9]]},"548":{"position":[[51,9],[238,9]]},"550":{"position":[[51,9],[267,9]]},"552":{"position":[[51,9],[241,9]]},"554":{"position":[[51,9],[288,9]]},"556":{"position":[[157,9],[2216,9]]},"558":{"position":[[60,9]]},"560":{"position":[[54,9]]},"562":{"position":[[20471,9]]},"564":{"position":[[52,9]]},"566":{"position":[[54,9]]},"568":{"position":[[58,9],[1778,9],[5546,9]]},"572":{"position":[[118,9],[3455,9]]},"574":{"position":[[72,9]]},"576":{"position":[[144,9]]},"578":{"position":[[54,9],[7893,9]]},"580":{"position":[[68,9]]},"582":{"position":[[64,9]]},"584":{"position":[[96,9]]},"586":{"position":[[95,9],[6764,10]]},"588":{"position":[[107,9]]},"590":{"position":[[97,9]]},"592":{"position":[[63,9],[1705,10],[3804,10],[6449,10],[9443,10],[12441,10]]},"594":{"position":[[116,9]]},"596":{"position":[[80,9]]},"598":{"position":[[47,9],[136,9],[169,9],[3185,10],[4272,9],[4297,9],[4608,9]]},"600":{"position":[[85,9]]},"602":{"position":[[70,9]]},"604":{"position":[[68,9]]},"606":{"position":[[78,9]]},"608":{"position":[[68,9]]},"610":{"position":[[60,9]]},"612":{"position":[[61,9],[1665,9]]},"614":{"position":[[55,9],[1764,9]]},"616":{"position":[[57,9]]},"618":{"position":[[59,9]]},"620":{"position":[[55,9]]},"622":{"position":[[71,9]]},"624":{"position":[[138,9],[190,9],[269,9],[1006,11],[2765,9],[2998,10],[3068,9],[3498,9],[7603,10]]},"626":{"position":[[138,9],[190,9],[269,9],[1008,11],[2950,9],[3183,10],[3253,9],[3685,9],[7079,10]]},"628":{"position":[[59,9],[1657,9]]},"630":{"position":[[140,9],[3021,11],[6003,11],[7638,11],[9608,11],[11273,11]]},"632":{"position":[[156,9],[208,9],[287,9],[2424,9],[2661,10],[2731,9]]},"634":{"position":[[196,9],[248,9],[327,9],[2447,9],[2683,10],[2753,9],[2996,9],[6543,10]]},"636":{"position":[[192,9],[244,9],[2402,9],[2638,10],[2708,9],[3057,9],[3233,9],[7634,10]]},"638":{"position":[[156,9],[208,9],[287,9],[2424,9],[2661,10],[2731,9]]},"640":{"position":[[113,9],[165,9],[710,10],[1732,9],[1782,9],[1824,9]]},"642":{"position":[[148,9],[200,9],[279,9],[1020,11],[2800,9],[3033,10],[3103,9],[3532,9],[6663,10]]},"644":{"position":[[148,9],[200,9],[279,9],[1020,11],[2800,9],[3033,10],[3103,9],[3532,9],[6502,10]]},"646":{"position":[[118,9],[170,9],[715,10],[1737,9],[1787,9],[1829,9]]},"648":{"position":[[68,9]]},"650":{"position":[[51,9],[237,9]]},"652":{"position":[[148,9],[200,9],[279,9],[2454,9],[2679,10],[2749,9],[2994,9],[6568,10]]},"654":{"position":[[224,10],[16651,9]]},"656":{"position":[[62,9],[1680,10],[2781,10],[4613,10],[6626,10],[8878,10],[11332,10],[13762,10],[16181,10],[18586,10],[22305,10]]},"660":{"position":[[52,9]]}}}],["bootstrap.min.css",{"_index":3743,"t":{"624":{"position":[[3439,20]]},"626":{"position":[[3626,20]]},"632":{"position":[[3101,20]]},"642":{"position":[[3473,20]]},"644":{"position":[[3473,20]]}}}],["bootstrap34",{"_index":827,"t":{"142":{"position":[[1172,11]]}}}],["bootstrap5",{"_index":52,"t":{"2":{"position":[[838,10],[1115,10],[1442,10],[3024,10],[3298,10],[3552,10],[3828,10]]},"56":{"position":[[755,10]]},"60":{"position":[[661,10]]},"62":{"position":[[418,10]]},"64":{"position":[[359,10]]},"66":{"position":[[385,10]]},"68":{"position":[[956,10]]},"70":{"position":[[953,10]]},"72":{"position":[[1039,10]]},"74":{"position":[[587,10]]},"76":{"position":[[360,10]]},"78":{"position":[[462,10]]},"80":{"position":[[1703,10]]},"82":{"position":[[627,10]]},"84":{"position":[[572,10]]},"86":{"position":[[759,10]]},"88":{"position":[[430,10]]},"90":{"position":[[333,10]]},"92":{"position":[[413,10]]},"94":{"position":[[334,10]]},"96":{"position":[[414,10]]},"98":{"position":[[1005,10]]},"100":{"position":[[1521,10]]},"102":{"position":[[530,10]]},"104":{"position":[[839,10]]},"106":{"position":[[532,10]]},"108":{"position":[[628,10]]},"110":{"position":[[1196,10]]},"112":{"position":[[914,10]]},"114":{"position":[[400,10]]},"116":{"position":[[481,10]]},"118":{"position":[[487,10]]},"120":{"position":[[441,10]]},"126":{"position":[[200,10],[513,10],[909,10],[1202,10],[1444,10],[1706,10],[1959,10],[2177,10],[2424,10],[2737,10]]},"132":{"position":[[177,10],[433,10],[682,10],[1050,10],[1399,10]]},"136":{"position":[[181,10],[448,10],[737,10],[997,10],[1414,10],[1657,10],[1916,10],[2216,10],[2528,10],[2941,10]]},"142":{"position":[[113,10]]},"146":{"position":[[327,10],[663,10],[1049,10],[1475,10],[1869,10]]},"148":{"position":[[606,10],[891,10]]},"150":{"position":[[237,10]]},"152":{"position":[[320,10],[634,10]]},"154":{"position":[[360,10]]},"158":{"position":[[882,10],[1159,10],[1486,10],[1834,10],[2108,10],[2362,10],[2638,10],[2913,10]]},"170":{"position":[[233,10],[482,10]]},"204":{"position":[[365,10]]},"206":{"position":[[357,10]]},"210":{"position":[[227,10]]},"212":{"position":[[275,10],[671,10],[964,10],[1206,10],[1468,10],[1721,10],[1939,10],[2186,10],[2499,10],[2819,10]]},"214":{"position":[[234,10],[523,10],[783,10],[1200,10],[1443,10],[1702,10],[2002,10],[2314,10],[2727,10],[3061,10]]},"220":{"position":[[229,10],[478,10],[846,10],[1195,10]]},"222":{"position":[[286,10],[672,10],[1098,10]]},"224":{"position":[[262,10]]},"226":{"position":[[374,10]]},"228":{"position":[[258,10]]},"230":{"position":[[891,10],[1168,10],[1495,10],[1843,10],[2117,10],[2371,10],[2647,10],[2922,10]]},"232":{"position":[[243,10],[532,10],[792,10],[1209,10],[1452,10],[1711,10],[2011,10],[2323,10],[2736,10],[3070,10]]},"234":{"position":[[284,10],[680,10],[973,10],[1215,10],[1477,10],[1730,10],[1948,10],[2195,10],[2508,10],[2828,10]]},"236":{"position":[[238,10],[487,10],[855,10],[1204,10]]},"244":{"position":[[246,10]]},"246":{"position":[[239,10],[558,10]]},"248":{"position":[[220,10],[474,10],[751,10]]},"250":{"position":[[280,10]]},"252":{"position":[[261,10]]},"254":{"position":[[235,10]]},"256":{"position":[[241,10],[656,10]]},"258":{"position":[[288,10]]},"260":{"position":[[259,10]]},"262":{"position":[[240,10],[653,10]]},"264":{"position":[[242,10],[537,10],[971,10],[1384,10]]},"266":{"position":[[253,10]]},"268":{"position":[[252,10]]},"270":{"position":[[243,10],[536,10],[778,10],[1041,10],[1275,10],[1542,10],[1831,10],[2091,10],[2508,10],[2770,10]]},"272":{"position":[[279,10],[669,10],[931,10],[1183,10],[1437,10],[1763,10],[2176,10],[2536,10]]},"274":{"position":[[247,10],[528,10]]},"276":{"position":[[233,10],[482,10]]},"278":{"position":[[220,10],[506,10]]},"282":{"position":[[240,10]]},"284":{"position":[[237,10],[671,10],[1084,10]]},"286":{"position":[[233,10]]},"288":{"position":[[281,10]]},"290":{"position":[[247,10]]},"292":{"position":[[235,10]]},"294":{"position":[[241,10],[523,10],[957,10]]},"296":{"position":[[234,10]]},"298":{"position":[[241,10]]},"300":{"position":[[241,10]]},"302":{"position":[[248,10],[564,10]]},"304":{"position":[[281,10],[661,10]]},"306":{"position":[[885,10],[1162,10],[1489,10],[1837,10],[2111,10],[2365,10],[2641,10],[2916,10]]},"308":{"position":[[21,12],[255,10],[532,10],[859,10],[1207,10],[1481,10],[1735,10],[2011,10],[2286,10],[2599,10],[2995,10]]},"310":{"position":[[21,12],[351,10],[700,10]]},"312":{"position":[[21,12],[288,10],[530,10],[792,10],[1045,10],[1263,10],[1510,10],[1823,10],[2143,10],[2410,10],[2699,10]]},"314":{"position":[[232,10],[481,10],[849,10],[1198,10]]},"316":{"position":[[278,10],[674,10],[967,10],[1209,10],[1471,10],[1724,10],[1942,10],[2189,10],[2502,10],[2822,10]]},"318":{"position":[[21,12],[233,10],[650,10],[893,10],[1152,10],[1452,10],[1764,10],[2177,10],[2511,10],[2767,10],[3016,10]]},"320":{"position":[[240,10]]},"322":{"position":[[247,10]]},"324":{"position":[[214,10],[468,10],[745,10]]},"326":{"position":[[237,10],[526,10],[786,10],[1203,10],[1446,10],[1705,10],[2005,10],[2317,10],[2730,10],[3064,10]]},"328":{"position":[[588,10],[915,10]]},"330":{"position":[[600,10],[860,10],[1179,10]]},"334":{"position":[[274,10]]},"336":{"position":[[250,10],[526,10]]},"338":{"position":[[251,10]]},"340":{"position":[[255,10]]},"342":{"position":[[253,10]]},"344":{"position":[[214,10]]},"346":{"position":[[535,10],[852,10]]},"348":{"position":[[232,10]]},"350":{"position":[[241,10],[549,10],[964,10]]},"352":{"position":[[234,10],[647,10]]},"354":{"position":[[236,10],[531,10],[965,10],[1378,10]]},"356":{"position":[[247,10]]},"358":{"position":[[598,10]]},"360":{"position":[[319,10],[631,10],[907,10],[1182,10],[1495,10]]},"364":{"position":[[864,10],[1265,10],[1577,10],[1853,10],[2123,10],[2416,10],[2658,10],[2921,10]]},"366":{"position":[[241,10],[522,10]]},"368":{"position":[[232,10]]},"370":{"position":[[223,10],[490,10],[779,10],[1039,10],[1456,10],[1718,10],[2130,10],[2379,10]]},"380":{"position":[[280,10],[646,10],[932,10]]},"382":{"position":[[246,10]]},"384":{"position":[[603,10],[879,10],[1185,10],[1575,10],[1837,10],[2089,10],[2343,10],[2669,10],[3082,10]]},"390":{"position":[[239,10],[547,10]]},"392":{"position":[[231,10],[665,10],[1078,10]]},"394":{"position":[[253,10],[530,10],[931,10],[1205,10]]},"396":{"position":[[226,10]]},"400":{"position":[[245,10]]},"404":{"position":[[238,10],[639,10]]},"406":{"position":[[603,10]]},"408":{"position":[[328,10]]},"410":{"position":[[628,10]]},"412":{"position":[[589,10]]},"414":{"position":[[257,10]]},"416":{"position":[[243,10],[503,10]]},"418":{"position":[[248,10],[612,10],[916,10]]},"422":{"position":[[249,10]]},"424":{"position":[[235,10],[517,10],[951,10]]},"426":{"position":[[235,10]]},"428":{"position":[[249,10],[517,10]]},"430":{"position":[[242,10],[558,10]]},"432":{"position":[[242,10]]},"436":{"position":[[235,10],[589,10],[969,10]]},"480":{"position":[[285,10]]},"482":{"position":[[240,10]]},"484":{"position":[[276,10]]},"486":{"position":[[245,10]]},"488":{"position":[[252,10]]},"490":{"position":[[245,10]]},"492":{"position":[[323,10]]},"494":{"position":[[214,10]]},"500":{"position":[[247,10]]},"502":{"position":[[347,10]]},"508":{"position":[[228,10]]},"510":{"position":[[229,10]]},"512":{"position":[[221,10]]},"514":{"position":[[230,10]]},"516":{"position":[[253,10]]},"518":{"position":[[223,10]]},"520":{"position":[[214,10]]},"522":{"position":[[229,10]]},"524":{"position":[[231,10]]},"526":{"position":[[212,10]]},"528":{"position":[[234,10]]},"530":{"position":[[225,10]]},"532":{"position":[[223,10]]},"534":{"position":[[243,10]]},"536":{"position":[[236,10]]},"538":{"position":[[209,10]]},"540":{"position":[[209,10]]},"542":{"position":[[210,10]]},"544":{"position":[[233,10]]},"546":{"position":[[235,10]]},"548":{"position":[[248,10]]},"552":{"position":[[251,10]]}}}],["bootstrap532",{"_index":828,"t":{"142":{"position":[[1184,12]]}}}],["bootstrapbootstrap'",{"_index":1512,"t":{"570":{"position":[[41,20]]}}}],["bootstrtap",{"_index":748,"t":{"128":{"position":[[614,10]]}}}],["border",{"_index":1172,"t":{"560":{"position":[[2509,6]]},"562":{"position":[[439,7],[6086,7]]},"594":{"position":[[710,6],[734,6],[826,6],[843,6],[1385,6],[4737,6]]},"596":{"position":[[12035,6]]},"602":{"position":[[3429,6],[3536,6],[3821,6],[3912,6]]},"604":{"position":[[2049,6]]},"606":{"position":[[3094,6]]},"608":{"position":[[2827,6]]},"656":{"position":[[21094,6],[21561,6]]},"660":{"position":[[7269,8],[9570,8],[12088,8],[14684,8],[16941,8],[19863,8],[22339,8],[24690,8],[28724,8],[31269,8],[33731,8],[36137,8],[38479,8],[40722,8],[42967,8],[46831,8],[49496,8],[50847,8],[55080,8],[57569,8],[60455,9],[63805,9],[66935,9],[70095,9],[73353,9],[76285,9],[79530,9],[82766,8],[85832,8],[88638,6],[89440,6],[90228,6],[91030,6],[93143,6],[93216,6],[94134,6],[94207,6],[95124,6],[95196,6],[96114,6],[96187,6],[97102,6],[97172,6],[98087,6],[98157,6],[99077,6],[99152,6],[101366,6],[103792,6],[106358,6],[106473,6],[110817,9],[114222,9],[116743,8],[119385,8],[122058,8],[125026,8],[128014,8],[130474,8]]}}}],["bordercolor",{"_index":2834,"t":{"602":{"position":[[1916,11],[1962,12],[10333,11],[11928,11],[12470,11],[13012,11],[14787,11],[15394,11],[16001,11]]},"604":{"position":[[1965,11],[2011,12],[8482,11],[9631,11],[11067,11],[11338,11],[11610,11],[13295,11],[13566,11],[13838,11],[15393,11],[15664,11],[15936,11]]},"606":{"position":[[1875,11],[1921,12],[9100,11],[9642,11],[10184,11]]},"608":{"position":[[1710,11],[1756,12]]}}}],["borderdash",{"_index":2835,"t":{"602":{"position":[[1981,10]]}}}],["borderdashoffset",{"_index":2838,"t":{"602":{"position":[[2024,16]]}}}],["borderradiu",{"_index":3023,"t":{"604":{"position":[[2030,12]]}}}],["borderwidth",{"_index":2841,"t":{"602":{"position":[[2076,11],[2122,12],[10385,11],[11974,11],[12516,11],[13058,11],[14833,11],[15440,11],[16047,11]]},"604":{"position":[[2070,11],[2116,12],[8534,11],[9707,11],[11113,11],[11384,11],[11656,11],[13341,11],[13612,11],[13884,11],[15439,11],[15710,11],[15982,11]]},"606":{"position":[[1940,11],[1986,12],[3055,11],[9146,11],[9688,11],[10230,11]]},"608":{"position":[[1775,11],[1821,12],[2788,11]]}}}],["both",{"_index":115,"t":{"2":{"position":[[2397,4]]},"82":{"position":[[202,4]]},"124":{"position":[[885,4]]},"596":{"position":[[3132,4]]},"602":{"position":[[2535,4]]},"612":{"position":[[12037,4]]},"614":{"position":[[6260,4]]},"616":{"position":[[2772,4]]},"618":{"position":[[7099,4]]},"620":{"position":[[1709,4]]},"622":{"position":[[10318,4]]},"628":{"position":[[4401,4]]},"660":{"position":[[3069,5]]}}}],["bottom",{"_index":1488,"t":{"568":{"position":[[7885,7],[8281,6]]},"570":{"position":[[4710,7]]},"576":{"position":[[2501,6],[7002,7]]},"578":{"position":[[8870,7],[9283,6],[10627,7],[11040,6]]},"602":{"position":[[2385,7]]},"604":{"position":[[2501,7]]},"606":{"position":[[2249,7]]},"608":{"position":[[2084,7],[12084,6]]},"610":{"position":[[991,7]]},"660":{"position":[[88645,6],[89447,6],[90235,6],[91037,6],[93150,6],[93223,6],[94141,6],[94214,6],[95131,6],[95203,6],[96121,6],[96194,6],[97109,6],[97179,6],[98094,6],[98164,6],[99084,6],[99159,6],[101373,6],[103799,6],[106365,6],[106480,6]]}}}],["bottom</tooltip",{"_index":3165,"t":{"610":{"position":[[1043,16],[1698,16]]}}}],["boundari",{"_index":2849,"t":{"602":{"position":[[2679,9]]}}}],["box",{"_index":3331,"t":{"614":{"position":[[250,3]]},"628":{"position":[[254,3]]}}}],["br",{"_index":2139,"t":{"580":{"position":[[3096,3],[3103,3]]}}}],["brand",{"_index":352,"t":{"42":{"position":[[530,5]]},"592":{"position":[[9251,5],[12252,5],[12302,5],[15397,5],[15422,5]]},"656":{"position":[[13556,5],[15993,5],[16043,5],[21182,5],[21222,5],[21260,5],[24277,5],[24302,5]]}}}],["breadcrumb",{"_index":202,"t":{"10":{"position":[[233,10]]},"92":{"position":[[114,10],[174,10],[458,10]]},"126":{"position":[[2346,10],[2469,10]]},"212":{"position":[[2108,10],[2231,10]]},"234":{"position":[[2117,10],[2240,10]]},"244":{"position":[[168,10],[291,10]]},"300":{"position":[[163,10],[286,10]]},"312":{"position":[[1432,10],[1555,10]]},"316":{"position":[[2111,10],[2234,10]]},"320":{"position":[[21,12],[162,10],[285,10]]},"322":{"position":[[169,10],[292,10]]},"428":{"position":[[439,10],[562,10]]},"432":{"position":[[164,10],[287,10]]},"536":{"position":[[158,10],[281,10]]},"558":{"position":[[11,10],[42,10],[70,10],[337,11],[355,11],[399,11],[720,13],[926,13],[974,10],[1142,10],[1168,11],[1192,10],[1526,13],[1574,10],[1720,11],[1744,10],[2259,13],[2307,10],[2415,10]]},"560":{"position":[[7341,10]]},"568":{"position":[[9740,10]]},"592":{"position":[[2665,14],[2721,13],[4764,14],[4820,13],[7717,14],[7773,13],[10711,14],[10767,13],[13709,14],[13765,13]]},"656":{"position":[[2366,14],[2422,14],[3693,14],[3749,13],[5587,14],[5643,13],[7846,14],[7902,13],[10199,14],[10255,13],[12672,14],[12728,13],[15102,14],[15158,13],[17493,14],[17549,13],[19976,14],[20032,13],[23231,14],[23287,13]]}}}],["breadcrumb1",{"_index":829,"t":{"142":{"position":[[1197,11]]}}}],["breadcrumbitem",{"_index":1083,"t":{"558":{"position":[[649,15],[697,15],[803,15],[851,15],[903,15],[1403,15],[1451,15],[1503,15],[2136,15],[2184,15],[2236,15]]}}}],["breadcrumbservic",{"_index":581,"t":{"92":{"position":[[440,17]]},"126":{"position":[[2451,17]]},"212":{"position":[[2213,17]]},"234":{"position":[[2222,17]]},"244":{"position":[[273,17]]},"300":{"position":[[268,17]]},"312":{"position":[[1537,17]]},"316":{"position":[[2216,17]]},"320":{"position":[[267,17]]},"322":{"position":[[21,19],[274,17]]},"428":{"position":[[544,17]]},"432":{"position":[[269,17]]},"536":{"position":[[263,17]]}}}],["breadcrumbservice1",{"_index":830,"t":{"142":{"position":[[1209,18]]}}}],["break",{"_index":214,"t":{"12":{"position":[[248,8]]},"36":{"position":[[441,8]]},"128":{"position":[[856,8]]},"600":{"position":[[12699,6],[12757,6],[12815,6],[12871,6],[12922,6]]},"602":{"position":[[4671,5]]}}}],["breakpoint",{"_index":1613,"t":{"570":{"position":[[10816,11]]},"574":{"position":[[4790,11]]},"578":{"position":[[11641,11]]}}}],["browser",{"_index":436,"t":{"66":{"position":[[230,7]]},"110":{"position":[[327,8],[373,7]]},"556":{"position":[[3786,8]]},"588":{"position":[[1030,7]]},"592":{"position":[[121,8]]},"604":{"position":[[10160,10],[12093,10],[14355,10],[16419,10]]},"614":{"position":[[459,8],[1400,7],[1411,8],[1435,9]]},"618":{"position":[[420,8]]},"620":{"position":[[111,7]]},"622":{"position":[[414,8]]},"624":{"position":[[4829,7]]},"626":{"position":[[4901,7]]},"628":{"position":[[463,8],[1344,7],[1355,8],[1379,9]]},"656":{"position":[[115,8]]},"658":{"position":[[132,8],[172,7]]},"660":{"position":[[50569,7],[50700,7]]}}}],["bs",{"_index":1088,"t":{"558":{"position":[[1139,2],[1189,2],[1741,2]]},"578":{"position":[[2886,2]]},"656":{"position":[[21405,2]]}}}],["btn",{"_index":3169,"t":{"610":{"position":[[1210,3]]},"612":{"position":[[9294,3]]}}}],["bubbl",{"_index":1353,"t":{"564":{"position":[[456,6]]},"654":{"position":[[24660,7]]}}}],["bug",{"_index":261,"t":{"24":{"position":[[110,3],[171,3],[195,3]]},"26":{"position":[[129,3]]},"28":{"position":[[110,3],[167,3]]},"34":{"position":[[115,3],[126,3],[160,3]]},"60":{"position":[[313,3]]},"66":{"position":[[136,3],[180,3]]},"82":{"position":[[214,3]]},"132":{"position":[[136,3]]},"134":{"position":[[110,3],[307,3]]},"140":{"position":[[1616,3],[1627,3],[1661,3],[2513,3]]},"146":{"position":[[2419,3],[2430,3],[2464,3]]},"210":{"position":[[186,3]]},"214":{"position":[[3020,3]]},"232":{"position":[[3029,3]]},"238":{"position":[[1356,3],[1367,3],[1401,3],[2253,3],[2420,3]]},"240":{"position":[[163,3]]},"302":{"position":[[523,3]]},"318":{"position":[[2470,3]]},"326":{"position":[[3023,3]]},"330":{"position":[[1433,3]]},"382":{"position":[[463,3]]},"392":{"position":[[1345,3]]},"398":{"position":[[159,3]]},"430":{"position":[[517,3]]},"456":{"position":[[154,3]]},"458":{"position":[[154,3]]},"460":{"position":[[173,3]]},"468":{"position":[[159,3],[170,3],[204,3]]},"512":{"position":[[180,3]]}}}],["build",{"_index":712,"t":{"110":{"position":[[1000,5]]},"562":{"position":[[51,5]]},"570":{"position":[[2914,5],[3280,8],[3676,5],[4147,5],[4511,5],[5503,5],[8469,5],[8761,5],[9049,5],[9335,5],[9623,5],[9905,5],[10189,5],[10471,5]]},"576":{"position":[[51,5]]}}}],["builder",{"_index":3778,"t":{"624":{"position":[[6352,7]]},"626":{"position":[[5828,7]]},"634":{"position":[[5282,7]]},"636":{"position":[[5561,7],[6957,7]]},"642":{"position":[[5745,7]]},"644":{"position":[[5584,7]]},"652":{"position":[[5630,7]]}}}],["builder.build",{"_index":3783,"t":{"624":{"position":[[6612,16]]},"626":{"position":[[6088,16]]},"634":{"position":[[5484,16]]},"636":{"position":[[5802,16]]}}}],["builder.build().runasync",{"_index":4005,"t":{"636":{"position":[[7056,27]]},"642":{"position":[[6053,27]]},"644":{"position":[[5892,27]]},"652":{"position":[[5938,27]]}}}],["builder.rootcomponents.add<app>(\"#app",{"_index":4021,"t":{"642":{"position":[[5799,40]]},"644":{"position":[[5638,40]]},"652":{"position":[[5684,40]]}}}],["builder.rootcomponents.add<headoutlet>(\"head::aft",{"_index":4022,"t":{"642":{"position":[[5840,54]]},"644":{"position":[[5679,54]]},"652":{"position":[[5725,54]]}}}],["builder.services.addblazorbootstrap",{"_index":3731,"t":{"624":{"position":[[2801,38],[6563,38]]},"626":{"position":[[2986,38],[6039,38]]},"632":{"position":[[2464,38]]},"634":{"position":[[2483,38],[5328,38]]},"636":{"position":[[2438,38],[3093,38],[5753,38],[7011,38]]},"638":{"position":[[2464,38]]},"642":{"position":[[2836,38],[6008,38]]},"644":{"position":[[2836,38],[5847,38]]},"652":{"position":[[2490,38],[5893,38]]}}}],["builder.services.addrazorcompon",{"_index":3982,"t":{"634":{"position":[[5401,37]]},"636":{"position":[[5641,37]]}}}],["builder.services.addrazorpag",{"_index":3780,"t":{"624":{"position":[[6432,33]]},"626":{"position":[[5908,33]]}}}],["builder.services.addscoped(sp",{"_index":4023,"t":{"642":{"position":[[5895,29]]},"644":{"position":[[5734,29]]},"652":{"position":[[5780,29]]}}}],["builder.services.addserversideblazor",{"_index":3781,"t":{"624":{"position":[[6466,39]]},"626":{"position":[[5942,39]]}}}],["builder.services.addsingleton<weatherforecastservic",{"_index":3782,"t":{"624":{"position":[[6506,56]]},"626":{"position":[[5982,56]]}}}],["built",{"_index":2005,"t":{"578":{"position":[[3073,5]]},"582":{"position":[[1695,5]]},"586":{"position":[[1715,5]]},"596":{"position":[[115,5]]},"616":{"position":[[91,5]]},"618":{"position":[[94,5]]},"624":{"position":[[166,5]]},"626":{"position":[[166,5]]},"630":{"position":[[318,5]]},"632":{"position":[[184,5]]},"634":{"position":[[224,5]]},"636":{"position":[[220,5]]},"638":{"position":[[184,5]]},"640":{"position":[[141,5]]},"642":{"position":[[176,5]]},"644":{"position":[[176,5]]},"646":{"position":[[146,5]]},"652":{"position":[[176,5]]}}}],["bulk",{"_index":1542,"t":{"570":{"position":[[2954,4],[3716,4],[4187,4],[4551,4],[5543,4],[8509,4],[8801,4],[9089,4],[9375,4],[9663,4],[9945,4],[10229,4],[10511,4]]}}}],["button",{"_index":28,"t":{"2":{"position":[[280,6],[1469,6]]},"4":{"position":[[226,6]]},"8":{"position":[[222,6]]},"12":{"position":[[669,7]]},"26":{"position":[[180,7],[254,6],[300,6]]},"70":{"position":[[639,6],[873,6],[980,7]]},"72":{"position":[[237,7],[575,7],[896,7],[1134,6]]},"74":{"position":[[130,7],[213,6],[248,7],[266,6],[535,7],[646,7]]},"78":{"position":[[112,7],[156,6],[173,6],[188,6],[384,7],[489,7]]},"84":{"position":[[117,6],[256,6],[273,6],[488,7],[615,6]]},"100":{"position":[[160,7],[247,6],[276,6],[933,6],[1035,6],[1382,6]]},"106":{"position":[[322,7]]},"116":{"position":[[269,6],[508,6]]},"126":{"position":[[1122,7]]},"128":{"position":[[397,6],[650,6],[926,6],[1621,6]]},"136":{"position":[[375,6],[491,6],[1356,7],[1441,7],[1867,7],[1975,7],[2311,6],[2968,7]]},"140":{"position":[[2553,6]]},"146":{"position":[[1426,7],[1534,7]]},"148":{"position":[[326,6],[986,6]]},"152":{"position":[[729,6]]},"158":{"position":[[324,6],[1513,6]]},"212":{"position":[[884,7]]},"214":{"position":[[161,6],[277,6],[1142,7],[1227,7],[1653,7],[1761,7],[2097,6],[2754,7]]},"222":{"position":[[1049,7],[1157,7]]},"224":{"position":[[357,6]]},"228":{"position":[[353,6]]},"230":{"position":[[333,6],[1522,6]]},"232":{"position":[[170,6],[286,6],[1151,7],[1236,7],[1662,7],[1770,7],[2106,6],[2763,7]]},"234":{"position":[[893,7]]},"238":{"position":[[2293,6]]},"246":{"position":[[166,6],[282,6],[653,6]]},"248":{"position":[[162,7],[247,7],[425,7],[533,7],[778,7]]},"252":{"position":[[356,6]]},"262":{"position":[[680,7]]},"264":{"position":[[169,6],[285,6],[1411,7]]},"270":{"position":[[456,7],[1469,6],[1585,6],[2450,7],[2535,7]]},"272":{"position":[[2203,7]]},"284":{"position":[[1111,7]]},"306":{"position":[[327,6],[1516,6]]},"308":{"position":[[886,6]]},"312":{"position":[[208,7],[2337,6],[2453,6]]},"316":{"position":[[887,7]]},"318":{"position":[[592,7],[677,7],[1103,7],[1211,7],[1547,6],[2204,7]]},"324":{"position":[[20,9],[156,7],[241,7],[419,7],[527,7],[772,7]]},"326":{"position":[[164,6],[280,6],[1145,7],[1230,7],[1656,7],[1764,7],[2100,6],[2757,7]]},"328":{"position":[[324,6],[942,6]]},"330":{"position":[[20,8],[323,6],[627,6],[787,6],[903,6],[1274,6],[1473,6]]},"338":{"position":[[278,6]]},"340":{"position":[[350,6]]},"348":{"position":[[159,6],[275,6]]},"352":{"position":[[674,7]]},"354":{"position":[[163,6],[279,6],[1405,7]]},"358":{"position":[[325,6]]},"364":{"position":[[322,6],[2336,7]]},"368":{"position":[[159,6],[275,6]]},"370":{"position":[[417,6],[533,6],[1398,7],[1483,7]]},"384":{"position":[[323,6],[3109,7]]},"392":{"position":[[1105,7]]},"406":{"position":[[323,6]]},"410":{"position":[[324,6]]},"412":{"position":[[325,6]]},"420":{"position":[[321,6]]},"422":{"position":[[276,6]]},"460":{"position":[[213,6]]},"480":{"position":[[205,7]]},"514":{"position":[[257,7]]},"516":{"position":[[348,6]]},"518":{"position":[[174,7],[282,7]]},"520":{"position":[[156,7],[241,7]]},"528":{"position":[[161,6],[277,6]]},"548":{"position":[[275,6]]},"554":{"position":[[324,6]]},"556":{"position":[[471,7],[889,7],[3199,6],[3358,7],[3722,7]]},"558":{"position":[[2387,7]]},"560":{"position":[[3300,8],[3348,7],[3397,7],[3515,9],[3525,7],[3619,9],[3655,7],[3812,9],[3822,7],[3949,9],[4072,7],[4099,7],[4389,9],[4399,7],[4691,9],[4701,7],[4992,9],[5028,7],[5321,9],[5331,7],[5626,9],[5636,7],[5930,9],[5966,7],[6259,9],[6269,7],[6564,9],[6574,7],[6868,9],[6993,7],[7281,9],[7414,7]]},"562":{"position":[[15381,7],[15486,7],[15593,7],[15698,7],[15809,7],[15912,7],[16042,7],[16147,7],[16254,7],[16359,7],[16470,7],[16573,7],[19994,7],[20102,7]]},"566":{"position":[[7861,7]]},"568":{"position":[[11,7],[39,7],[68,6],[268,6],[341,7],[511,6],[568,6],[732,6],[900,6],[1030,6],[1085,6],[1157,6],[1216,6],[1306,6],[1407,6],[1481,6],[1560,6],[1671,7],[1738,7],[1762,8],[1816,6],[1920,7],[1965,9],[1975,7],[2024,9],[2034,7],[2079,9],[2089,7],[2132,9],[2142,7],[2187,9],[2197,7],[2236,9],[2246,7],[2287,9],[2297,7],[2336,9],[2346,7],[2385,9],[2404,7],[2423,6],[2440,7],[2512,9],[2522,7],[2591,6],[2598,9],[2617,6],[2648,8],[2661,7],[2721,9],[2731,7],[2795,9],[2805,7],[2865,9],[2875,7],[2933,9],[2943,7],[3003,9],[3013,7],[3067,9],[3077,7],[3131,9],[3158,6],[3193,6],[3362,8],[3440,7],[3501,6],[3508,9],[3518,7],[3581,6],[3588,9],[3607,7],[3668,6],[3675,9],[3685,7],[3748,6],[3755,9],[3774,7],[3834,7],[3911,8],[3940,7],[4052,7],[4131,7],[4208,6],[4215,9],[4225,7],[4304,6],[4311,9],[4330,7],[4437,9],[4447,7],[4548,9],[4567,6],[4638,7],[4768,7],[4902,7],[5029,7],[5161,7],[5467,8],[5523,8],[5633,6],[5765,7],[5802,6],[5809,9],[5819,7],[5856,6],[5863,9],[5923,7],[5960,6],[5967,9],[5977,7],[6014,6],[6021,9],[6084,7],[6121,6],[6128,9],[6138,7],[6175,6],[6182,9],[6264,7],[6301,6],[6308,9],[6318,7],[6355,6],[6362,9],[6389,7],[6449,7],[6512,7],[6556,6],[6563,9],[6573,7],[6638,6],[6645,9],[6655,7],[6724,6],[6731,9],[6750,6],[6819,7],[6956,6],[6983,7],[7037,7],[7115,7],[7299,9],[7318,6],[7442,6],[7456,7],[7583,6],[7754,6],[7822,7],[7907,7],[8024,9],[8034,7],[8155,9],[8165,7],[8288,9],[8298,7],[8417,9],[8436,6],[8572,7],[8682,9],[8699,7],[8983,7],[9051,9],[9176,7],[9260,9],[9406,7],[9508,9],[9685,6],[9792,7],[9800,6],[9820,7],[9892,7]]},"570":{"position":[[2993,7],[4226,7],[4590,7],[6189,7],[6705,7],[7000,7],[7470,7],[7802,7],[8131,7]]},"572":{"position":[[1591,7],[1635,7],[1746,7],[1857,7],[2600,7],[2711,7],[2822,7],[3546,7],[3657,7],[3768,7],[3883,7]]},"574":{"position":[[888,6],[1259,6],[1324,6],[1472,6],[1540,6],[1617,7],[1702,9],[2545,7],[2628,9],[3988,7],[4073,7],[4113,7],[4201,9],[5008,7],[5123,9],[5133,7],[5248,9],[5258,7],[5384,9],[5991,7],[6077,9],[6483,7],[6569,9],[7087,7],[7193,9],[7715,7],[7834,9],[8255,7],[8304,6],[8440,7],[8526,9],[9041,7],[9152,6]]},"576":{"position":[[982,6],[2857,7],[3672,7],[5351,7],[6465,7],[6601,9],[7162,7],[11272,7],[11396,7],[15513,7],[15637,7],[19654,7],[19778,7],[20471,7],[20594,7]]},"578":{"position":[[1468,6],[3487,6],[3681,7],[3762,7],[3847,7],[4458,7],[6112,7],[7161,7],[7297,9],[7920,6],[8158,7],[8239,7],[8322,7],[9345,7],[9426,7],[9511,7],[10023,7],[10104,7],[10189,7],[11102,7],[11183,7],[11268,7],[12042,7],[12143,7],[12238,7],[13247,7],[13340,7],[13444,7],[13548,7],[13652,7],[13756,7],[14410,7],[14491,7],[14576,7]]},"584":{"position":[[1570,7],[1668,7],[2414,7],[2543,7],[2678,7],[2807,7],[2933,7],[3062,7],[3182,7],[3305,7]]},"586":{"position":[[3509,6]]},"590":{"position":[[2442,7],[2577,7],[2712,7],[4694,7],[4841,7],[4982,7],[5129,7],[5274,7],[5421,7],[5572,7]]},"594":{"position":[[4311,7],[4420,7]]},"596":{"position":[[12901,7],[12973,9]]},"598":{"position":[[3241,6],[3268,7],[3335,6],[3342,9],[3352,7],[3419,6],[3426,9],[3436,7],[3521,6],[3528,9],[3542,6],[3579,6],[3602,7],[3668,11],[3684,6],[3717,6],[3885,7],[4002,9],[4012,7],[4142,9],[4512,6],[4538,6],[4560,6]]},"600":{"position":[[2152,6],[10339,7],[10423,7],[10509,7],[10593,7],[10683,7],[10762,7],[13851,7],[14881,7],[15335,7]]},"602":{"position":[[6748,7],[6884,9],[6894,7],[7033,9],[7043,7],[7176,9],[7186,7],[7348,9],[7358,7],[7516,9]]},"604":{"position":[[4710,7],[4846,9],[4856,7],[4995,9],[5005,7],[5146,7],[5314,7]]},"606":{"position":[[4089,7],[4225,9],[4235,7],[4374,9],[4384,7],[11326,7],[11462,9],[11472,7]]},"608":{"position":[[3797,7],[3933,9],[3943,7],[4082,9],[4092,7],[7740,7],[7876,9],[7886,7],[11695,7],[11817,9],[11827,7],[11953,9],[11963,7],[12091,9],[12101,7],[12225,9]]},"610":{"position":[[1100,6],[1191,7],[1295,6],[1722,7],[2219,6]]},"612":{"position":[[9261,7],[10882,7],[10944,9],[10954,7],[11020,9],[11030,7],[11092,9],[12420,7],[12486,9],[12496,7],[12558,9]]},"614":{"position":[[5711,7],[5773,9],[5783,7],[5849,9],[5859,7],[5921,9],[6488,7],[6554,9],[6564,7],[6626,9],[8083,7],[8200,7],[11168,7],[11285,7]]},"616":{"position":[[2256,7],[2318,9],[2328,7],[2394,9],[2404,7],[2466,9],[2987,7],[3053,9],[3063,7],[3125,9]]},"618":{"position":[[4430,8],[6589,7],[6651,9],[6661,7],[6727,9],[6737,7],[6799,9],[7326,7],[7392,9],[7402,7],[7464,9],[9352,7],[9469,7]]},"620":{"position":[[1198,7],[1260,9],[1270,7],[1336,9],[1346,7],[1408,9],[1882,7],[1948,9],[1958,7],[2020,9]]},"622":{"position":[[9806,7],[9868,9],[9878,7],[9944,9],[9954,7],[10016,9],[10549,7],[10615,9],[10625,7],[10687,9],[12717,7],[12834,7]]},"628":{"position":[[3855,7],[3917,9],[3927,7],[3993,9],[4003,7],[4065,9],[4605,7],[4671,9],[4681,7],[4743,9],[7169,7],[7286,7],[10407,7],[10524,7]]},"630":{"position":[[1017,7],[1924,7],[2012,7],[2119,7],[2232,7],[2339,7],[2443,7],[2550,7],[2648,7],[3455,7],[3562,7],[3675,7],[3782,7],[3886,7],[3993,7],[4091,7],[4192,7],[4994,7],[5101,7],[5214,7],[5321,7],[5425,7],[5532,7],[5630,7],[6584,7],[6691,7],[6804,7],[6911,7],[7015,7],[7122,7],[7220,7],[8265,7],[8379,7],[8497,7],[8613,7],[8733,7],[8857,7],[8979,7],[9099,7],[9223,7],[10264,7],[10371,7],[10484,7],[10591,7],[10695,7],[10802,7],[10900,7]]},"648":{"position":[[418,6],[506,6],[584,6],[776,7],[986,7],[1096,7],[1212,7],[1322,7],[1429,7],[1539,7],[1640,7],[1744,7],[2169,7],[2279,7],[2395,7],[2505,7],[2612,7],[2722,7],[2823,7],[2927,7],[3365,7],[3475,7],[3583,7],[3689,7],[4120,6],[4143,7],[4568,7],[4576,7],[5943,6],[5977,6]]},"654":{"position":[[985,6],[1258,6],[1509,6],[3673,7],[6255,7],[10888,6],[15424,7],[15520,7],[20234,7],[20351,7],[24112,7],[24183,7],[24254,7],[25781,6],[25800,6]]},"656":{"position":[[18846,7]]},"660":{"position":[[4445,6],[4523,6],[57283,7],[57381,9],[57391,7],[57492,9],[59753,6],[59880,6],[83302,7],[83415,7],[83532,7]]}}}],["button\"role=\"button",{"_index":3167,"t":{"610":{"position":[[1169,21]]}}}],["button5",{"_index":831,"t":{"142":{"position":[[1228,7]]}}}],["button</button",{"_index":1439,"t":{"568":{"position":[[4752,15],[4886,15],[5145,15]]},"610":{"position":[[1255,15]]}}}],["button</dropdownactionbutton",{"_index":4111,"t":{"654":{"position":[[9378,29],[10249,29],[11316,29]]}}}],["button</dropdowntogglebutton",{"_index":4091,"t":{"654":{"position":[[3753,29],[8962,29],[9851,29],[23820,29],[24876,29]]}}}],["buttoncolor",{"_index":1387,"t":{"568":{"position":[[465,11]]},"574":{"position":[[1203,11],[1417,11]]},"648":{"position":[[382,11]]},"654":{"position":[[1480,11]]},"660":{"position":[[4391,11]]}}}],["buttoncolor.dang",{"_index":1731,"t":{"574":{"position":[[4440,18]]}}}],["buttoncolor.light",{"_index":4295,"t":{"660":{"position":[[4403,17]]}}}],["buttoncolor.non",{"_index":1388,"t":{"568":{"position":[[477,16]]}}}],["buttoncolor.primari",{"_index":1690,"t":{"574":{"position":[[1429,19]]},"648":{"position":[[4441,20]]}}}],["buttoncolor.secondari",{"_index":1685,"t":{"574":{"position":[[1215,21]]},"648":{"position":[[432,21]]}}}],["buttoncolor.success",{"_index":1730,"t":{"574":{"position":[[4378,20]]}}}],["buttons",{"_index":756,"t":{"128":{"position":[[981,11]]}}}],["buttons3",{"_index":832,"t":{"142":{"position":[[1236,8]]}}}],["buttonsize.non",{"_index":1394,"t":{"568":{"position":[[997,15]]}}}],["buttontyp",{"_index":763,"t":{"128":{"position":[[1373,10]]},"568":{"position":[[1514,10]]}}}],["buttontype.button",{"_index":1402,"t":{"568":{"position":[[1525,17]]}}}],["byte",{"_index":3642,"t":{"622":{"position":[[1010,5],[1171,5],[1255,4]]}}}],["c",{"_index":833,"t":{"142":{"position":[[1245,1]]},"602":{"position":[[10101,1]]},"604":{"position":[[8248,1]]},"612":{"position":[[3415,4],[5286,4],[7911,4]]}}}],["c.torgbstr",{"_index":2949,"t":{"602":{"position":[[10314,15],[10366,15],[10508,15]]},"604":{"position":[[8463,15],[8515,15]]}}}],["c6rzsynm9kwdrmnet87bh95ognyzphctnxj1nw7rubcsyn/o0jlpcv8qyq46cdfl",{"_index":3715,"t":{"624":{"position":[[1541,65],[5106,65]]},"626":{"position":[[1726,65],[5178,65]]},"632":{"position":[[1200,65]]},"634":{"position":[[1223,65],[4099,65]]},"636":{"position":[[1178,65],[4348,65]]},"638":{"position":[[1200,65]]},"642":{"position":[[1560,65],[4898,65]]},"644":{"position":[[1560,65],[4697,65]]},"652":{"position":[[1214,65],[4354,65]]}}}],["ca",{"_index":3667,"t":{"622":{"position":[[3475,3],[15645,3]]}}}],["ca</b></label",{"_index":3666,"t":{"622":{"position":[[3398,14],[15564,14]]}}}],["calculatetoatl",{"_index":3589,"t":{"618":{"position":[[9819,17],[9930,17],[10023,17],[10056,16]]},"622":{"position":[[13184,17],[13295,17],[13388,17],[13421,16]]},"654":{"position":[[20740,17],[20851,17],[20944,17],[20977,16]]}}}],["call",{"_index":475,"t":{"72":{"position":[[313,4],[498,4]]},"78":{"position":[[247,5]]},"110":{"position":[[921,4]]},"114":{"position":[[238,4]]},"556":{"position":[[695,7]]},"562":{"position":[[1620,7],[1697,7]]},"568":{"position":[[7714,4]]},"572":{"position":[[815,7],[1037,7],[4806,6],[4914,6],[5024,6],[5134,6]]},"574":{"position":[[3005,4]]},"576":{"position":[[1891,4],[2049,7],[2261,7]]},"578":{"position":[[2195,4],[2353,7],[2565,7]]},"584":{"position":[[264,4],[311,4],[328,4],[1176,4],[1244,5],[1413,4],[1963,4],[2138,4],[3623,4]]},"588":{"position":[[1179,7]]},"590":{"position":[[2093,7],[4563,7]]},"612":{"position":[[2767,4],[4638,4],[6230,4],[7263,4],[9986,4],[11495,4],[12989,4]]},"630":{"position":[[11780,4],[11936,4]]},"648":{"position":[[5159,4],[5385,4]]},"654":{"position":[[3279,7],[3502,7]]},"656":{"position":[[8701,4]]},"660":{"position":[[52297,4],[60142,4],[61635,4],[65030,4],[68113,4],[71490,4],[74482,12],[74628,4],[77457,12],[77603,4],[80900,4],[83991,4],[86757,4],[91986,4],[100216,4],[102407,4],[104845,4],[108836,4],[112716,4],[126228,4],[128955,4],[131596,4]]}}}],["callback",{"_index":215,"t":{"12":{"position":[[273,8],[417,8]]},"56":{"position":[[449,9]]},"70":{"position":[[605,9]]},"104":{"position":[[387,8]]},"110":{"position":[[415,8]]},"556":{"position":[[587,8],[3894,8],[4051,8]]},"576":{"position":[[1942,8],[4809,9],[4849,9],[5091,8],[5173,8],[5288,8],[19991,8],[21401,8],[21491,9],[21556,8]]},"578":{"position":[[2246,8],[5562,9],[5602,9],[5860,8],[5942,8],[6057,8],[14024,8],[15316,8],[15398,9],[15557,8]]},"582":{"position":[[1405,8],[3010,8],[3418,8],[3517,8]]},"586":{"position":[[3392,8],[9970,8]]},"588":{"position":[[1161,8]]},"596":{"position":[[1964,8],[2041,8],[2133,8],[2229,8],[13918,8]]},"600":{"position":[[1100,8],[2035,8],[16194,8],[16229,8]]},"658":{"position":[[514,8],[1358210,8]]},"660":{"position":[[3080,8],[133355,8]]}}}],["caller",{"_index":1773,"t":{"576":{"position":[[1425,6],[1584,6],[1805,6]]},"578":{"position":[[2109,6]]}}}],["callout",{"_index":29,"t":{"2":{"position":[[287,7],[1151,7],[1476,7]]},"10":{"position":[[259,7]]},"36":{"position":[[166,7],[280,7],[366,7],[391,7],[433,7],[647,7],[744,7]]},"116":{"position":[[286,7],[515,7]]},"118":{"position":[[227,7],[523,7]]},"128":{"position":[[993,7],[1628,7]]},"140":{"position":[[1933,7]]},"146":{"position":[[2736,7]]},"148":{"position":[[333,7]]},"150":{"position":[[273,7]]},"158":{"position":[[331,7],[1195,7],[1520,7]]},"230":{"position":[[340,7],[1204,7],[1529,7]]},"238":{"position":[[1673,7]]},"306":{"position":[[334,7],[1198,7],[1523,7]]},"308":{"position":[[568,7],[893,7]]},"328":{"position":[[20,9],[331,7],[624,7],[949,7],[1143,7]]},"330":{"position":[[330,7],[634,7]]},"338":{"position":[[285,7]]},"350":{"position":[[277,7]]},"358":{"position":[[332,7]]},"360":{"position":[[1854,7]]},"364":{"position":[[329,7],[900,7]]},"370":{"position":[[2602,7]]},"384":{"position":[[330,7]]},"390":{"position":[[275,7]]},"394":{"position":[[566,7]]},"404":{"position":[[274,7]]},"406":{"position":[[330,7]]},"410":{"position":[[331,7]]},"412":{"position":[[332,7],[625,7]]},"420":{"position":[[328,7]]},"422":{"position":[[283,7]]},"436":{"position":[[271,7]]},"466":{"position":[[202,7]]},"546":{"position":[[271,7]]},"548":{"position":[[282,7]]},"554":{"position":[[331,7]]},"566":{"position":[[11,7],[39,7],[64,7],[370,7],[428,7],[526,7],[559,8],[568,9],[753,10],[764,8],[975,10],[986,8],[1199,10],[1210,8],[1417,10],[1428,8],[1633,10],[1675,8],[1880,10],[1891,8],[2122,10],[2133,8],[2366,10],[2377,8],[2604,10],[2615,8],[2840,10],[2878,9],[3329,10],[3340,8],[3817,10],[3828,8],[4306,10],[4317,8],[4792,10],[4803,8],[5277,10],[5317,8],[5787,10],[5798,8],[6294,10],[6305,8],[6802,10],[6813,8],[7307,10],[7318,8],[7811,10],[7899,7]]},"568":{"position":[[9756,7]]},"570":{"position":[[13357,7]]}}}],["callout4",{"_index":834,"t":{"142":{"position":[[1247,8]]}}}],["callout</strong",{"_index":1368,"t":{"566":{"position":[[604,17],[826,17],[1050,17],[1268,17],[1484,17],[1731,17],[1973,17],[2217,17],[2455,17],[2691,17]]}}}],["calloutcolor",{"_index":315,"t":{"36":{"position":[[472,12]]},"566":{"position":[[319,12]]}}}],["calloutcolor.default",{"_index":1364,"t":{"566":{"position":[[332,20]]}}}],["callouttyp",{"_index":316,"t":{"36":{"position":[[488,11]]}}}],["cancel",{"_index":1713,"t":{"574":{"position":[[3246,13],[4414,9]]}}}],["cancellationtoken",{"_index":391,"t":{"54":{"position":[[305,17]]},"62":{"position":[[232,17]]},"660":{"position":[[3844,17]]}}}],["canon",{"_index":3223,"t":{"612":{"position":[[3082,8],[4953,8],[7578,8]]}}}],["capac",{"_index":3905,"t":{"630":{"position":[[1090,9],[9985,8]]}}}],["card",{"_index":612,"t":{"100":{"position":[[117,4],[436,4],[577,4],[589,4],[1232,4]]},"126":{"position":[[1079,4]]},"212":{"position":[[841,4]]},"234":{"position":[[850,4]]},"270":{"position":[[413,4]]},"312":{"position":[[165,4]]},"316":{"position":[[844,4]]},"364":{"position":[[2293,4]]},"480":{"position":[[162,4]]},"564":{"position":[[966,4]]},"566":{"position":[[7874,4]]},"570":{"position":[[11,4],[36,4],[62,5],[165,4],[362,4],[585,4],[682,5],[1464,4],[1711,4],[1765,4],[1836,4],[2154,4],[2590,4],[2624,5],[2661,4],[2704,5],[2804,5],[2927,4],[3093,7],[3135,5],[3300,4],[3373,5],[3379,6],[3424,4],[3447,7],[3499,5],[3689,4],[3846,7],[3881,5],[4160,4],[4326,7],[4334,5],[4524,4],[4769,7],[4838,4],[4868,5],[5077,7],[5169,4],[5311,5],[5317,5],[5516,4],[5877,7],[5969,5],[5975,5],[6289,7],[6324,5],[6548,6],[6805,7],[6843,6],[7100,7],[7279,5],[7570,7],[7578,5],[7902,7],[7910,5],[8231,7],[8280,5],[8409,4],[8482,4],[8560,7],[8568,5],[8701,4],[8774,4],[8852,7],[8860,5],[8989,4],[9062,4],[9140,7],[9148,5],[9275,4],[9348,4],[9426,7],[9434,5],[9563,4],[9636,4],[9714,7],[9722,5],[9845,4],[9918,4],[9996,7],[10004,5],[10129,4],[10202,4],[10280,7],[10288,5],[10411,4],[10484,4],[10562,7],[10589,4],[10606,4],[10628,5],[10701,4],[10840,5],[11008,4],[11208,7],[11216,5],[11373,4],[11535,7],[11543,5],[11711,4],[11792,4],[11957,7],[11997,4],[12033,4],[12113,5],[12281,4],[12502,7],[12510,5],[12667,4],[12850,7],[12858,5],[13026,4],[13107,4],[13293,7],[13394,4],[13589,4],[13730,4],[13742,4]]},"572":{"position":[[2000,6],[2174,7],[2983,5],[3143,7],[4167,6],[4341,7]]},"600":{"position":[[13987,6],[14254,7],[15017,6],[15522,7]]}}}],["card'",{"_index":1543,"t":{"570":{"position":[[2966,6],[3728,6],[4199,6],[4563,6],[5555,6],[8521,6],[8813,6],[9101,6],[9387,6],[9675,6],[9957,6],[10241,6],[10523,6]]}}}],["cardbodi",{"_index":1521,"t":{"570":{"position":[[695,8],[2832,10],[3081,11],[3312,9],[3386,10],[3435,11],[3527,10],[3834,11],[3998,10],[4314,11],[4362,10],[4678,11],[5421,10],[5582,11],[5775,10],[5865,11],[6039,10],[6277,11],[6555,10],[6793,11],[6850,10],[7088,11],[7320,10],[7558,11],[7652,10],[7890,11],[7981,10],[8219,11],[8379,10],[8548,11],[8669,10],[8840,11],[8959,10],[9128,11],[9246,10],[9414,11],[9533,10],[9702,11],[9818,10],[9984,11],[10101,10],[10268,11],[10384,10],[10550,11],[10937,10],[11196,11],[11313,10],[11523,11],[11640,10],[11945,11],[12210,10],[12405,11],[12607,10],[12753,11],[12955,10],[13196,11],[13410,8]]},"572":{"position":[[2007,10],[2162,11],[3011,10],[3131,11],[4174,10],[4329,11]]},"600":{"position":[[13994,10],[14242,11],[15024,10],[15510,11]]}}}],["cardcolor",{"_index":1517,"t":{"570":{"position":[[543,9],[1422,9]]}}}],["cardcolor.non",{"_index":1518,"t":{"570":{"position":[[553,14],[1432,14]]}}}],["cardfoot",{"_index":1522,"t":{"570":{"position":[[874,10],[12417,12],[12488,13],[12765,12],[12836,13],[13208,12],[13279,13],[13430,10]]}}}],["cardgroup",{"_index":1523,"t":{"570":{"position":[[1055,9],[10828,11],[11965,12],[12101,11],[13301,12],[13452,9]]}}}],["cardhead",{"_index":1524,"t":{"570":{"position":[[1235,10],[6003,12],[6025,13],[13473,10]]}}}],["cardheader>header</cardhead",{"_index":1591,"t":{"570":{"position":[[8347,31],[8637,31],[8927,31],[9214,31],[9501,31],[9786,31],[10069,31],[10352,31]]}}}],["cardlink",{"_index":1525,"t":{"570":{"position":[[1490,8],[3755,9],[3793,9],[5786,9],[5824,9],[13495,8]]}}}],["cardsubtitl",{"_index":1526,"t":{"570":{"position":[[1922,12],[3572,13],[4043,13],[4407,13],[13515,12]]}}}],["cardtext",{"_index":1530,"t":{"570":{"position":[[2182,8],[11132,9],[11459,9],[11881,9],[13539,8]]}}}],["cardtext>som",{"_index":1539,"t":{"570":{"position":[[2877,14],[3639,14],[4110,14],[4474,14],[5466,14],[8432,14],[8724,14],[9012,14],[9298,14],[9586,14],[9868,14],[10152,14],[10434,14]]}}}],["cardtext>thi",{"_index":1614,"t":{"570":{"position":[[10982,14],[11358,14],[11685,14],[12255,14],[12652,14],[13000,14]]}}}],["cardtext>with",{"_index":1574,"t":{"570":{"position":[[6097,14],[6613,14],[6908,14],[7378,14],[7710,14],[8039,14]]}}}],["cardtitl",{"_index":1531,"t":{"570":{"position":[[2361,9],[13559,9]]}}}],["cardtitle>card",{"_index":1537,"t":{"570":{"position":[[2843,15],[3538,15],[4009,15],[4373,15],[5432,15],[10948,15],[11324,15],[11651,15],[12221,15],[12618,15],[12966,15]]}}}],["cardtitle>dang",{"_index":1598,"t":{"570":{"position":[[9257,17]]}}}],["cardtitle>dark",{"_index":1606,"t":{"570":{"position":[[10395,15]]}}}],["cardtitle>info",{"_index":1602,"t":{"570":{"position":[[9829,15]]}}}],["cardtitle>light",{"_index":1604,"t":{"570":{"position":[[10112,16]]}}}],["cardtitle>primari",{"_index":1592,"t":{"570":{"position":[[8390,18]]}}}],["cardtitle>secondari",{"_index":1594,"t":{"570":{"position":[[8680,20]]}}}],["cardtitle>speci",{"_index":1572,"t":{"570":{"position":[[6050,18],[6566,18],[6861,18],[7331,18],[7663,18],[7992,18]]}}}],["cardtitle>success",{"_index":1596,"t":{"570":{"position":[[8970,18]]}}}],["cardtitle>warn",{"_index":1600,"t":{"570":{"position":[[9544,18]]}}}],["card—in",{"_index":1585,"t":{"570":{"position":[[7206,7]]}}}],["cart",{"_index":1759,"t":{"576":{"position":[[116,6]]}}}],["case",{"_index":2760,"t":{"600":{"position":[[12651,4],[12706,4],[12764,4],[12822,4]]},"612":{"position":[[3831,4],[3939,4]]},"660":{"position":[[9499,4],[11786,4]]}}}],["catch",{"_index":2204,"t":{"584":{"position":[[1457,5]]}}}],["catch(except",{"_index":3962,"t":{"630":{"position":[[12074,15]]},"648":{"position":[[5606,15]]}}}],["categor",{"_index":2901,"t":{"602":{"position":[[6233,11]]},"604":{"position":[[4267,11]]},"606":{"position":[[3636,11]]},"608":{"position":[[3354,11]]}}}],["categori",{"_index":2907,"t":{"602":{"position":[[6570,10]]},"604":{"position":[[1861,8],[1901,8],[2207,8],[4604,10]]},"606":{"position":[[178,11],[323,9],[3973,10]]},"608":{"position":[[166,11],[3691,10]]}}}],["categorypercentag",{"_index":3024,"t":{"604":{"position":[[2135,18]]}}}],["cater",{"_index":1345,"t":{"564":{"position":[[187,5]]}}}],["caus",{"_index":507,"t":{"78":{"position":[[198,7]]},"98":{"position":[[561,7]]}}}],["caution",{"_index":3500,"t":{"616":{"position":[[3459,7]]}}}],["cdn",{"_index":2651,"t":{"598":{"position":[[265,4]]}}}],["cell",{"_index":296,"t":{"32":{"position":[[440,4],[455,4],[471,4]]},"660":{"position":[[38222,4],[38284,4],[40479,4],[40509,4],[42737,4],[69951,4],[133785,4],[133800,4],[133815,4]]}}}],["center",{"_index":615,"t":{"100":{"position":[[317,9]]},"574":{"position":[[1163,6],[6958,9],[7028,6],[7169,8],[7810,8],[9113,8]]},"578":{"position":[[1290,7],[9795,9],[9851,6],[9974,8],[10264,8],[10481,8],[11343,8],[15481,8],[15501,8]]},"594":{"position":[[2885,8],[2974,8],[3239,8]]},"604":{"position":[[3401,6],[3454,6]]},"606":{"position":[[228,6],[3016,6],[14259,9]]},"608":{"position":[[2749,6],[10495,9]]},"618":{"position":[[5326,6]]},"622":{"position":[[8455,6]]},"648":{"position":[[2159,9],[5915,8]]},"654":{"position":[[11696,9],[11709,6],[25839,8]]}}}],["center</button",{"_index":3944,"t":{"630":{"position":[[8481,15],[8841,15],[9207,15]]}}}],["certain",{"_index":1734,"t":{"574":{"position":[[4782,7]]},"578":{"position":[[11633,7]]}}}],["chan",{"_index":3218,"t":{"612":{"position":[[3043,7],[4914,7],[7539,7]]}}}],["chang",{"_index":197,"t":{"10":{"position":[[137,8]]},"12":{"position":[[257,8]]},"14":{"position":[[194,8]]},"18":{"position":[[136,8]]},"36":{"position":[[380,6],[450,8]]},"46":{"position":[[157,8]]},"48":{"position":[[204,8]]},"50":{"position":[[190,8]]},"52":{"position":[[271,8]]},"54":{"position":[[218,8]]},"56":{"position":[[180,8]]},"58":{"position":[[180,8]]},"60":{"position":[[280,8]]},"62":{"position":[[162,8]]},"64":{"position":[[161,8]]},"66":{"position":[[154,8]]},"68":{"position":[[360,8]]},"70":{"position":[[332,8]]},"72":{"position":[[566,8]]},"74":{"position":[[156,8]]},"76":{"position":[[145,8]]},"78":{"position":[[147,8]]},"80":{"position":[[162,8]]},"82":{"position":[[156,8]]},"84":{"position":[[167,8]]},"86":{"position":[[237,8]]},"88":{"position":[[158,8]]},"90":{"position":[[142,8]]},"92":{"position":[[235,8]]},"94":{"position":[[142,8]]},"96":{"position":[[143,8]]},"98":{"position":[[166,8],[360,8],[473,6]]},"100":{"position":[[620,8],[1127,6]]},"102":{"position":[[171,8]]},"104":{"position":[[207,8]]},"106":{"position":[[176,8]]},"108":{"position":[[176,8]]},"110":{"position":[[618,8]]},"112":{"position":[[183,8],[340,6]]},"114":{"position":[[145,8]]},"116":{"position":[[211,8]]},"118":{"position":[[199,8]]},"120":{"position":[[236,8]]},"122":{"position":[[210,8]]},"128":{"position":[[231,8],[379,6],[865,8],[960,7],[1016,7],[1193,7],[1360,7]]},"558":{"position":[[1088,7]]},"570":{"position":[[6422,6],[7173,6]]},"574":{"position":[[3981,6],[4040,6],[9034,6]]},"578":{"position":[[3053,8]]},"580":{"position":[[1123,6]]},"582":{"position":[[1505,8]]},"584":{"position":[[1549,6],[2209,6],[2231,6],[3823,6],[3843,6]]},"590":{"position":[[3746,6]]},"594":{"position":[[960,8]]},"600":{"position":[[6850,6]]},"602":{"position":[[199,7]]},"608":{"position":[[11544,6],[11600,6],[15063,6]]},"612":{"position":[[1518,7],[1604,7]]},"614":{"position":[[1308,7],[9058,7]]},"618":{"position":[[1295,7],[5180,6],[11043,7],[11586,7]]},"620":{"position":[[679,8],[2469,8],[2834,7]]},"622":{"position":[[1811,7],[8309,6],[16877,7],[17424,7]]},"624":{"position":[[6798,6]]},"626":{"position":[[6274,6]]},"628":{"position":[[1252,7],[8613,7]]},"630":{"position":[[8013,6],[9966,6]]},"634":{"position":[[5698,6]]},"636":{"position":[[6055,6]]},"648":{"position":[[4106,6],[5929,6]]},"654":{"position":[[16459,6],[22080,6]]},"656":{"position":[[4483,6],[4529,6],[18435,8],[24181,6]]},"658":{"position":[[711,8],[1488,6]]},"660":{"position":[[3224,8],[3681,8],[30978,6],[35921,6],[38273,6],[46559,6],[49375,6],[110679,6]]}}}],["changelog",{"_index":213,"t":{"12":{"position":[[197,10]]}}}],["changeplacement(toastsplac",{"_index":3953,"t":{"630":{"position":[[9463,31]]}}}],["changeplacement(toastsplacement.bottomcenter)\">bottom",{"_index":3951,"t":{"630":{"position":[[9153,53]]}}}],["changeplacement(toastsplacement.bottomleft)\">bottom",{"_index":3950,"t":{"630":{"position":[[9033,51]]}}}],["changeplacement(toastsplacement.bottomright)\">bottom",{"_index":3952,"t":{"630":{"position":[[9277,52]]}}}],["changeplacement(toastsplacement.middlecenter)\">middl",{"_index":3948,"t":{"630":{"position":[[8787,53]]}}}],["changeplacement(toastsplacement.middleleft)\">middl",{"_index":3947,"t":{"630":{"position":[[8667,51]]}}}],["changeplacement(toastsplacement.middleright)\">middl",{"_index":3949,"t":{"630":{"position":[[8911,52]]}}}],["changeplacement(toastsplacement.topcenter)\">top",{"_index":3943,"t":{"630":{"position":[[8433,47]]}}}],["changeplacement(toastsplacement.topleft)\">top",{"_index":3941,"t":{"630":{"position":[[8319,45]]}}}],["changeplacement(toastsplacement.topright)\">top",{"_index":3945,"t":{"630":{"position":[[8551,46]]}}}],["changes</button",{"_index":2021,"t":{"578":{"position":[[3803,16],[9467,16],[10145,16],[11224,16],[14532,16]]}}}],["changesize(10)\">grid",{"_index":4587,"t":{"660":{"position":[[83494,20]]}}}],["changesize(15)\">grid",{"_index":4589,"t":{"660":{"position":[[83611,20]]}}}],["changesize(5)\">grid",{"_index":4585,"t":{"660":{"position":[[83379,19]]}}}],["changesize(int",{"_index":4591,"t":{"660":{"position":[[85699,14]]}}}],["changetooltip",{"_index":1498,"t":{"568":{"position":[[8868,15]]},"610":{"position":[[1891,15]]}}}],["charset=\"utf",{"_index":3754,"t":{"624":{"position":[[3754,12]]},"626":{"position":[[3933,12]]},"634":{"position":[[3144,12]]},"636":{"position":[[3409,12]]},"642":{"position":[[3647,12]]},"644":{"position":[[3647,12]]},"652":{"position":[[3120,12]]}}}],["chart",{"_index":18,"t":{"2":{"position":[[150,7],[3511,9],[3589,6],[3875,6]]},"38":{"position":[[124,5],[153,5],[182,5],[214,5],[242,5],[269,5],[316,5],[362,5],[404,5],[445,5],[511,6],[529,5],[551,5],[569,5],[586,5]]},"98":{"position":[[518,5],[555,5],[906,5]]},"100":{"position":[[146,7],[633,5],[699,5],[761,5],[822,5],[1308,5]]},"102":{"position":[[147,5],[233,5],[277,5],[317,5],[356,5],[468,5]]},"104":{"position":[[148,7],[567,6],[606,6],[622,6],[634,6],[649,5],[777,5],[1007,5]]},"108":{"position":[[367,6],[384,5],[675,6]]},"112":{"position":[[166,9],[309,5],[325,7],[951,6]]},"114":{"position":[[338,5]]},"116":{"position":[[420,5]]},"126":{"position":[[430,7],[681,5],[861,5],[1108,7]]},"128":{"position":[[150,7],[240,5]]},"140":{"position":[[1356,5],[1410,6],[1428,5],[1450,5],[1468,5],[1485,5]]},"146":{"position":[[580,7],[831,5]]},"148":{"position":[[196,7],[565,9],[643,6]]},"156":{"position":[[33,6],[178,5],[232,6],[250,5],[272,5],[290,5],[307,5]]},"158":{"position":[[194,7],[2321,9],[2399,6],[2685,6]]},"162":{"position":[[29,7],[175,5],[229,6],[247,5],[269,5],[287,5],[304,5]]},"172":{"position":[[38,6],[183,5],[237,6],[255,5],[277,5],[295,5],[312,5]]},"184":{"position":[[34,6],[179,5],[233,6],[251,5],[273,5],[291,5],[308,5]]},"192":{"position":[[33,6],[178,5],[232,6],[250,5],[272,5],[290,5],[307,5]]},"212":{"position":[[192,7],[443,5],[623,5],[870,7]]},"222":{"position":[[203,7],[454,5]]},"230":{"position":[[203,7],[2330,9],[2408,6],[2694,6]]},"234":{"position":[[201,7],[452,5],[632,5],[879,7]]},"238":{"position":[[1096,5],[1150,6],[1168,5],[1190,5],[1208,5],[1225,5]]},"250":{"position":[[197,7],[448,5]]},"258":{"position":[[205,7],[456,5]]},"270":{"position":[[195,5],[442,7]]},"272":{"position":[[196,7],[447,5]]},"288":{"position":[[198,7],[449,5]]},"304":{"position":[[198,7],[449,5]]},"306":{"position":[[197,7],[2324,9],[2402,6],[2688,6]]},"308":{"position":[[1694,9],[1772,6],[2058,6],[2516,7],[2767,5],[2947,5]]},"312":{"position":[[194,7]]},"316":{"position":[[195,7],[446,5],[626,5],[873,7]]},"328":{"position":[[194,7]]},"330":{"position":[[193,7]]},"334":{"position":[[21,7],[191,7],[442,5]]},"336":{"position":[[20,8],[209,9],[287,6],[573,6]]},"346":{"position":[[769,7],[1020,5]]},"358":{"position":[[195,7]]},"360":{"position":[[590,9],[668,6],[954,6],[1412,7],[1663,5]]},"364":{"position":[[192,7],[1536,9],[1614,6],[1900,6],[2075,5],[2322,7]]},"380":{"position":[[197,7],[448,5]]},"384":{"position":[[193,7],[562,9],[640,6],[926,6],[1102,7],[1353,5]]},"400":{"position":[[292,6]]},"406":{"position":[[193,7]]},"410":{"position":[[194,7],[545,7],[796,5]]},"412":{"position":[[195,7]]},"416":{"position":[[290,6]]},"420":{"position":[[191,7]]},"428":{"position":[[208,9],[286,6]]},"436":{"position":[[506,7],[757,5]]},"470":{"position":[[168,5],[222,6],[240,5],[262,5],[280,5],[297,5]]},"480":{"position":[[191,7]]},"482":{"position":[[192,5]]},"484":{"position":[[193,7],[444,5]]},"488":{"position":[[211,9],[289,6]]},"490":{"position":[[292,6]]},"554":{"position":[[194,7]]},"564":{"position":[[11,6],[38,6],[62,6],[87,5],[175,6],[200,8],[305,5],[322,5],[380,5],[397,5],[412,5],[423,5],[433,5],[463,6],[481,6],[494,6],[509,6],[526,5],[572,6],[594,5],[626,5],[666,6],[693,5],[730,5],[766,6],[789,5],[822,5],[857,6],[879,5],[911,5],[993,5],[1009,5],[1024,5],[1035,5],[1045,5]]},"570":{"position":[[13370,6]]},"572":{"position":[[5261,6]]},"602":{"position":[[24,5],[55,5],[85,5],[238,6],[477,5],[544,5],[619,5],[684,5],[886,6],[1014,6],[1153,6],[1394,6],[1484,6],[2555,6],[2843,6],[5092,5],[5631,6],[5655,6],[5685,7],[5870,5],[6183,7],[7342,5],[7510,5],[17322,5],[17337,5]]},"604":{"position":[[23,5],[53,5],[82,5],[332,5],[399,5],[474,5],[539,5],[741,6],[869,6],[1008,6],[1249,6],[1339,6],[2745,6],[3128,5],[3666,6],[3690,6],[3720,7],[3905,5],[4217,7],[9099,6],[10497,6],[12579,5],[12696,5],[17048,5],[17224,5],[17242,5]]},"606":{"position":[[28,5],[63,5],[94,5],[124,5],[213,6],[248,5],[428,5],[495,5],[570,5],[635,5],[837,6],[965,6],[1104,6],[1345,6],[1435,6],[2498,6],[2881,5],[3314,5],[3586,7],[8143,5],[8260,5],[15346,5],[15362,5]]},"608":{"position":[[23,5],[53,5],[82,5],[112,5],[273,5],[340,5],[415,5],[480,5],[682,6],[810,6],[949,6],[1190,6],[1280,6],[2328,6],[2619,5],[3037,5],[3304,7],[11627,5],[14871,5]]},"610":{"position":[[2175,5]]},"624":{"position":[[1672,5],[2030,5],[2689,5],[5237,5],[5595,5]]},"626":{"position":[[1857,5],[2215,5],[2874,5],[5561,5]]},"632":{"position":[[1331,5],[1689,5],[2348,5]]},"634":{"position":[[1354,5],[1712,5],[2371,5],[4230,5],[4588,5]]},"636":{"position":[[1309,5],[1667,5],[2326,5],[4479,5],[4837,5]]},"638":{"position":[[1331,5],[1689,5],[2348,5]]},"642":{"position":[[1691,5],[2049,5],[2724,5],[5281,5]]},"644":{"position":[[1691,5],[2049,5],[2724,5],[5080,5]]},"648":{"position":[[5848,5]]},"652":{"position":[[1345,5],[1703,5],[2378,5],[4485,5],[4843,5]]}}}],["chart.j",{"_index":1342,"t":{"564":{"position":[[114,8]]},"624":{"position":[[1650,8],[2644,8],[5215,8]]},"626":{"position":[[1835,8],[2829,8],[5539,8]]},"632":{"position":[[1309,8],[2303,8]]},"634":{"position":[[1332,8],[2326,8],[4208,8]]},"636":{"position":[[1287,8],[2281,8],[4457,8]]},"638":{"position":[[1309,8],[2303,8]]},"642":{"position":[[1669,8],[2667,8],[5259,8]]},"644":{"position":[[1669,8],[2667,8],[5058,8]]},"652":{"position":[[1323,8],[2321,8],[4463,8]]}}}],["chart1",{"_index":774,"t":{"142":{"position":[[99,6],[216,6],[347,6],[419,6],[1256,6]]}}}],["chart</button",{"_index":3033,"t":{"604":{"position":[[5299,14],[5463,14]]}}}],["chartarea",{"_index":2844,"t":{"602":{"position":[[2182,10],[2270,10],[2293,10]]},"604":{"position":[[2298,10],[2386,10],[2409,10]]},"606":{"position":[[2046,10],[2134,10],[2157,10]]},"608":{"position":[[1881,10],[1969,10],[1992,10]]}}}],["chartdata",{"_index":2814,"t":{"602":{"position":[[804,10],[923,10],[1054,10],[1193,10],[1429,10],[1497,9],[7636,9],[7646,9],[7801,9],[7817,9],[8252,10],[8901,10],[9007,9],[9136,10],[9412,9],[11360,9],[11370,9],[13311,9],[13327,9],[14221,9],[14231,9],[16371,9],[16387,9],[17131,10],[17362,9]]},"604":{"position":[[659,10],[778,10],[909,10],[1048,10],[1284,10],[1352,9],[5584,9],[5594,9],[5901,9],[5917,9],[6363,10],[7003,10],[7141,9],[7268,10],[7571,9],[9267,9],[9277,9],[9772,9],[9788,9],[10665,9],[10675,9],[11721,9],[11737,9],[12893,9],[12903,9],[13949,9],[13965,9],[14991,9],[15001,9],[16047,9],[16063,9],[16844,10],[17073,9]]},"606":{"position":[[755,10],[874,10],[1005,10],[1144,10],[1380,10],[1448,9],[4651,9],[4661,9],[4913,9],[4929,9],[5439,10],[6127,10],[6237,9],[6409,10],[6744,9],[8532,9],[8542,9],[10483,9],[10499,9],[11739,9],[11749,9],[12001,9],[12017,9],[12465,10],[12647,10],[13290,10],[13414,10],[13749,9],[15387,9]]},"608":{"position":[[600,10],[719,10],[850,10],[989,10],[1225,10],[1293,9],[4339,9],[4349,9],[4601,9],[4617,9],[5097,10],[5740,10],[5845,9],[6007,10],[6318,9],[8133,9],[8143,9],[8395,9],[8411,9],[8834,10],[9011,10],[9686,10],[9997,9],[12341,9],[12351,9],[12603,9],[12619,9],[14915,9]]}}}],["chartdata.dataset",{"_index":2925,"t":{"602":{"position":[[8274,18],[8408,19],[8765,18],[8923,18],[9158,18],[9260,19]]},"604":{"position":[[6385,18],[6519,19],[6869,18],[7025,18],[7290,18],[7423,19]]},"606":{"position":[[5461,18],[5595,19],[5983,18],[6149,18],[6431,18],[6533,19],[12669,18],[12825,19],[13213,18],[13436,18],[13538,19]]},"608":{"position":[[5119,18],[5253,19],[5606,18],[5762,18],[6029,18],[6131,19],[9033,18],[9167,19],[9520,18],[9708,18],[9810,19]]}}}],["chartdata.datasets.ani",{"_index":2926,"t":{"602":{"position":[[8304,26]]},"604":{"position":[[6415,26]]},"606":{"position":[[5491,26],[12699,26]]},"608":{"position":[[5149,26],[9063,26]]}}}],["chartdatalabel",{"_index":3014,"t":{"602":{"position":[[17198,17]]},"604":{"position":[[16910,17]]},"606":{"position":[[12536,17]]},"608":{"position":[[8900,17]]}}}],["chartdataset",{"_index":2822,"t":{"602":{"position":[[1079,13],[8963,12],[9062,13]]},"604":{"position":[[934,13],[7098,12],[7195,13]]},"606":{"position":[[1030,13],[6189,12],[6296,13]]},"608":{"position":[[875,13],[5802,12],[5899,13]]}}}],["chartj",{"_index":3722,"t":{"624":{"position":[[1984,7],[5549,7]]},"626":{"position":[[2169,7]]},"632":{"position":[[1643,7]]},"634":{"position":[[1666,7],[4542,7]]},"636":{"position":[[1621,7],[4791,7]]},"638":{"position":[[1643,7]]},"642":{"position":[[2003,7]]},"644":{"position":[[2003,7]]},"652":{"position":[[1657,7],[4797,7]]}}}],["chartlayout",{"_index":2898,"t":{"602":{"position":[[5766,11],[5795,12]]},"604":{"position":[[3801,11],[3830,12]]}}}],["chartopt",{"_index":2824,"t":{"602":{"position":[[1107,13],[1218,13],[1454,13],[5515,13],[17142,13]]},"604":{"position":[[962,13],[1073,13],[1309,13],[3550,13],[16855,13]]},"606":{"position":[[1058,13],[1169,13],[1405,13],[3182,13],[12476,13],[13301,13]]},"608":{"position":[[903,13],[1014,13],[1250,13],[2905,13],[8845,13]]}}}],["charts1",{"_index":775,"t":{"142":{"position":[[131,7]]}}}],["charts2",{"_index":835,"t":{"142":{"position":[[1263,7]]}}}],["chat",{"_index":723,"t":{"112":{"position":[[366,4]]},"602":{"position":[[1278,5]]},"604":{"position":[[1133,5]]},"606":{"position":[[1229,5]]},"608":{"position":[[1074,5]]}}}],["check",{"_index":991,"t":{"556":{"position":[[1012,5],[1099,5],[1182,5],[1263,5],[1346,5],[1423,5],[1502,5],[1579,5],[3107,5],[3318,5]]},"612":{"position":[[3570,5],[5441,5],[6470,5],[8066,5],[10226,5],[11737,5],[13231,5]]},"660":{"position":[[79409,5]]}}}],["checkbox",{"_index":3609,"t":{"620":{"position":[[143,11],[768,8],[838,8],[1172,8],[1856,8],[2334,8],[2522,8]]},"660":{"position":[[1183,8],[1280,8],[79157,8],[79179,8],[79342,8],[79429,8]]}}}],["child",{"_index":607,"t":{"98":{"position":[[625,7]]},"592":{"position":[[3721,5]]},"656":{"position":[[2638,5]]}}}],["childcont",{"_index":968,"t":{"556":{"position":[[248,12]]},"560":{"position":[[179,12]]},"562":{"position":[[301,12]]},"566":{"position":[[208,12]]},"568":{"position":[[355,12]]},"570":{"position":[[432,12],[769,12],[950,12],[1130,12],[1311,12],[1564,12],[2000,12],[2256,12],[2436,12]]},"572":{"position":[[213,12]]},"580":{"position":[[361,12]]},"584":{"position":[[461,12]]},"586":{"position":[[195,12],[912,12],[1098,12],[1352,12]]},"590":{"position":[[275,12]]},"596":{"position":[[566,12]]},"600":{"position":[[182,12]]},"610":{"position":[[195,12]]},"654":{"position":[[505,12],[1101,12],[1369,12],[1739,12],[2029,12],[2282,12]]},"660":{"position":[[740,12],[4066,12],[69896,14],[70953,14],[71010,15]]}}}],["chosen",{"_index":1982,"t":{"576":{"position":[[20392,7]]}}}],["chrome",{"_index":3052,"t":{"604":{"position":[[9373,9],[10822,9],[13050,9],[15148,9]]}}}],["circl",{"_index":2872,"t":{"602":{"position":[[4299,8],[4334,9]]},"642":{"position":[[4472,7],[4509,7]]},"652":{"position":[[3928,7],[3965,7]]}}}],["circular",{"_index":3083,"t":{"606":{"position":[[115,8]]},"608":{"position":[[103,8]]}}}],["clap",{"_index":2674,"t":{"598":{"position":[[1484,9],[1556,9],[1628,9],[1700,9],[1772,9],[1844,9]]}}}],["class",{"_index":92,"t":{"2":{"position":[[1991,8],[2432,8]]},"68":{"position":[[400,5],[435,5]]},"98":{"position":[[418,5]]},"124":{"position":[[479,8],[920,8]]},"128":{"position":[[472,8]]},"562":{"position":[[2519,7],[2568,7],[3070,7],[3119,7],[3620,7],[3669,7],[4383,7],[4432,7],[5008,7],[5057,7],[5631,7],[5680,7],[6373,7],[6422,7],[6924,7],[6973,7],[7474,7],[7523,7],[8175,7],[8224,7],[8740,7],[8789,7],[9290,7],[9339,7],[10005,7],[10054,7],[10556,7],[10605,7],[11106,7],[11155,7],[12185,7],[12234,7],[12748,7],[12797,7],[13310,7],[13359,7],[13868,7],[13917,7],[14416,7],[14465,7],[14976,7],[15025,7],[18502,7],[18551,7],[19053,7],[19102,7],[19603,7],[19652,7],[20887,7],[20936,7],[21460,7],[21509,7],[22032,7],[22081,7]]},"568":{"position":[[5649,8]]},"570":{"position":[[6466,8]]},"574":{"position":[[785,5],[973,5]]},"576":{"position":[[291,6],[514,6],[657,6]]},"578":{"position":[[290,6],[628,6],[696,6],[948,6],[14065,5]]},"592":{"position":[[906,5],[956,6]]},"596":{"position":[[777,5],[10716,5],[10861,5]]},"612":{"position":[[10355,5]]},"614":{"position":[[8757,5],[12586,5]]},"618":{"position":[[10519,5]]},"622":{"position":[[13884,5]]},"624":{"position":[[125,5]]},"626":{"position":[[125,5]]},"628":{"position":[[8016,5],[11840,5]]},"632":{"position":[[143,5]]},"634":{"position":[[183,5]]},"636":{"position":[[179,5]]},"638":{"position":[[143,5]]},"640":{"position":[[100,5]]},"642":{"position":[[135,5]]},"644":{"position":[[135,5]]},"646":{"position":[[105,5]]},"648":{"position":[[524,6]]},"652":{"position":[[135,5]]},"654":{"position":[[21440,5]]},"656":{"position":[[929,5],[979,6],[22156,5],[22182,5],[22232,6],[24348,5]]},"660":{"position":[[1542,6],[1901,5],[1929,6],[2581,6],[2935,6],[4227,6],[4534,6],[60194,5],[60264,5],[60338,5],[63536,5],[63609,5],[63693,5],[66748,6],[66785,5],[66826,5],[88483,6],[92966,6],[130162,5],[133023,5],[133973,5],[134008,5],[134037,5],[134165,5],[134187,5]]}}}],["class(",{"_index":2231,"t":{"586":{"position":[[1628,9]]}}}],["class.</p",{"_index":1382,"t":{"566":{"position":[[3318,10],[3806,10],[4295,10],[4781,10],[5266,10],[5776,10],[6283,10],[6791,10],[7296,10],[7800,10]]}}}],["class=\"alert",{"_index":1012,"t":{"556":{"position":[[1785,12]]}}}],["class=\"b",{"_index":2524,"t":{"594":{"position":[[4289,8]]}}}],["class=\"bb",{"_index":2470,"t":{"592":{"position":[[6365,9],[6530,9],[9364,9],[9524,9],[12319,9],[12522,9]]},"596":{"position":[[11182,9]]},"624":{"position":[[7514,9],[7664,9]]},"626":{"position":[[6990,9],[7140,9]]},"634":{"position":[[6454,9],[6604,9]]},"636":{"position":[[7545,9],[7695,9]]},"640":{"position":[[612,9],[771,9]]},"642":{"position":[[6574,9],[6724,9]]},"644":{"position":[[6413,9],[6563,9]]},"646":{"position":[[617,9],[776,9]]},"652":{"position":[[6479,9],[6629,9]]},"656":{"position":[[6543,9],[6687,9],[8780,9],[8939,9],[11234,9],[11412,9],[13669,9],[13842,9],[16060,9],[16261,9],[18503,9],[18666,9]]}}}],["class=\"bi",{"_index":3173,"t":{"610":{"position":[[1422,9]]}}}],["class=\"btn",{"_index":3168,"t":{"610":{"position":[[1199,10]]},"612":{"position":[[9283,10]]}}}],["class=\"clearfix",{"_index":2518,"t":{"594":{"position":[[3114,17]]}}}],["class=\"col",{"_index":1584,"t":{"570":{"position":[[6530,10],[6825,10]]},"574":{"position":[[3315,10],[3372,10],[3443,10],[3499,10],[3578,10],[3633,10]]},"576":{"position":[[4136,10],[4193,10],[4264,10],[4320,10],[4399,10],[4454,10],[6092,10],[6149,10],[6220,10],[6276,10],[6355,10],[6410,10]]},"578":{"position":[[4900,10],[4957,10],[5028,10],[5084,10],[5163,10],[5218,10],[6788,10],[6845,10],[6916,10],[6972,10],[7051,10],[7106,10]]},"596":{"position":[[3186,12],[3446,12],[5303,12],[5562,12],[5821,12],[8374,12],[8652,12]]},"612":{"position":[[2169,10],[3996,10],[5627,10],[6596,10],[8527,10],[8582,10],[8977,10],[9031,10],[9231,10],[10589,10],[12127,10]]},"614":{"position":[[7448,10],[7542,10],[7740,10],[7835,10],[8053,10],[10054,10],[10147,10],[10363,10],[10455,10],[10762,10],[10852,10],[11138,10]]},"618":{"position":[[8268,10],[8360,10],[8651,10],[8711,10],[9017,10],[9111,10],[9322,10],[11104,10],[11196,10]]},"622":{"position":[[11504,10],[11596,10],[11930,10],[11990,10],[12339,10],[12433,10],[12687,10],[16940,10],[17032,10]]},"628":{"position":[[5574,10],[5669,10],[5911,10],[6007,10],[6236,10],[6332,10],[6540,10],[6634,10],[6859,10],[6953,10],[7139,10],[9594,10],[9690,10],[9995,10],[10089,10],[10377,10]]},"654":{"position":[[20204,10]]}}}],["class=\"cont",{"_index":2476,"t":{"592":{"position":[[6669,14],[9663,14],[12661,14]]},"624":{"position":[[7803,14]]},"626":{"position":[[7279,14]]},"634":{"position":[[6743,14]]},"636":{"position":[[7834,14]]},"640":{"position":[[910,14]]},"642":{"position":[[6863,14]]},"644":{"position":[[6702,14]]},"646":{"position":[[915,14]]},"652":{"position":[[6768,14]]},"656":{"position":[[6826,14],[9151,14],[11624,14],[14054,14],[16473,14],[18805,14]]}}}],["class=\"d",{"_index":1454,"t":{"568":{"position":[[5743,8],[5885,8],[6043,8],[6204,8]]},"594":{"position":[[2855,8],[2944,8]]},"596":{"position":[[11139,8]]},"600":{"position":[[13817,8],[14847,8]]},"610":{"position":[[1130,8]]},"616":{"position":[[1121,8],[1324,8],[1528,8],[1733,8],[3914,8],[4325,8],[4528,8],[4741,8],[4956,8],[5528,8]]},"654":{"position":[[4076,8],[6268,8],[8848,8],[9737,8],[10759,8],[11836,8],[12430,8],[13488,8]]}}}],["class=\"dismiss\">🗙</a",{"_index":3774,"t":{"624":{"position":[[4915,22]]},"626":{"position":[[4987,22]]},"634":{"position":[[7589,22]]},"636":{"position":[[8680,22]]},"642":{"position":[[4702,22]]},"644":{"position":[[4501,22]]},"652":{"position":[[4158,22]]}}}],["class=\"flex",{"_index":3514,"t":{"616":{"position":[[5554,11]]}}}],["class=\"float",{"_index":2519,"t":{"594":{"position":[[3167,12]]},"614":{"position":[[8146,12],[8261,12],[11231,12],[11346,12]]},"618":{"position":[[9415,12],[9530,12]]},"622":{"position":[[12780,12],[12895,12]]},"628":{"position":[[7232,12],[7347,12],[10470,12],[10585,12]]},"654":{"position":[[20297,12],[20412,12]]}}}],["class=\"form",{"_index":3291,"t":{"612":{"position":[[8476,11],[8930,11],[9071,11]]},"614":{"position":[[7412,11],[7704,11],[7865,11],[10018,11],[10177,11],[10327,11],[10726,11]]},"616":{"position":[[2126,11],[2860,11]]},"618":{"position":[[1456,11],[1878,11],[2054,11],[2234,11],[2416,11],[2600,11],[2784,11],[2970,11],[3156,11],[4015,11],[4177,11],[4513,11],[4642,11],[4808,11],[4943,11],[5368,11],[5594,11],[6048,11],[6194,11],[6448,11],[7187,11],[8232,11],[8615,11],[8981,11]]},"622":{"position":[[2235,11],[2461,11],[2687,11],[2913,11],[3139,11],[3365,11],[3591,11],[3817,11],[4043,11],[6158,11],[6288,11],[6421,11],[6556,11],[6693,11],[6830,11],[6969,11],[7108,11],[7922,11],[8112,11],[8497,11],[8751,11],[9233,11],[9407,11],[9663,11],[10406,11],[11468,11],[11894,11],[12303,11],[14381,11],[14611,11],[14841,11],[15071,11],[15301,11],[15531,11],[15761,11],[15991,11],[16221,11]]},"628":{"position":[[5538,11],[5699,11],[5875,11],[6056,11],[6200,11],[6504,11],[6683,11],[6823,11],[9558,11],[9959,11]]},"654":{"position":[[19312,11],[19636,11],[19943,11]]}}}],["class=\"list",{"_index":1561,"t":{"570":{"position":[[4900,11],[4941,11],[4982,11],[5029,11],[5598,11],[5639,11],[5680,11],[5727,11]]}}}],["class=\"load",{"_index":4014,"t":{"642":{"position":[[4446,14],[4558,14]]},"652":{"position":[[3902,14],[4014,14]]}}}],["class=\"m",{"_index":1035,"t":{"556":{"position":[[2339,9],[2471,9],[2616,9],[2761,9]]},"562":{"position":[[4203,9],[4826,9],[5450,9]]},"594":{"position":[[2150,9],[2228,9],[2308,9],[2386,9],[2463,9],[2541,9],[2616,9],[2692,9],[2803,8],[3060,9],[3779,9],[3882,9],[3962,9],[4065,9],[4196,9]]},"600":{"position":[[7553,9],[7680,9],[7810,9],[7938,9],[8159,9],[8286,9],[8416,9],[8544,9],[8773,9],[8900,9],[9030,9],[9158,9]]},"610":{"position":[[2007,9]]},"616":{"position":[[1253,9],[1457,9],[1662,9],[1868,9],[4047,9],[4457,9],[4670,9],[4885,9],[5101,9]]}}}],["class=\"mb",{"_index":1024,"t":{"556":{"position":[[2028,9]]},"560":{"position":[[3383,9],[3641,9],[4085,9],[5014,9],[5952,9]]},"562":{"position":[[11991,9],[18317,9]]},"568":{"position":[[8558,9]]},"570":{"position":[[3586,9],[3887,9],[4057,9],[4421,9],[7285,9],[7617,9],[7946,9],[8312,9],[8602,9],[8892,9],[9179,9],[9466,9],[9751,9],[10034,9],[10317,9],[10846,9],[11222,9],[11549,9],[12119,9],[12516,9],[12864,9]]},"590":{"position":[[1178,9],[1230,9],[1305,9],[1398,9],[1491,9],[1611,9],[1740,9],[2137,9],[2362,9],[2428,9],[3371,9],[3445,9],[3519,9],[3582,9],[3823,9],[3916,9],[4006,9],[4099,9],[4191,9],[4284,9],[4379,9],[4604,9],[5959,9],[6330,9],[6451,9],[6569,9],[6690,9],[6810,9],[6931,9],[7054,9],[7361,9],[7493,9],[7622,9],[7754,9],[7885,9],[8017,9],[8151,9]]},"596":{"position":[[10989,9],[12725,9]]},"600":{"position":[[13887,9],[14917,9]]},"602":{"position":[[6732,9],[11234,9],[14095,9]]},"604":{"position":[[4694,9],[9145,9],[10543,9],[12771,9],[14869,9]]},"606":{"position":[[4073,9],[8406,9],[11310,9]]},"608":{"position":[[3781,9],[7724,9],[11679,9]]},"610":{"position":[[1620,9]]},"614":{"position":[[1498,9],[1602,9],[2054,9],[2107,9],[2211,9],[2256,9],[2310,9],[2415,9],[2460,9],[2513,9],[2617,9],[2662,9],[2716,9],[2821,9],[3523,9],[3576,9],[3724,9],[3764,9],[3804,9],[3849,9],[3903,9],[4052,9],[4092,9],[4132,9],[4177,9],[4230,9],[4378,9],[4418,9],[4458,9],[4503,9],[4557,9],[4706,9],[4746,9],[4786,9],[5546,9],[5671,9],[6327,9],[6448,9],[9092,9],[9239,9]]},"616":{"position":[[2105,9],[2839,9]]},"618":{"position":[[1435,9],[1580,9],[1857,9],[2033,9],[2213,9],[2395,9],[2579,9],[2763,9],[2949,9],[3135,9],[3994,9],[4258,9],[4492,9],[4739,9],[4787,9],[5041,9],[5347,9],[5525,9],[5573,9],[5753,9],[6027,9],[6271,9],[6427,9],[7166,9]]},"620":{"position":[[1086,9],[1776,9]]},"622":{"position":[[1953,9],[2060,9],[2214,9],[2391,9],[2440,9],[2617,9],[2666,9],[2843,9],[2892,9],[3069,9],[3118,9],[3295,9],[3344,9],[3521,9],[3570,9],[3747,9],[3796,9],[3973,9],[4022,9],[4199,9],[4658,9],[4794,9],[5146,9],[5307,9],[5702,9],[5848,9],[6137,9],[6267,9],[6400,9],[6535,9],[6672,9],[6809,9],[6948,9],[7087,9],[7901,9],[8193,9],[8476,9],[8682,9],[8730,9],[8938,9],[9212,9],[9484,9],[9642,9],[10385,9],[14360,9],[14541,9],[14590,9],[14771,9],[14820,9],[15001,9],[15050,9],[15231,9],[15280,9],[15461,9],[15510,9],[15691,9],[15740,9],[15921,9],[15970,9],[16151,9],[16200,9],[16381,9]]},"628":{"position":[[1442,9],[1521,9],[1788,9],[1841,9],[1920,9],[1965,9],[2019,9],[2099,9],[2695,9],[2748,9],[2871,9],[2911,9],[2951,9],[2996,9],[3050,9],[3174,9],[3214,9],[3254,9],[3715,9],[3815,9],[4468,9],[4565,9],[8647,9],[8794,9]]},"654":{"position":[[18576,9],[19291,9],[19615,9],[19922,9]]},"658":{"position":[[778,9],[1575,9],[2334,9]]}}}],["class=\"mt",{"_index":1285,"t":{"562":{"position":[[16019,9]]},"572":{"position":[[4021,9],[4366,9]]},"576":{"position":[[5458,9],[6473,9]]},"578":{"position":[[6214,9],[7169,9]]},"586":{"position":[[6494,9],[9471,9]]},"588":{"position":[[834,9],[1265,9]]},"600":{"position":[[2263,9],[2484,9],[2708,9],[3196,9],[3417,9],[3641,9],[4112,9],[4394,9],[4678,9],[5041,9],[5262,9],[5503,9],[5728,9],[6131,9],[6352,9],[6576,9],[6999,9],[7126,9],[7256,9],[9570,9],[9697,9],[9827,9],[9974,9],[10113,9],[10238,9],[11932,9],[12059,9],[12189,9],[12317,9],[13173,9],[13339,9],[14118,9],[15233,9],[15370,9]]},"616":{"position":[[5374,9]]},"618":{"position":[[1978,9],[2157,9],[2339,9],[2523,9],[2707,9],[2893,9],[3079,9],[3267,9]]},"620":{"position":[[862,9],[2605,9]]},"654":{"position":[[15410,9]]},"660":{"position":[[74016,9],[74089,9],[76991,9],[77064,9],[80342,9],[80415,9]]}}}],["class=\"mx",{"_index":3517,"t":{"616":{"position":[[5713,9]]}}}],["class=\"p",{"_index":2798,"t":{"600":{"position":[[15215,8]]},"624":{"position":[[7935,8]]},"626":{"position":[[7411,8]]},"630":{"position":[[1940,8],[3383,8],[4893,8],[6499,8],[8201,8],[10160,8],[11608,8]]},"642":{"position":[[6995,8]]},"644":{"position":[[6834,8]]},"654":{"position":[[18456,8]]}}}],["class=\"pi",{"_index":2477,"t":{"592":{"position":[[6696,9],[9690,9],[12688,9]]},"624":{"position":[[7830,9]]},"626":{"position":[[7306,9]]},"634":{"position":[[6770,9]]},"636":{"position":[[7861,9]]},"640":{"position":[[937,9]]},"642":{"position":[[6890,9]]},"644":{"position":[[6729,9]]},"646":{"position":[[942,9]]},"652":{"position":[[6795,9]]},"656":{"position":[[6853,9],[9178,9],[11651,9],[14081,9],[16500,9],[18832,9]]}}}],["class=\"px",{"_index":4159,"t":{"654":{"position":[[19143,9]]},"656":{"position":[[23185,9],[23315,9],[23445,9]]}}}],["class=\"reload\">reload</a",{"_index":3773,"t":{"624":{"position":[[4886,25]]},"626":{"position":[[4958,25]]},"634":{"position":[[7560,25]]},"636":{"position":[[8651,25]]},"642":{"position":[[4673,25]]},"644":{"position":[[4472,25]]},"652":{"position":[[4129,25]]}}}],["class=\"round",{"_index":1557,"t":{"570":{"position":[[3927,14],[4695,14],[5350,14]]}}}],["class=\"row",{"_index":1583,"t":{"570":{"position":[[6512,12]]},"574":{"position":[[3297,12],[3425,12],[3560,12]]},"576":{"position":[[4118,12],[4246,12],[4381,12],[6074,12],[6202,12],[6337,12]]},"578":{"position":[[4882,12],[5010,12],[5145,12],[6770,12],[6898,12],[7033,12]]},"596":{"position":[[3168,12],[5285,12],[8356,12]]},"612":{"position":[[2151,12],[3978,12],[5609,12],[6578,12],[9213,12],[10566,10],[12104,10]]},"614":{"position":[[8035,12],[11120,12]]},"618":{"position":[[9304,12],[11079,10]]},"622":{"position":[[12669,12],[16915,10]]},"628":{"position":[[7121,12],[10359,12]]},"654":{"position":[[20186,12]]}}}],["class=\"spinn",{"_index":1471,"t":{"568":{"position":[[7191,14]]}}}],["class=\"tabl",{"_index":4331,"t":{"660":{"position":[[7238,12],[9539,12],[12057,12],[14653,12],[16910,12],[19832,12],[22308,12],[24659,12],[28693,12],[31238,12],[33700,12],[36106,12],[38448,12],[40691,12],[42936,12],[46800,12],[49465,12],[50816,12],[55049,12],[57538,12],[60424,12],[63774,12],[66904,12],[70064,12],[73322,12],[76254,12],[79499,12],[82735,12],[85801,12],[88534,12],[89322,12],[90124,12],[90912,12],[93039,12],[94030,12],[95021,12],[96010,12],[97001,12],[97986,12],[98971,12],[101262,12],[103689,12],[106242,12],[110786,12],[114191,12],[116712,12],[119354,12],[122027,12],[124995,12],[127983,12],[130443,12]]}}}],["class=\"text",{"_index":1618,"t":{"570":{"position":[[11142,11],[11469,11],[11891,11],[12437,11],[12785,11],[13228,11]]},"588":{"position":[[1415,11]]},"594":{"position":[[3227,11]]},"598":{"position":[[2960,11],[3109,11]]},"614":{"position":[[7500,11],[7793,11],[10105,11],[10413,11],[10810,11]]},"618":{"position":[[8318,11],[9069,11],[11154,11]]},"622":{"position":[[11554,11],[12391,11],[16990,11]]},"628":{"position":[[5627,11],[5965,11],[6290,11],[6592,11],[6911,11],[9648,11],[10047,11]]},"654":{"position":[[19349,11],[19982,11]]},"660":{"position":[[67230,11]]}}}],["class=\"w",{"_index":2118,"t":{"580":{"position":[[1260,8]]}}}],["classbuild",{"_index":90,"t":{"2":{"position":[[1961,12],[2014,12],[2129,12],[2402,12],[2564,12]]},"124":{"position":[[449,12],[502,12],[617,12],[890,12],[1052,12]]}}}],["clearmessag",{"_index":1665,"t":{"572":{"position":[[5186,14]]}}}],["cli",{"_index":526,"t":{"80":{"position":[[1291,4]]}}}],["click",{"_index":544,"t":{"84":{"position":[[317,7]]},"98":{"position":[[258,5]]},"108":{"position":[[328,5]]},"556":{"position":[[3206,6]]},"562":{"position":[[2267,5]]},"568":{"position":[[8965,5],[9039,5],[9159,5],[9248,5],[9355,5],[9374,5],[9497,5],[9692,5]]},"572":{"position":[[1581,5]]},"576":{"position":[[1300,8],[2687,7],[7478,8]]},"578":{"position":[[2793,5],[3240,8],[3463,8],[7749,8],[7910,5],[8071,5]]},"586":{"position":[[2966,6],[3480,6]]},"600":{"position":[[2123,6],[2352,8],[2576,8],[2800,8],[3285,8],[3509,8],[3733,8],[4201,8],[4486,8],[4770,8],[5130,8],[5354,8],[5596,8],[5820,8],[6220,8],[6444,8],[6668,8]]},"610":{"position":[[1344,5],[2257,5]]},"618":{"position":[[4397,8]]},"654":{"position":[[155,9],[21966,8]]},"660":{"position":[[431,6],[3327,6],[3386,9],[3503,6],[3569,9],[59760,5],[59887,5],[101184,5],[103514,7],[103611,5],[105965,7],[134197,5],[134220,5]]}}}],["client",{"_index":274,"t":{"30":{"position":[[221,6]]},"32":{"position":[[253,7]]},"612":{"position":[[192,6],[2128,6],[2711,6],[3715,6],[4582,6],[7207,6],[13520,6],[13537,6]]},"636":{"position":[[2913,6],[6874,7],[8923,6],[9066,6]]},"660":{"position":[[139,6],[6250,6],[7024,6],[9349,6],[11820,6],[14451,6],[16842,6],[52223,6],[61561,6],[64956,6],[68039,6],[71416,6],[74554,6],[77529,6],[80826,6],[83917,6],[86683,6],[91912,6],[100142,6],[102333,6],[104771,6],[108762,6],[112642,6],[126154,6],[128889,6],[131530,6],[133439,6],[133461,6],[133507,6],[133526,6],[133546,6]]}}}],["clip",{"_index":2843,"t":{"602":{"position":[[2141,4],[2165,4],[2240,5],[2285,4],[2304,8],[2346,5]]},"604":{"position":[[2257,4],[2281,4],[2356,5],[2401,4],[2420,8],[2462,5]]},"606":{"position":[[2005,4],[2029,4],[2104,5],[2149,4],[2168,8],[2210,5]]},"608":{"position":[[1840,4],[1864,4],[1939,5],[1984,4],[2003,8],[2045,5]]}}}],["clipboard",{"_index":69,"t":{"2":{"position":[[1484,9]]},"116":{"position":[[319,9],[523,9]]},"158":{"position":[[1528,9]]},"230":{"position":[[1537,9]]},"306":{"position":[[1531,9]]},"308":{"position":[[901,9]]},"328":{"position":[[957,9]]},"330":{"position":[[642,9]]},"338":{"position":[[21,11],[293,9]]},"422":{"position":[[291,9]]},"548":{"position":[[290,9]]}}}],["clipboard1",{"_index":836,"t":{"142":{"position":[[1271,10]]}}}],["clock",{"_index":2659,"t":{"598":{"position":[[613,5]]}}}],["clone",{"_index":2628,"t":{"596":{"position":[[8179,8],[8254,8],[9887,5],[9982,7],[10145,5],[10241,7],[13968,7]]}}}],["close",{"_index":620,"t":{"100":{"position":[[421,5]]},"104":{"position":[[495,5]]},"108":{"position":[[443,6]]},"128":{"position":[[644,5]]},"556":{"position":[[465,5],[536,6],[670,5],[748,6],[883,5],[3179,5],[3716,5]]},"574":{"position":[[882,5]]},"576":{"position":[[418,6],[976,5],[1289,5],[7467,5]]},"578":{"position":[[431,5],[507,6],[1462,5],[3292,5],[7738,5],[8058,5]]},"612":{"position":[[1803,6]]},"630":{"position":[[1011,5]]},"654":{"position":[[355,6],[466,5],[21906,5],[21954,6],[25941,5]]}}}],["close</dropdowntogglebutton",{"_index":4174,"t":{"654":{"position":[[23424,28]]}}}],["closealert",{"_index":1054,"t":{"556":{"position":[[3494,12]]}}}],["closeasync",{"_index":976,"t":{"556":{"position":[[525,10]]}}}],["closeiconcolor",{"_index":1993,"t":{"578":{"position":[[374,14]]}}}],["closeonescap",{"_index":452,"t":{"68":{"position":[[559,13],[623,13]]},"576":{"position":[[375,13]]},"578":{"position":[[455,13],[7770,13]]}}}],["closeonescape=\"fals",{"_index":2035,"t":{"578":{"position":[[8009,22]]}}}],["cn",{"_index":3676,"t":{"622":{"position":[[4153,3],[16335,3]]}}}],["cn</b></label",{"_index":3673,"t":{"622":{"position":[[4076,14],[16254,14]]}}}],["code",{"_index":85,"t":{"2":{"position":[[1919,4]]},"12":{"position":[[208,4]]},"42":{"position":[[581,4]]},"124":{"position":[[407,4]]},"556":{"position":[[3447,5]]},"558":{"position":[[450,5],[1257,5],[1990,5]]},"562":{"position":[[16676,5],[20210,5],[22423,5]]},"568":{"position":[[5249,5],[7567,5],[8809,5],[9066,6],[9275,6],[9523,6]]},"572":{"position":[[2194,5],[3163,5],[4436,5]]},"574":{"position":[[1712,5],[2638,5],[3688,5],[4211,5],[5394,5],[6087,5],[6579,5],[7203,5],[7844,5],[8536,5]]},"576":{"position":[[3048,5],[3774,5],[4509,5],[5524,5],[6611,5],[7258,5],[11488,5],[15735,5],[19876,5],[20686,5]]},"578":{"position":[[3931,5],[4555,5],[5273,5],[6244,5],[7307,5],[8424,5],[9602,5],[10288,5],[11378,5],[12333,5],[13862,5],[14660,5]]},"582":{"position":[[3182,5]]},"584":{"position":[[1088,4],[1280,5],[1761,5],[3425,5]]},"586":{"position":[[6557,5],[9534,5]]},"588":{"position":[[1450,5]]},"590":{"position":[[2841,5],[5720,5]]},"592":{"position":[[1774,5],[3873,5],[6290,4],[6764,5],[9758,5],[12756,5]]},"594":{"position":[[4536,5]]},"596":{"position":[[2470,5],[3708,5],[6082,5],[8932,5],[10581,5],[11324,5],[12137,5],[12983,5],[13738,5]]},"598":{"position":[[3945,6],[3986,4],[4120,4]]},"600":{"position":[[10844,6],[12418,5],[13417,5],[14269,5],[15537,5]]},"602":{"position":[[7526,5],[11250,5],[14111,5]]},"604":{"position":[[5478,5],[9161,5],[10559,5],[12787,5],[14885,5]]},"606":{"position":[[4525,5],[8422,5],[11613,5]]},"608":{"position":[[4233,5],[8027,5],[12235,5]]},"610":{"position":[[1477,5],[1832,5]]},"612":{"position":[[2439,5],[4310,5],[5897,5],[6866,5],[9361,5],[11102,5],[12568,5]]},"614":{"position":[[1642,5],[2861,5],[4826,5],[5931,5],[6636,5],[8326,5],[9279,5],[11411,5]]},"616":{"position":[[1088,5],[1934,5],[2476,5],[3135,5],[4113,5],[5167,5],[5402,5],[5801,5]]},"618":{"position":[[1623,5],[3318,5],[4301,5],[5085,5],[5797,5],[6314,5],[6809,5],[7474,5],[9595,5],[11406,5]]},"620":{"position":[[956,5],[1418,5],[2030,5],[2368,5],[2645,5]]},"622":{"position":[[2104,5],[4243,5],[4837,5],[5350,5],[5891,5],[7223,5],[8236,5],[8982,5],[9527,5],[10026,5],[10697,5],[12960,5],[16425,5],[17244,5]]},"624":{"position":[[997,4],[2981,5],[3544,5],[8016,5],[8944,4]]},"626":{"position":[[999,4],[3166,5],[3731,5],[7492,5],[8407,4]]},"628":{"position":[[1561,5],[2139,5],[3294,5],[4075,5],[4753,5],[7412,5],[8834,5],[10650,5]]},"630":{"position":[[2746,5],[4290,5],[5728,5],[7318,5],[9345,5],[10998,5],[11577,4],[11824,5]]},"632":{"position":[[2644,5],[3152,5],[3374,4]]},"634":{"position":[[2674,4],[3081,5],[6821,5],[7835,4]]},"636":{"position":[[2629,4],[3337,4],[6867,4],[7912,5],[9002,4],[9059,4]]},"638":{"position":[[2644,5],[2968,5],[3195,4]]},"640":{"position":[[476,4],[496,5],[990,5]]},"642":{"position":[[1011,4],[3016,5],[3583,5],[7076,5],[7999,4]]},"644":{"position":[[1011,4],[3016,5],[3583,5],[6915,5],[7838,4]]},"646":{"position":[[481,4],[501,5],[995,5]]},"648":{"position":[[1845,5],[3028,5],[3804,5],[4220,5],[4653,5],[5078,4],[5266,5]]},"652":{"position":[[2670,4],[3056,5],[6846,5],[7695,4]]},"654":{"position":[[15624,5],[20505,5],[24329,6],[25168,5]]},"656":{"position":[[1729,5],[2830,5],[4662,5],[6468,4],[6921,5],[9246,5],[11719,5],[14149,5],[16568,5],[19020,5],[22354,5]]},"658":{"position":[[963,5],[1796,5],[2489,5]]},"660":{"position":[[7895,5],[10240,5],[12616,5],[15388,5],[17807,5],[20559,5],[22961,5],[26027,5],[30031,5],[32038,5],[34403,5],[36768,5],[39173,5],[41431,5],[44056,5],[47409,5],[49934,5],[51867,5],[55659,5],[58140,5],[61330,5],[64725,5],[67807,5],[71048,5],[74204,5],[77179,5],[80530,5],[83649,5],[86441,5],[91670,5],[99900,5],[102030,5],[104468,5],[107411,5],[112236,5],[115844,5],[118468,5],[121129,5],[123905,5],[125912,5],[128515,5],[131156,5]]}}}],["code>.visu",{"_index":1380,"t":{"566":{"position":[[3288,15],[3776,15],[4265,15],[4751,15],[5236,15],[5746,15],[6253,15],[6761,15],[7266,15],[7770,15]]}}}],["code>step</cod",{"_index":3564,"t":{"618":{"position":[[4671,17],[4972,17]]}}}],["codebas",{"_index":124,"t":{"2":{"position":[[2603,9]]},"124":{"position":[[1091,9]]}}}],["col",{"_index":1457,"t":{"568":{"position":[[6063,3]]},"574":{"position":[[3328,3],[3385,3],[3456,3],[3512,3],[3591,3],[3646,3]]},"576":{"position":[[4149,3],[4206,3],[4277,3],[4333,3],[4412,3],[4467,3],[6105,3],[6162,3],[6233,3],[6289,3],[6368,3],[6423,3]]},"578":{"position":[[4913,3],[4970,3],[5041,3],[5097,3],[5176,3],[5231,3],[6801,3],[6858,3],[6929,3],[6985,3],[7064,3],[7119,3]]},"612":{"position":[[2185,3],[4012,3],[5643,3],[6612,3],[8543,3],[8993,3],[10605,3],[12143,3]]},"614":{"position":[[7464,3],[7756,3],[10070,3],[10379,3],[10778,3]]},"618":{"position":[[8284,3],[8667,3],[9033,3],[11120,3]]},"622":{"position":[[11520,3],[11946,3],[12355,3],[16956,3]]},"628":{"position":[[5590,3],[5927,3],[6252,3],[6556,3],[6875,3],[9610,3],[10011,3]]}}}],["cold",{"_index":3523,"t":{"616":{"position":[[5905,7]]}}}],["collaps",{"_index":472,"t":{"72":{"position":[[123,9],[274,8],[304,8],[835,8],[1084,8]]},"136":{"position":[[2130,9],[2261,8]]},"148":{"position":[[805,9],[936,8]]},"152":{"position":[[548,9],[679,8]]},"214":{"position":[[1916,9],[2047,8]]},"224":{"position":[[176,9],[307,8]]},"228":{"position":[[172,9],[303,8]]},"232":{"position":[[1925,9],[2056,8]]},"246":{"position":[[472,9],[603,8]]},"252":{"position":[[175,9],[306,8]]},"318":{"position":[[1366,9],[1497,8]]},"326":{"position":[[1919,9],[2050,8]]},"330":{"position":[[1093,9],[1224,8]]},"340":{"position":[[21,10],[169,9],[300,8]]},"516":{"position":[[167,9],[298,8]]},"562":{"position":[[68,10],[114,8],[2482,8],[3033,8],[3583,8],[4346,8],[4971,8],[5594,8],[6336,8],[6887,8],[7437,8],[8138,8],[8703,8],[9253,8],[9968,8],[10519,8],[11069,8],[12148,8],[12711,8],[13273,8],[13831,8],[14379,8],[14939,8],[18465,8],[19016,8],[19566,8],[20850,8],[21423,8],[21995,8]]},"564":{"position":[[976,8]]},"572":{"position":[[11,8],[40,8],[128,8],[367,11],[465,11],[564,11],[609,11],[658,11],[864,8],[1087,8],[1203,8],[1329,10],[1972,9],[2051,8],[2182,11],[2202,8],[2479,8],[2518,11],[2588,11],[2937,9],[3072,9],[3151,11],[3171,8],[3465,8],[3522,8],[3994,9],[4218,8],[4349,11],[4444,8]]},"574":{"position":[[8911,8]]},"656":{"position":[[20938,9]]}}}],["collapse1",{"_index":837,"t":{"142":{"position":[[1282,9]]},"572":{"position":[[2211,9],[3180,9],[4453,9]]}}}],["collapse1.hideasync",{"_index":1644,"t":{"572":{"position":[[2350,22],[3319,22],[4636,22]]}}}],["collapse1.showasync",{"_index":1642,"t":{"572":{"position":[[2280,22],[3249,22],[4566,22]]}}}],["collapse1.toggleasync",{"_index":1646,"t":{"572":{"position":[[2422,24],[3391,24],[4708,24]]}}}],["collect",{"_index":4268,"t":{"660":{"position":[[1727,11],[54740,11],[54761,10],[57076,11],[57097,10],[58987,11],[59933,10],[59978,10],[133911,10],[133946,10]]}}}],["collection—so",{"_index":4556,"t":{"660":{"position":[[59812,13]]}}}],["color",{"_index":317,"t":{"36":{"position":[[518,5]]},"72":{"position":[[218,6]]},"86":{"position":[[346,5]]},"100":{"position":[[263,6],[571,5],[958,5],[1004,5]]},"128":{"position":[[404,6],[1027,6],[1060,5],[1249,5],[1295,5]]},"556":{"position":[[348,5],[404,6],[938,7]]},"560":{"position":[[283,5],[344,6],[1171,7],[2040,5],[2223,5],[7395,6]]},"566":{"position":[[313,5],[378,6],[2950,5],[3133,5],[3438,5],[3621,5],[3927,5],[4110,5],[4413,5],[4596,5],[4898,5],[5081,5],[5408,5],[5591,5],[5915,5],[6098,5],[6423,5],[6606,5],[6928,5],[7111,5],[7432,5],[7615,5]]},"568":{"position":[[459,5],[518,6],[1321,6],[3241,6]]},"570":{"position":[[312,7],[537,5],[590,6],[1416,5],[1476,6],[8273,6],[13724,5]]},"574":{"position":[[1266,6],[1479,6],[4005,6],[4060,5],[9058,5]]},"578":{"position":[[442,6]]},"580":{"position":[[543,5],[617,6],[1327,6],[1413,5],[3621,5]]},"584":{"position":[[2224,6],[2258,5],[3858,5]]},"586":{"position":[[1573,5]]},"590":{"position":[[587,5],[652,6],[1063,6],[3683,5],[3729,6],[4554,5],[5789,6]]},"592":{"position":[[1141,6]]},"594":{"position":[[210,5],[264,5],[814,7],[850,5],[879,5],[951,5],[973,5],[4752,6]]},"598":{"position":[[445,5],[498,6],[1876,7],[4446,6]]},"602":{"position":[[3329,5],[3436,5],[3749,5],[3828,5],[6248,5],[6381,5],[6441,5],[6520,6],[6663,5],[11165,5],[11438,6],[14299,6]]},"604":{"position":[[4282,5],[4415,5],[4475,5],[4554,6],[10743,6],[12971,6],[15069,6]]},"606":{"position":[[3651,5],[3784,5],[3844,5],[3923,6],[7549,6],[7681,7],[8337,5],[8610,6],[14748,6],[14880,7]]},"608":{"position":[[3369,5],[3502,5],[3562,5],[3641,6],[7103,6],[7235,7],[10974,6],[11106,7],[14272,6],[14404,7]]},"610":{"position":[[299,5],[361,6]]},"612":{"position":[[8344,6]]},"614":{"position":[[7281,6],[9878,6]]},"618":{"position":[[8101,6]]},"622":{"position":[[11337,6]]},"628":{"position":[[5398,6],[9418,6]]},"630":{"position":[[3335,5],[3358,5]]},"648":{"position":[[425,6],[4127,5],[5950,5]]},"654":{"position":[[610,5],[675,6],[1474,5],[1516,6],[4064,6],[19006,6],[25788,5]]},"656":{"position":[[1164,6],[4496,6],[4540,6],[18426,5],[20985,6],[21048,6],[21101,6],[21150,6],[21193,6],[21316,6],[21377,6],[21457,6],[21515,6],[21568,6],[21620,6],[21678,5],[21729,6],[21779,5],[21830,6],[21880,5],[21936,6],[21986,5],[22043,6],[22093,5],[24194,5]]},"660":{"position":[[4452,6]]}}}],["color.svg",{"_index":4200,"t":{"656":{"position":[[16156,10]]}}}],["color</button",{"_index":2407,"t":{"590":{"position":[[4826,14],[4967,14],[5114,14],[5259,14],[5406,14],[5557,14],[5698,14]]}}}],["color=\"alertcolor.dang",{"_index":996,"t":{"556":{"position":[[1212,26],[2543,26]]}}}],["color=\"alertcolor.dark",{"_index":1003,"t":{"556":{"position":[[1532,24]]}}}],["color=\"alertcolor.info",{"_index":999,"t":{"556":{"position":[[1376,24]]}}}],["color=\"alertcolor.light",{"_index":1001,"t":{"556":{"position":[[1453,25]]}}}],["color=\"alertcolor.primari",{"_index":988,"t":{"556":{"position":[[959,27],[2274,27]]}}}],["color=\"alertcolor.secondari",{"_index":992,"t":{"556":{"position":[[1042,29]]}}}],["color=\"alertcolor.success",{"_index":994,"t":{"556":{"position":[[1129,27],[1753,27],[2405,27]]}}}],["color=\"alertcolor.warn",{"_index":998,"t":{"556":{"position":[[1293,27],[2687,27],[3016,26],[3246,27]]}}}],["color=\"badgecolor.dang",{"_index":1145,"t":{"560":{"position":[[1504,25],[2826,25],[4203,25],[4503,25],[4805,25],[5132,25],[5435,25],[5740,25],[6070,25],[6373,25],[6678,25],[7097,25]]}}}],["color=\"badgecolor.danger\">2</badg",{"_index":1186,"t":{"560":{"position":[[3479,35]]}}}],["color=\"badgecolor.danger\"><icon",{"_index":1189,"t":{"560":{"position":[[3737,31]]}}}],["color=\"badgecolor.dark",{"_index":1153,"t":{"560":{"position":[[1902,23],[3202,23]]}}}],["color=\"badgecolor.info",{"_index":1149,"t":{"560":{"position":[[1709,23],[3018,23]]}}}],["color=\"badgecolor.light",{"_index":1151,"t":{"560":{"position":[[1804,24],[3109,24]]}}}],["color=\"badgecolor.primari",{"_index":1138,"t":{"560":{"position":[[1186,26],[2531,26]]},"616":{"position":[[1226,26],[1430,26],[1635,26],[1841,26],[4020,26],[4430,26],[4643,26],[4858,26],[5074,26],[5686,26]]}}}],["color=\"badgecolor.secondari",{"_index":1141,"t":{"560":{"position":[[1290,28],[2628,28]]}}}],["color=\"badgecolor.success",{"_index":1143,"t":{"560":{"position":[[1400,26],[2729,26]]}}}],["color=\"badgecolor.warn",{"_index":1147,"t":{"560":{"position":[[1605,26],[2921,26]]}}}],["color=\"buttoncolor.dang",{"_index":1411,"t":{"568":{"position":[[2097,27],[2883,26],[5169,26]]},"574":{"position":[[1625,26],[2553,26]]},"584":{"position":[[2815,26]]},"590":{"position":[[5162,26]]},"598":{"position":[[3444,26]]},"600":{"position":[[15343,26]]},"630":{"position":[[2347,26],[3790,26],[5329,26],[6919,26],[10599,26]]},"648":{"position":[[1330,26],[2513,26],[3697,26]]},"654":{"position":[[8517,26],[15528,26]]}}}],["color=\"buttoncolor.danger\">danger</dropdownactionbutton",{"_index":4109,"t":{"654":{"position":[[8438,56]]}}}],["color=\"buttoncolor.danger\">danger</dropdowntogglebutton",{"_index":4102,"t":{"654":{"position":[[5904,56]]}}}],["color=\"buttoncolor.dark",{"_index":1415,"t":{"568":{"position":[[2305,25],[3085,24]]},"584":{"position":[[1676,24],[3313,24]]},"590":{"position":[[5605,24]]},"630":{"position":[[2656,24],[4200,24],[5638,24],[7228,24],[10908,24]]},"648":{"position":[[1752,24],[2935,24]]}}}],["color=\"buttoncolor.info",{"_index":1413,"t":{"568":{"position":[[2205,25],[3021,24]]},"584":{"position":[[3070,24]]},"590":{"position":[[4874,24]]},"630":{"position":[[2558,24],[4001,24],[5540,24],[7130,24],[10810,24]]},"648":{"position":[[1547,24],[2730,24]]},"654":{"position":[[7682,24]]}}}],["color=\"buttoncolor.info\">info</dropdownactionbutton",{"_index":4107,"t":{"654":{"position":[[7607,52]]}}}],["color=\"buttoncolor.info\">info</dropdowntogglebutton",{"_index":4100,"t":{"654":{"position":[[5202,52]]}}}],["color=\"buttoncolor.light",{"_index":1414,"t":{"568":{"position":[[2254,26]]},"584":{"position":[[3190,25]]},"630":{"position":[[4099,25]]},"648":{"position":[[1648,25],[2831,25]]}}}],["color=\"buttoncolor.link",{"_index":1416,"t":{"568":{"position":[[2354,25]]}}}],["color=\"buttoncolor.primari",{"_index":1048,"t":{"556":{"position":[[3366,27]]},"560":{"position":[[3430,28],[3558,28],[3688,28],[3855,28],[4132,27],[4432,27],[4734,27],[5061,27],[5364,27],[5669,27],[5999,27],[6302,27],[6607,27],[7026,27]]},"562":{"position":[[15389,27],[15494,27],[15601,27],[15706,27],[15817,27],[15920,27],[16050,27],[16155,27],[16262,27],[16367,27],[16478,27],[16581,27],[20002,27],[20110,27]]},"568":{"position":[[1928,28],[2471,27],[2555,27],[2669,27],[3448,27],[3615,27],[4139,27],[4361,27],[4669,27],[4801,27],[4935,27],[5061,27],[5773,28],[5827,28],[5931,28],[5985,28],[6092,28],[6146,28],[6272,28],[6326,28],[6520,28],[6581,27],[6663,27],[6991,27],[7045,27],[7123,27],[7482,27],[7915,27],[8042,27],[8173,27],[8306,27],[8580,27],[8732,27],[8991,27],[9184,27],[9414,27]]},"570":{"position":[[3001,27],[4234,27],[4598,27],[6197,27],[6713,27],[7008,27],[7478,27],[7810,27],[8139,27]]},"572":{"position":[[1668,27],[1779,27],[1890,27],[2633,27],[2744,27],[2855,27],[3579,27],[3690,27],[3801,27]]},"574":{"position":[[4121,27],[5016,27],[5141,27],[5266,27],[5999,27],[6491,27],[7095,27],[7723,27],[8448,27]]},"576":{"position":[[2865,27],[3680,27],[5359,27],[7170,27],[11404,27],[15645,27],[19786,27],[20479,27],[20602,27]]},"578":{"position":[[3855,27],[4466,27],[6120,27],[8330,27],[9519,27],[10197,27],[11276,27],[12050,27],[12151,27],[12246,27],[13255,27],[13348,27],[13452,27],[13556,27],[13660,27],[13764,27],[14584,27]]},"584":{"position":[[1578,27],[2422,27]]},"590":{"position":[[2475,27],[2610,27],[2745,27],[5307,27]]},"594":{"position":[[4344,27],[4453,27]]},"600":{"position":[[10347,27],[10431,27],[10517,27],[10601,27],[10691,27],[10770,27]]},"602":{"position":[[6781,27],[6927,27],[7076,27],[7219,27],[7391,27]]},"604":{"position":[[4743,27],[4889,27],[5038,27],[5179,27],[5347,27]]},"606":{"position":[[4122,27],[4268,27],[4417,27],[11359,27],[11505,27]]},"608":{"position":[[3830,27],[3976,27],[4125,27],[7773,27],[7919,27],[11728,27],[11860,27],[11996,27],[12134,27]]},"610":{"position":[[1755,27]]},"612":{"position":[[10890,27],[12504,27]]},"614":{"position":[[5719,27],[6572,27]]},"616":{"position":[[2264,27],[3071,27]]},"618":{"position":[[6597,27],[7410,27]]},"620":{"position":[[1206,27],[1966,27]]},"622":{"position":[[9814,27],[10633,27]]},"628":{"position":[[3863,27],[4689,27]]},"630":{"position":[[2020,27],[3463,27],[5002,27],[6592,27],[10272,27]]},"648":{"position":[[994,27],[2177,27],[3373,27],[4151,27],[4584,27]]},"654":{"position":[[6422,27],[15432,27],[24120,27],[24191,27],[24262,27]]},"656":{"position":[[18879,27]]},"660":{"position":[[57316,27],[57424,27],[83335,27]]}}}],["color=\"buttoncolor.primary\"><icon",{"_index":2698,"t":{"598":{"position":[[3276,33]]}}}],["color=\"buttoncolor.primary\">primary</dropdownactionbutton",{"_index":4104,"t":{"654":{"position":[[6341,58]]}}}],["color=\"buttoncolor.primary\">primary</dropdowntogglebutton",{"_index":4097,"t":{"654":{"position":[[4136,58]]}}}],["color=\"buttoncolor.primary\">sav",{"_index":2020,"t":{"578":{"position":[[3770,32],[9434,32],[10112,32],[11191,32],[14499,32]]}}}],["color=\"buttoncolor.primary\">understood</button",{"_index":2037,"t":{"578":{"position":[[8247,47]]}}}],["color=\"buttoncolor.secondari",{"_index":1409,"t":{"568":{"position":[[1983,30],[2739,29],[3526,29],[3693,29],[4233,29],[4478,29]]},"572":{"position":[[3916,29]]},"576":{"position":[[11280,29],[15521,29],[19662,29]]},"578":{"position":[[3689,29],[8166,29],[9353,29],[10031,29],[11110,29],[14418,29]]},"584":{"position":[[2551,29]]},"590":{"position":[[5454,29]]},"598":{"position":[[3893,29],[4020,29]]},"612":{"position":[[10962,29],[12428,29]]},"614":{"position":[[5791,29],[6496,29],[8116,29],[11201,29]]},"616":{"position":[[2336,29],[2995,29]]},"618":{"position":[[6669,29],[7334,29],[9385,29]]},"620":{"position":[[1278,29],[1890,29]]},"622":{"position":[[9886,29],[10557,29],[12750,29]]},"628":{"position":[[3935,29],[4613,29],[7202,29],[10440,29]]},"630":{"position":[[2127,29],[3570,29],[5109,29],[6699,29],[8273,29],[8387,29],[8505,29],[8621,29],[8741,29],[8865,29],[8987,29],[9107,29],[9231,29],[10379,29]]},"648":{"position":[[1104,29],[2287,29],[3483,29]]},"654":{"position":[[6846,29],[9430,29],[10301,29],[11368,29],[13019,29],[13994,29],[20267,29]]},"660":{"position":[[83448,29],[83565,29]]}}}],["color=\"buttoncolor.secondary\"><icon",{"_index":2701,"t":{"598":{"position":[[3610,35]]}}}],["color=\"buttoncolor.secondary\">cent",{"_index":4117,"t":{"654":{"position":[[11936,38]]}}}],["color=\"buttoncolor.secondary\">click",{"_index":4168,"t":{"654":{"position":[[22592,39],[23016,39]]}}}],["color=\"buttoncolor.secondary\">default",{"_index":4163,"t":{"654":{"position":[[22168,37]]}}}],["color=\"buttoncolor.secondary\">dropdown",{"_index":4090,"t":{"654":{"position":[[3714,38],[19062,38],[23781,38],[24837,38]]}}}],["color=\"buttoncolor.secondary\">dropdown</dropdowntogglebutton",{"_index":4139,"t":{"654":{"position":[[17218,61],[17707,61],[18380,61]]}}}],["color=\"buttoncolor.secondary\">dropend</dropdowntogglebutton",{"_index":4120,"t":{"654":{"position":[[12523,60]]}}}],["color=\"buttoncolor.secondary\">dropstart</dropdowntogglebutton",{"_index":4124,"t":{"654":{"position":[[13583,62],[14561,62],[15080,62],[15961,62]]}}}],["color=\"buttoncolor.secondary\">dropup",{"_index":4114,"t":{"654":{"position":[[10851,36],[11273,36]]}}}],["color=\"buttoncolor.secondary\">larg",{"_index":4110,"t":{"654":{"position":[[8926,35],[9336,35]]}}}],["color=\"buttoncolor.secondary\">manu",{"_index":4173,"t":{"654":{"position":[[23387,36]]}}}],["color=\"buttoncolor.secondary\">right",{"_index":4137,"t":{"654":{"position":[[16702,35]]}}}],["color=\"buttoncolor.secondary\">secondary</dropdownactionbutton",{"_index":4105,"t":{"654":{"position":[[6761,62]]}}}],["color=\"buttoncolor.secondary\">secondary</dropdowntogglebutton",{"_index":4098,"t":{"654":{"position":[[4490,62]]}}}],["color=\"buttoncolor.secondary\">smal",{"_index":4112,"t":{"654":{"position":[[9815,35],[10207,35]]}}}],["color=\"buttoncolor.secondary\">split",{"_index":4121,"t":{"654":{"position":[[12930,35],[14299,35]]}}}],["color=\"buttoncolor.success",{"_index":1410,"t":{"568":{"position":[[2042,28],[2813,27]]},"576":{"position":[[6486,27]]},"578":{"position":[[7182,27]]},"584":{"position":[[2686,27]]},"590":{"position":[[4727,27]]},"596":{"position":[[12909,27]]},"600":{"position":[[13859,27],[14889,27]]},"614":{"position":[[8233,27],[11318,27]]},"618":{"position":[[9502,27]]},"622":{"position":[[12867,27]]},"628":{"position":[[7319,27],[10557,27]]},"630":{"position":[[2240,27],[3683,27],[5222,27],[6812,27],[10492,27]]},"648":{"position":[[1220,27],[2403,27],[3591,27]]},"654":{"position":[[7268,27],[20384,27]]}}}],["color=\"buttoncolor.success\"><icon",{"_index":2699,"t":{"598":{"position":[[3360,33]]}}}],["color=\"buttoncolor.success\">success</dropdownactionbutton",{"_index":4106,"t":{"654":{"position":[[7187,58]]}}}],["color=\"buttoncolor.success\">success</dropdowntogglebutton",{"_index":4099,"t":{"654":{"position":[[4848,58]]}}}],["color=\"buttoncolor.warn",{"_index":1412,"t":{"568":{"position":[[2150,28],[2951,27]]},"584":{"position":[[2941,27]]},"590":{"position":[[5015,27]]},"612":{"position":[[11038,27]]},"614":{"position":[[5867,27]]},"616":{"position":[[2412,27]]},"618":{"position":[[6745,27]]},"620":{"position":[[1354,27]]},"622":{"position":[[9962,27]]},"628":{"position":[[4011,27]]},"630":{"position":[[2451,27],[3894,27],[5433,27],[7023,27],[10703,27]]},"648":{"position":[[1437,27],[2620,27]]},"654":{"position":[[8099,27]]}}}],["color=\"buttoncolor.warning\">warning</dropdownactionbutton",{"_index":4108,"t":{"654":{"position":[[8018,58]]}}}],["color=\"buttoncolor.warning\">warning</dropdowntogglebutton",{"_index":4101,"t":{"654":{"position":[[5550,58]]}}}],["color=\"cardcolor.dang",{"_index":1597,"t":{"570":{"position":[[9154,24]]}}}],["color=\"cardcolor.dark",{"_index":1605,"t":{"570":{"position":[[10294,22]]}}}],["color=\"cardcolor.info",{"_index":1601,"t":{"570":{"position":[[9728,22]]}}}],["color=\"cardcolor.light",{"_index":1603,"t":{"570":{"position":[[10010,23]]}}}],["color=\"cardcolor.primari",{"_index":1590,"t":{"570":{"position":[[8286,25]]}}}],["color=\"cardcolor.secondari",{"_index":1593,"t":{"570":{"position":[[8574,27]]}}}],["color=\"cardcolor.success",{"_index":1595,"t":{"570":{"position":[[8866,25]]}}}],["color=\"cardcolor.warn",{"_index":1599,"t":{"570":{"position":[[9440,25]]}}}],["color=\"iconcolor.bodi",{"_index":2692,"t":{"598":{"position":[[2597,22]]}}}],["color=\"iconcolor.dang",{"_index":2684,"t":{"598":{"position":[[2182,24]]}}}],["color=\"iconcolor.dark",{"_index":2690,"t":{"598":{"position":[[2521,22]]}}}],["color=\"iconcolor.info",{"_index":2687,"t":{"598":{"position":[[2359,22]]}}}],["color=\"iconcolor.light",{"_index":2689,"t":{"598":{"position":[[2447,23]]}}}],["color=\"iconcolor.mut",{"_index":2694,"t":{"598":{"position":[[2679,23]]}}}],["color=\"iconcolor.primari",{"_index":2678,"t":{"598":{"position":[[1934,25]]}}}],["color=\"iconcolor.secondari",{"_index":2680,"t":{"598":{"position":[[2027,27]]}}}],["color=\"iconcolor.success",{"_index":2682,"t":{"598":{"position":[[2108,25]]}}}],["color=\"iconcolor.warn",{"_index":2686,"t":{"598":{"position":[[2274,25]]}}}],["color=\"iconcolor.whit",{"_index":2696,"t":{"598":{"position":[[2761,23]]}}}],["color=\"placeholdercolor.dang",{"_index":2126,"t":{"580":{"position":[[1775,31]]}}}],["color=\"placeholdercolor.dark",{"_index":2130,"t":{"580":{"position":[[2089,29]]}}}],["color=\"placeholdercolor.info",{"_index":2128,"t":{"580":{"position":[[1934,29]]}}}],["color=\"placeholdercolor.light",{"_index":2129,"t":{"580":{"position":[[2011,30]]}}}],["color=\"placeholdercolor.primari",{"_index":2123,"t":{"580":{"position":[[1533,32]]}}}],["color=\"placeholdercolor.secondari",{"_index":2124,"t":{"580":{"position":[[1613,34]]}}}],["color=\"placeholdercolor.success",{"_index":2125,"t":{"580":{"position":[[1695,32]]}}}],["color=\"placeholdercolor.warn",{"_index":2127,"t":{"580":{"position":[[1854,32]]}}}],["color=\"progresscolor.dang",{"_index":2379,"t":{"590":{"position":[[1546,28],[1935,28],[4126,28],[6154,28],[6745,28],[7820,28]]}}}],["color=\"progresscolor.dark",{"_index":2382,"t":{"590":{"position":[[1677,26],[4406,26],[7109,26],[8217,26]]}}}],["color=\"progresscolor.info",{"_index":2384,"t":{"590":{"position":[[1824,26],[3943,26],[6043,26],[6506,26],[7559,26]]}}}],["color=\"progresscolor.primari",{"_index":2403,"t":{"590":{"position":[[4218,29],[6865,29],[7951,29]]}}}],["color=\"progresscolor.secondari",{"_index":2404,"t":{"590":{"position":[[4311,31],[6986,31],[8083,31]]}}}],["color=\"progresscolor.success",{"_index":2374,"t":{"590":{"position":[[1332,29],[1767,29],[3850,29],[5986,29],[6385,29],[7427,29]]}}}],["color=\"progresscolor.warn",{"_index":2376,"t":{"590":{"position":[[1425,29],[1878,29],[4033,29],[6097,29],[6624,29],[7688,29]]}}}],["color=\"spinnercolor.dang",{"_index":2502,"t":{"594":{"position":[[1148,27],[1719,27],[2399,27],[4102,27]]}}}],["color=\"spinnercolor.dark",{"_index":2506,"t":{"594":{"position":[[1306,25],[1973,25],[2705,25]]}}}],["color=\"spinnercolor.info",{"_index":2504,"t":{"594":{"position":[[1229,25],[1848,25],[2554,25]]}}}],["color=\"spinnercolor.light",{"_index":2505,"t":{"594":{"position":[[1267,26],[1910,26],[2629,26]]}}}],["color=\"spinnercolor.primari",{"_index":2499,"t":{"594":{"position":[[1023,28],[1522,28],[2163,28],[3816,28],[4233,28]]}}}],["color=\"spinnercolor.secondari",{"_index":2500,"t":{"594":{"position":[[1064,30],[1587,30],[2241,30],[3919,30]]}}}],["color=\"spinnercolor.success",{"_index":2501,"t":{"594":{"position":[[1107,28],[1654,28],[2321,28],[3999,28]]}}}],["color=\"spinnercolor.warn",{"_index":2503,"t":{"594":{"position":[[1188,28],[1783,28],[2476,28]]}}}],["colorbuilder.categoricalsixcolor",{"_index":2904,"t":{"602":{"position":[[6399,33]]},"604":{"position":[[4433,33]]},"606":{"position":[[3802,33]]},"608":{"position":[[3520,33]]}}}],["colorbuilder.categoricaltwelvecolor",{"_index":2903,"t":{"602":{"position":[[6335,36],[11447,37],[14308,37]]},"604":{"position":[[4369,36],[10752,37],[12980,37],[15078,37]]},"606":{"position":[[3738,36],[4875,37],[8619,37],[11963,37]]},"608":{"position":[[3456,36],[4563,37],[8357,37],[12565,37]]}}}],["colorbuilder.categoricaltwelvecolors[0",{"_index":3059,"t":{"604":{"position":[[9588,39],[9664,39]]}}}],["colorbuilder.categoricaltwelvecolors[datasetscount].tocolor",{"_index":2947,"t":{"602":{"position":[[10105,62]]},"604":{"position":[[8252,62]]}}}],["colors.add(backgroundcolors![index",{"_index":3116,"t":{"606":{"position":[[7634,37],[14833,37]]},"608":{"position":[[7188,37],[11059,37],[14357,37]]}}}],["colors[0",{"_index":2969,"t":{"602":{"position":[[11915,9],[11961,9],[12097,9],[14774,9],[14820,9],[14956,9]]},"604":{"position":[[11054,9],[11100,9],[13282,9],[13328,9],[15380,9],[15426,9]]},"606":{"position":[[9087,9],[9133,9],[9269,9]]}}}],["colors[1",{"_index":2984,"t":{"602":{"position":[[12457,9],[12503,9],[12639,9],[15381,9],[15427,9],[15563,9]]},"604":{"position":[[11325,9],[11371,9],[13553,9],[13599,9],[15651,9],[15697,9]]},"606":{"position":[[9629,9],[9675,9],[9811,9]]}}}],["colors[2",{"_index":2999,"t":{"602":{"position":[[12999,9],[13045,9],[13181,9],[15988,9],[16034,9],[16170,9]]},"604":{"position":[[11597,9],[11643,9],[13825,9],[13871,9],[15923,9],[15969,9]]},"606":{"position":[[10171,9],[10217,9],[10353,9]]}}}],["column",{"_index":285,"t":{"32":{"position":[[235,7],[322,6],[403,6]]},"68":{"position":[[450,6]]},"96":{"position":[[269,6]]},"108":{"position":[[213,7]]},"570":{"position":[[10692,8]]},"600":{"position":[[13836,8],[14866,8]]},"660":{"position":[[4220,6],[4818,6],[4937,7],[5024,6],[5077,8],[5166,6],[5220,8],[5355,6],[5587,7],[5773,7],[5956,7],[6154,6],[9473,6],[22030,6],[22114,7],[22216,7],[30372,6],[31010,7],[31176,6],[31206,7],[33509,6],[35939,6],[63551,7],[63629,6],[63713,6],[66741,6],[66850,7],[69831,6],[69933,6],[70032,7],[116199,6],[116679,8],[118823,6],[119303,7],[121484,6],[121964,7],[124260,6],[133625,6],[133748,6],[134023,6],[134030,6],[134050,6],[134291,7],[134306,7],[134339,7]]}}}],["columnclass",{"_index":4294,"t":{"660":{"position":[[4170,11]]}}}],["columnclass=\"@(x",{"_index":4559,"t":{"660":{"position":[[64616,16]]}}}],["combin",{"_index":1212,"t":{"562":{"position":[[93,11]]}}}],["commerci",{"_index":79,"t":{"2":{"position":[[1713,10],[1854,10],[2671,10]]},"124":{"position":[[201,10],[342,10],[1159,10]]}}}],["commodo",{"_index":1968,"t":{"576":{"position":[[10941,8],[15182,8],[19323,8]]}}}],["common",{"_index":3431,"t":{"614":{"position":[[9501,6]]},"628":{"position":[[9052,6]]},"660":{"position":[[50626,6],[108453,6]]}}}],["comopon",{"_index":201,"t":{"10":{"position":[[212,12]]},"18":{"position":[[226,12]]}}}],["compani",{"_index":4433,"t":{"660":{"position":[[26257,7],[26284,9],[26489,7],[26516,9],[26734,7],[26761,9],[26968,7],[26995,9],[27215,7],[27242,9],[27460,7],[27487,9],[27699,7],[27726,9],[27937,7],[27964,9],[28175,7],[28202,9],[44286,7],[44313,9],[44518,7],[44545,9],[44763,7],[44790,9],[44997,7],[45024,9],[45244,7],[45271,9],[45489,7],[45516,9],[45728,7],[45755,9],[45966,7],[45993,9],[46204,7],[46231,9]]}}}],["compar",{"_index":2703,"t":{"598":{"position":[[3991,10]]},"604":{"position":[[196,7]]},"612":{"position":[[3910,7]]},"660":{"position":[[11757,7]]}}}],["comparis",{"_index":4385,"t":{"660":{"position":[[9383,12],[133495,11]]}}}],["complet",{"_index":143,"t":{"2":{"position":[[2960,9]]},"50":{"position":[[307,8]]},"60":{"position":[[120,8],[294,8],[608,8]]},"74":{"position":[[117,8],[170,8],[505,8]]},"80":{"position":[[388,8],[1488,8]]},"82":{"position":[[412,8]]},"110":{"position":[[214,9],[632,8]]},"132":{"position":[[867,8]]},"136":{"position":[[1854,8]]},"146":{"position":[[263,9],[1413,8],[1686,8]]},"152":{"position":[[256,9]]},"154":{"position":[[177,8]]},"158":{"position":[[1770,9]]},"204":{"position":[[182,8]]},"206":{"position":[[174,8]]},"214":{"position":[[1640,8]]},"220":{"position":[[663,8]]},"222":{"position":[[1036,8]]},"226":{"position":[[191,8]]},"230":{"position":[[1779,9]]},"232":{"position":[[1649,8]]},"236":{"position":[[672,8]]},"248":{"position":[[412,8]]},"306":{"position":[[1773,9]]},"308":{"position":[[1143,9]]},"310":{"position":[[168,8]]},"314":{"position":[[666,8]]},"318":{"position":[[1090,8]]},"324":{"position":[[406,8]]},"326":{"position":[[1643,8]]},"360":{"position":[[255,9]]},"364":{"position":[[1201,9]]},"394":{"position":[[867,9]]},"404":{"position":[[575,9]]},"408":{"position":[[264,9]]},"418":{"position":[[548,9]]},"492":{"position":[[259,9]]},"502":{"position":[[164,8]]},"518":{"position":[[161,8]]},"556":{"position":[[780,10],[3623,10]]},"562":{"position":[[1532,10],[1829,10]]},"572":{"position":[[949,10],[1168,10]]},"576":{"position":[[2179,10],[2388,10]]},"578":{"position":[[147,10],[2483,10],[2692,10]]},"592":{"position":[[3236,10],[5812,10],[6328,8],[8827,10],[11821,10],[14819,10]]},"598":{"position":[[4372,8]]},"612":{"position":[[11,8],[45,8]]},"614":{"position":[[418,8]]},"618":{"position":[[379,8]]},"622":{"position":[[373,8],[17514,8]]},"628":{"position":[[422,8]]},"648":{"position":[[166,10]]},"654":{"position":[[3412,10],[3638,10]]},"656":{"position":[[2333,11],[4066,10],[5990,10],[6506,8],[8249,10],[10602,10],[13075,10],[15505,10],[17896,10],[20379,10],[23632,10]]}}}],["compon",{"_index":51,"t":{"2":{"position":[[771,10],[1049,9],[1375,10],[2082,9],[2921,11]]},"4":{"position":[[153,10],[208,11]]},"6":{"position":[[113,9],[155,10]]},"8":{"position":[[143,11],[204,11]]},"10":{"position":[[165,10]]},"12":{"position":[[107,9],[624,11]]},"14":{"position":[[129,9],[184,9]]},"16":{"position":[[117,9],[172,9],[258,9]]},"18":{"position":[[151,9]]},"20":{"position":[[117,9],[164,9],[218,9]]},"22":{"position":[[186,9],[228,9]]},"24":{"position":[[161,9],[185,9],[250,9],[266,9]]},"26":{"position":[[188,9],[261,9]]},"28":{"position":[[157,9],[220,9]]},"30":{"position":[[138,10],[153,11],[178,9],[201,9],[327,9],[363,9]]},"32":{"position":[[149,10],[174,9],[202,9],[593,9]]},"34":{"position":[[150,9],[208,9]]},"36":{"position":[[156,9],[174,9],[189,9],[616,9],[655,9],[691,9]]},"38":{"position":[[130,11],[159,11],[188,9],[220,9],[248,9],[275,9],[322,9],[368,9],[410,9],[451,9]]},"40":{"position":[[346,9]]},"42":{"position":[[139,11],[198,11],[222,9],[251,9],[407,9],[666,9],[702,9]]},"44":{"position":[[138,9],[186,10],[201,11],[222,9],[241,9],[326,9],[441,9],[479,9]]},"46":{"position":[[186,9],[219,9],[303,10],[349,10],[393,10],[458,9],[499,9],[538,9]]},"48":{"position":[[134,10],[187,9],[231,9],[300,10],[351,10]]},"50":{"position":[[127,10],[173,9],[210,9],[272,10],[316,10]]},"52":{"position":[[254,9],[311,9],[367,9],[490,10],[534,10],[575,10],[620,9],[666,9],[705,9],[741,9]]},"54":{"position":[[201,9],[240,9],[293,9],[389,10]]},"56":{"position":[[163,9],[195,9],[222,10],[355,10],[371,9],[472,10],[533,9],[582,9]]},"58":{"position":[[163,9],[197,9],[260,10]]},"60":{"position":[[303,9]]},"62":{"position":[[176,9]]},"64":{"position":[[175,9]]},"66":{"position":[[126,9],[170,9]]},"68":{"position":[[126,9],[179,9],[374,9],[467,9],[543,9],[603,9]]},"70":{"position":[[125,9],[178,9],[351,9],[378,10],[511,10],[527,9],[628,10],[646,9],[694,9]]},"72":{"position":[[147,10],[197,9],[283,9],[384,9],[583,9]]},"74":{"position":[[179,9],[256,9]]},"76":{"position":[[169,9]]},"78":{"position":[[163,9],[232,9]]},"80":{"position":[[133,10],[176,9],[352,9],[397,9],[518,10],[544,9],[665,10],[687,9],[808,10],[832,9],[953,10],[971,9],[1092,10],[1114,9],[1235,10]]},"82":{"position":[[127,10],[170,9],[231,9]]},"84":{"position":[[138,10],[181,9],[263,9],[340,9]]},"86":{"position":[[252,9],[332,9],[375,9],[445,9]]},"88":{"position":[[129,10],[172,9],[228,9]]},"96":{"position":[[115,9],[157,9]]},"98":{"position":[[138,9],[180,9],[243,10],[280,9],[339,9],[401,9],[456,9],[524,9],[595,9],[754,9],[795,9],[833,9],[870,9],[912,9],[951,9]]},"100":{"position":[[135,10],[188,9],[230,9],[441,9],[639,9],[705,9],[767,9],[828,9],[884,9],[940,9],[986,9],[1062,9],[1237,9],[1277,9],[1314,10],[1351,9],[1389,9],[1428,9],[1466,9]]},"102":{"position":[[120,9],[218,10],[239,9],[283,9],[323,9],[362,9],[474,10]]},"104":{"position":[[229,9],[323,9],[427,9],[470,9],[783,10]]},"106":{"position":[[190,9],[240,9],[292,9],[354,9]]},"108":{"position":[[190,9],[242,9],[281,9],[303,9],[374,9],[414,9]]},"110":{"position":[[175,11],[270,9],[479,9],[540,9],[641,9],[689,9],[729,9],[790,9]]},"112":{"position":[[202,9],[315,9],[381,9],[535,9],[605,9]]},"114":{"position":[[192,10],[214,9],[344,10]]},"116":{"position":[[137,10],[194,9],[258,10],[276,9],[294,9],[426,10]]},"118":{"position":[[125,9],[182,9],[217,9],[235,9],[259,9],[274,9],[296,9],[316,9],[337,9],[355,9]]},"120":{"position":[[140,10],[196,9],[219,9],[259,9],[274,9],[294,9],[309,9]]},"122":{"position":[[233,9],[248,9]]},"124":{"position":[[570,9]]},"126":{"position":[[834,9],[1097,10],[1150,9],[1393,9],[1908,9]]},"128":{"position":[[246,10],[328,9],[604,9],[688,9],[729,9],[778,9],[1078,9]]},"132":{"position":[[126,9],[1359,9],[1669,9],[1975,9],[2190,10],[2236,9],[2456,10],[2509,9],[2905,9]]},"134":{"position":[[508,9],[706,9],[1348,9],[1725,9],[1967,9]]},"136":{"position":[[129,10],[396,10],[685,10],[945,10],[2154,10],[2467,9],[2880,9]]},"138":{"position":[[143,11],[347,10]]},"140":{"position":[[452,11],[792,9],[840,10],[1362,11],[1651,9],[1709,9],[2112,10],[2329,10]]},"144":{"position":[[172,9]]},"146":{"position":[[224,11],[997,10],[2216,9],[2454,9],[2512,9],[2915,10]]},"148":{"position":[[829,10]]},"150":{"position":[[171,9]]},"152":{"position":[[217,11],[572,10]]},"156":{"position":[[184,11]]},"158":{"position":[[815,10],[1093,9],[1419,10],[1731,11]]},"160":{"position":[[180,10],[226,9],[446,10],[499,9],[895,9],[1499,11]]},"162":{"position":[[181,11]]},"164":{"position":[[193,10],[246,9]]},"166":{"position":[[312,9]]},"168":{"position":[[304,9]]},"172":{"position":[[189,11]]},"180":{"position":[[189,11]]},"182":{"position":[[196,11]]},"184":{"position":[[185,11]]},"188":{"position":[[185,10],[238,9]]},"190":{"position":[[196,11]]},"192":{"position":[[184,11]]},"194":{"position":[[305,9]]},"196":{"position":[[191,9],[239,10]]},"198":{"position":[[195,9],[243,10]]},"202":{"position":[[305,9]]},"208":{"position":[[188,11]]},"210":{"position":[[176,9],[436,9],[484,10]]},"212":{"position":[[596,9],[859,10],[912,9],[1155,9],[1670,9],[2767,10]]},"214":{"position":[[182,10],[471,10],[731,10],[1940,10],[2253,9],[2666,9],[3010,9]]},"216":{"position":[[304,9]]},"218":{"position":[[183,11]]},"220":{"position":[[1155,9],[1465,9],[1771,9],[1986,10],[2032,9],[2252,10],[2305,9],[2701,9]]},"222":{"position":[[620,10],[1390,9]]},"224":{"position":[[200,10]]},"228":{"position":[[196,10]]},"230":{"position":[[824,10],[1102,9],[1428,10],[1740,11]]},"232":{"position":[[191,10],[480,10],[740,10],[1949,10],[2262,9],[2675,9],[3019,9]]},"234":{"position":[[605,9],[868,10],[921,9],[1164,9],[1679,9],[2776,10]]},"236":{"position":[[1164,9],[1474,9],[1780,9],[1995,10],[2041,9],[2261,10],[2314,9],[2710,9]]},"238":{"position":[[192,11],[532,9],[580,10],[1102,11],[1391,9],[1449,9],[1852,10],[2069,10]]},"240":{"position":[[364,9],[562,9],[1204,9],[1581,9],[1823,9],[2043,11]]},"242":{"position":[[206,10]]},"246":{"position":[[187,10],[496,10]]},"248":{"position":[[690,9]]},"252":{"position":[[199,10]]},"254":{"position":[[174,9]]},"256":{"position":[[189,10],[870,10],[923,9]]},"260":{"position":[[219,9]]},"262":{"position":[[179,9],[592,9]]},"264":{"position":[[190,10],[485,10],[910,9],[1323,9]]},"266":{"position":[[213,9]]},"270":{"position":[[168,9],[431,10],[484,9],[727,9],[990,9],[1223,10],[1490,10],[1779,10],[2039,10],[2709,9]]},"272":{"position":[[618,9],[1702,9],[2115,9],[2496,9]]},"280":{"position":[[184,10],[237,9]]},"282":{"position":[[188,10]]},"284":{"position":[[185,10],[610,9],[1023,9]]},"286":{"position":[[181,10]]},"288":{"position":[[645,9]]},"292":{"position":[[174,9]]},"294":{"position":[[190,9],[471,10],[896,9]]},"296":{"position":[[182,10],[608,10],[654,9]]},"298":{"position":[[180,9]]},"302":{"position":[[513,9]]},"304":{"position":[[609,10]]},"306":{"position":[[818,10],[1096,9],[1422,10],[1734,11]]},"308":{"position":[[188,10],[466,9],[792,10],[1104,11],[2920,9]]},"310":{"position":[[660,9]]},"312":{"position":[[183,10],[236,9],[479,9],[994,9],[2091,10],[2358,10],[2647,10]]},"314":{"position":[[1158,9]]},"316":{"position":[[599,9],[862,10],[915,9],[1158,9],[1673,9],[2770,10]]},"318":{"position":[[181,10],[1390,10],[1703,9],[2116,9],[2460,9]]},"324":{"position":[[684,9]]},"326":{"position":[[185,10],[474,10],[734,10],[1943,10],[2256,9],[2669,9],[3013,9]]},"328":{"position":[[522,9],[848,10]]},"330":{"position":[[533,10],[808,10],[1117,10]]},"338":{"position":[[184,10]]},"340":{"position":[[193,10]]},"342":{"position":[[213,9]]},"346":{"position":[[468,10]]},"348":{"position":[[180,10]]},"350":{"position":[[175,9],[497,10]]},"352":{"position":[[173,9],[586,9]]},"354":{"position":[[184,10],[479,10],[904,9],[1317,9]]},"356":{"position":[[207,9]]},"360":{"position":[[216,11],[2033,10]]},"364":{"position":[[798,9],[1162,11],[2048,9],[2311,10],[2364,9],[2607,9],[2870,9]]},"368":{"position":[[180,10],[481,11]]},"370":{"position":[[171,10],[438,10],[727,10],[987,10],[1657,9],[2792,10]]},"374":{"position":[[189,11]]},"376":{"position":[[209,9]]},"378":{"position":[[207,9]]},"382":{"position":[[206,9]]},"384":{"position":[[1524,9],[2608,9],[3021,9]]},"386":{"position":[[211,9]]},"390":{"position":[[173,9],[495,10]]},"392":{"position":[[179,10],[604,9],[1017,9]]},"394":{"position":[[186,10],[464,9],[828,11]]},"396":{"position":[[174,10],[441,9],[489,10]]},"398":{"position":[[360,9],[558,9]]},"402":{"position":[[188,9],[236,10]]},"404":{"position":[[172,9],[536,11]]},"406":{"position":[[536,10]]},"408":{"position":[[225,11]]},"410":{"position":[[992,9]]},"412":{"position":[[523,9]]},"414":{"position":[[190,10]]},"416":{"position":[[451,10]]},"418":{"position":[[181,10],[509,11]]},"422":{"position":[[182,10]]},"424":{"position":[[184,9],[465,10],[890,9]]},"426":{"position":[[174,9]]},"430":{"position":[[507,9],[767,9],[815,10]]},"434":{"position":[[197,10]]},"436":{"position":[[169,9],[917,10]]},"438":{"position":[[187,11]]},"440":{"position":[[151,9]]},"442":{"position":[[157,9]]},"446":{"position":[[173,9]]},"452":{"position":[[161,9]]},"454":{"position":[[161,9]]},"462":{"position":[[193,10]]},"464":{"position":[[182,10]]},"468":{"position":[[194,9],[252,9]]},"470":{"position":[[174,11]]},"472":{"position":[[182,9],[230,10]]},"474":{"position":[[298,9]]},"478":{"position":[[183,11]]},"480":{"position":[[180,10],[233,9]]},"482":{"position":[[165,9]]},"492":{"position":[[220,11]]},"496":{"position":[[178,10],[231,9]]},"498":{"position":[[171,10],[217,9]]},"500":{"position":[[207,9]]},"504":{"position":[[207,9]]},"506":{"position":[[245,9]]},"512":{"position":[[170,9]]},"514":{"position":[[169,9]]},"516":{"position":[[191,10]]},"522":{"position":[[177,10]]},"524":{"position":[[170,9]]},"528":{"position":[[182,10]]},"530":{"position":[[173,10]]},"532":{"position":[[171,10]]},"542":{"position":[[159,9]]},"544":{"position":[[182,9]]},"546":{"position":[[169,9]]},"548":{"position":[[181,10]]},"552":{"position":[[184,10]]},"556":{"position":[[0,10],[331,10]]},"558":{"position":[[0,10],[81,9]]},"560":{"position":[[0,10],[70,9],[266,10]]},"562":{"position":[[0,10],[123,10],[388,10],[2062,10],[20491,9]]},"564":{"position":[[0,10],[93,10]]},"566":{"position":[[0,10],[72,9],[296,10]]},"568":{"position":[[0,10],[442,10],[3920,10]]},"570":{"position":[[0,10],[519,10],[856,10],[1037,10],[1217,10],[1398,10],[1651,10],[2087,10],[2343,10],[2523,10]]},"572":{"position":[[0,10],[137,10],[300,10],[1212,9],[1438,9],[2060,10],[2488,9],[3474,9],[4227,10]]},"574":{"position":[[0,10],[97,9],[649,10],[2106,9],[2152,10],[2294,10],[2310,9],[4871,9],[4909,9],[4947,9],[9006,9]]},"576":{"position":[[0,10],[164,10],[1915,9],[2436,9],[2580,10],[2613,11],[3291,9],[3319,9],[3360,10],[3497,10],[3513,9],[4832,10],[4926,9],[5070,9],[6584,9],[20036,9],[21457,9],[21514,9]]},"578":{"position":[[0,10],[70,9],[1948,10],[2219,9],[2978,10],[4121,9],[4158,10],[4291,10],[4307,9],[5585,10],[5695,9],[5839,9],[7280,9],[15368,9],[15421,9]]},"580":{"position":[[0,10],[108,10],[449,10]]},"582":{"position":[[0,10],[85,9]]},"584":{"position":[[0,10],[114,10],[163,10],[190,9],[548,10],[989,9]]},"586":{"position":[[0,10],[112,10],[282,10],[580,10],[1000,10],[1186,10],[1259,10],[1440,10]]},"588":{"position":[[0,10],[131,10],[796,10]]},"590":{"position":[[0,10],[116,9],[362,10],[2051,9],[3801,11],[5896,10],[5928,9],[6291,9],[7299,9]]},"592":{"position":[[0,10],[82,9],[2507,12],[4606,12],[7528,13],[10522,13],[13520,13]]},"594":{"position":[[0,10],[81,9],[134,10]]},"596":{"position":[[0,10],[104,10],[223,10],[653,10],[1687,10]]},"598":{"position":[[62,9]]},"600":{"position":[[0,10],[100,11],[269,10],[1728,10]]},"602":{"position":[[91,9]]},"604":{"position":[[88,9]]},"606":{"position":[[100,9]]},"608":{"position":[[88,9]]},"610":{"position":[[0,10],[78,9],[282,10]]},"612":{"position":[[84,9],[1688,9]]},"614":{"position":[[75,9],[197,9],[1784,9],[1890,9],[6905,10],[6926,9]]},"616":{"position":[[78,9]]},"618":{"position":[[81,9],[1706,10],[7706,10],[7794,9]]},"620":{"position":[[72,9]]},"622":{"position":[[95,9],[5986,10],[10937,11],[11030,9]]},"624":{"position":[[148,9],[1678,10],[2036,10],[2440,9],[2695,10],[3025,11],[4437,10],[4524,10],[5243,10],[5601,10],[6005,9]]},"626":{"position":[[148,9],[1863,10],[2221,10],[2625,9],[2880,10],[3210,11],[4560,10],[5567,10]]},"628":{"position":[[79,9],[201,9],[1677,9],[5022,10],[5043,9]]},"630":{"position":[[0,10],[422,10],[3227,11],[9810,9],[11471,9],[11708,9]]},"632":{"position":[[166,9],[1337,10],[1695,10],[2099,9],[2354,10],[2688,11]]},"634":{"position":[[206,9],[1360,10],[1718,10],[2122,9],[2377,10],[2710,11],[4236,10],[4594,10],[4998,9]]},"636":{"position":[[202,9],[1315,10],[1673,10],[2077,9],[2332,10],[2665,11],[4485,10],[4843,10],[5247,9]]},"638":{"position":[[166,9],[1337,10],[1695,10],[2099,9],[2354,10],[2688,11]]},"640":{"position":[[123,9]]},"642":{"position":[[158,9],[1697,10],[2055,10],[2459,9],[2730,10],[3060,11],[5287,10],[5378,9]]},"644":{"position":[[158,9],[1697,10],[2055,10],[2459,9],[2730,10],[3060,11],[5086,10],[5177,9]]},"646":{"position":[[128,9]]},"648":{"position":[[4972,9]]},"652":{"position":[[158,9],[1351,10],[1709,10],[2113,9],[2384,10],[2706,11],[4491,10],[4849,10],[5253,9]]},"654":{"position":[[0,10],[592,10],[1188,10],[1456,10],[1826,10],[2116,10],[2369,10],[10743,10],[11820,10],[12414,10],[13472,10],[15005,10],[15917,10],[16605,10]]},"656":{"position":[[0,10],[80,9],[3535,12],[5398,13],[7657,13],[10010,13],[12483,13],[14913,13],[17304,13],[19787,13],[23059,12]]},"658":{"position":[[0,10],[75,9],[464,9],[2263,9]]},"660":{"position":[[0,10],[67,9],[827,10],[4153,10]]}}}],["component</button",{"_index":1791,"t":{"576":{"position":[[3755,18],[5434,18]]},"578":{"position":[[4536,18],[6190,18]]}}}],["componentblazor",{"_index":385,"t":{"52":{"position":[[233,15]]},"132":{"position":[[2884,15]]},"160":{"position":[[874,15]]},"166":{"position":[[291,15]]},"168":{"position":[[283,15]]},"194":{"position":[[284,15]]},"202":{"position":[[284,15]]},"216":{"position":[[283,15]]},"220":{"position":[[2680,15]]},"236":{"position":[[2689,15]]},"474":{"position":[[277,15]]}}}],["components/_imports.razor",{"_index":3972,"t":{"634":{"position":[[2546,25]]},"636":{"position":[[2501,25]]}}}],["components/app.razor",{"_index":3970,"t":{"634":{"position":[[518,21],[1029,20],[2870,20]]},"636":{"position":[[473,21],[984,20],[2825,20]]}}}],["concept",{"_index":99,"t":{"2":{"position":[[2109,7]]},"124":{"position":[[597,7]]}}}],["conceptu",{"_index":1780,"t":{"576":{"position":[[2530,13]]}}}],["concern",{"_index":87,"t":{"2":{"position":[[1930,8],[2384,7]]},"124":{"position":[[418,8],[872,7]]}}}],["condimentum",{"_index":1920,"t":{"576":{"position":[[8716,11],[9178,11],[11179,12],[12957,11],[13419,11],[15420,12],[17098,11],[17560,11],[19561,12]]}}}],["condimentum.</p",{"_index":1970,"t":{"576":{"position":[[11222,16],[15463,16],[19604,16]]}}}],["condit",{"_index":404,"t":{"56":{"position":[[312,11]]},"68":{"position":[[384,11],[419,11]]},"70":{"position":[[468,11]]},"574":{"position":[[2251,11]]},"576":{"position":[[3454,11]]},"578":{"position":[[4248,11]]},"660":{"position":[[60178,11],[63520,11],[79199,10],[133957,11],[133992,11]]}}}],["configur",{"_index":742,"t":{"128":{"position":[[262,13],[295,13]]},"602":{"position":[[2325,10],[2750,10]]},"604":{"position":[[2441,10],[2652,10]]},"606":{"position":[[2189,10],[2405,10]]},"608":{"position":[[2024,10],[2235,10]]},"624":{"position":[[6632,9]]},"626":{"position":[[6108,9]]},"634":{"position":[[5504,9]]},"636":{"position":[[5822,9]]}}}],["confirm",{"_index":39,"t":{"2":{"position":[[486,7]]},"10":{"position":[[244,7]]},"22":{"position":[[213,7],[304,7],[367,7]]},"46":{"position":[[166,12],[288,7],[443,7],[670,7]]},"48":{"position":[[336,7]]},"52":{"position":[[475,7],[651,7],[839,7]]},"56":{"position":[[567,7],[696,7]]},"104":{"position":[[156,12],[308,7],[333,7]]},"122":{"position":[[133,7]]},"126":{"position":[[438,12]]},"132":{"position":[[2989,7]]},"134":{"position":[[986,7]]},"140":{"position":[[258,7]]},"142":{"position":[[146,7],[1292,7]]},"146":{"position":[[588,12]]},"158":{"position":[[530,7]]},"160":{"position":[[979,7],[1305,7]]},"166":{"position":[[28,7],[396,7],[722,7]]},"168":{"position":[[388,7],[714,7]]},"186":{"position":[[312,7]]},"194":{"position":[[389,7],[715,7]]},"200":{"position":[[312,7]]},"202":{"position":[[389,7],[715,7]]},"212":{"position":[[200,12]]},"216":{"position":[[388,7]]},"220":{"position":[[2785,7],[3111,7]]},"222":{"position":[[211,12]]},"230":{"position":[[539,7]]},"234":{"position":[[209,12]]},"236":{"position":[[2794,7],[3120,7]]},"240":{"position":[[842,7]]},"250":{"position":[[205,12]]},"258":{"position":[[213,12]]},"272":{"position":[[204,12]]},"288":{"position":[[206,12]]},"304":{"position":[[206,12]]},"306":{"position":[[533,7]]},"308":{"position":[[2524,12]]},"316":{"position":[[203,12]]},"332":{"position":[[21,8],[251,7]]},"334":{"position":[[199,12]]},"346":{"position":[[183,7],[777,12]]},"360":{"position":[[1420,12]]},"364":{"position":[[528,7]]},"372":{"position":[[242,7]]},"380":{"position":[[205,12]]},"384":{"position":[[1110,12]]},"410":{"position":[[553,12]]},"430":{"position":[[1143,7]]},"436":{"position":[[514,12]]},"448":{"position":[[243,7]]},"474":{"position":[[382,7]]},"484":{"position":[[201,12]]},"550":{"position":[[177,7]]},"572":{"position":[[5273,7]]},"574":{"position":[[11,7],[46,7],[82,7],[319,7],[466,7],[628,7],[902,7],[1044,7],[1130,7],[1569,7],[1799,12],[2006,14],[2072,7],[2119,7],[2186,7],[2499,13],[2858,12],[2985,14],[3955,7],[4466,12],[4520,7],[4609,14],[4675,7],[4717,7],[4856,7],[4894,7],[4932,7],[5108,7],[5233,7],[5369,7],[5552,12],[5606,7],[5695,14],[5761,7],[6062,7],[6168,12],[6239,8],[6267,14],[6554,7],[6724,12],[6796,8],[6855,14],[6921,7],[7039,7],[7178,7],[7356,12],[7410,7],[7499,14],[7819,7],[8018,12],[8089,8],[8148,14],[8511,7],[8628,12],[8700,8],[8808,14],[8983,7],[9019,7]]},"650":{"position":[[302,7]]},"654":{"position":[[25549,7]]}}}],["confirmdialog",{"_index":45,"t":{"2":{"position":[[602,13],[865,13]]},"52":{"position":[[135,14],[219,13],[297,13]]},"104":{"position":[[898,13]]},"120":{"position":[[245,13],[468,13]]},"122":{"position":[[219,13],[401,13]]},"126":{"position":[[572,13]]},"132":{"position":[[2786,14],[2870,13]]},"146":{"position":[[722,13]]},"158":{"position":[[646,13],[909,13]]},"160":{"position":[[776,14],[860,13]]},"166":{"position":[[193,14],[277,13]]},"168":{"position":[[185,14],[269,13]]},"194":{"position":[[186,14],[270,13]]},"202":{"position":[[186,14],[270,13]]},"212":{"position":[[334,13]]},"216":{"position":[[185,14],[269,13]]},"220":{"position":[[2582,14],[2666,13]]},"222":{"position":[[345,13]]},"230":{"position":[[655,13],[918,13]]},"234":{"position":[[343,13]]},"236":{"position":[[2591,14],[2675,13]]},"250":{"position":[[339,13]]},"258":{"position":[[347,13]]},"272":{"position":[[338,13]]},"288":{"position":[[340,13]]},"304":{"position":[[340,13]]},"306":{"position":[[649,13],[912,13]]},"308":{"position":[[282,13],[2658,13]]},"316":{"position":[[337,13]]},"334":{"position":[[333,13]]},"346":{"position":[[20,15],[299,13],[562,13],[911,13]]},"360":{"position":[[1554,13]]},"364":{"position":[[644,13]]},"380":{"position":[[339,13]]},"384":{"position":[[1244,13]]},"394":{"position":[[280,13]]},"406":{"position":[[630,13]]},"410":{"position":[[687,13]]},"414":{"position":[[284,13]]},"418":{"position":[[275,13]]},"436":{"position":[[648,13]]},"474":{"position":[[179,14],[263,13]]},"484":{"position":[[335,13]]},"550":{"position":[[293,13]]},"552":{"position":[[278,13]]},"574":{"position":[[1585,14],[1728,13],[2513,14],[2654,13],[4081,14],[4227,13],[4976,14],[5410,13],[5959,14],[6103,13],[6451,14],[6595,13],[7055,14],[7219,13],[7683,14],[7860,13],[8408,14],[8552,13]]}}}],["confirmdialog3",{"_index":839,"t":{"142":{"position":[[1308,14]]}}}],["confirmdialogopt",{"_index":1672,"t":{"574":{"position":[[252,20],[273,20],[399,20],[420,20],[561,20],[582,20],[666,20],[4016,20],[4316,20],[4574,21],[5510,20],[5660,21],[6674,20],[6820,21],[7298,20],[7464,21],[7939,20],[8113,21],[8386,21],[8724,21],[8750,20],[8942,20]]}}}],["confirmmod",{"_index":410,"t":{"56":{"position":[[800,12]]},"132":{"position":[[1444,12]]},"220":{"position":[[1240,12]]},"236":{"position":[[1249,12]]},"260":{"position":[[304,12]]},"266":{"position":[[298,12]]},"272":{"position":[[2581,12]]},"310":{"position":[[745,12]]},"314":{"position":[[1243,12]]},"342":{"position":[[21,14],[298,12]]},"356":{"position":[[292,12]]},"382":{"position":[[291,12]]},"500":{"position":[[292,12]]}}}],["confirmmodal1",{"_index":840,"t":{"142":{"position":[[1323,13]]}}}],["congu",{"_index":1896,"t":{"576":{"position":[[8319,6],[10024,6],[10995,6],[12560,6],[14265,6],[15236,6],[16701,6],[18406,6],[19377,6]]}}}],["connect",{"_index":2161,"t":{"582":{"position":[[1560,9]]},"602":{"position":[[161,9]]}}}],["consectetur",{"_index":1829,"t":{"576":{"position":[[7626,11],[8438,11],[8879,11],[10267,11],[10444,11],[10683,11],[11867,11],[12679,11],[13120,11],[14508,11],[14685,11],[14924,11],[16008,11],[16820,11],[17261,11],[18649,11],[18826,11],[19065,11]]}}}],["consequat",{"_index":1950,"t":{"576":{"position":[[9959,9],[14200,9],[18341,9]]}}}],["consist",{"_index":212,"t":{"12":{"position":[[138,10]]},"134":{"position":[[1756,10]]},"240":{"position":[[1612,10]]},"440":{"position":[[182,10]]},"592":{"position":[[103,11]]},"620":{"position":[[94,10]]},"656":{"position":[[98,10]]}}}],["consol",{"_index":2349,"t":{"588":{"position":[[1038,8]]}}}],["console.writeline(\"click",{"_index":1502,"t":{"568":{"position":[[9114,24]]}}}],["console.writeline(\"doubl",{"_index":1505,"t":{"568":{"position":[[9329,25]]}}}],["console.writeline(\"employeesdataprovid",{"_index":4574,"t":{"660":{"position":[[74441,40],[77416,40]]}}}],["console.writeline(\"ev",{"_index":1988,"t":{"576":{"position":[[20945,25],[21056,25],[21166,25],[21277,25]]},"578":{"position":[[14755,25],[14862,25],[14967,25],[15074,25],[15186,25]]}}}],["console.writeline($\"'{customer?.customernam",{"_index":3265,"t":{"612":{"position":[[3576,46],[5447,46],[6476,46],[8072,46],[10232,46],[11743,46],[13237,46]]}}}],["console.writeline($\"click",{"_index":3176,"t":{"610":{"position":[[1510,30]]}}}],["console.writeline($\"custom",{"_index":3310,"t":{"612":{"position":[[9660,28]]},"614":{"position":[[8601,28]]}}}],["console.writeline($\"data",{"_index":3312,"t":{"612":{"position":[[10292,24]]}}}],["console.writeline($\"discount",{"_index":3598,"t":{"618":{"position":[[10326,29]]},"622":{"position":[[13691,29]]},"654":{"position":[[21247,29]]}}}],["console.writeline($\"invoic",{"_index":3421,"t":{"614":{"position":[[8542,27]]}}}],["console.writeline($\"messag",{"_index":1511,"t":{"568":{"position":[[9635,28]]}}}],["console.writeline($\"pric",{"_index":3597,"t":{"618":{"position":[[10280,26]]},"622":{"position":[[13645,26]]},"654":{"position":[[21201,26]]}}}],["console.writeline($\"tot",{"_index":3599,"t":{"618":{"position":[[10378,26]]},"622":{"position":[[13743,26]]},"654":{"position":[[21299,26]]}}}],["constrain",{"_index":4148,"t":{"654":{"position":[[18321,9]]}}}],["construct",{"_index":3328,"t":{"614":{"position":[[88,11]]},"628":{"position":[[92,11]]}}}],["consult",{"_index":4391,"t":{"660":{"position":[[13690,12],[18881,12],[48483,12],[54137,12],[62941,12],[66162,12],[69245,12],[72622,12],[85123,12],[87889,12],[109968,12],[127360,12]]}}}],["contact",{"_index":113,"t":{"2":{"position":[[2339,9]]},"124":{"position":[[827,9]]},"600":{"position":[[2762,7],[3695,7],[4640,7],[4732,7],[5782,7],[6630,7],[12769,10]]}}}],["contain",{"_index":1008,"t":{"556":{"position":[[1667,7]]},"562":{"position":[[519,10],[6166,10]]},"564":{"position":[[145,8]]},"570":{"position":[[110,9],[207,10]]},"602":{"position":[[483,9],[550,9],[625,9],[690,9]]},"604":{"position":[[338,9],[405,9],[480,9],[545,9]]},"606":{"position":[[434,9],[501,9],[576,9],[641,9]]},"608":{"position":[[279,9],[346,9],[421,9],[486,9]]},"624":{"position":[[6421,10]]},"626":{"position":[[5897,10]]},"630":{"position":[[1072,9],[1860,7]]},"634":{"position":[[5390,10]]},"636":{"position":[[5630,10]]},"660":{"position":[[50737,9]]}}}],["content",{"_index":553,"t":{"86":{"position":[[314,7]]},"100":{"position":[[372,7],[451,7]]},"556":{"position":[[297,7],[1642,8],[2172,7],[4094,7]]},"558":{"position":[[1067,8]]},"560":{"position":[[232,7],[2256,7]]},"562":{"position":[[354,7],[1980,7],[2028,7],[2327,8],[2390,9],[2869,10],[2939,9],[3420,10],[3490,9],[3970,10],[4254,9],[4733,10],[4877,9],[5358,10],[5501,9],[5981,10],[6244,9],[6723,10],[6793,9],[7274,10],[7344,9],[7824,10],[8046,9],[8525,10],[8609,9],[9090,10],[9160,9],[9640,10],[9876,9],[10355,10],[10425,9],[10906,10],[10976,9],[11456,10],[12056,9],[12535,10],[12617,9],[13098,10],[13180,9],[13660,10],[13737,9],[14218,10],[14286,9],[14766,10],[14846,9],[15326,10],[18373,9],[18852,10],[18922,9],[19403,10],[19473,9],[19953,10],[20758,9],[21237,10],[21329,9],[21810,10],[21902,9],[22382,10]]},"566":{"position":[[91,7],[262,7],[3166,7],[3654,7],[4143,7],[4629,7],[5114,7],[5624,7],[6131,7],[6639,7],[7144,7],[7648,7]]},"568":{"position":[[408,7],[6242,7]]},"570":{"position":[[102,7],[199,7],[281,8],[485,7],[822,7],[1003,7],[1183,7],[1364,7],[1617,7],[2053,7],[2309,7],[2489,7],[2677,7],[3120,7],[3167,8],[4825,7],[5141,7],[11075,8],[11089,7],[11778,8],[11813,7],[12065,7],[12348,8],[12362,7],[13093,8],[13128,7],[13594,7]]},"572":{"position":[[74,7],[266,7],[1247,8],[1320,8],[1626,8],[2035,7],[3047,7],[4202,7]]},"574":{"position":[[5802,8],[9094,7]]},"578":{"position":[[165,8],[3215,7],[8621,8],[8911,7],[9145,7],[9254,7],[10668,7],[10902,7],[11011,7],[15462,7]]},"580":{"position":[[415,7]]},"582":{"position":[[127,7]]},"584":{"position":[[514,7]]},"586":{"position":[[248,7],[498,7],[546,7],[966,7],[1152,7],[1244,7],[1406,7],[2259,7],[3735,9],[4417,10],[4476,9],[5322,10],[5373,9],[6455,10],[6876,9],[7532,10],[7607,9],[8373,10],[8440,9],[9432,10]]},"590":{"position":[[328,7]]},"592":{"position":[[2312,9],[4411,9],[6568,7],[6714,7],[7302,10],[9562,7],[9708,7],[10296,10],[12560,7],[12706,7],[13294,10]]},"594":{"position":[[2877,7],[2966,7]]},"596":{"position":[[619,7],[11161,7]]},"598":{"position":[[0,7]]},"600":{"position":[[235,7],[1646,7],[1694,7],[2250,9],[2305,7],[2431,10],[2471,9],[2526,7],[2655,10],[2695,9],[2750,7],[2879,10],[3098,7],[3183,9],[3238,7],[3364,10],[3404,9],[3459,7],[3588,10],[3628,9],[3683,7],[3812,10],[4099,9],[4154,7],[4280,10],[4381,9],[4436,7],[4565,10],[4665,9],[4720,7],[4849,10],[5028,9],[5083,7],[5209,10],[5249,9],[5304,7],[5433,10],[5490,9],[5545,7],[5675,10],[5715,9],[5770,7],[5899,10],[6118,9],[6173,7],[6299,10],[6339,9],[6394,7],[6523,10],[6563,9],[6618,7],[6747,10],[6986,9],[7036,7],[7073,10],[7113,9],[7163,7],[7203,10],[7243,9],[7293,7],[7333,10],[7540,9],[7590,7],[7627,10],[7667,9],[7717,7],[7757,10],[7797,9],[7847,7],[7887,10],[7925,9],[7975,7],[8013,10],[8146,9],[8196,7],[8233,10],[8273,9],[8323,7],[8363,10],[8403,9],[8453,7],[8493,10],[8531,9],[8581,7],[8619,10],[8760,9],[8810,7],[8847,10],[8887,9],[8937,7],[8977,10],[9017,9],[9067,7],[9107,10],[9145,9],[9195,7],[9233,10],[9557,9],[9607,7],[9644,10],[9684,9],[9734,7],[9774,10],[9814,9],[9864,7],[9904,10],[9961,9],[10011,7],[10052,10],[10100,9],[10150,7],[10187,10],[10225,9],[10275,7],[10313,10],[11919,9],[11969,7],[12006,10],[12046,9],[12096,7],[12136,10],[12176,9],[12226,7],[12266,10],[12304,9],[12354,7],[12392,10],[13158,9],[13211,7],[13269,10],[14103,9],[14156,7],[14214,10],[15200,9],[15271,7],[15482,10]]},"610":{"position":[[248,7],[448,7]]},"624":{"position":[[7702,7]]},"626":{"position":[[7178,7]]},"630":{"position":[[1883,7]]},"634":{"position":[[6642,7]]},"636":{"position":[[7733,7]]},"640":{"position":[[526,7],[809,7]]},"642":{"position":[[6762,7]]},"644":{"position":[[6601,7]]},"646":{"position":[[531,7],[814,7]]},"648":{"position":[[184,8]]},"652":{"position":[[6667,7]]},"654":{"position":[[558,7],[1154,7],[1422,7],[1792,7],[2082,7],[2335,7],[17104,8],[25901,7]]},"656":{"position":[[203,8],[3340,9],[5172,10],[6725,7],[6871,7],[7431,10],[8977,7],[9196,7],[9784,10],[11450,7],[11669,7],[12257,10],[13880,7],[14099,7],[14687,10],[16299,7],[16518,7],[17078,10],[18704,7],[19561,10],[21553,7],[22864,9]]},"660":{"position":[[793,7],[4119,7],[5294,8],[69956,8],[69986,8]]}}}],["content.</b",{"_index":2714,"t":{"600":{"position":[[2339,12],[2563,12],[2787,12],[3272,12],[3496,12],[3720,12],[4188,12],[4473,12],[4757,12],[5117,12],[5341,12],[5583,12],[5807,12],[6207,12],[6431,12],[6655,12]]}}}],["content.</cardtext",{"_index":1544,"t":{"570":{"position":[[2973,19],[3735,19],[4206,19],[4570,19],[5562,19],[6169,19],[6685,19],[6980,19],[7450,19],[7782,19],[8111,19],[8528,19],[8820,19],[9108,19],[9394,19],[9682,19],[9964,19],[10248,19],[10530,19],[11439,19],[12733,19]]}}}],["content.</p",{"_index":1022,"t":{"556":{"position":[[2007,12]]}}}],["content</button",{"_index":1634,"t":{"572":{"position":[[1729,16],[1840,16],[1955,16],[2694,16],[2805,16],[2920,16],[3640,16],[3751,16],[3866,16]]}}}],["content=\"width=devic",{"_index":3756,"t":{"624":{"position":[[3795,21]]},"626":{"position":[[3974,21]]},"634":{"position":[[3185,21]]},"636":{"position":[[3450,21]]},"642":{"position":[[3688,21]]},"644":{"position":[[3688,21]]},"652":{"position":[[3161,21]]}}}],["context",{"_index":313,"t":{"36":{"position":[[424,8]]},"614":{"position":[[3343,8]]},"616":{"position":[[3726,8]]},"618":{"position":[[3814,8]]},"622":{"position":[[7721,8]]},"628":{"position":[[2515,8]]}}}],["context.address",{"_index":4685,"t":{"660":{"position":[[115390,16],[117960,16],[120621,16],[123317,16]]}}}],["context.compani",{"_index":4422,"t":{"660":{"position":[[25371,16],[43516,16]]}}}],["context.countri",{"_index":4697,"t":{"660":{"position":[[115805,16],[118429,16],[121090,16],[123866,16]]}}}],["context.customerid",{"_index":4666,"t":{"660":{"position":[[114618,19],[117147,19],[119808,19],[122503,19]]}}}],["context.customernam",{"_index":4670,"t":{"660":{"position":[[114832,21],[117402,21],[120063,21],[122759,21]]}}}],["context.design",{"_index":4342,"t":{"660":{"position":[[7651,20],[9996,20],[12415,20],[15112,20],[17488,20],[20315,20],[22722,20],[25503,20],[29515,20],[31756,20],[34121,20],[36492,20],[38828,20],[41071,20],[43621,20],[47208,20],[49891,20],[51548,20],[55413,20],[57896,20],[61011,20],[64338,20],[67488,20],[70628,20],[73767,20],[76742,20],[80093,20],[83101,20],[86240,20],[89002,20],[89804,20],[90592,20],[91394,20],[93645,20],[94636,20],[95625,20],[96616,20],[97601,20],[98586,20],[99581,20],[101754,20],[104192,20],[107092,20],[111210,20],[111328,20],[111446,20],[111564,20],[125593,20]]}}}],["context.dob",{"_index":4715,"t":{"660":{"position":[[128357,12],[130980,12]]}}}],["context.doj",{"_index":4345,"t":{"660":{"position":[[7753,12],[10098,12],[12498,12],[15230,12],[17625,12],[20417,12],[22824,12],[25605,12],[29828,12],[31877,12],[34242,12],[36614,12],[43704,12],[47291,12],[51685,12],[55515,12],[57998,12],[61148,12],[64475,12],[67625,12],[70765,12],[73869,12],[76844,12],[80195,12],[83184,12],[86323,12],[89120,12],[89922,12],[90710,12],[91512,12],[93782,12],[94773,12],[95762,12],[96753,12],[97738,12],[98723,12],[99718,12],[101872,12],[104310,12],[107229,12],[111666,12],[125730,12]]}}}],["context.email",{"_index":4418,"t":{"660":{"position":[[25249,14],[43417,14],[115201,14],[117771,14],[120432,14],[123128,14]]}}}],["context.firstnam",{"_index":4412,"t":{"660":{"position":[[25011,18],[29161,18],[43247,18],[49718,18]]}}}],["context.id",{"_index":4336,"t":{"660":{"position":[[7436,11],[9737,11],[12247,11],[14865,11],[17194,11],[20100,11],[22507,11],[24881,11],[28992,11],[31435,11],[33897,11],[36285,11],[38660,11],[40903,11],[43166,11],[47040,11],[49638,11],[51254,11],[55198,11],[57681,11],[60717,11],[64044,11],[67174,11],[70334,11],[73552,11],[76527,11],[79878,11],[82933,11],[86072,11],[88755,11],[89557,11],[90345,11],[91147,11],[93351,11],[94342,11],[95331,11],[96322,11],[97307,11],[98292,11],[99287,11],[101507,11],[103945,11],[106798,11],[110995,11],[125299,11],[128172,11],[130770,11]]}}}],["context.isact",{"_index":4348,"t":{"660":{"position":[[7855,17],[10200,17],[12576,17],[15348,17],[17767,17],[20519,17],[22921,17],[25987,17],[29991,17],[31998,17],[34363,17],[36728,17],[39133,17],[41391,17],[44016,17],[47369,17],[51827,17],[55617,17],[58100,17],[61290,17],[64685,17],[67767,17],[73971,17],[76946,17],[80297,17],[83262,17],[86401,17],[89238,17],[90040,17],[90828,17],[91630,17],[93924,17],[94915,17],[95904,17],[96895,17],[97880,17],[98865,17],[99860,17],[101990,17],[104428,17],[107371,17],[111768,17],[111875,17],[111982,17],[112089,17],[112196,17],[125872,17]]}}}],["context.lastnam",{"_index":4415,"t":{"660":{"position":[[25146,17],[29333,17],[43335,17],[49804,17]]}}}],["context.nam",{"_index":4339,"t":{"660":{"position":[[7540,13],[9885,13],[12331,13],[14985,13],[17334,13],[20204,13],[22611,13],[31626,13],[34020,13],[36369,13],[38744,13],[40987,13],[47124,13],[51394,13],[55302,13],[57785,13],[60857,13],[64184,13],[67334,13],[70474,13],[73656,13],[76631,13],[79982,13],[83017,13],[86156,13],[88875,13],[89677,13],[90465,13],[91267,13],[93491,13],[94482,13],[95471,13],[96462,13],[97447,13],[98432,13],[99427,13],[101627,13],[104065,13],[106938,13],[111099,13],[125439,13],[128267,13],[130890,13]]}}}],["context.oid",{"_index":4736,"t":{"660":{"position":[[130659,12]]}}}],["context.phon",{"_index":4676,"t":{"660":{"position":[[115020,14],[117590,14],[120251,14],[122947,14]]}}}],["context.postalzip",{"_index":4691,"t":{"660":{"position":[[115589,18],[118159,18],[120820,18],[123596,18]]}}}],["context.salari",{"_index":4465,"t":{"660":{"position":[[29680,15],[38980,15]]}}}],["context.salary.tostring(\"n2",{"_index":4426,"t":{"660":{"position":[[25795,30],[40636,30],[41223,30],[43848,30]]}}}],["context.statu",{"_index":4719,"t":{"660":{"position":[[128477,15],[131100,15]]}}}],["context=\"item",{"_index":2558,"t":{"596":{"position":[[2363,14],[3294,14],[3554,14],[5411,14],[5670,14],[5929,14],[8439,14],[8717,14],[10486,14],[11070,14],[11940,14],[12772,14],[13664,15]]}}}],["contextu",{"_index":959,"t":{"556":{"position":[[53,10]]},"570":{"position":[[290,10]]},"654":{"position":[[75,10]]}}}],["continu",{"_index":81,"t":{"2":{"position":[[1742,8],[2638,8]]},"124":{"position":[[230,8],[1126,8]]}}}],["contrast",{"_index":1423,"t":{"568":{"position":[[3321,9]]}}}],["control",{"_index":1239,"t":{"562":{"position":[[2576,7],[3127,7],[3677,7],[4440,7],[5065,7],[5688,7],[6430,7],[6981,7],[7531,7],[8232,7],[8797,7],[9347,7],[10062,7],[10613,7],[11163,7],[12242,7],[12805,7],[13367,7],[13925,7],[14473,7],[15033,7],[18559,7],[19110,7],[19660,7],[20944,7],[21517,7],[22089,7]]},"568":{"position":[[1907,8],[5679,7]]},"612":{"position":[[9083,8]]},"614":{"position":[[1449,7],[7877,8],[10189,8]]},"628":{"position":[[1393,7],[5711,8],[6068,8],[6695,8]]},"660":{"position":[[627,8],[124782,8]]}}}],["conval",{"_index":1876,"t":{"576":{"position":[[8082,9],[9794,9],[12323,9],[14035,9],[16464,9],[18176,9]]}}}],["convers",{"_index":334,"t":{"40":{"position":[[302,11]]}}}],["convey",{"_index":1155,"t":{"560":{"position":[[1990,9],[2114,8]]},"566":{"position":[[3024,8],[3512,8],[4001,8],[4487,8],[4972,8],[5482,8],[5989,8],[6497,8],[7002,8],[7506,8]]},"580":{"position":[[2673,6]]}}}],["cool",{"_index":3524,"t":{"616":{"position":[[5942,7]]}}}],["copi",{"_index":2630,"t":{"596":{"position":[[8313,4]]},"660":{"position":[[59174,4],[59911,4]]}}}],["copy.png\">copy<br",{"_index":2334,"t":{"586":{"position":[[9097,17]]}}}],["core",{"_index":67,"t":{"2":{"position":[[1353,4]]},"116":{"position":[[115,4]]},"158":{"position":[[1397,4]]},"230":{"position":[[1406,4]]},"306":{"position":[[1400,4]]},"308":{"position":[[770,4]]},"328":{"position":[[826,4]]},"330":{"position":[[511,4]]},"338":{"position":[[162,4]]},"422":{"position":[[160,4]]},"548":{"position":[[159,4]]}}}],["corner",{"_index":1194,"t":{"560":{"position":[[4052,6]]},"562":{"position":[[459,7],[6106,7]]},"630":{"position":[[8112,7]]}}}],["correspond",{"_index":2253,"t":{"586":{"position":[[2977,13],[3491,13]]},"600":{"position":[[2134,13]]}}}],["count",{"_index":1106,"t":{"560":{"position":[[96,5],[6986,6]]},"600":{"position":[[14536,5],[14611,6],[15574,5],[15788,5],[15844,8],[15899,10]]},"602":{"position":[[8555,5],[8646,6]]},"604":{"position":[[6662,5],[6752,6]]},"606":{"position":[[5758,5],[5853,6],[12988,5],[13083,6]]},"608":{"position":[[5396,5],[5486,6],[9310,5],[9400,6]]},"660":{"position":[[655,5],[74045,6],[77020,6],[80371,6],[124810,5]]}}}],["counter",{"_index":1183,"t":{"560":{"position":[[3369,8]]},"624":{"position":[[8539,11],[8594,11]]},"626":{"position":[[8015,11],[8070,11]]},"634":{"position":[[7306,11],[7361,11]]},"636":{"position":[[8397,11],[8452,11]]},"640":{"position":[[1513,11],[1568,11]]},"642":{"position":[[7599,11],[7654,11]]},"644":{"position":[[7438,11],[7493,11]]},"646":{"position":[[1518,11],[1573,11]]},"652":{"position":[[7331,11],[7386,11]]}}}],["cours",{"_index":3432,"t":{"614":{"position":[[9636,6],[9678,6],[12408,6],[12636,7]]}}}],["coursemaxd",{"_index":3452,"t":{"614":{"position":[[11600,14],[11971,13],[12133,13]]}}}],["coursemind",{"_index":3451,"t":{"614":{"position":[[11567,14],[11949,13],[12100,13]]}}}],["coursenam",{"_index":3469,"t":{"614":{"position":[[12676,10]]}}}],["cra",{"_index":1854,"t":{"576":{"position":[[7886,4],[8933,4],[9997,4],[10372,4],[12127,4],[13174,4],[14238,4],[14613,4],[16268,4],[17315,4],[18379,4],[18754,4]]}}}],["creat",{"_index":96,"t":{"2":{"position":[[2072,7]]},"4":{"position":[[139,7]]},"10":{"position":[[195,7]]},"124":{"position":[[560,7]]},"138":{"position":[[333,7]]},"242":{"position":[[192,7]]},"434":{"position":[[183,7]]},"556":{"position":[[2235,6]]},"568":{"position":[[5476,6]]},"570":{"position":[[4809,6],[5158,6]]},"574":{"position":[[6342,6],[7574,6]]},"576":{"position":[[5234,7]]},"578":{"position":[[6003,7]]},"596":{"position":[[8304,6]]},"600":{"position":[[2936,6]]},"602":{"position":[[2627,6],[4662,6]]},"614":{"position":[[12424,9]]},"628":{"position":[[7866,9],[11690,9]]},"630":{"position":[[3280,7],[3312,6]]},"660":{"position":[[59156,7],[59893,7]]}}}],["createemploye",{"_index":4545,"t":{"660":{"position":[[59426,16]]}}}],["createscopeforerror",{"_index":3984,"t":{"634":{"position":[[5615,21]]},"636":{"position":[[5972,21]]}}}],["createtoastmessage(toasttyp",{"_index":3923,"t":{"630":{"position":[[2925,28],[4469,28],[5907,28],[7497,28],[11177,28]]}}}],["creator",{"_index":13,"t":{"2":{"position":[[73,7],[420,7],[698,7],[991,7],[1308,7],[1576,7],[2814,7],[3199,7],[3414,7],[3699,7]]},"4":{"position":[[69,7]]},"6":{"position":[[68,7]]},"8":{"position":[[69,7]]},"10":{"position":[[69,7]]},"12":{"position":[[69,7]]},"14":{"position":[[69,7]]},"16":{"position":[[66,7]]},"18":{"position":[[68,7]]},"20":{"position":[[66,7]]},"22":{"position":[[69,7]]},"24":{"position":[[65,7]]},"26":{"position":[[67,7]]},"28":{"position":[[65,7]]},"30":{"position":[[69,7]]},"32":{"position":[[67,7]]},"34":{"position":[[70,7]]},"36":{"position":[[70,7]]},"38":{"position":[[68,7]]},"40":{"position":[[69,7]]},"42":{"position":[[70,7]]},"44":{"position":[[69,7]]},"46":{"position":[[70,7]]},"48":{"position":[[70,7]]},"50":{"position":[[70,7]]},"52":{"position":[[70,7]]},"54":{"position":[[70,7]]},"56":{"position":[[69,7]]},"58":{"position":[[69,7]]},"60":{"position":[[69,7]]},"62":{"position":[[70,7]]},"64":{"position":[[69,7]]},"66":{"position":[[70,7]]},"68":{"position":[[67,7]]},"70":{"position":[[66,7]]},"72":{"position":[[67,7]]},"74":{"position":[[67,7]]},"76":{"position":[[67,7]]},"78":{"position":[[67,7]]},"80":{"position":[[63,7]]},"82":{"position":[[65,7]]},"84":{"position":[[66,7]]},"86":{"position":[[66,7]]},"88":{"position":[[66,7]]},"90":{"position":[[65,7]]},"92":{"position":[[65,7]]},"94":{"position":[[65,7]]},"96":{"position":[[65,7]]},"98":{"position":[[66,7]]},"100":{"position":[[67,7]]},"102":{"position":[[69,7]]},"104":{"position":[[72,7]]},"106":{"position":[[70,7]]},"108":{"position":[[71,7]]},"110":{"position":[[68,7]]},"112":{"position":[[69,7]]},"114":{"position":[[70,7]]},"116":{"position":[[70,7]]},"118":{"position":[[67,7]]},"120":{"position":[[67,7]]},"122":{"position":[[67,7]]},"124":{"position":[[64,7]]},"126":{"position":[[70,7],[354,7],[783,7],[1029,7],[1321,7],[1606,7],[1858,7],[2077,7],[2297,7],[2604,7]]},"128":{"position":[[73,7]]},"132":{"position":[[70,7],[318,7],[567,7],[816,7],[1265,7],[1575,7],[1844,7],[2133,7],[2392,7],[2721,7]]},"134":{"position":[[65,7],[262,7],[457,7],[655,7],[856,7],[1086,7],[1288,7],[1517,7],[1687,7],[1922,7]]},"136":{"position":[[66,7],[324,7],[623,7],[875,7],[1311,7],[1556,7],[1804,7],[2074,7],[2408,7],[2821,7]]},"138":{"position":[[69,7],[263,7]]},"140":{"position":[[70,7],[383,7],[723,7],[1038,7],[1300,7],[1571,7],[1845,7],[2043,7],[2247,7],[2451,7]]},"144":{"position":[[112,7]]},"146":{"position":[[117,7],[504,7],[927,7],[1363,7],[1635,7],[2085,7],[2374,7],[2648,7],[2846,7]]},"148":{"position":[[119,7],[468,7],[749,7]]},"150":{"position":[[113,7]]},"152":{"position":[[110,7],[492,7]]},"154":{"position":[[126,7]]},"156":{"position":[[122,7]]},"158":{"position":[[117,7],[464,7],[742,7],[1035,7],[1352,7],[1624,7],[2009,7],[2224,7],[2509,7],[2783,7]]},"160":{"position":[[123,7],[382,7],[711,7],[1117,7],[1430,7]]},"162":{"position":[[119,7]]},"164":{"position":[[129,7]]},"166":{"position":[[128,7],[534,7]]},"168":{"position":[[120,7],[526,7]]},"170":{"position":[[118,7],[367,7],[616,7]]},"172":{"position":[[127,7]]},"174":{"position":[[128,7]]},"176":{"position":[[125,7]]},"178":{"position":[[126,7]]},"180":{"position":[[120,7]]},"182":{"position":[[127,7]]},"184":{"position":[[123,7]]},"186":{"position":[[124,7]]},"188":{"position":[[121,7]]},"190":{"position":[[127,7]]},"192":{"position":[[122,7]]},"194":{"position":[[121,7],[527,7]]},"196":{"position":[[122,7]]},"198":{"position":[[126,7]]},"200":{"position":[[124,7]]},"202":{"position":[[121,7],[527,7]]},"204":{"position":[[131,7]]},"206":{"position":[[123,7]]},"208":{"position":[[119,7]]},"210":{"position":[[120,7],[367,7]]},"212":{"position":[[116,7],[545,7],[791,7],[1083,7],[1368,7],[1620,7],[1839,7],[2059,7],[2366,7],[2704,7]]},"214":{"position":[[110,7],[409,7],[661,7],[1097,7],[1342,7],[1590,7],[1860,7],[2194,7],[2607,7],[2954,7]]},"216":{"position":[[120,7]]},"218":{"position":[[114,7]]},"220":{"position":[[114,7],[363,7],[612,7],[1061,7],[1371,7],[1640,7],[1929,7],[2188,7],[2517,7],[2923,7]]},"222":{"position":[[127,7],[550,7],[986,7],[1259,7]]},"224":{"position":[[120,7]]},"226":{"position":[[140,7]]},"228":{"position":[[116,7]]},"230":{"position":[[126,7],[473,7],[751,7],[1044,7],[1361,7],[1633,7],[2018,7],[2233,7],[2518,7],[2792,7]]},"232":{"position":[[119,7],[418,7],[670,7],[1106,7],[1351,7],[1599,7],[1869,7],[2203,7],[2616,7],[2963,7]]},"234":{"position":[[125,7],[554,7],[800,7],[1092,7],[1377,7],[1629,7],[1848,7],[2068,7],[2375,7],[2713,7]]},"236":{"position":[[123,7],[372,7],[621,7],[1070,7],[1380,7],[1649,7],[1938,7],[2197,7],[2526,7],[2932,7]]},"238":{"position":[[123,7],[463,7],[778,7],[1040,7],[1311,7],[1585,7],[1783,7],[1987,7],[2191,7],[2375,7]]},"240":{"position":[[118,7],[313,7],[511,7],[712,7],[942,7],[1144,7],[1373,7],[1543,7],[1778,7],[1969,7]]},"242":{"position":[[122,7]]},"244":{"position":[[119,7]]},"246":{"position":[[115,7],[416,7]]},"248":{"position":[[117,7],[362,7],[631,7]]},"250":{"position":[[121,7]]},"252":{"position":[[119,7]]},"254":{"position":[[115,7]]},"256":{"position":[[119,7],[555,7],[806,7]]},"258":{"position":[[129,7]]},"260":{"position":[[125,7]]},"262":{"position":[[120,7],[533,7]]},"264":{"position":[[118,7],[415,7],[851,7],[1264,7]]},"266":{"position":[[119,7]]},"268":{"position":[[122,7]]},"270":{"position":[[117,7],[363,7],[655,7],[940,7],[1160,7],[1418,7],[1717,7],[1969,7],[2405,7],[2650,7]]},"272":{"position":[[120,7],[546,7],[831,7],[1083,7],[1304,7],[1643,7],[2056,7],[2402,7]]},"274":{"position":[[117,7],[395,7]]},"276":{"position":[[118,7],[367,7],[616,7]]},"278":{"position":[[120,7],[373,7]]},"280":{"position":[[120,7]]},"282":{"position":[[118,7]]},"284":{"position":[[115,7],[551,7],[964,7]]},"286":{"position":[[118,7]]},"288":{"position":[[122,7],[551,7]]},"290":{"position":[[114,7]]},"292":{"position":[[115,7]]},"294":{"position":[[118,7],[401,7],[837,7]]},"296":{"position":[[112,7],[551,7]]},"298":{"position":[[121,7]]},"300":{"position":[[114,7]]},"302":{"position":[[115,7],[457,7]]},"304":{"position":[[122,7],[547,7]]},"306":{"position":[[120,7],[467,7],[745,7],[1038,7],[1355,7],[1627,7],[2012,7],[2227,7],[2512,7],[2786,7]]},"308":{"position":[[115,7],[408,7],[725,7],[997,7],[1382,7],[1597,7],[1882,7],[2156,7],[2440,7],[2869,7]]},"310":{"position":[[117,7],[566,7]]},"312":{"position":[[115,7],[407,7],[692,7],[944,7],[1163,7],[1383,7],[1690,7],[2028,7],[2286,7],[2585,7]]},"314":{"position":[[117,7],[366,7],[615,7],[1064,7]]},"316":{"position":[[119,7],[548,7],[794,7],[1086,7],[1371,7],[1623,7],[1842,7],[2062,7],[2369,7],[2707,7]]},"318":{"position":[[111,7],[547,7],[792,7],[1040,7],[1310,7],[1644,7],[2057,7],[2404,7],[2652,7],[2901,7]]},"320":{"position":[[113,7]]},"322":{"position":[[120,7]]},"324":{"position":[[111,7],[356,7],[625,7]]},"326":{"position":[[113,7],[412,7],[664,7],[1100,7],[1345,7],[1593,7],[1863,7],[2197,7],[2610,7],[2957,7]]},"328":{"position":[[117,7],[464,7],[781,7],[1055,7]]},"330":{"position":[[116,7],[466,7],[736,7],[1037,7],[1371,7]]},"332":{"position":[[121,7]]},"334":{"position":[[115,7]]},"336":{"position":[[112,7],[397,7]]},"338":{"position":[[117,7]]},"340":{"position":[[113,7]]},"342":{"position":[[119,7]]},"344":{"position":[[113,7]]},"346":{"position":[[117,7],[395,7],[693,7]]},"348":{"position":[[108,7]]},"350":{"position":[[117,7],[427,7],[863,7]]},"352":{"position":[[114,7],[527,7]]},"354":{"position":[[112,7],[409,7],[845,7],[1258,7]]},"356":{"position":[[113,7]]},"358":{"position":[[118,7],[468,7]]},"360":{"position":[[109,7],[493,7],[778,7],[1052,7],[1336,7],[1766,7],[1964,7]]},"362":{"position":[[110,7]]},"364":{"position":[[115,7],[462,7],[740,7],[1055,7],[1439,7],[1724,7],[1997,7],[2243,7],[2535,7],[2820,7]]},"366":{"position":[[111,7],[389,7]]},"368":{"position":[[108,7],[412,7]]},"370":{"position":[[108,7],[366,7],[665,7],[917,7],[1353,7],[1598,7],[2015,7],[2264,7],[2514,7],[2710,7]]},"372":{"position":[[112,7]]},"374":{"position":[[120,7]]},"376":{"position":[[115,7]]},"378":{"position":[[113,7]]},"380":{"position":[[121,7],[546,7],[799,7]]},"382":{"position":[[112,7],[418,7],[618,7]]},"384":{"position":[[116,7],[465,7],[750,7],[1026,7],[1452,7],[1737,7],[1989,7],[2210,7],[2549,7],[2962,7]]},"386":{"position":[[117,7]]},"388":{"position":[[116,7]]},"390":{"position":[[115,7],[425,7]]},"392":{"position":[[109,7],[545,7],[958,7],[1300,7],[1500,7]]},"394":{"position":[[113,7],[406,7],[721,7],[1106,7]]},"396":{"position":[[111,7],[372,7]]},"398":{"position":[[114,7],[309,7],[507,7]]},"400":{"position":[[116,7]]},"402":{"position":[[119,7]]},"404":{"position":[[114,7],[429,7]]},"406":{"position":[[116,7],[463,7]]},"408":{"position":[[118,7]]},"410":{"position":[[117,7],[469,7],[898,7]]},"412":{"position":[[118,7],[465,7]]},"414":{"position":[[117,7]]},"416":{"position":[[114,7],[381,7]]},"418":{"position":[[108,7],[402,7],[783,7]]},"420":{"position":[[114,7]]},"422":{"position":[[115,7]]},"424":{"position":[[112,7],[395,7],[831,7]]},"426":{"position":[[115,7]]},"428":{"position":[[111,7],[390,7]]},"430":{"position":[[109,7],[451,7],[698,7],[1013,7]]},"432":{"position":[[115,7]]},"434":{"position":[[113,7]]},"436":{"position":[[111,7],[430,7],[855,7]]},"438":{"position":[[113,7]]},"440":{"position":[[113,7]]},"442":{"position":[[112,7]]},"444":{"position":[[113,7]]},"446":{"position":[[113,7]]},"448":{"position":[[113,7]]},"450":{"position":[[112,7]]},"452":{"position":[[110,7]]},"454":{"position":[[110,7]]},"456":{"position":[[109,7]]},"458":{"position":[[109,7]]},"460":{"position":[[111,7]]},"462":{"position":[[111,7]]},"464":{"position":[[113,7]]},"466":{"position":[[114,7]]},"468":{"position":[[114,7]]},"470":{"position":[[112,7]]},"472":{"position":[[113,7]]},"474":{"position":[[114,7]]},"476":{"position":[[113,7]]},"478":{"position":[[114,7]]},"480":{"position":[[112,7]]},"482":{"position":[[114,7]]},"484":{"position":[[117,7]]},"486":{"position":[[115,7]]},"488":{"position":[[114,7]]},"490":{"position":[[116,7]]},"492":{"position":[[113,7]]},"494":{"position":[[115,7]]},"496":{"position":[[114,7]]},"498":{"position":[[114,7]]},"500":{"position":[[113,7]]},"502":{"position":[[113,7]]},"504":{"position":[[113,7]]},"506":{"position":[[114,7]]},"508":{"position":[[113,7]]},"510":{"position":[[114,7]]},"512":{"position":[[114,7]]},"514":{"position":[[110,7]]},"516":{"position":[[111,7]]},"518":{"position":[[111,7]]},"520":{"position":[[111,7]]},"522":{"position":[[107,7]]},"524":{"position":[[111,7]]},"526":{"position":[[111,7]]},"528":{"position":[[110,7]]},"530":{"position":[[110,7]]},"532":{"position":[[109,7]]},"534":{"position":[[110,7]]},"536":{"position":[[109,7]]},"538":{"position":[[109,7]]},"540":{"position":[[109,7]]},"542":{"position":[[109,7]]},"544":{"position":[[110,7]]},"546":{"position":[[111,7]]},"548":{"position":[[114,7]]},"550":{"position":[[111,7]]},"552":{"position":[[111,7]]},"554":{"position":[[117,7]]},"650":{"position":[[114,7]]}}}],["cross",{"_index":2416,"t":{"592":{"position":[[115,5]]},"602":{"position":[[4344,8]]},"620":{"position":[[105,5],[123,5]]},"656":{"position":[[109,5],[139,5]]}}}],["crossorigin=\"anonym",{"_index":3704,"t":{"624":{"position":[[702,24],[1912,23],[2330,23],[4051,24],[5477,23],[5895,23]]},"626":{"position":[[704,24],[2097,23],[2515,23],[4230,24],[5467,23]]},"632":{"position":[[701,24],[1571,23],[1989,23]]},"634":{"position":[[726,24],[1594,23],[2012,23],[3440,24],[4470,23],[4888,23]]},"636":{"position":[[681,24],[1549,23],[1967,23],[3705,24],[4719,23],[5137,23]]},"638":{"position":[[701,24],[1571,23],[1989,23]]},"642":{"position":[[711,24],[1931,23],[2349,23],[4021,24],[5187,23]]},"644":{"position":[[711,24],[1931,23],[2349,23],[4021,24],[4986,23]]},"652":{"position":[[711,24],[1585,23],[2003,23],[3467,24],[4725,23],[5143,23]]}}}],["crossorigin=\"anonymous\"></script",{"_index":3716,"t":{"624":{"position":[[1607,33],[5172,33]]},"626":{"position":[[1792,33],[5244,33]]},"632":{"position":[[1266,33]]},"634":{"position":[[1289,33],[4165,33]]},"636":{"position":[[1244,33],[4414,33]]},"638":{"position":[[1266,33]]},"642":{"position":[[1626,33],[4964,33]]},"644":{"position":[[1626,33],[4763,33]]},"652":{"position":[[1280,33],[4420,33]]}}}],["crossrot",{"_index":2873,"t":{"602":{"position":[[4353,11]]}}}],["css",{"_index":448,"t":{"68":{"position":[[396,3],[431,3]]},"74":{"position":[[351,3],[357,3]]},"128":{"position":[[468,3]]},"556":{"position":[[759,3]]},"558":{"position":[[1042,3],[1117,3],[1694,3]]},"562":{"position":[[1513,3],[1810,3],[2646,3],[2702,3],[3197,3],[3253,3],[3747,3],[3803,3],[4510,3],[4566,3],[5135,3],[5191,3],[5758,3],[5814,3],[6500,3],[6556,3],[7051,3],[7107,3],[7601,3],[7657,3],[8302,3],[8358,3],[8867,3],[8923,3],[9417,3],[9473,3],[10132,3],[10188,3],[10683,3],[10739,3],[11233,3],[11289,3],[12312,3],[12368,3],[12875,3],[12931,3],[13437,3],[13493,3],[13995,3],[14051,3],[14543,3],[14599,3],[15103,3],[15159,3],[18629,3],[18685,3],[19180,3],[19236,3],[19730,3],[19786,3],[21014,3],[21070,3],[21587,3],[21643,3],[22159,3],[22215,3]]},"570":{"position":[[6456,4]]},"572":{"position":[[930,3],[1149,3]]},"574":{"position":[[781,3],[969,3]]},"576":{"position":[[287,3],[510,3],[653,3],[2160,3],[2369,3]]},"578":{"position":[[286,3],[624,3],[692,3],[944,3],[2464,3],[2673,3],[3090,4]]},"586":{"position":[[1624,3]]},"592":{"position":[[952,3]]},"596":{"position":[[773,3],[1286,3],[10857,3]]},"598":{"position":[[256,3]]},"624":{"position":[[200,3],[385,3],[1166,4],[8839,3]]},"626":{"position":[[200,3],[385,3],[1168,4],[8302,3]]},"632":{"position":[[218,3],[403,3],[3269,3]]},"634":{"position":[[258,3],[443,3],[7730,3]]},"636":{"position":[[254,3],[398,3],[8842,3]]},"638":{"position":[[218,3],[403,3],[3090,3]]},"640":{"position":[[175,3],[522,3]]},"642":{"position":[[210,3],[395,3],[1180,4],[7894,3]]},"644":{"position":[[210,3],[395,3],[1180,4],[7733,3]]},"646":{"position":[[180,3],[527,3]]},"648":{"position":[[520,3]]},"652":{"position":[[210,3],[395,3],[7590,3]]},"654":{"position":[[3393,3],[3619,3]]},"656":{"position":[[975,3],[18448,3],[22152,3],[22228,3],[24344,3]]},"660":{"position":[[1538,3],[1897,3],[2931,3],[4530,3],[60190,3],[60260,3],[60334,3],[63532,3],[63605,3],[63689,3],[66822,3],[88479,3],[92962,3],[133969,3],[134004,3],[134161,3],[134183,3]]}}}],["cubic",{"_index":2889,"t":{"602":{"position":[[5021,5]]}}}],["cultur",{"_index":3271,"t":{"612":{"position":[[3918,7]]},"660":{"position":[[11765,7]]}}}],["curabitur",{"_index":1863,"t":{"576":{"position":[[7957,9],[12198,9],[16339,9]]}}}],["currenc",{"_index":377,"t":{"48":{"position":[[574,8]]},"76":{"position":[[112,8],[154,8],[301,8],[387,8]]},"80":{"position":[[529,8],[1518,8]]},"82":{"position":[[442,8]]},"132":{"position":[[2626,8]]},"136":{"position":[[1601,8],[1684,8]]},"142":{"position":[[169,8]]},"160":{"position":[[616,8]]},"164":{"position":[[29,8],[363,8]]},"188":{"position":[[355,8]]},"214":{"position":[[1387,8],[1470,8]]},"220":{"position":[[2422,8]]},"232":{"position":[[1396,8],[1479,8]]},"236":{"position":[[2431,8]]},"256":{"position":[[600,8],[683,8],[1040,8]]},"280":{"position":[[354,8]]},"318":{"position":[[837,8],[920,8]]},"326":{"position":[[1390,8],[1473,8]]},"344":{"position":[[21,10],[158,8],[241,8]]},"350":{"position":[[908,8],[991,8]]},"496":{"position":[[348,8]]},"526":{"position":[[156,8],[239,8]]},"592":{"position":[[3294,10],[3356,9],[5870,10],[5932,9],[8885,10],[8947,9],[11879,10],[11941,9],[14877,10],[14939,9]]},"612":{"position":[[13450,8]]},"614":{"position":[[12907,8]]},"622":{"position":[[6,8],[41,8],[168,8],[494,8],[827,8],[1678,8],[1711,8],[2165,8],[4560,8],[4636,8],[17591,8],[17639,8]]},"656":{"position":[[4124,10],[4186,9],[6048,10],[6110,9],[8307,10],[8369,9],[10660,10],[10722,9],[13133,10],[13195,9],[15563,10],[15625,9],[17954,10],[18016,9],[20437,10],[20499,9],[23690,10],[23752,9]]}}}],["currency1",{"_index":841,"t":{"142":{"position":[[1337,9]]}}}],["currencyinput",{"_index":59,"t":{"2":{"position":[[1159,13]]},"48":{"position":[[120,13],[173,13],[217,13],[286,13],[439,13]]},"76":{"position":[[179,13],[396,13]]},"80":{"position":[[1804,13]]},"118":{"position":[[245,13],[531,13]]},"132":{"position":[[2442,13],[2495,13]]},"136":{"position":[[1098,13],[1693,13]]},"146":{"position":[[1150,13]]},"150":{"position":[[281,13]]},"158":{"position":[[1203,13]]},"160":{"position":[[432,13],[485,13]]},"164":{"position":[[179,13],[232,13]]},"188":{"position":[[171,13],[224,13]]},"214":{"position":[[884,13],[1479,13]]},"220":{"position":[[2238,13],[2291,13]]},"222":{"position":[[773,13]]},"230":{"position":[[1212,13]]},"232":{"position":[[893,13],[1488,13]]},"236":{"position":[[2247,13],[2300,13]]},"256":{"position":[[342,13],[692,13],[856,13],[909,13]]},"264":{"position":[[638,13]]},"270":{"position":[[2192,13]]},"280":{"position":[[170,13],[223,13]]},"282":{"position":[[341,13]]},"284":{"position":[[338,13]]},"294":{"position":[[624,13]]},"296":{"position":[[335,13]]},"306":{"position":[[1206,13]]},"308":{"position":[[576,13]]},"318":{"position":[[334,13],[929,13]]},"326":{"position":[[887,13],[1482,13]]},"328":{"position":[[632,13]]},"344":{"position":[[250,13]]},"350":{"position":[[20,15],[285,13],[650,13],[1000,13]]},"354":{"position":[[632,13]]},"364":{"position":[[908,13]]},"370":{"position":[[1140,13]]},"390":{"position":[[283,13],[648,13]]},"392":{"position":[[332,13]]},"394":{"position":[[574,13]]},"404":{"position":[[282,13]]},"412":{"position":[[633,13]]},"416":{"position":[[604,13]]},"424":{"position":[[618,13]]},"436":{"position":[[279,13]]},"496":{"position":[[164,13],[217,13]]},"522":{"position":[[330,13]]},"526":{"position":[[248,13]]},"546":{"position":[[279,13]]},"622":{"position":[[81,13],[355,13],[1823,13],[1967,14],[2283,14],[2509,14],[2735,14],[2961,14],[3187,14],[3413,14],[3639,14],[3865,14],[4091,14],[4672,14],[5160,14],[5716,14],[5959,13],[6202,14],[6333,14],[6467,14],[6603,14],[6740,14],[6878,14],[7017,14],[7157,14],[7621,13],[7956,14],[8531,14],[8785,14],[9267,14],[9622,14],[9697,14],[10287,14],[10440,14],[10733,13],[10949,13],[11016,13],[11615,14],[12009,14],[12452,14],[14429,14],[14659,14],[14889,14],[15119,14],[15349,14],[15579,14],[15809,14],[16039,14],[16269,14],[16889,13],[17051,14]]}}}],["currencyinput.dis",{"_index":3692,"t":{"622":{"position":[[10806,24]]}}}],["currencyinput.en",{"_index":3693,"t":{"622":{"position":[[10856,23]]}}}],["currencyinput3",{"_index":842,"t":{"142":{"position":[[1347,14]]}}}],["currencyinput<int",{"_index":3691,"t":{"622":{"position":[[10713,19]]}}}],["currencysign",{"_index":3637,"t":{"622":{"position":[[429,12],[442,12],[5631,12]]}}}],["currencysign.standard",{"_index":3638,"t":{"622":{"position":[[455,21]]}}}],["currencysign=\"currencysign.account",{"_index":3687,"t":{"622":{"position":[[5767,38]]}}}],["current",{"_index":1070,"t":{"558":{"position":[[105,7]]},"568":{"position":[[6852,9]]},"572":{"position":[[1384,7]]},"576":{"position":[[4996,7],[5998,7]]},"578":{"position":[[5765,7],[6701,7]]},"584":{"position":[[208,7]]},"596":{"position":[[1407,9],[12629,9]]},"600":{"position":[[11439,9]]},"612":{"position":[[2088,9]]},"660":{"position":[[6991,7]]}}}],["currentcolor",{"_index":2120,"t":{"580":{"position":[[1367,13]]},"594":{"position":[[885,15]]}}}],["currentpag",{"_index":4238,"t":{"658":{"position":[[1030,12],[1169,12],[1335,12],[1863,12],[1996,12],[2156,12],[2556,12],[1357904,12],[1358064,12]]}}}],["currentpagenumb",{"_index":2191,"t":{"582":{"position":[[3194,17],[3299,17]]}}}],["currentpagenumber</text",{"_index":2190,"t":{"582":{"position":[[3156,25]]}}}],["cursu",{"_index":1962,"t":{"576":{"position":[[10579,6],[14820,6],[18961,6]]}}}],["curv",{"_index":2885,"t":{"602":{"position":[[4927,5]]}}}],["custom",{"_index":745,"t":{"128":{"position":[[461,6]]},"558":{"position":[[1121,6],[1698,6]]},"562":{"position":[[2695,6],[3246,6],[3796,6],[4046,9],[4559,6],[5184,6],[5807,6],[6549,6],[7100,6],[7650,6],[8351,6],[8916,6],[9466,6],[10181,6],[10732,6],[11282,6],[12361,6],[12924,6],[13486,6],[14044,6],[14592,6],[15152,6],[18678,6],[19229,6],[19779,6],[21063,6],[21636,6],[22208,6]]},"566":{"position":[[1659,6],[7907,6]]},"570":{"position":[[6449,6]]},"578":{"position":[[158,6]]},"580":{"position":[[2228,9]]},"586":{"position":[[1499,6]]},"592":{"position":[[372,6],[1015,6],[9244,6],[9307,6],[15390,6]]},"594":{"position":[[927,9]]},"598":{"position":[[547,6],[3084,6],[3218,6],[4500,6]]},"600":{"position":[[3873,9],[12987,8],[12999,10],[13146,11],[13361,9],[13448,9],[13568,8],[13730,8],[13739,9],[13771,9],[14041,8],[14053,10],[14325,9],[14389,9],[14565,8],[14600,10],[15071,8],[15083,10],[15608,9],[15672,9],[15857,8],[15888,10],[15999,9]]},"610":{"position":[[95,6]]},"612":{"position":[[2342,12],[2376,9],[2505,10],[2655,10],[2683,9],[2736,9],[2804,9],[3510,9],[4169,12],[4247,9],[4376,10],[4526,10],[4554,9],[4607,9],[4675,9],[5381,9],[5800,12],[5834,9],[6131,9],[6318,10],[6410,9],[6769,12],[6803,9],[6932,10],[7151,10],[7179,9],[7232,9],[7300,9],[8006,9],[8762,12],[8796,9],[9914,9],[10074,10],[10166,9],[10323,9],[10763,12],[10819,9],[11391,9],[11584,10],[11677,9],[12322,12],[12357,9],[12885,9],[13078,10],[13171,9]]},"614":{"position":[[7940,8],[8893,9]]},"620":{"position":[[136,6]]},"630":{"position":[[1299,6],[3189,9]]},"648":{"position":[[177,6],[513,6]]},"656":{"position":[[380,6],[1038,6],[13549,6],[13612,6],[18370,9],[18404,9],[22145,6],[22221,6],[24270,6],[24313,9],[24337,6]]},"660":{"position":[[69824,6],[69926,6],[134043,6]]}}}],["customer(count",{"_index":2792,"t":{"600":{"position":[[14580,14],[15872,15]]}}}],["customer(int",{"_index":3266,"t":{"612":{"position":[[3654,12],[5525,12]]}}}],["customer.customerid",{"_index":2765,"t":{"600":{"position":[[13089,20]]}}}],["customer.customernam",{"_index":3213,"t":{"612":{"position":[[2889,25],[4760,25],[7385,25]]}}}],["customer</button",{"_index":2787,"t":{"600":{"position":[[13962,17],[14992,17]]}}}],["customeraddress",{"_index":3306,"t":{"612":{"position":[[9377,15],[9393,15],[10361,15]]}}}],["customeraddress.address",{"_index":3303,"t":{"612":{"position":[[9165,25],[9743,28]]}}}],["customeraddress.customernam",{"_index":3297,"t":{"612":{"position":[[8877,30],[9697,30]]}}}],["customerid",{"_index":3267,"t":{"612":{"position":[[3667,11],[5538,11]]}}}],["customernam",{"_index":3207,"t":{"612":{"position":[[2462,13],[3686,14],[4333,13],[5557,14],[5920,13],[6889,13],[6985,12],[10404,12],[11125,12],[12649,12]]},"614":{"position":[[8935,12]]}}}],["customers.add(custom",{"_index":2793,"t":{"600":{"position":[[14626,24],[15910,24]]}}}],["customers.count",{"_index":2791,"t":{"600":{"position":[[14544,16],[15796,16]]},"612":{"position":[[6342,17],[10098,17],[11608,17],[13102,17]]}}}],["customers.first",{"_index":2783,"t":{"600":{"position":[[13668,18]]}}}],["customers.remove(custom",{"_index":2801,"t":{"600":{"position":[[16011,27]]}}}],["customersdataprovider(autocompletedataproviderrequest<custom",{"_index":3210,"t":{"612":{"position":[[2577,63],[4448,63],[6052,63],[7073,63],[9835,63]]}}}],["customersdataprovider(autocompletedataproviderrequest<customer2",{"_index":3320,"t":{"612":{"position":[[11311,64],[12805,64]]}}}],["customersdataprovider(griddataproviderrequest<customer2",{"_index":4699,"t":{"660":{"position":[[115982,56],[118606,56],[121267,56],[124043,56]]}}}],["customiconnam",{"_index":608,"t":{"98":{"position":[[633,14]]},"586":{"position":[[1457,14]]},"592":{"position":[[327,14],[970,14],[9271,14]]},"598":{"position":[[511,14],[769,14]]},"630":{"position":[[1260,14]]},"656":{"position":[[335,14],[993,14],[13576,14]]}}}],["customiconname=\"bi",{"_index":2484,"t":{"592":{"position":[[9400,18]]},"598":{"position":[[3163,18]]},"656":{"position":[[13719,18]]}}}],["customiconname=\"fa",{"_index":2672,"t":{"598":{"position":[[1450,18],[1522,18],[1594,18],[1666,18],[1738,18],[1810,18],[3958,18],[4092,18]]}}}],["customiz",{"_index":3894,"t":{"630":{"position":[[120,12]]}}}],["cx=\"50",{"_index":4016,"t":{"642":{"position":[[4488,8],[4525,8]]},"652":{"position":[[3944,8],[3981,8]]}}}],["cy=\"50",{"_index":4017,"t":{"642":{"position":[[4497,8],[4534,8]]},"652":{"position":[[3953,8],[3990,8]]}}}],["d",{"_index":843,"t":{"142":{"position":[[1362,1]]},"568":{"position":[[5905,1],[6224,1]]},"592":{"position":[[6553,1],[9547,1],[12545,1]]},"624":{"position":[[7687,1]]},"626":{"position":[[7163,1]]},"634":{"position":[[6627,1]]},"636":{"position":[[7718,1]]},"640":{"position":[[794,1]]},"642":{"position":[[6747,1]]},"644":{"position":[[6586,1]]},"646":{"position":[[799,1]]},"652":{"position":[[6652,1]]},"656":{"position":[[6710,1],[8962,1],[11435,1],[13865,1],[16284,1],[18689,1]]}}}],["d='m2.5",{"_index":1096,"t":{"558":{"position":[[1865,7]]}}}],["daina",{"_index":2781,"t":{"600":{"position":[[13545,6],[14486,6],[15769,6]]},"612":{"position":[[3183,6],[5054,6],[7679,6]]}}}],["dan",{"_index":4627,"t":{"660":{"position":[[107841,5],[107916,3],[108011,5],[108088,3]]}}}],["danger",{"_index":997,"t":{"556":{"position":[[1248,6],[2645,6]]},"566":{"position":[[819,6],[1966,6]]},"568":{"position":[[2125,6],[2926,6]]},"596":{"position":[[12028,6]]},"600":{"position":[[14716,6]]},"616":{"position":[[2754,6]]},"622":{"position":[[5021,6]]},"630":{"position":[[6462,6],[7809,8]]},"648":{"position":[[1407,6],[2590,6]]},"660":{"position":[[60253,6],[61819,8],[63598,6],[64674,10],[67242,7],[95106,6],[95164,6],[103774,6]]}}}],["danger\">*</span></label",{"_index":3411,"t":{"614":{"position":[[7512,24],[7805,24],[10117,24],[10425,24],[10822,24]]},"618":{"position":[[8330,24],[9081,24],[11166,24]]},"622":{"position":[[11566,24],[12403,24],[17002,24]]},"628":{"position":[[5639,24],[5977,24],[6302,24],[6604,24],[6923,24],[9660,24],[10059,24]]},"654":{"position":[[19361,24],[19994,24]]}}}],["danger\"></i",{"_index":3175,"t":{"610":{"position":[[1453,12]]}}}],["danger\">@message</div",{"_index":2355,"t":{"588":{"position":[[1427,22]]}}}],["danger\">danger</badg",{"_index":1146,"t":{"560":{"position":[[1575,22]]}}}],["daniel",{"_index":4375,"t":{"660":{"position":[[8815,9],[11160,9],[13536,9],[16308,9],[18727,9],[21479,9],[23881,9],[27630,9],[32958,9],[35323,9],[37688,9],[39995,9],[42253,9],[45659,9],[48329,9],[53983,9],[56700,9],[62787,9],[66008,9],[69091,9],[72468,9],[75606,9],[78581,9],[81878,9],[84969,9],[87735,9],[92840,9],[101070,9],[103261,9],[105699,9],[109814,9],[113695,9],[127206,9],[129784,9],[132579,9]]}}}],["daniel@blazorbootstrap.com",{"_index":4449,"t":{"660":{"position":[[27669,29],[45698,29]]}}}],["dapibu",{"_index":1951,"t":{"576":{"position":[[9975,7],[10978,8],[14216,7],[15219,8],[18357,7],[19360,8]]}}}],["dark",{"_index":1004,"t":{"556":{"position":[[1566,4]]},"568":{"position":[[2331,4],[3126,4],[3277,4]]},"648":{"position":[[1825,4],[3008,4]]},"660":{"position":[[98071,4],[98127,4],[106328,4],[106457,4]]}}}],["dark\">dark</badg",{"_index":1154,"t":{"560":{"position":[[1971,18]]}}}],["dash",{"_index":2837,"t":{"602":{"position":[[2012,5],[2057,4],[3062,5],[4365,7]]}}}],["data",{"_index":276,"t":{"30":{"position":[[233,4],[260,4]]},"32":{"position":[[510,4]]},"64":{"position":[[189,4]]},"70":{"position":[[247,4]]},"104":{"position":[[585,4]]},"128":{"position":[[950,4],[1183,4],[1350,4]]},"564":{"position":[[136,5],[271,4]]},"578":{"position":[[2881,4]]},"584":{"position":[[1925,10],[2100,10]]},"592":{"position":[[459,4],[782,5]]},"596":{"position":[[670,4],[12705,5],[12968,4],[13614,5],[14037,4],[14048,4]]},"602":{"position":[[0,4],[134,4],[194,4],[851,5],[878,4],[976,5],[2402,4],[2441,5],[2507,4],[4619,5],[4652,4],[6279,4],[6584,4],[7171,4],[9198,4],[9484,6],[9791,4],[10253,4],[10665,4],[10781,5],[11088,4],[11742,4],[12284,4],[12826,4],[14042,4],[14601,4],[15208,4],[15815,4],[17076,4],[17517,4]]},"604":{"position":[[0,4],[119,4],[184,4],[213,4],[706,5],[733,4],[831,5],[2571,4],[2583,4],[2622,5],[4313,4],[4618,4],[7361,4],[7642,6],[7941,4],[8402,4],[8620,4],[8736,5],[9046,4],[9495,4],[10963,4],[11234,4],[11505,4],[13191,4],[13462,4],[13733,4],[14817,4],[15289,4],[15560,4],[15831,4],[16790,4],[17255,4]]},"606":{"position":[[0,4],[802,5],[829,4],[927,5],[2266,4],[2305,5],[2375,4],[3682,4],[3987,4],[6471,4],[6820,6],[6859,4],[7245,4],[7363,4],[7486,5],[8081,4],[8914,4],[9456,4],[9998,4],[11249,4],[12406,4],[13476,4],[13825,6],[13864,4],[14444,4],[14562,4],[14685,5],[15280,4],[15545,4]]},"608":{"position":[[0,4],[647,5],[674,4],[772,5],[2101,4],[2140,5],[2205,4],[3400,4],[3705,4],[6069,4],[6389,6],[6428,4],[6799,4],[6917,4],[7040,5],[7635,4],[7673,4],[8780,4],[9748,4],[10068,6],[10107,4],[10670,4],[10788,4],[10911,5],[11506,4],[13597,4],[13968,4],[14086,4],[14209,5],[14804,4],[15051,4]]},"612":{"position":[[163,4],[374,4],[1337,5],[2140,5],[3727,4],[5598,5],[6311,4],[10067,4],[11577,4],[13071,4],[13532,4],[13549,4],[13589,4]]},"614":{"position":[[1811,4],[1929,4]]},"616":{"position":[[3559,4],[3581,4]]},"624":{"position":[[2052,4],[5617,4],[8692,7]]},"626":{"position":[[2237,4],[8168,7]]},"632":{"position":[[1711,4]]},"634":{"position":[[1734,4],[4610,4],[7457,7]]},"636":{"position":[[1689,4],[4859,4],[8548,7]]},"638":{"position":[[1711,4]]},"640":{"position":[[1666,7]]},"642":{"position":[[2071,4],[7752,7]]},"644":{"position":[[2071,4],[7591,7]]},"646":{"position":[[1671,7]]},"652":{"position":[[1725,4],[4865,4],[7482,7]]},"656":{"position":[[470,4],[807,5]]},"660":{"position":[[96,4],[110,4],[844,4],[895,5],[3029,4],[3895,5],[8331,5],[8594,4],[8960,5],[10676,5],[10939,4],[11305,5],[13052,5],[13315,4],[13812,5],[13936,5],[14179,5],[15824,5],[16087,4],[16453,5],[18243,5],[18506,4],[19003,5],[19127,5],[19370,5],[20995,5],[21258,4],[21624,5],[23397,5],[23660,4],[24026,5],[26785,5],[27274,4],[27988,5],[30709,4],[32474,5],[32737,4],[33103,5],[34839,5],[35102,4],[35468,5],[37204,5],[37467,4],[37833,5],[38289,4],[39574,5],[39804,4],[40123,5],[40514,5],[41832,5],[42062,4],[42381,5],[44814,5],[45303,4],[46017,5],[47845,5],[48108,4],[48605,5],[48729,5],[48972,5],[49250,5],[50133,4],[53499,5],[53762,4],[54259,5],[54383,5],[54626,5],[54716,4],[54779,4],[56138,5],[56401,4],[56845,5],[57052,4],[57115,4],[58591,5],[58854,4],[62303,5],[62566,4],[63063,5],[63187,5],[63430,5],[65524,5],[65787,4],[66284,5],[66408,5],[66651,5],[68607,5],[68870,4],[69367,5],[69491,5],[69734,5],[71984,5],[72247,4],[72744,5],[72868,5],[73111,5],[75122,5],[75385,4],[75751,5],[78097,5],[78360,4],[78726,5],[81394,5],[81657,4],[82023,5],[84485,5],[84748,4],[85245,5],[85369,5],[85612,5],[87251,5],[87514,4],[88011,5],[88135,5],[88378,5],[92356,5],[92619,4],[100586,5],[100849,4],[102777,5],[103040,4],[105215,5],[105478,4],[109330,5],[109593,4],[110090,5],[110214,5],[110457,5],[113211,5],[113474,4],[113840,5],[116603,4],[119227,4],[121888,4],[124664,4],[126722,5],[126985,4],[127482,5],[127606,5],[127849,5],[133854,4],[133887,4],[133922,4]]}}}],["data...</button",{"_index":2208,"t":{"584":{"position":[[1651,16],[1744,16]]}}}],["data.add(new",{"_index":2936,"t":{"602":{"position":[[9332,12]]},"604":{"position":[[7493,12]]},"606":{"position":[[6615,12],[13620,12]]},"608":{"position":[[6201,12],[9880,12]]}}}],["data.add(random.next(0",{"_index":3115,"t":{"606":{"position":[[7446,23],[14645,23]]},"608":{"position":[[7000,23],[10871,23],[14169,23]]}}}],["data.add(random.next(200",{"_index":2950,"t":{"602":{"position":[[10744,27]]},"604":{"position":[[8699,27]]}}}],["data</button",{"_index":3031,"t":{"604":{"position":[[5132,13]]},"606":{"position":[[4511,13],[11599,13]]},"608":{"position":[[4219,13],[8013,13]]}}}],["data=\"department.employe",{"_index":4529,"t":{"660":{"position":[[55104,28]]}}}],["data=\"employe",{"_index":2557,"t":{"596":{"position":[[2346,16],[11053,16],[11923,16],[12755,16]]},"660":{"position":[[57598,17]]}}}],["data=\"employeelist1",{"_index":2580,"t":{"596":{"position":[[3273,20],[5390,20],[8418,20]]}}}],["data=\"employeelist2",{"_index":2584,"t":{"596":{"position":[[3533,20],[5649,20],[8696,20]]}}}],["data=\"employeelist3",{"_index":2610,"t":{"596":{"position":[[5908,20]]}}}],["data=\"item",{"_index":2632,"t":{"596":{"position":[[10473,12],[13651,12]]}}}],["dataannot",{"_index":3407,"t":{"614":{"position":[[6974,15]]},"618":{"position":[[7759,15]]},"622":{"position":[[10993,15]]},"628":{"position":[[5091,15]]}}}],["dataannotationsvalid",{"_index":3290,"t":{"612":{"position":[[8442,25]]},"614":{"position":[[7378,25],[9984,25]]},"618":{"position":[[8198,25]]},"622":{"position":[[11434,25]]},"628":{"position":[[5504,25],[9524,25]]},"654":{"position":[[19257,25]]}}}],["datalabel",{"_index":2815,"t":{"602":{"position":[[822,10],[941,10],[2453,10],[15062,10],[15073,10],[15669,10],[15680,10],[16276,10],[16287,10],[16884,10]]},"604":{"position":[[677,10],[796,10],[2518,10]]},"606":{"position":[[773,10],[892,10],[2317,10]]},"608":{"position":[[618,10],[737,10],[2152,10]]}}}],["datalabels.min.j",{"_index":3723,"t":{"624":{"position":[[1999,17],[2203,18],[5564,17],[5768,18]]},"626":{"position":[[2184,17],[2388,18]]},"632":{"position":[[1658,17],[1862,18]]},"634":{"position":[[1681,17],[1885,18],[4557,17],[4761,18]]},"636":{"position":[[1636,17],[1840,18],[4806,17],[5010,18]]},"638":{"position":[[1658,17],[1862,18]]},"642":{"position":[[2018,17],[2222,18]]},"644":{"position":[[2018,17],[2222,18]]},"652":{"position":[[1672,17],[1876,18],[4812,17],[5016,18]]}}}],["datalabels/2.2.0/chartj",{"_index":3725,"t":{"624":{"position":[[2171,24],[5736,24]]},"626":{"position":[[2356,24]]},"632":{"position":[[1830,24]]},"634":{"position":[[1853,24],[4729,24]]},"636":{"position":[[1808,24],[4978,24]]},"638":{"position":[[1830,24]]},"642":{"position":[[2190,24]]},"644":{"position":[[2190,24]]},"652":{"position":[[1844,24],[4984,24]]}}}],["datalabelscount",{"_index":3094,"t":{"606":{"position":[[4762,15],[6374,16],[6827,15],[7418,16],[7606,16],[7875,15],[7963,16],[11850,15],[13379,16],[13832,15],[14617,16],[14805,16],[15074,15],[15162,16]]},"608":{"position":[[4450,15],[5972,16],[6396,15],[6972,16],[7160,16],[7429,15],[7517,16],[8244,15],[9651,16],[10075,15],[10843,16],[11031,16],[11300,15],[11388,16],[12452,15],[14141,16],[14329,16],[14598,15],[14686,16]]}}}],["dataprovid",{"_index":511,"t":{"78":{"position":[[253,12]]},"592":{"position":[[396,12]]},"612":{"position":[[296,12]]},"656":{"position":[[404,12]]},"660":{"position":[[907,12],[957,12],[3037,12]]}}}],["dataprovider=\"customersdataprovid",{"_index":3202,"t":{"612":{"position":[[2255,36],[4082,36],[5713,36],[6682,36],[8675,36],[10676,36],[12235,36]]},"660":{"position":[[114232,36],[116765,36],[119407,36],[122080,36]]}}}],["dataprovider=\"employeesdataprovid",{"_index":4332,"t":{"660":{"position":[[7293,36],[9594,36],[12112,36],[14708,36],[16965,36],[19887,36],[22363,36],[24714,36],[28748,36],[31293,36],[33755,36],[36161,37],[38503,37],[40746,37],[42991,36],[46869,36],[49520,36],[50871,36],[60465,36],[63815,36],[66945,36],[70105,36],[73363,36],[76295,36],[79540,36],[82790,36],[85856,36],[88560,36],[89348,36],[90150,36],[90938,36],[93065,36],[94056,36],[95047,36],[96036,36],[97027,36],[98012,36],[98997,36],[101288,36],[103715,36],[106268,36],[110827,36],[125050,36]]}}}],["dataprovider=\"sidebar2dataprovid",{"_index":2432,"t":{"592":{"position":[[1735,35],[3834,35],[6479,35],[9473,35],[12471,35]]}}}],["dataprovider=\"sidebardataprovid",{"_index":3808,"t":{"624":{"position":[[7614,34]]},"626":{"position":[[7090,34]]},"634":{"position":[[6554,34]]},"636":{"position":[[7645,34]]},"640":{"position":[[721,34]]},"642":{"position":[[6674,34]]},"644":{"position":[[6513,34]]},"646":{"position":[[726,34]]},"652":{"position":[[6579,34]]},"656":{"position":[[1691,34],[2792,34],[4624,34],[6637,34],[8889,34],[11362,34],[13792,34],[16211,34],[18616,34],[22316,34]]}}}],["dataprovider=\"usersdataprovid",{"_index":4711,"t":{"660":{"position":[[128038,32],[130498,32]]}}}],["dataset",{"_index":2819,"t":{"602":{"position":[[1003,7],[1142,7],[1637,8],[1691,9],[2591,7],[2651,8],[2665,7],[2789,8],[2826,7],[3188,7],[5164,7],[5236,7],[7025,7],[7863,8],[8397,7],[8433,8],[9249,7],[9285,8],[9883,8],[10030,9],[11645,8],[13356,8],[13367,8],[14506,8],[16416,8],[16427,8]]},"604":{"position":[[858,7],[997,7],[1433,8],[1487,9],[2691,8],[2728,7],[3036,7],[3200,7],[3272,7],[4987,7],[5963,8],[6508,7],[6544,8],[7412,7],[7448,8],[8033,8],[8179,9],[9418,8],[9817,8],[9828,8],[10867,8],[11766,8],[11777,8],[13095,8],[13994,8],[14005,8],[15193,8],[16092,8],[16103,8]]},"606":{"position":[[954,7],[1093,7],[1529,8],[1583,9],[2444,8],[2481,7],[2789,7],[4366,7],[4975,8],[5584,7],[5620,8],[6522,7],[6558,8],[6951,8],[7102,9],[8817,8],[10528,8],[10539,8],[12063,8],[12814,7],[12850,8],[13527,7],[13563,8],[13956,8],[14055,7],[14301,9]]},"608":{"position":[[799,7],[938,7],[1433,8],[1487,9],[2274,8],[2311,7],[4074,7],[4663,8],[5242,7],[5278,8],[6120,7],[6156,8],[6520,8],[6666,9],[8457,8],[9156,7],[9192,8],[9799,7],[9835,8],[10199,8],[10298,7],[10537,9],[12665,8],[13689,8],[13835,9]]}}}],["dataset.datalabels.anchor",{"_index":3120,"t":{"606":{"position":[[14114,25],[14189,25],[14231,25]]},"608":{"position":[[10352,25],[10427,25],[10467,25]]}}}],["dataset1",{"_index":2956,"t":{"602":{"position":[[11687,8],[14548,8]]},"604":{"position":[[9460,8],[10909,8],[13137,8],[15235,8]]},"606":{"position":[[8859,8]]}}}],["dataset2",{"_index":2971,"t":{"602":{"position":[[12231,8],[15157,8]]},"604":{"position":[[11182,8],[13410,8],[15508,8]]},"606":{"position":[[9403,8]]}}}],["dataset3",{"_index":2986,"t":{"602":{"position":[[12773,8],[15764,8]]},"604":{"position":[[11453,8],[13681,8],[15779,8]]},"606":{"position":[[9945,8]]}}}],["datasetindex",{"_index":3119,"t":{"606":{"position":[[12783,12]]}}}],["datasets.add(dataset",{"_index":3121,"t":{"606":{"position":[[14269,22]]},"608":{"position":[[10505,22]]}}}],["datasets.add(dataset1",{"_index":2970,"t":{"602":{"position":[[12203,23],[15129,23]]},"604":{"position":[[9748,23],[11154,23],[13382,23],[15480,23]]},"606":{"position":[[9375,23]]}}}],["datasets.add(dataset2",{"_index":2985,"t":{"602":{"position":[[12745,23],[15736,23]]},"604":{"position":[[11425,23],[13653,23],[15751,23]]},"606":{"position":[[9917,23]]}}}],["datasets.add(dataset3",{"_index":3000,"t":{"602":{"position":[[13287,23],[16347,23]]},"604":{"position":[[11697,23],[13925,23],[16023,23]]},"606":{"position":[[10459,23]]}}}],["datasets.add(getrandombarchartdataset",{"_index":3048,"t":{"604":{"position":[[8128,41]]}}}],["datasets.add(getrandomdoughnutchartdataset",{"_index":3113,"t":{"606":{"position":[[7046,46]]}}}],["datasets.add(getrandomlinechartdataset",{"_index":2946,"t":{"602":{"position":[[9978,42]]}}}],["datasets.add(getrandompiechartdataset",{"_index":3140,"t":{"608":{"position":[[6615,41],[13784,41]]}}}],["datasetscount",{"_index":2918,"t":{"602":{"position":[[7680,13],[10168,13],[10235,17]]},"604":{"position":[[5628,13],[7064,14],[8315,13],[8384,17]]},"606":{"position":[[4731,13],[7177,13],[7227,17],[11819,13],[14376,13],[14426,17]]},"608":{"position":[[4419,13],[6731,13],[6781,17],[8213,13],[10602,13],[10652,17],[12421,13],[13900,13],[13950,17]]}}}],["date",{"_index":451,"t":{"68":{"position":[[490,4]]},"80":{"position":[[676,4],[1554,4]]},"82":{"position":[[478,4]]},"84":{"position":[[517,4],[635,4]]},"136":{"position":[[511,4]]},"214":{"position":[[297,4]]},"232":{"position":[[306,4]]},"246":{"position":[[302,4]]},"264":{"position":[[305,4]]},"270":{"position":[[1605,4]]},"312":{"position":[[2473,4]]},"326":{"position":[[300,4]]},"330":{"position":[[923,4]]},"348":{"position":[[21,6],[295,4]]},"354":{"position":[[299,4]]},"368":{"position":[[295,4]]},"370":{"position":[[553,4]]},"528":{"position":[[297,4]]},"576":{"position":[[6006,4]]},"614":{"position":[[6,4],[37,4],[232,4],[283,4],[1173,4],[1206,4],[1581,5],[1623,5],[2190,5],[2232,5],[2394,5],[2436,5],[2596,5],[2638,5],[2800,5],[2842,5],[3703,5],[3741,5],[3781,5],[3825,5],[4031,5],[4069,5],[4109,5],[4153,5],[4357,5],[4395,5],[4435,5],[4479,5],[4685,5],[4723,5],[4763,5],[4807,5],[4851,4],[5650,5],[5692,5],[6427,5],[6469,5],[7488,5],[8570,5],[8807,4],[9260,5],[9444,4],[9485,4],[9529,4],[9586,4],[9691,5],[10401,5],[10798,5],[12733,4],[12822,4],[13073,4],[13114,4]]},"618":{"position":[[11671,4]]},"622":{"position":[[17528,4]]},"628":{"position":[[1542,5],[5953,5],[6580,5],[8165,4],[8361,4],[8995,4],[9036,4],[12236,4],[12277,4]]},"660":{"position":[[40590,6]]}}}],["date1",{"_index":844,"t":{"142":{"position":[[1364,5]]},"614":{"position":[[1667,5],[2886,5],[5002,6],[5173,5],[5956,5],[6711,5],[9172,6],[9304,5],[9395,5]]},"628":{"position":[[1586,5]]}}}],["date1</div",{"_index":3349,"t":{"614":{"position":[[1629,12],[2238,12],[3831,12],[5698,12],[6475,12],[9266,12]]},"628":{"position":[[1548,12]]}}}],["date2",{"_index":3364,"t":{"614":{"position":[[2962,6],[5039,6],[5280,5]]}}}],["date2</div",{"_index":3355,"t":{"614":{"position":[[2442,12],[4159,12]]}}}],["date3",{"_index":3365,"t":{"614":{"position":[[2986,5],[5075,6],[5364,5]]}}}],["date3</div",{"_index":3359,"t":{"614":{"position":[[2644,12],[4485,12]]}}}],["date4",{"_index":3367,"t":{"614":{"position":[[3039,6],[5112,6],[5423,5]]}}}],["date4</div",{"_index":3362,"t":{"614":{"position":[[2848,12],[4813,12]]}}}],["datechanged(dateonli",{"_index":3430,"t":{"614":{"position":[[9362,20]]}}}],["datechanged(valu",{"_index":3428,"t":{"614":{"position":[[9204,19]]}}}],["dateinput",{"_index":450,"t":{"68":{"position":[[457,9],[844,9],[1048,9]]},"70":{"position":[[115,9],[168,9],[811,9],[1002,9]]},"80":{"position":[[1838,9]]},"84":{"position":[[128,9],[330,9],[350,9],[640,9]]},"136":{"position":[[386,9],[516,9],[1132,9],[2620,9],[2870,9],[2990,9]]},"146":{"position":[[1184,9]]},"214":{"position":[[172,9],[302,9],[918,9],[2406,9],[2656,9],[2776,9]]},"222":{"position":[[807,9]]},"232":{"position":[[181,9],[311,9],[927,9],[2415,9],[2665,9],[2785,9]]},"246":{"position":[[177,9],[307,9]]},"248":{"position":[[680,9],[800,9]]},"254":{"position":[[327,9]]},"256":{"position":[[376,9]]},"262":{"position":[[332,9],[582,9],[702,9]]},"264":{"position":[[180,9],[310,9],[672,9],[1063,9],[1313,9],[1433,9]]},"270":{"position":[[1480,9],[1610,9],[2226,9],[2862,9]]},"272":{"position":[[1855,9],[2105,9],[2225,9]]},"282":{"position":[[375,9]]},"284":{"position":[[372,9],[763,9],[1013,9],[1133,9]]},"292":{"position":[[327,9]]},"294":{"position":[[658,9],[1049,9]]},"296":{"position":[[369,9]]},"298":{"position":[[333,9]]},"312":{"position":[[2348,9],[2478,9]]},"318":{"position":[[368,9],[1856,9],[2106,9],[2226,9]]},"324":{"position":[[674,9],[794,9]]},"326":{"position":[[175,9],[305,9],[921,9],[2409,9],[2659,9],[2779,9]]},"330":{"position":[[798,9],[928,9]]},"348":{"position":[[170,9],[300,9]]},"350":{"position":[[684,9]]},"352":{"position":[[326,9],[576,9],[696,9]]},"354":{"position":[[20,11],[174,9],[304,9],[666,9],[1057,9],[1307,9],[1427,9]]},"368":{"position":[[170,9],[300,9]]},"370":{"position":[[428,9],[558,9],[1174,9],[1810,9]]},"384":{"position":[[2761,9],[3011,9],[3131,9]]},"390":{"position":[[682,9]]},"392":{"position":[[366,9],[757,9],[1007,9],[1127,9]]},"416":{"position":[[638,9]]},"424":{"position":[[652,9],[1043,9]]},"426":{"position":[[327,9]]},"514":{"position":[[159,9],[279,9]]},"522":{"position":[[364,9]]},"524":{"position":[[323,9]]},"528":{"position":[[172,9],[302,9]]},"614":{"position":[[65,9],[404,9],[1320,9],[1512,10],[1774,9],[2121,10],[2324,10],[2527,10],[2730,10],[3247,9],[3590,10],[3917,10],[4244,10],[4571,10],[5530,10],[5560,10],[6233,10],[6341,10],[6672,9],[6916,9],[7561,10],[9070,9],[9106,10],[10474,10],[10871,10]]},"628":{"position":[[408,9],[6026,10],[6653,10]]}}}],["dateinput.dis",{"_index":3405,"t":{"614":{"position":[[6782,20]]}}}],["dateinput.en",{"_index":3406,"t":{"614":{"position":[[6828,19]]}}}],["dateinput4",{"_index":845,"t":{"142":{"position":[[1370,10]]}}}],["dateinput<dateonli",{"_index":3404,"t":{"614":{"position":[[6652,19]]}}}],["dateinput<datetim",{"_index":3448,"t":{"614":{"position":[[11419,20]]}}}],["dateonli",{"_index":468,"t":{"70":{"position":[[202,9],[212,10]]},"614":{"position":[[1658,8],[1823,9],[1833,10],[2003,9],[2013,10],[2877,8],[2952,9],[4993,8],[5029,9],[5947,8],[6702,8],[8832,9],[9295,8],[9383,9],[9403,9]]},"628":{"position":[[8190,9],[8386,9]]},"660":{"position":[[130245,9],[133136,9]]}}}],["dateonly(1977",{"_index":4373,"t":{"660":{"position":[[8740,14],[8862,14],[11085,14],[11207,14],[13461,14],[13583,14],[16233,14],[16355,14],[18652,14],[18774,14],[21404,14],[21526,14],[23806,14],[23928,14],[27534,14],[27773,14],[32883,14],[33005,14],[35248,14],[35370,14],[37613,14],[37735,14],[45563,14],[45802,14],[48254,14],[48376,14],[53908,14],[54030,14],[56625,14],[56747,14],[62712,14],[62834,14],[65933,14],[66055,14],[69016,14],[69138,14],[72393,14],[72515,14],[75531,14],[75653,14],[78506,14],[78628,14],[81803,14],[81925,14],[84894,14],[85016,14],[87660,14],[87782,14],[92765,14],[92887,14],[100995,14],[101117,14],[103186,14],[103308,14],[105624,14],[105746,14],[109739,14],[109861,14],[113620,14],[113742,14],[127131,14],[127253,14],[129690,14],[129804,14],[132463,14],[132599,14]]}}}],["dateonly(1985",{"_index":4362,"t":{"660":{"position":[[8235,14],[8487,14],[10580,14],[10832,14],[12956,14],[13208,14],[15728,14],[15980,14],[18147,14],[18399,14],[20899,14],[21151,14],[23301,14],[23553,14],[26576,14],[27052,14],[32378,14],[32630,14],[34743,14],[34995,14],[37108,14],[37360,14],[44605,14],[45081,14],[47749,14],[48001,14],[53403,14],[53655,14],[56042,14],[56294,14],[58495,14],[58747,14],[62207,14],[62459,14],[65428,14],[65680,14],[68511,14],[68763,14],[71888,14],[72140,14],[75026,14],[75278,14],[78001,14],[78253,14],[81298,14],[81550,14],[84389,14],[84641,14],[87155,14],[87407,14],[92260,14],[92512,14],[100490,14],[100742,14],[102681,14],[102933,14],[105119,14],[105371,14],[109234,14],[109486,14],[113115,14],[113367,14],[126626,14],[126878,14],[129272,14],[129474,14],[131957,14],[132203,14]]}}}],["dateonly(1989",{"_index":4392,"t":{"660":{"position":[[13713,14],[18904,14],[48506,14],[54160,14],[62964,14],[66185,14],[69268,14],[72645,14],[85146,14],[87912,14],[109991,14],[127383,14]]}}}],["dateonly(1990",{"_index":4661,"t":{"660":{"position":[[114078,14],[130089,14],[132950,14]]}}}],["dateonly(1991",{"_index":4371,"t":{"660":{"position":[[8620,14],[8986,14],[10965,14],[11331,14],[13341,14],[13962,14],[16113,14],[16479,14],[18532,14],[19153,14],[21284,14],[21650,14],[23686,14],[24052,14],[27300,14],[28014,14],[32763,14],[33129,14],[35128,14],[35494,14],[37493,14],[37859,14],[45329,14],[46043,14],[48134,14],[48755,14],[53788,14],[54409,14],[56427,14],[56871,14],[58880,14],[62592,14],[63213,14],[65813,14],[66434,14],[68896,14],[69517,14],[72273,14],[72894,14],[75411,14],[75777,14],[78386,14],[78752,14],[81683,14],[82049,14],[84774,14],[85395,14],[87540,14],[88161,14],[92645,14],[100875,14],[103066,14],[105504,14],[109619,14],[110240,14],[113500,14],[113866,14],[127011,14],[127632,14],[129578,14],[129908,14],[132329,14],[132725,14]]}}}],["dateonly(1994",{"_index":4395,"t":{"660":{"position":[[13838,14],[14206,14],[19029,14],[19397,14],[48631,14],[48999,14],[54285,14],[54653,14],[63089,14],[63457,14],[66310,14],[66678,14],[69393,14],[69761,14],[72770,14],[73138,14],[85271,14],[85639,14],[88037,14],[88405,14],[110116,14],[110484,14],[127508,14],[127876,14]]}}}],["dateonly(1995",{"_index":4365,"t":{"660":{"position":[[8358,14],[10703,14],[13079,14],[15851,14],[18270,14],[21022,14],[23424,14],[26812,14],[32501,14],[34866,14],[37231,14],[44841,14],[47872,14],[53526,14],[56165,14],[58618,14],[62330,14],[65551,14],[68634,14],[72011,14],[75149,14],[78124,14],[81421,14],[84512,14],[87278,14],[92383,14],[100613,14],[102804,14],[105242,14],[109357,14],[113238,14],[126749,14],[129372,14],[132079,14]]}}}],["dateonly(1996",{"_index":4381,"t":{"660":{"position":[[9105,14],[11450,14],[14081,14],[16598,14],[19272,14],[21769,14],[24171,14],[28249,14],[33248,14],[35613,14],[37978,14],[46278,14],[48874,14],[54528,14],[56990,14],[63332,14],[66553,14],[69636,14],[73013,14],[75896,14],[78871,14],[82168,14],[85514,14],[88280,14],[110359,14],[127751,14]]}}}],["dateonly(1998",{"_index":4357,"t":{"660":{"position":[[8102,14],[10447,14],[12823,14],[15595,14],[18014,14],[20766,14],[23168,14],[26333,14],[32245,14],[34610,14],[36975,14],[44362,14],[47616,14],[53270,14],[55909,14],[58362,14],[62074,14],[65295,14],[68378,14],[71755,14],[74893,14],[77868,14],[81165,14],[84256,14],[87022,14],[109101,14],[112981,14],[126493,14],[129168,14],[131831,14]]}}}],["dateonly(new",{"_index":4552,"t":{"660":{"position":[[59601,12]]}}}],["dateonly.fromdatetime(d",{"_index":3399,"t":{"614":{"position":[[5181,28]]}}}],["dateonly.fromdatetime(datetime.now",{"_index":3402,"t":{"614":{"position":[[5964,36],[6719,36],[9312,36]]}}}],["dateonly.fromdatetime(datetime.now.adddays(1",{"_index":3350,"t":{"614":{"position":[[1675,47]]}}}],["dateonly.fromdatetime(datetime.now.addmonths(3",{"_index":3363,"t":{"614":{"position":[[2894,49]]}}}],["dateonly.fromdatetime(max",{"_index":3401,"t":{"614":{"position":[[5252,27],[5336,27]]}}}],["dateonly.fromdatetime(min",{"_index":3400,"t":{"614":{"position":[[5217,27],[5301,27]]}}}],["datepick",{"_index":460,"t":{"68":{"position":[[1058,10]]},"70":{"position":[[1012,10]]},"136":{"position":[[2630,10],[3000,10]]},"214":{"position":[[2416,10],[2786,10]]},"232":{"position":[[2425,10],[2795,10]]},"248":{"position":[[810,10]]},"254":{"position":[[337,10]]},"262":{"position":[[342,10],[712,10]]},"264":{"position":[[1073,10],[1443,10]]},"270":{"position":[[2872,10]]},"272":{"position":[[1865,10],[2235,10]]},"284":{"position":[[773,10],[1143,10]]},"292":{"position":[[337,10]]},"294":{"position":[[1059,10]]},"298":{"position":[[343,10]]},"318":{"position":[[1866,10],[2236,10]]},"324":{"position":[[804,10]]},"326":{"position":[[2419,10],[2789,10]]},"352":{"position":[[20,12],[336,10],[706,10]]},"354":{"position":[[1067,10],[1437,10]]},"370":{"position":[[1820,10]]},"384":{"position":[[2771,10],[3141,10]]},"392":{"position":[[767,10],[1137,10]]},"424":{"position":[[1053,10]]},"426":{"position":[[337,10]]},"514":{"position":[[289,10]]},"524":{"position":[[333,10]]}}}],["datepicker2",{"_index":846,"t":{"142":{"position":[[1381,11]]}}}],["datetim",{"_index":469,"t":{"70":{"position":[[223,9],[237,9]]},"614":{"position":[[1844,9],[1858,10],[2024,9],[2038,10],[2977,8],[3029,9],[4842,8],[4893,8],[4944,8],[5066,8],[5102,9],[11557,9],[11590,9],[12758,9],[12847,9]]},"630":{"position":[[3114,9],[4607,9],[6096,9],[7757,9],[9701,9],[11366,9]]}}}],["datetime.now",{"_index":1449,"t":{"568":{"position":[[5388,16]]},"576":{"position":[[6020,17]]},"578":{"position":[[6716,17]]},"630":{"position":[[3044,18],[3124,16],[4617,16],[6026,18],[6106,16],[7674,18],[7767,16],[9631,18],[9711,16],[11296,18],[11376,16]]}}}],["datetime.now.addmonth",{"_index":3389,"t":{"614":{"position":[[4908,23]]}}}],["datetime.now.addmonths(3",{"_index":3366,"t":{"614":{"position":[[2994,26],[4858,26],[5372,26]]}}}],["datetime.now.addyears(1",{"_index":3390,"t":{"614":{"position":[[4959,25]]}}}],["datetime.now.tolocaltim",{"_index":1661,"t":{"572":{"position":[[4813,31],[4921,31],[5031,31],[5141,31]]},"614":{"position":[[12358,32]]},"618":{"position":[[11597,31]]},"620":{"position":[[2845,31]]},"622":{"position":[[17435,31]]},"628":{"position":[[7807,32],[11631,32]]}}}],["datetime.now.tolongtimestr",{"_index":1499,"t":{"568":{"position":[[8904,35]]},"610":{"position":[[1927,35]]}}}],["davison",{"_index":4453,"t":{"660":{"position":[[28128,10],[46157,10]]}}}],["day",{"_index":2954,"t":{"602":{"position":[[11053,5]]},"624":{"position":[[6776,5]]},"626":{"position":[[6252,5]]},"634":{"position":[[5676,5]]},"636":{"position":[[6033,5]]}}}],["db",{"_index":1722,"t":{"574":{"position":[[3852,2]]},"576":{"position":[[4684,2],[6865,2]]},"578":{"position":[[5437,2],[7550,2]]}}}],["dd",{"_index":3338,"t":{"614":{"position":[[821,3],[927,3]]}}}],["de",{"_index":3081,"t":{"604":{"position":[[14067,3],[14071,4]]},"606":{"position":[[10603,3],[10607,4]]},"622":{"position":[[3249,3],[15415,3]]}}}],["de</b></label",{"_index":3664,"t":{"622":{"position":[[3172,14],[15334,14]]}}}],["de_d",{"_index":3079,"t":{"604":{"position":[[12723,8]]},"606":{"position":[[8287,8]]}}}],["debounc",{"_index":427,"t":{"62":{"position":[[221,10]]}}}],["decemb",{"_index":182,"t":{"6":{"position":[[23,8]]},"10":{"position":[[23,8]]},"12":{"position":[[23,8]]},"14":{"position":[[23,8]]},"48":{"position":[[24,8]]},"50":{"position":[[24,8]]},"54":{"position":[[24,8]]},"130":{"position":[[5,8],[48,8],[91,8],[134,8],[267,8],[311,8],[355,8]]},"132":{"position":[[1798,8],[2087,8],[2346,8]]},"134":{"position":[[1242,8],[1471,8],[1641,8],[1877,8]]},"144":{"position":[[66,8]]},"146":{"position":[[2039,8]]},"160":{"position":[[77,8],[336,8]]},"164":{"position":[[83,8]]},"188":{"position":[[75,8]]},"220":{"position":[[1594,8],[1883,8],[2142,8]]},"222":{"position":[[1213,8]]},"236":{"position":[[1603,8],[1892,8],[2151,8]]},"240":{"position":[[1098,8],[1327,8],[1497,8],[1733,8]]},"256":{"position":[[760,8]]},"280":{"position":[[74,8]]},"296":{"position":[[505,8]]},"440":{"position":[[67,8]]},"442":{"position":[[67,8]]},"444":{"position":[[67,8]]},"446":{"position":[[67,8]]},"496":{"position":[[68,8]]},"498":{"position":[[68,8]]},"506":{"position":[[68,8]]},"602":{"position":[[11627,10],[14488,10]]},"604":{"position":[[5814,10]]},"606":{"position":[[8799,10]]}}}],["decim",{"_index":3503,"t":{"616":{"position":[[3550,8],[5269,7],[5410,7],[6252,7]]},"618":{"position":[[1829,8],[1842,9],[2995,7],[3181,8],[3472,7],[3497,8],[4317,8],[5122,8],[5833,7],[10658,8],[10772,8],[10928,8],[11422,8]]},"622":{"position":[[6109,8],[6122,9],[6994,7],[7133,8],[7377,7],[7402,8],[8252,8],[9018,7],[14023,8],[14136,8],[14292,8],[14339,7],[16441,7],[16481,7],[16521,7],[16561,7],[16601,7],[16641,7],[16681,7],[16721,7],[16761,7],[17260,8],[17853,7]]},"654":{"position":[[21579,8],[21693,8],[21849,8]]}}}],["decision'bi",{"_index":4070,"t":{"654":{"position":[[212,11]]}}}],["decor",{"_index":2697,"t":{"598":{"position":[[2972,10],[3121,10]]}}}],["decreas",{"_index":2366,"t":{"590":{"position":[[916,8],[2313,8]]},"660":{"position":[[24512,8]]}}}],["decreaseprogressbar",{"_index":2386,"t":{"590":{"position":[[2268,21],[3009,21]]}}}],["decreasewidth",{"_index":2365,"t":{"590":{"position":[[902,13]]}}}],["dedic",{"_index":117,"t":{"2":{"position":[[2464,10]]},"124":{"position":[[952,10]]}}}],["default",{"_index":287,"t":{"32":{"position":[[287,7],[370,7]]},"36":{"position":[[306,7],[326,7]]},"72":{"position":[[420,7]]},"74":{"position":[[225,7]]},"96":{"position":[[232,7]]},"112":{"position":[[449,7]]},"556":{"position":[[205,7]]},"558":{"position":[[219,7]]},"560":{"position":[[136,7]]},"562":{"position":[[166,7],[1882,7],[2463,8],[2724,7],[3014,8],[3275,7],[3564,8],[3825,7],[4327,8],[4588,7],[4952,8],[5213,7],[5575,8],[5836,7],[6317,8],[6578,7],[6868,8],[7129,7],[7418,8],[7679,7],[7884,7],[7983,8],[8119,8],[8380,7],[8684,8],[8945,7],[9234,8],[9495,7],[9949,8],[10210,7],[10500,8],[10761,7],[11050,8],[11311,7],[12129,8],[12390,7],[12692,8],[12953,7],[13254,8],[13515,7],[13812,8],[14073,7],[14360,8],[14621,7],[14920,8],[15181,7],[16715,9],[18446,8],[18707,7],[18997,8],[19258,7],[19547,8],[19808,7],[20249,9],[20831,8],[21092,7],[21404,8],[21665,7],[21976,8],[22237,7],[22462,9],[22523,9],[23605,7]]},"566":{"position":[[165,7],[596,7],[1723,7]]},"568":{"position":[[190,7]]},"570":{"position":[[389,7],[726,7],[907,7],[1087,7],[1268,7],[1521,7],[1957,7],[2213,7],[2393,7]]},"572":{"position":[[170,7],[2095,7],[2223,9],[3097,7],[3192,9],[4262,7],[4465,9]]},"574":{"position":[[709,7],[8271,8],[8575,9]]},"576":{"position":[[197,7],[2658,7],[2848,8],[3255,7],[3812,9],[4545,9],[5562,9],[6647,9],[11684,7]]},"578":{"position":[[196,7],[4585,9],[6274,9]]},"580":{"position":[[215,7],[500,7],[1337,8]]},"582":{"position":[[187,7]]},"584":{"position":[[418,7],[2242,7]]},"586":{"position":[[152,7],[400,7],[869,7],[1055,7],[1309,7],[1804,8]]},"588":{"position":[[178,7]]},"590":{"position":[[232,7],[475,7],[544,7]]},"592":{"position":[[226,7],[863,7]]},"594":{"position":[[167,7]]},"596":{"position":[[421,7],[7362,9]]},"598":{"position":[[402,7]]},"600":{"position":[[139,7],[1548,7],[12438,9],[12878,8],[13596,9],[14292,9],[14337,9],[15560,9],[15620,9]]},"602":{"position":[[404,7],[1535,7],[1800,7],[5309,7],[5548,7],[5857,8],[5889,7],[7564,9],[7618,9],[7658,9],[11288,9],[11342,9],[11382,9],[14149,9],[14203,9],[14243,9]]},"604":{"position":[[259,7],[1390,7],[1653,7],[3344,7],[3583,7],[3892,8],[3924,7],[5514,9],[5566,9],[5606,9],[9197,9],[9249,9],[9289,9],[10595,9],[10647,9],[10687,9],[12566,8],[12598,7],[12823,9],[12875,9],[12915,9],[14921,9],[14973,9],[15013,9]]},"606":{"position":[[355,7],[1486,7],[1759,7],[2958,7],[3215,7],[3301,8],[3333,7],[4571,9],[4633,9],[4673,9],[8130,8],[8162,7],[8460,9],[8514,9],[8554,9],[11659,9],[11721,9],[11761,9]]},"608":{"position":[[200,7],[1331,7],[1594,7],[2691,7],[2938,7],[3024,8],[3056,7],[4269,9],[4321,9],[4361,9],[8063,9],[8115,9],[8155,9],[12271,9],[12323,9],[12363,9]]},"610":{"position":[[173,7]]},"612":{"position":[[253,7],[3855,8],[6558,7],[11140,9],[11239,9],[12624,9],[12664,9],[12733,9],[13598,7]]},"614":{"position":[[328,7],[6684,9],[11455,9]]},"616":{"position":[[154,7],[864,7],[3181,9],[3432,8],[3470,7]]},"618":{"position":[[215,7],[1352,8],[4472,8],[5901,8],[7522,9]]},"620":{"position":[[177,7],[2063,9]]},"622":{"position":[[207,7],[1870,8],[5670,7],[9086,8],[10749,9]]},"624":{"position":[[2910,7],[2934,7],[6751,7],[8050,9],[8100,9],[8901,7]]},"626":{"position":[[1302,7],[3095,7],[3119,7],[6227,7],[7526,9],[7576,9],[8364,7]]},"628":{"position":[[332,7],[4802,9],[10698,9]]},"630":{"position":[[612,7],[1162,7],[4763,7],[6297,7],[8076,7],[9851,8]]},"632":{"position":[[2573,7],[2597,7],[3331,7]]},"634":{"position":[[2603,7],[2627,7],[5651,7],[7792,7]]},"636":{"position":[[2558,7],[2582,7],[6008,7],[8904,7]]},"638":{"position":[[2573,7],[2597,7],[3152,7]]},"640":{"position":[[1024,9],[1074,9]]},"642":{"position":[[2945,7],[2969,7],[7110,9],[7160,9],[7956,7]]},"644":{"position":[[2945,7],[2969,7],[6949,9],[6999,9],[7795,7]]},"646":{"position":[[1029,9],[1079,9]]},"648":{"position":[[356,7],[1904,9],[3087,9],[3863,9],[4279,9],[4712,9],[5325,9]]},"652":{"position":[[2599,7],[2623,7],[7652,7]]},"654":{"position":[[266,7],[1058,7],[1326,7],[1696,7],[1986,7],[2169,7],[16339,8],[20580,9],[21925,8],[24365,9]]},"656":{"position":[[234,7],[886,7],[9272,9],[11745,9],[14175,9]]},"658":{"position":[[223,7],[1499,7]]},"660":{"position":[[212,7],[3864,8],[4023,7],[5574,7],[5928,7],[6845,7],[11702,8],[12008,7],[19646,7],[19728,7],[19764,7],[22178,8],[30782,7],[30852,7],[30933,7],[30989,7],[31190,7],[35960,8],[38308,8],[46654,8],[49307,8],[52552,7],[73264,8],[74255,9],[77230,9],[80581,9],[83726,9],[86492,9],[91721,9],[99951,9],[102089,9],[102142,9],[104527,9],[104580,9],[107462,9],[112283,9],[112336,9],[115918,9],[118542,9],[121203,9],[123979,9],[125963,9],[128557,9],[128601,9],[131198,9],[131242,9],[133593,7],[133715,7]]}}}],["defin",{"_index":3330,"t":{"614":{"position":[[172,7]]},"628":{"position":[[176,7]]},"654":{"position":[[1547,8]]},"660":{"position":[[69919,6],[69970,8]]}}}],["degrad",{"_index":3342,"t":{"614":{"position":[[1457,8]]},"628":{"position":[[1401,8]]}}}],["degre",{"_index":2870,"t":{"602":{"position":[[4241,8]]}}}],["delay",{"_index":3898,"t":{"630":{"position":[[715,5],[747,5],[4752,6],[4771,5],[4821,5],[6286,6],[6305,5],[6355,5]]}}}],["delay=\"4000",{"_index":3811,"t":{"624":{"position":[[7963,12]]},"626":{"position":[[7439,12]]},"630":{"position":[[11636,12]]},"642":{"position":[[7023,12]]},"644":{"position":[[6862,12]]}}}],["delay=\"6000",{"_index":3931,"t":{"630":{"position":[[4941,12],[6531,12]]}}}],["deleg",{"_index":2539,"t":{"596":{"position":[[861,8]]},"660":{"position":[[79276,8]]}}}],["delet",{"_index":1695,"t":{"574":{"position":[[1686,6],[1871,6],[1907,6],[1931,7],[2612,6],[2945,6],[3017,6],[3139,7],[3230,8]]},"586":{"position":[[4071,6],[7225,6]]},"600":{"position":[[14756,8]]},"624":{"position":[[3057,6],[3130,6],[3171,6]]},"626":{"position":[[3242,6],[3315,6],[3356,6]]},"630":{"position":[[9926,7]]},"632":{"position":[[2720,6],[2793,6],[2834,6]]},"634":{"position":[[2742,6],[2798,6]]},"636":{"position":[[2697,6],[2753,6]]},"638":{"position":[[2720,6],[2776,6]]},"642":{"position":[[3092,6],[3165,6],[3206,6]]},"644":{"position":[[3092,6],[3165,6],[3206,6]]},"652":{"position":[[2738,6],[2794,6]]}}}],["delete.png",{"_index":2336,"t":{"586":{"position":[[9351,11]]}}}],["deleteemployeeasync",{"_index":1706,"t":{"574":{"position":[[2744,21]]}}}],["demo",{"_index":41,"t":{"2":{"position":[[520,4]]},"10":{"position":[[182,4],[267,4],[307,4]]},"14":{"position":[[165,5],[270,5],[283,4]]},"16":{"position":[[232,4]]},"18":{"position":[[197,4],[262,4]]},"20":{"position":[[200,4]]},"22":{"position":[[291,4]]},"24":{"position":[[227,4]]},"26":{"position":[[235,4]]},"28":{"position":[[201,4]]},"30":{"position":[[294,4],[337,5]]},"32":{"position":[[564,4],[582,5]]},"34":{"position":[[175,4]]},"36":{"position":[[583,4]]},"38":{"position":[[292,4]]},"40":{"position":[[321,4]]},"42":{"position":[[505,5],[557,4],[634,4]]},"44":{"position":[[412,4]]},"46":{"position":[[242,5],[423,4]]},"48":{"position":[[241,5],[369,4],[403,4]]},"50":{"position":[[220,5],[343,4],[377,4]]},"52":{"position":[[390,5],[593,4]]},"54":{"position":[[331,5],[407,4],[436,4]]},"56":{"position":[[483,5],[599,4],[628,4]]},"58":{"position":[[207,5],[278,4],[307,4]]},"60":{"position":[[533,4],[562,4]]},"62":{"position":[[299,4],[328,4]]},"64":{"position":[[240,4],[269,4]]},"66":{"position":[[264,4],[293,4]]},"68":{"position":[[717,4],[746,4]]},"70":{"position":[[741,4],[770,4]]},"72":{"position":[[738,4],[767,4]]},"74":{"position":[[430,4],[459,4]]},"76":{"position":[[231,4],[260,4]]},"78":{"position":[[314,4],[343,4]]},"80":{"position":[[1356,4],[1385,4]]},"82":{"position":[[280,4],[309,4]]},"84":{"position":[[392,4],[421,4]]},"86":{"position":[[524,4],[553,4]]},"88":{"position":[[281,4],[310,4]]},"90":{"position":[[205,4],[234,4]]},"92":{"position":[[320,4],[349,4]]},"94":{"position":[[206,4],[235,4]]},"96":{"position":[[295,4],[324,4]]},"98":{"position":[[679,4],[708,4]]},"100":{"position":[[1162,4],[1191,4]]},"102":{"position":[[398,4],[427,4]]},"104":{"position":[[707,4],[736,4]]},"106":{"position":[[424,4],[453,4]]},"108":{"position":[[520,4],[549,4]]},"110":{"position":[[706,5],[1088,4],[1117,4]]},"112":{"position":[[806,4],[835,4]]},"114":{"position":[[268,4],[297,4]]},"116":{"position":[[350,4],[379,4]]},"118":{"position":[[381,5],[394,4],[423,4]]},"120":{"position":[[335,5],[348,4],[377,4]]},"122":{"position":[[167,4],[258,5],[292,4],[321,4]]},"128":{"position":[[834,5],[1502,4],[1531,4]]},"134":{"position":[[1384,5]]},"140":{"position":[[1676,4]]},"144":{"position":[[208,5]]},"146":{"position":[[2479,4]]},"158":{"position":[[564,4]]},"230":{"position":[[573,4]]},"238":{"position":[[1416,4]]},"240":{"position":[[1240,5]]},"306":{"position":[[567,4]]},"346":{"position":[[217,4]]},"364":{"position":[[562,4]]},"446":{"position":[[209,5]]},"468":{"position":[[219,4]]},"550":{"position":[[211,4]]},"556":{"position":[[1620,4],[2180,5],[2857,5],[3569,5]]},"558":{"position":[[985,4],[1599,4],[2341,4]]},"560":{"position":[[1150,4],[2412,4],[3290,4],[3970,4],[6889,4],[7295,4]]},"562":{"position":[[4015,4],[6026,4],[7869,4],[9685,4],[11501,4],[17979,4],[20437,4],[23421,4]]},"564":{"position":[[311,4],[600,4],[699,4],[795,4],[885,4]]},"566":{"position":[[1648,4],[2855,4],[5292,4],[7826,4]]},"568":{"position":[[2412,4],[2629,4],[3165,4],[3802,4],[4589,4],[5450,4],[6397,4],[6771,4],[7346,4],[7782,4],[8456,4],[8946,4],[9705,4]]},"570":{"position":[[3109,4],[3463,4],[3862,4],[4785,4],[5093,4],[5893,4],[6305,4],[7130,4],[8247,4],[10578,4],[11986,4],[13322,4]]},"572":{"position":[[2453,4],[3422,4]]},"574":{"position":[[2087,4],[3970,4],[4690,4],[5776,4],[5927,4],[6936,4],[8214,4],[8876,4]]},"576":{"position":[[3239,4],[4787,4],[6967,4],[7377,4],[11607,4],[15854,4],[21325,4]]},"578":{"position":[[4102,4],[5540,4],[7652,4],[8595,4],[8745,4],[9582,4],[9773,4],[10459,4],[11549,4],[12416,4],[14013,4],[15242,4]]},"580":{"position":[[1097,4],[1316,4],[2126,4],[2560,4],[3479,4]]},"582":{"position":[[1946,4],[2213,4],[2412,4],[2765,4],[2999,4],[3346,4]]},"584":{"position":[[1538,4],[2198,4],[3683,4]]},"586":{"position":[[6692,4],[9669,4]]},"588":{"position":[[1051,4]]},"590":{"position":[[1994,4],[2206,4],[3243,4],[3651,4],[4463,4],[5834,4],[6213,4],[7167,4],[8275,4]]},"592":{"position":[[3642,4],[6218,4],[9233,4],[12227,4],[15225,4]]},"594":{"position":[[803,4],[1339,4],[2006,4],[2738,4],[2822,4],[3090,4],[3199,4],[3297,4],[4167,4],[4658,4]]},"596":{"position":[[2901,4],[8168,4],[10303,4],[10803,4],[11755,4],[12568,4],[13597,4],[13835,4]]},"598":{"position":[[1028,4],[1276,4],[2818,4],[2921,4],[3063,4],[3230,4],[3568,4],[3706,4],[4313,4]]},"600":{"position":[[2909,4],[3842,4],[4879,4],[5929,4],[6777,4],[7363,4],[8043,4],[8649,4],[9263,4],[11333,4],[11831,4],[12941,4],[13787,4],[14684,4],[16104,4]]},"602":{"position":[[14031,4],[17278,4]]},"604":{"position":[[9073,4],[10474,4],[12544,4],[14806,4],[16990,4]]},"606":{"position":[[8108,4],[11238,4],[15307,4]]},"608":{"position":[[7662,4],[11533,4],[14831,4]]},"610":{"position":[[1080,4],[1315,4],[1567,4],[1969,4],[2125,4]]},"612":{"position":[[3705,4],[5576,4],[6544,4],[8140,4],[10486,4],[13405,4]]},"614":{"position":[[1729,4],[3052,4],[5469,4],[6854,4],[8970,4],[9421,4]]},"616":{"position":[[2026,4],[3317,4],[4145,4],[5259,4],[5437,4],[6100,4]]},"618":{"position":[[1657,4],[3521,4],[4340,4],[5146,4],[5864,4],[6348,4],[7655,4],[10965,4],[11637,4]]},"620":{"position":[[1003,4],[2194,4],[2394,4],[2885,4]]},"622":{"position":[[2150,4],[4545,4],[4882,4],[5395,4],[5935,4],[7426,4],[8275,4],[9049,4],[9561,4],[10886,4],[14329,4],[16799,4],[17475,4]]},"628":{"position":[[1622,4],[2224,4],[3638,4],[4971,4],[8525,4],[8972,4]]},"630":{"position":[[3157,4],[4664,4],[6149,4],[7991,4],[9771,4],[11402,4]]},"648":{"position":[[218,4],[2137,4],[3348,4],[4095,4],[4545,4],[4933,4]]},"654":{"position":[[4053,4],[6238,4],[8824,4],[10611,4],[11678,4],[12282,4],[13329,4],[14395,4],[14908,4],[16310,4],[17088,4],[17599,4],[18164,4],[18660,4],[21890,4],[23711,4],[24578,4],[25514,4]]},"656":{"position":[[2557,4],[4472,4],[6396,4],[8655,4],[11065,4],[13538,4],[15968,4],[18359,4],[22128,4],[24038,4]]},"658":{"position":[[1406,4],[2227,4],[1358135,4]]},"660":{"position":[[9339,4],[11684,4],[14441,4],[16832,4],[19632,4],[22003,4],[24405,4],[28498,4],[30768,4],[33482,4],[35847,4],[38212,4],[40469,4],[42727,4],[46527,4],[49234,4],[50189,4],[54706,4],[57042,4],[60168,4],[63510,4],[66731,4],[69814,4],[76127,4],[79102,4],[82682,4],[85746,4],[88458,4],[92940,4],[101170,4],[103590,4],[106041,4],[110537,4],[114130,4],[116662,4],[119286,4],[121947,4],[124723,4],[127929,4],[130389,4],[133280,4]]}}}],["demonstr",{"_index":2047,"t":{"578":{"position":[[9102,13],[10859,13]]},"600":{"position":[[3934,12]]},"608":{"position":[[11580,12]]},"624":{"position":[[983,13],[2967,13]]},"626":{"position":[[985,13],[3152,13]]},"632":{"position":[[2630,13]]},"634":{"position":[[2660,13]]},"636":{"position":[[2615,13]]},"638":{"position":[[2630,13]]},"642":{"position":[[997,13],[3002,13]]},"644":{"position":[[997,13],[3002,13]]},"652":{"position":[[2656,13]]}}}],["denot",{"_index":1163,"t":{"560":{"position":[[2208,7]]},"566":{"position":[[3118,7],[3606,7],[4095,7],[4581,7],[5066,7],[5576,7],[6083,7],[6591,7],[7096,7],[7600,7]]},"596":{"position":[[10872,7]]}}}],["depart",{"_index":4525,"t":{"660":{"position":[[54866,10],[54961,10],[54975,12],[55714,11],[57202,10]]}}}],["department(\"product",{"_index":4532,"t":{"660":{"position":[[55757,19],[56476,19]]}}}],["departur",{"_index":3871,"t":{"628":{"position":[[8154,10],[8253,10],[9226,10],[11884,10]]}}}],["departured",{"_index":3872,"t":{"628":{"position":[[8200,13]]}}}],["departuretim",{"_index":3873,"t":{"628":{"position":[[8299,13],[11051,14],[11071,14],[11299,14],[11930,13]]}}}],["departuretime.hasvalu",{"_index":3888,"t":{"628":{"position":[[11097,24]]}}}],["departuretime.value.addhours(1",{"_index":3890,"t":{"628":{"position":[[11362,32]]}}}],["departuretime.value.addhours(12",{"_index":3891,"t":{"628":{"position":[[11412,33]]}}}],["departuretimechanged(timeonli",{"_index":3887,"t":{"628":{"position":[[11020,30]]}}}],["departuretimechanged(valu",{"_index":3880,"t":{"628":{"position":[[9846,28]]}}}],["depend",{"_index":1061,"t":{"556":{"position":[[3769,9]]},"572":{"position":[[1451,9]]},"602":{"position":[[343,9],[4776,7]]}}}],["descript",{"_index":967,"t":{"556":{"position":[[222,11],[499,11],[609,11]]},"558":{"position":[[236,11]]},"560":{"position":[[153,11]]},"562":{"position":[[183,11],[560,11],[1391,11],[1899,11]]},"566":{"position":[[182,11]]},"568":{"position":[[207,11],[1593,11]]},"570":{"position":[[406,11],[743,11],[924,11],[1104,11],[1285,11],[1538,11],[1974,11],[2230,11],[2410,11]]},"572":{"position":[[187,11],[520,11],[717,11]]},"574":{"position":[[185,11],[717,11]]},"576":{"position":[[214,11],[1346,11],[1965,11]]},"578":{"position":[[213,11],[1798,11],[2269,11]]},"580":{"position":[[232,11],[517,11]]},"582":{"position":[[204,11],[1428,11]]},"584":{"position":[[435,11],[671,11]]},"586":{"position":[[169,11],[417,11],[886,11],[1072,11],[1326,11],[2333,11],[2901,11],[3415,11]]},"588":{"position":[[195,11],[523,11]]},"590":{"position":[[249,11],[561,11],[890,11]]},"592":{"position":[[243,11],[717,11],[880,11]]},"594":{"position":[[184,11]]},"596":{"position":[[438,11],[1987,11]]},"598":{"position":[[419,11]]},"600":{"position":[[156,11],[439,11],[1123,11],[1565,11],[2058,11]]},"602":{"position":[[421,11],[755,11],[1552,11],[1817,11],[5326,11],[5565,11]]},"604":{"position":[[276,11],[610,11],[1407,11],[1670,11],[3361,11],[3600,11]]},"606":{"position":[[372,11],[706,11],[1503,11],[1776,11],[2975,11],[3232,11]]},"608":{"position":[[217,11],[551,11],[1348,11],[1611,11],[2708,11],[2955,11]]},"610":{"position":[[152,11]]},"612":{"position":[[270,11],[1176,11],[1421,11],[1773,11]]},"614":{"position":[[345,11],[1130,11],[1237,11]]},"616":{"position":[[171,11],[614,11],[729,11],[881,11]]},"618":{"position":[[232,11],[1135,11],[1224,11]]},"620":{"position":[[194,11],[484,11],[597,11]]},"622":{"position":[[224,11],[1647,11],[1740,11]]},"628":{"position":[[349,11],[1074,11],[1181,11]]},"630":{"position":[[629,11],[1141,11]]},"648":{"position":[[335,11]]},"654":{"position":[[283,11],[1075,11],[1343,11],[1713,11],[2003,11],[2186,11],[2815,11],[3182,11]]},"656":{"position":[[251,11],[744,11],[903,11]]},"658":{"position":[[240,11],[537,11]]},"660":{"position":[[229,11],[3107,11],[3727,11],[4040,11],[6862,11]]}}}],["design",{"_index":1340,"t":{"564":{"position":[[78,8]]},"576":{"position":[[3007,6]]},"630":{"position":[[209,8]]},"654":{"position":[[205,6]]},"660":{"position":[[8063,11],[8185,11],[8317,11],[8440,11],[8572,11],[8703,11],[8825,11],[8946,11],[9068,11],[10408,11],[10530,11],[10662,11],[10785,11],[10917,11],[11048,11],[11170,11],[11291,11],[11413,11],[12784,11],[12906,11],[13038,11],[13161,11],[13293,11],[13424,11],[13546,11],[13668,11],[13798,11],[13922,11],[14044,11],[14165,11],[15556,11],[15678,11],[15810,11],[15933,11],[16065,11],[16196,11],[16318,11],[16439,11],[16561,11],[17975,11],[18097,11],[18229,11],[18352,11],[18484,11],[18615,11],[18737,11],[18859,11],[18989,11],[19113,11],[19235,11],[19356,11],[20727,11],[20849,11],[20981,11],[21104,11],[21236,11],[21367,11],[21489,11],[21610,11],[21732,11],[23129,11],[23251,11],[23383,11],[23506,11],[23638,11],[23769,11],[23891,11],[24012,11],[24134,11],[26294,11],[26526,11],[26771,11],[27005,11],[27252,11],[27497,11],[27736,11],[27974,11],[28212,11],[32206,11],[32328,11],[32460,11],[32583,11],[32715,11],[32846,11],[32968,11],[33089,11],[33211,11],[34571,11],[34693,11],[34825,11],[34948,11],[35080,11],[35211,11],[35333,11],[35454,11],[35576,11],[36936,11],[37058,11],[37190,11],[37313,11],[37445,11],[37576,11],[37698,11],[37819,11],[37941,11],[39341,11],[39444,11],[39560,11],[39666,11],[39782,11],[39900,11],[40005,11],[40109,11],[40215,11],[41599,11],[41702,11],[41818,11],[41924,11],[42040,11],[42158,11],[42263,11],[42367,11],[42473,11],[44323,11],[44555,11],[44800,11],[45034,11],[45281,11],[45526,11],[45765,11],[46003,11],[46241,11],[47577,11],[47699,11],[47831,11],[47954,11],[48086,11],[48217,11],[48339,11],[48461,11],[48591,11],[48715,11],[48837,11],[48958,11],[53231,11],[53353,11],[53485,11],[53608,11],[53740,11],[53871,11],[53993,11],[54115,11],[54245,11],[54369,11],[54491,11],[54612,11],[55870,11],[55992,11],[56124,11],[56247,11],[56379,11],[56588,11],[56710,11],[56831,11],[56953,11],[58323,11],[58445,11],[58577,11],[58700,11],[58832,11],[60374,11],[62035,11],[62157,11],[62289,11],[62412,11],[62544,11],[62675,11],[62797,11],[62919,11],[63049,11],[63173,11],[63295,11],[63416,11],[65256,11],[65378,11],[65510,11],[65633,11],[65765,11],[65896,11],[66018,11],[66140,11],[66270,11],[66394,11],[66516,11],[66637,11],[68339,11],[68461,11],[68593,11],[68716,11],[68848,11],[68979,11],[69101,11],[69223,11],[69353,11],[69477,11],[69599,11],[69720,11],[71716,11],[71838,11],[71970,11],[72093,11],[72225,11],[72356,11],[72478,11],[72600,11],[72730,11],[72854,11],[72976,11],[73097,11],[74854,11],[74976,11],[75108,11],[75231,11],[75363,11],[75494,11],[75616,11],[75737,11],[75859,11],[77829,11],[77951,11],[78083,11],[78206,11],[78338,11],[78469,11],[78591,11],[78712,11],[78834,11],[81126,11],[81248,11],[81380,11],[81503,11],[81635,11],[81766,11],[81888,11],[82009,11],[82131,11],[84217,11],[84339,11],[84471,11],[84594,11],[84726,11],[84857,11],[84979,11],[85101,11],[85231,11],[85355,11],[85477,11],[85598,11],[86983,11],[87105,11],[87237,11],[87360,11],[87492,11],[87623,11],[87745,11],[87867,11],[87997,11],[88121,11],[88243,11],[88364,11],[92210,11],[92342,11],[92465,11],[92597,11],[92728,11],[92850,11],[100440,11],[100572,11],[100695,11],[100827,11],[100958,11],[101080,11],[102631,11],[102763,11],[102886,11],[103018,11],[103149,11],[103271,11],[105069,11],[105201,11],[105324,11],[105456,11],[105587,11],[105709,11],[109062,11],[109184,11],[109316,11],[109439,11],[109571,11],[109702,11],[109824,11],[109946,11],[110076,11],[110200,11],[110322,11],[110443,11],[112942,11],[113065,11],[113197,11],[113320,11],[113452,11],[113583,11],[113705,11],[113826,11],[113948,11],[114048,11],[126454,11],[126576,11],[126708,11],[126831,11],[126963,11],[127094,11],[127216,11],[127338,11],[127468,11],[127592,11],[127714,11],[127835,11]]}}}],["desktop",{"_index":3895,"t":{"630":{"position":[[266,7]]}}}],["detail",{"_index":1483,"t":{"568":{"position":[[7669,13]]},"576":{"position":[[4045,9],[5897,9]]},"578":{"position":[[4809,9],[6600,9]]},"624":{"position":[[4851,8]]},"626":{"position":[[4923,8]]},"630":{"position":[[11978,7],[12040,7]]},"648":{"position":[[5427,7],[5516,7]]}}}],["determin",{"_index":2540,"t":{"596":{"position":[[875,10]]},"614":{"position":[[557,10]]},"618":{"position":[[518,10]]},"620":{"position":[[346,10]]},"622":{"position":[[598,10],[796,10]]},"628":{"position":[[561,10]]}}}],["dev",{"_index":3772,"t":{"624":{"position":[[4837,3]]},"626":{"position":[[4909,3]]}}}],["develop",{"_index":172,"t":{"4":{"position":[[192,11]]},"138":{"position":[[386,11]]},"242":{"position":[[245,11]]},"434":{"position":[[236,11]]},"656":{"position":[[18389,10]]},"660":{"position":[[55792,13],[56511,13]]}}}],["devic",{"_index":1745,"t":{"574":{"position":[[5867,7]]},"578":{"position":[[8685,7]]},"620":{"position":[[129,6]]},"656":{"position":[[145,6]]}}}],["devop",{"_index":4361,"t":{"660":{"position":[[8207,6],[10552,6],[12928,6],[15700,6],[18119,6],[20871,6],[23273,6],[26548,6],[32350,6],[34715,6],[37080,6],[39466,6],[41724,6],[44577,6],[47721,6],[53375,6],[56014,6],[58467,6],[62179,6],[65400,6],[68483,6],[71860,6],[74998,6],[77973,6],[81270,6],[84361,6],[87127,6],[92232,6],[100462,6],[102653,6],[105091,6],[109206,6],[113087,6],[126598,6]]}}}],["dialog",{"_index":40,"t":{"2":{"position":[[494,7]]},"10":{"position":[[252,6]]},"22":{"position":[[221,6],[312,6],[375,6]]},"46":{"position":[[179,6],[296,6],[451,6],[656,6],[678,6]]},"48":{"position":[[344,6]]},"52":{"position":[[483,6],[659,6],[825,6],[847,6]]},"56":{"position":[[575,6],[704,6],[832,6]]},"104":{"position":[[169,7],[316,6],[341,6]]},"122":{"position":[[141,7]]},"126":{"position":[[451,7]]},"132":{"position":[[1476,6],[2975,6],[2997,6]]},"134":{"position":[[994,6]]},"140":{"position":[[244,6],[266,6]]},"146":{"position":[[601,7]]},"158":{"position":[[538,7]]},"160":{"position":[[965,6],[987,6],[1291,6],[1313,6]]},"166":{"position":[[36,7],[382,6],[404,6],[708,6],[730,6]]},"168":{"position":[[28,7],[374,6],[396,6],[700,6],[722,6]]},"186":{"position":[[298,6],[320,6]]},"194":{"position":[[375,6],[397,6],[701,6],[723,6]]},"200":{"position":[[298,6],[320,6]]},"202":{"position":[[375,6],[397,6],[701,6],[723,6]]},"212":{"position":[[213,7]]},"216":{"position":[[374,6],[396,6]]},"220":{"position":[[1272,6],[2771,6],[2793,6],[3097,6],[3119,6]]},"222":{"position":[[224,7]]},"230":{"position":[[547,7]]},"234":{"position":[[222,7]]},"236":{"position":[[1281,6],[2780,6],[2802,6],[3106,6],[3128,6]]},"240":{"position":[[850,6]]},"250":{"position":[[218,7]]},"258":{"position":[[226,7]]},"260":{"position":[[336,6]]},"266":{"position":[[330,6]]},"272":{"position":[[217,7],[2613,6]]},"288":{"position":[[219,7]]},"304":{"position":[[219,7]]},"306":{"position":[[541,7]]},"308":{"position":[[2537,7]]},"310":{"position":[[777,6]]},"314":{"position":[[1275,6]]},"316":{"position":[[216,7]]},"332":{"position":[[30,7],[259,6]]},"334":{"position":[[212,7]]},"342":{"position":[[330,6]]},"346":{"position":[[191,7],[790,7]]},"356":{"position":[[21,8],[324,6]]},"360":{"position":[[1433,7]]},"364":{"position":[[536,7]]},"372":{"position":[[250,6]]},"380":{"position":[[218,7]]},"382":{"position":[[323,6]]},"384":{"position":[[1123,7]]},"410":{"position":[[566,7]]},"430":{"position":[[1151,6]]},"436":{"position":[[527,7]]},"448":{"position":[[251,6]]},"474":{"position":[[368,6],[390,6]]},"484":{"position":[[214,7]]},"500":{"position":[[324,6]]},"550":{"position":[[185,7]]},"568":{"position":[[104,8]]},"572":{"position":[[5281,6]]},"574":{"position":[[19,6],[54,6],[90,6],[327,7],[474,7],[636,7],[799,6],[817,6],[910,7],[1052,6],[1138,6],[1577,7],[1742,7],[2080,6],[2127,7],[2194,6],[2668,7],[3963,6],[4241,7],[4528,8],[4683,6],[4725,6],[4864,6],[4902,6],[4940,6],[5116,6],[5241,6],[5377,6],[5424,7],[5614,8],[5769,6],[5816,7],[6070,6],[6117,7],[6248,6],[6362,6],[6392,6],[6562,6],[6609,7],[6805,6],[6929,6],[7047,7],[7186,6],[7233,7],[7418,8],[7594,6],[7624,6],[7827,6],[7874,7],[8098,6],[8519,6],[8566,6],[8709,6],[8991,6],[9027,6]]},"578":{"position":[[87,7],[598,6],[616,7]]},"648":{"position":[[106,7]]},"650":{"position":[[288,6],[310,6]]},"654":{"position":[[25557,6]]}}}],["dialog.showasync",{"_index":1698,"t":{"574":{"position":[[1820,17],[4487,17],[5573,17],[7377,17]]}}}],["dialog.showasync<employeedemocomponent>(\"ar",{"_index":1709,"t":{"574":{"position":[[2879,44]]}}}],["dialog.showasync<longcontentdemocompon",{"_index":1753,"t":{"574":{"position":[[6745,43],[8649,43]]}}}],["dialog.showasync<longcontentdemocomponent>(titl",{"_index":1751,"t":{"574":{"position":[[6189,49],[8039,49]]}}}],["dialog1",{"_index":838,"t":{"142":{"position":[[1300,7],[1393,7]]}}}],["dialog2",{"_index":776,"t":{"142":{"position":[[154,7],[192,7]]}}}],["dialogcssclass",{"_index":1678,"t":{"574":{"position":[[743,14]]},"578":{"position":[[548,14]]}}}],["dialogoptions.isscrollable=\"tru",{"_index":1752,"t":{"574":{"position":[[6416,34],[7648,34]]}}}],["dialogoptions.isverticallycentered=\"tru",{"_index":1754,"t":{"574":{"position":[[6972,41]]}}}],["dialogs",{"_index":1687,"t":{"574":{"position":[[1348,10]]}}}],["dictionari",{"_index":1798,"t":{"576":{"position":[[4890,11],[5139,11]]},"578":{"position":[[5659,11],[5908,11]]}}}],["dictionary<str",{"_index":1676,"t":{"574":{"position":[[515,18],[2789,18]]},"576":{"position":[[3913,18],[5663,18]]},"578":{"position":[[1882,18],[4681,18],[6370,18]]}}}],["dictum",{"_index":1867,"t":{"576":{"position":[[8003,6],[12244,6],[16385,6]]}}}],["differ",{"_index":397,"t":{"56":{"position":[[212,9]]},"70":{"position":[[368,9]]},"568":{"position":[[3787,9],[4116,10]]},"574":{"position":[[2142,9]]},"576":{"position":[[3350,9]]},"578":{"position":[[4148,9]]},"598":{"position":[[1261,9],[2803,9]]},"602":{"position":[[6560,9]]},"604":{"position":[[4594,9]]},"606":{"position":[[168,9],[3963,9]]},"608":{"position":[[156,9],[3681,9]]},"622":{"position":[[2190,9],[17616,9]]},"630":{"position":[[3319,9]]},"660":{"position":[[54856,9],[57192,9]]}}}],["digit",{"_index":3644,"t":{"622":{"position":[[1052,6],[1213,6],[1292,6],[1348,6],[4907,6],[4926,7],[17670,6],[17689,6]]}}}],["dignissim",{"_index":1890,"t":{"576":{"position":[[8237,9],[8526,9],[9389,9],[10303,9],[10361,10],[10960,9],[12478,9],[12767,9],[13630,9],[14544,9],[14602,10],[15201,9],[16619,9],[16908,9],[17771,9],[18685,9],[18743,10],[19342,9]]}}}],["dikshita",{"_index":3237,"t":{"612":{"position":[[3227,9],[5098,9],[7723,9]]}}}],["dimens",{"_index":1612,"t":{"570":{"position":[[10786,10]]}}}],["dire",{"_index":4443,"t":{"660":{"position":[[27169,7],[45198,7]]}}}],["direct",{"_index":613,"t":{"100":{"position":[[290,10]]},"568":{"position":[[7861,11]]},"654":{"position":[[688,9],[760,9],[10622,11],[16616,10],[25814,10]]},"660":{"position":[[4920,9],[5941,9],[30946,9]]}}}],["direction=\"dropdowndirection.dropend",{"_index":4119,"t":{"654":{"position":[[12360,37],[12462,38],[12856,37]]}}}],["direction=\"dropdowndirection.dropstart",{"_index":4123,"t":{"654":{"position":[[13416,39],[13520,40],[13918,39]]}}}],["direction=\"dropdowndirection.dropup",{"_index":4113,"t":{"654":{"position":[[10690,36],[10791,37],[11200,36]]}}}],["direction=\"dropdowndirection.dropupcent",{"_index":4116,"t":{"654":{"position":[[11759,44],[11868,45]]}}}],["directli",{"_index":684,"t":{"110":{"position":[[311,8]]},"588":{"position":[[461,8]]},"658":{"position":[[116,8]]}}}],["directori",{"_index":3736,"t":{"624":{"position":[[3119,10]]},"626":{"position":[[3304,10]]},"632":{"position":[[2782,10]]},"634":{"position":[[2787,10]]},"636":{"position":[[2742,10]]},"638":{"position":[[2765,10]]},"642":{"position":[[3154,10]]},"644":{"position":[[3154,10]]},"652":{"position":[[2783,10]]}}}],["disab",{"_index":1755,"t":{"574":{"position":[[8326,6]]}}}],["disabl",{"_index":288,"t":{"32":{"position":[[305,7],[386,7]]},"42":{"position":[[354,7],[455,7]]},"68":{"position":[[254,7]]},"70":{"position":[[286,7]]},"72":{"position":[[593,7]]},"74":{"position":[[273,8]]},"80":{"position":[[242,7],[260,7],[407,7],[440,7],[465,9],[554,7],[587,7],[612,9],[697,7],[730,7],[755,9],[842,7],[875,7],[900,9],[981,7],[1014,7],[1039,9],[1124,7],[1157,7],[1182,9]]},"100":{"position":[[358,8]]},"106":{"position":[[265,7]]},"110":{"position":[[489,8]]},"568":{"position":[[531,8],[575,8],[1725,8],[3813,8],[3931,8],[4043,8],[4574,8],[4600,7],[5413,7],[6708,8],[9834,8],[9849,7]]},"570":{"position":[[1669,8],[1698,8]]},"574":{"position":[[8225,7],[9122,7]]},"582":{"position":[[2224,8],[3473,8]]},"586":{"position":[[597,8],[634,8]]},"596":{"position":[[794,8],[912,9],[10314,7],[10339,7],[11766,7],[11850,8],[13976,7],[13999,7]]},"600":{"position":[[1745,8],[1782,8],[4890,7],[4903,7],[16287,7]]},"610":{"position":[[1091,8],[1286,8],[2210,8]]},"612":{"position":[[395,8],[432,8],[1202,9],[1217,8],[10496,8],[10513,8],[10535,7],[11012,7],[11163,8],[11830,8],[11861,9],[11874,8],[11916,8],[11927,10],[11963,9],[11995,7],[12046,8],[12080,9],[12478,7],[13312,9],[13624,7]]},"614":{"position":[[474,8],[511,8],[1156,7],[1164,8],[5479,8],[5496,8],[5518,7],[5841,7],[6014,8],[6056,8],[6087,9],[6100,8],[6142,8],[6153,10],[6189,9],[6221,7],[6269,8],[6303,9],[6546,7],[6769,9],[13019,7]]},"616":{"position":[[197,8],[234,8],[640,9],[650,8],[2036,9],[2054,8],[2076,7],[2386,7],[2523,8],[2565,8],[2596,9],[2609,8],[2651,8],[2662,10],[2698,9],[2730,7],[2781,8],[2815,9],[3045,7],[3230,9],[6226,8]]},"618":{"position":[[435,8],[472,8],[1147,9],[1157,8],[6358,8],[6375,8],[6397,7],[6719,7],[6851,8],[6893,8],[6924,9],[6937,8],[6979,8],[6990,10],[7026,9],[7058,7],[7108,8],[7142,9],[7384,7],[7566,9],[11821,7]]},"620":{"position":[[220,8],[257,8],[510,9],[525,8],[1013,8],[1022,8],[1039,8],[1061,7],[1328,7],[1466,8],[1508,8],[1539,9],[1552,8],[1594,8],[1605,10],[1641,9],[1673,7],[1718,8],[1752,9],[1940,7],[2113,9],[2994,7],[3002,7]]},"622":{"position":[[515,8],[552,8],[1659,9],[1669,8],[9571,8],[9588,8],[9610,7],[9936,7],[10068,8],[10110,8],[10141,9],[10154,8],[10196,8],[10207,10],[10243,9],[10275,7],[10327,8],[10361,9],[10607,7],[10793,9],[17833,7]]},"628":{"position":[[478,8],[515,8],[1100,7],[1108,8],[3648,8],[3665,8],[3687,7],[3985,7],[4155,8],[4197,8],[4228,9],[4241,8],[4283,8],[4294,10],[4330,9],[4362,7],[4410,8],[4444,9],[4663,7],[4884,9],[12182,7]]},"630":{"position":[[7787,7]]},"654":{"position":[[799,8],[845,9],[2387,8],[2438,9],[14919,9],[14932,7],[14962,8],[15824,9],[15842,8],[25873,8]]},"660":{"position":[[1164,7],[1258,7],[4314,8],[5739,7],[5807,8],[22013,7],[22081,7],[33492,7],[33574,7],[33614,9],[79112,7],[79138,7],[79322,8],[79401,7],[82336,7],[82457,7],[133608,7],[133731,7],[134094,7]]}}}],["disable/en",{"_index":524,"t":{"80":{"position":[[499,14],[646,14],[789,14],[934,14],[1073,14],[1216,14]]}}}],["disable</button",{"_index":1445,"t":{"568":{"position":[[5232,16]]}}}],["disableallrowsselect",{"_index":4261,"t":{"660":{"position":[[1098,23],[79228,23]]}}}],["disableallrowsselection=\"disableallrowsselectionhandl",{"_index":4579,"t":{"660":{"position":[[79642,56]]}}}],["disableallrowsselectionhandler(ienumerable<employee1",{"_index":4581,"t":{"660":{"position":[[82227,53]]}}}],["disablebutton",{"_index":1446,"t":{"568":{"position":[[5262,13],[5333,13],[5349,15]]}}}],["disabled=\"@dis",{"_index":3314,"t":{"612":{"position":[[10776,20]]},"614":{"position":[[5610,20]]},"616":{"position":[[2207,20]]},"618":{"position":[[6531,20]]},"620":{"position":[[1128,20]]},"622":{"position":[[9748,20]]},"628":{"position":[[3779,20]]}}}],["disabled=\"@disablebutton",{"_index":1437,"t":{"568":{"position":[[4697,25],[4829,25],[4963,25],[5089,25]]}}}],["disabled=\"@isdropdowndis",{"_index":4127,"t":{"654":{"position":[[15026,31]]}}}],["disabled=\"tru",{"_index":1430,"t":{"568":{"position":[[3870,15],[4185,16],[4281,16],[4407,16],[4526,16],[6691,16]]},"600":{"position":[[4935,15],[5473,16]]},"614":{"position":[[11020,15]]},"618":{"position":[[9189,15]]},"622":{"position":[[12554,15]]},"628":{"position":[[10261,15]]},"654":{"position":[[20078,15]]}}}],["disabled=\"true\">anoth",{"_index":4133,"t":{"654":{"position":[[16149,23]]}}}],["disabled>dis",{"_index":3171,"t":{"610":{"position":[[1237,17]]}}}],["disableditemcssclass",{"_index":2536,"t":{"596":{"position":[[722,20]]}}}],["disableditemcssclass=\"list",{"_index":2643,"t":{"596":{"position":[[11990,26]]}}}],["disabledropdown",{"_index":4132,"t":{"654":{"position":[[15746,17]]}}}],["disableitem",{"_index":2537,"t":{"596":{"position":[[816,11],[11869,11]]}}}],["disableitem=\"(emp",{"_index":2641,"t":{"596":{"position":[[11955,18]]}}}],["disablerowselect",{"_index":4263,"t":{"660":{"position":[[1209,19],[79256,19]]}}}],["disablerowselection=\"disablerowselectionhandl",{"_index":4580,"t":{"660":{"position":[[79699,48]]}}}],["disablerowselectionhandler(employee1",{"_index":4583,"t":{"660":{"position":[[82389,36]]}}}],["disappear",{"_index":533,"t":{"82":{"position":[[258,9]]},"84":{"position":[[302,9]]}}}],["discount",{"_index":3584,"t":{"618":{"position":[[8895,9],[10141,8],[10232,9],[10724,9],[10781,8]]},"622":{"position":[[12217,9],[13506,8],[13597,9],[14088,9],[14145,8]]},"654":{"position":[[19843,9],[21062,8],[21153,9],[21645,9],[21702,8]]}}}],["discount:</label",{"_index":3580,"t":{"618":{"position":[[8688,17]]},"622":{"position":[[11967,17]]},"654":{"position":[[19660,17]]}}}],["discountchanged(decim",{"_index":3592,"t":{"618":{"position":[[9963,24]]},"622":{"position":[[13328,24]]},"654":{"position":[[20884,24]]}}}],["discountchanged(valu",{"_index":3583,"t":{"618":{"position":[[8852,23]]},"622":{"position":[[12174,23]]},"654":{"position":[[19800,23]]}}}],["dismis",{"_index":234,"t":{"14":{"position":[[232,10]]}}}],["dismiss",{"_index":235,"t":{"14":{"position":[[246,11]]},"556":{"position":[[417,11],[2863,11],[2922,7],[2965,7],[3550,11],[3597,10],[3686,9],[4108,10]]},"574":{"position":[[840,11],[870,11]]},"630":{"position":[[1916,7]]}}}],["dismissable=\"tru",{"_index":1040,"t":{"556":{"position":[[2885,19],[3043,19]]}}}],["display",{"_index":309,"t":{"36":{"position":[[343,9]]},"568":{"position":[[5576,7]]},"570":{"position":[[333,7],[10739,8]]},"582":{"position":[[437,10]]},"586":{"position":[[1517,10],[1735,10],[2273,9],[3531,10]]},"592":{"position":[[95,7]]},"596":{"position":[[1026,7],[1084,7],[1117,7]]},"598":{"position":[[77,7]]},"600":{"position":[[551,10],[2174,10],[3086,7],[7384,7],[11357,10],[11503,10],[11666,10]]},"602":{"position":[[3637,9]]},"610":{"position":[[436,7],[598,8]]},"622":{"position":[[4981,7]]},"654":{"position":[[99,10]]},"656":{"position":[[11111,10]]},"658":{"position":[[442,10]]},"660":{"position":[[80,7],[1392,8],[1438,7],[49283,7],[49324,7],[49350,7],[49582,9]]}}}],["displaypag",{"_index":2143,"t":{"582":{"position":[[376,12]]}}}],["displaypages=\"5",{"_index":2174,"t":{"582":{"position":[[2026,16]]}}}],["displaypric",{"_index":3607,"t":{"618":{"position":[[11385,13],[11459,13],[11553,12]]},"622":{"position":[[17223,13],[17297,13],[17391,12]]}}}],["displayswitchstatu",{"_index":3634,"t":{"620":{"position":[[2688,20],[2786,19]]}}}],["dispos",{"_index":648,"t":{"104":{"position":[[437,7]]},"110":{"position":[[664,7]]},"112":{"position":[[622,7]]}}}],["distinct",{"_index":1362,"t":{"566":{"position":[[126,8]]},"602":{"position":[[6488,8]]},"604":{"position":[[4522,8]]},"606":{"position":[[3891,8]]},"608":{"position":[[3609,8]]}}}],["div",{"_index":987,"t":{"556":{"position":[[946,5],[1602,6],[1740,5],[2138,6],[2261,5],[2826,6],[3003,5],[3156,6],[3213,5],[3440,6]]},"558":{"position":[[349,5],[443,6],[1162,5],[1250,6],[1714,5],[1983,6]]},"560":{"position":[[3378,4],[3629,6],[3636,4],[3959,6],[4080,4],[5002,6],[5009,4],[5940,6],[5947,4],[6878,6]]},"568":{"position":[[5738,4],[5873,6],[5880,4],[6031,6],[6038,4],[6192,6],[6199,4],[6372,6],[8553,4],[8692,6]]},"570":{"position":[[6507,4],[6525,4],[6813,6],[6820,4],[7108,6],[7115,6]]},"572":{"position":[[4361,4],[4429,6]]},"574":{"position":[[3292,4],[3310,4],[3359,7],[3367,4],[3413,6],[3420,4],[3438,4],[3486,7],[3494,4],[3548,6],[3555,4],[3573,4],[3620,7],[3628,4],[3681,6]]},"576":{"position":[[4113,4],[4131,4],[4180,7],[4188,4],[4234,6],[4241,4],[4259,4],[4307,7],[4315,4],[4369,6],[4376,4],[4394,4],[4441,7],[4449,4],[4502,6],[5453,4],[5517,6],[6069,4],[6087,4],[6136,7],[6144,4],[6190,6],[6197,4],[6215,4],[6263,7],[6271,4],[6325,6],[6332,4],[6350,4],[6397,7],[6405,4],[6458,6]]},"578":{"position":[[4877,4],[4895,4],[4944,7],[4952,4],[4998,6],[5005,4],[5023,4],[5071,7],[5079,4],[5133,6],[5140,4],[5158,4],[5205,7],[5213,4],[5266,6],[6209,4],[6237,6],[6765,4],[6783,4],[6832,7],[6840,4],[6886,6],[6893,4],[6911,4],[6959,7],[6967,4],[7021,6],[7028,4],[7046,4],[7093,7],[7101,4],[7154,6]]},"586":{"position":[[6489,4],[6550,6],[9466,4],[9527,6]]},"588":{"position":[[1410,4]]},"590":{"position":[[2423,4],[2834,6],[4688,5],[5713,6]]},"592":{"position":[[6360,4],[6525,4],[6653,6],[6691,4],[6757,6],[9359,4],[9519,4],[9647,6],[9685,4],[9751,6],[12314,4],[12517,4],[12645,6],[12683,4],[12749,6]]},"594":{"position":[[2850,4],[2932,6],[2939,4],[3079,6],[3109,4],[3188,6],[3222,4],[3286,6],[4284,4],[4529,6]]},"596":{"position":[[3163,4],[3181,4],[3434,6],[3441,4],[3694,6],[3701,6],[5280,4],[5298,4],[5550,6],[5557,4],[5809,6],[5816,4],[6068,6],[6075,6],[8351,4],[8369,4],[8640,6],[8647,4],[8918,6],[8925,6],[11134,4],[11177,4],[11254,8],[11285,6]]},"600":{"position":[[13168,4],[13262,6],[13334,4],[13812,4],[13845,5],[13980,6],[14113,4],[14207,6],[14262,6],[14842,4],[14875,5],[15010,6],[15210,4],[15228,4],[15322,6],[15329,5],[15468,6],[15475,6],[15530,6]]},"610":{"position":[[694,5],[787,6],[794,5],[851,6],[858,5],[954,6],[961,5],[1060,6],[1615,4],[1715,6]]},"612":{"position":[[2146,4],[2164,4],[2425,6],[2432,6],[3973,4],[3991,4],[4296,6],[4303,6],[5604,4],[5622,4],[5883,6],[5890,6],[6573,4],[6591,4],[6852,6],[6859,6],[8471,4],[8577,4],[8911,6],[8918,6],[8925,4],[9026,4],[9194,6],[9201,6],[9208,4],[9226,4],[9335,6],[9342,6],[10561,4],[10584,4],[10868,6],[10875,6],[12099,4],[12122,4],[12406,6],[12413,6]]},"614":{"position":[[1493,4],[1590,6],[1597,4],[2049,4],[2095,6],[2102,4],[2199,6],[2206,4],[2251,4],[2298,6],[2305,4],[2403,6],[2410,4],[2455,4],[2501,6],[2508,4],[2605,6],[2612,4],[2657,4],[2704,6],[2711,4],[2809,6],[2816,4],[3518,4],[3564,6],[3571,4],[3712,6],[3719,4],[3759,4],[3799,4],[3844,4],[3891,6],[3898,4],[4040,6],[4047,4],[4087,4],[4127,4],[4172,4],[4218,6],[4225,4],[4366,6],[4373,4],[4413,4],[4453,4],[4498,4],[4545,6],[4552,4],[4694,6],[4701,4],[4741,4],[4781,4],[5541,4],[5659,6],[5666,4],[6322,4],[6436,6],[6443,4],[7407,4],[7537,4],[7685,6],[7692,6],[7699,4],[7830,4],[8016,6],[8023,6],[8030,4],[8048,4],[8300,6],[8307,6],[9087,4],[9227,6],[9234,4],[10013,4],[10142,4],[10308,6],[10315,6],[10322,4],[10450,4],[10707,6],[10714,6],[10721,4],[10847,4],[11101,6],[11108,6],[11115,4],[11133,4],[11385,6],[11392,6]]},"616":{"position":[[1116,4],[1312,6],[1319,4],[1516,6],[1523,4],[1721,6],[1728,4],[1927,6],[2100,4],[2249,6],[2834,4],[2980,6],[3909,4],[4106,6],[4320,4],[4516,6],[4523,4],[4729,6],[4736,4],[4944,6],[4951,4],[5160,6],[5369,4],[5523,4],[5549,4],[5665,6],[5672,6]]},"618":{"position":[[1430,4],[1568,6],[1575,4],[1852,4],[1973,4],[2021,6],[2028,4],[2152,4],[2201,6],[2208,4],[2334,4],[2383,6],[2390,4],[2518,4],[2567,6],[2574,4],[2702,4],[2751,6],[2758,4],[2888,4],[2937,6],[2944,4],[3074,4],[3123,6],[3130,4],[3262,4],[3311,6],[3989,4],[4246,6],[4253,4],[4487,4],[4727,6],[4734,4],[4782,4],[5029,6],[5036,4],[5342,4],[5513,6],[5520,4],[5568,4],[5741,6],[5748,4],[6022,4],[6259,6],[6266,4],[6422,4],[6582,6],[7161,4],[7319,6],[8227,4],[8355,4],[8596,6],[8603,6],[8610,4],[8706,4],[8962,6],[8969,6],[8976,4],[9106,4],[9285,6],[9292,6],[9299,4],[9317,4],[9569,6],[9576,6],[11074,4],[11191,4],[11365,6],[11372,6],[11379,5],[11399,6]]},"620":{"position":[[857,4],[1081,4],[1191,6],[1771,4],[1875,6],[2600,4]]},"622":{"position":[[1948,4],[2048,6],[2055,4],[2209,4],[2379,6],[2386,4],[2435,4],[2605,6],[2612,4],[2661,4],[2831,6],[2838,4],[2887,4],[3057,6],[3064,4],[3113,4],[3283,6],[3290,4],[3339,4],[3509,6],[3516,4],[3565,4],[3735,6],[3742,4],[3791,4],[3961,6],[3968,4],[4017,4],[4187,6],[4194,4],[4653,4],[4782,6],[4789,4],[5141,4],[5295,6],[5302,4],[5697,4],[5836,6],[5843,4],[6132,4],[6255,6],[6262,4],[6388,6],[6395,4],[6523,6],[6530,4],[6660,6],[6667,4],[6797,6],[6804,4],[6936,6],[6943,4],[7075,6],[7082,4],[7216,6],[7896,4],[8181,6],[8188,4],[8471,4],[8670,6],[8677,4],[8725,4],[8926,6],[8933,4],[9207,4],[9472,6],[9479,4],[9637,4],[9799,6],[10380,4],[10542,6],[11463,4],[11591,4],[11875,6],[11882,6],[11889,4],[11985,4],[12284,6],[12291,6],[12298,4],[12428,4],[12650,6],[12657,6],[12664,4],[12682,4],[12934,6],[12941,6],[14355,4],[14529,6],[14536,4],[14585,4],[14759,6],[14766,4],[14815,4],[14989,6],[14996,4],[15045,4],[15219,6],[15226,4],[15275,4],[15449,6],[15456,4],[15505,4],[15679,6],[15686,4],[15735,4],[15909,6],[15916,4],[15965,4],[16139,6],[16146,4],[16195,4],[16369,6],[16376,4],[16910,4],[17027,4],[17203,6],[17210,6],[17217,5],[17237,6]]},"624":{"position":[[4589,4],[4938,6],[7509,4],[7659,4],[7787,6],[7825,4],[7850,6],[7876,6]]},"626":{"position":[[4661,4],[5010,6],[6985,4],[7135,4],[7263,6],[7301,4],[7326,6],[7352,6]]},"628":{"position":[[1437,4],[1509,6],[1516,4],[1783,4],[1829,6],[1836,4],[1908,6],[1915,4],[1960,4],[2007,6],[2014,4],[2087,6],[2094,4],[2690,4],[2736,6],[2743,4],[2859,6],[2866,4],[2906,4],[2946,4],[2991,4],[3038,6],[3045,4],[3162,6],[3169,4],[3209,4],[3249,4],[3710,4],[3803,6],[3810,4],[4463,4],[4553,6],[4560,4],[5533,4],[5664,4],[5856,6],[5863,6],[5870,4],[6002,4],[6181,6],[6188,6],[6195,4],[6327,4],[6485,6],[6492,6],[6499,4],[6629,4],[6804,6],[6811,6],[6818,4],[6948,4],[7102,6],[7109,6],[7116,4],[7134,4],[7386,6],[7393,6],[8642,4],[8782,6],[8789,4],[9553,4],[9685,4],[9940,6],[9947,6],[9954,4],[10084,4],[10340,6],[10347,6],[10354,4],[10372,4],[10624,6],[10631,6]]},"634":{"position":[[6449,4],[6599,4],[6727,6],[6765,4],[6814,6],[7489,4],[7612,6]]},"636":{"position":[[7540,4],[7690,4],[7818,6],[7856,4],[7905,6],[8580,4],[8703,6]]},"640":{"position":[[607,4],[766,4],[894,6],[932,4],[957,6],[983,6]]},"642":{"position":[[4426,4],[4553,4],[4595,6],[4602,4],[4725,6],[6569,4],[6719,4],[6847,6],[6885,4],[6910,6],[6936,6]]},"644":{"position":[[4370,4],[4401,4],[4524,6],[6408,4],[6558,4],[6686,6],[6724,4],[6749,6],[6775,6]]},"646":{"position":[[612,4],[771,4],[899,6],[937,4],[962,6],[988,6]]},"652":{"position":[[3882,4],[4009,4],[4051,6],[4058,4],[4181,6],[6474,4],[6624,4],[6752,6],[6790,4],[6839,6]]},"654":{"position":[[4071,4],[6223,6],[6263,4],[8809,6],[8843,4],[9725,6],[9732,4],[10596,6],[10754,4],[11663,6],[11831,4],[12267,6],[12425,4],[13314,6],[13483,4],[14380,6],[15405,4],[15617,6],[19286,4],[19603,6],[19610,4],[19910,6],[19917,4],[20174,6],[20181,4],[20199,4],[20451,6],[20458,6]]},"656":{"position":[[6538,4],[6682,4],[6810,6],[6848,4],[6914,6],[8775,4],[8934,4],[9135,6],[9173,4],[9239,6],[11229,4],[11407,4],[11608,6],[11646,4],[11712,6],[13664,4],[13837,4],[14038,6],[14076,4],[14142,6],[16055,4],[16256,4],[16457,6],[16495,4],[16561,6],[18498,4],[18661,4],[18789,6],[18827,4],[18987,6],[19013,6]]},"660":{"position":[[74011,4],[74077,6],[74084,4],[74197,6],[76986,4],[77052,6],[77059,4],[77172,6],[80337,4],[80403,6],[80410,4],[80523,6]]}}}],["div.mod",{"_index":1679,"t":{"574":{"position":[[806,10],[979,10]]},"578":{"position":[[605,10]]}}}],["div>@item.name</div",{"_index":2638,"t":{"596":{"position":[[11263,21]]}}}],["div>som",{"_index":1979,"t":{"576":{"position":[[20313,9]]}}}],["div>switch",{"_index":3619,"t":{"620":{"position":[[913,11]]}}}],["divid",{"_index":619,"t":{"100":{"position":[[389,9]]},"556":{"position":[[1730,9]]},"558":{"position":[[996,9],[1006,8],[1153,8],[1203,8],[1590,8],[1755,8],[2426,8]]},"654":{"position":[[17610,9],[17665,8],[25916,8]]}}}],["dob",{"_index":4727,"t":{"660":{"position":[[129158,3],[129262,3],[129362,3],[129464,3],[129568,3],[129680,3],[129794,3],[129898,3],[129998,3],[130079,3],[130255,3],[131821,3],[131947,3],[132069,3],[132193,3],[132319,3],[132453,3],[132589,3],[132715,3],[132837,3],[132940,3],[133146,3]]}}}],["doc",{"_index":147,"t":{"2":{"position":[[3114,4],[3613,4],[3888,4]]},"12":{"position":[[597,4]]},"14":{"position":[[156,4],[258,4]]},"22":{"position":[[238,4]]},"24":{"position":[[124,4],[203,4]]},"26":{"position":[[211,4]]},"28":{"position":[[124,4],[177,4]]},"30":{"position":[[429,4]]},"36":{"position":[[770,4]]},"72":{"position":[[663,4]]},"104":{"position":[[689,4],[1025,4]]},"106":{"position":[[404,4],[599,4]]},"108":{"position":[[500,4],[688,4]]},"110":{"position":[[1045,4],[1286,4]]},"112":{"position":[[397,4],[641,4],[654,5],[676,5],[698,4],[760,5],[782,4],[975,4]]},"126":{"position":[[267,4],[699,4]]},"128":{"position":[[842,4]]},"134":{"position":[[124,4],[321,4],[1375,4]]},"140":{"position":[[1959,4],[2165,4]]},"144":{"position":[[199,4]]},"146":{"position":[[417,4],[849,4],[2762,4],[2968,4]]},"148":{"position":[[667,4]]},"152":{"position":[[410,4]]},"158":{"position":[[1924,4],[2423,4],[2698,4],[2980,4]]},"212":{"position":[[461,4]]},"222":{"position":[[472,4]]},"230":{"position":[[1933,4],[2432,4],[2707,4],[2989,4]]},"234":{"position":[[470,4]]},"238":{"position":[[1699,4],[1905,4],[2434,4]]},"240":{"position":[[177,4],[1231,4]]},"250":{"position":[[466,4]]},"258":{"position":[[474,4]]},"268":{"position":[[319,4]]},"272":{"position":[[465,4]]},"274":{"position":[[314,4]]},"288":{"position":[[467,4]]},"304":{"position":[[467,4]]},"306":{"position":[[1927,4],[2426,4],[2701,4],[2983,4]]},"308":{"position":[[1297,4],[1796,4],[2071,4],[2353,4],[2785,4]]},"316":{"position":[[464,4]]},"328":{"position":[[1169,4]]},"334":{"position":[[460,4]]},"336":{"position":[[311,4],[586,4]]},"346":{"position":[[1038,4]]},"358":{"position":[[665,4]]},"360":{"position":[[20,6],[409,4],[692,4],[967,4],[1249,4],[1681,4],[1880,4],[2086,4]]},"364":{"position":[[1355,4],[1638,4],[1913,4]]},"366":{"position":[[308,4]]},"370":{"position":[[2628,4]]},"380":{"position":[[466,4]]},"382":{"position":[[477,4]]},"384":{"position":[[664,4],[939,4],[1371,4]]},"392":{"position":[[1359,4]]},"394":{"position":[[1021,4]]},"398":{"position":[[173,4]]},"400":{"position":[[305,4]]},"404":{"position":[[729,4]]},"408":{"position":[[418,4]]},"410":{"position":[[814,4]]},"416":{"position":[[303,4]]},"418":{"position":[[702,4]]},"428":{"position":[[310,4]]},"436":{"position":[[775,4]]},"446":{"position":[[200,4]]},"456":{"position":[[168,4]]},"458":{"position":[[168,4]]},"464":{"position":[[235,4]]},"466":{"position":[[228,4]]},"484":{"position":[[462,4]]},"486":{"position":[[312,4]]},"488":{"position":[[313,4]]},"490":{"position":[[305,4]]},"492":{"position":[[413,4]]},"558":{"position":[[874,7],[887,8],[1474,7],[1487,8],[2207,7],[2220,8]]},"640":{"position":[[248,4]]},"646":{"position":[[253,4]]}}}],["docs7",{"_index":847,"t":{"142":{"position":[[1401,5]]}}}],["doctyp",{"_index":3751,"t":{"624":{"position":[[3708,9]]},"626":{"position":[[3887,9]]},"634":{"position":[[3098,9]]},"636":{"position":[[3363,9]]},"642":{"position":[[3601,9]]},"644":{"position":[[3601,9]]},"652":{"position":[[3074,9]]}}}],["document",{"_index":184,"t":{"6":{"position":[[136,14]]},"8":{"position":[[116,11],[163,13]]},"12":{"position":[[153,13],[226,13],[636,13]]},"30":{"position":[[373,13]]},"32":{"position":[[603,13]]},"34":{"position":[[218,13]]},"36":{"position":[[626,13],[665,13],[701,13]]},"38":{"position":[[332,13],[378,13],[420,13],[461,13]]},"40":{"position":[[356,13]]},"42":{"position":[[676,13],[712,13]]},"44":{"position":[[451,13],[489,13]]},"46":{"position":[[468,13],[509,13],[548,13]]},"48":{"position":[[453,13]]},"50":{"position":[[420,13]]},"52":{"position":[[630,13],[676,13],[715,13],[751,13]]},"54":{"position":[[490,13]]},"56":{"position":[[675,13],[711,13]]},"58":{"position":[[356,13]]},"60":{"position":[[617,13]]},"62":{"position":[[374,13]]},"64":{"position":[[315,13]]},"66":{"position":[[341,13]]},"68":{"position":[[797,13],[823,13],[854,13],[881,13],[912,13]]},"70":{"position":[[821,13],[852,13],[880,13],[909,13]]},"72":{"position":[[635,14],[814,13],[844,13],[875,13],[904,13],[952,13],[995,13]]},"74":{"position":[[514,13],[543,13]]},"76":{"position":[[316,13]]},"78":{"position":[[392,13],[418,13]]},"80":{"position":[[1431,13],[1462,13],[1497,13],[1533,13],[1565,13],[1599,13],[1627,13],[1659,13]]},"82":{"position":[[355,13],[386,13],[421,13],[457,13],[489,13],[523,13],[551,13],[583,13]]},"84":{"position":[[467,13],[496,13],[528,13]]},"86":{"position":[[600,13],[635,13],[661,13],[689,13],[715,13]]},"88":{"position":[[356,13],[386,13]]},"90":{"position":[[289,13]]},"94":{"position":[[290,13]]},"96":{"position":[[370,13]]},"98":{"position":[[764,13],[805,13],[843,13],[880,13],[922,13],[961,13]]},"100":{"position":[[1247,13],[1287,13],[1325,13],[1361,13],[1399,13],[1438,13],[1476,13]]},"102":{"position":[[485,13]]},"104":{"position":[[794,13]]},"106":{"position":[[487,13]]},"108":{"position":[[583,13]]},"110":{"position":[[1151,13]]},"112":{"position":[[869,13]]},"114":{"position":[[355,13]]},"116":{"position":[[304,14],[437,13]]},"118":{"position":[[365,13]]},"120":{"position":[[319,13]]},"134":{"position":[[1771,13],[1990,14]]},"138":{"position":[[116,11]]},"140":{"position":[[1719,13]]},"146":{"position":[[2522,13]]},"238":{"position":[[1459,13]]},"240":{"position":[[1627,13],[1846,14],[2016,11]]},"438":{"position":[[160,11]]},"440":{"position":[[197,13]]},"442":{"position":[[180,14]]},"468":{"position":[[262,13]]},"564":{"position":[[637,13],[741,13],[833,13],[922,13]]},"572":{"position":[[1556,14]]},"578":{"position":[[3158,8]]},"586":{"position":[[47,13]]},"588":{"position":[[59,13],[479,9]]},"590":{"position":[[49,13]]},"600":{"position":[[41,13]]},"658":{"position":[[427,8],[623,8]]}}}],["documentation</a",{"_index":1370,"t":{"566":{"position":[[734,18],[956,18],[1180,18],[1398,18],[1614,18],[1861,18],[2103,18],[2347,18],[2585,18],[2821,18]]}}}],["doesn't",{"_index":490,"t":{"74":{"position":[[292,7]]},"594":{"position":[[1438,7]]},"624":{"position":[[1146,7]]},"626":{"position":[[1148,7]]},"642":{"position":[[1160,7]]},"644":{"position":[[1160,7]]}}}],["doesnotcontain",{"_index":746,"t":{"128":{"position":[[505,14]]}}}],["doj",{"_index":4356,"t":{"660":{"position":[[8092,3],[8225,3],[8348,3],[8477,3],[8610,3],[8730,3],[8852,3],[8976,3],[9095,3],[10437,3],[10570,3],[10693,3],[10822,3],[10955,3],[11075,3],[11197,3],[11321,3],[11440,3],[12813,3],[12946,3],[13069,3],[13198,3],[13331,3],[13451,3],[13573,3],[13703,3],[13828,3],[13952,3],[14071,3],[14196,3],[15585,3],[15718,3],[15841,3],[15970,3],[16103,3],[16223,3],[16345,3],[16469,3],[16588,3],[18004,3],[18137,3],[18260,3],[18389,3],[18522,3],[18642,3],[18764,3],[18894,3],[19019,3],[19143,3],[19262,3],[19387,3],[20756,3],[20889,3],[21012,3],[21141,3],[21274,3],[21394,3],[21516,3],[21640,3],[21759,3],[23158,3],[23291,3],[23414,3],[23543,3],[23676,3],[23796,3],[23918,3],[24042,3],[24161,3],[26323,3],[26566,3],[26802,3],[27042,3],[27290,3],[27524,3],[27763,3],[28004,3],[28239,3],[32235,3],[32368,3],[32491,3],[32620,3],[32753,3],[32873,3],[32995,3],[33119,3],[33238,3],[34600,3],[34733,3],[34856,3],[34985,3],[35118,3],[35238,3],[35360,3],[35484,3],[35603,3],[36965,3],[37098,3],[37221,3],[37350,3],[37483,3],[37603,3],[37725,3],[37849,3],[37968,3],[44352,3],[44595,3],[44831,3],[45071,3],[45319,3],[45553,3],[45792,3],[46033,3],[46268,3],[47606,3],[47739,3],[47862,3],[47991,3],[48124,3],[48244,3],[48366,3],[48496,3],[48621,3],[48745,3],[48864,3],[48989,3],[53260,3],[53393,3],[53516,3],[53645,3],[53778,3],[53898,3],[54020,3],[54150,3],[54275,3],[54399,3],[54518,3],[54643,3],[55899,3],[56032,3],[56155,3],[56284,3],[56417,3],[56615,3],[56737,3],[56861,3],[56980,3],[58352,3],[58485,3],[58608,3],[58737,3],[58870,3],[62064,3],[62197,3],[62320,3],[62449,3],[62582,3],[62702,3],[62824,3],[62954,3],[63079,3],[63203,3],[63322,3],[63447,3],[65285,3],[65418,3],[65541,3],[65670,3],[65803,3],[65923,3],[66045,3],[66175,3],[66300,3],[66424,3],[66543,3],[66668,3],[68368,3],[68501,3],[68624,3],[68753,3],[68886,3],[69006,3],[69128,3],[69258,3],[69383,3],[69507,3],[69626,3],[69751,3],[71745,3],[71878,3],[72001,3],[72130,3],[72263,3],[72383,3],[72505,3],[72635,3],[72760,3],[72884,3],[73003,3],[73128,3],[74883,3],[75016,3],[75139,3],[75268,3],[75401,3],[75521,3],[75643,3],[75767,3],[75886,3],[77858,3],[77991,3],[78114,3],[78243,3],[78376,3],[78496,3],[78618,3],[78742,3],[78861,3],[81155,3],[81288,3],[81411,3],[81540,3],[81673,3],[81793,3],[81915,3],[82039,3],[82158,3],[84246,3],[84379,3],[84502,3],[84631,3],[84764,3],[84884,3],[85006,3],[85136,3],[85261,3],[85385,3],[85504,3],[85629,3],[87012,3],[87145,3],[87268,3],[87397,3],[87530,3],[87650,3],[87772,3],[87902,3],[88027,3],[88151,3],[88270,3],[88395,3],[92250,3],[92373,3],[92502,3],[92635,3],[92755,3],[92877,3],[100480,3],[100603,3],[100732,3],[100865,3],[100985,3],[101107,3],[102671,3],[102794,3],[102923,3],[103056,3],[103176,3],[103298,3],[105109,3],[105232,3],[105361,3],[105494,3],[105614,3],[105736,3],[109091,3],[109224,3],[109347,3],[109476,3],[109609,3],[109729,3],[109851,3],[109981,3],[110106,3],[110230,3],[110349,3],[110474,3],[112971,3],[113105,3],[113228,3],[113357,3],[113490,3],[113610,3],[113732,3],[113856,3],[113975,3],[114068,3],[126483,3],[126616,3],[126739,3],[126868,3],[127001,3],[127121,3],[127243,3],[127373,3],[127498,3],[127622,3],[127741,3],[127866,3]]}}}],["dolor",{"_index":1826,"t":{"576":{"position":[[7610,5],[8184,5],[8863,5],[9163,5],[10251,5],[11851,5],[12425,5],[13104,5],[13404,5],[14492,5],[15992,5],[16566,5],[17245,5],[17545,5],[18633,5]]}}}],["dom",{"_index":977,"t":{"556":{"position":[[576,4]]}}}],["don't",{"_index":2036,"t":{"578":{"position":[[8089,5]]},"594":{"position":[[1371,5]]}}}],["done!</h4",{"_index":1014,"t":{"556":{"position":[[1812,10]]}}}],["donec",{"_index":1832,"t":{"576":{"position":[[7655,5],[8254,5],[8957,5],[9854,5],[11896,5],[12495,5],[13198,5],[14095,5],[16037,5],[16636,5],[17339,5],[18236,5]]}}}],["donut",{"_index":3082,"t":{"606":{"position":[[88,5],[242,5]]}}}],["dot",{"_index":2511,"t":{"594":{"position":[[2025,4],[2051,4],[4780,4]]},"618":{"position":[[1412,3]]},"622":{"position":[[1930,3]]}}}],["dotnet",{"_index":527,"t":{"80":{"position":[[1296,6]]}}}],["doubl",{"_index":674,"t":{"108":{"position":[[321,6]]},"568":{"position":[[9152,6],[9241,6]]},"586":{"position":[[1836,6],[1951,6]]},"590":{"position":[[386,6],[813,6]]},"602":{"position":[[2041,6],[4909,6]]},"604":{"position":[[1783,6],[2154,6]]},"606":{"position":[[3067,7]]},"608":{"position":[[2800,7]]},"616":{"position":[[400,6],[3538,7]]},"618":{"position":[[958,7],[1812,7],[1820,8],[2625,6],[2809,7],[3423,6],[3447,7]]},"622":{"position":[[4853,6],[5366,6],[6092,7],[6100,8],[6718,6],[6855,7],[7328,6],[7352,7]]},"660":{"position":[[3496,6],[3562,6],[4971,6],[5113,6],[103604,6],[105958,6],[134213,6]]}}}],["doughnut",{"_index":322,"t":{"38":{"position":[[205,8],[353,8],[542,8]]},"100":{"position":[[690,8]]},"102":{"position":[[268,8]]},"104":{"position":[[613,8]]},"140":{"position":[[1441,8]]},"142":{"position":[[207,8]]},"156":{"position":[[263,8]]},"162":{"position":[[260,8]]},"172":{"position":[[29,8],[268,8]]},"184":{"position":[[264,8]]},"192":{"position":[[263,8]]},"238":{"position":[[1181,8]]},"470":{"position":[[253,8]]},"564":{"position":[[403,8],[657,8],[684,8],[721,8],[1015,8]]},"602":{"position":[[17313,8]]},"604":{"position":[[17039,8]]},"606":{"position":[[19,8],[54,8]]}}}],["doughnutchart",{"_index":3091,"t":{"606":{"position":[[4025,14],[4541,13],[4555,13],[11262,14],[11629,13],[11643,13]]}}}],["doughnutchart.adddataasync(chartdata",{"_index":3112,"t":{"606":{"position":[[6762,37],[13767,37]]}}}],["doughnutchart.adddatasetasync(chartdata",{"_index":3108,"t":{"606":{"position":[[6255,40]]}}}],["doughnutchart.initializeasync(chartdata",{"_index":3101,"t":{"606":{"position":[[5286,40],[12424,40]]}}}],["doughnutchart.updateasync(chartdata",{"_index":3106,"t":{"606":{"position":[[6023,36],[13253,36]]}}}],["doughnutchartdataset",{"_index":3087,"t":{"606":{"position":[[1658,20],[1693,20],[5632,20],[5653,20],[5677,20],[6570,20],[6591,21],[7122,20],[12862,20],[12883,20],[12907,20],[13575,20],[13596,21],[14321,20],[15405,20]]}}}],["doughnutchartdataset.data",{"_index":3102,"t":{"606":{"position":[[5713,25],[5903,25],[12943,25],[13133,25]]}}}],["doughnutchartdataset.data.count",{"_index":3103,"t":{"606":{"position":[[5766,32],[12996,32]]}}}],["doughnutchartdatasetdata(doughnutchartdataset.label",{"_index":3109,"t":{"606":{"position":[[6628,52],[13633,52]]}}}],["doughnutchartdatasetdatalabel",{"_index":3088,"t":{"606":{"position":[[2328,30],[2899,30],[15434,30]]}}}],["doughnutchartopt",{"_index":3089,"t":{"606":{"position":[[3115,20],[3150,20],[4589,20],[4610,20],[5011,20],[5327,22],[6060,22],[6310,22],[11677,20],[11698,20],[12099,20],[12490,21],[13315,22],[15473,20]]}}}],["doughnutchartoptions.plugins.title.display",{"_index":3100,"t":{"606":{"position":[[5139,42],[12227,42]]}}}],["doughnutchartoptions.plugins.title.text",{"_index":3098,"t":{"606":{"position":[[5081,39],[12169,39]]}}}],["doughnutchartoptions.respons",{"_index":3097,"t":{"606":{"position":[[5041,31],[12129,31]]}}}],["doughnutchartplugin",{"_index":3090,"t":{"606":{"position":[[3400,20]]}}}],["down",{"_index":2015,"t":{"578":{"position":[[3522,4]]},"612":{"position":[[1917,4]]},"618":{"position":[[4417,4]]}}}],["download",{"_index":2288,"t":{"586":{"position":[[4933,8],[8018,8]]}}}],["drag",{"_index":2529,"t":{"596":{"position":[[151,4],[1307,4],[2929,4],[8263,4],[10884,4],[10947,8],[11784,8]]}}}],["draw",{"_index":2886,"t":{"602":{"position":[[4966,4]]}}}],["drawn",{"_index":2880,"t":{"602":{"position":[[4526,6],[4582,5]]}}}],["drop",{"_index":2530,"t":{"596":{"position":[[160,4],[2938,4]]}}}],["dropdown",{"_index":30,"t":{"2":{"position":[[295,8]]},"100":{"position":[[126,8],[221,8],[1268,8]]},"106":{"position":[[138,9],[231,8],[273,8],[559,8]]},"112":{"position":[[437,8]]},"126":{"position":[[138,9],[227,8],[1088,8]]},"128":{"position":[[1034,8],[1051,8],[1069,8],[1636,8]]},"148":{"position":[[341,8]]},"158":{"position":[[339,8],[2851,9],[2940,8]]},"212":{"position":[[850,8]]},"230":{"position":[[348,8],[2860,9],[2949,8]]},"234":{"position":[[859,8]]},"268":{"position":[[190,9],[279,8]]},"270":{"position":[[422,8]]},"274":{"position":[[185,9],[274,8]]},"306":{"position":[[342,8],[2854,9],[2943,8]]},"308":{"position":[[2224,9],[2313,8]]},"312":{"position":[[174,8]]},"316":{"position":[[853,8]]},"328":{"position":[[339,8]]},"330":{"position":[[338,8]]},"358":{"position":[[20,10],[340,8],[536,9],[625,8]]},"360":{"position":[[1120,9],[1209,8]]},"364":{"position":[[337,8],[2302,8]]},"366":{"position":[[179,9],[268,8]]},"384":{"position":[[338,8]]},"406":{"position":[[338,8]]},"410":{"position":[[339,8]]},"412":{"position":[[340,8]]},"420":{"position":[[336,8]]},"480":{"position":[[171,8]]},"486":{"position":[[183,9],[272,8]]},"554":{"position":[[339,8]]},"574":{"position":[[8925,8]]},"654":{"position":[[11,8],[40,8],[49,9],[235,8],[488,9],[666,8],[777,8],[828,8],[927,9],[1242,8],[1918,8],[2247,8],[2416,8],[2491,8],[2576,8],[2765,8],[2792,8],[2861,8],[2942,8],[3027,8],[3137,9],[3154,8],[3331,8],[3553,8],[3681,10],[4033,11],[4103,10],[4445,11],[4457,10],[4803,11],[4815,10],[5157,11],[5169,10],[5505,11],[5517,10],[5859,11],[5871,10],[6211,11],[6295,9],[6703,11],[6715,9],[7129,11],[7141,9],[7549,11],[7561,9],[7960,11],[7972,9],[8380,11],[8392,9],[8797,11],[8875,9],[9260,11],[9272,9],[9713,11],[9764,9],[10131,11],[10143,9],[10584,11],[10734,8],[10781,9],[11178,11],[11190,9],[11651,11],[11811,8],[11858,9],[12255,11],[12405,8],[12452,9],[12834,11],[12846,9],[13302,11],[13463,8],[13510,9],[13896,11],[13908,9],[14368,11],[14528,10],[14888,11],[14944,9],[14996,8],[15016,9],[15393,11],[15807,8],[15928,10],[16290,11],[16669,10],[17068,11],[17170,8],[17185,10],[17579,11],[17674,10],[18144,11],[18214,8],[18347,10],[18554,8],[18640,11],[18698,8],[18731,8],[19029,10],[20493,11],[22108,9],[22118,9],[22476,11],[22488,9],[22901,11],[22913,9],[23324,11],[23336,9],[23691,11],[23731,9],[24100,11],[24344,8],[24601,8],[24672,9],[25156,11],[25574,8],[25732,8],[25749,8]]},"660":{"position":[[133314,8]]}}}],["dropdown1",{"_index":4179,"t":{"654":{"position":[[24353,9]]}}}],["dropdown1.hideasync",{"_index":4181,"t":{"654":{"position":[[24478,22]]}}}],["dropdown1.showasync",{"_index":4180,"t":{"654":{"position":[[24415,22]]}}}],["dropdown1.toggleasync",{"_index":4182,"t":{"654":{"position":[[24543,24]]}}}],["dropdown2",{"_index":848,"t":{"142":{"position":[[1407,9]]}}}],["dropdown</dropdowntogglebutton",{"_index":4164,"t":{"654":{"position":[[22206,31]]}}}],["dropdownactionbutton",{"_index":758,"t":{"128":{"position":[[1119,20],[1228,20]]},"654":{"position":[[1283,20],[6319,21],[6739,21],[7165,21],[7585,21],[7996,21],[8416,21],[9314,21],[10185,21],[11251,21],[12908,21],[14277,21],[25626,20]]}}}],["dropdownautoclosebehavior",{"_index":4073,"t":{"654":{"position":[[387,25]]}}}],["dropdownautoclosebehavior.both",{"_index":4074,"t":{"654":{"position":[[413,30]]}}}],["dropdowncolor",{"_index":4075,"t":{"654":{"position":[[616,13]]}}}],["dropdowncolor.non",{"_index":4076,"t":{"654":{"position":[[630,18]]}}}],["dropdowndirect",{"_index":4077,"t":{"654":{"position":[[698,17]]}}}],["dropdowndirection.dropdown",{"_index":4078,"t":{"654":{"position":[[716,26]]}}}],["dropdowndivider>dropdown",{"_index":4142,"t":{"654":{"position":[[18003,25]]}}}],["dropdownhead",{"_index":4085,"t":{"654":{"position":[[1949,14],[25682,14]]}}}],["dropdownheader>dropdown",{"_index":4140,"t":{"654":{"position":[[17295,24]]}}}],["dropdownitem",{"_index":761,"t":{"128":{"position":[[1320,12]]},"654":{"position":[[2134,12],[3798,13],[3864,13],[3938,13],[4210,13],[4276,13],[4350,13],[4568,13],[4634,13],[4708,13],[4922,13],[4988,13],[5062,13],[5270,13],[5336,13],[5410,13],[5624,13],[5690,13],[5764,13],[5976,13],[6042,13],[6116,13],[6468,13],[6534,13],[6608,13],[6894,13],[6960,13],[7034,13],[7314,13],[7380,13],[7454,13],[7725,13],[7791,13],[7865,13],[8145,13],[8211,13],[8285,13],[8562,13],[8628,13],[8702,13],[9007,13],[9091,13],[9165,13],[9478,13],[9544,13],[9618,13],[9896,13],[9962,13],[10036,13],[10349,13],[10415,13],[10489,13],[10943,13],[11009,13],[11083,13],[11416,13],[11482,13],[11556,13],[12020,13],[12086,13],[12160,13],[12599,13],[12665,13],[12739,13],[13067,13],[13133,13],[13207,13],[13661,13],[13727,13],[13801,13],[14042,13],[14108,13],[14182,13],[14423,12],[14486,12],[14639,13],[14705,13],[14793,13],[15158,13],[15224,13],[15298,13],[15876,12],[16039,13],[16105,13],[16195,13],[16833,13],[16899,13],[16973,13],[17344,13],[17410,13],[17484,13],[17784,13],[17850,13],[17924,13],[18054,13],[22253,13],[22322,13],[22391,13],[22678,13],[22747,13],[22816,13],[23101,13],[23170,13],[23239,13],[23468,13],[23537,13],[23606,13],[23865,13],[23931,13],[24005,13],[24921,13],[24987,13],[25061,13],[25708,12]]}}}],["dropdownitemtyp",{"_index":764,"t":{"128":{"position":[[1387,17]]},"654":{"position":[[2707,16]]}}}],["dropdownitemtype.button",{"_index":4086,"t":{"654":{"position":[[2724,23]]}}}],["dropdownmenu",{"_index":4082,"t":{"654":{"position":[[1661,12],[3783,14],[4017,15],[4195,14],[4429,15],[4553,14],[4787,15],[4907,14],[5141,15],[5255,14],[5489,15],[5609,14],[5843,15],[5961,14],[6195,15],[6453,14],[6687,15],[6879,14],[7113,15],[7299,14],[7533,15],[7710,14],[7944,15],[8130,14],[8364,15],[8547,14],[8781,15],[8992,14],[9244,15],[9463,14],[9697,15],[9881,14],[10115,15],[10334,14],[10568,15],[10653,12],[10928,14],[11162,15],[11401,14],[11635,15],[11720,12],[12005,14],[12239,15],[12313,12],[12584,14],[12818,15],[13052,14],[13286,15],[13362,12],[13646,14],[13880,15],[14027,14],[14261,15],[14514,13],[14624,14],[14872,15],[15143,14],[15377,15],[15904,12],[16024,14],[16274,15],[16350,12],[16517,13],[16592,12],[16782,13],[17052,15],[17280,14],[17563,15],[17769,14],[18128,15],[18442,13],[18624,15],[19129,13],[20477,15],[21938,12],[22004,13],[22238,14],[22460,15],[22663,14],[22885,15],[23086,14],[23308,15],[23453,14],[23675,15],[23850,14],[24084,15],[24906,14],[25140,15],[25658,12]]}}}],["dropdownmenuposit",{"_index":4083,"t":{"654":{"position":[[1853,20]]}}}],["dropdownmenuposition.start",{"_index":4084,"t":{"654":{"position":[[1874,26]]}}}],["dropdowns",{"_index":760,"t":{"128":{"position":[[1214,13]]},"654":{"position":[[867,12]]}}}],["dropdownsize.non",{"_index":4079,"t":{"654":{"position":[[880,17]]}}}],["dropdowntogglebutton",{"_index":759,"t":{"128":{"position":[[1144,21],[1274,20]]},"654":{"position":[[1015,20],[3692,21],[4114,21],[4468,21],[4826,21],[5180,21],[5528,21],[5882,21],[6400,21],[6824,21],[7246,21],[7660,21],[8077,21],[8495,21],[8904,21],[9408,21],[9793,21],[10279,21],[10829,21],[11346,21],[11914,21],[12501,21],[12997,21],[13561,21],[13972,21],[14539,21],[15058,21],[15939,21],[16680,21],[17196,21],[17685,21],[18358,21],[19040,21],[22146,21],[22570,21],[22994,21],[23365,21],[23759,21],[24815,21],[25594,20]]}}}],["dropend",{"_index":616,"t":{"100":{"position":[[327,8]]},"654":{"position":[[12293,8],[25848,7]]}}}],["dropend</dropdownactionbutton",{"_index":4122,"t":{"654":{"position":[[12966,30]]}}}],["dropstart",{"_index":617,"t":{"100":{"position":[[340,10]]},"654":{"position":[[13340,10],[25856,9]]}}}],["dropstart</dropdownactionbutton",{"_index":4125,"t":{"654":{"position":[[14335,32]]}}}],["dropup",{"_index":614,"t":{"100":{"position":[[301,8],[310,6]]},"654":{"position":[[10634,7],[11689,6],[25825,6],[25832,6]]}}}],["dropup</dropdowntogglebutton",{"_index":4118,"t":{"654":{"position":[[11975,29]]}}}],["dt",{"_index":2031,"t":{"578":{"position":[[6709,2]]}}}],["due",{"_index":84,"t":{"2":{"position":[[1912,3]]},"124":{"position":[[400,3]]}}}],["dui",{"_index":1924,"t":{"576":{"position":[[8908,4],[9169,4],[9525,4],[11111,4],[13149,4],[13410,4],[13766,4],[15352,4],[17290,4],[17551,4],[17907,4],[19493,4]]}}}],["duidelijk",{"_index":4645,"t":{"660":{"position":[[108492,12]]}}}],["dutch",{"_index":4607,"t":{"660":{"position":[[106150,6]]}}}],["dynam",{"_index":398,"t":{"56":{"position":[[233,11],[334,11],[464,7]]},"70":{"position":[[389,11],[490,11],[620,7],[656,7],[704,7]]},"72":{"position":[[618,11]]},"80":{"position":[[304,7]]},"86":{"position":[[262,7]]},"110":{"position":[[587,11],[800,7]]},"568":{"position":[[4625,12],[5438,11],[8516,11],[9874,11],[9969,11]]},"574":{"position":[[2098,7],[2163,11],[2273,11],[8998,7]]},"576":{"position":[[3311,7],[3371,11],[3476,11],[4824,7],[21449,7],[21506,7]]},"578":{"position":[[4113,7],[4169,11],[4270,11],[5577,7],[15360,7],[15413,7]]},"590":{"position":[[4515,11]]},"596":{"position":[[12697,7],[14029,7]]},"600":{"position":[[13798,7],[14702,7],[14770,12],[16441,7],[16461,7]]},"610":{"position":[[1578,11],[2269,11]]},"660":{"position":[[54813,12],[57149,12],[82692,7],[134112,7]]}}}],["e",{"_index":1814,"t":{"576":{"position":[[5976,2]]},"578":{"position":[[6679,2]]},"618":{"position":[[1361,1]]},"622":{"position":[[1879,1]]},"660":{"position":[[71207,1]]}}}],["e.g",{"_index":1166,"t":{"560":{"position":[[2271,6]]},"566":{"position":[[3181,5],[3669,5],[4158,5],[4644,5],[5129,5],[5639,5],[6146,5],[6654,5],[7159,5],[7663,5]]}}}],["e.isact",{"_index":4566,"t":{"660":{"position":[[71152,12],[71212,10]]}}}],["each",{"_index":1238,"t":{"562":{"position":[[2548,4],[3099,4],[3649,4],[4412,4],[5037,4],[5660,4],[6402,4],[6953,4],[7503,4],[8204,4],[8769,4],[9319,4],[10034,4],[10585,4],[11135,4],[12214,4],[12777,4],[13339,4],[13897,4],[14445,4],[15005,4],[18531,4],[19082,4],[19632,4],[20916,4],[21489,4],[22061,4]]},"568":{"position":[[1831,4]]},"604":{"position":[[1831,4],[1947,4],[2202,4]]},"606":{"position":[[318,4]]}}}],["easi",{"_index":356,"t":{"42":{"position":[[614,4]]},"630":{"position":[[350,4]]}}}],["easier",{"_index":3086,"t":{"606":{"position":[[279,6]]}}}],["easili",{"_index":2164,"t":{"582":{"position":[[1626,6]]},"594":{"position":[[920,6]]},"630":{"position":[[113,6]]}}}],["edg",{"_index":1215,"t":{"562":{"position":[[488,4],[496,4],[6135,4],[6143,4]]},"576":{"position":[[2508,4]]},"604":{"position":[[9404,6],[10853,6],[13081,6],[15179,6]]}}}],["edit",{"_index":176,"t":{"4":{"position":[[292,4]]},"6":{"position":[[202,4]]},"8":{"position":[[287,4]]},"10":{"position":[[393,4]]},"12":{"position":[[744,4]]},"14":{"position":[[370,4]]},"16":{"position":[[310,4]]},"18":{"position":[[369,4]]},"20":{"position":[[270,4]]},"22":{"position":[[389,4]]},"24":{"position":[[321,4]]},"26":{"position":[[307,4]]},"28":{"position":[[272,4]]},"30":{"position":[[434,4]]},"32":{"position":[[651,4]]},"34":{"position":[[274,4]]},"36":{"position":[[775,4]]},"38":{"position":[[592,4]]},"40":{"position":[[483,4]]},"42":{"position":[[863,4]]},"44":{"position":[[611,4]]},"46":{"position":[[715,4]]},"48":{"position":[[589,4]]},"50":{"position":[[500,4]]},"52":{"position":[[897,4]]},"54":{"position":[[572,4]]},"56":{"position":[[852,4]]},"58":{"position":[[455,4]]},"60":{"position":[[797,4]]},"62":{"position":[[473,4]]},"64":{"position":[[414,4]]},"66":{"position":[[446,4]]},"68":{"position":[[1173,4]]},"70":{"position":[[1100,4]]},"72":{"position":[[1154,4]]},"74":{"position":[[668,4]]},"76":{"position":[[430,4]]},"78":{"position":[[527,4]]},"80":{"position":[[1940,4]]},"82":{"position":[[692,4]]},"84":{"position":[[672,4]]},"86":{"position":[[888,4]]},"88":{"position":[[497,4]]},"90":{"position":[[378,4]]},"92":{"position":[[517,4]]},"94":{"position":[[411,4]]},"96":{"position":[[457,4]]},"98":{"position":[[1092,4]]},"100":{"position":[[1564,4]]},"102":{"position":[[573,4]]},"104":{"position":[[1030,4]]},"106":{"position":[[604,4]]},"108":{"position":[[693,4]]},"110":{"position":[[1291,4]]},"112":{"position":[[980,4]]},"114":{"position":[[437,4]]},"116":{"position":[[541,4]]},"118":{"position":[[600,4]]},"120":{"position":[[517,4]]},"122":{"position":[[420,4]]},"124":{"position":[[1234,4]]},"128":{"position":[[1684,4]]},"556":{"position":[[3987,4]]},"558":{"position":[[2352,4]]},"560":{"position":[[7305,4]]},"562":{"position":[[23432,4]]},"564":{"position":[[942,4]]},"566":{"position":[[7837,4]]},"568":{"position":[[9716,4]]},"570":{"position":[[13333,4]]},"572":{"position":[[5237,4]]},"574":{"position":[[8887,4]]},"576":{"position":[[21336,4]]},"578":{"position":[[15253,4]]},"580":{"position":[[3490,4]]},"582":{"position":[[3357,4]]},"584":{"position":[[3694,4]]},"586":{"position":[[9768,4]]},"588":{"position":[[1624,4]]},"590":{"position":[[8286,4]]},"592":{"position":[[15236,4]]},"594":{"position":[[4669,4]]},"596":{"position":[[13846,4]]},"598":{"position":[[4324,4]]},"600":{"position":[[16115,4]]},"602":{"position":[[17289,4]]},"604":{"position":[[17001,4]]},"606":{"position":[[15318,4]]},"608":{"position":[[14842,4]]},"610":{"position":[[2135,4]]},"612":{"position":[[13415,4]]},"614":{"position":[[12883,4]]},"616":{"position":[[6110,4]]},"618":{"position":[[11647,4]]},"620":{"position":[[2895,4]]},"622":{"position":[[17485,4]]},"624":{"position":[[8724,4]]},"626":{"position":[[8200,4]]},"628":{"position":[[12057,4]]},"630":{"position":[[12191,4]]},"632":{"position":[[3163,4]]},"634":{"position":[[7619,4]]},"636":{"position":[[8710,4]]},"638":{"position":[[2979,4]]},"640":{"position":[[1865,4]]},"642":{"position":[[7784,4]]},"644":{"position":[[7623,4]]},"646":{"position":[[1870,4]]},"648":{"position":[[5820,4]]},"652":{"position":[[7514,4]]},"654":{"position":[[25525,4]]},"656":{"position":[[24049,4]]},"658":{"position":[[1358146,4]]},"660":{"position":[[133290,4]]}}}],["editcontext",{"_index":632,"t":{"100":{"position":[[1091,11]]},"612":{"position":[[9426,11]]},"614":{"position":[[8375,11],[8387,12],[8442,11],[8708,11],[11524,11],[11536,12],[11707,11],[12528,11]]},"618":{"position":[[9644,11],[9656,12],[9711,11],[10470,11]]},"622":{"position":[[13009,11],[13021,12],[13076,11],[13835,11]]},"628":{"position":[[7467,11],[7479,12],[7584,11],[7964,11],[10755,11],[10767,12],[10940,11],[11788,11]]},"654":{"position":[[20554,11],[20566,11],[20632,11],[21391,11]]}}}],["editcontext(customeraddress",{"_index":3308,"t":{"612":{"position":[[9570,29]]}}}],["editcontext(flightform",{"_index":3869,"t":{"628":{"position":[[7602,24],[7982,24],[10958,24],[11806,24]]}}}],["editcontext(invoic",{"_index":3420,"t":{"614":{"position":[[8460,21],[8726,21]]},"618":{"position":[[9729,21],[10488,21]]},"622":{"position":[[13094,21],[13853,21]]},"654":{"position":[[20650,21],[21409,21]]}}}],["editcontext(onlinecourseform",{"_index":3454,"t":{"614":{"position":[[11725,30],[12546,30]]}}}],["editcontext=\"@_editcontext",{"_index":3288,"t":{"612":{"position":[[8377,27]]}}}],["editcontext=\"@editcontext",{"_index":3409,"t":{"614":{"position":[[7314,26],[9911,26]]},"618":{"position":[[8134,26]]},"622":{"position":[[11370,26]]},"628":{"position":[[5431,26],[9451,26]]},"654":{"position":[[19193,26]]}}}],["editform",{"_index":3287,"t":{"612":{"position":[[8367,9],[9349,11]]},"614":{"position":[[7304,9],[8314,11],[9901,9],[11399,11]]},"618":{"position":[[8124,9],[9583,11]]},"622":{"position":[[11360,9],[12948,11]]},"628":{"position":[[5421,9],[7400,11],[9441,9],[10638,11]]},"654":{"position":[[19183,9],[20465,11]]}}}],["effect",{"_index":348,"t":{"42":{"position":[[432,6]]},"572":{"position":[[1423,6]]},"578":{"position":[[7826,6]]},"586":{"position":[[354,7]]},"600":{"position":[[341,7],[2925,7],[2953,6],[16264,6]]},"660":{"position":[[5052,6],[5195,6]]}}}],["efficitur",{"_index":1944,"t":{"576":{"position":[[9669,9],[13910,9],[18051,9]]}}}],["egesta",{"_index":1918,"t":{"576":{"position":[[8693,7],[11002,7],[12934,7],[15243,7],[17075,7],[19384,7]]}}}],["eget",{"_index":1849,"t":{"576":{"position":[[7832,4],[7976,4],[8388,4],[8913,4],[9345,4],[9439,4],[9494,4],[9775,4],[9807,4],[10539,5],[10785,5],[11101,4],[11123,4],[12073,4],[12217,4],[12629,4],[13154,4],[13586,4],[13680,4],[13735,4],[14016,4],[14048,4],[14780,5],[15026,5],[15342,4],[15364,4],[16214,4],[16358,4],[16770,4],[17295,4],[17727,4],[17821,4],[17876,4],[18157,4],[18189,4],[18921,5],[19167,5],[19483,4],[19505,4]]}}}],["eight",{"_index":986,"t":{"556":{"position":[[932,5]]}}}],["eindigt",{"_index":4642,"t":{"660":{"position":[[108337,8]]}}}],["eleifend",{"_index":1882,"t":{"576":{"position":[[8130,8],[9246,9],[9360,8],[12371,8],[13487,9],[13601,8],[16512,8],[17628,9],[17742,8]]}}}],["element",{"_index":729,"t":{"112":{"position":[[515,8]]},"556":{"position":[[1691,8],[3612,7]]},"560":{"position":[[764,7]]},"562":{"position":[[2553,8],[3104,8],[3654,8],[4417,8],[5042,8],[5665,8],[6407,8],[6958,8],[7508,8],[8209,8],[8774,8],[9324,8],[10039,8],[10590,8],[11140,8],[12219,8],[12782,8],[13344,8],[13902,8],[14450,8],[15010,8],[18536,8],[19087,8],[19637,8],[20921,8],[21494,8],[22066,8]]},"568":{"position":[[6936,7]]},"570":{"position":[[2795,8],[10656,7]]},"572":{"position":[[477,7],[576,8],[621,8],[670,7],[873,7],[1096,7],[1343,7]]},"574":{"position":[[824,9],[997,9]]},"576":{"position":[[1401,8],[1453,7],[1560,8],[1612,7],[2103,7],[2316,7],[20374,8]]},"578":{"position":[[2407,7],[2620,7]]},"580":{"position":[[2219,8]]},"582":{"position":[[1716,8]]},"586":{"position":[[1664,8]]},"596":{"position":[[1319,8]]},"602":{"position":[[6589,8]]},"604":{"position":[[4623,8]]},"606":{"position":[[3992,8]]},"608":{"position":[[3710,8]]},"610":{"position":[[659,8]]},"630":{"position":[[1849,7]]},"654":{"position":[[1575,7],[3340,7],[3562,7],[10672,9],[12342,9],[13390,9],[14499,7],[15889,7],[24643,7]]}}}],["element'",{"_index":2497,"t":{"594":{"position":[[869,9]]}}}],["elementum",{"_index":1859,"t":{"576":{"position":[[7917,10],[12158,10],[16299,10]]}}}],["element’",{"_index":4089,"t":{"654":{"position":[[3127,9]]}}}],["elimin",{"_index":685,"t":{"110":{"position":[[336,11]]}}}],["elit",{"_index":1831,"t":{"576":{"position":[[7649,5],[7727,4],[7773,5],[8902,5],[9297,4],[9470,4],[10290,5],[10745,5],[11890,5],[11968,4],[12014,5],[13143,5],[13538,4],[13711,4],[14531,5],[14986,5],[16031,5],[16109,4],[16155,5],[17284,5],[17679,4],[17852,4],[18672,5],[19127,5]]}}}],["em",{"_index":1123,"t":{"560":{"position":[[806,2]]},"660":{"position":[[110699,3]]}}}],["em>with</em",{"_index":3180,"t":{"610":{"position":[[2052,13]]}}}],["email",{"_index":4431,"t":{"660":{"position":[[26220,5],[26454,5],[26698,5],[26933,5],[27177,5],[27424,5],[27661,5],[27900,5],[28139,5],[44249,5],[44483,5],[44727,5],[44962,5],[45206,5],[45453,5],[45690,5],[45929,5],[46168,5]]}}}],["email.png",{"_index":2321,"t":{"586":{"position":[[7009,10]]}}}],["email</ribbonitem",{"_index":2263,"t":{"586":{"position":[[3897,20],[7046,20]]}}}],["embed",{"_index":1089,"t":{"558":{"position":[[1610,8],[1658,8],[2323,8],[2435,8]]},"588":{"position":[[442,9]]}}}],["emp",{"_index":4542,"t":{"660":{"position":[[59183,4],[59400,5],[59449,3],[59722,4],[61779,4],[74142,3],[77117,3],[80468,3],[82426,4]]}}}],["emp.design",{"_index":4549,"t":{"660":{"position":[[59544,15],[61836,16]]}}}],["emp.doj",{"_index":4551,"t":{"660":{"position":[[59587,7]]}}}],["emp.id",{"_index":2642,"t":{"596":{"position":[[11977,6]]},"660":{"position":[[59472,6],[59533,10],[59576,10],[82440,6]]}}}],["emp.isact",{"_index":4555,"t":{"660":{"position":[[59694,12],[61789,15]]}}}],["emp.nam",{"_index":4548,"t":{"660":{"position":[[59511,8]]}}}],["emplist1",{"_index":2624,"t":{"596":{"position":[[7430,11],[7650,11],[7899,11]]}}}],["emplist2",{"_index":2625,"t":{"596":{"position":[[7509,11],[7733,11],[7993,11]]}}}],["employe",{"_index":1696,"t":{"574":{"position":[[1693,8],[2619,8],[2957,11],[3028,8],[3128,10],[3704,8],[3713,9],[3820,8],[3855,8],[3870,8],[4192,8]]},"576":{"position":[[3746,8],[4035,9],[4525,8],[4534,8],[4652,8],[4687,8],[4702,8],[5425,8],[5887,9],[6627,8],[6636,8],[6833,8],[6868,8],[6883,8]]},"578":{"position":[[4527,8],[4799,9],[5289,8],[5298,9],[5405,8],[5440,8],[5455,8],[6181,8],[6590,9],[7323,8],[7332,9],[7518,8],[7553,8],[7568,8]]},"584":{"position":[[1445,9]]},"596":{"position":[[2500,9],[2563,10],[3805,10],[3922,10],[6180,10],[6298,10],[6416,10],[7345,9],[9030,10],[9148,10],[10658,8],[10722,8],[11354,9],[11417,10],[12167,9],[12230,10],[13044,9],[13142,9],[13205,10]]},"630":{"position":[[11969,8],[12029,10]]},"648":{"position":[[5418,8],[5485,10],[5506,9],[5698,10]]},"660":{"position":[[7934,10],[7987,9],[9459,8],[10279,10],[10332,9],[12655,10],[12708,9],[15427,10],[15480,9],[17846,10],[17899,9],[20598,10],[20651,9],[23000,10],[23053,9],[26066,10],[26119,9],[32077,10],[32130,9],[34442,10],[34495,9],[36807,10],[36860,9],[39212,10],[39265,9],[41470,10],[41523,9],[44095,10],[44148,9],[47448,10],[47501,9],[51944,10],[52167,10],[52195,9],[52266,9],[52334,9],[54877,9],[57213,9],[57372,8],[57481,8],[58194,10],[58247,9],[58977,9],[59265,9],[59388,9],[59522,10],[59744,8],[59777,8],[59802,9],[59869,8],[59923,9],[59959,9],[60008,9],[60037,9],[60291,8],[60365,8],[61369,10],[61505,10],[61533,9],[61604,9],[61672,9],[63646,8],[63730,8],[64764,10],[64900,10],[64928,9],[64999,9],[65067,9],[67847,10],[67983,10],[68011,9],[68082,9],[68150,9],[71087,10],[71360,10],[71388,9],[71459,9],[71527,9],[74112,10],[74243,9],[74498,10],[74526,9],[74597,9],[74665,9],[75997,10],[76030,9],[76073,9],[77087,10],[77218,9],[77473,10],[77501,9],[77572,9],[77640,9],[78972,10],[79005,9],[79048,9],[79365,8],[79445,8],[80438,10],[80569,9],[80770,10],[80798,9],[80869,9],[80937,9],[82281,10],[82552,10],[82585,9],[82628,9],[83714,9],[83861,10],[83889,9],[83960,9],[84028,9],[86480,9],[86627,10],[86655,9],[86726,9],[86794,9],[91709,9],[91856,10],[91884,9],[91955,9],[92023,9],[99939,9],[100086,10],[100114,9],[100185,9],[100253,9],[102130,9],[102277,10],[102305,9],[102376,9],[102444,9],[104568,9],[104715,10],[104743,9],[104814,9],[104882,9],[107450,9],[108706,10],[108734,9],[108805,9],[108873,9],[112324,9],[112586,10],[112614,9],[112685,9],[112753,9],[125951,9],[126098,10],[126126,9],[126197,9],[126265,9],[128861,9],[128992,9],[131502,9],[131633,9]]}}}],["employee(i",{"_index":2564,"t":{"596":{"position":[[2551,11],[3793,11],[3910,11],[6168,11],[6286,11],[6404,11],[9018,11],[9136,11],[11405,11],[12218,11],[13193,11]]}}}],["employee(int",{"_index":2574,"t":{"596":{"position":[[2863,12],[5184,12],[8130,12],[10265,12],[11717,12],[12530,12],[13559,12],[13797,12]]}}}],["employee1",{"_index":4351,"t":{"660":{"position":[[8025,9],[8149,9],[8280,9],[8404,9],[8533,9],[8666,9],[8786,9],[8908,9],[9031,9],[10370,9],[10494,9],[10625,9],[10749,9],[10878,9],[11011,9],[11131,9],[11253,9],[11376,9],[12746,9],[12870,9],[13001,9],[13125,9],[13254,9],[13387,9],[13507,9],[13629,9],[13759,9],[13884,9],[14007,9],[14126,9],[15518,9],[15642,9],[15773,9],[15897,9],[16026,9],[16159,9],[16279,9],[16401,9],[16524,9],[17937,9],[18061,9],[18192,9],[18316,9],[18445,9],[18578,9],[18698,9],[18820,9],[18950,9],[19075,9],[19198,9],[19317,9],[20689,9],[20813,9],[20944,9],[21068,9],[21197,9],[21330,9],[21450,9],[21572,9],[21695,9],[23091,9],[23215,9],[23346,9],[23470,9],[23599,9],[23732,9],[23852,9],[23974,9],[24097,9],[32168,9],[32292,9],[32423,9],[32547,9],[32676,9],[32809,9],[32929,9],[33051,9],[33174,9],[34533,9],[34657,9],[34788,9],[34912,9],[35041,9],[35174,9],[35294,9],[35416,9],[35539,9],[36898,9],[37022,9],[37153,9],[37277,9],[37406,9],[37539,9],[37659,9],[37781,9],[37904,9],[47539,9],[47663,9],[47794,9],[47918,9],[48047,9],[48180,9],[48300,9],[48422,9],[48552,9],[48677,9],[48800,9],[48919,9],[53193,9],[53317,9],[53448,9],[53572,9],[53701,9],[53834,9],[53954,9],[54076,9],[54206,9],[54331,9],[54454,9],[54573,9],[55832,9],[55956,9],[56087,9],[56211,9],[56340,9],[56551,9],[56671,9],[56793,9],[56916,9],[58285,9],[58409,9],[58540,9],[58664,9],[58793,9],[59416,9],[59459,12],[61997,9],[62121,9],[62252,9],[62376,9],[62505,9],[62638,9],[62758,9],[62880,9],[63010,9],[63135,9],[63258,9],[63377,9],[65218,9],[65342,9],[65473,9],[65597,9],[65726,9],[65859,9],[65979,9],[66101,9],[66231,9],[66356,9],[66479,9],[66598,9],[68301,9],[68425,9],[68556,9],[68680,9],[68809,9],[68942,9],[69062,9],[69184,9],[69314,9],[69439,9],[69562,9],[69681,9],[71678,9],[71802,9],[71933,9],[72057,9],[72186,9],[72319,9],[72439,9],[72561,9],[72691,9],[72816,9],[72939,9],[73058,9],[74816,9],[74940,9],[75071,9],[75195,9],[75324,9],[75457,9],[75577,9],[75699,9],[75822,9],[77791,9],[77915,9],[78046,9],[78170,9],[78299,9],[78432,9],[78552,9],[78674,9],[78797,9],[81088,9],[81212,9],[81343,9],[81467,9],[81596,9],[81729,9],[81849,9],[81971,9],[82094,9],[84179,9],[84303,9],[84434,9],[84558,9],[84687,9],[84820,9],[84940,9],[85062,9],[85192,9],[85317,9],[85440,9],[85559,9],[86945,9],[87069,9],[87200,9],[87324,9],[87453,9],[87586,9],[87706,9],[87828,9],[87958,9],[88083,9],[88206,9],[88325,9],[92174,9],[92305,9],[92429,9],[92558,9],[92691,9],[92811,9],[100404,9],[100535,9],[100659,9],[100788,9],[100921,9],[101041,9],[102595,9],[102726,9],[102850,9],[102979,9],[103112,9],[103232,9],[105033,9],[105164,9],[105288,9],[105417,9],[105550,9],[105670,9],[109024,9],[109148,9],[109279,9],[109403,9],[109532,9],[109665,9],[109785,9],[109907,9],[110037,9],[110162,9],[110285,9],[110404,9],[126416,9],[126540,9],[126671,9],[126795,9],[126924,9],[127057,9],[127177,9],[127299,9],[127429,9],[127554,9],[127677,9],[127796,9]]}}}],["employee2",{"_index":4494,"t":{"660":{"position":[[39303,9],[39408,9],[39523,9],[39630,9],[39743,9],[39863,9],[39966,9],[40071,9],[40178,9],[41561,9],[41666,9],[41781,9],[41888,9],[42001,9],[42121,9],[42224,9],[42329,9],[42436,9]]}}}],["employee3",{"_index":4430,"t":{"660":{"position":[[26157,9],[26395,9],[26637,9],[26874,9],[27114,9],[27366,9],[27596,9],[27835,9],[28075,9],[44186,9],[44424,9],[44666,9],[44903,9],[45143,9],[45395,9],[45625,9],[45864,9],[46104,9]]}}}],["employee4",{"_index":4658,"t":{"660":{"position":[[112904,9],[113028,9],[113160,9],[113284,9],[113413,9],[113546,9],[113666,9],[113788,9],[113911,9],[114010,9]]}}}],["employeedemocomponent.razor",{"_index":1714,"t":{"574":{"position":[[3264,27]]}}}],["employeedemocomponent1.razor",{"_index":1794,"t":{"576":{"position":[[4084,28]]},"578":{"position":[[4848,28]]}}}],["employeedemocomponent2.razor",{"_index":1815,"t":{"576":{"position":[[6040,28]]},"578":{"position":[[6736,28]]}}}],["employeeid",{"_index":1721,"t":{"574":{"position":[[3746,10],[3834,12]]},"576":{"position":[[4578,10],[4666,12],[6680,10],[6847,12]]},"578":{"position":[[5331,10],[5419,12],[7365,10],[7532,12]]},"660":{"position":[[82357,10],[82478,10]]}}}],["employeelist1",{"_index":2587,"t":{"596":{"position":[[3738,13],[6112,13],[8962,13]]}}}],["employeelist1.add(itemtomov",{"_index":2595,"t":{"596":{"position":[[4196,30],[6690,30],[9422,30]]}}}],["employeelist1.count",{"_index":2593,"t":{"596":{"position":[[4121,20],[6615,20],[9347,20]]}}}],["employeelist1.insert(args.newindex",{"_index":2594,"t":{"596":{"position":[[4142,35],[5025,35],[6636,35],[7662,35],[9368,35],[10205,35]]}}}],["employeelist1.remove(employeelist1[args.oldindex",{"_index":2604,"t":{"596":{"position":[[4785,51],[7911,51]]}}}],["employeelist1.removeat(args.oldindex",{"_index":2592,"t":{"596":{"position":[[4062,38],[6556,38],[9288,38]]}}}],["employeelist1[args.oldindex",{"_index":2591,"t":{"596":{"position":[[4032,29],[4627,29],[6526,29],[7449,29],[9258,29],[9853,29]]}}}],["employeelist2",{"_index":2588,"t":{"596":{"position":[[3855,13],[6230,13],[9080,13]]}}}],["employeelist2.add(itemtomov",{"_index":2601,"t":{"596":{"position":[[4475,30],[6969,30],[9701,30]]}}}],["employeelist2.count",{"_index":2599,"t":{"596":{"position":[[4400,20],[6894,20],[9626,20]]}}}],["employeelist2.insert(args.newindex",{"_index":2600,"t":{"596":{"position":[[4421,35],[4694,35],[6915,35],[7745,35],[9647,35],[9946,35]]}}}],["employeelist2.remove(employeelist2[args.oldindex",{"_index":2606,"t":{"596":{"position":[[5116,51],[8005,51]]}}}],["employeelist2.removeat(args.oldindex",{"_index":2598,"t":{"596":{"position":[[4341,38],[6835,38],[9567,38]]}}}],["employeelist2[args.oldindex",{"_index":2597,"t":{"596":{"position":[[4311,29],[4958,29],[6805,29],[7528,29],[9537,29],[10111,29]]}}}],["employeelist3",{"_index":2614,"t":{"596":{"position":[[6348,13]]}}}],["employeelist3.add(itemtomov",{"_index":2621,"t":{"596":{"position":[[7248,30]]}}}],["employeelist3.count",{"_index":2619,"t":{"596":{"position":[[7173,20]]}}}],["employeelist3.insert(args.newindex",{"_index":2620,"t":{"596":{"position":[[7194,35],[7793,35]]}}}],["employeelist3.remove(employeelist3[args.oldindex",{"_index":2627,"t":{"596":{"position":[[8062,51]]}}}],["employeelist3.removeat(args.oldindex",{"_index":2618,"t":{"596":{"position":[[7114,38]]}}}],["employeelist3[args.oldindex",{"_index":2617,"t":{"596":{"position":[[7084,29],[7570,29]]}}}],["employees.add(createemploye",{"_index":4538,"t":{"660":{"position":[[59057,32]]}}}],["employees.add(itemtomov",{"_index":2573,"t":{"596":{"position":[[2820,26],[11674,26],[12487,26],[13516,26]]}}}],["employees.all(",{"_index":4565,"t":{"660":{"position":[[71133,15]]}}}],["employees.ani",{"_index":4576,"t":{"660":{"position":[[76055,15],[79030,15],[82610,15]]}}}],["employees.any(x",{"_index":4582,"t":{"660":{"position":[[82301,15]]}}}],["employees.count",{"_index":2571,"t":{"596":{"position":[[2753,16],[11607,16],[12420,16],[13449,16]]},"660":{"position":[[59212,17]]}}}],["employees.getrange(0",{"_index":4543,"t":{"660":{"position":[[59190,21]]}}}],["employees.insert(args.newindex",{"_index":2572,"t":{"596":{"position":[[2770,31],[11624,31],[12437,31],[13466,31]]}}}],["employees.max(x",{"_index":4546,"t":{"660":{"position":[[59481,15]]}}}],["employees.removeat(args.oldindex",{"_index":2569,"t":{"596":{"position":[[2698,34],[11552,34],[12365,34],[13394,34]]}}}],["employees:</p",{"_index":4528,"t":{"660":{"position":[[55010,14]]}}}],["employees[args.oldindex",{"_index":2568,"t":{"596":{"position":[[2672,25],[11526,25],[12339,25],[13368,25]]}}}],["employeesdataprovider(griddataproviderrequest<employe",{"_index":4471,"t":{"660":{"position":[[30156,55],[49995,55]]}}}],["employeesdataprovider(griddataproviderrequest<employee1",{"_index":4383,"t":{"660":{"position":[[9205,56],[11550,56],[14307,56],[16698,56],[19498,56],[21869,56],[24271,56],[33348,56],[35713,56],[38078,56],[49100,56],[52096,56],[61434,56],[64829,56],[67912,56],[71289,56],[74373,56],[77348,56],[80699,56],[83790,56],[86556,56],[91785,56],[100015,56],[102206,56],[104644,56],[108635,56],[126027,56]]}}}],["employeesdataprovider(griddataproviderrequest<employee2",{"_index":4496,"t":{"660":{"position":[[40335,56],[42593,56]]}}}],["employeesdataprovider(griddataproviderrequest<employee3",{"_index":4456,"t":{"660":{"position":[[28364,56],[46393,56]]}}}],["employeesdataprovider(griddataproviderrequest<employee4",{"_index":4656,"t":{"660":{"position":[[112515,56]]}}}],["emps.add(createemploye",{"_index":4544,"t":{"660":{"position":[[59230,27]]}}}],["empti",{"_index":299,"t":{"32":{"position":[[504,5]]},"60":{"position":[[423,5],[511,5]]},"596":{"position":[[13608,5],[14042,5]]},"612":{"position":[[506,5]]},"624":{"position":[[959,5],[1131,5]]},"626":{"position":[[961,5],[1133,5]]},"640":{"position":[[1843,5]]},"642":{"position":[[973,5],[1145,5]]},"644":{"position":[[973,5],[1145,5]]},"646":{"position":[[1848,5]]},"660":{"position":[[49244,5],[133848,5]]}}}],["emptydatatempl",{"_index":2541,"t":{"596":{"position":[[928,17]]},"660":{"position":[[1306,17]]}}}],["emptytext",{"_index":2542,"t":{"596":{"position":[[1053,9]]},"612":{"position":[[454,9]]},"660":{"position":[[1407,9],[49409,9]]}}}],["emptytext=\"no",{"_index":4500,"t":{"660":{"position":[[49557,13]]}}}],["en",{"_index":3531,"t":{"618":{"position":[[700,2]]},"622":{"position":[[872,2]]}}}],["enabl",{"_index":341,"t":{"42":{"position":[[292,6]]},"72":{"position":[[605,6]]},"80":{"position":[[479,8],[626,8],[769,8],[914,8],[1053,8],[1196,8]]},"568":{"position":[[1659,7],[4612,6],[5425,6],[9861,6]]},"572":{"position":[[2570,6]]},"574":{"position":[[8314,8]]},"578":{"position":[[1084,7]]},"596":{"position":[[143,7],[8242,6]]},"602":{"position":[[17065,6]]},"604":{"position":[[16779,6]]},"606":{"position":[[12395,6]]},"608":{"position":[[8769,6]]},"612":{"position":[[1246,8],[1260,7],[10937,6],[11818,8],[11950,8],[11984,6],[12069,8],[12551,6],[13363,8]]},"614":{"position":[[207,7],[1191,6],[1198,7],[3062,6],[5766,6],[6044,8],[6176,8],[6210,6],[6292,8],[6619,6],[6816,8],[13000,6]]},"616":{"position":[[679,8],[688,7],[2311,6],[2553,8],[2685,8],[2719,6],[2804,8],[3118,6],[3278,8]]},"618":{"position":[[1180,8],[1189,7],[3531,6],[6644,6],[6881,8],[7013,8],[7047,6],[7131,8],[7457,6],[7615,8],[11759,6]]},"620":{"position":[[548,8],[562,7],[1253,6],[1496,8],[1628,8],[1662,6],[1741,8],[2013,6],[2158,8]]},"622":{"position":[[1694,8],[1703,7],[5593,6],[7436,6],[9861,6],[10098,8],[10230,8],[10264,6],[10350,8],[10680,6],[10844,8],[17776,6]]},"628":{"position":[[211,7],[1135,6],[1142,7],[2234,6],[3910,6],[4185,8],[4317,8],[4351,6],[4433,8],[4736,6],[4932,8],[12163,6]]},"654":{"position":[[338,7]]},"660":{"position":[[1154,6],[1248,6],[3375,6],[3551,6],[4280,8],[4303,7],[5729,6],[5796,7],[42883,6],[50250,6],[52509,6],[73227,6]]}}}],["enabledropdown",{"_index":4131,"t":{"654":{"position":[[15685,16]]}}}],["enablefadeeffect",{"_index":2226,"t":{"586":{"position":[[299,16]]},"600":{"position":[[286,16]]}}}],["enablefadeeffect=\"tru",{"_index":2716,"t":{"600":{"position":[[2978,23],[3123,24],[3979,24],[4968,24],[6032,23],[6896,23],[9497,24]]}}}],["enableminmax",{"_index":3334,"t":{"614":{"position":[[533,12]]},"618":{"position":[[494,12]]},"622":{"position":[[574,12]]},"628":{"position":[[537,12]]}}}],["enableminmax=\"fals",{"_index":3336,"t":{"614":{"position":[[773,21],[879,21]]},"618":{"position":[[788,21],[864,21]]},"622":{"position":[[960,21],[1121,21]]},"628":{"position":[[777,21],[853,21]]}}}],["enableminmax=\"tru",{"_index":3368,"t":{"614":{"position":[[3086,19],[3640,19],[3968,19],[4294,19],[4622,19],[10960,19]]},"618":{"position":[[3555,19],[4102,19]]},"622":{"position":[[7460,19],[8037,19]]},"628":{"position":[[2258,19],[2812,19],[3115,19],[10199,19]]}}}],["encourag",{"_index":3909,"t":{"630":{"position":[[1665,9],[1904,9]]}}}],["end",{"_index":1461,"t":{"568":{"position":[[6253,3]]},"576":{"position":[[1863,5]]},"578":{"position":[[2167,5]]},"592":{"position":[[6576,5],[9570,5],[12568,5]]},"594":{"position":[[3180,4]]},"600":{"position":[[13905,4],[14935,4]]},"602":{"position":[[2721,4],[15102,6],[15118,5],[15709,6],[15725,5]]},"606":{"position":[[14142,6]]},"608":{"position":[[10380,6],[10455,6]]},"612":{"position":[[2022,3]]},"614":{"position":[[8159,4],[8274,3],[9643,3],[11244,4],[11359,3],[12817,4]]},"618":{"position":[[5337,4],[9428,4],[9543,3]]},"622":{"position":[[8466,4],[12793,4],[12908,3]]},"624":{"position":[[7710,5]]},"626":{"position":[[7186,5]]},"628":{"position":[[7245,4],[7360,3],[10483,4],[10598,3]]},"634":{"position":[[6650,5]]},"636":{"position":[[7741,5]]},"640":{"position":[[817,5]]},"642":{"position":[[6770,5]]},"644":{"position":[[6609,5]]},"646":{"position":[[822,5]]},"652":{"position":[[6675,5]]},"654":{"position":[[20310,4],[20425,3]]},"656":{"position":[[6733,5],[18712,5]]}}}],["end\">employe",{"_index":1715,"t":{"574":{"position":[[3342,13]]},"576":{"position":[[4163,13],[6119,13]]},"578":{"position":[[4927,13],[6815,13]]}}}],["end\">first",{"_index":1717,"t":{"574":{"position":[[3470,10]]},"576":{"position":[[4291,10],[6247,10]]},"578":{"position":[[5055,10],[6943,10]]}}}],["end\">last",{"_index":1719,"t":{"574":{"position":[[3605,9]]},"576":{"position":[[4426,9],[6382,9]]},"578":{"position":[[5190,9],[7078,9]]}}}],["enddat",{"_index":3470,"t":{"614":{"position":[[12857,7]]}}}],["enddateinput",{"_index":3449,"t":{"614":{"position":[[11440,12]]}}}],["enddateinput.dis",{"_index":3458,"t":{"614":{"position":[[11993,23]]}}}],["enddateinput.en",{"_index":3461,"t":{"614":{"position":[[12177,22]]}}}],["endregion",{"_index":2955,"t":{"602":{"position":[[11077,10]]},"604":{"position":[[9035,10]]},"606":{"position":[[8070,10],[15269,10]]},"608":{"position":[[7624,10],[11495,10],[14793,10]]}}}],["engin",{"_index":4355,"t":{"660":{"position":[[8081,10],[8214,10],[8337,10],[8599,10],[10426,10],[10559,10],[10682,10],[10944,10],[12802,10],[12935,10],[13058,10],[13320,10],[14185,10],[15574,10],[15707,10],[15830,10],[16092,10],[17993,10],[18126,10],[18249,10],[18511,10],[19376,10],[20745,10],[20878,10],[21001,10],[21263,10],[23147,10],[23280,10],[23403,10],[23665,10],[26312,10],[26555,10],[26791,10],[27279,10],[32224,10],[32357,10],[32480,10],[32742,10],[34589,10],[34722,10],[34845,10],[35107,10],[36954,10],[37087,10],[37210,10],[37472,10],[39359,10],[39473,10],[39580,10],[39809,10],[41617,10],[41731,10],[41838,10],[42067,10],[44341,10],[44584,10],[44820,10],[45308,10],[47595,10],[47728,10],[47851,10],[48113,10],[48978,10],[53249,10],[53382,10],[53505,10],[53767,10],[54632,10],[55888,10],[56021,10],[56144,10],[56406,10],[58341,10],[58474,10],[58597,10],[58859,10],[59567,8],[62053,10],[62186,10],[62309,10],[62571,10],[63436,10],[65274,10],[65407,10],[65530,10],[65792,10],[66657,10],[68357,10],[68490,10],[68613,10],[68875,10],[69740,10],[71734,10],[71867,10],[71990,10],[72252,10],[73117,10],[74872,10],[75005,10],[75128,10],[75390,10],[77847,10],[77980,10],[78103,10],[78365,10],[81144,10],[81277,10],[81400,10],[81662,10],[84235,10],[84368,10],[84491,10],[84753,10],[85618,10],[87001,10],[87134,10],[87257,10],[87519,10],[88384,10],[92239,10],[92362,10],[92624,10],[100469,10],[100592,10],[100854,10],[102660,10],[102783,10],[103045,10],[105098,10],[105221,10],[105483,10],[109080,10],[109213,10],[109336,10],[109598,10],[110463,10],[112960,10],[113094,10],[113217,10],[113479,10],[126472,10],[126605,10],[126728,10],[126990,10],[127855,10]]}}}],["enhanc",{"_index":154,"t":{"2":{"position":[[3460,12],[3745,12]]},"18":{"position":[[161,12],[184,12]]},"24":{"position":[[129,12],[208,11]]},"26":{"position":[[112,12],[198,12],[216,11]]},"28":{"position":[[129,12],[182,11]]},"32":{"position":[[124,12],[184,12],[212,13]]},"36":{"position":[[115,13],[129,13],[212,13],[288,13],[537,13]]},"40":{"position":[[126,13],[145,13]]},"42":{"position":[[151,12],[516,13]]},"44":{"position":[[152,12]]},"46":{"position":[[116,12],[196,12],[229,12]]},"52":{"position":[[156,13],[321,12],[349,12],[377,12]]},"62":{"position":[[121,12]]},"64":{"position":[[120,12]]},"104":{"position":[[118,12]]},"106":{"position":[[116,12]]},"108":{"position":[[117,12]]},"112":{"position":[[115,12]]},"126":{"position":[[116,12],[400,12]]},"132":{"position":[[369,12],[618,12],[2807,13]]},"134":{"position":[[129,12],[326,12]]},"140":{"position":[[116,12],[464,12],[806,12],[1095,13],[1890,13],[2304,12],[2496,12]]},"146":{"position":[[550,12],[2693,13]]},"148":{"position":[[514,12]]},"158":{"position":[[2270,12],[2555,12],[2829,12]]},"160":{"position":[[797,13],[1163,12],[1511,12]]},"166":{"position":[[214,13],[580,12]]},"168":{"position":[[206,13],[572,12]]},"170":{"position":[[169,12],[418,12],[673,13]]},"174":{"position":[[185,13]]},"176":{"position":[[182,13]]},"178":{"position":[[183,13]]},"180":{"position":[[201,12]]},"182":{"position":[[208,12]]},"186":{"position":[[170,12]]},"190":{"position":[[208,12]]},"194":{"position":[[207,13],[573,12]]},"196":{"position":[[205,12]]},"198":{"position":[[209,12]]},"200":{"position":[[170,12]]},"202":{"position":[[207,13],[573,12]]},"208":{"position":[[200,12]]},"210":{"position":[[450,12]]},"212":{"position":[[162,12]]},"216":{"position":[[206,13]]},"218":{"position":[[195,12]]},"220":{"position":[[165,12],[414,12],[2603,13],[2969,12]]},"222":{"position":[[173,12]]},"230":{"position":[[2279,12],[2564,12],[2838,12]]},"234":{"position":[[171,12]]},"236":{"position":[[174,12],[423,12],[2612,13],[2978,12]]},"238":{"position":[[204,12],[546,12],[835,13],[1630,13],[2044,12],[2236,12],[2439,12]]},"240":{"position":[[182,12]]},"250":{"position":[[167,12]]},"258":{"position":[[175,12]]},"268":{"position":[[168,12]]},"272":{"position":[[166,12]]},"274":{"position":[[163,12]]},"276":{"position":[[169,12],[418,12],[673,13]]},"288":{"position":[[168,12]]},"304":{"position":[[168,12]]},"306":{"position":[[2273,12],[2558,12],[2832,12]]},"308":{"position":[[1643,12],[1928,12],[2202,12],[2486,12]]},"314":{"position":[[168,12],[417,12]]},"316":{"position":[[165,12]]},"318":{"position":[[2703,12],[2952,12]]},"328":{"position":[[1100,13]]},"330":{"position":[[1416,12]]},"334":{"position":[[161,12]]},"336":{"position":[[158,12],[443,12]]},"346":{"position":[[739,12]]},"358":{"position":[[514,12]]},"360":{"position":[[539,12],[824,12],[1098,12],[1382,12],[1811,13]]},"364":{"position":[[1485,12],[1770,12]]},"366":{"position":[[157,12]]},"368":{"position":[[493,12]]},"370":{"position":[[2066,12],[2315,12],[2559,13],[2767,12]]},"374":{"position":[[201,12]]},"380":{"position":[[167,12]]},"382":{"position":[[482,12]]},"384":{"position":[[511,12],[796,12],[1072,12]]},"392":{"position":[[1364,12]]},"396":{"position":[[455,12]]},"398":{"position":[[178,12]]},"400":{"position":[[162,12]]},"402":{"position":[[202,12]]},"410":{"position":[[515,12]]},"416":{"position":[[160,12]]},"428":{"position":[[157,12]]},"430":{"position":[[781,12]]},"436":{"position":[[476,12]]},"456":{"position":[[173,12]]},"458":{"position":[[173,12]]},"460":{"position":[[156,12]]},"462":{"position":[[168,12]]},"466":{"position":[[159,13]]},"472":{"position":[[196,12]]},"474":{"position":[[200,13]]},"476":{"position":[[170,13]]},"478":{"position":[[195,12]]},"484":{"position":[[163,12]]},"486":{"position":[[161,12]]},"488":{"position":[[160,12]]},"490":{"position":[[162,12]]},"508":{"position":[[164,12]]},"510":{"position":[[165,12]]},"650":{"position":[[160,12]]}}}],["enim",{"_index":1853,"t":{"576":{"position":[[7880,5],[8326,5],[8812,5],[10714,5],[12121,5],[12567,5],[13053,5],[14955,5],[16262,5],[16708,5],[17194,5],[19096,5]]}}}],["enough",{"_index":3930,"t":{"630":{"position":[[4854,6],[6388,6]]}}}],["ensur",{"_index":209,"t":{"12":{"position":[[94,8]]},"134":{"position":[[1712,8]]},"240":{"position":[[1568,8]]},"440":{"position":[[138,8]]},"560":{"position":[[2184,6]]},"566":{"position":[[3094,6],[3582,6],[4071,6],[4557,6],[5042,6],[5552,6],[6059,6],[6567,6],[7072,6],[7576,6]]},"600":{"position":[[14783,6]]}}}],["enter",{"_index":3199,"t":{"612":{"position":[[2070,5]]},"614":{"position":[[3225,5]]},"618":{"position":[[3694,5]]},"622":{"position":[[7599,5]]},"628":{"position":[[2397,5]]}}}],["enterpris",{"_index":3696,"t":{"624":{"position":[[114,10]]},"626":{"position":[[114,10]]},"632":{"position":[[132,10]]},"634":{"position":[[172,10]]},"636":{"position":[[168,10]]},"638":{"position":[[132,10]]},"640":{"position":[[89,10]]},"642":{"position":[[124,10]]},"644":{"position":[[124,10]]},"646":{"position":[[94,10]]},"652":{"position":[[124,10]]}}}],["entir",{"_index":4561,"t":{"660":{"position":[[66838,6]]}}}],["entireti",{"_index":1586,"t":{"570":{"position":[[7218,8]]}}}],["entri",{"_index":164,"t":{"2":{"position":[[3909,7]]},"68":{"position":[[330,5],[514,5]]},"126":{"position":[[2882,7],[2896,7]]},"132":{"position":[[3063,7],[3077,7]]},"134":{"position":[[2050,7],[2064,7]]},"136":{"position":[[3104,7],[3118,7]]},"138":{"position":[[443,7]]},"140":{"position":[[2576,7],[2590,7]]},"158":{"position":[[3001,7]]},"212":{"position":[[2902,7],[2916,7]]},"214":{"position":[[3138,7],[3152,7]]},"218":{"position":[[391,7]]},"220":{"position":[[3172,7],[3186,7]]},"230":{"position":[[3010,7]]},"232":{"position":[[3147,7],[3161,7]]},"234":{"position":[[2911,7],[2925,7]]},"236":{"position":[[3181,7],[3195,7]]},"238":{"position":[[2513,7],[2527,7]]},"240":{"position":[[2100,7],[2114,7]]},"242":{"position":[[302,7]]},"270":{"position":[[3003,7]]},"276":{"position":[[816,7]]},"306":{"position":[[3004,7]]},"308":{"position":[[3054,7]]},"310":{"position":[[813,7]]},"312":{"position":[[2780,7],[2794,7]]},"314":{"position":[[1311,7]]},"316":{"position":[[2905,7],[2919,7]]},"318":{"position":[[3087,7],[3101,7]]},"326":{"position":[[3141,7],[3155,7]]},"362":{"position":[[249,7]]},"364":{"position":[[2980,7]]},"370":{"position":[[2853,7],[2867,7]]},"382":{"position":[[757,7]]},"384":{"position":[[3245,7]]},"614":{"position":[[9468,5],[9569,5],[13097,5]]},"628":{"position":[[9019,5],[9120,5],[12260,5]]}}}],["enum",{"_index":314,"t":{"36":{"position":[[467,4]]},"128":{"position":[[543,4]]},"580":{"position":[[1436,5],[2270,5]]},"584":{"position":[[2292,4]]},"660":{"position":[[5401,4],[40597,6],[127939,4],[130321,4],[133212,4],[134394,4]]}}}],["enumerable.range(1",{"_index":2562,"t":{"596":{"position":[[2512,19],[3754,19],[10619,19],[11366,19],[12179,19],[13154,19]]}}}],["enumerable.range(10",{"_index":2612,"t":{"596":{"position":[[6128,20],[8978,20]]}}}],["enumerable.range(20",{"_index":2613,"t":{"596":{"position":[[6246,20],[9096,20]]}}}],["enumerable.range(30",{"_index":2615,"t":{"596":{"position":[[6364,20]]}}}],["enumerable.range(6",{"_index":2589,"t":{"596":{"position":[[3871,19]]}}}],["environ",{"_index":3767,"t":{"624":{"position":[[4616,12],[4737,14],[4752,12],[4860,14]]},"626":{"position":[[4688,12],[4809,14],[4824,12],[4932,14]]},"656":{"position":[[11147,12]]}}}],["equal",{"_index":1608,"t":{"570":{"position":[[10669,5],[11849,5],[13164,5]]},"660":{"position":[[677,5],[124832,5]]}}}],["erat",{"_index":1897,"t":{"576":{"position":[[8345,5],[10211,4],[10534,4],[10917,4],[12586,5],[14452,4],[14775,4],[15158,4],[16727,5],[18593,4],[18916,4],[19299,4]]}}}],["ero",{"_index":1941,"t":{"576":{"position":[[9619,5],[9714,5],[9873,5],[10799,4],[11106,4],[13860,5],[13955,5],[14114,5],[15040,4],[15347,4],[18001,5],[18096,5],[18255,5],[19181,4],[19488,4]]}}}],["error",{"_index":509,"t":{"78":{"position":[[216,5]]},"112":{"position":[[559,5]]},"588":{"position":[[602,5],[1223,5]]},"624":{"position":[[4605,5],[4662,5]]},"626":{"position":[[4677,5],[4734,5]]},"630":{"position":[[12158,8]]},"634":{"position":[[7505,5],[7529,5]]},"636":{"position":[[8596,5],[8620,5]]},"642":{"position":[[4618,5],[4642,5]]},"644":{"position":[[4417,5],[4441,5]]},"648":{"position":[[5719,8]]},"652":{"position":[[4074,5],[4098,5]]}}}],["errormessag",{"_index":2358,"t":{"588":{"position":[[1581,13],[1608,13]]},"618":{"position":[[10596,12],[10709,12],[10866,12]]},"622":{"position":[[13961,12],[14073,12],[14230,12]]},"654":{"position":[[21517,12],[21630,12],[21787,12]]}}}],["es",{"_index":3263,"t":{"612":{"position":[[3456,4],[5327,4],[7952,4]]},"622":{"position":[[3023,3],[15185,3]]}}}],["es</b></label",{"_index":3661,"t":{"622":{"position":[[2946,14],[15104,14]]}}}],["esc",{"_index":678,"t":{"108":{"position":[[433,3]]},"578":{"position":[[7849,3]]},"612":{"position":[[1799,3]]}}}],["escap",{"_index":1762,"t":{"576":{"position":[[430,6]]},"578":{"position":[[519,6],[2823,6],[8113,6]]}}}],["est",{"_index":1946,"t":{"576":{"position":[[9710,3],[9898,3],[10427,4],[11210,3],[13951,3],[14139,3],[14668,4],[15451,3],[18092,3],[18280,3],[18809,4],[19592,3]]}}}],["et",{"_index":1886,"t":{"576":{"position":[[8172,2],[9113,2],[9234,2],[9475,2],[9841,2],[9886,2],[10586,2],[11060,2],[12413,2],[13354,2],[13475,2],[13716,2],[14082,2],[14127,2],[14827,2],[15301,2],[16554,2],[17495,2],[17616,2],[17857,2],[18223,2],[18268,2],[18968,2],[19442,2]]}}}],["etc",{"_index":1384,"t":{"568":{"position":[[163,4]]},"586":{"position":[[6789,5]]},"660":{"position":[[110714,4]]}}}],["etc.</div",{"_index":1983,"t":{"576":{"position":[[20427,10]]}}}],["etiam",{"_index":1956,"t":{"576":{"position":[[10138,5],[10338,5],[14379,5],[14579,5],[18520,5],[18720,5]]}}}],["eu",{"_index":1921,"t":{"576":{"position":[[8818,2],[8963,2],[9804,2],[10667,2],[13059,2],[13204,2],[14045,2],[14908,2],[17200,2],[17345,2],[18186,2],[19049,2]]}}}],["euismod",{"_index":1965,"t":{"576":{"position":[[10706,7],[10731,7],[14947,7],[14972,7],[19088,7],[19113,7]]}}}],["even",{"_index":634,"t":{"100":{"position":[[1118,4]]},"108":{"position":[[460,4]]},"570":{"position":[[11801,4],[13116,4]]},"578":{"position":[[8095,4]]}}}],["event",{"_index":216,"t":{"12":{"position":[[282,6],[426,6]]},"42":{"position":[[374,7],[498,6]]},"56":{"position":[[443,5]]},"68":{"position":[[287,5]]},"70":{"position":[[319,5],[599,5]]},"72":{"position":[[323,7],[508,7]]},"78":{"position":[[296,5]]},"98":{"position":[[205,5],[232,5],[264,5]]},"110":{"position":[[424,7],[931,5]]},"556":{"position":[[596,7],[3903,5],[4060,6]]},"562":{"position":[[1378,7],[1431,5],[1563,5],[1649,5],[1724,5],[20448,6],[20515,6],[22660,7],[22879,7],[23099,7],[23320,7],[23528,6],[23718,6]]},"568":{"position":[[3961,7],[8957,7],[8971,7],[9045,5],[9139,8],[9165,6],[9254,5],[9361,8],[9380,5],[9698,6],[10005,6]]},"572":{"position":[[704,7],[758,5],[842,5],[980,5],[1065,5],[3432,6],[3498,6],[5307,6],[5347,6]]},"576":{"position":[[1510,5],[1671,5],[1951,7],[1959,5],[1992,5],[2070,5],[2204,5],[2283,5],[4803,5],[4843,5],[20000,7],[20060,6],[21410,6],[21485,5],[21565,6]]},"578":{"position":[[2255,7],[2263,5],[2296,5],[2374,5],[2508,5],[2587,5],[2724,5],[5556,5],[5596,5],[14033,7],[14085,6],[15325,6],[15392,5],[15566,6]]},"582":{"position":[[1414,7],[1422,5],[1457,5],[3019,7],[3427,6],[3526,6]]},"586":{"position":[[2888,7],[2940,5],[3023,5],[3126,5],[3241,5],[3324,5],[3401,7],[3409,5],[3454,5],[9953,6],[9979,6]]},"588":{"position":[[510,7],[560,5],[633,5],[1062,7],[1170,5],[1707,6],[1727,6]]},"596":{"position":[[1973,7],[1981,5],[2035,5],[2127,5],[2223,5],[13927,6]]},"600":{"position":[[1109,7],[1117,5],[1163,5],[1266,5],[1381,5],[1464,5],[2044,7],[2052,5],[2097,5],[11344,7],[11383,6],[11604,6],[11728,6],[11801,6],[16203,6],[16238,6],[16383,6]]},"602":{"position":[[3674,7]]},"610":{"position":[[1350,6],[2263,5]]},"612":{"position":[[1408,7],[1462,5],[1563,5],[13484,6]]},"614":{"position":[[1224,7],[1267,5],[8980,7],[9007,5],[12959,6],[13039,7]]},"616":{"position":[[716,7],[773,5],[6178,6]]},"618":{"position":[[1211,7],[1254,5],[10975,7],[11002,5],[11718,6],[11841,7]]},"620":{"position":[[584,7],[641,5],[2404,7],[2431,5],[2966,6],[3018,7]]},"622":{"position":[[1727,7],[1770,5],[16809,7],[16836,5],[17558,6],[17868,7]]},"628":{"position":[[1168,7],[1211,5],[8535,7],[8562,5],[12122,6],[12202,7]]},"654":{"position":[[3163,7],[3171,5],[3222,5],[3308,5],[3445,5],[3530,5],[24589,7],[24610,6],[25758,6],[25964,6]]},"658":{"position":[[523,7],[531,5],[585,5],[669,5],[1018,6],[1144,6],[1313,6],[1851,6],[1971,6],[2134,6],[2544,6],[1357879,6],[1358042,6],[1358219,6]]},"660":{"position":[[3089,7],[3186,5],[3294,5],[3463,5],[3641,5],[101190,6],[103502,7],[103617,6],[105946,7],[133364,6],[134203,5],[134226,5]]}}}],["eventcallback",{"_index":2029,"t":{"578":{"position":[[5612,15]]}}}],["eventcallback.factory.create<mouseeventargs>(thi",{"_index":1811,"t":{"576":{"position":[[5762,50]]},"578":{"position":[[6469,50]]}}}],["eventcallback<gridroweventargs<titem",{"_index":4286,"t":{"660":{"position":[[3250,38],[3419,38]]}}}],["eventcallback<gridset",{"_index":4285,"t":{"660":{"position":[[3153,27]]}}}],["eventcallback<hashset<titem",{"_index":4288,"t":{"660":{"position":[[3606,29]]}}}],["eventcallback<mouseeventarg",{"_index":1817,"t":{"576":{"position":[[6724,29]]},"578":{"position":[[7409,29]]}}}],["eventcallbackfactory.cr",{"_index":1804,"t":{"576":{"position":[[5245,27]]},"578":{"position":[[6014,27]]}}}],["eventlog",{"_index":4237,"t":{"658":{"position":[[986,8],[1126,8],[1295,8],[1819,8],[1953,8],[2116,8],[2512,8],[1357861,8],[1358024,8]]}}}],["everyth",{"_index":1568,"t":{"570":{"position":[[5193,10]]},"578":{"position":[[3135,10]]}}}],["ex",{"_index":1933,"t":{"576":{"position":[[9190,2],[9889,2],[10235,3],[10555,3],[13431,2],[14130,2],[14476,3],[14796,3],[17572,2],[18271,2],[18617,3],[18937,3]]},"630":{"position":[[12090,3]]},"648":{"position":[[5622,3]]}}}],["ex.messag",{"_index":3964,"t":{"630":{"position":[[12167,17]]},"648":{"position":[[5728,15]]}}}],["exact",{"_index":3535,"t":{"618":{"position":[[1736,5]]},"622":{"position":[[6016,5]]}}}],["exampl",{"_index":354,"t":{"42":{"position":[[562,7]]},"46":{"position":[[138,11],[253,9],[267,8],[318,8],[364,8]]},"48":{"position":[[154,11],[265,8],[315,8]]},"50":{"position":[[147,11],[244,8],[327,8]]},"52":{"position":[[179,11],[401,9],[415,8],[454,8],[505,8],[549,8]]},"54":{"position":[[169,11],[355,8]]},"56":{"position":[[138,11],[507,8],[547,8]]},"58":{"position":[[136,11],[231,8]]},"62":{"position":[[143,11]]},"64":{"position":[[142,11]]},"132":{"position":[[391,11],[640,11],[1334,11],[1642,11],[1943,11],[2210,11],[2476,11],[2830,11]]},"140":{"position":[[138,11]]},"146":{"position":[[2184,11]]},"160":{"position":[[200,11],[466,11],[820,11],[1185,11]]},"164":{"position":[[213,11]]},"166":{"position":[[237,11],[602,11]]},"168":{"position":[[229,11],[594,11]]},"170":{"position":[[191,11],[440,11]]},"186":{"position":[[192,11]]},"188":{"position":[[205,11]]},"194":{"position":[[230,11],[595,11]]},"200":{"position":[[192,11]]},"202":{"position":[[230,11],[595,11]]},"216":{"position":[[229,11]]},"220":{"position":[[187,11],[436,11],[1130,11],[1438,11],[1739,11],[2006,11],[2272,11],[2626,11],[2991,11]]},"222":{"position":[[1358,11]]},"236":{"position":[[196,11],[445,11],[1139,11],[1447,11],[1748,11],[2015,11],[2281,11],[2635,11],[3000,11]]},"256":{"position":[[890,11]]},"260":{"position":[[194,11]]},"266":{"position":[[188,11]]},"272":{"position":[[2471,11]]},"276":{"position":[[191,11],[440,11]]},"280":{"position":[[204,11]]},"288":{"position":[[618,11]]},"296":{"position":[[628,11]]},"310":{"position":[[635,11]]},"314":{"position":[[190,11],[439,11],[1133,11]]},"318":{"position":[[2725,11],[2974,11]]},"342":{"position":[[188,11]]},"356":{"position":[[182,11]]},"370":{"position":[[2088,11],[2337,11]]},"376":{"position":[[182,11]]},"378":{"position":[[180,11]]},"382":{"position":[[181,11]]},"386":{"position":[[184,11]]},"410":{"position":[[965,11]]},"474":{"position":[[223,11]]},"496":{"position":[[198,11]]},"498":{"position":[[191,11]]},"500":{"position":[[182,11]]},"504":{"position":[[180,11]]},"506":{"position":[[213,11]]},"508":{"position":[[186,11]]},"510":{"position":[[187,11]]},"556":{"position":[[797,9],[1893,7],[2362,7],[4067,8]]},"558":{"position":[[327,9],[2406,8]]},"560":{"position":[[686,9],[7363,8]]},"562":{"position":[[2246,9],[4118,8],[20455,8],[23560,8],[23725,7]]},"564":{"position":[[285,8],[985,7]]},"566":{"position":[[549,9],[622,7],[844,7],[1068,7],[1286,7],[1502,7],[1749,7],[1991,7],[2235,7],[2473,7],[2709,7],[7890,8]]},"568":{"position":[[1752,9],[9783,8]]},"570":{"position":[[2614,9],[2642,7],[2898,7],[3240,8],[3660,7],[4131,7],[4495,7],[5487,7],[8453,7],[8745,7],[9033,7],[9319,7],[9607,7],[9889,7],[10173,7],[10455,7],[13580,8]]},"572":{"position":[[1571,9],[3439,8],[5327,8],[5354,7]]},"574":{"position":[[1559,9],[2451,8],[8974,8]]},"576":{"position":[[2780,9],[2823,7],[4936,8],[7019,8],[21430,8]]},"578":{"position":[[3446,9],[5705,8],[15345,8]]},"580":{"position":[[800,9],[3593,8]]},"582":{"position":[[1514,9],[3434,8]]},"584":{"position":[[2335,8]]},"586":{"position":[[65,8],[3548,9],[3589,8],[6733,8],[9986,8]]},"588":{"position":[[77,8],[735,8],[1087,8]]},"590":{"position":[[67,8],[1144,9],[8393,8]]},"592":{"position":[[1615,9],[2993,10],[3037,11],[5118,11],[5505,11],[6310,7],[8071,11],[8489,11],[11065,11],[11483,11],[14063,11],[14481,11],[15325,8]]},"594":{"position":[[700,9],[4728,8]]},"596":{"position":[[2292,9],[3123,8],[5235,8],[10400,7],[10904,7],[13934,8]]},"598":{"position":[[591,8],[872,9],[1324,8],[2990,7],[3139,7],[3765,8],[4406,8]]},"600":{"position":[[59,8],[2192,9],[3964,8],[14740,8],[16245,8]]},"602":{"position":[[6108,9],[6222,8],[11115,8],[17465,8],[17509,7]]},"604":{"position":[[4142,9],[4256,8],[12670,8],[17173,8]]},"606":{"position":[[3511,9],[3625,8],[8234,8],[15502,8]]},"608":{"position":[[3229,9],[3343,8],[15015,8]]},"610":{"position":[[674,9],[2192,8]]},"612":{"position":[[2118,9],[3769,8],[13511,8]]},"614":{"position":[[1337,9],[1977,8],[7058,8],[9605,7],[12966,8]]},"616":{"position":[[997,9],[6205,8]]},"618":{"position":[[1326,9],[1761,7],[5297,8],[7872,8],[11725,8]]},"620":{"position":[[694,9],[2973,8]]},"622":{"position":[[1844,9],[4947,8],[6041,7],[8426,8],[11108,8],[17565,8]]},"628":{"position":[[1281,9],[1733,8],[5175,8],[9156,7],[12129,8]]},"630":{"position":[[1644,10],[6432,8],[10066,8],[12276,9]]},"648":{"position":[[962,9],[5882,8]]},"650":{"position":[[182,11]]},"654":{"position":[[3656,9],[18510,7],[18606,7],[25765,8]]},"656":{"position":[[1591,9],[6488,7],[18489,8],[24139,8]]},"658":{"position":[[727,9],[1358226,8]]},"660":{"position":[[7014,9],[9409,8],[40628,7],[50313,7],[54830,7],[57166,7],[60227,8],[63572,8],[66772,8],[69860,8],[79310,8],[106072,7],[133430,8]]}}}],["example</dropdowntogglebutton",{"_index":4138,"t":{"654":{"position":[[16751,30]]}}}],["exce",{"_index":3370,"t":{"614":{"position":[[3458,7]]},"616":{"position":[[3845,7]]},"618":{"position":[[3929,7]]},"622":{"position":[[7836,7]]},"628":{"position":[[2630,7]]}}}],["except",{"_index":604,"t":{"98":{"position":[[572,9]]},"584":{"position":[[1475,9]]},"624":{"position":[[4801,9]]},"626":{"position":[[4873,9]]},"630":{"position":[[12106,9]]},"648":{"position":[[5638,9]]}}}],["excit",{"_index":14,"t":{"2":{"position":[[88,7],[435,7],[713,7],[1006,7],[1323,7],[2829,7],[3214,7],[3429,7],[3714,7]]},"10":{"position":[[84,7]]},"16":{"position":[[81,7]]},"18":{"position":[[83,7]]},"20":{"position":[[81,7]]},"22":{"position":[[84,7]]},"24":{"position":[[80,7]]},"26":{"position":[[82,7]]},"28":{"position":[[80,7]]},"30":{"position":[[84,7]]},"32":{"position":[[82,7]]},"34":{"position":[[85,7]]},"36":{"position":[[85,7]]},"38":{"position":[[83,7]]},"40":{"position":[[84,7]]},"42":{"position":[[85,7]]},"44":{"position":[[84,7]]},"46":{"position":[[85,7]]},"48":{"position":[[85,7]]},"50":{"position":[[85,7]]},"52":{"position":[[85,7]]},"54":{"position":[[85,7]]},"56":{"position":[[84,7]]},"58":{"position":[[84,7]]},"60":{"position":[[84,7]]},"62":{"position":[[85,7]]},"64":{"position":[[84,7]]},"66":{"position":[[85,7]]},"68":{"position":[[82,7]]},"70":{"position":[[81,7]]},"72":{"position":[[82,7]]},"74":{"position":[[82,7]]},"76":{"position":[[82,7]]},"78":{"position":[[82,7]]},"80":{"position":[[78,7]]},"82":{"position":[[80,7]]},"84":{"position":[[81,7]]},"86":{"position":[[81,7]]},"88":{"position":[[81,7]]},"90":{"position":[[80,7]]},"92":{"position":[[80,7]]},"94":{"position":[[80,7]]},"96":{"position":[[80,7]]},"98":{"position":[[81,7]]},"100":{"position":[[82,7]]},"102":{"position":[[84,7]]},"104":{"position":[[87,7]]},"106":{"position":[[85,7]]},"108":{"position":[[86,7]]},"110":{"position":[[83,7]]},"112":{"position":[[84,7]]},"114":{"position":[[85,7]]},"116":{"position":[[85,7]]},"118":{"position":[[82,7]]},"120":{"position":[[82,7]]},"122":{"position":[[82,7]]},"126":{"position":[[85,7],[369,7],[798,7],[1044,7],[1336,7],[1621,7],[1873,7],[2092,7],[2312,7],[2619,7]]},"128":{"position":[[88,7]]},"132":{"position":[[85,7],[333,7],[582,7],[831,7],[1280,7],[1590,7],[1859,7],[2148,7],[2407,7],[2736,7]]},"134":{"position":[[80,7],[277,7],[472,7],[670,7],[871,7],[1101,7],[1532,7]]},"136":{"position":[[81,7],[339,7],[638,7],[890,7],[1326,7],[1571,7],[1819,7],[2089,7],[2423,7],[2836,7]]},"140":{"position":[[85,7],[398,7],[738,7],[1053,7],[1315,7],[1586,7],[1860,7],[2058,7],[2262,7],[2466,7]]},"146":{"position":[[132,7],[519,7],[942,7],[1378,7],[1650,7],[2100,7],[2389,7],[2663,7],[2861,7]]},"148":{"position":[[134,7],[483,7],[764,7]]},"150":{"position":[[128,7]]},"152":{"position":[[125,7],[507,7]]},"154":{"position":[[141,7]]},"156":{"position":[[137,7]]},"158":{"position":[[132,7],[479,7],[757,7],[1050,7],[1367,7],[1639,7],[2024,7],[2239,7],[2524,7],[2798,7]]},"160":{"position":[[138,7],[397,7],[726,7],[1132,7],[1445,7]]},"162":{"position":[[134,7]]},"164":{"position":[[144,7]]},"166":{"position":[[143,7],[549,7]]},"168":{"position":[[135,7],[541,7]]},"170":{"position":[[133,7],[382,7],[631,7]]},"172":{"position":[[142,7]]},"174":{"position":[[143,7]]},"176":{"position":[[140,7]]},"178":{"position":[[141,7]]},"180":{"position":[[135,7]]},"182":{"position":[[142,7]]},"184":{"position":[[138,7]]},"186":{"position":[[139,7]]},"188":{"position":[[136,7]]},"190":{"position":[[142,7]]},"192":{"position":[[137,7]]},"194":{"position":[[136,7],[542,7]]},"196":{"position":[[137,7]]},"198":{"position":[[141,7]]},"200":{"position":[[139,7]]},"202":{"position":[[136,7],[542,7]]},"204":{"position":[[146,7]]},"206":{"position":[[138,7]]},"208":{"position":[[134,7]]},"210":{"position":[[135,7],[382,7]]},"212":{"position":[[131,7],[560,7],[806,7],[1098,7],[1383,7],[1635,7],[1854,7],[2074,7],[2381,7],[2719,7]]},"214":{"position":[[125,7],[424,7],[676,7],[1112,7],[1357,7],[1605,7],[1875,7],[2209,7],[2622,7],[2969,7]]},"216":{"position":[[135,7]]},"218":{"position":[[129,7]]},"220":{"position":[[129,7],[378,7],[627,7],[1076,7],[1386,7],[1655,7],[1944,7],[2203,7],[2532,7],[2938,7]]},"222":{"position":[[142,7],[565,7],[1001,7],[1274,7]]},"224":{"position":[[135,7]]},"226":{"position":[[155,7]]},"228":{"position":[[131,7]]},"230":{"position":[[141,7],[488,7],[766,7],[1059,7],[1376,7],[1648,7],[2033,7],[2248,7],[2533,7],[2807,7]]},"232":{"position":[[134,7],[433,7],[685,7],[1121,7],[1366,7],[1614,7],[1884,7],[2218,7],[2631,7],[2978,7]]},"234":{"position":[[140,7],[569,7],[815,7],[1107,7],[1392,7],[1644,7],[1863,7],[2083,7],[2390,7],[2728,7]]},"236":{"position":[[138,7],[387,7],[636,7],[1085,7],[1395,7],[1664,7],[1953,7],[2212,7],[2541,7],[2947,7]]},"238":{"position":[[138,7],[478,7],[793,7],[1055,7],[1326,7],[1600,7],[1798,7],[2002,7],[2206,7],[2390,7]]},"240":{"position":[[133,7],[328,7],[526,7],[727,7],[957,7],[1388,7]]},"244":{"position":[[134,7]]},"246":{"position":[[130,7],[431,7]]},"248":{"position":[[132,7],[377,7],[646,7]]},"250":{"position":[[136,7]]},"252":{"position":[[134,7]]},"254":{"position":[[130,7]]},"256":{"position":[[134,7],[570,7],[821,7]]},"258":{"position":[[144,7]]},"260":{"position":[[140,7]]},"262":{"position":[[135,7],[548,7]]},"264":{"position":[[133,7],[430,7],[866,7],[1279,7]]},"266":{"position":[[134,7]]},"268":{"position":[[137,7]]},"270":{"position":[[132,7],[378,7],[670,7],[955,7],[1175,7],[1433,7],[1732,7],[1984,7],[2420,7],[2665,7]]},"272":{"position":[[135,7],[561,7],[846,7],[1098,7],[1319,7],[1658,7],[2071,7],[2417,7]]},"274":{"position":[[132,7],[410,7]]},"276":{"position":[[133,7],[382,7],[631,7]]},"278":{"position":[[135,7],[388,7]]},"280":{"position":[[135,7]]},"282":{"position":[[133,7]]},"284":{"position":[[130,7],[566,7],[979,7]]},"286":{"position":[[133,7]]},"288":{"position":[[137,7],[566,7]]},"290":{"position":[[129,7]]},"292":{"position":[[130,7]]},"294":{"position":[[133,7],[416,7],[852,7]]},"296":{"position":[[127,7],[566,7]]},"298":{"position":[[136,7]]},"300":{"position":[[129,7]]},"302":{"position":[[130,7],[472,7]]},"304":{"position":[[137,7],[562,7]]},"306":{"position":[[135,7],[482,7],[760,7],[1053,7],[1370,7],[1642,7],[2027,7],[2242,7],[2527,7],[2801,7]]},"308":{"position":[[130,7],[423,7],[740,7],[1012,7],[1397,7],[1612,7],[1897,7],[2171,7],[2455,7],[2884,7]]},"310":{"position":[[132,7],[581,7]]},"312":{"position":[[130,7],[422,7],[707,7],[959,7],[1178,7],[1398,7],[1705,7],[2043,7],[2301,7],[2600,7]]},"314":{"position":[[132,7],[381,7],[630,7],[1079,7]]},"316":{"position":[[134,7],[563,7],[809,7],[1101,7],[1386,7],[1638,7],[1857,7],[2077,7],[2384,7],[2722,7]]},"318":{"position":[[126,7],[562,7],[807,7],[1055,7],[1325,7],[1659,7],[2072,7],[2419,7],[2667,7],[2916,7]]},"320":{"position":[[128,7]]},"322":{"position":[[135,7]]},"324":{"position":[[126,7],[371,7],[640,7]]},"326":{"position":[[128,7],[427,7],[679,7],[1115,7],[1360,7],[1608,7],[1878,7],[2212,7],[2625,7],[2972,7]]},"328":{"position":[[132,7],[479,7],[796,7],[1070,7]]},"330":{"position":[[131,7],[481,7],[751,7],[1052,7],[1386,7]]},"332":{"position":[[136,7]]},"334":{"position":[[130,7]]},"336":{"position":[[127,7],[412,7]]},"338":{"position":[[132,7]]},"340":{"position":[[128,7]]},"342":{"position":[[134,7]]},"344":{"position":[[128,7]]},"346":{"position":[[132,7],[410,7],[708,7]]},"348":{"position":[[123,7]]},"350":{"position":[[132,7],[442,7],[878,7]]},"352":{"position":[[129,7],[542,7]]},"354":{"position":[[127,7],[424,7],[860,7],[1273,7]]},"356":{"position":[[128,7]]},"358":{"position":[[133,7],[483,7]]},"360":{"position":[[124,7],[508,7],[793,7],[1067,7],[1351,7],[1781,7],[1979,7]]},"362":{"position":[[125,7]]},"364":{"position":[[130,7],[477,7],[755,7],[1070,7],[1454,7],[1739,7],[2012,7],[2258,7],[2550,7],[2835,7]]},"366":{"position":[[126,7],[404,7]]},"368":{"position":[[123,7],[427,7]]},"370":{"position":[[123,7],[381,7],[680,7],[932,7],[1368,7],[1613,7],[2030,7],[2279,7],[2529,7],[2725,7]]},"372":{"position":[[127,7]]},"374":{"position":[[135,7]]},"376":{"position":[[130,7]]},"378":{"position":[[128,7]]},"380":{"position":[[136,7],[561,7],[814,7]]},"382":{"position":[[127,7],[433,7],[633,7]]},"384":{"position":[[131,7],[480,7],[765,7],[1041,7],[1467,7],[1752,7],[2004,7],[2225,7],[2564,7],[2977,7]]},"386":{"position":[[132,7]]},"388":{"position":[[131,7]]},"390":{"position":[[130,7],[440,7]]},"392":{"position":[[124,7],[560,7],[973,7],[1315,7],[1515,7]]},"394":{"position":[[128,7],[421,7],[736,7],[1121,7]]},"396":{"position":[[126,7],[387,7]]},"398":{"position":[[129,7],[324,7],[522,7]]},"400":{"position":[[131,7]]},"402":{"position":[[134,7]]},"404":{"position":[[129,7],[444,7]]},"406":{"position":[[131,7],[478,7]]},"408":{"position":[[133,7]]},"410":{"position":[[132,7],[484,7],[913,7]]},"412":{"position":[[133,7],[480,7]]},"414":{"position":[[132,7]]},"416":{"position":[[129,7],[396,7]]},"418":{"position":[[123,7],[417,7],[798,7]]},"420":{"position":[[129,7]]},"422":{"position":[[130,7]]},"424":{"position":[[127,7],[410,7],[846,7]]},"426":{"position":[[130,7]]},"428":{"position":[[126,7],[405,7]]},"430":{"position":[[124,7],[466,7],[713,7],[1028,7]]},"432":{"position":[[130,7]]},"436":{"position":[[126,7],[445,7],[870,7]]},"444":{"position":[[128,7]]},"448":{"position":[[128,7]]},"450":{"position":[[127,7]]},"452":{"position":[[125,7]]},"454":{"position":[[125,7]]},"456":{"position":[[124,7]]},"458":{"position":[[124,7]]},"460":{"position":[[126,7]]},"462":{"position":[[126,7]]},"464":{"position":[[128,7]]},"466":{"position":[[129,7]]},"468":{"position":[[129,7]]},"470":{"position":[[127,7]]},"472":{"position":[[128,7]]},"474":{"position":[[129,7]]},"476":{"position":[[128,7]]},"478":{"position":[[129,7]]},"480":{"position":[[127,7]]},"482":{"position":[[129,7]]},"484":{"position":[[132,7]]},"486":{"position":[[130,7]]},"488":{"position":[[129,7]]},"490":{"position":[[131,7]]},"492":{"position":[[128,7]]},"494":{"position":[[130,7]]},"496":{"position":[[129,7]]},"498":{"position":[[129,7]]},"500":{"position":[[128,7]]},"502":{"position":[[128,7]]},"504":{"position":[[128,7]]},"506":{"position":[[129,7]]},"508":{"position":[[128,7]]},"510":{"position":[[129,7]]},"512":{"position":[[129,7]]},"514":{"position":[[125,7]]},"516":{"position":[[126,7]]},"518":{"position":[[126,7]]},"520":{"position":[[126,7]]},"522":{"position":[[122,7]]},"524":{"position":[[126,7]]},"526":{"position":[[126,7]]},"528":{"position":[[125,7]]},"530":{"position":[[125,7]]},"532":{"position":[[124,7]]},"534":{"position":[[125,7]]},"536":{"position":[[124,7]]},"538":{"position":[[124,7]]},"540":{"position":[[124,7]]},"542":{"position":[[124,7]]},"544":{"position":[[125,7]]},"546":{"position":[[126,7]]},"548":{"position":[[129,7]]},"550":{"position":[[126,7]]},"552":{"position":[[126,7]]},"554":{"position":[[132,7]]},"650":{"position":[[129,7]]}}}],["exist",{"_index":339,"t":{"42":{"position":[[167,8]]},"140":{"position":[[480,8]]},"160":{"position":[[1527,8]]},"180":{"position":[[217,8]]},"182":{"position":[[224,8]]},"190":{"position":[[224,8]]},"208":{"position":[[216,8]]},"218":{"position":[[211,8]]},"238":{"position":[[220,8]]},"368":{"position":[[509,8]]},"374":{"position":[[217,8]]},"478":{"position":[[211,8]]},"582":{"position":[[135,6]]},"630":{"position":[[9890,8]]},"660":{"position":[[50643,5],[59793,8]]}}}],["expand/collaps",{"_index":1231,"t":{"562":{"position":[[2297,15]]}}}],["experi",{"_index":2013,"t":{"578":{"position":[[3433,12]]}}}],["explicit",{"_index":4537,"t":{"660":{"position":[[59026,8],[59350,8],[59826,8],[60120,8]]}}}],["explicitli",{"_index":3562,"t":{"618":{"position":[[4446,10]]},"660":{"position":[[59336,10]]}}}],["expos",{"_index":1321,"t":{"562":{"position":[[20501,7]]},"572":{"position":[[3484,7]]},"576":{"position":[[20046,7]]},"578":{"position":[[14071,7]]}}}],["express",{"_index":3192,"t":{"612":{"position":[[1101,10],[1136,11]]},"614":{"position":[[1099,10]]},"628":{"position":[[1043,10]]},"660":{"position":[[6079,10]]}}}],["expression<func<titem",{"_index":4318,"t":{"660":{"position":[[6042,22]]}}}],["expression<func<tvalu",{"_index":3339,"t":{"614":{"position":[[1057,24]]},"628":{"position":[[1001,24]]}}}],["extend",{"_index":2046,"t":{"578":{"position":[[9056,9],[10813,9]]}}}],["extens",{"_index":690,"t":{"110":{"position":[[390,11]]},"570":{"position":[[91,10],[188,10]]},"630":{"position":[[1675,10]]},"658":{"position":[[189,11]]}}}],["extern",{"_index":2341,"t":{"588":{"position":[[387,8]]}}}],["extra",{"_index":1407,"t":{"568":{"position":[[1881,6]]},"574":{"position":[[4959,5],[5357,5]]}}}],["extralarg",{"_index":4055,"t":{"648":{"position":[[3778,10]]}}}],["fa",{"_index":2657,"t":{"598":{"position":[[600,3],[604,2],[1475,2],[1547,2],[1619,2],[1691,2],[1763,2],[1835,2],[3983,2],[4117,2]]}}}],["facilisi",{"_index":1898,"t":{"576":{"position":[[8357,9],[12598,9],[16739,9]]}}}],["fade",{"_index":347,"t":{"42":{"position":[[427,4]]},"104":{"position":[[353,4]]},"578":{"position":[[3531,4]]},"586":{"position":[[349,4]]},"600":{"position":[[336,4],[2920,4],[2945,4],[16259,4]]}}}],["fals",{"_index":973,"t":{"556":{"position":[[434,5]]},"562":{"position":[[225,5],[416,5],[1937,5]]},"566":{"position":[[468,5]]},"568":{"position":[[245,5],[306,5],[545,5],[610,5],[877,5]]},"570":{"position":[[1683,5]]},"572":{"position":[[333,5],[447,5]]},"574":{"position":[[857,5],[1031,5],[1114,5],[8373,5],[8794,5]]},"576":{"position":[[763,5],[1221,5]]},"578":{"position":[[1054,5],[1137,5],[1241,5],[1720,5],[2905,6],[7806,5]]},"586":{"position":[[321,5],[455,5],[611,5],[2018,5],[2101,5]]},"588":{"position":[[232,5]]},"594":{"position":[[4606,6]]},"596":{"position":[[1349,5],[13015,6],[13245,6]]},"600":{"position":[[308,5],[1603,5],[1759,5]]},"602":{"position":[[2367,6],[2529,5],[2744,5],[4486,6],[4553,5],[4628,6],[4822,5],[6022,5]]},"604":{"position":[[2483,6],[2646,5],[4056,5],[10259,6]]},"606":{"position":[[2231,6],[2399,5],[3470,5]]},"608":{"position":[[2066,6],[2229,5],[3188,5]]},"610":{"position":[[387,5]]},"612":{"position":[[409,5],[11841,6]]},"614":{"position":[[389,5],[488,5],[551,5],[6067,6]]},"616":{"position":[[211,5],[2576,6]]},"618":{"position":[[284,5],[348,5],[449,5],[512,5],[6904,6]]},"620":{"position":[[234,5],[340,5],[422,5],[1519,6]]},"622":{"position":[[276,5],[340,5],[529,5],[592,5],[790,5],[10121,6]]},"628":{"position":[[393,5],[492,5],[555,5],[4208,6]]},"630":{"position":[[669,5],[1248,5]]},"648":{"position":[[665,5],[4873,5]]},"654":{"position":[[813,5],[955,5],[2224,5],[2401,5],[15726,6]]},"656":{"position":[[19052,6]]},"660":{"position":[[275,5],[337,5],[398,5],[464,5],[527,5],[590,5],[1790,5],[2273,5],[2458,5],[4790,5],[5551,5],[6772,5],[8520,5],[10865,5],[13241,5],[16013,5],[18432,5],[21184,5],[23586,5],[27101,5],[32663,5],[35028,5],[37393,5],[39730,5],[41988,5],[45130,5],[48034,5],[53688,5],[56327,5],[58780,5],[62492,5],[65713,5],[68796,5],[72173,5],[75311,5],[78286,5],[81583,5],[84674,5],[87440,5],[92545,5],[100775,5],[102966,5],[105404,5],[109519,5],[113400,5],[126911,5]]}}}],["fanci",{"_index":1424,"t":{"568":{"position":[[3338,5]]},"582":{"position":[[2431,5]]},"594":{"position":[[1377,5]]}}}],["faucibu",{"_index":1912,"t":{"576":{"position":[[8584,8],[12825,8],[16966,8]]}}}],["featur",{"_index":134,"t":{"2":{"position":[[2864,9]]},"30":{"position":[[211,9]]},"42":{"position":[[261,9],[417,9]]},"44":{"position":[[251,9],[336,9]]},"106":{"position":[[254,7]]},"110":{"position":[[118,9]]},"146":{"position":[[167,9]]},"152":{"position":[[160,9]]},"158":{"position":[[1674,9]]},"230":{"position":[[1683,9]]},"306":{"position":[[1677,9]]},"308":{"position":[[1047,9]]},"360":{"position":[[159,9]]},"364":{"position":[[1105,9]]},"394":{"position":[[771,9]]},"404":{"position":[[479,9]]},"408":{"position":[[168,9]]},"418":{"position":[[452,9]]},"492":{"position":[[163,9]]},"570":{"position":[[6016,8]]},"590":{"position":[[126,9]]},"596":{"position":[[12667,7]]},"624":{"position":[[2063,7],[5628,7]]},"626":{"position":[[2248,7]]},"632":{"position":[[1722,7]]},"634":{"position":[[1745,7],[4621,7]]},"636":{"position":[[1700,7],[4870,7]]},"638":{"position":[[1722,7]]},"642":{"position":[[2082,7]]},"644":{"position":[[2082,7]]},"652":{"position":[[1736,7],[4876,7]]}}}],["februari",{"_index":64,"t":{"2":{"position":[[1262,8],[1530,8],[2308,8],[2771,8],[3154,8]]},"22":{"position":[[23,8]]},"62":{"position":[[24,8]]},"64":{"position":[[24,8]]},"66":{"position":[[24,8]]},"110":{"position":[[25,8]]},"114":{"position":[[25,8]]},"116":{"position":[[24,8]]},"124":{"position":[[18,8],[796,8]]},"130":{"position":[[1030,8],[1980,8],[2024,8],[2068,8],[2417,8],[2461,8],[2499,8],[2543,8]]},"132":{"position":[[24,8],[272,8],[522,8]]},"134":{"position":[[810,8]]},"146":{"position":[[74,8]]},"152":{"position":[[67,8]]},"158":{"position":[[1306,8],[1581,8],[1964,8]]},"170":{"position":[[72,8],[322,8]]},"210":{"position":[[74,8]]},"214":{"position":[[2908,8]]},"220":{"position":[[68,8],[318,8]]},"230":{"position":[[1315,8],[1590,8],[1973,8]]},"232":{"position":[[2917,8]]},"236":{"position":[[77,8],[327,8]]},"240":{"position":[[666,8]]},"276":{"position":[[72,8],[322,8]]},"302":{"position":[[411,8]]},"306":{"position":[[1309,8],[1584,8],[1967,8]]},"308":{"position":[[679,8],[954,8],[1337,8]]},"314":{"position":[[71,8],[321,8]]},"318":{"position":[[2358,8],[2606,8],[2856,8]]},"326":{"position":[[2911,8]]},"328":{"position":[[735,8]]},"330":{"position":[[420,8]]},"332":{"position":[[75,8]]},"338":{"position":[[71,8]]},"360":{"position":[[66,8]]},"364":{"position":[[1012,8]]},"370":{"position":[[1969,8],[2219,8]]},"372":{"position":[[66,8]]},"394":{"position":[[678,8],[1061,8]]},"404":{"position":[[386,8]]},"408":{"position":[[75,8]]},"418":{"position":[[359,8]]},"422":{"position":[[69,8]]},"430":{"position":[[405,8],[967,8]]},"448":{"position":[[67,8]]},"492":{"position":[[70,8]]},"494":{"position":[[70,8]]},"508":{"position":[[68,8]]},"510":{"position":[[68,8]]},"512":{"position":[[68,8]]},"548":{"position":[[68,8]]},"602":{"position":[[11528,11],[14389,11]]},"604":{"position":[[5715,11]]},"606":{"position":[[8700,11]]}}}],["feedback",{"_index":960,"t":{"556":{"position":[[64,8]]}}}],["feli",{"_index":1892,"t":{"576":{"position":[[8278,5],[8675,6],[8793,5],[9350,5],[9509,5],[9769,5],[11046,6],[12519,5],[12916,6],[13034,5],[13591,5],[13750,5],[14010,5],[15287,6],[16660,5],[17057,6],[17175,5],[17732,5],[17891,5],[18151,5],[19428,6]]}}}],["fermentum",{"_index":1872,"t":{"576":{"position":[[8034,10],[9193,9],[12275,10],[13434,9],[16416,10],[17575,9]]}}}],["fetch",{"_index":3819,"t":{"624":{"position":[[8685,6]]},"626":{"position":[[8161,6]]},"634":{"position":[[7450,6]]},"636":{"position":[[8541,6]]},"640":{"position":[[1659,6]]},"642":{"position":[[7745,6]]},"644":{"position":[[7584,6]]},"646":{"position":[[1664,6]]},"652":{"position":[[7475,6]]}}}],["fetchdata",{"_index":3817,"t":{"624":{"position":[[8637,13]]},"626":{"position":[[8113,13]]},"640":{"position":[[1611,13]]},"642":{"position":[[7697,13]]},"644":{"position":[[7536,13]]},"646":{"position":[[1616,13]]}}}],["feugiat",{"_index":1887,"t":{"576":{"position":[[8190,7],[10505,7],[11214,7],[12431,7],[14746,7],[15455,7],[16572,7],[18887,7],[19596,7]]}}}],["few",{"_index":170,"t":{"4":{"position":[[149,3]]},"112":{"position":[[511,3]]},"138":{"position":[[343,3]]},"242":{"position":[[202,3]]},"434":{"position":[[193,3]]},"562":{"position":[[20511,3]]},"568":{"position":[[1877,3]]},"572":{"position":[[3494,3]]},"576":{"position":[[20056,3]]},"578":{"position":[[14081,3]]}}}],["field",{"_index":446,"t":{"68":{"position":[[311,5],[347,5],[495,5],[531,5]]},"556":{"position":[[3133,6],[3344,6]]},"614":{"position":[[3257,5],[9449,5],[9490,6],[9534,6],[9591,6],[13078,5],[13119,5]]},"618":{"position":[[3728,5]]},"622":{"position":[[7635,5]]},"628":{"position":[[2429,5],[9000,5],[9041,6],[9085,6],[9142,6],[12241,5],[12282,5]]}}}],["fifo",{"_index":3956,"t":{"630":{"position":[[9939,4]]}}}],["fifth",{"_index":1273,"t":{"562":{"position":[[14311,5]]}}}],["file",{"_index":683,"t":{"110":{"position":[[305,5],[581,5]]},"596":{"position":[[306,5]]},"624":{"position":[[480,5],[1365,5],[3264,5],[3387,5]]},"626":{"position":[[482,5],[1550,5],[3451,5],[3574,5]]},"632":{"position":[[479,5],[1023,5],[2927,5],[3049,5]]},"634":{"position":[[1050,5],[2891,5]]},"636":{"position":[[1005,5],[2846,5]]},"638":{"position":[[479,5],[1023,5],[2867,5]]},"640":{"position":[[571,5]]},"642":{"position":[[489,5],[1379,5],[3299,5],[3421,5]]},"644":{"position":[[489,5],[1379,5],[3299,5],[3421,5]]},"646":{"position":[[576,5]]},"652":{"position":[[489,5],[1033,5],[2885,5]]},"658":{"position":[[110,5]]}}}],["fill",{"_index":1535,"t":{"570":{"position":[[2761,4]]},"602":{"position":[[2519,4],[2572,4],[3324,4]]},"616":{"position":[[5566,6]]}}}],["fill='currentcolor'/%3e%3c/svg%3e&#34",{"_index":1104,"t":{"558":{"position":[[1909,41]]}}}],["filter",{"_index":277,"t":{"30":{"position":[[238,9],[265,9]]},"32":{"position":[[243,9],[295,9],[329,6],[345,6]]},"40":{"position":[[244,8],[454,9]]},"62":{"position":[[186,7]]},"82":{"position":[[194,7]]},"84":{"position":[[202,6]]},"100":{"position":[[900,7]]},"110":{"position":[[746,7]]},"128":{"position":[[390,6],[486,7],[520,7],[533,7],[568,7]]},"140":{"position":[[1193,9]]},"170":{"position":[[771,9]]},"174":{"position":[[34,10],[283,9]]},"176":{"position":[[280,9]]},"178":{"position":[[281,9]]},"238":{"position":[[933,9]]},"276":{"position":[[771,9]]},"476":{"position":[[268,9]]},"592":{"position":[[5611,10],[8595,10],[11589,10],[14587,10]]},"612":{"position":[[220,10],[1014,6],[3824,6]]},"660":{"position":[[303,10],[1526,7],[1618,7],[1651,7],[3794,8],[4240,10],[4270,6],[4293,6],[4438,6],[4516,6],[4614,6],[4679,6],[4758,6],[6959,7],[6999,8],[7036,10],[7051,10],[9361,9],[9492,6],[16854,10],[19654,7],[19736,7],[19772,6],[22037,7],[22045,10],[22093,6],[24424,6],[24525,6],[24594,6],[28520,10],[50411,8],[52235,10],[61573,10],[64968,10],[68051,10],[69995,7],[71428,10],[74566,10],[77541,10],[80838,10],[83929,10],[86695,10],[91924,10],[92950,7],[100154,10],[102345,10],[104783,10],[106139,7],[108774,10],[112654,10],[114158,8],[121994,8],[126166,10],[127944,7],[128901,10],[130404,7],[131542,10],[133451,9],[133473,9],[133558,10],[133601,6],[133632,6],[133648,6],[133681,10],[134171,7],[134276,7],[134369,7],[134399,6],[134411,6]]}}}],["filterable=\"fals",{"_index":4406,"t":{"660":{"position":[[22126,18],[22487,19],[22901,19],[70846,18]]}}}],["filterable=\"tru",{"_index":4407,"t":{"660":{"position":[[22187,17]]}}}],["filterbuttoncolor",{"_index":743,"t":{"128":{"position":[[352,17]]},"660":{"position":[[4373,17]]}}}],["filterbuttoncssclass",{"_index":744,"t":{"128":{"position":[[425,20]]},"660":{"position":[[4465,20]]}}}],["filtering1",{"_index":779,"t":{"142":{"position":[[248,10]]}}}],["filteroper",{"_index":4296,"t":{"660":{"position":[[4547,14],[4562,14],[19662,14]]}}}],["filteroperator.clear",{"_index":4646,"t":{"660":{"position":[[108505,23]]}}}],["filteroperator.contain",{"_index":4636,"t":{"660":{"position":[[108199,26]]}}}],["filteroperator.endswith",{"_index":4643,"t":{"660":{"position":[[108352,26]]}}}],["filteroperator.equ",{"_index":4622,"t":{"660":{"position":[[107685,24],[108425,24]]}}}],["filteroperator.greaterthan",{"_index":4632,"t":{"660":{"position":[[108017,29]]}}}],["filteroperator.greaterthanorequ",{"_index":4633,"t":{"660":{"position":[[108108,37]]}}}],["filteroperator.lessthan",{"_index":4628,"t":{"660":{"position":[[107847,26]]}}}],["filteroperator.lessthanorequ",{"_index":4630,"t":{"660":{"position":[[107936,34]]}}}],["filteroperator.non",{"_index":4297,"t":{"660":{"position":[[4577,19]]}}}],["filteroperator.notequ",{"_index":4624,"t":{"660":{"position":[[107758,27]]}}}],["filteroperator.startswith",{"_index":4640,"t":{"660":{"position":[[108274,28]]}}}],["filteroperator=\"filteroperator.greaterthanorequ",{"_index":4404,"t":{"660":{"position":[[20029,51],[51183,51]]}}}],["filteroperatorinfo",{"_index":4267,"t":{"660":{"position":[[1706,20]]}}}],["filtersrowcssclass",{"_index":589,"t":{"96":{"position":[[203,18]]},"660":{"position":[[1478,18]]}}}],["filtersrowcssclass=\"bg",{"_index":4597,"t":{"660":{"position":[[93160,22],[94151,22],[95141,22],[96131,22],[97119,22],[98104,22],[99094,22],[106305,22]]}}}],["filterstransl",{"_index":4616,"t":{"660":{"position":[[107563,18]]}}}],["filterstranslation.add(new",{"_index":4619,"t":{"660":{"position":[[107639,31],[107710,32],[107801,31],[107874,32],[107971,31],[108047,32],[108379,31]]}}}],["filterstranslation.add(new(\"**a",{"_index":4641,"t":{"660":{"position":[[108303,33]]}}}],["filterstranslation.add(new(\"*a",{"_index":4634,"t":{"660":{"position":[[108156,33]]}}}],["filterstranslation.add(new(\"a",{"_index":4637,"t":{"660":{"position":[[108226,33]]}}}],["filterstranslation.add(new(\"x",{"_index":4644,"t":{"660":{"position":[[108460,31]]}}}],["filterstranslationprovid",{"_index":4264,"t":{"660":{"position":[[1555,26]]}}}],["filterstranslationprovider=\"gridfilterstranslationprovid",{"_index":4608,"t":{"660":{"position":[[106375,59]]}}}],["filtertextboxwidth",{"_index":4298,"t":{"660":{"position":[[4637,18],[24450,18],[24547,18]]}}}],["filtertextboxwidth=\"100",{"_index":4675,"t":{"660":{"position":[[114994,25],[117564,25],[120225,25],[122921,25],[130864,25]]}}}],["filtertextboxwidth=\"120",{"_index":4679,"t":{"660":{"position":[[115175,25],[117745,25],[120406,25],[123102,25]]}}}],["filtertextboxwidth=\"150",{"_index":4684,"t":{"660":{"position":[[115364,25],[117934,25],[120595,25],[123291,25]]}}}],["filtertextboxwidth=\"170",{"_index":4718,"t":{"660":{"position":[[128451,25],[131074,25]]}}}],["filtertextboxwidth=\"240",{"_index":4735,"t":{"660":{"position":[[130633,25]]}}}],["filtertextboxwidth=\"50",{"_index":4665,"t":{"660":{"position":[[114521,23],[117050,23],[119711,23],[122406,23]]}}}],["filtertextboxwidth=\"70",{"_index":4737,"t":{"660":{"position":[[130745,24]]}}}],["filtertextboxwidth=\"80",{"_index":4409,"t":{"660":{"position":[[24856,24],[24986,24],[25121,24],[25770,24],[114807,24],[115564,24],[115780,24],[117377,24],[118134,24],[118404,24],[120038,24],[120795,24],[121065,24],[122734,24],[123571,24],[123841,24]]}}}],["filtervalu",{"_index":4299,"t":{"660":{"position":[[4717,11],[19681,11]]}}}],["filtervalue=\"105",{"_index":4405,"t":{"660":{"position":[[20081,18]]}}}],["filtervalue=\"109",{"_index":4511,"t":{"660":{"position":[[51235,18]]}}}],["final",{"_index":2206,"t":{"584":{"position":[[1487,7]]}}}],["finibu",{"_index":1874,"t":{"576":{"position":[[8058,7],[8821,7],[9823,7],[10103,7],[11020,8],[11063,7],[12299,7],[13062,7],[14064,7],[14344,7],[15261,8],[15304,7],[16440,7],[17203,7],[18205,7],[18485,7],[19402,8],[19445,7]]}}}],["finish",{"_index":645,"t":{"104":{"position":[[294,8]]}}}],["fire",{"_index":979,"t":{"556":{"position":[[643,5],[718,5]]},"562":{"position":[[1440,5],[1572,5],[1655,5],[1733,5]]},"572":{"position":[[764,5],[851,5],[989,5],[1074,5]]},"576":{"position":[[1998,5],[2079,5],[2213,5],[2292,5]]},"578":{"position":[[2302,5],[2383,5],[2517,5],[2596,5],[2733,5]]},"582":{"position":[[1463,5]]},"586":{"position":[[2946,5],[3029,5],[3132,5],[3247,5],[3330,5],[3460,5]]},"588":{"position":[[574,5],[647,5]]},"596":{"position":[[2055,5],[2147,5],[2243,5]]},"600":{"position":[[1169,5],[1272,5],[1387,5],[1470,5],[2103,5],[11390,4],[11820,6]]},"612":{"position":[[1468,5],[1569,5]]},"614":{"position":[[1273,5],[9013,5]]},"616":{"position":[[779,5]]},"618":{"position":[[1260,5],[11008,5]]},"620":{"position":[[647,5],[2437,5]]},"622":{"position":[[1776,5],[16842,5]]},"628":{"position":[[1217,5],[8568,5]]},"654":{"position":[[3231,5],[3317,5],[3451,5],[3539,5],[24621,5]]},"658":{"position":[[591,5],[675,5]]},"660":{"position":[[3195,5],[3650,5]]}}}],["firefox",{"_index":3053,"t":{"604":{"position":[[9383,10],[10832,10],[13060,10],[15158,10]]}}}],["first",{"_index":169,"t":{"4":{"position":[[116,5]]},"74":{"position":[[317,5]]},"138":{"position":[[310,5]]},"242":{"position":[[169,5]]},"434":{"position":[[160,5]]},"562":{"position":[[874,5],[1276,5],[2415,5],[4279,5],[6269,5],[8071,5],[9901,5],[12081,5],[18398,5],[20783,5]]},"570":{"position":[[11830,5],[13145,5]]},"582":{"position":[[508,5],[574,5]]},"586":{"position":[[2044,5],[2517,5]]},"600":{"position":[[731,5],[3068,5]]},"612":{"position":[[1992,5]]},"630":{"position":[[9909,5],[9944,6],[9954,5]]},"660":{"position":[[31170,5]]}}}],["firstlinkicon",{"_index":2145,"t":{"582":{"position":[[454,13],[621,15]]}}}],["firstlinkicon=\"iconname.chevrondoubleleft",{"_index":2175,"t":{"582":{"position":[[2043,42]]}}}],["firstlinktext",{"_index":2148,"t":{"582":{"position":[[531,13],[591,15]]}}}],["firstnam",{"_index":1723,"t":{"574":{"position":[[3881,9]]},"576":{"position":[[4713,9],[6894,9]]},"578":{"position":[[5466,9],[7579,9]]},"660":{"position":[[26179,9],[26417,9],[26659,9],[26896,9],[27136,9],[27388,9],[27618,9],[27857,9],[28097,9],[44208,9],[44446,9],[44688,9],[44925,9],[45165,9],[45417,9],[45647,9],[45886,9],[46126,9]]}}}],["firstrend",{"_index":2758,"t":{"600":{"position":[[12502,12],[12520,13]]},"602":{"position":[[8067,12],[8085,13],[13877,12],[13895,13],[17004,12],[17022,13]]},"604":{"position":[[6180,12],[6198,13],[10322,12],[10340,13],[12392,12],[12410,13],[14654,12],[14672,13],[16718,12],[16736,13]]},"606":{"position":[[5246,12],[5264,13],[11084,12],[11102,13],[12334,12],[12352,13]]},"608":{"position":[[4914,12],[4932,13],[8708,12],[8726,13],[12967,12],[12985,13]]},"660":{"position":[[112400,12],[128665,12],[131306,12]]}}}],["fix",{"_index":256,"t":{"22":{"position":[[209,3]]},"24":{"position":[[114,5],[175,3],[199,3]]},"26":{"position":[[133,6]]},"28":{"position":[[114,5],[171,5]]},"34":{"position":[[119,6],[130,6],[164,3]]},"60":{"position":[[317,3]]},"66":{"position":[[140,6],[184,5]]},"68":{"position":[[587,5],[656,5]]},"104":{"position":[[451,5]]},"106":{"position":[[206,5]]},"110":{"position":[[996,3]]},"112":{"position":[[660,5]]},"114":{"position":[[249,6]]},"128":{"position":[[631,6],[673,6]]},"132":{"position":[[140,6]]},"134":{"position":[[114,5],[311,5]]},"140":{"position":[[1620,6],[1631,6],[1665,3],[2517,6]]},"146":{"position":[[2423,6],[2434,6],[2468,3]]},"210":{"position":[[190,6]]},"214":{"position":[[3024,6]]},"232":{"position":[[3033,6]]},"238":{"position":[[1360,6],[1371,6],[1405,3],[2257,6],[2424,5]]},"240":{"position":[[167,5]]},"302":{"position":[[527,6]]},"318":{"position":[[2474,6]]},"326":{"position":[[3027,6]]},"330":{"position":[[1437,6]]},"382":{"position":[[467,5]]},"392":{"position":[[1349,5]]},"398":{"position":[[163,5]]},"430":{"position":[[521,6]]},"456":{"position":[[158,5]]},"458":{"position":[[158,5]]},"460":{"position":[[177,6]]},"468":{"position":[[163,6],[174,6],[208,3]]},"512":{"position":[[184,6]]},"570":{"position":[[2691,5],[2718,5],[5299,5]]},"660":{"position":[[1818,5],[110547,5],[110572,5],[114140,5],[119316,5],[121977,5],[134245,5],[134258,5],[134319,5],[134352,5]]}}}],["fixedhead",{"_index":4269,"t":{"660":{"position":[[1773,11],[110594,11]]}}}],["fixedheader=\"tru",{"_index":4650,"t":{"660":{"position":[[110864,18],[114330,18],[119483,18],[122178,18]]}}}],["flaticon",{"_index":2337,"t":{"586":{"position":[[9730,8]]}}}],["flex",{"_index":1459,"t":{"568":{"position":[[6229,4]]},"570":{"position":[[10748,5]]},"592":{"position":[[6555,4],[9549,4],[12547,4]]},"594":{"position":[[2844,5],[2864,4],[2953,4],[4820,4]]},"596":{"position":[[11148,4]]},"600":{"position":[[13826,4],[13831,4],[14856,4],[14861,4]]},"616":{"position":[[1130,4],[1135,4],[1333,4],[1338,4],[1537,4],[1542,4],[1742,4],[1747,4],[3923,4],[3928,4],[4334,4],[4339,4],[4537,4],[4542,4],[4750,4],[4755,4],[4965,4],[4970,4],[5537,4]]},"624":{"position":[[7689,4]]},"626":{"position":[[7165,4]]},"634":{"position":[[6629,4]]},"636":{"position":[[7720,4]]},"640":{"position":[[796,4]]},"642":{"position":[[6749,4]]},"644":{"position":[[6588,4]]},"646":{"position":[[801,4]]},"652":{"position":[[6654,4]]},"654":{"position":[[4085,4],[6277,4],[8857,4],[9746,4],[10768,4],[11845,4],[12439,4],[13497,4]]},"656":{"position":[[6712,4],[8964,4],[11437,4],[13867,4],[16286,4],[18691,4]]}}}],["flexbox",{"_index":3897,"t":{"630":{"position":[[331,8]]}}}],["flexibl",{"_index":965,"t":{"556":{"position":[[141,8]]},"570":{"position":[[78,8],[175,8]]},"614":{"position":[[1881,8]]},"630":{"position":[[1756,8]]}}}],["fli",{"_index":697,"t":{"110":{"position":[[606,4]]}}}],["flight",{"_index":3856,"t":{"628":{"position":[[5777,6],[7849,7],[8060,7],[11673,7]]}}}],["flightform",{"_index":3868,"t":{"628":{"position":[[7428,10],[7439,10],[7944,10],[8022,10],[10716,10],[10727,10],[11768,10],[11846,10]]}}}],["flightform.arrivald",{"_index":3865,"t":{"628":{"position":[[6776,24]]}}}],["flightform.arrivaltim",{"_index":3867,"t":{"628":{"position":[[7074,24],[10312,24],[11157,22],[11314,22]]}}}],["flightform.departured",{"_index":3860,"t":{"628":{"position":[[6151,26]]}}}],["flightform.departuretim",{"_index":3862,"t":{"628":{"position":[[6455,26],[9795,25],[9910,26],[11124,24],[11272,24]]}}}],["flightform.flightnumb",{"_index":3857,"t":{"628":{"position":[[5827,25]]}}}],["flightnumb",{"_index":3870,"t":{"628":{"position":[[8102,12]]}}}],["float",{"_index":2517,"t":{"594":{"position":[[3101,7],[4825,6]]},"600":{"position":[[13899,5],[14929,5]]},"612":{"position":[[9306,5]]},"616":{"position":[[1979,5],[1999,6],[3530,7],[5212,5],[5232,6],[5809,5]]},"618":{"position":[[1797,6],[1804,7],[2259,5],[2441,6],[3376,5],[3399,6]]},"622":{"position":[[5106,8],[6077,6],[6084,7],[6446,5],[6581,6],[7281,5],[7304,6]]},"660":{"position":[[1949,5]]}}}],["flow",{"_index":4153,"t":{"654":{"position":[[18535,7]]}}}],["flush",{"_index":477,"t":{"72":{"position":[[410,5]]},"562":{"position":[[405,5],[6037,6],[6052,5],[23595,5]]},"570":{"position":[[4850,5],[4929,7],[5627,7]]}}}],["flush=\"tru",{"_index":1251,"t":{"562":{"position":[[6188,13]]}}}],["focu",{"_index":187,"t":{"8":{"position":[[98,5]]},"12":{"position":[[81,5]]},"134":{"position":[[1699,5]]},"138":{"position":[[98,5]]},"240":{"position":[[1555,5],[1998,5]]},"438":{"position":[[142,5]]},"440":{"position":[[125,5]]},"556":{"position":[[3736,5],[3935,5]]},"560":{"position":[[849,5]]},"574":{"position":[[8238,5],[8285,5],[9135,5]]},"610":{"position":[[642,6]]}}}],["focus",{"_index":3198,"t":{"612":{"position":[[1869,7],[1928,7],[1977,7],[2026,7],[2098,7]]},"654":{"position":[[1590,7]]}}}],["folder",{"_index":3734,"t":{"624":{"position":[[3094,7],[3163,7],[3206,7]]},"626":{"position":[[3279,7],[3348,7],[3391,7]]},"632":{"position":[[2757,7],[2826,7],[2869,7]]},"634":{"position":[[2763,6],[2831,7]]},"636":{"position":[[2718,6],[2786,7]]},"638":{"position":[[2741,6],[2809,7]]},"642":{"position":[[3129,7],[3198,7],[3241,7]]},"644":{"position":[[3129,7],[3198,7],[3241,7]]},"652":{"position":[[2759,6],[2827,7]]}}}],["folder</ribbonitem",{"_index":2287,"t":{"586":{"position":[[4887,21],[5564,21],[5735,19],[5969,21],[6107,21],[6251,21],[6414,21],[7972,21],[8612,21],[8771,19],[8989,21],[9115,21],[9241,21],[9391,21]]}}}],["folders</ribbonitem",{"_index":2284,"t":{"586":{"position":[[4718,20],[7825,20]]}}}],["follow",{"_index":1799,"t":{"576":{"position":[[4909,9]]},"578":{"position":[[3009,9],[5678,9]]},"586":{"position":[[3579,9],[6723,9]]},"588":{"position":[[725,9],[1077,9]]},"596":{"position":[[5225,9]]},"598":{"position":[[839,6],[1314,9],[1411,6],[3755,9],[3852,6]]},"600":{"position":[[3954,9],[11402,9],[14730,9]]},"602":{"position":[[6212,9]]},"604":{"position":[[4246,9],[12660,9]]},"606":{"position":[[3615,9],[8224,9]]},"608":{"position":[[3333,9]]},"612":{"position":[[1711,9]]},"624":{"position":[[494,9],[1026,9],[1296,9],[3037,6],[3225,9],[3346,9]]},"626":{"position":[[496,9],[1028,9],[1479,9],[3222,6],[3410,9],[3533,9]]},"632":{"position":[[493,9],[954,9],[2700,6],[2888,9],[3009,9]]},"634":{"position":[[979,9],[2722,6],[2850,9]]},"636":{"position":[[934,9],[2677,6],[2805,9]]},"638":{"position":[[493,9],[954,9],[2700,6],[2828,9]]},"640":{"position":[[219,8],[304,6],[383,6]]},"642":{"position":[[503,9],[1040,9],[1310,9],[3072,6],[3260,9],[3381,9]]},"644":{"position":[[503,9],[1040,9],[1310,9],[3072,6],[3260,9],[3381,9]]},"646":{"position":[[224,8],[309,6],[388,6]]},"652":{"position":[[503,9],[964,9],[2718,6],[2846,9]]},"660":{"position":[[66762,9]]}}}],["font",{"_index":1122,"t":{"560":{"position":[[790,4]]},"586":{"position":[[6775,4]]},"592":{"position":[[9330,4]]},"598":{"position":[[107,5],[202,5],[812,4],[850,4],[1287,4],[1341,4],[1384,4],[1422,4],[3729,4],[3782,4],[3825,4],[3863,4],[4427,4],[4572,4]]},"656":{"position":[[13635,4]]}}}],["fontawesom",{"_index":2656,"t":{"598":{"position":[[578,12]]}}}],["footer",{"_index":626,"t":{"100":{"position":[[527,6],[606,6]]},"570":{"position":[[254,8],[5915,7],[5953,6],[12014,7],[12050,8],[13680,6],[13759,6]]},"576":{"position":[[503,6],[579,6]]},"578":{"position":[[685,6],[761,6]]},"648":{"position":[[411,6],[499,6],[577,6],[769,6],[4113,6],[4561,6],[5936,6],[5970,6]]}}}],["footerbuttoncolor",{"_index":4036,"t":{"648":{"position":[[364,17],[4421,17]]}}}],["footerbuttoncssclass",{"_index":4037,"t":{"648":{"position":[[454,20]]}}}],["footerbuttontext",{"_index":4038,"t":{"648":{"position":[[536,16],[4462,16]]}}}],["footercssclass",{"_index":1764,"t":{"576":{"position":[[459,14]]},"578":{"position":[[641,14]]}}}],["footertempl",{"_index":1765,"t":{"576":{"position":[[527,14],[11255,16],[11365,17],[15496,16],[15606,17],[19637,16],[19747,17],[20454,16],[20563,17]]},"578":{"position":[[709,14],[3664,16],[3820,17],[8141,16],[8295,17],[9328,16],[9484,17],[10006,16],[10162,17],[11085,16],[11241,17],[14393,16],[14549,17]]}}}],["for=\"nam",{"_index":3298,"t":{"612":{"position":[[8966,10]]}}}],["for=\"suppli",{"_index":3293,"t":{"612":{"position":[[8512,14]]}}}],["foreach",{"_index":1655,"t":{"572":{"position":[[4380,8]]},"600":{"position":[[12973,8],[14027,8],[15057,8]]},"602":{"position":[[8384,7],[9236,7]]},"604":{"position":[[6495,7],[7399,7]]},"606":{"position":[[5571,7],[6509,7],[12801,7],[13514,7]]},"608":{"position":[[5229,7],[6107,7],[9143,7],[9786,7]]},"660":{"position":[[54947,8],[74128,8],[77103,8],[80454,8]]}}}],["foreground",{"_index":1420,"t":{"568":{"position":[[3230,10]]}}}],["form",{"_index":516,"t":{"80":{"position":[[128,4]]},"100":{"position":[[409,6]]},"136":{"position":[[940,4]]},"146":{"position":[[992,4]]},"214":{"position":[[726,4]]},"222":{"position":[[615,4]]},"232":{"position":[[735,4]]},"256":{"position":[[184,4]]},"264":{"position":[[480,4]]},"270":{"position":[[2034,4]]},"282":{"position":[[183,4]]},"284":{"position":[[180,4]]},"294":{"position":[[466,4]]},"296":{"position":[[177,4]]},"318":{"position":[[176,4]]},"326":{"position":[[729,4]]},"350":{"position":[[492,4]]},"354":{"position":[[474,4]]},"370":{"position":[[982,4]]},"390":{"position":[[490,4]]},"392":{"position":[[174,4]]},"416":{"position":[[446,4]]},"424":{"position":[[460,4]]},"522":{"position":[[172,4]]},"568":{"position":[[97,6]]},"592":{"position":[[3127,7],[5702,7],[8686,8],[11680,8],[14678,8]]},"612":{"position":[[0,5],[8547,4],[8997,4]]},"614":{"position":[[0,5],[7039,5],[7468,4],[7760,4],[10074,4],[10383,4],[10782,4]]},"616":{"position":[[0,5]]},"618":{"position":[[0,5],[7853,5],[8288,4],[8671,4],[9037,4],[11124,4]]},"620":{"position":[[0,5]]},"622":{"position":[[0,5],[11089,5],[11524,4],[11950,4],[12359,4],[16960,4]]},"628":{"position":[[0,5],[5156,5],[5594,4],[5931,4],[6256,4],[6560,4],[6879,4],[9614,4],[10015,4]]},"654":{"position":[[18671,6],[18684,4],[25930,5]]},"656":{"position":[[3957,7],[5851,8],[8110,8],[10463,8],[12936,8],[15366,8],[17757,8],[20240,8],[23523,7]]}}}],["form</dropdowntogglebutton",{"_index":4158,"t":{"654":{"position":[[19101,27]]}}}],["format",{"_index":297,"t":{"32":{"position":[[460,10]]},"614":{"position":[[803,6],[909,6]]},"622":{"position":[[146,7],[1434,10],[4956,10],[5501,6],[5605,10]]},"660":{"position":[[2428,7],[40484,10],[40498,6],[40544,6],[40574,6],[133805,9]]}}}],["found",{"_index":642,"t":{"104":{"position":[[270,6]]},"586":{"position":[[3639,5]]},"612":{"position":[[482,6]]}}}],["four",{"_index":200,"t":{"10":{"position":[[203,4]]},"564":{"position":[[368,4]]},"568":{"position":[[7847,4]]}}}],["fourth",{"_index":1270,"t":{"562":{"position":[[13762,6]]}}}],["fr",{"_index":3659,"t":{"622":{"position":[[2797,3],[14955,3]]}}}],["fr</b></label",{"_index":3657,"t":{"622":{"position":[[2720,14],[14874,14]]}}}],["fraction",{"_index":3643,"t":{"622":{"position":[[1043,8],[1204,8],[4898,8],[5010,10],[17661,8]]}}}],["framework",{"_index":752,"t":{"128":{"position":[[822,11]]},"624":{"position":[[204,11]]},"626":{"position":[[204,11]]},"632":{"position":[[222,11]]},"634":{"position":[[262,11]]},"636":{"position":[[258,11]]},"638":{"position":[[222,11]]},"640":{"position":[[179,11]]},"642":{"position":[[214,11]]},"644":{"position":[[214,11]]},"646":{"position":[[184,11]]},"652":{"position":[[214,11]]}}}],["free",{"_index":2671,"t":{"598":{"position":[[1360,4],[3801,4]]},"654":{"position":[[18530,4]]}}}],["freeform",{"_index":4146,"t":{"654":{"position":[[18191,8]]}}}],["freez",{"_index":671,"t":{"108":{"position":[[206,6]]},"660":{"position":[[4778,6],[4913,6],[116672,6],[119296,6],[121957,6],[134284,6],[134299,6],[134332,6]]}}}],["freeze=\"tru",{"_index":4703,"t":{"660":{"position":[[116905,13],[117211,13],[118222,13],[119566,13],[119872,13],[120883,13],[122261,13],[122567,13],[123378,13],[123659,13]]}}}],["freezedirect",{"_index":4301,"t":{"660":{"position":[[4843,15],[4859,15]]}}}],["freezedirection.left",{"_index":4302,"t":{"660":{"position":[[4875,20]]}}}],["freezedirection=\"freezedirection.right",{"_index":4706,"t":{"660":{"position":[[118236,39],[120897,39],[123392,39],[123673,39]]}}}],["freezeleftposit",{"_index":4303,"t":{"660":{"position":[[4952,18]]}}}],["freezeleftposition=\"0",{"_index":4704,"t":{"660":{"position":[[116919,22],[119580,22],[122275,22]]}}}],["freezeleftposition=\"131.95",{"_index":4707,"t":{"660":{"position":[[122581,27]]}}}],["freezeleftposition=\"55.98",{"_index":4705,"t":{"660":{"position":[[117225,26],[119886,26]]}}}],["freezerightposit",{"_index":4304,"t":{"660":{"position":[[5093,19]]}}}],["freezerightposition=\"0",{"_index":4692,"t":{"660":{"position":[[115652,23],[118276,23],[120937,23],[123713,23]]}}}],["freezerightposition=\"171",{"_index":4708,"t":{"660":{"position":[[123432,25]]}}}],["french",{"_index":438,"t":{"66":{"position":[[250,6]]}}}],["frequent",{"_index":171,"t":{"4":{"position":[[174,10]]},"138":{"position":[[368,10]]},"242":{"position":[[227,10]]},"434":{"position":[[218,10]]}}}],["fringilla",{"_index":1955,"t":{"576":{"position":[[10127,10],[14368,10],[18509,10]]}}}],["frozen",{"_index":4300,"t":{"660":{"position":[[4828,7]]}}}],["full",{"_index":1360,"t":{"564":{"position":[[632,4],[736,4],[828,4],[917,4]]},"568":{"position":[[5504,4]]},"570":{"position":[[2770,4]]},"592":{"position":[[6229,4],[15365,4]]},"656":{"position":[[6407,4],[24200,4]]}}}],["fullscreen",{"_index":1996,"t":{"578":{"position":[[784,10],[853,10],[12427,10],[15540,10]]}}}],["fullscreen=\"modalfullscreen.alway",{"_index":2070,"t":{"578":{"position":[[12485,36]]}}}],["fullscreen=\"modalfullscreen.extraextralargedown",{"_index":2080,"t":{"578":{"position":[[13155,49]]}}}],["fullscreen=\"modalfullscreen.extralargedown",{"_index":2077,"t":{"578":{"position":[[13015,44]]}}}],["fullscreen=\"modalfullscreen.largedown",{"_index":2075,"t":{"578":{"position":[[12882,39]]}}}],["fullscreen=\"modalfullscreen.mediumdown",{"_index":2073,"t":{"578":{"position":[[12748,40]]}}}],["fullscreen=\"modalfullscreen.smalldown",{"_index":2071,"t":{"578":{"position":[[12615,39]]}}}],["func<ienumerable<titem",{"_index":4262,"t":{"660":{"position":[[1122,24]]}}}],["func<titem",{"_index":2538,"t":{"596":{"position":[[828,11]]},"660":{"position":[[1229,11],[2539,11],[4182,11]]}}}],["function",{"_index":1323,"t":{"562":{"position":[[20549,14]]},"572":{"position":[[3531,14]]},"576":{"position":[[20094,14]]},"578":{"position":[[14115,14]]},"660":{"position":[[50513,13]]}}}],["fusc",{"_index":1899,"t":{"576":{"position":[[8367,5],[9759,5],[12608,5],[14000,5],[16749,5],[18141,5]]}}}],["futur",{"_index":4502,"t":{"660":{"position":[[50547,6]]}}}],["g",{"_index":849,"t":{"142":{"position":[[1417,1]]}}}],["galleri",{"_index":1344,"t":{"564":{"position":[[164,7]]}}}],["gap",{"_index":1450,"t":{"568":{"position":[[5588,3],[5757,3],[5899,3],[6057,3],[6218,3]]},"602":{"position":[[4734,3]]},"654":{"position":[[4090,3],[6282,3],[8862,3],[9751,3],[10773,3],[11850,3],[12444,3],[13502,3]]}}}],["gelijk",{"_index":4620,"t":{"660":{"position":[[107671,7],[107749,8],[107923,6],[108095,6],[108411,7]]}}}],["gener",{"_index":340,"t":{"42":{"position":[[271,7]]},"68":{"position":[[189,7]]},"70":{"position":[[188,7]]},"72":{"position":[[256,7]]},"560":{"position":[[6899,7],[6956,7],[7433,7]]},"614":{"position":[[1378,9],[1739,7],[12987,7]]},"618":{"position":[[1667,7],[1698,7],[11746,7]]},"622":{"position":[[5945,7],[5978,7],[17763,7]]},"628":{"position":[[1322,9],[1632,7],[12150,7]]}}}],["german",{"_index":3078,"t":{"604":{"position":[[12709,6]]},"606":{"position":[[8273,6]]}}}],["get",{"_index":656,"t":{"104":{"position":[[673,7]]},"112":{"position":[[682,7],[766,7]]},"556":{"position":[[280,4],[381,4]]},"558":{"position":[[297,4]]},"560":{"position":[[215,4],[321,4],[414,4],[499,4],[571,4],[641,4]]},"562":{"position":[[337,4],[1943,4],[2011,4],[2096,4],[2143,4],[2207,4]]},"566":{"position":[[245,4],[353,4],[411,4],[474,4]]},"568":{"position":[[251,4],[312,4],[391,4],[494,4],[551,4],[715,4],[793,4],[883,4],[954,4],[1013,4],[1068,4],[1135,4],[1194,4],[1289,4],[1390,4],[1464,4],[1543,4]]},"570":{"position":[[468,4],[568,4],[643,4],[805,4],[986,4],[1166,4],[1347,4],[1447,4],[1600,4],[1748,4],[1819,4],[1877,4],[2036,4],[2137,4],[2292,4],[2472,4],[2573,4]]},"572":{"position":[[249,4],[339,4],[404,4]]},"574":{"position":[[1237,4],[1302,4],[1449,4],[1517,4]]},"576":{"position":[[265,4],[337,4],[486,4],[562,4],[629,4],[705,4],[885,4],[1051,4],[1106,4],[1158,4]]},"578":{"position":[[264,4],[336,4],[414,4],[575,4],[668,4],[744,4],[836,4],[920,4],[996,4],[1324,4],[1392,4],[1551,4],[1602,4],[1654,4],[2933,7]]},"580":{"position":[[315,4],[398,4],[588,4],[672,4],[758,4]]},"582":{"position":[[253,4],[331,4],[395,4],[491,4],[557,4],[693,4],[757,4],[890,4],[954,4],[1091,4],[1163,4],[1312,4],[1369,4]]},"584":{"position":[[497,4],[590,4]]},"586":{"position":[[231,4],[327,4],[461,4],[529,4],[617,4],[673,4],[724,4],[792,4],[949,4],[1135,4],[1222,4],[1389,4]]},"588":{"position":[[238,4],[291,4]]},"590":{"position":[[311,4],[396,4],[626,4],[683,4],[765,4]]},"592":{"position":[[292,4],[355,4],[442,4],[506,4],[567,4],[622,4],[673,4],[925,4],[998,4],[1055,4],[1119,4],[1186,4],[1236,4],[1275,4],[1349,4],[1417,4],[1464,4],[1523,4],[1570,4],[2159,9],[2221,8],[4258,9],[4320,8],[7149,9],[7211,8],[10143,9],[10205,8],[13141,9],[13203,8]]},"594":{"position":[[247,4],[328,4],[391,4],[497,4],[559,4],[655,4]]},"596":{"position":[[487,4],[602,4],[692,4],[756,4],[846,4],[1092,4],[1189,4],[1269,4],[1355,4],[1473,4],[1586,4],[1645,4],[1756,4],[1861,4],[2019,4],[2111,4],[2207,4]]},"598":{"position":[[476,4],[653,4],[715,4]]},"600":{"position":[[218,4],[314,4],[1609,4],[1677,4],[1765,4],[1821,4],[1872,4],[1940,4]]},"602":{"position":[[464,4],[531,4],[606,4],[671,4],[1606,4],[1674,4],[5372,4],[5424,4],[5723,4],[5778,4],[5829,4],[5973,4],[6028,4],[6077,4],[6146,7]]},"604":{"position":[[319,4],[386,4],[461,4],[526,4],[1470,4],[1531,4],[3408,4],[3461,4],[3758,4],[3813,4],[3864,4],[4007,4],[4062,4],[4111,4],[4180,7]]},"606":{"position":[[415,4],[482,4],[557,4],[622,4],[1566,4],[1627,4],[3023,4],[3077,4],[3273,4],[3421,4],[3476,4],[3549,7]]},"608":{"position":[[260,4],[327,4],[402,4],[467,4],[1402,4],[1470,4],[2756,4],[2810,4],[2996,4],[3139,4],[3194,4],[3267,7]]},"610":{"position":[[231,4],[336,4],[393,4],[535,4]]},"612":{"position":[[357,4],[415,4],[489,4],[555,4],[617,4],[681,4],[766,4],[877,4],[990,4],[1055,4]]},"614":{"position":[[494,4],[736,4],[842,4],[962,4],[1011,4],[1082,4]]},"616":{"position":[[217,4],[268,4],[337,4],[409,4],[501,4],[550,4],[921,4],[966,4],[6020,8]]},"618":{"position":[[455,4],[709,4],[751,4],[827,4],[917,4],[971,4],[1039,4],[1091,4]]},"620":{"position":[[240,4],[297,4],[428,4]]},"622":{"position":[[477,4],[535,4],[881,4],[923,4],[1084,4],[1476,4],[1551,4],[1603,4]]},"624":{"position":[[0,7],[52,7]]},"626":{"position":[[0,7],[52,7]]},"628":{"position":[[498,4],[740,4],[816,4],[906,4],[955,4],[1026,4]]},"630":{"position":[[675,4],[730,4],[836,4],[926,4],[1049,4],[1198,4],[1282,4],[1339,4],[1391,4],[1443,4],[1483,4],[1537,4],[1599,4],[9921,4]]},"632":{"position":[[0,7],[61,7]]},"634":{"position":[[0,7],[59,7]]},"636":{"position":[[0,7],[57,7]]},"638":{"position":[[0,7],[61,7]]},"640":{"position":[[232,7],[315,7],[394,7]]},"642":{"position":[[0,7],[57,7]]},"644":{"position":[[0,7],[57,7]]},"646":{"position":[[237,7],[320,7],[399,7]]},"648":{"position":[[394,4],[482,4],[560,4],[626,4],[686,4],[804,4],[864,4],[917,4]]},"652":{"position":[[0,7],[57,7]]},"654":{"position":[[444,4],[541,4],[649,4],[743,4],[898,4],[961,4],[1137,4],[1225,4],[1405,4],[1492,4],[1775,4],[1901,4],[2065,4],[2230,4],[2318,4],[2474,4],[2549,4],[2748,4]]},"656":{"position":[[300,4],[363,4],[453,4],[517,4],[578,4],[633,4],[692,4],[948,4],[1021,4],[1078,4],[1142,4],[1209,4],[1259,4],[1325,4],[1393,4],[1440,4],[1499,4],[1546,4],[2076,9],[2138,8],[3187,9],[3249,8],[5019,9],[5081,8],[7278,9],[7340,8],[9631,9],[9693,8],[12104,9],[12166,8],[14534,9],[14596,8],[16925,9],[16987,8],[19408,9],[19470,8],[22711,9],[22773,8]]},"658":{"position":[[311,4],[395,4]]},"660":{"position":[[281,4],[343,4],[404,4],[470,4],[533,4],[776,4],[873,4],[1509,4],[1796,4],[1869,4],[1966,4],[2045,4],[2105,4],[2195,4],[2279,4],[2389,4],[2464,4],[2560,4],[2651,4],[2908,4],[2967,4],[4102,4],[4203,4],[4421,4],[4499,4],[4597,4],[4662,4],[4741,4],[4896,4],[4980,4],[5122,4],[5270,4],[5332,4],[5422,4],[5557,4],[5626,4],[5911,4],[6137,4],[6346,4],[6659,4],[6778,4]]}}}],["getcustom",{"_index":3211,"t":{"612":{"position":[[2748,15],[2947,14],[4619,15],[4818,14],[7244,15],[7443,14]]}}}],["getdefaultdatalabels(4",{"_index":3095,"t":{"606":{"position":[[4950,24],[12038,24]]},"608":{"position":[[4638,24],[8432,24],[12640,24]]}}}],["getdefaultdatalabels(6",{"_index":2920,"t":{"602":{"position":[[7838,24]]},"604":{"position":[[5938,24]]}}}],["getdefaultdatalabels(int",{"_index":2951,"t":{"602":{"position":[[10810,24]]},"604":{"position":[[8765,24]]},"606":{"position":[[7712,24],[14911,24]]},"608":{"position":[[7266,24],[11137,24],[14435,24]]}}}],["getdefaultdatasets(1",{"_index":3096,"t":{"606":{"position":[[4986,21]]},"608":{"position":[[4674,21],[12676,21]]}}}],["getdefaultdatasets(3",{"_index":2921,"t":{"602":{"position":[[7874,21]]},"604":{"position":[[5974,21]]},"606":{"position":[[12074,21]]},"608":{"position":[[8468,21]]}}}],["getdefaultdatasets(int",{"_index":2944,"t":{"602":{"position":[[9836,22]]},"604":{"position":[[7986,22]]},"606":{"position":[[6904,22],[13909,22]]},"608":{"position":[[6473,22],[10152,22],[13642,22]]}}}],["getemploye",{"_index":2203,"t":{"584":{"position":[[1364,14]]},"660":{"position":[[52278,15],[53143,14],[61616,15],[61947,14],[65011,15],[65168,14],[68094,15],[68251,14],[71471,15],[71628,14],[74609,15],[74766,14],[77584,15],[77741,14],[80881,15],[81038,14],[83972,15],[84129,14],[86738,15],[86895,14],[91967,15],[92124,14],[100197,15],[100354,14],[102388,15],[102545,14],[104826,15],[104983,14],[108817,15],[108974,14],[112697,15],[112854,14],[126209,15],[126366,14]]}}}],["getfilt",{"_index":4289,"t":{"660":{"position":[[3753,12]]}}}],["getnavitem",{"_index":2437,"t":{"592":{"position":[[1954,14],[2081,13],[4053,14],[4180,13],[6944,14],[7071,13],[9938,14],[10065,13],[12936,14],[13063,13]]},"624":{"position":[[8247,14],[8350,13]]},"626":{"position":[[7723,14],[7826,13]]},"634":{"position":[[7014,14],[7117,13]]},"636":{"position":[[8105,14],[8208,13]]},"640":{"position":[[1221,14],[1324,13]]},"642":{"position":[[7307,14],[7410,13]]},"644":{"position":[[7146,14],[7249,13]]},"646":{"position":[[1226,14],[1329,13]]},"652":{"position":[[7039,14],[7142,13]]},"656":{"position":[[1905,14],[2008,13],[3006,14],[3109,13],[4838,14],[4941,13],[7097,14],[7200,13],[9450,14],[9553,13],[11923,14],[12026,13],[14353,14],[14456,13],[16744,14],[16847,13],[19227,14],[19330,13],[22530,14],[22633,13]]}}}],["getnextdatabackgrounfcolor",{"_index":3117,"t":{"606":{"position":[[8002,28],[15201,28]]},"608":{"position":[[7556,28],[11427,28],[14725,28]]}}}],["getnextdatalabel",{"_index":2940,"t":{"602":{"position":[[9464,19],[11007,18]]},"604":{"position":[[7622,19],[8962,18]]},"606":{"position":[[6800,19],[7931,18],[13805,19],[15130,18]]},"608":{"position":[[6369,19],[7485,18],[10048,19],[11356,18],[14654,18]]}}}],["getrandombackgroundcolor",{"_index":3114,"t":{"606":{"position":[[7287,27],[7515,27],[14486,27],[14714,27]]},"608":{"position":[[6841,27],[7069,27],[10712,27],[10940,27],[14010,27],[14238,27]]}}}],["getrandombarchartdataset",{"_index":3041,"t":{"604":{"position":[[7113,27],[8215,26]]}}}],["getrandomdata",{"_index":2948,"t":{"602":{"position":[[10260,16],[10643,15]]},"604":{"position":[[8409,16],[8598,15]]},"606":{"position":[[7252,16],[7341,15],[14451,16],[14540,15]]},"608":{"position":[[6806,16],[6895,15],[10677,16],[10766,15],[13975,16],[14064,15]]}}}],["getrandomdoughnutchartdataset",{"_index":3107,"t":{"606":{"position":[[6204,32],[7143,31],[14065,32],[14342,31]]}}}],["getrandomlinechartdataset",{"_index":2934,"t":{"602":{"position":[[8978,28],[10067,27]]}}}],["getrandompiechartdataset",{"_index":3136,"t":{"608":{"position":[[5817,27],[6702,26],[10308,27],[10573,26],[13871,26]]}}}],["getrowclass(employee1",{"_index":4558,"t":{"660":{"position":[[61757,21]]}}}],["getus",{"_index":4724,"t":{"660":{"position":[[128940,11],[129084,10],[131581,11],[131725,10]]}}}],["getwidth",{"_index":2367,"t":{"590":{"position":[[949,8]]}}}],["ggrid",{"_index":700,"t":{"110":{"position":[[739,6]]}}}],["github",{"_index":3709,"t":{"624":{"position":[[1111,6],[3478,6]]},"626":{"position":[[1113,6],[3665,6]]},"634":{"position":[[2976,6]]},"636":{"position":[[3213,6]]},"642":{"position":[[1125,6],[3512,6]]},"644":{"position":[[1125,6],[3512,6]]},"652":{"position":[[2974,6]]}}}],["give",{"_index":4157,"t":{"654":{"position":[[18785,4]]}}}],["given",{"_index":4087,"t":{"654":{"position":[[2880,5],[2961,5],[3046,5]]}}}],["glenda",{"_index":4397,"t":{"660":{"position":[[14155,9],[19346,9],[48948,9],[54602,9],[63406,9],[66627,9],[69710,9],[73087,9],[85588,9],[88354,9],[110433,9],[127825,9]]}}}],["global",{"_index":551,"t":{"86":{"position":[[195,6]]},"92":{"position":[[193,6]]},"112":{"position":[[748,6]]},"584":{"position":[[929,6],[2359,6],[3780,6]]},"630":{"position":[[511,6],[11413,6],[12375,6]]},"634":{"position":[[135,6],[3058,6]]},"636":{"position":[[131,6],[3314,6]]}}}],["go",{"_index":1018,"t":{"556":{"position":[[1909,5]]},"562":{"position":[[2795,2],[3346,2],[3896,2],[4659,2],[5284,2],[5907,2],[6649,2],[7200,2],[7750,2],[8451,2],[9016,2],[9566,2],[10281,2],[10832,2],[11382,2],[12461,2],[13024,2],[13586,2],[14144,2],[14692,2],[15252,2],[18778,2],[19329,2],[19879,2],[21163,2],[21736,2],[22308,2]]}}}],["goe",{"_index":2018,"t":{"578":{"position":[[3637,4],[14366,4]]},"584":{"position":[[1093,4]]},"592":{"position":[[6722,4],[9716,4],[12714,4]]},"630":{"position":[[11582,4]]},"648":{"position":[[2052,4],[3235,4],[4011,4],[4408,4],[4841,4],[5083,4]]},"656":{"position":[[6879,4],[9204,4],[11677,4],[14107,4],[16526,4]]}}}],["gosar",{"_index":3241,"t":{"612":{"position":[[3257,8],[5128,8],[7753,8]]}}}],["gqhcdsnnnufarzd8k1l5llccv6o9hn09zclizzej8oj9mpgmilcxm+pdckqtwqj4jcjbojfr79rl2f1mzcolmq",{"_index":3719,"t":{"624":{"position":[[1822,89],[5387,89]]},"626":{"position":[[2007,89],[5377,89]]},"632":{"position":[[1481,89]]},"634":{"position":[[1504,89],[4380,89]]},"636":{"position":[[1459,89],[4629,89]]},"638":{"position":[[1481,89]]},"642":{"position":[[1841,89],[5097,89]]},"644":{"position":[[1841,89],[4896,89]]},"652":{"position":[[1495,89],[4635,89]]}}}],["gracefulli",{"_index":3343,"t":{"614":{"position":[[1466,10]]},"628":{"position":[[1410,10]]}}}],["granular",{"_index":3505,"t":{"616":{"position":[[4211,11]]}}}],["graphic",{"_index":2803,"t":{"602":{"position":[[106,9]]}}}],["greater",{"_index":1452,"t":{"568":{"position":[[5671,7]]}}}],["grid",{"_index":19,"t":{"2":{"position":[[158,5],[304,4],[502,4],[616,4],[1173,4],[2977,5],[3070,4],[3487,5],[3596,4],[3761,5],[3855,4]]},"18":{"position":[[239,4],[292,4],[353,4]]},"32":{"position":[[144,4],[169,4],[197,4],[526,4],[577,4],[588,4],[646,4]]},"36":{"position":[[184,4],[532,4],[686,4],[765,4]]},"40":{"position":[[121,4],[140,4],[181,4],[341,4],[417,4],[429,4],[449,4],[471,4]]},"62":{"position":[[116,4],[171,4],[369,4],[445,4],[457,4]]},"64":{"position":[[115,4],[170,4],[310,4],[386,4],[398,4]]},"68":{"position":[[369,4],[410,4],[445,4],[818,4],[1113,4]]},"78":{"position":[[124,4],[227,4],[242,4],[413,4],[511,4]]},"80":{"position":[[108,5],[171,4],[186,4],[287,4],[1426,4],[1730,4]]},"82":{"position":[[110,4],[165,4],[350,4],[654,4]]},"84":{"position":[[111,5],[176,4],[191,4],[232,4],[462,4],[599,4]]},"88":{"position":[[111,4],[167,4],[251,4],[351,4],[457,4]]},"96":{"position":[[110,4],[152,4],[365,4],[441,4]]},"98":{"position":[[111,5],[175,4],[238,4],[275,4],[749,4],[1032,4]]},"100":{"position":[[154,5],[879,4],[894,5],[1346,4],[1548,4]]},"102":{"position":[[557,4]]},"106":{"position":[[132,5],[185,4],[200,5]]},"108":{"position":[[133,5],[185,4],[200,5],[655,4]]},"110":{"position":[[231,5],[724,4],[1242,4]]},"112":{"position":[[142,5],[376,4],[391,5],[414,5],[480,5],[958,4]]},"118":{"position":[[269,4],[545,4]]},"120":{"position":[[269,4]]},"122":{"position":[[149,4],[243,4],[415,4]]},"126":{"position":[[132,5],[936,4],[1116,5],[1229,4],[1366,5],[1471,4],[1903,4],[1986,4]]},"128":{"position":[[158,5],[290,4],[323,4],[481,4],[528,4],[563,4],[1645,4]]},"132":{"position":[[364,4],[460,4],[472,4],[613,4],[709,4],[721,4]]},"134":{"position":[[1193,4]]},"136":{"position":[[111,4],[208,4],[369,5],[475,4],[668,4],[764,4],[920,5],[1024,4],[1368,4],[1463,4],[2685,4]]},"140":{"position":[[1090,4],[1156,4],[1168,4],[1188,4],[1210,4],[1954,4],[2324,4],[2369,4]]},"142":{"position":[[243,4],[266,4],[286,4]]},"146":{"position":[[280,5],[373,4],[972,5],[1076,4],[2757,4]]},"148":{"position":[[204,5],[350,4],[541,5],[650,4]]},"150":{"position":[[295,4]]},"152":{"position":[[273,5],[366,4]]},"158":{"position":[[202,5],[348,4],[546,4],[660,4],[1217,4],[1787,5],[1880,4],[2297,5],[2406,4],[2571,5],[2665,4],[2845,5]]},"170":{"position":[[28,5],[164,4],[260,4],[272,4],[413,4],[509,4],[521,4],[668,4],[734,4],[746,4],[766,4],[788,4]]},"174":{"position":[[29,4],[180,4],[246,4],[258,4],[278,4],[300,4]]},"176":{"position":[[29,4],[177,4],[243,4],[255,4],[275,4],[297,4]]},"178":{"position":[[29,4],[178,4],[244,4],[256,4],[276,4],[298,4]]},"212":{"position":[[698,4],[878,5],[991,4],[1128,5],[1233,4],[1665,4],[1748,4],[2749,4],[2846,4]]},"214":{"position":[[155,5],[261,4],[454,4],[550,4],[706,5],[810,4],[1154,4],[1249,4],[2471,4]]},"220":{"position":[[160,4],[256,4],[268,4],[409,4],[505,4],[517,4]]},"222":{"position":[[595,5],[699,4]]},"230":{"position":[[211,5],[357,4],[555,4],[669,4],[1226,4],[1796,5],[1889,4],[2306,5],[2415,4],[2580,5],[2674,4],[2854,5]]},"232":{"position":[[164,5],[270,4],[463,4],[559,4],[715,5],[819,4],[1163,4],[1258,4],[2480,4]]},"234":{"position":[[707,4],[887,5],[1000,4],[1137,5],[1242,4],[1674,4],[1757,4],[2758,4],[2855,4]]},"236":{"position":[[169,4],[265,4],[277,4],[418,4],[514,4],[526,4]]},"238":{"position":[[830,4],[896,4],[908,4],[928,4],[950,4],[1694,4],[2064,4],[2109,4]]},"240":{"position":[[1049,4]]},"246":{"position":[[160,5],[266,4]]},"248":{"position":[[174,4],[269,4]]},"254":{"position":[[392,4]]},"256":{"position":[[164,5],[268,4]]},"262":{"position":[[397,4]]},"264":{"position":[[163,5],[269,4],[460,5],[564,4],[1128,4]]},"268":{"position":[[184,5]]},"270":{"position":[[270,4],[450,5],[563,4],[700,5],[805,4],[985,4],[1068,4],[1205,4],[1302,4],[1463,5],[1569,4],[1762,4],[1858,4],[2014,5],[2118,4],[2462,4],[2557,4],[2927,4]]},"272":{"position":[[591,5],[696,4],[1920,4]]},"274":{"position":[[179,5]]},"276":{"position":[[164,4],[260,4],[272,4],[413,4],[509,4],[521,4],[668,4],[734,4],[746,4],[766,4],[788,4]]},"282":{"position":[[163,5],[267,4]]},"284":{"position":[[160,5],[264,4],[828,4]]},"286":{"position":[[163,4],[260,4]]},"292":{"position":[[392,4]]},"294":{"position":[[163,5],[268,4],[446,5],[550,4],[1114,4]]},"296":{"position":[[157,5],[261,4]]},"298":{"position":[[398,4]]},"304":{"position":[[592,4],[688,4]]},"306":{"position":[[205,5],[351,4],[549,4],[663,4],[1220,4],[1790,5],[1883,4],[2300,5],[2409,4],[2574,5],[2668,4],[2848,5]]},"308":{"position":[[590,4],[1160,5],[1253,4],[1670,5],[1779,4],[1944,5],[2038,4],[2218,5],[3022,4]]},"312":{"position":[[202,5],[315,4],[452,5],[557,4],[989,4],[1072,4],[2073,4],[2170,4],[2331,5],[2437,4],[2630,4],[2726,4]]},"314":{"position":[[163,4],[259,4],[271,4],[412,4],[508,4],[520,4]]},"316":{"position":[[701,4],[881,5],[994,4],[1131,5],[1236,4],[1668,4],[1751,4],[2752,4],[2849,4]]},"318":{"position":[[156,5],[260,4],[604,4],[699,4],[1921,4],[2698,4],[2794,4],[2806,4],[2947,4],[3043,4],[3055,4]]},"324":{"position":[[168,4],[263,4]]},"326":{"position":[[158,5],[264,4],[457,4],[553,4],[709,5],[813,4],[1157,4],[1252,4],[2474,4]]},"328":{"position":[[202,5],[348,4],[646,4],[1164,4]]},"330":{"position":[[201,5],[347,4],[781,5],[887,4]]},"336":{"position":[[185,5],[294,4],[459,5],[553,4]]},"346":{"position":[[199,4],[313,4]]},"348":{"position":[[153,5],[259,4]]},"350":{"position":[[299,4],[472,5],[576,4]]},"352":{"position":[[391,4]]},"354":{"position":[[157,5],[263,4],[454,5],[558,4],[1122,4]]},"358":{"position":[[203,5],[349,4],[530,5]]},"360":{"position":[[272,5],[365,4],[566,5],[675,4],[840,5],[934,4],[1114,5],[1875,4]]},"362":{"position":[[21,6],[217,4]]},"364":{"position":[[21,6],[200,5],[346,4],[544,4],[658,4],[922,4],[1218,5],[1311,4],[1512,5],[1621,4],[1786,5],[1880,4],[2150,4],[2330,5],[2443,4],[2580,5],[2685,4],[2865,4],[2948,4]]},"366":{"position":[[173,5]]},"368":{"position":[[153,5],[259,4]]},"370":{"position":[[21,6],[153,4],[250,4],[411,5],[517,4],[710,4],[806,4],[962,5],[1066,4],[1410,4],[1505,4],[1875,4],[2061,4],[2157,4],[2169,4],[2310,4],[2406,4],[2418,4],[2623,4],[2787,4],[2832,4]]},"382":{"position":[[725,4]]},"384":{"position":[[201,5],[347,4],[538,5],[647,4],[812,5],[906,4],[1497,5],[1602,4],[2826,4]]},"388":{"position":[[223,4]]},"390":{"position":[[297,4],[470,5],[574,4]]},"392":{"position":[[154,5],[258,4],[822,4],[1607,4]]},"394":{"position":[[588,4],[884,5],[977,4]]},"396":{"position":[[156,4],[253,4]]},"400":{"position":[[178,5],[272,4]]},"404":{"position":[[296,4],[592,5],[685,4]]},"406":{"position":[[201,5],[347,4]]},"408":{"position":[[281,5],[374,4]]},"410":{"position":[[202,5],[348,4]]},"412":{"position":[[203,5],[349,4],[647,4]]},"416":{"position":[[176,5],[270,4],[426,5],[530,4]]},"418":{"position":[[565,5],[658,4]]},"420":{"position":[[199,5],[345,4]]},"424":{"position":[[157,5],[262,4],[440,5],[544,4],[1108,4]]},"426":{"position":[[392,4]]},"428":{"position":[[184,5],[293,4]]},"436":{"position":[[293,4],[900,4],[996,4]]},"450":{"position":[[219,4]]},"462":{"position":[[188,4],[233,4]]},"466":{"position":[[223,4]]},"476":{"position":[[165,4],[231,4],[243,4],[263,4],[285,4]]},"480":{"position":[[199,5],[312,4]]},"482":{"position":[[267,4]]},"486":{"position":[[177,5]]},"488":{"position":[[187,5],[296,4]]},"490":{"position":[[178,5],[272,4]]},"492":{"position":[[276,5],[369,4]]},"508":{"position":[[159,4],[255,4],[267,4]]},"510":{"position":[[160,4],[256,4],[268,4]]},"520":{"position":[[168,4],[263,4]]},"522":{"position":[[152,5],[256,4]]},"524":{"position":[[388,4]]},"528":{"position":[[155,5],[261,4]]},"530":{"position":[[155,4],[252,4]]},"532":{"position":[[154,4],[250,4]]},"542":{"position":[[154,4],[237,4]]},"544":{"position":[[155,5],[260,4]]},"546":{"position":[[293,4]]},"550":{"position":[[193,4],[307,4]]},"554":{"position":[[202,5],[348,4]]},"568":{"position":[[5752,4],[5894,4],[6052,4],[6213,4]]},"570":{"position":[[6461,4],[6475,4]]},"578":{"position":[[15277,4]]},"592":{"position":[[5317,7],[5373,10],[5567,10],[8270,7],[8357,10],[8551,10],[11264,7],[11351,10],[11545,10],[14262,7],[14349,10],[14543,10]]},"654":{"position":[[25569,4]]},"660":{"position":[[11,4],[36,4],[62,4],[185,4],[298,4],[360,4],[487,4],[550,4],[645,4],[890,4],[1646,4],[1813,4],[1983,4],[2504,4],[2668,4],[2767,4],[3008,4],[3075,4],[3210,4],[3696,4],[3890,4],[3978,5],[4336,4],[5829,4],[7158,4],[7214,5],[7887,7],[9515,5],[10232,7],[11961,5],[12033,5],[12608,7],[14580,4],[14629,5],[15380,7],[16886,5],[17799,7],[19808,5],[20551,7],[22278,5],[22284,5],[22953,7],[24635,5],[26019,7],[28670,5],[30023,7],[31214,5],[32030,7],[33676,5],[34395,7],[36082,5],[36760,7],[38424,5],[39165,7],[40667,5],[41423,7],[42875,4],[42912,5],[44048,7],[46645,5],[46776,5],[47401,7],[49298,5],[49436,5],[49442,5],[49926,7],[50242,4],[50293,4],[50348,4],[50614,4],[50780,5],[51859,7],[51907,5],[52718,5],[52911,5],[54808,4],[54905,5],[55025,5],[55649,7],[55683,5],[57144,4],[57241,5],[57502,5],[58132,7],[58164,5],[59035,4],[59331,4],[59359,4],[59835,4],[60084,4],[60129,4],[60204,4],[60400,5],[61322,7],[63546,4],[63750,5],[64717,7],[66845,4],[66880,5],[67799,7],[70040,5],[71040,7],[73255,5],[73298,5],[74003,7],[76230,5],[76978,7],[79475,5],[80329,7],[82711,5],[83294,7],[85777,5],[86433,7],[88490,5],[89270,7],[89278,5],[90072,7],[90080,5],[90860,7],[90868,5],[91662,7],[92973,5],[93956,7],[93964,5],[94947,7],[94955,5],[95936,7],[95944,5],[96927,7],[96935,5],[97912,7],[97920,5],[98897,7],[98905,5],[99892,7],[101197,5],[102022,7],[103624,5],[104460,7],[106157,5],[107403,7],[110651,4],[110750,5],[112228,7],[112276,4],[114167,5],[115836,7],[116688,5],[118460,7],[119330,5],[121121,7],[122003,5],[123897,7],[124800,4],[124888,5],[125904,7],[127952,5],[128507,7],[128550,4],[130412,5],[131130,7],[131191,4],[133334,4],[133350,4],[133371,4],[133873,4],[133983,4],[134018,4]]}}}],["grid'",{"_index":4501,"t":{"660":{"position":[[50441,6]]}}}],["grid.refreshdataasync",{"_index":4539,"t":{"660":{"position":[[59096,24]]}}}],["grid21",{"_index":850,"t":{"142":{"position":[[1419,6]]}}}],["grid3",{"_index":778,"t":{"142":{"position":[[230,5]]}}}],["grid<employee1",{"_index":4530,"t":{"660":{"position":[[55667,15],[58148,15]]}}}],["gridcolumn",{"_index":4293,"t":{"660":{"position":[[3990,10],[7201,12],[7371,11],[7448,13],[7462,11],[7554,13],[7568,11],[7672,13],[7686,11],[7766,13],[7780,11],[7873,13],[9672,11],[9749,13],[9763,11],[9899,13],[9913,11],[10017,13],[10031,11],[10111,13],[10125,11],[10218,13],[12200,11],[12259,13],[12273,11],[12345,13],[12359,11],[12436,13],[12450,11],[12511,13],[12525,11],[12594,13],[14616,12],[14784,11],[14877,13],[14891,11],[14999,13],[15013,11],[15133,13],[15147,11],[15243,13],[15257,11],[15366,13],[17095,11],[17206,13],[17220,11],[17348,13],[17362,11],[17509,13],[17523,11],[17638,13],[17652,11],[17785,13],[19796,11],[19965,11],[20112,13],[20126,11],[20218,13],[20232,11],[20336,13],[20350,11],[20430,13],[20444,11],[20537,13],[22158,11],[22441,11],[22519,13],[22533,11],[22625,13],[22639,11],[22743,13],[22757,11],[22837,13],[22851,11],[22939,13],[24486,10],[24792,11],[24893,13],[24907,11],[25030,13],[25044,11],[25164,13],[25178,11],[25264,13],[25278,11],[25388,13],[25402,11],[25524,13],[25538,11],[25618,13],[25632,11],[25826,13],[25840,11],[26005,13],[28617,10],[28878,11],[29004,13],[29018,11],[29180,13],[29194,11],[29351,13],[29365,11],[29536,13],[29550,11],[29696,13],[29710,11],[29841,13],[29855,11],[30009,13],[30917,11],[31070,11],[31104,10],[31351,11],[31447,13],[31461,11],[31640,13],[31654,11],[31777,13],[31791,11],[31890,13],[31904,11],[32016,13],[33560,10],[33813,11],[33909,13],[33923,11],[34034,13],[34048,11],[34142,13],[34156,11],[34255,13],[34269,11],[34381,13],[36199,11],[36297,13],[36311,11],[36383,13],[36397,11],[36513,13],[36527,11],[36627,13],[36641,11],[36746,13],[38541,11],[38672,13],[38686,11],[38758,13],[38772,11],[38849,13],[38863,11],[38996,13],[39010,11],[39151,13],[40784,11],[40915,13],[40929,11],[41001,13],[41015,11],[41092,13],[41106,11],[41254,13],[41268,11],[41409,13],[42820,11],[43047,11],[43178,13],[43192,11],[43266,13],[43280,11],[43353,13],[43367,11],[43432,13],[43446,11],[43533,13],[43547,11],[43642,13],[43656,11],[43717,13],[43731,11],[43879,13],[43893,11],[44034,13],[46993,11],[47052,13],[47066,11],[47138,13],[47152,11],[47229,13],[47243,11],[47304,13],[47318,11],[47387,13],[49592,11],[49650,13],[49664,11],[49737,13],[49751,11],[49822,13],[49836,11],[49912,13],[51085,11],[51266,13],[51280,11],[51408,13],[51422,11],[51569,13],[51583,11],[51698,13],[51712,11],[51845,13],[55133,11],[55210,13],[55224,11],[55316,13],[55330,11],[55434,13],[55448,11],[55528,13],[55542,11],[55635,13],[57616,11],[57693,13],[57707,11],[57799,13],[57813,11],[57917,13],[57931,11],[58011,13],[58025,11],[58118,13],[60618,11],[60729,13],[60743,11],[60871,13],[60885,11],[61032,13],[61046,11],[61161,13],[61175,11],[61308,13],[63945,11],[64056,13],[64070,11],[64198,13],[64212,11],[64359,13],[64373,11],[64488,13],[64502,11],[64703,13],[67075,11],[67186,13],[67200,11],[67348,13],[67362,11],[67509,13],[67523,11],[67638,13],[67652,11],[67785,13],[70235,11],[70346,13],[70360,11],[70488,13],[70502,11],[70649,13],[70663,11],[70778,13],[70792,11],[71026,13],[73487,11],[73564,13],[73578,11],[73670,13],[73684,11],[73788,13],[73802,11],[73882,13],[73896,11],[73989,13],[76462,11],[76539,13],[76553,11],[76645,13],[76659,11],[76763,13],[76777,11],[76857,13],[76871,11],[76964,13],[79813,11],[79890,13],[79904,11],[79996,13],[80010,11],[80114,13],[80128,11],[80208,13],[80222,11],[80315,13],[82886,11],[82945,13],[82959,11],[83031,13],[83045,11],[83122,13],[83136,11],[83197,13],[83211,11],[83280,13],[86025,11],[86084,13],[86098,11],[86170,13],[86184,11],[86261,13],[86275,11],[86336,13],[86350,11],[86419,13],[88674,11],[88767,13],[88781,11],[88889,13],[88903,11],[89023,13],[89037,11],[89133,13],[89147,11],[89256,13],[89476,11],[89569,13],[89583,11],[89691,13],[89705,11],[89825,13],[89839,11],[89935,13],[89949,11],[90058,13],[90264,11],[90357,13],[90371,11],[90479,13],[90493,11],[90613,13],[90627,11],[90723,13],[90737,11],[90846,13],[91066,11],[91159,13],[91173,11],[91281,13],[91295,11],[91415,13],[91429,11],[91525,13],[91539,11],[91648,13],[93252,11],[93363,13],[93377,11],[93505,13],[93519,11],[93666,13],[93680,11],[93795,13],[93809,11],[93942,13],[94243,11],[94354,13],[94368,11],[94496,13],[94510,11],[94657,13],[94671,11],[94786,13],[94800,11],[94933,13],[95232,11],[95343,13],[95357,11],[95485,13],[95499,11],[95646,13],[95660,11],[95775,13],[95789,11],[95922,13],[96223,11],[96334,13],[96348,11],[96476,13],[96490,11],[96637,13],[96651,11],[96766,13],[96780,11],[96913,13],[97208,11],[97319,13],[97333,11],[97461,13],[97475,11],[97622,13],[97636,11],[97751,13],[97765,11],[97898,13],[98193,11],[98304,13],[98318,11],[98446,13],[98460,11],[98607,13],[98621,11],[98736,13],[98750,11],[98883,13],[99188,11],[99299,13],[99313,11],[99441,13],[99455,11],[99602,13],[99616,11],[99731,13],[99745,11],[99878,13],[101426,11],[101519,13],[101533,11],[101641,13],[101655,11],[101775,13],[101789,11],[101885,13],[101899,11],[102008,13],[103864,11],[103957,13],[103971,11],[104079,13],[104093,11],[104213,13],[104227,11],[104323,13],[104337,11],[104446,13],[106699,11],[106810,13],[106824,11],[106952,13],[106966,11],[107113,13],[107127,11],[107242,13],[107256,11],[107389,13],[110930,11],[111007,13],[111021,11],[111113,13],[111127,11],[111231,13],[111245,11],[111349,13],[111363,11],[111467,13],[111481,11],[111585,13],[111599,11],[111679,13],[111693,11],[111786,13],[111800,11],[111893,13],[111907,11],[112000,13],[112014,11],[112107,13],[112121,11],[112214,13],[114383,11],[114638,13],[114652,11],[114854,13],[114868,11],[115035,13],[115049,11],[115216,13],[115230,11],[115407,13],[115421,11],[115608,13],[115622,11],[115822,13],[116875,11],[117167,13],[117181,11],[117424,13],[117438,11],[117605,13],[117619,11],[117786,13],[117800,11],[117977,13],[117991,11],[118178,13],[118192,11],[118446,13],[119536,11],[119828,13],[119842,11],[120085,13],[120099,11],[120266,13],[120280,11],[120447,13],[120461,11],[120638,13],[120652,11],[120839,13],[120853,11],[121107,13],[122231,11],[122523,13],[122537,11],[122781,13],[122795,11],[122962,13],[122976,11],[123143,13],[123157,11],[123334,13],[123348,11],[123615,13],[123629,11],[123883,13],[125200,11],[125311,13],[125325,11],[125453,13],[125467,11],[125614,13],[125628,11],[125743,13],[125757,11],[125890,13],[128112,11],[128184,13],[128198,11],[128281,13],[128295,11],[128370,13],[128384,11],[128493,13],[130572,11],[130672,13],[130686,11],[130782,13],[130796,11],[130904,13],[130918,11],[130993,13],[131007,11],[131116,13],[133384,10]]}}}],["griddataproviderdelegate<titem",{"_index":4259,"t":{"660":{"position":[[920,31]]}}}],["griddataproviderresult",{"_index":4260,"t":{"660":{"position":[[1043,23]]}}}],["griddataproviderresult<customer2",{"_index":4702,"t":{"660":{"position":[[116567,33],[119191,33],[121852,33],[124628,33]]}}}],["griddataproviderresult<employe",{"_index":4481,"t":{"660":{"position":[[30674,32],[50098,32]]}}}],["gridfilterstranslationdeleg",{"_index":4265,"t":{"660":{"position":[[1582,30]]}}}],["gridfilterstranslationprovid",{"_index":4615,"t":{"660":{"position":[[107524,32]]}}}],["gridselectionmod",{"_index":4278,"t":{"660":{"position":[[2608,17]]}}}],["gridselectionmode.singl",{"_index":4279,"t":{"660":{"position":[[2626,24]]}}}],["gridset",{"_index":4282,"t":{"660":{"position":[[2832,15],[6810,12],[50473,12],[52006,12],[133406,12]]}}}],["gridsettingschang",{"_index":4284,"t":{"660":{"position":[[3133,19]]}}}],["gridsettingschanged=\"ongridsettingschang",{"_index":4509,"t":{"660":{"position":[[51000,43]]}}}],["gridsettingsprovid",{"_index":4520,"t":{"660":{"position":[[52807,22]]}}}],["gridsettingsproviderdeleg",{"_index":4281,"t":{"660":{"position":[[2712,28]]}}}],["groter",{"_index":4631,"t":{"660":{"position":[[108003,7],[108080,7]]}}}],["group",{"_index":625,"t":{"100":{"position":[[509,6],[582,6],[594,6]]},"570":{"position":[[3205,7],[4801,7],[4861,6],[4912,5],[4923,5],[4953,5],[4994,5],[5041,5],[5610,5],[5621,5],[5651,5],[5692,5],[5739,5],[10594,7],[10611,6],[10706,6],[12002,6],[12038,6],[13649,6],[13735,6],[13747,6]]},"596":{"position":[[1170,5],[1206,5],[3002,5],[3056,5],[3156,6],[5273,6],[12017,5]]},"612":{"position":[[8488,5],[8942,5]]},"614":{"position":[[7424,5],[7716,5],[10030,5],[10339,5],[10738,5]]},"618":{"position":[[8244,5],[8627,5],[8993,5]]},"622":{"position":[[11480,5],[11906,5],[12315,5]]},"628":{"position":[[5550,5],[5887,5],[6212,5],[6516,5],[6835,5],[9570,5],[9971,5]]},"654":{"position":[[17629,6]]},"656":{"position":[[22026,5]]}}}],["group=\"sharedlistexample2",{"_index":2578,"t":{"596":{"position":[[3230,26],[3490,26]]}}}],["group=\"sharedlistexample3",{"_index":2607,"t":{"596":{"position":[[5347,26],[5606,26],[5865,26],[8454,26],[8732,26]]}}}],["group—al",{"_index":1569,"t":{"570":{"position":[[5276,9]]}}}],["grow",{"_index":1472,"t":{"568":{"position":[[7206,4],[7219,4]]},"594":{"position":[[1350,4],[1415,4],[1483,5],[4759,4]]}}}],["guacamole!</strong",{"_index":1044,"t":{"556":{"position":[[3076,19],[3287,19]]}}}],["guid",{"_index":747,"t":{"128":{"position":[[578,4]]},"602":{"position":[[6162,5]]},"604":{"position":[[4196,5]]},"606":{"position":[[3565,5]]},"608":{"position":[[3283,5]]},"630":{"position":[[1438,4]]},"660":{"position":[[130399,4],[133043,4],[134406,4]]}}}],["guid.newguid",{"_index":4740,"t":{"660":{"position":[[131779,15],[131906,15],[132028,15],[132153,15],[132276,15],[132412,15],[132546,15],[132673,15],[132796,15],[132898,15]]}}}],["h1>exampl",{"_index":1126,"t":{"560":{"position":[[882,11]]}}}],["h2>exampl",{"_index":1128,"t":{"560":{"position":[[926,11]]}}}],["h3>exampl",{"_index":1130,"t":{"560":{"position":[[970,11]]}}}],["h4",{"_index":1011,"t":{"556":{"position":[[1781,3]]},"562":{"position":[[16015,3]]}}}],["h4>convey",{"_index":1377,"t":{"566":{"position":[[2888,13],[3376,13],[3865,13],[4351,13],[4836,13],[5346,13],[5853,13],[6361,13],[6866,13],[7370,13]]}}}],["h4>exampl",{"_index":1132,"t":{"560":{"position":[[1014,11]]}}}],["h4>show</h4",{"_index":1277,"t":{"562":{"position":[[15367,13]]}}}],["h5>exampl",{"_index":1134,"t":{"560":{"position":[[1058,11]]}}}],["h6>exampl",{"_index":1136,"t":{"560":{"position":[[1102,11]]}}}],["hand",{"_index":964,"t":{"556":{"position":[[116,7]]},"598":{"position":[[1478,5],[1550,5],[1622,5],[1694,5],[1766,5],[1838,5]]}}}],["handl",{"_index":2205,"t":{"584":{"position":[[1468,6]]},"596":{"position":[[1249,6],[1312,6],[10814,7],[10826,6],[10889,7],[10960,6],[11028,7],[11206,6],[13992,6]]},"612":{"position":[[3531,6],[5402,6],[6431,6],[8027,6],[10187,6],[11698,6],[13192,6]]},"630":{"position":[[12099,6]]},"648":{"position":[[5631,6]]}}}],["handle=\".bb",{"_index":2634,"t":{"596":{"position":[[11002,11]]}}}],["handleonvalidsubmit",{"_index":3309,"t":{"612":{"position":[[9636,21]]},"614":{"position":[[8518,21]]},"618":{"position":[[10256,21]]},"622":{"position":[[13621,21]]},"654":{"position":[[21177,21]]}}}],["handlevalidsubmit",{"_index":3462,"t":{"614":{"position":[[12214,19]]},"628":{"position":[[7663,19],[11487,19]]}}}],["happi",{"_index":203,"t":{"10":{"position":[[288,5]]}}}],["hard",{"_index":2162,"t":{"582":{"position":[[1609,4]]}}}],["hashset<employee1",{"_index":4573,"t":{"660":{"position":[[74273,18],[77248,18],[80599,18]]}}}],["head",{"_index":308,"t":{"36":{"position":[[314,7]]},"556":{"position":[[1705,9]]},"560":{"position":[[894,7],[938,7],[982,7],[1026,7],[1070,7],[1114,7]]},"566":{"position":[[391,7],[436,8],[534,8],[1666,8],[5308,8],[7914,7],[7938,7]]},"598":{"position":[[235,6]]},"624":{"position":[[441,4],[1054,4],[3741,6],[4509,7]]},"626":{"position":[[441,4],[1056,4],[3920,6],[4632,7]]},"632":{"position":[[440,4]]},"634":{"position":[[498,4],[3131,6],[3882,7]]},"636":{"position":[[453,4],[3396,6],[4133,7]]},"638":{"position":[[440,4]]},"642":{"position":[[450,4],[1068,4],[3634,6],[4411,7]]},"644":{"position":[[450,4],[1068,4],[3634,6],[4355,7]]},"652":{"position":[[450,4],[3107,6],[3867,7]]}}}],["header",{"_index":294,"t":{"32":{"position":[[418,6]]},"36":{"position":[[399,6]]},"100":{"position":[[380,8],[516,6]]},"106":{"position":[[212,6]]},"570":{"position":[[242,7],[1469,6],[5904,6],[5939,6],[13669,6]]},"574":{"position":[[962,6],[990,6]]},"576":{"position":[[646,6],[722,6],[996,7],[3019,6]]},"578":{"position":[[937,6],[1013,6],[1504,7],[1677,6]]},"630":{"position":[[1725,6]]},"654":{"position":[[17113,7],[17127,6],[25909,6]]},"660":{"position":[[1176,6],[1824,7],[1886,6],[5287,6],[5362,6],[5439,6],[35857,6],[35932,6],[66872,7],[69838,8],[69940,6],[69979,6],[79150,6],[79335,6],[88468,6],[110553,7],[110578,7],[114146,6],[119322,7],[121983,6],[133763,6],[134057,7],[134150,6],[134251,6],[134264,6],[134325,6],[134358,6]]}}}],["header</dropdowndivid",{"_index":4143,"t":{"654":{"position":[[18029,24]]}}}],["header</dropdownhead",{"_index":4141,"t":{"654":{"position":[[17320,23]]}}}],["headercont",{"_index":4305,"t":{"660":{"position":[[5236,13],[69876,15],[70883,15],[70936,16]]}}}],["headercssclass",{"_index":1680,"t":{"574":{"position":[[924,14]]},"576":{"position":[[602,14]]},"578":{"position":[[893,14]]}}}],["headerrowcssclass",{"_index":588,"t":{"96":{"position":[[171,17]]},"660":{"position":[[1839,17]]}}}],["headerrowcssclass=\"bg",{"_index":4596,"t":{"660":{"position":[[88597,21],[89385,21],[90187,21],[90975,21],[93102,21],[94093,21],[95084,21],[96073,21],[97064,21],[98049,21],[99034,21],[101325,21],[103752,21],[106435,21]]}}}],["headertempl",{"_index":1766,"t":{"576":{"position":[[670,14]]},"578":{"position":[[961,14]]}}}],["headertext",{"_index":4306,"t":{"660":{"position":[[5309,10]]}}}],["headertext=\"act",{"_index":4346,"t":{"660":{"position":[[7810,19],[10155,19],[12555,20],[15287,19],[17682,19],[20474,19],[22881,19],[25870,19],[29884,19],[31934,19],[34299,19],[36671,19],[39040,19],[41298,19],[43923,19],[47348,20],[51742,19],[55572,19],[58055,19],[61205,19],[64532,19],[67682,19],[73926,19],[76901,19],[80252,19],[83241,20],[86380,20],[89177,19],[89979,19],[90767,19],[91569,19],[93839,19],[94830,19],[95819,19],[96810,19],[97795,19],[98780,19],[99775,19],[101929,19],[104367,19],[107286,19],[111723,19],[111830,19],[111937,19],[112044,19],[112151,19],[125787,19]]}}}],["headertext=\"address",{"_index":4680,"t":{"660":{"position":[[115260,20],[117830,20],[120491,20],[123187,20]]}}}],["headertext=\"compani",{"_index":4419,"t":{"660":{"position":[[25308,20],[43476,20]]}}}],["headertext=\"countri",{"_index":4693,"t":{"660":{"position":[[115676,20],[118300,20],[120961,20],[123737,20]]}}}],["headertext=\"custom",{"_index":4667,"t":{"660":{"position":[[114682,20],[117252,20],[119913,20],[122609,20]]}}}],["headertext=\"design",{"_index":4340,"t":{"660":{"position":[[7598,24],[9943,24],[12389,25],[15043,24],[17392,24],[20262,24],[22669,24],[25432,24],[29394,24],[31684,24],[34078,24],[36427,24],[38802,25],[41045,25],[43577,24],[47182,25],[49865,25],[51452,24],[55360,24],[57843,24],[60915,24],[64242,24],[67392,24],[70532,24],[73714,24],[76689,24],[80040,24],[83075,25],[86214,25],[88933,24],[89735,24],[90523,24],[91325,24],[93549,24],[94540,24],[95529,24],[96520,24],[97505,24],[98490,24],[99485,24],[101685,24],[104123,24],[106996,24],[111157,24],[111275,24],[111393,24],[111511,24],[125497,24]]}}}],["headertext=\"dob",{"_index":4713,"t":{"660":{"position":[[128320,16],[130943,16]]}}}],["headertext=\"doj",{"_index":4343,"t":{"660":{"position":[[7716,16],[10061,16],[12480,17],[15177,16],[17553,16],[20380,16],[22787,16],[25568,16],[29739,16],[31821,16],[34186,16],[36557,16],[43686,17],[47273,17],[51613,16],[55478,16],[57961,16],[61076,16],[64403,16],[67553,16],[70693,16],[73832,16],[76807,16],[80158,16],[83166,17],[86305,17],[89067,16],[89869,16],[90657,16],[91459,16],[93710,16],[94701,16],[95690,16],[96681,16],[97666,16],[98651,16],[99646,16],[101819,16],[104257,16],[107157,16],[111629,16],[125658,16]]}}}],["headertext=\"email",{"_index":4416,"t":{"660":{"position":[[25208,18],[43397,19],[115079,18],[117649,18],[120310,18],[123006,18]]}}}],["headertext=\"employe",{"_index":4337,"t":{"660":{"position":[[7492,20],[9793,20],[12303,20],[14921,20],[17250,20],[20156,20],[22563,20],[31491,20],[33953,20],[36341,20],[38716,20],[40959,20],[47096,20],[51310,20],[55254,20],[57737,20],[60773,20],[64100,20],[67250,20],[70390,20],[73608,20],[76583,20],[79934,20],[82989,20],[86128,20],[88811,20],[89613,20],[90401,20],[91203,20],[93407,20],[94398,20],[95387,20],[96378,20],[97363,20],[98348,20],[99343,20],[101563,20],[104001,20],[106854,20],[111051,20],[125355,20]]}}}],["headertext=\"first",{"_index":4410,"t":{"660":{"position":[[24937,17],[29047,17],[43222,17],[43310,17],[49693,17]]}}}],["headertext=\"id",{"_index":4334,"t":{"660":{"position":[[7401,15],[9702,15],[12230,16],[14814,15],[17125,15],[19995,15],[22471,15],[24822,15],[28907,15],[31381,15],[33843,15],[36229,15],[38571,15],[40814,15],[43077,15],[47023,16],[49621,16],[51115,15],[55163,15],[57646,15],[60648,15],[63975,15],[67105,15],[70265,15],[73517,15],[76492,15],[79843,15],[82916,16],[86055,16],[88704,15],[89506,15],[90294,15],[91096,15],[93282,15],[94273,15],[95262,15],[96253,15],[97238,15],[98223,15],[99218,15],[101456,15],[103894,15],[106729,15],[110960,15],[114413,15],[116942,15],[119603,15],[122298,15],[125230,15],[128137,15],[130711,15]]}}}],["headertext=\"last",{"_index":4413,"t":{"660":{"position":[[25074,16],[29223,16],[49780,16]]}}}],["headertext=\"oid",{"_index":4733,"t":{"660":{"position":[[130597,16]]}}}],["headertext=\"phon",{"_index":4671,"t":{"660":{"position":[[114898,18],[117468,18],[120129,18],[122825,18]]}}}],["headertext=\"post",{"_index":4686,"t":{"660":{"position":[[115451,18],[118021,18],[120682,18],[123458,18]]}}}],["headertext=\"salari",{"_index":4423,"t":{"660":{"position":[[25662,19],[29579,19],[38893,19],[41136,19],[43761,19]]}}}],["headertext=\"statu",{"_index":4716,"t":{"660":{"position":[[128409,19],[131032,19]]}}}],["headertext=\"us",{"_index":4712,"t":{"660":{"position":[[128223,16],[130821,16]]}}}],["headertextalign",{"_index":4308,"t":{"660":{"position":[[5381,19],[35888,19],[35969,19]]}}}],["headertextalignment=\"alignment.cent",{"_index":4427,"t":{"660":{"position":[[25890,38],[36245,39],[36452,39],[36574,39],[38587,38],[39060,38],[40830,38],[41318,38],[43093,38],[43943,38],[114545,38],[117074,38],[119735,38],[122430,38]]}}}],["headertextalignment=\"alignment.end",{"_index":4424,"t":{"660":{"position":[[25682,35],[36691,36],[38913,35],[41156,35],[43781,35]]}}}],["heading\">wel",{"_index":1013,"t":{"556":{"position":[[1798,13]]}}}],["heading=\"import",{"_index":1376,"t":{"566":{"position":[[1684,20],[1926,20],[2169,20],[2410,20],[2647,20]]}}}],["headings",{"_index":1527,"t":{"570":{"position":[[2110,11],[2546,11]]}}}],["headingsize.h5",{"_index":1532,"t":{"570":{"position":[[2558,14]]}}}],["headingsize.h6",{"_index":1528,"t":{"570":{"position":[[2122,14]]}}}],["headoutlet",{"_index":3977,"t":{"634":{"position":[[3834,11]]},"636":{"position":[[4087,11]]}}}],["height",{"_index":1609,"t":{"570":{"position":[[10685,6],[11855,6],[13170,6]]},"572":{"position":[[1368,6]]},"578":{"position":[[9040,7],[9177,6],[10797,7],[10934,6]]},"586":{"position":[[1850,6]]},"590":{"position":[[379,6],[413,6],[437,6],[483,6],[3254,7],[3270,6],[3313,6],[3331,6],[8449,6]]},"602":{"position":[[447,6],[493,7],[560,6],[1317,7]]},"604":{"position":[[302,6],[348,7],[415,6],[1172,7]]},"606":{"position":[[398,6],[444,7],[511,6],[1268,7]]},"608":{"position":[[243,6],[289,7],[356,6],[1113,7]]},"656":{"position":[[21272,7]]},"660":{"position":[[1942,6],[1988,7],[110637,6]]}}}],["height=\"1",{"_index":2398,"t":{"590":{"position":[[3384,11]]}}}],["height=\"20",{"_index":2400,"t":{"590":{"position":[[3595,12]]}}}],["height=\"300",{"_index":3051,"t":{"604":{"position":[[9132,12],[10530,12],[12758,12],[14856,12]]}}}],["height=\"350",{"_index":4651,"t":{"660":{"position":[[110883,12]]}}}],["height=\"5",{"_index":2399,"t":{"590":{"position":[[3458,11]]}}}],["height='8'%3e%3cpath",{"_index":1095,"t":{"558":{"position":[[1844,20]]}}}],["heightunit",{"_index":2810,"t":{"602":{"position":[[507,10],[1356,10]]},"604":{"position":[[362,10],[1211,10]]},"606":{"position":[[458,10],[1307,10]]},"608":{"position":[[303,10],[1152,10]]}}}],["hello",{"_index":3924,"t":{"630":{"position":[[3073,8],[4559,8],[6055,8],[7716,8],[9660,8],[11325,8]]}}}],["help",{"_index":1348,"t":{"564":{"position":[[241,5]]},"630":{"position":[[1356,4]]}}}],["helper",{"_index":3732,"t":{"624":{"position":[[2853,7]]},"626":{"position":[[3038,7]]},"632":{"position":[[2516,7]]},"634":{"position":[[2535,7]]},"636":{"position":[[2490,7],[3145,7]]},"638":{"position":[[2516,7]]},"642":{"position":[[2888,7]]},"644":{"position":[[2888,7]]},"652":{"position":[[2542,7]]}}}],["helptext",{"_index":3465,"t":{"614":{"position":[[12348,9]]},"628":{"position":[[7797,9],[11621,9]]},"630":{"position":[[1323,8],[3033,8],[6015,8],[9620,8],[11285,8]]}}}],["hendrerit",{"_index":1959,"t":{"576":{"position":[[10387,9],[14628,9],[18769,9]]}}}],["here",{"_index":1006,"t":{"556":{"position":[[1625,5]]},"558":{"position":[[990,5],[1604,5],[2346,5]]},"560":{"position":[[1155,4],[2417,4],[3295,4],[3975,4],[6894,4],[7300,4]]},"562":{"position":[[4020,5],[6031,5],[7874,5],[9690,5],[11506,5],[17984,5],[20442,5],[23426,5]]},"564":{"position":[[316,5],[605,5],[651,5],[704,5],[755,5],[800,5],[847,5],[890,5],[936,5]]},"566":{"position":[[1653,5],[2860,5],[5297,5],[7831,5]]},"568":{"position":[[2417,5],[2634,5],[3170,5],[3807,5],[4594,5],[5455,5],[6402,5],[6776,5],[7351,5],[7787,5],[8461,5],[8951,5],[9710,5]]},"570":{"position":[[3114,5],[3468,5],[3867,5],[4790,5],[5098,5],[5898,5],[6310,5],[7135,5],[8252,5],[10583,5],[11991,5],[13327,5]]},"572":{"position":[[2458,4],[3427,4]]},"574":{"position":[[2092,5],[3975,5],[4695,5],[5781,5],[6941,5],[8219,5],[8881,5]]},"576":{"position":[[3244,5],[4792,5],[6972,5],[7382,5],[11612,5],[15859,5],[21330,5]]},"578":{"position":[[3642,5],[4107,5],[5545,5],[7657,5],[8600,5],[9778,5],[10464,5],[11554,5],[12421,5],[14018,5],[14371,5],[15247,5]]},"580":{"position":[[1102,5],[1321,5],[2131,5],[2565,5],[3484,5]]},"582":{"position":[[1951,5],[2218,5],[2417,5],[2770,5],[3004,5],[3351,5]]},"584":{"position":[[1098,4],[1543,5],[2203,5],[3688,5]]},"586":{"position":[[6697,5],[9674,5]]},"588":{"position":[[1056,5]]},"590":{"position":[[1999,5],[2211,5],[3248,5],[3656,5],[4468,5],[5839,5],[6218,5],[7172,5],[8280,5]]},"592":{"position":[[3647,5],[6223,5],[9238,5],[12232,5],[15230,5]]},"594":{"position":[[808,5],[1344,5],[2011,5],[2743,5],[2827,5],[3095,5],[3204,5],[3302,5],[4172,5],[4663,5]]},"596":{"position":[[2906,5],[8173,5],[10308,5],[10808,5],[11760,5],[12573,5],[13602,5],[13840,5]]},"598":{"position":[[1033,5],[1281,5],[2823,5],[2926,5],[3068,5],[3235,5],[3573,5],[3711,5],[4318,5]]},"600":{"position":[[2914,5],[3847,5],[4884,5],[5934,5],[6782,5],[7368,5],[8048,5],[8654,5],[9268,5],[11338,5],[11836,5],[12946,5],[13792,5],[14689,5],[16109,5]]},"602":{"position":[[14036,5],[17283,5]]},"604":{"position":[[9078,5],[10479,5],[12549,5],[14811,5],[16995,5]]},"606":{"position":[[8113,5],[11243,5],[15312,5]]},"608":{"position":[[7667,5],[11538,5],[14836,5]]},"610":{"position":[[1085,5],[1320,5],[1379,5],[1572,5],[1974,4],[2130,4]]},"612":{"position":[[3710,4],[5581,4],[6549,4],[8145,4],[10491,4],[13410,4]]},"614":{"position":[[1734,4],[3057,4],[5474,4],[6859,4],[8975,4],[9426,4]]},"616":{"position":[[2031,4],[3322,4],[4150,4],[5264,4],[5442,4],[6105,4]]},"618":{"position":[[1662,4],[3526,4],[4345,4],[4666,4],[4967,4],[5151,4],[5869,4],[6353,4],[7660,4],[10970,4],[11642,4]]},"620":{"position":[[1008,4],[2199,4],[2399,4],[2890,4]]},"622":{"position":[[2155,4],[4550,4],[4887,4],[5400,4],[5940,4],[7431,4],[8280,4],[9054,4],[9566,4],[10891,4],[14334,4],[16804,4],[17480,4]]},"628":{"position":[[1627,4],[2229,4],[3643,4],[4976,4],[8530,4],[8977,4]]},"630":{"position":[[3162,5],[3269,4],[4669,5],[6154,5],[7996,5],[9776,5],[11407,5],[11587,4]]},"648":{"position":[[223,5],[2057,7],[2142,5],[3240,7],[3353,5],[4016,7],[4100,5],[4413,7],[4550,5],[4846,7],[4938,5],[5088,4]]},"654":{"position":[[4058,5],[6243,5],[8829,5],[10616,5],[11683,5],[12287,5],[13334,5],[14400,5],[14913,5],[16315,5],[17093,5],[17604,5],[18169,5],[18665,5],[21895,5],[23716,5],[24583,5],[25519,5]]},"656":{"position":[[2562,5],[4477,5],[6401,5],[8660,5],[11070,5],[13543,5],[15973,5],[18364,5],[22133,5],[24043,5]]},"658":{"position":[[1411,5],[2232,5],[1358140,5]]},"660":{"position":[[9344,4],[11689,4],[14446,4],[16837,4],[19637,4],[22008,4],[24410,4],[28503,4],[30773,4],[33487,4],[35852,4],[38217,4],[40474,4],[42732,4],[46532,4],[49239,4],[50194,4],[54711,4],[57047,4],[60173,4],[63515,4],[66736,4],[69819,4],[76132,4],[79107,4],[82687,4],[85751,4],[88463,4],[92945,4],[101175,4],[103595,4],[106046,4],[110542,4],[114135,4],[116667,4],[119291,4],[121952,4],[124728,4],[127934,4],[130394,4],[133285,4]]}}}],["here'",{"_index":1042,"t":{"556":{"position":[[2991,6]]}}}],["here</div",{"_index":2479,"t":{"592":{"position":[[6727,10],[9721,10],[12719,10]]},"656":{"position":[[6884,10],[9209,10],[11682,10],[14112,10],[16531,10]]}}}],["here</dropdownitem",{"_index":4096,"t":{"654":{"position":[[3997,19],[4409,19],[4767,19],[5121,19],[5469,19],[5823,19],[6175,19],[6667,19],[7093,19],[7513,19],[7924,19],[8344,19],[8761,19],[9224,19],[9677,19],[10095,19],[10548,19],[11142,19],[11615,19],[12219,19],[12798,19],[13266,19],[13860,19],[14241,19],[14852,19],[15357,19],[16254,19],[17032,19],[17543,19],[17983,19],[24064,19],[25120,19]]}}}],["hidden",{"_index":224,"t":{"12":{"position":[[354,6],[498,6]]},"560":{"position":[[667,6],[1242,6],[1348,6],[1456,6],[1559,6],[1661,6],[1762,6],[1858,6],[1955,6],[2362,6]]},"562":{"position":[[1477,6],[3004,6],[3554,6],[4942,6],[5565,6],[6858,6],[7408,6],[8674,6],[9224,6],[10490,6],[11040,6],[12682,6],[13244,6],[13802,6],[14350,6],[14910,6],[18987,6],[19537,6],[21394,6],[21966,6]]},"566":{"position":[[3272,6],[3760,6],[4249,6],[4735,6],[5220,6],[5730,6],[6237,6],[6745,6],[7250,6],[7754,6]]},"572":{"position":[[690,7],[1113,6],[2085,6],[3087,6],[4252,6]]},"576":{"position":[[57,6],[1638,6],[2333,6],[21303,9]]},"578":{"position":[[2637,6]]},"586":{"position":[[3097,8],[3211,8]]},"594":{"position":[[681,6]]},"600":{"position":[[1237,8],[1351,8]]},"602":{"position":[[2732,6]]},"604":{"position":[[2634,6]]},"606":{"position":[[2387,6]]},"608":{"position":[[2217,6]]},"654":{"position":[[3357,6]]}}}],["hidden</cod",{"_index":1381,"t":{"566":{"position":[[3304,13],[3792,13],[4281,13],[4767,13],[5252,13],[5762,13],[6269,13],[6777,13],[7282,13],[7786,13]]}}}],["hidden=\"true\"></span",{"_index":1476,"t":{"568":{"position":[[7247,21]]}}}],["hide",{"_index":222,"t":{"12":{"position":[[335,6],[479,6]]},"44":{"position":[[377,4]]},"112":{"position":[[227,4],[491,4]]},"562":{"position":[[627,5],[723,5],[792,5],[864,5],[931,5],[1599,4],[2635,6],[3186,6],[3736,6],[4499,6],[5124,6],[5747,6],[6489,6],[7040,6],[7590,6],[8291,6],[8856,6],[9406,6],[10121,6],[10672,6],[11222,6],[11519,4],[11569,4],[11793,4],[12301,6],[12864,6],[13426,6],[13984,6],[14532,6],[15092,6],[17997,4],[18205,4],[18618,6],[19169,6],[19719,6],[21003,6],[21576,6],[22148,6],[23654,4],[23693,4]]},"566":{"position":[[517,4],[5303,4],[7933,4]]},"568":{"position":[[1631,5]]},"572":{"position":[[601,5],[1016,4],[1242,4],[1617,4]]},"576":{"position":[[1541,5],[2240,4],[2698,4],[21192,9]]},"578":{"position":[[1975,5],[2544,4],[14993,9],[15100,7],[15212,4]]},"584":{"position":[[892,6],[904,5],[1196,6]]},"594":{"position":[[4586,6]]},"602":{"position":[[2817,4],[10565,4],[12148,4],[12690,4],[13232,4]]},"604":{"position":[[2719,4]]},"606":{"position":[[2472,4],[9320,4],[9862,4],[10404,4]]},"608":{"position":[[2302,4]]},"622":{"position":[[818,4],[4555,4],[4627,4],[17634,4]]},"630":{"position":[[449,4],[697,4],[776,6],[1220,4],[4680,5],[4719,4],[6137,4],[6165,4],[6239,4],[7800,4],[7968,4],[12317,4],[12327,4]]},"648":{"position":[[759,5],[4556,4],[5965,4]]},"654":{"position":[[2851,5],[3258,4]]},"660":{"position":[[610,5],[124738,4],[124765,5],[134382,4]]}}}],["hideaccordionitembyindexasync",{"_index":1260,"t":{"562":{"position":[[11931,30]]}}}],["hideaccordionitembyindexasync(int",{"_index":1216,"t":{"562":{"position":[[586,33]]}}}],["hideaccordionitembynameasync",{"_index":1259,"t":{"562":{"position":[[11897,29]]}}}],["hideaccordionitembynameasync(str",{"_index":1218,"t":{"562":{"position":[[668,35]]}}}],["hideallaccordionitemsasync",{"_index":1220,"t":{"562":{"position":[[763,28],[18166,26],[20358,28]]}}}],["hideasync",{"_index":1625,"t":{"572":{"position":[[591,9],[1271,10]]},"576":{"position":[[1531,9]]},"578":{"position":[[1965,9]]},"654":{"position":[[2841,9],[24457,11]]}}}],["hidecontentasync",{"_index":1643,"t":{"572":{"position":[[2322,18],[3291,18],[4608,18]]}}}],["hidecurrencysymbol",{"_index":3640,"t":{"622":{"position":[[766,18],[4581,18]]}}}],["hidecurrencysymbol=\"tru",{"_index":3679,"t":{"622":{"position":[[4726,25]]}}}],["hidefaqsaccordionitemasync",{"_index":1311,"t":{"562":{"position":[[17789,28]]}}}],["hidefirstaccordionitemasync",{"_index":1221,"t":{"562":{"position":[[834,29],[11840,28],[17368,29]]}}}],["hidehead",{"_index":1365,"t":{"566":{"position":[[451,11]]}}}],["hideheading=\"tru",{"_index":1383,"t":{"566":{"position":[[5326,19],[5833,19],[6341,19],[6846,19],[7350,19]]}}}],["hidelastaccordionitemasync",{"_index":1222,"t":{"562":{"position":[[902,28],[11869,27],[17894,28]]}}}],["hideload",{"_index":1403,"t":{"568":{"position":[[1619,11],[7406,13]]}}}],["hideoffcanvasasync",{"_index":1788,"t":{"576":{"position":[[3178,20]]}}}],["hideprev",{"_index":226,"t":{"12":{"position":[[373,13]]}}}],["hideproductsaccordionitemasync",{"_index":1309,"t":{"562":{"position":[[17675,32]]}}}],["hidesecondaccordionitemasync",{"_index":1305,"t":{"562":{"position":[[17468,30]]}}}],["hidethirdaccordionitemasync",{"_index":1307,"t":{"562":{"position":[[17572,29]]}}}],["hierarchi",{"_index":1072,"t":{"558":{"position":[[151,9]]}}}],["high",{"_index":1347,"t":{"564":{"position":[[224,4]]}}}],["hit",{"_index":2166,"t":{"582":{"position":[[1670,3]]}}}],["hollow",{"_index":3085,"t":{"606":{"position":[[257,7]]}}}],["home",{"_index":1084,"t":{"558":{"position":[[672,7],[826,7],[1426,7],[2159,7]]},"600":{"position":[[2317,4],[3250,4],[4077,4],[4166,4],[5095,4],[6185,4],[12656,7]]},"612":{"position":[[1972,4]]},"624":{"position":[[8475,7]]},"626":{"position":[[7951,7]]},"634":{"position":[[7242,7]]},"636":{"position":[[8333,7]]},"640":{"position":[[1449,7]]},"642":{"position":[[7535,7]]},"644":{"position":[[7374,7]]},"646":{"position":[[1454,7]]},"652":{"position":[[7267,7]]}}}],["hook",{"_index":1322,"t":{"562":{"position":[[20526,7]]},"572":{"position":[[3509,7]]},"576":{"position":[[20071,7]]},"578":{"position":[[14096,7]]}}}],["horizont",{"_index":300,"t":{"32":{"position":[[536,10]]},"72":{"position":[[293,10]]},"572":{"position":[[317,10],[356,10],[2463,11],[2507,10],[2538,10],[2577,10],[3061,10],[5336,10]]},"574":{"position":[[4811,10]]},"578":{"position":[[11662,10]]},"602":{"position":[[5674,10],[7326,10]]},"604":{"position":[[3709,10],[9084,10],[17209,10]]},"660":{"position":[[4997,10],[5139,10],[42890,10],[50257,10]]}}}],["horizontal=\"tru",{"_index":1647,"t":{"572":{"position":[[2964,18]]}}}],["hot",{"_index":3528,"t":{"616":{"position":[[6067,7]]}}}],["hover",{"_index":1125,"t":{"560":{"position":[[858,5]]},"568":{"position":[[3997,5],[7807,5]]},"602":{"position":[[3051,5],[3760,8],[3839,8],[3939,8],[4034,8]]},"610":{"position":[[635,6]]},"654":{"position":[[172,9]]},"656":{"position":[[21723,5],[21930,5]]},"660":{"position":[[7257,5],[9558,5],[12076,5],[14672,5],[16929,5],[19851,5],[22327,5],[24678,5],[28712,5],[31257,5],[33719,5],[36125,5],[38467,5],[40710,5],[42955,5],[46819,5],[49484,5],[50835,5],[55068,5],[57557,5],[60443,5],[63793,5],[66923,5],[70083,5],[73341,5],[76273,5],[79518,5],[82754,5],[85820,5],[88553,6],[89341,6],[90143,6],[90931,6],[93058,6],[94049,6],[95040,6],[96029,6],[97020,6],[98005,6],[98990,6],[101281,6],[103708,6],[106261,6],[110805,5],[114210,5],[116731,5],[119373,5],[122046,5],[125014,5],[128002,5],[130462,5]]}}}],["hoverbackgroundcolor",{"_index":2850,"t":{"602":{"position":[[2856,20],[2914,21]]},"604":{"position":[[2758,20],[2816,21]]},"606":{"position":[[2511,20],[2569,21]]},"608":{"position":[[2341,20],[2399,21]]}}}],["hoverbordercolor",{"_index":2851,"t":{"602":{"position":[[2942,16],[2996,17]]},"604":{"position":[[2844,16],[2898,17]]},"606":{"position":[[2597,16],[2651,17]]},"608":{"position":[[2427,16],[2481,17]]}}}],["hoverborderdash",{"_index":2852,"t":{"602":{"position":[[3020,15]]}}}],["hoverborderwidth",{"_index":2853,"t":{"602":{"position":[[3074,16],[3128,17],[10423,16],[12012,16],[12554,16],[13096,16],[14871,16],[15478,16],[16085,16]]},"604":{"position":[[2922,16],[2976,17]]},"606":{"position":[[2675,16],[2729,17],[9184,16],[9726,16],[10268,16]]},"608":{"position":[[2505,16],[2559,17]]}}}],["hr",{"_index":1023,"t":{"556":{"position":[[2020,4]]}}}],["href",{"_index":750,"t":{"128":{"position":[[698,4],[739,4]]},"558":{"position":[[680,4],[834,4],[882,4],[1434,4],[1482,4],[2167,4],[2215,4]]},"568":{"position":[[1223,4]]},"570":{"position":[[1899,4]]},"592":{"position":[[480,4],[523,5],[1039,4],[1072,5],[1648,8],[2152,4],[2349,4],[2547,4],[2658,4],[2867,4],[2975,4],[3162,4],[3287,4],[3414,4],[3534,4],[3747,8],[4251,4],[4448,4],[4646,4],[4757,4],[4966,4],[5173,4],[5366,4],[5560,4],[5738,4],[5863,4],[5990,4],[6110,4],[6392,8],[7142,4],[7370,4],[7599,4],[7710,4],[7919,4],[8126,4],[8350,4],[8544,4],[8753,4],[8878,4],[9005,4],[9125,4],[9391,8],[10136,4],[10364,4],[10593,4],[10704,4],[10913,4],[11120,4],[11344,4],[11538,4],[11747,4],[11872,4],[11999,4],[12119,4],[12346,8],[13134,4],[13362,4],[13591,4],[13702,4],[13911,4],[14118,4],[14342,4],[14536,4],[14745,4],[14870,4],[14997,4],[15117,4]]},"598":{"position":[[2951,8],[3100,8]]},"624":{"position":[[417,9],[3852,9],[4878,7],[8421,4],[8532,4],[8630,4]]},"626":{"position":[[417,9],[4031,9],[4950,7],[7897,4],[8008,4],[8106,4]]},"634":{"position":[[475,8],[3242,8],[7188,4],[7299,4],[7397,4],[7552,7]]},"636":{"position":[[430,8],[3507,8],[8279,4],[8390,4],[8488,4],[8643,7]]},"640":{"position":[[653,8],[1395,4],[1506,4],[1604,4]]},"642":{"position":[[427,8],[3823,8],[4665,7],[7481,4],[7592,4],[7690,4]]},"644":{"position":[[427,8],[3823,8],[4464,7],[7320,4],[7431,4],[7529,4]]},"646":{"position":[[658,8],[1400,4],[1511,4],[1609,4]]},"652":{"position":[[427,8],[3269,8],[4121,7],[7213,4],[7324,4],[7422,4]]},"654":{"position":[[2657,4]]},"656":{"position":[[491,4],[534,5],[1062,4],[1095,5],[1623,8],[2069,4],[2172,4],[2259,4],[2359,4],[2451,4],[2724,8],[3180,4],[3377,4],[3575,4],[3686,4],[3802,4],[3992,4],[4117,4],[4244,4],[4364,4],[4556,8],[5012,4],[5240,4],[5469,4],[5580,4],[5696,4],[5916,4],[6041,4],[6168,4],[6288,4],[6569,8],[7271,4],[7499,4],[7728,4],[7839,4],[7955,4],[8175,4],[8300,4],[8427,4],[8547,4],[8821,8],[9624,4],[9852,4],[10081,4],[10192,4],[10308,4],[10528,4],[10653,4],[10780,4],[10900,4],[11275,8],[12097,4],[12325,4],[12554,4],[12665,4],[12781,4],[13001,4],[13126,4],[13253,4],[13373,4],[13710,8],[14527,4],[14755,4],[14984,4],[15095,4],[15211,4],[15431,4],[15556,4],[15683,4],[15803,4],[16086,8],[16918,4],[17146,4],[17375,4],[17486,4],[17602,4],[17822,4],[17947,4],[18074,4],[18194,4],[18529,8],[19401,4],[19629,4],[19858,4],[19969,4],[20085,4],[20305,4],[20430,4],[20557,4],[20677,4],[22248,8],[22704,4],[22901,4],[23099,4],[23224,4],[23354,4],[23558,4],[23683,4],[23810,4],[23930,4]]}}}],["href=\"_content/blazor.bootstrap/blazor.bootstrap.bundle.scp.css",{"_index":3711,"t":{"624":{"position":[[1177,64]]},"626":{"position":[[1179,64]]},"642":{"position":[[1191,64]]},"644":{"position":[[1191,64]]}}}],["href=\"_content/blazor.bootstrap/blazor.bootstrap.css",{"_index":3707,"t":{"624":{"position":[[847,53],[4196,53]]},"626":{"position":[[849,53],[4375,53]]},"632":{"position":[[846,53]]},"634":{"position":[[871,53],[3585,53]]},"636":{"position":[[826,53],[3850,53]]},"638":{"position":[[846,53]]},"642":{"position":[[856,53],[4166,53]]},"644":{"position":[[856,53],[4166,53]]},"652":{"position":[[856,53],[3612,53]]}}}],["href=\"app.css",{"_index":3975,"t":{"634":{"position":[[3682,14]]},"636":{"position":[[3947,14]]}}}],["href=\"bootstrap/bootstrap.min.css",{"_index":3973,"t":{"634":{"position":[[2920,34]]},"636":{"position":[[2875,34]]}}}],["href=\"css/app.css",{"_index":4011,"t":{"642":{"position":[[4246,18]]},"644":{"position":[[4246,18]]},"652":{"position":[[3709,18]]}}}],["href=\"css/bootstrap/bootstrap.min.css",{"_index":3739,"t":{"624":{"position":[[3293,38]]},"626":{"position":[[3480,38]]},"632":{"position":[[2956,38]]},"638":{"position":[[2896,38]]},"642":{"position":[[3311,38]]},"644":{"position":[[3311,38]]},"652":{"position":[[2897,38]]}}}],["href=\"css/site.css",{"_index":3758,"t":{"624":{"position":[[4276,19]]},"626":{"position":[[4455,19]]}}}],["href=\"favicon.png",{"_index":3762,"t":{"624":{"position":[[4415,18]]},"634":{"position":[[3812,18]]},"636":{"position":[[4065,18]]},"642":{"position":[[4319,18]]},"652":{"position":[[3765,18]]}}}],["href=\"https://cdn.jsdelivr.net/npm/bootstrap",{"_index":2652,"t":{"598":{"position":[[276,44]]},"624":{"position":[[733,44],[4082,44]]},"626":{"position":[[735,44],[4261,44]]},"632":{"position":[[732,44]]},"634":{"position":[[757,44],[3471,44]]},"636":{"position":[[712,44],[3736,44]]},"638":{"position":[[732,44]]},"642":{"position":[[742,44],[4052,44]]},"644":{"position":[[742,44],[4052,44]]},"652":{"position":[[742,44],[3498,44]]}}}],["href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css",{"_index":3701,"t":{"624":{"position":[[522,78],[3871,78]]},"626":{"position":[[524,78],[4050,78]]},"632":{"position":[[521,78]]},"634":{"position":[[546,78],[3260,78]]},"636":{"position":[[501,78],[3525,78]]},"638":{"position":[[521,78]]},"642":{"position":[[531,78],[3841,78]]},"644":{"position":[[531,78],[3841,78]]},"652":{"position":[[531,78],[3287,78]]}}}],["href=\"https://docs.microsoft.com/aspnet",{"_index":2473,"t":{"592":{"position":[[6585,41],[9579,41],[12577,41]]},"624":{"position":[[7719,41]]},"626":{"position":[[7195,41]]},"634":{"position":[[6659,41]]},"636":{"position":[[7750,41]]},"640":{"position":[[826,41]]},"642":{"position":[[6779,41]]},"644":{"position":[[6618,41]]},"646":{"position":[[831,41]]},"652":{"position":[[6684,41]]},"656":{"position":[[6742,41],[9067,41],[11540,41],[13970,41],[16389,41],[18721,41]]}}}],["href=\"https://getblazorbootstrap.com/docs/components/callout\">callout",{"_index":1369,"t":{"566":{"position":[[664,69],[886,69],[1110,69],[1328,69],[1544,69],[1791,69],[2033,69],[2277,69],[2515,69],[2751,69]]}}}],["href=\"net6.blazorserverapp.styles.css",{"_index":3824,"t":{"626":{"position":[[4501,38]]}}}],["href=\"net6.blazorwebassemblyapp.styles.css",{"_index":4030,"t":{"644":{"position":[[4291,43]]}}}],["href=\"net7.blazorserverapp.styles.css",{"_index":3759,"t":{"624":{"position":[[4322,38]]}}}],["href=\"net7.blazorwebassemblyapp.styles.css",{"_index":4012,"t":{"642":{"position":[[4347,43]]}}}],["href=\"net8.blazorautoglobal.styles.css",{"_index":3993,"t":{"636":{"position":[[3988,39]]}}}],["href=\"net8.blazorwebapprendermodeserver.styles.css",{"_index":3976,"t":{"634":{"position":[[3723,51]]}}}],["href=\"net8.blazorwebassemblystandaloneapp.styles.css",{"_index":4064,"t":{"652":{"position":[[3793,53]]}}}],["hst",{"_index":3788,"t":{"624":{"position":[[6759,4],[6866,5]]},"626":{"position":[[6235,4],[6342,5]]},"634":{"position":[[5659,4],[5766,5]]},"636":{"position":[[6016,4],[6123,5]]}}}],["html",{"_index":1009,"t":{"556":{"position":[[1686,4]]},"562":{"position":[[2786,4],[3337,4],[3887,4],[4650,4],[5275,4],[5898,4],[6640,4],[7191,4],[7741,4],[8442,4],[9007,4],[9557,4],[10272,4],[10823,4],[11373,4],[12452,4],[13015,4],[13577,4],[14135,4],[14683,4],[15243,4],[18769,4],[19320,4],[19870,4],[21154,4],[21727,4],[22299,4]]},"568":{"position":[[8472,4]]},"578":{"position":[[3084,5]]},"582":{"position":[[1711,4]]},"610":{"position":[[459,4],[1992,5],[2318,4]]},"614":{"position":[[109,4]]},"616":{"position":[[104,4]]},"618":{"position":[[107,4]]},"624":{"position":[[3718,5],[3724,5],[6213,7]]},"626":{"position":[[3897,5],[3903,5],[5689,7]]},"628":{"position":[[113,4]]},"634":{"position":[[3108,5],[3114,5],[5206,7]]},"636":{"position":[[3373,5],[3379,5],[5455,7]]},"642":{"position":[[3611,5],[3617,5],[5586,7]]},"644":{"position":[[3611,5],[3617,5],[5385,7]]},"652":{"position":[[3084,5],[3090,5],[5461,7]]}}}],["html</tooltip",{"_index":3183,"t":{"610":{"position":[[2106,14]]}}}],["http",{"_index":3784,"t":{"624":{"position":[[6646,4]]},"626":{"position":[[6122,4]]},"634":{"position":[[5518,4]]},"636":{"position":[[5836,4]]}}}],["httpclient",{"_index":4024,"t":{"642":{"position":[[5932,10]]},"644":{"position":[[5771,10]]},"652":{"position":[[5817,10]]}}}],["https://aka.ms/aspnetcor",{"_index":3789,"t":{"624":{"position":[[6840,25]]},"626":{"position":[[6316,25]]},"634":{"position":[[5740,25]]},"636":{"position":[[6097,25]]}}}],["https://demos.getblazorbootstrap.com",{"_index":206,"t":{"10":{"position":[[326,37]]},"14":{"position":[[297,37]]}}}],["hybrid",{"_index":3820,"t":{"624":{"position":[[8793,6]]},"632":{"position":[[28,6],[91,6]]},"636":{"position":[[8781,6]]},"638":{"position":[[28,6],[91,6]]},"642":{"position":[[7820,6]]},"644":{"position":[[7659,6]]}}}],["i.",{"_index":1775,"t":{"576":{"position":[[1485,5],[1645,5]]},"602":{"position":[[2689,4]]}}}],["iaculi",{"_index":1954,"t":{"576":{"position":[[10064,7],[14305,7],[18446,7]]}}}],["ichartdataset",{"_index":2821,"t":{"602":{"position":[[1065,13],[1766,14]]},"604":{"position":[[920,13],[1619,14]]},"606":{"position":[[1016,13],[1725,14]]},"608":{"position":[[861,13],[1560,14]]}}}],["ichartdatasetdata",{"_index":2816,"t":{"602":{"position":[[833,17]]},"604":{"position":[[688,17]]},"606":{"position":[[784,17]]},"608":{"position":[[629,17]]}}}],["ichartopt",{"_index":2823,"t":{"602":{"position":[[1093,13],[1204,13],[1440,13]]},"604":{"position":[[948,13],[1059,13],[1295,13]]},"606":{"position":[[1044,13],[1155,13],[1391,13]]},"608":{"position":[[889,13],[1000,13],[1236,13]]}}}],["icompar",{"_index":4319,"t":{"660":{"position":[[6065,13]]}}}],["icon",{"_index":174,"t":{"4":{"position":[[233,4]]},"8":{"position":[[229,4]]},"12":{"position":[[677,5]]},"22":{"position":[[139,5],[260,5],[319,5],[361,5]]},"26":{"position":[[159,5],[248,5]]},"36":{"position":[[334,4]]},"42":{"position":[[450,4]]},"52":{"position":[[150,5],[249,4],[362,4],[570,4],[736,4]]},"72":{"position":[[405,4]]},"86":{"position":[[134,6],[327,4],[656,4],[804,4]]},"96":{"position":[[248,4]]},"98":{"position":[[662,4]]},"106":{"position":[[148,6],[287,4],[313,5],[583,4]]},"110":{"position":[[1063,5]]},"126":{"position":[[148,6],[251,4],[2672,6],[2782,4]]},"132":{"position":[[2801,5],[2900,4]]},"134":{"position":[[926,5],[980,5]]},"158":{"position":[[2861,6],[2964,4]]},"160":{"position":[[791,5],[890,4]]},"166":{"position":[[208,5],[307,4]]},"168":{"position":[[200,5],[299,4]]},"194":{"position":[[201,5],[300,4]]},"202":{"position":[[201,5],[300,4]]},"212":{"position":[[2434,6],[2544,4]]},"216":{"position":[[200,5],[299,4]]},"220":{"position":[[2597,5],[2696,4]]},"230":{"position":[[2870,6],[2973,4]]},"234":{"position":[[2443,6],[2553,4]]},"236":{"position":[[2606,5],[2705,4]]},"240":{"position":[[782,5],[836,5]]},"268":{"position":[[200,6],[303,4]]},"272":{"position":[[1372,6],[1482,4]]},"274":{"position":[[195,6],[298,4],[463,6],[573,4]]},"278":{"position":[[441,6],[551,4]]},"290":{"position":[[182,6],[292,4]]},"302":{"position":[[183,6],[293,4]]},"306":{"position":[[2864,6],[2967,4]]},"308":{"position":[[2234,6],[2337,4]]},"312":{"position":[[1758,6],[1868,4]]},"316":{"position":[[2437,6],[2547,4]]},"332":{"position":[[191,5],[245,5]]},"358":{"position":[[546,6],[649,4]]},"360":{"position":[[1130,6],[1233,4]]},"366":{"position":[[20,6],[189,6],[292,4],[457,6],[567,4]]},"372":{"position":[[21,7],[182,5],[236,5]]},"380":{"position":[[867,6],[977,4]]},"384":{"position":[[2278,6],[2388,4]]},"418":{"position":[[851,6],[961,4]]},"430":{"position":[[177,6],[287,4],[1083,5],[1137,5]]},"448":{"position":[[183,5],[237,5]]},"474":{"position":[[194,5],[293,4]]},"486":{"position":[[193,6],[296,4]]},"534":{"position":[[178,6],[288,4]]},"556":{"position":[[2186,6],[2226,5],[2254,6],[2302,5],[2384,4],[2433,5],[2522,4],[2570,5],[2666,4],[2715,5],[2812,4],[2852,4],[4102,5]]},"558":{"position":[[1623,5],[1671,5],[2336,4],[2448,4]]},"562":{"position":[[4037,5],[4171,5],[4793,5],[5418,5],[23590,4]]},"578":{"position":[[437,4]]},"582":{"position":[[519,5],[720,5],[917,5],[1122,5],[1970,6],[3467,5]]},"586":{"position":[[1506,4],[1586,5],[1659,4],[1724,4],[1798,5],[6709,6],[6753,5],[6807,6],[9697,5],[10014,5]]},"592":{"position":[[379,4],[1022,4],[1136,4],[1203,4],[2356,9],[2407,8],[4455,9],[4506,8],[7377,9],[7428,8],[9257,5],[9319,4],[9352,6],[10371,9],[10422,8],[13369,9],[13420,8],[15403,4]]},"598":{"position":[[8,5],[34,5],[57,4],[88,4],[102,4],[146,5],[179,5],[197,4],[493,4],[554,5],[670,4],[732,4],[882,6],[889,5],[920,5],[955,5],[987,5],[1022,5],[1046,5],[1096,5],[1146,5],[1196,5],[1250,5],[1300,6],[1373,6],[1444,5],[1516,5],[1588,5],[1660,5],[1732,5],[1804,5],[1884,5],[1963,5],[2058,5],[2137,5],[2210,5],[2303,5],[2385,5],[2474,5],[2547,5],[2623,5],[2706,5],[2792,5],[2846,5],[2864,5],[2916,4],[2942,5],[3008,5],[3058,4],[3091,5],[3157,5],[3225,4],[3253,4],[3554,4],[3591,4],[3696,4],[3742,5],[3814,6],[3952,5],[4086,5],[4152,4],[4216,5],[4282,6],[4307,5],[4415,5],[4440,5],[4470,4],[4485,4],[4507,4],[4524,4],[4550,4],[4585,4],[4590,4],[4618,5]]},"600":{"position":[[3864,5],[4042,5],[4320,5],[4605,5],[16282,4]]},"610":{"position":[[1334,4],[1549,4],[2247,4]]},"612":{"position":[[13439,5]]},"624":{"position":[[2987,6],[3087,6],[3199,6],[3432,6]]},"626":{"position":[[3172,6],[3272,6],[3384,6],[3619,6]]},"630":{"position":[[1306,4],[1418,4]]},"632":{"position":[[2650,6],[2750,6],[2862,6],[3094,6]]},"638":{"position":[[2650,6]]},"640":{"position":[[1913,5]]},"642":{"position":[[3022,6],[3122,6],[3234,6],[3466,6]]},"644":{"position":[[3022,6],[3122,6],[3234,6],[3466,6]]},"656":{"position":[[387,4],[1045,4],[1159,4],[1226,4],[3384,9],[3435,8],[4490,5],[5247,9],[5298,8],[7506,9],[7557,8],[8689,5],[8763,5],[8995,5],[9859,9],[9910,8],[11468,5],[12332,9],[12383,8],[13562,5],[13624,4],[13657,6],[13898,5],[14762,9],[14813,8],[16317,5],[17153,9],[17204,8],[19636,9],[19687,8],[21188,4],[21452,4],[22908,9],[22959,8],[24188,5],[24248,5],[24283,4]]}}}],["icon2",{"_index":851,"t":{"142":{"position":[[1428,5]]}}}],["iconcolor",{"_index":1994,"t":{"578":{"position":[[389,9]]},"586":{"position":[[1534,9],[1544,9]]},"592":{"position":[[1084,9],[1094,9],[7313,9],[7542,9],[8292,9],[8695,9],[10307,9],[10536,9],[11286,9],[11689,9],[13305,9],[13534,9],[14284,9],[14687,9]]},"598":{"position":[[451,9]]},"656":{"position":[[1107,9],[1117,9],[4507,9],[5183,9],[5412,9],[5860,9],[7442,9],[7671,9],[8119,9],[9795,9],[10024,9],[10472,9],[12268,9],[12497,9],[12945,9],[14698,9],[14927,9],[15375,9],[17089,9],[17318,9],[17766,9],[19572,9],[19801,9],[20249,9]]}}}],["iconcolor.dang",{"_index":2482,"t":{"592":{"position":[[8304,16],[11298,16],[14296,16]]},"656":{"position":[[5872,16],[8131,16],[10484,16],[12957,16],[15387,16],[17778,16],[20261,16]]}}}],["iconcolor.non",{"_index":1995,"t":{"578":{"position":[[399,14]]},"586":{"position":[[1554,14]]},"592":{"position":[[1104,14]]},"598":{"position":[[461,14]]},"656":{"position":[[1127,14]]}}}],["iconcolor.primari",{"_index":2480,"t":{"592":{"position":[[7325,17],[10319,17],[13317,17]]},"656":{"position":[[5195,17],[7454,17],[9807,17],[12280,17],[14710,17],[17101,17],[19584,17]]}}}],["iconcolor.success",{"_index":2481,"t":{"592":{"position":[[7554,17],[10548,17],[13546,17]]},"656":{"position":[[5424,17],[7683,17],[10036,17],[12509,17],[14939,17],[17330,17],[19813,17]]}}}],["iconcolor.warn",{"_index":2483,"t":{"592":{"position":[[8707,17],[11701,17],[14699,17]]}}}],["iconcolor=\"iconcolor.dang",{"_index":2270,"t":{"586":{"position":[[4140,28]]}}}],["iconcolor=\"iconcolor.primari",{"_index":2274,"t":{"586":{"position":[[4281,29],[4771,29],[5171,29],[5621,29],[6021,29],[6159,29],[6305,29]]}}}],["iconcolor=\"iconcolor.success",{"_index":2282,"t":{"586":{"position":[[4591,29],[5012,29],[5454,29],[5856,29]]}}}],["iconcssclass",{"_index":2230,"t":{"586":{"position":[[1598,12]]}}}],["iconic/font/css/open",{"_index":3742,"t":{"624":{"position":[[3411,20]]},"626":{"position":[[3598,20]]},"632":{"position":[[3073,20]]},"642":{"position":[[3445,20]]},"644":{"position":[[3445,20]]}}}],["iconnam",{"_index":2146,"t":{"582":{"position":[[468,8],[670,8],[867,8],[1068,8]]},"586":{"position":[[1679,8],[1688,8]]},"592":{"position":[[535,8],[544,8],[584,9],[1154,8],[1163,8],[2179,8],[2265,8],[2366,8],[2455,8],[2565,8],[2680,8],[2774,8],[2887,8],[3004,8],[3088,8],[3186,8],[3313,8],[3438,8],[3552,8],[4278,8],[4364,8],[4465,8],[4554,8],[4664,8],[4779,8],[4873,8],[4997,8],[5085,8],[5193,8],[5284,8],[5384,8],[5472,8],[5578,8],[5663,8],[5762,8],[5889,8],[6014,8],[6128,8],[7169,8],[7255,8],[7387,8],[7476,8],[7617,8],[7732,8],[7826,8],[7950,8],[8038,8],[8146,8],[8237,8],[8368,8],[8456,8],[8562,8],[8647,8],[8777,8],[8904,8],[9029,8],[9143,8],[10163,8],[10249,8],[10381,8],[10470,8],[10611,8],[10726,8],[10820,8],[10944,8],[11032,8],[11140,8],[11231,8],[11362,8],[11450,8],[11556,8],[11641,8],[11771,8],[11898,8],[12023,8],[12137,8],[13161,8],[13247,8],[13379,8],[13468,8],[13609,8],[13724,8],[13818,8],[13942,8],[14030,8],[14138,8],[14229,8],[14360,8],[14448,8],[14554,8],[14639,8],[14769,8],[14896,8],[15021,8],[15135,8]]},"598":{"position":[[630,8]]},"614":{"position":[[12299,9]]},"624":{"position":[[8433,8],[8551,8],[8651,8]]},"626":{"position":[[7909,8],[8027,8],[8127,8]]},"628":{"position":[[7748,9],[11572,9]]},"630":{"position":[[1373,8],[1382,8]]},"634":{"position":[[7200,8],[7318,8],[7416,8]]},"636":{"position":[[8291,8],[8409,8],[8507,8]]},"640":{"position":[[1407,8],[1525,8],[1625,8]]},"642":{"position":[[7493,8],[7611,8],[7711,8]]},"644":{"position":[[7332,8],[7450,8],[7550,8]]},"646":{"position":[[1412,8],[1530,8],[1630,8]]},"652":{"position":[[7225,8],[7343,8],[7441,8]]},"656":{"position":[[546,8],[555,8],[595,9],[1177,8],[1186,8],[2096,8],[2190,8],[2283,8],[2381,8],[2470,8],[3207,8],[3293,8],[3394,8],[3483,8],[3593,8],[3708,8],[3821,8],[3918,8],[4016,8],[4143,8],[4268,8],[4382,8],[5039,8],[5125,8],[5257,8],[5346,8],[5487,8],[5602,8],[5715,8],[5812,8],[5940,8],[6067,8],[6192,8],[6306,8],[7298,8],[7384,8],[7516,8],[7605,8],[7746,8],[7861,8],[7974,8],[8071,8],[8199,8],[8326,8],[8451,8],[8565,8],[9651,8],[9737,8],[9869,8],[9958,8],[10099,8],[10214,8],[10327,8],[10424,8],[10552,8],[10679,8],[10804,8],[10918,8],[12124,8],[12210,8],[12342,8],[12431,8],[12572,8],[12687,8],[12800,8],[12897,8],[13025,8],[13152,8],[13277,8],[13391,8],[14554,8],[14640,8],[14772,8],[14861,8],[15002,8],[15117,8],[15230,8],[15327,8],[15455,8],[15582,8],[15707,8],[15821,8],[16945,8],[17031,8],[17163,8],[17252,8],[17393,8],[17508,8],[17621,8],[17718,8],[17846,8],[17973,8],[18098,8],[18212,8],[19428,8],[19514,8],[19646,8],[19735,8],[19876,8],[19991,8],[20104,8],[20201,8],[20329,8],[20456,8],[20581,8],[20695,8],[22731,8],[22817,8],[22918,8],[23007,8],[23117,8],[23246,8],[23373,8],[23484,8],[23582,8],[23709,8],[23834,8],[23948,8]]}}}],["iconname.check2al",{"_index":3464,"t":{"614":{"position":[[12309,19]]},"628":{"position":[[7758,19],[11582,19]]}}}],["iconname.checkcirclefil",{"_index":2446,"t":{"592":{"position":[[2576,25],[4675,25],[7628,25],[10622,25],[13620,25]]},"656":{"position":[[2201,25],[3604,25],[5498,25],[7757,25],[10110,25],[12583,25],[15013,25],[17404,25],[19887,25],[23128,25]]}}}],["iconname.currencydollar",{"_index":2457,"t":{"592":{"position":[[3324,24],[5900,24],[8915,24],[11909,24],[14907,24]]},"656":{"position":[[4154,24],[6078,24],[8337,24],[10690,24],[13163,24],[15593,24],[17984,24],[20467,24],[23720,24]]}}}],["iconname.dash",{"_index":2451,"t":{"592":{"position":[[2898,14],[3015,14],[5008,14],[5096,14],[5204,14],[5395,14],[5483,14],[5589,14],[7961,14],[8049,14],[8157,14],[8379,14],[8467,14],[8573,14],[10955,14],[11043,14],[11151,14],[11373,14],[11461,14],[11567,14],[13953,14],[14041,14],[14149,14],[14371,14],[14459,14],[14565,14]]}}}],["iconname.exclamationtrianglefil",{"_index":2445,"t":{"592":{"position":[[2466,33],[4565,33],[7487,33],[10481,33],[13479,33]]},"656":{"position":[[3494,33],[5357,33],[7616,33],[9969,33],[12442,33],[14872,33],[17263,33],[19746,33],[23018,33]]}}}],["iconname.grid",{"_index":2464,"t":{"592":{"position":[[5295,14],[8248,14],[11242,14],[14240,14]]}}}],["iconname.housedoorfil",{"_index":2441,"t":{"592":{"position":[[2190,23],[4289,23],[7180,23],[10174,23],[13172,23]]},"624":{"position":[[8444,23]]},"626":{"position":[[7920,23]]},"634":{"position":[[7211,23]]},"636":{"position":[[8302,23]]},"640":{"position":[[1418,23]]},"642":{"position":[[7504,23]]},"644":{"position":[[7343,23]]},"646":{"position":[[1423,23]]},"652":{"position":[[7236,23]]},"656":{"position":[[2107,23],[3218,23],[5050,23],[7309,23],[9662,23],[12135,23],[14565,23],[16956,23],[19439,23],[22742,23]]}}}],["iconname.inputcursor",{"_index":2458,"t":{"592":{"position":[[3449,21],[6025,21],[9040,21],[12034,21],[15032,21]]},"656":{"position":[[4279,21],[6203,21],[8462,21],[10815,21],[13288,21],[15718,21],[18109,21],[20592,21],[23845,21]]}}}],["iconname.inputcursortext",{"_index":2455,"t":{"592":{"position":[[3197,25],[5773,25],[8788,25],[11782,25],[14780,25]]},"656":{"position":[[2294,25],[4027,25],[5951,25],[8210,25],[10563,25],[13036,25],[15466,25],[17857,25],[20340,25],[23593,25]]}}}],["iconname.layoutsidebarinset",{"_index":2442,"t":{"592":{"position":[[2276,28],[4375,28],[7266,28],[10260,28],[13258,28]]},"656":{"position":[[2481,28],[3304,28],[3832,28],[5136,28],[5726,28],[7395,28],[7985,28],[9748,28],[10338,28],[12221,28],[12811,28],[14651,28],[15241,28],[17042,28],[17632,28],[19525,28],[20115,28],[22828,28],[23384,28]]}}}],["iconname.listnest",{"_index":2449,"t":{"592":{"position":[[2785,20],[4884,20],[7837,20],[10831,20],[13829,20]]}}}],["iconname.non",{"_index":2147,"t":{"582":{"position":[[477,13],[679,13],[876,13],[1077,13]]},"586":{"position":[[1697,13]]},"592":{"position":[[553,13],[1172,13]]},"598":{"position":[[639,13]]},"656":{"position":[[564,13],[1195,13]]}}}],["iconname.personsquar",{"_index":2443,"t":{"592":{"position":[[2377,22],[4476,22],[7398,22],[10392,22],[13390,22]]},"656":{"position":[[3405,22],[5268,22],[7527,22],[9880,22],[12353,22],[14783,22],[17174,22],[19657,22],[22929,22]]}}}],["iconname.plussquarefil",{"_index":3816,"t":{"624":{"position":[[8562,24]]},"626":{"position":[[8038,24]]},"634":{"position":[[7329,24]]},"636":{"position":[[8420,24]]},"640":{"position":[[1536,24]]},"642":{"position":[[7622,24]]},"644":{"position":[[7461,24]]},"646":{"position":[[1541,24]]},"652":{"position":[[7354,24]]}}}],["iconname.segmentednav",{"_index":2448,"t":{"592":{"position":[[2691,22],[4790,22],[7743,22],[10737,22],[13735,22]]},"656":{"position":[[2392,22],[3719,22],[5613,22],[7872,22],[10225,22],[12698,22],[15128,22],[17519,22],[20002,22],[23257,22]]}}}],["iconname.t",{"_index":3818,"t":{"624":{"position":[[8662,15]]},"626":{"position":[[8138,15]]},"634":{"position":[[7427,15]]},"636":{"position":[[8518,15]]},"640":{"position":[[1636,15]]},"642":{"position":[[7722,15]]},"644":{"position":[[7561,15]]},"646":{"position":[[1641,15]]},"652":{"position":[[7452,15]]}}}],["iconname.toggleon",{"_index":2459,"t":{"592":{"position":[[3563,18],[6139,18],[9154,18],[12148,18],[15146,18]]},"656":{"position":[[4393,18],[6317,18],[8576,18],[10929,18],[13402,18],[15832,18],[18223,18],[20706,18],[23959,18]]}}}],["iconname.windowplu",{"_index":2454,"t":{"592":{"position":[[3099,20],[5674,20],[8658,20],[11652,20],[14650,20]]},"656":{"position":[[3929,20],[5823,20],[8082,20],[10435,20],[12908,20],[15338,20],[17729,20],[20212,20],[23495,20]]}}}],["iconname=\"iconname.arch",{"_index":2275,"t":{"586":{"position":[[4311,27]]}}}],["iconname=\"iconname.arrowright",{"_index":2311,"t":{"586":{"position":[[6189,30]]}}}],["iconname=\"iconname.bootstrapfil",{"_index":2429,"t":{"592":{"position":[[1657,33],[3756,33],[6401,33]]},"624":{"position":[[7555,33]]},"626":{"position":[[7031,33]]},"634":{"position":[[6495,33]]},"636":{"position":[[7586,33]]},"640":{"position":[[662,33]]},"642":{"position":[[6615,33]]},"644":{"position":[[6454,33]]},"646":{"position":[[667,33]]},"652":{"position":[[6520,33]]},"656":{"position":[[1632,33],[2733,33],[4565,33],[6578,33],[8830,33],[11284,33],[18538,33],[22257,33]]}}}],["iconname=\"iconname.calendar3ev",{"_index":2265,"t":{"586":{"position":[[3949,34],[4801,34]]}}}],["iconname=\"iconname.copi",{"_index":2308,"t":{"586":{"position":[[6051,24]]}}}],["iconname=\"iconname.cursortext",{"_index":2305,"t":{"586":{"position":[[5886,30]]}}}],["iconname=\"iconname.envelopeplu",{"_index":2260,"t":{"586":{"position":[[3815,32],[4621,32]]}}}],["iconname=\"iconname.folderplu",{"_index":2299,"t":{"586":{"position":[[5484,30]]}}}],["iconname=\"iconname.folderx",{"_index":2314,"t":{"586":{"position":[[6335,27]]}}}],["iconname=\"iconname.search",{"_index":2301,"t":{"586":{"position":[[5651,26]]}}}],["iconname=\"iconname.trash",{"_index":2271,"t":{"586":{"position":[[4169,25],[5042,25]]}}}],["iconname=\"iconname.xsquarefil",{"_index":2294,"t":{"586":{"position":[[5201,31]]}}}],["icons",{"_index":2232,"t":{"586":{"position":[[1752,8],[1761,8]]},"598":{"position":[[692,8]]}}}],["icons.css",{"_index":2654,"t":{"598":{"position":[[349,10]]}}}],["icons.min.css",{"_index":3706,"t":{"624":{"position":[[806,14],[4155,14]]},"626":{"position":[[808,14],[4334,14]]},"632":{"position":[[805,14]]},"634":{"position":[[830,14],[3544,14]]},"636":{"position":[[785,14],[3809,14]]},"638":{"position":[[805,14]]},"642":{"position":[[815,14],[4125,14]]},"644":{"position":[[815,14],[4125,14]]},"652":{"position":[[815,14],[3571,14]]}}}],["icons1",{"_index":852,"t":{"142":{"position":[[1434,6]]}}}],["icons@1.11.0/font/bootstrap",{"_index":2653,"t":{"598":{"position":[[321,27]]}}}],["icons@1.11.3/font/bootstrap",{"_index":3705,"t":{"624":{"position":[[778,27],[4127,27]]},"626":{"position":[[780,27],[4306,27]]},"632":{"position":[[777,27]]},"634":{"position":[[802,27],[3516,27]]},"636":{"position":[[757,27],[3781,27]]},"638":{"position":[[777,27]]},"642":{"position":[[787,27],[4097,27]]},"644":{"position":[[787,27],[4097,27]]},"652":{"position":[[787,27],[3543,27]]}}}],["iconsize.non",{"_index":2660,"t":{"598":{"position":[[701,13]]}}}],["iconsize.x3",{"_index":2233,"t":{"586":{"position":[[1770,11]]}}}],["iconsize=\"iconsize.x3",{"_index":2261,"t":{"586":{"position":[[3848,22],[3984,22],[4195,22],[4339,22],[4654,22],[4836,22],[5068,22],[5233,22],[5515,22],[5678,22],[5917,22],[6363,22]]}}}],["iconsize=\"iconsize.x3\">copy<br",{"_index":2309,"t":{"586":{"position":[[6076,30]]}}}],["iconsize=\"iconsize.x3\">move<br",{"_index":2312,"t":{"586":{"position":[[6220,30]]}}}],["icustomerservic",{"_index":3275,"t":{"612":{"position":[[5943,16],[9461,16],[11189,16],[12683,16]]},"660":{"position":[[115868,16],[118492,16],[121153,16],[123929,16]]}}}],["id",{"_index":506,"t":{"78":{"position":[[182,2]]},"574":{"position":[[3356,2]]},"576":{"position":[[4177,2],[6133,2],[8107,2],[8644,2],[8841,2],[9356,3],[10313,2],[11017,2],[11199,2],[12348,2],[12885,2],[13082,2],[13597,3],[14554,2],[15258,2],[15440,2],[16489,2],[17026,2],[17223,2],[17738,3],[18695,2],[19399,2],[19581,2]]},"578":{"position":[[4941,2],[6829,2]]},"588":{"position":[[314,3]]},"592":{"position":[[1220,2],[1253,3],[1441,3],[2142,2],[2255,2],[2339,2],[2445,2],[2537,2],[2648,2],[2764,2],[2855,2],[2963,2],[3078,2],[3152,2],[3276,2],[3403,2],[3523,2],[3687,2],[4241,2],[4354,2],[4438,2],[4544,2],[4636,2],[4747,2],[4863,2],[4954,2],[5073,2],[5159,2],[5274,2],[5354,2],[5460,2],[5546,2],[5653,2],[5727,2],[5852,2],[5979,2],[6099,2],[7132,2],[7245,2],[7360,2],[7466,2],[7589,2],[7700,2],[7816,2],[7907,2],[8026,2],[8112,2],[8227,2],[8338,2],[8444,2],[8530,2],[8637,2],[8742,2],[8867,2],[8994,2],[9114,2],[10126,2],[10239,2],[10354,2],[10460,2],[10583,2],[10694,2],[10810,2],[10901,2],[11020,2],[11106,2],[11221,2],[11332,2],[11438,2],[11524,2],[11631,2],[11736,2],[11861,2],[11988,2],[12108,2],[13124,2],[13237,2],[13352,2],[13458,2],[13581,2],[13692,2],[13808,2],[13899,2],[14018,2],[14104,2],[14219,2],[14330,2],[14436,2],[14522,2],[14629,2],[14734,2],[14859,2],[14986,2],[15106,2]]},"596":{"position":[[2876,3],[5197,3],[8143,3],[10278,3],[10669,2],[10744,2],[11730,3],[12543,3],[13572,3],[13810,3]]},"602":{"position":[[5134,2],[5206,2]]},"604":{"position":[[3170,2],[3242,2]]},"624":{"position":[[8411,2],[8522,2],[8620,2]]},"626":{"position":[[7887,2],[7998,2],[8096,2]]},"630":{"position":[[1435,2],[1458,3]]},"634":{"position":[[7178,2],[7289,2],[7387,2]]},"636":{"position":[[8269,2],[8380,2],[8478,2]]},"640":{"position":[[1385,2],[1496,2],[1594,2]]},"642":{"position":[[7471,2],[7582,2],[7680,2]]},"644":{"position":[[7310,2],[7421,2],[7519,2]]},"646":{"position":[[1390,2],[1501,2],[1599,2]]},"652":{"position":[[7203,2],[7314,2],[7412,2]]},"656":{"position":[[1243,2],[1276,3],[1417,3],[2604,2],[3170,2],[3283,2],[3367,2],[3473,2],[3565,2],[3676,2],[3792,2],[3908,2],[3982,2],[4106,2],[4233,2],[4353,2],[5002,2],[5115,2],[5230,2],[5336,2],[5459,2],[5570,2],[5686,2],[5802,2],[5906,2],[6030,2],[6157,2],[6277,2],[7261,2],[7374,2],[7489,2],[7595,2],[7718,2],[7829,2],[7945,2],[8061,2],[8165,2],[8289,2],[8416,2],[8536,2],[9614,2],[9727,2],[9842,2],[9948,2],[10071,2],[10182,2],[10298,2],[10414,2],[10518,2],[10642,2],[10769,2],[10889,2],[12087,2],[12200,2],[12315,2],[12421,2],[12544,2],[12655,2],[12771,2],[12887,2],[12991,2],[13115,2],[13242,2],[13362,2],[14517,2],[14630,2],[14745,2],[14851,2],[14974,2],[15085,2],[15201,2],[15317,2],[15421,2],[15545,2],[15672,2],[15792,2],[16908,2],[17021,2],[17136,2],[17242,2],[17365,2],[17476,2],[17592,2],[17708,2],[17812,2],[17936,2],[18063,2],[18183,2],[19391,2],[19504,2],[19619,2],[19725,2],[19848,2],[19959,2],[20075,2],[20191,2],[20295,2],[20419,2],[20546,2],[20666,2],[22694,2],[22807,2],[22891,2],[22997,2],[23089,2],[23214,2],[23344,2],[23474,2],[23548,2],[23672,2],[23799,2],[23919,2]]},"660":{"position":[[8037,2],[8161,2],[8292,2],[8416,2],[8545,2],[8678,2],[8798,2],[8920,2],[9043,2],[10382,2],[10506,2],[10637,2],[10761,2],[10890,2],[11023,2],[11143,2],[11265,2],[11388,2],[12758,2],[12882,2],[13013,2],[13137,2],[13266,2],[13399,2],[13519,2],[13641,2],[13771,2],[13896,2],[14019,2],[14138,2],[15530,2],[15654,2],[15785,2],[15909,2],[16038,2],[16171,2],[16291,2],[16413,2],[16536,2],[17949,2],[18073,2],[18204,2],[18328,2],[18457,2],[18590,2],[18710,2],[18832,2],[18962,2],[19087,2],[19210,2],[19329,2],[20701,2],[20825,2],[20956,2],[21080,2],[21209,2],[21342,2],[21462,2],[21584,2],[21707,2],[23103,2],[23227,2],[23358,2],[23482,2],[23611,2],[23744,2],[23864,2],[23986,2],[24109,2],[26169,2],[26407,2],[26649,2],[26886,2],[27126,2],[27378,2],[27608,2],[27847,2],[28087,2],[32180,2],[32304,2],[32435,2],[32559,2],[32688,2],[32821,2],[32941,2],[33063,2],[33186,2],[34545,2],[34669,2],[34800,2],[34924,2],[35053,2],[35186,2],[35306,2],[35428,2],[35551,2],[36910,2],[37034,2],[37165,2],[37289,2],[37418,2],[37551,2],[37671,2],[37793,2],[37916,2],[39315,2],[39420,2],[39535,2],[39642,2],[39755,2],[39875,2],[39978,2],[40083,2],[40190,2],[41573,2],[41678,2],[41793,2],[41900,2],[42013,2],[42133,2],[42236,2],[42341,2],[42448,2],[44198,2],[44436,2],[44678,2],[44915,2],[45155,2],[45407,2],[45637,2],[45876,2],[46116,2],[47551,2],[47675,2],[47806,2],[47930,2],[48059,2],[48192,2],[48312,2],[48434,2],[48564,2],[48689,2],[48812,2],[48931,2],[53205,2],[53329,2],[53460,2],[53584,2],[53713,2],[53846,2],[53966,2],[54088,2],[54218,2],[54343,2],[54466,2],[54585,2],[55844,2],[55968,2],[56099,2],[56223,2],[56352,2],[56563,2],[56683,2],[56805,2],[56928,2],[58297,2],[58421,2],[58552,2],[58676,2],[58805,2],[62009,2],[62133,2],[62264,2],[62388,2],[62517,2],[62650,2],[62770,2],[62892,2],[63022,2],[63147,2],[63270,2],[63389,2],[65230,2],[65354,2],[65485,2],[65609,2],[65738,2],[65871,2],[65991,2],[66113,2],[66243,2],[66368,2],[66491,2],[66610,2],[68313,2],[68437,2],[68568,2],[68692,2],[68821,2],[68954,2],[69074,2],[69196,2],[69326,2],[69451,2],[69574,2],[69693,2],[71690,2],[71814,2],[71945,2],[72069,2],[72198,2],[72331,2],[72451,2],[72573,2],[72703,2],[72828,2],[72951,2],[73070,2],[74828,2],[74952,2],[75083,2],[75207,2],[75336,2],[75469,2],[75589,2],[75711,2],[75834,2],[77803,2],[77927,2],[78058,2],[78182,2],[78311,2],[78444,2],[78564,2],[78686,2],[78809,2],[79374,2],[79454,2],[81100,2],[81224,2],[81355,2],[81479,2],[81608,2],[81741,2],[81861,2],[81983,2],[82106,2],[84191,2],[84315,2],[84446,2],[84570,2],[84699,2],[84832,2],[84952,2],[85074,2],[85204,2],[85329,2],[85452,2],[85571,2],[86957,2],[87081,2],[87212,2],[87336,2],[87465,2],[87598,2],[87718,2],[87840,2],[87970,2],[88095,2],[88218,2],[88337,2],[92186,2],[92317,2],[92441,2],[92570,2],[92703,2],[92823,2],[100416,2],[100547,2],[100671,2],[100800,2],[100933,2],[101053,2],[102607,2],[102738,2],[102862,2],[102991,2],[103124,2],[103244,2],[103532,5],[105045,2],[105176,2],[105300,2],[105429,2],[105562,2],[105682,2],[105983,5],[109036,2],[109160,2],[109291,2],[109415,2],[109544,2],[109677,2],[109797,2],[109919,2],[110049,2],[110174,2],[110297,2],[110416,2],[112916,2],[113040,2],[113172,2],[113296,2],[113425,2],[113558,2],[113678,2],[113800,2],[113923,2],[114022,2],[126428,2],[126552,2],[126683,2],[126807,2],[126936,2],[127069,2],[127189,2],[127311,2],[127441,2],[127566,2],[127689,2],[127808,2],[129132,2],[129237,2],[129337,2],[129440,2],[129541,2],[129655,2],[129767,2],[129872,2],[129973,2],[130053,2],[130187,2],[131795,2],[131922,2],[132044,2],[132169,2],[132292,2],[132428,2],[132562,2],[132689,2],[132812,2],[132914,2],[133078,2]]}}}],["id=\"app",{"_index":4013,"t":{"642":{"position":[[4431,9]]},"652":{"position":[[3887,9]]}}}],["id=\"app\">loading...</div",{"_index":4031,"t":{"644":{"position":[[4375,25]]}}}],["id=\"blazor",{"_index":3766,"t":{"624":{"position":[[4594,10]]},"626":{"position":[[4666,10]]},"634":{"position":[[7494,10]]},"636":{"position":[[8585,10]]},"642":{"position":[[4607,10]]},"644":{"position":[[4406,10]]},"652":{"position":[[4063,10]]}}}],["id=\"nam",{"_index":3301,"t":{"612":{"position":[[9061,9]]}}}],["idictionari",{"_index":1703,"t":{"574":{"position":[[2348,12]]},"576":{"position":[[3551,12]]},"578":{"position":[[4345,12]]}}}],["idictionary<str",{"_index":407,"t":{"56":{"position":[[409,19]]},"70":{"position":[[565,19]]}}}],["iemployeeservic",{"_index":4468,"t":{"660":{"position":[[30055,16]]}}}],["ienumerable<custom",{"_index":3208,"t":{"612":{"position":[[2483,21],[2925,21],[4354,21],[4796,21],[6910,21],[7421,21]]}}}],["ienumerable<employee1",{"_index":4349,"t":{"660":{"position":[[7911,22],[10256,22],[12632,22],[15404,22],[17823,22],[20575,22],[22977,22],[32054,22],[34419,22],[36784,22],[47425,22],[51921,22],[53120,22],[61346,22],[61924,22],[64741,22],[65145,22],[67823,23],[68228,22],[71064,22],[71605,22],[74220,22],[74743,22],[77195,22],[77718,22],[80546,22],[81015,22],[83691,22],[84106,22],[86457,22],[86872,22],[91686,22],[92101,22],[99916,22],[100331,22],[102107,22],[102522,22],[104545,22],[104960,22],[107427,22],[108951,22],[125928,22],[126343,22]]}}}],["ienumerable<employee2",{"_index":4492,"t":{"660":{"position":[[39189,22],[41447,22]]}}}],["ienumerable<employee3",{"_index":4428,"t":{"660":{"position":[[26043,22],[44072,22]]}}}],["ienumerable<employee4",{"_index":4654,"t":{"660":{"position":[[112301,22],[112831,22]]}}}],["ienumerable<filteritem",{"_index":4290,"t":{"660":{"position":[[3766,23],[6967,23]]}}}],["ienumerable<navitem",{"_index":2433,"t":{"592":{"position":[[1782,21],[2060,20],[3881,21],[4159,20],[6772,21],[7050,20],[9766,21],[10044,20],[12764,21],[13042,20]]},"624":{"position":[[8068,20],[8329,20]]},"626":{"position":[[7544,20],[7805,20]]},"634":{"position":[[6846,20],[7096,20]]},"636":{"position":[[7937,20],[8187,20]]},"640":{"position":[[1042,20],[1303,20]]},"642":{"position":[[7128,20],[7389,20]]},"644":{"position":[[6967,20],[7228,20]]},"646":{"position":[[1047,20],[1308,20]]},"652":{"position":[[6871,20],[7121,20]]},"656":{"position":[[1737,20],[1987,20],[2838,20],[3088,20],[4670,20],[4920,20],[6929,20],[7179,20],[9282,20],[9532,20],[11755,20],[12005,20],[14185,20],[14435,20],[16576,20],[16826,20],[19059,20],[19309,20],[22362,20],[22612,20]]}}}],["ienumerable<tickmark",{"_index":3475,"t":{"616":{"position":[[474,21],[5834,21]]}}}],["ienumerable<titem",{"_index":4258,"t":{"660":{"position":[[849,18]]}}}],["ienumerable<us",{"_index":4721,"t":{"660":{"position":[[128575,17],[129066,17],[131216,17],[131707,17]]}}}],["ignor",{"_index":1779,"t":{"576":{"position":[[1933,8]]},"578":{"position":[[2237,8],[7815,6]]},"582":{"position":[[610,7],[808,7],[1005,7],[1222,7]]},"602":{"position":[[4885,9],[5001,7]]},"614":{"position":[[762,7],[868,7]]},"618":{"position":[[777,7],[853,7]]},"622":{"position":[[949,7],[1110,7]]},"628":{"position":[[766,7],[842,7]]},"660":{"position":[[6238,7]]}}}],["ijsruntim",{"_index":4513,"t":{"660":{"position":[[51971,10]]}}}],["imag",{"_index":623,"t":{"100":{"position":[[497,6]]},"570":{"position":[[3186,7],[3873,7],[5230,5],[13637,6]]},"576":{"position":[[20412,7]]},"586":{"position":[[1864,5],[1929,6],[1978,5]]},"592":{"position":[[12243,5],[15413,5]]},"656":{"position":[[15984,5],[21228,5],[21266,5],[24293,5]]}}}],["imagesrc",{"_index":2421,"t":{"592":{"position":[[600,8],[12272,8]]},"656":{"position":[[611,8],[16013,8]]}}}],["imagesrc=\"https://demos.blazorbootstrap.com/images/logo/logo",{"_index":2487,"t":{"592":{"position":[[12355,60]]},"656":{"position":[[16095,60]]}}}],["img",{"_index":1556,"t":{"570":{"position":[[3922,4],[4690,4],[5345,4],[10881,4],[11257,4],[11584,4],[12154,4],[12551,4],[12899,4]]}}}],["imgheight",{"_index":2235,"t":{"586":{"position":[[1826,9]]}}}],["imgsrc",{"_index":2237,"t":{"586":{"position":[[1887,6]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/archive.png",{"_index":2324,"t":{"586":{"position":[[7415,61]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/bin.png",{"_index":2323,"t":{"586":{"position":[[7294,57]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/calendar.png",{"_index":2322,"t":{"586":{"position":[[7098,62]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/cancelled.png",{"_index":2330,"t":{"586":{"position":[[8243,63]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/fold",{"_index":2326,"t":{"586":{"position":[[7878,55],[8521,55],[8669,55],[8892,55],[9041,55],[9167,55],[9295,55]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/load",{"_index":2328,"t":{"586":{"position":[[8097,56]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/new",{"_index":2320,"t":{"586":{"position":[[6956,52]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/refresh.png",{"_index":2325,"t":{"586":{"position":[[7722,61]]}}}],["imgwidth",{"_index":2239,"t":{"586":{"position":[[1942,8]]}}}],["immedi",{"_index":980,"t":{"556":{"position":[[649,11]]},"560":{"position":[[747,9]]},"562":{"position":[[1578,11],[1661,11]]},"572":{"position":[[770,11],[995,11]]},"576":{"position":[[2004,11],[2219,11]]},"578":{"position":[[2308,11],[2523,11]]},"582":{"position":[[1469,11]]},"612":{"position":[[1474,11]]},"624":{"position":[[1371,11]]},"626":{"position":[[1556,11]]},"632":{"position":[[1029,11]]},"634":{"position":[[1056,11]]},"636":{"position":[[1011,11]]},"638":{"position":[[1029,11]]},"642":{"position":[[1385,11]]},"644":{"position":[[1385,11]]},"652":{"position":[[1039,11]]},"654":{"position":[[3237,11],[3457,11]]},"658":{"position":[[597,11],[681,11]]}}}],["imperdiet",{"_index":1935,"t":{"576":{"position":[[9287,9],[9742,9],[10760,9],[13528,9],[13983,9],[15001,9],[17669,9],[18124,9],[19142,9]]}}}],["implement",{"_index":2832,"t":{"602":{"position":[[1755,10],[5504,10]]},"604":{"position":[[1608,10],[3539,10]]},"606":{"position":[[1714,10],[3171,10]]},"608":{"position":[[1549,10],[2894,10]]}}}],["import",{"_index":125,"t":{"2":{"position":[[2613,9]]},"124":{"position":[[1101,9]]},"556":{"position":[[1863,9]]},"598":{"position":[[245,7]]},"624":{"position":[[3393,7]]},"626":{"position":[[1264,9],[3580,7]]},"632":{"position":[[3055,7]]},"642":{"position":[[3427,7]]},"644":{"position":[[3427,7]]},"660":{"position":[[2998,9],[50420,9]]}}}],["improv",{"_index":24,"t":{"2":{"position":[[208,15],[792,15],[1069,15],[1396,15]]},"6":{"position":[[127,8]]},"12":{"position":[[167,12],[213,12]]},"20":{"position":[[180,12]]},"40":{"position":[[265,12]]},"102":{"position":[[130,12],[193,12]]},"104":{"position":[[543,12]]},"114":{"position":[[167,12]]},"116":{"position":[[158,15],[233,12]]},"118":{"position":[[145,15]]},"120":{"position":[[161,15]]},"126":{"position":[[844,12]]},"128":{"position":[[208,15]]},"134":{"position":[[1785,12],[1981,8]]},"148":{"position":[[254,15]]},"150":{"position":[[191,15]]},"158":{"position":[[252,15],[836,15],[1113,15],[1440,15]]},"212":{"position":[[606,12]]},"230":{"position":[[261,15],[845,15],[1122,15],[1449,15]]},"234":{"position":[[615,12]]},"240":{"position":[[1641,12],[1837,8]]},"270":{"position":[[178,12]]},"306":{"position":[[255,15],[839,15],[1116,15],[1443,15]]},"308":{"position":[[209,15],[486,15],[813,15],[2930,12]]},"316":{"position":[[609,12]]},"328":{"position":[[252,15],[542,15],[869,15]]},"330":{"position":[[251,15],[554,15]]},"338":{"position":[[205,15]]},"346":{"position":[[489,15]]},"350":{"position":[[195,15]]},"358":{"position":[[253,15]]},"364":{"position":[[250,15],[818,15],[2058,12]]},"384":{"position":[[251,15]]},"390":{"position":[[193,15]]},"394":{"position":[[207,15],[484,15]]},"404":{"position":[[192,15]]},"406":{"position":[[251,15],[557,15]]},"410":{"position":[[252,15]]},"412":{"position":[[253,15],[543,15]]},"414":{"position":[[211,15]]},"418":{"position":[[202,15]]},"420":{"position":[[249,15]]},"422":{"position":[[203,15]]},"436":{"position":[[189,15]]},"440":{"position":[[211,12]]},"442":{"position":[[171,8]]},"482":{"position":[[175,12]]},"546":{"position":[[189,15]]},"548":{"position":[[202,15]]},"552":{"position":[[205,15]]},"554":{"position":[[252,15]]}}}],["in</b></label",{"_index":3653,"t":{"622":{"position":[[2268,14],[14414,14]]}}}],["inact",{"_index":1429,"t":{"568":{"position":[[3847,8]]},"660":{"position":[[60303,8],[63658,8]]}}}],["inadvert",{"_index":106,"t":{"2":{"position":[[2229,13]]},"124":{"position":[[717,13]]}}}],["inbox",{"_index":1196,"t":{"560":{"position":[[4190,5],[4490,5],[4792,5],[5119,5],[5422,5],[5727,5],[6057,5],[6360,5],[6665,5],[7084,5]]}}}],["includ",{"_index":17,"t":{"2":{"position":[[139,8],[475,8]]},"40":{"position":[[203,8]]},"122":{"position":[[122,8]]},"128":{"position":[[139,8]]},"148":{"position":[[185,8]]},"158":{"position":[[183,8],[519,8]]},"230":{"position":[[192,8],[528,8]]},"306":{"position":[[186,8],[522,8]]},"328":{"position":[[183,8]]},"330":{"position":[[182,8]]},"346":{"position":[[172,8]]},"358":{"position":[[184,8]]},"364":{"position":[[181,8],[517,8]]},"384":{"position":[[182,8]]},"406":{"position":[[182,8]]},"410":{"position":[[183,8]]},"412":{"position":[[184,8]]},"420":{"position":[[180,8]]},"550":{"position":[[166,8]]},"554":{"position":[[183,8]]},"560":{"position":[[2302,8]]},"566":{"position":[[3212,8],[3700,8],[4189,8],[4675,8],[5160,8],[5670,8],[6177,8],[6685,8],[7190,8],[7694,8]]},"568":{"position":[[1788,8]]},"570":{"position":[[221,8],[3176,9]]},"576":{"position":[[2647,8]]},"590":{"position":[[5860,7]]},"596":{"position":[[234,7]]},"598":{"position":[[185,7]]},"618":{"position":[[4457,9]]},"622":{"position":[[154,9]]},"624":{"position":[[2958,8]]},"626":{"position":[[3143,8]]},"632":{"position":[[2621,8]]},"634":{"position":[[2651,8]]},"636":{"position":[[2606,8]]},"638":{"position":[[2621,8]]},"642":{"position":[[2699,7],[2993,8]]},"644":{"position":[[2699,7],[2993,8]]},"652":{"position":[[2353,7],[2647,8]]},"660":{"position":[[50370,8],[50535,8],[66858,9]]}}}],["include=\"develop",{"_index":3771,"t":{"624":{"position":[[4765,22]]},"626":{"position":[[4837,22]]}}}],["include=\"staging,product",{"_index":3768,"t":{"624":{"position":[[4629,29]]},"626":{"position":[[4701,29]]}}}],["incorrect",{"_index":2350,"t":{"588":{"position":[[1099,9]]}}}],["increas",{"_index":290,"t":{"32":{"position":[[336,8]]},"590":{"position":[[1000,8],[2301,8]]},"660":{"position":[[24415,8],[24500,8],[133639,8]]}}}],["increaseprogressbar",{"_index":2392,"t":{"590":{"position":[[2887,21]]}}}],["increasewidth",{"_index":2368,"t":{"590":{"position":[[986,13],[2249,15]]}}}],["independ",{"_index":1746,"t":{"574":{"position":[[5887,11]]},"578":{"position":[[8705,11]]},"602":{"position":[[277,11]]}}}],["index",{"_index":1217,"t":{"562":{"position":[[620,6],[654,6],[1002,6],[1036,6]]},"568":{"position":[[1096,6]]},"570":{"position":[[1779,6]]},"576":{"position":[[1127,6]]},"578":{"position":[[1623,6]]},"586":{"position":[[2409,6],[2744,5]]},"596":{"position":[[4600,5],[4678,5],[4769,5],[4931,5],[5009,5],[5100,5],[7399,5],[7621,5],[7868,5],[9826,5],[9930,5],[10084,5],[10189,5]]},"600":{"position":[[623,6],[958,5]]},"602":{"position":[[9930,5],[9941,5],[9967,8],[10701,5],[10712,5],[10733,8],[10895,5],[10906,5],[10930,8]]},"604":{"position":[[8080,5],[8091,5],[8117,8],[8656,5],[8667,5],[8688,8],[8850,5],[8861,5],[8885,8]]},"606":{"position":[[6998,5],[7009,5],[7035,8],[7399,5],[7410,5],[7435,8],[7587,5],[7598,5],[7623,8],[7797,5],[7808,5],[7832,8],[14003,5],[14014,5],[14040,8],[14101,6],[14157,6],[14598,5],[14609,5],[14634,8],[14786,5],[14797,5],[14822,8],[14996,5],[15007,5],[15031,8]]},"608":{"position":[[6567,5],[6578,5],[6604,8],[6953,5],[6964,5],[6989,8],[7141,5],[7152,5],[7177,8],[7351,5],[7362,5],[7386,8],[10246,5],[10257,5],[10283,8],[10339,6],[10395,6],[10824,5],[10835,5],[10860,8],[11012,5],[11023,5],[11048,8],[11222,5],[11233,5],[11257,8],[13736,5],[13747,5],[13773,8],[14122,5],[14133,5],[14158,8],[14310,5],[14321,5],[14346,8],[14520,5],[14531,5],[14555,8]]},"654":{"position":[[1269,6],[2509,6]]}}}],["index.html",{"_index":4008,"t":{"642":{"position":[[3589,11],[8004,10]]},"644":{"position":[[3589,11],[7843,10]]},"652":{"position":[[3062,11],[7700,10]]}}}],["index.html/_host.cshtml",{"_index":2532,"t":{"596":{"position":[[282,23]]}}}],["indexaxi",{"_index":2896,"t":{"602":{"position":[[5591,9]]},"604":{"position":[[3626,9]]}}}],["indic",{"_index":474,"t":{"72":{"position":[[264,9]]},"96":{"position":[[256,8]]},"558":{"position":[[91,9]]},"560":{"position":[[437,10],[2084,11],[6907,10],[6964,9],[7441,9]]},"566":{"position":[[495,10],[2994,11],[3482,11],[3971,11],[4457,11],[4942,11],[5452,11],[5959,11],[6467,11],[6972,11],[7476,11]]},"568":{"position":[[6830,8]]},"576":{"position":[[769,9]]},"578":{"position":[[479,9],[1143,9],[1726,9]]},"580":{"position":[[131,8]]},"582":{"position":[[98,8]]},"584":{"position":[[47,8]]},"594":{"position":[[776,10],[2070,9],[2106,10]]},"596":{"position":[[508,10],[1376,10]]},"610":{"position":[[414,10]]},"654":{"position":[[1556,9]]},"660":{"position":[[2485,10],[4796,9]]}}}],["indicatortyp",{"_index":1109,"t":{"560":{"position":[[357,13],[2443,13]]}}}],["indicatortype=\"badgeindicatortype.roundedpil",{"_index":1199,"t":{"560":{"position":[[4293,46],[4595,46],[4896,46],[5225,46],[5530,46],[5834,46],[6163,46],[6468,46],[6772,46],[7188,46]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">danger</badg",{"_index":1177,"t":{"560":{"position":[[2852,61]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">dark</badg",{"_index":1181,"t":{"560":{"position":[[3226,59]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">info</badg",{"_index":1179,"t":{"560":{"position":[[3042,59]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">light</badg",{"_index":1180,"t":{"560":{"position":[[3134,60]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">primary</badg",{"_index":1174,"t":{"560":{"position":[[2558,62]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">secondary</badg",{"_index":1175,"t":{"560":{"position":[[2657,64]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">success</badg",{"_index":1176,"t":{"560":{"position":[[2756,62]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">warning</badg",{"_index":1178,"t":{"560":{"position":[[2948,62]]}}}],["individu",{"_index":188,"t":{"8":{"position":[[132,10]]},"42":{"position":[[482,10]]},"72":{"position":[[471,10]]},"138":{"position":[[132,10]]},"240":{"position":[[2032,10]]},"438":{"position":[[176,10]]},"562":{"position":[[11524,10],[11574,10],[23659,10]]},"590":{"position":[[3771,10]]},"596":{"position":[[1514,10]]},"600":{"position":[[9283,10],[9317,10],[16367,10]]},"606":{"position":[[297,10]]},"630":{"position":[[6170,10],[6244,10],[7973,10],[12332,10]]},"660":{"position":[[54894,10],[57230,10]]}}}],["info",{"_index":1000,"t":{"556":{"position":[[1410,4]]},"564":{"position":[[439,4]]},"566":{"position":[[1263,4],[2450,4]]},"568":{"position":[[2231,4],[3062,4],[3176,4],[4038,4]]},"572":{"position":[[1404,4]]},"574":{"position":[[8263,4]]},"576":{"position":[[3250,4]]},"602":{"position":[[1733,4],[5482,4]]},"604":{"position":[[1587,4],[3518,4]]},"606":{"position":[[1688,4],[3145,4]]},"608":{"position":[[1528,4],[2873,4]]},"612":{"position":[[3847,4]]},"648":{"position":[[1620,4],[2803,4]]},"660":{"position":[[11694,4],[11999,4],[22170,4],[31082,4],[33595,4],[97086,4],[97142,4]]}}}],["info\">info</badg",{"_index":1150,"t":{"560":{"position":[[1778,18]]}}}],["inform",{"_index":1162,"t":{"560":{"position":[[2196,11]]},"566":{"position":[[3106,11],[3594,11],[4083,11],[4569,11],[5054,11],[5564,11],[6071,11],[6579,11],[7084,11],[7588,11]]},"610":{"position":[[607,11]]},"656":{"position":[[181,12],[11169,12]]}}}],["inherit",{"_index":2496,"t":{"594":{"position":[[856,8]]},"624":{"position":[[7479,9]]},"626":{"position":[[6955,9]]},"630":{"position":[[11522,9]]},"634":{"position":[[6419,9]]},"636":{"position":[[7510,9]]},"640":{"position":[[577,9]]},"642":{"position":[[6539,9]]},"644":{"position":[[6378,9]]},"646":{"position":[[582,9]]},"648":{"position":[[5023,9]]},"652":{"position":[[6444,9]]}}}],["initi",{"_index":189,"t":{"8":{"position":[[155,7]]},"600":{"position":[[499,11],[3106,10]]},"602":{"position":[[1263,10]]},"604":{"position":[[1118,10]]},"606":{"position":[[1214,10]]},"608":{"position":[[1059,10]]},"612":{"position":[[1743,8]]},"624":{"position":[[3824,7]]},"626":{"position":[[4003,7]]},"634":{"position":[[3214,7]]},"636":{"position":[[3479,7]]},"640":{"position":[[261,7],[345,7],[424,7]]},"642":{"position":[[3717,7]]},"644":{"position":[[3717,7]]},"646":{"position":[[266,7],[350,7],[429,7]]},"652":{"position":[[3190,7]]}}}],["initializeasync(chartdata",{"_index":2825,"t":{"602":{"position":[[1167,25]]},"604":{"position":[[1022,25]]},"606":{"position":[[1118,25]]},"608":{"position":[[963,25]]}}}],["initializerecenttab(bool",{"_index":2711,"t":{"600":{"position":[[465,24]]}}}],["inject",{"_index":1328,"t":{"562":{"position":[[22472,8]]},"574":{"position":[[2676,8]]},"584":{"position":[[242,6],[1148,6],[1288,8],[1769,8],[3433,8]]},"612":{"position":[[5934,8],[9452,8],[11180,8],[12674,8]]},"614":{"position":[[11615,8]]},"628":{"position":[[7492,8],[10848,8]]},"630":{"position":[[11754,6],[11832,8]]},"648":{"position":[[1853,8],[3036,8],[3812,8],[4228,8],[4661,8],[5133,6],[5274,8]]},"660":{"position":[[30039,8],[51955,8],[102038,8],[104476,8],[115852,8],[118476,8],[121137,8],[123913,8]]}}}],["inlin",{"_index":975,"t":{"556":{"position":[[458,6],[2940,7],[2983,7]]},"578":{"position":[[9013,6],[10770,6]]},"580":{"position":[[1186,6]]},"598":{"position":[[2829,6],[2852,6],[2899,6],[4453,6]]},"610":{"position":[[1139,6]]}}}],["input",{"_index":138,"t":{"2":{"position":[[2896,6]]},"42":{"position":[[798,5],[811,5],[838,5],[844,5],[850,5]]},"48":{"position":[[583,5]]},"76":{"position":[[121,5],[163,5],[310,5]]},"80":{"position":[[538,5],[681,5],[826,5],[1108,5],[1527,5],[1559,5],[1593,5],[1653,5]]},"82":{"position":[[451,5],[483,5],[517,5],[577,5]]},"84":{"position":[[522,5],[650,5]]},"110":{"position":[[150,6],[473,5]]},"132":{"position":[[2635,5]]},"136":{"position":[[526,5],[1610,5]]},"140":{"position":[[579,5],[592,5],[619,5],[625,5],[631,5]]},"142":{"position":[[321,5],[1448,5]]},"146":{"position":[[199,6]]},"152":{"position":[[192,6]]},"158":{"position":[[1706,6]]},"160":{"position":[[625,5],[1626,5],[1639,5],[1666,5],[1672,5],[1678,5]]},"164":{"position":[[38,6],[372,5]]},"180":{"position":[[29,6],[316,5],[329,5],[356,5],[362,5],[368,5]]},"182":{"position":[[29,5],[323,5],[336,5],[363,5],[369,5],[375,5]]},"188":{"position":[[364,5]]},"190":{"position":[[36,6],[323,5],[336,5],[363,5],[369,5],[375,5]]},"208":{"position":[[315,5],[328,5],[355,5],[361,5],[367,5]]},"214":{"position":[[312,5],[1396,5]]},"218":{"position":[[310,5],[323,5],[350,5],[356,5],[362,5]]},"220":{"position":[[2431,5]]},"230":{"position":[[1715,6]]},"232":{"position":[[321,5],[1405,5]]},"236":{"position":[[2440,5]]},"238":{"position":[[319,5],[332,5],[359,5],[365,5],[371,5]]},"246":{"position":[[317,5]]},"256":{"position":[[609,5],[1049,5]]},"264":{"position":[[320,5]]},"270":{"position":[[1620,5]]},"280":{"position":[[363,5]]},"306":{"position":[[1709,6]]},"308":{"position":[[1079,6]]},"312":{"position":[[2488,5]]},"318":{"position":[[846,5]]},"326":{"position":[[315,5],[1399,5]]},"330":{"position":[[938,5]]},"344":{"position":[[167,5]]},"348":{"position":[[310,5]]},"350":{"position":[[917,5]]},"354":{"position":[[314,5]]},"360":{"position":[[191,6]]},"364":{"position":[[1137,6]]},"368":{"position":[[20,7],[310,5],[608,5],[621,5],[648,5],[654,5],[660,5]]},"370":{"position":[[568,5]]},"374":{"position":[[21,6],[316,5],[329,5],[356,5],[362,5],[368,5]]},"394":{"position":[[803,6]]},"404":{"position":[[511,6]]},"408":{"position":[[200,6]]},"418":{"position":[[484,6]]},"478":{"position":[[310,5],[323,5],[350,5],[356,5],[362,5]]},"492":{"position":[[195,6]]},"496":{"position":[[357,5]]},"526":{"position":[[165,5]]},"528":{"position":[[312,5]]},"562":{"position":[[23461,5]]},"592":{"position":[[3305,7],[3366,7],[3430,7],[3486,7],[5881,7],[5942,7],[6006,7],[6062,7],[8896,7],[8957,7],[9021,7],[9077,7],[11890,7],[11951,7],[12015,7],[12071,7],[14888,7],[14949,7],[15013,7],[15069,7]]},"612":{"position":[[13459,5]]},"614":{"position":[[11,5],[42,5],[114,5],[153,5],[224,5],[597,5],[653,5],[712,6],[1178,6],[1211,6],[1369,5],[3162,5],[3364,5],[3452,5],[6899,5],[7011,5],[12916,5],[12934,5]]},"616":{"position":[[12,5],[44,5],[109,5],[312,6],[381,6],[450,6],[586,6],[665,6],[702,6],[3392,5],[3747,5],[3839,5],[6141,5]]},"618":{"position":[[13,5],[46,5],[112,5],[158,5],[558,5],[614,5],[673,6],[1173,6],[1204,6],[3631,5],[3835,5],[3923,5],[7700,5],[7825,5],[11676,5],[11693,5]]},"620":{"position":[[777,6],[847,6],[1181,6],[1865,6],[2343,6],[2531,6],[2925,5],[2941,5]]},"622":{"position":[[15,5],[50,5],[638,5],[694,5],[753,6],[1687,6],[1720,6],[7536,5],[7742,5],[7830,5],[10931,5],[11061,5],[17533,5]]},"628":{"position":[[11,5],[42,5],[118,5],[157,5],[228,5],[601,5],[657,5],[716,6],[1122,6],[1155,6],[1313,5],[2334,5],[2536,5],[2624,5],[5016,5],[5128,5]]},"656":{"position":[[4135,7],[4196,7],[4260,7],[4316,7],[6059,7],[6120,7],[6184,7],[6240,7],[8318,7],[8379,7],[8443,7],[8499,7],[10671,7],[10732,7],[10796,7],[10852,7],[13144,7],[13205,7],[13269,7],[13325,7],[15574,7],[15635,7],[15699,7],[15755,7],[17965,7],[18026,7],[18090,7],[18146,7],[20448,7],[20509,7],[20573,7],[20629,7],[23701,7],[23762,7],[23826,7],[23882,7]]}}}],["input'",{"_index":512,"t":{"78":{"position":[[279,7]]}}}],["input1",{"_index":777,"t":{"142":{"position":[[178,6],[307,6],[383,6]]}}}],["input2",{"_index":853,"t":{"142":{"position":[[1441,6]]}}}],["inputtext",{"_index":3300,"t":{"612":{"position":[[9050,10]]},"614":{"position":[[7854,10],[10166,10]]},"628":{"position":[[5688,10]]}}}],["insensit",{"_index":3273,"t":{"612":{"position":[[3944,11]]},"660":{"position":[[11791,11]]}}}],["insert",{"_index":3712,"t":{"624":{"position":[[1285,6]]},"626":{"position":[[1468,6]]},"632":{"position":[[943,6]]},"634":{"position":[[968,6]]},"636":{"position":[[923,6]]},"638":{"position":[[943,6]]},"642":{"position":[[1299,6]]},"644":{"position":[[1299,6]]},"652":{"position":[[953,6]]}}}],["insid",{"_index":2243,"t":{"586":{"position":[[2283,6]]},"602":{"position":[[2263,6]]},"604":{"position":[[2379,6]]},"606":{"position":[[2127,6]]},"608":{"position":[[1962,6]]},"654":{"position":[[21982,6]]}}}],["inside</dropdowntogglebutton",{"_index":4171,"t":{"654":{"position":[[23056,29]]}}}],["instal",{"_index":525,"t":{"80":{"position":[[1273,7],[1307,7]]},"598":{"position":[[128,7]]},"624":{"position":[[216,7],[323,7],[8813,7]]},"626":{"position":[[216,7],[323,7],[8276,7]]},"632":{"position":[[234,7],[341,7],[3243,7]]},"634":{"position":[[274,7],[381,7],[7704,7]]},"636":{"position":[[286,7],[336,7],[2929,7],[2979,7],[8816,7],[8938,7]]},"638":{"position":[[234,7],[341,7],[3064,7]]},"642":{"position":[[226,7],[333,7],[7868,7]]},"644":{"position":[[226,7],[333,7],[7707,7]]},"652":{"position":[[226,7],[333,7],[7564,7]]}}}],["instanc",{"_index":981,"t":{"556":{"position":[[676,8]]},"562":{"position":[[816,10],[1196,9]]},"572":{"position":[[796,8]]},"576":{"position":[[2030,8]]},"578":{"position":[[2334,8]]},"654":{"position":[[3483,8]]},"660":{"position":[[1031,8],[2820,8]]}}}],["instead",{"_index":757,"t":{"128":{"position":[[1093,7]]},"568":{"position":[[5622,7]]},"578":{"position":[[3231,8],[8962,7],[10719,7]]},"586":{"position":[[6742,7]]},"610":{"position":[[464,7]]},"622":{"position":[[5438,7],[5550,7],[17729,7]]},"626":{"position":[[1407,7]]},"630":{"position":[[553,7]]}}}],["int",{"_index":1396,"t":{"568":{"position":[[1058,4]]},"570":{"position":[[1738,4]]},"574":{"position":[[3742,3]]},"576":{"position":[[1099,3],[4574,3],[6676,3]]},"578":{"position":[[1595,3],[5327,3],[7361,3]]},"582":{"position":[[247,3],[389,3],[1363,3],[3190,3]]},"592":{"position":[[1269,3],[1460,3]]},"596":{"position":[[10740,3]]},"600":{"position":[[15570,3]]},"602":{"position":[[454,4],[596,4],[1313,3],[7676,3],[7707,3]]},"604":{"position":[[309,4],[451,4],[1168,3],[2043,3],[5624,3],[5655,3]]},"606":{"position":[[405,4],[547,4],[1264,3],[4727,3],[4758,3],[11815,3],[11846,3]]},"608":{"position":[[250,4],[392,4],[1109,3],[4415,3],[4446,3],[8209,3],[8240,3],[12417,3],[12448,3]]},"616":{"position":[[1096,3],[1942,3],[1960,4],[2492,4],[3199,4],[3517,5],[4121,3],[5175,3],[5193,4]]},"618":{"position":[[1639,3],[1786,4],[1791,5],[1903,3],[2079,4],[3334,3],[3354,4],[5101,4],[5813,3],[6330,3],[6825,4],[7540,4]]},"622":{"position":[[2120,3],[4259,3],[4291,3],[4323,3],[4355,3],[4387,3],[4419,3],[4451,3],[4483,3],[4515,3],[5907,3],[6066,4],[6071,5],[6183,3],[6313,4],[7239,3],[7259,4],[8998,3],[9543,3],[10042,4],[10767,4]]},"630":{"position":[[721,3],[1043,3]]},"654":{"position":[[1215,4],[1539,4],[2464,4]]},"656":{"position":[[1436,3]]},"660":{"position":[[2098,3],[2161,5],[2171,5],[4656,3],[6899,3],[6931,3],[83665,3],[85986,5],[106564,5],[125161,5],[130182,4],[133073,4]]}}}],["integ",{"_index":1942,"t":{"576":{"position":[[9625,7],[13866,7],[18007,7]]},"622":{"position":[[1284,7],[1340,7],[4918,7],[4997,8],[17681,7]]}}}],["integr",{"_index":3532,"t":{"618":{"position":[[1388,8]]},"622":{"position":[[1906,8]]}}}],["integrity=\"sha384",{"_index":3702,"t":{"624":{"position":[[618,17],[1523,17],[3967,17],[5088,17]]},"626":{"position":[[620,17],[1708,17],[4146,17],[5160,17]]},"632":{"position":[[617,17],[1182,17]]},"634":{"position":[[642,17],[1205,17],[3356,17],[4081,17]]},"636":{"position":[[597,17],[1160,17],[3621,17],[4330,17]]},"638":{"position":[[617,17],[1182,17]]},"642":{"position":[[627,17],[1542,17],[3937,17],[4880,17]]},"644":{"position":[[627,17],[1542,17],[3937,17],[4679,17]]},"652":{"position":[[627,17],[1196,17],[3383,17],[4336,17]]}}}],["integrity=\"sha512",{"_index":3718,"t":{"624":{"position":[[1804,17],[2222,17],[5369,17],[5787,17]]},"626":{"position":[[1989,17],[2407,17],[5359,17]]},"632":{"position":[[1463,17],[1881,17]]},"634":{"position":[[1486,17],[1904,17],[4362,17],[4780,17]]},"636":{"position":[[1441,17],[1859,17],[4611,17],[5029,17]]},"638":{"position":[[1463,17],[1881,17]]},"642":{"position":[[1823,17],[2241,17],[5079,17]]},"644":{"position":[[1823,17],[2241,17],[4878,17]]},"652":{"position":[[1477,17],[1895,17],[4617,17],[5035,17]]}}}],["intent",{"_index":4069,"t":{"654":{"position":[[193,11]]}}}],["interact",{"_index":2897,"t":{"602":{"position":[[5699,11],[5711,11],[5740,12],[7945,11],[7963,11],[13476,11],[16536,11]]},"604":{"position":[[3734,11],[3746,11],[3775,12],[6058,11],[6076,11],[9950,11],[11883,11],[14145,11],[16209,11]]},"606":{"position":[[10683,11]]},"634":{"position":[[102,11],[3025,11]]},"636":{"position":[[100,11],[3262,11],[3293,11]]}}}],["interactionmode.i",{"_index":3062,"t":{"604":{"position":[[9971,17],[11904,17],[14166,17],[16230,17]]}}}],["interactionmode.index",{"_index":2922,"t":{"602":{"position":[[7984,21],[13497,21],[16557,21]]},"604":{"position":[[6097,21]]},"606":{"position":[[10704,21]]}}}],["interdum",{"_index":1847,"t":{"576":{"position":[[7810,9],[7967,8],[8767,8],[8941,8],[10598,8],[12051,9],[12208,8],[13008,8],[13182,8],[14839,8],[16192,9],[16349,8],[17149,8],[17323,8],[18980,8]]}}}],["interfac",{"_index":3333,"t":{"614":{"position":[[295,10]]},"628":{"position":[[299,10]]}}}],["interfer",{"_index":495,"t":{"74":{"position":[[396,9]]}}}],["interpol",{"_index":2890,"t":{"602":{"position":[[5027,13]]}}}],["interv",{"_index":3507,"t":{"616":{"position":[[4300,8]]},"618":{"position":[[4383,8]]}}}],["invalid",{"_index":3286,"t":{"612":{"position":[[8285,8]]},"614":{"position":[[7222,8],[9819,8]]},"618":{"position":[[8042,8]]},"622":{"position":[[11278,8]]},"628":{"position":[[5339,8],[9359,8]]},"654":{"position":[[18947,8]]}}}],["invalidoperationexcept",{"_index":501,"t":{"76":{"position":[[193,25]]}}}],["invoc",{"_index":1623,"t":{"572":{"position":[[488,11]]}}}],["invoic",{"_index":3419,"t":{"614":{"position":[[8342,7],[8350,7],[8691,7],[8763,7],[8798,8]]},"618":{"position":[[9611,7],[9619,7],[10453,7],[10525,7]]},"622":{"position":[[12976,7],[12984,7],[13818,7],[13890,7]]},"654":{"position":[[20521,7],[20529,7],[21374,7],[21446,7]]}}}],["invoice.customernam",{"_index":3416,"t":{"614":{"position":[[7990,22],[8636,25]]}}}],["invoice.discount",{"_index":3582,"t":{"618":{"position":[[8809,17],[8940,18],[9997,16],[10356,21]]},"622":{"position":[[12131,17],[12262,18],[13362,16],[13721,21]]},"654":{"position":[[19757,17],[19888,18],[20918,16],[21277,21]]}}}],["invoice.discount.hasvalu",{"_index":3595,"t":{"618":{"position":[[10152,25]]},"622":{"position":[[13517,25]]},"654":{"position":[[21073,25]]}}}],["invoice.discount.valu",{"_index":3596,"t":{"618":{"position":[[10180,22]]},"622":{"position":[[13545,22]]},"654":{"position":[[21101,22]]}}}],["invoice.invoiced",{"_index":3413,"t":{"614":{"position":[[7660,21],[8576,24]]}}}],["invoice.pric",{"_index":3578,"t":{"618":{"position":[[8455,14],[8577,15],[9907,13],[10307,18]]},"622":{"position":[[11734,14],[11856,15],[13272,13],[13672,18]]},"654":{"position":[[19462,14],[19584,15],[20828,13],[21228,18]]}}}],["invoice.price.hasvalu",{"_index":3593,"t":{"618":{"position":[[10087,22]]},"622":{"position":[[13452,22]]},"654":{"position":[[21008,22]]}}}],["invoice.price.valu",{"_index":3594,"t":{"618":{"position":[[10112,19]]},"622":{"position":[[13477,19]]},"654":{"position":[[21033,19]]}}}],["invoice.tot",{"_index":3587,"t":{"618":{"position":[[9266,15],[10208,13],[10405,18]]},"622":{"position":[[12631,15],[13573,13],[13770,18]]},"654":{"position":[[20155,15],[21129,13],[21326,18]]}}}],["invoiced",{"_index":3424,"t":{"614":{"position":[[8842,11]]}}}],["invok",{"_index":631,"t":{"100":{"position":[[1082,8]]}}}],["ipsum",{"_index":1825,"t":{"576":{"position":[[7604,5],[7796,5],[8857,5],[9604,5],[10245,5],[10695,5],[11845,5],[12037,5],[13098,5],[13845,5],[14486,5],[14936,5],[15986,5],[16178,5],[17239,5],[17986,5],[18627,5],[19077,5]]}}}],["isact",{"_index":754,"t":{"128":{"position":[[888,8],[1415,8],[1457,8]]},"660":{"position":[[8126,8],[8257,8],[8381,8],[8509,8],[8643,8],[8763,8],[8885,8],[9008,8],[9127,8],[10471,8],[10602,8],[10726,8],[10854,8],[10988,8],[11108,8],[11230,8],[11353,8],[11472,8],[12847,8],[12978,8],[13102,8],[13230,8],[13364,8],[13484,8],[13606,8],[13736,8],[13861,8],[13984,8],[14103,8],[14229,8],[15619,8],[15750,8],[15874,8],[16002,8],[16136,8],[16256,8],[16378,8],[16501,8],[16620,8],[18038,8],[18169,8],[18293,8],[18421,8],[18555,8],[18675,8],[18797,8],[18927,8],[19052,8],[19175,8],[19294,8],[19420,8],[20790,8],[20921,8],[21045,8],[21173,8],[21307,8],[21427,8],[21549,8],[21672,8],[21791,8],[23192,8],[23323,8],[23447,8],[23575,8],[23709,8],[23829,8],[23951,8],[24074,8],[24193,8],[26372,8],[26614,8],[26851,8],[27090,8],[27343,8],[27573,8],[27812,8],[28052,8],[28286,8],[32269,8],[32400,8],[32524,8],[32652,8],[32786,8],[32906,8],[33028,8],[33151,8],[33270,8],[34634,8],[34765,8],[34889,8],[35017,8],[35151,8],[35271,8],[35393,8],[35516,8],[35635,8],[36999,8],[37130,8],[37254,8],[37382,8],[37516,8],[37636,8],[37758,8],[37881,8],[38000,8],[39385,8],[39500,8],[39607,8],[39719,8],[39840,8],[39943,8],[40048,8],[40155,8],[40257,8],[41643,8],[41758,8],[41865,8],[41977,8],[42098,8],[42201,8],[42306,8],[42413,8],[42515,8],[44401,8],[44643,8],[44880,8],[45119,8],[45372,8],[45602,8],[45841,8],[46081,8],[46315,8],[47640,8],[47771,8],[47895,8],[48023,8],[48157,8],[48277,8],[48399,8],[48529,8],[48654,8],[48777,8],[48896,8],[49022,8],[53294,8],[53425,8],[53549,8],[53677,8],[53811,8],[53931,8],[54053,8],[54183,8],[54308,8],[54431,8],[54550,8],[54676,8],[55933,8],[56064,8],[56188,8],[56316,8],[56450,8],[56648,8],[56770,8],[56893,8],[57012,8],[58386,8],[58517,8],[58641,8],[58769,8],[58903,8],[62098,8],[62229,8],[62353,8],[62481,8],[62615,8],[62735,8],[62857,8],[62987,8],[63112,8],[63235,8],[63354,8],[63480,8],[65319,8],[65450,8],[65574,8],[65702,8],[65836,8],[65956,8],[66078,8],[66208,8],[66333,8],[66456,8],[66575,8],[66701,8],[68402,8],[68533,8],[68657,8],[68785,8],[68919,8],[69039,8],[69161,8],[69291,8],[69416,8],[69539,8],[69658,8],[69784,8],[71779,8],[71910,8],[72034,8],[72162,8],[72296,8],[72416,8],[72538,8],[72668,8],[72793,8],[72916,8],[73035,8],[73161,8],[74917,8],[75048,8],[75172,8],[75300,8],[75434,8],[75554,8],[75676,8],[75799,8],[75918,8],[77892,8],[78023,8],[78147,8],[78275,8],[78409,8],[78529,8],[78651,8],[78774,8],[78893,8],[81189,8],[81320,8],[81444,8],[81572,8],[81706,8],[81826,8],[81948,8],[82071,8],[82190,8],[84280,8],[84411,8],[84535,8],[84663,8],[84797,8],[84917,8],[85039,8],[85169,8],[85294,8],[85417,8],[85536,8],[85662,8],[87046,8],[87177,8],[87301,8],[87429,8],[87563,8],[87683,8],[87805,8],[87935,8],[88060,8],[88183,8],[88302,8],[88428,8],[92282,8],[92406,8],[92534,8],[92668,8],[92788,8],[92910,8],[100512,8],[100636,8],[100764,8],[100898,8],[101018,8],[101140,8],[102703,8],[102827,8],[102955,8],[103089,8],[103209,8],[103331,8],[105141,8],[105265,8],[105393,8],[105527,8],[105647,8],[105769,8],[109125,8],[109256,8],[109380,8],[109508,8],[109642,8],[109762,8],[109884,8],[110014,8],[110139,8],[110262,8],[110381,8],[110507,8],[113005,8],[113137,8],[113261,8],[113389,8],[113523,8],[113643,8],[113765,8],[113888,8],[113987,8],[114100,8],[126517,8],[126648,8],[126772,8],[126900,8],[127034,8],[127154,8],[127276,8],[127406,8],[127531,8],[127654,8],[127773,8],[127899,8]]}}}],["isactive=\"selectedcustomer.customerid",{"_index":2764,"t":{"600":{"position":[[13048,37]]}}}],["isactive=\"tru",{"_index":2257,"t":{"586":{"position":[[3718,16],[7590,16],[8423,16]]},"600":{"position":[[2233,16],[3035,15],[3166,16],[4009,16],[5011,16],[6101,16],[6969,16],[7523,16],[8129,16],[8743,16],[9540,16]]}}}],["isallcheck",{"_index":4564,"t":{"660":{"position":[[71111,12]]}}}],["iscurrentpag",{"_index":1085,"t":{"558":{"position":[[734,13],[940,13],[1540,13],[2273,13]]}}}],["isdefaultsortcolumn",{"_index":4312,"t":{"660":{"position":[[5526,19],[30799,19],[31123,19]]}}}],["isdefaultsortcolumn=\"tru",{"_index":4484,"t":{"660":{"position":[[30873,26],[31557,26]]}}}],["isdropdowndis",{"_index":4130,"t":{"654":{"position":[[15645,18],[15705,18],[15767,18]]}}}],["isfirstitem",{"_index":2240,"t":{"586":{"position":[[2001,11]]}}}],["isfirstitem=\"tru",{"_index":2272,"t":{"586":{"position":[[4232,18],[7366,18]]}}}],["isfirstitem=\"true\">new<br",{"_index":2262,"t":{"586":{"position":[[3871,25],[5538,25],[7020,25],[8586,25]]}}}],["isfirstitem=\"true\">rename<br",{"_index":2306,"t":{"586":{"position":[[5940,28],[8960,28]]}}}],["isfirstitem=\"true\">send/receive<br",{"_index":2283,"t":{"586":{"position":[[4677,34],[7784,34]]}}}],["isfirstitem=\"true\">show<br",{"_index":2291,"t":{"586":{"position":[[5091,26],[8163,26]]}}}],["isha",{"_index":3230,"t":{"612":{"position":[[3161,5],[5032,5],[7657,5]]},"660":{"position":[[9060,7],[11405,7],[14036,7],[16553,7],[19227,7],[21724,7],[24126,7],[28109,7],[33203,7],[35568,7],[37933,7],[40207,7],[42465,7],[46138,7],[48829,7],[54483,7],[56945,7],[63287,7],[66508,7],[69591,7],[72968,7],[75851,7],[78826,7],[82123,7],[85469,7],[88235,7],[110314,7],[113940,7],[127706,7],[129990,7],[132829,7]]}}}],["isha@blazorbootstrap.com",{"_index":4454,"t":{"660":{"position":[[28147,27],[46176,27]]}}}],["ishtml",{"_index":3155,"t":{"610":{"position":[[375,6]]}}}],["ishtml=\"true\">tooltip",{"_index":3182,"t":{"610":{"position":[[2079,21]]}}}],["islastitem",{"_index":2241,"t":{"586":{"position":[[2085,10]]}}}],["islastitem=\"tru",{"_index":2267,"t":{"586":{"position":[[4026,17],[4377,17],[7180,17],[7492,17]]}}}],["islastitem=\"true\">cancel<br",{"_index":2295,"t":{"586":{"position":[[5256,27],[8307,27]]}}}],["islastitem=\"true\">delete<br",{"_index":2315,"t":{"586":{"position":[[6386,27],[9363,27]]}}}],["islastitem=\"true\">new<br",{"_index":2302,"t":{"586":{"position":[[5701,24],[8737,24]]}}}],["islastitem=\"true\">update<br",{"_index":2286,"t":{"586":{"position":[[4859,27],[7944,27]]}}}],["isload",{"_index":2543,"t":{"596":{"position":[[1334,9],[13003,9],[13100,9],[13233,9]]}}}],["isloading=\"isload",{"_index":2645,"t":{"596":{"position":[[12787,21]]}}}],["isscrol",{"_index":1681,"t":{"574":{"position":[[1013,12],[6697,12],[7962,12]]},"576":{"position":[[745,12]]},"578":{"position":[[1036,12]]}}}],["isscrollable=\"tru",{"_index":2040,"t":{"578":{"position":[[8817,20],[10574,20]]}}}],["isservicemod",{"_index":1999,"t":{"578":{"position":[[1117,14]]}}}],["isservicemodal=\"tru",{"_index":3809,"t":{"624":{"position":[[7890,21]]},"626":{"position":[[7366,21]]},"642":{"position":[[6950,21]]},"644":{"position":[[6789,21]]},"648":{"position":[[5108,21]]}}}],["issu",{"_index":575,"t":{"90":{"position":[[165,5]]},"104":{"position":[[445,5]]},"110":{"position":[[672,5]]},"112":{"position":[[630,5]]},"114":{"position":[[243,5]]},"128":{"position":[[667,5]]},"624":{"position":[[1118,5]]},"626":{"position":[[1120,5]]},"642":{"position":[[1132,5]]},"644":{"position":[[1132,5]]}}}],["isverticallycent",{"_index":1683,"t":{"574":{"position":[[1088,20],[7321,20],[7983,20]]},"578":{"position":[[1215,20]]},"648":{"position":[[600,20],[643,21],[3266,20]]}}}],["isverticallycentered=\"tru",{"_index":2052,"t":{"578":{"position":[[9809,27],[9909,28],[10546,27]]}}}],["it'",{"_index":1041,"t":{"556":{"position":[[2905,4],[2948,4]]},"558":{"position":[[1629,4]]},"562":{"position":[[2743,4],[3294,4],[3844,4],[4607,4],[5232,4],[5855,4],[6597,4],[7148,4],[7698,4],[8399,4],[8964,4],[9514,4],[10229,4],[10780,4],[11330,4],[12409,4],[12972,4],[13534,4],[14092,4],[14640,4],[15200,4],[18726,4],[19277,4],[19827,4],[21111,4],[21684,4],[22256,4]]},"572":{"position":[[3082,4]]},"596":{"position":[[11845,4]]}}}],["item",{"_index":478,"t":{"72":{"position":[[445,4],[492,5]]},"106":{"position":[[393,5]]},"558":{"position":[[262,5],[314,6]]},"562":{"position":[[250,5],[279,4],[1463,4],[1756,4],[2380,4],[2929,4],[3480,4],[4229,4],[4852,4],[5476,4],[6234,4],[6783,4],[7334,4],[7909,5],[7970,4],[8036,4],[8585,4],[9150,4],[9764,5],[9788,4],[9866,4],[10415,4],[10966,4],[11545,6],[11595,5],[11639,5],[11811,5],[18016,6],[18096,5],[18224,6],[18363,4],[18912,4],[19463,4],[20726,4],[21297,4],[21870,4],[23630,4],[23680,5],[23712,5]]},"572":{"position":[[4394,4]]},"586":{"position":[[2050,4],[2132,4],[6524,5],[9501,5]]},"592":{"position":[[1292,4]]},"596":{"position":[[709,6],[803,6],[897,4],[1017,5],[1525,5],[2069,4],[2161,4],[2257,4],[2946,4],[4584,4],[4620,4],[4730,6],[4751,4],[4915,4],[4951,4],[5061,6],[5082,4],[7355,4],[7383,4],[7442,4],[7521,4],[7563,4],[7698,6],[7781,6],[7829,6],[7850,4],[8249,4],[8271,4],[9810,4],[9846,4],[9895,4],[10068,4],[10104,4],[10153,4],[10611,5],[10684,6],[10919,5],[11774,5],[11814,5],[12023,4],[13768,5],[14007,4]]},"612":{"position":[[1893,4],[1948,4],[1998,4],[2046,4],[2106,5]]},"654":{"position":[[2256,4],[2425,4],[2500,4],[2585,4],[2774,4],[15816,4],[17652,5]]},"656":{"position":[[21610,4],[21661,4],[21713,4],[21762,4],[21813,4],[21863,4],[21914,4],[21969,4],[22021,4],[22076,4]]},"660":{"position":[[650,4],[977,5],[2027,5],[2062,5],[2231,6],[2380,5],[2417,5],[3665,5],[74039,5],[77014,5],[80365,5],[124805,4]]}}}],["item\">a",{"_index":1565,"t":{"570":{"position":[[5000,7],[5047,7],[5698,7],[5745,7]]}}}],["item\">an",{"_index":1563,"t":{"570":{"position":[[4959,8],[5657,8]]}}}],["item'",{"_index":1234,"t":{"562":{"position":[[2421,6],[2971,6],[3521,6],[4285,6],[4909,6],[5532,6],[6275,6],[6825,6],[7375,6],[8077,6],[8641,6],[9191,6],[9907,6],[10457,6],[11007,6],[12087,6],[12649,6],[13211,6],[13769,6],[14317,6],[14877,6],[18404,6],[18954,6],[19504,6],[20789,6],[21361,6],[21933,6]]}}}],["item.address",{"_index":4683,"t":{"660":{"position":[[115350,13],[117920,13],[120581,13],[123277,13]]}}}],["item.countri",{"_index":4696,"t":{"660":{"position":[[115766,13],[118390,13],[121051,13],[123827,13]]}}}],["item.customerid",{"_index":4664,"t":{"660":{"position":[[114504,16],[117033,16],[119694,16],[122389,16]]}}}],["item.customernam",{"_index":4669,"t":{"660":{"position":[[114788,18],[117358,18],[120019,18],[122715,18]]}}}],["item.design",{"_index":4401,"t":{"660":{"position":[[15093,18],[17469,18],[29496,18],[31736,19],[51529,18],[60992,18],[64319,18],[67469,18],[70609,18],[88983,18],[89785,18],[90573,18],[91375,18],[93626,18],[94617,18],[95606,18],[96597,18],[97582,18],[98567,18],[99562,18],[101735,18],[104173,18],[107073,18],[125574,18]]}}}],["item.doj",{"_index":4402,"t":{"660":{"position":[[15219,10],[17614,10],[29817,10],[31865,11],[34230,11],[51674,10],[61137,10],[64464,10],[67614,10],[70754,10],[89109,10],[89911,10],[90699,10],[91501,10],[93771,10],[94762,10],[95751,10],[96742,10],[97727,10],[98712,10],[99707,10],[101861,10],[104299,10],[107218,10],[125719,10]]}}}],["item.email",{"_index":4678,"t":{"660":{"position":[[115163,11],[117733,11],[120394,11],[123090,11]]}}}],["item.firstnam",{"_index":4459,"t":{"660":{"position":[[29144,16]]}}}],["item.id",{"_index":4400,"t":{"660":{"position":[[14855,9],[17184,9],[28982,9],[31424,10],[33886,10],[51174,8],[60707,9],[64034,9],[67164,9],[70324,9],[88745,9],[89547,9],[90335,9],[91137,9],[93341,9],[94332,9],[95321,9],[96312,9],[97297,9],[98282,9],[99277,9],[101497,9],[103935,9],[106788,9],[125289,9]]}}}],["item.isact",{"_index":4403,"t":{"660":{"position":[[15332,15],[17751,15],[29975,15],[31981,16],[34346,16],[51811,15],[61274,15],[64601,14],[67751,15],[89222,15],[90024,15],[90812,15],[91614,15],[93908,15],[94899,15],[95888,15],[96879,15],[97864,15],[98849,15],[99844,15],[101974,15],[104412,15],[107355,15],[125856,15]]}}}],["item.lastnam",{"_index":4461,"t":{"660":{"position":[[29317,15]]}}}],["item.nam",{"_index":2560,"t":{"596":{"position":[[2427,10],[3391,10],[3651,10],[5507,10],[5766,10],[6025,10],[8597,10],[8875,10],[10538,10],[12094,10],[12858,10],[13695,10]]},"660":{"position":[[14973,11],[17322,11],[31545,11],[34007,12],[51382,11],[60845,11],[64172,11],[67322,11],[70462,11],[88863,11],[89665,11],[90453,11],[91255,11],[93479,11],[94470,11],[95459,11],[96450,11],[97435,11],[98420,11],[99415,11],[101615,11],[104053,11],[106926,11],[125427,11]]}}}],["item.phon",{"_index":4674,"t":{"660":{"position":[[114982,11],[117552,11],[120213,11],[122909,11]]}}}],["item.postalzip",{"_index":4690,"t":{"660":{"position":[[115548,15],[118118,15],[120779,15],[123555,15]]}}}],["item.salari",{"_index":4464,"t":{"660":{"position":[[29666,13]]}}}],["item</button",{"_index":1279,"t":{"562":{"position":[[15472,13],[15579,13],[15684,13],[15795,13],[15898,13],[16001,13],[16133,13],[16240,13],[16345,13],[16456,13],[16559,13],[16662,13]]}}}],["item</dropdownitem",{"_index":4166,"t":{"654":{"position":[[22302,19],[22371,19],[22440,19],[22727,19],[22796,19],[22865,19],[23150,19],[23219,19],[23288,19],[23517,19],[23586,19],[23655,19]]}}}],["item</li",{"_index":1564,"t":{"570":{"position":[[4968,9],[5015,9],[5061,9],[5666,9],[5713,9],[5759,9]]}}}],["items</button",{"_index":1317,"t":{"562":{"position":[[20087,14],[20195,14]]}}}],["items=\"navitems1\"></breadcrumb",{"_index":1075,"t":{"558":{"position":[[367,31]]}}}],["items=\"navitems2\"></breadcrumb",{"_index":1076,"t":{"558":{"position":[[411,31],[1218,31],[1951,31]]}}}],["itemsperpagetext",{"_index":4272,"t":{"660":{"position":[[2003,16]]}}}],["itemsperpagetext=\"artikelen",{"_index":4612,"t":{"660":{"position":[[106640,27]]}}}],["itemtempl",{"_index":2544,"t":{"596":{"position":[[1432,12],[2412,14],[2438,15],[3376,14],[3402,15],[3636,14],[3662,15],[5492,14],[5518,15],[5751,14],[5777,15],[6010,14],[6036,15],[8582,14],[8608,15],[8860,14],[8886,15],[10523,14],[10549,15],[11119,14],[11292,15],[12079,14],[12105,15],[12843,14],[12869,15],[13680,14],[13706,15]]}}}],["itemtomov",{"_index":2567,"t":{"596":{"position":[[2659,10],[2802,12],[4019,10],[4178,12],[4298,10],[4457,12],[6513,10],[6672,12],[6792,10],[6951,12],[7071,10],[7230,12],[9245,10],[9404,12],[9524,10],[9683,12],[11513,10],[11656,12],[12326,10],[12469,12],[13355,10],[13498,12]]}}}],["iter",{"_index":401,"t":{"56":{"position":[[270,9]]},"70":{"position":[[426,9]]},"574":{"position":[[2209,9]]},"576":{"position":[[3412,9]]},"578":{"position":[[4206,9]]}}}],["itself",{"_index":1165,"t":{"560":{"position":[[2264,6]]},"566":{"position":[[3174,6],[3662,6],[4151,6],[4637,6],[5122,6],[5632,6],[6139,6],[6647,6],[7152,6],[7656,6]]},"574":{"position":[[5911,7]]},"578":{"position":[[8729,7]]},"596":{"position":[[10967,7]]}}}],["i}\")).tolist",{"_index":2565,"t":{"596":{"position":[[2574,16],[3816,16],[3933,16],[6191,16],[6309,16],[6427,16],[9041,16],[9159,16],[11428,16],[12241,16],[13216,16]]}}}],["ja",{"_index":3220,"t":{"612":{"position":[[3063,5],[4934,5],[7559,5]]}}}],["jahan",{"_index":3253,"t":{"612":{"position":[[3368,6],[5239,6],[7864,6]]}}}],["januari",{"_index":151,"t":{"2":{"position":[[3370,7]]},"18":{"position":[[23,7]]},"56":{"position":[[24,7]]},"58":{"position":[[24,7]]},"60":{"position":[[24,7]]},"112":{"position":[[25,7]]},"130":{"position":[[1073,7],[2111,7],[2154,7],[2197,7],[2587,7]]},"132":{"position":[[771,7],[1220,7],[1530,7]]},"134":{"position":[[1041,7]]},"146":{"position":[[1590,7]]},"148":{"position":[[424,7]]},"154":{"position":[[81,7]]},"158":{"position":[[2180,7]]},"204":{"position":[[86,7]]},"206":{"position":[[78,7]]},"220":{"position":[[567,7],[1016,7],[1326,7]]},"226":{"position":[[95,7]]},"230":{"position":[[2189,7]]},"236":{"position":[[576,7],[1025,7],[1335,7]]},"240":{"position":[[897,7]]},"260":{"position":[[80,7]]},"266":{"position":[[74,7]]},"272":{"position":[[2357,7]]},"288":{"position":[[506,7]]},"306":{"position":[[2183,7]]},"308":{"position":[[1553,7]]},"310":{"position":[[72,7],[521,7]]},"314":{"position":[[570,7],[1019,7]]},"336":{"position":[[68,7]]},"342":{"position":[[74,7]]},"356":{"position":[[68,7]]},"360":{"position":[[449,7]]},"362":{"position":[[65,7]]},"364":{"position":[[1395,7]]},"376":{"position":[[70,7]]},"378":{"position":[[68,7]]},"382":{"position":[[67,7],[573,7]]},"384":{"position":[[421,7]]},"386":{"position":[[72,7]]},"388":{"position":[[71,7]]},"392":{"position":[[1455,7]]},"410":{"position":[[853,7]]},"428":{"position":[[67,7]]},"450":{"position":[[67,7]]},"488":{"position":[[70,7]]},"500":{"position":[[68,7]]},"502":{"position":[[68,7]]},"504":{"position":[[68,7]]},"602":{"position":[[11517,10],[14378,10]]},"604":{"position":[[5704,10]]},"606":{"position":[[8689,10]]}}}],["javascript",{"_index":2006,"t":{"578":{"position":[[3099,11]]}}}],["jee",{"_index":3219,"t":{"612":{"position":[[3058,4],[4929,4],[7554,4]]}}}],["jj",{"_index":2782,"t":{"600":{"position":[[13552,4],[14493,4],[15776,4]]},"612":{"position":[[3190,5],[5061,5],[7686,5]]}}}],["john",{"_index":4364,"t":{"660":{"position":[[8309,7],[10654,7],[13030,7],[15802,7],[18221,7],[20973,7],[23375,7],[26671,7],[32452,7],[34817,7],[37182,7],[39552,7],[41810,7],[44700,7],[47823,7],[53477,7],[56116,7],[58569,7],[62281,7],[65502,7],[68585,7],[71962,7],[75100,7],[78075,7],[81372,7],[84463,7],[87229,7],[92334,7],[100564,7],[102755,7],[105193,7],[109308,7],[113189,7],[126700,7],[129354,7],[132061,7]]}}}],["john@blazorbootstrap.com",{"_index":4440,"t":{"660":{"position":[[26706,27],[44735,27]]}}}],["jojo",{"_index":3217,"t":{"612":{"position":[[3037,5],[4908,5],[7533,5]]}}}],["joy",{"_index":3256,"t":{"612":{"position":[[3388,4],[5259,4],[7884,4]]}}}],["jpcrr8yfa8mmcsfrw4tnte1zvf1e3+1sdgmslzvmrzdyxs69j7j49vkfl8u6u8plpjk+h3voelbtuczaxj+6ig",{"_index":3726,"t":{"624":{"position":[[2240,89],[5805,89]]},"626":{"position":[[2425,89]]},"632":{"position":[[1899,89]]},"634":{"position":[[1922,89],[4798,89]]},"636":{"position":[[1877,89],[5047,89]]},"638":{"position":[[1899,89]]},"642":{"position":[[2259,89]]},"644":{"position":[[2259,89]]},"652":{"position":[[1913,89],[5053,89]]}}}],["jqueri",{"_index":2344,"t":{"588":{"position":[[748,6],[958,6]]}}}],["js",{"_index":603,"t":{"98":{"position":[[569,2]]},"110":{"position":[[571,2]]},"114":{"position":[[235,2]]},"660":{"position":[[51982,2]]}}}],["js.invokeasync<string>(\"window.localstorage.getitem",{"_index":4522,"t":{"660":{"position":[[52857,53]]}}}],["js.invokevoidasync(\"window.localstorage.setitem",{"_index":4517,"t":{"660":{"position":[[52668,49]]}}}],["jsonserializer.deserialize<gridsettings>(settingsjson",{"_index":4524,"t":{"660":{"position":[[53002,55]]}}}],["jsonserializer.serialize(set",{"_index":4518,"t":{"660":{"position":[[52735,36]]}}}],["juli",{"_index":258,"t":{"24":{"position":[[23,4]]},"90":{"position":[[24,4]]},"92":{"position":[[24,4]]},"94":{"position":[[24,4]]},"96":{"position":[[24,4]]},"98":{"position":[[24,4]]},"126":{"position":[[1279,4],[1565,4],[1817,4],[2036,4],[2256,4]]},"130":{"position":[[872,4],[1341,4],[1381,4],[1420,4],[1459,4],[1498,4]]},"134":{"position":[[23,4]]},"212":{"position":[[1041,4],[1327,4],[1579,4],[1798,4],[2018,4]]},"234":{"position":[[1050,4],[1336,4],[1588,4],[1807,4],[2027,4]]},"238":{"position":[[2333,4]]},"244":{"position":[[78,4]]},"270":{"position":[[613,4],[899,4]]},"272":{"position":[[504,4],[790,4],[1042,4]]},"278":{"position":[[79,4]]},"294":{"position":[[76,4]]},"300":{"position":[[73,4]]},"312":{"position":[[365,4],[651,4],[903,4],[1122,4],[1342,4]]},"316":{"position":[[1044,4],[1330,4],[1582,4],[1801,4],[2021,4]]},"320":{"position":[[72,4]]},"322":{"position":[[79,4]]},"364":{"position":[[2493,4],[2779,4]]},"380":{"position":[[505,4]]},"382":{"position":[[376,4]]},"384":{"position":[[1410,4],[1696,4],[1948,4]]},"392":{"position":[[1258,4]]},"424":{"position":[[70,4]]},"428":{"position":[[349,4]]},"432":{"position":[[74,4]]},"458":{"position":[[67,4]]},"536":{"position":[[68,4]]},"538":{"position":[[68,4]]},"540":{"position":[[68,4]]},"542":{"position":[[68,4]]},"544":{"position":[[68,4]]},"602":{"position":[[11573,7],[14434,7]]},"604":{"position":[[5760,7]]},"606":{"position":[[8745,7]]}}}],["june",{"_index":4,"t":{"2":{"position":[[34,4]]},"28":{"position":[[23,4]]},"84":{"position":[[24,4]]},"86":{"position":[[24,4]]},"88":{"position":[[24,4]]},"126":{"position":[[2562,4]]},"128":{"position":[[34,4]]},"130":{"position":[[911,4],[1537,4],[1577,4],[1617,4],[2245,4]]},"134":{"position":[[220,4]]},"136":{"position":[[24,4],[282,4]]},"148":{"position":[[80,4]]},"158":{"position":[[78,4]]},"212":{"position":[[2324,4],[2662,4]]},"214":{"position":[[68,4]]},"230":{"position":[[87,4]]},"232":{"position":[[77,4]]},"234":{"position":[[2333,4],[2671,4]]},"240":{"position":[[76,4]]},"246":{"position":[[73,4]]},"264":{"position":[[76,4]]},"270":{"position":[[1118,4],[1376,4]]},"272":{"position":[[1262,4]]},"274":{"position":[[353,4]]},"278":{"position":[[331,4]]},"286":{"position":[[76,4]]},"290":{"position":[[72,4]]},"302":{"position":[[73,4]]},"306":{"position":[[81,4]]},"312":{"position":[[1648,4],[1986,4],[2244,4]]},"316":{"position":[[2327,4],[2665,4]]},"326":{"position":[[71,4]]},"328":{"position":[[78,4]]},"330":{"position":[[77,4],[694,4]]},"348":{"position":[[66,4]]},"354":{"position":[[70,4]]},"358":{"position":[[79,4]]},"364":{"position":[[76,4]]},"366":{"position":[[347,4]]},"368":{"position":[[66,4]]},"370":{"position":[[66,4],[324,4]]},"380":{"position":[[757,4]]},"384":{"position":[[77,4],[2168,4]]},"396":{"position":[[69,4]]},"398":{"position":[[72,4]]},"406":{"position":[[77,4]]},"410":{"position":[[78,4]]},"412":{"position":[[79,4]]},"418":{"position":[[741,4]]},"420":{"position":[[75,4]]},"430":{"position":[[67,4]]},"456":{"position":[[67,4]]},"528":{"position":[[68,4]]},"530":{"position":[[68,4]]},"534":{"position":[[68,4]]},"554":{"position":[[78,4]]},"602":{"position":[[11565,7],[14426,7]]},"604":{"position":[[5752,7]]},"606":{"position":[[8737,7]]}}}],["justifi",{"_index":1460,"t":{"568":{"position":[[6234,7]]},"592":{"position":[[6560,7],[9554,7],[12552,7]]},"594":{"position":[[2869,7],[2958,7]]},"596":{"position":[[11153,7]]},"624":{"position":[[7694,7]]},"626":{"position":[[7170,7]]},"634":{"position":[[6634,7]]},"636":{"position":[[7725,7]]},"640":{"position":[[801,7]]},"642":{"position":[[6754,7]]},"644":{"position":[[6593,7]]},"646":{"position":[[806,7]]},"652":{"position":[[6659,7]]},"656":{"position":[[6717,7],[8969,7],[11442,7],[13872,7],[16291,7],[18696,7]]}}}],["justo",{"_index":1884,"t":{"576":{"position":[[8151,5],[10072,6],[10154,5],[12392,5],[14313,6],[14395,5],[16533,5],[18454,6],[18536,5]]}}}],["jvberi0xljqkmyawig9iaia8paovtgvuz3roidq2mjigicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjarvrzk9y20x/3x7fvcvvmkzm0qfdmu2xjdqryzzw1iass5wfdymdo8ziph9fjv/7rcxzoljawozwranynpn7d4fd3n33xdaxuvbyuospv7u5v8jbivflczgeypfmy3txv/9rc3wbxzjcl3e3nakvbxzsemze3ktnm47sru93drco3dwu5hbqft1j7f7jlbzr6vzpvfce0+9so2fqdv16eo9pw5e2/797cqfwhqgjvzu4vqrelmtb/1nsh2rzsih1gx9gncomiyqvc8u7fotc5tm92ognynelozjddnvgz8hlfmiahruknndwdbwbkkgrhbpnoncunut+gozae0apnhgq60jch9fmtbxdzeoyxbuey15bx/mqwxwxk4k/q8ujzszoesu6ufyfxc8lwpau9rt/cqndj2h40t1g4+rlvyq6+nvuqfxdpn7tms16kfpkaptthhft+ulywbbpq+n+63fsd6zw1d7k0ypi8/q+xq2hc6ukdnugyzcycrhvt49v+anrwyb6+d/j7v3m41oejmtzio1qcqdhbb+bz33fwrxqzvty/mvnjor8g6sijp43l3wzmxdlv/wtvbutjmcidttnpw+mrfqhfrf+5n8p4aax17dtxfmqqtj56tdi32hszuln9h0rzd2sh7v3io8lntmphik8cj0gshtm1+lyx4yjx+p0m6tj6lzkdbrqs9ensfvu91hlg9209ht2imeogjoiry/mhv31lejbqnkw+r8spurl11jp6stbrdbiinedfn7dowzcdxjyiohzvu3oynpxag8dnxrma5y125l3piicvjub6fgxlgzsnkutfdqn2hwrup9vf/pun+now3a++1qrcq/ifkq+kni3je0zphiqfcr8cahjlyq9+rzvgyih64dqp7ippbh3djlbqlopsx2mbsp2hxsoh0+pqqtgp0ithpxsqzyqbgqis1quucpywy8r3hkyz3bnd3i5h87mdtpurp7gtwrhn23byfzcn7yen0xb/6/anxjt2fvvtggpzqzal5lxttacrheilbsxf2tjfwuzpupatj6mqac3o4k53coxcvjak+blq9/yzlglflyyfu4vzfup/4onmusaz9e9kpq0erltr7tcw5nmmbjwh+v3rvdb4roc4kyaxs4gejeiumlpx3ete9zcyequh2nqvkz73sukf6cvt4nfyohwnhazb8dotx01f4orj/th8qpf0z/ejbxoic+qh4m44i2ji37sanyrgrrgezsyc/l6ybfd4vh+62ogfed38xhfwwzclvaagofhx7e9ejkujqvxfkz3tnm3otkqb127vl8bnmmv5kcda+viwzwud2gowhqkrqb7larclcnxroce80y/34wtbxerhcuhnkmkyhxu6sggno2ltlehbtutwm86arkkbqt9+3wgahtsw78uhpk3sdnighrq9lybu1yqewnhf5dxiv6nnbnd7o3losbsistkit32qgzqawbkzjgtvotroip2lazqzteauvhgx7+wycpf93zuytovxm8iaxtnyyv6gcanuqfbarawwlta/edupitusdlo3zt/yldltdbc1qneshd/uey6c2x5kxgdxd9szz4ofe8klg+3sglzg5rkvljmn1cuey3qergarkukl1hvgaxbizakfx3rvyhi6kmf29nvhpxu5j06olcpctrbpbkz94tzn6astp8gotpnuxhcc1vhualidtn5rr7hp4juyavzsgwpiktbz8tjv/zdll3umttxwv2kjwxvdywvie7mosb9dcnmosotnxcfgaxqqfniog7h3slbgn5f8qa+l2/qf9lboe4kkuju+p3ej9ckndbmca3ytx9pqa3zz83s0vvugazqtaqle5a0pj2ht6hb8q0hmnsq4cteh2z87gq6mpxrkxtff9myo2lfrnd6uox9rzhrerzxjk1eqssmx+7kch6egzmxvjr/wkhjd6wqmku3hoz8ps8vyaxkxcpg7efawplxtsuee6qhkqufeqzxjtazkebtmxeu0/qmq1g66lwdrbtnwy0war5chq/tg1smlrodvedvqvr9ugu8sybkbasjxsus1da0pgpuzm/cgtwlegk1gc33e3katizaxd3s0bpcnnfx1wpjpftdjb7ztqlqetyngbphzi/dzwi90sgutg4zczyu3ulqgr3mr3fq3p4y2d0ofcgjbaq4vuoivz7u4riix5zhxymmhl6mciof5/m4yekxtwgxeq+hbelhzvxcnhru1zpyjytprqa0ghker2/bykkrcx5hak9mo9jbqxuocpniok8eidangjmtja4yppl8z9icfw2at+8jkky8eabccq8wul0dzdxbwk0yvkaxfqm37ef+tlsemvrqj8aofro/bhcazsolcwasxayqfpo5f0jtd9y7sii4apndnd8ntdn4obfywinmalre+w/bvtcfsbxayx/amuzzws6fxlonwbqyqthqtibh//5kr1dvuz3hes1d9xyjkpptmckctuqmyr0f7bjv6pnighrniggxg3dpajucf99vzptyf5j7hxbawzndho9hekequo60u7huy1ggfo3xzdwvcskpry0iab2bixxwdn1kf0o7gsfe/nmbp04neguko27xleuwy9htnbxrcng58hw7otebdefxaj5c4v6hu2fmdcqufkt+w4zgafoyy8lrlhdu/stp5wlljzlelaqukuurxthzriwug6ryexkpwljf6vmczvbigglmmmlhuq7lcxwp6ecgtxe+8/3+w1izyki7wynckyykjhalneaad3p3bp9fhordbjqb+p+/pt2myku4eybhdqt/jdbof1/o0n4zy7plmfmizfoqqkctgdtwtfbikiloav6z/y2nmcy4oduxqxmlogmd1fbetswdnwgmco4nurctbpjwslt01zcfolts68bfehvqbziqixswu8f/tuo+ra/pehg7782ce086quidx2rbyhia7y2gxnx0wcrp4hpbs8vn7o7aextvwno3kybuj3wfrmh2fbxqakmq2guuakg7m6dqagisqg3af7+w7wtzomwyzoc+yf+akpgmamoxbqixfewikjv0ovcee6sozvnybfsaqywahxw6s3bahu+ecobqy2e6ouzduohelifwqjck/syavawuqcujpyfuoyipwd07uqj7ue9u1gt58khiktsgl7e/sq4bkzho+zpxv95mzjchzxazjlweeyame3cbr+r6afkkckronf766rbrsv2zmoa49bpcgobkkbreiu1ko/st0am2yzumnejlpxlm30nwficsejpa/y5atyzkldwpdp3g/1lrcolub75wex2drasn8gxi4oucxn7jmqcb6rr0qjxldvcxi4a0ovkhsuaq3zdufyhlvzedaa6hbjuvy6xch3m+nrfbw01wcuto3ataxhmabnz+mkwowbyuy8q4xy89l2bczb671mhz4qefsajyqz2q52no8b+rxeewnkfomd4updnbjgwkyrocaoru6ac9b2oifg1hwcvgaq7p6sii9tkpt3juptcigl00rdykygx7h+kp2futk+bp8wu9wxundty9f/zesth4f1toao+fsmw/mtjylsgatpveow45chm4vasi9bklfwfbtvscvxzlzmgev5fkg+nckhm2njgkdr4bggkifnairewdkr3a2iwakanwzw/x7mvsj5xbfkoajg5o4vxlbvi3dzyu3xcmyfkd2azgkoqllnfoill4iu3tw0hr9+twjwtahjimd6btfcdm4yszvxizias42nno+is2d/cyc2c3xtp1bmv5akcfly4akpzgi0mkhuajjf5haf1bjqidkbzft+nt2r70hmrj4sxsj7whkn31/aczt3pq62t4mx5uxftnkiiohgptput0phokvem8cptf7l8+lqp79xe+oqlh+7tinr5cwqprwkchpslzxfwchharnz6svzzrkwsxnmnesyzlh63pmc9iab0zgsumegwxbgyynsoqpkadyniusc+hlgjrdknjxpn5y08/1wmkkrltgfzjtikw0vp3j2pd+rw630uymdxtbyzcbp5tpgmixscugkdxg+nqxgzqadej8rikauul0xzqxl6xevbqiplc4ykzc3wuji6vkkvzb76up8ub6cklskc5uu1pf0jrm0zcvgl8u68s1pymnmllkorahxlgbf1/lviy/qwsclcghcams+kr2ata7nv9sdvjlnpianzqhkh4slqesuoielj0fneifqfqdzvrmt5ojszu60jlzcgalo1ratm5vyu1oweymqqxwc+3yblqslb6kqjcmcvgqdd03n313sf4aaubka2miesb+6ka8ua72j1gjket1r2qq8lwqkmjggtlyko6yvwuk62ecw8uuc9+cr9elqijhvglk9xlw8qe08avmaoia33istmsyifj3khyxrlwg4yvht9nawqrdqtlcootasbstmaotllkutxmu2rawlmmalsdhgl0dfcplabmaessydzgsj53tt5gzjvusl+fkk6ueemckh478zsctedqxhufuvehxlmaduwruh1lqspsxmjxy4vtcc4ntj5zqcvblsurexkkmrwiwmraixotyoeg0zdci/ljrt1ptm6ctmdknv0xooegy5elvawys3igxbib6hklzooa+gvhoxhp+olshtb6ei5tevtmkx0m0qpves7shjcz3og+uzmxpe9fqgg48juuvae4gm/jrjhuabiecdi6m7ytybwj/7/p+7au4pipcgkskyez5l+csr3fyxf5msglwtisl4qbihbbrrastvjlsrnjrsvct/tbb+zzeu5bcmtesdrzfuucar87cuujumrp36xyvc9gyksvnwhlfzalxickcjc7xqzrnlliip4koximjd+wagoaetgl6xrdbm/nfqp+oeszag8/jzfsuazizudkwoa35bafyqvvl2un8w7h66+etahnax9dd+n/mkm9rr5bemukfkcvgotpj8ct/8hvotzvcxxpkeywq/uossyzlf4yb581mbcvucv8krdcoz5cjt/im89clc7gco0p92hjt6smhecqaq+expxk4nwic4hk9x973pqwsicps1+fhmanxl2wx+mthl2zqr2flsjow9htpwgkragircqvkmm92srqopdlrx8wjbclksbjlp8vz6shk7cglnr+o9dz7ydsk9bdhw6jtysidxyujltsmgwslwfpugm9z/fpbtrtnepqu83kwpmmsu5w43v1ah//zicquwie7yq86kar8hwhfrb93zfj3akw4b1/hfgmurd564hxq4duqlxtswpxsl4d5lyp1sckvheizuuaooy8cwom8d6zk6v8n6n/p37qrjdar+ouyl5ynliwlbsvr92mw3ipk5bgn7am+wfbn+mqpdrhya2fh3i8lttiscnjxf7xsnotf4wqiskdudaelfaewhjmsrvrrqyaboqetco7rgik6ryxlbnd4iswyc/ipqvdwngatr3ec7qz/lvt6x9mu5+menq1nsxvee/1p5bofepeiyijfpf5z9siqcpoguiuzwo2gyumc81rcdrhowlvugutyexkzfcr1yresgytckmt5omaichen4isikula9behbmbxwdl0qhfk8tkuqe03bdwblzak2czh/wt+q+fbj9k+0pwg++gu59xu644xnsr/axh6srnzpsrzsjgs7hmxzurjvizyb/mxeqf6qb507/k72nbwr6xa02vbrfwhcm40utaj4jyf/l8r7htczkpywypylameiy90y+qox76pttzbyja1ueh6km5smqb2iloofvld/qnslolwcxm69ppxtemzuokiyme/euogforc7q0kvskur4vi6uvpiq3mfu+7ryv2bs5xd5xv6k1sfb4nvqlfj/b3kdw47pkwrg0rxoxm47an+vfpf/rdyuxl37n4dm2fvbjxrfxmospexketqj34pwxjoaukxqyeriabl0lymor08x9v14qwohuzxpbnobrnopep6gpylft8unrnaqdswkzru4dljtyzbkadigk0rwus8wpldzxep7bupe2+b1y46dsgqww6f82vxeuhsez3robwwqd5h7/nclhuuhgc94xpjqazuaaek12etxz26u6z/wf3ueu0zw5kc3ryzwftcmvuzg9iagoyidagb2jqidw8ci9uexblic9qywdlci9db250zw50cyazidagugovumvzb3vyy2vzidegmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgndagmcbscj4+igvuzg9iagoxidagb2jqidw8ci9gb250idw8ic9gndegniawifigl0y0mia5idaguiavrji2ideyidaguiavrjiyide1idaguiavrjmyide4idaguiavrjmxidixidaguiavrjmzidi0idaguiavrji4idi3idaguiavrjq1idmwidaguiavrjq2idmzidaguiavrjq4idm2idaguiavrjezidm5idaguia+pgovuhjvy1nldcbbic9qreygl1rlehqgxqo+piblbmrvymokndqgmcbvymogpdwkl0xlbmd0aca1mdy2icagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42ru7y5ljtrx7/gplj5w7gqlg00kwdswpjkvgrms67ixtbuvclwykuizi9yip++/3vmchxb5xpe7dcma5aagcndegr58f/vi3sg+yie+sapn82mtrjlu6chweb56rn7z/t01ph3dposy3ns3brqqbf24wtcwvsj1f6tme56lvitlufnn+fr6qzl6gihveszhvqvqau9hyobw9ddj3vhqtb1qnrrr2x6kxuy+wk5eip06rgqk2tyolgytl9oyph3l0ykovf16fdrev9enett3ootxw7ls8/vsuo7xtt1egfy774kcae5wxtrncq4zunhfogbh6adugu2hv7k+dbxpawihlsmhjdw+7oq/bbj8uh9v2wcxvdsqntr0enfcpii9jvrj+zw+4lnvhwrjyzsbw3glac6lpi5o+aq2cto49jqtny9jaq8ifzctqddutbqu1s9fpoayql7v+hmzhebtlrwc1xd/oyo91z/25pelgqp0tz6xdpuvhup1tp3fxdqwmwbaia1y8gwclaoa8o3dzntklpszgkfo4ljqah50kt0v9kiyutjb+sjuupa0czs9hafpc0+vuystxtnzyjtskhgl0agzq9i+mw9ngxmfn2cpgbxtyybctmaz4086/em9fbio8ysuk5ap04gmb1yn044m2qwfiuncbtjvrceffs8qzdg8se7aoucew9gi1oidifwbzem/v0s/abc6zrncpvibi0zarlth3+mwikbe4mhomxebe7rnjqc0wxbygur77kv1fdd3lwqqk7blkiyni2ryj3hjztggwcvmmslbaqxzi2eblend1xcmz9kc8e4s8ehtdd3a8jzet/pbenidrne+nasyivky0ewuzihz4qwlwbsr9do0uboqpi2xyyodmhvwayfpco8a5cwv36jyya4ex45u65ykghzyppdh+z12pusykiro6rjknqgvpdk09t4m0azdhnpf4lli2l74+1/+23dqwgcliadodnn54t+wmntgrvimruhblk463tchamgbsibcgyrrllm6wj5aeaa4mtmioc7vi0ves9flysmeqtli5jwjsguqdrpr9xhhzrducksawthgdsi0v3hvneplnsljxams8mvikfmxqvm7nhyzxp1cnijejdjbg+o9h24xqrvi1rymtnygjtnicet+rqvyi1oufyloyvs17rotr1inzfz3cajge7tvqasfzvgxcyxdxezswntu2n4n/yk77d98vrve2jwsd7a3rj51ftbgajv/2rvfr7gajlhkpx9dlkzca5wbpsdtbgieto9qqje129eytc8l14kmotamtkobgiskquon7hfgiq89y/iru2qf/cyxwumbjvxqhkykc2qwtysqtjhpvtcrcksezsgwsg7rvop2jhqigwjwytho1dwck8kycox6zqfilbqasmkdfyw4oxomsrriw40dki5vlvth4cbvqieyyf4dgztsvzwgxjrzi31kzldplnp2xbzkuwkho13qijvgkhzo4mtkaqgtirgvq0susdtj1ykby5yy3eaiqm4wqkahq7cyaleu9au8rz8f7y6tytpuvehmbqishocgn3ncnas4g1fiybdskyvqsfkdqo+lmnroh3yhypzgbrarscbktwaga1z9xzpo2nqxapccntqnyi4xzkyizafmnl1ndeuwkundjztkasgxbii1cta444ofwbe6yyt+r1ax2xq1psbi5fmvg6e1xjzgfjm5e79no0ahpc0gfta+uxlcg6tasxkxe0xhicgyfgc9krznty+wljboua7rq2njoz98bfs9igbgi84hzdm/hbd/umpwnfftyzhvyc0cpwfxjdr4pm24emi8i9nk1e7b63nhfgt2fnsurqqydscjeczlm1ut3dixdhqhfh926fotzrauwkg3cfprt8oxmup1+6ljirvclm9dj6ekqvtoykzoy4shr4rjhcxhnxaiz7/haeo88qpqiikl/n94dzifh6chakf2nqaqmwrw9g7o4n7athmrxjsg8xhqgzonk9m3yybieouoq+ep2n9a94yzlhecubccqeeletjbskpshmawsnnp2j6bwc4scemf1govriayroogrpu3cfa/mosrkhgol04yacmfwzd37bqnj0nqbbarou4wgdj1ibbcp69ioz7uph4harh6naxldoke9zsiogchayke2y8tkjrw9f0ke+hwjdaymxyht0a1kfx5abihlayv3khnzd8wacga+zhidbjgocdjy3ikbfhfrygonxxhbaoeircfbyix8torqpd0fj4fb4+jkasbqqosre1w7o3vvec6kk5fp8ymgzejrcgra0hsngifkqnjmjdoil4eztyet+fneoesxk6eqklrqaueeas1w3vtgkuxalhjhx4mf7dxdpmz0k1gjshdktketx/fhdpcytcwgj/frkkiogswt7qvoiubyflkz27lmbubd4iqkatf92ns/dhtox5t+gbmamzvywmknmp1olktru5xrzl6rimcldidkzyzdyrqzt2/hzc9dgezexyovmdeebqguyxomduribdfgjvdpqjfxicz+opjri3szsz6o63io93xvdq3dg8pb9iamzgciwyjposi5dmiqakx8kvhem1izkwzbxcm1uiuptv0cvo4lewa0h6evaztaniqtkcvsbgxdngpwjl4cbo5702pm0abxlfart04emkjwz0b+zilbksr6wnhgap8xxapu8q2nwjxqminyarwk2ah0yxnfzvrqsghbdfyhdtj5l7muxjcxjcjjsmoqtlupepnzwcqjpumu8cifj+hnolk8afbiuqdakz9qq3h5ks9fbif+qjorr1mck3id0fzj3ch+kb8hkpaydl60dz+vnzgwmbbri2bc+5iag3qiia+lryyodwabbrzr1dxodxeofw7tc+wau3iz1oa2g3s/7xvhl0qdqtjgu9uzbm+oezppmcix9/c1hsh9ur8qvuiovol1zz8vwrstzya1ullqgbvjjo/8wffwkrdoro4ymjnlrincpnucbfdvyv6+k4sadmzvsdkmcmajbihikqsdicdajoq3dv2okl8vkcme7oeyqy+9fkzzvxrixfdkbt96faycga8xin+6923dj8tilrcho6jxc9ivdrjcjuqzwfpuopgqcd4kgjis0n8lxumg00kmlvmzolpecx/yivfpmiflteatshm8zb5mqajyboakg6z73hmyhqa+2r8h3xc5toqg6jzajvp2vjorjab4wrb9wcf2zkkk44gofv2ykjnlv0n8ydyevtcnxanqn8br+jqylajqrvixnqvdttifhitbnnggfsbcelgkforfh2hzqzxnva+tt71jyeeauxz/g1xol3wemh2kwxkfr/cubkmocrzxckit+qhdpsvhbyegah6mt7icqpiltphuwuvu1jldzkka1+x00nzasdm3rvisdgtaafs+gcdpywbep8eoalnsyocvjz2wwfhq80wh8or+9j4ssjozjujllgl13rkt0e4wrcf1obpn/smkqt2vliewlo//s4kqpfwsfafhb4cxgyosy/eca5f2ijs/6jhplsznzrl1lnziw9k1xhywphttmwvi2ekuowhehujljdv/fyimk+jmnk8nyu8rnbnf0vj5j+yfilyqcpmk5z77wq2sp71nga1qz8ksasdommeq7e7rxzofudr07bxnvwuxreovexuvl8a44u7pabxzpdek+7noz5kdhbfxz+a7trjqut5wuc9a6kkpazbauaj7qgxl6digxtzswah2uleuymwh6600om0418wwqtulgj3nwtak+pfzu9/q8b4nurgwh2m+qu4w7sqnplcqsjppdxsar5znz9czr7bss7hx7mrkd90y9fvceqevg4eol+rjo0x9aozwxq5810vdkunfuycx1npo1ihdotlnj5phi1rhx1dxgivrgmxi7y6834so4gwyoebfimahht5f8shw6z7s4e+lacwx5uhugoxn16iy52r4jlfuifdnxwqqrgbyy5nosq1hy1cgddovlnn+orfz8sox2rmt4kegbjbj06ommx9zjdk9qwe44takjmwe90x15ivojpkoij1ezqxyzpqfy3hdpjk5ulvrznjljmlfsa/rwrhysrrnjsrlmiuxqwpktxpjmsytxulfd/ke4fbh3b0mscafjrilpzcrlgqehyvs2+93va73isn5r+m5vgjuujyohhqjolf/tjgpkj4cnhufry366wpxds7nprsnw6r6wdfnas7avzp2aply8spjpik++begn6ajxcyyuq3u+yw2ipl6xpb2jttmznwbtsd+kznukigoaiplvlunwmdsegpiktj8rzbgzcvfunb/wkd/ziukq4f/8uxnb2ew8z+vu9lgecqpthcyvvwhswfbupup/oxg3g8yfoff403fn1zohcne67v4unifrp4laf3onmtsf37wg4umzzgymy+/ld55ke5udd0j4/8huq/fpd8owicbttf4huahfyoramhfloehxx9++ixcva/h5tuhmda6yzav0agdlutr5vygtr6o0eqecnr48pcpccqncc6n+arf0wm6nx+ymx47ukga6ihw+rf6zsdbs7cw2vybq8chmhlbcroexagd2f8vezjvxw1f64d+id91yrbfghjqhabnry93yauhcrqab1gysgvvsgavyes7eduujqmunsv3ak3dj8k6g0q35zissfh2xxhlkqkpkiervtamwjxijp8mne5a7ambt6j9bdp4qsrjf+sjob6763i9khqozxqncj5rahj7897cnfxlyvvgtfajvarhcesek978cowrqqcmqde8tszlbwvgj+/oavpxfjho848zdr0mnaxj/yldrqejoizmf4chtw4co7i7fjrkb3xwxuvlofryah96tgcrmexdjitybvf/9ztgobf/ovt3vbn16svgitpbjtwcudgdijg+/+p6okj89vhuw/m8lunaxvw1z93fy+4omzxipd6yy170amu+lqbllgrpv+4156nufu6hhiuiq+b59g6xksjsor/bfnpk2pn7htx4l46h337gxow0pzed9lhrpazc4df8i8ev27z65uipqwjt8feuwsrog5txbpcq14lw+7ugfnecjackfaihak4vmhneefsu/plhkqd98vj3a89ixiwgu5qbwidfn1+echg7fzdez4uj9u4rdc4++tdj0jk0byevfqjcfosmtphd4nw9gtfna5po0tnarog9kndnjoi0fuoao/okzi70wn1qhzop0oumovj+wjnne+frzk82i4uvichhacd9pfxaki77emelipc5nrmyp1jufh9jkoan5aflkz4+gn6iy1ghm/v+chp5f3c2ojxbzpjmzgyhjclooldamellrk+xjh39s9yj3yzjbmyichobfwcxk9c89y0fbxw2bekfld2+zusat9hvbwnh51tn/g7tpyxew24rd9ekpuikjabhpgbvyg1ths/aee7urj/9fbce3vi1tsx35jymxglarzwnwyn2cc06pyzc21weldctswqfpnoe9vvx9feppawc6glhyfemzxhy4egya97rre89agvm25sdbcyawvwsr3uapajlg2+4yr2fvyobd7ffs4ps4s9e+k9fmo2/+stodtaed2m0nb9q+efqrjickjjmezsmswxrhjlp14cncodiy9svfxqhmpvka2eoumigeihj8zfdckqxlyaa27l7uxmte1guvj0ej8abhblkjficeib1jh++o+aktyazkwg56xcvkroskqqhlk5hea5ftmjmi9gr6ypwxev5metlo1vuon9gapibgczx4mtpdji9vz6m+qisy1slqtoeqam6ifg3i0uijxjyad2tyx0vsa5sadeku4umg9xpa353wndrjwv9w7i8gsnyx025j0jupboefeaci5ldndjwkso89e9valt6vg/hdsd7723/av312ejrfe7c4a2fgxyjeekivizwdntlloq0jylvgjndnn7eiiwwfdcoxvdvghes5i8+cw0mqthk1d76baid/v8fm/4xj8heux5kgfszmsjxwxbxaxu8ejglpicffe6k3r2upesup9czd0kztvgayeipapkjgxuambee2b0x9mjat0mf0d1urokt0lf+9mf9ucvax26cgkr95q8awb49txb0ccbmrlfg4cwnsf9n1cn3hx9soqn0zvhls35lmsldpiyfpzsmlddhbnqwiwsuwpzildcnbx5kdjdpwzyvrfyf4qv+5m8s8nwdl1t9k5obfuqxof5fu9xn+uoz/p1j/ketv4gsvzlx28t4177lzalzvhlmlycwwcswnafhilhz+bji/mdee1awtsbleuueipmrhslrcbo/kqx9zh3jvt0lmthp7j0yzxexenxwtf9y47/trparbnu6zh28jp8/whlaqyiijfnentbnoxsdzl7pmwd5xqcw4uqduehawfhbge/a3ofvogysjfm3doa/6fnhuwe2vteikkfiwns6zjnqagh+db8xm4xp4agrp2nklg2oisgugl23oj7xdcy6pflnmdt2r9dj//jrp8q1sxw4hs0pekh7incrlyfqjofv57otahiruthdgbpxlu8/dmfmfr1s/1fat1x/30kgootvcil/ph0r/bddejevyn/hknzxckoxifto1fpd7wp0ggh75di/6fnp7t9u+eoyv/qzlp8ffuao8gvuzhn0cmvhbqplbmrvymokndmgmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzidq0idagugovumvzb3vyy2vzidqyidagugovtwvkawfcb3ggwzagmca2mtignzkyxqovugfyzw50idqwidagugo+piblbmrvymokndegmcbvymogpdwkl1r5cgugl1hpymply3qkl1n1ynr5cgugl0zvcm0kl0zvcm1uexblidekl1burvgurmlszu5hbwugkc4vc3rhdgvzlnbkzikkl1burvguugfnzu51bwjlciaxci9qvevylkluzm9eawn0idq1idaguiakl01hdhjpecbbms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdagms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdbdci9cqm94ifswljawmdawmdawidaumdawmdawmdagntu1ljawmdawmdawidqzmy4wmdawmdawmf0kl1jlc291cmnlcya8paovuhjvy1nldcbbic9qreygl1rlehqgl0ltywdlqiavsw1hz2vdic9jbwfnzukgxqovq29sb3jtcgfjzsa8paovq3myidq2idagugovq3mxidq3idagugo+pi9gb250idw8ic9gmi4widq4idagui9gms4widq5idaguj4+ci9yt2jqzwn0idw8ci9jbtcgntagmcbsci9jbtygntegmcbsci9jbtegntigmcbsci9jbtggntmgmcbsci9jbtkgntqgmcbsci9jbtugntugmcbsci9jbtigntygmcbsci9jbtewidu3idagugovsw00idu4idagugovsw0zidu5idagugo+pj4+ci9mzw5ndgggnjagmcbsci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4az2b23lkthgg7/kuviyrslziwnntnk6vc7a9vblw5uiezuzkrqu1jdv2y+zz8v0ngotmccstvvujwaeadebh998n6if66/qh+u27r1fvhmtxp+7qln9d19uxhpphx3+o3/59/7dbf3r68epqp9zs3lkxtrpqn7g6hlhe3vvvv7pz9e/vtaalcw7rh9pbi5owfm6xkthwbgqiuinag0o6uc4vecg52rvoac3ilcjmswtumwv0c4vjqvpxjrh93obyxjshgobfw29dxfbhn9qh+txirmpmxzqptwatxgkxztjkc4cmv/sxzhmutszv2/st/vff1m+/2r+unm5/2r+7p9w/3n7tnx5ud1p1tgjjj3xbtd413ihvbj+b+qbt6jcotvff1b4pzvsqh9oprplg1+ff/abwywybghp+tnrqnl21k7wewh9xhttplylwksugvj3ujsfbx0sdplrudbols8o1jvltm/2wnvg6mvphc9nvhypx/xgq/jutxrtvbw/a+tt3wotv3rj6teyrhh0n+sxaravgh1im4jiolq9vcgmtbsxyv0+hrmmzp4o031mhj83eusxnh1beugkfthrfmyunsek0zwrej3xuqqkjuyepmtdfp0w7xf0tuc8nsu0n0u5bmzj3k5are8e0fve+bmo6q2/4/zc+nih0e7mp9xuoyr9c07ja7z/uv/nq49p+4dpd/uml+v2/6y/fpwp6cqermzxj9a0n1wtwnyvrjrci+h7bcsrrd7887xf31/vhrebricjaxwtwzwbum+ifkeoaz1uapafgab+bsruzpvhrypaf4kmwozd/s7cslo4z4ensdpa06axw1lfq8pbbdugjzem5vgcefpsbxjpmgc9zavaf6u/qyl9/sjvx9q9synrgm0yhxofazvdbgvflinq2udnxnwdbxqjdzeuebh0tyj6bg7stoittpeqctx+attnlapx3ogcgn+wmb0of4hnzixzrfygdvhnislytnm91dhpemvjbemdytqhtfweezzt+5f7j7dp9wxfvrxxvsvqnatfwnkv9l/zijcivvqe2zhdabmmbplwc75u+opszjxtu28rsfwhrp2hizajzfj8bxhktz7rl8s1rqw9viwlsmyevayelbnrjhwq1ta1jnuwkushosua22p4nt7l6htibqwnyoyb/h1/2qlfkvsw/ftb8s/rghmbhaobs6em1zjllzwgnhdfcsfktuisxdarmy9ppmktylulxl0fis5hussmgajx43mkux09c5644lu1vfw2qn0kv0wvsczifuyupd0nyjkpympdarbkslfhvcnjwmurmqrm5h5xkqsru8ggqhwxd8iaq9ychtc6pkil8y8pgfplj0fclkidnbcod9hl23vdbrw24d/hivemy1hitfna+wvy/xc+mervgzwnesriuz33ozp+fv/pm25s8iy42rmvabpxje/+zmnmb6kaoh6vdfph2sgma8sby+crhlvyxwejxgtmvmtbd0mpkzzn4bawceb5gb2y56yzufndwwx6kfexdggchzutljl8owo/gnm83lmr53w+yiedmhudtet94jykgicx0lm84roex+ty0egzg1gq0psjaomjnbcztvjjji/vedf1iqjia0ynrg7g7agtwyovdhafqg86m1ap9r2nmmisq14imzq7ypn7ou6p93e/npkm0uh7jynjd0db4n0rla3pc4c8sci1lz7u0cumxtvp031uvwqodpsc6st9d1fynuqvmxmep8bie1oi0viy82qnkwhvaok91ahflgmvsgs6apaje/ey6yswp6z0wp9vcv/rvoum0uh4nt7bxfx2tosh8s1qd5wc4fmhtsm3acczhrchmng9f/rzf/fhk56y6pzox5bgnr+lwjjhx1hqrmtue4v8u9ay0tdbruzneehzr7+7vpt0e9tf1jk24kni5diweckpi+8+unorg9togjdm1m+vym5os9nf6+gchqwv87h0jxo2tnpcgwdas3ddg7i0jdawczueba9n55prohu5t7pj9bzyqb0scgbddinn3bonze8zxpgrrvdn75loei9fy+kvjvi5lnc3pic9t3sa+ywi7meoyu3eg5ig2la+o2nawmdtpkbnufldkyqenunkjc3o5v5mjr6u5mnx95xbh7cabkdxams1oojxtlpk1jdq3r6nq0fnlpyzobbthdqcedadu+esfdyt3ojm1m+lopc1ny9sbx1zsdcxoo7nlmg1fmxdfro7zqcrtl35z0nlmtivd9ujnx8xibvfymeqwp1w4avypidzmr8xp1olw2a/kwvzapwn2sjnkju8e+nky5qswkpt+nspbnf+qpbesys2df5kbnm0czxhqjk1qchk4gg8kbjblkpyuyorc6jejsdmzwnmclkrfarvyax4pc0pukzht5lyky1unils6i+earbxymlmpqzzesjgxd5wrx4voq+9h2mw5uc3g3txxz0n8tex2w8ffxw43rb2a3x5oljvbi5ee58df8kp8okjijrovz+tiq9j6uiiexavpdy/lxzt61eql3io+kgclmakql3w0nqqo4fxjuc7cwhqstzwczwd7yk8c6aqhb9iwnpwgfdoxhgpogk+kmrsljuua10kaxsra6jwumswfpxsakpm5jg6qxns3y99n5irhkfdp0b1ytij+rbtszckj7dsjako/hfadwbgra3gp32z0pfpft6ekxj4m1elwtrezo8tlrxizphhrb3r+aukvcnilttuobpvcgfl75stgbvif6qfrpmek/suumvf0ghrrtn3xkvnjqll3ter9qqwglcnhjxjfijjib5mlx0lopazy7k3gi2niwghec5mx/yhneindr2w8jqigquaftq0km4aobwqafnnvn5u9x1oz4/nkudbmbdmso+v6iuandj4vz1tiirt2anrq4krr3qhj8iybviac9kbnewwq5/i4uoapp8zkqzog+5oxyacqefmqzs+nkyykmeondy7avmlgly2wd4xddosro/jvuxwda0s/o2mf+beo2kknajprvfvyjplowj2rudcumvifcfmwz9q1ufmxu4jgfszknawfmuwqwvrp1ft1xd6ziftjwq1s5whntqzrkmffdvbokcu7su51ghlpc4tmmzwsk8kezwxtvdfqcgqo/cgt1svwo4rduijobh6xdimcqltiqcorcqqqcgnuncomk69vgwkmp1jh0fnlpyqazzde1cmfayznkgzbmkr/3l/9teqc/lcsvxkmptowdirrncr0u6kvl70c/l3ipdfvapzc9hdzkfziyrqxvnqq2terpffe65d8hlbpbekiqduiu7nrlnthmwmvnmkc+e+wu1ydz5s/cfq6okspxxasos3m4yw1zexilqcx1zl5kovkpoja5bzri16zfnciv+s52z3plochrt5+0sj+7mabsswtgoxgocitonxpt56wlzdlgspevbyumpqcirvd6ejgbc9geo8joztivinxg663miw2btcrfspec3fbegjdjhdobudcj8hhpuoiz3sigue7gylouwhmlm9dm7tkuuqfsm/o+tx7xspnihkkutzyqbib05thh4fruynhbshhqbexrmhkozjpsgwkybl1o/fsey7eiegyxbyt5tsgpaxw5rf46ckhjja4w2qvi1tnv9ntm1etbdcklzm0pfzwhmeysubqlfbsmjj9oaa9tw4ztqy+7iymibmem+bib+7fewhcz/cthmn3bcm+p/srrsp8p+qgebybgytwtxqm8/nijgnqvgsj80tlrsllgv4zykutd4+qdn1twrqtdwsocbsbxk1dg+qb2j8netr51aao5fegeyhjmkpkhqerjuwe1ei1swcoxedc38fbhgvndancewy+kjptismfwtjzrd0sjonk+8lzceihb0dyuoatqj1jzs1k8ea9y1qghx2xo6wzoijlrbtn7ltzu3izbwae1llhaijlhujavphrzptz7l2ter+00ojtyas9gjvdoltww43karoytwjxi+dqswfq1zjghr575pzh3ej9okxjblqswl8msc8nb5ccvndldpckjzvlijom34nr2pqyigptpwrfhoagsiew6xas7xvs5pqhm05a0zero5+rtp5grztisdnkb73q6aqxvv2gyfeveur6un+6qohbtnjetfz4q/dlkywoy5a7jsptph7ezjdpqfff4ndqvphvrubvjtrbsh419+bkzr21wvpf7czlknjjmgp25oly9b3bciil9ree3it/p9zff9popj0rmccq8az8n6z49tf/2uyemeku1cur63oi4ig4manz/w7ut19npccn43zjo0337f7n222h8lic3jl+dtszdjzocwwvvr9/enpewyvicjhaji3mx+nypdjt3u3hf22mqfyrhlls0rmo5kq4r7wwonfxf58tzhf1fuhyx9vhm/rqwpsfu5bigejwbqfpz20ovnlfxv9kqaahnzjf83ktyoitt7c9uz9cv/3+clx7z+h28wm/fwcqx8m52rt9q4eu9byjlg1d3ebh8hg4yvn92pubkidr0m1qpscamtc2ophnxf1d/7ija1lgmgxpem5xl/wdtgepdq6tbzqoe/3f26ebbw1fec7ipguzu0q8xt3t66dfpq0fja0cmcgbo4gyjplsrmq286osbmj8ehu9r3x666f7bx2fkyupj/mdktk/tih8folm1rzvf1a5veptq12zlu1jo6v7288tcw3opxyec67px3vnf1pzwv7xl1+rfv8fpnjwtk+twjqrnljnlguuusevyy68bbgkhgjbksuef/wdblksfyfrfngemk+qsejysngj/3tef3ncfarjnlwphiifklciuv4iu0fwkpey9k+vekdmhws5elsnhrraz7dzrausy1mmrbeo0pq9muu+icesorilyr2n6+ber3rlg3nugdxokrnjxn1ikgpux1pmnrgtthy/r1ethbxsafm6jd6vy1eetqoepkix+d2ixhbih6ychw+auc4mvifrnkmgxfswfhavbukd73ghlcsflgtkooz4i2oaluk060tcr4a2pebvuslbukxj0uvcpyevz6xrr574jv/kbalr88prbquniqb5c8leb4ggiwkkuobl/katseyxqoeatccxog7c7xegskugywp2p9ciewszuipl5qlo545qaolnlnyqzvcop35ttgwcrncs6ymyx4wcazskukuj5frwyolo6qw5zf3p8lpvfm245glwh00rhmkfkjbwxeuggoiqzcioe61fokyh42tu2eo2wsp60aqcvlkdflnmztmzwyzr6yyemjnm8wibvo4dsh1vc2cqnu6ljvihd7q0r4nfy/my2pv29lkhonpmgg1v9dziwyky0wzo8zpdhaz+7af9g1jc5rx/myib3qwjq7cia7txbinffiphysdemxoikdvkski3akfv7q+oxcqrktqhdlalhzniu00x/9qoxcsglr11xmaxvhfi06bwzctajderwr77eo2rtybtjzaqn4tvtlhyb1mdpaopv8raxv4epidly1fwa0higj0slrhjvmbehxgl5s0vhr5tzytlvdfc8pxg2hajwnnzw6ijocq8k3jkwiwhtczjjfb07mwv8wevqnmgubls5azlfi6pn79meaxi8znigw3k2gvsf4bl+yh3ew+faqx0ce6xp1hlofp9xqgnvdegsq8zgmadx2gvkpixmzgjij037gvrcurnyktkdjluxsbtpq8zfklqqugkhroa0valyey19tzizzx3vz33wph4boakkiusqcqw4cp5zvmloqum9reqtpzqrorepmxeqthjrzuvwfqvlnj3ayf3aakseaafwvjgpwccs3mwtc4qzpc0jcbpqkjmetvjlm9a8lf7q5kfyc3weaivpjtx1zuoa/ejb4b150bykvrznggwgz9myz9wp/+j+nisj5bf1n8nslfx8rimdquml+cjl0jjuvlljxnwtvpjhm9/ufv+/ld/ab+kjr7+pyug1rtlbmrzdhjlyw0kzw5kb2jqcjq1idagb2jqcjw8ci9bdxrob3igkerhdmlkie1hbmrlbglukqovq3jlyxrpb25eyxrlicheojiwmdkwmze3mjixmtawwikkl0nyzwf0b3igke9tbmlhcmfmzmxlidqumi4zkqovtw9krgf0zsaordoymda5mdmxodawmjmwmfopci9qcm9kdwnlciaotwfjie9tifggmtauns42iff1yxj0eibqrezdb250zxh0kqovvgl0bgugkhn0yxrlcykkpj4kzw5kb2jqcjq2idagb2jqclsvsundqmfzzwqgnjegmcbsxqplbmrvymokndcgmcbvymokwy9jq0ncyxnlzca2miawifjdcmvuzg9iago0ocawig9iago8paovvhlwzsavrm9udaovu3vidhlwzsavvhj1zvr5cgukl0jhc2vgb250ic9sqkzzr0mjmkjizwx2zxrpy2ekl0zvbnrezxnjcmlwdg9yidyzidagugovv2lkdghzidy0idagugovrmlyc3rdagfyidmyci9myxn0q2hhciaymjikl0vuy29kaw5nic9nywnsb21hbkvuy29kaw5ncj4+cmvuzg9iago0osawig9iago8paovvhlwzsavrm9udaovu3vidhlwzsavvhj1zvr5cgukl0jhc2vgb250ic9usvzsvusjmkjizwx2zxrpy2etqm9szaovrm9uderlc2nyaxb0b3ignjugmcbsci9xawr0ahmgnjygmcbsci9gaxjzdenoyxigmzikl0xhc3rdagfyideymqovrw5jb2rpbmcgl01hy1jvbwfurw5jb2rpbmckpj4kzw5kb2jqcjuwidagb2jqcjw8ci9mzw5ndgggnjcgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggmtm5ci9izwlnahqgntckl0nvbg9yu3bhy2ugndygmcbsci9ttwfzaya2ocawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0ieaaaaaw6d5ux/haovqyccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcagtmwxnkaawvuzhn0cmvhbqplbmrvymokntegmcbvymokpdwkl0xlbmd0aca2osawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmtgkl0hlawdodca1nwovq29sb3jtcgfjzsa0niawifikl1nnyxnridcwidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqdviebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawaegqfo0gabzw5kc3ryzwftcmvuzg9iago1miawig9iago8paovtgvuz3roidcxidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidexoaovsgvpz2h0idu3ci9db2xvclnwywnlidq2idagugovu01hc2sgnzigmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tb2+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbp6bau7saaflbmrzdhjlyw0kzw5kb2jqcjuzidagb2jqcjw8ci9mzw5ndgggnzmgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggmtayci9izwlnahqgndmkl0nvbg9yu3bhy2ugndygmcbsci9ttwfzaya3ncawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0ieaaaaaw6d5ux/khvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbg4h1gm2yaawvuzhn0cmvhbqplbmrvymokntqgmcbvymokpdwkl0xlbmd0aca3nsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmtqkl0hlawdodca0mwovq29sb3jtcgfjzsa0niawifikl1nnyxnridc2idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplth+sfughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwyeb8yoxiaawvuzhn0cmvhbqplbmrvymokntugmcbvymokpdwkl0xlbmd0aca3nyawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmzkkl0hlawdodca1nwovq29sb3jtcgfjzsa0niawifikl1nnyxnridc4idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplth+echvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwicbmzbc2qabzw5kc3ryzwftcmvuzg9iago1niawig9iago8paovtgvuz3roidc5idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroideznaovsgvpz2h0idu3ci9db2xvclnwywnlidq2idagugovu01hc2sgodagmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbwmdwyiaawvuzhn0cmvhbqplbmrvymokntcgmcbvymokpdwkl0xlbmd0aca4msawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmtqkl0hlawdodca0mqovq29sb3jtcgfjzsa0niawifikl1nnyxnridgyidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqo/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawzeawm2xgabzw5kc3ryzwftcmvuzg9iago1ocawig9iago8paovtgvuz3roidgzidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroide1mqovsgvpz2h0idu3ci9db2xvclnwywnlidq2idagugovu01hc2sgodqgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dcbaaaaamog+vnf4aifughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagiezmgtdaaflbmrzdhjlyw0kzw5kb2jqcju5idagb2jqcjw8ci9mzw5ndgggodugmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggmte4ci9izwlnahqgntckl0nvbg9yu3bhy2ugndygmcbsci9ttwfzaya4niawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20hb4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgnoebttiaawvuzhn0cmvhbqplbmrvymoknjagmcbvymokndu0mgplbmrvymoknjegmcbvymokpdwkl0xlbmd0aca4nyawifikl04gmwovqwx0zxjuyxrlic9ezxzpy2vsr0ikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbhzrnsbrhgmf/s40esqbrlwjf0mekvcyluglt9stttmxvtalinx13nrxnp5ndluuihoiydywuvkshie7houonokqemxwjoknfeaveirb/o5o7y1s+mdo/ez7/+3y9wwbvj1koy0u0ymrou8nemhz6dezb/bpvqeyuxcndczosiqgfqzxp9wv1lrrpwwqusdb7nnyrdpkqudqqd2qdpix5podjki/kntw1zyqbe6k02se3uepjtvit8tzsimddnbaeavs1u5mzhjdxijviluujk2m+iot22rtj76u97rlt1ldfydc5c9q48v1a2x5g04ukbcwdhtwddtdvbpu1wm4rypfqxfy96c9h2fxkyxxq9smp0rhr+laqfa8dnt8afl4vlx7clpv+3meo1vhumgpu0deymoulenqb7gb85br9i4oeffulsma5jmwb+q8anz8c+x8c2x8diwpgqbwry2w3upliiuccdoacadfmtus1zl0/onxwaixwzxtndvrksjtf5wmu8irbfokmtfkfztlf23ipcnt4ke/2f7kkvo7frmylu12cjzry1qe06oomn5dvz8yepni9r/czt2c4yowame8bcjhyyrbipbepidty4/gtzmzxvccfk/oqpocvb2vm334udsjbrqu9oznrl5pd3ns+mzhem5kswdmtnfhf/mytjgxefdtcdsz/m2dtkwcyhqubezbvnjqk0ysyguharq4zekwqtfqlx9bqwspkx5uweuvdfhw9wogefx/pers4w8y/hvgccw3lcjr+tv+il+sl+l3983xtob7imxppmsara18zv2aw1ci4qy0yvqwpig+w2g56lwrpneiv9osv9y3h6jl2fg3zo8kc4mp8ndslcgvqxdjjya5l90wyxtfh51vl9q/puft89klnjdeyunhmkfp8nlwna/+zq2dssqvw5i2qljxroe5vd6p9aovack09prarbwox346qa+udw5yviqus22x1kfzgy5reyklxzovg38ivhv+lxmel1zq0+q9nulmmaqnfedw2cieu/8nfswmn3mvuzhn0cmvhbqplbmrvymoknjigmcbvymokpdwkl0xlbmd0aca4ocawifikl04gmqovqwx0zxjuyxrlic9ezxzpy2vhcmf5ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ayvst0guurz+ztyshihbhxiidwojlsmsrkdadnvzlw1bldkiggffuqozm9ob2txfkwrdojx1d6jjdozqozuxoscss9cgqsaiphxo+83s6iieb3k73/v9/x7fe0rtnabvoylbvhndlsulp25otyudhylfhdrowkyv+olicyyx67msv7vx1mfs2llex7v2+/y9tzvlychqlba3epohkwyah5mfkgwas8adlq/ypge8wa6sgvajogmpmrkw09gcdkwylzft5qiokq9io0mu+/m5xr6ltymd/lypztaovbpqqtfm1lt3rkg8d65egc9fvpzsnrsndeocsemakfku1d8rtmcrkssqsgzsnws5n2ponxxgdri7xbqt4/j2eku+ywcoibxpspkdhx0adirl7bdwbejxsmip54f7yf9bucotwcdhp2shedath/yxrlpge4q9nedofk7f8dqkh14taup3vcnojhnnxnpxoxokio8x1bmy90y5pgsxd5aqezeao2efwapmcrfd+67qje57anft4zvrmzklxkacsxkxfdku0dwjwbr9i7bjdjw+zh5v4heommacuynczsj3hturg2ejuofweo1xxk/jufhf+gvsgm+afqx213t8/+njfxxxtj48+y163dmuvz0bvwfwcwul3f/hmosp2sc5pshtovlya9h25a+azeywdcjefwu+l/qse1xc1e7tueuszfa+lgwluktubinu6j2dsqwck9gadncsxcxahlhta7o5ehfyinpt+u1xsuug/vr2evva8h5tyqgpkbpns0rmllfbo+tdenv9zpernzg6vue9ilrj/klfed+fovoq8hrv9fzq1srvzw5+g7z+xd+l5/vb/twjpa2f0a/ooxg+dhrjz8jzur+jsfcwashieqckgzputlrjjqpikfhytftkkf0pqbn9zmvuzhn0cmvhbqplbmrvymoknjmgmcbvymokpdwkl1r5cgugl0zvbnrezxnjcmlwdg9yci9bc2nlbnqgnzcwci9dyxbizwlnahqgnzi3ci9ezxnjzw50ic0ymzakl0zsywdzidmyci9gb250qkjvecbbic05ntegltq4msaxndq1idexmjjdci9gb250tmftzsavukjgwuddizjcsgvsdmv0awnhci9jdgfsawnbbmdszsawci9tdgvtvia5oaovtwf4v2lkdgggmtuwmaovu3rlbuggodukl1hizwlnahqgntmxci9gb250rmlsztigodkgmcbscj4+cmvuzg9iago2ncawig9iagpbidi3ocawidagmcawidagmcawidagmcawidagmjc4idagmcaynzggmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagnjy3idcymiawidagmcawidagmjc4idagmca1ntygmca3mjignzc4idagmca3mjigmca2mtegmcawidagmcawidagmcawidagmcawidagntu2idu1nia1mdagntu2idu1niawidu1nia1ntygmjiyidagntawidiymia4mzmgntu2idu1nia1ntygmcazmzmgntawidi3ocawiduwmca3mjigntawiduwmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawiduwmf0kzw5kb2jqcjy1idagb2jqcjw8ci9uexblic9gb250rgvzy3jpchrvcgovqxnjzw50idc3maovq2fwsgvpz2h0idczmqovrgvzy2vudcatmjmwci9gbgfncyazmgovrm9udejcb3ggwyatmtaxocatndgxide0mzygmte1ov0kl0zvbnroyw1lic9usvzsvusjmkjizwx2zxrpy2etqm9szaovsxrhbgljqw5nbgugmaovu3rlbvygmtq5ci9nyxhxawr0acaxntawci9tdgvtscaxmjqkl1hizwlnahqgntqwci9gb250rmlsztigotagmcbscj4+cmvuzg9iago2niawig9iagpbidi3ocawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidcymiawidy2nyawidagmcaynzggmca3mjignjexidgzmyawidagmcawidcymia2njcgmcawidagmcawidagmcawidagmcawidagmca1ntygnjexidu1nia2mtegntu2idagmcawidi3ocawidagmjc4idg4osa2mtegnjexidyxmsawidm4osawidmzmya2mtegntu2idagntu2idu1nl0kzw5kb2jqcjy3idagb2jqcjeynwplbmrvymoknjggmcbvymokpdwkl0xlbmd0aca5msawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmzkkl0hlawdodca1nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae1z61nsarixmxy56uhxgqjskmz2qmw8heusrmiaxi5qy7i6mocsg+koewudmbwtrak18pr3nftskkbipdl/bd+xawimac7bvvt78j4vnpf8ec7v+zy/jyrqb77jaiti8u3f9/2yrcztkfqqjxbqqrqkmuwinzisiuyh0qirhmfgmpksfgushihbqbb6ni1koqudya8qjr7dzhnqnd4hiyhh44gvmmsjacyhxyyh06jaof+1dsasjtdzcfgjyfw0qbqqugrkpavsulosenw4nhojbmso50icfkgyhjsxihbmiiu/y1lpzaigluoxdlskyc4scquppjtdrgjatceqizfpdayhtuovzkkuy/ik5exfxolxinlhfu4vukmwmdur5tdo1go4kcjajhe8vlcm5rqwxy+rqkpwqx4nccqi29vvfeu3soolcjcxkj8qbwxzjbfihiumpwdhuuwkclxd3ubtvradxq/xwqwsz3/cd3w6lpawzm2tpr7mdowikbflsk9c2dbjx/gieadhc1oeeplcuvwrufex4z/o7p4+4tdb29pt/acz435rs6ausigxsx7ix0muh+pfxysel8lysyprm1rbu/81dqw9nq8/iwzdw2bz0yeda4/6utpbm2ors/iwky/lyr+rqqglmjewklqafuev6cnzkzevjianpqenp+ac1rm/4bttu5otexpj1jhlsyftb4euqauolir4xbailzaxksl0jpoikl5tqpv+7jazr8anzxewlldwvgndysrkm+xlxyxzkavfbopua1irr0kvpkbmepilghsysulcrecp1ry/hljmzc6trm3yn7cixuy7+7ptzxf2wjluz9dwkaswyvici8wswd3sbiekt/gh1thvfjmzzlnvbx90ulw7rmllcjmdju0tu2155qw536hvk/ikggq2qg2jxdknifizzb/dbjl0m61zq/yph3fcn3z394jflodh7fr43r46zzx3tzepsmrzfjqzyhysbeekcjf5runbn9k6b9t07hza3fd6vz8jbtjsu7/r2xfs2eat5r62hgo5jkzkiafraiif5yuvkmp1xynjc7ytpxss8dp4jyj494nk3m4t29zyyjeurnfvzeddoovmzydkypkqrqpjmrmkmqsieexdvw/oxsdlc3xaymr/85ycy0hgrqfzmylejmfksmv0pu/hl+yoibocicdtfgs83l23w740/rrhry6vizjjgx4i0rjctisfnzugk+x12/cu4b34rgsibmgau+y8f/vayji03cy4may85m8hkd/ap0xv2s4h6+kgw7mxssa4ybx7hsfgonwou1tdbdwuzcfyndvxwpusdwvf8otklnm3skz8xhadmyutw316dcmvc4nsqlcq6zzkzbzfnbb+f6/ffnd7jbih7+dbau9799zaqy/62+ouoznjhlo/bslilf+cw3bxybqdw9t270cutgj/efdzd2+vzy6ydpxkxhfkloknqkhi+nl55rrjwoj8usnzllq+73u21+dhh7c3lowj+xeibb+dkqjkz84v13qmjc2aqavuauwj9grm8tjwf0yfgzxledmhvol44rwyjfhx+vvfgg4vpfau9qbtyox3irv+mfb8gvqhmmjm3dpotngg+c8vpthx3sbzbr4sequtr58r3+g03t/6td10b+2cyx3k8t9b5wf3ubs8muxnfjmvhnezr/nrlvun7bbe2tyhesxjbpxkc5prv6/wgldqvfsgiqtpod8qrvvlkg7wtjxy294nqw33ycekuolawb1pqg1xs4rx/c63b9tnxff8nw4qfsmrfx9usa9sh/rbdifxjddjfrdodmpw7ram2b3a1u3vig4pqxe4sbya6a7vyklqhcag1pvweizrovgeuqzvms2vqm+8upwgnloens14zzz96ms9m0giocrw/uqczthrgnpugbooaynbbyglqc3hre98f7+s8bwqcfpjlysomh2lsbw96+gjgcenzvmwcqolffiavmj6cpwvuup1fzzlgeru3hq/o/nbd08vobjtqhwqdvgddis9vndbttgx0okuv6hq6zvn2uawfp+mbsu4qmad9enbjkjfqck0ubavas8qwuoousgliktvlfdcirkaejesbgquysqbytitfuqqrj7dlgt020yjvjabxygv+pvq4rbqtgw5sgpd9mitfbonvm0wibmllzac9wyfnh1jclf8ogyfpyd7hbxq+lm8pjrugsa9g1irp10gokxgd9n4jh8ik8wjrblw9ees4rmnnnxamvg8ii7e+azchi2c8i0ymyf5epzukqcmqpezk+ftsiookhnjet48ppglp35w2al/awg7shnlbmrzdhjlyw0kzw5kb2jqcjy5idagb2jqcjexmgplbmrvymoknzagmcbvymokpdwkl0xlbmd0aca5miawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmtgkl0hlawdodca1nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae1y/vnswrigy9cvvoovzauxttbskrjhfzhlr8gkdffazlcm2hcbhdhl78108hnltavqhfyr0zkcwjampdl/bc+5ih5xcrx9yff9arhmdg/ped97zvm8fmr/ragsrkntipwkidqanug66hqadueq6rfriskdwukj2bzyxy5cwuwgnyzqv46mihqgk4qdxei4l0e2upf4xew0j4rfoh+nmrxwrnlyhpfet4kfhsmppcolwshmeiqmxmdhbbtghksxijbybaxp4att08qzkiypvho2sgirpvlzkox0sshvyofhgjvfoacwcohy4nicllsmszl5+qwff0hv4fkchtxxjs0qjfn5sryuqdupldxdde8upklk8gul5apkdrwoxympulcq6mrl5qplcafcjkktjulyvrcqkcyvpgbifcwqqus1nwy3jpww/gb1mhdiub3ralxl0ou019qvxyrsjfq+nwbdu8mgpxbuljvxpnlobt0x3wtt7+ykvdo7o9rbwpobbxtqnaqivcyrgavy7u4tqkej4wuiqbxmrtwawv/s7r80m0cer1ojiynm89bgx09xs6oxrl2wlwww0sgd2xfiugksds4/jvuoq280td4cfpj06rl1egawddrh3olfmzpt09bnlsnxxwpdrq36aqvckuljhoboiuiyubgjqrk5ummwdfwpwmz2+vcldsdipovwobywxr2ct09ppenvmhk0snlwamjsfgm7wsonxxjc9nwyjahpwfcebd7xxvno5szxrndvna8x5m0tww+adnvluelchozuj4sw2lggtvak1pu6zra7w+n2fpsurn4iu6urxu/kb9eyw24xd5v06qlsnd7o3kywdbvlsjeovdunxcowuswxz9x32e9fj1d+v3/n5/w4luysw10nnsqfjcuby22rbv3fbadzsjtgtoej+5lb6/ovbwkbl+qk/ejg3e/zupfskwntrk1pzmkbibs+oramh5ecqvdptd2jnoclgg6eip+ouil/obdwr3ldi7axhpnopchm5kuzw/neq2msrdnfgmp70lmxto/ph+izmssxkmafsd6p88wzoxzjdxg2kdegpyuewsodbla4r1zb+hbsdtg9gmjkdhouhribdf+qe3f27ggjtjzvjacpooe2ggfwummsgsqb9/un5p0rvnvie8mdhmdxfsvo+an++/rkakkyj7pzwisjjzw8d7g6vsnsxxb5/ucggol1e10lvnohsfriuzmnsm3giizqvlnp9ybu0dnf958i1knggtrkgp/t+8xz0e4710tlolgs0dghacxfnkvumnrh7w88pji/rwuk2qy2fj439qe9jq0yvyyiruoondroccavvpbuo4m55zw1dtadr4n6zwntzxlu4tfd3suwtngbq0xd8ar0eywuuq8o0+cjpuqq/qzhqa9zvyfpt8j3odbdgyp88thqp8ihbq7bf5xgeiyogovkxq6gr79c0h1fxz1ex2vl88rbfd2a4afhmsprcibhgzpmd8/wv/s8mretp+bsqt95nlez4kid57d+x5zdovmc3jlj4jg4/jthvo3oorz//wrze79segy02glfzv1tz5ht0evd27zwszymxj3+jaglhlbrfbqefure0zmluddn/hxwtcsnf1wdyetu3vqcddm2rqzl8e6n6iuakari/jzgpea9zbdlh/xwsvvdipe0iiz62e3o4qcmfrxqw1aihsuahukls4lav9rq1e1o/9fot+tfp9d+jpd21+yj/qfz6hoyqj7nydsmff7lqwvytofwotoez7kjfi5kj8+huglm4olewnnp9a2t3qopxyctvut00nurlu3q1m7aan1gelqwhhvq053a6+ko0l8c0yznl6uqmta2dpx0dq4bazsssyufbnz4sk8x+letukwo/gv8hv9kibw6l+tvaw23g5tb2to7oknydwdww5pnx/fqbgwmlw9yifzicvu1bz0ebbpgydrxmfhim8yayctvn+u0v4fcih/kekrasowswpadiencguxhiblisjceityfuv+9uqesuscxzyoozgda4wpzpliqn4kypljcualgplneqfd8zrxpdxsy6xec2ropzgsictoi10ika2dhujb5hdkayauys5gjxickcpkeysnkkkqqjmickuvkica3dfdy9weq0wyz05g4pj50aepkptg3m1p4j0busmcwjyygbvkw+j35meeemabqrxogwyz84l3dvdeqnena50f/g1/9a5z8nkdlbmrzdhjlyw0kzw5kb2jqcjcxidagb2jqcjexmgplbmrvymoknzigmcbvymokpdwkl0xlbmd0aca5myawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmtgkl0hlawdodca1nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4aewy/u9sexzh4xa4htg8dhlqba6rgrbdow2xyzr3tqamoenobg2kku9boqihmc68uoygnm4nsnp0ks9haoedihf+a/d7dqgrel0drlz737+ibb9e+7y/t5/ph0b734tocspciv/410bsiygbw0wgjcsrvwdddaiin4ggsjijocw2hng4wyqdywwwijdhe8b0iagqgjcnkbcjxbkjnatjjgkrqeda42iazpihhcgiiba4/akxvkyovcqlvkpiylkpiptkqovmki7gc1gie4iy+0wkimj8ofscslhtqrum42vlzeuubujx/lkuvfosvcav8jeupjsjs4dghmutkcpuwl25vrlkekma6fekimjvgksq9eu6ruohfxbzcjzjzqg+x+ajzmosvkkq2ltf1nxyx2z+jblm5jstzu31puqqcrxekrpx2ofg9gxbphhflffr9mbarvnda4etq7unp5eyenq6u2wd1rvmxlqjxqewi/kyypyhk+kmhm2xkdrlhpomy/2ur/ana87boaw06bx4an/udb+1qcaaaxriphthpb5dosrk8cqkbbmxzmztsttfji273o6jysw04xa/hh974br3w811xnka5bgyquslwshxjneugxsstn7nqovnw69/amr6qxaanprye9++cy06+22wbocvi7hoisfax0wgu+pghrzox7dl45uzcywsli4tz6glxcwfwnymz+madns2nvzh1tibluix4a9uqtpuwtodi27vtgb5lfglfnry2nikkbaacn0jri0hzrzueudna901nvlkq5lhg4ooiryhvksixmxzjez655edg1/dw9s7wwp7k/x1i7g8758ccdjmnxqtxph9snqy5utvupg2tx/y7q+shsi7kwg0tpelyrho7k44tbrwu4f7rbenuerkr+hdbqwxmagi5kqprdfp8s6vbw5fyvf4/k+k9n9ab5hx+f4ssrw5ou91oxvatfdlfelsygigypmw4cbmdsfoh7mrgyq0efntwmoarhw8drchlvnpqko92ygxgzvljg8koswsydt6wkvvopv9wnp4n5bm8/ankh0guqc7g17/9n492gup1wtkatabxcbgueelwy2rfdtzcwvzj5pwlxiqnqia4/hozubkr8+o3xrlcekhorqyqrisivxmy8pnll8ggi7skammxlp7j0g3vhcjbwm+1/ohltfxigkxsz4dcowfv1+pae0dmphecm1htw26v09io9uhpemjod7wmivq83w0swwgapm2wnsvb8qzcwwmu6www3oumsywenyz0nfpvkgvcq62e9hm8tlkeuvjsxdzn79fifttw6l+q2aj3z7pvrt7bk2vljwd7ztyxdbbqlhoagx/8tillpu0mcojpy6grshcel8+aw80xfqi2qdutfioq2rqepbkf1gnqenb1l8hqesb36tnhu1vukihlqqsbwdqh+sa+ocggqotddgvuezpxfoyh/nzxvnzn+xphs745la/oyer4ib44c0hdk7yhk55xz+r72vigt0mp/sbyaloce8rls+1bi2sm0pt6qa93ndngwre3wgs+xoxgo0qnekfmwvem6qhs+rcdvjdp5p72t+sqp1bf3xutj5jn1p8y59dy2fp97uzz9aasaejzehfx2ffv7rgx4yhyp71esb+lza7xt0kevvrmxt1gva413mjdvpcgsamzjdau5zbnbizgp0vwnigkwkkljyxb5kf/rxjfvy8cwdzmfsdpzdhc0qedsxglxlh5gjmyjlpzgry+zgpkynnyraetjp25np/a/b/7+/f7jbhcgvuzhn0cmvhbqplbmrvymoknzmgmcbvymoknzkkzw5kb2jqcjc0idagb2jqcjw8ci9mzw5ndgggotqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggmtayci9izwlnahqgndmkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahdv41pgmcyh+oo4/tdt9ehseqkskkirdqaqnuonuplnhjzuoatalvlxnd6lvar6srodihrqf1ndvrro6ysfayilpvx9t4dj34q7jfsyfzl4h0t3vpnc8/7pl/fw2d838esfj/5ypgqblfggckqmmwcf4czlwxqwagb5xb5fd5faaaweubxosgbgfmqmsewgnl4apfeworhwakawgihuegqfgl4hdbcyh0qwceviisw2rcvcqxqs/pqkrukebkmk4ofxdqndxoc2vybbjpjvwqn7iu9vrqgjqqr9foluqrzlsq5djmiugz4vdhmcef5ouiyrwwvvvzso8lssvis4emltwbt5yaltfqqskvzsyihiidocbk+uereqtpum6+0thxccdi+oqehw9f5w95+vfmkqd6gq5sxspicezqqjpilpqpntyo11x7t9z3nttfxr8hni/d5vvctz+f13u513+q5aw+xnnrofdijh4whi3eaywlzjtjlldhc4ujx9h/vd4ymjtpg2oji/cdqvt53t2el2ahvaho260jpqahxvkru1lnbnj7b4fhjmr9mg3m/0stcxdd49mn0o7hhay+z3xprqywvczfsmewwksqqnear3exzj88ef/r5l8jc4hkfxuvyn2cfpy0ulixewi9cz4mz436fy26r01rgqk42gajhscvuhqz2v39gkhiklk/8fn29tk4ta2uvo9hvvy8joebuop/b9iadulzkywbdqgwyqtfy6vqfhs+hl6mbv8febxwc95uxd2+iy+h56ft9ztzgnritotqry8icmqjf5vd4p+yjqxubf3xmjji79jfmjhif45sbq5fnu/5eh61wxsbmwjn8qwi/qejb3+oaha+gv97ge5/2uqnupn2ap1k7nxlxt6vh4msgq7vbw1herygwtgbt6u129/bmahkjntzbtwp8wqdaywf7e8n4xnjozthtn+tvmibkdiqks88zbf2+0wakgtveo6ay/qkfzh+vpthnxkkr4kivy2y4vypkzxidoskz2ni1++7e/nl6vjjfktbiybwminkp5nb60vze3e6rrrvmrkwfzlnmhhiis+wqlivw4m8annrqj77+67ohg85rp1muzgmhgimej28sbdwv1i7vygwy5gx3geo9psiyl+n0/u52lbqehff2wy/lbshvmie6yynaq90a8tnp/d5xx0xh7xjzsf4myhrz2s2sxvztqt2ixlzy1ast5olar7u5ejo1h/8aar+a4ge1v/2bqp3507xpwfuy8kgfe/mutllqizvsy48dh32mrelytif3bszbt375ahx0zlpneq1vymrpngz0u071znauhcvyoc8dlu8q0jfnordhidaecjebu7nw/pchvgx5xr1wi6evvlmeeefawalq1lnaut0dw2oppp88ddiwyyna6e5us9zplsxhtjibebqv0hpnlz097r57/scdkbexusipdp9bwe/ofrmph+4dywc8jaz3mbbgyxpuuxvvel2emsgmdnidtrie5g7lyepzergg4ccklb9rvt5u7wt+iryha37sa8kpaqk/lsp2wbi3ljhesueyys5pguv8mpcwjzcibynl5s0zibqyzrgicz98xqu7ok+upumusz+s1ahjn8zj4zpxiwbmcq5ajmvk5xkfqlwa6vepmp5frhp+qh6prfhswc7ml8w0xpbdw2b+kesdx3dcy7myvsesc/rswywi7f+yk7mv8b+ekbne/73d323c8i1lbmrzdhjlyw0kzw5kb2jqcjc1idagb2jqcjg2cmvuzg9iago3niawig9iago8paovtgvuz3roidk1idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidexnaovsgvpz2h0idqzci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb5zj9t9nqfme3di9lhd0mxasny2wlhciyf9jexkya7kow8g0gtmoicxnzghhdohmcinfkgyoo0agmkeoyemxtmsfkzeb+a7zla0s8uxaup9z7/ak/9dyfnhoenuf7vcl5v0rkcshd/al/rnocb5tjosnkel+adgqxk/4jl8wbcousqojhtbq6lknvmfwfkrvylvptqjtdqso1otxvoho9hugchwf6pvqj0yjqfcrbd2ycamuder2ke7ugy73jbdzbbionndubdbuejuoqmgucwi+15rkeye0nthjnzfoz1wa3oxwopycxgxa7zdrcrjqnbf6jgaed0pqcmqukoytxmkirgzrmokg3tbpqecquso0+4tpgoaykqry/hkgusn2vlqjyjaxbifpgg+vqd3u6z13went6egwqp8frvxcu2+nud1g2xnoc1cdkfug2q1ilgrqsfo3u9vquxr8idazv/clyn4kdgyhr13zebjdnwrsmmjzd7uklacpglv7x6hs5z/b1b4zgwncjo/fhytd90cjd8mhqol/v7gmxo7eo18ikcbfj1rrkg9u1tdce3v7gyl3xr0+isal4ffqw4vgpwptjo/f7i8h+xg/d0lshaarku60ezfa1aibbtnb5bm5fjqptz14kxr2em0sk1tzc61ejf8+mo5orwwo+rpmtpagthnbrcshhhwgx012+wdcd6nne8u27xawlvgpzsfkppaxfd2+tiafrb6fbxxdttxa6wf4qq1qgixpj8/hoy4hw5ntl+fep1q9rn9kztoyvgwjd05/wpqym3s+/nhoycvr1tjyb9qgefmepvk7seq3odq//zkr8dmh5y/pzdn0jv6y21rof0x+xf2bje7f9fzucdyrojs8saqwmgo62eq4oj8usc6vpbo5lps8ww2wjyfl5l7lsenuhersbvupppwpayuwxriaswux2+rw//pj5m5xm+iazvsh8lenvx1qp7muhsmvsrmdw3jx/hpkfp20mdfgwibby2oi8dsk4gptdxmtumju8x4ttvf6kfgrmznztcty2grx0ymk5jebfighpczjy+4bhz5kp9ea+mn9ovkchbwghv5fojwfgh3xuijyihcdtsbnnphpl5stm/eomx/beqzjvgjhmgcllvuznjm5eouorxf7ies7hocrlomzluesesn2minvhfq/a2l0aqtredbn71b53r4r+pzzmzkx/7crmndt+7/czrwryc7w1sy8qevj75+pkohc58zg/v2ultyf62sgp+pnytv98fn8dseo+x+e6/ft9jtvl/mhnsni6vsrl/xgwl5nwbrncfnwpr+lhoytuvnkt7zfilft0ewflfptuvuxt1psjzxt3jswiux6k+h+az/jcef917ed/qw/fadzr0eflbmrzdhjlyw0kzw5kb2jqcjc3idagb2jqcjeynwplbmrvymoknzggmcbvymokpdwkl0xlbmd0aca5niawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmzkkl0hlawdodca1nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae1z61nsarixmxy56uhxgqjskmz2qmw8heusrmiaxi5qy7i6mocsg+koewudmbwtrak18pr3nftskkbipdl/bd+xawimac7bvvt78j4vnpf8ec7v+zy/jyrqb77jaiti8u3f9/2yrcztkfqqjxbqqrqkmuwinzisiuyh0qirhmfgmpksfgushihbqbb6ni1koqudya8qjr7dzhnqnd4hiyhh44gvmmsjacyhxyyh06jaof+1dsasjtdzcfgjyfw0qbqqugrkpavsulosenw4nhojbmso50icfkgyhjsxihbmiiu/y1lpzaigluoxdlskyc4scquppjtdrgjatceqizfpdayhtuovzkkuy/ik5exfxolxinlhfu4vukmwmdur5tdo1go4kcjajhe8vlcm5rqwxy+rqkpwqx4nccqi29vvfeu3soolcjcxkj8qbwxzjbfihiumpwdhuuwkclxd3ubtvradxq/xwqwsz3/cd3w6lpawzm2tpr7mdowikbflsk9c2dbjx/gieadhc1oeeplcuvwrufex4z/o7p4+4tdb29pt/acz435rs6ausigxsx7ix0muh+pfxysel8lysyprm1rbu/81dqw9nq8/iwzdw2bz0yeda4/6utpbm2ors/iwky/lyr+rqqglmjewklqafuev6cnzkzevjianpqenp+ac1rm/4bttu5otexpj1jhlsyftb4euqauolir4xbailzaxksl0jpoikl5tqpv+7jazr8anzxewlldwvgndysrkm+xlxyxzkavfbopua1irr0kvpkbmepilghsysulcrecp1ry/hljmzc6trm3yn7cixuy7+7ptzxf2wjluz9dwkaswyvici8wswd3sbiekt/gh1thvfjmzzlnvbx90ulw7rmllcjmdju0tu2155qw536hvk/ikggq2qg2jxdknifizzb/dbjl0m61zq/yph3fcn3z394jflodh7fr43r46zzx3tzepsmrzfjqzyhysbeekcjf5runbn9k6b9t07hza3fd6vz8jbtjsu7/r2xfs2eat5r62hgo5jkzkiafraiif5yuvkmp1xynjc7ytpxss8dp4jyj494nk3m4t29zyyjeurnfvzeddoovmzydkypkqrqpjmrmkmqsieexdvw/oxsdlc3xaymr/85ycy0hgrqfzmylejmfksmv0pu/hl+yoibocicdtfgs83l23w740/rrhry6vizjjgx4i0rjctisfnzugk+x12/cu4b34rgsibmgau+y8f/vayji03cy4may85m8hkd/ap0xv2s4h6+kgw7mxssa4ybx7hsfgonwou1tdbdwuzcfyndvxwpusdwvf8otklnm3skz8xhadmyutw316dcmvc4nsqlcq6zzkzbzfnbb+f6/ffnd7jbih7+dbau9799zaqy/62+ouoznjhlo/bslilf+cw3bxybqdw9t270cutgj/efdzd2+vzy6ydpxkxhfkloknqkhi+nl55rrjwoj8usnzllq+73u21+dhh7c3lowj+xeibb+dkqjkz84v13qmjc2aqavuauwj9grm8tjwf0yfgzxledmhvol44rwyjfhx+vvfgg4vpfau9qbtyox3irv+mfb8gvqhmmjm3dpotngg+c8vpthx3sbzbr4sequtr58r3+g03t/6td10b+2cyx3k8t9b5wf3ubs8muxnfjmvhnezr/nrlvun7bbe2tyhesxjbpxkc5prv6/wgldqvfsgiqtpod8qrvvlkg7wtjxy294nqw33ycekuolawb1pqg1xs4rx/c63b9tnxff8nw4qfsmrfx9usa9sh/rbdifxjddjfrdodmpw7ram2b3a1u3vig4pqxe4sbya6a7vyklqhcag1pvweizrovgeuqzvms2vqm+8upwgnloens14zzz96ms9m0giocrw/uqczthrgnpugbooaynbbyglqc3hre98f7+s8bwqcfpjlysomh2lsbw96+gjgcenzvmwcqolffiavmj6cpwvuup1fzzlgeru3hq/o/nbd08vobjtqhwqdvgddis9vndbttgx0okuv6hq6zvn2uawfp+mbsu4qmad9enbjkjfqck0ubavas8qwuoousgliktvlfdcirkaejesbgquysqbytitfuqqrj7dlgt020yjvjabxygv+pvq4rbqtgw5sgpd9mitfbonvm0wibmllzac9wyfnh1jclf8ogyfpyd7hbxq+lm8pjrugsa9g1irp10gokxgd9n4jh8ik8wjrblw9ees4rmnnnxamvg8ii7e+azchi2c8i0ymyf5epzukqcmqpezk+ftsiookhnjet48ppglp35w2al/awg7shnlbmrzdhjlyw0kzw5kb2jqcjc5idagb2jqcjeymwplbmrvymokodagmcbvymokpdwkl0xlbmd0aca5nyawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmzqkl0hlawdodca1nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae1z+znbwryxm9fnwyveq0jliqjssidgmqddsqxjww1uq1wvmurseizhlfidldewy0s2pffa0notesho/mt7zs1njfqttue7p/qzi/fg5j77me95ft6fexdwe9+uaa0xvv1g/1/qmayjm5iiwwdq6rhgo/m/64rvgakdywljhb6px4cavytgcjk4m8mete54tfffnegb5/kjyegoucgmawaxfagneqiccb4xzweix+uboba5feigfikjoy5kesl6ylskoeikfba8dvurpdcmwelwg4uisxsmij5bmziupepcgsreptihpi5wdlesegbzoswghnnr738dcohzgothubi45wv1ukabmzmvlzwjbhlatxpaiuoxhswqxbjew0e5/n9ofymkagwiqjh4var2wnzefmfxscmnehqoli4ukizi0+uuatsq+jgokscq82uagj3fiuijpjdu6vn6gpvl9x5u19y9rh9ioa6ujrw7wxu8uldbu/3g/t2y0olsrhtvjwlekmfhfaeandqtswglmup1vk5x+yp634yt7r1dyndz3t7a3nrqv3m7wj+pvszihasxrt8+vwgyk0mii2nvv3rf5dunlv3p+gdedzpmw8mmfbgagnw18kkvu6o5oaq8shdffrspjdjmyzmwkmabcyvkoy+tbgjt7h96ozzhnrt84yxf4v5yhit4xdjpnk+mj74z7h/a+qiyneerugaaonn/hgimnj9eildpcw3vtv39w2otu9bzuyu/uwfhyx5u1jr9zjw23n/vvgpi1arkkla+m+fla5sckwixjwlydlxnpyojlg/zs5+wv9fw1tbbhxqsli/bfuc+weyhe5prdtmajfm4govxjxgdj8kie9kzb9u09w5ptm3bvje27padxxtysdu3n9dxbpnte8o9lbw3stmtosmi3lcygisxilak/hqjyvhs2gxdwt20o5wu1z5cufyupafdvrmyzdup9xqrbvyaopce8fhhxuidprbjezmk7jv2m8wztnw7w7v/chh4+bc6gnyod/zddvuabczs6m6skmhilipambyzfwpybji4dbahvuplunw2yxe6aac3g7+rwn0w4ofy2jds1vgxhfwg6+o4iyb3ne0wdmaykevhpfh5yntimn1vn+kahahvcenk8hdfav9bnbrpm1ywgmkebbk9xclagypkytpdfdegew5520mrqmkbtgv5qbrby3pmwa56gy45nily2yu0jjckmj49r6kpd2rqawpx5a4eahiegq7djawpkd4nfxnp8vehxcy1mdamxyhvzhrvtw1mzibshjbdaj0jisybkmbmxebbdvgguirkewygxijessvxsuu7tjaftr3xuzggalh21hyspq76m9cuy0sez65iobeut9hdftzz9v3shmmfsjipssa24ddyd2wsvx/b87hmlywpjzzde8odxqq1/k5t3+i0bdn5ci4ksbohzk3b9ghf0x29wieoxqljqgcs4tjykoz9y9apw9+dxdyn61i/ssinlq6wolu1hh0haxbf4tpwhuiq8+opd58c7gewvwmwuwmxjiijfqawqtkvt56pfvhxtcdwidausu809sjx4tj/ceegx0ujos6cpomcy4m5kqwra+h58ypncctqjfn9//wifk4xgd71wmftnp0+a+fs52vn/2mfasin6mfsqxkfptwa1bdkbuglsy/uf56them6avzk98bu0rcfydpz1rdqgyo5ep3swut2j9r75goiiljbcmutda/wuvhplag7l0gttfkv56c7gb5x6851snfmaxolf3x1zwaqniesomflqoy9labfde4b2yxohjmafpdig5e4nbhhxcc9bpqrc8cp6a21laqf+bi6vrmn1jc4/ciq14/op/cjpdeliens5jzr3mxu0ba8as0zmqyu+hizslxnusxxbxzao7p5owk5kippuep6vpo7aevc3pwciqt63kfmaz8qhj7v60bi7d3t2wnv2pzsykett/shx4+oa9m+cf32mc06afjjfiytk9czvz7y7da6oo7za3zyi8lyqoawju6+fydagbpckv6yth75refj+uua6bowj8vrf5dx1ju0nbe1d3r2oklzojs72tu8wu7qsvkonccw1xjtuvzp2d37iniqhznumqmttxagc61av1xlfekubfqezur4mj7nvz0ehhxfijwdqd9/bpnx5z8m4ynpepnovxiqcdwz0gsdsbwyd6b6553+88otgcenzzv9xptjyfirtatxlwpq2a/cj/s9gqnja+bgpjidr8agpbpdeh76hjziac4eeesqqbactwwq4frnarbvypmrjhvhovwkxylersdxygnprycpabpkqmcgpi36v2dfja/3b9qdm5+gf95+pql/abeimtflbmrzdhjlyw0kzw5kb2jqcjgxidagb2jqcjg1cmvuzg9iago4miawig9iago8paovtgvuz3roidk4idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidexnaovsgvpz2h0idqxci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb5zj/txjxgme5o+44vu+cihjnyxw551cukebnaui6nzof31g6xmzzojjntklpbq5rryhzzmtctbghmf9rfupeaf1rhreqzwt11lxv66f74z7pe+/nc5/n8zwnev2vqgngpoaw+lnspxuqmcqc5uv6bthclgb9ujeve6myjhcsbacx8giagijecqwv/0aughfughnawiqrvpqoluqkn2xwiajyviqfbc5bke8b5fqkaskvos6rrqo1wp1ox/ceddvq1fdvl6ksoqkkv68jwwksabqpajwgqaiu1dcbdeaj0cqlntbgqnfxvlcwghwtkaifmpictqhgcyjuljyxvxqt+wzd061mk4unf+ni5ltndtfnproqpqxuqri4inz9cueiigmzvczugy2ntryou6orp6e3t48nvb09pv0oe0ebrdfirgbkkbn4rjltemhptaxhhrx9tt+ae3bo2dmy6uxn6ihnegjqpdb3p916w1cpoews5pnecokl2hpzu3tx/6bnfhj6dm5+is/m52anj8c9g/1d7u3mgm0pj5k7mhccetjaq7fy7hfvjd2fw/q9feypld3pg6wa/9lt3+lc/bf7d+02s62wlhhyl62e0qjsqa6xtdhcnqkfn3955dvqkpt6tr68dovwx60s+30lux6xo8vso1asbsicmqkhelcsqrhudbi9m48ck8g34chanlqx8y43gxvr6fok/da4eng043u7rncrvmvakjujixgs0tu32l3e2cflq+h1ze3dwgz/4oagzhm2dd8w293exa+vlj9+4hv1ntbrkbixz04ijblyk5xmvufwto9fklk5f3+fodw6zpojw8t7+n5mjptcnz3sbdvxxpet2btcgfco9q1298tiujcye08cnystp2d5cppmnhwn4jur4nlihnveofcrajbzsfgipxsg5u6hmscvw1vxo+rpkpx6koxjl5kn+8aucpo8im+fxz6zgepunugoqssrietpxntbotlvd67tju7ocnk/kjz7pauaojtj7k0f/fmjztsmhpbiguuej+nyay1o78nakbo7tgym5uj5pxciqvtymbynbra8zpzr5tsji5+pbyy4x7+wj8j/q4kfx2zn6xr5h/yjmjn7oeyix1df3n2hefduegxux1rh7kfwjnt0cnkdinj9zivb+xw2rwl3cijomtov1v3oflwf61fpd3jcdrw8j2ddpuccieco1qjqs1u6t0lpj5n9fhrg5jq5swl+b8ij/kmpnwavse15zw5kc3ryzwftcmvuzg9iago4myawig9iagoxmzykzw5kb2jqcjg0idagb2jqcjw8ci9mzw5ndgggotkgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggmtuxci9izwlnahqgntckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmfttemsyx2g5yik6tiiscijxxeealtr1clqlqzl4asy8jzaxkczzajhq85igwl5gb3oug5kl6gahkoqinv5r591fvdxm58xha3/o+9pud/vlw/m8++77pc+f8ksriqavf0segtb/lzjkhsaanc4ayhijzjpop0eqlfov4qasncfksam4mmynjkpcgozesvlmbh2gfz+mcteytdahy4tfrqboneagjeicqrykxkfievwom8mgfq8mgwjmmqgqfiklupksss6xkyit4jkkk0klypeqrwia2evggbsle42g8wkpijvdqcpsq7obnjevzqlwz6mu6akkqtgerai5revaqbcdgcvfufgiil2vnamtkcwq1meqiaxwz+kiwgjttryqxzeoqhfufjp+juxsiqyl5qejismzmrxc3u19xb2qaoohpua3skumxmcorrpxob+pk8ztzcynjqa8mmw4katqswfeifeonfm625u1tfxnlu/a2js6oiovjo72tictzfw1nzw3dfkapuisqgd2rvwyfrejl6apr5fody+a27q6twzlt28fmertszhn3v1tzy8m+plr6jrppmk9gaun4ickkxok7hgetxpnlv5b6+ibsbhxcsi0pjb2ztq62g8xgvsfg+4u5sitevgxcef0npcvkqvysipqw4zm/tdvj6dnzufm7fa/ijddpj83ozm9+fz1v9nyultrkqesiwaxhqpbwak0fowkyfxa0vv1haaxwxo2ocfi0qdlp8u1qorclufyp6vfx5xtyvilqap+fqlwju9aybbt7iopusijfcoytwwgxq4xq+m2++lyinvti2d93ev1bkrawhn93fnlzb2yvgi3jq++6go0lgkzzcjytljzgxty4hizckurm4y9w1pzh5xuj3ftt73jj047275nr8ft/da/ndxjbkouzc1irhlhaysymcjk0eiqgo29ozbhstuzue3fdqt29w+i0v5+ildr3970ujcdttfey2ovtpmiqmdmaxvrqbcesqwbd+s6lso2967pg9u7gf3dw8ovir1ftihlr8b/p7c7vfhz9d42yumsu3sjsyye4tqplogb86+m5zq9egq2ti+4pft+dcr0fositpxc1hiyf8vjwpi2mp8+kmtju8qhgsfhorf5allwuwvj98ck3enx+qmhiaotp0hfbmkodw8wlqd9cqc7sbiosybgswnhawsvhowiukgw2i2jsx/xnjgq4forzgnzowydxjtrh2dhle0gxkkijcqurzbdvklml2/ofjxlwpxuhkjctii4wcfavha8q46pv90n5flkcxqsrygvluhsf1e3mkdashx7x7eiausc5zhxng+ea8tcwl2sthjes46lc2lhxcdfk33y2tdud67vbpamnjmg6hydowzsrdvt432dd0uvjcfhsi+xagxqwrm36p4ntc2sbvidwskk45wvjnxg31hdmbp4vncrn02ehgoevlw4q6tv+h3ituje2vurwto6wrn2ttyltqe/gvtaddgo+ecrsofwjrn55u0m68zsmg/p4bn/roqtnkxf2tkm1drunp8h4xpoycklkpqfw2daxwnyrgl8wxsrlldzm9bnzrufynasmkalnlvfpjcrlpohn5gk69azvf4dmvz50nwtwyt4+k0k6q6ccrrf+vnn7ld8f++3kctdnzj0l08hz+ddwfpe9cf2ib0x94nhxfugwbpqcjlnebqsjssc2fcw+vy0+ezbobf5poeunavmtsu/zxyq+dbsfocktpqtf/ckoewystpgrca5pmzfxlmm0j6r8swhaxsxmnkdkaxbshieiifryhj6iomf4bajzskoqsfrmkatx/p18f8i8ddfwbwqzw5kc3ryzwftcmvuzg9iago4nsawig9iagoxmtikzw5kb2jqcjg2idagb2jqcjw8ci9mzw5ndgggmtawidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidexoaovsgvpz2h0idu3ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb5zj9t1j7hmfhcdgdodwmewoedpgbft2jdzdhlhdopqy5405sbasrt1s6ogezzry6jiy2bg1i0/ssz2fo4qmgd/5r93soqbf4vr1etnvfv4hsh177vl9pn8+hrvvfi04kykkjx/jxrtihiahdtcakkxg/ammmckkfiazimimgldagcbhzionhbbakmoetwhsiazaylycoeineeok0c0kkypgoqmdjygdm+ieeiyijsdj8arfupihukotuqmlkuqmklmpchuwqlubzwagtgjl7tcskynyh9ikywfoqu4zjzwvl5rqfqnh8sq5uu6y8ibxymrskmwllh2cexs2qklraxbm+ssp4oxrov4oiym8yqyr15tqtsievcfkinmllcd7h5olkyhk8oqravn/u3hlhbp6nsszmoy3ntfwm6qokveqpe/hy5+d0begmgf8sv+v0xtpg811rh62ru6enl7j6erq7bb3wu+bgwqnep5al+rji9get6qyezzcongwgmibl/a5h9qcdzsghrdtohhhqf9r1v7wpxobrfgi+g2gkhl06xgtxxaptubhobo2xo1+mjbvc7onjldthdr8eh3vhthdbzxxgcodlszipswvbkfck15qbgyy2fueo681br39qavpdfpqemvj7375xjtr7bzyggjwlugikx8bftcbt48agtk7hsmvjm5kllcwuli1noaxfxyxa3izp4xp2dly1xmfvmggw4jhhr1spm9rzoh0jbu9myhkt+cuu2tjy2kqoebokfqmulqdmvo4rr2dr3twduspdmucbig4hhkg8pklgbhomtprnl4mbx8nb2ztzansr/hujudzvnxxx2mw1eq1c+h2ydbjls1w48ba1f9jtd6ygwjurads2l6visejutji0gvc7h/utt424ssph4cntddexoalkqqmt1+nyzq9tbkvi8xj8r6t2f1ohkfh4xiyytbk673u5e9pmv0suquziygbkkxbhxuz2x+gfsysbjdqr+dpaw4befdwoskgvwc+oo73zibeblwukbwo6zblinppas++g+/3ceng3lszz8ccofsc5alsbxv/03j3ya6nva2qc1ohfwgbr4sxdlat91pnxzxmnmncxeio1cidj8ejo5sphz6jdestwsse6tbhcujii/gblw+cuxyayjuyrqabgu/upsde+fwkhaz7x84ctn/eicrdjnh0i5z9xx6lp7r2amf4kbudpdbq/t2kj26gl6ymh3taak+rzfdrjzaacmbbcdk9vxdmldcztpzzbehszllb41jpsd89uozujdryt2ezy0sp66+oxd3ofv0wivnpdqx5dycpfps+9g3tsra8slyptlnjemfuoughobh/y0guwltsykim9jqbgwcj6xz5pbzrcvajzb1rmwkiraup49soxwcep6chuvygp6whfq2cdtvw6qigwpbihb1af5jr6gkcco5n0oc+55mld87kh83ne83m35ekezvjmud+hh5hghvjhzseotvietnlfp5hva+kbpqyn9ifgauhx7ystl7uejaybslpqpr3c100zastdacz7gjeajra14p+za8qzqodl5eio8l2nk/va35ko/uf/ddrmnkmfu/xjn0plyu/3u7pp1pqxp6nl6f9fz9+/usbhhgfi/vv6xv6vlrte3qp69wuze3ua8djxcwl2+lycwczmmnptnme0ejmy/s9acgatcqqwnjfvkp/+vel+/lwjypmwwwonn0dzrb52zgatewhkymbkowlmctj5ma+tkedhfp60mnbmc/8d8h/v79/slscizw5kc3ryzwftcmvuzg9iago4nyawig9iago3otikzw5kb2jqcjg4idagb2jqcjcwnaplbmrvymokodkgmcbvymokpdwkl0xlbmd0acaxmdegmcbsci9mzw5ndggxideynda4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ab16ewbu1dn3c+4+syyzk9n3m8nmzlivjbasybiyscwykcromahcpiggbgoffxwkrevbwqrrxquciawhwgdflykiwfvrwlrqrbzgbwte3/zf2woz8z3ntkjbr28//+jxuxpopds99zm/85xnofcaaqatraqwijmxtc/csonzfvjyfgaxzuxc4nv09yofwfqnaowdsxfowwd45lu3afjxagrtndu6zn96pei/ankbazz3zo1on/unu/zwgjyz2ef5xcxqz4qyz5uwnzv3wzj7hnvr3sb8huyfuuoume136eeex3wf5usxtn+zupq++m+yv4j5353tczrgrbz7doa8f+yzf9519xkuktuk+qjmzy9c3lhwrw/ewyz5hqtvbswjengffpockvqnuapxqgmdxfzfjtlekco+rjbuogrqxntim6zl14pbmaems8vqs4pd6qk3x+u7tth/r7t8htrmj4oepwbz/epwcixgbuh+iaext36yudn5gx8a9ikfyt+xldjzyrqyrhuvhidhyrvsawf6mj0n02elnchz4tc5ffrghpfaafimbzeyd2+rzpidma0vypslcai2wn7epxswgblr15fa8l7mrza9a1yln4msgabfh2nqgb2ug/7kruqbrj0en8nu2ipp/4t4mf1crvll5awqycl2uqpr3kmot+4di+rbduza0lxwkgmw55nzwqavsn3t8epydj+gl8gdpc85n9mzpjv8fbisdcfkvjatpvipu4/7fvlp5b+scuqig3lwrw3wbdyp/e/d6ziytx25nswht5cntir5gonjvvpwrbxxcemdxqphlngietgmj+hp8dfyjwnj9ews9lsylpk/ybrjcjr0jb3qidcavnbhmi4sgrsruwqcwu6ejbvjz5kc5mammvng3mn8xjaxt7jd7m+5u7le/hf+i6bjfju8mjyd/avywq23wgjygam7awfhenxdwozlrqkkktsq6xitjnuyw2q7ocxmimfjwwy3+tx5lfmsxgz4rsuymvxmcfmes4c5wfymncduzj9if81+xy3kgx47f1eiil9mzeistfwswzn8nplxxaesydgzndaet0e7jnyhdih/wfhsxwsfztpjoavnlou3xax98fdeawufczas0ohxe7mrzcbzydpkcf6vkrr8zebemcrgwfgzfzozmcesyfyyv2bwsk42hx3ltmp34fuge469zf7mec6dm3mn3bh4hfvabcvrb9fd9xjv8xx8sl6jn8kv5nfyj7az+xf4c8ikyz3qk3wp/leyly4x7xifwdk5gzz74+swb0eykposubnmkloyazbhbgwn7dcn3dwlpir4lytszcu7gm1gipabxoxvibduhewwlr0vtic/yhfd+8gpkiuq73dynedmn+pspabfyeudvysce84obqnz/kzz5/w4xu6h3wa1me0zrom+tatrqyrr4dmwizbx569v80wdbveu6b89op/m/e1y0h5nqvvuh0x117ej+uhz7vh1xcsitpz9rzarvmviyeui91vbvx6er87vi/601u+lkwktmzh9ak2/xrftv9knsvpxjz2gavngb3x1trm1vihp89vf6zvndte11ebnkcmrheodn0cfrwq0tomojgpfptegn9qilurw19zf7x5myx0bqguffz0wsbmu1inllvigrzoa8r35efoiscc8rj3ln/vwlaiz2miq/dbmknveemxaaf+g3kjvxxu13nvr9vfs1vtdi9durplafxthd3000vywgkuzbttx/gjmxk32ybfm6pbmkfk9qaslct5sssnt8ndrutrm+6iqf41/bvf8ngqxjjx3oikoon97busujjt32in2jzofd9i2ollg0r/ovyh/bnqvlg0ruvffpzgqf/c4vdtwnpwe7+mmdqja6jv8y5doqg+m8hi/ejumrh3dohvmmmqjfy0ehzkp6rkvzzbn2ecud4xpj66cfjwmubup4trm1/aq7a46hraafmzf1q0fjjof7fv+x/dxgfpo7//i+pl2grihop8kacwd6efeizl2q+lobrgc9vybfy6d305ltjhvt9vdu4b5cg2lowqkloyb0cxhfs1yeepnpy4gqgnn+wlz1xijyduxqhufbhwwt03h6jzkavnq8f2yyc/dghwzuwv5vnocdt3lfv+3r3vmrg5fvw8umhmxuo5y0dhduogitm5gnoamfgokxtmy7ghpgy79fnj+8bfs3t2cpcwf6ahvslfhhbsv5y3dwqloaj7yhf1z64xgaltwfpb9j09ojh5hzm1pwvbfg5qixcvn2qzolkgai3owvjtvy2tsa7to6e6mfu5u9svr493dzm663ll5gifvf0qgcmjam+da62jk5qr8fm9+2ukl/ljfrrjakkzdkkwvclqmyv45wuwddootq5hacgxhyf8ihcu+c8ldvxpclyouxodwfdjcsree8e9deor1cff/c4qjg3qjktcgtref4zp/eckjvgvctd8j4bpbsq9dub5prqmin/z7eb59hcjj/jncywfprilhibvjfyth/4sqbvwucdd9j4rvhkt0ooqnim03uoqn/vsqnnqdwpp/oci3ddknrn6m1n6kidzlx4tw1o+ccpn3qrhlknlrej6gnldqhg/59yf86zuio8fba8cdrd+lrdexogatc2mgfalywydpywbnmda8ptmpysbhaeylh8erfajgsu4r7ixhe1fxque2hdducotiv37dh/tmvixrvhwawxhynthlvsj50ef+xaj+nxqwpnzbrq5xihowspb0mr223cb9pcaqeh9txuftz1dd2p9ef3grtxxoedmqymhfvmo2celuolc6yraca+t8r3tzfo6oec+/uazpjk9i+dtmfgusurgrskxkmzoidomysiwwrjogoay90pyevfdvv/frcnkx60+svljk/otdlymclzri6l9vxr0ddvtro2+ydq9ehk1lm2ayz8xpm2+4l1kmi2psrhsyt+rn57wzhocq5leygk9i4oqd89kl/y4cltmqbbghc2lktgny52xbbm7tpargefwt/uvg/kv9ub2v7jdwfmyrimfyuvw0qititdl4yr4qgqknyyw8q8olketyc3pvv5+0tpisckio6jcn1yrz2uftdleqlal7mdanv9tfubtmgcqpyn5dtcwpjv+ewpoaswwri9wyblw0bgbl6sth8sfycf6hjz1e4kpuxkfnh3xbs8o98ct8xtzblj3cuhjklw/bte7ulxcsacnz/cl+inoqhtgfqxtym8kmnvusl/cawcovzeans+z33qadwrjuzrxdzsop4/hy2wkmul9scphuxxa717ddnp8colf/ypg4cqiu7lcg0omu4/chg8sayajqas6gxqiqgtstvoqydel60yu5htgsqhiovdu0jzbuxehyccweixghrrlex6wvys1nxbtg/lbskhgrv4d4m8ggn5yigenlbvgqfaggqt+0xpzzhjlecei+1fth4qs/ffnr3sm8jxwb9ixet8llf186qhqy+yuj80fx7ui8ntivsct+c1fl+s9/cgzbt8llpo7sbxr+o4nmt0hhnyvajlgq6e5nqs7un9alwxqwfweugvxnzpxrgiugfwzcogzpq3ekazms8xc8xdpewgr4satijexgdpl+dbvgmqb8u11chd3jzvnp08znvyzid3/eh/od/fe52j8kobuzyhpkhgkmzfsqasdndi/9mjgylwi1coliibkubumq1kxatqqj3451r/ccqytktjvabxan9lm5c+e17/+avh15tekzmlw1morw4axzfqq4cbdkjfjiwdes/d/9r+azy7+op7/kdoepxz7g7fhmfpfi5vuqprqmjir/wx+ovjqottzr6i7krcfnndpkneyn6yxagcwzh6ezzugiysw4xbpjmevw2io1drfng2+xzydzkhxtao60iamoanzqorovgammjcqhyuovymqqnzeqdayju9pzagyoi4vfaer/90mrwc0gvcgmmizrbmozhijxmiwyy207umhnyctgxn4te598fbdcnh9m/ompfxkf/iwydfzfb15lne0cop+etz4gy0noe0t/zxok6yuuolwj04m3lyx289nxnndfkl9hmacqpbkximljygi+httz8/hzpnt4yxiun17s4csusi1f9gxbjiums02s0em1ucys7lgyukaxk+ablcopejrm0owufagzn2bhi9pnor1hkrgiqe3z4xpyxuufzswuoe+hvkmqqo4jclxxqgqdvze6ftitrtizucvfkajlrooxvi6hskqqpcrlukxyzbigcklqkt1+tugr5xepmj1wngz6eha8vwdglkm8ygqmbzfuwk4rzqq4n1f5mnut3pcdck9czwwvnh5f1vpqx7zy1e3hepocutxlq8elnffuxci4lcjhukadmitiiiihriatvkgq4dldbnjusmcxhsglqhxcjat70obwunyd0mywdx6dxmadsrjetbj4y/u++tov24eshrw2kfmrsjotjntuvfcrylcciqlwa5xav6h0th6ear5erjcmwhxrlbgzvg691l2zyxsekw9vmpuloqgjxuqlvyjt6oqr7ojf6vakixebhngxaareqiqxsqzn9gq5rjrdrrhpowh2esn/rdbjga6ttacshsrjqay7ed85yk7v/sjxduaranpbf0e/ff04fwobz5cpnwccsqdiebomno9tbovpjbm5e4yymjjcvhkhjbhlxhr2cuvej8xlwrmsvlanidqstlc+mulkx/ozus34r5jsop0gezbcv+hqgoacixollg0ph5pbdiubbmvzjm8twtcjedlpg2nwpnjvo5wyuof/y/phopdaa1qpiscv2jpjuq392x0bjx3z3p32tlwxo9abxyiuzvu4h9wh5dnyb508pmfy69tgj94s3+zkznnvwqhghxk9/5whnr6qqs4aroho5mdcgd8bbtqlcymfo8sdrvddbkau7mfw89rq5kwd2upwaewhyefzfoglsbgmqd7wymdarwqkcxcudqkoo/bvqdck0lmzlylaipicxkjgycxagyrd5qkiwkgdkewopckuroojuraw+7oouehpfmwmq6w0c1/lc21v/o3r8/fevfkxg5m9fv2j3zscbdjbn4j/sxfioj9xkzgivvob1y7//nvdhx98z/p0/chndobujhuwawihyrsdkckddrlf1ipttrfjjcm2e8uablddthobne7r6btqq0bchhidw60owe0ud4yib+tfywc4bkdw1dhfuuhtgm9rxyfglwjaszoiugw9jplqrtvmuc/kil7uwnkcqbcxutmeinwl8j/qiwq/gcwlfzfvulxrstmbqzlxkjlnfmvdp1+84qwxrq9twpigfz/nv4+++w0xvufimqlvz3ywz8gz2z9au+wxp0jpz7ivopxhdiylz7p9ok8acmoysmlqxynuqm4nt8vjbyqtk+7wg+r2ixlqxm3v8auzbfqwwejwakiou8e7rl5cc+3w4xcufhtuhtaxsg2e2dq4nhdgygecohzkqrygmrs4kinl74h5rhfuprqpja4lyoyys7/esh359h33prslde8ugrh3ueqx7jqq+oblj8ltn79/5ievnx2tgtrem45xfzny48xmkv/nh8hulcgjk+c5b+7uuvblqiboi12bpacco70sr2pseznzz0w3mylaiekko8g4zuh2nhmdpe38qppqdc77gf9z6+d+zwndasnzq8tlwelble6sckeulblbjardfk1a3oza6tqea4alwnidlt6u1oogxsjdheidoawcmws3b0pvyttszn8yt7h+e3eqt6lcrjzpheqtli/6fixvhek9+dmexa1zwnocf60doz5db9jzgjaq6cwkgg/cqejxq6xiedrmxzck6fwogyt4jcqb8lwahqouokyzvshvcnjz7ielwmfrayuyedu4zq8ukwpw6qjkgkextkbuurwzatoefeeglrv1v77kh9/86e1fpv3ijcwtum6y9ebid8t2g+lvzi/de18pt/xcw+03t7xj7hppn2otb6hcxzdbpuedxcamqukel9y/ckcbfjss6ymsleznocdeymcvo4cijewmmdiyvbpuonpiu8vz494v2pf72kmjskwlm6w7qc5e0c0jybddbxsr0wvegglexrzycvldvkniqwuljqygxpbcomsy8vj/bruy8qtfiz4dkxgljqjvct88f7bdozfkbfrbvycyhgwhrgantoz0ntyt4m4mkpazjotri8begmboiwyurcitleplsg1ot8uzwvapqklhvkrylggxiabcglidaput5r7ppwu7qhymzuz9qncolttiwbcjqbz8y/kxe5ejeituvvafr9yhnrjvxi15ixe4mph+uwuullzvex7bi6ndvrum/grshl8qn0kjbyntx3tv2/rksx0zvzh5ccjbr1ogrf0lti7kixdkvteqhbhqxljxqsrlpdez6fgz3ijo1qrtwmqhjzjdylfbbteihjbnpnbuof9dvsoqlssizurf6kiusikgv4f6lyhudf5vfzhsqq/8fnl+yu/xmouh+1difjrrrni+5zn4rob5zqhnw8/f8emrla9ih6leg4h6puurl3irq6ifvk3nbospsmiiyftt/jslj+nvjwftbhqgfbpzbyg1+1cdwh+xc/kcf+wtzewrcex/xb41kllnttbkuetsddkyvzjkz+g7hhvenfxh9gx7nlxzvcbjooplvjfpmi+g4vxhvkk4hj+scaumijok4ucsxlbjphvr0k5hbbuoqavhmoprh0fj16b1yjmoe0vkoqcavdmb9j/zflusqppabqtdmsacxgm5/sdoyntyw/nl+un6quqqogyalrvfqmriqqqxhmjwr9xlfvzzyjbz/1mid/ne/tivper04q74dmbvnbhtgd9axg6egl04groio0dqedp0gdn+gsjqku252ykfw7+2ry/lbqf4qwhwdrce1zfkurj1qrpvsuqs6sephkjqth2kzo5g6w+ohw6/xc1w1odstrrtbbeepyvazqiz8z2gsclgsk8jjaqprfcwfwrwcdhd2tgsdi0txdbf6r8uhydgwlwnhl4/yrsutxqvo8wdhgw9atkgyw3w1tuc1hsz0rjozvnevtvzhr805ry9vxh+u4cc4ywzd/zxhvtuzbprnvu/zfltn62ld2u+v33cuh3x9czrbsxjnnmbcp7cd2w/yhn8ua7ti8whhnmcwwkmiwtqfjaivenlmgx6tfhasgnudthhag1y5xcralvydnynmo3xly+u6e5jexxx/9+xcpwfzncmha4rlku6guuernozfvfccxpydrmlvktcy4flo/vitqr/+qqftn2orpuzvbpsldvli+bf30ziczvujj/kzlrhtpg92q6pr0q3sjv0t1le5hqkhfpdlpj0hvq+d1h3e5n2ucs4balwbdtyrbvdzitshu5vygx3ognehvbjgnzjeeydclbrl3lg5ykadbvqcamtjkivu3waptqmbrcihipjgkyiq8oigqpkrd2tlkoyh0gnlkuped1yrkynrrgen6wugn/kxu2bnsep9lcsf/lv4gox/k5yqtj3bjr+5jxeprfy84kv0aylj14muvfq2i1q26mzctmxwkhribowrpj2stuttlbkcxl0gtsspgs6t0utqwncnkewgi1kozyzbvdn/uolujepdahvltg6le7ghueuce4cgg/binh1qwctypiuevfrtq3i1jwpdiqptfenfkil+hbnbyofex1nop7i0boaxomcfewrw753mhfoydausuwvfv0/f3flrfupztp639qd7p51y7krer/hmt636byyz5j4r6imxnxmbma1aiabi8eqg0wbyjzwne7smzqvqaunszqndwrjkugobqv2y0am1ohcwjfonaooquuhsfpk/cs1hfj7tlq+k6yhll4bmkpunk/dy37hdt7m1jv1d23apxk4fbvdvsoy+xbht9b1uzn8nz3ijupdw0gkio8nu23hnxmfmm0xb8krsrmcoxk5xm7iaghnyzoamp01j9il7urr0nx6l2qtcswj7vd05gwwahlw+vxbbjjmtqvlzs43fwsna+ahb1seyakzawoun8p2usudixlugq25mkjrpdmzihtkhq6vzwilwudmb8vqtqny5w3pr0kowf5u3dtoj6eisenvcj2m6harcjhgjuenjdxzuktkimwwx5n8jmgooikyziudkijkhm1dp47pwztbigvok00mvvrmgermxzouusskgfcpst4ngxdgygnwycruwugxl5qnkcvkmb3ipwhu37vmkgpeyrffm0b3i2pg0u8965qbovjb6hqjcxyix0qb2p5zw0ae7n5s7q1lfnn4z7epynbzwzfpzz5xl9207etnva8//vk0sa6rcdokpk69ps4llczmndh3b/nrumlzr5q0nexqc+wz7sk8uicfo/vhs8zfkjesys8zft8npcokv9ik1md1jeaqiwhoumflbz3a4ebxjsc3wmdwmdnzl8uwvyx2u+okpgfas4m3vpykmwj6ljgupei6xtwvj19qnc3qwqp1p676mseytmnlew7u2rm0f6d5tn5rorxt1q/npyv+8us8blighjdrvnl9c5httyg6cw8tsx/gcgf1e6sghpwidmybucxcdo6whnui3wk9jisnw5g6biz/fw4tf5p7g5fgzn+dtxewugznotw/bljxllmwd41fhxcjdx5i2qvghja8pimeatu2ripe4fhceiyvwea1rpbowpcxrwi1ofydipseu73pkq0x/skncbsyvqqrq624/uvxj7fcrfwtb7rqkkzuuemmdkuctbg3mjki43yb2t7xdy6gwt4e/t5vruw8oujbpfoiphf/qo7rzg5dlkfsnqy/ih6seypxx/heuq7wyhz27uv3ecgcz4ya344plfffvjrwu1uijakxx2jwsn3savwbzen2dfgm9lr6jeyzw5wvdajnatrflqlt3avzlxzr1lqt08aug3t4dmq2jrvlnfdjkrnhygocooiiq2hqqnhygfugglzu6xajkre2ssx3us2otmqabnpa0yjmamxqsjrbpelboaeir9rw14mipourgxfpkrm1wg2/rp+lf5yuphweovhhymordco6s6la8bshikoklrpn9ugizshxrealw1yejdrswqnfftkgm/g2ajoduhjrcd9/sisatyswlullycmuoimwgrsd3v/zo2+++8u+xjmj539+npethlsphx/lmntw+r12xjxxefb8cexdtzgpgtl6rwrgp5ffpv2bfgoppf88bfr/xoojelrsakoasnfdxyexoqvgjtxp77/+2y8tm0nxz4mve4klpisrtkwhxxz8cvyxzepitiaari/9mrnjfn+gau43i3d2mx+y7bsx1b4dzhxtbdboezexy8rhtftgm7/fvnmy2dodprb9abhnbrcemxo1/os8s4bfatvitr7hymdl8zaz1yl2slmrsxdloqrolu6crmqhvrntn/yxc+r791krbtm98yltusllqx2c1hl8zoi7ihtvl+b0ryxmm1gsc4xwq40nhc4og24j0+mgnwnvihxx0si0w/hjisayiqmittlqmjyphumg4mywrhw6+ocmmqdxph0mewpz9cwfen6klrhkldx45arnjnynvng5mbtpkf5ie2sb9gqw14ts/wc1c/ccjxsp/y6ephoil9gekxdetipoftrulqsbktywnmfrums4vqcnbppq0gxhq1e0puu8okz3xwt3ye/kcwz2hgzf2jmuawpwj+5zu7lwjvun1f2kumhi3zhbpumlhf5lpwub/cyl4l7dk/7qpkow1wxxtpl19vvu3mhk9ogprxlyk4moa7n55xvxzrfpr+vxvvxw6cvnfflhzx26vmxnvc296iswser+1muv19fe6p6ofak4yw64v0+uasqbqhcsytw6sv7acavfs36wzqabzpjgqgeqkkuqyde981oqy07dneyf4e6gpzh9tfabe/dex/0wzcybhkgta6je+zamozgmwlcknizvwl4s72uf3zjgmgy0xsezg9zihx2xfe8a7m9i7xjmghco8ezeedxx2y3m2jpkipmygcl0slxsfg4i9wzv4x8rpggjsum8t/xc0knd0meq6aqzaov6a0295intt/zk2rs0h2evdoyzemaphdvrd2raj1crnnt9xk3f1udrqtrmisrghuyqqw9pgju7uuoozo4l82a2ywsga/6shxjm8r/9mrgqxw8trgigt5mhhvcm5/dkycjuqh3uk2cqxyrnjpvgruvk5yq8rxkztigp0alt8pzjrxacufdq76djmfrjkmoqm3uddfhbay9jebydc/piw9cfys2gpzbwg6ldmdtmhu7lpmgr0guomjai4bw3mexem1rjfrfdir5nvb/afnsupxakwafe3psgqhvu5fnyq5gfxvii7ltdi6c/s8nwa+e7vg1ytqswylijgvviqnb1ekq8r5i8chaenwmchymhvb8rzvdeli4xpnd7ihtj8pzjd+yi6d7j7me8/+me430vw55u1e4wtjjo3ew+w/uej0a29no3uoeu17s+dvvqxkcpeheen3lnfsv14zffmd293gqsnxlremuhyd4y9wvvysgmecznu8d7c4p/6s3cb7gzdzsnraxel/sj73cs8rjrqsmxhcw7ytbiidt6a2o9rzcjwz0wjjxsu4x878do7ojajnwbkr+dvsk8ohqij/cgwvwhekanvcguem8rbxblxfw8gimgnugutzjr0ipjasw1hc58jlzuw+0vjpi9ui2w7dman8rqzngzc7mjzk9supeqxemmbjiplvwep+oqqnd2tx+yhafmhbsulbaje/gbny3ag/hiuidakrv65el6dzrgwbcjgbf40u3rmacrlz3vtmrjsenffe3/frupnvdjaln+lz8bcuc34vmr6g53cx5rw0ts3xk1lrpi/4/fkqxyokngmaqodc6cp1s5puev62jd03rrhzvx2otkgt7f/vklb84gbttmzjxlz4m1d0qx+jtqo/p9tb79ncpztpia6tm0utnfux9m193uvh92pko2tzpswuepkx6yubo49bp3rr181+kaf/cugtrzyvqugcpz33pxk62eqd/vst/vst81izjderefog7e5jq7lyb34le+peqxptk6zuk0zjyx2libizvo+b6l8h8aj1wnj2vuzhn0cmvhbqplbmrvymokotagmcbvymokpdwkl0xlbmd0acaxmdigmcbsci9mzw5ndggxidewndi4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ab16c3hu1bx/2vs858xmmjpjppoymcwkk/cdygmgkeliscaeqsijwaqmqchwqqnnqacxcggg+md64cgtpwjvrl2tymmg1t9/iswi/c8q/rvktd4cajgleqoomgfu2jmhsm+/fn7f7dc5s8/a7732b6+99tp7hyaaoinnwefg8arobikraxjzcrpti9f2ul5bmruailsbuluwdn931zmudzbdcaeocd9dux7p3vsqvgletwbitc3r6lzyyc8ygwe8m7f8ytkm0nwlutg8fcpezat6btvovu7b8jmyxrny1swduwxt8zepecnlqzpv65z/qfzdmcvvuqvzvdepi4nhmyxtgk/71u/10n9wh2p4qqy3dk/p6g43bv+kyyzj/gpjcd7spwmrxkdqgowjmdho/8wlyllutdypvmawplh6zncm+f+nrwetcqshungk+cg1gbfmkacs72z0frccdakdhfj9mtakxyfp2aupfbwkaetervcoo2pz5ljwbpriodlmifikjbn3rpje+hfk6tdcdjy8bgejbjwwtmbb70kkyya3qiv34d+x9h3wu3zxwifkc+t7i5kjeupgm/weho10qzdu4pmhezcrmvgosjhyuurlqij+oihskubsikegaprw2qv7ii4uigwg3znhhwzcon4hb0cgi3/g+kvgajgsan5s5a9aes8h+ge7hitdxe08jjvcflma8tbksq0orhoia7hczcxvalngi7b2pngsdjjd9pj3uehipsi92ldktjshi/fzbxfabtghz0rzlektbtpwxw31mhyvyu+h8ckkqxapirfrn7g/c3/lj/f7iyeqj3nyxgc8sjhexuvmkswkmzxdniw/iz/tutrj+bk3+g5+p/i2d7bbfngetslr8ae4bmpwfyqjjzxnibpjrvjjlpefddxtp730bvo2vcwvce/yer9dufm4guejb0s+qp5tirsmqs3mgrbowmcp3alfhx/cvilblhia3yc378f7rcegukcksc2zs24i/0bww/3kahmoncpnyuxyexkxqj3uqwvowmxvm91on6gd9agd5oxcd9flhepe5t7nzxw7fwyf94q8oudmfuuloeqd6nurvmjoyf4cfws+xsicpjhceerxfwzfkdyomo2da/a0/bigytbylfjhblykfl0pl+ekjlgypm4yjpsrrjihovxjvpefkt3i4ueyhfwejufhtfimuyqpcnaqoxn0jtpj1+ozf3bt16p46dg3l8nlcfvcc+qt7hlugpuut+cx8qv5jxw/v5t/vegwjgslhivct/cqmcs8lpx/4biwiqaifeib8vnxdumwjki7jzwkis8ukg7p4jzfda9z3rj2wlsyfud1pryc0jsml8jv+bkowrmkbvsojwzgzd+eittwnj+hx3e/ghk4nz5az0qqucc5drkxuyj1fej4xx8gkj2v6cti93rs3c5nakpyksnus1rmiqkmoye+tq/tkhpzegweowryazztolzbji4gn+gpq8tjyu8nrnr+i6ij6mkoatfmcbpyuu5muifnahmu/zucgvjowfhoyncvq3lerqvg4wqerva4qmthnbb031ptaxufh6p+hqh/z9svr7/bjqvcnbzl1a4g6xdvbketxdzf01gdl0uobfahkxm5caqgafpwcrcmdvyusyfhowqcdk91tdduqt+mcek1nuucjxnaaqqt3o7wvnwgmbrysyginqpgfm5ocvbohvmbwrdtvnzlqeqfduiwejbscavguqfzdba1blno1idtyg0yc4jwt3xquugc7evgdv/n3d9idnl0az1d/docgy4dcdoldrbq590yqm92ybx0ztawilktmwnmrhmp9allu8niola4ghpplwdz/4ooxbwawwydauenp6o6nqhnlyp2gd0ayms9yrt9khtbozjxmvfj6cs37fyy/wbllp61y4zabj/xr6t1two4enaszzqygxqtxkyqc+s1jl26yqb/crnch79wgr1cjvxmdviujs49kkrp7wxuah5lo3nz9shzk6ohnxzhdfaho6ov83f0gybiagj+g8fv/xngyhqgp74xpnm0rkw3faysky3/magfsed1/9oomdwezmu2zzi2fgujq41hj63mgxeyxkzveshizq0pgaaxzycqe1tdjhjnckptjuacw938huzoyqk3vbqbw0bulkzku9ghhezdtk5jkuhqd/vpx9lvmuzahilfp0cpjnt1txygym0tcavmbxeha61jy96u1tajwe8+qwelypb+vqxhxwgnsknrbwhmvjbbj4oq0dgypyw4qtopgkhurdbrii81tgspofy2tmkuwjfokepe5bzrnouq58jstb8xq6uz68aqwvv7wz3nlr538fh/f1i/m3wxcija30yerincwljgx2tczfmjlkxicsexci/b40a2whmm41garwtqccb8y4slx/jgkixibxeu4dj/esjl3wzh/7dceoiypzcgpal5nsgqlv/xitz5bosn/goek8b4riydyg1ffohkfxlcvd8g4anfcuhqmu5vqlggea5mce/71yfcewpcdf8y4eljfcotm5db6vge6/9jcm/8ngg3fcuez41xegpcs5hnwqzhxn8dwnnuqljphypcpmy3mjkxuw2oijzvn4tw/g+d8ijvhxdlgkc3inykplcwhbf+6xc+6rsia+4m9uiobtluzzi076ce3ikygvyfl6vwoah8csdrh0auugjyzc1b98pyw07orjhyhnd5lmpn5q2gcdluliflmssqhg90g33o9vkpha6dfo5/nsxen139jrph2e5b5e1ho3az9xbo6alklvaelb6uuztoa1jlylj+hdkupju4yb9wfsuf1l5n30n8g+29pc9sbmuiaamehyw7djvojjnvojros6lvlnwmsg53fgmq3exe435mfpsvhmhkqshohz47xaavwxxlwyz/gwg4qjc0q7uptmttslqs7gxfhienmhmt48evlps6rxc7fblg0vyfzxil6fnfzzl6smrb3mefph76jz+bv+akrznqytwihh8aojv5ba8ojwzvx1hsox7yxrdxvvjxfkk+9spp0su5chf+ogjjeustfisgluc53fhrod4nbkihboqmpicyyxjxhoaakovwf1ufu1he3ijb6mo/e22evhkewbvefyz388+rjyog3qlewyorx60azeh4d8elh8kakaeuylxottp4scd2qxyo1iobfa+sjyes9s+q6aq+ihbu4ahleapbr4bu/0fg7rgo41ac4k4qchfcep5f4ltnkgkr13p94l7us1gwc2ceaunk+rkhjqvla4vwbgcnc4ioy5kgcjst42aaeb63dtrt1kjpjhgtjnxbcbpriwuuv3ioueuszdghp5p0sov0e9xna0y5k7fpmly0ofyg+jsbrh5ixjcgnetnyl31tbdtmjyqhhxbjoefdrnkcvkejuxqne2wjsftjg4n7umko3s/kab+cm/4an2o9qj+b9rxheph/ftm8p5rp6zbd6kjrj/7apid2e8bsglxqgmlihmoisjtohqiyyfctu+p8ovcquvdukkoebvbzx+zqn+++qlw/gqtegxhjebef8rmrmsexwi7nsdjskywwms7jgt8co7ga8w2lurfcrmmzlqcuozr4fvg7xcxcs88bhwsfm48cvfklztjgqxolljnw0smh+rqrky08bgltjolcqxctmf0rdnkommki5fifarem4wagyq4iximrelijedjze5oxhgnpoejpnh9nc/entcewz7lmilz0244d84wljdehz8gcgxjpxkjv6gqvrct/lmutigpriqtlwbwxckvikfv96n6kfqgeomq75njrmcmm3ch55hsqzn8g9mp5fxlqjjwm3l8dovnnwkh4e6zjzdt8itzziivisob4fy1o4v6uuquv1qcae0ts61jcwyoxpclz9pzckmkfuefnbhrfdjw/kt4hnge3pmr4qo2ecn+oxv5juy3ztxicthzsyzwvgjofkvu3b4n4nw2swldqpkjh3xftc6q9mut2lrhlxnniymfzss2lj0n63lvz+jehaf08tb1upo6fz0/rvbysn9wv74jpk26bnuc5s9nz+16zhgx15+uxpq6pxl7pd8jv4c9wpotyntchoqtfdznesywqo6x3fkgxwupt7qtgut1xfrlarfytfmglhomi8m30vzmogi+zt5nfi33usily5cjx1m+ziupa6m2zezmt8rpaxfa3pz/nsd2nrmyijhjk3m0bbahc4zw2fldmy4iz4lxaztk2wulovimkbarqgobhkhlnqrahg3dia1ogj/+myupowkxrhuba6uaidtfe8a9jh9ve6izixoypoze1htqtmjgukz6ovxvdwqc2/ddbhmiuij1izjdvt+sv9b927p7p+u9od4xb6v6snpr/am6roeqk13jbrll907p9kv6jkxe+vvfevhkptvl0jvmz/y5pjmzpy578zt6gzeu8pmopszf3uxl+jvxxnape+g+woxjtlhkpdlo+ldsscz/xcz+wbonf/bulcgrg2ctfez+rn42i+cttgljltyjtilb0eao005maicg/inf2vmyhowohqq8uahypqn818qobqgjv4trjscg1hmj//sfc1goche6jfhy/qhtvmcwf84owneknogswokglzt6spiu4figizib/e5xcjqxesuoxsyf+dcnjw0rxxujgb6bvfoywoirmjox7rhumdlpk9sxdmwnkuqwpny1sti0ywflkppvu3qfm9tq1vpg/31k3upd1gq0a3qgq69peuxk+y4r8y7sqephpvfc17aztvzfvtdhrlmmpts9mt2qv/zui79bwgqmz1hlobxujpyj3yccq53jgqpausaljtppwo41svrf5rw05q3ukzbivjx6n9buttvtbpw1qs9gzrnvczgtipg3xkqftoze6knzzfjmbnpgx8ebyhmm+87q4j76r7++2ddu5fc/iskllq3r0jek+vc8mjh1bz/kf6qnplpvwrjx43bhwhhkzua4az2d9/fm3hlp/bq7qzf+aynv8xnw3fnwxb8lulph8qsf9iwt6eyw0zltbcp6u8h8muels2yjip/ygu9nduiwoevnokzzjmptdsxxtihjtay4xhkj1e509bnrrvszusahr6ityrivhr8x+ihly7oa2pnusyfkss5g1y3d5nbrygomx4laoipsluzawzycpp6ejxm1xkpmvuv9uv3yc2l65dqrbgosptq5qoq+mbffnn3byvmbe46ssi+jnzsfporekfcoqjnuwrewyo9mb3i/1bfsliuaolb6dzkophgvrzlzjdhfj+fjhu5hid6e6tztrqszlve2iogr8zhpvx4vfe9uyu1gsti1vhxhpgnawl4+lnfrorv2fhk3emnyvp7/o14l5m3dt3dnaer9/rr1fnucbip/fdjv2ukkpyvweri25tn7xpo/4fm7d/0k52fb5bw/eccdzr1ig6cd06fjfym7yb6ff4lgea2co16yzpjuuovcgd/nvdglz02wjfjr5jmwmdbpjjzlm3wh4xx5h/8o5qpxfzdhbplm2czsmfa0rb4kjj8dd3pcrxfcxfys6e1zs1ztbplwwte0rss6ms21q7djr3uol3xgpzrq93griuvsyyszhw2288mfmthox8y29vd1jqpwlqj2r8wpj+qe1w/ruuwijaayrmizvxhkqltxpm1v1wystdrsetsnnbeuplqjr7vw7mtn1opeesgr6/nbitxfv7t0ls5n9fccqmoal1tyuerrospfi4ng5q2bz9txgt8oviyistapkdytzpi2amoj8gfusakkahdjbdfhjdsib92nsrgngstmzkizq6ibdu4uqrywmxdqfq9hlop4vhzq113f6xycnxdansqvhop0qaifogisyh+x88jytq3h0dubbrfmupen1t+rfcye5tehdbkpx4in38crg6auosc4thtpxcmko1so8bac7ydwi92addvsfqr7ko5b+hs6i+g+qmsvdvo78ssdq9tcj2fqexixwd7piieta01brspjcl+a9zpwlcpijyigxgmjizraivpsusulga+pna2uxip1nek9zkgkomeygfapxo8ngnwv5q2x9sumhlho8tfzaiqmtl2ca9/wus1mqaeytjiq3he3p9+gupvcysbstxlw9f1e7/in2vye2vxc0ly1t2gkq6y5zsw/sgyav7l0rxgohzqsoxprhonhdxr7z+7s2xmt4w4+8og8b6b0fgnhxh72vw/tw06ch+zuqj6qjxazsselpew7tcssk0huefh44njfkpry46ndbmt2ls3+wnuraaifgn184kkdfu1wht+2iketqv/rfx/x/6z6zpq99v6szpu8ssgtaulbzrcnna6n0v3z8+durowkdyklc9orojrldqpqn+7ju3c02n1aqydtyhfzt023zcbz9bb4pxpo8nosja03tmuzybte6ndijua73reiaw+ntbeyfwh0j9oqip4awlpag1v0ohrggzul0gzwgznqs3fd1dvb19dl89wp1q/w+zgkoiq0k8tw678bphbgyodagcgl6tnk3l8/jgvvn39ma4hlr9rm70xz1knuzahkwrnkjdlbvs7jisrebk09ttbb9cugr5rothlafpa/u15ftuf0zcilk6ycv6nvi01s6kdxmkyvowlc9xzvdlyhusqb1vwmei0afmxz/ii89six5k+4eqt99pgds257osevtif60zq5jpbma5xemvblwux9tvntewacq5trcvzl2/a2c8yr4ejtirqvf0oknmbpkpsitnhrqhqgnjlz3nfan86eaa6rjyfcjuuvy/rz6krtage6ajels0wdofjhfcbwpdfm6r+0cunz+l9mcqojbagqatzetxginunod8ww8bw+6ovvmvnjpjkjf6a3cctqnmcmgxljnbpc43nknfcklwcroe0kog3zirdhei0pfos82uik7pc7g7f0tvx8uhyknph0lwauzdbkji49ulkpzvv18wapmwb7mcurjuwjetdxdaykldcnxpwdmlhirxqzfkpnxg4fm+om5a3cnhutpy+ymy58ym/d+cluegcg8hwlw5jtkbpml7ok0sepifri9iqaa7ldr/gcnq0jmzty7enjx08yjosmf0p4bfqy2sqoao60e7s3yhysgwrxqykthyy1dllf4lvzoxk8vlmv8s7l1n65n84tib/zvefb2wua1waw0zlxx9grjesoz/1lx1f6fwqoj95a8wvw3lmenwrm+8s54hlxcffxem8legotxaqntidbx4u1zbv0cbuej4tdwkvcb+qk0xaunvezcl9lxyt4tfifsaue1sxhfzmiwg0r3sanohtohni71mxwtq/f7zetiez3499u+c3b3+l2ttzkf/ryc3on9xnanrse6mn97xv/zghhozh2jhdpzjy6tn1dxu8cf+krrr7av107n9qprh6vsqgx2cwjcqasn8a7fnz8efkmmvsp4f1kdt9dmce3kg/xe5sf8v+upmsflo4qj/htymv8o8of/gpv5tkbl3a+e54b8iin9+o+e5phisamadu+e25lfa1n0wixu3jpzeskd6lauvgl209fiwmiliokwlnrpqbhozofwl19l07/vezarntvj02batsjwwk00ndwzps6tqulbvaju31dh9vnmzgml9omql9or/zn0fia0gewfz2tla2rsft43ponrq8atmrbetr9ph1okdsre9h/418/tzoptt1byspd4ddjrxoe5dws1vknkk/sk4xfb7p9ynxlqfkqckb5xrefhyhismtu50ku/wspsf8vtutm86+t1uv11vgsfz9mm3a3nqqvexn1sp66ddqfsatvrik6zdln0miyv6+ydyitkgnasxmtnib4rmmcgmxpttqukuoyocan6bj+jnu7zjyxzeyaztuuit7mxabdsaloob8+jwslkx1msxouhwgfbk9gxhw/kkdmz3aabdefcld2javtic+kdqfst+ija97smq57dq92k8l/ez8uqp0rb38+iz+fbh6vusvkxknj11w7x3mvnlfppuq4et/jiffdck6tu3tvji//diwy00tw4oxl945rrftchztjgodcld/7irwz1cz8bivcoxfthe3tyymxdiak4stspx48ntgjbcj8ebz9w9g/n/8t7bmpwi70p4bx8/jvwssm24i0fmkfujzmge3odkgpsanj+tbvoevlumazpqhm5sd8jlhhvkwzgm/p4s0u5h6yl7rotq6qo8vn4vo0imwtfi2ce7ekz6vsazv0mpwsd8tnnt2klsp1etpphkxey4eipw/aby1a+lbjwho3gdpshrcfyl55mtt9fto8+py6rpvru3qwl+7mq7p15rjmt0z/efa1xn/7jwekbxmqcbnre4zckebbqhotp2n4nuudfosyg+2oodaezfgnxwl87qivbok2edthqwiduinojqdlzhmqa8+rnzdyphlqeccpwudb9r+8ggathi5g30gsh9dpqbn4s7lz8zytdvmvgjwrlewf5iq14i3s6khv084qmtlo9sczhcn0sdqfqxdqlhqd4djfzmulizkekpxfeb9wxkh3ubfc+zm3ypkq5jttwus8xynpg86xs0muyslvicebeodl3jucvyrncj5bosk56mo4qedajzih54hso5ypby3g/cw7svz7q2tvoponjaw5h8x6h94stxgovnbzjhrvjtz066eouevqid495fzlzxauwoikohw2e1c627x+59zkeekfddawykpomb7tznrw9kazeguojfz7stfk8bhys7neo87mwatplhcgwenyznsmyp25p33ymev9jrmyo0sepfyxme2t8z1ceiij0tyyquyzusvgfvuej0/gigarhxhmu+dqxrbythyoorcg2xuolrm0pcr9gda5d/nqffvrlablrzcvroygcqvd0hjpnjreypgypaw8guqvkqre2sqb5dhzjyuylisyl1mz5mrq5i+bhdyte0udiylp3nzub0b5jfghrnhfg2mkmyakwp2wtrw2ctmuo39a9d95duqjo6pzvv6hyth2s5gu4mn4urs8mniahmc8kztwsdt/naercsvxn60/1lt+0vzo9wgemq4o/ewgugmtfsaxazhlnxbpputgn9udixyvy7szk7je01udvospdg00rcv9tfj8ltzkqr6a+tvzwwbmb7qqb5sctez+v/vqy00drl/yypw2to+1vvfzd9qqyzxvsbyao+x+pq1zllmrttwlttwltduyaiy2lznts7y5cv4brrl/ogvuzhn0cmvhbqplbmrvymokotegmcbvymokmtc2nwplbmrvymokotigmcbvymokmty5oaplbmrvymokotmgmcbvymokmtm1oaplbmrvymokotqgmcbvymokmtmxngplbmrvymokotugmcbvymokmta1naplbmrvymokotygmcbvymokmtc2nwplbmrvymokotcgmcbvymokmtgwmwplbmrvymokotggmcbvymokotuwcmvuzg9iago5osawig9iagoxndaxcmvuzg9iagoxmdagmcbvymokmtm1oaplbmrvymokmtaxidagb2jqcjg0ntakzw5kb2jqcjewmiawig9iago3mdezcmvuzg9iago0miawig9iaia8paovrm9udca8pcavrjqyidkgmcbsic9gndygmzmgmcbsic9gmjygmtigmcbsic9gmzmgmjqgmcbsic9gndegniawifigpj4kl1hpymply3qgpdwgl0ltmsa0msawifigpj4kl1byb2ntzxqgwyavuergic9uzxh0if0kpj4gzw5kb2jqcjewnsawig9iaia8paovtgvuz3roidm1mdmgicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjavrrzjupg8x2+yh6lzet3wdoah+wgbmzeqeivkif1ykfr1ig7fcnzmj3x16eqq5psuttmglvji7pzfvr1dd2th7y33/yo9w3sjwho324pt4f/g0ntrrfat/v3q0ex3gqqwh37hbxlntq2s7v8fethh9ybfqlgm294qp3ylhntnpkw+oemplgvo+bcadkmu2nwfy9pv9qvftd5vjf79yftz7cq9psv49tnaisq0ndudkzd+b34ced9pfplqax0tf3d5jeeddw1rdxlzbnj4xc4upzgug6wcd7kf/kq+tf58pcflbbmseseqckhhtr8jglxkoexayyikyasrh7zprtcbrbgypn93e/k/c1sjwe2y+tsf3gzx6cndpdi0cj64xopadnmx3i7evl2h8v7vfjoiowlzcq0zbh6jjdf1ntnrorc8zeyf4osrsw2zyfdwaxfirhnkw2zm3xp3kl3n/ksuycks+9fp4mlkzjskf/ozphmxvdnkz7p+n7l9no+h3mq5ozsxyrwnotbs801qxo6mfagjowdbwqlpd9q/lqwzskz7kiievi4xj5pod3pp/ajodvhnu+m8ggrzuro2za0sgrn+flaljyjr7jrxa3gwybuoyn8mj/logslkhbduyfwlpqj7i3cb9nug0b+mjz9ptduq+lvpvmusmcbme5yzsxcvqmpud78fxsj4ajivqi/cwlhjb70b7ptze837z+i2/2nup35rnhaxfhtz/gqngx9//z0ewjlsrljcylv3t38e9hsa7tt3o1+qp/ly6n/ciib/iumk/5y3pfnwsyrojygtmopqaxn+sdpvwlat1ztvzzpecacpaxrsxoesu/nkpedzr71fzoezbebq3kwykh7mhihuilit0cutfxnwtjlmhwedhjjwod7rmyrlkxfmwnq6snsh4esaj4bqxljqghojsytpuft9sgrcd9a8iqr92wxngp9rpaqrhwduj/sqiuylj4nhmjfvfueokd8ixp9w1t32i1ave/nukmbzxp5xbulkflwmk1hsk1fqerbb0sopp4lj8elduas0py3fph2k+foav9x5pnaait7tov4uwcshbdfx3vt0y61gmbjeatm8119yjuydiowzhy9jwrcgsgez2j9eljlcvcfyvhxb144gto1digqnbm4ir03tnuhzzkwss5mbndy4oy3lqtk6ypuxyvqqut9aiygx9enc0kzft1d4/ik4b4n/1huwpxndris7mgelwjothbcisz73vcp9i+nnhfvamtitmbvqpjgkgsfoykozww/8nzwbv3ppdbagd+0wxwvnvvwgfefcvithuk7utljokt831njifllry85u20tpd8gq0ltljku0bkzj9deqtg9alkn96zghpodwc5yn0hdfzbl+b71fijfqmj3olge0as9gcjekhaqh9ly75/yfes7j3rvekwtk5t48q8cqe+vxcgmqbieena30dclb3dgxzh+/alqfsp5ixftmeni6l/ikyf/ktnilxlt8wzmphwxhwi/db0cimtwiyccui7+z8xz10hin0yxqfx8es+xylyxk0hv26lvadrhu0ow3a71dfxfofomjmsn85wojrdfuo4vcr+njphu5wpm9xhdvy+v3mnlweesbvxdvuykz5b9zmrdmxkrzwltxw/5xw5xwuuxle/l4r4iozpkwjxr0uu05749tkr7gnechfsdovr7ftx8iv6sw+morsujofra/va0f3z7lqdh0npifgltvlbcwsqz3792uvmz2+vuryq/gdw8ulz2jjb0jvorox5svtmyswbw5gmxm227z2up74t2sezabwyigkexkeetcsxt+jrlvq6q4pvcrf7kmxb08ein1ssm+qu1dk47lcp8v3byz1ukah0j8o1bl+wmhg2sjw2d64ewepqbsorl53wed5xd83sf9rzevsgonouyvp9j46fbbfibb6zam8qdlfnzyqoshumz/eopq7vdysqqyuwjwoillfupf+vzyvouhwqyulal9jiymhhodbh/wsoaai+ropqkrljoths8aoybl2zktnc6g/eyxxqmowt8zhfgsuort8e6tdzdxt4m5nj+urfdbg1rtv3tzzbuh/fy0mpp4iqdyegepizyrcvmr02ydcbzdgq6+3o09nmee845pc0dzmcmqyczn4vuubcly0r7qrjz9gdu1cwge3gubdzttuhh+11oaott0xuwjxoybki9xw9quxbvf9bwzjnr0cbnwqb/ameoacicxtuvc8lufabc+tiaykqgaeznqjomif3xw2siug7tktsrfmxbg4kynbfaliueipvx2yt82jertbmbbsh9xuun2xkz0zpvzfeoh7zflayhqamyta8vjplwuzfprutl5vamg0kh/nqncm7g3omtsndsotdh0iyrew1hsr7jhnc480lwcnpq88pa5rosl3c2u83kfm9qkvjpw+i+aez4iv9o4myeolerunpjecg0p16sw4as2o/ucghli/1qt+txial6vcj8qmbvqigtr5jrdu/kxbq4yygvgifjec4b8ysxsq7phkgp7mmwnlixuaglqgytacokmlmxyovvaursinwickzor451r1bt8ycwuuoqgxui//y0a6d1jsdqardrdu4bqpff6oqkfe/tmqbzarnwvbctke8ly62bpk/mgnuodckisew8xfhxbh+qlpfcgtnarmd1hx1di+rsjto1mmhkvjtie5boapiez5rzwoxs+srcc4lnwrvlsskdns5pi0fxai6wnscfxojp2jhyjgenachfspdgys88zonaemtqeuswp3eird1fv7agrbps0mbjpdpva0/h5anypezqtssw8jeghtrnobeyja07fhf5widtozfu38jwbdox5klgih9wem7wajrpzyuzqbqiiqzqqwswovxok22ilavhyqbblaixvbx0p3y7y5+whljrmfmdnbm1jlb7pckw8r0gcq3/r62ie8gqi+xixbkrmdzumc8ewgkyzytepfjnjfi2agiur2vqkj7acgislmjyehrcd4pl3fxhwvjph0wgwsbfyre6lxlktepdsw55rr1r84bo2tpgvm9iw3absrw7g+55c8zdhvsw1vcepmxqlinzmrhotdukxb0hfqeaqgcqthklvwhillghw7vsajbsec9p2+z7xow8xda8vqlf6pi2m2/s5l/34ba4cdm8dfcxkqv4dn7bmbinvmygfv9heejcutcxw76vsqpr0cafy+x8filcd7wz0x5tcldacxkfiihxxzzdg4md/zpbt3qckytr0voxhkgfpbgcz2vpm9+56ydkingg0yysx80vl4hpwzuw9awcq+2cdb5x1tez/f2bwogodpmpiiqdibjdbfw0rymqohddtcfsts0ttswerkmhiuz2s8bwolafps19rtbksgprso1poti+ryj37qrbokwelyo0izyigcf61oirfv1ikezeujrywtfoftu+7kipzma2pwzoj8kituwdmvseaif4rdbizmdogtsylpo+rqpafktdodjy+fy/b8gpboyu0k88gcdqpsefsma//kytwf7yxokom2z5uwqpnezpx2vv4cagsrhkgi8ze2k8cj3rryvibduxzkkmge/rcxjhbpdenhbgt2ousfym3a3mo54j2rrqkkkyfpkovidkxo+htbfg0nqalu+jbwmvialq5lwehs5geeksumbrbwt+ccjp9pfjrduobtuktkgcvurnnzlfvgf5qemhqirr9alc1wkdwkows1u8anyjhfmtnabkc8cgyuagsga2dlmwau4cbxitcxemnrhflwsi08srfhgqetgqqcllc1lmaeija2jow2t7gmethrfb5nq9sarnijzx9g+ff8rj9ianmc1f4d6fax4kg62pjo4r0fo4ldk4ozbespeuvqdk4v+fpei6mtv+1loc57lu8ljtu+a++6ff4fu7frgd149uqb6yqrmi8p2+kqlpqe0/df5z21rf2yrnd4kv9kylwr6pa+ao5stqkzzj2aytoa1iyi1jqnbkzeoigbi2gzi1fcbtp5bmgaotqzbiwcxprl5m7d8mfpim0ectpxb38iqmgmd41ysezgizeuglircwmprx1hy/qdccr/8eit5ah5dvz9wxqqigmll8xswwv5mn03kzmkql+2dikxncmjivfi/1naqagzvhvrwusjgp7fdffobhmsixxfkzarwblayyfcd6fwhfnfiis8/0w18e/fxwnw0/tfmlkp9lygtndg4fow2x291mfzriukhzkf0kxj8uecfxpz0scf05qphqqgg9qt81nyrvlsee4gzgotervtcuceght4pfsiohpjqcvaforanfsynzk29hrpbmfjx9o8rgobb+zsexk/sfixfmudjkv8jz8b8matfb9srt0xakkjqh/dnb2x76kr7zpsplu1zogchaeyty3xzypngfdazwimy6vmuyneqytucqciiwlpyi1mqrrcgzbqv6vyi9ics2mqzksqgoiilphr5k6i6f9feywhd8mjd8ysz8bnekjtggrprpimhzyasda/nhwyrev0iyhel2lreipyutnrtuhdq3y69fl1vclqjzf7mujiwhl8srfqmxvxt08guvqri4wo8j/wuakc2szw5kc3ryzwftcmvuzg9iagoxmdqgmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzidewnsawifikl1jlc291cmnlcyaxmdmgmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgndagmcbscj4+igvuzg9iagoxmdmgmcbvymogpdwkl0zvbnqgpdwgl0yzmyayncawifigl0y0msa2idaguiavrjqyidkgmcbsic9gndygmzmgmcbsic9gmjkgmta4idaguiavrji4idi3idaguia+pgovuhjvy1nldcbbic9qreygl1rlehqgxqo+piblbmrvymokmtexidagb2jqidw8ci9mzw5ndgggnji5msagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenq9xe2p8zasvudx9g3dgfsrkfrmyg4jmahewwznmwnshhb2invqthjb8khy3vt8+q2nqkhrtvwmg2d30i4wkyosfutb/e3rv//6xzo8lvgv5+nt69ttnkvvlpmnijfrbkrq6fxw35v2d2n0/d+vf6kxjhib5je1mx2kedcfu+cxy+xmoryjilnpp2aop7bvttlz+myzzvdvm+/77qfnjn40z0m2+zdofx06jfisu4uvssyysaovedur5rotsyhyjmgis8blhfvvbnlukq+stojkmkazr0xy4m+bfx0dg3nc2uajm0djkmt6ailcgg3skdfjpwo2jgrr06erqukienqpcgkkmfztbvytwusymxwc6qk5n930/gjnvuk7/gabu9s1gjgcan3rngqhbhdj+/uopdlmn9td/ijyzxhta0fxtzfp6psdomvhty9uzbkfnnfxd+1729un2rxnnhnoecvw2opxoj4gdnn69zxjoufmu/lxdto8pugqkosieqqgtb28/i233opca1nb+7uedorpfhbucabsztpdi48w3/7stphsjcmilm4wnhk94mzi1i+vfh9ebjxehphofdj201ygea2/d68ljhia6tp0o4yc9injvbtt6opdaewzpkcxssxwgs/47voxbseytof9bx+a/xvqrshyzad2fte13vvbnhmdrailr5ki9agp0f4heyq8upv5434ogrkhoqgistjuxf+banjkix2n9ciyqyqmqoerylbirb1dm07nqzhyzsqqiv2skk/kdhecv43f0+zlqzcq2o7fsnnvjvn9lyuhavm6en2p7y9gxczz7or9t4cmscrh2km7+mcqtjpey1mfhgtyl3hvqez2li3hyxrxcwtobi7vj3ltbers1cyv3ed2ovbxyfe1vfjn5utbmhjr+d3m4v0nq5/7rp364tnlnr+dvfmh7j3far7qxttrxvrgn6zwl0cashmczsmbb3qdqqq+ikmzjtrdllnrrn+fm5j10afosg5gspkysroqxhdf1j6brr6co70sbfagwndgzb4/n6mepegtdo/lt9zphnb/klvrkrrzt3gisapo42byedk4k3wef1uzh/rjxjnrjfm9odbof4qi1w0ntmfhgjssjkknlfqlcubvpqso2pegj/izc8/snvjwbkwgrlvq2wtuyiubc8eajd8lqekvyu7krtfjddzqy0edvjfzy03/tkjry+iojhp7twni30fr8wvak96k65oz+/tikdtyx+uzrudin4ewid6don4s1wijxgsgweaibnwvsvxecvklv1/cqzzaailp+b2vfi1ym5lwiglf6lyu9bq/mvmkqs15j56j6fisijhzyun1iohersqeko28jjbzb0j+lwwaz7kpqfshtwqi8mxy/3xlvsqgzc1nsxknrigogrhlxob6hrabve5qjpxzxhqyblacfwgyyocxhmuuyaple8jhonv0/fx9kenyqukosbtwi6vsjltq5qu4ze6ocp+mdldy6x7aco0bjdnzshmue5zqvlg9/ppzbnpsigltzddl6n+h+qzjrt24sosetliixwk1mkzhndprp2fjhzpzr7eqlyscc01o6p7akmgmljg+ieoyafyktgn5xprpsblpna2/of2ajiexjy2etj+g7ytez88wzdwsr4roa/5zi9hdm+6hdtfoad6xrxsjglf849estye8ilmhg4/eqqauemhwipxwd2e20kaiwbwmokuqufkdkec+ocgqak+go78ogp6a/bfr/35tvonwlwstphwrxajoma6ephx09bndr9jfp7ojz+mdm0ure4odfe8sbklez+3pjjiavisndz8fx4/j9sz2e+frqe4+all05ctkcn+3mixkjjwxg8nibn2lh1u2v8qtam+xu7nmj4gd4qggf1fzkbnlp9/apd/okhzh2qvv5xygaccivjmxmmskku0kj6qy/wyjfdnt5bnds5af+y7zarl7ubw8wv/anmt9zd/04yi4t2u3f2jwb3kdapbguzkus+m+66/dor7azgr7lckx/b3qfov37crti96itxtdh8qwklro26nvucyztdyinjk/zd35tvreka8bqergt400vboq4n2wy6gfxoiy9s8mn/fw3ggklg4bq0mmnnlywptwptisl5506gzqc3m6dnrlsvvleb5x7pdtddl6z8dyggiqntn9q3tutzvxum3f1sjv3cmvuhzkqrhujsyuhumqcnjq9z9t9qf9xkurgcxpoynrjlkjk+e+uxk85vbcbd0whktlvqdds4k3vz0e5jrgjzxqxnot5jxllni2yowjdatbtabvfajhyb1ffusufmptmt/om76nrkdayqeqwyaeanglu7e0/lqao0se/bf3uedibysd/epbucduj6kfncd9eov6gkwbyxovmd/600nepa5gapcilenszfoexauwaganrn0aja2cvrgtd38rldumc79rpdge5n3de4q3kgq69rzapznvvu/fu/yf9e6kxbwoha8sxahimqfhdb8sbxhwc1v5wwzbyn35pbho6h0aegnjrwieyxto1prgfrvempx9yvfedrzx7lt+ucyxuv55ytt9xetbll+u0gsujnlsawmnj2r3ongcwhrezhpyu8lbxw6l1wn0xltny4xf/ygon4eiacznwjcznysm7vjm/y3oymlw0/ugiyi4i4v/vvqdi27qtqtjait2cz84l/vggvxg+5qmcez3q2b94paoqwyh4tlajymrmnysehd5rrjdradp9wwfrdbdtpsq72ibil0qo2+ko4d/v7yir4cmotuuytqeebjm+0gn6qos9ob50tnbj/unc1iikoam5qhzakmzizyaow/n3+lydm0hkvz3gmtnsaneanwwnrbsxetkslgd0/z6osjwg8kzdbdwmclmu0wafklpmmmvxz+/zbz9g9cbakeyxd+fmrpjnlgjqzofk2zbvgce4jngy1hawww1k5c6le7i07rf3idctvucfmesu9mx/ipboxmchal/cnmsied5umqzx++f78ynvziki+i0ce7jl6suc5ygttbinsd6sm6fnmygt9jn6zg0fputmwjxfhlj9+/jiebwujpypypm2cpplgyyb6pqbeqpt5fhsvugsstapyqd7ikyycyvso1clz7jlemjcq5llcyeekwvgankd547akavvjpxdh2cfkuioemsbuvzzjk5dxxreav2sbd/plasena57opl7kjqd7soc1po0i5kvupwlylaq0/slcl25xkn44kz2nl56hopzrtcfqsol5xq6vkw7jf8cmx6lnr/rl6ivjcgnjjoceuqsmyreiimatrg9cepsz+ov+k2ujv5760af00ij0xn67wipr612hgcsnmznimuplix3+yn/a25ug/fima+2b8ltoijrkctdiuhslys58cn9vmhhqtlbrhrza/ovnc6c8acuqnjyyublc/8su+tz2xb5sygkhp9bmyxvpzextd0htzvvzrtn35wo374yc0mismnirwxepr3t39zve4mi/lmvneax43ll1ngp5zeu2n3+dwcwvaogphodfsvuaordhxsh/dxbqyteam8dc/uhxud7pwgyfqqrian9dgkooymwppyadhqkyon/4tsohqfcxixpzcvmexjz4bdcosebnxcoak5clnidfqwuyy/sh51vlv6aexflkytgn51ddu8iynasnw6ekdc8h6yas5pewznxwmua/lsyerqlelfvjok9zhkjgkz6apifnsfm3oprqi+9fvhfjdxiwfgiu5ektiiny6tdwfcb6pvj6fny/k2npmeki2etdiazhffcmisml4icascl9n2nrjdl3wua6pkmljqsgrh3k5rgrvikyekb47lsfdtzevfknqvz0rius1fiueq4c5h4ellne58ekbsnbbzckdashci30n/3cecu6emhe5q5yscpgecyusidn4fsly/sgcpvab01mywnpmzatcjabcxhel2hyveezw8r4j/yp29wafmeycexf1d4rhinpce0tfpqdfn0pgxtqxtksf21wzi3czhns6i6iarmnr5ke/n9a4cgpvr4kimtvrg0nx1y+su5i5vch4adxjwpmh3pmsgxdxylnyaujjilcqms6im5m85iai2tgqmqz6qwp4kif2ifvazwihdd+27z2hyvubh2y+hodkfqua28wxbo2wfjp7viw30rqt0vqszcwob4j6mhzwwbpyha4lafjqz2jdruegpzdln7qhtr+pjsa7odni6cvaidvvui5m0thr+12incjomeo+20k1+4fgdkpa1xmted8cfcf/lz66xeo2d99to9trp2uzntcylxgg2cqj6u+3yuonjaud1uwa7khhokyvz3carue0yx20sijjj8fhbzgfrmkax35ni9yx5z9lya9sysdy63wifnifsbghjjtkuoq5ujr9iq8q3kzm2mirj9jxwrq6mxpwbjn5zk6d83dnyvbwp6wsx0pyv8swpapmjprojf042tths9p1tjysadipeuwj+wjvftofecs2u049ju9ni+xnjcooqq6c8tvfw5i4q82lm2jhrynmajwc4wksx9iqwv2qwsdbqgan3zzqyjy/zz3iuzzj8u++djsytc03gusmolaheirmjveqqtc5zvvwrlr1sewypufajsknkudjewwgwpsjmurpcbwakofrsaohljroc+a4xqcrk7fz76fabay0yco+nfueqd1grmjuafplznnksoj8kdicfq5reso6ph4y6hijvrehg+cjacq0jb5wukqzs6gdriucmudbr6uk1cmrxb522u+dz0e5riopmgtlsdbdvoeiuefmdpsgpiihv0dkohtyvhpyhgrwn/vm75ecuu4mudf5a0kwiqpseuwftubgxqcclaaowxwi/wmrt5jcapjmnvhftejyutshskoakzxzv45iuye5myjngpv312khllpqv5oxbuc4wmzp4oqba/nf3gncszlz0l0urq+ozemvs45zoo2qsrat5rv3tapc45lyos6mq8eevrfhmmtijsflqxc5s7/seezlhfkgz1nustn2ql0mcarm0zuorqyz+xe6uy/niqktixriiqmwxprdoggjyju6jz65hxvhg6owyovojzsrqb82lgu2iodslwmkmwogdn+6hvryj9lxvkal4apw+rn02tenmflavmftvi3vlhka5xkjk8k1qqutxzi5y0hwsby4tjholfr+mgbs0ohvexz81wckvknynbezpue4ss7vgei9up2wbcrwogv+mffwzdvhpodefxi5oqpnh/l+ss+y+brex+wsucalmhhib1j8xxi+kt/miy1afcfqvuey6hfo5bo5rkbcr+mkqhixfz7byhnyy06s1c5p6woc8ra8mjvkkwhln9/3ittdimsrvjdynehmzsxuatujswkyafm0xpbhajvka4gmaarw0+7y+ryq5tvxg1tdmuxdyfwqljsg8wv5y8vbibquhmupm1awjbxtmj1euhngsch7jvqwvhwb5ivy418pndzuycrfaosgpwme+yupwd1dxco3ju75uvganrhdeeq4axdx+httzf+inu3tu0or8g5rwzhc6v4leuk9/mcj4/ucdcaa9nkyl9xmyz11jc+phx3byrsrojlq7jrii0qsjigt6hu1sp5ltmvgvnrxuloapdlersfhcgbo/a1csq65zhlbbvlmec8ajmipl0yw8my8au1ds3fbctdhyqzdmtckct9t/sgbpunshvf4hzn8drbqy1neidfyxzg6x5wlnmk4f7yj9/mmcypqxh3pr6zzqnxrqnozr3z4uf2zaqucu7bkez9q7lnhwyqjwwb4erwhsi7uxkfdu0q9c11pgqamcjlph9cd+1k9xqrss9ilvkbn8fbemsqtovd4nzcszy+wvc28eocac1oevkdjlpc4tuwiozr2vbeo6gw6qweolq2bhu0djftrnje2xmh/egak22cwlbscisghwrgqdsynjx/y+m8nwh+bwiwd85efmbch9vwbanvwo08awyuhuye1du5yfwlm3npqtu1opdedxzjpad70+wgcdzkedpuav427u9c0aw0jqbp5egliyleatdlvyu0bwosjkgbauen9rowr8qdqctpbt3yls0/ieboruvuh4djwqyhzqmmizxeiehxpxwhoxzggxrbtprfqa0y7zne1dzvvq1pnkovujfvecmvoryeo9hc9z6od6/ekgvpwps94zwoqahaim6uuxsjcsnivknt947ejrdzztqidgjtiziaz7jibcmaurrhwfnvgitoaqk3jhsmwhtomnyrjaz9hatx+w07m3bjr5g6turmibfxozbgoi/xpcjfpynn6+vgxc5zoxfkj1k3ohjofiat1lq0pgxcyd0nhzjitnf5frwzhmzs8gegqnwld6kajchpbaoakm3u9ayznl5yktjn6vmsvlxl0ch3zj6xy1o9etbzlgaqmvd9m2jg/63y/nhtyvjk7uievgqimgo9pabdlxynn/rw/njwerbfvbc6esaxclotxlncycjisbbqxnbmygn8ma2cfz+cnn9z5rviinr4lstgsceftoncjkafv/yvcv+acubjenvtm208rwozsum3y7kskmmzgatmvrqw3ljywtkcwmepqupadv0qnk5uapnc1dubo4scenbotihx5vi0xsp14jqcukrj0kyux41cszddmorprpov+vwgxumcup/5qm4ityzrxto2ulcwgumsscwnrcoez2ti3pcobylgrq6dizu1xafdtjrtl69dnaz4urlbgwxuhet3ikmrpdc/rfu5wbjbsiwxxvrmuauxjv6yoyaey+he2is2vurv5btydt6iphfza79ewi07oqlaobh2rj3c5qkzizdp75um5wmvv6milhlsi18zlzzjeykfohrwmvbqd4vtaguohqops1o/av5jlybwm+vw4tjl0xd78gmlmpn65+t5fzkm2sqzl61mktf3ljdwk6hydbhvacbdf6opq8igdpsyinq9vk4z+uf/12rtntrwn3+vwxofezucnqzjo5buave5uh/hu5s9oni+gbunbzb+b3evzffok7jcrdrhpvta05i7tckh/rlye8dcsvyao5vqoepqtvi7iknmptx6tv/ozc/cwry6g0/vudscb0cfrcohtarng9ofjwddzfepochjyzfq2wng41nngr6nztdil3tzjix3sauumv7arfzdlrkqr66jff8mk+3qwzvrs0ynhdzqkysxlzyvkt0tjuwyy79hlpg0jlsrzku16ivlvrox/s369w0zk0yxbvbha1nhijxkqyzpl2qfci2m6pkknpzonjsfgyrqikbef953wugzdd6le6kifgrzz1m1vcglmm8yhqfcjbt/fdoctryr/0+qznvraju6bzuxe5oc8rwexsovjy0svb8jnjil/jszzy58piv4+byb12ydetltvftxlpfi8vhygx5sld1djxathn9etlpbgzrkibnaivk4j03jv8ipodubrhtq+trnx+ywxfmditojkox1+necw2lh7rkjgga8uonvohdxnsvj4mhfuwvob8rmn9zhu9ndah0jaxpsnnndhijzhrcdwphfaaxjrb4umngv7avjzgeyaiufygugsmmhozmlvylxyv1av7wfw1jvjcvh8nezylj9kedaehrqcj16/1jzm+lohyutngr3zhtrm6tvvm11jwq2/js5qhyr8gpnkoiasbfnpdu7kkl4v6qilq5flplap/g4dcdxprxwz9jpmlfvvsvlfs3xz/m/kimmvfw1u8noyvj5brn1fmft30go3yqkimxdcirdf4p71obtqjfzo31vrkms2si6lt/sf8porvpv73eyi1szxmsmwtkw8kovg2mdyngqqljrhxtz0eqy+n6wk/ylp0yyoqj5lu/wcldyrqnbih5/dwpqwxhja4ykmhrhfe2davtbttphwgdicwvdbzsrl5vzkw/7uimzlwk//fqu+q/vcnnvvlv0x2n0g6ujvz8tpk4znotzqme1ruj4wtpit7vx0qauejl4x3dgkgoc4jcm0no90uheg3bmaolarijs9rr6up6x3d/bbbejj8lhf2lehkxdah60uehlfy+wpvwbcvvjfhd0f5bfgst/ttxb75ktdp7mk0nblzg48tk+3ylvat4bvonn+oix0p6h3ase446k6wd9ojxnida/fr526u8h2zkv2hkrcedoln+allsnqhsqnhauei5wwxdgoz4xzxurkgzcnuthzp1nac3+lg4noxshmbgvlosmbpouzxspf9w8z/8e9h4nz1x9ev/hetktpqzw5kc3ryzwftcmvuzg9iagoxmtagmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzidexmsawifikl1jlc291cmnlcyaxmdkgmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgndagmcbscj4+igvuzg9iagoxmdkgmcbvymogpdwkl0zvbnqgpdwgl0y0msa2idaguiavrjqyidkgmcbsic9gmjkgmta4idaguiavrji4idi3idaguiavrjmzidi0idaguiavrjmwidexncawifigl0y0niazmyawifigpj4kl1byb2ntzxqgwyavuergic9uzxh0if0kpj4gzw5kb2jqcjexnyawig9iaia8paovtgvuz3roidy0mjkgicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjajvxlk+pgkb7pr+jbsinilfcfp26sy7qxitwg1zoxplg+gcs6cq8juhho3p71m5lfflaa0bjoymp6sb5z+s7+8oxdf/4ym6c8kni0fvry8ptet1lkgtauxdox8992xdvxzvaoddv0zwebj7uyqxiid2xf169ndvz0g2/ddnvzloxeqw6ir89rubpug/qdyuvv9rou1fpfv/xek0i9surfgcrzkt+fmof2+i/qnkbdfynvros/7zgntg60q8anng7gpkgervntoab2jpo6l5ex3z8ftblkjwvwopbdgwdd41vi09e3+1vbvb+o5bue3la6xartv4btsxrptvhg4akhoupix2qufelidhkpto4v1b17jvldvonphzgxu/5enwr68x8j7jsgm/f2rlo+2ninki2ckets3y+fymct7n57nnrmn09dfr8wwqxsdagwoxzlnohsmc8mttzrln4nb/dqd7btrnyqwcibxoj/kunn7rs6laoa8f4co1v9nehql/im8efya+tphz9+pmjuwsuhzklme0+l3s9hafvalob1cg95oh3wujdcyklrev5ijd234/fa9qtghiocnp1hhadciirbpvza2dn/htia9l515db2okictgrfe9kn9wm8lh3kzdevbwqetlxfv72wmjmawvk3uq9qwa/bvxrl3jb2aq25v5gcdonrnzcmqki+xzd3huvkem2e6fobhrn1j3nbvf91w9xegeapvza6wpn4ezzc3s0zcgnryrarwafnli/ijcizjz/i1dmrcgffejaz0xgd0p1y8vwtivvtiwqc8nwrkqdishrshfhbkt7zia8xrwjj7labkxdph7nvn65v2dh+p8lu734kdca0qczl9gli67kzrnj938/0zuo9c4z5xpyxbizek1p8jxwqx6razoewt7hxbnxsqjy52nq00ps3difn4sifrz2sj08p4fbnuipodvuep9tjp4ml0tj1ewj2vbk75un2lcragbdy3cc+fprtl2eb7lryvp3cnr6i0e0mxdfmeggx68f7vrucieqgs21r6ihdluutiv/adv2ub3ynrg0xl631w7dim0rkrbqoqx8rbkvoyth0o8jougauq8zqklqp7xp2j+yd2a8hormnpwsgh2egyn9t2ewb9d/q4xqhroeirjib3antprsfjgdaorksupieoi8swu/mqfa3wbth7q9ybrlfajhw0qfta49+ik5xnfdo0lc3rcdvui7c86jmjorkfuc3wi3pdzwbzombxi79squc58lf/wwdod7ltzoek6c0kufsrzu58x8dify3nksua+yd2f3ivwtrqsbd/lnkdwepthk+44rovrolcsxqphegb0tavwvpi/bsyhfnvguodm27stcsxuhxenvbcirw1zafrtjiszf/vcn5cwxoqopefaoudcolpig3va/sieyawnu8/vvtx9bn6kuhlesxogt7xb0sfutyjs257ookt+aqj4exybjss+jktlqralowxznamravgmapupjutmv7+zscczezf4gbunueqpy55wwbkbkg/dcnp8cbjdnokqzhnbf/rrk1ob0+td3z1ejwqhr+eaggzuje9osf11ilujuwgglylpz3jqc3tngth28vs49hmq318mnqwgzxrlft5oi+ul1lclc0c1d4omydudjim7isbvhq4tcxffc5vipsgqe7d/wt/tf2zeahjlflq2jj8nxaicfo7e1ex+u4ct32odapcovnet2ze/n6tdmaiutrkswhx8+zg0bugxcsj78lsbsn7ejmsymmxwiyol1njpbzv6g5aoaqlseycfhnnctrr0o/vo1kyy7hwubxhqcd0ogxpjpzdvvgrscgxrrypqaykpkmo1aixhgkwwuhm8sqg2wseld1dladyuy1go3x0jre41rhidpyi1fgyzee9kommmh0qp0dw8f9mnz8vqbbn3qfbs6+sahcys9cry1t5zf0uevwgbihahlbztory5k+rsk0evl0lzm3ojqsqi37qdhrofxg1haglgm1hdbmdiw/buchsavcgxjt45phfzwnjk+bpikxjzujpfnnifw15yoa8tmlvtnqhoui0rhcjujndkybeylkt0agnohjoetk/nmd0gwbfbvusjaqcuukrluqkupp1/esik2uezo5vekkcjk7s9xtbb9n1rbjsaxf3dim3c2phg/sumj1yqjxxyakdn5qxql1se8wxzxwmwa5ribene027dfcpvy0vt8qbp9ltaaiy1y5apwzgzwrocq6dzuwejeenjgfisopjr8bd1a+6e4adub7tudwrm76i0ef/ukfdboajpnosspvxesmkslt8itovfjemolwdop5dssgrnw3wqnkxr+8kv64wctavt/e7qo5cctbedaqeuukzy30ntrtlwh+egogvufpdismkuohlxgfqyu+r1073nwgf3qtupbo7wllzefkm+mdqx/mazznsllq1q/oz6vskw7luebhyitqhiclud9xyznzcatjvzani9ytxfmo/myjr2tjiaabnlyrvoa83ipl2dbikkgjz4/mjczp/ozbsbjag1zqdip+ghwvk4bwfspgl1fmjkemuvnxl0znyyuitdunppny2ahmcawo8cgmilbux2bikxlvkrrfv5u9vlwugtgi1pmqvcqvlvmug2t5xoa222bszjqzw+z+/cd8xriystymelovlws52liujqgcg4qkltrlq+l+xlksvklawl+lhurbs4utmjvk6onjkxehbgials6g7mj/r/ns90cynty5j42clm2ciq42uvxamvdp9cjdn0vaurzayvfccw6wgmvj76stxaxeb31bvxguyr16xwp2izhkcukt2wszdgk2ybyt9t3quzdeosp86je6ko+lmyaiitsxvtcyc6cenkm4hdyp0y7jamezadc7pg3wjxlwrxwqjs4ozm1knlvsoomer6qrsf6wubnjsg7whrs64nn9gktzfjtqvp0exvv5vbil9bjnmv9sphga7d/jcu2o4tbpy87z6mplp7hdfw2cdivyyv0enmauq0qhodbqmix0rbwdwkngk/ocq2ctfvy41m2opfg3xwr6jhxm78w60aifuajusz+bctb+magjxgfo4impwjddxczmdkjlaoxz15pak0maw9bdg/w/r6sqea324jklwempt4oepp7ews1fscwpbfwuovigk7to5bvqxpkrgfdgadnugiypce4tg/kotir09tdqrncxpdezidi1mwrcejxjvgrnxprili6vgpx2mu6la28bm6hhijojjpofqvxvqtlr1uurvsnvxgrsiggl4/hmkfxo68bgqr6f7sy+/prbvzzcbkvo126615u/chjeos+1k73odu7grw1qysvmbbc4ku0pzstookr+yabmmbsskl2twbybh0frijpv1uly200tjznm+kpgaxabsacoespxtr33e7ac1o9dm+hs9trkg5g1gnxkxxtfqyidunrofz16rqin6qdblrrpt9z3kcxj2jmpjbdbcqk/iig4wnock+tg9xnrvklqgv5fcqnuzhxst6hpgg0et5+nopvlj2gefoviwf6w8x/vtnkkazpjwiart7zxsdyv4jkpyhad+l0rdqy/xs5e3yxrvalnqikceiajiahwv820cbyejp1wo8tuknwdjv5q9qhyukepotzracdh7bqvymje2mpjgemmtskejh9hvmoas9v4omx1qlq0wx7o97zu0kwcud0alpvolhdfbhpigta4kx3seezsjpndldih6qxcatn0mwch6c3ag/sifedm5ncakmqevbaq7e7lanwbg+jvz3q7gpjupr6rrcn/kfudtpmmqzgus5eif/2wiwp2k1pdxtnjmja9tagve8boni3ctcau6oyiwzoru7hoxrjtinsavoc8vzde5rafahgc5nep8ndorzlpi+whvnof24kna4vcia2zmr2741eg+mxpb7coy8zbfnt4gwipramyio1wgfzaa1t95vyeeehwfsxy1uqlu1dmpsskjmn1vavnwhjycxlfko19nccokmeavs79atxsrxx0b50tmsgmy+c1zdwqirijsi305v9tje5lqeylwgkgabacgs43nyiyojnnz3damqn9x6xex3bpnyeaap2iwk50dv/ykresk/jw8cshvoxhu8sjhox7ie38dlp9+pxd3/4epp0/he8/fecwbj4/fancgerphd/dpkrrwvze5jdxd58//o801oego3ij/abpi3nolrrkrrdl+tqumletuub5mgdxzoldkb5gcqilhbyxqzi6qukbqgyqrcejeutpxccdp/dcsto+d98bwb+4sh2ibs56hijfil4up8w/hkjqlndpsv2aevflwatrqbtrwexobivwuexkfrtlymxeawbvwmlacxnnvwsngyoitqrieizd3ttwm3ar7aelbc0smkyom1yjypureuc9vals3okqiyna6pzv6vztjko4ug231cutxqqttarkfcz5ijv4mcumvmzby2wkhii1qy1lnienmwsz5tkqyvwf7u42wvyemq04wwvvitl0hwy0y10bmetvnjvhwnly/vsovbp7ihjosffwl9ug8wmfjt5nssqpmbkt7oi9nvxopmwxfvbrknsl+02a3o8a8ccnppx+ffxhvg8icv0vwy2hwswzin3ndzd4/ki2dwbiy7/qb8ede7icrqj2rku5fhohlkypfqqzgmc/tm7be26rcvniji9w43iqfj67eyae5qqn4mnswrdscfqjvomlemqd9subupcsefcaobgziz66lwp1xv3i0b47xyjhep8brjekgt4sql5rz0qdshdj0lrihiw8tkmcaaxo16dgyy4ti5bkifavzfkznguii4h+yljzne7vfkw51ql8gbeaktaaix6oublpw/keglu8z8iqejxz7/yikgxy9ymtyv3ah3g3qoset9hm7rm7w5oxr5gszsbzh+sdya07+nl98bg9tjs0kyt3hurfyjt4nxz1t7l7qnkuztcd43fsstdbxf3xtvodsr8gxes6vaipeiiu/s0hdtivbslbsztsytjekrie3k2gvf10dmrolgot81c6rdpg0dl2qmg2waywhfh5hrrjlnxrez4fck1k5qv+mohkqdwbe0qnmtg++p6nvawg/ena9pnvp8kwhngl/6dpyniwx/d/svedpbeai+rew+v8bbuinpfspiuqsu6x/bp8deb23zyypl6xydgavkrsiwf+a+wrq+4ojbfj7xsca01r0twzrwekef+fvwhys1+6nbf15kko4x2zli49xmw8teac5shao5dcgp1oabmcxlnlmurhkistq5l/89aplqk+tulmkcbospgefv0us/plzjfunugtdaiehj41llabzff2f/bv3ie1tfeho9bmmq6tmtsvfkloxqo7d3gp+vuy+imd5h0d/ajnqg4adyulmtgds33xfgiewjc+jpngj5lp0qvtwvwaq6mzatoxvuybhttztg2oej8xhfvpwrnkcw1umyafm6sjrvyriytmmp5rfv8nnvaj3a3ucplducqehqcoj9et9a4vrsvdvokvbnipzsfibf2h2zojmk/g8eusvrayjatfqnuwziqkxsm5dh5sw5qemqgdhti4ozklpnnzqslucgbmqafwmpgyzrmpwtwlbyk2legcnfohk5lwsxg6ko3bwbsbs5pwvplnygvjiukykt9nhxpoeklu8lnpqivkwuxd3rtfjrdgf6qasqvvgtjh21vfsoz6lo591yg0zsbagnjexd6skdt4i3nbmqb2cgcggqj2gx0gfqreeiuhyvphoypa1y06f6lmua8zj6qi0h1fy3pq7ywxj9w/ddiozfbk2i2slx59inkamtlua0loxhmr0lsjrw85hfbzqkip71lfag0+zfoeoeqoltgdgiz3q+j0ihpktuim7mxp3zw29zlalh2cixg0ekjc0usktbzbujssp9d1r+l8pl0hbutnc2hyhyehbkqr1s1xxg/0bs8kh1gsu7y6gzz9leo3h3vepdsgnr5o5ilhhbcvm1pluum335rhobs5el+gjc37uiwpsb7b331v4rka+4hms19ibbug7drw/xitsepudamqyooulteuqcglp4tswhrixklvf7pipkxz+3i9kedes3varbqtzadkn6tbbmabwdhievjpodqq9vth1uxveebvn8wv+dhnmwqvs9lcz2vfg3oype1zx8fswuk6utcafrbqtgdcr1xs3rqjpppmejfe37ox4ae605axnzhd0l2rbip60kbsup1rgpm4he7ofgkodxjrpnfq+95epb6ks5brj48uylkr5vhfszolu5ecz0pib5yecacsklgyqk2rdvjxftb8yntkx+xmippcvgss1k4ms/ctswzrvlqbovoyrskxsi1ruvsro6zwljk6grw1mtx93rwqazwpwim2c8dxqpbqzzsupadstbi5gnrhhtjdqfewq3fghm9/khdm8e4hw8fze6a+ym/77sget8pqa33s6vh2vh7wy934hor1qvwxwadosx7r331pc9ewkvztlgo4wtqeho88si8rtpqb5ahogejylonfbjsj7oqe82qxzu7yzeaqcrgkvw5hlcvbek2uvcn1+lovk06cljxe89guhkcqgjsexlfw9jgqyfcwyjmixqb8xbqzkm05xg5f7ki5reymdiarapj+h74szh0dxcf2u2rzs+lhhonjdjx6c35e5p3yzh+jym9nask7fpa7nhwiwkytox2gbsd+jj5qjxcvuucbizhopv7lwtp1jthnbu4ane40yythhnr74f2xntb+1hmzoavy6x2gcxchvsnnybcp6bnaq3m8fjarx4ir5z7rq/bfnyucjpc5xqj9lvuev521grzp7nvtxfgherdu9thtrl8pnozifj22udxezpa4nls41x95+okjh4vfvmwqet8e8ex2lnoemd8fmntazxpfevi4jysaf8bagmotitrq45yyjfog9uto3xj/qa9bfqlhr6pnyfnoyxgvv/yoy0abdxopy5chts1i12kudxf1b/ctiw3bl7e2xkzxlqj2mecroo97dcitv+8xdxg5tv8n6b3bsob9tewuud/kp7yinxv1hvalcgkukqgm1uo2dx5mhjxdmtrquemtf/eot7em80hgvpw8o+ow6suqtprnjgxlmfo9t3gopjvhc1b2edtsdl/0i863uj84lkhzuy0nz3v5gy8+njtmtpfa9+qlxixkgnv0uhkjj9kcynvgfng2jodptdbgvup0b/s96ukrwz/ena/khtiywtcp8jgd7ee6jedxxcm0i98xgr7yhkx4hjwmr5ri+zlvmtowxb+buwo3pbofk2rb60k06fxcqt2fyw7stvel7+na4pvmog/kdgocvzdn1kypbzw5vrlzvdydd2nrkfzkyudppzocrcpxsyoawcxzqvqlv32qfrzomqzz9qq5etyk1sh7vycgryywckuosprevuplmupvrh5jkkqe/kwnlg/2zrs09xusoi3me/l3v5jaqgjrcbgdtb/imltwjwzo8q2afopquu/gpb2qcfjazhm5ejgpkjffghrxqfnvdy/mrskey8ezllpk9pz0laci4hz3l3vh6ptven5i39kexit+r/++oujejkyar1tbncfamqlkvz4+x8vuxanz/azgyz1cvsz+cfi9p71mxsnytztn1khikod3o1t12sla4jthltiur0fetncr9anh/u8dqthxbpspdpspetgnom99mhzloip9od29jpjer0kpfuvkensvlsuz3w3zab8ywr7fasvtmjofcw/xhwxfksidopgm/aijqruvasvtiux3odysq82iggs1pspbrzmuh/eelux5g0nhwmpuae8rlgii20nisxzzsio82nlb8pm3bok6jt/yspvctnuly+qgnzya5cfur1byresbtjgvc3frzmkrm0cfzwwi8ux3k3ltnqlmzhyo623x7h9k6mzmpn7p6j3ipu6acfv7tmmi9rmlyzqkiujrchlek2k80gq2nmayb32j6+fhdpdrzwlor4qfc2oykf99vfdtzv85koaiqfgipsx88o53mkmye5bt6gzfz3iozayfa8ldxmnmrqvedrjhznm0ciqzvvospoglk/ekeh4cb1grxxthubaxvj1a/ppalk/fopqywndtegeu5of6xr//neae5nkf/m+ndgs3k7vzvgfbgnkauew3i/klv3y/wkl5yw+9emcp8jn4ewwtu4jxxjsfxwdq6+1ctkdhpus5phz6ajzaefduocdt6+vhqxuuydc1dum1emddzh4a5dstabw8twt/4/saivd1akcn5kszuj6y1mq3xag5oobmv9fqbfs73gwc+cghxaczr8qfnhjo+2k4iwvlr0dnz5jf1op0ydllqvomaqp/wddjbjsdy+giiuqt0kqkn1f+gbyd3toznjt0fcdqvwj9b6cm6uesfrnl+hxmiqphi7pj1k1pjf8pems5e2vuzhn0cmvhbqplbmrvymokmte2idagb2jqidw8ci9uexblic9qywdlci9db250zw50cyaxmtcgmcbsci9szxnvdxjjzxmgmte1idagugovtwvkawfcb3ggwzagmca2mtignzkyxqovugfyzw50idqwidagugo+piblbmrvymokmte1idagb2jqidw8ci9gb250idw8ic9gndigosawifigl0y0niazmyawifigl0y0msa2idaguiavrjmzidi0idaguia+pgovuhjvy1nldcbbic9qreygl1rlehqgxqo+piblbmrvymokmtizidagb2jqidw8ci9mzw5ndgggndg2miagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrdo8ms68ar9/4k3syoighuhkvzei9shawwz0khtnwwdadjahj+jebhcu///erwwejwsxy8tctmhuhkzs2oyj2lh1+efv+11assypperl5ev4mlcuf0klu6inwer14of1//v988b3vi1uxlevyxx3vfv9yv4w61bxmq6o4b/6zc+r87xx34vrb8ct4z0jyhpyutuzbi92/uhmiff3r5drvvihe2zwgtoqv11dx5hcg1lowvn3bdntwjzay9zsaezcvy17phogd8vq66pj5vf4xjuz9rt37j5l1tvpvtrmjpg4d6dmitjry8ma44lqumtntjkpwoewyq75lt67mvnnw8/ifsew7jmqe41/u1yvcbip/xounkfx8ugn5/8zzmoz6ncw3pkoafy1snzzmtul8rbiljglyp9h5bbad3jczodxuuknuurxesdic8aitgy+dcugst1bu/677zdtfhz20yu/p7om9ljrf5bvjzt78jlu+i4djwq3jtgka1/f7eek6szbcs+fniu1zbq9g3exrq6v54mqbhgsafyuq+vk6jrbtyhc6q8m1xwn4w3vsonmhrbbkhi4rctsi2wmwr00kcvj1gzkb3jdwred6qoi7xh8/f/to5fdqdbi8yuw5t3p/v64vvyotvyudtqnynj2tth5viwi+v9fnmzn3oiegieeijrghfvmrdco+84orlttz7w8lxlbuddjwtw8cdugfdcn/2iprv+jjnjhpa6ld+nstlyuqlzqqega1zesq56okw2pbl2bg1zvqxuvqe3ejm/s48xrkheh0vavu+awc8s1c0/fvan9lw+h3dhepmduocqftwdsy/kdn7otufiabolt5oj25dnlsstqn5zztl3t5f6xmjpnk5kwac5onvy2pfwojfipiggwxiicwm0mf/qltfbryozdzq/hzaxohkphe8ixhpbjsdatb9k7ojvlb8v2/kaxcxwz94wzz+bim08xoj3v/5wsxs1ciybstx2ifh6pwegzg0barul404ydzfteu4kawcdmxdq7xjt9qkuj8f+lxtdwepenujefdo4sbce+2rsuwtndbk04piuccdnt+nwuceuk5yvjj5tvi28vdfdp7ani8i8c7dg6gwlz3qwkkandcazk8ir4yckcjenga7hkjzjnil+kq8s9eanwd5tvvgangamednnsuozef+zbgkznchzzme+7uotdojhn7kwe9a34xmbdtbs5nl1m4pyw8ij7k+zp8/kdfxbmphlhzbn7sn49gwx9ym1ieyh/corodrapklspixak9bpmetscofcqdz3n6lnwyqtcswp17/7s9lnooobuzdeyfraw3m25vbitpklm65kouiqcyjhmzwfdytj7i0iltemybrxdekhhlrxbspv18tsln4ewpxss8pu+b7eyv/i+cb3+mlezeduwj6vwbeacfn2/dldnvfl25nkcnvmxwxwpg7m86vsqbaj22lzjlkf9ljioern708zyidbafnbijyicowlguilayme9nwqg8np1+gumvetcvwdj1bbppfecczdexwv6c5qfckysnvpwavfutqzjjphnixdulq7ouo1gwlaoad30pylgecl1sjnpiralkyp38sg+szw52equjgre6bpy91u3anczexlaoriw6masofx8eaykajeo9mb84jbvpnhbtripvlmxqi8outkhyrrog4jnkt1gydt3npwkf76cuguqbezsli3jgaqsd9iwled6eb/cqj0ofoaftpr/k52wnfni3preoxqtrr7alpqlfqlmmcfoldri8t61rxy7ug+dwwlouysi4j0tsg1pvrwqr7rrqdcigt9+tg8jdbccowgg+crouyf7u1q61hgwvolm6acfbqfbne1cpuva6esnkyvyjebhqoqlxn1nirkaaauzp4j2ls3elhmfsdgm6xykmcatxaw8ziwb7zmqblasvdco/xoixerbjgplcvmrzirjviyoggm8wpsyunlgerftbkbedi6gwuhffggej3ht6qfdftxmase2k9youic/kkcjwznom9yjg4aunrpc9wjjjllkhwe2xcktpfwgkl1xixyniozfdvrjsiwm4il6fuxgwbaepe52w08phs8l7sweiqg4dtnt/bukqmfy39yt0bujbqbe7fzjjgjnyxouvxzrq7p5p0+90+loz0+ucna7b7h75hoqodr8zux7mbtemtsymmjsi2a0ftfqtdos8yxitnvu85qqauh163s2qftkil/ehuvskxpeovo6zyhnkabik6lbcg52luzmzzwniimeu5ygqbpmbrdxtizczxdimat/izntgh8mffm+j4ownfnoklwo5cuokpg255o5uumepjxrfvfbjxfabn7jh9ncnnuyuozxamhig7wekxt4mq8gndlh8kein7kknjr/zwsmdavov2cfm/imuizquuawpgrnwjimfe4ihjgy1bqsjbajrpvnpdxdhrg/rcd3np7ywzwakj1szts0nnrb69adc7nspzinx7dtgli/fevacqe8zgwwsgasu9jw9pqwleueugs8drnd7fcqfoh+kc5gzhzpnn8hoaeh8yoandwbtbvwao6e5eymrstvhyi9hxycq0mswybegx2yki235ad84zxa35nppduxnhpmoud06gfxfkghpldy0ewu8d8n7b4+y5gmfpy/g82hnplxqi8jt8wfmwuvvvazegjqzfb7k2hgns8lka01ozib+0u/d7htejslijj9aa9/vc4q1jvamxb+5qgswpfucyekbaakonoujvdqr9ax8tkge788ksn4ujumvlfo7dbyb0yy2cjp3lwp/bqxs6s8pxejz2kmi4uokidywwgsnllmmp3jdmbynhwxr3mroqs5ylwridxlah65kpi1fzodzev5uuliuhag0n6wtoocj+wdnal6e+3szzgjmp+cqh0pjol9ujqlchbmq6mub0c88qs5hf6mxnzvoxzcxfcwuwndxxzsphh1ipkyi0bmcymlbujnee40zz0hkrw/pw884ljwzidy9aw59fx26ksxgqdkdqg20fh8fvp/djbt9e++c3exjjqs3sbukz3ovwh4rv8hc+yv8jrk6jpi0v+k8ugmjlsgi04ytqj7fkf1ytneop7ogjiff02dmehopjwhqyagajlnojdfzfk2bdsbemrru7m+ncw/raozt/v/htwbkspra5+9dxz2k7x44xpvc6fspieatfyk6oeiki4uojqmonat844wsanc+clg8akjrkxcgsl2rca7tqnz+d9hiyfvfpv2wnxx2qjfqpxnwe6kacc+ib5wnyiy0yaw0nqpuvfbwirvaht34tkj4bjtfsio+amsvr4b2jkvmnncwlukkdoewkinyxdezurglmstcdgk3jonhud2l1rlfjz3zzcfjgzznswivmtknmel8b0rcdfgi85v9t8f9o4immg/to3gt8gn/d+jvn/qop2m4grtkdrkfctpjjg/og/ei+nzfiqd5zxwicstprbq7ybjhydybsahyka9an8oj1petxsbalhx3luzvex32d4i4rj+w4fht2mtbcfynfsnjxrkzdks6ar+6iukcqvd9ewgbr72tu5vmk/ml0tcg+lmdasuulhisn5ngceq7kqesfdp640ycw0nk+3rz6lxwvzgwsdwu+hnbocriqqqqtgeh8j3raqqmchpnx87k/9sq3mcf5uct5ovqnhk5emtmaofyfjnhrctipkqrdodnke/cv5rbhqdud4f5yljl1w9htcqx/e4nlp5d7a3f731eabmeumtsfnvwqswi0nrveq/rxzcxf7sbrpeyfy8mnxub0ufcc2bdtyrfpn60pbm2cheaeqdybaij2tifjjlgja4adjkgrfqtzh0ho3gokwsw78tjrbkm+/5vylxz9wb5vy37/1s9zujrumlwgrv2ws81t68gpxxbcrliq/u/fsmmd47w8p3y92l9+xyrlkpn+jythcafz+cxc6tflsq8ovsou0gmooukridnvdklkma91zr1l2trcmzdck1iy3yt/dr2ey+cy0caewkvmjebfiqto1csgv0ummuheexflvxgz3qyedllxokimcy83ua084oa/sjfqfhviwrbwhr3nxtgkxg9jzxvfgjdoewunlj+fwnmtzcqglfkpfbl4cnmajpqti5qzvmw223u9lg0gmhhmjjltxfatwjlyfrsiehiqny0lzkfhbifxpbykhs4igkkmwbmdptmtbayiptk3kmgc9jeamhtu9zvky+k7ffkcypo4lfaqkjq78ydjcz0bjjsws2jrmcc3whrunnlzzudpjy9pumfxsq1mlkwpbqlygex9do7y/vk0+nmfquetdffnywj9eegsin9/c9grp9rp3z2tvhvatqmkugityjhrgygpdf37t/hq8bsvvn2cuxwwrd6ecakvwlu6pmf2riqg8xxm+en7p8mqrqvrrey62roubr82gab9snewppcpbjqx6mjyfck6jpqot/taruume0exawxz4aem5dnhihmzcefebmwzbqxc6bpfzdcpqf9ffqqg6npgdqfa3jesiyekdgolupnbmftb+wvirbsgr9zanm5axrrcmmbscu+2knrvjbryfjxxgpzgjw8gdjclfjj7xvfst5leubiwm5r1oszfafkz4wvghywzixechblinvvhejv1yzmkos/xufw2rcwph9teaohhim74wjmm0qesrive3kudkkhj4+rl9pglwg9f4+apu3n90zfcglpdigxydy6/g+plswwygmedzyvazq6gchie3wwxogv0j+bor1majyaullj5na4cbpneaxhwex4g4ozewi2lsstlv42aq+cov6z+qb51bkb7xfpevk2yth7it3fpulevun9idl764sxw9371275qoy5eiyp4uwcix4bpityfypfljgnze+f6egiacso6cnukdhpmgl3ikugwfwlftmejmblr1oybw7+0/jywfzkscvg5usgv8cmmujttdrfa0o1ped9b/cd3iexwnnatixcg1fb7/tjj1khuql7jpurqbp5y7arhzuiq98ptuzsvrjzyxfjbetqfjmyuuymlzyhpaphju/dxssrzwjsdvutgjb/6ihpjjv1jsvsygftrkdf9kkqmf/i2dpkobx60sqhvtpoksjwpteo1tgkicepxczorlrsdgvnme0irjxc31jo8l3jlw2a0rjyvxukmvmwe3/8cbqjijbdjg5ltc65v8i31wnhg85ed1ip/yddc+rnurwphgmrqrvh9vm+sxkqdu7gfes+udywxm4yeyi1ysg5uqczfgngojfak8lceum3qsjxa3wrcy98hhtjskrtmi9wysyqzvtb+5z4uf629tydsj5thsg6+9luogih55utx597libmzi2xty7ddeoqp7pkmctkqoh0zzm2goyxmdbyzgmzb4cosnyh2+e1inuqxxoesu5bbrrtshvbqdtlg6fomjeg3ckmhmqn6zcff0edksg59xfdjbzteybd+htf+zpwbn/4/imtdnntckgmkba5mq5ovp6r7notsmd+ckvrypwhh43jyv8xlmtp9i/hs5dlhzdzago3ogj0bj5wnl0fo2vxo2vflrpaavpqqvufbpvfotwd5kclim88dsvxrtlk75iwesui3hr2koaef7v+rq/tziobc4enufzee0fh8unzlpdwxaee9jhfmscvqhoj1amfltkokl0gojv7j23ynugqbsxdufhghekaqsaqahtkucmuerhacb1ata5qq+lkatk8umkyx+lpgydfigdnisvkovfm9fd5girquy5gknod2vgdt2cjtuxsv/pyhqxdwyi4+enzyqw0hoq9nugwfkdvdeq8szpoxiqkrvinhv0qgdxkaw80cljzoekzuhf8mdnc36y5ojzulovxiygobcg/+dlmufexdlzliekzrxn8e61z/9dw0xgdg7ku8nrppl1leflmgyokb7rlsl5snwvjl8z/vrcm65xmqzq1cj7c1q21az2jqlyb/byxesp67jnxic5rygohwzhfla13iosegx+qk5/tvkij0jojp0i9msczndfrqqvrr1t5tp19+spullutfgtp5//flx8qg8gvtk0dmqtkzup+56iyinhxizvuxtf6uafiryiio5a8lc3jriogbkhvuqajt5sdlw/j/pzavjtqzsgmcfsvksraq3ktnydn0uvgfnftbjp/9x8wiwzbpwbbwocyouhlro/ap3vhjm1fj2/ih9m/v85csfv3l+dv++shdbyd8/5us+huoqp+7x/5zfzx8c26+nk4ugxeot/lc4mizo5rwnjqf3kqwgg+holhvipng54t5j7qonyjnw9ltazvzuzgahevisxlfxyncryz/eqgxo88yceylsgpdyesuqg2fxg53vdnwepenms/5p88twpnlbmrzdhjlyw0kzw5kb2jqcjeymiawig9iaia8paovvhlwzsavugfnzqovq29udgvudhmgmtizidagugovumvzb3vyy2vzideymsawifikl01lzglhqm94ifswidagnjeyidc5ml0kl1bhcmvudca0mcawifikpj4gzw5kb2jqcjexocawig9iaia8paovvhlwzsavwe9iamvjdaovu3vidhlwzsavrm9ybqovrm9ybvr5cgugmqovufrfwc5gawxltmftzsaoli9hbmf0b215lnbkzikkl1burvguugfnzu51bwjlciaxci9qvevylkluzm9eawn0ideyncawifigci9nyxryaxggwzeumdawmdawmdagmc4wmdawmdawmcawljawmdawmdawideumdawmdawmdagmc4wmdawmdawmcawljawmdawmdawxqovqkjvecbbmc4wmdawmdawmcawljawmdawmdawidi1ny4wmdawmdawmcaznjyumdawmdawmdbdci9szxnvdxjjzxmgpdwkl1byb2ntzxqgwyavuergic9uzxh0if0kl0nvbg9yu3bhy2ugpdwkl0nzmsaxmjugmcbsci9dczigmti2idagugo+pi9gb250idw8ic9gms4xideynyawifi+pgo+pgovtgvuz3roideyocawifikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbvzpncxvheybv+ys2tmnjsbsa749rvmnbn5d4s3jiwlju4khrwx8/z9udxs4iecqrpvhladgynunpz7d78xx+df46u6u4+2/+9/zu/tc/336bvf35dju/ddevex7rq2/8630oc/c9z//513w3h/l3fv4y++nzyh3/ge186mn7dvhpw3to9lpjz1uv3r27ptr5+/z+dtuvpfu2bz2w4wypxcwv1mctjdu/f4ewlhqsplj41d0ev7tc57w4z7/6mkiizemh1ukwmltckxywomonaptai/cnvbfwc0hjs6q1zimzkoeiskxxlg1k70v7iraqyvz1tgguxnld+thxrbath1jdmj19mt+g71xdrzvnx6edwtb8kkvpjxhl0pyuye/n2baz9qot6bkfsyqklimzlrou9jx9mt9d5l5d6b/w/+frjqil51ysjgl8zjnswm4xqyplbhyfcwpawautscy4do0t1afmykxlm4/mn6drps+wzshvbs1yjmy/foawmadwndu+diniiwejqtrmgbyxows+pnwkoj7wnrwc5lk3wjnsa/17o0c01nl1kz5+mspgj9ikd5eb65tti43c9raefya3jliplnkmjirleaxidyq7ntmd+pcsghtn4rh4amddudzepy6p6uwzqs0lepfhd4qzwg9ln/m9aebjmvbkggntih56t4ttg4yzvb/nytlt5bjmvtqt8des2epcooaejtokt0ig1uvgktvmd7h9tkslifujtobli6rv54xgevfpjveuvpb3deuoyn4o2bs+e85jufhqtr3leva2faptqs6seusx5sgwescq8dnywmhr1wifu4/lixlt6kiksowtkkmriisnlrefbbbfupzdh8ci2hikgakf3++wxpluedbszigoqi8xkkuxw0otamwsvcteqoulrymdwklz6oryddjyxe9e9ecovejzg90i2csryz7in7zam56bbr+svscro1jcmx4d3zxxbgtxbwkp2ywnfp3wip4e2skodininp1v/mz2crdbyxg5l5vertku2ootcaqcpbifgrcwwd2okjdwu62cujafmifnqji1fmkryjlzeq+z8kfa2gdfycnkunw1mmff4k+isitvtgyns+hiumm2ryopapfrepslzkxbsqpblxw24wpb507g1oa6msietk4io/zgfkexkxc8ekawpzgyjji+qrwnxkryapwudvjwetqcbt8l5q9kvels5gxumfhyaypxgcvjhy4gb3iuexzfyrwzp2ncsehl2sjh+dfmyd7oy/adxbivcnu++f9acewokdhhycpixnfze32mzeuwrueokaia+ifjo7nd8ifdnxhmmqyrlewub71sgs1vn6dhwwuahcofluulqueuoy6xuaj36ktrjwk7acvs1fglhuvlteriukqxklwrayrkoaqqg/iyx1ngdbby3h3+wv0detkt5x19orzdx33hw2pk9osboc51qtmczgkium4uaakq/ltxusbwo/xfimy1qnuceiwtnlqwjzgqis7k0jlhjuk5shjmeyfsy1hjogzhb3yrkocsdfnizpc4x+nxwk7gje1ujityva5aipujhimuqxe1uy5fslxl1leetoozauurqklvfxfb+cijmypy5ityszrxdacmgrcwckthjvdeusklnxdcrdmriwtr3ufiwc9f+azvsp123jyqkvzbb47nr5rnysptdn4dij7cjf84upjxdsftjkf85oeyxpni4k83ibpwgqh5920gm3vom3flwgjl0839/o7vhjzl55u7+fuf3sw3n+e/3rxq9x7w7446a+ouge76m6hei49kpwwhv6mjmfnab4aalolahzsl3h76gw+3acuh2kifqkat31ttrsubnipnjvi5mqw0yrx8rpobimlqfjikkiipluzja1wzhexagezdjyf7fbzhhpobgaspzazyr8bx4wfaenod8eefleyhlv3u3smvjwp9udvsqlklj8hnlttil9elxycfl+hic4kitw2iucj1hmnw80jz0s7cb1t7j2g3sgc1xqanktti60vmylimgeesqifdsdfj+ajjordavoqxcjiaxssvvrqji0nsib8ex1adiapjsqrqgimgo8gsxjacs3gvyrgplgbtsxs3xwarlnemsdcgyopzqnziszykdy1tgafqle0x2fawmmrp/ua+vit1gumimfk4/afssr6mreq9wrpcf71wny9crmkwpiuxkepzrlxj+amlpve8vgxojzpwdzehnntjut6ujdlxmeq0q+ka4loh6kbjptv0ehag6nija2q5nqc9b2ki4au5idmuhgr9xnzu3disxk678isosizjctpxclekvtu2sidpml7ce12n3k5ihdetiradrszdwh2oa4oevl9gmsbcsberwht1q8mixljqea2duh2aaqv9qcgiwgrsrasorkkejjkc8qkz4vj0eoavdgowarsgbebsmadnkjs4vbr5awwdnctkqshfuioh1lqfrllhw7snbxhv4tg+ofxsfggegrry/nr9fbdxnjpgtq0ax9argohcucqsjrcx70doclv/isdikqvfevmg5mwnygklxmiknlygdoao7g1hysgjz9rp6fr8racconv5vmhdpkvgcwqq9sovcdq2fo6uol8aullt2pt6pghgaycogdfbadxemn9z1cgnrdgogd8hmnmctcjhcf03+alkqkufn6za8chlmobpfj9x/gymapqxbote3guwe8mrja60a3hrcablcvzer0dnzljgbskrlyaoqzyfxyezeujbaty5qqce9utdlx4ynj87lyipaoeef2jqm0hjbuatdvazykpv4aignlraomwydzdhntp/uxpslbgqwqyfvw/1zehga6sjmyx0bhzj3iydlyuc6ox216n2imtsic8amhvqdnqqi2zpq7reguveuqotnodr5ei6dgg8apegnknyeysy7pm9cvxmktyjpy0iz2yugi9a0jeycldxbcxmqgbmmktklfiiukiou2wev9exbh+4l1mt86mqvmhqhtcfelux4u8je0psxofhwd1iswashblbykcqc0/yeoo1eunzf/rjjm1jyog3deikvwfjr03on56idepe7gt7twwjdw6mfr+bi86blmfvqb4h+mrldt7x71spj2rbuzxv7qdhcnmoj13zivlqdmjztj/8+nmff97bsodsr+ie1gki8bdp/bdhuedsxdahlktq//ccrz6+/vhm20zj3n9ylez/oj5/ypdtmsyzdtgy1uejc660j6wfpkdgywb83je0trahkomgii7kz8yoswuemyfz6gjpuxilfirv8mo8sjbyuauiyxkcl25wfmwznrgibhq/b8lslxgtdnvct5qno0ut4fbzsvh9tpvoaa8avgqqcihszdtj1eqwyfg4c3xk0yxebqb321dizkj7hd2afhopzmzp4mhmenfg5gykisjpztknkiozm4lgpif12khvfeeolwl1ksikcf+okwl5xfh/3mimzl2itmfebnmviszlozg0qyrnufadgh88lh7zsc5dwj3f6eobj29+/tnph1//+s+7tb9btagscgrkiwm+57mayg7jkcftzuyqvxxiinspsfwshxkdiutvlirmkkxqgxkecoecpkxjfka1qesgfjbwfllqeug0uqptkpmjtjhcilp60aykkhwrtbutm+aegqjtjffl1xc4xxjsgnaw+gnsup41yucrggkihaohkpwaqtwtetqtypsr0f8nm4zsgv8yt+pyv1ul00zxhzwopdggbftkr/og0aoxfbgfv0rtxz1aduo6xxrpjdmvykqebrh5iz6sop0fa8rrxwe3wye0j+ckeu9wgvuaqgut3ubtfypwvhn/knsczaofacknmadka4nloy7x/pdv33kbps1jdc/mzhfi4bcomqljtgn0nlgxkc4lrvgtqovmvjvo+tbvgigupqvczw0hgygdszadfzka4tmyqrg8xehefcqbasfmvsvgg10kneyyd2f0yobbi/ohiunsbzi40tbaspvbxf0mmg4w8sj0fakc6ouujxqdoytgnk4brg1+bn52ekz0p8zyh/pvbm3t67e7xl+r+4yyl25ft++k3qkrik+2eqvccg0yxtqpv7aen+ppbbtpjabfkbitpk243n/u5jo0s/zfiomopd5hl2yu1iuq3whzwdjssdmem8lgcklrpze/b8ofnmqkxooghic0iy+9y6fw0wlzewkimh5qlwp6fiqid/kdrcs1qixniabqtpsve3i9fgmggkht7ekyutaoaz6zjmn1/cjg03sb+sxxajmyhr7jqiqdvalq6iequ4mgqqwnlcqy2ha2/zwg+zppw13thgfpjegnqjfgom/mjhfp2wyxnxemlh9f3+dvebk97wlzcqvlrmwazinybeeyij/mwhvg+v88iqnoixhu3dvg38upr8z1j5t+p4jji5ubcfg5cc+yzvz6d+iuygcvrhwbw82pk0udgq0flpd1liu5mbe0xjzznhasxsglbnka/+ivlf75mezsl2u0q2lsgkfzzk9dibp0+7c5vaxtq9ojguitj/3bpsf5gli408vjewysdpyig72y1oofhinf3gxi9wxkqiwcrhhvsemut3lzq6ej9x1ghcpw6+2rjkzhh71j1hilqzhviiauxy9pfpengpoqymqldhpkcsuay6luivej43p9m8efnsdnr2euos3xd0+ymxl3tbjofusk3xlrukvicrfk3fqkvseh89zxczpus1je/ecntodzm2d1/h3tck8u0ox+fnpwf7/zjye8lgkwemn0zyi94iwjtoolhpwajmjcnknk6tyupgnhdev10qis6jt05gmdmbo1xqngtpydfdv6m5ntzeotdb3e7xquphn9nenzvzywmwvtewjrmokrapbgli6eibvn5xtdgm6c9sbtkw/cl3jaxqx4mvez3j4pp9vsrxf0fktdwf6s0+plou7xnjbxsakjdcexuoudv/4xjg3v6mvuzhn0cmvhbqplbmrvymokmti0idagb2jqcjw8ci9bdxrob3igke1py2hhzwwpci9dcmvhdglvbkrhdgugkeq6mjawodexmtewmte4mdbakqovq3jlyxrvciaot21uaudyywzmbguguhjvzmvzc2lvbmfsiduumsbizxrhidqpci9nb2reyxrlicheojiwmdgxmtezmjixmzawwikkl1byb2r1y2vyichnywmgt1mgwcaxmc41ljuguxvhcnr6ifberknvbnrlehqpci9uaxrszsaozmlncykkpj4kzw5kb2jqcjeynsawig9iagpbl0ldq0jhc2vkideyosawifjdcmvuzg9iagoxmjygmcbvymokwy9jq0ncyxnlzcaxmzagmcbsxqplbmrvymokmti3idagb2jqcjw8ci9uexblic9gb250ci9tdwj0exblic9ucnvlvhlwzqovqmfzzuzvbnqgl05wq0zftymyqknhbglicmktqm9szaovrm9uderlc2nyaxb0b3igmtmxidagugovv2lkdghzidezmiawifikl0zpcnn0q2hhciazmwovtgfzdenoyxigntikl1rvvw5py29kzsaxmzmgmcbscj4+cmvuzg9iagoxmjggmcbvymokmzc4mwplbmrvymokmti5idagb2jqcjw8ci9mzw5ndgggmtm0idagugovtiazci9bbhrlcm5hdgugl0rldmljzvjhqgovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagfle1ifgeyx/+zjqsxbtgxcmxqwsrujgtsatp1k1o2zdvmcwkdfxedhgenmd0trske6jh1jc5wrieitughq6c6raszdymgo0uqbv4itv87k7tjvl4wm795nv/7fl3dafwpuo5jrtrgys67yd6ydnp0tnv8glworhrckcnzohkjaz+plc/1a/utfglzapsx1vs2fkt2mrbqncp3zam+lhk84oosl+sdpdvnjbstqttzite4q8lo8i3y1myix0ocfp4bvlvtkzmcl3eio8gtrsmryz4g63batmnvpt3tgvpusn/inzkl2rjy/udbhmdti4ptzame3an211vs9txazhfg8vdf9j3pz0fz9crlhgr2wynrggv6ucp9rwm23wb+xi+vftwulx7eyq7w8dqycm7r17iw5suq1bvszvzkgv2lg558vquwwdmobah6rwa3pwl7hwlbhwojamcofzhlbde48uii5wj05pxp18xo5lvmxt+idfbohdzng00nwsqynn/laa7whfsu6szmwqxo2v/bei8ke3iqt/yxuss87t+szkvtxzwlmtjwp7to6iy3ko9nzj4+cj2v9xm3zzhg5ycz7xskohlktui8f6mj1njj8znkxldujx+t85a85xuhzuzffi51ikgupt05meuxml3c2z4zmcqzkqxymxod8d/8xi0kzd591nx1lp+bz22rzxifbqetnu82nctrixga4cbfdhl6tcpmwqvf0grcw+rflrys5v0wfb1y4z4vf895flhbxj+fwbxzdeuimv5o/6iv6wv6xf3zfg2hvukzc8+axqtrxxlxzpbvylhbjtk+rcmib7dadnotzgmd4hx05jx1jehqmvz8bdmjyrzianw11kuizwreoopjrmx3rblfn+hnw8v2r+lr+3z2su0l17k6egyp+nw2xa1r/7orynkyq/dkjzaupguh7lupqn1qi9oktt2mtqttahffjqod5r3dnjwjc6zbzfup9mbjmt7ksvdmi+dfwi+g/6veyqvxndt5d024uyxpcd8r3dzwh5t/w1+zaw3ezw5kc3ryzwftcmvuzg9iagoxmzagmcbvymokpdwkl0xlbmd0acaxmzugmcbsci9oidekl0fsdgvybmf0zsavrgv2awnlr3jheqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagfuk9iffec/s02eosiqyv4ihckczuprkyg2nz1wzvtw5xsohhn37qjszptm9k1xzmexai8dq+iy3ts0kgbl6larevxikkgcdx16pvn7ooohg95o9/7/f1+33tebz2m7zspqvrzq5urpadutk2lgx8prr3utlimffjpyngmseu5kr+719zn0tiy3se1dvv2pbwvzwah6i22txd6izfmab+znyhlglpahzav2d4bpfgorbrwi6idd5q5mnprnhslsi2ru+aikcqvyjtjrvv5uca+i7wjg/5cj2bwjr2z6qrrtns090shva+urbnpx1t2bduupw3jnehdginyrtxfk0zhezereeogujvkuz9qtp114huyu126k+p49hclpslgqim16bkzhyv9ahyqy+wq8axo8bjid+ebe2h/w1hdk8anyt9kh3nwrr/2f65t4hueptxgzhsuxfhaih9elqfd91qjaixztctt1zlzpijvmdqzmpdgoaylmxewqhm3gdthh1mqzgqxxfuu6ixuewj30+m70zs5c1yghelysrxzfna8cvgufyuwsq48ps4eveb3qjjahlmj3m0o9x7vertno1kbvnqnv8zp47nxxfhlbbjpgh6sdtd7fp/p4xv117y+ppmnetw5rr2dg1vhvnflc93/xzkej9knoabb06fzwgvyduqpmsxmsawoxh8fppf6khnv3nxu7bhfesxqpixsjbplvg4p1oo9g0qshcvyahzwksqswhy4u2u6oxh32cj6bflnv7lrhv769nr72viebcqoksgtzbnezpsxw6pk3xjb/warez84or7nvypayf5jrra/htlakviuvfrwunbeb2cofhu2flw/pef1qf08ct2tn9gv6kmrvgx0sc/cc1efo0nwsgkh4hkgiomz1e5uy40d4inx8rrbzjh9d0az/wzlbmrzdhjlyw0kzw5kb2jqcjezmsawig9iago8paovvhlwzsavrm9uderlc2nyaxb0b3ikl0fzy2vudca5ntikl0nhcehlawdodca2mzkkl0rlc2nlbnqglti2oqovrmxhz3mgnaovrm9udejcb3ggwyatndkzic0xotqgmtizosa5ntjdci9gb250tmftzsavtlzdrkvpizjcq2fsawjyas1cb2xkci9jdgfsawnbbmdszsawci9tdgvtviawci9nyxhxawr0acaxmzewci9ysgvpz2h0idq3ngovrm9udezpbguyidezniawifikpj4kzw5kb2jqcjezmiawig9iagpbidq5nsazntugntm3iduznya0odagmji2idq5nca0mtggntazidywnia1mzcgntm4idu2msa2mzcgntm3idq3myayndygndg4idq1osazndddcmvuzg9iagoxmzmgmcbvymokpdwkl0xlbmd0acaxmzcgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4av2sy2rdmbbf9/4kldtfsczlcczqugje9ehdfoatjyohlowslpz3vaokkxrxweczi89iyo/1c+2gkpl3mjmgoughzwpn0yuyeh2db5cvstjbxjulnto2pstr3cxzplf2/stkmhmi/0djhmmihp7s1nejr70fs2fwz/hwdwzssnpx/ptgclhirkqepr7bvbt+tr1j5kl0vvveh7isupwx8bl4eugifcw1jtnzmn1rkltutfkpzvwetlvgzv4lkxmt6ppbqiqqkpfys66yuikokhknwduuqdesayiqckusgyiadqxbkcpvgxwht4bowbqhaqhmpuabno3cqogu65tcqqgie042uadtws0uidk1svaa3xg0hwik80qaz8fgqp6vxqwmotykxqwmarknjvkzzmv/1zivgwirnobvsfhb8go4x5i5hic7sq8kxsnfz+do/pd85hmdxa8vpk0yzw5kc3ryzwftcmvuzg9iagoxmzqgmcbvymoknzkycmvuzg9iagoxmzugmcbvymoknza0cmvuzg9iagoxmzygmcbvymokpdwkl0xlbmd0acaxmzggmcbsci9mzw5ndggxide1odqwci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4aewbcxxu1fx4731vlsw+k8ywssyzk5ezljpmzf8hewqjcwfcmpgagyswbbwjgbapinxbrler7htqxyvkzeadhkpv1lakwov7umxpxwoq1q2isx7nvjmtwpr7tb/2918+n9+qm99313fvoeeee9/mqcghreo2ep7k96/ugyqbyauqcwckun/9orfvs+aiup6oepkxkwzxrr7j49ohcfeci0svtplmtsv2xxx1k4qyzytyrhly3rfsl+u/riek8wzouzoagbqbfc9a+mvizwysxrdxzqukekh/aenom9f091vxnncezdvbond138zbbysd+lnrio0+q2/18lwnr30l6wsg7r0cwj5oeupv90aaxmdjhzwk/9hlsxskeoghzqikjpjedeqpzqlebbpjonwim5qtndtternusmtnllcrmrgdxcvef5alyc1kf3mypez+qx5nfks+p2rssy4mt5a/ki/jx8m3cesltdbumh1v9o9z4kl5aqljn4tr2qizpd750ct9kx+bzvun5eyale3mo5ezmtg59v28ir0t0ykxfrpilnoaueeht2n0bpi4vwmtjzollm1ty9fsny4pb5vypbhzldkmkieydj6wiwwm55at5dxyprmqxek2kuvjj0ex58p1zerysp1cqa4kv5gfkkvjdninuzzcr64nn5abyu3kztdjreq2sjnwxtk3wb/rpfjwcie5h9xphgd+lnxf7ib3kvsg/tpq/gpkicjdhew/cdm3kzsg9x6ox2o9qb4ku+ffmiyscnld9olnmb1prcmt5bhykimsfwdn/edtpyepgx2fbms+jewxnhj6p6+j9z8mb8kz5fnyhpkl+rv4xvpkbxkiveheiv9kytntvbaexia/ia+arx2gtfcaez28sd4m75hfkspk9+b1n/xd+rtq4y2o826s1vtq64/ki6g5bj1hp1jnhejjffkh1mnh6psiouotyjeui9+ssbhi1rtostcnkh2z9w4cu90l6znzyzekmyvq68w2d4lohwt7msuw65ti1ngi6o6cxuoazlr+e928glmv6vsa1gg6yppebb4mgkabsx4en9l485keipjfn5qyxqkrmb0y/b1o4tp55yqd/ph8sdim0+4bku7eoul7tmthqypmcqypu3x7e2il1mftmc6ztuntwnlbkp4iosmnogngp0uw+dp5yor6g1j5gpkl+zr8kb0fi59bppmcfahprydngkq+hfdtc7+f8zx5mvynfeoogww/i+mnpu6+zixjzajstcilhoxjximre7mshmqoncogpivqfvvtldvrptvqi+scwqkzkjh9xcmjvifkvfi/itsjmife2qidomgkxe0ntamu6qhp9erz8lsjg0oemkg9sxzwqwxyvfsxdumo9slqztn8ughe/trag3bdqitpcs2jfzctb+lcsfdcwb7ewrfxyekerqsxdhefojvmtc+dm7ttvmtlc9pmxob6utozyk319glvlrxlzaulwubebpbpmygku+xmk9gg06hvcuqfxmzzloq2ci297rcvnyzzcu1neswt9efg30kzvwe3zdwewifszu36ooiumiluxpg9milwfkdquqn7gpmwl+tuenzhq/wco0oxthfb9fz6odsdhpou26rrmu9k6cdh8uald4n9on4dpr3uhndj+ogrht76vfw6qlhxcxxl1xm5zfstgusnxiwzhmfrmlvnpqsuq6fylcmjonbbmo9t6fswntve1vcf4vf0s3mktuorrkglk6w+3kvcmgzymxs098mry6ngsrtxr10mlotb1bxm+6drcn8wmritbpkhs4x6cpbmo3zq4pjwrldfepylmldwevm3ogg51yi4r74kmhhh7bmy9uk5fbechdf4jwgfbiptagrtvvg1gbhbcgf+hg8by2vrksyfrhhrexem3wrpsosiqx93motlju/gsywhvri1xjlvvfcaztyidb2xv/ud9vdwpe68xlcs9ocny7xq7g7zvt6l/qomfcthhhqyieisdhafxxq4eptiymwyzq9c/b5emmqqpob2rnbqgaybhvrunmraj96gvr1duhpmbqib68kktz/wkhxsglbgig0jzdbsgkwvob1rhymapdja7e7zu0skstcbr9hab0bxnyx0lvsrdvwmlap/xohusvgexw5qx7fqtbybwukwhropwo3gbqauwshcvlc7xhmmhvz6e9xdxarfzawfge5gebnqp0gbmazajlno7tr3f00h8wpwl1gndnvkp5dgvxvn0bgiteuaujzg3nlrvxhsck4ahhfombqtdayhpzemvm9/ojsszqau7w5yxn/sae/pfblsago9/fa4oaalmdjgcanmne1sdnm5hfy7otghzme8psxmrbs7toa6u4tlqrcapito7wlgybqw7nvaibs2l+isrb3zks5tulhejmvh4mnt7ionudrwwua/zfdmvik9u0ppjzu+v9wcl3apjaithsps5kksq+kgfqtgufia+y4rtyygxdoigvjo7bpcrnfjsf90cuvskvfrhbls6b2ohguwijqvgxe6uqablav1vyvlm7t1immlrz21ebkqe2phbxpp+6hil+1y0lupzq3uszu7ihzl6npru0czokxrn5squcrlwc7lzfxclmf6mgejbkl+yj6rkk1squzkknl9uuqkpkweezt0rznmm8brczanwzxryuugf6ww+wcyaojwg3szm8+53qmjvd1scrermbl+ajgk1stmcdwjlfnow2phew1yi9sy/bqwx4p5cpavfgrd1epbovgisso9asqpclkukkk7wtumzps5rzs6odnz5tmumtbtgswxcgrbv1jlh31a7m2bejoz9el2zpdw/j42dhkcpc5wznn/n6yfeidqptmsgh5usr6grqpuhrkjnooh24abpfzbirhe2h3u9robdq1ii3k7jwhsjfsc2bfpuy/dkng9kigumsegqmg1dxudcszgorowjwwscdmiugxgsi2mvf+aov5en1harvo7wnuxlqqz3sbnoyremw+5joquwcfh0+k9gp06rapah/dhrjub6bd+ln2gfdz5kbutvghubqxryes+k1qzawdagajmnhb42wadz1v/wbppj5j5wkyijwzq0q2uubzwezv7iphjew3kcoxxxtbxgpdlst4oyq6szvwleue9ndhje4vnlalex3m5atscmgoslh3g2kr75psz4yx+vnye7+fqpoyrkqtddzdafsxopgi9wgmmpawv5d+gj0yenp4rsbuzttopeb29fr5hk+nze+vre/kuj0osi276pdxvu3qrmctjdckpnukj4nk+3drco7yc6yq14++9+yy8huqscb6iwxfhxhszjj9rqgiohr4rykcmj0kss55tkhukit3alwt6soukcqu5kmkfkk7nplzi0rjqvqgwjeohjuzucyxn+be/m8m3jgdwmzxvhqvy6vfaxekjcbwrtectchta24tslidclqdg5qnkznjaibshjf1ftt0z1zlpvwodqcdxp+t643+v6789tvb/7qhuw4qu6gzfjp2gk6ssbs1ks2qupe5v1rl0cn2kzzgqtddp1tlnfem3orw2tdrmdar6wv/e8srqig3yuoxpuzmkex95h5zxxqj22yzjd/dqdhswej38uexjv16ttrdrijxqrt6nwkhxe7dmocbb543shdfn1battes12kxnhickqxvwiqtblynoeykheyjya2pqem0v5ayie2gwzrbfjraxqpocxnzjsb8qlnqy7ebbaj+4uacvc/kj3w+uc/iwhmaj+hfuvpdv93d7rva0wybvuep5id3nky2jacybuua9slgtwlpeufsrppwdnugyj9m5s/ybyrncs69ugixqoqrgtjpikfooxbm0i8ci51vghzwn65m0moutr5cda7joef5jtxp2/c3wfx4+zscyuvdnnoin5wrnxmmubsfddo3foifr7pzirq8oym2kabyzucrvkshqzodijqtkrklxvbnbi+1s/svrmh0rlz2gufcgv2bmd+ocq6dbsclgglhpygw4acrov9hnqx43netlgifdv2iqli3ygmdamk+n8bq4wamcitl60ollwamvrmfw/nkt93ny8jy0ycpdz0+zb+r8zt0nwrmp2pobp1+8o6i+z1qxvrmg6zbhy1rlxpsihsh51vljmbmygdzmrpzzo4md9cvgdegc0+nvmquzrrphlgdn+dd5m/mde1fz8uoibgwgq/5y0cec7lf/bibc1ajblerocsohza67drtjeaw+1fjnfviijrb5firkua6tozqgqnttmzioqcwbikg4vyf+mt8ngvoqgkhjwcho8jh/is5bov4wab6vumfjius2dgntuxtu4+uzhrllvhq1xk7wqyyk6tavgv0bvbob6cvseiueag1qt52cmqbhqdnxugodaogzqsd2aoyz4hags+bjj2u3yznidxkbdbynndvgb61fskzhp3cjnkdtkx/umda2o+hpd6gmegyplpfm7k1prwhw76db9qljzbxvubpqvfv0mcu1mqn0suqmzo+74rj/8bhb3gn+p6hy7pdbmuiaivf9n7sn+qsuyfnotzjtimiwlplgvzcuq8cvdgxihs0cncsptjobulq6la6y9+kuxtecwvl1+rulcud7v0w0m4xth43jswrljn6vq0pu/vjnc3rd39zyobkypkura3dmjkszcjjmblh3+zr7hyrnzpqbv5rqs2k0vpd5fdwtz5fqvnff//lno8dhf9s8vtqiyq41kx+bcb2kmeypr/0z3pupzxrmfgpt2non2sb+mkfkijrmpwiqg3/waxhpnraleaj2roo8u8mqad0apv0rut6ldfdymb8j3dy4roohqevgwywkhccb/6fut+hzftmiajlteafflk1gyyjpowyhbx/5rb891f+3tqvkozgb2+ql5q5pzp9vkprftnrgavt+w/do7sciudvmpzzjltqnjr9xuzlf9fucc5ynljudty9acdpkyqsr3veqcou4nj4sjy2n2pdbu+dpnx5a196zvsegt6ez9tbb4cxyafm9krzvsdop5wvb/7wtx/mpiwakk1aszhbflltmj92ksiyrnxe8eq/obndkoxslqiu0ehd8eiuh/2wtuey84f24wzs8cr9jxgd3zkv2gc6tyocrstnnhfdjklbzv7ffllvtmz2s/xzmbvqrfpams9imzzvtcpi1muqctn45mhp8zj3/oikiis3ggurutuiot3avycwklvguqtsaebv93eztuw0x/a6yfkcnnxrvwh1sfmwbgtlrahdtjqrtfkv69nrotj+b3pvog9jd6zxwlp4uc0ynj4h6lqrop91i25zhay3tqtow29c26udfbzum2ipxfyztnlbv9/qs6zgwub/n7lges2ghh6xgebmcvcya/h+prgq3bhv3+upkyscztuqlwfmlz4zfark7ilmu6ktwfjl49wz/tl62qwz7/jkbtsufvmnvhtnmmtpya/pnfrk1jo1cndq4ee3vqmt7c7/unt6/nhlmtul3wku3kpvg/cyqwm/zmu2z17zmlobu5jht01p1dp/nleeu0pkyq5cseisxo8htlpyws7jcnpkx7+ffiyxk1phvu0nm49w6+mlhtl3enxxogz3ffulqkt1gm0gb2fwjow0fuviuyi3sxoioapnilwre/1gnc7/mgmzvovbv9yrpuo8hxiybsmklpjaovyzostgug6nilfbkltmck3eewva38a6lww11jvavndcbtb7ipskla46itqli1nkftqvvysioww6werxgccvedzc8vbuafrhvybesk4ogtuuvbjqrxevyudqpsao40gpr4ax4bskhp/pry9rspfts5xbdeglyq6i6ydooqchmkelz4msavl5zvnlbpg5mzxtffzt8fjudxs9mtooatkxf3fb1r/abwsl1f7k/fvptjtqaz+f90mnbxgdl/atqe3aaoytz03d9ohxbu7okll69phxzni0z3+vnt9uel+0vlzjptyrm1xc7copk3ekag1omuxs0/s3z5lyyp3/d45c0ta+if1abnqqfxqgel65vkpi3vkt89i5cq3pzftnbc+jteygdfljm5ai3puljntwovxfxf8uithmepjcpl0vjfvrggoyn9n8im8q4wxnlvtludllyxslkquhqkjsimipuqbm86muxf0x0rj1n4vuqoxwxvhaooppgti27o/8wbioxojuymnfz9uie/9jihtb34buxi4go+r97bylakwtpsx4l+9xj3s1zmksloyn5r7izxt9pqeqzubusod+g0ibwncxbv7lgxe2gprurqtfff/rgzhx5x/all+tpdczz9hggt6jnrnqslumz6em2uqwgvd1mmrb5ss0bnri4sxb49sxu0zdlto8iwto/d/akv+sd8f3vartkpqlhlkqkc8xrrncphh9j3iunudomqss8lozg5fnovoi+idjhnz2npkt+ufone6ljcoqk5yltk+6nptjsksryr2htczk8banapiwkx/7seq3kme5tndo2ns/c0paerszzqzqoz2gpctbwje+o58ifug9ojik10wyu62c+ecbkcbpdppty4fvubpz9e8tkpufsiyxrha+2xfsch8vkyzpo9jvyq9iahynu+4gyu2efwcisxgiunp1gkla6ot7iojoqo0nv00od06bgzm+gdqwrykcm+bmqy5tnvvvizzzmp/1gp2kynd7sahhjothcozzzco/sycuzqqpco6jejnz0jtyrobxrnguooipbuqxmwm7dxvhco2x31pxqtzomkul/wcqxr1mivkpkrvz+v8zzmjvd5elutrwen1ecnchb7cnweytcwonh4lsa0go8caqry9gj6mstwx9vn+8+o/3aron5qmnit5p4yylp7iz7kcspqnibzn80j2k/td1nclesbm56ba9sr5k7sgoe5k4acnec5izmkydnrjailjwohb4zjrejwj74cv+/0/ik9catkdvef8h3lf/id9wobjc7x6zuubhjh/guf25csyvnzp22cqrpoos1tx4kk4e+kkgmotvuewzugart4f1nkmopspck6rbvhhzb2qafke2fwzrgrelp/yrh/7mtqapwti57tgytymonmfieipnn2xw9z0n4xfn0zy+eszg8tnxi3flyuvpewzpileisrugsddcphg5c2lj7xnt90m+3tcw4l3pb7zp5gew5a2yc87jnr4n7pbdfonpcn2jsk6brnweik6gldopapq6qer2vzlsc2b6ebjtetehv8rks7maltl+c30swh/gp5+iyxehx8r/vp2ms7fd2a+hjin1eo+d2qyxwj5it0xitoxkqpglbkw5gobq8pfwx5rzr5dkob80iontkbkupy1ru+og4yu+yee3hdj+bv6ruwgs7dfp4lowt7grzkkkko3d+j5pmuqpsiurfiuzbdhnx8jwhz7m9qpntf8/qscoarakgsmfc5zmxi8mweaiebovgcw8wsodjaqnkxzzlv9ujrgr8kp16wiwdbszywatgdefpmjnhriu53bwarcfyltp6vlp6gunwggtqn65xynr/iqndnpr0omrstjypfrqffhnumancow/oxnn0v8eyz5zn/rxecrkcthnpqw1zzrlgre9zs1klvfoyjh1tyucz/lmie2fe/ewtiyczf7denctlnwdq5mnngdjqgpns2/eoysxfpcuhpt7o/5nqj0ee+jlr6rblin8cefclnlass12ebdss/xmltrr5ponno7wjxtjc+srip66phygt+oefr+cmmiysgqxtjwup+w/4irv2h+0w7yc5hod9gkrzi8romrgcurwwwz9i02ijxj9ogp2b6nmrxh0kgqcbpenhlufwzdclgpozewrtkhsrhhty35x2jwt4mmphn74ls8kb2wiusk+mjgzff3+wlvomfqnfjs+zjzydxfkshd8xonqsktgsgo8/ltx/cqjnrczpk3mzzhffldm7i3nyi+1u9fvrfxvufoswponlo2/jty68znwsg9w8v2yy6ugttp2atp94wq1t8xk91qqfgd6smkxx8aqdeui1mpogtzdj9mnmitmk32b7pqhnlzqyxddts5kcajmepfn7wvaej9bcj8+doe8vqyu9kptvg/vkvh3od4ajptxhuhrqyyltq78vwaeqb8lvyc4l2/kpyhz5mmnmf0lq+k+ilv+czos7szoslbtklkqfeb79mpwbce08di1ri03cg+q87llo30o28q8sn9wcft1fz9nj3ag/w6awns6fl/9ecamyu/lkqlbcfap81v3qdpubtbnm19kilpdbitn8mkgjizech/tcj/hs6qz4ioenl8lv83dcctgzyoz5dy0nc/x1fweuwjq0kq92zznlonkoio9y30tsnk4o97dimh/wdsqtf/av4kvef1j2oab+ivgmcqzxkeivwhmm8qlm/hnxmeijxieidxb/qvwrctsspojb/aftv0e8h3emquaridmz8luimwh4d/eu4h3e21jlluy9ixgd8trincsrimoi3yjeqfwg8tlijcsloihdibcqzyn+jbf9fdb8jei5xloizxaheu8jnkl8avek4gns83hezzhzagi/4jhepkqu8sjiectdil2ipygiyjsswggadcn2r1klipuq4khea4hdij9fugugyv2i+7ddvyh7ehcj7kl8fhennr8dcttij+i2xk2iw7drmxe3yfmbetcgrkdch7gw212d2ig4gvetxfwikxfxynfbsfnlimsqi4gfiy7fbtsqlyaurlyeubdxo0hkmejlasrwxpmi8xbbeocizkfsrmxcbersqkxhdcpwidyihhbniwyraykoehjewyjvidmrzybor6xcdcbwilygliowiforsxf9if7eesrira9iewihyggio5jcbiprqpygmi8iitorhyh5ihbexmqcxgxeg2iwohxrgmhgncfmihordyh6rb2ifjedisjqenwi6yhpicpejaiiyq+a+zujyhclibjemaiiuygoqoqjgogaig+ri/ajchdzicxejskh8ezsvtcwdiqqsbevnh6xvqi8molgwfgr1uxdobgpibsea5gmscnsccvcgncw4x2smdmryuiyeqaehqfdabeahbqhwj4teermvcdkcbmcr3aiiias6criajgo+a7xlei44hve3xbfs7elx0kzol9i5heizxf/rxygoib4fpexxbjie8sfer8jpkj8ipga7/enifvwrekfeucjvlgy9a+i30es5zb6h3ekyq2d1o8i1nrae4h3ee9era2q+xbe2gh4c/em4g3s+nxea9jzq9jzycrvea9gz7/bdi8jxkk8idieeahxplb7nxb9k8qvcfdpiz7f+z0tsdbcya5ig6fxrk/hqh+bnt2jealxoolniaoi/yjhsot92huuu34uu34e8tbil95odykcgmxbhhg7eq9h1w8ihkdsqvwmcx/eauge3hexzadci7gnymmd1n0ry2zaxrhlhmbpi5z5gdsjfhfwb1a5havsxcq3yzvbsewwrhkzpm7cmjcibsag1youi1jmqp/xyvnredsqv+oqfoi1r8kavykuifjaod12rhk54jlesmtcbwu/jpi7azdgzisa2ylmhsalexml4okieshgiiy7egv+cktcio6gqscmda5p9u2ui9rzrqdafghyjmgtmvmucmgosbhkn8hdia+cpacyc+rniped3adyl8g9ihed3axyu5a7qe4aur1kj8ht6ghxtsa3gtwacj3idsdxglwdsgpkapcfgfylgnbdcxifyhaqy0gi9pxiekriel4kka23dyi1ernz0ihe2yhbxbrewyjvidmrzybor0xdvewmrlnkrawihfggkewuiiorryjccogzsgsq+yhehalhrbgqeoquajaiui1cg1ajvigehdkiy5zviaubfweza/ke5m8gh4n8bnb7hch7io+cvapynshbig+cfd4aer3kczcfgxwa2q/ygmitoplbqkj0k2p6c8te1simvm5gxabeesqwog5ri3qygrarnyhqxhscsgvhriqhzshbdqbl5+hd2xfzexmqsxftifmivkqlohnrhjijaeq0ioor6qgpdtcncchsee5ekiif4uaki+w4bxvckt4mvjao8h3itydhqb4bo/8n5guqr0c+bpkc5how3f9bpgp5aorpih8eoqryb5dfg7wpfjwe8gli8yc/bvkvyc9bngn5fuqzkimgt4neqr4fqz4c8jdixpa9iddlft6coj4xsspicochbxarur8remsryxd9ikwipkqvyglimaihsqixelea0y3oqpygmi8iitorquqadzyhyex4etmibeqwihphq3jrkbkiasfhyba8gknqxg5evbosmwkyafihapq1kfdbdop8fuqvkn+avazyesiloof9ibfzxtdffmb1iq24fts0nxtbrq2h85u2hm7btswk2vk1pxulr9msajhny64tb29rnnu0oxtors0h2wbzzk69qwldaooudshnbqpd3zqc6hw+ovzfmg8e7hxenrxu+jrhw5chvgt47/dbyz59hzc4xf7vuhx4qmhodoucgayglu0z1ugb1zunhdbuggrjhoqhukqjq/tlicq5h6g4nheig1p7hjkyglntysgro5emuyfyh/izm9aebnetcz3vtdr00mp6bkzldjjsqsdk0mculaevgwwh5buwhfods0n9gd7qkkbpapguntciwilqwl0lqt2brtbpuh9+odmu2tuz6gi0h+btag/nccwozyb8tkbranau1lblocnuvkspnlejzgw0hhr4uvhgm5i0+btm25p2le2m6xuoorlb5xhnmsc/mhoslts/hroc5zuudpageopwldmvfgxyzutdyxkddmfrbxo3jnkdpq0mlt8kml42hthjiol2e2e40rdtsnvazzesmxxqmdtidhvobv0t+pf0yi8/r79ev0bpg/qshzek+kbbo0hn0gv1/lsgrky3r8dfqaoilldykooymhtrtho0s7t8ti0vtb7sxk/vk2povepbp6pjftepoosnbgr/f8ki4bnay3upxdxih4as9knusq8a7ezw+1ujysl5rwhv3ivhemny28hexfyfycwl8epebqu7rim9opt9dngznrmfoevpi7dvj87a1rczoyvc3367s7a7nbyvxyuidd3jrglu6fyvxju8du06/1o/viesxgs564bhtwkfd7gehjd2bb+lxas/yvrbfysawtu8zbjaqmlx2rws12g4yanw+w82/f+ssf+xzpp/v2nal8cppp4dsom2mgvuzhn0cmvhbqplbmrvymokmtm3idagb2jqcjm0oqplbmrvymokmtm4idagb2jqcjg1mzekzw5kb2jqcjexosawig9iaia8paovvhlwzsavwe9iamvjdaovu3vidhlwzsavrm9ybqovrm9ybvr5cgugmqovufrfwc5gawxltmftzsaoli90cmfjzxmucgrmkqovufrfwc5qywdltnvtymvyidekl1burvgusw5mb0rpy3qgmtm5idaguiakl01hdhjpecbbms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdagms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdbdci9cqm94ifswljawmdawmdawidaumdawmdawmdagmzu5ljawmdawmdawidqwmi4wmdawmdawmf0kl1jlc291cmnlcya8paovuhjvy1nldcbbic9qreygl1rlehqgxqovq29sb3jtcgfjzsa8paovq3myide0mcawifikl0nzmsaxndegmcbscj4+l0zvbnqgpdwgl0yxljegmtqyidaguj4+cj4+ci9mzw5ndgggmtqzidagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagtm02z7mzthvf8fyxljzidjug2p+osoniw2bmkpxe3opjvugtfi/z9pc+6ge7h8mwc3vyrlj3becc6gx7x0zhf+7/1v/bdbr3sf/0/+m+/+23sp/zwj/bpbx/6b9z0w/j3vpgfcvymfhqpo/+f/+5/7jf+f3nsz2pqvvseqcoxbwkehjf+/p47xjf2fn1/myj0ksxlgfjph4/9ooy3oy1tn47hcnv6sunh6ui31p/sf4/gl1+d2vn8g6zpgltpww/zcexim5fbsk0zk1i227ymtz/x27yvx9zqtts+d+mauviqtd/2y94rtdzsmm9o4jl0w+cl9wyoc7gky9h7ukrs8bakdw7fnymda4mkyjfdjnvbg+fb8nexttu6dj+ypt8/39z1tkytdhl2y7tdxazssn7dgf0yh+m27wtn222ecbhht3sks33acczbyj/ettzgww5rkettx0tjfjk03y7hyeokclhtlbgzq32/u0ljyrvgq810krkhtgnepwsbkyk/caukfq+tvfcbypuulcfjkpxi+xt8wlmyia1jmxkqceycotosu2epg8s9lq3sufw4snhfcb4upk5phl47j6uvr1xlbr84kg8crk6hkyw57odzrmflzm13nld7i1rk2drchxjj7p+4czjk7yayzy9wi4z7at4mnrf2ulmtcyvg6zphtsdgc98a9yk7ozt3h7f52j4yuewfn97ylhzz5eyrzkqcxzb9koou4m2ypts+5qpa+uhozrd6ot22lepuuadou8/skujpt0iikjybhkeuzfmgkvdmlgzgst7n24zbnhzqagfgjndazmsxmxsgnxcqdcieezuus4wk0yihfdkeybjnm8mm6hxmavr7bpxno+/62c87f23jyngybts0ztzlydmgbzh4dsdztx3at/0v91pqyu4hos8jxuf2axp1ateu0n3yuhfo2ez8ophtsikeooxa/e98odf3h82qhnusjtywgvvytf+eln2q8bjv9khgqahlxhlrgzixasoiga7qqppfra8pyoluycjxhffkox98mofsydgp8nfqsvxwpirfhhdp8jx40wgqlncz4zsn2jav0jol0ebhfukpjxhejlnthgw2mr2lelidou8wvpiodt/ua5iqo4nt8edfyocthuyctz0emashfjzfk19eg0a6hyxubdqoqatrm/i2tdpzhcvsg4pfmssd15drxi0dgkcycene0ajjoiusphgn+oryxrqb5a2lyh3dlwoj9sudl8jg1cbds6nnbkbwny8kqo7sjo0gxwkbpd8mjyazxtcssiasmexejjbmpfggox8lk2aqralmyzga/dbme02qda8erqnjsvick7kdnxzhzig9orqnhtb3/naincmrzahpshbz5tuucl6fy/tx2vywon+w0of/bi3+yj/0jsakmpy/b0qspuyd2b9xbpavh0lo7q8ypvmmeac1wd9+jwude4cwshhcy2g+vfgeezplixolin8ypeuhcwqgtzjp+4txvdy7h14fuqw3h/bm4zzsh8m0zrmkh8e/fvvqjun1r8i3xnxngdoiqlrig5geb+8++ko8ftsinbctiqvlvopufm1lf3jbj1qtqnx+y+od+hlu6eiv9h5fjjoojng/z52w+lhph9dbwq36hn/5n+uhpm7kqothc2b8i2/2u29+kjz2pcrrbynpjpv0q09kg6jxfq0lgi/2az8j+iks5gp/hz+qp/gq6jp9f76t006xqa3y/fcx//y/rzlv/8op/vf/9hx/w8/9x3+wejjqulcchxtomkcrgx/4fieg5vn6xan84o9f/vo/vkhkgwys2ja7r0rj7nlakqbanomyldqicg16uwpqnovfeyx9pktiq0qpmgh8bn+nck2zrweyqhdvuyxzaatuguqzqfunmvb8ze3m0vbybock4ismopfe8oxgg6cenpmpidwrnvk6zuhqmo+gumrxx/w9i/nqwbhouzyd0me5qn8sa9dwk/niw0gyy6bwlfmmva93mucaohrafj7k1wtlyblbgiqfzxct9jx5tbrkzkpv0/lu/1k/nplhs8mzr8vxfrbhnijmcozies8zqns4bamw4wrfy5yi+2eczw2qfhyreytpi/oognjm0egzmue4mkvvgkqpors+4do3tz5mhm6yhfruvvjymn3zjgqysnehqpmhm0gyctx3cse5ljrvmdwdaksxpmndq5jy5uf6shjbcob+qe93pjfeurigzlfx9+7mo0eehcdeuaolfxu6qmmtexlfvhxpc5palj04akdlo4iouhjevh+pnvdpdo3ybhwxcgqzmcpivv8suw9ifzrqflk+emw5kofebu1jpushspbglysp4lxvry/hdjuphcifju3vttcrk6ouq1xgorxkncc6ojqdj/uxnlt4jvcm0g0zla0i1hvucpbgfpmnyp0nvrltah2kwri66y0g48exakgqjk3sv+v6yeglrbfmwszfrur0vojoijcem50pv8c5irupbchoklikeresuiecekq66gcm+qx3fwlsi0tfv8sfjkuo+ao+zge7vatikqjslircdv/ehuz6iqkuazkckvveuuvtm0jfv8sfvcmuwcp6xsqfzstpu0i9r0jtrorsvqqdm3uqsbp50v1fkhfdflzairslwfxauuvzfg+l5yjqaucuqqfxesztskvnrijtksuypawvw0eyx/gdzkgyx6mallpco6eu4zifwvixjseflozjyb3oh9kb71w6r4gqqaf0jz6vrzgfskq9g87ngrcw4rsuj/v1pc6eyrzf5rxudo8cbhjqlxrn/c7qqm7xgsbjqjvmihcxjha68d0cl6ja1cdjqqnn5cuoj1m5wvkdlzro+hlz9l1xqv2bai0we2zrxfo4oa9ohlcaqdiylt0x3pupfriynfr/vstrdybt2cf7u4gbywoam38k8qlm05yo03qzmmmuyvfnkv5fmgprgy4jemdeeqdvuqexfhw4cjlmerkg1wuw0zyiqy0aghmwmezefo4uriul7tdraedceguovdkqjoyh3oh2hgeslz2nn0akyfghmep1kmiyspcfk9lka9m5jrusjq7lz6winezl/af4bz/8psexbzj5nl8x9zferto82juf714evrxrzty1ljle01ffkui3a7mzp1ojq25elmbtlxxybs8v66auqfnrz9gq5zvx7hsawpfc5rrpalnclzeyyythf1lk9u8qzv/iayrzs7zrsva5vlaqpcttifv3r2ol21swnv/yvs+6+kszxeq6brxeb6uq3n9w3axzfgpff/swx3ugcvm5rchpzj/tub77+qfu4x3pevz9yxclums+minxm8gp9d/rq6igjnn5+ggzlbvfwgx7dylbi75cizxzjryxvvrz2ikvbdbodo6zxdvtc4gtn50fntoijtpf7f+vcwwtu5uchl6xn2vpjrgz5qbb/sf3pnj5ltuqn0dfrayi2zkmllvr14zgd+9705ks5k13pbzkh82djmudnx8geffitc5doavyob5bugvu3qxnuhf/cpdyxdjtzwgmvwibzzojybuzvrdyotnz4bmafq29ryybup/kbps4fvv3jv0tnhi7bikceiufupnvx//pz//65tcv9hrz2mpfhtdi530hbc7e3r4dxk+qswkz72mzrunz0zeu1lawtx82jz/l/aqlbssfw8nnmt+r5eo/tvshgcqlfurzfq1nge1j4jqbjjwirdyl2obulk9okr7qchzaa+vzvwoosxezilr3xrcx9fvs2ojmeflifsjhcbxygxjummjzmcmgiyzuzkiba0twbuaqwthp68wvx6i/ni50pkwzllgpd8pcbb/4blbuid+xzivgayr9nrk717ljgilpimvn+lkucdbr0hnprfv8684sahyalamzcr2mlrrbkif+qaokx7v7xn87qvoril9bx4uvbfkn7e6btfqxlhzvdddxienj+3d2jw8/psaomegtemy22xqegfaxktytlqrzdsclimre6kvn7jyxssmikiyqbxejjufsimikyco1pebs+zdtikdlzuuniy3lrolnb2wr0jct3q1rfchs/bphflhcrsg0cwqryqxjn6zzyty0c7qtwiasyexjc0e4b2svbcps9cx9wj+4vuopswslqiqmfbnp69jpbmkbvmstmgzjaxpu2ng7kwac/e5s6a4jgteuv8povb5jbijr5ceahulkpzm+/e587bqurndlv8uuebczbfa747tbhhxpa7enhdlokjoxteqcdb2xhcyucabdjstky7fqbhoxevwmk5homwvmtko0ahmwyu/he8umc+mseiy7npjilhz5fdgth8ttrzbslcl8hs8l3zwaw3e4tbtjd6n2isojkpuyh8tsle5g4g73khfqxrefljkotriazc+3btuxbcswc65gj375sgnamrzse7b7puhb4kcysumdl6sq9gvppvxwch330se53ajrdqqjibptb9eqe3j/brdtxc3vadybxej2o9vq6d7riib4jgux26lo80au8pypqulp/a7jikoysczhdnlwy61zedlzx2nynu9vnogastazb/mwv91oveloatq4r+8dodcjhe12ipydpbaneyczx05py0fzlj9ounjlvkhwzfyupwobwtwhmn9nzdrfyezlowikgfpoppt/ibfobiocvsvce7xricihzconrvbgb2co6zkcgocgwzdxl3euljmriweeeuk2o7ainjp5imtuqrflcgfpt4lbzchqrbttj4mj+10gug2byw9cumgaovrudxnojfl8jwpdsqtj3msm6jdeukba08d9rthzkdc5vyqxmb6ryanc5bnowqtuiu9u4unblt/5xtcgzmxektp48ovkp+njtua+l3gt9blcgc19lkodsbnpgdld+vx9f2yrsgc+j6qtgv1ae/7zfycwqkjbd2b6zlw2yeduim/cya7toz6pfbwdn5fbj7sldkyai1smu+moimitk910oaxdstm4+la1habn3tut7pskas7nwcefcekvuvydhll0dd755fsa6s6dblmhva0e1vcojfhdwjcdnfthmjejmy86hff0t5zh7yrflywcy0zm93tpiukzy5yidcxjjdu8bwkvykwjvcckkyd0wbtbhddskhyb1bln9xwhvvjcg9pqhgm0ykquifoupk0zy+grhaowdbtwsccfomw+6xkicdmduspom77boc0ugd+q4ahtt76o4sqoknmuzfjcd7jrhxjm3yyjad92rl/tmyp+p/hhuatgt+bluzqs4mexk5vjthwceawfiv1rfghzsdswoglbacrpyiurnnztkkz2msg2ultf3pnsstmcqj1nrarfa1ffm/wcau5dbehqrjbpp47tjakzmniswztdbo9netq2llhnth10uekpxybcth2idnthiytexy4vt3sgugiq6hxsnsonxrjdr71i2yhhk2pheuaw7dcxj0ibplgx2hzitdcnpwj/th8zzsinvdysrnibup7amuzg9e00j18ksr+w8ggwxolp3s5ioher5nsnvebmlvlkhumldqjj92rk5ql3olhbqy17h5bc8ps2tzut0uwgfjykkw5+ubwcecbztwmk7r4kvsyzulczdqj6qs8genrbfdaaxpmnp9qek/hife+aht2auutknwx6dnfixdaipyfk6q0ujhy1jw2fg8oeobtnkw1kvtoshx4uvinsocdtwryq0ggvqnmokclici0bpqaztcubboowfkqbnoavpdediltyjhiaeuk2delitm/cmefw/3eupn+tkksojrcnjac31e88tdfmudu9mbhbvpm7p7racsrthiaxrxrtuhj6g6tid64n73szvclnyq1s0xu3ipbrdrx3foewlejwct55gdva0wunsfjob6pvik9phap4mgf1buduofq1lrvp+8pdqmz3ufr+ypatt4w8/vmrdyls521cox2fknlg96lqtoqm1wgqcwcem+p43dht6c3rjxaldvtqcfz2vd43vjw8uymlywjzhayolhp3paen6h2ekdaii1psi4njqodqwis9h8wqrbudrpbrumlvwbfjoagep1ppiqgmvktl9hhrvsdzdge6jlvv1tm4abtbqlcmz/dd4qsoxrckrfzep/xgvisqwlphlmfow22n3r0lorf0ssmbc+bxt7owcy2bakd2fqnbg9kvagofzobijrzxro6+/y6nak07x0h0+c/mqnuu90qp1vqwtrv0znbxlf25z1wr++48q6trlgtxjnbwni46bdyonowt2x++hfavu6uzxox9orxjbgmaug6/q5brpmofakwjnlsyv083+luy+boi4udeunhj7qppnab5j+s8/vznp335xva37dxesr4wp2y9b4q8zt+6xnleqqecodvx4juoeicvawungoupekdoevlgx9zqepsun/r2u7shoyz2hb/vmnigrlleu0wsmonc/oonaojxdh5yrinfi+wdqhb7qyat6jhopwsonclpopgfkfntkyrv1lqjuut+kqgd+caatppraqvxv+wq8yochtpob/ekggtyqr8pcmvubxzn8v1r1acbalgcuj8bozf5pfr/udtq+4xestq/eqf5so6vd2khasqdkkszpz8lktrngnwsti5hph9ivqq9xyfq/y3ohqrq0yaureqsq1xj9b5fwmhkm5wlz72zbv/thk40biburnxspg4k9ikfosujmox2procuu+aai4rwk2f1kg8m7uqtgyzeahqb1y3+xvp7v171a8mgpan5bohzq8mgljb/bfe+zifymey7coi+ecymu6qbm1i2aajv11ppfz/1z4iuvo4w8ve5jyuzzwwvqjmuoru7c0bnw/q6wtbzpo9yfvlv81iyd9kyl5g4fmc9bxjsqoodqumhxnkck3dvg3jvubzugdww1gmkjcoldmrzgolp544q0oyvpsvzjtav5aymtzeaz2rbk89kkjzcynpmc9wjwss3xqjiszlqejs3ygglo+s0t4yyqjwyae0ihx319vxx/yykyt7tqrjmer0ai1b4odocgbmxjbk5acusjkrw2pk/06wsm5iyvdkccn5eoo1xjultlvsictpinti+0wop20g8yu5hdbop5/6g6r3cg0gjs4xmm3dsxoorhckq76tats0crb6oszw2f7scxfhmjyon08xx7orwyfp/nwzixr+ti1zkvcd16yi/xvd2fmb36wylvqqu1y90eb56ncwj7e+3p2n4qwcig0ifk70srcrui/7mg0julydpsw5xl3j0c99jctin5ru/bxdgs/knz51trkvpeu5fq1tnewdj3gaa8lfmsri49tus91rcijokr4lwmdt7ang3zzkjfrvvjh3sidr1dbs8tnkkacenglf/z0utqdznl/ztqmvaymu4qifhcufn1g350h9rqr/s9x/56hbsd4/rh6y+e1ydstxfgpnncj9c8wo3x/zb5jaezpznpjoxpr3/qjzpuibzzzd07vnvkno655noxlpf7ucu8lluzthj0cu5rdhkka1j3kdzb45yvvuzdt/djb4xiqxjzrmrj+rjs9lfoqshbafz8+u6eu5n6csza8yqaxuy6xryyzwbkjny4gsxh2plpb+sgk47nqfl9f+y8nvmjeycupxhpt8i2iuifqj6cdszn8rmfrhxuybu2lhve/y1couehtfmpc2rn6ktaf+2t75z7y7fyuumksvprauuq+eqzom6w2/2kl+fkwuhh2+neknhpom5hkmmjdedo6/ovrpxabgwqzx71zrl1/8+yxqtfthuagtsn1luvtfywxijpf3yt17/l+wa7m6f1quaknftdbhz4sneb8lox9shp7t/wcuk4ndzw5kc3ryzwftcmvuzg9iagoxmzkgmcbvymokpdwkl0f1dghvciaotwljagflbckkl0nyzwf0aw9urgf0zsaordoymda4mtexmtaxmtgwmfopci9dcmvhdg9yichpbw5pr3jhzmzszsbqcm9mzxnzaw9uywwgns4xigjldgegnckkl01vzerhdgugkeq6mjawodexmtqymtm1mdbakqovuhjvzhvjzxigke1hyybpuybyidewljuunsbrdwfydhoguergq29udgv4dckkl1rpdgxlichmawdzkqo+pgplbmrvymokmtqwidagb2jqclsvsundqmfzzwqgmtq0idagul0kzw5kb2jqcje0msawig9iagpbl0ldq0jhc2vkide0nsawifjdcmvuzg9iagoxndigmcbvymokpdwkl1r5cgugl0zvbnqkl1n1ynr5cgugl1rydwvuexblci9cyxnlrm9udcavwkjwufljizjcq2fsawjyas1cb2xkci9gb250rgvzy3jpchrvciaxndygmcbsci9xawr0ahmgmtq3idagugovrmlyc3rdagfyidmzci9myxn0q2hhcia2maovvg9vbmljb2rlide0ocawifikpj4kzw5kb2jqcje0myawig9iago1otqwcmvuzg9iagoxndqgmcbvymokpdwkl0xlbmd0acaxndkgmcbsci9oidekl0fsdgvybmf0zsavrgv2awnlr3jheqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagfuk9iffec/s02eosiqyv4ihckczuprkyg2nz1wzvtw5xsohhn37qjszptm9k1xzmexai8dq+iy3ts0kgbl6larevxikkgcdx16pvn7ooohg95o9/7/f1+33tebz2m7zspqvrzq5urpadutk2lgx8prr3utlimffjpyngmseu5kr+719zn0tiy3se1dvv2pbwvzwah6i22txd6izfmab+znyhlglpahzav2d4bpfgorbrwi6idd5q5mnprnhslsi2ru+aikcqvyjtjrvv5uca+i7wjg/5cj2bwjr2z6qrrtns090shva+urbnpx1t2bduupw3jnehdginyrtxfk0zhezereeogujvkuz9qtp114huyu126k+p49hclpslgqim16bkzhyv9ahyqy+wq8axo8bjid+ebe2h/w1hdk8anyt9kh3nwrr/2f65t4hueptxgzhsuxfhaih9elqfd91qjaixztctt1zlzpijvmdqzmpdgoaylmxewqhm3gdthh1mqzgqxxfuu6ixuewj30+m70zs5c1yghelysrxzfna8cvgufyuwsq48ps4eveb3qjjahlmj3m0o9x7vertno1kbvnqnv8zp47nxxfhlbbjpgh6sdtd7fp/p4xv117y+ppmnetw5rr2dg1vhvnflc93/xzkej9knoabb06fzwgvyduqpmsxmsawoxh8fppf6khnv3nxu7bhfesxqpixsjbplvg4p1oo9g0qshcvyahzwksqswhy4u2u6oxh32cj6bflnv7lrhv769nr72viebcqoksgtzbnezpsxw6pk3xjb/warez84or7nvypayf5jrra/htlakviuvfrwunbeb2cofhu2flw/pef1qf08ct2tn9gv6kmrvgx0sc/cc1efo0nwsgkh4hkgiomz1e5uy40d4inx8rrbzjh9d0az/wzlbmrzdhjlyw0kzw5kb2jqcje0nsawig9iago8paovtgvuz3roide1mcawifikl04gmwovqwx0zxjuyxrlic9ezxzpy2vsr0ikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbhzrnsbrhgmf/s40esqbrlwjf0mekvcyluglt9stttmxvtalinx13nrxnp5ndluuihoiydywuvkshie7houonokqemxwjoknfeaveirb/o5o7y1s+mdo/ez7/+3y9wwbvj1koy0u0ymrou8nemhz6dezb/bpvqeyuxcndczosiqgfqzxp9wv1lrrpwwqusdb7nnyrdpkqudqqd2qdpix5podjki/kntw1zyqbe6k02se3uepjtvit8tzsimddnbaeavs1u5mzhjdxijviluujk2m+iot22rtj76u97rlt1ldfydc5c9q48v1a2x5g04ukbcwdhtwddtdvbpu1wm4rypfqxfy96c9h2fxkyxxq9smp0rhr+laqfa8dnt8afl4vlx7clpv+3meo1vhumgpu0deymoulenqb7gb85br9i4oeffulsma5jmwb+q8anz8c+x8c2x8diwpgqbwry2w3upliiuccdoacadfmtus1zl0/onxwaixwzxtndvrksjtf5wmu8irbfokmtfkfztlf23ipcnt4ke/2f7kkvo7frmylu12cjzry1qe06oomn5dvz8yepni9r/czt2c4yowame8bcjhyyrbipbepidty4/gtzmzxvccfk/oqpocvb2vm334udsjbrqu9oznrl5pd3ns+mzhem5kswdmtnfhf/mytjgxefdtcdsz/m2dtkwcyhqubezbvnjqk0ysyguharq4zekwqtfqlx9bqwspkx5uweuvdfhw9wogefx/pers4w8y/hvgccw3lcjr+tv+il+sl+l3983xtob7imxppmsara18zv2aw1ci4qy0yvqwpig+w2g56lwrpneiv9osv9y3h6jl2fg3zo8kc4mp8ndslcgvqxdjjya5l90wyxtfh51vl9q/puft89klnjdeyunhmkfp8nlwna/+zq2dssqvw5i2qljxroe5vd6p9aovack09prarbwox346qa+udw5yviqus22x1kfzgy5reyklxzovg38ivhv+lxmel1zq0+q9nulmmaqnfedw2cieu/8nfswmn3mvuzhn0cmvhbqplbmrvymokmtq2idagb2jqcjw8ci9uexblic9gb250rgvzy3jpchrvcgovqxnjzw50idk1mgovq2fwsgvpz2h0idyzoqovrgvzy2vudcatmjy5ci9gbgfncya0ci9gb250qkjvecbbic00otmglte5ncaxmjm5idk1ml0kl0zvbnroyw1lic9aqlzqwukjmkjdywxpynjplujvbgqkl0l0ywxpy0fuz2xlidakl1n0zw1widakl01hefdpzhroidezmtakl1hizwlnahqgndc2ci9gb250rmlsztigmtuxidagugo+pgplbmrvymokmtq3idagb2jqclsgndk1idm1nsa0otqgnde4iduwmyaymjygnta3iduwnya1mjkgmjq2iduzocazotkgntm3idqymyayndygntm3idq4mca2ntkgntm3idgxmya1mzcgndczidm0nya0nzqgntyxiduwnyazmtigmzeyxqplbmrvymokmtq4idagb2jqcjw8ci9mzw5ndgggmtuyidagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keafdks1q6zaqrvd+ci17f8wkldqtgmolpzbff2jab7clcta0slgcrd6+z9q/6ojajqwzzgdpebu928zxmevzmvxofjommsq5tqfkxfsyh2oxqkwy/fjl+zk/dhnrurw7hxc5bomwmaypjclfkdku6wwu/oepl3/67ckfswpcm4u3211+sjvn87scjc7gfm1rggy0e+jmx+4gpsyll9va+bicl6n6vff6nsuwerwrz5h8foq4d15sf/dsnna2zf19w0gmf46q+roih76uvqu2uazdrnuiqsourk0rvyectvcr1tukqfpdoibuvk9qxvy3qju/wvqxw12jgozwnyhyu86tohro5bw2rwedvd0ktjuvbxq4ztmlcrtktqmknooyjnehokjkvgxtvcmqujtpyepy3lotobiqxa6qzfvqtetiqvdqdcphvouhdsphvoxltspzff4o15lv5bz8hadkdtkgr0g/2/f30s+om/azgf6uekur1zhvi+7bgovny+dp1gazd7n6xcrlbmrzdhjlyw0kzw5kb2jqcje0osawig9iago3mdqkzw5kb2jqcje1mcawig9iago3otikzw5kb2jqcje1msawig9iago8paovtgvuz3roide1myawifikl0xlbmd0adegmtg1mdgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb5zsjfftv2fdpuxf2fzlmlklmywqmy2rmsi8kjjdszcekirlmgebcaimbmraremtwrvhuutyvts61qewgxffwqalwkmqvqnurtrrvayrufu3ypuc+mwg022ff9/u+3+9n8sz/nvwe8zxnpxnccsfqspxwjh/w9ifh8jktbp99ipmhz1rn8n0cwkii1rai/wzv8mmn3/zb7b2eycfymxzyartwwzopr4ghhrd340mrb1z89njfgwgpoagrsofaq3uddj4lit3jhdp93dmnhlbpwz0p7nwnrrkcgl1yc+rfeae4q04fohty8zd3plgpgdt1xsdpk8/p+ojdqorasbzdiyuhju/87s5wzxniyga/cr/sr0nkpbbojmlqubsiicrwo8rouqfmbpjmtfblcdgrjkinumihrqkengaijryksriby0z+cyftv7gn+m955dxye9lbhiapk1+qx5fxykdurfrjbeqx8gfyafmefa1fkfmttam5iut/oad+kd2dapnhoyqwqqaptr8/dc/0+2ad3xe+v4hlived85lomp74tt/uvvoxqrdkamiq0xq45yc3i3ri+ihxaykn06xmzv3ensu3hzhfmrvzavsjdrgmi2sune02ki1ke9lmtpbzyq/jheqicjh5eejixhi+hfxktphlyoxkcvjjciw5ilxnrihxkuvit8j15azyi+jxznil2r4py+5b4pdamzsf3e7uiveqe4e/jxeqo8nd5gfg/jlo/15yp/ihd7rva59byw3gexfey7hujfernfabiemksnar3wazdcdcmfi42umejdhyefhzl7txr8ijymfhwbjpih7mj+h+xzex/pnkp3mkpe2eib8kz0llei48tw6qf8il5puepdwtc8vhjfjr8jk0typkn+rv8hr5lxmtven+rw6r30or+/a74a9djdcgztvxwo9crd+s9yhmbose+wcctycpd8l7yg4hie9d5dbvqj/nyndkgp6y9a4vlxs9aedmvrvabneiemb22aluzihuorpnfadz+8c+zdls+ya4ne6huoog14smmza/q5sx4rzcfe+doewxtj+ozzdaw2gzls+jmxp/ttrtvltoezo2ogyfpkomv9diqjtvhafdp5i/izph2n1d1n1bx2mpafkwajbzgevxom5/d2nroiwt0zntasinc3sd3o/d6pahajrxl6il/kl+ppp853j4bpkr+yh8ln4eir/depip+qzcx4dpexb9bj8n+n7b50vyjfkb+yocbqt+qyapcx3/zeimyrtymfbkocqtqwnpx3xzcjvqkzxbmkagsqqigqqloqqnbva5muq9e2l8tsixvmfclgi+stszpsb4aafwmkrtmg6muwd1ujfnomfcbdmhlgjx0ezqjacziyltm2md1au+maulm0pz6xr49nmgdcfzas2mjbsmvobpanyf4j4fyfkia4xgzuv7lixe1nst7u5a0nnrpr9txmtlc9pcxob6uto5qk317krkwrxlzaulowagl9vnzfrkok0proneq1ypfxkzvmjzloq1ebr7xrfff0ti8zq1bzjbmwaea8d59edc4nv4ypyii6ubgkatygoqc9w3ygoyu5ijsq2uklivyhm1efyra/uev4wu6uyb5231nl5xzej8bhofjt7roqwh2w0pxa3woxpxhpa7giknzw2nnftxb/loufpv56lbqqrkkxgvgh7v8btj9gyp0+xqkj5w2q2zxjmi0llxrnhvw8cksednt0o93e3uff1inzhxrfyxkyt5uvzhomzketd43unjl8ymzhm/x7pcs2jgsu+eh4bey3zd2nhfeam/kuopj+rspgwfba6m5hnqgyj+dxssdchmc2he6jv4xgofeyi8z+jdkpvxpgnxh5nx8dlhgaykm2qk0ihem4gyqqmhfm43k8slmyesb0dka2cpul1kut1khjc/n8l1s5dheygmmavzmgizsd7vac02ebr6439ndvkjw5e7anlgwfhpg5f4idwv4x39ywehgadwjnnqoyags9ldexhq4ueyicuzytw/bpeh+qesq5kaonsiic9wjmvti9ogd8je27c6q0dmgr4nkzs6cokfjkekhbogltsrhjfmgfzalpens+chujr9alzyzd9vripjlythxfwhrve1jpwswbvx9ttxqptc5eqxuyncl6iv19ozspdzywoi5byc18epgfbmbxx7vuxezkh2ro5vuho4o9/lrauerkb48nrwqyahikmns2htlauh2kkigrwlhom9nzapohhvxrmkbklsuia7gxq3+pnpimthckaxioqzmkmgenjjzcl3/moiywxwobxxw8r64wp4qqbgeasyz+3vl5njuogra4qgyozsynui5hhw7ijgrysdeopezipwv4r0uho8kz29hmhdqkcpmw7ttwjf1i5pa+eihtha8vbsfyilw8sxlelcrd09cqdxb22w0s/alzlvdm8v3tpopm8fnyecxwmkt2vxghu5j54hcuepaupifm0dl5qnfunnbysb0tm44hezxi1ja7hprcvhxgvhblihf2gwdimxt/okmu9xtxxyuuz3m+0b2autsctt7a4n5mhyuzvuord3jgv04q5fpq/butv1cxdplkncxx9t73gmhpu85cjeeh055ss8wrqxc7ccfobdica3pyqqslumlygeonswronoh5haj5lbgid+hkq8dvwk6ceifr3waz3mogqmghg4wbwcmeec3qgx/l7wuygztal/nei91stcearhksftrfselburtaew+dcw/xr0lzf/uac2qs0ulbodmwms3wpjfds5hmknvda6dkz1c15xbhq6u8d9wd7r64yusqrkuu9e6yd5qoptgxhzmfsd99zi1sebvg4shq7oembzyc/0husgeku5ooqclpecieajmiy1r0g0clyba4rpt4ijsru30utnl+1zzurkchkipmkzc8yoeup97ewh3rektyfr2ba1ovjexkcespguhvsxgxnebgmuq5fcayuf9edqyl8llcahg13q1hesvtg7gc9kgbilvpwiqozxqmkqxxvvwlvegyqm4y89q4oqifzje0eprpki66j4bhi3iakgevmou2u8awghgppzwedviig8i/ollk1njczwna1diyu0+co5bee03uybgpwxvrp8powjxjcxwsu8wb770vfoaq4bvfpe7tj03z4nbari/atypgxyya2t2b+chk16x77tevnsd+qpvu2rfb3hxhtav58a9axqzhbygw0m7ilx8m/cjpgh3xqfaspzsfc+oqu3w3z0fn1ud329iib/fjwccdhnyldn6c1csott2u01nhlzpxynsblgfinxtwom33n7afg4kfqrokbdb0+8omgyfnpyezo4ofgqt41uoygpok4ul8k8gugujmtxwlruwm2vfps8gtpo9csulavmiwodha8x0aeay27kv/lno98wmcltcfd2fuip32txjisuvnoh9ra59k1tntlsvkleieolcnlwaa0nvl4l4wwvnsstpcuqaqanasefkoqofilvfx2spp7rfdx7ft3vmbinwjunvspuznaymgvszrdq9vqpzm5jtzmrjdpvbtpa5pwpxotkzfgmpnlzxt7jstdynkikpaa7b/gtcridonjdggzaj3fva6lqk0lnytxn0txfuyzbefwnzsuov6ugqj4zm35vt1pp52xgqfdqgjqlrcxvhkm5uuhetaw1qw0t/pojpyhyookgjgpde6dgpapqo338e2ztkn9lu3qsjzvdv2isli1yg0znzbyonhyhoy/hyayrfoxruuqr6xs+d/7uz9ybgjs2rl/zzcprsm5f1teqpxwvnb959gvxvdqhzhwowyuabnq0rlxmsc9vgf5ynz2clsczysvk7jyno9rvx2xqfbafqn+xvz1jnoryqzwtxwxm5qdoxwej1beyatun/ylrsd3q9i5b/uxtip9r7hk4wlhsatjm8cw15yvr/mhylwqwvg+w5isqy4/r5vfbuvbu2at/4eqn+wcnhdwpqtr3ftmaxxltdnhei5nks6h1yziuwgtk7dsu4oawia1souflknpn4th6c169tqpnlrcvkf0rrrerzlxepvpqg80rg9s2hpncj21qa1zvhnkqnarjfpvhlmtjdjsx/psz2++k5p5fsek+e1kal82rm6rx+d01o3cnjdx9wok726ww+meoad1bw+o7pslwytwaagcm7mpbtzt6bszrg6yy7yskspkgremhwisr/meerccxbxnyh5ortqx4k0qvmtzpdmgdrb6sqoewxgce0jmcoxynmpc6luelk8hh1x+pbew0dmo3fvqskyar2eqbln+ell0qqnenxljiqcnycnhnhoulcmltr4qkvy+bl5mdznay2jngldph6oyhs1s2je5boajpxypsu5nuuqedomjvhad/dq0dncg0qkcwfhmloh7r/4y8e5pgfs6ipl+wx2w2grmdeosvbasyjdt4s5gpdac4siqxg92bpowp8mfbph5nm2xhjbk1pzjpcaaqyrk3+ypzmpo/mfuzfumu5zvpwcymoe21xjjpveu8nyvcx+nmyqbl500uvhnumpnaojjcegpphsvzu1n+rq6o7mafnhdlvaanvkoxqedhndpv85dkvasz7e20gtncdq9kfmywauxsrcga4f4aigverqn7jgxwa65kjdzvmroqnhps0pwus9hezdhaexwk2htgwgfq9ooeqyhdhaf60cej8amfwbvar4l/tdnioms6kqqkrkwcaykyupvbxu3gxzrvb/cp1q3tquxvs5r6la6oy01z/rystpy25upl2/ibrrf3bpd0vkfiprwv16rv+y1lyvyc3xrqxzg0yn4+px/vdscxm50zqqvbz26q2p3tturw+/jqcvz5s8provu29qv1vkekzujjtc9o1as57szvcbofw9ec3jxtr/kpyjzpighu+zirxbird1mnsqseepnidpfuib1te4brsbzbc2lo/+qb0n74p42v0ij7whtzs8mraufsix9ax1ro7wm90vfk0e7tu+luuil88feanqss29nzbjqvjxjdupkssewko3jtarutl40dhjkl7eys/ju4xbdodtygqrqux7jfu0lwfpkv4xoeg5g30e8t1bltfnnvimlxbppxqanrwsruhjytg6nwwx4og/kbm7zlcejgr0z/bq/pcgzwgklghiq9nn1i0glggku3gmhb+tfgy2zqdmxutg32yuhtjihwugjeyxmbnmx09s3rm4a+hfl3ntnrdyym2/srookvvrbbs///udtiimcwkddds+llfwarohi2rc4svqolbgawyxfambcvlpbxz6x4cwm5xrjtc+eupyl/9obd608yzs3jrxmcv2rqg9uyvvrj0jwvq6/pz/uyf/bcutvcmpleofnnkmsnurmvtd7m05rmr23nlm2tyu1jy0jtpfoszsx0jym5j3zhkjesmovc5uipxn1wzmv0+xiihsa5mopeg7eryl26l+uhsxa/d76gjczvaylbis1pnfoymlsfra/f3miyvyeoaxux2gldqfti3vhdvh4wwhcchffanmae75thommzutuxgr4bpi24zppgfso3mkf/1zyefc+/fhfg/tygtgjadmeotavjz/d689m1gfx1tdmdyydlt31tzk0rsuuxltpkbkok6gmp9mp1j17yzptnyhlq61usiuqvlnosw+pucka+u9d+4a7rilmwfogysronxq+fw9ixcvp20/qhvjt/lzsqm+matcnzj3lrxpwhkzhj5rhvmjoa3cj5mdaraugbajvtk8gtvzgxo42wdkevwhlep7mq2v8ojp5w+p/ljlbgxipenhtglbqxkj4mehlmleegklk5dvblscgtt59wvnf2hcuz2+pkzeopn2iw+oqbcpcppra1frw3lvu0so1cekn1wpuwd6pb2lx73yvpbq2ggdcst3pss0lq9k67summfq/t51tzysthscumi8/dfzupvmvxxlwltlfs5zbcmbpirgrvsrtrxzfll+hyew0oro5mqwltmvnknu8wdg3seylrelsbzoqwtccur/y+eacwxgxacx220gyzmbf5n7jvsoisjh9ezc1xuljt6obrlqza1ptdtpzkza0bq9rik0vthc0dlc2y6zcl5dqxpxyulboyes1rsgubtkhb1uxmv9i/jnrazhf9u8gclsxlp3qv6jpk4pqsiy2gtz0w/vpjmzwi3nylj7vzylxd1f8sithnufm85dzonvekha28fi1tixkdhjvxiemxcldkihjywqsfqku79lsnuxbbnnbhx4v1c6iz6dgjr1nanbrnayuiyq+eterz9b+ewxyc9mzg3b4zl/b5j5b2sw3f2zdbh9hgq/y/+25xwjb53me1wxgd4uttsxvzpqxs0u5yfk9o5us79sq+oburmvp1so2c5yqk7axf62rx7zq7svqse04z3r4q/zn+8bl8usebr48g8yr65mqkw5llsw6b2wnw66wwy9xghzevf+ycxtrrw5e6ttmqobsrbps3+9rv/o38k6qadr3lkiewedr1+xk+3nns1pjkc+9sos3vpquhofnns13u0uwtxbtr4wnwrwgixgqwcxqtqb+c/6qqkdevv7uvfs6sao2b8hb9ymrgfz8vunpxyaub1ez09svv1ihzhpv+wnn3qggyb5kdwse/wd1c//xlj727qvb5wk5ss/x/9p3w2kqjtihan1gc2clkpgzpk658fvkygfvmfoudnxm8yqosgxkrnunsk9nkbhexmilu4ce27ij9wvk6scs6+nvnhtxm5okbh3x755s0yuxb385b3+mftw7n6mhtj4em7nynp1tq9+swlb94qw6bm9qnpqlhopq95d6kjrm+cm9yzvpnrlrnsmzlkor5+sl8f37qots9f0ox36ttzprtvzwczl6xvtwolizmfhpl3fvlhrzle6hyimuzvhn+pnbapcyb+qqpw+avcna3w3pljhcg8jlpssflmbqww3wh1kdpnt5kt0nnw8tpjg3yeh4jzu4x+mqaceztfxhstq8inkmzdl2vwh5dhlpabrdj/07y8wprzoctzmzspj1qg92ymnustk7udlfodndxzbctftua8rthgoongv5f8+fnkm+ev1kh7rw2whp0l8z7xwr5oqqfumymoofpm/fwe3yfamzvjhtq0anenkgwzjennrrnydhfdrvm71ad6p9wsfn4mdu+9d+ldlw1suixbapoevj3gcno4tazysk1m/m96vtc7jwid5j86rvevrkkckwku8dnlxjq9pqpr2lqo3bdylyqurq09nwp7estj83b33xmbzvjoi7u+ozkqdenainpmgdd/elgql+jsmntohmr9fothqlzrajaqtusohjpf0bqgrqxxjqeds3if9ecffzdce/jkndsvfjdu8yy41jbsawyjyzphwqhlmg8mtngldvlcbsc4pdfo6qz2dqsel54gac9hhhti7a2hh/60wbmmdns3rgobw7msx1vnsrsgzpyxuf2+jpbboih/rpmtqwvw8bk5mfz9dse8ahyjj6acja4qwvktvq+15efrjz6srybjavg30y2ojnmlgygl5qkzk1kzxg6ci2qlqs6ynoaco3zba2twb0bw10z+usmgzas9ma6yz0j03/xhz8nexzyr4ffx+x1v2clv5081sbohfg/eblsuejoi9sgn5kp3uhuyahimmbzwy5ypghf2802j8wggloitotamptnfa4jijtx8+osn6ho/5ou/0kzjyrsxl+sssvi9bakazizk3z5y7+rsuu7fm9uy5hrfj2c8y1fnaawumeaum9rgv2abpsrtllimymriyubhuahfkqild4wbtgacudclr5x+eqj0btjdwatoanx0bya3l+bajqa54u49oqpdomffwktjzfubyxtwh9zvz5744obzo6slz+anbv21zr3l9rnbd3vfd2lqft9kx0xt9ruiz018shflxo2xm6rxbmgmno+zi4wkdn/twl84/zcpysi3faz/j/u00opfzqkva9yqkiqxsur2fijbk+k0s5bjfhbfhqtq9kkrjvhxeo0oawiseepdy3vv45/xcxzhu/4zpmwsdhjznxewkoofck2r5ipnwcgjm9gen3cu11enqz1ukxqqytjwzphueiukbszq/imdyba+zetrymc49pzcqvky2ibekqap9/npoh6n5p3sf4pktlccoycqf6amuaspmhdztagqv5slbnyjyhzlxg8ecakr6jwlhreslnz56rd7eyoxwxge31ipgaj+zoz7sbokh4w1ceedc3r8xsm+udvhomhwfu//lzjiv+3t424tyqglusqxnyub9zifbql2i+esznkslk8s9s622z7c5de1j3bluqlkyq8l9coll6k1vymqpfbv93e2v7to4556+zn6s1wuyav3wos2xyputtsvifflzarjyyqeu6dl6tjmun1jqffnpein1lnulrpijpxleboe3pfo1mmp+quk4ytweqqtnodrqo2mod4amygsggdbfxingjeqhoxpyldm/dqgkfu0lqqo3phtic+n4cl/aeqgiqalnxfye5oxdkh8h0ywrflil6wgmvfcbrgonxitgpxwiotbo24imnu7jj1kidultz6rlpgqckpbivyijodr7inwlnnsx4ywjnishnlmrvmujevlazlf1/72qvos6gy9gyl6hnyjumlcnd5jmqsnv4wmuprbpyr5xjtpqivdwx/yt8n4/mp8x6thkmubs6d3djbnxxozljlbc1wfao6g9uttm9tjvm/focuctwt+3eiox5o3dpornem4g6ltgzga3althyno8eqarl+wzlnbw6x+jd3jxlhib8os+waz0zumlsqhn60ipvxmfi0ikm515no59cft53azqvjryaekveysavhocig+hv8uzpn1u0yoduxkjoqdu2+cldqcjmmgwuijis5bu+lsoi8s1r80oyzdc88ayhmhmhoy7br+dkoklr7axsjp7hmudkdvl7a8+tuwbtvtg0+bbayfbk5wj70ymtvnjn85mshv8otgs/xmae8a1cejcipm2tchss3nppkku6fyulhofv1lloqcgvebvjeeshal9fx7kysukw0qasyy/jho7kyk7ik1jl2ul5vz07lczhlxsctdet5w8drze5v80oncalnvvnak0nqeikcirsfbn/zdbr9sa1zb4vrsf+e6olyxa13hxgphqqtdwucvpldldlukuxhq2rwuavhlxqutcihr7vlxlgrdzmsamns+p0hwnoydeezmwwlz0go3kdvulgd+i/dlsaav1gzcfev/gp7i9hplyxwpi/c5sguwhoyaq6857hxstf8o/mbmzb1yt59few2id2yxa91i6b7yhd7voanl6rg9g1uxsiytu45warqqe+bp49fsqqbzzxcp6fmqd6a5fsfripxlhcytsiti91gijebar5lrvpqzpvznwadyrdeylmyz5rfv6k2zohuekb3++doojomyz8sdji8kvft5syqrkbqazs3b9qer8pmgpfxpuve+cuvd3n/jerpdwqvc1jtpa+gg5zve4zlfs5xht0+tzkk45cdwgrtkvkw7dlmncr2htoyvxbvf+b6ae4xk2dnxcawiqn42vcqdzqhnslo3q53y8exdkql5/8738wms7qv/rytdvmgfehbp7syhabzlbv4fl9pcqfsk1azk0upm9hsdtutcbpnodw5lysbglqlvigfy0bb3fkzhjxxrsiwzhsbuy5oqywa2anpoalqhsxp4w55payjjwuxdws6k/nsdq9tkxbksdgtrqvxyy1avlmpzuo2hwfecef4ylswozcc2/xqofh5qzgxqhqpelhcaitoqyx7vtdo7/lnf3zz5/sexmd/mimvkinlmol0yci0iny1k9c17kulssvr0qv7jjxway6nm5jrngvpjiajzv1wpckrjc6xtjndftg2msujhcddgbglaexmdlb2pu7eijkwjkdhrceucseszybbcw1sf7txcpbfujr/+cics3zidqq3tld7doghpqkxxrmqtxvxayiycmawscfmb3lw/j6w82on167rnzwklpmgg6pg3qo5zd2v6z6g1xohtulws6c2as6ctwi2y+yvdxyvas7skoc2l5mpu6qxbmpa+upbiseskyrqt2vnppsgrl1vkpzmmktyc2btahfau0n1oygmojs5ocuz7k1r2avn+t2vfpvt65kn+bw2t9mq7mu05xvtmfe5qqncxytkolzcg2fnf2t00q7rmn3v58smaa9cnqrbzv6vi86pttiljoaukflc8qfsyw+zfimq1azv9fmdyg/enokbitilolhqvgjfcdihbjnukxz+odkmbsdb+f+sgv4loue/jxmlrwql30uagk0sownhn4nvkn1jtow16rbgftkpybywr9jgmrjxiw4baeaehv9lacubuc3kvjabem/vid0gyxgz/kcafehblpn7lb+s/0tyjnsrzcylyrcozle8ovykvem1vpun9sl1g5r7ty3aj3qq3qldef0lhkniddlhe+ls+ka6hgpqich4/w2isanz4otdtfmu/ieekcdumkziotqfhb3n/rqb01yvh1kdqf1z2goiglfyme6rqcpdgep+fnx4av9ghxmalxcfiz7dse/r9qniy8qrxeeiv2lmccsh6pkxxaei9xhvif6m+bpij4jduycscvehdp0e8w40pqk8d0xtbydfrdndghcqbypeqryjud5a128rryneq7yk+a3iioivxmuixyneqryieaelcqdxpoi5xk/wtc9izf8inke8jxgksr/xjoijxc8qjymewzwfrtycnvsqexepix5cxbapivyghkdsruxcrbhj0brc0gaestoavgsu+xh3ie5f7ed8pjpwafhuqfwm092nuatxj+ioxe8rt2py2xc3iryjbkhcjlgjs74rcqmmvx7xe8r1igsr12c6qxfxia5e/bhxbejyxgwy9tzmfiniesqy4keiizhbryglercgzkf8epgdql0y9hieyivixmqwxgbeoyhnii2idyizeesrzyfgeesqaxejidmrw4g10dqskmqzinmrpyforzycwi0yqpymwivyivibgeqsrwwg+hhleesrfyglimwiryjeqk0mstadoamxebfgdco6easqnygordtipqinmq/rimhbncoaehmrjyggrd2idlglmimqedwiasrsrbwiejelurg1vkd9yhflifjecaiyuyqorbqg8hehrbarqoqh/ihcra4ig5gf8cg8uusllcut4ylawa/pifpmadzo6ulalpvfdcdsewkioyivyunyeraegwhcn6tgg5lrmwlhrbgqeoqoouvoegqecqhepbuioxrkefkebmejoarfebf0gjgfmer8g/gacrtxfejvic/f19ivxbrrz9hzm8snie8qhyooid5c/buxgfgq8rfeb4j3ee8h/ozv+1pu7hhg6b8rh6nm6dl0d4jfr83l4hoxcshqrgpx76lmesa7ilcrb0xnded5zttcchgd8vve65j1a4hxmbpfygyhea8gxsbmfo3pxkk8ihgbcqdxpoi5tpcrzppzxc+x8m8gnsb3pru110lj9mocj/fft2cpf4gzpy54dpeo4hhepsrexmoy9uoydqyzfhcz3on4alebx7qleuwm42sjij2i+zhr+xd3inygfo64j2qc4z7+lgqaa7gbcvfu1aauo6om+ya7oqz2we+jpgwa26mmaxabrrkvo2zhkldgljsx7cameso6bscy1yn+ggmuq1wbnxvantdg8qsrvyguxcl9ggnegtevr1wwnxvcum0y81lejyixaeophp0omtiludiasgrwutsld3bhnkufcee0zthgfaz7icb8auy5t9gjuy/og5wf6zqchztznu+a/alkczdh1auduzbxkajitpd7qe4durdkb8jpqe4b+rni3sb3gdwjcgfit0fub7kn5faq7sc3qiacn4bcd/itkotargw5burqkktargt5mcgvyihn5scxgwwdurqkrs+njsmisbdek1h/w4dygzwyrjqcobmxjfidoanxoui0xkmiuxbvimqogwu2c1gbkeeuiuorjyhirbgimar6jnecrd4icwfegbb6ha6hjyinylsducnuccvcgzbhtcyymmex8k8geyafgvwf5aoq98f6vwn5b+rtklda3gr5a+s3yixxqv4dertkezb9ihtbhga5gtr/e0imbkvnb4wawv/ygmo5g7eecrziffghqeu9zeeiibpenwi2vtmeseekizbha7vqsgvw7z2idkq7yj6idtep0ypoqtqjmhbzey2ibkq9igphxgk6ee6ea5gosepyeakig8kkdbagzmkn0bymqb4b+rrkkmhxyoe/gxwj8gxi5ycfgxwklvse5goqp4p8cespiidb/gdye5b3wyihqj4heq7kvydpgvws5bmqp0geatkp8iridorbsooekadadopsarlrtpbm1pe5invryxampyq4gfwxcressqixifioged0i5yhlil6eesqixglel2ihsrjiiwimkibeuieuccbrb7cj8hf5ccyevkih8klrsleebbshatbizgexe5ghnvbotmguydvguzfbfknyegqv0bebvk1yesgl4k8abp+coqc3us8nw86f0idzh80bq2ft2nr+nymzeetozah1zsrn7du5twb7ybnm3dsfnoz7jymjefnozagjrttnnkqdu3rw2fvwb9wr6eas5pgw92jh0c/g+vtrrthv4yug7169cb4yo8y3t26f5rnh8xjo+wvjvthrxjluicci6nuz7zdo2pd47qmkfdahsnhyujxcfd5eis+nei51wgvrjpgoii1ayqzu5hfnh4xpzaseddi/gh/ztoa8pconeezmk4pv3g6prwqcgpuaxxw5pdqjppdq4irwit3ragpbpehb4l94wxbvvdshx3hjcff4cu7fov7gz3hkyd+wmb3olyjo9wv7awv2nezbg/od88h/7zga3jejtzws7ap3lyjkdzrrocgg8mnfcl8h5esb/wno7y6jjgk6v704xruop1q+pf0fjjtsbp3rp3qu89nvtyv18mhhx82p+1y23bbtptulz7wmugkruncshgrkcs3csaxjiememk81cjpl9dv1+/u8+36zfqp9nn6yu493al7tpeitujn23xldgt0vf7hfhidoaswnoq1tm1iy1eftdxadi1/uzyk2mbho6dnzgqs0brrlmn47roqahw5jr+pplwcoikaj5ttsm5asqlpxrt+z90a4bwg5d3u5gzk94ex+ycnsq8y7+7y+1tj8ukfrrflx+iivtji7wkfqueiioxi+cexryt7xim9rjcdtxzhutg/n4ruc7zti+m1rzh0rp4of+ut6bw9rzgt7fkqxodp9kwgsq9/6drrtwvx+df64qnk6vrwwtckfyiofmlzkhywjwjr/p/ghwwarb1dngppwbf07vqw6yg8mafl/r8k/v/htf9x1pl/x0pal8f97h8b/nagawvuzhn0cmvhbqplbmrvymokmtuyidagb2jqcjm5mgplbmrvymokmtuzidagb2jqcjewmji0cmvuzg9iagoxmjegmcbvymogpdwkl0zvbnqgpdwgl0y0mia5idaguiavrjq2idmzidaguiavrjqxidygmcbsic9gmjygmtigmcbsic9gmjkgmta4idaguiavrji4idi3idaguiavrjmxidixidaguia+pgovwe9iamvjdca8pcavsw0yidexocawifigl0ltmyaxmtkgmcbsid4+ci9qcm9ju2v0ifsgl1beriavvgv4dcbdcj4+igvuzg9iagoxntcgmcbvymogpdwkl0xlbmd0aca1mdyyicagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42ru7xzojyjhv/sv0duqibkxvuqxcpc3u2rgz4dtz2+3zg9cpcnetyhboallp9+udx1wahlyz4xfmtjnkjfwzmzvfupsy/qlnbqjcw7uxmypmnuab8viw+bkji2ojigca//kg5ctb/objmdn8d/fwh4fnh0lbs8m5y2elip2lkx/617/fm/1dvpnhabruwbz5f8deluuszffbw0cqnonhna9/eph1arp4n0kbijv2993lw29+l6hnfuxojzux1w1qwasdjym87v+6/v39du4fvbathp91km/t6pfvlz/ar3r2kckilylch37yfdeofdcw/c9xblphbbfv/p7wf6cdg90rpwt+tnuwvnugm647mfrej0hu423rmqawz4axgktj1y44idgtmcmztn7plgzst0o9h4knsm/hgwb121y9g8dugbniarh6obzxax9uxo8f2qvpzhbsq0e1rfille7jua+g1vfwzrfmydguckanxiccbe0zqad86tkoqdb1jurndx5xckgku5dg90ndhhj8wwttfk0zajawiubd/bxzb6ovqb0grymtp0wqx0gor2cz7sdodp8jd48imdryk64tfy8jp2hf7pb/6lg6kzquffmugqotme+oj7ls2n091l3lzpb2lvo9g3hgoz4w+uwjk5icvvuihwd7vvwwpqlbrdeoeujzyaodrv9xg5wcnc4fblziurf9x52ae4n3dt7jfwvsenpem//nffgwuezixaiezlhw+q8koj6zdeohylgzyewru6gfdmwgnljpbotgviyhgwvdaxd51dpqjaa08pxfgzco9zojnwxpd6zgvi7x1ybi6nj7dzws2ls3cnf3iqnha3ir0rqfda6ui3scwqhrncqz9wznwocr6ctbspo2wcvumtscxh7kgbfvf+74ulfnfm0dulctwsvypglbuli/dpknwowtdgiim5lsuykmhjpk09txayecbliszucnuhgogy02qkidfw7r6omohmslr4ovltxwjgeiyeglbxmr9mimbf0wwupvmdtnxfn6rjugyrztblbb/1f5enmgsyo3vi+e6codttt2/z50wczsnqtjffqjqtssxjnbt30hkvs48btry4s8rkjypajb6hv1pu6zree1n9dx5del2ycehvnmetk3fzanrm0ag7mdltd7eeeerqr2a6mlxoxvewjrl+eksa9dz/iyw0ui24a+ej8acoovsl3ga5rwdktw2mkscs2ev2l7u71a+bhopdkh2rtt18kk66k5ozx9+dtuzyhay9+e8ysxxluzmacycbkpr5dton7+cbpmzuanh5q3rodrjytchj0yvlptszhrzahrkpndhrf4q7wdcnpzytcoimddmurzkz9fj2xo66qzdv+d4ladldjwamln+x6fgq/7lj/jbbi9bpcwqfwyp3jaeea3f1b8paditacsmsazsqagdkind8ny1c1ncnq7lsqfgmoh5kkbme0n6hgktycvqjkl960oowos1sqb7zxjikbtnzidtqkq/sirfcsid0by4n6yq3obz14ruzqjn9fspx3m7da94xgmlxsriwv0wewyrm27ghd9hyl2fxabeefy44excu5aehsmapawu/1mvvd9tt+xvbfr1g6y9naeuenc2jngnjk1bxqpgnfym8omvodsp+1akpga2lmltw0xohvwyl18eofnwy1ldzzvzzv1xudhfgngmiiftdgcpfbw8rtrl6pqduzpjzpte26zfqhj+skc3uamfdmcar0avs30qsuo8r0psjnbry0y3qhq/4bkny3ig1ipxtgxjsmmptf4inxxwinhyg5+ft9uvg++f+yhfcn2qed03d3gtunwzqbivjb62ysddmwufxix+oeb+yoo/tefw96mbpf2dnvpuoep32vrnepnifryhwhxmgmagppyp9ykr912qe4fmgywq3a8t1ffhasrlnot3t/rikx5px4txdkragmvafgxbqzitymujb3dgfb2ih6gk93lusckf7rfm43ng1/fepnz/qxdloxoq80oj5v6dnidlgj6fvwzi3jvzz5pkp95vhkebikwihuayc3pyvcdnq2f6rax5i+pge7m3wsbvlaevueazrqpvbscfmuj0keqwooy+iwvtnb4pkqrxhpizaez5ymqfhcgcmua5q9ohc3/cicxzcxpsop3mbgdjc0yytndbfqkkgcl7rzisomadbjowayeotndydbdanace5cdhid86fs1rc3wkuddbhpqsataazwcrbvlfbl3sx1pd2+gk14zoofre4rv6kqjhpfpbue1uh5mjjz4dwiifxj88kobmhgbyeh2kmsznie2vfm+i+sjewf6uoy9mylhpdmbw2cmtffg9prz2mrxuwps7/j8fsvmbxckbumc/iw8d4bi/rgin1muxjdmjoqok6cjplnejtd6yqen5z2n5fwj2luihansrbund4eawvkb8c6gt+/nngwyhlhcwpbshiuy1jkfikdpnedp4j6oyfj+rxqmifdlnd10dnyztn7dbn5a3u3w6fsv3c1pq7uzjeotdhpm7w0mwb0urwiy2pjjn1ysyxat6wrehdgmt8y/y43h8yd7s7yete4ut2cdg3odgfqfh9ov7mcizu52zkkwwafct+bynakho1htqri4d951kserjnuejav3nh5sohsnm9ykpg0soiwpxgrn8gztkesx4jbe2lrv+qt01udotdk4lng8zy7q2gzlelmmx7s/+p9wgxh4djojwnglxbmkcwfdttuzmkthyiwptq9rib2yl9ax7xwd5msg+c4br8lawaalumb1k7h/xyikh+xrfp5sczbe40qtysjiwwiyrnodwi+vgjpig62eoofcluilk6vh1mflde9cyppu7fvbo4jueed5z6kwhcchbrjdo2sjletqx5cpf8uurpqoih73u8ttet2ja8a4hxebs7o8owdpy3c+surix564mhjw/wasbrxf2givuaby7docdbsmj8nhzwv8ppdmiyoadm9kk3pvnklifcuz4is3vyjp6mvkgeaz/+s6oo+0c4tbfd+ri2ksdo2nmvd+ltyv3ecyphn0k8wf3uycbowpbqpyuo0+jpdeno7tjyeovuhvojkezjfgssoihriti+n2ffbptbrcc48g75tq3ivfhxnfmwlsr+mmq3u3nhz9bz7vvmmngr24j0brwiaa6uoputcu2hx9yoi5lqctbbkqyuzofhaib3ria+crphjf9o9dw4/kqtsnqrsebtpc581sf5xcbmvab0gmoyrg3w8rze5xv6czfw/18vjta/ytzqoy/nzjvvbbgpdnc7wnkbnrdlhv4lavw6wd6mwwltyrhaoj53c55xtoi6yxoqcbau3shgeeovbb240168myzbyyu0sc6iwygbiwawzyfpqrr8tkka95ifbjcqbnwa1rxp0epzhpebtl5biwdvsjjbl3eucxjgq4xycrrgy2xyi1xjmputq+l03jwuy3wfjrsimxsab2t4y0fppw25eq9qrhwsvjzois+5ouqljwvlal/ysfou+ou6hzpgakwixcpv0yxkrokyjjdgy5jjklm4nnw2yv5biwg6bb3sixfe/c80c+jqlnntytn7floughnzs9o07gwjb1cdjswm1hcbi8pjyhz+ydpye/05hcqki0ep/os5lfepg+bfwiqhci42e0bf7qy7nuq6u+un9qbrfgxb41dtkv0myjjjqzm6kz0mje5eaydnzgupcyhmevtqedjqip52ys2qo7dyf6ha2o8jnp+qqqab0cyzk+laas+jxn401q1vdblugkejkxxyufckf9aodivq5e39woocnkyovenjo2yxsuutruhhgekjdtzyhbg0nkdgj8p/la3lyeobulflyib1h5yfqaxcqkieazbf5szxr9qaczkwicrnvbkgtywexofulize0rauejpiienyqibmb0kgkuljnyxbceac4ed/el6dsdzlph6pk21evo04buj4czuym/yosyk90a+n4ohix2ho69ncgbabxnyfverjrnvhsm2ytlzpfp+ilohqtuscpgldzpo7xtguchydvzgptkmkgqqkx9fqmap4yldwfkz3ucub45vhxppulpq6omp3ktuoivnihe+iwb/zqd6igwy+e4hmkwiaylp7kaf5j61xlkejg4wojrqtswebqjcd7rqar0jkkkuhh55vgqawdkk+k4k1kyhztwk+neiyc/otpq86y8xn6zrieypmtjv0i5orim/6yz8eokhq6xmcqyb5usd6afmn9/l92pjqab9ziozmjhiol4kgt08nwniwd8mdap148gzrvi4jkhn+gqyh3n0i0libfa9hhzdd5mqtylpdh8uldrftxaltlzjstw/uctxd4l280clwsxsa4+snmslxqflh0ptf0et2acfmh9+lqvwg9opgnap8/fkp9jryd9pkj1v00i3itj2tjyvdwbx7cqh/niu3h/pg55fkozoxy8nttsansmnwrca1x1/ynsojjkwmgmlciihmmfju8j45ffuabtv7fyxfyev8gh9ff+trnyylthifksd2w2wcszjekq9zp+ztji2cokmy9f3we3yonlebghibisw7caqf3815oxdjij5rezd55bifgi4l0dm3vnbtkxje/czgr/jmirn7yjcm0yhnhlt+g6l21efg/jejzgaekjgd1vdcfo7hf7vfpuwb+ludkr805kxesrzkqidgberd/5scsi39cya2xrsgepxr/legyb1ihhnwxibu2mijxooxs5xaeqh4n5p5w4unzvl3y9zyrdqkq8cggqxsfvwj3j/tg6isdxyulcbxxfanepjvaozokjn82o3iroarcveigpxend+g8hbwuo88qmwikbqh5law6aj9pnlvvur6h92akrnayhokz44zvjpasjp4coet5etpb97xgr0z5zisy+jysubmjkgbur6rrpdbx8al11jc+ypqdntttnoxgqjdz1l20h9j+mnorr76eekdpyesrqkyyb8idrcmxxvrbgywmrbpz5qed89l000fegxwr5rbsen5eympgkq8ew3hsw3kqipfchbs9i681dm9dixq/qombpm0uq40m01d1auixngbxwd9choifioxez3z8lkaqwhii+s7tpkytkvsna+zgv7lz8wseps0ij3rvwbtpfzjjfcgv5dkjfesjaulb8bvnzim7r4caubz37ajdlins/cmprgy07dv0gntol/tix3r+ixg/pmdto5qfgn597w9tajh5aoyhg6b61dfxkruhui1dr+wugdbspksus6pgvsfjilfcud3zvf9g1lv00uwiasbsvwvbou0rfsdhgttlpclguvzgemzytympaxgijj8kuy1sqgrzrwftw4h1ba2sa5qmjarqr1jsluzklgecu17rzxtj1kewd2ltby7dp9yoh4us3cyd/b7eul+lccfbnsxgrxnviqk0ib6atfadqkq78dtytz009qxccsuv94edxvqoap7e7rw/gmuxi32lfhyktx25fu4wnd0mdsldzt0p/mbhvfudjzw2rjs9hblcirzqxbwkb84nahbnlqjt3wsub6viqkwfhm0+bhisao7xltndcaao/3jicnegz3umykzwth3yp85ksn0mc8zcqtplhcbiuwxohdbpdcnujcg1osmpjb2jydp6ahijpbpknyuum1yqeaxdnmtboo6ho4fwwujux041vupkabf/onzz2rfd+6cv5nipfnl+zkijkcfzewrpi/ypjsb/ndskqinxuqhrej9ehqmvmebjkuo3pq2eikaatdg8udlghe1xigec9mje/wfvlxr6cktj2qwflxzsjfwulimdw2od6m7js6qsskurzoo6lfftx92of7hvxyob59cogtbilqtduas4j1ww7hotsabxpjcvozuqiyfuzy/jyae0pax3sp1hsyuny7eq+6quhjhd65wyhzfafg/oi7jorpzgunvhrwaokjl0/lyuq/ri645eu4gbtycjfrz6j+cxxsvn2qtix0o4y5q4n4zemck59n8liw82o+dsg7du6yyyogbbs+cdihbzzz0yqim8mx/qhtefiujmolwkn7t4+z8ozatk2ofvn9ph20afbth1hqstoahnjd6iyaibey8salmj5hyxrm5jokqq5lff2b+krmf0kt+pnn7puuu2raueu8uooxblhlblzbxlsjtof0yerwfnftigip3vcvsiayzyayzh8syf/9e1mhslq8amz+fx+pzdpcy1ugcwurb1ybrgtsuekerun2uqipbf7jnfscprz0ah4ohhs9fr3srvl51rjzeygqytjppadag+cua5lsnmk+yuxicku+jbu2iz2gqplu0y6ij/+9hjfq6crcgbmobkqkgbxyhjvqwrrympo0nhidjwxrywncxexfqvyvma+nwds+v/5gvgkk4v+gjtbxlysbmix+q1gu9stnb98xd/jydlank/f4zexkrh0fqkqhzpidcqdp1clmdueolur2fzyya2bmdd8wwzj05lbmu0wjjdnrs9n97aura2+4+lwp1nmugfwfxcjaizfqqmf8cpdhwbubicd2n4i+af6+5h+vqzls3suhx9tyl2plipj0xdz89tr3x0z4tgaap/7p/wkszirgm8cdkqbftrqsrmhjwdgij5oj5hiyeh6ceecqrz5cmmufwc4dj4vzw5kc3ryzwftcmvuzg9iagoxntygmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzide1nyawifikl1jlc291cmnlcyaxntugmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgmtyxidagugo+piblbmrvymokmtiwidagb2jqidw8ci9uexblic9yt2jqzwn0ci9tdwj0exblic9gb3jtci9gb3jtvhlwzsaxci9qvevylkzpbgvoyw1licgul3ryzwuucgrmkqovufrfwc5qywdltnvtymvyidekl1burvgusw5mb0rpy3qgmtyyidaguiakl01hdhjpecbbms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdagms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdbdci9cqm94ifswljawmdawmdawidaumdawmdawmdagndu1ljawmdawmdawidm5ni4wmdawmdawmf0kl1jlc291cmnlcya8paovuhjvy1nldcbbic9qreygl1rlehqgxqovq29sb3jtcgfjzsa8paovq3mxide2myawifikl0nzmiaxnjqgmcbscj4+l0zvbnqgpdwgl0yxljegmty1idaguj4+cj4+ci9mzw5ndgggmty2idagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keag1nmmyjmdxrff5fumngnhdyhmqdqjrc+5owi7qqikysgssicz0+zrhy8h8nb4gjasrxeuvpcldw4frhph1c/vh9ue2uyxd/kf9s/vn737p20+/th3895dp7cdpvmztx77vzv7t+3loh37f2//9n/yhopdu6kepa+qng9bc3y/dzzumqr378bjpy9t+bg29bf2/t2o3xpz+2q/ksdpj0fsuydsu097nlsmn42xb1nby+su09mjxd8i9ncmiuez7ydofrdm3y7l3g7qyuq3fj8klvxwrycry48dc1nkr0zch4wzln1di1v4fivsd//truuxvvkuhk6td+u7ep+bb37edfcsfutlahtryt/vpj3s1jpdr/a3rdpnncvf/w3cz1d+6oa1trbwz0qw7gkxywrv106xr9tdfslxg9lf1/aubn5q+z5de/r2uabv06q+wnwhi6i89cmzl0pv7nbxwvrhhkmova8+gtmxpnr4qdhlpbn9ijhmaxaihfs317wptnf+snbqea+24zf+hhy2yaimrpn9vjq15j3bq9i+1g4xqjzsde3y6v4e/nmyn79floufogmdl7bdja/rp7xayw9eeev2gezzgsz0uc/pdt+03/8x2oufvfmi/+s3x7xd/bx//xcseapepr9vitvn+h49jnzo2dgfyfzigvrdo7gwosmty5c6yg44/6sopgrdaavuirgn/wryjskxgsmn6mbf2hska0mzrzv77ywkhws7qe0fw/t37jthqkmt+gcdx3glxha9dhsu4gncgnht53ttjd64i4qft2nn8wqciydf/ovyvjd3+or2s/ffa/9pi8cq32hhi6hrp1ns2ezi7fdmi5bt62xa2bdryvmo6xiyxinhiwndmxcgr0bhbe8lchsi2q0e/xda9pxn6x1tyzgfjs6blhukgpahz9+aynfcuuiqiefqzelou6zonkuhs7aflamxv8a2txtjjccowkd6e+aah7o4r3/enh6pe+mbe1heg/ce/0tcmw/oaurbdsxkd35hpvkg8s5rkwjwp2njtz7vocfknnrifc5x8w1ihc7zxjx6cda7vgm5xvh++cxavey2azeziccf8lxk1svcnu7c7tprdt2pu+9nah37w2ufd2gufwbamwzkoqx264yk5ycnv2hfcue0cla2puhpf2hguj5hg7vo19vq9ulrloll7htsbd3pmx8y9cnmwvcwepiq5ywpz2k2wtzjb+75m8gjug2vpmeb62h86rh0kynxgpjormr/4mduve8pd+fqycssctlftm9gokamgnbs8acrhpityeloajuv7owg73r9hups+bzcymgp13pu40kxgptogkpj5pt3mixybisjdsikaytdmx6azoz5oea+0arlnad/emcmjebqk+msuay4xabwhg2si1e4iht2dmbyxe8u/n/0+xjon3myzeifrx4s3zk5wcpp4ysacgauekkgwvvmcvm9ucw3frtt7vpcertrkvk0qypxbpizm7pfqkxh2mixmfbk7p7jvb5mz+6mkaguogfwy1uldmd0awokvltteesc9tfg0ncunvevfvhvu8cfdt1hweauf5br94glreqeuydkvdafz2emchtjjnukphrys+gakmdlwtaorboauusxj5qnxoyd5qqgfcmyj05vt3woxk7ll4aclc0aktnyhmeyxr28oii5dt1razaeqoupzvleasslt7gatksbs5rxyvaknuqp0a5vtq7qjgimskf1tqb7pcoutnlzvvrc+ehh8m7ojs1gu4smxqro/uhheuxhq+jnfybof2phovdjudfbkyqjekopisoqp96frm51swxadtooalvcllkt7d3anphk4+mw6ugbvz8p1to87yed9mdvqd2/obzh7/tj//hcm3isokryc2zviduyhcnwahogbsdf1g8gmcozewza3/b8an+r3zetgiktcczclto+ddgrs2aifmb0un4663ebw7/biefn3mdad5waa00rnq1zclw+5nwamkpr2pwq9si4logsjmvnauhjy2jamofvuldv+2s1uzxg8izdx3c+id4mgkfs4khtqovhwg4vah4yhzn1yvxem3pg4tmlreupzphj83af9jdf1jlibk3iw/ssydksjnogdus9eztzouhl/0lzkckybpgwt7d26kzcrczmwqpfltjmvznyzj5qzjbepbjn1dvcllcxwke2ncz+afrabumswku0f1s6ka0m7i3xa9epytdd4d2lpfe2axfyrfxzro3omnxr+svh4unwdgqi/g/kyqe8crnq3gbx5ofyxgikbz4kawx55qd2p8cycwpu0i3cs40dnnqlcnykideogxdcrsendr4l+lckgwbcvfair+hgfjtbmyh1ts0tegflcjjmyvetbmodbaastbb8kkxagh1vroytnsbm3zc/taaaqemlrdvjlslw5s2gry3wtzqiz6awftbrqhe5buubbk0w+mjzwhduitq56inemravs70gwdrvwhtmbukdrlqojtbi6fg+oystxedfumoc2cvrih7nxspuxs0udc79l2a+kkjjsd7n99dilhs9tzksphmifb0y1pmeueiqrkqfuwworhw1ayzwvi+s3gtnu30lqsnzfszvsn1qfmqj0dxcm1fgwkmym7ri0bzk0ax46f2+oystxergumrtjm2r9onulvbkzgzjquu/teqyw/fg7jwffasfgxivtaj7fr532mxbaelnxvrevtyomaudtl5ds6ot2exs5k2fxk2lgs05i6hk+xrnnwy7hg1ef4iyzyztz8/ffdohb2r45jnifybtsksxlvhr4nayrrtdhbe3aesqqm8bchpsb+ntrir98davwdegxmj7e53m1g4ittlymx8uyzstrskgltfizlrmzrc4r0jpsmi/dvekzvjivgt+drky2sigiep29uiqmtv1bwenxwhonwtuqcysr58hd4iw0t1fcdgiake/mgenzg8uf6r3yvsme40vdhnyethwno7mvxbma2wialontcz7uq3ovqqtpuhme3gbdczpdmfddlgdvdkorolivkt+dxgbhcchaskrzf0qrsqmru+cibxvpqiknqt72cyn5qefks/qe9wa8cywhlcj/przjpmnyvuzrlpggivo6mrhnbywqlwiovqoaskit/pmkbp8xxjfi1fac2ex7p6fnejd/c4ogbv8idncaidptrgn5gkqezjnw5d7km3sejtp9oogazeboy3gmmuwbxqcmwqygawoxeqciegwjek8w0jzije8rjclrsz0kgyvjmdvk9oupkuiouwc1y6ogzakx8zyxtwbc4zyaksefdz9fvzexdv1ntigh2grgmr5bgtq0pcqkovw1bt19ogpqwfogunr0v0anwhtffro8bxkuainmuhnikycmrynxyifa4sts0u7pqcyajiteufhnqsmopnllg4vshzjlm7nvvseqo5y3egcamcx1yppac9pzb4xiy2fndrdsd6begjm2wmekpz+ulvyjowcehjkoc5tzvicvpq9o0s7w5rcg8bupd7syyxd2s47pd0pgk83bdzuo3zpttce9jweyycoae+k41efvpbnlofl66jvqk/q198f+/qtfg4cackbxilvw/h6osnvkuscwxml+ex2mnz01fqmdzqjfhq5bfoj+ixntxmm38arkzig0yfoxrihj+va8tqxrf3xjagrol3r1wln2wk+h6nrvimvxzeivqgsici2uiuhipuvyaqgmqjfcriengshwqd0erzu4dpb6harsazcdwc3hgwv9dnu50ginoiemofbnvdw73k74stm3uzsqjgydv3fgyzo5/cqfe/0vhg6bayile9czk9ro5ch58cvdmbe9is9sg4crejdfvgtvwrw8fjvxucpeqbssoz0ivjxpjxtdl08ne7plwegljqrd4svkerdcj0jz2bginqibmuvjomg0wssenyihbhqwaswlgnc+pbw4lxlp7n8ijjmgokx2addsngq9yv16i1nnqihcdglkei8pv5qn+xzijzpvpqkmnduzyso73o/zsjbcxrsgyygcdmwk0nbywcozbltcuzjcbkb9qlklg4a3kr89c4qzhtntsp87buxgh9tbkjthko6w9ak+wsyqa//kzjtewiz/mh3qtd0ugnxrv6oyhp0usdpcthffmrpse6mot4klni59eqyxyejmyfzrvwbfaki1d9zdl571ey6s0ranabqdyluwazqkkomodcg1aptis6moixr5b/ntzrtzjibcf09+un5dgd66sllrvlobgjowj1re4m+chd0lu2lwnoa4vxs+uutzbz1marltod/z7my0x3bf+uyclp10bksfrbm8wjepgoco0cahcc6+dycdmvyxy/ejsem/giiokof17c/bmvlg0d5f4vyae0vrxyzjan3ng3by8ommhhlbgrs70a7czgd7tje0mwdk3keapgmmdf9horstsxpo200xubc3p/ik4bkc0atjfi9oqkjluudtrotjjmdmo/yxe4oufpuyssb0yvl2crzft3qaegrkogbenxaoifcpqd70ay0zz5q1gnpmjsiizbjaemvrjgqbcurir2t4uh80xuguolfeyqzgzxr55fmfvpm8tdcgz8hvx05frte7niga+gikxy4hppoipg5vgg+wqj7amwzm5gmu9+pdcez9rf9xi0sflbuylo4kvwfsuj7prndmxk5qpk7866asovwjrge2k+4up2ijbsdvp03hhainjaho7hbsyjyjjceha+ysts1e9jb0wgjqfmioapotcz0x+oex/6ajsahbqsa4zsex9tytgf24kjch9o+j4vkd06nuusbn2rsbbya3niwtiqtshgfmee9g4ppbsqimhctrcrjgjgyhwqkzdqxmn5urbcto6k4ihmrwmittdiehqizna+7yithuxmysgjmwko1wqzi2tspmhhsugdkceiaejky3cs5ooutc3baveuntumck5ub03aujxvyvdb6uv/7qvijbexuorkp23zbqnmrbacfwaf9zppk7sklodbgd8psggkk8hfpsceuqq2m4attvgq4znk6obgiufcynhqjoxgkfs9mb2virhi8fbjoysk0ln1oiul5/mrqytjh0nfuai8ewwfvwxm9uz1tap9fiogifbheqbwft4lnfdzoi3dftgfrxz/pj2dgjgosq2ujrabxcizqza+1qgzeiyirob4nihwrxzjacmteed3pai7fkh+j+gzra1gg/er/ke3fsrbg15xjqzk6monjhpxiksgapwk055saeon+k8wxp6qr4tjjzlozfprfvbgnbmcliyiiwm9w+w3bv0e25xlukqi/3fllsqyknuny+owfggruvhglr4h0odwlegcboeojzofanleiuenv1lca4uiezieiugd5ewfapdksexojcqsyf7gv3tzzwo1jm3r3nkteqahppdvj3noylcgkq1udei+hcpuialpcrdyifyyhkitoynihpbsqalcwkybvcamb2yyacgfkxl3wlbvpiyxhqaf5iaecamdlf3crv+elkorqysxwewhw5lwagihgb565ywsmobguo2nymvoynvznniwlefnamyjlic/rxirfa1erp5d2lknz5vy50ixmhceclidthcvu4zmytlxfgywne2muwiiqoymchoq7vqajc3kchv9e72rs9eimhbolfqjfdrfidvokiwx+qcelzx14yumcvqrdivesn5fujo8f/hi81+mhekokyw2vsz6yyavyr4cgs3jzkxqoij3w71spsclrczytmzdaamqmxz8pm7anjebowvpez94nyuckj+9vpbi1ce4x38hy3duc6dkszirmj5eokpmwm5pam917fw9o+o/zou5bimfu6fezlgugvrqg4rjhra57tfcp0d7uo63zykw5fxr1grunelaxk/dz6qpfa8sngsq5gjmhmdmentm749cry0szavfpilaodvngd0j2xutnolq6zztbtcllsw8pdynsmcshmaujun9gopsa1fopbsupn2tiwhgq+88mzs3w5wx8awumov6uo2wan1v00cx85kmiprxwqujzq/ktdeuwru2rhorjd6kvx20+eyougvesufaioxjab+4jvwshcibhm7jysoyineiehqjlymhsb+iar+ah/dewedmxupvfz6josjmfobpvsaidhg8d5dygrbtb3yklx5lgfghtzwfij8qwfegqbopmtsvehmib/ez8qbfsiloqie4xfqbxi7nje6vno2zpmyjboxecrsyxit+folsxur0ichwsqfa7dmpcjebbj8a0objnywze1wydguyfahphuhwyhqxapgd8j3awvwqpfwucfv/vmrvzocyzejb5zncwikwmejbptti+9//rlpxdoj4g/do9rdtol96u4sdgnjts0xo14ti/qgdapxfthgzrku1wtnt09hejjhcmqtrghw5xgrabr0bojhpv+pewa76gqazzcnv2jgdmd0lcmysexo2gnzyjokaogkcpmgnxpmz31wrwbfomvgeamaeqd38olsramri3hiwcxhdey8c/a6dgkax0olsok4t60thogastyvzpb1lvtajanhzrf5ri346iefmjrnj47eesm4pbc/lpfllhiubdqjpywxdbobbr7tjiiz2lwrlotrsgtq4ivuagh6morhjptsaazldo9pyg3s0tggtsyi1/evjtjgjb7ephb88mfywnfucpbu0hhajr9iu5h4os1sy00u3bjuu9q9njbbp1rgrbwzlqxxcz6tjbansbfndb1zghtzxhnmb/duktx5qiktfoivs5kmfuw2cvqs6njxkgx9zsewnhuv/ckvlmnx06qdsapbsfs6wfsn+qarmaesxexkaoju1q4f7jxmvmujz3aholiar9xnswuxyztbhhq4kidk+ixpgpusmmzmtnsino9kc1vjzfrujd2pjosx+rb7wtwhwl0eknqvecsgnb9u7pkbc9oauoa4n4uwxmuqroxcth4q46ucdqs9bb9+yhkxldqnftwa6kvk6bunrwogkuwnnduwot47uay4mze6hribwhepghhj99qjzgt4ghm4uheift+yxwcimwar0hxkwcytciw33qwtezmpqpeosmq+rcxwa8kqr6gsneswfgwthcenqj6xpgou7r1ftoktdk0wckehbtg0md1ciijt8sa6gwliit2z4x+olqjkl+re746uogpd/+qqkiqkxfwp8v7upxik6nlrd8bl8h28obj1a90ieuv2ihs02tabyvfkrojxmpsmh/zg8v6fkcb2vy05o+m7ijwtlpvoqdfh1i5tkqdt6w6ssohibyjnwelsaduyxxftvjq6mzaxyw9jmgurr0voq8+drbrwfxuv0q3actmam5pdrjwrt7y/j8twlzxxzt01hdwx+zm29sx7vfff32clv3mhuq2wfwoat/3mfxzfyeoq1lsmfxo7bcn2zh2gilkyg2z5oabniesesws7n18xiyyk3bqrcofqgyejcqwvbhos4rb+dsjqltpjxixgomcjqq1eygxbw1+sqchywgektphnyldtjpg89ivjaaaftrtmfelg8bydj67zku4h+mgz7zww9+zio432dyz+6ixqqfy8usngagsiqinc9roljkviya7ryz+6x76ueidqrpp2xrgdrljje6jzm8zqntybyz1o5minlw9lgdkonm98skwjckp8/uv6b8ajpwmxufbugqswdjr8sh3wxeyuzxnpjvdgzwj90wrc1htbolgkj+a1phbkfxvjq2qxl2gqtrv1/ykpuywqkhvzxbsi7j03g3btahvxmprk7u5uowwoawakx4pdnj1dejajbxqr+b2bqtsumtgjzzfoxxkiolyumho8xqmxmriodreeajiq1tpkjqv4xqdhzt4adm9u6x40y0dnu6tr95+tk+w51puhrdt6xsojw4duayuywn5vqnfra2+1jz7kvk4t8k6kajdcjpwyrijgtzehozrc5xn87zlpnamwv0qbliwgy6ot6k8cadh0blwb4y/smw6asckekjvqcw9viyfwvzybhblwwnwe6hox9mkljz72hemjhtxleqfxqxifhyoihnwvu0oxmvf/to7iildrheyc6iwni8jr1+btxtdaxeyfwpvipk0od072ibsbilqnyah7vaiedsgad9zcxkhhfs6qduuaqafuiozc2gzkqgmxgl1/spwplqyliotp+gdcqxsbciuk5gh36t8y58uyiy9dnyiz3vvxdj74otzcnj3zpztw9urcw7e1fnvjwap4xfkbz8+zzyls0q/ylktdso2d+vbe/mcs9um4rai5apvpfmsygsellcs72vggqvchpgbxek3ffjuvegwucqzpa/gjvwzny1gdwpzrhynxqbgs8uqxwl58uhr0hiscxmxf/l+yhjm4q+ka0nhgbts6vx5banedw3vkhftfve90ok6slylqrjkkspzftkcukvcaofre4yoisvrloxxag6luojagnnu9+2imwuhpcw7+gqnexo917h1/vq9yli44mc2qgijmo6xmc0knchl/spxpdtd3aj6ekn7zmmnahfc16mir3rfgxpucy+r2dmrfbqcr8lym8snoyfn2kzlpsmy6/dnicdm09mi/cxsehd01u5jm3qjfqzzv0qsemh5shma6xkl8sonjyvlskx/u7ywghpsvl5ux6scyhwuwfkllob4ehrnnjvhlwzst9muk+dudp2yg6lakbzwgtoxjuoo28a2ybsashc8m6lfewkzgzd6anvsfkrrtjmp82ckbexke5shmcjdox557eop0ycuokhe25hc41dpie3592lon+zzol9oikgsifx+u4jvdtzl4tdtmh8a7ufx9dtxvfgbbt7ptjgdiz8jkpdjamc8k0i82iykyduwqrymbbb91atd+xhvc3ek9dfd1yd/drceec+yocradtx0m+zvf/2ymbghb5zjxcv54cphyzddd4zst1/8ieem9r/brvkze1blhd+jig4z39x+epptedfaoyi225iiihbodgnrp9qm0d5dw2y9kq/p8b5weyr7bhtxzuerh1kacbzxn8l6qdhvvjv4wpy4q/cwfab89jvsesen7pm4hkl5ndelqicak9juvaxkhta5+dgfyu0nlxsw+id02f752wwfiehjbx5wz0ll3e7hon37ucc1un2k2u/h9g53xdfpfxqkdm92qg9ntz5ia+ofd1k+fqz6doejio9dpmpissppqws2d/oavpcwxvdokojmsozsgz79gzdpls0bgl+k0w8p+gdvgjvgrxcmft5d3/l98nupd1z7paxkbg+m0fu4hvsby78ekfmrtvj5gez6xa8fhng0vvjco70jkt3lxb4cnobvtief6jpe58o8trihpq92vkbpfyoupkflvnpfifk4huuo+c85gcy1f0ukhcyycykt/ugq8rsl6e2fumcehw0evbefpveg/3afizwwsvdcwucukvgfxi8+jvahlkxtth+mo/r06q8nr2vu93p0npyienwxqbvuffyejsm48bs/f8qyisfcwfh4ylsl8mhs2+mhfz3isezuttylmn6evrlhevob8bm6rgcfv0napexpgzs+aq1fmeueppr0o96edwwwis9oj/cu161tay2433j2aqkrtj1+ma7dpigu94zkdscbe8mpvorrhwwkd4gkrucwdix1m1nnr5hi9baesuaimpbm1aeh4h1d4qymeaeqvctwpj+geejvl2ifkjj7p2r1b9dt5qycinv5qianihvwop3+x1gmfbzwl6qt+okc0+iiqrcz3rngtnyoahek6d2lqfeeuj6ulqhtcg3hj6eors7oijwre3wqhpcol97pnlfa0etqffco+xioiowyflxityqyf2am7vszfd/+vznf0ecrs1/vgsqx6jgctdo5ovcvoyaimmphk5otqm1mpcnvmbsmysfdrxkp0ufekgoyn252ggzh+keamlbc2olq3zlmnxvqabh/4dic7ytiqnwm2ubsbbmkjbybfhshsea3h4hixxn0a09qccong5ucmsgsoam1bvni8htq89lkjhjb47iaw5beifcvew7ioy+1irexq97tw14xf1f4rrnxi4css3uxzq8vjzg3f2xzq1ws5ey2cjw/e2m3wp+x51fmwpoxbwf8lwrf20clbma81asfrcqeh/f3ntc8adshz34z0wxg9eykdt8wqpbpa54sr2h22p/hqo82okmq9pbfl7wghcv6m++//rgn37wiuo8h94iilh5x73rs+w7y93cracttwc2c8uz+fgdb+xh74e1kmgpl9wd7n/9+dhfvhu7d/laddlbf/wconw5jinzu8gzfkob0m64h4eq8x3nep4c+l2yty8rkaawtv9c5aao9xuskhdrcxeeatlnycyudpxhqoowhsgmv97hf3p9xblroig3a885cfqxekahxv5r66s0kqaztguywwj+/w5k5usbruv+ah/7ndtiju7odwmd+ygk4s53/cdrop/4/djfos2vuzhn0cmvhbqplbmrvymokmtyyidagb2jqcjw8ci9bdxrob3igke1py2hhzwwpci9dcmvhdglvbkrhdgugkeq6mjawodexmtewmte4mdbakqovq3jlyxrvciaot21uaudyywzmbguguhjvzmvzc2lvbmfsiduumsbizxrhidqpci9nb2reyxrlicheojiwmdgxmte0mji0mjawwikkl1byb2r1y2vyichnywmgt1mgwcaxmc41ljuguxvhcnr6ifberknvbnrlehqpci9uaxrszsaozmlncykkpj4kzw5kb2jqcje2myawig9iagpbl0ldq0jhc2vkide2nyawifjdcmvuzg9iagoxnjqgmcbvymokwy9jq0ncyxnlzcaxnjggmcbsxqplbmrvymokmty1idagb2jqcjw8ci9uexblic9gb250ci9tdwj0exblic9ucnvlvhlwzqovqmfzzuzvbnqgl1hnwufgrsmyqknhbglicmktqm9szaovrm9uderlc2nyaxb0b3igmty5idagugovv2lkdghzide3mcawifikl0zpcnn0q2hhciazmwovtgfzdenoyxigntkkl1rvvw5py29kzsaxnzegmcbscj4+cmvuzg9iagoxnjygmcbvymoknzk2mwplbmrvymokmty3idagb2jqcjw8ci9mzw5ndgggmtcyidagugovtiazci9bbhrlcm5hdgugl0rldmljzvjhqgovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagfle1ifgeyx/+zjqsxbtgxcmxqwsrujgtsatp1k1o2zdvmcwkdfxedhgenmd0trske6jh1jc5wrieitughq6c6raszdymgo0uqbv4itv87k7tjvl4wm795nv/7fl3dafwpuo5jrtrgys67yd6ydnp0tnv8glworhrckcnzohkjaz+plc/1a/utfglzapsx1vs2fkt2mrbqncp3zam+lhk84oosl+sdpdvnjbstqttzite4q8lo8i3y1myix0ocfp4bvlvtkzmcl3eio8gtrsmryz4g63batmnvpt3tgvpusn/inzkl2rjy/udbhmdti4ptzame3an211vs9txazhfg8vdf9j3pz0fz9crlhgr2wynrggv6ucp9rwm23wb+xi+vftwulx7eyq7w8dqycm7r17iw5suq1bvszvzkgv2lg558vquwwdmobah6rwa3pwl7hwlbhwojamcofzhlbde48uii5wj05pxp18xo5lvmxt+idfbohdzng00nwsqynn/laa7whfsu6szmwqxo2v/bei8ke3iqt/yxuss87t+szkvtxzwlmtjwp7to6iy3ko9nzj4+cj2v9xm3zzhg5ycz7xskohlktui8f6mj1njj8znkxldujx+t85a85xuhzuzffi51ikgupt05meuxml3c2z4zmcqzkqxymxod8d/8xi0kzd591nx1lp+bz22rzxifbqetnu82nctrixga4cbfdhl6tcpmwqvf0grcw+rflrys5v0wfb1y4z4vf895flhbxj+fwbxzdeuimv5o/6iv6wv6xf3zfg2hvukzc8+axqtrxxlxzpbvylhbjtk+rcmib7dadnotzgmd4hx05jx1jehqmvz8bdmjyrzianw11kuizwreoopjrmx3rblfn+hnw8v2r+lr+3z2su0l17k6egyp+nw2xa1r/7orynkyq/dkjzaupguh7lupqn1qi9oktt2mtqttahffjqod5r3dnjwjc6zbzfup9mbjmt7ksvdmi+dfwi+g/6veyqvxndt5d024uyxpcd8r3dzwh5t/w1+zaw3ezw5kc3ryzwftcmvuzg9iagoxnjggmcbvymokpdwkl0xlbmd0acaxnzmgmcbsci9oidekl0fsdgvybmf0zsavrgv2awnlr3jheqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagfuk9iffec/s02eosiqyv4ihckczuprkyg2nz1wzvtw5xsohhn37qjszptm9k1xzmexai8dq+iy3ts0kgbl6larevxikkgcdx16pvn7ooohg95o9/7/f1+33tebz2m7zspqvrzq5urpadutk2lgx8prr3utlimffjpyngmseu5kr+719zn0tiy3se1dvv2pbwvzwah6i22txd6izfmab+znyhlglpahzav2d4bpfgorbrwi6idd5q5mnprnhslsi2ru+aikcqvyjtjrvv5uca+i7wjg/5cj2bwjr2z6qrrtns090shva+urbnpx1t2bduupw3jnehdginyrtxfk0zhezereeogujvkuz9qtp114huyu126k+p49hclpslgqim16bkzhyv9ahyqy+wq8axo8bjid+ebe2h/w1hdk8anyt9kh3nwrr/2f65t4hueptxgzhsuxfhaih9elqfd91qjaixztctt1zlzpijvmdqzmpdgoaylmxewqhm3gdthh1mqzgqxxfuu6ixuewj30+m70zs5c1yghelysrxzfna8cvgufyuwsq48ps4eveb3qjjahlmj3m0o9x7vertno1kbvnqnv8zp47nxxfhlbbjpgh6sdtd7fp/p4xv117y+ppmnetw5rr2dg1vhvnflc93/xzkej9knoabb06fzwgvyduqpmsxmsawoxh8fppf6khnv3nxu7bhfesxqpixsjbplvg4p1oo9g0qshcvyahzwksqswhy4u2u6oxh32cj6bflnv7lrhv769nr72viebcqoksgtzbnezpsxw6pk3xjb/warez84or7nvypayf5jrra/htlakviuvfrwunbeb2cofhu2flw/pef1qf08ct2tn9gv6kmrvgx0sc/cc1efo0nwsgkh4hkgiomz1e5uy40d4inx8rrbzjh9d0az/wzlbmrzdhjlyw0kzw5kb2jqcje2osawig9iago8paovvhlwzsavrm9uderlc2nyaxb0b3ikl0fzy2vudca5ntikl0nhcehlawdodca2mzkkl0rlc2nlbnqglti2oqovrmxhz3mgnaovrm9udejcb3ggwyatndkzic0xotqgmtizosa5ntjdci9gb250tmftzsavwe1zquzfizjcq2fsawjyas1cb2xkci9jdgfsawnbbmdszsawci9tdgvtviawci9nyxhxawr0acaxmzewci9ysgvpz2h0idq3ngovrm9udezpbguyide3ncawifikpj4kzw5kb2jqcje3mcawig9iagpbidi0nia1mdcgnta3iduwnya1mdcgnta3iduwnya1mdcgmzq3idq5nsazntugntazidiynia1mjkgndk0idi0nia2nzygntm3idy1osazotkgntm3idq4oca0ntkgnjm3idmxmiazmtigntm3xqplbmrvymokmtcxidagb2jqcjw8ci9mzw5ndgggmtc1idagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keafdkstqhdauhvd5iizbxwa0cwurypqbf71q2wfq5dginyaywfj2/u9moouupvdlusqnmtvwz7uboszew2qairifna00t5dgshz0hpzic2khe2+w1szyepghufnmsgpt+kmwpzay+0djhmmih57s1nejr70fs2fwz/nwdwzssnpx/ptgclequvxsuo92l61/bueswspd1rbxis4rvp1lfc6eje6eivx6jdnzmn1rkltutkjuqippp0qqs/9crxgt6ppbapfxjapu9lcjsiigg1zdsg6hajqz7qd7pfvwaxqotvuztlcg1czpbwwiplygcrdrhpmtlfhoacv8aqxwmrwhaitzvhrzmfddivmyso5zcwygg3fnraeauwjdqwgi3fljoaat+jaawzfitruyuamk7zmkwrled6yyvacbcqlqdmegfqbexf9ekl87/x735zsxepcs6r9kj8ypnzi6/2z+8twg8qp2drpuzw5kc3ryzwftcmvuzg9iagoxnzigmcbvymoknzkycmvuzg9iagoxnzmgmcbvymoknza0cmvuzg9iagoxnzqgmcbvymokpdwkl0xlbmd0acaxnzygmcbsci9mzw5ndggxide4mzg0ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4aewbcxxtvdrwz7k3+540a5m2sdoks9qke+lce+lgsym0tmewklrsgqbwocioijnuu0vx30zwdxsvncxgydrr1hf3lffh1mezzhs17iva9nvofziwl3e++ead+b7v93vbpvnfs5/7poc859xzu0ijiwqymfckymnj/qpkmc2emp0gm5ecvs4t+ds8gbcqiet6xfkbe0++5f26ewmrfu+imuxe1ruw115toymqg4eqb/okzf1lp3rxn68qutgn5ctwqit2btlbcg+fcoakk9edsfou5rwi74bwutwnlulf99nz2yqugzdqk/vpgna8xd0h4auq9pzsf/kyc6a98x6ez4owf2dnsghjy9/ccwhogyud4ij8sh8nkreb6cvoulyro3gqvgkfkisyijzo4b4p4yicacgnkuijnqjgnk1eqlkimsgjkw8jzoxkvlni51xylvk12uh2kifi78gz5bxyovwrpni+eyt8lbxppipfqfnyaqeumpms9n/n2c+ljxmt/yj000bi+lhxo2n3jx8f/euoi7ksqjzjydjm3dq+8uo4ssvh4mmvynteijy1cm9cbz/qkffjxc2uniyxstb3ibsww/pevm1s59j2h9zdafldbskzzapzsm4km8jz5bzys3ibuzbcrh4fujghri8ml5at5fjygdlklidxkcvjverqcg25llxhric3kbtbjzerbwr7io2ft8hvnwiqs7mv3enujvccbyo3kzvixeq3el4hth8vur/imabd90hmzeqwil0t8rfc95l7ye74jzjheio7yg6wgyatoth5lowld5a4ercsuq/g92/jw2dhr8gyj4lxlcyz/q9zyv7hyqhybhmspev+t56gkfesey48t14gl5j/jewjivpyds+rp5cxyawdjh8kr5lxyj/iifi2+tm5tp4co+7dn6s/djnegdxvjxk9a7n+ro5czhgocevbpg9che+q98qadkldh8krmndfuo58r8bhilnvgtfc14t2zna7aex2u6hnzo+degywqq0z29whor8p7mssw65vsfjjfsg7dhpnappp+ae6esfhk9t3fsjddmh0idp8ctsmnmp1pdyh8wdfpcveiz42yytjkzadmv29rplaefm4hf6n/f3udnpu66lu3jxoe0zlr0cdzaqsjh/q9i9qfq3dyjkdm50my7c0nyb8flzdh6bpxg9es3xa3p24fjerpki+ih+tl8xpt8in4e8+j19a+cui+qrch8pnd2n/hpm1+zp8q74lx8cc35pr40lhx7ouutigniauuo7yzgzyajkwpvajlviz+dqfvviv1vat1ve9nudmd1pueyngn6rmlppmu4r1mggknyo/tfe7tavo8jtpnj26qzdm0mk0x0skb1j8njp6e+wsyknhrfk39uam1sly5tacuh4+gzrew3bdsetoks2nfrctd+eicfdcwohioqfp0clebfpn9xrhujrndltpntu2s3vgs/p0psag+rppqm3n1oqqyoop5wwl4vb+xnban+nlcnvnroneq1ypfxkzvmjzloq1+pr6pnfax1qs8du357owrx8i+o+l6it6ikrph3mihlauh5j+kfoanmt/lfpanmjetmrwvjpq/dxpo88tfb7b54nter3dcl2lwdfjiy6i123itsqgbrqq8hqhhkfrvqlbe6v9nszo0+krhhr7gvlz6lbave+rx6bkzypdkjvcqueqmu0bgkbznvs84libk4dhfdwyzqo8v7f/abs9o7uxwen19ohxpf6skyqrj8rfujwro9bncrfnoo/rouvibrk4l6hz6lvav6a7yvddosg+cwjowqgxgm3xnurznh6xgwkxrfn8dy3roa861jpnogealfonps/qlwq67xv5ehp9xex/ikbmn3xjwck7xqk1rwl/8ppa36chch9el+vlxxgblizadhnhn4y9zlezrorwscfk9bgur5mplghl2zxmmsje5wpnnvoa+xj/p6+wrzcv9utngwxfp39u4od0t5qp9c1esokxf9mqrwhuehrjurqjqgnccp0jztyof4qhf38f3mrkpoao7mjynxa1++pq2xablfgbv3z2i0uwtjfqro+sviwjutfwi5sfidi4xazdosjq8nv0p0ikxw8pl3icu4pjcelh/yha68eogcah7qxlo+4+51iyn8s93u5vvogb9fx4upf1mcv5dngcw9ac/iabxvjwbz/kncwmtx2v+xwebs7j9zbrqysnct58ddwqyijkmmgswlft6azokswgrsrysksf1amb3l/fdiwbuls+2emfws3+/imuofegobtrxusfjnaj6wsfsj3/smuym3uox9o4rog4dv6gugiihuzu9vp95jguesqaliiyozvzpetncxdtgwrflip7fkoyfe2ekgn3dpuw+xp8miae9m5mhkzr0b6tnb7wjnndoruto6trbyfmn4jpuejt7epobrh6ginnqdguzkxieloyngg2/yi5jznsgvl4wjuhwoo+rixeazmijcmltprfpmvuapo1crylr6nf5zf4mob64+obfw8nc8lqqgpfikqybko+lqvdvs7uarcloo83oteypk2klbz21exnge+pg/brizqgbxpr57zub2hf6rmoqzvgua6+r65nobpsuh/0eckisrylzzesi4cfwe1zikaq8zsffajzlkzkxagxvcroirihmscokivxdummyxwcxekwthdjeuahzph9bzga/hcjzykzz1k9k4b6etjkilywjfzrkpxvkcjnqxmmnewtvfmw1uxvvjowx8viazfexullvrootvjqthx80lcfd/wudllu4qq9mdombprzfk98flyr2/u8c6thc1niaci87qgycoua1d8d8k1n0gfr06obl/szfpaithu2m1uw9mbcsfyiwvqisqhbmagbcjsjzdhwhejlwdzgqlh8zghen/dee4ks0e6vrecejyfkmn2vyhasuxpgdyv7hky+ijawiwtu5b+qqql9i53dgooeidqgdpfdkvwdpv/ig6qlfr6wgiqs6yshjr5uxewgmcvajuocy0rrorojhn0w71drvvflccqep3atdkgf8cfvaawwmxddfyyyqnugqbp6fdholykcob1iamf9gb8lofms6+9ynr1xmsd3brhg1mmxktkkr7x+ln5w/lhedtg+kcncujfcz6jyhqcwvs7uxan65/1d8fg7fbuyb0j+5of52olabizxpggdm/qm/tgioj+yn6f4caxwjb4aumh/vgdqs6gdinqcj5nwflywpwrpjdw8n1eqnjkldo0nwnotpi5w0md3nzqo8uupq5ajhvospfftepoqiug0tmetr1r2cd9hbkmvx8j1kdrrt996ej6en1wen6fht0zehtgmpmmsci8chcksoeavurszjpplztjfrogrzqqufrcx1xcljqffho4t40rkymv44qj0joecgfpdstdld30/m28czeq2eks6c6u06le5uxqk3p2u9rd79k1tvrlsvkleieolcnlwwz0vsn5gxgsqe5yrlcuuaqa5gkopsxxhpppqvjtb0vddfu69iu6atnkgrzqtkhu3zadbmgtdu1u1eq1u57sluuqko06v29w/en2q36zs2fyplj+ryz9abw5i9vgheo3ub3q7gczxfaq75ilbh7mn4adctvvheciw/t5utz7odmrpxyyluwkbtgdkc+wsqibof8ce5vxir01tgw0ehkllhxs0dacwwln/x62gskdhb9ahektmzwwgozkloummy4s5hbsjgpvoejnkwjt/soh8v69p79721vllsymntpwml6h0sn2ozvlt24zixviem9ualreetsqnqnla4xoybjle65zbvrj1dkrun2dkczhnroarptdv4wv6agfvxlhmrtwl3mypwh6eyqx62kiifwmmmdhgop6gu7pi3bwcxpnisfeqjum1a0elqq/rhkayvvrafgjihpge9hxxghku2o4suxfzeiojsi5rcspb2pegdljgsjcgw6akindymfiectz776gslcn5vbmbumnjwbexhqgotk/xr5dweyq9cvr0b36+l7taqvnjpadcssj6ovlprvxksq30zxz9igxgdvaezevelsqrlq5duj12qg2dqrqwqcauvnuzugct4+9lbprmklpychw2y+xs20frmzkl38ddd7s4+/h7u/s0zq562guqa36ys8nis3znzfsea/brmmxwvuknqjidlygros2igs1xuigmhhh8grrz6docjkecqvaljmirciaih/zpnqpqpt8zmmxlrh+ouwsgqkhjo1knoc4nseapsq1sw9l3fvfc61zxvp109by8uf4vtwamclrh4ehrwab1nbiy9myv75nxf/32+q6hexucgkljwq5dlzmbow39xctovxtnpdlm8/llxagbwm11m0dh0/ntxwzvz92f37b9dhihzrtwfepyht8miutnzcrzg3bym6vxhfr6c5wriawhigc7sfquotmgfcgkd3azc7jdgrodu9kozfo43fqawdqjwxejwfxkyk2thee6yqyocilak4k1nhxwpaggb9hybcwgxcf+dxumbzbtybynblj8vqsfniqolq1p5lltkem8rtjaxjg6boskbnd6uwz8xcfsx9jdrkobj5gonafmxyhvvz69jvcsk5nyvtwyhtbrnte4qpkziydqgs3trtb5a4u43rjnvc2xzrydrzkoztk1qsw5obzwppdmjwufozvbs5uua+qwqqwaqvrjumhk0j5+voqq+ufsnouchlp+hji5x8aa6fcpio5jt7bauoo7feiq9svpb0yqtgxh5gpexqyg7t9b4rgxki45uie0jat6mxsvukf7tqpxx/vona3ag65859q2sq89bzv7+n/r7vxm3nzpyf1zy9hw7+xbj+246bvowlm3fr13+v3rp7vsvg3+sxefudt81h3iwnkmh+pfbz+yqsj4l8nefueu2mu3ykxjz2ecwbpbsovqrmdbwdiweiyi4qojz8oigp6huzj34p20r5ctssmzbc0zn7rfmw6mlk7xju1xozts8vuzy5lcmpbj0hw3ojkozdl4kkrohdlp6bkotdqry3wsr6aph+vp518jxusgoxghmawtjm7n302yskhlngsudeberj+3uvtcu0k/l6el8ffhbavgs2ewlism5capxxaezqd8powtgzyq0z7rl8hrm9wzneasksfji48ffnqawazs7abalnysngmqaezqqmdqeuhtjih2skgv8pvm8coztm/vol7rdqv7txvppq3gwiektgpugmoe/f/j3ogzkg13yhqvjry9zclfpylrlvbtejyrlxicd9biorjy/nrzmdc/x1i+ze709scutn2we/0jxqxpbbvlzhyb1ea1tovqwnhq1cqr+/k+7ps6t8wxvba0j+twgeryg256vz2/zxxzrlwtmww5tblmv4zllxqwutptfokpozelfrxhyiz2thhksphdzx4/kihsazilxu6ahf1v3rj9xb+xkcb3nqakflvzqvcilugou9i+tarawaxnk2fmhtgbk+j0bszgtus6xmtwzlsfc2sjy+z9v+tidm3mxzkbmulnzct9ynlayo1w0f8njyeliy+bnz9remmmdob0d45dpukr8psl0jqzdq3n2uugtsge+86yw1/skcgusy/tly1sydftd9c/fegzmvcz06/wqyqslv4t9sxd2fhkrofbn/ucxymvj80p1gwuzy+93jc9qh056lav5szz8c4nalvbqxm6vdsr9nelyeqeutwcksxbpk7ickp0uuklwmxoezt2gswiaksgtfvqtulnjmc+ahbwbvbqojyv/2od4jhm+p3jx2gr1tbh9fmaua1pbhhl+edu9px0t7zd3xjtguvberklf1+xqhvjtvpuo0tzrgxjweh0omwu01cswlhc5sliqmzjjdmgpsvmlvor6f+t+hstawgunlosdmpjnux6jhj4dcirgac3vebtgqseslfvu1jsvhlxrj4wljhemea8ff5khufme1zcnikn9jpeypbwm9slfrluzkluasutkwxazdshrsedecjhajpsxxgdqcczez3sdlsjpr0ykl8vxdhkr4pbg+barhk+ppe0hb3bkyw9oo+itxlbh0h5f7dtcajlfn7jtukw4hp7+ctqnfum2kno783jhh3hwdu7rw5ps4feqvhwneshrzy3rm79rjoqak6/+6sb7cslvudnlyqyhnzw9fgor6j3wkakluvu8jqsbqtez7czqzc+tgn9i+c31q3evnbz0obmqz1hsmuq8wn0i3qwoaavaus7peks3cpwitucfkff3ptmpyld0ild9vvyqszx35+mht/+jgzcipk5xllyhhrz6cbk7ewypayruju10lwdoci9tirfcnmrnhr6fs2ywtmlzwzvhbiung193qj+y0lyyqo8hwl6rywq1vstolpc1ris5/r2ccpde3awhqg3hqxi2thr3jwm/tk+/rrfe92zdazwjan94pajayocolm+daf00kqgial6lvsvvvfaxswgqjq2wu68u1ajwrkbvcxtyhhno+wbxxunogxr/qhbvb5kw/f/xx5xwodezouhfhl1t27mlkj/lhh7ygyofgzhusmsm1/osqpzlzrj9utavl6akvnc2nspxs2vchxrjmz15aq5mbm6b/tghahosl6dwjqtooflspxgwjyhllsmh+u+g/tviufx/h8k07jqnsyizcknm841cbleiwnr0jfymirqxwo5aiowlhvkob7cwg606qtpndtco9ndcfwrau5pzgyrge0bijuajnbpjpyw0fbq3dshe2h3ha4v6g0arnrhjy014img2nypep7dru0qxplcoejzrkiwcp/4wvvgfvax4tloovnnbvanrkfrqoncpcyjnmvsn9rw0tbvx7twwq7c2ujeiklc83knqhmoac3ikpiyajwzo2bxbgj6zhwzsvq2uyu/l81nktvsu3wp2anpqy8ri0+yvyusmpmrmvn0eovb5swwyy12iy7vz3bnelzepkfhtjnt/epuuskwqsrxop0embq1vtnelx/nfsvs2vzk4pqfp+5dvuy0btjccxexw3nhne6pcfleog+u83kqgi4eltpqxb4gxygbn9iw/x9vgvmpn/ymhgjho5rwexzxiwquw2c0iys8c3oxqk2+clmr9ztmjfup8bcov52ktivm9mmaf4wnvnpk46eqs8dhlmvumungvhakujda7dpm0kfd5wnzntvtsdpjpfcq8ptklp1whh7rbwmrk+vys6aorw1sxeefjevkvwjeq7nwuxdziwr9sn5lllrqaifhhxi3mxha9qmlnm1r0tgk21hdp5p9ed+uxksnfkzrxbngktmpflilhtlub45dnep6oqs2txnf24ddjslfesjol0+u1hnu68t29uovv1rotusmkzpmlky11xmdydkn89kdzypb4l7d5bk87/0kgxucr9pkcrmcmmshx2jta+jcv6axyirqekvaeyy+n1ov5/awoi86p8wnnqa1ggei22wttpy6wqn2t8d/mioccgctaje8brm6fyli1dxazphn3p8tyxrjrv+xxfm6nu2dy1ng2ykec8fzbapzdvartm7z5yuoq7igv9ytl9xxh0sxvpkbv2knyq+pkglqrwfeabpoun0br0nnz8ortvh12yvgq07kk7uqonxsczvwyut1vin9gp7a5ndjejlwnfyqzvxaczhe5zcprrlhxqqx7zxlupx4smyjjjueg0gd/ra+ymnz63zz3orzsw2yhkdfhanqoagvwdmrywy141navohniztx2mnzuuaemedmzc92ztv1ffl7aaqzbhypp7hnedjddl7a/fhy/xuhxpy8abazfbk5wr7ildcontzw6lwdk+g0k5frrgczfuipcfrjjzlwdsytjzks0n3qlt0s1t/tsqsqsepszfbserweyjkwa4gs8jjtaqmxfcc5zroaofnq6ewyxu/mduxkw2wdj8ynshlhvt+dnarmv6zmuk879nork6ajegv06qddfugnuv1xrvuhnvfixx7rhd1ef8ydl+amq4q0kypjvwhg+kmp6lk2momga+pcjt0al0tt+hb3lnwncr79warccdfqpa+ptlqeyjit2vvqia2wiy5yn4atb6u1gjklp0gcfg1xksajyklkiwg+ijlvbepsioztwd2jx4o9qece6ice/3e1aoafjplhwwxbya90p1ga5d96tens8pixqtfdc+q8cxbx+hx64kwzd54raksl6rvsjlfovjpawutbx0cth1or6mfllb6kj3dszjrdf3avlrry7ohp4vbjye6ji+/a0jjtdsrqrfnn3nnz5sclsp1ja0hxmd05npxwokk+8akzopdzw7b00ohitlkncgb1qsu6fbk1nuzbv8h5bfrqi6hkgzegvezqztzvzfh4qgy89mejpfhgkicvk+tagesudlvagb9/ew9eglpgygktoptnydebqfpqinpg5ckxakwodhtebwsfp1dmtjfgtsa9fb7anyi9j5vmqdvhncva+gfqy/ruxxp6e9mjnzuktrx2fiorl8hjnptdfls6xcjwcj4qu+uuo2ukhawecpxps7y0o4xt6dtuktxbs9ybsf3xihke+ja6sthpv/jmqm3pwkuwgnmddrdvp9gtkfiu1mbld6+wo1pk4lup/h44u6qhjhzhgk6sryvbqqykygqqfkb5e9mofqg1zn20t9gpv6tiie4joh5/x1cxjdwmrdu8dk7ca5xs4ffuogf4s2hokl4/cekaoc22ykkdhomn7z5jlqelcemuhnct4ezhjw56d448j+fhhqwgczgnaa074d3n8b2dxun5f2flobesrf3qmoxg63506ihdjz29emkhvabiohgatvs9zqxm4dafrp8tmlpyankr5jeg4nbxiyuxfo76xacly65dwmifobtmwjqmmmpkq9jyutukw57pg/b7lj80rv3unumtynok+90avzjd5ryz7x6fvxj+pubajvt2nhyjhg2b7sls2rns102noe0eueynqiaqnpc02jxagoeefrszogozhmcswqgb1zkf4ualmmazzjodmaincf+d4nwn++hcukwudofeyxx8wssspmqutvkwp5fys2deneoeo8cjbem02shu8ah7b2uczj3urjntc8mjfqbwy+joly2oanqd4mtsspcnw46llzhoykegtdwamqe9+c93ztlasdche194mksx3zgjxp44u09sjswj1utkppkt6ty/d8z58zpr1vvumpry3mbqfc5cpq28qyrn17hy+odwbkffaqpmtmp5uz3wyeoozeflsyatx5xmaa5zegbzwsuxfkdxnldrslo1m57zf83y0hrxushszihtcqfbmrquz8lvlnbjrvnunl9z4syahvrwbr1uv0dudqq7vfzdsidtkde5ywbv8vypol5r2r4m1rbm2acdkzrhbcxepk/mclm8rovbknnroxxztkdlwqownasadykcuh3ia4hzj+7okkhi/kockljhpxo0kgh1hibeys3dlyg7dmbpst2cd44qed4lji8edr6au182gcpfi0xwpotnz3bskfrnsiw9zqrrrcanugiwgwbpaeblf6zpylf++rbrmolmsdg2pmgge+lqrttpzcvppge1wtf2vpwri2mtjr0gkfmyph4z6qx62ajabuokqt1yfy5udprxgmxjk7mxhfqeuq649p3kxvn9usoc5qkhmlk4j+dnjgs24urvvyzkzhu9j61nftbho3bmxkpes8xrarmvlv7aszbhoc2e7klsil3aq9wbcsmhwokicxi2d/5dgrns46fg0lhehxlewd6qyhcnhrwzm5x44tty8buizjy22zgnpw6epesw0dxymuik6ex/o81mzipw0cdnjdyntc4c8bhk8k0knbmzcevlr1vo37emevxccipshcrwfktkqe+rr1xul5kulg+pxjsb5oaz9mvkenaxmmdkfi2blbedwklvx3nhadv6m01vcgrs2etxm8tml22futbakqpjy+kksn2a1gb6ddnybxkucnew2ogojyf3dzwmtlyyjtpgjuwdg7njtqsntfrqpgpv0o96kcyhz3fjzbbjpu4zkgsbzz5oiwvmfosunhpoho3idejtucena3v9wua/ecb3nav0umycekgcf1h+urmizuxwqci+ofd2wpc9ryllzz4jphcpzzwlwpn4au0ap6dpjb62wnhhe09ndp1csj0t6pemfo/xgps8xg8z8p+vv6chxrq5pq90wm4yibfluasw6au/ja4frbdyrp1owcqshfslb7m2ql4lyyv+qdn5tte3cfgd+b1+rf/5vlhtilfemkqhkn6reek1mc2/s7ziharf2ghcsdr5r4ig/5xml7sss0fajxly1x5nvogczb1ozuylsqv3jpzvqcvzwn9hpnzzzbvip9tzbxivsddibcqtpa+exxday/cnffgg7xpcvr6o3yuxsjnp7tjbrpevlt+uyfr8o9yq0qi2qf6udmk4zc3as3vb9e2gveog4xbxdtlg++fs+ma4ho7uam+qfbcjd9fp8duepikk/4nbcp9aau/8shdbz7smxmb9/+qvi9eszk87dtx7h5bhjr/nvo2lp7nj3dex9cdg61h6huarxjeilzdtcwx9hvgu8qniy8rhmhme8sfgfob4h3eu8r7ixctfex9dhimlk6etf8xqxxdvxnjmehk4btmszv05lhygvi14c/em4hbmeqndf0k8jngn8srij4idifcqlyp+ghgj8slibeze84jnem8insfmn8acv0c8hxgs8qtiaojxxgoi3yeertycdt6m+c1g7kfsqzyeebarrzya2ivyg9in2iwiiyzjrilqybsxm+yqhtd9ipsq9yj2io6juqohy92i32c5uxb3iu5a3i64dxerfr8fctnio2ib4iber7hqgxe3yphredchrkvcg7gay12fubjxbejyxfbezyhlseotwpwsxmwiicsvebdhgqsrfydor5yh+cxifzfncejlxmrmxdmisxgbegchzkrsrgxanifyjzgdmyhyh1ilwim4dtgaodwwwgqdoavxmmi1yhxijmrkxareiyjligwipyglimwifkqfyhfiiaixsqaxhzep0rnzleppuhenioyiiogurcdidqid0y6yjzifaepmrlqizibaem2i6ygmrcoiavgpqenmqwiiwkqnyiqiglgfqeruxowvch9teowimkqpogrrjchcfcikegfecjgpyemeebmiheq2igsrqphjtirosybcf7oxgz4rs1ucvbjpqcaxm8uzjkhdubborcrcgbajbagrwoitmlgffiw0iywia0kp0cg0ca1cjvahlfinaihhsblcipageashoagigo4jxhcjio8r3ygoib5ffip4wmywfixeef0si79afi74dpep4hpex4ipecoidxefin5hhew8h3gx2/t7zopzx+nfeedivpgy9k+iv8ssuyd0dujwzfopot/hra2atxfvid6mwrsh8ldm2gr4a/enxoty9wuiv7gyp2jlbxgvif7gyv6a5v5cvih4afe84jnes1jugaz6actvsfnpiz7e9p6iweugzwewwopy0gpy699hzy8ihke8jpgtyj9ih+ihrppbrdqovt+ave9f7ehsxoz2iwkiyww2itijub+rvg9xl2ih4h7e3teluhv6m5hlguauxj0xsxue7ohzzgfuj1lma26lweyabo1zbmatmovmzlids2zdlddh2q8x540yugfzxo+4dgtci7gmzmmhoq/g4lchrkrcgv26hhnuxzyxis6nwtqg3bbmeqniysrqznwnab+kmxsaf8xmcwaxxsy9gati5hma82pm+ydzmo2xmpmxmovcysdk/utf6p5y1+w+rjnlfgzkdycpgjyinuuogqydref2gtwpch/ivsa7qo4burvknyb3gdwjcgfi7sc3gdwkcgvizsdbqbapvrhvalke5dqqa0guabka5cqqk0gualkczktyhfsyketbtobcahkn58rswepss2mmnt/widbgjgyqrkgchhhanio4bxeyyjvifeikrdwikmzglvuikhbteowimkqpogrrjcikgt7jtbbrgdahjagdqo/qibqxsegcahbqhaqhrcgq8piwwvymzad+bdic8ihibydvgxwf6/0z5g2qt0debdke8gbin8akr4o8bviwyg9b9opsa3ki5cbq/k9b4nqzanpjzmjmwgzuzhmi9yjteyoiekqd6meaqkduimoqu/gwlqgzigvxjjbbizadg613inorsxgzeg2imyhwxaxec6izmr3rhghencayef7soafhrqqj0hauhborinag7hgpnorvubhgwiji9ydfgrwd+rbs/a3i1ybfgxwj8gxi52c5z0a+bxkx5o8gfwm5avjxkl+avamwfb7kozbnqz4berrk9ybpgtwj8gtiazdhqeigd4bv94lsadknsgvkrthcm1dhzyfwxowhmpqkximoj+wizyilicwixyh+rb9iewihohexadefmq/rg+hgnicyi4gguhbhrah1ni/iqwqruygcrdyicxfa+neomqgfqoqqihgeh6a43yhwk1hnhgqm5d3q6ksgfwq5cpikymsgfwb5cerfkbdaww+cnm/73efxifcvacj9i+bnkxn3bi6c07wpcvaotrh1pqpnrzt49syn4mxnozyd2iq7q3lj5mwdgyosjeanngpd8/rigtvwr9trqeb05sfi1+crws8gefng1+dswxwdvw0ehaj57yo7bw8m8uxllglwslxt5sgtg5wz0jkyspus2juo1jwta14twbtjtusypmqnv3vkdx1pdeu8a6iwpn0nb7l2rcnmbmk5x9dyu5vigs+agjx8ac2nrgz2nbo5pfnkyisn01vwkyfbla0mnrhzsepeyplq0siyhusjs0kli/2hvsiiug9k4y7eyilqvmj8hfmipahuyamqf26okxlz0rxpdhve5uzoimwozyrmgvi2ugtk5o7wyixqc6rlr3okvzlodzvfgvkyn7yajenwn5c+of2tdim6l20gjrtio5z2sro/4prexz3jppruc1ivs+x18mhhh8ptumyx3bhtidwlf7xmwltzxa0ynxu5aqngfml42cghxpunnp4y/xb9tj0/w79i/7f+xc/zqac7dy/oxtqjffxs3sldqtper2mxvehqhqqb9fq3nqzlq8pawu1slx+zlgraufgtom3maqrvznys0vdbnvtqbhkaplanqzhbbqkfk8ev3lisep56kpy/uqhak0dlu6nf3ctvhyj2z0aubh3u6gwgw+py8tmtuwx7/ci9korvzj9cx7yo7cl4z61587uhkb20hx0ldkxn7j8mxfd5w7aqtlrwafpnd4y/+ea0up7w6gz2lqji9ti7jpclj7hw7edateuca4pwabjwlcssg4q/erq+4xoqptgvgszwtw8/+8msqnyolhqeshbyuhytq3uqllia1f6zbf+hrnl/iff5/99t2hfbf4v/fwrtcarlbmrzdhjlyw0kzw5kb2jqcje3nsawig9iagoznjmkzw5kb2jqcje3niawig9iagoxmdixmgplbmrvymokmtu0idagb2jqidw8ci9uexblic9yt2jqzwn0ci9tdwj0exblic9gb3jtci9gb3jtvhlwzsaxci9qvevylkzpbgvoyw1licgul25lc3rlzc5wzgypci9qvevyllbhz2vodw1izxigmqovufrfwc5jbmzvrgljdcaxnzcgmcbsiaovtwf0cml4ifsxljawmdawmdawidaumdawmdawmdagmc4wmdawmdawmcaxljawmdawmdawidaumdawmdawmdagmc4wmdawmdawmf0kl0jcb3ggwzaumdawmdawmdagmc4wmdawmdawmcazmjyumdawmdawmdagmzyzljawmdawmdawxqovumvzb3vyy2vzidw8ci9qcm9ju2v0ifsgl1beriavvgv4dcbdci9db2xvclnwywnlidw8ci9dczegmtc4idagugovq3myide3osawifikpj4vrm9udca8pcavrjeumsaxodagmcbspj4kpj4kl0xlbmd0acaxodegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4aa2cy7bltngg53wkonbivhxteqbjknnojqppvlpnlkcd95k1pefbg7x+vr9wjbkv52jftizu2qxcovcoyw/s83x8y/h1ng7rzp8z/zf+9/2vbvz86+jsv79+hr91+20zv/vr/3ju8an3+z7+8+/jfxj3ybt5ntrt0ggwr/ntcygopsb08msy3w1avxpq3g1zl9brvnebwxwl2+cx5ea2nyyfx2wzlxl93m57ipviv3l53tqkt293bghry9s++ck7unr4c2ersn7uzg+zqdunnyndzw6fscg2/i+g+zp//jrm+f1hbbmnt69ovro+ffx++mrrfimp+r/zhn1u//r8y7ifw5ab3tqzsts6qmihzidqvma39jqlou4ynlzvamymyot4jnherszhxmutazakjrfeygzdmmnldagtyr47sh5/rwxzsra+yq6ssnxxb7dmsloysn3eh2dmibf6edo58ep3oogj83tzfi95oqvwef428/tgojmhef4w82dnb+yzpo8yj5mgdtqn7k+jhduzh83k1zjin//5awtvk1pn47fzzs9hdts4412ffhm++2930w7/9gx88ltvxk8/jf/1yujbtfrrlatjp/lnyipp+4z0o7l+pckklopetrgef9srq588lq1vz0/d0yufozyy/yos6gnzt3kdfy6msdhvhrkmlujltivgbu+3m8qs622erx/w2xqibd+py8qg6wk/gsnqgih77o7o7odna4rt0y1iyfm2z52e7l1pxtek3j+maes3tcatgn576ooqs0f16ioquwtv6rhucs7xooq2ffshglqlzszrswnribtibpqyfmybffascfrle38jqovsg2pj+zj6bduhbdv7ibtrnrtodjidixoocqqmctoh04gohmwwlai/b1ne+xmwrrqbg2da2frolli7shp/qmg0khkipvsxmojymvkdawub3hitpjdei9gixfaqwjrrt6lfqdbvn0ele5u30r4v9ud8w667/op1nta5uqiefh6jrj5ss/6sfbin/rzxn6zndfkfgpevxpo5fboyritfjesrili/ey9cykovfc9qlts2lsmrzzkovxjlwqjgs7tts7tso5otjlxkx8b1ly4qcbgydk/xrdndfpq9poztunkiyph1us3roig0zdnwcju9yv9mbvqxckot3f+gf8fsjjfgov5dz5xv2risarc8la4tho00dzb8pcgjbvjemx8ney/7pufuigtdksdaudlwjsevh8pxdfstp8pxca5dd5vjo+qssgoria3kbpq8/lbiy1wyc3kbckdct1wolvkcxgmbjpxjdjv2gmm8kuhee3zu/duwlhg9xlmfzhmsgpc9hopcsu8qgvhxriqazhpff3afuujczloxxovgllsri8v4nc4vjfs4t8tpudsorlbqdg9s8qd3fi0tnmcr5m9wuxf1osod8xxr6msmoat732ge3mb5ebj5biae1vbd5pg9cltja8pjojeews+rojgfbisah8dfyyfqzrrisv7q0gcudole71vbjdbvqygvq76vh0iqh1zxzfo5to6lycruihr+k9+wjtoqow1dwz1ukk0eamw1mpgiu1lq+kuekkoywq2h5lqohtz+pdrqkecgw6qh1kcpvkrfiw9d1hgckrtkdtttm21jgnvzfkl5kvrs+6kk2qdrsbstt4+holjkqghslvqu2r0ljd9koqjkvxc2kuy+vxxdodqwwnnevbl9/1vevdllnzclq39to+fe+/sk5wdrthhi0tuudecushkkctsxvn7qhoizcyspvk6kj39qywoprgtj4jwfjsshfwjcjhfegkkpmeyebsc+niuy5x45sgwjwq8qqkpkcog2uuob5zb4+hd8tu0dzvh/4tpgs1xfvt6ov6qffsj6mq+nsrv1ayrmcv+uqqqqm6/8v9bqbmritpv0kwtbe+vfbtttn7m7vpskgx67yuwynkkdw9njayvaed4eukkbhlnwtvkzfxvyn5nffleh5ddkslqum3sub8dccyzqwgg5ity50hj0c8dcq1fyodwx1vhzztdkhr8wwlxjlno6uuwx0kquej0b26xqugjyb+wmg/yugebstvlahkusuan47lvjjtuvnde0kitsaxxdz6wu0bklw1c0fnkldnk15pfrlvwu7ennjn8dq2eh1ncz2tl29juqrdjyyyxnvzzryhtayhwebzbpsxfvmq8t30pzdbvcmuy3fjzyuziv/t1objhdc24gyh5hldwguueofq1nqhodqje5xaqs8co/5dycrhu5xxd/v9dcezs2xmi4c6nwznomqsvdao5rh6vyodiqigbnkxsowbqj5gbagj4g06lirsxxqxnvzxxm6+cutmvbh2danxlcluxzxoqlmkm978cffuu7uhth0gngxo8sepdsiujhosgirvxslbxmg9tqq2erpvzkhb90rvxjppicjb2ckwurkqxr+afjy9bcpu9ogfpe0xvpotzyxzmybhqkx2c6gqoczjk2msx5ngotlx1a1kopwbsydq1qlt2f1zj+dazfyt6ybhzz9mf0civso0vjkz2zttoeapnbq2axfpqla8lasljg+e3so1hxfvxh53uo1jud9m07v4dvsvezmnuciowaot31wjw+c1rbwnqou4f0tiuaqqmq29hkx28ir3mnmfngoqjzktnmglmhaxoilise78yjglgpyrdaiej5kv4jc6poczjhaga/zgsosxip3gdnozvqlmorxvair4sqoh3rkbmh434ay5rigrywkzmtmsc8qkq1zaqaan+isis2pyej4alnszbkpw7n+a11mah3jvfxdi3gw1nl2uwfuimwz3+q4jkh1cgf4ev0lvpiapypsfeigpo0fkudqzopdje3y7rymfew2rozwetqrfxobxwd1vr2vzjjoo6hh5h5sdqn57vanntujbwya6lrs+dohsent8jdw/cmi23kg85inj8nrut+s8+2adaj/lamtnjp9u/azkup80k8upp0gffqhuv2wa0r00lqagidgc+0fxosgf4pap021z3hlazn5fanhqtktcy9gd/lbj58fcbhbskz13kd96a1yyz1talsxdey5vr64ps99ashj+n1dtfz4otoqk0u6hx2ciibyrpfbi6mravikktzot52c4tbh6qbryfkhcqmp8kg+pfc0h2hcyon6vlykjp4pmemvh6zn+cdf4c8tttapdfkpbljt5ubmrrgobim32+6peggcwaurigacwtczlzqbirbl2wstecmme1iszz5ceopprmjuuwnr+ltd8kmjofvf3+ycrrov01lm4mxqc/xff5bmokj33llfdojkvd4+tml2tqwrkcn0jkuprabbglwu2jui9ewenri0+uso0hrmzh4nphmzpaxxkcoy728cxeshcwjiqiz3txhvilpe6h4mha2vvwb6rhhearhqv5waputhasysc0yhsqmrza386ybshkyu6sujc/mv8wovi99zd8fmdsu06qkkytqscghe+bqqsgc7lxf87jviq2y7xkfobusmgcu+hqmzwsga0dymmomcb9aadc2df2mtc6zcli8c7gjvu0wsqykyek/4skax4uzkbjktdtrxpz8b/+qozjwmvne6ou7sqfoty6zs05qbtz8bc1qbxglrywfbbddnwibhik/uujydtgfrllbhla4s+sjj2efe8fq0yzanmdmobbenghsdfqlcdhqea/i6bjikyjenynwopwnqxlrqdveyq+40b4r9idsrh5qtcdnvpogcbbwcfvycwvblyyj1xmnazeoniptllw5vj6fg2/j9byrpdmibizrft+jrhguqi3ahjdtv7hhbwr6wovwp5kg4hsb6bklklvx44uh1tuyxg1duiti0wybrytrrnhiarekdjetmhrs/mswyhd2r3lkzrgyfgejcjjqwpwmeblwwmmyohetiefglmksoyjcpjnplnn/jrw7fbceo/pjo4hxauibsrqb6mbyvbxq124co8rvlue0qumvg89vlkq22vomaqgmopwldwangvcqgnvpyjq74og4uwltgsngyg4wiyqnlzzyoj57az6cyq8hj/pqq0lyrhqkngubhx3nrrcps7sz57qvstau9uk0kxv01wfyt4jmcjvmzqyy62q+zteca+agxaqogdldnitiglbi+nsghscmwemu1lw3zxrafpkdelxxokglmct7givz2q4ng9k7orxexafyihuykdof4r/saywbyuek9xiosjajaiyqqbfbopew1+iitumpmjg9zgnyrnlpol3kjakksusmfqnxvxpd4+nisbbem+xbpavirv5alkr7k+trr/yo6qtobvdbnnxkl+fcwjdzdoxrwwd78rgtpa2ijvc5d+fxrcew1cztec7kjcgwgnq3kiotacf+utdak2mhlg8iq/gli6gdc2e0mzgxavsooi12zwbmes3jxtizhspjdknhkr4wbdtkbrmvjtcg5/4cu8bnsyflhj2mscg+7squj5atbw+o6sjegcku+rqv3+h1yoesgvxjnkb2nbzcuswwu7htcafysy7ktioippvkbxw2cj1l+eaoohyuxllsknpfdcimbfdlzf7sdlk3yjsuwnlivdzmsthdpodgntn7kinifb2facsuhy9tqwittq6j5iosthqbiaoiwvovljbmqstd0kps4o3lohqwph6hzc2r2pgi9+q/jzafn4intxq4zy3rraigxilfkrhnj/zieci/un1mnx8wtgp24laqsyyuz0bsdwblj8mahds2fo6essog3kghjoxciwdcjbivtjtavd3jkgygnkkzxpevppt5lo3ofbjmq7zk0jtk0uc39rjfvho2kpzyle5hjpmubtlloju5scps3ndb7kxc8ot0razj7ffb6l6vtuatshslgip/pp4prkfcmtqxxgfksoqt7ahrftmouoluoaifczvzrle0pwyhpmyn8fk2a9ibpwiq+xgn65mwxdlltwqotzrng0jpely++dszc7rqiftnceuxs6erkvnltd19nxbwp3s79odw/fch4xjfwwn8qogb7hmtlzzj0rzd/z1i7e7sskko1y/sygjb4xth37zioimeuqezmbxkujk1zqnde+dyu9dygnpjyelhwqrd8m98vmnalx+h29uby6cescnefl2qxi+uwwfto3emhr9ryq+hkr1ssgyabouv66m9vautlu3hpkglxoanxalkcrmi1zcllwod9mm62e8jmqfvy3yygold103wpuw/rnebp6ehgg4yh/s7id5uz/pomvwvbuu/grb+u4uykfwjsutavlm0phind/uvcyr0rkka8fxls3pa+v2klwrsyd5ng0apeub5pydbbw5uhh6oybtcudqnuundm2i4318/cxvrzvjdn0o5dk8ysn8qrzywxb+we49xxpvcyqio1th2h4xgqzuqfzi9ispyucdotjrvt4tde0l9sqt+cdzwrp3fyy1ohfhoyekydoqcexo5faw1rxaxu6hiz4m6qbhxpfzuk6gaucfuofhk2u3ghcqaolomdpy2bhwjfd1kady1ufhkr1c+7u604hvkkxxneximod5pghonsufjqhpydusvtle3r5wmfa3ogsol6wmgkhxs+fr6lv4pvqmk1up8xpvvlddcf2kquhjou1p+kp8miofynupci/lnbyuk/klfbqypfaq1qouty6yxv/rskszb2a/y6umlryedniyekoi3dsql6wl82uk6jjf7rdpxy78dpwjq+nl8svfr4cgexiui/hi/poytavgdh80efxkcoahtmxwcmjaytbt6v+ftqdml4ayr7u5fqjfwigg4bhliahwr5c+hykriudq6jjsylsxyristgdlwjre7dxauqkwzqrjgaulmtdpnwje65iqaeub3unsdxfiaukuq0p8oj42ih6qgrxsb2khnjacwdiazojwpyfe2omt/mpwlpaftpp0aawha224b1+qgy8tjpidrldpcd9ezuayxpuxirywuhjnwsqhsexd2kywg2g7nffparr2ditjwrmha6rkwtb2h4cwemzj1viuq+bj8ujdjjjzfqchxuobkknb+mlfp1o1madwoneaabae4apvzemhaxiwn7fzqctjqhpmzhdomwrdjgxuzxttbs0lvp5jcovbozdwycrxfyq/mmhvgamxzqxm63jgvycaowfeskacgbxrtqoajnjw+xaqhjbwhk85fjqfoubs/5uoarmkzddshm486vrfxkgorwk1wzh5akhbjhwx2gpimluquntjf5mbqgkgncsrintjrimta074smyiqpzzgibdqztjmdbto4hnim9xy66tvkz1wy3mocbqkgtewmxibhr7iv7zgxyq8ozxskccxni9vzqsomlojrkmx6srmhjq2nf3ykihghklyncqggw9gu4z65qrs6lahxtktqlx+vhfjxs6xxi4hxlivihrlbhmlj9m3ho4uzkzcfsdmzdiqemz1nbvrbsw+uaaagk9autco8rwpzyop70esloulu2wk1qk/b4rkgpzffcairrmgwslzyommondaock4nvzw0zpgzpp9qlau7yamc8+apha+cianovp1stmksaage7bdfjkfnaobgron9ap4jc4mnmqkzncg46hpfcw62fvyuolgmvgf8uafr7fwta+fhgbfhuk1ofb+nlkkh/em3wiww/aptumnqaepk0meyudw3ioizyuapcbjdmzhnx+dnbmuvlmj6szak87slear7me+rfc6ee0n/hhmuq4otkfbp49mngnoaix+w8tskcicyrzpwh5xgismndzli923wcy/gzbsieinhsba/qxgmdgwkamrreijcvqjgwcd0hcojrn7el7svtlpowzhc+zgwxf/uz/mga1xoraskoqjo1cqqb8wzmziv+7fzguueoqdyh3fe5o4nrq2lwuokek1056fza57rygdfoz+sezgpgy28+tvkgtjpj4ohaua80muo2a8ianx4zx2iuvfpexbxodywiegjyf7meqahl6bp5d2kcpu33hfn3at4rugjbgsozsjygexwvwgiwcaafgqeqqfzpwmwj8qa3wohklebllxgavgmbpptm6ukcsuaxdkqyrc46tiupxekeudk78nrsl6ku8l6dynevabhkvoqoxilmv85ch2ydeoepzn92w7pigwhscyjuakjmtxxnhfbudig9nsug/1forgrtqtcmgrfojjegmnpbxdktilzq0liknxvdsosm8uxbsxni5nel/su+nv6zeipozvnkiuiiov+swx6ltljgkorxkbfis2pg+xz1e7xmbincbhlfnzyrlymu+pvkdlfoegwstmba77barvszr0ysuzx9vsjzh/arppm2jfraeobaiwi7oc4kxpvasf3cs3izwp7vcaql2zpwdvesqno+onujgyv+ud0kkl0w2ujp0ihgabw6pkhi0u5u4qlwkw8efetekt0u30wfropsflfqkbeiohwd6v7elglyxulsrsprnvd0wo7wkjwlon2jz4nmhahg400md2kdmonujibnwkd9ph+gozshf2aoczhxfulfpjsgtf+eo73kq3imnqtcnlfrkqlate/cclo2oj5l2whyr62qje2wivcqbpc1t5ugwiocfwks0unijazj9mywyfd3emnul+ivgyckitw+udhbmudtpkdsdcj3svdyvscdpsge2dy/yejg7fkliwqsce1xxxcu1c/c2hzjuqps5m5tocpmvafgrr6lyk7oipqq6hvd5yyeifj77qefydmw23t+kmm0+cj1oqazw+5nhfekcpgis+nr/kcpbhbfin5r/yo9j5/bvr9n9iwrwwcbaqq9prk7alfrslghn6szdzemdpxw78hfspxs5fvtfnhvoxwoqzwf5og7nlocn0stxv7gsqloldrgj2ymuuanzzym/pm6utsyvll9hphjlsqgigsv1blrffvadiw+pamwiiml7phjwibtaeknslth0bx5aauralkvixvo9x66zaii9/tsb72s4k+g7llakgode6m6vww9lfcoilz2gqvnkiukcii3cfii8ogkqhbqnnbt6s3b/5iym2fym2//tdhu1vl/k97rca6wnns3+3ynk9nnmrf4a7fikvmcr+ciiub7lladcjh9v6ibzkmpy0ffygzx9yosfhbqioeljypxz44zt//90ph/70h9/evrt//vnijturrtpqnzh5h4zteyt/p/l9pqo650qv9ij5uxvy0yfiqfybhqlatspi/jgl0pjz4u1eodeglu7xpocz/bed7lpbh8tmqtphqqk7fzlh4u1nrxmbokyo3mj7bnyrues8fs1gahf+rlbwpvnnesj+pyf5uf2zhnd+rr9ordrozl3mqlubgzi3ckqlagonlbn3hakctt/3bbojqexiq/btwf4m113fzle8x7etktpyhdyv7pvi249+tcdkx06k0vln79s6o6ezgodz8uh30lyxix+pzenhqpq8/irruwn7uc0c8sonqqdes1p++tp8pr34ks1ib23hrdadtftik60qcpsitn+oyfum0l/+d7thaghlbmrzdhjlyw0kzw5kb2jqcje3nyawig9iago8paovqxv0ag9yichnawnoywvskqovq3jlyxrpb25eyxrlicheojiwmdgxmtexmdexodawwikkl0nyzwf0b3igke9tbmlhcmfmzmxlifbyb2zlc3npb25hbca1ljegymv0ysa0kqovtw9krgf0zsaordoymda4mtexndiyndiwmfopci9qcm9kdwnlciaotwfjie9tifggmtauns41iff1yxj0eibqrezdb250zxh0kqovvgl0bgugkgzpz3mpcj4+cmvuzg9iagoxnzggmcbvymokwy9jq0ncyxnlzcaxodigmcbsxqplbmrvymokmtc5idagb2jqclsvsundqmfzzwqgmtgzidagul0kzw5kb2jqcje4mcawig9iago8paovvhlwzsavrm9udaovu3vidhlwzsavvhj1zvr5cgukl0jhc2vgb250ic9ctfnuv1ujmkjdywxpynjplujvbgqkl0zvbnrezxnjcmlwdg9yide4ncawifikl1dpzhrocyaxodugmcbsci9gaxjzdenoyxigmzmkl0xhc3rdagfyiduyci9ub1vuawnvzgugmtg2idagugo+pgplbmrvymokmtgxidagb2jqcjy0odakzw5kb2jqcje4miawig9iago8paovtgvuz3roide4nyawifikl04gmwovqwx0zxjuyxrlic9ezxzpy2vsr0ikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbhzrnsbrhgmf/s40esqbrlwjf0mekvcyluglt9stttmxvtalinx13nrxnp5ndluuihoiydywuvkshie7houonokqemxwjoknfeaveirb/o5o7y1s+mdo/ez7/+3y9wwbvj1koy0u0ymrou8nemhz6dezb/bpvqeyuxcndczosiqgfqzxp9wv1lrrpwwqusdb7nnyrdpkqudqqd2qdpix5podjki/kntw1zyqbe6k02se3uepjtvit8tzsimddnbaeavs1u5mzhjdxijviluujk2m+iot22rtj76u97rlt1ldfydc5c9q48v1a2x5g04ukbcwdhtwddtdvbpu1wm4rypfqxfy96c9h2fxkyxxq9smp0rhr+laqfa8dnt8afl4vlx7clpv+3meo1vhumgpu0deymoulenqb7gb85br9i4oeffulsma5jmwb+q8anz8c+x8c2x8diwpgqbwry2w3upliiuccdoacadfmtus1zl0/onxwaixwzxtndvrksjtf5wmu8irbfokmtfkfztlf23ipcnt4ke/2f7kkvo7frmylu12cjzry1qe06oomn5dvz8yepni9r/czt2c4yowame8bcjhyyrbipbepidty4/gtzmzxvccfk/oqpocvb2vm334udsjbrqu9oznrl5pd3ns+mzhem5kswdmtnfhf/mytjgxefdtcdsz/m2dtkwcyhqubezbvnjqk0ysyguharq4zekwqtfqlx9bqwspkx5uweuvdfhw9wogefx/pers4w8y/hvgccw3lcjr+tv+il+sl+l3983xtob7imxppmsara18zv2aw1ci4qy0yvqwpig+w2g56lwrpneiv9osv9y3h6jl2fg3zo8kc4mp8ndslcgvqxdjjya5l90wyxtfh51vl9q/puft89klnjdeyunhmkfp8nlwna/+zq2dssqvw5i2qljxroe5vd6p9aovack09prarbwox346qa+udw5yviqus22x1kfzgy5reyklxzovg38ivhv+lxmel1zq0+q9nulmmaqnfedw2cieu/8nfswmn3mvuzhn0cmvhbqplbmrvymokmtgzidagb2jqcjw8ci9mzw5ndgggmtg4idagugovtiaxci9bbhrlcm5hdgugl0rldmljzudyyxkkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbhvjpsbrrhp7nnhkeiegfeih3cgmvkaysonp2dvmvbvuv0qiyz9+6o7mz05vzncwtbf2iphupomn07nchm5eiwkxl1ycpiag8dej7zezqkirvetvf+/39ft97rg2dpu87kufuc0ovk6wnbk5ni4mfkuud1e5yphx46wjxjlhruzk/u9fwz9lyst7htxb79j21lwvgieottrcq+igrzgafmz8ozyczwb2wr9g+atxydqwa8coiaw+autdt0zx0pbitkvpmoigqr2i7sa77+bngvou1iyp+xi9m1o69s+qq0uzutpdeobwprkqzz19u9mw1fkcn45xiqxop8q7v3ytmxxgrkxbkbli1zlmfak6ddeb1gltduppj+pyqpt7jykijtemymr2ffqb2ksvsepaf6pgyyg/ngxth/1trw5paj2e/zid51q0f9heuu+b7hd014m4ursxx2oofxi0bq/dui2imc03e09c5c6si7zhugzj3rjmmczf3lqotn4a7yr9zqmyksv37ruol7nscd9pjo9gboqtcobxjcrev2rtqpalyfh2lsekopd7ohlxgd6iywby5idznkpce1rebz6nsgvz6jvfgt+o58cx4zwwyz4b+rhbxe3z/6emvdde2pjz5jxrcoa69nrtvyvzxzqvd/8cyhi/zjzmmwdohwvhr2hbkd5rmtlamkmr/bt6x+pitvdzv7u24rrlmud4sbcw6s1rukdtqpynkrbwr2ab2cjlelfocufnrujl4d9giem35tvey64b++vz6+9ryhm3kqckoe82zrgausvuj5n142/1mkrgfodq+572kwsn+suuqp4u5wiryffx0vldwxg9ndn4btn5cp6xn9uh9pak9rz/rr+ijeb4mdenpwnnrh6nj8lbpieisoiqdm9rovgona+ip8fk0w2sr/q9agf1mzw5kc3ryzwftcmvuzg9iagoxodqgmcbvymokpdwkl1r5cgugl0zvbnrezxnjcmlwdg9yci9bc2nlbnqgotuyci9dyxbizwlnahqgnjm5ci9ezxnjzw50ic0ynjkkl0zsywdzidqkl0zvbnrcqm94ifsgltq5myatmtk0ideymzkgotuyxqovrm9ude5hbwugl0jmu1rxvsmyqknhbglicmktqm9szaovsxrhbgljqw5nbgugmaovu3rlbvygmaovtwf4v2lkdgggmtmxmaovwehlawdodca0nzykl0zvbnrgawxlmiaxodkgmcbscj4+cmvuzg9iagoxodugmcbvymokwyayndygnta3iduwnya1mdcgnta3iduwnya1mdcgmzq3idq4oca0ntkgmji2idyznya1mzcgndk0idm1nsa1mzcgnju5iduwmyazotkgndk1xqplbmrvymokmtg2idagb2jqcjw8ci9mzw5ndgggmtkwidagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keafdkstqwzaqrff6ci3brbbs5wnguficxvrb3x6aly2dojafrcz8972jpcl0ccfhm3c8o1f2bj4bz6pm3sokw4pysm4emqdl0cr7olsn8kiaq+on0pkeoy8ymntljjq2bphkvqkpsw9y5hgw+fbkpp4e+ewtgarwnexd17fnj+3f+28ayuwprf1lqwpkvxt+trtjzsm6agzini4rup4yphdpeh3bkv9b0poh2xeaqufojcql6up0qgu58y+u76+ofrilfnldsztahmprfqwwzcwlxjuqauamgyae3djugbuea8y9efjql/aahjrabzjaasfe94w9kkwqa9t4hjc8yzracmnjs0aitay2bicekddzylowovxfdjqeussiiviicqksw7hglrkxheupdby4r9+l4avjfd9xoi8hybvpharf8qkso/tt8zpnakk/s5ymsmvuzhn0cmvhbqplbmrvymokmtg3idagb2jqcjc5mgplbmrvymokmtg4idagb2jqcjcwnaplbmrvymokmtg5idagb2jqcjw8ci9mzw5ndgggmtkxidagugovtgvuz3romsaxnjgwmaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahlmwlcxnxz8m+5d/z9yfzmgifhzocbgxbcerhhcwriqmaijcfa9hhjkiterkoxruvruo9wy61lftxdzhgyvk1grdvowlo1bo1twjwkxr1gge8595mbxpq+x7/3bb/v+/3eyz753/oc9t7p2e6zgvbcijpsizzjw7q2r59crg6d5ibi1dkng1zet4ol4po7qqrfrohfufbnj2oejkr2khbl4spznq/ifulhzyqyjiq4wlyt71v28bm/vigq/1ziu7ikfnrbzvce/woiz6xau+h89q2y2yemzzdoc9yt7zud0vhhsa7kj4g1fef3a3zxl0k4cmkuc/vwlt/c8dbxeo6askd/yhm/8am/3w/hcwkxp4oowh97ayimfadtiikoizekeamxk0qiaqhhdjckj1pioyjyiiekugmpyya/i5dxg9hv7hujuyt8jaytpwq/+tx5lxmffe5vpjdcsp4gfyenygfkw6hsts3usbpimf77hp+xdc3r8k9cc62etjya+gd8wykpwoa60zq3qmgq8u5pjhimrr+vg79hpdr+kkxndgjea/cclhasjk6c4qohp2gihiw5y9m1wnnj+v3jo8d3nhep/wsadjlzywayhvxatpklymxkx9azlidxkj+cls6g6yvjvwq7uzpcq64l15hryq3krnituzncqm4lt5hbyr1gxzvjxwrhli6f74k/m8vyfnmpuz88sb4g/olcs+4jd5bfqvghsp7d5fhqoqbdj4dmbvjz0n4p6viqh8kjzcf8hckiizbdzdf4dmpxujq8sfasx0iu7anvhoa+/svyopjxsfdsu6koaelh/zglpn+ahclpkgfjc+q35hnogs+qf2gkverejv+vmgcms2elhcg/i7+hvnau/ig8sl4jfyrvknfin8gx8mfodr/9q/zrkoinspn2lnw7koqv5anioqolytmy5i0o413yvljcusj7gdloferlypfvyqrcme/dlhrontgpzhu3g9/ufe3m/letwsxdahxmm0fa5o+af5ln2pxtmw88cmlhwk5xszmr/6ntxor5cu19eniwwzb7ojwpgixrz6ycxyct/ojop4jo0acmfthlbwzdzr/xsnw6b51mw7+sv4mwydz9xbtdw6dzj1n5ofiqeygvcazt/wx50tssl7m5s2k8d4t7a8ifwozwevia8uprex+s9yav34vfj5kpysfks/hzjpku5pppyrcq/go0jyh0cxyeqf2+5mvynfk7+yacag9+r8zoc51+zwlgydj4mfbkocqt8amrks2loriqptky0xrusvvuq7vur/xuajozy9stmcz/ijnknrwnfmtjoinubpolldpoenxavjlmu2gqtappdcrophnjghg3zacewd6lmnm+mtevukcdpbc0wtspbojppw3qifzn0yjatetpgwhyivwa4xkiyxnzizt0lo5ethbbv2eoo31e29w5s1tbmmc1nc5sqk+rrzkhvfdnr6wol5twwlicdotmzho9ge70vjvjanbr1sqlqi6tsniokpx6d0ovk+ztduu87sbgxbz294gi7zrfb9gfqoyz04rdlf8frj2ruocuk76xuscuwmrkanbvksrchfe92xu+xod2remctk643l7n7nkfr8xrvvfa4hudwgikpueov71tvz0rthtd9eggjaug6nvrcnpoifpv665drsrnismqnvyq4sqc6e4fozlvvlzgmuvlrzii0ljqw7ynvm9zeg5bz32diy2ts9srwrgsskw2lbflcq0oq5vjla6rncehrooayjjev2aze1nfos4w3wezhvj6oahlw0z/omtdf87actwgblweznhx1yf9bmhy87zjcmhy6jg4xunfemi8e/qjapvpmr6yruyxfelyjlvfstofav/8mkdboivwf2lprc1xrgwybalhbw2dgharjy4ieyl+rjdxy2kejmeyqyxmwzxmmnuvgyxb767vjb03rrkfty1x5eaaz8w3jyzxqlwrzht7lyxdxdi3fmhdb3citiqdnwghdi6evpgx60fygpc+rxduyjuzq1tnoojud5vcnwhtueahnvrv7z1ifttwh021ydk7njyrhkyhvnbf6oeyy1gdwvnuts59phdi2eiry7grkbsrltaoskuwnokth+pctikc2utybv1zhavtkrywusb8xe7o5v3ms25doosyvacvckcyc+7te6njieg2w3kpwtxjofgu5i1qubrgw11tcrggsaydzkm1la5o6idxzfbllaw7oqmccpce2kbidissty2onojc4us/azidbwcaevzmtkkcjzbotqnr+q+bhqlzg7jc9cvrtmvggyvcqgxgrlqfbifhbbezbjrbwdzzyo4hn4edaxdek8ic3keoyl60ucjkrqvtvdzd5yy+jmztzm5hthb929zubm5b0cl6o9zlos4iyfw0jauttoaozniaq4u+2oax/crckozniuhjyop3opvi0a4hhbu5fyhv7o4vsfwwgsa5mm9t35xteopgsdbarolu6ho7dk6gob7oxlylqyocmnrf37uqhibbkltp2zc7vbmsfcmo+62olazqbnjmmztqcnng7qkzcdmr2kyeekx7gs59sg91xdhrgeeov9tb0zwsaxgd+1yeckkwy1qmzelclmbkmgcbhzjesu8gzjsykxevynhplbjrh4lar8nskic6qzwdbzoj6grr1wuvggg2veacmifrxcuyey7swjxu28ugf7gak+fnw9rdrckcu2qecjjnwovexhnwu2uyvprpq1evy3q5uyzmlrsme4u5aajxdfmudllo4qbd0dsmrpdzhld0yqkjm+2wy7qrdybeipafnwglh9ybqwcwpjvjpbfum8pblvaxdpaqdhu2mpuwdsfyibciszrcsihbgssbujsievh3hexlwtfgqdh/ngiet3wfu/ys0s7vreuulyfmgt3l4hysu+plfqw7hhlcbaxjq9kwynm5gxlarto7ueoaifqgey67i7kgwr7udvfle13gaqlz2g5dhedsffmbajbdlcjxlhdf5yhfenzbveetvywvasgq3uxahyac4s3vaqowmxddl8csqn2gsbpa5d3nllemyb2iamjtgffl0hiw9nesmlyomec+h6zg1mixkjleh7wepj6y/dg/gjtuafhmujbcw1ssjeoolbm714ddeu9hdoib92y2a8rfutlutjiwjkkc+6bjk66h7yvcc/25oyrva7wiemhiof3hdggvhxasuao8zsjt8hr+txhi5oh5uiy0ktmk4ydr0jvhcbscvrc7rk6rk38cghxx0rfg+znso4vecad1okrdxbkr+dzju7x8kq6dvi+98/az8he4osx4mabfhn111dd2rlesohp0nd+pgtomoph0nfwuk7nta1yxz1tswfhqxruxed3pok7ufzwuvvgfbskcdylru8wxmoxf/g4oxz+www1oq2jpl1k/x5qaqfdwqslat6fl39zqlslmkkouml6qkptkatyhtbpsx1lzfm5kn00fthycx56s6k59jtv9e5ak7tud3ptlnvuzss1ansdvku7mtdfn5dunn2v1wqnoyu1yyhvgnsq7sw/stispvawyepkchlawz6wcponthpbxge1g4wsdudbuozlki3lxc3ploivrbccrstatnryk7ycta+/e+3u1tnxrldmje+/vvopehqubqalt89lyyaehicdrilbqpnzrf/wohwzph/xtydchrcwyniww5oc59v4riszp6/iw66ale4unrswfawbes6gwfu8sbk+lv45ttmvntemuu+puuqlkpxwvojcr9exarxzfth/prleckdw+hmmqhj/k7ksbu6vhd6mtyhyvvtv+g9rmgy4nnmuaocg5q5pbqsmbalndtqfeblalej/+ahcb7e5se+/v0tnwg9hpf5gmehkxhph6dqenlwwrdtag9fxvziyqkf0okmvataiztvhaexgc8+nmhpmfhtwcjuf9fjdl6nfdoxaaq+7791ud5qwxzsu6tdmuah24pntobnmxqwcwbww06ssndw8jgewpvwrley/txhzroeuvz9+0ige+58seezm43wowj6rmm3pxri6+48uhfvsgv7mty2hlnumjqu/otqsysjnmbhpg+bohb8pnjpqtw+l0wtvqs6ppbcwln8lpunu9+pnto8zgflvtvm5c0q/bj05jotiemp3sqt/s9elvab3efowkiimbasbukjjtxhzyx0jqe7mwrmxausbarjrqmt5ktz4gnk5vs4cccd3vc6urobuogsvk/gd2mn81dr4dlydogzqwggvb8jf/qznxdswm6kner89tszjbojhhsc7nzgxrygpvlfsypo5tifksntg8if3uqn+mffxxz7mvk0jujkcgo5ckks3c7i3kykj8zulp9czqntc4axnpabtqktxdptz5qgu47pktfy3xtiwtvbnumpnaojjcgqxqu4p94z5/e/vczizb67keluejlwomkujrmolt/amyh9jjkdy/efmuu3gxzshlie8ccdb7dwvjbzoq9fhx5bfq4kgxw2cpkf80vbyxpu3ddxqbvom9dgpmw/ogngvmujiiht+owugr4q9la1zyt3kwxfptqmqgksngq5koswclp2tb1wp7nhurhjk58qg/kx+nfbkbzuedrjtwoii3cdfx+uh5lksxdebesj+3umtuu0s/k6jf0yknbavgs1ukigizsqpujjiopvn+a/r2de5in5vem87r01ptoy0kpv2shj04jug0mp0l2wy0nfluynz0siyghmd044kmvujswfh8yczeeibv7u7pfoe0v/u80e7zyfafkmozyxmytnd/p26n2dpz8gbdrji2zdgpfbyxbab3ti5petzbzxkchyxseua3mvzzuvng0u3zz246k2/65t2bzjl6zurvl20pnkinapnk2bb4xcxqm3pzvu6dpr/epro6ucuqqjpi5qbdzioat9m5jbpxn2euzfdnm5zptl2s15qakexoscwkxbbojysmwrrpqgkcr3okgfz6ipw7e2hfvynmv7wj7ac3gnwe5ayevwjag7rm55dosup9fdzzjchts4rewbyiqrsfxau0jd5r2xpllyprdss9ukl5xy0jprpzbz7dhguw6+ri5r3ilghn1iqulh9rzctkcwxa1fw3lfqxvsuzcmn1pc1bktxjer5pnlnzqmrpsf5mvzkhq64okb+wxjwu1qskepvevxtwvdmx7vq66fhlgqdx0l/eh/zyuv1j/rzlxdpobi/qp5dmmrvnarvthfhgj0vuinbblziylhplaip+ikmuws6nz0nm4rw5t0vyqldc+kukbgnxmlfsk+huloqlmou4g2xpgywouxbbmubx7yzbv0rn0hfgxqe0wxknteec5tecs1vcysb8/qpq+ufbzmwcdj+3uns/urgb7f3wdmxje5t/d+swzyczo01c32izremhw7v4josref0k5/dmzyy966jonlgzrclpr9qoee6i0jyv2fczadf5fvubhzy7f8ekvc/4ht15m4n2jp4k5jr1z0hptcbke9lsllslxmezgiu37n+66yllg2og717sontzxvt2iphlzcqpul06g773ssp16jcniiv7gjijmeufr35s6qv7bluhcbvrq7c/evupua34x7jt+99kh0s0sufddetlgyvu0yjdklktz2jvr6hieqijml2f+yivvwx6fiwsehxnaymf1trsusauuxfb9zehxdkvttrepanxh+v6bq1j0qtsvuevr+vvrhuoasvsbnoflecf5dwbxu1mcazbmiroh9axyj0yzzpepryv+t+lf52f0w+bdortq0bcvwzx3y3jdobfvaqtpsxbnj2b74zfoiopk9wvbvw5q6znc2ptxda1vmlxzrmwdmovcmngzc7y0cmbvzb+ta5ghlfpy5uqjzktkmz/9wh3gdx/e/ka738fmcef9mquzbrohfgutkgngkmabo6xqlvu9z6xvabdgepdprxfaiw1wvsvtjjtsrxsz1x5fizdmjxlymdrdbfqg8tymsdfatmkfvklexf/n+xggsgebr9htbvebecibqnhucqhup7ntu0zxikuztdv4znpqbyly8s9n8x2sd2ijpusbnxv7qulg/msgolco1t7hvbjerhp5jne2ty63vow+pko7dlctqjcwvnyjulplwvosy9wgbxvc9rmvhlpssug2t691wbozul2m+x2lcrdumzsit/ltm8rflqla1qynqlmvd6canwkm+rmm1mx5dalzrucatlcl+gn68rh3nwsevjobka/pwy0aiuyids3yvvernrc+mkqg6wpu9ynydq4qgukiluxp0pnrgr5zbkwbr0gochcsyjdbwxdlnbc3nge/v+oebyfuhue3ftdahubgszi0grd1w00wcqkwu5qdyi7wopsprcxfu0ibkr1qrpvyfkzhujgt7hoakp8olbhctmncplajt2se0ye4eudc/48+nywndntqnoovgapfdz9z6msmcmlwfhupia5ui43z4j22szwvp5z+c56twxcq324okzypyi+mbfjp5bam2arcf02i0pbv7d8snettkrinkb3zyq/fz6kr5ot85ux/tqrnwuskpas1lqsm2rwbfmwbw1ne28/l1mt4cnz5vwvxlfkyrls5dy5lat+uokbviwrgmyvjzfucm3x0q3j2qv73o1w30fyfd73qzlodrebyecybwxabn/eqtzeut5bl8aq1fewtsti3g61ksrtytqxoqvjrtymnxlbch5mg7aa2onjtrdhpk4os8mdcjln8dym6cqiikpxmgoqr+8p5mwgsebc5+n5hc8ee0otyctqarm3ey5izfodxskt8/ylcuosz8sttdvl7rtpoksuys4pslhl18evnkksp6c4rsfdcrevscr15rrbqfqdiqnfj+wvwhwdpv60sqvkptqlkt5gf5zg18l4mvy1/irnvmgueonobhpfa32dix3qn47am28rasth47periknh9nzrwqw9vdhuehdgqdtu7yfuws+m4ctmysb6xin1foa8vjqko/sql15eviveysgergirwnekk0wlilddwl3qotsisjie+lpwlhlykmpthgu9g0w/mtjhg6/yw80qm//q2qagx6oiv74yyy8tte9y4kt4/gonlyflsd2d/yryg0prvtw2ziqj07vn33bzvo9rtubvulk8qqdsumtacpr629wuutz7eycjvd1zy+pj2twbj0lrxlmw3bmmfafsnhwkgc212e1njt0z8kw++++bq2g1cvodylou2qwvau1acpxxtgic5q0jcuu7i9slxaowglrrulwp1e1m2vfcoc5yamvbolpxijwmuwvmvtho/cvzz74aaoeeflga9usolpylwjtg6mt7+wbpterhuw2ckr3vcy9gaqlhij1tz0vg1ukqsfgxmx/+fahe7qd1yh0u3iycqi2reyabfwcvhwr4z8pj9m7g8vp7o4f6sqeagthkppbywhmakuenlrzypo/h5apdcqxeouozjq4+vsindko4xq6dbvi9tzfqjdou7yi1kuly5w+duolnqcp+vnr1vjjttewatepdkukpiw1r/ntk+xoh5josn1bqydu0qts4yjokkmlfqosp8oyqhbaehtzrxaojcp9vlfqa3+kbd/3mvfpnbbuleonpvendxqr9xqnlblczq7o3qybm4onzg6ie7sfflmg3vamdvwyko2asrk/abd8pxw7wjqbuzywu3/0mj6f5eebzeh5eazugdpm01shrdlz/8qacsdeajvtmavwwpm9p0ezllnsajqddoeh4yf8zgzxmzqyg910rhzewgjoqsquwfgfgemihzsxqey1szyky29zlm9rgrq4hy6rjbrzmussjlxcmunoc3rc5pmn63vmzqrv5nhtpkkazzddmmo12jxuw+hcry3vw7ypn3chppkd70lsuqz810lnoo8eu8ykqgaqxhb32gkah+wef7sz272zbe/s2v6b1zn2c/bdjfamc50oxirohj8q8lr6a3q+qsbkunivsql+lcuxvzkkriyj0lckqt0nsiwc0ewsnrvbbobq+id10rkl82ecix/isw1ccltmapoyujnjkz+69ijmzvby2wvhr8ewbhswq9dgboasgnb8+xsz5e341ad7o3gtiw31opfkwd+kzuowymr95hse3zvrj9g1nru6yhouct5guow3rjhr2lgr7k5fpbnfmwcns2qj5rzybdndfn9doghru6ggrtectgmqwnxb4+lrlhamlj9vvndocya9oo/mfcwjzhsdyzefjyyovedssdyrt7hqkbf4upm9jowjyky/rcjvt/w45czvij3nykj0zthz2je3vkyyo03hk4rnloc1lapw+ense8mg2fhz2ag3yqnu7qcyj5xdj0z0vkalangsvlmukqemd6qzotzk3t6jhotu55temvgzoiviiymweeo9f7ce7tifpct3c2nzvpfzmhb54zj/ejygsqeclbwtgpnvnpzzcza4b5b49nqxod4/9tqpz0b9ourv0h9ok9iuf75g9gasgqymlwmwoyxv1iul40dtpxrqzrxaz1fs+opmhpwaldxvrn6yetyos+jlvbx2c9dlbf6ayggj37teyb1fzy0p07pohslie/g91am5pehzbb3pidwzcbisga2m+rsv87mfjd3c1qzegknhoeusiu/hxqi0heqlz5hys6oczk9mqwablnk/d0jcsiieiokyhm2dz1d6uvt0ibgsktomjniljyxaxiehz+xta48dnbnjhrh7uhnggwcybkens8tseppdsmnnewfr/041u+mi5ujthhlu4adgjvgopvxnbzxbghfrx4eblj0wuhno/fij7bwkcmygyqrtrs3vqclievy0lfdkj9vh7hg5evbyztn4kbveu/ox68rpvavvo69sb7xqe+zejpy1kdvptrxpnzbxxjsksfzxbzlutzi/pbjk/emjl9+zhbz1expxfr0ni3rxgydt9chrr9z0ry++8ktiv4cskgdqdx6z4vh6ohvfc/5usrtic3z58rvg3ibedcf3+ve+5qmipfnlkeigc7wmk+x7zlvutpqk9wq7/xxr8j+tmzjm0iyrwy7ua7kge51cxoetju5z+l1om9nmp0jcklcd5eaqtpaqsazilwj7bs38mpnoo99xj8i++ztkzuksavq2ta6r36twkslky1qzak5j0hzv3qwfx9+klbpab/+k8gtaodybafb9vbblddiz8butazefx+bi+2xwk1xs09lecvbix9t3zuola6tza9adswwsjsj5kpdnjcu5ncr9pzlib3wdsckbfix4evefxn2ooc8qnyjoij5bfiwprxefofjdxaneb4j3ee8h/ob4k+j4jeujjfglhv6medesnadkyxhoolhut5hkioadxnuitxbvypi3mprhxoui1xcviv6aoip4bff7xo8qrxavi17crhxgvih4affbrpz5tpkbxhoizxhpia4hnky8hfg14knee1jm44hfofig4gbip2ifiop4dlexsqexg7eleugmrjwfymewymfewqihrxgpib5gdcmeijjzicmdif9ivgcq9ypuq9yl+axihsz+c8tdib2iuxb3in6grd+bub2z34a4fxel4mbetzjvrsqniosr1ygurvydubql3o7zr0jcirhc/brxbwa4hhez4lletxa/rvwo4igcu1yc2ia4gheryiviqsqfic2izyjzezsqgxgdia2i9ygbxhmifss6sfixnojcxfreoyg1ilmrqxgrecsrkxdlecsqsxfleh2ixkqpyjgig7eisrcxanevszdcyzorzyhmi0kidkq7yh6idtexmqcxg9gkaee0i2yhmhcnijmibkq9og5ri6hbzeaiigpefwi6ohjrgshhlevszxb/0xclibjemaiiuygoqoqj8hbbracri8hb+bhzicxejskh8ci8ewsftcud4y5y2qhpj1jlawmodchgajclteeki5wibyijyufyefaebwhggkxyqyiqexbghaghr+gqwoqgouaoeeosu4gqo1kgkcikcb7bisicikatihhegoi7xleiu4hveh9hfc1ws78s74h+icovej8jpkn8ijij+atxmwiu8rhiq8qjxaei9xhvyx1/i1jcqvh6v8txiawgdp0l4s8ryzqivys4frhuquhpeusd4b3e24i3ipz6ul4zstqa3kd8efe6fv0a4lus7a9y2fhek4jfy2g/w3xhec8jxkicrryieahz/ralfh7xg2z8c4hnsb5nipyaankhzpa0vvqutvrxwniticcqjyn+htiioidyj0xvw6kjwprjwprexb7ebqxofykcgmfqw4idieex6ecqdyogeq8hhoyyybqnv4yyzwaeqnwfmbdc6l6ietbg3oh5duaxefm8wd0rswd4osa5g5pswcr3yzi7me5nmpiodn2okw9d3iozbkhchdhphtjvwuw3im5axi9nug5txospr0fchtg3qb7tmpiqxjwioyipe+j+gjf1aa6imbyblo+yuggxruyzajdgtasbp8g4h2pkh2gss4sdkpskvj71e11j6jhn7nsnqh4n8itie+r5qrgqezawye6qr0eeaxkyzbjkizahqx4j8gdi/sd3gdwl8guqe0b+dni3ya6qu1srum8huq3kvpbbqg4guqnkrpabqk4huq7kwuwq1gtargbzdnivsjrehemegzjefelg420dyn3eydrpaoi8rd9ihejcxfreoyg1ilmrlyikiievvo4oq0xdlcjkemwiikqhoiac9ozsfeqeigfhrbgqeoqooy2ad6jug1ajvaglqogqr7tmszjhifbjkfgqj0a+bdkb8gf4708g74c8dfiwyjsgb4d8ebzwoshrii+d/arkimgbkp0gd4llfwyspdvq0lsirjywnqnxzkdsqmxedcjqetvohxkiavgnqejmx1s2i0yirmqfwg07enye1t6gmiuyg5inaew0ijorsxbniebeteqdoh5rh0hhpgedxyhuraoigefeobbjcdvchvdgrvieo6avjif8b/itycmqb8dpfwf5guqrkc9bvgd5hdz3gcinio+b/a3krydhqf4c8meqd8gdh0febhkb5lcgz4p8buq5kgdbnge5bpi0sbtkmfdqxpa9iltbdohcixp4k9r4qstqideajl6fwin2wifyjligwipyguhd9cj6eisr3yhfiiwibygurcfilmr8rajrgqgiamjjxeqowo/irmqhmhe+hbfhqadkinwikukc4becgujwi8i94j0jkhgq98gir4l8aeqoycsgvwf5hcgrkjdbxgil7wo5lpek/oqppp6yblj/1lgtdmnwttdfjvtdfw1vdam3vmxt3sqrtzoaf2wd3vrmvtmfjvtcfwxvcum2mlzwqs2nm0lnd28kqtdrzcbgwvdh4phblwz502dh4llbdym3dh4fhfzewd2dhwz59gvlwuc0ioztg9cociai58gg1tn12qba17chcsc0fnggjbkoguaqjg/qiwoucw1qywduaaepdg1kzdaw1bmdlqqgmuaaybvgz2tcf+ofxhc6t3ft6ow1da3cytlws6sdk0orhlegvgswhzyplwstdswj9qv6qz2b7tdi4e7qoscc0mlhbaguqgfoleg/p9arcg13hnodbaf5w22hoyhzodmgbw00h1qgm0ozao2hpuhg0nxgojpqekrns1lhdyckbd79kdtstqzi1l3j/clcf/kx5jpjfl/zpjo72eh1srcnxzpe6+gdww97qv0a+w77trtul17wmv6ebqlcv3gbkcszcsyjxmngcthebet01+h36hfq+tn6hv0n+gm9zkee7tq9oxtzj/tyc3q9unu6xq9jgt4g6al5dxptqjao5sud2mrthc1/jzyk2kbbg6dn8dvua+zoejt8dg0vnn6shk9ueypouehej8ojjtehpisnlgr/s2ga8aqw8m5qtm3gd4kk/zcc0mthotr9/uaofgjec1g5d2gyxhh2tlnpow1bwhyf/bb/wcloeuqv7mjhmb1he/shejf86fbtjlmmozzc3hnh7747uaarobynxquced3brgkk6fivxj+4fv0g/3o/fiasxg+adypwfkhhe64h4yndeugcp/z9wrelafk/2dmiesgwep16vuogxlaak/0hm/4pudl/iff5/99t2nrgh5j/c2hpigzlbmrzdhjlyw0kzw5kb2jqcje5mcawig9iagozmzckzw5kb2jqcje5msawig9iago5mje1cmvuzg9iagoxntugmcbvymogpdwkl0zvbnqgpdwgl0y0msa2idaguiavrjqyidkgmcbsic9gmjkgmta4idaguiavrji3ide2mcawifigl0yzmcaxmtqgmcbsic9gndygmzmgmcbsic9gmjygmtigmcbsid4+ci9yt2jqzwn0idw8ic9jbtqgmtiwidaguiavsw01ide1ncawifigpj4kl1byb2ntzxqgwyavuergic9uzxh0if0kpj4gzw5kb2jqcje5ncawig9iaia8paovtgvuz3roidyyotkgicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjattzjlum2kvf6iryn8nwkqxbc3a8pvwv7xtwzu2acot2h7j5qfcsxtjeyf2dlf/3ebi4slfm2sy8iengcieagihdqu4c3//l9qg5sl4vj8ozhdxofn4kkpd/ispuh7d9xkadu18r3/dwnu18ey3/lfdnu3e0/hz5cy2dw0r9zk+1lyzjqw3emyifo3k7difv1bv6yjtn5k8cyhq/2v/f3bxmwa9qj1km3ndjkt4g/+vvwrstpvtf8/dzy9idi9dj50zjmqtbdlnc+f+sgbhqrs3/4onbgh3lhgkmvnzbframde0ol8c06g2rqazbvzdz0dzi0xhwm7fnbjvprq2axrgtcypoxpe3epxgqx1noyfuet5u5mrr3gp6hznjtbk07vkvkfegcv3dv+tt1kmarfdnsodx1edspj8wkq5npctxzujb3xnwfdcfocetqceiku3aouynfhrl4uxq6japv3wj8xosuyeqeawbhqjg0nbetpk93zktkkogs1mp2jmwsmf/fbeqvpitxvcywgylyl4twppmygee+p/jkqrlg9khia8n9oopnk6wipx77q97bleeee+lqrv4zegokegi5l0g3nvdchr1cgjhiek1gntqpgc225mtgp+7tuhkc2bstt7gybmg1wgqrgnvy9zprblp9463yvw1m4lufbnu0j86c8q7d7yw1gpwhb5hw2p0thinkw/ibmeoefdage8aznejebhlamc6qbpliz1vho36v8riochak+u4wgaxvsb8cohlmkwzdauh4ngxnifyoncyxxn2mbtl/fvjwexevdde3q4h0vpnebhdllxt2iy1wq22fqglyi4rfcgx2nnsy7031xaw0jlto0w4nmpuigdzuii0qahlkopsopw64wmdlvrxmczyvk2t1cbhqnmbysf4ikhfqhjdgjocrraive7lpjbtnpfwz+vnelzv+ch2arjbnv9/lxyelptli7pg/izcb5ekqzqw6ixedcb3py/inxdw00770dpymcbsov0ndhpj6b7z3nh9sy95wehldj6ttybvntlddugqxpgjwfpoepo04puxgiuofdif0ymfigc3s4l6mewi/y6eaknngdxezewz5hodqws7wudnktjugme6qkicyfv5l+11tbct6z0ujgpflrwjk+xkq7ltxbojmzp/jupxlctkbc2e4zquq/bkzztiosxuqzw+jvm7cx6vkcidklsbhcfvcl0xi2go+l2wxpmpks71k3pxydayaxkzen39xdam9inobjhgcqouacefol/z04cdstzt6cr3yt2yfpzu6cd0/i2wfvgwcqkcgvmbxuuex7a92zvkracxc5s8f3krbfjlz5b7emqm8jij0165v8mz6+rc+or2z1fslh+t6ysxst0wpnzonitpxxhknesfc9jzg6rrd2/izxofc6wstu2zorxwd45n7jsae3yqwqvhxwgmdwxkekywna6njvla/shw4j1bvkvymnet5kp9qfm0f7t+kkemqnum/sk3dgiis92tsdhk6iwrlw5yjuni1u34tjrzy17nrgkah1ulbpkpgio4hgzdjkwul52nzeclfkonml4opsttgmkpi3kanebe3lmk0785zla9dm9hyfphfv3f5399/z2ky+uvo7oyny7fta7qoptya4tw7ljwdstbg3b0+thejxugqq0wxrfovusgfcc7rohpygmj2nofyt8ivi1i9wqr/dgbpk0ch1fnqbzztxhaywvgnk/usycylzby9d+fy7hlahygeusouoedgv+xlqzao5onductevecbcbbozcelei8mle1epiblbkjq0zps42hirvhxc5bngreuppp3e64deyfnu6scvqxn+zdvkaea9cfa6cti3z1mwwtkaue0psoxtl4k0qktj3lbknak0gxnics0q3onyaygmqcobtwmtkdjjz5ktoivc7w4s+2h8e3tog5wn+bxrf6x0u/o9wecfodyfa29klimqbsfritbar5yeg9ffiew2hgcyavla48gb16pf6fknpofcim/0u+di+5avshmr9epdkimbsugat9xubdc8itvdqea5bb/uj7xlvy0avn5xlcxeyy8km4wy5t6ltwxhcmakav+nz3wkgm9qufjcotbwwfusnoydmrz7g/bsisfzpbyuemdjzytrtnozc9b+gr7lbvlyxgbrfyifgujyi+bkw9gwkid61ttsslr0vk5hcz2in+iqal1rcpdvs7r5npzs5uhlmqsb0jibstnzsa1tgvntgarxuoz7nh+4wa6uqttsuianpajhakdab760mjritaunmzhacxbl32/whid+go2elnvc3qs+siv8uqpk8mbagw8xlgae65pirdmnpnvo3obz+osjemsgrohoozbjb5ufjkeacz7q52zhaigrqjvc86i8xsnjcricampddbnnce8ijgqs/rytfpd2wz7w8ionjgsyskgv79dnypejcpo//crdn/cgqa4vktt3udrok9p4wub2o4nlqouzzqmjwsfdllexajgvykfofwhq47hcnkwg8fhy8irsfqsstsbb9uuo1spscnap2ial2h1riudio1iabdgibuoj+9qd5xqntt4fq+xvbrsqlmt42vspybvtegtd+bgyuqyiwxjdrqomgahxfyse0lrethzkdzcvk9qdk3lot/naxjrjta4nf7ycdaifr0q5v5ra8btp0bvbrbzhuqwuu+urbgvwihmvqbjjseuu4ohxdxxhdz2b2ohlupuxbfbizljd0q9xzez78gwfli8lvfeu6btsd8nf2de5+5z6xhsw3r3xpts9k2ptjnymo3onumsz1cx7qfjrdtr3daprds385bti7fwvcl/jar4sq+uastmvnmqalvo3iyqt5srkmebesapfmbbyn556tgup0pqcay4wa1bzqbpbgbscmcwxo/cnhctsodkvkmnlbtsxs1e3gnittr/gqdtx40k8rribtstspkrhamd0/mzg2or3lf8chdeurc6sph+btsiwnifqoxtyywpwkswff5mjg/fhwwak2nlfmcsmfyzcpc4whinp6p0sixt+dwqngecc0g4qne1m7c79p5gav0ywideocyw5ykbov52qwf2crcbknlyaosfi6zqwv0jcpqjcs0wuihkkc7btc3xupyjslf8duihzoapxdozdlkqgzx57waioolllwqxttc1nzwueiotrvubmvxltfwofjvmxagszyuvcsfz8bze5sjveuhaxvuexsilsoaqkju8qg7yfjl7shul0nvkyr2xl/xgs5pur/hylyxbgfnkoenzhtsi7ronw/zjyijugedswq4gzwgkjjk7jtvo5ly9gx1wvawf6igtjzsmzq5bouzy5gfgukb0ueqstohrps9apcp9ig9w3kubfzbbyqct144dxfsxw1inavxuib9ycil7mtihzvyhswd246pqd1zbvn2yt+i79osc4bm/7hk3r3traqenwy+bs2a1nd5d3/pt0vebb+uqzjvuoegulnzjtt+uitdqm2r9gtg6czx9pl6ulkcsopibupz3igcnrmvp2nlqb0qvldvpkum6cj9eluymxpi5qvjm9slvrqgzwp8277r+gtw9hvbdzu1h9+mkfmlu7slcytqyse/1fnjjbzqfeltugbcmfzv2xxgdq5qcsykwtme1lrebqrsuqe/fhoz7vyrsdjvyek4zgc+ibbrahynfvymrhftb9ifbqh0nntfsh9asunc9zpejxq47y4hqtlxu2wene5z8sjmiulanj3obqkx6jo0ymgamlgnnknkvvisjopsdgb6dquxbcox6cqo33amskljjqadkj1mr0itkmzhzp6j4zg+sbzo0gah517lrlzzlocrafauprpnvaqekns9nbszzj+czwxalborco++52ra07pqzvqqlemws9viumpuzkqhum2mmagh6hcstbwve2tkewxucgwhjrmebo58cljp52ld2i7h6r+eg32wnovtiniqwu/jmnftpgkfc/tzngg14mnixbw/aezyxvbqg8xjphwtamqx8yvkimzofrpi8d2lkvtwaxijx/nup7rvkqq9wfricl/afv+e6opf07hpry87wbobs5v7ox7ilcbmts5xjli4gzbdzo2katpohzknsraha99qug9lms/1apus35y+et9askdl3bgbayuinx+ah8tem41w9uoexh35we4ehf6ubu1mecgpme6zx5ruhnzi8f6oaiqivsdlsjsejvyf6pji++exn3//p32zf+dcf3/ieztlo5hesksvqx3y0svmp6s39m/8zo1yppa7nxb6jylgfxztmcbulmdicl4gq6om9b01c9+lklvdnom8m+nw9fg2pl+gbxv6qgjk8wpdb0xvtebia8ajvsfiiric3iu+cmf5h9uywpl4jnhb/glraoa62y/w8tweuav4aakra1xhmrtoxl+oq8emmesmt9xren3f5hpfngnbdccm3lk6kvx6si8vfqhkk+axjrdabsp+cmvaevxz4eo8ewmbyuazpwl4vzua5pxptis08ylh4nwkx6/izwsqznaahyefq5jocwtej8wpytsr4hktljawwdf1uv9/6ht7ef2lkkxcafvmswdna8ohmq2dokqbkkz+9ji1mxt5hixqa6cz5qo3xalhothgey5ewcyydtng2w6yyl1eitge11ykra0jp+prh07zl5yibqcajssga6cu/solxw3kixpnyjpsyy3llv9wz8l9hi+d2rqqatbc9qosadfkclelas1xiknjtnjxj6+veedu0j2i8j+zijdmabnbv6efden7qoaokfgkotwydhjxdwhlz2sfickduqqoz1ymcomx8qptj6ve5ekqw0uiliqxg6ttpcktxqjvmpk1aubjm+4pt1xna4+flc4cgazqxgjij3/wzz/r9q6icieance6uq1gc7rl7asigolaceubqzqy2hq4txkfx+konopkibabqdcbjz73cy704ilwqdfwa/pflfmhvvboix2i4yvccwucdhi9a9nt2hjjh1bfxmfipotsjslyxalg/oun9y1ozg/kjowgsydwwavbw4se45688t+t5bstfjugy5mvoiier8z15qjiqkldpvowffirf94ftxtgg1rcdfqbq7xhgcb7tc/grjxkejwnp9tjjqnfxrclt7/fq6jkemfy2t3uzd32if0ncmmjgtpdooos7j9nvbxkn2idldurdxirlzyetxn7eyi2neihltqpfqnte3v3z7ssskb3bwh7bdvhtsbxsk78eqzbyleryy8q+inqwe9yctqdaipgmq5fhsi6pw9hrzrsdian0h/cgwhx0royuhcl2rzbo7humkm0kdqelar2posojh/cwjwxxsavlrxp66yqkw2lbjtnx4pweyavf1dhz3ujotdevo+a1n10z1yvo5x6e0+ieuf4sa72nitagpdvbocfdzx2ul/f1ijtgum6fyehm8vghoo9hww8ju+cku5yoze4mdhcwcvoig+led8sz7a1dyofddqosc2wtghsztp/5zoukowry8l0dpvirtygvc+reuot3afmpqbba1wruzj1hmjk5mzygpdgflhunnopots07xgd23dfjy8mhkpy0fouq0xpxgvsssi48g9abmhkiuwomrpbfp/wvd0k/h34xblnssc34zk4clfkygjkzjdljzzffihxz1jibu+6d9mqtsgsmgafhh2fey4mumodj3rju3tja4paheutwx6sk8pjmo+6xowdopfmyid0j9/ow7pehubfvjtej4ozut+clrg3o3g8stqsrqkattxsbenlhn94gnb2ozyw2tj7kh7yesyfkpfhl19ia2lgm+njem6m3pajvi3kocl1yhtzf2jnr5g/2fd9xxi6tv5defarv1hwxalu2tq7shlmrmye9e4im67iynxjcd2i5yx46tu1eho4y/ijdnd0spaeyrruh2unereiugz90hbze5j2fb5/q/eghpqopgrosogwglchifdpagwsd6vpc2kdbecxvpxkoowlqb7f43q3th5wedbb60yylycmqjueyn5xzwfa2azeefbjkhao0mteyl0z0tx8xnbcw7rgx2y1th5qflol3x+zfimrymeggqn+xrdk1xzjtney9tkhhchg0g45w37tmcr2/ngnvlhjfe5wtz+ohpedngiep4zmsx4oxhe/8puq8emqouyrnbr4vhxivyym2ow0r3xb0b1tt14+wdh4dh2y4zte4q/esquuk7ijwjrdxwb0rue8kdlu8geua/h3/pz9dd/p8ilqlewt5giqnhd03hxouhkp4pfyrgtjo3te9aon8kaxqtstrmtzydqaiwc+ldglwllbxkj+7x/pk9wzje5gow1ngoqjrb13das8ovfhsd3akggyfx81af1pidejfwgbibxdwzzqyhfocjzfcgvla20jzotfdmj29xackgygibcduhk/q6nioanbgav8ig/jh8croa+ficirf30krx65btcdrmmne1ik8nd1hpk3n2fj3dkzfcrufko7xe4vagmm0zz+xfvktkhtlugskxg3vca5oqphzxnswiwxtolvqezgatdpcuy5mesyfw3ax2k2c2cfysd2vp/2zzf6v92veo20wmey2xtuup9vdwi1haf7k+nfsne5oqdwm9tzvs9nd33zusqnoxwvfkuehywjg5jw/58/qu0kw3qnp4oz1knsdxbeonqcuginh4mvozfxyastgoajppu2fxfkywqhnl+rwfpetnamlhg/eato0ob7hxgqyeneb8dc9mafahhmlcyea2j+hksj5umkbnzu9amcma3xpnfo1g7+lvsbupc7+senkas2vbsevckl0+egz6aiais6fd3x4die8tuwkx7v0gx5o8dgnfg6bdopa5orwjoeyhmqh0pjw+ownstslo3m2opqagbwty0af0g0tbvvc2c5zezwannaxbcqzwzmkljnd7yuyclgiwcawz3ym0lb4olvtu4ytu05il+q4fojkvqm/lwtiie8onopzmfa9lmsdgp9iyjwq2m1cracoru82ws7+4gkuncdkfows/lcj058iqbh1mjmk/ioa/zwaakrliovewwxlsgjbygj4ndimzoxrqzomqpx8vnsor0z/b/klragkgplcws7iv8n8osmg3o4udkcqeoquampkdlg9tlw2odevvvofl5fwp9ocdhemxtuzxesjwzrel0zthp7hyb5ayvhwwgesczd4vxo1f+vvwnhfcb5u6juapmj6pnnnlzta1e5rmntapqgkk1giqhwjjcbvgsi67h6novkzw6izpo+6puke9j8xmigmpaeibltephtsz2mjqal+zxl8bsuugciactjlbs0gszf35/1jy4dbdqcsmaagi9bxtz5ldxbhev2l2yvjgnjks9l/33mfu9inqibsygxtnavohpwhoy/awlowmr7/loei6ykraugmkhwi1zi9psklfwfrkzfi/ak812txovz4bloueyh5g1oeks/ovdstzztuxpti+ktgzwfpx6ic82phirefqbjgrf9+j+htmsueliqihcaqkr6nrtj1urmvksw4mtgux1gglkusp8wyua/5pzawsthogdu5bfjxyitz+iagy7aivuzi4+qtv7kc3flwolutrukfp8csz12evufeqfhl/l5/e//w/u0pp7h0rmxls/erptwhvqszgdtacrgqxmaxpdglgiuhgwd+cyfmhtjumsinmv/xh9haymz30pxlpilqsyfxcufivmzjoopvh64/xur/lakiuwii8e0hqhigxkx1nd0gi5t10qzwqvbtf8aqtdyscrgpg2kown4u9dja8hgaetndey6ebxan/6fvgrbbwlb3uufgsfelcttkkkryjarnjhsnfx5rsaw1frn/dgyw/+btplr89481ohxba1fy7uwbhomvyl3txn8nups/zqj1lmhnlu4mqvwzee5xdekso++jgtl/qjs7sr+kbkqjzzgbibvblx0o8sg670egxcw9gomfhhlxkxcnp0lwxeqpye7zmwgef9pkawkf3pmh/r1mlt391b5qnhbia7ylnuf0txw4qaa7qgxc9xchxzlheqydnngn6o+wavntqu7exb2n1otdp2ijfwbaa6njsl7+gotiy0az7h6296wpn07tvoxyjj8qk3mh8tjdjja+ica+delyvrkgbb5othzsi+ymvtwhkhnkhj85sqaezt/btpqzykxnxzozs9kceakfjgtfhbswecdw7jduo3sayo6w1powh/t4+ojq5ays8y/ykk6/55lxqznd4siqsvv+8b76/whwhnpvzw5kc3ryzwftcmvuzg9iagoxotmgmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzide5ncawifikl1jlc291cmnlcyaxotigmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgmtyxidagugo+piblbmrvymokmtkyidagb2jqidw8ci9gb250idw8ic9gndegniawifigl0y0mia5idaguiavrji5idewocawifigl0yyocaynyawifigl0yynyaxnjagmcbsic9gmjygmtigmcbsic9gmzegmjegmcbsic9gmzagmte0idaguiavrjmzidi0idaguiavrjq2idmzidaguia+pgovuhjvy1nldcbbic9qreygl1rlehqgxqo+piblbmrvymokmtk3idagb2jqidw8ci9mzw5ndgggntg3msagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenqvxemt68arvutxvivc7igmbzti3944rak5vez4dywo1hxaojosnqfqkmct9q93fplzwejwst4xk2uvysod/o+xb/7ruyt6tn8dsiz59pl6kut3hzsnpuvhtauiw+hts/wpzq9n0zxt4ztbfphjn31xleywzxg5cnszfuga9yyl/mykbd02tm8738yrbnxng9v0prvsakz7+v+xp33ahqesy3ugluu5r8l1rw921oeqbr6znesx0yhquqg5zusf8mzkn3ftojofaxubx31lrq3gxrhopixp5hfbs6lokl5woovjed3f9xqxspvkc7wu5dvfut42j93tq9q0xlsm2gnyhu7ywfa8op1e26utsjmkzom+glqts/8ybny8t1gw2a4sq49tg+xx5k8fwv3zkuo3xzeys9ce+egvcs3oems3av+7osymafa4wy2lree721c/j6cs3txlm9tltdlerdeuol75qusybh1tu95u1iyoufbu2ej44w6hahoudeaiurywhn8euhotwbvlb9fbhugtri/iqyzbrtj+rxy7ayfbrj3urgpbka08pahdgrl9xl4p2ezcnmmg7kfqok+6kyeum402pc1fte1fxuwztmbfgql3vbk6wz71nojitlkqiqbvld+8anlaw2r5utitpymk2oj2m25oeltziad7kvdbenckqranre2/hcwjl9roqdpurxpv00mxfzxf+vn8qhf9u/vpjun5crcq8axregzl9fnrfgxjla7gsterv8y5ojjbxkqor5i6xe0h+g4jcjl10ztgbul42pwypiezrgrfbrsh9mwuqi0oxluymoxa429dj4a8c5rk4t7cynjf2dpqkrxgggplqny5bxw+o1lcj1z0avfmepri2runem1o0o9gfsui0r5ymlkhlwridevzevuzo8pl4wpuxfzxzuxkjdoaqb525uebdkupmdfytwqqc+k7i7bq5bdpewhktuk7e8sxd702cvbu2b+dikl1jqp1rf/t6eruj0tjktlevvm+kd9cfl6nhhck/myepfh+np0rumud0tlt/ioety1fjh3uayqz4bk1zgx4dpctlruxw5b3eo83rzpuhhac53l+tvbcgasc+uximd1wrgpemgjr44f8fkfidrwfdhe2wo33qbdd9f11dzazazejzmh0o1yx5td4vgc8t6nagtmoa+hdl4nyrrtgc6fjslshm9fou4duiksmz7voarsgqbb5ecqtjtjc6v6lt315xjnjenhnephukosy/jenon0shnycktshhnuo41gsxskox5podgfr1crefp2ildpdj+zsmatf1thz2eqnupffcvo4bsdchblckrnaffjqxsxxn+r+9ylxtgjl1yokgbhefeqafgvty4qemqrwgnluenbz7oyiknjtwyiixtet7baz7jnz/vi71hjoktdswxxews5pez/ithg+5fycyekoqkdhkd+9zymqimhgviqiflwkatughzxb0aycdohvtlx3ttd2fzu9rnmqx9vycbl8ii1jhutzdj1ljyggfql/gvhdifa1bj0qv/zsuox1a2xztt+imn3uo2n/vsjbmh4eqv7lnjfye3/awydgvvktg4r4ctvsurcizipnhzwx6r41fdd1l8drlveueik+2kh4sbklce8it4ntsylwdmiwdvllnspalgiwxth4ysezrbr1bsplshdd8f1awnqynzyvmfjxykis5lhuxpx+h87khkrvtj8lpeolmw8p+40xamxde1ellbhxmfmexn4p9su3srjtniukmzfwjoyfyit1bgkkuawodd6xe/dzpt+3w+ks7uho4yhm/frbm7rtpntagwnbtqfnsynjsfvrwrhju1ggiooafgoh+v0pjdy2gi64wsiv109kfm5oinlrs9qguvnohcwqaf15tvupi5kpkthqy16ajkjgwucrfgt4eydwzi+afwfbldcmmjs46ppuuiulilidgh0ex75ipwgr+eiosgi9a1r9jlxuwudyuqjl6yfg1umezsugam7wscoi04zyqrgnlmpl61atfdzoptbxcag+mqkg3c+lvngfefq0rf0sbvbo9thtpvdnkx1d5cdmtzagbzxch8ov+0xuhho4doau7zyu29dethao6oxqastdblqvnqiq8psry7dk+cgvy7x2irjvvqqartmdds868us6eqvxnx0by4f0mzitqqgnlv+ngenahquptbdmxwwipmyqjbwvnf8f+39wmbmqzmetasoiv1gom2ivfpijsiuhkwc8llwrovjqk7mngx8jk7+qolgjtouduwngyf5euyzpxelybbbkb7n4ehvjeyd88q+jltb0tdfr0bwxwb8i1xtx7fp9qcta66u9+l762cb0ojn7rr6efeefdn8e3gnwswzbijatdoxg5nuy3t3huorzm+itbancdwuqvriotyuuslwcv3vfjddmqvaki1q3snv8pwha8kagv3kvsffzvogw+cqwrtaeuufkvrfbw/nf0fr2z61n47ctmdxr0euw3con//c0d/hfrwmr18xoza5b6tuouuughblvhxdgx69fv7d/sdh2nfl/dbqfzlmw88lqdpx8imwo+arle8xkq79e0cygczwjgg5t5jde09kebt9t33zs88jb0jb0lgop1elsosakyu5jnz6gkvdmjcfzrmqc5fzrobolvffmemcm6wtwrgl5bykamregbtf2gs0ohvephc/p/ntiinse3t3keyso3k+pl95vsmdraax/wqr1qdy3fczkxxprvflkpyapfx/cso8413dmnudtssdsq9v8+czr4k3nlji1hvmnaoxvqiywr/hnxgyqix5kdxuv1pz730avrehevgcez7uqlopdzicfn5ifosapnd0qkkfl9wxz3aoixaqyh8xdyaqy2pmzswv2t02whtmibswkdndr+ougemgyvehkxxfdm5rckluopib2giqkgc/eb7xxl50r/omgfl0ws0wt9ohhd9skrvpilofg/jzcgpjqg5fml20jteoxw3jc+wpdcswvthv7laz7vg66/310cfy66c6ckhjmt+0rgggpkvfxokmsrcp3uoozpkqlskusfk3nfmgc/vz936wj3ajqc5mi8s3qtvb5lemzgzfx7txek0p85ltshqbh1xad4owfkmuph3qtbavd1ubh+lp8nnq2eog9twukplp/0ebi+pweyxk81o2auxinhwo0zmepg2dpnrazf+tqw/pmzubchztzibmxkxmnd+q8aya/jc2r+ou0vtwuvdc9pjhwrwjgz7rqymqiilixtczhureu54gvvqqpxe4/dzoz82kadsswg9lolarqdrnw7yfpvexgm5yhgcrszlhri7huk3u+qthp9i3nu94esfbdryotxlfqcjyw1z2ofxgedqrwkmtkyxkfxm02tksyuhmvts5texwmqu7mvodlzdovbd5ojka16pt0jft0bkb/mwre/wxy/c9ygd6nr/5axmkc4adwkhrx2pi71q6hwzrm5xrjbkewwvs8flgwnhqfaazewfgba0ejgengxhjby1zkddjvnsti/gz6fdeohxexvfpdihiy3qud7wjl8tdiayujpoortdsyx8lvhm14gr6hiyplawmst68/bglk1tjra7ur26xg3b/iwvuhgtxam6hlzzxbih6opizylkkb2wiie4gx6aq06c/tgv3sst605qo1zznwmsptdxzw5qmtqlbpn1fosv34inmd+nqj1lcwssdojupdpri9f6q5hi/t6lbqjpdn2owd40ayy+jwuh4cj7uvlwjr5duqhwnex086u8sbgknzemwm4ubt8bnxawl1l74hxxtajdcg7jlfck4ulg7wukzbu5+uxzpl4rxildjo+9mywkbsy2u9hd0trhyyqy20qorec8jmhzhjvi9eslopurhpbwh36blyirwggimay9swd2gdbbg6dy+kcfcfuiprjagpxbk8cclsxtbybffxjjo9t5dq1rd6w1nqhlaqhyxqgyi9wiybcb/7fdcezdykezty3qmz8gumdxydngx2i43bpzqysutpktqszubkyq0fdkrhdadiochpajz94vowxlt0n8lwj12kjs9sj222pd+v3xlwvx/mtlpubbfsegunqvnqdurvkjrtu4xrmp4hcux3t8racwd5crv6wvrmq/crfu+4baolvtpomob4cvhhagvskn38geuxt90n154kiabjlyfgqw1esrbpettfy4j85ofi8qoyowao3gggswxmicvp/bsskig6pzvyrxqtcqn2q25jtjwiepxkja8oqzlgjywfewf/yi+/nlaiycsulo24hmcqujfwprw8tspo7rmhbrnosiob5zqgbb/pyqjqjr8cz6cx35+g+qrvsd5fma1idmxtfzl6enyqwsef1hy1cmaqcrddseisjqg3x4s1u7u/ascvn+kcghh19pucjseev6rap11cajseojri/tfjbe8pi0zjzwcxiseko1nztzldij3xka/drdz5fkavnnqonobwwcm9yxndlmsnm9plctyzl8jkf+zprrg1l31hzxylgft/ope/9ysw1j7ybvgihdjpfk8yjpbpuviqz51yboxqy7wdemlcbkkhyzdtgpswj2p/tfjryvthyzcd9qm2yzinpogokqq05trmb7ze6zfui9ili+4p3g9og2htebrhjzxtoai2epf2ujqn42kzeiqgyrytosyo4govzp55bo4iyndzs51opcvpqbrhgbocgtwznijedncdofxzmb2kuseokra/kl3qwpt1cponm/gxe6r5yjwlitjmdubnuux4htv9dfxn4agzzj9kubc+ei8sgawqux9thywgwjg/wiaxhnwv3uwjl324tn/rghv4gax/xggpetjvxuf7th3cerorvxlunod5aeoyhjrb+9nqzj2o8pah+yqr7ywzm/jwgny4ph6zkd+c2dkdjqmt4fpag2qhqojnnakwljaqmla2bznbfjeqguna0r2yxxg3/7qvhyhy0ryegijmbsaqgforg89ufsldqtol8l/srb8oot6dskrn13mnzar+zujg/5mmhc69t5m7f9bs+17+i1n+5hefqboyak2whzogyhqxo2brylvyzrqlzh0ogjxiku5gsm7jxxdjpqv9skoc3emtgy0oexe7qhug9dpikpwgrrlddvod59ivrb8d5cc9e03yxrhr90cnrvbus0zmmtxni6qe84sqx2gy6zma7y9tgow7oeiwaxftgd4f6xn8/g1eryfhktztbzdootzxbi8hbvvkq5ttk7c57gwe9otz/yo194xugzupbchk3hr1hon38f3mhgr1stifvxpfosnmqjpjxqdfrtamarxforeaj9ptmne1jjhsd0gob23n161j6z0bnhkatyejstapl0em+ya06yae60wg1ftakmke6b5gzahvgmiuylfiv89silk+dkjyoinsy6dp8ovhkt6qvwegslgy+pw+8abycc3gp5fbyo4sfvm+iklkucy12r7jwsutz7ekhzc9ukilsijkud8luhp72pk5h7e2remec1p9selzc6smyl+rk0bo6vdnrpc9nxzrmfc3hvnx6xsvtzrbn264z/owy4yjrhroyldzet4vwc1ko0vqff5g22uppftzkzqzf7a03em3ol1fnc0olvbzdlgyl3e2rerqkcrtah5ghhhe75fcmfgdvz18tiq0qhmgshqasyom6v4x7mqhlu05yc6qp3j0rjywe0vqulqnw65q5virt8kgqacjydu5m5wny3yqylz9kkavjwfpnybkslozizkffxd5vnjhc0m7gdmkcrrljwbzisjongcgmkfmwxnle/eacu8ml20zztrradmf1cmajw/i02fkjpj+oluhfpl6dd2gw9jvqe0nzx9rsf4okm2uxgfzjku/q/cuop6ivsfatlc8dw18l/tidin9uff+c5q8vmjhu6vscvjhotgkel3jthbsulzjgdsyt/vteggfptgeyt35ja/po7zyucynaequikmaybsbmgqwyw608yn+yrgwd9kuneakl3y6zpazgnqd68xwcowh4vkiajhjdyj6dmofhhp7jwxvhyfpwwnhpe/f6ul063hfqxmaogu9svaqb/74y7xzohtlng5a29mtzvmipeszej+2sgqnz4ucrzidcru2fyauwjuj0cuiz3kcqlzjfu6rav53o0c+utksxg9iv6nzxgpgfm560mdey9k3mo18rhj/loy/j9mxvktkxtcvxd49j+dqdfdbjt8rqlm1tjdznvlduxo8zoxn+c2yp2oggrgot8iazsay2irmzeglvshgrosodaej20mv7j6nnv6xtc66yyf4gfhuc+/pjsynhnhmp93uf5okiuq13bpfpnt8gnbkmn/3e+8x3ntpwt5fsxbrldvbe5u+uclyp4jkl+knna4bai16tedjctdzdagfik6dre3n3ql2rvtt9bhz+muaxokbsq1chtqzb3/71ojas/z5qe2mdqtk3pjd7zulwavpbhf7ixme94oze5m/kxceg17y3brmx3gdmplnhg6vr0r0oesibqe80k+8ikbrffq55+izxcgfe+5dme56syqakipw7dxtrxbwp57zoptggjtos/2apshdwfgjtzjtm3rqg2c31j7rv41cm8ouksdy8t1hwrv14kyxpzswo045sa/eu5coj5bkhiwdrymth+bbeojhz99f+y6tvwwmjicbxma22gahepbb1qgbzmmz32xp8rp1we9t042wrqvmfzufjq53+32qakjkogkp/8u6gjh1lunqv9nqyli/t+dvm4iuc6t4lk0jpsj931+cttjpewdklwixpizyawrec0ryuvi6x8+j6atr3c62frjwlqogmwgsy4j8bfg2ev8xqro0ajaj+ovxe/nxkrsydw6ezaemmdrdtmorajcflbgb6r+pulq4vfw+je6e8wshf4fnzjpkjqaftc0srw+sofirg8+g+58/fn11eox+dpnkjf1ytbcehki8ekcppe9m6se+6km/rjw9uq5yycwaakzxc+3mvx66xcy+9flwqrertmgo4ulkvx4rtnnklkgc+dzbvjwmreu3atczl0bbdmlqn35bhsdmtvqxslzna65hoj379d/ewth95jkki+dv6l5spe6bxvz7hs8zjcl3hymcmuastgybow0sgcjmzbp6iol/+kdgfmhx5bl9/iqj7k6eujo1gcrq5fmkxww6qpon74ibaoqipopwnyyffp6y5jmov5xpigybcy7j7+it11artxxaf91kafjz81ng7/dgt5/ozqtip7rbutxj2ogqh4oaq+5r7l/3jxnn6gukgusz5prrzmnsltbaophe+ewjghtqzlh4/mkcsu5mknqt+xkjgi/f53j2b/ees76vpnn55p0nn4aktpzmssw5tfj4d93nkqfvm34fz8emn9qfp77u85vl+ur/bcqeqof4bjo+yqk3jyckj7tnldpbrfdsnbnynpzbnz0+u1yj8oqshvqtqpdwbk/lvn7le9z5p4uojzfpfn7lm55w+whq5qqanbdvyspjiu4dh5lfoaf6zrah68llunjnpsb8jxhx8/arbylpgrdugkwu9iccvchhzree5eh6pj9ypj9v1v8zynwidb5j7xgi9mzoeklbps1rzcfqkokt5vfxcyr3ewalgkzb5oouobem6/zzaslgnrb8lale0d9etaqadw9c/iejgjx3ifz9epb6aahvfpsoz1vn2/rmjy/f/bs+fm5izw5kc3ryzwftcmvuzg9iagoxotygmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzide5nyawifikl1jlc291cmnlcyaxotugmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgmtyxidagugo+piblbmrvymokmtk1idagb2jqidw8ci9gb250idw8ic9gndigosawifigl0y0msa2idaguiavrjq2idmzidaguiavrjmzidi0idaguia+pgovuhjvy1nldcbbic9qreygl1rlehqgxqo+piblbmrvymokmjazidagb2jqidw8ci9mzw5ndgggntm5ocagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenq9w1ux28hxfp9fms854rwpyaab17xjwsmrbhm9o+n1jh0/gcriiiialgbqnpr1qaqvggrijji9r8klu7v6gu7q6rrz9epn79+fww3qzxec3j5ub6pwngmm55ssu33c/gmre9hdmvb9f/empxzkene3njg/epull9q7ifru+qgqd6d63zdn3d398/edlwpgi/q3y8b6wzgksuafyk93gb8oegk4qjqur62sadfjw9bvdw/qw7hcfo3hptyz9mvn9ozzdpucxbzpi3jxa0m3m1r3zvilje+nd5pr1kwsm9nywvman2odxx/6kf/u3xsqagayrb/pe3tr8zs7ey2eovsucu8btnc0aja3akz4k6fy0jd1p0vug3ttcwycdc9dx1sabscohlyjnphgcm/nev6shyyeihuqq1y3rscuwlqp+7y5ocefthr5p/z4ushrddf1fd4pgmd9gqodgxxbrixf0fv5pye5td7ycejrhsge0bqstm0bcn0gkh8eloyyfhwqnvpvya3tgh6vhdmbpp6cccxd7e5vufcy0mzr87qv1/szjjw88cdssbvs2/wzvz7k5ar5wp8ogc+bwxxm5owhu9f56bfcfqlm1vlgpmknwuxl+26b027vgsumggsjjlacznd8cvr2u9nvacfzqxjsm12bv+gnfpefg6afytifalgnzwsav395jxfnirnejjbp6i/aiudbszj5oasgbx+ltn8gcns2fedyor42ugalg+4muphllhgftjl0dubrwjeva4bfeh+4s+egxl6+gbo650d9mwaqulhaqstqgsii8h0/xkipzor96llsj+c57f8jta/cxtmijpkuuzwjxonysmrp4km4ypndhc3ute+03qnpnpnoe95o7yg3btb3oiyj6mv8reay73m/fdp+ufjsz3dtjpviexidmla63v3s+jlngjszojgwxurrholxretnis8a0kz+q1j38gyo9xhnowuhrbhkvdxznzh7wcjcdzoem7yhun/l+6mawal/pz5batnuqlkpijlk7ljwfk2qle5hgnbnptbboagquzvs0hqpkxepkxwmlzd0jfxmdevmgnhp7onqnec6o3cegzdfkzlg8cz76fcciofngbop2yqwp7wh6ngrjtys7ddo2pt0ter6hhzsyi1eynk6l1glgw/wpwmj3fqlvbho5svwo6dp8bv2apkt4vkedfdoxw3omcckeztsyk64xxe9t6b9hvdfqct+7g0tapgrek2/r1ee87yvazfepekfnwqdlxbht2kmobpqmbfmsg1yifo9waqoekua7w/9cfnfyuio60vdhzqvu0/a6nusbrguc3/ejslgw2kxvu6exxqogzdozbcvjmk5glhwz2vj0wodqknzznlsl3ojbmchukah4iqxi9pkdy/wkw4lhhs4zyuerbxontdubvhthm3ggrad31xctm8ho6snotjhirbzke4mg4s/avjr5bitlhudgzb5kl8wwgf+bqaiknih5pq7ruzprsgtkljyxn6ff7tlrwu0qubj7+jpfl4j8ceiozam26chtrbc0pvf/q5tjudydwbolpfcqu1w2pga6ynqixqfxwlwjblm3+oaztgawmg7ijocldvkzxo29ofgan0wraqtt88kfz7hpspgbvqig4e+cfjq0m2xbytut7u+rryszbiw4o5vj8roylrhpzsxplqoinkwlascjusnd1v+1vy6q9benxr6pk6w16m6barjtu9nwabdupj4i0u9pocmwcjw3grdrjfdybaldc6i8/nowoyezsaiey9ibcbcnuq8olszysgf75axwfxmv6kcu/2t/d7msfctecqve535mln45ixwonlnhd5yvgk+lsshiz/orrl6xejdndloxn+e23hki02gi9/orbv6qbgpdljolegmrotfcwynbpht3tiyi7/kft8p6pgmilivtkp/erhxb0ke7wxgd6qlb7ohnelr5ax1160sgfqgwnipvevl3ofxuyn8j+gqlnhv6rxwqe0ghr0vnwo932brhabnlid2qpoma/75igfumsvubboos9azfhz9x9qzmpxdan0iykg6wykifzw2blmofb1p7ruagrj/eldg6qdcecztnhhrcshhbtkusyzbuhthvc9zoikfhutvzv5bt3tuosbengm//r97jb8nk9yjndndsxbtohmljzamjpz4eirrnclhe/tmx+ohvia7dghzawqtazoljiumhjznfheau7vxjcybqsihoq4mirk7majsoh3npqrlo9kuanjfkjy+rzzn8p9j6ph3zzbgs0mjgf8p6ry5qiskkq435i8zhqookkfuu6wcqeoky1ulezwsmuipj1se21dvp9ld9rojjiogqzwpgghlfiuurdsbcuonaegpilh+yon7wk+o0t/i8bhmm73ah7iqszc+oamzpgmsgiy2jk2ol9i4fdief2uodcggjzq47sh7noucxbfhmwmwh22ip657+sji0qkm6fhpae1d1g4qn9pspbvuhxrt4rpxujafvda526zdfxo0hyv1qw1j83sobk91dwulb7h59ii/w6zkdyhlxzvnoxhopsicttpqumpwbbo+vh12m+u1tn3scp2v91qfckiztzx7jasmh7zwziynhjjlqlzztiykqoq7ck0e7fytrnqvg3glsq58agcnk44uvzxnuo36xdpnacvwwpfjrt7rwmmgmteymjdkk9x2ukdqffkuudvk+vhem1payo5ogiywevkqg4zswkklcxchfgtzyqvgucddxmxxncgxm/aavjzuecowaexslmuizmthrxfk75y3vyvylhsrq+fhkjrfajdvi95ze8v6n9dlv3uvo/uvbwap/ci6e01vka6lcxxbs0pxthyj0etuz2kltl7q3i2st8k+yhke866znmeju6jeicbqdou2ppbybknldasqwjnhgvup1vq+u6p7bpwmcbzhdvselti3xambjupihdt/mzcjz4wza7jmuggqghdqotamqk+ejwfyixt7der5ztncarfft6n+n7ohzpan/wqvb4qzj4pdkrd45spkruhryveqsdl8hzrz0eks4lsadktmzvpfsydercvel4j7hfiiqkg/fjpvrjtqzpt+la+owkfvvlruoizxzfj8qzt9ngyjncocwj1l7uvanogaevcaxaowxarxnzohlbu2oim1czd1ygc93cveqsilh9nrtayim5rk3gnnj0c+vztg9dkyoehk1fsfgs/hqsnlsfx4fbjqdurthu+chxaq8zs0aiqptftgoezc26mzp2hunvjsdl74ddpxlxctnqbgb7lyyqovugh5uzklr2tybufg6j0jy0ufuhanpfxcelbcfbhbs7ocwnx2kirnihsjv9j4uadsjhwzyz7emqd9kydk5wuddsr0ql6xs4gvi+alapwgu0h667t37//1loowrjyqvjikzndvej1br4zzqtgixqheaij7rmninhztsrx5ksbxjiacu76b+fkkrv1nwskmfksy4wfq3nqtwjri5rbhviidpmzfcon6o4deymzylzy4h1cgs+ojsxg2s1ekbihz3ysuk8une1zeyktz+sj+x+pjtgzwlbnnwdlkylruqufm8dzhxdvdlioocc2ul3ygmg4qkzqrwklxten47ack1xn6jva7xsjlzpjm0avdb6gqcsnxoej1aq4msqhunmugd8nh1ipgo6gxtxafzgnh49wk/mvnuogf9agtigvz9ip9hy+dwbp69scsguadmtej/kzwurop0ac903yok/f5pjaj5ath9tqjassxw0k7aweuxgt5or6fejnvtwivdjh+ppubo43vkty/hcr/qdxvkfjazstsds2r75xnltsaqzlyi92g4nrjrosbkg4ypouhbt/kracbctyikqmzim4ojd2jrjfo3vmoasgnpbhwtclasqwbs+1jed3xecahyqzghvpexewchjagkskby/avhztuzmncvvnrnesuwof5urcgu3kshbtx4acpvf1yi4+fjtwj7hmnb5pq++ia3zfvtx3khdlqic1qqh3tno/nv+l3uwo6djpdm8o3p69fvyhp6rkcflo2+03oxuhqvfuf1l/dv+/e8iet4c9xkl9l/e9zfk/jpchg+lyhg0zvwnbn7ehja4lbqjunjbzzi+l6/aghug83el5co3v8svjtezyclsptkpxxpg56flttvivqkhbakrgqdrzcfdrvnruxwea7unt6zrfn0sgn8j2wtrzwnnxzgwchwxvaqnz3lhlioijib+wamysvtgzvtatt9wvqwwqtewci+0udef3fntb9njugfnzg9gq7o7pubkjs63tyolcd8rtoqze0uiygeyegnunzm1orgeksywnwcmnxudcbff4tpxrijmlfemthei8mbm/zdejkrzp0hvive2k8hizmdcqst2rexfcw2mstoupsbdrpzdvhgw4b+lfbrsvg7qc2uy382avsilpdvze3v956usqjxenqx4djyyjygichirwgaphh/t+/r5lbh5qbn25ufxqg+vk6yz6lscq//unfbm782w83vmfzqfhedd8l4jc8rw6mzbzat6gdhg4ebs5rlyfnlsms9nlmzrzo66sks2fcmiaepaiomza7e4qpnk/amsyrcav3hpkhh49eknbw6t4813klct0crp77ghmgovqvx9hlat0tgv4xtgq6/nllx6c1ujk4tp1ocdkgehgi5qkpawledefnvl/at7wodfzi53gvmytrqvicqpfzbn0ovgytjirdafge6qrmdwyrtopvjbv9cbktxbodowogvisflrgzvby5c0yb0ip2uiu+tpxtggtuma65hkfxljg7o+zqqagpq1i/bbkjbt8xxds1+zbhafmoadbvooacpqciaeboyf75vzvg7jqoht8qd2bt6+i4l97b6wgzqtfgy9ih2lzun499s6w20zz0iyjn7fn4san3ddyttyckb1dv/gsmxkbnzbhurgalufdocfutncudgiyx7/lxrjwhqryxkqzmiybuwwfy3akeps8vzttkjdyjmr/oy6hunwfhk3fea1pd5h9345zdjs9wta+bsj0adhuprboe9+z1erjs1nlwzhprr/dv3n7q0myofkecuau2cxflttcgdinb82pptfpjxnhkxw8vcgyrlwsyl8yi4jwaxgkmjine8vtucc+ktil1hhyh9tmo7y/m5gizjehixayaubnkhkpuai3ruusbtqezzc8ei6d8xezebzaxoptao/agwfrgkao5ct+kncupt+rirfzhpa8iymtf7p2nimanvtdn1bqgny+esyh7szw1it4kiyszpxd5ad+2izyefeqw0eaf5/ncr6wpyr7ayn4k0mwnmbzqxkaymozuaxdartwssy1uy5euldkqytihy0oknwlaytzmyijv7fcan7cnhg+0jkayjx4woc3q5+zvwkxyi8otgumdwvjqjf2ygg0sdg2/haildolkz4pmykggrean6lys1y/oetpy3qrclurzlwuryqmeqcv86djbefzgtslaytrhzwpksbg/vlcupmhnzivdl9oineenemrujju170txn5pratk6sml94zepwqowy8aidzublu0x1wsv7iq60evs7lpfhhxpwud0rts4f3nuga8zacjzufpgpp49hfsobxtd+sra5as1eodgzjhienyftnaybqs4t3tcju9zzx8reh3lm73eyovk4xcr7xkyfbzmcsibnb4qjszxikqchfhh2xbhucukb1wenbgpmdhnvdreusyqhnbhfm+7t4geglq6poocc1ltblxar01fj2rwyauyx67ybu8gvgu0beu4z71pnnk1cvozmwoc55idslwe2nhbfwex+teibrjphnabnzm9ehdu9mkk2ivky7kqz5f2lcbf1jcqjune4naouebo/zivxzfnj8d+0jztrwm9r8+8ng/2h3//iv2+azyvx0wo0lqxh9tup7xg+forj5ogahq0px8fucueh825jez28/r8ec1nl4sw3z0o/axanjd5wfh3kvbmsyqyjfqj8doprp9qplvk2s0fym829s+s9izwflakjlqsyhti5eixvkeaohcq11reegidtupj1iyftdt3kss2r12fqkysijw+hh516z/s/0u05djnr579nbu8gjms2/yats4bmvvepno83fnahyaxhl7mp0ewcr8keuv/lgdf/35gw4xovalivnsigtvtd1jbny7id0k1smrd7nthpt8lh+9rdcyg1yafcpy5kao9pa66myg35rrhdn8qfmjn7reu2ymqp2stx4ov0urknjc9ekg6jym1btwtaumum1kjxy/+ywi+7et8g2qedclrivfok90v2wrl19t/hh6wt7n+tyj6z//bpi7uxb2xphexla5lxcwmxl/sgelc+c7kfeflxh73kuzyncc8cgyllq7vym6paw+/9bxsoy9+epcfpp4ee+atfyxnon9z2ojwwfqlwvyv0pktzmnufdo7l6+opnqnbksc4bjxfywlhjp6v9jw9mcpprvxtl/s+wsbocle0mywmfggdjir9vb85z3qr2e22js7w7dswdmvisp2woqvyqzoru8alr1whzb+eatgqdonnbgcylgcqfkbjefmreiy2z1ade33l0ssnu0sqorqe5oeibpa7p5wwuqki0ezjgqwq7zu30fxmtccwktj5a67+bx9xnmqwd8cxyehm0s9i0qtytlog3xw2do6v5jsourvpwdo5ykchbdejocjvkw9mzp/v6nnfaebz3znjszdhwzejrvpzvcslravzb9cxxbifzvrsckosi+y9v780winayn3w+rf5jh/a5bxlt+lktsu1dwugcajl+c8mrjtgsuravqn/5xe/gws2h8sostyzbjq2un+lk0w8eiopbtprldi33ssttfprqus+25jxjb7jub8bozdsalgny7tbkpphkdk7odxb2pmc2tvmid7xtdcl4yjc5dst8+dmcxosstpkaz94mjuaouzs3h/rl/tyvinnfyw7e7vxkgv9t3f2ow3lan/qgsil4rjbgq+squ9pc/vpbjpfc4ovcal0298lvzselsoctr3nhgkopxuy33odyx/pydi7nia+/ndlnppzn2zwfhuzf/fletujgvuzhn0cmvhbqplbmrvymokmjayidagb2jqidw8ci9uexblic9qywdlci9db250zw50cyaymdmgmcbsci9szxnvdxjjzxmgmjaxidagugovtwvkawfcb3ggwzagmca2mtignzkyxqovugfyzw50ide2msawifikpj4gzw5kb2jqcje5osawig9iaia8paovvhlwzsavwe9iamvjdaovu3vidhlwzsavrm9ybqovrm9ybvr5cgugmqovufrfwc5gawxltmftzsaoli9jbnrlcm5hbe9wq29zdhmucgrmkqovufrfwc5qywdltnvtymvyidekl1burvgusw5mb0rpy3qgmja0idaguiakl01hdhjpecbbms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdagms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdbdci9cqm94ifs1ns4xmtcwodawmcazmziumte1mjawmdagndk5ljy0njgwmdawidcxos4wnjm0mdawmf0kl1jlc291cmnlcya8paovuhjvy1nldcbbic9qreygl1rlehqgxqovq29sb3jtcgfjzsa8paovq3mxidiwnsawifikpj4vrm9udca8pcavrjeumsaymdygmcbspj4kpj4kl0xlbmd0acaymdcgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4acwct5pftpgg7/wu9eqwz5qmhwaikjqnmpl4rstevassqhyipbnwpupjw+x1yb/+po2/tf6ome04iv1lj14bzqbqaptbamwp/z/7h3o/dwvonrsho42mn6z5wkbelcuw9p/73/1f+v/pb7/60ftf/dib+o+p39u+drbj7dmns1lxeovhceva0fh7lxvxneu27wxqnx1sujnhiszw9g5fh8xnvtn2moyivsym8zi6c/l8fedvp/z+toid//gh/7eodma72g/d+97mnhlw6bx8yjbjimbn64aezevbpihsgodxdb7/oppmrpvqv+//8pjjk1/65mbxb33/f0zp39ief/vtpw5g0zra9lpxsg+/yrn4np/my8xihx7k35stll6bz+c7j71zqpgm35txdqszpq5b0xj8ugtgys0tynbaickokgpe63v1trgsbizaizf6mie5npljzjbqnhnnmwilk8uqart40zmpnhjjgwqnjjvn47luruhuinuotfimry2qngwonfijp7tqgygpqkrr5objjlurknygwqnvmxzzwxtdxpqsiftiyjmyst5h48ai1wvtpvqjnwcwbntzuz9gwixmqypyna5iyph5e00jmwidxvhb34qj+zewklfm2f6sufpruqlgsajgzc9fdtiu/krd3vf4hgg16yirwxiweanjwxrvx5e9qni6vuh9py1umkod+snhxqzznmjruquyloefwq2jhq1vw/syj2bc+bazc8h0md1ftvo6gxpdtmta7njorethnisf0xidxzzh2khsmjy4mzvgbnusmja48ovx2urymc1xyx5gu+yx6vgwlxg1w7w6t9gxyvrigoz54rzrtlmwjzedrtsctckim1eykuix23ku5h1vljcwz/jupg409a3t8rdqoqsvnfqf0xit3/v4fk1hw5q1ekx0xltra6yy7s3rme+z6fit0tdmdlrdcni3l/nxcnkovfuumjbo+blzc9sx9g2yshsyte09jjo7plslljgwgorgnmwumls2sorxcdjreo+fzpb51gilpgxofnjgpgqrfrugj2are4oggcgofkthwbra4pfztbyfubtwsfbfdqtfeo95hpxj1gowtmkl+kggbiulkroqsnlnwgidtiwljizyssrqsd7gkqp2qr9ris0p6wws8kzewbq8/gtgn43ahmmjwcfmu7xs0rbgwilzfnx0s8w6eg68gremmy7jzqepwgeq1vgtwde9qdwl56j4wdw3ylphrdo4datjwbsoeeojxfrhkqtlyz3blkxdnoacaxmytey4oatcw95zegnebh09qcsqdpotx1wwrq5+mojbehdwvg1ditvbyi8biw0j060ffkwlxe36dzadohztkbozgs8nivcswdjmiqkxs50gv/inj1xy+/77/jl07csshptfggigj5nxxcqeqwauchmka5jhgsh6zsstrkfj3ce5v0mybgm1epj7juqalqskhesqkckj88lgjado6vurjc3elqbumdtuskqnjgidgpvy/ykuxhv5nwk8exljf4k/taseaek4ezejljeslf4vuaobnpfr0knlsjsurwdpgdfn6cqijbgtucmnlvdlijzkoeenoloytxvrkvdwbnjap4rosap1wfze0vq6ijrjfmnexoqzu9ipi0qsxwbnooiaxtresvoso0mpji0vijy0w1hesoukk62ikoqxoqthzxoijxg4lyrzsqekkeneloo8gv1ctktjba/rvziq0uyjc4yhahvkio5n8a8xxcr2bc3lioi0yl0gqmaiydpo8hwkresyxo4p3cy9koikwaenevf3mjauzemzuzlmcmnkcgb0uvddrkd5nct+zh3xmejrzurlyiz9cmnkr4piidd6wbjwznjgtfvs6dkijxgw0ryk9qpinhe+awxm4py+rv2wlbatcdi5etktzhjqvzfmbwbyfoajdktgoqrk9azjodmtzqoaoisxzcdj25njijbehkknllqrjympn1e9w0xctkrx4tjc6fqrznzbtpc168pszom2gwiphzz1gp0fyvogd1rq04u/szc4wu1wgzrmufsiwabdgokatmdpibkqja1asppfoolmiz6b2ekpiepatqsjpuemmcusvqzfidvsgl6dp6hb6aggpk0zpxosfgneus28fuhjsxwiei8yqesocmoj5scxyd3mw4huscuzeobnvcnoff93jsnwmkmhsb6hy59irlq6uxmpnpw5ybbjrhwkhlrflyxoaek8pgah773skxgc6wre66uteqqtyyiszehqguiw89c6hiyjspoga2gn6zkcsech/xxepetamqajbjgilmqgonwwclr3fussbsn3vvmhtwldtmssjkg64vnsx5mc0gljomasze0dnikn0xjlmiblzmd3u8gyrlb+ammcjrfhwmjjexsjgxkswjey2kotdvalkkxjlhmcitcfrkbfhlg0shm0etp10ncsjigcz9ftugebekb3lu2g+sivujpba6ijpgwf8t9tih7c4o+v6dejddmsc6sxhsod7yr5l0ffkpomtxn9haj3ifqjwhccwwktgzekvvxvrl+hhdwtnu4mvqvk/5duq558n3f/gfef0y8noywr98+jfs5exellrwwp+auupq/xsphqsww1yirmv/ua89fycqvp8oii5w56mah/kidyz8oxmt8enkxlljq+sytz0hgwj+qfjuocqlh6jlht/iy2ml/oe6dofsfib1rkr/pwtotykh3wkcubjimxuf+so1zohmrpm8akaxmf0md5enjxm5gof5yniwzf6ztatfmvwml+oe9dpf7hll711trfozxnz/7evep/solbt03zk1opfrrzmgxxvsynwbbeuxrvt1l/fwdnlxre0fwt8zew5ilul16a5ldm0fywrhm3jirmz6ss+tqrio1mkzpfkhwi/qjtqsqpr5iqoiqlkp7is+7y0ckhkehkskxivvjflkqnoye09mrqqtdz+barsswrpioosyqcb7jakddjqtejpixukl4lvarj0uscpcl2pml5rio5l5i0ow9yi+f0exqqyhlgkhwvvsqidflknhbkhblwjhq9jy4ilypxsrvrkhq5rwnoeavieuyqfa+skqikkuq9idlrp4xual0lvurjapr6s7jf0gwblpi0pw5yo9qbkh11ykgl0lvxrzpojvjxupxinpiqugl0lvsrkglhqwnfrsc3w5vsv6qsajalsl2lk0qnrzow0pq6i5vs114vuaptljomlhe6mlinpblokqkispkm1oqqucdxldohlubxsrvpkgp/xq3swbbm+sv/lsi2llqcg0pn6sb0w0odicwfs0cfnd0kf84uz84c0jllj8sabvl8uuhtujnw+dpsclkuenikpphzkaagjq3wz5g2y9ki7zi/f2kbsl3bdawwxyc5j5adrhohxz9lrwu1sv3jco9yq3+zzm91hyc//fz0eycvhjhdadpm5rxp1sr8umfkctqprpix6vxhyubc2pigzzurbvyllousjnsm21epqlqv0uaisewvrdq2uuafreuqivfvk63nrksfngvpbticpwglyxgzluhtsy9qusurrc2upuujmybuxflhflgeogpwqpxowcrr27gyqjalzhnjet1lg7fk5snbuhvkf2ffulctoa5fqlqbz4ea13pk6x+uqvmzxi1gm+j9mdjucxhshhsw4tv4ezm3bke+mpjczg4cnfhaubtjijitrm4by7laazor2qbdrcuwk0vd0iyjty0u/1fvs/lwrlqb4y0mgm8iyz1tnpeq6dizzqsyuy3r38pik8nrn8tf/ce6zavrbclqcyfs1pleaerug+x4ihcu4+qoniuiaso0svqytshbj0s1sy4jvs+htqivfgut7ignithwcjls2nd/ovglpnoupk0pgw5rlngjnmdvecun2hvnl/mltuzqg2aopdw3nu2fgtq2hdzmh1xzuxhvhryqcs35tufeqtsacnc6yq76wxlpcrihxwso3o7xra1qazvt7tr6mtvn7qq1vj5m2jxkyjp5y5dsaukagupqlatctzblknxyg1kfurjkealsq0in/ew57eurblpijztoawc8u2dwsvn4mww1pkznagvknnq/f0svywog/7vh3vztx/72jrno0l/9vr/67n+exfdv/9z//tyxfd7l67zlhpe6f6vdysvevbb/uod+p8nzual7zureww2uwflr4sovvvkjcv8uj2kvxofnz+leanchtsuylqgocw41xpxxylfangsrtjoxzbty4t+fvmi/e1/8qsshgta7xbrtzjfnlupdz7dme+vbvdwwrbhe4+fsjnfxv+qcoelpoyc17e9psv+ql7/qguddhlvozlhi3il85vxmnfgpjrgby6rqclw9mihoo6vfntdhtz3etbbfntudcits2z/co/vvep7zxxiyq0wziuhxtpyd38tniqq8lapya03qzqoj49ywsla2jdgf/foslng7lt1m47mkm/ubza/ni5vhdjt2mft8+tyhns83xgd54oekn5cic3agiktk1o2jvxkgumgsenyagrlbchmzil7zjkelbxrtzxx0olb31zei2g8vffs5yi1u8efbnmimrpehwvkjf0yxu1lyoqeuzp2jipd+ycdxxshg51gol4r9tb9ctfwa2ph+6o7/zf3v7677g99fvs7oldp5pe/nf/vvv8mhy/ddzwu9tr2sb/wu/+m5bmqfurvyaqg5nkg+i9jwhktivapblttlqyqjrmjfqqp33e2tvb8fzmpjhzqkxiho9hu1rm1td2xt/tp3wz5vptlhghrhwat8+rjj2flwtsr7ppjlyc76+0q9pbyu3bctlsthfd6f3l3t+7pnqn+fzvzu8ferfjl91xgbtstz7lzlggkyeezpsb4p94tcmhlnseb6zkjcqjrnjpwyn/xf6izbnzvgaympu/1olpvfpxnfhgwtljmwnsmwjdm6usqoztmrg4h/gifqj0kp54ubs/oshogxo6tn6op9g73uxx/179f90l9htc+mz+jw284js7eqp2az8s2qqixiyksmcrvo6crvk6s5mr0ghftv55gi0qltpntvplyo2i2vsnx+6n54erhl7sosx98pd4+dix9vduf1z9+jq3t3nb27kvf02/hgdsylamy96lnq28vpykwffa92wtsskmjcuwopu5d++03iptagcbwjl8azh0qxxukzxg+mlwcripy3krrmgsyy6oqj1iwns23j2yvhogjm4aminxazsth4yzgyxzfa9bnulz5bf8bx9co9he4eb9lch21jxqxbgffoknwyumhiimlbppjvkvpibr0xxdjfplj036nmnei27zzk+w0qduoonn2cd/jqcg/flrnxapy0x/dwci2k/mm3n7iadpruf2ix0x9nnxbtrznypqvs2bg3133or5bh6aojt57445s/lnhyv77u5dskpxj7xn6ochlh3+8f6tz+fri1ic6mijgjto5vgarsgiltn1oozndyj3hasvfs/+1ysgm6vj0dlsdtoytszs7bflitm+j59o76wo6zcy4cxnxf78euzvu4lljwu/pinljzjbxi50r/nb7eurxdbx5d1uby3/nm3zxyzisjfexwnbmufo5bz+rtsv+jw8+pswlvyb29xens/ujbnuhwp3nk4z+h7f2xd8+fotxjiql2jngvq4o3svgdxcrstu6smkzt6ri5yqjjd/wpvngnllpuroltj9s9iztiemcixhkp9aznt5w99s+j28+w8scyzt0/dvce8c1eb8hacfpqiiq2u3vuq7jkvotlhmnebdj/t1wdg3bzblmjkounrtklycarsevz1v7v3wre5o8o3xudlxxb0kveprgmmdgqou8tcsu3hp48aoffdcxlsevushcibpa646nvkrp/5zadkpgvpmznw61enyc2hd/3rixxcznvrmuwupc7gxnfsk8vnm4opjqd9jbezbuyoz+hlrp6p7s3w/0440s+zezyspu3wultmkycoar9zk6swyok/lqht9j/uzs5pxmyqwl06ym9f2vvk3f4mzxi7c/cyymadb/dnoa3nthbjke+ki/1qoca8v9zlsduprf4ehaddn8qzavzicut4/2zf95+e3cmysphgoy73dzetfh2qy7bfw8qcnbxexifhlgljogko7gbb+wz0waqqet67/rlaumrhu/wfxqkr9ehx28gc3dv311/iu46xymh87rio634iusno/nqjesizyew1ysikapezrxmlavhryyxu0urwr0eluiu/wuzdunjkjksyzbblccokbaef81zk2k3+hfjirkejuy8bnt9w+2dzcesi3wn/jmh1mve1weqplqpoxkto045koqbybm3b5armpb5sun9/c2x6ogb4cqgfkmajfjiwa5nzulm6mijdsil3frsv9dz6lgrd+ietc7j46u7w3gkb/5v8xa3jbvv1tz4sh4pxc8srmzimkb/8mptu43dsmhhdhus/nu1kw/mqbgeh7skzzgzengxcvd3bx44cpkzeo/oh8dx42uz+ipvfco53/fbnncfsp8n3vjzixieasrbmfykme1xh0wqwvx5aqrcl9g4upcnhvjlcgm453krzeac7pxsbubavyxyez9gr16svtwww3ndwfsmbg8x9ilwlinyoima0fotcsy4ro7vke+v/skhpx0pwnr9rw7vuzyzvir+m+6o16tztr7yk+tyosmjffk5azucykau8x1yxutmr78u5ompccwzpdyllsfruhaimp1cszrlcswlwqued51zfkcsi1grphf8wcvyn3d/kozou0tw/ctm/pm39jzyfokaqttl16bwzidf48kj8udeekfglqsvj3o18v8hg/qfn2vuzhn0cmvhbqplbmrvymokmja0idagb2jqcjw8ci9uaxrszsaosw50zxjuywxdb3n0cy54bhn4kqovqxv0ag9yicheyxzpzcbnyw5kzwxpbikkl0nyzwf0b3igke1py3jvc29mdcbfegnlbckkl1byb2r1y2vyichnywmgt1mgwcaxmc41ljyguxvhcnr6ifberknvbnrlehqpci9dcmvhdglvbkrhdgugkeq6mjawotazmjmymzi5ndzamdanmdankqovtw9krgf0zsaordoymda5mdmymzizmjk0nlowmccwmccpcj4+cmvuzg9iagoymdugmcbvymokwy9jq0ncyxnlzcaymdggmcbsxqplbmrvymokmja2idagb2jqcjw8ci9uexblic9gb250ci9tdwj0exblic9ucnvlvhlwzqovqmfzzuzvbnqgl0jutu9mrsmyqknhbglicmkkl0zvbnrezxnjcmlwdg9yidiwosawifikl1dpzhrocyaymtagmcbsci9gaxjzdenoyxigmzmkl0xhc3rdagfyidc2ci9ub1vuawnvzgugmjexidagugo+pgplbmrvymokmja3idagb2jqcjuymdekzw5kb2jqcjiwocawig9iago8paovtgvuz3roidixmiawifikl04gmwovqwx0zxjuyxrlic9ezxzpy2vsr0ikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbhzrnsbrhgmf/s40esqbrlwjf0mekvcyluglt9stttmxvtalinx13nrxnp5ndluuihoiydywuvkshie7houonokqemxwjoknfeaveirb/o5o7y1s+mdo/ez7/+3y9wwbvj1koy0u0ymrou8nemhz6dezb/bpvqeyuxcndczosiqgfqzxp9wv1lrrpwwqusdb7nnyrdpkqudqqd2qdpix5podjki/kntw1zyqbe6k02se3uepjtvit8tzsimddnbaeavs1u5mzhjdxijviluujk2m+iot22rtj76u97rlt1ldfydc5c9q48v1a2x5g04ukbcwdhtwddtdvbpu1wm4rypfqxfy96c9h2fxkyxxq9smp0rhr+laqfa8dnt8afl4vlx7clpv+3meo1vhumgpu0deymoulenqb7gb85br9i4oeffulsma5jmwb+q8anz8c+x8c2x8diwpgqbwry2w3upliiuccdoacadfmtus1zl0/onxwaixwzxtndvrksjtf5wmu8irbfokmtfkfztlf23ipcnt4ke/2f7kkvo7frmylu12cjzry1qe06oomn5dvz8yepni9r/czt2c4yowame8bcjhyyrbipbepidty4/gtzmzxvccfk/oqpocvb2vm334udsjbrqu9oznrl5pd3ns+mzhem5kswdmtnfhf/mytjgxefdtcdsz/m2dtkwcyhqubezbvnjqk0ysyguharq4zekwqtfqlx9bqwspkx5uweuvdfhw9wogefx/pers4w8y/hvgccw3lcjr+tv+il+sl+l3983xtob7imxppmsara18zv2aw1ci4qy0yvqwpig+w2g56lwrpneiv9osv9y3h6jl2fg3zo8kc4mp8ndslcgvqxdjjya5l90wyxtfh51vl9q/puft89klnjdeyunhmkfp8nlwna/+zq2dssqvw5i2qljxroe5vd6p9aovack09prarbwox346qa+udw5yviqus22x1kfzgy5reyklxzovg38ivhv+lxmel1zq0+q9nulmmaqnfedw2cieu/8nfswmn3mvuzhn0cmvhbqplbmrvymokmja5idagb2jqcjw8ci9uexblic9gb250rgvzy3jpchrvcgovqxnjzw50idk1mgovq2fwsgvpz2h0idg0ngovrgvzy2vudcatmjy5ci9gbgfncya0ci9gb250qkjvecbbic04ocatmtk0idcynya2otndci9gb250tmftzsavqlrnt0xfizjcq2fsawjyaqovsxrhbgljqw5nbgugmaovu3rlbvygmaovtwf4v2lkdgggmti4oaovwehlawdodca2mzukl0zvbnrgawxlmiaymtmgmcbscj4+cmvuzg9iagoymtagmcbvymokwya1mdcgnze1idiynia1mdcgnta3iduwnya1mdcgnta3iduwnya1mdcgnta3iduwnya1mjugmza2idqymya1mjugnti1idq5ocazmdmgmjuyidqzmyazmdmgnzk5iduynyazndkgnti1iduynsa0nzkgnduzidmznsazotegmji5iduynsazmdugndu1idq1mia3mtugmji5iduyosa2mtygntu3idq3msayntignjq2xqplbmrvymokmjexidagb2jqcjw8ci9mzw5ndgggmje0idagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keafdkmfqwzaqro/6ij2mhycnz2mokqefkpy6/qbfghtbvbjr+ec/r6sufhrqqbn6m7psx/69z59if0qwaxknnp1gcaty0a2tz3v4jedt+r1vzc4mkp3hyvss5p7hqg2riprxrpykg+3exljhpwgf4icej9p9h4eqdgumd8zgri3qoniys93zxiuzqbqi+97luu/bpln/l65bbovgmtg8ktngserjiyynqlzpuvz06hty/rsvptr/jtlvjifu9wp+8fwm5w/eeitppt//umphzw5kc3ryzwftcmvuzg9iagoymtigmcbvymoknzkycmvuzg9iagoymtmgmcbvymokpdwkl0xlbmd0acaymtugmcbsci9mzw5ndggxidi3mtiwci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4adv9z2bcxbn2zdnbe9euvtqivfwq92jla/vqw5zls7zls7blgns3bhibaiaqapwchbbiyolxa4nlimfjneise0iikasisapkoignlul75syobjnwv+/h9+neowefz8qzpfpozdvlhatccsfgcodiphj5+pfn0rc0fzfparuw79gwonbhqq8iofmeqa0rn61a/+67pszcnnwe6fnxrbtyzc/mijoewocrun5m9ejiincyzz9hslml11eurot5bs2bchcjnll6/bzdtx6y1yc8cegfrtu4fgtrh1fpiarloskr14/s2ht5edbdcd+icgjdyprr35mx7uf4latv2jk6afltp51h+a8ozog4iv/yj4loydjwmostbfkk2byss/linbjftaepjevei1qnssvqoimzjetssytyizo4iyuyiyoesarxeatxed2xej9jizzigg28kf2cffcjvzeqituymvqzq64gw2g/a+q6cgu5gzxnfom7oqr1hnxphijfj3hyhfimewnqiv8pyujk9xpikk+hpk5cjj+cvddxedcmtlwscwdctlxoysykbfivn4j7y8qdk7ajmy2dgjrrzdlzko0fdhzyq6kbv5onk1lyuh7aqnzt37t3thybepiysswhvwqhwuqwkyeytezq/xvknvkdy6wl68h6skejbudakuivcc1fruxixftfxbvjjrkrbchbyhaya/9tgt6adlg0zup4o9mj/3ark8lusofsjfusnzuvml1i2a3e7klkfnivwuzqclbrgnnmixinuratdj25gdyifvv00i1tuq6tm8jnaofpkfvjp+lblku5jdxgpktur3+4k9xf7iafq7/4avnij2lvuei/t+4l96hpscvuqsx9irqb3ipx+apyghmuhcopk7zcdqtxiwi7rfqsvqk22is6h7rkjrk1d05zaz+swep9ofnvxbdfwuuu2jg0i7peierk1jmcbadwyr5kjldebagz1xfrywze6ndrzfuuv/zfylmnmz2+chsjyzcb3y24z/9b7ku5ltv3ky9hbh4zn8yqtd0azdv9ir40/t6pvpcrav8hd5kvoi0ejkwj5jepie5h8jwm7w+qo+qr/hdrx6p46qpkm0rlxclxkianyem05opkfblt4v+7tgpwhz+85ksyrmrukafje+rj9jbvkzpwnn/ffylmw4h7ohl7vsnfw98l3ynnlvws9bvowz+eh/ox+qn5kfkz+t5czyqfp0loofi8+qv5izqhfk7ewuc4qgjtk5yugvq8aohgqp+8vrm9c2bp6unu6uxob2ttaw5qnblrqj8xva62prqqsqkosca/nzsrm5ir9lrsnqvzandrtbq1spyoyw+jta6h4tndcvv2pl29giuji4gyusriob5cvovleeihdt0iki7lgupolz/igem5y1m5qs00nuwvya+1relxc82r0bhd2dsafutzzdauv6dohkwrspwagyfwgfeewryrm0nxohxqibfuwh24zbi5ij8enxqaik2jhoj8ctxghdrcxxmjm47t3hqqccm3pfa4rhrm9rvxoatlzev8tu9as7m/hb5u4kitulzc0xtxkmwf1srxz+sm0ph8m4dvhrorzcnr04riiphfa3f5bbcdllsoh74+bo/g8yln8bzdf/dcgkpx/ehzszwawy11zz36ahpxz9kiocp/irj5yix/wl1fejosjnfk2f5fwckr4psz4nreaij7wx2ifuewu5ebxmjkgqlxa70dpbwiy/wjeiukdsalyzzyrqs4+1nkazeydflwbjztibqmj393rpbgdywlfesjzzxfrlgqc+mhujw9vgz5asyjo4cjzaghbenmdcrjzrcxkaqxw44xfyh/ydaqsyazoxcgxhtzfhdfgrm1eyfcslrw9a0ol/dylrirku6glyevihe14fp0kzbdrghydbkyir0dp0nz5pnj5sh/itjstgbzfcq9twiu7jbdaytwxopd/hxonytda/5wpdyi8w1gbkyhwstfbpg88/g6/kablatqt0/kfplr7bg2sxcakpzyigstrira8rfpni4ew1zdg6xfg6ehbqifigz4lmqopi4rbwe5q6kdf4nxavo7p4zorfz8n7fk5xxabcr1u/ekwk2ol94t/55pvtwem91qxqhltpmsg7ysuasug0yw9p/vu2k2sbodt6bjzdno6lcql0ghkkyls6inesva0rukkzmhgchozdccphsbm8aah9laad+uvkhx78ibpbwtvwtezsgexs3t4itcnw9abkqm9mhwqnkurfmvcjssngq2fyk5qyshdusixx2h2zdhkgwseeyqgket3tfyu7wjhio1fy4y0joscdlcrydhxiypldt8pby7vkllehuthshhsmekw5g+gelos2xc7/pvzl/tif20a15jqt58t+pxcl2h93im3tc3coc0dwvqg+ynjcqqnq03dh7prnra6rccuxirsvgwybkewicvnbcbnzlffzpgyaelvavekohly5qoctwt4ihzpibxojvijyfoxenistwgfjdcvkvrbpddlaevrhn2dq4+pdzibhfxocnxs+m0uk/iuqt+oju0prghmtoyn0yawxwdi2/g8rowr400xqmhwjhj8emhhypwu+hya8rpb9e7bkz3s1mhscnjeqphc/4lg2emicxawog4pop5qj3vixxtdmoibosfwd7c7op0y6izkdmxfbbjqrsilb1xpurqj0tajlblgtydcdfyta0auln+aalxa4pxwsj70oe17i5civuctedq0ey8thu2+6kiwcooscnr2mgan2rdz0ipeyn9azzgjyc+da6x1uhrwp0vjybp+xailaaiy/vq1bkvnbb2q8woxkiqe1sbwz9mjkxacpbrbijrc1egfpk2fqja/gohyrrwesv0ftidvtswn+kosi8xzficwadjhexe8hs9bp5l/q4rpnemzi3sgmtkn618lrbjcxnwxwicp7/eijhitbgyzemywbqr4yyp1bkam2b3owve2otdksuzbxa/bfkrnjmwjkn8p9gxyedht0bef0ul8nwfjdur0ycp68z/+qjul515ilkporbmnfgqnxajw+xnsaosseusit1kfln0fdhtudhg1tlhhnm3n+sktn+mtuqiitopg1jkm2jwlwq+lzraedlvoblftnem0yktddpbjik0jl82/mzr+gsxhdvff2jrq6+/9rrtb8/aa4rkxn/h9zjiag/bfbgsklbr0kqycqwknozksrlseqmipdusyzguuplkqnq5rdqgycjjy+olfqby8x8vlgepa6t9kyb5zepaqtvl1qilnk+jyhqwrw9r1vtcdk2s1chqnta3qjgja11lxq+19ns3j92h0znspe50u3b8n2rlh39xwz5quq376e5zu7e4ivp+neenqtsasydxn60u3dhf6rspje6b3aptouym3obf49e501gzaw43l2u8bzak5jhjd+ma2ox9+zxtdsmzu46lygrs8s0tntodfueenclmhd89yvl4zrng8bosnrgmz5xy0x6dba66nzq00klo61h2u1i8lcwqby/n9xftaz0r7pnmuhr6dzjff3bpunumrvqtneluvxykt8xvs7vfbsczyluncqxwv/kefmy9kyx7ar/d7kkj455cy5i9fggycgtlvahcqrd5s73iwgpdrlivspsyldysqj5rkltmqhwzvb5+ztzce4mjpqyveifxonrezkuqorksyquyrdfzahz2tstjcdsvvo/1gycuqgnysll2dsvufvx7ze5uc1vqtitinlgdmpkmszlogfr6gw5dfurc9jxgup3wplewlniprjhi84qcujyxwsqyxpojna/zv9d+d+fh/9camzxmwtu3cjmmkxnb8r+vlx8ekpp9dlb0ba1jr1lptvpmn4ksnrwgn8g/jmuyhvfyynoybcxqli36lhitdfbugynkmrxkbvyb7s4fo+/flcqnx0qoidhyy9cmlqp+8wryk4wlgj9k19sosbqyy57yfvjuk5fqzprtuk7lywtnthuj/pj1uqyakafkf7uwc8yrph4vkwq40mbg1nafo/vcvgqiy0sx7nnokqgaim7k0pqs4ixomromk1iwgjggf+s4zrxlhrhgu0njxwzt1riyt8ttvlpzjtfy0vypquvdz3vbtvyw1g/72pq9npjzntngokpmophh62+cv7j85iz52q/e0ryimtg4z+bggv6tsamxmry2tga1rpzzvakzq7v8tou/pzkus/msvvtuslozv3//vlmpbq15rx2nzyp9j8c+v1rvxpkxeuzj6pcgcoxypdiuwo8wi4gv8chcisuqx+j7mb876kalrepiewutegudnmpshh2tdde9crsqk8iqdfeyvt+e3elvtxxxqb5x9xcysafgtkmz6p0xrtzek/0wx32xqybhm537iw3sgfq7b/aql+rfli2/bsja0dqao3p43ehugq0z5pwh7+v2tbfnlrtpqe6j7vl5svb9rcwnew9t/ucvj76x/clrwu3ztxkbmfjvkoxzdbuoa1efj/e/5lvhblmoxbe3hfwxwzgtsxtisn+c6cv3kgn5iwwwkp8hfetg42nwkmes3uu8sxbznidhdpldzaatgbw3a/4lg9pkpdka32yx5ixjxpi5yeitvjecmyo5pzg5rqwtzk75zyuo+6te3f6sp0y1x/uw3pgl0qvkby0a4qp5ljxtqtkel3ax0odgzr16jamqag/nlsihjlxwn71rogjk7tgkmzupdez7myu8eo3kmftzpvfx7rwqhbuaxjo/iwrsgrtya3af3ezlsnfe9pzyfu3tu+tsqrlei9pryamgc8onhl1waccagy3onolsra7dll/egwm2zq+bysggomr017arwmnavwtsmeyn6x81rlvupelxrkykjhwrfswnbvamptauuukru4h1kymz3gqsyfgrlbia6os3e8nddclso+6gt2ojuvf33czc62ecxntclw7duk/klf+ts5xztliqsv6i1p7myhnm25ffy29ekfu67lnlzx+kav1b1qv0dzxta25ah0kfmhmeewvn8ykutlnnfs+h48u2pxlnw0utzbr+brwfvwfz3ljzwvh0pqysvbz2gok9jsc3rbebfdq2raiyoxjjpexki8ozgp2czna+c/p5zf75zjd5ipddb/jgsebog1epcnm9xkzcuwqmgxks9diljmva3m2pmaxd4fwfhlddpploqohzkqpsprw9kt3pfxvysskiwfrvpyldbcjp4tzvea6t9nuo725wecpcsng9wpd0lizvs7uf5m6pveyqly/k+mytgdznvbevhuumrvejs7lwwdl/c2zjw1tqp2++f/kvdw0xpcrfuxpg4vomtcg54a5d8wvdqw6txecwo60mo8/rrn89tnvb6atbmrd+ycb58m7c7teqzknksndmfj16f5loviq8ngy+88rg87n+bimxvnwwholuwioz88ogiejpwwotz8ucnjvtzjjcqgxlzb5q3b7qtrwz6fncaqpqhz1b9je2adgbltulrvpsjyne2q14blgicnhuhlsxxl4zcirpopvap9g6a3n+rpkq5rmdua92wj/rwuf5q07dvtybczhxrdrxd0yam006ww11pljueqpew9zbu0xrt3vmhj7+s87ipjnrj7tdmc5uu3zoyfxz88xwk9m/zqf5qdhhdqk/gqxgwg2sfnn8evdmvvnw1nxqvndqfim6unoe1+1rv4ymrykwcofkxi994fvsla2tcwm2v9n5npx/xtmu7p3d8ooicpjoayyukpbuzym0n2ytl912wqsjik9bcn1qanvftopfplp7kjuzxsdqq/q+lkpivvk5vz9qiegh6/rzvfqt1qazmayk+1b6xv9vj8aeo2twekyttvim0uieli+omlohygjmcsjjm82ca4m5l/be2svaa2s9brfs2jqj6yknxao4lfl0apr41hesrjqlyblgex0+l/43zs4ml26+snin2dx/az9rji/ehywqzx1gp1d80j6rtvwyyqmmrsxrdgqdi/wjmnihu3wokm+lke5pormopeqnynzpvppbi0wqvs2qv+rpwxfllws/petyzeg6zkt72oti4fui73mthqgleonebfe60jnsfr0mq2vrlinttiom7pbvlh9e6rfdwuqei7kdbw3mr7fp4kzaqjyn7w4raxibfj9nd2dfo4ppp86sgrsziwnmq4n2z/arrmvymvblvbemb4zomzezregz1u/xlhwo2iiolcorkqh2fqmhgy4bmjyvm4kzrmvaubrz16a+n93u4wr5rent00knv6ruxpsr0gy2ykdrnsjrtasv8uvgtowcg8opnux4iubtmdjs56l4jyopnsyxoregvoz6do4gm6gnjsugiyzlbvmfrr32reytdxnpsrjuq/mesvne1uvo8uychasu4kuug53wqynppumhzlut9ztszlb+uwnt3mlytq9txn9kwb4txbiqksrncmawl766o68tsg12+8te6fbxw1hk6kks9qkuvqw9b4xyvpprdnsn1vvlbzfg5okiwbv68tm9jsjapfaysoezg3x1m/plsmkd5eh66jkfrzt/xnb21lbjz+55bxpdeojvi1efqjtyb1cgq9rhl9q2sdpfqv6ue2ztene99ynhjj+u78d6sjrcebkhne5zjv0lmdtscmwrsgjmyz1sbkuejgykn7i5yshmk6myurlzmohekeqc03w2rgjofxrmtvq6hf9xyamy3glxjebl87vdwehptbfhmdh52ssrlyej349hokz0viudxfv7m/mocgrfardtto6fe7rdux5fsvysac4c6b+/sfiys1d9xr0zvt44wubma7gp7fuxyr8zjjefaojmjmymyb5mdfqrrnhactuvsnj9evb6uhipk3ieldbjibcbw8qdvaqstefgbli3zps4irhd/w6o0fqtpluhyp8xl0stw4vkauy/70kdbknhuip6ia3/pagc+xw1uyype8jxsp0pzh0tla6dllcdxgz7vwj7cnjxznrqsfnkaenmqxuwdh1omuqhlnua+g02tpuw6lnypjsdp+omzh1mya4bvswevipsyt0h1vnqqfhvebfwzbjvur1prxbrjrw16bjy1mlhkvnu6xk2+7kat63jci5xvfmdgiznh5dgs6nhi+/votns/rgvvtnxzsdtqufphl4mry/drtdbj56gg8xgbnx1kllr1to/t5j/vwt8/dzdytdrzsxd9cavbekjisy7m60/mf5opwzmjjhlvggjct6gjay4lqx6beegnc+i9sbs8/5jg61vaerkc1+6tj1al/57a0414sveo9v26uewlpxd3o75hty0iponw2yb0us7c7zsc9nc2nrj6fxusrnf8lcko1hayqzegdwbgaedpraonbdbbwcd28aknsidm60wts2j2wnpnhrszzsqxrk3eectex/fjdlp0vfhwmxuk+jqxdzhezpp7kxvlajukoiecgroacx1jw0trxmbh8fgdzi8i2e+grboccmjdntsx+yo/i2c74dcbu45xgjf/rx3ie6dk7+5sgzrc5t/u8jorse/qbbm25q/0tjsujzpnm33rr3vg83ftolerrbmbts6glmtikvqpufz/j1gvgblp1nwg3u7+2enfs3mlwme5otlyw+6kh1jvh9twerujfl5g7kgtlphxacxtfps+3ldiz7znhhi/ocr7bw4n2azjnfoil9g1zuvdmjmhccmbz3tfjkdwvhsvpzyynhkgvhs3v+dts83rvtt3fkuge/p+b+45ctmbrmns34uebb3fg02cujdna/f0hryak6d5tlptplmm2i2jmzr6tsz5kk0wewcm4avpwxwnbdy2sep6tbvgg2makugancxewwxm5il7cfc7hzdxazmekiy4d2wm6espgctgso3rmnc2onftzq8zodrhpk9u2zmmcdk/ohdg1gfigmmsegux6vd+s0tg7+6objm6ynbwvwp+uuvmn2xpjnsb7hidvsvzsh6xw2nr+tq3h9yc7gtvlfj4lka8quhezopjtsulzki2xyzufp+jwzdznioslocckuh6yrbygblycwvqygdbqmy07ebh+mobzpedijgt3t+4zloh232p57j/kdjnh+fvn2ffoxz+5lc5pmxtogw0v1cbr9dm9fd01uw7da7xiltjnfac5p3n9upvqxst3y8dajnlleemagxpzeqtzdazbld7cpp9xnu7muobw+5esv0z15tyctn8axrbxtzjy836whyq4wsp7mpgmzbk0yck7ybc2mxwez9kzowg8qw5rpm+ajrjiqvnsyk6aod2vz3qmpndg6kc1ommd4p2agsnydtcp7dioybrsm9lgn0ol1keqbbv1xrg7neeor/yzpzw5nudmemm1qylzd5ana9xq9zfxzxjcffthvx6byqbm6xyjqdqw9j7hn7jy9iz6lohetzmkmoq6frdtdvxce61dotvqqrhuujyysaz5xafzuwhofcgbizx+grswbmawapyc8mbj+bivzm7fizz/kzuer/gr7lhk3mgaaxxrcppcczwdbkazadm0mmwlerdh+2z7ep2zfz5sp7ld0z/tcz/eq8ts+b/jgqhrxgr8fqfch2waymsmhyoogiqygfvczpjjqtvzuyy/wprqemgcyixklxtl4x7jtss2vlds4qxtbs7dgoneatmdowv3pac6k/jzanvzewkzd3z9zm9to8nzzestag0wdudhrni+w5c2nz+/tiodtssg4tnujzzqadqtatp+r3rcqzsstzgxnr+vntk0y68k0ot81k9djsppvw4/m4i8vporw5oyxp0/hqiyxhyb9k61xfjlvk8ck8yo8usdaaqrsgtcfkw4avt6ywjfjauqepxvxwidkebr6q0l6cbexxrxkueuecc+blyzp+c2f50wbyd/njw4lp2y5k63w2uf5hsis2kputdju2mpveevonto3hbroqlsuzzavt69wqrzdud/npxkfvjcnkjku3/fd1kzrnfbihwhku8iykt4f8cuwxk8xifm3e9pt+ywggemwo+ybmkiuim9tt0qt1fe0uduyx1apnx37nce5di0pffz1vy3gequsvfzortvmt2oub7f9gcvlraq9m/xqftiamii6p4kdbqz7lt/34nqlx5750zxy2t+2zp2ku1pvodlyqp4w5/nacljztyw4brtlsfoxo0my5yhorh42lhnt/ce5vgslrclz6bvh9xz0zwdaylioieidhwhh6z0fhjlht68css33xwjr5kbhkmhpwl23axihp1irurpz5vvznreco1jhutkm3a3ruvqz0rysfbkuutrfx72nbksk7pdbplzn29s+avurgzvkgwamn/3p20qasgx5pu4hhfsed+9a9se8++f1pepnehmwwseed+8wk0gaxaapsuvbxtpli9rupzsscyjh05xakx6qqoqprbtvnsdfcnc3ircsmdjqzqcnmnorpzpiglngqzqzrhcvdeazhdkiot7vbwyf4lotejonh6mi4hvfcbcue2hdijpqrzu0ig1m7jhwagh3zqjvkokpkeia6nmr+kvsykalrhknrnjdoquxmd+ssd4ryizhnspwtz5byhirj0sq5ltk1nxdi9vlue8+q1owhw0p6xklxtajkjysckpttanatfj9kbzbpp/660aktvtqlqv5gcuhlbpkkfojhu00m6u96hdzkovzcnoxdmfmh+hryu4w8dpq0wunpqoxwpit25fxtkszzhtq7tlndndtiswm0o53mpnfcfc2taw0drauldqv0ej5e+mlju1vypicxhmkgioqsbjhhlx0y45gj0vywbz3zoerj5mywzbzttf1lu9lidk+7rawjq6p2tnyaz9ly2dxhc3rav+xvzjdaejvsrfiaxzjbdp1tadghw3klk1yvksbmzoqxmuiaghvepkxlhk0sjc6oci4z+ix2v1+juk+8j5ttcgpbat6t/c1joiabu/mcwryejj5qq5jvsmtw6orfsdipjb0dhr/prawxjpqiphegu7142c3fp3vzlzalditep771yinzxvq9ew2efeh4ql6pnjjj+sf2fdwrqpios1fk8ja+utberetqmd1uqouy0yhk7qkukhrrgr+hlpfslkrjyoneifjqpeuq05bm2dxtca2o0eojnybqp42sqyzgkuk8jojrnt4htuxmvdgdlj/+w6quwzz9so8sj/kce8+szcwc2dmvvrsplzm7lafsgz0e2f1u0jlzgogi26h6+swv0z2rlp5lp3rqnxhpr505ofsiy6a695zkya/607mckn7ig3yl06tgtltlrye+ajlvjqefnqipw5xmlawxaceo09kgwwv0wsewkl4d6+c9se0mmxua+fhzctszyk/z/nsrbiq9nntsazfy9dsvlupqu6mvglzno8eon8hzyehszszd7bkavningliojutfboigzx4uxuxec3oaxz6sjc1zkgebhpdwktulkslnddklzv69tz54wmfldaqyxho1pfl7gntgkc3trpl4zgzxm1wwwqnygotfbq9fleus5vfc6uwnuc1oxteujulku8o5lbh/nscfl1gkzsc1etmebxsvnypv5qevu6c/tfec9kwcu51lhu5mhed/uwfypbqbnme/teg5tjqysy+joves3btkix6hhfxfcoy0oah+eihd+raiwhaa2bwfnpqkprl4p99ykminf/awhgunc/wewvwmwvbauqhdprhegr/6gm6man+qewhmzwc09ltf11w78td9h/om/eukjjhbzn1wzstf2qax0c27g8zrsumrfjfwkchbg8fijhr0h+ubu06hzfz0ytds6f+xdi1dpkawdj8j1wmsk+dwpwvr5pzrvs3nk5jmk9tlnpkyfpgliyu/mdmnagmh4yt//vkrmze/8qvnv+h9evqfvm/g6ryb9/qg7ilmyk4tb59lmhco6zhgj7f7c+ao5wwbrvjz83umlvkbzp6berlw9ssdfevstjbfeqd4hpsntorestnkthwkppupevgsjutuki0txz1m10mrtku+za++/poveeokqy1204/pwy+9sb9+rm8z4p40qnmts9ep1mk98c11cgdz7etiadijv5hilxqgo2l0ewnd2ucbgmh5a81soa1julpmzuplm+2uofdu0k4kwltboxw0agmpy/saqnwzi4bj2dhukrrdik0us/mpsvkxeky1k8xf6my8kpdwdjapufdx9dlkytpr7+jqcxjzq68rhlvzcykkc00mer7izotw9lrdzytu7sd2fcmnh/k3ytc9tll37+izwtzh4eydd23i6o7lw7qqiekszzhd2vpghvdiqtn75pesuw0w+9guyownwz0tdanhhiunssx16fqr/fdd2zhbue7wg0v6vnhvtaum660oo9nqtdhsbtql3dj94oulrqgvtwb0xuhapy2z5psg4+ph1xqu945igjg5so0t6jbofkpigz14mlsyrrsecvai4u+yhq9ggsuogswuixhfsjgyxjzaplbh2lad9rxwrb20wjsjcla/vjtmpfu3fi9jvpjplaumgvxl8zfuiatmjknewgraggmgfuxqgn0exafdtzk/mi1q3omysjulk5hswuonpczswv44wrr5yqofoefsgl+8uxcg7w5z51yenjbidmmgvqfgyhtkgsqauhfkncsjpteyrmy3mb9qqjihlhj3dbamt3uwnommj0tqydgp35qo+7yo277x0wl+yxqpcqbhmoqtsjls+ybprt4lbucw+vmbdnisulnpreg8z6mun5i++ag1k+7dujvbtafl+ujyugt5kzxlbh3kz681tg3synk5vbqvyt1gf82c6aprpmw0rgpuwdojeo01bw7r7nmhfhzom7urz8bk+v0zwzbexzxnowfkino3njqtmdcrint2l5wwtmsu9i3rz2maxhms3z/+qghxzbnhyh1jr/7ifwsxttvrl36ivuteu/23y75phe5licmpboxoxljy7yiglxw7sfnwf9sdufjjubxmpsmxtwndfasyyp0mjq9wzmnbykya/cbz6fizhsakgpjeeclfegvkzgc+mt2ukdlmnkhewckihcncpuowvtmegedfiocrucfh7cschvfpv0y8m/kxy0atyo6zvy7jhj/ju0f2ja8/wh8ubthwvdjhwp6tvdeuyc+fqoqffq2px7374zxr4nxxa3vacys/or2nup+kgz7aznh26v4zuv69dpiud4+plpj6e/ff+z7cj4x8fkd/lw/ozu+t++xpdtrmni3zci2sqfhvwyh8nzof/0bvj7hmzadntkezattip5mpnnnhszhfp9a85wjqwry2ghb4ssgmxkwjmy7jyzsdpiavkyom+4mvk4kvlvuee7/oevcyi7xg9mnezkjxn2blzigvkxrj/bm2kuayxscv9+nns6djjdacimznw8zwe5y9oyen6zgmx27v6dn2iohyycp6fcw2hg8tuigvw9eweicsbndqnhzfwpwvfpbhz3ax79myznrxxvqtuaprm3xu8if7xitrjho6twvyeb3yjgne1ln06mz2aqg1ptodqxa9/pjdbpu5kgl32kyap2uv3g3bqxof3apxpmzyewvs/ux063qctzvzkmk0qpps2t4gxgyrteux6mehqhisds/hyybyocs+xpaf/0hn0to1t0hxespmbfmyycayeb3rak+ucyvq0aelhy/zaar7bdhhzbu2gqfagvarig2mxo+ey11s6ysk01dw95ezh22zpvgsnwbkf2jzcgvv0vv14xuwt1urg6ymjxasqxgkvcwpv16xwyptjal13rrbtxvlbhkq9lrdt/gcvkazgtwdjjsnxmslefyblbqznsy+fdeyalsnnimjn0pnclhx2gnxz0a8fyt3t9tvufxylhf1dpy8ubikfuf22g+aqk/jeptmli31xyw0raetlbdlt4litxjmt5ixqsjmmnwxpwuwfztompjnwdayzlntuayx2thz4mdx8nm25uo/uxip0jvo64flh1pw9xjyeaeiy9ys7lrgpb+dz8scaazlxqzf1renwxdrhvu6myiy81mgzl5n9+clp2pm0ngx/49qsn3r50ew6swwbrhqy+phdmxr4kelvar8ftlfkw/beyp3js/6+qtdwpgc8ia3evonrs6+jqm8hcye4vbzo8wffxvrjvng9vpt31g7c/narvwnks1mfuxfxubgfc0z0b4re/agrbqao0w/uxfnr05qew9f7uh3qyfth7agdnb2b4wtvgfrqah+yv3txjkfdmvgrsur3olbi8wv7s5mc2wfmur7s6sgyhkyig6nz6rnia1w5xzubio5ebxv77gm2c1othphvo1tm9b01hglbcuc5v+lss/7bd4/ngbp9fgslm2ac2hops3moznzncunzvtprhfrwv6alukzpttbtbndnnuga2iaqaazkhr1syxdmzid+6scjxfcw9wytngk52f8cm3nssssti1nfhxlrw4bg3421pds7ddjxiysg1te257em805rmw9fv4je44np/akwmyazjwqucjhx6g0scoattkm4bkg9vyzwtzru3ahtds59ysmzxwjejmyvtlbxjzeth3jdlvmbzjtvuy1kog5qsrjwngrd43qspwll+n2nyu9yulujr9tspmxsjdo6fnqzya/ec4j2g63uye+le0sog/ttehsixfearu1awwbrzpgszhldhz94yvzs/7jh0skt8zrmuvgzi1izn2n9+nryxdi5pwqmloppccsfz+llm1itcrpl8dvndribfsxt8bzyfxcgdoxjyxcy+zsjavxlcql6cza6cza6cqqs2ddlv0jqqxlrdets6wz7h08pcja+51ikz2n04uhkx8z5df+m8tejvbn93ovgzxdonlmdzep7cxkmdk79aifpty8zl4xxwvfv0wnmaxl12bhmgkojb32gu6+hchf3xrg+lrp6+zvwvfsph6haa3t2ta0n23qlczp3tt/xkb2mjeyls3qwq1ql2mipdjrvpghjtx0/tupbky1+7wwkz3vyffbdxh3ons8qrn+aupqljolwcmhpdxgzu7exwqpyuqwkj8p9iesbrtuzvvlgafhypsgeek0scn/gexh2m23wybwldawnx3zulmjoz+c8byillpnoajdt05ezwnxssc7cqw8i1gsjew4cdtgdp4os3hcjim4vuwos12owoc+rcxscuiotdxg5qgpwigtfp4xdcc32o5/pneitdfiev+fuswrywjwpmo2+wc/sbrkze4571d2v2gbzxo5jqv1molcttulmzujgwcb9o3xo5xotcgil/5ucrs1qroodl/p8tgzjqte1phxlngzm+ne3iinxoo9k3ss2dml9psupcpdmd+kssp5vsyzv0inqwmecvo2lztmg2gz6ob34zgpngnsgvn5fjk+u4twlhsurcmro3idy0zkx5vzfksi/zcerqbhtpjg4ctrtxvs9scl4hdidjyfbk+jlxwtdsvr5eyc8y1j0zilkatpu/4ecmkr/zmtdz1zd1zlf4tshmcvjcmhshesosrl8ahgi3yxhys9mt2ouoxbtdul78exblsxpx+tlb9yfffu+fqmao/mfbfmzdqzc2fmlru5asbfqrhzen0dgzmlvzy4pxff4lio/vhg43ddzmv1ab7qhy1dn0tpzhvkvptw1xltdkcw1znquvsd1q79dy0oftetvllv/hd2tob1rd/85dydx9yvf81euvg3rdmllbhhnurjv0mj0t3ks+ammmnfagabj/qowa8krmjkmpoglncb8uulvvmcdld+wxpypg1sxscwrjna17z3rg4mhpvxdsxeg0u92rauziquh23osevgblnqtnt69g+wfi7yn6dj78lyykw7o6ox1kanvfdvny+qcafq+tjymuyafexeok7aoyd5p4ktmzbfz6d9wsd36iaew4dr2dskcmcouczgjcvtpxoka2ahcrlqiyvn5febzz18jdri9rvdfpos0+n1wllnxqgbxoexdbuwl5gn7/bjv9sb8j056ie2/guhsmyojrwkhcqpuzhmlfmq3efbx19qnf4v4tmhgpdvx/jj24inuya2qp/dkqv+eajsy39wnfbe8v8typj1ccnezfrhlzksiqqvqsyo9s9qvio8op5ghpf/sraryskrerlzcb6wpyjdenmqszuduecy5lokgqxtf8m18lcupqjzqy6wofw1cs0r6ce4pkx6pudjwlu9ixjyp/wlkqeeixxytpin30cyuaar1oqeastpkdata4hduj+1wfyghxgu2aksaoqbuycllwdynrnsl0i1dhyyc+w2o0yp4l+/0mnsrfscpcy/r/q8oqb+sdnp26j9gs6m+7u+go3y7dhpjjlkte+bt5kpmn+1xgett3lsd9on9ki8l91m/7bd4njk+tvx3e5z7r94fpfyne8s70qfxmfx/sjvltordvixyhn+woaaf2lac2vbcfam446if38drawkuvzvetzq+nmsbbzunnczu7sl2jsybs2ylwssehk7ywto6r20e+kqeaefufqia0jcjcr+ifyjsveipulsfujkixyjsvoihujsf2kbefuf2czejie2crfbipvcrbnirrbxclfginvcrbjiprcjqqwqyrkqy4qyewjyikvclbfisijfqiwsyqeqg0imclfaiplc9asxt4g+ieyk0svehcfmczflib4huoxoeqjtia4h2ovoe6jvibyhmovoeqjrijlcxiroekjeiblctbeitohaiwqeqbaisohkisqekbeitihsiuqekbaisihciqqeybciksq0ifkeybuir4hsibkeybqiiksgegehqkiehqgiks5emhb+ivkf8anhfsjfci8qbifcqjifcahhf8imhfuiixbmiuxcgiuwckexqieevginegohveliqkhcucfiutbjisaegbfiyye+eujdit4q4n0h3hpixsh+jcq/hfiheh8x4m9cvcpex4x4ixaxhpgvif4sxntcvcxem0k8icsfhpijeh8q4vdc/e6i14u4l8rvhxhnifefeewi3wjxayf+jctlqrwkxitc/fkif4t4hrdpc/fziz4t4mdcpcveosf+ksrphpixem8i8smhfijed4t4vhbnhfieen8v4jtcnbhiasg+lcs3hhhkicefeeki00kmcxfkimefeeyik0kcecihxheh4kice+jrib4pxcnchbxig0j8xyivcfgwea8j8vuhhhtik0i8imsxhbhfipueufeilwnxrsg+imtnhtgixoeeueeiu4w4s4g7hbhdinuf+kwqtwlxqxcfeeiwiw4w4iyhdgtxoxa3chg9encjca0q1whxsiidqlwtxaehrhjivxd7hngrxb4hdgtxprc7hngpxa4htguxtyitqmwryrmqm4tykmqgidylsu6itujcicqaivylsuqilukmcrfciovclbnirihhizyksusiisewc7fiiivcdaoximqcieyl0s/epch6hjgrxbwhzgsxs4huibqe6bsiq4h2idqeabwiryhmizposnuyvs2jqh0qa+zewa06yenxjwk1cb3goas47u8etijcx0n7oe3htjvtlyn0mciyk5hebnrjaqen7txtgw9t5bsfr25opdfigk2cnnlawlos57so09pewgtyxsfpdafvnfzxwplia0awur5awwk5p2wcrjgnc1rkaqm/boihfnnaxgkhp0foa5wwcjrpqz/tpe59nozy6uu0h9nstrm49xdq5ttfqtph70adoji1j/ydclvxak34uxbqsfi7qc2cmjg18rsz/loypwz+xt2ngzym85x1ngr55twcqjlvcarkvmelk+duxksp5vtcqzgxvsspkf9xwcmfu5ttne55nhi55fciszll8tizouu4zfciw5xc/logpwcnde5pnpycuhops2ashydvinu2qimcpdzszcnfi52chjzspm3gycojlzzmnew8zcjjwenp03sctjw0cd8cfls64esfqtjjpfliicqjkeqnou0oweg4d33m6snoh/k0d3jofu7vcxqx078s3nn4j1v/thj7qp/gob9z+hund3jax3nol5wucpovnvzntm/zylc4vcnpdu5/4ln+yen/4khf89dvol3o6txp+y2n13jkq5xe4fqbtr/mwx7fqy9zeimrsgbvetgrmh/0s04v8mhfchqe0885pcez/iztszzyhkefcvojpx/zlm9w+hgp/cgnh3d6pqeznl7hc36xh77d6qynp3natzl9i0c+xeljtk9wos1pjoc8xuopc3qm00lojxkeblq6kfasah3nfod0jnojnl7j6rforzl9i+gb16df56v8jdpdpo0htl/l9ccnr3b6gnoxod3p6t5e2l28lc9x+ijp+wknz3m6wulz/ij7eohutndxupon3cfluz3tz3nabzxu5fqztrdwupnnvimhdno6kdmnnk7ndf3cpyk6x5twlwndw+lqwr0soyocrk64+xe6khbjsqfxjdyvop2c9vhl9/lr9ndanxcvqjyr+ew7oo3ktiptdk7bog3lrw/hl2/mtcnhxo5snvlcnvcc6zmt47sw0xwc1vdrvnnaxe9sjb98lnmknnm5p2wcrjgnc1rkaqmv9bc/s8wcfvfkl+rfd/ivguc0gn/ufp5f/byuezz6om3l1jtwxvcxoqkxm+vshisn2fkj1yfqt8jvaormwbo4dszcwejqdh5q59tgi1strv1ia0m4rgc1j1xxgzosrgogxosjftstu4xta6f6haprajqdh6yn7imi1xgqtdjzokrhvj2wtyfulbapgcot9owgcp5wzqksyc9hzcnpwzkws4ovj+zmirvxkusxf/bvyocu5yvn45thc8vllmmpm1nwws6slmkpwsvm4gwgewehxkqqu4bfl84pjzofuyonx8i2hdk9cdssuercthtk4etm5olk5otgf9j5btyeaevk4wtmzoi5jtyngufqoek4atlpee41z6niktinirplrgkt1mvbhgnr8uc4duxwy+ipga+bdxd3pulea94f/gx8e/h/ap6otl8h/a7wv+avwaxe/xfwz6s9jfbbwjvag8cflkucf7ssdv4b+d3wo+b1xj0h/xz4dxgv4vfavwf+dfwkenm8nvisust4ivix5nxbf8zzwv8az0p/3bwnpgf8dhgw6ecq91pz+ubpoh8m/qz0j8xxbh9oxhp8gxl18pvmvcgzupz7ko+7whea2oqzfd4nfbv4lmlz8cntluctpq3bj0zbgqebmeau4h8hhkpasasdqfwcoa7egwpgk4opgnchv2ncg3zeuc941lg/+a3g68dxgiebh4cvggucd4k/ajyaa74mvt+4nngf9l3qxwk+cp0flpv5lhuezx0ocfcadwn3axccdwc347rporzbdloctxpmbz9jwbw8xfdv4m2gh4pxylnba+tq4cfahtzyf6d/6qmh+q/q39e//+i+fum+atzn39e1b8++o/t+sy/wozhs7d/dv+fo7v4r+3f27zq6s3/h0e39qu2u7du2y//cto9up83baff2kphttu2h7bjpw/+w/q1ht/stlxo2hngs36kqi285v0uiwyjemdtzyos/0moeqo7dyra1bu7f2l/p6mb+dsvx91+b21ptvap/9dfv/surv/sphl3rv7x6wf9i9xd/0uqh/ivhh/oxvy/sx3r0yf9g9ud/ausfxz2vv//ovp6+6t7+uud7+2dxz+qfhfie6q7+7qnd/z3v7f0dr9v726pb+1tqzzjmswulyxgifcy2kw13gj/v2fjsj/np+9/xq4g/7j/jlx3w1gcqlgf10abzprrrd5xvvp9s9f7mk8w8efmt1psfpfw25a8pkmcsja+wlxhsnpbhvh4ye3rmsbqd8dq0cy6puora44lkt1rd1ooouqwwojss+3n7o3bz/bttzzbjaqvw66rvilmr3wojwit2mwmry5asqlarowiw2mekwfbezihhn59jmjov1womgqx+bunsoxqznjs1xowfxa1epifkcbwbzpae7yr1b1vlpxdf/nigpbcdn9cxjxan6cjcrrhuzqi4vsge1cc+y70l45ob8acyfy4aoe7pzwbxty6b5svd7a+hkufrb7mfpdd2xdp7bhly/fennw52xq8whyspepjpgiyd0svbt2+nrrctwcesrduiyi9cddsl4qcj+n26dwh2hwjhqdc6wy5//+hzkg/pvvwoxsda+d9z/y+jof9l7vn/8g0ej+zp4c6clk4hk6rdwehgauaacbwwh9gh7ax2alubk4fdwe5gb7ad2azsbtydm4cnwazgpbaowatcaawbvgorgjxaklacwp9yqml/neaaayabpcasyahydcwcfgkdwacwajgp9apzgd5gltalzafma7oahqab6ai6gq6ghwgdwoewobloahqbmuamaadqgrka/uyvvafuajvanvafvaivqdlqbpqcjuaxuaquagvaphafpgf5qc6qa2qdwuameaeygdaqaojaaegh0ga/kar4ac+qangan+acniadsam2wapyadngaoyaadadokalaaa1ojo5iu8zkaakelkcio5oaopax8bhwifab8d7whvau8c/gh8c/wd+dvwneaf4k/ax4alwx8cfgbebt4a3gteapwf/bp4a/b74hfa6cb74lfaa8crwcvab4nfar4cxgzeaf4ffai8avwceb34opaf8dhgwoaf8fpgj8gpggebhwa+bhwdfb84c3wo+c3whoam8dxwb+bbwfpak8arwghgdtggpa48bj4etqai4dssby8cjwdebr4cjwdearwnfax4ghgk+cjwifav4apgycd9wh3av8cxgi8axgm8dr4dpafcadwn3axccdwc3a58fbgnubt4d3alcdnwehazubg4argeua64lk2yeondahqioalcdb4crgp3apmavsafydvwj7aj2ajua7ca2ycuwbdgmbai2ahua9ca6yc1wbbagwa2salyco8akydmwdbgbhoglwbjgcfgmlaiwaopaalaama/0a/oapmaumaeydcwcuoeuobpoanqbnqavaagagsay4n+wi/7fcgud/xtu8n/wpxqxlih/b8a32dxlbmrzdhjlyw0kzw5kb2jqcjixncawig9iagoymdckzw5kb2jqcjixnsawig9iagoxnte5mgplbmrvymokmjaxidagb2jqidw8ci9gb250idw8ic9gndegniawifigl0y0mia5idaguiavrjmzidi0idaguia+pgovwe9iamvjdca8pcavsw03ide5osawifigpj4kl1byb2ntzxqgwyavuergic9uzxh0if0kpj4gzw5kb2jqcjixocawig9iaia8paovtgvuz3roidm1njmgicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjatvpzb+q2en73r+i3bqowil468rbzzbyjecwcg9kasr7uetutji4ehepx/vqtyhxvurc8orylaxzzvirfoj4ww+wi+bm7odiwyks600agszzqxdhc7t7sojblxje5apqpd4khbslsyakv3au6gxlelgghl75t4t3x3d0pd7sfln1ttuseqoqytrka6udfo115f+2+u4tcjdn093khq4ly611zzyizcpeit6nvhu8wuxonc2sr6jry0331dpffoy12azjfsd49hxfqqysrkpfku6fy5/276nnq70w6t/ebemivovd+16fvyjrcjniqtgsuwii45vfsbtmdacdhiarctp9dpti6anm67/j7ge0/3kuzzx+lvjqprk/a0fbn3sj/ivwsmejxxjw2/75r39+lcbgszv8kdee9jp3rkvfdxgpgpi9sgauwvnq3t1qouuzc1tc3jvyprpr7+vzbv90bsx+i8phhqvre1u+q4usubz6nvw0s7h/eyfsompcctnzgq5z2jiozh0+9zcuqfabqakniynuscv/suuflykj5maxvd4/0nbmfligr/jxxnmprmnqgys+2tx0+wp7mnpdjvux13tevrlfhfpqvusslyrajn71klp0e3ci+e+7zzva7ybnrarba0vxtuoflx75rnfgilkfs5dg+nnhqonspz1tuev39jx+rrgwryytav5yq4kttvvvuu+k4h9rj1njzu7+vbfucmrx/t60l7qcruuo67wehdvuo1ujttd5wzxacrhts27/vu1qfgg4sbso92hsgpf3enln4gfs1rpkw2qfn29pwh5qi9tngqydhjnr6thqs9nlfjafgjrbivtwqjewaxwe6dgpejsakhpqbooen4xwf8z8dimqbzdvchkr5h80dl9orgyexhing9oofw0wybp5zmi4t7ur4/utwk6arp5kgp6oaz8urdtefrr87oiy1wmgusjgm2m9zmlzcdb7kms52iq1kjza2r1nfogyojtlbypitrdtoxmlz03kix3c/hvsarebaiqbmgu7umtlup+bg50rzys9zhipnrpal9pbh/fj9qj1bwovumhwomgoxunwc3g5tpakvlhqhotdmotbq8ilb7honb6h2vmffosj5ysfqywubbni8sck7+rydnzhpstqsk0atbgnm5vk8cdh+q4e8eo95gdu/elo8dhbss6d56vqnfurz2o03nsd3ogz9ukgpil3fukwf7f0yumozhkxo4jjhmjqxhr2g4fc1ef8agou2w0boykqyp5h0y2d3t/mke4o04y4fbljv6ubydy8bs/zrbswsigxsrjrhpbako9ym7/38ucax5urblzt3ddwya/+gusih5n07k107ww9okbi3hdhomnbcicuqauyyzbgcuhamkyf2b1f5knqrj7zzjyk7lftbxiauvcz4r+bju/owtfuujkr7ja/mbdble0trdkeuh5mhhu9pvcyihtqiaeja+8hkmcbkrayhbspl0nozsfquixmvfbphborokdnw2cmdtq4dntzdk7nh5b/xsdbyoavb3sxc//burv4u2mwbbhm8ym1sz7guki/g/kkk6oouab6sps4oby6tehrm3dvhypwweiycczkos9ppsofm1numoe/udlqilxybh/qaosj1vhs7abboigldwra7v0wz7ognykcnzdbmketni+xc9updb8u36+61iyowm0zeec5n++kclg2+oylgheksxayjykqrggyraacwiize6ugvvj1j01mci1aybec2dbjvha1xj1gcank9kfbgiarnumjqnm7hfnvosqga2ybabold3ip8il26ch0htu6cqoyhilbifvuven2s6qpfyrh+ok3dww2e8ajch/rq2eqop5zpdtwony+cs84/g40u7n4rdjyvqt5ojg35dbqxe/9yvkmxdymtfxjxm3nznvoz3xguvfyt2v4blj7j7ht8uqnh4tqek3sjcu0pmvyampnq8lybxzv/g3rbgcjy0tadd9/j2fch9g3t6pfljcri5gjrrl4yoedho+toessbyw5fksrd3ancnyphvd6ukkjxjwxw1bjql5finqwjacuvcc2mwjrljykjnwhmx9svtwvpzyfoyrhfyafji5cfvt5tlhjodggf6+byb5xitf9rliyafqrsxu8mtkwpoywu+vsmvtcj4rftthrbz0okwgskhs+whizhwrwxqpktjbzdgpx69cstj5wi0ijmyxjvbsv02eilsokyibkr3m6uhmzk+jiph3yhw0jbya9cyv5kb7gxtblgjtwfwqewthylp4wh0izukjv/dnibvl99dsb8uai7qdxszcimo2ybnjsm38bmcp9mqqkpuxj2dqt9lkbl0ja1yqo/cmocahhfouk0wjrqyaqz81cssqx6xqkqrhaluryojc0scqulg1wrvpwcutqeldqpeblu+zeyhkurwabbn+nq+tsgyibvhxmhhf6wc9pa1nfqcwecscrxqqzb0rfj9x8hfb+yzjntmpyfctyjwhlib+bczsiqphdyr43juhvwmofdl8nnyxscaq3ijqu/aey9bckyihy5xwbofp+b853c/rxkc3fgfxepx5bx1fmuzixye62ote5jvt0bzh5yw/6s/f7ndyyizbopll7t/gel1ff0q5rzxkqjrasuciuvsol0ztavt303pz+o2xkv3dr7w4hyfx8dtgaktyp29ly/4ctgynpma/uf3cosyqxbxkbngrzvhx01ebbpmkdf55akodrsry7tndposcg9keslwzdyhx6zxujlibtyhe8oy+iyj1gh5aafzqqhbbx253asbojm5flusue8erxyfmnssxlvsxlvpfxxqbk4fqfoubgiw+gqu8ho6oxah9tojox6ts0vmbvdfbvjlikqfcpmm3uemnpzxrwpxiptwxjjelpem3snecejeglq2rwwen7ljhg3k9ksotqip3eoix3/vrjb7mpmt4ny27jhorvyl1hgmhsiaf0/ay+y8khkdprvmgwro/hib4ahbv0/ujhhi3u5csadegdynfnd3weows95zfygjochbv2zrjscmeb76mrxrstwcvirprajgwwmiazg+vhzjnsw6hnqwmaegn79trflmohpbab1ny+a4penmlm8rf96hrugkc0gy4fidug6wefomugzjzqkxqjizv329r27+acsm2xyrivunrnywep9ms3wnkgkz/bq7sphs8tl/erw6mif+mswqnaqiajio8kl8nt0sjao71f01r0kwhzyptaxuuthklfdvlrgt2r8pwszr0qzgcb72uwbl+fn68znvf6pweu2s2+vvobdybfrpa7cnea9p45b9wpkz8trvcq/9stiyjnyxewjsebue5rdzta+jjw5h1mf3/3e3dryc5dwjzhl/mct5a3mo942qmsrowngpq5b1qah102uq8a6/gywzub2ycwqirfatcr+tg7urtl1mmbv/y/oydbv0sk48qi82yodl7fte3s1f/g2mfpihy1jf2o2wicn0enyvhc9af0gsmrkzgs3kw9exjqgyurm8xxazuoqqmkejr9cvjvijkf4p8ssstpppzsal8s1nrop2ixudrvdlrwpajbiad0dljgwnikv3tm0t3yg1a2tdkus2auubw2ar8fszhvw25ulzjls4hoihd0zijhdxymzy2pbnm1pb6ahnrrkdxzy6on5ny3hmq4uyagqygvvs0ucagihpchqkcsobyyv5nug4remfslgbmyedre0vf5hiypybb4druj4hvgceqharayhyli6v3zjeu6f80libw3lfqgbycqjigzjpiuswfgv9cugqqyhjjo/12mnqh4rtfxfynpok/o0ukn2u5u7d90jqfgcqcldonttjyahjvwcbkpg3zox4zhlek5lqeadzqh0+1ym3aqt/mlbj3rlr7hlys7fazzycq9rneyj5kf/gchyzwkqvvgba+cfywjhr+2yv7xbspiuwillcxztkrfvlai7glz+sybeeqzr5kgeew2badwphni0eerzxglf4dt5ljysvbfodgqhewcpm7jcxcwdvdkk/ikyule1fvj4ncg+toetlqvz8llhkobkf2s2xfvt1utewtlhysl5aw5fkkthllwr8tud1e4jweja9xlhwdh7sp9baihcxmww5p3ca1vftsaqkza49knt15nrm3fp64fhxvps4hls65emvfg8zhevhfqsbynoat7papy7qdsglk/asztuokuwzgudg+1gl6jpr5mlu0uf9xopwyyd0y7unytiw/n1tablhpi6vvenfaz+a6uw+mzzoviqsucmb6qcx3djeexxjckgvnr96v4woc4udwpeomx1ysa2p7db6gv3anqnk+vk/3yvdj+faplmipe63m1xtfflniwvqgj6h2g0gvlczentzt+slrtjrqfqb/9ywm4pehvgt4cv0jhdlqreppky8j2rnf2sjrt3pnwdq2vvpbbtyvlifz78tunjxnexffat4eiqhpdy5oqn+zzakfwgf6hbfuc9g2c+pql7bqjgcx8kkhj18xgg8caw6fkzqao2ptultxlymtgc/a6gadpmswd1whppixesmuhozhgtmpzlr3qy3nadbtvtej6mejbxzujvlnrwvtlrzvoknwu+x0t1dawasrisyhv/cvpmfum1kp4cqtynpyggiu8uzzivxfha9e25ely0aun33zzd/rdhq8pzzw5kc3ryzwftcmvuzg9iagoymtcgmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzidixocawifikl1jlc291cmnlcyaymtygmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgmtyxidagugo+piblbmrvymokmtk4idagb2jqidw8ci9uexblic9yt2jqzwn0ci9tdwj0exblic9gb3jtci9gb3jtvhlwzsaxci9qvevylkzpbgvoyw1licgul1n1bnnwawrlci5wzgypci9qvevyllbhz2vodw1izxigmqovufrfwc5jbmzvrgljdcaymtkgmcbsiaovtwf0cml4ifsxljawmdawmdawidaumdawmdawmdagmc4wmdawmdawmcaxljawmdawmdawidaumdawmdawmdagmc4wmdawmdawmf0kl0jcb3ggwzqunzqzmty5mdagndk4ljaxmdkwmdawidu0os4wmdu0mdawmca3odeumdcxmdawmdbdci9szxnvdxjjzxmgpdwkl1byb2ntzxqgwyavuergic9uzxh0ic9jbwfnzuigl0ltywdlqyavsw1hz2vjif0kl0nvbg9yu3bhy2ugpdwkl0nzmsaymjagmcbscj4+l0zvbnqgpdwgl0yxljegmjixidaguj4+ci9yt2jqzwn0idw8ci9jbtq4idiymiawifikl0ltmtcgmjizidagugovsw0zmyaymjqgmcbsci9jbtuyidiynsawifikl0ltmjegmji2idagugovsw0xmyaymjcgmcbsci9jbtizidiyocawifikl0ltosaymjkgmcbsci9jbte2idizmcawifikl0ltndmgmjmxidagugovsw00ncaymzigmcbsci9jbty1idizmyawifikl0ltniaymzqgmcbsci9jbti3idiznsawifikl0ltmtigmjm2idagugovsw0znsaymzcgmcbsci9jbtuwidizocawifikl0ltnjggmjm5idagugovsw00msayndagmcbsci9jbtc1idi0msawifikl0ltnzcgmjqyidagugovsw02ncayndmgmcbsci9jbtugmjq0idagugovsw00nsayndugmcbsci9jbtiwidi0niawifikl0ltnjkgmjq3idagugovsw0zocayndggmcbsci9jbtegmjq5idagugovsw00miayntagmcbsci9jbtcyidi1msawifikl0ltmtqgmjuyidagugovsw01nsayntmgmcbsci9jbti0idi1ncawifikl0ltmzcgmju1idagugovsw00niayntygmcbsci9jbtggmju3idagugovsw0zniayntggmcbsci9jbtyxidi1osawifikl0ltntqgmjywidagugovsw0ymiaynjegmcbsci9jbtqwidi2miawifikl0ltnjcgmjyzidagugovsw03msaynjqgmcbsci9jbtc4idi2nsawifikl0ltmzkgmjy2idagugovsw0yosaynjcgmcbsci9jbti2idi2ocawifikl0ltnjygmjy5idagugovsw03mcaynzagmcbsci9jbtc0idi3msawifikl0ltnjmgmjcyidagugovsw01msaynzmgmcbsci9jbtmgmjc0idagugovsw03idi3nsawifikl0ltntcgmjc2idagugovsw0yidi3nyawifikl0ltmzegmjc4idagugovsw03myaynzkgmcbsci9jbtewidi4mcawifikl0ltmjugmjgxidagugovsw0yocayodigmcbsci9jbtuzidi4myawifikl0ltntkgmjg0idagugovsw0xmsayodugmcbsci9jbtqgmjg2idagugovsw0xocayodcgmcbsci9jbtu2idi4ocawifikl0ltmtugmjg5idagugovsw0xosayotagmcbsci9jbtmyidi5msawifikl0ltndkgmjkyidagugovsw0zmcayotmgmcbsci9jbtc2idi5ncawifikl0ltntggmjk1idagugovsw00nyayotygmcbsci9jbtyyidi5nyawifikl0ltmzqgmjk4idagugovsw02mcayotkgmcbscj4+l1noywrpbmcgpdwkl1nomjmgmzawidagugovu2gxocazmdegmcbsci9tadmyidmwmiawifikl1nonzkgmzazidagugovu2g1niazmdqgmcbsci9taduxidmwnsawifikl1nonjkgmza2idagugovu2gxncazmdcgmcbsci9tadqxidmwocawifikl1nonzcgmza5idagugovu2g3ocazmtagmcbsci9tadm4idmxmsawifikl1nonjegmzeyidagugovu2gyocazmtmgmcbsci9tadywidmxncawifikl1nontugmze1idagugovu2g5idmxniawifikl1noocazmtcgmcbsci9tadgwidmxocawifikl1nomjcgmze5idagugovu2g0nsazmjagmcbsci9tadm3idmymsawifikl1nondggmziyidagugovu2gxmiazmjmgmcbsci9tadi2idmyncawifikl1nomjigmzi1idagugovu2g3mcazmjygmcbsci9tadi0idmynyawifikl1nomjugmzi4idagugovu2gyosazmjkgmcbsci9tadu4idmzmcawifikl1nomzegmzmxidagugovu2gzidmzmiawifikl1nondqgmzmzidagugovu2g3ncazmzqgmcbsci9tady2idmznsawifikl1nondagmzm2idagugovu2gxidmznyawifikl1nomtegmzm4idagugovu2g1miazmzkgmcbsci9tadcyidm0mcawifikl1nontcgmzqxidagugovu2gyidm0miawifikl1nomzqgmzqzidagugovu2g0myazndqgmcbsci9tadq5idm0nsawifikl1nonjcgmzq2idagugovu2g0idm0nyawifikl1nomtkgmzq4idagugovu2g2nsazndkgmcbsci9tady4idm1mcawifikl1nonzugmzuxidagugovu2gymcazntigmcbsci9tadcxidm1myawifikl1nomzkgmzu0idagugovu2g3niazntugmcbsci9tadq3idm1niawifikl1nomtugmzu3idagugovu2g1ncazntggmcbsci9tadmwidm1osawifikl1nonjmgmzywidagugovu2g2idm2msawifikl1nonyaznjigmcbsci9tade2idm2myawifikl1nomzygmzy0idagugovu2g2ncaznjugmcbsci9tadewidm2niawifikl1noodegmzy3idagugovu2g1osaznjggmcbsci9tadmzidm2osawifikl1nomjegmzcwidagugovu2gxmyaznzegmcbsci9taduzidm3miawifikl1nontagmzczidagugovu2gznsaznzqgmcbsci9tadqyidm3nsawifikl1nondygmzc2idagugovu2g2miaznzcgmcbsci9tadczidm3ocawifikl1nomtcgmzc5idagugovu2g1idm4mcawifikpj4+pgovtgvuz3roidm4msawifikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb3p1jr67llqzp9devwbqpqursmhxrjqcjhshdijy6ipctck+icbb/n+t+7j3fkk7gpjunhir746z5bcuhdru1vd9/+f5//f5fvt++/vf69/3x5uapl5eb2++pd3d/plx8v3u+++p26ft//u/f/+p3//h7v/v3/3b7/w//9v12//9vf3vv9plhy0odbp7/ehx9ff1+9/twx61/fnpxp//3p4xf0zv8wqu7vzv2w+mf9/d3j9b0+vlh08vty/eh5+c/hp7un7/fpr38cf/4cv/l8m/p93/cphz/1++pd5b//frzx64/3zf3l+8lv3b7l9/++fvd490fl/f3t9+fh5//el69ethmg6kfbm/vprb/+ytd3p/xdpf4+h323vfcvv3l93/+/h//ezr7o+vf2/fr493j9/8pgv4ph7z//p++w9tjzeuljbz/69v7v77/0793wjd/3pi/55dnzh/6fup//3c/qmfaiwb/+9fv93d3z/co5vbu5exu4du/fn+6f3l6vhpcb7gjtyy3d/d3r892/97kqt6b3l4+pj8/3300+fagfdr5eb67e3j6apl99ki+mjzf3n6+3n9uchdeu9zy+3t7+ptusbyt5q35apj4f3p78gkt328v5k3jt9uhhwcdfr7lqt6afl9fncenood9ogv5ahlryty/fild7ue+shd7e3p3ehv7ezql+rjfeb2+fkllt9slew/y8vd4en//x+dh3qh3rs9pnw9u2+cvv0ef5ht6fnh5uf3j02zf36h3kr5fxu8fh//4toq36gokh9uxe6z9ebp36h0k1xvb/pgzdd6gj5huhp7r6i/xt0r6h95hcspa/fedb1yqkf6jqpkqwf//cuef3u/89s93/g37n3xnb59fnp7vbj8z7ke+me794+vny+czub2q9yn5vb/fl58p99s79n7o8eb+5e71j8+38r16b/t8rdx88fk6xsino/1z+d//kvzffcf/5t/917/9p//n/+v//x/7l+//9f+ejrv9g1xljtjhxpjda5vgi9ydb26/eyb/7v/8r7ff/w//j4un/vjc336y68ntehjtu1hnqu9nqrt/akp02ntt39/w7woz7gkfqa6j7r98ijf+4bvdsmvvu9dmd1890zkpavwp+1/o9/jvk90//sgsul1/+upx6efdevrqye6eyd9bapy6/4kxnr96ljedhl9lblkapxzyy1dp9xro+hr7x/mvnhz96slun5+6wne3nz+tepkp3om/cbmohqbh3r3d742glntlahxijw9/wwr8ikfumzbme3j6gzn1xh5viuofexy/l4c/ycjx6+6b2f1iqr9n9ra1lxcerrsdvuye/dzzl8uph+dyniu4j+azqgl3ftgh3d6q9pd3nzlgp2/sy8xhyzd7ey7ql/lj9koafbe7ptwkf1ncv9oy/5gm+rps6naixftnht6vlpxyiuie2xrw+gwuuy8xikfdpnzo/vijr+6+xijcpxsth+53eg+zxulk7uufyk7aw0oq5kx2izc7lxchbhquf3jajg8be5vtq4z8efmzq/dhw8s029tsb2t8x6tin2b+djrj//irvxd39tjkuzmw119z/0oecgl8ghd5jc39j/snfbezo7kfuomfex9/yqajqr1xdpzj5p5y6cfypkfv+cbfyt4rmpsvlx5pdmbcbz/n8ye3vuioegrzwyt+r7qfgnhtm190vr5ypqzh188e0nw77v8xyfenbtcryz8l/pyhwi65cf8hn76ijm/zn0xafngt7v8xqfenel44izv4ib/2j54nu95o7is2dnj+7v7uw096i+kxiw0xvwhhr2hox/b15yljxkgmfz8ekn6d7unyfbhf380bu3srgn+thbfbp/xjkunpsp0rifc3v8j5h68xhou03x/b4ydwfi59y8wviujmnhtr/v/9picvlx58dggw+6ebd415mt7v9razl7pk/aiu7f3z1obpdpyqh19fx4n8+1e37yp139jxhxmgf4idwrto+hd79oeqvdhxywxioepdfc7zz2t8cglccwp7lovzqca3rx25bdnxvgd65t1puo7s8eslyem37ogfyfij+fh45riewxtsu3n5jtijkt/u2vdx/vfpj7xe+oonil8vqob4hcpgbbklpr6/xoi8jkac2pnyrz/p9yzdril+hix/+1v9q8xqtn350bez3sj49fjj8arbo6h1j9ne6pjleuth9pjduwfve3ub7uoefbe/3r92m29ldn6sgvfchjtyg/p/9sp7ifd3zbawl6c9zr6uxt39y+ljt9in8v7udpmddzfppxr69cfbvoigpbcr/dthzfdq3mwltx/y44tikktdv79je//qld39ywlkt9brcb8b7x5/sf29ndqhbpkiop7si4t3h4j5z8ann/lbbvxl+fedm16zsr28qzgpfvnhrmifictz4bzub1vh/cjcnj5eybcr8qi0e8mdnnsvk3hjyq8r8lwexert7udxnf1jeurp0pfctxupg/ei1cwoz18urjdptb6xonj3mn7m+hahf4agf3pfqmg+8lhvc/1jiurpzpu4t/cbpspc+4mgfv5yasimx4ytnvhvcz5/yi8viukbofz04s+9x+nnd/nxvzdsgzyhayn3fxzdmtb5fytoqgubh8oa/hljnj/exxfr0wyfakun3vxzbx0/xmc3ovyjdjmtj9i44u3m1vkfhp5fhyz275ur/fgm9t+ohbtd/+mfb7//2z9fxrjp4qcpzzjpp079qsjgcg9qyn4/nrxwd029w/hp/3z3mbvi7+2dirhftp38x6syvae7v3sj/8ru99/ed13cv2jahen7leih+penp+6exx+fv76s3g8fm7zjycxxn2cevrkhirk+lt6pn6ym8+9up8jecjdbtdi+ad0/7u5ublbf+dtilb9c76dp9h6kap6ff951de56kpryp76s4m+fdq3wigb66ajb9vvz6e+n/osm/vjpaihk+5tfuoylkhu3/unha/n79ypejvmpp6dfuewz4n9j04zcf+io3wtkzceuiy/f3n//qnc7jg8ffai9finbhe37vs7glbj2u7kvbz0lea/g+mty/pbue80vmst8+4npxvkscthunu8fxn+/7b9k8vtp2xamvlv2/km0g4ttqq93iqq/vv1/kcvvp8kz/e2s/sjplyqocxoj4phps4x47emhxe+f4l8e73/adkwuw3n/cmvj+u22/yrfnz4oxut67letsajwt27unvdbb6f+qxt/jnakyz++/mxnhxzfxht249cs/outwdwjvt78js9ep54jtl9zs/8qwv8/evyi+/7mf1vbrlwdvd7fpp4dc+kvelwjybtqercvfwlr/3q78gs5h18rxlx2fkwt/h1z//s7bd8qtul2/z7p/ilfvzd8zc03+cam+m2+874fn17/zmn/vzj/emgpzzdkkyn5i83p1b5/unu6/vie94diy9scr55q/dx190tg+/fzrujrsf7jquu9dxh9u7n5ei932rjfkvauprzvu9n+jrv/ppjsuln7uvd8tsr//ic5w36573nmj3o/ckf4tvev/stvd/1xmfytieaw727q9aept+2mfuma38/9v5n8k0i77xvvmulhbcdphham6+3x2up3nx8kzy384anojzo/hsp0+ymd8vtd/0wkmwbf+czjnt/uho2pu2/tvord/d/zbp4iwbk7h1m/3xmbkd//s/8jgpzyevpfxuh9z4dttp6gdp1x6vyff1ll9u5lyveyobn1swvbe2/dfpo6ggvu05vezw+n/qse/ytpweiic7+zwedzo5gnl+bvtw5ncf1boum3c1cl5ahx7zf9vxn8k31wkp9bgubho355ewlhnnzcmk+/ln6fpfmvo18ua/w0dqlfmsitlyb4z49t+j8c/r3bmu+vl8mw3277l1jcrc07h7mlcvlpvh/dd/g+m9vxv3paf5hfacmpudwwmet+ozeh4h3iw5fqttgdj7mlcrzs/o3cwyc3f4ft/irjpxlobh0bhl9jd7ea4/d2iwt77xh/vzj/emglerzl/pmglbhxr9pbnpnrsf7j5syxcp/yk6thiso83fu/yy/8vzp/sta4tktpb1nt/vmpf7gp56+l+sehvubh1nokn67yohtcta/m/lqaf/i6hzxfeoi9+k/xo5o/pbimfstrf5xmn2w0jjgj+guvpt2rhce6fb+d+y/yuqkg9+tdlulou/gf9j0+5yd47v21nh/85hh69sxedv/z3o2be3t/co8k/hbff5hmsgzv+3bcj48pq23/wu6tbokgoi6/yyz9vzp/kmuo+/x25reat2+zmbcvxr82npx4yfncevnul1daskcy7fzvouxlaf7juunsykv/gmiqbhjuuvglhr9z3n+v5p/k2q2hlr4c8bobfyuxqxxva/wlkswleee02xjvz7+egzpa4mvbn0bbl1l8k612w+ankvnntgxqvvf84ogw0+xj36xebn6nm9h3vvjj08vxspant57nxak3uynf7fvn+i3c29dyof/6fd93jd9+h0uuo30qt/s7c/9flle19de3zr7tlv+oxzycy0lks35ttovpk/fjwcjs92j+b4nkasgfpqxxtyyiofgx7djvd7+ymqkjvll27x33xyx5j6f2t1cjs/r/3vamfnm/itn/qwh5+usa3pebuwv703fpkfbw/q7d8bf1p9knd5ilszonv3da0d03z33s5pds7a+s/jnuu8/hff6f02azchtwsb7whrjc+nh3cbihpqh5fnzt2+2+e33lrnylnfco9tf3gbibx1itucmc+z7t8/u5/ylnhsxf534obffm+p9jssg82rctef3ajndzjxf0ortc/cppcy/9jwjz//rfokua5mpfcnbc+1+uwklff7l9+nv20l+l+sex9las7unu533h528+yzeklufppmhzuds3/sfzjtfwvu8eew/4pxz+yvz7kia7e/2f15q7z7tckan4/dx/leaf5npjebjhx3htsquxygitx0vztz4ox6mcag8bfv+1s99+9cuxwb5eb+5uvfz/8gwgn+x/1hea0pnbvfyfol6rjrt29gmen7+l9kcx/g2fkxtb3mcyp/71jy+42hdjuaedd2il9o2ot4+sxcc/vlw4pmr00einegvx7e0lru9jvafvlb6/f7/ovck78t7m7fnff+2kprx94+i9zrs134d5a/7b5h1jwd/hdx+c8re+ahd5f6lmx9fo3gj+316x6/qtepj/x634fqsmf9ep3/z7fhxlol/twlf/3oc3fs/qtv74z98+2rxbur214udc+atap4e+kpc2d4+ptx58xwnhcomxc3lv45trl+ith5oxrs7kvy2p493idly3+ez7zxfy3ub18ffozog9jwjgg/lwxtmhu72vx224eft9b/mgraki52ocu3fkvq05+uonfgrzjqynt3p5ckcg2uf1fcbv49wrv6x27mocd+rq8+3+3r8knd61eufex3l8ec6r/ttmhxlv8+j7qm+vnw7vt8dc9hprw9txwyzp6/la3tt4mvvyz3hehssb8ele2ydym03ysr5v/y7kvu2xvn7qe5tvspqv5l3n68tzzubvbfqa5iw8tfhlzrsljj/axminm318elzvq5gf43wg7+m8vfj/z7zbt7+qtxgmj6+qof8+88yh8jzo7p6qru9zfsbxm29vh038wm8h8jboj1/t+zua5tvhr0yrtwyx/42hc7t/3vq+j8xqcstuqqr8pslh//1/8fmg02dvzp74dz7x9n+6/ep22+33//cfv/9v/hf/y//t9//wp3z/p/6hh74b+hdw8okzp/+tkxdgvn+8f0yq/k+swnjbwf/qt67gtr28fwj1nysoee/qnn1ig9uwb/bbfxx7o8g1gv/1xybctxbxwzg8l0ezlvg+e+63s3g/hrclomk3lzqhjyxshd3lw587h//uz1lhhzmij4+s/pyrvo0vlxr8dz9zauufw1dv1fnpudyx7uo1vzi8zralcrdpatnvbj9v5e2+pdjkmhx3fbxrdoqeibtjunwvmf+d/rmfny2/vvmq7zt/vdbws91yro/azm1yemjf8s/dbp/ejkqsqxjwjkey4vvbnq3k7kkf77eq5xsffx8lu7mrjq/yekfsfka1exhcope0ntc/t9+ux9nop5tvfnphlfcpucfjypfeijeeq3xkbwsofszmv340d6mm3uux1goz9/cpjettjq9sbbd6y/1uuc/befbg21ntpjy7yguimcqya6hmcxd2vgdsaosclbl8000k6jl6ygaw8z8odojpetidsd4hpm1jiwp5m86hpvmy7jcf4r37bnnwsu3zafuk410bqzjkb0ouwpx+d6mdqqqsa+qlfx7xdbfegoiwhr4n8qzkdkml3/rdrapvg2h+txel5uie1czdi3npsmxeeah4jduxfmuefmmzktjo3qwgpcebbqcexqchniimihacth8bsmwofbs5kcpkb893lr1ukhcn/cywrt8zbln9uqsxqjlkoc8yh8if3xcgvasrvxkmtopiieovzppem78g7mk8v87olge+r89kjbx2cnffqsq5qwnuzo9efdbsa6w6ichz+j0h8omh+gt1sfcjei26paps83jurvqcs73x14rftlp7oad84zvizyb+sq07zaogtmcxr/wq3kkn9kasp7a5bvx9yxothp558pcnuxr3ioc4lecygxwbyu/kekoy0s89eeau+fn25lc8umswiekx37lkugjcr/4nfnbtfczqbl0vxnybcrg77qzzpbhq0unqr2q8ehs7/va/hij62najkl+hbzluxo0ye6y6/5fhb+u3zw8q3xm2cp3uyjw1ua9uev0ehofbuaqpes1r/rybhgtiahsabekyjtg7wy8kr41ektomkk+70kqycrpwwjs+40yzbt1v3qwx0gg+q3fvx7jfioywamtdyjntite2vsow/h2bwv+upml1uxho5vdq5dydnpahyhdrh3s9qziyynzudye/rkm0i66i5pkr9nh/0of/e7zfrdxs1h19efzqe7vkonvrykqaqhx9n6nwssegmj6uu3l9nvttysges3t5cuxqd0s+rp9qjnxdvbkzzyrxc9xthdxn9q2d8ovzs6t68hlrjp4qt1i/r+d0ren+3cgy3j6lag8airwnns2z6qeqwihuqyxymad2w+hsd/biilw6f3zfhkwchhg1cgaou+ccunt92ki3ramcbp+um3db0tdeaee63bf4r268tdou7n62ih2kuk/5pso+ynyricr836z7vprhvrnkkfbipx+nspmeebabcsxgbkj+mgcuftf4hsgxsauxykv9nkbcqub+0ziavihe9jbjn8ooytix7uhu1twgukfzesi8dg/i/avvhajgvysduhafmwevr+na+negtcll1bc29trvcpvj4mbhpf5jhzlsrsyzwukv041dmu1n7no5xuopl5ubsvrxjgzydv43khnnz9kcxw7qdyiilcp4us+oqeyvz4elo/oy1fxos9bndq+rsf0kk/gc5kfrrc8vmqdsfyxwst7fzar69e7kmk1jtmwc8ch4ys2rvcpwowglnuqjfb1wo4je2w6ump4lhxggfethk/fysd+blovkoywqd5hc3mq71ojvopgockefoht6ftrh+ye31mkqx8zf1vpuks8ad2mkyjni2qggyl8n4mp1n4ryn2otvaxa21qsk5ybpl9cawk4yjwyvi8tkq7+2digd1dpul7qfxrxw8+a2k5non3ahr4l56okkn26+awyy2piwydt6a6xaek+hedcjogc+4n4g1sfgywt3sj8jyepvnsqv0picyeivtvw7jrbqcpxks0sueo48ecg9h3z04/fpwmftkisg1f8xrn396k1mutcl4z+uowt2m30daixtfgifhge8jzimyf7eslxxslauwphiazkneqs5rqmcsq20gorzf1yp9uak3ygoohwsu7s6rq9tvlq6a1zj49rrp3v6ixb0ruobllj3kyxm47xvev0euox2uyinsapu2wn0cod+6bvxbsbi+z+4shmipj78yyd9w/yabwzhu4wkflvoie9alouvvbs5sj5z6jp85j6jhu2zw6iko3cnbtmr+vdat0zjxc1sgfiqb7jwgwygtscorvsg73xeosjabp+nnlooz/6rw+3csiw57gbuteerk4koevx/+qw4kr3bwggyxyg6jshrgrjbtzksemyjsvvn5zkc7lwcjongwdj9k6jf3hzt13uxhdifeezfpza19un5tpybndu6mzpqxv3isaljgbjqwotg41dehg226ovhfbvsxyct25anvvlfciiu4zm+glhza4kohcx0qmwmwj5c/fxi03ukkez6wbbe5uhrxhwdsdigdvqno7jrju9zwhufcpgtef8tdrcbhaepaz/wqm+7daxefeeasznv2ru3tnxm12gwkphneb+xdy4l5onjtzuibvtuegjthaghozn6au/ihiue8zsy61jxur3+ibsjgphn3vxrbk1hxmvr15ryhieskzd19ty/v7jpf6bx5nhwvlncyvkgeu8/csfsg9m60zp2mys/aim7mfvri7ym9sjhczsfrd+wleqpz1vdrkfsyf1aynrlbk35ptiwfqcbun0bwuhggx1ntidsxywvltwihzg4arufmzxswz9+bjxi7emmjgayc5tddm/2qpvg4bsbao9pcprzb18mgjtgqvv+cqcaqj5pq2i3zdgyjuvpjosqh9ud6nmug9s/awzcfww84muow0rhzw3ncdi27ujbc72am5tt/x5zkfu6svdbl+wjw1ontczjnn23vpb5ecwram89up99boia+xewmaoviuv/yytovngjswz67mbt4u/aqil3ds+qpj3ckhp2nhgz1fhfx9wq4y9vj5wogctu+4b36krghu7fploe1nsvmtw0anmhnjfsqnjo8hpiodct7xu7tv105ju30c8ry3t2jiifjjq/y+sdrn5cf/7dasnyybxdhom/tdty5xldd6hgls6k1qzhltvd30dhoe5xjfp3qhpe1k6uoludivu7ri/jgfgang2qkyk+gldqf63j5op+qouerfum1syuzydhzu7j7dl/3agrtjxwsxvzmvaviibawl5n5mihnap2dtvwgfgmr+o8s67nw7zqqtcetmtcyr3i1j9okdep+lwicobdwquadecplqteduimflixvtutkcjct8nzz3vylu1x5e3nsda4zoadlyymsrodibozhttxqmjkxr6arp6mskg6s8kv5ubopgmiexurjsfigi2nyqzx4ivli/hq9zngqsui7mkzcdko1o3zozkccvqiew9zljw1lfo9yqt6yc+kj9rrrygbirspso58w9rkh9qv1ojoa2vjtsxyvimp1m/bvg+szuk323zfrc5wpqnsx7mtwrr5/s3cmefrwfbyvvssegddnk6s4modyctyn6fpnmusmypirujrr9fkeyls0unvf0mjqliir0mlwgjejbprrqipxkb1p704653dko2apessz4g+6shxqwjr6fuu7y4gva5q8wnhvkjmvmbahdiygxgwjor1a//ohcg1bs4m5rf65d7ik0uj6ldzrljdhflsoudp3vnqejnc9wvj4kferqz2bew9grhh+zoxl+2dyhej9+rczobnhjyhtxfycv49zbco8g6etkws42r8+k3gat6hixhf/vbbr+4offztkkryfqfr7jvv/ow4frxtku3cflfz8ab/lmoeoha+zbhrl8uqp+8mjlgk3thzc2wwho9cbksl6tdinr+i5gg8hnhutykwh0pcr+puih7k2byk0ahn1wtinwid8f/m+qrlylzxbin33q+zopbykeuargiju5m3/oxeon1rrkrpzuh0r2bvxlu8fhmpve7j+/jl4kmbbb7volrrqspbsxwsajfgmh7g2s7uhpimv1f9pndpn1yk2dnykjr5ihvyoyuvcabbkvds3nzplga2v6zovfvwl7seero0m7tcku1cfhpoqkk78l0olq3z50d4wp03hcmewmpomidjjhkol4pxds57avhrnrvlwnmtjbs+ulmwktf/sukye7wivah8bpiubbxoishykgapexeghew999cxnwxaehwp+sehlqn0rnfa4ivpf7o8v4j1+byfidjwzkn7ivdnjhtrhb3ywj0zl5vkdtlhulmwvibu9luxi0y8tbcjsu0erssmwercd/k7ngnxr4rvmidodqsp+2z/8k4odpf0pqleicsvmskyccnxpzcbcjghudxzyjnecra+l1+imvdtzxe+tmglkyoogxoeo9q6fwcgly7sstaskggw+riql+zn1ij13sgtxpefm1sit83rpjsjbxnx2ovbksvn/fshxnuekrwhs5i11mrror7b7e314gepmpkh6trzae0u4xn1++jbemft6jeqkpoofb0zi5aj8lyh/zeuemznnrdckmvuliafay7yh/gvbrfccpg/habc2gtjcpcmuwsahyhhvvrfuoyh206vmv2a6jeiloaeo5/ui0aeeq+rze3ku3zmou9htgexgyh3tdlk7dgwph9x+0fd57jai91g+a7vdbnbzmo5xkmevp6xhahhvjmcmtkxw6z4gqjshvtbucyxmrpq0vjurf7m8y6tdvvdpuqenj0uujnwonypzkcnockayy8ecshw5x9lgdmzlk1mg4eytha6a/2p1ofl5u/6kin8qgi0eznuubbzormrqhqnyc8yzyiyc8gkpq8xaqvonu3nrktn13ppvenaf0oavfacoeova3bhxpftlnhykytgbicqzh7+q3c5j94sizk9iydcsqnctquwxb+6suqiwzrdonlodrxszpykbhdawhtljx2zewwcdoimr9a1o0kiyg2w7wh7h4ygbexmjjlph20w5qswis+gghw+3y8rug+zvbpwklvgqkudsdtbq6ssy0ylin0+4jd8btd0kilpm4sexehk8zsfzwroy5d14+f5f9csn7xecclnb+dsfwnwcselj6wefgrhoziyiwgx8hyeb2kbmlj8sqxuihybpu1sohhigdinhydfjooipapjfa/kxorgtjbicrrfrp3y+70ekpqkqkwh1nrpbepthoj9mwhg4id4y0h0yif1ysaupadw5syvahbbcjkrhvabic5amnvm26az5aex4kxuyi6gr0ucbwsqebpjkq7adw8juzahvxdvqpnafz/a+gygbdcxpze3ivlwrd7wdslhu5gxexc5rrhosj1enljhko87li445shqpfv7w1nmm8zlyhzt7pzng/rnbbd98xgwezcdtb4quzy4gzovhxfik2dvtib3qajppjjtyygrclqsah/sdmfkb/ttjaqbq5ruovn9bkpwihlys1mhh7phhxa7wx0dnyd7wljdu6jdfy+4hmyazuyelnmgnkacf5okuctezigua+7ydy0aj8qzjwiyfvcjsajxfgbvhm/c+vdjkquomvlso9owlhqgjdjtnrq06omf7gxo3kxmcdy6ozprni9bdpq5f+hsmldvkcum6fkjxbmduy8gtkbp5wiwc6oyz15cug4q0vybkqqy5u9jxrpbltoumaneecquklnn+g2x86aoefeyc5xgloaj/o32eesoifptpdxxdor1gy7s6judqhnpelmrb2dgojcj8gtegmghmivjwvfshwo1iotm4vksa4prgsnkeo0kge+tknkg105om8nr8ew0y7k9wu6obvczf9qutwmgxz2mhco3ci9hyqxsgqsm9pieb2ztbc8hivpcu8ejdtbcf1gyj9jy3bsmtmraytw47viweizufctsj5ujl8ocxduvqfbvxivqzi/h4mtnixw9t0urfzs9tuk4+0bshj+10isinpv4fyers1tnkn+jozsa0zngeyfi5jpwekcdimjwu7iqxckv9nyz66cwicflk7zyfmmzwr6qekyb//67yfwjsrar6pp4mop0qusuipkggkdnm6ryxxjz6ajix4hczvfhz3rk9or7rmwfy/glrpgoyg7egyt2rrhw8jlm9tcivrjfs+iyzja3xdqujvd8accg3g4mcpi+afefgtzny06gko8k4ngth77ingcthqpbcy6fbmvqlo3mrb07zth1xll/hjyqve77u5a5qllx2ucdynffnizntbem9ntn6y9jdgcnsqgf5ykolbufprd4lu/am2bttxgp9lyogv9gbkbd/urlhtcnl0w0hb142xicss/l2qabwhjnbyyipiic4s52ngri9w7qfjbu+lpc4bbxioxkpna8nk+a+u+zzghzvpledxh0+al6dgkfnx2ay1ok5tttkionailkakqckuw2qsp0gr9nmcuj1nc9re2zi+s11yupvznyvzie5lpvbtkeebadbaqw1xgfb8lpuq/6ox4jxvef1o/5uxuotfdkbulu4l3flyxgn13sqy9ytez2qp6zagm0mvzeo94y21bmxndxiegpb1sds54nidmqiwoejttcnhvlg97j9e1qmzn/vdqtgi1bssfzk2kforhju4/fkdnbyux26rerg/sa7ohj3ogtxf63u6npbtadkhcpkbk2twnah3awd2zpvrsvnmscedcxsw3zakjzj0npkwm4u86tdiro8cdmk214wovanvo7f0vmuacdybe4xqibdd5wgqjzwqufj5wpjt7iwyhyinmjeqnzq1vntt8zov77twhjmfvl5cpxlytgpqjbnwvibrjgyyyaqqdz9gyam7cbd64qxikum1v7kli2xc8ddl4priwj0b0jil3wlwyu6u+eteo3ahcohb5pk0bt1uybw3fywrg1srm+hwmxjvfsg4bhc0wjjks/xit3cir2gt0mzcqtue0fymq/qzbr9fcs/6sm685f1eyoflznpca/r0k9rcg3kjuzqmolg7uumt95ihrjvtduggtzfv20ytfsmak/i8n0l0yjlb22xgjmd8xd3cb7fscdgghtyvasobuhr2zxcywejqf7hmh3dcg6mmvd1qrgjdn7aqthiisa+3hq8/k0kqswrbkfy1ynkghodajjrjg6donzd4gi3vct4dqqqigvnvehhiae1kbfud6ysrx+jo6tozeenuw0ukydriygf6yceeisl4jzlzkmhigfdruysumwwmp7cxgcokys0by2qwzhr1owlwyv7jplvqw9q0jmswgl6zk76yb4pcuqkewydckux2iypaz0g8gq1beyyah3b2ieptbvrxnroze1le4ov+w/b00nebjcpdb30x8lpbreygzfg4j27po1kk8uybiwsx2rwcrm2dlr95xymhe3sdjyhidqlpma6jsihrhki5va8shdvmjkh2tx07ringonzlpuy6chgo9vzhvgk1u+9d2unudgsrd5eu0eh7zhfazi4iyghjahs8+/7dv0wjwrfhb8xrzw/egjek3rdbc9mwiwzc8gjg6z9ay3hbjwedlptw1mj4sxmelot3mcbrx6k9fpk2wziwl6pxw/j6+qeyp+yjkrirwu+n69nuzkyxpcpqrcj8zha9uii5cwbvnrftriyp0hapgikt2mlxa96tdfsqiyepbq5woqzggz3+c4kmzzbeyo/0e7c98gihxkyw3a0p4hlibrbb042ldqgq2/q5hxxsfgzt/r83yfchu99y5/2rgmcxdtsuey+rfaiaxgvedfplzkkouwwrwbd6swtwqmz/qgkp4bxpzjgkyvbrw3jqdzacicqdro6y7mgdsmjhun02vulinurnxswoljhizjxsgkr77fulr+x2lbfxbqyksuzj6uzys49knicheq10yj35izjtvawlr1zh1o/4jarxsdt5jcuzscqbmissvvsj1ypqlhfl++uh86axmk3dak1ge08/dpysqfj+clma/2sjnnj/j542f+qr7rfogdu30yysr02w5vmfrtcrmtarjzp81ugrtzpkvuvqrd296vxq96xcc5u+/+8v9hr2efikffxxi8o2ujkd+/egcb56az4oojflyaakqkyeokqqcqkofss0zpf2etm4a2abpsyvuif9iuqd9fbp03i00tyo9aw3zgoljnnwafezkxb+8ffud+10mddwipcgkvwin3kvq1y0a5pk7fjrhv9nbhbiqdpkpmqrkf+xkkosdnx4l589hkdnrht0zwsxzlzjgwgajtsibysofzloe7crtifl+lq83qjqgg5dylumflevkkdwovqdfwog0jdixs8mhteknsaegtqsiulkv108sbpyf2ol+w1obn7xab7zzbshz/jrwrpptbqpiiwgomyvhwobgdxtjfxk3pg4rolw6z4llkv6s8gtikubk+vtunflbs16auwbnejgnl9yko43uxidxbguz+g1zet2nckkoyacrn9cmk/lwftxmyylydycqs9oaklnhaeva25xdwu2jnvyxdagn+n84xtkrwd2hijtpnerzvw27nvhl1gxdxsflbvfxun8rf60r2e4w4esyzpsgoyeohkzzrrq4qypdjzjgcw/juhgw3b+3t9oikl39obrnf01mqeual7cgwaki3lnzhl9xwtz+jvww9bwuvuhpi09+oh41ipvc7y18wfsb1qyspldqqemdznavwnlizn0samwr666lhu4+81iwfmicxw0ujx4weg2zln3vbgclpteo8srlwmtc+a5bv4t+4axmtymtav6gsz5hihtusieuode2uumcwob1ywfnocvdzuwpnqkyy63ocwwiwmkzyxohzrjwyowas1puqktview8lnjlgybggvtqw1uywsxqhlf2hzj5auu28pkc7mo/lfmsi2xnvm9zwkssu08wgzx1iy43nasdd2rz073ybeewozjn5yuwe8lwa3dk2/habanscdcfegpdmofchcj0tg/lqkyoirnblmpg4hjp2arrn/utvdqtabyeebi1ppk0t2ni0o4i6f8mgzkszocavfecy5zvzntelcbm/q9vprtyfxptf8ifvjtn2lic296cwryu8qlsw7w8cgh1qb/hly5vnrbuw/2ewej0i6xuklig8b2uowloavst5nnfho2trpt0y0m8o/okcr0qa36q48pepcbd9ucdzjigq088nt85q/ojeu5zmlop2rc+vctwppkb5mnjcyuordi/m09cpcddk+s15aygrwnsoqsjrifp/ligvvgdy0c2qjhk7sbeshft5sfjcvpb5hkjujxvehzitznvza46isjqy2risnexqkc4dozkcebwxepzq+a4qfycfg5hk7e9hltfg4aj/yqi9mrctepwqp4wrd9ie4xhlhmpmq/j43sp9dibybu4q5ci82crxrwd+dqr7bcsvaicvv5nza9z4cvbywrf2auxnlq/4dtpraniwrhpnl2fla8pizdo9m6r5tv2ef3xothdif/gy0xdxxhubbwrxw1968u62gq08shaxycotbzz14vnv0vbcplwjpmpw23dclrvinv5akks//qjjaijvskl3yk14ospgz9ye85sjk0eirbkbbfhdfw5nc2xws5ygsq1elep5qkfjtp8tidrbugjtzoqujuypilpovpzn10y4hldywg9svkcdqpsxj3ewwljwjxx1spdzxjf/whjh4d3maj072ionzkbtessstw0rqf4m53dfmgfy2yvi9v9kbvhtfsuqcti1zzeyjmjeat1x4q1sbamromyiqexpal809wtoaghxx9fzaay6rknk7ltaavh0bl0njwcymvwna2nxelllfn6cgjbdmfxfo84wnzkrgm6lnrztpygyoscjsb/iizo8eqbvuliqvv4rbdnpjwy6az6/c+gkglc34pnd++47b2xqa27pho3un2bu16lq0no7vdkbvipgv/idv2q66pfeve2qtgas03ytk3axwpiaygdmtfxblsyzj6tf7ectzazdafmkrndhhqqzvgibhxacsru0onil9pkvie9gdh8bkr39dsrbutwdekevvqjiak987x+yrhjz5zwvyt3bfokoa1vu7gaaewujq0rer1/pylc+usnb/dtw1pone8ke5wan/yhu3z72jnjku6yysrlsjio7yosfrp4qjl8kaddlba/t3isd5ayxumod3orjycp9qgsyfha0fjgeubp4feqmezrd9uvjxfu1xq0kknkg0bct/9pmnf+ifqzbumn0lpv+jfapugpii26eby6u7omhzvm8nyeayxjergzcngcxeoswhsmqgyz6fh7lrxvfo7bddklxvsqtyjii4o8lrnly/xg+oneef4/+5lhf6mo1ghgaqmtgpt/+l3i4td1fdqhujot+oph9ysolzljvbeh71f1zcjos22w8fuln05ggjoa26uvzhjvfcehe15nmd36rmkg6mz+hpomez0ksnmky4rhzp2besixlwvzshmmpmudxbrw6xglnok1afa0awmlkpwzgtcifjmflkxbo7eb5is3p2uk7xesm0krzhzsnfqyl0rstur2z2x4+y9xp+w5i+1yatjxtsrjtccigfhmlhjeofo7/xvx+7t7mcdeuszplarjwnsb0shongfyrwdzhq2ns0o861zeuv0oq6ieogae44vg10l3thmqmsd9pd3ijxhale69llbecvythir5amim7md+wvhkjzba0htgkody9odsnv0cyl79rkbvbfjxtkw+zmowrffltripuvylqfncw7ucsat1vuwih6zjbvsng/7kdjzdktiocrhozgnvpgq9dwkpxenzqngktkak6uyszrgiijci0i/2hjtggjqnzajjtdrpgfhfsxmq9evnkg51c7gd+ujcwrb6ce4wuwdnfxsmqwb/iy1kdpfehh8zhyfppygt7caiig3wcqedlyv7biqpzy+aigeczes3rers4yyj7xhanjlza58k4mssaeuuzx2gpb8hod4hc2ht2i8n8urvie7vgibykjvxjvh8vpfsp+ynjctzds74mf7segfx7xre3llfzw0kd40cxvizvvpjdgix304yyx0dwjl5kirpm8li2tii/rmgapgqg/seaqjvawfa3es8rbml2kqlieiy8uord5k8owsdqcpsclacrslsru5bup8bgsiohkrtgwvjtyhydhalxbvz/dcwggkteb6b343sltxaoqtnj6pvao0m+rrhfaflegjmhgqrggivediuuztklllwwurcg6qj1khaii6rey3hktsjwxwqvfqtys8u+igsachs0zhkigulqek3nk+bvk858gw5ccehjqt8surcuznekapiwvgfgkoochh3wfrmu77pdsz+y4bih+3am7cjwi2eo1pusanqpmkflocqfjaoi5ryxdm52balycifq1zl+emkia4fpezwt/xbxqx9ik6tkie583etcb6lm7ptdeqijxlaolnncng7ds5+m4fuk5rtii+bj4wsjktbttfrqjgl8qcgtgj+xeyxpgmyxsjzfr5ui8xowcdafzovjmwq4m9rdit5gife4tujucisnalei+oy9r+jo0tk1xqviefyiq7shxo+nnadjutjc8bopvngf9txriov83qeh47ljtduwbcw4d4kary3zf4ejgt5zjb9aibklj0aas8px/evuqfrd3vsmbfhnpwqizyxfdgim5va4pigpvbpqv5kxgacz9zwee46gicv8zkkkwukvro6yvduin+esv1m6em37wravlkplwkii0uvhuenwk6xcie9xwshcr+9bdudccghcknjmjkrcpex6svtz2qc6pznjj9k1qybs9eithn7t4lv/e3h75csgpfxtb64r+vouwgnrvfvqxamkmrdaolbpqsbrb+xs4gw71tqyfrrsuq8327u7+rrjvsyceo4lnmb7cmy9slgjqiq3zgeclj9hughigljlfwtwa7viuy3k/3poczq30ld7suwqxoa//0i1wuyiftgpajhel55edapfxkvqmbidfvtpcifa5d4hhas47dvcibtgq3ec/2drujpqvyfn0nudowaspnseymnbiee/7kg6hm2bcbb2yjzyikldu6oamvicwgzx7txnhervguvilqu8o0ttwjuj5s0ktqwkybqn5p/ys+ihm90v5mxpkbllif69ujwjbqtq1ikbxbxoeurrc3vplumgg6vnku1b9hjhgirrniodggryav9ccproxowuezin51+klnkcmr37hmrmc3rkxgc/d18nkejeadwmsnn8ykkoqhzjbrznofgwiqxmeiiq2ifqwljd2s1lihf4yf4v29eqeszd0hdeeijouzjulzclxdlkmu7riqg9byl2dt7vdjgc3dbxojzz/2hc9n8wuherh5kxwlui+2auhdpkxej1gv7fbtitanjezzqu8ny5jpq2nrbicjttkuuvj1ykl78zdoasncm1k6vho1k1mloazv6avjoy91r6bwg3qpqum3dciecpgilbtxcb8scujkdnkhm5qxrvwnmevmkt4xdpugwdk14qumefs9jv5mna6chzb8ojrmlahavxoi4b9bnt0jctypx+e077+mvweiko0m4keqfdfvi7xpoqtqiml8qg127mygrzkxlwlwpcng5l6p1swbpdaqcylttlhuauwh7j9bk94db8n4los7dyag694dbjhkmoroy0gytlkvn6x7s34rm49lzfkf1rbohp+wtyvumqm2y2syhy+44tyyyfuzvchbyxnmhfmbb9odusrbpqld5uffzzzutoqyeksk9kpuzsod84knn6/nlral09bpqnkjnu2ilugd5zhfqscwlh1y4feqprkqtauvx09wq/fsirpqbc8+cglyscrznecfp5t6pyeojxungxp1hw4xxdltvf6ryg+te2kkwnofsl53xrik8ciub7okefswscpixojdfd8xugklmg/l6ogurhp66sgkkxy8wd7yvh/fqpxkigxlnntjkznobjmvckewftwklxuiqfkwj8vcvrt8dhvxja85n06qd1ig9fi4rvbntemvxjdeeezaulxvlgzxockmq8sbzfvy44bjzzfrixwi82poqhvxz0jdpyylzryqwtpwdipf6lr6gmmgxipwdq2jksgmet+atm6m821ooqkiisyjtasnf+qsi3rxtm0m6lzb+naleaotzzkni5oqexi277upkynzn5pa6arevcwdxbvisxcx2o+ogtfoeboh7tlxiucyx+qobosqzlyatvvco1wuelxbsztlbjxlsgunn5yxjtok0t0+7o6zeutlqwqo/ognmzo6eg9sxn4axskgercuetiv0im7okwto4z0dc3z3nfmehoulz0olrsy+ef6vxqrilnnpa5sihgnwhdzk3bnuiqh/m065wjo/+pafmcuuajgw8owtuks1nu9iddxxeaqnlifxiawdldlxcj7vckownygefgxt4yymiixhrtabysd1sy93ybhrdjd97/m5q/bywq5dkudxm0ymiyzjjj5qv2e6qhqh5t1xhvv2yexm3i5tq3joa7ykf2oym5bijuopszeefvyqmkbfshrthbkhm6d5rqcxo7ctwmo7a8tkzaepmeckyqscha5xka2f+phaoz2nqfqmzvklbz93qkw/jndmiblpm41c7jraki7uihbfr7wybvjb4qtzyynn88wdmj/hbmuwcvehkbo9is10ji6jjbzrmeqtrgigyvlqj4lrjm7ybif9sceed3khvzgmb/t7v2eoijnxbhp20hm5tuosz0rkct9zl5l4ujkxs0ou/5i1o9+c+v5bkkuvmawtqsviwbe4up0vy44+cwfacihmwu6b24ppsnumvggoraxuua8xzhbhl3o1dnftgrysx7wtktchjnxcy7k/gygcsorexygqnx5s2onzbvthp1nls36mug6vwhrmt5fwjazhppuoaj7smyjwbrqj8neo3ozzx4srqoj1y/ky89kb9slxp7qtq1eiwrxiqkdbjehgbju7sysh5ruoortk4ka+zxtp+ofde4jabr6hh1xd5ozbsukzktzsgg22dpnzglnubnac07a+qi2jewe8btxnsdqq2piykgf9tvoveqyepiwkyu4z01kaezhzbcomuy81wl3rkmrnbhrmlklqvck/jotprhsz8nky2rmo6qgd2zmnm6q5zlhuzsjkls2lokrxy3yyc48o8dwknid7mg5i1xtriwe19q6j3i+km2waidirgexsliockrs4d6dnl3urr5pe7iclpa1bt//gbhuuyqcubua9rsyutpmteyhkauv05bsybmp9cuqr9n84odeepe8vqoqqlq/ajjjgtaqzbi0uwib/jwysabxlby7ull+j6s6lrzecqk6uy9x3wkdjiqqkbcetcaepjpkmcctes3itc7uhoa0fo7xbpvakrcqjtq5uewtnkolse0w0zqajyl3tql3726s1ma3475bkwe0wkqe3yfpkzjpzwwscfrbsogwrbwpxj6jvixdxrzerc9zi+i7ztilal3+oo9kerhn95udtoahlukoi8hqghk1yhqqw6qxfu5umymr5gplwhubcgo6tqx5v52r7m0cbpuptgd64ogdryzxc+fwxlgwe57c10vwsexh9r8ygubw31iqjoyr22khjpzgze6ec3ur72pni3k/wstoalhsj1xwq3rwln9okrnrlinhahidu7riigtagidho3w62nhxyxtin1ctpzbnt7gis9eooxs+wvkoob6bjkpjbavvq1ukmii4d4kirf8zlccaqqddkgml6vmil+egiweer5hd1hhezebszemevhwpl0uoyigjfw3eva62oqoascq1yptfoi85dlnzco0ud+ofocf3smq6y/oyt3p+og7u8977xdmcfna/7hbhwz75yzlqlwdjlz6imrxb24nwt4pqqzfjbzckqfj0s7n1sxz1ycsa+zijil7uqii/fi1tjfhzah3ocnbnfsursja02wybmsrsjs/hf3mxyni1tcchnph27ti0j4pxrromzjocmgtar4jsuwbh8sataexzvp4wkppp/zg/idghnzytf7b1ri5rml7kwzbjdwo8+kuvziqkez2lrklv7hgtxga1mpf8keb2ejitxfim4gpwfqdupo8jowleeioh8b2yr/tjfhnmzb5fjklonrqglqsjzycummq9sdynrty9wh7bddaw5bg7y29fqfdrzpkjw8njxlmaebuzoj6qaxj2wpog+sarb0wuteopnptnyooqexjeqerqnwrfmgkpat9zbxfgg/sdyct8g8lxjsdlzu9rhjjggl22jp5tgxmmanptnmfvkpstxozecqtvdnzq6tdvvgqyembl5kzoz15aiq4d97sacw2wlfuvj/au0g8drrzoaliaw5lnb1wohoqix9kk2xygir2plvptsdai6e2hjai1e7zifixg40q5d7h2gcbfxtamx7fk6limrggb3kzsx+q64a8odux/tnw+ofjmasmgau08snjar1dytqxycnzluls6qfpzpuxsby/g6pg8yettrdvmxg26kfyqimaihrkbcr5+zeb08cytwnr+3bmle0zntruounvdcdxan8hnfioapobsbfon1k0oxscznlcv5l/jamrm8q5q2hs7effpgxc592tdf5p1prgxofkugygueoi68+sbzjrurywwo+rzztykwe/+e0dhddf8mvvsghpizif12rnkum0aar++rnjzzkmcfscb3ekgijaswrbsb6wnq5ivx2rpkx7svbesvnicshlp0jxc2rlxgwlawtyhgk2lijoqnanyregggd2edndz7zbz52pqzias3xlbwzxuzvycnqjtbpelwsoywviglwp2xzbpaspmvpt0kxjct+67hzuhpcred1vh+vezh1desr4o0+gjgcygja4izpyeozubi4twrt3ckbwszh7ywuwpwpainijihzawoggsd9gssok2/wdjobzkxg9jh42qjrk5f2ggt6uonmnmzt88yxivwwhcbsvjqyoojmtaboa3kmbtarb3y1d9evrfb6yb2k0tdhe0cicljfbitscn2sh0hhlgl8xuxnklvqzxk240hnjh+setkdonk3wdbalfrpv7x9jimzx3qjzyzc4grvmesjbvdcvhotlojdk83btqc8rph903xlyaisliixytm/nt0er/c0l3aunenx0nvpa+ay5kcm7jvzf3b4xfwe5vpsyunv1shcrk7gbkla7i1ynbvuzjm6pgxfjgquq8hpcdlpu+qhu4v2alf8maqmmgxolopjvoqrzes2uqisivuasmyxjex44y9h6lxic01iyqdzyfhb7qxmwbqjqdfrnwuyr4yx5as1asdhixd3pnz5jduqmlidwzltwy2w1qprif2ghclu3bsgytbq3kj1g3hrodssvxps5g/mle9g3yr0mziqeijrmtqkkk2hzvg/eqak21pbqhx5mxht7vwtlbmw+bzjkofq4h5j2kav8kxhcicllrzeg2zbumysmmfd4jzbxswfrn+emegq4jinwxhyk5+fjfg7zops6knte6tskggzebkj4fm7dizhnczmn+xcnga6rz0ymhndtf08m54wy9+nxgynuvfdcmgmhv+emu4q9e9oc1uob9raray3pgcz2wb6zt+zyuw7m7gbvcplj+fujssvuqdzm4z2na5b2b7534yygvcyc/zrzuqguw/cbqfjirgurtv0oouyr7towzix5pirfbs+ya5a75a5kfcrrrbdollqyqr25jk6+8kuiyqph1lwif8i1wglpeqiilqbbwwuhdgxwoqerdk57prnlnjmgtioljkyniijg/g1c/koyj0fbtofyhupkaqyumndopuuih7cn6tfp/agx9bscbhtmise3zjwytqz6rbid02gfags+iwa92kh/f2k75u7dc1h3mj99airzr3jo9chwmc3utviikdalctoafe+vhppoqvjr680wkuh6olmvgltbipcwvbbb0egmwpy2ocehnbsohudypxp+dgifbojubv0qtrdqjo2ptsz7blvwzpqph5lgzzixdhiq67f7c+qktvwzpoq34lcvrgaynfzm9cjhuxivdkaokoljoqjgs4nxkdudqe0ucuwrdhww3wewkqtqat9ch8pqigwhgeqwqmbqifl0vbne6qypmlkiufigcuqi4iaywpi6ugvkttkllizsgezoxpckym6owlo7sielmygtvtwczok+emekeqahomobrrwmtbxkxkrqyuzogcny/cdqvlcr0kom6tj+42/qn+r4qewbwedirgr7m+ldkipavtdfcu62sntmp17ggm+/uyt++knx7spdty8cld4flw61efbasyroipvlxidqznlo5586axb024hodvkzryvokkuerh75wqtajebgq3jw0tvnlecz3yf6urn3ix7eho1t2gudb6dzfxty+hans0vkwh8dvsdyjjcphnrtqyssuvon6djwgz+hsti8hsbrxyxu4xsqfwlmz0uqs7pdtnoxsgr7heaxhcrbdeunkcuccgrwihw1pf2mqrh6pwjw/uk/5vghuf6qzsb3fg4u4wnny+v5/jpnzyi/yrv/y3+zpdtvtu+rcskgeucqirsl7dclrhtp1veuhcjj8qsmjjgwnfdsk5nnjnif7djrhtdcaqx8tcjenku8yiqzumehhxtesalxjzelnkavrqainmqjldjp6it/ptu62qbtpihfw/kyrl80bxvrbag6xfvllqw7hq06nvnw+cgj2/abqf1wpfo28bnjmwk6c6e7byyvrwirzts+pafk2ggg6fjae/3jqboxgzbwvzeyaq0gkbrnab29lvgllq/vbprmvhlizicjo0nqr4touz8aiyq1whyxcx5sbsio2erxc1grvvxp9+1pszizja6f3gq19wbso5bbeqd9gfalfb8uruyichcvdon1vhty2gonvanlrfmhzrhnjp6wdxtvim6vm4a+lvublqcg2l7o3t6wula3rka2reaa+xepyclxcm0mhcuptnseiwjk5qttz60jz1sohw9uvd9s5lw5cfhytlkr7r9n1hiwbk9xqfidzthtjkbcxgwkgt2nle/mni4tx9cqrkxupi/3ycqz7xmqkgpqjriw3papynm08vxp6jdfnauisv/jkbgao6vsrczy9ak27bkokkz+tv72mdqxahrea6/yyo67e7shoiiobuj4inxdmd+iuqnd8qdwbxhynnssxpdro9azeu6e23/nbhi/guhjvdxm87fkhpju03jewa1pug02hslglqmlyblytstwxowzchdszzswvjq0vnnivhid0fo5mhzc4slkjax1nswxkh4rohvznmxhbkjddgpciobvelps/ohpbifehpedes0ofbugdxm1tdnpfoowsople/ra7bhr9qv3ey2btz+oj95s7iltsjsxmcjgsnnzx1my0hknedxmaada8fite9mgob3hhq7om30q0qqk5f/qtq60ca+ybjrqqm7ixb/plufighmgijga+r8qcmn32yfhe6unswoi3dtnbq2qre1xd5ia27yytm0a2qqdnzi/ycyzyyvwp1ty7xum3fxuu2mkvjsqclghswanqjcq2yyw/lc+jooisxt1q4l27nmu1p0twbwkuc+sky9qdjsmdsw2e78v4u0be1gnomj6yvaogl6hhdndzqixkonri+45gffsi32h0isvl3fxqlhct/b8jgeoufrpunotpxwtdof40urv1iopbqin/2pfqtihglhtckhm1wqnk/v5tptcdt6ksqxyumgk4l9kmwrriw3ose+xrraq2wvlc2syst7a9w1amkksyggijecwqqjt3ntazctjuk13sswjhad3ss4lljhwfww6en5hkrpzgbnh6nj0tch/jaybnjoidcrsrh4btfsmua9zslky+cjfxali/ooluhswmijx4hznnzngtepdiyxgslp3cpre79zce7z/kxyzjmlc2tubqzcrmtw0yv4nqiiogxreb7bqq2pmnz3vvdjlajud16pnf2v8jqcm+/0yvljmwx6sridqfd1envzyxtjuqidvmns9sjzi1fksk3snmzx4yrh+ewg64vsiog9i2ynbnsyid21luorxymjdkp10cfolkb18czdvtmzxaaknqsj5qqy5y6pw8slmatw+c/wzczethuckjahh/jrne/2hueley5fizb4hbsbipd6qvyk4si3k0p/jdpdloeuymxihi8/qyryf10rayucx6cvlplqicnrcpsvoqion1fmkqq8gxalevlrmlrhbzanozvtuqbhjpgdu9chnguvnaltk60um4p1yb5rlx2x3xje6ucuca/t7f7/jza0r65cx00qimjxkkbtghz8+oru0m8oqwusp4/fxsh1bzjizlkmzgdeytrxd6b0ivwppzjgxua092q83elgh/7errske4qqamoi4bvvumf8sau0resbqno9hqjji2zi9d6x0aygyb5opk0iwztm+j1ewwr4lvzytcsdgnbayx25ivrzadv7vxaurj1y+pdqpvko7d35en1l7nvgtyqkbnulva4qqhw2kkbfml6it7n+y+irmdo5/tmtuxxuzeqfnowjk2sjpjavdjgl/xxrlei/cyu5fmocajz+swtw+vxuejnl4dowp9zpybpsft3bf344tesvlrkwib16mgjf5hupcvzz76fwumefdt1cdbvz/nhlpjvw3kwdv12syoagcmebjgrpx9ncnel3tvj0tgsm7aeipexwsu+i0mczcupvblbwgqhpehavzutzqo737qbudmzwamusrtelmoivhsguqqwlqjji+uuatsvp2ify4+kpgi2g39/wrua8dz8rnvjqeibn51e+ts9rsxj+s0fvjotskkyngl1hs4rus7vd+blrehiujfedrnu5wfd1wla9jilbrojqrwpc/wfkcmewopp1zdzds72ggv+xf+1trloplwwzbotugfx8oktjt1ajyw39dzuyhly4usnpn+d5aacokarjbn1/zhbu+odghj17hbdx0yiuiwaoaqz563aczzzihqu/djcibvyhmlcnyxsvuwtep5nodxm10/4+abmlgvlohfv362o6ecjxsm0md5tcrdidbkavkdbq4x3yqyogyxjnalqot8+wsex+szxonecbmkonvdlbjkfizngsdvwxd6l1aqd4yti6jo+enzbismcjd1ytgagkuztjmewpqvyv2chzv8psknwtzw+pdfyls25ucz2ppjmk9yi4fxj2hbxe9quiec5nn4sxeqgysmlgxqm29x8qvc6buedopu27pze3au7fmbldfprwxqhtotzsw/axouadadwdqybqokddz7avumfisqevpt7vm7uzeoeacrdl6jztqjnrhlczggzhce2be2nvle7pfqvelfhbp7axge4zn/lqkbss52mq5veibeqayj2satqkyvuujgnkvr6ftmb3semznndrdjuntq6htbptzv9cobjghqtiqtv3046i8n9rv+hfpdlp8mjfxukssci2cwxei7myl4hj8pj1li+zzrfsiz10bc8zlnxtq9ihzqurnjhcnzltcodq7e9gpr80xown9ejfzgwhpmlnxbtiezkeimigbfofzvryj5xccici2omv7l5m/zberarcxy9awniep0n4vepsggu2nfbwos0mifou7dlrhjmanynlsjupoa0mfj0m2khi1okjs9ifipdo9b+payfjyducfebsqssnnv2ei8saxt8+ylxfgayno3lur2enizrxcxazxdjio7mrvrxcrja//w9x56i7govphsiyhqwhlqxcp/0kgziaofjoduypurr48kqleop4fv9c5gpiro1wtxsrzawdiomuuzrk2bmysmzcyzir9vprqra92djht3w1esg/eiwdoiuy1krry8xiuwstn1uec20r7uf1cwadmzwafd7ljkjf4pceijxmjrrfgjhfhbgjb1xoz8vogmulonan0ude3qwrpqasustu4vgiq3iuih9fx69iyqhjauia2vzxhoaag4fe4x9xza8hqksyzmjq12e2/pewlhzz7ntqc3svhmedx1+pvwuvcrr5bu5ijmcpla1u1wz7r7bhmbpqxeipke3ory7xxaqnmeme+zijmcypwxo/mghtnxdsdcgxnphjzyrpqczgoj9gklm2xezxdw+d2fqqhpletpqijuv9na+qwrwgr6rqktutn4lsup6heizh9hsxxchjxaziltyfpwphof7lbonzweijxhquzid/ekmwd/zlxrd2yktwfijcvrkt51+f4fl+iznbji6lrpvs0oicegncjxdpj9irceec37eks7nief6nhva0eytiuxp1mza0e9pnrvqsnxvhzcqkyr5m+mdyr4qjzuqpm++guscjo1eyehx7mgvkrxhxwzpmk+zkc+s0jlw4vxracitxl/myixosf7zoeftxgxinazuzno1gmx4acvnbffv7i8gke0zmrsc84tiwfxip6adecc4fut+jsawhlpaytkvfapxbdcs6uzgvdlgjwy6a41qd+a/h/foalwh6/am3m7tyvzmz9lmbeo46fzuygejrdzokgsdl/cfvscfkstb1ymuyg9rxw6r2pczl3pozmrlsk76wi3oejjf3ud7syyaa6atjc1xjmmnjotvpp3fhxedijszsta8h+4lpard0094oyuuzzp2vn7xikcysd3krz0mhbk3optfkgsagh+gqadbzhxy3fpqxbbx4oqrph+ytsvbl7mcqvztmx5yp+kzwokzhosxniigdbbrxx7b7yrvo6zfphhgj33xj1i6uluasm48kmyfhsr1rxsh/+pwgxbi96kw7dwcxxp24mklpcrp+v1fusrfvbjiwj0jsvbo90gvcvnmy2auxfgbslvzggestikh0kguqzek3onervbydamy5jq5uzaky7+lmi1lxstmlv9x+mgl7yd5im13iujhrt19rywsfrq4muqom/qci/9mncrv2cvtbskle5ryvzggv83fri3usmtja4eqakv0iptgdcewaml0mbvft0+anl+lovyexwyfzifzda/ecalywauxfpi8l+m/ktvj2esbxgoymyxw8hbotn4lzt0jg3kav3trn/ie17f/+p1//p7v/v2/oej/+36z//83heiumplbxg7gjh+lluk01ur3sgvr5ubjp4iituyivxk4dblhjbul5dkvhje4um2hl1bsfhn2ua0ia4p4eibeaj9svodjjv3zly4bhbxxslzvi6hlvubae6uy+fsku701ykgsturvzvxczonil7u564elqgfrz1oqatekrqtaqcz0ojuhwmdm63lv56umux3hz067x28amvciblxdszybtjki3lj+25jolcdrqbslcbwz/ex8cjfjzm1igb1s7fz8sa65cj94mxnvpsaizjn7fmd+7mdmq8i8mz9jyrlgrzb8igr6gabwxej20rbgsyh6ejin5iojzewdr9rhefeqizazjgy/fhh1gqnatmtucnk2lh+sebp8zc9oihnc3otlw/awe7heewjgfkdixktvof4lrccul171qnz6a/t9iclqr8gdocsq6l8lhld6rcmtb4yojzxrzmhnf4fr02csov4mfql2caphokoyhkefqmtwab6ts7igj1yhj04xc7birysfjxdxoe4t1jbmvjkkyjwzdpg4xwcbdoc/4uiojxo46p0uuipnunijr2p7gixcieuib9ujeedfowte8xxhz9xyt3tzxavewspjceedsytv2a75slsrz524vq/ed+mrj+vzd1tbfoazc1w4k+dccc0ky2gvmlqz/j/+d1g2ezvdkd4lhldg+c+qvvz89wpdtzlkacm9+u25lothnosjqljwznjp81xhayhshrfxnzikqwgsfxrcglfmiyterpsdsvxaoovgvec64qkass45eh6ggkydur9zdhvik+/oqlvurzcegwhjf29tcpzsjupvhyfw1arqled3riok5qajq2s5lbozlf7ad1w07evb8rmpe91srcyrnhyjjcyukzgzreogev+hkiivm7feqgqslkwtyz014trvdap4hkdsotlya8wky562lic11zn7xrjxib00pkj2gamypmjpmifz13wf/cfyjjk6jbtqsoidkz0ioq+rayuwkeyb7qoy0zd+djhls1xi4keb12vwrpafwmay0lfnsy/qf1ikmetj0vnsiky3zdjwh3yrftckg3xpfjfwtqmziscf+0gphhj3osnxwnginvtrermdsyykz9gtm6pu1aivkpzbwdsjhe0x+djxzfdypc9bhpk65rcjkag6whnqlf3skf3f2qvzz4hsy77keyjyvspg2fmkkd5rcjgk8s+gxwvh2mrwgnpvyxgxcdipmm2lwgucsebo+s3emyr0ohmh+dvzunlybx+nfow7fl5lrisudwd4jyk95priela4zpokgmeldfaknh+xoemupmfplfykslidusnzkmfzs7h4+5r6ib2hs1ihic1hauzzfx+yr2moqiakyrhynurmn49iulpyw3bal7qbdijkaiqkaxwzql1vqqyas721ohhe6iheis2s2ssxrnuhz2u3dgv7gxecuwnlr3knkdk+tveqqsx1yq1vxouwh/vmbkxpjh2sypmqltfozafm5syqxy3a0ruuxlckjskb480wrpucuazi0/vihrjpeo9n1bwfbnldoyuj73w+uizdzgsymj5uok9jeei1bzto7cdyghqyvlsy19crnpuk7p6hgwo7kjkzdnjujc5njilwevmrfeueqhserfvozobieemdxdie9ulorajqivb7hgsoyzpitrw18vouj5fptfjesj9eqhuvxunkqo4baav6pd0acrcurtv3hvwrolfx32wunwzpexrur0boxmsu3ekvtkxlcydu6ybjkrzeqfulw6kwwjqwblef3bgmtq/xsgcdersnn1z4vlosfz3bde57a4gy5dr/u8l8cdnpi5753lupdmnpn1+puhujjbdt+rgniwgzmm/rvgj2wpf0locipjqgux6ozmfcxilogxsyekbwyb+zg2zmxbydaub2u1rygttkwbyn68sgpzea2ruexbqkznb5zg1xvoofc2gn6crhdxzhajfjc0kzkn0xk7qtw5mubnzfd80uq9xhc3qibvizxuulrjn1xwr2iqziostnfmhnhwjo3grwz0miqjg5ydyy/gkyulph+0blbpz3nblm3lfvirwatavifkbczimzo9l+rydbxujj68ddt73cjj1q8pc0ua8mq5ptfmnee2iceni5houwdhgiwnyokm03pc+pn2ncmgvwdpt+xqwq7ml7rjg9zxdwfb3pdlqf34uw7n6mey9gon45ymkhjqninxvadgivvp11s1kgs7xc3i5tuv86r4xv9xsmrgud54woeieecevmkjbqpuxnxphbi2ayahk7w8qrbcpmplwtc+efcctvdpzlbjnwyxged4+u0cxpgbukdjvphyduejqz7ccslu3htkdrzn6vie+fbypyxidvr3fgf3krl2krsprhgdkqdpvoc0+en7oncrzoxess9gdjw/lvikdjsb5ufsakjcgstjfepwyhrocb60cpl6hjld7nxohs0tpsytmnfcxnfcfnynuxshjbekg4ywsznj37o5srtgod3ujmugyhx6wsnrtu1vn1ek8gilblj3urt3g6dp/fgra+oqrrewod03ebaa6xbxqlxbakl9ktcz23gl5dt6tbhbi0rffo9ivhz6udfnjdlcrtmssmi0i+neu5rswkedjvcgqzefbyr1gu7mxhhe2gwjwkivprkpfuxw2b+wtt8pr1ljuiom4ybmx9t2vsaaiv+6xdyqlasu6fnxvwilquearjwjyvkjfct9lwabh6ssnka0ey9g4rkqjyixbuq8bsntayqxva1rdbl6dsp7z8bgpvfperkcqt3ebktbkwhaezdrqpcux05yxm6lmnff6h0caqwheh+fv4rq0in8nw5eel6kaulmgsqq1re4vu3z6lvshpavbhueqc/czbfkn9eivutjrxqp7sjcqumrjp3lvpq+jldurfbrkfhnuxvlzzcjaxmsbc/agdu9kerzyjcvf2+5gqxrkb07ijjg9esu+ut/udnqufn3abdjnqvpzysoffox3nur3fmijglthy2titas8aamrut7cq8gpn2d6f/ucu13usm94rtrsnmjwnvkdwzicfoonxvittifsdmtmlbyymjarjq2voaizjs3mtdrqijvtolrgj9vtia7uifc8bfciowxqob+yatk02nfwzwoy9cgzdutvasw3nxyv4lleoavmnlvjxgezo61xipbpz32m0opiqobk69uep787e4npbvh5vejyxrapwtywv27hwl+z2afmcapaq508/yal+jwpmo8d6fvwycr9snc6exj0lx0h1ayvvn1s/jxei9jbe0g0x9mrpyrdyx8jjqtwk1r/69rwwgv87vvrfyceo9g05fdywu6c1sbymx5khe5bu1+1hztinq2eqtskdrthibz3gkuxssq2mgihw45bd2lm4qroc7qweyofx4xebxeek+hoqvblfsyih6nw9whk1q0gyzn5g67xe9rxudgwozxuov9h8acq7e/7i0sp5h+ruttio+3n6vcu7oqvtm6es/mcrh40u3jwb6qn/6kiysa/qdwclau8/9lx5kvgfetjbp83wboit6dyq320vrt3mgpekfzp7ttw5/7vy4s7jbxneigls5+dqy46xfelfsefo6gsixs5ntctmot7jymreduj3vfep5aiyl23yasnqqp+ewewyfjlb4ot6zk/dyd9sj3gbrbc392hs51rxhy/8pvm1qt1wcf0tpl00ifcfvfolrdeh2pc4xsxjj0cwsv7prurxdgtzqke/nk/jkjfz3l29ztia2oo2qwcu3hqv1q0m48kicys1eaiwsuoqnvmdkqutirzwlrkmu6ylvtkbqlo7riwetib0vx1lounbc1kwtdptydb6pdrqxbpf3nyvxibdc/1upvhuxu2tyqxcl+4kf/6kqybfnnn8fbca+jsdywxi78ygifvcf+slxecc090yrkzznbu6xxyquqiavb3xrtqkbllktntqyzh9mnuzighlhltk/m3dxhafkwlhy721mxiqgkdtwelwtb8lw8o6f19gxtggyg2l68msoquuenbsdomznx9j6inoq0ccsc9kaui6tepbxgbad5dqwde12hlbfv2fklitrxnn+vuwjmeue/qe3+mykkiwmbrdobqjks23u4ezwu2jmksm+tirdl6doazhu8qokbxmpcvt1fsuhwtdieim1lkbgag4bqulkl6jr5ek+tldqqd8pgvdc81fle96cqgyw4wk87tjpvhz0cecqfz5eyf97zsiisdnrdubczezssr0vpveqmarjabrk3r+xohgl3xumvmh5akgcztf2we2bxdnh+mwkyaqqjizmektr8vaejjxbgcovrd6fig7g8mnyum2c4ke2wnzza5wo6wkftygkrczrlnxkiu4anle42vetiounlg5chfmobubkidz6uuyzhtr8lfaqrnous8ss36vq0y3soaffrha1q95opxihqisa0wxuzkqfdqzcuv9bk6il/u1v5tlyhd/rk52rwzdf3+obupcy2wbszcz0vhr87lh4wlajo2ilrcbpun1y+aneyu4hbpt3hubkqsukebekrq+ei7ewdrjkegi0nmpn4/pyjyazi77rjimfkj+lap4c6kjclhrarlzpsnaqlsanjnaqwanbmdht6wa0ioq172dkv8q6ivd5dr4miejhsp7wlxmxdhrm8ewwxkg6tl8cbhzd1ppfy9eu7ilztg5ulkxuud1wms2xox1n/drfi6s0piw4gsqxvciq0grqgflqoj/iljg9bpwbegcyolqlnwtsybcmthxizbdrb2n2evdenephnnecidugvvfcqbftwme7jnptvllte15xtpjgw1ryv3uhukerzrei27fonadbj1oiicz+9zeyo10e6w+9qludsvfdjoruiukrp1wvbc/j4cuqirii9ouqarhkv1ihbyhaoraa0nozyjwj6svohegeslnopa95qlgy7demyqqrv2ezpjybbkwq8a+upseyapopowvbvkjlutpvq5ja7l4b+kdqw7lppscxayq186i+mhf0+3zsvxmur+g2njelufjwrkw0uttetyyj3zzbk3gd59n96iyynojzbz+6a7sqr7nsc6irwamuxr6caw2pesyeykbvzjfidn9un3vqfwpgg5ngrc1j0itd97o0j3hfs+sd85a0t1pxpo5uvaqed1gdakoayvs5el17xmutejlxn1myaeo/wjzehz8zrj3pbxqudsf2htnkaodw5dtupr1sdx6xl9dcvk2hgm51qhy56b9fbbg+wgjeaw0eyczfpbgcgffaswqp0orpjwdifdiwbovw0yo0wrxavqicdtmdtbao2dkzu/xeliwv+zpmcywqmnp7uzk/+gm9vpnnu2azy3lxgnzis0kugysipz7qu2kdyebikf56tzzxlvigf460zpncunxdeybg339gst/ysg2+p6canqlgi0aq+ru/i9ugzjm2srzadsygdxtql0usjxcemmkqcjsbeivq9anottvflt4qqotfjynpkayqelebupor1vy5iwqc0k/5vpviblo731iyl36rs969tmva0k8srwsw4g1js0fe90m99amp3vr5/bllwhfzgwrhz0pldyagqu/mjfuycqjefpjbmz4bw6rjea8gdedqiu1ymgbxd3+dp5hqgrz6u2hq4iy6pnfli8dyi2eaa5b8aov8e0j/ij25zpcwt5njfhhzhjtiisuxe7gmtvzlmx6q7gg586iwalr5ni57outpujqauzwrqtmxjltbznka3zp+frbucr5ysqhjbdxz8cslpojdcw7uwlczqcfrlhaxopipj8v9dslp1+pi9+w08+vmshlnhr+0y9evqwrpuqk2hh158c02znsitfihpxczeeppiiqfzceknykybimi0kqgbjixtgtttn2ijfydyj0gr4tqprqcc24zbaziquun1rh00nsy3zwwe3ovzkeksnlcortcwo1ya5ofed2lzkk097+ckplhwd7qgva9owcq/l/zwa9c+2gluqeukrn2tw8m7n8euggvefvky3mndysgb8iwin9vloxvvsugy64bcgwzmytmgvlfwjfbraviz2ktme5tcu7xk3h7wnvsp+kk5qlwcbgfbkav88vajcblpzibm2fqpd7cfk2mumlfr1yiqmkcww4ksazslzpkonxdzmvieaw9aew/esjzi0q6trfirytbwksfpmfgsur54iv/rx91wetm+nnd6r7n8wbjlhcqktfqsn3rntsjj/x24s+czeieepygxtywf22wnyv9oeo6roplexwoyeceumcsdjj21hwnxslrfun4powg0jrv4doydwqm8wdgve4faleojadtjb3kfsl128wk1t07vh0zvrgilpukycdxbnj4lc+rwzgdk/+fm0v4lwfyi0spcvypxctbpztfmk0r+esz9lnfxup4vlhz2nsvxa3id7d2k78jyj7+kcxv+eoosxstzutbzbnbpckr42dhuwiqhszs/swi3q9+9isxqkf8juderqvqwsrxd8jgcbsrrq5qnmt1znc/zazqfumvuzcupnhiw51cju9o4x0tytnxwgv/7rpkjxarv4aiegzqnvivshflnzndggmcaxorm497zzca3f7nluhwcgbgt1dltz/ledjqz1bvzchvgcifiyruimxnigx3wnmkaeq6zfbn0qw/klkew5z8e8boueizl7zdad8ow7lzorrdheyk9zvtz2xqkgctsf2nukg1nc3rwwuyxo4j873n4vbxtj85r4cojcugjolxj7qsobmor+l2ze7umjvwghbrre2ikgyaruehhyssfruylxqr6cgylkjd8e7zgs2vkr9oeurgqaa3lk0v5fvwbtdlvgem5cbdwlgvdzrqtbqsyjgsevkgghtz0ehfqpvjcsgupagweg52buwviotxcgjyqjkkmmw5yvgkylzktdlxnr7j1c8t4f1hck1d1qjbq/ftzbilbocjr54te2auc/466vybjz4ovyzzkk6o+1sdvf29mdkon/nftntsejzlnmcb1vetfw71vgh3mpjxwd0q8ycjoarsgrs4/4mkifc2xpvsvp8qlm2p2bxk4zjirjkzl39mdgjvunmmkpauqhobjycqcuhm500pick1enjt/h4pjtervgmj7gpqnfirypundtrheonisiyozhkkplopwwyqdeu0vmrazirve/vmhnc4t2z/bjrs0r0kvv6w+yxjtg8188gdeyzl8s44w4uqexm/aq6o+zi58o4t3fmoncsgpldctsbfikwf8wh77p0lba6d14ksyrqyfbe8dv3nchxdjakjkyptk9phknrugnandd6enrowigu6eermmt7lck8yjatrnbwh6ir4s/pjw/csaipb3a3uov2cbnaplliexuu5xoebwytsrwmbzycqkhd4lwfgnv9cuutbfe8l2trmm8g3vylpisyo9nj8o0ojew7n5lvxiqe5kducppjclgr0jdfehzpvj+qhxdg537iaedrppd4zljt4/ymhatgub0lrprcxyl7kbylk50scp6v1wqaqcrem4mmp8gjywrl1h7sruyy8wyoczthu8+f0a2p01scxpaiszspq/a66hg29nycjjuxotbzjakksuppdw0wr+ztd6ke/4xvfc+givfogy1ix/sqruyiaawravjz1wpo0vaq6p81umsr1xuyua5en/ksrrqhoxyrbbnvbysv5tdkqgd6ci8xaip4rmsmq3vhjoqpaxg+tw0q8b3gkyptrebhwtzvxnktetjhv9dnsg9kdwezpuuxgujeqn/ebfsw/xsjsaffyveitabihwarmlj6kb0a5319lhfjbs4xp2ucosmainb2940i1vannuhslmgcux2vyczidip5xu9jbhjb49xqhho9wcuwclw4/zzjn4wlqx2mpki7cjashyqampehytaltsg/lprnr9odzpkg8krtr1yv6nsglxuqq58wyfmw/lurbg2nvijzu17yk5ufxl/gqrhwkze6zlxmh7whs/fxt8zcf9gwekonsrxupxd7ihyynk3golicfiqo6wfrquydd9gdisde/dutdqrhksbntsqaekiknz3j0ezwyncnpkwjq3yr1ck96sd72xq/yd+k8l72uvcbxwwqbrxgsj4zoplp3yciuywjjmyifq2na94zhxsh+9sw9zjxjfhgnqpwbo4jcejx9ek6z8u7xq/dtmjh7ktkyub3paruxteuwirenqwjkrh2q8iyi10iwk/8q7qgq7jt6ydq62w0ueotstrslchccmmp3buopsyyu5f2ndvetbmv1iztfceekws6gxfzbtdoplxfvaqahzddcmvfynhuerem5ehpwthxih2ievmefjwv5od0tymueetkvwcu0grkach7gleaw1i5tgifohz4lg6ezjztqs2zrw/lspsmvdjmvhbewpibraefxtl0r6mjhoqpszeczzwyjuvlz91llumi7esijjgk210bebos2ermxf4zm3zvgamz9ouymgpnkq2ridkemx0howeqd6cvrk8nw9fdg/fdd9thv/xrfe65sm6r7fvfk5ye+rknu3ewqyezlkol4j1belvjtur8hojy2cz1y/2buuythvynck3cfpoqrhnjepe52+6wc5nsnupcc3/ckixsj20ri4zuezfert60qmrj/urhdt2jx85o8+31v0hmejkx6e/r2xpu3g/9abofjx+fcurgdgnz39a7gh5tdfg1k8zitma7hcx3jhc8qbuoqojyi5kzsh/bkpeiklwjz3bv31smqtq5qc2krbpbiafr6yyad0qxy+amxiy6iojfhfqxpk2nkkggg36ckyooei83glpplskozahoiu49hqcjbe+3phf2sfdotfarhy906c+dcflsxdac/vst+fk/93nmxpegmmrdfekc0hje13vu4vlputbfywlv3r8ugqnhl9xpksy+tvnkn2zbwtpvyufqyq/rptnqrgr08ly/sztiwrjyjmftppfct5qy5uwyu2mxrxmwrkw0gtgvmh17m9ahq0it9es3ki5kwx2tsky8f634bhgbgvvpris+dicmo9ennljt/brh6taxsfymkyrjidsegcvp30xmbkymc1v3riighxcr1zfkfdzg3qf+hr8tvx5hvnbumfyamvt2atflxmiid38f3si3xs8pu5nculecg7vyncmavd0mrbvang7m1e8bktoyu75c7p5ric9rsc9ffgqofbxeadamjodvpiahc2cbeikvn79bxodzqmnahp/87jljjtw8mkbnxfxktnkpqklvnxrtq3cdg4p0wxawhxn0h1hletzijncpao7fwmpsblfodautyqcw56tkriif03sq/th0djw/s4iuhtv66tro1arkuv1otsue/xe7kfgrz2xypzlbk8ufnahwfqkbmitmdsyz3aaebs9zd7urncjkxatlw+dtqx4zrf12byro1okisycjvehxh7tgr81zqgqdnxjxslsxjfsndkehwiomrhqb37gguj5n1xkqw/w8jjpsuyxavsbwdiy44ls/r3tvhtgtmmri7ozfanlrl3xlh9pthqkxxtnnxcnnn7ydlxwo6/wjqikikbehbovocrki6jdh6dow+p7pj/vefa4c1801uju63u5irsf2lc7uzqcjg62renzpxtaetcavnpwufuvx1e+33k6shxvwde7on5fsddyorygajv3l3dloptgkawe3/mrbk6s7rwsvz1zxtsehtokgbt6hkrepzbazzzgtmgncn3/3bejwxukfrrsodd5/wef6rdb0vwhsrxtcevpoecb9pfk/znr78i3lmtgdrktiv4shv1kjoybxheq+1ktqdz+8hvu4orubreizxmia5wqfh2yeigjslvrhrsga25fdhhromny8jyquz3ee7o6owuhxxqbin4vx14pagelmtiiknbujd9axb7fofjn66ik9xayf5eojcsdhkjkhe2emcfe2hykrlhrmfazxoyh9zmlvjxkkgu4qecoj/ewst2lihtbpadnip1bunhvp1z1fq/ptkcgzeek+ddzbmz0f8cg7jbc84qy/n3yezf0eno95jhxoyvifjw2nl5wtfzfuutu9bdwl/3sja7rxqtqs8/bismx4awmcix+xehjdtnyddoemtz7cqgdmrjtjrbfiv9ys0scmqvy4mkasducckhm9s1xfhujbxlpniguzktpakm/wjry4ba/+on3uebxr1mclggi/xejcvc5uifodri+/cywqilxygcfpcixahu8scsiltzoyz8sxcfk/vriz0gcrvdbi9esaqeykwwnug6qntorgby7prpg3w80md1rdyi2mngoy1af92j4rhskgh05hgk3nymi7uhvse7un5fkd24fnws7rcis9qubyvypeyl3ypnww33ze7wl9lwnxzw2ftq0pfrf+vqjtxgbpga2cet8bgmlahnlvp582pbrxjzg/i2imbnes82jxusmvbjl9yenshr20lc7vz+w+voegbpbuf1k16qgjcxd4e2vj9u9co6hz0uhlwdtov5p+q0rhrxl8jedpc3hoestejy40xscjkox2vfyzckgsljiyl1l1ja8fazifvcscgpq8ak1rjwkgqsvbibbymcolxlurfb/pktdihzxx7wh/x7lujofohlns8fyr0aq6s1jyoxpck/cof2c44ug5gxbth+jnpcgryltzqkv0rpijg8h4jy+p2pyon6x7ibzj01g7xhscf68n/tdjwpvvqp2kadmvwrgtnwn607yamepbxmr1jllxndsvskrpaiwhftphwiuzt6pelyahxasebcykgevdstk0ih0nqxc1oor4ad8hvbg0jbhnm4rgt/5zo3ecci5lbqvjvizcv8ly60elpb2scmwwld0/5cp82saqdlnrdetox7e7rdvxksuzxbu60ti9m562k2zko4mkbnvllo7wbvgsikt9/1tl4a0qezbhp0yc9xmeo5+iuqwlrij8hezdeqoqdjwbm3bm9eaa8f0otdfjq2l2cauwgnmhbsirbqvdxowqwycrqvsf98skkjyrtdlhafqlzlp1ozq3fcsmgsb48zyznywka7kvlvt93xgud2ul+de9i3cnsoch9isuq0q1r4tiemvlnaxfebh/qyl38lw+a9bz8e4koheyqpecktmhijgrblejnxuuebi9czmv1w/olzumkxt1mk/hhlbqnzr+g0l6guz69trb1szu2+cowxfhrl0s+j1ryug3hhizpzjas+cmgfcmv8ihamigeswkze97wr92xdy+f0uxcblbyriojclecvl1e5+bjstwnjmolektla9cwya8vxd38rqhhthmoirx98bs3vlyvnrtexbbpzibhn92f1bk3yznv+vosyh5fco5lyv96zaxqqtwsg7ic8/plw47s5bz069wqioeiiimmucd9fphn7zou3w5mf7um3qx6qgkpt+wwduwemr/ksobttxbxow3rzctxvzhtwg0bzt52pbzb8udmn1njm4hknma8etzpyhnljayurpsy7x3oerbj8yk898vxshljyy1ol2et6he1zrlii4biuzw8k8wcajkmheuqc4mjnifnz0kr/igfa7jfse0+unr+gwofx8umfc9mm4bjujlrvunfnyupcrasq+t5fqlnpyq6jitxjwmecgjjkm53kiuhsueuehpqboczmtdpgr4i2vmrb82346aq9er9aphfn8w88wwrpoz1bzbxrec3ziru34yjraa6cxevl2do87oh0k/zlsojrtlyzdydjjqtequjecocbnpvcxd7qodjbn7d/sat3peceb8jntujn0sxx7tbujcz2tyztyodbmd844dqv+tf6y7ksviuaujyu0nmqhp1f3xjan4ggosxl/exjjjzura3kq+jiajexpz57iylvmbqpq1vplqr1/xhujkze+mgulns58yiaf1kyrguwc/vxhyrbzvejbutxecn8axgzphlk/im1acvo+mrowkpnx0qyvufykayrtqejtajovggpxa7vun3bq7eiryc+y5udrspco515vzot1jnty2lqwohqyyytj0zshzq1xztqgzn43oog0xhgxxdukylnec8gpqeythelynuac1ruunzzui5qe/i1nliec0pkx6domodcoogktzw3dh83iflz7gwol3wkfwv8jhthd0rawsely6e6v2aswin5tepqnvoqcnxben6yskm5cbdusmhbkutziqw7tnsozqbxvtdtbfprpkahrja8rqxwmapy2k2xfrkkrejxj3oqo28umvcoxau2yylbocxzqq/vkxhmbujzrncgft2tealbo0mvl3/wdyzypehkw7prqewbbxdjgmvnclppgcfco1uq+k7cdrzdtojfriyvqcq83ucudrrhze7j3qq5qjpa1hfj6dv4z3dodwt1mq72k2lchfsvzkzaqvjjzswrf5fq5g14pndirfrh0i4hjiqt2jdcuun3h0kx+byodandoxqp2k5xg3kjsmfvyvv2sc41zslc/la3hzzwj7fef0fbadfdbbbvxnb6ndsvtwravdk6uqxqgwlo9szhgfxkqdfwq+kakzxwskgodijytvtti58qwvqykrst1tfdkc50n+0yht8nglkfsqt2tdod8ob985verjw+e9ziivyiwkhttnj9/klo2jl42eylaocg/rh/swklndbesrhklocrhr2agrvhniaitmzc41pac81q+wdvsjk59ek6/nndxsflg85arziwyxctfy7s3vqkk/tekqxj9sgdyodsdqiy2bfn9jcbflrc0tsy2efrqcgjcsfzv+ex6/ijflnydaqh+tfofutsopngphxb35+lsqsk8xtcfyhnok0jqip0aksygbrn++7cimenat2zsn4hcxrjd8sacm+pns6rb1eenwemo813wg4sunha1nev242ich4vqvkfep6eit1jvk0hmtpyxqqdctunatwzdiu/ypcmdp4xuzcjky83peca6d4w4hmgahnnrsl8wvotqbybkfn2jt7tnniowlk5jyjmbdmbfwr+b0m2fretadtmweynukvszzsbr/28zl0esoobvpv7hsp8ysqxuarj+ctponhge+vibkyly/qy4yb6grkqbcqiuuoshvipjpyhlopaj9e+ljpq2hif1/tiirw1k0ytldjfkpvdiiubyputktu5gb+nlo9gvzbrihm2geuyk300i8yzlxeaxkwcnbio3ybozwxvxactradmqu47qric7zzocs91ubchiun5byvrkxzjhprftnuicuqyq4jm9oxv3z+lki5ci0cuy3wwvzbgisa/yapcrrd75qu3bxvmj/tcmchix4dcsotszzpuxmh42cddzibrfer95/dmh2v0nokye4djcjtwbfjg19tokxfmjjslr4jt+qtgchzuzatatvb5ke3bvkgwcoulfxmf66kvhrr6l5shdiavmoauslzlhid8dfviwrc7jh0o0k1l2/i/c/svkuv1po2ojgxq98ia0wht9yfeylbupeud7xhnzgintgse7v4ybmr4t9idtanodm6bakeggm8m0cumbihgqz6udszgih+na2utz4viw4ol7ipsxstrgmhvesg5mriaf9wgo2+7oxi8lvtcmdwf7wcpngphsw5ihctov+xpj7lbbmser3xyjjuoopzsjq89vnl5r1vpslqh0cdthsb0psornhogqmyqqmxszoh51qibsftdrw0rsnso1lfhar+plijywgvmxidergifpbb8i8y8aulvtrfywojorpvyinn21+ik35xr5hrb59trkushhii6zeqjck/yfouxv0i/wlw76x0k6cbviruwit3epmiugnqck0gcjgggu60qcqmlodfhgeauoquecetgswg9jxlrj09c5qoeyerw5jbzsmrjd/riogo+1ddtxiv2xf7hsivfum2eqnpamui9vjliijuugvkghitagcibgnf2az+puipfolykxqp1ltn45qjjflc9/7rpjbgxupbwbfykghlkd9ycmj76aroguumbx6niptqyrndbhevs93dyvvb6n0w65wthcaez+ocnhf90ctvwm8jum0spevrxfaa4sl9+vcwnxhp+rpxlcwmre23acosseslfh/r273xovv5yquwfrb199zdfctiyvgknmuynwdxkohesweto2qqurl/vswrs4gsc9r1kmlqwrbf/1icsh+trlkt7m8+jui4zqizucq7l2rbfghfgbxi9/z+wuq//yfqhnki0cecwmz6ennbiyjbcnyovmaar+fsgrypptjbgubm5wt2jek62iphnyxyhqs1w8rgdkpt4dj1i0zelk1+ocwj/ats9g0kysy5rygsf43pdgpirlobswdcq2emuohq+jm379a+m2zpundldwtn0jlbbu3trorrerenopej8ud8dfamfil07q8yranrsxyta7thyjvhklvwb4efq95ewyyqehmbf5spzreelavf2c5lwygb8wqlma+p06/mlvw1ovgf4xiizyhrqqgp5jdrsg0tmkhnyc5ucgs1dcsetceuf/albn2pbem83wyv3eiib+zj1+1gufczknu9wnk5rt6nqnu/3jzzv7rv0qpbopdpfme68bhzmvwtvlengijlbgwpeqeebgetdmxhhgi12/pza9lynykywixrxrhbsjkn2ukoas2rlkkjcx3rqti8mv1y0ztwuohfxji+ze1kjt/256ggiltdip1lmxdjve6fzfpffxllgrcea2vkpjjko5occnpra2nyuwpxfa7qyb1aftckv4gzyvhc9t00gukw+cxkicvu9pilncblj7cwjj6chdsjwlzhwf50ugwtsqzbcq510qkvxfxh6/nyjqrv3pwb3mdswjtwfmwzb6c2srtitpl1zrqbogdxup4fidoz77ezollryk+5zwrmzjnopnzckjljyxd0jp6jvb27vor6d0jlubxuznlugrtqyyt2ax67mf6oue+oh3rf0ekkbhln08z4ziq9urs1gzbjed9keitus0zaa2srt/dasipjgiqns32pa0zpl1jsxvas5nmqzu8+vvc+reuiyga9rloegyg/t7hu5kosx9olr9io84ednifz8cfhhvgmvtv+omcwvupj2l5pmkchuakigvz8krvnpiotlflrxyvowzj4igrpejnfszj25gfozhuy741z2jwio3xr4r9hczwxkoh0umdnbsyalyo4ablsdsmawzbpu5ckbawlw3phsjpnopre3wlrpcmilbmcazg7mi8iwpns4doihzxcdns7+s2byxdnzz+uropzdwhaxk/v4whqtcshct2erpshu/p7vxsmdhieup1vckerham94vx74eli+shsetmbzmqjxgie+yifqmgz97woo/u5hy0evpqii84c92uvnirci8dasn5fftfahzlugmypwxznsjljs6wwvzjdph+ynx7whvfgngalnrghoud3yw+sb5o98leavfdg/ahxqm+ynusqp3o0ph6mdso0z/ig9h3oyrfvgtjks60z7/iof4z/c+/qji5lgngtmntfpt0/at/zezm0b4zlf4wu1ue7/zkc2gikhf4z6/97mhfeby5fxewqenfgonfuvs1zn//x/79n36wpmfkumn5vvskcsc+/9vbvo7qzf58k0lgeo+xudoun13yraetsk2vwyaqxyfswkoia+y2slzzr2rlvjgvpcra9emkxt/k/ceiqdalvntuyzzkzuq/30h5bdmvip02t2org0ziwsrrctrdfi3xx9t7m1cajewakx65se8yejcst1vmwh0q/bhhgait2tayuy8engfv7pl65rm1rfw5s1qvychkrxd+u8weoiefbpzkxg4hbar/bw3vizqivdtfog1vsolwimdmwrlce81cg4gmvfmvhpuoyc9wq9zbqhai8esiyz04yal23tsepzm1skpgbqwjagr1ejuaeqd+yx+dlwbegcte160q/ukhvxb3wyq8bdd3szlyqjq4mzp0c2nl61zwogxdhma4nyriga3r1wdf2epbhbcruzcelbpum6wsrn/jkqnme97s+hyxxh6n8qnrqz9tbro/ezoxntfajeyrttoqpf+itgy+eesl8yis487fnrb6lttrsvrkgyjghofeopvnsm293yqjjh8ttir2tdoxwiw33bdxukup7eyvv98kwzszl6dieh1m4pnayeeaejrq3twrpsf4ipwb9dhdt+x50s3pfdy6kiiyhsuvqi/9ylywyuxdirdmt+ozouywwfhhyjui1yxb1ite8nw8becezcujr5x+bojmu0lamjat2jborqp0wfgmsvhzfxoiwqno5a/s1bt1682onymf8+itptha6yfq4p8k7yhna0dqpj3ey4aczxv9gq4kkivzprn+prwi8c91exz/3ezavpxqlsijpupguptkvhu3lgb6izn0cog+xlcolortz+gvo1/9lkcwziwgwkln0wzwhbjedbicbpka8g8auw7qwih7poojwsjzdek3cdank9q5gnf6m5ht1x9ctqf6esqvtqqzrjj6xymabdccmfejdk0snpdcxtfnzvcpyhsuvzkuvnmt/e11aiej0ntczzj1kim062nhc6klkajhjspwzm0qd78fpbqfbgglurzgjcwm2+iksdqmrurero2n0m5gwh6tlkymfgjlras3nk2fvlwi6udwbir20tsilskiqz+yzi0yi9m/ulz99lz9ah/tg6yue8cs3s9dgo5xuwa9v1qjhl3j4kms5gbn6xciy+cgvbbby7n8gd/basb0taogph3gtbzcnf0h+gosxz+foyimif/ylnaqjfiipu+xpilp4ndexo1ckgjmstltl04j57n+7ji7jfwmzqrg7vsy4xsjqhx9g+uivq5z+ml94ndnggnbzcxsnlhudmmmlmffa0ytnpg9flmuij+ksfefhax6neomx/hp5emblhwhcnkkmig9xhrykw2smtsllxs9zstlypkujvyipo3quc3jow/vjaidvdoqymo7a6udcg4zkedp3hmecbh54m9iwsnoij82w06t0xs28j0cur7oacvvthbswg0qgu31zfg5xxurushu1uje0h8ak6ooeeveg4i88byqxni8zaousuuvmgmchksoignbuepyfi+kjvi116qihfqxnokplnsf8byziiih9ddvfscaawdqvtiqiyt3xsthhh9ihvkkg2mppejhuuh9sf0oxwdp6p7mf0g09wpjbeyowo7qeylatw62pqwtjtzsvjtpjbqz5nr8czpbeu8cmolq8c0vybzxmkqetgxlefcygtor+xdcgaypympiqzcjwvfrzfcrjdjcnkobizb1vbfxkd64fhzwibzg5i/frrzl4yage/wikdy8rkhgc6jgy4uwvvq1yuj5ci3kpkuas14+owq6ihsjcfbpj8w7surrr98ui/q9uvbmwy38zib5ejgnpcaxvdskxejrmwh7mcnry4lgcadr0qo/bxpcckmo5/r2qcfolkehivi3a05zv4mh4aslp7wyhm19p3er8f1zfqwfemlakhg8gry1dhzi1hycm5qj5pyshbtnwwtr2lugcbu3lubjy7rwbdmqwtoey48thiiifselsx39dhkd8tkdzpjrmzw9kirwzxe/ciko1b43uly9kimadglw7pekz1+tpm9m8oiznwsz7/0tnkd0hmd5sxxrzb8yq5dmap6okijnlwae5k2fvnwtqzpgsyxbz2enoloue6tcu+8gcdwnkibd620k0dqo1rdkz86chrl+2k4xhjgtxyr536p1ek1ep5tygesbhn1xjrgab4/trmle8/tyvnsz2yowra/v1njsj2k89tn4je6zonzyypnwbtpzyfivnckyvsbk24ytpold2ntnr3kbc3kkybd9rly55vo8+r3pb3jkcj/3oad3rgas7c5l6vrz2nstfobizfpjoccymysndqa62lbyr5dlogzk0gz4plvdczlmgzgxx9hdcgjwzuoz1kqrqahlor1ran74ptclpxycrq5qrd0nyemmwscr2g4rzggparv4wbbepyiwszl2tspxgclaj0yqdm31ixn3zmacw2ylbxvrrcxk0uocidseft4kyimhzw7jgwcos1buyp16wk+r5hnht7azko6+r3bocntzo64fc/r69xicbizodcqtempyuybs+lgyg7pjcbtga7vk3whj4rklq652duyo3mz94zavwuyyq7csh5pqxtvpdkltotai7myg4egjoimz1xhrak0xd3povk9hz8zz0km+sm4mhw1xphdrlw4v6vbk4jnxspa0z+4c0lzzxxijgumda1jkukn4pua4xa4uiuy80igvh/i0tbpqessji+m1atpgssq0mshnnmswkm1bwduatfttcxymnr+c5niozcz8qmnuqg4ljlkfjbyevz27yzpa7seo0e3240bgxn0s27bovyplz4zihjfaad3zayjujwemo1z0ujlru8nfz/cevtz4qs6bklmdkaip8gir18o4typk+ry1ozmqbdpbimxvtces/xoz9nttnben/bql7jdncjkb6ybl6foq8b+2ycp38ztjoxkkbffinjlconxrxjvwcm60wqnd/c7kswnkzuvf8jgfrfbbqqdtuk8xpzpfqikqlual0ewbatomdbosvy0qqa8j1/f1yyoauvrzvbkizyo5vh1kpkvfwq9dfj7oschnpthqz+ogctdlp2g2uh4vnrqjwjygtzlcsvse8tqeb3xxiu1/rghljro/2wkz0igjcqhd4cxwrbjnxg3c/1oxsgo1e0foupzayahbnmtcgx+swwusmjz1s6wilhwfxpo1ogh7cisgwnfwzgygiacnowbelalvk40yek5iv+fazx+qnopf5zl/2teifq1zkzsyu0cqbjhk21ck536sy62evbdwwnan3jtx9rpy2dxfez4q4qw0uydi73ns7x6ubykntkjpvgm4edhtaa2rt9k0xzedgzb4vvyo9mswylexzzo6e3bozn3urmjypvuk22zparmxcjaipujgjvqeh2qjympy/othrcxpnwzvp1tkxnt2mztebspuam+nx1kff/6aodc2uojsvopnlfyd1sioyyyfuqze4jqdz58zq0ozymdja3rkhijinmwfj25x9esmjgjmv34doj6ghtf/neoazzxzb7isdb0k0fexgib5zy1e1blric6qfqxcrkqfvczuwt9ndmcip3wwtwklprndqzfzqjhc8q7ntbtg+pesu2/8ukp2rryn+jf3u58hi0qjk5i+sclpu++h8jzxbposzfmx+dhzgtcshtf2yk9msy0qtgkxc/uerfrseyjzlxkqtjs8ymavofb42ftwzxmow0h57bp54go2xeflcq+ia7goa6ty4bqrqxojlj/pastkhz8bcgja8ruraek0dgy7cx+ekqxdkwhxeqcfe+dkwlg+hxrwgvtzduftqr2dkjhmzjumpatrjm/os860kokl6/pcuixlmc87zfifoqa6+kbp7ow3tbj118+f6o3eczebai94gig5kclbt+cwwzrwvqfszjicwrdnzk9jrbdnovlcqhleynzsz/46jethpe7bz5lnm+xdhjdbura0fly1kv07/k5zoycmmy1/1osrl3keyph8m76324rb7jttuj3gd41esobylpu4dokbpomwi0e/tpkbejpkaha8s90uv5txbqnmbz9jiu8zwrpjhgdi3myfenhioiw03ggjxu+s4drh5wyxkhlnanet85bxjq/dhdek3mhiqoe1oqrlpocqy2vpc5edcbi41oqdd3drj6evjhemlai6xvbcmkonvhv6g538lzbwnhfyeycxlj2mcel7exiab5sn3fd8omumkimnefsklk8h4apwxnvz83xdyiynozwejzhc0ifwuikklgxj5m0xj72tfxaxcm4ynorvpyesrui+7n31yhjsmxjdvfkqlejqpnxm1mvwidkjjsix31c3wjrt8fbgj4d4mwbmquxppitsf/uikdlowt2m5ow3jw5qbypv85xlhjy11psrt6yny/rusgzur72p6s1ht8tqjtybjjbi7uu3go3nkzf7nxnnmk7lll1942/obclad4bkahrdlnvrcdhblu+ik3odcit9tdroqfbslucvhoyrydcqdzabuknoisk7rc0tfyi45pwrqprwlnqztdbcb5au1av9+uxldmi+pm8mxcvh2vdfrxucnbzjpfx+mwrm2npkhjnjwmc0iiwjy/e0jeo9n79kq+qnwdi+5xs9ruykfxecmzhnrlnuhyee/35nwormqpv5mrxhbzbjkilxg2a1fn9lqxryhgktuy9beqnmrfddxewsa8uekexlrufnyi4tozuugpawz3aqnmvpejcu4zxju8tawjmfhptgsighomgzwycxlkwdvaremc3ja0e+knpkgvucjpm68dozaihvcklepxzaykp7fr9yovskj4o0yislfxayexz7bktbjppsrf3s1pbcw/tcacuqkf0jo6qjw+sqqusjfvoa1q+s9nnbrclyyef8wxzdb6xackkw7rsxlwz5rz8k3vnegirfp7viro78c3jnlsdfgny6vokt7jczi9gkqtzgmaon8ybs9npaio0oc3dson20mi/d3jnqdhzemqlwvqpczeks5epe6irz2vsgwc0a4rbrxsp7wjemfi8v1egnry6/neyf1uahotd0+1x3x0mexttqlkjvuaognhgke3eyywyc3barerdyyixincmm4mpacfnbuuiehsa87xlzkda8jpcchksvrbpl8rkgieaa2jh7nkmony5kns2m167/bogn16hypoidmq/mplzkflieztnbmddfvpgmlnequsqtbnypb/ak8tdvxun6ltxfjipuczjxw1kx72//nfvrikxycbm7esxxj9f5scs/dvqj/y7y0mobjmnmtgoqezb7ncnqvtcb479oxlwa4arbvarjlholsxf1yrl9movpuqzfvweasfeuvpdnmesm4vkck3frrhini4pk0dmpbmsmquzbfuxom0vd55xr5nlhlxladq9y5icgvfozahtjlq7fseyidykiwrjetmnxd3v0o3o9a9dr0apyo2shiwblevpvsctzem7ypkm4zeccnsvukmjmtadcg0tpc6uy548groilbf7dxu+gcobt8qrmdwlxq0qppkxdlfis1vnusyxmckcrrono4lm4mbntoaynbfbk8gai9rhdcvqwqdaeinpzfckc7kcweuthkynlimupnqldkf61odvjpnqwvzb5wrtmorek1a3cicsunlityh6imh1ryxibrauvyleikgzxbvtakaliutsi7fpcbjj/sy1jsnfo6td1rq3scl55ca3qtzkxzzsp5vqx+tadfk54xqjj3htpkegwatpvz+r3lhi7vbj2u8a7feqzmj0cpie72tsd6mrnchipvzqg+gdfxx7hlvmjweo7kyincr4l9rutsn1lrht5h5xhyk4brvm3rdrs7c2uflpls59y3ry0ksh5wldbejadfnpur+guk3jf8yhm8g/woy0liwtsd3g+0jqdezum2ls2dn3ehu5z+8hodx7b4mrvsspnpeyydfhn3u2csf5mbpbkimicllg3yzh6rp9pbm4w8mjuuquhx+9s8sq1pero+ydt0ht5lwqerd3xej1nt94beho6sjh8e7chlgtr5z14xgm/rcljfg0epd0tvjseiybw+olg6h2jyrb5nkijo5kpfucfdfni+bqrnkn2eyaynsk/3qzg4qfv20w2dqgk5ao2mafkytazgb+mj7jwvzrdpiy1pq1ppwbr0e4gecdkojbhaqmup5iuf3ojjtwo6eowrb3dleh/oieapq1nmtwm8g8af3yysoikmz4hhk7bclz2bqhw/rzykyrdlotwe57c3yvhif2awkyizrjjmpbqmwekq/y7i0lgb3ldzdielz6pjdf9vbzw/wyxzylajed3fiwltwys5mfbm7dg8cxwgdy+84k7pb3omxjhckrzqbkdks23erg1gtgwgiowq8rk941o16dequyyxtjhkpaxtinvbfejdrvtzch/3xctijfqsvqpmnrtz4fqpgnkmhs3rb73neiil/v+dh5swfhj3uqhug1ddje3y72urdupui4lhkbuvram+7phgmitqvmsufzqlydo7pb02axb10bv39s6hs/pxvr1ropwdipxhk4vktxpfjwbpk03qg7zmmhee2zpz8wzdzqjvyxmi5gy9qexwqrvo8xl4hon6uj4hboipjdzo7xdxjbwtpba7djaxfhvn1bfp/0yb63zdr6qzo45dzzlk1wrl7vvvt1553ytqr9johlkgni1jeqsnrboramh60einaehzksjfojpo2ctnn41i/jpxnqqxbksrrm/3hyermf5fdnd6ol7ji2ts82umy2lp0g4+4njto3ofmdrpl5h3bwzvy0m+4q+rb9vyycwvhresnreqrotwjd/pua402mav7qfg96n9kbe60jjsv3cbcsl7vfr767fseymltlordmxutskocw1j+ajjbouf7bpumaqra3/4z1ztv40hki7yhmlskus1yromjct5uq2xp+xk+g5i3g+j5hinla7xwlf9j1pjcyglttz5qztzi1cmqhplr6yyo34fdlfc+aay7ljjatfafrjisisj25slx01xigt/aaj75cfcyrbikfx0ddnpx7pozrzaysasx9gaxfirzwrrr5nclowr6ddpodyn5kygstm8f010nfx+iktemw36bordvzjhul1pkxqb/3mbso+q5oqttyrkzcqipnhy0kdfa7qemnuk66dx/0n2uu1io3d8wqjfnabmyvexdif822zvrkfu3pmgoqcidvdpuagvva5foodjquycqujtvi1/ebngw030xk2qzb3os4knzv3twcttrqwxnyhqgjncbhzwyowgfuavpyq94qv7cch5ep7mir9bpg1a59c2k7rhyqffsfqjokkiey9sq4bqteghvqk6txxo340sccskfhh1m0keu5il6ecupr1x1nv7str1d4bxeywml/9qh80yrvyw6mhex79yjdpbvj8qjv0zj92zsozwnsdiyd37hsu7dzzu8x3fqqy8izuyzpwq/inkqnyw4f1iwq9lx/wffxacyd0zcgphyen/bdts4w31sm6wowjeqgaelgwjfetmf2dj8gpovte98pg9s1udby1anf04+3pnoyhp0vc1gdcpy7ohjem3oiivzebtkelxniqppdyzzxxbhfudzaxhkuhnyj0tytolre7izp67xzylqmaf9txyvoldhursatqjvl1aya9vx2fn1zsgbzqeq287dsvjhjsunwp/f82pcb4kyzkjupvlini4l0hnemtkcnccif7rtvkeazrx91ib5q+vznwzdahbnh+1o8maxwc3nefsbg8fnayzgk2gt7ztjmp1khsrreeqtbpkzjhzn3yvm0co92lcluiqkencmhuk0pyazni2jaapttsnzvblze1cfdqsy169hmil3ozzoo7raorpjvyeag5jwip6tuirxmbvylfn6f1gwn4fkrmxiwunbkwnyfmpuchqmq3fz4tz0rsezi8qngzfohuzq2ewvtmyitph2llavd1ky4v4kevwpubk8djjdgvojofshuxbrxh+98szt9watfhnmzxrmyjcyoerytgfh6dad9mvtoqx57hyikbfgafcmgukiaoqd1i87egzn+af1z8qutplqx+aj8jjs/l+z3rtkp8zwf5odg5xvz9dgfic7qkkj9h1ynjhxqlx9dbklo5ldodrklw6bb5yxpsd62hrgvvox4mj/agsxmikdifikf+rpo3+o6hh2ekewao+my25vv2nwxecfq/sw0kdrz416eegv6z17ce0t/kendaov4i+nyiux5cwprtqj1ewry/dtnego3gsg/2i0bubbswgmznesfqsbx+m5h9l37bsx1aubvnntgun1w/++yp/y5jmafgys2nf0rcxmc39tmrecc7912rwkf3+ku0rtsi8ptnsjz4sdle2yonsvdhzivedr4tmzo0tszqjz9urjsuhiv/kgo8etrfyuj6ywzvmjag+mo0fkvkkw7qdhoyhbaiktizswuld0jgcsphblam5zxjvkexvqwijjaxxvzo28bfbftgzo6tbsurq9ikhxa2h4i+3txv9crt1u/cbzsrq9msmdbz0ygv0ugyo95iewzrr9tpwsbzmyrrpvtmnot5jbfyb3a9zsyw4x5dmjzpkpyg0igj8847450dbvfovymlf8w2xamipdcdbxztuak/trlfljwbmm/8iehxv5ped2tgqzhktabuqfzs1hqo0kpkcwzbf2o8ocbmvufxcg3hwej1zhliynwt32y7m9vnvryapqkjsxbimxjnsug6gqflc9nawnsxrtbfnsayovm/wk8qagvvgrlcifw/mzr54hblpfvfo/ue9zwvvfnff0/s7ne53c/d90r0nwtkeaihzz2mshhgbmgag90viyougnnnixgei6ovnwtbdotcjydugk+gsbohpmj0jatqnhxjdi+aavpz3/6kmj0cfuwcgynremafetzgjolfq2jzumnss1tc2wph1ggvhogdtrzxhutlb5z8pjeyncbkqfux6opxiua1ydu2szetmzst0pzskyyesnib0ju8bthij7xcgjmpfmrhjoynz+kc6/3snrf1e558w5ert69xzgyjmbnfobxhgz+ioew+tw9k3cuqjb7z3do7rn/rp15lrsocu34r1jyo3quc/ryfijwwhvfuzrlm5maige40kipzkydwonpy8edkaf6/bmow1d01oqpetrlmmnl+ukjetugery/xtvehfzpgkhbtr3l0d/xv74ohxvy664goa3xcbpksa+xqa4lvgmao1q03ijmybyxziyjuadximv/gkfl/ntkbwn6ujnxkjqkls3xuw2scxi14goxxtskqf7ch4pudfegjhohnab0lmtkd+5wg93yk1nsxgrmymukl6wd/it0j3xpdcp31cxwoxcnmnbzzoq+m/khgqwt19ql+zbp9cku48fx7jfmxrhy1smifazpszjkohlzpb5gcqbs9avm/pla00yhjl8a1rdeke9m2adyrcvqh1cwrswex2g9bzgmkhlu4awpdcd80uxttnnab49divyj0u8f+2ifla76x3yv5ckhf2wrko5onpz//vl2x/n1ikk0p4dfe95qvzybrr/td+rfjd2bfc7pwh3iprfrllkar0y3tytpydtx9j31/zcrgvm1wfb5h2eq3dazdkd3yzjyj+gkmhl2y3kcxp/xynhz46+u2afymn2ha31tlzcg0scp1opa12amjxy7c7rvdbeixffush8jpvoeqc87qc6aax2o8cuq8nivpa1pg+hpxkpcxuszucqpl3j7efisfn6comlwu1ct5szorsyffbleq5ca9m2o/sn68k6bfhn1ep23ibezxixdlm02gmsttjgf7kgmmhfj6xfcq+qux63sgtxwvix3fc68w+hjaslbzucrxbju9qtumfnchielab57c0re5wcgpvszup6hiscu6my47zonn403yofhxelh8zrtrpuvjw2rxhmqjrbknnq1gr0jm+svaslrbcygxo5mkrpe47/iw57w+hizdnnyur9ykjvfaww5wndtezvhdwuoawg9jagb0ouewcudacsqupycyo3gzzb67kxzlmq9qiwap2otukxwoxifi6ukdzaiefabjbqi+x1ygazasqozmmqhatwvon0zlmld7o5juxvb1y9k8uftzanwf7rqrbsr/mnjzum4zk9zzxbhwmu7ottjq+tafywksh4mx6roneh1otqgiwwhp4okhyti2ibbo4lvcqpz6ifowa8wycoanrxaup5jzxgn4js8bnur01crf8emljruqqyen4ynratund/a4tk2q0m2o2ramn5tm/xnblrbw7i0najkz6idwlmc7+qua9cvy4z1srn2mdenatwuszgqc1qasxkoena5vgw0tk3fuifrdsgq3r1+xebqibbctvuj1oruydavp6mjcm1qg5sigmdbjfwjvt59gfaewsydchym5b6kxixumbbnd9+rkiqghefdpixvrp/yjqy8k0njeh1ymko0bppdxqjzi8l5vu+5zjhurvjlvvauvitmvvubotu3pdduuk9q4eqz/yb+z7dkuzapm1nxmle2/9dmjrrqezoaslsxtqtw61izjsmxrtxjxew4jdrziuv5wykqr/dxf5tfcwgccec010ivr41/eo1jkdbnxxase23ed2c5ruyhy9su85hbrrxz7tgyzrgkgcbhomv/shmjk4wjurbbpob4tgbiyrhvpzvionzjsrveceuawrxmzlf7tynkwpqmv1y2b2hqc4t8i99mfbebdjyjizvbbhzxyybj7b7s32qdyczavjoxf8i+y2y9zms0mxqynbekkanwvyqibfzgkkhny9hn4g90x7uy6fvynxyng86cqd0pk+nkx/snm6l9vgw4pqra5dhkaulgx0qvvhvqgflkbw5rmi7f9r2gt9szu/ust9j2gyzgyuq7d9zhcdnztkk235qlpg2vmgfysgjkoxugzdse48vqjes4xitir0/s93hosfx9/xqtrknkm6yey9j3xnd48mtszbashkgrakzjth0aoeca9xhhcssgq9iergzdutxmeciyt/p7ujosqetfnpuh1/dqyvtelivydkqimn+9lr5emkdo1kapc0y82soc6ekozj4mhyiokqbj5whphmboa4dydqvithg7bjm+gidegqmnxih14jayxgsifagjvkc5+/i/5t9mi8/jd+vfbop+qbv1ox3ey4lqzqphmlxgnsasgt22ujny5tvh6vdmscsuqwvgnoxemg6+fbfmudjklpy0awi2ebcy6kyuffbtip60f63megjr1sr0idmpx2jxnawzs0lrh1upu6i7vhhazhwh/vn53ygqsib8jqpgngnkw4hgjzvusw5hsmddocwq7ytlblvncz97uv0odstbacca1ywa1ndepmwr1sqlb7f1u5o1k4mmq+klr15d0y56vxivrkqsggotizeayszskg0o4pw5e6bbycp4hzifmxytqlpvpwlcyjkw0oyno5qrbhqost93kujaxgae2s1nfrcxezcbqrweee+0xnu/jeqxjcjwndlevzv4uc46p8nbv0i7sp01pxpcmgqim11l1dtzcb4nycr0ufsubog04wcvuoaz022yea2fc8hnd7agwhdjt6ah3i/0nhtnnqec9tyzq8znptpiph92b4nvmnhc2m6/bf/+zed19sghlshunlrzyafgv181/yow6ys6pcttltqadqjzwfhydyd3uiazb3lyt1a6fca6eynq8vpb/m25bc9btirt/iht4p2jemfc5rga2uyz5a8p6hk04qlzdyw1hqkaig+pema5jhrrwbbzqzaf2ezrygmpeoywf4rrwjb0xfuo8olcbtp8kutcureuuy2hei1qvdj4erzjsejb3iwlkw13yxulqt3xn1ll0s7pbsejvbis+tpqtj6ngzmynfmaopauhy9ltniiccxncgddtvffojeul05gckhsutws1ir+e0iqhxqvobj9er/a6ze89qnqfpkohq7dtzmjibzsurwwxmene/po4i6il7igkvnkbzdqtabmvg6paz9h+mjaeb3nwtglvy4mmmp4kiasru10/lvlkl7lkkwjflsygrxulcwhj8ihnw6b+raxtnsjkenenycy8ozseipx+09l4tmbvieb1oqr0gz/8caaulgvhwgwpxysddrnwyaiicfrhxmqvhmtzxwnoot0vtgcxbsxza7snh2tewglyuavca5jq66xczyiphvbgbo16mngnnlinw956img/57d+mhp6cav38ir+nktsqsfttkfg/ded4emyhmmqsnxcalr7sgd+minxn7telhh5ngvsxrwpo2sljd160bgqo4hdpaepkxiawli9ta50+z5xxonhlil9hk2bvbtjfkdfvhgh++wfi7z+mo98vhm52kfs+521dnindl8/2pyyzifksbm82x7hcmd+skqjoqjd1pgh748rco6eiqn8b1i5q9nfg4rabaire8cnidfq/odwq4ewiakwgljjepaznmhehqwybp2ecmzvqhqvp8svyhubazzbavo1d7msmymmyuozc3h4xy5c2lb3pyy7jwn/buxhk4hqqfxewaxygyseq8mj2zqvor9jaxckdgleco9ww8fofit3qzcvk69jcff5e71jdtrgdk1kumpdvuhvsksvxmislksmxq57pvrvqapsasxuiym0muwg/ol46qyul0nsjyggt9obbgood80iibinwyu2vi6/vjseibzv5ikyuqroo1rlxikcrzgsrrx2bfpskwvxfc9vzspz2weou+e+sswsuugwfkixa2l20mnbgxbub6mmypek0ukyrzevevquk3t7xdignitshbitano1jd+6i1iaig6cunuv5ttzfr6h7owp1uc9k/seuvq8ezbjacbb/k4dqmxv9tnfbqliya6oyqs/7mygzosr08c9o3xkube4bxe2r1+n9cgpg/mdu2aclbi+0mbgugpy0/a1qb1ik0vb+ahzkh2/c5kai2uygd1mrxl7e4f0yr2lkd04v1bdsarhft+muhzzrg/r3ana0fn94arvaswjymunqdbbempr040upf7zu6gbnb6bqwf3ybddbfa304ysqip2cho4mgh2se0hugrmu6evcjyevxeh1ixhtsvpqcio90jytntbhcfckce9xp3irv9y1821kseebisjzn4rfmnfp75z5vfa7vdqv/tuncf4ad8tkxoczfm2gq2end6prfotiqbzgwunlmbfv0kpyfawg14rbuotxt2bq+qmjrfng+mxmyvyaix8wkbijjkhbbaae5xoqzckfzpdfjiwzkyvngbau54aydolkagyhbuf08h+bk/kqma16gcnfv4pgcosnium09ousawxim/3fhfwe/uq26g3cygm3kislfujeccvvse5rxvug0e71u9nmkqsyoif5vq2kkpzxx7kdbtneohqrmmmx9gxqzdqqlastkvcuztsxnjei8dkhipbq6zxbcyvcvbfhvnyfd+r4e2vmn9vkzgbuw7k7cfvnggl/9cc/ifgrpv/bvf8idt2q4nrb8egnx6v2+qv9ko9gcaqfq5kiwmwjdca4ewcrurmnslrayc5xvmwit3jc4gwbmysthgwkucsbypwjpsoh0tqpc3muox2uufyrzf/zco3on9jp6ozixvd5k0ruma7xgggbddwhxu02eagme3/rjgfuufup8gpxluurt/e3sgmq6r7hun/ozsn73u22zhr+hgjfzidgcigfwp3il4ih/uh1bweookr05+shla3sosiqjgzk+/xnbhkr2dnahsdvizyas80hb6imuoovoti1onw7y+jhfdwuo3kz8vjghxi0ecdkye9zb0pmcs/rcbbteqcnplkend6cfbmpoms97kpi34lhpx+vfyfno8s0cn9fakpszghg1dy1srnmydfzzelepbvgmbelax2zxihdpv3k2tttbxyjv+g157nxgnmleomyxpnrktvesnjbs81yhzznajk/kbi5lhg+t7m/h+puyucwzlwy6egicyysc2+hqtc3hsmkpcs+frx/szkkcjz3c+vh8n7vvx2hnmiprieew4iby9oxopjpseahnw8sd7h4jqxzqowh5alm6ht8y4mb7hfsdqb5vhykbwic/sb7t+6sws7ywkprhkjvvihwoegjcv+jpig1wg0bug1drjxczs0hfy4fsblnmrmkquaiazxuce+1ymmecuznw1ovy0eo+jm4bhgcpalhkor3/ow/ob8zddmjmggmipfoy05b8winibtoolyqv1zmneeahenwnko+k/vjqrujhbnqokzkjufghxb/zhaly5pcpuc10rssifjjyfmveu887nxjcdpaden+ipitfjy1a5m4xlreiu34/om5v/ey/bm/wbulsd082/ymywe02sj2opsnjc0ntg2w4zd5mhkuvsbbpeixjdcrzdygzotyevywws1hkasrhxepkj4cgve6yrp0c3nggl8o3mh9fzxfad9293zi32ipglqnhrvy48mggg5kj8d0iuh6jsfxufbkooekv7lzbluftsfqcx8ffad5rojqhbxd9ail2rkie9ecirg8h3/3yusahtuu8iekxpoaxnfswchkyv+dxgfblimhd78z9rwtay5ck1dzhc2um8rn0jwrlowigm94h5ju7ub2gcbg/5ait9zhb2tyu+eyx5rhws6npdig08rmxsrk4ko0psmlqv5g0cmbifqmm/0isy2vgxc7vx6ydzydihayr3ayvqnxjd47cqrpgpmcv4sley0x5os1pjtj20l8uaw4wnwympmogcqa90dcdt+ynkdcazv83sdrv3keno3igrnxq3eouua2uthocmls/kf/fpojngcb0cv6qvqnwhzxwzjsxyiypa+ukowtarkzlvwhvyqvzdbeksfrgzojrrx7jb+gfo72e/d5v6vfowoigxyreyliypdruyaosj2l+l8ufcgfyprrgylwse7ppx2jg52ajhy0yzvzo0vgxizfb2fbdqa6kfcdfug2s5jiatf+5j9yugf2dxxrddxghttq2wkipxszqvdnl1re5clii7d2kzxcsse0o9zzdwjzgrqasnhmaqsbljsiaqghxcbikje0rrt5jemyynfqsu77xdkfwakl55qod6sdsk6p6hs/cuaftmswxeatitrgbgqowzivm+9kzzdiku112eoftre1fxrpd43hbzawgnxvjfmuowx4/hnxq6sdv1yyznwjfu+svaswk5+adkeihjug3wlzkiuiqo7azhsdveowhbjzoz0bkmuchfyzjtmrdxbpik6sunkfz3uspttbsl67/supdvnbcnewrld6syqfydu6az938rxaubwqi2w+phmnb8wrlfbdeflisr6na87hr4/6xpmgilph2uq9qsvtsyqiif7fwxcruz0qoit10/14vjrssh2ppxoel+oojwsys4pp6iob0re9iked13hefwikysogubogrd3mmrrdcpywy1umpksp6dz5qcgmvsc6pw62okgtlqcd+h7tp1dfam1e8h89w0lpgearapvjei1un+nwzmq/x16tc/yitv+pltolivb2dxkto3cfmvzz2bijjoprrkcnq9ijxfcpxgdq5naroosibq+unbglctc+ssiscws9l8ooyf4/piof68lnptwurm6zxtlk7jtrlvuxn5olm9x50eaxa4ig8n2b5lpooubk36xsgpjse5scvz3kkfawtrail8melh3semrfj8teuxhi3g0ek59i1hzoygmkxf0ol1twillcm3jbp6ibzmdeugg//oxpg0q7szv37lfsmkz7ygfro31848jptp2trjo2kg9jnok2rcultepknw8bw7yq+yp7erbxsv8vx8kjvue9uwmpfndcricc3qrvvw/8dcpciwxebbkh7aznbdgsnuueod9ac76d8u0bz3nitsi4tjdd206pev7ic5zj45awgzjhzjqlxiuelllq7ba8jik7yfkraorrpslasmi1siuz6xmdjykooy6dvnh2lxb6bbuj2yoytshere3acdyoa3iwcgoz7gcnh3kxxz9mpnqx0t9toolmbbksyh1o+zueuwyinbyr9johebrlu5zuae4rvucst1gfwokayqmyg1syjatazbxi5ogu9reqa/yzp0cjdcwtbxlysrgq7xkcirqpfck0dnv1410zumb9tnbtekxdkrcnm0qwzcyvhb5kjdnsrnpx4sz8kjs6+x3ocpj2ynhfznq48nv84jgtkqajs+mwd2ta1sknbjmeujcnhap6tlqyfaqsyl4dmca4rdognsbh7hkvwin4fz4wl8pwwxqyxn8xaao9ukjxnzc3pb7adsk7qxr1nr2+ppcl+0clvmiotnu7/mqandthqlwzi0k3l8nl563oi2y87us+o5zcuicmkcg9b7l3kt7gdbbd7oxjqs8hrbhn1auoqs+xegnxs5yae/9wnrtqwpw/abgtij3by0ez4eidpt/3vh+arcteq2gkccefpvvnzjpjh+7lb0ygswvdwm76y0mmw6swhtdiiy3knkvauy+nlaosecvmz89u82hqqp/jsysv/q5zy3esx0jdrmoh5osptdilhyrfzil40qmycjyplxqss8xbvx0kl3yx5ulhndktlrtgpvocf1ul14/pt4yupfoignypzi2b9+b8cmsl0zpvvwmi+hfln2giijecrenhtvdlurzq8lkwqnsyx7rjfq0h8ldspfdktzc9xswzhk48tzalenrnh0qtajbsrrospjl/vizxzvhbltnysa/ws0uox+nujamnpvlrz9nx8b5sb4crbvpnuslrksqscwbqbcax7898nljisfvtdjxgkpeqlbrooras0zyjktc2c5uptofw/fwos33za197yi/n09bvmep8yf/bphkttbkpssmhnrss/pf6hccf1pgsdzpu2hgdcpymrrhwtwjgvgwfy0ol+qvcpnsdjdo5xxrsfentmqyaoxjx7f0v5fvijuarjlackqk8egqe0isrtac7lfam5zpeqhs4qfu9lykwk45tdwsqm+k5pemw1wxmihkyustmblbeilz7gsfferiiblxnzzreqgpseixbwzp60cn3yw+4p9onhfxeqrymuvcgw8+8ivpj7csqwhvpk511cj7jtdr4qythahexqjaih9fsbhj07affcyj3hrc4kza3utcra+fkozrrzfmt+mhklmkqirhw+djn+netznqimxyslkkxozxruypzwlqzziaae85q36ycbj8/jip0ceieoxn7fvk8xskspzhek4b1pslfwrntyb5m2z1w8pjhezyrbvrnrkkqxa86qdjy6ldaiekzbzsdyjdkikjwzmr1xzirqg9odojigxhyvvzhqewyvvhmal7gze4ubobc2actpzkk04wwxiyn02k26qyl/bivk16bclkwdn63cusqwylmxnjb4nbwvsdb2rfj9do3vfmpo2rc/wnx8zasvqjsa85kspw3is+jpqsp2nfqii7sht72gic6kwyrqzwindvryj+c/ahhfya2rrmgcihm1syv8ei/tclat7orjklubop3zykcn7ajmujdngtq8xam7xloys4cdun+wibd7lzlmnsgzynmwq9hxvtc8f9ewsj5po6omhcl9rpzvjxn9dada8xvvm30q/kzt1ycq8pu9+m2odnvdcqcygtaatq7rcucctp16kpb/xscpcvygxitzg7pp4ww4mdkvzxsfht4z1dydh6neozyzdzftu6xqljenpqbxfafv5xejmeie3nqfrja7tsfofcr7d9dgyvkt1krc7wq7jwrtbp6xprp7c08eq/zsoinlzfkuj7gdyeeii2jlsediyawqwryp+uhdmtyvm3trat4bcyttysm9ln+2vmhlyeixnq4xbrjpgqh+x92am6offjdjekunlhi2pwygf0wibklvofpd+qnsurd5k7rr9mkuzh3iz+01uca3th9/c1a1myjyjasmrwrwuolzdcsp0afecicimfawg+w5dugvvwboo2ueke4rcitahtpgsd5i7aaq0sbftsnscfjkgme2azbnaq25uhtl6bicnwug5gv9zkbap2mw7kzo4prsgnfdfhhk/pecnfeevxuvfwxaokkh0ikdzmmzlkmc/wpcovx1auj8dp6dhtihfnm6wluym2hrr1clelda3bnkgi0tteondtl7s06l+ngmihorgwbg9wmn2twlt3ojaqcqwhcnnytzkmhjummssqovsjcarzr6xhjqhogyqomoj4jx+zispfwy/dseovrszqpl8ulcgu9hs6o0kexe4q4l8vxo+qxapwy7x7ksobh4sizfdzeg5vlsqeuua6dk9tbupjuxqgwuo1yjiemywe7sfvrkzingpjkkvhgtvtun5lbepc6w0kiz0oygjdadvemlna2by2ncohdqlgatvpyxp0higwfhnia61fcazoh1e6c6gv7mh7nhk9ieonjtr+gpclimfou2pmbk1q63eyob36wcoxazhtqymarnqgkfyl2sa5k+yacmuagykqwiai9o2a+fnthzaxzp/o1x5ytjys26mbag+tqszivkbj3vjuie7k+zfsd2tgvge7ifbqatgc+ikusmvksah0w0yrmmgb29fupq4vlnsia1wtnsckqz2h2rnskzxjmvc3lqblpm5sfglogjbrt8pwn00mm6xsakxrctt/v5kssrqwhlxavmvzxkb1s6bcugsixeeicpbvnvha3egfyi4upe2mxvr1rodrls7siocc6jr6l6kgnmxgoi+7tt3qniejjlplsvv3ucrjxne9x84zxel/0+zytyjirnaehegwarujf5ud5+gee3qazx7yu1kl+ii7me7seaqhscywqwou37kmalktxfrla4at1e4r3j7df1j41lf2w/r4leb/z18k2odrjd5lvwk+agarcir0pfpivr0ecvdjwwqabjexy4dytkynff6y7hhxmdsszeko3swtgzaicdbgejv2amckg1a91sntysz0buzdkqwvfg7gdodbgpjjiqtbhjbox03syyrovizgvixao09c9cs5i6wrpzwms0yywffsa5uodcbxbyjvizipsy+8z3f00xthazw6lacwhp2wcrbp0yrqgb9opoqijafimhctbeergchajav71yxkgbbxww3/wqtzeqzw2fwrfrl0rrlno4vm5sqptykf2lbsykwf3bqaalbr+f4b3wyjuqpq91u8flizydvipifc9ov2uiemjjgqsktoqlykp4rwqr+u65esrl9udqhb/egswbcim8jvyyhxr1/xwk5fv3pqxrjovx0v8uj7rs4btlbr1nnmtyqvqkg2xclzjnxbqaaus+aw6zuo0mwzzcotfhk8vlkredqz8tpavbjhwmvpkpozliubqh7ectwqteaijnpthm9ufytmn1b2qlz8pttozpwggzaibyqf9osz+55wu8oxthaivv5ekv9i1xtcyivgagppbkraias3jdsxmyrbri2skoomlgsqepfmpwy09ch4hmfp7eaarqrwi2g8g2ivddznjh9kz/kzbinv10bwihkxf7jtofxoe0qcps0tg2afxoxafxwpinrlemapcp/tqsvseygafmrhgi1iasqjjbuqw17dzpakekfodf2uh+byv24l6mdhuyec507ykgrvikmad9g63ul0ozjyatvaxe8ty0soqse5bnr0k8txjkdp3br+fpie2jwsxdgb619scebfxg8xnb1xkibmjcbnqwiozekisdsbgopw64xwjdroytds3vpvahdfu4lwlexyzdkbqaes1091+vvzbj79kme2uck3gjbmjwi77xdgycorsu/pmnijc6luthfzkdkbdp8tejlbdxeoepyoz6n8czh5hhv2szvecw4my2jkp4d8zey940pj1jqwq1fau6ikvurlw6oitlc76stkbzriyaqqvegd4k7bobrw9hqtuim/tsac8ualvwibilyx5zemejsqszmxbyrmvqozmxxd81s0pfckqvkot+iwiexilcktn1ddq9jzfz+guczx5brr9uuk6lzirlyc2wmqpn2ysiwvvxpanlwtrr75iclfebtr3c216pkna/nptke/sdr7nhzn61yuukzsmhcyxholhlsb2qatiaajprdpccujhmb9hfgrqnsgcgc85mla54pbgmhpibgcruqebysalbufekvwiqswjiikb86avryzsbxjoklykp/cqr9p33o5rheod6oyyut8i3jxsffyqpgiy+gcxmywwefihcnw7d6spjoqeaqfxpcprbgjisjw1novg8qyy5qcbvkclduhgwf3kmeztyhkvup5qxs65iylbbeh/n8fnvgdgemlhtfqrl/55y09papnrsn1u1/0m/ok/ddqvrgh/ksnzo43g57y//tblpd/tuneqv0vkartw1ra3ikvgkxvdci18cp7ktgiklne9qjqvqm6ogn6lrvegu0hai3o21+hicnek2ulfzvd/bd4ts4toeiibpnvabys+9hsusglipqajua4kvrsnowuc2xp/nhxolpvftjkma2q4m1yjr3uvkdzkgoof0aflaxz/zryzehorhoxynzqj1/vzu/ojz2qur6xennvwlgyx9bkavyjwkobah93ygr3djb3urrljqeeaml4rqusfsbfmfpgzynuwyy0iwzikmuzmyu18fmojmboybjiisxwnsc93b6rwmskgwiayhhr60adwoi+z4u/tixk93tca9rdr3xjmo7sqlhllvaqqfx7bxotxoeybkq7bizfmxzx/oequ1azojifmrcun2zv9sv1dvd6tsoeyxfuiwcisb4mrnl9zta9s6oe4/c2k/e3phndrrqwxkbedegqpavpas0+z1k3lpp9vuxywv+tpkwisfkeg3rrvkm7zlmhgknfnkzfjgdqnwoq612r0u1i+k+nrv4eujjdfhnbi97rzcvflztidfzekw7co6egebbva0j13a/xtwbgtmjfmu9slmeic1hqh3vo3vor+c+lpmsknlc5casw+w3hqcdnfw2olvclp0at5oz4u6jne7oivtfq8ro1irnafm24idmijueeiuf4yx7o8jyt0r0t3dhvzwbgd4/f6rpxg1uklmk0m3qlhxz9cpr6crt82nden0l3qmexnxgez+7qgden3cwbflesfmfmiajr5xbqfbks6varjmnmd1ewoytp8dbbyxnrj5prblsrea/1ewowhihjucp92b7r7z/jo7ili4mtb1whjs9n5xu3o+j/5fztlr36swi1vcnowhn7b8gqgpiuqnukhrpawngsnht7/7vawbvw/ksuvdjnna+pgl5+xz0n2mngorfldut9d2nhfkhwifd4euqk+7chhmydq6h1q/etntgoqndaxmizbmq+ce58vjl5xe+mc93u2q+wxdgctv86hov8azereubi84tjzqn8rirxwcx6w9t2xit7c59ts9di0e6daym3jley2+bzamnzkp06oj3nee/vdvm21c2lu8h55e84ynvck1782/h82vpvsdlmeju6oktczx/sm7cve9ba13hgdzgnj7hd3ukmyzmqkigentfw4krob6s4ne4fsmdeiqpwjpharvyrrht5wln6rmimnk2w4szdag39oc+bsie3ohoihyecexdiu0nouuf4nnsdrfbeyt6h9lxcvpkuwlwsm0qw5k18mmlymybfydn7knk986ufzxrioi7uhswd+5snz+lkk6nwlpcyfzxtyhi2ur9o7xuqrlrrj9hahcl6zin8ideskgnmcpnjwdypj2zn5hrm74gj0wxa0y2zcoehz92457iglbfsy7sgcshcsikyev8hmw9sap7mnzay6x1ubu9actiouqywx5a/fyc8xfgqnpzmwy0fz9w0xtzuey/2ltpzj01yiycxyjxr585fpianfmc8/egdkgrllws9kyildlllfhhep9rtdwjmmwp64axrc78fo43g950vmqvtwxszlcbnli9q/tspjv6r80rqof8j55c7ywjhytaq6mhqomqtjohzih89flz+cramvc5rmuktuvohrem7yalc6vxrqmitj6vp1fxhm7krqvzabapy9/xdg2c1v8o5k7kgtpgaxfplkvt7x2roabt0rw6pvu91hwxbbbvj4jxflhy89sppfuatq1hnz2fwofmryi/cmeyroh6l7vsw6igqekh3zl1x6nzcsixfuxldzw1atvaa7unbps2jcuyqwrihzla5oduedl4iqcgclk2ktzabhtki+xvfekd/uyk4umsozgjuzgahmjtphqdb1p00fmhzkjvii75usha60rcrww2gnncmgbm30srgn8ml5+1lp7jeqkozbsnphflz/z5sbn97/ddoix6euszipwovgayiaqvmjriafksd47yqfhq62n4fq4kmtsyu/g1wpd9vgh5uoupx6vsiqh8fomchnbc1ox8+vpjd3o1nirrfvfg2tidtkcdn3ur4djmcon7ohn9tjs3hlijd28+negx6y0zgpq3ozjtgvx0li88ycwhy5i3d2q6thatihd/ewcktjd14c3qxpkqtxm7sclx+i/cr3ejx9lc5vhjox0wa6iqmazohywlwvxmmyirau6biybqylfhxgqvtdml1ri3/nlrsb2umscq03kj5lramuhp1vqt2kf6yirkmnyqmtvdx0xws0doayvnp/eicqd+1ilyic1ps8obnuls7src4l9bbw3wlthdibeqowubrw6c9vve5fzpfnhk/uazfnfp1u1r5a/wyuloxtspbbohlemkevzohrd2gcdv3oqdzogtvephsh7dkswa59lcrec4tjkbs5yecmdb93nirwouswvevi15gihor6gnxjed7zjvaequfvoadwpvcx6lg3ng8gj1tyb5j7qwn7j/ujwtza8mo25ynxwdnngpknbtvfy60wfxrg1wdhb2oddprjh9slbhhhozgegmlbjac6x3v7qwo6xuh7fzrwcbiwmvqrl8pjg7zo5trnx8mrnznttqbcxjrexmodf194swd9ybdfyzn1lm3lh4youbyfvcxc4xxk4myrvekd5mvn4nwh0ot6yesdsop3ttiumovtbgv129ecxsfkwjf97iicvrivs8xrgmcsku/121psgx1wkjz4kpelcveo2s/akrniqtftwowgorczzqizeboqkptfshxynttp9/kzd4md+6+dzvhdxml61zbq3p4phywlrl3kke4pqj+hs9x9tewljueg3ug90ms8mu9bfnvjnt5neka3nf94sah1nxny/zrlizjio6wwrvrrbohht2w1fle+76dvhfra+vmlanqqczuq+qu2idntohtyjlliszeqojczdxpfnh7rswuk9ozixf6mzce338jkrf3deiic621utbjvjkam3nwwdojyyzm7smf7zx1o5lvekuu6/eme9gmljyemyik9vsgv3my//hbmckgjhsilttkvr00hiy5eqpooh2sbthduehh/iolvesucv1ou4pd6oad4olufq+wmtgimgp5bsoxjotzx3ey623rsyii0kokmjne3ukn6zu1wpvi/rgyn28m5zdukoe+dtalwwdfqhxlb2o7isrmbmcywe0jbjnuc1rlsssqi+8axagopnqz9o4vy39dcvvawym47nb121rssfzjrujlpc7ocl5tjgwfr3r8qaqlmqwd3ksweioiuv6she8122i11ds8f096zazjcfg1woylllvy7v6sf7hiujbhuaqca3vstusdb9qd86ojaw5vzqsfglwseadc1ssymmcd0ojv9kqcykbujfkzqgh34rc1hhfn7ndhwxtoz+k3bnsf5wgeaglsrtcecsdw+/tpxvi5bjbjymcxiqqmxjcfcrg/ihovek0fiybzl4n4/i5cgzpf03kzyplplymorgsc/zobr/a/xghdtfa+at+jsjacsx6pxkv222licfeacvfzmuculen2e9xkybjwxesyxmo1kiqp5puptpy1sqsg+l6zu36k3/exe4w2anrw31hnja89hlxvjn4cy+0orn8g2lj27/qpdxi8urbbeicycelybnnoerl2wsgyi3dx6odfvk1k3wjpg8gw7ydbmdemh92kafqmq901kchvyyv4ufp6axasyjbwugo2kaqqio2khjjcvao1e+ifckrxqkvzy9ial9eaufyrbfhupveg5nijlvcjh0oepp9rvz3ckmy/ggyxmbcooedo9dqptgqjo2pxrilujyrm6hg8g2dl7trydzowa++svkrjrcavaaneakb0rdbpft/pgbxzq1shudvq3qpkwwz5dcqfcaosjn+eq5qegwrvhhgiy9736zzbakfkh/1stfq9tkvb91ex8s2wfjpbi7jwy47j+xhhb9bkplnvlf5y7ovy842bnzjaymlksde4sosulgshm+qerm1llwqu4z9c2rttcsymlcctvcamlqkn2nvernwbsuix/was2qaq95lugqdbhseh7rhswqmd6bcpinrinrtejlobawjh9xrtpa1zbkabpvidovohmjdsvbprpxa8evm5xqor3ypeqtiowx3mlfai4thxylmrvyotajasvbmsmgsy4qyqhvohp0r63ks2u5mxqksn6sbdph15paywsl1ecupuxt9bn5nevbcwnmzdpiqg0imw1+/edapj539pje8gxqiqsrxchkrxj+75bf5fs7wif1opdnihb9atlgdhtk6qaqqlvm6svzt52ywaax1jx9ubbvte59lln491i3ijyckdg612sbgph44q0xrpboiystfyxv3mjgxemxkfyphynkwwde/yw+y6dxeert/yytu67inxqscvbvcuy4fiux9a4hqk8igrpwpkfzif0km3wpzt97ncc+hekrvafubehqywpqhqgq/mtq2w3lqrsxgqynuvndui88aftfi/zztkgsiv45jffu6zujsgzqkqdyvlojmv45wdi0vl/270in8tlpddy+inhzzjndflitfqdl40f4jjnalqayb2ucdtlythelse3wgffdapn/rxk5rtelu38fjivzy3bbv8cfgjprdzfei7aoldhnbg2x7hhchk6pja2cqia1xmo+dkkgly+kp0irjmha4qxbduhb9mx8ywtlmow1b2mqzmldk75jo/x3ofaqpq3ttvp97q5+l7rnlg30ixk24okpvj+kbviehiwjer8o1d9ht8tvfy9xemb89htsq1wibtk0pe+fgtjr1mycfykefuxuwyztcrykqmqipvdle1n09labclslfk3xreo+pt9hpavhqt2wjjsthgs67m7soh9xzbkp6wvpoetvnswxs/ypyrdhyozjzc2u1vxmwhlidquq6z3inunfm+t0qzwhxkwqvvdugeje7vfexo71yet689gbtw+5d1enc6ryl3earhnl+/dzk8jlszyuv0boyau9xiyylvywssdchuj7myu/d9f6epsvboq5taywcel67co6sc8mplkgobin10x8mqh3r5yt93ltuz3dki9vprqn3o2t2pkkhanh3ciowijry2i058hsp1k75vqfmrhmbmupgpgvekhwl7a7nlytou4x/dvtqaflmu244oozpvfuolidy0y/d2ik99+kpyuxj9jnvbyqlatzpz5ppodp9hpoo40ymeykpkgr9ky7uzdssnfyrfqj7uzleyac3bwyp/pakrj30hvsrkdct4owlezymrsijlb8vluwau/bvjqnsc4pxyxhe68pcn7igcayxmfmk5ka5+kkq3d3zac3iztctorqifp7kajojrxo6+bvtwdzod+ehwpvgbw7yedkcwlu8+xkt9nrnf0vze5mqjtng46oyvwyuiqx4hyjrjvijp36xz/t/smj1b05s6zj6jiu5yhadoppowjp08rpyu//p1377+v37silajgxxra3tief+/xnslwxc3jp3e6f0mgdisdkl9wdvlzpbwsf38txnnox8z7p/++n+//oxfylx2ng2byvoqgpi/fv3y3/+xf/+f/+vvcpx3r7/s///uxh1hcq7rd6zjxvceknu44jczk50skt5jkuwnlaujshvphneybuncb18be+ncqtwgayfxb+mbsarkq1imr5v+jvqn5yfqaf6/npddktsr1rlfrpji2veoh6qs7xhrewyjc3fznjdn42suhknudnjnkd2xlbxbqtc2pjv0mycvmm0iy9q2kwqvuxdq7cde+uga6z33dwpgxdy1igtr5xxglfw75d0tjqhdr9ctyp6kiqikqwobqflw10/nhpegpeoxksged1bictizw4pyi1wvmoplm210vryblmid/uqypescmayeunxs0h7f2q11749o9b47kwdf4tbllidosem2mlikt30s7tbraln19ibluy4ryi8g0abylujc/pg6kcrjfvjvoi6mifrerzuxaqwww9oiv0v7zpk8wkcuiuzoffofkkylereuua7ch00kwiimn3hbfu9yldbl6gnutfadxkeyezghk/5axx5wck2k048f+bo2xxoms3i3jxvn71oq9eccwdi4jwvcnlid7xydhpz+xerdjtssragdyitwdiorrk7o8qsxpyfyjd30luniyhi16zfmzjhgziqbm9r20wqw/lw3dzd3itod6l2zmauxbfp6imtzfvhbojmgvdy89ah4ljop6zzns69m1xdd9rhljj9ehwkm6yfrbzrxigjqz1jbya3cvzr6yfbem56e1y/uumfzztxvtijaq7pwvxwjqsqdvpwh475hdppo28616pqcvm6unomouweabn2zlsf3ownekndrckrumzcc0bsxbiir/q4rddw5zbmw/9g0cf/srtanm5a1yo1zqyf2yws6xnvzxnvsu2kznjfdxbzr/b1wynp4zu2qu1rjhf7wrbjxmzy/vkjg68zw3q5rjaa6hivwsrdfmgisxw8lftqbgrxsd8fk0sqkmuw3aniyqyrcxz9zh6ehqjhdq/nlnso5pjubuzia0owfdxpbkgcjjgj9rdyfpgqq9fhm8abjvtblfdev57/bzjmlwkxo8e5hhrrjiqzdg0lzzermqcddqdfkigxe6il1zaohmw+kq+uouwbsy6kq6edazxyyed7ahsx+d9aecokussqn9qiifkzhrnkl1jc9/hs7hzv64e8gzkgnlxhqdytfsoxy99ejudttejxnwm6uzf7h3+/j4nhk7gvmwzgfyc8yw4wgc5zhqf6wzxla1i2nle4bi+hgmmrdjzowotgehha+jfyowcgxlsumcu0jmvdykyhoehwqemu69xdteaj9tn6iy2vkwkrbafu23chysbgslficg7qmmcwmh5mvcr5jvdei4ythja1cnli/wsg3uqrfdtlprsiztpp1x6gevlwhh9+blabgdeyrzgpttgh47/wyctv4b3rl9malyr7d0lq3f8e6vwhb9mbhvukfv2l3mnchrgsurnevidtu6nubvj2r7afzp+qivmzdyh3f9xyvsufmygwrwbgi05ful9tyin/39oay6mlbpc2cb5dxnatmr+8qfeiqtbhnrybyn7xcpszga4rw+vhqzzk5kpedm2tttdr6ycptartmqbgndwxbms9fa0snz0unnihs1roxfts93ekqzmfq0guhrpuhtbmiiwp2/vxr3muigr77+zurziwbmhphcxlcoz/b5i97vj1pym8xvun7po6hznitccwugfm/icluartnpyqr2sihmvzi2xstpw+eqq+fxm8ex3tvkupblvzvzvgxgeip1030taot1jypqjg3dmjksng/ejckomiquzcvbqnvrxwrifgomassvbfldpnqjr683po+p/kdjnx3/ral0y2arssd8dtbcvl0qcewnvd9jn2+vhrjuwgtciq9c8zryiwaccxgdyjsqeqppzl71ugc3infnd2uy/h1zzkme6hi9hdjb+c2g0yswlficnciij5a5ovsxhbcfkkbwbb1o61gutvi2xm2ko1e0pm1e8hxjag4mkl2w+c88btpy+eg9aavg/abptwjstb0fbk/6s8s3fiwinxyaryis55xnbgr12cko2xvkjgr13qr6w2qlidnktdmbwc5fnzolcytufvl8utnb97hejhnfx0lcyxwas95ixcr4uhgckgvy6apmepq0errdju9i8r72s6xxajsrmj6tqct9uudlq+mvksdzyu9wygh1iyt7wvlneglvkkyx4sugqgdhcz0sdqzzfe1uurw7laj/hgp+9fm7guufmvpfsdrc9p1ewl2teiwoveipjdfkjoapcvy+lxvvqanbb5z1frmefvyec4t7g5tvih8epwzt521dfnqimdkpw+5838h8ibelhkh73n8lp26ossbvl/u0oihyuedxz70go1dhtikga/dh3kies3rhtbjngwivnrqc5vfuft/rzhnyxcinn/r6vwtalur9vsjg6bpwkj7dg+lyyhjayuemarwcohbtuenzreh/qllzym9ggqleadbjmprccyhd70h5hkzdojafgfchuwyygf1fpydvbfzm0w5l4ghujfyj7hucsowxa7nrh01dlaoxirkmm8hvknbgsdpgx7zzlb6vjsfmsyqfow6sdrly0jj4tevj3qpdbuxppfefu6bbjty7ynz2lwh/qdt0jvnpduodcvapdkocnymgbbnwfc1ck13qo/xkgbw3xjbsbk5m93smllyktfj0c8beg/x7gwo6b4jcbo14ofvozko4klckn4x6gso6ueh6m5st485gxgsm7f6caeethqgziedmadi9n7cxgfchalrxnbhq8dairm5k9efzxd+jpgybzsbsb2f12gm7ponsw1q1f1rlowflo8humup/lzm0rawrejqoqgrqtbydh5lieuttuounpojr8vibizemx2r7k250k2qrbhexms8naxjnlw8lltbujaxk5adtuvoikccyghl91majp6rhuhvgmcdorvthu3di2xbkload0iixpxstnbiezp6hzkvghgdoryikdgi3rgjcxatq3bqbtqfkf9vllj4p0buwua1yjxvc/1i6a2egydqyhocc8whzxo3uaofgwmgnlqvwvfrtpl5rnu8nm8cu2suzsh3w33rdkadc3qtuw3nin3qqhp+g5c51s/npel1896lfrcbsxtbjonpf35oobottlxvp7zv8s+itthqp9tgqlnx6xqgjwakv6pgd4+ah34gb4jtueeyfia0nzqvlqif4qy+b6hcw60mzkrpca1sadgap3bibtq5jrnpnqek0uyymbxrr1vvp4ywak6e8r72ovgukyv9w5xxfa5nmzdwqmt9pc95i3kq3buqi6hkkaro4adfvgsopam+vqzvkars8ddmudvnq0thifgwdoy85s+hia9mrenehg5h2b9szsooasxsonnq5dcvfbvucs3s5gae/zdbb0otdetl06e1+bgsuhuzi5d7opaid0mmt7pgp5ina+rnnkitu5hsmsfc9ve1x3bzm2hisx2v7clr+nf7rpsi/25dk0p4rmkd7dxaenuwemcpifrqwu/l9jvy5doqvltjugrbmz0flkguwdii5omodp+j1vzuinhobgoorsw6lv2wu392wbamnz+kqyh9luommcpwn11mt3kwif1us0xzymys9xoqrrlyiyf/wghbud1jmwrzosaqrkiqitepxjf9jaffvagicto5ihisparsie4bzerogmjarb9p7hpxnw+a1pyhgu57hrm7fm0mxdarreumjvxh89y7twrhvwcvaccpgrlxhapo1e36llfwky7ckzrnl1ehlaggl8w9uakkyicfiw3k5jsc5d/p+0hwvts1z3uduyazsz3fchaz/eq5dgxghw90i1djloo7myyaxttrbchoyu537m9wrbbndnjqvigis3ihnfmm8n7nkkbclttywau/qyssiqz+vm8qxm3iomlm84q5bjujsng2pfxwbzjq8s4doksecl0ehcyminqbljrw+2auqdieq347wzv5thcrvmwgkh6wnrwpz067zxwyyrtop8cpzqtn3qrndwlxbt/5qs0xccpptfdiqhwijumqxlg3mmcnoczhlpv54dxjjqkhwnltnlhgpqj/k0jw26osg0subnou6j1vofxl5pzn/m2wq7byr69wokdfykqj4hlzdwzwrfgs/k4kvq+pgfr4okvsaeke5zzbhcym1yz/lj606jli2qdxxbogawtri+9+utnfebcqncdvdkguj0x2okfhkusf1kv4o0bsw32nmtzzrjj/euktdb8h1iiossxuach6gcllq9/yd0uleoiybao6n3aif9wnbhj5pwkjpmoq2yaw77uqdw0ge595bro+1l6yirzplwdc9jdlimstrbasoqqqnhodgllxkwxbbv2scmslfk3aftm0okvnmezscj2fgfmw3vw6fsqdru8ca0azvlipc4ztvnyienl/rcxzsgmk6z5kw0dxtxmhz0fow8y41a5ear10cfppv1srt7dmiojtgleiehqjmrcasoid2x7ypwyw68dxacycuebarsox2w7ujzniqyva0oqftglmf69ek6wipg707tx7caexeak2chc5txv7dgyuai2iozokyd0go5s3byg5cn7ihwnfnqt60c1a5btue7dzs3zsgsepnkzafkebgggt1r4zcenxylzmdkfadoi2m76od+/6ijnstj8slwzcadhjuj8lhpwswhttfhnbcyqwm6qasim3zsqphcxugyjzwyb5l4ab0cn2qs4siozmu9ukfuy1zrzd2ej022rphlq3fyfoqutzvelgwfnexfjfsxbvwzfbslxfeft+pzojef7evks5yyu76mlxunhxyoprrmzytmhvxqxlisq4pj4hcoycjpq0t0mw2b2a9hbinwjg6ortucwtoen6pf8waettmxfdzjje2nnnl6qhxumostvmrqb2nmjfyc/87tbw9mhsn1ujzw+j42m0tlaxugslf+b7ugk/pagqdhgkajbxbepizzal0e7ne76xexsf1ij/tepp8ugyt0huk24sj/cclvzw3ibhbsdakrgxc8ilkic/ibdytkip3w6snngdufjvawqlxnomxnumdi6qsrbqjpg3lgaj7cdjsg6z1ihojaihqckuu1xre/0ijx3opypraz9bi/g7wwpv2hbojuqxutxbx9cn922jyiin9wo7zexfgi4fhmc5thds8gsf8087tjlouecrz2nhgzg7jhyy+zk6ltnw3wjmedykk7meunnpigksdxqimv4+90zamgr4kmxpxl6qqyc3uj+gncc/jhac8jshgvhbjwylntdkhp0omeivvavnhqsou3pc1tsh7rzasiqe8cqon1ytgklg3khdtbjvscyepy+jfqkiwlodakh2ghhv2i7bq6nbt4qnrhvt8lz8z9y5kbckm9j6ojuc4k6n8/dqkw9hrh8dlac5m050oyndw/r7p/5qwx1npuldhmjwocoqcicjumal8xui3t6lyipnqydun9oiazrilmgkiam2yzoyb5ioppvobmllslyk0qkcgomtqak/ie2o4eaqr57bw0b8+o5z/76f0z1kujf01ubqok3p0j0/y9bmyaexcy03p2z89o0+743ggl3vbjdsrhwvkmxvbjanep4ny1grlglzdxkot+dvsifkoo6vsuevh69gxklw5ndr1+ywfym0ijtmhcihuwhlmydydyv3b+inapok3emedz+pgkbjialwzxlzb7e0twwt9hhd0dfxaikahclwmnelqsqkixa9vwbesfxhqjzmzleis2hlaol8+oduiw3fapdcoet2m0tloxsatbetkjorgzixqfvm0cqaygaih4pwbulb6jlpfkzppynguvo/l05s8cvtaadgsrna6kpm0ps9kkojyjirrg4lrzwpeiulqm+8gtmf9fca2l6ai80mhqstgj//iccjwgzbr/z+fwji9othfcs5vsxau1j9m4pncdzgsizsqhmgherythrmafbxbqeww4fnnxfaprixo4zs7vv704iyoxcubitjqcdlxc5dhicpp1g5gkw+x0hjxqe0xrdgds53t905oa2fu3toevfwtnse/khhx5mxroylvrt55ldigdfez5xndfneajt8tsibbyrpcohc3vxjo1derrx2zdzuirhcky5kaslu8yyspzbdwwrbz9sbminvrtbpaq6b7y3mawby4fekcmyp2t1ynb41tw+phdnrwumii0w8emooihggylcwk5ptkxqkupor5m5aqxwryqvqidwx05sujkqozvalanmmjv7ch6mxzm2kckfp7iirlmxcnf2cev3yo9ct1dxnsiuy5boj/cyahnrhb8lkecpttefifwfxtbw4cdebaqqxmgdmgckv2/walb6eqpu7mf7kmususwst7bhpqy6rilazwzpab6eyzliuyx+2sth5udq3okmptpd8ag0wesho9forcuzynxy1yle4viwylgceve+omqvglirsdo3iwmvlngiqtosvyz3vribzagbs1r15vkriaafrdt6qz4kpkwdckztdrbzrs1stpcouy5zn1uco8o2mmik9g2d24ydpozdlyds3ljpmrqxzhvewouthas5vg5/o+4uhypjzsg7vqttwvde5zdsx4bklm/bm4buxs7dt8s9gjnn2xyxixw3pncry5wx3te6axjem/dbmvd/wzorbvjl5ewyun0g8pgfhrp/4bzzoohgw7igonrmdxsuztyddufnpfxhy4ugwyrcycp2kuweyduig9db2mssey64bk2urw6qkujjwjroxwancirgpkmzxrjorvzv29/o1ne0qm23hkxwjfk/sbaliw2el2vmx1rqxjxk4ofrly1vtha8kjxuibkijarbxc1im9xr1ekfg1hh9byjywraln8zel+9jbpseusplftvwrtbhkuwlnstyiju1pnylsxbidrnvk1vc68e9gjegtu4bayqksosxz2khxeozmscz9w4arc7gwa6va7/jkor62rxbs0xcu5+mjudewyiuzr/r+fqyjlxjebptenz+riqrstci0ffwgvb89sroieqprpk3e22ymeyttxnp4sa1ciuohnziw4wv18z/ckxfqgozhhm+ot1fq8jzkwotsqyeivydljclsdvxfga4szzm4gjoobswallcxemlk5/9gfsnu1sfj7tzctswy4lt/mlji0okyca8h8rp16uvjwlm9qbjzrjos5qeqcnsok7i1win1o8f65wfjri6cxlnw4sjvtsfkjxcaxpg7wz36izrwgzbwuvvnkmtf8uvdqsby2osmnuf+skn4pbylaqqgh3on7jxycwshonr8p1u9ln+eoiq4v+bdsb6iq52yylmkayf2phxdqtamrcas8miqnyf8/xjci+yyrmyoyli+hsjgschqxg/fnzdvxyq+3xsrqddq/zexc3ghkimxvw2zum+5pw7/pvmnn7vjwmar2pvzqgzqaxcpl2n9prxmt60qsy5vjkyr4xqekm4t5o3ksjdwbrg6g/b7qp9u1b26kioaxzihthhrnr0oodwjzdxeew/inbfox0nwshz676hf8uv1+ycvmf8v5t7myabu+cludvp1yi3nybz6b62apogfzq1mzfb3xm9aeidtwylfnqor7otqnw43miduiojc7qpjcz6tfh9nkuxkso4mrfqjsr6qez1q7amlrdrv+ur4hisyfoom2hwxocymgbkvgmxo/xjws1dcabsx2oxkzvz8fhlj+/vn1hfzfg2hslhorogw3m1x7auijv42catdctzzg052fztzngqhbvrozvt53gywo6gm67xii8zwztvfrp3umygn37zt5sl33napthsp/hiiaitgjdi0+ehyemhyl23dazwv5e1um24vvzyp5mqjwol5ifkpimzob604mkyg4pfd1rhhdrverlhe/vtvrozcbmx6wd8ixistsrvajgpe8jx+qcoc87nhgwgjlrvivpzm7alj3eb8xkfu5xve3dp/+fsxpk1u5hrdpc1co7arijlfnx2cnzycoywwhg25h/h512jfapytusres/6e9i4jpiofjckr+o4powhxv/nc06j8hpkqt9udpaobrh0xdjdfke/fpu60xgsb2xmpq1jkg/yqctilhbvhjyrdggujqkkcdj1lr16kv2m8x/48yqkm4fiavm0mu/ehbdcxzmyltismskxmd+mpjidjwhemmljaupsbytcd/5i7wxllxsqf/k38sjuawq7j2vplc6z9qahzecyajsoe8qicyibhz/7hgvljmvsdfxksvrgqmqy6euipgvristdk4efr48myxqnlk/ed8vgc6uw4hab7pw0jxeikxw7lldp9lwbl2ehxehq/qxj6erhbsts0j6x21sted9ddtcnsxoevc/yr8s/aootaawcizcuat275nao2zdlb7fgqlrdmwoclsbwguoxgl22hal+suegprpwji6+z7gobmt4k46lwiuk2zmqcnkmequl7felgonjulq5ccehnbohevif2tg8cdzt3pxjbll2i5dbnoxx00rgfv4knqnj+mghvnrjpdgblcsldnlmk8ziwags3abycm+ykjclnhtlpblaqjyy77iknvhlvvugujnzvtbvjn3ykemt65we2yyuzg0rcx+h6uebxbnc/n62isy41+r3mwkbj+rsozg0166lv+8p0tqhtk2+3nnl62mlizrhdtg1gj0qyis0qgzc5tyvlhxnrl5+fizjao3+loqjyl2gwz3gkjixw4kkjvs7ovaj6xwiddfvqgu1wayatvt0yhknlur4quhmzxob69il/xulshu9rnwfe68k4tyljtbigdzxtqlxbflvx7e8h+lw39wobsxmkj2d7oh93izlgiwrsrrvvnyo+lvdy0iassj4sd+68d53r/hcspj7hp+77zfwyp7radku7bsr0tfvyrimn/rosfiqrokcd8alxnoasbmzd1ilx4aritdogrofk1dsblweplfiukih77ewew8irpt8fu82qduniwvbfofk5kv80frfr/wtcsy5bw9xpfiedcxohqp4qtfw3tvzhquhvrgwoc/9ib2wctks6praowdowjqi/i9revtyptft0ks7ys+ky1axveggga18+acs93rexvitvjez0sjpeospbjrefo8z7oos9rsikzic+otq+q7khnbt6tjns9zrscudbxrlxutoldmk+5rxhyri6dz3wt5ufaqgiv6mujpdunj5xyc8voxkqc16vhapzlrpxzkhwledvcnbypb7he04ncl/mrcoxprjvekgtnzft1bya38czoocrf0i2i3hqkxj3mwwml1yzgpl2jdd0nnx+uhdomfwvmchxtf5y7bmmise6d5phkce2rzzkfodvx5c79ujemczkiduuqmhv4s8/sujbmcnlnpux015btsbprfyib0acsyevbnvyl2xxl8zjupensx/qh23q20kx76shbapvnyx8ijwip4ibk04dlnhvclsqwipvq1g0jrdwfxlihver+s2e41i3jc3vuhy1d9u97ju2cqbpcxpysywqq52yj/j3t4fowgncpjeifuutvng9g1pvwzwahintdnr2wyt6fxl8+9wwpq5mejh1tmhez+tpbyvyybssxiib5tmu7pba/huwmxpwtkchuzb6j3w9uqusmt7xa/i3uccxwbfruopq9atebczwe9yakncjjgekjlx7rtxh8aypuhawrwrsmztux5y6g3dbktxbhv4ehfemtgauwy3qbo/1pdus7ql+ckekv07yyado1iphalylzycuk7cajlvx3px85rimkv/xdhvw/mrndkoqx3b2y8irceley8zvx0su/w+ngp5cbbeanfqxj2ocsftebpczl9jgztsyai+j+vzlkockh2typ7rsn7m7bkhp+zmflaw1x0yjsn9n1u4kvpsugv37rumzvectnlyzqc6b+3ccpqxzhtktestg6qdczlovnyq9a/b9eoo7erjrcdjvldo9gsytdg4usglgzjieysg6ug2kmcsipax1ermxecwdfaccbpj/fdowb/pea+w35dmkd1rnijelxozlvpcrdun3u51kfk+b1xylq71fu93hd21o5izpebuexycpghn6wrzssnmosluc5j5k1qbm7/elqwoxqsapyjmt+oytoxhu8qp+xgmgqgn/hwzje/fhgecwmx38rprfvnlag4t6gkmw00mv3y6ndd+g+ij3c/o8covncsbbuian0v3a145whcc8xqqzg5wypl/riby6gsfcupvetdswrgsu7md8urqnk91+5mvdr6yamdjyulcxpuhbqtlsr3gtx/zsw/jgh9wmcgcxolrdqhrsh+acqyaqo5r1qqhgxddumeyqr+tmdjnfolnr82q93wjje+pzferyr+xw+udsc5dj80ujj68q+muvnvbjcpafahcupxnmmlktazred2r4v+7iub7ntuvzxzd40lgwao7ni4ntzcvr7lfl1unqyiadntb40kbhau+oqfdihgokftxk7uyeiuwb6sbmrofnbcl8plbqvxsdvevlo6g9d8oq/r5xv2mocytbvt8puujjblabrxmp3u1e6zriiswkpcoyjwdfeusxf7wiyiuyzogf/s2qgjquwhm5od9uruf8iegmswc/xyyjgk/m86g/utjmy6wl4tl20z11tuq63ijkoazgumn2y5uo7lrutmmdwodzwophnxag9rfygvfumvehuya9xhlwiyqst81k2l2631nlk10s8whoioc51gv449kvuyt3q5ihvx1y+bs27ijuqoc+1xyjirs7+ar80oqqnrcsxk4qcq4qce2gpsaqnzeqptlxjv24tdolbfxl6nxqtz40rrn68guhqsbaaqlrncbf7bsq4j823vdev8ag+n6lum8s85jx5b4d112jskqwrq9ncpegavf9varhhg8zoc5mqpsqxsa6ymu2gne9byx/yjpgukg/xxvwcyw4jd73mrrimupahh8wbna3drydaxiuaetfvctgca7y36/yyhvbljlwjknhag9t6x9tuzb2bo/71fvxgxt3uvfv3voqcehfxklxy3dyya+soxgkzmqbr5d2f47rta3jh7wegp2ws+ijm14s8fqdwq7ygxynvk3w7m6kgke7ebcrkoe9i2shf3auzz8w6oi9wzltlhgvekvm80v7sbaqgs67wllnuxrvs1tvaylawk215g9avcsxlqqrue0kgpy3i0assdwq1qmiylwayd9cue7kya97ookdvpji55hpxvcpftlw3ti/tzgxkmgbcg4gnfjrpblrjdcmeiwf0ktswyvvyupazvwjqxjywq5ksewgcnrm9mapih0ilvudj/emqrjmsqt2dlbcvkgfu0kyvjhve2ckuyhu8ue+yj1lmrzt0f1fdgpf0me3safo64jtradwlf8wys3yhhmdu3ghwelaqaktijh9typkuaey4qrrrhjumxlbbcyhpyjg8jmvcmjaktew2zpqhq37dq3zkmcrfxur2yuhem1gvz/zwhvy3wanmhyamfg6+jhpuwwtahjb8727f5e1u6ai3tbgl/diohohoyvva5hluuhqzjjnubskvlb7wfeeuv4dnabr1fh5vzybk6anxcsv+0ssocp73oxmqdxk0ftgyughhqtrgyici7lqpzaqltdfjvennyoh1xpc5ks0xxcjaioc0ti3q/zxz0anasrlbgcstcjnvybrvwst5drfpc/daktbprbzmc+dh4t4bzoptquqfgjyqciyldbieovtj74z/0262qgkxc2vxobroq4hp+ixsalb7zysaugygj+baeesmyo9bj/qj4jrssc/1qe0nflf3gztlkq+hsngx3hzidx6whxbmkndiqbk5vmhbjqrzwsujkn4cf+wk8spo0aurrvmdsnqrile147xtk1k0c8zb5v7xqxaukdblyqokx8ze3kv0+fkvonvrrvg4p/qu57ailvdgebldjnzzg86bjtxznrnas+/jwr0vug0gmh+n90lxmfa+xghlaquz5rscz9wsmcnyiuil7fjjov3z9snl/lkimemwdvpfoo1sthcajmfmappvkdbdisdvuzptoifq7hqydvklqv/nyytny1ejpnd+mt1z73rdwjztdp189q1xtqwwsht98dhcekulg7yoi4qgzlh/bgr50amls8whcoaoc1okdjlglqp0ecwu+q1zeguyn1e1v0z5yftghl7fjunwiuxones8mgt1ogsqnzdklqkq4ezk6zgnadnxgja8affccxb6s9fihzj/wmjk+ng2hlwdssfefuwzv1roo57gtknsutnklj6urwf6isvilqfrvnpl3cpdg1xuqffc4pjaw1iygevhac1gwjim7wt4s5ugeusbl51itmanzubwz0me80o2pz1fkq1kestdf1zky0qiy3sjpftmp9ces2lzxstx/vtu8hivltovqunrvvcbtmj8cwda8h8yvkbkdppbn8zq+aspnb2th98+nnt4rbahnuohc6n7wfzmiovfkvwdvimz9wumh92vpcrhaa9xyf84dr8zxkh9tmxthnj+em3a74/mlh2u0tghcwa+3yyynb+x5rgvmqcunitzevo+q8bmsiuofstmoeura+e7ru6a/ceylfau7xjwhig6cgcq6m9mb4pchrtv3f/a7vy/dbavpjif51fms+xzx0ur+mygdu7mle53ozkqt+yutbphmtfmgslm6wclvefpkff7insos4ax5rghtobplt6yckg54sf/k/zvjvhrat45ouxfvyzkiyu8xxudj83tecsj3er4uuroqmswb9rskmymlwczf1quigw3lqtjupwr+uc4eewdrnhdam2miak8gqkvjqiql8a3c/pqnyzsqp73tlkgdv1lxhnah2rsr69jc4fujpvf0zwa3rnls/ztkoruew/qrr0bhxk+tqtyo2/4bap+pqo7rv475ugl9ni10/t+eidjhqy+l/pn8gy2a3ytywib1rv1f+ytszfox+wk97rfum4wy3sxhql5hvjf6+4/kyycnsztut/bzofqg0b7taecelh6oel7uh9xxlzybyuwty26jdejikcbwavsg3lle9b6kuks2e7n0evnz3okwbllzgmhwkbg+und/qvytewlqeowcm/c656x1hzon59kda93gmvnj6p/tvadd6rqdtguvffonxwbzpzdodu86fx9+xo+fthplfxhji3zcp/bacz1nbbqdievkbzneciozzldwn6f7fzpc8zkgbsbeehhtag0d5umxfr0jt7ebsgd/c4yihyeovzt5erxorfrbpf+xzjjswk9sih7suwayneqsow6y847u7o2ti7jdpoqg6kmjymqm36yq3mipfbmuazpp2gsq+zohrjbgwkyjjhvcjtawxdtyyf4meictfizpuwpcnlhxswrnh7pioqi2zuvhivmbc+uafcwgxb44ygswh2aixiqa9vlcjkdc9zyllibuq41jgfh2ds0apz66yohej7obhlbbjnt1ie+0oxh1obyjda1o+cz2/ugg6rmfq6po3zzhpvsk3tbpmk4ypk+8aonzvqeip5ssuslwjsb4nyyqrr3txkmt9r8t26yb0axywdjojtw22annz1lwx7ozrkmemxozhozk1wnpmk3/y4+18jyqvm9tyxtbg/1wzxpfr2skc2izsl8n2gtcmo+y1zkgxu1e5rkeziia0jjj7z1tt2rbqfq/d+cxz/vxuzz7vk5t25mm+t7gruv4d19qvi42qmv4hb9kqnoe37tp5iu3gtnhcu6nt2oneohrogi/3pamecwpyqojqmzgsf0qy/r4nnmofq5boj6yi7h3vfsofpvbrvohpe9ncsij1jddyehbxa9cnprgvw6rzikmoud9pvuml33i6b5x/xfph5h2nlhilkia+icyzss/q1iynnq/eofnepn10dkxxt+y8igbdzusesgcdinvc/cgdf13xbbonoiwkjm3wlkttpxkfuknbldpujomkyphaguk7krw0+gfe+oj5itnb+daut76e/u6fnnngsj4oyy8uq6wnaczofzt1mr4i0xzaig276n6yteonlv17fqvfsgnd5cnbkhbuf7re7qxdsjhj7tpvtwvugjw9fzhkj9sudkhyvrjh0dsjayoz3hizf9ph2mrjeuscbnivhhrcovdiywbjdejtrnotsmvvhsy6gmzldklcco3oj/f9gjuzpc/5h9s/tshdqpvpj3m2pyhvnhz/5h7obyvkzqgy1qvjivvvhuwoeh1zwsaownzfdez4x8dyjf7ycfy6owqzzwiqvlil2m9apugem24rllcyshyvnswzzopkew1qloshptds32j+fq1nx23igdkqnx/va2tv6aavj0ql5nz+1nfypkrczpbez3xelho2+apul4ik42qio/kvmj4q7e51idrza5eyckgi7hw1igoya7m+d0uooo0fsqjbslvzn/4ghncvf/b13awmou/dywu3mcuekrwtmuu4uwtbxgbwmqlafufh5mjbjlxw1bbvlhzmfpjf0mtrdyqwuc+5hvjoali3hkk56txhl3vwiipih8h6xzulsx3qqbm2m1dfxfn9r0n40judtedqdlg7vznm/s5no3znco4bjq4tflje7tzfcc+16mls+imeu6s89z0pk145rlyltdxd6pb1ihzyvg4juv1yiebouyfzetlx167wtjj9gqf+ez3xvhv7rsd/dd75km/vyemfwuli+w3hdc7kbadx2hoaklcaiy3rxm72kjfzinryp5i+8vrly4icrt0rwxdgtysxdbnt/ywoxdujiz2g3fxtcxndkrdyjdkqnljyqo/asmimjbqxmjubdgiyzoycln/mwtkqjofmm3/rljllrotvypjoxjrfkexkiqyaomfegd8qbe36q1uaae16p3bigf5mu1xjjloletfhyepftnpsix5fyz0jqv20w80wkmhkrjl2fl717os/dnb6kjbxvqdkkvwejyreq92vfod00gf0aiujuumzywffsijaxogw7u0eoznwheysfxo254ng9ottfcf9zvqcnei2h5dxhegi69p715qtq3v3ikqevz0lxt+qos1d9klwaj5fhurjhcyeerhpzqsjkcehqlvhgh6noy7irk4w4nf6nfwz/wr2dkoqzzvb3ea5fxnagao9obdgun5lkefl3re8njpfcrcl5gdj5b7t5tdihqmj8qogrygkx/la7an7yb0uhjwzyabr3uajrq7aet2xbgrhjqykpco2qloxczd5e9ldvcevlmsc5sguhff8tc8941er6/lqrpqu/wyuwyoxskdsaedjmbyk5j6iicsccmvazrc9nvwbfpkgz/zegcepjfg2bojoc6gs4chmf8sjkvp4ybxhigc+vq7mradc0i2unvpy7uzpiqldh7weblrzdvfzroi1pbtrq1zcg0lqhsjob50wbwmpc2unfcjugyr0itxegwgrr7r2a4nxjtqqk1jp16iq2xzsj+ucsltsaisvv3ye19lkqu73ptl0vbrbrcxprh/auutpjnxsuqwiy1rqqer+b1sq3o57lpc8/efevhe6h08t9bzc2s050zfyaqdff2rpkr62serc88j3s0andsl4e+hgjrenypejcvl+bc/juc0c5ipjr1xd4baq5a4pf4pk5d7e0pdquulkdrxe+96j6qr8kn5pw7uycygsxch49vv+hy1shzzvo6o8hajmxwgxvvd0z0ixxfoebjxaqnghruwbhs1ooyptkety+bd2yzgwtkpy7fbeoyqunqcb0vv2q1zegy273+97vzkyjlk4uqm9tcihqgqhf1udejlrxqmo5y62lpt1ljhzqqna2kl2k94meclymcrvc27vmxantpjinezgxabjreq3kef2wazlord4vijzghige94nsvxinknamp9qekcozur95hgjmxaj19xzfcl2ofjivbyjepo9yaa03bqgyryfecqql8d4n1teuuujihulhluburumhldxu7t4o5uiwh/lewzl7xmvz6yazob31ozqxcsjz42c9p1anbrwjyin10gz/emyp9smsyr+zucuw2tmmnalq4wvaxjwaq/ob1ugdp91yiypmluiaobrzzyd3mazlqoug67sa8ip9snemmaiadffnevnjdaqq1e/fpxaziiricbpisthfyswub4n9uz0js2i1g1hmm32oennkgfhxrakfisxwhpdwzpbei5+sm8shtavsvw0eeztcmxibnzn0pve0f9pnqmftiepndc8yawov/vrsph0i0reblt4xyth+tzgj9rf1xtz3wheatrnbid019pn4qcq86bxtqnulhuxtarmc1rnmrdxksvrblwa4l8z6vgag3ow1skvl35ihqohdcw4zhkwdb80xwexfdpjd3mnei9xrcokctlak4vnffa9iixq14eb1sdzrbnabjrdxoqg3x4yiypyhwiy/trjllxp57roj29g+7stkjqzcoshdoyx0pxoqhttaojclyeiaw1mwkbn7qb6xqmv9dk2yyg0opigtxlkru6yq9qzlgvgha2rwz8hjst9zoxaecqtcf60dnst8ba9pfzvp8vruf53pfwsqe1wbdmirobjssq8rl7+yi+coq8r3d2sthmastonkirs8yhjt0gxurs7qtv+oflmecuevj7kz1uq+u4wqzq95fva7y5ggf44qv04ektbfzxjrmf7gbik/jwt1mrijk+q3ihk7confdcvhqx+hy0yz2faupl1uxbpvnamk1g982ghqlhe3cg+jyz0nacrkmjusxz5nt8ktgaxhpgjrazxndnkbgy3bgepw4xqfliyuhj2yar5otkldqnhk9785bhufv6jdwr6y5m167nvaqspnhcjjturjidfo7bj6nqcvww2ubfelw0dlloikvhrgkevdotw5hiuiw/7vubeqgbdoioont9g4sukrwwrio5fjiswxsvi8k2d87lm92agkiveccegxuao5funw9tvnpsc19p0c13fivtuy+0ux107aeyzowg7dk2derlwtvkdpb+egfo38co069o7tj8zx985ishitghbgj6bigqbyihtz4bqqg52/kcbav1+fxvr4uyrvtah7ywqfou6yve8dpty67xntkzv5njum1wrh5zqfd+q1mzlbnftfig1yagvtwuenqqs2zopm/9ei0zvjumepk+hkh5ztw5gbz3k0yivhh+koxslhctuodo4j3wyjx1gxe05hjfgeop1csb0be9nd8mmhlj6x2jeppronpk4jprpyqyxeakjsjdvhiwkhpjl8dkb3qnpfcmkfex82pecwxefi0uwp6zhcnuh6xw4iemywiqjilmndyrlkroxbi/xhckwv2bf/sgwkr26rqe4ia9edky6ufhbdo5cdlgrteyy1k5q9/zhkfi8jrdfgqnacqme8xy7tvkn2rmhnnfjx6tdunfeqsys8mjgvuf/rdl5n3bm+fe6f2bsv1deb3ghqrscdv6b4npldwxghrghgndzssnvx+pieg1pmv51m1kw0ksbfv7u7bvj3r8mw4dwvwmoxfwmwbvjyeqlqipwaw6c7v2cvbwnvttownpc9njph8zn0ri6m0gc8ttyllvmfmmoy4bl1mp3nqlyoljrlfz1jkridzkpibrg/r+yqpneoik9wxzg4di/kg6wdreiginq94xdrevmx/vuotzkhvrcauaeveydabjffl5kkorag8awmsixxm5cm5hq7xqk/tegtnwdibcbm3amyldnzga1hbhjdmyp2zjdlfpwi0o46serlrcmlfgjcxwxl5frncelhouswrewbxijd9qbmiki2szhs9eoeadll4au63gvcmaxftku/lmuzeotk2bl9alij/0tmlsoc8o9j3ek7mnufd7rarpzymiecw6gvdeeosrlflsjk9cuk1hwrftcufzjzmwaqdh7hb4hdox8w1hhl2hzyaoazapd15adpgh6he35qzyexmpam9kvmc6kgg8dleuaylh8kjy8zxptbteklclcjydklqwra7fqhs2i/ljgwrnowieluumnzuqljndu7t3bwl0uzqj9c7skgzjamrot1hrh3zkapy7qcfg6fai5dtssjguhwzoktcpxx/lykseqe5oqq8bioazxs3c+htfodn73ytpnubhok9hgkaekspunzrt3/rzmxetyqhxfhuz7e5jn1l7ttl/5wrbvyxxivzoihd+svqkpcydnfcw8nsyokixdugg3+rsocgcvcf2hzcxfk7audiltyeojqoqaj2z1figvllx23wethrevaepipls8ans/zjccoqgq7/uu88cfoa27ezwncnn10joplkgfx9c07xv3tmgmvuafj0x0rzpi0i6a8ezis/xzduuygn/tfsaky8yelq0b4mcc7hbr13pdqsw7djzz61184lkbbmj6wmxmjngfglh8l2qfvmt9rc/gq3sa8blsiyxpqvwguwypzoigzluia2wao9mzaye9kzxkh62emx0clhpxxzhgv5b0+jxhurczpow6+nsrex8lvxioiutlhbqraclmvquxnixpegvyekvewfl8kaipdvxk9gs2rqjjd6xvsflr8bhpi/1ulrpcyd3ywqqndisnnsoscernduuymekkb0fletqnjz2xd16rxzcdchc/5oybnsbxenplskpz5u7e6lzgihzztf6h9eba8rz+uhzcdckwvlrilco81wo4cej862mvwyrw0b5fcscox917ay3j82mncbpdciqohb3vqzzb9b22w2c6umh7zvzqnibur98wonorfolioj3aymjt1yvgxbk0qiyr6erstakfil1swsekz7mrzfyypyipla2ksv3kergtamwczzp7k+y1szubxboutgqii/kq91dpepgcn7ku4a4dy4a5ri+lyblujugyzjrtmanmk/i4517bzpfstpzd/bgllqybwkpxk7jwvate2usdr37dubonbcxjsntxhoidiwtodhqcmytouxag0ydw3scywzdh/iypf08uqbkijvivj3yc9lmxfayqngskat9svtrxuzxokt0kualhiafda71whpovgzxz2a6e5mi5ebqnj2xfzjyhcc+myggib9foq0edukzsrejurluwmmn9gyyq5qxco2yjcvdxdvbjsbdcowgry4ooybnpqw4lybjth9xt+dtjtfnbd/vkei1spymo3ocecf/v1wmmamtgtcdrkezmwjqpcceb1pvv+eziv2sm0tsca1cqcujp3w0phdhnhhd2kjkq28svd5nacukhbmbz5y0cygxcm/o8rvicd1zuozrfw7w8ro5kwwsoifna186i355vlih2dba5hu0x0q8u1iy8pe6bos3ryl2bn6afj6jayvbgfqmq3l1hwon5hfflplxi8zwasogsre1tojekeprbg/k5qb3nf5ewxfghwrqmi3emkdeo5trsxfeibniqy2/l8fynswfrs8sjkdopxrcc+lpcpzc/vtxt62cilo2sknw44zsficd3yn9qvcgl8axajsmph2qwas87to4zzf5lncy/1w80lwuksrq7efnzfnoyprdqmpxagb1h0yuf3453smmcrrwm0nf320owywaoojhmhefv5xrujelvofsnehuz+dri1nfqiglu+oqcu/j0xsl7+1zua0lcxedrnd9yiaznm6yq1goxgw12cx2pcwl6c1xql9aagozuzbmk2jkn14xtcsslldcwy2x27dujuewxsovuaimcb5t3qb9mrqg1qlxpmhjmxwxs3sukndpdc101g8nipfigyhvrfu2obowk2o76uwzpjvfnfwakztezakucjk/4ltdzuztmgsybxrucolknyvtwyo6kjirbnhopov1pl7sakfnzxv0og8orlxgdnfch7b6jjpqcfxadkv3uh8yfnxxez9en2ksbgqqxkmhnojzds/qv7zhuefjlhehheogyxkxksoql4ockhi35dnstvenogy0h/ut9ixuf6ikpzagzw2vdkat1yiak3qpabbqqptqeyc3/tfs4ogwpdvr79jra2ce/1jhu/enid+claheyrpjghuscddkeg7pumxp13nemzxyyhaxywrqqqajkd6qlhlvzjs6+p4p38xgy32tvk2hbm7bduif0w+q141zcr3tyimd1+regmt0cctpduvga3vmau/emisw2avs1rvuwm30jmpkvmtztnvvcdchslpwc3kgdg4ydp6+fnxzxgpwt04azhtsnqfdspidksqzm30i8eob915crx5kkthgctn77afj1xo1lr6ww6hbccrqhwq6sto1uzcq2z/+jqgxppycu5n2ymiyfvzmjjzlfrq73ptvaofzaefezrna1zmfi0ta3ed/0uuoqgkcwj0oi4ssymewqgbxtzfuqpebqlsawxccydkmfmkdlhxuyltbt7zqjmx/rcnzgqtsizrbmkk4fhzkra5k0hljr7kmw+kktvm0euwgbuvxvcsitlbsc8uhovl6hby+j/bqzu5btnarumwlyxydgair3erlqg7itcapvcdd2m1ldmxzz2wtyo28hvc89htpp4cd6sdfx2gxqf3v9qb+5vxynwcrprphrjik32o6+odoljenw8xjyshjn7wzdo2i/bqo7ymiclwhjo75gm56arnh6cnydt9dqbgfkkjt1xscqdlymo/mx+x36y7ceerrq53kt+i131h5uhoxr/rhxyoysanmmy25lbdeamcqxczvbna/dyh5cyif11k8xj4r5tnkyjnzz/w/m4gf3u+51djkdr2amftkkoozwctbuzk86y3l5xy3k3c7elmdtpnl57iaakqd7bgd2hzez1vct2asocevdpvktrvkdyjwzqs1sct5skyri59qvix+w8vvi0pnxtev6bx4mljqqvnocqg6mkmgjsygeea+vbpyhpffba/g3/xx+7ezisajwle2vz6w722zhnrtkgwk7owtrzpie5mm0acijuf8v+g5euqx2+fpa4quihkpe56zdey46oufctd1e1lgygq5s9tnymdoz7wiqvuo1pfudehi2um9bcg30uxzeqgmoiootp/n0q5jhamjctmla612zslknl2ctput53bddr0okbfmcgpgbeqkaathbhtllbwvy4/zw2u6z/wfzikphf/3y33/5pz2cxtgkqfxekot/ijr+07qtar8ki1xb0nvcal825ct2/m6gjuc6ab+lp0tk/ko3/+ox//1lgtgzv0rcmkpw/ouy/c+//vj//+f+/b/+t/+0vv/5y1/2v/9p6pvejy392iabl3/05i+0rqsf+mk4lqego2gklijugrihb0ounhcnhm5cvvpwfe1ev92/hjdm2ax/mmui60c1+vajvqv6cynkrrzze8g/ai1kfwpe4hx2axdbv5hwr0bdxqv/i/0xmdgcrpscprxsu/zxtklvcdgpqy2ct4etwh8iwruueyvnlet7glezjbvk3/o+9qbhqrpzpitjckibl/uclpznrdtquhjii9i/n6wqogspjxufdf5aucimavy9swltfmoendoonsecaardreziix6lmqujcrgqyqjsxdwrjggdxe7e9buvfhifw2slsmonaxpteiff2zy1pkzperpkjedu144dxlv5qo0vppe2ze4moxoywdno7lpknq9dkxciw6k9spw6tndo0ryftx52dis+x8ofiqxpfhx/zwkhsce1zuas05vmhq4mex25zvdcrgjd7dzxphhxrstey60mt4osquvyx5v8sbtvof0tscm9lnvfi9vrg2veczcp/z8ybhas+ya9fbtazzsm63qtqhfxdckxtxsinpvorr8buzw52xx9ppig3a5u7v1ogspdfemozym31cu6nxj3yhkftgomtkqqzctcnixeupp2osckbvqy781mjyxspq5iytheqnrf2iod3s2psbrnlr1nubghlxnehmubhytpfkkfvo+/2mwynm+bjykw3cy4jg2ccvf60b2ixz1pdnswqmesceslwfja+bwigniiriuadz11l2o9tzhphcfkekc06zwixv8124/kdzn2q8pwtyrrarvwbrz/mnlszo2t2ywh7xvasju3orhkq1lkeiucxiqhpp349em796wkzog7monliqjyaca4s+qld4ts8nhivw5dms5h893ntipfoyfh7oiew1pzzrzodqhsr9xp7nwwurkwcunxa7/iwsaujrtswcbaczw92xfaj4vflvrydoadwpnnfq1hukydtol8e1qsvpvde9ue8vwu1esgkzod2mpzchl7bqvnxxguizxoapmzesbcr+trkbr3skmini+qstibehwfkarohy/0ikr453fbh+o+t/dpxivmk/qrqxwqsvnxzafceyvlcotjzd08gjwmcsvqgj8o26ufwbx7xefyplmn86pza0cd5rtsod+a5rpj4i9dgek3kph+nhgqgx6mq2ye+h2fhduonetmhtuz1wnwdudy7f1s1sikkam4/xzwsffaku/tegessqxhelhe/x5ynjly3g2b9dq4e+0p30zepnwogbgub4lswhsiqvcbjejbnfuthejzwiunvzji+nfvnc06eukvpk8llon9alcfxzhpd66ht4g8pe7/ks+volnnjqw5oqgcjxmvtw3fyftnfuqkbg6skmn7xkbpqsqnajiitndotfkgmmthqgwpmptu6iwrivtzefe5t4nrlt2gsptghljar+poddepjbkinxc/sd5gamafbhnw2hneglktketyetr85znqlki9dtjjus0fbyw9qhpihr1vzv3ou+mrvt8wayuya0w+fvojysbdodb/i4dm9jyc4eqbxtbhe0j9ruqoutfaynz7zb7mqpn7fr+n10fayw8zlasavqpamidm1gsil5phtekusojya+zxvm+pyi9msyxofgthswiqgth2deiiuekxdqjzfvofle8ssqxoif9mo5rfvigipwe4otrt4ldliwonjraerdxijbcfqw/zlrn0hrxpskqtrru7lrbesr2aixlmtfeyg6a5nmvnt5zcvrwyikfz1acmitvb3ykpb1ssza9ihbhr3cq9nsr1adng/h033pzivu91x5p3bocktfzcvnylmcc9su6g4fkhlojhh28xgacfe8lkm2uxcxrnuc8nknfaaw5nukq/vpa7uyygrkc1jhblmyoq8j85e3yok9tyrleupkccc2t3nbox1/xubbtj28kkblnx+1pu7sriqrfmjsszgvvjjrsydrhf8a41eyzadmsbl0zesrle4mdz9dtk9s47gkunacufe8acxzwh5oouu0ezvukfx++hjob769vzf8gdsp2iiqie/1iroxoeyhxsitzzen1vbfhjtj9twpirjmr6xsjwgkicso7my2lrnfn2tyrcujwsv/6wh6rqsezabyb1u1a8y3mnyx+4zj3ieoqcttmvmusnhlbypsojm+us8bviwf+ygyb52msld22xq2zy5rtukmli1chpflvzlyxricr7wixvuusopdyv/iyiz33iestfxh6iwhfaf1evwazeymygptdtmc1nyknvvs9nkuewyiuqkqbrumo/nr6xumo3kr9v6fqo/ojnm3bdgejcx9/fdvluir/ryzx7tg7uxoxnt2yhbavkhnzicd0bjxv8fc2njeq24ozhk15pho+8bvfrf4yc6hzz+dw12hmik1beob8bjt9dvbnudmbyvcc68x0naw9lheyrqbv2sad8/tfivuoi8ogg2wxrcrlrqdx2ggqbbgt4eln9tc+f7wlrvoz0noum6c2kgeympslcijocw+56csilhjrpyx+nwgwdvgth3bmto2yntej5d4hwldmqo2h1zclh0kxqexsqurqrgypn/l529sqwevoofoyeojb1s+qa5e7qkafckif08pp8zwr1weetqamkc6q2bt+ufiyq+ubfbu8yyjseyfoyvjpg60p2gyiej1plxjksye/e8i+tr65whzcifqey9kblo4yfyz5czhofkunpz54mbt08gxfb+/q2k4cihwzdudam2qesdndutg7oawxhdnyawk6mc9k9etre/rhdxw5avgrmhgcyqpbqcsri2nhiue707qsfgu1hqbephg/nagvd2ih+7zwt7lo57djtxgzyhfds7vesxbvqlmo9ziscsel9q+txx94wl5dtid+/i8mku57oldi02md5qka08ncgltdg7ug6moqjie1oyxrm+wz5xrxrtxakrdpdae/wtgh0ee+odckq6qja6l11pzgkmqmpmbsvg+oqp9ldz4xjtflvulofv8gya/welybrceobsuctaadndsiri7c7idlqdqf2kvgxs78x/ce8vmxf6zxx+yn9xnsvdryqijtqlu3pwzhve1ry8j0uyp2ykj2ynk6eylveqt3dwbuswxqyn6cgzitbegpqfa5jbskutyz1xno+5o7tnmiwe6rhmoh6nz0wf+jqbvfkwhbhoeowuctchvahdyoszo8hhjfrr6w0azdwvhuueq7v5nspwfyw43wyixhdqxpjiyrnoqhhc7zf8miswbs3/qjs17kkwokewfwaszd0ec4sa3dc8mmoc3m/y6g2pg7moscwcq7brmgwumy7cski0udku+43h2crzygcv4bk4oppid7amwfa1dpl6id1ymqa2maclsfgvcaz9ysgjtg1w+rfobqgt8ac8lvtucg/oyfbsgq6hftxt3attupzhnwqmeeygsf2clt2dsu30neqn3ves30xtwc8z13rgothihzpckbytwm63hud/ahgucx73jkpojvlrqt4sl3ldo4lx5nbxx6imnd36unr9s4/ztiglku0dljeuzwj0yihda3lutrlnsdcrx1pxsweq81ehejfx4oqkjnvc8bosdezzhwnywettutogucqldiyuvvwzexm0czrntkg9nl7klvfuypnxkfdwfxrrylf0mnaowmfvquwrjddpnhcusb22lnog9x3vgcp7jajgxttwjatr3zluk6dvyltyfzp9e6lgcxdyjwxf2qbrwzzmi6vnujd9dwbvmun7ik+rluku5evgbmiw38clcq7ofhy1l2z4z7fjexkemul+adfbhcr4ptenz61ktc8vvi5cwom7wbwrs0n+e6pf1nofsu9s8gmavfviir15czkftqjuunrm1xh+oju0randw/khyydbyqy2ioztflpreeljqhezn2zvnty/jwsi+fiwiylqtckr6v8bizsf+2am85tmfuh5l5/wkod45by7lrdaywguwqlwa9zdghvzj6s8aoadchrfdt4xoec1zzkhsnr8q9ovoi43fcjvoadbf0mmtw7nzrexuaifdi2zrjp81mk3t4gmnb1+1askxxywax827hvd6kivjrjwpgnhznjn0umphxrc0tcrlwnqgp2l2livk8saok9ccm6mrux1imwtflsfzmzporninds6sfq9dy8/n8smhn2gee0ody74bj1souww1pmuu4zd2iwo+qs5ts6yfxjvebsjknkc2xmnt0tfgmk68ovfn3naipbqvjhtvqsd7t0bw4yeclur2p9jovo20nxyf6jpy4dstinfztby9lhf3kkipsl1nq5ktygqhbxfsizygb6okjpasd9uhwd7qgylpvqaerutghfxz8sovbnfovjy+5/d1gmljtnix0mgroal3tyzl7trllvsvqbxwh/zh1d3rn1gafa514iyzgpgmal1l3ic7fgcveyavz3jytwyuban8blreirbpwqsthuhrzbuptcrzloio6h8sqbdfygj6ow7odnmjowmuze9sr2gvmmfiwke2bmdvn7zk5hwqch7wpwvy0yut1rx6co2krz4miihv2/rxgqxduzg14iy8jit74an+v31d+ipqccevq9auimn1/5sz3jqimozzgflghdx+tfuvfvt4iu/tcshictn91iuhw6hwoase63lh8tftatjzlxppl8qsxclhun6pqxygoyzpyirkiyjkcjixelalmlvztcox8kw8luj6wkfhyngdau2iliytwpq3yparlfjrl25fo9w+rkt5/sngthtnza2bpnmhwrqhvt0nqddsvd57yx22osefuwymxz9zei5powyndvfvjwrnoay22yufulwn5+a7jcu0merr+sq94/hpvli3ead5e4dkngq3ofohhcjitqdyuzxlszuoovzwah+gvt3eobf4wtdigqhzsgzmjntt+yxdvn/cbeuv6+j/b/y7gosu1wrawnvhutrmkkaejwp5l7xhvufm9gk7flbyfxcfsdmones6/0milbil6ueuruvpcr5bicc2anozg48ukh41yfdvylvr6dmspzwdkssd6qwic147ffsriqlwogfuoliuxqnnmm2gnija0hnuh7nq1qncwguncj4maflepweguxinb8v8wv95k6o/dl0mtgexqos1kqmqynhdoejzq5emzjvgzoghxv0althlaid4fcyyr9x9sj23s1qwhhv3pgnt9jyzbzxanks25ecirchpc9spyomiravbq74xqv3jpvcdyzrja04gysjubzse1d1iq9u5smkxmaleoalizgxd9jpkmwi5ku9p4lk8k3a5omx9yakoegpsm9ingl+z0zrzrfr6ry34tsen0eyfioqen9qjz9wk0o4nyurbreokzhsufuozqbk7ndia4fb1scoh6yqrnaalrohgwivjciqqec02agm+uh2uhrvburwgi2taqa4htwbqlafgjequ3loyg1ohoyxrlfezturnc6zj23ooutfbkq1awz1oc5ydtgocswevpxafeun+i8y9ihvy5v2acsg49pxldcx6jjnu3ctai9vpsbyjb/1l5fkaqz3kkjex7eejrfqm8wftuv2mwbly0otjsjivxw82mwrsjr2pbw3bjc5n1kqyxpnfzyzfb8yopmcn3optwg5mvfzpv2svuxzcgqi2oldqjlyxqlyk4zk+/k1xg4ise7zenvvjm05hqhd6nq+munkmqm168bxoeradeoqxaf+nwk/shq5l64ct+qyaboxt/tzijexnad/ryyzwgrcpclmk6oyzqbiawrj2sclau3w6yms2ku8p4eca767cvo7o9jmfg1iscfnwn/lpzigi5xblri/yonjldb9d3iu3dnyqjkleavitseb8cagdlhzgbm0zglau3memsuzjf9zs7mvusd7wjokpk0jl/ozbwyn8cvhprrxcvzo3wx2mgfptq2vplk+5rsy51g4demqm59pyapzkaeiuppeggefscj75vh2y+iegvj+hd3eholzlgukpo0uk4vdgmtby3lvqbr+we5s6cnnxbzzmg5egjs/puepo/nxm86r5n8wwvuwtfdxkqq70fungztj7k+utfhwinjldoq1plboc6nmg49ydvbj/k7ufhp9itwftlyyirsrdate0yfqqvvycty6uq27lv1mxbzewaxoflryntus8+tahidt0e1e8w4+n7vyzh0ns1svnoijizl/oyqcneqoi5dsjqoydvovbqrchvg/ko6t9jw4ykbdnyey/f6fu26vsmz4j/xrrd72ow/nozuu/ue25fljohovvx2geew48pymhepq30sxel7ilkcnjj9wsbmuml2w0dhs2gconxhrq5ehvhhlguu9ncihwq69d2zykcketa2mdxp7o+x8ynyujdwejklhdkiuycwy0jmbxd8ixwe7py9ekxwdxscvnykzl6vojlcpjdgunhz79qdbupcvpe09jnbe5vt0w6wbpakzgkmttxsxxeeucrf5nxap2g0wecljohzecjgy0ynnkay/e8+wmolocaqut+c70javkuhqtshvhyc93fy53xeaaq7fem87q2crlwgqxas5bubk3fmge7zczeosixblxh6ncv5hkty0e/2szrohakqnitvwe5gqonaxy9avh4vsk9eb7ofjh+/40pa35pxkx4rmfd2iq8jy1ecqvw1lz1kf4plmy3uezyzssjko5ozhobsul5xvrizkilzbxh9+a1okhfinyy3n3vwdgietc86duesdow12anbmdrmckex27fabix0xj7otmyi83ptg936ii03f3/fojbjmu2gtgb2kxnft5odql3ggglzxlgqrqpevd/1tglkfr9bgdpxwkmsrgyrhbfzsckbauqipunqvuuxejoy1pq+vbnh6ivlz0ggwvhh5vpjm5fjnpmrnzjsza7gvd4ltgct2dixnpgnezy5rbgndqprl/u8xkmg692npgmpjchxjtvfcmyh17fu4y0zxzedpc/j7ctwzbkaat0smgal/pcf66kivla07fep4lyofu2nnfdwxv28w1zxa9h79b1jblmlyojoqx+ta2y9ad+di1jrdsmpphp26ifz1twafxtjf3fwvphrizlxtglshqsomgk3io5xeuyp8gksfurv9e81j4fwfl+m/saq6kyi8lzfypc7ct20qipfmtdeyambohtzfyvbf13/3jitspurv7tl2xsee7oemcepeiibmydkj8vcywpbmouth/fkkysxm5q5xprmuj8am/rq6xun0d2axh405c7gwqxdya4penbfuxkmmgf2tqbm8xqs7d33aijjg8/2fblmwx+3lslfj4r4ndeojfkc4fp1zn6oaf/8dhhtqbnk/hyaqiuvcufoc0btqqe/vtemm78qd0zy8y6csg5fy6od4zaa274s3hxadrzh/fdjgiafif14xu2km28eric1n9k/7zfzoloxmexo4kyl8dtprtphzxxdyz7kl4rw2zzyitfdlmgoxgacfv7ntrmbv55+fw/ywzydhhyy8hjtetwlblkgnbpbcxoevhy8+alvw/ywpvyrls30pl1b5zilqvlr1++i3kyl+wlfqjarrcvrghuhuozvshhr1tnkrd7mnlvmnvfkvf+xxw2146ae0iipral0zdckuzroxsk6pkx868uybbvu6kwayyclhklfo6d3oxabsl97hn0kla57yuz6emcdm9sczsluso3u9rfmxqzdkn51mamya3t7giopj3e1dqpnblc2kfivy17yzn75cfmzs3uugiuw8d+jngb996pzuyh1v/tichybnsskdfrt0closo6wg/fzhfmhhilamjgbdinkhamqu6oayseignbjh31ky6+x7wu7nadzvzw2iqqcqhtoqog/dmay/nl1ilbgxbyshajxbkcy6iushiic3rrza5bxhbhcjspw7xq7ss0332sgn/w8s8hxxnoxsmlvu6z2nonz1jaujz2hctx0vcpqi2y8zusmnuhhthmy49v7tobvxxh2ujf7ta0t45q2japzrmtnogck3ovihtgcfunjztakyonsvh0ecjhvvnwgua2jsyyc9jm+af72hnvdg4vqe+pgjd07+qjq9uqn3jdu3n5ain73rgy9p7ewboa7nlyahajeecmh4p2ndeubloed1v5wcohefnyybzl72dajgp42g3xgd4jc+15pnoajv+e84/p3er+nigqvxdyg50y3jix6/yisxqig6stjsiwow0zymb12s8mfbdhrafchin7voia0bycwcudtx/ywxczspxlb4r7hp0kb2kgvj+hjao/bpimduzmmw9rfgz068l+4wxsl+83awufdfl89v4n3qya0r9niwpqrgmcqbphbjdaurvtx7jsbe8einshicj8xwaofkytpdbnbooaglexrbdjlm4rzxlgesfj0emq3p9gu3dyapv0dkuwxrs90omgstvvsiamfs+mk2r7vzoitmq4nalubhnl+g/m9z5ycyq7fgnd2erxlonyz2ofd2cv+vohb3fwle07slad4fvjmb+aowoyo/lxbnanxzxurxoh57d4peullvvogsxrfbggq3ws4esdfticbkwdfvyict5bzm869nd2oy6vehcthd2eankz93oa8tnqwss55z+dn54j2c+y1msn1i4r2oycidj83qin/d+e8icqhj/psd4oa69hvyx5lpkxy4oad8rnq2qaxkdxjej6sxlrvjsktxue6utkub1jsy/jorw62ittfxqac8m7wjpu7e44gtadxhxid+ng2ijyy2dtq/nzspv0s7ny0yooaem18v8/erfzjrchkpy1ulxchanzr9g2umowbpf2ndemfscqihz0qznrh92zmifp0eegvduncokakv3xl5fwo2mgcx+vqc9lvk3dysrdqrxzhfrkqsljjciour6f1oh/ueugw7v/gbbuzxanigzroykrt0pq26i2/bh4japw6skrinnemalltw3pntrimr+laktw5dgzp2a/xllibvdh5wevhuowcuuycfwxftgezouokx4yqdsasqkneo7ut186q3pto69yo4y7buu9fgydkbwb08ojrlt90q1fyg5herliffbm6zi7tvsxo4avrj899uyanwwtjrlsusbp3t0nztov9bshfw3tf32r3k+4a5sunak+shgschkg33ieruvzemazlqgt33jjkzg6alfdf0+9q3ih3v7r2yjjpw010adx4uokiusfl53+tkiyrvujlx5tgjq0ljqzzveqqrcm64vvhmlbzhjpdyyoqt5t8p5yjklpzljjpo6wjw+dfunyozjqf0phxlmv7ztj+7yrdj301q4ka+xhcqd0onyc1rlxyowc89xstc+hj+hmsdijdzt3z8pags/52hp9fmmajdk/hfcg3dwlt933rzzjhoa9qtlha/n2vhknku8oivrw+iqpybdse0ehyfjfzjq6d+6ynklvrzej6+msl/yey73qe/ikyeo7zfa1ly9gyyrttnx1s3xv1illoainvlhiutwskh1+sbgd3qhbf0pcvlrw6jyedspue2vwhvehy71dopqq5pymlbwy9kru1s52tavkeczfy8dpyknyhsbrv3ti5rb87y/fuqf7fgkszvfo0txgxkbrtbnflzfxofwiy3q8ztftpadapwygxvjnofo8e69q38xabwlw+j7yo+6wyntmewkbflms5kf8cd43jnt82mbfubokxz6bx9m4t9rtfrke9unzxiktwhnfyjxpuexeik/8sbg/onhn0jwdlu3tzsmvlvelby5as81wqeultevswrjdh2crcvhk8nq7illuhtd6naryngmcexhsrvdhqepyyazp6trjzxxikn/jd3ejklrqt1qj0wiq0zzfjpoqkg+tcrwbooosqmp91ugfr8sh2qice1lueim4uv1urxcnrijnczrhnnjt11cvgedfo10xxxc3fatetbmxnb+qeh2vxjjabn3znoudw2zbinqepxmgqmytaxluxcn4iv2faywfiwsp/j2rrhai4urpaiqetayme/vpapu7ywwpscwikr9w9idojk8dctvpgfe30+bdff4kr1dbree1nhttjz92ms5/fqsh6gy2osm0nsozmpgdt0wu9/ynljdf+y5admbhglivdv/+nildveittjvpv68nwxamjm2x9cj9uvmwyezgkdhq0zwspy+uczgs8sla7cwi7nvs9vies44ftc1etvagv6qiapur+bm1met/nejqza2lzlcaqpk0r0zyxvwzjoeeh6rithla14w8i66qfd9u6l62msqdeemsykltpkopifp3tikh2bxhr19w3juwq10xfw40b0jaiktrwx3m34lclvetifupdvczx5wr9rydg2miayfdle0rufmnaiae6twjazobid0jeiv/un8b4hqfwg1muduwsw9gtlqve6rpovbezjffyuwbs5veb8zaxvvcld7afkygtppdlfmkvpkt+if5/7saxrqczqduylfibzko1lc425dakfxv5mv39kttq932ut6hqd4xhdwqxbkkzgiqpyea5aj2jqptf7m6ilqg3l7jj/qtg3ajr7ktxcm/gsxvlwtukq4ypcnfoi+bc9g5hwac2k4tc2kaitxouaxdaynmlj0luz/ymyztiye4ero3519ekthteolo94izf14otpdnw9xpehlofdmemmlwphut9pfxkmwxwc+573jmwsmjbzokwz3+o8h9ertbedcn9ygoatagn6smrmy+f5rqs0ux3onpxfz7e3lim2xvaeilsju1591uo15da2vtet9id0m3seljegfogqf70vqfcq8orm1mygju8wkn6dghiyexrrjoyqvuzvbasrjdncajldiaw/fm9plfkpoypwtxwsemcqyuzhqlrgqjsl1qiup/zg+xqsmjea4ym4pvx124owbjuj5kz4c1egc0kxhqakqnp9snrv+g4kpuc6b5gnase4hbofi9yrzn13lbv7kyuo7n3w1g7yicqspswfjecv5yllinkp3gyascoufinnsiaa+d1iewpofrsvpukn/99jx/2megru4dnbuzdnz/zvhvt3uc6+fer2kbutrboc1/f3wtkaqxzz1gz56eiv3c1qrztztqfq/b7mxv0roqe329lo8uqlljvrhc3ddjmckcyfgt56ckk0rud+vs7/aqobnaiwmcgl4+x65+yuihyducntxzeruuz6phixd/qsyhsibmgvb0qfwehzgkrfs+ekyepiufehw5ycr+yb9tf+inxqqiisvqns9kylqik1rdagftpxooztucgyvvjt707kjhczvwkuexxiqk4vhmupcje/epy3xbdkiz/bdgchseu2cpupfm8t8tlrwh479u3mms5ys46atlbseuzasvysuj5nfvghjzrae4woq1tywbyvwmii9emiasnx1xl/40tqszrmlfrzdyiikks534zmmu+znnbgcpmnmnfky7sk5jtlrm3pm95c0qajfpgnuq72qiz1vnmy9xgpft4lr1rflp1e163lfunftg6twdbzx78ddg52/rz1ccy9dbcq/crevotf+d9j8bqlnlf19e9vgr4owacwlcwz3evvmh2kgwaiown6r5qgahbpstdcc2e9rptktuapnpyrn5z6l2e9xw/eilofmgkf7nju+ze8jxbvujdmvezgfd1o4r1robjic7ujjpgpjmparvmqatvw6hfqxoozmnjkavkqdryn2o5rvw1tfdeebs1wyb8a3cyludlp7tmji876vis00gxx84flyq5zxcptnetczvfmemitqhy0hit2qmlapcss/f4+j2uc0jqzebbpura98ivxb2cisjm1zlb1oxgtokxg6xk8fe14syjekxzdomzxp3cx8imev10lxchabtrh396qrb9hlfkduspvcgsneehmmykbjqsyeyva/opf1i53mel3tbtwghrdwn7+syioylk1nhrpsbd2hvve8sohfqxgkti4kic3cncmlnbdbxfiyvkmbq4ge1pfq3zkkn6zph9jipbldorjw6ypbhlpbks2bllwe8j5whkp94w5qkunf9/k8hmtwjy+xau0pukrpgasso8ojoc2murhdi5y/ymj+wfgyfwae5zljy35qhsfq3qugehvxinwzlvylnrsgf2jfldapo14j0xogy/h0jmc8lriwrfq3buzyst3kiauapicjd2vhs3gayoss9cfdayvznzlrwwwikarjnfltfsl1vgt1bjgilctxnhpylla3hoeulxhce03qvozuccqvhzye/hqjrh82jywspzrb+wqnxspqxyp0mroebx2guv7pg+grvjdybc6yvitep9xdyclqof5+tisig9vlluqhhcyh/jox+74bbgnmhhihtdi6rlpge6arrfd4vy7wqlot7xeiwkqqrr+r9ub7r/rcxphrlolffvaxyvuu194y6tozzqf5+/7fu7mppasy9/hp7zyxek9ftf1rze5hbh3nnoxrvd1u5vqnacw5f7zzw2p4yvdf2uun7i/ckwqbsade37mt2folcty1zuzboh7ozmzltpttonku/j9tpvml1fqkdabuu6cixt1czdfjmhtkjtpyhr56tfg4yi5f20wz23tgptljtg0cxbasbp5zyzheqlrbgng7wzzq04s6pebsoqeymlhcs3mf9owl2remd9vmu/qkwramu0hurgpaugfmtzkvjxfhrmbnmum5gbapy5tpqnx+oiry0lafjeuubuqh/sb1k1x3xr4ewwnzbjmylla0alt9magbfmawngxfivmruro9zylkke9sp22stlm38wcntmr0v0peofg0mfy8csdgatjynpieaxdnlvhygou/l60/eep75k9ftfxzpl0qbwodbcfqtambd4hdcc73w6ht/ardcjczocidfyfbmh/3q0jfoq9g9caxvm1w/aooylxcfwsgviizvsgor2dey7o4+qvzfyr7tpzmoqcbs4g62qegwrrgnkfpvumidkhvblxuz4+zdhwgzdslmfwbtjhbijtrly9zvauzswkcoyk6cihnizupc7hu1g4lhrabgwpizxpm6pmuvztnc+m6+jssitdxqwig/witcddbgb25n8mkdfgduss+6acei2mwyj3issz+x+pxayta4nqdwegqdyd1qiujo19rsksbsqn+iet0fixteguel5wezdctcvdulxacv/ithz+vihiggi5o2u2ee78f+ymjxzka2lzxi2ll5iutnpo5exgbezm5yzqi1prszdzatsxv272aw343l+/0f4ln+6zjvdzc4ddx0raccwlifcouwmjsd0wdlug9z1xobzc/leye4g8bte6tosifq1kekohslyrxi3dybp0qpeivfjavgoxj1h/io/tf/ix5k2qtj72mwwamefjrkqfgpuduzhry1r1oqf2jr2sudyveblszhnyac++bmnb4xpdbmez1skz2mvrlsxjvj1t6eoihqw0y19lpb567w//d9pptl4uu/rcec1n+1zmyzgdeldsvqfivtewupfuikn3qszptcg0vha8w1voxhhx66e+lg5itko4tcsv21ef/xaykne165x01srtwn6iogsuibdlqihhloea3y/3mltn3tiq3edbhgl3uwsgc9xr9x32keh/xx1ipzvj+2qclohrm3cad7mflyi8fwbsluckswyeuwq3dx2use9ehmf2xng5c6q6rrs7hcgech5dupkgkh7sesioav17ggtkwexyp1faqrzmhfjtqqnyaxppxgltrwf7nqwynzqdtc2rfzl24m93wbiirqefcch+h19ivw2jhhtu6jagizhri4rndjy851jjo9zu3895tlbgbwzngth2oxh1bfmtg+kvcy0bshryx4m/nn4npezpchxvuhgrx83qhrptlulqo8cm+8chirf9ekjnqodfrjm4wghgaxjsbatzeilwfu6xigzsoni3k/92t1f2xga3rdde/fq94v5u6hl8hzpvsxi90oqjmocdulalzukovtusp3jsfvuojywlfygv0tke+7de50wozwyivowroju30f7sjhkdnu83k0mzkefjoe3nkyodhvxvzmcdpl4hrtziotq6wn+puywdlrao6wyijvhfm/pc9nlpazkri/ez9vhsgwxndpcfoaumg/wpbramors+vvobgwrsvlbsmrzotktgapqha1zxjy8/o4corlky+6azt4kotshkn1vowhy5gz5b2we3q+mwlybdhh7ki3n2pt6vu24pj2wam6wc/t+cqrz3tgvsbjeyafauqqzl9pv6nmizispwa1v72s0m7bzo8y5mp+qtkxa7p5jyf3bh7so15xg8hgpktiq030gdhfwci3eye/j7cwgmjlvna6jijszrepcqu+uejpvljmofrg4fkq97e1mdkkrvphof8esiowtvgxdmqsajg7pnzcnkh14p16pqwlkljmsqtf3fg7y3+/nltmfc+d0jdqyr/qxxhc2mu2d8kj82u9o4l4pbjguyd+asmwweowr/7eqo7jqrqjy9h3fid7344ifoal8pbnhzhofhgo6fghh/gkjsts6uxl9lqe17jjvyjdm3oao+v3z2i/btjajh0rodjilfrymkux+6isvvr03qjgthdcbt4q5sguqbassqt4tpunnc4fzu06qrwjr+sk43ld5puohlbvtxy3mlpohsgqtzksef4yw/obwpjbtshg5nimh7ckbpztsld9fnmdomtrybuvh5d8ciijbkhfhew4pjhrdcfla4lazdczlaphcyujucyx3oleq8pm/ckypw5e3keuxr7xbow2godruadumnkftqcsszpmqxhua89dpsdixlwxrm/dw995jh61ugpeqbjyikkddm5mjm++qme9rau80zvk7vg1upenjso4xdwqzxx0i1vs+t98udvp2c/beglxqrfb81fopandf29mow5a0jyrxdv9rcwb/uio2ij+lxs3ijimfsn7p0nnkvqnrzlmxxkvkua7b9vgxzqjpumuikvubb0kmhfkcxvss0oed/ofsd4mr5yqbmcx156qjoyt1jiqu0omji0/+yclzblmmy1gt6vpjjezgzxot1btm+k7+opp9rlswc3fnscuxo7ny/y2fimcdbpn/2xo++ifmkxp8sesmdwx30+x+piqm3ss8zmuo9z0c6vumz9ydwekzgicjzxsssr/f1vs4vtytgnz2a5qryib81s+ftcs2oghevpsfhsnwu575hnr5chmpdtoh5qrewzez27ajswejbeeuvzal7eqqqgu1rob62uxcoirrno0w5823sjgdxcnubqy8mxtjbj/q1rj3+7opfpa1ztm3lcdrdzwikarynjdsoa2y8d66+dugnyii+yhjm/qp7mvmgmqlwdax9m9mxmrtm8tl62hvgbzp1zg0jhrg153aymrwzbvyfnh5byji3//tsthlrokfiuhgs49wdfimoaozyyalv1ji06wvmiuxu453gmo5jc5no8wiygqsbxalxo1vuwtmlzw5pfhyxfbgs/tb+g2ers/iad2znkymkke8puyyr8zipwsygwoqwawr82pbw7mtmaqz1ay2kviofu0aimbes14giyqpniwmjh/1momu3odcdu74onpv8lhnfgc15iwvxahra6fqlgnix2137xhob5j70c6qqtw0kjaoo2puaqcctxcew2byhmf7okqmho27o4whwr5ddulvnfzyxobq10yvxyzoxktkpm67crmwwy/ksgrogzwop+kakz8z2vi1bxhymako2o2z4lzex+etwjm9poli7jnuw6un3dlwuehr6534ib9dihjekxg1rhydprcofxylo4j+q3bnjmrxtnay0begjfu7kpg0zcednw+jijl1th5z6j4nrf8ns5cv1m4gzo2w21fj852xtwc+juiuy6nuh+hqomrk7/yvubdwhvionythjyg7t9gze/uzp75q1kecmp9twnyesuizobx3m1lsbxsxngagrajox5vshyxybtktmwmc93bbuwzmc6dkeie5g6qvicccexwx+0uxauywzskmdb/1raykahmkzw1akn8bmhs4mud61gznqxiscb6+92jnyj4fdelgrqow4tgfroonwk0xiq5v65stnonwdhqam6q8v/odlct+r30wg4ewrupjb1wcdenedrf9f74hxmhdubvcjyrl3ljalloe3fsaq852dqsu5qg8ofy7qelmjo26yj7kmaxsdbkbj83ubgdf/kjiyt33yiqpifqsnkkkkplm+3k2j9vqmaufdwi5uitaqoyinpt+nm2lioijfjmge8fvl0nqbxuj21hsjfayuoh/r99n+5d+n00hchdbv6swqmkefvj2wfrysumtf7smpgwgydhijwcwxwgiliztfa2+cb0iundrsaqxzwjirqozmamwlwltrv7uaiik7zfwyb65iyzpgsi/w4cqywge5bubsdienidthlmi0whjhvrtlkp+ksllq8qyj1rriypy/7d+iyp5t/wwcqfuchtct5dubtz3haxeu/3ytha0hg5co5+pjwni9z2f7guxx9or4ea1blsnxtk4yfgjlbuaoi43rljlen6mw5x1qjpqdsf3qggtynvdja/ewqyv2axobvzllpm+xxdnzqqfvzjozsykkkqhyre3qhtkjicug9usvqmaosibszwqll7bcekna0jikamqpcud1url5erskun/i7c9mq7nhagtxyo+1snkfyzfufzuwic4rdso0krvdc5a8upllfw6bavy+nwpmcxyi5ojvuejo7vl36cwwjwxy/saxc2hh2r7lwti3h5e30vcmfgmggwsnddm/rk+segss74/mwaiz3jdjuwpeenawzbgtuvhorr1xa2blphvj4icj4wey9vwmk6zag8d6oyj2px3rafxai9uoavy4iaqmiawqnxbrfs1ts58un+icbf0ls/keyahuzalbbobn/z7vyyk1gtt3l4m0uisf7dvsw0hjfzahf0ecjkebzv3dxyiboktne+2ns3gvpajxbahwplep9l+zzefaflemw5qm2cxd1r1vdciaeksfdvaitepdt/jowfzdmasnfefwyp/gndp7yduz4us7rbv2p9uy4vjhsuxehkqnrmsc8acvhhsxha4a0xkk3ogmspg433nfzrbqjpdbzsr6a4pk/zaltcxdvxfkaekqvydipp2mf9pvud87dtrp6oiupxovgrp/ec1msgsocehero9ghvdyp0nryj63vzdfnmjqsgi+c6pwvycvmlxw9dkro6oms62bvc2vhz24a6le7esqjgisvuafbh2dl1hmkhkqa9vouauoqygsty0i5/jl8h+xbrd2fotqxosiof01sqzu8ocmzym6rq+7xhx9xpn6us2yovrjmnycutcvov0uq8v8xtjvbov7olgcyv3bkxbhkcyp6ud1nlvmhuuh6mimjyp7f05+dvwnm/odfstvzp2fj9zdli4xs1+tnyizfbjhcvgdzmsleasldd69srn2zdz9szsogp63ec6m/mefrncwkm1clkmlwblnqny8y+epzjpmczolk5z77/xbig419ea4czwu6+zqjpzn10faptkqsczfzlvvnhfe1n/bh5cqm9kkwmg7ewh11vtjxl3ogmnfpl2puderebozcq1mi5fh1/thcagoin91jaupnjo71rjzeujb46sxsd5nl85qvelktkyzz30tfkcqqd83hxbvwwz5bcirsraau70dcv9iywvfihvux0kf3ubthzslu2gjd1b1raxtgzva19ziiqvdwva9ladjm672gavz3mjyqo0p1a5moz6jv/vurp1fq05rhwoii8fhocnxobjbqhiqmy03x2iqpnvldvyzinluyoyzjplykxkayi6vnnn6hjyyh7jxpddq7cjvcs8u6rtdft8+56n0cb49qz5r8usqgpqz0+hfubazdc9ta7t/yomgvuom+3885l1mfdq106c1izgdu9rn4kgbeiq10yqcwscxvtyv2xgkxxsakbu+ysd6lbyxuxw1glncwdq4zakbnslw9iwq+er7h4xrpzwrlewozikwgxcx5qpj0iw6jryywdxpe2qep9oiursbhvam1ahs8ijugb3zcjhdgzw+aoxkkv78oc7cltczszjzmw6uucccgc5chdptmhikwtczmzr6dluspih0xia0cbyjk7m1zkymavwlqfb1p2kelwwzsubygfztrga7hbe9lnh/prvbpck/+4ohvkwf2b7jfvf0ts3aylcwcffwvfxjfnaqhoypdubak4dgscwma9fxozgaujhjrygtpbgwcndbpzqfkm8nbyiwnzq2enzxnfmv4s6siffs1utj569xzq0l130gi/vnz3q/biooglz7djjazpqxcpjl7/znphbcm+z+czlgxq4780vy5lhh9wdcz7gfp3daegclofh+r2cy0whyneoydnhdyofh+16uj9hhokhkvzrkx0don4s7lxqe+yfjtuwkwwardy2zozfdmzx3nnnmezvj0qcj1d4q9lmh4hn3y7osaldzrc1vvz+a8bfillm4v5yfuajjup8fvinusr/jkktsp968o2mis7/fc15uy7w6n0n8nmkbbisrd01uklopq0buqbehahbooalaicxtu5twewbbzkhtjou8u481+rkgyauxif0v20c9dchmhpiyrck0uhm7e4crgxrhanu6toezow8ieu1q8s87uvo/rfyo7odtfhdzouk4rqjeji/odrezb/qitfx0ho2zybso2ak2g7ge/7pevoqumthqlv7qbl4hojyqjauxvsm0641cihvui0z9b05r6dddvuule3atehr5vyqy30kjeqqfure+smkageyolgwraj6jytwacch1rdcmzgr+5rnck4d6+jgtelawnkaxki6rmihdtx0b36ul3zjo96zsia5ujmy/b0gll+jse/c2lh2jjsoanj9gyyogcllai1yxejegldklphmsp9zganbhq8wkywsspuqtbursqstd5owvygpklujk/gf23mmrbgg4me3kvixyrmhgxnndudp+2cczwwalajdr/zotg5j7frmde1fapxantougtl+lunrgjsi/f7hxhy3uscyk5rxttd+5kj+tnbuw1l9zre7xyhcn9sl4tpeqyu10bafrsiayx3ytlnxi+wtyfgu7xfxyigloggbfzsi+40kwlc1icmi2dsl7vjz8huju27xzjx5ujmee4yhv+w+puwqdhr3ywzkg3dxeackvq5jsk8+jco3jbxkcihr0sqy+xxsl/ghpqdcwtsblnoasalw7z0ynoulbwa7cwnsbgytfocdvmcypgugwsp3msc1/ozt+rkd7gumcj3rmv3z9dqdloc4d7/ffenlvrboxdqvephoxie1/nmghn+ujq9zldya91a0dimxn2cpofpfcx+fzeoe7p5dwln4a7ac/bakez2vkpc4ikdaoubmrmc5hih1c0h6jgl1esgrwrnfbfom/wyywomsiblqec12ts8klbyomb3rem/dt7qa7u4ckixo125jloboxee+ncuwgjgatynwdqf32czoqgqfrnmmcx3jhnruiu5ks/i4y1zdiikyqi7xmicizlegkob+8qyqqebjzl79lmyko3hjelvlfu50c6/6q/xhk1kk88lbzv0ep6fxtk0kaw/2htczxa7xi7/icnhluoqeyuhx6v1yb6zfzuezrfmjjuhh+5uxa8g2pvy14ex5w7wlws5fickqboeonn5ywweee/skbal5pocr2uqujr2ldiuxjoktm9gsn4vgzjxuun+fwftzghj6odaytwyguwopugchou935melasfwzdnzewfcymud9/n3ywcm8zc1izjjqadmtm2kz79m7ccb6nstmuqgsxbek/3s6jakjg+mngx1qs1lt/0ccp5vsarjjat3tp4fvghvmj2ityzhjoophn8rh7fqnnw9plkhajyi2ohpzgav2yfskrf/5srnfupkhf+7pzyjomvsd+oq+nzutqcpsus0dbmne7tdnhfyuvz6wiiotwet3/ictxiu4bljsbk6ipvlgyjb/5zidvlk2d6+wbppkvhifqnonbavc0pldrh66hjd3djcyugfiyuru+/zxvpgw9nlwlhtqi7ept3nhfxj5pzme2tlsuxqj6r1u+n4tsdt1pqh4ttryl3lcpko1/lyfc05ad/qz0wk6t/anzja0y1joqkt1cgiqxhrufmqmei+d2gwj0n6x2m9sck5a7t7bvextpvukq8od8gntwzuog5hnujffgh8td062o/dxjf5p8fdzxpl8exctu/pm5ylo6qutemjsmwlrb1l4dsdyihxu4t8qvlvencoocfjolmp5qk7qnin7xaoc2upheid5/r15hgxqf/wzdc5qknwx3ehwcmkjz4eivjcg+90fyv27sca+sr0ise34o8qwptyibnnsn7bbuh72kdrprtohldon0is27d9zketavkxjuo8quju2q0ac8k2ptnylmv8jk+/z12pfthn7legfwtfwxs9n0mz7tljimerk0odmqjweyv7y+jmzgmxufv/9jt5+kzuormnmpd8jocx+5s8s3wv2hvsjckr/z4m8drmcnlje1sltugizteuq2/bpsyi1gtv7gehutsyixahb6max6sf4wfgqkorvgy8j+ml2yonhlf7ox3jm/tpuzptqp5bvix5nbmmr9txqjzrnommugg0iihcdodmstaahtvjg+wqn8hne1rdesn+4b80/aihuwgbqx6mpyvlbc0go9prlqnwp4msc3lrlwgoqlayyiodlyigvfs0uiqii9qc9sdinukvory3/rqyxivgymkmezjuxrr62u0clypkvtwdqm9yt1kua35+ro1zj1avw0hi0tqnwfd6zsoxlzmycc9kjsc8tro1e787kax5grny0iq0kyjzk8b3pffs6wd2alwiit56hvrqd9sgeruillalaushpkhfdw47c5tu/ns1jojnlyin7wfinnqymfx8tnxe/k+fm7lbxr7zu+3f0xyyfe2f+mz9uhjlsigopcel68dctdoo5loi2ncet78lyg5alj2vlbbfo+qgmnlwzq1rwmsvy47sjkmgkl2mafkmimt97npi1rvruhaoh7bcrvtc//xkx5xhyn+6bf47w7gtg3z2kkz3zkylk3dusziiwurxu+nc+x7dvj0phcl+xlv5kemktmvntbgvj8x67erwr6v9elhez+a0qkq9rfd+dbmdu2zxn9tqc29gjwc2nq4qlyceq25vqiw4zntgrsvcc5pjaxcylkaxtdcpb+aan02rgiccobvafn1wsdwetekdhckuyem+c7zmc/kgkxmksyd3xjkkrmohzec9cf59g2qs35iuelwzvascypbezkgypib57g+uczaety9sam988plo8u5poczylqf9g+c3ys/ukad1yduttmmbso/holruo8thcff97moayvexbeowvgyoc2j264gjd814b9/nlfw3vg7+v6a8z013drseulvvfxqd7nn2tt2thpnzrefowdzervscji1et/bwcgsaxsdjbgxplsxzd3wwkj6/t3kmgdzgapac55au8bxrnp92qcpimgjlklxphdun5fcqnnyvn2gqxb7efbdd4uxusmj1qajs1qkkfxkxd7ntpfxadwh649basfmnsvlmwydsnyym4wdfagqgfxqswn8yppdlsh1yrccvpccxziqsbyuvmur3pfu/snuyg1d1xrvxeaneqgubytobk0nf5ddoibh276xxg1w3b4fqizdyoydos7h3o3eoxcva9woafhfxmsy3ejzu+0fp7tiwxep962mtry+m/vh1hp96uil0+5dowu/csumye+o2boxesnkzkx/xmhv+jyjghn1cbgb84vmm2ovko81zzke50fs+lxua8m9k+iuvmoqt7h4+2rx6wmvdkmj2oc3ow3snwpqt6ctkz0vt01owgjegmppxe3t81cmrg/pnni3wcq6ijj3bznaniofrzmo87wkaxr4bwvn9rtahcpzedjnb107a8dtmxcgtqu7v5jne2t4wzdj/+lya0t74dwl/cydo6+mv26zye/m6cikgyjotqaqvendzzbqk0natsngn6fid5vxh+upjvy+vj92vad51m1z2kg6oyplndce7qgh+kkqerbwj3fecvihfobhil094chv20g8qcjhrmsprj/fex2dafjz29bzzagzwxbfthrpwxllwfqdtployqk3u0grfwco8kf31mknw3pabcdkydx0ztlbup9j5lbtx3g6upqcc2jwthrtmrz1khetjqct2e8yzbl5owm4vqmhsnvkfz/c5rtk143oug4gke3lutjewhpuznwz1xd4jydpy2cuqvlahtld/li9q6qzcivinib4ttgu5zwjqlgsvbj2vukbrgnqvsyhka+9relopqr721jdaud9n0+smqswa7n2dkklwajw1x/pmcoakcfpptnwm8lhmqrgui9xnwqjoviscroxdmxgwcwwy0aek5a8ejnate9nyltea1xoccz2bhw8/doj1akz12tli6moiep31pjtw7+3menacsfh1plmwklc65h4uavldszhowypy3lfuhfdlsxsxqmlzumqdvoum1q6i1bcksvrcyrs4azcjxkzdhgxrtui3pbi4vof5p2tn86/dfm9m3dmfsvqrqsx3/gslbwsx2bxn7mgm+0p2qzihiaeqvsxax4vjj1kjz1q4ojsbvi65x1am8lj/jpltcmfnv6vyzn05uefopbwki6ahslkf5bd/zo/rtshofo7yqm4k5mncytbtbntexbos+l46nfoxammgnys0ivowgejitm6ml0pc3uwc5mfljsparzchorcicqbhuwfbctivlbqotits9vsohjyf0vvitzmxfe1ubzqr8xk02imc7s7p8ezu/hsc8abtvvnhlcyvi+lf3nbla3uktk2k/jqxle/zlkctrculbwpwqqq8td1n+wqmzdfnglse13zauuymv7ztzkfrvtpn2oxp9hq6grkmzb2ymqrg7foscu9grlx9zvr2zv6qm8f4anfujanwq3z5djdrga3ghdjrr7ezcfbmz91zbsl95ti1w7nvxzeltkoxakuc46xkrmome+lwnnwhh8vbmnld3h2vsvnrj0pvvbrto+xhfs5irwr3netkn/svdhh7+a8ssknsthidurh5imtl3+rkjq57itxzyan28wbchiziazwjs4uqhweitsk6rda3da5zidtddlhsdhc2ydtcep9j2bsy66v0kh2iouwagno8hsdmztyk/xi7jzt0fbt4e36zwydxd66/yzaewixa7rmvaycyeo1imwthdheguvv5opn4dfmhfk9dt+iltwk+mhxataksee2o4ss9fzpkjabqrjit6zfi5oamk1ttwuczbzii4r/fgbufvhhliebe9rs1ebk8znejuwyme80efd4yvy/zevpvcdphessyifwmbim7xfq7wai3jatvjkphmjmophkpwvvlsleyrp3dvb7ys4/qfqgg1dgz9fw0j8q0wzcfcninoxrfxbgopgvunco7etglfzj7alkt2oog2wlo66pzd6lhu3r5jpfsiesimbw6h7xwjbi3i6qgqyta+pqcc+awl7b5bmovy0tv693bgsvcqvaurjsnl7se3ks+avzmixwmas+y1k4z2y3bkpqbhxmrjr/1bfgen3rqqej3r7vssmdq4rv6d/l30e9tys2ecskzkzax7fpniirneekizu/qqpqznutdnq0mgsbneufuhrxybew3zdrfcgzaknlgp0cgebsgoymv2q5ooavvczu6hff3vtgjvissc3kduvy3l+xprqa9c5io8m4xa+bvngzekjvzpdmfvmytaa6u9lrwkdhktinn6whq826xv9ma1d0xtdsx1asnuvoojrqs9otqr3tp3q3vgwfz8i5s0yborep+gllucjjsg6mixx/icuo49u6ioheb+2xebhz9ubz6ulbo4jacdlqjxm6ptvjijebjpj53lawtunv+vph8s5cmn6n+jwcsy3ek+2a6jspfkubfqkjn13tvrqtcdcviis7d50ihi8kptw9z9psep7gzultlqfw5wod4fvgi5fumqer+l2bb5ydhv2mpcuotq8/ka5oi8eag1x3iinwafz7ix3ggjm+oino50wbvkoxrfixby5wnegupfbaflujp77mehcx7vksa2lopmldfk4glbj8zvdkkk4ulmzeeeezpznj3piyusocthkjey/kionxbtzgv/oqwczvlgn122h5mrybrxmhuweuornukieapg70feb8uee+gxgpp/jamkpjszfiud9e60hj5mtzz2/chzk3mawjoumyc8cfumqerzbif0z6udonnnjxjpl92skkf6/fsve2qnbhr9nkakxenymx373p9om119y1jpuxnpvhs7utgbki9cnojfmb/h+n8qurl7fsc3bvzyvf3njqm14ytem8ljgbjiejd87wdoh2llx0udndt62hw7du+3vmvid/j6jw3rjnet5dfgn/x5ga14c7gjakj2ffd2m3n+n7gxsj70ygw4/kyzdxclpirku1amxikc+istve56msgkymjuov9zbydeltskgukvyl09tt2rsepal0zgu+a7admgqq7lb0d7p2e9ojz5jsezmxtyssdzftnng7rlnisxc5en6usoeggslakqtgek2ny5htixees1wbskvtjce1cvty7bue0dptwnxn66m7fvzcg3fclsagm2kge293mvmtzfjatk1vdrwtsqbhjj9v0vnummirgopd5v0ermqltu6nivz5kwl92mqwtfofuriaqxfghfgmnwhkgcpmytyyodvq3wmnsrgt+r22hvd2zppb3ubc3czx57vp3iinjudcd+3j2yxvhzojjhlgbxbvtvfigfamguovnbmym/ksx1ootdvkomrh8jxjpls6t2i7xpgs1ohbfjg9pcwkfe8nqplbeahetr2ux1xbbdqe7xiww+z5l8c531tsmhaoaqoial8e+nraqtfhps6/venv9jy5z/qhbdqezrfy+ztkze+k0st/dglihyk9ddxy3bbtrvzsvsts9wgtzfih3kywc5yreaqclzvsoho7axohlwu8sr4kvyflmeuobmndsosk0eznqnhub1c/hkfujll4/g7wl5ml+o5y6v6eqxrovae0bxb3ri3swzjuvxxwfrkgcjdbuthnlgepeycuaiduth1cmhuyzego7z10cfktg+4gwyi3iaqwxawfo0yxtuy61s91vywelyrfp98tyed2mhqhfbmnadvfrp0oooqzboszuxxspaivbovjoupnf4u2f1+z7dqbwszgcu1scsecvz/zmzdwlozcci/kgjpg1xyjjx5/8howbpjau2qwnybfhjxtadvimur6f6a6nyb8hpu9yx2m6xu6oeevrsc6w0wkzpa1vsuzgkax4tgbs+ygmvwxdcm5x2qzs3aictwmt1n3s/exywa1xhqruqfc+5ljt8qze1aqxdnj3mmmwoktfuez3hxtwd1kr/dhcus1eet9rm0z1wdj6r+xwu7+scqt2si5g457btyisr+nlgabot5mrzvc7xy4muq93pv3oavtf8rhtf08hqsqah5mxxdsd4hxqseunuggwrkcklnu7imy1yj5nx+fspcqixsug5xutyx9yt8hdicjjxizibmmmmc57m3pulxsayxf5d+frvi7e1qykvrylfvvstk85lmtpuvl04lepfitvhlto8gh2iz7kfcjultmwslkijz7yjalacz1+m3htvt9vi+pua7tjw6yduxr2jgrheu2i+vhab7vbannd9zdophftvhjzo+ogsz/lsw0p73e7k5vmeuuzftesty9u/vdnxqnyzrw6nwmltktevvzdj18zhhwbgdfbflrd1bvx8ly3wqf11fwcmjhcslvlo1nlpgpiv+mwwew/euma3io4vctauviexjn/l0fw0t26u1vimbwa9wvdumic3jj44mdqsc2pso4044+rpqlkjz5lj3hwqrsxm2uwbzb7snqnozxevvwgvr+yo59abdot91jzuakhosrx+evpt+7v+vwlyecwsys46guyxypi1maavlr965d7prs22s4rr3mni6ohhdbowfqyrf3368wwkiu7hxlk9h6ylgq/lsqtvxb8vl3ewma4a2+/g/7dc4g5whmofbzr/scwwl+crdkuivvjnyampv0o24mcidvs1y4x8lyxrcchxojnp+hlt4tsojlqmnesr6b+ff8/wu4lz7pkym51n6pierwxm8kkq60rqkubcblukqcj8wfo8y7zhwswoypu5fevml+bm9vnfttfgg3zj2jy1nc77xd2hqzyh1vpr6ycpiwnazoc6qdqu57bzqzx0vdueuzuxfihwgzr9wnhjwh3kckhsfr5s+6mqhbqv2g+5qgk6aq5zvgps3pflhiyykukopiw0caq+ukwsg8jd8lpfoxykbfilsnelwjj68buslxtt0ylnliqtg7tkauns7r9itxk9d2ncdeqlqhmhy2/0sdtrjf+h9zt4xb5ga8pfsqaz4vhtbyysn34wrlppkjqczwu7snqym9zc1fxpsoh6vgvndffycrfi4shc4gmyxf+xysemwhuc/agklfynaidwb+q0/rasmljylglmuaclonyqczfgl5smed4ql0rhu20jdeqcxhdmzgjk6axr1xuxts3buquk5xohfcotgyfvp/wvaga+xrvqbpqyo6sjoq0bth0pztlwe/ve0nvnd4eyu2mtkd7dy3j7g1v7zceqvxbtbdobnlok7gs3e7t4s3uo0psgp2gsc4dyzd4js1enm7xilau/ihoaupck2env/vbvf6bxmysio0fxkcjb9wfjrp2rsvdrfqqw+aqqsyjjbo70ayunhij6jkplwm5lxqkulf9qtpviqqqxr+h8fh3waocftrs/c33glzsikw+vvxnllw3bqhpi/bjtnasglvw5r4lmtyo4vj27allie6quykjyze3v2b9q3fievojmqspkwjwut6gflcot8ssslknrtzymtmaf/zqfsjbnyc1knc6srb9dijkyfvqopazcztuc1wpwmpbmbaptyi2daaxfzoebgp/b80trq7givkhw2ri0ksm2fg+bpvn7xjf+q241njmhfc8/rhgodjhl7cg6lzuqfw9xbm5ybxb0xlxtizl7j1yd6rbnz8+ygofzb7firf+dwdkf37hxgni85y1utxwy8lvrj7escjapakthwwsy8vfy5/4v+wyaox7uh4gok0dcs6d5cvuj0gdr+nhq6r75tdo71nrgt1w69uzcqppffsrpbxmfnbmw5dmaaijy9hztwjccvxb8h/fptzadknya/ba0dhybczkcnyzfxeniefjif06upngb5mcyucsvusaqnic0l2x6ynd5ehnb0fexsaqir9pdpcss/8af3smafoke0tl5eoc7z3dfbvuq0hmycf0lzojypdywovyyq/zm7brbly4mt2/dslqcov4rxpwe/7hpo2hli9xvryvhak5dztwuisokhqmt5js7sa/uqhv1zv465q/miiv1stqq8fka49kqkni87k/m9bt3rjvutg5mztmk21/5rgj+bzthy8tv8tdg+qdgewfxkvchtzuqbfpq0tamfjis+sc8ts9qvlqrevlizfvnvcuhaj83xrithe36x1sbdfogjshbiny0zolphrijzvhnfmttnmyea8239agsu55adfryhg5uvlyylmk+mozpktr1/ue8mmoudg9zcjshiipucczk4ttmdhks0ljhvl1htvzre1g7o/a260d45gtkbcdhlrey4u64uda7avcpvbmn8lvumcvk2uuui7bxckn8cqytjpfre4c8x8r27yj7sslseapw3fy0ahw/yigr8tdegsqzo+gkgy9oelqyzerimb1zo+yo/2crbrlkmoxohliwapjrujfma4ri7rznbfpuslyfza9w8wispp4a2yhub64yg61t43bknfnkz6itlvivj413uz7runljmm0/xjmaug8yq8h16cmxjm6qlpju8rfhldoza2bco5vxapyuji1lwfuzpnwmkp39fvtjib8pcj+kbizilz+lxpfmczclpamin7qo6lhzxzblguw1z4hqcx6e710u+fqshmmgki6lzkqjcuudgtbn2ezavtkuklvftsvipm0gpkm8qwk+0svcgk8oxnd5ob51f7q583ajwnaoyllcvwj0q0lczmdrlyjs7ba31zs2b7rhvj629vydo91roro+eido+uq07movlqo2wsgcs7sk2fx1u3mmxfv3xuz4tifunyb5tifj2gvgimyhzyx7yxlmggb8m1udjbdpkrs0dbohsr/gejews1bpp7b5gt04gphcc02/h6jc2kjhzqjcxvlrac8s3nqds3pjigrkj5vn1pfilzl279e7bxzyumvyynreyak078pmnwo8qkxmkztanahhvr/24fl4ytyqz6oucefemdujup5peann8mytrznquraxuqo3dep3bqah+f1sezy42dopjstmokomq6levrext72cvvm7elcatxzxnoyazvsnwivs7lp9oaeryl6jjsjcapty2hn0fv1t1hloczpicrr2rpw5+/fvyfprpfni8m0ulxuospox5ucpulxobv9rv3vssyqpwbqonyhpr0hfut1nyl4azwn3sgixhpcnw5np3wzfrvmrn7xoos3jueqt8/rikk9z5izzbspbbunj9xudgtw9g7p2irmzelenw7dvs5ur8wjksmn9tlwebzca25dtt4ppp3mpfgw4d7d7mi+xpnvgjozmzmayjtpnpjtt9xfqdvwsjn9pak5a0cbuu1rifmlmt2gnt1c2skkbqwh7yosmr8rxiokhuivbgkgtc4v6/mjqvylbvbwzafaelbzuoghrhjd7znh9op6qnz0ovx0j4nawrfcywmi/uxeeg3begvowj9sgzlcg1g2zlxj8xqi3xdfciumx1ux3qgelw6hwg1bzhm7mtjxx7l80mo6pfa5jsbmw01lyajzcghee5dbe244or2vcmhuran5uxmyv0hqbugpadfchd1bgh1dtbl7i2dlkgcxpgtslvlpdfw5zf03w8wzzpljs+ncsmind+deub+/c2jqek995vjpqv199apjkbuhtkrvljr0/bl3ut9slsv6tbm1zi94huyvjrba2evmvv4p6komg0zpvla5k/gwfv89g9kxik6cceqrh8ojckuqwbkikn+rv/r5eo6av26+gcwo9ytfl71sgp0y3ctknwgoca2pcfd2yletxlwp6tn3in6uut0j3htbyqt2xyt2vhelotk343pvdvx7nmnglwtbssyrc4sow7olqscj5kh+m5mlydgxwzn3yfpoo7lh65qvme2hcamexkr0nhpdwdjo7d0xakmjunkc9im6wyem75hxsod/9i8oo4q74evl4isihidvumzkdiikb18dsm2uzvn8m9yydnsmqptgqbzg10mt8pafgvhqog8n7sm1su556ugt+w1h4q7sr5jhdcuwarlny7g9+aprjvoo2lgtc2tbk+woy9ed3guqmd24rxurcz83b23vq1uk6z3kil8p+tgnaxdx3ig5je/pouc8qqu1qojf4nfibnksujw+k8wrutl60vrdhugrmqqydkiayzv1kjjzm1ovrti+wltxbodrrikxt2tuttzzyps3rbfwjqudim59m3vwdzgj5i9zsths02sarcx1row8eegv2r5shcgaug2av1weo07xj43gikygadaeap6ybhyqcwwj8moit1rk3a+phabd+pvvykzhrtoxfgy3uzxiabkeufqvr0ry+5o7zjev0lb6bva4vvjkvxcr3hxdlvokyvy6bes9zuls1o3nlbq3p2juk0cepwgkbmzili62ixshbdqr58s9xl1cmpyknh/ifc8pau7ux02f4qjl3fytevmv3um+vu9ntt6u2hz7g8f040tbjx4tkez7yb+iqcv7d8uqd+ig54hyeqysafgpvah2sgkhmm48axnvebq3feg9msftkpcanko9q1jl9+pnyk5yqmifuakyb/5cgdibjtgcsgf3ndvulymh2smgitl6dxheoqneva42xjcz7zpjljluqiv4go6gt/sxq8jf2+hkxtepz95yzddbaaxyvnxjvegdic5otin2nylst9crmyzvku/7rshu1duvvpfz5at1h01bqbxchtw3dfvvw/m27e7ishzfu9vfwxjztsl2tuxjkozqggsu9dhxzolceche8415sshvrxu4u/feueg1rzerd2fycmfnmb5js6afai/crksr+hfu4mvoy4kj7hcjb4qj7ivsdkprhfaon+lqerlcyxt9jv9xzekhar2qmd4txwfxdtnytxwgh1wxx0h+tkfi9k1bgxmj2suqrqnyzwlsk3ewmmseerloaqmusqmd175uly0upotyfbopm++q8//dzoddnitgc1rm6vo8qdb/xdinft7jqoieis7sitpof+kv/4l+blgddxw0kyn+z9hsgynydbecou/rfcbx2icnbgbtmrckblu8spqqzodel2creui+pjnne3cqf9pheywcuoedvj3bn9q06dhwlqfxnfficxnemd62shuvjc48qibzfa1ajtfpupn6o6c5qs3/tpgxwo4n+ufpnys1xn6u2y7jn3bi2ve5k2ygqps7qpml9uiyqn2lu3kydu44sj5iyqzos0ii9lhy+skhsi9inolsy0i46+i3g79bbifp7bllw/grxz3s+dd4nkwo9imgeakhv45bpj4jp/fmwjvzdnerbd1x+yudad2zv2uyqw4zerzhlta8ujouvz+q+5sdhe5mwdnq09usbhizyxxsm7e1ll++yvergahcqrzz3pvh8s4m0f45rjrczxvz+t5oxbls6thg5txczeysrc/sxlc1trwdlgec1t6ue420nnflxjm3j/baw9yix03udltmjvgndswsloo+il1rsacutg/bdbmqbskqtladxbx5pljzdvrdmt6cq6pgcfus33c0exq9pcu6qxwkr1t3gojcl6l3rxsnh4rucxxn2xnncynevtrgyi1/nas3dia4w3w1pri89bw2d2fujksev6y1wffj4yypkd3eiiabg7uupn1zdubyt+tq3snweazn+8kk9c7e+dswfitwvqhds1nva7n7be2lnmqixerkkzb3eudc3tuvlmrecs8l43arxjttomjpw2d/pulfezshli43gke04us6dmgynrisslj7xf49v1s5ezezszzpxsekuq+zugxyvczmheyvohk9fsuhzaighafbkrcmnbtmzeneshcihgjxz7p/xzfjxxpsdtrpxu9to4oapj4z5i7dsr0cc3uutto7ih28ckn3gnytpvmaozmeenlzsxjcnfhqtvex6j0s3tsyhdlhhlxtq0nvty+6cdbyej1bve/wjch9q1fnhdomni6a4csaeblxdeg+iu146ahan8+pwdimrrpcyot5cxh2wpbagtatlzi/0i5woioikpzuyhwrhfcq8f1urptayekwfd2zpv6wbg4ts+guc5rspqzqo2earfxvr8zohi10hyosuva6j6omfzzftluncx+nnfzxz30cgnu9yq4heyiycj8dvobxkdysfzk9j+lsslsws/cdnfi6l9gisxmockpoivk9gxdmch5uiltgjxkvthzzmh0c0amvmr9vrn1pq1wmxpcis5o7+fuy1btv0t3xgxbxde/joocen9nzv47ydsxmtsmkul0ostofoysg1wrhe8idi3485duvrvujdymzxwt3ewdczdhy6yd7vgpyaodvmvpr4lh+6/qukblviphoa/xv87tzj6csbl6albva2pv1sl23e9brhcdq5rnhalb2iumngn7sm8mr9almsj5fcje0z16icriombuykaz4xwzbq5tod+ccq+oq57beslw0hdzlwm3fketimcfhu+oavb7yicupvi4xdiilxnth0gplgrtzobrhumg5vbav9pzbyc5ntbny1kvmanhxlto9ptlsjky6vljwnu39apvuckq9btzsqhepiareyks9ixkdbowksnskezge+xn71pl2zyesla5ilkujiiess21hy1g5mvsqf322l2g8ijc8x5dpymjsowgqnzdjqhmna3ibdkhrwjctjeiasxwa6q5jvlsc6wb34upegjiutja4303km7puegybzpzhq6jzyq449qbuiosr4fyiel8fmmue2yylspzze5ol5nokbiwz1jnsbnbpoknimwoguxbiu3/srdsfpnmuckcp1ikika2kpvgv6g+5iboefjog2wojktvzfbpddpmqmvhztcbkbphdyjetqhpstvwvu2qbuo++jug4e9lxd8guwujn1iu2k9zvnvap8r3u27cfu0i+cnv4el+d/oq5t0twcaluyuw0fzkbe9r2wlkqq75dtwkag5w48ipz1fgn/ckqvs7kpisiwy93ndqpaefwj1g+r1+empdgc1k+coitywsau3wb7rvhvhe5arub+wwtab9rz/x8o+bkexkbopienv4xvm5zqhovwk5zlxwxjzzhu/zs5d1whtulaedokex8epnazdl5bydmg89ryexpl7iu+y45y9ocdohfhyz6enudk/qetzpp4ptq4gobxxjdbghjdxif4+m0yxci6xnihjk2jqq7lhghijdrvc2lcksewhwz5zobupkvavkzn+w85tiqhhwvyx1ij4xqle1xsa63ie/5lzbmygh5ikl6ffkjyrh6tnrnvv5npp+mgzvz8unmtljlapm3gtv2zhibi+v5urtvfnze1ytn2jut1rizqv7b9voc4b0yjadcoek49oiq3zxtxskaehxy5uws84eccomka7i6osqqcuk8bra4sw/epx+yd4w6dyd2fvh5obaouzrelhtyztoyblbbutcu8vqfl2vrsp/dfyqheszqyeiasajrxy+we8v8ny1laniffwp2uags8uqoqfxw6bu6b88ct6p1j/hajik09fq3hcifjkv9jnzf0ne7fsi2tq+gyma7iw+2kxaac9aaoioas97hjhzicmxrqffexysw3tahyklpdsalueddgyrxvn0zajwjt4j2dqnyr5u2xwogkjlbhofctuvd8drwbu1qumlqg/le4unfqb015fy7oad6h/cvioqwo3jttszvsutaempwcg5ahakuvw1jlzc9flqvyqt5xdhzekjii+m08qcdksqmhodnsykr5cng2nfsnrmiptv6q5ynprqlqhggssgmb6tyj41hiozxdxcqdlnwpnk3r9g8l91hknfal7cu74ys2jzethsyqygkwxpxt89ixz9xqyyh3n6eqow5nnaagr2cpzc+e3vlmnvr+972jgppuks1zxegjo+bl7cgoli+66z3mw4n6dbtbuifw605mtlrsfu/5ksurjlaq1pqrrzxe5mqhofsjwc1usj6o9yjrou3m01rlwepfunzalbipaihn9gny/ikw04sko6xm+a/dzoncpanlj51cdijva/q3pjoolc/odrjcnxpkonthnxednjbj6ul+ezkpk+ewv1rjnfr8xh8/fbhppbronl1boukfhyvydhvbsl0csisoh93olymzz6bkxyvw+r27llftl362t32cdd/k9fo2wnlufgue6rp4uqkcnmqtknxxo6r8ws2+zev7qzmb8wvq2tszjdk2kfiel4diu/ugnf0yqrfcvamtbio+l1fqrwa4qgjsptptxujhpcbgtj049rm1dc43op4ln97yiea70xcobucpbdjjx+0luoz3jsz3j3wnskadycrwv15rzrzkvbbcu4rpi7kjnnihserznrixsoq03ws2eqxcqhjmza6knhmbgceivo0cszkf28n4tud0j0dxuyrm715ezu9cr2/dzza1drvbio34xoyou6n0ivt0swgeggnmfuzjxgj+dw6n53nfkflyd8qiqmr58assqucu6uro5nbxl1lekvrh+1xbgijfef5srgexcnedmn1eyzv1amhzusu753hwgrv1ka6beoxn4/io6bb5r0nfbzzwsvvaucogmdkylyhtla4bjxqab2/f0yovtqu4q8+islw61ausm0hy80kadb4sqga9rtjjptbpilpar43zgg2wuvazn1pmglsz1ssg/tkurj52ygs4i6f7j0ods9/yuwibxstdtro4wfshvmvp5rjpbhfykf2lwmbueqvnppsyvfyqznxsesw1r8rjg1lqerx9e7vq36axuv+fej5zzmael+/slgyjsrajm8ha3r+wzt3zqvt/x/1iam0dijdaeyjzmu2/xmbx3f+x99r/tp//e+//ndf/vcv/+k//8nu/eoxp+9/9x3lwvydjb/zrlq2/n6rvkoidomhloudsfefpnz7k2m2eqbx3yfjvrifkwaalykpku82wcqjnnjqgvtn8pboubpgkldliokzodxkpov0jmt9lb5iy/2alcqxavjhs5iiiz+oiv/zykkyvnitbi+wdxhib2pcthvdyspaa0a71yohmsvwjbqnpyu1y7jg2jnnu6cr1t3cqkixdsvbka4aii3gniuu862fndcbe3u5t+ijecfalxoonl7k5ojhyslcmnxspq+fsg6mr2xxg1/i2noeteipef1mnf/lfpczoqqqjm4ksvhrostdufwve+qhlno0pmfrum7tqfaojwtbrfzciitnzrbpgqtpqkldrj17fvr7oyokz5lcphjqfepkux7ytbzcl0hes/ffwncaaord8woxlq9invtjumyl99ovxcbjmmbo7oabq+qlemd/p15fd6w0tva0j3npnszj4cft4zpfpcmsllddmfpxcsawq4yoa3khbkta5sqlpv105eyjgfw6xzv3qetqsvmoavgvsydgfqu4tk2n1tqb2/iwzfzc/tofryel6rebv1ukyxekyd2oc8pkewnlixxitsiq2vfr9ozwsk9mjmddthkildq//v0e3wj2sl9i8lyhvd9yhssexnuypy0xuwfd+tgjgxcp+yrmiadnu9iuz8nsssvgn3otccdbpggikvroqkd21bollmt80hz0yji4i1pkn2quu5a0rithccxcybkm/lrnvnr2ks/lowsrwggkal5yozghdbrxrmnnlw+wwc18fyar2lsamntzlq5rx4j4axm09ui18umq4imixeftwnmplxmg4yye+4b1wnuylwrje9kv1zddch7i5ieqqdfkpu8mbg2izxkzv/dafbow8ifoyvtno+qrjwxunzdknnzk2t1kgkru/vqnh46gyxzzk5q/kzaoocnweoeczw1w7plnajxkifk5tpzdn+pgr+xadju74/qg1zacrg0fptg6iaywn8hbaju3ecqu/rhiwl+arikaigo6xrsatzmjyx4hdwhgvkt5yvxfx9vahzeb721pyrl1qag9kzwyra5o9rch38ls9lx/ucy3yj94ctfhdqvbgj+6vpczhsx0zxkewq4hxjl6cyfk0pagquktpzpui2lbphfhjbaaj+yc28bjztzxrupssk4ybfogulyfkslejzw6shhrek9xfbetj/1anapxa+llehmhd2prbz5kevki+turwchhdpeue4yvt01vmctjb7i4dua2qaah5nusttvysglxdidktnbiphrxyjtu2sjhrwsxyo3j0z2gu253yemj+ufvxooedvx8bgskfizpl+axwzalhviwokxzkb5jszjjq3owai0lwk9c/ovyeuvtgm9durpeuu6rlbxh2q4aqzjptr0rhjqihm3mrifnyakhna/yqzfddn+0jsvt8ppbfbakw+aq5y/arxdw/ukc8pnfihmlxdh21s0u0ygu65hjznhe6tobdovbkfgcuc5gnok4xzis+gehnq8c9a6zn/fgti2q363d33kqitq1y5g5pf0fx9q1023dtqrvq6urvxmjq7b/uswgqvtjlvhzsiyydjpgvnlxir33o+llocej4veupy4bd08tu6yaes5jsb8idfl2xctfmk+ycyg3apl51yni4zh/jvtms0901+wv+6zkovbgxojlgmnzpcruhpjeckvlzeklemdyrzu7/ajymu06mjv220u2/zwnlaud7g6nwyocgveteryy6fl1322cibyt64kuh4qx33rtax0o/3mir/ehvgy9nbdt9/qvcg/efdqnghcymshxzpuutj0owsaclow/ggwau+2rq1skw+zxhvu6kiqk6el2lmegbylhqsgra7pmmcut26kl+o9qtx+gcxezuzyjbvguhidec9pqt0djipgm6scft0m5s+st5dnzxoivm/27mqxgwdsybhl6d9uiuv83cyi4ym6zt0wfzcxhjpet+yskxwxznn4izq6tnmtwyujsaodsemuj2viphuyriamxoffslihknyty86qrakjbzt9vztuycd+k4m+cb0xo7pczuete6sd2v1ou5zehn0oxdw9ppst5id+99ztnerpfi1cn8fuvcdqjplgj0dwobg6idl5bfsf6tqu9nbcmkwm92swqe+ak/qbmrhjjx2j92k5wq3webo1l6+/w1onnhkfhv8qgvviiujzokab367wmzumi1htbmejrjzzxxsagehxlfixbjc0idcgvrpzclvfsbsjdn9ezgsznwzvyjpxujxuf7xlyjxxmetxnf7parot+1txbpotnzftvf0pjyqcdeox7wvvbtlzvwa/j+hmvkk6jd+lvujkzbnua3ea2z+hxb1meo9mnbe0e52fcg8l8ssfprpwr5kqa8ue23+rfqfkbd0zalb8lipip6xhb1ojry8ewukwcrhztjrg25kw7f1fxti1kpkbezioodfivigknwvqzcrkk4rhswvj7g0qxgbjxqscplkp2qhc0fuheo+fzdmtkqach6ia3mumpjn6hpt8aec6i5fmdoxovvt24arkgqblcltvlkgvpqc4xjbrsd/uj3bwrgwh7ck480nssq/wckxbtrnyh2upznzerexyom6we2x0ygitw+nzr3xzcj01aorrs/m0vtcpefjprrz0y408yccaukz+mq0fdztbzgetdwe2qxczhwyineak5lcrbwywm2vtqc/nstziqduccpvb9ajzqn3umixircqy6vjjncq5hibmhfsvymcolwwqbtrbfocofu20v1tsoiwmxwg4vqkjywilowxntkjqyrlok7tm7puu098pp3t8lqzz1iu8w7lnvtzv6flhxheziyvcs58crdm/0o2j6zxnishsfplrwutpoywarijns36qkst8pwex+qhpi724y1sk0vbyy7jxjivv1bcrutomfb8bx8bvzu7llr4txlq8mucsgdolcqo5u7gqyosfybncuk4utbak5scpkmjcafti113n039wtloaqd9iw00jd7xwl7cuweoqhjdtzddfnnmp8mbdm+hkqs14gykyrar8zhu0a3jwjjv3ttos2awtzzxbx02x0ik/03prkrzibjax47cwrlrouvqmmksrqimub1156du0lpnyofkmvum1b6s1zc2src/51i0wn6uzpzb3pfudb9g35knjzhyyamus+khrv8ufdyspczvx6163lag3zzd6r6kyd1eupliwshmaeuihouwaipf/nsiy8jqbwvd6ncknmqoqnjcpmxq/0vtplkekw7dectpsrl3ioylxuxwo9izwkb+cqcanz5fxlqupv7hq4ksbq48wpueut3irwpn0aoznkcw37esvaxljvszejcrnwmk3ryn8t6cektpknurgr5jxokg7bjzqprapxfvftsnbgfcptbpt16gmilp8amuapnwzgmwo7z/5gxzydt9odz2vnepl+x5dgsvoerfpccrxkprpmecbccqconogxit0jnhrxwtw0nmkrj2uoqbk027x2ybt1qo9kvmznai5kwsgrjgyrqtz/thiqowbdfqgv3ai6ismxr9xtp1gpbtxoscwvi4o+85bpuw2dxbheir+ndxslrkf8ptdh8ugohabd8txutci1abwffhdy2xnsghbi11tgu5zlgrvsh8p5t21raw/dloqoq9jpktrpyawozwllnwnaaclm7z1z8rufidwllzvkxftm3blemfsg/83uh+67jv46qxet558nwhqmxf9okzx7umxh3nqnuibn+5xdmiq9qlmv0+jadcv3nomqf3yg7m4htilksj9axh8kdsbemuiy/vwacubeneoqoeny/dov10skwnnelk8xpa2k0rrvlv+dooocjikn2h27is3hchj+9j3cap64u7iji0cxjt7eeol0/tvwtvwsdnjc5ai6fv3vkkuow10quca8wpzdhxnjujxnxrcy1rooaqy2dhg1eebb1btpk9vje3qzbv6re7zegvi+mgkrfmqovlcniicuvtujminrellu1e1ifm9rsu+j7uxod/hduhi74ce6eso45y6k6nkc4pmvmxaja9m8eklsslfuovjntkt3o5isv00wy5arfcxjb0bt1h/qlc9ku25vl7lodlkg6izjr/xpfh8fm4iy+q0px5v7etxy11orjf1zeeqndpqcx25ciodfp6cufvaozkhphxvieikmztcqr5/062upy2y3adrf0xihxyilakcdp/+872435iecffdrxuj2y1uoz6qz4fzphmkku2lqb/kvd+jwhr55mz/yko1xostoblomqxuuojqobgfdupjvqvcjjhji1prgbbphjg1nscc1lxn8dhsyro710xbnblisxtnq1l676jhywv/a84nkaslfsyar5z1aunvpgxnnbirkscu8odgwe4faxbjtngxnxdgyvzvdupmk5filbfg2vt7xmaysh+/ikc5ximrz0ttgo/cbzhtfd8451hifu9he4dzqkzhm7y7karsfnmynp8ua648xfpyh8nmoq3qx1xvw9nwho91l0wxuzzy0anasjbah2wcnw7sdz7ovzz75mzu1n6vr5llkhjhflijstlbtditzenxxdixuj0dyb88xpkb8ze1ljpu0f/re8asmlxgge26gnsu8duhh2/kvw0zkjohhgx/aq7nfg41ws7ivw9+z0mn63jblht9fzisw9tp373rq89od5zu7ncoecyinw5rbroabyp89ec97ud9lzr9nxrrftihlelzx8ac8vpfftb2u3tdg8hmo28u/b7xtx9+znmnnpyzu3ltzwxtif+vdeh8djpcfpkpy3kybwkehe78xibqioghjfxrkurpzgebghwl2mddekjldiqxrxsn+bcvsrcs5hpepyqxh0b3cnykf0ldqf7rwomwyi9uivc6pnign3+r/dhgpkxbq1lw8cfsc5sff6kvxozd1fl9aqco6gtm9tadvizhrjnu8a3/qxqcaxhy8irnkrsfm7qpp89mtkiw8ovlzjwnd3ju5mewgt91ke5zdbnm9vwpmj9ho/nggxhowvhu5sw7qqyvw1l+/z3/ddcylamtwpt0n22g77hqmu3wrkqojqie7mctxsgci0b91exaofqyy+n/8nk+j4xhddhesp5ow+nzzkkm7/c15z8bwdxwepncyj/cu+fbplxewplfact1jgthyf1dwe4bx66+lmso3o2gm9gpyil8xz8ljk+2sjgsxedtsv18xrtknzcpfa/wmlqmj2bzutnkoay6d8nw6yusddbp+oqpezhrvrtjhcz6zae4vgln+uterq0mpjcx+2ns10tvvm0vhpjwo0cqxss0ibff8cu6qpgrqdzkm2sil5jekq/oh4bmagxshuads4wub0roqfaty1lh6bm3ttd9o+sg6chmv12uyqy4v/g3p3e0h0+1ccnrzzqiy7kul98awg5ie6wattvmbspdgllmjpinnhlzrkevjv25ldye3qk8nvxqzigpuxjakdx6qqoro4wplcjxroxl/4o+jk3hrrnkhbgrdr1wmaoxo95yhqqteemt0cfh5xsfocfhgtztblusxwou7vajppfws0vwupixx0m6b7xxrzfhyqc1hnm4t+fslm2je7jqfhv26clty72c6r2uwkrslphhv93is0d4gaiopjkmvisj11/wuykqgjc/w1drjhnwe93jxg0zhhwqjyyfcgq3bg3gws95to1lxtxm+3thyvbsazhjcpgha717cnabtnc7vljaqdkpitwj9q0gewameqnl5qvddfrbzq6r3ckb2ejelefhdjkqenwuw58ujm69qz5n1fd0nbamqzm6tsjsxcan7s/wd5p7t7wy5ezgsdt3froh/dfj+56cb89wfehbnltrrj2wyfvwo43qyu8saisy9crzbbedqokd8uldnjxvqcy9xpzveqrwrx/nw9c3edotxtockudyvc/lnbkaxj1nzfbqdjc5wfvpb0rpamvffc1ajssu9ru1ob4b7efcr1jieaphmwdojiwkvraw5wsij7wd0fi4h1itrpxd0ub8vsxxukbgvexc9swgonnxo8ms8uxkktpaelwkc5la/tl7yjyc2ic2j6hplsuv3mu62s3xhksivs+rqqynct+nmzqpwwrmjn5w2jj6q00ogjo7wyfkiw/yejbr2sowhwxig3huzr5yprk42xtxvxvmzwtw2ejsnl20k8mjjyf15i2nfdqed5in4oo4bs4klihl7upf4bwmwopnbntxdjpxnhyztwjvivtgfwy3hhwynuiny9z3wsfc7ppyg72zalyyaumjy62zvsg+cuz92o5p090t1lhpojy3se52y5zyd/7o3lbpn8nx38wl+lirql+pamxtpqkceo84tez/tpff6coshob2uryp7kpp5letfblmoqdguxq5zmmjw2bitttrzuraqjoaojsbaep1risb9p2gyartf+ymazeilgyaso2/i1mipuufsgm6ufl/epqthtwmw7lk+7hjkgiaiimvr1nkiljlgy1ihnq7hjtmksmdmnqfiqzusjo4clqb9uoqmwq7j1q+5xd6ndzmspkab83r9shjophbp7fywggbpcrfuoh1sjizffow48q8mkpmuz5a6ut1f0qwjv2siyxliqcy4aidmna09oz1bswg31eyh2/1p5rzpqjwhmg6doscanudstmig/k4+hh13wvij9aqgvizv87rvt0hksd/5m+ejaygdhhmetrf83adgtwynjidv9hzigpat5j0cwqfuci3jbm5fanlpqv4usna8akhmwnuqf153bb1uyni9hukllq+dn0mxsbqpmhhs10wmnwlgivakolqnsdzaphjvhrlpjnbvdfr3hvxksey6cak83rbi65dhahxzefvmkr88hdwdqpq3b1imtvnbjdx19oduuweocjequ9gvdy5j3f0+hnahtopj8dpg2k8pnco54svnypxgzwpylb/xpuqf185+wnk3mvkisrdkirioqhq3wtk8jqzphxuh2iuvqbxwj1bm3bvhnn4wt42al0sfrt5m/crhdyfcr3a92ttujrgdvwsrah73b9mjnvu5bkmpqp7wvcxjq97zbmb9upwwil9ynb3noiekmgcs0w69jgz6gmxzv7rccnhckvl/heawpyslmafcgkoe9mmv2gakpird/bfk6xhvowb94dw6pjgpb18sv8scskzu4cab50frnvifrvkdv4nbiatco6ny/m6tdyi9vbqqstdxlheivsvgmq+5nml+ku9zvbsu3wqrdszsozzvw1p0ugcvnht1rwfpwkk1qk7/0kvbzr1tk9fggj2hlcgx8ccltrzvx3nn5y4l7l+3csa47o7nztfey/+culs56e6rii8m/oiski3k3dnrnzeec7q6nvi152xb2rmbvv955uykmiz9epvuxjbqmnbmgxkvm4uuwxalcphpjb0r5eeuitnzwpreuxtrm0vhsrzrqa4immzhnlzoobt6ddeegtzgzwvowfeodrmn5m2cvtbum6sdletlozkjnxauymj95fgfrj26tpnneusuisr7zqtpea4cuf75do5ielsfk4d5lydkqfzmezhorhzicyz1e98t7yhmmxlibqudcsailyvmphvffiypk0zcreth61rr9shzy2uug2vxjmpsojnrfes7ite6zmwqnr7lvpvlcifdltsyqyx+hatmrmxkowhpyxjjdcaczwwh5qapio3fwkh23boqro4h0zjdenzen3mgry5adlwhq5luujok1lx7gpggng53o1vkqu19jufked9ovctid7y7fk+uf9jpt+na0ysdchmsa20u8gqay7l2d4kn5j+zum5fg3nb89baexhnlvbdrvjrol7rlbj1vbqsr9xrjc/satl/ksaqf1pszmnwcsyt+viet/cker/mlsopb2905ax9r4z/g0fntzupsrddyklb1vs+mrm1pjq6crkkbi6jrlnkkvoqvw028q9zemqbz3g2cjtio0hstx6tybutvtlgx1pujmghevdyegcl6zo1l2qbu0d0r7x94/sfvr9yo7ij4uk/2ci7pqzl7dudiirvttcokft7xhttwhwwzy0e1nabsjybaw5yzwzotkjfevlaipcah2msbgv9wvhejmqxihev0vdsvosa8l5q9dmmbxfgo0ptsh/fouzbcjg51kans09+/lzdmp1hnipq4lk0dlmmrf+ytwf4bvlkweejiqzug7ale2qmmp2xo9z/xwuoqjpale/ur5af3/m0kqlz+ildue2wxu+ozmkswwtaj+vem7ockri9o7kadn8dogfxgfdvznzejtx1yo8uo/uer24qf6psltbmbzbw2v9fdxykf9a00uwv2ci7foi21fkclwbecdhp1h6b8h6qddivrqyyds7hpmjbikjym/onfp52fyqkm4rkvkkmrlpq0hcppuenhpvphoav2moopiv6q7qboeru6wh+qgw0xkukt25ed+g3yhfjb7kwmuehm++hprekg/6xvidmfc0ntn46yoa7zisar+noujotlv69btpr5fgrak2drnryorom+qljsygyuung+54rtxk6fdfsd5+2qejpj4cg3tmomcoxjo3xjt2qv7+zpaunvdh4hzr1kl33we3d5rhy3p05kizclkmrpr0cfyvuwisgvzsdrhtnrgwbzeterexeprwbh8rsy42x1bjnj453f+wv+fcmd5+bwm4qg02d4lwlg+xthgaqxyf08haamtlpcvptoq+/c6xs6y2qoz34m2pgilew65voth46fv+5xgmdkf8qxzrv7xzl+7ihgqgexsdp/byw6+zuiuhznld1pan/ixrimluqr+rnyz7nuxusxetca66em+ovz1npnizwj9adve1vrsrdxluwmt+vs2onif5ye2z3rgbonauh0bhbmckylnsmccgnno4xht+rslcn8v4pgyfnoez1jykesanzy+6tpko+kwy72am6tnikswwa+k5+zq+egeqmxex71deea+g2x94uytcck0cy1qzfa84zr1gh+ujoekmxzzdkz3zns92vyavo3wigwtp+yeugtubvll0vldox5osjltztynnttmxn5z40snexkrryg1awktlra+4i3bytqgxtq5zsoh5runnayfvur1jfsotoaxuak183nom9luhdp+0t1c1upghbkkevvtxlw78vekw+gbdbv8fjptvpicfu+irngxdxjs8mfmvtpjry+zmxmg7yyyy2qegnux57lve6rdjh2tuj9leoc+umjhzvk1s4mj6vglrpqkkek8toea6weh5pwkhau5btiz2d3xzbtjceuytn1jbclqudgp3iervziqpxnfd8zpt2sxyb7ghzsndlret69jhl2uevcnzxe71dnxn4jikb6j/bputccxdnzvqql1tsndh1micjwb6hyxpy6dt2tkozbeowu/1j0z8rtrczf5kxwwjww8nxlcodwapwtkctsdeyvf3olc4tyzzsie9djx663elw+cg/4nitw03hq5rn2edm9cfubr6nwjn/0d0lheguc/pxf2/8cbwhnvf+re6sh88qteakan5wiaqw+tzaeyggicwekqqlji9kcbdvwrzbe9fi7ywbzfup2i3xikyrojh+vcha5bvylsvgcjuloejlo9pl0uqrbdwe0ifa3ysntvgwykhr4z2ritvyuj27pnjupzmlhtsoo3c7pftsibsj6/fyoqkgo4jlqnhzqu+9ykwv2hodsdzshxcwxuuubt0rhdzbj4rpajn3e8uake9xbfc1vktce741n6mdtg+xvlmtdm1zu+slixnnnv3+ywmkp8uq7lavv1lj3pjdndnx9bmzx4g9ifpxezfjtmcd/wm7ghf1ydhs1lcr95ib2l3jqbykl/dwrkydf1kl9m9xtzk4hf65pgoirh0mtalob9i6bnom0fomix9qytcnvznikiksmzp+xqvhkffxqu/9r+syfkyxedaxnxtv3eok+ftk9tl4okxhsonszrdyaykazssg7hwyghprh91lk0dkzwvquwtanrlt9y8ssebvsmf6feobumk9hrpy0jnupmseu+zenjkgobi6rwvutty2+itgdpxlnkaw/ixgdtuhhztxnmoyw4rr7w1tp6fsyvy2xcscpa2kt98skng31ovm6pkf7u5grgamyxcclmkqhfmkgaq5ky9bkwagtxkbesctlm/aa+qpqoft0jvhoxmootsoyglge3mvqswryi2zuu+1tlcf6yctmafzq8nd5pdl2zkyccgutm9zt+rqgpaudtloxdiljo6hts/zi5o9p3vyfgwydtmvvrr9vc45fa8zchrmokrd8j5uhlwfh/xo8ajkihlyad3mti66kcf8+5anznytjcgbs6lqx6gc7icszlc5lwqalfd16lpuxmrt06ioapq3pb7q2//l3isrmub7hjkqsboabrvnu9y/jfefsj8l+oqnynzpiv9fetvjr1mq6lkhxhjobnirifv2dmmxfnblbxouo2qdvzjxjota+2atjdholv2sb94iwllqdl4fn7ok87zxgejxs+tamdtw2odiooznzlebmqwk2s0mjhf33qvuz+1kp8yflzpvbtpowc7xpt4xctkuanwu+la4g6s6csaum4yskmw3rhrxoei7/8eqhh6on8tqxvfrtqd85fbo1kvpvkke93qizcxbv4zgemojc5x81bgntqbmat7pfekpc+ncfq6znegnueyxhpeylzyrfyfkesweouddtx2joy2lquxl/ao4a5jlc6swuq3zfxyti3y4o/lohwvgr8uqvspi/baqp3eowgqafcccusaahqzps1uoi99oueafay8ltp4/jhyvnjmryv2pe1j7ygx6jkqe3nsfkqcqhbdl5xhmaco1v2oz8gqyjehd13fekgwaetsofxrp2wvcrp1atr+0lxyd6kjsnhtb2ms/wpbqapzmtv1nqdwewxyoc8rsi8ienys6v6sgdovt8hnwz21zo+06/v9y7+0q8f9efly9+cqysfgblriz4y1bmhsaaywok4bznllyvmgtb9iku3bzceq4g8jqw5m+00yrromfd17hyuwkdwhoutyj2tkv5makv9eexivp4n8lxho74a+j1txgqmepo1nmwbzfhf1tm7dy/pxrs0ldefgudtn7jzmkzwcn8dpfr5xjidlrydztttty+vko8pbmiozkkiuqlqdrckpp+sckcv57zazscnhaxdmgbouzm/06whg/7qlytfqvw1ozhp/2xbjp07iua5u5yo3lum54lmj36+od4uoyogy3gcpahepmvoiwvzsencz9myc0t2nf2bihologbfr59koyla7usasoe0l19yhrexwjjl/2uuizyyifd+uuuv9nezhsoclqdoxxia5oy1eq1z82drtazsv5muvrwqml3dhi82unq5tn9lzjsy8dclzxjji2lqvknekh7vpt09mhkka1kw2b4lfptpq0/zbopvfhpnzt4ddvauuukzjkl/vd3pc0w+yiqq+9v7vy8ymf5pgmjdg7drx3d8gak9ain4f+bnks2gf90darjxzbusslhtkakl9vwlnxye3usekpwbdkduhkgdwfk6pibuo67vnklx6kkqtxxs4aeclnuir2ofpae/2mju8+hkwc3wlurnk8fbhsgc5jehnun8qbe41dfimi2+ykid22iumhc6nnkhugdbf/ntz+o+agyia9yozgk3bxedqnf69thqygy42nkhxy7oa6tyjgqlplg0le3eroxf85machxq4cqqnjkt8d9irxd27evjvvjiucxjoji/f6mzpihaajnmcgkpwfcvdu4bplbld8oxbns/qlaj5dmhtghcsdpzdcvptok6dpzqfjhkpqoao5jefpsqcebxjk2fxxsmrqb+r2vosvc9lcbpmvjh2yjozwtehjooj3eo6g4ndhelvpnv7wqouilvukqlvizq/gcji+6fht+z7omjqbpsfmd0xq9nzb5sg7igyhna6be5mubtpcyy7klbjulbtb9rtwzsesunvhjchs6svvqfd2hpfcpkl+xd5o75jcensk3nlpopemqyjdos5vrf7sfztzpn0q9i/tbjcbngcc2ylx0onj+0tgjgrbpji4gt4ueqfyscypo0yfdrfstd8ynl5v/cdnr5n7znopxsdn2gfxi66rk1bszdjvompiruq2eh3qeqqpk04qg+spjx3t5pqvtxsmd/5kefiuo6yzsi8qxx1y9vavlftn91aekkmvsbgze1nrephg4wosvp1hxyqvtczz0bmmtzgbf6ujpvspwucsdjrmknmoukleozz0q2fcbkgo6mwz02wy16fdutp8nzfft9fjyigboob221nddlths0yof/nyrmrevwvus3+tga/iuma+phfdfitttp02ds0e+ldq2z21h0pboa+mppc0cro4s1eqn5/quqtb4etdx9poob29w0phtblfxczofxfhbqksfmxupvmnkf4vyhmwg6xhlxa65icltvth0kbmfuyrul95oxn/8ketgox3tlcs85aointiz/vi2y1jsdq3krxw1m5h0oyzau1rk+y3ddsvjtzbnasy081+2ad/ijlttx10gdrhgylsdiyont66vnw1d8av9clvezehkrttpewbtwx5qqts6fr5ewpezhgmoa2jk65bmhs3trzr7rt+nn7bfsb/y3ttlofeoahppe2qeymr8eddww7hguv62swenfb8ud7c+mvwfcozpcljtaov/widdmny2w56ovfrffnejl17pqjtkt6els4wjbohdd/12qmmtsioluwojhv29r5o6bunkbiag5pidpuzgwdziij0fphpn5tplaxyn5q2yxb9jutpz1tvfb+wcjx5vves2mewhagqn3o1pc+dxuuzrnguwf66ud5yvl79fel2vhqqsofb6+aekoyivn879i6bhc3jgcqpdchi5l3tsqlkkprxlphde8usabkxmeska7d+kolxq0qeqrjlar6mqjrflv+v4hp4yg10g62i72gcydfwmtnxuweitxcax2ihuevc9phokbiarxh/vjwrdh0ss7xxcne8ijosrtle/hbszn9ri7wq7m43jbscwi17qlutat+xrkgam6ytrfpkl9ekmswx0prdu3xufr5s2uuhq4k/6nbyjvlgb4nm1ywltwi8a/pndnzezhafci5brhdvnylhzortrcsaqtrv40rlnw2dnnnxstmpj3dk87adneo6yixexvftsga45xcrh7rj0tjlgbieeihkuzxsem3nndwjj7dj3o0ifm+dryx7t80p9bsnm0lks7wwiaehwy5+pux6sn43q3nu34b4ecg2jh9llpgkjut4pvaqaey+b4knkee2sygdodbbzjeaqjpo/f2cbu6ceowtw6anlzcmzo9lhoya+yhhxc/kclatnghicvxftyz04xgtfwzimz5tc5ggfzkjs22ymutubgi3vikkwromgn6l7s0yz3nl5p67xpjvmup+7ddaw7ieqeo9vnexq1o6/uyunvf7homfgpx6++rp3mza3pvyrf9r8vyvns6nq2f8xoflgwazxq9bpnl7knuwk5kf87t+nfhz8oamnuhghu3bdcwkvj9glpbwi4fhjtju0zkehpz7xmzcunhn9tphzxeaetybgg9kzgxzegqr6e5fqeqqv0ks5fg5ju/lufrhhjbpnvpx7vt9ohl/dxpvtiddygyzp+euikg+kbqlrxa8/xxzannn1erddqpbl2gh2c6s1jqdfevobuoblfcujtmxutlht1wb2fnuefd8ri0agee55yqwaj2kde7nzvsb5ych1iyclpmxizpppchw2ohfhh3fmfeb7g4uxrlr3xsbd5xuvztn89ypbfjmsugu6ignjelkps3u4fpksgxld743ucxlw2ayvj2rman6rbpvnd+azurib4behpskw0vfik80go3dxda9tgmhpkq3pvfptl0+zr3vdzxtmu/cvwsleeurlzwf7+5mbk/0b/qgzq2tgretjnc5avofyo+qfexvxciyxahd8g452ekyybtti8o6xxplrlwmx9hgkbq82cxhgvnzwvytv1ru56oilxqsqjzvgmzk23wtanavx8oykplbfef1utsx8jjkgseodh18de14wm670rdcv7kzcwiqmif9bkz2khxthdka+hhvk0zc7n2q6djohzahqhhtxg2o5ugpoaon7o7bnau/e6tvd9vxjvdrpp6ihvnhjsawb6tqzbfettftvbobffdnv0qumys2bwnijyexxwpxuwl2a7qqstgespedips0twgb6jjhc2+ccp3xhexxekkuuschdtcys1dpw+vdzlrrsce9bjoahtxmuznzulgwcl3bipv542/wnsd7/a5mlp72ftkpbm47mnhirc16kei5hkfannz1rpidevst6i8eknr34mrt1s1rubcaw45fyxfyaktdi41e+kytvs0ykq6y0nydsz6qwtknyinqqnjndxg6vv5+xxtt5q5bx8hlzdzlf0o2sblmarecbsqjnrbms7cryoo/qj1wpdfcd6eppfq0hfj6rpzg4dxhhdmlaultumfz/oski+mg4j7hpyvqru4r3z5cub08pz2azj2nu6k0gav+muocec1lbfxsijlksqo+u/kszydvkl1e58id2szx7mxsyojpaepcaavch9laqulsseyaghijau3snnj/zcmltuas9nq6lvjmwu/ohd/3grufjd97eyarkk2gqe02wchckrde/gngr96tdgxkjcqmg4swudgjk8e+ba3utjuoiewzhpviqljdovdrjn8dfi3x9eybfgvu3zyq0vvc+ljzkva0riagbiukqkb5riiyh+jwbqqfxuump4p0wcorx4y9uiqp3ebgnltye62imniw7/hs9ddzhb+6sneeucypu+jrh5yqb0mxpn5yoi7asjwfnnycftzthmtrbgxfcjitklkco9lvg5a0jqvlqw/4lgwf7yqqztha0cdwmmtzpd5sgviggnpqzdttakiyc0nku7z2orl8+dv0d1dcdsmoh+l//xf1+o+/8pmu9pfgvuinhexpgm1laruhpf3wwbw4jltnlspfuzbtgkkci00bm+hsylccims0ogqainbxyhzlbo6qxwz7q0hc+khtbnuk8nrudmla/iuisnq2cqd2n4cducvhgghzkhmf6hitput5bbrx+x0h3hc3b4a+uwjwpyst5n3eq+fu1yononaozrj3aajqepc49kxunwum21d4gpzagl99no6xtqn7lfvie/iixts+uhlogos53rtsuffgb/af3u6u22q3qcpp/yq193mxnm3tn1v8+suhvp7tbjxy10nlzimgovjtwcjqahbb6cuy1uce3wpy0k0ucnkcytdamite7yxv242mtub6owvxi6wqb0beflltzf8p25oalmwksa5lcwvz+3yhhgknvfhyr2lcejdcwebxvktwk+cuzlxd9dwr5jvdn7juxwzeznbnjwu/k8s8lc1e1xvo9cojyvxvwustawn471+g4lmhwiwkanel7nfdmdrkttgwiumsqa7/alrapob2u0jw22qsw/ta49mdlttbv67lbjwjh3w9mm7n0eilwyxhnkkrpfezvip62l5hp2tdhhsmrjf0u2ekqxyvqmwxvcwvfdib1s7jq7ib046qmn5coxdoxwvhzekwnuwd1w17m0yqynwumhynwpkzudlzjvlgl+8nwuze24/gubm96kycwqr62or1amg27mqbklpvo4hs4+4h8v/ibyn9js+bdaoljnnhzxl9+mp1a3yku+fzst4gd8vw2xhjar0jqsdxks+yrzjejnkil17recw2btvuphyi+e5naatutygv8rd6ttux6znpindbzwfrra38zmagtroqj8yirgow4vh2shbmybula8pxa6kn1iw8kxbescvnykkpjfazcovk6t9sjafx07jdeam7pecqyhgxxvcjrtgzstdv1fzl4pxhmts79msxv5xbacztvowwtsjjwmu3dfaiw/wmyvtktsfoyosqz367wln7wg7l+izhqbm1pc+2mjhfb6odwhbnjpvkmcupk9xvcyqh/nzhtz2oaknsxqcyumm6elmszkjr0zxnxu39hwp2419psc3d2xkl8/finxdwkgodqjopabqeeolrcwev4lgf9qfwyy9ufyuphfs5wcluv0w4kyqkgf+t727g3nblrv5dfw82cbsjwwqktzkmm7w3utvnpztduiztnlm+5olk52zapilj7pgu5gucq5x5xzywfyyvxlxuowj9lywhodohoiqxzbfsa7/hprml1ew5lfazazstwkjuwkbcsw/cndll9105etdnr9b0g0gvbxerwfmatxer2zpsi1oyoypgruxqmwdk5tjqbpyf13z9ko17xaftnvh0923phhielrb9a6pu9qlfirplbrwmogjyjdvze3twfyf3camhekabtwh0hvigu/olcab9xxzdkswh7znmiyn34zrwy8cugkvizfkxwebxglu5nih+lxo7yj0bgelzf8iu5efm9b2ewlrlrzuwxtqum/uv4vhm1lmvz7gwfz0snzozrseihc8dxpieg3e1cb4c8s+noddtfsyptyzhputvbsm2mgqzksq1leieaduv5+ukcfk+eciypel2qeuq4mr1kmwkk8kvh/nk9b0svhtt8uqelwoix1+53zglak/8vdnedoxsbvxk7upiykyzoow2j6l70gpiphaesbrtddz83dzi+jmryfjuneum2jnx0pipmxksfj1uiu4juwvjyb/hcv+1/2gyo0ffnrkr4mmuwvfomduyq4r2djiz7wzqep4qmywp2reaszl5nkepwe48raopnpdigvxuixa1dkeiig+q3fy39l3l8ldecxke20swxoqrmthizquka85d5tpryvbgtdtvusqmsdhamdsv20rtsmkh7nv47t7qdyhd5ritl6ojynxyabvkd1ncr+wyqqlfy7ccrxxz3qbhtjkr0bwh2m2tjw5z7gks8e1vm/r05qos00m44mnly6natncizk5moiwlyl432b5twlj5q6nkmxvygf1odthpdmxyamkrwhzjxxjpm8wqqz5kz2sm+xhe8svcyjz3n7xlu0fltyvb6z9t0nu1bykmsrim++hd2xyl7ebux/m0e0frh9zofs7xshmoij5yyzhxzta+6rusyvtzxbbvtl+fzasxuc/1cbofqtoz/kysiha6ghm96arlxgvo0kytpcy0g2yq6t/od8vtdmgsn+wsyxaudbpua66lkhujh3ensscdvu3glje3a4istxdiro8ica75k0frumhqtq5ygjahaja66ldmlrihcbb9joulvxvk9os8nzq+hmyqugzruh2dnhbyijmmd7rldyuwach9b8qx8wt4ael0kxj+gxxkbnhccshs43owouibv1+xqgkrmjs+47nqizcllahhf5nsdbplwf1ejyyosdgrjjlbop+jtlxvrd2syuokzo2tpmkeqmuxy8boi0jnt9wc+pzzpyg3swoxicci+c+v/ex8rpmlpjsiqj1wfbykmgjrdskj+uashoxpdjr0o4lqwgbj2uur0/4uflhdtmv4jr/1pcukhjuyqszkjmwxlabkedn68x1zyd1niqb7lqm8lkxjo2yggmg8vq06m2fflualdykjkce0excskpltyua7r0cxggmegmkewo3ntsfui7qua+qum3bqypmw3uxulc6xvefi4izxcpz6ps28youjnxbu3yltxc7iyae05mb1jwl92b6dczvvasqntvssamnyxp7tidc8tcqywexzdlo2ugvzodoktrriudre3pwc+kxhxypzfz5gc7a3vatodb0jq2q7im/sdh+qpifroedbo5l0exsjqz0dkppzfuf0jlxzvuuzupzm1yn3em4fe2nkiefemlw9uftktxc1p9kosnr7y9w0ixdr53km0mwvcuuijo4wi5ul7azdwlp9z3ymxycxylkkw+irrwh293gnuj7fkpmqqd7xckkqv5bdrnvfrrxaewwvqmb661y9x0i1vqgpfq3qhiwp/igdea3gi+bxnc/jihjhy7prjipxk06taj/apfdpz67c3+8ruczqcezo8hkris3vtuykhecxy3bpw9wb+xhj7regxwxqtjzsexhjr5ooi8dhnolyv45wpvkwi2qov/zrko1qrllk49hye1doqop1xf07lvc1dahfku9w3jaicrurar+zkrygzdxnmlozpfysc/76yqumh52gtmqnwka1th8bbfv1pufq9cl1msciuvgz0t3ma+bdswvsakvmjy1gu+q+1raenj9ltiekqk3pxkijxer9ojuto5q8gplgomj0c35iltqhj3u82hr7kf5saknrexokgdn+ugiastgreajgow9kllsed6jpcvu1q/cxia17xszmnt79dbfhygiiz254thdiyewvnvm9jxly+w6du6klqiq/ztu8m2jhlqf83i9ir8g23bxr3shckvsibsilfvhotlmbpoiq82jv93mewdwxsniexjmrb0oebpuc9nvujtmo2dimogmmvrcuwmqkpale6xqyk4booeqp5vvmrrhznsp3uu5g4l18vj3lktc1r5io8kynd+yisgd7f9w5ybfhp4bwa1tnsnrlzypjxggw7ccobghvmf6muvb4hpmxanpbr5y/v5ccgtsa+bs/qlnhncqtklgakpwl/rzzr72nhtglerb1m5vsllrgguskyiuhxd/45trfjaz+7tkvthv6wys63yp3a8lscraflsv2b2flvp2we8adkopc3/ja0n2wri7zibjuz7ef9blyjoksisdoz+niobmkxtsxydszbrpz7p5enojniwkrbzjzssheovkzrwlowm6gk2fhmishzb5guk4ohzrsi60yrndgyu3jdzurhdncrcwstjpk/xivuwdjgoc9cctoq5mxmm6pjrtj2krfxuvzjmbmagl4nc805udnxls3i888m8wbqt1a5ai4peeladoxjtnz4ivchjkvtef52eoq5tqtzsd6apyn3jn4p+ssbltmivdo1pzaidn/vkqda6as+fu9yojk3vo1dl2c7l6d5vmmmiumkuiphrtberr2wtr2/nx9kvgkjgglhmh15q1yyle5oxblmj9+rlbwtw56ywdfcwchgczftdyttyou/faael3ittw5u6ghocqhvhnx2davbv8cebu/c8aovu3fi/uyojp79bj5je3sqpri014nucxfloccmrzvxzclnnc4kunnbityzwfho9ptb8il8qtr2qtxgh/lguyksmviiu1gxlghnjblmnclxfk5br7xjggunvy5lgatu93rxtkh9xzm4zitnhh4ljxfpy53nzu3nb1mcbvxxtysaj2bcybj4pa3nzd8v6eiv9v2blnbf87aozgpnzxue+27js8csl0w26rayztbhrvwc/bj6m/zcjoeblmsws3tkawkcqjf6exvljsb+t4tr8v+mrgzxbbhcycoqcai8/hmm3nc3zh6m8s9dbc2m6qzn4clzhxi7y71f9wcxwsri6hxtx1xk757qig4m7mb/jdydeowlt6zlukx2wwbximjadffvgq3c1682mdbz7clusswcojttybwzfgdukr0h1sf+drcvq9anl/5vyftm3cqxpjrgxpd5oxmhxon2m6540jl3ucenv28wnvmwbx4tdoceno9iebpi8vyxd+rluvtkxffn/xcyd+les/udupizlcwarydugpymwru4nlqhxredsbmb3xtn9psz3kyhila7dmo96gerocnauezcqmxtv8svzgl2i3dew1wtvajy9r3tpldrgutxynnsz3aalukimi9s0nyclem48nwo4rk/mzhqgynvo0ce88e5wamesb7wcbc8jlfmy6zrmdwzprn/ipyg82cvdlzwseld4aqg0fdzbjdb/pm/hwbo+eum+gtq7yxyvytexxlypizd1oyrkxtetsnvla+m6c0gandfnhzhyhv22xay+/i4ghws16vif8hudxk1ztxuzx9gk54ts/cgipguh7kyqhchr7shwxbsfhkxlt19vrskdk8ieyf21uw9nraabavdyv3a2km1cuquhi8z29evknsjtdisqcncmdaqjekeeqmxuwprp39zinhxdur8rali6tiecm6ubamkq0hc9drljm1v8zk7g7looxabzhg0dti/m471dika21q0s2iq4cswykug1d3xguimzgkv+51ilf5o+rudi1jhmc9dxtjcrurxsbezdpxkd13rz1lhszxbtrlwbmtii/jm1ooq2gob7xftuojliw5tev60uxcncv/mjij8pavgnzjku2eipkuqcmeptsycv9mkytn7bazr0zpsrn32v6v80bgo7mdtr/phamyshvz6qlg4rduq0le5pqexw6j3cv9va7ae2jlk6qck28/xj4kixxr1tghv1mp74vqfl5n3yhcp/xtaahok+e60s3bercq1/5atxdmativ15zblasuxpt5c8kqadcpqm8njpshjysn2usblgdrlqcaooxo7fl3bqn2mkyifpct3h+09yzxtt6cz+9gjnh8xlj7nhb3c76t7liwwpxskyad+foz6tsuyr43s7k3vm1kyb0uod6pmyxvwjtzaulu1oe7bk6nqhnblux0rn58knmfcinyku/eeca4io36izjcqbmayfmly7ophnpijbrxscdzuvlz7nwwwpqzv9ejjc3o29ucynfqj4l+3cy6y4uv2ymmnj/uxxtrz/vclx8ukdzieyg01kicqtggzh5fpyzwcabifl8lqgdlgb7vxd9887kkhiy3ds3n3nozc+e2tlieordcaivqmgglo9x/3r4owzpeyeiao3m6mnhfmqlq7mk1/zlpvzp0+waqul5tco+j32rtlaaoc6lumksxncrkrrjchbjivzalttfj5rmqrwi8ch+vkxvl9jhf/x1ouwbiadah7n78lut3s5am6wdbdjo1kxabz/eqni/vegdcps/app9tyxbzaxycigibvja5hkjkcx3f9p5l2hi4xu71dij1r4r8eadblmuvyn+2gbbljk5eivwjkd8kza85xeix1mdoxkscex8ifkrgxmjicupauimmbbjaxbsrtm/qbcdpt3jwwkkgabhk3rkmvs0whsthnhfpuv1pxsfislt1y0z+w5sfgfmwujxucc2jf9x4jbe+chnw1s38epaecju6qq72vu4hqzjqmnc8ztdo3v4kezkbryzs+zjhu3gdovmrqmlp+icmk5urmwcgt17oitxupd8ylzdoo0q3gfl41tc/xkrkue71/fy0jjwpohsogr/mnzhvrxgbjvd1useavsbrh3e3lxjqvgmdvkce/zxn4g/xlk6w3sz267bmyoxxtxmlydypkb4gpgqbhdlntnrqho6q7dyguxpujbzbsan/kdxpdymjxjent17b4tjy8clleat5t7eg2/uqzyseoaxjtlnv5v0crjmaqwtbuoicr8is/racbzbjc0vrkcvgo1ovlddui0a8+9yetkicjbefboorr6w75rx4cevknl1nrsde8xgmwxvlxch4wmewlv8uzetdkgmhav/hiybppoww5ogyyyjisly67++fnubnkdut1d8kju97rmbchz4qzwfy5akkwq7gwqrqkakm/tru0fuurmhkss+4lbn9k8z/u6+ukczb80zg/n8ngugz7lhteh6ryk3qzsufwzv3jma07cjr7l5wh5aeo5y8tawdvluwmnc+jour/vcpyzm9yhkgd6tviwd1e+91kcw9tv4anpyc54jwjmhzyehplam1x879vsfeamqhhgrux54ioko77wgjom8gdmtpfraogxssr81ndlrtjyy69iazvxuzi/56dlfwmslyegtnstotjfowkgnk9ol4jhj/lja1ntc6lj3argf7o8c83e4jasdvpbhn/zsavvidzenri/omlsk0ykpf/vl24wqenmw+e7ymzhs214+axoqpyjlyfmkkmjdoejwu/d52bxbcvh2vqpf3qczb3cxeqmrorncutw3uykty7tmty3ldyhpobkstpqf5pecxofveojp8dtjeqvhj9t91uktaggcwcakeo/uwglzwcxibyfafcdcsnyf1lwoavirmcqvmbl0kdmviichdzk+thphjy5wwvfct8u7ywfd+kwy8h+edo/lljwlyw0zqy7z9zqvvn0wmnmrcm4waetxjtaimvxnvbxifxxmoq5uxuo2e+xubwtf+oqmchz2iufymg7bsmsteqq9ytuhlfemoztechflaw6qzjetnjiwxjfsllzrah0k5/c56mcpx91i5dkb9vexm6lrjldyxqzs9xy3epwbll/0otntv06bim3cc7titzi+rti5z2mti4rzjkk422g0wgymbhqb0i4imlhkesn0h6x3xv9woa9cmn5oewk6uiv29o0jkfbyreyxu8icvayyk6yu+gjx3hujvhtknayacyl2ggpu7fdclxmdzw3ai2awm0cijsq2od/ht+q+kx0nxsqoqk7xynmpjasdvaybpky2pfna1r6hywn9kcmhjj8p3d9qe2ysm0zqnd+vypdcappvkdaf4nxwfohjjmifzu1eujmqdgo4j2ovbq3zkngktolorg79ss+etmdwxerbvhnh6d+s5waieiyjq/buhou+v2yf7dxm08opizuzifrm7qvppql4jgtl5hlz2jjvp9e3rlmiakm3kp7oa3pip6yala72+m4zhyrbnswzwqgj2rwimc0pzzyactziry5dvtxemhuzxp8iuj4r0kwe03zs5yd0krrzdndmccloxzdtissluj8uil5er9sxt0ew9wuqvcizoqy+rxncqasged6ffhfmwxavxrqfifs8nv/blux7sjevr0tkfulnirsbrcrkv7iij+xhychaexfznjomenxsas1rilurosyvrzsmn+m1vrwm+utgx4eicn5i84oxosok9ssoshp3vvkd8pjkrjruixx3k9fmk3y4sdinn9mrzc01vlvb51widxzmj6eniwfpgnc8vjawlclhyaunhxril8rpqe6w9zcxbnltxtyfh9dpkdxma0d1nnsq+vyznmoomf1cvpkd8ruhhtlu/0o9tipjrurufjjpu8/kx16uzc3gxaalvikfy7ot6rltgaznepesh7n+pyjloriqswiwgyxobxrg3cgp9l8qrciartov9vqqiia9idu4ogqpsckltghlfnntn5cqxqj0abef0uxlmywa9xkbzk7mznzfxzgsb8vbr+s5i6smvew4lvamxjubm49d1d8hfsrhhkbt2vcpi+etuazzs5oejy8k0cdobzjqygfojbnjsb8lkwu2lopuhzfhkakzxhjtv0kxbggkfycivh0xdourgatt0g6v7azxhs8vxewzqb9wvdakpcjgknrxqqzjqh02mxpaj3iihuzgd4hxpq37iqem0gmpi6w/eiuwxnnm/eqll/zmfvifob8i+ubiy3mmqsvty4w88ufkiddoox7allgdwl/t7egpkqvwhibhkur660w/g0dpezmwkdejeeociw72alqqibntmnqpscotdvd9xvcdhrua9j50b+ldvsvcndv6nhohbjzybyybfxwxeycd+s8wqukwoaft4xamzux8n7dizgiuiry5of+0bzbns79ihrxbzd22rdvgbc5grb1s5tiakqaufvjyng0bu5yvvs1/87+lbjyrxuwh98sevi1e5tpd2thytdtqwzsbilyrltwc/14oc//h1ndv4qrquet3ns21yyb3on6qj5pask6/udmmisfgjxi/gdjvg04nueq25ug4iwrbse3vlwvmw2/wcxvqoejujksbsfcxzxrhuz6yttuvfxqzjdxlvmm6ay0upgccbujneqewprfngyxm5fgdq6w11/rjrdh/jmuf55dbh7jispajinl4xxsoemntc1x1xybynklnz65jcr2voc4e3ifcwfjxnobgugbup2qg4chip++lpwpiyfmgj1fhnzarzu0kv6zgs0tynvnhhk9xhamndglrspti99slkixgh6xivb0s9bn9ckpgayt4ogdijxqlsnsvmqj10pl/yim8wtli1o+2w0xlszcohm3ibtohwopptyy+fipjfsx4y5qtcsu8jjrex0xvyvvotjotuxwctpxjcfjjetffxqut6nymqd+m9bn8xc5tkddldpchv4jasmicihh3rtdin5kxyxcwjqsrvgjueh9jggtllknicccncmogj+zyjoszloy4r8dwqxyggzoidajbofoton49w5azzwi5nwj0kpctv9btvatkrywqzyscys2badjgdgasxyn4iibo+mhlicl/25a995uqmm2pskdialxsjm3uh1tanqf4hncasjyfa+egxgoijbevhehktprmzoylyhtgkqzofx3bzxddyknzuymdncwdhnq8aoz8d9kxjii19tgf7aepl2prujdbllm9jmvrped1ewgq9bdncdmwddomzam9x1mcfo7w7hjmezr2tirmf4a9l1sot2aukozw1skyrfmt5hzifm89/cinlvptsgh9d36s0yb1ob4azyydo1zsdv1rvjuuhtr8zlxxlq0vk4wayxtggrejsltpxd/k9pcubddqs326dvbd12ztrtcywt555/1ktin8r4zdc/xradrufwoe9oirknyuhliyc6tlsw89jh+oygk6hzuzrpdyibdugr1bbqzt1oomlyr8pyzynb0cmqeokkcrnqwoeqqas3fa7/u/tmimsgtwxdx58zbvfadpyj38cxs5plgyd+dupxyi55wdmoswfuve/vyfmdsjdy6u4nddau7g0mgpaqo9h7zulgat0a+z3wgeuywmbtlzespiwolfqevk9yq1fmifninhxxub3podm0g7egojeoa4yjx2elns8wbqw4vk7klep7xdlbpqb8a6y9nshoil6weupl8vgaxsbmyxskx4p0pyykxpc89ztt4ddft4wt1n4p+zp+hspm++8zzjjcj9un1k5p7ck7ddau08upcjabjuc6vyquqfwmxrdkn0mc2gq3tjoan9pdjshmdo/kwkes1xqt0ddboiusjx+antxkzwjwtlquak6hx+egolau1l7anq816lxwfypxtt1yb2kh8x9he1fjymk5x8r1nf9vd8fng9xr67r/xme5ksv510rbkccszv9o1wdpnprhr/dit3xabpcos4vw9ke5wgil2dcqvrpbxeqcuspzjh+qmosd1n6sfvxhvt6qf2rn2gvnwyqzqta/4h3uqjofymic64le8enjrejhltdw+pwf7yaperc1kninkslsocclom2+rarf6tf2j5njwrcwtshymcasstih2tj+0e0dbrf7ihhte+ehuwoqds92lbvrsd8ubp3cygm3bea8huyknc9x1p1u+7xkhdvwhwinmuepa17pdskihbi76o1x37ts5kdxrqzbegkilpipqo7yzgozslpvs5yalrurxhxpnsyvzheqtvu1r8lhsrb257uskoelqsctyjcl6waxqdknl6afp5hsxfn1s0ymgupt+8etao3j0a0obwh78xd4dpivm+pq7k43znysmxj2xr9rwfueewdym0zchmosadxoqp4p1rlc87nhblbichl+qxpg0tjkvgzclxgp0dazskace6tpj1dwd08izfecusfcgbkrzotumjprsueav3ipz6mcsndbjvj0pnaq32jmwmdckgkjlxmat1axnulwufswtonrwt4q8rt4dcjexlzxdrdpri33a4io/kvk6dx+tsnqua1jz6gcnpzzsj3swcewp67o3hpebc05tsry2h7xeuykyv0oo/yiwrk6p9psg+rtas+ol5erdxvjlif6rfqoxkrczoa878inggmvapcjhsvu8lurakpkqisuymhnhreyfyevypqd76ondlvs4zmcy0e03g5kuxd4/zfc4d18bdoczo+qn2agsk1ppgm3aoxmvlydqierhgftd4venx5orf5wpekokcmbuxep5ijmn8qi4wi5rr+nk/ekrcpvffrxku645x78xzpyxn+/t2futfviiy3aspdt6mxgruqlix+trv7r3yvxf2oa87zpvfm/b8tqc4hz7opigepk1g3oxi6z6tk3nj3fq6av8pqptmib2jsmr93y0hnel/t77vcj/f7xuowua7vjmwxg68gjfmxcqdcvt0zdo2gxbqp2d5vvbnlpqli+f2xi5iafxte3txydzbaik7xhq99xsn8va9zslnijzzoxyc+yswuv+5s9ql6tj+dvroowo2r2yn8bt/pbf45h3m9wezo0sryldyhzo9lorqq21futrqunzoxinha9arlssdxkcvthvtm6006awq2w9ryce6a0ln1if5k13nyodzslscowdtjacdxpsg8v7+fpl6najwpa0xh1lorjupi5j1zusdd3lsgqui/skbh+c8rj3hmek7ij8oygjgwvd95d7nhyfwtys47ahdiza+xan6oiohz/cemy8rroewrt5w65hgyx1hui3yu3izrmztbrsdhwipf5zygjyqfemi0dtqsizt2oobj17alleneyydvxmv45fgbb3q/paq1y3f62nkwqny41ynv1emlnnzizul6mqtjywvbcxotz4hdmko+9ljiw/jod0vlghuzdv3qccghi8jwluvn6pfmc7ocmipims+t8lpjo6st3hxdhduqsg8wlg2oda3izd6ye6ch7ygaiqvn1nro76ucszqe6ayekyhk1mm9hmxwdskzduuoi1duvwmr0dup85b8vbgc/rsubvouenhnmyjnqbyl6mtuetsbu+ktnu9gxc8lthx22lfit1nm/grjtudnfsarow/bleerplf6dlkol8bfrss6mac30m6pv3sp2gbgjfblfvxpicl9++iqt42sqr1xio3gcxqnahtq6qhmvhnekkpsxbgajk4c95sjcimsxxv5iobr0fwig0pirvvq+fohnni5a5rrpdyi2yft1iub7nyiy5zwjnqxejssfjvz2feporaiamn6b3xu+2rlvp0iudejitycny8wg3b14zeof8jfseksdqoqpfvf2mi3vdmjqmz+ne/cssjxmejeuhneqr+tckiprk/qjgo7nkrpsw05+0o37ccyx12yhn/gapyhzlhdtgxfjd9ruqdf5aeyogln6e4blr+zl7pzqg3nrjlg88/lnyobmvwmprwifsy7hritz4j7iesybfzlhz1l04agc3h5wz3wammmwz2vkw+9i7ljmx7qb8f40mebwr7z8ymfvji8ewmhbqlx/5schqb9gcawb5gahl6jeyvgvrg1ryytmnizm7icrumi19vkkac9koeqbb5qdemgngrltuehywnseol7iayt7w/yewbh0nxbeypmkxjvnbcqvyrpmbxn2lyxvpyie2mu/mey0l4btaidsh5mqexqhghwnw7hoprma5msrp1a5wmaizjpv4xd9uspvnpt4th9+hskxzhpd80x2mvovmqiwhm+y0xkmnbsvjrnloj2lyywax9bnimaguybu80tyxo1wvqtuz+hlc5bsewhd1lmpgqu2mj45l5zlmawjsziv27prgyzaoaz2vwkeeffk+cqum6ssddnlnyzva+kkmvpnu1iiqqwxq1vh2satituqo412kj26mnf83kn7uwlavux83k9mzr6dagurjn+mgymydsqaugxaw5gih12rkk5dj0wefuivxkf3o4mh8m15x+v3hikrnvcydnlqtnkkzdjyzfvzeekcnm7r/iddihl361yidnyba+qvuz+yaw/lkam3jyyvufvkevflbmcp6yllseqachx3o8twxisz7t5xdqcdfb/vkho6so5/9rqeomd7a6t1rwm2+0yxfa2ekzazmm+re2zdqqqowzbn7traife2nn28g+xqahztszhgie12o7d5uvujuc6bldllfw5zvunj8bagj3hlpe9xpez35ncpvtnvnu7lylgtzktepj0sh6ukzielwbumnj3oy3kv5zw4aahkftvutt1wrg/xfwi/iitp9jyyrjmi4fobnxmud/3ycp+kswnpm68zo1xas1uovrd7b3osdzwqgtbblbssajoadh95jfevfks3o5zcahbu4klu7wnfa6ifcv+ahak3q3mptob1bl9rjxp9kzhm+ldqlsutq/g62l2cdr9dgzc4fjzsfjkgnd+prspxrruvjbalg/icfjdzrt8sw2odnc1zelza3fvnuf8damatuprea7ys/uaivvfmra9oavhjm5fq30quu7dewmqicsg10glaslobmdjzm4rlxexyu+hstuqxmk4y8h0w5nz+1wggphjrkiplwrj1y3lkvtnszt5vgov7ttqwbxo4cbuen9qmbtldaitqe9paybzti6a9mp97lgnjaix3+fiosqtitprd2o8q2y+rdaqbb3l9b7srrvsywf6skykfnrzh+u8e3nf7masb/xja8v4lycsyfe2nws3yzqrswectwmdomsqvwnwlosjcqczmfqku4gtlxzlhyd7y5afzrc5/x+//jdf/o+xzxm1rm7/4jgwokqzp406hjqp/smsw08zt7rjl7twgkd8zkvrm7q7p/rblu5zvp/zl//6y//+5vdbxjf/nmlup9wnv5ah/99vv/zf//6n/v0//ed/6pw/fvnz/vcfhuh1mcqomr/hctrlohrsmorgek9msy+wtfjavnjdxq3hf6lc++eorrjdsldh98qn6uukazzaabt4oejiy/obnahm0fcvbfeugn8mxgrzhyeh1osaroo2d+uawwgyg+c1zwvkkf2n5t6cei+l9hksqtsqpp3rysg820iuweyyc7msqra+9txery2/ibjav/bc9tgvmixifzuzvkydutfg8d7epowi+t0jjfzonzqmaulqw3sk6bvzujvg4+xa6khonesmvrhu4sd73cny92gd30my171kkgdytis8biq3y9wwk7hynvrzyuxg/8qte7blasgp9anybqsystcdokitdes0pqqmbtixupplzyny85tglc+hgnapekgyded1z2jcdnkhkrq0vundvno8j2f77cjk+q0q/2sthswvjaqnkvvq5uuqf0+davauhcl/0npsqhqwrqo/kyqs66pduoezqu1pvmimtustngoq0qwemomtyyqsl8eqp8trfc8z0wjvxve40pxb029x11abongdodu0mduzs6xqre/5sptzsqnzb2hulhtzjacs2wbder5wycy+qpa5kgjmkw4p6+fv1xt/lepfsung9wqiu+cnkbivr5ot95xrm8tdujm7qirvyn5agsj/ekjrhsvhqk+fdnfkq1ty8yh8tunkntwntfotduuogi0zriasv7sdgpkyxtlwsv0sn4gncew4la8c38y1rwwtn9iwfjluazwrq5eycfykjdrxsk6g10/bsqtdinlud5nluxksmn74qmntilamlqjm/lztb6yudrtcxxnrkuyxc3wjyhi/tqozumqr9e95tm7lsm40hcynbcjekas4xbvdhshmu+xctlfc3uptilswtrvkfyktfqfcttgvcwmssdllkodbg0wasr8fgxhu7razqnxiek/uospuu036zauh+moqftaorhb+aik375elwoawajmnhsoqx6slyuzebuvapngccya+kus27t4rkm8pdfaq5t3xxjl+r5odarpffhy5+wmbfmhe7usmtu64jhy9wlmtc7sdgk0exbyesmj2btpxxizczpmfa/73q/o//amxk3cdqull27hohaue+5kvlku6jysm0hbzm3ncam6qm/ue/idimn+jcuifinldbaaxlurxnnoueghfdnotthjldibhw02v0f98jwohawfqzgxqvdugtfg6zzzuwuanghnpvhiomlnboehoqrxxcx+cwov3vbs1miprvbtbqm6sghbpv1pey2to9iancxfhb2njuucmaeb6uniqhf4gdrivm9nt2x734kpijoyhwucda5ddklbse8bi2lifenlvulcuaxcvbksep2qekoofvwtepsa414m7k2uoltkfpuvg7b8zdfpoqzp3lmerb9chxzgbymujp3zhoapye0tl2mojzhevjgkhnhomvu3lomyq9w76rudvziuiz3u17xw8hytqh1pxshfeoznxtvx2hh2xch4ygkkcvpqwtohgqtxxvvawutfe9exxyvfv3ktth0iys950yla/e9folhmjngbcdjs9gluayr62gzgzcou13th7o/q7acn5qidypc5fupudlbzws0bv+dntamk/7jkq7kwle2np7unyzyr0/6ezkbw+3qt2ikflirjgok7foxf7pcsqbgzrpqwnklm/mnbhttlvvddgtzno0kpiovdukkhlwhnxqz0qdwcv1lxxih9py4iulaybsf0hnf19viiam9r+sitfrkj5gchm8rqtgevmv1wwhb5rcbi9qquuhjww0e56cpnewj7rtnxzzz9q+aypg0pnltw2jsaz0idcgk3yvt4wdozbuq+5fuobzx7lccq3xsh5jdadf39mk+onry4fjmxzdpr1fjc/e0tdcrwjyaamnkwdn1hj0+x//gjatjqtsk0nzel4q/r+plddwgmfxuz7hcnkd4avivcfe/jsrrgv320/u2djyajkytwmtyz1eulto9xevrwodt/7+igy+aceyqg5al6rivsbkhdgtdmgp7kzgxijubmi2jegq5bgdjhserxrrhmbkkzta44m30aa0btxu8bpgjseqtah67bzpoeno5wgyunne/h0vionllb77u4ralnhxu6c87vabgusrnfo8denmg+kjqeer3so25a9gqorafdnmeooxssby2pvzvamouqbtycg+5ajqho7pdayo9t7uwpg/wqi5kj7v8pb5nwpoyq+pb1w5bj/jirlylqeb0u8mvkkqonhux5o758hk7fbucum7zxgezog03fqekrfq2p8jtxrzj66wedtuju52xfiihk/bo41d7zu+r5vssk4jxvezttf5viavsxxgcfmjr+apab8gzuhz/rfgw1o8fhcoho2+jjj56u7isz4t284gtgjft980juz96b7rwhan1ozlcmkvvkruj0ykni0gjesvtwqgdwtkkrc5ygllj6krda+fi5/5zylevbm9tu05rdsdzshd1yik3dsv3j75k85wblrldyomhocp9uzkwyvifhna14x/uh4dpzur3l6tsssvunexgqyxq4oefokeukgzzahtacffrm4ulfyqngov59slapqsh1g2oea4yi75v5/ru4lwdfkym5zv0abeugekaki2xobwxoatwovzsbv/m30vmvj24kdo7gqex2p+oli4feip4w+niim2e7xiziism9jxiypzzd3ewthpakdchcfq7tyr8augq9z9mtdtdjni9bsis2ia6wnahihfqvqzqas1ssulzbiyzabgykvbjkr27phwqzdfk/corhgt+llgfaupz4rfdl5tv+dnbv1v4d7ibsymzjprrmowdovqnb2sginpcalrzsndvjvynrdsusnfpxvkxn65o0oju1sydfmqw7ylwylkdcau1rca5pb0qbdzvmkft6prqfiaj2rtklbkgkgrjjknggwhxbqeu/moap2jjssvtkqpvo+t9vs125onbr3jcf49fuk57lyo3j+125f6enedw4pltl0ws2tgfnflevaghd7qzzkhjj2hnysw/nrdhdvajcj6t3stsv0t3akjn64mmixi6p7+uu7lnwq/utr2u2ys0ih9padvr/h5lu+x48gvg/pb1rq5lzc51hin+vjhmzwfnbzjzis6bwhd9ygtsaolth4b9ny7t5rwincerdbpleadzxhedcglf/iu8gsvqpp2b7+czkzs8dslpkmmjwgygy5m54awov9xm/rtogjlevutvlgqbpzhpcil9duls9huxeyeg+arpcimxqqjiys7szxbxe7x2kbco8stahzed8ibou78fgspj7orofcb5nduffyfti/jaakdgpkdjuke4l9tqe9rgnriwzr16oi0nqsmrv7fs2dthb9ju6qjf4i6/+nkj//vuy4vulx8tbt0nfnv6h/zxhxt+co1r1jaqss8zb9zbtihs2ovxla+hzjmrkc8yhj6hpegiw5du69rgx51tlpjz1lvjemauc8n8ou3ltblbpnozhbnq00quum5jy3df5z9blkpqf23gw2pd+tt1qru3cywubmxwrrofvgjfh0ehzw4ix6npq7k/wqkx5fzy06qoyh2dxsr4g0n+nzeeyeu4/5dcgkd628qtmidlbfoasfzsw1y68lyydds45mv9cu3f0msxijt3ayntetp6fogytct76mzvt7spxt86i6olxv5bajkg+yv/vhlwflwt/xloqasfxty/krk+9qmm4yuafm6sg7cq+diux7mhkmg9mzpaiq0+r7pnh73qdpkkgales1kwg4xxwwkw6audd+a5ckshhr6gu7cmdexpg4b7a7+k/zr3burkuexfvn628myhoucszdpff7c78x0bjtafkvogool7tkkht8dekowkwdme92itmagjeu+wkozct0icayhtzpwxex4wxy4qjmn6mst8csa5dg6fa5dotjrl/pibwyaf+72+ourdwgl2fd4jifindddnfpswv2mve9l6dtbjvgc2dejmkta/dqq/z/2nd+vkqwgyz4mfbamyuf6nngr50zmbnfcvbgett5y9fs7gvxrgbuez7zdx31pn2iaoj9tidd2dh20hs3knnxa8c9jqnpvjws2mv+zzzu51tkt+/hkf6xzsr2fccom/fdudzjipjfrat84x1g53avs9z79viji96mjibkqfocuchcniahcz8xxtk/sarmnrarxfueb26zsidekgv4fisr895faraz6szuybor/6rnxrolrzzsfzeijw9uorfj3+jvs2gs80qaiw6lvxo1p5ehhib/5iwsprriqe4tpysunthnih/tbgizlu8hilgtf10rkdgt1vl2xbkjhuzguvouev0bjm28xcq+jtymjvmhduytqzvjazhm0w7yy6kzp65rlbs4sbuivtqkdscqvqyvsfygp07ctt4i87k1mqypdt2zn0+qz08lrmdlki07z61dhngeweekoqoe121hvlaaeuyebruviepzwrhrxggoonhoodmyjzbuxwroa/ircyernrjmrwr4teet9nvqng0j4xsfkjljqzgdzzzcwh4ajcn11gqsb8vqv/bf9yd7hwjcymeld1nkj38ry96gwqqdi6f5v+8ideth5uvvayeoctqiowf9uxnlomhxldqo5xkqnsrkn+gzgbmrmdtblqss24tvws6s53ded4ssblrk3xzheme5xfqqc3qs9tdvlee4zambmj9deigrpuybcuata/icr9vtuskls3js4jw3jiioeg5vm+xliofzavshos1ogvgxbajzcnrxyps9vs+bskh0xngszru+hv9prfjtzgpemko79xrvkhysvxikdstmw+798bre8datpd0gc98jqtrbno7bvp5e+y9knel1xh47wamg4pvdspfjfnzdisvcvngp8brjnc1fztwdxowc6j77jknvswtstp6gecq9/ypwpqcncw2qboeetf+hvuoxtertyhpbbd6jdfmpciaxu7+npjmhbqwizwsf62memclrue3ikggkhv8qt3otfhypxvi+tkmvdl852ybezxayk2ezv4z9zseopktfo4hnbe/8w5pjrer83yfc4ueh+y3bebk684tkbyqjwhgfsiakgokzzy+ifrtsqt/hmastlwhidldutfkjfpzua8txmpbr7kfb+1otnwqpkzcm40vtbvc9isy2a1v25mioqxnritvv+uks3gdjhlvzfgvggnxdskayahaxdemwwh4miktrvk+r+azh5c2oqlhgslu719ggivevgmyh+tygbasyd1s78qkdr+ywmf19w2s8thnzghmn613is1fbjn8xsh9y1pp9nfwrj2x/nk77+cwnzvc360jsn2fuae2pnrjkzxi3hm5dsxb6jsjqr6liwd6qtnhi7sinhrvxmclndik43pcinmvhflpx7smduj6vqu/cipexewy7ddkf6ceyzjfujhsdwocnkuzomkdng182hxpgmq6vyj1kxfteab50m5h5gfjgjqtnzq8vycdomkxfurl2o9wqlqyp6dg8alhjnwbcoifo6yenaishkse+ya48ey3mym/q96vyyalao3j57wbaqn3ihq9di4f+ytejzgqprfirz8ljtle4i5llo0tkxj3xmfl7k8n0cq+mmlkzyuwospszdvfdhoq0jgzx0+llqfupn10z608yyphe3jhyr593fykqvya2dhmzegvwfk5p91tdmp1cay2ikdco+rq7i29ufleoz4iz22x50a+yuayzswemsixpuxncvj2bzxn0uqj5izrhxyshs5whi9mgcmjizpukaxc3layaauzxlbai4xrghuypsv+ey/la36jvjzhampg+jsdbomxl1eysmvgqm0ehvkftzsucak+k4zaktlzxcw43mrwiwpw+vlxfdhibmtntm0tyvcoe2wlibkurfbthgzaw6mvuwgroyaibjycdwg6byhj1lhorxtdbidkka0cg73deuukm3eg0z/gp+tlolnwo67+oyfocbhf3rftoeu/nbfw90w3j3nskcos91cmiix0j7o8rydgf0x8c5qntayezcntopzt6zpzsa/pmuz40osq6xi0vi91ixxqjkinvm07nbcneagns1j2raf3rjazlb841jhomc5ncp+fwy/t5o9t8atbdukpaocduy3ry2lallfg+/ss89sp4bpdzd6ipxzbzn2vngvexlu0+o8o2zs3r1+rmgueks+vdjewtbhlzj/ush56iowtosv6pvcbx0nopjytddnvghz2fqm8xllpl4dg1zhwe/montdt/bdqyq377p57zuz39r133dmbadxu5vnbhwdpzixweidjxxljhn6hxqydw0cxy30hc18z4vu6oygq0luawr2+yfaikucoqcj/ize3yqjawtlqmajlrasouxutpnuyq/nx7nfd0ld5fbhpaaztwis9/bpj+2milzpn97rrhpym91z60uwcabbw3ogl852mycefjtg3n6bw4nkaefozmsbd2ljdfis3fli44pv+ngrecuguf0avljzwftkggqndegov/aor8osirzhdkbpae10wyqp5kqu0j6xupoyj3f68dz/cehx6po+z+3yla3bfirjzxre6jy5p20+gf8oyoelprmsbekpnsnuxenn4dypwfjbsp3vekfkjo9stgdoedx9sqtfk8yx07ltfrdgmy591hqsp5u++x6vy8zq8gtx8totxosyx93ym6lqzrusldjtcdqquyng+igvhrqg26o/uvxwrn3sedesouuwjsmgih9b6tivb+picdxwxh/hypmokb3z38gkip9ztj6ykboaz0fv3i+xp2hq9n1xoxojfn5m6m7ldjz4nuwwuftz5cziknlhzuq1ziauqw/tgdvxotlbp19/exjitjcp3krezsnf8nkvvwa5cw6arptiruqihvwwp5qlgy4yqe6fuju08wible30pa2ny6as8ah/slxjehbfdwwly1a9mnawct/nzj2aeqbnu316vuc4tn60hvyk0boxurqvrhvnvva9uov+2ah3bylbwlf4tvp3poiy7wxk4qiip5cb4exolaya7kadznjq+dwpjgcwmja7dq3n3pymtmlvccdekmrfyc4mrpnqbbjxgza/e6y7wtsogvtksn4oqdbxfhxvjltvtt2utexa6j+sqgixhtlg+eyckph0ryrs8twl5qjpgboe3gp64mnwrvf4tkvnxufo86jmfgleeqvwgsaswnhdmvc4tsbnybsxkd2nvbqhyd1cuiyqv7qtxgamkqvnqqaqxjasjw4butij+qrnevnep/kk5s1i6f32exycmn58bztlyptmgrj9ei3iqwnrjbgpa0ex7p9ddodh8gdnoagczexv2sjdlljmhwptjghdmzmxd/rnqjeqkvbrxvr5/9lzycx/hygyw+rkutyxu2yi2iy1qz1n5aii6tnjte9upzy9mkskgw3yuujy/s3orwxysc2w+voplyv+8tmfq7mujg2q0gpvfr92sf9odjs0os5+a1w/qe1yoy633b2nrj4f5pjpo4duhzb370djtqpgzgtuzletiin/qpeqp1se95vwvxzhuljlvshp/j6cczglgre4iwpa9rvpynuwykzhdyw1zntp2ufuksimri9ml3bjhw/u6y2m69vghjerv2tnw1qyf7wysk18lreg/drqvdng9shdxukrelm0ki9epoicuw9sqmruuyjko3egonu3gzwyb8ygvzakdwtsqjy5nk9f6gkcv+g8irunbofhdfqrgy+rvjzmvadx0mniqg+yfnn0b6nmi0zjj3gqzgm/j5o07q3t7r01rjpvy8fn+rqxyj3m8x1hnhfksuj/ezk7doz7s0t71h0uycyry8etczo4ksik9plieuuifklta3aoonh1q63ewc3nndtpvjsr4iuj5wrk1dftjmp6/lmcn6svn6f+tlwbz7ahrbqu8tefjgurfew5j+tmqqjfq7e+zd3ui6uj9qwc/xkwhwitmcn5tthuofdwmjtbnkvuqiiul82yjbcgwlnhq97zwmelprxo0err/vcvf3fmhdkyvqfs8yspdgq+s3w3ax5+zdo3jigp1fz3gklq9+eye1qbual2tj8a4+y+q1w803ylqdllhxdsfyr+87whovgasd0ewauppsy0qmv2y7p+xk5s2jou0c+ryfdmkcisuxutgvf0uqosl72uqct869kan5zp0clwj07qglv2naqq6gvlwi56wb5gnm67scb5ihj7ewlhscrn6dkk0ls6ndqacxpxbcvsnxfe3bwlscokefhd5byocpxte8v4nwxzx/4s4bwdtn8jzmdmvv7dxbqic6vnq0ohtw6n5xi/tj2t3i7kfi57t52yqjeefgxksmwxk6ra/k4l4nwdvy0kuff7hvcfila4hc73usl/nnu+wdvarw7kumvg2u8kjhtoghydzmz+yfz+xavv5pdtywbg7wuv0dr4jv6uvltfzy2eozs+talma20grddbyi70p2o7qqrht8iqrrgfetgbd2k8ocom2dyjtlckoh4g5rjky70jtwvkk8a1ajjegl8jsqpnviktfczpgutfrjtfgs0+cwepdbimupyi9dxnzalzqortxzavtw3gomyksnrj1botetgoh15mroadtl4w/dscanfksgx7upij46a5aua+ety8/ski+v4lua6jlurrrgs3ph+4nffmseelq8ibbvtas4/apwybznrtx94k1hz7hbeosd2abrlsbdq5/n6uc9brkxic/kv2wgr1sv65a5xhbo34la6zn3meyidxcoz812w00/czqhpo4an3l88e2fjva9lpceztw1le7qzkeeueokksqvkh6mv2/+g5dhzuf7ugti1hizaqciepddcl8l9xigsbs8gjmvcxw2rzg8eztxya9goxfes7cso+1mjc7t+ftalrfpkx03xmmfinnrnrq1rrcp6lln/mckcelzioezdiaiup2oqgkyyiduqv/fqk1bx5jjj+1q5wz7i9xcpkyruwrhbbwf73prgxtuw0jnq1uahpjq7aa4r9kk96v9ty25h9fs8pzbkmwcfrzqsdaveyzcrsrlbv9opkr92s2wgon3jnu1lgajoqqcfwimkbc+xd2xq3yxjzqfnl7nlva1kjcc4rf9htp6gancenr1fx9pk6i2jz7fixnpssdbw8h+3htjfmhimvebwktywi+qk5gc+kdrxz9guif8lc5lcjpdxosfzksdrosfdtmjkenirzdkhktbketsee3wcs5lyf5uahxfozek96snqeuk16wqzpov8a1vjwyblkabksdrmu41bthmvf0hi2hp1e5jyeyqfstpbkscxehjmimmz1t5s8kxi59ndtjjgicnkqedkgcwyj5vshehrifq8e6zdwnes1nwqcqrtyvxtmimihrly7svzsoh7cjgyf6hgczcmjr9eefiv0v92i3bfzbvqnv24dlaxirmrs13j6tlukbuednlkhsarwvcvnlmpnaiqwrfhihzojmgbvcdynios3ykxk7dpdube3crks9hgo01nrhrx65ojgbz7ozk+kw5d+icgc03yqzzfcwnkgs1g7w+k5bfsylzafkcbqd1ssvsccaujravuznnhyy6tfluwvkqh6h5qvjfqhia5+bzmk58jdux7idsauplry772vfsj0+yibe+fkgl/1elndeq/fauqeo3j5cbnamdinxzziuzobkggj96sfnjlgw4ycyvbwn60yiqn6oxt9swmc2+zvjtuls+ejdzzivmihkytq9yboedial+u7mxhzsauoe35lt2fhiwgwbs8zoxdlclnetqoy4kgwudjy8iuwme0oualuvroxejjdv5i8e9ifil76zcfp9npxkziqhqlfvrz+zipjtj8ukqdczmp6mqkijpidsxmme0rt4msl5pzdf0cwmbu4fie3s671tj22rvtyvznjqaidfyu1/lcwavgkz4/hujjjayqdg4uxdtvnzeo6ue67q+tilbmbci3tppesgb+ant6ck218wtrovktejewcn9alznboeqclphbi6+ntc3tph9fulmnzkkus+mq++xcic74hxnv2uyuz0zjb03xyve1lxptkzx8pw0vbbexdizcqiav5qgoo1htegnqn5sfebvz2wdqb++h+zv3hrzle3uen6p+niz/fbc2d3gianspamqx9yme2mvnddau8lmyhymtq3aarwv2rdt7qk3kml3artq8tabask3w1kf4oqyoe4mefzpf7rmmkzigwkpp6tljjywxzorps582bvwchp/62lgj5g8ffe97zmr1mvlcjk4kwgdydk3x4z57kvwex/ldo18zo2f7970rkaattbh07q/hi8fs5nv6elafoqc3m6m8pnqfveqrfm9p7qawpjkiolhqvffzelcc3piceyq0c6nk6pzkorgl7xcu8fq7zex0cwoq537zld+saxxw8h56w5znsueyrapcyycmicqyi1dszmpj8e91+h6pp9pfimsykkzrixklkti79qjieutjv3j8kjmhyeijr+i8oew2htzz7quqokp/qhw86qdrf4n2bivdwahet5gxjq9anuqevgd+xzjtgggpamiwcxp0xzdtk8e1bkafp4zrjqdsqxodsxgtf+u01vlu2mfuecquki6sm6ruijy3tyfsprqsow+o6m8bdtusdxg+61lt8nkcb5v8t8stelvuibldii1f/zpwlmscpeg6g1q19egrp/papuxr8oq+mxu1qfx+d6c1rlw8ahiazdkbn7wbmgai8gi8hpf+wmbowkrk2xfmprqful2jgpijta7roa3vssqtpb4fznwanuhpmwcsoavmbdsw3jndkaxyyukrt186ee7aaus3udcy73jyftdqexp3bpidstazv+/hfcmy2k6xnkdcxb1lswpom7sywphtlccyfze93q/ituqbyxq34yyzbqdae231bu721gdfrwjoycbhrv4tkua8k2z9xwabvc9whgztxyml2+qjwsbt8le9h4yhrxhemk4t1dvsfgqwnqcvajmrrxassvxlfbhqxcrbflgft/rkj0yivrgyv6x8qli66ydplsu/mseat3h8uswz/vyuwif7hy01tpdsmir+biehgrueendg/hmvtv5s296hmvhxx6qd+hpgaivqpg44dfno0hs4/szbgvjzspv29klne4ksw902ccll6ainft2yc5nqxybazh7vdvdyb0vm0tq/5dd5ynmemddbe54yvirlvcyywdhga6zjv2zsapswj/yel9zvgiykt1s6ma0z1hd5nea5b5hauyy1tvzmq+zqtgb5ivuxaxzwbu1iyywpjkbrycdc+zoucmskvfrgzfqk5kgpclr5iwyk9s420fzv0rf7ms0eowwpdfwxw+twjlamqzblvrv/msyflgceedtccs8ztaj8qxhucwbpu20pa/dtgocb0jy76ch5wvv1cxuh0pppscnvfojhhjcncdpstrfc94xtdd9f+qvmned61h6szl/1bwdmk8bcyjquj+ohnwpelglhqvq7dvsvfjvdyvi7g2q0sh4glvwdpbzapv1r20w9qmqdpqy0sehhgc9wwc7angcqqyfwczrwccxdyahet4+jgu8nydvv9ejycuedhz6mhnlqelrdpnxnhk+r92sptoxsjvzetqtryflywyz+wzhyb3pevcpocpmike1o22qv6deb0xvuis8wrmwuiv5yaya/bcxlkymxl5u2d+mamhhsak5z1tdlkkqbn8vk9hkbtwomx+qnuy66prodbqwhzpeynpezyjwky+5vdgbopvevz2dyegjpscrrpu14ei4ptevn3ptxgbia9j5eqgwx+cl3mkkiowalmgzxm/jy6igkev62ar4drjlbd5mizg6es/uc1wzfjc/mci/p5lurh1elfcfyocbtztzt9eozjgtsb5sgrvh63r6qqa+a9lg41rcu9k919f8tiydwoiivbeoghfvc70rwtmu2wokzixber90upvlqs8tdxe2dyytxrb2jjorblvpid6iwralz7icq95sqcurgdttd0mlddj5zatotbp+spl6egewewf5sjmv79ekixvu09cy//yfjf+94whlaapksvhthuhw7ht0nb/bud6kawxiqmmjpmwsmtn12js/0bolk2ewxdbvlx5gf3cd9rd5qjz0spjsra+n2xqagoc+tujjx0ko7o7tqlboqrbnv9+fwmqhrnymjn9p+wae/pnojzfxir/idg0z2sd85lext1o20iwdbu06jihcxzpjpbi3qgyoetdpycwgiek42hhppcxtilxyd59tlgtv6lvhewjusl8thbu7rsvao/bixuz+ovk12y82ogishjxwyrodpjxsxmdhmw377m7piqx3bgavhuucuxuddpfhbinccwnw5m/jk3htqumwp0w9itqphxjiehibvj1wf+5rjwp3g1iveuqyefuhnwbyqpwui3uun7snifrc3p5094wak9n9e1nhhd7n9lbqtrokooul110dapbbxlrtezzgdfnx+2lwladphzy76cpslkjpgdvf65yeu5/ba6kphaarxzwdfp3dybhqbuervklujnvuja3za9u4wkg1zrpnt6zaspc0ynikpcdfchjuezutuxfca1f8z0hk0ucvnbsgkkz9zzvvx4bqzsmyfdtlic2jf6ilredjllgz08pmduk35no6tfm2lmbb+kfnvh8ex5lxfztgzofhkfmxoi11ugnsnqsjtopf2lanhednkc0yiyzkhc0pzvsczuiz9jst8qjhcq5eqcnevbh5wznh7nv43zoi8q7qi/nyura7jpp1nycqs7p+igwnqixuhwpeqfkdz7t9dmlcz89fjfzydcszf+djzunhehk560spygktcjqekmeqed3gkmfwzxq/06+q5balkftejfnfs1iuya6psidke2sm7lz5zbzmoqpzgpmv88mjwb4dqi2+y8vgbor2/m/vpfffkb3zuupzmqhp9ae3u2dnwed8hjor0mle92utlqmxb0oe5h8wczd8wu4hgoljercqjwhtm0uxrifn+mxigyw4ub5wbri4vqjutk874chq39tylo4uyumwz/lcgmtwrp1nifwsxll6updchdwmjkfj8osbdkayzzshfzjddnnniar0w2wgur7zw/+602lsdg/vy45lb1tafskiuxbc3d/3pn6vl44cxhnv05becoot7y2s7ccloajzoe+imhiugfo10+kalsecxvre5wpm3sh5l5ygcbwug6wtrzmjsmf8rjnh9owqwanv2anpwuztlqwd6m7ch3tladtc/m00wjufejbmszf9r4kiqbb1dihfakiz9s5iqjmnxw49weczorhxqzhad3jkv99ux30dktglmmiixqgudwjkhllcup72awrrvk/0ufku+eszx5bmpn6jje1qfbsayq+gnusc57yb5m99btfuiqlej4gnc82kug4ae4ulmav4mugazjn3egc0prxu90okdijl/ydcn8mc2zkztowckcti2xvoyh0unzblg+dw3kgrarfaakz8nukeofggxmfyyoqlglt0qwijcvvfdevvzcnecdqjhpqitgi39zbsec2uueygdlmk8d7susk8hodf5ifbsjr6t15w7nplk3rwyaregmbq/0po1c5wlp+9+zoxqum1ywgkqki9a6wyogqvqrdaxczaunbf5ytn73omq3pg7wjkvp3m4hfbjg1ehvdwmzg8uwargx8vddnqqijx8zik+izcypfhyoqb4elhvfptapabgwrv5wksl3u9cvzbzvg1+b/ed8yge4yhgwqjwavcshgs1+52hsyxufhdbqxuyo6unqbljxpy7mf4xstxgh5c7ytmzybfdoejpvo3zu9pue2+rsdht2248bn+7uiactm561n4dbnstnzz64mbdf/jwt98sfrbbfx77rz0t00qle8oyjzhsxr0f+eltiyoxqsspvstxqa3373celh13xwzyznr9uak0u6jijrlhdfxpatm2prle9dmpvr11g2y+9qyydwrchrbnm9k4ugfnqnmodsqxk1vjhfdkwyvzel7p7ocyf4/4sqpuipp9n3h2ck7lirkob1tx0trkmvs5/e6goeaiqt6r3fq2ar5wyut5911xto3sc3dz+4yrr4bqnmfg+6w9ixhvgrs77d6earwm7swnaalprkzie8qgbwrugbzjlheozwetxmcnbvjy4rdoqwracdrj4z5vjzpos+ypubondgqlhvhrrnephhmcjelswaojx+/ojzvxm9jzlhyvclgd7vyeadexusoeh+wveplx09yqidtor9ps+5z/ajg3b6/v/ljkz2v2chzbj9cwwf9wjcpaiwgdv/dencqlgwarm7+tq6ita047h7lkf5v2rcejnlrl6n8rtctku0u/+iwzi8undyu2ro5vw8zhaejbvryxsegqkfz5gawaefwh/qk15gqqjnrmlmted8co6osid0qvep4qeqeyzddxq0d5fdp6/wvx6ykfke2vsa5xw53lxcf9qc6ziafl0nwbxlsl6um4auexqzz3/cwitdhxs+phq7jltntrrjd3i1gayoknulkmrkxabccxogctcxsqlzlhsiqc1nccma0gwtrrwy3okik2gjgr+udzvucihdrvvuckyp/2ngndsuvrpnb6vvjffy2g2bloyf4ky3jr9hddusl2oa1kxtao2b92absyg0n5exlejz3sqv1+e/zuc3yggfphqxhh5s6ddint5kxxxhyxlrn4vlhcxvacbydmvsgylefqsan78jw/v5xsxba7vea7uudyb75ggjxrhux9hbybbdyzpjuzh6ryhcd/rtdhzfpa3cr1ryld+yh8n4/amzwvoegqgsa2n0gvvemtk1icyr6xxj0gjue0nmndssimnyyo9ywqhysrity66jxakjxw/ayftudutika2o3+x+vu0+8+g0utcpxbuzv34o98+fhl/yymafehmmdaghcfdqokpddletk2dhxkgxaa7vys1zpqnovusgrdq15ygmmv3qwws7gbijvgzpxuojlkgvynppkx8qktgl/ot/bkwg9wtbxseg8alnsjeaka4j6rxpews8arb7v63sbjgr2fgn874rhfsgk5ltanon5ho2dtr4hk9urkwnyp6q9nriypgk0ze+oyxrkjh8kbhbqg1vdaoz59nu0lobksbxmcx6j6p3hntuxligubrzc0ma4v5pg667dwyxsolmti9rrb6yitctzkgykx5mdck04ix308j5pdfqcab2oklrvtfnwfgbs3pjapfcotptb2lvisj5w51zpai8xfrm0i5ddvn08lpurcpycilvjh1yuoer+qjsqbxkqovuzjkfrwd/39y8n84vkzyripmib/a/tgor9do4lmzebrtiph/ccwcfvakb4cn/adocisj3clvilizssh7izqnot9sgaefmfounp32s5c82n9n+jgajwwsemgiof1tmusrw4hh1iummxik8eg25nltfrtro3pzrcrtdmcfhwfphg3g2qgefdbghq2owon7eurf4rjzctpbxo59ai2hv6qa/d9rfiymvf2lv9p3163ajwdvhpc0l9llbd0zvsnwz2fj0wgz1f8jzayv6+xlpupoppp9dge/+ya7erfrxga4pavumjdqj/llk1vtk9ekgzcuv5/s3bhr7ilte2kh6h5mi6fz8ae9gamkhy6ldw2wv1izjxcfv/9tynbcjvpcja4eezjeprxdlybqjsaxkq/egzeud0lhjs5zg5qzciuyk7ypvzktpra1l59rufu7pbmgkpbyzwtvonftmrcuossic3uk4f7/81y+necefpx7mr8nc5j+4hu1sd8p1ujuoyzwe941znog0ffibvta3xsuawcc37nidc8aw4woyhgb48ot3vgcirn4hh1dwwkconizexxgg3sa79pmppaxrdd7lrxjacydsk+v8+z1uftrebmk4fakecvg1tduuea2sbyghwpxpxkg6hfkke8vlor/icvm8lh9xovt5ahk++31vmess9oyct2qyz77vb0wn6qod2jykpe8evstvtrx2jmzqzsmspy0jwpzotdssldnxtp/fbnbylkxwyozxt27tkhmjyo43ohvbrmaco7xidoy+perxxk6y2o8435leiou5hdegxvjzcmrftqyi/ve3gzft9qzbpicoaigas9abvbkut1gp8rrga1xpt8pw92qyofmtvawkeecxrgcrrwmotvi8rtrkakd2fafg0quuajusw1m5rofammbvhaxpmiomx2s5vh1zofole4trtyut9zxxzzfs1idngkufiej3hqlyqftrxi+ylq2csp5ufivl7niqnd+gy1051bzk62sxhclcdhqbje0apmi/oddp8x01hrsqza5rdqve3su3nzo7avfg6hymrkg8y1ql7scbu59eom6yvtkk9en1jwq0vmqyje9uco6gw2an59ittobbe9+iwsvtygoj3ynyt5dkev1dw3doatrhvws61nic9mwdi0i3qxvnfw31rzqurxvoxbm+thhupq56im2u33zgykhdeow+rft8rqbc+vipwo7lvj2r5ft2xyeig3ntvmt04bwxaqzcwt7179c7bdgn/hvqo3tfcwcyqnpqwr8tuaxsoz+v0o2mwjuq9xqzzl9kjsus3o6otdho7hgxr+t4fs/mljfbotsa854vqjkmfkjbwe0ipczgxwe+oqcpifu2beb99t0c9g9mmhz+lp4gfsgmmuuiyvqpqacnsxolhhflpae2iyvm4cpqxzipcixk7ykc4kotp3ckgiteu3wzqyd146yqszl/vlcjewdsrtno59quzoaixm59xnrvbciydbcm9v7nfbaafu9h4t7mggv2+nzspm82smj5d+ifxahs8hgt1gismzwwhikt4xkgh/szecgv1meldxgbuwaiwvnz6wairrf54zrlum8impbpy7bzm1i2yrlmeqmjj67ifw3um51funmppw88kkgc+vxbnsohh9cwhwheblt05kqsi2oozbin37hogagtcnggi594o6zqo2cv97vgny8fqx/g8jqeu2ptmuw63mzexhbdsspdpe7ij02lw14ti/5zmkb+avrc2+4iw7yyheiesftx3ziuq5ogtekbiyrhzi85qstbrnqizt66v1c9wmxkeduyjar9wukusebvzj269vcrdydqmgpgdg5ef6bh++lctwl/xkzhimj9dmljsw2rmvrnxyxt1crs7vqerp6u+a/u1gd2yxvxgus6q+f7hcjuwnjtfjq0iiyvwjlhas2hsyuxkipaquxb0acpl3u7irfxvzmjmjpvduw8ith9r9l091artvowrgtuyycqqch1pkeqh29ykb84hgneojypvuhjsyh7dckiaakdkom/xlt9vizhbmqq8dadbuihywb3q/mli8ngkvdq2ozcz9vcrzpw0px2i3peda3gt/wjzq2krlk+/zrtndxlxgckser0xcfi3svoe9q9dikvia8bjo3mwa2gobngketvak8mh8iaaai8v6ysa5vmodui/whbjiptiynjqgkevza7pit/adsk6zk/qvlhvl4/csn6nkl9wvneklxytfqui+bvamfmrtulrxyi1hazoyyqx2wi+hqptnzn0oumm9ocarfukpillzq/iuqwqjxqtumq5qcuwnvp1wjrfywzuobcjsop3ltgmmwybio6zbxshoaq9bblcq9gycfyzqghzl9dxzsn/capk42waq08i6wbjdempunzajdnnzhxp/skmmslob+camm8rzdh8kp1czmiltyg8fvppxkb5rrbzceldg+snkyyku6w2pz722kwinpg3k5ryic0p0k+wrrpkpsho32t3gthuy4cpasutiakra7eblaas6gwb5sskempo+mjvhqfwexznx+c4ag0twvb+nyn0w7yu6ln93od8ja7r9h3pmmq1csfl+w56dlzhveqskkbh9q7auygvpq+n99miyyzow4qlrhu/brvvvyvaiddaqticruptzizmrpa6sap12qf+cvmzmkpm0kpi0tsczmuc9rzgqcrkxmjwzqsjbdpscddst7o9r91ur4ciwjxglfhwmmgoetn4x6xlrjwqycyogktdzwikte7c4vaky8cec/wgsni36ssekddkhp+wcryao9eewbjrmiqmo0um7z2c1upeytbmvoxqqrdwdoslqde7tfjyqfqw81uzgrltvyg+4wdiyi/zomuzwckqqqdcw0d9bbuykhsocej+f0d0v+geslefkn/5dxpuuv+uku9/kuyfavswjuz+xlsplauco8ie5kric1vzi6w024mcpd8rkbh+g0jt3qwd8msnfhulqe0fdzvuliwfoqhxlzhps1zcd4xts1e2bgegvhylivoec/gog6r6xq7y5ijxlhoa4qkdsxdut1sw/txztlxawlsx/yoixqsaihtneyizcxtayqiww6vskyhrmfwokrnlvgogwh4dbsnwb5qxbilxobpwqgzaq9xqjlugtohnujwvglvdp8yllewz6yqaztfjyyiig+s273bliqzcajcvtqqsuwtp1amcwqasx1g7vosgvuvz6dodf60enp/2fbvu+3fpevxu++ldwcw8myd2s81zmp3srhucy1ztcvpl3fe0/t1ihkzqd1lrlird7zqjnfw17nlnwwq2wasezr8t1lf+qgvgnxzt9uujohssse93gwzltrjzshhfagu2m22bys1chue2ro/mw8gyffr314nxx2xsp4bohn3hrfjarz8zv5qayzznqsjodnvhynepiq5uidi5bu0mz4wxtlkeivkcdzyyvxwflckankgjytyclymaihmpldwoaeepsxeoiwuwvlhx8qukmqp6oklc9u2u+rtktbsb2vnn0sweflk76shkrb2lvr+toyqnxuelqnktuzs4dlihk2u2d2ag7rkc9th1qey9quhfklozm4q6vuf2ywfimd6grxt+dlbcagqt1z/p6n7mh6dvstifrio1x65rh74te2vfid1dporsdmhlol1264lh3vrwewomjtn4yqpg51yqwtylx4e7sh6m6so13fcj2xtlfhrbcuafz0nwifdt1/tltqhwkb3whki6pgx0mzqhvnwfscv07vve89becut1r/plt1dtkbyh5rpqz04/1mmpnw1bpbge7go9ktutjxjuysdvie/uacpva7v6zwdkyuhecxqvm1bnwucnbkah6oz5nz4jyvsjyi60wlz/fhvgp8/fohtp/sihnndybqlrcbijsp+9049a0uvn2uqwwrgb15f7qh3nyrchkcxrq/q1+zc9edeohql3i5domf2y1ypcvvquzhvyp7lttg+hshqnx/cwxq1kkqwypkqsvqoksq/iubxc+gykifawqjla1zhf5/0edvqm/gthgtad3hikuqgiylgf5n6jkcaooyjfoijqeags62mxp2vh3ri+hioj4ge0yjxrr3k9kx9ho17n+56sraamaieuve9efua/jnxn1b2dxfsystbrii2y63iozlwadkrcijxlqa3yw2ihdvjml8k9/xjgc47ka0txk6eb79folk+niegemwugnffcq63jqfpfw8iltrp8fs0afqfxb3inrypczls1gnqh4x8exosjwix2imondcgtjurdpmfj2kfvgladzvbdzmyoos3qdzkzsrtxxlka1nxh2sli/vyfidzjf8fr+3sx4vgiybruwzkwo5jb/m2iun1nv0notvfkpzuigvyzn5lgjscqvc5fom5yyz16fpkkdqtdcmntdmu791q7ntrz28f2xwyd4rcky+ay4p2+1ftfdqnkssitlaqnoqkae420oyiqmcktg+86wr82ro2jskv/3govvveyskq7xbe8iyefvqkcy5vfv67wxz9mvttctwagu6v7g6x/6bbtnx/brwoplmzvrhchdfxgwhmdnxxy4q+x7grlisr6hlvhr9e8fy4wvitumpvxjtpkisexad5xwm21uw53h5avfjqo2b8r16he8jnnoyczlsbjocgf2baopuxoxdn1ao1u0t2h0szegaisrcchrcwgdpuuddbome8wt1vdqm4byvmqmd6st1jdnl+zrqjwrv7hfi4uor3lucq8+x1rthvfitubrp7yk5bweaf7yqpxqjl5mey36jqrjg3bwy269+tgo7kv9c6enyjiehv8ssbo1gflr46qnudfc6ep6yjbhnippd+wqji9ti38dcq8hki23mxmlggm2xshhfrauxhyz57woq/jpkfh3tapjdihdcx+s+t91mmw06stxhix1x6hpz54y7yqjdf7huljmxze2ipeo1qiiaqy29pxgmw6zhfjrp2iyetdso5rqulzt0ocd9l73gv3qiz0zcmxxvoy53pfzg0joeuqm2fbnojs5n2phbw6axitck9vmpwo5jcgmbzniftrx1uh/dbtgym9/tsxe4znyhkyidx51t+9vprxytfotmdgz4a5lnmnse/r6cwm2o2ox/paux/vkmm0fyzm+v5m+d1igopcvy3lmp45fm6idqosbpac6edtjd4nklv6y+lznaxlejnom4cul7m2ql+evoexyxfxm2y/ndkkcwqish4pjw8zekiw0iylqic2hqkyz55jbe2uunt9hkxylj03a8m/ntmk8/jlpkwcncqe4vyuecoo2db0gbr95o2wkl9dzk0e1a5dqki8rf5dy9rrp/b/2onopcvs7xburnhdmkpphptha1epwdasuyozfcvdiuqq8pspotoj4x2f7ujo7t4zkrrjqfaatubxxk4bixqv+idutnwf4znufazfnu5zxltrmjak/iz8zpgey7cs7mrcgzl0jsg06ewzidnyqxyhcibttpgv4lxwrv5gm58vqbjofhksmhiq5ws1obspuwxriccf8n5ljshngbh2wzz7mgjlmxwdf+2qatncihru7fdt6gys/pwjqrxkw8rawuq5acoxlkb3n8m4effj7q9rr8ucsxrwdbuzossfd4g8yaagakyfspd499ftel0oyebmeytfr/n+hokm/cqlvzk7ftpy4z7obbh8lleqjfm2ew4ngj/f1djlk/4skpny2ix5coetpz3a2jfxicndywwzmifcftum1eebrtbbofgtlnwic0vpbmr+u6e+m+badmjmfhnmkdt70cpxilw7cvetqjdrot8cmdkeua1ykeye4kj85m3jezhnw/vfgqkr697nud4zfub7tkqo7mtjpuwq4bsdynaijkfhk5rtnmd1u695prgv5ekysgth85pvozmgdio8t5pg7lqwpbbccwpkga2ylxis8kszinvs62qxiyd0r612intz3wwfxj+qlkreo2ejfqmbhytkzon66lrz2u22xxqysq/dnpqk65juvksl2jjfoa9xvtatt4w+7y0zpkqc2bw752h1jclwsyku64mmo3mfk9j1vmr2d/xexcgi7lbvtfwimwqrh/k+53jlkmtn4fgjra8nneyxuxyl0ufd7n/fe1+9dpaslxyku8xctyydm/ayzn8s3teyml6yge2rylxady9a9fmbd3ms0utcnztnuinq3ngzxpe1touq8ooh3ofrdpiu1+2unrk1oyq8htgppnyr4j5xhtz06ci/f2xx6spovmv3puag5x1mueadcy7x7xixzh7upjnwvh9cpz3y2ez3lkiojbbjic4+a5cx3xaoe3b+vez/e5u5ffrf70tve+zcwhq1y+1v75cevqff9xru0yey9ydvujgy3yhx7yqkfl52jsqtwx466wr1wzyjupuinyackqe+9tmvmfyf3clxme6febbu1bfj5oqfn+jr537k7z2ibu3ywrzqxpsem8gw8lmlznk7c5aczx1vo3cxrzpprrzznesewbaa7xbol6dn/y2ranvpynx3uu8hcnipxt2vqjrxnypc7pidf1rhv9ifutxqflncsehms5jwt0h8vtatcsepgyvqx+q/c2xbkfjvzwdvmabqsxam46xns7bz8krzsxaekc9h5zcwb1vcl2rcaphdt88shykjwnqvtseo4vuffh4b7ckxyatiy5b4psphux9ocxa6r12x1pjwf01smbvdtmnp7qrwekrsfhb6juhef0w3gszkfizohoxlvwvlzr1tibg0djr+ozopwbekshfobcthvgvfya8rccg/rf7djhugrld7/qfh3jby0lttapvhdbh8ok5vs4jl4yak8gw3j/2efmfwbdlrjkpi5srpfvvnok+okuf6vt9nxfc+dvf76mhi2+97oxfxmkp6dohootm4uidh6+nx9w3v/++//i+//l/70waxkbydvzswrzys/v/rvxzssde0/giwtf8bvu24jwwuf2sdk/o9cps/0rova/6nfv/pv/w/vigc+xf14zsy/2hm/8wr/d/+9pf/7//6j/79f/8//svg/+sv/23/779mxylfeuh8dychvd47cmqcn22yugm2uhsoljhfrexglxsfij9du7t4lqls8vaq20dweoc3cqve6uw6yuqbduqnmmgwrnb93uioo7hmeuxrpoa92qsjoesqwz55cx0t/wje5lx+dcly+tnjzhqbiaidh02ztkvnmhm3n5tgikd9dvlusousgarjfa2z22itpsc54qzsna13acytmqcy30juxv0zvun9zt/21kjuwe80bpwe07w7qdrekpxaiudpn1cjjxb22hwq6rlgpisruk9qvpdssirlh7xqb+1wp/c3ojjurdwc28xamapuwk50axj9pfgkovcsipqzwwghwnzfn8y0jsja+9uyrdumdn//sxm2wh8mknaxzr7fi8bvrr2yv90h2hzaabwhzh6h0xijimbjrxcu0kyodwxbin1fuaeq8re7qrppoqixrcrezmpjhdc6d/ev2c1ojfur3uvudeujwsymdxa7eblx+k2hn5s13nppxpgpksshoohbggdslyk049g0blxvuwwvjqpklo2yfngqwnzrtvc0mp1afplr+00h9f5zowlbsjcsphlin+phtoxlwo4nrflw87rymkymvs4+vh1v7mpi6dfrcf8peakxzzg2hcgzbausn4cf6eo6z7ahzvel6ucf3tb5tetllff1tqcqjajuzbgn+r4eaetq/pzqibmmfnovlqjzuaxixlg8c5epwu98jwme2jrpvh04qnmoifrni6j2oa0jyw1pnlaeubmmim6iu2w3cqtt9utofqggvhas3q+r1qdow0bxvqykcejse5aaqpgguy/2jplwy9t+hu1z3kwciwez8uyecfg8btm7wzaxmwdnsmrt5dzazqjvryygbokwcbkycqhpzvkuq3maycefua3ghcdwd80urccwcu9lhjfwzwoajgg4qauzyzdyfelxxlobqaffw0nkuv07o3y7szphja6eht6y7bvvijlu4wtvc905y63ldkblnk+zityhvcjdedfrw5theu9tdc6wpawr9havmv07uzbar8exmp8wiu33vovgxo5ryvxtxvodyp5vr854qmfewyoss0lsjpnebbf8hoottb54c5qmmtc482jjzlne8v9dshuzywggvtqh9ke66cboj7gtzuhbgv1lxt6ttcngp1m6t5szkup7qmlzunpyiff416q76niymmh6wo6iz630udnvw9zsjgiog6tzfly2lgadmws7cfho9n7n1ixr3vgdb/bawmoefrvcrhk6vcwetjoyek+zhoy5ajq48wm8hqycvsegn9nkuoxjaqzk6+gw3khq6ut9jvwvtgn0nidrtgplw3y9zkfbtrqc7oj0du0kebfekvisdzuymdutdpw/mu6yqmtfutlgt3eu2ln28zu+makp0/lbmpzgvdkkifwly0fdyacwugpczallzmymekpjhh+yzcmqzjukxmadlx1w4fkwsgbhsq3wkarisbaxrddubuomvgf0bpb8n1so4e8skgbsmzsls2mfylylymgns7udcmnz3uira9gosrqsqfsthglzdckgdzi+e0o46avyayudqynhutywytykorg0ewbequheqvbjpyh3ekxiezgqlla2hvirpmgzndyujzwqe4qmvj+gxsrq2tfa64vsbnko9hypdilo7v4hcxi+n8tu3fcul4gk0r52agrxe5f12ng+7/h7umbyuv8khd7a3otgnz7py1aru4tgxkelchy6lxlfw113kswh73vidzfjq73rzkx8w07e/zdoyzkblv2ogtlid47smjpuif1e3b6xdxrfo1vjj6jykbwbvd4rtzt19wygkfibtsicv0puk4mge3uw1jsibtzff6dbzvvraumu1nrlaotwfhyi60ua/tbmw/w+qeruox5rxz89mu81no1mdaj6bwlb9mbjsbhjtdufpzdivjd2tza2chjqgi0blqe/pphe7bhpnybm4ddnby23o6p4igtgpyttzqm9krgyiytobivnt8a8jhttnptrj6r17fzuq+2epnofh8ynqngcsl0io4wopgt1hfhlki2m4u+j+df1rouheshoozlgeeq71xzp+wyqd0z3cak9jnmnceb+ud7jtrdol4z142sarbh5rfzgtbg7fkescf95azxs42khrl6ozhrk+ysr+ppeluax86pyzbiel24vphzw+lbg+/zdrf99zah7egbcteo3xvuru7qvyqpfmve7qvqmrd+wrskuwwru6wkenfbjyih5k+dqnqd4sagjjtc7fn0uqh1rs9cvtzc7ai5kfu62i8+lymtxmxybanpdwh+mqosmq2x2qkjyom9inowpejoul2enkcixpk3tmjw6n1ce8uvwnsr27m4axrfdm0kud3gy7ju1ejbkxybs1hte7cy4yn+wcead3+6uwpihwyqwkl6qvuiinsqr6wlyfmb7pe4f1wf0xeu9h2hobcttrkmpmh5tcmhtkbpcktoaei6pbfn9xt97qigrigtrr5a/v8ywtrfcwxhrifrqk6vhycvsjs/dclspqq/bgtg99qpbojbg4cya2zmkvaq6yjk581emaln60onhg1yuablnzizwhxmlku8jel5isrepirybwe8rngcqpzcime7wlo+0/krme1+2zvy002qw3auuehfrwqgel82wj4iz3udvarysdofgwga2iob6fy6ggbj/zg7vq4whhuzopkjjat7eu7wzuxtffkvnuuhlrwbfwxjtarbvbihsjiypyq+tk2t+hfgup1hqxd17tcxt3yfzonttygod0jd7t2wcp1lw64sijgmuflse8gs8xakaj6+dnmd3vasdccslnarbyqqtht9kd56i4cucx+ur6yk7+rsiwe/vzayzbr+cfmmse7jlc5svqtzmd49qt9/0buzvbcwn62mxkja95szhdopelqhdtjmq4mcyj2unzyftpljy7ruh7hphseuuo2fd6qus/kt/vcxgqfs9nco6vzup1/fkfopnxwhtgx6nxlu8wbz37yfxeun2rk/jvfbwc/lvu2z3dzlvcwmkvnuoivqkxi2in8tdup69rdlkfykisv7leipd0/eixn7ryht12gzcepuuxakxginvqblvfrgydt1gdjdeuwhmklthmsmu83l9i9qpp9dqfm6sudblwhkselko2abazprwn6p4go6w1u+bbeupjmnex7glrytas2z492cfc2xeyxf2zw+5vh5rqfmfbegqdyr0vojrntnqsuoqw6h/dlpfwapqdvgqal4jai2z/yaf18+uuli+2yhwerhso51dens1y/i/eew039fukdtbbseivtjga87bdxtglb/thndohvdihhduhgz9q1zgsw8p3sjym875zvb7sj1x4wpiovrwuv1mxjgl0otxbomsw3cuqptacx5v9je/2zpqor2s1ieqaleymoxu3dmj2l1qmpqz0qgezm+djexdalslinilcq/bwxrj+kj9q1btdgeitjj1fye6gmvnpctjgxp3smcnnk7bzdxong2hf27xulfptvao+zxj2swilvirq+knvvvzrujdz7empd5796qd5bgr5dqtmkmzfrnukwczzuuk4fzm4n0hiepi8yxbaty6qfyqqxbu3rcq7ohcjmmikgioujlb7y5gxvbpbls2jmnybsf6eukwubvw+qhnvtayin5ke+roz1xio1sdovqsbwgeh1qumu2+hhltvtoystftysqzy7mlqgovd85ww7rnv9hpz1wpquum+qfcsqfjz1uvf8fpoktlr/qoydxnqyh/rb7vzm1cviicyzshhftdxbobkmquiyqg7kg7puf+mcw7gnpawc66fju+x42r3yrl5pgsgguupwjyvrc3xldoobpbq20h0w9txmbvlyohikw2djxdihf0pse9yrslxwahw4v8+vkfqzgs1ndfm6fr1qq446cuq2uhjyj3uygul2skb7dyd0vfs6xq+9rb76nzgrghpfxjsqxo1la1bzbcphhplogzvmwncklpdcn7cyjxavkysplyxg1kerbher6hiz+b+kkbtk3/vvnoes7hrubq6mhsx7r77rhbuzgliwtblevvt5yvcde/sgzv7qiq+x5sv/ttszrto6pdrxvcdliefukkucs5emzu7sy5wbjm1cgj2s8xhldtwymw4o4mqfrufqkalrdnsb3xo3cizce4f1vcem3uxuqa2otnjyy6z1fcx5zetnfuara3mozl3hz2n8fkwivrt2kbsaom2nr5smvfrmy6dveg6fnc8mcsvapgz4ps6blyjnts0ygynmeav568o4+fc4snwkovchyecuvudjjj1mhkf7oy9cbgvhgdpobsfeo2lc+69wvgzxpno7xbgokyvujrfpnzfqtmyjaa6/tzfgmxrbb9eotlwnirvo8rz30stqraeykdtz84epqjix0/n6fw65ojnhz8er9z3oq4rdvp+1wzucvjv54wmm4bxl7+jczrep+qnpecruvvdogwnb10wmcbjbr3t/hqbp215+lhtwvliurl2iyabxdsiptobtbylo7ise+f2h/z1wttzlujnx2cffkiyplipccdr2haivn5eqtvdmjv0ix4rkvdo4rg/ao74gezhon+ncjskeiypj+/we+s9oub+dhhas93bvhfzkhmgpb7nfu5vrnckcqseauiqypwzaeh0jnjaoy4u9wgzjwskntlf5dgh5+xhzl1n8u8zrwxujizsgxuilkxw3d5tzsftfqky70kgng5uuundb5mnzhlwhw/gsawdzuwkth9bs9pt8ndrq45hwxc1v4+xxc5xpfrahn4jat3rcw0cuv068hbcvq84qtfqurras/hexyr+hvb6uq1++eudiwqaxtxmodhkggsu7hjbflgvdwpjuvgrb95j06d2g0fajvzhhib7l+kvr3iykw4g6miukkcxfgi3ej6zbxhcjfjodopr+3sgohonb+gtfrbogw7+zv0rjtncwcrxglkufxwrmveju18r5+l6xrc/p+t2/vljmaoiyz52qloqp0o+jx5isn8pc24gke06phubzj88cdqqh0zvxo/gkzpjthvj4vuio3gw5tyxnd3mqvi+qa8p5ldgwkgyufo0dgtdzimuuvb7bbkndim5bb2/wre7bmiro1/qbgpy5avo4v8jxmetslhzfdg5hanoaffr3m2yzkceldodkvjez/4fuvlktfqhymsxttsypgqjstklt6fti/vk9fbbdbotrn1uhay1ufzj+vmngzu4/wlqoua3m46l2gzqg3cdfxj77t4grvhjsfif1stpmthsg1iykp7mcc0j1fttr3jou97ng5qhuwafcjnlju/hlew/oatvrvmj1hfva/v95pup3s5bkobnmbjumrwjk7rl+nds646dczatsqhxk1rkx1otyrkfudtiexrq7unar2pcc+erk5+ygrrsabesuzshdvbssenatxyiafisdxzdz35z9+g7tmsmjm42dvxblji8forp+ouqeq33sdtcqnujic1r0vdtgsqzx5n4jogfsw8a6noyyqfbn7vwq4nm2sq6jkbqylzix++cy6nd131wz4rse1bss26yt5kzrvdbiurtxmhvyenzjhien6euu4r3ah96wwo+mtv6nanjllqqlgspywz6uzav13vzvjrsjdnacmjt9dtzdc93+w1m3utuanvmrhwbroc0qa+rvjw18ydpvasx3nzifcxcmkt71bqbbjrp6opezmmyy5ne2ykcinzahyeutredjyoy3d+sq0w9vlcnnkzkfkee6ecfe+0yzihrgg9fbs18mqhwbvsnbbfnybsikyasc5fqyg2pcizcwb4j4do78nuycdebqvb9akiuruwzmge0et7wd1fsmbilqkc5uxkf9ujfy10on/rj6c1nzznyfeo9eve+sb5jjqk+2odlqugiipjjzlaaxcal/oedlnhg4euxskevryzgxomauxllqodm0qm8mwzmpjw7yxgxdqyyofciqiuqnik30ubiz2njllsugh+2p4st7yfk1y9bvfgcgeth/o1ugsycqsnddalskunqronpesyq0/xowhfx6tfj0oe4phlbhkiczmogf937iuevjrdn+f4dsxvcymyv3atwcg4vttipduhihkk9zmkkc5wzm7trcwuy1bsxatppndostndj9blnodtsxpu2t/dunurjdfgpyu1reux3clqtmwadetfo03gvhiiunoahkum5axaja7y9alba5r6ezpz0r1eth4mqt/m7yairz3otvhntrrocw6gkhg6sy5pzkjb5fjma26nju46pgsoajyv9+v0w5n2lg7f+bvq+80vw2ajzw0qtvws1mq56b2/7cb+rwgynz5cdjmv8ouzujost+8cvxrxxn1v5hjzumsxveb9knzqfbgabaci2kpzqjpxnxj5pjmohw71t2eqpol5ricfcimnuvzjiqdz8ru6zjfylc8o3i74wm+uhfsmviad+mryqavmlks3xdqiuym+zio3boew8viqzshxjy5dtspmfkvjorqrxoosfjzegcxeez7c82aq8esdfmxiggpturohomaoehuv9z0oeliaswhk7s6yibywtvhyncq3r64ndgvnetkrj9ey+fmzaayjov9roxpuuyqcsp1r/os/9umeq7k715wwdasz1qtwu+vrxbp37tgaswufg7scegkpsrabljpbtw5ejtrwcmagpcyt9r1nh407tdn4r+roxue8jlatiyqvx69qtu6swhan1pluh41qp6gdkos9pgsrduap2e26dnyo9aucpr1ytm5cb/fs1dpv+vs75w+axu3ynsms6nd7hidkv/gxxotwoxg//rnnt1tk6w5+3lqtweuftyq7dfrhr5gcxsx8urpr2fvfxc1a9v4+ts9lrox0t7clu2yw55tmrb9rzlwdpotd/o+dl/0y2iah3waxbtpbizf7pm4/tewjlh/tzrhkwnwrutnahj2cd6hp9dhb7gqd669ufhr2/hhal6jwe6hf3caf46pa6ztdhjyhsyb3gbrkfk6wsqtbqbbvafzbnls/ogbi4j2hevajepn1a8urbnstm8rf7zye+5p4+72izr4zu8in0bq5vy1q5q3rw0f1j81nxkmkyvv/z8jxybe34qz26ssiyptejnqn7xr6zjjgez1xor2rkd1ugo4dnuzi4hi6ekl6xgsvvkffimnbmvn6pip5pontzn6nokjtqskieidzv/j0rucltzrkrfjod1a7phli6dy7bppun1b1rtndypv7m/5oephat/9byqtvit7bk9nr5cyfcjpvb/ttwlkgp4/1zev6evpfqqx8qttuqpcxafgmlupu/hsb7tnniqromixutwxmtfepncnwbuehzp3t4jwyyl+f3vt5y85ptqotsikpiw+yahq3p0r8+zye1n3qsh/0ewkjaknmazxzigqt4/ywnyfog4j0rkylzz6yqum64a2hbw2mfiskxw4dxf3qglz18lbnpg5r3337wqzokjxwmnvr58+ybjyrtr1zfsxeiu+q2hu06oe/7+1hh1tnfxy+c0o4r7la9ssmhflj8fsqpnbcwtjtvkyzkg7jlhxlyq5ijv2q+skah9yqgjssedolr6f6i3msfvmw9xi/n4bo+fbbo1yqls3v41zrrj2/uz5pe2p22+sgxb137l9ycq0w2gvvxalafqk+eqlytkagutiauez/1um0i0th2nz/jhntxibv/unuo23442dhtlu929ienapxjhn+e5nd1jazhy0sqn6naug5trduzccuim7je/nijwim8bfjhg2+sf6zywxx9+4l64ld9fpdrbuswnnxdmcnmhzlpfesh1pm80fkslvyiiqehhdeou6qiinvmrxzdjmysxjbg+xqufhvble8mhphrwr32zvk51hercoxkj6vj9gbcy2jynryhxj7bkdvfu58o9pl5yew48a5swo7fhwi1c5h2vriqj36arifvzohg+/amwmbxrjru+lis4xf54qwmrjgcat/pdndlrwot4v6tytpqlh4tyym/hvtwdwe9854sygozoruei76xrvcbzc7dxnnpdk51ify6muiilp6hrjcqsrkmds72tn2a7anaamyugyn0elxn7vzq+0h+vhvmvd0epvkl/vebmqgep9ho2fe/znkrmiglwnucmz6yyg8095bvvixr9g8tg+y0ryvkm11diunu0csxyfsykmistknrd8v0auxkyop3z6znvatunqiceop43jxu8ubf973meyrd9jumcoq0zwoyglphbxcqr4bzdgpmbxasqd5mioyanfgdfewhvatp/xrzt6uha9jnbmnstcboypjc2nchrfkqivqzmu6x8tkp6l//11gqbzll7dbxuvvwjpp4mmkbkfvimu44a6h6eh1sw0d0yuzyv7usz+qfwcrdyrbxa7jwev67stvjpnnyn85wzxfo0f7hayz51qqrox+6dyqwqbdyr2uxaxm1xwhcxieuso3mpcutsl2+zfkjfym5jvs8p8jkyvslpfe5puxjtd9blutfcwr+txgamiclddskglwauxeemh3dr75fw7vu/u5bsumz2upyoycctcm65eqyferxzcmgyhzewu3y73rfny7vktzcedydkjughsilknm3ecw9l67t1wzmpkyyynl2tmpa4q0dkggibj+3tlsmgu/uha2ow6aiyxcalzvdmp8haems9vkwlwlevzemfpilvwrtclitjvkb0t7+nxidwn7axs7nywwqtlkngf4qk+smmxsv5pzwpovibj/ohjhjkvzehddrasspcmz7ok3mvl5jb7wf5rrq6n2fcbuu1mmcsj62jlmb0z+fjcbi4pgcj4qxeftl81stafrrrihrp5rdbf3hbaeqlwtego6j9vf7isq73dupnbh0wnniwnhvwzu7cez4ratp2e9uhqvk/ha2c5m28nd2qjxowjiwyh8xjkl2awz20zmhnuxhrlv6edemsp9wvrsyz3jhuwuprokg0swqfysxkg1t3u1kt6aqpgxb9hi0h3ypy5dztskbjcigdkuardh1v47phlylxdglsgoflzfhj5fbjqczla+9fqzlnme7xqiovum5dlnt5ojxz14kvo5idzybg1qhruswl5y0yyc2jpjknxbrvm09j7hzr9b2t8bjf8qh0k4c4e3a9nl+qew4dxb66nbsdo+jgbuv4zm8kemg0iovrevtpyb+uvda3dxhl428xxyjpdrvvpbgshdxdo5hmj5prkwrbr7i2e9ztxkjuyhpx+hznknsrk2y9qms3n9ewlodkjmwf9oifbu9fwu1a5pf167xcco202nrrvnvigm/xgdsuxjsjcarh3ujv1hel3xu59xiymh55lkggfpqvjnx+ynemvoczlvjpbflko4tsldsrwolrjh3x95v5cvwnx3qstxhlv+ds0yu4c8uxpc7lhpk8eattpenwq1t28irxg3hjxdmpbkwb2wmqszy/tmsidehiys3ybkglumtldeqj90riy1/yrlnxgguganha/geblhm0dcyqjhcjxpel2v+wjxhuicxkvxeqbjmngavhsdiob1m5kfmqla4hgeadulbfnumrlls7j/xjuva187z6o8rvrk2xox000ayou9sq2devxbogyz7smvt9ff0dzvhhkgpry8rulgbqnfvzjmjnkcn7w0edg9sc7kryvklsurutcnc3dmqujlmc2je1tr4nzlnssqb+n6sgdpyc39qj2btnpthk/w0vepgt7xl1nyzsqmi+yxfel7pzj5rbcljivlirgbrvnagcpzsfzaud37u0qlv7yz6qc+wtce+8kfs3ymoi+jfckbdwhuv516he8tzc4oolravz7igbpqxxnrh3fix0gfvq2uvb8zbjurbgew4o5z/n00lu7wydhaayerdn3tl0c2xxtirzuuyzegy+bn9/uzmf7tylfrkuzuvovhvs0p2bxjibvzbxf37sajagu/hy5zvtdzko4gyouax0h1frbjhq8dlmw5+uhnylszegd+5jw793wggo8nq4od9boqtt0lroojqz6hxel/wmhncvwct7+srm6zvngbhzqgf64clo0ouedaes0dgylj03ayxcpnxbo9qqdyu5tx7k5/qwydj6mzm9kpyw71ots1u3bavold3yspqhabfclan0rteak1y3s9rkz2hmhjemmzeo9m1o1vqzblyzzpgjwxhripwa5b28lherflctx55cp5qkccycc7fd9zyu2emp4txxmzmg11iijftu6r/bhwpg9smz2oiqnunwxfy0n+dpdbnk6oiglgnz4emrm5e3bp5kbzdbbnbjc/dovvh3v/pz5uq9z4gu7ja8hjdwgmbh1eo2wcj17p6xuvovrj/l0+ulv7gqh93xngqzjljummutynzo9dirj5aa98zt8bhmlqvk8tvryyk7ho/o9j5c6o1uhhysxrg3jfrpuhnpnuywx2vhshnwtzee1s59u+rnjrp6c501m7plwofqdz77ckjpktt9l/gls4piurbc6bd34wg0ssou+wzlknshtxuthcdilnmppsn0oiqjckzqyh9fsaltaerp6ivmhseqopequr+9wqu8n2xzlkv3oaytnu79n6/uz3dv6jnkg6irqo6nj9isjca9zrd5e4gt9jcfu21v20vlymvj0g0abgccpewdhbtkny+e9zvn5r5+oiaaidqtzrhcs/5ix7dqk5j+nq9zhfftkqd2lvid5sqtukjpqk8foqor33pu1u5vimvoyojgvqpked8mvhvpbdbnuew+/jyz1vv0il7hoyjafrojghvls+kk5rhzbbknvcohndihywwsbvsayj/aygztwis0gdooluhik2vnz0+q2mwnmpqz7syrf3lo57u8hrusiznsfcwbiwtquikgmcirqtk6jkjc+q6opf3zo7a5f+3imzwdy4ib0kffvvvqnw9qngvp2rn8kyyw4nlpin6vjmztilty+u9n+g9db0cww4h4ftpz+g6szr7uqj9zydpip9kgeu59us96h47lvj9rzqjk7lvv/77p0ydgzdxukhs7vulrigle4adn6s07ngcsq3jgissoomgogre7n952nknbodamhzs8ijfawwcl3p540fb93zvox3ntvr17ksqvzf8x3awvf33tavirfolxticcqgoemzmlezdgu4omen3hkzpbnhtbmlxanuptfos1kwnahzefsql38o24v1qo7qhlewfwefufdjwb47noociqd6kptl0hs/eqk13vd5jdemq9okcgqsvq0kv0r8fz/bchegeektxq7q5at/6ewaymw5vpe/l33xarqrqbxax4hqitlyqlde+sfjp/0zfye+jxkd5lmdt2amy/sr+tteldlm8laa8bchtep9rosn4rkdpaf2jcjahylso25kwlxfrxgmhbw2ik9fdjhzlcgvtclsdyjof3frgjc2x0ed0zpr83dkpb+t3bo6odehzzgnaaoif+7jtmtrizrxoi4ba9er5zpjuea0zaoqgzukc+mr8yhfb33a5qe3bpsh16j2tlhikjfdyikgfbhtf+vrk4pvktz35irm47q5lqiu2fo+tvitkiz2rlmnt6xk6mvpisy26coov2fbgs4qwk8rrssijgepx2bivp94cbtrjk42qjcxpjbpzzldipzs4ke6rk0g1i8odjszavjjjf3g9pdd6nnuvyh6i6boqa2bvdvxiqiysvctz7sfbvhk0veiwq5kxdtbho5+cp30ucurvqiharunbz5sa7hxny1zhpldvicmqckuteoisk2uddsihv2+rwkrhdv8/6hwuzyqeekhf2/qrvjkjviu4ua5yzqi9krvfe7tua2lx4yyp81qxgbfhssi8k7ubxz2xt7jphhvt8ew5ryaaugkiwqe1pskyyger9uehidt65/ttgvyybkfh5ynhlljmyh6vgfvpapxyyr5+9yzs7fuggtcefphbp8343z2+9yewouq2z6oj3v2jgj5bp47s57y3cem2ceredjoxp+gqz66w59j5kft64kcagtjn880lnxoqwcrj+pbuah+11o/yzn+vxs1+evbbgx0ag9ktmre5qwr6ahejjlm3le2ay1tipm7vbwrqwytwuyexwam0g3r1ofa72gxxdddpenn1u7fyzbkaemkuptpfb91h3u0hhvbi4rb0gxpt170heiqzcgmifc9zu9nvopyznxsrxlbo+ifnujznyio5choyk4ftnxn6hjqa7yliqjesk4texsh4w7pnzob3p6idyoqw7o0675miu/xuwb236cbv1vxy3a97vpxrvzmrj/2bn18vi5o/gnub1n1fugngm8knjevullkyhnq2d4/s0iodrpgesajomcvcj9rsmsv/bujcl00n9gon7lloq/wloxnraq/mrc/2ffnxzurs1z6hu8a6z/lpmc6izwsx0wghomduxfvsmeh9/hcigjnfricgbamyp1xmagodm0qhauxnsjm+x7+7vztxeifjf+rv5hkgntnucdw7f2dkgjpoee8hr7ktyf+dblmjmga8/pivysuf7kplv0posgsxnijqjhz2cpmkcr2vf4+u69j9l1pbhytjwox76nsyfgppfa+0v8opwp+3volfk7yqcvt8neoexccswdshsx1c7+jwvnhja4nnzupaqtxjp947azdgcdo5bxzdvmyhigfiul+n9aodbh4mkojxma5gydmodrqsz6+/8ohdevbrf2jyxcwseoujtfkqsqqirqodxd5icsz5kygpbgxbcuyyqv+d0tv205yccswvhkwwsz2j3byb1a11kjm0wahvsifut0yxfmvj9h1lbe3rhgmag/krlvqhptec1ryucig8wthkq4v0ypwbrlh2qlalwrixtoa2pitza3mwsv8onblz1bjnhk07wycturytv92juysi/zvigsqle3zeqke52pa+o/gbhlp2pjvdnemjkpguxfcbgs8t55fcjejjikgwqdnd8ahwl9m7munav2o5pmbwcktmrqbzomxr52izodvmd+qpbhqvebnif+xs+b3pt31vsk4s6rxshktfrbs2gnocdkkvkmez40kk61ikusfvr4gfs5cx/o/nuzxsepihptol3smd7m4gwylsl+zfr7v1ypxapczxoccrpyqzifqse+evhbdbr0vesiskgd2sog2iv/fxnqtfaqfm/+f4lbe4xok2o5zhhq7mugoo36f48unf4v2jbo2tuabgfpdoqhqcg95rwvbiimsl/rxfogxbh+0c7zbq/vjcwnzj6k4/4xp2rjlq7baiecnmxktvhue8h7kcfutulixjec1a3oivtdkwzvklvhq502jk6anaqao0h1ud5ai2cmv2aszw01exlgtlkn5txkjczjz1ogvadpxdtkuxyedqcq6mo9ktliyeszhhokn0bm3npwzp1dnh9kzsunz1s+ojoxbpsd6edswxh+wbs/yiztdtdhx/fpwdxibaqwlm9sumv96egbrhwtvq48asstvidh4vipqdgjmxzj7ni2plfjjf2fogsg2lxfok7xx8q8avzhxwjvpwtufih2x/cs0kbpaqugfqwnbtymevqs3g6hq66hodbey7fw6xpw0og/lass3gvvjwsh5uknsycfslieixdwj5wol6/0cuvqvxkzd+wcqpym4euz1pwkc75ay1rfy4wvynsew3rwmp2bzdkoley5n7gdm7fckab4w/zk6dpy5knjdaxgsjx/s4jfivm2ni0r/hl2eoeszsw6sthwqbouwdsjogxylnu0ano2sqb//d8psuis7flkzfyffm2gw64q/dfkvudeooi6v8dwoqglvwffv1l/6o4hrkmwqisbkcscyck2x0lmdqkh3f/oc7jul8gwfg+z3j6pamzwqexkorgxhwwrbqykw+z9p8t2duulxni5md2x8npe9c8qne6pahfq6z0gr2s+wqwhe7xswsdtpz6xrtpc7qnye4zuvppcbpnylvbrgo2kjmfv0wngy3c6sg8ia6usirvrfzlzyyigsfn+1m9st7fihq/zetzxkd3/tsmbacbp7wqy9lzurlwzq9erqwmj2tsj9z3nojxhcalprkarx0znkfxgptuljckc4bl3vzyjgkdbwv+tatl47r/yhyov7xvhfa7zf3tfk1xbga+lgiy5+anzaaiuiuvctw1xyuiusdbmuzrluy8jld1ldy+0w5x3snr4nqoyhjijnky+9hz1g/l0kkzn4g++8vjatznwfwvisjxc/bdfbolqremqko0yhgrsh782+sjk2qxsaeeq0/jdtpnu96clzlxnwhldkujnodcyiak++hih/dichm0k3t+zbtfisw/xng+ieournk6h8/gz5mwvieywwkdyxnxgra+nma5xf930hm04xmkwxo6ke4j5n3amelmt+hl56gnkukd3+op26qvstbtgjfvmlvwrcux4urxfewq2ue1fgfllx5eddst/3akcbnrkmxcsbozmtkpvsh/zr8csqhvoz/eixujjvobdc+mxvppp5byv/gnztpkgkxoo/zacmv/75m8x0dhx5/7t5tp7gnemoj3hubqe9cuyfhgygjg0bq/edjgffke6urlqs7zlxh/jcgth+enacmz8n4ci11l1putqtqsx3m0rw8lalun+vvlrcucnb6yvwt6jmfmexzcljxbgyk6hhc6lnurtyuw8cp7vjn7bkmf95fnrac4/tdjm/qhmynfswizgnu717gmmx/cjs72yhpbuhg7ouwvqtdu28khhp6imnsp5+3b92vqyt6bmjzprfjbpfwkrdxn0cu0cf4hdhy+2foebi4u6ifb1n0sjuwtqjnjt1nwqodcstakmmacoxh2ss/m/rak/jgcw16dl/taeacelzazhjrmtdqulr2dnor9ydhjme/omnnp4pwxdcyd99wya7ida9qu0vtc3gd9nvidetdgc/1lzqr9vmumjtv3b7qakws2syouj7/u7zpf6+m4oq2zibxcsz2xkhrdr+yjtss3kzvtqf+kezzrzbckp0jwu7652jmeyrhvzbxugg3pddowjp+ksjfm+s5htteqldcr+uj+hzkcwhh1txce0u8fff/th2vhzswwoi6b535mazyozyvw5l+wmrhqvmdll7nipcdoog73kvncvfu8+tnirijpwixjti+uyzd9lt9+1kx38d3wgade/mkcjk0xtz95ciacfqu1+zrgjinh5jjzmemnbvyria1+ivuo3qed428xbbiahxcwlj1a5pswf0tu99tanmyqx4ovhy7vxnzcpwzityr7mwqerv2+toojs4z+dgjqv/o+rqpczzdhonfxwrqphnulr+bdy5j7uroxlhlqrpb43cythlj/4ueo2kk3qnxa+hicpahlkagk/sh3ycs4wazw1un/hojhzsep2m+ryorakdouhht846s2argqol8jv2jtnwrvcdqtyzvbeqlafmxob583uvfqfyn/laire3vhmy64g1dm2o6a/z5xer7bgelcvefidbckikwozwzbqpdcss753qxgc9rvqvsq0q8wmgb/p8/zjunqhwdkfo16qqjcqcbrolhixsjmg0qbfhkauhcmodi0iop8ziqtoamq1wrxshquakdqrsdvmv1koekasnd+nctpxh2fmhnbm7wflhk0ob1qv0ivtsk8vffujc37/f3ztttcv9dr5rj1psoebu792uevfbkkmr8zmaqqc2tfmofuqidkwnarzl2/5mk/t9yokle1gaeydxsmxrtzj0jp2k6vhj+qf7sjggvnob4vzcszp242nbonqskrsj9sze6vcm2qpatlwwzssiml3tzu5vn0fudtnld3spypennj3d96rfeofu6clduigvng1qd+ckqb/emknn2ikmj7a2cralkf9qaycairrgrpwxewvh9hq0ow9drl894p/gt5kd+01fu7jmxyilvdpl6lezamfi3rfrp9tgklk9ev0ba0gxwmcendacpgzyrlkiwfc1mxhx09svsfcfhuxlnjdmpmvm4lwipmx+ruxyxm3omy+xoets53rkun3tvis43p/7rbq+qexr1a5btaf6zvi+dhjub1r0zlgvjiikdfbacvy2jjrv+x4gfcuvbvxvfxqthclwyk7oq2ls9z2nu+mjy4qsnfrety+vpwxzurkaz4wcjznebyjq1znqozk6wymb6fvesojr0gc3uxm0qypgqm9mx20nry7hcxf0xc8zsu+c3/wbespthvxpl47ryj4bc57ghn8uilsalsym2zvmtw4moaqywbajhvgtwob9wxquawlg3x5chivxxjitzojvhuqlktwzbuftxbywatmjeri8jngmtz4via2d0uxvlr3k1jq44iya2h5wminy+w6qoqy7zkrobsulgv7fsmj37tydpor19x6cd08m6jl4vd1woi8my66u4gdnda+ektpd4t5gngazpuwrqtdszh2su0ph9yx9td4n1gjvuyr8um+ubnsoy7kbb1crmums1xs90xyn/fzqp3vndhfm4zrg/4hug1/nfohtae0e7+bj/pal7681gcvetgf9rmmh77wuvdsk9oo7r5yl9zurutnpkutov+xcvoe1b8b9i4tw+pxt0m6jxgxbitlugfdsqrw5auyafeafmmrjf48ktwtzt5oz5pidojbrkoa1yxl7vp/64hvuxtgonqd/fc9bpuofvf9oergr2ynmfdplceyq7kvs33bu3donvkvz9y7yhrv1d2uow5tfn13ewmsab+rsbehmbj0lplpnzxf7t52upxcmm1fvszlsvwzrohxhr3obtkdhhrhg4bdjif2kyygjnohdenulxc/shemmtv/1lpuhwsfgsawe64n5ee1o9z28rzcif1wvkm+lzuepp7mu6e7odaesgrutsyzul+2iurv8hep372hvjnlfhfgrxyeuviy0ova8x692teufthnwt6jihfff+5y7zmuhoaynne9zidn9m6gka6/7+z4i9ysjvrbdwe9kmtoeq7di4sryy+p7hrf8fiwve1tuqd2f1x0uhczkagpnyqvqrfuye/hpyqamjut2lfyr+jfrbrh3iazeoto928lu3cwylwnls3x37qsdyvsm2a25fjgk+qv73kzupcxelp2413bq+bgwrg1rtga2ykd/ftiwrbyqakye5ah6wgluz96ikf065du45smeul5asnpr6624nqrdh7lswpbshxvlfh1f2851jwrqcglhnlskvkvs3o/4otq3c1b8rb5fto5rit33fbngzgc1pkql72t7yz5izhfnhpvonqtqsx3trzqcouhxigv8i/asxo2jlxpr0o9hrdxetttmmb2joac96hlwmnruxwk2ut3zehvfjfxa3gdb2ptvcvtg3ltkl2j6voqwrt1qbei6fzdmvb0dhrqrue/nbowqbic02yb5vhp/oqfecs6j87/7sr1e3sfm4la205w29m81iuypwdxvvp2umk/ouyb3ewhloxuunj6dke00/y17yt6lu9cth51vbnfmmjoyh2mb2pqtdz25at3mtcy2uwvtx4q0crc+azbsn0spk6mtif/m6esqw/agrvhcebjs7yqqhzcwlahbpkgzxveq+7czbly2gzeqbxamn2wpowvgl62yphfwfummxngxr0j+t1eqvvruoucs27xj+f58xmz76y6oobxn2674iutfzs0m/+1mxzv1u5h6h6ud1ppwoh7mersy9nnelsqpsskpowgnhuq6w7jr7w4wqjlyfw9vrct+1yz+4xtsoawamftewq8rollkra+5faqn0dnzsoy8u9wpyfhc7ayll1gpev5ecegq/gr+/vggk3tbkgo6vmbdzy2krxru+630tqohfnct0x32n+1b5rs+lkxebtgl67xzmzbyj+wgmts8xtdi8hdgowuy9jhrb+jl2/7+vqufbm6tn2r3bfb0mzajw05x5qkmfzhap8s/wbpsmqd1hlabxptfj45fwlo71m8vwqp81tutrfkdpsshajpzdhtgdslo+jzlboc2rs73mmroedao9grn7zzsgwcr4radibkyhlgh3zgqz/2khrc38rnnt6khebi58qnbkvomvrnq9f701ftykhnpjokfoxtbp6gvrxxnjutjqh3+35f3fr1sppknderkhaq3ydrib6ucsqdoomgarg4qd7jeeeixcdp2wecuxl9rvhgloujierigspd2idzxt9xyc2n03nihaoftnrmymi+zndprzvkqfugmgha5izoaxa2byfzsj4z5o4cbfp0xrgnhldzneqp5eemlhg6t6kf2hvcdlrpyccu/9mozhma7kweejfjhlg2zt8hhxxw+ac5xfaetpxfuoct6yk4hqerem7bz3umblukuyscnclxyeejp1cf3jwvyqhgj6h2riusqhpkwrrpgnmk0tzldzk6t9wykkpc5zosxhahrtafitt5bcieffdmcyzj8enlnkf/yatz2v/7nxon0ddx+7hfs5r5wfc/43w85vhoq5gpwx4jjn3izykcpesx+yczdzd65xzu7vl68zge2iv35ryfv9vy7k4+bmlb3tbtdr9xejwp77ssjm2jr57w7niyutgfy9brhstfxfehexfghsxohfiynoro6riu5l1wdtqtayb1bmcr6ru+plwxsngrrwooqvsans27xvwwwq7ikikogd+jrzpvcdsnfru9xug1myvx2smleodc/cr0rfgoliguibvod/t2krshttvgwxvxuxuupel2qsj4be8vvemiwnhcyockpa7cuyue9wqmbujmjlkgnzd8thf0trrggckzc7jpand+qe/0qlwkzblliv3hjsegdpiy6kw0yrbc26bzsfxumkviqjtdjjnbw1crsumbxktmosd1lz6fbpraglwczrffwsdvnipvo65hv0fk/uiztyyskbuo0qgifw1wlpcd0mfm5lzwfba0gu8ehna/fbjcmyo1msfm+p3fyeryjdtibgd4d2dgoomdblbb6fsig1ovxozo/holgau0yhlkeedq23c14ihxumv3vabnekk9mpjo2uexw7p2umuw8pyzxuaxjvfwszpcqxmrhym86xt4utgrtltp0+kbzgcdin9do3ohb9wvghly0b5g49gvwczh1vsjboup2ya36hu5zvuz3q4fn21kynjfbmr56ksresp/acaneahq50xcvu4ztiivpjmx23ezqlicthoaavuwjc2zswbbf0qxikwi4f7fof7vqxery9syub7mmqs1ys7m1cvwtsclht8m7pzjmjxuacwvwnroatra9jdofdqwum5cfwun3yklomiqu87yqifjft6lqizqh+8nuefm/9esevp7ygf+7bqeu94uh0hvpku+hdoqiojm5qanvemfr73mzgfctkjuk/aldqcx1nhd9x1npdszmjnhevbghlr8iprxdog/rihnz12zb67cxah2zuufkvgax5vbo7gyscr+vfwzow7ofzuiiyinaberfaguwdtgkufnalcylcjud2hwobwvk1iffu123g+zqyrvlhjqbyyvffmdja+dfjlw0a3jnbimp81mygheuiwk5nlg55hhmu+1mgkd/mkrjhhm6dipzgnphczzvvto+tyklkz6s9czmxzf7nszoqdmnml/myvaq8fe7pxzak3ykrzvaw6z+9trh6ki4l05nx1vdaamaxpyhu5i34gi1id5pi4ho+o1q6vl89dnioqhu3tf+f7lujwez5mjodz+jybecszizrvzbi1blaxakqceikdh/4dzvmt+rjbqkuvjfye7bl+z2d/9szx1ncizds1g6y1hn9mrsvy27v0hcfjzgzksh1/zyng1nmc73qklqo6fvu6xqfooplcket5wdcjoqkhvigeru9afwpyy1j0mo16wbsjr/u8ew736whdkwwwmhwuo9vqmsdvvytxr9lu21y7wcnsaucr0x8x+vqrxuurj3rf6w9mk7fa88fn2tnckqaygninplykgblwhkit71uoetqbrlnzfoenzoqi4ax98o6ybpf2cpdyukgmpocn1zlk8jerd5lrc9aa+7wkod8ydrsiswmu/a0chssrwrg9lfvixrtvvpa59i2m+7dhkpwflylkeizmgb1r7fzvmm90yul/l12svndpbyi75ytmuqtmsfxhhow/g3h7hiottui4jf04vyq0rink7cfbs3bnljqoixfof6rdd3acsqeo2v3bkayuyuutgf6z0vywyhd4dlf0h3ua8d/ayrrn0maaam0jubrn9mg0h2cgga7satn690xat2qqhxzm+mzgqlhs3c0omuyquuholrmnv9a+ac1qzv0ofrlnmail/slmthlsy6gjvudro1zpib7crdknxhco/xekjzqwnbtbyobd3ugowxdtb7vc2kxd/33uzykydkc948uzi7zpiwhaqyq6nuz3csnasfqaxfojgv+u4dwxcjaxjz+rbe1p8r9rrk/bgw0mohebrcqqvgcefmpuqreuw1bqm5jzokbkm0u9fmoyr4e11vobiiqrxvscnvg/f30jaenjzuysowya8twoimfoea82yjenf1yk2tkelvplwfezp1ltlzjdoh3flwl6d91jotbuyxn6hujjyz94gifudpwgro7cdayugpoqfurgnufhohx1eqe7ztvhsnmkxo+rvrtfmdx0flw4z08t4ikbzdlcj4zwxrpezdluqpi1cctkmkz92m040zavd1ikvuiudxk5zwtzpboy28d236ns90+bbegautzx9+dglhe0g/arixswxnzkcsi0mr4rbs9bvtqdpeqzblgldc9z2gz61w7lqlwpn4qmzxikiz2+c+l7nspyi+rwnwp2x+u2usm5r8jfwz17odj4rf8olrrs8nylhrrsiib5nqbg67earjyemhxd1kxevvterokjhqocjmbhx+zlgbmkolupkpntwfaifhngpiey0wrhkm2u1opmd+thia0jkkegt3mthwg7hoyh2mmtnmfwa7pwoszrelv4imjisk77gihj9koyj5gznpndyl04fyf+an0ag8rit1jwejymjslw2qgnutfjq8ixlnwinuotiq7arwiwm47zy9gc3zkcjgro2oqrf1npl/ryemhj4gy8/xrtt4lqlhxsxz8yuefkenowwhltkxqlwwaclqji/o320s8dgkxfeki+qkhlqwq9gdhox+1qzavva8dxscujgndfvegcxhquroiikxchyaighopkhtwvsq4e/tsfnyq7oqxjsijn+jrkkzxa2wpx0y0u41qtj5nwr1hh4i2xydusgx+nnw9jqlmplb1+50g4x1ghw5skc5izkijwv+nhtofbdk7peaxqxmruyxfba+reqtfooquujdiebeyd34hjjbenvihdh08ttavqt5mawuuxvgazaugwi9gwkkt5yq+y2x+9zryhhd0fgjiawnd8gbalt1t9rrscr4zbk2dz9sicqqt/43kftksycky/wkkmchpkz9b5w7cgdzrzyh0mxjmi2rfcda0qkkmusd7dm8kfnfnzmjxzghcypc8lyu3f0ovxir8jeojchunryvhrk7b6m5wywq7lfbzz+pyjveb6yebykesdh6zap7um/dc7mwknrbyytzua0k092+fa3kmoeooceu/lbipt0smgoj6qnuw7h5oc/g7jm4lpm1razran7vprdsa0lmucvjdlkkoetxc8jx5kdigvlrt8/b3nsxjpgst6ebl8tzxe+ttgatpuwkzdewghf68xbduai4hbvh4vcrs2dd+sgv61oo6cq2g3j1byajsjgbykijjixkm5ipwcoy8xcye/cns7dyxisd5mpfidbw2ik90qhkf07qxabpgvihmj/eknnykmi5p2rdm5bnosc3i/q1dfoh7+wmsnhknxpefzmbncth8fwj3oto14wrlahiivnagrfekbcza0y5urstcboqxogqxv/jdr3ydezsshkrb1wvsnlh39iqsnx1etru0yawrezjnm8w+cmwwznjqilexzqtp9rzxqoyzvrmlqoz7blsz/mmmfcqghsk0tnrdc1iif14sl/sg02x1+uj3o2jgutfxbyqk68pkyq7nmz10rrgfipabppcvyrrvaijo1kpexvlcdwmtljn25c3fhg75nprm7gvldzpmzrqw31pxp9mbbtwhyrq1+phxz57bg/s5zljp9fm5bvngviufhonmzgirh1jqgikvjl69zgg2efwefk0xreb+xztgordppiqxp0a/pvypo5bs9lqalie6ybvs4/9reemxzxz2z2gii7rm/k5pyoq9tyx9tntcoedisec44kntfdyq0lx2qxhnyno9ztukffrgipwbxww8ospcfcrdjlm4u59zerv39qj2juq9sakn1borhyvxzo4bz5kf4zwx047w7psfrxdeidbupoicfgn2j3xdy3/nrilanjpuuqweeifseckal5uq6zcm0gqi3wrzmesk0kfwbiv4xqdudgzejl71t+j8bk//o7kvgacee2mzorekygy1ldhttz2eqmi57a/4+o18xpnvaxymthqupweiloytu2cu9riis1y4yweozflq7paqn7fw5iomovjdkishqz50czba01pvwumpbjwlblsqcglit7d6hpml1d4hkzcpnvfy9soyapqeggh7iju0dypbxya0hdxndeilgmpyouabsv1x+ilghvbrfde1b+pcajhlbqki2rnpmh1eyd9fh25q9vpyqzmiltxs1hbyvdtrq1xscz4icngx/vpyhrc/scv/+wx/+pxa/mpcn5/zwek33ihhzdjozsp3itogdg0/vbdngampluk76azf/xe/rh/31ixiar/pd//+sv/dskrceqsktt+gwd/4yl+f3/7y//97/v3//sf/2mp/vnlx/d//+x+mdev8vnrwu/iozt8xq+tojdbng4ulthioieit3q3bg6tb/3kuc0ox18u0/klmcemo3vclj1zbvk0buimqnpmg99t49lzqvsyu7obgtp1jyjeioh1nmsq8m/var/vrxrzvyoqmve7uykj2asvizllltpziu792gni2f9ytxojupxcqjv8lqsjgxqaoov3uzaqukyypmyywysfikoczsf+0lgbezqlym+j+zuowbgvc1qsudeoc3q9qyv47arbvhbodsmkrjj/eslmvsurg7lvotqltg75mu7ap97trwkju/gzgj4djonxx+qieieh+9wnahajnaqnbg4monboufjg2xpamcgkopaqs19pe5rv7eyhtepq3vc4my6qdsqfbo25zjcm4bk0v325rubko7pfc+v1tp0hicb57sbemvhprnljbgxuc/isu5sagweayv13trdshwtd8/rua7jsoyphzebenmc5gflwa6748fzzd4stj0botwuhvwbeqblleibrxeawiniz3/uycjaq72v9vmmihotnlgn/cdl7jhurw5rm2lkzhqmvaj/dvu/jqho8doef0m36git3hyx2gpkeeiuq18aj4ivyzzb9efci6trk2i6ejkzlh7g6dsushdlbcbwh0kixerpgnro6nt01zl0pwkv5hgdfs9+r6w9mxshcgkhvqzcp06gmlizvqdtkwkuare6urjmtr7s9xnrf835iiwfrxcns6ruheaibdwh0wgwbbxld00ben31yrbbd9qr8vnteiexk1+6kqkns+vjh+1wprk03fxnqvgmyn4ntrn0nbpq09e67jiwj9m2n+puumceuizcvo0rjqhrinbnt7u+unx09lapsdzbr3/usaigwwrxi53hwipvzsrubqo3bqzpt2uhm23p73ipddvfao/9j/avrryxjsvlwuxfjhjujga5z8wnf85rxdmvpwtrjty97ixpc8cz80m6jraix6zjlj1fqmd/xjac9s+hx2z6x3dyahdmd3q4zq+6qtwo2pe6dlyekyr2ta7cik8msdraemo02huyhvw4y3iveowoplz9omsiyfe/p6jknhsrorzehiw5kh+zgz19rkmcbbpogg/chilpwtuapnwaqslhmjsvjpd1xqh8vzd0ikmipjjttlymv1rfdczu6gxgtj5cwrkbvtzoqabnb4z31dtvteyzx14qyqsnr2pgfcqiwvj1ctxt28xaf1jneqnybjrpssbvat+yeebfsxjmaourrxxrvs61kwy2ohmgwpcmuemdtzmg4drhuzs+sacgoytiaodebez8sgox4uhcyfzta7qgyovt+ywdvls1bff51scgkb3ruqnrwa4sporvpmsjsrulptt1ubsak/uinplvnqobmrlhl2spr1z3dngznrkkjvu4pbzy+v3hulr5euojcffkxd6ezzgwdla5xo6mvrkfvs8cc60lokdiwia+odyamnia+vjr2rku3bsxwvy6wcir+rgchtm+56gizlqmfdeayytoxqnywsnftvc9a3eskva7qct6a7ywmopkvoosno/hf/nlnhbcwa/aietixa2mdlgsipxotqvwhnsudkzidwv5/zjh3dsjohhrrng0sqs0rvkdyud1x4aiewpzqiylkv5xtc/veiqn5/f00of1okbjqsxg8/t23zgwlfizp+2puooo7chb4mnk8nxjmfrfci5jdudux8++k27ocpyhykweombyilu1szutlvqosvr+v8b8evt/7ulvv5g4xeq7ypszmohfflcwpsm3ur7rxuhxaktodfgscvrbuuijphiy11wcyyemyzpz4echgxxqodjn2wblzzwbdpoa6ajgzspphvk52shuxzncp+rdctphl96spwtvdquq7nh5jd2epoqvns60khpiieakoa6fipm6kdfljqigi5wsnhngdu4nxuylo7ftsr+rt2gnv3ffurx3fk5jo+9jtgq2orngmoryqdxx23erft2r5rvwwrr+jyk0fsowvhen5ckoyxyb87+brtvz8fwg9exgeawg5880pkxpshpshc0sp63r/uy2puqnvxe9u07x76xyelpuxrlffkngebu/uumrfzeduee0btgq/xjuhvugezbvbmpa3ygfjm1jg9yjgngbgvbpxtzx6mk13zxc+0+wzmdnlzyjgaz0kuc/x3hhjcclmxzx6dg/b9ggozlsion2orgxwjqw/gmf1dj6uqgvvufnsasugybv3xluj8wlh5sud/7qcc4n20o7nlb7suzd7qjjzt04s/lsvwalzfli8ht1qctjdsqjvuhb3+zhnl3slglz2ty9l8bbcge1ppzxzve9551vo1cjdtnm3psykaitabt5dkbteoelmdtqflrel2jd+eldmbif0gqph7z7mhe3mgqyl/ymq1rsrxhtinkunglrtrcfyf1ianfs4p5wge1ktpalu0rw7mjcfayhajrpextjs2r/ihliaqa1pyiay4j4if+1og6xsuj9z36kzmww+fxffsdxtelr+eiknpqwjqlr7zvzzvs49u39zeuyms/ik7ippaehdmyjpa4vs7bekibzogwdfmczjok1gnilktt2o8kniysxt5nsv/qtjgoagfpu/ativyyrqwbi8lwbqpshvwlhlejnmpgfjhwbqfimnre5pj3ne+igcsl0agnxu1ywi8rwbik0x0lag/hgfq/yqpzjwlldjvdnymxhxabvuze17pxfwfd+wcyiu8xlcsnq9vrdxirhhzptatqe2fgv95ehezdeupx3segb2sai5ncgumtfr5mbvbzgiliwuqjeemj8fyteon1dnpq/btzrvrq8fcalybvgjspzd3bk7xofnzq9rrue1os+qkj8oeafdz0d9os6vrycxcwlno8896cijvxy0hw3vk3di8wkr+uyle/nbnk0uvqib6yipjg/vzc3trfhh7/q/1fdiydahe4u6pob0u4pqkeswhoq4pbatrej6dkvffnirlfrhvk1lnsm8d7vvkv04xgtgnx9l8neobfjnbzpjlh0xkgjakr6hjeoctvwkrvlasey+7dpr8lxzb9/6yqexq7iubpyuwbv+kkqdbn68yxyvvo1c3xpqf1sla4bs3uq0wjcns1dniw4tvt2o7lj/seu1tfpucxnjnbj8vic/82eff69ecr3vgxttou6a/cdghs6xs27xjgq+f+dph5tgnuozygj2n5ucmkbfhksadwoo+gdisfehb/eyf9lujcdp1i9gfu17dglwm/rusttfkebxodsbtb+2hwvr/q0oseh+qtr76mni6fzrpwih4ymqprurf2etmmjtayaipuqehqmzcsd3fsw8fmvzt23hkw7bzssdoxplgp+tk5px+k5tvnbfykpsxbn6xpywdmavjdm4yktrc9p4+2e0kpcxwabqutjcmhoqu21dojjuw2hurdj1pgnhnepivvw0rkdju1pkejmczkhptaycbcgjq7i6q1wjnj/6fhtyugb7gt/s0ykr80m1vp5vs3tqnqtxavp0wnmlawnicmbujcpavaeqeuji+lyvlbi8xupkcbowchelc4iyscopsgudajsanncf7t5m2p1aagthfiztrkaqlmf1bjgb7u4vznmb3ndtnahzyymo9sr8ekbubia48apd3gajqs0yfyvqemjqbqhatnx1rnk2jov7fhabdzsgdkl8vl2yn2qfem2evbetyabmrirvor2vsta3kt10cfnzmdotkym+v+a359kk9xj/rmc2x284rkqinlz0p6jsq5qq7dehpehhezplvif8snms3sdvpey+ttallvkqdxon1+ro/3fni6r56u6feivs2do94djlxuvjvaugudhia3xduknfdr5rntgoujxjzquzss5hzsylnro0xthczlzebgtwa8qb2xpw2576grdhjvewg7yu/nbueundu+lxmilwzlso41jx1vsyj0uuv04ns8m2exbz9vtoapvvva1o1mre8cbne58ttukr2fo6j7nbao4dqvazoa2kxmvjl062gxlmmvowp59fpr2nuqaaabexcwaml+m8xvyepkxqnuwzaomaqmqiwdnicpqgk05xrblivbado3ljt1rdu4kn/ihvayjamndkdcpzs67up7v5cjq25abpd4aewouldfve94niixynoheckxzgstzlam1w6kmcudzsvvgzfwxph27uwcl76mtvfu8ivkizziyk9m4nc77dhpquwe0ynd2im+wspaz2vc3r/e/t4yslon2qpv5w7qjv9tm4u54w06lca8+pn55qdpnp4pnevvkqjhzhqqud83h8atvqrulbiqc8wdiibfglvfr9s1zxy4/rcxq6j5a00p7xz2zuiodbrda5ewlln7vfcsrvqbjh2nnqryorfkkwj5zxt/clrpnsdip3tfz8npbxevtcqsevhkq6cctqffzqw30u0slrpk6u9dzegdcwwudnwddp46s+hz1wt4nkyuw+j1psu1ir/zaahcwhhtu8rtfxxquiicuf3vc2gizsx4xmoizmivx0wx3p7az2ovttzj0ftorrx6hc8xhpejc7hdyubffwzdfdon1q3i0qxy8wckb7pyngjbgatpjje9zchre9fzvad7q+xvxvzz0rezc5/qtqvqacfddfyqj6rh3ggfsaocefui4ndlzzvkuh8pi+62oxegnpqrvfnkgcfmnhrbygvhd2uxpoont2+fg5zmdrmf7fm76lqwvhnrvpvur3wxoo3zonbn6kf13qc3shdokh6bq9cgawpg3vpsxevj8hrxvct3n44x7x/77vsbidtcnvza/ifiribotdzxznvpx08jqpthjhahkdg1osthlerzntqqlab85qfwvfz8sa8vossbxtedefw4e0vhbpr0czx04i4kyhkhnj2fmdiweckvybd9vl10x4o6wzffeovjdcvm1bx9crcoi4mvc5skfnsbklvlvx05iwoejccbmgyp3cwsafo49r3w+xosf7kzaqouljs96hdzeranbkw8l62slixf/va0urrcmkfk0s5cloieg7kvip0xm27ktg6aiepu1srqy6x7p2dvnp3ntof1tktk7kkzpd9eevrly1qrtgt5odfwjpdt+nuuc/drn4pq6exwwi+zmbxzbzfs5wrftydrqf2gvlhz9vnsstj2mlwm41qevwbdwqgoqzklqhpnbvietr2c2w3neyshxasomgisfftbom0i1c6pj8nwj1exhmbtgcsbumrnmncybonem83orjshumuo+14x3cdewbejyzylj92qk+bbpydpwvteefz8n++bjg+awccapcyokxxocmtgt3bya6iulumlvtus/3g051fvgbipjggbtqw7mjnxbjqzvpgqwfflbyeuedexlxbakmxwhg5r9xswjpcfiwmaq49shbt0j3tplttgx5nvfvphzitjwqs6/w02yr3kdno8jsr826nxid7zciqnosd5/b46yqgzcfq19lc1haoiqxmxvabnuh6uhwn/f0e2xwrd2mxz/kfafoo6z8nmzj7q9gkdw3nmmim9fukdbkjy4nn07js1d2omgkvqdsupl6wznpqmt2l+uikrner1immyyqwpc5hkp8lpcbmuzrybpb0oemvcb7+ghsge01w+n97cavkuh+1sjhixhlmsxu04yc3bit8s3ft775kgmhmdhtzej0fwcoodvftgbg6zhl0ljxlehn7kqwkrjfmx7pdsttfzsxa19kosk3kes5imdyshcdkcead7rxeh6jj/o8q6tf+17h17yyifnvrhtansrg2jovq4iwdjmtbqqwlipqugthiy93dtt7lyeudlqjidm/ju0anycr4zrxd1miuuruqsltqbwxqq8aoj82rse1pqsnjztuybiflqgzvv8jhxqv7e79t1rydgdcb+zlf43z0p3j7bmn9qhrgshir8euqiwksiho1repoxrkjnh1szsdnvrhdpuuzztvojramo0bpb4trxamx1oavohlu8wruhkstekbvulkxio5n6xfqu8fqvrocaghgi+bvxkdjzstzmzyg5z+o7ruwew1uwelv6kpce25yfpwvr4kudvlqhl0ss1qr5sh8lxubtya0ipbvqqqmcvjhaxjr24feh+thcordsecksihbfeio1zi1+5jlnxmlufe7tgn23iqdkktiuyi/eof/tjacp2jl7bt8qimc8hwz9hmebftjyohnadscf0bwstgqeemf+zxqwwf8qxbgfyq8jp3ewvq9su2c5iuz9k0atkfdtojsbk+gdo1uyorcav0hzjbnaagv055uipyoshno6+n8rmhutpyokmlli+2nty+00t7ryhezuc+x7ljl1vhtn+bnxtye9ldcg7g5g4llzjccf3z6bgzoxnwln5kytkonrmib6yx2ucj9ecs2h6jyowmgobsrioe0x1j9ygow3q6un/txb/agrz95lutcqkhjq7ecdhenivjbbytvnfzoq7epy+evtkta7fad3m2ylxsw/hxjcosbdw7oc0vm7fo/44m12fmb2v3qj2ys6isfz9zfte4xyjptz52ycz4fwrrjkjk/vdsge670+m89ckhjoujkrcwxwuy4lsnazf9j2o/mo6oa+l9lt5xj6qexqyo+7qhibcj7d7xrlyhpne8a2ept4atcpogvb5gjizvck5u5samyva+z3j/nytc09zw/15guted1cjhov3ydtt8vdndyqcnfdqu20pr8j356mze9xzmnhlnj3xf3o7r2wpy5jrb3p77jepc9js6cnhdvvphtet1maooprvsur8et2znpun2p6wokp7btr6bwmexe0bvrdtartzv5z7iutegcmjpopeehpf/k+usvqsceubc5zyfjqzv2tv6hbmflqgz1uypngtis8njf2bwuvf7bwgwzfykaz3ba77ihvb+1bx6ne5zmetz7qvirfo9dkg/hffaecft9kx079rzg6dudjfogxdfrwppmps6xphzyvh2miztnigqdcoyhxue2ruscbv9cpypugougmncwkjo/3r2rxxcxrqj++e7pwzb04nt/nfywb7m5buytd/7lzwkbsh6bulrwsumyemihlsrqlu4svzkv04uue1aradzjlh1c1sjsqnxjiamlz1ez3q9rwzytoav31iwjnp3ocrzgofsrj9efvebq2/g0bd1bpxdcm3wjr31euerridfukcjmntsjhkqjdxstingyjnd5lc99/jsxdfrykrzxwvwtvnbld0qxjhu1q0cbzysypgde2u1m0ka3+jtj0h5qk25wmakl9ofuqu0ofbt1cgfqlifxecg1xnrvk9xw8fecqa2umwfckjmpkyl7kgsspldiyyow0yi8cm2y8jm9yxmulrdf1xfshb6xo76jo9twfzdfjnoe47pjtk3uyq6rcl16fuls39npustmc2ssuzictane5yz6qqvzgzl0pppligki6bxaioyqrgdjt+glvf2uzhypqznbyx0klqdsudrm5u9hwhzfyvpbfgewpc5t3zl6aoeurqa1yzhaw4b3s5z8fn9yuxyiuq/eynpxyva1b6eyndbas9r3lcehi+bdqmcdyl629/o9ncozy2kphyiym53bh62wtlbsdw8zm/+h1yolezhqwsznp+/ceih95dmclnszqib/75nqv676h+iiglvvaign85vmgycmodbafqzl/xvww3xbmuwixsotk8yitecpqlve+keb86mvo2kdmh7w7ltejh+3p6qcphxdp/coanxwwwbqunssi6j6nvmto0s/hfozhhwl/j5jfmebynu8lzmu2myspc8rqtv/iqp1doqh3adohzoiym8uqnmrrphkgi7ks/yvufnteqjjlibi0fdwjdnfo0k+tbm/bj1o9qvvchcoi1pv2enzjl6reb9fhnxzby23vtipaqkv0jmrgdul5aebq1ie8ajfyy1wwghel8z+eab0y/hl0mnzpng5hrnhr9rkkncmjxhdl8m4rtilvplzs88mu5wse87znu86sp6rahjtwx55/5+2swsoqtjco3plzkaijagjwcxmcdehvgknwi3mblmd6/cx8rl4ycuupjgmk2lbgxnbks7twczkzvje1yvicaz2xbzlwn2znzcdnwf506xsezd58x+25t07jcdorgsd8gx7/wivd0sr6xnuwsntev+tigw2tftdwx6ffo6f1rfxoqk4klnvcldr/edpsgvrnx8otm8h2olknlvmkt5kvhre324uo0q+7v2tnnfwlqp88gznurhh9wr31nlxwcgakfopjovvjculpyylk85j+qewwov3wg2esnlxslukigdluxmnkc+wafc/7afoak366j7gdfmujilgtttob9jpxsbus12js/pbty5x4vvpm6kcdboc754oevp/e4xjtchlmoa8j24tq1lqkjesg5zwg79tucw4mprt+isvmivavn9sxvgi3t9wweli6c7opr3gwacwmzlhbxybs0bpz2k/xgykutoyzmzwwgvaeznsbjves2hfslrj0fzbdfltr9vxlu9yx9vbnvetlc7/lyw24i73ork9d7xzbg7459qrxmiu18gct/nm7c1ceunf5jdlfhwvkq9ubacbnyubjc08kfzxc0n5pn51dm5ecfozw4sqkynywezqvigr7tjnjp6aw+rqbmtdu3z9thpmbqhkipf26nzucbcvrpayxmww/b2sfrvjornh/1pdgwmckpejlmkxmtlreximi++xplkd2ort6br6nloprpcenfjsc/ldhfncpcbtq85hhavxnndcochtq8m4bkouvz2+p6orins2ejfdukxqu623xahnrxdx9con94ikjrzkdoptmhrmafll2vn3x5s7jdes0fxroaiofs9rmud5jrqmi5kdimqcsdsdm//lomisdxeozck2kjccqy6klwkn06pmucbsh9rjkqkmt0xngeckt4+ymzhsjztfyxnuy67/3ofeymjy2p2psunwrr1hjdrtzszq95pqnjw8cqdblhs1m0nvbyquxiv0hspslucqej9oifoshpfgvy+srmm/dmsokqfu6mssm+cjvpzkgt56kdc7mqszw8mbqksyucqgzshxb6pfd9tk+vpquzofopidh1vf8e1w6lewbk7pkkzl+evnlljtzgbvohvbe7idzn/vwlbx8frohe+x84wwn+g5ktt5j7ub8h6ixyszmya3a705u92jsfxlgyi1k52xgb3xgyiuqhddp0qqi48jwzqths6d93bym2sxbpif3znxs+o7hmiuqbo+5yq+jtlsnkswpvzouuomfjbpua3zsjepgp5j6uqnxq4igklbcrc74rb8nfb3cvfr6pkie7qfxbqp6nrr6rgu5a0p4cd/obe7jbnasgskzkqju9xnftwn1knlu7flbu6pqd6bkvi1pvyfvx4wpxmytn+44zfr1vc8kiveucplovl09ckg7st9zxbfjj2hfkrefsvoss/hzeuvbqjwnjy4uewk5sildy1hqepfd9kbkrbtr9ihhtevwvw8ztm3teoc2fbe7uozhtkubygpaovs6b6gdignv6gca5ft72tpkytehjdz2w97bx2eazf7vtkrkbhtthpv5wailp+lnq9vqfth5girnuvohpn46u4kmav6obkv9z3jkopstdvrlvic+1ihpvf7l568ldhwrqpxfyplm6tc5zmfbhykuvpitkeifb4pqeo9wtniws3tyjmz4f395klkbzpwjf7bknxe3l92rzeurkevs8lpqqzuymg9elilhiaiqulul6wykki4vio5mdjqclktqf2hlgozhmpl44jelri4500r3jwdoelawjuoshfc8mew2mslm2afu84fzu6min5difs+9ct1xjhc5jxqxhdk1wtvtgickb7x/f54er9zrx1irboalppdm2y3c3vouu4nqfyzutst4v9yva46wfpnvlz1i8qyxzaxatj/d0ycszrzflvuweiygwjb5m2f1zkodagavuhrkhskkaifflmjqnlwnatsq1bzbcxnvtapcnfe0y+tx+egcg6jgokznx0shwcxchjq+pz5p0vyio3bcqqngut9ry2vu5nz+sakbc6/efkjet4k4wh6ih1b4yiygteqyiae+xzrjynkouidt67jk1susbpdrm7pbavdjuempcor7r8rkskhxqaad8binr/ufch3ddokwfdohvmmsqgnfk5pilragjed15lrneop7jayhrhciecqw5xav9pfrplv0ztfonasxg/mdzjplzp7uthjwjd9hk1zw6bsap0rlwnvnpkhwtuigqvd8w2cwqip8r0laf2dg9wkfcwsewnig93w+y2xws3iwffstfvmorkbvfob9h5ito3etodcuy7krjstdwvwafdmogkqhx/hv4hoctd9uhlsdwz147vkxkxjhg3kkmeg+wluvukzhp9i23d7lk7xtt7xkvmdu483lhdbbetgpd8j+veug7zbogzluyj4zbk/baosdmpw02zaa3iyaxyjoglnbtagj4i3zoih+44zb+8oxwt8s5bpp5wv/ltubftnls7r50cjoxzdwpvyk7p8uyghbd7qsognbzkrhtyxvk04uk1vpsnme08pnrcqj6pyqq6w+o+zmlq3uip0/rjdygq5eedqohet2tmtc6ddtfomfpmp+kijscd+r2+2t1l7bbp+z6hs0zlxixche8wpvotjwxonwtv4w54q8u3am/rknd4xzg1ndzctmpd+ygbafrh93hahdom+z3hbfued3mrgb2vnhkam6u6kwc7l9ikkbd/xdkdexf2uwauph5lj0du51sxnj4w7zurbbvtwe2c45y8j2awsybfflrs29ii0digfa+u+0jzyxuhlhm516rxe1vdtzzig8eygi0ze661zprymis7zzw1mvy1jvwnriru5wdbj+vbyul+iyelkva9eyfsi2k2uzxoimr6vrhnovluwlcnqn7tgnfu5hxrgubkjr+gcmxxbl4xlb9yc1qck2oi5x885u5y6ykvu8b72ollhuyztgefmocazlokcuyxhex3n8sjwq63jjusme5t47rybzsj4gw3zupo+h5emupgwvllzqewb1pd3slqoaghgzo1u5xkdyds19/3zbpsqtjkgfg5nw9+kd0exdubco245acp+mc7hbdvjdpuin7wmyrorp0afiex5elm2epqwzivx4krcj3kunvb/3o6nzf+jdrexztnkl2uvrt3guz27hosllvoqgpfyiva6sdbxl+1sl4d9tacyp5nm4coh4gj+i05huil3jjb+hp06gdukluysa4efohsze6xgtuzkyd0yaao7t1mnkza2zvyngekuykznmzmjzidcp/dvzckwdmzcbz9ty1ym6e0ln2ii8buq2rktmwzlg52khtivqgwudqoue/7ngbgwwep0d+adwvvq69wociryedrpkraxjcpwshj6vscs/l1vxgnklc+0prs3rznkcuph3rb706c6ewye5uylsocvl4/rozwyadpbibszwwo7ls6lursf4/txuvcm5q4tchf3tgvwjucuc+xq5ngy+5m5vvandniqoiikamxct9hv7zrtvvbfo2kdn+b7al2eojspd39udrqvm5zcl8vvbi/ljav3akk3urnttghwvsfxauyrlwzpu1cjh4vszlc65agzjfwbnkg4ijvmhujn6w3sdbtehtinzk1uxd43yopp7nccmnn87s2v6tbgl+anu2umd+obdt1xw37bfpfvyszzgykt+njqlevgb2zxplnmko5dgor1hw/6tijw10r1sabkzuicw6/u277w3gysx3ruyt5q/izp81t+yl79saffsbncgpknui9347bk+yg2qb/imwrlrxl4vmvyid9ja10pmf7+wz/i6bu6pqkgf9jz9ogjbapcbpwfjdbzz+csfszs3uugenkb9b+e4if2+wcubwrryntipoxkoljf+5ciwpe+pbdui/xmioomb2qptuvswhlzwlyz4zulkyasdwyc10nmwz+h3uc21pmywdmqc6hdelncmphit6mxli7ozl4b7covwi89hg74pgca2xubz9fnruqftl1jj+xq/c8wfhgvebp6nzpfbsrrxacwegw4xuvk/cwgonzvmf5ywbkre6xi2gqxi4tq9haqsfwqrese7+eyrdororxfkv1lnnqr77ez2carp+umwtvndul732uinkxpl8kdvka30wwi8gtkd4yvrvir4zqtgswjs7jzdyudrfsofd1paa7zqwtojtbqipgh/djxk/ttdlmyci3bkm0uruv2+ckz9tmfzmt8nviugkl+tcoj7m1cpnciyuxw657oabz4rmnalg57+xxetmocnvtjrzfqrxamrvmlrn5f4d8c3nc45fhcceo/ldboijhzbaywo6q6mkbwyd7vhss/qlr1dxaqnk4h/sm2bdlngbn4j+ar51fhduq2nz73prn43mhlgozf80ukhz1hz1oahski/oapfl8uu54k04lxk6ing5adyi1+glfblpdzaa/x9j5xfoqpwzb1xcdhpjgj4rjhvrk8htwhhr6w9fcjummgyspevwga/uqqkon4befrj9ebojnqe/7pv9byn+tng5d6janurximpznlg5mgw4i/uzma5f624s7bbn2kxxvlrbg0n418aaln5+6lsi/zlzfy02psltcfunx+oyiui5n8eirqnop6glhs75uxsnla/ft1hlmabqqw8zcitulp0rbhgrhrd4pjli18cms9rlz4rwrcxteqwgtzhiyg4bdiewndlyqdo1w8zcq/zznsedsn+ngrg83qu78jxmzcgyo0/yfexwcqv0srue2s5jjkqn3qbilbsmp6njd2azqt+bxojjuikrlxx2fswf2qphsa7aq8wjekatp9q6fzjja9u1tfheqn17acnbhjtuxnh9xs6psqgfvsetkfz+xjag/5pbknj60yejt+m+z5dvt3wfxay4vhrzb5+fhsr8dyaul1nfz2kqdy6/qml+fky+gillwdpyg6eh1uebauccnt6te7zx2mgp3ntcghtjdpeppe2pvvbu2jqdj87vtubovg85+p6rkiyhla+97802hzexvk/ss/f/tllwn2zstq4rwjope3githttkvl8aovphkwk4jismxrpvxbacng4v3r1tzvgd9ja9+rkb34ahhvequwt+nmfxxuqlcgrl10tvthnr4nscic8nxxr8myra7jz3h3kim3ubsjdpjzitdhkfbxglohjxeijybro86dswj5l8iyjkeapgtou2uhhjo4vhm24ffcw4qwqy97mwt+eqqeq8pjmzjzpivtp9v6ty2gtxhnpuuqhnzsahwpo37v1ei8/dtwtt5ztm3roio99cqhmpn5uvbtf7ws4eh97xbmh5o5rlufyocezyt6jc43fritvom09vmxm/h+3gigyrk+oqtgsdharbxkezwf9k0w/zodqrnuxao/njlvnqnd5vgywixj0ccuznmsd6qcsjfd9t0vpcmlstmrbnelkj0vkcjf5bk5hwnckkd5chcbqc6uu0ndd67y8l465y3shdalxgwww3e1prb8mbpeyabxk7j6mkwbkczkmk2bofv59yneuwwgo+9hkuvgci6hfzhxafumuqotd7og0i8pghalnweefyyeti3dngctwtnabjsuhoxlpnu/p1mxve5pwoq8hisa0wiu5z7og0gnkfsvltkzyzoqntr6asynwy4owi+xbfbvgih8tp27rtswdalnciucor7we9m967di2av/dj4nzefujrikjx1rdv+whdmn6nftjhu50duujagcmlbvahbohpcupcukjfyrerf46zlm6tz1vbxmrhx7wv76wtzextguji9zoapk71pycrhcbie2rm/3udp1h8we0379nrbrjtugmq3bstbhxyrsmen0ylkd6ztuyrgdaozdvktc9nrlvyezugqzi+8whnw1vqh9e2vcp6asyyd93icalbemchqoynqrtjobivcm0e8qwxtyxewbq6tu9dif7fcbp6doyuvekmcdmn1uz9jcx98iozoyuq12m6xfmey/+zvftzwk99r5xokwowsopc9gxa2kkpiys0ztrk9b3dy/c9a7qfjwhcysgiluin2g9jbpqk50jmcoaitk5vozomazwmh1hpd66fjml9rcavvvduwbdtwjbvmhpjfnp7pfz57wapevxj6sbidrr4+u64xkkujm3v92a9vrivddyilmhgwbxsmiukso7rs3hytvt916j2khleud6abul7m2yxydhvbps/hluh81htcjveyve+h0xu8nnlq4tul/q5vkcgnj/a7y5owh4ejqaap4ah+o1svcruwetmgo1p1x8bvvbwjzv19zf+yldqzot9jhhbluo/5ri0y6vd53ujbcdkjvymv0t4stygclyk5ewj7xovfch+gr6e7naiou1+sct3czyr6hnakxlag6nzb3m65cqpszmtxwxtxuokbneayf4bioicjpczxkuceplgok18cv1d7kyi1ak/ihlv68iuyv7oaa9fnox8ejfshwzvoucqmn5rp0juus7oe+3yktfxikwjtfeldxupy4m5tak/7pcnxod4ixqbgnoewzyktjkdcfb8umaqhs6nmkqvsqcsw3lt2ep5itayqa2q2t9e5bshlurev2d4mn3fhqh+jtm05d+nxcc/nafa5d7vgkjiqbjaanrf/bl3v/rced+nkiyevatnwrdvqfbtviglmoewl0by4nyodq8udzjbhy2cyxti9k0cqz8oalyvn6ofw3rybokgkcyess8srcqunrj3dl7xf/c1g1sdlbovqxkzydln5mhydr5w0iw6sbc9euf+mwddsgjsymgyjxceavugm2rxyijypg/zwgjzd8gvdottowj6fe0af6clrtf14kywpkszuduikt1cjzzu55d57oa0ex/3+5gjxcgz7sbskkmgrehernm+1uixnifcudqkn+u6jzmntw9ifqyduqvywfp75paq/yzeiokqpwgu/5dw0vwds2tetzbl3ukwow6pyoa+j4pwg6lohrkjyi1du1utwyivpyfgqptvu7oqhf8zivi1y2gecvexncnhu5kvkjqa+3s3hbzovcbhmkscjhty7eecio6p7sr8qqks5d/t4u4halzb8sf7vkv5wpazcjausztar+zuqistwj6fkyuaqhx0q8dioaou426t4jkysrry227zakjmr7igiglqhgddtvgskmn8ft1xjl24gk7f4nnhglb7sruqf3zkmqeqgroind3s1vefa7zcay+q2npnkkeuqxgabq3vs1vclp/dgj7xb43pozfoptoypzo5tmtd66qtg+ujbas5pxpdmbztyacovq7wfezfnj9zz1czay2frxevua2vagqabbsnxggiv3ccbofx9zmpndtlt8llbdsdqszznqn8leqo39md7qy2kg5fg2tnzszwjrp0kn00cse6tphz9jmxycff2cetqzcxgwj45fr///gati2zcquktq+9/hjigbuq8wdqd7ek0ddiyzz4qjy+srl15iqmzyn0jf2gbbrtooycdrrqrlqi1oytrkewwlzi8zwfsaxjmnjuilyopeetlwjk9s6vnofqzmhwjoutbhjfe/u7ubnpxqgkajkjpwggm/cuxgjkhl89wfssos9mpxx79uajzw++tgrqamknbvhtbifm3uj6ticpikjxlfr+h8hngq5lcadq/tmoljarbeyfbtxpjlqv6aaw5vk0i67ve4qtnud+mefu4dhcxde3kvs9oxh9rmhrsfn/ubeqbn0zec2pllbmt5jfsdzdpep64tbr7hhbekzmwpvhdtunigb6qal0f/oweu5gv0znjvmoov2mcpctxwcrzua1d+emlhazg5klfubuzbq1ejvtedorhb9h1e2hknyp09ixqg+iu8wd1zjk8k+dq/tn1lzkcwe+mhabm2quwq4hwkm9nntxqagbexim+nlu8xuag8l0cwe8levc9c1mwc6t2zxx8a6yimie54zg6syi6fxeomihtgvrislkbqt4nqqkad/eaxjt6hjft4n5e8e5jrrzoiwr3z+z3ncplspaiawqzdr1k+athdmyzbvnksoyganongmcubkzivwtxanyn2w/qkjzthumsxjee+o9of9cr5vk9n1mcopba698vmzsblmtyjc5ueeydnpvs58agewgnkg8mneou3bxqlimi3da/e7ocdvpyvducpv7sfsipankkkbdrb7xuwg+tcb1logseb4y/lvp7jttkzrkzzi0si7smzos8fur/iwwj3c/cviuddqaehdet3jox4k5ef7tff9y6crnulnzflu1w0gaqvpzdlcywdohoevbnvz5fnjv5b7w3f1xkxcctgbapod4txpflscbfjlavxykxnghboj3pywzg5nvwrm1829hlftb5p51dqlw0zq/0co9aat1ona/jakz5ryvhhwpq26fs//mgitsiwo0czq1wrr1kcha7f3neiub19n+zwbihkxew7r/5drt47jpbmqwkhyi37dzk28aspfj7kio00lv1utzcllbt11zgmixvixmrehf949dvr4acwvs9p3oufujixsfy4xcqmgyszudizv+rcdzx+mpd8jffhxeyzzddxuhekfvkzanmf8cete6ycwluikrwagwu9synmxyxonjspuemlpuoc+qbsyrqpvfossilnedldo4vgniau59anurzaqvu3s79axt2g55r8wfwfuftupgqxb1e4f8/lmwabzwmedvicb8/c3sneanfjou82typtj2zphzdscbrim2blystynkf9hcreqsautc5dqpnsjm8bnegut//wqc/b0sbyj/vzcfqrynnldn9ywvhimq9maisrlluyjn4id1vcetifhhtrfvl5epkotdcw1or3ja5mlt0iu5wxkh6j2ogmomgwzilgvi65tixzl5dhgvu20rbhoxwph9b/n4d3+jyuzuefyhrr1gu+w3nr7crpia07wtcmsyywpr3pd6ns4gybx9vdezwwjtonhnlsob4dkdo507bvnsbb1lobuf2u2htla4x3syoayltrf9nekjmm8cigh5korwyaubtvqrs4ikbfpvzyoiim7f62eb4pact28aq40oc5lxbmfggotgzvfaixksukj+mqkkjongq8ryuttqqfri/gekhedcbn5f64llusi/9zkq5864kqlrj+j9kfe6oa9/kxta53b6xjbyr1ijpornemudnyqd3ia5h20bmt6ihc02pcdbv6mtdbbndmeiumtevvgk59ecdntlsaugq7li1nv+lc8rtvomizlltyd8ytv4hhbp2y+ox/mjyh8tkkj2tf7iuyc5tehpvltfjczvmazgc75ucmv1z7xm7/t71dusjxfx9w5dhhtfyohyvwxlwlsi1+7oya7ldlfgwfyrmsukgw7d8ibdot95dnmg1xp1klzk1ayytttbptrk4gghh0wn3tcohvsl2czr5x2j+avvpfai+x6demjnx+wjtu6h6izkvbvbel27rpk6h4hhxe/ztvc9cfbbclmnw4ppnot9lh5rugqurucc/9rrwjs4vvlpgw+nv9tf9uvmwmxacw22rbpjp6+mhojathtlx7tu1xhgnn7q11a2nygio4xkrve1w+wwzeq1r527csfxhcx2ndpowflpqhpcikvnaozqn1sbsqlvjc2rtwkjfynozhrxq1ccqtpvicdhwq9z57k7mj0flu1ubgouthyyuv5hfz90omttrxhrmesp9njhjgdrpilen7ehdpofp/nmlcr4y5u6jii41xn3/gsynm48nrfrgsjjh8elqkunn/d2jffmm/d/suf2o3s19frunmbbm8suj6g55wjamn1ugxjj7rbvh4qy4mtwnhciirfrrky7hnusmz27f9igzdxwgjregw3pcek+iuxyr5azz5u2vklun0v1ltftfnpinl2pfsn0i3niru//mg+oumsglwfidi2e+9pjxj/v5sdnepk3blbv8qej4dhkncw167zpzusr7mhz+cnuy9eliexut0onrjluur5uoxyyuceayemc+ror/fhl7+zanfetmleoy1enpec1fhec65nm9b7ityo2zyx3ubedx0m84clpkzkyku+dnhdclbpmzcnrxd4zu/xq3agyuekewl47yb23oqzl1ouxitg6kugx+eyacxqhebq3qbjg8qnixqym2rslxnvpa+lqaj3nnswdgirhzx2vzb1mvbi8jpevhkg1q+omzn5vlhxutwqityzgblou35gss48ercwvuk/fftvpeon2o7lgrbzpvjg41i5uzqho0ntzuvsm+9prmd9t37un8he8vqfdb+ah34rlens6nyexyxwgztucg/k8ymqz5hhnkyviuqfzikq0kykzv2s1q+acq27x6nq2v7rlyq3yfhjdjupx7dfw99p7wzhunqs++ar52n57mqc3dq/v/ct/vxrwkze2n9z2gvebima/nnbhuyl88g7u3z4mujg2oxk/brhrdk5mq6k26umkf4r0t8hciaf1oz8n2zjpb42isfvylc4kmb71inmxb4wwhvpfjdxg2fk1jvvwvzbhtqgzgizzlaf510etfl2gw+tzovflgwkruxo06g3abimgfmyzw7yjqlrv2basopuzhzwxoatmieqssahxuziu8cqkgs7qhc0ugtlzefgpoan+idylbbier/uo6r1th/b6zk3fvpxle0lh9mrhztyhcrwaw806jaumsaevuxqfw9p0yfwwdj8ldzoj6onc2nywjloh+yaxo6cezydybrvyckubd1psegev1x57qvidd1dhyne8ftcoebc+veq3lqqgzuj53mlx/8+xvmm6c9ki/ime7brvatd7xdqgzfdrgkkf9ggiooxwmhgyuoitdiczqs4hbdcxaufyhtko+eev8ysvnrp+wfci15yglbryvfvwfu2tb7pxwfzabptkkvipydep6wonn9kz17nk9lxae3k1u6t8adlj6wzk8exmzkjaaklu6zoikg44q8tty6lkvutfyko+70lztznhf5yampkvhtlybkdt1ch8i7/jeqauodvqkf5mqj0j/ra1yk9hrajhvlucyym9xf7v9vszp+/c7we28cwmlex8v47rv/2uzh8pketp8jclkdglu48kkro9zqmi74aw4p2wmvxzzdojtmw3bovo8ttyc3n71mryhvpxhntoyfmdjmcqyid8oqllfm3ojxe6yzyca5tvc5j5gawpsl0n7fr1mso4n/5lzlqcemhxvoc1v7sghsjtcucso3xgbxb2zyn8smawzbmvg+h4o+d9cosen44wsbuyqq7xxj5yabnfgvp7bvg73swsn/bbwy5taytsnpmfqvtcmciqrk0recphk4fb3bhnfwrqztdx0yr+62kmuzskcitdxihrutuer++mh90dihbjwerd0cdpcqeaxbsq8b1mhv6bdb4xijnniikjidjedacqw07cw/ystdifdart1d1eolsjb5kvnbol07ck7mch9dub9umwko8qpymxpcl6drhi7om34hafk1c1vquhmmh7m805zg5msdg9pia+imw1ysn/c+2mjhepcd8ruqfy64jxckyo2fxz2h42fr2tbc3eiddgqzwbo581/ay6+sl1ttdt2i3hgflb6w0phomu+9g5by0na5zmlerrk1iwclkn3x2+3wekg8pcdgd3vewekwewlposimmeiosvy4bjxr/vkvndjlztp8tv2k3n/yptc29jrtwrspj/jloejmrch+kjy0nweirgwf0stehjnbmjyr+arywitz7l/p4pgta72m+vsgf0sb1eezw9uo8xdw6z+c1cyttvkujewpea9r7aoifvwugwyrk1ofe8ash8u6/1ouz1the0dsql11kiuvojvvfwhvj69bhvrn9hh/vuoel17vcoorm+aryh10yovkkwjlp91g6z8ffcd7q933wyijh2e9hz5cxophyh/vxw7s75fu1fdw0ri20nflbxwsbof0o3peb6yopn1w6lxls9yjgqveqq1d6yigrf0xbs6sakypewd+b3fm+oxtzqhr8li8z6gzlv6mjutdz32mmsw41k7jppxilehrl2djxohkzoctkbbpgm8n0/dqobcguknfu91txremmdqdp5htnzua26mogdk6jy5vf0lxjz+x0s7wddswbjv3z9ozhslymkoi9kbg5d8v8bfxee6ztmhdom5h7j11gjnoujq14vvmgstbwjlzjeh/3qipvhdlrcnqf1ob+ghsl0npgqfdkvh8bw3gk5lt1ps95h40sz94tq8g+powis1qufexoblaw++e0rn9o5vbguzz69uhgkkrwv1yzorrwbo1exmk4nlvpx7gsmozo/h9w5xzc0y8nfspnngqnc81sp9trz5qguh6tdu+kram9qaj83yrlppkedhu9r4xfbkxk8aw5yliqkh3hr4fvr3jc/mwnrbs+mfpfcrkpz7sfzo8+oml2rhwxxcwxpdwv5oi3iwhouxr7wgyyowth+9ot0motjb84qnh9bh7i3iaxxwd+enfbf488hpf4ygtyejmyiilf/cijmauorgvimh1kofszov2jsxrsybttkhe+nwsn95inmekidmbsj19oih+0y9to9hfruajrewiz75ydftpq3xenucfgcu9siees7nuip25xkl9pnvhv3mso3qmjwiz2keeektcsauaaqtci8+qzbuzwq0ecjurftybk2s4wtrf5hwwttdormhiqjy7ljprdil3vbuhdjhdtdo7p2dnewpey1c5buemrx73oezeni1b1juclox83w4z436o17td0+d08poshyvmh+8hwuvkw2k7gf9ejvwhdi7rnpx2v6ronl4iez1ig4bbuae3rn/sh528lt/dlmx/lurb8gxda/mwej0keqrpeejcuykpv12qmbwv+v0bkxekaf0njn82dqxk74mczvmaii63ppy4zkytdba7krarxrkvbtwdy+qk4sd5unyq53xbjjrvu3sea0wbdxti3egac6pyqh53ho+uclkvk+awupxw3xrnsysfopro02kswbtxm24qk4fvg0kzbbklw0nabovkhtuh4hm4glflgckyg1ynmkbrhax4ptltwy6ogjcodvvaqot77o2gwrfl83n66zyq/0zfzdyiwirbcjh1wwdjkjsqhgv3zsizae293nu6f9xez2q2ent3wj2pxrxo/pyjbpfwxzes+zzriyw+z0nikj6vpcnk3eqxfb7s6z03rvvcuq3bgeqou6awdlkw0d1jyuvicgs574tx0xsazefuvovnfmnt3okdk6kghi05bcrumuoj6vofhbqtjpoemki7mrpdoxesusoggkvwzcmrqcvfob8q1lya+/fqzpvwd6un8fkrcnq9zxdw5qclntrjogwtapec3abunyc3ubbh1v+wrrrnaf899rdd8h0yjkrdzkodgtlbzprythlvphc872ehlvosaqc2zd5zhyoxhttup/k7e3myfntly5qxxirnjcithh9f0+0d94buxzhpyw5ko8vz2i2moxqftghjw4zl3lqp+x2fdlkeaqvbvjqvmnqcj5m9y/nc8hkn4foszntm23khir9raluo9hlxts4xbbdxvl3gck8e56mysdowsmitwosgh77yai0y32gyi+snxby08a9tv3nsemlyoltdtc1aeusa9j40bhkzlzehajptsyczitw0zptgrvn5xrxskobycvwj9sp4y77kmsml6elpclkvexohrgajobqrth1ftehoqnw57yzssvdutckh0w5hpfygxh6+hchqj2q3ddbflxtslqt6av5dqieualxzdalyyqpesyupy5eynx3bbacmfh2d+142n/m3j/d/vzi7c7jiurlmcd1osda1tudugnogr5u832yxe3iqop0nuwlyi1essaxtmpfak+io7s1wpvdhswn+qj+1b1bpsq3xld5m19zbdebe5vtpe3sxjcvjzdauuu+htiodyt3n497sqweffbdrfp18/zxforbd2wxcqxaoflk9c3l/paqau75mlc3ijmonzkdswtetcqtppw0m4jkoctqc5yq93tuze70iwltju7rfrueg3bricsizuck2roxltto+4qerwyjgkmcvqi4kpf7+tdjycd0vpwd3mbxljl9hiic2b6kjurihi6fj879uewdzqans8vekkrpxj9b9ykn0dpqoieu5iussi9lzfxnjyohpteek5utiwltgv8uc+cysifx9qzc11fjw6vpkfwuveekmtfvjwzngin2wvhmdgjz2ahiluulhcjyowfh1ve1sk4o3ms+yvaxl84qh3ttbjfszvyzts/lucvlkqxs82aeh8lgvvot0wm6wslohu7wgs8zum/63i9eazlrciz2etovepz39g1te+egsncguxkpn48q0zdylvqzu78shx6jifelppzchrrhremwznh9qrehl29emhpxhyo+5+//i9f/ssv/+cxkifpboeqn/xs765z9qjjqup/gsntrsipbg0r/e/efuj8x35gkv7e1h/ba2qg5h/+8l9/+d9w0/uf7siu/knyau4t/fj///v+/t/9539aqh/+8tf93z9tkf/qy7gvzncjksqowxbngcfykmzsibyej6sfpw8ruh2hwhjsb1ukvz+um9ugikrzh9j5d7c69/wq3ayxmoy2vivvrosqigkbsjrakdzc125pbyxtkyaoduka4t1fldpkpq+qadx/epgkiagnp0l6za8qmughiscae0btabhtzhhmk01hdee9dbhdinls7avfh7ic+bvbhvjyve6jp+whau4m/gd415anfdibhyqs7dftdgif3jpwcjeobppfmncv72um/dg/zhztltcrltzmr6xemi2jke8rmm8phlnbs7c75qft+xi/ysr01mpl0xiaysz73u9arsndsxbs3vtpmkc+iierlavzps8b3apuafhmnjym6utxwwjx+xvyoafbatvzt6sythyppauoqly7vs8ux8p4z78o6c0fpdmcjltofna3kfuntanbk0umen86or/tz7kglkn+hvzcblwgfyk7d+aidnp8ictj0qgtndfzh2qoomdktidsxhu5kkxxkjtteo9kcobf2xfkiupfriofvze8woo+b7hvdqpmfpp/6+qciu/cbajlauosgklwjta77l7fbrrvfhu7imllmnfkwtkqbajcppabe2+bydy/ugtdzihvi9199zb7tdwkmonrjhz27ct2mwih3c/w1rmj/xc9quqypotmjrkq73teruihhuzak0w+rtnjlie5jp1qbu5s0n+ywq4phjmkwtjkwjkaqx4isyyxamwkrifn/l7nwvnx6v1/q6pojru3dvc4ylivng+zerxicmd96dya3x0ocv/ktsmhmp59sqvgjub3m+da/p2qfawi6yhx7v1bopal1nk7x7jqiexe1tf+dzwasnzvmfkea8zfuderik0tzsli37jv+4zzr9l+giainumtb/hwg7zwtyizvuntg70tb4ozglutb2vjnefdmgrz3gbkjmlv/dz+agpwuyo6y8zkweadigj27ew4hi2g8sks645ntepm5cj0cnqlmod9eiecubcogph13a+z6hitmbv+vja/haqfcke3alzfk0j2k2t5wc3sdzjdwentmwmbeeniz4q3ri53xswkdz7iw/9mabdr9onfltogyln+opripcwy7caya1agny82qkr4j3lz/apybakelxo2zi/b6cpz/b7wbaiayaawriejioeusbqc/qrshrhobyre4jk9klccye1x5yrqfajctbmmscxtqfn3yczf09bm07gz4jfo7fihlvw61kyu3siwimx5nvmdzc6mxjs7uvkyx4snmgamd6fvvg5fc13chxzy60pbyjfaqvc0nbkgyzk31arqxyuw74anory9g9xe76vvfqlqz/duwnugozpvku37bw6uhwh0+lpwgxxl7jjt3nop6d7s2mwexds6se1qdiw6ulfn2kqh3xcacos/p2xred/ixsoi30tgejq0qwyf9wulyqzgab08rquiz7owedlltkhyezd0xf3bt1skab+08qvdq2i4ka5dnj6jx81ntgw7c8azzcy8dgxjutgosjvyptzl59p6rf23ek52tc1znoxkexis5sgrrgphs35t1l02orrne8dechigulgkeg7csojjvg6xhbqionhieycwsp8epubxhixaabe07qak+a4rmc09hrbuqwai8dtwqr3yvxvbxb45iyo1p5yjzwndyknoyky68y791i/vtjx8hjstw+20ivo5el7zvzpwtm7+kgahjiflfvvuz2fxpxwh17dusx9tijaqiytaudpdnkodhdyyecvdhb52ym5a/+wvcz6qxqecljglelztbsstyv8rucu4uedwfdrxusv6iou7mqzeycofil2cfewti9ck+lddarcc7agdvpoj1nycyjfkapmh2tbgr/saziwiwkurix0tzm9wqh73kwehpp37xdhk5huv0vzxhdzrivrxw1aasu1bq4kspwmzpa3lpnbu8ibtojuyztftn0/cnunc1znaurgmooasyd74msp8xnhy8grsivx2xqhfch8ut/4x+krq+isf1dnamrs3gsimhkj05dztsu+tlvcf2nvmkns4zv0+jyh0dsfc30i+x4fojepl7gtof6wpjzlyt5/l4brv89cmoqhx9rpfu266fqi3jbfrz9bjlt3rbxe+b25kjfwdbwndnbthk9uzs+wiesrk8c6gwe0mlx9petz3lebrqu5grsvnewssxor7qhlcybyd0cl57cjqxaoznylcoygyenee7e6akmnz2mzve2kct+obonmuzz28ugc3igwrtsmklilruhlcj+2y1i0dgvapbkqrsajzr75ul3txlesk7t5hgc10flbip3yxxz4poagcdsbmm5dscl/ly3rwvr4bjpbdmdlmxnemuhsrcylwewjembayxyuqwgg0jkur3g5n9hplpl5flm2ruqve5/iqxnki2hcnssmzdb3bv/rzahpijgtw02v3geos22r2j2g6obvsha3sgw6tryjg3/recb6rvljvzitno4syag97qn46dxcu85n+wnkyusbssyy1wnp1grsfkdgstooqga5pfsb7qsqktx2h8nh0bul/nb1urkh1jrdu4gs3syaq58yhvhzeo4+phceiwmfri8axr6vdsv6jyngdupff7xjz551bo+ngmf7mqogzghvihy0wtimsl4dko9w4lqi618sbytralwsnqupcwz1kyw7byneyo2bj6rb8i9rjjjlxiftfnzanxbubs8/z8bz9ae5qa8obbjdo9xjp/oxizvkwvs9hvfjhslhxifidmduvvk4qppxguyubu/yswiq70m7s9bvdxkfuz0khkgdnq8aa1+gqpzyvpyi8jslryvlqn/fkct5efncmc+i6vubnjmkqiy3rikm2yfpyah4hlffqdliciajz4xcs53ia/dv1h/xo019pc7i0o00bnzo68nhg/qo8ywrdy2j2nymzutbmnbbb2bhqdosdonfmdwzqmeikamqfzq/b4boso6+tvdn1mnrpo+vlbl2ahaiomnt6ws40yemknidkequm7j22ae6pmcduuie9obfnmfxr9ywfbpv62fv3nhyso2pava4pnndsygwn7bfskpakjvyvlnywhqilf3q7uf2o+rmxznhooknxjxuhcdykiux3ozkfpcj2modo6jnnadjvj2mmzpj4xwx1luzhf26esnunw1zpvkfecinc84pfloiaapiiwt1kflm7a/a4wzd7rbuiljolszooqmkk63mugxbvxumqpeorqkgszkhtfr/rwkly0ys2xh7rvasrfujh7ctz1f647+jqs+uox19d8how3+qnwor9xbxokl3cvks447wqmcswld5+x1pacoi0+xri6r/dk553lmn1bshi3ukqwf6ycdhpfupjjbowilap64qne50rf4njqqy5ole9a3ixxyduaxhdpnaexotyt7b8ifvpbj3jahdsnk/842s3hgappl/zmejomj3trdtl1fe0dviayyde0fnsmwyy6odzy/09b7cpdso4vnl1ueotr9kthus6rutibpvrp6rfwrqu579dr4tg1tfgbn05w9il+ill9tmnesea7bkuc6nue0srvoj4e1+m+fyfde9atfrn14cwf1s5/ny33aphjt/6eo7ywzdu4256opjqesjf7wnedmsklvpc0vsv1whgrk/p4fljzctznwhn7qzz0uvr5edvtdbiyhgmlltabb2dezoz5ihmisxs6mcml9j2ntl9xgyf3fqswivyo/p7cfvglcjywbtkr9o0yncbnqy5b+rlakkavbxlkdn1kpbtxns4n/ajuphrx693zttgsnpyz/reoyralvl77ao0ritu/x1oulzllipay6mzq023uvjqy4ownbx2+dwjs96e40pv7pegvu2ni9wiy4owf5t8icvjawhn7tqoou9chezfj+04nrv5cvvri0hh/i3si9hhddp5jsmsrxyu9v0imutgtajoylc0i3in5bje9znohb+opr8nitw+ol3mnk3dzgv+yzsidavnugy500bkhbhptlojgzvrrswlfwvjrsmmtnqjkcy5jyyvco3yc1zqw2dz8hsyjzyytfqyf5jjpzrp/tsujx7hnsnygfjkaxta8rg79fol4i6tsk72xlv8pk0r0swkop8fhyd6cozmorg3ybccuayyqcr3yg2vxnlqq87kgbqmufpkylwivsjpa9joxfamuod51y4vjxon5zoo7ng1o4fpefu04tzlosd9fm0cqepzc6+nxjiwr5tiqwriboxnwxp2t0gmexxywqgy78oi+b0agk4rl/ipwmi+nnhokn4rdosnv+r9qgb5sy7eawyecd5eqh8rvuwwwhr6kcqip+6e7aee6mg/zbzsgb3juix8nxmbzihfttgskvhw2yojue+tpofakzz3pwr7ibslufduuj/ryw+3xjufpt+wfouyet8pj/y9w3ujocpufq4z3rl0vurbdj22xry+oh618xrkvjbvwibspwzdqpsbjhuozkhm7w1q7yansghpdbhkid+illl0rspxighpn3w95v1xehymz7qgj/g/e22jfef8rf6ds4didadyx1v8qo81xr3gelbeonoomx2akaziz0ri3fmuxjo2f85vnafz3wkdlugzshh7ymcanjlvkuxz21bijsdgvus/ehjyecvbb47c9/yewqj6tbz6z7bdcijsgyb/69jaz5lcazzrdownatmgcvkytlsypmdr8piub4v53p8wm8xbpqewc4xqw1by/fu0uzrmlc0ca5q43bjsf8hulpiwxoudsyifv2fa7nq54frfmxlupo7znlsr9wems6ypeo6uuwv3rqmjvrtybkgevgeiyuyn5xahpixuuzdlaq7nfbkeyqwbwuj40ycsnwdt9dot0bhdxjvdffn/sl3mhcygu558cktcpquaxjmn9dp0hx8p241pgbpzuc1ed1nhco34bjov9nxkbpidul5cnlaqelv/dbp6gtfw/doqmvr3pabiyeoiqddujzju7n7bw097bjhk+4ls2en0mgvw9wis3pgqzzuwdk/tue39wrtl80a05wdrtjajomqy+rnlbzfw5g6qeo4wsqjmakpc7fsldttqz0vqs6/2fj0kzk4wtskwu/8ulgklk564tqvkhnzjs/w2hhgiuvu3ustb1y6ezxzgtwjgigv5xwiqpxooje1wg8dcnck5pm+amm8v0pon9crzu3z+gfozep7aip+p6uxvr6atuhhsrehegt9iuuj5+kp9j2qjf99j+zirjtyzvdhh7m9+3j3wffbjgykk7xh1ag2ien91ztieoavr5vi2mtmaxx+shtzergk94ccwai2cwupzdneg2lrm1parcexuc0kx7rsvuojhhucbtk42v3rvigvh3rnpmtupozwa85bx0hpvznjt8njnt9zxet8d90zw8vy0cvpf7skg3kj41bd2ztc5lglwpdralqhmmqsh+fj87idaho2bn2xay0kn9eho7siauyro3gwav1sk6bevvd8zkargwmjv2kwnckfnkkujoyetr1iezowakq4566vo8rhnamdhrjr+xw8rmfolhnsan5utcyj4zc//94behm5jaismgytn7niht720enj9+ijkmymynqnbizsnnitabsc+sf4q6cs7g9p6chkclbqobjelg208wae4rshcmm16ys92hquritvxj/vrdsf7xd7ktlqpjroieih3qdvtrzepvxvhmlgrxb7dt/59qyiwxdil6ppk4tv3lcnouaunvymmzyrcepst6rgrcpszpwkirtznrubogugdslxpviohilhdmsdm0pwd2f64gjkwgcqj1+zcewwzbxj6fe4oau6ng0j2xzxmlacvwvxudwv9269rj4pwsbxyrrxq9qgygeuj79gccyn3cui1u5+qd7uckvpafcqo3ncwnxospn4iz+etldkphyx+orlph+we25d9ppoexnpplcjonqcpyggdmo7uczlfdkzh8su3bjtrwdvsl02uqwueiyxxauakeyhiqpjlshurqmnl783etuq/tbf93hrs3b0rrzi5hrsnprl3mabxdxetrysa8mynpjvbp/pe/o2k8d7jxjwgredujacrsxgxhjfwzypknbxpl0eei+owzcqbfo2wrafd2jyldllq2ftxzf4satgdtd/mulbn5/hgk6xrztxtnpv9euh24d52kdx15bewgngjer2snsepwixiz3hliaz4asal6sazc7rzojoqhauj8ncuasrnix/cww1uydc9phvvj/2nm4x20c0olldcodzydadjxn0gexonixup3kqisghrrgji7zyg+9pqczyc4nkyn+q/dqv1q929d9eicppcuxb6rt6rnam6k7hzubo0zhxatbs8jk4enbkgvq7bqhgxpn9ajkjdfjjxkml+iaaaqfr5n8napncmh4gsvg/e5ev85ruxeyeqbnxg9g5j3gy0bknbhkb4euisuztqoicpeuivmtykcqrchl61u9hlzpsm21xptzswwxqrak/vpraehmy8ew0apmpgzsesckjyni1dgqpicwjfepuu3jpnbbzr/ggm1eqlt9qx8kbtb3ijgdqh1mbnl6nzejq/jfcrwt8shphiv7qok+bsh/jcqn7dcmc3tv4zaaahlpaqv+5sf9gdjql6fvm1ueay+oibjegb8rblh0/q9rzbcma8m+7yrvmx1yckmdwnt+i4a8bdary9vpoo1erx+pz0yniq1pdlcvssto/tfwffs0fz2s0vbvw75wc3w/or6omxblco9pbp+u52qyi83lkawg1oonyyh/ueqhnccsgnn2h/qnfdqm47volnbvkyc/lsfkgorpapqua2lcopzbjc8phatuicvtwgmb/6jrpfvr92pl47vl61wzf027tp8enkmayjhydcr11tqsvzh4vjms2fdse87nozbhakdubqxjfsdvynxdssgf/p2ffuhuac1xgsvtxhhuub67mqwvl4o1y4cx4qhih5o5rxbrekplll7f3ja6kuu9wewy4ynur8efmu9hbcx90sfzpmxagjfs0qx/bblup2hidemp61w4rhscyx67tyw9vgeymtgj4cefvvvc76ka1+rxzbiyi91usyrdprw4l8o5cr4insva9dkdlxmbbxj5weeko1xpjafqgvj4hbb5sx2sfn6kleisiopjqk5xjsdvycaurrb+w+x3g76urmhneksepdt1tetdg7shmaznrv4nbxc/yzujoeleycqjnavc255d3skuffw0aohpazbhi4j1t2d692q9ksnxs3byewi8/yjziuyatbztpmikp1pvmxy5axz9btu30zk13khnbz3zezdz50i0v3bafed3fetyjhz/+tpstkq8u2r3ds3w+ctaoij+0mzg+utlkup249eswvlkyl0bhzqqokcie674by11thr+aye9uswpzumfbrxzhzoeha6uawl+/adyrm9p2j4vm18ykk9r0itv7txz1y8qej946ja7jskn+ojmzrearj9vwmlu0sbe4xanetqavjdjntmdic8s/mfudteisugi3ewlskxk7dpbmkl0mv7wjwamsbdlgwdvszsbd7eshifgowzc+pr7nolyrdcfk3wo0nywseotqqfrkhoqrve34v4q77wongyvbtdm7kcmn2m3nfukjosj3ruxugh8jjnooe53jlfa/hizqdl6l76aluxkzkca9+hgslu7k+sptp4rzjlngqsr3pcrzeu8/tg+h1o1k4s0gj5b/oyfaa0agp5nozhfk5thxljlmpt6mjuh0qtkq4kf63g9wuoyv0qz5e5d2dp1ivlg6jx66ncvuh9gbc+l5rdu1kpbtcfw82wll0unpiblgiypqikpdpezlfig+vk/bgduoc+omx/bzjvmvpaqem59o5rt/n9r5lfxmfru2jdktmdbkaqinwb2j3ril30eychtvsa7zbl0pyoouikog8ouny5c1ovrgvhu3qelss1ifshepkob5y9teocoaurn3ri/webbiwbedavx7qu6kk6w7tcknm0pq9ozlwuikxrjg9dloh43yli8hkxoyuqhrrwmfd3glveojzdpthfg6hsmdbkjjriztn63vsmea522xd2cnkfjbvtla5rwyfyf0j2cmdasm/pgfbwzmwbt9ehutudoxs99nckrv1ji8yiqft+jhig2ve1o4d0zywmvb2a0scskxp4cv37nu2qewo8r0aiftu8bbqkhs6gdlxikq047vt3bhdwgyo124njqbfitarjd+kcycflbdxq1sbtr3xiuzsntp7aegphfhj+l8xipwgosynxzqxyu7fsh+mo0kaw1ge0kdi9psq9z7tsm0nluf1jjmutlvkkd08e03vcg1hy74hwplwnni+csapdmicwjhaty7r3jbchdtf1c2bksjqdcac/ei3reqikxepqzixqlyf00evz7rnsfvpkpin2svbqcjonbpkiqtwasoihsop+darho4nrf6nvtn+yrkpxpweq1zccm0qri1ooy6impgthhftbqjivkzp5srmfjmbsv4cxo+7j5fq14y7c2mul46vujb/zj92fcoeidinlaqeknwckezjp0noe1rlz/8zqnswa2oprivce+khoob6eowubwtierxf8wlwue2n/+mey9um6793jb62rylcfhhdcf2igdezvwa5hupeth9n7aecrpwrhn+jlt+kruflqa1jfnkgxze0oqywaulr9lmie1h9gbqdacjfxkxhhptr5w2sthr23sd2powdnpc+lxvlsjdg73t7hjqqkzkbfecxh8tixccgiohounz2otww82titzgootyaayv1byyqf+i0jzns7x5i6ttopblelhxmtbvvy5hqhp1gg/ube0nkq+gjz/xsyzqvga0ry2v1whzxi6pbjkioiiblk3rf1y0cxmsykdawreshvbc8phuhuw6q8uiqrkkuyrd3wbzzhs8msjibihm4dbkwrnbn5wtlndfele+gxwtoh+3gpsjocoshoyhhxdomfhmaogl0xvg1q/kvazhjx4+nnac15eiyoj7v0ysqzmejmklcfsj2r107cy0ozpvqc8ha9ju2oyeq7npm7da3dpocwelvuk18a+jficjewo9rmc1a/us2oqx4n6oosnq6vaduyqz9apbn3cghc5a46zkob7xlusmwpwosudbipa2deltqnzmabjmlqtpc3tvvktk3dsbvtq0h7delpul3flfimc4sgxbnqllpbmn26rqvgfnnijftptctkzvgyen5ogw2n9yloxc3qjhvrl20dc3kccmryvhgkfzxvkzi17n4xlhddyobztn9tutnn7vw8lmbiph3qaxlsunttkst2a25ya0kblyuzyjxgu5ojp0dlibcmzmocxfayik4milrfs7w6opjkaxg8a+jdm05qbw7bbfod/maxuo8djrp/ei07c2nvncrrtij4x3thiqb9fsrk47qnem6zpwdlmipppji2+jf9kf+ffqxxnlonhhqa+pdonvizqtcyd2vsvc+yojg8uykpqhfymdkwhotsu6t8mytuvd7qvackbyrlkfm6m8cf0ghibtypit+uxz+1kreocztfo1yialwid2uhvj93bajotduonfykmk1kynqnbvlktdudwopkga8z7ny9z5xreaivvo0qhulq8ovn+k016xknvwnz4s16/scc9z3biefmqukkfpyprdfgdo5mnstoycyqzxbz3g9djomyyu8qar3zb5q0bfnklblb1qvvnvmcuriinbziek6kum4yyofnivwt/yhmh1au/sjojcmh4y53xrt+a3nt570ivl3ezx9zixb3nx4a8wfvg1m7dsmbmujzfr05shssg2mkxvn7ke68xrvrvuhszaykwrpy5trmz0vzytswsjq6+tp5hpbaao6rdw/ejhze1zexkxw/heh115rfq2azygp84mvmkkeo45k6abxqarab8xx/bjozudlcuyzijisg4581kg7v0wzpkuxiqyklrxmib0znd19vmf3tndudo365a475m7yw+en4zlidjq3zpmqwuefh6lztdikzv1ud5kjqsu7ltfzz7ej6ywp7h4vqyq4lc0ko+dsgnjq3udk3fpafgiziaiikzl5pvjnfvaew4ftgfvh94orqouzyhdxess8yn3e12y/fkgnvhmg0hpe68b2/knzyngdxrvipzc6kyrmjnvliiltiwstms1gpokbfolodvmqusd4snyezmxbtzn9wrytxiq4k2a/db6vm3n9dzoicwwvpetvx2hfz3bmvqqbvei7xmvplzo+e0gxblpt5n1pmg3jw1qo3pccnz1butcvnrjuzcuixpykyfobe/e7is7wcsni0vohrpluep/i6en+rfa/7xvml7wpu9aorcll38st5e5ey8aouegpy9ao1bffpanzy0xddh7tyilwpwrnyhmnfxbfk6ltes5mscwq8j5djtgb3vcj+fnk3xneebvkh47tu3dwfieryaegmv7ni17mhyeoxgr0ijz7vbpcvp4yfzfaomjy3bxznjg0phegn+u9ewirsr1vzsltkd2wcqwjilych5bvubwihree9rruq2xlv+9w7xwshmtl+1snwpgsgmibd+b+tfjtktemlpcufdvorkek7bwjik+ywnibnaxtdmmcxgmkhybp/pse14iqjk4bighf3nbyptnqccbdqdvizzh6za8eu4hgxvofqdeow064oh+zdidcrlrocyac64ezc3ofq5xkkzg0mzshycfojd3ovjotljwosraxhwln5eyev7lcey3odibk9ukcgjbcfcficfnq3ojcq8evkniaq6/jbx9f5cqthnksbo9udre+y/fco7o5vu5wlx4sedlj4rjakrgctacshv11hhrzeugwpmtola7+rcaxgtyxujnsvurdnilzossu9zsfgrv50w6ztpzyiiz1udv3yqycwy6vl/uzl03vbadtajit3ca02ckn7pe4n73unxtbivyru/q5ir+saqblna7/87m70zg3nb1hfxqvtjvcjafnp1pg1sa/atoq+33bluna9qplkwxzlreaifm+ccngxj/fnfu799f7u+i2ru4hlkl3u03sciszpkiarncusu7bercxhgikua2hfg0q0owf11nvwyw5nmzb184zhdkdhunmmurtlc1rp8x8ffh3r/es2zur07pmdm6nyc81faoxny4kk6oxmduc30rbvm8pvgp2vkfazrytufznnajzmsquoermxkhcxeiutynjgpas9xzybebma5ixbubfow1t81nzvddshychhyxve9xfh5vq03qysq/ju6zd4vtrv23otvsc6rbps8zx6gxrglseanuhsctxbmgzroufayxcf6bpovlekz8o6esoylnerwbggjnquzg0ay35o7sufdazpkm42ue12vdoqkmaglk8mqsprfxnqqktfj0vaqtznhgsmjegydhd4i1hd9qfqxu1rujlgkpao+a7gsxuchxr4fssxywvzfjs0qfaltgia92eagohadjfd9djwl2yczvvxarbibaywrca+r+feink25rkzry1kj5qqwjjjw7zo54hxos9pcuo145lcbid8dqpa02fp1bzslvb6npik6kf/zq2pwzka1lhkn36igqr3yykcb5niip341lxz9unbshskryasjfdgptxmbfnj2jiyf70idefarp4ougdnpywniyuvoimp8cclfvc2vnfdbuzsjhbj0rk325coqm12w+rd6nqyehcep/ba/gr9flfnuslh3xmcv1bocf7cbi696+j4ir/oxxrour3guqj1xwnujfs3ureynevvt/zi93txllmdtrbytzfkfcsrsswximiybqevecwlqme0hx5ebzb58dycntc97zc3jbh2dfrccubvdoyiq6pvneih/f67qiz+x6vhi+jwgy5dnu4eqig8fwdblrvvyp6+ulq1s4/8d5xqurahx0dfwiogywxczoootrobz7dra51lfli7neu7dv+jn3pd36uqerd4nkvgiwolms9rhzlelay3ldtpebociejqsi9ccayikjilx3twofcchpgdz0jfbihv9aqh18n8mxkrw3rrp6f7ax7eepqjhnk9zfcn6xixcw0ioxr56naxr42hjxyrhizptl57zyrciphhzgnv45keqzg+posp7qje63se1krwnv8s2globwqlke8uebujw2s4fnarwyoqtwjoqlf4s8qe6idig/lbilyd+286/hhr/ccrsnsrr7pzjkdisu+zuxadseonili+o3mgiktaiz5+ldjfbbtctolaezo0ioolhv5domuwb8tnbs1sb7t4ekeknqfsr4gpnijidg5grc0+qnqkxopcdshmpihfadu1o1h5w3vflymhfjjbuolx1gojzrgvuic5p5ri2jp6pbl3joddpmaqhz0sjorz7ya9abgsetlznhnvqiim2/cihd3pc7gltiqimp9cbzuvpj9etodeo1tvkn56okpcpnjwral5rs3gso6jqjprv6ipw2vrvmtign/xqkabg38qmx72i6z12w/dnhxmku/3zo9u31qwbc9m+ve9r556gmmkf2wk/nmskcrhcfl46pxwtx3o3ru7w3cezfmpkq3nvjluqlzsfe7/2otzluuvd2+cxxjqzd9phfiourlrh6xib80q4j/zzkgeryrjcq8xrsbpzqlds2kkrbpsg6p4kv2rhscdgcmdvtdsozon9ovz61cyl7riwg53t87kw0xqowfuplcvjdj+kiihrtnr1fukyqqgehh46yhirqwwu8i3a/swcbpgui7ehjrasfmmjxyyu2h0vvbofb9ngw1tiykk3waqxbaoiykiy06stlxsb7kefxwy0rmv1i6j1ejf3kmtvxz5g6mh33bw2gxouurm0vr1t+7jwoyl3ghdexhj9sk1qhfg+mohs28a6ssd0ihhyh28tqs84whmxllltavvjpofop7wtn7gsljux7kvewbhly8vukvmrluqkco1artxygd4accsq/et0wjcqorzrcdst+tcsncomt54xdvfsxxgmv5sburuz3ec0sh9azpkg9nfmz/oxsgvmf+vwlbb0yumuaecahr8v6rpikbk7q6jrasvdkjuueug+q2b83w8mzlee88be1hmqnj00tejfojc3af8zr1dtzmurlhm1lt39nqq53vjbprtpb7sl6wqhhwekvxd8jhs6dredm3ji4lszqhtg7nre+0xcng8pyhuu/rti0be3qacvrprgg1eaofsqcwtvedibraredfyygkfutc8w547ujjlnuthoiw3baic1zeb7rhfphw9odz07kkdr1ippqacisnqnz4sersia09bkyibnwtr3xnr0zk9vrd5cr5uvg1m31asi+eohk92xgf7l2kebbc6ras8zvtatae6a7iaq2aa7g/p0v7+3w/+q7fu7ip9vmf60msi87kuxbn1s1+etza5eysl0gfy9fsilrk2irxbwwclkqucvd5q/azfigvb9uodusekzavivrz5ekmmian9kzzv1ca60w0uc0/ql1voepuv4cglpyh7/ygnujbhfuqel891siwefvjl71vgsojsp0xsbciuj90fgc2nnpsezbdmawk04ikjgt04osqigmagbazabetwx1gzo2i+fcosmjwjjf4h4pbdpwiw0ghdvm/ed1rdaakvmmo+f8zu5dkxzmjo899jcjhiijvqmysnkfafkcgtisaszi/mz53exwbogjisbqj3ot4xbcxd79h/aswhlw0byzhrchazf2pavxdqyqkqd0qoobspjgmrpnvo51gsioc0ov3plcmhrj0tjtyitvq6z9bkmhblg6yxgju3r8figxzpbxfmqkqpquyvixwcpfk9etzienma2xmbnu1s1uiszbffitpacm5lfasrl2vsyeu04biyq+rnnr+3m3r15ntwe9qiw4evmxbgom8g4eutwpa1g9d9b3uluyosvweugmijzrgfj6gots9l5akru97q/ucce3wsmn8sxlc7hd1rffqo/e+4jxklq4p7l0rbvdj9p8flqxaobkn7hpt7ifrwq62mqm7ky4biav+4papejprubk+rwyuwker/uupn2vplqhkjzxmirauadcsn7atkdvsr/6b9pwds17prn8zcxzmcixtt6x15tr2ncb7mghigytn9cayn7u6uekumwhcld81rfpfmqgdzkjpidf/35pi+xtqlvmgbplhnsehyrrrc5hwumuuwlpyoyzncgu8xgrihqzqtkzg2v1q4cwk7irnfo3u95x6j4fm9erozhncsgfn6jlwu0qo4l00lkjpj4beodmg2xddlss2w2r8cyp6ccxtnyxkid20vw9vizjkjt9cgmw/3qtpbganrrit6cmmuebscoynmydrfd93et6a5oox8xzue37m/3azfd3vv+7qnxmyfv0or2nyplx960ncxlowxyabomgpkywrjatsmw0q4r12nveosnb7vna3xnkns1urwzmf2vtew2swgy1g1xgdgkk091omhba9fbfhx1p8nunpno8a6fpiesvneglhdtgsx0bu0ks62o9gnkywcaq5z3fxbvfubzdfzxuwq4pmcg5cvp/nmn2dsqczkcmelpope8hkrek6hbmnqmotj+wryseldqvq91taed0vcrs6nq6ezp9y50yldiamrfg7qv0h5p6qpss4nk7tr9i/vtosxf9edipuhew2qmheq4ywa23eupjoupev31g7ybv7hh/2bqdw5oa0er1wux4/y7zemskjcujv/ep6oach80ojizffu5y4qorph1v+1hbb/vxekoh8ommsuhycpa9dzme9eyxhbptmzzhnfkjr9of+8aavpjo+7hpsfe2qaxzsbfpfkxfxp96z4qmimw9+qhknallsh2a8l8ygrdlf9fbzc3jls7pxqm33cowe+9dnqtf6ponz7az+ddpuvv2vwdcqt8j3qmkyywpwat+hzvhvghaheyn1eo+htsr0afcnqujl1jen+3r8r6/sprgx/g4ay+msk/1mtuedgwaageoxzayl2rlt9+imvwu2lous95mo5mretqqpjldbjo9mr8jgvn2ziubtu2xrdktlw+k1901n6hcvrxiiyo/otwhoah2q3ecmcsgrrwyy79gxkldpano6w7dsg0/nsf4kngahnjmra3qjbhjdcet93lnsvzfhwnmoabs4a+kxixd8yp3orlrkuqupn4j5ivlzhxhq4xaqrncyntgcs37thh7keao87+ugh15udozmekl86nybcqu1rciuga37ry3kd3qea5x5jiwqisbsa9xotfpc8n+nsokfqoaq0cpzvfvbuxytaoh8u63u9y7t7l4udcnxikl4za2swva42dxwcwyd1penylukqe2ey8em+6sc1qrfbg1/34gwal3fbbw76yduasrxvp/ynopeog2z9nwhw77vzeo15lhsfwxo5cm++eyplk1n5lxfllhqpnycs+mpkxa7y+3ldyeqzo4znozelsxuffgqwrt1gjqobtd7xmf8n5p3eem9wh3pkw+3citz1qzjnz0wvj902/lbzi3bzuypdyq+6hpk6er7yz8ja2/inndmhuyjrarg6+ieyeg8lx0iayunebbcw3e3vmtqg5vf65vr5hdsww6wzafczipsay1mnaxvvc0q2rphtvefwjkdaszmzgjy29yhj3uynwvvzdnmdndvomtafa81m2ycsgrisjcwxro8iqhohatar4suhhbx//kqm51e+dbqqk6djxntfhrujki2ehvm1fih6n6bl+wue8bzvkpsyvg/r3uuneu57ic/jt1r7ywojk1vgxwukqktgw+shupox7l9uxs3palhdnfshdfkrom7bs0tr9bhz5sm6hecasy2rmqtrh0nuhgpggjtknyxx9eo5m2bsk4m7xrikqu4etftxgwqfoss8dqdfpjseqguz6rzzm4ssb0o73i9cvzob0ptvhobxweukdilchrlhsizj8tkqeifzlnmwl8dzpl2d6b2bf13qlrmee2u2ximqk4me43ixxtqiskmxru8un3hn1ugjoro6xb+jtamlqo1j4avftimle/dmplntxmvqhoqsz+n1vfm5zj8vcbc56xwm0cnzv7x+ykewgfztc1lmnl+goirdn6ermh9oxbikxvreb+1xcs6fvzykeahin7fchkkdvonxurtfrfoccatezyzdrmx9fiu/xbbkjfmloyjwir8wnlgahmdthuryl9g/jiyhrahyxrnqj5klk5fhm0ain8ytojzdie1iuqp9xmqq+zpyz352xvm9fuxebl5xs0edjcvomcomcpkj1wr3ylck8txa9jqrasqkifqpqdfixv7lmrpc6yrxrclolfbqm4mrhtj0nv0vxqkrllmvt8huacu1e/aqlsqcbo1dm2pzovurzmetnyto6spy1hcocntkejmtdtnppqdlksmr3yts3drcec1a5a9txkya0on8qz4kmcjjkyyxzvo/q0c+/gq3jjynpx1jkefqnnuzgmdfwcjqikdtcpl9eq4r8dncngiz3ywfxehpuwcpey598agqeeaixe2t2yeagq5jnzejd0wz1wmn620xr8i7ht+paxeu9lnbwt3r46d12roqitz6t1kdvhffd8t6wvgzmupa0mgrup8+rlpvec/nuxetmjyolrdzhlxbbspl2dwhbel39adbyxrjgwi34cu/71wzkytaapxjigodpbv83utaraynjr+r++xbjpxe2jrh7msnvmf3mizum+nhpaxlylrq7rrczapvt90luukqiihpfedsp1eahyyp8qh8r8lrcdsefoiqdtsuxm5/rqyhwr6ljetro+p2k8hs/c1guk2w56j2o/eqjjwjvy7o79te6rxwsqo107r4kpaw87a8fzxwmqvbapvzt2eq9hfw2c5gaer6o6ov6og7cd7qgol47collkvllcbcmrveq4utcyq88pr+myssn593bdya+tjioz4jifkakfrwxs8rxcpv8lykwrhpgk5wqr7wyakos8hv1hhz5vx1hdd5o+sjhufbwztd+/291tohnwlqhcimp/dq7s2ydiij3xga6tkejq0yxlcytvhsnzdtbtimqr7kdftjip98s4g7hszd2el425qmr+gyts1yzqnybljj3xfnolluvuzd+odfhswi1j6ydy1eumgt+zclxh62h6xb5v8vrqetzwjcbhxjfmgvbozv8fonmokmgb86jceozqikkj4nlha06+j17dk2iytfxfyxw/vfs7pytskkavz7uqkvr7i/q7uobzrsn3imydrpucmlftzryfuw0o+wvaawbph/k8vhmpziquz9uurmmkqpsj8q5awbi9j3eiboll2uefmkcjblcyzw0adxh1vj7al5or37sfowavtlju39dxbk+r1jpz19invz5egwrptrpzhskw3y9x36nwia61fqvpgv1fydvyzr2g9dhccr9pp3+viwohnldrzypbnijk0xlkow9cxntusthfdmuw3sxemjvaogpc0nrqkdo43ecgx0a8uygeosr7a51socofhnuevui5fwjzjdyh1sa1hzslrtx9fjer58etpljxdqgazcn0dk1algkdtvzytfiatnehhixms60oyf6/d7ng0+xxtfug1erdjovvquwwheydwukycptfrbvai4q7gpgyqy1yuepkpdxlvjqhkoy/i66/pquc38obs2hatgg2vi8b0ywdyngqqxynkdixfvmpadsliddk7oum+f8mv3dcvx3nelng2u7mtrlthjxkgloxo54vj7sau1hspxyztsweshsd2jm0ddl01hliaz7zukldifazn+cc75uahw/c0aodn94wr+i2fd6ksdme/wjf30cvpop1kfstd37lb2a9im28aiu2nbkojjol8t0bnoeqz9nocjcaw1xnmvxpu4n8ko54r7mh6uweqnr3udgsdztierf4jqqivch12ksns9zylpfi9cmv31tduv9anes781bulzqyudlx9e6lzz4+5yr3ctqwavjebbr5g4ulhedmth097oxlncl1nshytxshkqnd1dljiwaywgnue5ok9ouowuwhxjijhwhdoagyomvdh3jd1jwyqhihsclrumz4hfsveqtiv7mvkci8azdgugugpnukw2ndmmvxguxvuxwj3hawq9yppbpg21lnp1y01l3wippw6zmewhpxth1xnpoa0do5ovyzirh6cufzbnuruazzycikeoeqxa+fscep+gfi/miryskw7amkv5oikdgtaecbocmmkhrjqyyiljzfyjlgmodabentzncgfnqsywsckgacj3igblzarnm0c2cwpaerqmvw8qv3m4mydfqjolk81hoihqnwnsnzyvl+ajasyhwthcdyxrplrzwvpyitilb9yi+jiffeoizjpgxxb/ezvwcd6evjoskdzyyvmuagwfzu2hl3o0t9z2dbcjr7kaqchbk5nkmhmoobtahaqoqs9ebkprksvzsumycnpcmwrzvmwiyvmgfj1jjqdzcvwkhvcu07knroepciwwxnemqkjymb3gemydtqz/u9zdxexpssklysqqfphyl6gykhajuqp9ckqvmj8+ijjf/wvhvnpvalt7wagvreong7z3ffykbvm9eey38yme3iwuzgulvmyzl8ng3kwb5qe9ohmjlvzdksphhw3oitnflif5vjfwwvit2xvzhj2szsu0wukq/blpigrpqihmqbjpc5w9hbsdwwiyvi1osysxaalwqvwyoqqiasgu++5uhx9crnio2nwc+gxcu6nzvlmqygco4/i+5szq7rjjxduje1xip9is9pcqri9vfzmadiwqny9vbyvk27xqnannktdoytzuq6uub7o9+xsrlsyx7mtl2avzaeuxg5yln6yhzzztetmxvcf0upfauz2rghjauabrvhmzoskn+x64usda/nl8phcm8bbmezjcxtcrxnjmlmazmu3yjs+zguvdzhlzhakpve7xdpdmprhird9hgxywiuqovlgidkvi06bx2korz+hcd9thrctzt4e0dwdbuwapwbc5heisd3vczy8w7ignyib2ofmihbcwrnultkfxohjv244nnbgsd3srnvohrg8zszgal+j/i7p127gwxv1c2flnyhlntx8rybvdjjtvpn+2losvoxl+e8zdmc7ar2v6ooavbxtxkuxh+x8gnnmqguvqnmitlsh+dxuyxcvccdbxgnueqb+m4rztxr3luxjjprljshiep7uewpgfkfm55nlfqi+6jhdgkb16tsijovjjhnmvrjbuwby42t5xtvzbgeeitq6hduea4dqmeej4plzckvuwz6deqdyqpz68ja9xatd/tatmp9qpemzsigkuzyzuwkckc4knqkxzhsnn+aowvj0utdwpkuwx7oeudun0vzrikcgjvg0krf3hsmwdqf3kgk/zdi+3bqzw0/g1lrajm5qt/l39nyqcyyu4atzzbks/rlmurabydsrrhgihfdxypq3wbf7jzjomae1zawqmcdfw93xzy92jmayil0i7cw9gu4afovhxs0io+yw8gwdgncm3u71yvsqm/fgpdvyqfie6brzluflyj5wltnd+apzythhrrfmogyv6pivxymr+97efovwyympufchir6pufxn/5r+iqzyxdazg3jclgyp8zmnz0vxt8bj8u1pbrfhh0i4hs2pzthhnbe4mtsar+jalcybowrlpdx6qzek14hf2gbmlevf1a0uoqbjn6yajxvalcko+g2nbfcg9wgsy7x7ikdajzed4qcosvs4e9ifjvgdovvoqhhn7d7pbaiskj0dw+6ks1fyaii/w35goor2s+89m7ao1m7+rrvm7ly2fwdxxnxfnnwzhjhdfzzafnjuvyzdge1epmfso8lzbuoxmg0cwlnykyit7hjv8y9rmb7xzodd8tqm8o1b0da+b3tdmffxn13k180ub+/f+eybvnjti/wzg1dcemy05a1raebt3b1lfe7xn8jbpjjk1p/hdao0shgnyret7gnt9lcg8eelxgrl9iqtqr2hqh1x9gi63xjnhlropxow59pqfm9kao4pawcpd8pcne9jegzx+/o1e6rvtzfl/xjixdw3ruueui6i3ofeswqk7daxhao83fmzknjzmaj7ruf2bhv9zrajdhp5avecjtnq9xq2d8d1hdurin2twd/x024t1wg/yambd/bd54nfmibg6nbdz8dodusa9c3g+kkladpwqjhocrscp3jnn7xctmn6+iequzphvb0jeypqritxf7tukefrwkqmtaokd+c7hfmsoslmtft84w7q13u3caka4n4ivrikua53i5aooavszkhgz8kyhfdthmoud/b8owgrxrqs4o635wxeplxoytaqobwmys2eo64nczcvmrxaga4tpzzx3qcmk7qxwrk9pffj4vnd5aemgngi5k8do13p6733jdog7xnn66gdnu2985s9kvmrq4zogooo1ma0wqvgj61nrlhqeogt8o61nuxzzp/flowj1pz1reoprex3mk1m8rby+tlbjm+vqdnyqn9pqip6uwvhluykesjjs4q5+qa+b9st6z8o4gruiffr6j13d/k5ezqmg/qg3lizcc4vkv3x5qfsoe3wgso7ushr6hqitmu3pcej6qka00gb3u+m7sh+twfuq1o/fuxdxwkx0doehgslbeqvbqsianyey5qucmqy35y7fne1cpzjqf14qvnvxrhanhdqhf21eoi+vp42z4hgortqvbolfyhsm61iydnbssjvumf2szgq3amkiv+6nrbeu1s7h4a+wpiwyrhvpwgi6ngossdkohfm2w5g+9txwkg92nlrmqebuwrt6eykmkj6tunmx8/qufiorjnwttbqzqpyjn6b5fao5nn3yc1imln4sy4o/7mrcygy5vwkrfps877nqtn11y8srxfb5q568f37hoa9zpc/xvecb49tvgwoc/bcddpsklahr93mppuc28rhgyrkivnuy+r4hm36br78xsg/lourft8z4xuvrmb1tnfcdvt12fimiv/eiq29nbgytfsl9tu7kco3n2+un1gem1thrifvh9+qlluj1v4gathxonf56r2hm9ylcxwuyeaohmpsipalttork/mdqp37jp0c6pjacv7kfids3arztvgizmt2gnglbvtejlrydlkwmx/pnipjur48xlw0r4oakzt2zfryg/jusgszlt4tt/utynre7tcahmg3soewbyftxnvue40osreajhxoopka38fw3lxie7awxv6eimhe3a4ivj9q2y+bjkej+4v58sl6oamt+h4f3ne8jjost2l87d5jidalgbehkpnat6vlney9ybvowbyrjfp6y7pvxbxvfr9tci93ccif6lhuufsheoj3xinphisdvu3cfgxmeyinn1xlce+mqda8a061fzxj2ncbocrvwtr7ztomqyaaqpbdipm2j7lw2gvvpyozmybsak10gnd8bua9qhmtingztnbrwy6avzn3xn0xqn91tc4by3gqb+hmtovaowcsaeueg5d7hbsrbfnf1lpjvawtqpgq41gh2wxdvugnxkk/7ypsghw2kv5rlrwmarho9d2rnygjcdmkm/9rua3greg4xg/zjeiq3adrzgveo6nh6nl1zs/2jjsxgi46glifcanzfc72uwkzvscz2qnlyuuhhiiiryek0m5d8nxjmivvbdukjfamphic6uhw5hmwypti8ntvwyrf7zz4wyjx7ii7qcriqcpq4xgrztdgfsjtkcvco0v1war6p3ygdndwq+od0lidsbic1d9silryuvtyyxowwhn2iwos2nxixxfd9j2is6+vl9o4pod1esy1g19p0qfrtfsefi1snz8x7ncatvkbqm5uhexkb0tftupe3ffosic6k5v1ou2chzredfj3+51ovm+h2cpgbsjm/qbjzo1cbb25ffjul0/tlidcento31vcuvumvcoqir6vchrliwo/1hoyz1ld3mm9yrfrb+zlydhwx76t88mi+5wrmnw4bphdetigvvzr5xbaxt/pkv/1eh6h9qqs/iakxalxd9j6cpgrwsx9nfnn+92ekdtpavophezbzbudb9lis4trc4wd4tshebenwlegblgssc9oe0s/hxhf7hq2q+mkcyer79hfpwlsurd5+x75vv+e0pc857vtexel7obco/ne60kc5nrhkd+dgwtt/sb3hfpfybdqyh+yn2n6x4ytvujra9cf4qyg8hybw6eynlmzxlstnmjgz6bxsbquce6x1q28qosqlpigvkonjkpxpuf1xry0jj6kyjlposd8gwhexk0zzlu3psw4mjkd+wfycsucikbicg1ypykweotogffitbfihiimqazdiijytebuxbchdsihoj4kb5rvbdso8pzaluumy98k8vdtplbixnciswtwn/eyzzkmfxdyxi0jydwekmu9nrp0xjtmwukgkrw3jbibpr5l496kysqfwciarswk3rzvfi5zyhbedjwzn2xxlrizaib1ni0f6zxykjxz1doqplsr2g0rlmct4mkt8x9spfkos7xbxn10mgdebkubhtwiexwufysnfio6phrvfm1ghcezpdmxk5ac3o0pyk5lbiszihhd+laki3qfe3+8ubagblu4qowg7vg/d+m6erpj7g5n2lweouvtqc7ldykunet5hadcryte834sp2ylziyuz8usjpcumrj7+9wbzkbhoj9jv4o/zr0qm580arciqpwjkcot64hazmibnqodiw09oslpewxlwblk5jlbwq+v50jjht9ekwqk6apliktbdnhy9h13so9kdsat2bft6xrmofn9gkthmoiu/ivkhifkswqflwoiextydfgd3nhbch1ohkatkxd0has8lnmjenb5c9n2ktsl5zdifvbkij39jdwo8ukssbfrrusm55jlhtnfuzfqq0r/3qlkw62v+xk1vcyha1dqyo0s143sqt6mk+c6e7zpzgccqpzat/fyn1c5hnhnl6+ycry+3ztvxkdgxhqf8heoqxl6iw7txk/zhzerblec1s7yq7x3eenu0tmpw7d+if9gcook14klke3dvmgvjjpjturitfjyft8guj3areyzorulliryvq3epoqktozkvzykyir+ud37zeows0d5gqapajcowlzncm0mfwkr+echy7ghlnqtxupi/g5z/eeq1gaidwtzoifgdympd+3otue1nzzr+rxpgxv35nosz7p2kzm7driktzizui2qwpvrn099ygjqrubrjxncqaq+ncqccr2zkrfmsdvntwn4pc3zrssf7tb1n020yqcqlkiqo2jqh7dw6inkqvsolpi7lluzsrzivlegmeqxlxmklnhcwvtppjh7gynsvhkkdrull9gisqg5vzoagkh1hvs+evs7j3uiw3ei6mfwhlvbsddl3pjrqegfrekwsfpepzzkv59a+dwdrkvesosp1gxpkjmbwxy1doaawmzzp1+rd4gfbwgxlykxml6+ure/jhgrphe4wo0pkvhyzio6sqb+sbhw2hxas0ee7ti4hd6jhycybd1hltd3v5r07ciwn4alr8zwlnjqr2h3nfs9n2l+ch8ryitt/efnew/jqjzkoxxcorfq+p74tsqvpsdmoubwfr+osxgs16hveeybu9wswum9aqlbg+jxthfloa8zte1dh6ouqqgucrzlbd7bazt+ti3xfvo653+iwy3bkmwkq3rnpkgiuhkwnmzl9s2o0rcx+ejdaarw7vtsbbp6w1x0psqb7/wul3i97uxqalpwcj1zpfvev+3ncuu9hzvtbdg47mlukx0qqc/1jlbxfy/ivdolwdglik+yrelt9qpjyhgdvxl7aoqlijp3ngjqfntjrsh7azeq/tqlgr7x97mraqnl810712/w06xxa5feqyco/0+7e442b9ubqbhwtwj38zah6nct0/9bftnpjzzmb9+jim5z/hrybsjkcayuut1ywvhlmvdfv43t/95hfba9hn9yrendhg825yf2bozue71iu57o9dsy8dfh5p9yf6m7cekhh7ft81knqnr4vsfsbx7dumc3n06daq0cthztrl+3cyb0l9viyvby0zgd4uflwhzlvr3hxupzqxgji+ibnybsuz1fwjzb1+ck/8+vyypmpehm7mevalmckdkvtloah6bics1esfetpigwawsu/rkfogtxdap8ftke9aozngpy7asvvh/wphoytxefzpca2lurjggrh7npzuzpjlkobr16yv3ul2usnrlavsfs3vvvcmpxfpp4zyzpnrwpxrkvom0xdxhfafjsujlm6yxmh2jpdccyek/zfqqqwvxvvrpegjarx6n6txoeehfd7xr0nswbaplpvdlrd9ho6cs7ka8i80/zvjcvqcu7wk+ciuj1wzosaypckvfybzmf5umxhax6a3k/tavhftbymkz5infut3mbfpefwmgbvjth/mv8n/kbpr2mfqyguqtrxm5p2hhml0gmo1ygc7kg2r8oy81ufdgsjzbeckyc/jnuta8ixm2twg57ptvgk/na2mxupcsmtqn2xarrfnvnhyuijnvkvif7sbxndel7jlnotlwp3zac7ryfrka46tt5ndpky4wg5ks+lrvdh5ftekjnupdny1mqpaekfxizauwkdxpli5cedznvmmwsnfxxhul7efhtqk91lar23vq6cquqxk8e7vc5sb1bu+5lrkflhmfuk+dv06/r26r/z9/++2//j2sd1nrgdiipru1rwwkeu+dxn9a5bwyyjredjcawsnzcjcdljizhf+yhpp4v/f6p3/7xb35rqjp7v7ezu/vxov43ttf/8w9/+x//z/37f/lvfzf4v//21/3fv1vsvlcvr9hbvtsfc2fxxnogvwgzs8jc5c7spluizov5k4iojpl+fs2kudvbpuupnfpcpzrkhcozv05gqhtscbhrznww7q4nyz6pij4jiqmzt4ryhpsatntev6wkahuginwsp/jqvnc0juzbrjpdmp2fvzxmneppee4ktoyguejvotvyq9tve3pdyc+kzfww64xqghhfuwwmaepfdwpaizfxldujr7qr7ygsk4e4zbgbydldbetqar5a8rmrxnwon51mydfu3r1l5jvjueholo+g2qlvsci8sgh7ucnrno4rdcfkv7zh0lnfian4mveg6ngsf9qtqqiimrb7cw55jhtmgqirvzgyksjm7jfp8tehl4iax94iqvjpnntbel8wsq0dtr2l4ygxuu+79rytzwi+7ncvpy/weytz37tb4ooi1ffvt5k8igywtdjhmc2lqk8ybk4kxaochztnctjkhmlxpjz8drjwjlwn+u4n13rafyjk8h77gmibt5hyeze1rh2bbshxhi86rlia5ilu1h8uf5gpigazgcznvba/bd8424owz1tvyfivkkoth8iy36gtpv4nfsr3gqr7w8n9sc7k98ldijrklg2ix9sa3mojbbxr3pa0bna5c3p9lcau9bhsy7dxapghywm4mmlstjko7uyqzdhhq24lqr+k+/q6dyn04efa9fmwilo7zt0t7xowxqchzzmfrng3xfnazgvzixehf8aa9ytqesqx6+9uta2y8g2zx6qrvbkdj6rofg+mfsaofsjoem2wqschujyzjprh3fr7z1r8mplwto4+i/yo4wfsjktydkg0bylr0ugjcnxqtbst0cr3dutpz6kf8o7qrylpx7v5nh1pbpi+n7/nbp6h4hssbn84hyjrj7r1zrjw8kyutj0cqr44vu3y1+57lltjdjzlq4cnd3eoluhc0tac3nnwfu9i/dpxahv8y1z/xaalghhgmsml2a76d1b4hdmfuc8+hbeporheuzj8ig8y6rwixnuelcgld3ypiqcpoi7je11rvyn/owzf6jz6coe9/akh6bggmlh+w8ezoqp7ymqsmevssvhlch9b0mppyaypbmmjvj9eeg20iyiej85woduoidrbxlssgh8z0urh35voh0jbnhwtlt6zl7j+vlaqj6o5pq3p1a59zy4xw7o+q+u+5gbrtyu4ogvi1lznfpa4rnbpdp127ok7c4vhkzce7suhrb4e6jhlvrvihzdd6poy3rca88usspnui9mncsi961ajo7lt0dm7yxufcpvvnqfbmvqxybk3alq5f4gqhg1aydbxfvffrh26crardnm6h5qpqserlu+fk5dxl+rhzcut2wwiueubd6nibkgzknaybbffvvh1+wyhpncm5/zhdbgqaqdgi/n42q0efdmdruss3adezb/yi/21n83rcrxgjb7xyvlhmietrbgmbxptffnolwqvjkbrcxrtjhvpset3petqntkb1eo5qriecudypew6jlfrpmpmvsnenwr+hphwvcjfooexpaugxzvmedgsuyh2dqni/ufzo1ln+dvetevbqz0sh0synt2ssush296auw1ykzoyb2feo3brzfhat0zzeb2btliahal+bemb36ug2l2cdytb1+ecgcnyjref8lgh+mrnk7ejritfjddk5+jr7tfvhexvryegxfur45+9r2yi4hipywqeac40r1nbnqac9j3enc2y7223rwosawhlczdokbk4smnljy5x+d03ill9votrclscypd150dsxahfopgzu4nfdnup+kia9b4whor6oesfcz2ru0un2m5x9l7+s2kvhq1wkuwjcdgo/v0+asr7uaqb5hpz1+gvrq7lkyzje1ltqybcid9vfstii8zg3/f3mglq9fnf3xsrkg1jqon9/n4/pbhuswqdvrfkhwnc3g5ieessqaueiaqcbunyfgolhzpmjojuufz7d35iyrr+/kbcedsq+umwivei4pcnzumnkuegndkcdfv/5iylfl3b3layb0aeagei3beurhnhqkde4kvdytytocyrdojqycfzz0owlm2cvwrpr2nlwokrhui85wtmjuvuhvujbummiejokwemyevrfal7fvnx66u7imu3/zut7olndzt80thprdr97qdkxke0oj08zrvj0lktz19bejhsvsyoarngvxen6swn+mvhogztubcwv210rsmvltwb6ulmkprckfi8zig7oidgxea7lewmq+oki/fwk9p2kd6pylvmuxz+rpr+nxrqsslb+jxq9bpne0o2apq1v80ntnzeddxcqcqqrlm/hboiwceu065g9rutecugtu+9n9duoty9exqd2pvnund+efzk8iibmc1j8rxcioywi8vipwm+igypjdj0fl3tojfwjx+gcgqznm2bhfwhknlnl2zhunq+d+fn3m4acdhhyb1xwdny2rhrgwvlfzt0eiarunqv6n6oktq6dopc41wqptojhiy8zksitlcwxrbq1fm+uagvtasqzccxndab0x/0dsk1210rrcsrnjiukk4hyvo/zhvteibkudpwve5ivd+ynzk5zueunsjxi26zbak/ac0ovcvqivbrecbhtuw06nngb5u4hlew27bt/3fxhraaxcyul9spwtmqg+wp8rnauldew6g6gaarrtsbz/12ti3rpygtn56lsux+mjnh9/2/xehzvxo3x90ndomo/5+skbbj4uykaezxqxspfhltfq3pce5nmod5wxhnwtjzrrwnpcbuppmba8fh0bcb0xulgwitt+zqwhqfaagvmyr3mxhlv+5albolcnv4sp1wg6intsnyqjv8viuvkiyr1amcvoopylwqzfq+xruuuoqblarqchrnhrpqely3ynvjrtnhknetmnuhxed5ykokya5nbymv2rcrekyxx63mrl5etrlhkorq7rb8q11hqgpfespweulrbkwh7wek66j8bznglytao7ki2yu4vnfx3kr47upzcfl6d2ai62ba7c6ttudnmpg+dple2zs0gjqfd0eg8jreu1xbforqrojiqhx0h6qwff87wuf4jxi5doioz7llx5/3s8halfb4ze75wfq6hxtwufpxurgsgdtqd7o0h4dzbq8didwgybwx1q5c5lvtm5vin717ppwpkaftmpf8k8hurhttgmuzah9jq8/0xhf+wgncgnawa1b5xvq9nyzzv4v9hxrftwht11old8o8c3rydodqk8s2op54i0rjajjgs3z/gyo1mlcpq2d4sencbjpxnrontggzuvk7zjxb1wxtd9uzh2mdynkd0mkdyjf2+xmrj2jye44pm8cok15t7cqaxoyhk7hdup4y8vghuzfbcanyaqg4id6apqy3porqapzcfqovgr13uwhslkmetnyt4+a+70mw60nc99zfjkgmyn0ja7umein7if28dsduofq5cdspgbaefbrwvzcovg8/jec0yihumvxewy1scuu+vkrfdkp2vfs3zqwrhtzv4jskezio1wmyhrbdly+7r1qj27axdr8k4k+kq7yu/pm8bq0sy2ybsn7d/fsmw767obre6i37bjfpaxwkvd+wzuqs4nsrersthyqp1dkiwkz6ogt1iautpjo2uzblgypinh4trs75p33o4gdk1kxlyrcr0em9n9t9e1ruuaeoxhomao8p70udccskvrfaz4occvfb5m3sfu9k8ki6okknltg0pbvdxda2h65zoatgjwpz0jxve2qcy0abotw8jowrqmpdkyypa78ioleaxkyz/ihqf4/m/guqn+jmwgknyqtf1p9j2mojvozqcdf5dnggb5qvhtx9lm4+g791uymltxuhg+lw6qsiwkv3kkrqij5dmxwn249nhmv+h5upjsqvpwrxkdfyuxn42i2ofla2cft3lgncpmngqivvkbam39bdfb6wgvxbvj4h/ms5mvrbkho4aezcbrutlt5+jtpzaiey8kbhottebki1r5ovdu3kyadhibulxtgixsttp6jffu7jwfeyxnfos7tlvmxn3bmlo5p00/yq4ixhc9epvmuyhtatrsf7x6l2n2gihndr9jzqwytp1kwwqmhashn0z6tdljafka/xrlqvu2ek0qeh5co+nlzmhnwuctyrctgq5r1xfj2zqj0xtw+h+lygvnjehdyyjpgd9vvbq+ywi1myfj0xpnbicwvvkgri1y0xnqa4unt9yskdosq1ek/lmv4kk9xm7wryswddc0ap2qwpu3zt+3p19cmjntqu2uqyjqgypieskmgy621kwjd3pixru3zy3y1aip8yuhb8khpaorj1rpx8sxkjsh8miuwzfrbmikqhyromobh4pmlipd/pdcmjm46ketog7igdppy0g7jdnf34u5uxrkrel9obzt0vv86q+ipvrdaaic5pamlmvruvmpaypffbey+icbrrftdz0fm7zwammsiirvhohbu87lgiynqfrgzuvdt7wkq0x5m12dnfbpu7qrxi0l2dyx6qocbibi/5feie3oemjukyll7xkd2yi2bxpideqbtw2j/ctm7q8pjbfyxra1l9uvtqdjtcczb5cdrizwiuzo+s/6j+zzukprhi1dpwjtbob3dq3zkljt/dkthwvlpfkeh3+sjsxbyue5wqwzhxvv3obxqbkc48xk3g25dgp4/qxux2anmsn76tqrq4dvfxwobv4bcne7vfj4x4xxtdqfr9egknzfjpxarvsxkzjsngv0tlawrv7nnvdkbjmupnt+dgzchmnodfx9zgfssmr4k76v35p+s+9unzoac7ly6gfdbj72y9jfbdzc0xham/a1uqzfxjnpiq0gt8dt82eodng4s0gjhsjxwi+uruvyknlqinuajctlkhcfpkqvqm0a2iibbhwu1kxii2npkczlzsdldtw3yb1a6ablnzenfu/ebn7csnflghhahy1q2iypzjenbd5wvzbk/upr22ikzdxxtwtsfco0ludng4nvy7tgdwje41qnl4o3cewcmnievfrmuuv6+vmqdwue6e6whpfrjlfspm4ubgbqgxnjepozan2+n/crscjnxdwtinsuu2jnggqnz0hrufccq2ktsvoyt8bozr2+vqcmbnz8l8kmxthygfo0mwkg7zwygomenoouk5klyrbm5p2h6eiyqnvp68ngxch7qmdlarqdfof6+vs2uj+mrgdcrrlqotlwtv1g80c6+h9dr2xr2iisr7f8d0mr9z9o5bi7lxe068vpuhdtgnkr1lxn30ma/u2hqsnl4bmpqcc1rgeo2utt0yy03sofd3cv/zdsp3ehfgzbq8vv1yii/bhxmw3ens34gbsxufbmp/bltjv85xchqyqe+fox+x74bjndymmmkltcnbjvvnxisd4jmlk0zfcywyh9frhzgpjnfeppzx1yxnlyqwcprdlgbbo2i3mwhxbdgvzmyj9jnzjlay1qwymdkpncermxwj4kkgq/zydxr38t4a/n6dylx3e9ojkhhytz8/lgajo3d4drwv+pbfu3hh0n03c9s9nvqwmyzsyl0dfhk/5qj5kwyyotc2d5zpgdxegqwiu7uggn0/dsfdn3bjfl4z4ug1u6vctffyatc17lpenkzp1de0t8vx6wz73axdsc/fdnllt9pvnnplssdgeyn1l1ppjdlv47ifvpciqt6c/xa5qpt2epk99kczppuhp9vexuui37hkxgopivnvxfzmh1tjsha/bz5onnwoq90e0sxu3+ajxxsajy7zfm5kjtjewuvn3eesyr7m6kryi1gynxej7zwf3k9e4mceihmlx/lftytxnbnx97vzg7wzx/epxn7pliutgaf7o8rxucvcufxr2qgns/zd+6l3nfbt9e1y4yp6xke2ycevymzj087jm/smwxvrfd+fbcg9gf3vdnza3a8/qf4hznmrfu9sjhg8scc3/llh6kqxb9v52yj6m+ezv/k8zya50wdsq/gdoygv71ic7dqhql2m1rnn87z4r2eg7a6ooevofh12shxgoejyyaqlmqdjg+dm9btrl5g3erd5hwhwcayqwuuujwqqrcjgvd3mm6mvbmkfwuz6ltogyheugcaqgwqjzh114fea8shzl7fhazuibpieg1axswblykztke4ncpmthh4mnltdspqijcec1eordxnn1bindwuuipwup9/y24fw7homndop/ugdfdpxullfeejcrpao7u4evab66+v7vjxdct8hka78tieo0qbf9dt98n791dcbq98rwzodbvyoccgczkz17kq0hp56+tpmv3ycma1vcjxvhbwz8oyx+w3iph9jdt99jrhv/mhvnmsz1xm9mfwbufuxjyzlvbbodv7gd+12+cdgnytqrrliehj3ptep8vs14/+cpp9rhl5en3z1+mpdlhaoi7uzhudu+kajaetldul+ddklx2ju917rvomy9jnmf4nmdmw92ck8jn41os60yvndk0uzgs60kg5vyp51k+dgcgforfijinhrldmzmxcaeuvmhaz0wykehlu+l15n+/wzzyf+siywgqhxcwuwqmpj17avwjgo3lnvz2r3jomdimh1rqbfijgybmrtaepoqrmyth5lzzjn2hxmx08kynszz0baco1ebbpegjetdkufztqxhwx+h5b6t+iu2s2peb8mja3bllutfnx7tfcharyffcycbb5yjnimhy3kkzryk6xkufspixd8e2+jgjdj9z2o1wq2xoz9mrli36giugukd2dp99aeqdyva7olssay787wck4t0p4trzn3u28pkszgdgmvnvwrowlqczai4l3y2696jzektg5z5txudeuaqvrfsxek8m7zhhanryceu2xhbh3punwyulqcjjbuwsirmfzhxatsryehhljqvsn3lf479rskmkyk7a4xn6ertptfdywuc85cigb9nsqs8pryolxrskumsay9ldapmiggbciz1dd1uhwgticpqrvqh99d5vnmln3dffg/850ttoyudnurkq4jt2w6xkqi3kf+pxffadwv2fqxjtpyc6qd3jqy2lwmg+crn0ohvptig9beoobstymbpipm1v2w2arnxeekop090jylftsrmialxlfvec2u7e19ip8+d1fblbgfvxavx/s15najdnq6bu8o7/kmg7oumctfsjfssolhcnzk1gv5jydgufonckv5+fzqh+fhuu9te1ruplrbype7gcgrdb4r7lhbmo6iwts3m4mmptydaytouu9tbdi3ugciay+dfszehx03puo4xzedlnvlnr2nm+nd94il0htztvzl8bmszqrrp7qnmwg59qgurlhxewhtomwq7sy0ac4p7+kyq3zudezu/rhyz71iderfxdkezjghsdbtqhkhra1aucmrjmddxq4xbol0c8rnrgzi3c+f6y5pibcwbwddka2qixmynhp4mj2nyoz5y8ltl3xisjnif+jmx2/+bvg14+zlsdo2qrljbhm2t+i4lc4omfp2znmzzxs28jv9lnpozpoek26cyadvbbywez9e9dc9xvbjlr7e2mz8+vu4bogkkh8+d/babsgghmxsndghjcg6jtzlxm0wsrqhctg/vwxfjttqyl3ku5ixtmuxykccysvrjsre3uuhwfx1vz/o6j3ewkn2kczpyqkeo5izntis6zewqxz2khznizmg0ta2tpwjqhwkcwnbuyn+4g8qna98sbmnej85sunbf+0u+d2jokui7fvecnjxpq5mbjsyiujefj2si05he4rueq2gd2+u2zcisokdmcllpt6trwz4f2y+sp2gkezas5wc3lnakbuyhmxfiaaq1dyovvowidlouklddnsddtqbvsyu0cuoo0nxb3xxveaij00dwn06rmzdzi1xf8uou0ftyt1i3m4uhxnrgyebv7dtmzkzz1i649f3wxqtjdqqyhaxomwsue0pyxmhuff2kub+3qmwsibcka5wnabwgqzz68orseyhyfwoonavp+usqqqquxzscpy3zmxka0ccxgwfybfipanrp2tpwl47hkdrj9bb2uz0msmaqyhefckahiliq207tbokjyiq6z4qlbodcw1mdg0z0wg6c0nzizlyv2yqzcxyyhyinxur4gc9zz1rgrxd+tp3fwvoa9g3khxpvyrpuh3fr1smonvgaex15xgs73qnd3eij2kynerjehvvpyw4apvafc3zf15/7fbk6+ssdzs7qh4vcvay1+fgw/1n96ghzp1rrkfca2+zrduw5pi9b1uabbktgbhamxberdwxslrolavrgkm9e6w3qh5qfcie7tcsovgs1h2hwkw7icawzy5qswrijllrolj2zyql/v9kubrxp0tkntvcysxq2vnoed7alfuk4e6cjzbdm061ukur0hat3gbsgyrazvooj3s2hytt5oonx/m5psx35oc4brvpc+eaxzsu3akawb978sb5lgzdu/ndvj6tqaynckdtxpaxgamzcmvgr60kj3lcbnlb16ycu8nomlbtakzvhiv+ueuls7e4ffdnbmmyvhjb8vnsydkxvz15ykclx6bsj5kn3t/t3iw8olnoi2xu157p2dksvkfeixaf0e83amr+lh9odlcmn6r7nondu4xgxiwjwbvvi4zaosotbmd1xs9r1yutbqdaj30bap/0rpmr+etkjkizljyxdwcte5vrszx7ddazhtswtstu4om+/imdlq5+bszb6dldsioxlrf5zaaoywd2a1ezuesrcc46yzdubw95lwee3ss4teepsiwqbrwvq7qiva/shnpii2aadttzeinlrds50uy9iym4/fqx3esjf50wlr091yatdpheyjwwxl7yjtjfsmk1fduxkyvarsdk9nr3wgj8jkzfi4tgappslwpllxbdbrsh17ujcwzxk3jrbrkl+e6zo1rayr4po48npnqegjeowe0aggqpdlyupoo0do+xtfsifpu6zutj7exjghdttu+kwbu6mnkiee1mns4qeaq3vtthmdxbfgbkjam32xskh7suo5hdthlvoycj7sa1o6nddie/q/1ejuetlo0dack6jgm/qhxhxjjdyugneofi7f74xshiwjreh2s3gzx0judzvqyh3aozrhjoysfsv5lnlwnhcl57dkoajdrnyiuzi6c9bqvgslw09bnr9pgzfp3hpufnnekhhlwpjmtvxfy0bldtdska2ermgjxzmp11wpp6/733ebr1bha62sz/j+b2ov54zk3/txyu/hypryzicntpc0g43yljxxco0rd+wfz5u2tyhadfuq6q/byzimvzgquuugaiunn09esytjelzjnleak0n7zzdcaa7qyaduod3f7pape/yqupb0yjhbsu/1dp5p95mywaqjq2wujsk6o6g9sq8c9gqlu5lagni1xq4zbpaytmp2jxfes7cbsroteopgtgmqlfz+zvduuuhmgirnxzjuyedkeqe2zf5svseq2a3nxg2fytandslctg5vlwra7et+rgx7zyo05pxvryil59og1waz19lhzmlqhrpmnhjhkyx2yssgc/hdj8hdihauge7rfc2nijiipkglnyxfju+a2muhrqseoytlgs4ohco/977xsadxw//61arlojsfbdgouubegdomxrqzrxbgss3nvpnjoubqwfk2apymofksd5zr2k3urzd4t7p7vijxu5ffdcn9apb155v83wrpsiiuicd3mxaxgfs+tzmpalmff1z2udlbltbyuntyqvlllbvgokqt0/w6b2ryvzghwezzjxpusyk0j8cun2hczxv572qw9rmrbiipggbzqhfrv54ddrmnsa5jwfsy3c55iosqtxvrrfsmi+rorvxnfzmnjqmjeyygmiz3vu7aq/p8wyxs/uh7tkmx44j9ezbebigrihxdgoxyrke8jkuseksrzjsox7o9qpza6zjzit9ovptniocitxls5ruo+rdd3zrafji38xp76vtxww2mltdnoeiw+fdjevfmj3bu5d26tvqyg32jbj2p3l2shdwhzbl0rs0hsf3ynxtfahhmixc3bdzrmdrai4zm9wrfmu3iedaqjzf9ytn/ugszc02dzpmvjbezjs2nvt6eabexei+gxaa+z+yknabfrnboo9zhdjd53v9z6q3d2deaf+svtvxf87ft74h5vh7y3ttgnonaymwzkexvay0c8w1jedun1fu+tjgtssqlb5knhx/ig0iupnns4z0dfuwvdtrol3pps5x15cux9jurlydwiudp2toiz75nm9pok8k4o9uaqwt76zd++bmwexheqwu+wse6mswl5pdsgetydnijoedxg8csad2nje5aosshzj64hb1jbj1uyzjej1bbyytgilwejobzzzgwca5dqmedsd9hh/niz7hz9v8gybimitcspsu+zqanflacrifl7htmqtwk5uroe7z9jofjbauvbgjhhphiwizov7ncwt19pjyr1le0svxryrkt/zal3profqx+eopjm+jbe3kbvmbobklvegjpc7dqomdhtnbpwzzgzdgtsdddq5cblhkvu5vemosu63czrktnluxhppvfigu2itopbktxricxdwiidbln2vga0eevf0g1khvue4adus3e0crpet9ubrcypwegnrfo0eve4r/kp8tyux5fieek54isldu5min0ozby51aglpqjbvmnsft91yutw94rrcl95k4fdth1zhz5gamyma1yi2n0fn4xjr6lg+vj06+/giiywtzrtd7fon+o2ktxlc6wbfo/g8tbob98hwu/yytybsgegn/zhl04g2mwm8ekpmlyuijszcfa53i2m8drgtkutdiuyo04k+s51iso1pnfqwspnij+6cn+txjb6fz+ikvjsgbz252slzsfy400nsdhqdspu7txivzfit5phsyg5ekp6kgwyhkpgaqjk+/hxhbuifm+tjpcmkfiyjjc+0200e2jkqgf0hbwg0jpymyocwcrhpdyrupn6ygfc5kv1xr/wktbmmb08jjvualt2ietorrexwm7xrs8xmmf1yqhobo6crpn4imsxoxv85bnkrif4awq+kuibuwelreufw46iyug1tdhe/cinqdfldhpcjbz9gydwyu9bvlcxr5uwnlk6z0nc1u1zykfymg+yuai3qwox5df0uau1spcmnes8b+aa1a2w7/2nilzgmlyei002ozzg5dbhnn0zz6p4gokloul7ypmzzllvyxfww7sfycttvckrkwtyvzawfids4wpgeicr0faiztw1jpju2ccfn+hq2be9c+jgikj5xv7ljzn4+mx5o9uscph5yputtfklvjnk9uwxd9eulhx+zczxvuzqb3gik4a/vyxprnodyr2jcsrple2kybn3kbehdygbrddhj9o2ovr3qc+2wyz4yrcx2dozzt57rrz1dtjgiktm/bpdjmpnla51zchhojk8ihzypbfy+jr3sanseeoy7bhsqaelm933hyllzidl5y2ahhf6zqt1qm6pi91/fzjocfmj1li98awjzpkyr8qbtiizxsdciedxjxqrqkuizvyje060/6befpdqqapuq+/ue059ddziheitjev7f/qrmvlio6rblpzlk56wvi4mz78thmfaynlhtgjuy+enminiszp5i2pss2w7qldvjuga4hn45aamfozqmlesvyb4aelzqz3ruimlpsmvqh0jq+x4zroko033ppcby2z0ni1jfwvtuklyncdnpxcxugfiq5oidau+ghbfb3kkwnqukt5wkpunutiz//yfppuc1salgnnnb2vpjrn3v95a0w4vyqp5/xyuhrw5iq1ovigqr3llyvwm4yqxkqwiyqp8bcre+2n3prlw7i4dhbzanbepnnb0ifv3dl1ncanmmgurwjb9zaivlzllscgpghgnli+8vrswzwhohtyi5gptva8j2rcnncnmr25cv2dueldxsmj22eli9wsuqm2th7ndldlyqd1rhga1riephf8vjypyqrwlg4ytpj7lfmmhduup0rfzri3lt+pd8xvphmdt0dnm/yxu2lw0cyzsg9bpoh+vtt1rtqyrboe5w+wsbq2ckq0ulqnygfttl9cmpznpunex2k4nqmm54kbx+icenc60fjb6plamm126l/3qfr7hvp/g5mtg1q8dkmq12zfjhwwbfqi93m9zeimrr27kj9n/t9ht6es0e1dm5lzuhn25k8ndqfkg7qwe/kmym6kprx7vi3jdtj8t7+pp9bgekpedzg/dhborsmruhxfe2uegwdod/7tw8mxjx+2gfa6opggfes6kmertzrq8vsbibkq27arfr9zh69hxuyyt1xb/92tnr60vk7azjq11p5u82ahrxmotxozwbntxrsnhgpk7pupzpvg4ohwvempvfg2ofhw1gd1rffkpsrh2z9smkpuue5v0yiskg1c2apjujjuakaxfjlfc5qmo3qp1rpf6eixqzz+d23icqrrvceq1tpbmi2srpmn+ltxqkv4ibcxbplllb4ghsynmfantjd5fr+8jl8sqns5jvamvrlvga0bdvuj/6ialecxv9rsicvvvjn6olrzjmet+y9v5hmo/e/8aj5u6lziffkuwxkzkm+ry6fqdicadm5gbhf2rjqutbipl7jwdcyjs1uzbgkkp9jsnuocyxuqszduzqnvxipxs2q8erwjvgxq8/72ktdu6jhpuy8vynyns2e47e6pbdeql3vc0tpbidlsu0qdmi+lzkfztubvhmgkwcly7qj1bjc8a2os8mssu4kltnf42tv28x40+jhfulikopxowlswnmflpob6ks5rnqalljahkquun4rcgoface/tw9yul6d+dulavskf8xc5jr5d1bis6u3go4hyd5pirailn1cqt/l/fktm73iyyyocuk/v9/ape3f3oa9y+/picrzcx15vy7lvy3fqbbdlclzgkjwg2mp1chnudedymyx1xxra0ooqsapangwkynhe0e6we8f2ditjlk5e1b5qogedyekyfuntlkmtei73psvbskgkjsvju3dbknbithojuh3ooqm3ldjb2ulzsyr9v+geo/qyrcq+qv4hm7dm2ttc8wxkwjymguikd2lsiq3fahml12qlgp/wppweyj9agwoprqhbchbmx5l44vrmjiwxpwtlafwbkvtaqayijyz1tijug4ba09njselzjbhx3gcawd7z59bvb14dgaegig01ttekzvvwgd+jbwesagcolzubcby7po+ng6xek0cayi4vejulqsk644w3xe+sctbyioosojj5szidkgrz1rweev1jev/rghrhbpfka8z0d09yopgzzsfenpfuzei7mplxygulpwotjloownu6czlgbkfy5k8verkkktmxdnnsepmc157f79xiilfanhed2rikp2ofyfuykvi0e2i0dnz5brrefusbtllhp9if/n8avlux4turvbfrjkdhexu2iltsbeanh2kjfunly16rlogh+uo+6lqztwuqnfspmnkwjcmuq8sgwdmaz3cmry9s4hjd8en9iunj2jiiy5nlrn34gs3zzgtno/1xtvioasduovtj2mbir3trcj5hbomudoh9ruag+y90zlgndfjqucfuifjsvdlvuxfmrn3g2gleiq1xlszckq9yogqdjj1hddrr1ieo7watftfunwp1lpqqweozoe2jklvrlpva7wbqfwuhzezi2k2ndpmdhvho2ogk4phqlepz48jxurkgvp70q6tgvo3q5w2f+jows4ypvvddn9qlhp9vq7c+sp1immgghxcuc0x+9g3ded/ukm12y/ejmogw9r10so6o6u2ijyk2uwsxrniiewxfevdcynjkcbgpk3v4yzryu5hf1a4a6j6hdzdrfpduernlbvue2mlm5zshgm18gb6demv9+adsqcsb77p6a6oio0n8urx7oiamecc0ffqzsx0ewvtsod+j4xuydozsbc0jvtvuktbdkv60kxrxndlg5jdnrs5dsapyocho3exu5xkun6iky/9esfjwdcln/hsfnle1hiivk6dzmiqw6xehtion5i+0msrpx7wpubter3/nbpq8v4w7xrv5lgledrjjtbrihe6kstkarascf7daqyvdksyn873pbr6och90c0hs1khoqfdv1xdvgukkgzr3nk7b5ggmc0pmwvigp259ym/y3pdl/j4x4vny4znhwqa6hdfokgsjujaxvd+5pl8yuiwmxezwoflmtakzpgxmk4u22dswauxb+u18febu5jpzd9xbmf8pglkzlq66odvwav/d4yv/rinvfkpary+hukdhrrcmdq7xqizz2trkke/tniwhwe9j2ivpbstsgzouv6upx7xs1yo6cu1a269isgxtyz1dwpfr9wbcr0ftuumc70a8muv3iknvp9x92xnpemu/fzmhxe3zivxcywh0xv/zoqcg26/4xvbzfkzd4d3bwfbjcrl4hf4pzaxswkzy2ovehtqzmqtsv6wmviwptart5eioiz8azd/c1xtdvtgxadvib6yitz9t3qusqwbcczcjid7mss3d4carkw7zpegenxlxdrczy7wixxvcszp6yojg/5fvwk/rpnpmf7la4ibrbt5cdkk4u4zuvjottvceozjcrrizcbrzpxu8jewzdov0zirsntdsznkyc4qoycy9u5o/wizoro5f2ibxjs8dnpbsc70kkc3qzyopy1zhvlysfsib6oxb+8r5l6mxj8rxr4stk1ymte8fx/5qvvfszi9xdrqauqahk16+d8gnhrxqakrnsej6oxefydhyg7khuivdaxoy/i/ahonug62fs7tvfr52hdq7oacd/7rje45q3kzdfrjsp4zcpa1i+h3bbys93vgn0tchjk3ymmsiwn7ofiansb2qmaipuyystrinbkfwpn5xqmalhwkejnnwpwvmzuxsdihfr5gjrjaz4bzlchzpq/kunxravkrbmrbfrz3df5h3cyxxnjl58jebqkrz3cwhyjwdzl1rn4aqxy14cgk9cmcexsjms5ozauvl+u1jkpe87wimyvel8wc13nq9y11wfg19w9vqxbjh9jmhnll6+sdnr1bcri57dggfs8nt/llzqjhatwnylfkanmz7e6k6n1rgmrhi+qvylp3dlph4xcgxjudtdqoq0cixdyko2euh7mqtp6sucpcah6egd7jl18e5/jip3a8n02j7+1c8d1vpr/kf1scxkwsk7zdf1q2zgieshpnxs7wckxgpatrlmlwvc5o3xn9uq02qgqrdzdsfjkaztip+c66czem+ashpixyonrh0y6urn/zy3opmrpi9zomupgjgv52ibtstikvorzrnfvb+0tcx1mdnbrnct6oyw/7/fhr69bk+yyjwqjuzgxsgdzvj8h1wy2tc1ov260dfmjecqzuooqxridjfdhzdlhpai5xvqdxahyvupede4wikdc3x7jez8thwsusmn41huuu+atiuqvbvpwer/ypidg+cnn3wmy1sf9oflxoe97zzzlqz/3foielmk5rnrayjlbozqx7rrjtutx5/c1si5zhkrcwtotuhhyt971njmi8aoddc5bmaqbzzsefd/+qfzdfqjpttjunc9mvy1gs8zxsbv/6cgxfeuzco37v5g2e+bfaag0fdiusjcll+7ubzthlfzqvdesakeqoy82ztbq1ur6qa2pwshwytzu5x1cjectvkhz0ybci2mfewynlevrriec70ffsmevkop+rr4esupxrnfh1oy/ces9xhxiyl2aswnvlht9+9qpb19p98o9intortxlaf19eys4pbt/33cn78yox4crtxisb2pmvxllpf/hh9ql0k5dtya2bcfxi46ib/xgwhr1yglyabbps/qqb1qqmdty61opajgfxnexrksqq+llq7alsp985ybceevqejdxrloaaowc63xspkk6gce6tiwy+sziwvcvons+pygwgg+dyxdhfq/1rev8xm6606bu5k4afv9mgkrhek9frdojvtl97bhkd2ywaawnnvp3ssnejgi7ouvs7025sus5d41ab9g8j/uapree1bsmg3iucurubrkjgbzuklc1xewpsonix+2gu9gunovcbeff39iueooonsffdan2fpn6eepvpslfospbv6bx/bz5f2h62pgwmlhz0kuj30agsh0netzdt3yd19orvdqxm7/z1fdcmqnguwdw8zjd/nriiymppccfr3tynsuqux5plcs/xdcfjbdk0+xpx74vfdjcdvkbzvwofdv+kjfk7ttoqfl1idzlbsbsxnzymde1s4smqrdbhqwiac2qefszzy9+f2pudmu8dtkvjqmig9tbhlflxxd28mkqlyqycia9uh4zltsxnuzf2h/ijthr7brwfu/abanflwfqo8kprwmikunacvdomlrbe7ovy7++vufxoxxix7v50jbvhdz39q/3prhvn6ptpajuntpud432xyqxc/tq5enb+mfkfngslowrtn/bhmng4xdixb7rjvxeexziigopgziejhqfvgptuqaaqr7wqesivxmi4btdjavqtupmjtbewxdhidhdlcwxpurxqgxs96ih/a7c+9jsqr3auaynion1rikb2nvchdhfifhxihntmhcnoyhyrqmsy+w8qeshhvslfuoypcd2gz2ijoslh7uitopvezjhswiuyuvusl/yih2pe7hngvvejeoq7/dylgo0wpus9nmi8hsdialb/bcyjnwzx/wyvsm7ah8tvgdbuy6z3etesmuht7u96kc1ldtwyr3tgauudste3jpadqupypa66rpjmbn7rwye+rvjnkrw8ija3ddqlxnavvo8veqqnz3ijjlvf7o5poeirp2htoksus7x1pv9hhaie2m98xuoxnk4ry9pe7ykdowsaqbau88jgaz8qn2tkb+/lgcbuowoyrnwtuolmfn3rdcfqhbxiif0jddty+uy5x2fuiizzqjmbphfmo8j5gjsyd1twodba8ds9j62bgcx84f0szhbqoh5bnyhp51jymkyghey6n3i/vadqrv0ima/6fe74qcnrn0cdtb6jtkefa7uwhozpq0lmd8xunr+tzsnbxobqrgbqt0fdrlhw9zemmeu8n6fdjxktsdzglhgw+22rwexeaavyhankrt5n2nywnmyiysnq277hl2eznuomtumzlm9g6anwpldybglzssjfq/irrqivukq9wvvus3lg9vipemy5eiad8d0o1czkso5qxzebwtesfsy4hss39fpk0nw0f2rxnq8pwklrics5pxvdzhyvoudpd58q1k5klhvqa5jamnxqdy5yjpd9tmqmfgkmwew9vzrvfw4rjxyvrci48wx0b53isgscktbtht/ly7rb+rthh1jwj7fjgy3zajizf0/hktkamvdjdya0yw9+afta9veoo2ve0bfuu99onyj2xdsfwhd7qrhrffzjqisswc+/t8eqag57xda/dc0e9sw6wgp7+1/2hizccdzpx1pqgghuwl/ushz/0cn2l6fcbof60yb6iwcs1ecbf06wp+shr2p05k+ddvq9o7xhfguwkxtfti1vxda/mmqwxvvrwbvkzoyjfwwt7vibxbdblxturonr/jeoruxfyvchcmqfgpw+rb2d/k35eqw5to+b9ljyxnifv0eb0svdw8x6i8bglny++l0dtalstnepjcd6qbfy2yd7paufagiha8n2b/jjpm5rixbwzfc5wwdt4x70l3plzp1vfpggdhpebn+x/zkuep/hg7z21khj00xkqkcipr8ixl2zqsfalgx8bpappjm189cqsyifbi4mxao955z64h0ts6v2qfc2s6rvgcmdphscyhkexzbfbgba7ezcslelfnq2xqreavinla9valx5/oaefa3vfisytv+hkdailmnkgwxztf9sawtnj1wv3+bgo/3cxoo2htthqqtrcco/eupqqp6erz7vltc6bmzxis/plcjepratba2ysj3skjlw7vytbbj9qqszb2uo3jyrqcssjh8eirurbqp2grluvi37t6brixwkznxrq7qmcv++1uoema9k+xi80wbqbo8rw2nkhbtgyx3dxgvktowpdmgsvw8dqsqcttbflxlrdrdpvh7bnziozh4im08y9aq9mrokpjjtfnrfx1wnp3creia7j7ghpje4wvmiysttfltaywsd6djud3cwt3tfmanbx/c/c/jc3hdmi4t+s5yhy0uyfxlyzvcs3jfrmsiohopotmmzlwqhucjiy8xwtntla8uvmhjusvbzbzod/0phlsyv0csrm2om1nl0lac4ye6upnyzqtp4wbvcr52vnjblfny1xfbscmiod2bjdiqmeiignznz33zhf8xffets+efi3p1omml5cpgayqh9yszkdnh40thowgvav3k/4oia5bd1ntsmjpihydeqsznridx9wpykhxqqplgsqzhsjrtwddcehgr8yikzdqaicwxhnz3s6nxnye5nxbrbamimsobmzarrhuuckgq/6cly4jo5yk6x6ity5wyqvbm64xjvmztevu605yst1stnzfxolz7c03pjo1tcq7fzlz9zg48esgyumvstk7jw1ahhha3lqjn/swcrdltjomphxlai5d65lnfyhnth4w9iuvoa6o1kbtsquiwqczk4uhyluaizkemu7nqnvvkpuylvx/nlhrhuuvj8pki+kiihc9op4etskn+mrlifjb80ld040mzop2ytjdfuz/2xidxk5buvg/mc6p7mkrir0vmqijc7vompjdqcsgp+ibcrqi9osoloaq9wbbcy33ii1bi3oxl+15yzpy8230h/ydvcthddt1993+impv5d2e+mga7wf2o/4xoepxdxms6b+5byaiedytqrmhl8k+qqhilmg9sarc+cv+hlpg65plyarbvzximrxk3ks7xldunziy9bbdkov8icfatg+pvsspoczlpfzqfno6anneovloqq57c47zdtzisdaabr5qeklcx0vo7cq+nocrnb5iwxvhdjl4dqv0degck6ukohopw7pbd7licjydapku26cxnjymyd/nabytaxzbplnndnizzkzye2tkvg6k5xywhh17ucoqgx7i0ub85mqn/dnufeaz3nvek47z015ia50jnfoop8lhgudfofnvq4jytxdhpp1b1ez3zyzl5jbsnbs3kfko4tdvr73jq97w7lajbj/npjmh23bjzcdov52rtpeg+zg7huxeyolxt84rmjpz0hu8ztocox3yfyzdkx8l2o++1m9rfvvocacdqa0i6gyqrdl9jcn1uttsugtplfq0u/feznxxzm2b3szmafpoxk8+x023y/r79shyst2yult0yqzi65zabgrer/pbkv+pptcre6/3wyy65mpfmqmlws/5chz/zqdv5m5je/bkmo1fbhxejdefkn2wmkst9gks5rcttw608ku5bshds72de42yye65zdg9zf6yz1u6dbm/i5nqxhpewt2eji7r3pac0kut8loajsgsszrb0vmutxc86ug7loos6eg3ae8nuynss4mpihvjqxsqjccqbsvrmwvq5c38k3e+e1eyavtomqz3e3a/sebn00rm+wzntv6cuye1r+3e+q/o0uv5hytbn56vu34m6fwj1zd09knmqm8qcl06q+6zxmhod0dnhotdlk2gcrrjwkd1jfklux4cew+q9lgvpy2vmeywtpdj7ikom1phbzzanyksttvz8lkf8zbb/rexytnejoh1ooe27bwnh9zgcgr7blukjqhrq7iqfdz9zgnotr5isenyorxhayh4czpt3pxu/xewxl3uoi6fsgytwalvj2fwir6mubvqx2zfdfefjjkknk9hlvsep9hakrzfbkv7se01ijw12vl0rdp8y1ejwmiibff33vmitteeiaj0xmqyohwmzetbh+o2xq6dvkqdt9ip0k5xd0lesisjrxfojootmtuhz809fvxrl08ky9pvaw3gg8a9jns0c1zlunfofxk14d2sqiaz8vfoytvae94mau1seuqh1zprnxdvij1wehzpndl8rahivn2cmn00k0wzw6t+we2bxbwf+mppycxewpdnjp/vlwa6jyxyxetrpxijo2kijkemkbzpxb2/gejk3tboe5ossg9fb+fvqe0iybwe4a8+xynd1zj8nxcc7ns2+ldvfofxozofcq6vvnmf31sfzi3vrzu8nzgtas7y7mf6yumcv2w0c/5s420w/i79ep3azlxgz4kkz1sdttqba2+oezu+0+fzn+cuwwquhbmpjrcq0drins1c7waljuln5sm+fjf3ukpn83viyw6s51opld2otfn7cc7ekaodbgyw7youipla0fyhuo537xshmjc1whjdkfq9y/m3rnzmaetfvttdkjbomozoeycynknwpk6iiwp/rohxgdmhckg40/m1pik/nwyjiamu3jercrbfauh89bzuf7qzehuobovvdo4uwzw83h6udhvryqyggmx1fo6rmrkpemldyyvoiyd1cpco7a3bpzcrudsg1ix2jhu1htpm3rbru1lxhnxkmsbxjhuy5aalih5vhgkxnozq7yro2iuywxyihavsx50st1q5wmkz5wkdbf76pipex85n45xr7j3no/ceonvy9jdwyr10sszoernv1dyk2emcagapsqig88hbx2hx4waxhtuslgxebvdjisbxsheydusvdrqnxb64utcqvdsgqce2wle+in1vy2a5xskjwnree3mbbqhucvt/amkpuhq4h6dos1rs36yoltlbhs6byuk/rnygctpbdso/hdin01capp47tni4uee/gqt9z5pdpb7wdkirbplqmqcgtqz6736ey0s+drmt+avxopud5qinytymsq3pe+q0hxmh6xe9nsbggainbpqny1skqd/didujvibuj06makn39ghjc6kcdvrr6mpj1vm7iddomt+rk/h5mbq1xdkeerfpvimw7uk0mdvava0j1munwwgdpostgme1vguvyt7qicrub94es1jtejgk9sc6nqco+fd5d/rutvwkbtosg/pa5aunyyq9tknf97azm7ciqa7flyyerqkldvbk1izovckpk/fq8a8qsbvh0xnx5yp1id+r+7gdc2nu5jjnddglktq+00njaekz3kbuguoxhkf8zuv3oq0blczlrxy0w3urcbr2t+gral4gz0tqxn+zayoxx+xpxuwaqnvrftodwqw18xymzzstrzwmuhxkjhhjype8po53m41xfs7em1at2bhviskpm2xgzio8vsmqpapbrnoaop6azxfmyghqyrbouf8luhclqepcdokkfk3yffex+kd36bjnqhsyz3xmf7smntdsren4sbbsednkfdyk5iyyqf1mmcyaecfrlekluibholjookeozy9j8jwbdquga0joj9trjax9vp7abgc4khj8rse15ecedxqymxjwqrjn4zvwp9qdod8pl8whxgof1wt848x76lzlkka0psdwahgi+dquwtqywo4ii0o5zgepjhswlojjbfvs7wjusyqhuyvff248+qehjmr1rnt++xswtjktiirng6glajr9l3fhcm2iae9demzmy7uilmaj3jerm7pzxrgpzl9i9hi5ofyqjylz1egrl9vtukiovngjx4szjqp42ew/v7/eqmotfvxy+21rqqxlrrt7uzxahkxebimh+ptke9dmafvgngdpj14zp+zo7ifrn4mcwgbx2kbta4q41xrvdzu1htwkuiffiq5kzv45mlrofjgdvxyzzhgkzasjc3winertcgbwzn4acdwet5pxfsld8oin23rbguxiec91qb50r1mgbovnrudgu+oanuujo2n7njujeiotu5hgsppnuqpdwvk8xdgn6aax+vksujzyun/2spt11xu9jew+wzra9aqvuj2eyimrxrwtbhninu8rso5nfwxlpfo0ek9hoepxhrzudxy2slbgznzk+z0ng6z1mwhzfe7z4kgjaeurhh2b8fldpw7okuxydrahurj0vrqlc9xy4riexvtsgjjheqrfszzei9doauacxjqxlzyi5xwqarjy6qch2kztub+hhdatmvxodmivrimtswefbogit85qdkgcdoytop7kni+8qcqhv9ciwiss9wodm2me9k1vhtxhjaybfz0rjpttj0nbusdz3smgddubnuxnd5cg5xx1pwvqqwv6egoxezmvfiyaojmfikmgifyeknr5cut73pbljf1tztvexjeonkmldygrbwivfitovca1zk9zn5hluzz3pza9kizboiukw+x1q+ukmviuhbsjsbjhxrbsavwfmlyxct0aiwjzlz4l7+asegwcnwniglyysxu4hogk4hkkcriklcr3l9ah0fhhnljteaokt1xnzy9h05nh+wjakwrewihyzolexyrrvtgazkqjumsvexqxlhds4a7cqxtaepug0c/sjauadbsew6ahjmw6p8ol0huh8gzjwefnynzngsiqvfniu+1rb6b1t9lv3fw7prsjumkyv3wmfmw6fnsgv15dyyx1rcan2gr7vola9ku/lqmkiefajtem9jepoy8psbj5tk3fdmwemzeifddhwhmk/c2u4xgrxrbzws/qucl4z2b3wm6/8ngpkkb5wdghujov4o1t6pijdwlfi9zpvzizoy0uhd9bgpqusqrg3t5almunqsyofzek1bzz+kemwpqx2jldkt2pnsieifrdurptq6xusk7psrgoyyxpqcxmkzauen5p/dy3oyfkhvf+nr5ytptv4nxkporc9ytqb4cm0seobwnijxgg53xylkxcxzkxsisjkjsyqxlhyo+p8y1ftu1dtrk2n8kbalfb37cjm1gu2ngij2gwzkkjq9cqgshasijyxfhbpjmncltgi5lkvd6uvvginlrcyooby2tdrmftnzigbqiz9qgzdqxaa044xuj1g5yg2hpwngjvas8gdfjwnykkeujnizc7ar29mipdrrtrqn9jzd3cff7+gnimwuy8sdvt5imrgbzqlwfv77bpdyerry8si4joelhgr17yzutmtf92ke0n2c9h3ra9bonj7tysgwhbeacwrjbmyhycctjblzukzvzibcivqoe8s4ublxliqd5vjddanz++s6udqhuibxzvrdbjfxgnbedfh+0ihpwuxvzpeo7nfrizfifmenslr7s04obf4oycwphnaskmwbcnwj+gcgmam6ap6zmw+71fucsjjbuocueq+9s/oyac0ujbjsdstfte1zqxrtkbuymmmt07htk8kwmpnvbav+lqldggxmlfnivl1zcd91mabx7u9fumihvr8bgfd8e77qk97vraokg0i4bh+nphl0iexe1nuxntcvuxr13wb9z1cxr6q7ofnbrkpututu1slegab2j4+vjavxcgpswq3a0ughmqjatzhb3c1iz0pkvylgujk/36lqvn1upfuwh4rp+ks/bvwafzwalzysbbckfnxirvhxf9bcxddifteryupa6oeuh4aeual1bqrbqusdnuicdfnoaqyq26ujpbbat6vvowtcb4m7n/n3jp2q6c5/v2ydqnf9puuc8u7dtu/d2otphwy9xk2k7nqavvq3kzwqw/g98sa9bb3t258vnvm/aymzjyfwxbeowvhiaj6fuxt50ikc0pyffe5peb3m6nc+1bgwtnrlutfu5w7h/yirqzciik7wykbvstztxkhjrdtfzzihr34ggo7x2fxrnvklz8tw6gzhmzcndimvhzoinjdzha2w5kjqpnixih5cfsus98hvkfk0hdnzwanh28i5fhgrwq1ehcozolfohkgo5qvydjsxjqzs5+ccsie1wgvmlmv9sttzc0t9nuu/zjzvoybo5i3anymtvtyeijqgzflvl3xbtpnxv+muyswqnhxj1mwqlqoxtci8lutyzrimgrbbzpwjg3ukbt/+usie+poutvwx2zb99mkdxukopqozvfk9sfthvf7ie1fzeeix9r38irlh8xebzv2olbnxf671yx0am/fi+0lck/3tjnejdiqcmj1jnhhru8glqi76cfu6lrqyv2smavejzwg7jk7kpiskueejw/se2ex97esdm/tdlfbr0luqxfcehfltlrs3nuloz5sspt98mwovgsjuvhn7c7fyft50bnkkbnip3kiphfvslpxqudlyo5dqtodlkxg8j8lalyw2dxc1zkwmfczo29mdbas3hiyc1lnlkqaidjgjg3hr9ximtobubi//6ju4x8vqz57jco088hlkurt5otds8bsf47k9d6yvvddkvt9omy1ldi6rl7si8sybet3o+fgnoosaks1wkb9fxt23yoqvvasjlrqphqrqcszs896hslfvfo9n8x6xc7sjljzdqo4h/gbg15goxl50tvvgrhlw8le2+nhbhrdjpsuugpptzi3lnuyb9gufetzxo+e7ii5i3w4ifg2xanzwyxj9vf0cc1w7dh3970vrtzo7otdjg2g7njspblh+7ur973ee8w1knw6d8mohjjcq1l3wh3him6obojozpazq4cuigbwljtvkesibv1h6jqo0uorecjqe+d3ba4f8/4w8ysbdqqzh9arxluj9w6nrpi1i+qup9+7cxyl4hpjb9telz2vnxd/tapabhoyerdmno37mpfng5s78zfg0b/5rithn0x2xi3kkqrvczygfy5euunjxrylucop2ctphjrh57w7iggmagm3vb0ejyqbc7vsq5zhrl05du1umifbuk06xthfys1utn47apxenx9iqbzrtyuuox5l7kisjjdyhri9x9mx3itwuq5dfd51nl4th4dkkls6bfuo9bd584654/njugfto6cqp+6gqq545zobup60ryczuofxd4z3mx8wj/zegytucyi9u7gj3nmqtcpsj4o1y0csr/nxo1jjnsrctg1hs/njzjh5d4amwyosqhaxio3kdidsloxeadho3zeoycprocuffhogebg3gsk1rbeuvrdgcz+ogqjmkaschicdnnj2v/7abhhshgnzc34qbsthwy++7vnhgmojupo903gyv94/pi5n2aa8ivnjcden6lyfp57ukp4gjnxc1iiwdowqfde9zlpzfezbxru2oykdkp1exyjlydfhrs8ajmwxddttunciopjbpfnw+56aanojfpa8nqpcxitjdnsjgvjh7af4vu24jksaikyf7nvlocvg1q6yjcg7hbpvsbkq+1udnxpkmg3h/jgatjr2bowxgsklwme4nfzvzkthdcitwppnymr4eime15enbhtc8x/navs9fx3ifvr1jclalopawje30pn1yhrjhpznrpwuotgehw3snx0u6nkyw4yiy/wcxvjtm6riaco4cljd8p3rjmrxukn6pvzaxaoxblmh+qr2ta1kh9v7o+r53jddggop+3nbziiql1htriri/waejzmktz8s0qmgyloishqmsf3ypiogxgsq3dtv/yecwoekl+9zc86iomtvuly6+x4j4qeng5i90yorsdx8+9j/vmjexg7bxjhkbp7ml0g2i7jhzppxndqex3otou/v0wrgnygxdru684f/1hmbr0e5o5kjzyvnfgzkaydpcwgloxet3bmvnhhseznm6yuscgdymczjbvq5ajqrgey9uk/kz9zczimqsfreh4ig3xnbtcarvrawwziioozewms2tpgt/tb3ssb7ns+u2k2dcffuefeb83ry+f3z+1dzmipzvxurrox2srjeu1ua+v/+tqlgrsf0tqdg8lj9vjt58+xqkyw2kt/lnjc1wfbmf+pz27/8j9/+12//5b/93vr9/be/7v/+pr5onwtxeazpsh8/shymhvswas6jukk1rmimj4a4niggnssc48kwe6mj4thxamkv6i29y1wdds0jpndw9bt0ynbsjp0gvu/jgmqdzneknkrntv7dktxhhruerb/tseibqrw7dxkqsnlqbszqka7d8uojmtwihqlycx1xozxnign/ppohj53tl5in8rb53kujhgxxp0kivpzvq4ax/lfchtpyuvnriwxuo/ugn2zdjjmuhabz8ygzamvoxgdrbh5e5/vej926yfjioz6yzvx2oydlwhakvdiwjzdmrkrdohgqbibtae0zomvmnobvafhecdntpcf5b4hmdfd4cr9bqqfmzqcszz31i1ab2on6msviztgs53pmhy1tycl05tsgv8ibeb47rnhsvweja935mlsfbpa9d8qz31pmyuh4w+2mxbnfimjp74y3m56yba9qyxw/riw6gmjzpi7oosmapmb5snlei7ztbldxpv4ymjgthhfj4+p4pdcqknneuww0ollgcym8f9fjn2laflc7mory7vnprmhc987q6phqim3wrbc9mzigcycgu1ie0jubtricsf/riunb1cxluqjelq8/7yjvf6fkr9fkckmhbzejkgmafgaiib7qoom8thokipu1c/hvrjs3rxytjl24s58dxqdobks9zgotradbw2jcbkltq+zwkhmnfy5x2+eiyhrfepb+fysd8qyv50fdeup72rnh/dqjbcuctszbhnw9baup4ibepvcwixk4iwer0qf2zavrgdv+tshk93ugdoobgrj/rckc7hvnborodk9mfh2jln3hurhahg1ucfcbhlf0yu72bowb4+/86x1exr+dqri/146rnfyiefjog9txbab5xi13filref8zh+casvtvsf5yoko0pmzsoumczt3tq9vhal8juicxogmzmgcgyb1xbwjdroylhavwwo5r4kl2iea8d3rmx4ujqki8enjskku/dhxqbk1ipaoizkzocut1xjqcdi17h7xicvpevzrv20mpfvkkidbas7j/gt9imasjiu6t3ndkpxtlajstosxy222wtaksaevqj3ms27dzmkex7r+vguerhyeupagdfsjsdre1+rzgemfy4ijrrcbgbiaqe8ulvdko66ka6xy8gb23lwgxv3zcewc0cmlxacgfgxki2gscdgz1bpq84kzjuu3sfqrsctmpmpwtjxgfzoxr5cd3ymm/jlsiehybzbj9fskquvaahwxpkztvuzhay/rmtpeag2asvec47mjyqz9cnlcsxdf+6pvbnzgf9gtqkp1apitv+o3shjc7wew0oyp5f0g2r56m7nos/ru9gy3euzuh4anaqh09pbthmz31vgharuo3hjaqhfkdr2tuhomxhixtqimvht/nhnyb1j6hjoryfmtaugwtfjxcljlmpcwv6wwp3gerfp8hvbaytnjuehhqqzy5tn74js0mmo7ldt7ndbenn1irlni1ikmsqn74ie0ohnj5jdwymgn5w702ftg9ywypgbzmp0jve6/dd1axwki69lsevs87ev3tkn7z0dfcw9i3a7u7u1evqw/hqd7uppum28pmwud1lvmw7tqnpdrs7biu1zencqedgmkbbwyoyove2b3bqlkxb3aruingkfj4wdpdx6vhqp0ijtscoyfrazwpvqynjputsmbykflktxlvt37y/x7f49zd2cc4fgnifb2mzvlwzbdkanc/46yn1ybxd0873xbg1xhmwcgkezsta9wxtbzavq+dxi35b8f//z6jvhzbrhcj3iuh6lww9ig9azmyj6b62moi2xunogd8echhcethvtmxjpdlimv6d6kirxa92fx6ej8+qly1a3ede78pog3xcp4t1+eegdfvkamqwk51ztm/dipjb0jo9lnaouqlzew1wgptrnwujygwa0cwtpbjxxnsucnzxf84lnaejpssbiitdxhkmczilua3pcndzh2sa9+1wyx3kopjk42r8wngbnrxk58hs6wctujlx2x6aqzinatmbs3kmvq5vsu9vv9xmu+gtrhivt9pbgxjow6rfvwz2ue0ndboh+rbufg1mxeuoyvggjwsgqjl0rdkaeaxllpcemi2levlvx8zmtaojgkhvz62whchpblnsavd9axc/h2vsahgrsq6znqf8mmxch0pwslnuphydxfs2iieeetspojvlmtc6btxm0adtsecsttsnbyspv6mt3rj2w3y3ayi2vche3mewoo5qyifdtusvp9vrr0lz6jbqhhcu5iviuyimcsakqebwub4ggjua+6jm8gur0qix3pjrctvmtmjwztlbvd+zhjyr9jrxlqqyuk6zdehczcbrqu5nqjcpuedrq/v5ope/28ibkabsakksy9c1uxz5owlv9c5rawruhv1x5pua3res3rpq8odhprlepcxxh0ytecgr4tzn4js0lgvu2lf+lj0jz+uny9do5gz0zv+uprkvjbw43aolw/qbu9j1o6p8vncy4m4iutiotol4p+prxvj1tu5svtc5yhibfkseuwm2xpbttsaqgnzkahq5fwbpe8y/zz5kgwhmmovy+6fx8zt7v4puqffib2pee2k4g8yiksucven3m3pg4bimrsmq+vrrpjdqv0if2r3izefjxwfvbzwkosfgpyzs53w0rtm1aaykjcavg1c6mgqyyngn0ooyulftheze7z5za4ixbmura3r99ofdbusdj8rhldnfjbbzv1ohijvtnz/q07yvgvl3mqkmts9gngx2lvzxtfd6pjnb+bngt2u4y4hvzilkc0j+dudv3jrsn+xalsbx0wql3yp9ixfjkordrvabqfgrits3qdeqwc1ybztk5il6+gm/jmzwmwnvewjvahx/ho+p3/v60d6gynnughhlxlhzke7ddkhnb+eybkny9yooytac4ezpwmh2j58i+q0bo5/i6yw4hp67nsx9oonbpqm/cq3zom3ovlzfkpuvywq52e1wvaer1hvo45qphba/cyb3vzbbl96x+n9lzvbcs833vlcvvkz9qpvdg+ov5mh6wjxyyn04warygwlrv/uyoxwm2icxlhrxuhxjvbxvawvucfm0ml5r0huvfuzeo3vysx7yqr7raaoelx5iaukoykzclzit2/hdexk1clhvpmmiqoa12wpzwhkz7x2pxg4kpw/viek0dhp7/pd0tckqpso9hx7hr2qockfgxfdis7h/v7belwktaclyuayrjbkqyisfxegfrixfoucv0h+ccvo+u6qjpzw0k7nmdfti//lpi86gizbs8nx5csgnftqqfy9dt6hbfekcvzt9cqxfu3ulsw82vworum0rziu3mdnfbuytw1jdlcje0ugrqek+zmoqpctita6cviqva0sksg2jqxtwlug16ntfgcphh1bckvdsgxdbcnv92o2nocv46yde9apsqxxia51rcdl3jdrlj6qp8u/qgxt2yfoky0adyf5+hgtumwbcyevj1g0o1jkzdl7uww3nbwt5bf0ifjppnfp8izsekfrtru3hgyb5hou7wp+q3ddnxm2rqc9provteu4rfwcjgavmh2s36lilsbamcsbgbdwkcmvqgl7if8sfq8opgzeeqc4ixpufmpakfdqi2es7gymkv9pvgueclgqyrqpzpnc+ybrvq6xt5i+ywn1qgz/l7pck77azxjjitmo276gynff10swy8tcyzfwpdms2wnhzredjgc3ig4gjgbiyr47eacb/0isstjhvommqrbdpa4tpv2khzi7eehpj6up97qjgmhx7uujx4us0etzjacwtl8dlkgkeyebymvdcdjscu1e6gmapkco1nkaeyrxey8l0ydmd0jaufhkdnv6a76apvijyvtcllyt066ulot9crw5vaenvza5wfbqywvj6h/21w3vfa2ajmtrrhykh5zbs31a6vaembil6coavyxozxyhdnjwlof2dlnz133thiuiyvqmijjc9yf37ro+co21m+ctr+qvgs+5xstpfr0pcehdion5st0qvvin4ipkia68xzv25zebc/vsh3fkjiktrzj0za540bacoyetcn7ksurctg7yevy/tfab2kj2idoq6dxrxgn2tvsnub25npsejghr5sajgbci7yh+ugnvqsh/kejmzhtkx+ftkwvwmpuwpxpk1lkhiayokrkjx5m1r9nth0oacamcwbhgyscoqlfpz1lfu/l8iztqa9edgcmqcl9m/exuidechmjfxrkdfkql0d6p+sqdumnjtmgm5zc4fmi9kqohv9/nfbewv1ctrkqzuao+b9hlk5a9wg1yhu8md5eowi62g0gtwzq5l5fbhwmxzyzmq/anky+meufrmpyemm8nxx4lpfyifbo1tk31yyf55q51jqypungv60mm74bdpcsgywzyillv7u637puwlw/lnpshqhwah1zadts7iqzzcyjxf7/tlpd/mipre7kfq0bfwwh5k1k9fbcap6jzjinzopfxbe8gq8z3zqfrak1b9a57woxtvldmpsepry+blev10v5lnubuadzjhvzue/f6oqnurer2fiai+e8ps7tzl+uilrvbzndvjgza5ou1uxaavcyu8ynrp1iqixns1ufiaunneos1yzlmr/c5fuctkdn8dwbrxqdrp04rgl18zyse8io5yy70nu6yug02uw7iv/parpys9lnqscsppdxpup5lqjpbnanlitkxnaqcnac62ww3m/c4bvx6uzosmy+prgelmzkt5kn3zz08oy/izg1ilw3cncnch3vtqwwd+rtrwdca4cbbbqntmzjojbkh64oohpu72b30ggfxmzyg7duzcx3nltioekvwxzm7v855f2cfrey2ra6vecwix/l5n+wmwpoevyhzrpstkrrrs829sbijeve/gw3w07xhssn6hgrxacey98d2pnatr1/gdtwtwv6eoy6xjmsqjdwelwu5nyj8hlsfdyymk9xhstlf55bgkemb5nw2hezfbcmq8wy8law6ziotykwyx7exqrpasqweg5q2kawbdwdza9qaxqaugdmgzekzyxchcroosrnpryjy5ywhnxr+tflv3zw/y+lelsgocbnkwphuj0ps9m41ksltjlca5lh+lxcg4qnc96icuxpo96cgnelbre74rkwmh2m4e9ftl4fjhrnfzfmrhwtxorstb1ttxye7ifivndnad9wrrbpyj8g523l1rvbxqitqyvmaujkqrj4ptqeg7+9paedfyfe1emogktdttm6mgytzbgcgxuko4wvb38fujg3zhiv92ef3i5eohn37pa+3rrdzkfb87byhe+3kxdgjdoturewgva3wgxat+esnavwzyv0oqjuysyuqd/fsarzwxmd33kxecmm5nltcnmbziu9rtf4ika9yukccifcak3p9mqwws6qg2i2qqfwwaacqbsag/kl31fnkdzmxmdoalttqq4qk73usku620i35xqnxeg96lf6yirtzzwhuuqxpisvqfmfxf02x63qzk427uygbmd44kdhysxhnzkdrmofxiruoozw/qsil8bwibmdqdspqhefzmtxv0jgxbupbkdz7kfuq/fxwh7/wxtqqajksk9m7/kg99lizf/lgqzsdynd8wmvdwbhoxagrlvrlwig2e89d2vcalzu/+32t1+oepyb19gze4q+dauuywo+a7r5xiedz4jr1vwas7ls3svjbkizqfw5x8deqtp988i5cu+loah2sy55amqio+csuenhxa0f3b25u5tv2gtczntrdy2tcauzzxvxmgngfx6ka3zjtntlue0sfenvrxsutg/vn1zvxndgl6jq9qlwdh8zp0k7d5hkwxop+7jpswraqanrjzfwe2ius26zc7jve+hkibr3ysvnoihbrribufemu8yx9zaw9p/tmxz2/dhtqz5fsv1ejckwn6vjgsgcybn7lb64vkmjzu9ksv2h3mjezygqzlkrneu0woy+kx7dez88jsfph+ausdpmhppfddfc9ruuvi9lvjbpfrdjwp3ayyp8+nx/g49rbvs6h7p0rihf26qssabfoxghuur1w/nnihp2jqp+vhhiwe+0ukk4d3yq+hbxcuylmtcqqggxilltuzups7nsktglchfebpp03dhsbzazkcg94iadaf1gwlif1wjdrku9+rmnunjzdnpvo9hkpfeksgz+jmhu3qu97hom1c/qcbwwac90wrzt7hfvsvkelji3pwsz2fukorlzfe1lowa2c3bxo1xuxeu6ugg+rnqsxguuf2fpxksqfnsedjryefxchtdkm5mh6fsso2/stmnms02wsoiyi+w4geecn3yanvc8rltz/igdabpboma25me+iodgromd9xsprmnhlidh0e6l5luveccqb94sjwof7nbuijoras3gd6jfgclmlgpdlakk8nvh0o2znyxjlc4afwsktzurhhjkpxjvrgm9qphxrbnm/y4o65xpglatobitsyx1j+7q/sxqryllvcd77po2zn2/ttqd4ribjnjc4bloeuzdurtrjb1um2afifrwk9podf+evfhjtjcrmxdbp+pxcbb7a7xkx7py852+nkau4r216o/bdotaspmaoxifsyuwmjwxzwgf1qzapcxr5kpoxqoiflqgmohdfr92tln7eti3wdxvdowwqm8yijwg+tzbtj1hhtwc7njh718bk8fvc77xuzxx/getyj4wrvtnjwfzd7q7ackvo1wol3oklbtwdwvfclvaystivkepo9nkqbnvi77l6fuzcutez+pggf8eaxdlnwhbaksvc1tvhyhspcmqvugby4xhmvqtftys9rrwzet0wem+inegc2oa/n7h36pemgziw8zwzmu1pv72jddseylkq23okusbcraofbyiqhtdtexl+ihq2n9kfqyvsrlwllevrvjt/xtvozrzqdvq6agdtelhhv6kaadpdmufnreujotchqyxxxkqvzcztd6dhf6z40yijepy9eyefeidytb1phmylbicucnz1xbs7k6gknqbg+cohnabydo8qkc48nrfiialr7yl+vkrxd9fjqjxf88bj0d13qdhsasm9k+tuwaxzf+prisw55jczd7gbfjspsmuqotxjld9y6+fo9sw4cellocl4chma2ggd0bqgxwkwcoltlxhzvzyektlcnp9tvgshpe153nq7pmt3vp8vndxrstiv/yb/zuzwu+v1t8akurs6lf6kiqykpfosn+duxpbgygwipnu5fqnwqlphoj1d3iojephlu1z090kvhvvtdf44b6f04fwgyl2zgjpa+fhqz+urr9zf7x6kad078t+haofb6k8dnstrv5klvzlf9mqskg9w/7ubs7/gcla/e/nn2pk6ja8i4gsbg02g7tykzjq9i7c6ie3otscoljjpzfrhbxtweoas72x5+hpgnb93iqhwyi/2j8fzns/jbaswvq4ra5qgparogkt92sek5sew5nkshchxxldwhsxytosvy2e/x7z50upnk5cj51okw9ztioohfwvapzzjkn3fghtkf4qbj5nmfhv298tuebqq7e61rieuz4xhkn/jlnqfj+y4ne8o2eukroqfml7/0silt2k6/fvr4c6qxwj0zntg7+9xlgilgekqx06eurare60ppnczbe637jgwweklhqlqjuhq4qj+cm6p+m1ux6irfr4pf9njm4yxsawrqiirenndfggy2yswofqplovsd6ikrzfrd3bovokfyjlqvb9vgoxz0jrlucmoi178uzbnmmhutrti5ttu5z7qiftdryrnk7sr3imcyunfij6rlbm2efrihb3iiddfudlnrtgvr9xrwmelsln8pu29jee26ngwgfj9xs2krogqk/6ebk/syrkwglsosnp+yaonijxvxb1n1aunhdaodfm/h3stzfre2sf7hw7t3lz1pstudjnxgnvdoww5iyzg/6wnlutzx6a6lasqqfq0lsrrv57upzn/hapgzi5ot1l1vmeiy8+9l5iwepec+3pl2cfygs2noeyphg3b9unwff3fh2ngnedlqkdfiry0knndeaudgoahhfolp+wwujcup3q9z+mao0p63/8uctf86ylk8jwjpt8me7prsfm1cfgwlneh0ffoh4qssekeycmkfxik5z9cmpedd+gszdugdf+uhou3f5utxs5zoccwuxmjyrkbp5fwt+ohksovnul65heymoboa9+96tuqn66uj1r+p9atvbhaanigmq5rerdjk2ifdukqy5nbkkcm4dukuuoiiwt3d8ame+1yhdc/yronkx3thu57k6gkfppkhsb2mcrlx64kkj5p8ysvtoi1gfdzyx2vycswj8olivypup3veghz9yrbjsbbsl5etwhxvf0bhhcwsou+duxs75bh4l4tbb+uqibbpdhseapvlwvhvt3pizpw2hxhfj/r0z6osjimsdegoqhon9yh3gp3kdlcb3bfspemrz3zfavjgi/lylm2xbjs6rhczkyohzmsf0flzvf9gc92o3g7148orn05pwh76qzeqr6vmbss+yyuiirevdutoekih3pknt9hyejeo+fxpor2/u8xi9tvhybebml2nwdijikvla3bwgun30y3jkibavo0nkdeihywrq1aomja70500umpo+mklzabrphijdlrk3azrrlhyifpjic6i8tfuhyezbwjzaileunlc3wnkqraouqtnb+vj77strmg+46ew3vshihqqbzie6pgf6g4hykyegpamye6kvxtoebnbtzetu3xk0pejvdhxrn7r7n2fu+wtsayyi/1zmtvum5i6xsxdiiaeew9x2mg/izelut47pvefd+goobk60p5rpmdcdlyr9rhuoo3kflxx9glqpq1fbdferwnotgthitd1iniwy4q1z5k2zrdxvth8u46h+yzuansdyjq11v5ix6n9tfuazeuzfpyjlvbcvai23mh7e3gaatmy3qs0vh0mpk3o1igcbrww95uku0x752bnjh+f1xppqkx2egsfukoqnzvajrjvkocd1xriusfkljl8j1g4hzhjyrdolbzja5tj8skv8blocudts+roz2iam/wohc7sbgx83ifmq2249n/vje7ufjtiw1ubkxbs4chvigsb3tran/z5btisl21dobbx/4mhb+eggdr5efm89unhv4ggma3zktsdcxmxts5nbtmhk2+awaceqbn9ltobr2fvc2alfinw/yyz5ckw4awpy7mfnorzgt7wrxavvwzpouedzlevtyvxmhzy6ufr5mz7ulyjhlnlip2pvwxwu/2tsvhkxz97zzrciurmqpvr4dufxyigjehbqko8teoebguwm3xtdhlds66ftj+/p9w/m0zpaju1qqhfuatb5byjdsmxkf9ist2rqn9g5s9epje/5qjj8wadvjeisovhmwqfutgtfpe5ld9pl+fe7i5rjot5fpimv0g09otit0pk8mezqidviztccn2eo5r3oz8lmsvjy1akfjbgf1steixbjzdpvhgrjt/k3keruxobkykenealnxyhyfsqcfqmlhlqsmk/o4qwrzikznrz04nnrgftwd7jyvjtj7kzy7bvbqltp9lkabt/uiim72ujv/oliexfmszkkggd+5u64rxulm7d8wzjolgvxlwnxo4pyfcvf+7/igisiaoftuot858ss2qhoh6yo6+vnvmqdpzipscoxo946qtfe5+a1jnho05klulsdom2vsar7e1jobe3djmk0yxze27eyel3eqlknnrwkjqdroz75ebsud3rthsfch6yo604pdcv9uvvfpvuy9cv71bhjzmkln3ztjpfegvksgrvuhish7azhm8prmsockl+oe4y38nw7xpit9pjqyrdmbjmrbpfjritjh36ijgfnw0gqpkg6wssdo5ehmeigbd7ggaecw0dx8sepaksnbck/7qeu5r3n25fzfb+ossdjl8rit0fjlipo9in6znznbxmns48woyefk5nkps0zn4t6joslft9jjeuca8mtggwmm/2r/pbwr88snujvils0wpibs41yzv+ce7xjphjzueyu/+o+jxdlwdr2u6r6dnulralzuedwa6h1zmb99jma8d5zppgoz8z8jljyffqqrjq3ppf9+glbs/rcpuzvcf8cuxjzwes86aeur9d+xs54tafq4jzvjbrop69gjuhv+w3xn0pagu9lsyzs5/iijdifda2wjl5yqhqvq5cspdapdffhzrpmqidjgzgqk9d5+75yedqlkrledbq3kuisrkzxfydwg0w5dk8fzhr9u2n7rtj6w16ft5tbc/5tgmg1t6netm7wk5c1ui/tiw6wuldgeg2f3nqgzcmc2e2o06qed38xu3igi/uly+utdtjll524kqtwlclhi9jt6jjrr7wfj64i1elwhcemqgcimg7d4uevx2p0qyuqlyn7k0dus7z11h7oi/7wzdgwpeb8epn0zn41hmiqorpdsxj8ofknvuamgzqivblp1voupnowfcldsukdsusk5djwb3bffh8nrc/0s6hjb6x/zht7o/s31uj1lm6utppp9jfyz8i5h/a2ormx9eigqj2tujq5zb9j2q4eydozktw2wzi+kaxvaimjbdlkafcdmcrahdlwakjmk6ts0tlkjpmqekh6j+5afpbmn6hjjmxdmtwxh0sowgtft6lvd9xmjvn9tyxymszr5benbik/wixs0s9+4bpodx6tl/8zqtlqbvz4p2nr7coxgdswwpuxz6xkftlfiypt/3knlu/zalq/gt3nepb3guy3ghod2iubvldkkqig7tbnkhgpm6mhywp81afipggvo7mhu9w/uc3kk5frp2opbhs4tztco1luuhyedm3vproo6redfmhxqgqufguviayz80yyfqommd76bdkmsw0ct7casnwnxnlcynfbvt1pbmqrxwnx6e6t7dqagvyj3qlub+rp1mzqgw8yqkgzbg71om+dffmefxqf3xt6pidn8cqlakmsa91jcacmbnxevxkl4pqreae3wmi5o8zj2uglaildhg0dm4ng2xcksizcpvcmmytbbkvqx8iatbczm9ebrcge8q2kuesw6+zvz5vxax+llpxos75d7p3st53vcesevnn8r0dm6dvl/0pw7dcjr0xt2injklx5alkqina4drmjis8vh4shotxvy8m1a4obpk42ktjvsdv4xr9vtutv6wu+zvzs+vhskzd/joixq2f+ee+qlnnuu6ps/zf1nb97cmyzvkp5ktid/r+sp1hf4hc+k7qbh7gtfu9cxusm9rfwmuj9bm6+myqpze6ycouvwrve7pn2ong9gsqgoadfnixkjwfkydujntbq+wtxahszchynuwo8lpxvtpaxk9j6vgi6satg0ybqvrjegoiwkdwzwzrhrwfawbjrmu/cscoru1vi1kyexk9fxovv3mtajg2lqywh59binaowfjwg1hzf03al+w3alh3i/8i8bgn5jme3jsuivbuwhczarpv77wwjkqo1nuslddhiamcwf+inidc2tce7bzntpvmtyr0turl+hsoju7x9fg+kxvsrsxxkga86p4o6tsgmequ08srlzdkcvk/e2+estqq4xvzgm3p+s5zm+dknuzny2gzeqieojn5qgm6ykl9cs9znypfvmiboe9lgjexknuykce1ddrzdmspxs1j24ynmaqhnlphjb5b4z7hoh2loa2rcd/s+qede88dsa2juyyblfc5aqagnnzzcuwdsxnlhegimi0ncbdnyvqgqjcyirwyeeza25flgg0blnz5daic18wdo4zdxwybmfhpllrzxuf3qlz3ngogt/diaf70uc6l7g5yaaioyfb8f72isrvbbe9lbifpusz9ng/oy/owfvz+ur7jnewlmexsne/1xnx1mbcpeh79ja91g46jt1b7wsu3t6e05wnshq5ukl0tfa6ao/dqvtcjnkm1vvwtktzueky997kdmast1hjbd/nljqc4rh3cttmj/y1kjiuxsh9nsla5eucjm4q0taa1k/tjpn4wa/dkjzhbii3cnrjw64nvhfihpkm5g6hrcsnasrvi+z0qvy7cch9onzokksadunqlmdvpataomoyimrjnidkqo9uauru0hr6hikucfxhfbchsvaxjtcqvo2qagm2fyhkn73d82/ovv4qes/5eu2faxqvb7qqqe6omlovcvp+dpwfkf5z33jqt5gilhdusiytmfuulmzoe/rpidtbhekalf0bc2wrdnlj7v1ei4bdjp18bo8ktsocjpuuofil4jrl0dyekzbhb0yaw0yx2azvvmxukul9j+wfzizcntj+6bfchsztemrhb0q/jnm5ir9xchpc2egvnhmcr1bspip9dhbxac2ce27j+uhyflftyls/vjoyd6mglravtjknzibm4kvajanzgmfs2pon9gsdkmoa6xfmqxc5bau1jkrfpb8rn866ezilfqyjowme5lyifw62cfrcoxsch+g6rzs87+8kbqoka2ttzyd4wegnqaxws6mhklvqgza9m95ozdaenhp97eiqyx7iki56x4yuabarwdwxunjpetdlrhvdc3ue0e+sodo7bpvyxezwxcs6naicmxx9bzbbi1eyzzgfnfom+z1oen28zrwbh7vf22wfnhm/arevqf3nqi+f5guudx5tdpym2wve7fgxrm8buqc2xdzpokwft0er05ue1sqm9ppl2q8a1jdzcor7zsd9lurqsmvxuyh+re5hsxrjxfkctcjludnlayeefooh+w4h27p+zh0virqfqpbutrsqko77d4/w295t+p9fj3rdgd+bsuodlqpttyi7yhusivzvmyfvrg9zetheixm7h1g9rp6xccgzeaczzhidkex5j5b0jemhlrgcvlzkix0o0gvwr92dhyjqid/1lygbsmrtub2/s21hkzijydktv3l7kamjlei+ebew82rtypd5xyg7ex+i3vsqhnwbtsuxfv67c3mylgf1cl8yzq6nss7rmddbkzr3yw1ywfvhpxihxgkqeqiwh4gwxrtmjvsljgfu6nqpxr52lq09pmkyagtet4iqff/g2vpp68vqw95uuz4hatnunptgtrsd3vwuenqwsqbf95y3teswdwasnl5mdzb5houwtwtndy2qaght/qotc+2wkwjz9pjnfy+mpmeuwfjgndcguvn1ddxbxudxcoejkczp7eu0kml3istwd/0yrhmykxx5wf3gv2kdz645gp/r6yfrqynjhn0aqvq1yfk6anmzhnbm+milbdnj10npyw5jda1psw9hxiz9uc1kmyoyl8r87+sdqqdy05+rvlmrud7gusqnsggphxpuuqmdjx0gk8umys63mdcx4g/cuzmqpqlq8rsyhcd5uqfe1cyapkg1e0u8vwnsklinr8qy1ir503tlwbxvmxkpzk90jib/bizc9f4bo6tqlbbs6mu3azvhjc2oko8fijlys73gs8iltm4pyeb2d/li9lfdqksom0puesdzaav41oxvblczud55y8pvwm9ggdwuy4w8vmxbrpgt2+ligqxlokktdjmlnyxscy1duqlco2rv7aftzqaa5tdfxxdsodgxwcvd9rzfsk/c3fd4hzcggeowijg5eirucvjosshkt8jzecmy3ywfsunuc9zctgak6wq1u2ckq3lb7nn+ligyd8v5hlwx+q5zgh62zhsqzysewkp9dfokvny09oupr5dqicx52nxb0pcc4w78jaxnpywtuw4ies+q+ushkgugvqzjxjaith6hd7ag5oup4rl7evvxmkwftrnv3ueuh5vau0k8lefdc2hewvgzrfexba9gabcnkgclor7gwvflnvtplkm3kxjluznr7xzjsoueib/q27twe9ddpcv+soop08nsz7eknbbvmqhc9/jd1uj3ttj9rjrocluz4q3k36pf5bfysv22+n/+1rvtf9beclv37hshvwbv1e9f/vs//sf+/f/nxxes1g+i/8zdolyxsq9pcamih6l8e2oe9me8sorcghprntjiimqiiy5g2m2wrnndd6ftvhtbdcteen8dkbeycvch66ihfemkq18zy3pdowfm0eekdetluqvoasie2go5y3gyf11fintfeffr6rujb7qgmgq2uehm+x2pkwjj2ovslffjo9hj2x3ylmsz9ybeg71m7sg2mbiltwsmhouh1xat1jq1tehunxra15mcpqczbd+dfnk2d8dbi1lwbojnvganqskkxlyhfud15hnwteopvj5e9swjsd/d3okexs29jkn3hzlndzxdcsybhh9aof8rewny7cn+ols4/htg3cmsew8ezbkcuwh6ucdcoy1venxomfa7dapi3uafv/d6a6r74vaisdvc0trlw6+dcfsbanveuv5hlbbb+izoslsi2e8a6ry8bmsa+p6jvwyxe/gajwe2tm1hyvajgsa9tzkglte3ril5i9txh1c4s3sggulzmebxttbkbs2uzpsc93axycai73e9f3i3lcgqyw5yzjd/uo/4lyeauynjma85xecxqejchd9afiw6vi6dx2galo/op4f7minya00kkyr7bxbfnvn1ycbcitkmqhpcbfkvp54mhpbacmpwjfmwremjwfithe5tmefp9t326yr+qvzlw8zigbet+rdrrvuf7bdx2iyxftnfcpwgjcmandqs+v6rdd1ksekxcdsxvhvviiqz8zb+esekymnnebulw1y7ubucdusuxywomiymke//mjgm1hvr/qhksxngmef3fdrzrrt01vvfvxbgtasuzqn21kkm6o5rk17unor7mkfqqeisjdq5z121tmjdgi6fbty2h4ac07hsy01iu+kr5ni1esfvxixsvdca7p4bjefnxlrjwhfjf2+6rmldfctebdp9bxnjgovqhu1sqfzgtd4xsj9lk6ynazj0xejg78dhynxhf0y9zg/vyby+x4rji0d2d5jgxp2mcudpvmaejpgg5sywuwixqz+hdr8celz5vvqy6uelxlf1wj7drrjrd8wphcgp2uetwfnaiq21nklj5v6jkei4i8mtosue46drs3sogtxrvy4q4rv3pdt15nt2mu77xiukyc7/uznvo+33lgljnkogek7svn655pvfthfydxfiah5paci/rf3xqsrf+9bl7tckgqoxad258s2mwgywumhynihlphsmm4lcnl227ulc4ilmj/fwrolmiize7l52ujyq5xss8bxu6yktajqytd8daem6r32p0n9f16hcvhiiqvaohazahmmwm57owe0pezgcdb28zvtj+k3v7amd3hvhc3ff47y9vew3nanis7uslxa8xvxgbsczfvrkv5cbjqjpz/ma2gxiddudutfu2wwz/9dl/dzaa5erznpzcc2uzl3ciq0siun2ft752nxbhpha3oqph7qaekazem/cfl8zvpsnme4nlk8j6jsvmouuiyqwbawrzap6aahbvzrn2ogljdzrwzb6epgoodcsyaaiexy/xwfj04/ktrumdm3fjfaxofrpilit4jbetmozyornxngjzjqgpgh7njthfu4gqw3lyvvkf81uc7vysdomjk7a75bkcoppedriurxyzbdya9z/jgivjfgdjdwp3fqpwz3kusjd17m4zome/rmzlg9ozetqyu06i0gtzuey90z4wkxqgrvoqbdcvpnm49kecana3okzjelildtahmvjmts75zn5novmn3blecaa23qxsxu3vu7da26+czk2bpr9fhcb+dinixvrae3vyqyn3rc/ditdcuro5drabx+tiz/pmuql4pkiilzh01uf+hhsqfbglk0qwnos+g6ouigq+ibl8vsahs9bbl7l4ai8fldfc8f2mewn5bbjotzc8iqevthxnnn1tajbgzwsxz7byl66aangz3rjqoo9r61eervxokbnpjpzgttdbd9sllsv6zg1kyqsxglpjiuhnv0iwabucxsksk6ozfhn3oj9vbxfywr5dfvakjmgox1hsxjcw28gzejbonkf3mwglqk1qppgalulecvnvynr6r3wajhtoaiuy3umwvboxugc4634hhgctjndscb5fflaywu1ei6iyog98di3zhag3euq9fh+3iz5pxvfg2x/h8jr3pfsr9fmy63tjwg6ql3fczs2tvunxqrwquzhrghmu1qwh0ow/mqre+vw+j6fs4antdputqja9oub7utlute76h+r65inwqxjy0ub2ewu+1il+z1n8fiwqlpdbykwre7r+22fgatdrbq9rfk5zzwz3lfh4s4pi47mdn6qm/a12ztsexvppyirpbmxsx38nfh2uvmgymk4mf6ouowij4vc3giy1fizpbxljglqqbuok4/1btu0yqoxhndmxaqjjv8okqv6ze6arkt0u03fxueqtnrakzg3rd7mph82l6izwo6itrhxcu7skju3angdxt3hezo0qvkf9ljmeoni3f7nqoyuj77ztvvi7oypwnnqcckxhcn8/twcvnf8zgv6gysawbbvvwawy9t7tz2wpcmyzj07wta9k+rwyuvtjpfqietemgugm7tqjhnfuc23sztb/drulsaotweekyk4m8bf7oguo58ycrxwkarjodomjatlosei/joobp61651py3lox5jrxk3cxev6ztb8b+jpv+lw0rat0fnrcwqqromxea3d2u0x+xdi9syjohqi6vct5kz5qa3ofc6jubr7ro0c21adsvmebo4lhu0ekxwrbxjxizcarr5fw13landcmqlr36kmpd//qjcunj3xrth201orscqt7v31a0jex5mjgecunocjf3riqko30bvs9pp/no1d3du7/foxmyufvasfb0gcvclom7/jyzdnjffju+kzlzw39g+vvzxqnu6ybqtcdmuiwpdreeduf14ryvegtxktovw+o+n1u+o3bketfs442cdmwg4bkxwlyyykz8u3udlrq5jmw5qurvw59m5qqpvjoa65imesqayzf9lf7brwnmoskyqhrovnjoblrqzr/mdu5xxhe1mmq3ali6qzbhso7vdw48eci0p2o1yhpbx+qyrbtli12zvvvixbi7wepvmgpfvdgg62fm08t/tet+kounp/g1rva2e0j9lq5nmwo7uvozkskmnecrweut/hs+necdis0sht56rttszhtmjrsxhvtl1cpmrfkrvtj3o9srwpye+nrt6o7zev+p4p740zifho69s90ej2kj7xbhi09er8kdvgqzdizyw86wpccq5ij2iypa6dinmnsj1cir4wqkgkqep+hxbb7nmc7eca7ihfxwinysli3hwam14xrxdhozues8r3hrhzmrnvtat1n4wkhlcwpzsdo8mo4fqhfv7rhckeafyqs+qybrmxrinhyd4drr2devb6pyrxej1ls+xahi8u890qofmasp7urocsvy1w2dlkr1yfldwoue3xnfa94xlusc+adzuvzq5y3tdedoknifdtgtq6ggobwl7xbg5jre963/plab3vcinuxswqatszypvaqq4hz0qxf2k3ab3uem3kyg/+ppmngbgpnqjubh3fgt8vz4qv4kl36zewhnkzy4dkr4ru1hxd4yvb3rcqmue1g5gq/n5yowm+jcrscgjfu45t7ex0ghlvl3ueyowhlfmbcln0qjhprtd1xfn/keuvq3bs0psrwhqi0ivx3fc86duywnrh2qnrbwrzfnpptsuth6ss0bx7q7cu15dg0g0wvdhxynb87hl78makbpbblemovi8ddsidi5r7afsdptjzutw/f5ibvjvksgnks7xge5kurgnufd1xa4jugojufo5rfy8nclp3ymrdfrnui2g7ebvwyn/iytbdveq3rbg18rpio/wf6/swxgq1yuh2ykjupsg0zgrmerol51rjrutrarxaiqkjst7vtfhe7ypvutnbbrweagj0ywiisvbbioil4wnztduq77clbtow5yqt5r4vc/b63wmiq/yqphrhkfnyiklmp+gysgrhdd/ljpxlkwgyfcctsmtesjomg6caf2/3vwmpunwo0iticlv2orbrs9xxp54gjn7pyjpmoino3kldwdt7febe+srnwqovq506gud1ip6ffsfw851hnasvd6m/jvad//icslqyei13wa6dyx6kyi8wboq/j9dpd5jkdbfnrdoszbrr0r+8evz10rajvjbdkuo1qpdo9qosit0hxjt6mejzx8wzix7styx6kp1rupcm/4ce3nrnpiwubop0/wxkollhorvuo24p+brbq7o6cv5qj4afmmi+qmczyju4bq0+t51e5ui9mrcgq4pkjsozlkt49npiq37f4/mnsuyzrt6oucw353zig8gvttrzwevlj6cisso5eukrxfvg9b+eh+m8toojs7c6xgyv8yxcjyyzvavwd1jjphifclfuii6pmonnbeligyeordjiinw9n2td2om3eex1juzzgbtcpl69lyatjnskobfhpylgfsenxia+s2ytc9o9h6lajpskv+hymylihxcesps/xeb4twzbxkhvvhht6pywk2uwdtxxhqjmhsiw9lxj9msdtucucxo00+2hohpqdku3xszz7hvnufket/11tzje1lqnjhz4iualfg9lju5eoap2dtittbpeyix+m2aytvql2gkmnrdvyraeggi3lrrazmhancm1yhtfej5yvmgpwzspqbwq3rb5k6hbqkqdjnttnqe5gwjusd2cqpbrvwf3+qmymreqm7whk84ioux3ggaxowojoevbvf2wo2scdjilnatgsysj+wbpe/dahoy91sc1chpjwz2kitzrx018wjhveqju7nvul+ry8l1xjgcevlmtzux0y7cezvom6ulmyrmnbyzujws1k+2ale+u1ezp6w3kub2omgfho7av1htndfe3zbvodqnmrqe9racndhrnvrozumt+nvseri7nax1xmvs/iqhul1vexbkn1+p8zz4zgt9vue7gxvsvpqyn+ywqdkhxjmlwit0rvuh9aop7tscz4xk/bq+i521cmicml415m76nuycczpc9oftrxxc67+hn1cf2xu5avq5odyzxcmdynotwduhe3+h7hbv5nnkdxcbddhkio5yf0gik/pdtdpm5gt8bz//4zoxmt4gsa2dsmawezfwtucjdljudlkpka2ttwnmc+8ad5d2ppixmzt/zie58n0r6ze9daedsebxsfqaog2r18cfm9xn9xijzgrdvt7wafpq4ks0w17/1vsgge6eisxzdrhwz40qxp54i8r0wungv0ujhz5v7e2/0aouonmei2yvzgvxzuluajwvcl9moxw9d4jfrpq6j2cfunsxli4k0dez5fjwnvofccaedxzcav2k9djvgr3lhwvkoldielilx2jvmqznqapzhidomk/vvsudprmzavrc4spgcvrymrka/2ve2quxkw84rpzbi4et8oc+4okd8+xxxodfmg0+wg+v+tbirk+iamb5obf6qhu83m81+ndca93lc3vvzgximu5+vf6uymdqqc32urr6ny7nvrzktcxw20kzo9pwbwevwxsh0u/utu79v5gzuju9foxctwoqqbmqxfn96yzibz43gq2sej8/e2zbt+mfvsgu11kwg8jpxanh2yzjujtc15j/28mjeisby4j8gdd/onpxbdcxl/97a/6jgkhpziaujlgsqiq/blbxnpt/8dlkqnu/9sst2ubctae7+wx/5bgrxrlep9xk9fihuyoxiplxxc08o2np+ghlqrrwizsddevviyk65qxiwqaclrvogcot0zjzcfpyurhq+m3mprop4xp6cxngz5fidi3akqvxr2/xzzhlrwn3nml6viwqpzntfkpuwdrnwlb4tdximgo+0x47opwbj/jhzp8pej62daedrudyr5zrlwj3e2fhi1s9urgjrh2blnh247m9bktego18llumywfvm+hwcmb8j2mjrqy0kkm6lzjwtq7p9en2joryoqo7pplhscjbkjxxdlilvt08+i4efvrrgskj3e72qnirehrih6kouzo+q45g9vwht3xajmknacbyah/zcvr+vsfgytz+/tjq74wy2nzvohneflhfqb2t2xs8mxryszry4k2uo/o7fhgmjbleecpahquuumk3nc8bl14wjwr9wymmz7mfornxhetr+r0u/xxlvifkvr6r0i25etjvgqbz+5bbkv7kuctdfn3ijlfvfnt0seyevp8wctgm0ykhadqafe3yzw7vupfh3kwfutixbfdghm4oujx3lels2mapythzcobd2tewjifkee9etz933qnt5yylzelq82+vd/ysz2hgp17c69s/cftulwvwydz9ys979cobdahg0ajxmrr2pbakaoollqlxabckx10wyos/ld6gthc2cshdh8nv0ukrbws5yr6e9ugrwztaz532abghihnv15ijea+ckvyawjadpiiqdkmjbpl3y6fe+75jf2eiyudhe+3khb9wqfl2+3qmf3fb1xtkrafysfzt9ankqpopgidl9ofzccpkiw7baeztj4kjglaxkkvtnpgciwjvy6i7dkrlc87kpiicq8kmc7deaz0uh5x2nahhaqkaztwuh11mxdufzpdtfhivxvpw6p+flw+9uwakeno1zpxaj2w9ytusgig3d2hbxassjamiqcun6htdekpsstv6xuqthpyi1b5xm2bulwoxhc9ohytorulibtzyujj6eykneg1ysa+lfnokae11hs7hh5ycoqrjdvs/9hklvxdzkxhozdifzmnyvgsbplosu/fqgm4sgxztvlhce6c8vrbd9gdfmgdabueeuna0ngqqrvgzxnbnztknql1pvdd/ausivk4bq7ydmka6rs2tlwu31nkmffibfyouivmp2klavcrdw097dzjibk0kumyg06w1bjpq+riueukwoj5aqqy721bkrr4/qfvqasnb83/9rh5jtsubgpdsozuf8rjmuctdqh7swdcghnxq1ma0scgshky07jp/gjmvcx2h+vlwxa4np6zlcvuipvm7sxyn7qoibkuvuw4tnddg5oyempjd8ypt/4ucgva81dotcz+1+dzv6pvmmdd9k+qjtpkfujoppowqwvcnflqeesjbvwf4kg4hq3csuyrnasntdyj7uioqclzdlx0ikg97n/idw9s7nd2fkbpsbx84ef//bbp/vpesxlpbkbjunvmrvwo95ve1jnplzo1k5np907v2q7j09jusuwkqea+mlqgsqxqfhplc57tdhlwonznnieiz9iw45tplteqoja69zrw/yrg+jz59imzpjeioomomuw/stgvvmsgrcllfpcxzrbkimnmqjcxoazipxxunahyy9d58tph7irvfx4wxa7siat6fkjddlgat6pbmpddyiy/94yj38fhpnq+g2di/hxe8/vcpoxk8id+tj2o/1xcd7mywugvs3hrnp9tj3gdqah6ykl6qurxkadsa7vmbc+acipbt7ep9uvnb/blt5wveabw971x+/3k5ysws1mlt7tsn1bsphm9oevr2qtsi+3bcyce1ngehkhnt4kbt7v5ocoiyreej6hx0lsdyadnm29lbpqyaur6cenbl7vvds337bo7xkj5zpegoy6yj5vzdpxtw+oadz7najtmsphukfifc6hmdebnpc4wp+/nebdyihoroylh9m6rwtallx+sevsmeuit07shfacalimwdfyhftc6metoorxh7fowflgujecwn+vxprbacqo3i0irjun/yquyuhcigyjyiilzafg3sxuit+2ew6yneyduxxzhwyvjyweifcz6zrzzvwxw7hi95ymtkdzglnptmjusxajk5yipwwg2qutq+ybf2n/qtdwgrorfwegk3dtqerjrk7tduhyxe3mo8on4y7iejtyzt0yzp871nckkm7v4vqjay1zaaq3qrjh3eos4+nxzihnykgztf0hwg1hw8p9nyh6exovfl9ztik6w/p+txor1mc5raopdlcypldmczuyazz4tmh3wemejlyndxqf/y4pgwfpcelluclmx6h/cvj87noo5yvsrzqy4l3hm1/fxlhq6ykkenrhksatwbislz3xma9xnn8xi0ps4xjzsy5b8smgl2y1wtoggrafrlhfzdnpzhmnouegktiyzwbuywlj+xacnvt/vgza+l8dv1fyygo5l2egjpoum3yqc0aa3cwni1hgpwmumh2wypvd4gkbcngfuynju3k2080w/oayeozifey3u5r8egc3syyx7+ynscisk4wrcvrudgjupq1xm7k2+zcwmjlsktn0byumruvilq5cbfegvm973qk67rnrftym7mseqsag528u1fkbfey1umct4er7+e+iaxqkn8wvnhqqd8jadso9veskpuqbdmffufd6epchzwwoiynh2pyszmhu78pylw3aysgykadgin1mxifyz0oyqm2jgvx2ruhymt1lkwxwemslht6zvd+r2cfmq1aoiskeuc1kpvnxq2bckauqnybsly45tbyk9oeuoijinpsdo9qz0/b3km0vlccx5cka+ofaar0hgvcjxm3cgkbxzff1ukguld13ovs3+n55dd5xeerinvtal/yzhr+xubt2mzfmhuagbax//4k8deqxlu1kni47xkajg5pplauutsoqhs8dxff9jdluyazoa4da7ungdeenxsngfcs/ifngsi0tp0c1cpuzwhiz9re5djbkrybliupuyb5m8ycwwhkfkggajh8khtjkfsvyeu5wkyqfyx1jmiqeighhcicmku4zgd/5yy33yikm0frkbeoeyh9gokqpzekusnwrsxrslahrobkvlynlobcu1k52fd1nrjhdadvasbylg9i4lq3w/m49/l+ucqcfkmcg6xhio/kubmtc7e6ya6u89asd9padhplvqenu9v9mo/v32tclelqc3nmnzzwtl0dr6igtfe+xysyhvv7jxbvrmihwq12ckuh70lq383dnhyse60ddzbo7ui/7npdaorat4hfljqqkt9c5etrs7uupdagsmv+sjkjquomzlm5yah19bmqrtd+7yqap+m+tfi9pa/3zuoafbxoc1w9hsc6ukeyye+/tt9dszuz+stfkzhqfbczsh5be1hpnr4wjbvldvejcj+khwkgcg1udqgo6l5hjcyoo5hbmskc2vwpkes7jgqpvir50xttobc3rsr4pizqflvgryxvkm7nfy/hne08nyu20fncpoq5+grstyc3bxr+weqxbh9+25kvwfcvze1hgqbtqydvhuwpdhwj7jbm62l565olztf315g6rxaljurx6lpy7kbe18yqmovxxrtgkqy+g4avvcu/2petmuz1zrhywovm7xrdvrnemzhgosbsbjrmvwyly4srzi0lox0b3u7v3aniebaqnko5dvykts9pti3xjms9pfmg1k2pqruzwphzwwgyu93tbm/dambpvooz1vk/4hpvngf+3nculvgz5nioljzsushp5wl5fso6qfko9jsrmngw7pw8vkyzwdajr5vyegtnjttf15oq4qypuvfwvrgg2q8cwjxuc66ycelzzwr37sqaq4kecbxo2slousvc7/ussl+kutv2d+tebfv1rsftf/c9wftyg34pzbcvlwho2htnjjejnpthsvbkqbnihy+m+dfzlun1loswcgfklvjtrkyoot33oqztta7rtalr7v35knivix6z4tqvw5rks9z6su0ukmqgxoyepg/pjusqlrdbjahuzxklu4mw0smoigfoqjleq0pb1beo2cemse4wiew6v3fsagayem0kb1j5kai+tq+2v9whir+ymo+qrydcfbdcurn+7dzzcgez3pacjfsap+50sdbssmqaxcm3g5ig8xkvgseya1plr2mz/dxiodnhkd8kgvzgrgq8vxbm2vl5o735gxqkdk+dhw1vwmrz9ygqh84xqnkleu5ux/y95aj1h+ulwyhzyzeqdouqmmi9zzymqclphpa5hmsiwkcddkkwigtu8exsr+9e4urci++iymaiqupyo2hp3tdd27vvecq6js/eoaecnd6e5nbhc7+ogybhdcpcg+8bjbruy3jhltcspgtnyp3rmunix0muhmudix97hwutiqvhlvkh7ichhhsaglitr1k46t6hctttnanwr6sghkus80ouusw9htrx086ljw4a7vub8xa5sgeyljaegj83bnfyffjyusz1nuxg6slu+ijaotykprtgaofgsjpxjnj7yb7/0pmynvffkypyglldkgcw9r73vt3nngckmnirznvnuhzym4i3fv9ps19sf+mjq6puoaqs4gw07e9ul2sx6oc3aptw32wrw3ises25bzot/huf64m3og3gipy4cgzyltctlvbnoigige23se6mb/izmdo3un7iutptqlviim7pqvxzycgzno3orjozfkpdwugwvcvxvfpckgk5qwqzdqhx9n0bxm3ptn6ia0srs00wtijqetcmaspnxstpymyqcv9dqzlcyeoqnqv50rpco0w0h3vppr0h+3ij9ndsie13jksbrsg3noyfmawbjixfvdlyhq5rv52rheb9xxrwvivbdj2tqjeipy0zduu610i+5zrw0u61wm1owqwf1bgrft7xbrbvw6o3oonpulo2lg5g/e4tc+sec5qnlif252milxwerxwiljtovyc03g65h3cnsyv82smhbbjqjj4colk1k2nfjtgejwjggubsypkmw8rt1rp+plii8rolqwsnlfrip3nalkwhf2kny9aisc7xu0wiauttsssatzdpwst+4tterx2xytjmvj11rzhfn13myq0suy5irzt13o8fmctbu+6+jzrqai9wqjid32lmhtexjgbuwwefpxrxojjrnjuaxxmjiot2r9yvqqyjexarvnslkei44frprzirqsv6pc/pbl+pntt73c1y82gmt/qjetq5thaukytsfnerbmmngan2vycfuaofspgcsyzttvij2tzrx/ctlwnsm0rk5/baaegvttto/0+3q76tavixwcvz/szwvk/aaelcdinhtz5uen3rk3rd+uvl7y5kncrdikl6wtrlnoyrn05xkk+rcuuiembsd3ruchxizq4gv36cmcocbtu7txhmlkgktfegmqcj+jjjsqs0u9oghqlzaeb7qiwozb1mj5/2wmbf6tp9lkdo94a9jx3uvfmb0hz8budyfoes4jbo7qnvnaghod5vgpdwptdkjlkkfodc4hemkxbchjoxmpnao2zmvjpkb/ugwjwthc9v9whdogdxqx7lmy7urjqqdmtpujycntkhskgsg+aufyxotyco2/q0uzxjl/km6qobl8hquxf6gjf3r6/ncfit75ar6wx10vwo1dc/q10kwtfp654agzwtroquyzmpe1y+4tajxil3wjyrz8+cpufnr0q4svqsj1fatp7ky1qd0vsgk2ko1lapcp8z0wjozi/zthc3dot5k9znhh+jkyir3a4qc3km62obgqiwkkbkx15opks04r2knuq8dutolh4vjn2hc3ujpq9h1qkgmptmlprkkdrmkupmx+gdgw8rr4kk4nr1kgvbg2xzxhguaddkzvtuqhzijjykg2sbbtykr1kkfxkeluevjstwqnyqm93ckupynmkrwf7dolnjhyhm3ojj89kc6l3vmyf173qta7n/2gmckvmgokqja/zhsatopa5qkd9r2atym8dcvpmkqirdiy8fracxdgqvm24he7zlkovryigdhozz3g2mmxo5hesqzmbrvxe93eqwp8tmiymra8aztp3p/kkbdjf+bvi+n3fw7j4ayv0zqjgirc8m854j5k3hm93uv2um/oojzt/yjcvv33h1e9zud3xfl2uz+pigtquavfny4vgg64y0pg/zwwmqlp3dgk2fbjtrmj9bvwoffuydsuge5f5xjsa2rx3xp2kfttuiuc2k9qkia9uzy53vvjskeuoh+3hvyuiybrd5uvgnkgh1o2lanhaz4gqtpyvqh8tywjoltm4vise7brqzcn8rghwiyd3kmlne6aik8kl8ftb9xljz2vnn11m2w7vbpegzahjzchr66brxvee41pvrr4fcg61o+gvhn4sv7e11jvkbvwlcy0qmk0uppg9wkfyq4quzdtriifov5d4w8yvmo4t47muoxixcif0sd4dqym2ke5c1cuketaoie51lsggiebcsdhej3bgcod4nyx/svzmgqejrviqrwpe/ry0u2satalmbg0e7wtqsiq7aqp+rvu0xjxke53/+k6pvrli/5ygay5wgizcba9fe/rck3nybumvtj6ji1j+nx9c5z7hsjpxc0lo1yzfe+cgwdxffmztke4ntlqkgyq9gq7qk0+qs+yxepdlpp7lagsr6staixqkpptwhxy2had6imj4aldkjxgc8k5e3rsl3o3ehsrnb4iogf2boirs7w3xis/v13navkylvvb5logggoxt6fo1gsnfa30igo3mh/unmitbdyghsxosbinm+dquta7dsdyr7mueakrfuo1nf72m0emyzcl6nxw+u8mxuuilmjyjz84tuovklgplgagr7ycpsmvms7xt4mtkqrxjnsjyu7zc/yiq00m4miz2ua5hku3ycvh0dgru0snfgnzmknioawzfhfw2pnymauzo3rjtr9azsl1fr7ub7qgym4wiz5/u+eo074gkul/dqyzqmukjkktrozk11st7ngovk4r9yjigk7nuy2w1uu2bzsxggit6wuvannkc5l/ex+5ademc0fmpzlbc9gm2tb3l6uq/xe1isbji6tmgntuiwbw7j8kkzo5lc2/jbtrwvslutqotyr92uknetjwi+1xyokmw63pdk55ndkckl9sq8f1vizj8cdtsi5ddnfvu9edonkyjplgoehjopjxha73uuagtzddwsdgbttor4+6rlguwndijwxsewbhg3kmzzfbtb8dfk5/lb8muoyvducdxyuhsn3tgoprp2ztr1je55w8c9u/o0srvrnyxgofn1eu156jmx2tqz0e4d/dtxyetctutypbiei/jpqf5vkqt0sitqszpwwczrcemevhk0zu+ebnprztkxch5j9c1ffc1nqyiuqup7kqkfzgudqersi7l+q/1xvgkhnnody1zrkvvsvoydtvh4n0f99xyvjeh3pxxnthzualsmvzcab4hchceulcrgjjqrffxmndndk6avbby2ninmo54oyatdzgzurcoxc4oj+3nzpp5lduru9dsinrsjuqg1y/fszjjilkysmyolhh7sgjvaybm0tx4a5krn0vbc35jyonijwk0zejr3g9mnixor5bxcomi6kgy2+5wl9b9mqvtoezddrnlnt/zvavs1akdrrkf+iuk3mrulf9wkmmozfyddhdbdwt7k1pxs2akjxvy1u7cjucnhpxh+dytv43ecf94gbcfkayri+zns1dzh/t5ciaqmx6dfz4esshsne/50lkplwmecugka7dt4t8sqp5dwpysvg2vlszbpuxuiyx7s73rffxkibhwarufn50lerzggrbagvu5pf++hufq7qqcqxtrpv/gns1dg5zyuaz9v1rsefuys3ihzlqfngbphqe1hcqowrj+fp3f5hloflow4abludtkiext8ajatgtkb8q+7f1ywq0g904dksneysdvtii0j2xqihry8k2rvxe3clbogifzikaiwu+raceezpv1j9uez/6emrt2aelmfxcnzhvtniomuxixjdtutqnw/7wmrim5kjpx36w4ijvtztckrcabtqndytbinhsohu3yla0ib1z3midazpgrswblxwbyv54zkhduq2gllwgwco2l7dziqlque+jwrjaw5gcsdbrhb15v675mhvvmhvqxxtdjqpkdhfyddtdwrw8phjmkg9hwjyd08d+nt3tg834tql6kizrfv6i2fesdhyqxivs0hroiq3ic56yki3bg4mbfd35v7xyhmbgiiu2o9+fgat5k5l9lqfmrnkd/z86yfdk4t97bjwfjktv532vbdazcdnicgahkxees4qtmdq2s0zgtnieear6ozdhketuxnhynwxsm8cxofs8esbut2/b1mrn/3y5dxyrtyywfdf+lrcuj7gmopiqwqrkojzob62wsmtivanlsme5xnsveybksfrz1nbttngx7hwlzchtbhhzu4crwiwvw1hk19puv849xbs4gmk+qcyg3xn7k6zjfxr0opxtox/3iqdh8ls8vuc9+uc74kbaygt+fqrw8k5vrmkr5tjwebuluu/nod3kc/mzxwqvtbxb7xm89rnty3gj5hqxoee0v1errf4yh0nuqalxstttbz6+gocev90lxf+eb15ignuidjuygxe23cz/eigvrlwkjoxw4k5kyhqqr8imvft0kdd/4rr5lxbi/tilfpf9p7s4n4siwf9b2srjsfh+rwslep6ltowyceblgkbqnuvqx41suwnu4bn/l4ltfpksvvxjrekdvd6ktoipuksblx4ncn58t5t6jfq4ppolc9lahxhaavmmekh5aoflmo2litkoww10zruh9rbjqwkvj2uqwiixznuinoukwesw9whpdzv7bdjumkph/akgiozsedxpsvuee7thuslqxuwvbrhmen9cdl64r07xs0m7rp7uzr12yvdohym9k3npxu3iwmfqh7jr+a3y+5nydvhngi9gtqmsush+r/1jhpba+ks37arwq5dtwxj2o1y0oebuiq+h49ubu3tjuz11ub12j2ukrwhsnrwfjti19bkla4vhirn8otgohwflqzmmmz/cwq0kwhqm7ymscl8jhnv1er8zbxiwyk2rvgtmwgk64formm8sxmybu8xorclnqh5osg+5axob/71zoohd7ty1jdnfowodqmdrid0+luba2tqzm+e9fpoqu4fttmpfmnnkqcrwxbzmf99brmvhe/dkfmmtekwzpxseyncaoctbbl5upnbvtufiove07f1tpu7gw0ia06qnvueykxtlv/inodzafykk1ltmzg3mzrs37mstfg1nwtxrgleyvvqraioehuhbragqka2a9whxaqryv74lzdwclhi5jib2npmocuok3dm+njygrzwnrrflr7eyxkj13xwu5hqkvm9zmxwdeoelq1k0djspa1ha/x2a8cnt77izcrct4nnpngig+6h3xkxa4qdqjaytb4zgugf4pgfmwkh/zlpbcyw+ywq29rqnyxhhujxjwpuvxokmdy4xemidtkvqv27hsrgibuc44glqvnbgjl+xlmw25uq3jbxrswn9gkpamrndyzhmkdxjs1jzdokvmollw5rmhcutlemibjgdanzx0rute7quobdc8od6arzndty16k9eyngzfq7zaw10bl1wdeasyuhpkqthza0s1tqvdzrv53kpkltlahnlletyk9mb9/mgpi/2yoxzp++u18lxdh4zzd9xhhu1sezcb8cytdolfqq+bck95vil5yzunipnl+stm01w4xmvwfo4vbman8vpltcchylevybuzinjoklpfqdqsyiw4vhizzif3rcelnx9axrnh3jsvowmju/rhbvm5fzmgiy2holm9uhflpcksas+hra9n+emtjlmkncvvp6cf8aiiqxvsebeos7cxwic1dt1yveqbzraxnbh3e95gfmrxs63x3hgim91pleabsucxby0qdrp5aal2voi+kn28esjxjseg4ptzixq6fdzrqpmncbwlyafkubs1j62py8hgt85aspko6lask2pwhlnyuowwprdbxorsgpuam47csyw3uqfo7sif21kdh9pw+ghydl7i6rhxztyfdd9/dyl87oabms8j8rrvt4cf4dnkfi3jfy62fcuvpxt/w9k3wmmn6cfph7dsu8isuidi9tvrwojvcgyqbkbzjnoodbc1zqpf5juctuetrfy2sehwoey4vyrmltulm/brmke//c4ddtohchjgc/i2lz2kadtbn+1om/33neyp9tfcm+13tmneu2qt9l4vgyzoagbwe9iik342of+lc9qosq8ov1d1sd50aanhgict5dtnxrcapxzpky4xk8fl2wy5gb1lsp6t0vj3nmgviglnpizfcld0f0m4uvzqesak3cozdaz+kw1w7mrshcwbbt6zi13eicuos6zvizyaoefw1ybszcvv66ki2nhcc9nrkmqgdhxerlvhritqyif3h/layqoz5jym6ci4pezgirvk7bwe+uqynjoffumpr5hbariruhqj0xiycvrvgvbkdjyrrqg8su3jdz0nof5208buf9beiuh37yfmofqxrpwohrv5kpkraxukjhrvxp46ffipoc5lvoyf3zkue9atvubfahtv+3gmi2oaun1byuh/sa1n2szs5nuulpywzq8gppqmrvvyyplbiqjh318zpm3jl6+ggmsuto8r6g3id0g4ii5rpxnrqply0+kcldclghtkldnjajkjndkykoxdn7oci6gjdzysab5cycw8hfqw58qwbf5ekmx1zgnzikf8mqbouhn9vjf8tjbklzn9jpuyrgdbaq8ctbtbchdscrojuyqzgbl3xuskecht6jmxt61zuz0uy9/cytod9xudbsleaiv9y1cuildxamleoakthkmemw3l2ka/vorpiruprmgohrjsryggtmbvnv5km23/h8sljkn7qmechil25bhh3ouair/ayod3ykzwzigcu/dy+7tlulgpiu2/+g92ppzt9tisfk4qr3whjzx/xf25r1wzfcpn1vjsj7dievmgehc4fv3uvoxhaigvnpmllaxhfbtqwsmbaeshzcvu160bnd4qpzihg7dd3imerjydujyekf2phgplfr52j/st2re1uiobrqsycyhnt7ur0t1ep9zmvjqmr4kuy12rhww6rtfeiz7bibrf8p+xwccoygjghztyjy47kpzzkpstywvc00ofnlhfee7fxr2npu1k62c1sms5/wrvlla5vinwitu02iuey6csrmvb2zzrmn7kq/c2nazwqocxbuf0jdjhm0sz4x79dziln2juxw6et4qlw+gx36mfsi5jc3jb+rkxwx7t/pm2acasrsxbdwtkpv8/dwfx3o3eyveumt9xksn2+uz0kfmvr/o28osiirobnjxhqdj3v1gyt5vbzn0gfwdduecawm/ni1e9zdnzjwro2a3e/nrqvlxxfxw7ssssxlm7g7kpmtghshpd2opzgytzpb+t7fv+yb8+2mznuzk+ygojuwsl8vsuw44slgjiwxemhvieqkqp8mu1vd4jszzmlulreh6yq5ag2z3e4k3zdxop3cpj4nz/ltyh4ixgk9kjj7kgsjs+ugqgewe67r+ij1xsov43qscmcabu7upo5y18qjn3ckunvv7xnuhzua2ry6mbbxruzyi1v82srtoyjr52miyq8wla+fe88fl1cue9wpc0jxgoa1zcb7aqohuuv/n2pdbkh93lgbjv3lg6uzryf2futdxnjxkf7xyua235lsfd9h5wmse2um7zyelh1ka4yvi0suti2zrfyig1yxho5uwd9ri/pkbj39ndogjk1tdu8je5d2o1riol7b3bucbd3pfhbd0s0skxcza20anlbo547fus4xls7msrol3cxckbeditcq1qwsf7cll6fif4ukm8wg6laxieerwhjs5xnpi/ss806bmmnqqahoclo2kvfyj4qj3lhxvx67fbbfshv/kbtfgwul0w0tdkgqomsnz1vtsgka9atlol3vqs5ioqre44pdpyv5yzmiaw5gwnsekhhjjbmntm1jtmg7kfmfe6z4rutnrhvdlk+dn/llglqfg+tavy93xoyq6xjpzud+3end7ycwustigu2axiwjw8ce3zrjhftqt/2+ra434aolytdg1ie8jcu9t3nx+wktl6z7vd4eawtxidllf5nssstig07bcl5mccajrhep+k0umljpadrkdeakbdpfbpj90bdev0hqsxiaib40apa9hafzdnvzvkk+6wymloh+0o8ul/pnbomwaibjrrlm1pz4wde5cu9xscnmqjir1ijxe9kdswceyh8sj1jul/4mak9qbxrkhfwbberk5vd0+muq0i6qfwrs+jauo81hi44zaiwsdz3s2sxt3rcozny/3phwyi//rpeev6kzgj+5iwgdpwprhiylo1rdwgfpbdrj/fsjutwbwulyuvkirl7dzsjuqq+za9rq/bdhndsd57/6udiuumsqbvle0b6zxdarcxgj+aauy7vsmmkfdpjo1zahcjdv0vww5cha+fonqja4hfo/viocpfa4uf7bxg+tjylpzlekd3tdqvhcig/wjo947yfmyeuvxpgi3uynqt0y7xj3zyzwde5tg/wzz2ttqmn2fw1scrwvmbsapb4w2p2v9azjgp0hsybg8kueqzv13qsevh+ylt3ojzeooqgvsb2qa/z3ues3ztxpdw185snyxvvmubzwpnieogukzyvg8tvysuc0i7svxad4jpyjtoec0633neehto70hr2oqve7fnivkb0snno557qhc07den7b4w7sqpkrly77nwh9xop11dwuu2a5cgbg04p+dzkcue0it2+nafqri9h901lsjyqrllaobg3chqdtsjxdxwbaff4a43utz/rtdg86gcueqen7293cabcqonbsaqbctdeitlt18ch09vhbyx6kldqo+ofn5a9wohemfyd0vycpeuyb/rwtl77jpuy1/uawpgbve3va3c1uznj/fsymco2gnk+y0i2eqzhwhztvdwnk534qika0342bkaq4w3s1uz6iu81f/umosbjzzjdd2psvs5rqvg9tx/eoxnkjh2cjysil7krotous27u2ypzxe0dg2pf87ftlndk+bmp4en+zlcgvsvbudmzq7rrmitf0sqgyjvdrlu+ziuicvhq9uuoweiixoooap/bynvqz75avragikbrzsc7nxvcbx2fkzu5symj0ylgl5derarvhmfow9qyqpyc8ift/keyv9lhtwfsaercb3jyrflnifyfm9uutpa3hxowavms7r62sr8hizfg0w+/1y5juwk3sbtakh5ozt0tmhhnd3ef8ojnsfuzra8tnfafobxb4bbraexwa1cu+r43brrnsyscezivu9qhvpj37tfmzdp1nreoddhrmsmqoxsjet2kx1jrhibrpso+zjsdwckrzlw+2ium05o7np+t4sdq7jona9dsfxh3ualijhvbbxno7qwnjvdxc1/jxls5sq2ynfxdztwti5derwuq2aepf2d7dhgn3wxxxrvz9m5e/bb3a1axwj2rhutrosoagvikesj8uzsvo45/gahlmfhyabs7vwwbfxhitrqqbsl7ig0bb9z8zltibegduwzi3nah7fnw0rpdi25ydkbcrqj8cc2c6gt3/fqsdxgiei4qqcvj4hmtxs22gan6pkp+fktdigtf25ddq+lrprjibemupfia7l7jeqe2nyawr9yrdxbha7axshw1h9ye1quiyr+h/lujvz5eak3uc2be5erxdlft72js9jyksrv6issf8rnisgpbitr90oj2gl9iknnnlqyf8k6x9blam6rv6wgnl5llultrpkmstq5pnbsltdsci6ogqc6t6km8jxmis/1molrj2il7upusnrslv5/hsk40dziyc3nbxcjlvmkqwwstjqc3l8zcjd7ihi9a7cbqkele97ufocoypjdktuxbcsgq9bshsuatqnrtfaitd1n/mwthdwyguw9vjkdsxtbzkxizu4dew/len6p0aod6fmbufigo72scnuck+yp5uxvybgkbp5vcnd8a+bktblcjtv2xt48v6irbftkgwkrn7lmnm/4x0x3p7zbdukgpha6xz9n22njwqux9puhupgx23ivdiyzdubudwpfkrhj+la//we1tsmvu5xxp/+uohggdqoxyrbl5bjfknj+3w8u+g9blcsu1+couoxa+3nhu8/j3koibyhpcjrbkrt2/hg3+z7g931k5uwtrz+bmlqomwjsdwoh+ereqi5eei7x9o1/axwqlqj6mndk4scqqesohz0celnsb4vaswk+rnouowswiiatqhxj+ivib6hkvdsrnbl5icvx+gdm5keiudr1gouzcibytvu5axlrucdpp30puwfyowpvb2ypreikdgknwt3zlker8attuddthnmzi00glya4nogglqar5j6abkjeejnny2llcife8iz4yw2+tvohkfnsl5nrt4yvnmzfurdj6zasjkmff3awy54ncuta1s0iruwd5g6qfpzb28isemllmjcgygskqpfmfyjtslqibtnt6twnm9dn2ztmkelnttbdw8ttfycja+mi791tbqm7gh5rec7eq17fmzjyzbjdztbvbyyed8iavcgxg4kn6yfqm58s1x6j2hgaqj9w0cyf5dsgfrtarzalvgvbuttiu64xsrqyic+9gsvg9ufywwx1u9bn1jyjhsthuguqqampctl/vvdxs0cyg1gnpjgbhbf3sefkhjbsblue+zuxpacjat9h/dnnrjsqmvqp61fq1e1wjyctiuhkiax8hxwp+y09wdels+zw5zg4osyaok0k5dtle11p13h+cxoyq22pnaoexhsxtq6pzhjj3nbqbrd1zrmzzw0v3jvpe+9pnwqxtxlzwwefqp2hgez9bgolpwth+zlf2zn6jyv507jlj38lqwfj9jphrujlljdmjemkpbdchc5yym54d6d4+aztzv3dagxmtjukpmeqsxsbtrj8xrwcqro+uu95cslh1fldk18gqehlbqmggpuew+hlyjt8nvwyzrh1tdfjs73px02kuafxnyqucf9pquw9lkmrzkkiiv7qthhgynit/jrvedo/uwszd7d2/pbyjeonrmazobp5d2gm3vk5fb1vgfponhmo7vdudsprj1llvafmro4zpbfcn+u4uq6klqfurnk08anf09tw7jnffjsuewngmjsnvmapmkff/dxeiu3gzj+qjpywm9ene6ww/vk7eto9zls0dd7aixab7r65f4xv47nosi+xfw8ryc92wqvathurfu0bt3qqfa8edpp2dh10misynydtcpff631sscufvoormgb6l3uu8ma65djjkz5zcu37wkebxrfzf/1ssvz1+njj9m/xcb3yxyzoo6bigb6nvqcvu84b1s579tpax2axlrcq9b48tw7w9c/pz/mkjzc+ilxhtahux7tymvtxaxsbqg0dbxwymgwxpvyaucsfcioqcm/1h1t7ecrjkdsotpq0ramkb18zxdubttpjuu2i/tjiqhyxszx0hrm41u5egv3fmj5bfusy124zkzrnvocetoy4ur/z/xd3snf/xb//tt/9npxk+gxdigcxqsov8iiucd6vjyxzx25xzenrivkozl+shrvrtbmv7lup70afxzt/952//52//92/sg8widxpt/2fc/qyw73/7y2//63/s3//3/+o/jp2/fvu3/b//6mvg54nzx1jhrreijkjx+xydmjavgc9hd9vpfydnfowskjvezqyzujzdtfji9nyooivow1gvd7fdav2eh8meoqy5w7opvz5uutjcq3brb9gupiaohwrgemz7oxkgqyyr+frvyg4vojjaxxdivs9npkt3ta8d8wldyoxftinkptww+/myaftjyctc0j63ruafbu0cv1zmqotn0rxmgk02njrsvfc1xx5pht37zkwupsafdklhaif1dn8nkb5rsq7fybkzn8p7olqefmmtntly6+nlqtxxkx54q9kvolfzqezhg3aploqnhmt0tr/zg+iq6gp7f68uvl6qiocxzhooktpzb5n3hoimnwvzvylapt+tcknfngf36uj6zs5axrpnswm+la9aviz3r1alg7rstcgsizthkxxeen+d49ta9stflhcnyr3za8ey7gv5um4ffx2vu83xpf8ughbwmdvhoeiboruiv69idi06sffmfxfvtgb3xbndsccepu9+2sh3kfpcygqg3a/2sfi+vxp1fqnuokh7ube271eeiibr9/dkuhfqcyv+7pwxfwpyaisyr8kq6hmw63yann3idn+hsn7vinevod8p9sjmhubgt+jqoyozjgpfntv16ptneegyzttjh81oelmyzjho191i/b0ssi63tvkc6gpkxhc0dbpu63svvtxvdfal4jlav2w3kc4urgizmm4ievlqwjakuxtcrrhbckuyily+icxi6pnvv2xtif1av1vs6nyqwuomjar3cod0j2aiu3oijzqxzdimye2cu37wq+/z7uj6kmhi6glgzddozpdcwilrx/w6d2w51wv4dfqj4z10ccb579eo+3t98dwvnercpid50t+1487emksguwysyooi0wljezxihkc//v3ueuaw+bvyk/xwjhhwdutpz/duj6dkzuua3sqrr9+alfs5qqpxxxtluteuczzkn9qijmnbeavzhmjvfjwka9odkendxnaryrcsthzimgqrnnbvo4fwh8zzcsbxqware9v0nnzdww7rzndixwsgeeatxutd9agizxm/erx/7tztlvu1owvsocw6boj8lubptmnc3oeyua0o3dyblzvz3hibqdq7z919j4juf7gbqpy7zbvzheeolck/y26v19n+/ckboa7/hjj9xw0ijfjrtxypbgjntcs4ivkpjynuljv+3yoqyjzcp4diwk5oq5mhyuvtb4e9ozneaz/hu4rml4xfzv0blqijxxweuvo6qpxiauzjkw8kcrh9mtmf96mqxuuakl+cbjcc4w5fy9ynkrhfxubqpykzwpojf7mzmfghsgybxeyum+/a4vyoarhpjijxijp5jpfqhbkckavaiv2ajk5c4lpf2dmrissobon6cydxa2kwhcm0i/slzirrggwgyzbg2xpi7oaf8tsyaaxg0ahmnkaw0e4/rtwor+vqxycgvx6n1ch1dn3kih9vm/swnzaulehnalovszhv2njuybh+qmgbi6ue9g5fnlsaevk9dlo7r/uoqten104payfvmkzhsyve2u2kdznsf7afjg7btf+q8n6aqtxw71u8dimfe820avmq3p+nkeqomxeg8jvdbdit/pdc9owqp37vkghnzd/t2vqtgc9krlsu/tlmfcwxirfgzx6rc9xxs4ukxoujghjfl8xw7cj+ukwmyy1vrt44qcn7+z2o2avwxdgilvxjsfkzegf3uaxmwtowlk82cthphxxr1vkemgzaojm/dlzsrygtzcvzr7xfj4ikjdn3ce43a0je3s7exwgynbymg9bysqelbg9zoh+yagoiipbtc25e+dwsn2prx5r9prx5d1gpfdzbs9zkjt5mljceywlhxruzhjkxckkkkcywftzznadvrdf05edqj4r1nqtipon7paow0zrd9biqbuq3xftnlg6h7zhbefizywv3alzq+rvmfug4seckz+39hdvsbtmz1wx2osqir2cenykvq/epfbsakciob4j/ugxayytpqv8xf7cfzoboq4c9m5v9nqqh1mk8cbm0hewwjyzhevagtivuoh6aoajz9c8z0xwfuav+i748oyzxcio/revit+c1v13egfbkelfamxvdwbjbkrcmmh+kb9o2c3szayib+a05rm+uso9zbgxyxyj7vdhkfw3tum2uxyoajqu9ew9hf1tyexjrvqgxnw6bsfrtparsvmal/2pf8jx8zw0dwge9vpzy65nqu0uptsev3m50e6g+i6xqisg0jeji2yn2s4jcfc6ro7hl9kjrudvrp9gshv67eqiihr+obbgdg2o/exjvvuye2vv+iefekfom3uujbh/fu83wsqfamzlv0q0nbvyms0ra5oqto2+yvcv4xavti+kktcyoligiie/9/f0ulu1ykcyw9oy04todfv5mssbji0eibvzho4qddrpho3w9gpco5ohpyvytddrswdkztlmtpozcpq3oqdoqyvn6elm7ye9nwe+do2fhpfgpj0dpbaowgdkt62jpsrbbn7ouk2duukwsmnu+3mn+teebmfifjyvb/knpp6nciobb6821c1m8unxvkua4m7v7wyxuae8mfa+mypnffc3z6a5acivv2gn1t5jhqhx3dqz39a6ong1ushqf9/w7qzypnuousnyiecqoar3d0xlledf8sjhl3/v7hz8is8lhytveuzpty/wzirjc3d+o52mxhsiw3c/qbuas4chw5qymkh1i6vcj5eyt6a1ego6r7clthp7plextk/vdpfh6wmkomu+vn08cmjovbs+gr0wlhvpsxy5c1ddc//tnry8yci9bmdwtxymartqdojeohhqfno5vz5okub2hqvmkevjtg5iydz76fgoqtdielxt7p/dsjfgv2nuyctydviezwtzokkvalbt2aypwdfto+m2oldagap1m0dpx81rllkk5cwgyi2kfvoq2hz+hv+/cnnpibywm3/eqa+l7vi0s7xvmpsd8oodpms8bznxtlotksoreb3zt4gtr1q7p8w3mtvole26jzrdmb4/pi5u7gh91l+uzpzwtydbdgmhwh4hcb/gocq1ywdnarzlrnmw96bsni20fzwqrqsz6sloxmzz9pae1252a2hipia6j9ib3hezdzwwrhnwpxgt2bguvpp+i2bc75bsvz/zasqssghxqjtrw10r6325y7lptuapx+wouaqogiysqoyuspnptbhhfdj0vohcvat+yghzrmaoh1we0mqux3rf1e6rpuwagy1bfqczfmkimitk389aicv9lv6b85gbc2kao4aiviztwiuivts1xdhotqqxwzn0vvljbit6knyilkco+vn9+jgfn9thjq++amn10jhyzcuiqnr0k2su8bwn2hbcmr87e+cm5y+a+aecfo+mnv5p0sq2+bv3tbe6xa8ms3s+ihhh15zcpqeau2b09h2qoskvso2h7echkxjnkn81nps/m6zxbdtdmoq/vs2rntivu9jlkphigson7gm7bgiyj+necqk7joofszp2oxpqwwchzrharft+1bal616wu1xgejqdcytxbuyduq/y+llas2zv+zzkahnoq22jqk/wjsdsvla2+zk7nj37v+tef7oaurn0msdzahdaqdr2pisciiusw678l2gnosdc9g+zhjgnjkhc6goh6so6qboz9mbzraivhu06pmrdifz793+mejdkrimb8zdhmjmfyxsddjkmgxsdl1nwscf5/dwn+rdvub8h2bbssm3tfkors1aghvj0cjlz6zyfylhclb+vlivhtomdilmbrr2nd5/h+8onhzfvtai/l2uiwtgirlfppwljjrbowul0r4/qwqgbc+omgjedtohsu7jiadtrmv/yyeqhjy1xuhve3csw6z5hpdxprlsmj662ehfypytvbyp34cqrnooyuzw/1yatdyu6syxhtdhmhdivjcnh7+px0gam2ub7vbumhu58zqtqtjygrb8p3enn4e4lb40mfqn45rsezfgc7vr5q/frfckqqb6n8yevhlte9x1tbtqpt77195m+887nnlx0my6fvqcsjx6t7ubnu5pgiyu5+sz5/rzmoxnzhioyczum7lc7srbgk5o2uitg14gvlouceotqqzgarpecykefagvnan/m1crkai9ojsw4eymyyrg4kiv+jlr4n+teau0gjsb3yix926yljorbycl1jpzui414ju84xsj0jovolodtjhalk4rgilfvenu+8iwqpkdwq3ykjoqndwlsgdeoenx8hu8agpbclaifnmm0gubdbooq3p9jqolc5qxlmxaxiasrva7zh6ani4j2bitz1y1oaduqzjyj6lgjj5bcsy3vtylldnoo57m9joygz2mogsrypzl4xodqk1+wbo+bnujzp5k0uy/dsaheazkyjtcd+u2fxf+wnuf4ql8oczptw8czmpwpbp7o5ueetwcrm4h/iqvshoqdzepd9pebieryrwfbqkuxxcvdi211pulr19l29dwoppgvxgtpet1rj/v0krfznhbio3hfk6t/c0wanlctgbnhkvw7p8ulrixprwrysoe+7khtldpgje80mz2pkafkwtbgxusuui8pom2hwwim/kdnqogctw/x9odqzc3jlom83gswq0unktoyt1zii5mdht8eo09uvhua8++hazxyhccffogvunbzgxfoz68ozb1ajpdlfuamxx+juljvdyexpamgc8bwngcmgk4c8dzstuiad0t2gfdb/ecjem1ad0smncn9rohbt2nfcisb80yhnrydcfyszns9ax5q0orcy93vcolcaqzbtcmwn2omwcal15rrho+ji7hpsfmzenktxxkczxkak6o1swojgzjcnycstbee0k8jtjlr9puccykpakuul2bhjz+eucgo5prmqdk1ydmzrue9d9jtk/qh2y/6nzg8xqpzw+2u3cvsw2mejwozlu5a4xztycspavd84pac6ckyvtjoqv1hw4yqmmeuqr/ls70hfivilbydosenoolp51cgndzllpnddrviglscbsjooesi1c+/2tto23bj8hguqdffh99uqrqenicujzauguy2gizyer3crchfnmap4nv0pyplpvq9sc9qy156ukfg3taibuxth9ncclymz2sulszqephmybib2mols0ulusm/vkn1ztxdoh8879+v7i2htn1rg8m0bhomvj2cji6ktcd9j0olt1seafmjsa9uofxz7l5xdmhinuxoyeorn5egede+ni9ncnxwj61opep5ekbttiuyans50rw32ouq+jfalwibqzevjsvpumxy26tiwwdurkfa4ncsksmhvd5nd0sh6ogeh938eljfbwjan9xlwo+lnrvnw7ws3e1e4gyqoxp2yjklwx1ktsw5fxztpifnxblmwhecctwtrhiuapkb0cw7x3m7my7qbl8s46zwaagcok8+q7yf9iex6doc/1cdzv9wsriv+0zjkg83llzdzfj4axyqps2u0zws2k4rkuim1hjh9ogaxc80mczscpjmhnqxauuill6dmtjtwnnv/1cgnmqsep7hohd/nldawh0ezmg6nrszlf92+3orxde4rtp4bmfrlq26g5vv6pkv+p6bgamfhw4amrriarbrcynhfrreo2hgyt/ly9cityrtcigvvh3cwb7dwqrwnzj8grg5ktpva3dm35rcrk8zbpkqoqjrjdu5hn7/ue2ognrix79uo9gqdzu6/xdoxnjm8ni/zpq1zz0qhkju64yggfbu1+b7wals4oqgf3rl3lo9u9v6b5boxwsdaw70tp0s5jo8svnohcoo9m+l0sovqdte/w97lvfvtmbdks2rhkylnnyomv/xurg15kquikc2w/sqznspgd0zm4binrxuc954uqcwedflyllygvdsrdoi6zrk2d/osi/0k+xqv+caryic7i8hfvqukkjkko1kb1jjdkka1w3xmkbvxqhb1rv1islqefdvuotxsi2jfxz+q+rlihehuwu9cuzc9tz/m25tjrbybopu1lytyxhtrjf+s55kvktilu8wgfmv0zfbksuq9kxgi7v4zzt9dquey8lczvpw18ryqvvhvablwknx+rqcc0wthircxovszizhobdubwish4ckr93jq4zqi2zt/mglivrynkqm4hayi5ky1ernqg2s39v3oluqvijfsvtweisqxxihlxyusdxwse1bxpiuzawhcod+6buuqrhq/lqzyym1iziis1xynn+sqlzbs9ff7xjghektb0appjuyqlymom1swvt7zqpyiv0jzlrare/wt4vx9w3rto9l6/x1us+/+clgjnetooe+l/z4d0stwf4yzu1h1ux6jcuewedql8vc7azjbupiqxsownktlmcpdwbbnpweaj088iz9w8j+7lwktngnn/ccqpchkzj1ax/1gkph61uoquhcxdv+zsxcilb6jlbv2ayahvs/l6ac5ah0foysxmrper0htqiwuq37sadccomedb671fibzeclzuc2qdk9imy2s8tscqjehqvn1wxajjkj1xusw8umegezclp7yf5lao9plv6jiwzuazkww0oxnli7z84blenjdlwy3xrdrdh/iwhodpctwfyhwtbdwpxa7brgxbtzz1tp3opp3fkt7kewo9tocmje00srwjuewjpysbccegfzgwdvzkixx0jvxzvbb/8vxvesismpxge5rfhcecpvk9vdbi3dli7dhhmha1vwbf//ajnq914bv0d2zkzczdhjzv8kwvd1bnmt346krdjgdgtvchbbv1i9qz5zcfvwn5pxg/vhpmfubzduiitli5zbnzg+vglmzyeehldezmsnchtxjshsper2ya1ii6brpc66vzsmfmpothkjpdykprrnc3xrwbzpfu7oxmin0rwxq7oxrsmhjejxntrwkcunrz+ygisu39xdtggjed6kjfueuw4vi/njgwsnoxrpupfgzecoyrw4sn7kowjh3tf2xdu3cwpglggr+acoc8+bulyulgrcxd3lpgrazmwuvymvwuysa9jhandkgqda/rrmqjxnnrz0e3xuhibhdj6huvc3embmqy1ekdxsvsjwrjhwrrxwq3ogb6lggxtketkmryd/nwfnrjr1cp+ql+onw4jbp5mj25juqznjojhxuokplb2ihxq5hym1cc9tztfs7qan2d5disnmdiatlgqiwzkqmqkxvvxput1bktmvlki5y1y5etejuxxhmrthjdul/rcad0yqg2o0yi+l+lzc0qitcvxnetd/nnqsnrt0o8gyy82wqlpo7zsi32cwm6pyfm2hi+eylwhnstpevdlxhxt3wgjldptygzn/hjcsvbdgxdf+uxgth8pj652thm7d2mv6wo1dqcjzt9dr8strgjbxtxebjli2kdqoqatdlddwncihlg97llmoupirrjvicehckii71ijt6r6vudse3d7uwaszlc+2cr9a5pszoqfnj0qflo18oyepkfhrxgoixzqtjd9voj3uhfl19ex5hhl2jcqooxm/06llqtfmx1rmqhly77ysa/ratbzlk+is7ivm8xos/bcxva+kmqq7az0zjoxij63gzcoywakxvt2tyytugy7ttqzdmrb9s+zr9arwdlsdcot2gjr9+fqnurhx98psyjev6aw8+i0/gpkg9lgk0vqp4bano5zwbhsbqxtd87pbblyokpzzf3j/eup6gho3q+zgub+3aztpdmmff6fvcqmkulitnvmnijnbmo8i7yv7oit65rsciseti0ujanbyq9f6xemy+6vwq+15owvn2xgzyykkesurpiiyrxxe/fbqu5avute/2tirw3o88jutu4yaayawgycuioxiavj44cq2n4ovd45+o6fawzpnqsge21xf7rqgd7nqqtr92bostgflbnemds3m2k5fvgtcfaya8s3p4xx4wx38itxfqqfij6+2jyuclycqbwe8jhvkwkguolv4bzhyvr3m3qypexxkunsnfwmg2dsui6+4kjdtlim5fnytswdd2xa3k1xi3i8smzxi4e8zqkh28dlrhtvxf5x3hklsx/wwrnj9tvrrtbmuivupdrkgfuccjhh5rumvfu3mt0sziwruimk8dh96chp1o5unvjqj6v40ljldd15b5ct1p/qndartnayyqircmntjvix/cerchkyplaxtpxlotbdregw/yvu5bbpresq0/owfcsp9rr5p/o2eahhafm45b9z0u7sb8mpnfgglkurev0vjpnlo7odwtucejcjvq5/fw54kdub67mrmbt3ovltsgdjhty1yyi+ty+lprpcc0lnc9+uzj3ypklx2i0lrhm1u6tmwkojkwe56kyhiiqtnlgki467xlbjizlsutb0nyrp+5wz+k9wd07tteq6lh+rbmgm+9bv43gatq9j2pned9ymtxnyooszudri3ceskyenrt5wrnqqovdndovhew12quzcabu8puk7uawfliydtvcezbnkaszejejddq3zq/b2mi7gyjhktjj8/ztudlv2vb4yvxamdh4xwg7ruqenfc6k2ujw850yy9elffixfuwb99rwtavtysl3rc2dlbslwf0vq+uzdvdzwqwerx68bf6cquhkcoq3bzxlg5e5wsfs8/wv8tosr5xu+2yy25vkzqlpnye707trrf5ia2mywbs6jiamv27/xmvyypq43fcpx9razyiv7ifcqwa27b3wy0s/ob/mrfldot0mff2glkkcmzse+tuukpnzoignrhy4hz3zf64qkzngcldevpivfrkuzz34o/y2gm/zvvh1xg+7cvhaxjf0r1h2+k5ko67anzhtzmtj1pqqoatbsa4lh4owg0zqfk1gs0dzboresvuvw+ogtd3v+be1roezc50oqbqvgapsqhw66dwfcbki7d9ktjyybvcbj05tlmb/3oaubnelqslctwb3zv0pzqqd5sikkh+3svwpjhxms+jvauhiqusivjdoxwwyoqwdaua+xqrmaolyecpwtflpi9sxg9rznpf1vxtzwor5yy3zkjyybp9fiipjvxm/vtygnmktcrvj17vir1wg/nehzobo/bh7bdk/5xunyghkhtkbyg33tj3kokb3teg3qtsk0uy7emkztigytt28lhacih85hc9r2wagaxz3asnk8r07auukmv2aebqxkrua4/q/w5ywgr9nq55+a1u9k1ntqwxju5ouyszav91i712jxnvvkxiobgaw6p7hyigm96wgw3lksdz/amyvu5zw8sflysptellcoyuy30po7la9en0pqy+1d20r3rn2hjfoekc8mf8tkavqixh8cec0ovtxuafbkpsgrvckiwgkjr99vf2f0uoyxmiwrxxaaoqlqbsux/ippfu8ns0eriyh95jvp1yltdonbzeaarzqpyyoqkk8jcq529bodsh13dfbb6/cez0iak3kez0rpawcxbnnvamb7y5tmmymvub0nftoxq7imq2ik1omah7a6oscolo5kxvnbs+hnxkhzhby6n0qxbzluwhwpcreqzxzoetr3jvdsorlnohreuhgi/kurrbmxvh0kord3dgkwdpnl3eoufqq5n9wg4ot8njcsrmfchhufrkumxmdfrz/hbunwpijfxji11zvtbpldl6wstfbjcn2vysibrm6qpdmjsc6hwfvwcksupkrfxuvlrgeu+gtdh9szxlpn04j7tq/bx0c8v0nxsg4lois/tjre2gx8hfn94apkjeapd3guvgim5shjcopdsqr/dxdoo6wmo5davmfh6i6ctz4jlw8sucslq3ums7tgodb49btunzqiyxkflmpp73flzfksmxzqyaz8fxnfsfwbtpalw4dddvd14x1l0haoa6jcajmzbachft/5xklu/unsnst14ef1ihrhq60nu/ozeud9ts6soapepvs9sg4/my/rtw/hn9a7ojkor7qhdemfiidpg+aoaferv1gthx4+q4ow9l25dt6t0gdll5/d2/7pyzgzlj4m8t7nhvz/fpjpjfxmhi3whcx7baeo/kctvwzb8ur+sknjfqsdjsl+0yem6qtnpqhknq3zkzt0hizn1mnuwxbigtypyyjtro2qwc4dbsot7dijeuwush0zpjmragn1ioedamabndgshxyf9bp7a3rctuimr4/2ogkxujq5zl8jzwbc1x1musdtzf5z+iioveynghxfzhxvaeed1zodf+91xrls7e0tr7tulejct3ptj5mxfedt0pumupaqyipqwsmiv0dw9uoxhpnzdtmyikqdpm4r1cddknwva31pxkf08e9jjmxwcvvoorax24ak4iakrirr3qxc1s1fxwwnr2trsdthnamnputpemjbsdbultqnimrwi5tqgraf2mf5pkqezdgac4g2d4l7gdjjdmgqhdgag0owdiuw3u/luu+a1rilnenfixzzt0c2vtpw3zc4t2rtlvaz0bzuzjr3ewgfrxmeofqbfb+ti1oxygkffxrux9fltuffsby9myq4drun72pel126clejxrkcr3dqwyuwceqfb1jvkx0yiwvh3kdnohekhlv5fezhjicyrdxsaoimtgrium3lii3wfmr0niwryvgtc7zz0ycopq9ijietyzrtshgllenq75jyxxlu19ycf/viqzwhm+saafw+cwsunqaixa9dtjxutrnp3vlzmhkdo38tcnamwa1vpu9f7jn/3b2dyeevjttyq6lz7mkxfjjf9s7xlvzrzjoxsbtjxjq10w65yemogexks5v/ywphfzq6gihnvcgpdqwuytu+jdfx7ftqjouljzsh9ac9knxzvttieubz2ytotpwzybrovdzxn80aemu55a7aujoxbjoqoskshkwvwzqo1w0u3jlh4457szl0okmucehlffvu8avrohmippjgodvpewwzlstzexrkbqizprbjrp339oi2nomvfytai/jnrcqwwcwqzkzuuncdxares4xrb5dvwz1bm8hzhw03wxflgalpxxlnu6tpvrfnjhkpwo6tmwunalvsyqllirzwviapqzsfvdkyjfpmtmne3hyhzzn6p0pdaq7574d3l2gn3zpciavek7wzne0lywtdudjcsdc9ujrurbrlh8nbvzs5ghkrh1zxritsn867n1c6nbr52fmo6sj3uar2d2ihnmjbuspgoeyz52k7prkuuko9kaqxthwildnmjtie/j6m+bjbzo6+dvmv1pr+jnth319mrroboofvtgpiswdbwlamybxah9rmvar9vtgreiuysj1q6u8smathmdvhq9pdtbeix3etoawd5nkgpk5eqq8ndpc3hwnowgsyzmavmbfnd+pztj4ph/fg56dp7mn0gjfc7komh4pmrkdbnvqp77dwfioznzmcbslc/hq+vnyqo27g4b1+kqmvf364sauhdinka21wzgum6qbmigjk2qcx0hlou0+icvjbojh9icwrcndssumgh7sak6+oex2k8ccdzph+vexsl/wxrxcnjnz5zapdsvinukkwjkxhaa3dpcoazeokfir2evcufaiz788m2++se4ef3ws1yxb0dmch97ewovc7p9kvcpjakzb/bxoutn1lkuseabnnqntdmpguflbqbkwlnvdu4mam4aj1j+zwevvn2z5pouw0t/racvr5cldd2ijwl5zcqnybxe6bo/qqv3tcrsptda0pc1mymt8kqxfsa4eg0c4b5ckxhbif1jcdzvg4pvyoko/gquwsvthinxg9vcyssfv7idaqvbqxszelbwvwjdmxi9qi1g7vrwnlwtvf//ow/lxi8zbcuirgt5v5ojqykwc5br1k7jgguki06izbs8/uokn/dhkwwggyxanxkfvntxotaecjapmauqirwpxpxdpba7oamgkrasxhishghfzwvj37sscglla2rfslr6njwri060viyhyqx34g6ttmooen0ylqsr24gmnx4x1hj8uye/ne5opcp/6b9+teplrpfy3jpwkcodizpcuuqf2h2cdlyknhcvhckyyfj4ngudq95qcfhry9uqnkk2t03qcb7q+4nabnm3idobxijyumzstjdsaelathlg0cdfnjc/mxbtz/ddkotkajb+9m0kn/tm8h8rxasnms8rsjkqedwavtxhjihv7nd1daa1rfzx5o24efxr99ldlckshgp2txw9fximagc2lxpmueuvqcbqrzdfwqhyqc2omq2vwhp5lauwx4xtwj/ahcv+z02swsldia0rj2rad1c3xbzzm7kyzojh0mmiqpox4ncjpn/igkzq4sbj6sl8bkeolpjuldlioqnv4y36eqixn1ipmopk0izndhb7xcfmne3sssmv0ms1vnvcxvn16rbr9a3mtbejn7aiargwvq+5g5ugbbsl4wcrzhpl9wb1ai4mnrskzk7a7c0wpnwvvwp4+xu4dbnhoqnq1bwahhq6h73l30lg8lg/9zmzc+ylveqdni4myanqoasp4+djeqebcmc44kljasjir/9lzhxs5y3ipkjrsqubkrmi2sftohtvmpi7et4yxjsvs5gi1wf3a7embub4d2pz7prd7qjfuhtnblx36css32vij9dnt2q9otyhmmrprz415bv6mjdzgjelzlsdqgdvifuxk60pj4tndfjelxdzkzf06qtemfjpjg2c5dn7+1excsnmamyhmesdty91zbb3p4ep4jwcddhi/sln3qf6zr57dyrff+u04p7iuofugmqgdcqau8mjweurcim9yv6idsmbigvtbbkkb1qdumqwv5pghlnumeqv+55zkomhaz1w/v6yvtr99tca7u6s7blifqjr9s0qapdqmd78xbk4wry+skrfpwbig5mbla5fhnovrdt9x2mqadvlmos3hjyrbutnhyc6hmnuysjmughyle8csqjoy0gkn5zllv8vhk/epkf2veupvno2y6wbyldbthlnw/rczkzu7wrcklh4uaydl2dowqtkw0ssnw1kob0/qftze2glxskadmf686cutk92wkannonqku38djmp4ncqs0qer3jnoydw4bicr3tlunxtz+mycr9jjk4b6e85ppetcowbqdq4/d/+cxnvwc+ntg7cdv5d9vnbe+8a6fdef43yeihu/e7/9mqfrg57bpsx4dndh3t/q7bdr2j0xxtynwhqlgisudhg1lcdn2j8eped6oiqouko3i01uniqczc62lzsrbrjrdeanqs54kf7fz0ga8itudoj+omu+/fpx1+mui+y4teugve7v3b3pkcbpg2looret31pyuurxcbqcoydy43jhja9qritviq7mzcavc3qwnprhw8ofizj4pdz9ec5n5s3rmyjtxnqxcstou3nteoxdisdwztfvwjtvcp76fzodk9dmxyzt/1vji9gj+qftsqzksoymvrszveswjpyod7hhy8kkgfwwon5w8ehprp4v3bpbkncclcne9cgarnpi2lugy1vu/uqnzatq172itegogf2cm3prw1hofzxsklrsam/eykv338mehxjnkfxdnx7i6rtarcjjecfhnrw6lisvv6rlzcl6k6v5rpkvfahlniqdznip9d9rmmknvhdc8jo1pnolvlkk1vwfx2w1izh8wtisrvctskj9auibnuto1czrm9ysbmaovuyravg02ykmrfdqppr7zn7zgvtcojo6esi8kqjn0t3ygrpipiqg5jyfjzdo6dfu04wjemy3znwqjrd7serphng8kuknwop5nmaciijdrnew25xe9i3vynu4c6jar7u6zbnit5sl1fmq0wesja96rxub7atu4t8ptvrngeymatqirom2x1x53d40krxdns3rtxdhuy8muhbiezc2rfpnpfa0zuavubetbvartkfwghkas41/w2h9hxn02luwowf5+xqsmqd5uywpyne6mepgyq6idtm5pyqaypfiy1y/zjf2zzgj8ld1ydgt8zfnjcglujgwuirlxdcwerpg/ip4tk1xw2ljiw9nlpi857m9tsxp2ve2xlfn+nzqf3l3lnxlcbbdpk6h+wutaa7jerondnnshvnqoafsyoe9454ylonizdc+jnypmh3v8gks7qjmru2mh15ptddbsgzky066oc7nprzwxvw+j96jjimrojpxjsnnlcmvju/djilrzuuwuv6h3s+h8yfooqa29u/tz2hf3kwbudsq85p7yetll02bu3st472vg7nhsvrpqze7pwwxsndbxc0fm2fu3izuecwwfhw2giy2jglkcsle/oxssq/jwpm/wi9hgfikzupd49x8do1jceoee+jis134gsmn7q1ieycgwgketut4vkdhn6p09rc5lkesyd25vlkmnx+njtnyec15r2nspelhfs30ys72lvye+m5jp6k0almnw2b5ya+0ijz20f88jyrb+25grqwg5cocvs+53d4wnf+rbgekg2bajcftomw3dwqmrlr53syras5gzot8cw/mct5t3ne9ao0hztfrmeqpjqh2yazrxm7tvjwy7mdzgqoks+ft2xww/jdytkbfhmbqzxnugb5wy1vlmpobsld8y4oxbzroul2abjsn0rut/3nezobm/1fc4q5av1iuzuaay9uxwkny5pwbno8jcgycuzkc+owtjxfkg9nqzkoispd69eikjbe8j2ltwkgkoiretjx8+isupc2gtnzt1bohmas3loiovrnbdhypvenapnqpobvpa4jluydpnkz+h0e/mj2gfcvhnarpowrp1j/tqprm7qyn2phxutsned7lnpiwesi4ivblnnkcw5vlzrgjexxjnlr2chykf1kgxpvqc5crulsqh2fmnpy9oy0rneekuwd/mxme66t5qt5dwiacxrtqrwkgdq0+gy93pakm9py+xg5axekfydhhlxq8ptiox7nw7ujvlyfnojyrxdnpaizst4xyl6zcpowo0e7uaouhczoqpjsfmxdqnzou3l2wmy3flaklo9ylx3i0byhf8kmg+qiiuz60mvt6h+fe+qa0jf2dj+oxmipasnpbkwlkbp7ejzfkxibt1eqzqestqneqlbd9evcm2pspry2r07cqsntsex9u721ldcy2ut9luzu+1gxmrvb9ltmrdz86ypkimuzc4f3fpc4taoqvinctfta4rnnbpbrsni+jfad4etswb0l/9qvrxjiw7wj6raqbcbndjizlzpie3e0xsz2a28iorrtzo2vpfjghrilqyno5uwulh1a1dgfn3n8tfutapenxprcctmrbrs6cmtsj32qqtinlhjpvxhrnntkf956jin9tiwio2jib4s49zbhypnh7gwi9hsz+zmjojllq05f73egvcdcokxyozdbla7nvt6gq1uashmc7l8xpdkvnf0d0htonlqgykykyyrztv5dslsghdslppspzkumejl9etyoizrer5pwfrkemyydqqmu+xi2hg7vtgsayrqh6uuj7gaqzgxmtgttwq2a0ecxf+7w6f2vw6asmt92onixtvc+r2e1pbnyou1p/emm7ur+vzpxl8bwzb7nqboyuh3vf0knmq1dm505z0kt9f0glz2fvks4ybvbd6ycpzbavyi01bhc+dqkixlatnrur2ljod8hokjkbceffsh7xj3el9ym9ttdclqiiuynpypu3g5ikn5qnxhjp6nrubuuqlonctixczyj9v3xdulkwlxget/vb2bd2cxjghyxducbgexnwrlvj55duuwv1tkrm4a7fahnuhjkzrqq9rv8vznsqam59hk+ew0q3bkezgjs4eggdupjcjnuxgwfdw05hihucwlfjacghuazdrtckuezeq0sk+dvdiyoh0hdjl/wxsis7x25ebb9u4ep3g9ddy+fq+ezudccsqaodguywjpwsohnsxopdot2ajqlmhqwdmy06xsvxuyhsjprad9cnmk1w/1f7q9vnmdszelwep7ds/65mge4kcbemdzfxfdiwova0qv9njvzqmrvdhhju9/rtqmttewohwysolzi8mu2hlofsvjog0rrto8qari6d0o/nvthp3l+0yavwu/zcxhiqjjo4fkj10ztq4hhjndee14ygdh7jbcw5f4/lvyjtb2pklr3m0za4yoflamdx2/zhlms+as07yszhjrun0e+fz6hyyb6++wxwxhfdndbo7gwbsperfyp8ywufv7dfqz+igfp4esohdigmq9tgznfmryxutr3q2libsci2qkc0lpn56dlyedjtgihrn0qwcrdm2tieuvhmt6n32zojgmrks2wwzlgwih3w0/zmm+v+ohgulxzezp1mezuvhjg/r6el0fku8cuejimrhwcaumrlxr2kmhomq2yelme13x5um1g9/xv5zpvoqzh9wsvcg7xkwbcxotipkrmragsmxdsig/3mc8eygivdsvjj3hafndtm43ae2ej4rbrwnc3leliyxz4qbwvvlldkcsuii4isecdvvm5nrcjy2p4bftqighioli9fzkixoyeejdx7v1ps0rb5gs/xlejmfr1tvwrduzbvasktw23uxpjlkgp8dzuoqk2hnqs5s/yli2ee5be7s07+yduu1x8z4r0qkwur97mlxofofcdvpoubthi5a+adkmq9qeqtx7vaaxedpgd9shuqauetvhmdf7pwrlgklvuktvtpqedgohro3jdc223tbngntrtcnw3ey7qznsxzij8itqpuquwwjh+w3oz8rmsrhobl0edbxmnb1baijda3ygz90xsp47o4vmhbwv3cuxynthutgn15opiaaglmlgmyhf5lt23muepqxteqpa1yqqqe4er5l1bckx3tthiftxxykc3krp7q8j0fampcuckg/z3rw3nrvtaticbqjuipmosk2pd+ynqzde9he+mirdvbxfcczo1q6hncyrk8qdcjkovt8rt77ii6i8eroq0rmmitvpg1ijaonkwoxuhzyrgzrwzlkugwvhumh5rpcfycbuxmwiiaoqct3gh1qouqud3yxk99qepfwv0aq+cz9r4j1/t5+hipsafsnaewji37gashk7tn7u0wvnbhziezanexv3swfayvmhs1pdao7veb7lnqkdpi2iymrdlqgebwpzrdpeaed7nhtmr91du6odudiokos9sxeyebqeax2f2jvs2+mpsc5c6hkyms1dypxhsbu9q6paudfjfnzlep9n3cl3hlgrlzriz7ybd9i/zqyztpjueyretpxhr8ydlu0oweatksfthuzmxmn6+ckovpmoiz/tvxmrw2hhhb7renkq8mnyjzejwvbcoxzyy8fu2w0mticmyt1vfkh6gsi5j5n5u6mzmdng2kuolleelarkrglbuzwzwjm9743zwy2mwdpqg+lhljaauwivboyrvtyxjfqce4b8sf399/cufzcykkuizr2eunntzwunqid3pckw/lzqxf9loep2uqeapdi8euxlzug4cthov6tybgye0d23gumvfjr1pkvtj9ryvfycdvxx5tndlx+bm+sjq8sfsusbk0jtxxifcm33oqst0lz+6dkesexh8eukeuaffgt4r2ivxr00dbub0tdybrkcetnz1ntmpuzlqm6y7ksoitnkeks8fpuxjf1xhzu5pvv/qcj8zpjf83eeivdxh/umchdvhbpl1gexgvm0h3v3auiyny1/pcxwcfznhplhhdubaaf+5fhfcjdbydxd3jlnr/btq72crj3lml19dekiyplgmrlr7hxun53bv6z5ceqimsdbs3dxt19kcmgbmjuqkz+efp/8zx8n6fvefy5p1krmtqzacqxi1zypsz9bfbdx1xnngb/ne85ygrpmc6tdq4+aqvzybkywn2ehjtcoo7/vxgc7dg9tg9hsuh4k69d7jffrisvxc2etsi/ueaui8x47b1wzkb6bfxv+62jsxbfo7x7rq9s5knb2abqlqotjpls9vli+ka+ey/1zrdxdkexybwqioglhf3ip19eve8mowz1uh1tkumclisgcvqdbcawww4qk5ixwyd07izsi4lztvbyawiasf5duf8glgaxdpetel1mvqiwo0ir942mrdi3kff087oze1isldaal1ow2xi8qlc6hskpsq+tkqd4n3pmzx7oln5+le9yw2shxfktkkiufynhq6+tfrmzxkzdyvcodh+9o0mova0fvnjkeo3m5tacok7ppmq/qnf2vpyrkeay972u2s6gdrhhnrydj7133phcipujqaeh4dtivcpdpaztynymzdqrz/i6yuohwaa44lgm4yn5ircjvztatvprthl3upgqiqgwpn1x72o+ozpzwijkua5y4x7tgmdns1gdzdkmaiix412yfsahvfo3ufvwsa4wrwxm76r9je1qrdoy4qngiyygdhbyaezlm0ggmbcgxc4aildojehn8o2y6b+mxz3/el2pcy+yjrhm8tfoacelzm7omwhgvl0dw0le8ufegfopbnge7zduwcucxxdunom96wkp1gy2b55fycfgl3ixvqfq4szxn4rd3yx6s/67kj85jcpn6ed8cwmnubtltp8fr3betyg0njgvots3awxlis+rc9mhedjwtclp1hcqzg8vxeua5r8votyvakmzwffzru73vvusqyry1btklig0x0jugs8mh7dbre7orgotphtqq4fpyb9iz7muhx+pf6ooe7/ov3uesgrmbovdscfrgjcl8gzyvqgojvo5gotnrqrk86vpcnhbgjoyzekbkgajpqrgisyoyjhyy5i2mn0zx54cktdqze6tqklemuneli4ywvl5v+9ztxnpzkd+twbythe11ohzwwfcwiyhc9me8zegrpcwho2kw0gxh9zwgxdeva+rubt6mgevrofrrz4n+yatt01uln0e1ui69extnech7yvxpx556+saz0zwiy2eu/nue7qtgvcpvwimxiyowpt+0ch33ejd/2abo0uucl5q1oy+7yzbaefkxgpdgi+cgfyzdjb56nk40k5mpx3xym2x9dnbyqutahgido7jv1ppssdcty2rps7m/1w+tbgxy6ru7tyi7ev6bvvpsg6e7ut7v7zhxjq17y0a2pydklifvjym0aknsx+jpt3wolertfex/s+axjaotor/nwiy9hputvk9dmjmiw/ze5txiymrye9y+5rfnrpm8pst9eu2cy7u94cfnj5s8vdbu2jnieonqe7djrezh2c4vqdsppx5p1w+nk+nqounwse8jnbrj5bapomj7l0qunyytzyig0uyxxts7p8lstleu5bhzcvh0vddoj7biwshtylcbvlyvlpyq6ukvlzfq85od/osfhfj3sowayqyb1xyfada6jmelle8leabxpsfwpdr7zyzpnojmchsa5okf5pwuwydqhtctq+wuckzixtpzkxoflgpt5vpizatrlzwm8qhzn+drtcmekvpcz7uwggo0nybw7deeulqkqxau6/w2hnlisyx2ibobzwffmloanzbnphrs0+xdrdusz02hkto+zsindcqgueccaxzsumbfk87+wcgvkqmbh+d+mlks3gdet0eydlv6fndbwxtkhdwkferuhmty5o+lfevfsxso/0ftqrw843rhgsksyllv9lvbh6wao6ttjcg7wbrrwfz3e7bcfusywoxcovmwmtwubjxeq7is7pcs63xtxrvrq82bugghcfafh/weo7vwr5hmpxrxzgjg38ao2evy11vzu1gtkgxvfdisqqrg9xrbk5cvwjmq5fqqx3beup3mtulxfg8mjxej+yk2tmtdahz2lgpkh1f5rybl+jd9vmhrsjgjm8k73b92gol93n2/rlkuzz1vjxny5pktqbrdyhi8++yaraeme19i14vebhteibo+jn1egg/bth2vhmr6soinwpmmjp5yqqd93ql0hcmh+y4hrcygew/ctmwgtavvontssej7ybysdpbrrswawpj5yopaiv8eymxmjovaeehsazm+6tysyvin4o3m4gxejaqw+pcngwqq69weo2qjq/jg+kjwcypsh18/hwwezqukr5xpe7bcpp1p5pssdqn2zshu6yosiqf5rvx6jkp2fiai0wtmm7eakiue0xklrfih+iaxikalk78e0s0o046lr0n2kcj1+e56c9oqwmi1zidpmikb2bwvatvnffkm4qbjd7i+vd9d3/lah1kewdtppepoac4lnmmua1nf9zqsc5pj5qrrpjpmw6zuz4kgizmmbkxh5qkks2bldiaxboaovmkv8e+plgjuwnz7hpxeh8xewl9uayrlo5o5gkofhqji2k4qpdvbem87vr9k1ezgf47v7bdrd0ejpk2i62fsyyofdtsk3sxqe4eqghldjddahgqfvyhezpgdyr2sjkjm4haxlwzysgaxhjr9j6cfac1nc5lgwrivyaq8ix3mcdr0yb2dm1c3mptlffvu/va7nmtilkrakjclvyecbq/7r9dpjkogxltiihhhz/oyixmoabgx83ilo8+fneuvr25j72okzfycu167bngnkuy9ivkhw32bgfg+clthlff2rpmvisuvh00leygcivto7xbrf4xjxgxqk3zdkqvg9vw0yq0paelopb/t0nvrqj2/rlkx0qcy7ssrfb0rgkkm+jrqdvgmbvabyc2wub5vnc8hnhvlgkzo9t3o8yf1rw/ckhypbxqi8oqmsxgdeth5bqn8/t6km/xq2lmvjom9vbkfgo12z/kayx1yr7yj+hh/aloesppeesv1om3tbmot0bc5espklublu4ifvaoeri5hng9tw8bopw6z08k437crftnktoie5ttamspm3oje5awxynin+u5i0rvzxyjqacgridaxcp+9c41/wrn70cjyeqcfo/nmymybm3rm+nbf/lhmwbpm9hdivokps5v7zx5j57eierucwlpw/x82blcs5shsu6ao1b0iv/lmilkryasxvjok6wstirhtxadjgnxqf6ajwfnyxl64v2y7hw7haxztjfs2ergugvinwfvbtzfftntjot5v97qa7sgvtyivndh15agky0k+wa5misu4s3iq7ck4e7k7zh+wsijky4lrqlyw0nnkl+y3h8rqtrmdxskebdm3ekcabpq7eq2qgr9mwi13dgo8xmnvcmq2othd3unkck7qybleppcdzguvisbhspxanvwxuwzkafha6q3hszudkipzajixig4qwjjif8zcib7szf/p148f/95xqvq0lfjlpc1ps8put9bc85slwjfpsebazrn/8/qiq69zpyb3okhfgd93cvets5yfdu2i4xq67ejpxl7onidyzmvhhhxiuv7asr88rph2vec4rcd51xub8owbuxp9mluhwudpuxvizaznydyl5gll3exgqbdkk0o3pki6absxt0guxhgyxncg3enhnkakr9lxtnpr+d6xhlyzmwhdnjoqz1zxcqt83pbodixirdwea7dc/ddw4kqkmdhugeytianmbccrmexxqxz7b3lwbnsd386hldugxsy3e5j5opmgtrbveviuniblfq0nsgimmacgyv7+ajkuukrzkmijmtucunv/wo7jgel+wd2nbds/qosqw01uvvapwec/wo4h5gvdswu11azy25rj0bu5itfghvld75j2tye7ckppqtvegynv4mg9jfvrp/teyxcbr4cxyve4tvstgop/wokwelwwczx4ririfanzyfohsy5vuh54zjs1pbfidxiqryqqoteuyni0sak7r6l2src3u9na2swwk9comobxzkzxuz7xfqns4162/j65bbnqigfku2+uccwcqfgyvhgvzhe86v3z5k2kefgkubrnqsltt3soicyk4xpjjzuppskvlyvhzcrcyndt14doszcqrelx/ppjoxuqauthpsxa0kun3crmnemqba/guz2z0bwbvmvgn/qz1gnygyc/l3xqctmynxnks/zyje9ro3i03ekbc7wzk0mafok0oxvsnik4smf9zeqffga/yi52opwwqbfv+eb8j/lmward/vyphtizi4eh4vvxo7ftggaqs5g5wqsriazk5rjrvk/mleykmp9fdoxemxtyq7wqjbrxtz45jglzbenjqwqrolksfexfkt6k8olodp/2pu9c59hyxuvqrozhn2jbtzn5qyh+7fb+f7p2rgb9stmmxthaliqamja2okqmhu/bwjvxv2y7agdtax8vy57a2wju1b7vcd3el4nk0n8jetfq9fgp2d2hlfokmelmzisbplzarmfi/gqr/qx0j15vqfegw/a6qn3lfsuhmonfavgq84unqpxgncnoqzcgkew5q0yqtvlhgrstzmzrgbsqgij2e5fs6q+bkwcu5tlh1wx7q6z+62kfbdcffmtvwdtxbl+biy0dlah45oip6yjtxrlkguhh8ubxdrm5i7je0lelbohbpkh+y/pf7w7n/sdv//23//lb/3bacuvpjmhyqxvb9zuupbn46n9/64/uklkxsvncek9oqf+bkkygpdyxbj7ma+wm//w3//vbnzirgb7pqd9x6h/+2292+d//yz/9n/+2v/+n//zvpmu///an/e/fvut1ffwxkusuicnw/s3sbb59fohbvql2sfy3qosf+n012ahdgzakgn1iwkdneckgzefnziw8ftsuntv1thuhvfog8mu30lod71phheh5kwywopnhhcwgceko9zkzw7vkebzf074ixhki+yrlw/ihplpxgmxntajiqngsifuafsrwvmod7hhvjl49mwvv3sobpx9nbyxfxrokveneeo5xcuxnyjjw6mtsjfqdyr7r0pkb3aysqgvakim5rypsgcnhuzihnkhraltbptmho8gomr9bapurhb9dzukqz9gjpnyuuwenpdxecaxtqztkncjkz8ftibzttrqbmk0luj3u7bafssmgjffxudkbe43venuopm54sfc9aedu7/7akgxhcc19wxshuvlnxh3p63ueuuljhjuy1z1pgupgpbjkzogymzvcrzxxu9wid/tn98basbq8g1k5dodsucwaa2knavydx1bodki2d2yhrwdqtuaigqiax+mkvt1x3wxips0lw7wllpmlq3zvm2w19sez0ko561ohgmqbktjdgtvz+lxb/oe4zn89lu+ojxjupkj9tq7bklte0kg639ct5e4kjqmyc1gtqyonarfavnh65gfxcvhm0rsltdg+s552uxmig+owpkxyqjvsv/9rd+cmieyse97fdl4o5nuxonqr5nrt/f/p++vdjm6h3n4dkh3rwq5nblte31qjut2g5fhbqm0kynurw79vz1v9+nxtee20ojz/iojkaqvebgg2yxwklxgtihs67i1dnaxtlhhsnc++nbxnxm3lirygsysl+blbf5cojbn5vza3qzfhfdmiwnu1fccr6migykes+bdngjwnwazjt25ro5dvquplj8kmpm63n0vuvitm72twslv3ftqboaejxuz+dcu9crhwn+x3z2nhcoasoprxqwbl9o4gjwsxxxxwgkd5wpcff8wky850ob+gdfiecpmttlwl7zcz0whkg493bm/dlply9e755uaoizyyg63kxvb3hmszuscuzs8z6gug7izbqrduxrgv0auoykbd7jqm+i7ifzidd0tmof1fop1nj6qjflqytpuemqeqkuk7dqtjb/hcrxlpzt5drjqr0hgjwuvnegj032jih13zn4b85ylqpjy1fqfjrxvy7u4y5tnm3mj5itltgvhtvoshlf0fvol++pebkjbsdy7v7nfy/ifsppsidjrtfhh8du31nr/t48q+vt7psr4njwt3rtotgz0pk9svnryi2jc6g0qwh909myeriq45iqhrzde8sy+q3ekpko+t3+9gckaxwq1j/9azuybpcqoqgg1yzdg3pkywqfqfmdk68ggk179xxxziul9nfhczpwb3jgmjaichuzkvkx4vk2p4b+usvxz0vso2bvt59zafnde1ewc4ewyh7ly5lauo896k1pf2olwaceoz+svougp3pek0wqrlnuzlc5/9wkc6ewiw9o7mgyyxp6eh5z/ubjvhiduxhkhzpjo+xtjj5klnu5jwznu1oxphzo14ntvbgepupg3m84rr1/wvpy/wvffm6k10c6a8j65lj+a5uz/oxp+aufnecnpitw7fgiz0mmwijz2eenkykl3ultnk2o6qgyhjnt4vopkaglejghuzuyomizjfq4pvrcd5r68dfy1oyoiejrjapz95fv3sa5sj6kqbrsly5nfft4np9gatuwx3th04a2jh02v5jl6pdrazbejl8jkh+hjuvpsu4zafhtnpgvdrt6pr2tcfiua1oc8ehzroux4cxe/mueiy127rdravgj+3hz/153xo/anzeqyaapcvvykppvvypgutjchreukkxjnzheyb0ua8dopyw2fd4ebpnea2yvuk8988seus39hi6n5e5d2v4hfmbqdmprhjijlewaih3tk3nkzaz93uqpr6wqkrfy9pwj29v/w0hb+jixdcc+/heghars8c3nvm8hnv190o/69fdmgoqu8xs5lbdzllcew0nsuwugrtwojsxjl/pl0yumqooemkr5khcsmpzvrw6vukdgcyqnazwkrfm25d+78qrfn6dwavfugzsdvtfhzeqj6kfbweic1qxlt8hkcw3hxzimw6qhvgnhuk0g6uarhvxrrg6oxro6ihl/bw/crtfhyduti2fkd1ufx+poactir92s24dnltcse74hhc+f3fz6khucuvfet9evcmmldcvtqbaadioto5b4g0jrweslrex0t0oa2gmr/xrtgbinerx2d/c+kjyb8vjg3a0hb+cjzgxafdmrb2tg9o/9vbiceesti1qfhod6abkqhye4qbdsa5jbc3hiy+arbztzsm+wwouqltskd4yxexy+2osocdxej34t0nkhvbzkahqvkgeib/7tkhdbjbz2kxj0hxy6vyivveuticr1zlhuiakb9pd3btd7tx3harvlsdpkznw0hmk8kc6s7tmibebetbvq8f4v6cqmq5jnfwoxmyi3ljvypg4k43u9ac+awpiby/ayvepevqoll963g97jlcklfviolvbqkb5vp4lxe1kygwj1guao1pvnirotcrxaxb/j3dsjlvfsd1vcuic0vqbxtavu/ntzflfu8gwc3w10cxug+pugxzfhz+cjlxuyd78iaoqpve2e46wclmvrmrchipq/dg5hyln8mgsdsezqqbw4xcydcr+vi7l/cfrbeurj1z02tz1vsqa5uvu+kfnb0edotx97mjzsd0cipnfohmappszqwqplampsnpcml1lyl1ghx2kyu6kn/u910fakvkjhs8c1mbt36sjv2+lytuup1e9bchgtwmylqyssyvdll9tfp/z2fadviopkgenbdgmtw1httktq5rrannjiwfzn6krrrcd9lp1ih0u4iw1us7vx3txombao2iy6oyxa4nxu6quw8qmo5ixtsb8g08a6regsfh9nokq8pzracdzb92kwlsfbsveyf6vg7knfriuv1mt+vcr9lzrmhl79zutw964u7dacsc71xubhxzazcd8zx20k7pukfz8bk8ghznanvv9rsrl8qdo3razo+yo3gouhfv3nclp5dcmhfvels85tktu7wr4q2ombrvwc64x+de6b2dphldmbblebx2eqm5vjfjqdwzdi1kcykm3bqgyfctanrz8iim3iblzrrdlmssf+2wlbkwylvutottaqxipl9nv6rlnay5npd8cgzqx2gxsvkp/p/r6wtm5bk8tyt5e+i83qimyremubasavvk5dqfdvm9exkwybrwegzbvf+aacinw/1ui5x1leys3rrp7g7vfbfdrvtj68tijq/ftnoj4hv9fzwua44quhfkw8qdnhmhlevds6dmsjowbdips7elbfilb24ek1dxjzuv2s1hblt6omg7a1cawz+fp80xyrbwfbqjpe+iafdjx258k/fsbljw1+jwp/jl8o5hzoz1earuyrdn8a45c0kyn8hx7dmqjb5aorqorokr6widldfu4wpmxzohyzrlhpnxrj3ld29qwd8lya3un64n94hc27v+z0l0x9pb/fvpzjwtogblmd8s38i3h/smca4vx9lcm+udbmf88hl1btnbinjrnhsgwap3wls6orsnany4tzc/qykcl4jdd6vxibf7bgimb37buqlr7dyqsz68w0omdnmojxu1u6uvmlzqpninuxr3sfqcecg7lxbnlwnmqxvjcyes40klvmjpmx8c5l2vlm+7izxefodd4laohesqnin0zcbeed+lg7/dh+0gz/bicfixbmzaexztziko+3atzj5x7hxtuvr4jicvtsldvtlipgfraftwysxo/rya99pvbhztiltfx3+eqznxojdpyjfoybbuuhvtujw6ztzhjkh3kn+qpjjerpgmgmtfzixhoi3m/d+jc8zpuky5ca8to+lerdm2auzgwhzvygowjxi7bh9wg7ennkg3jz5la7hhys5vm/clm19urq5dpxj+qbqa3mex8zahfegqhsfvlqp2ktc9cwiltw2puinevgvx5b6kkj65j75k/ir1antud1e75cq1tdst/2i+lyzwv3gs2jnwcsbejpsm+yt8u0ubzs41vn7vvvfml1o5nmj9m0/u/+rpj4mo6xngny9oxjlnz5o1pzegepgb5bzg6ztpwjmjrq6mtl1vcicfuky4j8pb2tprvgdisee0wpoa5oom221batjkrpvia7flb9zn7zwtbdxxlpd6ifmdh4hk3do+44beyaesxzn8mwt+gu0yurfsg5qevweio32arg9ajwqy6s0w/avdcsch7cmuixmijznu5mdyvhe9v+e+nuq/pk7y+kl9btp1udbv2+znbs5hlmfe8xgjkrdsqxhwrsouvpwixj6sy2eokva4rrfkgouvgmpz0mumdugmjlezsbrxlcax5nn08srsyfnpwypwt8hzfjspvi55h2lhp+ss3qhqhebug1zhtg9ykvep02kl19fnesnw5gvyvx5d7jrebtuc54fx0rdjtew9dezx3e4/dydt9oov75iciycngtdl5lustcioqepvn0tajhbcrejtspdfpensja/zitjg+oprfznjxl6estyqqiu6gefzj8fwwve2jlpez3z+obx3a4lunqkw4ztmxh2/j6umhky6coucnyljruzngmqnmxhykj9fibnzqlqsl4sb5yw1m+zozwik79tbrj9tvzkqj5v5ttdtfk7nsi+pw1e7xdnpx8k5zjrdbcfns1blcn2h0avndmiqfo7kvwlnvpg+vuw1dhtwkpvwfkqb2m6ybjxri80s02l3assvfn2qnwr3xetbmp2mbdu2xth7u7uaoib/vd9sdu1tgaw6txo6efinqke1uuhrltuv3qwl6vlpe9gl+wa8so1p/ut6d7rt7xyjqywqpusxbi3/jzj7c1nord4ihoa9syar6myuk+psk6nhuxuskis/z1vxububug1c7h6n5ydp4mfojyodpahex0jaboth18yenotbotjbdzqljbsxigrz/eheobyduwsnp2erc4mqdezu4oxxuzb38wfpvoj6ki++ldjuoictxh64qwe98xbsqqv2tnbb2r1yv3gyq06yowjx7qrhtfb3unft7lw321m5r51qxlvz0em127gnyytjtuiou5ceabkzjq6rfigiii0bkpfpdepyyuneg39o9jrqp4eumdj8ie4x13kh8pq1q/wmke7lldv0zkilfgvjbjm5ztvxbvmoknaxlga1jkriryd0vvxayjtrap7eq041mm/sbcheuzfb7ibknll3aouifl12jemrgmt2ayjuv251icbhm8fcxxbrpdmqt2u7quf6kp2xxdohxi3q+nyigixrmaa9vlc7bmngn2zb5i0y+7a7ajytetuacytprigu1pxe+m1rsms7txopz7gcg8q9yzpdftzadmeidw1rghlwowhhcr9wqthanf4pmcpd8j5owsmbgw+brdxkbswumuh2umxkrfekp5dfs0b8eo9oym7aroq7dm1vznh2z0dfml9mdhwykwl6b0tmt68fkh9cs0zfifya3bwudgubiogyoleimcwegcalv2ij03iiljdwyhv2cduvho1kmjgtoj1c19oxi29imxkaznzankesebnevy91cpjo/cxxbe1he64diw/chxnmqc6hggpx/teukoxomkwf+ycbucaykac+29xilzoqyorbtgfjfdy4gwoh5mjwrlrqq0a1k4p6nbps72mdqnswcuz5baljybpwdvketfvbsznqamtj2voqhwqiizyvec/mnigr47q+gykilruk2clvmfdl39ftfw8j2ixm9u0qxckvlm3aiax9hlreei8jp+nmvdtjepi/vvdn1t4aoiep6fkgayfj/bajd7bhtpnrykxzn7wljtr1b5ovlrtqtcnkdrul0wvtgjmgm0hnyo6e0lw5kuvy1tfuxvtnbmd6pnt2fzi020jgdybinni++freydxxjaakll2isqjvmx1yvurgqks/udgj5sa00721yxrdvas6spwgobz+7cuw0pno7qviepcivnfunolrrkwkjnnt5gyocughylrjlwgvuxylgquw1nfcfvjcvtpv7u7kprtqhs5oaiztmhuolyyeswec4feyfe1kk086/gonzhpqvatyupuokchgyt3a1nrprji3uabje7tafuyj6qqbkelqlx3ggd5sb4bhpra2ktnu+kl6ys6q7vrusii8zrjs8llyk76wnu+w3yibsp2iae2vsdqu3uumqzq8d31zjiwtwnex1bvm3pwk9q0fk4xegqqa2egtgmiyevnho5oxlv17ptl0cc+jajofc1alxd1p1la+yfuhrn1hzr+9drcunfa8wrue703oduskceasgu0wpzzeg5y1galobkfumywbcduk8mmedkz199oxtnjrh/tkakpghjismwrlwc6j1+o9tydkac2qlnmqkzf1pahuu4xknn4ya4vxqmaxasetfsgvxhw81latkow2rsctj9cizvpvxbkqp+zusc91gxwxy0pdnnhaeyegd9rtl4h24wwiqehdkh1qgcek9kosqdfuyq8rqiw3oilmnigraljc7u57nb15eo26eq6+bnymc1vn2llmlgxlduivbymr8bwrba3g0n/t5rl1v3shcm+cu0bsdu/gsh2pkvtfyqvxtutkehj7e8gz/jmgbnfmstripc+hu48qw2i93zvc+t6xx6ufsscfqrdbhik0uulgf59cknzpojpptrxijruih2zpncueqweroroiyairqnet1j+9rqh0pkxp4ayfnczfmmnabc7qsm0kkq9vlzu+p6mw/ck52o6j0pkvflw/1o1rdsbrx7pqqbjkgkdp7b5xzgo0q0byk359u6/8bby86zvrxe7a1oad+mnd7wauqe9vbvykb+lm22ab5xsvzhpzvjccsvqsnl83joaqoinbtumkje+9hwemysvwrlwx7qzfznsoo7zyrc8tka9v3pw4sz5iy5ijbxm5vpdhwfs+piw7cuezlw12uy2l5hsngwt/wtyfzvr6ok9ipmiokoxsvfoi8+tyrqbq1irmyybypcre7mwix0hpwqxjn4ajylebitfmmivvfrhf2spa7gopzyt5bkjchaj9xslumglrly+pntm19zjbpy2xd5yfgc07fqktrsjfhnuqmutuf4tq0g3zddxh9x3kcjwix/e8wguhoesjeprdt8u/d8lnpi5ezdqwwt7xr9vj7m3mfjsh+7hyujhz00v+w9xudwpyn5+ikqe6zxbioi0mqxqpdojnjwbzvltkwcx5rpxpngamwf1eynx5ipkfb5yqkw9euow3z7rdm15fc1nhri9w3jhbqj5217ngqhgyih7lpw2xqqam+zqwcfwgas+qilqsobjfwyj3cjbsuqtvwceackq3x9225ovxshkops6udgzzroberyhkywoilqdmrh2b/7a586gil8nerb4c28ktzznipkonwls4fzu7om0why8umynqpnjr7jgzuoibibu9x0vpstnmhyabvvg8qydqctbmcyovtpojizs9qulwd6a4kubatesbo1vnvtwjyb3ntmnkk4mjqbu2qjvapdcxdaq4ws7zkaly26wtrlruhqpafjc+5akn7ex0z2dhj2gqvkmnse3k6r7wyyrommdnxeoaaugk77jqsiqogalacfk4v8p9iflmjypp9v4w0mgqoujn7oqibpwrybzljg7srgnzzx0hkrdf5hyw7j43t6mvepjs4lb1bcpwpancq7abk7+dcx7tlrmp6zt9qcotrf1xgehj1irkpor9qy3soaxvlvqozt7lrbshgokv1y7te1jau7mbo9quu7mlu3sex/3sb0bxtvmi9dkpzvzhsrq3kszhosaiviitpm+h/p7uswvzhzewhvpptcqh7l286lkdvxpjz6lhgmuexayodlytvvj34pcjnxhpjpporimckbhnqqcwbgbdmgg39fz38ogaxt01ktkrdnzzl57wzuhqnj/1ulvss4mdvlo+7kus8fgtvpui2p0msoidv1qo2xsnipsd5na21roisylvdhyqnhf2zea7omr5cydfz61b+tryi/jgj3mycg0nzssi42h2x1w7io2y6opjh7x1ikr3m19oyo04ipdakhxo1nq1hawelwzqvvmwipgz17p7un69eqmsnsfi7tpxemz+edx3tkknt26tusy5iyshxx4slvrx3cazp0fs4g6ycef0tl/rnwcqdu5pfp5fnzl9gqdyg1lwi7qzzaeuwtupgzyb0avbdjcetl7r9j+lftnskul2ylusqtshk9o3efmfqz8icdpvrrkpbkp4ub3uzhlgu3jg7o/akci0ktdzfawttdgofig8dcur6h1jngegcavvcr0gmtlpa3/nlpdtlsx9/j5qsgdu5bhw17kusz0ldu7gxj17grjfzk9vgq4b1ypvffcfgerq6ccvia3vc6t/uog+bwgd335sob56cu2p45tp5fznciupyfhmbombbqvwaihqxp+hu2zpe/okt1frgzcire73mlzim80z1vfkzpq8qr4akrbr/fvpqyu9c172ld4kwvk7rpkntjg4tcsusxzdehef7neh/tduhyjfet4fn2rkcrhvv5pt82m5ddnep1wbrqk/lzpxc5hguxybmdndehufnh6rcd5mlzn5ejwmo0hkaqz3lbwsr4vbnkykthpxuqgv3tybybkyg7tqnqs3cq9andtaywnclpuzu06vfs5qb7d0rthv3l27jtcu3q4xhohzhyis/4klttqwu7p6ko2kr73v99gjt3lcnjoczseubuxm+4m+hw9rrz6y8ahohormvfqvxhiecwzbmwhqjq/gv8swgvjoosxru3q9v7hep4njuy7dxo/ibfcyorsikiwfj1cvwqdhxx7tbmwbkqg0a0fsvekv51pp9ptbmnkxvr7szhbizzfm9dz3jhheiqvingqlvadbfayw17qneucxrdq75ro7taqs9etmxnbtutukdiukzxercqn3d7wskp+mkco2mwajwgaxvywamnebrpb3w1lycaprdynbqpz8wb3yclnpykh6uvef5vyoqm/xhbjzqeu8zfw0veotl8k0vk0cpaqcnri8oistn2tvhneinn8pu4y/zlojhq5gek3unl0rccubefvxg6icqov7hsvmyc7m0lc7ru9lc4fvm/p5nps5vfvqinuoczjnmvproqqaivdapdrhsjye/q2i6cccshcr4pk1ioh7k4ypdglcjxn8hd+smqco3e9z7sqz9rzkvrmvgr+tg/zcnw1t+rnhbq3jwzzhrkteuepvze9ccqkwjurq4yy+jj2nm0xeahzuvedudsz72iqqie+iw09zfcoiurt2l6s05xdu443arxw9jtd4vscexxac89p7c6lkitbodrrmx+irnx0asdxia/kykdgiufcn2mbk3jssdjmkhcyxu553v2+a53yzoh2f0xp/qnmclnmw0jfhh/r90p5gfh/dkuimqmsao7ugex8efvvw7ct2w3dkicewzwhg7zoymhn+mszjqbowusmcfsjqh0oqu712dvc3ckzv14xfeu8cvicqi6gdzhxsacy1c+ptdwplqj0oc34im3tikgrq1zhv1y7pclc3awi2i2pxeqnfkbyksdpuwcvs52wrrakk5sodfmqnymrqcxjscpesnhhilajkrbeqla8ti1v0cm3wc9jvv8lngojxp3fpgo0ktzhol7vla1habcds1iaoqd2gwvstjgpyaavrscxda1dk1+5orkdz0zrrx7fsw8iyvutdnf4md5kvdsioyozudxftci1rhz/jokjl5zrqyzyhndulyr+9dopbwriwclbauanodiyt6cbpomjb4+++76gy1bsvy/h656bct8taracz9i0zz7vnlyqttwujd5e9h1xd8ozqmwppoxr755w/rbmoyepmqb++ffydcbpvbaxr+q7acbw9jeftjhjcscowbwykspruaomog5u9oerabobgzgniy6ifumzyshekaoysuumvn6tng580ontpgndf+jwthlxmslityxdovt9ovdfbhla7ehpygsdcuhlpwq7zxpdytsvdjg3we1ls12j+ox2ds1fx5pe3siqonsdvm/y80rhrqroe94bjigxhyivfoxikfujnsoys8i/mm8lvpft7kvk0uwl1iu+sn02q2y5fuudxme5fppjv1cr736bt+t3qguinh1mwidj+na7feguuukupdtdewchdmdahdoc356fa2lbfopssbdgfn5u7b4vmf8tgo1/+ii0wgdzwz42dkosasiqjun4twpivbqbdfyxysz10yc4cah5ys4bsjroqv41vuxhgwxez+6ejmrvltwf0rsordjrlfrzqnjelgduoayz06l2ehemvj5ovdoaunbx2jeiiclb7zbtryx6qddpyol676egqtkythza3h9umizadvgnovmaau4spkq13zezrbcmqvf5ppkopdwwpntnesusqttzurtjwivyz/u4vf0jkbyuy97b53993m4iwwjmkmtqucpm2yxpmuqgs4xv6u34lri0nmuxlxtutj2xx0r1djb+yrcwkg9bv2k6fyzwxtw7qvmygaopqq3ifosthd3fertcz7rewzq8ry+cpqnllln3y6fmy1sbm+ugekk+rsnsntquguvvrs74m+cbiicf+1ae3iijicyurnacfqex1ylzuqnfiuveonirsyntboflndbqwydubczasxnfaq40joqzottrz2qyurntneog3y9kkkx7fjhotncyok40ijw3f1p+e3xkpvfy02h3rayteukckyhm4ns7flqwrvsdkzsr5vj3uugejyk5d7bpv9pbdf6lfhzvf7w7+v37zwxzvexysfthtfu8eexgybgzi+uicwdo8vpuncuxruwar5ryrl6xno70x2gxlvwvimu9yno/1dolg7uaanbuyc7fcrofiiq91luk9q6nhe0hyxgpqht1xwsrsifozukx0k7nrtp65t1rkqlcu3bdfxc1r2gfx3mlhygud67mvcqdcdvep0+eqt9gcdeq7yl7lkg7lgfie5j5l1b1kvh2zrzcuo7l+soqzes4s33b8+eprzrs2qgzy7cdz7m9duo35tvhra7fw0z3ox6rnpxy7hbsvw+ej7jzziushrypk87hnab11gr0ah7btvovdplh2whn3ksymbyodfrxrizjfcncejmqbs3a/ko+pfpuzt3gm6jzgtqtbmwdykpsgakdslqtjfgnjxy2lholt+4rmpdiso0kietp4nquffaxc9v1mrd0citsbabda+notfxotwilnnvv3w2auuxxcomea3pvquqf/lul5rrq53ssiat8kr7bcnrshdpjv2syuc/78ak5axtf8cqibk2lvljkde79bzrnoo3hcpm7a5ecsv7rvhv0hhzzxu1i/uwlibendyo5d4ckm5l125qadzrxkfo6iiead5vggxjakefl9s0wvuk+zb9qwk/h80sesyie8cyrrltkblwghtxpygbop8n4nwjpbfcy4vrs5f7e62l6tls44czctt4qhzedavjoteevnudyxcphfaxxplpvwcatmyzadj0bdov0ex5hp5i62sindmdsvcdgwfcikhzavjcnbgrzn9joqpvp1lu+xp2lr2pejuenoplg8r93ukllkbk9i+ejpvsghcdl8e56tmbby1vg2zolkxf8x26njqizigtk2qs5hshu2b2dvm2y1idau7myps21ctvcgvqc1mnh2clrn6pcl2uj2wgb9twdxd3ubwrdtlldlbenwkkandnpail9nlp806fvgbziy8uy1431ukimmnc007cfm2g1uiyv9b5wu+rptrfs3hezzwrd1zm8/5fwnku6zcvmos7vbu/tbm3uiswx6slghrp3qyrpbpwn+2ddvtkisdtnth9ojhd/jak+d227emn9hypsuda/z56lf2zkicy+z1g8axw2ppqshdeuokz9zczgiw+cnuqt/6apqwppe7ozjiseffwlhkx1bgiv2msa2bd9qt+rlviqyrieu27urwvxgcnf028ar2atdmer6pzkao2q7nwqpzjouwti0wfyscbvh4dshfcyqnfmgnyypj++dv2ryo1xyo5plgkjo/tazgzxvnkpkvvdtu5ouk3ibz6h3eof03b5x58qqjjomqtl+3o/z9tr9bljdmfs7xd4d3qcrbhstwld/lyb9xwglqetqupgawd9dcsru+vmnnkekxi8hx0oqit61c71yt8rfkwryttthfka+53rhs9ezbodt0h5utakv1givqkpknub92kliyy97uwk6vxbr9cahi3edngg2y6q5ethnqhc3sllypuuadfrrfdrqtqj5+hamaz2zpw/uk5w8p1ucsa6i5b5hqdwegpxkqubazvpn83fbwbsudofq9e1v3cuqlwolevokadnz0pyej3zsmloppvqaqn3aiirveoo2srtmijlfa8dk/ra0vxyorv/vvndr98vkev7rmac7asee/7llbbgrgzwnu1mycxl5rxnd+xvuif/p1xs5robdubhcec2dc9mn1ds7gxes7zr/gj5paqnjr1fdfi4pwffmyo1difdg3jys3yvkoryokiigq84xc7l32gc+m6rbd6v+5x63qcwfq0wlmm9bpiyumu13u1zry/u39x/j2gxz7ygobloxszb3dvpy8s4gjs+i+gqphkmk0aqluwpwwokerutfcoxpsh5eni14agtvsroi3dbjhzsvdlx20grnqfu8hvgqkimvb2anx3acqx3xhbjo6zopylnnd6wljeg5dwauc2trghuawbdyumjnnp7w1c7kqbzxahlrfpwmw1wkiosgpy4p/jnzm62mbipfwtjjgnux7vulede+v8r2pukohb08sdkggaksx9ybiqjf4gijfg09wcy8xmzfpjb1h8y9avbevbzkhqg2ibml1+t2209qz3a2pew0ix1ytmzutynk3uw4ru+igbxz4arbvyobepxiclnk9qxzbgykvoaamahij2n7r369smunwzztey2oihrmdco/07sbkkgfdmpvfrfsvdtzhfsbwm0w4y5i7vi6krnoljavg62rjcvau6w8zndejwropetgubezwnncjrmq1tmosf1ze5kog5x6zte8oyzgoerrt5xuxa3gw7mdortme6qq3wmzjxtqdnlm/hwv2mxd4rgpkmijfegs0ttjk33dncnxacxpnu9bsh07gnlr6iels0fzfasi8kodvpsombwieutclfwckchxvpcm/psv9wdxrsrafsubvyws00mqcwmyagvgiv9gowcj5mjpo9k+agtorj+dxufcyt7+0ffcbvhozeujwrvhrgoj97jgfq/zlz5vjnwl93wternujm/qeivxirwyg4hm3il1rrzcown23i272uaup67dgud0mwuaxxqc0yafdspa2c0metfxk2mvruw74dod9ld3finuind24pahjfvmzjlncff0on9hsjum2qoxv69vgab2ugeknftdteqh7kx5g1xipfmr5fyxcw9lyherurowzf0iplo4m6rdbqarrbh3s/alvhmatwlenovmsorgj/e61+rjckggnpbpngfm6e+7ejaxn7gltlorpgnu+nmxwk5gfw+bacj/ljia0v1ujuts9pstampzvwjjx5rigrzbcu6xhdxutlkg7appydysbllc+2ldiaxmg3jfpsq0gunamgpgqpxiyqeo53qa1kve43bpj0awihajse5duzlou1elfyox7083ujc8kaj78dxawdaqdtgnccc3grpnpp7p/vvsslidgewbyffcvwgkhjxok63v6idqp0umasapujgqbvjme9glh3kshsmxm3xvkpggbnod3wmdbmtxpjvf18vnm4bs/gtpc01hiulxs8u7/f5cejrsy90nim6vuynfxv3vqvp5uv/wjitzz1dz+x3+wbp7cze61d55kld//430v/3urvp/+uon9elnpj9liptaqmeuixdh6+7dlgq6g4cwlcyhle8vfupzn0zvhnht5rfuriyllyykl792kgtm5dpd5w7u27ybo2upmvtlxr8bw2wkhgfs96j6glmpqyh7wng/oivn72lnhcheazl+mlfg93xff1hpf94l7daitw8rhdxfsjxqqiqdbriy2omcbjt2ur5qm86but31urghoxj0uc5vunu7adotv9esqhnkmdd2wnkwu2h88fayaskas3bo/t2q7jpveckbuhdtsmlwk+jr9xrx6wqdzk2kpvi8axhf5ou3d0gonshkanmgt3glexpg4bxchiarhyd04gyko4p5xyl09cr0amhx2p17b3eraj0twnegic9k5udma8tezk993w+rubusbewhfx6ju2j3xlppr6syzhgthns/miv3nfbdjzid/zvj4tv5xu4ujqxruu4hhifqfjpaytv8oobpyiesii+fijhwxpghtrjjtdtwgo1q08ufmzpddw9zerv3n6oz6ywv0gnkl+j36ksgfjifsiv3keagcnxxq9kk14zt2exq10x3tcmpmdr6prmbl7blwnzkavvwrr+zcaya36tid/nt7n4pitdbstb71swkani3khdbwhb53arbiika+8iabno6lnmeutgxedeipqtioidcwa1eq7t8jhbz5luhgy5dvsgxshtqomh9f5z7trlfep1za26uzfp6epfq1flutqbryzndm0hw1r2lv4lxuxuvvcngrjwai5sksc5tpe0wucd7hanm2mgh7ajt8kypjwzjhjyp/ijuguav35lysd9ph8hc29gyzogwnovip7qjgjg03cfo7+2dsc8ysxgxa7xgvsf7hl0ud/jtvuxvdy9l50ftczloaztekozyia4fkfzuih+yjufdidnz502fshforg2vrzb1izpn+pbkhqx5cuemuleoduwxhyil5ibkc76grsoelmxqzlwxhncjf1efkoxjmcrlarpalkwlw817yeoaibsmdtsxvgkt69jaothgw1j5xlsrpjeo+nza9vzydoly570wquixqdv5jaicwebfnwfcc4lctu5c4cnwoxtweayjgvxxgkmjnsm+xncosb02ykliuxsyocncqlozpga7sdpajo46egqyjr+2kndulof7gnfwqeznstbb3utjffhnbmhl9c03uift0qw6adz7mpjza/qowccojiqsquwiqxxnvo52b0nitmbfk9xsacijqqaxhut6rjuwgk5fsjhvvmdgzpsjdiij7w6f6mwtsdbgbuu51opx3spb+tts9tp+hrzdzve0o6k83towodsourctglhh+3oqur5tdlvycea2ny/e4vcu9libnve6vaiyu+lie2nvxlcrubmsdkhwsf7vjue05bp93mbp/m61m/k7qijbo1oesjvp18rytmzj8bd18a9dhuggg+sqjo/3gtma4bnxyalfwxyhy2kvowltul4jzz5fmqzoppfibkpdmujikv1q0xab04+mkhult3kbnlhakagh4nm0wtd1la/oh4zgwvuqjhdypdshbuoh1qd73d67oadeadgxaxlxxhpbuyur/ff9ao0i04ive2fdvd+vnjggkw9uvkvjkqjqd2g33gsizhmi97mhqrksjdfivk8ic8hpyuuymp86xjtewzg+vnexu+2mzmez6+ttaggon4c0ccr86xtaucmnwuzcvynsvro30d2bliu+xez0fd7njwikzmlipl6ugzgmvstajnvrwpadooesnhwjpobjenzsf1dftxvqq9jd8s5zsa9pqazpjwczvw/bscko9sgn2tkp19nocafwenqsgn0oylkq7momlstrwxr63k8iab2hx7txttf67mpqyristukxyfwkqcfn09g99zrttp+amusrb1hxo4a78mihfhax7xh0p4tlpb0dfsbhhy4i5/ye2tvjnbms7qt20++doyxoxuens2rufanvump+3e3ijpbwoxhmkouwta4qbtb1a/i6pdbzslmdmr2s6xx6co2ujxlsywjijo1lyiac8k0lf31zf9wuqy1q9jseqrxfzjdfhhay9jddg23ywiyvmr+ypwaky48if2kwkgu+dlqshwsm/xdzlstg8lbxponxvhy1q76+hb/u232ovpizqtdul/yezd/xefxq9oeqxt0to3l6zmtxcd/dfwjdx0dunk0dvruphl2qeidwct0xmm+ekuu3dzidxcwik9l0yvcdvioiw/ymnobg2bvblkwiy5mqobhaclcnyezipwc79vwlb3sdl6zujqeiwq1jeub6t1nod83k8xp+homd0vuk+ltczyjniclcvnbh62ibo4jtd/cmo0xyu2lwu9newa6rgjcs7kholmvh5iz3znlvmpgcrq7r3osfheu5tqt+0yj32s7i2r0zvxyg5+phsj0sm9vmrjzrwar/w3pojmylaaoze3rnbgwan7ysukkz5f+c0czytbybrrayhpkxvqbzg8vtixuh7wwv7axdz57m2xehqpmzw9esso85fuqmig5qyrqscigtomudyj9mdcrhxoi+qsweaca9xo63goi6nwheya4346uecovkv+1ynwbtd7yxcznidbjxejvm2u1kjmfdirvp2ocdojrtrnl7y7dtz1axxzsg0aj2pd9ss/t9fsn+39ghvv21gtfnqs1a4eqo+n6jhzjjryiat7izq+53m/2lsuxyomhkrcunzevnokx5efk/7fvq7mvo/chpo2uxrq5tqz2m4lvjbj6kzs0lxou/kronehvlcn0rnyd9nyesjrhdhnw5k0b8qlscbvfirzrfwlk9nixhta/zef6qtkkccqwb8x27w8q5rp0wq9oe7xzkiqazlk+nm0omeyv3/igw3n6blgodvshrictyrfm12l2fb6ffxm0aiipdcgwrrhvzyvjjon/6gkq62dgdsftyym1vx2atpt/p0wpo71np/fqcu6mzjyn6t392nrdwcple/umiwis32gx3/mdoqdoc1yhypllfnlywagzrlrp3u/v1m6v64b2aajijq1jwlqnrfzvm0h+hgw/n7anyxodyrtne8sgf8zgbsot6orson2ovqcr24ox6rfmuapupi7zjz3edfdtpu5tx9ke3ue5zoxlygi1fnsjh7a646xeg5utms72guuazof0rc2ug/bdxt1govrl+nfleevujqpkjaslzrmouslqoepb1sapjp6tekqsj/xuqwmrhtqqezrxxsvaj8tnbnokzigeythedz3j/jfvr8sa39sfndn7h01pog+8l5yrgppbt2pygns8gkvk7irgfb2kbqsrtix52asnaewchg/ho+zptd38myge+ao4rpg0mi+b0rsk0v3w+amup7gim62g+wgbc5xtdlolqtmaihw8az1jrwzklytwxi2umfhd6yy9v52dk5g00v58cfo49fsz4ehswleyw68omf/fjbhbzlq13vpt09srn0nx6xkhrvq8ynu2orlnjjussmkh20gris1x4ldexld2e0wyoi2af7isxnvbt0wbuebcgla/hkerwsdt9bmhlk2l3bvmmxnz8skwrxla2dwkmzvewg6k+yhtbpoosadg06cashklzqz041m+th3c8xylarzwa1opwtl4twj9pjyg0bywoycueuhr9tfohysor4zju+taacwn4+f7o0larjhexvgvvchyc9nwszua8dvgvhgoyk11dameamuf15szk7wjgflzokvmnjkodzqxry3q9yxsfccdnotutfgdgric674rdvvw1u7f2hnar64ljectbi8jno7qxdyombwi77kqqmqudka63a3u9gnzbjlcd04fy/nscr6lfkqm0y4c18h0kh2ms6ls+tg8rom8dy6p3b6ipkua8rrbeut0odzgja8mzcm5awvugakethrztdcry8chhu/4kzleor/uswaztqw6wnxobkouuvj6wjq35fybaifb1b/hzq0ouyxxm20pf/a0/nlxjrrygwms1ciazyye49r4mmhpnmm0x7bownjrr9g/wxqjizzdr5dpucit/vyeqcg85q4oxobjleujkq8o/vnav3q/bmxlklhqaajkabn0gdwtfsn+uvvguiiuqm/pdnk9qtzfzj7zugardg6kz3ldatmfxyvfbsi7riffyygmfretyqysxr9kwhveh89zspws1o00+oxyx9rbm7qiu2d7jjeefsmovnn1opwwfamgrsaudtkptmnme6e0zyl5+gnkuvdnb4swyxyumt1b3vix/m05x1hvku/w4rtwp1pkda0ilkpmofk8neatdzenn3mlbdsdu7vbuikrm7kzcyvdku2k9hot/4v+1etfxrj/a/t23q56+zwch3qsvo9rrtd45d6j4niudwaqxxl/y8y6dhmvh0tgit+w7r9dugnck60uq//ryp0/l+cdacyea83hbsg/vtlvbrxgihm3r6dmyjkwdw6jfa01xuhgvcydtqnytmr/epw/6ymt+hsnsrn0iw5ugg3iz58dnbagtubflzryfhom7car84t7oxklu47dfof2age7t4sssdmfs1pve5h9s/fg6nota+yp6btj5hj2oj9+r2ryruwl1yjjq/cxyqkaunghrs7+jyhy2l9lsyqlpmf1/fybmt+7j75vcwlpyyahk6dzhjs91mubowazrcnj6etzzbneds4gs3yj2qyqe175ftzpshry3qbq3nvcv5tdqtw5pvcll3aqo/cpbebiwxvx2n+zthmvcb+waghrnusfixvdtbdidvmrope9stigw6abi1jvxtxrdhbqu3nzrd84shawwwjvr3aacrcb2ips2b0jelk5yopmrn6h65cv34zcuf/b29x3ls10vrrdk625q1n8j/d8lyeqihx66bmnxbsadzhzkmzfk4j7vxraw+2yom7dsqlossllxlrmvo/k+n0krj7spxekax2pp80k8wbwm3xhyblf/kpuaskgfgihfzwzhu20bjt7uoey1it/feyayo0mcc9v0ivrledynz5tkia8ioiisxxgskh7ysjowevdt/qufgdakryw61nsibuti1e68/yqgbfx5yzvernwxgmgkxank3dvs9/+3yiimk8clw/oxzo41xicorinscilxfb4zfmyyfkuvm9ste+0elvk8pkxsewhor6jaif0w5gt3+hjvxr1caomjpdzbwyw+vb1oe5wht2gick3g2israquq9e2rehdkqqh6d+/goia6nkqlt0mg+rcbxezlksl6agaiewafl8gm6aqywlijnbvpha/xuz/g7tfnt/nulelbeta2kp/baomwbgt7fhrekn/1ada3rf9p/nbbjafwqxqmo9nzmi7wjdy+ifevudtnzafh4eool8fdpu+b2dg4qoptphfym0vf1chpd3ml46n5g9gqva1avfuhnf0tmq8dtwcibp2y+87akkg3zmpnktm2deq6dkudlgr60yxzjoyd3ssgwgorzfhkkj1udnn146ni458gmutku53xwdxc1lirkqoxvkniptnwhj0yg1wwopyssbvvzvspeckpmp54khptnrokk/rvuwperrqje9e3hfyaa/lcejgfy1znm9n8vjuyarxq0iiewjdtajo+t4vuab5r7bbqqhzfe0jijh48kwzqavslwpsuztmvji120kabna0a89mh+wbivltyjbpb0epidg/5+ritrq/yaeup73jepfqopa6dlzjepl9mq8kmanflrdq5k5qjxauthpoxwwl5eemwi5/avocacrruhk3n1k46o+axjrkrms/mih0nn6ipyg3zsvfikguiqwkyvmrdv5et2jy1wunu38tdsn/tduxc7uuk1w7cs7vv7ztypqz7x2q3osj6j3lfo0hs9asu+wqfg3jfnlettqud9p29c212yyl4eacyz9nsnsf75c/py64m085amr5ex+y/s2bj0boio1z5hpw+oadhozy7nrlw4mehuv1tvxl0pb2dpnk3s0pktdsa8quvn4bepz9fs+9cb5gr10u8thz7ouvia0dadvasdtu7xk2+sveahjqj3tuusloupev8s1qzczdm0x93gl0/9tw+7tv5khtsveen06behq3a7bepseltpdfyovjvujj54frvrwlyogktbpjdpy9r3ntkexpx9xalfbsraax2h6xmffjuzggqeqsji4e2f1s/oveyhia4xi1nr+ocjgcpsbxd22dyc/zrgrfimxzqriarspq6bvz9liaznircspk60ntlmp9tbph0pe+jobtsohljbwjoozfrxly4gox2aqakop4m2dliv4sxhgsi7p4ehe0ai63ycrhf76g6gblulihgoqtxkkrfou63i09xo4oftvweuqhoiqk35kwesbvtq25rqir134q/iwowqtuq2xldmj2+2s7tldodz4zvwz1mcsvx9olpsw2nqol9klmpfm8d7mkc7zyxdlftodkhvemwt9dqed1oxkzhygzhkftdskv1xwiveev6wpaadhgfwqyqatgsq7riyldj2mtlahufpbwae4+y0+jeds+utotcz2rd9n69xlniw1i2ongczcws3t4bavga1rzr+wywle5xnhuesgpsnknxrhi8n3moj3ckv8jxdl/ydzdfmxv0jotiv86fwg+rxt7wpsoolx9jsrdbahuw5+0fk/qo3cjin77fkmqbwosjx037kyqdyry3r2cqfoyknxkhd0j3yysqdecj3dwpavvxyraspfluiudu7zua2pvlfh+ah+719nsgevkss7i4koatb/5260cf3raluqk9npsostutppn1xe5+mv/uuopolhaqntgrawdf9zgrrsnfv84zndrli9yctv81kaw9n+f0/rujwu5kwa3liiq3ogsl96cbnfy9vquy0w1lfbxfqc4cjwtpxb6nnny6x9tf97yy9qv0kjou67yxu09/ouxp+zsedurmttjzmo8ndkaldt0mcu1uujwqzvmdl8v6x7udemnyxvjmv+r+gi7mhzzrbjv/7qzvrtvxn1po+jdw9dyh0z7xfpaespcs9bfza6viidvkpbqmnd0iuq/bilgia0oov47yoobnyikm7qlvubx105viiw65umrsd2srwkz5dsgpoablhrj8caqlng0gslyayddjpwiknrdccynhh9z3o8ujjguqibvbeigmkden2cfwch/pmle3zi6qd78iqgtvhsx7a0eqng4skinsenghbiez3iyj32m/k2mrvnsbg5m9nnzd8lj2m9gg4ke4gfsoty7qyfddvlphutfijgn7dtm/9prdsuptszr5m/vx3pi/fbpgfchnchezryucxvfgdf6nvmrt7u2qefl7dlkzrrafxu0wsmw90sax8hxlhml1luk5krmiqxh2swhlkcuj3w4vv5et/e0nj+qkwagh0qoqcuuhexzic5lhbuvwroopwwiwpwfskhmselu1dzzt5fwsaet7kiqn8d5hdz+a9eernhsa4ys9wjaoi9fom9zuzjqtdftfnsqyiew1rr3ywxl1pnftsfauurli80iqmxtvj945dijijehy+/cxtxn6s5jj05xsz3czcyk7neev75dh+ueihykcyjpodr56nji7x1pg/vguhgjl4yxu682m6c7dn+yl4zs0sna2hkgvyhpmi3etvbxzz+rc7p6mmejsgvrrs/r9kchmtppbhvpszizb/f5yrijo2twt/aujoreis3zxbbgxrfech4ist+potoicdd9wlz5owbrtf9gps1rpvxcmco12mhew7n89zt0lddvmt2pevvfbpxnyajo4hkllnq8v92sqiofx6ekxxwyyvbvk1gr0i9pjieuwwkvkf5ozb2obf1bhyczpu6snoiequlklrsp5cmluexx13mi28aqpm2ahgwkmzsf1redvjv3yrsuuez0z1hhw2e4fjddbtldhkkxiiwo0p2xwobki8mlpc4erzalehk8z0nhs1l74bvadtxesbbls+jnepleetija3dvfade7bqvv7wzkw1dfllsrx2tj2f5pv+wmnnoneoys0qledprqpnnk2jjopaly/aa9uz10s5eyu7q07yqaupebwkdiyqtcuhikgyvdv/z4mh8wwwmnylcokbzc03wbrqv1dgflyqvfihjhal4awgkij+8diid/5lglpdg9kghtjfnuyvsw7b0zxiencyavg94gkfitnokuyqcoqd5yqkoc5yzp459mrczkmnf2rxnngg8wh+9t9tv7s7r83dry3tem+5qg88jd5rrxcwyrjh3zxuifx5gpg8oftorudhzi4mfvhcnpl5i46sf1jewawckw/bgzunjsqygeynfstl/dndjqhyuzvukiedbtyvlh2wwqxhcrmxfexoktviuq0x1erxg/ge+oskothaasr7kxmqibp6y3j6r5nrgrikgy2pvcxrmjeuzcdlsrslpxhfje7olplatoqaqatzmym29dxc1/3rg5eflyatussud0thac7ubn/btvabs1stntjh5ezzncynp4qlnvx0byqgcif1apiiaes3phrf8fz9p48apbrpgljf1/pfcwd0qegdqpyuuqtdvtimec1atmwma/dx1oczjdpdnk8m80j3myoafm+w1dzngyk8rsu3ulgzzfqjaneepjigz5+0bciaa35zcnbx+nqqyuvfxpkgytsdfzta5+udz2to3hfrv+2pa1dkibpc+2vnas2+vjmyrjrepuwz4b1t2pyznwmpdfeb0p1yqmy1w9jk4fxydbwofijjmtuuxmygqydbmyxkxbifdejmuykut+kijm3y4gqhfdegjamucq5tgulcdoctheqbyvn1qsxojkr3/c3fqhsnkwvohqts9hu1kdqo22huuqxdmuzwk/ealvspi597g+t4ftnvt8tjm+fovjl9mh1upkhdbmmkv538nobbbcmriinivikmaa0nvy14xqvxchu3o7lywcdapcpushz2ozt5jha9ftp+vrcqcorm+p8zdjqsce75uv7ti/58n83our220pnep9pfeu2nonegowxfc9bqgphm7knwfk3s0d6fsh04yntgel6cryehny8rpk/anri99/a6gibwzw83zulbpm+3jzrtn9ubgx3c+i9mgc3gtlfrv+s7nqojgo5b3livej2mfa/15nia1ima4zbjz7o3ewp4acm9x+2llszwy2ohmi7/pp2ti3yy8kjcqhpvobnvdoqptyxrecwr+fhcxuyvhns5/i+stpdaik3dqez0seicsef2rdr1kz4vmem1xvhfzhm0p/6obwz3dbzd3hkdawk6ubu1m/jjak9smgyz9cfjvdzjiz7nr7putdc4yv4x07tfdtcttbtioz+s7cyibncdyr2o3w7bt04v7rnslhimzkt5q72+9ywiloqzvmnxsh8r1y1od+ks7fd2even27minf0gxfjqjr56lvidfranyybmpp43bsghvzo61u2hzjkjuxzwfmf5zbsnrummy7jxxqxlfdnzvibomnotpldho37kka475md79fmflzm/76nxppth2xaxz5q6mi48wq0xk3qk+vnuwisq6lvc6pgyeugpvpzqa6vqtntxppijm6szkkwg6nm8ybwr9wwlumuuze5+ifqgwdxmhrznckv4fxmmoluxdkrnfgzagvbjs7ebxrspenf1j5qrcoccltig5pkfq1kmjrryyhu5/we2gfachlafbd7ib7bvfgs3f+hrxxizadvkzrx8z/pf9dil9+g5we6i23ktsrfhltfmv0f3nifuzos+dv5yyn5qtk0v42eqy52fs/tcb64zxxryxgdv2dhcjy/r9k3uuylbmxnet6tijbchx4eg/laofkaobmkh3jtgl/ze73d0csclnkieca24faaa5/a1gjdz2lkiys/chmparw142s5l558t82q9hyvqbsdypiiohhswt5op4xvcobkhrxa+yq7t1oyjkpwsh2u8mprupet7j4djt4r7vwt+i7yfvnp5j8y4rbabmwn0jwagnnl6/sqoyxaygnf0/jilyozowkj64db7bnhsvpwxrk7myggfvwactaj+affdwhxwun5ujzbdvykcwdfdi+4xdygx2vbmlilkrophffuhfeviwyajgstsorftlxo+t5hjpkfwncv0xno2jmp6rssigrdnatgtfhqavbzbakh8pk2g9qgrjxtkchrkujwn+ibnleqdhi3nppj1cgyrfhptcb9zc5o9lelxoeyyj7puejgyfkso6h1k0oaypeakqszxjolhoxv4nqsmiai4uhomseyq4m1qxjqq0mbineys15uuti//qezis0iyd0t07nqchmbet0eyvltavh/dhhqd72tvkvj459/jjdcllobig6yq+vxykxvwgctvozclqdxryejqaxzir1jwhxamonpnvs3by51mqyjum870jfoydphc05m4dy4cb7hg/u2lvbuhb80t7z5ihiec/byo2gapktyckztwpp7ssgkbpukgeogc43k8n5fme+ikeve8k921rjxahphqhwmzdz7hqsooih56yfoaortd7hiix0hjtslkbdmd4rswbp8lbytrecx48kturntodqxf1we+t52n5uacap9epelvs4yuiexe/orl6b52ndvyyxmxt2wmzm7ta5pnrdll7xfadhc/nofoygdbtj4mynwa0qro6kzxxvcmmzkbfjmdqccv1rttcofnerr49dcscsrmgm4v724zny7rkkw1wlpkuw4tviwosotyglukrcadlez6ttvkhutlkvb+nmvangdlceidh0eqrh/thodwt7gdgsdxkye5cddr5lm9zvs4kknr3hfyvcv16z1zoj1rbepyj0fncddq3p2t5r95y8sdgrqrb9vp5udkwn8ymbukjb1y5ddj2/ai4q20poodxrrd4a5o8c4oa082fnwkqvf8+ceo97nev4nfn+n0xh/nszuiyzjsad+dw92hbnfrvwzu4hklbgsjsy/nztk9s/ywvfq2nzidw8y8dty2ikrg2yp1ru7zomkoy2lohlpd6aoregfjybjqodgvrdqsac+igshrv96gtaa7laa5zxmh/k+mxxkm7efyisjcvj5en2zbvcfvgoq95kimrp2istydcqpi92vmcexif0tl13twgsnws4yrcrhrnaqldjracsrvpixkogto2uk3ypy99kcmjkhebluv+38tfktrz1o05oeaetzwq07oqju8l8pfzuag9fidt2ps3jypmeuycpzd5ei+ocymhdzkrz7pudrtshgzn0drmktmyuog+yogqnhuk2vodhrybivoxxubtb1mpanz/0bvkst27y+akl3yhsbza4zbviyxkmewzlxtqusqmc4s9jmaxyahblaxkvzphutffndqauej1q3m0capqwycxiswibka5quyth86agslof0kvlmmf0xqj/iygnenixrarrxcfyus886nqjmwvkgfcwyfr7ovss7j0sn7hmptxxror+c1jweguxqszk2qladsylfyotd/kulru8ob8t25wxvwzjnuxzueb6ufmz+pgaacelou8eqt4nusmkotqv1rd7qvzvh4ilr6ezlkjmwd2ok/jarrrco/nmd1k/iqfvbcuamov6eim4fspvck/ivq17fr9jaadwz/u5jdl29zqzeivlzeljrlxbc42st9wmll5jcl0jfxabahyh/2tem4mv/yciyu51pq7olfmixrrieceq1pc8rw9t+abm6umsysrc+g9odstaeg90rptkva61ucvwoepnitn+bik6ciy4o909jmi7munyv5credbj/tdqbllm3mp21bznqyixvaf9nkvmvqpejccmrsjps7qolwwba0xrd9vjzrywaipt/t+bgjlphbmsigsiymzet1itn5cotv073vyn5l1ifftwzu422ore+jcqjpvu9vuh6qimlmerqbp2w2bbvqmgq1b4iey2vtfraq07wz4kofbjjiqgbnln61ezyskouai140y3l2ssjewj90mjz1lht1uy3v3ibjtm6lcxw2aijcvfjidysuezbspghollmfeyvtt+1cwpi1er9y/q8uo2vxxroxhpbwrrafoczivhmov9f3oi2mukso6qkmdvfj8f5e7avhrgy3gcqs+mwvfmiksa7mgkcjql2znxjpn1tios7lfjcocn0sx2bekgwgunrpssmbihj+x543mq+cjz7dpxd6qrnm7wocnmk6zftdbdivt3a2iipr8987bzomgynke1/fnirwhr9+edvqt5rzogva52cceau4xgpkpf8rrxs0hx5nsb1/fjhtdvdvquybtc85cmtzcknta0ogu2iwad9rh0iprmwogoftsyqqxdagrhzqme7wit7wsrvsmbhssz9fmkftlwr6oq+8xre7r6mdcrtuexdb4vh33pu0+loefgfislsn4vy9nf1dgg2wuo5nrk1rsbvseptph2ikgq3lhxhwvppvp8w/s4vpboixife0ucfamrz0v2c2hbugmcrcw2ma33ny5mmnfcrqyyjcrhfxsfynwlachllufigbodyqkrmheklpvuwa7qx5pucd0ueslxf3aviof9wrrwqqjxlz7kbxuesqmvsgusal6eawt33bi5g9dmndzg0e3hzmvgrbhndt4ra4au6yhidcg1b2fbjgqxkg4otitkf3yllspkz4ptvpwq5soqtnta0tmwgw4m30kywpfwvcuvnmgoqi8hdofs3bh37dwapsa3tc7jo6l513vfon49cbv+vys3x0h/+8xyk+9q8b+kkf4/2k28whafksg7lbtnhmwozdehdvxmvsvsm6znfrbtqhbvqdnybavdmkdgo3syma7z64p/2ctazvuqm68sycjufdrrjzovgsu9n2connjldgxnhkzmw0eswof4oozxtiismeaxrgwpltk6qk7/mzhimjjaeyx8od8eaxwqnxuc6dn4daqs4uyp6n8ehctx1xwbdj3vrg6d28i3anx2mt9k12do54du9eg3oe/qqm9m68ymht2mr9dd510m7ydrjuguur1ahaajdnwgaqigkxuhsryrhbclw+22koaitbawezm5wxc7taxlphomrxjjsul3tjwqxnr2hdjspgcfewfkqkt/ioge7pxkorfihbdcqfcqows8h6xwdf1x/e8sskh0olmmlrothfut4lqfnen1niirafpsczhwqvtufksd5ythkm4aggwnbsxlz8thxnw+rhgsimsu2jyuf5ntrz+fsg81bucasd7ydtuzzljqhtsx4cx+fy9ahwfw/tf/+pmuklnrrnp4igqqt11r3d+eiixjena0vg8rczc6hsla33yogt7zinn6sll/pzekhyopnbld+aumxmdbk33x7nwvw7h6hij1tirudfy4wfjmrefmnscxk2il421mb1a09kgjny1yfhyiedtbi/hza1arxibop6bx6wpptvx0udbap5bw7llnhkbofzxc5et7n4/djdzu2d1+vbissekovzpa4zfhy32frdw5kgezer456wa5edn+m5d6eu3eqhp5mhh7rsul632t1ovv+7ecektc4/34einsvkrk4jwkhrs3usppwvpicxa3mpwkn5m5lnphvizvhr0icr+elg4bzcilidhgbcxcjevkpz1/akecee2cq82wwisoscw3clb8+momkicrtrvv84l3ggc0czyb5r5dmmw7wwx6bq6dh0jl98imqvopyuy/dlcagxwfu9fj/dtbee7kehkhvjfxog+/+mddwink5jem6zgz2x64tdhg70unsihl8g6c3lpbmfcueduujpvdnut6isnefsqleu1wooqktyx+tcs56nnpa1r/e+xd9p+mkhoepkz7m0377dihd3hrwqfcllltcbxpvnv91swxstgkio88rdzheexu92hors9uofce6d9+6wri7vzmsj11nhl1hsiyt5/ocylcreimlifvyzlvqxql5zxbzevdocef306qndkque4408y9luguxpfb+qxl6pvdcwiyytwligyqru6nomrdrxxpktzth6iwfka6uixxmhlpgkwdydszoswjc/nfbteum3rqs0mmwlbmlqf99tugr0xx3kcw6/9zgpbeuv4n2hn6a7q0lkr0+dihlrw33c18eqdtzlyxwn3sbrzvotqnpf3nipckeyfskd/esvecfupmdqcvgnfeemklrrg1fxkujrsxllg/76su0yht5bvqfcksd6bd7vsvi75apfzollvxj9uxw9jt94hvzvjtgmwan088m0zqepifac2xndaxdps3mqpyejcdlyekyenc23iypjth31/dmlvdqmurqx9wirf2vuvfntelynfm2ejnhjvzy47ypm/mp13y6/pa802dhrtf8bml31n1v2z1t7ckzyypaxo2jwke4fb3zszgzvfrrocpldbhnnm3ljc3zdicmgsnen9hcr4i4ar5eo2wju58v1yr8twnucvfhwavhwcfepmfqytlh2vxjghx+yvwy34l6tjdxiocehzsfcdnroqehh3vs1q2wtkkvo4q73gi5p0lyom3gmnu8lepin8cermxfkeuhlu9frx/yd80vzfncsdkxlh9criscracdox2ykobjj1ark/dbxkywggikypriaa94aew7mpfhqdeh8hj72cxsfldnhk2m9shp4iltzjcojo+1lo7zbtvk+xjlkfdx3des7qgo46yjjadudtpam8emyqfpqpncyp6bprjw0cu4b3yy7bh2paqtbk2jqb7t/ffeacjbbj5uxzqbvg3ri5fuydotbyyztzd43dk+6qvj6elx/pk6ropxcevnxjfpy62u0gych6ykyc1y06/51g5suyxqxxnsqj06odsksgy2o/k4j5rstuf9hqanrm/1xkng9h8ujunpp/kxt+nny0crt6g5rt0sdlwememuult99jik8jlwb+yiy5c3vngsb20g+1so6oaomhptfvek61wt8t9gnmgyexrpymmtle8bttvblzgz4gan1hjcmdninjtrpla2zmbek/lur2+copgjfrwkn2wbfgo0vuryene2w80u/nfzc0fhe9wdqiqzm3i45xzohloz32d7uo7vire4uf/okqvbbvhr5irr1fa1unidpl2umjiv1gsdgz1bpwefsf2i8j5tixrcjkfy3d44vravqy9ueu7r7t4tucbf63odqbue3wnfnplfnty4fyrdc/0km7whnw1a9euq7x2q0ie1b6aefxhswsqo90y/5wljteitfvbpnxqmctygc0hnaicmbms1l+j/1n5emkombiqkskixoesibjzzaiwctvxth3kzctspbvbav8dfzjz0z2wnboh0a+yqt5xdqbrq9m0pfrmjzist1juxeoeig5mjjdgugrer6fqrsq03zf6t1g2vetoqrmsxs1vyoy/ksygn/7ktlypl0re86aypxvyraxjgtruvykcarfa1m7hrusp5y3wh8k+3xi6kwwi031jjumlee1oqptbrzwhxzuq/vjtctoiapv4ww0gx/tskkysxrafh5kvx0kwuvfxnq6iz9hdydyhtuh62lmnjadt2ppkee4s/owkclvb2+xulzq7g97rfrywqwertw3ktoyrfigvuqzxzhx9fcy0loh3oco/asgokl0mveur9sqfc+1mgtttqxil6kxla9vir9muu0pkuochul42essz497uqowg6ujx7kiwkd42norcciyrbrtmlpjcdsxjthbudnxkoirrghjhieaowjvlpa4jqtjsa9cntdxj1txqoip504rpvrvzwuebhvwxqjhgqi7j8+w9yb0prnjhs7acu5c/ydoiev6rzb+tsrcldfjeffyukaxbnyj0fos2my2uyuzvfs5pz+y84/ahmervlqm/mz1mnzy0owrf10z5sgoanm1nx7zcjrcde0dfwv3vs3tqjwrwa6dyt/4kxvzjeckqukv9adzbqfk+j2eaxy6la3mhbaibp9fbmekkvjdrhdiydj1rdkkme9ws1hpn/nboht5ttjbm8e0fyr+sgrjpg2ono3fse2poj4ojc7zey1fwu5v+vdutq85g0tosai9xqncr9+pc7k71awtcdg5hlc93myldd3+n+ubgyfuyhcpeircgbefj48slcyyu1lt2eqa3vfzjqlgp50hm6hyngncnswrirzvgin6ffsls3xdn7x5vxycluvvxrlbmoectwnguz/6w9qhzxarxuxnyutn5zxs9acitdmngvdhucpnikbq2tnbwypwkenug4lkfc2f4qylq6/mxq1o1k9m7zjxnqyyzjuspny21k+dco4hr4wy9b1ogfr8xtsexw4a4yhgv12oybga7cbcvpfmi31ivmz48jo+t5ais4m3kkk1atc5i2nwt1axhldy6clm3wplgxd6ttcai08nwdqorog4rxcrvpxd8eihm5hve6gyrlvrer/xl2aqqrecinmh+iunhxyzzbccsphx2tkylqypyclk0djtc01n4ltdl9dzudzxftqvph6yvbd6iocjyca8jml4ryrfvwzr+s97z208afdnrprzlp1nrpbpynoauhlktg/yuyfivbxtuzyuj3nnm/hvdpv1w54iu813em6rsylpuy1yzpnk6rlxmfttbnd0o0y9flfurs1izrsdftlntcf3xxm+u3aw2nhc1anuwgwykjxdueqtivz10wlnbc1si74zmtvtufjjb6ws3wqsbcb3ec3ejepu4divydfnhtdcymj9hkzavxteudofirt0kfkmudn8+6de5fghff3objkvizi+kwpbljkluql73u1thydb8hjzoxvukprmlbwvdmnjfn5+24o670q77n1irkur6il+rqx/74faio+wwnddq6a5iqcsx/b7af8ja7pwsyjm7fixz0hswutnkar9rh3rr2xpsxxodoigayp9uueo148jcobhujymvamqixoco9k7vduiftkfe87rlnzhgk79jcfio3kmcem8ebmvpaklrvkuhi8vpk2n5pk04zw9dnlx/vtvpoid87fk8a5oe1mstruuyucy9zb6imd6x2nythj02y4vhhkgq2m2r78auhih49hvj7sb0cntryfut70yno3ihwyfudz6ek9bmmymusr3nmbobdqd0tjxppmnybvfrwrn/tsepectaw+98ydi2gpn8phxafejzngyb28yht7qwf07bhg0och/n69brjtbminaqdhe3n/xj6czriqrd9i4ykjnixqvzzag/el3nixxe3diikiqokmf8vybdcsovkyoqsgfb8ftmki50dflrsmgud0lddo89evn71u+wouzhtkssha+8f+kaffu5njllq965+j1v44c5fxidmqzm5nnpx3zekwwpj7uyt8u8hveb69u83nn2mldhiqkxbkopmxatmco30sewrpw4pgt5koxb0ezujluw37egreldybu7m6qogw8pbvjfkxofepvf8/hijvjf+zp9vgty9cspwrnkvy+edxhnrodotembt8zclcwr66gizihhpxaxmnsms/bntr3bwki6kra3w1f0yakmouipne6q03i5ibj5lj3okbxb8butsciyq3redirgw11apdt9ylfpipo4yisraimjxgd/ovwwwyigegijg4cadpslhg9/6yjhsbw3f/loi1plt52ls14zxnaih1iouxewmqhgmyw5frum363ziwc3ipktvg5c13ztzi+4claoftvmquv2tyz3bso1p6ew2elhc3m620f2alu2gr4jjrrhze6grgq4zaxc0cz2abrvb+rbk7iwnwedss1splncazqzuabdrvgalbwes/l56azd+de35ymrxqouucf/lt1chvgjx8pjq5yig7layjaf49ewq26e2phxbkmjmrff414yjxsrpeqqasxfbpckrfnxaneohqjfkkoehtfm1bc3bmt7kq1qxoqd+dxz5dp/e7bm5p6uet3zab/ayzw9detanie1meaed1husad/kr4tt5s22yaftquuk119dbuhkgyiixnmbj3c6+k402+zisby+zrpuri6dhcxku+ftvh3jipc2cpsiidhrs2u6mnticqdx9+gd3fzhcnrs1vvavo+mdpo+by8hd8ysv7qxt41o4jw3x5tpgik6moqzxqyxxkaimzcdhbiyu/osgc2a5cdvtfu1zzco0blyvgx3kff7dc7ft22rv2oiut++pzju2l2rjnpvmzn7l381wydcyrkjejliosnjcfkptbm9eqhjfhsdwe7qt+q4k0qez7zhoakooqvuhegrbi5qhs7hlryt2bj2rk2jv62yexne+cquwovwvhljxtcijd8hjserlliir9vtayaamsnmk/ypkmvsu9lqs5fcvhjajh+nybiev/f2uawofq8p3arb4rwbq6dxo/3do6opox4dtwut9zowx6sf7lpkgzbj/d2dkg2zgj3ar8csxs7h6shaverntdrwbfrm9m+bs9mc589twmbehzxgk3h+nr58mbdqpsscdgwmebuwhu/htllusj7nf5uo8gestwni69dqcuqdtg63jwamkiclwwnvojh879ddhfoyhiwelu5jjjatp+hldckk5u+nhaoiyrva2+hwdmtdtvcdmr+wlkjyaoy7vuel6931ofigxp2rgudpqmf186tju0cs6f8d1ry9te7xyd7qy7qg0aujzebe1unq88aows6bfdqcirdfnqkf4ep2c5zrlkfz/+emtky13nmushjqmi71dsi88ym89+fojrya+nace6cgcjmb/smivrhbseyfs0nnzrlf1cws5hn3zxm1jbghyjxhnviqif3cl07z6rgotbac1ofxrxrkcfecmhwxj/niwvjh+95hs1n+21ucuci+wcn++fida/sdb5hzlvdmy7xvctdtohisnyu+yef1psw4utq+whpboograodd94d/kmwpsmj9qagxmzcydj0gj9+tyv2drritsho8wu6icgontxkhalbkydgyio2ncmpvkprqoykgfpmwwu3ksaqjkhrovlntwqv9cknonkmwxylhesexgqannp03/iqaetxbqjgn0xyj0ejwq1tptkpcs8t2swwgjrj9zxxqrud/mynk/n3kgyhepklvtez0vc8uibnmhwsehzrbm4lka8uimb5zyob3noe1q9vgb3ruzs71o2z37y5wevej5ibjb5fqqa+f+thdjrng7anfdepwevfipxd9hrlrigkvc+wmalden2ttp24umnrlxb+m5+zlelbijtjqd1f6d9zbklbf2qmgpybofhm98uiegljfqmcd0nvfxdrya8mu/v7y6hkneanh3czalqm3h8eyzpt/n6fapftroxgdnfdqc45gxmnlwsnrjsxlynlgxva3jd7gl1wvltmw7/4vvmdvscz+l9mbpb8p9yphtjkam7korzt4tovqi+e13frygt2e7iztwqjk6p9yhprvlcqalq5hbkjziefsylz1vsbluucedzuaxwoeedj6sgrwv3ppftziutjithnvucwtvp6qbtknqoqfpl6cjvfk15eutxgpy7waosw8mvrcczjrllghz48znfjhvq4ce3szuursqnjh5bfpa87ddyuo6qovvmbovcfi14pnqmxqnyc0gujpt+p17whkffwt7s7ysk2exfdticlazpgtjkbtdnizp6ecv9fv3mfax217fre8ryltqu147mod0iolo2pcws/z+zodvw1twxwsnyg78qaqyywbdjx5waav1pm3mihbu/bdr5ysnmlqdqdcj0t5anpjs7xbnw3qf4iv1etwpqfvgbfeq7bz6op/vnadvxhxidhsr54nh9ndjaunmci2c5eivod9/cp3ykul1hfe56bluy1kjuotxgfdpmx5d3nyo9lpuxggrrryejxjterwgbfndhsbtcqiksunbtlb3ty9jpou+ky34yrlj9k33zyo2udr90zdrtu4e3nwmbxewhq+0l8y57/7epmeglyj4r1dr6fnznyrpooxptkhxdeahze1gbwpx8duppzz5pbl4hzjglc2y2uydwsn58/sdcwwq8dqrezr8wia+sj4ipfiet0aioow0ndzsrem9elhnhzf0i9y96r1uqx106m6/q3wxn+92zyhi9evyno9oejiedvuuuaxrtbjgh0mao5odos3yjkiqz/2+2t2cug3rc/jk9/pcvaoy54dakwt518orf+mjqii9sbxvc7qgxbzbhncv2epynxyyxi7v9fqs1/l3yzxbjpfpvywb5lfazvcbuhox+drdbpn++g3ccwzd/m53bpqqknx6gqtpv2aatkuxaqwyzphat/zfvmj6zewws3tlakfncqy34hyz9+1qhttj7mqllfq9r+9co1t84ym7f5wep2g2rrnhrgwom6efl5ht39ymcwzmvyt9jms0h48dc5zu1vsnnavkh4n/xeevpnv+i//6yi9t95v9ou/pvhcd4sqsl0r2lzqzi0qbyfcpebqrokrxiuwr3b1gzbzw4w1vjrkre9dpoo4sy123lyw9r5jf5au6532ut3f9ued0o/lkpnk7ihr7rshx36llmbdoqjpfc073ljztiuzg5ig52p7s1vyqpx7o2s445iosihmmiqvmxo7rahdreouikugte1etdgtu8i5iihvhbqu3sehzsogjt3twpvl7ubftfousc2h/gjlstkn8xgbv96k6su+bwt8ej90pjjl+9qr8g5fkiaeghxu+t/7aiz1+6mdfrjgovppy8b3az3pmi1eywoy2flirgnhrztgxnrhzw4acrb2lzlgydsremo7msdqnqhn1nz1lujduowtjqnsufb1gkfvgoqykfcilq8nyq3ugz9fmrmcgtkr7xdwu3akao4cc4kpmsyrl2vhfc4mvn6ukaw4fatrxhvzqpd2u2k8zfgxsroytyl69o5vovadryegjo0etsuwp7mmkykk+vk1jald9g3pourqwidwxvm862doma60vcruug3cejuxzxkek5ior9/u1kcpbizrwc7xbu7ckjnodtv4wslslvrniemeexohdturzlczulcskagbwvss2aqavnccrtojyqmkml+ti2gelbpqhz8uu1lh9+lwao2iopdffumwxdr8o12d8a6mjhownhxlyb2pwjk0w6ipgfpm5c5mbqok8yl8tpp1+4or8lyb43k9t0djrdb42bsldamhm1ne5tjecl1rst1erbviplrusxdhfi+eedktzhckulpqzjsy7szfyffjukkips648xubjxtsyzdsnxg4wzfjyfskrryo7sqepd0liylc8bxpk93bxikgfcogoqtdvxsox7nn5vf1godprwrbbvyuetjxnikgsrwslrsfuqd6idx/w5bnq5t8qsuuxevp762crgcuocndho3efh9b7mhpdrcvh64v1ktccqa7uwesgyxioedhkyht3b00e6a+be0n//amvdux/f9gol6pvd6ldjgsywndohpgflniuzp26lanel0amcdqmojrbv7m/z4mfz19c707ih7mhqzufbrb1kgm0yh5if0pcxfleta7vabobftdtwvpxfz3kwviaihdbpkwt6kus7tdsuksuyiyg3gtbvspsiwnxwmhhnqcirhxzdpai5jfza1xxbtex6qihwscm1ujfifywua50zoxpwad8q3ncge2xq1u7n27+sm9k+ksxi2m1cjwk0nn6de80paf+ksx9fvdrcgnyymagmokb25czh/10yeyrphg7hn17xo/6lq+q86d/ltbidmf+0kdm4almq3zdzg9uxpxlsvnw7u9qvfpvwxgaak6bbbcqz2pwyfivode/0ty97w5rs3l6pyp/wyavphnkryuutuzxlsbhdi/dp/dmf71lug96ikny2oussayy8kk45itchvqltnwh4xcpmffa16hjdwj2yb4dojnn1tqrvc43arzqh2tcoqnszwq+a7swxyzyiqw72cupmnhnb4go11u6nvun0jeblbpy0h3ysseuse5utu19puvax5svte1fecrbgwop5jjp1eueuufkmsbskryghschq/l7n7qjomu8938oss73god3rid/usrqpibwzmasdkjofxr67duqgj3vvaz506j6tqkcf2dm9xkpj2a6mfytgcyuf7ak6dee0frk8zrrwjeisvi00ormgtyfnejyrodytinqiz3hzcmk7stck+krei2nks9novdor8bgl65m3xl8k3wygpmxo7kk5v7zh60szv0wuswjhv2pe8mxfwg927npxgflvpksdb9cf6op/f0oekwzcfi+5x3nefnzcvbgs4igurqgxuckxyru+glzhazdkvokaepa8fecxp5jalu+wvgsuuwozpstsinelm948b3nlwk8bcokusjzni+sa3xwaczpi09fufrqa05fsrvwhay51xaoi02tec1r2efnwzylt9z9//6+//5ze7o03gkx/sjiywy//6xqowh6sy/2z9k076j9/zfym/2ymcmcwxfblipu53l2tzkz7qyox/9vv//v0pbbv+z9ljcv8rn/rdujxv/t//sx//t//l72bq77//2/7/d2/hunuwkib5e4czn0lntxdjt5b/zmg+m93bxbl9quvdollematbm9shorchjfqlgdyn48mqxxhudymaomtyvtsxsdkljacdrrvtw8g1dnhpiboyqryr0wdzbckwkb6wbqkg5oj1xlewyghzlhpnsvk3tvegcwwjd6w4kph/gyfdcin318w9h9ybo6jyepx6j+1shogac2ugj3/c+wl94nsqjpg9jxh9mptqo9jr3fdokdtvt+ivnybu2pzt2by+qvughgshhq53yctoiowvp5vx6gtbclnnlu2ikbhksekqvlfrx3vuchci+fy9ibt4htaq3lggnrotr4docyiqgvmqaokmg0jegdga0tebbf2vaqzjgo+gy/foxinrbkoojkftw/pqirt1paw0f0ixgp22x/czgrct9mby4zbrx2m7dqimhodk3ukgspk2kd5moievfantoiicqarild2qragia+0gqhd3ogglv/xpksk/ktbgzlstbxbwexnyxxey0iheiencbb0v+0fz0reokif1jrbtqgrsbyfaiuw6prlbrn+y6lzyttqxyrx27iwwuyer3qvdvvkecbnnzgqmlddegwxz9zwo0cgckgn4gn4ysdfqblvjkhzqsjlzntnjnygc6dqxe29ix1luvkvlnvote4dhx3yvgjvcbmwxcknqxxowb56qq/g3wol7lrtlpetcwvp1mcq1eqi6+sber1n3n+9h83t1xad4jc3v8y5jat4km5jp9go2ud5zo19dhsh4xs+le1cpk7dv++pp01y76srwl+gx6bw+bnsvhzv5pmmexo0ys4du5dmqsjzz73xfgo4pi7e/8csenxgqbscj4eivwymrrcqyz8ab+8yn+8xe01xfmyq7fjtlntiaqfg59zhvd1rs/znfohgpuqh04jdrlr596rtiaykmioqvlcretkdxq7rzmitbofy1mwyxloeulul3e3zx2obtspeowgj6glsd0ykiujbmdpipiwefickkl45qmriian5d2ljraafvbpev01xfzo3xu1k/9vsgzi/rhrq6poa+essssmae7b4ua5chvwaljwiuevfg1dk8hyhtlmiykwktovkjds2u+cngh9zmrhtnr4ypz4w9yfbl2l1yjqtsfo3okztnezmpjzha3vwoku6omwm+bcpv7oo79mrwpwac7rk6mdgajwqlxxtbn37vtgz8ztz+nahl+7sy0y2h9akt2orcrgasu9cvybwmmjuzkb5fqwlvruvyo2lenm6qbb2qsvkl6ygnwtmumd/iuel1fykmeh9rlfgaipnb3egwqw55pvtmkamnnige3nddq753wu1i32ccfrsjymigcvupk2zgletymzonobslvs9ktado3kewkedycuky68ygxlmkizyagebed7jcvehjoaalknqknkzyjhc2yqwryvmgzgqeyg6v3fhtvmpenipw0u06ndye66kcitg8ns3qvmoaxs301xrczhjxqnbtutqh+gnkjhu0ngm8kvckmhqcgh+j1mkyfemeahv6thtcnufvz9cpwu8/0mvmg6ywz0qiczoc0csnxdzn4yaig+yjdavy6qjyma2kvjtph9wviyvml2vrjqcexzxildo6qsycbkw7k29qvgtpmxtd+tpzxgkfigx4zfpqcusxcy5oh5wh7assrghm0jcr+czecru7h0zvxady3lri1cizorts89p1vgzmz/i+9br7bhgrkdfkrfrqrsj/ckt0gjfburvlu3i1vgcru29r61ddegxz97y10vilbpjap7us2gqm4oheboiwvmmu6ktttwtpv1gmdlctqgqprtiecgywlp0cjhdd73fzhpnww+yfsxll2nwoi+/lsjx7zfki5tptmre28xpefbvrrxwr3rx/gqzc+kbnkhkwtsvmhos6d0gfl4f4l/d6u48x8otvpf3fcegvtgv8krf0vvwiy7vuj4ri4jdedoxlsmurdpnt+uyrsujpblrkq+8tusvdsb8lbwc1e32tlmviqoyowp/x0zzpgkt/aya2sk7ylybzdf0tdxuujgqbqxzcmg9m/toubozdhbs2kn1osalywc8trxxbaikks+q9dhztp5axp/n7bkpacxcyhqygyahlla9qno4irycpvkyc0khjiyswqxgj72nlz+5ptnoy0+tsgbuzlsidsdaoko+rl19fiaojcbspwzqlzlgo60tp1y2d/r6xtcmcm/mv6onp8pkvopk4kzpfattm2hlmrlz/xgyj7fawxphnfjmr99nl4vznurbhcw3ihvk6acsuucfeqv0heywnu8xnfgj9oqxwvanadbzk2iw5iyoqblezmc+efw6trhkvrdeafwqqduh5udxmyxpfmnivrkcexyf+xnnev4ijftf7bnomeri8xss6cvwxvz9w4ajhqcepgzah63wgjc22ykvn73lip3lfui4ehbvjgpvfxkpct3erkmqft792+2quygn2pku8a6dwir1atz4fqlexiy2+sidq51i+fyqwadlbn0uzm3jhilpnfjvkxdskowgpgsa5gk8pr1k4cs7g2dgbfyjkrixi1fyv6pldytbnxkdcsdfqneulpidclgtmf8z6qmoorbx8bb11dvumb65sibetzihwektqccvlhrgzjryyblfm7czrjoh1drkeddnwkzmvfx+1l7eriz6eenoth1hbyzyqnzrfo95pr2xqd7qilrvt4kznt21aynqyw/y8dhhytrrag2bo9w4sjwgllm4enm3syku7fxdjjkxry/ykgxsvm6m1ik/ppjcufr8qu10zyfhwwsqwux/regwhbaxlqdmijsgw9txra0brvkg1igvfj7lzszducedjzqoejs3kbuxb7hfl17vbmeyq4qzdzhwx7l0tdniu5ncop50ekuw2tqspwhfqqruohlnux8bipgg36ft113nh/jrhmvgmr30bgza3nkxljqpa6qsawzlecpil0xa6yok66lxgxe1loou8koywuklzisvfianave2mdkjho7i+tazx7/axkmfib1w6rmq0haq4nsh5wn8dcnkk3ibcvttn3clnwkei4vnaiatd5vggvqh+u02ovp72adutdaya4lw4naodengcxxykhbza/rbi/2skteovwavslhppwy9v64btpqiqjts9n8ua49etwuytqlbxznbipd1sot8mwvkknpzsq6ow5gsmjvm5a4wsuzhwq+jbamkk0cdvi4lnh2xi2sfnnowl3k7pupjcucre22+7nfvrpj+bko4opz556kvqxaslxbrxnbwrrrlqcxr6t6fpnftxi7/ad83iixvo3cmabdfhnwkvuixtuyz1y2dixvmwplnatbg5ixjmf0gxj9dmxoaujsdvnrbgbp68d/1r48yitzemc74krndvu4zoj5+lybmv992jqi/evb/ebvuca06um7i4mhau4iqnp8bgx8u1qmlqxmz3fbti1merheby95xdsm1nmzzdb+n4bgnwwxfv1spndjvt2yiqnkgrqnikjf5ldd+ac7f2jqx89w6+uonb1sqtb/4st4ots9pmc0pyjdqdriy+ruyeswyvyljjgwhlrocspgxhaby90jxjuidmrjw47dyj6dlmq6csmdo5eny9odbyg/sv1dlc87hex/qiqm0io9ovmdqpyb92linrp7dbtu93dgqzbhf8aod801gpa27ahvsiwy3ah8ethvkmnyzl6kpqsc5v5ci5cstkhz80aueyjlufpc4exrilj7jhnchayg3d6ruealxovjxk5w96pz5jz+fcsjgavtgsbwxijlfipq6g7hntwkxdsyi1sydyynno13dv2yfc7fpddk6ckvoq92suoo9rrsocffhdcch9u87lisl9tq2yyskeo0l+tbr0ntyobsik59f402oiqgjzrtggkoshz8v5ddfm6grnuwq2fxwkepaimsjb5whrfpqv3d9w5i10ixztb5p1wfeojmqizgi6pc4vq9waspimf1lx27vlrr42/aaz8+gantuu/auj3sqfkvpwmu1elrbnqn8ts80ki2ipxzo54cjf66jjjef38b+ue4ehc+he0wv2q74vbtwtb62y6sqv0doicdyk1h923aplwzygnlwzdlf+8zajuowlx/texdplxcds5ufabrcf30ieibslk5p27m0bsd6if/ipskln8v/wkyzpq5byqcmb9rv75hlsgqht+artbcgp58ztligbkgrfofdlb+is3tat1q1aduigaywbqkimt2jgddfubokwxjpc44hkdy8x2putefgrb5bx8rnuik+xe0xoruketc+p/jcr44xqfu7ranyfht4xujbv1bkq73e4ngex+nrzuutzz1rpynuz6ztmq3jyba0spinyi1pz458ghpoayqy1b7zteme7pzjsjhnk13ymmz9xzg8bphw00gbthe1jrps4rwc56/gime3cxzq/l/wcrdb1jbeetvynshd1vfi3cgl9ajth3ma0wqxrn8wr2u1tyiw2ld6qwn/70afhw/c4kvruotw6qgnqtvtltkhhoyechwrbprmqkldukwuzuvb3pxi/91e5ik/qbxcajk+xtyyxjzr2uiwlrszen2foi7khrf9f+w25hejrpybbvrftgl+vxrxrhl4i66xxqes25lpaiqxizj7mz3t0fpdvrwhgctdyo+wywz2nvezgwvigom8po6xb4dgftluxru4o2vnndklin2hx8lqwzo0ayxablko6ymmis3/pewvczls75kyzukpggxkyi20h4pukc/jzdwyfdffrmw0rvf3hm2qhymr3juam56fdot7adbai5zlkvh435fkn0ncvozctim6c7hflfwp2lavz2vgipn8bwj/opabfoov7mqkq3ehypgvc19evptrsahcz7/qklzvlsgtjusp5nea2ekt4jnavzzuaffyxzddt0+mtqgfoxa+pxjokoh7lhlzvhir1t++1m00lkugxzke80ii9bjnolwcuk6zlogvycwluhl1arsg2+8vyrltcgc2mlgpxc7rjetfhiicheol1lapkxy0ek+t4srklsqk6yewch5cb7ltbyske46kwc7uuhac4zh1o2ooe1g4a5mxdmqyblkpefu8ij8othfa7txe1dwfsyw5gyd6fli9ouxiuhh7rivwj6u6gifs8xoi48pagsobs5t+lmnm7bhmfv5knbtpbhdjdzgaiyduiku3huqah4a8nwfowyxskokqf709wxbnijhbhzbdhjd7g0/xhhd9rxl6zeak6qhasuev81ppaqwiirmvlyatrhshrmmqg1cv2izunbncy5posrwqz1ktlje5obzreuo/adngkiekm4kkjg/i6ftrmb5jajxywethtw9lk0uaqygwhn5b2onnehx+bw8nd+jrmbsg6kh3tmuuqrpahu3uqcmtrc9wuoivqdkrtlnisk1lhehivg2j7hfcyw8xigxer9m1u5yncfi0iwtkryvdklngouq0cuq1sdmbvr0htrgc0kx7titj/3phvezkl9ingevgnj7zxbmym4s79qemwdrizomtbrrnyrbbrqzzv7sdvjw3p3fz9lpeptsdqqj3qjwtxuo5opfohf8abzqmpslhz7utqh2iardqxzu++d0iuzxp6n7kxa2z6428c7dqsttfxiw0v1oflppvsqbdfkheyjgniylt7kgzyiqr7sglu4zfijst1vhaezqytj6jq/w07e8+o9u3nqhzxhho120fzu7yc88c1s7vsb7m5gxzavrqthet+yfclk7jthlddcthwzc63gskaricqzied0ui+n3clwzfagoydlqjrzuigrvejsxzredrdwnd7webihfxfiierwhnymynlfxtb39171g9d9lbethab2fgvtx0yovk71+ztetzqw3ncsjnqeiywyv8coiu+29pspe0o1qvvhohxp9gcm19xvo+b0fzycqn+2mkofssjmx3qa1dopp8rqctto44wbwzn6sj53asbvjgqvbvnfqu91czsp4nrs7mzdciie577l06wxryxgvhfj/cf+bl4sfwa2yqcsjfy5djbfltnbun3ltwona03prji7tu92thobke27l8yc5r1zymymonqp4sjfsmqlonvld9swukee2hm641rmwxs+5dddb2yhpdhoxvrzcsfeve/yegbuu5azgijcei/zbjpshpq0z7emkhr0bq9qhskrrdq40+jkjoxxvqgorqltcmdfapikkd5kpa2b+q8+wzcxkvx+4/a3yldfilsewokrrrdut9vy7bbfki6uzfknxim26hdp/cji/uoagcrtl+evnapyywdibbjpcvwqj1e7p39nd1gavgtivq/pgz9lxdrlr+3rulmdcvv52k0nam5hpybmitjfc2edlpotpjrgdatnmow84qol4rzuo0m2zdlxei6fnzpm/8arkfuul60194ul9eu/ctlhaoppagarlcrtwtvxwhkj+4nyyo5bb0ih9ykf+ec23ksjuek1tdkdqg0em+f+dsrmyfcuroiifgtei1cvr1eaugspthnh+zdmiqqwarglhguqjsahgrvi0506k+xmc087t9d+vgrxsfpy/oaekhxjlq93t6v/nh9r/jiqfggcsxen908evqgzi/errhwpwwzmqcauehddgnahypgqifhqpxkrpejwikxzuqugqpnzfhwtvogzm972ql3novarz4n5htwetq3jwjkfemhizp4cbgabz9gkhz5smkdyi5yrbwiebqn2zizpc3ze1ra0owmuzglaqsnrlv0yz9d6axqijtljbjanvmdjdnxq+t5lmmj2we2cpfxxpfhdhsjz/jnprsl2gmqfrdmo6hqbaueaftppptbcfi1i/vum7ugkhk5eohnhwg/bkwumjkgq91bkqbee94kg2ox762n7isrb2gnn3hevjgkmfzrkyltt0dy9unyarfnglnftni5j0rmdltqaosgtntt4rw7+1lcmvjbdbugt9pliw6rfwaturhnubvjnz4tnkstvteon3pjohav3w4c0qzlhgrf9hoypnpb18rovtgxw3oxg6fyifzihncnrxhbxdcytkbapixzo3jbfp1dftmxp30niy0swldfu6bvqulypqrrzl+9svt5raap3dvkaknxd3hrsdg2ekkzdwqlersbjdnrvlt+wrbzafe0fdvqxm7zbd2jlty7cfye4kfzbyytuuthmpxbdnzbm6ndwv06dya1pgwpww7p3lqvgftce48tuhrtfqrhhs3uxxbzbivo7mpzchb23vdt2mavbcaygscptmsnsjj7efw87uyghhtckghttwpnsxz/luutkj+o59sy/ky49dbbzhuaa+qgwqeljlrqkhv/iyjdzor+9jh2+w5jvcsu140fj2q1+rbg6i0ai+g4cy+c76sdr20l8yve2435hpr47n5mqvpmmp1yamnzfb+03qm9csfjj0lwuw+jnlzm3mxgum9wlmybfbib7iacsrgacvlshhaz+dqjgpl+a7mj91e1xfzvstndj71y5um2ptei9/o4ozhygpdugrehlqxchfw3vjrb2+2nktdcstzpzm84rll2o37vnc4gvl1kzyzi/9zmbgqfrjicwndscxtbzg4zhg1iqirolhrz1hf+sjwvo0vphywcgjjpnjqopl47n/w9dhvejgks0bxblv9dpnckqv4pub6mok4ny92i/3yx0zdh2xb319ozklaxi66vzgut3q6ya2dpbkdwdoj1sbpdofv7sftgnm8rqvwsj1dgvxavca9d9yjco0qlxamduytwbpybobafx0f29sgupd13fey2ze616ov7mkdfn6v+hdkhjeuy63fcvcxxxayy/we1iaskvcrxu1d3mclk3qgsvvi7lisynggoqwuqrejkjktcjqs9do/m/pijopma1c7qrrulzmq340ch/5gt75kwh+0diai4fxvc7r7rcdz0y3g1k7cnyds9obnvdijo2ca6oo7ufvlilr3kfsakvtl1brclaaeufjmjscmpv1ptitsqdbubeli3u+nd4+l7ra7kle57jbbgrgrsjnt6s2idnwqmtqnubsl+abw6d7xfsh6rgifugd01z3fktsmo6nz5qhb7z4sfwvxp7j49gigat+45rn44izlm5mu3hcqmwzlrpd0wznxrghm772qieljflchlud6lnlp141xygi2l5l9x7vxsz1n9e6oignobw2j3r2t3h3zcpuakchadwtjutuc180jrjzkx99v9v0ouedwukwg9zrtikt5ytg0d6ehxcop7jltopkv3nh8b1j/u3hlutflcdrlqd6butp4pwbdh0y8okwn3gbtsf9xae1o/fczvj1vm+muzpqm5tyftpg6is/wpkguodoksj/x9aok4bz9eo+ywsczylchyzshudns03vlaibpeu5sniwkdih5zsytpctbsr27wnc83tzog9syemgne+ykjrjr0eve7xf1hgoe7dqrhbglybnifwvncvujcifz7fgcxfhirlmavedwc8yge7wrryniukao6rxnv7esw6gdtgdfuwidjfl1c17tdc/idnuelxxicg/vgg8buwraj3bxwoxrero92+qlbvfyjt7vzwpe+nlajhyfrzrwabh+vmynlwxcqn+y6ckwzk0hehm7pyukbwnuf87awtug14p36iqzscg4elg8tsqsaivydfiej8ayxslakyiyt1mkxvnaqsoylzgodw+oqn2e+utyp+psamomkdsbw3xre5yuhe7igydrsldupfq+vkzzcuwby+f1dns1xqdra8dxzjwy4kz2w6ltqrs3ftkmieugn7nduoti0fsn3nua2ndopcztrhh+ume18zxzstq7v1k38ejwdajdkrtq3yqqxrccpj4q8x/gq2kwqbja75/gv4wn2uyqzqc1qg7ibrulmxqctn5qmqvhrwi55ikkd61wm1wqhnotwnwh0hkclfh29j+iim99smgtalyuuxgezan54hig1krvtoa5ekccusz27omkj4owhuwulnvboeciqkeoyk15fhylaxwj5j2rquzay9f56wsqs8u5bqvc+clm79ws9dsusqetnz9arh2s6iyii0yjzqnozsoqoel4w8kygwmhjq7pnl5rlahonezqxemytti1dzribfgilwxrxnb2yvxynbyvmpkenblmbzxwvmfrtuipb9wx32m6phhwhhdvpbkhu4jbzqqj5aa8eeluda5fc0dtxcqovhpqqr9h2kiypb5jz/2ph3tx3eoksj3lxf0s4hqbzwrfuci9uvdzbuyw/9o41ooiw178s2jff2jeqys9twgh2ltpe4obtgc45u3b89baqibijmqj4sjkbtipiyhri/p1fmdu6sdr5mikzyfsbky4diagza84kddym+hyru5lxfjumjuj1okccz9abmqpnyxwmba8c4fkflaogyvw1yrxbrvwfozqyfynefmcstio1q5sn55mnyrpr/b6jajb4deousdackxxct2ldf98hm1wgjkolibcnexfxrbdeer/d/yvkvcimwam0n1nmr78siukjo9qgrvhzdgifzhz1oxszqrdo9c8pv8ux+osg6ecikbhuv5o0odu15a3t6lvajur00u3otzbu303pcpgbfgkkg6muyf7my6rajazparibvcwnlz0u9rbdcwrh9rzj5s5kof9yrmtt2i2kt0v+b0lyhktdxa5mahi/ec1rfo9bkkbwas1ym7x1ui1egeq9x8xpiuhyuw5wo+9ovf7hmmzem3dudps2ly0ycatzj7l2igpnljnf1bd5r6pzgjug/gx2ferzfiy08r/mrcqdiux2wf5hcknri4qsmnhkbjzqx/44rhtnac/ckoc4p73rde3k5ymh7o6evl7dpwuptpq2uezkihiat8l4o4pu6+iu5iqiv9ynozd+0qiwyt1okxbpb1gbpvu0y7x99qoykyyotiqr5wyh3jfxihtwpw9cyv/9mbqcbj3mkntawyzqxs1bujmreflrpjibu/hindlvqgdxzhmkxhqqww1hex5nt4hqpglbvevdb5azdqyi5d0chrjdq5wdgiftmwm9tfg3ak/dpvmmll4rova0iqwiexhtgwpszitmifiyr+lzjuyucz1kwsgx7zgou3py5sygjmeykgjuatyhxks6syxavpymw0lyktkii7bxez1exdokwbze2uciru+qes2c13yctuvnwqitsg1bx11iwkpcrwlwmhitsyfwfo5hc8ueynyeydy56t5hdw9hq8vekpmwesdop9amtige7m3+gfyvl/u05tq/cdrbhh4pa+xsbss27s1yfvuxramk7iwfwhwkyyydvidxuvsjiiy8h+z7srazn1tkvatjwfhhdp12zgi8fslfomqurqjefcn0akcjgvgwjmovpfzcvptgsx71wmxofp4nlkwwdrvxfyk9rhe/uvlxirmux0fpbex0m8ydwdfmrjtoalduvqnxi/qqrpmgqs71powbddpjslizzqtuyjxi8yrj2rqsp32ratjkj7p+e98ir8xb7xuho8wvku5v7wcf/wonfyqoebltjifkgaz0o/ri3imeibzyq8t4bld87vzgga6sd+aabzfl7m+8fk79qaos1mpf89dstomc8jjlxegftq5ohorot8ug0w7wxm6vgigz8o/lznaomgqaumotkhsy7watmgqim+vn/ncex96p1qzw54gbsp7rxxvvjafcuqf5uan7hmyipqrzq4iegn7e2vcxivzgm5h23oqlocnv9zhcj7ye6un8dxbo1zndsezcm5v3wscbeug9oslf6nbr0vd1jcf2sqnmrqnhzoqq2oe3fe1thselv0+lrzi6azdwd1esco6u5tldns3aj/k+cls2ad616u9almzf274nxxhber5pwvkmnupfnaza0fwphhtus7uuaim0pyvrt5qr8osovbuve61uusdsgs9ro54ne0alb6myljqctoi4m6zdmrrinctnvpqcxla+q5mbusg2rsqzjzmjvmesb+tvvomm0dexo+dztq1j0pltjkhep0gvg5qkmg95na4lzkjfgrt7jdjm5xfxinfith1y38tagaa4fw3qcxoj0ykpmdikuzxntlpwe/vviaz6lseieknrh1cwrmycs92khlyta+ncpz39q/y9nzxavz29op5usgdszmi3y5xcxgcu7n8zkbyny4s2wj1nno8fk8jdmtlwuwl4mrxrmoaocdgqjlk9tvenadpkp6wobdko3hbahew3h+y+3sg3r42nmgh/2ry7klqzoat2vsp9cluzskbhkn2egiyfdoia1usiv/hmro7bgmfoldjtkjedvctlcm9hodqpkbwmqe8ixh+au5xpve8/t6/9qckmy9h3dfzjl5j82ufz41pnspkuusmi7peeyrnfizx2dwepb7ejwqvjvluqsxbv/qckk63zneileduiubcjm0focpk7ikjenusrhjllrazli6ghyo6jsj9njowmwyckrk8niz0a7u5mkqjjjttjmljhfq/qkxjan0rowijdbrbturk3b9mw2wn+lzfjg5u77a5rqhnbzta87w4ydz4plchrm7si+ngitdqnfeik8ptm26ipr7wify0uf4bjucumoebzl7enqhgd3lvteml8rcfptxrq7qtsr53in+vpbnlvcwdz3dfipj2yej2cvxifrxyavtuiy/ychl6fnzdrq9isdbn0bv5ezbqacic+12zwd5mish3ma8hq+dbrdud+g2thcdnnyitnxrkpmtynt4+kq8sapxuov/tkfatvvjvdlkr8pf2ffnf4qcoh6hgmcmhvsvhoaqjosgeyw64cnmuc1/li18rgp6zfqdyaszd5ymp7v/3mxpoo6dzbwc2hx4yjil8h7ozcihc8fe/izbxumky8sadhoqzymdftpyxujoeqz6pdhr4keaibsay6o2dgzigetincdphrdsqciclzicevcgdnhfnrkpy2lo5w6al3iqtuqdtqj3ggsftbn9gcg1kvftwjah/qberdlqzs4nycxdmfduvehl07qqg5dxk9ebnylaymhq+ds1lxu1jo9a628bvujeojprlruaavaazbazcgznzyqbjvn+oq85vd1rxkcacp9vqej1z0yybi4pnkgqyjtf72zpbzesddrnlthg6+vnb7wltl93drnlrp4ib9iwtcjb6rwiqk9srur4wbwyovlq1y28khzlu96ah3uj1tiaqbubtux8lrxtgw37gn+elile1mu+a4c2xdntobzqqb0abh/gcefxewee9hpmbr1qhdqlqtpm5ewt7fopm9biq39fqjmlwrcym3wutuifjagse1paccokq1kgsqc631flhtq21x7gszfsppd/04wde+mdhk9ntarl3hbjhsxnk6fz3nyzus5lrrtvv2joeatvclyzmus1rtap78fgu5frmfs/fsa0c63rsreb1vkoyg37j1lccqqrtjr0okwh3iz08rp45wrsvfee1kj8akhkw1uluih6tvtuy9pdc8/zxurgtnjtvuugvxugqcr00ajfmk/gartu7lsnxexbg/7aqq9ien0fimmmxnpe1ww5xouqwazkueeijaylpi06qclcfl7empnakl0htev3xhuxaqj2dbsq3szqlo2ruqxxvvovq7voyseiteyl1sgwec4saogkkvgfxa3momuoeszjokqnqqymyvndrv66uqzdrtkfu9rabqo57/dccltmdfxykx9vrk7ahdecd15fxfcmeby5bowdnh7nk852a819usswbajihqqmkcm8dw0wywmwv9hkeqvztawz8xnuptcpufkt+8vzhxeejmgnr1oslspyofhqar6/men3seoydwhdemgxedqu71fcmfo2qqmnssiye7gwbzlpodsa8ybirt3+myjiyl+trljxkpszq4wri3mnnsypi2yti+o6onvubfrt+ftkeprvtimnemqfidqanjm524apwduc97+r7yhmjkvx74bltnmezejxhv11gp+2xr0uweuvxhhiv1w0/k2le4x/qixwn3i1rxtruucikremenaif9zsaekozfifrflj4jjsz80hqsyrwixpse9hplkqmww4osetm1oupgvdd9fn25m+0dk5ll3fpi113d7oabu3mxccj4umdnmux/ez9zgi37ayhzrkd8tf7zarluz4boxhbzx6wfvvgljrvmo0+v4ifjq8vhpygeopkhmpvvvjg/u0w8jbtqrsg7vcbenufriav77qjmt7ck38b3zprdaaddx+ghlm0ywm8/zmbbuukrxjpjtqyd1qr5dbsp9h6y9a+kc3qavvp6vds3bw163ewauwjw8teuhgoe0vfnyjadm4s3bnmqzmruno60bq7ztmooz0vxlrsmqotpmumlku8nu/yxnyz18rrh8mmmdpp6g5f7/foicrmz3nvemv4qwl0oidjkg5ba63grnogoezulhixmbec6m+xaebs1uyn7mrfm20h2budyt+mw3ch3pvjnxqdxzoqxtle42uulh+wzqhqyygypskuqrh2fbqufzsvxtrcw/akpabqym1ccstzem3gx61zp5snakqyquyihlhq4hcqvhr5e/fl6eq7nblw/xyvvokmjrvjvbzbof3kqzwlnbt1thvnedd9nn607lbwahbbie0n2l0niczihkx8nmbnp9e6yjefpy591p+ramwnv7vtz6vchxbsp1x9uow9yw72ajahsaemhgjk9zue6lyac2fytkktnhlcvsyclzrzd3p1yt7oj5zme7y75fjgvrr1n7cbbklnrmbt7qqfz4hklx2mj0em9bzjpsxs4zlu8jffz8m6urhrsv8obhzs9fkr7tjxrp/exdhnmvrqkrvajbdjvxutcgd5r6q+dxxhxdeiebf3bfhtejl+1bxpj7x2aqv0p3bsd2erjqu+b9drg5z2gtz+nqxijldhsoev0x5ekev9+0+oojmgcxzztymc6mssjdzrspgqcprtqy4za9qxoepeyoipsrbedzcyhctd+sph9mz/ckmyjsmedszheioiqnwciycqlxobdpiet1dpsaziqc2vdakr1pjcs3r+cbw6yd7tcwla6zmtwdyd9dlnkw968qfxautfv2wa9jqvwu/uyro4iq3s9eyz73j/jtnscjrg5jwnptla1/l64dl6ofjwjpumks8fpwnusz8+44oe2hyq9zqe3lbcbtgkg87lqrrssqxwv/qyhkooryszjz9wxnobdbqcz0byffcjw3dyk24czwh77qjfuzwoqc2js/0c6bpleufoh11xfuh2vy4vrt4rdifuagp40+zhbixosaxaf2puu7nb1xnw9k9dn9pd2o4hzzznbn6pdalrvhoqjkv4kyeo62qk+y049rmjzq5rojebg+gzx2ubxa0mxaadfxhr160m25w2pbtwb1qs8p3mbelrubsyczjbdhdcr3wsnutu8lcflzi5miusi1fimvqhu3k4sqvpnuxgyr3e1w7ea1adbhebzg6pqvp8wbwru7lsnpavekhcaj5pf3sgk2jdowsykluxumppgar9rz7e/zhfgrsft+k4s+j7im9uqo2iee4jhvd/obsgeh6xopaukszjgy+bsuchlanwu8e6yexpfu6n/rkcvp3poivkklal2xzyxdqtpdnnhwvuk2hk90st5djlqf89grux4q5j46y3qpniymimbay4dlia57vhgsmvm0va38qveiprdks1+alkpi4a86+bcxizioaaebtgnm4i8rvokkc6awkdibrpsw26iuhv2dvsxbelnem9ddhivngs+e1wli1mpjclor5mzopkqcbnno1mrwjtvviakzdhnvh1v8c5mr8ambecxtwwcqij0eds9r0k3gsafky0lzg54xzfnzmkoss9raz85wu+v712keu2kux5v9+eparwl2pnx8zd4j7et8nqn/qt8wu/ulixru6tsizuddnjxlr0x2sifdyrmva6ywsnsi/kay9+ym/dna83ojo9pluoo9gnt2nv/wlajzpu9nb1/zxf+ejnyuuldwdyb0zima7kjmieynqis73pusfpskyx/minggpcbcbgq2kfkwi7m2vh5ffnymnge/7zfzhusja2wlq5dutkfoklxj2jdsrds+xwdnn8ccdju+bzse1ko4xknff0jsme+2mxtdkld0nyhadynrhjs/gzatj8dgf8x5+fhloyok4lgbuxczal7g7th3wlbnosxzmex7zxpghpn4rly9j2uei7sgajcde0ztyailsklu4/+mrs6khxuhdzqj9z5oklk4nmjup+gzgh7enlx4uujmxsit+qe58uqn4ilbplby7x6prjzevlmtiludjcr62idnojit3ut8njyixyz3buadxzwhtdcdxyxlcqja2lypq7mxius2robtpbb4tb1xc3ma5cphugfy41socf737zxul79byqw/w3y4qrh92vc2mkhbcc7wklmvxo5z/put9pqbfdyggorrrr1nigsnwkunpgsozolovag48bofmhykuzyshpe+b9hz8wwzh59ym4/6ygf+dovxoivxzvoexoe++7ospkmtfnbg5vjtmwtjwcsrp1qxm3dejhprdijqehe0ra9czjuebz1+znd48+78mhnrdpcd9hohobsqh1uq4ijwelcybc5yimdrawrjd6hsaz01w4pdlkbcmhl3aos/7jz41gujho2bzze1/08teqdr0vpbeifqlppazjsz8nbkuphagxigohvzv0hiluyymr8kiibnffufuz7ysfwmyuryojggr7hfcy0emjoogqn3njubnxrnfr4rhcsxdxbdklw97004rzvahthsxxd3lur43ne1wc7/vq2+bytzh3vywv1fc9vhnbfnzrxbq/vqlbvkjsmjuqzo/5fo2m++5jykgb5mekixqvt4g9tsqq9/t79p01b/lpjticnw1mt+75nypzkigw2+rjpqxjtqps4zvj0x1bsvea7nbnh2qpd+xtcebuetrgczhejlq9dws9muozmpfi9qjqg86yo6uhkceb4dv8zdeqtgjqanypbtx6yk2taxslbiznaja0oi4iakj3tqlvu+dd5p1fkrlcwtem9hblhrt3uiylklw6tir3gfs345b2gcd4kcbwtj9k5bwyovnlsq6j7aigc60bnxjgv+dnfyq3gs/1s83gnwds1dtqptukwedkbupc04csbkccdz67lk9qkdni+o8um11gz3tsqrjl+mn5hdzwyqokcfdvk7eo2znuttxypmzvqnft7+jf8zsjcanpt4d0bo/pwynbvrnocjaqab9hp0o2vnsbpmmoovsyogmk9ouhubuo1sqipqm00rlhm7wzmhztaexql6inldmv6v/x5z3d9770czxls0megv1fyojucvmwsky/mducmcw8rlvualyu/x90t4txl9+1xcm1h5ybe/jzl+eykna5fv1080snevdozwaxpfhgo/lop1rm1ldm9lcywwmzrcpzxq50fcrykmzrqir65trsi+ibzewbvgowvua1yrzsvfwm2girk1ukz/elkzoxpukdtnivwipjdpobj0rxp7hqpmxml9thsfchn3jztnizurcnk8nybrxv7x4ovf9guudu6ks54u5aefonud5/pv/xpey/0rdetbinmnaz8uymlbp5gms4u6u20jmt557krepncfevbphzuuwnmjkektg3pdzzgsfq9tzofffafnk1jxgqvv55oxnjc97zn/je6nlthvj1htmowxuvjybodif9shrcelcibqa3him11xokpouveswuxn/hzb94zcvbeyrqn1k57xm1fthtvkdjpsr4f4f7yrvocdgvavspc42h2yporu1yykr3tbmu4fuyuyld87szspxaar83wcwyynqeyhd6gzded72mfeooe41rbehdwlz64/whyf6rfoswnr51tkafzrquvczn1nogqgkzpjhf71zf5fylclhccuudjht+8i8mcwqqtj1aagd6yzm6nu2z+dcqn87morkgygvvpcldfcfzjqbugos5muzv1y0dcuomzzbhrpjp/xunb+rtttcy3sls3wvmcz9w9yroid7xwyavdcjotr9wpufu6km5jrph4p2hywhqxhbbgyjxfsbu2qwok1q2x79yyvswx7nhykv5m75rjqjxr1fppsdg0jgg2db9mvohamw+uhb/j2jkycrkpwl85l83disntnhdjbi03fu12188qwyqnqjne7vix0+obaldjvkqcpuck0jm4l4g6rwtvvcj2w+tixed/6a6cuvgj60i6p+asxmbmjxbtqwu3ilknkc/xjex7zgf3intsqxqjqnkkzptgbh6biyuzjxx0gw221h/iqwki9zmam3yhlwsb1sqonblyg1cr9pcxous24pw9kauk8+inybca1m7khbv/xxslopqaw09d9znkh1yiadtifviza0p87iaokbvygih06lvjzq6ek2x6tnykwg573v5i1mdy/ouhzuehffbsmeyomwibeuw/omkeipjd15flgh6sw3hndljvxxhl/yhsp3gcmfsdmdv2esgjioztsxjquwqm9yakluag+evevb1rectdonnvwo1ynawexamomh4jocsrmomesmjqjiz7rahjd68r6zwwpaqjgzbq9axk9ilkc8bkfmy2ufjtloqp4r0ukukqjpf5cmpbpfr+m0+kkqxml5kf3acqozwgfd+pi2mca+yyqjzz6ibmn1wa4i2bdyupu6npo2dl4yljo30naykkwe8q59bxt+k53odlgvy8qalewj9r7rdt+t6nbtgoxtqrhhwvrwihyxmi20exc9umytfh06cg6taqcr4jfxv7nplsjr1vh+bxzjetbwhxw9vdtvax/idwrv87m/yolsntzosc76wj15okz9sz9trnvwe2zspujw5ufkpracesg0fctrhevwcx/i3rlygsoplsx8zcz57vaiuiaubd1j5s5uvhkwekyu5pcweo/kzqgntohgpjrzmiyrnowk+r1b4y0wgyoxqhrmdgejiourjwuygwroengxibwsiemyqbee2wgb127j1qz4qkcvs3knvhisv91m43mq+dqxs2t2a8razz5g7v1sen0grvzx9c6mcmhtjlh/e88t9kjw3r7ditnlyxgzcwaiegf1lbjnxjh0fwnxvwxoqdzvuc9qgkkrbw9yhj0zssdiherfug73q+axj5b4dl7nuqv6udaygztreyordpi9jekko+pdak7/f6wc4+d2gilt4ug7fcrp2yetslct8m0zpatjycrhtd/ghrtlbfflryb0ndcsgjijynpwrxnedcpvkqyiybe7xwuqgq+emiqnfidnvirk2imd3zlg2eqqykoyweqkihere89zicruwzikn+lrks5wrai1iecf+skinnkkqgxamblni1oxoh4plmjs9yms2sqowvsjjmkmtawnomq7zfqnzyi5qltqbvq9xqsdelrrj+imuoaayd7fn1rgcua3vkeenxs1brd19uql3xvtst8qnmfi73teovfko3fzjm7khswkhyurerzid1q8qy1pojml6hmfkvl0h01h2yu5la8uiogsbliqyrez1hzwoeqcuz02yxihdbzp0i6t+iunlfkfxy35hefw+ucmafutxyr3tsa1cu4h53pwrqpimskuel2uyqzuihlzybcddmdqm/0w/zbrlob4ivnigvvpqdjidlhhjlvz8lad2csuog4yoafh89jj6ayaxhlzrnbr5splt2e9cj+vszidh5od0+zjcabpmqhe1fuw5sdsvxierh81e5rzy+htay6wkh3doq6v0rvly8zxrcjqqexqdfi5fo25qqvvtagw9jsn+6gkv2prenqqpdhnczt+seds5qtdg+duxfpiuqpx897sh87wzs11pxztzzxmfxo2vz7w6f3unsfqmwcq2zi9teshizutxlxjkzrnqqo9fdeozxuhfty4cjqnpum0s538twrc46v1k4gx7vntratdys+eicqqki0f+cywvzntonntra3bpmuvk7znaqdyesbhzmkm6xwqj+/ktt7qsyz2m3nyafwixix3umuxrekfeuchmautewjppsuh6n7oz709hei6agvi1mwekmegepsp6sarlsr8q6bn4xfwar/q2izhs8cjimsvpagazgv8lihb7zcy28cmiyqyekq+o+f/hemc2mihpqqmuikrdpgtjbwgxemkg4kjjtifjut81hkxfamzpibwu3bavhl3kg/hvxvtkuzvquw94q2rtmrhkzmmgkrmldunqh5rlmrymuegm7u7ywlhkx92+kgpc53zijy9jddpizjllfdsmud1pshebmc/q7gm44eakavk8m47yapaso8q/mlmmmyj3edrlrjch0tc8zg4u7qar/eyzuvklncpsamywphapncl4z8f974qz6nsb/+nit9oebqmzoa3w1iqdsufbsj4rprxk51nmykmacmdfke4h0ue+7ocqw4gdk0jutu7ofxsjrrb3iikg2t1upuwv5qhzmobplemjeczjsmebskhcqbycxs3pd493btwjg5rirnyb5p93byk6y5sh42juuxpdvudqjhklxb2fagbrrctetgzaaidhac2qsychy5kpcg7elejlbvybr7xa5xthzvah4klgypxldnajfc920qafdtwyocjaswkmwhtqn3c471vx14912xhj71ekt1zeawr5t78o6bd0w0s4qnlnviifpnzdoqm1m6ofpfg/kdeotr9pvb0huzuqqx5h15k0rj4/glq8fwyobvlne6aex7pc8ad/jxcoq1szyysc077stpl7z+0jkvi+i/xj8+o36pcp6lm2uh+nv65dvybe3assjczeqplein3t8b9s5mlsslsc/isrrsvb0t3butn32emi03mlasi3e5tzut4xsfygmxiw2y5rjahg65rpdsut8mn9qjakvlrgdiw+tq9rqxgq9be37i9con8jmezs5xvmtvnrlomc2ngkgljyaht7pemterev2ne4viukoqcy0rkcnxydgkp2eh2sk8gzd3vefcxedmzbjff5u06lroathr16gsrm2pkz2xkt4we6dxvyu9zqwo/3kvch1u5bk2za1brtgqqyivawusamlgg6asscbfngije1mofyho2wmwdn0kelhtcpok/ss3b6vboln80d1t0lccp2tj+hoez94+hs72ybfyq4lpjqrrnoxc0ej6f3xfxe7kzm7t6pxnclyu90ohnihnaj8ylrvkikzitslaxb17kub6c9egrb6bpilswbkss8ihay0lmqcwqbimwthu0rp2d4wngrexbctkcp19lz1bs0t6mokhpslulpjdslxccltsbeslb3ynfrdwogtjmdezebsnlor3lnqvw4zhpcmrhs789oezmrtnxrpnfcb7ooc2snthy1q84ujci3m3tlydq4wfup7ptf63dvdj7p0lqt2zazxry/g4d7poz1azbyh83cm3rgvgfxf0miwg6ftfc1bmbn7o3ug1xnd2qxtomk0nngdkkg3r9ndcrcw6mwslngpeq4uw2crnwj9c4/l/sn1ggnzpmvmnjttfopir7u5tnryvwjx52f48xk7rl3hzqpyik1pp0hqgegb2xtgwa3tvo/kgtjuq9xysoudyvf2x9insibiyivfqppkqdcsvy72lcgw83ujmr6edebruq6yba3x1u4zkfq7ubfwudyqp14u6xhjsokr7mkfe5yrthq7kbj2hqu2xhoxxrb3lceyym0yylsgmezuvruuzz4a5jgnu2pt2zqbnaktaajpduu9y8gaufglx0fqhfur1celckbttxun0+jvokds6l4xscugizf3cvjta63suk/vqvndxgoodjbpfrdk1i7l+5reydbavfdyllzsze5s2i4xxszyf0qnjaccwa9j6ewapqwnvfbtsotsnzurhmo1uvu8f712galvbkzt9vxy/yb0do/q+j1f7cdtp933dm04bvc4me97ndvjjspxjswo6qvlzhtsccfrdvxjqftanqll4cn6vhsk9tskzy3nkkbk/4btsteqm0q1uxge5kzbxno3lrdpb3m/a7sspjk9aaus9inntjasrotgidpilhpagacvjhlwmbvs0zetegh+svxw5mio3pwkuf2qjg9zw0mrx6l85jxcyrg5zjapifnf64myv9flctzmvls035aeklun+r4f4dceaqmirq3bzllqzn4g+a4t2eeecj8km4rqgz8ekxyzrbc0ljzbdppgtktra852mpy7jdtjxeyeleyrlbjypd6tujdqd9ic0vse22ccpb4ohqnas7xqj4x2t8mw924ri0hcnv2aevb3jioftrhtq4z1poq00cqrwnp6sgqltsrcgrsh7fhxyiyclxge7mgrnzuh5yxwfwv5y+kjtnidwjltftvgwrrlzrkr+kysdkigfup2eupivpw+6wdrqwrpg+ap8qgyblnct9ma0jgm5qienillm0/nsohsezurwxs7nse1u1cb76laf2909kt9k9wjftnxh/okxyrrowfi+5nublmajaje/3hqdjua+dz/owrotkje1zrt8yshfzbvvw8tkmbbyevihtvdmtqg7jawgtmxcw/tqwhbgooh7nxlidtkd1mbaiqtnhirnbcupq8r3j6kytuq+/ypqzkar7ps72vhelm6qbjf144cttohfd7xe1fjxens3tgqtjtiniev1x9syfcqdugqfaargnbla1b5q0gxe0xd97tkqzdakkxph0xndouruqpq0q8hflxpfzkemj2bx8o9x3fb9hwwmp93tqyf714kfrv2suq2obhybz0hyol6y45myiee2zgkc2pj2hew4ejemnewdevib5jdwgwnip9vyd+1uyvz2gfxr1sodvzv3c8tgcgaoirvnnasofavenv+vdgpy3bifme0pgotz+cv1l471pknbbpb73hwmvmeoftpj78n2mfvslcfdzes2c6hutxb3fmspa0h4dj+7zbijcecgcn8bsop3nar3nf7xohx9gyl2lpxbo+wgoqcis0dzhd9rgnbf30j61xfmsnhnt2qznmo1vetswmanwzu40kkhypeenxi/bmvhjdkdxahd1n4mmcmnwzr0pgqywgrzed1rifc3xtm9zzu/i2b03hjnncpkdxet254unbewbhzsi4c9diozfmmmmyelj8y0buqi0k9xyvs+fqoktymaa2tjd7eeu9zyupwwx34t0mri3jnmtnrxjxxifj297r0xqsqwz4cqxyox97ue4qqfh0nidphg3btbjey9a6oa5sdtpwlo8qzqbaqaodcvtvwhemfhhvj9otuiu7fwvoqadl9rxm+504edvtvhckjgvgqpncitth58n1yz5owmhqpe+siqtanpxodujxvmqmmtj6kuc4a3flfg3u79dgfxtgkqn2yzigr6kk3p4sx0yrdqwj6az6qrlknnltzqjmbeabot60vp2e68noka9/83huyyfkk3s+myu18acldn2rxkiwcz3byx52c2wzfu1nvkkz20exyr2ikxdtdeuelr/d9qxmi0bkeyuyeepsbae/sgap20qpebw7iqhangs5l3+5xt/tsujm/0tdcrqffx4zuit2wnve4uapkjiagxf1evkthcmkutgpxty/iinp1lme3dqdxpzrvkh39zf1ho+tcnfghwms12/ne2uuo3zbpj3yerdsponrbxnrnaq45+86yfp97vawuvkf60kpx+pi/cqurob0kcfgnbegcyytp8tfgya+r7qqefpce1tae7fxyyuh3d0ytj78rddz00d46ttflzyjscf+a7cnqisxfa5fvvparrcmnq5zlhdqfa7j2y3trz7o4upq50dvj2gssqnyaj2rfryp8mzsngsms73hw422hm465qdtiflw5g3pyvotetlt8jzjgu4ksi23qegv+rvmunwcqbtcbqkpazsn2jwx9l2gdskkdpw32c55ldbxspl5xcthu6zzx3bly3v85hzlnb28ejd4td6yl57y7ndzkxumxjdgpvqhkmk8ceagn/aj2exb4u/elun3kszgtisy2yzjzbueiqgveubht1+7k3ui67dob06mmibvjxdqqalg+fyig6b8wpkg6exm1e3a/dapioa3bgcivlbczvjq0ixrfyokzo8kawlfkqpouwzhhijqdtujshaiwivy9g4ayq+9x5q5jkgejoh9u7psqds5rpzotqmndrdgquaoelxxdlriypajppauoyexj1ikuz3asy0prh4lpnyrss9ia2fptxariccealv7zbglbn8gj6/4dnseojt0xlh0gndigkzm1kbmivxgf4800jou/qzyec/nfagxrewjtpp9rxh7cpyvhlfwfolqtextmntqyzr28gfjguvcstr26iahqzwhx+jo5v3cahu/d49t43hkysdpsxjo7kshl4a4i6uly8ayrvcope95rptp//p2//v5/piotbtfrmvclptm8pz96z9urlb8o1kkt/qldty40zdlnagiv0ctpftnvrvr/6pe//f6/f/9dnto/q67ea/4japg7l+b/++nv//d/7n//03/5ozn999//bf//ewxpi+0bdt2sznnkiygwsnnvsttzm3/chakkz26cvpa75au0sqzvyqk8efmwlzm2xqndjnditgiekhet2kgwpiqsb8f1d75nsfvov6r5uyh/g0ocbmmswwlgtcstuucx1nxh1m5zfu3ksa8t1byvhxhupvte7izfuy+d6i3djhftduve83rnlffdfagse9s3/xn6adzacwdlgmlu+ls3huxmpuqospktoki43thxczisa2oqkdipaje/hyyborklfslbdju2gtmpnbv6vusooqvperjviulm18nlblqcuziuq9irmg0fiajunpw73tztcwo3smbbuull3fk5yxe7unhtn3ionwyswh8+zztgspnaoms4izxudrasvmxkg/qw1n01hz3mlrtbdlwvdd8riq8hn8f9rxobh1renkqcqyf3ysyattrrq2/kjmrfdk2nhck6u/qnne/1xggw53/t7vpbvlkd9y6of2ynetrdlhgjsvddux1icoigbfd8ygvmsny1cx5w/wccw5a87lwwzurgrw/xvmtgtjtjxjuqkmvaannnjmo+s+sxpb3v3dwfkhuqupl5zzzmu0gmo3yxasxnzke0i8lr7azizvq6t1sjuwhcliffxytfmvslrscofcshkcuqql5jwuuyqdzyo9lqknzyihozyxr5gcy3cfnaxvghkbgqejkmn6qfp2gmyrm1hiesfv6zuoupw3hceu6187hhhf8jkm9miodfgguiwopdtobxrkhxrow3irqipltfadqnw935yqiprhk7qaylzmk7ca61y3/re2twkhq3jb6net5t6ram3qh4mdeoclmhzkbxhrrubsso5k2wgtgvr3qrf8jdjypqb51q5vqir/pyjxk4wq7rayujkb2vcsnb3uoe9b8h0u/xejyudw1achm3p2ess+urndzgh+xesr6kpfy7vyrddht39xxrqeivhlp2wwesjteyqlruc+c+zp8h7couurkhj0olzklbacc2bpskcyi98w5dhakzxrvpjqzgvc4paocqc91mqp8yy8scegktyaar093xuxqfhkefml72vuaivujdvo2wqmg8devmxhlqceldlhuwfcpyh2t15vndya9qwsl2yyyqgyiq+v6kdabvajiujzhj/h2bpco6yd15wksf2rufeui1xfehdzqybk73spg1zln+iz0bcllyzii93+lrzyvqdktibmhkj0lyjozu4bgwq1hwls+i3azv2qirlxel6nwbunpxawskfo9pxmy9y2jtnzpisysa3p3ug/xi5nwfnce4yyzrintnx94baue0kttujmobeue9cwevqf75zua4jmcekar7sapzgcxgfqzzyvss0n99bmcic8te2nnqi3nrwki2iy+jp/xbvvxpt+d2ya9pu9gz2xxkug2qalnact8wooow6w/vk/p4ls4qskoylrqtlkt7lbcinbotpcpnjqev372anmiaiuqb9rmseckhq12shef8tias2a0xth3mvd/kzlfnadrv+rh+nol5s8sovjg9blzsu/czrfvk3nnkm5rv3u4kfzztckm7lsuag9kfzzimklp1bvwqx0n0hmmea22ufxisk2bjlqswo06840q6kmf9ckvwo5q+ttx5yx08bpgiqypyt3tzk3vs+e+ptn2oohxb2lyvwn+2lcbs3urgnzbavvayrirqbh+wkfrwulizz3t01xequycknjk457uk1rukx7u5489pwo0y7uujnhujffcuorl2dyu8wzt27pxo+yhvibumpgl4v4raeninsyto7vwiubm+d/vknh1euilzacqxorm6jbcyavx+izbuoiyeig8y5wzub7rns7joppdtykuupnwwsfq4fc2ia9eudg7tyjxtjqvojg0p1i1kfehnfosmnov28zwur9xx9/vk5ep4bw/zsru9gcdvhnllwf9rcajdy9bvn05xtnw4kfljnl3lcuo842jxvekltbr8svs2cruzcts2outk4jyduz4idvsrscz6ni1ytew2kkaork/nsgw8jbebombpicte9fo1b1wu8z3fluacrv+pnznn7qvrv+msps/l92w2nkfmtax40bvtk3cqoxgue1276l0tr66gu57cjd5ejxfm73pesebgycbamrvtuglxi39uyrf3c6oqvmo78+v3fu5o+toxje/xi11fxbzdnjothe4+m3rtl3/k4ulxqgr8iwmi3f83pkbh3cjr1hqwm6madwi7fjywe6pxq2tt2c5epvfdfbuprt1ouic4bhzdzbdvh6y4vnbhlkubtqvd1l6w5uesefuoe9lemebzobhpaj82kwulq7qbdkjhctbuuvesfjnc6i+m53z1ygeoaa6enlc+e7iluj6djxnqw4rv7lillug7zv9rlbgpehw5psgdcp9wl7bork7zzw1hzznjndw7bw+69frzs1ynuhlwhnk62rzbra/zw5feujetbqxhpuwrxulffhpyi4zlvbhpygm+g8gslmsrtvv3czb90byy9tudipzzddzsj6x0mbx+rjdgo7pbil7xudmoywnp0bmsrd/kvtqt5w5mkh2cd2lucabojs/pyk/yxvfnnjiik6ugmocmchvzvl0b6rfi1xipn3za6fn7m9u8ywuvzogx/k3wetoe37qloxpznjkrsnvx72+zrclfe3qord9tvoy4jqu52nli/byc5w5dcawvpxb2rspczpuultjj1vcudmj7tbhxbxwpypgnm8ew8lqwot5norhgejsyjdf2fsx1icibt5k9ctmfxpmelxog8wxzrtljsyzwjte534katwlftkbu9kxrjwztjajrta1vavq6cnixpzwr7i1hheb1xdu5lpibazejv7vmkdmazbf7wgwv4zw+bcnmdx6hfxln4/e2bnbxenrgo7dekl2fvvrhxru3evqev4hizg7lyyvnggggfivtxiakh8mhrteoux8ie78rmn0dyuqjz/ymzcvenwp8nqjktise0nhhkds5gvj5zgftb0t4rgcg2wmnqca5q8glcilc/0rn7xh+caccwgq47hhliklkbwmq9n6sl85jtbxrusilrvfl6zsux1xuuidt49oj9jzoxndglnw1c+urrg5uticxwaj34g4q+zx7hnpnhllwyw4b8nejpmuicd4ydok95vmx8v8tdi+5uizhlp77havnocsdsrbbgofanqbbghqfaqscp6dnxebfjjgbceicydjrmpvnf3o7u/+nqsaspla7e+9oajuynwwph8cc7pouwo7rp4p3qq4eihc6zycplc057rf1jfgw3nkqicvwki61scu5tv/pj1v3ouwcdrepjkexolplzomnaivfuh9ovgidvhwukzrlqctblqgnrkknxvawzj0jzbxr5lnes3tqemf0chl9edxybo4ehboip6efvtzblzqp6gipmwzwposzeul8xkaiefw1jkpzbmfcrrakxobnrcdr4qmqmbdjvcndqthd/i3lshns6ynjltln4bolhntzdy74rqqwuwi+kl5ui8/p0nft+pov/3hv5rhcjnq0vkmtnlhhpr++ijbx19opvw8tivkkewy5yuoqnmtytxw0tnvajbcmbdo3tzz6riyqrcwaor6pq4okbj4sljou0knvx/ppclb/qkpn0dqt8aa1uspgrj7l19p62ec+vx/ecsecf0tvslpgpicmdeyx+lqizml97y6squbwv5oygvbfdiq7r+7zxsn2kp98pz1uzvrgxneoqdtkybtwzum6qxog9gzorahjcwihdsqsfkncjkl94dghjur6ikrnhehhvzhgtd8yep/dj7vqdetb34ldnvpjj9nsftml+j7j06/bneruo5m6bcqdqimnsecurugi6ndcwjkfwpnhhwrvltxzbw3ghtpgu2yw595qntq+wymf2csensme40tl3xcjwcrmf7dwd3t9r0o0h/e7pjthjqzs8zlexbegnndstrep4wev1w4tlslfoow9q6hwkangfvr1wlkykptpyxx1fkwj1ouyrjrvwnb6da8hgzgqrpqdhpzkzo1yl0vgdkhigz+xsqd+dza32f1ocxqx6zphcnqud8h+frybzdv4iunb2rf9bhyyesqdufvxiqf7zul8vamkrd0j2a/aacfqay8h/oifpsznoa+uvsiywlocswhv++xfpzcfyulendbmxt6a9zyjjjzjunrxnnnudkp9c7nfs9n/tocm3ytq0a0a0rwf4e+qwoo34qpdehc85seara+ooqnkjh2i2cfbszzh83mw566frqoemlqqu3pregfjzwerdaitzj3e82+3rxjg2q8wvibmngnanu/bu7g3puumhrujrcndpf5kfk1clss9qjsytzssy6x694tuo1hznw8e00emrste2+hzn7pv3pl5jyt1ukug5reli3ryjua3lt8vdqjcnb0ixhqhjdyn/vff0zcp02l8f+urse28hr1fl1joeplzmzbt6cwu+9yn0ggegwse3jbmkgleospe7oysgngrsx4ejm5gjynpl1gdv02ydglhdxozl3yddun/pzge3/fedrjandlhogkctwts22ngmjbmthtnzwxuuvzjmkb5gzviqkffwum4/zk5y9l0qjn4y7dqapxftj3o0stx/qqhtnojmp1yfuqjwaxgl3dooe+5bba9lovhebcc68p9zspss/etkhtja2t9sbzsdpzvbzdpt2qjlr/q8zctsbmvlra+vke27pgkhxrtlpiwuqq1rvf508maht4go6laurf2pnpw3ijemfneye1+djqucfuopjes+56nobmfszgrlhgxe92ofjmf5um23qjuolzu5gbg1rospz8veg+g6lw27iiswxlj/qeda4bncw1uqwevjoktywir6t5xnjhazp862ls1z9oqtlyvyjaniusvmfxtmnqok8adipnlbmphkjm4h8khx1mj8z4difx3fsooxdo9c2bqpkqo2vhwrc6q1rqmeysugrj6c4hi+dxmpgsm64hkjvmnghjsewbqbacn8xdmpryw2me/oxaf152owfh0p3teyczovnsvncxq36npbxch3en1zdh3trnd3flsotqfnuup22969nrzlypxbhubib1mse/nf4ccyoutkzwcztn3it+rtmxddhogewtxz0nszgmkvsd7ay3dupasvm3gmnpyga65ukdvinxaid35rj0n8q5vptjtygggzdxcohkzbsrgeh3rzumw9fpddpu+j4k20ezd6azt7e6gfksd61uezv4hblt7xcg0/skckrc3qfpnlcwi1kq05ijq85uhao7h2ukvhizrgm6fq1exfu19glfcjwmb2b0xslqtirvemrui+9/xdhkjijfxtcy06vvdx2dq14yioj3p/tnf2u19k8t9qevpazpx9y0ijszdvh1jvoitnefij2inkaoacipgujgmw97xhppvrrl5v77033zbab3jut/neli3rp9b30onmon0ttzv8xxmber51wpjh0/yp1aquzboknspionsr5djn8i3/h2sxbyq8yu2g1ib7hae9hqijr9n6uc+tx+lhlup361doagq/sjlyd1hb6iuoa3ono4qwpk+hnwm0cwdaf0sx/rjhlmvmxhvtc5cpsq1etucksrxbmxxpi+k9a2slxhlwkk8jravurvk6h7dfstn3f6bvyxokdog8b+9klvvoltnduu+psxt7c+5qm/flvmp37usna7yw6ispdxmb8whr8flzagjul+pgwlq33yrvw/qdma1tngil/zxj7my4bu7nqvbtu7keespqv2ydsjcdicqypnffqfiiyh4pnntprjleifvau+y3ntgiwbb56qo+tr15ewim7htqrnjv+kpozo+63u7g4rk6n6y3gpruf1bbnlesrmoyq0+mvfgpjundlws3bpwte8ruqvr54ixagej2xujgdduwyimzf1ltw/vsim9lt84nvgozdyyzff20dienyui4t5+qwbql6wjiqjbj2vfswwhrgh25kmjfshz1hk/fjsqttexlwamxbzowldtaidyue+liuxiq1n4sp92h+gm1twi9huliuy22ia+x9fyalxuxlp3wwtsv5wytwnocqoaehi2owkbwl4hvcvwm/dpfykoy/koao/5rcwcoie/e2sdykwbz3cuwhwj7b5bvllhjekizc6frfyjava5sywvod25y71/alncmcwzbjtpjxpkqa23wozxdeytqanxgnz8lkalro7+c8i54xarw/lztlqz4ycyj7ubw/7szbeaom13noyr6mvehiilwwi2a9mbahz8bhn7uppfggy45snn7reoowxgsrg/hm2gns5kbo/3mfu8vrh4vffmefq+d4ac1no143ovxohknvtuietfhrkq90qw1rkz/7lgb+wrniiw5sngsqmzh4rtlo4vununw3jbkd2i9kxydryhmbu1hfschw0jrowhlppryevupuckg7eqd9m2qrpkfcjkvwukt8pp1ypq9wx62tcfz6zohegydizuqhcnqnrtgkqfqmgu7i+ikmsdap32a81e2bwlccac3hslgdiwwo1qsckypy0ojo9/yg6xyhjp8k8doz1/vdn0u9n1of7u0dxa8rpvslbey44whz3hxc4rxmqq/8/xnk7yfupklx/ia+evwlbqqnbuasegbntz6xzo0vqauz0whd0cmrc1vn/tt0mry0c6/w5x21bugoukctcusdn1izpyfwtkqdwdp2lt2zd95mrcn7u3pb2qi9z0ub5hq00jy2mpeuo6krgrfh0iqlb2vuieeywbu5put05fjvlyz5kv1t5auh+ys9urspe9vuz03moqrctxveptir/an7odpii+ca0i48sje9kbefhtcc4hvtc4jf/leatcoxzgoa0qejngg9rjpjeglba5nkmg12ovqjwcsonrcyc9qqqsmy2kcdes3hodpcnoajlv4nsnkhcqjym9nn2nmoyrmjmmvtczuc4aogrzaewnhjrl7zqq2ipyyahfba0gyy+eflg+mr3xdmnxf+12utxzuthwvajfpgcpjz2kcyjdumz57vy7kwziea10jkolwecwgj8vsqumif12ro3y/9us146sa1r5bpmxeov/odgmrb7lapdo58hiylysqaq7rbwiuedb5f29cuuavdhjxzs7jh/wro6q/hb9rbaqzgrvibfhgbkvshxvhz1zd1tat3txkfwzrw/jbny2etjqgvr2udqmhy9ck0ia7xtygbeeie759emo6lghx/7ujlp91+irvcx0qieavsxincrrl4rio8bqjf16wkn+us1ee5vqmemw4nqq/c1kyqo0qhmtl21+g1detn8hggutksixy3otpdhzkzfs6jhuiej0h9yvf2t0dc5q7l++zdvba40h0ez9pf2ck5ztsngwob82u1acjdgkbaydqp77hzji6fp7scchzreunqcs0gjalxec1uwwdftu+mbd3uiyky8nyjq/aghnn6oose/apycnq5dnn7nz9wyztnhe/3+j+hku7vf5jy6phbie1qcijk+nc0zoglz90pkbeibnh+favesq+/2vwl4s32tgc94gswc/qsjxtzaissf1vxjlijp1fy4tc4slb+aknqhvuxr6kwn0i0iz6imd/u4iu+nctvizu2jm0n2pqpxwcmxsnn6msecxlmvztctpxl+/lqoiodztjtrwxn3ipvyuuktq2u0ef1bobuqmqfiosma0y7lcgg/wdzws2jvreagwtls52hmykhymkn2wqjtis7ewckyy4snmruu5rfzlj/cetfc0tow6r6qa6xzuqdro+ux1ze+almxuau3ok6cdk6vr6blh1m2nvk/ni0qdvi2/r/btgxkog08xoeuy2zfernxueivly0r1+rom1ci0du1+z4dgztfcwop832qfhfqrmen6ztu/yawn+hvhvgoh6j5zh90vabvdt2g2oh5r3ybw9glvdlexfei1+twtm7bfephwio6ncmhft6lj3f5xz6onm5ve+dho9jlr5pw0need+ewcz+deko5oqvx/6mls0fkhzf+fuzlew3ajrzhco+cqabete6ot1rdwe1ssurywcgh0epqqhyqkwt4+906vwn/rfw8lacdmi5xr0pbr6x5mjuig7uzu4elnyo4cahzvkucnhh7q+++z4oie8dnmybexgownjoisy3vkicdpxdb83tjcparv0rseyjpyatkjcfevr10q72yn/nryn3ooapx32nko++arsvr6igq+c4+z0aajwippjdstaa4z3dhetyluqdwgu6c7kg0bzz8dcrvx261khvmqq3akqzcktsmlvnzsapuiuqrdzlgqer7igkkbq2szgxvknzbj8hpqwmyyfhcjkmz5mzer5hcffyk7nk1lm9mgfvbdo5rqzmnhpm1zwbdml0ir3plqktayfkouip9hidoyxacqe/55igjqoyrtpcfydsibjqw975huc3varesvnhsul9kskqbl8olb2bzadumtcvli82bcesnm8nev3hchufmrqrvqcug53ukjjfvxyz/v0zfbwuczptuhe5u3ckllms1odzkfb2x2xeo6m7md4yuy1reanw9zhojbhepncfliinhzrq1+xkwztw2r2tzsdqn6z6nka2h6dyjs36qtzd39f7jqzxzalcmblqzq1nwaam6jjazfbvsllvpzntdxkxkie9owgogmw3pshnrtu0z+tzmnuxzy7pj2bs1q91txq2mpxugnxglqywyzt2dala6pytxvfwixa6fi+45svxphe+7k66qjrflgohdalhk70mnzbzxepobwjalp7uhw5ki6u1nhhfmif4174asehfskfjmeixil6eb1xbwgx3mhizlc/pecsycqbadlbhwql0ir2db9ihkyqj0+fvisdawtmma0pihglwn9dtteljfsxglsrutcmmbp9kmzdfhxejbap9x88k+rxyqokh9u3ufzt7u7cd3nz2rvzi/dojw53rjtaaemjpjslbuiou97gdvfidzvbw6v3xkvydbxqesymjfh1dxkvvfradmx+vuexgub3u2mt5wakmafdbtnqjniajmwxfslfcc9qwmpqnaqivoeuaa+sckqzvf0szv+q/lw61modknnwqgcirljgyjizyrja0dxjosvmwhiembgpzxsbxaclzanhrptdi75ypjder0bu4cf2g+dhuhdnf+cmjtgrniitxl2pgfltrsjanrw3q4tbcds3rx/1lzpxvxeodglnpfx18l0n0apxjom+0m0wyf19nulg1y2upmwiytcfvacnqrlncziryspmq0aslzvyqtwd9uetzojup4w0dgty5wnoxy/e0upntj6b6cizk4f5nienhya7mwfggoo1mbvaoxcaz5dkj2rcmw0mpjpoczpusrmbwvr3auc/5zuylb3oqksyrm2yesflhyded/wiol8kbbkrhurpp88bchbsdm7o5pqdb+pam91rbj1tr5ffs1wir70m0gnaa9kqhyvn+rqi0j6xevayrzfmpdbds5xcj0lozbxtsnohyjg8notcqarocw4k9pebwri1vqquimnuh0mhltx4nithcd3uv7t8s762wuya+ucvic115jtc4nkurtlsox0teiaxraqfugjr6lviwwi0cg18yomn3bse2msbhk9dbvt7d78gtxbgcjgdnj6khc9l2dho8ok3migv6faiq0q0q6e1kgdwhzpr5y8ecdobcnd+6is5bev9/da7ddyykqhppsxy1enkzeuxyt4/ldchxebuvo8k4syakxdlnntupgvfgwr6rcvvmgnuhlbxe9chnmqq66ukuxoo73se2gxemmja+dyuemsefboejps8xpbo1fq7f4mquu27p6d2ahwaqq+s9+6guyiqusihrvnzmb6j13lhd8jnpc7spyzjxfotdqgd8wxcpnanfpbc1eigmpcoafn9mzrj3da7a0jt6g3fqos961dxvzwuru9vacrhloj5wtsp/qy+qvxa3evjl29free0bkl/ch/gavd3mi1enduunowffat7+ujcz44teolvair/5ozd5puuhzt5xzcbg+rkphkp22bctw2qviwf2x7xisyxqiyi5i5+wtvo2bvvhzojippmqsclsgrf4zgzczxf+3eumvzfcgqxxwbwph4seb/ecu4kteg0qbrjfjxbnclcenx1tgazrjkiqvubuwrouyuyo9d70rc48xwhrta9hunvbazmmk1uxovvk5c3iiw0ztmxmg8ftoptcirb2d8j8esqqskq+6lfedbf7j8hax5/bk4s3a7yli6qdfwiut8uzsjntqx3x5fdggidrt2itfs+6h6k3nt7pdjsn6eukj+0sbamf7jdaqljrapymtixwgovmmez7adlgtbemj9jr9gduovqznadchp79gmr6/ze4xo627goxrilmnnuolzv467gbn6m55led2jsirmuhb+jwxffxfbvhndjg46zzpwiouc3zji7yas+dz9upyo9uyvhizosbzmloddhlsxd+1wf0fc7pc6iljnhybk4zft8cjc5paos17xatvwywt9jyn9nylb4pjf9m/bs6rxmrllkowtfoyfxirlkj5iusivxlw24l6jevk9nshapi3925iiijqvffmk7izjkyhk9gyukmmqkansd0q2odezrvz5ib0oecjyh9eh4xxtgjr5bobuef8yfvfrqnrenl1rhiuwdq5t30gzqplb9uv5chvqdtx7kc7rdzl4x1op9izztgwn0arcwjjkllrmvxgzmtz71nvp0l47cydbqd3/j2ph9jbldixgowbil329vrteetopb16rbjeh6gduy7+cizstvgc+hnemckjycqfl7xxn49jzsxymrsyglw4dluwbugq9klrskkrzeh3yjkrhkqjqqclrtu2dlgg4rqdmuve9sms+yacw51ozfggdup4ea64nhhud6iwn1w6bnfqmzg5q6e4n0wektfxufcp1phj8ujfst7enuxh6tentxpqqspfiduwm/ucwbtvbf6f69atr8faivnidlhhlfogkaf2g6wbkzy4h/7ajn+0qf7+ejord7n107arree12m62+un19zwf5peusdch1rqclfp2tiev+i1nq4ts5vwzvkvuyqwqgf6vpfbfo4pcfwvrgb5cs3/gzgnbcszcnf+jhqyx+qc2irhyfubayd9cpsr9msq883rcud1qy9b4fso1ihf57p4o3jixmn2n2d66civohmnyoxctmoyxlzfko0dadztghwo+hweyuaosochmniz993hhxfteo6kr1y0retkkbcftge+0gtztxrvxpd88xx/dgt5d5z7mjfebvsvfei36lb1m5bvzcjjx0sjxewp0uun0+9ri2iqdzcdueazawhurdxnfetmpjduokiqqm+whvji1ql2siwm7rsvtj1nmq8vphp3c1a6icxibyudwizltndncg38jvsj65a9s9w0qnwwtrrws1aohjcui/3x6yr6bvexg+xosdihiylbo9pgrnrnbv1tf0xfpaec/qeu9qveseewyvup/b0q5qtbzsrv41m+kw1jaw+d69jmzvtsfbn0djzxrjsz+yzjkjnm07yatftu27+juqu7uqem1dzknipnwr9pw1a8xyithme+ij/wnggxnjakgpjw7jpn7t8hfdqnnx+2jliazy62kpbyc8zuxyv9axdi6o3ofo5dpt3cbt5upumgk0euykkq5gjzcz72arunt7kayvpm/tiiyntvpuvvgcvp9bkvq7dfp3hr5n0ozto8iunyqo6g0ldbqcnyoo5ylhqvhklkdvdvndy4imtswjrcrckbs6qdnzgkymyn9bccslon4ygpjh167fhasrmulmp5fudo2lhjzmxxhnbht2f7jozq7monnsglxxnpunkkw6tuyc5lrapihfbhq+awrrb+qkw04xjjxf/pl6s5+9pen1kfygxhlvso+d9dlyclyqrj/emhhtnwp2jw9irfgyevksqf0u74wlhi2vgp+vyk7om3n3zolshtkpku9zjvwobmnsh6pylvbnrrtra/erytbdwlojfq/e8pgxv4yeqye7zcezv3/rhaut3gvz2pnthjijo6sflt4amrj2eojnentuuurj1r+mabehrbtb62gxi0n67cjy/d1gvi8dy0cbfugp0ne5qmzubeq26habvdpqshxmresmy4qifx+r5n0u9ztjfs380hxfqjsqtgimqrxmsfr+hsg+hyxtmwsb3ddz4cmxqeqtojq5fzcch8aze587zygik3u7n9hs+okqwnuooi7ryfxww02h9zbghlu4jd+j1g6xb0gsik2yvyn8oqpmpuwntg1j8hifkg7cxseog+sbmi6xbi/polw0er9bec6dqtw7xtppl2btle/tfavjvfo3gbcicw0q5dj5t/bkzdqmbzxqztwh+anvtekwdzsugja6idx120vsxfjt0f5wztxtr8fd5k77xcd1g5ahxoxxhmbxkgyfgahnxx9gvq3jenubewkkiqtkx6nkwpmgv2mgimnc+thlojww0iyfsu2ic48fyn+oky0lslf5ase4tvn81sewsvk9pfhqmv/bal9mw6livyfco7qhkccxzwtrcn0annzji1bxahulqjtcjnfitxe9d6lzd5hthdthyormb4xhddfymshthlytizawul0yinxiwnjmn3h5keybka+z6uxsdzndqx0puiqdpj421ramew8lkkmciubyemlivo/1cmj6f9e97/wr0bu46czjzrndlxkim3zshn8sqkbz1msktjqng2g1o0lnl2ss4yjg6kqrjdtdny2oqnicavm+fkt81rwqhbfqycqeeqbcu8czlcc/vkd2e4iupbzzgb69ddid3dyyou4ohumbhjvs66mshbsbukcqry41xpjoo6gv+9x+qkweaodrp9de6kjuunzi8uzypzozvlioo6qo45c3kprelfyw6dkhtouq2cn6h7h2da0dhtj1xsfjihazvqlbkozrdizmvrj3id0hhlvuypdyuyek0d6bl/lz86pjrp043po5ynfmbcubjiv/jlmjxwz/xa2eqm5lu63dbmgekpgghk4/oyuq3dzsqdnaye71tfsgtbmcnysu1vc9ruy3xcsbi2irxyywdb3jfyfmjdilv1i6ldphmxs9uw35jhtp+bzfhoaogkpzctt/ppf3gn0aamnfy5pdsm0wypz7zobc+fvmjo9yq2bnhobjmt9lcqjovacxr9vsi7dclgo2mgtvnyvbjmj69pncss/ddmzby5czgzwts2slwqbziaj9vn16mpakjezpqgzkuelvebsphleaj3ukf9ocw+69nqtrr4bimsftxsmxzod8v+aj/1y9e2yb95n3oof43/m72ierzg9cr80lw6qqjfh05mmqnibsha+qkqitszlx/vwktibzscr9mjnea3qtf5puwkdjqj8gybqc5q5tvvsvyfz1vbnztfow1trz3dn29bxpzaa7ml0wp5yckzfslsckrmjxff4dodmq3ulibpbk+3pfgjoz6j/9wegiffvmhjtiqjalnkv/ikhpq/hlggdujsaxpmmqnvtyubsuvnrmhiginpdywvz1ww6glohm1u49e7fnlmrv86brjxiauvjzbrfte9rbzyv1ig3+kzplzrd5/yimudtjq0/f097/iggxay7lkusyomlnboxjmpbj0i3/f097//x/62nvqp2cmctrghim/9p1c7he8t3mf/eikklf1ccvhdbxnk6h0c075qgyjnyrrj5vbjtb3yt+kwu7sopo0iuq8nwriypzd9g9fgniqkjrh2t/+36x6kpmlgesgmojvrmq8/yhcoa2dyk3arkicv9g5eyfeqgimctsqij/r3r+jksfn/1xr0setsiqxnc+l0ocpoyrda2qjg6/5afz/dnk3iuoexuhmlhjhsdiz1eoishtmcf3o6ymkj885c2ld5ono3ghchdpxaxokdd0cyddqrq55lq5kjogo44q4reyh4zcoikqn73nhnzddmmudpxxtp6ribgehirwia3tjzjsvgxcwhvyl7uoy2ezsnr661sgnqq899ajlzi9fbybifevoqvgia6jjdkccotws/jxmqqmf7mexhnpp0icvlfnla3jsnroshvck2wxnmk6ubz2nldft/pvhyxrh01rnzudmbcqskw39etzphum4cyf1olexu9swm9vrnwfla0yfqf/o6o6bmjfvrcob87nx2n057qiomvmu7ushigr0wimbxzwin8nrt3svqbu4ntxjii66tl3br72xtkogkjymgtgzzwotlvy1ueguo4k7rddhmqv3lk846ejlg+qgsnuxadfqwbevnscwaeorpxttq5ghawnhsljfxt/xxpsuo8lwlbgizelt97xtoawla93oquxtc7cfflrj5+km77zswjqnyc92+pwontnk1mzcq0k/7exkwkpmy1mcetby4g15powiirid7drbs+gjmcjb+w27r2skedufhplvo3mo0ccem0e0t3dy7g9hrfgzq1dlpbnjvebqche42rnb6ldmyt9s64mrkhjku38thk5rwdr6cpxvhx6fata/xr617lglnpidr0t6eul0zrcf02oze1w1c59mg8xjjkaivd/rcmu1vjsrivsthvpgwuhs+97ztkomtelydqxhque6lkvz7qahsxrl3lp0oxrstega2vugqtpdyihqxucod+zt2go6po5t00gseurxvoslubkzjn4s07dfin/h6rgfvngzrahgxiu6tryieklkbdvc2fvlav/wsrhmh3la64mrdvefyhzdpoz4sdfed08pjhmdur+vw9+vyxrbltwc6spdx+iwt/tnjwfeyoq5pcooonhrckc4gj3o1xs/wf3klz7hmnx+exvwr3xtvvsr2p8co3cofh23ssunv08sb6ajm6vcimgillxfxwel7cn75bwgfymoktaainy3e4czl6th+nvmdhq+ddtrzleavcncusestbs7spdu3zyibekllo0zjmma8tczdy3unqnko4mxdnh5rdovywqfczqh63c6wnithxqapotjwipakvejn+xsxwd8m3k+hequp5p8e8fll6ihmdyh1ndkwsd9pzypvmu16y76g+qhofnzc83ndqsblhb2retfuormh0wu7bsty4h3zmiwxzy6n0haxk3nier8i7m90vhaabkmouxvfmwvxqsc7fl6vfjh7ztap2qwxkkvjaimfyh7bjy3b2zpoddz71rqlc+bxfx/5jxpl0zdcpxdrzcxk0d5rntqx7rhqqw9u6ezknpmokw5nascumo61fwqbnzomagvsvfr5jtcvzzqrjsypiiedww85dqqqdpvkrb/xivcey7rvzmdq1zghjcufleh8nvyhe0c9mmqmzs9unuzt41qtrc1sfciduoeutbgl0lduhpxgsm0kwqkjvltjiw3zedey8nadv9njikok/dasnr56btcayfxkyf5tjf2gmxnexlmh+lcehpsd4r/l5nq91k2rhebt+en9fuvheluohd+wui5hgm4vpnj/12j2fp/wx62vp13fmyat+/ezxpvcuvg/gsyrt0nut8ywtwypzdzurppwtaapr2ag/qrcwuisqu3e1zfscdx4hcgqna7isjgrateqmr4os167epzhfn/973nllmbstpnwz7bltlfz4xwqrumf/kb1mvlgcqhipqtpqfvclagazyfzfgggc2qqy5bwayakaitfpuirqlrxgc8j0rgi5ohxta3gfv3l2eio9cjyram1gdbfkubmji1p3au2wdzndqqqo+fo2ka7u2s641zd36hfbieqpf85aq5anfml8vzvylkludmrtuavmfiqkb6/m93romk9zkoce5zknwuwwrvex9e2mr+qipdubgytq5ubpyez8zxrq5nvz2125dsdch4o5jm2olxly2vnhgrhta/vhhiirjcp3gqxmccajdwu/wpsmxwz5pw8juuejvhtq+x2yiuxzu5s7os4vdiuv2roxicqdtkfecigmrmla7fl2rp6ifk5stsmdb2nuigjvrltnndbponcagd7q5dyh0vsdzcw8vzx+nsdr/zuckmb7uesxwaqxnxhzzmtv/ecmd7msznyuw4rtywc+utzyheknlvs/guh5wqnpf8zxje7ugcwylbxu7cungzbae0dei7bxrzhvfc09rpfwkxephppmalzaf8hicdv2zzijcvtuqvaivftgwby2od5izdssuffpeogg+tdykmzsqtkj8cwz2zspgr2guqr/v/dzv+zlpdbqdn84gagfvlqplcefykt7r/z4mg/t8y743bkgzd8lv7yrmrq976cdrj9es0v07tv8nlccik8d4sivowny91ufwophxl125gb9nwfu2kqr9fvvv7vxdwv0sz9bk+/ehvekxyoedbtr+4xq/rqt+ahtqz2mn6b6a6yie+yjepoq+7zsfqietcrwuuii3kiledeok1gnnfkgbapksdvi5ikel+qd2sfxit+k8flimhgn39abn9jzotn9x1yt6gvfohcc+lcsthp9gcnzghs5cugcwzapscjhy0qhadxag9cttkkp011nbyhc6+xzkt/ftxrnuurt7xgsmilmgtmahs3iisexnxxtts4oforubk0t0b8bfaxcmsqphdr0f8ubyjgsnxngjlph7bcdps57ehrplzpmcucx5kt1hvbc2kdxijxe5dyeu8blrqlvymota9objgkvjzlw20gqe4r9pdq7i42r0csvt3vgo721ernpiqijelyh2tcgsvfv1lmt6oopmqh9vcre1zmxkcvy6vjweznq77azj+6v4spcbhltwldjhs5omggz0qvslcad4juaefa9kpqkktwjarfphu6xny42kjz4hjdoo6p7yqauy7ttelnt2pylirlmgn0s422fqb7jeyvt32adkcxdvtdz9rosv6+pcojkfn1dvqimapyksjq7vomi+x9lbbqfoxujpg+cdp6rmcn8vxxgzi5es77bh87szlrnu1xzzgsl3grc+tzhnllikvt+vhzry1urxm+ozrks5yljiq+lvbcvnky4jnbkzffh73rhh5hbqevti6j5vwh4u6ujb6ceszgrvhq2pjmaiarkhsn1+bj2jwtypzpdr9lmy6bwckgojxslq1old17einm8lbhnf3/ufhvv+pdsarxnfu64mrz0i1bvtrunuu3hp2okl3joqmhc0ws/mrfrcwwszjrddwk/i+bfcpnnj4oqf8yfqlwrvbnwi2pexhey8+pm9mvruaoh8zrun/7y+mpet+cinipys2x3opzdbj5grw0xhj6wiqy5y/fhy2w0ha4yklzeacxpitnm9uzodus2h7nujvltrcywlxkg+6x/jg02yh5uvnqgxi4wildww6zquengp2jqcmwidhgkjefxsroyee5ur8r/nckzqmmy3odf/nohg1da3f/mdvjef9tgbkesss8gsijdzfdnz2czyzxj+o8nmdxngltzm/el9ru9581lifuw1268uoyi+su9uq4snwe2mx+hziw/iswraes51zmnozkestep6hyyquo4bdv4sgyodcjgwodbye3kremgfzyfks46mlekhqwhej9gikzypsueuiammtetues5wcrgh10zxwmkeobd7hkvqirlyayanmhgi5rjh+lqfkkdib97syo8mu+fzctcctwypwlnvmdaz7wnwluw9kqo7n6pblxfuz6sfoiiultwjvyhspnuzz68vzuf6cv/1nar68bifo9rjr6d0ln7mdxrn5rofxds7qt2gzts1dpbkjwsntnhnjofr5fjh/t86t/spyxsohb8jkef0sfsmwweviowxlhn3ejniq3jnqxqjpqqg0i3trh0mxhcjsu/3paui2upfqb7wkr5bsxn4nosrt3ykk5o3bybgdxkqzabg85qxrpn82jifketokn7f6hpct4+mgvugmbc3a9vodnxyjbhrukpds02zmbjy3rbh+czkzs5ouq5ycifjdlj5ryqhg8lxtt9sltj0ymsz6gawk1wwmvukkse2ttz2txm/nmaphp/xyc1vgnxxzh9fu13cshoujoczjp5ajlfokgml3hdcwijh+j1nmvoebamhbcltsmygm9vqhet7pxmwebkrtbvy4wrysyewqry6+bxzdoxnht3fquo1ehpuxqkn2vkm6gnu+xwnj8yxkso8sxdvex3ijwqgldgn5ku/wpzkz+0q1f67pfwh7jrlju1zohm3hvtop7mle9fxiuuibwtlikd2gbte2e6ownjsm/iunkqrzzdgrqpu5ezyuydlfgyxqnorlf5nabp593q1y2acvffho8cu3lmtk5lywxyksv5zl5ulft6u5tnnxo4q1ko+0lfldizuzjcntkd8h+z4oyg+w/ewbtfq14kcslrdkluhxd9jsgghtvnuu2xfw9ylp+amaovaivc7d9m9dwixdvi0qragvvzotiqmxnqdmuhve6wnkdooees0bsln6ibjwhcecvl+jppnlpzznstz18xnceo6uhmah8k4eans7fcoyqxvzjrvsoqato2x5nplryp0jw+yuwn1vafyfyjvtc0htyotboo4qedmrpqd428kch86es4qqohhtlrlxwlhp9vha7qhexwb9rzeshjgsctdo4vqeh4viu2x2motp580bicgdq8dhuy0qso/wu+renwtoodpgngtxlvnxdmur1wixhdxzlwn1hjcqx9j3+prmkzqsozu5a2vpxundnkzm2hyqp8azxo1n9zfe6y982g7b8lcty0lcqcucynf/gbcu2vnf+76xtwhu70osbbmkjk6tavwbenetzeywpkqutf8yrkquvqquyghz4tpyjqedbtwewk4vm7+zmr54/l8h5ylxggrl/gwdputdu6dkse94tlcvjpbcep+t3rrprcqe0s9wzjftqmjnutyhkkv1uzfyyoay3ui03ymd5pbuuvwuek2j3y7zzfftk5r0x/ye/huhffhxsbifk/42/fuayeuwrv33go68c2xuwzm8vmylgtluonrlhhb3hjmepu+nwzdebnecc8gqztt1srtpzoqzzujteytjfvche4yp3pnltujyouflzvvt9x+4femmmkbzl5xajxpvc9nw0fcztudx7duutiff2zvffc8mfa3ow5wybddnmwbtgy331paftz1bhpuu0nliu5qjkdcimshvhexgiadkwwtfviobv2e7f9pe/fuo2zy026bmvb3x9arpa1vqz7kxculwz7hqorkkoqwlqjgjzr+zasth7jxldewbr8ddr4bzyy6gftlwsx/q94hup+tucxi9azapm+3wva4kc9diuwip8m3advsaolucsa079cgxbswwzbxcenuvgpnqca8ib0doqrxog+yihfhzyl1dhmrvx3nshch7mxmospcrbn9nzeau9mogyywky36khdye2mqnlehjam3cdxebdiaxpb1xxpv81hoect1vowuamn3b46bunxwyfc4nrc78xi2ujlupnz2bulp64ji3xpm62m/bhwmooj9rrhsin1vwqqhpe24fwga/uht4yjx1zm/n82bsks3woe6ppw1qaar/qkr0et0rctieosnaunw1tzhejt4r72nwlreyml2xkwpu4tzhftzvercygpiypozrqs3hdlr6sfdintd7ypi2ktn2o2jiflm1/f0iq1ruq8da2b9ito1tr53k0g155uhzm+207buvizqi8jpnwni3k+df5xpdysmdwdp5qt5/aczhgxjyasqzz71zw5rfbmg539bkn3vdmlobmizfeqp6vp8y+jrx7/w8iwtiorax78chg0mbiutue11oihp8jaz20zzbgdjvr0z1d2ahdzv1ts7pfftbfjimejx9lzzdyisf4ky4zt2ffyt3ldfvkkkh4w4jkdlqvrzdxoh2z7xl7q360vapjfgtwofao+br6fzcms1rn3m132v3yld1efgnaagln9wu8uy5bct02/s8whankonshthbmdxyya1yl0yutecq1n/sn3gh7zbpyelzuj4xb1s2z09xbbsaf59jt3cbsjwub7vgweovs+l124vd0g4v3zmxxer76ijgbfvio6hb1hnvgtzzrn273uwmjky+5yxjkch++2eqfj8ab3hfiniddzkeywycwg+dhtabmmi38gvl+skkvcx1zwpqyii1obskspwfe19tjbxnltpxvws9rcla61urkohi0irvzqxspex3o/ulmkv5t89zqlzzf+k3elsdk/rs7pz33ko4lludzvwyrocldyaso4dwjq9rtx3or9z1wagzfatf3gn78mxj+bqxbvtzdsq3avkknrs7fo16ew3czmndibdvmdmhjmkrcrwxestbqy7g41ulqvnosb4oq2+5ei9qfwgt6idisbuutziqcqgd6uwngxfn9sooiihkcohm8p6iyr70cbuvxhqstiymhnnnqblhh/moicintykcrrknv9boqlkfdulkg6ynkqwbgduj2efvok2nwdasuhkmfyxcgmxfbfgsg4/nuof6427q7ab+jikgr8qquh409iusd2peyzkph1ximqgsa3vc2ynbidm2a9f3edeiukzbgzozeh9l9l6obqssxtbjtzrublxapxovxqw7+gemumdz/vnreybbim4p5eth+hf7osykklcr/7xnqhso4reskk3ulij7mofpbydm+wk7m8vtu3mu1yarbhgt7jg0hanurfgdm11rfzcxp32wl/fcwmxkcmcqcrdq+2jjhsyn5xib7quuzrihcs95i4urghjxtovjhwmrpuepmge52tbvu8aedrv1o2ngmxtgkrfggxgpnukrhwghkxr5bgqlxu1pqfmzebcnivr4qbboaur5jjwqenmawxvn7l4ho73kfuytpm36rzmhgeggsfdf1ovbdfy7yzx8ytnweksbo3afy4ghlvrmobofysekcgx8mqaxn2htby7oguk+dw9dscojr3xtr00lu3w0wox9as+zaiidg9qndfllrsruqqintp9artmm+q16akubhm231qbtaifyhuf23cmjxs0zt9vsx/adx0njnoyef15qeg2wugfvobfkyi+r1nkap6tbjgyue3otiolvt6axkoca/atc7euncpdpfgtbktgdnqbazwfydzfrmamnxtuac3gx8o/add2p7fwpeg2jcfdjpglt15970hit5y9vxrjuguviexur+uekn5pdvkgv70pc+3qmjltwxvz3tmgoszd/g5hbsudpj+lzyc4+ndmjvhjwzrq83w57ssseqvsetlkjnmlqnruqkirsnx6ycrgiktlhc1fusxmtzvdo50mpqiii4ur+/elxg7thprrk0pu9gylk/ffuwzvmleo2zxulcy1xzlerab/scceym6f0yn8lzbhyyu74/ygu/ir4pu0eicxf07qjpmey/yklzkdg/nz8swe875mqxv8wt4yz/+4jrdl3rcg2umnicxpeqswbmet4z8+jj5se+x0jrsikm46ivbkdgqojzfzyqxfswkp8yefibu4svtzm/swrqq2rl/t948qvoxk/s6irgwz2qwxb3t+jfy8cspudehedu/b78jm70azjzuianwq5ogbv26sugx3ohbkydvtksowzcv9tsc5zqdkcktqj66fpzrrm6idd60nnzj0rrfa0vhxt6uhhrhp0or8f9vcea+j3ziyztygqdmwillwor46kol5zntho7r3lra3keswzurlr3if1wzbwqlnqxy0bf8azqjq184j7nowsmeiimsvjxx/idcznurtxqpmmet9jge7r9rqwtbdkxis23ysmy2phkdx/lbc8hpls19hzaxmguz8jn2ejh5y6/znk+3hkjvnlktgdbcq4lzhhkul3vn4vwbwvrv4s93f32ezzqb/a2fa1yyppyuwzpagfl6uq6kr8qhpxn/kcxnafxtxux3nxlliqojw5getjqck7+wfrcr2v54ioun4lt915pwtoymmzo43dlld/j4n/nwc6erb652x7zwtu3vtxbu74evtnx9g053jyr2wjeqdqltoo2pkmrooauwk7qbhid0m7xcn146hfwdtfkqekqvtk1kd334qikurojgqrpd53xqk7gybvh2s+1vhbs/oyfhb0xzy8ow6u2h74ytk5wu3b9xrrycemraeiygh8dhxu7ddj6tlhn3oc1/wcl0rf7e/hm4txamytq5k9lvjyb5tscx+hrkl+m0we3zmktgws2kccyiy3h/z8njvjlo52kq47pfpmwt27nqkmbufa6stqdagykq9t0nzj+ookc2uvv1de+c9rke+zxfy101lgroyczh7u6bjslxmoynmstwo0ny/vqzb1mvirtcdy29mr9plfui8kfmptf62typh1rgauw8ttk3t11cg3kkzn7iaxzsh6jqmhyc+r3vkjdar9yg9fl5pg+9tmusv8wkwdrpvdiegitdtp8zjkrjrgtyljanymu3hynafyjwq73rhiampktaa8lxpwujd11cvp1htwn/fl/ew6cqpphkvdmcznno/udzkmtenypz/xlu9vfsxsyx75ew4orfpulf/cf2fqdicssfr5nndsxz3g9ctckxfxzumvzeyo8rfs+vk4zoapehscifrbjyh9gbjfnecbkyfz0mul7qbf+btcs9ddoocw2u0jnszazncxbinvt+znjg7g+yh+3wmm3s7hektuuqghzyxbum/4ndr7ydpips10jd5nng8yiidki2zlspsi3/bl6enlo0i2b5ejg5nd3i84smqjs87qyyibgx7nqvyinriarnn7jk8jioktps7vr2jijso5efb9lsaeo9gthvxuz5mcku5vqjlnwd58ozjut6pcnl92zqq8jeem3zsnrba0xm/pjambsijsbg4rhx+sycjmlaqki2dmis3eija01typrvxzj7a5qgwvkzdwlqqbn2+ni7thoapr69+tlh2s0m3gaxbae8riwlivwj5o+wjmhsuf+og9fqiqlvbafcrrx2fcehcbhiicx8q3ttszd/annes0cesgn2t9lluf3kvmfk5fws0zodhnsznl2cy1s5rrscacxcxqgqkhahcb8pcbmnkpxb7dak6ya6tnxnskcz6afujc4ocvprv58whfrzryykhqnzfemg2wegmoezvsxqxdwomo65kb0i1pzvewrb+gtbwtw8e4c1yszuutomvyfilta/jxdhsxzb/rviipgcp+p5plyszlqeaiod47rgdtvixk6tgy7sxqib5rq5tkwjahfgttilgl/081zdcfrq3yj6cv+wgs3d2oyz1thr4wm+j1tomjlepcj5khno0cdynxkcwfs4ju4sqdqrldtkpqk6nhdjvmp1xjyroxlslrkpaqpxikfyqqonjdmil5coyae16xmu5g5dfqsfo8rvj/v/xjl/vc3znzdvhxqln7ctbwpgcjnvuzdicewc5g80ucbnve4gszhvu3c6pgc+qadqc72hakmrdwxvy7liqmxfa6sjclpqh2thhu/h0xd2rtesqa0hhk18lyatu73tywhwf8dgcim0vxsbjjlyaeozsw+btnr5ugnc2qjzi0yy/ckaxh66ri9zg9d0fvihqb11qxxd63cyptmhgfdduxprldzltfw03numyedcsl186ndp/4l9u3h7fc0vdriur1bjzoklogoenwsocihyh+5ye4mfowwf88jzyqfy7ch5c5uxr60z7rvthtkygvaijushgsawztriri+ugyztrx826voxgnyj6m3mvltjmi4jvredwa+bnv15xrf6doyg3agiyt0ri7e2jdt4orh0zli+zoceh0y8b0158cnivl0sroyacxxqvqxpzrb3lix7r8ogmnqom9dfe9ypswv4tuyd221qb0bmnvntdgdctoxluogphn1derb31fv+tdv7acd2t4hhn935rqas8tvrqwgk+gdxsp8galw2/18vgz+32ig6fe+vg+0nsvdc1bvvc+eeaeevqntos7vgqebzvss/dccs2we+r4u97ms7hxvs6v0mbxas/hagfyvzsgioqhlfwayh9rgmjfzjg0ul7+tpfp2vj0520xdjg6dyqdi8hpd1lasmmvu+gtxxzm5nocanxbv36hr7d2jpatqy3dzsmp/c2qq7sznekpzewkm6yizlwja3zlkzzlin59dmxialswvqehcthmmeyzlbesl9tj5vyrejsusn1oyq9eitaqn9s2ddhibuxudmvwp2lqog3l+/yzuafpjk+emk6z8kyta8cjou8g4aixcynevw2bvie/nntsfjliiq1fhru81ahdwttsdy/rfb8p10/bbm22tqiloigqae4rfeo8x0zi5p8thqcmwqbje5g284nkwzrdqxjoi6nwivhlpajywm9zm3g46liezujsy4xsbu4mm3arlmj/mnve2w+vldnmr3ebr1nkty7x+bxo6ul3yxkwjfpaehsi75u4fcwvytdbpibfwr3h1gx+wmoicvgu2xzit+yigntlaw7eqpcm4dgppuxwqvgbovtejc/btlhnofnt7fj47r/sxuz36+n484mjtvton5ls/93zrgmk3bq15/soglg2bw+mmal5y5kaaiqyq6gznorodtxkbmohdsoq/h5vhuidvxvelxpj/qhmelnia+6+2goxag6drvwwo/c//uem6hnubgv8vae3o+hoiytcqyncy+jut+kcll4vzvhmlnzclkmoggup21uhvy+fbffunnmbv7kmdldy6y8xouoeav39coeotoawj43ziwo+ppez5sdk7++zbixj26f/ur8pwtdavmjjozw++c9ngdbple/eynhwyhq0aigeaeos1jemnqjoqwcixvhfvklxpwinmdtiqol4ldts5ajcsrjnok2rfliqntt9nkjepmnktwjupn0pykaxlv7st/tfhvre8qv0bz2tnrnjvvzdwluu5j0d6y6jwigtt3jkojl9bsnifof6fm90oeoydehthr8pbmq9q2nigtdcn5g5cn22kcaqyc/ycemnmcz8wnmjawbprp4qsi3qrtmgebgxrama+nvlyqahlxjaj31o7uroa1txee3cjen3u+thcgcia2xktjqmnujxskutedpvsao6xmc+dlk2q1lotmtoibumzuwthrifz5g2/pdvrgfmwwrnhvheearxenx0d6m1bdo57d7mbd7nhyrcukoqf18jy8yvfqulkrs7lw/jabhxrff1vx+skvyibfxayfcyhwiohw2vu8hufs0pjr2lnzr6ccsmbu5zo5xo0xevn7yvcpncfdtlnlnbrtkvpynwjoxxoo8gsro0c5yluoramfnryndpoaccsutl7lmer9bftqr5nfofbtrw9d/1jwbpj+oreubt4bljumjrfoa0pfut/wypn+cwz9u3xmcrzaduanlajnslqg73xls3ky1hpfejyrdkpxkwlp7jn+k0at0rmqbjzfgu5cauc81jwppja3zczuf/g4aovo8nkgbyzux0szhg55t2qbki4qsutcwqzrtmgnmwqswzyvm077pvym5mlv7asds9bnshlu56ffay7fqwrzvfvne42uheqmbh+vo5cbs6jhsqrcjngmmhzgf/rqouhwn6irbrg+ljp8aztdifbdubjhfj9plpnat0jscojtl8mbxmehuj6jqct5vv1wevfpn9b9nwiie8prym0m3bmofjzojh3iu3zxol8hfzrw9x9pzz3fgcn4im7wm7ustzbrfwbyccendme8kjhxaag0nynephxlc0ttezfidfo/xxbgmgvhqabx380qkg9js+wm/sf0o/n5ceagj0dbj5l0dmqx3qcau7d2hlhntoqmj5dr1pv1wu5riefrgvyvxilclbyb4f69wzz+tkbnrul+lueeyaqkq2ozrjpx9kr9/4q4hmhbsbpo/odgzv8nw4fxdl9s72vr0o7drfweb1vke+lvnopitlddc5n3jf4n4iknddmsnihdwqq9ws70xvlzeud0pxeho8fstiaoy4xf/td6najiijnzszluz4yrfcthyla5c1cldhlrn1uva9ija8yotgghlxbw5ralgibmstxcyowoayu2wrfykbfuebwrkprolvi2gggjtigtmtra/ptpihg5hpw1c37sqdasncftbz+1gr6nvg0c2eczaptaf8cxookq3y//7x1w8+q0ezyfhp0encpav9v433spko2g7urrcne5jvcxxzyg7fwvrqtsjhpbbrjravktzvcy8gddysodr7p0uikduzmxyaqs7kil6f1nvwexj5ypxqiivowlshy0yzmxvy+/e49hkbudu4s7bmr5eykxjq5pu1hjm2yv4lrlbft6i43vcrlsgytr9frhe4+hujwh2jjum+iu2fpxp3sfh8oiqcjpr2onfhs/06vnt5w/sg89+nmrbvffqjeaukzxtmclykdeqrj9rjege9qlzphvildy2wlkoq/p5urdw4rdxbinz9bqbw2iyetdd5ux3shq699d/zuxuketzj7afvxlovkkurmuho2+yjtonyfdzo+ivxofuenx8dxtrprjlnaaqxyszdi9a3pq4xrci5py1ixludq3prhj6pneftzn5s7ld+rnzixvbk+qcami6ltg5cptugvwdxem65lxjrtz8hg4fx3rf4nq5gxczkas/dekfvh1vbmi9mqbohb28noilds3cc0wup9bmnuogwhwhzjnh0+973odeztlhtgkjjm0waxtnczhwibl8lhzcuz4mje2kgw9b5ffys0qeqlufxjqkzz0gdv13fnwbun4xnitkfor6fzg3tojka4ygj68+3mlle37qrkflo1jiesdw5esdjvu1n6f03vuliagmk6d5tlrickatel1ocb21dbmzf/1rcj8yuctjiuzg9wtt7+tnktfmogckfbfpsbmqutkddx4xccauoishlgl7gg2fmtsqjptcasiumt6mxfohxwpaf55jcrm0npm+3stemiw9faex0zrkjwleb7ontoolfczj5jgqwclbdcrted8dlddhwhp9tvptcdzchvlqakbyoxy59fuaru7jzrf2rfgs4d4jkxmbsra2mggim+zw6tmkthjpbedjuu5ciapmaipoxadqyoc+jlquewzxc88gtya08v3anzhusaru0n4d07cc9q4excfdwrtfjq/d3met8/28rlsr2afgvfsawxutexta2vz4mgxwsu03q9dqqakczpqpmdcejpz7vs3yeef3rc236kfwrit1hovpha2aw0/5qvy9p46yriynjipt/c3kmf4saleystvpgclebn5lcoc1a7ersjrjfhyvaovgyetpp5vqwut0zk31rqbswi87tpwv8q6hyi6msrsix+4trpi4ra69zmfvbdfsnqapww3ookanya93lb6bncem25dyeozzai6yzo5wr+ua9sjrk4p1wsy6ovmi4p6clddufgjcuutbkoclwfymedbrdzc51+cxzgcuj18/sl5gvn7ush38/qbre7psdydc70hceojihrhkqkbfv3n1uq0b0o2cwl15udvni54wh8l46gl2rkmlabmd9qjftajdihbtwqbafcyvx1iyjbwjqtkgbqkcv6pvjjtaud6jqgy2lxh9fud/bxmhftldx0ieopqbmuh9lggccged7v3favvutor3frd0hrzxwrv3nvmo6ssiypuxtmlmtyilqtaqutw3jpxghhk44vp27etwynhzgtakx8zkdt9+1fnbolkprjbngbxm7pycahkp30oohpvzfu6m+9prrvc523vi1787nq7ylbzqg4bc2cl9d7aulkizndff4z7tu/o30fxh/v3m6uwuvqfddndksyymjxzvcylk4hzf+rbefissnoyrpvt9xsjc3qhenmihdd1jfhc5w9s6nyvdgmyuj6pnckimt9u08ivtqks/3vewxkelrf6xpxxvwy4pco5nmdacohbs/fzospfbc/pz8v04jiz/sz2ggnuv+nmesdo4qvo+1gvk7zqaokggbzofap4mlvj1sgsht505gr0u5t/etgncidebauzdcz4nlqnkrfs0arqo44vm3brdgwm9zs1fi0vwo0az348cwtr5vrahxqjifugprb/copd3a0jzbqdownh4uskzfptb7ctecg4i/nf8djsu3xi24xcubcxx7v319kuxnbf7n8zdns15mcj/53s5fgp4zfh0nfoz341oaxerwffco00qwdvryflpyenetxgj7sohajoh8x32+4wzdhdtkvuicgnhkjkczweclmuvafueiyvpc3tytijbvl0pv2oap8y9vzpnl7onv2gafqx251o0fh3fzl6zczwlbrweiffldbpuayfcfkjlp4/zyj25vewd1rbeus2nvwa5qy1c9d/rwpokyqttl3syuokjyvg9+wdvine8t2bsrffrxia6imzfiupfjoiv0kadj9/sh1pkelxlmwrnh/fuiyob/fijlby2rj2gp7kdcuzg9upcmmvnvbj2txwp5zkqe9ghourukn1ijoyvlcji4czwiuq3jkz6h/p37k1esr8rgozxgfvyjd1iz9z3kyybwidmla3zaadvtz6gc1sfzbgf7pxcms1/qsod2krw0uw2w74hludqa1i3ps2qn0uwcr9d36hn9cyortycwjavq+uw8hxo172elg3tgvy+aaj9z9qqgo9qyyuobpw2qktpacic73skwyzxcqfxfc8t774h6rmvia9vv+xiswjoxuczap2qjwhocqmypgr8upsmj1jwesbmfnam4rafehy3ntk2i3eb4hsjoni5juxt7gs7mjbzsxrulcsal7cnyn3w+5ytdjnhqt7c7uvlnh7y7rh372uyh9eul1lzirhu6jcichpw0gfz4wihfn83vv4ecsjrbpii/e9g7kfxnfumb4f37+rvq8l62vmi2thqsxnwhp9iark0tjh5afwkoxv8zwf5qovrkyl9rykiwmhj8rr/ieeuriczmf0km7qwjxfjvpnge4sg5l5hyi0ad7fi146tuj67dprim8x/2vmprk6hhbsdluehidcvhu2xwahmbkpxflk6vwk0n3orl7td+b73q8tky1+x+n3ar5mkprmwqphubsh+m+eo4rglfxdwpbwrr+w160y9kjh1jqzv1crd1if9w7zo0xqwoijkt0hrp6kjq3byk6dsoweu2z0zpluc67qhzvuvpe/s96x5pb1fdt94s2jq2ws+3g7qinkkoyfojgqou+gd9s44mi6s3sbpa9rolq7dfhpqh/eooiou0emces90ft9hedxmkjdywap656jtcpw5edqxxfyzdj7n3b73e2w2we2f08wxxzqlxvl9qjrzofaspj+bxh/4bltfpc9omcmoj65s8u/mwifdh2ljy3hvsto9w/bqrko+fbaz8wqsukestqfvbnuhdrtn/jfrwlni//tbvv5rhsdpunl1x3ioeqyiwxzinmh1wnfp3rnasip7o2jttqp1pfd6auy4hri9puzd7vpeo9xdkmvn2dg7myotj0qc9abb+ur7re+tehngjv7qs7ylv7b+m11cw+gyofaq+b7mwmhyi8cnvgi6hly+3tybf8rt20/z/vaeojoctcfe6wq7vcdzvs9gak1sa3zjbmw8kgmxc8qneowjlzkcx2xgs2ewx7eosmowyevg4sx8+hdzgbb8v91a3inls26ol6yz8fk5do5er4dlreuiywhcf7wtq4fq9siwc0c0f7b9rqif4q6qttgkou1r5v3yh63mc5uw0h10b8+2vxiky+/u83sbhlzgbla5nij2mbdassccogyvyeaiv5sand570zsbb2c6rn/3fafz2qep1mj8uou1y46acdkh3piyt3u1vswd8kollppqnum1y5oeis/5kuziviuwt7m2ooegds4xvlbdxp+coekd5dbjgux9sfqlaihzshc1q3jtzi4/58wsysq/2pxnbkefgw5xujl70imzmdgxharojamfhzwk5xn2hgds4rfthgtofainwbvi8iczq1elpfzzebvj2oe6ormrbfbbz0gduvfsk28q9zlcz+dgpqvbavif8wkcs2axdz5shchk/bss4gl8exasigle/uxitjitl2wvjzz/dtcjwzzfc8k5nvwtiu84hwtn107o6bc8e8enkewpnaks1mirmaud1id9glda3oqnetft2n/p8vg5jx/nziwgulw3ltvvpnapiovjqujmkdlhhvxa0lgdpm/jweyukjumrcspsx7yrciqdm+idllwr2jbnx4h9c+ee4robxp3fi8qlsmb7bqsyazqxdfac5nm7/du6hyye6+ypmrvml7duzhliftc08mozuhgtdjiptkn145ouokyna9vj5/dkuc12ypaueepzcgee4xiydz3fjre7grbvngqblm+besf1djvtfsxvo8g6ztym5+ha48vgfk3knlid1m5bsp4gk7dnpxnht4w53ngvyjgathqc4g8jfnyn7fzreain7hzekaamqrugegfdxrs3fftmvmw1+x+73cmyqczfksu68dhunmqsxpajz1zhjf33aoil1fb8dg+exzcgb8imnnz4ppcuuafl8hepvwi+ceswc7ceeeppdihqskampevgypkmg5qm3gg9ww8km81xzparscdsai2bm56umhzgcxjyid8j0imuj/twxgres1s01pq1647drox7geernltxynvkswndsejeb3ksg4lfxuphjs45sbaddtvldg7hhoctz0wrsubbwewkyqxey9n8pxpbgrxtoaucsgjqe8yufl8gc12w2dhn8gwjizn9fjdiygbg5fue47gzvi2tibaridmi4oddj0r10cjdhkodotitcy2xqk0w1rkhou9sauxkiuqjuxecqfc+hxlu/umsovzutu27do6x5ak7xx4mphwj52rnedwdlv9g2aliazz1nxww17obqbk4z432ykuizhmxc1vkfirorbz/cn80q4cgzijcx4ws2mczjqpdrnig7dd3pvofhzm9czgbm+mdbnsjbmhmnq+xft7y32gskaynkqpwhapsovjotgeyqtktg8nuotz8nxp6rvbsg9vmw/xrszbzcgkbg9jmfnva76buwqxlarbs3oysnn22xtbyfucimhrctzd5ywbirbtdis+luvb3yldsoagccebjko5nwicy39xjdinfsl8vl7hsmy8ydg8eylddh2p7x1ivxjrtpdi49iecwj7o/nhhcuaecfotd2ozay2geljp+engx4vc6lqtjozog7poasi4lujucrt9lbljvfwkusfo3jhjhzcryf3ozunagcs5frs47bynfthz3ljjzujr4wz145/3/tgbsemqkaapvfzi/yjinfgjsbu9wxllyhtnd7colmuwxvz2e/czghfrnp8l/gbmecbwluqftkmwcrdd/t3jlqdswddljw1ckkgbiuoxd/nzgmqibhafz8rrborudobbbexyily/swso8woiyr2us+xm064uibx6gql0fq+o7cd+q9+drfyqfoikb91ighomkhc1gpyqyg7pa+rav7lkp30jbp50x2qqe5hsxmr5bzv6mpp8h+vbdmawdeq8gf0sr9avleiql01wrngjen86ncxzx+wjzdl15ecvt9vmwrzrn0c/1qf5phsdfvry1j1xtcuvg8pixxj7igfvknbqbpcow9teiqtqpakd1nodyitmroktyvfggoodbpxqry/hcyisi2i+dczgbt0yzpalbt3oaurirgvkp+smsikwidfksauue5to2elrqnyl/f6n5fricv8a5cjb51s/z/t8dp1g7axvfrep9332bs3vv/yd0wdzc4tqvt5tbapqbdhv+tp5y/kdh1nszdwzyoppwabcg6kd2dp2yo40hbt4kkyhz+qnev4hvkajb5vjjiycdha9ydlha6ahrpw8/ej6mj9vczorcdnzvio5jltuevz22u30dxk5ltuxrlqj3zkquoc0vvevj6e+xcffaoz9vh8zxenem2/nxda73axcmiyshbdub+v8bljgnldvtrtv+ugfdyubdczunfxfa4owc4jzbedqwq819n3qzosygf90f1jykheyjclpkjyeek4dkfoullych0pxd1p4thn4w0m0o3a1q6zaz5it2tnd/nrchmq3xgndosxieuwhplidjfaswfhzkd0ylxy02yfzvc16xtnr3kp5p8tclsih3qmzty9a3kq4t4ja0j+d0vahifr97xgyfqfkbgtokr+jkdkyq0r1b2wvskpefd56jwjzuh2sihnuj7nidpwyqxepueswgxnig7xnazmlldujdafpyxcf2jlqdm0de5qxuf/7jr4kiwz0bipda4zkry2drzwvpkfvt4xonzlabtqnmtjv8/5t5ulkin1o7zocd8tz8h+xbpmtfeoq8rfdowyrnboblbqc9gc/qp2nxrhxtyzl6c1g2dxvgwsoh+y1mnoqks6j0e/7uesmo+tgytq1nm55cg/akyzij3b5ykmbfewl6rheew78eg0a2qt6kplwgp/nbzzvdz4nyl0mujp/f0pzur/+df/7a//t0upzoz78j6fkjjzlczenadizo/fvkwcep1wobvkvm+jct/nt0zkummvsdtyvybwf/31v//lf/61jxem1vvbla+hqv/5v6eor879p//hx//7x//nx/+x//w/hml/+ut/7p/+qy1stfkohqfafw8mfm/di1x8ryqdcvcyxxwp0vlvq7qns9g/57xqkac4osdzu8cdvb8xyi42+o5mndfav5vxxqciarfmmmhlvoz7c9bazsqmfbkhaxq+dgqak+xk5xrhja6euqgxbbcco1kc0o+nxjisx7ofpo6iws53mvjobrrt4irk3sroiatais0ytchqvdozywiv0/v7qgrlnehgk03j2jyrc1mohhwsqqqqxdqackqseudozg6fvhgfdistbghdmitkcrjpq4pfhuc3vjlkzmpypaoslkcesgbin6i+adcs7swkmuubpmv62dcq988ielqztntexl7vfjczhqqtdw8itudufeb6smardncdif3jg1im+t6n+v3wzj2lqwvthdpnwvfyodqfxyof4i4zw2gphaa9yrsg5n9ikca1c/vafng8dogava16dx11nmedstfkqwljdqvuy/lgaahwfc1zw0uzhkfs/cuwpwlnmtfv4y/yptmwtgfpif3vieqmvibfm1w/dsy3buyt2idnds8xxbgzocfxivauiuujyscwfxtnarm+eqrj9/hyb9op6cewqnjft0imnjmwcpg2peouuqldxyw0v4g1ynx2kmy4b3uefzjwwuanks2d+rovkxmit+x6iu5bnfkmkdfwmqovtckohwqdzoyn5ipu11oid+k1yovtopluzvoil6/3u+w2ecn+rsdgsymgdlrxct9tbdzkea1vuvygbugqfqxislml+4fwfd+gq8gjlweu306py/qhle1bcphslqwevj2wpe1bdk2fq0rlnbeizr1ilw4aqs5mt6by4ewo/o/xbymtvlgovwfgywx3qkqbxjc8s5xptfkrcicolbldqfxsbvgexctgfxvf4dotij1sb15q55gmr+wxipxttcxbdsv/ly7yxm9nvpj0ykikjn86z4uoid4eiut5+xwdyhw/dxmpaqisylh2d+uzsxm/9wlvcfgdpnmm4jaugcdaucxtr81ptrhzesyvjibsejvjm+1tqri7p5labk2e9q9uc3icu+iz6p3xrjslxwihxhmeer81kf4+aw0ec3brcgh9k6ozw7mmgruzf8uq64kzgqsweuaoejgt7z1yi7lkb8ytwszp6abeqxkmisdk2id8vbx+eamxxman4rqaxsts74uxa7phf4ww9h2mzb8lome5arfoiieiufp2mg7y3kjkjvexwjy7btmq7mohzwjxrvhyidk2wzs5rteo03edtkgnao/trnqvcia4vxyjrijxwlmrdqcedstmpmvmfb+gzm26sjbe51+zor+d7oewh2dxqgu21640m9j4zfyfpgbxha/qam19m3uub/uxdwbydne1rav5tnb3l0txjvypdkgqb0uk3epj3vd6djv+o3osgdcxp/a2gn3zccv8z5ko3t1fbnmfbwgl1kjykeckgyjgjvpnspepr3pf+66abe3oxv4j6hu+xvrsv/shq57udfwunzsg1i3s1abbfzzu8grr8n86sgcokkxxeydw/da/llq+fbhczu7gvf/rkllnpnx5ys8mzw2lboanidpwtplibrjuqamcko47a8ujnyto3irr4vkzpxzcopi7jwuzaferuon0mnqxpq742dz1knu58mazghjf25ns/d/tzgjlpe8zhc3ktujdsiglopjyz9yoc6he4d5h4ddhqqbyulex4chlv77pftokoxxnxmtsdkzwryahnboqxtoxeb/pmsaxrw1+ax2z6cetfqtg+xacdtwiitgwjst/efkg+wfdngqt1pg23kjuynqri9eu2nzbamchdvs9mnq1c2lbn8jch3gjqq9rg/idcpx9il0mt3ldbmiz6ma7pabegupgiptw2v+cgeudmx5b0ks9mtd3tkb5mytbryefevoxknpovftqxdwerdh2eihwu+r/44eecsvsupbkgqdmmn0myuk2nbdl5g+fv4lwln9mmzvodwnfmbldtmxburqf2v3qyp2vss8t6ulogoeeeztuwtbpoowphyhuraxqzyutjeb+rknwxqt6muww3ryouypeq+6o0s5rlxok70nozas0xkhj2amv6f866idkdl53asokalw1yjdfkker7gf3yfkg+/75hqvi5kkzyfyfqk29qbqpcadof8vrdvrb+zxpsqf4yvetfy3ohxue7akqgkmqi9azunewisykq6bfltnebulkeehaqui4md6dmgjmu1zobbn3fp9mu52wmnv2peeccz89+nhbeuqs2l13ob12ulgydhfndjmamkzs5kmasycrthbr4l5h+w9n2n8lt2vmlypiqq4vp63tas57obey2yuati2ug9v3nc8iwaryg+iehy4qpcnwh30y7y/gl4o6g9cdx/e3aq71ppj4o2ax3gfsf3ncmzrpqof8tucu3zqsztebf5yk9jbvtrpcqr2srf4cwmoeuknpgppjvxh0yqcwv3wbu39sujqd7yefu49dykzgs+hvn5uyu3aceqc2vhhyqlr1ftr2o3yr17l2l48ly+9d7yvbcektgh1pxdo1y2c96blu2lixeavzbyezmcz5s4dv6jnsgbz291mhz+kn1b0kvdssu3fl7f3qfnjya7za7jaxkkrc877xbdc1e0b+ctml5jaelbgyq0z1/hakxnxa3w+gzzie6zvhm6uhkstdomyj/u7yzy1srx8rbhyhogyvjcbcipswb7yycykxa8cst9japkxhu7b7cjeuocseb61we9v+kaotzusomxdqqvmyb3ld3buznhjchdhuk+d8zsbnncokpkynxmgyehxy10kah7ufi+9jhyiofxx13kl6dbcl6phm37uxmpmhw0iztuyv6q6gukxbbxbcteyzrdppiqaq//raqbbhvy2tziipfhuhs57ouhhvpz3gfii5wq7bbwo98vsvnql5zclk9yl7ma3vfca7izcanjrgvqi6fzvmsehghu3dk50o9jy1n/tayurktdc7kusa7u2nwg7zo/uan5ifg17ewrtvpcsmxu8rkytvm/buvfymfeii9di0ghc7azs6mzwhlwm681g8fqqcwn2lu8sixxm2knd7ssudk/fc54t3aqbc5stqhrj+qfykjcmgokrfrg/io3awftpr6vnthxz4u833yikahyqi8d29zrj2rjgscg09iuhhixr4zxjdvgiaiit/vucitnimarjvowkcapcmobwnmodrzo7eob3m2iwl45wx9w6er8w0kttboftyopqxmau7w5dremmkl2/ctln7nghzc5x3raxki2n241fe/tpeko1rcqaiiy5et1wh3zajpnm7tmyn6ndhlio2dhyx19m7kwe/w+y24kjuf2cslgsvg9ovdtrnxthyjci75mk2e8qs3pkmqbtxc1cmaw96rpzqusgj3ief4g/wrhq7evxvfg3ck2r4aakw8ybno7mpie+hbfhj6f7vgpso5gsevs52pf0gqja+g+fuaupllpaqrhzpvd4jo+mhd8ksaegm+bvnpxke68bvxrkrykhyfgdg8vpvwb630i2boxajylc+reixc+td7o+zxoozejg4izdckvxlmhzjzu/jzk0wf+5x470giub9gklvctbve2jhxwy4/1bkwo97qkbxt2zzx0qrlobr0c+pgvzjgmlatba7tyscdieo3rqicfgebfd3rjvjjck66g/nslheqouraetkcqydm2fl/9fsjhblurx0sbo3gtw43zavs8thvj4c2rtul2vdpeb8pw2x9t12whvoqoqe+1lmjsddok3qwrjmfag0n3herii2zkfst6ygtm1kuzz5nqzebfrzdmo2rxgwwrs67eumqxujsa+paz+of4r3atmiq5awjyydxdohyjm/xfy394ctyiek8r6e/nyioshdcu/tffjensb2rqx2r6vrrxpd9yxypz0qj6otnv/k/dprasef1fd2fon/hixktjh0ls7kyqyqix6vws4cg/xblvfh6bnjs+agzlmvpwoso1oo8jao69c4qnbdt+8vxa8roxw0x6eqm71gdizh+enloklr0ylgdhpp11ewfquke66cogahjeggc0oa7azbvbxwh7jqegtnfunbpxx0vxddvhwpwshva9yzpvhjprz2skvwwx5s5po+v3z8fylm3edwe1o7oddozwm36ayccmlo2snqx++igk1lns69wqkdrob1phtyaasp73vv304fo9qlgxs2ft8ql0d6hstpoa4ndzrezrar7he8holywvg5jhihwph6trnavqvmkn8wafomsevthtfknrvmfvbfrxzewkohowl6fl5lgwh08900htgj3lktho5rmrfvy1a2dqlqjye8v3msiuxtxj5mhhhqpkgyzppoetdqyfy2yc8qouqj225ajgivaysu7w2jtkastiifjfo1dxw/hqbzr+pgtokaqizylk4vi1ggcju/gqsl3vcsxiyj3/hj6s4jjv3ucpdwbird8sj6yk6ekleb0uksat1vekkkuyyoppm3vkvoenuwouu6vwzltujoahhsi/ghpf2unsaq/ycsxem9yuzdspe03zbdb43m5v5q6fyg+sp6ikyx9esox41z9snr+5v71w7szt87fttp19/lh6bgfzn5ixb8auqxinuw3ypvtmztn9+cxkpitbwrg5vd3ruje6g7/s2qhtvdkqw1+9xqofohtkruigwxallkwdb3ybj8mtz0cgbmjoi82f1tzgv8tkrjlzgc24vkk+1fxgpcq255hdfzgrye3rjqeaerx1hgpvnaptw4lpwqpusy1bjehfd3r16hwovx7u6shm27ymuesohpiv2t61syjaxsymmd8spaahd2lcriu4vyepuu7r9kz0cefco8ywlhzixseyoti2hmoapovypsrquifmnjstjbt82rsr3oxt9oc6d6cift2rngannph1zyevvgbdqiizj39btoa5kh0tfj/yyoppsqyc+trz6jbc+lyuxmhwx2dbl3jshldkszxfy0bepex3motrmtutpcfwsddkgb1+t7dngq5hk6+prnhdvtqvciavd21mfcqlyjdqns4t4np36dc4evc87wtwyvcbxjshai6zayc9dorapoe1hosfsuh3wi6ic8uch3y0oq3rm7dg5f04pt8wdtsnobkuzop7n5onupen+9zot7w2zscr91ixde92ab5b7k1kxnhoi52arh1humcqh1mwuqad0/n80fh8xeiypmrmb3ozcfce/nlx9tftyfmzs+vcl6quoubuaixvthvltxa1og1wr1nnaemmt1zitueg7aj0wpwa3u/e6wsgecffgscfkqsxc2gt++wpkgxzv6qkbnsfmvuus1h0ayaobx0rtubifnyfctg1orfykqgwcyd/moq6bp+ic21rw7mdiqxrcxuf+q5jcox3n+c5e7ywxxv/00pv2egixzc0snz3krzsb/892prspsuocc/wchvl4u553e3c8m1dhpuyl4j1tnlf1gqhxjpiwlcumv9hnn3tkiyy6yotant71jo0umkocpbuuyw9wb5w5al4mok5a+h6rfs49r9tge9ofxzxqpe2/l6mdytt+cfssewvhadpbmoarkfzjvs10zgcdksuvzsafm5nuicae+ghbfj50c3mvcwqplqh1//trtpyohsxiiecla4ejhvu57cyejqnpis/ufnyrvvf1pos7vul0tq69ihfuec83qcdntknosblppxlnxu3l/vuda3g3khvpboymg6ynvelxku7netxzhwv2s7xjj5+0rkjirq9hmqxuoilsbhqzffcazkkwzooi44lfjdoppr5igowdirji+f7bwzitrj0fuiamv/ct0qgrr24blqqzgabz3aisqij63v7fw0zpblof9me0zhtxqcet3hbz2zmvdlrupfb8ivnvihc67n9gxut3ziiqn1jatwdxppbwwaracykg0vik0ufudt39kcg9purzkpvkwcrado1/iqhacizsszmtkqnjxmcavvhiqhrqg9jlhkltikh5nzuhxof5f90amdlppolqiq46ma+p50o+zxg3ya7vqauroeuujylzwd3flbpjcanr/7i5upr3wifw5zmtonqnco//r0rhdp2czt40gdosynm7ayl2bgflgdig+h9bmp8alkj/t8d0+gzx5ujltb3lpiscmfyc9s9v0zgde78revum+45mf/zdqgdcu4+c1w71mfcvda7ch99b7zd98v4xksemw2qka7hlbtp3jmanldcihxyijmmgtvj5vgmljdmxcztzgveu8ucf4y+yxgnprm2bozwu3fyy8jgkdacw6j4mh92zuwpzjuzobozgf0q9m3mbzzjdw8fowbdu3fuzqg1o4onytdrtrco14g51hwf5cnerp1hql3yzcfmzf8/2ky1s9bvi7b7nrlxryoxjyio/lsu1so8nn7huw1z9rj7ftagrvsmqsjx3dcpbbjyia50whwjkv773ovwm7aajnv46qax3sfcf7hgucmauzypyfofbwxn1qklwlupk/mmpuerghehyp5srcwotrszgmhu4o4zfkhhxqhwvrlw6ungzxlihuon2yxbxduip2f4klzd84xahuxi+no1s3qwqa9twpjtsnylplref4aneoqd4om/53ztewar7nv8rsv/ybe9sc0yrzys9+/g7ajaorru8mt3n9z9yggro7jztmtw5vddtsf2vbknkq/6j2kvhzw6+rkmmgyfodxklbvxm4zflzvojb1jwafttaiz6emom1/fpsxzdsi2oepstxvz6spbqconv61oos5uc3bmoqfu4ma+mfwsyflgsaec+ghbbsfpn1vsxpkpip9cwc6byeezlhxubetoe2ykyighry2tkq+hgikcc5rzulvggta14oim+xbhhipkzx8ux6fggyh4q08i5f38km4kl4jlzzycmahsz7+rryz2s3qyjvp2eionhxndetr4/ngxe/lualm4xrbujjdjys5hcmuxn1mvs13wi4861kr1dmdinkgdougojiflsw36syttfmak+zrm6onnykfz2l7x5x39iibtnefhhsuwxaj/g/3mkwkrruu/udus197dxzcyrcvdon2csytq8mqtksvf2alyubgmhqyqfzurl3qmwmj3dyusy1hfkw9azhrf+7/7acb+2wdgmv1nrgesuy0g9y11dqvtzvpicunaanjvsle1vv2zqo7x1idbczgozesparxcayimdroo1ldpavpst1rhx2huqjixmvktvozawap6fr2vo88rcedxwpkbb1zst0etowpwgjygqe1yku/0givdgyzxujgczf8rih2nr7+zn52kceb0j882ikwo7hs8099lh4d1qs3ts8ocbmh7nkq7rqfooxxqxyzagwbbvv/vkzkeqkasu09+2mzzy7ge7wew922bj6hocr2hk/krjq7dmedrhm4minogism5yskahsdo7gfnhrq3pe+c0m26cholfdbnusm3qgyn64gazzisy7nnszkibxf2rhliwj3ce/o9qbhpnsc6sjrjhubzc5equcylsiq9posy1cm80iusxssduzpdeoodvkwraqderzyislj3x3m0yrgotkzwakqa6zymyjqt7i2q93l2ist/k3/3r4ozquldridxkxwyjrnj0nw2wajuznuamv2zlulscg4he3a4a0b4ga31mzomy69qtlcpc5h/y6d/h3dt4pz40niov4hwe1vj9mkybkled0teky9lw2hpe08beyesj+qa8liz6rjjavn4katvvy5e8elwhfi+q4fpc4zldsdymzmgrhu950veroiwu5m4dzwfst2fzp4pl15cze55t0t78ogrte2pgjlrzh2npm9z2q5wrtcq97opbier1ouyihhml6eca3mm+lqs8/l9ooebvvmifsuxqahvi0+85vxytv+isan/4zccgksa/slk6atbcsvd+zgbt2fj+uknztgpayjyemsb1pp7cpuamln2gfcyoxnoj0i9w+hvrfppxz+djnzlcjvtogn8jdqo3qdkfz4hmnjc/rmg17r3wk523lwstmjz9md9unnzmap+lmjuvwmf9efayx4ydlw92z2rasifgrxteteq6ga9tk5kh18bdxxhlgiavgleom+oizsbbvgflvy6hycdsr3pnjpgrhev1fkbb4mh9w4zffkgbsanitfjhdsnwzdffn2kol0y4onlu41dttk8bgsfy2i8gz3b2evduhicb+kwohkfm1m9lblfitxmkul97oxko3w5kaw9yikr5ikdn7q5hs104y7hclld92ucu3bpwykqm+8/crzsxgbyg9shivyjfm9znvzh0vyol/ssvxyllc95+o5cz9lowziams2++09ns4auz2+5jcxxvm033cggf6bm6tavcccwkf7tiavk2g0ap3qlvv/hidur4dwwzu7dglcyudtljco/p+x89bu2n0zd4hpnuyqsx8uv0wakii9azbl2sy3ulklqq5ez5ef5b7idwqjmj6mq1gaonnorbx4x4k8gkfj3qpokz1ofkm2h7igwgc1u54pjsm9z0oy3egd/z638uxrpbwvmkvrlnfxml+6t7epfygxwybeh2eky+0fxw06ieib6qtjoupo4g2bdpbk1j8nu6ju1j7ut03gkg8dp6mphgsmmxdz2xfnhue4x8wnacj/xdy0wolwyzcqs9xfou9mskgksyrbrvqtl32yytmrda5geebku8dvogoqctntxobya5bs0cf79zzqnkhh3ca072x26dmhvmi9gu1czxij7aqdhcrn+tcd0umnip7lnue51kfntd+l3e0e+e9eegtu8q084mjlwtrwyzp6n5lu0lekn7ynvx26ovxc9bzpd5nj3dzka50x+o2hmbvmnbxdgl12i9uhhjm90ysbo5ns0thdoqhoqcjygl28cjro2zy6ju7h1v6pp2luy0qqnl7oqg4bt3tvu5swiiev17vf4chhxdumxjr+enlt6rufr9y6glchln3ofofkmy2+pcsyk8uie3lryw4vtcauqyy2rvx7vqfvftqyieqphvrajshdglqsne61vuuqfkjpfe27vvbi2mwbgh8m/mysf8vpdocw+6ma+gcxitqvjjskb4s4nxvlchbu02nam9lrrmrv7hmloj6ebb7eircb9flg84ixdtd0qqiifuxwpkykeuxd+ssryxakth2byrp6neowf5ppnusmxg08ud+zsvb3xxh1zk04hkst1bui1vmkp3aujr+t9tbhcfp5cbwxqjzgtzxlacrrydip5hs+h7gtbhlt1xdy7m+8ftexbdrsghsged263ghf/cmcv2dhbxx7bqjrhoie/vp/prxgtfkwnl/vjxw7ni0n8qoh50ty6tp1b4pxd1bq199skhvvr6xovl2k2yel6jkmgys+vyz+spiuenwfenixl/n/veb8lqp3u7cmhdion64u3f+w27y/km3mauprjqdv6/nkhj91axd34dytuvyv2zuodpmagqwbloyoefi2e3+w5cbgsqkavqywu0nsh/wmuilzfc5yyltzbb7c5ggwzyblhl57d6o2tytnqrzuww0dnfr3mnusgjgd9kpycvdndotpb5eiqlsfpu05kezy11muscsbwynun9je6e4mogtpmtqunqmiqoh3gq3eoza7rfkidlrt5souhlriuhe7xxx6ykxpfvbmcvhcghdn36b3q/tfn6yzxyvopbrfyttvsi5b/j2kpnxwfgpdya4o8my6tmv2qlcvgesfvsib/uibqpkaxgi5wmpil7c390lbg0gi4dxajd1q1kcayznspleamzyzhtfiqwk72pjbsgedodspvoqe3ym8qnyyis3mbavfmlndtetssowk8xfengigcqnkzm60zh6x6v3pcu1bxgkon9io5xw7fgik/8bj9fx+piujn2jyvhdptj9iw4bh5i3f8uyekbfmkxc3miltqse70m9liz8wfbelemspyoleuhk7jcc5drqcfk619uu/ozlch3r7gki/mwhqoxwkudytyto5w7w+nkge+aq+43j3xfv1yevevc9wvdoiw3byj1svxaopvivvpvzz7xczhzkk0l3g6wvvvyw9canfjv1woxajx3txblua9xgtgzqbkudo6ivbi7idneunzffknldnzsw0p2r9or8ao3o+i1kzfcnwk/l3+xeet/3kg691vzgofyldxzr4hvt7hiajdmti4ombgatil/ygfmodvquniobsfubg3/ax0f2/+xsxpk12y0spfc5co6gloqp3to1aru0ajlkaqtjtjxzn6vnxy7y5/xsimlj7m/9dgqccpgdif3dalok+xb8h8sgk5zl2fqnnkti2tqhztsoq2q3t5a05shnchfgilprsrxx144ddengi/tczfqmwe102wqm5cbbxxxpnxue+5+vr52dgnuidnojnbx2o8ksig/3mjn4ts73kfi1k0q4eve5yq08bh9zbqbsak/dmlsbva0wkpcwxbvibwu30pto+ujftrn6b6ujieua3rs7msopjagnevwwg7wxzup/k/w+c8ekf3vbuolt7fz3z6+hkm85sxgpujlwhsn1vf6r30xlvyn9rjxmcwfrkbfybcygwdos9wyyvcwcichu7dcjil69dh2wmhzuzvouije+1vphew1jx9lim7zjn8zctcwbqquouausa/5+n+ahfvmpr5myyynkju8wp/ae+ccpynjdnlt3au0rjjflc0idgjcmzldu7up2gdubyulreudnee2wfviiwfrtf9xtxvr/wwhsbfw7qrwlgjxtxbv7ng/k/mxsa/srgpgle7gwblc+sm9ajqko5qo5il+yazpi3hqzu7o+fmvtyii7k1z00jjqdbeglonz7vgzdueabexwekcuxiomsssfphg9zpr9pfswtgnviswgqki5aydkdlz3xuodsinvqvqn5e95bui57tqlu75vsfw7ynarbsobtjsxjk1nihxd89qgaz7lgi29scgi7pmi0t5rydx7gskvnccslaxu2fz/cx62bmaw8lghoywd0s0lq4rabvtd2pwqfgfjmofc801vyi6/izpmua7mmw9b79wcglhvnrxnz2a5rmixujdfi5khijcpctfeb1i9uncstpbds87wtxiluu0xyqo1bt3fqfb8cfh+0aqy7jvvc6ojtnbp0frvsu/wwvsow7ro3mu77e/4urxzte0nl+cjsvi1rui3ch9vun2pmyrncnjauvr2evqvofvj2led7bjvaixdakiwt3lvelbhpsu7rjnb0glnnqxtqwjursxnefqavv07m0cdbjjp9bljjthkth+k0z1szvcf/lti05dknd5ht/t1vo5trtw81ruycltyxgfrie16hlyzydctf9kzyftw46zf+qwjyi23g3s/jnkmze7utna1kw84icydp0xlfpk+ettx1rsdobbjnu1onqqzjieb5pd6pxpc3rotje3w9u5txdnlmngtw/6esaqbb9afdketpqtf0ockkgnqzcr0ll/ofad2ekwjj82/p7gbnggmqbpdvsaopkjvviwqwus5ysvy+qwyazt6zpxow6kiiw/qzmetyileyld6og065tflwtpmgizqmcivphscbij3dqiet3b9yzediqtjua8vz54aj6sxqqeri4kcp2c1oyxzj3povk6oz11gfthxbxcq19rvhe1f4qbt2y6wrsgtluxhlyde2audq1qrvaq938mnngfyptloqgyzsssw6ufusptfmwoqive3xg7vvb671vnptrd2aqg6bxxi3u+skib63s3e37s50fco7q7opcjmyu1evm5miudp1ijlwtb73vkosnr8elflgnddtguicz5mxa/7+t4pk2rek8rrbs58hgsrnkjxc93b2wongg0xhksjqmorqbgwzob8fjcp7xtnnh+jt/jo9yoficzntkyn6sth6+kr39oxevmjuqtoq866zrfuk1pptlw1cfblqvahmauo62dgryxlu092z2wtjgoubixz2zdz5bkfadjjj9bcv9bucvwtcjag+febctc320xnuccof0+sz79qakuvpzz4wv1jv02/63g0u2z+gx/iwnzfx5t5iyyj5no/t6hjhnmge5yn2sj5e+phb1df4fishvsgvpbvimt3rbj47jczttjdizrgra8wx0t48921dvgtml688rjmzrscl3hs/go8vfv6jejet2cwnr6/kocxjiolfyo92botevfjayzgugpnv4sfdbfdskj4pwu23iuyv4iqiznzj6izeieiwtdxu3uhbv44piuv9hstw2ytoehlhuultjxqmpazhjlohvy/52gh1pkrtctlunfnnwkvjfisse6tfdgq/2fo0oddltuso7dryfbdrkotonbtepk6oluqcz0tevx5zsww8clkvc3zcrar8u76vh2z95vxcbkfxeb1akgcroz8rflh8giyhnslb9u5ugezyvpndyvptah6j0w0tlez4pec8kkrtq6qbrml5zpeywkylefcjwayy6bc2mpdfia3vdhmzsnaw0axxwfcuetlsn8cqnb0ffbz42sncnoclywweyqk6kp3cadwfcdj2cswwo1cc0fvlokpcqhbzxars0ffxinxuelppaamxjffcgm4u2mgarnjwnjohuxfmollcpycbzdd6rvcatzzxly2unflth/hwpjyrtwkzpwxyaga0xxf75o8ek0kfnu55cilvytn9p5gtfqhccybodsdqlmnebnxlucpkohjezsmee9tt/cqhktayav9bv1nshbtzp32ksunirecil297st5wfi4nygzqtqhoht2wrr7nidcun3ejelvcvr46wnbpxjaeua3deoerh0dltn1dhltgurmmbhpixaymwkyg7sekv9rv/xfe54cgh3lu87p6hkvxs6dia0gy4jhy4feu92ufbta1v6vapg6igotpmnxnaahz4vdggjnl65zgyau81kkvoxsrflrv2rzsdzasiajgr3bo9f67dzrdlomky8sbqfnd07mc3mw3flkmix2ztrhsre1745vfgrc/lehfbsbk68cqjsryrcr7kui1nw+bwlrqpas5nbojpwas9gssypnhwqbd5trumlbs5atbmyb40vijgeiyfle3prk7vuezfflwcfjajhwd6njpeskce5tbhrrxp2kzg17k2uiaqzvmtver9avsxnprqdcmb6hvmewiprtash/f6g8zojacqmscgpusqluvaikujk6uln17fqi1bwzojdkcezbdmib7yly7fmoy4fttmn8ua1yz/g/hp7jtb1yerg4mpuwrhtmwk84+catflq5thacrn4m52rx+ezuwpc+uq/em96cn42tr80+xv9lokclugdsfmhuiut05t5vn2opxb5q3kurrqekcn/bq3g4vppdorcissnia0ws39y58ayvysqywvn21uonfbfzq2vhisymrqjaxzcak6u5bbuj7ftr4zglhz3eteo9mofuaxm2rbabrukki4wipnzttfdvmwdxs4eiot1ievodrfxlfxn0fj6cmbl7mrgvwzp5amnshka9tgrezre/o9rtfn5wzcsuyek1ow9obq+ya7hxtzx8/6henhtlhv7kv6xuzyzgl3cgrnv8hd0/kqxilqfe0nm9nqo7gx6fvxcnsxhzdlftodhfjjhnk9gf3ficoubycobwlqhzpjoc47a29jdlmt2eqvp9sy8x5puejxomuqybztsdkb9gydgqpd4yhwcqjivw3cahdrxoycktge5zdni9ojutntksajy7tk7evqfe3vnxqapnj0wbxo9ftpke1gg9qfcilwzxwfvuywg3+ydfqj4sh733j7/jkhmnpwtyy+4yqppnyt6thm1ugiuk1mh3ouqzl7vujpybtedrvbftbem+cxmjulhbzopndcgjyt56zzblqnms7prttqd472xccppnckb+nw7gu+olduyoqi+5dwk9e5y6/xgntu7em8yuob+2hccqhwznak/ncto8fntekustxtzly3fq9yzfaci1e/fjo2i/en0d8dnvcuwd3qa4wydm1fpetzklwtnjczywxi5rxe8iefdyhg/mycjn9zs1rtfo1djxjf3uumretndvpossjmhqxu+td/mghbx0i4l+5eyhn5usqojpvagn3npujp1qumyskkvnpluvuhpncwbiiiewulbhvbwcmexmvo6grrtmjb7n9o0sx7w72okr6kkloubgnzvcu/dv+pzvtyjctwcanyvovndmf0dhkkupgrjz0nnb6hbcbrhrlmme1zv9ryu9xifsjtwzs7hzuslhlwyoxvgu1tngkso+3jws3fgkswkxta4cjnitglc3vcs3ibb0zwxvyo2qcbrb7lxboaaqfsq9s9dnflri8tgwdd//txom4obww5/6vpowutm8pg9mx2raiejhnynsmhvzhnnfij4ha+dzasg/ulfndpnnvdaqazyev87pgunxwjl6lvs4skyvdx7cofmfnmoriobi99kwrm+pfuv5yjoiwagndnsj3upejn7hhv6i7cdm9trd1v7njxyipny97vzye970r1rujemsnoifgq618pwkkxactge3w+aqctrqcds7cdeykwxfkyvytw3j/gmd3n8pjt6ehxl9c//vtwqnrl48jcl5t7p4t6ay+ypfbontq/bcjnfaqyrkpy5tsrnzkbnpumkv7dwkzo7rcvltzzroepuasbhju30hqrlh9e7a2zovwovqp+mxrkjlwp4+3dzzbzwasbolxpzyoojjfh5sgiiedrfx5cguwkwmvyqgehrxz/sscpvishr2x3nsjddze2u68vsme4q1krkf0gel/msjoq0qr3ic9huw2nqcjgyyveu/7eq7mxsyfh5iju96yubqbucty83kmhrnhkytevuizstdzokvhgku1+4skab9hsoinclwemznp2p3fuxibtu1+xt+6gsonnutkjx+2yckqyt72g5whcys/j62swvdcinstdnnabsbrofvdrkqisnombna5gkmklnsmlqduvnnkibvzxjyspuly86s9/r2s1bmp8lr8warb/3ebgstpmgxwyqkctzkxlpu7sm0af4esq7/koehnuqvm0b2rmoinm09visah3qj400b/89+0y4nefpagrxlq26xzqfsvmipqixvxpugqfxk96yu7h7ssfdnptlt9bt7at6ul2aohbvk2tllocxk3xb2lruadigk4/c8lsf3fouy1vsck5or33tct1ouvrrknrymzzqjktvalcsevjq+bqbbq5kvnenc73wv7j3sspavxiqybncoapu93gpdcqkvybjgvuhjdz8v0jt4nvft3wvnnufhpydcdshbqlyzifixjm793itdlh1palu6qburudiqzl9dvpiq0pmne57qimxmwpvvpu94qt1i6tjoh6wqlqri+2tn6o7tpexivxev4erjjiyyrlz7ptmb8mlbvuixgff/vmu/9c5ohwpoisw4nkiam3ma9eyl9wojnsmrgj2zumkgmml00ibuupmdckf+yulw1ulzb48woktjyvvpdq9ij6zafo2i9amsaz5e+uozq/p+g3l18degygdtmdbdaaaktgcuh6qvh93sisonmgxvi5qryroigsonerdjpkskzx/mkabykmsmqeutdqkyegjmwmsqny/q3prdzvtls/rv4dfctc4v5gatipwe7/t0zyrsohtd8z7iribbheohu94gzbfzrfm58pl3c9vdqmo1s3wnaphg97xxl1tpp3oyg+t3ubvkj+dly60bnm1trzh/zgmi888yzvuqcsyqzapansiktyg/2k9nveggnfvzgs4xce2og/cd0frprltnjkhc5hff/jlxh+y+yxdhsg9zgv+is0anrhalmmb04ivcsj1j9b0mhll1dhlvx1etyaajiikniga3qvqf3pmc2hlbpjloe57wxy1dtmw0ayeycvqkeesnrjxzi/dcgrzhxxlwqnxpzheg9v9tbrydxgxzewq0ivfe+wnjv3yxxfrvlhtlzron53vai/jq3aw4ngd23n9iwbadfopapryhu8hd4yjveigzsljbktwro9td7it52alz0br1tbv5urzlzwl2bdqalvkludbpz0/nlwjte11nkqcmaerdcblvz0iyj2qvkbvqqpespqcrwr4tqx3fn6yuc8ubgq/h2iksodyxqgwzsn/ofualnwxhu/bpgzi2c041y1iufwu5mfyw8zy+rjmnkwcps7y36evd10zs+rbdd1nh4p/6rnwxajknq7ybsl1ezryryad0zw4zsced32uzradohdlqfczk6m3jth2vtohkuupwvklmvpyxcckjzcwsquovoslyki040yvhv2zedtujuowz3mvdwz8qe39yzpyuztmotxsnati+i4f1yb1o+aucwm2rqovr9dd4ojifuvb77n82ewmfnme3eqjxvu2jmifvuprnfur19rouhh7a3vbqaeywxi5m3jnztujnruzvrjleipj1pfpqjzppk+8n4djpc/ve74iwpy6lsxqimi59e+12y0g9m/xolqnk3wg4mm0efkcfwirmxvyk6sln5loylc6fh3jzvoqjiv2egy0ikjlftwrnk1jia8egcnzpckjtvtman16xnovimstcmpw6mcryr1xt65aqunleiplhbu5kukmbtzei4vj0cmusjowgzyvdrnxwk4jrsqzlypge2uvxztby5yhd5p2vpzidsz4+r0pnttzlz5udys9a6ipexrprqtrmdbzjr70eoq5pg5ztfrksslaedxgg5cstngyl6/iapa8jxh+hxs4yitovygruytmegn8asnsu4b4wy0ffsjwqeep7vsjnrebccfc4++ygubbsg5k7vnyldex5xvnqw0t9truxlnmdo5fou+w6h9hphacwko0nmdzjs3oye5dx5a4km0q29g0odpot5oxbo7pw52mvblo+dkb3ks80mwfhnfcjetcddhuwylxd660ly3crqzull3uhkmzudwyxrogpezh8rorptvayejbpi0d3gbkrrm/bsxeuy8wh+erpbukmnsna2l3q3utbzkzfkscyiuhp6begkrkxmuanytn0eiqyxttssy39myginco5p7qsupgwf7zme2bn26buzi5a7am7hb6davz1pkzuv5najtc3icrn0ysuvpek7e9uuzqfmfvzlnlrj5evwimbny/erewcj/kl4u43wnbceczhvxinm8otfap8i4mmzrciqvgzmffqrrutswbkuzuw1uq/npawisnttcdre1o6+c9i+uvezmdglervyom0x/s6u0gvudcmdwiydzsxufr7akhphqhrzsxzklogko9vo+bcpmgbm3mdsokivbvrz5jkmizhbjfsuhfl8igadsvttvv8s5002o8d9v7w16r/6x2n9a/ioawy8vukdmtfdmsri/sa64p//5konn7ccdv8ux7djyka9cejp0qiymdyfwz1/8fhwhgrapefggx7c1u+7ifseezcwfzbg+u7mwixuk767nnwkiiffgurtkqheer6mnnmruikqgkiilc6+rincepa9o+tyjaeubrwb81o+ycoguodq9isfgpietijfjgseu2syho2ko5py2qlww0xovekapdfbghwgiyfffsi0fgiiolvojipsyxbvn4cjszglhom2dzqisxdvdqlxv/vrnxpcx2cdl2q8hswdg5voarruzs9t2zyqlgtqsrcdo9ndx9kfzzoum0qiixpm6tznxw0swl6nsda73ntu/ikfyktonmn6pnrjf7auhkgw8o6llr4d2py4eownepe5qe2gkgmapokcaf8qioyvhyjxc0ja3bewpapyuqogf/u5o2nogkutnuazkwjs91clginiwyowqg3xea8p0mtxfccwyaoxugd07d0+tbdcsdotmo7106unjaoy4hb43b4fslpynjuagnikhd0ooyypseokavefpz8i2phhxbffie45gcszu4sflgjanl3qfh41zsl7xaty3mtzvonyvfjwflr7yhhqm2mkbcxsnkm2cnhcvjlaq/hnj2ucrpfgpl69/tqw1cu67yzs/yvzg4mzl5p7aluzmhmgmrleqys83eb8qi7mexh8ggmxn6bqlzgotrkdnnhqtbqsfduqob9wgii5jjkrehc/m+/bxssfnm292qedskbxlxwkoma2wmzg/xfe8ekkdpcm2d1jes3ils4v1voh83dlivc0ljph1q2982jtxy2ihvu7icqbi1qz2sg6ux7pllx9ovy6z6eebz6iaupmun652jd5mgm2phovm9e4jli3yn24jfewsl27/y3kxpfscbdlpfrv8ep+noc3k3xdoxs6mzk11grpsmoxisqrqdpknmysyuodpqqirw4qbeasxfafmaklqgys2smixedmyhaamvkoxo0jtkndbf58ayg1lutoiklfbg+djlavxjxsrj1u1sbqbcz7k1jf1z2ugwqttim1xyykfbeqo9qlaut0tfdirfx7uwqlcjswiqokrgzxrnfeeurbebt2uoadftpprqeeu9zmgdnpkq5tzmfe3qdzsgspt9dloqn60aoahbby4ezunwgwj2tttkibto+f5nhb9swftcsvz+uhwl7nsiqzdoqgkbq91s2aj4mgxuoksofp61s1sc0tnze5tohvwjcut2ldjb4rjr7sf0o2skqsphltxob4skcjn8h3poix1rdnicms5cdaoesyrrwqgrbcxemy++eegx3eu/65/yexlzrubxlhmlawoe6l+zvo9z4bjdzib9xgbtnezzrjwrzfymhs860y5netzrg0gvcff5ppjb5ppatsm/1lgh9akb6qou0lfsjnjk3js9mzxgvnsdxwyecqk6uhli6u4hw5e1vl3x903ifjpaev3hanpc82uxgkx0tj9njsyh1vml8hsd3pm7x1xgmdkrvtkritn+u6ty4m5k+zjvbrqeudnh9m+h7oxvrn27bge8x8vusuc/kmwcwwd63ie9e3dwawaz9hb2q6zdg4bra2a5mfiu1mphabzu5setiqp9jtdhxyzei7rifmxqt20iqiraanmoj4hu+hjxev2eddhjolunbhztuhgcipmthim7bssttyyy5ormsv8fzuwm23d3+duiu74wifd2cwyonierr5ymcf4kirqcvslsbl6pfikh/+oryqx4jibovyo6ikbqy44mhnwbhn589bovgo6iwjih52ci9n0rrbyz0seiqtqtdnpjccaselsix/f6uom5basv6kfes1uyuoicqthnubk7x2tks68mfdqed6ntv5vbw29okd2jfyj0am3l847dsvw4hcb8vy1nz5k28ynhjurzf9bar9sfjkiyu2vetcvmyhypzcnj2a+ckewuzz/o2nfzum91oeh4nzeteo/hbm2o4ycdmjrw5pp1t3q0l0xkcurhygsbyctumsmbteeb4rrdmebudawr9jvq9r8qqn6q9x6hfz0eoca+n87hwbj7wfh8kvbyvkriqjeq7j4bls+wabbhviefdtdzwoaljpqqd1m34fcaxfdqne3jr0wfzhpzwabfdhglgmlejetux+3ygrfriizus9zahq1n3yvbvviuduj9takk861y7ycd6sjmb/shnqkf+nkb1xbmsi85wzle+grakudgqur/dyar7rsleb57s4rw2arf7mqja4cxadt7wk4e89tzj91qpkg5gmpnnm1d3mxdmeukxjtlge72ixjjjv2xqlqjmdmspdcry5wb1dd1o3lmzhkdorqwtqbhvpq7xu45b7u7je1zamm6tlneoddmzd0ndoea3buzyxcdrsbi9ixw34pnivuju9nk+zzebvufydhzpypuh65rtugahtah2r8iqfv8akvcrxiyb0epba/x3wu92kmm05zfptpgjkd6kxlj4mwy7qtyodkpxhuswdzldmjdteyhx/apuookbkcjo6vkryiiskk4yqsnmz3w0u4g/0vjsejwgxikizkf8cok7gdeucqqqdyymvko2hblligky4haic44pyucpsn23vuzx1hldorkwg58tgbohtcv93jkqit11bakpos0gpatzhyqwr2omdixmkw9eu9aykz5wdf1ho/4aulpgzy5binvmnwk9rhxzvhhlkez1kpc16myessqi5fvehhvqgxzomgdngkq7dhfk+wwy99zzndlxd1nop/3d7gtqted4kbtejw82zyhnpre1bqlm/9ttj2ly+4x3uptwpuwdeqocdfjwmngxexwyzr+lcfw1lygmokexmh/ygen49+y8+pppd+ks37xrurpa8b9aj0mqxdbzkk9m3xsi3956eudqsq5l56fb44las2vr0kwoifivfjeu+6yy5bryichxp2y1elevxr6yy1sh7attalv7yol6ujugrvyjknu0zp77xqeyyihiyhy6mgrg2o+wtjemq35rygpfuakfon00mbnpspdulnz2a+bmy40sjyuvscykgxrdndhjnjmpiv9nduoyxck0oulisohqgdqsgrdpfdsp1qvi4erufm5+xvvxluga0cw70asmtbt/0e3n0pc5u4qyyjqrok+e5vkbe8l+yswemx0pm0etif+rffrf0go3x7gos1esjywijzextzr20o8et0e8fblrjwyosj2z0xgrksnvukegie6nmhoq1eikrmqciqzr2ckse54i6jzkihyee0ckp4elvw8nqpjnbaqw6jpq5ntvdf7pndkfshbv1zip9yk+qvfnye4mjkgedg/rvf5zbonc1lpeth0iwxepy22duuah3qbwq3xtdk0wtszqej2rrk/zisod5wcm9n/3wna5qsjo/nsc0wkxzjiqqnhv18wgmxeyp/a+3oxdfjghpsnqdoksjvcnsskzro5lltvpmqzo+mgfjmp9a6//fvwp5ekgvcjgptow3kwgkgu9qpih9dt3dy4g0/tsoernauz7utfuffelolmliym/gvch9wu1sa6osunrzm8mmaaq450y0swb6p+hvrqxlcypmzhz/fqvxcyklk0fvibs/vc0adkb9k5k1y4z1dzhnzcuzizjkikv8dazd9bgjhrsq1n0ny0i6vassc9ouod0tpjalyeo2l3zeeh6myn+4phtffnaseluhr5w+ykrvcd9spvw7ekpejur+aswglmzf7qcrgg46c6janrok6ick/vr7m2llms4kxouhx4k13twzshwiqqibjmpgejvtp7/tfobqcvjhn2brpeig6kazlvhquc9nyz5b/y5pzvqk4wrqix2zieqagsbtrqy2wxqvrvffzqevanqwyygyjmjo7oozoyedniu1mygw+g8nrddqerplu96j2j7p2bx3zub0zytodpslwrbtljjuxxbf70z+q8drzwwgoy8fjrda91s5pn6to0yomlbirf6gcxqdvepjnv0wl0nhwgfugnh3fpulkviqllhkr+06hw8shxf9zxmxqpkk89+iqpzcepuog7h5pzkk0e7qzsecveitxzsqc247iee+373ictdn4au6/c4+onfwfeywxzvuzowfaiijnkbbhstpvyuzsicdcjrx+9o+npdfy3/ry+bpwjaiduhozinmgkh54vaqpn5y5iuy4ai0teogcszefplhktcjfwfuof0wae6zrdyvlqjzd4kp3fibr9bw2g6y4aqonjue5nsutfpepztqxnwya2jt5r/llpn0qdh1fg8nbpo9zglccuxina+efdh1p+zf7ad1gzrw6aj2g1aq1jitvv179q9uhrel7fcx0t0jn4x/ndtxfm7rv43pjvua7nsty5otf3zrsf1dn15r3tlh0ppsjakn3mrxet5ip9vwxdjde84872gunkh+4zpqxd76ngw4xu/ho0i6cqowytxwdi5e5pqkr0mdtuyn4apjr6hsainnjcdm+1ddoi0hkk0gvxwwveio+tkrovakarvozgv9jll7xaceeilkpxnr/gmg33sy5ijruvjdj5qesq/0skgdx0ryfraltilv5mr5mhkewzarst5bbsdxma516b93k3s4kbpr/w7vvqqrocpneo9r6mc/gsndhzdvby6ohmr+l6islzmxj2so/hxika717hdm4j+uzqlhqsgdk/k5hop63kh165l8tzxc9/tuac3bsiznyfe19hishwq0q65v1gmdo2uu76jvbsqaorpk2fcen5d8u7js5bf0s5r7l/m5cf6t46vbjflarjyilrtvktpjsr3ri7edywjcus3n4j41pr3vm+tycq2ocgtp7tdzo2s60ljsafvmwipw/ibfec0zob0wm3k8xqxzdcirommmtdo1uqvlse50ldtbojrjxywycd623dr7ebbngdblvjy+yser37trpntjqwmjklf/bxg3ovbpn+rymgsjhe6g1vvmlulqgb+er5iab57npda9s5s0haupfgdce1er+r+7lwqnmfwtmpr9lqabi238rxkpbftbgh3gmeikfzt45rifnjupeomszhaudiucw2r6hdichndlusiromkj8lccs+9vhz0d9sx4kevciosbon6yp8ksem8drummiy1e9vvrka2g0n2d3bik5wjauz8wmeuomkjsfshk0qysq9fhpxgq2r3em+g5csi2gdka3avbacpncqm1xfxo2wvhmgfbbwbjea16nttwjr2ydszpfd2bpxhqoitkkqdmeelk37mwiyv2hgzz7nlye52h2hzkctqfhla7/siaospe9tz2rltwnzkqfykefffgdojmi74zbhub393x93grcy1mv41trvr70br2mieordjrxn+aj80h4kmjexmclhx2e/vpanme8voodyueu7pc4l8q8ithpd8fr17rigirgbgbsvmu3aczzcc1t/xznnd64siod0jnnkktnxdokenvsc3zneabfdqczg7yzovvn1qcfpuhgprkvszjdj67v4pozeopzbp9l6wm2rfjnqzsjtx4/2gkxz2sgxiuskuu96de0wo/pvq3zqkkuxwwsfyvjxlrlr32og5mtmnwah3nvmyy1t/kmleo8ozoasavzrk/zbxqkomcsktzfbnsqkgsp9ntv0xtq7p+grrbzuuc6valyq0v85lea4nz39uan7u9dsqb4mj0d2g8n49t3q+kevrvsbu8/ilm3f2z5k7qxdffwrfcbdptwawwe4qqaq43tdvmtaoxnl2erna6lz7gwaz/u2ut3cznqswolkh1epkrgbchrructmphshx1z2puf50z5w0oyp8paqd7k5drlydya+pryoxjkmlg4ozj4wry0pvwxj7oiekos4jb+fenufcrhm0ixi23yxzmlrxrmu1ummon7aotxkat7drat75aur3txhmkelmiit3cxoypakn+4zx2lece+nu7vanvrz6+v9f4bvtuvj5tn1cche/o/6hatpdwoq/y1dk6kzzso7uglkj4is+iyui2paihxybq/6aqw5hcm+ajh3neztb+9bo61jaux3d1hlvow+5qgihbsksy1f9kqbg+72yy1a+eox1jldiemuvxl5wz0rklzzz9tyzgim8kuyjygctnym0t5wvusfalpyxuzo4pxovju+nezedhi1azu9ixaqfcmllzn3fwtdejsuzimjsms/+uoqzh2anfsdofpl/hvnqxzujcvsubdypbfu4wycyv44yzzghe0skncetoy6mdlu5rfs74cgqc1cj65/xbvnuuiddtwayk6b1lq5uldd7jvoh+ppgumcw19t+ihvj5elwbrzcti8nh6kp1vd8vefsyh2za7lgyyga6otlaon64uw2n6jqu1amnffqr5xhhrydbve4iyocf2pk70w0k4tqkpv9adh6dzwbsp4eie5hjtcdfye09axgylsxg+dd3qu7g6o9ihkywnfuxazho+tee2rneyadyb9m8jfxtiinjrnff5smyb45pirbhfun5rmwtvtqgia9tyotbo/ts8j1totaruiz9zh+ynsc7bwlyjtdxlov5n5xiv4b0htmkfi2ll5ih/vgbmwlnpwfv9ym/o+c4fgx1g/jkzvs7kqbenbjebhfwbngswk+rcgndlsrmgvhbmuyqvz5p9fuvdznsj+rnou/kraqf8jp12kld8eyiw0scg4iqdq2anui12rxve/2bsdg8nse3eqp1xw0o1q4ne4uqqzrvd+3g/pesyjgxq3sjt6wnxbr1nsw+zjdvmkchg7jwtctbcpaobtiaq7je7mjx7ml87mnnivvlh4fwb68wwdlr6mrzmvwl0b5dc7yqsvydurhnvukj1eb3/o+eyzp8c2nci+qpr64sunbdi2htuozwyzxjxsvoshp8otriilfxfnalg4z83d90wnhvutxg5axsi8w6ang2ep26s08tjcxetbnazsokkhxk6k0qaabkya+2t5bb0bwxmlblapatyhdmib3uatsoskirnicsxyri4wjatua9t6rb9labgd7pbhkt5joxg+v0sh2dd0q1oq8aat25spyqtd7lozt2wvp3bwnb1qmcsnagh+bu32valhxoidsjl633mjfpryi1nbypocnwedhfhy+m94f3v9jmbrhku6tr7iidd5tgetipvrcme7qnbcsnyqcfxfpm7wfs/h4qoqfgwc+foozr/df4ibtuxenvtv39fbtd6yyuvmy53opnpzsjkvvq88db4cwd5qxq6e+nrxc7e3l6rsyhck1knu0u/bylmd3fzvytwt8vybdht/qugdjsbyiwvesnnhjluyrvgvzfhhlytruuumwqsqczjq49zigarqabtc32vj0muucbnvxxz1ltwdhx9qtop4cro7oek4/nep0rogxnly8ophjah2qwhxiqq4zm21tm0idkvvicqpvlzqbxvny668koacvqwswjgyuwmiqujrrviv5+ombb+972ugq2pkhyz42c+u+ytalo9juhwiftyt8hozki+pxih+/iyvzlutcpxlbeynd9nxvyzed4hjxiatinov/jn1ow1etb8kxgxz8px143dyhbqzy9d+k8gmxu2nbonyt1v03f/ndmikjdtot4ltqnygqaphm+1lh8rdl2whq3xnebmrwsu9dpnkch1eao4w1uk0/l8dzgwcetwjsbheuvnj4jij3zx/1lvhc+lvcw2bflr63l3fwsre81dlkt7mldv4dxadjnadgkdwt8t/efd/bppvnr1lx8k6ryqhqziqxmdwoaoyqaypstaevi9qrsowrjj+ibrvr2yw2q77nk5n49qgnnimqf3bnt6bwy08ill1eo5dohkcotvpu/r0bduiene15tvhxgeuqnticy7oiwvsit+n3itjsesysdfjozsndrsd0s39cpntc9uzssyurwjocbmdyudlsetvfqm5zpikaownz+yf7hv/o9gub2zjp4p3zbktv7h1i0y+gld4pj1bdixhukogbltbp5nuewdahboa4xoa4radtv6om3t9f17wfndqrxgsgzyzcuz7cmys8pjfdnc0rlxbsimdr18q5z7kgedtsoei6bdblweyfclezaapkz6cyhbf7nq8/y+35itfkocguvkvlb0dclg2iu7vlz7rbhidntswfhw8cstml7fe0j0ijby/z2e52mkib5wejhfsaxtvhvof9bhhf99bmqa65z62emjlzyomwgamfbczw2tlmq3hcdg4ja56tc+ikihhvjporkkh8xbe3mlxu902qpvvacxgcmzn7ynxgkff9u7avuoxpwsr5xgfucxler/m7z06472fanppo+urgmnlohle+isbkrx2j+iibu6tgpa3saicusnfjtvo0p5wd9dib417rtf+8mkm0exy3efvno6ebf1brigvmpykbtvvkpyob0wner6ba0qr4syhjdhjpbgzthsu+vcakjyeawhqqc+szpbnut69ldhvjb1etj+nq29c7s+lp7mdvuvx1fc5nebxgv7dyeqevi8dew9iqjnsoec/pt7h03bhhzpbdnifiqdlzezfjw0/ycyde+77wp7g5hiax2bdpts7a8w5lxu5h9303ra4yhjf461kk74tayfbc/2jcsfczuyrgxnb+fnxjft5iiv33ugbqry9bug6a3pow8fzz1nhe7gw4omkdab/wpvydts65e8ahu4l3atx9rhvpjffxrjsthnttutdnzkvjkdsolzsg9ohkngrxpdmhorlrsuldxsgu9ulgjtytsrsokzint3dcfq0htou+yo4lw0zvdi/fkejy75k+temxzducnctlqirdcdt13xzsaksidrn9ualz79l2hwupymrfu6frib0bqcfyrjnielsxxig83pjjcw6bacz3kjv5aaagt22defgsnjhovqnddgnhnrmlr5wl1dwvu/s6ha+rlhpmnl9xfstepd7/hkcghui1j8adb2fzsti4yps6bgde1kkifo0w+wtdpoamgpodj9jzybeqkfiqd0fsboujecbyqnafjj5itjozypuamexi83ph2qrnxiwz0paw9ftp+vz1jytlg7tjtxta/xjypr7z7+x6tnxqd4uw89sm3gniwj9+cjo2afd4pj2qah8xi0f2tb3iuounhjzzbqivrtnulkzepzv7sm7bgbx0xytrtx567x2nl0j5jlfrduogncwcndeawql9yk5kgs1j4rj9m8rr7uq1kizn20jnowd11lea9jixwwn+w2sxl6fibn72w/kxlgrhk7wj/dva2shlli/vdvwu7hwoqimi0tuzfsluax1soezxh9x0xdg6xerzxwynggxy5yogto5omul+c108peqh66klda6nxjuqc+bo1wvgq7rd43p6s2udxwar3ictmmthnxbbtrvzsqp3garj7nlfzip6mf59u47xt5dkrxkmdsqyivpivhy+jplvh2u7lvwtxmqsl5f5tdl0udz1issnd9lrvtrcxemismldtemk9sqmpl2mgdifvybiidfpo7ojlvfnjohihgudsd4ao6rvgds1kb83bgglfnik88mjyqmnsrvyf/54kwtkubrdg9lmww7lwdqbnmtmg5upxh3asuxz28fkzn3qwuz6xuqwrlzizxawxpb9igbnc3ops7xivvuzpfjekqjj+zbja7bieyhy3e3yijtznfikxj5mk9yj0rmrfowdiajbm5kdsjdyqrnpkmtuughsoxmhvr/pbgaco2sn8hn7gobd0cnsf/afzgfku5nxtphh9wulyakbc8qbkvg1ug0yt+k4qu24cmbeop5xmeokt2cyncyfssuadgjwnke0xrxw/suyn9ywcsa60oo5qkoqmwxhurxi1t5prcza2mh3wuq73ytijzap0zzy6lgdlldwfsxbf0bjnhst6tzg9j6sxeciarc3sj6yajeuzmj8sigf+kmuhbjnxltix/6u3d1outl7ukragxnaugjp963coorvmxhj4btgrdiwwryaktrb82kao6fymdyrnw2kvzrsidejovmo4ce3e2iyu25c/dmrhbbzknoxsemzkltnpj6y4cbqz48bycsycrspxehmjyeuwd4iephrirs+p/ku9j1nni+5wbsiqjpwqvgjero3pf8iz+yb9qjiuammunaxlg65uz+3ypebrn0h5vrfqlxicda1w/ti3s4xk+po73hkx+8gxxhws+9tieicryns4niz0e49233bkfg13/kwo9nlvdhekop7mtsgu8cbkqjobyyr0crqzta+w2sxzshw5l0vblubz9h9lacifhktbeq4obvmlbns2isbizdlwdzsbx4qozn/m06un7zqxvzokntswiuckq97nmj/eoebdtnniql5/x05olvjio1ej+3ealppypecikc6pqay4n40sgdvhzlr07xhu7mbfyv3xmdsb/ayq0o8oce9+2zn2o5jdotwt1f9z8pkywo0u+8vjrjltfuyys0cthx0moqilrfpdnbytm1fpk4yimjkbp2qfuozmrd5t7rniruvhel2niec5zqvk+zlm2h+0kpqkdmo5zdx99uonmblemf0imni8o571z5he59wobompsqfpmlhzdfc0ofuq/hdkqoa3yxv60mf+alkhvvzxkj6ofrscadc68lfby08zawwiajzq6i6czhg++qmkkdwmxfu++6ecan2fsg+xbfssemb50541pvuotzqfuj7fxq1c8l2sb05f40+ec6rpxtbxpsjkixg8erreqko8cg1exijloc1qupyblkgqjth8+ujlf0nkj0nhtdaq2qffcf1u7cbibt71zy6c6si2jrpoxytihaiezorjwfhlgxfvmfpoiqoeu2a4tgrodxfwazjdarpwkexwrpyewefiobsihyi8+n1dcskqsrjtvumlkqexxc+0winlrjhb8zmqvj8r+ndxh3b6mlosjttmxafstlhhgg93mskpt6whh2qqfayawfjlv0a1wqsqtoenava/r5ho58gzpbf+nzyff6jkjc4rarqkferjuqg7jpx6hhbfpzbwfc8+nxfwjwiqvvemp0wtvhvkylslddrwgm3pomjtbpmapzjnmbuyydagryv16yo7mazvi8kjor6zi2e5ytc1uhewiqve+xzlkupwsd27deszkpp+zaf1c6lousg/dxaztdkdsqjjh7hrvisdt11jdxksyn11gcwm2c2t2trbgxvn1ckz3hh1mcmp2ojbylpktmhk5puhysythm4vjdztmktsmvgmrzupo5hmb65rzazgbpp70i4rsf9bq8vetaycs+e/kiqbvni80wqe1zxh0w1qa/vfqoq5ev+fjemdwqulb3gp9i1orcbkjsk7mwvlz+0cj1swwpcmfc/l0i0orl5rwilpsje58664smuzacmzpymukq8qbx1k61ieldqdcggn0vgbox1xbspg8mnltwhouo/oz+xathsb9llp9e7npdnlbuqe0nihw71xiilptlw2env1k/eg5xngzviamblxnkrlo7g0v3ayzoef5xdcs8jphwb02kqpdem6mzvc0f2hmn0mvioo8o2zxdn8jgfmqekx5nkhf+0sx0gyi3pa1g5ll2yem5pankdjwwiht3z6d02ugwtslqxy71plgtfzjydnmcgvtjtjphshho0zrfcdof1qcswvxheltc2pi+erf2h6q6hmo5xnpmwxpa9ngpvj0rm7k2kapx4cxgcn0rvdzcdfmvgxpnskhvtnvjycozommv3bvbtmfckjtgsektxs3dsklipbbx7/456nuaew8u8w46/if/nroa1e8v/e6npsl12a4rpswzw1bksuiyvy9oqgv9tn2djwfa1hyqqb9o8ri+89hhehpb+inquibvl6t1sh8hdjxdc6hbutidrt8+bdnldsjiszrxnupr7oj6g/wz7b9vofgyys4a1ors+mar0juftw7yadqxecfvnpv0r3+630mpnjh5x3w1ja5ymrjujbzvwi7wqhejdlrya33ucu3dlflygbhoq56sjwh7p95dzo1kke9mae1prkcyppai1ssnt7nfw3awvkb5obiqvtocr/eqyr6xqrrkr4fo2brxr3gl8uwvydsm01tsdbedyjxsug5q90+znrjzsy1j/blu/ziomd115ojqgtmxhbonfg4no67c9wu8k9lvuckzhtmrmdknijyyk6ffqz2q1s+aaxyfoaya+v3ybvn9zpplgdo3ale2gkdscvsk0vc1m7no5yp69elaiupab4t56fpjue0pfgjtpxm3que2qgesc0qn/0p8lmbxsfcldtc1xglwnkjrigegasqkvsvkvrpfre2dfqheac40t1bgfbvbu1jvm4avzbcyqyvpvtq5om5nbnvo1e9k8ezx8vsdti39y2614fsteh8cxuwppdmwxrif0vugh4xgl1xszxwyupkl8ehpzgy8s/dzfpktvk46olftbuefrtsswqzqzymmgogviwzujz/skoduwrgusefmnbtbsjbvru+kdehbpdjtsksypzokiszjxjco72wac8bubjeorko6gima8taxmlvc9w6hto5ukgoeaqqkv15murll1jdbxdntuhcwiskeaeofr2zrerxgibasp9hqpy5rwf9ojln2oqvai0xvzawbnmlkqxiej7l7xguohg0edewxpezs3tms93kvuu958ujthllc9u96rh27yluwhwmxerwlumkuxi8dqsgwuutthm+srilxcwimjwjvrukyp5t0+o2xhayjk5+tjumpnupvexysbzcqmlfxyofijrhu+2me9bnwvibvccfkn+ssqannhpzf8i9ip3unm9m9dsg16sj2xgdr3kn+nhkeik9ayd6by6na9dqc1gfibtxxlnb2h2yno0g6yxu3grxahmla+sqbybiaopkgpgl0gdvf2ckve+vbcxn0+e6jzvcldfuupi08ncqlcptdzmbznambe91uq/oj0norr/6jkf4fc1ynqf4+vq+nvvdmbby1jqm0gym6tqmsgk/nepamcjxja9jhtlceozgcx6zfpthh2sairrrkg++bdnbpin5pkaans4hc8o9yfoaphbrzlnavwv+uwwhbx6/vueapvyh3qbhiecr1egqabm2w2mk41tqi01djwvwx8heiunhljk84ihjnf0fsawuit/tf27w1nsvamjaiqabhcftycwmyvc7zgqd5b8odt0io9hd1eigqxpnppxznsjhfaof8k5wuycv+isq/7ldfyiafzqtfk4jyct/ukxrr9in3f5ozxbydloz7tdcoe74u7xrtrpouwl9vxbogya7varlwaatjkzmcu04mgfftgjv5wg8p893l4rkqlhkn2srdwf+30qhynpyr3on3w3gvjajugsy9rlrpriq/0cr1v7bui4m9swdfbbzjhnvweuzmtvazydrkwwioc7kgagutwget4k2lu5m1sekwn65y8ucc5lhlj3uxl0btxvrx3p5yj4bv7e4crhrpwmlozqap4blyjfcbpnxo8skikxgt1irhir/tlau/e+azcbczemi6srnww5oiqspx2fw7fbgdl/czclgg7p+1gfutyg02ppvknagn9u/9mwd7dzpxfxcvqdaenbfmle9gmo2mhelxoyttnnkwuegzzengtz7sxs0viivjpdciog3tasrbopxljexib3rczgrzsm4cws4b896752dnwua6r07ujnka4rhz2wl0knygejuwdrydb8zbdutmumikly1l1vzobnxlvbaa7phgzq4sc1pg1xsm6kkw0e95zs4ncdi6sxwnqnqblmmm+c+tjztqt9cvtxgw7ezlgnwunshbltec4zbndpgcsjrz/7f7imlwjbtxb7cz1tbg0phcjxutvgkfzb6tnk1nbuc0pwjz7hy9hyntammz96qyhtl6svjlrj5cfqg4ohpy2m70f3q3zbp9jqsatnkthme8icnxtxoy5wuzumyrwz6pvglfyisi9sndmxlthwfmy85ixe36yhxqjsvtj1sz015gc5hzz3sdzqrbvtzpcsmbrdlosj7wqszznf+wimo/fvjx5sn9up2w3jqfw+erwtt7ztsg2542qgmnz0i0ykxuhevdwydazzhgzdvbhat9suxlvsxyr6dqiytn/dhrlktixfo5pzmixalxt2xrkcku0u45wiojzk6zn1ni3onpxdhodlsjt86h24ldp96kgpbmmpigb21fognzcp635+jlnxaqwu5b0bess+2vnmmc3tp0fv8wkh2nmddwojxn6gyewnn9secxkvcyjik8kmuv30ekrppnisvzajlbhemj1regrflryu2u+e2wq8jg88yoghjz3ob6raofspkxmfowxhd1nr50fua8w5xdkdi81c97fusgf6ejg14yqjqglin7vyzqzvjmpkg7re1hlbju5ufrlperd8/2mojug0qlcggthhtvtrjz6rydcvaniwnvmr0bcbncmnpeut+nc8jno19fu1kuzg4ursdavir2zbxaypflhr7brkpa5sc3tkkyhqrhf/momhzva25lehtk7pnetq/7wmpf4u7naemm2+mi8lygozoe0vpux3w8doa26i2utzu/djft0pwmjym/vjwht4tilvrubsstlrhmez/yjaivxhtxzefipbbisls0c3ftstggxpkvyc9uiwqwvjlswixcbfuhsy92cle+qnn4xfojd2opewxbqhjbmhlxp+2jo8xacdl1ct6aviwaz5nxep+8fmxbwfs2ewk4jzidtv65kc5ii9mi+orrvdxfdet1rv5xbkj1ipmw3ltwosl+eformbc2h1dfvb0ckqdtdw1rgggt013w+rui3hqs2zjnz6u820bxjvtwwxwav3u5h1dnkyutpcbzuzqofrp0g1ekopmprxlj0yu8a9zyib7fexo0w0peqbklm2nqts6dwudtcxdmss4biqgixpn+ezrwfhqqg++laf/pn3mgszqnhkp7ku++pdcnpmr05ty8oohjiuzur+kavz3k52wlnyzmezrmx/lu7ftjcra2vj3vit1defvs5i/d214zsurcvvyotkovzqfg3cckq6vvedruv9qcdfvtkyk9b8bbrd7kxfdjjzstdcalipfyjnsczoukqg73acwlzpcca0p4idnzu7h+zflju146fzrjglmm+eerb2khm2eu7/jk/aljln67dauxkdmz+ez+s17parmnj9d92dg3yhrx1fk0mxasfdtfg6idlsw5wvmqiixk+myytlfe/ig7krewlpqtrqjr61kkzz4so+y6owtdetzmdptf3hfhruflkt0rguxxgx77fy1s2kfisgphe/d3ozjmrzcnvcusnyvxxvnprqwrt7sxx01tpczqhu59/ylmcugozp2ggmrglfmuymvw2hrcvbirk4x6lmzqms1czq1e6vrcnkwjvo4ejgzoa7rm8dk5ftvcwcxhg8d1mbmh1to0hcfaaijbqrlcw0xvlxxyuomqzjltw7sj3jdvgtbhjgyzsl7+hmqbbzu51p4bdyjkuo7zgqjmu97hpynjd3n2yvvitun5so9wrpcgxo+6nu871xvwq9yyzorjssccezjymy8sfukfctnq0p5fh+giasdna+zqag1hhcovfm37gpa6yyz3b5zp8ubvcgqva03vd6zzejsltiwgbjokkn2ymukyhko238zmsawtxvn3an83io7uukgmfxiq+6b/huewxuchm+9yo+5zro5n9gbo/zzmrm7mfzvlbtgdzly/dqn5rhgve0vw906ji3en29ccqu8iuwbrprxr1zpalzkeut9us3/cy6qja3ltyrwzf4xzgfkosibzblaqysn/xto0yj2de0wc7dqct2moygzlqylxl4+hkecjttsv09tj251mpxoiosybsejzmvlcwhljps0cow8ncv4p6gizre2xpse0imiqde+1s4kph556irnvxguo0obd17hsr8sfxpgdzkbrxqpe03jdzarokm11pstrzfucfcqqv+hmakzkse6/zksjddv9gvn2bcvqzhajf8qbxnra/dmje7ozarrjcu7udkgq3oqxcd4oxphmuhsz3ovkrforvc6fikmdfhf7ddvtxlaodmvd47zg06yznn9xsauznxdgqdh+shxw5gtxibvez2bury1k7ztontlsqzidvur12n4bd6l9pe0da1vmv1biukwlhdv6ooi64im11jlvsbujots26qvmtg7rkz7kuuzd7ftgsq4ad7g4rzllvhrm9dfqi9beqg4r3tyvw/i/ehyzrof0hom+q0nrjtsqein0g8tstlczothpkmz8acmuhtb78n1gcjhscu+pejgv+koto+u6+yxses/amu4ooe5s7uvhbvvfvowsvbiep+dpx+k7nl372enlvoylns9nnf7ukge0b2dcvxgmwq0cituy2o6lvyiqt51uzasfqij3syououyehqu+3+2bv2q7rj1gdged1+5gw3x31whgffr2rbzcue5wsqlmtu5zjr0ved9lu/cuj8j3mgzvnrq6femlphpd3ettb5orndep7zgipy6/s1u72wgkgyajeif0xgr7/+mb9ndvi5i9qe1u2qvszsrarpgcuu2jafsj3ub3lwkvti3120lzpjgvxn+z6g/y257asha36xv/phbjlycyhxjnhwd4psb5zmqk+cxaixpqmzdekgamtksyug5i+nfoaipay0bkw9q4rkxpckk54karluffjt5h5a7d9lqgswkzrm8eynqzan4lnwjxhhmojpcz1bsz2naoiphe/wdklc4hkcbobk72vrdi1vr1ibai927rqbjse12xcd4kicazhpntwf5cd2ecxs5bdlppoehbqdzuynsz0lqhgtduoivcqwt/tbrpnjyvhql7dw7aik/rxuzdtsqxbp0sl1y6cjqzf3ouam9o7rzpmnlrthrwnumuzyhawuuuzcfmmwt2xr7kee7sswiucryhcpaoytw+lrjyajy9z9q9o2bnf80rf6qtt1tqhclxdy7odhavvzrprdj/lex5p8thhdjbjlm44vxptir/eg7nj2x11+xyvebxvk8ce8z0fshhqyaeszuuf3mzkmspl9n5czholqpgnibgroxvyj7ldu3kspevqq56e4hetplrsrkr82iaz3+mgxpqqq3fdfks7xzeedteoifxjehjb9zgmxircip4o+hxjnqbvskrw80ki/msanhvlbvyjjuaylbpthahcbjiemqzsnvpx/njm9wymw+bmnwtvmuqkwd3bpi8+zb8utuuzmjixumnsncxrxxohyzqazcuq6qclf5tg+rn82poubxqs3brluoiocjy8ueu40deug90mwbjja7bku1djhze/2hxpkogd+fqes/jkjsa4hz3pjd5cft4ilmqmw43xbg5yfbfxuubwtqtoo4wvqsje5thsivqihtodkiotugmtbz5dqastqczfwrys1xxtd6h6ppxofup5pji331y3lpfmutpg4qdlvkoud1adwwfb/ba+qwpq1qmptkxlao5bocvgls7du8xnisgw3a1b4id3v3jqe55pof5vz3xiqab7pow425fw6r0kxs14iutbicwvreryrqylcffjjk9lkc7xcds9fmppjzagcj0tcxrvxtcblogntwx2s3cjgob4qiiaez44lavqqqfz5x5wxo5pjpq3a4qp02c0bn1esopsgkbuazejoyolrp2o1govxbg9ysursjp6hb3cr3vu//ytje4c+74xlspilonfndlwvozqqrqdy2dmocsk1t1bq6r9hfxhryasxr5258xvbkxoquwujmimqb1uexmd9cbph/hthtanw4jwllmhlfuhjlj214/aao+hvpbyjbj47ngjkxutyueml7dtigaho18wkmc8dviviwtmti4ue+bygb2qhhcmh4gb747fsh2zqjofd60vzbmskok3zascnvsbuovkj4p1nbx6nyzevqjmf0jh9zbduzcalsrrd+gi+ip2jyo9dppgedkgei7f9dqlx7uzrzpxo73ltazkouteol/5lbnd+bziq6lrssis3umavojyrhehkomokufgqfv3lhtvcrbsctqznuedyvwmynoonzcb1ftxm8t/hil0lavfmowtdtpjzn5mzvy2lus/tzkoipit0qcrngmkhxvm8xlvj2pgll9fv3ofctw5iuow1tpqsdakjihurvzf7giqoilbeaea7vvov15yicvzvtuz9nnnak6zpciv8ha5crbonstdecm9p/3wxeda2qoaar9dqdajj+bca1gm7xftokqpyhmn2rey7ripz2f0tdecjdqzsctwb3tytdamkzluob3ltnhhi/dg1rgwxizwugjtseycxs6hrg4y24cerfbo2t0cgezeovjlmlincm57hd+mx2u/puuetci71pwiye/gzrhf9a8neivhryc7bwkfwfvixvdco5obtyobto5mjo779ufytci8r6eypqnayu5uj40spatzrskrhbpiglm5quj6of0i7pjnts1qucjkf1mfmin6lxy2ycwec8rgcalbklszye79cv0avhzgdpvmw44hxbxxzsrsbw85w2057y4vvtqs2zka8x0khm1rzgutaiiqnwhehuoowzszudosmp9p2k88fma4dcvk2cx9eot7alec/fbrfwoiuca+cwevt/+srshujivkqvjifhee1tnfbkuhpdhdpjkyvicvqbgkn9ukiyk1wioxaapjwzupenmxh3jtixrce4xifw66f6xzu6ezjzbaqut2bmhzeegllar141hezhgc0s7zg7ictttye6y4dbumhwcgvvdywzurejsojc9lyckqkn1/fcpccayohbmt0zfzwh0ynxwbub29xnmjunc6kleqr4xtilgibxpuc6ch7copngvtrtk54ee7zbbrn+hvea5n2hauz4yaquncuxjn1qb2reej6lo7q1ajhvjhc+gc69jsdzpelzyfdzeckpeql47hdmgncqrjdlsapatk0yfqztwxplrj7cqtni6yg1eur30wlao3c7u+65ptcnaxefc6ieiiemkgx52k1y4chygytwqqfcnbwjthurav3orvvjsqxwaaschjfsjxudcqlsq2omzkctbp9oio4jgrsarmcn/vkc7razqedvyboizi/xzq8bab3d0k13gkuu1fk9v3siwg9opojovbydg2emswvp5kq93trhirxxuuiggh1gn25boih36r9ftp4mtwgubwobt1eom2+ii6vv6l6kp6beidjchucd5jf3tywew8ie2eookmapdeoxoxblmssqitoxknzfz6b2h/3dbxv4xkoreb6p1hmlm5dewok4ugzpqzacmqaejsknitnzsre6iok6uh2vkocowtairqu1vodiyn0bbi7mnv7chkvcajybjupxoq45iv6tj+nxlhc4niys2p2dutaa3c8zorpwtjlbxzq6tat2zhxno5khvrimn1flkh4w7rq7tt9ujcbr3m+bkfcdzi8i2cdgijzeupfsfqbwbydfr5xpjk+pgv0q0ciqkgza6ovq8dmau3ptxtn0h9kzoyll3dhemcnpunm8xp23gxmuygubr1neutcbtiazqopxbj0azjeajb8d1ffmt8ems1yx+lpdbju3gqsgpqirjysrgkcf4zkbqyhh3+jfunmrowbix0iyueh1ig0bgvpcdbxvves2aa9cvw3gngidtbknzj9b20qtsdyxhdeai/qg4qjyryx09l3tsact3u64titztkrkmucajlpkxqrimcwnmhvmd1rhrxzi9331vnqhbbau2i2tgat88cbiz5gycv/h7nxgtifyabveu8eqwonn1q2iojyflfbq6+5on7hssjigpyxf3uz+3sstz5il1yl8fhsbtd2inrv3xpeijiyc+a5nsleiqusm5sr8abj7ogzbfut35vjs1bjgeecrl2c4o3cnqeuuiyhcu511w504t6wotujmp7mcrndvh6n1jfxu1nidepqrvqxblfjmc9difndpqg/re5z74hfd5/1o/nsc/bw9q3rzny221ge5s1q6oyvnvhdn6bvv2/esbyudgjatxo70bt9xs3rcymbh8nx3i2x0buvymf3s7x0t4ukz+t3gzqfeoqfhjmeoy0dmpt3huir5dhenmxayfuga0tzyi2tgswvxuk9nbrye/vfkfenzovrlzz3ihddli7dfcmra4sqomiubchcxgugujnml9iazbrxzjlzthx7p1lkyzberjjshbduoezdo/12pyf+gvh2g866rf22npsot7iid2efe0nlhscvqwss7mtaz/l5ttln3fvfi6ki9ybxsfctgiapsuvknbdx42zfisrrplq3euzg/a9tctpuuimjm4pxo5kjguybfa4ztqpv+5w9f/z5//7z//7n/8/x+liqy0q+psgbaeog+dfrxuhgf6vflbn/vppzk+mexshf2sgezj7uecc/1dvmgd7t/w//8ef/98//yx1qw1bxvt9hwh9wy3rf/vrn/7n/7v//9/+x38z/h/9+t/2f/9l0lxglo5ubq2jl4ybbyjw9r6gxb/xheleq44hgigvh7kdwbc2ytqdtklgc2e4x/uhbpf81bjqfchwbklc8m6grlw4auxs3gru+2ooissgakgluqo+sxtgyqo4b9zd7qblxzj9f50ph00bio+hsbeouwdyznuhutn8effpuwdzhre1y5r/kudv55ybjk55zeiavmia6fomzxejjh9ai4nsbryi2tshccwaygvbyrlu+muocstm7iduzdyi5bm25mfu6shdh6akclulr0szj0ifcpzn2grcrpwrb7lp69btyr1dtpz7nmlaex7pj376w6homebea5plklqp9wjmptao9ce6hfazp1fblg/sthkvrasrwb2nxosczwfih4d1cvnuxofbg84cricc82jegz2odtri76yevigkbhzibreliz8dmnhzvipyfmo6uweiuokhnlylp9m+tyagavwz5jdvkudv9aqwrsfvezqzlr1rcsj9elo5kigypnvroszxj3n30a2lidudi5rqlt+q63cde8i1o4wu3yr5z2mb3ozvaoingcxlonpvao4rwysbcuvt2+herdptlux0ehwmz4dp/5jl2y7melocwhhumbmm8ux7kna+znyrrimsvxy7ith81qd9612gdovlimvctcwqjs9hoys7qswaqujb19n7hqf+eygrj81gqjj4rqnvunzgyoaxfwb6dqncjf6acz1mfkzliciykgfcr2xne/v6t5fmnd4akmw4lsxndtrzw1kvh1cow4pji7o2srd0nnw62q6mahjxz19vhos+3axzn9n+wgwhlskwucchlrw7qv0kms7sdfo9czgpvxieuj5hetnxr2rjwxbj1yat+yd7tnxc1/eazxgcjcdtvtiggmxrrgindhkp3bilcwleuzzkqqr7jka0kjtew5n1uxkdwkvjt+kylbcefm8d1wuqnrknio14a+ntryk9em+/l1vvbymsflpyrrsdiullvstba2c5locywroayvvydrqirzy6htlvl2gtonwcqosymxpicqk07/lbh+1kejgjionwomhsicqzryfoyiemgo/1cmfh/vfej0mci5lvhyt7vr0qc3hr6debd4o2ljm3ydvtnxbrylbt/c5kcihg76ufbubyocn2fg+vekmddknmf+0wmhvc632rx5vp0tm5lruyqqow2/kh90fca949cyevhr+v7lg8jkg5uw57pedhki1fr5u4cjnvbefjpere7x0zbstbrt5yd4wvmx+gnimxfv3j0lgv/7qo5tf72ct6al5tqj7fgfi/n8tc6hrhmboltel7e4dctjcow2xeo0kt0un/isfatcjnp4twt8fx1s7riwrfkklzlxs/k3kpf866vknub0bcnxp94ai4otg9ysplozwgd68n1vpjhpbivzwi202lmoo4zkw4fni9vsa4bavefsfntyqyha/zdktm54a2gl43vtnxy5jl6+qsn9gxfa9xickq+ytazq4nejcjgathr6udre/tbe3sqjok/y3lpoeqtlzcmj1guiurbjh5dqcmuo1ep444jzdx3xa7s4v02v06iojtj+wzqwxwbtnjiotfu+twtyr9thtjqf146xuhq7qema3fllzfliqopbnuz7wxknqlixisoituuoerg/g2zfufjt4bzhvfknq/jt+07yafqbztfe/lkadkgv0rv+qjtkpuexjhxyesapw9ue+i9mqcq+la4bmerrgvzy6qmux1jiv0u6jmsscll43/vkci5whszto18c+anyep9vrft3/v7vvchg74dm+78bsptn03an+tnq6ajipvuvb7hh6xoa7bssy9x0opiq5fu8yp7ttif4hvrndwm3lh9wabbswiesr9wsehnk03vy+wbrn2itpn+yryiarqjgqrxu8csl2f1tvpvjjosxxb+gjysdsrsjk2sz9wllhh765urpbtnovv46/cbdmk0maby3/ztby+ce38nwtfz3yf+zasbjalae01+sqpthq3twzxaez7bbstbjpgzvc2oxe3mgqx7g9zddehmsnwtyz5tun1qmuvzhw0efjec8ggdo66zs6g3zzbnjzcvw6tthaqor+oii3414vsnjcttut7pa4qvs2uygv7oyx348a1ltnz6xzx7hefe9ei/327xqpe1/jkthgzhnnz45ds0k5vnfwz0izjzpv1ezeirou9nxwyzpzqqxg1gu7jswwzuj4jfeyuzx4nn1y6ioc9zozczmsfh3qsq8cje62cicwjiytmuscrdr2skoqceghs/pnpwjkzn2ekbeow4qbvfa9eduj4yi3gsxzfa+oam+d+om/cvugmhzao+gpdyizneb62upaq4rxdvqkaetlqfao5zhfytnshlxgnixgpig9+2u5cydqomh3atiq1htgyjmzkynilq1oov+flo8ha3dtbduvawgeyrrxnmyv8owiciovjyx5hvnrf1yvmiiq+zneijwtneeyzfole162uxynlxl8ylcfo5gsvj3r7dyals77x/cekalqmm3/kjbwlazdmhmpez2/sycevxsgmmybn6enwrq2dazzxoasu9o2lpbhmgjhpb1w4t3whqi675y06h5jounbuighjyscqpw8m+29ckttt0jgxaashkq/zikggnmj72g7gbhqp6ouwt2tehfyp77w6epgwnqpcdvdcqkqbfty4oqlhghytfvbmspjoelfkfftflc1rpzxp33xlxvmlp2fpq+yuxx4/aoebmwsfay5vz8qlo/1wf8mu501s/n16g0z3ofri4jes9zt9lxkrkk+mjwhwe8muvhxmeq/rsyhddh1j3wdndjeuuvf1qkl+kqd/tq7ue7fphilezdjboydnjutjcewhcnm9lskkio/6pm1adpd76z6pna6aynl37h7qzeteq+rr25mqc0g2bs86xh37gkbxisvognnqn24+u2ycpzbwqvodzhniyvwvd9l/ux3pm6o0dmchenac9ibflqlh4e6s/62lxbks3b6bvper2jyxysn8lllavc6iwmwn7/hamv1b6u0wbctn3lcqph5dsbsbpxni43puuys8prdxxt9vj8iunhxgdzis6i+ey6mg4ptjpqruu1levu7h7jl+ht6f8igonszpbxi3wg1z+glik54xvsj7cwlo3kh6jfpt1iqdzlpn3brdwlp7p1slwiwtjsnzbpyjwpm3anwen4il22+citd3zkkug5t1utm/2g0b9jebtofeysf+xmlzqadxtg1i3janmbc7nsck/sqa1dx7nnbn4w5iv/tggq1ncrf4zxfa+b5xkr3w93jgoso54hseaxxp+9wa+swq1n29muqe0bfwxt5az+ynvl0eyappwjbleyco9rxq/vgekd+xaouxga/dsrebmrd1xc9rqsct7e2ww8pxlbtjjdswpir+4l3z70imx7octs7m4/xgb1dobujvape4uh9o+iuf/zggfu2yilnmbkv+h9xkauos/gvxhrphqsi5qc2s3kzszei9z5sweiy2iap/t+g0ojdzxmuz4gzlnu/q+y0sqz2av5pmbclc1xwr5o2oj+ozkbkegylt8znqmyg3lgpmrpem3d2mu5amsv1xb/xb5v0vagxbewaygngtnoraqqrcrykmndsmb3h27vqbi/b8ajze56lx+22pze4pop63w961c6xen045ucypqubl3qhwj0nookd40yrs2aj0hsvitgtcr0tbmfncclastralx8msgx6vwrxfzz4uoi3eglkr/vukubyrwjrm1ixpcgab9bopjyaa+fo1cpagdyiv9rrv8qmqxzy5zbeqh1tlfq9jskushdev1471ed1dztbzlqlgcvmml2ino+xbadxvrneoi3a9kvpxtvwncyvr0pua9jzymb5034yv7q7ovm6lkjrd8j7z76bcv90avpfcvfjltyqinlwih+xq75ak3nfqkfe43bp7me/lrv2p2fmk+4qqvxgr5/xx19p1zgamyry/xzy+g0wvdqtwzmz87avyibabm+yhzsfer05ijoozn02hm0pka8cvbd3zcuaeqd6ji7ddjx/vphisugvg7vt5tvkqzxzts0jx0hseh6r1xpbnskjkpqw5+ysunu6yxbqa89rxnlsggadpvfpjcvqhjst6nvrb68kl33axj8sa105u40zl1r+vb76shwf6xiqmcquzwo8wlgpfewdmggmuh6yom2ql26oxixonlkpg2rv6gcyzaw3akdtturn3tb0mghrutud33xbmdmksqribqcvj/oagdikucxnfktxvxtywbyfyfi9om5w8ud0x8redxcj9u/zrbs63swqrnqvcimhhohlrkwwb7b6qkymcqaksghw/dht5vz8a0ulxo0yozr49lzddei+temx+qysukitiex5sgyqae0rinkmtdrvi18xti9d3xxbrjvlxgglje5om0euzgd37lge720uwyifheq37lstvy33we6tugibjv79rmh5j28m+fsak2uuww5z3jeycgzbq+humocznhfwzm6rqu0mchhhs2dp19gzfuxm29x6tduc1p0kadgf3jesgfq+fnj8fhzr8qgv//x7wfa7pt9fpwrkh0hw3bsqtr1v3q2wblnu1+tw+oauhpnodml+lumwgyfw+m9lt4feqb/f7lazbtqgxrdtir/vkzdlnttphty1xtmbybuhaocvfrzx5b+hlursr8orbit54/btgahibhb/j9cevug7pqe3tztwne7iz15mcycrdssmkrhibncdq/ygm5ug2wpmhsyhic6jqwfkqzuteljij44/mqhuqdrpdo6mmjh3w1ynq6e5cgrbsbr8icdayjgjpaobdrmhi4qnabwnuxcu5dl33uhbzmfe8gomvryieemlxxoxazc8lse8oqcoj5ojdrgjcpkx25xnhrmruf+xthj29oqplccsbm33sdux8r69q2teudnh6p8gw1sq1q/ouqtse+u0hfxgwd1t2gbdaceqeq3y65ezrnpntdiuerzvqibf8fs9kpujxc8yjujswfhnih7duli4+talvfzv+omdatgkg2yfddlivoqz89filavodyh1qiyosqvmesllxkyqbhyst73mtwkt8tsrfdsjjsxcqfcilmweemzr1jbru6+m8v49kdq9p6nhx0a/b88dv2z0uso4igv/av1sj3j4gz2sydl2rs6ud9zvnfy5qrobfjoktjppleevtxszbl3gtx0jlxg0h/2qaqal+hcdjii3vkzufudgzsk82p5z/jq/i0cuyhxxiezugr7r4ckf+zqmoughxcmcd1hhuonbj8j7cmyrs0rzrqctvqiwl+rru4qj361xlaxjroqn3v0yujhzyvhk6w4i+yyhewsx8nkikf4ne2tiblkuz8pn20+qjqrqip5kbtu26ul524rydhyo6qjmj/ooiadzn84o5frsugdfzu9suo+xlvg4rxsgwji+2key8jgwghynkwsu0ibfanfpvjhjysombzg8xdjgnvzx119fj6c6af40uoirm4kjp53lfbfu2dot5sfh4dmmjxij0/myf+a8jkmiobyeufqvzttwafoknedugxv0stnwb+ddvbqohb+7vniswfyqz3shz57flne7iv2onhp/absogxoc6lxzl3accljx4e9qgidupbatck5zdkai2vyovkd9uwvild0tkrbxtg1fvyx/c/h2igoddvmusl/hqhyxa7zmgop/7wigmod4lfuyyv9a9c2xcpozbshqwxbcucm4vwiixplmw4ki7digkevaqyyhrh1fuqopubypgmtxpaq5v0+2ytgi2f2q3lw2hqjbd/nh3puw1uhnupivjv1vwzoqy0j2u2f8v3esvsdfmqfxp6rscaujkwkaz6mqibcsbgguywszlsg4goiqko3le71n5m+zs/vcyz4jzy4mfmz+/7cmcsm/edtcylpcdxyiqknmqh6cvxdef32ijn6qguamt84lanuloa2+b1xvvzki4p/fkslmfypclxuh2ulq5a+uhdwfxfwixfe9puotgtqs2ddzczofhxu4fwlyj6xix588g6gtnupjvznlby5/hzht8yk4p144smh7dgmrqpvmny7qm6kmwspdfcwywa1obzqajwb9pemeqb8jzzah8mecqm9hc3pxdy6fajabnkeq/1vs27dh6t67rihakao2prip2vh2amo4ilh3/xxgx9rif7jkbee0qbes75mfi4ibeto7rat59geos7tbu93pcabotvhzpusiwpcxy47k5oxohr7x8hos3dfgvo/iq8k59ogi539dnezopkfvu8q6kaxac2skyvohehgbsghngiwzvpdmerioks0qgi62isvhpo4gt8crmuxtrl3lp9gpz2xvi83mio6ivge2rr1hfxcglpa7iratgeuyhur3i5dtsker1bozhver3natlpgrxperz7nnmtgnbehccgzpfjrxeqsvqafagtz54t3u+nmnjefuiywxuojapwekoautalyv3fnkrkyxjfrdqynijpiueet2m8hyztk107wbym38hpfhvqjbo/e7cftlpxmgijphyalj17syjeexr//x+glji2j6gubg4fuu2h5xno9t5ft/pnqpgbkqj69rz1nuwqejplfai5lvtd3dc4fdr4wwidtcqing8upw+8cwqnp0cjoihn0hsvybozlgrpm2up+6f+ypfdm19g6a2ez4qb0ksyhbwjjnld3zrwm9adq4yuwqwjs582qsgbe/nfebmhaqw1pwr6ir3umf/k1bq6pqjgcayvdlmvgbhztdcyp3ejopiqwbghj5cv5jl17m5j+3t7w8a9kp9s6e9/cyaxribxh/qcqttzlwfkxlq1pashinkl0v8gmr2axat7j/76loxyeqdzb+padwixeddy35fo3nbztysbpl7wltrgls6q5frrgqkytpvt5qtyuimwwgqbualtnpcez/7cgdeuhtday8+9daww4k3frxoibfzg9myy1ffnnrk5t3olb06vrauxa8rvrejbyjjbkmcget9ixml0dwn9q6r3vmh23g+npyr5/c8tl/ju9tpaji3pwh7fhuicb/gubabl9ewlgnjs3nbxv+ierfhmdutbgyyea0soyzuefujvscqy3p+h2c2n1oqe6s2ymsap9lytqgbzxvqribctweqzsehss5hi0b7l+7nr44zbbpb8gx2o2ztwxb8yjwhko1d3zus07lwdfef7tago5nlv87tdcksf0kuhwmoztjlzb/djscoxcltxla6d1cyjk2oj9zxh7lriwn0u8yqpvbjdvwpuf1tfokzkcdoebtbtszarl3uxn6aazefwci2o7rp6uj2rarmrug6wwrov2g2lotxgqz6vhq/5ewtb3uw8trgzmlxgjunwfu5jtam4l0bsrkvprjdnydct+1xyqkldw8u+vsnb2mjnraz350aqfrw9baccasgqescpjitspsncn+kz9/gn5ky0me7yokfcajit9samwczo2gfbaj6zeqqn3zygotdqne66skwhkkyxd0y7aqggbxtgg2a8tmavxyxgwgq5bm7kgydgqktxzixpms6ceblm47wzruphwtc40jmg1gtmqw2ywq7xxtfgapsyj5+rbxoachexl4wgkcs/h626x7xj8ftdwj5m8uotlerjlr9ypnps1hmbsba3s6w4l38cgo0p7mkkofugi3k7r6oduf1xnvxpjq+k1k7znhzlw2ukul7pa7rjqpy0see/oj7hf2xklzhswo0vrzojgi2adi01of8xotk79vkpnfjq0jsz2fqlam4svk6v3au4tu5juxwm25apzkgrjk/lobn2ddvqnbnc4jtpd/s+catilrzoirc0kg6y5dndmmkwe9mok3r9r3xu1tu/kz9r1qizlrtj2cmczzlhwgknadyi3cp13uhja7dpvm4zde1o2jaxk9iao0xdym22cp0wgh2swmuytzx046ro3jyk8buwrl/eneh3lqyvshr+tohe293zxcp823o3rfiecawho8choagt9tm5z9zuo3kmmvir5ypdsp8zilfobpmvtfdqjafiy0yrbx19cq8potwajbzjzzcj8lodavdygfqkgztxlbuomrd3qcqn0f27sreyqiphrsxjmgf2qgrwgumtoksj2mi2/u/gncfwxefrsald7dtfj2treojgcwd2igq9dg7ln4aqo3dtdakvlhg49ph1h2rndfg2kzuk3xos6x4i5o/510hejo4cafmqt58ssjf7sy8nqqdaqae548u4c28ue4zb+kqsbnvzcbexrz5ql5zhbax0o//ddgczlov343ksusjp52g8odsvhde0rffpfcpux/2jd11vbxbrsf7nzgtam0ddgomni/53qyg7ezx9szxblckyyxgwvr/plnrcfmf25gffqazea+jw1tljpcqqt8/um/pue12rj3q44k3m9lvave2enhad0hcxmwbmlurlt0fc9bbrizxzl4lgmyftz1eluaqgsytgbmyty4vut6abme9fggafvbngailxxwzyet6lztr1pcvnsbf2fkylq2z2wqtxirhaasoqt3n6b874qyz+pkscxmbzstlj5usbsy21otcph6h3cd0qovnlrfjmvmwgsler2xlemv07om4oycxzssih2ckwy0ig9xzkjza3bstskonegcbxoqiboku4lnybl3pnm9bnaojzmxn2tkhp3p+rwqpti5bup81qdibaj5qtaiytz57/gomcipha/zbxbudyeouleknawzop9hxwtpne2tkv33apodyld+rat+au2l6jout35/vyippp1ucbezwa4r0tpy8wjbuhsok1mg9wxtkmyyp2vvp2rnqs3amcoloiewnl033u28bjsd77c5tabb4risidkbetp+akwnezaayuzxpvpturrwjux2re/ezyvkf0uhwnaur95jxy4yzvcakfsvezcu2j//gqme9loldslych8pevt8m8ajlyssmnrcbriyplnsho6mj4qvcqqda1yfhxxu2drscmfbw6slsfqvd6+kx0u2w4hijp6skcadzwppzumtqap8g0m9jncgk5ihw6pqld+3galsqbkqdocyr81txe7iv7tnhvrappsdqyjiskhmbg2ih0tonwntnaebmurtre4aws1lgu7ppj1ts0dksbdixxq7fj2pcl4tdegvj6n6ys0mghmznooqydxvxyrzhefu8efl0tqh4asxygrq8igvebeza5wpm/axzzug6ikljirgj0/mxormqzbkyhyvcqrrsovqccnewe2+f04njdggdh/yroczlpn5bqtsxxze6b4nnupy+vlsotwkyk0xc2m5zhq1ulqsrtudvemk0q0sj5rtkdik6gcfsqudvjkliuygkga3vdx4bc8o6tdraoxjuhxh7bua3bg3yf/5quh5xqlirbnxpg2xvr+xr18yeu+evwbdjpkwzh4jmbnvtd/tkccrxnqqdr8lkpealdiuvs45i5afjqgr0btsm1ekfnjbei+/0hiee/tpvfjeqntaop13vpr3l5izkhweihclc3sxxao55dn1roj2e33pyvvfby2pa4zkmj9+bcmmilnnmstzhjasjhhjzrhu8auoqxtj3moqkbgjfbzasnk8wj6r5c3eecd1yzrzmd+dfd3gqzjpbhutufoajsmvqid7q0cskprd7i4feushs7kkmlqinfjq+ry40zom7vvtyjah5yaw+6sje4v30teu8yvqzfsdl20mwgcm8zjpgbxtp7qy1ji/crfcr7isnm/ric0fkjjtgmzqvngrkpi1lzmfbn5x8vjesazzjyyb/vhi0tjpkn9/w7qveccujf1y46fedsu9zdjmqirmfdsy1ndtosi6/p/w9gforg0qotjpud3gvk+8muhuwa+ju1mjojvmg6twtlfmziyp2ztseddb92ixyk2riqht9dj44nqyr2vztegwuex6jwmnlsj04qauwj7vbzcsh2t4dzck44wafxves3hojnkobrdvhnsbnlhzw3hlytqam6f5f1d8jiosma5mmb0dx0dgbz6ddnlpzy9slc2jml2bla42dopuag9av4hkq26zjpmw6dpb6mgfh9tryddv7oqmzgbqebgy9dhci4exbfkzuonz1znu+qqoqrt0uvubz18tu7hl7mhlo1jcoa2mpoirxebg3trwnt2smtznhpsyvsjtvrzcxewgtz3piqhaw2gqqocjglkxhadzo2g5ehp3j5gvydhoewvljnnn/myta571f26rymhsh1ordzgrb0fuwu18z0rupo1puo+0ylw2x3purmn7cspttnm0dhfishfq9twldon/r2gh7dlayo3hbm7twvjihnhib+64dmhxp3ppkhd3yzxcsuzmkralqmspxfqsfxp+fkl3otroraeywudioffhhjwvy2qihlfcqltfej5ja98+i6j7dqcqkhlw5thcewyfsph/vorrr2xrr3gxdqbzwcjm9a9nnfydc3kjf6mbx7novlgrzhtvs33ip2genkcxoofoitehyn3ssbrhygmu2evn3ikow7rpohumjob4gluvcdu26w5dkbeskfegp75d0dxmylpyou9tuqyygieuvrrmlsdgwv752kuwxewxl740qctteigftkocbe1v+vkgc39fbtmoy6r6qsxlzeagapizr+e3wbnfjnptmgfjk0kbfhmbehsgfhyjdrungztotqdqpgjwuyo3s0iwrqqzdqqpdgk0+x8+drbqhqoq4gdt2a7ijviezdudivndmgomgjcyyx6ga8x3vapihi7yfcf1qlrfcvmmqk62bt9anddcwubf2sj6iyr31lrobeii5ejvzjk35faaqrklbx1kowmvpsyepsac344asthua2nbspm3cx9cic9zdskb2xagixn1czrc+i+79yxmomeopzhejhhckddpydxkuxfuczprglb5e5d5agvbu1e8n8dwcnfpydc2oygloloplpjbgjeklmqrfmxl0j3pe4nasrxs8j/xx+4wz0ev8kr9rk9sv/oykhobse600w1b5q/qyvkifgmgm2m3rgbk9dsiyiajm3hxt1un4bl8zmemglqv/hjf3ekhni2thrvbk8ucpk3vctj0mu1uqpnhkzj2jgfw7nzk2d2ofgayvnaoznwzckbteyjunhyo39paj9biolodhh0vpi9qjvzoxxvoqshw85lnkga4f/7pbqhvavwwlkjqstcogmyqe7pdg0xzmogdv0ezdov7sxnxukyr1tf2g5zlgjzlo2fnqvt2vrsdsfbjhfiojws41zjme2lgcpk4a7euxw3adxtiop45qkrrk25winkdyiz0kfgmq5l9ftrjc8/bxkhqnkumoonfxxyqcj0jyof4pb3cyfdq7vboy/ifwjiur7pjxpuypyyvae6i8q2yrbqzz8ysa3syxwb6+vqyjbajiybs1uomqr0j25fwz2vkgxjb6svtwti2q06xasvv2pdwh4zliyyb11pl2pnjkpeq9erwhqdj73ry1u0w16rvtgb7anci2u10qcz6ulgfsoks+dfbxlph4yzbfrwaqcz40ccfs0cqnytdwgrgk7q2vkdilaeyo9fktftsnn6oqiqlzirhlycvwhasab8k0dewip6tvmxid4q2jma+d6dwiuhtbpqi41q1c7l42k4sztjh6s1s2hvxcqetamyadlzenixzbvjootnu7ry5+xteia1zieaptef6tpl8aczmhxmk+gmsuijdiiragp/gox6idxwstd99e5ynmoedcf9c4busq9degmkbly14vf0yoqvjwspivezqqda6xldxijt+1i0cbkubm/kao5gdd5qjw0u7yewu564kjmohei94mtaugakihmmrumot9ryl8w8rrr9ezjs2cxongbowec4jpotkkedhn3i7nh0cbzephrswmtfljpu9x1ppnt56uqfs4rf73oh7sqatfmnfidxfoa5sk19qgnnxwps/pt17hvozumiv3uph/vfro9m75/1+13u3prkl2puv5/opxpyaqwo3mdlnsmmlbgbetl9qdmggybjlwu0w7qpx9jvna8ezkxzzqa0kwxpu9ckxc8bfifuc8s1whbclukwxlwgfhiyj0wiwkdx+yscxdw5a9shzrcrvdphagpx77utptskhw0t+qgqiqpy8d+cx72jtjqzb+iibqfw2/gmcgktxq5zftrqa9cxkfw4witejswie+rspiddrxoxnxft1tcdrriw0ovgalvxlwryj3w1uwaktnuj4nhnvizsokl9doov4mjsqd7+tjjuo+t0kn+x4ldb1z7k6dboz17s7jsy486upyfzsdrjntmh6q6sr3rrjr96athkxcgeamt8/nmphadnpi+yogo9arwu5elf0zumlyp47n8pa9ehxs9zhriz9/j9izlnoppxlea9c7gtfti9lvcl7pydgi5gcsdzk4zwfckkjdlgulqs7idx1bhbigter3tsufhztlcdjdwrddsl8zkj2vpdiwcxsvdrvpnwcvggkhjudpsui149i+yxqhmtlllezutoomq+tizojdtieov1hlg8+ja9kxn1s+ecbmdodrbngcbhjuxrxpgpbcwqvd4dpmqey0dslgwgkytyrhlcvosykbc/luyrbzg/3hye394014d4xew5o/ivrt0oxhpqtyqvvy0/xu24qhym2tudxcbyur7uzpj+pynmoya9u9lnemhl8qwv078qw+qytqvo57lp63dcirlczf5tgdlydmmno6otqbgox1kqkouigjsfmauw9lqhxlqqbmdutnrfzqkd0cxzwufkyq+lorcyyhlcfahmlt9rorphajuqp3fomalsctihlxis2mtnuiwvfsz0qk+1btaatjw+fg/s61qtjw03wxm7oto2b68n5liec+witvslkxyk90twdyifn8jpekqe0ma6szl4h4vrokqwps7ct39kxl2qolpq0ilwtv8hds+e3mez+/ltkzzdpfbm1htxsaivgl+ltonkoxdav5wir/8e0nrylo95eva/e1pfgh8jj5q/6rnr5mnkytwlx5inrjslhdlk/ebrjb0csiz7kfrwaixki4zuee3xmsij2guohrvue/oz2uu1hwzkkfd3w+f0ajupwwnabhlpmecou/7axqvefi7hcp1m784zwvorwirh40xnhnd4sj4lamvowncvz7crwbm3tfukuurnq+gr3f440hfvojfe+pnswgnardixyn6ay2rfmsx6y8uea5wxqzjst2zxfgl3h6abxnef9je9jvxyjodgyydwexkbmgv6xuvoepk7n+pey02i6eakck7vyjct9kzcqhnmlaw36wc3vydstleclvgcm9z+cunmnrfermt1eyao60xkffh42znlnxu5dltacsurhmaxflb43bmgp7zmypcjgn1dnpm1etibqvw6gprdpld+febtxdxl+csrkbej81bts+7yrsw742kmxqsqo6c+xkiuwbydu2/yp0mrdvldfolp2nxabfcya+lc207jbvpyt47en1xnzpsepyg+57rtwzkwae92tnt0+cuvzy8ymbtuspjz4zkqn1lnlb95ydcmyvondcemtehcl3ux5npc/xt05nmjjwzyoedavqo4pzhiwfauziyrmq+uno/yr3aztr6tn4harl2vw4wmusoorr1k4et7kku55vogqlaystjmfjc752txxlghemymdzntekls79gzey62vsthxhsh+urvr09jijdayhwebrmxfctuv8jfj6zz4zrqcwihlgittycfzkqfmtzkze73uerlgjwxezgzmwvxaqfu4ksspfeheh/gjuhx6yus7yneq7cyvo7ud9j0/3k199buhyw5zvpaw5+zfhx6a0mt2rjvn4idsgnrpp+iqnze5rcew+ti722sbjm4iwo8tlllkt2wpgmobclqv5xusclakkxa0yqwjixv4zbn8b6dzb+dajrnqum+aomp+9n2ootowifjj3khp8a5y5bhesex9mpqbs6t+ivjfakhgj+sz+yckqgdrtw8rraakld4qk9oeldztm8b/35lnn9kjti6d25rouvjv08uvf11exfpuc4e4dcijywvv0uwagexe/7+xufaqazysvjyxlnwirsfou3svo9wqoyj20yzysxdg0ostndcki3hrpwelcd+9z25adf+0uv9s7kf/wdo1w0chs406ttvogaa3z7enubbvrh5voojseltpktzxwbjfziqig57/nprzvkujofpafsapaywghqhlrsshsz5zo4cpmeqdyblcrxjsbunpifdxm9dbim5/09a2clht7ea92ajeqqmyge8waoshn1pua2i2v9x4euqoxouufciznrelu/k2ly4i3cnb6qgi88x03lvusfmd1itl0uauqr24eajxorz2pqg9n8ypko0pyzr/t75jdcfaout6njle5xnfyg/zmv8rjn8qsi/xlptip7w72jz2ym1opj2zac68glcyrw1yfg9g9krxz7tifpcljo5iexlssdnpao4kvdsevbgmcoyy+ehkio5zxwpwrpeolberpcnzzs+cz5evddse8e7b6hybrrhck9llrtddaibnt/e5zhob5w1voo9kg4j+wjigcnzfstekkrph9hw0pislcmzofv+msiqvw5ma0aqzuxfsedrsag80vrrgf65dtjruwr7ehpj2/ni1cc3v9qx2hc85g6qmfo2fo3vjsbqs+6nhbkjzusclozgfdohgb425ajlppneno8134puocbunmvuexku+fpybsms6ixt5b1uroyyyfpymfik9iwdeef6ga7jyhrfn77adplduaylehs0g5jhv66h6g2sadu+thitubdxya3nkelba4f1vljyqsy627zbff2lebx2mwbwvyyemm2jguj8pfzotjopmqhoodemc0pjm2zmjez/e8srpluthmffnovm4y3gk2gquytnz9rckeamawfg9m/okwv43pwmnvcqpb2gxtdtpmq7ak3ozulg6oymb/l/ke0k/uxlj5yjfluenjpzyx4kyhu68dyxjcebnb3bqjw/w97mjyejpq7e6jtwh2rssantd8nxmrgxxnvj1atawakigalg5i0m/zjjupg67zlq+maafyvarrk4egobtp+k23yx7y7g7hsjnyw4muwhtu7og1uyzv2yiliddmki+bi/vkmty7jzy46yy/1zzne9klh9dsz4hc7suov5wdke5gz3m2firlksxii2v4tmahl/wyjndrkekqrjwdiure9/mycw1cut47lho4mz0kwzym3yuaqrhaxtfg/oop1ipdfms5t+zzqn52xrai0e9bh/u9tc03ufqzdpkoxym5kjmhmsktwwujcunox2+r/mssq/notqjz09rsekf1exxzborku71rktp5r2o/9nru0mefa3x6hpvcawkfzytfxstk0edm00a+ty+hzvzxlfml/bc7ghyefqz0nlfgl/ghoodjlfjgnsgsvniniuxu5vgtdo0fomyj05ip9gwmnwydhrhf51j4tbbp8zurswhzdq8qri7r249izwmoyyih8ufszyf4phycrtngin3ljccmzhe2vco5e9i2zlveidmpiqqsbkzsb8fshldimyo3v8kfqbhffq9ikotjovfmnutjnlat9kbsgbz99/eszmm7+6goxzy+gcxqd5vpdlngrk7pm2loezenu1qpm5wbhnfuu1n83z+wijpyp56xvak9ivcagc1n6xw16qcq9ztril3rwydkwtemf3l74ch0iypsfq7e9yrfaroudc32kiek1ye3kidyveb5hkfsb5yg7gjpjy6/biqxszy13zpzp94pp4hkppp223a3bxv1elbse0m07t1krnps8bbt7vbamp3hjuk+x3bgfzklzx0sipebu2j0q12uxzfgqvyl4wd3ut/nxgq7rrsxgqu5+29j9incctm2a77+0qukbvwueq5o6cucnyeng7jcfldispzaaziqfa8vf6znpbkuci9iivqcsph/gikiovvmwlxl0e1ljeuwqym+zgozdnrkxjges3cr8oiwvd87t5vkon4zal3dazzxrplw9lii/psbv3norsfvc/lvt4nz7aj9vgmsovtpbjpr5zerj5kt2yvluamojmgfavf7rbcbtnharnud06phrp3alkzy+ahvxhsksq78eq/gooboy0qudiazw8xcbtvgocbb8qkq85eszphlaesa6jpl+wrfgqlktbhtt8weueijui7w2gkkdvmwmelvmxw168cmrh09sj5wf1rpwpvhwyf/jdourzmq9ik7lxbndtjpsk7z6s6g3d1o6l0j2+ukzymksqlhut3lgax3+syowxzupw/0rllolhqinlkgrjoxro73ptigtzyw/wy23iwo4k021+qyq4rv19n3vths8n4cczeoks6tydlmyafpbtj3ugbikjm5qokowqtpy/yzudacgf6ohlayscebexrd0txldi+/33nnqaoubakstr/rlhbcmpfyj5pzmcge6djxpspbdfg/xgucnaboj0hvracqjnueefsuyb92lixrzzvqnx3qox7jq6/u2s8qorg9qurwxjthlbyaltuulwqcj6fll4rqy60kmf3qmspk29exeg9nkgtvt1htbhleao36vuy6crw2jm+okhqikr213qmkuu7+vpejfxxw0yiwyqzei/0wy0wuyto2zgeqslxfmqjlgbhjkyc1ihtglespwshgrulyrdeqbagokkkg2d25kaxxiet1zatmldl1lxi/qxgr1zujo31aszjm7vhct8uwirzq/pzuxsmqa8yjs7yu2p6g54q8jgw/n6zibymsmuqs559ss7klzqyi1+zudowloe6sf8n9r42quo8pptgzce+36wl5jjpp3pjdfm0nwtk3xamajtjkshfytiysvtqvkdshr1q0uy64dunx+p4pccnimcrrrc9ry2ev8fjw1gs5y4v1qdhebudlnzkhlmmv0rnm0xaqp8yuedauw/jrzeruozoq1s6tp2okonl31ckqdq1tnpa0maopcfizgiptgwrggzc39buqhsxwuos244z5n5tc9jtbacrlbsquuginfxg0p1zfjz0dcsrrie3ykkl1fq7wve2o7oe6yp0wr4icuflcvmmekny/ds5qqw67n4lfdfgnkjqa86brnkdsph1duefxsp1gwfrdkbhvjsvaraqvrl/cit94wj0jsadlxsfnvxwg4tkofxrj6k/3wrz9bs6opkihz1t0h6ijdljk8bradxy0nixx1vlfncee3zc7bwdu+024fsgw9uztmktaemj33biwrdr0ufvvxv0gw7vtchbrmggxb6oyetgquioklvwk9unaseq/coxzcr0rxr5rvchxczgfand36ld1vafzu+lmyyiyqtv++z4c3i2avolgqtjeggfjezxlzvctbcnmnyofj8cu79ewi8/mln85pozoryx2ftfqb37u5d/igry5ju3qrk7vvr9ocio6bwylcezvahajeju7zclkfxftnqayr0raryt+d0resjtsocu6jmymdql677ybw/a5clyka1mehr5nuvtomdua2ds7qjhofh3nfgcodhww7blso6rd+pit+jty06ze1kgx0dhletcu93xid4bfx9w4cutsyzewadsu93etmiexqg4ef5ax1/1y6u3au4wnhfdtdipmfsvhvbu99xcytx1cluxpt7qy0uafgkcwhcgh8qliyjkggqmqrxnvtaaipfulkul9jockwfgkjxpvk7z8kkpdrix3vp6klaqsoh4dedu96smm1xr3ojonj8qvqtznhjqwaljqylqar+eu9hsia/whutn1rvtyxak4vgkfvlzwoh4rcf7sinwjy80c1pncq5zkjapfeti+76vuyb7gvr6ke68du7sfwh2ldedvfnhivxrrw/vpvvg1d2mbtfd4hwlcafzse7afnggavdfs55iuu2iatkcaqk5r459el4vmlwylmucz30unzsgf0fk/yo+pzziqipz9erykxpaipce0wyskmeebkppvebjapnax3gbmcnmdlfevzrts+rcevohpt0z1kwpl3x0v8bwe8hehfjpas4yy97kllhvfirwpoqklr+ujbdaq+xwvbpn5w64vtvuvxdc66p3yfuhqkmretz7vbuemwc+72tiwiza16njwbvzll7yg7anvg+dodejo4toxejveyndcm7qdq4ygv58lmhee78net28y+z1bqaaociqsqemfykmei/cx3fgzabasqfrkka911lvpg9lb7ahe/l0tyincscy5n1pk57rdlvsmhtlf/yd3bvxqlixubpmbfcfu117d94v1gmsahcsisqme2zfnitfqteosxkkfuwk7a7drlrzj+lwbrvs3o/7+x3nsungnlltkgwbqguxtqw/ojm1x9dzmmvs2tefm7aay/xf0vpydimlmqhy89/n+cg6y+d6xqm+xg/fi7gyjcfu5lvzc6p2zfb/gc/uvg1z1i7s4a2pderlpdoedv35iv0oe2z+d5pvhvramjfs7acs+xjh1oz2brrjbuwlhiz+risyqcb+2kvkwsybaydik5zxkbuegndovsezlqwypk7ltv5waozrpliuje8kgbkiqlxcgyemglrvrzrgiad7nikdmiblgb9xagnb3aw7lqdfmbj+kigmidon1/drqeyihwu+l80ftzeyhj1kmlwmecwprrin/orxritnc15cfwqmsrt5kqfaqhnsxm8/oupo3opmqctppsz05erjanhbxnd6nqo31qpysqvryhrcdljcok6reud35xz/famp243awc5of7kwykiuwqv6c/vs71xlmkcemeyajem1u9ymzus3ghcbi73tstm84hypjfjbcnu2resnnuszh7vnojj74kidu2udx7pjcqosvb37ullxpztb9bz9dfkecixbfq8ytzl2moijbmom5hn65x8u91lkzmjg70/kwleidctqme5x4wh5vcf0fzzp/zrheu2wahwoe831pgldfk03iya5g4hmwbl5smcl7w/ruvmnmabvelck2j8zuvvb4p59tiaynmsbeen4b1v50rv2u/rhzs1zfjohujjiod58jww+fl7pd5qkivo+7gtwqco1wtu1r7lvjavk7cqtgglusd3ytxahptnspnsrpfwaefbppa+lfyysdfke0yekqbyroyyf7naflktvubl1z+k4eddixqt2u3byzy2pixsxbq99+hika3jcl53ifbvqlbeaan/b3hm1uh7lxunitaom8v+jouohbojeyxq16gqzal+rl9mmwqg3j5bsvzmzeiadvier1ricg8dapep0bgnviodp5u+ldlx8usjsk6/sxjyyluvhxvjaqvdzglkdbm1cbjut246npwrbxqcxeajlzxuubn+g5yihf2wjnoeuoxbbmi4q4m9a4jpojycysvpqbxhgtoungx/l0nhefbczhox1jyacsgghmq400k6a4css1kkqihe2jvojarql32ikfec+e3u8srv0wnksccc3wzvmmffporxmf/g772/f8scdsrfshivehdvu4odz8xjz/6jtjlothfwfdtzd2n397skdkqmhpdlm8ephtexbnrgh9p2at0pkiubxsikh6gac+j5qfww/l+wtblvqnak9ehhiwsb0nhxrbpna2qnjnxtlthye0zc12vfyos3nwvoswvg0ovtg9sepxrnvzkok7vmr172zy0laswipm2deia3mcbcckipihxm3bpt0pd9hfbs32k0q188/9dordfrq8lxh2yfjgsxs9lzgirh+fk8hpajtmqbkcjxlwicst0ieghe+oxrqfq4v3vgmhahg11sst3i1shw+2roisg+zr4d8lqtasv19luvspruu+xlvdgw+fdo0ygh7d8yp0ymoaale4lsq+6lxbq29yhykg5oqkxfelujxflcgf2vsfefsqxxjixnqfnljpmxsas07sa7hhziefekrzqhfmg4dyf9mzc7budwmxosbc2n8gxrf3vmi1hr+syb5au92824t3qikagdynvssbo+uw4qx1ii9onkgyhfd6epagmhvcm2u+yghdza8lkwwpxwzg7bzjpcxsh6tzzlsyzoffp7pxeb84kydmukkdkwytdglvcpznd9bdgtcfx8dlynj6xjqmgbv2s49bqozpmjqtpaih70lavvzognroa+vi3zng059+s/a7rpwo6uxmzqfo4s4gq6ttzpq7mpv0yiu/vsfocjezn4moqgr/otmzbu5mi/kcivj/krilyublfyzornslvwz+0imfzzfnokhut97nikoz1qa9wycielh+relfw6w9zjcjybvswhhsya76rlz77nt9hohuemq72ndfqz4/aqdbaxhrmcpiddxdkatajj+5er+ubd2qgmhjrnb6kinrizxbuhb33geh+suiggiplbsrpseox7vzedjtiqvfsgj6sbrs2bvp3hipaz4slo6yj+esnwubiq/nuotunkhvyk2fhbk7icuy0jstcfaeg/g7s7j/kj1udfkml2ykddrjmgdhuyjywwpofglqoqysdnq9b2pii6poqatdxhuy+gtib+s163spaimkejrbtz2m50oi+pukhdruhe1cfeyjkqnh/drlzgd0a851brr9ui8xifsowk9s4yeo5k/jaujpz4w4adbbhhsd+noxck880nhxo0pleuj0o6rawawtxlkg10xq5ms2bcawez3dh4nzgybsbugf694p3kxkjn6ymmd3nfno11e3h0zzbrnm7/k07wtatwjyspth8cbaz3ozpxqq1xei0otnfocz9sgszbq1gvefnoer4kxskwqj3gtfqrvcinfmw4kvfrx2eirpigyjrsw+blakzyudyispmjrl0oysrr2lt/fshu3cpuq0qjgtut2hj0zpryp23actxw5hj1bv+zk0ejekrx0bhwpwfdcshq1x4xt2kf5fo7ffop2st22n6ukvolocmofxwyiuavgcjjl7g6pzja9lbpeelj5dm0xz8g8anoydmn3gec/fhdc5/slvz/i+5wdt0z+qlr2iiz0+yswrew1dp+ui1i6zusi2zifl1i75eahr7fqi7kqvk7v6w41ktn3tpfwyvxww59nehfcu8ptfpb3ci01um4tqlxwa4qvkpnxqzk5intp41wounxbwzdtwfffjiwqeosl9p05vynaynsm2rrhxsc5vaomc/zcssnrmnyszqktto5lhhvknrooglsmddmzbvd0ndhfzpwevkg+dqipife0wrqjbcxv1vcg+kpdlttrlrtyycng1eo8hmqo5ib+x3cppiz6ouv1v5xhf+wt8mtqlwchspqcmyleosejuu3pvlbom1m2mjdrfurc99thw7aemq6sf1ho2eu2kdn1myko0kef+baa7a21dmmafw+3deviaayqmjzy6rkss4hkbtbvsmni+l0zxczuy5ekgi0ser8yd6zzuivfoogb1jogyjpjatzmadwqnahfgfmualy9twtfiojuqumboyzh8ey7ugrfpfkpkfc0wyzgzljcz0fe7gmzvo66ciekhc9itfdojw98yfez/vtzf26zig0o41bswxt3z6cq4hyx/23etd/++p+a8ingji6iagqzt3vhbmjdjhddw7ysywwoeymjxr3uh1krigralillaiplndhslwlc+fbphfajiplv0jpmsb4jr6c2xov/17rvtsdygobjndpf0sskaponl3cylshkpakhvdwjkvwus1m+htl1stx0uf2a6wjhinwjc5ic2tf577yamqv2snuw5qvu/mi4qfyqtyprzno0stor2soknix5jm0ulsud6evoujblgipc1gim1rgsmtng5t/mwrif2a4cdrynwzsr72efbb43o4l82xwk3xsqrjrnnvmbnc+tlmt19coo6vy1q8trazd85glt5/dv+qndiomcyaj/2apoitc4wkc+9zps7bhrtbehqlxu4ccgsihymc7ilw2jcytq9cntthjas0tluuqy5pbwc+nx+fgzcwfych3vwppeyvsw+e8vkxduozidqmb9qbngrvq/w3oje7xl7iddulb5mrh5/wlsspgmkjbs2hshpxjt3bxsvjfo8nrdq2axwma+mmggu/mtwzx8ajf+6thlcmwfzmovkbaejvla7yeyf3vil3epnnevuxujjidi4cg0hfiibhl8xxieotm4xfpg7/urikkpbx3zwprdgr6pjizfmb6m8juqq4ezcxkxpqyzruduokd3glwm+upmq9q52wd7z2/tyjt0qg6awktbohx1impk7ntw+cy6ikflz2tnstbmxlz6zod8b1t3xetjdq7xj5n44id9olg7dlwtnoi9qnk1dntm6omx1oylkm0wod8oesfzh1e112wlzvfs7t+duc2trsqas8fbuwt7r7efk+vuyzqk8tuxcylaibhivkfffs4xl60bw4aapmufzmvt9q5i6a02ilp0oq55cnyhxieiqg4cg0qedroe1iwa6jaisk5pj+9xs2fm3dcnscvxempgoto6avbi9dl2uxkdnaggvgpztnxb7qznyr85rk8dsrx1kfemboh00pnnmxzuhhmnpgal73h5q10zkpx5p9peipot3n9up4y5ds3uel77y+1gope92pk7a8c6gx6i4z8w/owfokyp1nyq7dite1s0xgpmcbxxx2rb2hblvcuwo68q2ipvpura1rx0r7x8hbbj3z1jmuwsur6uejwvci+b0jgvi8jqxrfhjw0aw7rdmarcn6far2k+nbwqgyqonqd4gmxlied0ycmftasflqzuomzryh/q8c5wyy7xqetllo8pnmzhdmnztzuu596yiqx1bipv+y+l8lf6csu1ek4ek0+ouvesgee/qt7lp9g3sxbawnylygzxa1rgiygtslrvcm4ptyuanurqhbk9tynmi7ectlwk1czqhwaknrb76bj8ulj4si3x6gmmdbdot6sppiliknkp8m7z6nuvdosimp9tw6wapqegeiw/rijlmw/lnbbloyyl9ysty1o666tjrvwfnyoklu0imcvsevjnb7jordiaw2dorhvluyhdkgkeo62g6o1ro5aozf/62dapmdn26qcxog/12srditwuvmjixgzcmt6f/89fbhnvvsfftbs0w4+6w/tir0t6tux1zinb1b5woson/y2ic4ochojzhirb9tptr+9kuxyzhqhyumbcgxrgqyfl7bpelieawrtqjhn2vdcy+e20ekxrrtjqzbp64ea3yasld+nyn39im03gzcc1lrlos7xwuf7m+lfo/fp2br/+0nwrmyzjsz3rbdvo/fql2yi48xsmuj8oqiij1vtq1dij/kgjlvqzr6tm/mzgdnygsf/z6t1//8esnrx78y6e1/+o/ftei//rnr3/++/33p/+bpxj7h75+3p/9aet00xa/mf8zp14mncsd2isleh4wkxq3s/ul2xky0pthiaplx/tdld2vmtuhhql3tibl00bwddesrazazgckho2tmtieavvn83oh0/5ihfroxs+shhkki9ygi8afrcowzeivipzczakerbadrd5k0gqmwge98q+psjkrurgurx9rtug14n0bgqjc4jqgfczaivyfl3fiioagq39ycocy2fgkreb3edjeo4ks1i5ekaenqfwoj/mq0iuuethyzv6wvemesvumus1uakebwsiqq3oj6xhuw7liicvddnlv+pbcr0oyevvj4pnp+htv0yswebnt19oiargils182cwv2y+70rww6o5kook6dxmi1atj2g3huozq50qasajtaapquq4hueekevuaoqztyxsjl6kezn8+qtq+qiwjtnovbo7m9pulnyu9aduv2mxwdnlzsjpxwbzskf1rcnmvaw3p7psxhrjmm11ypggisb1vwbqawjn7riqu0lfjitdoryeyrhu4uakdbmiwvb5vm02ywajigigor/g9qsxph2cb9ess30i9iydi2pzowyvwxpo7mevx/cnmvcr8xzm49kiu4vgupm85ru8cpdk6mmildvpyylchdgzxw506hl+8wpwqxv1pnop67/hem4lnsjghnzuhtdwsislqwk3illvdrmfuaji7vfmir2vvcjwetm/dpbiv3d5wdfjdy6nclrxefojtzedkh5jo98vj1mcpi0byulgmi5y9ga2fmuui1dxvrorrqqicyxmj9sqwfw/aln5xzo0ugwbsk9iom/alo0f42o0wzi4xhind3uvhefnldp6quvswgkl2elto0wmp7xhzzcchz0+chbvbu4zr/tq2ob9lxsf56zuj5m43l+m7g0cf3k4p+wzjifnzj9pj+zpyekbuut7nm5oz3b6gryta0x74yuvaadrfqjnuhozj24ls4jkxdel+itzxcwlbtcogrb+f77z6xldmp8g3lj0c/fl0p5wsisyqpwp6ppehwvhgkmkwfwnhmp0jvsimyiiqq18rcjgrkdd0tow1y3b92cinznb7lqmpudqrdg26pbr+/zekrdhywifso8q1zochsizvvqwgrojtai1bs2fjsfup1m6vr0rfsqdj7muuikjkzj7fe6lthxf7lxpgtyfbagohbbiv2uivvhmb6js3m1ty2j4rgij5a4ptg9n28ubzewiz+tqcbngsseou62np+yxqdskhe2c7mutpczjgbcsjs6e1891wjwacdlnxyjv7rszka7v8ombw8ebcl+9gtk/zbtw7lyfsubyqsa2ncwkjgntjncln9/wldg+ipplbpqvodk1yu73ubjvxeleweaiqtu0jptjivwf7pseq+eghxusb5gphamf4n2h28td6unqwx6aqkbfriulabtvaon9n3ccwqqils9csl692xqrffnhcvdktbnbnskzujhznplsxic39pp+djqrn3v8rdsbgqgks02nu7rscus8kdmkxrdv7xw/r7oio6+dpimiy1zdb6omgjzf2alaqv52lipk9o+igwy1jupxa7yjhpv1gu+mkqjzxiztxzajbzdzx/mxjx3buvsdij/+iqscz2sulc5oaiocbvcdsbeoot8gc9m4ceomi23ahkwfek37+sb1loepiqkalpfxzdxcy71ur1e42iwklo8mihyxzezcjmib6nplk4ampygsbx4kptdhh7b0prhwa4hwityvm1gcdkodnvjyfzlel7pi0ioojxe1c/siqamktnww341gr7y0qpdb97cjz64kh/zejkkvop/rttntt2ud62kmftxnf7kaok74x153tmgnl0npvnuf7ypuapzu+s04h74yd7h7hg5u0+unic2vdpcjwurtjo1wditrtaeyow1nvoo+ukmpwtmbxwqo5b96ioqhrvahubuyivh3n8zykrrkkkcdnb5mc1292zc5yi9rcubx7pbdri87zzo/9k0pkdru23yujbkl2vmjp64kxbu8mllqqygz36dzqw58cnpwtdda68w3zyxxfzmryistj7kywrhjiccjdsxjtvtwafccsndtv+gvkfgfkr8xgn9dhw5rahca+vthtljiqxqmdgqy78tut/r0tbkuuw1wfvugsmnf5lvjuzevjo05k/ox3klhbs+loeqprm198nysj4ui0rozer7h3eggmppapiymqnyvkbrbghd7xtgjx2n0kwu+yoiqobpouleauj9wjyjm08ni+8/tqvkzswhzynjqln5zuej7z+15fcse/sdbttevaaiagekazys5qb3hgbsikw9ue5qvumlhak8w7b9kngffyvmfxaijs4txbzvvenixsja9szhtg5aarrawqixdemzg04gpeyayae/1eekygzjegtlp5d+6cuu0mwy9z3qky9b48bcwspihvpoq0ihsa14jv9xeo/er8ospvru/nxc0at7y/fewrgl97vfdcrxlte9emxn5qbldzonlbwqgdyv1rhpxfrsatxvhxhlcsacecu9ftvmvirljgu+zolhw7ksawfd4pdrjewetf8itltdsgim78glzp75cz+cg7uryn6auvjftd8o1llfbuiqw45dotmbfy0r2+26sqmvaawwjcahieoifp+2g7eeh3kwcusqskqxjjtyvzqfzb+5qrea/z1rcjzize17qyynvfrlqkjklfoi2sedqapatkkibyznwtuonifu5bve2knc1ndaj3k6yhc0qaouf9hwpvcrryxlct/leivb+f0ugvrzx62ovyddzdreulxryrof7xw1o0kfya8d73rekbw3+r+guxiszv8da6kpbtlywhephzdsgifxpzhb/si1nrigvdkduuwrfkueq1e0//ib2ojurbaf0cv8as+e1wjyuo+ke3uqmimrn0+qykmrzjwgzgnse9a1d4bbceiikflflixjgmswm1g1m7ywjxek/2be5jld1qj0zsoggmdt4/1ivv97hw12ejuu/huw7fre+zgdpjs98gu30lmzpughvfeanj1wwtndxswvmk6wq/sg5lh7gowkti4+vqebshdd5uhagvuferjxavsorvapmoye1do9txifb6sq6+b9xtfb83qpllucyyck8x3+mhiqvnut946jypttlnsmz5tdtpiufkpdij2i1pwdvldkceygepwy9jvkiyfovd9cjtehj5mqsex9zwvmvu62tzkyej+ierwemjpj7arspus20uozlxfcbq3agqthoqgnt986jvbmymb+2++zjuvj+tgpoqpyq8ol9hbvizllszc0mobandhz2w/sp5yjl6dsc+vumvekmuy5onwom0tyxzp/x0vrx1sa1wqotlbyjxzopsk7cunstqilvqumskedo8yrhlstzik0govlx5znjqdukshzidlrtv7stihpiwuke7zb3kuijvystijmppijx0peai8ybnuqffywtfjihscd9xdxzwdu2wgncukf++x7iyxkwuqmiusw+gukc9ijzvgxnn+wm59upi165721vqpr9q56wi9sth82gkwn33xuiimbm3tlotyqfzxbnp2bjukqrbl9qhtofnw5qm2vwlkkoc3of3hlketwyiyww2k5ktu6ol4akxoyckztvfnoqfza5+3bhx4bsvoofx9l2/baezby0parydhit57j0fa51kqaubfu8sppemteshlyyq7e1utwyfs1v+kmvc0pftrp2yfyph3fejdcmrpc+ik3d7gevwmk8iitpmy+yzf68ezg00psslt/itckqahur4hsi32qbahbupyyw9qml+vdwdo4amc7l2aj3odiwtti5m2otara4ppafd1m7pdef4oav61xeduunbdsm1zdy+rmndteo6t5gpid50g1obzakh1ns8xyiq4wk3wq4lj2nme9gahvhqhyc+ws3lj8yjseuliwqpooyqi5vc+q3na8fku95lt+sdjy2nwzvy/jc86vwkyg3itwq4njimhly7kj9d7tdfcsc375dkzd9jr3c7pe0mbh6xdr72riaf6ayschdrcb0hc6hgu93rev2tydbmhmkecwayzumq2lqezkbdulv62inxgzwuxu9nhenhym49cyu0tmhlpuudtn68v/dqqm4y5chvc6r34jkj2v796vyzivd+fvytuwix+toxpwyfidkta+cu31hl+6lyrzt36buuaojp/5aungzz7vsic9k3vsqzcvchtdgygvqdjyfjveqeqpuzydnf+v/fqoe1kidozyayvfihurhvyfluijh1nef7qkidruln3siiozdhfsmq4esqx2oia5t3tc8v4ouckhcsr70ss2zve9rndtz9bixssdks201qmbojulggq3zvmcmtgn4lx8ztazxbzutrpyzhrla6mhutsqtgtzvlgty3njmtqm+dfmlcd6m4ktmqdlrp7zicidnuatnsarq11dazv0v8ipkimibaqmccvusujc0jozi/nlodgk/ky+6v3urmzddkqdwqxuejsb3c57bqmwf7aagfrw/jdwkexn3rsezzwu0xe6xdvwnroypvbkniiv2own9dmbrvubh609uv+sbc35rspyy1wux9rvky4tlf8zopysysa6bzlsvbemocg+mjq9rzc/ctezabiuta7tgv0q+pjeqiejbvomg3i+dmn1vx1ftzewco02d5o9rstflzctdsnc1syc2q54/sbkr/83j1lcnxrhfyobhwyvw/e1kolsdhh1jjwe1m+thyu49uznnds5uci3ixoe0q4osk1cphuruhury2zhkmrpyr7bsqlgslfbyvrq0rfdpjqpcq8q5lvkzl3a6dbgf8u9xuu4bdwv0whfbxhff7h7dfkihonh2eir6vxc35nxurgcwslnwdsypexgijfack1u5z1npnmlk9n4sfvbwpsp75tbtfi5fsunnnbgxr+x5xvvdc7dd2by8hxwjsz6vkwkzilqkgsheye2svtsgvtam2cohazuckagjn/ytu1+tojnevfu5p0r7pfelv1ucnx20egkxf+ufytnv3im8z6y+vtyfitl7fpfphhchydpprcrg9rn2r7gtbewxyuc46j49bocy+a9qhu/ua0nnat0woxlwa26t2qgsyalc6d1/vk2sqb1s4dm2kxi0m9zwannacvljcdhniqzgqi6detxuous25hmjpuz6kawhupbw772r+xbuspc6q7iju/qkdt2iu0nosiycf1pu7xycykgrrtn0kbtzrzl9wijlpqzq/i0lycbzihsd87dbfe4bzknx0c6wp0edweenhzscorpx1q/2dxribt21fjzbfoy5ly62nugzxnmo1e5m8drtnitnrmzfpswhlnn/jlgdqe5rtrrkt7kqr0nmv5mhyuemfxvdxji1+k6uqr3vuc+ce3zj67duwescb02u1q/bukve60w1vickew0v30q7rd3xxk4baripqnkm1/g7fbjflby+bpsxy5o1mty4sdd0mybzmwbdt38mq/moqho/wqdbkygxzhbmiznpihk0lth4wa0abdc1mugdmwfq743ptlkae2s3mam7pihfyoyhs6kwlguq9rrfmmuuad3sj2pnduxlneh+i2t2kgoyk+1xpc68rka1rxmb8dlq3cdr7ssbpkdh27ytijoguxgkvnpw7qf0gw58jbl8/slaxjntxhhtiaot30hjqqwrw3ll0go976qluvhj3haqizt96t4tdqvptwj8wb9lok2b0gq4epoutj39fpo9gcvhesmt/xb7ul1avcoygnutzau4ptbosz7uj+hkwz0uomvk2jnmpzk/5hdcqpznk4c8ycyoui1je0fybdm+owhgaic90/z5mhrfthta99nss5zzaz7ia86jitflrm+zouuwyswf2u9uwnst43bpunf5h7lmwypterzaelaofo4wljay582g/boi1qycjaxlugrxotfkzps8fni8m5ta1kelyyh5fapx5n5mqnt2iwnmnr5k59au6jjer1bmiszfx0x7sqane+iqaqjmfyawz1+5mayhhh6inujgj5j0jybv73llvswtfo9zeszxlfc3kk46eo3nmucmff74rxeycwv5ttrzhxzuowyo4vycl6zaqwt68ceb5fy0qbl6qqq3qijxmd0d6qcvjowhyxstdxzkebilepojliawkggkpag5rqmofrqs9xihiz8e2oxu+4w/spamh3bltc0zfivxidp7n/r585nbqfpqnpqienhjszebdzt8n0d8qnntdmnrxazsxefxz60ncqjwanlja8wzjvtatac0wkb/r0nwhxumdcsmvtpy3cg7kiga3cpdqwhz1nj+5ilu0weofc3dr29m9fygd6irj6nrpqka3na7imzkqhilacqjoyavcdgovtpcgtlprj8o7p+vjpo/wur15/ink9ub66h583zuprkc9yh4whtzn8rntj6t1vkhrkp6grmslqxwdd8gk+unoajhpchfuezf0vwuamxeq4grrbbdogbgd+qbgqtfjkj76pytxmnp1bpijmubwk8algzms4ubxhrh+9uttc/lzz1jm/sqyg7+uxd2lukvx3yqhce8djyp3k9yizdxrzqn7blrmf8xpbxeybmqud1ak4/o+jplm1bd4chn7wrdtdsykmezjbz9s7kk4gypcwverax0wm2fa6ulpryxzej79ksqwdl9hmrdkziaa7wiljantxscqsfqg4vmodagrg4uuubrzepydmqzywfevwgwr6maq0cyscxemynwku+b0qfwevbdybv3io2qx0dhq+0yngq2vfr+uuhuhvf9avxljwtegpv0r7e5xyezgsgzxjdkjuqeemxz7ryvf+ifc2+ynv1rpyhpcgpqfdztxyfczduoztqgirvscpimhybdixaahyr9u0vgbta0stlpymid7nisqaqoioneyinwtyxlggsa1k1csgiotzrgp3glhs/qwwqdx1ajxrpdh34qcjfs2ticyezxghxexle0emeokt/mqcrvqfmwizbogsknk8sfedxmvrnsri6hpmrm0xcru1fwi3pi/ef201gu7vud6499xbxtwjjluzui0bj73zioraayn3dhxwehdsrqpeyvimek4vsvelmtc9ax0a+5e7y5bttdmy45jejwoy6barq92por8+nhh63pwkhslwyphqtxadtevv56fdyacrhyr3grgzdfqlnslxkcxuxrb2lwisg08hzxjc/pfygb+p2tf9pzj1eryfvfmxxxqoovaiwdbp7b896j4e49pcssfegrhjqoabjnzazzc970xm4tbzvenkpxo3rsr0tozed5432mt4r0c0prxkwax4scpzgnfs9tnq+cdgppxzlvuo9lu9b0qxwgzsm265ajdhop8a/4z5x5ysa0cokan89zuihgkhxjsbbgo4c68ka8qnoraijcmczftupr97grvrjz1xdzs7sctjqfq9c0d0aevmduu4+fdo/ck4sudmmf1fe0knwqxe/lo/qwi2bpfmwilfybmc+jb/lorzn0/chmsotygv0gesid8iyyurqld23rt1itcjacltxjk1k7colr3yydcadc30fg597jah63as3y8wnyzl3aret9/3nicfx0pxvdesu2f2rbmxqb+bqmhxidlyubpxlpkh1rf/fb4rc6wpxwfc3liar28k1crgduqq5r/slv2ohfppb10jvathqmcqmtdkjjuesj9jct0s7jfibls0njya8ubljp878ziyuze1frknomqo8df93vbepgeew5smmnlqtk+6wsxfv+rnqvotajz5vmgmp8ql5ddfscodymv3yajym2w9btfsaonlb8nmlxjdceopohxxq6lh5s1ts7i1poovg+6h6iczbj1xjqrnb9etl3pokzloyecyau2kv8wbn/t7dgyssfp1sdhzchwkwqg+iaevyqhqjtwa/yksvkqe9rhmhm1mcziszh1emznyxcj+skaajb0gsitobs+ezt1dfm20qage6oi0iw/et9b6h8idh3wcbwfedcwcx5tmtmr0olzxk17ssmk3gc5n6yjp8jof+tcdmuqltwurxavfrzjyfoqfvdw0gwubcrlosqv2jh7rie1s1luscqechrr7c+ek2xl1jlodl48dnvs7aagdtut9jblwkncaxjf3ysviqxs4lc6+cwoggm0qda2xuisbe0g35tv98vr6fbe2lp1qegcq3tadsqjdtx8z9tb+b2n0h2iouom/dlmelhnddsgcgc1rsgsvemyaejdxkgopazpujaovbbxq3xpfukikepqu8ycmrp8plzxwggupt4q4rdfs2hj2zaqkxwmvzwgn2zjmkqekhluatyglnzvo65wq1esizq/drkndits25fxsi5qv49rj3lxftmhp9vmpl2ddw/qdzaviewykxz8y3llgvkh7nu21ehyqxg0lgm3vncio5j6snttnchpy2kafxn5c4hccvupcp/c/lr5f8jk3nfcikrplyhsufdluiy3ckfulbskemcnkj2r2hjx6lagb3aoqfajlsch0qd2tfrb9rjhva6zl2spczlhryqmu0d6xl2+zt8z5vkgjbi8taxr+mhcknx9iqlnt0hvinuiornodmvdv9znctfivee4gotwuqkhynp21znpfhz0ibapvguvo1ergsfp2tybcr1amjs3norlfoq1ei6oculunanrrpou07eudt83vbmh9dy5nynnxfbld0ouvrbfncjvblsjiihf2ewqvvdas13sdzllot84ib+ecgtaa1bldkq/9xtqity2wy5xafepsenb+5xwlg1hxqv3olfxga8nefby0dpdvbgnqu23vbbzldrndtsiuhvfezcwfgijpueifwzuerzt7f++r1i0tnu+30dpmzekhsimdkqsofv/mxasvk0dpbuyrabvzl+aicebkpr7cmf206vm4+m9einiokjapj0hy3wbucetxyrlrznhf4ghwxbnb1dvzuxvq4ib9y959riyvuwmy3qdwj4yegzxuqfpoxjdvrskscotwuzgthfkn6go2+namlxxe6qwo7oldgze6nvre8j8gwn8p5azilpdryvj4wmjzl96lashpotmknxoq5gylme03wxjdzzxvaelnmymayvwe2eik9meab6twlflryeeuuvdyynksqe4yxfghoutq7lmjxppjuujtp7w3aosjw7ltgo0rp2c/yczmenra697or/5cpbuhyhd7ge5c6jgdygw+gh2zwyizm8mqjabcssre3jvvb3scczj6hyshyf07ujthzgdxmzuqabpg0f1ntpjwr3adllweuhvtn38i4zmpclc/rd7bquooy7luaknq/nbtsy2g+3hox8do3kh2wnbifc7wzcu87rphoholkrdeaciqh4jup7m+6ciqds/tohnw4wd8l6acumrrs+/4tvshuzif1+agm15wtgh8jhzyzverq8fzwrhn1ppomrskd3z6xvz8vqsqunjwovya3ntm2wwfmgxzqkurw21isymylfxln8rnh7nbyyrr49mhy1ofli95lnxxrwda+h6szkofpoto4vmckf31rfclmxuc8ofjwg7rz9g2g+vk2pyvccjznfgew/uaecfnpevahnz57coyamwogmczk/w+p4b9l0eydp0tm1sfger3prsfwf/uruh6eco3z88hdd/84ptxcseyx02ido23nn6cua+2qwwnchtc6w78y0blosftpgtp9k/jahecfasutssy680acdkw4tqxjsmsoxfgle7raik6uo8ze9pxsztm2t1nevllx+veo0hk12qntdm9bqc05do/y3bkzkvxdhevuedjmqxqrouilttfmjzgs/a9viptdlkkwm57otsauwq7rykd/g+xwprraspwdcrdttlco1wpw2phkqrrnrnegy1y0be52zed8m43kljiuf8kcm8zde9nkwzlpcoshc2rzc/323tkh5vb0ha5tp1j2n9safu0rw+hpwu2vukdntslzr7unbc2olbdlnx75iucylc58xmq7jqr5mrf9+tf7prvqyzgnxr1tvbeeyqyuwhqmcpgap+vo6wjybhz6/zmqloylmhlg+vhqtpauynrwtbeum4dgn8sikkcsm6b9fqjzatzixmnm0dnc6s2w+awuzyyfvetijoiyy/zneh7j0lnksiabiobhhycivz12zzgftbckoqk4+gznngn4brjhx5fstjagkqlcusguosgznqpr10xxpip3gtrkklwsi7vijkvoojcvfwymccxshpk/pyno9kuc+jigwwcmuy8c0ytfluuorlpywbfypv2u2viyhky/c5k7phwrcvyyxth1qi2g94hhydqm5vihpciufmn7v4zfhzsewpikygg1n222i+u5ptpt2mtqp4l9zflgjrpt3gs5+imqj7uelamalh1nsfyyefrbchnp8bbxbccj4b2jo9neitfw9qajvdwwarnedruumtzle/ttpzhrmk3dvmdocovabljirwc7ynlp8ta4ybf2nyukktcdvm2i1uoar3cfueimxorfqiafoqrfzcf6jwki0j2yepuzfdimqbniravbhe4qn7uzcawlpe8qo5zzeumtqfesmuvs24mkjdfdb3pvhlda8ppvdxzvr6ujpqwj1lhembqq7qbd/ppprzmpxhj8gnqgbc0sz6kptwqizmuiromq0iljsxb3kxzlct5a9auvz5qe8tnv/rgr2enfgqvrzc1p6kzbo2uwvk1upb7iy3px2nbdto8twqqaixbrb2r4mjm/qejcnnj924u8vn97huluwlko9kmdhrr5jdsiu/aojej92giosg/rsi2uxe1nep68xpnreywtcebfsltw6qs7xax4vbazyhtchb/y67hvd+8zltzj+7dptihfnyyz9byxqbmzu4qdpmzszbadrdfc6chv/eb7a+if3b5j90cqoyrxvcrzg2tbz77bc2m6k8i+jjsnocx/x1gcnfnhaktjtsfop2tusqn/ckihausi+gwn635ijrjgnbouw9c6pzkojstdsqj+va8dw/jt6uxo7owxgymg5ghe1l9dzujn5iwyc35kv7wmqfwiqcy6e5yddbkfc8gdnpn88rar07c99p1w4lhseuabzigo1ajcrn+emo22bv1o4kqmta2zm0xjfcbzzimu+xk49ot2toiugoaiehckfyt1/pxaasagxi9j/nmq6jycz8ks0gf72dncbjlcywek2/k9ciwkpvglcukb6yb+zq0tdjcjrnxua+kxj867d/tiuvuo3qog+12+29kg7/ru/kge97jeupmqkjnvi0vlcdmhwbvy9slemka8uuoa0oonyco0s9ttqqriyhhs1dwsfxwgiqdgu7lyd8emcqxtsrqbvsj13h6k58utpyubmi0amo7aorz5/rlafm4rlrxjvs2o4faryrnlfdtwripwaa478zddp7wzbjsftkkrfjfthnpztdmwgtzqtawxscex35bwmdfvwdqnuuac7aj8hzlk7z4pmdghv+ivl8rblble0p3zg3iwri6t6sh7vfgsjs+b6wxhlhwr7pejzzp6cq8rpd2438sfgx4m74hjjz93h+h37hyyf0byo0pn07xitdghozvdozfqx8yl0+d5kou3augt35vf2sgnoz37jflaanvjdbzjcz3jo97srhivcpolig261ew838ldmzg3qhr/f4wgpxjbdx3wfazmevuzyryr6mj2yv7d1gictjpl/y1vhhabtjhko50k0whxg9warthqgqx5ti6fn1tdslv1qf/dapst7auwgsyg1h/pvukzjm9x71qajelk57yj92inbcn05unmkjadnyeveoi3ck0lnikg6vc6ciwdw6zjd5h4c50lt5ufxdfnsyobqgzolgib6zqlglhrb1xr/avkwkqubghpmzayd0j9apuy8kpspjbt8e666dsdy+mfexzbknv9jkc++0vr0i8pefdumrbflozn4shbsrnvjtjczyv+zjjfk//ibbuygabwsr0u3aknllluro0tujoz7nsoci6u2indvvldrxfrg8zqr+7nwlx77ody6j6kx0txoklbywrfimz3h53ic+bjekq3rapcq2do24jvuzr5bxchkwnpju6uwcqlga7rfuzt4futy2gdubdydiwlu7wvxp7jaliucyfibsyla0uurxts70dpcyxtwh9nczfkrdhbwyo6fml/yqlq3f13zrlaccxyfs/jxdjzutoocplbycrjtmnt5btivmymeu8a+zokaliqtzbrh9hmfwze9jwvacufsxbopqahrybqb11clco9kg6dzviyhbveemkfw1phbnin2ju0tp/mgp0kpj5yjqi9alllwreylx+kw+kni0dpa+rwxr3dg8hey6kz0sqq/7wkzhdnfimrzrwjrgimuxjyeeigjviemyeg9/patxlq4zvfownksoiyrb7tyuztlkhnlid25fu5nkw5zkcxb3fhris/knz/oetcd2khgovlnyirxd2jsw1igq18uk+gwpj/jhs8faekwcfq8cavmj6rhoeb77evphmw5hxj6adkj/jybxcfp196vriqu3bhfy9ymi7sgluckhfy+kw1fwigwrad2rwplreml5mnhno0+q1f+iyu+dcojcz1y8b6yoacpsde3u4dmmembszcirdefbwsyw9mxguwfyn47qpx6nrz0isxuhhqo0uw77rbjx+daedxbfk1q8erdtt0oklrfd+pk/jo2m/kvrqvop6cgrcq5hnrzsfz7whfu7i2n2wnp2j5b0vkd0yk5zywuerbiupml6azsmwfdqky/4nblfheczbwfnjbijuqa0eyvgfekpj2uy65oh0fyz0u4jh+xcycgfm8o1nd8ytqc8unmfei97+i4c5d6gqpzbuv5t8vxmq9bsnactyoil04oofjsumadswnfcbwlx7o55b9eg61t58sklbw0/zbvc0eqd5zexxslxdisao2rifeh5udsi/heevafcqscyv9eorf1plzuo3yrf7b47nb/7stkvlqjlgewdwwcwqrom0r/zq5ieqy6hmmshxkkhg9+w/tvqulvzveh20cg+dtz42kxifvts37tteqzg/br4ir7eu1hdy/mqfvrtdbpubztrkb2zjwctsptgj89efa/3ymozmuqebgas/vusjjvxlevioeq5posga9waqrjrdgcvujzm7crjhwlcdubrqeamkuzd02mklvwbuvd0z41v1ju2lf5xik5yb3h6sfjxbjfp7byyggge+5lgi7dsywhfhlw72p2qvush+x77blox5gx+t77ldhtrul/r2u+0gvg18toccphypw2fidhyqaoagnk/hjvgh2clx+7v1p2itswh2jhkoonrfsclud3wenr7zks+odr3xl98honbjsrdrtuu941amoj2ffsdxxn7qp2oraqu990cqr1z3bbmyd1uyo3b5xtpnbvmtfarogtjafynh7bnopws9p2vrsc244kbod1oktdo+ayo9grgibkyn+t9il3y8mbh1y/jvdlst/+vicxgi5h87uazcdekahw/0arwespro/nnrbhgmbguubil5k4uatyc51kvpcxsmhfjer2fpwt3cxqup97ccq4lzk6kvsaex8p2a7uo+bnhxshpcczus+bmejzhtmduee2kbrd3ytncosv9uen/f/hy3+xwr40k9xomki2raitmakoljs2jin2llyr05vohiuruimlo/xpyqhwoj0/stw4+vhl8ckwrqvzj8mszbs8x7eq4yxufaequiz0qvz5warvsltzapveyznjnjqaj9exlze5hwj87zl/ndpvpwm05amtlzull/rhddsburkiejxpjrgqtrm3z4miti6x8/crdxwkjmsls8ub97hrxqvja5h1nkqtgykej6gnnvtsscwgtm4sperkmf/htzhny3mh+prh1+he5bur7kq6gxmii/f1udinw7woy/cr6dti4d5iybm/mbtdmsvcpc9ldj29kivjiqexalvyyngn9waq9qhvsqmza++hvx+xi9ubzkazzjuuetwaqpl1aszop+ety97fhtwjaqjzx0u4kqhc6dvs5cwip67mjpeulwyijydqqwaa4jt93p7tlfn0rql7ugbwtjhxad9ytgwjpjv6g9m5dpfgijdprxp789lilf54mo8y3kg/8oeohq2vxtomwzqmjudevptaoonvmjnnwypbzgxch3x8ezr0m2kizuxu6ghrtxotx+vvox2oqn/nmzr+eyk8d9y6nnl5rcl3owl6ttzfewlz7vbhgglyjqbj3qmqwaiadsnvyjcdw85k93dhu10kd2mt5rhh6n4i1s96jwffvpiosi5h6mpateyebrywlcly2s1nikjxpqnmg79wjjdwynpwiw3quohurjoxmgw51x7fqqo8newxkaub7xbsi8pt0nyzgwtil0owuj6xuya+tsdqqhc5p9bc6005oqig1izexhckjqb0oyisavbnp00+mwasrw5fai4qjcg6fiyrzd3oe74gqjd8b8tkgxakjbuess9i76vlxx1g7bxe0qnb+xrqcpy4gtdolwhxzrrujiwx4pbwdizj/r7uqz0g17htkm3rnef5v4f0hi4ic7ug5s9lbqysehucmz+euu1/nbme4dgvuysttrkgjzaltslnqndvom2bf84kq5tptnzjudut71rwt20w9ds72k0iywqif60n5wmnkhqb/13f50jcdjz0yv3xhhtdbb4vmv193cxw9rjyhw0qjbjkobr+fw36snwysh6kqyqhyixuyjzamqdzcaq7d60utguuk6ytvuwn8amxodrxwnqoko/0ok9q5qvn9kjvqrdeqodlfy/5ocsbkbw/o7gnrmshqrdz7v/qz4klgriourd4oxwuvk0et26zzxcbtuwoipazh9n0ksbfhhmerqhtvry1e6ekgjqd3w3tk2i899qojfe+bj2h6kfjbyy7r63/e5x4xcgjduhfhfkk+1rdgeecbzltbt4rtvii2qnqm2x38vkfknm6u1no5gjgqwqoey/4exexvkzfk9ft0tjepnubsz3c7yqvq6jn5xpakbklfczdn0kc0fsimw95seon8w8qmics613hrfaxbzhinlbn5bcdtxj2+z/dsqlr7eng3cgushezemypzijxekwjwzyu2m75cvm+kdhnsinx4ipetfg6xvste22gh3bh3mto9icezwnr3ufupnpvp8j2myesfqy0p95svzgv6tevnvfepul4rsetn9zxxypybdvmyvsa/7usz1b6ig9zdzrbp0epvoumiiw6si78cgku5oh8yflvmoxxu1lyynxfj/+hwp+x9r/bdjhuv4kblcj08wg1uo6jqrcyq6ejnswk5hfiupqbytkjlqiqd1k6pn8ulax22mgum9j1ho89zj72rffshayjynswdoufjjjkonxhxjdmdkwhwdhfjp/3kwqxifklamvzx3badzrihrsdfyfsfrjgsltjdpha5b815ka2kw7yyvqhd6pm913bjhzvjtaynynbvr4jxfinm7sdm/pnvuizvn1m7fmu6drkfcyl4t6kpsinmahqa51blfk4iychvjbpy4afafnrfo6n9bdq1qrjcboimbljtbr1c1mfso/o0bi4ecdvtbtt1clmqcqoqdfhxl2yc5rnzsekk6+syghlbo60diawqmrwtvh0/v653o6sobt3exdpwwvdimh3bwadp4alytluzfvsj7/rk0lvuqpbkumgsqidznb2fixnhvnafdwa6hdumhsjqpurgw9ns+dlqb5t3lul2lt8tl7dwz+m22v0twm/ehfyj0ncpcvxp4bs1hjdbviigbyn3qxhc8p5wlyttsby3vo4qybpftwoozlhupzn1jf508sop2nvzj93cywd4ybvemh0if33nijevwj26iox244g86nlikc46qq3odv0qoltd+mcp1ichxf92mzvpyurjhigdgwaskn6/752xbeumb5b7b6nkn/uq4d5rlhwylzsvcrzjwmugjbyrzs2a15bzetu6s1fpth/yb2zaqsdvfaowpzi1pe1pmo5le1o0yzmxxmlotewrmq59jxyusi/kfbrtopdrvdqp5lw4dv13pcne34g1nkv4rawwqx0m2dinuw9r35mm6cbf7vdfo/oyszrz0qj2dgtdtcr7zrcfqu6bcwzmm9jsmclh9k6taa0+epcqtqkqmyhkslep+2z+sp0o2rbs8chcq81gt710oitgb2z1vzpsdan1lwljw1xrw8zdzvsbziw4e3wrq0ssfwfnirj/o8flmd/ggh2wvlv/jcdyt8w38xknnqegdge26gc/afjsy1gpxgyzx4zkwjxknlzi9bkkqzxngpbhvqkkrgvzfrwqublrazvltxmpcjxwvo/g7b7leprwq3udcxuwrmv5rvzivoheczhvxj4hu2+aar8wfdbjaycpp2msaliuace8gootetqpoxtjfdv8yasfonqkut3yzd8vqz0ckybfq/0oyxz18mcxrfae/7h8rbjosyn+qhfp/uf01gnh26xqbsiitovcsn3gmixbqqzebpjgje/rudlc+2en7yjiw0nz4tmf9buhmvrhwr2/f5l8axc1t0wylm483axkmx9y+q2qey83ld6g62+bormapozhqo1vhxgi7kul3+p5obvudmumnmgvairldhym+tfkwwczdrfiss21s63c8wfine5uh8hfugqukla+nlw2ykjicsipeo0o/zymryklh8pipmrvubb+//wktmfxqtbjx18ezdlj2yracm4n+baesf/indfnwlg12y1mmmdjxru5jsezny1apdo1u9y/btastepuprtgnt8myslufmqecdaqf47szkls7laoevtivqrz3bum9hn1eldmxmz2bfo9ktt8qjnw8nzqz0ufvpep66mkulfdnaiyxjs3draiwjuwqj5y+z8v1deadcivoyjj3yes/zczv6nrimblsuxtvhbauhibv8vzhtkueordvk2kc0zxnynzecndex8ru/uzv9dkfkxtuc1uio4xjj6okv++vjy0a2wyj6gsf81m9joshmuyrkvfyln1pyjhudnhh0y2atcvsj7nbtbmdx1xur5gg60n1bqf7+uarwotbpjl4xpn9srtaydmurme7tzaeidix5calxszebikfypy/id7dbgqvuhu7mosglb2ectfmkjynkmoitugncvilgtguzaotmhofhhdd0gx24eoqlpp3nr6lmlbkidz0sjtbi/wbnmb/u6yqd2lk332rso4nizdyvlg1wxphhv4vaubrtn533/ze11vp9yi9rmv9u3rhqf22skaoadiipg7izz6vwfmhig17esrd7al1axeeoih06esgceap7r6za0q9mglqumu0pxqrosh/trs4et9ihbuu2quyn87ycelh2sn0njkklysps15ib7xkyzpzkjzmetvab7qbwmnexfnzyiygxr7/dtfx+1xorwjow6y9/ochc114zx0vvwoyprra/tsdbqbdepaxguwylsxkktsywex2nbkqcghxehck7g3rzuo92dnrd2vnvhxclw7hep0jgtwkanqv1ex5bidyzbn+sqddngddrg1jf5elki/kwm7qar7v6nrxa0bbx6ciqqfsbiy0jv2lnq7ikg+g7w3ubmv9kpvvlkdzz3cpdkfmg+/4ixi0upxfujfgs+ulog9i0m6k6s3fiogpodfyfukeel2bgbp8uljgraksur62mnptqd2/ctvux8ucsnvh0i4tfh5xjqh2pl+0b4zzty7zqr99majmj3se4zvwkllzl7d2af3wrgglq3drklrlaco5zkqdskcbvscqtersocyrjg0lfkwtwkmce4cscxwnmzyhg2phlojtvnxs45faeaaqvst+/5gagn9kpyayrw9bng2je5juzjmkhi1fiyelm8efqp05aevkfnbcf+5mleaobxbid7rlkmnyggipfcrvzmge0mjinb0okkg5xgftoj/vlyu+9wyq7wtv3giubweegz3eoorwk62sdqg9n2+yzddtgvzvcjodh0mwnlmy7v/owhr1hsfq87o1mxpxuvtuvrtoenbqkaz8yd9xuyiqliiznviifkyr9lnlnisufkzfu1ajdfuxkl2aloiz6xwq9hxbexa7dd2nre9zi5cxdnpp7t6wwbb+amvo5gdk1nnxkax9ouyfm3zlg628h0sa2lqudqrlrcvuzmcsjfgqxtuvtf+fcrd0oalbx04wnm/yses1zvh6pgz1s2adrel28ljftxurnbusb4h7ltpkggpexy/ulksjudyvy9w466g1chzeictee13pghqj7lhrdjh+fov9zkc4jh4hxelipp6yodcgjcp7oq/pqu/7m8+9h0nv+6cssojsp3eszrpejiy3vfcazpbege3exdtgszylr1n4ezlxfabp/yrcv9pbzz3pryt+2n74njpcc4snvnbvjwksx3ptchg9uswsaswzv0oftzjojkqnket45bug2txtcctnrubvhq+dchlasqe5rvkhpu+lzrx08/ioogon9hj/da7jn1cctbgbmqk/fdsm10rnujqwbcpgcxjc3p0rxcutq/9zdqi4coemurvnncl2poo7wtnrrvrak4uk1yaeo0waskas2ss7wt5wz+xacjfm42qwiilrtk9pu07nhntuc7o4ooeyhqnbg5ne051fyyzx4xcjckm7mgtfq5qy4ii2wct5dpqq/d/u4hitg1c7daruzwmzhtnucpwk8ayuazzcgqpjjxq1zk3ju6rvw29fv9eck269tubxsh3ptl+uvbfjdvp9xvde/q4dx4mzozlmq7dl1odzrtdpw1vo9waqee59vm2mn4csuvrkmwhaszgo/k4krexp7/e2p2gmd7lrcydi3sggv05hbx0boavqef3tetuwifyzslqaftlg4bq2xoz8p4sr0s49oy54t32ip5fyiyaj+lzah//urznomn+lc53antpgnxvvvq9ayvjc9tz8tgwf1hgjan2wxrqovertpd45zfre4glshrl1hr4kp+qvrct3riwauweaa53ib/dvwrzlzhpxj06lomjnq4rfkdfjgqag2jcxe+qveajnuk5j7gvtcguwrrfxc7qmtn6kmbrpyupz35uaiieh0h+tmbrkncn3rjyxzc4plfncrtmrvfieihlco5ni41co2henjujbqpfjpdmhmikmburbaqnx+gptohvbuywvqnzqiz4tupgytp7z600u98r6zwxuuqxvmvospnmsvhmw4jufrvrc5asaew9vbq3qcq5r69iwt2nezywglky0unaprhusz3v7tt+pqu13m34qnr+xk9jmtjwy0ckga/3ofmegavh7i0nntmgmmbbzemz46pdcbufksgnbj8/0unmhdn/6yvdc55ubyurwyhhk+any6yn6pzbukafsrqynyvup/j3j2ocatspn4xqbm6kojeusqigxxff2mcg8ey2wfho97291o1qhojm0pajlcwo63/nohc3oz7cuef5tug6skbozboniv2wsmwe9qoxdpxe9cvun2rvspd73bify4vlhevjsxkqohxo//gnc4fba7rtoqjpwih6maor/75bwujcdwucfq5ydkpb7byn5lgsa/nb5xsjnl5hcfghknwzp0n05nif7ajiw+ws1fg1zkgp9yjyrtfxtdilyxj2ppqklsjuxg3rgjazlncrmjrfp60kttlzckdtzcnklt+12h3ueg9cpkprtz3z57cl5qnagbkysth1thlgkffgpc+1lte7vehwcus3jka9owb9vbsb/urgfobkn7kvyxslczg6gyayqpo1i46sf8gt8tvu14x0beegu96pycndd9mvzjb+t/ponxg3ngsr9ltjwqn+ko6xdymxezqvzorod7p1silsimq268mirn33j/poqzpiigmz7cyesjd0jatswryiccaqyfc9duqneuie8shebpyebfgmdjmksdnoixu3xmsxt1i875shrfarlji/+n2shs4yor2c7lym2rmvejljuixp+/er6xt+iha7tdkxvwel68l3azzxcx2tcl9frsyyuwkyvgudgprw3savemonkozsppckfo1w7aojynampxhrt3f497mfajguujghmk15pbkjdfpoxvmakwu5jhzeq9idn8njfx+wo1jd7d4eso8o+x7v2lerwhip1sswnrsemltmsqvd8gm4xtygsslwnwokqvrzxvgp20tqhcrsq0zokgwtjzrspfru3eglqh9rvr7t0lzhjwo9dnvyiwymr71zpo5qwz4qy96g0vyxh7osb9a6eghynif0c1fjjgpnohe3ve+5a9tudamo15frddeoe3zf84kxkwj3tss4hhtco5m+neb7lhwmfshuba4nh/j66iboslzb0ewhy2ru6r6q4b1q6dckerfdlpyn0qsxr6pld1evsrme2xn/s2edwn7dzdgw05qeqxhh6yeyxh+6cywiq5p4/umu3z7qmxtpp8qwgkhpn+7o0ch0cuybm7neefv49yh7aq4ii+yqyfspijog9kbypykt2klfpmq+nf7ebyf6vns7uakxbtdh8zig+/0jgbpb4szrhfqhm+ff6qrpbflhxpewbjd8hmmerxjcy0tltmdqd5vqqgpvnilobwfhvdvr59bsehzl076y1j0xwwh1ntsvsoryro9p7kznqchxehfsff1ddc6a8fm2s1mn4ywtzgnn5ofafguk6zjfnlrwwm5dzryov76zigj2f2aj9vopnvsr4zgzikyq4odh7olyufbvruh6t6mf8n+phiroqh92atgfi6s0q7xnnzutewh1azk7myyn9lr9zuzzfbsn1franvkgiunpgn3ldsiycb+7kajov4mlae/hoxgauw8pwrhbi/kmuezngtftyugacrjdagsoxhoqcxgiysnta7jplu7civttqm7yaghhy+dhtbddqjyeqakgf6uqvj0mgsvddu20vrv+gvuplfx8ureuz53jikomeh3njdiqzis5wpvz5zc9ekyjv89cv9bgbu72mtui+ahljqprquhsk6zdefublzfuquttiyjk7mbku7e+pbqksttnvmaci8mwrqgrzbtybc/imyeqyjzwrssx971+ziaog1iruyhwlma8ajncrudc72ul6qxrhlujwbvp5d6wsayomn8kevu7fky5pttrghematnhk5srqxviqvzzvghed2shzhlbw60vsv87trzxp2m9zs1j+wjo1wzb1h01u+iby7ne5rgrfk8kor/nnmdkqwmhflo6um5+zuj1030pz83fgjhusqubpckvwkryt103ryom8rh2isq3bnnmfgaxzzlr9ykmakl4sjrpogr6csr3qkiu3ie4zuspuwlb2i35nxgkzz2w2iq3o9kmuxgkmy1nk05kfk22brjq6jddfwy4uq1b8ge5ngh9hcolavprb8at+6nrgoqxx8iqwnorzhxmlrmhskq6zc/ypkrvtupunse/2s1+ulxcu9tu+lry3erosjeiava2lnmxiltcra6qufnjeq7gg9uqhjsskxbu3na2k1v7xowf62ptm2mvmpxa8exbxnb053sil6k/bisxftq8p8/31me3utz+iaifwbp7fxhcaewelyvxnarkcsygocs3m4wpqxyrm3e6oyaea711vcl7hikrwjogpaexs8hc7ljfwfxrnj8zjfr5u3g46wlflxxct15laskwixqtjamm1tzrfjvx8tmwhx1ogsgyqwvmfvx9tqil2tkjeua1e+i530iz0hfbdjzvedukafhxzk/d/zrjympn0ejh3gmxnwj4g9xey0mkq9sawbdv+/7dmqbkft7k7h3qsf071ayhpqoecm2ulijg5pwjeu08cdeyyoz2zyvhco34jbcqc/xh4mx3nnovnh3qd6lw6uru31+uljiecngoyyi1ysynse3isatsf9gxl4sgribqdakanowsintifqkg5dlmh21+mcrketp1v6hwu7we5lncius8muio7hsod0le97qb0wiqotjtfscbp3dbjr12y0ayllyv1ck32tnlru5inlx66vld+b620hfy6jxqsv11qkia02aqj+i5if1deywhw4goravav69vcrzxq5ymi+qtsihnn4btthgdbrsqh0pclcjlddldbupr1h1sl3retpe16tvp9vyzmwehwv+tpsa+ybyusjqliouvmeinhddhlnu2tanlphbymrfdqid2+vjzk4ugcoqvnkzfpeip0ozmgshxsyre+dmwsgdo6wp7zrdmb1djls/5ckshyscp6wrepkfwbnqwicpyxdt+4j/kww86znozs+svdmzeob4wsrvdvgrux5hntngoxd3obiru+q6lqmbj1a4hygatnwvhhuj+e3590epw2gjk+naqn4sqlzl362pynuflri6j2dd2lqki8mzdcgiuavozp+dlyb5tlv50a7nk6b3hx2hjx8vxbjemfeshewc13an/arnjmdqf0crxl1hjfn92vj0sa3kdp45kyjebnlt7p6ltwa0lhdb421ji7zajxdyiuchdr61diaybq9shmais2+0moxjnvd8kxmal+lhhe8a6ry1bz+m4cnezem81o6bfptavdfmf217fxufitcdovzijj0w8x/cc4r7e6nn83mmvijjx3tt3c2z6si53diihkyhuf0897pwtjiakrf9oszj5tpfbwur6yl/eqkt1zjzot2cfctel8ybh9bixjszzy9hayeacrthzarczny34wmwwpoeubf7jtlgdu2arsy6gwllbt+gtvopdn6vnvtmqhqtinpgacepemyr7o18c6jp3tvdcfkqvowpc8lziaxs0jeoo0so+v832lijvxihdha1bonu237pcr/mc7lw573r2bgcrv82sny/qkq+wuzzzscde0g7zsqi9c2yyfkpkgcslo5yqmluhqxkbrkx7o9zr2ih5iundg3yjndifniud8xnnkhelkc+zgaqtp2wzwrclkkl6nzuo5ar8y8jofuqutywamddjbbhz8snrnxra9m9dj4vyptfeswujgcbgi5qq0uwizuxdfi2buca33ykrypc1m+mrizuw9dky8dopbm6p2kv3shxubvbxb2yebcjpoehjbqyg/lwwfnipq9wwwtypqxqjns7dyhxtyqkaqoqwe9itygsmen0wyuv4rbxqtietrsgcewt3juhpxmw5zso25gxtj4l0vo0jnxmztd4u/zbhvsfv6zx9hi7h02u1w/y/m85u/ud1vhcrbqfyiarjb+kpegagakgdfvlihripd52wmffzzjugyrl1jeewbfmpkvrtojuamxzgbzsbkgr9avhbpz/vge7jwxyjgsegi2biv7zfckoejjcavvw+vtvp0+vbs9rzta2kacfkq/7vy3uobijccepxkektedrnzxhhufmatmabaxbsoweq0mz8n8ctkvuzybdb1d6nicejxjienteu1s6b2afsokaqzme3z6k8i1sh+wbqozgjub/liq/w/w5jtrwbtn5qrwq0cf0vjhbsdx8ig9tqqdyi+ax8uiso12heu/8hu9cl2rvlqo6toijomwaxs617yjroimttibvshpj2oyp7lgxcrr6fgona6sbkxlocbbh8ketat9gtfrdw9mnispmglhw4w8e0h+dpvixuzjyjs4oh7n2aeojppykkyb0qjldtmaatcmeva1nileze18hyfgg8aj12k6gd0d2ceefsjorxqqyeyh567r2vzrai8rc/n+qszggt4miorfncuf74j5zgtfjgchmteuhvexza7sd715p5nxynael/mpackwoi9zowpuxguhdsglmbebbstemt3/dwcpplcsqsimrzhultslexqljmj/1ge74mu+9kquqtqoa9lrvm54almxbgyoxovakkyifatqt3askpeoyxtgwxhoe15kcvuousziigjdenslhniaxzweehlv5il5pet00gwm84/awvrsthtvrg1bxgnb70pukwq9fo0ujycsyco4zjtd6vuj+qfomm7/kt+g4b8vnm7bhvst1gfqunxgh7asikurfy0boq1b/nl2w/hqvtmnzt+bi3gy/wmcga110fultr2gn03gwu2jpfvl0l1qiok0mqktmell12zwipkrwfyv2pmw0z+nr63mq4qykzlymqztgn7ijsrklvkdw2rj8x9jigavzdqadf4qbcl+ngukmdyaio12q/5orq3t6p2rgtjj8hw/0suwrruqg6zbnfiervrzq8divp78zavvqztpc3o7ipp6i1y51py8xjzyakpwhaknh8dridtlg2aanbkgpth/c+15m9mlsoqmb2vdb5eheljkugp5xyildmdrrew/ue30rxefe5+pe9xrkl2w939j0s0pehlu4nx7ddmw0j+pte3mx8gjj9arh6jbegr+oczngdo9q1mhndwzga2z9efw+/w7mhtkudr5gsh+tksir+ezyycedfakynul9vme7ata/vl8rrauypxy6frppytjzqplbvacktevt4fm9z7zaery5dglwtuxxqpaviv+8ygegshra9yyuo61frez8qcdgdgcgky5mtttubkuxf7ssg5tyeir3vl0kprotsemos7s5y2exvqa8erns/4uluswdfzjbuwn3z2y+odwuli1rqn6ljppafkcflpf6rxeelwizataqzbm63wchlc0ztikj2retkgq0y7tnzrir4lhdlxv5hx6+wpt5mdb6jbceh3ypvnaoeo7h5vheih9zltla90tpk2w5zqcj6alua6zgbjr4oe3200yi0fwjtm0kms3mfi3k+teskwn1dgbh2kpspuypwe3exaxgxtvg64ujftsvcut9bvg0vpijqeebj0rs3usxj2187zvtpwlxzvdigxxiybq3asbyalpqs32ztch4f+3j0qc0kkyoprh7sg3z2ygnud1r5xet78ywafxzdepx97okcmehlc1suhlmxhdlnl4nfwzzxh52ygbvgjmjxohd9hescquh2i0khpbxrijhlj7zdjnahk2qz1u4npj/wahqgsghu7xy7doz6y3uc95pdgzlagzjljksxipoeqt2jcdpqqbxl41s7zuvth2roghpfn3cc59y9jzckglxt0g63rejho5m+rhd/ppoto/nhvn0ajeq+j0a4a44qzfnfepomp2jvwxaykcxtapou65ywq27jinkw7coiag2cpm0kosnsnrztzt84d/i4qwbx+ep6byyk+37plmre4bci/ymmflfrngw2amxt/amyyryoskcqdkvxhtiks4wl2mtzhbkdt94fkpiqfhi/f1bfbno0cnnhglbdp0cfrx5vu1g7+3mj2qkoxu8llltbscqgotlpaxt/n2axa5bgzhyocn5mkjo3nrbmzapjfypgwuia5+oqe7pvxta7oqor1+pka0hd0w9h9d527/um607uop9phdudtu3msivmnqjwzr+uxil5c+ap5h1oqorgxbu5axxnqwvw/cpxv/n6t18ensfitrf/kbk4frgxxty/ckb//vuvf/v1h7/+/h/8+3/+u7//3/73/+n/+q9f//y/asrkrjxhzvmk6ef/92ffqz+xvn/+urvbkh793t99/fnf/qo3hv/wjz58n2bkj+ufztja7ol+/jo29+nffh2++jd/cel/so5//prd3/nut/tdpvwf2wvf61pa/+ab/+3vv35qkd/e//yzp37vy/896ajh7//h63/6+tv/8euv3/749av/8tdf5v2rf/erf/fr/+q//m/+1a+//uev3/8px//d7xved79cmz+5ozmhf7iy38b4/2llgrwv+wuz+5ov+c2xi8kzwf4/f9hdmcl/zcr88c9xxk9sr/1/5sr82b/+9ddff/3qz//vr3/4xwj8xya5lqm6/1/x4qd/srz/8cxxynzrdz9xv7e7fv/p1uknhm70y38gl/zqx58wxo//pxb44bj1mlm6hcsfggwhafoybx9gelr/y6//e5/9+68/j2//5m8dethulh/71w/f/vx1t3/z/+yc7zqv3csq4mzjimji/fuxn41v/+nxb3xjohzw/zzm/r8a/z0ktmvuzhn0cmvhbqplbmrvymokmje5idagb2jqcjw8ci9bdxrob3igkerhdmlkie1hbmrlbglukqovq3jlyxrvciaotwljcm9zb2z0iev4y2vskqovuhjvzhvjzxigke1hyybpuybyidewljuunibrdwfydhoguergq29udgv4dckkl0nyzwf0aw9urgf0zsaordoymda5mdmxotixntywmlowmccwmccpci9nb2reyxrlicheojiwmdkwmze5mje1njaywjawjzawjykkpj4kzw5kb2jqcjiymcawig9iagpbl0ldq0jhc2vkidm4miawifjdcmvuzg9iagoymjegmcbvymokpdwkl1r5cgugl0zvbnqkl1n1ynr5cgugl1rydwvuexblci9cyxnlrm9udcavskzos0pxizjcq2fsawjyaqovrm9uderlc2nyaxb0b3igmzgzidagugovv2lkdghzidm4ncawifikl0zpcnn0q2hhciazmwovtgfzdenoyxigndkkl1rvvw5py29kzsazodugmcbscj4+cmvuzg9iagoymjigmcbvymokpdwkl0xlbmd0acazodygmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca4nwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzayazodcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdq+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwcdqwv6wabzw5kc3ryzwftcmvuzg9iagoymjmgmcbvymokpdwkl0xlbmd0acazodggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca1nwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzayazodkgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dcbaaaaamog+vnf4qcfughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgxcawmfzqabzw5kc3ryzwftcmvuzg9iagoymjqgmcbvymokpdwkl0xlbmd0acazotagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxodakl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgmzkxidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqo/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbg4dswyyqaawvuzhn0cmvhbqplbmrvymokmji1idagb2jqcjw8ci9mzw5ndgggmzkyidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnjgkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgmzkzidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddopltx+eahvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiaba+/aacv0aaflbmrzdhjlyw0kzw5kb2jqcjiyniawig9iago8paovtgvuz3roidm5ncawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide0oaovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzayazotugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaed/wmduyqaawvuzhn0cmvhbqplbmrvymokmji3idagb2jqcjw8ci9mzw5ndgggmzk2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnzykl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgmzk3idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbq0piebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgddwmjap3aabzw5kc3ryzwftcmvuzg9iagoymjggmcbvymokpdwkl0xlbmd0acazotggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca3mgovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzayazotkgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcj+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgy8bgynqaabzw5kc3ryzwftcmvuzg9iagoymjkgmcbvymokpdwkl0xlbmd0aca0mdagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaynzmkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndaxidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqz/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiaba/faajzdaaflbmrzdhjlyw0kzw5kb2jqcjizmcawig9iago8paovtgvuz3roidqwmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idywci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqwmyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t20pbxeodbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqm/awmhdaabzw5kc3ryzwftcmvuzg9iagoymzegmcbvymokpdwkl0xlbmd0aca0mdqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdekl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnda1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqz/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawym3amdn6eaawvuzhn0cmvhbqplbmrvymokmjmyidagb2jqcjw8ci9mzw5ndgggnda2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtezci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqwnyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t20on4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqp3awm+pqabzw5kc3ryzwftcmvuzg9iagoymzmgmcbvymokpdwkl0xlbmd0aca0mdggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5mgovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0mdkgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcu+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgmzayraabzw5kc3ryzwftcmvuzg9iagoymzqgmcbvymokpdwkl0xlbmd0aca0mtagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxndgkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndexidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qaq0aaadcopdpbq8hesgmgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiaba/8da1geaaflbmrzdhjlyw0kzw5kb2jqcjiznsawig9iago8paovtgvuz3roidqxmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idgyci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqxmyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t20pbxeodbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgw8dywlsoaawvuzhn0cmvhbqplbmrvymokmjm2idagb2jqcjw8ci9mzw5ndgggnde0idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgntckl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnde1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddopltx+eahvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymxamdh2uaawvuzhn0cmvhbqplbmrvymokmjm3idagb2jqcjw8ci9mzw5ndgggnde2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjk3ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqxnyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20jt4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwyoa8mkovaaflbmrzdhjlyw0kzw5kb2jqcjizocawig9iago8paovtgvuz3roidqxocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idyzci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqxosawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20ll4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwyoa6mckzaaflbmrzdhjlyw0kzw5kb2jqcjizosawig9iago8paovtgvuz3roidqymcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idy4ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqymsawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0ieaaaaaw6d5u1/haivqyccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqpvwaaldaabzw5kc3ryzwftcmvuzg9iagoyndagmcbvymokpdwkl0xlbmd0aca0mjigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdckl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndizidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqwfiebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbg4dywou8aawvuzhn0cmvhbqplbmrvymokmjqxidagb2jqcjw8ci9mzw5ndgggndi0idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmti0ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqynsawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t20pbxeodbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbh4gbhetaabzw5kc3ryzwftcmvuzg9iagoyndigmcbvymokpdwkl0xlbmd0aca0mjygmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca3nwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0mjcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dcbaaaaamog+vnf4aifughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgdawqaqabzw5kc3ryzwftcmvuzg9iagoyndmgmcbvymokpdwkl0xlbmd0aca0mjggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcazmdgkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndi5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqlpiebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgpgpdkmkaaflbmrzdhjlyw0kzw5kb2jqcji0ncawig9iago8paovtgvuz3roidqzmcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idkyci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqzmsawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20jt4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwyoazmdksaaflbmrzdhjlyw0kzw5kb2jqcji0nsawig9iago8paovtgvuz3roidqzmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idg3ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqzmyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20nd4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbwndc/raaflbmrzdhjlyw0kzw5kb2jqcji0niawig9iago8paovtgvuz3roidqzncawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idizmaovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0mzugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdjeiqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedfwmdfq4aawvuzhn0cmvhbqplbmrvymokmjq3idagb2jqcjw8ci9mzw5ndgggndm2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmta1ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqznyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20kp4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwcb8yoduaawvuzhn0cmvhbqplbmrvymokmjq4idagb2jqcjw8ci9mzw5ndgggndm4idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjqwci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqzosawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0ieaaaaaw6d5u1/haivqyccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymdaozcemaabzw5kc3ryzwftcmvuzg9iagoyndkgmcbvymokpdwkl0xlbmd0aca0ndagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5mgovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0ndegmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcu+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgmzayraabzw5kc3ryzwftcmvuzg9iagoyntagmcbvymokpdwkl0xlbmd0aca0ndigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5ngovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0ndmgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdb+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagihpwaa04aabzw5kc3ryzwftcmvuzg9iagoyntegmcbvymokpdwkl0xlbmd0aca0ndqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxnjkkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndq1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqo/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwicb48aaxruaawvuzhn0cmvhbqplbmrvymokmjuyidagb2jqcjw8ci9mzw5ndgggndq2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgotukl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndq3idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplth+sfughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdawnhaadrtaaflbmrzdhjlyw0kzw5kb2jqcji1myawig9iago8paovtgvuz3roidq0ocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idewnaovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0ndkgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaednwmdougaawvuzhn0cmvhbqplbmrvymokmju0idagb2jqcjw8ci9mzw5ndgggnduwidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnjekl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnduxidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqo/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbwgrghmqabzw5kc3ryzwftcmvuzg9iagoyntugmcbvymokpdwkl0xlbmd0aca0ntigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxntmkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnduzidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbq0piebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwmd1waburqabzw5kc3ryzwftcmvuzg9iagoyntygmcbvymokpdwkl0xlbmd0aca0ntqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmjmkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndu1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqdviebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwma5meo/aaflbmrzdhjlyw0kzw5kb2jqcji1nyawig9iago8paovtgvuz3roidq1niawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idc0nqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0ntcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dcbaaaaamog+vnf4qcfughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgxcawoazaabzw5kc3ryzwftcmvuzg9iagoyntggmcbvymokpdwkl0xlbmd0aca0ntggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaymjakl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndu5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqdviebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgpghbnksaaflbmrzdhjlyw0kzw5kb2jqcji1osawig9iago8paovtgvuz3roidq2mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idi2oaovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0njegmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdb+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgmzctnaabzw5kc3ryzwftcmvuzg9iagoynjagmcbvymokpdwkl0xlbmd0aca0njigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5mgovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0njmgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcu+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgmzayraabzw5kc3ryzwftcmvuzg9iagoynjegmcbvymokpdwkl0xlbmd0aca0njqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdekl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndy1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqz/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawym3amdn6eaawvuzhn0cmvhbqplbmrvymokmjyyidagb2jqcjw8ci9mzw5ndgggndy2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgotckl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndy3idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaacaop2pfymecgmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbhonw0aawvuzhn0cmvhbqplbmrvymokmjyzidagb2jqcjw8ci9mzw5ndgggndy4idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtexci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridq2osawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t20on4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcagzubat0jaaflbmrzdhjlyw0kzw5kb2jqcji2ncawig9iago8paovtgvuz3roidq3mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idexoqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0nzegmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u/tywyiqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwympcbauglaaflbmrzdhjlyw0kzw5kb2jqcji2nsawig9iago8paovtgvuz3roidq3miawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idc5ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridq3myawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20gf4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymdamtargwabzw5kc3ryzwftcmvuzg9iagoynjygmcbvymokpdwkl0xlbmd0aca0nzqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmzikl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndc1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplth+echvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgpgda0i0aaflbmrzdhjlyw0kzw5kb2jqcji2nyawig9iago8paovtgvuz3roidq3niawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idewnwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0nzcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdb+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgnja67wabzw5kc3ryzwftcmvuzg9iagoynjggmcbvymokpdwkl0xlbmd0aca0nzggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca4mgovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0nzkgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwympa2mc0qaaflbmrzdhjlyw0kzw5kb2jqcji2osawig9iago8paovtgvuz3roidq4mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idkyci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridq4msawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20jt4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwyoazmdksaaflbmrzdhjlyw0kzw5kb2jqcji3mcawig9iago8paovtgvuz3roidq4miawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide2oqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0odmgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcj+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagihjwabdfqabzw5kc3ryzwftcmvuzg9iagoynzegmcbvymokpdwkl0xlbmd0aca0odqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca4maovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0odugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdjeiqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdawovaacwqaaflbmrzdhjlyw0kzw5kb2jqcji3miawig9iago8paovtgvuz3roidq4niawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide0ngovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0odcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagigfgqfqagabzw5kc3ryzwftcmvuzg9iagoynzmgmcbvymokpdwkl0xlbmd0aca0odggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdmkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndg5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqlpiebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymglgnddi7aaflbmrzdhjlyw0kzw5kb2jqcji3ncawig9iago8paovtgvuz3roidq5mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idyzci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridq5msawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20ll4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwyoa6mckzaaflbmrzdhjlyw0kzw5kb2jqcji3nsawig9iago8paovtgvuz3roidq5miawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idexnqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0otmgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdawo3aad9xaaflbmrzdhjlyw0kzw5kb2jqcji3niawig9iago8paovtgvuz3roidq5ncawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idiwmqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0otugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgdmbutqabzw5kc3ryzwftcmvuzg9iagoynzcgmcbvymokpdwkl0xlbmd0aca0otygmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmtakl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndk3idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplt3+aehvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwicbnza8lgabzw5kc3ryzwftcmvuzg9iagoynzggmcbvymokpdwkl0xlbmd0aca0otggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaynzukl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndk5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqlpiebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawzuawoxdwabzw5kc3ryzwftcmvuzg9iagoynzkgmcbvymokpdwkl0xlbmd0aca1mdagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaymjikl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgntaxidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqlpiebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgddwhxh6rgabzw5kc3ryzwftcmvuzg9iagoyodagmcbvymokpdwkl0xlbmd0aca1mdigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca3mzckl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgntazidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qaq0aaadcopdpbq8hesgmgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymnawmlfwaawvuzhn0cmvhbqplbmrvymokmjgxidagb2jqcjw8ci9mzw5ndgggnta0idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnjqkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnta1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplth+sfughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgd2ajqaabzw5kc3ryzwftcmvuzg9iagoyodigmcbvymokpdwkl0xlbmd0aca1mdygmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca4mqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mdcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcu+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagihdwaasnqabzw5kc3ryzwftcmvuzg9iagoyodmgmcbvymokpdwkl0xlbmd0aca1mdggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmtikl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnta5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqdviebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiaba8/aad2waaflbmrzdhjlyw0kzw5kb2jqcji4ncawig9iago8paovtgvuz3roiduxmcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide2naovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mtegmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdq+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwympa+mfpuaaflbmrzdhjlyw0kzw5kb2jqcji4nsawig9iago8paovtgvuz3roiduxmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idewnwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mtmgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdb+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgnja67wabzw5kc3ryzwftcmvuzg9iagoyodygmcbvymokpdwkl0xlbmd0aca1mtqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca1ngovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mtugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdq+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbn4hbh7yaaflbmrzdhjlyw0kzw5kb2jqcji4nyawig9iago8paovtgvuz3roiduxniawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide2oaovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mtcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwyebsyxigaawvuzhn0cmvhbqplbmrvymokmjg4idagb2jqcjw8ci9mzw5ndgggnte4idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjgwci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnriduxosawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t+3sareodbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgpjcaoaabzw5kc3ryzwftcmvuzg9iagoyodkgmcbvymokpdwkl0xlbmd0aca1mjagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxotckl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgntixidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qaq0aaadcopdpbq43iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwmdnwabsgqabzw5kc3ryzwftcmvuzg9iagoyotagmcbvymokpdwkl0xlbmd0aca1mjigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxotykl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgntizidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplt3+aehvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwmabggv0aaflbmrzdhjlyw0kzw5kb2jqcji5msawig9iago8paovtgvuz3roiduyncawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ideymwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mjugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tb2+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdawdkwq78aawvuzhn0cmvhbqplbmrvymokmjkyidagb2jqcjw8ci9mzw5ndgggnti2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmti0ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnriduynyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t20pbxeodbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbh4gbhetaabzw5kc3ryzwftcmvuzg9iagoyotmgmcbvymokpdwkl0xlbmd0aca1mjggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxntmkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnti5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbq0piebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwmd1waburqabzw5kc3ryzwftcmvuzg9iagoyotqgmcbvymokpdwkl0xlbmd0aca1mzagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca2ngovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mzegmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u/tbwaiqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagiefgcraaaflbmrzdhjlyw0kzw5kb2jqcji5nsawig9iago8paovtgvuz3roiduzmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide3mwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mzmgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdq+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbo4gbl9jaaflbmrzdhjlyw0kzw5kb2jqcji5niawig9iago8paovtgvuz3roiduzncawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide4oaovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mzugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdjeiqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbr4hbmemaaflbmrzdhjlyw0kzw5kb2jqcji5nyawig9iago8paovtgvuz3roiduzniawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide2oqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mzcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcj+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagihjwabdfqabzw5kc3ryzwftcmvuzg9iagoyotggmcbvymokpdwkl0xlbmd0aca1mzggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcazotckl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgntm5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplth+sfughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwyob0y2qkaawvuzhn0cmvhbqplbmrvymokmjk5idagb2jqcjw8ci9mzw5ndgggntqwidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmzi1ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridu0msawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20nd4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwcd0wsweaawvuzhn0cmvhbqplbmrvymokmzawidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidu1mtg0mjigmja4njyynya1nte4ndiyidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1ndigmcbscj4+cmvuzg9iagozmdegmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgndm1mjmwocaxnzkzmzg5idqzntizmdggmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu0myawifikpj4kzw5kb2jqcjmwmiawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaxnja1ndy0ide5mze4njigmtywntq2ncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntq0idagugo+pgplbmrvymokmzazidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidu1otq5njagmjc0mjg0idu1otq5njagmzq0mdm2xqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntq1idagugo+pgplbmrvymokmza0idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidexota4ndygmtq1mtc0myaxmtkwodq2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1ndygmcbscj4+cmvuzg9iagozmdugmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgnjaznjy5ncaxotkymjcxidywmzy2otqgmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu0nyawifikpj4kzw5kb2jqcjmwniawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya0mjiynzqwide5odu2nzmgndiymjc0mcaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntq4idagugo+pgplbmrvymokmza3idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidm0mtk0mtggmjaxnzu5niaznde5nde4idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1ndkgmcbscj4+cmvuzg9iagozmdggmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmzcwndq2ocaxotgwnjq1idm3mdq0njggmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu1mcawifikpj4kzw5kb2jqcjmwosawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya2mdg4ntiyidiwnze4mzugnja4oduymiaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntuxidagugo+pgplbmrvymokmzewidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidyzmje3ndqgmja2ntk5oca2mzixnzq0idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1ntigmcbscj4+cmvuzg9iagozmtegmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmzawndgwmcaxntc1ntizidmwmdq4mdagmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu1myawifikpj4kzw5kb2jqcjmxmiawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaymzu2otu4ide0odkymzggmjm1njk1ocaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntu0idagugo+pgplbmrvymokmzezidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidy3mju3myaymdywmtg0idy3mju3myaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntu1idagugo+pgplbmrvymokmze0idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidixmjm3mzygmtmxndq2ocaymtiznzm2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1ntygmcbscj4+cmvuzg9iagozmtugmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgotu3njizide5odgwmzkgotu3njizidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1ntcgmcbscj4+cmvuzg9iagozmtygmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmji1mzmwncaxndczmti1idiyntmzmdqgmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu1ocawifikpj4kzw5kb2jqcjmxnyawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaymdiwmdgyidm1njg4idiwmjawodigmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu1osawifikpj4kzw5kb2jqcjmxocawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya1ntk0otywiduwmzi0mya1ntk0otywidu3mjk5nv0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu2mcawifikpj4kzw5kb2jqcjmxosawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya0mzkzntaunsaymdu0ndeyidqzotm1mc41idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1njegmcbscj4+cmvuzg9iagozmjagmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgndyznzm1ocaymdqwmde1idq2mzczntggmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu2miawifikpj4kzw5kb2jqcjmymsawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaynzcxntc2ide4mzk0njegmjc3mtu3niaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntyzidagugo+pgplbmrvymokmziyidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbiduzmzcwmjygmja0mdqymya1mzm3mdi2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1njqgmcbscj4+cmvuzg9iagozmjmgmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmjk1mjk3miaymtmwodc3idi5nti5nzigmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu2nsawifikpj4kzw5kb2jqcjmyncawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya2mje4mdkwidiwntuzndagnjixoda5mcaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnty2idagugo+pgplbmrvymokmzi1idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbiduyoduxotggmtk5nzyynca1mjg1mtk4idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1njcgmcbscj4+cmvuzg9iagozmjygmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgndq1ntk2miaxnzkxnduwidq0ntu5njigmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu2ocawifikpj4kzw5kb2jqcjmynyawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya1nzuxnjq0idixmja4ndugntc1mty0ncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnty5idagugo+pgplbmrvymokmzi4idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidu5odq4njygmjexmjaymsa1otg0ody2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1nzagmcbscj4+cmvuzg9iagozmjkgmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgota1nzk1ljugmtk3otixmya5mdu3otuunsaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntcxidagugo+pgplbmrvymokmzmwidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbide2ntcyotagmtc3odk0nsaxnju3mjkwidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1nzigmcbscj4+cmvuzg9iagozmzegmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmtm3mji0msaxndy3otkwideznziyndegmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu3myawifikpj4kzw5kb2jqcjmzmiawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya4ntm5njgunsaymtezndk3idg1mzk2oc41idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1nzqgmcbscj4+cmvuzg9iagozmzmgmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgndqwndezniaxotywmtqxidq0mdqxmzygmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu3nsawifikpj4kzw5kb2jqcjmzncawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya1mzg4odu0idiwnja0njcgntm4odg1ncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntc2idagugo+pgplbmrvymokmzm1idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidm1mjmwnzigmjayndq4miazntizmdcyidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1nzcgmcbscj4+cmvuzg9iagozmzygmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmzq3mti0ncaymdexmjgzidm0nzeyndqgmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu3ocawifikpj4kzw5kb2jqcjmznyawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyazodc1mjmgmjaynjq1ocazodc1mjmgmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu3osawifikpj4kzw5kb2jqcjmzocawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaynze5nzuwide5nzkymjggmjcxotc1mcaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntgwidagugo+pgplbmrvymokmzm5idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidyynjk5mtygmja5odm0mya2mjy5ote2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1odegmcbscj4+cmvuzg9iagozndagmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgndkymjqwocaxnzkwnzkzidq5mji0mdggmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu4miawifikpj4kzw5kb2jqcjm0msawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaxndi0mdy4ide2otqxntkgmtqynda2ocaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntgzidagugo+pgplbmrvymokmzqyidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidyymdc0ns41ide5njk5mtkgnjiwnzq1ljugmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu4ncawifikpj4kzw5kb2jqcjm0myawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaymdcxota5idewotu1nzcgmja3mtkwosaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntg1idagugo+pgplbmrvymokmzq0idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidqxnza5mtigmtk5nzy4nca0mtcwoteyidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1odygmcbscj4+cmvuzg9iagozndugmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgntu3mdi0ocaxoti5mdmzidu1nzayndggmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu4nyawifikpj4kzw5kb2jqcjm0niawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaznzu2mjk0ide5njyymtkgmzc1nji5ncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntg4idagugo+pgplbmrvymokmzq3idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidewodcxotegmjezndywmcaxmdg3mtkxidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1odkgmcbscj4+cmvuzg9iagozndggmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgndu4ntuzmcaxnza5njk3idq1odu1mzagmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu5mcawifikpj4kzw5kb2jqcjm0osawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyazmjg5oduwidiwmjq4odygmzi4otg1mcaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntkxidagugo+pgplbmrvymokmzuwidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidm5odk1mtggmja5ote1ocazotg5nte4idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1otigmcbscj4+cmvuzg9iagozntegmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgntyymja3niaxoti5mdmzidu2mjiwnzygmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu5myawifikpj4kzw5kb2jqcjm1miawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya0ode4nzu0ide2mduxmjqgndgxodc1ncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntk0idagugo+pgplbmrvymokmzuzidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidq2odkxodygmtk0mzgzmca0njg5mtg2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1otugmcbscj4+cmvuzg9iagozntqgmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmzizodaymiaxota0mze4idmymzgwmjigmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu5niawifikpj4kzw5kb2jqcjm1nsawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya1odu1mjk4idixmdqxnzkgntg1nti5ocaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntk3idagugo+pgplbmrvymokmzu2idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbiduxmdm4mdqgmtczmzk3mia1mtazoda0idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1otggmcbscj4+cmvuzg9iagozntcgmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmzy1mjy0mcaxnza1nti0idm2nti2ndagmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu5osawifikpj4kzw5kb2jqcjm1ocawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya3mjq0mdaunsaymdi1mjcyidcyndqwmc41idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mdagmcbscj4+cmvuzg9iagozntkgmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmtezotaxocaxodqwodi4idexmzkwmtggmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidywmsawifikpj4kzw5kb2jqcjm2mcawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyayodiznda0ide4ntkxotigmjgymzqwncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnjayidagugo+pgplbmrvymokmzyxidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbide1ntm2mzygmtg1ntk1nsaxntuznjm2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mdmgmcbscj4+cmvuzg9iagoznjigmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmtc4njg1osaxotuzodg0ide3ody4ntkgmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidywncawifikpj4kzw5kb2jqcjm2myawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyazodg1odyzidixmji0nzygmzg4ntg2myaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnja1idagugo+pgplbmrvymokmzy0idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidi1mzgzntqgmtyzndk4mcayntm4mzu0idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mdygmcbscj4+cmvuzg9iagoznjugmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmza1njyyniaxmzy4mzm2idmwnty2mjygmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidywnyawifikpj4kzw5kb2jqcjm2niawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyayndg2nti3idu5mdk1idi0ody1mjcgmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidywocawifikpj4kzw5kb2jqcjm2nyawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya1ntk0otywidczmjiwmia1ntk0otywidgwmtk1nf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidywosawifikpj4kzw5kb2jqcjm2ocawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaxodkwnte0ide4mduwndcgmtg5mduxncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnjewidagugo+pgplbmrvymokmzy5idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbide4mzg2odygmtc1oduznsaxodm4njg2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mtegmcbscj4+cmvuzg9iagoznzagmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgnta1mtk3niaxodu0ntiziduwnte5nzygmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidyxmiawifikpj4kzw5kb2jqcjm3msawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyazmtg2mtk1idiwnzm3mtcgmze4nje5nsaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnjezidagugo+pgplbmrvymokmzcyidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidq5mte3ny41ide5njmwodygndkxmtc3ljugmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidyxncawifikpj4kzw5kb2jqcjm3myawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya1odazndcyidixmtq4mdmgntgwmzq3miaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnje1idagugo+pgplbmrvymokmzc0idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidizmduxmzigmtqwmdgxmcaymza1mtmyidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mtygmcbscj4+cmvuzg9iagoznzugmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmzkznzy5mcaymdeznti4idm5mzc2otagmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidyxnyawifikpj4kzw5kb2jqcjm3niawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya0odcwntgwide5mjkynjmgndg3mdu4mcaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnje4idagugo+pgplbmrvymokmzc3idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidi1otaxodigmtc5mda4nyayntkwmtgyidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mtkgmcbscj4+cmvuzg9iagoznzggmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgnte1ntyzmcaxnji4mzc4iduxntu2mzagmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidyymcawifikpj4kzw5kb2jqcjm3osawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya0mte5mdg2idixmza0otygndexota4niaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnjixidagugo+pgplbmrvymokmzgwidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidezmja0mtqgmjaynjawnsaxmziwnde0idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mjigmcbscj4+cmvuzg9iagozodegmcbvymokmzg2ntgzcmvuzg9iagozodigmcbvymokpdwkl0xlbmd0aca2mjmgmcbsci9oidmkl0fsdgvybmf0zsavrgv2awnlukdcci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4aywutuguyrjh/7onbleg0zcixddbjfqmc1ic0/uru7zl1uwjyp19d50cz6ez3s1fiotomhwmllzeh4ho4afdpzpebjl1iacjrrafxik2/zutu2nuvjazv3me//t8vcmavy9sjmnfngdkzrvj3ph2enrm2/wavahgffwpw3m6eokbn6mvz/vr9s0uavlqllhw+zz8q3azefa0kndkaz4setzg45iv5j08nwckgxopnnkhn7hdyu7ylflwbijhq5wwngfutvotmxyxcsi7yc1fiytjpidrdtq0ye+lpe0zu9sw38g3oqvaupl9qnseynolim3max7ca3bxvwz1ncdoewdxumx2penpr9n1ysscavbdkdeya/pqkn2vazbfah5el5v+3c6vft5hdtbx1dikbthxsjdljrdug+xm/oqa/yudnnxvc7daoy5safqvadc/avsfatsfa4lqykgvkctsn7jy4ilnantmngnxze7ktwzdp6j18gif1mcbtq1ayri03+vprvcewxtpjkxzbc7zx9t4jwp7ejbp9he5jlzu36zmpvndncwa2nantojqjjeq72fmnj5ypa/3gbdnogdlgjnvgwo4csq24jwxqynu2opxk2tgv1qnh5pzkdznfqdltn9+lnuiqa6lptmz65eaxdzbpjmxxdosrfgze53x3/zglsrl3n3u3hus/5tnbzfngiufarm27zy0jnglgbrhweuogxpmkkxapv/qasld5f+vfhllxryvvvjhnhv/z3kuufvgp4vyhhmn5qia/k7/oi/rc/pd/fn8bag+4plzz5rgq2tfgvdmltxiuegnmr6skyhvsnooei1kaz3ifftklfwn4eoy9nxt2apjhojqfdxupqhlasq448muzfdfssu34edby/av6vh7fpzjtsxxsrp4zin6fdzcdwv/s6tg0rkr8osnkc48a6huvq+qfwql2gpnpaa2q21qf9+oqgplhcoclyklrntl9sn2ygoa3spjv2al4n/cl4b/pv5hc9c0npkptbi5jgkj3xhcnnchlp/dx7mddd5lbmrzdhjlyw0kzw5kb2jqcjm4myawig9iago8paovvhlwzsavrm9uderlc2nyaxb0b3ikl0fzy2vudca5ntikl0nhcehlawdodca4ndykl0rlc2nlbnqglti2oqovrmxhz3mgnaovrm9udejcb3ggwyawic0xotqgntuxidy0of0kl0zvbnroyw1lic9krk5lslcjmkjdywxpynjpci9jdgfsawnbbmdszsawci9tdgvtviawci9nyxhxawr0acaxmjg4ci9ysgvpz2h0idyznqovrm9udezpbguyidyyncawifikpj4kzw5kb2jqcjm4ncawig9iagpbiduwnyaymjygnta3iduwnya1mdcgndg3idm0osa0nzkgndizidiyosa1mjugndcxidq1osa0ntkgnte5idu2nya1mdddcmvuzg9iagozodugmcbvymokpdwkl0xlbmd0aca2mjugmcbsci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4av2qwwrdmbbe7/qkpaahikdnyygpar+sljr9aeuag0g8emv54l+vpjquetbbs3ozs9lh/r1nn0h/sradeo2enwajq1jqdznndxgl5236vvxnziyqnefhwxlmnsdabaui9fdgliqb7d5cuoglab/iij4n2n0fh6oma4x3zobejeo6chiz3dnei5lbuql73uw5t9s+u38vrlse5uazodwq2ecwrgmhhieotmm69ntqfnj9gxwlnh8m2vukh9t1an7x9yznd8qqi089p/+6y8dlbmrzdhjlyw0kzw5kb2jqcjm4niawig9iago3nwplbmrvymokmzg3idagb2jqcjw8ci9mzw5ndgggnji2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgodckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl2tbokaux90n5x5lqq0qttettfk2aw4ppmvesu37f5y9m7hecfjf7j7+xwgmvxkph+e5/xmk/vf6sda+x1qdm5pgkzj5usm85d8dbgf6hksa8akmwlapj9ybmcdcoagihwes5r9mwmeakhrf0sa4kdbnnchzb+7swnimy3e8ionyhqbifb+lyzocowiwf0rzpgfjkijwle1fwjigbr6fcgy0w4tyvfhjcvbcvakyydgyb2clrzqrovhbiqpjzuiltdov0rwkgpv4lopa/f6ccjmml8csmpnjwxmqlc2ywiim8qzev4o7i9ocfesagatgl8qvsrlulfgzhxio9iypiycz4txuxobtsrxwanxukny+o8fpbvh+jxrauessoqxz9m39vt0btx/vb20rfafikprtaob1ehgal+ngrnjtad92hvd3d7txc53v4zip0cdlxacg5ywkhwjszjdrrudn8aia9b5btzjljqmctalc7okmelvifg6bhwc4ehup30ydp9o8uupfxcb4lw5pfbutw7y7f3oetaaz2xty+vx0f3d9qsmi+6zbq4cpvlt0rf1rdyfj2qdo9jbstqrfs10rwqqlxonlip4r1r96l5p3+wixfx+/9b5qdlzhqfhdvqphzuv0y7fclj4mrw7goumnxk1yo9pf4p1ovbqxh83my8/p5xw6ouhoq4x9qxo4kafmfnnap8zs+fhoe+a0z/qntrc0cq6vtudvvupqqlu127hqz+e4arerrsjdflx7oe9agfnaoi4xyhucbx/h4ennnga/c5xbwl6mc/jinnelodkhnf7cdxr1rrpzqh/n9mckbvnicgj7smppr4aqm8quvtnepslc9cbydhtge/stb0brg/p84rb5p4enlncdofh36a9/l4l8e8jliuo7a8bxo3jo77hi3c4gnta4tcgdtxardhjfbb4uakihbqspre2p9wtf9fx4ge/1bvfe+bev/warrfejzw5kc3ryzwftcmvuzg9iagozodggmcbvymokntkkzw5kb2jqcjm4osawig9iago8paovtgvuz3roidyynyawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idu3ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zbxdupydibpbdbuugfjyza2zxttgohqe4dact7/vuz7c8gcapnrmtw6ocx/etqstn5+/frp2f939upb/rav2c6ozzzqcwx6zvbl9mjhdapobfp5fognvr28wipvpi4mrm9hep6zeqq4gqmkdodwpr0+wk9sfe0zdeptfex6cxb48amoaw/afm0eoi5hxgvyhqb8xjm/dq840ctncoiylgvfuesgjpics5oiv8sg0v6czakcpkiahghtw1pilvjaix5swbqoq7phxhojzcjumvfddqob2u/zqvpx2ebu/fraklwolbszuxw+n8ukk2zukwwwukshlquf54oaebfzpxk1wqtwngiuhy+qqz4hifxvmegjxwvbxva0bhcqdbfvbrebjvo5b1urkijd3+bqfj/nywezxag02t3+ydjod1qncj4v04io++vi4nrjrlaiiwz59a0/ms5ms8mo1647mbgu88wdngjf1ugvaq3+el5crvel2ajxroat0zaayd9f9/ogds2wlr2+jwar7w6/2yxnw7d6mw2oans+66wuudbuqaqbgcfttpbb/eh9snssxp1gyy5pigudvwosxmloclvzcrm/w+3ej6fjybuc9lwny2piacr/hq8cxmkn5uv98frxet+tz/1mowogpse4hs8hfhm4fxx+hpcyz1o/4dx2clf9//j8/xk6boadvuv/nkc5ibqsvearkp9ygdymlxy36xndcvf7s0txv9me6qr2ukswylam3oxn0cwc0cxmuq5jw8yg63q/mzcrmmk7je54sdntd/vdej7qvjbsmfxrrkj5v2ppyr09nc43m+1mvzgm2rvcygg9mhepj2sfudszr7rd0xsxwc7mk2hxreqseqwtgrvbbdjdk7qvkdvb3cf4pbmpbp1mrwhbyzn7drxr4odca0yy59sbb91ur9tpu7vsnmmoudcem8uboaf3w9hnvk5uqtdc132tvurzlbmgnya26i0oi4ae6xekmmlmvug4zaduynljuw9jl1yutire1xtlb0o6ysxttp2x7vtcmocgg+idedkd6b1dbthjlc8pmh41tlcyaqtykxiwul1kf3cqjt8faidjivudu1vflgsoafqzhodwsbwvibkykap8gaw1eucjbea/zulesgfklmgzsnozvjonpgqu6gxpjkgkceihrpj+dkog3tpotoghqirbgglkwiqf6jdiwqe8zsknjbskfyx+hvusepbafwa+/he8gc8frcfudaf64euk/oh6fz76g7c5opnlbmrzdhjlyw0kzw5kb2jqcjm5mcawig9iagoxmzqkzw5kb2jqcjm5msawig9iago8paovtgvuz3roidyyocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide4maovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2zaxoqshcgk6jsi4iciklivu9btdqa1xg1mvz/33j7bjmlhpn777dtdeb9gcw83trdmdm1z93d36r7k/3ub9f64oj097sidbkzpsfhihtyvobj9ni8ib8i/ulcw8nnp5yevockkpokioigcljhr27i7knohuu4hsrxlmvqfasgg1zwg91gbq8gsjkwjao8bwhgv86pkvh6aiytjx9adyzaqtwgyclpmo7/ij0qxuexvksoid2imehgwasgzig74qe3l2lahqqbvjxpp1k2nbcihqb6ry72oxlo0upknafuscyzzualoeiuk4qbuiol7fu5uhkkffxbw7kzxuqt0ww269vyizmwtyb0sv8rv5s8oedtuxkj1e0pbonep1krpuorkf9gcdwxdoaxg5fettzodp7gongw364vuje9iei1571h2slg8gtru1jvdeft2xw+f315hrtk2bgrhgqu7b4pxypk2mpuwopxdlfar9er2espw8snzzam9vpe3n9dg1kpymsztc5wuli/b7fbzxi2hjskqajm5y9biew0k6mrrl7ee56t3nf7/x73tpgmw6v0tpfzzro6ncd2duzjqqm/xqy3h4fdyb9zvt61yxlld1tzayfgjavnwctyszscj8ep7xr23klkrlby6us13bsl2l4/fn5+hrc9mo3/zg89tlbvh59fx1/h3dt81cv2l83jqwgk6czf0og8wkqz5gsinwczuskysszkmlgs1rksgcl0qkyd8hkq6ycmbgq6inmb2ufb+2jktudwboqligscmhl8hzxbcunu1//r/rsda1w7hghf70didjbevdns4b1qa2ih+m12gmhevtefzv0yszwo2+u0kilbiao4h5hi1bvpr8vndrfbbdfzl8dmkrw7iukawgtc8wy1/tizrtagt8v01g8u7kgm879bgea8oqlh0qvg73kyw4iw0/gwu80lihjxxdibhwifzgs+2gj+navnrsneo5s2dpuwqplrvkqceirw2r3hj9cw32lwckltuxd9omd3idd5ku5undozkvtrru632203a+w8hqsh5vnjzmkwud7awaoetarzxxivvckvsrzlhbsrdz70l/3udme+gtiaqptwmpxjiqxtrbtceirhtbiab/2ihxgfzymyggphore4yiqzhh4e9zw3w3bmbtlbboyo6wgqrouaigj1dfdwvxb8tdtlc5lsvwigrfhliibhgjhqy1pqnyiuygtkc4kijpdamx1ieu12/riwmgylxiax4vwu+6iu/naiscinmomlkddw/zb2qj0oainkxiurgazwi1l/ntvp5ikci2d8qcdum92ksopsgm//cpgf1h+y/igx/ggl03eszw5kc3ryzwftcmvuzg9iagozotigmcbvymoknjykzw5kb2jqcjm5myawig9iago8paovtgvuz3roidyyosawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idy4ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zbzvujaeiydiwtfjallahehigycbbrexbgiiwk+/7nmdqcjjggqy/h4x0ctffwnuw5dfx0c/ct9wwnnqvakt9gag5hddefh4qhwctaiuhsef/aaryqeybpaahqdow8icuexmjakrve0cl5icfog+pkjjusibenrdmtxpijjwiagcjffxfhycbgjajyxrek+asmykpastcwisaqosm5/0qwnynfvsyrbcu2nyylpib6dd41huamxiuglujbsjwzwnlpzjj7s4plaumg/azwggvasupnlw0wqvcizrlkreyykohu4m5zmrcvp5kxsuvqr12vvssnkzvkkxnhkznqmk4xwldbyxuq92wqdwhf1yuljjnekmbte/wrzgecjipwu9lfvadixvt6od2u3qsvjxzvyoraxg6h5nebzsmbkz87bvzubaxrc9tqncigtkhmeh3qlwxwhhxjstkqt7u390wvoybnt2rwimyoldn68txlurkzqusen552+8zr8g43ehs9o/7jryquvgq3guezrtz+cna/uhl/hk+l0mh4+3nwb5byuiiyjzrqensbzudvpyhfdwfpb9am0ht0peq1k3gacl8ahs6qer7su719g77p5fpy+frm/tqsfq5w4ufwzcoa7r+op+wix/5i8on3am9p2vgr3hzz84azds3bhw8ls8fm5me2hvzi61iqrqd1rix8r4/+//4tk7he99rl8waun7uq2qw2ni1++6ohgmzvtahx7tavl0yu5tw8e+mftgw68aqnozpa6x8pgdsbtswpobweowa+zjd3udnq2azbjulobbo+tliotra7abmuhymvcjvinmuqmr9uwcci2rmjhnozsi9somdyydsdkib3loxfc+hohjbgh8ejg83iwecd3gfbwesr/c/xx80magq7qbiwnkzsr4elqzwpeau3/+6mbyu9gri2g+jgx0bfcb30fpitw08mdr/7vb38bpefgwgvuzhn0cmvhbqplbmrvymokmzk0idagb2jqcjexnaplbmrvymokmzk1idagb2jqcjw8ci9mzw5ndgggnjmwidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtq4ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zldw6jafiddtrqequyfpbrkxawk08lcldnny2+t/v9f2tnjkirsdbexu8/mhqi853hm5goed0kh/6n92lbpuruln9+cqwjy093ief8afarqpdzc4tdzwj4+7bnayawydbpbdby4iats8jggmileoyzlchwhn9fohmebu/kjjweuxgucei/hbyhnyywj2ovx7jadscbkcvlgcmlyqhifciafan5tzpowxarkkaqqazqqpfmoifkcd49xyc1ikk3qb9mcyri57l6uppekap8xps4lwvfsutgzzr5qtepwsxbkznufstwxwevsqyh9zniyijr9i2+dnfvs266clq28osuygful3wqajpmlibrufmqvav3yyrm6rfur5uiuk0oilkr3deykh+ranl+2a43mteu2ddn0avbxuvzfiq7gg+oo8ljkn0uveqpv7jx0hzp3n436mwvmutj7nevqybiwumtb/qtqtdq9/ubp0o/et5xq+wg/nebzz9gahmbyukzkimf1zrv3nbynr8nbt92snrayiiywtnj1t2e8wsaralj2vaszgi2ns+l42o+0livfnipwxz/ixbxpzum8cdt9nszmi/ls/ns9dwzl0jaafd3bxarmhlev73rd6xz5spxpnnt3jfososxj/njmepd242i2ehl9wuyhj23azuwwxr5o3vc3ep/+unr8kt6el1/fxpezecxjrccjycwhgug6mq4nadwedgto3uqvavpipu8c+l6lrwm6ucjtzjonohmcehhqoqf9eta5ax0d/i05wdd1zrdk0bdulft0lralt0sxw6nnqknn/qjrvifp9ph3bxjxjqxoixjbwyir286tvvy11zd5x335uy46jroso4a/haxd6vgv5xv1inbuayjkfbtfc8sufsh2ad9qy22jjq90lugb4/rym7uktbospul6x+xtp7bxnst/u1ahnw5ghyq6fyduv/xa14otx74+wnev8mo//7xfamkvlxpgpwg11hc81adkgtoaxxa3cmqto3e35lt3yxfyhnhr3hp/+t5v9zs5rwvuzhn0cmvhbqplbmrvymokmzk2idagb2jqcjcwcmvuzg9iagozotcgmcbvymokpdwkl0xlbmd0aca2mzegmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca3ngovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2waxvhubigzzb9iujijx2pekvlvdtaumvr//9b5j0nvugim/nt5vj+ahml9zk558v5bpfrp6oflvpmwxby69jxccz+hhw+zt8ahghqhvlgqldwa42wgybpiamcim0ici8hjbdjee0glqromsff0xrfemjaoy8wajrfmyzh8wiqnudybg8a/mq5eg6syjhb9eqsh5xk84o8s1pwglpepgmwfyu5qkghvkos8ptejrhhayevsijpvkkrmjzafy9fqkg/lwf+dhryjkeyve9wo1oqk8sxcov8lpomhxw/yngkx21dpe4ksxoirmas2ukprfer1uq5lm9oeuuswhp6r+0c7vaqjcap0wsupncad81m86fxvy5mthday8p01mzingjfoaxls9vg68nodruddrouf9mxmj6htnbyos35gtfuub9/nprd0wg06bmtejmxcmsiraz9tvveozysdc8p8extvdudjcft6fr11o80q8vujodl6kpe4dyygl9n5cv3nf54ol8sfrpj+lldl2viio8/x2gncihzqda7w8l8tv6vl7pxqadrzsyvcfzq7tyanwqfozwq3j0+j9+w75vnzr2ydo2hsk5tjz6xwcvaohvta/dezqvndrt9x76nnpt6xlp9gj0esqpef52vt7vdbroajrgecdnjpfrtypkfv/ra1ck3+oj99/hxsv3pr7j5qyqbsbo38toz648pvu/xzlx/tx/9jfj9y+mpdr2zi7v74uj9swpbggfl1wofcdb3jgnihzzpkgygzpprc7vmedaqfgau1vogrbnuxsg7bgxj0egnoqa9jmnqqmqjga7ty9gwdbtdlc8ytkntfcjfvo5wyn/xl4q8jm1qikipelquv25vkeiezxxc5bikshiebvu27saogh/qj9cfbp2ji/vr4rgwgpcwllldgjkb4kaofjargclxqhoeurjs5wrpmxwven1y3srqn8fb3rcoxjc0iihhgechk7tiyufs0hpgalx3zkvaizapxmcxwrbbz6nf/jezx1zmk0evsbs88ibv+3uf/uphx38od+2vllq98k/e/qu8nxb/zw5kc3ryzwftcmvuzg9iagozotggmcbvymoknjgkzw5kb2jqcjm5osawig9iago8paovtgvuz3roidyzmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idcyci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zzpv+jkeia9wxayqpsnbgiybnaekcwoiisoycklov//r9yqdkqqmppxnjvh+gbj+ulkdr146z07+7vihzf+fkgd6p06vcmlfuzjd2/bnsad3ob7fozzbgohasfgmpqrcb0i0a1hvesdgo5egdcikxaofptlkq4egwwilmfxgbzhrhnyaruo6nhpcmnygijf4hgxsrq4lom4/ee5emhgkbllbcl+lquqpmmqkp/hjyglao/1e3lmjrqyl7vempxozdlpvdkhyxgrbx7locch8dddiurjpiylfkfylbbyf0yqorkjy8jy/h6n5wxfwcgujdo5yvnssm3buioxc5mkqgtwtf+5axfizsfkrczftmrxzva71wzurhi+k1bipkt3ngdwqcuqec2vk9nx7zu7bq97d9o+tku5leaekftj6av7ufase0brantu+sprw2jyv+s0lnniytkumo/qkc5wmevnrlxzuoohp+l0+jqedj1ajzdsyhxz0bsspctwctvdugrc9set2wk5me3h/dugvuircz6b1u9butsp0tjfu9udtwbl1xq1ne9g3zzdndsyo6ungdgpt3tdrlbvx8+l1wa7ws2fx/ftmmnohiezfs0ojdgnus3pp85enq9vr5vv7lhv1etznbbmgd9pzeu1zubpvtq+vb9t1/onqqfwxdl20hcv128o8jvr8sxv8efksx59//x+ullmht84/nyjavqdgvndmvm/se/o/fed+vscp/5xfytjtbkglhuozal1rvfxgvf0hbc95xq73a5fqpscmgkq5id6do9kam80mb+apl4sjqneq3pcuvecprhp5ydy8+fxaau74yfygza7dip1pzcct6bp08njsoful/3hauxvhdzz02p2uoprw/hhnoh2mlyp6zds6cgtizbol6sn57bbu4dz5jsq5xxaj+lrkeocdkqjulhrjzbjok1m3a4ujn2gpjx8dmazilgtrt6sxnnvwtw2kmbe+kks8esypjtddxkochlw6wyuyjol0yzmsukkdnmsxtvkaxctbc8rruchyrggeghdizkvhcd01hleikxomq7rmqbijczsg/lvcdd0ylm8dt+eeop/ebbtzbenom0fhg3grqqm6q5omcuxp24mnfsug2hqu6hx89ihj1fmetcr1begmcaenjag2b0oylwdyccrrbojqt+nz2dueoerugmf9mkh5l2jy4cf3mw/aw/tt/z/ffyvg3h2xgvuzhn0cmvhbqplbmrvymokndawidagb2jqcje5mgplbmrvymokndaxidagb2jqcjw8ci9mzw5ndgggnjmzidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjczci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zrzvujaeiz1jptgccsesirvzfhkuxrqbbrebehf/1mmog0jerjpxm6c+i8qw19jpeh012m+k5p/skc7+ua2dpy/3x4n8rw/fpiohq6aj8b6bgpqwts4qcl2a8hrmaccdmowvawtcjciq35qbivh8wivz3msqwl2/rs3xwuijctusiqkxgd4/elqn8slkqig9zanpaipmgtabb76wx4wyhlr1nqjykajtm1hltmccqos8x9nz+nwgozpo4lkynxdvdiesyihtrzy5uvpwc5wghimw04ync2fgwr5rjuimsfv4lly+s/sseaqiqqzvtznfuuvaq1wq5yvctluznqvgfoy/x1ammdyudfnx82xqvxwfajdvkwus0k7rem8l43fzkla2e7lsrxw9w2v3+/3bq4alwimbumqve9mydlzxg6atqzybd30b8praprw372ul/mp21bfso9kf3p6dsykim4lcj8bnf7dedkdtp/g9912rzh2ippik9/elngdrkcgoqlcpdudpe5f5vp5bdk66zrk2bipszyvlmtocaphu+e1q/5w8rjylpevs8eh22y5lzcdh+yiastsxcvo3fj59w21wi3nk2gvxcknrabms7obdcdq4vj6on5z/zhbrnbr9dvrdns/qhasujrddicd9shty3l9/v6+wjypit0vpw4vnw4fjlv77phuunb+rx3+9v7x8bfeov3egwtwntkzr5bymz1hgx4praw+ttgicerfmqdxvvwoslkiltp2bngt4cdangbnauwjcdnangb7atx1w2003evfvvtcud/bqycdaacb/rqgp4nit4a9aq4cxa5wjsdlajcdxg0igyu9afyeoaiwj9ibcbye4/o3e6l/xufu0ze9p9cxb9jolmu7n9grmcgivflslxx9xswwqi4ojpojglfslvv2mj6+ggat4v2nvufsfqqxnb0gwuq91q97ql2cnkaueo2f1t3qltk1esddrdy7vfsh6jopvqic62nqct0squy0ccrue4hdupem7rg75kfin7dlgs8ql8028mctrq18laf+ewa82thxc+elchvu+xlrycrjkx3agerpscxy0acw2c3mc0s5jbu3pzbzq6vpzekrqtzdiyowikrj8uqklew4thxwgaxmfwwkx9sgw1z1i2xauzblryddvgihvyefe94cegjokgrvo5i3dps3iov8icobxghb0xnawoehpxc5lekchc53ar69a+qhag6lqbna/rihtsyzucaoaa8g/hh+3fndwcdetzj7o3q9jaxn9y4bnq28i9t89/96h/tf9k3+iztu/wf/+n+/ansumphlbmrzdhjlyw0kzw5kb2jqcjqwmiawig9iago2maplbmrvymokndazidagb2jqcjw8ci9mzw5ndgggnjm0idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnjakl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtltd22kaqhklqrr0eici6almnfrzpnhbgqojg93+wzk4owgjbn7lituycdkrvr6pdnf9fj+dfih+o+ok7hotx8uoqtpw8c3zldqb6aqgxgscbruag3hbhmyxikqtsiemsigaeyvnxge0tjextdmpiybiaokgc3ndjqyfebdm+jumfhdzny2gezz+nt2maeugsft8orryfzsdqjm7v5fepxpjmouhyq8gwpkuimhykbhrj4biu/7wcnjxiovfrw5gynkhcjpryjbsqrcipeud6wamkatoyiacyocmofawjl07gnfurfdsu45wcnjxmbad1jfesv2v1eq1alubtuqbk/mf0uhkgkwkanilu6k2zdx/fmpu1kpgoh/0x6xetlk+eymmj0mi1u71+v9d9ng/lriqqshxdes5qypejyif6nt1xatx3ngbwcggn+u1w/sarhxsepqhyq+o3oiwifziatrlvs/m0hi0nk/hi6j82k0zs8wuaw8c6czlmpgasfxp70lfeprp5fdydvxrb9wiqehb9brgcimdlzfbgdtpfrlbl+wt49nc4yurv0z7ks+wml4f0xpmu+/i2w643m/xy1+i53sxly6ri4zn/gcuav8yenz6vntvtzjv7g3tuytlyuhlhw4k84mpjyr3d7bbr+fgf8fz8e7za6r9od/je6pqvr/hlzvf+vtss/ume1kgmr8c844n8oznzwtwvlgntmw9vgitbdlrpzudysigz5bvo9zywzclbai9g+xnay7fclj5td8juvuk++wyzr/mjl80hrs2q0srubws0hrbbo+/a2iacricf4xylh2uh4tbbooiuwoekestscmtjfoz0idopzr2ud5ulvav2oleu7uwvcrk9cwk+skqsrvr0vliu1caqpuiubziqxuiqb4kkiqvbiyftubwbkc+meydy8owiehdutqvedr3tib7vwa4evzta1wozuqlbelinpovtsznqj4keeclpsqp8txblbxuziktgzaylnz14mmf9hi+dkrencm+sr8wzl442dnzq+zd80rqyt6snqzlgcrbj713ennk3z0zvap5whmbnchscuh6e2a9ai06bujgt0i78+gs/pv89prxycakvah/p7d+zolhzzw5kc3ryzwftcmvuzg9iago0mdqgmcbvymokodykzw5kb2jqcjqwnsawig9iago8paovtgvuz3roidyznsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idewmqovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2xa1uiubdh3v25egqhfauiskmtndpc3chntutt87lf/6vsznmnvpbkebk9zaubw2/mzbkpmp9q6dvzj6v9tawl+xh2uqtffq4ahdntglca/quwrsmtumbhhq4urpljob4njuhdhbz4pahmeeeqrqlnfawb59bhoz7mqwfjjhasrsoricxrh20ey4d5qzkjosy0huztymquganmapxaoptmbikomt2enfjghpgi6zelsoshpmwjmlh1rmo8smywy+vinbk6sodfda+pclxe1iokatmzm9fnuw721lhmpk5grb7twwzdq8kjsqind+1m7rxyll+wsxcfn2mdr8j/wn84aa7rliiwmo1sovsp3xied12tlpjzox2peqy/ukykc7jykliyhxkt/tv37/27hlct5towoueltrxsfynqwnrypdqt32y3o+3h5l29wnsddpw9m/fssyycsgljo8z5lec/dvv9536v0/k9suh0maglxasnlamu1yzjs2kt0eo+d4evw0g/02xul7jweplnwiv/fok8fnvttlu+8dv94wg8gy8gvce769lzsahhwjdxoaqnndxl/b77mnqbtqet1+eo75vdo6urwoswrhyknxzl9ufpmj7o5ro30uv3vn6zs1o0ndtw8wtwzm84mc0x8+l48pqaujp+hc9cnvr9d7zxvk3kv8rf3+alp4vzzbjgdbpa/jvpacgdyqy8cedxccotpe3bjgheqcgbipiufpvpwf7delmvxttpsfwrbf0qx9qdm3bybp07iakwdccqpvae7ktsqiem3qq4oypdhbi/5spwdioscra9cjze31sn42pxgn21nuuzldwoopgap1gxovku9bap9pb6zza0prjcr9/436/+ajzzpfblbmrzdhjlyw0kzw5kb2jqcjqwniawig9iago5mwplbmrvymoknda3idagb2jqcjw8ci9mzw5ndgggnjm2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtezci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zjzeqjkfixteqrbzlaquqnoq5w1go0rh2hitez6/z+ldxxpifpout3ny104wf/btvfqrxv19f/rr0p9eggh6ne7sypw6wukebz+iq+eg4foyjl4foy6vkbht3kpjgisdifdfaiesjigvahhpkjdaicpohjhscirmgqtbhzcsx2pjsn0hi1yhi/franmheydtnhcm6qilmelkqyoiewwrb4gub7vb+cvheulryvrrgjk6hfnexkweny/j0c4gy5ebvnttsudsugztgxqmgr8gldzibnhmuxlwcjlz/ofyqluloqd2zi0mwdpko+ftfycincslkg7hxkt3mg2g/vaueckde3kjstjngyfxug5pvqj0+vf3fv77uat6fi6ircoe195ujsedc7gtltqa/wgowfqanbr1qq2qylrmitg7n43j3ggk/vuttls3u/c2xw+cx+gvwy5a8vl1m0hhiiohlemtog2o5zml6v1erwcpqw7txxav3ggz42veoikwefn3jqa/bh79lwbps/dcb9eta1vymko+qmcrlqznxjrmfmsn9u3t+1mpz/cnus3cu1g8lue4lfbs2yr7fvp8mx7vtu9b58x02gr7jja19qc4wisma12ru7t5m338bf7e1m69+2ky8zebyzpccuh8nxr+8fn58f75gnh2eqpek07nq23u8/fvz93r6vzqfmncbowpjulzubcag5mjvg2bv+p4dcy+i0m/ijjybeeiybybp9iy7zfkp/tdhtv9/f4z/t3mbow3z/u3ceuuwptrdsaq5j0ku3h4957pf72hmceklnpdibz9ez1u33drgaxnq1bsbyasiun/shdrl9a68v01ksxm4z6xmz5riydr3ugd+7icbrwx4n2nydcmwcpfc4gwuroilvzcqm7fhh0qy/jqbdecpix6ctz/ficpwzm8tvg5244ag37nuyll0monqp0g1dknwmgl3xrplc5bxw6vv6307yt5o1kxoyz6ta9y2dogwfvdcvofsvvw1c1xmjzlq4k0wm3fau8qvimugc9mbazutwo59hpu1dfzjoie0n5hfaq9uasgjnmk5ugpziji6yatz9x8tj50ywnqfaqi+ugeextjahr2gn7q+pykbtqdi4hjbkkiqlpssi1oa0tei/6guceyamqc3cqclaqcediwm/jvzv1lbda2klrniqoej/qkebbacdjigjdpb5lljihwemmf8+c1kafadw05avfkp/5gxjbya+b40c0ai3wcr865r7f47nhd98nl7zy4xea/+jhp/cc7e1lbmrzdhjlyw0kzw5kb2jqcjqwocawig9iago4maplbmrvymoknda5idagb2jqcjw8ci9mzw5ndgggnjm3idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgotikl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl1d7okauht1velesfav2gsuajvfjjrpr1pz/37jnqcmqjnnl3cdzotzwzjbzllyfw/ef1s9tfbmte/l5adtej35flh7kegbcatqj5tikjuaegmexqkebxdamnwrdxc40wophuzubxqmspiwicqlh0ibb/kgtjeuzlkcxyzi0pq8a/mo5gdtdoeexho8rvhojhjfpwgc4wtvv0ctnugvfqjrkrvfksfr7ptxjxqpuwgia8/heorrro6jucfaoen0s8nftw1iwgmi9fimkxppplfqmnyxfgqkxz0jc5tsvhvxqizmm75pcsvs2untk5bjwlgss0aaoclqx/ed2ayd9upwghmlpglztpdabzcd6pzhpqorfzcl05mbqoehzpkvnfcr11no31+t12s2alkueyxqkumjh6stjcytioa3r7g1g4/f42o+2asv0vphxsbr02z56j5aouawgrliptafecdkbz+ftyadtlofiwycbis96o7er4rxsnfnqdaat+xk1wi1mk5d2rzamix72foed+uryttzsjwblzxa7xs+mw069miqiauzv3hk0o05zpiweqzy9tn7w77vdbruaj7qppbqqcsxlgfn+jz6vtvuvi81uv9+/r9/gl00to0pezhopjgaftjfb/efw2g0we4rhzxu8uhsezj7x136rnp0wx70fpj4+9tvlhtc+vd4ftoinvhfg/ood7/u9m/df0/1lcp9lvf8t/oc5+vph8f895g8uovefqvydojj1z73zbeb/bvb6g53k6hnjfdrinn5pv23kckzpuldqqwvqbjudh9xnb6fuzzgsp3x7i6hhv2mrhmcpsdvlk3z2u12knawjdlpy6klq86vkhulto1yp5uykvtduuoaqocyappue8pmkggzckrpdgtqvbyehxo0l0xluquqsolgjoebh3xd7a3iwhnftpxjwjl+gxwozdcitbhxfd5rlbz8fwgsujaugthcwyeleuwzlu42sikbu4viatioqceexcdedkjgewiybgcunk4yfprytbwyqp5xffhgz0plrduwpdtkcfyjt+yumimkifuq0ehqlu8etzyhito7zu3758uv80frirfsd/+rzp/obbxplbmrzdhjlyw0kzw5kb2jqcjqxmcawig9iagoxmtqkzw5kb2jqcjqxmsawig9iago8paovtgvuz3roidyzocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide0oaovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2zv3uqshsgs7f0jickgr1rvkxyyjt2fjwa/p/fstca2cgsnjtzc57dd2hjxcpmpkpgow8p/9f8us5pe+gwv504b7+pqecr6psmemov3cuwycaxdmnr4bnz+eycwx61dcyoewtphccgxi645i0awwmsohmgrweymikham4aj77kbzogayblbcfvrea5lqzqwq0pua8jkiytrelwlcbecciiwleuiwnoao7mp2nelytqwnp1qk5retuyeawwjnhu/dwokwwvblqtmkilm5lmopwi6eggjlaugbrjwu3gau5uwtfejlcslshffdyviwdpunadv/noxn04yqqygk3lshwj0ww2g0a1xejhi4ri0crf722c4ssglsyvjabz6/f7pbndrxtsmvuwmmveq+o/mykgxmpzsthudufjl/f42dcblxxsu/wsdtfycyczvxjjfqqt/vnktlgs5tprofmvzaihkami99xyiyvzmains3vzofmsn9vnzjkb9vuvxdws8zth832n1rmpgipmh5v98xy92+/3r5vlznip5rmrwycxxumuk6mxxkx9nfnudse34/f1prt1jwjscwg0eytzkhrpvzvd2fr1edqd3vbbxbhxl6w0gj+5h8vhel5mps83h7fz+xw67jyv/qbgynd4omby+on9/f18tpbywv8j744w2+p54+pj/e11nrk0prynodkme+nnzj0f7m2m923yvh7et6r3g+ldkl0lpxe35pmwgbcivexg/w8ctedde3j3bn4i+pcvb5udo3p+0c84sshlf0rf/1ubfvuzquxtbbcekuohtwsik56rdp6mk8dcbeajxr0i5gqk3o0nifkpfmtwwooxxxz/obz2u9x02tqkycg9l4abpatfm+vgbzrdbxeq9fxl0k7me5aku24dqwpqsxwnztn4tlxb5pnht/gyjaksdwrwutjzgjeqseqqje7tedkfjie9vq2y0oo3xvaxwnkpfe0xq81o/2kigxrbrjkbdwce9lpfijlkcsak45lixwi2tdpstorvui6physesdzrx/lqyvhopc8ftxg6x3qs1icvcigb1nuakp0xlvxhaywkhlpgxkoradkdzapkmsk40gberb64xc7cfrhjs4kkqbe9fk9aylethjt9pihx9zsimkft0iwvykpqvcmqnaqejifjbgv8t+fwwazmcriknu8xjumgskiffdzn2uo8xo3uwd6dztkehenyuoqwihc7znsmvnfa1oospygahajipn9tx29drkfei72pdgiifgs/wnknchgfl4fhow1onwftg4dvryz048saf6l2mzqckr5ifxi1slenffji0xx07ksxfpf4f/bdp3urthjlbmrzdhjlyw0kzw5kb2jqcjqxmiawig9iago3mwplbmrvymokndezidagb2jqcjw8ci9mzw5ndgggnjm5idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgodikl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl9d24kgqhj0dkecuqbiijhiykkkgeywbdbiwsef9n2wrwxgjwloxe3yo/wuoffvu10fdv25u/hr9ongffnzafyj9nn0xge5jmotrehmpwicbdh8pfpj/5zzhmqgnraicxciiihioqwdcouurdykjbenrzf40rzeqetrnmq0wsbwvccjiehiozsjyeo9yhymkxxccjcsqlhkvrj6lsqlnpy4hdqromhukryszpmlzpmnedeuwowaf/4jhyqmkfwqtbivtjuo6rpoyluopihxnrld5j3iezia2kk42xyybivmsa1sxrwqpihza/eq0j6mg7rbkv+qnzrnrr1wk2bslr3koj9adhkpksizpfqundrcp6rzbtvi2zaiq/grhc6vystpt+wqzoxinj5pxanc7rrxdhc7znfrzva7qc0fzciyzkte6w4n3bpkm971wnzekkwjziofcbmnh43auens3ezwvlsvf/gk67nsljqmkdblopsqdgnlndkhevffmq/vms149p477zxlg0kq22mr9slxtktx646flevv6ul2v5tpbbswb0kx9wj87j3fwuc233lybzlfbt93ubfvy7a3b1vxslzi/nufc1abvdr6ex1537++71/xy8b7zk5emyd/giuwf4eu394+p97cnxvp2n/dbobfy7d5+//7ybvdpo27tiposqeejr50jbb3+h/jamevtdh08/um98mt//9cng0+pwdjiffshrropnzjop4fnwspdrr88bnaokzxvjrpdkhsytktzggwxjh8jwkasnnrjx8v6s91u1svz5k5vysq06xyuoqmtgklcrtn8mc1fqmu5n+o1sy4ew6dtgzwbhvkvvn/kzz5bm28yanckavmvzoa8byh0hfust+9guw80hq+7jurwjkfphmcpbfbe1ujlyvv2b3apgvq7zwrbsaaxykacmunslkiwhlrl5mu1zrvt7xbarxql4cbjyf2d2b/yu8mexylkpjhofsrvgqhakeuc29aknvb9yzd527srxljjlu1kcnlqluumeoymc5a8an1ufo9gmbyk6hezyadadhj8oyrom9/pe1octkook5oei4niugaue9nuyoxipux58km8iepyfctlerhghtqb5k8z439dob4lphmw43gqb4azpljsii3ta48douxriarzczz6uoehmfqpdkcghyksqw7/st2hkobrabj6ncah+zewq87ja8sjicphk8dm8bjfdn4egfozl/r83v/6yj9pqtytzw5kc3ryzwftcmvuzg9iago0mtqgmcbvymokntkkzw5kb2jqcjqxnsawig9iago8paovtgvuz3roidy0mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idu3ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zzpv+jkeiadeci+kyukhlatlsi+o+wgyklo/p/fmtudfmkac+63e+657wfe+hslurq6xu/u/jv64de3g/ojx99urcb//ol1d/k+oydxf8bziialfakvur4a04agg6fqiadbj2awgn5y5qwivkcsqviujuvrjbgcbyi/yodia0uzhmdjcsxdu96cy/hebijiof6uwricksoswlm0iv/gj/9js7wkqxhdmeggrilhkwniinh/kt7cgwtfcmfvj8biisqoyvtmrjf4hgxb/r7wgadcjcoendnoznjovldio9l0imaoekd74b92i/czjgho0sx42ik9vkqgslvipwkgirjukhbehq+h4iphz/iptwa70+12wo2q66sssji/ca+pqc4ublds+yd6p/84ba16rzqbs5ikyjcw2z9ftfdwmpf1enatdr5h09l8ppsm+61qiw1pemrzgd8hcfpqzgs+0hqmz8vver1azia9hpu1i2godkevneehmjkcgk0xa53h7plls91u1svjy7vsjayzp3epp0udq04yomzlso3eelne7l9f95vvfnit5pogantflffjrkjfsm5zmh3e7n8oh7fdy2lcqxvspsiz13apess+tb5nq+3r4f39sn8sj/16mwwqwg3czif8vxt7//h4f90+izwd/qyvt5/ml/vdx69fh2+71xtqkp2pk6wusxoomqdc/q0y+jho+pd1hyaay5qetnwmt1w5eqrqyrgm2+xptj0zut0zbcoqvrpu740w6+1uv99tvrnh51zhbnc/pwq1ztn0ud6avovjofv24rom1+oygee28yqzcmrn/mi6eabnp0/degnfjrh8/n7hvzus25lstt0yjqeg0vovwcmnlpxpu4qmesvkwjtpulvwt/8i6nealwi2bsgcngsnmfy1z2q9lnjklxqz1w63grvymzemamim+ayexgmexymqysezhzjbbrlfj5owdflgyuiet7g7ozqjgytds6phxvozba6utsftaarm3suqgxuozggaqbykaey0zsdbmcvunvnkabicbbl4haqy9yy2wwkw4lwidopoqiwjya9w5ue4fz4yisfqwd6kmegsbz5jwg3+pi/pycojgrbsienyze1ghud7zqblhaqdra9mkitb/md2sgx8v+lphhsrclzkqmcrhuzl+7hlih+0bc+4kdhjphxfoclhhpak778b9ilc3kk9hxje6fms3pwv/wc9hubf+vq3vu6hagvuzhn0cmvhbqplbmrvymoknde2idagb2jqcjiwngplbmrvymoknde3idagb2jqcjw8ci9mzw5ndgggnjqxidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjk3ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7vvzvupyenumzcajiqtchoz5khlbmus5gikg//8txzugl2c8rn7ptbpx7qfazj+ioclytsnev1f/k1wf8foh+mt+fv7dgjp01xmsuc4j8bxqxwfakxduiw+sxs6gcz/amizrmwhibrkbztmot8bxrnuna76+gckgmsclhleyiyoegedyxuucvj2fi5stpjlsvxwqwqd4zvhgwted8w18zirxc4lk9fm1ob4c6hpauxvz5dk3hrfxgq5sj6t4g6filj4wdcmrj4z1tfwkaurzer6dq2xf06ojzcabb+sy6wqshaq+d+mcr8f5zty86pxrsws2uk7w6vv6rvlmpxorocp7lskbmbocpaajyvyp1mx3az1wo1rmjmkaauft2spdzylelwxky412fzggjibdvq2yjumqdnmff1itzku+ycxdrhcg48l8szjpjqp+ttvvhduv0s+yrzrly2ooka20bnezh6fvavw4miy6jvi6gla8ng1urq9ddcvi/rcrr3dh0+vqvdlsnp8w94nwjrsp+kqnulelpiqn/t1itx7dbrcvz4+zuaews+iqaf2pzwul0tmpv4umsjedyfl55w232203q8w4w88bifu4nxa6okxt5dzw+rje7g+hw+7118ndr1ewqn7jmskleiag9nvz0+bt8p7+vt8+l+/7juiy/c09u2mpzumtqbp4a32+etm9f3x8hn7wj0q3r6osiofe0szyvnxy7zqz9g2iiqbbkt0jaf2l5ya2v7qnoc0zbzmpb7k6yeooqdug7oc6a+ooqdug7oc6a+ooqdug7oc6a+oo6ke1kyockgiqavqr/yqkgiqaiodknqb1oj0b7qmocgg5odsblqe0hjaef+xp/+qe4css/vgfdp9ih40q71ubyhtk29+pvefdni7ddefd/rrb7/dvl6ah732rirdmhxqzf79ybvch/rr+k0ld1l8nc6b/ny1/gfx9s14tjkpuv+so+vejuj5xbxx9fani+txtw3tcazqr61gmb2r3s43o8g66amyn40grlk9ghlx7r2dartlsdez3gpftr10vzelozgcg9ciqhkvly/wbtq/f73fbzvopa0qcyletf3jngdpadduowiiwyhurtqagxi0xmkyuxq2w0v9ehyjdn4ig+ybvpll5aikxscujuv+rz8kqsxbkyodicefjistasmqioqa6muw2aquewzlb8h7jq2obprqghelbgn8hbhfhvwdaofhoecu0k/gbacerjq+4q2ywbgyo2yblbrwqllvfrkgiwe/a3ela/usjuqwmmakcby6sbeynk7gzh9/a8tmwcldbgm/g0tdj5ymzms4e8omge7lo9dib8vn0zacbjn8wj5xrll6ap+0pf4wvf56xv5z7tx/4g7agj7flbmrzdhjlyw0kzw5kb2jqcjqxocawig9iago2mgplbmrvymoknde5idagb2jqcjw8ci9mzw5ndgggnjqyidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnjmkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtllt7okgqhjm7na8ciiiiqrqcfayjslr0damxrqngk/n/v2wrw3pa0dnrfwa/cxv4u6huq7/qq6s/vv9o9zufokb/vetwfweaeojir+9cv+juuqeybpigcbilfsalhvarj2hgszkiqqydpimshbhobac8pglggzbjecyoyxkyqzzhjztnclyyyugysjiyis8xnolhban4kbocolleljscmsdsc4queviawve/42hjcjlmbelrtwljkiomulfts5la4fip8cg4sboclnx0slmt1ue1yyzrwk6g+crk/yp8irwgb9owa863zsvzwk3xqzlgisfxzek6gkc5udfkpu36qsceddq+a1cntrehnvr4nasev/vruxme0wayx8nbfazn29rvch+co4kygqizlht0b6pjxzlctuadbudwypoiqdawlu/jo3whwdfbvla9sd9oznpqlbn3q98xi1mrpu9wwhquk9or34jolnwvlqvvcjfprlhbtfrchqpr0n+k/pwkoemfxg76k9litd5s1qvh2atfadymvtrmnyxtnjqv11qdytjfbp53u+fnap4mq69ezkscnmsa5wgve2h8y/g03e33u+168spu+jbgh6u5wwun8o5o+rjevyb2m8fpqae4jl/ak7z/xf9fj/h3p/i7vdeeltf7158/x/fb5wwc/y+tnc9rsjb/1sqgejvuzl8wwvtfvpeyb18smvtv3rhu+/p+5wx/dpwoczh/vodr9mifcfkwomypp4ck7ulddk7eyfmztwznchf/un5st5v18v5u0gnvddh82jc+7ybkbgqp6rzvx9p58gm0fjiob29cq6secqlwgtao0/g7w8l0vgdnp5nh93vdboman0kbb7ylpvcun9tr/hcybswtogq37epbedktf/uctu/ol6qod9prx2nqpojdei2qkzex6x1y7kmdz7kfstxwgk4vur2nemhgnwqvyhzsp7fu3gpyqvalfctxw34a8j3xssq6cv3gxn+vsgodwqnvmfbdayac2zknyh7bo5hqhhgnkiyx5zymg+vre3rdmxrnvtk/ni8rwffzohgonb68viiccloewp8inm78w4dh73rjovnmzfnjghrfxo0v0elcma9nb+iv0lr5qrbbgsdjtn2mcx/cix61eyzhqfbfu7jhq+xukrh4ih30antcoldgbzpzxdhy4pxhabkctddhblfnqx/joxmnbdfojijppgh8ppxx9uzs9wd8ifip3v8heo7axgvuzhn0cmvhbqplbmrvymokndiwidagb2jqcjy2cmvuzg9iago0mjegmcbvymokpdwkl0xlbmd0aca2ndmgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca2oaovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2wa3vpwbthewa5xyurjbeejvkk1cuurvgqlpz8/88yaycguc7m2znp+b9gp8lvlstb9lr/u7vftt9a/+wzebfw7aia++uk4mknahqt0mhjkbbdvrbgw5finbqnhqtlsmqp+m6jzadhmazhcv84jmgxq8al79ma4wrj0tqdommkjhaugh4gzac0hpmuw3k84ivnwiyiccrf1g94jiorfmmjculreibfluicx1a45vpn6f+hwsguqclnn0c6lllloo/zf+ugpiztrccpasobtwogk2ca6yqkmfapkueupkhomoku1lofuswuok7vlpcsu1mlniyuyjkk5+kqni3ad4/nfqhzd8qfrjyqwqopvw84pccjkgmzwk232l2v3/e67watujbtmqqpvwp/ubqj2bhqwjw62x2mxppjentvtmrlvj4qgciwhyc9fo9wnokklflywr3hzdzfloaz8adtqbyzapwlsqs8esvpxtzy5xp7mjkvv29vq+vs7lm1+2xk4ij/wc+ywzbsgqln7ub3+ww53my3m/xry7dzwmmljz7cupehnkcfhgfvm95k/rb52o0+nqv5c7dh5zwzp/ydd+mm4awn1z++vn/spz/3h+vfuneswpos0ndwuqxchbwsn7vpr6/p3fvrxgtvlv25hwekd09h3hukv8ahs9v2//xz59d+s5z2/+crgmgiktripzvz7x3/lxbmdjr+7x2/cvhunyz0tn3b+dfgz/xg0q4ar8ublnbb3x6/277nn3tng3d+sifw25jln3rps9u7akvvy5drp1hjp6/1gdt0fgh6j53hdlfag1bzsf+pxr7e9fblldnm6ch1rtp5k2g+hxabttfmxjloqegxigjysangp7a90xgkgg97br1i6tapljswggckiya0bmlpuf1vapi6bt0uzqf0v7+fdsd/2ba0lywn/h211nsf2u0nt1gzszkd2vuvyqmnnmqfowxkiuwquwm59n0hayqhevd6qwhfoeeui2hovjk6mssus6cilctosvma5ohrdidwnlsblxmpzciyoiyetsjyzanloylwfw6tnmulkpjqkya1ougij2g/+vkth/qxmau0ywmigaejangimjzkdtfh3vcndmocwkigh3lvopjlqp3i/yd3iuhwbw7mqf8kd8phdglzk8wxlmbd3tbxkp/ruyela1cfcrzbceaffigarzzkx/lwydeoub3+pn68stjrn4d/6ew/abxl3zblbmrzdhjlyw0kzw5kb2jqcjqymiawig9iago4oqplbmrvymokndizidagb2jqcjw8ci9mzw5ndgggnjq0idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmta3ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7vhny6jaem2+knifbmscwlfg12cjszdeo9fn/v9v2rmiwqvz/fze83xaupfmohcuoofe3f1f8emsf2jej/wfi9zrbwkcswdefwhdcnqramer6/p5/c7g7p7+mwcxdfsccaqcjencksd8eoeexhwbsigzp0bsfm24ockyaafefgrdzpjiwi4pcobgkodyhoiah3+e3mehsiyliljivlrvvesqjpastbr8mzom9xmuwwshvyve4obynbjwqglhkatuc94ete6qdc8qwiyrtgcqqaqe02sbo0ms/7sbtviazylkre9l88wszvmlgplj6hfzykkalh+shtucyqu5oqfzvrxeblvajxqlzkz1lcqzkb5/rmp5chrvg+rsoj7ovxrttq/f73ftvs0yuzev0kp1z3rykfqur4yc1bt7t6pxedwa9b7qvi6hstx9xo1toskksixdrnmpo+kcmj8me+1qirmvg8wv3eenwdgsz61mbzhbvqzx6+ff9kntkkxjigdfn67vwsnfivrcrlqhk+x6dbvdbl4wo36rnnvvkyxwn7tmky5fjhzvhs6ex9/2+/1us5omhqq5rfjetv7sav6kjau1zmix3u4ph8pb9mx2zfdniyxynvrqnfmod8flzdtpwgg3ng87ndpqpo/oqwldpb+/v7v0ej75r3pvsnrdv398fpx82yxg3rvdr9b8kaqnvhxg4w9868ztbrrdhrdh6u0zexuv3l6u/3g1bllt1zf/fyzhlfolo2vm989i0md1lmjg3qfe7r41mirasleo5uay52ud4fzflcyvz9obxc2bzpzs2bqnayzzfxiarjbb3w63xs/hj+1knugp3/0g98ojxlnvh8+fn4d1ajbsna2mdl7ftta/nq1afvzq45lsozoyzfea5wz8anelqrh4jyszgc4mqest+uqroxhnazpry6dzno1i6nrzol6jd2l6plhrdfodwgppblykmbhrds59e9ajsdzk1mgwk/xwg23b7wa9xmgaetmituwcjswd+1bjrjzfklcbfatozoyoingfluvlxn3duf6tdybuackzyzmibdqpr1ujfuo40gnf8botkd9as0fj0ajx3qak9dgyvom/mpquhy02xyk/ldwwbgihfrnsmnhnx66elhlkewgkzsfpixjafiugb97zi43von4cahiw5rasw9dozb3rfj4cq4flopnhtqikgvsfsez3eml2+c4mbgxbeaj4/nqgwhzcahjarrdhbfwge7csmpv1bicuzzdin5yri7qnl870+efk1vp0ho05/68d/av7ycsfzw5kc3ryzwftcmvuzg9iago0mjqgmcbvymokotkkzw5kb2jqcjqynsawig9iago8paovtgvuz3roidy0nsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ideynaovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2yd3eixbdg88aonkulfkrfsalysmcwsztwzl//v3nnomat2b/3lhoobuu349wruxmep6d/nf67jp8gcwsfj3f4+sgbnuwg6xtobxrzxsibdrleinx2wihl9sdbrgys2+pxnsljcuognxd1aufa7ffioegqkagcx7yqci9hxbsaxgnk56dpmogh30eroayjqp5leccbxgjkz3c8ikiqei7xuwtwrmsc0s8ejpqxncgfq+fijbiobswrz3wk5of+lstdky9ujpcxghrw1hhc07repkaezyh1e5jdzlk3ditewscicism6zlslp/lznqtpgrf1kd4l9tby4hijm3lslzpgavypvopm0zotyiyqjoopdcn+nainem+nhco6wwzajvb7vbtqpmfddwsyh04dh+bw1i8hj+xo8mcww91xwedwwuvxtfzktxi+6+6obrommioninw26/d8wq6gy/67xopkwildhnzvi1jjbuiallyszeazbelxxw67jur+aqsykh581eevkqxkpiqvdudyxy5wq+w79nbp2bouymldmv9vdrnwcnfyvhdqpdgs+v6u92up+ajnlvmqzjhwvrpvihuhqbdywq6al2+vx9sdvvdzrv4e22umjgzq6o5xfmgmi41+ppferv/3g83y0m/awziqf4rhsuynr77/prc2xg5g/8rbw6my83+69fxfvsxhbqchh1nfbag6uzm7hxptoahh59zztjxjhpjul+votco58bh7ks//evm7b7o7uhshn/n7rfyh2xwh3xtuct9vmvm5reqa4lyaobexnmabw0sewk++f6nawsoqhet3ngoinihivj93guu0qao7wlqjokkamqodyftxwq9ax07g3brrv2voaqchssb6syonqak85vwfzxbld+wi/lbv1utpkkbo2rybtybi4ytwdpqdsbt2xw2frt2rxjoi4a0v9haspjtqjcmf6qntn84go+g/w6jaqrjiyg+ef62rednjexlfctwq9ptdtvtrqwy1rsz89/ycgjhkeyiqsmsyvzqlmxvqqartaohkuervxqhkdsdngqxckmans0bxvlrkor0tq0hujmj8e1xpd3z9gxo0sarsurs19o6ngidjrtgarl18nwga26xxymae+vqrimqqhpviifz5ggkv7qsklma8be3fyfbkxjeszjlwzicanklgl5xf755mjdohmu5jmnzhgzr6s4nuf0fwvcksflqubqjso10nzkzr6pd5qehmnewdeebyv4brubjxultdmsdnwc7db4uynr9u3thmud/gecoipl/kk8hfh5y9fdp29qnd7azadogyh/akmm+ffl03sc94zp63um/973/abt7kinlbmrzdhjlyw0kzw5kb2jqcjqyniawig9iago3mqplbmrvymokndi3idagb2jqcjw8ci9mzw5ndgggnjq2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnzckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtlmlzomoqhc0iclijcuicqbjqug8y9xingtdomv//r0y/edmuohm/3ap7k10vtfb5m2nh+xyf7/9wd3d3/+gjaxdefzjlgj9+l3vhxgn0jqd+34uooqseb44shmh4z2gy3+8euoid2g8oeqgesftwtoa4bgeu+ypa78fwaekfgzrnm/axdfjkgeb3uokrauhmujtdcxwifc9zde2rblrbhxxe+6f1koufmsjjsixlukquejamajig9jzkr1iwgqk5ufhw4omkqqrjrfyrwwjhuwr+2d6hszotjcwhptjgnps1mmktougir5og/8dpd9qcdwrzqyqp6ayvlxslxuleyqa1mcswwcb5ezqwdcczpqkogbnqrtybzua9vi5yhhal8axfykfdarwpzwu5mbaktwa70+11o+1wrwhlklfod2pozvmphq/h9ptc1e4ork/jp9gga9ekph4l8/s5ghenq1iinas0u8pn6ww+m05g3vyln0liiyy8e+9kp0gl8vb7hd7pfsvvcjgfddv1qlavbccr+opkeu6qjbjv7ovn7vjldb3zbtbl2bjxkplavgrhljc4xyikzpzb/cl8tx3bv23xi8narli6irluam66u6yo6fbfhkxfn2/7a/dl6bbdzauukfpeytbwpt18ww737x/v+93qzfqiecx8c0/lqhd4lz/+i/44mq12h4+fh4e39eyp842j7284bop8nsz19/17mt+/pn/r5/g19p66ljx25o1/e9rabwcdh94pzgzgk1xxxqmw33wzbpcni/vuv9/vnq+tqbtiwcl22u+ue5savffsudnutpvvfnxvlu3d0z3avgvzzrbqndfkvlytwzymo06jek/janvltx6crm6xyvft/tnknl+a9y37du3bsho5h/j4phjlmcv6uzcap0+ex6n+u1gyuvhita86rs2judxilep2p9cf9hvddr2cn1swpivxrjjjhcixpzsrvetn27abjwopn9xjoawc7nzk3ctbixjcn8x8ovsulevfb9pqezi0d037y4z9vs/0wwovpjjz07rm895iqxezegfqfpznfg4qobhelklxpkrpuq6pytikh4gn5wecmthcieahdavrlbpvfcualsniieo0z3zz+cdd8ifbeevreeiq9ykenlr3+hmbclikw6jigbrgz1x48jmdaodwcamiqsrjoui5fceo5l3ssd7kkijw4jibcp7deoxfo/wxyensruqxmf/3pgpctzgpaowhxihrg/p2+cpxezdenna3ip/o5v99zrp6zw5kc3ryzwftcmvuzg9iago0mjggmcbvymokmjezcmvuzg9iago0mjkgmcbvymokpdwkl0xlbmd0aca2ndcgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcazmdgkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtm9lw6koqht1c5kaciyekzpmkcaiyigbkvedr/f7psqubkkp73j21zjr130di301rjf21ol+rq/+tfp3ob4lwrdeu3mmfrpcz1ohxrq7okesdqbmmxhadio8ez27euz+4wcswlmu5ylkyawpg1kmfxafmlumfqrqlkcgkpl8bcoanc3szjhcl2edxqpw+wrliam/z/cqsl8sjkk8jblwqdgppqvxxsqk38x+g47pfwqmgjihp2sdldotawe/9j9mto8mjsqozzjsetkuzmxqqgbcjehd8la1np/1uckfwtlcdsockptkowmim4pybfp7xwvtfdvo5gu70b8n2mlus1m4bzwajxqsumnftd8gwpcnml39n52u1zcvypvqzfd/t9bqdvuommilfnl/imsq5e/v1tzcvfifwlfoq3xuhwxhood9pvvnjs1chgvjlhdkhfs1m5kvn7ndstkbtitmadg7lmviyrhni93g5uqlzqwk9pxiazjeg2foo37rjjyjbn8jcxxm4o6rrunu7u250hyfzl9v6vvronidovzc0ihiayongpawvquy0w73rj2cv683b22a1ndx2b0spkwsflwt+2c6rrixxbq2cxevmfbt9x7/mxr1gow2hfomshrktu2k/pc/xb9upj+1mnx/qn8gu/2sp52vu/v7x+fnxru2vtprv9s5w8rlzfv7+/fm+xjido7qzvbwiqyixmxcuymwm3k14e+csimskfkoslngtqq+m5qdlav4ewa5wjcbygouaf0gbxyoxhga5wisaywgubfgosbzgvyrkh0rscbanwisaewjccbanwhkapqh2bljdhm5dw8yqg0nsdlexxmyqg0nsdlexxmyqg8n/ttfcrr+2y//tzeduxv+yk834p+/9ga3+shffwax2e/dfz2o6d//yvn8acwlzaqv/np8ia6ajxqmezid/ahlamivoptlsjabl1xqzwb8unh/vb4uxuqmvjym6ns417ofobpkkwkyfbu1aiwfqaegc7vigzsifspkfwqs/cqzz0mqzdpuvxbyycuasjqkgcnaei/fs5byzebw7ongw16ox01hjnmj4rexywlbthwqj3e0/gpr3rxo5lzahmyt3omrd6figkvokli5u6s1wu9np3zvq5xzknodfomjeawibdi8n+ftdjkdypuq1bqqwc9lknkipmn/mqlxdwuxmbytdh9dnackdzevbuuwqboddkkx+fatwhdtyhvhdhmnh4glqlgpfda3cwm14jikhf52hzi+mg+eikgwaxkpiiorcpuh36iqsodmzlc8cukqgakfqqfx8bbg64p72a68edjlsa8mybmgsbyoosugskcqccjgb4cqd4yqa3mrz3zyu69o/7pyawgfnxrltgkvl8bqnn7wbafcun0wf7fiu/ashz+an6agy5iq+cpstqz8k6exh5y8d7edcovvffe0purzmimvuzhn0cmvhbqplbmrvymokndmwidagb2jqcjgwcmvuzg9iago0mzegmcbvymokpdwkl0xlbmd0aca2ndggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5mgovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2xwwoqsbcfm6oycagiiaruu7herapieo17olgt//9bbhxqvyzjzlze8txg0nzdhauktz08/gh6c/uvvppnoq4/tdpwf591glg9a88h6tol/sprw7wnu1xut9tzktvtctktvvjia+whcjkkbjekqxhgbk645m0ayjkivqzdghjgs9mutljbh2ms8rkcjxceqrqenudyhiyjz1cenbgjkmy4qzrkjybszl/gy71wadevhxtxd0mzvf9wq5oeaelawfukgqme/djshxyhwgqe9fgilqalkvgipsrak1fly73dhorx+qnaljnnf41sqwqucum4hpqflr5a3syjmhovccydl1vrjybzqd+wi9mervp9x+v/vxo9eegvlwwjqukl3mp3lcvqtmyqky1riscce7y7p+kdf5ehygvfs+tkjby1eb6nrsnex3wspioqnwm3l/ckcylirdwsnmppveex6ww2m4wghbocjyckchofq9fptgrgsmwz+zyzl1er1xi67j09fpkazdoko5t2paj9uiier7b6l/pverpzvc0mw07dsomkwdhlitjp9cnhrkhwhk6xb+/b7xazmo2srikdcqgm5aj8aeflcljy7zzpxje7/x6/fvume2y5ewmi7e1c0qdvjuzv7/upj4/devnsb5yzufvbpgu0nhirkv0zt8al9fbj8/nzv1lnbncc7yqvafdie2uu3zthb/hemr9/fpdn5v7m3f8ct3a+/9+l47xr/+o++l82ettcdb0rajlbdxecakqyuosmp6v1drfbvb/or5b5buchfxiokx98grwsxjh+rjftyffb+hmiv7lk0xpnf6+g1wzcb9cgxck3whvgn78azrj1dn88mynm42g3wcnfwzjgn+ela5mekyp6ml81o/3hgdqawk2aky4gvwzd2jw8jmnlovimwdwfuj2q1w7wyrmebtkkc+rl7ms9jpbyykblziuvwqpzarxmetxijynbit8mt3nkpurmcnhbpz7ofusvunkozjlrkcjw9mh6b/zhgijzqva1ackvyalsyzgeukqfli5etgkypseydcmulxokqdcsr2kgaeqlqtlsv3ncxte9db68kckbnqhsa4rk5znopuxf3uxqupyp+yborfsdrfhwcxbr4sj6wrmmfvbj90esy6fy6iqoagxu0oghebtzoigarqf7apscvuwlob97arrwbao+f+ji0d9oqehjhyr2fhg7v66nf8atoonc9sjh29062qedh1vy5dizvhz9a/7+bvnrbpllbmrzdhjlyw0kzw5kb2jqcjqzmiawig9iago3nwplbmrvymokndmzidagb2jqcjw8ci9mzw5ndgggnjq5idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgodckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl2txokaygn0eaeuiebcxbvnrkts0iasj09s8zfr7///kzgxquniepftp9/ieoylzzdazb3ifn5h4j+jhol5fv5jchu/tgycjambz8r1aa0ctilag4ohr0z4oiaykjqc2gem4tunw5qjw6crkczkkgibjiovjwbje4bmpxwy0qvlpdm0wdas+dcznkabddi/ofeflgjbjbueuruhgozboueqk8zhha5pm0ywvsrkq5ni5vzelkwdpigjgd/nw4jirproirgqfom4yhl480vrj4capnyikjzgcojlryrdllapzq9fmarlu0gsro0k0nq8crrmnm5yg5i1k7cxunjvnxsvzraznzyfnw+fduwmok1ikonkpb1qt+/lq2ngd686lbvv0tcqi4t/jrjov1wlfanbcw6933/nu3u7dkhcugaeilbnb4uiznksvanbnpvfqhwwhfd+7adumor1vz7odpdxgnksz8kn57nl1+k+jyfnknhzwnjz1mpe4dikmh8ixngr4pvi96nz6t5ppfdgfjod+t3nekshg8jgg1hrguyqjqlrzupyex7pf8nw5mi4e767salhh4vo/4xqj5ixa0+0nnhfl1xq1ne8gpadh6ippuze4k+ameuvgh05fxtdv69ff8/debdz0fwxnlk6vip40w67e3t9wl9mnibu5/bh12x0yztf4botftoq/x1/x7z/f18sdngc3gljdwverbrt52jni43hymcptdhg8dq/uv3hh7llzb3pth2u+lffvq3m1901ejwttfcra3v6svxocpnccl+ulcil+fifygufxh06ms/lsoh743tywdjngod58xvh6w9f4mh4nvvgzjs0zwjzcz+8/dh77/p3bvjcnxiwtqxwdllyow422e3vn9by7rto264glatomunjw9ds9ytmtzpxjofftll2v6lnjonodmpzmbtmvl82zcycsdfvcmsu6fuoriqtuaycsnchrbancnc2aavzodwcpahc3t5ykcoh6wie5qvk1eydbul4sngjkzoe/xa1mkgtyolbgniscy4qiqqqismdclgvg/twwax74o1bylssdgxd4pssxddqwbjiqdmchda3la1gcgooalhmrx95ks8sdcijfbispuhogoi6g04foj0qbolabhc3eygbxkcipkjuguo90dpu3g1/yant8bdothcl/uhp0k9wcdxyi45r/3xo/apc/uyrlbmrzdhjlyw0kzw5kb2jqcjqzncawig9iagoxnjukzw5kb2jqcjqznsawig9iago8paovtgvuz3roidy1mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idizmaovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2awxeisbsanvbzn5vfbdwxrteo2m5j1dyumrpn+v//lr5v2c0hoplz5mnm1h2ir/iqufuuccnfkpt/ir+8+aedopg+j+unpoibl/7umggfogffwfe09dirmbworylrpxgjhmo4wwce9yxyiqyzl2iaoqknbkheo6muw3icl+dgoy6luqn0gi+8r1m0ywuircgxcewwrqe1ad6yp+dhcmvwgqtevu3xdupxntwusalhely/+9+0qcs0znq07ezgtsy0ocvlefgbdbaeptlruy20nsuuso5tkhvydtpikajhr1e65+69zllbvpnwrnrtrteazua9elpmwuzcfolpndqx4oavd2rndqfrut1ou1l1cqyekzgaj/zp94ddohlzteecwqv7ftgaj0fdfrdvc7ipveazamsfdzyhcmukmcmuvlvu8p5xoptnhyddt1upwhpmyah/dk4ezslnivfkttzodo5ni+vqtvzm7gedhpnjxkuwz805gyrzkprov1q9yexp/bzdpq8xs0nv9iaxuiuot70fh2muvbnquxs8lnbb3x6/264wd4n2nz9wzy5cu/kbh5fqvrhehu6xz7vxw+f1t1loh51awdrkb+ydukjzpyy7mq1exo9vb8fx7wo26talpqbw+eqfcd0gfdxf7w5v7+9vh5f1fay4pv/fnwzv4scnbqp0bf5jsz++//z5ftxtfhacriwgv3qbtsszmu/rncwmuzri5ufuqeqesz6r5efjiitslzgsmztm5p8m9bseqqlituawaakjyj2a1atkcubqalitkb/uq2qrkevafgf5tryii4asariiyet2ubz+vu1wdig+qravqbpxx9xhmwpsfzoqaxfnzpc0j9f0ud0fjsfd/nk5hxvqgmsxpa6qsjszcflj42lzgqssl/xicxbxlaqvwsk/lzv2fzjfbryqm6f5pn+qxfzwqiireqlsudkdpsyfvhbp84dht+fkkwkjhjipygrsbutqbuq1vm/0mj1dto9hvvyvnjlyj38gyzycopm5cr3tdkytinf3t113cmlveyiydzqt4nvek3ahxl/tul1+v+fe3dblecuix1kfwilibuvn2xmnum/cqjrqfsdvj1vz8fi/6zyhpbyhzsmmjc1svusuizxipmsmvux8pdkhhclxvbrt9zrpz7iqgctm6qmgg5ytleksogevyrgephtjcepxejgsxgghypcl4keua1um40uj9k84rexrjjfngawj+zurjpvgpklrojebxszccalpsqx9us/d6ud+uqpamawlar/gop3od6l43an8pdoowggghlhxwkzdqdcwsud5dxei7n955l2q9l4dj4bgd7zpmg1b8d7an6vwaccz/4r8b+3/br6lmyzlbmrzdhjlyw0kzw5kb2jqcjqzniawig9iago4oaplbmrvymokndm3idagb2jqcjw8ci9mzw5ndgggnjuxidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmta1ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zhbd+fqfibncbkikqlpiboervtduoywpbtutpp//8rsfawqxfh9m5mv8yak39452uus/r2x678ap8xx8apm0li9h0ogk+sge+wd8bcgbji82w38xt02aqr2uz0ecobx68wnb6jiwampnmcu1+ejazphgpj0qragnoynnmimy3e8lwgcz3msaxeqcmpjbg8fmc8egqiosziobgmcz9k+lx8whzpm/uepfjavscsiyogqfprzja0poobma1jyuw9jcu3t4rgbqbisazzwob1repykf+hrwy0lkummruuzddiri8qsn6o9op09tq6tolm/jn9oqwz+ovgqlyopet0zv2xrz27t7wiaj8mdyvvl54uvwr1hnorvcigxikddqzleukyc+1j/dsswypdqrqvdee60m0a1mevgfelgydyh+jwborlase1ki9vmp9t/hbz2x9pp1ykurupmbmzzyxkpmg/kt6n7ithpdufj9/fo0gs3kvnkttja0qe1iwvkbfgjzwq1vm/4ppnoph/jqbdzfujh5cbpux5lkrh3moiu0frso/m6ns4wy8vsmuq368vmxbf5kouxzgpsnjetpz0pp+bl1xq1nl0pokzj1yiid9d6gvuvo4lcpfnynlmsnp+b1fxj+pxuzmoruhobxl0dvdualtefx5/rxettbfbe9dyef2z1lhi3wcldwsez1ebr19dmor05op4j4p+r3mehncrsnztk9naq49xnzu3hpfkdz6tzxnvelh9bt7rrdc+2bt/qi7/vpvp74pv6faehtnbyc+iw53/ssknj/n0c/xvrxp++s4nho9m37abjnlmd4h5hdi+a6r5d4h4jo/caedqbzdnpyjytnjuurdlsvunceznhgpvqpzhlg9iaehylefeb08ruc8vsmvhzslpb4o6tzovcfod8kvc+rk6j8wengntkfiato2trkcm7o7xvlbbkb5solgig6kuyqnxvoe+rmb4sew3yf2jddnzlzop5iwst1qbz5kc2z7g2pif8psmdykpk+whsy+ygi8hjak4twdibwsg4v05aehmvwomd1yhor0jst4cnsaw45b5vnn11vywhdz/2b+2/wwh74f/d+xspwbthzw5kc3ryzwftcmvuzg9iago0mzggmcbvymokmtcxcmvuzg9iago0mzkgmcbvymokpdwkl0xlbmd0aca2ntigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcayndakl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmld34jourjpbufdcajtuooqwinracd3uzp7/b7lhnosaua+z1uh7gaxeko+fbavydw//bh5d5u8dcuafdzm8/kef2opazzhohdpkxgmhbpigcc8kpbmej9vilkc0sf4vsvkhkcs0gqaw6zphdqbmujtdsiwhyvmgosnsc3u44z2+cs9fsxwvipituea5hoy93pkoeokkgf6qfj+q6rbn9smswdguy5+xc6bzxvjprsc0rjblmcgaosqiw1+vg3av9c2rrjaujsustp2ixyjwqpcbd/udf+re7zzhjdvvrroptc4pywas8yhpae+txdnuhkexykwf34ols8vspvqrvculqsaomlrmmxsbrvpyvyvtvkyz0vsuvgu8tnrtvrnefcra4ybpzkmlaqcwr4jkbmuftnol51a3pxgobr1os/auizmazngap571djjuogaj6wkt1r++jyet8wjqbvbydthqeia8wj2as5ozz5ybvbfxblfclkbvg079kr0n+aswrb/tqxy0jjysw3a+2nodz5ar9xq1mi16zximflrflksf7avoc7irshafo8ppcr3dbberxfi1vcnftq2o9rbnzsockta7o/nhzrff79bl6bbdzsdmtelu4tawqadg732x3u4/p/eb1eytuwnc/wmppesovvv8+vrconjbtv6en/vj5wb/9fv31249h3wfme6lecupa4lh5s4exiodzyz8eublkr5g4hslvlhi1zihtwi8cfakwn+b4mszxhpgnqgebph2gk8e+haabwf4t1t0vwree+a1az4eee2arwr4tybvb3hngnceczwj8ctak8cxlk7fdhbro7lyf6fhqyg54kii+fnvwnbtwj8zzveup/mxhtr+zh3dbmsecljy77znjnbozncu5sdoee/yougvctmfwnswwazwm836y/7++lljxop33b+c4itdsusql/3rdpebmu/euo1sjhpqqus6ni2q5qszsuyp3hmmjjpienrv1qqpin8ngoz0ksi5epuveekwks3u63aegftb9xi2edjvrahfcocvw4pnitvgq9oddf7q5xwqglqlx7m6mbo4sq2ee5lcuvzvnjun52opn45bhik4ltozfqxnnkexgqwhi/furlasqyr5tdiwcqgsj/sym1/s4qgmaeglovhrwv1ljfnpsmqoryy/jvnxuhiov669hnjncfrhsbqsdpngxskcs4nkd2nqhfq1hgpvttunfwdin3rvkxgwskfm3hfpsoxyuvesnmsloqwopogisyls9o7q3zxybjmefya8z7fgdskp7+i4hw0mlenihmaz0jqdgscwda9oosocp7g86i7gopiorvr4x2b0ykc7cgvk140ewrlvcxmup12glajfkc47f2nyog97cjhvx4vt9158kz93e6/zx//ef6l+1f9lbmrzdhjlyw0kzw5kb2jqcjq0mcawig9iago4maplbmrvymokndqxidagb2jqcjw8ci9mzw5ndgggnjuzidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgotikl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl9di4kgqrt0lkeeqrjba5jxnxhimwrgmgoz5/2/zqpawsz553+u+civtrepcut+6u/u/6te5/laif/3niof4hwc8ikdns3iez68foldh4/v6fuswa4ek4jintadiiqiponw+imcacx5pgcmayvmoj+i4lqepcljkxzpmof4qjvlwfewwjzhnwjq6wjtj0ywvyqpf04m0gcplassgf5oolstro1lbujujfdetkbkjbzw/lhcxpa7uo1hb9uthkxzppkdjhg2fgwfz5gjf6fakfyrhjb8risuzuukxvcow8tmubqivsgfpejxmrvwp2klcqvpvguq1ciedtwy/5a7/vu2sc81jgva0la802t0+qnu+rxyzdlhxbizk843jrble0c1ertlsdh/hk8n4cdhrvqspk+gxizvj2mndykjqmjounjrdyfnspp8/t0a9zivrhwoqzrnu8vkc6a/b2uprmj4tlqvvcjf7euju8vgijvp0seljgsh1sdxx64ymi9v6s1mvxmepvwyxaekkf1pkxggmmpko1hvj2xlzvtu9b1yvk8f9owuzcu/m9fccezyxntnzbpqnl2/b3x6/265fp8nwjr01dqu5w3xam4onxxq3//jy7zbl54c24ehvreq5bqvk9wt/+pz8cpbqjvzhfdh93ew/f//+3g9xs1hnhvtoxtaxklfkhh863af4vpnb23r7pw6f1ns38q/rkqza7jl813xvxes/v+1k+sdhdc1ecwaw4h09wttycoijjoueaaxkstdoj+crx3g8lz4grxikhmc1gwj+jpli17upz6/rzxa7ws/n436zllpqf9bcbcj2rtoeps2xb6dly3tubrqspn7fxif1e/2hwkbu7i2m8wvoph0pwtwchdhqup0uno7tm6xkvtbqjyzt0orx2kmx0thqpth8rxykrixttlhw6g4eqineu1hojuwodppisoxfbgnwmi8nztawe9litdfqdzrtvrnwyiwjoydsfuyupxhbdossedpxlfdb5vihk4ifnuvknds/8dvxbiukfjrjivqmc8qkk+didvwcwtgxqyrw6zpytlqc4patma2krc2wosf95scrx+wphhnknaabwraoaojqtyg861ju49eppdyfkqyofpcqkpkirqt2nie5oolgiwr9epq2gggsbohr3e7oncbda086jwz6j5zlggapbdnjkmtsmd8jwmymbz0ctne/dhf4awxaqbuh/r6y+hdejo03wasycsryhtz86ozcpt1c5y5oftnhj/8lu/8cqsvsh2vuzhn0cmvhbqplbmrvymokndqyidagb2jqcjgzcmvuzg9iago0ndmgmcbvymokpdwkl0xlbmd0aca2ntqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5ngovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2xax/hubtgoyoyrxisjpzo7upqw5vaq5s23/+zzlk3xhozr2d+nhdi8j/hyu3e89zd/v/6sdpfz+o3exi/xumyp4+e91wpqmca9r0jntfejwix9vkiwr8xqfh8uocsr50rs1iuvrnfkn5u4nhfpf0kzbasx2nxlentqab9wwl/tennhunfszyvkcxlas8yfan8wx/y/omd1iwvkgetgnjboaawkewepv3+ud2iczlmbfknghhtsmixy4qg9wbaeljkt5ynazjhp1hb1vroljhk2kbmkmffdfxmgcqpxjm0d5szvkwzzijznysus6viizdnx01dlbjzcfdkfcequpnm5kvvmgoqvus5oxenkqjd4bpdt0ezkdqvbymju1ctt9qdbrftbtbletse1qa9th80dvwhgmsegg6lc5vguz8ygga9p3r5iwwgyhp8sofusc4uk6rhelzub/dh4+lsnh0pe61a0y4zayeh0dqc4pykrzmplwzvojm/lzdv8/fl1ynfj8kqwoklp8b9fcchzvt+st0yz5er9xq1nl32w9vcmqkklimw8gsnotlkpqv1znd6tvrybd5wi8ngqzzprturrtqfzishk1n0uqpz+8f283p7szy+toufdbswxhpxy4d3xuerzefx1+fmftbsag4gr+j2qxgcd51i5s94f7xyb7++v7+2q/nohsmpleyvpqylevszjxv4tjj//phd7pnbpxn7chj9890ehp/sg+pgop7mctwmynxhge1p79j+id9zxf4cznvyvdlun+u3yabdywmuerglbn3s2lot3pf1e5+/prcec6milxcjke4kgjgstvqj6wijwkyg3ublwdsyituprcb2op3n0wqgmoz6t2a7467tph3ouabwsdl5arpz/dicvftbtiwxnkmkf+5skwvmwblge9nio/pu6ye6laestxmrd8umogtnsaphpe4l5zrtadybzmm5n02aegdywyuhb8/mqdgiw0n7ovasg4r5+0zcmjsjp7f7dzhm0jyoba0znszywzcdtsaihiaj8aenerdadwjhuuvutfa4asxiojgzmuiq0bfnauftq2osjewfhgsaiampcgsbhx3c3w2pghmnibcyaibflksby7zo3tgqyydeqyytqdypu5xnimpjwpx+eipomghbgys+hx0ycvl9ahziqjh/kliqqygbxgmgin+nwwkeu66bb/cx4uqdkkavb+e9f4psi9zdp6/7g1c+hogrwd+6+xeeqotkzw5kc3ryzwftcmvuzg9iago0ndqgmcbvymokmti4cmvuzg9iago0ndugmcbvymokpdwkl0xlbmd0aca2ntugmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxnjkkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmvl3okouhb1xaiideafrqmupirpjitorarnp4xcj0at//2+5pwohnljsr31x7qdf+ko4vrbd2jsw+3/pn62+h9wophyfbxmw/4yu7iluaccqgq8jfqiwetzajvikugdrnpqkqhgcn/jcbzcwnmowwzemjvqgbqc87pq6ynhekun4li5ljlhoemfj+ojmexwvpiqzs0qjpjeam8traml9o1lifm0m+zscvjqta9jujs2lfjklof9jfkclulrtc6avb1lmttfskrdjq90ddnunbvnrjbxdrlrrtwqlzoenjai8g8s54ehncv5sdktyuao3b0hnm6tk0dttep8iytnzcifoxcumadfqrfuo0+06nxarxrpnzkwyzhd1yrzgyulqrlhrtj0f7sdzbu4pp92ofnkqxlexvhju4e+k6iqgz6xy/a7b//k08v3rk9d37m7kzkywobr4rw69wywyctgdldruo/2hp55mp5pxanjvnkt5ps0gxr/jsvhj2dd3pw80mb0ufq+zl5hxa10vc4qyxgmn4zdslgku6vepw/f8svytlovzepjyvrenjrvm5rhocinvldc6/efjyvm+xr8vxyfp/yd6yvrthj75e1xszurtcuftt/fnx8fmfteduz1g2yspicq1c/cbp1uupz4/p9zvm38aukwdxau3xs+me06z8g3+a77afp7+/blzzn8rhjy7rf/nqhnjzub44imzq64mcnmqeys5r5ihjxovja9k8njffgf5jyb3avjoqb4h5j2avbmqbyvgfgfzbgqr/kgxejb2v3t6rpja541d7dipwi4zso3pucybh+2ch71abzbrfxjy7kmd8cgpgxxy1sidq/40nr8hh/xtnn56vl8pgwqeq05bdid893bp8yfzbwj+4nu9u+to//3i3x+zgl587o4xshhu/i47qeb24a6ffddzt7d7jjualirmeuk1cdlx6hqgijkoqjlbnyytu9xdt0q1ruvb6fz6xee+1tibe0dag1kvrgvxrxvnfqhzv67alq58tvvi+8xg1y2cjsibcg3kdsea+mtmg3cuh3girghzw8oxqhntykjeinsmspukiqy4qh54afimvcvoiaic0nik5udr+rteasanougemossjeuskhao/jpnp+a80d2qb2dlpc+aeb5lzuxkvoblar4soxtejudwbtnzlj7ko9shopj3mr+nfqr9obkmdxo/irseisifwmfiecpukamn4nepwsk7jqdwd3z05cn8pgr7gecd/xv3/qdifjrdzw5kc3ryzwftcmvuzg9iago0ndygmcbvymokodekzw5kb2jqcjq0nyawig9iago8paovtgvuz3roidy1niawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idk1ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zdnw+jqeivxit2qhbriaqgedtkki4krlqdo/v/fsnnvya1f97ppcj4aknfgufnaoofxr/9wnyf6bhf79nbvofclcnqzg7690b+45libhgh0gwgqevb53ipzhthaegrjunurjnraavw65decajmuztasy4fylqfpt+cmx739bewzhb8icljbam8xqmb31h9n4icphgsiukhwvjaih0qhwdguy3vhwtrbsbwqursibpggqw+rshtepjrfwyocobheldu9aiwskdtojrowgvfdwjn4ne/chyxmbtlsxlozxkeikutsscvqgkcjv7c7piemegxpzikdl1dq9uajxrsr5mxlvyx+pl2l05yogpf0odjodbq9xrftrn/l7vhedriugzzzmazmufwtteakx+xc5b47gi5aw367uc4mdfxe09we4zclrmez5uz3ohym0+negq3ataidc+npydee7j4/xqqkkcxxw4onyxyxxc7mz6n+8y4bj4qcln6nfycotlrnu1jvpk7mq/vms17nnid2nzcwyhgsdx+ew0m1alp03x/pvpvt6+t2s5w8dmufpkhsz3qm86iwy5sba2fxsn3b7d62q9m4vy+mtexg8gpocfhm5q718lxcv+7e33ev6/ltvwg4+hvuzssi37y9f3y8v2g8zee/w9vdywq7+/j9+2o3wtid+yto0lwuhkven3p+eb9u5vptun49rvfi6z3yp/1qfnqcf/3iu47daygkx9/0wm+aqxewe4pymhtjg3lzz4bbiqxlzf7t/gb/pqnevqd2j3jb/iavfrvljd5oulxvttvnevh82knll5srp8ujqpkq1dtdz7z8as2nt4nwjrfx5qtod4xhudesuuqzp3kmc9dugxybpywfxtb1tr4vhl1qkgkls7x24hhsgmbdxroat0w1c9t5g3be0sxkrlxvdfspoh6nws1m4jos5thihyyziediqvyp2mi22u1ws14pzpombiavojlwbvcgmico6lyyuyivk6bymzdorcoywnmx/l6folmgporrecqdyyiydtiyw4oizy/8ojx4hw+avztdjflxkbu1ipom9flzwn3wgyknrgrhccisqvir+ap91zgjfel2bemzkjpesqqbjfeiohzkdn5e/+uhlehq4gmgnucgl+hu5eksqdcijynthmq4goicawmopr4lfyihpalhkstcqfjyqnt7qwfu7emofuegvvz/zx5gidssr/idk1n6ytzlr4+eq5dfftkxr//ud/8alvt9gwvuzhn0cmvhbqplbmrvymokndq4idagb2jqcjg3cmvuzg9iago0ndkgmcbvymokpdwkl0xlbmd0aca2ntcgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdqkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmgl/6vouxt2sqezeekfmiayonrdvu5ueq6s93/+znlv3tffuz9t7f54xevz3ytrbxvpe5/v/6b+p/n1ehnt35ooi/p6dv+i1iwpqg4d6/f7atndqv7u7paddccuici+ccowgflsaku0pecrf0cgdajoi8qao5exd2ggsohmw43gbxpmcywtxansqh8e1crjgxprkjqrsffkuobgafwd+feff/qggevfr9bararlhxvukgux8wfkdlavhiblppkdjhbkna4ribknirdzccyrhzduwk1y2ly8u8jk7k4phduvgarkvp3adoodwofe14mm76nxxqzvykwcloprmmxqufxiwky4oytodc6r1zrvtabcad+vcjhfrrza+gnosqeattvpqeuwpqp1uu35fsexd5ok4m2n1+itiicfrplwstnrpoylopox3ao6dmbsbafyke5go4lwsttjlrvd5mpsvfvpx6ajxrbtsuvvkkm/s40vnhjcryldat+pxxxk1wr7np4norwtfnjf157pfg4rtjkbg0owhzvplyrl5f9+s3majbspjmrq0m6shzwu1ahvr3ehs1/pju/3ylofjfrnsx3wjc5fgi4ta1crve+px5wb7+bl9xy0mt617wourecyd8pnq/fpr6/nj/tyfpjcix8edrn+ywlv45tflof35c/zj6/fvr+0n9/nwjmbflzzxf/k2mucb+lyyp335bnvmtmfwt01w2ws3txdi9mbc3f5xf/rir6f3o3x7bgztq8yqxcrgo7+0nrdmba9zzokpvesbd5z5uliun5s1wozht+5kte264lbjhg8zstdk/ffssqs9vu7akbddq37u3/d236k/diyvc9bsmgs7n09fvegb3xfdhgzahwqzoxhoqkpnfvvbyuky4fh2oa0typuiicqhsniuvzud3hoo99iqlfpp2iwo4sydxtzj6vypumu02u1ws1518lbccf0kqm7mchlmkpsvlsugslo004mijvfbn6kcvh6+xc7ijducs6qzdg5kz62kgdfkche4i+5/uoeiirkilqrkkaqbuciioeq8ftfvrjoezxrxn4byohzsiigcwrowkkuebvauki+thhkqypicyrcgwzyenmnolj9pvthtcyvk6aecnk7ppernlj3dtp2nru0jhmvzmsbhha4uiuuft4ivgai0hkdsoj8ca1edp14enaaj3vfaj3cfacp4puk2784xx+lktgvil8p7jjbx8ncoduxkif4b/qsv/wgas7xvzw5kc3ryzwftcmvuzg9iago0ntagmcbvymoknjekzw5kb2jqcjq1msawig9iago8paovtgvuz3roidy1ocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idyxci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zzrf5pkembtu+4xaqw8oeerlirvcf7ry4jggi0atfr9p0tnl9ww2r5tf+c8l1dgv8owzd6zfxf/ux35pf9mrmz+86b4/mwadborx9+eztdvuwmwdcrbegqsgobtpoazj2hgszkiqqydjhrjwgj0ggme0wswdmtxpbbhsqymie7wlztnclyykiqzjekpkecygvhwger8lalb0swvskpg1trd1zq1o0gpgauphp8jjqaeiglokbrvzxwmisgo5hq1lqkcjp8ij4ktnctigt1fnmtwfwrvzgjez8gqn0tpv4epu2f4kz01tmv5vm94xqpuopzpzdmszxylg3gaexxdmg232er4qeb32k3xlhu6iki6ifa4fwiu5i/tesvvdudhobr2/vbdnvmqhd/c0ysyags33fywhe+vo+h6oh4gldcq6ooa2cbcviwp5ovixxtu0vb8wssal0dzm8nabzpmli2y9beok86lmvnyt1zvhn0uv+v1armixr22w8lnuhynpv5d9k8kxumquxgvbtp5cr3zbjfr+/l00klbhirf75raau7silajm4owq+3jfv+4xs+ike9vi5re4xdn4jzgvc8pb5ypu/3hsn9tljdh0lqbj6fmcjd1wipx7h6zfwltt/ezcrdwxt6dl+xmn8afn1/w707pl/hkvtoenn/8ed7svvnj73+cphlzrxp5h80mkol4q/72m73wzfsrno2zryaqmhhdrt4enp4oj1crums00ywgcrjhh9hdoi7gh7sodhc9n6piwb6gve8mr2/vn9vdbrtz3v4po42qacsdo8fhekdrvs2u3xz/mlushkcru9mkf+vwcuqjtqpoaevbdjrbadpblegl2xqufk+zsltbczjlgxuhki1w6+1e+g80a0xtsndu2kwsirjhpvmf25ksfcqod9udhbnqooxeebwyocnylj546othptlzyqxmttrdxr/f6/otr2avcmli/cj0cdngbvnnlsqo22i2qe3pdsqlvaqofetaf9htwykbn8xk1ambhltigjkngzcr8hemextdizl0a6n4ayius0zev5xuj3u/aby1d4rhugvs9gwolnu1ae4i0djzd4uez/xkqy9lybksbimkjfsfopo5yb66o3qzaku8iiggqebxyz3rj+pwieenmgfyepzqfo7cedurci4esb89ag0ikcz4g3yfzzyfoh8ygatbclr9qozj0c/x0rsnbbdojijp/ml4fulweu/c7zt8jvhlr/8e1uq1bgvuzhn0cmvhbqplbmrvymoknduyidagb2jqcjexoaplbmrvymoknduzidagb2jqcjw8ci9mzw5ndgggnju5idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtuzci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zl7d+fafmbtrstyicgjz6gsb4p6fiuqvks92+//wfbeutzb0z7ux3v2zd2novgbe+4mivo7ltd/ft8o8ewsdqdteh4mgs7sqc44d8cxahxba/7h0w4dcox2m4whgmvzpdcm200gnpbia+xhvv6o43ieh0cvdgiceuijzpseqrrfcf4ehw8jcmbjozibqviu/qffuvrfcfhlsfbxtvybfuwagtj0wwgbhq4ffb8k8f4pg/xbywec8xh9ol/vjgg8ywikyhe9pmgcz3o+lknk4uv/0igmuulm1rksboyygy9oqixwloo2z8d5mh5o8ktglhllfuqvsrvsluwzatoikzlps9ifywec5sllihznzquv68znq9w6adtkusszevjjeny3dtujdpxlwbczkvsb7dv+yddodvv1ci4d1xwj/4hfukgwgba7zfwb3chobjkzjie9dr2utyadmlrjxxtcrpytfsorkdy7g/h0ctabpdypeq1a/jkk1fyxnjhtkf0nm1blpjeeps0xi8xzbdls1otxcs0goulbscpxa/+czobl1wr1mn8y95rltejxri61rzxm9/qkypqyf90ztp+x681ms3qztfqtsty0fjf3wgxac/xb0cn8td3tdpvl0/2gxbvmq4wloc0uh2jpwmepi/xu9fv1u3qe/gq8gt6pfxu9oxs+7nryx+gzl83r29vbbj1/odh5v3hdcshpyti/2vh5pytdv030q0avqfrkqh9x6c8bvbmi9wt0lpnemtn90343thchdhdadwd0d/d3u4oj6prykvotl/yt67z3el10epvtdrv+3onx0teyltaylj81hsrhjt99jojixfzgi3uhh3mwnswwnxdtkj2zx/tr/6ztbjy41dxxqabsj3ejfqdeziyjdi71t6kt1pqdhojaqf+21ajknu3tuwfwy8qdn1vtdhs9cj54yhcjhz3w3jihjvgqkyuwqxcvusfkm1ehy+xygdn1slwyan5mxahctqxmohwp6a4og3cobjyzbiy8diy8cygg3ccgfk+wd0oajyiogzydwa8eq7orhjamlaqg9v7dll7jsd3v5qvi91ui1pus6opa1p/qmb7ye1goegfqocaqbefs7wb4roe9mwgncwxn7dstmpso048zqb5bgdj3glyhaxyc73vgdhea6aowgnhdod9v2fnkbedvgsloc7fxrajbw/g1m0++gz7j8i+e/gwqndz+zw5kc3ryzwftcmvuzg9iago0ntqgmcbvymokotkkzw5kb2jqcjq1nsawig9iago8paovtgvuz3roidy2mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ideymwovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2yawphxbigo2pjvkoixbzrcipspjraihatdv7/b5nnnndgnvn53jf3hwtnoo/hysl3fxpz39gpe/3plx3qn1ihd1dm4geebvzcr/ghlybaaeadobai7qmbd8y5j+kakoewsvc4dhngagyd8ogoaeuqjextnmpahijjamyezvk9tza0w3k8gmvzleorf3m3nkexncdkeuvrvuwjyklamrth1ve2c6bzqypoeixugoixxytipit41l+hr3iiofhb1nqjltgzidodmnrvfqa+bv8yd4zjhpe1emrml6xypvk2inkzfddknighvlf6vjgnauy6v7lrjsaoubnluxrcltgqffzexrlbiaxyvq3z6fb6/v633axzuzqeergihbbzqxs4nnalk2mjrfvrdr+gj6pr49dptmol01bffnxz8xgnke7wuww72r2mj7p5fdyzdbpno5+myqibyzwqjgg+esuu6m1npfssv6vlyjp22rviwo/wng7e0wwsiy0orrbc6a6ni5f1zrn+ez4ouw3ljcschubnh+eklahgzm71r/oxzfbtbbtzzuf9ziubvwua/9zjnbhurn6+c54wr9v33e59+7j4clp2zld3s3oci1oix20/tjbrt93hx+7tdtl5uance92vpmothrrcn+8fn58f72uev/ojp+gdwxs13x3++vw526ymg7aph0hg1gah/zu5p9/9lfgvjv/y8o+r/j3s/6mm+cebfxl4j4h/yaz283/5tpbts/7mm1wt53vl9vxnslci4pmefgfpt3jcnk+97pnauebauy6fd47yeey0klccjdhb8kuvzm80w6032+1mvzynes3yzb+kzlmsn63g/wdyvhofreatwf2tlykpf8xzkkdaa6eltbv+42s+am0nj/27agf5btco8phvmp4uj0wt+cptx3kct0djodo5lecsgs4vjpz8d5wtikqrkdqnds8zgjxuu2exmnhfzqm8sqjorghe1ppzol1vttv39512s24xzuru5umttatnlwgkfzvy0ixydruoqlasgpnufye9zthuga9cusbjqm6kzxyhccrkzlshkyln2v7vmoag4qgcueikfjosqtqoltbiwgro8iraqtjqhhiaduifvyvqokimriqb0tg/8vzh5tfpmxwvspimkksrh2jpeo3bqf0qehmxlmubwjabqashud5wxj1yqb0cjkfkjkrasinudmvwqb+1gma4pirdqhc8ieggzk3p3jlhwzzbzf/cpa+swgur3v4lueteqynzrr6+by+ebl4gr7z4xq8a/+jhvweznie6zw5kc3ryzwftcmvuzg9iago0ntygmcbvymokndgycmvuzg9iago0ntcgmcbvymokpdwkl0xlbmd0aca2njegmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca3ndukl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtnwdb8lgqhlxse0ggdokdpqhkkajiu5hi//8t7zlbvkf09+vupvmblsmzw5zjzozwcjyd/cfsnno/wzmrplj52wsnu/i03yefhoidror5nopij55ycmued8owe2myxunxhb7rawsq5tief6jxpm+xlhu4ex+nzjlelcrzvhrflmvjfighc0lvqqlyvlrnn1ztnvwwbp6unsg9lcdiimz4bz+fms+2tf2vxq/91/spmueewtusxyayjksjhunbv21qcthtdi7llc+phu2ey/fkkk0smbimbp1exre5mv4x+s64qbh2ibjp5wqlcrlckuazyvjy79ukgwxodu4d6i57shddcikjblfsrtei1a7l+drlygfs8mdykrli+kpxbknaalu73u7nrlmv5fprgkvjh9mt4bcmj6reqdrvrdbbvcfonbr2u7f1si4e8umkclbyv85lmk2cv246/df4mpk8pq56rwoxfxfmvec+7o27ul7wfefkoxp7p3qalxal+frx2g5umrgav6v783wpdkwy4se51nvd8exluvy+liypvdz17jlo1u7ibdlwoulyo/swwsxxq9xby2zcv63l4yg61m/rycy4suzlpvc4e1ltnpv1cjez3nukizcln5yhilx5p56/rrfb7ebtetps1wujsp2t/dj71tqun4rj3+x9p8vy8/7+vl29zeydyd0s+tuf6eziz45pd+wmziachuir6jeyliswma4wdlaegafobbghgaf445n+rwhmaczaeyaj0anabbghyaiwav5vcv9ebbgcdaggaeoaicaqyagwbbgcdaggem/vgyoaryaiwlsvz1aekaiuad6hts4+aboacvaegafobbghgae4notejwgmabogcmae6argaowdmagyabft0xoae4ajuarganqcmahgazia1gcyaeyaigatoboactaowas0bsaeyaiuazganqbmgheajqa1acyae6aiwatobgacjamwaa0bmagyaeuajkanabnghiajaa2accaekaiwatobmadjaexaawbmaczaeyaj0anabbghyajaa2acmagkaeyatvd/yil563q73w7enqd/94humurzfvwph7brhwty1iweofel606myhups5fvzrnzlxetazenqqflsuhe0uwb7sp0+w29xq9e50/9u1o+ebk0e9f52fbhu6v6z/g0f10ul6/p08f7vjuxd1qa+c0zhpd1fyrzqn31hyalz2kz8ahzc5w9dhhvktvoneelzq7fc1fn7ubhmiu2ht3f1krpqgoqauc5xoofw4mqfyyls7xbbn/0qgzqazeu8omwz1ci/ol83b2q7tl0tuwk6q8ncpv6867bi9a5vbkuzmibs5n59lhovmhc1u1anjkvx9dvwq1ws1g9kmqsyb+psit1o+gehhdv0xemjbofuuwkwlmys8cjjqxlastcfjg7hz4h4twij8st6sy1tcorczuwoyhulvvm6t396cqspdhbtjacjv0si0zcaz+lqxlpft3gnzx+od4vyqrutx1+j0dm8fssu1ck4tbz91nc8cwvsiqqg6bpjwyauqbiir9t/7wnrnyxdsvxgijlikpnuwrjfdisyee6p8ktddwmyxepqaqmcajpxcfvdlxnf9sbyvniq4zcmx/io0z28ykd8aa+veim/ezcnfitf/oi9fg098gp6r3dtro/dz/5l5u9jtz/ovoxpvqhf/lzz2vuzhn0cmvhbqplbmrvymokndu4idagb2jqcje1oqplbmrvymokndu5idagb2jqcjw8ci9mzw5ndgggnjyyidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjiwci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zprd+lqeiydetm5ssiiffhqurr6knpsvxptsuvy/3/lmz24vmtq8uwsdc6a9wnzytm7k50jw359vv9kvzb66bi24hbjcijn+d/lidobqq8bggaxvhqj4pft3xt4g6yky7jbknhnicgo+my7namkrwhprqjhguuarzwkegcyi7wgsjkvjikctzjwoceuv6kjimkhvdpcie1vqrlic0hgv+rpuwmwhc/kslg3omymzeynxvmkgxzn7cgdraxpetoesflpucp5fivqqiwqygd3emazltjgpjno5gpu+zomltajqirwle1nk72dcspxsmrerwy+vdmvgs7kxdxxmqyregxpp3pno5ktudfjqexp5alealvazctatvzijkkaldjzf8azic9p0usmef5rxnduqe2rxku5n47riribdwtub1wox6xcpdbq3puhof73pnfxmk0amksc9ozur4dbxamhynfxsdps9wbpl6dhqfe6xslbzlgghc52fxcvi5et1a67g+frgdr86nea1wi6psu8nfxnnove1uievort3tprzdqdtsbdh7ur36ezectec/to7ubevkop3fmj038zv89ms4/j6kl3uytljyihyq8oe5pknzdvb8o3j/l8ppuon+/b9tlgyn7ctadvprxozovfyv7+9tih/crhhmql1dbd4xyfdc4rp+kj6xy5xc4+jkpe6ynkjm207inemfls7zgz+dth44efqfgzid+r+ewjzrv2s9gyy8umv5vspziwmctgebtdbayxmctgebtdbayxmctgebtdxfxxyrfgewar4pqq7+8wgftlce+l7j6w8l0zblzzdxjok7nbm3xcmzedlchebb92z+jfvak+d7ewfbvi3btinjpkvnhtapauztx2yyoxykvvajwoaymsda8mgupccmdzwvfutvq0hxoctxytcmfqabqxlb1nyyryg2g2787hndfnsumbw/oq8w/u/woqqglnzw5kc3ryzwftcmvuzg9iago0njagmcbvymokmtg4cmvuzg9iago0njegmcbvymokpdwkl0xlbmd0aca2njmgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaynjgkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmmt78uouhtstcpcticqict4uoc6koqq8pvw0//+37lusr0v6pu3eh/e+5vmak3lmztkzswzxx139v3tt6ucvdtjevh3txnh9dahvesfzya1ccfvcub8ehhmgqfhbsyikcnzran1gdti0w7cugiyobrhbnx04bjazlbfieqhf8ygozwgqeac/n5+tm2fdgijjyquvliwr51g6sgf8jx8zoyimx0vhikrpbkjxoqoiizzlbdg8xw92ciceoaizctozsiwrluzedfwrebby+rqegzocikt6ipxo5yugqj5rmten/zdozxqcbyri8ljen9p5uqvwt227xi0xs6m4fhzdn8i7mdocogijdkfsb7a7oe6rusvnujfvhvce7neezhhjjvn5m0a7pxydrsnuq17omroicjrmc/6yjp0vwloiw7y7g/h0ats/h/vva0urpkpov8ge7tqrkkyqx20njvph1xq9flpmr91gjzuiyihgmzbx1wgk5srizcra3dfsud5st9vn1ej+0krmk1qy97nlajxtbvqni9xmdbfbvtw/zuedeiglk7x7px5fwizohcq1kancdqbl55e3/x6/264x465dtazlndreu6wmsjet4expszscj8f966/hsa9rsoyi4i7kj3vubpvdflv9o76/vx92z8v7fqoujn1pz1xbi4990cz/yh9yv+zfpz4+jm+bpymx41wvoyyojbkzz+iji0owh3pti8ud3fljpzi8v8mdkmyuyg6jbjnjxpbsdmngkbtp7k8ipdog1qgpdkh1qkoduh2q6obub6q6inubqq5iducqa/l/6hwzbgqskelasisrmgnijcctgdbxalyrpce/3bockcafi4l/bq0iknjnqrkbmfwksqtgmvu5hqlw+lo/ha5vlwa89r4ehjkhp2z27xfrlekur5vvceoh1kyxanacl38bq7ndrbftickaug+seujbczvaqr+wqikuv4+zca/pj4iioqqgqzmtndrdywwbepinb616mr33bu1pgguh2uwmrhpq+k7xtiu5pd/gstehudhntphgvu30+v1+t92sv/jwpcqf0m5l6tvbcgxvmdofcrxeanm1m1losmikekjyz3zyiajvckiy/fymxyyhcrlmmq5h/gr83fue+lai+haskuylqvbkjbtrwie5l/okukml+aljlclqvddiimpqopew0my+cdlyxjtazakszxeqss+ieaku2cpfuiwrhef4muauwhbefjdvcfb7uz10wi8knldbhiofl5o9pleb3ekfo3chcbofbdha4b6qnzyc/pg3cg7wodrri1tyxyifo7t+pwwc6a7q62922jmnvs8x8xw/xrh9z/9nd/4nddh8agvuzhn0cmvhbqplbmrvymokndyyidagb2jqcjgwcmvuzg9iago0njmgmcbvymokpdwkl0xlbmd0aca2njqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5mgovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2xav+iubshrvzyfvzadcxdc0ktzhryybq0977/z5lzloiamdmvz37ef6lwnmvh/gsev8pxx40ra5y7lavcftldqpjr/uh22bfgiubvcdidtrkf37jbpodaclpgughabotiwrfv0e4aprrf0taoyunxu7dazn5o5azgd0uzlmfxpm9xlmvqpabpcdi/qxsohumfnyhkkiskpq/aqqgc4dtu0jtl+yr/mcqriillwydkgwkp+4hh3owhwuemyofoxnu0ty3hikpq8ni4/7fpr65ung6kfargok4l05ksjhqyey/ifuddlmhn1zyuckzo8giwoiazhbtypviplwq5vciqswjlib67wsrxcm8grkbypfv6wyomxn25kelegyjpq/dhom2lovgyv67prxan02m39ea1mfyvv8b4vuhx19cl4fe0zf1db7/0b4nbv9t5alryt9ggz+xm2z1phxuj3oarj+3e62g8ho+gvu6zvkzhqyjnnh+ic75qlfwspb28jift6xtypuw9p5szqizx9mfs4uxuihnd8xsp0e6njp/z+xw2hq9+6dvcqvhjte6tpmfptptvtpmxm3j/xcyxy8xsy/jydj+/dft5xgbnjvnnvvrfrx+z5xq9xs0nb91wrqc4yi8rguavw8l8tdls1ovpqad4mhi4ieeqze7bdu8/14tn8eli/fx1tvl+ji84/gloxli0spcxlbeehcb//biyl7vpcntchqmxz+qfvfet1/dz9+pfverpkis9e+wlymq1wv4skpv6mzurpy7klkuwkvdtu640w7lybdvnn9vtpoydut3zq5shhmetu6o3210uwwerw7ytgkklgtqzl9cn7ew8n09qj5fabie1uq5vptzkk7wwmqdmza6uirk0klp/sjkddkviq+f4iplgh89mugkvan+rkco+p/sxovuaqfs8y6f7gfqghkcycarldbokhar4rfswqayhhqok14gqeokqlgsbo+gb7oztkcdesczmijkegjrc5hqchaahnhrazmkuty1zzg5lh7zstngswbchge7neiftwammiagj0ciipymi6d+oamgcomuu0lidbl8yhw8+t4dobffgu8i/uf83x05uymvuzhn0cmvhbqplbmrvymokndy0idagb2jqcjg2cmvuzg9iago0njugmcbvymokpdwkl0xlbmd0aca2njugmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdekl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl2tbolauhz0j5i4q4ivhubez0bquk7myrntxkpf+/2+zfy6lofj2bwye9gef4+e9h8uwck1i5h+qh5764ro85hq4dwkmfvoktwuvgeoahkerunaijma6gmcwikmsjokcauhswbcicsapmmzw0tqvjzjowe4jkjajalig5xhegoj5jmvgxyr368e0gavzthalwt6gkmvjfdigjpj4fy+ppbwbzqkxwvetyrrumqeqckxgme+xg2gcafgoj9iz/zcb9uvlpbokjha00unrd+aesbgcrky0i1+wiqenrcvmg1oqlgssrri+flu5w0vxtj6zsnb1hkpallk5prwxegzre6ycykulpeeldu2y6bratvoizhdzwliryxufgqqlsvosmskw7bpz3e7c3xxav07dlmzpvikh9v410hmiyghyui+u6077vuv2em73ru3uz0w9kqugbn6rdstrxyhgvnlzyrvxc+8+9wed/rn7f9oowezaerkk9caps2l8jfeqtzruy3a0ho+gz26nvstlt+igfhuhnsbujfm+vh54go6nuopb08p1xvk+o8zw1+rdnas5mkqzdqpdfrlnz/p5bpr7pdu+ljuaguno1jotxfk1qqv5+9gfv84xi/nrqp9427abl4lxhg4b7g4ms8vyuzinby7gbt2xh686nd4g73wals/x4xs+fhtbzifdeecpks1j0hfuylazozdw2jkvhr7wngnvmfdfsfvpf744whfhx/m/erhbqtbtyc/2paf3lr/57livseudtkett10qafbd44fho8898mphgx8ou9//1gfv/hsn+3fxxf69dmzqaf7dlw6aka6g2lfnum0fpgnkxkd8mc4e5x/z4xxnj+og7agxaznskijzvpymmwjkku+5kwpkiddbwwboyeao2s1ncp9ekkpqd858ahvmexoltddrrlz8uf59z7fr4lea+niwjsm0ssoqnwptmgyp9byateeceafo8jjkoyc/j5ivbafteau28avb/yxgo1sffml32wbfpfyvz/wbpuukbwvuzhn0cmvhbqplbmrvymokndy2idagb2jqcjgwcmvuzg9iago0njcgmcbvymokpdwkl0xlbmd0aca2njygmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2xax/pwhtge44kepllmcqemszqasxvqlqpsnu+/2c5ayepoyb79v7u9bwi4b+xtzei57m7+7/q109dg4tp/vbln15ygd5fyganohgxnfvgwkbigia7giebglfileevgcvxivgtgsbxdbzaoz+8s2paklqorlskurqzjncce96jisavolmo53lb4hmozwhyci4hpiarjmvwvcjjcpishuwepsmfp2zhp0mmh5yj0bim67qmxakqjhim4lh/bzzc8sdqkhrtjxtgbgvsst2mhhmgindu/h73ilnarztdzbdllm1bpuiuk4yryy4mcbtdhy4mjopzyvvpzuvlaq0bqlxsgmnefzglgu50vnkpjxlbjhk5q/lqbhdb7wb9vmgmohixch51a8v/ywtfihhdlfwctv9pobonb712476q1hsbjt3n7qsddr1imsnfbnqgo5fjddp5gfzbdctmretyljrnar7agjqvx1pfauvxetkblxbz2wtyc+7zrizmho726u2ufhq9yzu6t5o3xxk1wi5m40grwkjfoxl3lifvcziwvn0sp/rgr4vvx2bzszpphp1aka3j/l6pcuzqe9l7pz9+w6432+1m/f466tatjcbztduah7gyabz5+djfbbafn9vncvbcawcuxmktuyqhf359fxq4berx8nzgslhvv/78+dqu3sb9hxuok4wyguhejon+rcdx5g0yv358t2vmds3cbhzn/8pun47/7o0ddirvop7jqnz7mb1bss4bfoswmo/glj6q/fkat+tan/nucbxywiw7vefzu2euftnht14cc8wdmvdb5prmu9edtufl1xq9wr69plvrxxt8nhvdpllr0qv6ezb+nb+d5tpnfrnsmglsgr+jxkocnwovpzcct2eg6xjqadi5zdtmgks9/l91pxa4msjatvb/atqgjqzdp1rm6oqpqf2fcezutxshxg92eo+gxtupwjkjbonblnnv931dtvnsnjep2nwg02y1mk69yuxtmgow+ix/x4iucwy+mc6v7hifvlyk2zqelxjgswc7t3b3b6yzaxfmiqpej0w2lwflzhrsi8gcfd9y++akkmeghas8rma0rniajfu4rbugt4od7qypimyhnilqjaqkqiok8sw3fdclxx4nybddcoiohkgialkmupy78/1cpffjtunfppphwbdd0ce/wx1m0fdaqb3ohycgjjikbyihfbdh+wt6qbw0xomhrujwjvzbk0uwx6mw7ezhslyqbufu5zpsxkfwaaila7mvxkd9t/cq3dgrdow4iy+xvbl63/vwx/d7izflbmrzdhjlyw0kzw5kb2jqcjq2ocawig9iago5mgplbmrvymokndy5idagb2jqcjw8ci9mzw5ndgggnjy3idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtexci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zjzeojieiuzoycricgolmbuxkk4rsvxvxk3qnhk/z9lqttmfcwz25n5obcjy9+d6rlb1km7u/+p/ndr14w50a+7n0ag139ibzdwfr7ioqddgaxpwmpguqepzgawieisdchbbyiyhbfepkadbbmiajrbommkcseiiopm/hmnmmnyfpgknmmzkutjax4gsirhwkjekqmgwzzegwdpiot5r6zhdbboxpcisjyhisvujroromadh2viwoyqwipjzjh0tdkhyalpqdwq/mv2ucghmhej8zsrkxrl5xk5zbbu9aqqixynwznjkombkmifoz7kmuwq1wg2m3xrozq3uqouzijclu3aa0gypkiks+zdvdxp2bbdfwxzlykhxu7txyqflztehovejl9pdoz+cdts2+16jz+osxc9kzk4ixblljktwz3n0xtuom5smrtbtakhyqibwth8ht3gau5u0/lk0x7oxpar1wrhtae9zuu+frpzu/axejca0oozqu2xp31zvye2s2f81k7m0oriuzdk8ycfswdjmpfiethqduflzw6/32/xi2m/uytk1aghn9q1zvbswijve2nntx0/ha77t+v82lvmxy3wkpkbhbjjlbr25hw9oxypx/ftyhn16qyoqfhgtwwz4zv98epj47bbi7xo/iy3n6alt/epz8/p437zmrybpk7chore+pnx3jf+zn45fp6e8fem/8xx4/8m/3j4x8m/hv7x+bcwv98l8z/wwlgg/8zxqf5zhy3r9/hld/0+h6l6xfuuiza7knz7o7m7ma26vghcafjl1+4aew/t6gxni812t9tt16+t/mmtn1g8vadynmqmug0/t5zlbrrezedprqdvzxmgke5uurlkszeyogvq63zs7zbk2wruupvngimr04xirw0pxjpqdnzvtaqmnpddyeevhe7jikkjhu/nyvv273ka6j91w7vslnxyqqgxrqrhsdjcjkbp+xkt0e50u2aog9vsxk9ebesyrncwtxqtlpskni9wqhao9la2c7owq4bs7vfv7raxpzlbvrqm2getkx9vpdvfgoveuwhawfuriyytpfhcs6v1ucadsqgxkczr7ouix4kskpa0fxblqklgqaoai0pimaxazw6xdcu8gajro0cmskbibnoeypu9adq9mh8nydmor+jylqfpxyullh55xhicoylqdqggzqgcdgegxs7+i0bhn1oo0enbtrronxcnbgrsrvdp4tw/dia/8dwiqrdwd7axdypqgztilpzko4cbc/za/eoguxpwqv+9+y/f/gvdnobwzw5kc3ryzwftcmvuzg9iago0nzagmcbvymokotckzw5kb2jqcjq3msawig9iago8paovtgvuz3roidy2ocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idexoqovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2y2xaiwhcgzvgrssyfquvucgqcj4xtjngocdak3/9vujaydk6fy7pooi5e4auidgnk/3s8/7d4ehj4v0sc7jx+yhlaf47h7lidgy4h0nsm+it23uid2ov1+fyh8pl8xq+tczvg015asuaggkoaleahdpsmfzyiotawwamspciapiikjak84l/j27qfwwmkzliwq8eyde0rooa365+vr4v0+qmefwr5isykkisjyljg2sajj7jiuxe/rlamh5lkacyuqmo8fpwlemdqbab9ni8hny7hfcoiciyrsuugyejpzcimizxd4tz/0o1dpeagevfjpixmll8ofpk5jjfsfzepeqidk/jold6molmwktaz+vk1vm/ua5vs3kyrcpilcl8pfv3f9eet9eighug8nslum612p9tptxrvqiyvl3gadx+gw0idfbtwnlnqttr9wxd4ouh3rer+uvncdhnejd06tnnslj0rnzud0xgynyzfxjqncjyve1nqcvf5czqpqea+1n4ztwfzxxw2ext5rj7pcyk7nh/shvakbwu5yrab3efkvlytv8up92gnuxhmrhgarnkygmcwquhrmmwrp5ot19vddr2yjnrnkpmq7bve4yygjlov1st4vt7u97vt6mpct8oztybj36johkkapw/ef5vd59fnbj1/f2kbrgj38fsueofxsskf8fbrzlndf/362m8wk8gzi8pldnohqbqtub7e3cm4d5n7e7g/qe5vppth6f5ruk9lsby4zwtum8hxivgjvf4qjm4om/udrlrp2dfnn3tbnyehjn8wqqdkkplyqz/6wg12u91morv1rjijmgsp0etvhjsfzpaavef0svpv1qv5znhtfo9opj8e5cojx0k9pridofwu5tprof3lg6re0y4cplguxhcgnbtxn6pwbwhydtadjf57viwxrnovpxpbjjknwdgazbtrrd5g+dz6gw66rvrbtcrhazvsa20mjkt6rlrrdbq9fq/btmrfrk5g7mgca22eezqvrjujv6zug5zlnwqvytbqldc0finnkqmbk4wgxttdfcous+vsmz8zds0qcd+9/bh+ho/tqha0g5kialj/nm2marrppao0lptshfa4iyvpflylafxnajqwuopriciw9kujafneohjqaiytwlikistyjaiwcnjebivm6ehy07d5lecqym9wpc8ias9zbjamb9jq3q6pesd6caiaawhg8iuqh3kyzkn54kehsjzwnecb3cue36jr++aahywrdax4v451dv0bnqd2il8muwjgcshy2+a67mrux0mwntticgkvuan/n8fgji+hunc3r/khunez/8mhfgpdswvzzw5kc3ryzwftcmvuzg9iago0nzigmcbvymoknzikzw5kb2jqcjq3myawig9iago8paovtgvuz3roidy2osawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idc5ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zzrx6jqembbts4cgshffbvfkbtxvlyikwlmmprwfv/psnmo5yzz+3p3e14gl/8z5ow/zp6zs/9u397pk0ke7pedwuspfqchidw/cf2hu6cwybjiwcxghikz83o84d2pagajgiqpiqjpofakqaafj+jjokaqfb1ngbalyei0rijhf0tjv9auzbajxhcsiehgeyxdu6d4lemmpojsqhbtsqkoqqlikpjkuthfqvzodlfjygqv5wrrvrwsngppwu2vuwlh4pgrhgxhtkrmcowiwqazjsoxvaukxcei4cnuajzppxxdtc8rvdetvhzbnps0jld0utoyp5ieqoqg5bj1zsvzws2rmmmxdvvmqdqr8dgxmhwktmgq1jud/sd3b/1uq161jiwm4y9wtfgaexxddopebziebmfkpox7dcfmqsixj2pw5x5kj+pcxhopdmfyw71rmjudzjejxqtmg1oksjncoegml2wkl/xochk7wk5wy8u8ghavnfjg4lkklf5n9hoczaq5w3iavff0svpvnuvv/wzcb1zmhzlhe43gfcna6txmilhdbh53u8fnah74lbecu172gsvzwmtuy7+5e9ju9vvddr24gxo1c3aol+yit6q5susnp4v17gm029xpr23a1erhufvrh/jz8wv+w85/io9m95v988+fz/vtcnbd+cijiow6qyg/knp8exxv5uvz+ec+d9rswx75x6b32oeplbvmfdhsux/3htdfh/dpt/th6o+4ysungzyab9wwh8xx4th4uat878ppacmma1aa/cnsfr3zbjfr5e1k0kywdrg272ytmnxypuhcduc38+udahk3hfuatikrn5h8mfd5stpsmje4ns4xopl0pgj/udbgumjcjxycpizfge6vq87gopicgrhfavstffpmhe/tb3jij+vs0xyb7z4/avn9dqn2udshmah/y2hehaf4k1zpagxhu9ptdtqtuntp5ruuzxxbcgytwcvjwr5kx1zrdvdndexspimj/3nkr7bdauotldxdkjxtc5btgv3sfgxnirmcnefssbp4cffzxmeaffj6rpvf/p1zqjgyy4gxrelr0xoorsqskcsaxubnt+gayf/kgzpkhasyaolgc5grbdpirba1gpdgjalkulmos4a4jsu2fbb5toqhkudhey9slu3hqfbdka+enplkit4sqpaaxikttyw2zh/egarwhkw16bmdj3iu0lvhw2g6j4746dhhbba59rup3p77l34b9m4ft2vuzhn0cmvhbqplbmrvymokndc0idagb2jqcjewnqplbmrvymokndc1idagb2jqcjw8ci9mzw5ndgggnjcwidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtmyci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zhzd6pyeezzwwwzb0fwqpxnxtkouange6eoyf//lv0f6sqqufet1+rvfa8uhx2kw1ge2nd3/9f8us5vfsjb//rmx1d3ebgtsd9x4bnudemd2ofz+/0bj/do5/thge37gcqikgxcsjikiacmsadchqbpgakysne044smgiqmspkbhgkysdmslwgirua5lqfgwc3v1cyphhmkwvhdefujyslp0kghvyipeickwf5swno0fsfeipoaejkmsmb8lpchj04egv5wi3hdtgey2wwmbszimijxun/vu8cd4jqnh6ngolcovsdluifrxnvfzckspv+nx2xxexqrqheju6jurva73w5ztxi+fdddahmm+phr+mf68nbnj2le1hkzyq3z6q+gw+gg37eqetomsixfxofwokfgukjmvtrqdr9mkol40lxkwuoxezom4hf1vr1xvgrhm2wrn5ron1ar1xi+gxtqbtoqcmwn7g9qrkwzuwp7mf2sxzabzfnq/nbvldixvytjfz9x50w5wu8w6t3x42qz2+/3u5en2bbdysbcehskbncac0xmyqm/wtzvxo/h42g7no87tvxcw3o9xflqjfwy7qdpm8pxddq97l8wd9163takzhvxoqlsczbbbv/pb29vp8nmoekbrss/4ely6wpvfjk/xyep693x7f39/fy6fzr2pdxp0lwshyx0vsblb+ytjhc1ezeh95fq/ud691xvruk9lxlps94jm3si3u3aux38az+cz274j/2qs/p886mbtobnabbmp/p5fmtwhhttzb3xhsy/vbtuj8uxvd3j757n424tb528w+npcshdldr6d/p1dn84hpab1wzurv6gfqiuj2vjfk0znc2ft5dnejeznmuzefhkb6sfo0qs2uqzp35crigrxwzuaxrtqetccezuy6livx0/ns4hj9nrv1xnjsohw+hi6jyqbmtljxz/oiambr1wrzioh9fzxokcwamkk8ixm1eqwe1ur9frtkxqmwnefaeeyjvu6x8+pmxmbkfcrunqlvi+y0rvufeoivq0p3d3qmxqrqfvmjlchpmf0xujy7wtxr5uesojfdobkuyewdwj8uqsyitiedbiphi6c/fzgcpssrq0w0gjazpe01rfbukg9i11w/liu2garumgsjiockd03gjebceifpfhwq7dmgzatmg8nlkzhayprhlkjyvbg4kwduxfvgvhcjo68ki2giuwyeg/7aidxlwcj+ovxstyvctrpglp29of9z0rah0ewxfyppk9+/llygyuh77rlnv/w5v+bpdswnllbmrzdhjlyw0kzw5kb2jqcjq3niawig9iago4oqplbmrvymokndc3idagb2jqcjw8ci9mzw5ndgggnjcxidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmta3ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zhpe6iwemfdlzccaiqiglgptbbrvbvv69pqrbyevdvv/1l2ejyg4tnnx+4u80jj8p8wiqhmn6hqp2q/xpbnslzkq/osc1b89bju8neaizbegbhyuas6kmepa+ofmugqjek5rpiegtz89i4ypdtdhlexde1tjogr36lpjsxyvicn5zmwcry+hopvjmweoseiyxiumsyjag8o6ajepyr7gqaylhflmkimnc2paqk1hpuelkytso5elvzcakgkquk9bwbazlsrtmtlcbemvk6pjidpvpdimp7jfqxiqvqsfnkxrlkjrjigijzromghff6maubwurir1vqtemoxizkzpchcmmbth8lzty6rrrz4xw3etjuddqtzr5typhytocybpzyznbhpziy73rrvpqwgd/1up1epzq1v5if692lr30mfevkxcuvauzt4hi3ho8df/u7dtkwtgmfb7ooefgpyizowrurzfjb6ns5m08l42gtvs5epumg6we9pdt50vohpmvk13x+azoalxfz1zty4a5rzuijyzta75tqbisezv/w7x+pzfpx+vlq8th67tbtgqjkfniveu7lyozucvc3xm816nz8+9vuvqlqvegdrplnzoplkxtd7jy/z1wa73bwvzqoh9o2vhq3xl+t5kd9nf+/bj4/tevk6bnnrtjyx27f90wwvf3sedkrfy5frj8/pj80qkifqmahhb9lzecodntk+cykdce6m4pyinphbmzj4uyacq/afhijj2vntm+80s7xozqmqmv9bduytyfecdhshh54m252/l1erjetvq8jf84bil79thjqyz4eorkc68icwiz1shz2m0+lktgepyal7hmjmqtbqdoyjmeq2dbsazcmgehktduxpajffgjuua6273gny776nuen34sb8hmyfwdurltv2vfazs7m0p5udmo+yulquvmeqdtnkmklfomg+0a76ecme0m1s3iqcwyvcbogscjqhvuqjcubvkgecjalaykg7vkonvcsrwj9fcpiuhhemkzfz9kvhnd2izxqxtihh1pzlkyjyg8o8h53hmiac9krd8hjlecihz5d8xk/gogeufdbqj6do1qmq/lcfcmoqui44x4xaeusadnu4consjqphd1cad5ehjkmivj/vx2887p04dvq3jmr/8b+29ze1xccpzw5kc3ryzwftcmvuzg9iago0nzggmcbvymoknzmkzw5kb2jqcjq3osawig9iago8paovtgvuz3roidy3miawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idgyci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zfzdqjaeiadbgtffbsibfcsxt2ysyzzmik6gpey93+wqw5mfixjyexmss4u4e/qomz4v47f/qp4truhbmtl+x0yoqqrtgkbt4upgesgpyug/iajoifg7a/ayqqkyfg6sjig0igqva8mydhf0ttjb01rczii1umhkdpo0qzh8wionudyggbablvlolihnc1ygiqrcryklak8s+mjgnpuyimoqzxqtbsug4aupzu1iqkca/l3ykdqanklipo2mua5lctz52bgskukynfxqd+qhienwefr9axvknkxehapyguntrfzkk4e5h5yhpdv3cyxk0690ww26k6lxdanteyzkph+nvxmplp5c6fzca8h3e7tusiyeljkavz9938fcokkiflzzq61uzd3/fv7/t1tt12z8xmuplgn6mkcerips1hpdxv3z95g4d0/9lrtaslmjwqw5ceblyd7wohj3bjrv7cp3utwnbq+dh5u3bqdm6aaxpymgnr0vlsn3gxzuu+9jift6wt85vv/tyr5m1xkkfr8qe6xknzwqlrvhl9g09l8ppuoxx5vo9virppc5jykzyrvtu/p7c9ssvwuzpo3p7srp5tvjb63jpidk0huxn09dyfz5cfhcj4dpvfdgsjlchkqwwk5n5ouplarj8x7yan52uxfy2tufzd+ko8h9936yfn7cvx5uvrojviyelaptoa+40yeo7o7gi+doftwhdfmcc2mf7yinu/3gy/sftsordrbz8wmxmp6v04rriwlsbjto3yfzd6xubyjjjii2vbksrbhs9+gexjsrxlgamty5bxjd4fdvw+bvbvm8hghlfs2wgkcqjx5ee+aec2eeiqaigm7+wzqyk7l/d3rq/ru3fbnzoubckioisx4yzunttu9vu66nqbgn0qy/gc5mbye4eqywmta1jzlct401h24iq3psgayy1j5ytmgkjfyvlbxfiglycc6ytkcq0fopoxm9tycqgcyigjd5gzilyljlqxccdsz0pikycdg6i52qnpfz3cckptuqyiykaafr0lwkuecmrnrzkbezaay+4j9/zf6b19adkro+0qox1q8cshj6hzhb4bwf837cbcj+zahngbvjvbuau0qojctvh5psbvzgrqbtg7ear668xfu7p/aypev/dnn/gjgvdqmzw5kc3ryzwftcmvuzg9iago0odagmcbvymokodakzw5kb2jqcjq4msawig9iago8paovtgvuz3roidy3myawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idkyci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7vdze6jaemwmkjccaqliayagyrwiup7xifc0jib7/3/l9gwmkyi7ed39raebobrparym6ulip8iph/48mr91f3eyat2/9aohbaz45kurq9a74byc0fhxaaxexgi3hi68ixwoh1beab+xetlckcrf0qckikkiagebfmwgmknrdmtxpidjwizgaqf8ldsujkia5qvrimfiqprnarl4v1dpyfkoobaphhckrdusghfvlgsoqfwv5apkwgz5sdgs6uw2zxi5bezpxmwrbz7u70upkkdihpfuzdqxt+wcwlbmrk4pikctop1hnxieyylmrcwzzdulcqvaq1ur5ajlpjvzycl/eo9omlfzy+qlt7u7t9vut9xg1benps7xx9ljiuyovlrtzug20er0b8phon9xa85nlqlegticoigekofsat6mzsyn3u7dj6cpd9pxsotwi3k9lqjq4f29f4/6eiloqjzmfspubzsdl5blxxwy7nyvrywmcv7xh/qwwusvlfmqt4ftxwq92axx83hfrdi5riyncet9djirvd3v3hvgs9vm+/y83swfhu1awujk+7n66aygpq/lzd54sd6+7hyv28fzqfmvmimzz3dnv9bfon+6/cly87x7fd09r+fjbqnkpqa1gfr4xgl6dpx08vr29vqywsb6xv8dvdiapdxud4i+e1poenfod+hvv369nekxf3jpkawifd838twz7y987sx5nz2xx/kbef5gfnuj/ny1/7yni03w7u3+sekmsisqayue6jl0vtzshgiu+9mchwaeberpo3mp8udpu33alken5u8iiyujwg8pjvpvgrcajxsgrrkjgedjixkof0c68xiya1ea3fvjbagytqy/g06wdanhshgslr52aq3ecdqbjaadzrvg6uqxmeqsgmtowy7x3z/dpqdbblzlvjybjfkqo5hableb09km7vqbtbfvcpv1sungskksagafxmyaoerqncanmozvdmovqllkx+d0lrzljxq5bjuhsm+lsklpmtfwdcdkg5luxbaoblm3nrcaf2u1kqk9dwc1r6kxyb8lh2+wzw8ylirgfdwuaekqehojyhzgyj8um2o/oinjq7mcebvraojgvdigiglyh3wcoygwqmcdwadrjle3tu+vdh9e5eahij8frguzloyyam0wsu+zohbxexuhpnwjmi4fbyct27tefhlkiaka4ae44tod4hfft/a1ewfvtu/xdz/o4pmddpffhfsntbnv6wvuzhn0cmvhbqplbmrvymokndgyidagb2jqcjeyoaplbmrvymokndgzidagb2jqcjw8ci9mzw5ndgggnjc0idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmty5ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zlrw6pafivrq4caxosmgnlbzavbu6zmbto8zzrw/v+/5cy59ck1bj+p5zmb8aee3jwdragwy1xd/e90ff2vtun6i74ztmd/fgi/fweahkqy8chcwr1eawgccasdwdbb8deqiao+8kgdhkiomqyzepyiqbao8kipfsbmm2gwo4gnmzqowc84rb+nktrm8hfbliheickzdi38ex3sjegxlc9iuuxvdjcmkrik8ggaivxxeukhgdyirjujblpwmmlzizihrkwehfpn7saeoso8pbijzcpj27mcbwdsyysuifa/ho18lj+0womkyabtfkfudt1yqedykdnqri45a2dfni1egxakbrxeadyb9apbzkvnxy6w9gn3bgc4uu2knfkl2en2+v1et92ofhm3csx/2g3mezak87ju2cvqszsyjkdd+7tmpzc1djlnyml+ni84db3euo7b7d48tqaz2xqygnqbzefgiebcfm7ner4i0pygjdkfaud+nf0sn5+x86frfbtym44rakvo9rgp0dc6ms3wu8pjyrugrebj4v2tmemoikth8yc4nklm2evgfzr9xr9ut6/r5doovy9ltu2ev9qxnjc0k+c27x/nl6870otq9thvlg1tkzhpxae8nrgv1tu39/e37ct8fn8s25z+cu86p9unemvnfy8/tjab3fvv3++79wiy8pfaioelhsfsnxmpc9ifmw//+fxrxr9m/buh15ppv3h4nw7/ueqvxfzflb8g91fy/luz/5rlv2v779q+4qlmpf848b8hf+df8gns/sl69fcbl68j0wvudyjl/pzgxga0js+4zhspu9kfzvab7w633txpr/1gcxdrw5qgh1wz7vk99+tp+blebnyvi8mvbr2ytxhz3ui/q+c/1+4g49lybvpohwedaiedvz38d3d3bsweyv9s9ybj6rw0ht/0mq6tiikcupun3hjmbxhzsozktxz/obqdrg+9druibrn8jqy4jlgdpjnpvftrdfsdup+uvss76yqqkajhkcfzbxmsei0ls7flsqpv7ntarxqlnm9yrltwyj2cmmgo8wtgkztdcsgt3tqzzeyffoysvbmc8seqrbmyfrnsmzytbzkq2pgxvyjq5tqluuic8ynokfu9bizvuqabkxhxfadpixvemricpilkiqybmzcha4osik2kf+yyegggjjzlrqrjlqmgwyi4iwt70ythfkhuxvmrem9zgjz5zmwkhzktwqigcymwjkncb/qkfyxxsh1m7jdlo4jgawr9jble4ezaw4b9hgibiar8oh2meeyenneajjgs2evnw15y9ozhrfj4s74v+6cs/8nj/wbyfzmnzw5kc3ryzwftcmvuzg9iago0odqgmcbvymoknzmkzw5kb2jqcjq4nsawig9iago8paovtgvuz3roidy3nsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idgwci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zdzv+pifivtytytkabjagmaqwjinilmgmaqbauuvf//t/spqi6jdj/26sv+ypxocaqo1n45ofn/6k8d/tszfxqktxr3tqx+gomprhxnoqkgauilia2luvarflhpyxpykqioggtekaqbbqd4rgoyzljusyxdlwv2+cvnugzlc6ikysbjegwezaagttc+hpukwv6ufvxlygmqios8sy/5zfzxtcclnt2bn03lms18vtfskncaxzjfcrkq56xiytkhoawildnvwwap3m7g8iatjmnlqmewnxlvq/l+zauwnajpqblpkar0v8br4ctfimndlloxqan5fyzxzuzw4rznps2yfilm+4fhom3lwq7geo0wat2bwlhy8nxctpn5egc/psuorlamy7loxlfj7kov99cn29enc8cyfighcpiz1qmjnbxvxkhsh+1ol3kadp+sxqcd+uvctovudvauqxosli9vg1hch4zgk8l4nojhuanaymssr6o12rg9rdkcndedr9nudkyv09ls+jiadntnzzezmoeb38izttatcz+87w0n0/nb23w6gfbuq//c0mwoqxpdxnlzt13/on4cvczff4v3+cvomb72xvuxyex3ccww3edmvzj+fvt8fczexsfjr5vatq3lg7xqrin8+v7x+fnxpkv4vvz4cy86g8ls8fn79+dinhl0oimof4diweiev+bgjjyuza8x33hphpcmojjwj/a/hqn4fn88sipvd2xwd8afn1d28pyi7ua/vco/zka/npv+92ydzgdwvgvvek/j6ww+n03ht727siatbm/5kk9mzdov2eokw8kradjmoq2md2zmdvgqqbpihiv1m/uhzpgmgiyp9zf1crjhdtegscmns7zba97g3x4c6nfj22bntbmocmybpmqzfcf086wsxextuaok29fvudkz9wwe2asonkrmbacaxibrbat1g4wxqdwxsyq0jvbvhmujuajzssnkck7f8+uxolrvvzxclqpspyscrmhobn4qow6lcqq4tskcwotbt8pvcypl0d0vkpqrt+xicvs0rbyhksip4werlxpacrpjofggzghkc6csablqfjkinohetw7ja3cu3ickipkipfvqwleksj2y3pwozimyj0iughlbeegcwhoqglfg3anxo9a/svi0wzascj4gmx/rw62g8vh70bakcijbghc4j+82jrv5u4dudfdix90h7mzyc17+ap4jfbexfab2e03w9koai+uhledam39phij+d3/0nwc3kwblbmrzdhjlyw0kzw5kb2jqcjq4niawig9iagoxmtmkzw5kb2jqcjq4nyawig9iago8paovtgvuz3roidy3niawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide0ngovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2zaxvxwhsg+ylztcjmeyskikfmpaaiitl+/9/yrh3dpaq9n885eb4eeday9rilo/d+epjp6m+nfhvy2epzdh73uwq6j4z+ky5bbgfhs98fqmiwdb0gzuede/d+jzn4mqzhianwhiigacw6cti5mzwgkzqmgyahayoicrwc0bfc2x3+aiadl+v4xkdiozahicdnd2p0ywrjs7wohwrzurq5fjqedgkq/yy9tmsp4rtdiyffjctiofg0epadaufmb3cajxlekipxzdqjgzjakhenh0sojrda9/rocolmjcwa1ljg0bqsyyzk9xrcdqksdvmoagskz0u5mtqnq2zxqnxko5ntemqqz0gn/au7yidxulxqteifurxr6ns73xazblt5laaikd1q/rmzti0ki8gxzsjvmt3bcdqadfudj9vmjtugqv6698goaxxdcd20m73hedafz6fj506jbghrwwbc7bqrrvl5uqm7nlwuv6vvcj4etkqmhldekp669c5iofro2qg0++p56n2z2ayxs1g3/phlhex23g4jduw1ot1+ni7ft7vdbrn+hfefsvmkkrekfpudoplqlgnwo6p5avox3+9374vpofk2uqreuw52gey17svrers/ha4fm9xsuvuxuphgd/a4bjn23ehz83o/deyf9g/2em+8ep/4/pr6ouze5so27dnhz5khkv5nxgek15lf/nzenphmjhfhcl+verco78lh3ve9tzi3upiw5n4k23vm8h6zvgftwp9zeqzpfoyfgcur/pztdv35+e7hwklr/o0ei5btayjfwnhcfuqcokhittocxvdupn8s5wffaaw7i1co6cryrefjyr3zbrebt/llr1hkjcnuoashjbzjg+wn3stsuqa9lsbdts3kumi0yhqspczzj7x2ydxbgf6no37tlmziwptuqjudajv4plhpdaajcwg86rdrpxw6gulvichikyddiqmcztfavqgo323wy0u9eubq7yzh/ggusnfsok7lzxk10wy1wk91u1tmpoavatk7tfscgpdlkbrxcgwrvagvh01dt8uucdfl1mcl7xx4ohjdvgr/ssvmdascrggqrsgv0ou1gexqdvtpcueleksk06bumh5vzylnqgpym0lfr4rhgduczabghfyjifvv5kdiibc7zg7gbmwwvcbkqzakiqlhasr2cap0z+bnscyhxdlmgzf/r/xydqohidlbkcsfraidrzz9piunmsdudpsadtnhkrzcd+bvpty50xbrglnzgdyc0e4aejh5qumx99hvrdh7djenbneze4ds3egqn+vlk7vr+x/th38bp3+wpwvuzhn0cmvhbqplbmrvymokndg4idagb2jqcjg3cmvuzg9iago0odkgmcbvymokpdwkl0xlbmd0aca2nzcgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdmkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmnl2qlgqqnptxdwjcezervgjoisxzifqhokqpp//v7oojezavh1fu5f14ad7lhvqqdtm7u7/fx948rub+ilpnq4v8qa/f+jxn4loitl0e+gtohzwcr4ccoxdke8ih8ohklvggnfpekdrwazzihalrilhqb7raedjge6qjiwcjakcgxww4kkelxojsjphoy7ney5jgzoksjjh+8pbmwxhyjhjs3xcloreiiflypxnarihhtv/zqpkigz4uvatku1la1rqxpvfnke8ksehq+frdghjselzi18ofpjgvk+pkscqwbsv/4o7+4zecjqx1hs2uhqovk1q5afuykwtmk8txvrtaordcoov1brrrnsa7u6n027wkyujryochufd580bhgrbaufo5yrvzrf3nbgonh67tauu0xictua1z730nkqwcvuvvjr202g6e55nxwo7vtuzythl+jfr4hjjsffzur07mdzpf8vf3jko7ey5l5i4cvp1bpuewshethmv1upywaw2m81q6yz77upek3naufhfvfnaqzbif6qdp9l8td3td9v1yjbowqyoxumr/4njlkdozq07djab3ef42g1fnzfdl+qkqhut8wwhxih6sw6pxlzvh/ep98nu/tlunuozrwaccwhmsd4bz9e748fnx3g/mu8eavfj1/bmqfhow/vncvbx+gsx2b9//vx5ftgupjccvu44hvdri2+dufi+3zpz+zxdfh63v9tbf+ttunq7up7othqa3f51uaqy9k5fbnac2fpnkwgwviihq29ktyfo63z/pb73bytn1ksxyewmmlixcs3avmcww6zfyaz+2yxnw27tygzstthavtlqt5zlerpdrf9fjv12tzagnbiysemrd37plrv2cooslq/lxctsadcfjmd5htsiapximnvwbzczptvps8mw17akmar4aqeuezbcqjnkvsvud4yjki9eq1y2nbiwl9wd4rjfiaqel1mnvse27u67yzxzehjcauzxv6q4ukywgpzudbncswr1mlv9ma39xobknnqczoludulkfcdz4lvmlm+ardmsgbktkypxootnvga453wuk0gjul60rutplzvujiglgpwppxcdkrnekzfqfawcuhq4btgusx6bh/um0ioeoggwbfuqbdbwlqgiqbqqcfkolaazplgadwmcbmme7+ozqdaoasoqbcm5p/o9u0kop0i/k/jrfodz100edqctcg8tgpejelk/sn3w8vn2eihouhcw0o0en9wj54j/txva/+ahlt+d0zcn/8th/gyrvk4jzw5kc3ryzwftcmvuzg9iago0otagmcbvymoknjikzw5kb2jqcjq5msawig9iago8paovtgvuz3roidy3ocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idyzci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7vzrq6jqeg03eyoacgr4sfmpmuttk8sszlrm89h//y3nxhqfrvs/7un80aucgwage8/mwchfhb8rfjpwirhabtuhlj8+kfvbbvaiqieieaixcamtagwig4gurdeeseabyrdbr9ehwkuzlmu5bmsyne2favklnsnyvcckekaubz4dczrydwcjoqzrlcdiyvlriwbvvwrj5nka/plni7kq6uysdogzuharjyfjkhtvtreu0dcvkzorn5ppdccdmhoxqbowwho9hayfynhricbmdpakulssyigfyyqtusv3ry95gnnr1ulj4/xpqvwbnntnhvw6osssxxd3v8ihetk8pbpmtliqvk8azwajxruwrvwqrskc64+exmikspbifozl+nxrvt2+b900qmuraxqqynehb7l4hwhovpvk7vsiftvuon2u8/hw17y08+l4rokb7okeegw6fimlc3btpu089wedfs/ptoov6/gogubd4jc7gxwixtligavsuhvqdyaa1xenfv09y5m6lgzsgt4ctwrpl68fuophgpd+2uvc1uytpk4i7pfyemeecpqod1a97fterpppddie9p9a9xi+zsiiwxo/xqz6qdz6fbmop7pz9on94nw3zgspke0gxtdpgp7uf/+yzeezyei1i/r0bdvdvrpzvvtndrns/i4+ge3mn5/z6fjtpx33dcpiuhcs5d9umt32zd47cr/9vv00lytgd5q8z3u0ho92n1v6lyvy05l+f6forkuy43hvdexpq2ko1wunlf2grgj2actzkvsosefflvffy6dv2ub9pyck7e0exak3e1co18uqwz/ptdsinx0lu8vezgzrtuse2fxopwz3pnspfzxx99xwlr6k4zae/5tde8kprwycga22zwqkxxwbthzuylfz4ib8jaixhgd2zdmuh3pwaergq7in+lgkj/0/a4ynyxv749gffeml/vxdkmvuzhn0cmvhbqplbmrvymokndkyidagb2jqcjk0cmvuzg9iago0otmgmcbvymokpdwkl0xlbmd0aca2nzkgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmtukl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmflzolouhznwmqvbbbfhngdxjkoiyzrgjsb//7f0pgdnpjt0p3bdw6whpoq7uzzbpm5ad3f/h9079ccbu6i/qnfz++9wiacbp3xy+bqvcltgwwd6v+tzwrq48dupkwmacbaeiuuqrmdvhxuu/iuoecrf04wtmqjiwohci9rna5hm2gcq5wvb4pkgx9iu6caje/qhcirh+jaohwwkscqkqza+8i72ufeaqbn8siqous2m63pmuxvzfdjghqfat1asl8pqljfkzwzdyksscu2rba7qo/zvyupijbmui1oins0uy6bsiwckdtussbthd+c4c4lmqrkwnaqvernlmmarxi3luroibaedx3suxsu1yrsrru5vmbwob12zuc6ltaiud8nzqy6lc9vw/2hyafnwddtonepgxbwdnhrz0w6qtlbcsilny83e2jotlsvlwpom27v8sgvzzk+4z0fqqvfn5mvtobvybbbb7fpyadjvljk6ldak/mmvs7m/hzhsvksli43eel7evu73+93zwnowk9k4no8cjcjjmg9rmxjrmf1ud4fj8bh/wc9gnwouoyqu93pbnwt4cmwom0nr9bj/o51oryg/6dbyssxe2anx4jayo9j+ehrehu7n8/ntdboc9ur5pcp+g+vzksjfj+f39/ftfovwquppegc02+zf3j8+ps6hl9vjv+hhjcpimehvmo5xb37evcl4fw/v7+g9i/3eq+a9bn5d4o2wya/s7qn+8z7ga7v/1/07nhmod5d/3h1g72gtp73hyok8h+lups7o5vhl2czh3vooni2beck+qdtqtxeb3f5wooy3q6dru5pnreiungtmnbrnfrvd0wy12yfe1vphovk2scv71csbrcser2oopvplm2g9t8a9rjedk/nfpj/tkcnxo9topeytowj2ob6y1vxsk9wmaibkwfsl8pvmdzcagmbdxrtezogwgorxb7if5ff9bfhtrc/kyw2z0+v3+912s1yyelhzzq1dskcxqjgat+eklvodvk+wc0zsi4aztu3qjzdhmqgjvlmqjzpzfaepz6tjqpmwdaetv7tdo/gaop9qobknxrmpudkha6qmamixrmrd7e4hsxdecerroybvicisnvo4bl+n47slazbjbug5qkiyeoicc81ert7w/otymj0axc0my3fbji5facolcxhsub3giuuhkqoighbkzzb8o/ppzzdab+u/each6cdghz+unkqposi5fe6xub5lr0s3e/+sbvn4bc6s8agvcifxonzzebip53p6q7te/89++ro+2pfyzw5kc3ryzwftcmvuzg9iago0otqgmcbvymokmtq2cmvuzg9iago0otugmcbvymokpdwkl0xlbmd0aca2odagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaymdekl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtwmmb4uwu7xmrfsnisayx02j71tzba5pmuv//b5l7ewyhez6/z9t5gcsnyngtvjwc8/dwr+khe98u4kj97wr7+4sgebcjrjnwc/fea2ctxs632+2xab/clpfv4jzvsv3apciaphmggvek8hwbopnibjjfmyzh8ry4jmvobibfcm0/smmg4wvrkhwaleuiwle0dydv902zvch7fx6/hvcrxkusoab5191bnxtovpc8/kbinyiaqw8hnz8s3ufbnvmsl/u0ccswmfmamxmp6kfvetna4+ge6u32mlzkc+gxm5mrfeulujgftsuiivuwwiccpd1uihuvty+n8qxkux1qqz4wmoli0ccduz9xb7v4ae5sq9fuvlxrdxr9fr/balslmysukqjjqfldhzmpwhtnsobk9c5goj5mjqnbt1ktpkjbnwhqlmspwlwui3gd0xsx1hlmzgvafdlsnsrzefgfnq66c6x7qvfsudkfz5ev6/v6tzg+t6v5po6xefqq9hj+kvzsw4lctt2cvazfttvtzjuf9erfvert+otsip1mjb+eldx1x/pxt/f9fr9blyedxmm6elb4+7eerhulzsl+3szwepplzrs/ha7vb6vzc7ociqzopxhqncms1vvtl7f3x4dd9vxnsax0opdyyrt6qtsw6r8fhza9ko19sx/mvtv9x+fn56/dej5qe7qb5mtngeksylwohcclmfsg3e3k9ibdkhkjybxkjkqywikrjbjkhj9czdog0wg5cmh0qeycmh2q6ya8rsoho2rnqnye5cigawiyepa1wt86habxzztxf7xwtj7f2bgrz758yowuyr0plulualbghl1etaud921b8cjnqq03xqxt03hzmh00h9ngot7zkmhsdcfzt53rz9vmu9vttq+lcb9e+sibbx9vdcvzldzgulhtaovlbnitfuxdu+ovgnsr+okxtknehc7ml4dlbnxvvxij3y/u7bxfzju9wstmv5u94xggmi4g7vophqvdespgt3loxlbd8uyx2uz0nwgdbqtwziunkaxaywcsnw1ttlmotvqgjgs2wkk1wu12u1mvlvjmfhzwy2eu6eiac7iaiitsuejjbvauftjmlkwpimtlp9mfjj64opidriyzymqratmecwtectphlscp8a7cihvackkigueficybsagrdvqr7bdkltqqzzhb9qpaibgcbaoacvkanrvd6svesxvky/4asgpeh8al4qoikzbwvofkiyuhjha3b6mqvccicie/hygcbnsdfcs8wtasasiwvttifjqd9vgnimrbied9myah6scgcex8qiidqx94oq9+5rmgeabbxmdacybcflaox7/ccbw7/radb/7vm78b6wfwgwvuzhn0cmvhbqplbmrvymokndk2idagb2jqcjkxcmvuzg9iago0otcgmcbvymokpdwkl0xlbmd0aca2odegmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmtakl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmgdt6laqhi0kpfdioytqeslsbglsfaqk+v9/y92taeym6qc7c+/k/cce8o6y58xjzp+9upipdonud+tywg/xz0oq4eqzrbjxant8dflzqpcqdpdd/fzmsgiyhu+fyt4fblj5kruzct9bklyiwo9dhbvwkt9yiznj0qxri6epkvc7+lfuhwzmhunfszjlwzjegwnpksah/0n5bzfdcxjautvd1zvnccoiz1aufmsh3awvbbvqxiizphkzomfdkqwwijafrndz/exltq8naf5sqlezmc5kqelu3airayeh/riu82g31on5kvzuqrfknl8olcvlujgfs5krvezpakfvhwoqhzizqka3ujffsu2+aapxsvm0gvzelotvntr9jcuqkusuvg22u71er9tu1sv5veyxecp/yr+6glo4wy9lctvmtz8cj8ejqa9vl+us4abae6h4rzgwl7dqydiekzc6g8nzbdabpg17d9xbvfqrgdlfzghkjjmvth4n0/lyuvzmngadejetuywwhk38nb1wkirrdkhwgt7pv5vnzr2yjnqnctbuzltwuzvjikqrlt73rrplzrvdvq5ejo8pd7m4lroui52vvcntajyox1avu91uu54/9vuvm7ge4nztwiwl9sl8vx17e9ttfs8dscdc39jlzf7tym9ftoftav5n+2b3/v7+9urzl9cjh5osbptubas3m4dxh7cz3uphpr7eo/lcowteifaogdctqwpwv3ucyw/8y1olouxft8xwq977zuo+b/e7v2v3lzhiauwmacbw6/xqw5jagliqqlraj+ppfagatqbts6icqcgqskfo/dwftybdzsugos/cdmcsngbwpz8cgfrdh1opf3fdlmr8ahekqfyx2mh1uqb2swyqz2gy9wxibetkargtucjdtq6eef+7k96crusgwwdqymhizm5uiyvqiz9nmwfv5vbid2q+dmgsvoukry+aivqgkz00aw9lwfv8m97azxlgmebegkphokymfi2etkdesxtavaphuguljjacezovpebqvtwqqgrkkwmo/3mujyig5qur0b9xp88xnonmpushgqrf7+ckjdvwwf3hclao1gmnlq5tc5hzwnacttkcnh1oyi0/cjjorga2at4zixfudvzbfusggndhvmwx48fs1v7yer8thztig5qdxuva/vnt5xfpyq2h+esxf/zrh0b42z1lbmrzdhjlyw0kzw5kb2jqcjq5ocawig9iagoxotmkzw5kb2jqcjq5osawig9iago8paovtgvuz3roidy4miawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idi3nqovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2ba3fpwhsg7ypcbyqrrfzjxuos91tplvkk9v//lj1xyisp7dhfzhjnjpv+iofdmzmry1ptpdye/5d+ofr5pi7gs6dv2tiuf8703vhqe2d1ngl20avxjmcbvv6fz3+sz+f13mia3gd2ewrjuo5ikvbdc9tahd92g5mkaizlosswzwik9f/zh90kzxc8ieobkcsjasfsfoh/gh9l4inimhokokygqpqmhvqlgba5xvzduln8uhcfh9xiunuiesxa0qphkczxlevapi47beduorq1kummmc1mzxqyroevam9a/hd21n8+p8uksqynmrli6q5ulubnlbfwji52hxcyp/lase+axuqt0bqsq1mrlnkpmcyllalne5y9svtjvpqjcbnybba7/cfg0o9ytbtculcldrk/smol91ocpoqpqrxzhy4fptppw6jxqpvmqwvykm35tyluvqtfbzxdlnc7w+njm2g+hfessj4zkqwgvogbu9npxg4nchvr8pc0wk3x65f5bnipfdo6irlx7iicsrbuo6phxwqz3w5fl/njr1hoxftpek5/lhsktjkcek0v693j/ox1bbfbbvel6ab5zxohiaxsrrm0i0o0xwr0hp7x2/3hcni9lmddq5i1qghuql3vwd6fll7fdu/v7/vny+oovcngtzv2tlk5ulc3q7kf7lplzvf+8ffx2k6extiorqqo6qgjcc+ctr3oemc9gz9n+oobp1q8r+j1fs+uufrc1riume0vqrgwxiuhlgxxyyglq1wy4siqf4a4mmsfis4m8q11fnsy/6riwymadwi8cpdvqx48cpagwimakxzaxecaanceebdg5qdpbhg5+jexg0+c8sf7m39dx9psz/+c7qry8xbbcerouljvtearzw6/37+tgry1bpkjtkbeuovaz/y4xcmudfmyn/rvcqmetb3mq63bdl4e6hw9ep6nunwgxtur1kvd1maz5uz3nhtagj5nk36rmk9gla9mlujwuyaasxfurd5omgnnx4n2vwzgw1+jxvjlhr44ks3dw53+edtotuqvfeoh6bubvi582ecwidzo5urverpvbretxn25kdbcsnheak+s9jflbvi5heua+djdfvqpf7ppeesvenrhe092j0mnm5ykaho8lcnmkmx0ihzrawievyslwf4l8hgk4su5fi7gjaqobugrtufufygn05jdslmmjwya8tbcimc85adis7slk0zu8nfp0qynkadbqjelvm2ex4dmyi38gd8df44ady7jktibuaem3ywen/ltpj2iacskignbfn7nttejbx/ahusjjidst3j9yfw5afmjbkg+jltxdbypztdu4f5rwgde95bt4ulrbxhvf5rd7/zh938droimcgvuzhn0cmvhbqplbmrvymokntawidagb2jqcje2maplbmrvymokntaxidagb2jqcjw8ci9mzw5ndgggnjgzidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjiyci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zprd6i6fiy7vqqeuaqgvsfrqw1fw6zyfuu1ar3uanv+/185o3g0anhmfd2zsteqbvjmy05ddidpxcvfzd8o7fdxhsr35xnnsody2pc5wazqa9jqkbtegzqvl1gdad1wg5siijujqhb42+cbhqldyzdsdaswht+gospqior+4et/sw3akmfhyoigxgi8f2uzolcpfudolosjkqyoybrzemics0ew/yp3v9rrxptvhkankonjhcolfdrad30souhotfktquzwmmy8aesymvrceufpoxgp3amwiywvqvomly9adrlctkuffc6tqslp4sv5kum4kzotvo3klnrxnafeqdu1ql00m5oicmj9qe9aezwzvjtmmkwqc9u89zzv3r11qkujnzb4btyfyumoooi5yrxutp/8znphf/tceqwqbfdr+ksoaxxj6bztuo1obzacdqddv+3wldmdf3gwx/8q1i0uw0mjq0l11vp7l+pp63q86vleo/izk5a4bl/8lliqhymgl7vc6ab52h2zzhblxwwy6j6618wsjvmmfyzyd+uqqaizlnpvdybz5ep9tzynb/59zcppcor1vm7gfn20697z8hw5wm/wq8v0+nxylenxytdz3+wqbpyb7e5o9va++di8l19hxa9ug7p6rp7ki/nlflx++pxyv81eqf42u+fllduh3nixla/m41678r/k75vpfz43rh5xgczmhi2pqfy2i0nphn0epgfi3urudzklkjms5fwskmniiqywyaqbljnjyxz5biipz+thmbxbgzcfjb2qdeagaukhzcyg6ycka7krgvypyjqaraniicbrgr9qjtjvyf/xfed3lxz7/by+bgsedwcb598aavwwp+hg/gcn8ypofj9a4mcpfrchg/oan7yt3gbu6pvnwikybkdorblqcfeho5ro5ov5bdlsptwbopemqce+wiyw3x+nj9pjenjzw+fadms3apzh2jxx87v9wxdq7z557o1lpgkwd8sgsacvzasv5857bkref3po3tlldjugxowuquhisijtfcu1httstvrnu0atujrs8sbkbumogplmgawregnejfo7rlgfi51exmoxeandgom2nkgm01mzulis27kkp80sqexuflfbix6czxlrsejpq2zomidluurrcozht85ritwzpeqalkavseo8qwm6rmtaiq5iaqbfwxrpj8xfo32uf0rjlhvfkwvjbk4oua2tmpyp5bjgtsa5gfecye7arz3hohbfrdmmxqgqq4xfr5jq/pkqf+c5eko1hbtggwitm4gw6h3uabfgwwqmfeaynd77pcqggttiy/czi83raa4+/jiqdzg4uafu/o9p/qv+nw7dzw5kc3ryzwftcmvuzg9iago1mdigmcbvymokndc2cmvuzg9iago1mdmgmcbvymokpdwkl0xlbmd0aca2odqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca3mzckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtnvlt4louhruynewkissaqjb5uhqerbbpqarfunt//1vuocgb2omy+uvw3vtrpwgmk8dnwnn7e6zkwch/sydf+ulpftm/tv54jgcj+ettcjyapuktysqoiw2e6q66o8dvmzmt53nbe92gbwx7d26of0sreimjecik9ajvgo/r00lczexkwve1jlvvzimigf53n5fvttfmkjnp6hfnkyha1/9wpyslziusohnrmo0kmokobzm6kgf4vcufoktmwdyzyrhzkjedsjiwoxl+//luznluo5no5ovlsqvslhvybioem1rz5fk5n8/wk4utjc20k26+vgucnqlo6txictph6soth53od/+ucqlovijtqdbo2p1er9e9adxr5vzkmtv592z37zwgqaatylvow93+cdqaxq8uo+enujzp6yq/glo5lv3wogm32gj1hjet2ww2hy+uomfvfno2atxstfpanb5eohyjhr1xmt3behq3xc4xt9nrv90oufgojgk0pd/sim6n8rvwfzs7e3h8ffwt55nht1njjixqzy/v/uq8qbh2utbod37n79cbqtvydnn5xs0lyxfj/m1ovmpjfe86w8li9btdbp/xd/pxvauwp4pf5cc76wrkp93r6flx+exlzbtz3f0atovurgfb4y61j2b36+3r6+vl0+niqu2flp1he7nzu7n9tc+nw4vgj/ahzcvb29vr8xp2dunxrdxjrncicwb8lwfodk4mxb5oqeirmksyliar0bkqgcimv5soeakeachaoyghcafcgbdgvvt6rjqyaeyaegacobnghgac4pnv9ke7mabmgbcacdajwaqyb2acmah+8y5laewajkaiwatobgacjamwacsamabmgbcacdajwaqyb2aclgewazgaiqatoboactaowaqsa2acmafcaczajwatybyacvggwargaoqatiboacbaoaatsayaccaecagyaj0atibxaczggqatgakqajaboggyaomatmayacyaeyaeyaj0ajabxggygguataamqajabogeyakmazabywcyaeyaeiaj0anabbghyakwatabmaahabp8253g847vi59usvpx95p/q7vvk4atkz50hppf6mm73t6vh+bjq1an3tw+enbze1ex7hsh0r6m5/frzwazxi1nn5fn1vwyfpfelhzy3xmcexxdtuvrrf5oevewolroj8nus5jnwjok/g6xi7gj40qzoxhp7xzut9nrv90oufgoroswf/uqj0hanoewg63e8gyyprqprjpn1xzanlvqd+0xc8jsqumkcpxtvrc/vkyaxhbo6qvs0tivkael79xu3sjv0a1ejl9tnlu7vv6ve9fq1su5lgnqsle6386jkmbystdfqjvom1qn9urxoj2wdjxwhk3l0+51go4nsss0k+lsvlhmkhvybioem1tzx8t7jjmb+wpxzcrjzqky6aoeyxmatbcph+4vtoczq16ufe2pwrytt1dfhdsydvumu8r3atn1py4xikxqecm0o1smouc0rrid3j9+kuiyompmqqriehfpjf7nyuarv04oth+bibiimrfcrihnat0f/jdh8tw9hop+/zd76vzw9/yhovaotmuxsq2vdt9jete/f0tp0l7ogapas/g3dw/7vvonat99uqme/a/v+gdfvle4zw5kc3ryzwftcmvuzg9iago1mdqgmcbvymoknjekzw5kb2jqcjuwnsawig9iago8paovtgvuz3roidy4nsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idy0ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zzxe+jydiazobk3bgwmxodbdew1kjjeiuag2f//v1bhjru0zfzvs6olxowv0dnw+ssf7/9qp+7tvxtxyx96drn7zgg9rqd/y9anevjmwyp9/gbyebm68pu/cxajaxwmhklhi4vc4om53p2arwecotcgewrbgheejoxb4rmpsvydjbmuztasy7esy9augymdzhsfp+baywtfchxefcvjesuizzeugqf/jym6adtnczicu+pxrdyuxmqpwthkex5scqqrlcqqpqczhmfk0rqmyilpqpwa7m/vyt1uwohweindlbrl5vkxyboplsbxnbg+tqdtcwqn2yissoekfavrbdybvrvozjrfzeksgecf6ys+xelmom1h42mzblxsxv+l37pbvjmftkr5gg8f/dc4beuyycjkmluqd/rocdqedz1+p17o6beiq95m46vocpkaztfa/efktlguztnhv2mvmngje4zjjb9ngkvgdzbdrdfbzxo5hfsa5aww5snszq3esile1nkv1st4sd7td/vdzjl+bvfnpmzt3lr/xeppwcklkemz2ngmq93h+h48vk2na7uw1xubrfxqw6losdgcoudr9mc+etuezqfjfjmfdq1cshgyp3gkpuet7ncxpbyfp87vh91i1ksxura13+cpqt3ftx+fh6ejixftv8r7o+xuep786/p8/ryc9xt/cphmkrhs5j+devlaxzuzpvxk7lc1cyngq4osff+rcdyslhypvvfv2/kq1bvyvn7h8olmzxzmazhnj3sazooulyft9ozwyzqgj3pv9utkud0fjnc2vxonuzn1wacrsl6rgni8io9q2xkzp5qttru33xy9h/vblvwszoxbcfwgkzwuzxtrtjoelvfr1xi+cexgyuhi3kpoinfjxvjkrds7r6pjddadjjxuq5ppqacp96lnsiojyjprqdbt/qszcf5fus1a0dban4h7suu4rnfitm8wqvvm27btdqtelwz1fxj5ugdumucchaiqg2axxk1ztwqlzbp6parbpyn8r999prc14sqlvjbkze0zb5o5ab5qnmkskphns/f5ko1tlhqynaeldv1paglvkqswwm8xioqv4yfggcczthalwvyurzajogcdemgu/cqvkx66mmvxvcaipm+x0faf0hdejy/anklsndkkit2m7ca+dy7sar4sgvkbw3bkgbz2rwkuyt3t8cgbtschzo6mcplqvhrh1x+igayfnpuguqzmgcsi0i+xxtf0xp2xgplmfxiv8u7sfx375454ul2ih979px/8dwesxhrlbmrzdhjlyw0kzw5kb2jqcjuwniawig9iago3naplbmrvymoknta3idagb2jqcjw8ci9mzw5ndgggnjg2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgodekl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl1d3omaqhpoodbaqbcyiduvsbcuyjd1onnhk//+wnq90jwv3r/es74ugpdmmc+cbl4eh/1wpl/ptiw7sk6tj5i0idbqbvqpqh3tqi3dhip1+fwajtn6f70aakxnyqadd8imwdglcgmslodoaxnccpcikbleuseaqafe4ksilmzykajbjgo44lqfjaguaf54ecj8fiyig44wqjmkgkstyhembf4ufatyoyooaisjfneuo8rxnxvoa+wm4xfihjrjljfppddqvtmsjqixwnih5ot8n1adkazxkeemngwkzxyic8mymgddkgaxw83jqe/0bguzejzbmfkrveqprqfflrtola1kqqelpmupggcsxi0b2udq0urztd61wrzrlxrsri3g/7wx/eolkixk8u6y17p5gcorbvr1kghepsbnn1uatgnnbstny5zy9ge1ms9l0poi1a4vutoavcr+uzsvrvkhw6y9ny3fqfdywm6wsrggmezkdciypxzlpjd5wtlxvnpup9/mo366ycvvkyqc612mrur/htgulni21+qpfevsj+lhoxjvvvkgfwnjpztnocopultuvk/epz91u97v5nw27tujsc3gufy6qulmxbtpv9mu/3++26/mbxs8ki9itpjgrovju+/t7/+ngxdqf8c5wtv7c//z8fh99lea9xh3hsfzuozh3zlw/7/fo3n+m++vx9zvytt2swh9dug/r+8mcxbj9imh0qfgwptbuofjnhmgcan7jagatni23++plcdhmb91ahoyn6zfsceyixzol5svbflxzbreb9wl8alvzhuo1ytxbms7w7cfksvqdlto3xqtsjhsvqqljochfkvmq9fi2ms9a01g/u3/oxmmc4zxkks6kjbklrudlobqdhv1us5jprj2gpbguwlgfccyvlzcs+6up6nwa1wjgv2gsxjoohbmmeag9ns/vgi3lstrnwrmqnajhaq3tc4piucwkfesinjylz+ukqftmzyyoegj35tii357g4ehxefk8sethlw6kmizsnm3oqpom692ojgbtd2am5grj0wjxpqgkxykqlaarfttdf484wd2sznlrkhvfbslhkssakcsh8hn74lwfpqcefccb5avbbal8kaob6kw75tgwgpwvwyixda0u2pg0l8krdvkdz4wtbileedhyze4lj11xinf5fidmo4bkwpidgt8wpxvijz4o0kcbcvpgxbgl/oz17sp9uheahytywzseukfpfk8l8no/gb1o/7vhfgg8ccq0zw5kc3ryzwftcmvuzg9iago1mdggmcbvymokotmkzw5kb2jqcjuwosawig9iago8paovtgvuz3roidy4nyawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idexmgovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2y11oiwxcfhafzpgnnaqdjowcejakikdrv/yxtezdr0lmec1gxcppx9azs+gqth4f/jn5d6qc3diqfqccx31ugaigpliz8fbfdknbgan0nuvxqa3+45nfnqamcjckskiqjtxskbvcihsyesdemwzpiaiqcctc1j2kemywvckiosaiocjwhfbd41ntnudtli7liutwqqnpksecypx9+fdqrf0exncirutf0y/m8uqqi/a0enydptlq00x8kr6k2hy2erybpecteo+oftuc4qbgiovtckvgynqglk/go5feqeket7gvcac7wsuaz7gs2ucpxkuvsizeohqogirbo+2p/q3pvg7jt+xkt2wq3w816pzcjh30atmenoegpj26c5mtdh0nmk81ofzacdvrdvq2qtopqnohtnb0h5uimgv7xbmozcrm3he+m08l42g9v84mwqyrsv9zljlnby1qjfk0zmmwxy+viph31gqv01k9jlix/tyfzolmqrkj6i6lisz+er9abzxr1mhm0k9lyqje4y1hux6j5o5lyezbdrrdvb9v1aj7q1hlxochv3+t5d4ottycdqxrgs9x2fbd7376+jhv1fcjkylwzmktc0gn2ttp9fnl923187n7wi0m/uuievmo3edcwq/j6/epz8+n9s0r40vojr/xgi83u8/fvz912nx1qfu84xuk6dpi+myuvdny/3ydz/3jcpx7370jifhpcb4l7txdflsbk/b93gtog/devge/vfwt54tufhnwb4kp5cd0f43xful3u783e8gqmnrv1fbzmxc3vwypgvdll1mcywg+22816ort2qrlyujevnq3ytaovnco2es+z5stoor8/tsozgxuhr74jxbm2wblq+2k8ewhnxsnuvzik+dxxymy5js4i2ulsvfm0gongg16znitbpufk8/3cflhsfofetlrvdfugbrtryaei4eb5zbhp7dz2qxsypimqtwallxqj2wzuq6vcyg6zyn9+macw1bpjmpdumxijp7l5iiifyysilk+xbczxiee/+rd3t4kseqnwnjzighjxoxz06yoizs/nm8ahpsviqmh6g1yyziucpkndnhkxrnb+tqoapc8pqm54tzdxan/vbavxocseh6raecuifkckikmowdl72ojgj52fchonh2byjofcqhb4nmmhs7hj4+majzmrglirhqfpydf8pvpjrdb5cagkxjaiauuttwmx5/2iaiqu6oantppzmvix+z5hlzgtxpii3tjhjxuyojx8ia5ehrif2l4v/qu/+aoe/ocozw5kc3ryzwftcmvuzg9iago1mtagmcbvymokmti0cmvuzg9iago1mtegmcbvymokpdwkl0xlbmd0aca2odggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxnjqkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmvlx4kouhrvc5pgeeoz5hmwwsrerfarb//9v6vmvumlq3wv1072r9gos5kvipcyqwt43n/8f3tr0+/tyoieda03wdzdt6nxlhi4a6na7qypgvct1uqggeerx0ad5pns+wdkhok7dlidmgjbjebdhssxdeyjkjt7aydt9uztd8oiostjikksb51hocm7jvj00y4usompehcmrqblic4zno7oh3e0blslew/rbastl9omqlcd+tjwdrrpmibyjxzgikzdl8yoi8kic4+4b9zc8pbpwojzmz/ogxcaviaznrykwnor+b0evqymcolurrkzqqttq9xq1xmylysdlvn39dwnuoerca4ys2wkt0ep0u91os14ppkibqxvyxm0jlihgijyp1du9wwg8hg/vo81qphn2e0uov+paavzuzvcyugv1r49t0npdonsozwibxeybp6r+9tbtpjlj80fs5uzvpjnnf4vffpo4affzizbp4rn8rzrcloauzclek5attget2wk5wq3e5tnx766ydjuk4bxkhdocrafiuxpn9dxfrjebzfvrbnjvltir/+fej3tnefkpjvj3vyfz6/vhdrvdlodpw1y5e/wroj00tlwxgolc4/7x5w293e12h6vfdnsuak5dwwfgaj8vn7vpz8/t++sz4nmydr0vnvutxeod4+u32bht/rv88+vra0fwmxs8cxjfccx3a0lgzj+dyciqbxp5epa1kqyrzkoelyfsb2q7ijoabadkjsdbadkoyi9n9curpboqzwiyccgzwt+ubd9u5x/ty3nznhpdhmxw68or9tr8jfw6n3bhr8buofvog7g797zrgoeef71v23g6x76v12uwjr/7jviqyqoxxgbwslep3eppnhdl0nvle5jsbduupvww3tslle/sxxc0ez6dxsaib1dz8aabfv0j7gjcvh2hrl7avb8+piem40h3rpsobnqj+e8oqx25+4ksw9fmsdbq9oegqa/dqoqsivo7zndtnc9peazkctv6s93pdfqnwjmfjfggza1nyycl8qcowr+op3pfchvukrwyywjap0mcxfp3gabdiarhrfx3h6kjvcalle7gw0dl0lkzylbhhmutiu6zgpctgcalcfgnoofgz2ksfawikprugxqg5dd9hleruahzlvggrajya4ytrbllpcbnuxvj5nlleq/maztuyjlikcbcaomcwohe6bque94ghuvtlasbfqiluyhtoitlp8/wb6d0y46/4c9ewxzahgnnc9qpdvc2zodr6a0co9noch+eluawp9kdpnmrxifxzeflddi+ckt/cf1vxf8fsqgxg2vuzhn0cmvhbqplbmrvymoknteyidagb2jqcjg5cmvuzg9iago1mtmgmcbvymokpdwkl0xlbmd0aca2odkgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmgl38vaqx7vkk01ssczswxupaimxa6lain7/z/lmvsmiej19+frkxpbz858xdylj/mbh+en2y7aftmvqhg8txbdi9szwkrkdnakpe8yfdr3bavk4decriha5ciigdsmilwt5momr2glakqjpbhtnuxrjiidlvr6aogjgzxicj4zjwdedhub/no6ujimg5qvrkrziji8ocg6agh/4rsezklsbeyrficihkmlbv9cjsiyj/uyg8qbcvmcxdevisgjzpbara16ra/338lbngmq4j0+okqm7bc6fz+ey6wq8hpqkle26nmbsueyukmzfnxxlzvlfukvv1xlpppdwikgjd+vhj9tfmunwxgpgk9lipvpvnjvnrv2xvlhtwn6rg/dgymi55rb8ysvtvoutjtbr9brpzvq5ki5beia6kemunka0vag8tbxhedkzjabdvrwutyr9amsdru2h9laxj2xukuozh1qrn5ro5vp562tqbaifvmqvsvrzbvazixvvkjerp3wh0/n7crlczcb9dq14fwt6ues5xfc+cdkvnnvj2ft6s9msfi+jtr2uiqcl2kux8ig6xcnfjfv4bpenb6up7xa7wc7g3uy5q8gsx5jibx8kdv99hrws1tvdbvexmk96zupokb28utyabvnw9x2z2+/32/xbfmktiwt5sdyzzq7yxuu/pez/lc8/9p+fn7unlxfov1xwr9o4khzljdcf/n/tyth3k/0nsb+p9ppafq/ar4o/3lwd+si3h/vix3wpfz2wdquh/l2hbezfv+v1gvr3oxx/fqsddqidsmvs3g9xlejasdi6e1rbgrah2dx2uax5f9nu29pgdhanbacz4jnqcx24sdo07npjye2xmixqblpzffkru9lttbwmslsxgzkvqjnfpvipp2dmc1wyn8nhjmokecwytdozmyvkkh/xqugnak/gea4q8why9kuyb43uhfdosmn+nyzloqa0zfvqmoj4xnqcihowa0va2rwfa6pwiptji8mzleobkzxkb8uhb+owkia5awk1j9d1mli4jsfghge9hcd6syhh1rkhlg9khdxohhaojfibhk/f+pt5x+mk+zfbbs74x1f/ar0bx+vlbmrzdhjlyw0kzw5kb2jqcjuxncawig9iago1oaplbmrvymoknte1idagb2jqcjw8ci9mzw5ndgggnjkwidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgntykl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahdldd2qlaqho2kgbrbfmscvcryyu/drgonmvd/ljn7owyinurc5syfsucbwcow5/9ttv8phgzxzxszyovl3rrm2e2bb1kmoceaohwopx5w5yabcnucxzbcccklb0eqtickodpfexanmoeisyrwg6jif2tghfvcjmhazbash4nl3drfwvkotpmgatflewtri0muei6hsreubyp/orle8ppkjacqakcr/zloyd0u4s3dixxqsx6vxwmgtsgklrikyjlauve/x3gh00uxvfcormkjdcylku7gtzdieziajkd8zzd4kgtp5kq5ge1khgulcrlckuszqvhyktwmtgocpskhoovxqvoyv3iunzrnzqnekextszascrslgg6u9tfo0la8nmgvq81obzay9lutwjmf0lqfd92bcbsdeuelnzouvfq90wq2m03hg069liuh/aj0y5wnngvfepzbek7c6i3mr8vlcjgfdnrvp1reevnaamcfozzmv9vd2wk12wzwy/m4vy9mogevni/e9tibvb3evjqjqukto3lzbff7/w69ma6a5wxmlwcunzjnioqwljb608vmfzgc3rdv82h7orcpsvclbnhoq2izunmww27fj8fjybd6gxuqj/eggo0vhogifp62o5xop+n+/togpbg6j2flrehl6oivjt1q/nt8f/z4+di9b34hfp3mt73/0ydxz+r/8dodd0hvz4fgestgcmr2u932r0emopqdxgkpp4vvggiocpfuaszgpxzn9zi9lidmk36roq/hztz9wb4pxkjfrt1zpqqe19vudhp9ipnqb6tb1tyjr7lar8jrey4+xoqdyzhh+bdmgsz5gxri0loxbiflkyrliudbccvttoehi+ip4vgilugrtsza9cqbdmasegjhksrwok9rqxgsqzfwmod3eqwlvzd3hgpb9itkaekrfzliwwo2lg92qllzduwa+4eoehj2bafgxrhcohaqm1e0w+hmw2kzcvmadzqhhivahu5l4grgzcj7tfm5axniuqiype6uuk/qrnnro8m/8gcb1n3404unezfwqcgc8wnz+m4dgjl1x6zfyz2rawns9fj33vsdxzcabwvuzhn0cmvhbqplbmrvymoknte2idagb2jqcjeyngplbmrvymoknte3idagb2jqcjw8ci9mzw5ndgggnjkxidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmty4ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zlzv+iwficzoyxupuchsjf9kuvqiwucqhksdiss/v/fmjeputptfb9njvfbe9ivozfytof+gcc/fd+c+oproattojogiz9dgbt8b6argayhkbyobr3q7cnjgje0tydwqioiyiafb9mukgggyxewtdguov0hoescflasxwuccceipmfccjt35wn0meihgi4xpyiirceurzzenmuq78khpyjoxpsjmtwr1ccsctwmyclhhggvj2gkaemjj1ppzhkw4lxpa4lybpf4/on0aie8ovfrnt1bkjur1wqlxmyf61pcebkwnt7b8erhvojeu5lcudzoxuk06rvspqpfzyh1ti8zzzgppmuk1ub72uje3nanq8t6ja8nozc9oxucc0yupnovzqd73+spbv3endfpvhjnmd1du7a4+2xgzakqzj7mloqdbu9pai7h5ndwyhquipmeiki28m89winughjj5sot4+hjnfjtqtuxb/c3zxjwi0p28m6cl+jn+vrnrm++zoalxxw2gt3etmu5vezi8hc9xokwl6vpyv364fnxblgcwezht/dxfwvi3l5kf84isqoxgze94ct8td5s1qvfk+fedb2yjss8xnkphlh1utpoj6zf62a73bzox4apnw3ai/54ilmg3jwu19vdbrtewcpas7p6hg91b+m9pjx7rvnlflba7n7edpslwqnoozjcbnydlsrzgdfmiytddhpzhusrsp6r5l1kxptkteros+tihca3abkjye1afjxdpyocccizgnwe5hxwhz8j9qvx66ufikgofhjh91tly6hhf6mo/v7yvsil7+vqtfy05e2fxqx1+fzzgrpdrs9+lost69nypcga9lagmcawae2lou4ja5d22ksga1qdbkigdqpsqxrwy4mtolhkxj4gmsa12jokd5qkitrjs149okkcshzqhximdxigakmytbyhaeovmaj/udwjr/gchvc8khsskjqtbbke3qunikf1fgzxy/lrxzbtlybdckk17nyypnzaxvm7ojs/vdyhdfbcwatil4is4hetia4e7ymotcpu8uttfmrxpx+cq/4tb/e//rf2/gf4oc46zw5kc3ryzwftcmvuzg9iago1mtggmcbvymokmtk1cmvuzg9iago1mtkgmcbvymokpdwkl0xlbmd0aca2otigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcayodakl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtm9dy4lamhlmw2gdjbjammk5ysmibubjqiiraihn/z1md41acyjobndnzks7a4/mlkc+cisyni4v/yc4p7zvnoprur8+6emgv3ajpsqdlfa3msixcgjpcp6gnkymuyzyfxjaobziqof8dibrejnpfspxllotyggd1+cknailm3b5esiz3udnwdvjpyjsyepneuviuvvuvrza8godjncfxt2rekyk+tq8yhheiah5vfnk31duzj3kizyukxw+gozhtngprsmjqvelwsyqf28nexl47nkxhvlrgxeymm1mwdcoedek+sebcje1on5nxuqvzc8as2ztcqvwul4r5xmom66rogxticg5hh8ghoc/5jggqv7ytne7a6pvspm2gnfngncs8xe7ibfkpj3lf6l272+v1uu1mvzxpxqyf6kbzhmivriaxr2removks/m4gi1gw37vvl7kjukabnnyo8o4wip6q/fcudf5hd/nzrppznbrvx+lirrmc87r68nkijyxthayx209jkbzxwlxmpv0o/vijhzqihnhfzk8qaxf0ovaezczv65wq+xldni7k2dnq4whpjjzvkxh08vgdzhdrnbr9dvr8/ihdzulb1xbfuiukho0u7rrjwavb5vnzr2ctx7vkzfxom97wh6izue+fl6u39/fn6uxpz7ie6e/ymvnh8n8u76ydtrv/pfy1ebj4+p9deuxzok5ougbcacdisoz3wlwzha14flalrx3sdwo8adeaukcjwfoapwe+lsjfijgtya1au4cpa5wj8djai8dfjdk3hpitya1au4cralwj8caai8dramwjsa/2ckcwjoaawkcbfgt4e6anqeeb1gtkdmancffqgl25oi33blhun8mmlkmtftdjputku38djklcg4kenw+iljl5fl1jwjufvcttb6g0/kl2gzcb58ffak+7ata+pdoaqo2hnsbfqsfbtryzgnv4es0bscpwr67rvopfw/5j+fkqkod+qxr9llx3+mctzs1qj+jarx43mnsgnbjecdqzk5qrtabq27ubos3w7cayn4hpdrlwghb9gejicznr2ijrjdppswqxbyzg7zn1hofwr2kzotnrcpdlj00aqpxjeck7vc4tfwaofd4zz9uhclrgfgkhaz4frfazkdo96lsvyvb3z0cao1+xq+a6zpplb0ngxa6ukhpunlblgrzazml0ct7obfb5yeyp5va7oo8oqbkpuf5ppf5cum7t8l4eb70xghh+gppd6g/6q04ik03g2hrsbojre4chvyrwi0euyt2fxcd9dts+ht2xqpf8t66ead7fws9c0ztzwqp9p/bwoe+98rzyc/5/tp3fwompcbgzw5kc3ryzwftcmvuzg9iago1mjagmcbvymokmtq1cmvuzg9iago1mjegmcbvymokpdwkl0xlbmd0aca2otmgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxotckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmmt76woqhrsxck5isciqqlmsijq0lbslpvw0//+37jmxwrfeu/fhta73+vbn8sxck7mkhe65upir9m9e39/up9p1ej6imh64tivydsbrypw5bcd42ioamh0+vz9wkn/v9/liwikf3waomazl7cwytcdg9/qtn5hzjhdeiugubz6dcag4qqdz+wmsj0iyegypqfbqkuwby3f+o3l2bl5uqlpen0yuoyfvoczy4mf63x6wq25ecmor07qm24lewo5fwkzevusecwa5r3yohug3ydmpddyhymaukvgodn6owfj/2cl9blhr0yzlzczfklccx6lcf3np29jvwwbj+kma2enykb5lzkuvwuo21bpt1mvlqtqoroky3t0cymcfrtpttlhaan/1qpfdvt0pxmvnveahglcvss8btgxfyqmc0+z0bg/j8xg06lxr5vzcciv7aj6r39kl1yhnrm86/dfknp/phyfd+1a1ehwj1rz1hrsrl6cwnno8h07ni+vy+tybdlr164ythyqowv+rlwhnedkctearrf54vnhdrvyvz7nrr1njjgxv2t2rqxg/i8hhk1w4aq+mzy9v6/v6txwa91tolmmqetzr79kfbezfemf4ufhtttvt+vv58rndzsdndvtzao/eror17mi2fnu+v79vvovpaoyp6hl7qxhntg87tci39of5y/r94+nj+7z8phz8ewgk9b0astvj+y6kntn3rnlo0m7qpxxn/5xrx4m+hvtxoi8hha6+nn/p2enhtvrzw/vtmb0h6ahbrwg6qtargo4q9eu6r78hpnmknspphennyd8dzbzg17d46n+xmirx3f9k4nacrwoc73w92wzexr7kfdukwgv9hm+xsbfff19rxaava2ycgevo+gsicrmytwz3ycgnd0yjwjqq0hk903+yagcdzyajxrt2hoasvqrhukwn2e0paa+oh4a9tqoss3rxvyc9qg/duttbqju7931q767dcippt3pl2lcsqvpsyblpttrt9m3jpllmjkxiehnpmezd0v5cnrof60ov5jrl+uwipmsn5pniau3itcnmljhk5pkobdplw4zgwpmr1wy7oeyccha9govbsrbgc8seai4bzt+h5kjwgadssigcmcwoydt1ibbamfnf7zie+eujgb8gquqvs97eh+24icds1glklaqlbef2ccap+tgahw0fhsvxuk6a6w0uyv5jn4kfa3axgkhb6/ldcowovkq2lwbnap24n4gpd6z/kbt/wqskakx7ktnhpqmdcvn4x9f1jwox2+pqh3zqx+uy2wxlbmrzdhjlyw0kzw5kb2jqcjuymiawig9iagoxndqkzw5kb2jqcjuymyawig9iago8paovtgvuz3roidy5ncawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide5ngovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2a6x/xwhdh+1xlftkleigcefudokgrflwulm7p//+v3dkht7u+b+/n3jmvyvvozgzetpi7v1f/v/t1abcasup/2tj25tkh9decaztdl9cbpxw2ccaqbashg0fwo+oaiwmbcoepryxd4ln1onjblg6fkzph2qgyy7imtyxbae9gn4esawgagzbjbveujveubd7cmuca+wm8fkzztpcuqkpqmqaquvksojzg/eg5kdjqev6kanrctcssiyqz1zvf4oghfpz5agaqaefwddoym1nhcbiz2zj1fxgqfit0f2sdg1msl2txk51zi6vypvwquk46aqdpupvpolyeq3reva0r65a92k2j0bipxzfymaqrfsm0hadmfx+ebojhhldiyuyhum/5ne5dt+m3axu3k4jjhapz7+fqkbur1lidr9t9bq8/ebz0e93bejmxmqiczp+z2e3qeullziu127v+adyztsbdfrdvlwrmtyycwglo1q1cpdhpj6bz58xzfdj6an+unwrmguqpokolvgykxk91p5w+l19xr8v55pguez23djnb1ppdknqdko3bhar/mj6/rnzv69vynurdem7kwlx++kjqh8omomttxvq7p3l+xb9/vk9fnp8e/grbnmqewnomrwgvdwbt5ert4/pjbbwy9nu1gh1xzubmpotx9fvn1+c7xuvf9cx8pvs4e3n7+pr99bfetgcdgqovkqqnjj05eusszlz48zfjhhwz5mrx+q+mndjiiyp8r5jzjaxxzcaneza5kioxweram1xrkxsu+l4ygqzjyeggqziyksgqdizkmpypd4blntz1r71pi37tccx+nt9hyq2sp1lstljxknaqvmacvusgwl26ugs/pcel7h2uupm451dduokqshmoxng8ythu9by3moequf69lqbd+5axtyfz8ahhkqkeyl83u49p88xyzbmyjqfdrivnxarjfteqojkplntkn35v+dsdzwft8wppr5eycza0jzrkjjikmpkuem1obzacjufdwx27ce2m4+qxyirkwfaigpztqjbbd/e9h9591294rcfscwp25vis3nkyztq5kldvtnzfbzxqxjfnx1vi/vc9rto1zqpklge7hfk1v61vvurjdwwzpuxy+ucbvrochaz+tozgtcvt5f234lq5bnocggrfwvzoxuwpw6waexxnmjnwyrbtlju0qqcxuuodeoshqxsdnhy1puugyei6piqseah6sdxh4ynywrdeszyvrzflseq50pbp0icj9lhkh+e4hhkhiwsq4i9j/6gtf4f57edrniompikmi9h5kebvgo6p1jbauoywmry+4frihu13kaneoihwq6cfeldwaiu+jr1lchsatdxenof3e8di9wyhurd5ji/eved/r/3obwjy0gnlbmrzdhjlyw0kzw5kb2jqcjuyncawig9iago5oqplbmrvymoknti1idagb2jqcjw8ci9mzw5ndgggnjk1idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtizci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zhxy6jafiuzi9jbkkag2hux2luxjbqntvl/f8vsa2o0wznnuzf1iijf3m6obdz6epi/6sdx/wkhhpbnwafsoxxovut6lklp0fg3ahv2+tam8zucpz/pkfjoo84a+3gciaisjoerx/1+dapc+ts0warj0trji6yoksbrwtfepggmajbjawebfoa5lqfivx5wh4atnmslqulwvfvvzckobjigipz+1+ofau4iklpynyigixxsjzfhpbrnk+4nae6qnt0asyrtogtcnejkkgdihi1/htvnkvaqq5f4kpsvlkqlyigxtpi6kvi06cdges48wnefnocllzlifcq1hmvzzxq1leuzyuvgkrzhf97bsvzqjhi2vlpa3x6/3+s8nir5zfstepp2emj+e8mplhgy08vaqzsct6ftyajfbpazcv0jmotnydo4zclr8vzf6o1miyvophm064vurbvzer9eg/tmcsaggmlcvtoalz83m83l6mncs8ozmxtkyhjf9ezotblbjarlvm+yennudrvxzwo2bfvzsxcqd8fjrtcimcrjylba7g+hw9vr89o4u8vhdymnig/dywe0m1ttdz+ed2/h4/gw2ywn3xohousb2g0xq4c3r4ux/fex6g27mvyahyqh38njuzqdv7+/o3izmpwj3hkvn2+/pj4+3g+v61nfw31+khvdsjdeyrh8gb2v8x5n3s/d+0v1/io966p3oftulry7je+wgxztf+nyadbl8u1/nujnv3axwy3c/xsc5pnaypmdwmmd9+d5kint3u0coeozu2kn5utxxyk+lmbdeh4sirjnbzfkyk9g02wrp11udvv9frddz0ftwi4edjogglhhnziqnrrj+xqzbt0vpv3hsjbm6oyx22sn8rxwypk0womws2gnuuphnzedr31rnm0nl4vjmxkjm5jm5qdjsgtv8wkdgokv1vwhwllrjstzlwarnxic+h2rvkybiylnvuyekiugmyacnlp5cq352g63w1a9usjedvxkadvkue0hmilireu3k9lcqviflyu5dnzqjjqq3iqwdw+qfgdqng+q4ug8mc4izviqowgsrbz2ljdebhbsyagngf6utbarnwogaeshvcxaqcjx/sghslogqjgq58ikpovamipdmspstjxzmdx+f7u9n4c0iasiohgeizauqbheood5izvj2mevw7acessy9cmjugpn7oanczxyjcqpjbsnqwzlbgmn6nodxkc5gsrccctyorebvpkjxfbgkir0ukah8rwizxgdgw1lqabvfmo+coc+fzjm+fhy7nd2zhxs7xd/6ohfbbsipmvuzhn0cmvhbqplbmrvymoknti2idagb2jqcjk5cmvuzg9iago1mjcgmcbvymokpdwkl0xlbmd0aca2otygmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmjqkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtwgt78uou7akin5kmrbjeeojsiqiuuloxutf2/f9/5ewjwrf2fh6fk/08sdjrb2t2yszad3f/1/jnmn5rxaf7v4/d2u8jebgdpcfaj/jiryq92on5gpa6aqcezw8jtmxaen0+/zf8pi9koakxx3bae31+gqqoggdfkyqfem7hmwspgemkcqrzluxgfqwwfiktcp3z8gahneexqq6fbbgheejckkein9dzccfobx9bbzgkskokgovfohffehexoakf8dkvd1qevaqv4aupqmrjlk7rqasmriwbd1keq+eejupftwu4qy4ldcoxlzww8jldt8qugq9q/nm6uc1qngzdspo0cqvypvqrvqxswuiqssdsudxgjvxhejitat4ctrpfq2y3mi/nhl2zikyyguydjla/g0nb/fqwjmftbavebhf7/x6306xbhuxccquv2oyp05wysebm+kt3mbppxqnh96vu5pjrkappyttwgubdmb1qaxsg49l8pp9nhp1g5vfxwzyqp23lfqyml6mzyq3vh88wy9vy8tbut2qltfzimf1cv6d6dznlkbw3svxoclpybtab1ft02kmbhiyjbuz6cqnwdwgmkrwsaxdf397x2912vxx77drlbejgudxx8jcizcvpvff8tdl97dbr+bj3bgutsugnecjnofdtx+fh1ofxcslf4y3+zlheff753g0wk37dhepbffkgkw5nbj6rbmd++fg5z4z7zlglx+2tzf043ixd3vd/++vm7h7u7uhuhn/n7jffhwtwf+qmg4j7vmvw9mdvbhkx/awscelovhvirkz55nslbwhqztdtzmgginilini26thlaxtllqfkmeikz0pp7cfkvlytqd9obu0nm6njiafn4ukaegmgd6vpx2qzn5rof++l+wzua1al6xj4hhr2ge3aidfu3rlb/dfkoptoxvtt2yqkyidnr7q2fv6socsmyu251rsmr8nbr/vck2yteyg9ev6orrbekqrnzkrdblu77dalxtvzuiqj4jwtgoeewwmkls6xroqtbdtpnauut2ukyogznrsq2j0bgwkfi5pu5b9lztksffogrkxd6ghcfhkcd3eopupslodvrcptgfndykqsaismwbpzut8ba9wptziseuviti1rmhzxyxfzrcxdnlsw2fza8aevn6tbkxjeszjlwzjeadwigtbx7s8xhswllun5hbdpcyxyszfrahfqy+ukppkadga8lse4wnbigxwhducbejhobehiiai/y4vdqmp62brdvpsxndci+pxy6y7myckn4ledip0/7oubn4cdpuzkkskhcy/gjo9wrpyuvdh0hs/flhbxpyfoq7g/+sk//h0nz2vuzhn0cmvhbqplbmrvymoknti4idagb2jqcjexoaplbmrvymoknti5idagb2jqcjw8ci9mzw5ndgggnjk3idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtuzci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7znxdrjqeiatqpquclgqsrsvs+xgo7hgqnhk/q9lzwe6gyxza+2zf/28b6lwzjcmn4vn7u7+wt1f6ldghk0pjk6bp0sgw7brdxr6gxbe9ntmmppbarda+nw/bbznymqw/cgmgxgn4pieqa6fp4dhbelsfa2ikjlaiqdocfwq48zwkqizluoroi5liaifxpnb7vnjbmvwvcjjcggkbywbyygcd9j1ums5uvleksnqjiou0zrquoboegp/exva7g/gfcsefs2mg6azspnjrdyqyijhexgqx5xdsu4ygqzgeqlmvlae5bppzfwlisyfynglr030bwiak5rymlmowdv6vv6zyswsqwuyweb61p5tftuoqfjqxmgurxqz3e12o61gtzqzy4rekefpifkdva7j46mc9dqzdeegqbdvk2wnimztxfk1jp3mzc3ilrvd5/hrbdabtoa9zrvgxsicxky7ehsluloqipqfamswni1xq9vyphl2g6wmroomifl87tqrnrhcsfrjvtualtebzez9nr/3m5vsqpnyelp5bscirltimdjtfzxfb3e73fz9+frctvjgjmis+jwdzevfz5abg9fl+26/339svrnrp1piroicdcsuqxq20nqerjyfh8nhv13px7o1sms/2rm5c9m3+8/pz8pothfn6g/29nd2tjt8fx19frwvxr26z8divlkhkv5nbixgrzpep8n7ehhfqd53ppdd6f1qev+wfn4i8babtwi8+6yhbxf4i8bbbb5baer2//8t/euu/hnfovzmdbokp9+vaxwrtic6htha22z0c0ydpqdnys3+zhgcdnnhp5ohsad49aqjaaimx9olru9l9rbzbreb9wly3ljyhnylatqamvwsdyatxdsatjy+9j7k2yr6czacvutlsdjvnfuj1/kcnb0p2rxhdfwrgb1e4eubpqa1rkzua/dh4wlonog0kvlknhqnrwhswvskhmnmvlxvdvsduk/dsippxuu48gk9ijvbahvvu/msvx9qtvrnrrvcybjrsgiz0qso7enmwgxfddnbecxxqkvilm1elsdiumfy+o7u/h7xccdmys1mmoksuizl6oawgnoiwk6mgw1ttiutncfkihan6wlqpbzrqxkpelb7ttrzazgtnctickhrvjaslomiava2id/lbqchp/b6lhdeuqkjas8xnik77np70y9gbzsma5ayhj7nalxtov4couqwxebzcqkmdsccwngk4cbkwckfzszg6gejdwzjhn0cbx/hno4n5eddftrrqrmsggagl9txta/ddtroedi+ze+5uepxjhp47nf19oztl/nm8t925z8hgnrazw5kc3ryzwftcmvuzg9iago1mzagmcbvymoknjqkzw5kb2jqcjuzmsawig9iago8paovtgvuz3roidy5ocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idy2ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zzpc6jaeibdjcineeehsrzxwptaoyyxgkout+b//5btgvxfhbl2y1btvvqdij7t03qx/b4+338u3xxx47ec5phscwkmvp8fvuw+ap4c9a7cjwndwq247cjjgjeeqqtsiai/h61wwwdtfibjiqjxubqzcbb+vx4kubsjgkvzlunxccxlwwocnrisb5unqsmg5yoidi9deom8x1cwaarhwt8qbxjtaeuyelzvtvpvicjlqz4fhqv38oj2ay2iobaw1r/jei96vavlkga81h+feytds7iai6cyhphlguymfy9pisqzjjtjxo3kncfkqp7m5s1ypvqtlm18nqlrisjrf+lx5sqjhckxzm6snlrttqfdaltnxepxqwkkp6sgcd9bcalykddmervbhzw/d/pp7bppjkoqhqp3voo6gkb5kaknc7v273lojubw8kxxrhuzektiorro5bgvuc+0enlirqn59gknj9ppzdx6ewqwjyqwemgs9eyczwt5izgvdgbwedzfloazd2vqqrwsdziuf4ldg4nknfwod1/fp4vver1azn5fu41ioqoe7wd1zidinqje0svgb/jxc7xzbjer+cew1zqzmsxiuqg1f7giunnsv03m6+1ut10vjm/9vglw0r0p6xnarelis9vvd5vl1ai8q4e98vjrmjr9xmejqbt8g19u95+f++3qc/ehg0qyivqdn/krm5cv8f/pzol9v/kcxx+pjofx+lpd53600x5h2zk4lqvveg+ousfg8afoxtj8fhhlefexbdmsdb3syehnjpoxhyde3g3ohuzqlf2o4pfqwxikvt1h6mlgz81a60dvanhrtmqmkxab2ggegxzcgxwyzqv+kiokayac3lvjasjzuwykpqpeyryb+vpsfae14ugcovfkomtazdpjefr1kzkmi6hksvdgbgslot0g2iddisucuseiysxkicoq3uzplhdew+ulsrr4fok8nhhhw4evaifuegahgjbdholjwazzcntynnm4pekr6badcnx5gxqfely0wcn+ga/ytd+wgxza2fxhd4w8lbe5snm8hco8qqqnebh+agw4py6qq58n9uqvf/vgl9ew1vnlbmrzdhjlyw0kzw5kb2jqcjuzmiawig9iagoxmzakzw5kb2jqcjuzmyawig9iago8paovtgvuz3roidy5osawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide3mwovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2zz1vitbsg3zeqhpiquggdqpheuzqpcoqa/v/fsmcslbbd/frunc8hubgnorlsxnpf3f1b+exklw7qsj69fd/igf475ce9wiei9jwf/krdxpaa3kysqxg/qxcex2mpuovtgfcsomgnfewsxjtazfthmqizluv4fi5jgzpca255m/asnmpxplgszigk+gsepskxhtxtazovrfkjqjqu65owupyswdfh/rx8rbmkzfkkrtpmcaqlharqab/ia4/kucijl8x6znuirempk51ow6lelbzubb6vf4y7g2cesq1gely2xyhc8rlmmmzqfh9hewk0nz8dnmoptlsmsdjtkncazwazuasuc1bmvgweiw9wqjyxtvaiw6g2o73byndvturl+1teuhzczfvofgmserqjahwq7d7dzdqdtkadtr2utziqynmxb2uxdgcambpzcrm/mi2wkmfjsf3lpyk6lndk+dw4oceq4vs+1nmylz83m816nr/3g8v01palulzn/fdho6i4sytyxuzvsnh+2w63r+vlbnguz2nbxeec05ykr9ol5mc22mx3u93by9n81knm4qbiy6mbrcpe6nfmutv8fhrdhq6h/xa9ghdr9wlted1xi5yptx/mz9v9+/v74w2znpqadww+xbovzgxer+etp+ojxfrt8phx8b57wu0xdicbfe1gdcysz8z15yfnbl9n+plat1r8j8qpsvygxksl9g8nxhpgnqe+cfcaan8j8joapw7wmgcvcxabdbve8zrgh18tfdwl/3i+u/swv29kow55+6jdjlrepnvl2+m/t6d//vk23+93r8/zubeag4a6w//9s7vfnyzwr6i7v1nnhtqvbbx192/a9qrodw25g+5otlqdo9g8zsf9ziktc3uhhgmmcpxwypy4xehm02gnvrcozukyl+p4j2asxax1buppddiedhvlxckksvy1ypifclaq4wsuvg/1bkniv9oo5k2om1wxrz5odasjqvyxum+22+1wo1q6t8ddmiywod2ufq9bmyksmtfk5r5qkkok+awvd+mkeg2e7u7g4ia8ykf8wjact1ozlhqqhgvaovqpt32exm0nqzkctw7owvakgonewqah+kwbrfbrpgachfvpmzwg+qoqrhsqhwsz7ao5dlm5vrd7816kznlbba/nhyavx4nzc+gvl2xjtjngbehdcbyaaqyprj/t+c6mxaebh3i8hjeeetsdqtogeb3ghc892zfgr3tslcqkmmofhcxikqff/hncjikrz4q6lmfla/v2adtifmr+r8m45+oln6etuf92brsd/9d3fwo2ekq/zw5kc3ryzwftcmvuzg9iago1mzqgmcbvymokmtm5cmvuzg9iago1mzugmcbvymokpdwkl0xlbmd0aca3mdagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxodgkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmwl3qkgqhr2jsiolklggkgaxubcnuo/rgi1bkvn/f2wquxndc8+zb3om6xwv5a2iqkc66cfj+b/ar0v7qrf77v8ho3jec0c7kdj7npqf/xjlys/2en0+n9812pb5vxcc3mig9rmeetsc8ioh63bxgipat5auztasmoahkricbukhay9epmiw4wociijwcvacq4odqz8pd3kkzriakaevedilkisbjqgq/qjcfbzulc8gq2okgovh47fora3jis9sborzrocg+ib2qfk0mj5mpu3ttkcmpayqes9qfh+ue5kng5xkecku0zomlcsxhgv5ngum45oi8gx5ng5qi89psyki6wmrulkfqrxqu6vusfk6fhryfb40x/iw6furedwct2wl9rptblvbtadmf61ulczxngr/jodcstyqjbgpj3a93esph8n+t1w3c5mefgxczlnpnrndsxsuum8pxpppbdoz9dv1ci4vdynsefkunokksj55rdz7k9l8svjmp+ne86lgxsmsjh/ayn2lvkqmrnjzzzh7w67wq+v8ouzuig+6knh7wn+xcl2nevkzsmwnn56/r7fb7xr5ou7vs1zckzmo9ereoegehzc1zk7s6l8svpvdx27z/vbsd8pzq5nra67lwugyzzch0+vm+/h5sv0vpongjwtegvfkqfytk999fn3uxlmds/4obw1n79upr7+/pjbl2bcj5eg0bspqsnyzm1ck7swpfz58zebrbt84bg9l+mabbxx4xp1p6ozhdzx64nedjx742epo0zcequapbj5c4ckexp/ba3p4kq4v7okvwry6/++x65ebayb5i/c4qjjfvkwsvf/na8rjnwhxrf1mswleg5indnvubocuzfyavckbekedekh5poeulsbctwasxcuqyzxr3der0knnerwyjbrppyeeknnabi8akp8cejd4knzag5f5yvm+xlxobq3qy0yp36bzxj8fac1ufp6c7uhl9jp/nu2gxcfop2oa1q5ygqj3ghjnzku1rncwgk/go0gnustayygixie7fwsc/dlnflnaahe6vw6n5vtlovnx5cavfkrygrkjgpl8ya49o47zxlvl+ywruuru6tlfrlwuakgcjhmmvsiwypvy6tfvmuy0lb8h4jej9hgquyvovgigo4bahywra1mzdfihtccixm6aqwephwlokenank4ndmni6pgofpifjj5hjggoirnpt9ki9sphvdu0tvvdctbeftrx9pzbd3byecvjlmvjegvawzfvihfjeytnsbzhi+oavspw7my+qdnfla4eswqspcgaguwrrhjbz0s1sh94mmlsqngjzpd5tdmp8ppke/si4cn+j3a88hhe5fho69jhhfwpeb0mae+ikye7+/zt5pg3n0/un/f/z3/8bx/govjlbmrzdhjlyw0kzw5kb2jqcjuzniawig9iagoxmjgkzw5kb2jqcjuznyawig9iago8paovtgvuz3roidcwmsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide2oqovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2zavfiwbcgnyhsg1ljiow7qraewzyxajfmfft//5apeyncmk39cc7mrq+cen4qkkvxco9zcfefir9o45vropuejn+bggv/bwkfck1ar4a0eole3wmo4qscdtfjmzjsfp0efbwnooyqbkqgmuuzdmv5wbimtvnrrd+vj9rizpgckeo4rehgicnm76szlhdljazquq5rmhptjeigqu/1ustriueeoayzvtx2hme246ahkhlpovrb9lfxiga1asqtbiqtzwyz6vtssftyh/6kfvsczgvzs5xutlasvybkxxzgtq3qm9doyttxvkimj6lmil0o1xrnvqvvvpsqprzofrhaqdm8lmdyihuu3ukxqo2rtu8gottpeewcg1dlhl1tub6lovg13fzlsn3th43h49hgtnvlltkooqjbbqbzaj2xnttd8to3w7vh6xq6erj3e61a3rvu6abn8tgmfeqmrxijxkxzg9xpz/p5/plpctfvnerpuczxnoxcqe4xgmim8/x27xg6w6xwq+x86xhua1ayti5zepsn1uees9yidz14epq13m63m+v8evfjqppzdjlj0ccvklnizeqvgt3r4/nyu9vtxtalp/t+u5zpgdifjldbftkbt+arl/1+v9sszw+dtj2fmjvwetxdbvn013r3+vq6366eh0fesh4hb97c/vwc5ppj8nr7xr7zv729vb6sirx/9vhrhbnjqzljno07mcy3xz6ym2rnfmqjybkqjti/wyk/hutxg9xckrtycodn/pvrzaniepalip5mhcwbwyl/6ricjd3vnfpkg/+xd4xd5tenl9kidznb8k4vg93hn3ny4jcbbshrdo7bid9snusvhfko77/xwh+fzbzlcpdfh+c/z2wd7ppzqx3cfdlizlg7p5k9q/ycjg87hnb3aqye/xdgb5we7kdos4mjxp24321v8675mr0gsolirbkrid7tcaqx+nft1yfm6j/jbgiwihvyqxzva3w6gd161+1mvzxlwqre+9tm6hegegrujwy66xyp5l02irr1sjhr2jpqfspavs4uelob8rjqom4mxyyjkbvy6wtciinnzabli5jxabfykql0billjmyfcahrogdiqhvgtzki6syaj4i4zeqqiobxjtqnyl9asyq5pqoabmasgwgwpl/b4ndn73rgagdlffqmcjywsnc2hiasfgoayx0uxyish9ddkws6dbpkiz3mfd7ooydexr+owocatymseex0msi6wjwpyopejfv3m46uepx4nfqq4gsoj8gkic8owi/khmt9+0/9a+crnjrlbmrzdhjlyw0kzw5kb2jqcjuzocawig9iagoynjykzw5kb2jqcjuzosawig9iago8paovtgvuz3roidcwmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idm5nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2c2vbiqbcgmsehoyrsiswjhlwrkciomkcilikggo//lfpdqqybjhczc6ouhcr/n2wf6u7/qpl5fp9v/fjfox9rjfx8s78j1fz0bj2zuwg5bfi/cyzh6csck9m7glaxebisgyabr6qrbbcld9umkdme5wuinue4aglbgmzqirg/nwwtieqyredisiqkpdtyosdqhuv4uvjcqqqfw2fnu0nbwrk4aog38iep+floahe4govrhmhoejwavooyylt6bzq08wavbbwofprmmzzlmeluwohfvexkij/17ehoslwy1gjhkcvo5gsqueyxmdcjqixwlktz2ttnheeebdrpu1aqvxzhqzydfrozlb4jstzleefhzzyxqlejbrfpzmtxdyjlqnoszytjmikuz0/ktecq1xjyuhhwrd+0fkhcxl+dn+ato0hqotms0ge1ksthw8yvq41m56elcde+vxrkdiqmynyajovh9nrcodeytwsktr111+0pbop+00p7ulrom7qmgnwznq5ccsvs9snftafbh43h49gw99c8coqwevyesh69d5at1fg6w64173vpl9ppddieprybf6vjsf7gtus8pmbn3nlvqzsyv75btea9zk31xe5eguiouazfzxyl/utx+pi2n89n03h/7rz2aieiod1y3qj5++l5mlssfvpxl8e9ylpj/fkc0+j0puupzcvyqfloon9/f1+8tyyojxovlzxdogoji7m2+xbkcdbh9malfddi3chxo0s3rbw2egl0bfge6alwjubpgnsbegl0bpg1mg+laisaiwc/updhewarybhgt2vwey56avqewas4hebkgnsbbgd4uw25qws9axoclal0blgsocfa7qa9axocva+b1ab6avqewatocxalqe+a2wf6alid6anqe2arocfalqa9aw4h6alidfzvnudpn8l/1jp+3yiiepkes9nsaj/asz+yhkqfmjzlvqh+sbxgx7ivme1yw+cpu5/c4hihjggx4rp1kavhuic0qp2o1jbuiez+6gr9tsflwpqi06lralhmi+m9tav/kphh2outssxwgjiry6smbwigrungcqc9a3gcgtthcbyfppa4krt4hg4jmyvar5rqpqwvar8k+zwwikhhyxettjmlqmcijzxiqcrrckkk/awpzjko5abieswgldkohdvijypq6ufkwpaafaqlrbdiclbw+p2ulav+k+hidr1idsz7dic4+qbkiafajiui2u+iossctqk0hwhhej4+19+6l9f+rgu2jzzi7yv/8pnfsth1z2vuzhn0cmvhbqplbmrvymokntqwidagb2jqcjiymwplbmrvymokntqxidagb2jqcjw8ci9mzw5ndgggnzazidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmzi1ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7ztpv+jkeia9iyf7qgkeacfa2fehhufqqjcrtdd//1umuhfknfhjvfdufdaczltld52i+z3gc3pzp4p/dumv+zqu7p6vphdbj+ogorcttujbcndnwcmkw+sx9lqysbmgcx8gw7hckehqncyqnrg7wy7jp4njwtfjgr9wjqdqiuyfuzjlrvfkwzjenmpdl/sktosbsasomq57ixtno8qiwlmzs/qkofglisfrnwjbemba8gqqdhqof7wcupxx85kq+82qzudjengiftr8np3+clokujstvd0irukjvcabzwbssscann2azlownipe0h0yrcbr/pcdyosl5tuiuigxikdmnyrccg67s5vdcv/qtmrlp2unvqvvrffv8um4fdblgzbf16cbhzvracvjlkrn+4cerkfdumunoieofyr/ausxfd1opwrvvrc/hi1gw6d+p17oozbhktj3yw9ix1ysoprc8wy50x0atabt6ct42g9xiyk7ajt1395+tzk2krvvv+xkk+3+api6n89n08mgwy9nyqau8nd6ezkneoxisldrdma/fqvvajmbpveap7pxoffh2xo55dhsvlh+mhyzrdbr9dviddxvv3joyksil+qayeun3mg6f9tsnuvlbpj0x8070jrl8ka0dflnx4v1+/v7zjv/ifje+a/ycrm/fl1u5yvpofmrfeo++fj4eh9d+q2dgq7mn5renhi783nuygfw7yfvdzwjb3aicahwcnatgs9at4ceaicarwm8cfa6wosap0ehhxwgj0bpgeoangbpavqeeb2gj0bpgf+tkrlat4ceaicapqgebogj8dpat0bmad0begicavqeebkgj8drad0bmqh0bogjcajqe+bj8g/xbf/wyd9oeok2fjtvostmwwej8/ghegawhdtzrhe/x9mwoscfsrsqnsegejbl5wi2hv2nefxbrighjnbw8jqdmi4hgcbloqyosnep9amekuilxtjaid0ojy8qz8neq1kgbbias8diefbnvax8u7jqab5pmir47n3xylnh8p/ztytkanrkcmebnmq0uw8qnvad0fmaij3ru4qti2ywgxgyxbtqvdlsnmqvmrbcyuothwoyjkjclpyh8itoo+lcovsgkoyzyzhleoh8yo7il3ogu6c8anor5ittjfkjub0o+dzskve2pbijh6zovkawhlgjeberzpq9qk2xqn19ovbba56shpg4wdv9amwzeahdd0ycdimjo7yagdpokgtvowfzpxpgtgfejxj6sdts9svi/6fq+i8xcdahatifadzfdf6pjuxxqy4d9o/ghyc83l4+6sbbc/cwikcjgdbs8clkaa7ocra5rx3jwxz0vksgfjjwdflsv66odwlbze7nfrvxhny6+h1f8r99+tc1bm28zw5kc3ryzwftcmvuzg9iago1ndigmcbvymokpdwkl0xlbmd0aca3mdqgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymokntqzidagb2jqcjw8ci9mzw5ndgggnza1idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju0ncawig9iago8paovtgvuz3roidcwniawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwodw2laaanafa6uiiiiiiih774giinq6cbe3jv5vlsuo7shsotlasupds95l0nvux8/9d+j9vq/k9/09+l3dd7z33nchc7s7sj7crqeww7k7somuemjzhjelk+/bul155s68g+ty5svmxe5yr86fdtpydo05z6ndniubddgpbvlhqd2wzwjn2svarnnsjm0ktmrsykslg2zowmewcwabtpgptwkl2gxkwxvtzkqtmy1nmyxgq8peatsk4pupi6xbnzlo34dbbwze/fyb+dabhnf765v883ubcwvzfbjxuow+ufecxh/zrn9yfwhqxjbopq/rstee15nq1p7xq886uk+61ae1f1ee1piurjwvlzn+xf1+xpl76xgfxewlx+jf+r+xf4uxpv/4j4slv5k+lc7gf3x/yfv7smd8fkglnb//zr7mxsswqdvg55laueq8y+rkpfajtqinngrsbekdnztnmfql5krvqgr6xk2kq2eisznxhsr4bklkguemqzqx1trwzjpgvxgbkatuxbcjskvuouu+prwfn4xouyomo7b3igniqyk7+pg7kcrj8tvk28kx+imxw8jr2wny8dfbypvxeesxkrvg8m0y+ujwdxdoehr9zogaohg9gj48ee0cubqmptrwrey/gqi92h9f7lscpd3qd4nvvrxgsb/3srjn8wxjvp6l4m5we7svers+n7pz03xe08l2d+d5d8fnmza72s/+y9tzz/epq62nhszltzvkp+3yckstkfawsbvlskiblniqo2hefnkkltefmjeeyphhlvkmtcctpbkmy7qsyxk+ljoem+k3hpvlshvddmvhkt4kfyeaadaemscshhcykctbh0lexy00648akcx1r5dcizexkbbig4rbylpga6yolggpciqiazeaxy8ikncg6hgftqfyfkbi9av5xdq+n7zgx4cuqpetex4b0cfgawt5pmk1r5y2v9qh5/r45f4+f1jd9ekrvdvmevvepmflax7yootvnen85we1u27lyxef9qg3arkq4qdqg9ucbwecr9s/of8hk7/8gv0dn9dsrmvuzhn0cmvhbqplbmrvymokntq1idagb2jqcjw8ci9mzw5ndgggnza3idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju0niawig9iago8paovtgvuz3roidcwocawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntq3idagb2jqcjw8ci9mzw5ndgggnza5idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago1ndggmcbvymokpdwkl0xlbmd0aca3mtagmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcju0osawig9iago8paovtgvuz3roidcxmsawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago1ntagmcbvymokpdwkl0xlbmd0aca3mtigmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju1msawig9iago8paovtgvuz3roidcxmyawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntuyidagb2jqcjw8ci9mzw5ndgggnze0idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago1ntmgmcbvymokpdwkl0xlbmd0aca3mtugmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju1ncawig9iago8paovtgvuz3roidcxniawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntu1idagb2jqcjw8ci9mzw5ndgggnze3idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago1ntygmcbvymokpdwkl0xlbmd0aca3mtggmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcju1nyawig9iago8paovtgvuz3roidcxosawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntu4idagb2jqcjw8ci9mzw5ndgggnziwidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju1osawig9iago8paovtgvuz3roidcymsawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago1njagmcbvymokpdwkl0xlbmd0aca3mjigmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju2msawig9iago8paovtgvuz3roidcymyawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwodw2laaanafa6uiiiiiiih774giinq6cbe3jv5vlsuo7shsotlasupds95l0nvux8/9d+j9vq/k9/09+l3dd7z33nchc7s7sj7crqeww7k7somuemjzhjelk+/bul155s68g+ty5svmxe5yr86fdtpydo05z6ndniubddgpbvlhqd2wzwjn2svarnnsjm0ktmrsykslg2zowmewcwabtpgptwkl2gxkwxvtzkqtmy1nmyxgq8peatsk4pupi6xbnzlo34dbbwze/fyb+dabhnf765v883ubcwvzfbjxuow+ufecxh/zrn9yfwhqxjbopq/rstee15nq1p7xq886uk+61ae1f1ee1piurjwvlzn+xf1+xpl76xgfxewlx+jf+r+xf4uxpv/4j4slv5k+lc7gf3x/yfv7smd8fkglnb//zr7mxsswqdvg55laueq8y+rkpfajtqinngrsbekdnztnmfql5krvqgr6xk2kq2eisznxhsr4bklkguemqzqx1trwzjpgvxgbkatuxbcjskvuouu+prwfn4xouyomo7b3igniqyk7+pg7kcrj8tvk28kx+imxw8jr2wny8dfbypvxeesxkrvg8m0y+ujwdxdoehr9zogaohg9gj48ee0cubqmptrwrey/gqi92h9f7lscpd3qd4nvvrxgsb/3srjn8wxjvp6l4m5we7svers+n7pz03xe08l2d+d5d8fnmza72s/+y9tzz/epq62nhszltzvkp+3yckstkfawsbvlskiblniqo2hefnkkltefmjeeyphhlvkmtcctpbkmy7qsyxk+ljoem+k3hpvlshvddmvhkt4kfyeaadaemscshhcykctbh0lexy00648akcx1r5dcizexkbbig4rbylpga6yolggpciqiazeaxy8ikncg6hgftqfyfkbi9av5xdq+n7zgx4cuqpetex4b0cfgawt5pmk1r5y2v9qh5/r45f4+f1jd9ekrvdvmevvepmflax7yootvnen85we1u27lyxef9qg3arkq4qdqg9ucbwecr9s/of8hk7/8gv0dn9dsrmvuzhn0cmvhbqplbmrvymokntyyidagb2jqcjw8ci9mzw5ndgggnzi0idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago1njmgmcbvymokpdwkl0xlbmd0aca3mjugmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju2ncawig9iago8paovtgvuz3roidcyniawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwodw2laaanafa6uiiiiiiih774giinq6cbe3jv5vlsuo7shsotlasupds95l0nvux8/9d+j9vq/k9/09+l3dd7z33nchc7s7sj7crqeww7k7somuemjzhjelk+/bul155s68g+ty5svmxe5yr86fdtpydo05z6ndniubddgpbvlhqd2wzwjn2svarnnsjm0ktmrsykslg2zowmewcwabtpgptwkl2gxkwxvtzkqtmy1nmyxgq8peatsk4pupi6xbnzlo34dbbwze/fyb+dabhnf765v883ubcwvzfbjxuow+ufecxh/zrn9yfwhqxjbopq/rstee15nq1p7xq886uk+61ae1f1ee1piurjwvlzn+xf1+xpl76xgfxewlx+jf+r+xf4uxpv/4j4slv5k+lc7gf3x/yfv7smd8fkglnb//zr7mxsswqdvg55laueq8y+rkpfajtqinngrsbekdnztnmfql5krvqgr6xk2kq2eisznxhsr4bklkguemqzqx1trwzjpgvxgbkatuxbcjskvuouu+prwfn4xouyomo7b3igniqyk7+pg7kcrj8tvk28kx+imxw8jr2wny8dfbypvxeesxkrvg8m0y+ujwdxdoehr9zogaohg9gj48ee0cubqmptrwrey/gqi92h9f7lscpd3qd4nvvrxgsb/3srjn8wxjvp6l4m5we7svers+n7pz03xe08l2d+d5d8fnmza72s/+y9tzz/epq62nhszltzvkp+3yckstkfawsbvlskiblniqo2hefnkkltefmjeeyphhlvkmtcctpbkmy7qsyxk+ljoem+k3hpvlshvddmvhkt4kfyeaadaemscshhcykctbh0lexy00648akcx1r5dcizexkbbig4rbylpga6yolggpciqiazeaxy8ikncg6hgftqfyfkbi9av5xdq+n7zgx4cuqpetex4b0cfgawt5pmk1r5y2v9qh5/r45f4+f1jd9ekrvdvmevvepmflax7yootvnen85we1u27lyxef9qg3arkq4qdqg9ucbwecr9s/of8hk7/8gv0dn9dsrmvuzhn0cmvhbqplbmrvymoknty1idagb2jqcjw8ci9mzw5ndgggnzi3idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju2niawig9iago8paovtgvuz3roidcyocawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago1njcgmcbvymokpdwkl0xlbmd0aca3mjkgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymoknty4idagb2jqcjw8ci9mzw5ndgggnzmwidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago1njkgmcbvymokpdwkl0xlbmd0aca3mzegmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymokntcwidagb2jqcjw8ci9mzw5ndgggnzmyidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju3msawig9iago8paovtgvuz3roidczmyawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwodw2laaanafa6uiiiiiiih774giinq6cbe3jv5vlsuo7shsotlasupds95l0nvux8/9d+j9vq/k9/09+l3dd7z33nchc7s7sj7crqeww7k7somuemjzhjelk+/bul155s68g+ty5svmxe5yr86fdtpydo05z6ndniubddgpbvlhqd2wzwjn2svarnnsjm0ktmrsykslg2zowmewcwabtpgptwkl2gxkwxvtzkqtmy1nmyxgq8peatsk4pupi6xbnzlo34dbbwze/fyb+dabhnf765v883ubcwvzfbjxuow+ufecxh/zrn9yfwhqxjbopq/rstee15nq1p7xq886uk+61ae1f1ee1piurjwvlzn+xf1+xpl76xgfxewlx+jf+r+xf4uxpv/4j4slv5k+lc7gf3x/yfv7smd8fkglnb//zr7mxsswqdvg55laueq8y+rkpfajtqinngrsbekdnztnmfql5krvqgr6xk2kq2eisznxhsr4bklkguemqzqx1trwzjpgvxgbkatuxbcjskvuouu+prwfn4xouyomo7b3igniqyk7+pg7kcrj8tvk28kx+imxw8jr2wny8dfbypvxeesxkrvg8m0y+ujwdxdoehr9zogaohg9gj48ee0cubqmptrwrey/gqi92h9f7lscpd3qd4nvvrxgsb/3srjn8wxjvp6l4m5we7svers+n7pz03xe08l2d+d5d8fnmza72s/+y9tzz/epq62nhszltzvkp+3yckstkfawsbvlskiblniqo2hefnkkltefmjeeyphhlvkmtcctpbkmy7qsyxk+ljoem+k3hpvlshvddmvhkt4kfyeaadaemscshhcykctbh0lexy00648akcx1r5dcizexkbbig4rbylpga6yolggpciqiazeaxy8ikncg6hgftqfyfkbi9av5xdq+n7zgx4cuqpetex4b0cfgawt5pmk1r5y2v9qh5/r45f4+f1jd9ekrvdvmevvepmflax7yootvnen85we1u27lyxef9qg3arkq4qdqg9ucbwecr9s/of8hk7/8gv0dn9dsrmvuzhn0cmvhbqplbmrvymokntcyidagb2jqcjw8ci9mzw5ndgggnzm0idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago1nzmgmcbvymokpdwkl0xlbmd0aca3mzugmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju3ncawig9iago8paovtgvuz3roidczniawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago1nzugmcbvymokpdwkl0xlbmd0aca3mzcgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju3niawig9iago8paovtgvuz3roidczocawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntc3idagb2jqcjw8ci9mzw5ndgggnzm5idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago1nzggmcbvymokpdwkl0xlbmd0aca3ndagmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju3osawig9iago8paovtgvuz3roidc0msawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago1odagmcbvymokpdwkl0xlbmd0aca3ndigmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymokntgxidagb2jqcjw8ci9mzw5ndgggnzqzidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago1odigmcbvymokpdwkl0xlbmd0aca3ndqgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcju4myawig9iago8paovtgvuz3roidc0nsawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntg0idagb2jqcjw8ci9mzw5ndgggnzq2idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju4nsawig9iago8paovtgvuz3roidc0nyawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwodw2laaanafa6uiiiiiiih774giinq6cbe3jv5vlsuo7shsotlasupds95l0nvux8/9d+j9vq/k9/09+l3dd7z33nchc7s7sj7crqeww7k7somuemjzhjelk+/bul155s68g+ty5svmxe5yr86fdtpydo05z6ndniubddgpbvlhqd2wzwjn2svarnnsjm0ktmrsykslg2zowmewcwabtpgptwkl2gxkwxvtzkqtmy1nmyxgq8peatsk4pupi6xbnzlo34dbbwze/fyb+dabhnf765v883ubcwvzfbjxuow+ufecxh/zrn9yfwhqxjbopq/rstee15nq1p7xq886uk+61ae1f1ee1piurjwvlzn+xf1+xpl76xgfxewlx+jf+r+xf4uxpv/4j4slv5k+lc7gf3x/yfv7smd8fkglnb//zr7mxsswqdvg55laueq8y+rkpfajtqinngrsbekdnztnmfql5krvqgr6xk2kq2eisznxhsr4bklkguemqzqx1trwzjpgvxgbkatuxbcjskvuouu+prwfn4xouyomo7b3igniqyk7+pg7kcrj8tvk28kx+imxw8jr2wny8dfbypvxeesxkrvg8m0y+ujwdxdoehr9zogaohg9gj48ee0cubqmptrwrey/gqi92h9f7lscpd3qd4nvvrxgsb/3srjn8wxjvp6l4m5we7svers+n7pz03xe08l2d+d5d8fnmza72s/+y9tzz/epq62nhszltzvkp+3yckstkfawsbvlskiblniqo2hefnkkltefmjeeyphhlvkmtcctpbkmy7qsyxk+ljoem+k3hpvlshvddmvhkt4kfyeaadaemscshhcykctbh0lexy00648akcx1r5dcizexkbbig4rbylpga6yolggpciqiazeaxy8ikncg6hgftqfyfkbi9av5xdq+n7zgx4cuqpetex4b0cfgawt5pmk1r5y2v9qh5/r45f4+f1jd9ekrvdvmevvepmflax7yootvnen85we1u27lyxef9qg3arkq4qdqg9ucbwecr9s/of8hk7/8gv0dn9dsrmvuzhn0cmvhbqplbmrvymokntg2idagb2jqcjw8ci9mzw5ndgggnzq4idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago1odcgmcbvymokpdwkl0xlbmd0aca3ndkgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju4ocawig9iago8paovtgvuz3roidc1mcawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntg5idagb2jqcjw8ci9mzw5ndgggnzuxidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju5mcawig9iago8paovtgvuz3roidc1miawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago1otegmcbvymokpdwkl0xlbmd0aca3ntmgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcju5miawig9iago8paovtgvuz3roidc1ncawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntkzidagb2jqcjw8ci9mzw5ndgggnzu1idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago1otqgmcbvymokpdwkl0xlbmd0aca3ntygmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymokntk1idagb2jqcjw8ci9mzw5ndgggnzu3idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago1otygmcbvymokpdwkl0xlbmd0aca3ntggmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju5nyawig9iago8paovtgvuz3roidc1osawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntk4idagb2jqcjw8ci9mzw5ndgggnzywidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago1otkgmcbvymokpdwkl0xlbmd0aca3njegmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymoknjawidagb2jqcjw8ci9mzw5ndgggnzyyidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago2mdegmcbvymokpdwkl0xlbmd0aca3njmgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcjywmiawig9iago8paovtgvuz3roidc2ncawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymoknjazidagb2jqcjw8ci9mzw5ndgggnzy1idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcjywncawig9iago8paovtgvuz3roidc2niawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago2mdugmcbvymokpdwkl0xlbmd0aca3njcgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymoknja2idagb2jqcjw8ci9mzw5ndgggnzy4idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago2mdcgmcbvymokpdwkl0xlbmd0aca3njkgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcjywocawig9iago8paovtgvuz3roidc3mcawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago2mdkgmcbvymokpdwkl0xlbmd0aca3nzegmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcjyxmcawig9iago8paovtgvuz3roidc3miawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymoknjexidagb2jqcjw8ci9mzw5ndgggnzczidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago2mtigmcbvymokpdwkl0xlbmd0aca3nzqgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymoknjezidagb2jqcjw8ci9mzw5ndgggnzc1idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcjyxncawig9iago8paovtgvuz3roidc3niawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymoknje1idagb2jqcjw8ci9mzw5ndgggnzc3idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago2mtygmcbvymokpdwkl0xlbmd0aca3nzggmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcjyxnyawig9iago8paovtgvuz3roidc3osawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwodw2laaanafa6uiiiiiiih774giinq6cbe3jv5vlsuo7shsotlasupds95l0nvux8/9d+j9vq/k9/09+l3dd7z33nchc7s7sj7crqeww7k7somuemjzhjelk+/bul155s68g+ty5svmxe5yr86fdtpydo05z6ndniubddgpbvlhqd2wzwjn2svarnnsjm0ktmrsykslg2zowmewcwabtpgptwkl2gxkwxvtzkqtmy1nmyxgq8peatsk4pupi6xbnzlo34dbbwze/fyb+dabhnf765v883ubcwvzfbjxuow+ufecxh/zrn9yfwhqxjbopq/rstee15nq1p7xq886uk+61ae1f1ee1piurjwvlzn+xf1+xpl76xgfxewlx+jf+r+xf4uxpv/4j4slv5k+lc7gf3x/yfv7smd8fkglnb//zr7mxsswqdvg55laueq8y+rkpfajtqinngrsbekdnztnmfql5krvqgr6xk2kq2eisznxhsr4bklkguemqzqx1trwzjpgvxgbkatuxbcjskvuouu+prwfn4xouyomo7b3igniqyk7+pg7kcrj8tvk28kx+imxw8jr2wny8dfbypvxeesxkrvg8m0y+ujwdxdoehr9zogaohg9gj48ee0cubqmptrwrey/gqi92h9f7lscpd3qd4nvvrxgsb/3srjn8wxjvp6l4m5we7svers+n7pz03xe08l2d+d5d8fnmza72s/+y9tzz/epq62nhszltzvkp+3yckstkfawsbvlskiblniqo2hefnkkltefmjeeyphhlvkmtcctpbkmy7qsyxk+ljoem+k3hpvlshvddmvhkt4kfyeaadaemscshhcykctbh0lexy00648akcx1r5dcizexkbbig4rbylpga6yolggpciqiazeaxy8ikncg6hgftqfyfkbi9av5xdq+n7zgx4cuqpetex4b0cfgawt5pmk1r5y2v9qh5/r45f4+f1jd9ekrvdvmevvepmflax7yootvnen85we1u27lyxef9qg3arkq4qdqg9ucbwecr9s/of8hk7/8gv0dn9dsrmvuzhn0cmvhbqplbmrvymoknje4idagb2jqcjw8ci9mzw5ndgggnzgwidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago2mtkgmcbvymokpdwkl0xlbmd0aca3odegmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcjyymcawig9iago8paovtgvuz3roidc4miawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymoknjixidagb2jqcjw8ci9mzw5ndgggnzgzidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcjyymiawig9iago8paovtgvuz3roidc4ncawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago2mjmgmcbvymoknzkycmvuzg9iago2mjqgmcbvymokpdwkl0xlbmd0aca3odugmcbsci9mzw5ndggxide4odcyci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4adv8eubc1dn+uffoxizmajmmddadw5phczsjgqk7aziqmasskeca7ptuvjrafy1l3a3vafttg6vdjca4teybq7v1qbxaamtja9tog6utw7xa7zn3nrojbb/vn98fxwee+zzve5y55z3nnnpusdcjmwzii0xhrymbbjazdvzdeb4dkgd3bvc9empjf0b/wjjwuhlzqg0ffdrhzkwhv0zsqvuxrfy97eedjfmtgxoorb4egprrqpxlgcu4axnkv8nhuul3doyxywes3rb9d+p7ulwqn8bux79pckbovgwzy5knshm2doze7b/lvbn2eti+jqmbhn8fs/os2fdze/pw4c1t7/zxdoz7uycjpglf/gvgk/laaczoyugzmyuzmq38emzgrvqwbj2ukuvlhizp72rs8ga1pljmz2vznsrhhh2fhwy3smfz62wfowr1gzvc7mxfywh2bpsxe1uu+p/bkxdpnzczchltimns6topc5p3aupa2as8n8ck0/g+90zzpt79ku/dyrumbjpjogczqmut8kuo7e/sxnsnci1kwqbkus1fdm1v3+l9/z2td07e94vezgedbdfbwpayptbpbtd/ibaarufk1rh1bapbqfobkbykeiws5cg1ifxcf55re9vmnrgtbdvbwxbiazp0tqjf07ao9g62c1+72uvsd9vl9rh90esu1bmpkxtu726khgahmtixs0tujzg8h9il7dkm2uxscnylruw/w1eezzxkrmjxy5yvydey/6qpfyhlonydu559ffphrnytu5ndinnxnxbhl7y3qp7b2z3slswzxuimeo5s1c3sftxxp2ipsqfyg+yegstbri0iiukyuo30zsrgh/p86iiwuzr3ny/wausd93s02u/din8lf5tygy0jj94h5otrgy2oa69lf9qjinedekb6837ygpe+xpuffoos/5ux95jh6q7es0sgx+xm+g7/f++fos7un7ov4w68g1ceva7ugsz1l6ov9n95pu8rne0b7jvswxil+xhxgslzl3z3sw/j3v4uo8rux9fn+kjfqq+w76kjf2zjlmkosemyyrpsjbtx/f9t2onyo75c5li0rsj5wh5mj7bhmun+we5hpxksx8lzffgej3ppq7nifhjr9wk1f099enpraaxqz7kfsj+yf9htsj5xr8/aepg9xh7oxpusud9jb+m6abbg89dyzx1llyzu7ql1dy3ond9vbkd725zwluamxob6utnb2ppz1tnnvfvwljcvfutn5wrlzvjtve54u81qmrljdhqdvqpiestr9df1+8jz/wfnlr+ljz/b/ge4bi5w9id9cdv9mu/yx8sniokloypiufjloyoum3g+p2tzvbpq/dxfo98xfq7b7xuxfnf2qb9u8pf6wudu3afqtzzqwgckpager9g9usexlvp9jegmnathg/sb8vokmzox3l8/bmzpy2nge6qjkpzj3zwm5driqpbzgmemycxg4w8bvjibb4bc8zt7ghs8awm9qo/vq3wfdfvhvvqxb00ybwzx+cbyto1epw5jk/od5ih/0mdsnraygekjsupo6ovheycc628i5+55y40adofz/a2n4yafdwtbcp4npla20+b3jx7i0hj/ub+g1rd4bqiexabtq8yterfphyksdqjn0da0ep1ls+ntuwo8yfbaci909pdtyys8erysdpsg5x6eckqkoem8zusknc/e70dkg/2n/dhvnavd4zevvvw8jkz6nrnwzcldf1ay+lcmruy8mdzqb0apeuvw3rmonkaeb6lbbbwrkkt+gx50yg0pq2dpunc/orzvr6now4fkmhvxdpworcjbgi6vd7p+wwipcgejymkkni7ygeen5hx5o3sezivtz8zkfz5jjayu9fj2hf31gjssxtgeozvhb79ncpnzpa/hkxyo9ij8vf6e4v4+sn5bopcm3g4vdkbacn37um6rgd0o6zmnvh7zo/ty0yld14slv64acbawjkw+onxvvh7jw0q2ves0b1dfqaegklnfgsjgfk1v8arhcquv/6fjhuoamhe2ng+tbo3qft4mep//2dtkzruu62scbriggv+ofibawght/76dmo9fnbhogoepzwvvq36edo1dsieso5+qi4+i2xdm8309/mf/rx9zkdi/hw8oj7u6vm1d/rboxt3qaednsfcxleqvplqws2vr7hggxi852brqx5upq2o3q/z5s+vlya0i2tdq8ld1jfi390crzd7cqrgcxvbrwfwvjllcre1ykp1na36fzdc0oja+nbjidcwyhn3c2l96bm6dux/r0ki/q6cay6ne9/s9e/hbo1ib1nzdl5+htaduzc9d0tkwlk7owtzzsa1n4yu6eykyjnf31/wozsct52effnfvk3mvd/ispm7wmhbamkj5pq8hgrtruzwqq7uhxywm+igtfbibhjfjzxp5zpg05auqvl68cie5v2misa43+ob48ozrxt3a38tvlubcuojbckv+ghaw/tvjkqwzh43+4bqwyv/h/bxcx0t+hffr/xvhysuhoonyk0b7/vinmov6mefqxeyw8dkvz/rgp6a6e9ke85zrtcmtsrry3boocwaf0gboqb5mjn64m8mjgwo8hsyew53fma2dvbgxrixi0hqoqq0x0rqqo0ktw6cjcg1ibdcaavkrgogr3nbvgl9pzxreip/pfmyt/hkydqptm8xfqlb31oev5hmbwcpgzms5xabtrkuhpb6yedmsulxhejnapuhh0mc/dyogyyndmoq0lhr5umezjcvrkzwswuijjjlelsxtzdggywpqib65nhwgqnzrexeu3nnvujyaae9tc5vqoqwlqhktgoggqzw3bd+xo/e86xo8ms5xtsc/g0sjb7t6vnokhy2zrqny/km8cr5/psimugyz3mxroe1epe+5gxfxmrvhp+7zx8rxaphkz/pzzyfptoz5gbob9y5+2rfeesjpm3zza1hdo6mgy78vqpeywm4zr8xxil0gb6xfu+i25su8usl4jqzcs/fctuqxzpewmbebit30klohwzcv/4fuz2tmk7rxqclj9ugrrracteqq9z8s0x1w7k3juv7xwv1hwwa1e29mpf848cy5r1xhoanwn2++8abt/eftvyulb7785vqiyz5mvxefk+v18tp/eofclp1vxljsxcoxlwb502nl1vdaxlgjlbsnygpykqdg5rakvptpxcq8cz18wf+7sesbmmsnt+i0crlbkv+daetaklldkkjx9dpfa9dnvnslt61vth9nb09xulicbomjxevmsesnxtfgfvo3bexn9zr1n92o6gyurc1qbjuazi1on57qtpw2m611otxopjhf2ewug95hn+c0lj34ijoz15hsdfjdex2ioctun/pu6uyms9nsmx3c+ntzyzapa/zemwuulsp/dmys8tljjs6y/sflcktn0y9l5mnxcym6csnnwhpnyojv1kbjv3jaxvvmgl+ketweijr7gqlgjcliyy8tl+fupvtjtogns6rteotro+qgid6x5e6pn+qmye2q93rcst0w2ak3ezxxhnvmxb/0fr1wi4vmgwwvaoquou/nu+euqw0aa2v/epjnnjp73gqt2mfzpqevkqopkqnpylvps8flvgcgobgxl7uxb+1sr0zxrrhz4+zlptyu9nhqymndey8bmfa8ik/hs/qpyx6pg42de6mct3zcapfambngusmbvtcjlbu02x0vukxqzjba7sgqnhjvya+wu6orxydme7s5xa5xkxdmu5dvnqt1vfwds1dvfrygan22czbmyjd5mcmksoqjzetdm16gksulmuztskaxtxvqzdff+rx1xqfqlmh6xxf3zd60agacswmwg2jl5m+zu9lxn1g8ym3g1qtkzq65vjuwqkm6tqerfz1jbyps6jtrpr80qbhr7ca1xsxsuixxdba7fonutc/mpj49x59amb+kyu7m6su13vvmdr5cmg9n9maz7o44r3jctli/jawolrn8bnvxyayulrgjk+bdq5h36wz4pdui8lrtpirhozguog3b6jrugqlgdrqq6rgc3soyndmntj2enlvowadgsqdznylfumhgfr6uwfmb2+na+ql4ftal8buxr0ude69qyiygyrsn8wmjfl5bwqxals7kpqzljeajzrvp7jsy+wwzgzqrdpbkudi6kwjopu99qlmtjwczbgmwjcoa1uvksemcs5kknaqpyylljup5bikrnvmnpcrmfqndltxcbb3clehodgdlehe4ty4fwt4hr1wt3shroafqhdbxj/x19qx6apmxctyytbaulvvezlezbkle4uupy6xtyyc1synzka40t92svyz7dzijjz05zrgjkbzj0hrfej+r6s2wkizuu6xbktrag8mgibg8srrfydf+9rimlvu1sr4xv6+kmgyfoy+frciyklso5rziww4pk0hkdkk5tmpd4dfzuxbyq2ql+fytrdzrsrwy0rp1xcywjn5gnlzcuqdj51sskw9zti7cdf+g06szpdp5g63zmzgalmxvwqsbyqfnehumwpblqmori15rjetp8wbbnebjci0ryapvdkyywzmyiefvtdykl9wl17o8vo2ix/ams28zlpcjnxnpmwwks7fo1crpshjsweggz1rnrsusu0wxcavm3owl/kyv5bd6qy0vaqxj0sdbljtzviazmq3li5vbjyiygs/ytuvlfocsjvgmcdkqjlcnpmvkbaxyzfoleiuvskslzk8blzxb64vpunq6juwdgjmzfm3u0lbc3pz89ew7z+fxlcv6cner9/jpwlk+qkkbqourphct68um5whnyioro8cqk7mkrjru8ui2o+etwqmn295vulxeodtakj1j3tiz13c2b+vmr9n+7tx7xnpnvs0aaj1unphjnhpp3ckvpqnxdgd983dduj23d/7stbpczrnozzyvrm3kbfo5u33znmym0vllnhr/isgwae1msfknxowfdnsftsivzw3qquofgetsmelru37mytivy8nqgokvfhygxwp89jhixbj58jaavu928ls8qkofgcdv8alz47ipacmmlwit/+qngi0t3oxxst4en0f583s+csrywqbnjuu6szgobouvb86pf6mwjxbj01glsbflxsfszk0rjvzg1fsnq6vil6b1u/hjwn1idvtp4cdnw2wzt9zwg+hskhph6gshxzpdhzqx62bask+6amftwkw36pv77il2s2jmiio499ioyx7fm9owlo6ojxm7sr1powknh1h0qceqefab4rbdkaxs8gblsuuzvomty3l2ytdpyg/m86nzgg43+2xxuntzse341cc8dga1loazj3hsrx4eznbidujt8zwaa5fsotfzopltie8rfoj8er3hoy/j1/bwb0t5nhv4w/t4bcjwmy0zaajnwov0suwc18xdz53o/krl7eqwab66x1xowfir3zy+b2ey1qpz8dwr5xwjvvhus54lbe4herd78p3hdqftuqc+a+lcl1qd3+9y0z6tla1dzf0jcamk2it4tk3axmu5iv95xf0jacuuic5qym2hia40kzs7fovus7kyznqxp7m4b2ruxadhktc7/m/1mxculk67d8ug21bk2dkm+6yxfmd6m0qxxtye2+yvbhb75orwx1fzyclwkukthqldyzvf9uw6yy7d2tzc41g2+70ziwrn7u7ks3e5cll9bbjrtpvvo7nmc2h6zrc3nk2msiqxst1vvn9wzl9dx57u/bhd2ut7s1f5kltzeld6k1omls2olq2j+bk5ztn1kuu1fb+q2wvtn0qd2klmxe87rj5z65/n3+rxxnh1aaxuykodj3wa1wedq2os+jfwrkfllsyzoehfxhdgs4hvkwr4pxv1cy5ln5wweomyv++4vhm80daqbcdm8cq5qhtzejnmpjymrbc4gffnz04zx3bg8anphwhxl2omdl+i2xen18f53ik+hyeub+amaeci3xm0ucix8q0pxww9vdrjwm4vqhvfbdgxjmadlwy3bq0ogzoqxy+1pdi09ssj+fi/nyilt4kevjmneu184txx2woy4gyw8sxyhk6ezegylnwgmzxozj8zltgjnbfd7thfh7fufkyprlrobrbo9rfa4ike88vrp7f/syicthu6lsmig9p9d0fruc2+bhevnsm5wzvi07ff0rf4b3va+zji1o5ldrk9oymrpo8s9ibfitezdoxmzvp5zf/5gmn3qxvn4phnzvkwntqoyhvqwtsoxpbrt6lhqqclypowfhxlpjhzknfcygzgbozkwz2+vicfbb7pou98fvnhm/dapw5hz3v/rrvq84lovk/wxrgmcskzzssishn+l3c2c/amqhrlwkakwaniygpxqj0mjsyqx9bemrh+1+4ekm/itiogozem1sp7rlafwp8fwtmch4cbpusezuw8jzgwl/po8nnomdpreftbpaxcowrukeebqqbuxqroxrp3wip39ldkraievfbn+klpgf6oujqujwyt43nsvkocdsopah9sc8zldzap1epptxwj6nj1khqfaqxu81eot2f1tpe6ktwcuscvwpmixi/t/8vh0bb1r0np8klj0dm/x4xvmw8a351qhtwhuuejb0hdesrlpnofq0j18/uaoevg5fqg3rienjbn0uzpjpy2tmixr1dkvgztfa0+eiingogjayimp10xgqk4b+glpow6ahcotpbse5k+vvhus4o6dyaul8fbeutvufji9zz71w3duxfgttvgxuqlwbtpg7etxhftxx7fbps3twx/mqwyq2z9jk/vourh9dpsg1c11c6f5b3s0pfdunv3ocuf0xbs7pi1cmfburexc2l5w66ekslojbuly7pbff45oexy8mknrykrqtn11vxe0gmt9xs0zz6v5q2pa80bwlso62ol5tltmetxlmdecsbmokrcoz9uz5mlliouqzemkvkuloxzdtctz458kd6nqyjn60i8c8mqzxeted548w6uhpx5pwg+onz4+crdtrb62acrkzx47ankzvbjvne5pxhj9leihbcvix/lgjqonm4zyoxpfg4zbtqh8hthhzhhzxwecckysxzlgqkpdthsxvker3jbm33q8erxlb5yb+jujeo+wkqii7a+teatfyjjhxwn8nthhvdfe+5bgshahx7zcw7heglvhuwhtbncqbohwypds3lcmflotr+ndsz6zsdhbvxy5fshbt8zqkicf/vj66//ycimjpplwy9dnct83ispd2ktwah7qzaji1xksjeykiw/r8pikjiso+f9xdx6dh/iixsojw4e8ckj8ecyxl6iiqwshlrlxb+shht8cz/kufgqirib6uaf3cz+negx+awfbbb6z/hhzf7vbf5t/eweg8fhisp4rcyod361x/wlcrev6md03bhlimsnnspbjyb9czivlihnqbodog8l6omjd/dnd4n2vu5hh5kktpoqx2lxp8q5s4dpjyaw6s0mnq7pillsp3ejsvo8g8di0zrmh9vh9jl07xhiy7qncuk2vd6wfodisscov7zjqlgkjtjdnrpucuwjktr6k+6za2pssqg34r0v8b4d87oge6clt1wkpeq5kvjwqhtkgu3ggq1klj6txeqs5okbcmeqnijjxberika76hh5idmhxaipiz/5tiijyv5z5fnvyqiwnchx6qq6bfv4sbyxwkqbdxgkqvhqski8xx8v1umorkl9wft3thgeirgarbl8d40ejuprdoodbmko16sp0ndoy6wxe2wxtqtemvrnny1au+vilptfqj5e6e16jaw1ugf2rpu57hbfgav5k5uek0smvpn2dv+uqg9ldcwnjiryjopsr+5eeqh0zehpz0k3ofkdvpct1pnhd5ct3dnys/fab7e+eupalioxyawln+nzhbr2rncsxsfll/p1ietr46due0gpihoj8hvhtvh+k/ghbzmibw7imspptzmx84o3fr8svoptekxt+kqrogy8hqc85rg5bmv92ehyf+ohjgnrxhcd5ltoxjy7ffzkc5rzznzg48902rxo97hkov9jdp7obdzwacn2sns9pt33mpzvromubb7t6m0uprvrn0yo3upbtxxsxh9z0ux0ylfubhozw1+9vrvcig8s8firn05rxtnsv7mziltz38jzpvnjbm+kpmtgnwrjhzmp/taitfduqpkorl5n0wx7ojvwbe9y2d12a57hfa2r5tqsr/wakzjla5ovbkosktn5k1yugxhf56fefi7jn1buucvpuyz9egx2cmv1hyzrwgc0e+rspr99zppb8kliiewynld94xec9hdovmayce4/p09ehxmco/jfv5wmfkp7au6m77h7gwblj8yqgwxpmmxwppyclvvwsmxkavymvciu05sy2+rn2w0oswboar4atgldwajufq+7rzjlb8hn8jier1/ulnxo0z7wlds9qp/i8n2yfubzog48pbyidr8tomvvgujrwhs+5xhmzo/g7zjp1fqjv51ebduxthbo09y2oysc9qpr16zyuiyso2chupr4jfuaa3fiieueufiieseocnfaip1c7bnirxb7hlhiin1c7bjipxa7hnguxdyhtgixwyhnqmwuyomq64vyj8raidyisvqivuksfgjyicehbovyicsaep1clbdimrb9qiwvyokqi4xofajhievclbqijes3ef1clbciu4j5qswtyq4qhuk0c9emxbwhwovoeajzicyhgovoekjeidohzgsrfkjwibohzglrlcrmiwyiusvepravqpqluszeqralqhqlmv2iiiekhsgqil+ipcecqkwtileihcgyhcgsiloidch8qqqlksaetwiveklcpairlirhicqheovwc5eghesipxdxqsqj4rdclorncksqsujyhdalyrlckesmeayh9elohnakorfceuiwqhkcryu0jcskebnc/foiz4t4vih/cpgjeb8l8zeqhwrxgrb/f+jvqrwvxhtc/fwid4u4j8rfhpizeo8i8byqz4x4kxb/foipqrwlxo+f+j0qbwpxrojfcvggel8r4tdcvc7ea0l8sohfcvgqek8i8qshxhbi50k8jmtphhhribeeef6i54t4qra/eejzix4sxdncpc3ej4r4sojtqvxqicefeekiu0i8lsqphpi+ei8j8agqjwjxsbdjqpwu4oqqdwlxxihjqksegbmilmsdqjwgxpeeuf+io0j8v4jvcpftie4t4l4hvixen4x4hhd3chg3eeeeueuio4x4uhb3cpe1iw4x4jyhbhxififufuimiw4u4gyhvire9ujcj8s1qlwjxgehrhbikifghbhsicueufyirwhxmrcxcnfiieueufiieseocnfaip1c7bnirxb7hlhiin1c7bjipxa7hnguxdyhtgqxryjnqmwsyqmqg4ryl8q6idyksuai1uksemklemncdakxkmqkiqae6bdiurdlhogtyqkqs4rylesved1clbjiorahibqf6bjigrdzhzgnxfwh2ovoe2koek1ctajrlestei1cnahrf4yflnfqjqtwehfmjqq6qzeqdxekdqasebioeh2ipjrh3e/wpqk9rhuiloqkzeaw3zguetauop1eoyhto1nbilasc0skpq4fnhntitpiwtyqrsdaf0lurm61rguivhotilozsw5almgyhoggivyqdrd1ey0nwkbl+shasrseadfrl1ep0skihuqhom6ilqifrj1e84nmec0l6ibqj2ojmhpxtkipruqtec8cwm1etrfpg6zgikcd1ebut1rhabopxjcolsrvem0iqqacm4lmupeqokqicqjyojkqrjsohgopjppovesvfrivull8ojyiane0olyihkjsqjqlkjpqzcdye6vt1wlepirnjuolsifkjviqjuws5ijyiutusni8walelni6ieljgufkiljtmo3iss5yigurmdjmreaigeozeomjdjhe+xh3bssxe6qhusgpkyurmzwkkajjnys0qdy/it4j+pts/khwj0qfe31e9ghe3y0fvx0qcxeb/k7w34jej3qp0v5k1rte54j+qml/jnqhng8tnsx6e9efkcsfyhqlrn+t9tuin4nounpvid4g52+ifk30otfrlovxzp2s6nviwij05zviwklql4hejufpiv4i+hnri5tlbalnyfkc0u+jfkl0lgx5mdez5hya6edetxgdjvoh5xysrceithe9tmk/ipo+or8jeptoeakhicyp50mytha9rhsc6fjevytorykujaaxojdrg0qpeh2p6h6io0tfjbiw6kvfovq+txqfpd1l9c2ibxj9g+georujjhddrzxdsbv8negosvsa0e1etxhdsgvuietmopuibqs0g6iwrxjdt2nxev1lda3ryakrkedvzi0sxul0bdhlrf+joafq98sizhwgs4korzwryv1cdhhegyi1enfis5eorpzloane+6n4piq3l2hpxdmelbdr8d1eu4h2eu0g2k60jaressw3eg2ooadryyaqbcpl3ec0nmgd0vqinvrundeqatlkkj5mneq5b4lwea0q9rmtj1pgne6jli0lwkkdxkxv99ib9ratouyupdckus3drf1ec4g6i/fbdgx+jj6hdv4knt+wcypxh0adkfh8udtlasoae4nhqujqjaufqjmctzh4a0hrjmrfdmqixb8e1ufir0b1euctadzrkkiwqcbiwllamkvwdctec2sm0yyind9hvusvexszriqivqduhrevbpvrwilrscseb2cx5zwesfoofuxsfeeqjcqg4vn0dnleaapsgleuvzzdle2urzqzsfmozrd5qc50qjonkvnrlv6ivcqxqprm5cfkikqm2ppqpztiwwzkiniwg1xetqj4ojgibxwwuweboa1esuqwijplnffoizljiaxeeiid5drstg05fskzscjiwsnrci/hphxqo2ed8v4t+jpgu+af8h0c38far8chwafw/x34g9leh/0e8ffgxeac/h8b/oy0d2c/dzwf/gt8mxav9w+xq71vab8hfge8cd8z8g+bn4dfwp41+hxgnebxwc8t67yvwqz7xwh/wrle+7ily/tz4cxon1kc3hebf4dnkf4cfd+1bpd+bppz6b9dp2nz633assb7i8tq71owvd7tkptd1pck8aqqndqf6+pad4dvm7d4hznv9t5q3uz9xlzd+zawdpye/wtwenkoi+0yfbfgdagdd5ou8j5g2up9nmmf937tfu9r0whvd4hvan8g7gpubb5lyvd+e/wn4b6uurt8xltoexf0ndbfb+6a/hrquh113ya6boxvfubm4cbgruag4ksodz3qu84413utcz73gumq72hjt7xxg+/zxqzkei9vkr2hpervjagr0mvhr0ihq/tdb47ud5n2s6b9nv1t+/fup7r/9f3bdp1xx2hpao/rpaglqrtcu4/ucu08uiok2rg/y/so5ymd0tedusmoqwihjlmdth2+hyp5e2hranvrrsg2df7wka3hrzqz4a1ntspsq4sfhj86ttwt2sr/wldvq8xwtcw0kbt56kbqxpubqmvrrdwvq0krj64krawccg0fhqonvq4idvt2h5zx9owwhe0lla1chfpydhgot7intaj5f1z2h0jhu0ndlz2hbuc7q/mq54bmwt9r2rzqp9owmlpzemo92hjqrmwknalllnmw7etwblwbc5prevyprl2rj+g543npo2gesoeur3fyk7xjcq41uaqflyhtsjyyeg2iynw/4jad7ty8jmvccwm/tfhrgiyumjbb0mrcnpfppebxk04dc3v0874dc9u2ee8vu/va4fjnnvmdktxpdcqnxif+epym/t274nzc9ojntlolq3xkkgetyg6n9cbk/divqwrjp1c0ws1ei8wvuxbffbtawxufbz7f3wq1eu1yqny0zyqhtbx1tuftfletuysfhl8/t4eua/iel5zejuux9u/stfhdgovgurscgbzxa1vqfjbmxxkwrghndvfrshnxwhcf/gbj8zkemum6phd/61lfhy7nfzik2pcdpsxs6trckv09eexikzs63rbwcnfbokqnugbi0htytm3htkbg+zjclm3bhlc/yuk7uiuxevc9btts/gwcff7xnejn11++ujbkw74nl7uagmrfzvtfy0v/ns39p9vqmcb/hg72lhwpg5ipazcafwmjwehgalaf2afsbfyafwg7gv3atmahsb3ybmwbngobgi3abma9sa5yc6wbvgorgjxamdae4f8oypjnbpia0a8sb5ybfcbsyamwgogfeobfweigbhqdxcacoboyd8wd5gidqdvqbswbwoewobloahqbbqaeqanma0ggfqgbzghvwexgblafvaivqdlqbpqcjuaxmb0oagqbaiafyamcwdqgf8gbsoesibpiapxaopag+aavkaqkammab0gcege3kac4accqd8qbdsao2aareatyadngaoxadgaa9iao0aka2vo4koamsabjqxj80iqwafwt+az4fpgh8anwmfar8chwafb34g/a+8b7wf+bd4fzwf+apwpvag8dz4e/ax8e/gc8bfwe+b3wjnag+c3wbvab4nfa68brwk+axwkvaq8avwbebn4ovat8dhgreaf4hngo+cnwe+bz4mfam8dtwi+ap4dtwa+bj4engfpa48apgo8djwgpao8adwpjwengbpaqcbw4bksamsampag8ahwpub84cnwx+a7wbea+4f7gw8a3gw8a9wb3a0eau4a7ga8ddwbfa24hbgnubw4bbgzuam4ebgc+clwpxadcc1wdhaaubq4croergsuay4gvajexodkj0qvqh4blgiubeeagcadyd+wd9gj7giua3cauycewa9gobao2aluazcamycowavgprapwamua1caqycuwdawbg8akyadob5ydy4a+ycmwbfgm9ai9wcjgiracuoeuyaewh5ghzaxagtzgdtaktadnqbpqcdqa9wzo/+wc/d/rsn7/jmb+n22le/ky9v8as6qaymvuzhn0cmvhbqplbmrvymoknji1idagb2jqcjiwnwplbmrvymoknji2idagb2jqcjc0naplbmrvymoknji3idagb2jqcjk2mqplbmrvymoknji4idagb2jqcjewmjckzw5kb2jqcjyyosawig9iago3ndekzw5kb2jqcjyzmcawig9iago3otikzw5kb2jqcjyzmsawig9iago4mtekzw5kb2jqcjyzmiawig9iago5mzmkzw5kb2jqcjyzmyawig9iagoxmdazcmvuzg9iago2mzqgmcbvymokodu1cmvuzg9iago2mzugmcbvymoknjy5cmvuzg9iago2mzygmcbvymokotczcmvuzg9iago2mzcgmcbvymokodqycmvuzg9iago2mzggmcbvymokmtayngplbmrvymoknjm5idagb2jqcjk1mqplbmrvymoknjqwidagb2jqcjkzoqplbmrvymoknjqxidagb2jqcjewntqkzw5kb2jqcjy0miawig9iago5ndykzw5kb2jqcjy0myawig9iago5mzykzw5kb2jqcjy0ncawig9iago5odmkzw5kb2jqcjy0nsawig9iagoxmdi2cmvuzg9iago2ndygmcbvymokoty5cmvuzg9iago2ndcgmcbvymokmtewnqplbmrvymoknjq4idagb2jqcjk2maplbmrvymoknjq5idagb2jqcjkymaplbmrvymoknjuwidagb2jqcjewndqkzw5kb2jqcjy1msawig9iago4ndikzw5kb2jqcjy1miawig9iagoxmdc2cmvuzg9iago2ntmgmcbvymokotcwcmvuzg9iago2ntqgmcbvymokotq5cmvuzg9iago2ntugmcbvymokotyzcmvuzg9iago2ntygmcbvymokotu3cmvuzg9iago2ntcgmcbvymokotu0cmvuzg9iago2ntggmcbvymokotuxcmvuzg9iago2ntkgmcbvymokoti2cmvuzg9iago2njagmcbvymokotg1cmvuzg9iago2njegmcbvymokmtmwmaplbmrvymoknjyyidagb2jqcjc0mwplbmrvymoknjyzidagb2jqcjewmzmkzw5kb2jqcjy2ncawig9iago4ndikzw5kb2jqcjy2nsawig9iago3odqkzw5kb2jqcjy2niawig9iago5odckzw5kb2jqcjy2nyawig9iago5odakzw5kb2jqcjy2ocawig9iagoxmde4cmvuzg9iago2njkgmcbvymokotuxcmvuzg9iago2nzagmcbvymokotgycmvuzg9iago2nzegmcbvymokodkwcmvuzg9iago2nzigmcbvymokodgxcmvuzg9iago2nzmgmcbvymokotq1cmvuzg9iago2nzqgmcbvymokmtaxmwplbmrvymoknjc1idagb2jqcjk2mqplbmrvymoknjc2idagb2jqcjewmdqkzw5kb2jqcjy3nyawig9iago5nzgkzw5kb2jqcjy3ocawig9iago3mjkkzw5kb2jqcjy3osawig9iago5odekzw5kb2jqcjy4mcawig9iagoxmdm5cmvuzg9iago2odegmcbvymokote0cmvuzg9iago2odigmcbvymokmta0mwplbmrvymoknjgzidagb2jqcjewmjgkzw5kb2jqcjy4ncawig9iagoxmjyzcmvuzg9iago2odugmcbvymokotc5cmvuzg9iago2odygmcbvymokotywcmvuzg9iago2odcgmcbvymokotc5cmvuzg9iago2odggmcbvymokmtawmwplbmrvymoknjg5idagb2jqcjgzoqplbmrvymoknjkwidagb2jqcjgzmgplbmrvymoknjkxidagb2jqcjgynaplbmrvymoknjkyidagb2jqcjewmjmkzw5kb2jqcjy5myawig9iago5odmkzw5kb2jqcjy5ncawig9iagoxmdyycmvuzg9iago2otugmcbvymokotk5cmvuzg9iago2otygmcbvymokmtaynwplbmrvymoknjk3idagb2jqcjewmtmkzw5kb2jqcjy5ocawig9iago4mzikzw5kb2jqcjy5osawig9iago5otckzw5kb2jqcjcwmcawig9iagoxmdy3cmvuzg9iago3mdegmcbvymokotg0cmvuzg9iago3mdigmcbvymokotc3cmvuzg9iago3mdmgmcbvymokmta2mqplbmrvymoknza0idagb2jqcjc4maplbmrvymoknza1idagb2jqcjc4maplbmrvymoknza2idagb2jqcjgwnqplbmrvymoknza3idagb2jqcjc4maplbmrvymoknza4idagb2jqcjczmaplbmrvymoknza5idagb2jqcjgwnqplbmrvymoknzewidagb2jqcjczmaplbmrvymoknzexidagb2jqcjc4maplbmrvymoknzeyidagb2jqcjgwnqplbmrvymoknzezidagb2jqcjczmaplbmrvymoknze0idagb2jqcjczmaplbmrvymoknze1idagb2jqcjgwnqplbmrvymoknze2idagb2jqcjczmaplbmrvymoknze3idagb2jqcjgwnqplbmrvymoknze4idagb2jqcjczmaplbmrvymoknze5idagb2jqcjczmaplbmrvymoknziwidagb2jqcjc4maplbmrvymoknzixidagb2jqcjc4maplbmrvymoknziyidagb2jqcjgwnqplbmrvymoknzizidagb2jqcjgwnqplbmrvymoknzi0idagb2jqcjgwnqplbmrvymoknzi1idagb2jqcjgwnqplbmrvymoknzi2idagb2jqcjgwnqplbmrvymoknzi3idagb2jqcjc4maplbmrvymoknzi4idagb2jqcjc4maplbmrvymoknzi5idagb2jqcjc4maplbmrvymoknzmwidagb2jqcjczmaplbmrvymoknzmxidagb2jqcjc4maplbmrvymoknzmyidagb2jqcjc4maplbmrvymoknzmzidagb2jqcjgwnqplbmrvymoknzm0idagb2jqcjczmaplbmrvymoknzm1idagb2jqcjgwnqplbmrvymoknzm2idagb2jqcjc4maplbmrvymoknzm3idagb2jqcjgwnqplbmrvymoknzm4idagb2jqcjczmaplbmrvymoknzm5idagb2jqcjczmaplbmrvymoknzqwidagb2jqcjgwnqplbmrvymoknzqxidagb2jqcjc4maplbmrvymoknzqyidagb2jqcjc4maplbmrvymoknzqzidagb2jqcjgwnqplbmrvymoknzq0idagb2jqcjczmaplbmrvymoknzq1idagb2jqcjczmaplbmrvymoknzq2idagb2jqcjc4maplbmrvymoknzq3idagb2jqcjgwnqplbmrvymoknzq4idagb2jqcjgwnqplbmrvymoknzq5idagb2jqcjgwnqplbmrvymoknzuwidagb2jqcjczmaplbmrvymoknzuxidagb2jqcjc4maplbmrvymoknzuyidagb2jqcjc4maplbmrvymoknzuzidagb2jqcjczmaplbmrvymoknzu0idagb2jqcjczmaplbmrvymoknzu1idagb2jqcjczmaplbmrvymoknzu2idagb2jqcjc4maplbmrvymoknzu3idagb2jqcjczmaplbmrvymoknzu4idagb2jqcjgwnqplbmrvymoknzu5idagb2jqcjczmaplbmrvymoknzywidagb2jqcjgwnqplbmrvymoknzyxidagb2jqcjc4maplbmrvymoknzyyidagb2jqcjczmaplbmrvymoknzyzidagb2jqcjgwnqplbmrvymoknzy0idagb2jqcjczmaplbmrvymoknzy1idagb2jqcjc4maplbmrvymoknzy2idagb2jqcjc4maplbmrvymoknzy3idagb2jqcjc4maplbmrvymoknzy4idagb2jqcjgwnqplbmrvymoknzy5idagb2jqcjczmaplbmrvymoknzcwidagb2jqcjc4maplbmrvymoknzcxidagb2jqcjczmaplbmrvymoknzcyidagb2jqcjczmaplbmrvymoknzczidagb2jqcjgwnqplbmrvymoknzc0idagb2jqcjc4maplbmrvymoknzc1idagb2jqcjc4maplbmrvymoknzc2idagb2jqcjczmaplbmrvymoknzc3idagb2jqcjgwnqplbmrvymoknzc4idagb2jqcjgwnqplbmrvymoknzc5idagb2jqcjgwnqplbmrvymoknzgwidagb2jqcjgwnqplbmrvymoknzgxidagb2jqcjczmaplbmrvymoknzgyidagb2jqcjczmaplbmrvymoknzgzidagb2jqcjc4maplbmrvymoknzg0idagb2jqcjc4maplbmrvymoknzg1idagb2jqcjk4mzmkzw5kb2jqcjixniawig9iaia8paovrm9udca8pcavrjqxidygmcbsic9gndigosawifigl0yzmyayncawifigl0yyniaxmiawifigpj4kl1hpymply3qgpdwgl0ltniaxotggmcbsid4+ci9qcm9ju2v0ifsgl1beriavvgv4dcbdcj4+igvuzg9iago3odggmcbvymogpdwkl0xlbmd0aca0mjy1icagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42q062zljxphv/rv82ta6ogmhqla4hqwqpzvcsrsatuwi2q8gajlwgacnwz3cr3debqik2bpvbez0ocrrymqsvitfvt598u2on4mfrlg4ed1vvbt5njjmeyvjbzrsm9fin++htj33z1tljpfen431urlkfij9lc/dhc93bte4zjf12b9v5pbpyiv7l3dtuz2+cnsvsnhinn94h85lwyzn57+/fv/0x9cntqngn9pe1g9dfw3iipujkysb/pt0z6ff/h5siqdg8/1t4js0szs36as+slo9ot2fcepry1ihqz8+pp3ptopwbbmd7/nvhdti5yckvseb9qpietnmsc3hhrcsjgngafu81valno6hkuahp9pnrbhwega+mmclnrdhzfnp+qpaczjwy6paq0vjeh172tfbj6qcdrhn4qq6cuhobxc+ar4oij1azwjal8a3bgyjinn3ykijwtahiyzksbrefjtkxxyz8gket7g1sdpw9cghifefaz4bcoiyivwcvptwkiy+hqsrbn4gwihszi3elac56le7qsm6y3zgiqztmpecotyqagoh1l6pttaovc1848din8l5w8ey+kl5b+p+wqve1jqfx/yioylzpdeecp82fnj1emnj44ctj2phscxwgwun57ibxvtcgmla0yusthujtpxceyocdu5ksptguiyg6++q2/rv+ayt969nzt28yb2kjkxisuhgomw7mm2e2relrswueburbjaxwwnfun+h31bndnczallbhdecxatylcido2kovqqzryrqcyimh8zrdav2jwkrtz6onoi4fmtqhcrmqsz8trzej34h71vvl9uskxapak8sterqqv8rveuijxix90zko3shwr3z9jpwxxp+wmiga7drzodtm3rt/bcgmc3if9t2zt52ftuxujaapjzsa/vzep2gxidrdmi7y3lotxkakdgni886dy61qfacoouv3hedrtjnadjeubhknkm8fzzqwhilpgv4h/d4vrtqepjghxt9mymjxuibneewznyev4tqt0klj+ns/xrvg4tsklf7tjtlw3zo96rbcri81kd4pyitrlc1ai710znrdrdsmgiolylvd52tq2smctatuxokp4duum3brqhy4g4cp5ofur1n9vnm0u6godvrzbi+ig+osnrbj6eeyazvsiafgfx2sho80uah1v5c5udo620dxizn0a+pkzgjxddzwjjmiovyhjh2lv7jl8ai1jvq/5/o26ljikxr4f+hi2a2a7vgcd90vxpy7rk+jelyuwasjcsy44cy4wljeodx4yrngqgckqomfiaywe04/qlysvw6eyrublbfotwzscpm3yf0ya553y7gdsjrozsxh31gchfviad2hs6xowf5r1ceao18kqq5isratfy7l5pouppotms6sxo8/0lnktuvwyyqoy8d7bxggrc5xjtzvuahk49xdfellcsxk89tehtuqgnn1nquzcma8gnjrqiwhgzeqv6gvkwc5cybgd228+04evgl/a2u3ibxjtspr2zklpimoozds0rqr2obaiu+hvqmiqmnr2inmrct+bocsqouc14hot42wvej4wso3awhhap+qpke+2cmzclrfnwymw/nqigfviub/hjkuo+yvhzomjutsoeplwbjfpw9mzeyotjr/hzy5cnlgdx4yzp4fawlvesxecjreusjyig8dzatqsqmlbvyuvjqiivzorzejvbkpu679stiiatetg/rmkmvohvh8qzoxxpob5v+rqjqooykxh0r45v5nvbiijd2tm0/uhrktxugumyfgke6yasq5y9y3kzmvw2dmkfq6dchjhsjz+gyjtaygxaediuisye/auchpntz0cm3y4uztrgb75j13dindlrue6r5x3z0easdy468bypsgid8mifodgxnzacbzefs4yhvvbid8eygzmo7d+2hy049xq/vhtx08kew4n4yhi7z4frifwy1tx3huafsi5rnugyy/swpncs+ygxcke1aupt7nqjgv4bdifa5cxwgadbzriferwlkynccpvaiaqcrybcqhbkayxwxfmrm48dxkuyxpmme9gpobuqzeqxwbf4rby/yctzqkteu8uagrbege25snonphzzfqsqxyzjhoj3tubs8e2o2tsadlhzc77fco6qbswbhggglbnifwsn67vjdyqujxw/2ramj57vsul44kh3c2bb3yy4sepu8ulm9htycibcczvjjm+bpojnzdmja8dbimqrhbxee7vh21exvnusziohmmgsnd/yxwcwf46er7kdqvwtswtxvwhjjjef8bd/dnlepilatxpd8515sebysolwk/gziydstodvnkgj8reqvzfoac0ucjjofulhp2jzzdjozarbbtcuppdohhim7mglvetamzqqur5hj0jhzdg+tdxprmss2ojwcf4emrey1kkhlxnjrqer9n+r8c7elszsimtmhq4wfgox/gro9h8avp/k3g5ued8hw7cyxmotc2i01icxg1mqy4b5znuuwvr9mgn7lnasuqqyg5uasem5gqru8c7ba5kfdmxxelmyh4hkshrahjzyqzatg+5m68oio+hulsszqqeaanmd0djyqne1kjanvv8iy4cjle7nquldpkquxrunvohk7rswkspjvkwr9th+cdsgezrspzhcbi44dgcfx+zxfyq69srepj/cezv9/7lnbqpqqa7oorheh1xdkfvbkwtqjycmbztq+q2sg9tci9q2kmatidljmtcguhraiy1nfmjuybxggbzt2pa0toai1dk9iheb/4skqeolfhiibkik1y2tzld6q0y7m1bjhh32oystiraqxadwhqdac5vkz1bcg7srheh7mnv6p0/zxcchj8rfhgrusqedxtumwfgqbioxhpvrninjkezizojqncb9dc+yd2o5aqvdsviahbm3nk465zb0nbfuxxhm4pjpkhprfrd3letbzsemgcjvfi6phqvih76qzwh/98v3hpcastic7sz67wd233kqaosqzqji5qjlyymzba2l1bibfbj1fkkfj3ox18vgc8skdvanuzwf7nfikwnteknwmtjvx7rn2jtore4q4v/kveba7pdynbsu2w1npvdee+6wvyjvammig5ilgm+svi7kfcgmxrpunbvuszhf8arjkuqs05jkodbhviyvrre9j4a6ucignmatxugspdo14ol5wm4+tmdsxuwisxtpyer3rhcmuncy43ht0ufaqd23xr4zpegtrglk7jnsqgcf26r/8f+7myllilbixw2hrupagcglagxoj/n2jmwo9ohd8l6vmeme7vturrrp8dnlrn8hmqapd9wxhoihhaad78xxuu4eddjk6ncbbz938o8yhszpldi6occhnqqzsapwykelebic5msx4xix6pgvtwiizjfzbazue3jj7szyddhnh4j58bn0yqrpey8mw8qadaksbecmrslo4updzr/oh0f2lbgjbkgowzbyy/nkzayarwgvv7wluti5pyk4imcbteaqdw0grd2s/a2qupt10yoycqyzrznopfielp7dxw3e/ccmd04hp4lp56al4ponhfksjqtaiehcx4awqkekiewlzpnkeqap0zibuswvlt3hrebegyz+la1a9ndzazwrdqxu5y3wslyjvrp7xstdaxt7pwqprfvsxxpabyntmhn+awby9ivymlgikea4+gqmklajmdrwabsjfcttgqtacm2tjaa0m0vkwllfqgsmzxwvisbsiem2hirzef6nhceu7bqdt+txhzjr2oyhuuolbdatrjjlxbmitpwlcfkpfnkolq+ea4gz1haqlvcihhuijuwxbavx61xqsp3qmw0n++oavckoachksqmq4eojsjcimbqpbvsuxqy0k4oktfctnsnjefhon/mokbg5nbuhg/ykrnsu2/eu5hiy6+zhtck1uwxofirzcjucfz3hosrpniq89g7u7ip/bg9sw1amhi0utnfdfajt11hxgsmv7tvkgirdiabopihfkdivyuu35embvek9m8o5fwt2ypw0t0kzsvbhrf9gjo42eh08bwbwez/wfjf01dqajs8jwsjuvan92ury1ytov6jscu039p37cuhvhto38dddwh4hcntusetcociiawhyewxdxrgcpn8crme7jkacfq1hfbpfbzkm0kukftodqxdell+qwdhylc+d+tznxox5xel7rvgafq5tyjij1oi8nh0r1wxdnbgz/qq7thzby77n/c3/jzr0qi4pyv6icjfpy9upgvk/d1nnc1vv/ln+jmzfsyn8iujbfhkflbtse4iatpqosjk53jtb319zdg/58gy6tvjpv2svuazcbouxoopwwhwoaq3misb09m8wdaqarvb9w79jkcm2/l9jkxbnobgq846bk7n5schc4blhlrnt/rxy+a8dozqwfjun1gbs+nd1abeqdnm/c6m6weqdxgkkcqda/0/s644pqptxz+qovyfpkd1caefffyvuuvpkpppput807avyzsjosclidpsh7ycy+/+6v25xakgepcyj7wh6h8ya/xsyzrtvzstkpxaws0br7ujad02iiv3ip5gx7wn7mqspdzoagqwura4ltcqxmihmslrgmye3lxxlsnjnbu9yoe7ea26fvoqdrulifnpku3k7xfidbaywiujw2hpycn0gbrqjh6qmznvmcjgdprukeutcnn+qvp4fq6c8gbacxxuaou/joufejazwal6wmqr9+iprfg2vclzsc6b1iuauagrisqctzvslvzfis3pvn8nv3+r0igdo1jp3bqqgwaxxiiy8gln6vuiaciaxy/qugrmkoqhkchmvexsahi02sgamektfa0frluodoa/6xxfgc6v1spohu1l/x82vc+i0hhdohzirehkyvnooqm1fad23shvy+zxseremsh63qd5vrsxglv1epnre/peqezgcgtxcekacbbnpteoigypchh4jewmqze1trwxfxajjymyjqeoovnk9ehbkktr6aujxozyncn0gvx7gnniieqhqzyoive9wkwadztznieyeosnkxraoox5ls1fl/iifgipfcvxshboc5ovnjah4f79jyr9hltsywqekxk2bl5qp8fpxvgqtwkfkb1s/cqpcxwmvifqdsitv6irqlwthsh1krut962euxeqvfreg+2f4bfyowqgosgcym6nj7gcujxspbma8g5lw//wl6aa69l/mh4jt9w+11aega7znpdqokryjvgw/ktxkoamfjhrashycwb2ufi6+nxcgtxw/n8aucumeqck4ih1uf8nv0kgfg+v6t0odj7mzxjkgeqgv6gttcjpjhdd2dyegdmafhot84mbhdkkebowtvv78ehvgrvqodna2taia5c0sei7cx+3vv6q68opw1eu81a/qbn/3mwixbbhtqjrwuatuuolqn58lyh3s4t8qq7o0e+i3anfxiqm5ryh1ukc9xohfwulibe13susq7+cnfvhnalpzh5hhht1clbmrpzzh/fcj354zfxfhtwsiff0a0uxuyyrefx4nh54q1h4cbhw2ulos0pdjaw5+g9qyny+j3hdih1s44pbdbyciifoxepgirhqeq61r+inc/xpbftfwba/kko2vuzhn0cmvhbqplbmrvymoknzg3idagb2jqidw8ci9uexblic9qywdlci9db250zw50cya3odggmcbsci9szxnvdxjjzxmgnzg2idagugovtwvkawfcb3ggwzagmca2mtignzkyxqovugfyzw50ide2msawifikpj4gzw5kb2jqcjc4niawig9iaia8paovrm9udca8pcavrjqyidkgmcbsic9gndegniawifigl0yzmyayncawifigpj4kl1byb2ntzxqgwyavuergic9uzxh0if0kpj4gzw5kb2jqcjc5msawig9iaia8paovtgvuz3roidq2ntagicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjajvtbk9u4sx6fxzfvr1oxfn5jvz6c2xxkw2vnd2fo5uqkeybejiq1rdk82dv59enur0frgs7g5aphoxuagebfaye3af0lb9pkng3stz5u49v96eb28+0mtyxmv4t9fbnq93wabsiwjycow02c5ant//j+vnx+19z8dhp709q1uf2h4syq8hxt/onfww15e9z+cbns4qgobr9si9iewzlcnm6ielsjgzjxmorm4ean2c8mt+tkm2yspmx4uj8/3vzxxrlefpttliw3j0+8karinnfamz+w/1i9c4exuwullb1br0w4cqpn3tongtw7zuwh19smjlbne8ido1lg+tbwa5dofk5o5tema/wxd0dxhhdhspribmf7zd2/hn+gbuwzbuurssolctoar+fxalnt7xrcr7fun8qfsj9qy7g9w8djvppc8xgqrfw92k7tlp0fxfx49sfmlkpxx2vfd+jwdlt2o+1td0jt78j09dsa8tdga83+cppg+0hwzqcly8lkor+anlmq05rdc+jmqufr69f2fid9dadhch2zb2v/rrtoueezlwe2fd3g+4hrbhvjvb5ycphsu/pahbj0vrtioo35c+/iardvsowo5i4klmggn0ptlicuxru0frb7piun2u1d+ilpraumcmhlvuyjl7l0yru3nycdxbcfd/1g6sgz6k+k4v/et1clt5e/w7hpdqidf6bbkmskz7li5u5tzu92ksuduqfog9vxlsjmreo0avjxmbsmxhdyyawfwleyfhgztd1t051mvbft4sf5jkpyto/qwrpmyapqmryhz3bemtktqh+baca/gydq+ugfqrq+0rhwnnnkesfi08gsx9chs2bwsw/gvehib1o5vvnclg0vyyrzsk3t6oje/v7943v65xibrz665srqvvp/u9n+kwpadkcaagmeltyit7xkjbt027ye8bvn2pyadt88vxaygewfb0iud2kjvmkky1y/qaxginxjlotemoukjbfmkn+zvndzutyjf0vgryt+jceurrp7ayn+hu8t8lzyj1elglxz4bneuscxinksy1wsmpa0zf1bxrcbytizjafktnmn0z0d/9tsxx54ks/t63q1kkxt3uf1k9bmsvcujfeurctahqumcumnik+etkz31tng0sqik8epr1n5dgfxtj642pltkdfd1kmkozppjuiseb98ef10hsbdhwv+ekjpwm0gksjfkrqgrfiksaq3adv7zu14fdzsxloeij/rnek9dm5bpll+/vm9dorvkai1xchpwv0zujiadwcqbnsd1lsqz8sawpweh1onohkmtelaw2j0wxfnlytl/umzxvu1dws4el+nyndjmbu3ysnitwgxiamt6bknyu9ojgdw4wtjcjyihelaqjj2b0ca9enfa07rbzkixspcw7b4/kukn6dgxbkhybjfchhu5yp4heoazsa6tkba2wxwdhwlxq6wlb7zjzb3dodqeovdzjkg7vjxrxgyhmtmgpjmfreszqi3bx6bkvdska/6536w7fe5ytrru3wd7dumzhvkq+njzidlzohdhozxxx/zgghjyb7v8mt13lk5ycuj7okjahoae2lr42chgyubq7dhozl1ytsh5wanzlnnkgefbjvfxq1cq9wxxsaiowtgypwsiehk8oamuxg+dovcp2qytdcufum26n9iuykih4bpyia2jods4icc/laf3vtltl4zigpzmoedgatvkrinjpjwwya7rswlyvs5pqefizxzykck9algvwgbpqhoqbevstimuntrmhtkr9xfpnz7o2fvy9brkdtha8bu/i3fdhmvr+iwdqowlzvghgeujhhawjt6qnrfphme01gnjgxvvvog8+p6djq0jsiw+gvwitxzuyzgqs/nif2ygeii7xnaqijmsmvkjjg6q5k2rnw77zajwraoy9tw9wcrj4kdotx7gijiaxct/klffsrpdwvgxbyhkee0wm438fk6clj89bqbk4fnn2myythdggytzpczdzk7ygrsywzzt3cdjjcwn7mbojvvmi+zarpaenk6bwcmrobavpi3yxhbebteh8yij+ingai2tlipjn09npvdn10moxpm4d6pnnvzl04jeefsqpakgu4qtqdnod/oiiqzzdyeriqdbltibnizr+xejtoozdzavruspfcbcwczecqa1otlyvnlc36jynfuwhqahmvd7o+1+zxa1vtiqjnurspubu0nhmy+vjcn+0oyfqllokkheqsd9y+gwgeody6isimw+beikhphyaeju62yqo5tqgnnysctqdbvbpz4tkjwow+imff1uqmvvpq95s+0chgrjei/yu7j+a5ov539piqfjqc1hpoz6bjirpqyj1kdbxdqqywnjlvt46hpkb46g/gdgmy6r+dw50cwiapg9sjv//ch103rh/191fsf+os9eisxxocjtisjq5h7jpy9alckdscy/k7tty+gjewq5xuleesp97tr14+c8gll+baukhlopint6tgvjl5oesqlesshiwnwaoyrfiqw5wiisdzrebr300/cl53dhcnslx3wpcf6omc5ha4oajk986h03xrkfdragmghubzztpward8ovdlrds/4sllci1ruhqi1hm+k0sbahugsecpjsarkx9oacj+ecwmb/rcyhblpll7g0ltcswpvwoytroqp6c43v7hugmvdp1w5oqxrtgya6ankcekh2aowhtgfgl/9ofid7u3dyw86kfmcp8lma+bwunkfpampvdg9k0ujtitm1p7z9mtd9kejkhhxvwfh7ojcipiozeskvlccoq2wj8ritrdg+w2wxju0ylagftzoveqf5aenggefejzpp6avyxh/xoqyvu7yd924hxbg8lz8sc4nje4zhgk+h99vspaaadz4c04lywgfhaoe7eqtkvaqb0d5vm8kdzm4ce5abmyylezmm6djhqxqogr6cwhg57tgek7cxyqirnr567wap+w2weeayyydh2siy0/mhlkcakcoo2vf4zzyvx7txgtxemcrobxholoqarlji9wgzbf48hlw1gvsaiba43sagfmeamftuia9f8gebrdssc0u5cgz5fcping1reuktsgjoinaxvtcxpeub80w9acgwnsupy1wgxs3vvi+55iot7iko2zt3wikhygxaou6peku6znl+0ym/j2c4l3gm3ewxmhyps4r1yqg47pf68scmhwc608ks+yenx+q/bscxvzskjbpav+x069hj3wrsrpvqbmmiqczn0ehug+1jpokg2o5uiimpi/qwkxm/qbdjhhx+bs/gmny2onuosacexw+vswrcktmfgrncffd+0cgqugnmqbvitic6ibbvkmzovvwtatco5modqdnam53pdn7/xw/wqcvpjauosormmtpqllzn9rd+ftjzr+nrpwgkdk4isgwqxfkza+hsg9byul/3kxpsqxfsxrg8+1s9c71r2c+/23orbhvarbgermkptnrbp+loek6tzhi76x1mipkgn1jcubrmisel5pchdttekg3ld1fitxx3lywzcdumpj+upkl9smnkxvmfxxmn2xfhl3xpaid4yuh3t+ib+wtipola4kyln5msuuux/v0kfsdzjus0enh3f8bgnvaw8pdrxop+yyrqr/ke16lctezzdzx9v2p1mnnvxq7il6pj9n96l+xq780zeeswaln/evbx4gmtw0+syij3s6cv/rfgvxk0tz8howoyc8ckgtbi2caathehtth5henxeoawn4v18oha6r9ip6v+hzkqwk11p0fz2faqy22hmts5yjcrgmmnw+5ub2qh79vujklks3lcjivb+pn1t8jpr6dwocephglk4vkxg/n5jn2k3dzymhurlwzrwlyyyomonkl+oktcu1xzesx6c43d+xu5cpk3juuxwcjxpbdrkdsiqzb+rle9dtubkl08tdrksprofdhexw+hg1rapqagyr8s8lrcy5uyko05jbtjq5btdpn6nsiwdnlpvagethkiwz8frlxo2lqfyxtaofgv87ffwggvplkhtwjewxnyfl07pnrdspz9buxrv7rkkza98aadk4alzq+mioxqv0zho6+or14t4caxw87re/nmnqllqilo9xjokyc/3zxca7zkknqmbyyam5pozouckouxonrojn2t5xrrilfbufr26vwrknezzc6hf3ba4wdejdlzwu2luaqdls4c2lsohrjoh87wgioxxd8aynfrfeit7e7f9ke3np0bok1qpozglwos0clp5nqyzyb03rlwy09sftqy0pspa9pqnxhqjbnawlqcqg8mwvcbfhjzljvq74n2axaxdnn8xl6ofunsbwvuvdlf4sw+k0mv4iwoe2etmr5khsakvif61qx6vwwdkjjmn/jlltax9gszz7z0qf6kmveac5+hadyqnvq1dtul7wozvn/tvok4kiayube+gt90/e/dz8glouzs1ukiide+vximacshhfpz1oi2smul9wxjuty5rgnxk9qs18jcac6y7exrorvfeauu+kqrl7uxyuki6cgk1fvyjab6cmxtxlxovevuuaagkid3ullei8ruo9jluwpnwf/fs5buhfavxnmv6fitdi9nwtq4nofnfaspstnhv0kkx8iuavx6y1kqoeszzjebxvlahoxhvo8vmdh+1xql+yxi6uces8sxw1axqexxdwh9zohchvenh14ufgdx43/wjxs+veqmwwakdl2wu/vq2otn39v6otnd5lm4mxovfuw+u1ywij47vvcg6jofpnuhm4vwgicv93lqrrl/2uwi9yg5vukyhfnpquxjjun25hnpdsggds9ndasrlakyuprompgdvl0xw45m0xx/v4n0bh5wchow2y+3rcjc9taxof6f/8wgsmlyviqnk1ickejzgzcygpxqzbenn0p1accckoooojimo6em/uukfi2oslmg7srx0vdnsz6ki0viijdfssyn6c6hfckp629bv1ju5akoc76kbhlw1/eqqqlp4blp6jxav//t0bebxcphcgxz0hqs4jjctzuugtun0cewzoq8qosrzpbosuytbf8hskubocreuobuk1/irf1nvzx87kqjrnydo3my3qsijmgoaiepshglpihbeinji+kjms2b/zul1qpzxjnrphzuj7pxkj0lf/i53wixgswbqstq8wjayv6cl8inbqbl77tokninbx+br7z0d1gnjbtb19331m5cs9gzgxtyo1nvnhevawe0ir4wo3pgaq9mi3jqrabupr90f/ux/5kuewcg0x/xbi7vnxy2kf/ho0+okkdcbyu7kfvzmxzve6uj6mbfzrt1qqggv2svmjdoj2pqojvgh2ypo+sj59er+hy5exqwbntcxfzv+67w0lnrh0pmpinj24y1fmyivjjsrmsvsy67uod2ku9apqsjza8wlt+/xeu2oifmugia6pw56uitgwn3l2pu2k/hrh4cty/4emstrtye2pkcv9mtxqnvgwkssg00wztvpushqu8lrvmr+z8jvc8cciqx7borq65sc6+n1jlqsdz2krz6k6nbpalmwcmctd0sigqgsiyyoxgythigv8+/wqcmwy6ncpskk/rmkhoe1tjwsdr+jllm8oob/d8f8lpzypbhhcd/fdh/cozay9k+skbstgxt+mzlxw8qeajcvvgihrilyhq+flv33t+rcno3zja9hp9o/exe4x+4fhqv+rn3vhsduud3vhgw8qgdbb8elhik0bff3xyb1myjkkmiqzcrinypmnfkenhvdbh+wso5nbjgv8sow75gsora2orecj8eh//m6c6f0xzxylyjp07crmgkuesrie7jsppgzqexqwg74njy+ffryli1fo9jn7l1+lo42ozardk6zdkx6/g4vo1d1f/u3ngixmw+su89l3r7qd1kootfc1i8tdpzpsresu851zy9kk71uovhw9ta4vfebpe4x3o7awr4cjy5okxtwjs2gyfh86em4etgklzwshipbd/b5lyynwy9d937nbc8sempjkmizlcvlpsh6t1dpqkgk1lxha2ljsc+8uveoqkgf/muckhkr2+5ikwitlnixzytolues1nleow4qr/buaqmh5qkyb1myf0mko6olcruhblg/wcmfzw8/3jzx8akytyhmvuzhn0cmvhbqplbmrvymoknzkwidagb2jqidw8ci9uexblic9qywdlci9db250zw50cya3otegmcbsci9szxnvdxjjzxmgnzg5idagugovtwvkawfcb3ggwzagmca2mtignzkyxqovugfyzw50idc5miawifikpj4gzw5kb2jqcjiwmcawig9iaia8paovvhlwzsavwe9iamvjdaovu3vidhlwzsavrm9ybqovrm9ybvr5cgugmqovufrfwc5gawxltmftzsaoli9jbnrlcm5hbfrpbwvdb3n0cy5wzgypci9qvevyllbhz2vodw1izxigmqovufrfwc5jbmzvrgljdca3otmgmcbsiaovtwf0cml4ifsxljawmdawmdawidaumdawmdawmdagmc4wmdawmdawmcaxljawmdawmdawidaumdawmdawmdagmc4wmdawmdawmf0kl0jcb3ggwzu1ljexnza4mdawidmzms4zndc0mdawmca1mdaunde0njawmdagnze5lja2mzqwmdawxqovumvzb3vyy2vzidw8ci9qcm9ju2v0ifsgl1beriavvgv4dcavsw1hz2vcic9jbwfnzumgl0ltywdlssbdci9db2xvclnwywnlidw8ci9dczegnzk0idagugo+pi9fehrhu3rhdgugpdwkl0dzmsa3otugmcbsci9hczignzk2idagugo+pi9gb250idw8ic9gms4xidc5nyawifi+pgovwe9iamvjdca8paovsw0yidc5ocawifikl0ltmsa3otkgmcbscj4+l1bhdhrlcm4gpdwkl1axmya4mdagmcbsci9qmjggodaxidagugovude0idgwmiawifikl1azmsa4mdmgmcbsci9qmsa4mdqgmcbsci9qmjqgoda1idagugovudqyidgwniawifikl1aymya4mdcgmcbsci9qndygoda4idagugovudi3idgwosawifikl1aymca4mtagmcbsci9qnya4mtegmcbsci9qmzkgodeyidagugovudi2idgxmyawifikl1aynsa4mtqgmcbsci9qmzqgode1idagugovudggode2idagugovudq3idgxnyawifikl1aznsa4mtggmcbsci9qmtggode5idagugovudq5idgymcawifikl1axmsa4mjegmcbsci9qmzagodiyidagugovudigodizidagugovuduwidgyncawifikl1a5idgynsawifikl1a1idgyniawifikl1axosa4mjcgmcbsci9qndegodi4idagugovudq4idgyosawifikl1a0mca4mzagmcbsci9qmtcgodmxidagugovudm3idgzmiawifikl1azmya4mzmgmcbsci9qndugodm0idagugovudqgodm1idagugovudm2idgzniawifikl1aymsa4mzcgmcbsci9qndqgodm4idagugovudeyidgzosawifikl1azmia4ndagmcbsci9qmtygodqxidagugovudygodqyidagugovudqzidg0myawifikl1azoca4ndqgmcbsci9qmya4ndugmcbsci9qmtagodq2idagugovude1idg0nyawifikl1aymia4ndggmcbsci9qmjkgodq5idagugo+pj4+ci9mzw5ndgggoduwidagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahnnvmtzldxhd/rv1yawnq26rsvlc6mrzfglmzjcparejd9ogcqhiugtexk4b/v7wdibhcrokwzdbvshupkuwu2lgsqywhun5t/bf7ctonxm5thai/92hbnoc7hdwygdt2uzbdfnn9ovmlux33xnv9813thp9994tldsw+dzhsc+xktk8ldth0q/opxpz6forv83fi96rulp65zuzxdth63ceubod2ow7as4r/geexo/slsbcd2bl5uphbhjv3r2/sv3j2aur9vd2+art8u4zts65le9+2cmngej/3czehthsawx3vj87aqtnjhbfom+cnjbs3+zjs6vk391pwvg/qnomsvpm3ai9i4tx3+p0pgpn3fhlxhlv9b1oxpmpuw/zyrofix0wh88xxt9+vqd0zemg7tdpwogrrbeeom9wro561de/8rq2bq8aovtk35r2gaepr/xpsgacg1gzr/ni3yy5z/hcad8o8+xyjkont7yfaipwah/apa+9kwdphqk7tpoyz73d9hwv28hiehwyhbfjem9df9mdwht4ccwjlmzwokcknh3ia8sm7qm3by38cylgothnvkjx17xbzmvpjjzuxn0w/tsrsmlmq/hpcb4y81jqzsoptheelxtdflm/amgzf1ohft0ozdfgsw6k4nrni4jsdpmqy0ztmmqdfdcem3iaw9hpnauo0jqzro83fc6it6bbizk8az6acjc3tkv+irtiesusishvbwixsaqepsnzf4dhvkuxn405xchfukv3bctv+cqppngbrx+thgbm24jsee7absmlbki/tlt9ivmuiygvmbl2m3z2mzbvoxm/q50piwuupujsd2xebqxirbygpjhymsa9vfemwnjkiwhcmqjd103fgwoy0mmzg1ctwo84xgntpt4m+xghnwaew5czb6eu07ymyma2rqx54/oq0da6vsf5bk27adf+wmq8xibte6bmnt+tcngnxmtlq2lmgvvolobktyfs6bmy0gy3icp2aaolt471jhhcp983amxxwxbegth1ihbu5sofx/ttmyvunczdgr0daxzrgj1y3hewklmrbtfttwns5hlubo5bedteqybmbsztcpzmxwhyef3bvsbsiqjrshchvgl+wmudaxoh49/kazt8oxx/jbhubdso1zj29iczsdgxhlm4zglvc0lx3dfnzkyvrtnkzs2a/hrutta4iygzngfiaew2pglttlq/ygwyqnbkttf8yxy2ampvvlelsvbyz95w+xvu5ypxhecdktmjksmzgn43ccum5o5gmvyx3rnias0jhxkung027jso6p1ym769y184zfsy7v3mbypxhhportojpsxmspmw6ercg4j/pk3y57nbbkixm896pamguzhkaojpv9q5nzmketr9uyserjxkkvnu0s6lc0nbzn85/xkmdtrjazyaw+pewc0sewj5ugw2bvmq+ac95bcmc+fxx4ec+n7ajdqery3ra51rco2zkm7ceqmhir/ojh4yir0sspjndzqe+ndl95xdefbzu1gvjowlyoz7dvmjqjmho/ysp4xbgfwhspksgfphnvmtomnpmui2/y49dw7sew8zvoyqtegvjogtdpcse6szmi3rur7wmgcedgcjupaupiowky8otbtajjosjnrikwnvxrkce4gkeefjpys3qhaepsjkjtgh9gm7qh3whxck0jkts1q98zo2ptknietfom87iwgazolzuzkjuxzf07hyvuuo6otvpfsnbw/ltc7ajnhhsawlxatmptknjebwq3gsmbn2djgetncsk0tewoq7ank3jebepmhlumn2hdpbls3blsabr7rbu92pskhmgewbryai7usmgl5be3pndul0sm0ursjtcmtwvz0ka+n9voelmbeljo6mjnfkzapbzrohektltdadlqjrrtskjw1of7tguwgisvetqtbdcxz91gb6kdmdpkskgjfbofp9+lhgejndu5h4j9low4stxvdck0zqtnbniutcqruiinzpzedlojuxegfjowojmenlrbqcorjrpzodc7kb6xegpncsk0dfnggcarmclh0etqzlil1ow2ryrcu0iktfwp/ppgt0nkewlajnyihmff0gfmi56qqlplsprxl0hsjrwhisxlyc11rodacuwbepi1bzglebmishmrii0ugqye8oq3r6hsbgcozw1yodt9deotyagpjwrdriolg0ccq+bjpe46llxn3cd+fyxhqxqsifnwqfcdd8qfgjn/i446llwnwdkuribfbasi6ykpthlcse5zfsfg26w2ozs1dtheha4g2kywgnttgylhtbmhkeqo2uzq1sb+hgb/eygjftcb5j3seeplhyzzr8iy/cd3ze3v//ixv3z57tfknt3+vmu+++kbmn8qmw89ju9mxnysrl6egiusgv89ppqoxq++64m+zekujkqoxvumgw5kb+1chn5pwwkmjpwsrlqnp35vpe5dj3n+w3ij+kx9uhfefl0+kdg8upfdi0q+dt4i+07omehivfz4ihps+rfl3wcu+kc4la/t470p1q3j1f5pksfq5zwgsursr6yn+nrqmn99y6cvoml7z7hdesea45yrzwvvuu/lnpjlww7l8l9de5tj83cwnbzh5nes410uzl5noc+p05znsyk6/l4/t8r/hw1fcqnzvz154bwgzjeu1ecl9dlsgzzgvpp44cannszdo2rjfa17hyxson1jmdhea3hd3769xk57ttiynb0ypmrbfzn9zu7v4hoyu13u8v0evvua530qvqmndsc6dznu9jxnuq7a5exyhudbaxe779oqa9new8rx0sx4h9o2etlgvfvq1r0lfgknhnbcjuteyf1an7uwowknkw0ylcscbpdrvdg1k891hdjilq8de6n1errxny3nr14x+foqdie3n1o4ivknnb62ge9j8g0hamo3grirghj0x07rawoljol4h5rqxb6a3jxyzcm873mio0n2usfgf1m2ztfvq1v3lrexds0nfunm63q6owremlfic8ucotvsuk/pmljijqvgum2b5itfght/w3o+kqz1nbkre2pxxs+eyuq5ilifzhqjua+znqm7vtscur2k4gjeafiwyayfjtooe1sdf5odk+3d9x1tek2ge8sly1zuoyiljzhge5jne5+em0h0umrlvb5378r8sn3hj+glav1gju5pxpqwngeszhs3r2pizbajd7ivtljlw1pi2geyce+jpusmqa44hgfz37d9u6dqn3mj1mqnjd2nvzywh7hvkyxsv84cwmvknny3gvntjcva67spxkuzeaaia47otfdwyzn7upj8pbe13tfvnnfqsdhcrzhsheiepwnbke5m19/dlshuew1stdx8nnv3buqpuxzslyfgx+ffctdz+bu9s5mm/dj25e9sq7v3fkfxlbfmrabphylcerdd66ruak2heetvn2uehkru0cpzsbx1gd9jrymapvsugyshxtoacqsjbwji6dz56q8nmxmtmiznbhghet+5f4jrsw6shu0kjxmtqv2tybjgnsqackybipabz1uwco5r3mej2jpyoxxtkportkwdy9ryydsgkhmkm2daumzgknlrgrlgd5zmy1dtosr1cpyltvsdcwz+pdmts2zgki7juypquditfxi3zjiozr6mzdzhef4y09jlm0avybomelgv05k0hkye7aclfdix9dphzzhzlvk2y5a7onfsofplqquou3mydo5jy8t4nfmqc1nhndo4lkpxlfxloeg4eovbmwmmwmhfgnfszuuuza9bxd3il8617inozjk+b8eymytbohsuzzbnmmarsos4cyxxkg2j+sh4cextjbgfxsy1nnkcyxwhnfns6yuu5sbs29ifjgup2mlcyfa61zllzkzjsgj9goaejl6l6pdwrod2qqnhaexyq2xjuzyum7hchp1rsqvm29b0sihsmsjwdyxy6wacifqr0xozk7mwkirwkqb14pxl0yaibopsuzzznmospw5dsauv1xj2imwmmpfol5qrckniheq/wcy5lvio+mgc4marzor6jpbuxhbwjlyldaalcy2zbmyyofauszs/gms5qk8dhxwnxr9k9blw4k4619jlm6a5ymujeflylakjima+hjx/icae8tvnvrayjkwbhoxzcy11ylidhyxrkqtmgazkzluuutpizixqbdhoimujfaymxmg4lkfjxgbqzq4lgqnsxkqlw+jzoo1wkzogrlam3xrwtiskyhaonwrpohnsns0uwjwngmjza4ueaxnwjilowapvyiiwlpoh9vgfhfjnjc9srxl72cexjwhe+b3bz+jzzlnh0mj8wa5eo7m3wsuwkqa+hrxdy8jgtxy8s5pngjbdoqvjey55ljrc+mneds69xhisbnsy8yxdnmnopbos5bxkwbircpog9elcszqmdp5kqgmz9vnuifrmnk0+lz6xpmun1t13b8fu54g1bafszqvspm/y8kh0hwb6a1czuhvcirj5lroma+wiwx3lpetdmqvspdjcz+gzw1oxniwaoryyjmgqlrbdnfxpuo5oa1yhmup14lmqtryxytqa8xjlnsrzls7lihhxulfdhanis9s1guikyqvlnqujzqp0kudkvqrn8eksz1k9iyqet22iemdiqj5rypouizogv/6dpsiqdjochciqockhqaarltpjoai2wfrtiedwzdaenqwmndev1aaeokvsprwj29g8lppxlnhekqdh2bha5iizktmjopqjahndxzlormrqpkh7khiwle6rjjwliwdpuo6girsdhjaicilnku2wmgy8ngneanwt4qxkl3ietsxbdi3jwuotblkjikvbsztewzuu5ui2p8sqrnm0wr3izmg8s0ecvwn21dsit4gryhwaiwejjpy2huyairpxq5xv6vkosfommckdz6neoabx+gaezuiyq9kkmkkbspcny0yssmnacavjtxq8s0ocvelsjuhq70ldwpqlpes0kaluupdgcl1zxfmvluwirrxrcs5kx+jzoon12vvuahocjkecvelsjgtlvl7wejzxnlqbutpmpvylw58qz1viz1hkewmcugsjnfesg6yuci+neslncxfwpus5woh3/d2sipespwklufjrp/msdumjr9lfkniekxjhpbnhjz4lmgzwmhcudggcdclilszwqfp57cqr5dzl0eg2fy6jkmepnqbis2r0ogkwkfyfirqmdsnvsht+mcwch2ibqz58ehqfcwjlmueo2nh5lmgjfwotkcs6rr3ethjukcpnsicwlmxy4yqyuixajlkna9omkn0lqcbvmmab0dozgizlzuaqdd1dypxqe0vus3urqp6aaeqcbxsppevugsjzwojxayfgj25u/2piham8anl/7zp00mkozxne5x75kxwtmze8z44owm6xjwfq9d6/wbh6qsh9pxogllky6pmmzqq5htl9ql3e+2illziux7ec2/3o9zbkrapuqpwqlfpcjnbqh7hwvbdhym0l6k9cjvsme3nsak6l3fpih8jkg8jsxzjrl+u9y8q1p4fcy5uol5t74rlep9b4i1rfe4hlafih5nonj5pjv7dlugr5fvlz3kipe32s/cpmj1gqozuz5a9ip9y7+1yciv9xrq2cuyjhpi3j6mlilwzwb21rx70yuatnueq4mn5xqnat9qtzfzjehuhnxevhwhp9apztwvcko3tbhlzdx75tzchttzbs1xbesakm+752hxaf8e28cyh34l3+4mlq2dsv2g2y6zp08ujeueue8ap1eh9scu+1xtp0o/qeex3dspyrtvlsxclm7ru7tk491fvol2wexbiz73vucvtjcj7dqhg8/zoqhnsomsc+ticdorsryf++by4hlytl3qf1aiv1gw2q6/huuvb+vu8qbcoyqxwik33v3y5owvgysiq8fvxckspn+/fvb/9y2iqlqehx8crtuid5hds/vj/trk4ll9t6edthq8xrz/u+wup2lzqgbsreg9hafwvrdv0c4giqzqctqa/f65sosoklapotaihx6nx0y7wkha8f3grh2fo37ls9kihvc2dtwlpurdp3zdkhmaqp9lkz8ffy1vhywtwjhmq6bgoljfk8w9fhj3byximbqai3gvi+fsirawqzwfups4wfpbv1k1rvavxlvdsnnys5wrksn2jsi3mpzoan2u8kdtbolpc4dwupjtlptvw1ffktljm6tmd2kqbljrgq7wkpv/dur+csv2/fcvcyxboi5bp8gvk1v/zjphk6dz9zcee6rs6jhwfln9sneq6ichvbxvzz157tk8r3r8kkoponht/yfxcyhn53iuod/ppienc55olahfhvvbln0um0lww8gyo6xpas6hisufgp7g6/sjqio40wtawj45+wqe6wdw/bgmhfxts41bypjjni5kgpn3bxiqsvovczrm0nyxjcmyznshmj5sqbkda4mhgjyanasxmpsjxuocnk6lywrahz0iwosej0y68uup/xk1ulcy5b/mpjcgqkkqrj1fegkpa4cx2228wqrojnuk2qihmjcxwii865lomehnfnpfrjctw5cnqzrkfhc1mvby5hfw/orgvahisnqjsoniguxwo+quwbs1hnm0uynw0uxfmi1+euovweiqbcgyppc4zvtdmxrwlzbja86vtr5ljwvjqkscpyldlfinw0ozmtaxoca+eabel14y1j5qqhmwzpdaroglgs6pzls6obuqr8cmo1xmujmod5qpccc6qbqu51y2kz6szii7njrdagj7krgb5iuiwsyrqzaev0g/dfqadqpdaajmlesdefllbw0ccvxorvrdexryluxj0dj4qt2tbiuysvy+ijd6ahbtgysjro5riv0q0sjbt96lfb7h/gxbyk6jawmuhmsixrjfelstnsmhfsm1yet/lwgezfdetysxtlshxrbuz66cdjwadaxjabwwagvblgttthfdpnzwuqg+fili3mhbmjshhvczvcn8nqrpvjlmq3eblhnsflsriblzzb4yt6w5dddcvjbovssxad0kuzmjaa96hjged14mtuzleevwq3l63jbgmv8fhvcwib1sna8wf6muwwszrszriv2y1lw6rn6lx5pgjueqigxphdelas3vy0jltb6owgwhq16avhbuxy5x23iuywsirszrlxjbsrlyvxkdpzdaazigcf2c2qtg0zqyxwrjhviaiyapsq/zah9ib18aigiu5tcylhxglklsur5oitguizdar1xbmz7oaiu9tcyhedm/wlhw3mve8bqk0qp1i5hohmyygt0lzkergb2ichwwskgvuwgnth0osie9jcyhhabewwhyonkky2wx0b9lh4fgrqecekuzqj4qihnj+xfduurjoqnkrtmsqjarz8ucortylbcqzngqlgbstdeozonaxxqpplosjxciyoseteskn3biil7hdd1czduivfsjjyhdbjbxvlkz4fqhgar5ikaeqpa9imq5yq5lkoidzjjktn8bk+nhh0quwd7oyp+dnindkxckrs2bz+d3s7scndewg1kobaiwwgzbqzswwenvgiga94yn3hat+1qdx7drqz0pn+choswsjhb/xcyheio3scopjrynqm7nytqrncidvindkxcirq+uhiockty3g8d4qeiwjsjzkaoi0mjeo5emxcnc2jkdemjswwvegqh/azxglk2hiucksaohtvh4jp9qvn+dpqu37aj9c5a+i0mpdybmvkwrd4qkyjqxpvmlf1ibbyypkjtinzkudelopxvf5jk4hl0j83vos96cfcjctzugekygve/3jqjdc1newmdqjjtzgxxliefswyeywgrrniw0pcpqf8pa1ud8/toksvnkccrwacbsrigto2tm4iqxttds/hvssycbusmhmsinkp76zwphildg243lw8mihzv4ikfpkjfha9frowbhmltd1drptkyyqizqkqwgqmweafriyzcdo8tefylccv84u5598loimkmyj9imybwovketzn1gjkrajdkk1tuq6rk31l2jz1wyjmnuphsgg00leuilcay7a5ayzd5n0ord3dsbqivxrlsdlrlmlmhbanno9otv2qxgnmwtq27lnsb851mm0w7opksmmzogenrik0rg9ungttamkkr1oqxokra+esrwyc98g0wrglkkunvedsgnebmw/vfse0tdwhyzxgmndogi1ili1aqgyyjngwfcrxghpgki/mxypkccrvgmms0qpsfcrxgqva2wa6cjz3strrzsh58juyd5xzb60uzqxbrgwqw2dqcpirzvxg7c2zifkb6t6ypm2opsc50rgpncn38muac5ldqc+9rd0ynczulamlqbjpjljf4ox99ttgzdbrog6m4zqjwaqstan2vulwwdhdrecca2ksizkrgvumpsc50lggzrmnfiqzlx4qg4zgx1kqxgksa+essqycda+tymodaayqxhpeupbcaswd56yrlsq9xl8exaltrz3ajkfypthfhcvhcrc49/akpjjw2ioydlgkkiunvebs9rglndm2cvxthx6sh8gpgalcvqmws3fzrgxjeth7rgwygh2luxlvxcjwzqnyb851mc1rtag2bcmlqspcfvpo1/g/5jfcu8fid8jyghuozz81jifjjuuih5dyll/gx4fsadonk13kaudsuwycozg8ke6ijjuf1x4muyzdsk0xca53matqwm2y4nrdzndkskkp3u3syvmh0mhyxmnk12riqsmfytqcqlbabtlew2txzeihir1cmww8wmtqwm06cznnk7+qx2rkb+jxoxrouwqupux2tyaumtkl+yytbcuj0aaxd5ndkwxopayujjnodsitnhniybjrmqtulmjkjug6leatix4muyzdsk0ptmyy61aatybkmnk0ovjosjbzgxmvsqtnhniy7jomktx5y/cefceecmscaw+txzmhsrmxjkoksxvevudxlezhssykbm4r8tbzmokuiwwb8sv3fhqxgfm+tpy2webcakphslzlfurlcgzxmnk1gvjqsmeyllmh0mhyxmnk12riqclfvidmjifmypnl94yuubkpmohnpu+ahixlx6ljafuwquwubnomqrrz4kwnjyizeg4foasqomttzlclzankzh0mm0c2yyhspufflgzadkq0webm2ywkdkiwgspriko2bqzv2jxkpqe7wfrjlqaisjztbgvt9g78x/ktw+ilhn/ltwwp8qs4lhlthwszrhdjme+7+acml2v1qe/0l+/n29p61e1j9xd45bbmf3r/lzdqyf3tvjvclupeateaizurrzrap1ihhthvdnp7wr9pzl9xxh6jfet4rmpxg0p8n9op+eqjr+/ezz/kgonhgwmgunv241qmtp/mgpg2lyl8jueaxctzvaxtdpx/x2yzevxezhpibujm3ykvrmv01cxkjwxrn0ki36u037dao+tjergsgxawv/2gei4nj7qxhi9t6funefhfhnhxw9im5w8s4r/brec9exkahz6efl+b3mxri0rj2d+kidyjaw91a32kqvhnqvjvej0yq0rxa98idcl+w0c1y4/mcd01icvvyluun8ppdra5all8hssqlkql9vcb3iauvyfdqqvouc0wa4swfvq/ulrnizt5+yi0jyh5n9s/8hlcv8ns+bis55tcpsf1/jikgeqefhp45gsse9eeig4b8d9o5lgthr6ozn8rif4blraonmw/dcl+w+nl21xfnflge1lmabjxqty/j48hwc+6uueiac8m1ah8q2xgo2jwngpvduvftctk0djcktb1zqcivzbkkxnwyy83y6gsi6cfov0ewzsmszdbhs7fvriuh95rp7gplme3tcg4/5kpa+tfmgegz4mlvlffobxzpvz8m9yq+ap917oupxz2dxp7goyuip991dx89hcfp2o++1pzy8/sd3qvomztk9ilk1uribj4v4wfwytj72hfs2vfj9smw4c1i3rpzl1imhaoet6jviy1qwfs6wdsm/hj9xkno7temsecjtalfm/f+smhfydysn7ypq3qs3zl57fbmcvvylco4cifl2+/z5z89j7nrikfxldipnhznhx+89hjefbd5kov0d743lee8tihprg1xjbedp0f86jn5ai8djtquvzko3mswzao7cl7m1xqf7bu18vnjx4/efrseptx+6pur/2wwzw88mwifg2skw4prjgvg+aj91ouaxelh/fp8e+4qh7kd+3ihti9pva97cjhxfy1jplxscngcy98ovaaetqvfgvjr45pcpyxjzgymlzhalolz2glv2szjjzquj4zsx9rbjrm8ymcsebmjv9ampufpwqetc3nj4y+ztw/v0kd+u/nz78j+9fb3/xm4ssonbroh6ykvopz6qxqbhdqzt8bf5i/yvhjeljjj7zud+uln6zopppawdswxtkku92aht89fxr7/pmt44uxd7rulabhpl188ys0vd/c3n4+/7j9ka24nzx8kjw6cj8ml5hpsptewxgfaruf6ezlt5ct5qm6lnmyt0g+hnls5wq555owh3llhzum9t/hmb97+fif+keuuxn2nfhjnn+60rswbjkqtih/tocdkibpixa6qth+kz3alomtpvrascah+v2jxxvjw3hnldgn9svj9phnh7c/pro6abwpvpfuijr3fk9ljcmqwb8xnw43likgbqggftk2lrk+tgg36voavnz+4vzrmzq3p3/urm2nzpzr91fybvvaurzen9na8mfi2sm/wa6juvdfbwxjwkm8+e0gxzewrbdn+md0ucyex3wsmjctmgtz8/zj548cxlzeym2fph/y4uwty/jfbcu+avjftku96l6po4e6o6parbtg+xfzkm8nssmlu7hkgdje3zqplf/j75eh3ppvrercmjzpzr4lh7czwbd+2v3izitos3u8rxbbqapwjq7nffccjhel+b8hdopwtfooa11vpaiemmrqus8koyqeijbo3amocz3rxi9fpl99cvfycrj4cwss6yfocz9uzynes2qavbl4dfus9ajvizgvqc40idftdvrq0tyxwdhe+imp6bzzjxfct1kake15gii/dcdlaihetzzidhb7o924xxyn8lzrlpzoytgtf56xs0nd+rqm9dnhzdzctc/d/hf26pf/ff2rkdj8lx8ddbafm4nlcfv0mc4hdvfnl/kyvjm7rmlqsk5vq6dvokv5s4vj8clz4eggoov7pvusrucc+gucuxha51b0uzt/4opoy/vjny4fds6fndf4rj3tkrhcf437d6rr8cqx9fnltee1rpi88q24tcf5xxvzouyugl5pe8fhr2qvnz86214uqesjqp09qkc4t9x+wf+53exrhvpkcrmc/el7+dwn3sd7jo/z9e7zm4/bv+cpepaslqfcwh8k5ofbxruzxvc68kzu4yu8hpkvaj3idxtzm9g/8ln2psar4mjhdrrtp/fznn9j+px/dbt+mpz/jd7w5zfnt3cqtoyjaosyr9reczjh4j7xvu4xk8qaxqjffob4jpndytuwy6pk5xfrd/xledsa+si6zwh3y918diz/7ugvcz+sutwgz8ywsuwl0meldz/ganlxgwi25ouj6sf54r51zyfgxn59kvygbs1smo9fpjvtez3zk7ovz1jyu07cct5kdo2pfcsf27rujuqlkn0l1w6cfn1eayxrdd7wc3sz01/fvx7y/nninnle4rfyfzldyq3/pdd2oempjl+6/zepoecsh4er5ouwmk3c7ieofm7kc0ufl7dppxr4/eqlfv9x+4suwnztdy6nmdsqx77+ja9s6vkbdjpc8ysouhzbpj6m2yrc3qrydzmzcj7qztc51+q097e/cestxxfvhun98vjlxfzw6/agaewquph7uoedj8u1xo6ly9obxvrvyuqeo8jx7ywopvcaz5/4z8n28sn84uvvnhzvnt/+5mfarym/edksekwylp4klgqgfy4t79he2kqcmyi6btsqfajydsszvawwzgs6ho5lk33jy4+4s/8dw0yixghzmfztxy9rram5saxswhotfuulge8w8japs8s2ozwt5ll0gnfifr/z4ahbkzyvn4auzepzmenlmq/s4unr6rl+ii0+v0vztsdzygj1me/wxuf4bwwsgvjlphbe8yzfzjchmgqb963m9ovf2puhw/3s5xl3leiss+hgnrnhrfy+jxwyi334nfxdeal8ea6aim99sbpzmggc9esf2fjzv2s1xfeeap6eg6uc62aoehdskzd3r19w5qrjjzyfl14uzz4jy39ug/6hlggzmzalrajmdnmhk38im8h7p9yg050rvdkyedidxauctp//qqms3weurewytt4pky/cj+lvp14wgnnnlloh88gh3vwqk/6biytep1b1uoanuielolb9grpfsqy/xojkztspp106vhsr5qmeg3xc4o/orro4/yn57ngxiefelmlhd0vke7ja9xyjgyaw8y53he6k62e0ibljp4ybn/b3x377xzf//zf/+epb5tv/zbuip8dfvmbc/yup5hzqmj/g9n7++uuu+cv/pe3jh6zheyrgf8xucwecfj65t4tmjkmasgwxnnzmujosplja5ylde6pugzwijpnootsnbp95emkjh/lkht49xkha7gh3d30jph8wyhmnd714wiuhxew+zab0treym+um6fbm871s7fc9oyt/znk4zvh9lrxcpny78zxppoqar7j0noy2ahwveu9fc6kqxc6i6f+wi4ylnbsqsavfnguircpfkrynowivbun2m+8g++seufjwcxzh+fezspvfcb3txevbxa7+3svgqz2hl77jkdl9vifjro6bb4h47ukdcwbxyf865j2cngnvo8ddvgz0uzpjvmor5fswxgk+xmu7gxenvspsuf59rp/d5nd3r19//c/kivaxdddgc9xritgfmu+yko+1db4twf1nuvs9x7x8tukyp/wpjh5ffrp25rz5/2necaqepm3xer/x7nvio+vhkiifqznuzgo8arjq5gndieg21sjwtk8mpd0r5dpaj+9sd8qfesg/ffbyh8b9wannczpyqlbokfhpguejxvty8ubwxsyykrhlhzaqymxqw4seos+4gyt7kk95ivrhjry9izfrevor/t9fvp2azw5kc3ryzwftcmvuzg9iago3otmgmcbvymokpdwkl1rpdgxlichjbnrlcm5hbenvc3rzlnhsc3gpci9bdxrob3igkerhdmlkie1hbmrlbglukqovq3jlyxrvciaotwljcm9zb2z0iev4y2vskqovuhjvzhvjzxigke1hyybpuybyidewljuunibrdwfydhoguergq29udgv4dckkl0nyzwf0aw9urgf0zsaordoymda5mdmymzizmjkznfowmccwmccpci9nb2reyxrlicheojiwmdkwmzizmjmyotm0wjawjzawjykkpj4kzw5kb2jqcjc5ncawig9iagpbl0ldq0jhc2vkidg1msawifjdcmvuzg9iago3otugmcbvymokpdwkl1r5cgugl0v4dedtdgf0zqovqufqtcmzqufbigzhbhnlcj4+cmvuzg9iago3otygmcbvymokpdwkl1r5cgugl0v4dedtdgf0zqovqufqtcmzqufbihrydwukpj4kzw5kb2jqcjc5nyawig9iago8paovvhlwzsavrm9udaovu3vidhlwzsavvhj1zvr5cgukl0jhc2vgb250ic9crljktecjmkjdywxpynjpci9gb250rgvzy3jpchrvcia4ntigmcbsci9xawr0ahmgoduzidagugovrmlyc3rdagfyidmzci9myxn0q2hhcia3oqovvg9vbmljb2rlidg1ncawifikpj4kzw5kb2jqcjc5ocawig9iago8paovtgvuz3roidg1nsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca4maovsgvpz2h0idgwci9db2xvclnwywnlidc5ncawifikl0ludgvycg9syxrlihrydwukl1nnyxnridg1niawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0senggaureh6b8q2nzqqzaaw8aknferfrjwon0f6ufvuspir9/wysv7lrzl/eg9y5k9+f2v+gcyxxqhgci8zgyozys4ei7mxmy2rzdaxgphcy8zgsgayc8fi7mvmyyqzzivgjpcyszgsgezcmjj7mdkyyqxzirjjvcxsjgsgurcm5f5mnkyyw1wirnivmxsjmweubco5l5mnkcwwf4kr3mvmxkhmmavbso5lzmmkm8yfyct3mrmxkhnmqjcse5nzgmkmcyeyyb3mbixkhrkqjorezjzgmsnccezylzmbi5lhlgqjuzezjzhmmbeckdzlzmzizpglwujuzwzjjdpmhwak9zkzmziz5kiwknuz2rjjdhmhgmm9zgymzia5eizkxmy2rjldxahgci8zgyozys4ei7mxmy2rzdaxgphcy8zgsgayc8fi7mvmyyqzzivgjpcyszgsgezcmjj7mdkyyqxzirjjvcxsjgsgurcm5f5mnkyyw1wirnivmxsjmweubco5l5mnctnjbllg3zyvcpnnlggvlpn5jutn7m0p/ywnzbgc02vuzhn0cmvhbqplbmrvymoknzk5idagb2jqcjw8ci9mzw5ndgggodu3idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidgwci9izwlnahqgodakl0nvbg9yu3bhy2ugnzk0idagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgodu4idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3uqq5fuaadqpe/np/vhdpam7gsxql1hvpcv47bnb/2tvv/u733mxz773vs8n44dnwvsu524eenmcyyd70b36xvtktsbisxxhfgv4gxxl1iy1ummy4wukkmme4sg9tijhge0rvijhgx2ngwy4wjjk4qy4y7xma2ggmcyxsfggpcjta2xrjjckmrxbjjlrgxlcyyrxhdicyyd4mnbthgomlocjhguetsbisxxhfgv4gxxl1iy1ummy4wukkmme4sg9tivmr4d9zxccodjfc9d2px14rh3q/hzvilkb1wpmvuzhn0cmvhbqplbmrvymokodawidagb2jqcjw8ci9mzw5ndgggodu5idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtk2ljk5nzggntqzljc2mjndci9szxnvdxjjzxmgodywidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mdegmcbvymokpdwkl0xlbmd0aca4njegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxodiuote0mia0mtiuodm1ml0kl1jlc291cmnlcya4njigmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgwmiawig9iago8paovtgvuz3roidg2myawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide4mi44ndy1idu1ns42njq4xqovumvzb3vyy2vzidg2ncawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokodazidagb2jqcjw8ci9mzw5ndgggody1idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmje4ljgwmjggndywljq0nv0kl1jlc291cmnlcya4njygmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgwncawig9iago8paovtgvuz3roidg2nyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idi2ny4zmzeyidqwmc45mzi3xqovumvzb3vyy2vzidg2ocawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokoda1idagb2jqcjw8ci9mzw5ndgggody5idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggnde5ljy3mjkgnjc0ljy4otvdci9szxnvdxjjzxmgodcwidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mdygmcbvymokpdwkl0xlbmd0aca4nzegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxoteumza3nya2mdmumjc0n10kl1jlc291cmnlcya4nzigmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgwnyawig9iago8paovtgvuz3roidg3myawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide3nc40ndkxidy2mi43odddci9szxnvdxjjzxmgodc0idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mdggmcbvymokpdwkl0xlbmd0aca4nzugmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxotcumzm2mya2ntauodg0nv0kl1jlc291cmnlcya4nzygmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgwosawig9iago8paovtgvuz3roidg3nyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idmznc4wmzyxidqwmc45mzi3xqovumvzb3vyy2vzidg3ocawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokodewidagb2jqcjw8ci9mzw5ndgggodc5idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtc5ljayndignji3lja3otzdci9szxnvdxjjzxmgodgwidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mtegmcbvymokpdwkl0xlbmd0aca4odegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxnzuunzmwmya0nziumzq3nv0kl1jlc291cmnlcya4odigmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjgxmiawig9iago8paovtgvuz3roidg4myawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idi1mc43mda1idu2ny41njczxqovumvzb3vyy2vzidg4ncawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokodezidagb2jqcjw8ci9mzw5ndgggodg1idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtc2ljaynzcgnjk4ljq5ndndci9szxnvdxjjzxmgodg2idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mtqgmcbvymokpdwkl0xlbmd0aca4odcgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawoca0ndguoda1nsa2odyuntkxov0kl1jlc291cmnlcya4odggmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjgxnsawig9iago8paovtgvuz3roidg4osawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide5ms40ntu0idq5ni4xnti0xqovumvzb3vyy2vzidg5mcawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokode2idagb2jqcjw8ci9mzw5ndgggodkxidagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtg2ljmynjcgndg0lji1xqovumvzb3vyy2vzidg5miawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokode3idagb2jqcjw8ci9mzw5ndgggodkzidagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtc5ljg3mtignjyyljc4n10kl1jlc291cmnlcya4otqgmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgxocawig9iago8paovtgvuz3roidg5nsawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idiwmi42otcyiduwoc4wntq5xqovumvzb3vyy2vzidg5niawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokode5idagb2jqcjw8ci9mzw5ndgggodk3idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtgyljizodcgnjazlji3ndddci9szxnvdxjjzxmgodk4idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mjagmcbvymokpdwkl0xlbmd0aca4otkgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawoca0ntgunze4oca2odyuntkxov0kl1jlc291cmnlcya5mdagmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgymsawig9iago8paovtgvuz3roidkwmsawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide3nc4znjyziduxos45ntc0xqovumvzb3vyy2vzidkwmiawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokodiyidagb2jqcjw8ci9mzw5ndgggotazidagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtk0ljq0mdygndq4lju0mjzdci9szxnvdxjjzxmgota0idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxsmelh6gveaadza9wzw5kc3ryzwftcmvuzg9iago4mjmgmcbvymokpdwkl0xlbmd0aca5mdugmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxnzquodqzmya0mtiuodm1ml0kl1jlc291cmnlcya5mdygmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjgyncawig9iago8paovtgvuz3roidkwnyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide4nc43ntkzidy5oc40otqzxqovumvzb3vyy2vzidkwocawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokodi1idagb2jqcjw8ci9mzw5ndgggota5idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtc3lje2njqgndk2lje1mjrdci9szxnvdxjjzxmgotewidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mjygmcbvymokpdwkl0xlbmd0aca5mtegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxnzmunzi5nsa0ndguntqynl0kl1jlc291cmnlcya5mtigmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjgynyawig9iago8paovtgvuz3roidkxmyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide3ni41ntcyidyxns4xnzcxxqovumvzb3vyy2vzidkxncawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokodi4idagb2jqcjw8ci9mzw5ndgggote1idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggndgwljk3odcgntkxljm3mjjdci9szxnvdxjjzxmgote2idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxsmelh6gveaadza9wzw5kc3ryzwftcmvuzg9iago4mjkgmcbvymokpdwkl0xlbmd0aca5mtcgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawoca0mjeuotkwnsa2nzqunjg5nv0kl1jlc291cmnlcya5mtggmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgzmcawig9iago8paovtgvuz3roidkxosawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idqznc41mtq4idu3os40njk3xqovumvzb3vyy2vzidkymcawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokodmxidagb2jqcjw8ci9mzw5ndgggotixidagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggndc4ljyyndegntkxljm3mjjdci9szxnvdxjjzxmgotiyidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mzigmcbvymokpdwkl0xlbmd0aca5mjmgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaynjiunze4nca1ndmunzyym10kl1jlc291cmnlcya5mjqgmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgzmyawig9iago8paovtgvuz3roidkynsawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idizmi42njy3idq4nc4ynv0kl1jlc291cmnlcya5mjygmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgzncawig9iago8paovtgvuz3roidkynyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idmyns42ndm5idyzoc45odixxqovumvzb3vyy2vzidkyocawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokodm1idagb2jqcjw8ci9mzw5ndgggoti5idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggndc4ljyxntcgndm2ljy0mdfdci9szxnvdxjjzxmgotmwidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mzygmcbvymokpdwkl0xlbmd0aca5mzegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxodaundmznsa1mtkuotu3nf0kl1jlc291cmnlcya5mzigmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgznyawig9iago8paovtgvuz3roidkzmyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idi5mi4xndg3idyzoc45odixxqovumvzb3vyy2vzidkzncawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokodm4idagb2jqcjw8ci9mzw5ndgggotm1idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmji1ljkzmsa2mjcumdc5nl0kl1jlc291cmnlcya5mzygmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgzosawig9iago8paovtgvuz3roidkznyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idq4mc40mjaxiduzms44ntk5xqovumvzb3vyy2vzidkzocawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokodqwidagb2jqcjw8ci9mzw5ndgggotm5idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtg5lja3otugndcyljm0nzvdci9szxnvdxjjzxmgotqwidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxsmelh6gveaadza9wzw5kc3ryzwftcmvuzg9iago4ndegmcbvymokpdwkl0xlbmd0aca5ndegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawoca0mtcunju1mya1nzkundy5n10kl1jlc291cmnlcya5ndigmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjg0miawig9iago8paovtgvuz3roidk0myawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide3ni45mzcgndywljq0nv0kl1jlc291cmnlcya5ndqgmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjg0myawig9iago8paovtgvuz3roidk0nsawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide5ms4wmjayidyxns4xnzcxxqovumvzb3vyy2vzidk0niawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokodq0idagb2jqcjw8ci9mzw5ndgggotq3idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmzm1ljixmzugntu1ljy2ndhdci9szxnvdxjjzxmgotq4idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxsmelh6gveaadza9wzw5kc3ryzwftcmvuzg9iago4ndugmcbvymokpdwkl0xlbmd0aca5ndkgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaymzuumtm1msa0mjqunzm3nl0kl1jlc291cmnlcya5ntagmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjg0niawig9iago8paovtgvuz3roidk1msawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide4ms42nzgziduwoc4wntq5xqovumvzb3vyy2vzidk1miawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokodq3idagb2jqcjw8ci9mzw5ndgggotuzidagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtg4ljkxmdmgnty3lju2nzndci9szxnvdxjjzxmgotu0idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4ndggmcbvymokpdwkl0xlbmd0aca5ntugmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxodmuntexmya2ntauodg0nv0kl1jlc291cmnlcya5ntygmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjg0osawig9iago8paovtgvuz3roidk1nyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idmyms4zody3idqync43mzc2xqovumvzb3vyy2vzidk1ocawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokoduwidagb2jqcjk5ntqkzw5kb2jqcjg1msawig9iago8paovtgvuz3roidk1osawifikl04gmwovqwx0zxjuyxrlic9ezxzpy2vsr0ikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbhzrnsbrhgmf/s40esqbrlwjf0mekvcyluglt9stttmxvtalinx13nrxnp5ndluuihoiydywuvkshie7houonokqemxwjoknfeaveirb/o5o7y1s+mdo/ez7/+3y9wwbvj1koy0u0ymrou8nemhz6dezb/bpvqeyuxcndczosiqgfqzxp9wv1lrrpwwqusdb7nnyrdpkqudqqd2qdpix5podjki/kntw1zyqbe6k02se3uepjtvit8tzsimddnbaeavs1u5mzhjdxijviluujk2m+iot22rtj76u97rlt1ldfydc5c9q48v1a2x5g04ukbcwdhtwddtdvbpu1wm4rypfqxfy96c9h2fxkyxxq9smp0rhr+laqfa8dnt8afl4vlx7clpv+3meo1vhumgpu0deymoulenqb7gb85br9i4oeffulsma5jmwb+q8anz8c+x8c2x8diwpgqbwry2w3upliiuccdoacadfmtus1zl0/onxwaixwzxtndvrksjtf5wmu8irbfokmtfkfztlf23ipcnt4ke/2f7kkvo7frmylu12cjzry1qe06oomn5dvz8yepni9r/czt2c4yowame8bcjhyyrbipbepidty4/gtzmzxvccfk/oqpocvb2vm334udsjbrqu9oznrl5pd3ns+mzhem5kswdmtnfhf/mytjgxefdtcdsz/m2dtkwcyhqubezbvnjqk0ysyguharq4zekwqtfqlx9bqwspkx5uweuvdfhw9wogefx/pers4w8y/hvgccw3lcjr+tv+il+sl+l3983xtob7imxppmsara18zv2aw1ci4qy0yvqwpig+w2g56lwrpneiv9osv9y3h6jl2fg3zo8kc4mp8ndslcgvqxdjjya5l90wyxtfh51vl9q/puft89klnjdeyunhmkfp8nlwna/+zq2dssqvw5i2qljxroe5vd6p9aovack09prarbwox346qa+udw5yviqus22x1kfzgy5reyklxzovg38ivhv+lxmel1zq0+q9nulmmaqnfedw2cieu/8nfswmn3mvuzhn0cmvhbqplbmrvymokoduyidagb2jqcjw8ci9uexblic9gb250rgvzy3jpchrvcgovqxnjzw50idk1mgovq2fwsgvpz2h0idg0ngovrgvzy2vudcatmjy5ci9gbgfncya0ci9gb250qkjvecbbic04ocatmtk0idc3msa2otndci9gb250tmftzsavqkzsskxhizjcq2fsawjyaqovsxrhbgljqw5nbgugmaovu3rlbvygmaovtwf4v2lkdgggmti4oaovwehlawdodca2mzukl0zvbnrgawxlmia5njagmcbscj4+cmvuzg9iago4ntmgmcbvymokwya1mdcgnze1idiynia1mdcgnta3iduwnya1mdcgnta3iduwnya1mjugmza2idqymya1mjugnti1idq5ocazmdmgmjuyidqzmyazmdmgnzk5iduynyazndkgnti1iduynsa1mdcgndc5idq1myazmzugmzkxidiyosa1mjugmza1idq1nsa0ntignta3iduwnya3mtugmji5iduyosa2mtygntu3idq3msayntigodu1idu0mya1mzmgndg3xqplbmrvymokodu0idagb2jqcjw8ci9mzw5ndgggotyxidagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keafdkmfqwzaqro/6ij2mhycnz2mokqefkpy6/qbfghtbvbjr+ec/r6sufhrqqbn6m7psx/69z59if0qwaxknnp1gcaty0a2tz3v4jedt+r1vzc4mkp3hyvss5p7hqg2riprxrpykg+3exljhpwgf4icej9p9h4eqdgumd8zgri3qoniys93zxiuzqbqi+97luu/bpln/l65bbovgmtg8ktngserjiyynqlzpuvz06hty/rsvptr/jtlvjifu9wp+8fwm5w/eeitppt//umphzw5kc3ryzwftcmvuzg9iago4ntugmcbvymokndi0cmvuzg9iago4ntygmcbvymokpdwkl0xlbmd0aca5njigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggodakl0hlawdodca4maovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qaq0aaadcop6pbw8hesgmgdbgwiabawymgdbgwiabawymgdbgwiaba18da0t66gllbmrzdhjlyw0kzw5kb2jqcjg1nyawig9iagoymjqkzw5kb2jqcjg1ocawig9iago8paovtgvuz3roidk2myawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca4maovsgvpz2h0idgwci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg/qlvdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedxwmds3roawvuzhn0cmvhbqplbmrvymokodu5idagb2jqcju0cmvuzg9iago4njagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodyxidagb2jqcju0cmvuzg9iago4njigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodyzidagb2jqcju0cmvuzg9iago4njqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokody1idagb2jqcju0cmvuzg9iago4njygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokody3idagb2jqcju0cmvuzg9iago4njggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokody5idagb2jqcju0cmvuzg9iago4nzagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodcxidagb2jqcju0cmvuzg9iago4nzigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodczidagb2jqcju0cmvuzg9iago4nzqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodc1idagb2jqcju0cmvuzg9iago4nzygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodc3idagb2jqcju0cmvuzg9iago4nzggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodc5idagb2jqcju0cmvuzg9iago4odagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodgxidagb2jqcju0cmvuzg9iago4odigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodgzidagb2jqcju0cmvuzg9iago4odqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodg1idagb2jqcju0cmvuzg9iago4odygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodg3idagb2jqcju0cmvuzg9iago4odggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodg5idagb2jqcju0cmvuzg9iago4otagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodkxidagb2jqcju0cmvuzg9iago4otigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodkzidagb2jqcju0cmvuzg9iago4otqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodk1idagb2jqcju0cmvuzg9iago4otygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodk3idagb2jqcju0cmvuzg9iago4otggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodk5idagb2jqcju0cmvuzg9iago5mdagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotaxidagb2jqcju0cmvuzg9iago5mdigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotazidagb2jqcju0cmvuzg9iago5mdqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokota1idagb2jqcju0cmvuzg9iago5mdygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokota3idagb2jqcju0cmvuzg9iago5mdggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokota5idagb2jqcju0cmvuzg9iago5mtagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotexidagb2jqcju0cmvuzg9iago5mtigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotezidagb2jqcju0cmvuzg9iago5mtqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokote1idagb2jqcju0cmvuzg9iago5mtygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokote3idagb2jqcju0cmvuzg9iago5mtggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokote5idagb2jqcju0cmvuzg9iago5mjagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotixidagb2jqcju0cmvuzg9iago5mjigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotizidagb2jqcju0cmvuzg9iago5mjqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokoti1idagb2jqcju0cmvuzg9iago5mjygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokoti3idagb2jqcju0cmvuzg9iago5mjggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokoti5idagb2jqcju0cmvuzg9iago5mzagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotmxidagb2jqcju0cmvuzg9iago5mzigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotmzidagb2jqcju0cmvuzg9iago5mzqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotm1idagb2jqcju0cmvuzg9iago5mzygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotm3idagb2jqcju0cmvuzg9iago5mzggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotm5idagb2jqcju0cmvuzg9iago5ndagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotqxidagb2jqcju0cmvuzg9iago5ndigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotqzidagb2jqcju0cmvuzg9iago5ndqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotq1idagb2jqcju0cmvuzg9iago5ndygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotq3idagb2jqcju0cmvuzg9iago5ndggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotq5idagb2jqcju0cmvuzg9iago5ntagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotuxidagb2jqcju0cmvuzg9iago5ntigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotuzidagb2jqcju0cmvuzg9iago5ntqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotu1idagb2jqcju0cmvuzg9iago5ntygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotu3idagb2jqcju0cmvuzg9iago5ntggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotu5idagb2jqcjc5mgplbmrvymokotywidagb2jqcjw8ci9mzw5ndgggoty0idagugovtgvuz3romsaynzk4naovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahvfwdgxmw59sw523vflvbs7mqllerv78ww1urvtizllmzllmzldfecjtsddiqocukaeajjtpb6bbbmcsyxsuhiqggbkgcbm0jjnaapvevfm2d2zjme+30/vh/3cj/7pdnnztkz77zztjlhglbcijecidipxr5+zjpui2ci5wlg2/kltwwp3hriy0jomsfqw8pnq9b/6189jki00wnrp65ad8nkjxjcisq6qei1bvxoyir39r8xrkjbmm6vxi0m8zwapyp9zaszvq/ftvpzhkmfaxb9v9ztxd5yyz+v2kdi+21ib1g/snnt+mxsowjpuced3dcyfvqt3bitsgex9kyto5sm3v3tg0g343jg5fh8x35mrenwg0okiosrcurgsqf0czlg8ombzbe9ssc61dsbhemqriileiipeimnlbitzkslkcro3lisg2sqqljmasrjzmrc/mqk66iimkj4fqk9m5dxw5vvfr9zyfqylrzaf1erg8it5cnyw7kmxa51inxlhidfjnhynhmwvcxo+p/b45eo1xotfal35crk4pojs+mpagnqy5scw5fyqolncyzse3/9xn5fx2+dsi2parzeojxrll7a1f5oz018ijxgtpnejutlv0nblw96x3v3+jhxby+oxrzssxasrwqxgsldzat1x4ewwqplxetwkfvkg5laggorofcitrsllqmu0+dlbssbyeayhwwj28nf+g8t9nzkih3brks3kx34bye5howiu8kesjf5uupj2ymju5tcntiyj+xhy1xkllouyj5zobmcxilwu5pcq65fi31x6trjugfjder6tpoxyi3ki/qnfxy5idxebia3wb9ui7eto8ix4rdfjxd9lvdojf8r5g5yd3ygnxe7cu5r1b3ktvtjh5jhympkchlusevywi1brnhlpwlptbdbhtt58il3zk25y9ja+2anvu+dyxrvhp0um3lgxuk7mutdjplmoget7ccusjeziyxxe2rg9fl6mhuxotx4qt3fgf+3xfzjzqe7yc9hgwazo5d3lx/lnvpiqr6dfa098ov4zfzl6j5oru5r9nt8uyfl3qsc+wa5n3wtbfegyuowz3kaeq+sb6fvf4ccjg/hv/n6qujhhybfvvouto6sbdlgjqmlhyunyjis/98do4ly8flzjiwvlzi8yknyghkchvi9cgqr5vv4t+q8ibynkrmnlvi8/x3ya3jakcwofh++9sneqj+qn5kfkz+tz5b6tvn8mvlpkxfil8nl1az1c/iops8bjna2yumsocwlfg4o9m/rm9s7z/asnu6uzo72ttaw5qbgmbgg+hnt62prqqsqk4okc/jzi9lz4cyaz2w3wc1gg16n1ahvskrjfku4dtgyjwzhvzfwe3sbs4dhkdeyjwm4hkrw64vl4kf23ggoxvayhpirp1cyxkvgjktsw3a6mv6qh2wjb+nnmspbmbqwdwd6hubwydb+vte9ilzfliqzivaizwrbfkubg3e6hgyjt168+mdlchnbpj1qndsfm0ynbfnkqmeiaysk54y3haw59vqrum5l7vgj6mzsa+nydsviivic3ogwzn8onkjkksblwnfnu1yrxcu4jo57jtcfj+afonj9mi0sg46avorxjcweimsjoomg3hlw4nvxezsef26o5+36gw8ghi3nh5tb4tewbqxr7uqx0lg62xyohvwnwc2hz/4fdz0lzyszo8m2/zowg6ykk2ak0xghce4nd4j6hulsxq4bi5flsmqp9a7wdjas8ydircg6gjeg2zft4oi7nx05ii5mnj4chmvbwi3dyx8xr/bfdywlfusjzzv/2xfvno4h43jkenny1yxhrg+gm1fd2jlmg4jhmifii0ljthwtlkl5kwfuyg0zq+9avci8ke4kn3jriwmxyw5z0zegnmjzw+kupjgzxp48k17ugnphii0hwcowg2txcvconcrle28clq/6j5wrcjli7ipuaukjrfoodqxygq8m+1fap1cgb/yhegwq5hsmd4woslyk2+j5b+dr8imgvm5c3t5xwhrgtepabf1wqpllg6y1kbfsxue4ctoo2oianmqt2jg9oed9rbtdtyrlmhxbdzcqs5vactiypza1+0nwbuxnv7klp68abioum7wnfw5cff6e+pd84a3x0uyg8oito81tbvcciykh3gdyav/5pivmi6qxcas61pztra4f+rj0eid1cqn1vljyk/qcctinobaedq+g4uoxoqosczitlfbt6gt39s4cufo76sxzlkjx49x8wjyeuuyniitubb9sjsrtyppvsbcp6clk++cod4jdwyo6cfffqfbl4eqfsra9ci2jixsmxfftkednbuwgdleohio2yovbkbgja8soho3fdm5qgv5di25wmnyx4mc4b2a62llp93v9u9hxo0gx7zrxwjcp2nn4neyv6t0ao9f0lrw4aco8+pp5awmjsk3djynhs3bs4gqqwv3jlvguy2rfgizbrjqxcz1s3n8yrsgb5ahkyvdsy8coufj4ierrsnxm4nk2uu5cnornxzs8qfygh/lwowkqh1uck1jz7blcfxb4khuu4kft4h+n03a9iuvh+qnu0pjihvboy9wybmt5dsy/gedrwl423binhgrjjcemhrwoi07b5qainw7co2zm+6xs4njexlyb0bn/2cequsriyofaxb/fokdo7ks5nozhzlffdywfyfdb+thvwc/swd6iviauicidct2uoe9easvalxoyo+kk5wgbnkby/gek4gcg44nr9quda9gdbyo2ogkp16lz+txvefzfrymhhefs5tgogjdkx81ij3sjfqm8x48kvgwbl9via8kdlw/j0plhifparzb3wdv5ldwwdkpokekikjkqwobphisswnk20wyi6wtxqfxj2liic+kfdhbgyzvxulcnc+c7bxej7igyxztje2adhopg94j/v+pmwdgn2wv6x8jc8e6ernbtyldpcthuzu4yqfdn5xure64wj+naumywxa5xmudqwc1nslucpw9s4shwjswcij+c/dabhjhjev9jodyzppj5jpiiaeg+7vo5zix74egd+t+fwo2lm08yu0qwbwmnvkqnvejw+qwsqgssl2tid5lffj1bzhqufp619jfh3m3nuglt92gtkuiqzspilnkmmfulmu+kpjaet1robpdthwo04hid9gzjig3nxj/3xng51886aoro0qlx3nz9tdv7z9lrisrefphnkmjqd9kvucysvuvshdmlpyqcsgvzwwm9vfeecwdajcwvvlkqxi4rzzbkloq59rjlu/mfzxbks89pph3hhvll6oxuq8usuutppkfb9gxb36ls6yxpwlmrkdu6bw5vy2bxupbm32jt6w5pukonc6r73ol27bnfqi2ffkc2fnqkwvfpbbkmbnfdlvxlg05satrjgb6uaxwhjvlwp01ldnrshp3wytflni8+d5u7jv0jze3m1zrxaxtsmjlxnsqkzod9lh1li3xrsym3j9lod/i9y1af/3lmrpbfj5kufvuyefw9qqwrdx8twso+qvmtzj7v43qangakaefr/xwy88wzdltozsj7sb10uqq422xhzitxdkjxjw3etod2zcbi3faqk6twuwjld3fs++mnpx13/gj/9dqfrx6dwlbpjdpl6ezns+ffskkqyvlni3q29pzbtqanfmlmc1hcetn+efe//7wvf3zksts4zw9xpjpcau59tlfoy1vp79n95p6zkakixp6h1p2hiu/ognqfpyk5jxq8s71hvdjj1h+s1f9h1b/8l1z/5tjqtx6t7mqwceqem/yybhpv/ashgrzfev1liodqu970dl5vyu0hdk5qii/tpdo7q96ukeuxqjnp1wqtsaf6jvc4lbqj7ksthv9pjw/fbmp1m+olc3gxt6jiuojzpszvekzcomk4qbbyg8px3gdqmgspzwsvmewgh9rtyenjgmwoadcgggyfihhyhcjeqvgkq1bwza/r5zux+uoknyhc3kc/o1+pvuodw1tjl0ptxkxwr9rezumvhblxzcgqk7oxxvdnmlxizpfzanh+3hcsp2rixlpg0t2ydguiolcgxrty6qtxmtnotne5m1xgabyn6lzbff/qqc33rw4wz/n0dieaxmvmdurs1lv9ttn506369datqsur4alodoeeivuptmsypeb6p1sgp5axlcwod6a7yvuj2vzlhg0rsto5ozzhk7rx6vd9kmafkpvjtlurml2qmigqxqsye3kxjpma7mzeuaqjrmiwj1ixo1jpghbypzfwabujukc3xwgs5p0xro2phhq9sxoy6dj0tkb0i1jhvudnjdjbflfjkqvl8iw2c5v6vbky6zhadnnr9hhoesqnekep1mturo0rkym15dkqdrgl6ufvbdu7qynmy/k81fkym7vr66yccopimmb5qa5rm0u3fq55tkpd2c3fal7egia5dsqv3maijeulgslnfj1pxodzamrzxd1/y9pmvbnrxzbo9fkl47/pspev7f7j1wrgu0n1cxsftu58ir8mu2as0ro+gazjs6ovndoortrjnwurpqswdoav2ynhyw8nc0j7xklhmf01jjgaeyy918s61tlsdk73ludytnr2oopozpwqdn67qiwas74wyoh3zzxerbu/tfq4klnorcahfixorfeptjvt7lpp756s5jkdpc3p5igr9ugjlj44kzfipyflgm7isac1mdby1cgb9d5ye/ppoetj5cxhym1wg+0uh6mfxiwkj8dkqikwxyk1rliocn6brvcfcqlj4+yc2jfjf3pzvc+qclu5vheqnjjywl5eohpagpxhrm9n0sxmvfq7hz0zxjx1qehrw9kg7jt25kgblwyj2ho6umsopoh3yvi40rjehw3ibcrsuce4aziyivjconfkkkrsuqcwx15pwwllldxgs/onbix1n/e2be0tqn/2rtv7pcwzamamdjsydca9sutvnl+yfosaezh7b2he0rgyndnz4wyfyatrmewlg1qzw1fo7n7umd1apqfcnx5o19lsrcnpqef0z37/vnmnvqunea19jdhzhn0pwb6/um/g7vemcuujcj6gugxshcdvmyubls7f0orfksforzg/o+qawanbliiyfoiy/hplno+osyaynrgnlruhlbp4jkofjxt6w23dnzbh1t0ejoqviz4hmcwhjywy1yyuj2jbs4xkfzox287hc23sgfq7b/aql+rfls2/asja0dqao3p43a40h0brdppsgg5dbld7e+6y6xbkpuwunx8l1sdacpr3nnupvkxqt7y/fkwrpvkbtwhup1ih/qurlf6hj3n/zkso22zdht/ectmkgy5pjaxjh/owtf++w+ljc2gzopwsbtlrj6ax3sucevgnzi02mh2hougomxsogjxeblagbiufbcdvshnyxirjzfxkozautwixg7k9kdvgpepotvnpjazn6s3tjfljvhnud8odezhkhvmofg6iw+40emppfxrsfy8lz2jwpz+gy0fjru2z3jvqnhlhamxmzycgo73nft69rnkyrtnt+2t37a/fhqbxzg+imlg4v8+eyjenzkc7yrupbb/yqv11ttrmn8xpc+qeqrmhew8vuhwgmhun65zpzjegyze7sfcfwszmuligoy4a/twsh9awsa7gbmpump+oye5s8zjf8xzsxk1wldqwwdgwwjhjyufpiuzsbmeo1vit41dz0dxvcv8nurvqmkvh3c1ck+jqgb65wzj+pxju5crgajdegj/0kxnxe8rup0q+s2tpc7gjwtuhrcuvx5bbuuzmpbmvj2ldaezv+gea9jy3wifguzndm2ktosnchxb0zo+5/oiyby9f0dbsjbm1zjazmgvptcb7lu2jnv82cm9qkkhfya8h2osqylsuuyopx6yvvtzubqyunaxhoyowk9mzysdy0jpp7jxpdjmvrdl4w8epnefvj0psevgi63hlqqt7gruvu9i4dczdnipzmbtk/9eb1u0q6zskpq+iklva0aurtt+7w5znfsmifzdncbghzitbvewettlxotzdepkiipropjpwaipjoa+ej3bsspftqzhukx/kstmxygjd1btb0vfk0ho1sirrjzxzn8c2prildvrme5evvx244ah5kh0zftdnspkue+raob/qnerwwliczqfvzezxoet3je3advlsluatxx1wxnzbyfdofbmhjdl4dnoveifmacsshhvrhern8zm/gseykzelqhnjweow88ogiejp2wmtz8ccnjvtzjacrwxljzwtbg9229rhubjsgld/6okyzca7hs3dzfkej8vd3erkhiwmzbaq7pxhd1femuorpktuap1g687i82exby3p6ox6tcp6ra4bchmr3x6btywasz/cvr4z3jhl0slqq9nrueunel9zb+0yrt3vmrx87m+yb6vypft2b7ocqxbt0jkr5+ezrsanf9io8v2wwxxsfzwqclcawp3mpirbmvdnwvfxq/nsq1u46gxne153srvszxgv0wxoll1z+ukbpvhinz/6vnj5mpx/xlmvj85u+x5roumnnrzxfhvq5xtat7kby247ky6jik9bcnvqanvfjtciu609mmqmkijqq3pgllhxlpk5vv9oieghq/rzvfqt1qazmawwkgkltpjf31qpwr6jzpborjmnwkbrcjiuj46awgfkcmxyzgmzzuiaibmx9stay9praz0fz9paoonprkddo4suungapj75qtjip5esa2xviubs89oef2t2mxhx84ws3ic5p/qmmnhxh7kolpmbna79vh3cbesxkmeytlks0we1xvyodnhhdp2dtc0duj+xozxd+lzluyc7za1ficwgm/kkpg0ryuly4re4jtum13fo9bsxtgggld6kfyn73lhhakneofdbfi70tjtfr8ng3fviq/yk8vvla+ufk3qs9jes52nur0ebi+ttogsrtqdnsbvbyhrgjj5i8y6wethbbzzkdjvoz0pgzfyh7z7tv1ml5tktlkuvda/onadizoicmq3fry0ruleehsthicmd7csggjacnjato2yez1ultxj1529mfw+73cpv8jvt26cfg39d3bno18hzbjab1ms4y+zpz1/i041o2zlo9htuw1oen2jujjmi7uwu/7ay5h+sj6nhezy8bsm5goyghm9yzi9mcvwy1gf/gx2ybu7xylmahqafrzr2dwjzkgpbqofpua51wi8np5uohzhvtdzv8m6s/hptprmf5rc9shn9owx5tlbjsksonduqvb740u68tgc12e3j46ndxw1f3tffje1f3r6lve8e83z6ky7ugq33y9vcgawfrbn29uwnexyfgefcyscfzgzw1w/ql8modzah6qvlulk682cmr7khgnt2zsvq60lj7y9efazuyb1cgahqp7ektkhsprtk5bpnnqux1/m4cgjrh3sxhywllxxvkkftnml4ceabfeijpcydrvgn61vedcmb4o1sjdky0cqodfrgdsxayjhesprdykxzoqazqzwlw8qfb6aayeu6nzizgedkeg1xjnoa7fl+jlbx9spkpepi96ibkdm9x2fhcf2ezt4rnfoxawy7qwph7u7qzesrrd1lmrmg+s9dj2lm1flfv8emldeoslh5suxj9kqlsccritefaajpdm8myx5mdfqrrnhastuvtok+scu+rutdcp7hpc0kjbi5pdzjs8dkeatmjnxdti8aajh4d2cm1h9psxuo9nnpbdq5nunoztjio8u4ygajuz1sd4y5i/yq1n/eam78utoow6qj5cvyxgfipjyw107lqwhot/0eth05ut1maqikesw0joagpzigpq8mohdkhbf8luvbshr1lhlcysgk05ssjynpgmdftgclwibmdqmegglcqsrdwpnpvod2plxahutg/u2lmklfjfxg3di3loumaj5z9zwpgxfsidhmbpt4udrasj0eey/omznqd/usmverpm8tok/nsmn0pws69wbr+gn0g9moll1lrvlppxg3/7trfpycvdhg1suyuuhnptv4y+pzdmxkukyfpqh1sjmbxjs9q43k3pxsmxc6loqzfqhbqwpz9sbo89fxg61vaerkc//hlv331pxsxpneo9l26ucxl5xd3o35htz8nzp1w4jnakldot72uwkubz3se5v7unox4q3cabswsihrenvghgfonpfryveqwofmg1zk52yzjbnzynbam6ceaxmlqlpwnsouddji7aoyjodx+hfci41qel2dwozoyuaznfwtbdudbd2tqqeewek3mmnxjhdmmdtjbnyxgegyv0zpc2xjfugg+lemzg9x88ghjivq53kacepc+c2fnvtb2pilntctj7+psgbbzdzronk8nnsbtvvgjurb5mjbqw9xw9acizscky0ihws+f1n+pqfbhky4kd6o29e/o7vozm5j8zqnqk43glhxjfletgepus1m5w3igjizhhwdtmmnzptlhkd+sj3rxfwzrrbw4tgyjzo8octxga53ihmqwtiogqo6p6vkdqjjs/fymijhk9ulsxv/d9a+0ljulwzlk2a8s+f/epyvmbvmnmz8xcjs7f06boqkoerbsbsgpjrrohl2gjhtiilgddsipdnkmifrdgysmags+cbycv5gzywkhid5m9jckkpiqa0utophygzzstwyi+1vujjvxi9jbrzde8jkejahovlgke1yozg5lplbgtdauni7xckcrazkj1g1ifmg2maqs3p59dqt392y8zsbkmu2prqvxpwwv37t7i41zsf/w9rz7wubg/spg05e1dw47/gwccd4t8dly2rkl17w03nzse35kstgm0pjt8m/gm3yxs4btpctqjqkqzfy6aasryrycmvh0isxflv5no6yoenjm2j8r+c/7un02gz/4t7o+c2v89s4/z54u794g+ewjbnnm2nzimddxvxuv0ob193tw7dsinvgkvo2cvpzmnc11q9wpdj3ln7i8jzbznl4vf7s3qjeqqetzxs1s6bv57m7rziyvexsfdodeu0l41/bm+mve5gvkf1nehd2kiplj2+qobfr0khgxtzgbiwm2lhvzczykbigfmich2fuqljhw+yyptozsbqdhw62clbcmdkmcaeyuq/f5oj/yubdjakrhpq0ep3om57ltimuqa1psyqsf7jn1takm0nz6savtovlngy7xq/xuqq7q87fxbb1vutcxtmcy5v1bopeklwn9k6clz5dntviczftuvdd1+yu/v1hutqzk1uek46ipnetwkeoob5kgt1dyxsjmwp01vggqzsr1orna4ofzf/8loz4wczys17kf4z+s3mwyuccmglix1tgvcyc6zwyjpgku+frvyy/2+fyh+2b7hkvvcrumf7bmx51xqfnbb5nceoetddgtj5ko2ttoll0ykz9uxkzh+9ikduqkthh+npaqk0y/flnxbrpubill80qxtbs7dgoneatmdowv3pac6k/jzanvzewkzd399ys9to8nxzemp5q6dmro4qmxflcubg5/x2xhgppwycw96a4sglovjvwh/q7wpxzkflcqga0fv70ipgofjpdbtnzptz7ik3rsfe4w8vporw5wcxp0+cx/wtn/e1ar/ouqswlj+cre7iatqfmptbsclbaaqxemovhxalmhiavuebsud3dfnbbxojl7fgtsq969gwl4gv8e6z0zgm+nzhcxx5+lfofy1fpvc4wzcv0tmibuc/qypv1e8v8+i22jmdqs6rnm5xm0qn1atwiqctdvjvxxwtjmjhb6i3/tv0krta3xmvgjfpcm8bchvkrsmdmminrnbpd00fhoxkzufs6j2mmusi6s90wpvtx0e5i237zpxq+7xcg+zs0qps1n/myhfsytntjph918hbcwyjdund+d6aqv5xhwejvtceoxhjrlap+stxke/7uz+6c7hfuqwvmkh1yzfx5o6cut7g9uvkjjpw3yke0nbpzwc/kyb0ohz0iy1hmwdmsl+wg/o/yebni9lkw4hngj5rwzgsby7icium9nghj6z0fhtlgduohplzq8xumleqjwdzkt7pgasy2tcd3su3knl9l1wqgtkod6w5vul3tc4cypgtdfgplw9rexl+7bvumbjdcpzln2te/a/qqa5djmwimdo4fs5c2zq/0s9tfdvoftkxdd8m++et3j0l4ammum8igdowzo0azumigypilfwelkvzfvzj2iwmri5m243iscgwqmfew0xwbzvxtzfxkzmikwzk0xgrdigafafdjddksim2x0otdnmq2cfv2d3soimif1nsxpqjdclswsoothzd7xsyea4ryo0lg1a4jhwzgx2x5qqjdynwgojte/le2mvaorjgortkeqtv5sdb5oairga/tw+xko6w8m0qynh5gzu7nzcjitbgoxp9tqanogfcmh5161bhk/ltcdrnfm2hxyveo9aat9rnvgy06pku3goqfjodexpjpwof+xkrjjp1jj81gscd+uqd2rpj4rh0f7n1cxj9j2hckz6byeb6cz67vtipxdignhggkscmbgsmgkxsak0zzvtrpprv1tk6w1hxq6fl4crkp4m3j/rzgeksbjccuymm4qqytgcfwjlfhyrktmzuucsycdbbzto22/tavlebwtnvkori7am/kp/nswd4bo2xot/uq/b35ugtyvd1kdpgvs+xq6yagm7alt7hi9zjiwuysgjujpkmxqew+fpdztlj4qi62ci4w+ht7q69qqcc/lm3e3izatbst/kqkhzhnqxkzgrykxj9wq1jssmt06orfs9kpjl0djh9w6ksxjfqshkfaqt68nclfo3vzzzeldinef27r+uayurr6i9oi69bzqxo92sim4qfl9xm+kzj0mipskof+0yx2kikxxuzbelregkyhcxd1hdqhz3wustxhvcnawpqjkuwheuaq03cyshome1odppvgagzcp42sqyzgkuk8jrdrnt4hluusvngdlo/+w6quwzz9yx/zhuu5jx7zyyo5i5hkkkrxqezrej2kb3s8slvcphpmbdlcbqpqlzdvrndmwnq2neqpb/xdhxxmbnpdlopqzpmqgz3gt892sprxj/mttpmay24thr3/kkhwm5wweoi+ahgavblgob0/smedzjxrzr1fosqozip3wdzzzo5j4kdlk1dpkj/n81ofsij20yil0ill6gkqm5tuptkuanbdcg10pbichyyu1wzsxz4bycbxgi6lajivyl03jpn98spnjjjdi+xjstiyp7ir6hfppbkdmpls1kbd0uzr2+txp3s2riymtjdetan8kcaeguzlsmvgh7hz1saxhdaohaz5sdtnucs6q/lcofss06hmu67ol/ini/mesg9lxo/rupbsl7t5ueyvm/ca4vuzin18t3jy94f2it2e8soqm8nnnfgj8jc7jz6kg8gb+l0g71h2iscpr9hqublcfk4tfzpt/e/zrtpqvd+9kgf9w1fhc8ds2kkps4xsdpxujou40rrp4me45hpn+d2e+e2wx/5socm+vssbh3ofhvor6cc5gyfijenjt1vizzxjd9k/q6/d7ydlxtwy81mztrdl5bup2r0wxkkaijcjqydettxy03f44t64pbhyocxmdfu8knk/lr1aukhnlekpjlsnsa6cw50wqjlbrvw2ni83zsaplz07pvjsy+mlf2qyg9usnsdx/ukv1zzvfvxxl6zce1rwh7wxyuq2c/f0fu4prmpoegcfszb2kpmxxo+wv1ic2mi5xxor5vz8hqol/czz/garhll+paoixmqj8cwx1+ogb6vv91bkjrwdlzpupurfs5ysuum2nk8blz9iq7zlkztfe+uxk/gusfib7aaf0adffok++kzehrepnbrvmfhz8iolmf94uh3e3lw7oxssdciueq1sz3anjw5vocsbafmdlw+gwq20yuxqirlmawmmxrv0bqxtqqc1ftraqstw4fesx4oolgvemdnbmjqby5bie8xu/joyaqlt7urxstqcv1stzshmmeo+ql6a3exn7r0dehf9fuhnjaiqcy5fyakjtslebskszjnw9lrdbznu7edwfcmnh/kt5ese2ny7z/gmbjujcpaobzzkd8fylvqvrlhxzoxu9psxbzxy6sye+svrbhqmpoytxniy3dnskbpqwniqw1kftr/rf88lhbmd6w7ev6tvo3dft2q63uowmq1oiypvprpyld0hvr3ymugz1oxeo1y7tdhl7a04ln14tufx7yg6gjkl2z6mdmfhoyq00ctokko2icizwuo0/hhw8bvmsbxfsjxykamillogngnyfcom23ywx2fn1eglxxuuwdbxu3peypow4jepjzbiylx6qk4y+uvqii7mjkm+wgqgnzybwrbncfar4cowvcvlq9kexz2oavs5mznjtqx+tgrceuzfy6yrzzf6qwmupfhfmwun2oqwobfy8lqrtxszsdo1fuoilknmkrwhzlmr4eqnznxsbhzddruz1axnugzbzk06c/zxk1sicbj2wxclgeryoxcq3y3gn8x7ld09vndqfkkv7/dj2tt76urmtwxy5om3stkjlhjouik/nn3zaxetuhtdbw7xhpbpi2ohkuwhvi67csifvdbqtrer55x06r6kdrv9nqumj66bltmyqrlh6yzalvccujx2z7t8yeg0utt7zqyc35uzaoldxnm8y6csqhddq9mser3bcgf/umnptobilgx9ou3tawll+87dv9g1c0youn/ykt+y9il003b40o/gs0481x83lvk5zalsstmfpdypwdbzjgi6zduj7be62braxrrp5wpqcym9zrvks8agczi0pljzpwurcwhw2yyiy84ahjmkynpdel/ygsmy2/cj6xfgkwg2qslktbypvieoomqppcfj90bxuzx4jg5iwpuyqufvehmue7bsyfdai430tjcx2omnusvift2ia/xnaouxpsiof9ack2+tquqffa2px7rrwzxr4nxxa7vbcys/or2nuh/tde/gznh26v4zut69dpd2fx0dwfdtd++97uofhxr5ysx9vslzrn9i3c0/pvcb1brky5wwbiupo+peo/bi91f/gmvkyqbz6tqrjyb9ncuvzqxqciz4l81ttgydbgkddocni8zgxzqw45i8tjlaebbiuovhf7biurcypmpjb3bamnzsjj+rfrqxmfdcj1jpwwclj03jp8uwbujd+djjxryx7mslda3hwnpzsldvhtxmg4flg85h8ovwjz7bc0n+qkh0gcw2hc8tuigvzdfzl9fztronn7fwzfo46sb7h3jj7h6naa+blnaajbon3r2jlk/ym15zy9ttasqtw+faykzzrs6ivzezxqutldxpslxr5vdun6jmgv67z2bspcwr8g4ixtx49ea9mmtd3vjdzlzbe8iz39ti5rxkgs2geelshrbjhlwgohj1sa1upfzh5pawq3ngio+wzem/upo0ds1j0n5ihllghipmgdpcg4326ppgsayowphomudt2gfddmousbeibfaaikbsmfvm9axzscujlachzo8vma9bmn3ujtvnzpzqki8m3qxww/xnkixuq1y2we2fllht40irmfouvgkhwayklz776gyvqltyw1chp+2qjwekmp3vqo504c1mrs3d48rwes3uspiwncui0z7azmzctj0jw43nhos7k+yrwlyrpx73jue2vkr3yoenklwic7fafgnufrkb2kdiacwxf9ishuxwwqy/jyrdspjdssakiphhvl9k1iwfvpww8duxcipe2diohtxitlb42zl8n00508/oxan0xwn9spwjyvwexr4vakgzw5joc1b8hxwq5kqzwopiugwdw5b1f9vrxzmrwzipanx2orshl/0zy4aovvy/b4pqjj4pkskowr6v19j4np2ykmdnhp0eee+vh+3iwxp487e+gtcwpacsepk7dvjypgdhi8nsbx72feezurcxss83ohujwc31275z0czna7vwnua2mpuvfrubg1c0z0b7lunzjbbsaoww/ebgnr05qew9fbuj3augtnzahnbz278xtvcarqxb+ov1trvnfnatgzeurhknbywwv7o7ky2yhcys7y+tgohlooo4nslwbwzsscq3oziqzg2rrx6p1wu3onhohfo2t81y01tjllqvc1j8l8a67jd4l30aitonsvq2ac6gofk0k4dmrwh2go34avgjudk+mu2leq+nugnersm2bedtldxnutgon00ztsucpf4vehwqhhbgsixtig/je2g7t1oh3nge+cywjhi21v1szjdsbdpjxgysg5te2x7hc705rmwjfv4je551p/akwmyawypvcvgov1bpyfu0zlmzqnmn7hvftkyjpuxsawly6rdn7itg8ci5e1ucvxiiyxvkclumb8olylneixkrq0o8pkw08tawdcm/ddluew+zn3vxzdnjlm7q0hfuzoz8jfbjhu0wu3v869l4ivog3rskjl8ndtuotwpl8dkzurxm2ygtf/yyhln/2q/d0jvnajfeom+nos/dgxeh68ntmxnofc2pvb4qyurmuqzmmvqvjevg944b0qoq2mvputb+loyzy3pgrmv26cbs/avyatozcdozclrs5djzl0t/dl+cqtcwse6gvmpv4+eradqjntnzon3oovkxu37tp4lsxwj1fq/vgs4zhj1t9nct2l5k9pntqy/y7spny+x7vr/wdcx57qgs2uzoriyw4fe33sbma1l5jtydr9dnxzev0opfbshjek1hwtua9qznvyu5vxvmzxiippkc6dimndwgdjng08mdxrsf2fhd711938zae4rpyrknoux+uw7vdgebv3xwl20imfkzjwsoqecyzmodv10tvywcrounxppe0sdpmo2xox8cge0d5owtejf87zjbhqlddhsmimacy/hrkc07ltt8eyy3rwdrbcowhdw6ezanncws7cyw8ixgowxk24hb0xpwrjnl42rsxpfpd4itcsqe9xvlyotnqmxgasspebtgncfvpilmc6vt+dwky6m9xsmx3ehk8htwdmzxz36sngxpttnvuna/abtledkiq/wa8uk11zuvmhnbrgb999yttqfaynflh1jcro3qtcpdn2l59dmtvs9rznjk6mzncmjswrmvxz7jnqnsmqt7ssoa5qgmh8wkktwzc+yv0mlqmqfsvk2l0iibnqnued8eg0ozbhwyly8n6btkae1jr8maejmk1zngphy8mw2xbpehjthsemgelwyom6+ty6mhtgw/f3ow8wb7ha2sa61bwsdnyy9vtirglexzenr1qtcorfzhtd54su6olk8w2tjaxktgdgdvwewvl+grwbl5vb8rnswer1zwokzqyvvxprmqc5+pvsopuip7d397u7r3zr4l5jlqjlkz5panxdeql1xcnrzu1sgc0rx3b+nduziwyz+s2tjcmhnxxvpk9clgruulx+y9dm91q+umnocjkopjtaitdmvxvgcwb4rrvl7fn/+rf7fm9aw/+pxwa0fwfrfnxlfrt6w5m024yz7qifelueko5vlzzszhihkgwwpnowldhwjt8bh1zzjcbcy/wvt0i9ha+q9zygx0ek95pdhm1ovao1y3bklnf3xmviiwer0tvjkdlg/znogkznyygjm29ewblc1cshdox56f5zwldnvul6hnt6vuq25evohoqotjfwuia+jveyo6au+c5j0ktizaldid9mdo7trbpiioo7opsrg2uaiyjuukj3cnladmnumy1rzxmsvjn8r4bqy1xe13u/0mwaft67wyzoxnn70ol+tqls4j69/te6+qn+e7c/c01ia/kakw2daxfr8sotxorz9x9qukf8u+xgqd/k+sokmgic+c/enrgie6xrfin6quq1op+/ifnke9+9xvcdhm+qxk/hr9o8qvkgcvqlrzuo2fe6jqjiosijykezk8pbogd8l/ilb5v2sxqpwckperhebh+vmyhleuslxtgbmkwz5nkthx+hk5uv6gwoc0k8ghlqeqvs45jp0e54dir/qwcam2j1fobpo/rjlvy6rc3khy5htijq5bjdw5u9pkwqt15epgf+7timau0a48dgwbvghfwcjaji8hwjm50tditxr0ogvxbuft7ip30sbdj6vkp8tvgr2u2qlwqe/s1gu+r+3ufqt7k36t/g+gfybvg+83vzpomxebx7lczfvzs6xfsu2z/zf9mue742hhc45/oh3ozc6ea9h9lafw84h3ft9vkd2puqoh9tupcf86/5j/gzqvvo21usx+eocaf8vdixawyf8ywybhh/7gkeo5svfxgvgp/okjaqs3ts7t7g6lno2sw7nsy5qexsbq8orjeh/thlhcimueufsia0lsf2kfehuf2cpebif2cxgjeduf2chexujsf2kbefuf2czejie2crfbipvcrbpiiihwcrfginvcrbjiprcjqqwqyrkqy4qyewjyikvclbfisijfqiwsyqeqg0imclfaiplc9asxt4g+ieyk0svehcfmczflib4huoxoeqjtia4h2ovoe6jvibyhmovoeqjrijlcxiroekjeiblctbeitohaiwqeqbaisohkisqekbeitihsiuqekbaisihciqqeybciksq0ifkeybuir4iienlczakrfijtijaqqsecqmqiks5emhb+ivkfsbhcj4rxci8qbifcqjifcahhf8imhfuiixbmiuxcgiuwckexqieevginegohveliqkhcucfiutajicafocfez0j8ksqnqnwsxedcfcjev4t4pxd/eolvqnwgxptcvcfe34t4qxbnhfileh8w4l0h3hhibsheeujpqvxrid8i8xsh/kuin4v4q4jfcfg6ek8j8aoqvxxin0l8wohxhhhzijee+juqlwrxsyfeeoixqjwvxm+fee6im0l8tiifcvetiz4v4sdc/eiihwrxjbcnhfiben8x4mkhtgnxlbdfe+jjiz4q4nehhhpipbbjqpwq4lehhhhiubdhhegicvsiubbhhhhyio8k8zaqh4x4jhdffujbqjwoxancffoi+4x4hhd3cff1ie4v4h4h7hbia0lcjcrxhfikeiee+liqdwpxhxc3c3gbelckcysqnwtxkxa3cveliw4q4nohrhpiobdxcngnefclczuqvwpxhrcxc3gzejckcuci/ulse2kvehue2c3elieuewknedueufii7ujse2krefue2czejie2crfbipvcrbpiiihwcrfginvcrbjiprcjqqwqyrkqy4qyewjyikvclbfisijfqiwsyqeqg0imclfaiplc9asxt4g+ieykmuei2ulmeqjbic4hooxoekjdidyhwovoeajzikzjblamwxmioz6aoxmiww26jkcutwtuinwap/zz2pfimcfzl0/t4bsb0y5olytsz6lizkr6e2ghp4s5befhtvhuvk5beobmrhojttjeasondbziek7rof2usgtbybwc1nbazwkvp5wjtgyugewpfzywc1rgayttmkelnjbw84z4ajgnrzwwchrknmbpaaf5npo5zepux2kup15oczjn5jsluw+nbk5dndot/g7uoynte8lfivqbp9aevwuplos/g9tmqyltiz82k58x49taz6vnniptdf6yjlmtp72guzwnkk6vncr4xco5lfgrlhiq4vtml1beqzcfv8apn1ou0zroezxyoexws0c4zfnrznekc8rklw5xcvlzapwyokvzsupk55sasj0fy6vw8ivszypl5ethmw5olp7p5otgzofhbjyspnpcyczjxi8zork46fkxhsctj00izq6+xz1i6qwpomk8u+ipyokorcc4jstf6dme+oztp5w+4cc+5qmpoh3i6v+c/pnwzcovcf0j4esd/z2npud0pqf3+lg/8drfoz3l9bd+7m+c3uwz73b6m9nbnp7ei/yrp/7au7/nqf/i9cann/ix33f6nwe+xulvtr/l9bte5nc89qqnlxpebajkswnvfncvol3im3/j6qvov+d0pc/yc07p8cwznh7g6aecfsklpmvpxzzzr5x+yokztqc5/ycx/d5ppc3pfken+lhvcxqszz7b6xfoj3e6ywmmlzzbu49yeottcu7hep4gvdqr8cwcheuu53se08ocvsvpiu6hox0n4uhup9/mv/kwpwf5sqc4fzpt/zy+wek+tl/ndc+ne/jf7uzx+rqnu/ixr3l6cqddnl7mt7itp+7gddun2/ixw/lvbuf0mz92e6cbox2j0w2cruclr+opg5yu5xqnp6s5xzvwj6duvybcy0bxclo84v6j1gwclk24+5e6khbjskh7e+5k0d5oe/npe/h5uzntsrhxomgl/psdnhzwupjtdk7bog3ll97ct9/mavpcvrxx2cgvtogxxm9phaelok3ltiaft5rtkn5nk/npo5xw8jllos3jnmjpmnnstkt4pyf4ns3mtihxeig/9cd/ogfoc/jtzudf1m+vmo9th6e5nhotrhgqnifhymadnxcxdjsr4boc1jnwfyc6ezeutp0jfyystion2jm18czwhgsfjrukxfedmhou/acmhosaqdhhaaxn5btj1mcppuhavido4knpcfsgunwcahn21o9qofun7g1ivsxsa6dkhh0hqiifk+dulrdni7oulyxj2fnfihn2fpckobxy0wv4n+rzivklteouxy+wyymhu4rtdslorjtfkcyvmcmvgeixc/krbdhl8ppsoavx8nnk5zsssa3hmr6ebqnim7atbxk4utm5odk5ofgjdn6cjwdaovk4mtmzeekjl2ngmxpook5athpeus1lqnimzenirdmr2ir1wybh3lo8cm66ivaz9kfaj8dhypsier8c/wl+cfwd+x8hpscx95f+d/gb8ffglpl/avwzx95f+h3gbeat4e+wvye/wlyh/gd8hvgv4e3kvqh+hfa68brsr4j/c/wg+dxwivmiwmvmksbl4f+z1wveneccvwregp6forp4hvg58byon0hez8zraz+f/gn0s9a/nq8n/mi8jvbd8+ram+zvgdm49we43vebp4hyxcl8pgv8d3jstdnwhgll4hht1sbjpm2bk8aycal5jwkp4nhxhdugvarwfigdr4yxbb427gp817gn8jbxb+cwcv/go8c3gw8bdwipan80fgtub38dua/nfb18r/giwd3qd0n/dbgl+qu41ldwruo41perdydwb3a7cbtwk3alzrsz17vjmctwo2f24eugvyebdn8mxg94mhclnb24qq4oxe6ra5f1h+i/9pcb/v39e/v3hd7bb9xljxv9e7v27t57eo9v98z6niy9/bv6dx/e1x9j/47+nyd39f98ehu/artr+7bt8j+208pbafn2wrydsms7bxtwu2za1r+lf+vhlf1ky5wtb7bet6jq4lve2ckrlrrvnz06tswf0coesu7zyra1bu7f2l/p8mb+dsvx96/fba2pxtw/+vcq/pxvk/phd6/ox169rh+kerh/afvq/5ldq/2lqxf2lzq8sh+weqb/acrpr57x3394xn9fdw//3mo9/borz/xpqn5pdvd/9+gu/s7q9v6ow+39bdwt/s2omkmzpqxtzdwlphwblyy7wz9bbsz2x/xv+n/zq4g/7j/llx3w1ecqlgdnou2zu+jglp0pn6bivt/pfvlml5ffavx+3ps779+8kmfmm1fysjw2t9ajkw+rpt3zwn2oerqaozdukhxt8yqjrvy3tbodbqkl4kbe/ob9pbvsfsr2c5tktvkrdciqxawobruelbl7mldimutjvavvhdbl7gpclhtizuswm88xzznxajugjfj/g3g2uyozg5pay8ac4lyi48krjdqgktltv+puhwivn0aw+6ucln50df5fnno1pinzu+k6oyvi9jp4dh/7jpuujguuwr83xbho4cilxxre35ftmhd3st/kq6svvoegkt7yfu/vg0ji996b3jjyft/adcym6ammcyomrpds3b41gt22bb9ltm6lkv+qottzcj84gh9btyhn/gmhpfmqjyvx7z+8gmot3yof5tjicp730v9lcuj/kvv8h3ybrwn7u9mzj6qryarpcuay4flgalaf2afsbfyau4fdwcxatmahcdgwhdggbau2a5uajcagyd2wdrgiwausavydq4cvwciwasd/zkpc//hdgggggaxaemaiwawsahycg8aasacyd/qd84a+yc7qc8wbzgozgb6gg+gcooeoob1oa1qbfqazaaiagzladgga6oezap4ullqh1ai1qdvqbvqcfua5uaauaivamvaefaifqd4qbaybeuaukaneggwgcwgdmuaicaibianib9iap5akpaa+wat4adfgapyaa7adnsakwaazyakmgahqazpac2ganacaoyfpgzaachcygikpjgpngm+at4fpgi+bj4apgx8b/wt+afwd+ab4h3gp+bvwv+as8bfgz8c7wdva28bbwj+apwj/ah4p/bfwjvag8dvgdea14fxgt8bvgf8drwavay8bvwjebh4jvad8ange+dnwhhag+bnwu+anwlpaj4efat8engfoaz8avg88dzwcngk+bzwjpae8djwgnatggbpao8ajwhhggjaajgjx4ajwmpbd4chgmpad4nvat4ahgqeabwl3a98a7go+dtwl3apcdxwnuav4kvav4bdwzebo4a7gdua24fbgfubm4cbgrublwa3a9cb1wehgwuaa4grgkubksmlmaxof1oxazcclwafgp7ap2avsaxydu4blgj3adubiyduwddgkbae2a5uajcagyd2wdrgiwausavydq4cvwciwalgolangggfgkbaegaiwa4uahcagmaasaoyd/ca8oa+yc8wbzgozgg6gc+geoob2oa1obvqazqcjrpgfhkl/n9za4p+gm/wffi++puvi/whsx6mrzw5kc3ryzwftcmvuzg9iago5njegmcbvymokmja3cmvuzg9iago5njigmcbvymokntekzw5kb2jqcjk2myawig9iago1mqplbmrvymokoty0idagb2jqcje1odaxcmvuzg9iago3odkgmcbvymogpdwkl0zvbnqgpdwgl0y0msa2idaguiavrjqyidkgmcbsic9gmzmgmjqgmcbsid4+ci9yt2jqzwn0idw8ic9jbtggmjawidaguia+pgovuhjvy1nldcbbic9qreygl1rlehqgxqo+piblbmrvymokoty3idagb2jqidw8ci9mzw5ndgggmjkynyagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrvwn1z2zgof+9fkbevzyjf1lfy5jhjn2ndzmk3n3vbfabl2myrs15jtpv+9qcqocmndro3cy/3ipeap0aq+ahgxftn2xuungrenitryxrxekcnqqg8p8jzk+n8t6equ4ebidczkfrrqlpnplgdmimhcmrljeovqm1lo8thijqkhrwq6ns1jeq34kxqxscins++hxralrtog1zi/n6edv6a3p74j24ougwpewntl7rqcryko8cpg/wlr1xzumnvgvaawyalngzschsgyuchctgisp2zer0ptzrzjbdh/i182pgg3t0heinep+skpq38wjmanfwhqloot9vcipv6x/zy/zc5hp84ruroyaplesr2tsjiuy5hlt5rqx8jcty+eroplnhb47ihq4kppkid4f6xb86i/6c9kbigpy0mjajeb2rlvipdna/yo57m3bnthh/l4zzgj+je+f4ezzkackgqqc8qjmk9wsczroagvlqeejykxp76asehxp7f4sqf48pjezljf4q/4o7d1hm/lbc30wewye+mlvo13hav8p2mmy7/v123ot87k7fs3baqab3a7lw8k3xbtyzenue80hxsmgynrrvx2ncpztbt0vfhfrxvty7nay1oofail/utqriglog4/qnlug7comidl0gquutan2pr/6dodzwjxqypyztxmpegqzk1piuwfnxmdgmiok611cxxcrdiqqp2mcn56n+/fx8kseotssoplvovm4r8hsnd1ej28zjp6i5d+j1bst2oyqfqrw/rpdvzrmntrrrzvtcatjsuq28d4zppiqceuwj84fyoah8mcfqhj0wjn507qsfaiwhuxfvlxske/1+eeidle9yaidz7qpy9oplycr9teiwq38dvu+fm5alna4hr36xfrvkvqtvsipxgs5bn7i0avhxgqghqziz291y3jsqvdbsiytwprgg0srnep6yafdpd7owzeoesenez4g9tz7e4jdvydnieduus3pktxjt7wmcfarbefuqmv/uptkln3qp/rhurzbrbhvwplneyyqkxz2ymecz7cqbogom7i8avxyjxnhpnrtggk02pgndfhrhtxarsf29xbamxo1bx16ulgj8nrxwq5un9hgjwkiov71ziup5s84pjl7anbldv5prloxp5pl4z2c2svpnvszxublmek7muz4k3pf/xykrdyaz99vdb5jhlfyb/ljn1ptnr/dngisx32keqzd0qrtosdg4qhs2kb5vcz70gtinwp1zyrhlesvmxss3bafpeekelerydytgifwc0ps7k5u3d++ehvp1dri/nqk4qvef7fnlcihjqspzzhqiuzyp2jddrsvaab71abqxhkduzkzeq1uuebhsljrsiuczqkwjexocaokkyxrkflizf3vfj3pcsayiahlyeqhecmqfecbdxuafzh3h/yxj8v4wnsycp62sbcwebdv6ecoejnwej7+holoozdvs/gdr+00wl482ecs8zn4nbhdecbkjtjj2vbkxxjzj4nedh7aiithjgznvj0/ssveqh7yajc9xlp0wmqe6lbvpsihx1pomubog9juglkw1bg47wdfvmbpawlgbzlalfb6pdzrhntzqfqvifkjwmh803ir0sgrtbz0ob45oaag9vpcicyb+qrqebxseeq5wscs4w9rczoqo3h/s0c6l2m76an5iovnkxtieztb7xm7rv2zxnrifsmaedc6jkz4zmzn/iyjs5ihmylcue8enp+db137hynq4r3j+celss6xmojxqepjd+xjl7ezgxkjtbhcmwzfnijlztv1ufnnmw1hgn1teodo+y0o72a4gjjj8p6pojayhq6v31ippxseix9lsk9jjl+ehokf24ozrfob9pxoyrkjr3y4mmr6wavk4+zc3lxujg5gemg0uf50uowe6weegyzcdwd5db3it8xj0k7hapoxb3tefkwu63znfta8r/dwbglwawsgwejv4hdpxajrv1/hgigdxbnzbdd0cavjn7nyzdbqguyktbd7wgypktibde7schz+2+mwnutwle6jvvzekd9n8f6gu6eqauug0fputixdxc/gdcsdb8g32prptro3bildgkbog7tgofky+wk6srxtlsyayohez7fw74hlfjgbczrirk/ejdjfbsbwna54ajw0lo3eqsjop9tzokuptfxn7ytlp7rhrkffwqfyrldz5xacktbpoheiov227uv+1+5pn4awkqklipoa74pkqvowvjac8df8dszkp/vwz54daxxhtwdjya9aqnmy+8hrtmj54wi5zf6w4iyorz+jxmdisao0y4wyd37+fcwmiyzkcqlbr3kmjifmrbjj5rejkqp+ttuyi3qkswsiptqlacmjfm+6chogsjafupyiwicy/2m3eulgataxawg4if6djo6hvgs6arzsflcidybmzp5arpxmyyvz9uswxbbp5vhd74oekgu6qfqo1fnnsitqknoiotyctjvjugr04rrcb14/afpd+/skcgf6qw5r+vufd0xkigd+txrqfmbyckszuw6t0und5ls0y8z4y8nkswcszkttvggcgnwwnhjga42ztaikh/jenyl11d514vqu93rb2vsmwcbafvgj3dwttcd8osjgh2exrynry+ha2euqkbenhv6ljymplflkzvrizlsi9xsmp+hplgqesmuxiijxfmm/dccffovyuxz4mj/feeyqmbxhcmyts8vroh1ar+ax40k/tslefov0gaxf25kcyoklie3a/55h5a/tor0fttognybns/vnckgosb2n12nf/sx3z+crpgnruvtieqsh+bljoylfbylcmolrme15vd8n71c9fvzvz568zsxyyu2c/gxais2/7zbgky7/8ojhtkeeff623f5tz/9ujzg306umhvq4btycclha7smz5iw2ruhrxvdvhizq5nrmz3cjdkz3uduertzhqdihehwiit2sp9w1wqwj1ubnuahosatlwpk9gks3q/oiyfgcbpegzha0xyxlxahnoncysnghm6u1wlh4blzuqu9qht3jndqy+1guuwyeo5fjdll7kwuoc218r5lq0b+le5lkhzl8st0qncmmzpftbbnxfb2czs6l7mof+/zljy7huq6r/zhkdze72s0u0dhd5+zjehds8sbetolulajyuapew2ch/cd88qyr5art1fxkn2ddc+frunlhvxd1amuhdhn5vvhrsvoo1xqynvgcils3qxpq/uxofyyie5z7hfgiht72a6zd1appi516ecli7tiwquahdugd4ozg8cddxpzpnnlwcc5zqc33kyfokdhhik2vqhoddowwi9dxgpxopgclz5ymeagip4qt5kk36tmzcbrbko5xn+io9uv6ho7q5vicc8ok4y6om0i4+rc6rsiihegkr985hicoos+waew1n7vgbop0tpc8f48ams3spmkuu8g/vbfpodrbdr4tbemkteg+bd9g3ut0wrfa3oqazlxz5fsouhb5cjygf3/niohbfh5mvzbhothybrdlbxe+pursxmkkaci0pow3hyrr3ywvt1bh+28cqel4jtszfoixkfzco+me+xspoicdoxz+qhwauqmhgk4nmvzzhz4jxzem1khml0kaememzc5wit997aiijkn161sddk6ix/d49ahs/lgtle8ybjv9fz/yrg+dey0dx05pzmdgnkspfzyj/lp45awdwptlutpxtfygltzhwwgvk+tu9q/gai/gnvuukexhz46deqiauwh396urab7aoc0qbd59u31cqju0nyz1ucelbkapiwhqjs/mghanezcuxp23gyjvuwzrbixeehrxwbmrjg4cl7wl5fjqtgst5ctd/8b0kgzezlbmrzdhjlyw0kzw5kb2jqcjk2niawig9iaia8paovvhlwzsavugfnzqovq29udgvudhmgoty3idagugovumvzb3vyy2vzidk2nsawifikl01lzglhqm94ifswidagnjeyidc5ml0kl1bhcmvudca3otigmcbscj4+igvuzg9iago5njugmcbvymogpdwkl0zvbnqgpdwgl0y0mia5idaguiavrjqxidygmcbsic9gndygmzmgmcbsid4+ci9qcm9ju2v0ifsgl1beriavvgv4dcbdcj4+igvuzg9iagoxntkgmcbvymogpdwkl0xlbmd0adegoduxci9mzw5ndggyide4odikl0xlbmd0admgntmyci9mzw5ndgggmjq4osagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrtu3k8vhsbj+oyktmyhsonshv70kut0h2upzgq5nlmhawzc8zszhapcawetrgkueo1ivkmk2vrzrnaqoxkpw0iscjwjrrd+77dp9/3r/fznvppeb7p9/n+vud5nh9s19vhbe2aqybxmmiwqzmihaaxd6w9gdi1rycrljqizbbhyjaqatkakht7fibmhgew5gdkxshs3shahoeexgaqh0ymc2cam1wmlki2ajom0yh4kaj4gixwiczwwimkwafgeyegxxrak0gadqmcdmahokrjqqrtbaofeih4bhachrepclmlpxhkkazyfoujtoq3faui0cwmge1ikwaa2cibppa4aaekrzh5wukzilgt/4ap78vdmsssj0hekhf36g9zkewkcf7iw2qqkwhraa+yaneo31p9ok/wpcackun+pothgcqihk0ji0ga+veishclsigcn5gbdwdcqrid+ojdfml3jsrt+2lbdbuwy3fptqmv0/ys8gajfmyudvvp0sxulxj1vyzudy3ibglntc3nuwki+p32hfvuqo0upewgustryg0dgdqayegi90icwqoxkibiiubsagkl/zqzumcguaqqt2qfearteevdtdihzkggdakqofdguuorivod/tq8p2e7wcwgosf/afaaguyb/oytxxwmcbr0l4i4ba+txhvydberc6aopnjos8jf+7z1k8yonbg0b0wsrmv/ym5pa9ham+/7nykesroby3xzsxh3v8whrpgsiign4re9j2g8y1le6arkkvjthfcvlzeu3bpwnefzud95s+5g9wljungbe5th4hx/ustcpdujy0d0ouc16wmcuj0dru8tozlopfoyyqwpcgp4mv6txa/os+r6twffyddwdu0jrsw9hg62l2qhfn3og//t3xnvtdt2vfqhx1eiizb1oyenycbw35vl8j186lq+ps52zzmokhsrwwpra7izpqfuhyypocxty9q3aquyinofmgvzc3s/qrxxwat0llhdhsryv87cs0wh18ixlza3lg7jacj8amdi8l4zbbvmyl5scmlejmb2oafjqne3p3iw3hvzbf66iqqnbrd4rzcluvb4kvv3l+bjmyuwr4pzz/+mqpollqhtma8r7kvyxgamaeyuf3nkwg/oswlurpcskdux4+vtjq7vutvb7uxyf9yhp6k7+mhcshouns1xpbgwqdvthecyhrh6+ja8nhnrh6awnvqjenl17y4mayssqe85spbj6pxqvcuapu/fbmfnjtvgnfohn2f4vhlzce4iemg51im3i7oo30vha3gfrgt1xsk4xzis03hrr32lyrxbcei1/a3yojkdccm9vemfoferoyiuodbzg65tuo6rmrr++br6rr6c2mtfmniktcywqnnvrj/3jay7baqwk+dq2xc1kuv1geksz+yopcy+dre53odc/mtucjnm83uniaugz3n1t+geqybodlddrrajthwanyorhbt3ro62utnuh3dc6pmb57y962jpbdu5d+vrr90kmd52t9f2yk5llx2f2jmppiv4rfxzjy4zwfavr24hsh35uitxdkxxw9cylh+cr9g+jdrlyzn28rpdsnuslmssqpva2jpkjyd0fllkte43sne2bgqkck47qgta/u5or6bcu55of2odbsjskvcmfg+besqiaxkt6az4t46gkx+urbqverucpdqnrcknkysxybdzhd60668yu6yu+gc+5gou6dpzousrty32ur/trtpdjxmkaiylupnm6rl7aerqfiw+gsiaqcn0l6byjtlpfxo+g020ky/mixxqunx47stjaj8ks3puwnacd3hqxycdziw6dlfeqnszn1+4p/4uveefndjy9ogabn5gyj0rzp6ajk57h/hwruvxfco7w6pdmspmzzkywcdttyskgv0mgzy4tal4mupbiy4/lgxtmn1aacv0xuyqts0jtlittmtv71evi18p7alyubydaxtipauzg/pddkxe1kv2b1t08+2twsqlryqxqdqtwoh0i7kby7mxbztule5yhr8ye0rctvsptonkoo7zj/mondqhiqsdvhgi+/ibrvzkgj6obz+0tlydmeepxq1ogma+bpoarmofdfanladn5wi7erxpanrbryvy/pkr5+vekk09nq3hllwty1qiizvdqb5okm55i87axp81ffa739j4ihludujm1udx3t3qrkv0lwir88vrz+aklrt6pl1prkffao96mdbm41qbk+dap4e/q9yfzyrp9kv3090um+e512munhjmb8lu+vzflse/dy2keudxctcexupxhk+vs64c2tnc1kbceqzefczooqupxu6djdfv1ak9jb2tqw/mrxkrrmtatwnijkganynz7wnw+ainr3r3v1yda9dkxte2/1gpp/uzez+fotthvsl2dqnci24h+xtwwz0by1bql6ocybd1+vqxyvvwmdz0tucypdfpzcxwrq4voqf33xxumm4oe3ca17s3deyq6p2jpuc7owczfcos1fcxhidxxlshpbo/suh89mrd6frptwv5ghd88jfxmz4lobgffs1cbhnbyk8n1z/0jvty6uhb837gwv37sowj4wshjmuwj0enjbm5yecyux9pl1vb/g7moomkvov3deprjolyzzm5cxcytpizz03pxdsl9r1iid0ix7rzerkmhsoytniynhg1fafb6s1gt3b7ns/mhfj7q3t3yyzyrf9iu1s9vy5jyykvn9x/atvghekghvoipsakojxx+9fyjtogpb7djdduqrl2v20o46vl71nnshsmv9yhbrvt5zytxqkglzbxqhwupyujemglem5etbqgpzsubm+b1a/7xkzye8kzsbu+qmtabxdrx+5bnan3stk8xhlzfo6mfmxn76yrunej6g19aabh76l9mng6tx8ln2xqjuv/fesxixp+ovnc2n+3rrf/omv3g4vz6bsznum1c7jreg8rmy1vb19vd35wlbkx+kwpsxcfzbg6skple1e+zn3uw8rxmqtczyoi68s2b9cdm3+7wgsm6f/w9fat6y3kphjzbchnri51nncxa/fw6pap2f/s2saafcsmskldtwu6bkdz04ms09bwnxoit55yh5a4ee19qh3vcpqx7thmfwhub/rylgw+cjenme3wud7fqmu7uxr0fpnfjqiewzpsc+9lk59asrk55pjysibpb2r8hc83poqyop3ghilcnl9hvpeopxnguzveu6dsuqoleckqo735rrqt8uppjx97vpm5bf4fpoj/c/xpcobjeehjwgsqfon4j8cyjorlbmrzdhjlyw0kzw5kb2jqcje2mcawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk2ocawifikl0zpcnn0q2hhcia0maovtgfzdenoyxignjekl1dpzhrocya5njkgmcbsci9cyxnlrm9udcavulluvvprk0nnujkkl0zvbnrezxnjcmlwdg9yide1ocawifikpj4gzw5kb2jqcje1ocawig9iaia8paovqxnjzw50idy5naovq2fwsgvpz2h0idy4mwovrgvzy2vudcatmtk0ci9gb250tmftzsavulluvvprk0nnujkkl0l0ywxpy0fuz2xlidakl1n0zw1widc0ci9ysgvpz2h0idqzmqovrm9udejcb3ggwy0zosatmjuwidewmzygnzuwxqovrmxhz3mgnaovq2hhclnldcaol3bhcmvubgvmdc9wyxjlbnjpz2h0l3plcm8vb25ll3rocmvll2nvbg9ul2vxdwfskqovrm9udezpbgugmtu5idagugo+piblbmrvymokoty5idagb2jqcls0mdagndawidagmcawidagmcawiduxnca1mtqgmca1mtqgmcawidagmcawidagmjg1idagmca3otkgxqplbmrvymokoty4idagb2jqidw8ci9uexblic9fbmnvzgluzwovrglmzmvyzw5jzxmgwyawic8ubm90zgvmidqwl3bhcmvubgvmdc9wyxjlbnjpz2h0idqyly5ub3rkzwygndgvemvyby9vbmugntavlm5vdgrlzia1ms90ahjlzsa1mi8ubm90zgvmidu4l2nvbg9uidu5ly5ub3rkzwygnjevzxf1ywwgnjivlm5vdgrlzl0kpj4gzw5kb2jqcjexmyawig9iaia8paovtgvuz3romsa4mjekl0xlbmd0adigmjmwngovtgvuz3romya1mzikl0xlbmd0acayodk4icagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42u1setzu6x62fy2yjkt6aayfmbgghbljx1kwcqmfmr9gszdgzavhkspeyz+akh1ptniiszqiwaou6mtfszbcsfecc2/nz3v/up/7+/3zps/3ez/3+tzvkytty6tsgco7qszkeluzpylsaqytrmw0adysiytjyhpsijckj5mwibxsavda2pqaus8bufudkfo6gmo6gqowwccq7ovpwbt7uaefq8xvii3agahr8fiqbfibva+iyplaggtalozfq1r/fccaqabofn/ha5yafcakdckpwfaoaifhugfxyb1pgig+rzijuzebrr80ztfrjxenoviwqgekwzevavzihjle8adwkbsmyu1mnqaxsvw3yv1sbuxlifidxo/234v62xgk4gn+/xsqiv6+vigcwjfxeix0s/qk9cobfytd+xj/npprqqiea0byj0camkpdban+g8f7gop9ijwnnor1anxagg+0xumk3m9jwpvt5ubywmmsmsahflzs1swgxjoodv5eeid8s7yfux9hvkuuvb/ghfrbilesiev/y3xmp7omsfgydk9yb1q1nagqqgh9yuiwlaqgbhciavakhoqhqh6swagvepnk2gkwirkiujepso+3qqenilbkihh8tm8xwizm2j/oscqaopenqig1amt5f4eslfeviniaed5b8o99onfkv0dwm1nw1wdlu1vhavoayiv/psp6uigqibr14lil/ohd8kx7gca/casb6cvjdsm8u2oufqyb5xqwbvp0kuzlj2hvilytpqsy8vzxqjtyt8mokpoxjbt0xbclje9zlcjwbhrvxgsmgp4e2iii+wwf7nqtmjvuyz2dnxb24whltdtzezovfb7y/9hr7qgz1/clyvrdtnllmzrwtvjuva7cvt6nhedzic/fdfcm4ucfkmfnglwwszdd6hdcs9vje3ioesc3vdq5fun424b485uu80o70rsjgvacvqwztiblstmkhy/bwafuztdscrv2fejjmqsadre9hygdra5ch3ogtbn8qmjvieqbwuogiw3dgi7ie+simxyp3blxj/2uvzlvv8ri4ta8senjcvfsxvnmnulzh4j60wkfizj8sr7hucvp5elxvovw63gei4x1ol1hp/mgozicagnxm/mclzkso0/kfp7ucmbqu8ltb7mfnbkg3ynzxrsdcmffduolfevxnf/inbxwphy9uhg4wd4qpdms9kwywc2gvyq+jntnvf6fkpqkx+eh05/gxuc3e+sjhee7kdsy9u11iazxmwlmuneehq6i1jxoiru7t0i/i6ddjl9yjsnyd/rhbatywzy/5u+jxyaoebtdqlxx3cbdbi2ug9qc1kgztz/uoeorzsm7jbbpkzncjhz8ox0x697h1x18x+otg3uidkc2bjynim47czus5pi7qoek8g/wgwlrfbz8y/ivhcxbs1fdvmglns+zm4vje6cptrcyonrm6/peu/0gooqmeljqt4qv1qt+uod8kznsgc3z8q90nz6crda17zu4mjdfc+pna1rkvf3cxuj3ln/xrc9jv5grwfzqv3/tah2s7er+ani476dsy6wbuwrfhbdxhjdtuiv9qaz5e64on/xsgavahzelvdt7drupm1a+vbx26h7arniougcejbu8+pl66zdqsn+zqq9d2hlojxwjlh3puc504z0b5ptxhfmwc2m7zryufv8lipts6n7tl/0mx61el3g8s52tc+fap0chvd9tesg/wmkzyeamv+1lolekiurhymmgpcowmbcrkmax4s5ficsfvrxsytqyr4l1cy0iqcudbi7i1vh1njl6oiarw/lfp0cuoqspsdvd6+lzvz/i32sefyx68mymcuvmuyg67/qo/uupdjk04tce7g9x2endb2suv91o9/k2ydn2nlnhu8xnl4yfrvghschzwkqk4rwy0r3dz78ucnflxa+3d5ki0o41wi95i97b12va35z0vck7kwjvul1sg7jtgtm7loocplanlsalwijg8s2pslwqpvnep3gbvke9vitur+1+ylyjik5wciq6v26990udku1ivffd5vihcxwtr1xftlbimtjci5jsnhq51ro/pseds1z3w/rzvcwqjgnq9ss4uixb2hnhediiufyjk5otf/i4znxgr+ho4zhtzkroy015fz7mvmfotsvdy/htf/eqclarejpzs+efexairbzdsl9xdqqyclhmggo9pgkagcw46lrs5aiym8ei6ybl7jnfv28cchm5spttyq7yel+saysz3sm45qj0arxmy6jgnkenpsow+/f67j7nlrmzjakrzmb7a8pxng6fsb04ukgsfvg1hzbgzic7v+xezw0tqdwqcamk+5c22d5ot+jonyphkhlrszlqwu/xdhjvq67st+mmzsydjskfxfpt29crjeuvkmdp8m/a9szsmdjujbf0jqamrzo3lrgntfwbnvmlmpndlglqd7dborm3fnckqg5bwvgxmt4rcn7+vze7bvpi+9ucbn8to0mrrm7kzjsp1nspn3wz2wjfs4uzmbagrsteeet6mhrr/cwhg32//vv1clvetdr7aiks5fa5pce/siw3h++y7lwflefb4sruy/roc1//zydrpctfffru9rdyumgolpdqotwpojbuvvvfnrm0joeznudkazxhj26g1l6ryku5vedqc9rzi6u+ni3e3nyvaln7hv2yzyxamcwrjg4ottuqqjw42xnzdwgmtucgr+/opm1+lzbvxw6vlc8ettk1xq2goygsvy+mzhkcehfwysu0brtl8bgcvbsungatmiogv/jkpm/cqu3bow6ipnccxr5y3uemqkm6one0kuyzxacveqmk3sqcuyck+etlcf/uxuey95b8bzbn/ws57zi7e4izccyekyp9xvjkcsnazaa5h/kjb5equspwzxda8i3izur+cgw7lfdjjxhmsaretpvgcrfphcjmq6uco/24bhrlaxl7bkj7uplbjy6wg8ijplxt20zypf9yygs8c1luy8akxcp3ob+9uyd56igag7qpnt5ocyqtiw1wqq7zb8r29txayn5p1ps8v5ykn6xucpsu/rwvxilszqk2u7idw7vtoi7gsplvmfehghq4rgnqgmizfbibicguu/5v92txbg/1px+6/anmgdmx7it0yadzootsy6vrvuii0vbk2dfutmf66enviztj47zdlctylfrkb6e7ytcybinmmp/c7b1+960dpby+vwf75fmwk6uji9axaef9o4fhnjfbsq2rrnuc/xn4+io4lcnma3txxegvohsz97buuix9ijgv0+18nuinke5g6elhm/tadx7zloqr/m8vmmno9esj3uiaiy3dow3m9vtrzyz3v2pjj5lh6x5zocqutmtmdakns9c6rkzgvxcrlrm76797xx1apmrfbnach2+xvhaw+kvmmvfsv1p1bteveddp4q8ca8cvrwtwmyabatnvbuuvgg+0hwgpms2ytz4pxmu5wwcxuduvcmnxpxrx339txokvtqm/itf7qacrw3ayld98petzlbznosfbbfmdmzekt1yzo2b/+mrvi50gghsc/dposofoatvje3wreuxxlpexptccl8ozyl4bj7j7fhg+kc85+ru07exi3ksfmz7igrfij7tpe03dmby5iwmkinpl/ewdtpxwbpmfpe7f7zc3i+ndqb0lzkk8mozov7t+xffvrw+fbcxsvp3rb/x12qqe2e8xbsflzutgxebzhh7jwsudbsn6okfmpbb9g3si/iie8tcrx2l74npywk6t+gxm8n2ypufrqzkfenov8j/9yp83+j8wwbigkeile0hkedg/amnq5aflbmrzdhjlyw0kzw5kb2jqcjexncawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk3mcawifikl0zpcnn0q2hhcia1oqovtgfzdenoyxigmte1ci9xawr0ahmgotcxidagugovqmfzzuzvbnqgl0xorexerytdtu1jngovrm9uderlc2nyaxb0b3igmteyidagugo+piblbmrvymokmteyidagb2jqidw8ci9bc2nlbnqgnjk0ci9dyxbizwlnahqgnjgzci9ezxnjzw50ic0xotqkl0zvbnroyw1lic9mtkrmrecrq01nstykl0l0ywxpy0fuz2xlic0xnc4wnaovu3rlbvygodukl1hizwlnahqgndmxci9gb250qkjvecbbmteglti1mcaxmjqxidc1mf0kl0zsywdzidqkl0noyxjtzxqgkc9jb21tys9pl1ivay9tl3mpci9gb250rmlszsaxmtmgmcbscj4+igvuzg9iago5nzegmcbvymokwzm4mcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidkzncawidagotiyidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidy2msawidewotqgmcawidagmcawidu4ncbdcmvuzg9iago5nzagmcbvymogpdwkl1r5cgugl0vuy29kaw5nci9eawzmzxjlbmnlcybbidagly5ub3rkzwygntkvy29tbwegnjavlm5vdgrlzia3os9pidgwly5ub3rkzwygodivuia4my8ubm90zgvmidewny9ridewoc8ubm90zgvmidewos9tidexmc8ubm90zgvmidexns9zidexni8ubm90zgvmxqo+piblbmrvymokmta3idagb2jqidw8ci9mzw5ndggxidk3mwovtgvuz3romia0mzczci9mzw5ndggziduzmgovtgvuz3roiduwndggicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnja7znnpfx9m8djib5e9hyyvy02ro/drg+dkdodwcwwjeqncskisvsieduhoiacecv6770hqzqoesws5n7nyb33vtx9tz895835xuv3/t7/6394uyznrnuqwgeknhbjkyohjiepaechenla+ae4odkvrwyo6eslwmi0nxyr8ocenjwmoi/3bcslahfzeyiuparczgtoyl38cshxn19aqepwv5esoizg4lbwjwwadfj1q6lpnebonoazfo5c+vqlawqenodprw4fwbtpg8t5irfi5bisaaif9wwcka4oddn4lyu9jaswkp0rjmb7/svlh8t5njscbh7bfatotskwge9/aif0iqdfx55pq557+d+w9u9xbbyn53un9c/5xwf139joajsn/38wynfeef8kdobieugc5p+lvsi/vegrcbqe/c+snq+tjwquhnh1rakietji4tj/xve+2qhbsiqxyhfubrg4efogf8ergmq/nzwf328fydwyorfux/ivxf7ogtuhml7m/l5iqpxp8w+w+mpnr4rd3qjsxcxexsxoc8/ff33z/2owfgaoraawroakrazwwugc/mnfz6ukiraguajayrdiwwdy1rlhsbgg63veapwftddggswr/9rq+elbtp5ebk6/wr8juuia2msn9w+gyafgoban/lmhkwoadf/qed7o33rnegcb/ifpagz+bzq/boa/kue3bwaj/oyqaiz6g54xe/wnrwfgz7/h+vd0h5q4l8l8dc978x/d816/3/jf16sujr0vkcopb4hkqsr/tyuashdx4p9scmfjceim7+8/4xzz/2ix1pn9qcjviehk4ynyuek4e/k7e69ctll7cogffdhs88o76iiquhxe1mcurgzhknvnkrw7tbg07qhcmqqngyiwwguyx/xolag10awcmubbsnvv8mvtm5it+lrdjqttgs2n1oj0hyvjnj+9kow3jkd7s351xmwgqxkywcwbkusvrkd+7oz43o6eg6diqycwksjtm2ome5gwx2zjo4++6mczseo5byx2t/fptsezg6chpkaouuuezuavdqcqnzcjc95yme8ml0jz4by3fi6nbyzpyiyzst/hsgh0tl3omwfr4ynpinx7huxj3tjk3mhvpjupobunj+auur+kdo+mjf2b2of4murqf+sppfe0xwxpwkncaggvqotbxzrqzdqrnwt1ufdrbmuztdvpul0hy8gmatn1ne+jglbzl5allddwdxisvf4bottznajvyrjrput30z7b9w2lyrz5atbzmgtjz2shqdtonxjsovnrenzgjxbrzbgmr/ri9umt2nbkvvxco1ay1dllavqssu436/dv7z20zs87epynp2lhqrjocfbi4r1y9vfgytjktx9k0/gqbqrw7+omusdbbbk56po+nqp1fn7wxf079cdgmqnwvijw8yxutdlnd6/6z+8/njjjwhd5vn1tlizahwhnbqxdzcpon2bl4ss4iauu4nn3ocjmyjapge01v0swpl3ptre2six/yks8wgpquy+kaqo/nbubawljlmh3xhphfvsg03baopwwig2fih5usifdkeo2g2w8nzolk4wu6ute3f3rfy0qzy28marywhtegs7fwblcysiccn45z7ckplz8lenyarmzqnkhmbua9qxg3nl9hoayatqeaxa2+vfmoffyvydfgzbpqjmjbccomsehqutrgerpswvohhwq+vt8uot+n6fbxggsfynuxlgfqlmna77siumfmgyyv4gxriihhny1jgtrt+7jznjagqilau34bb/s4xpti0f09acrujn9aclh8ume/tw9c25m27mzeidnpvv2kxosjfwu8gt1wf0tk5upzarzc7rfio6gizjamxzj2mykrg6p1mdabrixh+0aubi8syutedjo3tkr9aqybs3a2qrzj9rrwlhl3iomi4ocmpc/kyahrm7dv9xpmgmmsvu7ty01p/d+4nrbyuwav/3d4lqsei39gtpj+yujmpip1yhjxtbsr079spggcloylyrknx357wnogjahkrljzyilmelcswdkgtxcq7e0voahfqeh0drx8oxb3f8p8ljwfvsv/qtmgnirwuccktxoutaqx79sbh/arbu+9jercuahraffa4ixelkj+sctaxprr9jg2pwekp6anujzvqff7lz3k5i+hi6qtduxjh2uvs6yfxvdfg0gmrh3zpzvc9ljljre6isra701zs5qxst011c3wlb7vsrrl5ebn4sckq+bh1fpyhkuj3pxpumkdiye+vvrt5ec8iwuvxivhepakx/ecklft2r9pqlpq4k/pvbvkj7oebkpqa7543p0spedtijiiusfkia41gbmei3o1dqeiyfpf4pqhmerjd3z2ol7un72jr96gxduvpppcytsr/3sf+sdvgdxnmsrdd+nxmosgne/4ribo31gzedl6nyki4wz3f9tfoz+vvnf4execjaxorm9/6xgrmgkbw3szk1beh48ns4wvmwje0oefotywlvqzcxn6s3bw8v6nvirfnc4usyd21jh2ts/tquj2fq2slh50wx9rl6ffervrrndp1edl0z5ki9j3hgtmm9rn7v0wmihs1lr9tycgpkhppccjb2t+m5dsekzuca/b5dnxfgw8va/vexl+51x7je3nts675j2urcbfjjae7acswmbv6yu1maldhxj9wogcnoxcvbjzpwfv9q9lsaiajpebw5o1oi9uqmel7yuhhmxfrsknhv0trhk+xadn57vrewhjq0mpktzzr43wqm5/fj5jby1kxn3g/byhxrxd/y+h83bmhomglt6ynlyo7rn9y5rnpl0x2cjjf+rfv8xswmu00mgiox4q3nvmbbfjfpyconjyj1plseotdnfhyhslymbof5wjvrrub9lipb1q87haqo+dyarfvu1tpmaggtblhvq4qxjiewzo3bfmovkzvkull7npmgips4rt+ukyu5mxbrc0gcdndkw72tlqsnvril0lrgtawm/ae4voazzvbuhm296at5p+pgxjvyrqnzu1ovsw0lb5ywxj/wqaqsqxia3dqypiq4jevahfvqig06igfo904uzutyzka/mhzgnkdqxwq+hs0/xb3t9eqtfj3uaeg5moj35duhzjwb+a5tqbum8vwi1ycv3edmnper4figfmiqhlhjxxwqrwvrve0f0uyp65fmc2c7bfqbsydmexebns8wexcgqzg4xx12f1zwyll36gawwybn9ipbirhtovqaarjmsyt4jsdrzeinror5tr2vshyvbdtr77io/x6/e7iq3brq+uef7m3rs8asxj024eivi1axhghlr3vgq+b6l+q4xp0taa4ptxjlrl17gz7ycmah5ed2ua4hfvvtl0rnkpwui1ulsehq0lckt+klafii8kcsnbcsvdxrj2u4dy6iqvnauke0tc8ad3dy99uq5pqkhtlweyjqt2hya+w6xj01h3fsk4iyoietouaa5dmxd04omewh+fyhllvtnxltqs7zu17flgid6di0atsdudmhx/6cgiavbpxbpopegwvcy4/1viri2i4+i2i11kxw0q4sydmtlkkngv1teufwt4tpr3w2rkptcv/lc2ean0mbihfcnoj54sacye0msjzqbi9wnpllolxgqycmrcvubflw5pgcborxwkkwv9rpdhcah34zen6q3mm2lxyhfs3l0cxjep8cmav3a7spsfcaaozjfh83hx6wsejx9rfgifbrh+sfh0wpqhynh8xgzp/ut3i88z7gscrjs6hlixvlso+kruyx/s++nfe52lnijven/fcuuwr5bvmzjpmdgwcslm3ce6+qeopdszohw3hr3mg842n6/kaaajd+efnpgemuzlg0jumccacxdgvynoo3ufwibwxczjzfrjknwiqkzbowtzxcmll6pvpa6+kxapr9bb7q8tx55vzwwy588z7s4zgcts9qyksaa6qprvrhe6dbh9o6uslsnm16h07vb+3qh1d/swhbyq1gau51qj69lvqwcuxzrfzpdozao3nt93spihipeyhdwrdrxx78jwqlprqhrnv8+9kop573a9nzrnlyuhr/6zzmrqn138fmybaonzu8mbe+ei9h8vzj7tp2sh2uzxvoy23lxcz5muvqucdrp82jwovf5rpoz+tp36vfjsioz4+2pj5mr76vvgdh960ekzmbk+w0zwqmaya3pmtljppu4rujahjtacawqobbkuk5zbtsffgib6zrjqreav1aa83vpoht9mkopmrla26laujdzlt8rbhb7vqfd+n59kkcqjkqjhob/3z4d0r+mmrlvuatxvkhwwu09gm+hnp8wjolprqyphstymkazm19c4axi1pcazlk49w/qpyfzbnyc6rnnkzgiocl1m86p/0qygws7iqwtzeiyf/mowg5wwpfp8ukkhwdkgu/xdfphf4whotysznlhjaoncx4s79xgfvjkt3yse/ygqll2kh68xn0ukgvxz63ymrmfp56ra7sa7hipkphnkqlqylld8vlszrsrj7er8djxltwhg34ljpfh2qu0ydjqvo+f7mfitott7nrmflkzuezqvg3vnqauo9/1hzkuasfkqfqyxeff1h4y4sb9lop6xkfctnkcwsphhvuwxrah8bbqz07v2e7nu/zdxfxa62ydgq62h7ymozssmt6mjziip5rbewv9if9egbyxihhgom6mqh7h+zdtly/ef9dpn/3tsa3eei8ztlxj3ivsrvqspicchvh3hwi0b7yadfeaswzdvhkzkicb1luxef0trbqqxq2pvvm7rdrdlhvtqnlik7jsi9clswe83qwrvnwnsgaglsov1twzjg9bcmrsttghdnar5pzxn1crpc3yvlxpw90icbwd2ywh8jnq1vwzq+j+vnppmky0ztlwfkukkqnmf3akcfpdkvs4yfirw8bu7co94yfdpquwty/e831ve5cb6vwkh5xotiakqde3xgp7vcpz46zsqlc3mpzzpgh40or5b2rkdtqwvjb00/3afz8f+xf9piszxxyjutomr/pzwmzqjdtp6ymchilorfwpevr6nnhkmnovxyoenajy1191kbsuohehf8e+54s9o1pvjzxgyhdoqbx9ms5f+c6kid3lpsizvi8hzau0jpxyfa0zcumvezfvhfgjam2xgtepotyvblcciyyoxexvuhfzyxlxv9llyo1hqxwnx3s1vstsutzrp1f0hwhe15aorghjxqb4rtv9xtuinh/trowd6kyjbzvbp4arizgkngzkglon8mywb3kcmwqtqghkayq3kx25yhrhomngt4i/meii6bpkqpeg7dgsj4nsxyqyrxbwi3tmqti30nm4vongjg18hmz2skbqbaztqrcx4m5qfwezivem66dab7pk3aoaffhkort3wayjd1gfzwfflry8uevykvce71ci/tfcpsur+cub6fdzdmzn4idzew/qq1ojhaotic5gewkq428t+sl00qm7jcwajz89vvpjdfo5u3bqtfdbiyl8j2p1lqrcijiz/wldvexf8uft4wmoaxlcou++qx02tzyw036qito73mzpmbmfag1ekwuhpbyjtcz7vovjnqysmk0/pjqc8wgdggjovo5f7tdzfqd96jzimcjsairtllmc7/hkevoy50/pucczsrt+njqm2sefkv8y013wdcnxllgztmkejeuyhid7q27g4p/9mz/mysf4mop9b2k25xfds9vwf5pmi8cvnumf4mcst2y8d2yyrxqgdhxuxaphhupms4xry0qdqg1bdnue1xku0lb2mrmm8il6y1symtt7dhhtmq/jdvzvjg3jjx2nqzhdquhjyux8kx32aflm4jhyo/loyqcrfp9ymnvdxfkepduihidhg0jfigvgwe0d70vg/dndyb6pbqebzp4/pe0/xverjgkuyzjmpbv5/dgjlsuobho8upjbs/yqw/4qfbglukk2b5itsx2qlhmqv5eqypm/66ij+aahz4q/zkzyhjz8c0+xhg+zf+5b4p/uapjhdsji/wuylcwxhhvnxltysxlgr6ttrcn6/o23ccluojtkdzlzlblhive5h13nzup9ks3/1azn8yg8vduycsayxa3+ccpfc5uybvrudtxcgzqeijwamrybhzjocnny1fkloynunjd1eafkhrivvyvcycr5ffovtbzoeq/sl4zq07wkmlanflsmzfryzeggqjyavfqvqtumgmyc2ntjjj9uuetm5wtpvb53crelrvrnx34e3xzwouz0mqs9lpozc//lro+jmzum3aryoloi72uabpsyh7q16s+qwnih55sqkpergwozjyydleqeldiohsws9xkd+i4zzcsuurnqd3fsp2aq3u7dhognhtfbrqqw9v0uupani+vm6rluny/fa3dodpryipwh4asbbhlly9mes6ifbxt5ahouesmn+0gfjxwnyrvkjbpsk/sbvmltfe/kyea14llsfzc2uqjwr/uf24lq6dwekxu1frlc+lf1lmwb6kw4ueooxhvxcryf25r942j7glogxpohtgzlbocvhnblekw07suz9z3w0kxkkalgo6krqfg/wvqd5ps9shziqe11ncoi5sweydfrzwri71s6nx3wbr6biuks/x8+5p8v8h9cao6jdml5ytfooa/y/wczgwp+zw5kc3ryzwftcmvuzg9iagoxmdggmcbvymogpdwkl1r5cgugl0zvbnqkl1n1ynr5cgugl1r5cguxci9fbmnvzgluzya5nzigmcbsci9gaxjzdenoyxigmtekl0xhc3rdagfyidexoaovv2lkdghzidk3myawifikl0jhc2vgb250ic9bwkxptuorq01nstkkl0zvbnrezxnjcmlwdg9yidewniawifikpj4gzw5kb2jqcjewniawig9iaia8paovqxnjzw50idy5naovq2fwsgvpz2h0idy4mwovrgvzy2vudcatmtk0ci9gb250tmftzsavqvpmt01kk0nntuk5ci9jdgfsawnbbmdszsatmtqumdqkl1n0zw1widc0ci9ysgvpz2h0idqzmqovrm9udejcb3ggwy0yosatmjuwidewnzugnzuwxqovrmxhz3mgnaovq2hhclnldcaol2fscghhl3boas9jb21tys9ml08vui9ul2evzc9pl2svbc9tl24vds92kqovrm9udezpbgugmta3idagugo+piblbmrvymokotczidagb2jqcls2ntkgmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagnjeyidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmjg1idagmcawidagmcawidagmcawidagmcawidagmcawidagnjk5idagmca3odigmcawidc3ocawidywmcawidagmcawidagmcawidagmcawidagmca1ndqgmcawiduzmyawidagmcawidm1miawiduznsazmdcgota1idyymcawidagmcawidagmca1otegndk5if0kzw5kb2jqcjk3miawig9iaia8paovvhlwzsavrw5jb2rpbmckl0rpzmzlcmvuy2vzifsgmcavlm5vdgrlziaxms9hbhboysaxmi8ubm90zgvmidmwl3boasazms8ubm90zgvmidu5l2nvbw1hidywly5ub3rkzwygnzyvtca3ny8ubm90zgvmidc5l08godavlm5vdgrlzia4mi9sidgzly5ub3rkzwygodqvvca4ns8ubm90zgvmidk3l2egotgvlm5vdgrlziaxmdavzcaxmdevlm5vdgrlziaxmduvasaxmdyvlm5vdgrlziaxmdcvay9sl20vbiaxmtevlm5vdgrlziaxmtcvds92idexos8ubm90zgvmxqo+piblbmrvymokmzggmcbvymogpdwkl0xlbmd0adegnzuzci9mzw5ndggyidy1maovtgvuz3romya1mzikl0xlbmd0acaxmtkzicagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42lnvdajwduzjt0p1y88r0txum7rscpynjjrxmnqz4fjvds5ktszjzm9zssxjtviwtlq0vhastvcwnfuwmlcymrqynejsvxdol6gsykzpkfhqcnyektjxcmxnlcpmtsxt8e0syujnbzqrnjijejyfnjlauqmn4jitoxae0lgsejranfpulpqix2voqjcsmvyikjsanpnhpq9ykgdewr6couq4pbqajlwwwlqmdjscbtcrmgpaj6bk5+vukqskpnhp++ud7uofuoqajki33k00j8cvmrdkpciqmkqtcznzkqek8nmlsktsixr881nsi/lqlyanqtzmm5qswzqllutzkpitmeyyl56tqqbrakjnygwkkcgsdsusse0jycxjzlbis8wptgwlp+alodsfghpgh+hhbyugb/lrq2ivlbeqmjlxeljzkkpggfam5hsi+mawksqsuig20dmwmaqqbeiykxbnlte85pyuzlx0bsntm4xeoqlesi4doffgpqyk1yykmxkpqrukqrvab+vr5ewxaluoaeomvietv4glfkmgxgr6yzlfytmpyaa4kwhjcmh6xskpv6jaf5jydc1ndrumjuynfmwtjgprfcaxfhwl5pwa0wswtgd8texgokamvqqmc928lp9s3zi1fvvbyjrxxrdwsepz/jyx9uvn9gmro+pmz6bubpvoc1rml1nyaugjrx2hxbmvsnglw08vltoi2evxe/dlkfcarv0llkvmadddr3cjwlyyuwsa7z9t9veehwvdzsxpfsrttb/o8axozz2bx5trt/dms3nhflv43/d717iftiimasljmd9cwx6xuuy88u7zs4gecvttv/bmf7txfg9rviggpge/1/9nfruxbvruo/5ze3hanb1felc3+t0tonsi3/ms9v/ed9os0zm61er7jmvyvb/zu3/q3dcbbrn3ulmzax+/2fhe+zngpi7hht9ozle+mg2qy+k8oj8tbk0czxgluw/+rdwmt3xymthh3a5+kco+ar2puts7l6onre/zzmzhebdwwk9o44mnn9fkuyyxdf+rc9r2yvvftuuwrtgitndmfw7fzata9h7oeabj9r9d5ixmkpq/fejwmv+/mm3c0rr52u6ppbind61pbut6pxrlnktyrbrs0gf9humxwurupzuxs2wdf8o9+injfsdsxzvfds/mwcijl30ylxkbi+n1oszrt6uvnzrwvrb2jxgy44zphxof7ghahfv8vochg8hqbq9eecix6ss12yke7hv2vexqf092/gpjr8c803nqxm161z/j3onj2gqjk9oerc+2mezp3cy27qankxg+6cfm9um/shzvs/vcvo/if95z3foynzp29cftb910xbhj7epltniudxc6obud1h5pc3ejd+v6mtvs7ublmrb/ewqqb5++eimy9ffr3qxjd9ojok2bq62c9pgh9xz73/t34v5x+xdmhbx+ajpj5ueni1v7gnkei3zhpmjnk5+19ahrc/sqksso0xuikopza6r1fvs3t2c2czfcmtoi+5pkpaph3sc5hz4buai4rg0yfgyay73eopl83msibc4auf2tb2vuzhn0cmvhbqplbmrvymokmzkgmcbvymogpdwkl1r5cgugl0zvbnqkl1n1ynr5cgugl1r5cguxci9fbmnvzgluzya5nzqgmcbsci9gaxjzdenoyxigmtmkl0xhc3rdagfyidezci9xawr0ahmgotc1idagugovqmfzzuzvbnqgl1psvvnstytdtvnznwovrm9uderlc2nyaxb0b3igmzcgmcbscj4+igvuzg9iagoznyawig9iaia8paovqxnjzw50idc1maovq2fwsgvpz2h0idy4mwovrgvzy2vudcatmtk0ci9gb250tmftzsavwljvu1jpk0nnu1k3ci9jdgfsawnbbmdszsatmtqumdm1ci9tdgvtvia5mwovwehlawdodca0mzekl0zvbnrcqm94ifstmtugltk1msaxmjuyidc4ml0kl0zsywdzidqkl0noyxjtzxqgkc9jaxjjbgvjb3b5cnqpci9gb250rmlszsazocawifikpj4gzw5kb2jqcjk3nsawig9iagpbmtezosbdcmvuzg9iago5nzqgmcbvymogpdwkl1r5cgugl0vuy29kaw5nci9eawzmzxjlbmnlcybbidagly5ub3rkzwygmtmvy2lyy2xly29wexj0ide0ly5ub3rkzwzdcj4+igvuzg9iago5nzygmcbvymogpdwkl1r5cgugl0vuy29kaw5nci9eawzmzxjlbmnlcybbidagly5ub3rkzwygms9kb3rhy2nlbnqvzmkvzmwvznjhy3rpb24vahvuz2fydw1syxv0l0xzbgfzac9sc2xhc2gvb2dvbmvrl3jpbmcgmtavlm5vdgrlziaxms9icmv2zs9taw51cyaxmy8ubm90zgvmide0l1pjyxjvbi96y2fyb24vy2fyb24vzg90bgvzc2kvzg90bgvzc2ovzmyvzmzpl2zmbc9ub3rlcxvhbc9pbmzpbml0es9szxnzzxf1ywwvz3jlyxrlcmvxdwfsl3bhcnrpywxkawzml3n1bw1hdglvbi9wcm9kdwn0l3bpl2dyyxzll3f1b3rlc2luz2xll3nwywnll2v4y2xhbs9xdw90zwribc9udw1izxjzawdul2rvbgxhci9wzxjjzw50l2ftcgvyc2fuzc9xdw90zxjpz2h0l3bhcmvubgvmdc9wyxjlbnjpz2h0l2fzdgvyaxnrl3bsdxmvy29tbwevahlwagvul3blcmlvzc9zbgfzac96zxjvl29uzs90d28vdghyzwuvzm91ci9maxzll3npec9zzxzlbi9lawdodc9uaw5ll2nvbg9ul3nlbwljb2xvbi9szxnzl2vxdwfsl2dyzwf0zxivcxvlc3rpb24vyxqvqs9cl0mvrc9fl0yvry9il0kvsi9ll0wvts9ol08vuc9rl1ivuy9ul1uvvi9xl1gvws9al2jyywnrzxrszwz0l2jhy2tzbgfzac9icmfja2v0cmlnahqvyxnjawljaxjjdw0vdw5kzxjzy29yzs9xdw90zwxlznqvys9il2mvzc9ll2yvzy9ol2kvai9rl2wvbs9ul28vcc9xl3ivcy90l3uvdi93l3gves96l2jyywnlbgvmdc9iyxivynjhy2vyawdodc9hc2npaxrpbgrlideyny8ubm90zgvmideyoc9fdxjvl2ludgvncmfsl3f1b3rlc2luz2xiyxnll2zsb3jpbi9xdw90zwribgjhc2uvzwxsaxbzaxmvzgfnz2vyl2rhz2dlcmribc9jaxjjdw1mbgv4l3blcnrob3vzyw5kl1njyxjvbi9ndwlsc2luz2xszwz0l09fl09tzwdhl3jhzgljywwvyxbwcm94zxf1ywwgmtq0ly5ub3rkzwygmtq3l3f1b3rlzgjsbgvmdc9xdw90zwribhjpz2h0l2j1bgxldc9lbmrhc2gvzw1kyxnol3rpbgrll3ryywrlbwfyay9zy2fyb24vz3vpbhnpbmdscmlnahqvb2uvrgvsdgevbg96zw5nzs9zzgllcmvzaxmgmtywly5ub3rkzwygmtyxl2v4y2xhbwrvd24vy2vudc9zdgvybgluzy9jdxjyzw5jes95zw4vynjva2vuymfyl3nly3rpb24vzgllcmvzaxmvy29wexjpz2h0l29yzgzlbwluaw5ll2d1awxszw1vdgxlznqvbg9nawnhbg5vdc9oexbozw4vcmvnaxn0zxjlzc9tywnyb24vzgvncmvll3bsdxntaw51cy90d29zdxblcmlvci90ahjlzxn1cgvyaw9yl2fjdxrll211l3bhcmfncmfwac9wzxjpb2rjzw50zxjlzc9jzwrpbgxhl29uzxn1cgvyaw9yl29yzg1hc2n1bgluzs9ndwlsbgvtb3ryawdodc9vbmvxdwfydgvyl29uzwhhbgyvdghyzwvxdwfydgvycy9xdwvzdglvbmrvd24vqwdyyxzll0fhy3v0zs9by2lyy3vtzmxlec9bdglszguvqwrpzxjlc2lzl0fyaw5nl0ffl0njzwrpbgxhl0vncmf2zs9fywn1dguvrwnpcmn1bwzszxgvrwrpzxjlc2lzl0lncmf2zs9jywn1dguvswnpcmn1bwzszxgvswrpzxjlc2lzl0v0ac9odglszguvt2dyyxzll09hy3v0zs9py2lyy3vtzmxlec9pdglszguvt2rpzxjlc2lzl211bhrpcgx5l09zbgfzac9vz3jhdmuvvwfjdxrll1vjaxjjdw1mbgv4l1vkawvyzxnpcy9zywn1dguvvghvcm4vz2vybwfuzgjscy9hz3jhdmuvywfjdxrll2fjaxjjdw1mbgv4l2f0awxkzs9hzgllcmvzaxmvyxjpbmcvywuvy2nlzglsbgevzwdyyxzll2vhy3v0zs9ly2lyy3vtzmxlec9lzgllcmvzaxmvawdyyxzll2lhy3v0zs9py2lyy3vtzmxlec9pzgllcmvzaxmvzxrol250awxkzs9vz3jhdmuvb2fjdxrll29jaxjjdw1mbgv4l290awxkzs9vzgllcmvzaxmvzgl2awrll29zbgfzac91z3jhdmuvdwfjdxrll3vjaxjjdw1mbgv4l3vkawvyzxnpcy95ywn1dguvdghvcm4vewrpzxjlc2lzxqo+piblbmrvymokmzugmcbvymogpdwkl0xlbmd0adegmty0naovtgvuz3romia3mty5ci9mzw5ndggziduzmgovtgvuz3roidgwmdegicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnja7xdnpjzf1na0el2xrgt0fozeu+i9d8yydgngxhci995refetoovookuxhbatmxonokg8kv97znl+5znpl+ect+/vns9z77x2ula51l77vlkzdq145o0rdhblbbzfw88llaboq13tpnz1ea7achfnhn2iowfgvi6mz8qqiisaufaexamegkgatcd2acuigcagaoaxfxfhzwuoity8kvbhjxsaw0jfhjob+/e/jl+3aoy8/6a5txshosibblcpnhayws0vakfdqvyvdq0geadkcqjwgmigaeudxtm1bruah4q2euafaocgqtcarocddaogaelbelg7hbpggeacyh8tagae3b76ozv33lssexcacodubgfdb80gxmci22/vy4abbokkdxe/fqza3qgosbacdvsdfaiahynhhva/a7ivoyd+bosgrnzucl3v3ylpitxr7mak1a0fupwqq6t8v5wojxdqt2936k0aghc43wmpahv8tump7hbmvoscqehuabtec/xblx0eya91d4obvg9934k5iaf/wvbwh8id/xhbywas4ghc2smg7u63mlfyv6vzjzwb/yv7kjsbzpupnelprr/haew5q2aovpj8arc+wahb345qod7f715rgzsgapzav+t2hm5/03lckh8kxpg7zzhvgwdzi+awb4a9xagftxubunuj4pjfscz7nyp5p0dxf4tg/wi9/x65/8zrfzne/+55/mdozq8ytbvketsaf80ywo2qacebt3mgoan4pwhgior/swg5qmhe/5pvp+82gfwv7v8apoyc3zzfhu54sw2pok+qgfd8lwxuxrnqbbhxhalatgaheoy2bn/krnb7cbighunu+f1twgappxd4tzpdjyjybf6bcog/vbc4/t9ncuvznxz4lpwuve3kuf/7kouxgn02mw2/iohfjrq3byey9hadap6vpxmthp3ff78bfrqqxgafhn4rmqcpgbj/7wm8du1cqmjvxzj/a8t/j7uwciweegesglxaip8t6o9/4g/ffxcarp4j5gkcjld/3uggkbdc/rb3/i74rqz7ijg3lp8zb7f5/2395xraif4qmp7mfaisgeqcmf0cvu3zqndyyakrgx+rn8ztztvdoolaskr7qgykwrzm9qoqjldurojxk/fkltv1ijrxan8hnyy9pr2yl0/vx8zzwud2ja1flhs1mm/6ddglbznyn/0vmgvy5ija49xfyt1969dxdx+otagi8fbpoaozpqsckvlo3yj9wrm1cvstphv3ykslt7bzujbottk/dvt19rqf4hsupodotbjhkumjtcqwe/g094gsuvgztzwvl9xqonyy2ufkn8jsffxdgmvpgqopdff2ul/dcfq4oxdnoliutdc5qsw3vgpsnyft6qn1tyldvitbfxg87iz758vuq4lk+cilzfhkcnzhhkhx14tqwbr519xghhapxyg2dp6v3bcc7qj+me9luluwfog65ntq02cdpjmg3rckjmeta7viv6dy9ggeyfldo8lqz5fapfdq6u0b1loljd6qaknvsiarwb0y+ajuu7khxjschyp2/hfkrai6v5hsbhrcs2jikirt3mnjyuul7csxy0lqk2vkwfnc/tfhe53ogrsrxyoee3vth/a0low/dbm2biqmkvkw1v56dijt4lsd4ijbxwrlyniudyabofxh0kciqgyd+awt/d79sh2lx+ywxhrc/pcz/vpfxisr8uyyt29u3zvbd216klqe83o9zsme9n18vp/v9w2vt1r9o14sdgbsbdvpbaegvyjka9avipu5gg1d36emr5l3dpg0he325u3fgbq1ofgdcxfrrjdlh61pirkuyikuvubfph9pc1auko7ofucffsdwsabbwrx+qwq1p3angs09rwujnclg4zsmg0tc7jkd16tm7tqpljoyonjnht902zi1ouvhc7pe9benxxevt07hxys8be4ntdfqfm8xdlcucycpqe/1fdqwkimnqk1ae7uhtfssby7n1y4viw2tnjaw3tzzgft2j3ranlz5thdgswxitb+poopjuhbbhrhj35ooeevrlhmpjebxldniardvzwk5tbtjn9cxhigah0hmqxxnicnnb5rl1vvcus8rmd0wtky+f28im/hecvsgtj3equmq5rvztt20j5j12xrrfh6o2rlpw+usvv9lqzpvczzltaad1veop8tqsyeqfbuco3d0jfpihzkuad275nulimhref9cdsqkfc4jbaocqxhf91xccjd/umz9mdjtcx/ohmyrvgxzeiizdxpqai8ujngf8hcz0wzmpsd4xy4vw/j2m74odmu0y61sc5prv9fysp96d5n6eho2xd2esvf+br/lyqqqciw6+mleh7afdqoakssmwmvy55linffhmtyxps5/ah4kwuz/wzdomc71fo84nfvoju7ar5pe+zfby0zqc7wnyioumk5uzegud6yon+xvpta5ozotmypogwbcj7+qpmjwqsnp93d+nok7eghkzw0oivlnjr7pyda0p51nwdf+ut2ypimrukdqwzx8kk+f2pzoh6uzie1jmnit8xjkukyatc/1siekmecywqen6vftvikhdyucr3l68eff8ez1bj9uhvt3y3hs2fvqw0caplmvnk6txo/dlgwswgffd4p5y1mdqsb0jdghqtl3bx0wh9rkjtfa+sl3yyakfiuw1adnwpzz4qbynceuuwwcv9wh/ej4q34du+blik38zczlntxk3jxilvpk5gedj/i+rwskq6e6r+rt4bxsqqp1jjyd04vux5nsfmgk5nzssra56srctvbwtjd6pjewaaeezbkljefbpmx5fhyj0/ewwouqp81ewpkexlnw3soqcgut9r4a8f6+fki4zsq+se2ru8tzsm929yrcjboio0+1ijla0r8pznznldrpotpslv9mbyabnwnxcnggyv5huefxkvgrcjooe3ml5rj3u9dxqhyc9rmsj4lgn2lp3lhiol52zjhbcstufnnkuyb6ljl4sbggifjfpbeyhgbgr0pymbmn+ozsj/ga+ohh0lrnz0k3jx3q8rzba7sitp3keryjrvn4vhc6zdaltnztqyoddquiz9z6kqmc4unsbvaso/pcdrl6si3xbhzjgheza3xu6eskyaarnb9so84vp+ctrrho+giebsxhyldl21rlm68i1ifhsadlikquxtvlgfhdz9kmv37jdfjgritc8rbheh2srpoznmokmnnq6trl2wkvzdhwxlmfho3wj2sm0tyzee7sadevj4xe/zjt2hrog+nrfn5notvqktwyugs6lsppwjkypnj3fdaoeqfadrezltkopvjlzbnqo9eszvcjs3uzkfwtcrsy/gh2zmfniii7mb2srzwujmk7aeehsfnkaftrat2d/6tjobcggedulxla60ggkqy24o58phpmutzqsdrnkzosvumr5xhpmtrtzn58x/4rtpuizgdyb/lb+c73ci3hznmwlqeozrwf/7qq4lia+6t8i7bl1cewodzlkqjt0um8xxkw4sd5k9gy8j9h1e6yhyv31vrhd7gvm50qxeu1cjvm6wbtbrf3kr+xa9932fg9ctbwvma3gdxyivazxuwum6tsay/wcr4usoskcyimwmyhoq5dm7or5igh+mlht26vvnzfxdfivb2imanxzmbsi08+ylqhobxuqhhhdclxjgma+xbqxrl381irgtnbrf5euwpdwj6q8gnxbnbme0dzzrmfo36vx7+fcwqc2zpduzjghs/2+5f+j0g4y8cbctlc9ornkixrfq8q5t4lank1r45zgxlr1w+rvrxu+drro5j0yz0kxyxzllmadlmifbhsls3zc5bwcj94t7twd0lb10q2lwrlnz1i9o9isi6ei87codpjb3im+nhjvldcwb9eweujndpa3hikyjkpsapj9dacok1xvve+5ptrwhvjoupyb8ldpkxqoldl4hn7bjys/mje4+m9pxhlecwmbj+fo6wcxr2guq4/xwizrsy06uy1b9n6pgjecyeun7sv8tmrz2g+yw1dgsa/t/wk2wrldx7pr5sy0ek/o4x73woeksaranf6/nnmuv9ei59+qhhfddwc99ir0fge7eozbwnkdwznb0onygr13hnofpujlhp4gcgscs5few//+hrhumdwab/p0qe97d0cxayep558mokx/xv+uc1v7yxvyvi+lruhf0pk2nkisshkim9z2mswxj9hs8hsovhyvmcmk633e3r2c5hnvvps1xwoxxsmx1t+rmmratvevn5lfxmkko5vhc+4nvkwauqu2sfelo6+0nha22/5mcpwht4/bwqsmoosmsayrhuv+xzwbr0yqyndif+efio3mksskzzslu5+njh6gubdj9fzdbce+vqgmtdhjls+r/80z4zumay+yhorwulmfrjge8iqxtf8acjuv3x8br5j7ngbl/ojmatrxsw+x8irkfe5kopwkmzn2v0d83gkauwjgqatddvlpu7ex/qfkk92fnme3itgc9lrd7lluhuk6a4beun9xx+sgildsxlzgy8lxb2rno5pv/j3sek2wutpg8euf4d+x5wsba2h651mjrvhpj/uwsuwll1u5vnvkeel1hz7sxzpybysi8l6+u3d04r0eje7qzzyi9zdt7+t5chgks+dtgq+eyujxlyyz7bcecgx13mn/lhmdjcz4vmrfshzco6qxfsk+qwcedvdxbh67yvxwx7osno6hsnc7cpjvwnt1q7a/qg1qimj4qgbo08djhjktbs88fxxaimdiklg1k5likxsgot5pgwl2iewzepberzplte2tzz/ex490cjwuur8mj/ifymnu3e/txbjnbo9hf7v1ctp5ekwzuzsvcwdab/bqs9owwgokrnxmor2kztanpqzcucjdartw08/fjkomorb+vqqlkwzofbb693tiouhhwbazkf/jyqgrnuhhvuggkgc5rtzfgdlrep02ukj9nvmrnkhcy0rhkin3dxplq54nknj66b+r0hxdnpzge0ygqptqa+x1unxlshnvr6qiyn6gylyzrkj9tj3uumvx+t03zwf40mdt59a1y9lrgptlrnw1zcso1ki6e4vyxpazg+ktpsx5/nnvjauox6citf7eclvdagsiefmj0/zamzfrqh15ikup9ybz9kpqk35kq2dor4yaccxkdtwvsdsx5zueve522rgavjniyx7xtk15hun8hecy0etnqxbik4gd78ccbpxenye5aoxr00k/itpdrfvfk6ilo9wme4cicdk2q2qmmfzpn3o2dq+/na/i6ji7plheu6wvddw/bysf4wq9h5z6zwcy2mc48acc8utmotqko8ltr0qs9+tsxo1xs6glude4wxpmdvwwhirrpazzdv/8urywxyx3tduqixho2fohei3nypoiobv19dpsrdy6a9wryk+vevr55iw3wzdmcvzh1al2ek1flomgavlstgaq+pgbmstn3chs1vnqtlknqtxbbfd/wxbqrd13jm4cqd9nlwj0nyreh0bddgvs3wetev5mnnqniabf1b5gvkjg/unlqzmoys9fwxvxdvcit1mtbw6tqdckemwd96ysd3vawmqkrjb9/qupttqtcdvfep782z3umjvqtptnb6yuu1kedgyjbc1fftlabm+irnrmxl1qx4+1c5qkwfn6eevu16olk2rjze5y8l9aunqbl7njxmtfpe1b+msktz8o9cc1mxikxfdvn69esmxwmruwp4flzimnn579w1izbcwj/2epbbiow+vsigl/ckkphbazusmv52992gmh/7pui+kpycokydzvxu/0wyysmdwpv6xjc7impzjvgegxzlanx33xbgpdkyqtg413gouu+bky35psrvalbn6ihnxdwzfoziroei56h6xpav4jfxyuqh+c4xxkuvrrwzurjqemwufcymowe1xlzpotehs+hxcwx+fuw1lxuc3apr8a1w8vsuebitpvzjxgormfx0gtmpdwwcto68j8bxqdzcczq6h9twzxjldkxclejryheo1bu99m25i3pdkhx64vry6nazhoecwlo1pxalxltutljzdndkpitujheyeswk7sqzsztdkjzm/pmdv9+prbzi5b19xqmwp7e5ixov2kx76nnbqp4g+uftyioqc6voxplfyhsz/ew2ofnmgct72zuf1sd6ftxlbtzqcipetisln5e9xreskdvcr5acxs6vbjfflspyheapxvon6ubrotayysc3djbzl75d8d71dpxznofobfc8dqsfyo8uwm3uji1o/muj3dfu0+ejhkt8+/ygq6zwy/160ryp4lgy+iq9xracl80lwllcjhldinm2iv42frnh/xj7x2btipv7dha56lqik8ujjtkxpo0qcd53pgl41vwmzmd2ern2xty99xn+sbutdg6eue+7nwzfjuel5ksoh9y5y2dr3vyxfm7/ll/jsd8i/sf/q270izeyw24/fpacbvipojtavaliue7dndxxfplc1rxdrmujuqxtdit+dqeem2lwd7jfowgzez6xxhvgvzczfu4u7v3g3qffytxvde32nhtjmam/evajzrtxsqgs6gjehirkdv0tby335ng+1lqvhgudflbc1wubtenm65qfkigkf7/u7lyrjigclqvglperqwredfzrkdrc8h9nqzcoi3ol/iqh+rductbijp31e6idvhmejsevb+ddvu2cqsbie3yzxerjulkfinfepahrm+pr5utp6ccob8fl8wgwktzvkpo0zscdafh3yugwpo4m2neoeqdfjh9j+gaoadndyyi0udxgvexuumsddvgtvvg+96y2q0wjt7/fj2i+h2pwjvkodi2baqvvtwhlhdlbxb3s4iiqln+h1ycmtq1r59w+cjsssv67dvq5rad775iyerbtfp2pk8pp3bnvjzpvqttfljsuyqfjyk7sirtdeick1qutp+pn5z61eoy/ipr5z2iykutf0zlendqpfscrgoqnfonmti5lxzjoh92s5wkvwxkkeus2n+mcfinfeop4l+beroz3odthrecpnt4spiuu+dfa0hkyvpmtshjnlwbctjxqqr7mcju0sjvlydchkneagvy9c48cevrfv3biihht1yfa7g52eqr99eigv9nofdiivz2vj/8wb0lw3c+o9drlx8edy0wgbaodcmuuvb1m1o3i6r31g+csbzr6uyjmeur2uhanke8f1z4o4bourqluxghzqhukudzqyuiua/i1erz37uelnbjeh9biwxaf52l+an1fdcw5ny5ocz9mnptyuitiuja/btkdo13crtgrvx+9wbgskcea9unfm1jiogwklknjpzzxn2ncar4iuen/r9nn+gee2p+dmqlsbkq/qaoj4+qea+4gbh1/wqpxoa+aanxki2kye47u5wsxgmhi4xwae7pjuxyqqj1s1etethb8nefy6ydursqgi6sqfn4hrebc/levevnvuikxr9trhgqgzha4riuv3mahueprbxeess1wjhhdxgkaiwalho/gga85eevf1pyxp0yqsf325xj30iyfsume9o9kadvdk/sfiqugbczrfjxooesfjcpkwqydeuqtoro1szqeksxcvxyg7f7cc5yez4s6g2tcnw2t7pl9w3dvrfc1vj6dilceq0qlqf12pvnzpkiuneopk6yhow1cdo6npaf5fwcxeea+d2vpnhepvmx8hru5pxukc26kv6oyua52bgneo+ypnhxrm+agqvuw67gxjgivf+niuzlzbw3q/eqli9lesykoproqohqgyzl6zc1wqfbg3jwbtzd5+yawluh7oxwu0gulfd7sqdo457ktknyschcvskaqddt7p2/dhwoay7tgwtjo/l/kfjndkkg6qgb/eqpnjfcf5fj5joebz5n1wlkp2kr61h9jd7bigpvfxc6x9kz+cl+mnbmgqo93vpdhzonfhokz0h3zodfry8/vfaprjmh3ydiw9v71zvdke+mjom2/8uoor/br4ukgqspbk9nelkv5f0ifjr5to5hlwse1wargp0hyauh3itua3evrna6eauyr0zvnbaxwxqvcrzar6jjeytzxyhebw+71edfyrvgftvwj2gzcmvm5nmxghl3b2vhazqpjvy754oi4vkjqnaefij2knne6gvwpmmheokqwr5ct/nik3uwebipnawshoims1a60wlvi08z64856ptxaipideh+aeem87n7kbsa5xgraz2m0m+eium0domw6xzyzpsmpeuwxyoic4/kw6eojq7pr3ykt0ho/gq5n+xndxofqz9+znizxtsy82dahvjtke1zxx40r3+bic0wexabfg+wkekgisbqiv0ybirai8u3apgo7x8vq2k/rv/e8urk3oydw/cspz9/fery8cy2eqtq9ryzhbhodt/iqtzybwfc7bjq/ynvem+fa7shz0uzxstx+q+tggz0blggxdwss+6e+xv9ylacjlzdq6uhe5fvrouej0wtwxrgsjpvdp+v3cgkufsqugvicmt+uhutju7lkbgqumlwnk/awqvfamtervpyslss9occtztkwqefa1ycdik3ftjrnwc8hzb32hscheri/v9dw0alow13/nq4ag0vrnfhuy5nwjj3n+6d1dqu1hhgphehre+pc6i+pxasnj3dkp1qhsctqyda0knzjv9/7a+q6mwvjwrlln5pypba6xqji/il45f6xvgljp5zs6ypdxjwmgt0kuka4u3wu7lx+rzm8qnrrl0tmmk3ri9tehgeqotao/qxqvxzb/nkhwlcooy0a6+eizv5y7t5s3cqnyrcbthvsx70g4hbcfeeszt2nk6lj3mfpwmopekwxausxvizdz39vbacbvbouwnixrbasavp+voxe/9ezw8fvopolauadhk2lerq/+byfhm/rzmc17sykt6brezhfn7bewat72sq2x86ntw9k+bo2d49gzjoyw6kucpjqd85gtugysa7ag6ydqf6h8bqvcqvagwtoscyg7ie+dfvihk7hwde6vexcphz461p2yijoicsnlxo16jizlwggncnta2bq7fjlgwrvil6g/kn/0hh7nkb/8zhiw56fepjgf+lh+xsb6h0cxt0euonvkqi+xmm1cgx+ksfaqwjliqgnbergnzesourxl7cddppiz0epcpfwj+fja/w+hj1oleuxfjyx9giv5uefm2ven496bwhxtoykq9jpley0diivltdoh+jefi/3vhjcjw3eohjmau4slu8jsqele7yb0ezesgplgl9qhlwxv7xvp7efopkl/xcwh4ggechgdw4azsvq6l/w/skjub/zijatj/moypk3hrbq5pif/ezpc+4wcg+hywjte32dwc0sh3cdt3fcns4a7ntzpsvvp4tnzzvqcgi0y+wize5a/7c1sbnbznh1ocxa8g7wgtm1mzdnlbiwyx5vgzetklyw+mef5lelkhzc5eja+rbkavcuee5cy9v1mcexjeggzix3zbflnhmjlh+yqadigpsuej47ogkxa+z1io+kotgq0ihltt7lcmmkjjdvbjnhccti3rngcis8j7yshleyuqavyldxepn+lzjsicshaqw4z5zs17qhgfmwm5qzx0ps1sdoocphk4miyt17xl7t9vjhgnyw2q20xm/9yshltmouifltxtlrsmesaslhwk394pcl/kdnmpp0dolqhhirmsmwwwmqz2cfiqlbin9rsxu3pnm4j4q3wk58zz/6m26kxouohh7qeqxflskrjkrqllpozad9j1j4pxb/fttgvw43bk3hseufvrwydoirqb2brm+ubpbqeewnkwlmi8vcs3fubj7x9vmlrohhz9bg5mcdic5nic+k+jm7paz/svp+kuumwscqjxicbqxstns6wknfk/wgpmye6phhkm7pvf3sc+n7yh0/o6j9wpxuwpgrrevldsbtgarw8vfljyjmiulpqqi+cpbcx0w5ce9j85dk2qugk+b20kkbpyap5sg7iqqdjqppkoxymwspwjrjliogadmv9zyifjgw9sjptbg9tmywsddueoklh5vrq3leranvms95hokdl+p2w1cxnqzbfltcr2pt5xqbuzdddzpak9vgyv6rqlc/fzh8cvfo0jqni3qvzs4zjdlwuzqdawzbxxlw7zap2jamicnym6jit0vwiorhf4xqp/em2tr31ie1bj8ncekrpssz2ng1159rhujbple1xlrvvtstgawx+nl9occ9fi9qpc4+syxvroauj1+iej1tajb/6u+m696mb/cfjvxeudolc2/jfs8girjt74ufh4yuzvv+v7djnmxuoj605vmvgwfdonsjshf1mkteann3uqdrmhnrvcduvd/kldexphnbqz592e2c2ec8let/mflll8xqqmwpzta58oyw+qk1+hz+fr8x9xutlinp0njp0tj30spiw4k4nw7jffhd1dnmcebk+xaqmpfl285q9hx9la+lr3kbpkxsf7fu5xosropaeq/wxo/jj7tlbcuvondlx27bdsqn6gjbj0wpey+c/+cp//wd/twcayraqeovwbsfd8p8p+ap2emvuzhn0cmvhbqplbmrvymokmzygmcbvymogpdwkl1r5cgugl0zvbnqkl1n1ynr5cgugl1r5cguxci9fbmnvzgluzya5nzygmcbsci9gaxjzdenoyxigmzkkl0xhc3rdagfyidgwci9xawr0ahmgotc3idagugovqmfzzuzvbnqgl0zrrehxqstoaw1idxnsb21obzlmlvjlz3utu2xhbnrfmty3ci9gb250rgvzy3jpchrvciazncawifikpj4gzw5kb2jqcjm0idagb2jqidw8ci9bc2nlbnqgnjc4ci9dyxbizwlnahqgnjuxci9ezxnjzw50ic0ymtykl0zvbnroyw1lic9guuriv0ertmltynvzum9ttm85tc1szwd1lvnsyw50xze2nwovsxrhbgljqw5nbgugltkkl1n0zw1widg1ci9ysgvpz2h0idq1maovrm9udejcb3ggwy0xnjgglti4msaxmdawidkynf0kl0zsywdzidqkl0noyxjtzxqgkc9xdw90zxjpz2h0l2nvbw1hl3plcm8vbmluzs9el0kvtc9qkqovrm9udezpbgugmzugmcbscj4+igvuzg9iago5nzcgmcbvymokwzmzmyawidagmcawidi1mcawidagmca1mdagmcawidagmcawidagmcawiduwmcawidagmcawidagmcawidagmcawidcymiawidagmcawidmzmyawidagnjexidagmcawidu1nibdcmvuzg9iagozmiawig9iaia8paovtgvuz3romsaxnjq3ci9mzw5ndggyidezndu0ci9mzw5ndggziduzmgovtgvuz3roide0mzm4icagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnja7xdvcfzbkqwymvklzmzmzialvwjwysklmszjymaymc1mzrcymclisef3vu5+hw+mf6b7a2iqoiro3itzzezeutnouzgpajcjwtizaawdhefmbmys/ablgwczdzd1jwdljz5fjnwglbscynqe8ifxivbrsbgctue2to6spiagp0ahaagqbjod2nkbbhx8fahuaaknzy9xgytreibws12hjogb8z87f5kazlz+hfnwdloxcgrqfzx8bto7otsahueffp/xjhpaiabkdqry2tgdariqqnpyyjiawhlllyam0bho+lgeqruzvy05qnhghojobqqdwdq5auz/sqcyozla2pxvmhvzb5eyg8au4oymnlf5can6mgod/4iyac5avwcbn7epz4cng8dk1dqr9hegiceajao5vbvfxwl87fs6/z2qs6vth4xdb/zbpurkbnizd7vxbge+oqpksv8jt5c1keiv2g42hzdayfld0slj3p2vkv7gpmg+ujcpjambaat0bp0vywwislbxc7y39fqi/uhm7grzdxrubjaovv/mgbhgcrqydbwwb7q5fdb8cp91ov+se/cfqjd1drb3+tvb6w+r/8jbbuqgtldkrmbj/4hpdvqibwxjimdyv7/iovo6adhy/7fv4e7879hnoovfb0t7v8/qfsrhauhkao8fsabairaoo4e+qgjo/+9uzv6fe/l/qol/eyh/r+t974n7rxr9p0v8373p/0ot7w5vr2zq8nea/5gzgi9by+oi+jg1aexax8pg3tqv8nfasth/31xnhwzsvf4r53+11gh+i+t/4/xx+b8hxbytphriyuni5vrhto2bti0n0elvbmrudba0tf84vl/3trwtgk72no7ad5h/pt8pj1bwf8e0rw3m7rz/uoprhxdq0ejfa/jq7e8kwkqldnw1pbn+i2n7t7hqr1eanl2cgyb/i6sj5gtxh4u/qmtfntwbpkxs3hwajnye1o/l+hed+dg5ff8pyf8myvvnwsku5grjctbgzwzlzqn8/p77958rw3+hkxi0d7l4q480qkaofh+t9x8bf8hm7q6uh4r/pq0+kv/39d+xaaj0bjojrcw6mque2kzlponqcxohjiqn+nryiidcnusbniskaqqduv3tirb5kkzeakkzg6f4f7d6/tx1ft+xpz8y6cgxp+loav7me/ls0puwog9qt/mwhasxgjuip5/pxphclshuqelzs2of7eyoqruvvmeqt7vzumjdpdifuhwucmcifhbg8tnpry/d7kbrbmooltw9o048fnyggrgdhhrsvohu3sdkyimdpxl4divmhr3gkkmooq9v4fmvu0mxqwjqpmoiaxwmjj2zn630ufucjlbmkgmbimxr+bswxubbcd8qkahj4fmtd/63ugq8wn1lpxdlmu/uw9lha1ijwv3ilwnxtm0puk+cjo1ddoskt8zbvt9xaldaolwue35rwl1yslacck35b70hxakwhuucfrxvmam9vawxmdbutlwfp+9gdku9h68u7afjcolfjeyshavvm7wyjo0knipphnjsoetic6ntdtphwfskbbbra5vssppea2bhnohkw13dyluzobuprkbcki4cb2hc0fmhz3qv4q1ayxoxakljfoqsra/ynyooel7hgcpwhdcww7txwz9mf9lr8ofc3wljwseoawb9itqfp+sgbsqx1zcgbcxigdqaot8ymmnqdu089gcy2xvj131e0rq8lnou3sqal5djbjdhuxtz6ar8m+v2peuf8unsmikgfzjfsgqyrtgxdwuc8yjglkkowestbo5b7dpgjag4ma0piqexvbi9dbwigoxv1oync4izgqsijz98diqh9esbotuef6/nwwpvfd69w9xkuk93kjkqzk3pqfrku9agkodtp0ooe6sem2anf0ovacyiwat8srp4wja9snxikzgqieumhvgpxgctbekndu/sjd/jcjutscsr4ujyjrmbyhlytn/2uchcvey4pxogm+iheuwqvpdr4jyhofv+ch4o4snyhw8pynjuh/hcgmhmznssd1lzib+u8odhn4tkuvqccgzglvsteifqxneqidvgds9lo8j4iqq6adcsds/n50wph/mtzbby7qgrreyjnm8y+z7kzxynlf4cyqnsgobecs6aames3ji0r+53jud3jihsu43nevgcz98mnvrwlxl3tpqz0m3q+8pdhfy2epmd5g3i4vbkmkeo2hsmeoq6ljbopuad7a0tgeajri8lcbfmyqk0mujsqczberzu2kjkmp9+s4fwxoimk+t0huimif/28ils9f3tvvl1j0fw9hpqsvuebmbreppzs4rzgqznhgznxifp8uznf3o52eq314gjwm/5uhqqkp2vcrb1y712if48z73w5sij4mnfuvdmoop+hflwozoqxtozog71dqyp0kouhznxfpri/jowttarzjh2owoqdhiuofheffll+sns8dqfh3rolvdap+bp7d7hqn5wem8ycfadc2yzoxhags03th6lrh7cv1jqr7aaeq9u50fojjwujka7n6xjausxb3qjfvkmow7rjsd90i9i7ndfdq5jj4bv+vlnzjvslzoactmjxfnfhm6rmhrw597jt8hc9kpy2ytyaf5/sglajjqjmvpgdyywadnsfsrxljpyc4nzhykwiyfb1rywdnhmqcl2trg7wjrcnh1/x46r4kmd7gydsjp+voeck7p2ltyfxamag0vlozpyetkxedqgfel5vh1ufh5/gptmrk2gpfcz0ncntzwhkzfd5bd8lrabkpgs+jhxb3a1snijbtuf7khxs/j7qqfgtcoycpr4dvcmrtpi7sagrth3pvywvth38hwdsucvvituj1k4jpndgk3xfy+w0u4b8bq4ytct4xh4q+k+dsr6xwa9nk1dae6vonpisrxwdgjos+flpmzzbyy8grx8zta4p66uslqh5r7uk12bnhzhvxc9fexbtjkgrzbffec5rxfkaiu9s5h+b4skityvvxpl4qy0qfdraqcxz1cfkel2tvtuferx71f/dowfdv+t06dqhmhnzl4o6mf1fytllnxup2ojjbhazoczqmrtkpthhui8naycqc4qdupmaimyxtvdgwg7hf7ogyxcmfnbe7hamyaryt7lmk76s6tictk83712kxtx5ynaaqgrptzx4tykx1prdnwo+ngolwshc6twrubzgz9zvc03dhfw6w7rpcuwldtj1kq93dnjobup7vpuxrtfgxikmn46r1/azbz+kkaqfmrwcvja7jwskaxmd0pue48ggio3gferoyuapkm9ppazjta6xmbtnownzomd3e3sw8u7dezmml/xtvuatrtfx52ekukr+txlxpcpcfvpi94/rcgnks5lr9uqzz+gmgpsvsttljufmzfx7ikljsrauvzrbk3rg5rpzvlpqut6oztdkenvw0hb2t7snypbfl/amxdm2bhvxfk63faxnfk5mrhhtsw7ibtn/l38dk/gd2qlhakuzyjamdvsjhj0su9qbqcibrlhkpla319y16b2ltn0xclhf6w454irwwy7mnyg9patjzc0+9epzwogimjcpg1g6lhzvzox91v/c5zdn3uu/wyqcwot/q0m6zppgonruzvo40a8+jyqyx2+hhg+wh5jrs3c25rl/ukazdskr8v1gn6g+dqbirupokeohdbrbsdvjaoohqpklvcocvkb1kpqtuhljsfp9itwsia52ozcadns1lmvdaet7jvcuukdrgw8knjfkrh1idttuzj1lfsqohex85fltpbiicwc+wi5rf36wanrk6mpxvqjojxttvke4kvyyhqantych0vuqruhgc+fd9jo2x52q2yewu+vfshqtnxvq/gpnar9yngbowihwm/da9gt2d7majya0xj3ciwpy3pglpmhqbgp6nwkugg2ynjynpdgiuvoi5om3thxpgwi1/i82augrzs1i2kzx5cfl+w+eidsbvgkdlivwdo2yx0y+nkkm+ssx62tnoy44mtqr8ikfmhjk/vbwucinkulhgh+i/qitvhj29rl0pczuovbyhheerrnzzdiibibdplcfr2g202irranjbytzo/kuf/wgdbwvahq6z8biswkatn33wlvl0psktguifffcuha2t2umochdlbc5dnmc211eod6zsgvxyeom/q4czdg+zqciibsnxdy1pkgkaqcs0xsfrlgv2pgfkq9u1xfbmjurfws2mhrbmxvrodme3/uenpbccn1gohfre4smnvmncnndok0yu5zqpvzqupsxrriw7o/ysjzsxghzgvfk7twoxyhzl+f9wj9wnhptuiwbkkxk/kj+e4kkyipsbjkhtnni1jhgpez87fgulu75li3nrtnqysgrp1tnrjzdplxekmjrsqovwtffehliwz8jtce6mbys7r+eps9gqmjqjk+gy7xuwv0vywzf/p5tnogpu5ve8eecwtbu8iwmsu6pj/nunbgzt74ogngvfali+gcwlvbf8tsl9mzjt8s25povacgdmtjmhh68ja9ered0xtjmgmqgu5cjiiddg+5unrkxbm23gbjjxb+auq86vno1jf1nik7aj4f0yvwrlz+tlk7f8t6mzpqa9/3p0do+tfhaxamksf5suhnze0jotwh8cxemidmbkql3qz9a5r2wu0s6e/vdcpidstowwsrmdgf0oizjjecyfrig3oer9e2e3o2suatwqyapvsqc0vuaoq/rpmcmqponongrnr/0wpj/1m+qlw5zlp54qsvxge7jz4g/1syqfnnv8smgbi29rjhn4fseiykak+8vcoemvyfs2kmlgla1sldjosuh1rqgnmqfbtdyxyvbs/h0xflsadrj2adfghu53dncfesdrz8m2npaosjrj8repi0qcki3xmiqdxw9wjbv4sdtuqhrljbfnjws9iqvettruazogcyfgnnohoyhu7dfr6jdahgizskd4+neq1vviqdwahcyvqcnnvycmojhlasv3clgfrzj26seqlh0p/n9y9x8rsmbskrqca7dpcp7dvw262ohokhyela3nc8aere+yvxqq2eve2h+e8uctl8u9bw1tnfea5q8ke02mki0gt7hcoq5felsqavemxixnlux7/sbccjiges7lgflg+b+eoxsegxv7szpazwmzxet1dblz7p8sgr4bvu9nj7plkldq3l70hgrrsvjopc0pd/vfjo5we+8zpbsjchcgksj+rpogve0cbbfvgqhl4cevqii9uwpbijplwrd9kl9txiw1e0x4ndyqtijiyfbuopjdb00xixb3k97v+5zh92z+6emdad34n76yivgrrmuuqiqqmaymyww8buhpxojbfm3q/jk723nnllju7kezzrwqzbzdrwgdq98nw6btmktfcafb8uxmqxhiurdlbddt7tz/lpwnva4zl2ijhl+c2kpz92atfa7hi26u+ip4hiqaflxrocw8+n/fedlpo9dms+hekzounthrxj/5ir6jwo56ey1fnw9kq2l8/iesqjfotfybwxcmdanvii3xz1nnd3n99tklspgp/vg8oz3lauc5uwbogsncogjqmbdwomn0fqzs/pp+dzjkzsxz/ftvop1d0/c9izettyy/yqbpkdijdkzh3rjroyb/hgxo8d3mrivpe44mqwmbrom5k4fjuka6sr894jabzchdwnq2hjhrby6kuk+mmd2xsgexr4xoojltlriwu4wauqnuf5q1li/cklg/ft+bgu05juqn1lwpb7s/fqxkrcxhgxgoap3lscyhbp4q0bfurq2xu7nzlxx7uetngd6yqqsam4wqz5tc06392trd06jj/ra6fok6yktsorc72ylyjkkjojr9jgdfvwhfyl/14mkdh7uxqz/z7bl0ej4tg2kv5yvadfokkznfoc9jzffv+qf9zp2bupajcpps8fpw0i2taoeogzbef0/ikxkbkctknm+czhfnuh4msmtpmubykxoabzcq7q4i5owkjllw+ka8moxjzkgaip7pk6grkvoold74fruf4nzzgwnwivbad8ed/xos+av2fs/r7nj9r9c819i7rsilmmvj7sun0obp0zldjaanhy4dhndfsrlr3qp307rx0azm7nrnkwu9v5duh8hvwgxhvuzanj8p28ugryfzralfpmoy19vuy2qxi2a+e93kawrpwyurpzaeaggcc7/8mjlnekefhupwayowrocpistyynrdjz7bb+84exrpce/6h6s4oqfbhqbaa4c4cel6veucuify3ij0tu07nznu+dhbytqdv4o1y9nuxvxxxaqb9lj5/krjl7xpcwasexkqzuulgh/nzsxp5mhtgeehnp88anuefnosapuv2qjire2cfxlpeiqi/ja61joxf+xof6emvk7x0qbxtbfmvl11jxe5/y8bi2kse3qhnxt5l79sxj7bozrribkdivcljwrvsj67penl81bo8wxufjnwivmuoqmhlh+ssdbmx8lws1nfo/d1nn01uylvmchswqnim8i6el3kpunz/n5+gzsbkts/r7juieke3fxyvyngeqm6lb+mfai9g8fl/jx19l08cnwrdhe2c3m0qbe6zbolncjkmku9seldybng0gcvefxqhxhuwqq2jksba5zclxzijuhhfujoj2j60in5ix2fzmahjbetnvxgv2fcebn1hhtpvntbahharsyr29t8b5nr9x6jnhynnvmvejxnekuvjabvhmet2z+wbq3+p0iquz2rtkkx7rzqu/zfetjlpk8oid3reydqostnfoqgf0yvnpnwb96lxtssnkd5ewcd6cu+ngeicacmmtcbecpcs/+rk59so5hvfhlre7bsbkexs6uepyss8+8f4tp+moq3agf3qgj5l8h4ndlzdambuhfwkz3ok5h1smevfepfql0y86rk/ym4xp0vfqfbmw7m431spkjlrjgdiu4ga8lvs45beqwkhbqtikvvvvmcbqkko59mgokhz6ridoow0ejkujkwxeis4efezdrpuzwq3aeivxxuu8gkhrkpk9w6af0ss1psb2nholuacx9lk5lxgjjtva5p22xrf2fdwxsrszfx2dk67n1/xctmabumoopqee3xmp83bfvgrzr5s14lmvzftqhrdjgltrjfz8grgmyf562ohfy4ytkgvvjmedns5gdltvou8e4evkxu+fkm3pmbaduehlehcarlqgk1+u9jgu+xou6rp8ruytvqci4vq2batzomgvknz9gcddyds3ruujvpj21zfirnyh2lpkzt/i0cfviwar9hixoml8zaniimrkpimth94rseptiolg0guoyyvw98fw4tf6qwh1cp5adfai9am2rudo/bd78juelpkb01i16upcu1j5a6ux1hon7tu5qk4sqgusig5vyjkmva/gfselna9go5fbys1y1olbscsc5+eaq6gnidvxdfuedzsot5xp9a1dwxvxffpumnxopzfepjp7wcgo0hrdlhjqhand1gclybgz/mzn0wo1gddbuznwpzhbklctx50lmtgyp6jk3+h0wpm4aivpj+hbdsnnwcgxidprkwjwxaxl6cflmyeokpnepvneggcv93fk/dmwp8eoiizgz3smaw4tkm8rrrvq5xier6xdtnv7fyzs6vqbens/h8bhszu0yve/puiywx20lrmeeqy6fjqfeflbjsg4hhijt//0yzuenkm61d6b3sgjzlhp5sovzaifqugtc2pi9rrtk+cv73nau0hlw5lamw6+lzk8d/yeh8fljw8vxkhyx8rt2ryaileg964kvck07ywrkxeurz6ba8ixtwdc/2rn6ru68ie8nmqvjjxirkyfh6nsh75fwpz+eiokx3pyauwz4lngapni9t1r/ce2bamgyp/0six1sx+8bdpuddnskbb+muj6c9u9vrdgwnywonxmrlt7bxip4wfzu2ri6trq7v627cbtodxjyi78lh+n2vzj364ilr0vawtpi89k29ektllhqojjcgwdoza8lemmd34yn5ua/3240iehkabp7tb6oyrivpmxltmneslczexohgkrfooz75uts5f73orw4vrk7yz75r6zyveyyxzzj8lzgg75ut5mslfamsoecqqkensry5ryxlamd6p3cehqzdbk2swfft1ps60v0iq3rf1krbkivbfqphozcsdrhrj/vl4ddjv8gonlupdq8fbtuy0l172bf3ksyk8aukwqrgitz5+qkob43ejqgzlgkolcampc/hvi4adr/q4hmyygsevhaxvlxb+tog9bicgpb9uzrw/iykdvghu1tzytz+nj7gr6cpt0y8psipmoviroqrbp2gk4tofbxpyqwjeko2hpndn+fuwpvdpp75ik1xfwhahmhbvl1l3s97lxfrlhl+ns9olrt3se8uj0dsi7/gsqzkx+hteifoegdrbrhiqp2q20e4ksdyv8ibyindyahd3plthfwswjosupjg8bpuhao7vbqugpze5j52+kvhinnnwrbq0kqdhr6uwzrxm8ocyicj310zdvysumwjpcq6zafbfn8vaci162hcgyonrafi62q0fg0vzgphbefh06xwtqyechacge55956jpedkteva3xbhojwmk21pcm5w+dicptiehhegl40ibumonybarqejsxmcqk0gnxchewt15mxakokpulvmxhpjdqid2z62cxawomcdzsjdlqvvosp6sorqj2v+of1cbeva8wokvuhfuiwo6mt8tt4k0jitm8szwpwu/rpcv1zhpjwl2di+pp/6zspjbee3gafagibouviwpdbzpxg8lq8yjh669udz/imcwvz5ixvgndgj0sd5gs8smxncx902ihzrao5y66oco4ktvb9as7p+bqysbslbcdsl2tfyab1unetxswkabpg3lotrgkxcdxzvcyixpo18c1bohh1q+wq5zqn17z+gorch/q/+olwofgvrvzy7phwgrhqnjnjamon/jkphdcalir9thymtctedrne+b9kjtqh3xfg5ieq8wjg3/yrtjwyyrn4/mysa8wzceik2hcyycfwvj2bsy+sk//gdjvcqvljxwupe1f2haszpzqaucb7mdavelefvpvpvp0qqqbb5l90sjck1702jaiucr92pon1ywgfhfv/hmjhl359z6gavvzpr8zxniziitgt+dewsgtc+5s1582l/0ax9jmxtnoby73rk8lljmsfjrnlyrzx4o5jbj74uugyngyfbhwxihxbc3vuqq+e0chknwnilng1smt8v/jtnqztlfkrqifxqdiu88wo34ddkdhjzm/4gip0kshb6bx/u4gts+vus4qshdlenjqwzo2png+qljhtla0xgt81hygnvgji+uaoaikkarjxuoocz0isuid/o4tstnwowlp9muiqurhjyyujfacy6x2agh0qpzxdf/tgifgs248lpkdxryxmng40j6cfuemo0jitt9e5iljayes0uxolfshdout/1fy4ivh0zlbvmyan41d1rjkjg0mxmsqxdwcoemlfv2+zvxpgufxcrerd7n6nvehwpbpahemrz4w8ldlmc2n1hlhtq625iwldhbfwfhbdoqr0wrw8a+ycwdvpm4xkhwhwcniqozmtks19b5fdxvdvslhkvurojw0r1wx4u98dlewnsubwoe2ceivmzt+x2qyegrvlqrfy+o9h9c7mjrd3opcoxfghwvuggk1a5+oz2syoonc+o9yxmyocshfkxcjtfahgwsjvxbyqemsyvbaie8jje0up7gndpv0izvys8vncvixdnw72cwxuute3xbqlip5ckxemdt/dayic0xltiiqtqc79519pr56xb/w52qo2i3cbymccsecsly941w4qjsbhomrmblgjeg3zbi0/kz3xdheightw9qdpgwvyaaphcqz41kyasw0a42l+s2hgonghhmbbxzzewjfdippvgnlnummkq9owvd9ssi1rvufgnzak/7xzv6g3b7jkt6el+gbzqye5yqhd/jzljbsnsmkk6dulg60zmvgp8k3/jsgo5xi8xb6nc4y1pxwigrkvtkcls7amhie2re8tpuv53gwd2rclnoce58o3ylljref8lgnp31xirlcojz2gwaus3qjajb/juhe7+udrmslka/sg+keg3ol+cyabfzwek+e2fbeldel6fdmxypcyp5iqhmvjms0uckmgb2dbsmyv5jjzo/7y1ax7zjqi0wwa4a23xuklex2rc5vi67utrctjbwh+unpzngcuebddcisfsxxztfhjwh5q5xzvuzulot2qivkysibcfu+izy/q316yi+vigozbx3+u1ud4msd72b0bk7ny94onfepjes25or2ummv/nozu3rijp4dhssodr3kp9ac4haigmfppkjdn4ixue3ub9qta4kde7gf3fvojn82/usd9cg0j/12yxvyrtpycfkie1bs4b/phjj1zxdsnpfgmwilfix62ifjdu1d5wyhi9j+dnozqyxhbz+7bhlx2bwqe459io/wasq5ikc90mtmliwpvrin2x0a/x4pn8s1wchd9uq1q2lxdnhb3cunls/fjfsj9uookyaygwpoimtnqhwgymdeaueg/iemsoyxk/qplfcvukbbcxcvs/pi7s38wbxsdtihw2pqcuu6w0yj47jacoc7lbhn8yyqm4dsyeq4rkknlq9m05gfb8rdpz006pjs14zalrhoflmcjtr42k3inddpi0h1pynau9bna7qwem0or046yrdn6olapikisufxi+koyzk1ds280n2tk0n0orfw7vaeoox+2xytb0yynnkge/3y5ywswoeaokivxqcld4kzl+qvek6ytk951c1x2putgqndii02lyym6yriotlqepj6ufbupqrllbzvl+w/rcpnzevaq3eqvyknqwxphsoomwpkr7ketrv/s2cvubzfkvdclvuzv4irqtrpblsleojlg+syd6prnrb4phlyq0oecbfcl4oxfrg6hfjujsjqcwvch2jahn1lwgs2fuwuarf78onbvfyx57e/1p7ja2u58+iqqavb3omsi+qcqvqmnrmjk5iahejd4rtszyoph0w8iru0lu2he9xwfalrmhiojk1+1ds8o70bdy9dkm5crs1tyuv9bvvskmldfb//f6ljweifc0emrlqjbd1a59zqy5wexsks2w8qxpvodkc5c7an+45s2oryaw0a3mq+dnvjwy4ffy2ydipmgcobdsamorrcpwcbgdhanmovdo/w1+i5riiu3ndl6mpeg36gyt9qirmzvmvq5a+ftqzxtmmut1i7oba3gmttrmoc2ek3qjeptsqg2x3x7b+quuqfaz9i8rlde+kcvzvr6newd37/2mhvvfxtz+gerd6v1gpvnrxkhqt0pm3qrxyhqd17rlra6wd0ogmuqqfei9qsdbksj7krhbplvqldsa7e0js1p2g3zazbzriw04agkbqncx6+xihya/hcdsz7p1dhdypwfizskobezainc6lirarutcxe7h0mdpin8yanhvmbjjddghiqdmhluanhaukdvi1yefhj+zxywdsoo5t541haixm3t5m5zakl84p3qa02hyit8xjf7jfmf/hmr+zjtgyvaslspg0e0x2gyyzefngf9nsczvgmrarhrqsgzrwrfmb3njyjkgtxxnlrd4pst+tbproen9rquvmgp8briltakqrt2ejqwme4hwbs/tybaajatr3dbsge0gzdukk5l1orl8jf4/fvdt9yufz9tyqop+ptvmc/g5cmdh+sdqo+ldfpqwwc6tskzsysagtrxhw+dzi6rjhpnncyntfh5xhgmuzecprw/pmxychr9ht2hw+l1e+fxa7lbzcfi+g2haiwnvx5seihopyedrqxulxj6hffmchoc3nwnlelywcsaptry89y9ijhfba62pozdnzdm/3wjtrayeygq0my0dumswmysyojxz4yw/d4q7t4tapczsx0dvsek8c8qoom22tgejkbicpdvdz/wevauoa8kg0ei/8iawnp8m9fjag9t/m+sjxxft0w3biduezaltz7dpyjlyf3gckxpk0hyml+r7mxvdse2keir0brlgmfk4whyvokhyxal8ziplvsn6gp/hdmrdfqkb7g3+fdtw8ibdswerxlzvghniptqmfgfazbwxgx1xiqlxwxrwqddk/pq1exezmlhu08efz01a0qgrxkvx0zkxsxxikgmn1/+lji+dkkpcwu47jdpmkp/2s5axqouinge+tfd4mzayfxendfa2b9xqnbb0v7s4/efjy8hqozyhetpbofnwmhgmlxci1wjhq/jygdita3qzj7gkvdppafg7pchb6wwjtpbyrhy7o/1g0crk2of2ez6nssdklhdvooknlwv+8q06tj23pstnwcvpsggwez7atzsb5/ts5t8hsmcnwbgpgih0to17r7vj0bbcdwc0wn5bd7lkp1tzwyznwwiy7dk5v/za+w1xr4nw70ym1ktm+tdod7jcz5wk3dxqnwd/qydutvnwhuzu0rffls4z57med+7tatzi/onuxjmoiiiw/d/o2hfu6pwcnpv5v0vxthanprtylitxh+jfbwo4yugbarg8gakmko8heekvxueluwjurp7otlebdvft/e61i8kzvzpvnxzpdiqvmkzrrge7cgezcsca8sy+boqedkjetv94gv6lzrrhur2hrslugoe4ndysz2hnf7gz5rkwnug2pxknbtfum1bz12dyhek9bi76ax4fopuurij483hiwj5dqw9mbztau776dqzine0dc6znsfqh1j/xldjebae/pzbrtdaaw+oaaa8fd1t/jhmixrlf9utxur8gutzolhndg9kt9xiosmgyophthllr4reym43cn5kr0vtoonz1v5coak/rf9occczclsas/pg1zcfxdv0kzyn5wmt7mzfppmalzgwv8mcdk1z+tjxzam+4wiieohlvf0djedyjbesatlnsvu5irknvbpb+tnd8epffxhmvl37kcpr271d8zqm2zxfdkek2uiu0+l0g3mioyo0xxcekuwd1hfhikdlckjssvnubrbel1ylmtv8gawupxd7icp2dwhn4u1diaxuvi2tkreyzxqzkqzsbscmokzrcenf+fsbqevtcxcloqsweapjfhz2wjktps+is0d9nd2acv0bvcm9j7umk+/nor6hn7ezouiaz60b3jtx3qubmjrclq0pgshgu9eozz4+0+iu5hhtyqjcyxvix/o0guqehgasjdly0ojichenblhe2o1f+0urxskhbkqgzvtqys26koijl5ehjf53pxodnn96h15qz5cvqfprhrgsph7eumh+2p0farpwr3yberdxgcr+fqxikouoj6d4mr3bk0i3vlp6fsm8knqeoddkbyrx9lcardkp3aubydjm8xaw8btnlaskadlv3kpfgqbkuha6habmrnm069okhtzfc/+5ptlq8my0jfko0n72zmqnleqrth7ntpzcz4t7toa712o08tq5zsyv1krwp5lwjl6wku1tjjpaow6iyvprbzhnpbhqtckxcipmhfmd/rpsa4c1mysczpymtrw2qnhsjodoc1dgoisiqx6oxtgmr9wq2r2yyfveafzhwxuug2ufo7bth0ic80arfyp1pyi76gm7gwwznokoookq7ft9jv5fgw1rlv4v7cyngrgeod9wxii6qv7juy3wnm2aqer9mukze1thpthyzm5xklaoiuijp5jeqrn5u8k0trcdead5j5d18ze2oghthcs17l5nyzsadp7lapltcc+a5noeprwd+n/4vecx1oywcvhl1xdq72+meykvcvdsvaktyvsnvtji8w0p9hmjbpsx1sdopx6zfmw5ehfff5xk9mxgposirt4qqomk5dsv63q7fwjrrasolm316540vbdnbz4m356768pf6as3el1dje1va9fjreyx5fvv1zhp2ndfwkrjhbpjffsbmkh6hell7j1tpi1n4mi09liwsa3vvs1lx35k/lgictgpw9+dltdcoyp25aajpvarwgkljwqr8joairocvmdivqgjxlpfvmw6hsalznzu6fmxdodkgisguhg2ss8f+u2irqhzwmx8mwlsjhx3r3nskz2hsjqt0ey4cggpu5ofkyzjg+sf2w3tvo5og4fhvdmbeasuxxcmdmlmzysfyoqqihibxjqmg1eovafh+mhriskssmrrm30jofwyztch0jlftukbmil8axyiensnibxcwgaojbrrwnpg0fcsf4axmfpik04oxkyxj/mnkt1iycxvpgs8a9c1rp+1qomses/7i4s7nojrsdi7lxrxz5yeelwnho9xp9oxppwya4bz6hpke/vulpq9no6u5nrxw/imnagpktw1vfleu2o12yvctbqjjf5/rl4b6mbawxnw/whidwsl3m6srbxzestpcckddaztysh40jvqp0s0butmvt9cabs5m9pgt7qubbmnmen63yed0x/pa2eztmddeygl97vxndizmlfwjlozwboym8w5hsxxtllq+6sumbghrh0otjesqtqfdvzfiintx5zde5wvyoocqdkmz/thfogpc5ppk3lzfq5o73yezuon3as3mmmn8xjugxufcyzvkzddzy4haxzdpla2ek2bvlbdsyjppubbampj3jkm4jce5gghglvdv0yehov7cxbgdkv/gi7r88lz/dac3abse7tal1rweknpmfp9txgvwxjyfqih1mj0ov4rav2bmeiu5dxohyot11/q5lodukbdnjd25ysng6/gnw32qexxeryjd1ydbpcx+amr3ag2du+t0m4upglfsfnaavwr+d4owgemca/jbaqwin0bad+zp6x2st9zbrcedtf7gmhxhanfcrkh82zbuki6qpe90o+y8cgb4pgfr40pgxnh35hqh/xfdfpmlxrubz5dwogyd4uxzxvqltajlhfof9wwwkzgkojougb239sjv6imjb1xkdfjq2ekr6rcs5eyeopinoirbw96y+el0vn/cmwwhpxlwkjvn0lgry0ab4uho+gnbosi04cbacvxanzamobrh40bpwl0ciq/ztglfzvqtdpiztwu+s5p9i3un0q0ksd73w7gwv4bdyjgdj98gi+v+smfdwkzq6fuxuvsn8ayhxw1xwfghroraz8i7tslbqpm+vvl4ydnaikirhd73hd7s9ohz559ulxpxk7z5btosklonxqco+b8knpwuuc8bje3apcj6t+txnq9eb/3e4svg0w/zum7jojoyiefzuct277e0fkxoc5aty8hx8lq/szbik4x5mv6ylz4arksxpgbujfu8bcsc9tukdrvrydderjza+kyd6ermqfg0largnryx8jpztuxjmwgon+lzwmiziazwvqbyty8k5/jt13a5/rr4au1mmzznt5eoon5zeqsqujtxzh5qav+sre2grl+27gvqn903fqiwhvfggzu6yg0yupsd8xps8dyr7a2w+lrwxahrciyjnuiwidujz8+lwgozpu730nqrjnsxywqlfzdkx5qdlawoqqeqk8zdrhz9t999rcdj+hgxulebx4sngpqiqfawomxlob/ahezk8xmzuyowdzvortulb2flbcmzygwh5wnhkbpo89zpzaiq0hgjb58yok+11azj20ycras8hu2js+coqct2gflvo3ycn65bc9ufvt2h67azwiotpqovwciyr4njj8qau9s4r/6x5cfjhl0ubr17m5h1c3ozgk08vve+pugjrwdruotxvhytjvqafkqt9e2mglpa608je6ec41a15flt4guaoc7vqov78d/qzncjsrwga2qty6ntcdh7ozko28yisjh7x2vnfietchvzvwbbep5qzoe9c/j68dtq0u7wkgpb6dskrvuuzripbf2+mgoh8bsb0uuypxlwr6t/anfsmymjv8cwjhlzmmbqrld8olwywszfhudtszrzj/6a3j/141yaqosro2yfgzgyxktic2mh1ss4n+yyhm3f7mllxcfjyusiino48tvo2+x3twb74i0ctcxydv1fjtkpp+hfi1pw/ukoquxkptz+u9odaqn0qah7e8raoimwkdgqat8fpxufwaoxupd81ik7nvvyiip8ip+ofzvq+rgijqf0p5th8rblox76slgvrddkqlsvylbdme/ajzho5oglpmldbzuxwj4e/gt1qnd2t+gnhvztw7yg+o6xdyg/pvd2nn3a8pwalbbwyeltxv8zmx8smfxo4uxbcjvjrsr60clw/82vpionfg1u+edk16/gzpy3lmmah2eqhhdz9mjff+gft7v/nbfnu8idu41ua8bdlorjvakpxrwovuhvecqwg8nsxyzcwblmmr2y9rz7dr5sev2bqpux5ox2mgf7szll4abnob66tzxriv8tvmcuieyphhcwijvmtdrushp0eyhbcrlnvqxepudo0nrk3ozxxujrg1kgmks28htuqlrfxy56wzjtvonf92ljwbgaz0aq3c10kotcqgjskejo6ebtvgognainv1vhyoxquv8sjlc5xx8czowjag5njb71hyydeyzsrn37irve9gwxgg/eyznq7khw24+0tm6m7+mfxbvj6qxmjekljarijf1bhjak+w/3rjjjlym5pwws1lg0pxsgsbkwyb+pct+6evx/c+koyvpddss3yrxlcf68cpuywy3xmp6ungmpr4crqhzcwmjzjgglrgkatqjyw62gkiwlje9qzt0mozjuu21vt5clc+uksc1cvflcetvngnsyc9lj/1eqhug1usgi8cl+41nyeow+bjqo0vkvnmv1meqvyxqdvvo1ivuapo89pfoqg4g5r5cpjjehloswhvhgfsoj0rzscg2nrzcyll4aqga1pzhhaj9lhzhxsmiejgbxyteqghfg4bxq5rvdr8si3tvkym/3mr6q/phfzco31jng9iwhldy5byxaqw1rpn6owwsg8fbcg9mmkthc6h9mi4dalbv3rprv0awgu3zaysqxbbmnoi9yv+exkcwp1cz97fddiw+owgd8uzebksbgemqv/wxaoz6k4telbd56hbgbz5esqjwk7pih1k8pssqqo7pcxijrc7mwdi3l0kzl2vrx5ulnj7a9ugi3u8i/mqkuy6af19upqv9phkgdyjnn1hhuzl8tnrallwaece5cormb7y1pv3uo5z6knz90tzp2+yciwwvthtlgsuf0k2jdgmhwi4vftav+fflnemvkfohjlbyw6qq4mvwje0ozxqd/y98yvald+6sopon2glupckb+nqc6gyhf0r4cl7vzeori5kr/adccocitg2gsmtppsha3e95ir0l7n247bz0x1yc8der17/sq02s6qs0swtoruqixf6ljnesgcexo59mw1ml35rva5mbselfpo4mi5rhsjd9hqxlihi4eailfg1lqe+o0unepxm68wm8o1bzc/rnkybbqrfqije+wt6fg8ferksjbyenvzke36tr5novdtumfx5j7wzeerfqukahgpcxycjugirzfjbdi1gb53zlktwh+76bam/msu5zm8qjhdzcp5qv3vx5+cjylepvwwhvdmhuu0jlxmw/amdt5vqrzlfgcnduiqvjpbpjp3bqburahomqugq980lzx9vs5afxnhkiry14cnu+izdaef50+jy4dhzjscqrpyz1s2lq9lcncmxi60obva71ob9+wwki+gbycy5x7j9sjceqfmu2s6hknsvdkuckfy4/2n8tuioof0bkdate0qscvudqnqsez/vl0zeaezt1gilap17dkxvjni2vljopl4ispnhty3fve8ksouqr2helvyuc/t8rzsgq6ur7ppuzilukygwewnnrxof74ftaclgbwittdsgcpexdaywrxevyiubxdciijvoq8jwecfvpucshphyz8hpgxffrcnw85++xx6zxlouy7shcfpkmhnapurlrrfkk5lnmfpz00gxysiwohegw/kgxxdtnx3n6vnew6qj96owmwnnsu2qyjnvqolu+tmmnxpx5mnfwtmh85txuog4daoswgrtqkcjngfijdmzwc1iubarqj7401rewvjxbjcwxlgweaf/taxvjuaweocchklqrbavsg9j46afntdb5qfevxlh5ve7zvjjcrczxbj6+epzysg0wivj+yzuw2+ssk/zm0pyvmt05nl64qnzlxqumryfbaxlo1j91crqgieyw9iqzkg5lkvukmfin1o3xe1zgb2aopabsfbo4y7qzf/kshq5sldk/mma2n5vnuuzjtqjsz3iecg9gjvwk8vx/ao+tjr4xy/8oerv2una3zclmpaiocqaluzuu3f4rtwb+2smukbtqeb2lewfwzmo6hbzr2yc5r6sbrce/8ezrftfmphsvlbl0mzlbsyb61ahdy1ckihwhws/s6hvutafdqqneipmpxepife4rs0aksgly8fne0f81zcyp3v0tmrzivjn4xtskl6wnmfsb4a0koluudy8nsppyomljp7owmqi5jdfwi2iya59vfjq3y6cs5wip5n+zm/x8jlnthqatw95u3pikqrx87v/olshcfryld5s8tcj6kv88f5ymy5hjz+qn1hucw/2ed6/3juk0yfs51nugjsavqgh5czy8qzytncnlfmaojumxxawuytairrupfoegpjracyymyjoxklnppilryjtiak+hn9xd5xscpthz14b8dbcv0i4rqswlw3x3fi0bfegyvy+17a1cj1ru/a5r1ulgjm2zjxw/jo/nbivr4rfnmxoe6quufj0dtpo9xh/6lk+ffj74/aqklsype8/rjawu3hm8x3osn6ayavpqdk9za/knmcwpw9+0dcxdaisbmypn94wnw8gqelyuf3iteyk4/6tehrowijapairgdhv9dlvnfw/+uh4/wt/txcy2wnnxufodqaudgj/c1uxmo1lbmrzdhjlyw0kzw5kb2jqcjmzidagb2jqidw8ci9uexblic9gb250ci9tdwj0exblic9uexblmqovrw5jb2rpbmcgotc2idagugovrmlyc3rdagfyidikl0xhc3rdagfyideymgovv2lkdghzidk3ocawifikl0jhc2vgb250ic9gq1hsvuyrtmltynvzum9ttm85tc1szwd1sxrhbaovrm9uderlc2nyaxb0b3igmzegmcbscj4+igvuzg9iagozmsawig9iaia8paovqxnjzw50idy2oaovq2fwsgvpz2h0idy2oaovrgvzy2vudcatmtkzci9gb250tmftzsavrknyulvgk05pbwj1c1jvbu5vouwtumvndul0ywwkl0l0ywxpy0fuz2xlic0xns41ci9tdgvtvia3oaovwehlawdodca0ndekl0zvbnrcqm94ifstmty5ic0ynzagmtaxmca5mjrdci9gbgfncya0ci9dagfyu2v0icgvzmkvcxvvdgvyawdodc9wyxjlbmxlznqvcgfyzw5yawdodc9jb21tys9oexbozw4vcgvyaw9kl3plcm8vb25ll3r3by9maxzll2vpz2h0l25pbmuvqs9cl0mvrc9fl0cvss9ml00vti9pl1avui9tl1qvvi9hl2ivyy9kl2uvzi9nl2gvas9ql2svbc9tl24vby9wl3ivcy90l3uvdi94l3kveikkl0zvbnrgawxlidmyidagugo+piblbmrvymokotc4idagb2jqcls1mdagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmzmzidmzmyazmzmgmcawidi1mcazmzmgmjuwidagntawiduwmca1mdagmcawiduwmcawidagntawiduwmcawidagmcawidagmcawidyxmsa2mtegnjy3idcymia2mtegmca3mjigmcazmzmgmcawidu1nia4mzmgnjy3idcymia2mtegmca2mtegntawidu1niawidyxmsawidagmcawidagmcawidagmcawiduwmca1mdagndq0iduwmca0ndqgmjc4iduwmca1mdagmjc4idi3oca0ndqgmjc4idcymia1mdagntawiduwmcawidm4osazodkgmjc4iduwmca0ndqgmca0ndqgndq0idm4osbdcmvuzg9iagoyosawig9iaia8paovtgvuz3romsaxnjqyci9mzw5ndggyidg3ndekl0xlbmd0admgntmyci9mzw5ndgggotyxnsagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrtdgvuno2yjsf4cato467bce7qeblcaegggmtognecbxeh4e5wcbbcpxgidkgdbaijout75txz15m5f+49v2znr/x2ep/avbuqnl1vmdfpanhjggeweewyi4klj5txdkabdbbwdxkdc9caiqk51cfgqaocza94xasxmjjk4baqagpzlachigiapqgyia+xbpdza/heruwxmabymcdpontabgfg1xmjx8bbwflpyx8xgixnp5dhsbeotsoa+fhfdwipc3kaociekf7bgvoqcabhawfyqe0hallxmgyqgkoaviunhyasxbecf2xc09xchmojaeitiy4uedaafqwosp/7alceoykhf1pz4x7kknebgaauthbl6gmyxmms4vqh4gq4qeaoubexx3ca1avgdqc5ih7vaaedqb0t7v3bfwp4tfvb/iricq579hb4xb7jngeucbdlonqjaxjmqimv+hedcbsq4k9uf+gjdibzpxqcyzauf1r6c3ukeuqrikijcwab8ud8ywubaychlk72im/h3i9ktndox2w4ukadrf9zascadregwch2ebexr5ph7j+3888+af+pe5ctk73nx9gwv7z+owyowgvib8wnxcf/mnms8zjbguqixfnnxlqcrwaapt6/7wbxp39gbhd4xxfe+mdm2b6laifhjvaeaddecotha4z4talg/e+pzp3ve/nfipg/reb/i7z/m3h/vap/9bh/t7/nf6vwdlw31wa5pa7a33sg8lhoqi6ax10daal+lbtxb8cffqo1/d8iqq5qe8//kvzfvfugfxctc7mh/yv2n7+mo/wjolx8gtwv/jzdxrshhhcwjhrhaqowatk/xtxfdh1hmarud3wepar8190+bvhy/gumbqo1thp8o4tg3xdeefyvdtxq9lf5pbp6sqqgqi7/ytp+5az5obeibu8ncob/z9jth4h/4/chslyw5ghw5uj/lixrbb8aqfruccaqjod7f8n6fw/fp8/qiaqc6gew4uxm5eudpp7/4/nnyerfabqclwhgpyokhqa5gh+n7j8mf2blvzj8uey/fsfj4/84/zx/eighxbjrar5mkr5sm5azjqh5/n5gtn6op4vv6uciu0m9dmf+wadyp39a+lpohfltdqh3w4tyfyvn3iht3byq+85qf6k9s2ck5dipypebrtufyiw5tzhjj4jhtaqn/vavyvtkfrigyijeq7uzmfb6jwnxlrr1rnslombjfvsag1t+adhjproun2vqxsxjo34demfnwcehc+le1svl3/dgqh/ngwr3nivhtiwmk7gbcg5zzibzdqwuou6fdwy1iqvn9yzwvt1iz2eyuqe5m1crfoucfimi8vatgtiyg/bje6ghqebdl+4onlxalolxbvflr+bkmzcztnmujcx+5yy+0gsopb3irtj6qr8ko6klnzjitdiaq+vk5nm5k0hslpn2sucml4uve944zs4n4efgbuf9+k1ktzbsjx5re1gya5bbdsqdx4ekw/9untlwkjgbur225cr4maxtg0hsxspsmyqh7nvnq+0fxj4qseoaigzvck6ru0qacw4jemxc50e7xli6qf62k5ctttoxan2wqko/ktgcsttzkcmc3vd5xulsaqfj6t0wgepdchps4h+enfwxmjrs7nx87ilo8q6opjja+k9civoj9l6z3ur+kgzztjll0gui66qo90hsrivggoklgc5f4mpqshxvhxbgf9xtqk1/3lrhyjwmzez6i2lb5ycshucm7b3zngw6xbstp9ayqxexvebcm70eq+drsf3a+nsvlatxubqm917ho/u/tawjhwm27ewvj/wtdhryiqbaufpqep64hbs+yuav7bqkoyigj99l4iuwiyppx4jw/s1gcty3f0t2o4lblkpzgl50nnnsafi1pjauti1uqiyq3lj0dwncpmccrqhxyirkz04lmnmnn/rcjl8h+kopln+kh6/fmri+ct6ybtf3jmgrobaqfbl8nf9b8qyer22yrbasdtwulwoi1vb+03rc+vlgssclj7fhhqz1kkiya5xm8ovpwg9+rnzpce8w27guenullddjj0awj7hocw7/h8gzc2kyswtoffzcmbo+jda7j7taq5oygqj3zfaizyz4y40n9dxaw1v9cvhyoaeyvfdsejnnplbyxvj5nzwpqg6ci3nvy52tnj9fvuff6dpjtfqs4tn1lzlvmjvvda3ovbrbvyqdpeg1sri1scvffhhawzfs/zs0oauwv+o7b6b7oofjxykgrcmxegip274rozssehyyr6btn8f3r8dkn+tpykztguqqjp2iqh6r6gsksduftyddmfqp3bjtrpsbsljhi/dt9q9nt+9gzlzdp2f4u4mci8gmb+cncb1af+cdmzsnjs3te1rnjffy349s5ocafrl89bwfccswvlmmmoctajzityzs1ru7qi3me6jrq4w8ou0mdo0xviuobfhz/qn6vaq7qjkdurjfjx3l2tx+1fegg9nd8pafatux9nfz6vwggvyxxs6gqump3vkh/ue7yxmk4nvqoqqq3elw7ya4tof3nlyydbffzi43kcpnnsohe1mxnlprewvenwq81/g6ez20wl1ntnflq+obmu+0nz1t99w4jhxale35mp+cuydhhlkwnrn+9gkg+zqeldfqlxhptu+wl+sdcda6onw/qsa8aoslggrl8iblpwd3fl8m8mvitx27dsjosn1vn1bvmf/v5wnanlhttzybkbemfbasbn1mahqvdsfntitjfcmczd3w0rdp5lc65fzrjriypow2l7vvymxqdwvvdel15+irrxkfbtmbfnh3bvhuew1q3d06qmrv5zwsdxvaahy6urnpsed5ynnhzlyb23e4zmvgxg4j1giufn2dtqkli1ueh2agapmb5q57oa562u7gg9enk6tbczznuht3cnr0gvesli/b4euivakhb8mzxflzbwr5l6ghto50ej7aqjkdxqbalsenmt3bf/jkl4sfivok8dviuthggztlx18vvnkygmojknzfbcyaxixpkiketv25wr8on1lqvi7iujid318q2jyf9d2moddkcu5rybez8zgp9eci3obvaoibljzcu/lkkgr8z7niu0opp1r9mahmnlvslifccsupwio8vugax17vqbxjluk67y1o+ylspodtgj/oknwnbopyyvckj3xqgcv9grhj5h77uqqqkt7coho0l2rz5oj1xlh3r//tvp17xaso4auefhpzbsbtrurds9tivt9rsyte5hafgzss+tzgmhwa8j6m+ldp/nt1wrcbkeorccc9ou2mbbdcqsknga/g0jbri1fa+w6neavaapivouoqdg7q3mfa4sdv8livktlrqjpthubrcmtivir9h2kkzfnjji7r90phplwcfcwncjloh0igkj6t8ylydwrdatwwkcgajoioyqw1putl7ol5r1gpp63cr8z33gtjgyuivvlimsdm0nmymso3na++1aglbxbnsthoaevt2da2gblg/+kbrakrtu2mwzyt4jwcglo4eaau8cxhrezmlc0mnffgxkzkosm7nxhq1/s7j8aomnmk68tgz6lhe+fwoc643sgdua0s5jozoeroyn47kpchv8ob28lowngxij8jhqdf/gjx8motzse/rcmysx33psglzlmsblxxjckr32grywgikmsqmbrh5mq9qm61wy3k0p8+ntc+gwwsdetvivmwb8fuzv1a1kh02/qklppbz/bl8liwefnuflg2wtw6qper2gi+2rpevetyeuwfojksgg441eazsq8gmen4gyxun+u3dqa4mbbuwqwb7ygq1hcznrv5q4bx+lqynxja4jm7ezssfrnpy9k2ycmmplnpr/wpdqridk9/kesiru6+vmqdz+ywio0j9fngfsvh6wihgjagbgq5ov2t1if4quppx8io3h5xgokraj8b9ff1dxkzxa9lmxyu58s4pifp+6lafqkgtxq99thcmaxi5ycmvs564asllkwjnorp7nvs5krmuv+wcggay9a66rsyra3p+brcr0ha9xvuhcv9bqvffju2m/dhn3muva1asalrvvhiqwdtrthwfnlyzdwzjysbx87jos7tknrxkoplfa1rweanap6hwea9/pfeg/kkysswqmimx3goc2he2oc+oulzbcx5k4/b3yt2yw2wvdhvbdfhdz/udz0x1daokjqhbyrezzcuaayxs4pi4jytg9vadnoh+a2oxcocs6bdrahqujbjlfqr+tm3vsyges6vlw0pyf5elc84wmb32elln/l6hoggnlybn4drq/v2r59cw2loh2806nj/xr58dxk3khnanyngmsfngfp+s6j4mn86pzrj7dqy0na0mesmzhwjxvsetv2rcvrjuoi2v3gj8qqzms8fx1unr0+3pmvcuiqfmozlqfwqxsfdjml8s/olaf8ornbk7ar2dp7vpsi3u96vulz/reislzwnpu6t26es9h4bkvx2ywvfvvzjlqrtbm9ui357fstke2txa/fa1v4w3wftxrsfldmdzk59gh8fxsfipvvptjl33llghqmrstzugsnvhdw29/l5ugiahbg0osghwh7xhbct7z+rnjbuuxu/ea0n0od66duqxf0mgu8ivbusprvcs6oask+n3+wnpbmvxxhhdpifeqgibcim8rnsjg8/n9jq8rt8f2gvjmsj1kpz+4xly44ckehr/flbzgrptblspn+0wabnc5nbsbfshf305deggfg1ycdzf6bhaxjrprnxd0bcs5d6xe9k9tajnubdyg44mgy/3nbzg1xnr9zeb1lddlxu1kme6jo5wp6utrawukomhfzotiu0jzwqyswse0hkpvxggowbvdzq6fksgzhuqywv0mv9j3ogx1wbmm3ub1lqran7+mrrbo29fbj5zgiwsyilaefkgwuvdshohmgntwwqpyecbhjehr99gjvfgkzrergd5lqzbvulld/3ul0trjuv3pvzjbbpeekgxivywd3zsqsns7jfn3voghhrhyui431jiz/3u+bdbwmmtbq8n8nnqh788mrq9ix4r2j7kz7eytf+q1nizqadicpqh43oo22ayh5o+llx+xhsws76uhxlhbv+dtxs3hut6wtwyijnaki4bdusxdzd/mlwl9jmnfuuj6tgq4y25frb/uhky6boxio4mrdf+3wok+xe23z0xy8x2fhbwpn4kl0nvpwhnlpi51oo1b6w6cetftfvk4up3vuk3erlkojbx9umb+cfle2cxbseou99lvqnjo760l9s/gq9bx45jkssutrejfdwgsvqyhuy2so9xsojwwpvb2e4vb28djjcbqhwgcerfcp5x1n+wblqmevr/jww/1bjj2uwobjzpttl4gdak/zgvew1dahm6uh95adaxwzhp5baa52ehpzymcaxetzn0ul+mcmm/rxjnwzubw4p/2ejfxzazcdvtqzx1fg6dh7vbh4+ui0dv1rgpv3sbrfnzolxwbzqqs/+8qn0lhylsx1t1kvj0hntlgvp8mdfok0ejciyhysqyfqmcvypkufzqshedzanfqq/f6spvx72vqumtjueswxvl1zwiyaaftm7whfnu2n0n3f03qnmj32ngnrnf/i1ds1con5btfuen7e7fonfnpaiecprfjxscr0jzl9vroxxj4rmxm/v/h1eatkjngr58aszukr++cauvbcv4i6nrjgvrmb+lqxkqa8p6r9gk/7n7qxospwgb1cuhyxvwrmmrmlxcfsuw/qj5kcavqwvvssgpr5w3fttnjerq9cv8djbtixumgsjbossbanswfeiky4x2sqqw7ywporheuzpr2izu0+h0i0ipysmzmxpt6oyy9dhrqvbhmrry83lao7i4ngy3ua2enskihuglfeipxalj/1lrq+djkhrsntghnpnt9nhnxf7wsp4q9cye7qtwcp9dvs/gedaiypdkiie6b9d7jkffzfe1rtlklqwy7rcogvfkrouxe5+buk2tw3pc0uiporwnmdomvtxwob1u3yrrl4r9toq7fusiw59pemh/6qv211snqhwufkd9a65o0vr/fvfv2tjwz5xc5rqaufzq9+2pmwr0nkfor/nlyg1yqpypmeveb/8ox+b8/w20o0gmxx31eqbx2jogvmwgxeosbacyjt2wbt8rvxutqlseewcuhpwpi8sbw6+iklfwsbmstjydxduys9vtn5tqf45yy6+o4rhnowxt/qu7lupdetmhfmrqzxx+fbr6glr56+fo2bnk5xtpfgufuwofnrzenxrv/zztyghil+x8o1ff9zfg4yczxvnbprcn0wt144/tklpdpoqjqkv5lwjuyk4i45/cehcwp13fiaxohoj4rw0vfrvnahybiit7awcmso/jfr9dqxxnuy/vys0k0u8bykosajgcqtpml5/+qktcxnfxgs/zgcru3vxk2qavvx7cnezcschxyykodhoirl31vlk+fntqi9rpausswtqlkwqvttoroqmigqsjwqjeffkgcfhbbjuo12uwnjfjwi3i4awft9qjya0ofaxqcc79uiahsmmlcunmtbioo8vlewhieid0fjzhruzy1uxyfhhdzgdkuxlecuwa2+qempiuehph6maj6zdxzxs8m9qxdjf3npzkc6m8qx0fypqp6kshirtimzd95gxtlylj3sbeprdo3lhdovirhix02rhgkdmpxwkhe+sdxs+0pjnqffavf807jww+jlnoxou7zrn1mvu5liq5nnv+xpkvlmymd3dudnpgzn4qxf3uehgtxmi0mg+0ucwbaouyjfhwlmjnbsdr6kcy3q7vzqrubhzscwp1hlopytscx08txxdhdgvmcj+g1wrl4ffqkurkpid/n7uvmuzrpanp3baedgn61bjbmnhhukmx3tu4160dymzoh6izjezta8vr0tzz74wzzf2xet6opsipeomvgi2wtafc+ztcr6yxm3sdzr7lguwknbe31hyrqpvd0/mi0pjelyjlhq0iuaz935glaohttzo/n4l4+dyihyx+bwiuxrjqvqpsqceqf6wuzwq9lro1+cyiu1v+5wfiq95eb3aicu6ujjawlja6+hbcy8l0ndwhaxnspz+8wdpworxkwmghmdsl8gujm3j06lrfqmk2u17vwbmqx3rc6/3teiypp8kchppmkl0dh8ny/qz7n66dn8j9zyx9hxmawc9pzfaw/h7kl8rsihrztlypxks/tzi585+vachpkbvle33tytotuczprf5hco8gwojb++ugj/yycnxl0++lbt0jh7pcpjwhk9r+h2tasxhpcpvcwgeykp6+okdv4bpj44apy1q26kl3s7jjqcyhiliu61idjfqtsvu9glx1/yqn5g2ekeowfasbxhynxivnrhhmbvka9l12voocj2ce3dppes1evvvdq7rolv7p1gyodzax6dy4mobvxl6n1yq5vozyhbpy6ee/vonitmn9riabxf5dn7p17tst9omdogkxdvtk/qnzhygzapcbqo6sgisr7t9m3xt3psz0txbhqhufyespf2fshl67m8aw5gsbvpvt4wkb1+fxzj5q98eddnpoubzv3hhiqjzk9qfjj1v1b0sirubwpmn6xdkqz/tmjcip6njypoyekkien87/0vnqnykxtiwpbmtxgn6zisepxmaxlys3p6m71pd4be0e8/zmjzkd6ruixx/afs9segnfjlai4fb2e8sa9zvkcwgszhzwcxq1yxfnfbbqdtpsh/jk1bkfi65erqfk2pr7zkkbfyvbjednwnwt7/gyfi0rott6xe0tlzqntaem6jfsk9srtv/aoqucg6ypgm28ychffq8/wzjb/1mcg4yxbjonv9yt+9qbemj8zbb9a8bu3nwkryuqzkerhlbhr3xmchk6gddrh9zmvenk+vyrgy6zjw7rsj9jlwv5sljp5tf32re3tu6lddby4px+o5x7e4jwvpai7ufrvnypmr0xidn6fjtymm8+hvssm7hcxhzxt5qvbxsckcj2ipkllycuouaokkd+ljfftwyhtax5ovtvcdp9unc23muw5up40fsobgz1girfuy7oondljztul7e+lpgvhb55onirkbalwlpum2z95nc+iv033u2rg/tucjj/ss1ox5ord3gujj7xn14yhyhgfekubhlx2acfdosxtnbxis2o9qgloazy1ct7pxr7kkyvcq1keht6kmykvbpo6rvqduyqrl1d3zs/poiaxqdgn3iufwfej6eldzpwjfxbhacu/sex7iyzqlgc90uyfxy/nin3zldqjxfpm4u0599i6vrwpw27bzvdcegykqt7tml6txoxberr5xz/zrh/3budjaxo9gjcxoso7qdzkvrrrjp6i1+8kaf+qaut+hjuikilkrv9619a+lzbg9f7i8szfketuldlt3vz8ilpfgtcqnw2wfyso9ws9pnxlsuztymmsrklj06s2gxpw14keqteyv5ftugxrztlmvpk0n94v3ipn+ivprigy4s+7bmue0yu8f+bkb26uviodcr8+621oktc/m40j+w+saotwskhu1c+clvvhhkaz+xpwcbtdxwitptxkohuzxl6jjc9f0ebs4w2vi7dbxyolma+274mfhi47vsujmmwuq24lujl2lojh6zb4mjpvrdallxpgp5t4ecfwus+3saitiet1g2mqmzpb5opqr2xlamyiu664p4cmbzvk+v0slzhumzkus46qdbrqcsbnooipuyzbilrcjdi2lcdx4cofn5afo6fuq7j+jbkp5v41kufhhnmvjieid0scgo+eo9tkm7sthutc3x67+qfmpo9t9q/ozbd5e1912mld5e3y8jg/yoe4codedxyimbaixh5diqbzdvn0nida60po5s2qoud04lkppwji19s9e725j9fzd5fp+wg3qzohxvaev/gnt2vyaxyct3rdkrkgx7wt/rvv9squ8hmp02gzeysvxctiubjlkry6ysje7u/8qq/7x6yff0yb5tjtnvrmz8oauaji1fogmj5c2rtvuba8xq1jefhqmb5it/e3/qj7xeb49ttwaj1swwos0rdqc1fkhmwqsnw5oiy3t6trrsisv8peuqc93anqof7qx4qsz8529mrvvxcvecnew59ub3neddgyanng4shkh1nzqdytlajxsc/ieqjkpykyezhix3gedzmnjo7gnjhykgxs7lib3tfeonjxuklwk+pijboanyhmul28xfxxstvwrpgt32vpm93s4l92p1stwbzmidwm9cj7s4q7umo3djjevldntqpcu0l4dr+mgwtgex98+pdbgmr/onvmh9q0rgxt+i0f17ucfigsvyblputpmatz3umgijpf1lo1hebthmn8rhoipnprnhwrr4y1z0luume2br9om48jcod1/vc3drmyfyq5kgjpavx8k2s1dpikxl3pib/lc2ed94nyqyamnferohpvtrzkxj3hpnc+mmmjasddnapt8hxjgnrp8kih3j7j7ftomupvp5i3se6bff4fsrnwb/8h7yx8vnob1mgzfjam8hmiikxw1krubhhtax6wu7j7hcer2xsxm7wu9g5fbmke6w7cnazc/it6br7dty/j3gvcei59rmrhjevrhl6aimb4edim1ge3ntx+tx4s0qkoq2mx06c8ei5rktdkuzuu4bghbfxpnboqt0x/ktozkkbvjhfktikp+norbgi7z4dtn8l421u+zrnqfn3hszy5n0ognu4ors5esr6qk9pj7l41ami3b34oi9ejvuqaxi7tjsbkvi36aekxej0cbcl3p8e4ovaozwmjzxu2ruqyk1ddtmuc+mte4vz9ifg8ow3vv5kr5kwf+lwh/pc8nfovgkszje5ekc2yy5mkzivwgunja2aqq9rwxdekzft0f/rnvzxkvnbxcolqr2zek5oz1ge7/e7ytzkkatmomyh1v4fehrmj9jjxdngwymxjwqqsldlzzd2q/jndgyaqnouxrcb0mnabbobe+v3zxk65g5d1tdglqlfl1x1nivrfrsj94ceuebnt/cyozjfyhapglhtg9up/zhpnj0k9eadb1h7xgzpmb755hmietnpmdnbaj3dxeifx5zxef7wof6hr3agvfwtip686riyzaazoo4jvz27vjtumqslefigz2z5zietdrbul5t8csr2ijkdgswqzzdpr50z1luque3+ird+06dcbnyskzggftopagaqvftmz54myrqsgxedboly7pfrfm0xu0hlx07aw6edt1k+/nhvzzgymm5hqscjej2vu9tkmoq7lyunau+ziykgcbgkpgpueaymyzerjrurr+an1j/qbmtws1vgoew5qvz/grrylir68u41l/tlki/u4zbjlb96plzop3ts9yrsbfidv1b4tjkm2o/iku9ny9gse0roqjzj+j5xrzsq7lchylb7f6k3oxruvcc7mxmy3i72kbdcd8e14452nm+e6zmqmesdqzlporexwvcfrseoedw4g9+rtqupjs/8sy8dfyord2yvsvrbxr1qisd+xaeywud8uybnmfiokvonx+e1dvxt30uvxlix4uvvyoelucxn4bnvc3muy/ukka1s5vsvznf07aoj/36gmfkzdxct9hlev6c4o0f0nhkl6etaciytxxub+f8y+8ow/p8zirpniduixqpvjbj++mit9m++hu6zfdzfhcbh0tdmeigcnag5poregmtz1zd8q/48/rhpv9ybzyv64nsky+um/ech7r683n38wqxtytzvjscb8m7q9riodf3hcmjiygxc17rhsno4kmeizkkrtcpxxjhydxgypbo6i5kguzmz0mzxtt12y6kozxudx1wrwiftjjpnqnfuyyp+nvrfr6y76qlwohbx0lsznamifwwfebzifxzdg5cxaualmln9hhfejj6sh1+btfz/bblcpxldg0bik2bas1vkoc9oq53lkgg2a/+2cylgckm4ntep2y1bfnsmnqjclopsionjopf8n9kvuc74ws6fhua9yblkkwn8w/0a8yja1d/b8chkpm2pncfm/tdvws+tb1cuoef9ecs8uvudephwd0jjooo37jexk5qohvnwwzmvgg+ltdubvqmogjlvhylvisvwzn6uf0qkqq7oh3ck6c+ccaz5pdlrf5ds2gvbf6xba7lwhu6baplzqdhqvbf+0dem6henypnz+6gj5uaqbzs/zln4i6io/ioyzh7knw4tk2ryyrtzhjlevceqym5nre759lhbufsoon7j/ga05ovbmm2kywsn07tpwf10clelgw8ylzpofx3ylkcusrqntzdcfkw3ag+alsmzppy5dzccl+ryqsbublrnm+xuejy1+aqxnziqrju2nukzeftu1jetmtinl8e4zbl6lcvgkpwr2+oqpd68xwpuupb7l229cu5wcjcauuehcsoivwxx5me86jfbkaulhmvudoyvlp41isv8l2amxh4zhaoob6docavl+hhpbtddoso86/36qoewbcznmhjzjea0vwcmluk1f00xea6jjgmvx8thmkteoimhflpolvzx/gwyw6jpariodmptshgvdsrb73y40hz8lcjsdxfqib0s9w1ctjmfdtyvxl54h4yqrtq14i6mrce2ke8xov2zw9uzqawe/wzyhyxohudjzmf9pe8qvksw2k9b9dkql3wv0x/qwgti8pb3nf2ye9+eamqa36t9dpglptb7p4kivw+d0up2sdxlubn9x0x2pqu5tn5x9n2zvcl2nbgjixj/uetxz5ygf2ggwvexxh+kfp6wdjztujprdi2s76julbtrawy6estu+al4novqgr1xc+0bdcoz2ikncm5snlv16u4okmkli69tvp5vp3yd9ujs20hbrzwopl9fmgov52vdh4w1twdq7raefxcjctxakmk4u8xsjdtvozskry2pbe6lk9qxzojamwoodrg2ylrlmcybiok4xl7nto1r3u6yh17q8wuty75+2um9sozm7bezpwcnsvkkurs0czjrkwwu0xczy0edwle59k06krp2ozs4ogvei27egjqfbrow8nsmhu1iwhdefwzgrq7cjbx8ycxwhlat5mmfgn2jjkzekqqkvgemdun5ylvcs2fw8ssqvvecfblontsdo+dlwfp2hvpiexjaames+01py6oc6/tnsn5ig2g5guwyilgwg4pu6d/b4/j9w920p24+ozthkew/5mupqoumhhhckyr0wtocoocvx3by+6mn8u2sn6ogctmoa5zxga1sxzohhsy8h4+egd9fpwdcrvmxnqbjyu7cxe9trgp2pqx0jjrbkw3+znz2ojgjpkynd0hjglraaufcbrqpqcvekzphbiv8atlble3z2wgn/dcmn7t7nekwfgzb8cz7jrknqrzchv2pq2n9uo2bppdtnqtkpwsgjtxte8ixnoxx6tbudhz9dhcr+nuevur9xd1ozz+iffi4eywktmp+8vefcevyvgsttdbizxyirwlxyicezisvig2ezws+kyi71xzff8vo44p3ojc2o76xlxpncyjhhjehqqf7hnu3gr1bctr7i+0ad3mhucrhphufxuy+bbj3q5oeeieibjzctaboxrvjeplzkp6/vhy/ggy+twigneqr2zu7k8tyol7gaxf3hmyuvffyt10mwaqj315/4c/rp9p8p8egau9barhwbxacdus/ww2fj5gzw5kc3ryzwftcmvuzg9iagozmcawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk3niawifikl0zpcnn0q2hhcia2nwovtgfzdenoyxigmtixci9xawr0ahmgotc5idagugovqmfzzuzvbnqgl05xqkpatctoaw1idxnsb21obzlmlu1lzgljdgfsci9gb250rgvzy3jpchrvciayocawifikpj4gzw5kb2jqcji4idagb2jqidw8ci9bc2nlbnqgnjg4ci9dyxbizwlnahqgnjg4ci9ezxnjzw50ic0ymdkkl0zvbnroyw1lic9ov0jkwkwrtmltynvzum9ttm85tc1nzwrpsxrhbaovsxrhbgljqw5nbguglte1ljmkl1n0zw1wideymaovwehlawdodca0njikl0zvbnrcqm94ifstmjawic0zmjqgotk2idk2nf0kl0zsywdzidqkl0noyxjtzxqgkc9dl0qvry9ll1mvvc9hl2ivyy9kl2uvzy9pl2ovbc9tl24vby9wl3ivcy90l3uvdy95kqovrm9udezpbgugmjkgmcbscj4+igvuzg9iago5nzkgmcbvymokwzy2nya3mjigmcawidcymiawidagmca2njcgmcawidagmcawidagmca1ntygnjexidagmcawidagmcawidagmcawidagmcawiduwmca1mdagndq0iduwmca0ndqgmca1mdagmcaynzggmjc4idagmjc4idc3oca1ntygntawiduwmcawidm4osazodkgmjc4idu1niawidy2nyawidq0ncbdcmvuzg9iagoyniawig9iaia8paovtgvuz3romsa4otykl0xlbmd0adigmjcwoaovtgvuz3romya1mzikl0xlbmd0acazmzq5icagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42u1tatxvfdfogedksdkubsokxzgpzzzmb5lcnjynwxk4a44pgw5khsqcmygoiuoiklnmkzaxgaioknho9dzd0/pxft+9v3fvl/ta6/pf69prrb+ianxcqgojuwbq4rbeczgktbnqmjktb2csuhares08iccicfhtbbfubmbksjbag+qcsesbmhllgsvlkwmickcf8ydjus6urebus+whsqhqwib4lbmccxghik4ghqlhhead5jgnfegkswiaadrg9umeatadcsdec0rkqmawailyiglxqbcufgl94ucf64wdfh6fksspp1neij5amqwiukykarslsbwwtqaqodmeaoyj1aiptv43tp0urktco40rmb/ylb79vxabqahj/87jmb4kioghjhbiei/9nwof/rjmbcjrjmzvwx0iao1y0sc6oefa6lcirdbf+ybioiro5ao4i9ae8gccxcj/n0fp208lua0tht1d7xm/p/kzbuegsmtlzi+/rh9wf2ly35jsgzzkb7cvkpssglgilpfpl/vfsulgnxbifjaydnlyaakpr5ahll2gidnadwagsejqbwb9kh6hklgckxieolqkahdg4se/hikjb0cxjmy1h8n0wf7i/qrla1akdo1g4p8kycoaua80ifb3qama4rdgx1hocoasvxf/yxgfu+lbfzckaagzjvs3phxf0xnl9q+glaalup78l0yxrwc9wf/o/rvjmpo4hz8jyk2qkkauh8guzaafoama/ya6kfb4eev8ub+uuf2jnvguwykgd+gegr/foameuqxu/fesqjm/uep3lkrtptbeukpl6altyfgcfbqoy8dz7nrd69176rwsi3sl/n57visbjf6mvbrrnzzju0f2f70cf9n963itp6ubkrc8blddvo421axvrcprmqxodzck2xs0z210rotcrbuvvzv8rudqu1uvr08zquuvrhxt0rbhyq9pywiysaz6lktihk96syyn0k72hws6htm8pjfxeddiyt/nz8hj2rfbej+obns8c0tehts38sp1fin2rurfxzwnyx+dh5trv7+3w54jvtagu3m6phu7rjazhjdxesyuoni1w+p/kctqmvjncfh3bgdpwvchteh+wl55u+baf8/9bxp4zoe+gzhnu3doe1v34sk7zhq97estz3ycu9c4jqfjzodptzw7jiw1ze4sljiapd81r2rfsyjfwl/soamquce95ytv6jfwuwu7fkbnmsb4x1qrwkqjccw68nlg1gr+zprr7+omzhvg5kodcfvmxkhaek+q73impylvgbahh+maqyedcnmm2rvgv9vjsr790vbtrv7tspwydm5svp+a98zja0evfeslu20a2cveptunwqu7gt33htpvutytph8dtn/jb7xbopmqydbz8sx0c2/p9i0luntt7orqyjzmkopquruq8+xyi2jiszyrpq/l/org7ohclmivqtx08+vj5tvncywmbkgygunoz/mskjtbs8qkyvpzt0ydq+/nu1wdsp0m9krlk6i9df7hphspz9qzf+5mafpuzx3qlzkk4qyykf+mjywo3ij1njwqeltgsncrwixyn80pfxad2d/uy3tam1nzjgdxwsyfjrbr4+pslqvvqwp8t9c8ank9uvj1bj33qkilnvojtrlbzj2rbtuy4dw6aqyce07fd3q3rtal73kgny5qzmduphvaoewzslriy/xu3sra9fsgjdqicder+yovbqz4p7ckjrpxthrydbhrpqbb45mmkunvvrfvyvv52rgfepik7huyjjbrzdbbnhckdnb+yzk5lfwsdvjzyj6orpxs6ciswfkmzh2vlirldpqvq6+k74fequnzwv7+gy7axntfbo9zyz7yswwzjhz79tzlpd8vvjvxu3dup6qfjnfmvzk68qjaif/vlvsbhf26ga8kbht0nuq9idtpr+7nm9xhhs8sha9cwb+dp104rwawsez9jtgn82e+mx8+/d7s8v5rwi3ekzvpi5gxnfd5zlpiea0lveon9tdrv+humsbnxlufk1abguwvbzurrcpfzdmmaz3nhhlpckjnnjeju2/aka1lyyglwuqep+b/hciwabhxpxgbc4hq9orlnsgljbp69eu3yvmpbergzwtfslaqvgv/ut/rd9zq8yvlfqvl/lcjvxujphyxj2pvbkvyuwbn6aqncgpyyx5/pngw9ekg89f8s3vhshvvu1dvptfozpjnscugcwl7alrplwtckgctjhvax7sac4ufnh32e8iycrvn1uj8bik3hrqs9shh5zfweke3nnt8zgq2sc5d2wdd2lrujbniv/jlkjmhuqxqnzfie2o0pt/8pmpchdadvxmu8evoyostqis6thwy2uyzy9x9v81kiup0ei5lkdmk+hsjhasrfwcrefhmvklalushut77ap9jvzarn+fg8ulqoyswo9utvylmhvkqfj9mtnqsjs0iy/c1q/ja4vewt7nzr/g/835toakq0sdpfwksplejjxgzv7zb7hoy4qpvc6gblklsqe7crzw22s7p7xnkzlvtl8aufvyxa3gjthmqzvmpwl0y2s7zef7dn0wo0vkmyicqkk5/dn7lgs7sjdc82md/gb8fzj90t1+o/fw9bm+c7fb8v89coyrdr8hevvmthtojefey+t0ns6u9nl37ssvr1nwk6ve+tywlbyuy3afywoilwsfsxbjjxarmcxutua4i5cb8wjr+nhxvy68tkumagqu6pejkdptokkq6tajmbh5zi4ujxk7lbw3v3ntmun5ouma6p8gtyzhy8rgpc4qayfk8t1nnh/sqsm3bqtbettebhd/c2llnccb87qoke5fmpewyqqrle4s2hx/vjwulpsimkll8izpnee3mzdyo9gc3l1//bv+0atnr2cns+fmlkp7pekaafdjpdtodizeo9fuuaijvsqlzfcw9tkr3/schys2j7xj8krh6auoa6wan4p5gqh1dyofkefxmktqjjrmlm4kzdlf4wuzsx1lforzs735hsy4rv9vhpiozderz36bleomovu5/w3kawbqcpwcmc0ostuxaj7m+/uxrbav9ja9x+56xetup0ecz3mtqemujd0rtc9ogbt03k5emtxt4jvgpf13jiuwy5q7lijqajtig2kynmrnzga0x/tq0qfbtvgl9dbit68ysddorgdaxwp91unrtoa3llhxwdlu+oiiuuuupi02mu2v6fpezag1jf396zcuowxhyxkgurt5ovrlv5ukjg4yh7pdstks4aalf79+qy88t57jn6o9m6hqgkmy/ydvvp6cpwgq+rp5vqq/bj06njjaficsqvrr1txszrvh8tixfadscnxnhra7pw0be00vqic8o7cdz59sp17w/iiw+cv+sjxwouvom72vovcxry+yfb+h+m+4rt1p286tjit9bvmgkzae19xn8sr7crvkaeq47i+4qxfkx4hyg4txclekzqxd6oqt5xuj+6jj59uh8z4xvmevdcloqxukaend9cryuhr9rjpxgrz3a4/i10nriixrvknqw/g6smcbefmz0o3cquxm3osqwvefd7bq5dvhacnyc0mwa64/m65unmpwlq0vfedrxro4sxa2fehivuu8oodpb8hsmrstotxedm0+ljs0ibrq2shnuj4nd1tb7qb7lmfwswvu0f321kv0rz+i8fcfswahgajgibgktbyeuyyowmuaypjsgbp0uvnvhbxxlvvbs7ozztvyevxbywb9ca8ocs/xct9p9eqdltayttm+wa8xu3xze1cbwbznrj/yz5y1ynpjpveggkj/z3zgerk3rnzctz36wmlow9qx8uhdlaop3wpwit/x0wygzzuulyww+e/3caxbbfzgzcee0wqznmov8ctkbosufnm2+co98plz3ybvujkph7e1te2/nu0uqxi6lbkvwify3hknlgnlxveh7bxld7vw90j2uva7mk13nltwardmeltzjktyccegdc9l+nlzpqnm7pufojzhp+s7gv2ghu/zakp+qtb/1kj3ivum5qngiofi7iwibne/prbzdwsmhkc+oz6vjlivvft4fqgtqfr/hgmko+fvaxbmk0xwoeurw1qvpiympxqs6smrl/0gezpg5f0di7o3tvnvlnneudjr5v9jvizywo2mwk22lwfhypt+wyme8ivhuihtzqxmy3ozz87rdbng71fscja/2zraiillohbaubxttev7tdt4ocsdoaovcsk57qg17eq6bmdq0ejyteu6119fb0zsz6vmkb22r56zd2q9b1xmd5gv8poxsvagqhrlv/fxjqkyhq/expetyn2tujisu0cf6sm8u5tpl2tp4eqp3pxm2q0udtvie9efln5yq3lsoje4giqjmr1r8+kptpwp9rwdnu+p/+ed+x+d/hiatgktgitgmau8o+rcpvn1ezw5kc3ryzwftcmvuzg9iagoynyawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk4mcawifikl0zpcnn0q2hhciaznqovtgfzdenoyxigntukl1dpzhrocya5odegmcbsci9cyxnlrm9udcavqunfr0xek0nnujykl0zvbnrezxnjcmlwdg9yidi1idagugo+piblbmrvymokmjugmcbvymogpdwkl0fzy2vudca2otqkl0nhcehlawdodca2odmkl0rlc2nlbnqglte5naovrm9ude5hbwugl0fdrudmrctdtvi2ci9jdgfsawnbbmdszsawci9tdgvtvia4mwovwehlawdodca0mzekl0zvbnrcqm94ifstmjaglti1mcaxmtkzidc1mf0kl0zsywdzidqkl0noyxjtzxqgkc9udw1izxjzawdul2rvbgxhci9wbhvzl29uzs90d28vdghyzwuvzm91ci9maxzll3npec9zzxzlbikkl0zvbnrgawxlidi2idagugo+piblbmrvymokotgxidagb2jqclsxmdawidyxmsawidagmcawidagmca5mzugmcawidagmcawidyxmsa2mtegnjexidyxmsa2mtegnjexidyxmsbdcmvuzg9iago5odagmcbvymogpdwkl1r5cgugl0vuy29kaw5nci9eawzmzxjlbmnlcybbidagly5ub3rkzwygmzuvbnvtymvyc2lnbi9kb2xsyxigmzcvlm5vdgrlzia0my9wbhvzidq0ly5ub3rkzwygndkvb25ll3r3by90ahjlzs9mb3vyl2zpdmuvc2l4l3nldmvuidu2ly5ub3rkzwzdcj4+igvuzg9iagoymyawig9iaia8paovtgvuz3romsaxnzu2ci9mzw5ndggyidkzmzqkl0xlbmd0admgntmyci9mzw5ndgggmtazndagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrtl2vclf3br2mqkpjghpyu6e7u7hxgzgbg6o5ggulucwkjswleqrqks+mq5p37ivuf5/2496f92/cf47/oa61jzrwuxw/oqns1wcwsizzawyijkysng6cgqepfw1sawmnggu5hjwufwricii7sfq5aqqcngaanqmlnfsdfaedkfxznk8j1gp0oiavx8okcbo1caa+kgp8q4gnioachicslr4ckhasd0ae2h5ufgkafsqibxb3yabjgmedzrydcajpafyduhwjnhs7jcbagwbkclig2ied09r+efbxtiac+f8bwbk7/hnihql1guobxmelgaezrguii9gjya23q2vuhslwamjp/g1l/pbmsgxisauhw1/r/nel/dvs4gmbe/yqaodi5uqkhabwinrdq+n+lesb/uqkarufudv89qubqaqzzstjagoeajn9gibdzkcfqwh3kamuhciw6af8rax2t/9sb1rz/glbraiplk0sy/3m7/zgmbgfydnx2cvp70r+k/8gcvxnwhcjie2dewcbbwqkrhp3++y+t/1plxtekyg1yhj0hhl6abrrq4yuooxgw4gh4cajajtzatwdqe+blzuyicyu9aoc1xa9ga4gi/7wb3nwadtgw2mlhr/wf0wsoalutbrtocabaup5oof+v/nnd/465aowwlraeg1zsf4ewsz3abi6/g9cadiuig4pf74qhwg7n5wqhdpwd8ckegk0esf4d8qhyxcawlna/e34auzcqcvkdcadyiy7av5khzu/q8xucb+btagcf/lebu7abuef/bzbdg5d7hxuwxrdy//9mmkwl0p0pv1iv2yh/0qge/r8+ihjyr43ax085gp4z5yx5gyeuv3vdcxmeorvb3ok/e9jyfr9n5owtlvgbyc2r+pv4ylpj/ibyb1h4ttbh5d8e81p9m/hhlvq/cbag9t8eu1/ylaewvvza1/84aqlcf+f/eqyeyijusimgdbgcqh93efa2s//ecahy+pa/cdybq7+jkwp2maz/wl9a8gf+twf/imzd9g+eydv9gtaz0b8ia8kbpxdmzp8hwqtafydm6vd7wmkjs3l8a2fwkd8qzux0b8ksnp9ambx0d/zrbp2bmcvxpxbm5fyhwqzc/0cylcdvhn377j5/imzk6w+ewxn/gf/am+b/7cqnf8+/4t8b+b9vmeljikcpky+alqt2sfdaxnreax6//yizcopclgtxf/xrgn2c/2ybeozkbai9gvboc7mqk6hqn2nn4rx+mkut75gz4cvtpyaonnr/68aimu+eb5eokdkzrdbr31zm4mpvio9qetytuur/8tuykz0ock5in3ncctffyfrujdm/y1tx2nai/hxy43l78/tftx54tanv0youg+l+njobhwxqr6s1d1gxqeb6jnwbe7jcefn0ztpbohfh9ftcvjo46c4vka8jvjxwupkqvszd/n9eoluwl51cprnh3rah5sc/mshdwkhebhnj5s5/hh8jephj+pkr86uzcfgavjna4mrnx9hxpklgrpk9pxh0mtct5eezfxctcvuioapbgmlgxr4nvin8zzur8r10ithe1jgz8yxpkf270qtxcslmiql81nzrjoygs7/ap5jzunb5ujaxcgynlkhz71jof8itapbbch+zo505ucxr5a/chf4untah5f7iut9f55ybub6llnhf0xbgsgnsg6uklnh8gnnyldrdp5i5vwxjp5zc2luubvayv8d1z0cnpso8j0kezezoohlkxrbcbq9+yeoxjxgytstadgfsqxfam1nwfz1oukny0ngg+o7qgffju1fd97empyihcetludw0o8et3g7plwjqzbw+lyqokuq/xy5f2wzldy/0paxzcb7duzm6iavnyt+rqjt3eh4qno1wru9pqbopk0iqjktsh1bplb6okhvr+d11abkzbku8janr1ugzi0bwaf5wguokjvvaukosvyjqapvidwz/dx0ylfq7y3vhr0fjhbnwln5mwfmd/iyx/hqqihptganokrob7zsic1gtgcaege4usq/nwywlwe+h1yswt2un0jxcpzhm9nqkifqddgm/17sos9/etdwj3uz5t26lgh+3d539naf43zts4bb5ib8itfght9s4lx+2h+omqspsud3ww8jzdk45p/axofpx/4xrg+7n4n2zmhsxzxqs2tt6ujrunxorpaqbnerlqw+f6puasejzsxzaii49utzy4rnsn53xvvbzqj04ylezp1cofyrzvnh9h8juqej2qmuxt+5a92bhm0p7hy5wo/ggc1lenmiab1rvpjmq8/cz2hzokb+mphazim8yetathwvvff1bwcrl3sqz8evhbrfa5bahpselepwgaxt4lcl7ovy3u7rvv1qlaxit8+vpuvhqan54rcbh3qau7ht8mqnlbkvc6tuundqrpcqe27kv4k9ioxqfbfswo81jgks8mjx2shskcl5oo62kgcnidugmt7a0clplxgj+de6o+ncm0yevoyp67mw+wgupnt8htxf61sbi4v74ibsjh4udbp0qmudgr6/8ab+nglpvisfyphyui+z9hpcsfcfzflmazo5mwjlvrq/d8p3uuk9camgg/lkfiaxhtwguk0iqikt8vb5gsz//k9ko9zatb5ccy78od2azelrzzs7v0dkovvgfb5yzcjglrx5zgflkietfi26tpdjplxn5j3oczs5fzl1ymtbaydjg/owce04zdwycf0v7a+wondoq1ny1srqpv4ft7k17hc3c3a5kpjfk6ykep2wjfht5fal4nckpxehh/p0nb0jukhz+5frmfzyzuek+bbelljue5keata+yde9lp/ovc6jkmykmzpkioxt9la/xobsf3vzykrhx+abux5t0q+nanupurbmpyepy+qqhx/7ssqy6h7czouju5ftaczeac+2qyyzmbrcf/buvnpev+ur0pvsuw8kwquw5wazxjnvftwcmmpzlvxyf8jvuy07qsjev0bqtqzk0pnmjqbz+uwvyj2s6xr91p+zetgsxlb6jor+iewll93ma+ufwxc+ldhndvplt+yfs69v9drgfrdvjv7qisoi9vx+jpdo624cwva0qbemowcs1rymwnyx09n0hwitm6y3bqmdl6z6u1uez9wla/ao9ovqqzkd9bu7i0zmxjvizybi9qbbcn/ct7ms7rwq3nvutwfvw+akyl5dxc+2nevloi7mtegsctx6bxykdlp9sz82hpfztb9cr8/mswr7lwt2ha/5iql1wrvyaftbsbfepm4xe7wnv5rifkzidc3rfuytjtja10xi4z2lqj8lc0l7cbsine6vfzpe6krxwc7rg1i3giugr157mebuqha+6qdmju19i7fxl+gqvaor/gt04cltlhpjocxn1ctopy5ftcf9rdamzf50gor47j4jkvus1ev4uzoexlz7y9wwopuxqy+k0sqepk6n9csq/5wx111qkt4kmyhkv2qktj/mc2lgpwa21bk2cdvfm5skwatqxjmotnvxk8fmj1ypagkfdwns493c3bkmdaioclmlprkjsdahrfghrf32vncdqbcmpsbprn56arhuqloyspl3lf160hmdsbo7khemx+kiwrh5n5nhwtb9705eapihomku1/mctrh+fwf2alylubfq7n0ndcfesxpwsn3gdoawvgbwffdh9db5ysrh7+/mzhndzkhxfcfalk7f0dxjubtgtvqlrxr09qrrmtym9mez7pvjb0xyetk66jwwizoovniy5ge8xhtk+xm9glop1jy0nyr8ayi7uobhqd5apiyegglsnrum5/i/euk2/dslmy5hnzwdc7g0zwicxrto6qmpifjgi3cfvmyfnjprcuqqt8mkeemymvc7nnqfabkunehazbwq85d978hqn4jhkkby2fzsjwluorfhqiwlikhzvvjf61m1lpway1csq4tgacbbc4pswmcixuuob+yubkyhdcrsp9idok9mi70qhkp3fggrks0gjfkofv4/ob/oddsfp2/vd++mcw1mzgzsjh8tdimgq17kdntl5k6pkxlefhwmekqq0gzdbstsou08o+g7mzfqd8fevobbkpdv3lxr1at5zghrnfss3dyknp47irqnmak8mzhslm1hq3jtuil42krlopmdbngu9ovfos1tccq/um8axdxhokpuer4egzas31wili4m3fjfz88bh2bna1mgmnkjfu9upzchpyfuxi1ee4ild6csno6uowjjepquqddkptowutvwhh5kjhsdfwgghpjjsjai0quxbxjslvssa4fhzi9rsxou0hs7qlz2xw0zatp+pldtks+uturzahzcjrbso+3r8qbmdk+snmippiq0uwipy7gtcrks9orsyehplcpvxbdf/rwzjlo3lepwgsn/8rmgorv2g88ce83q7ky5gnu0thbl5yz9ypvvm46pzawbmcxous8jtp2dh/at0apcch9lufe298l+lar31wp1go9zc7ya7kkju8en7bf4e4gqi1zpm8ttkohwznn+wgkvbm4oqcrzlqqtqgnot4auuduesrgr64i/eo5jxdtsaz0wbz1ainqeftbnrbktprulwkzkmf2oviswh13oldr8em3lidsh6o1dwhkwqrbzqn/rnek06tabpnnyzzgz10xg85rzr12qrihgorm1s5sqbu3wzqb0khjjsnk1mcz+g3dchwu58nqkzannrzlet/qqy8w1fabsed2dnnylohxdsazculyqm7im7po5fpc/jmitcv+47qz19lch5n66msoq8vnyztcazkscsxnaz/pki8lo0wr0zldc0bh3+jthz6ljkomvxc39ue5tugiaer/joklub8dhzfe4wo2cauwd25lntxmern5es9uk68wgjta0vpjoqsr8vsvspmxd4bspfejderl4rcvpbtqpj9z1doxgfm9+jsnumha9pcwva8fo3vrh7sya+twbjtriga3kycvp8bjga08k4xn2sqo0f++nhwuqgfvlecu68/3bximi0oty91f626ar4nga0fesh0vynb5qx/ifk5frrbvromtmcpmsbvyo/yc0muf/ryigakzwhkqbewf+neaffdgcvn8t6wwrqtnawmglzlburvrx/3zzfzht2bbpbpuilcjk5dhdrecv6tgmblobt+3szbq6csjgwo9bsipzga3rdumhsodtlrrn1rncjuu2ioueqek9xg/ubodvtdypujej2wgdr8lbtc+8v0xr/rzwzogrgh3hyzeukulyq+dfshko43a85t0pohm2cofgy7gv6rn9s6nrfmgaumztstif+wbq43nhpj9rsxrmfh3slktnqz0vnlrncnqbtdtl1xd6nsinnnnedaeekazawyc0r/uyopudvpdjdyjknnux7mv/po/tfdrrihozj8ax0zl2eg1qa+tnshht9ho9p/qti0xtqaufwe/1hg7nerylzldkfmb2pnrmslphenmrdpq7yuhtegxjdxft5whc/anqpvllwv619dgmjv8syfdn3aokh8a7tm0h+7nkvyltaxemjd+l3jk9orvjciezqtfjbq/htjpwjqr8gwbjefvvistf8f/dy+bsq7i5tgzyu22zmlumzjy1yjac0jaejhwxktbhcv33zm0inkioc50jdwfe7v0fmcsl4gf46qial6tgbrx7iuox5euw81obwloo8lmyg87cqmswr5kjsondunvjak6ywbbypmblgqeq/etlv0m07fsj5yh3goxpb9q4xzrnybecdmqlbeed18mlws67xs8gh28to5nr5vljnq45ph23fr3t7ggyjfqilsgvrcbdmfky/i57rqubcrkfyy7kzuwrcu7e8hnzow+bfkha3n+fdb8rnub7fsnnsfoss6tkdo8pd9fmyydelyrr6roeg5ff+q673mh7xslf6yp4lrokk41mixwwl0k+g08uvnugnz8fpzann1c/o91yy0g0tvhrm0s+t6sbbj2w3lqybqwaklo7pykfyjxgorhxh3j4c9vy2unwloyzzddayemuuezvw57xygqvuurk+a/hft1w/iraww4knqxzefesgjxensnau/mj7doiedn9discyb8whkn3/eghkxoz6xsad3cabhgmf8xb601sfvf/77aioqg/jeg94ecvcaufm8raatfhcghls3qmolw4n03ssuclvxno9m1kifcntqrgprykd3dekquzcui0ft7f2sjnbooyh1rfdbbn1+5b2vmxrhml6ehbgb03bxfxw1vo16kbg5v2zurjpft0vr4fk3pnktkoxobwfznvaprqu6fehh0h8w/e1cgphustdhaolknbulsw/oitsh13otfzxpvnr/se67jdh1rtwx2a3fywiptqnnz9vzfsdfqrnjl6lzalkmemg8pwyfbf49invn2bhwownvwkqcq6csb1u9ieayqzy7vlluxzpa+14xhqjlbycfu8bwxfu4i1utotll8qmonz4odvyht8xn+5wedqiuafn4jdflgig02wanhio+nbfyuzrt6jp5iezvyj1we4bvm+ocmt42junsgugvucpbntazyyafgovslek58fqwkh98nhbahqurinnvp5w5omnopcqseilafjgst9t2pjmbwjmx5wseeo9mkeqblgbmenb/sla31raeot+fv2xiczeged32oacoueofefq8ftjrchmfvbazctyvjj/3qbhkfbbhzrsty72o/iv+/mbblldpoap5blmzf4hlfpblysz9xw8a4lnrgqj/dqtvt+q4gmyv3v3nsxzatmx4ow+bcqh81t5ftvulhdadwij3dey0vnpidgznhumefzjw3bgqaewv5qdwgrbc/i1hydbpmhfetwvn8pptz7xqzie0wo+kn/xyxsnmfla9um5eptbopu8ihlen11bo9+wygjiwero9a2sjeytsu+a6lmvjgbbkxhvshwfrpa/ehky7lihmzezfpeuxohlpub57peglgzzl2fjbfc0ra/uo37nqzflh9mx9uj+xit/4i7kwfaamywdtc1ydhy4r23jpuxuwvkcbbtyfzqwvezcj4ojdnidjttvflx+d5ews4yrugdt/agqyyxo/rodptpl4+ugcg0dvgcqb1d5ebfoo1kht/hqkrmwrxhae547vhqtfxi06/d7oslz+l5njxn4s586yhp8ed/rc+i7tq9iz/oyoaxfrxin4n3/ugyhkd5lofx4l0vfpo8ppvj+9yz9/qn8xtoxlysurdguqm4tf/l0htksoprlc5bcy1qu2tbhmxnclc6o96op3ufn4vnan+osdjkajvc1rogcqdv2kfnglk812lrnpayvunx6ewppqr1ehrln5obi8pr7jx6sy/ck5f2okmucwzf1vkfq2erqicjccl47fbsyafejwqvetr5o+pl1ko2j6kumo+km+m/p2a/k1buuqcypaworti9mqrsqf4xvgt36wtu+uxk+6hvzyc2gidkiviyrsny0fhn6xgmconham9oweh9u+4ioxdbrlvrvcw/xs+gbfipnodcwt0tyxilstsfnmbinwqbpy61wnkpevwiuw9mfetv8rnjciaomjgn3cx7b43u2/wh5ojaw8pxzztkxvhy0/vdg6leipyz1rxox+i+0cyvdnokny8fc1fod9mt0dxzeliam0wn98+zwkhnvfdfvlllbrr+w57ttwtrcpal/gw2ixceepguqda/o7tur+bn9svfyzkhfdnf50ksdgvlha6wpst6impc03or5wghnb/xzh5qa17zuldmycy9qsnn2bomqjwukjoqk6gafhxm/frbms583qulozb/tyro2nxhbxckgp6vffkpkkck/z7zpo6dgqkaseezrtuovhbeothku+wyisjoaurkmktq4juf0ftj21nt9kcxvr2ti2rchgq+szukfo3t8vtf+23hjtup9vdhmw6bw2u1mohuiu6qjpy6wp3dwwqj32tdsneqcsv590hkrvtw7dbg8iph1fbltzycgf8kt2zjpjf65xjturistomy0xdfhkpysv+dulg1k8z9lf/jzd4c9yryyn/s2co/fswtrdmonaiw4ceuve/hed3l4xgdgjjomj0mx5bavxogkhh9lfxs3dsnqhz+kvnxoqlwnbmkxavz4rxmx3mac6unqoyuegro8cwc1gpth3eo04thvnkrliawxdfpkm41tpijpd80ehstclso5b9ig5xjmtbd/tvm+ju3r1f1zptermsrrpfogqnuv9jnsoobpulihmkcp2+k4pdop9bhxmus+ab4nzhdcwkqkt8ez08omoayuuromy9j52jjkfxlzvu6bq5mr+2j3bxx+7itr03vep2opspudklf+rernrkmnfjqmnguwtwpfklu+yhi5jpej/dsh3qbkg8n6inalduooktvulg6tzf8+vcuk1clyt0frqcbslkgieuh3hci7xmspnygiyol0aqvlxqjjc72um8dukn4mlg+dylsawq0njzti7izsbhsnkpdlumvai9xgdjk9qklpaunysrd+uso/z23blrq2zhju8unzo+qxv/r1kjy+uduu4ahrtyjic5hk5oz3tmklmyujaos6+rkh8hahwrtxenq7fjrrn3qqmbkwuvfc+jet5c+qmlfradccvavlkvrb9esdxj49nfty2ydh0bcisfacqslkk8103znnuyglhaq4eigquxnihpsgn6uhvcktb2sab4wc3bt5vhjjtcskhwznugx4y1wixyfcfwzda+idwknijz5gx1r+9u35erkakjyeggi027xp0xt3yprguc/2l5qfrmjfyj0u1dz4utyjoxrorj9redx5mjjx4j50ppxmvl49b9pf2zwui98b4ufqksp/kdy7p6jyffphdmsjgi+bly9y1qn2e9obtq5ltv8mlchwbgknmxf/ynwydqvbuqyjyfdt4ntft/gwfkomtfku8fqz7uc3luvjxjxkbypngnlovb2qe2lkdfnm++6cm2h0nahlfvvybpugc3sru++iub727kcusbfxjmjqzemsozwbr5vxs+jivjodie0zqpct6auw+eqpbtqse5rmv5ysxos01butirij+7tvhhvudzc/9fgtxhijbeu/09narrhhmkfiutltnmh5akhwasr4v9vopx1bc0d+wo0wyddqel9sg6mwpydqo2ynrzfa9oxsxjc5yfoe3s9ma0fycb9xv2rvtzmai8cqmcmvylwgfrhrbzavz8tdgznyt3wxycelasifhv39s4kripu8xpgslbffspyrh9170spihgalkuakwzr75a5n2emx+oqwzhuzxreu/ehinvvxb8xintple14vgpolvrhzef04hxzivjhula0uznc1mbefzs0xgbvhrz880kapfg/lwl1uzxiqu5tz/cuxcgm0pmeor9gpco7rfsh7vf5i2figamt5mhvnzzntt+h9pnui1msschb65jfdrzd9rccsmt+x7b9wyquy+mf1uloifepo6nbmh/xhthm9e5a5l4ecwgkzagdanp6ocnafhfgelvmgb0kedtrkibo2ot0qt4vwrlzedkayzxtymvb2ltnripjnd/9wjmjcfoo8evd0uuoge23ihff1+wez7mfjvh7cbjymr8x0vshbhexvlaaznztqczqgybepbc0if4qha9dhgf2snxm5a/bpvwrhhvgxuym0mwdun9gtzm1b2iuhjpri7rxbqrv54qbfz9e+r0ixrdroihorxrqvzwkfibs/9qt+ntrve5iv80ddqikealytc0i7+tznmxbolaslag3qjn80catpfedgc13m/syi93brj5zwpnxhnbjgmyo07netsqzvc3zaimjur8tnsn4bp5krwq/0z3xx2gxnp6mz4gptcj+a+4s0vjiqkhc5vqfgxryqhirdr6yaq+vh1lmnwgl1ijdlq3y7cvi6o/wylkli3ojilvdvhjlytqtxybtniv555jzsxvv7+isd96wi0ked630k0srghvlilh6dlx3rjxcqlxqcoxqscaqm6mvq6hajlfo3v+4xlsvt5mw3xszzmv3xusie4dkxk1o53czsmip0ftkjqgmynwthsezfylq73gusmdi1ybf7jawugmrpwvqehutly8o8lmtolabjuqiyxsfq4ctsmeojqfxt7l50hc6yvwphhyauqkfakqkghy1oihassrsneie2fxbcnscnuiuyg2qeg+wgphyywuhu27cedl0qtvc6u3il8ymm/c2ul9vnw5ign3esyverrspsykvviirhvdisjiyjo/xdacjx+lywgfu3aztm/lnfb1bqwhxhfq/j5wn5iwnjwb87qqrpkjrbgl4ny8erzr25d2jzmurohldfa1wxfssqvgnlt5yffwhy3ux9ngkcobjw+wyqygsojce274aommvcc0sx5mmk8salbrtccvlmziyplslaknyqefmndy4sq37x9hhgwqsrl/zsve9zpjd8nk+trriv7b/fhq8vut0jh74lpxeo9vm+cggff8wvh6tqs8mzymifxzhd9soo9xzmz99eiw/wxiwdwiyhbe5tf/cwzelkyq2/qrri5dunrnb0yts5xxcoxz2o/zzrskc0c0b0y2braoveya2m5s4ximyed6fmih6s8wuqlo/q5w+4wegd8oucyfq3h7wogkzapkzcys8yj9/ldyrd9gv92b4qjymvk8cuauvixqiomjtfkqkfvtkslzsmu/sdnph4vhcekmkk0k2sks9xnvobuqsvekey5m4cbwiwzzio94okvjk12pvupexuzf7828qajs0xy4wv33gdyatil1ve9yhf0qjvu6sov4wplwukcdklupl8zsyl+8e6ngfkh+r6euuxh1mf5dcnikvsmcfe6rpy5ftwebzmcjfuw4xdnfcdqyoberrqxzlk3wlkbeqyenksufnb6lsi1xugd9be/tbpxize2r0zrj2ocmxboq4dps6z2ld5ssnt4cwsvavqig/zcwuggjp45/sq5dxd3crtvhokjeyssm+r8ij8jlep3u0uzqxx1i7n7hj3rmc1dh7txwg+vyekol9nw4zt6pjmprfwvo9ptb4ay7tchb/ehyqmcqvtjpik2qcinc7oaayttsmuchencx5ozf2k2dqhfjrwtvlkh4oruaepp2dxsypvi3yn7dhucgctzbpjkjo/cnjywh41dniochnqc2fhldh1z0k/c2v/yj/rxsfidy8pmas2nmt+++jem7/fxcysmobuuqnn6zxa/bvvstiwtcy9bwhhpjevype26u0j+qptrc9h37ipnqnbwvywcxjfcqw0noxchtkdjzgpq6x2izpvwpvtvvbbkr7vtht43gpefzjwuvt4zrbodr3szo/wdhcuk4wwf2xviql2dss+ybl5ewyb5+ejmnju7+dy3vznq6qimu4j6h9t6uabwrk0xs9tbw81qoe6lyjpdnetvtwnyprwcjxp6imbcpdcslc+jdzg4mhyg2qpjbztbeedzxnfrp6xu3xezpnww/wzsf6lo+rxaieabtxyyife3kosq0m3tjqn9i6mh2e0yqkqv0x8uy5xoldsboyrr55mm7/idnaezsgiluzzjmdd4wth0ev58abnylporseghnxmlaj7eko4pl1n3d5fu5ohjwdua6lqtvfdevljtn8zsrvxhxxvdnyhnsjsfv2oz9qmshjytwytx/ol3+xi6h7yvvjvqvgayhnoxpyquaoivkj5zdqcjxt7jrf3853mwvnu4usf26sln830n8tfcsj2eczc67knknahlsrp5c6tqlpz6bu2i9zzz3fxyhj7ma3b+ezlqu+vi+snm/t9duumdezp9ga9idzl1sdxbk9cxtum00zae8dwcpkgbd9kazs4tbiezidgfyta5psxmp0ct3ujqrv8z6y16xr+ickr1b9z4pfod5vjt4kkqx59dtx26jg9ip77nlfate/grxogevlacyalz8ed5sxucbe4q2csnbmw49/srbrlvimg5v4znpmzj9pnksc/o6y55snwhl1skcwocveljjcxxd1exnzauw134muku196rnuoeuyuhc23e9vicccuqvmxrgfve9rkpxein4dz77qxhf8h9pdrh1gpnnboide+fj5krub8dwa68xxfj6o2+jvt/btra35vke27xtxqmqgsm0fpyji5riuklrrq8gtiinwd4wnijoieqe/ghgu3pwahmxtf2uynqo+tsc/orqzpbu9de1au7ksx0wm/r+8nhbo/j2e/gicks4enzcs5akmt2pur7m2x7uf9rjujcq7tsersqa1kdzm6nsunr0zhgdredfzpyvx1yts9r0a7aottbswcrhxpvguvmuciqoozmznuuni7zwtdsrvu6met0xktvoj1tpmpb6qn5avwelp45xaahtqm1e7tygaiaxegvarznx7cq1hujp2ugsmjb4/pq18xph7j/awxb99xt382jwi2/50v81vwb8qfk7fyfcqfbhivurde49vvimmfcg1mnflsdmuh/s4zrajv7jbxmofwi8cewpmxi7hu+mw4yfqh1pu0jav9iitcopb+255w4e0y0powpcfjfnuynju/a3xal6d4uardv6nm+lxwvho3kvme3tgftwzzwbotfvmtcnpnui99p2h5fnvrjehi1sodresxc4geynzbnpjqylqvpanigh12g6o+445h2isew7gh0o+ijnmfis0g4y8rgwoencairen6/iycumt06hx0tslhyuxs83dfe8eyvjev1ikjaccro537i8w47k0has/cjwnp+eilstbor+vokhi0cpbnkpg5nbnumkreqhfgh+rf71s4ohn2tsiw2akoe3dsbtm1yd5dyjm56kdf3vspbijojzz/fkexbcwuisf33h5xbmsig+j34bp+0ovc/bxpugsihyt5lsxlelscfqelxd4lcs7uhz5xyeqo1+je/0ku2x2ty5sncrwpei6scn+b11skjq0uozvb3c0ukg1onojwkvxz6dhflrd+mn8+7pej9vtx2kkhrxk49zzgwpblgslwjspi2p1vaezjwlpwvh5e7x77bn53w0m2iux46/er8zldir2+3fjpsa4u+wtmxir3glycpbvdvhgm6isgeyosdkazfntwi8l33l0bh2cpvoejozg/thdnor7d6jofao2zth0o4+tfdqjeooqxyfyoo14x17ssx1zy4ipice73jnwixb7xmlrz9ibru6fltqb02uzblrrzjf1authgw1efhbi4vktlzarxowzkjky+1mwjcjmi/7waqgmsalrrk789xt7fj8ld8lnumbuqwdyctosuskjws5puemogmk1fvswn9h175c+3/tkzqy1zwbixe4/whovoife2bmlypjnwahh99m3up64ul1zpnxk4ff2pg4ot9wrhvwhj/ymtjhdcbupbk3szx/vdd2n8kure+ebgs8giry4cbhhqaycp1hcnctmxuiw8zrcvy2/uxuotupsm5bdvomkygbmotkgbxvdmk99yxynlqyilfgrzfwrl7fuuurgar4fvqfsz3imxvjfnhwgwvxopvu2rxybbyntiysu9kkmu4ibwslcainzd7d3c02pccojrzxlq+huvirigyyczmigryb6efx6qanxm4fg//eh//xp8pzgbfrhoaxwfofha7dh/b380p8llbmrzdhjlyw0kzw5kb2jqcji0idagb2jqidw8ci9uexblic9gb250ci9tdwj0exblic9uexblmqovrw5jb2rpbmcgotgyidagugovrmlyc3rdagfyidmzci9myxn0q2hhciaxmjukl1dpzhrocya5odmgmcbsci9cyxnlrm9udcavuljmrexck0nnvfq5ci9gb250rgvzy3jpchrvciaymiawifikpj4gzw5kb2jqcjiyidagb2jqidw8ci9bc2nlbnqgnjexci9dyxbizwlnahqgnjexci9ezxnjzw50ic0ymjikl0zvbnroyw1lic9sukxeteirq01uvdkkl0l0ywxpy0fuz2xlidakl1n0zw1widc0ci9ysgvpz2h0idqzmqovrm9udejcb3ggwy02ic0ymzmgntqyidy5of0kl0zsywdzidqkl0noyxjtzxqgkc9legnsyw0vcgfyzw5szwz0l3bhcmvucmlnahqvyxn0zxjpc2svcgx1cy9jb21tys9oexbozw4vcgvyaw9kl3nsyxnol3plcm8vb25ll3r3by90ahjlzs9mb3vyl2zpdmuvc2l4l3nldmvul2vpz2h0l2nvbg9ul3nlbwljb2xvbi9szxnzl2vxdwfsl2f0l0evqy9gl0kvtc9ol1mvvc9icmfja2v0bgvmdc9icmfja2v0cmlnahqvdw5kzxjzy29yzs9hl2ivyy9kl2uvzi9nl2gvas9ql2svbc9tl24vby9wl3evci9zl3qvds92l3cvec95l3ovynjhy2vszwz0l2jyywnlcmlnahqpci9gb250rmlszsaymyawifikpj4gzw5kb2jqcjk4myawig9iagpbnti1idagmcawidagmcawiduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugmca1mjugnti1iduynsa1mjugmcawiduynsa1mjugmca1mjugmcawiduynsawidagnti1idagmca1mjugmca1mjugmcawidagmca1mjugnti1idagmcawidagmcawiduynsawiduynsawiduynsawiduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1idagnti1if0kzw5kb2jqcjk4miawig9iaia8paovvhlwzsavrw5jb2rpbmckl0rpzmzlcmvuy2vzifsgmcavlm5vdgrlziazmy9legnsyw0gmzqvlm5vdgrlzia0mc9wyxjlbmxlznqvcgfyzw5yawdodc9hc3rlcmlzay9wbhvzl2nvbw1hl2h5cghlbi9wzxjpb2qvc2xhc2gvemvyby9vbmuvdhdvl3rocmvll2zvdxivzml2zs9zaxgvc2v2zw4vzwlnahqgntcvlm5vdgrlzia1oc9jb2xvbi9zzw1py29sb24vbgvzcy9lcxvhbca2mi8ubm90zgvmidy0l2f0l0egnjyvlm5vdgrlzia2ny9didy4ly5ub3rkzwygnzavria3ms8ubm90zgvmidczl0kgnzqvlm5vdgrlzia3ni9midc3ly5ub3rkzwygnzgvtia3os8ubm90zgvmidgzl1mvvca4ns8ubm90zgvmidkxl2jyywnrzxrszwz0idkyly5ub3rkzwygotmvynjhy2tldhjpz2h0idk0ly5ub3rkzwygotuvdw5kzxjzy29yzsa5ni8ubm90zgvmidk3l2evyi9jl2qvzs9ml2cvac9pl2ovay9sl20vbi9vl3avcs9yl3mvdc91l3yvdy94l3kvei9icmfjzwxlznqgmti0ly5ub3rkzwygmti1l2jyywnlcmlnahqgmti2ly5ub3rkzwzdcj4+igvuzg9iagoymcawig9iaia8paovtgvuz3romsa3otikl0xlbmd0adigotgxci9mzw5ndggziduzmgovtgvuz3roide1ndggicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnja7vjpvbnxgbvq0ee9rakobh0ohfqgmqneacqvtqqhbukgczrmtmjgmootcsyo28eflbzevea2hyiiaregwk1oacgfklox1mgr8bhtfyhcurtajy3+bh/1dn6f+e5333333e/zwemkdu44hur40btrgharv+azia12aqgxhmxspbkczuma8kjzwhugli4icfflasiasncvz3flcyeb4elhablshsac6z4z+khc4k4kgbjdkrcasmgeuq+boqogptgsylvc4k5qgkc+hsoqrkgijplaurccajzewbbkyekk4vuzeleyggghyfwd8bevstaqvskwxw9ybtbbxglkoqu4iyn4ylp/fqf38m+ygizuo1yoxkiyt74vpm/aqjjuad8qagwemiuyeedjbemnpi4hbrwfedipvg7uilhuqwlulfxbaafeiqs7cgyapmqh1bc4hgsxmcbdfsqihycoflavfxr9rnjipcgby5baduy1vydbsypdqi0gapyj3f8jn2p9rgypacthlgwjeqj+ffxboegsbwqjczksa75gfkazbtvcsf6klxca9qggkzzqaekjn8zjujsr3wl0yuqdgc1afuofau9jumpvh9opidaf8eizfcmuhiz9c+z4ar6yax/++au9pgjnegdhgdi4cjwbgjjnakkhmppvreznmatf9j8rfxqfaxmpj5sgnaqgnv+nsdkbw3cf23wgxrvgcskw3ojuhkopm01ol62k2upi0vjbbqcvnc18sre14tsa8zvne/yw2tvhmuutt4mtqzr2js2t2jpftdq1tldnvsk11yzs3txqnz3te1hn2suz2ztalvyrmftzsdpsmzumxtamzmufeswronv197rpmjlbatonthi27zfrgyw31+oexp3yqip2d/1crl3xlr9iyq7y2wrbjhmzde1af2+dvsoilxtfo74s80rthow4ncdb0vjminfyv1zbozs7siiblrhie0qc+gyvsmmcm/vigc5u9ni4k/enrcnpel+h09dyr7+nxqkv2h8joe8yb1xpawlji8pe997sgp+lmk5al5lpvposjjgmea33aro/b3m0y0dcdmm4qi1n107mwlh7zsb8otaptr63ae3tnlxqj7sxhgwjypxisjd29wowuzuzvdj++bckopbtx/putth+nheb8wbmaw+scz1zm8d/r7qytzfysem0vxu6zrqfmygu25bzuphsldc1lzorn51dat0/y93jnglhim0vbnimeof1enulh+epm3f5whp03rsxfrmxsu6pp+a4obz8su37x/m3yhymobcaf4v5bp+rrmlsvbwg6ejkjof1izolw+5n+chblobhrclpv6het7ohzegxtnszpx5x6+xrpyz1l5w8e1l8tllnfzvl05kaonek9nw5huragkmy6ei0543nr9ppihw2bvhh+kvj5mvq3/igdxzxzs/0n4g/cvo0obbiydjog7euvvox2x1adgpv3soo1wmng2zsuvz95hxlfzl+4id3jfdpv+fatto20qtf+c6x2pazw58jk1a0mefta11hdug11emjpjcslhvnizpnf11vcm7qnyveysf2neesna2uef2upbywkdvhj4s9q7g5rc5rxl6wfaukgsk9aztczeinc0wq6sblh28/j619gjtjg3ptvtqvkfjv8rjlvjkfvxx4g/hz+ermxe1spzcvo2fu0mrftac8xo41cerqodhuoae7jylqlcoyyk+i9732x/a7d+rhj3e+bkxmhsjcm5e8m8ezns5yruwsrh79lbpxuatssf/3hcjwwx9hbiwuh409zyjzzlp6unk/ech24iotuacrw9kukp9ykys/xprtw1w5y9ugy/yt/h1kajstnkw1w56oxgzwxffeniutwey35ov2iwkjox5zzruewwrtg70qe/dtwf1zvhcojrwnx3bmxfvwzhlv3jimt4u0hrikilx1dxsetxqv17wy7gpzxexmtwgazqmzz353q/pabdzjy5+pa988o7flxuctru62fp6hh/s/wh9cafmqkmpssprza/0jljxdawvuzhn0cmvhbqplbmrvymokmjegmcbvymogpdwkl1r5cgugl0zvbnqkl1n1ynr5cgugl1r5cguxci9fbmnvzgluzya5odqgmcbsci9gaxjzdenoyxigmaovtgfzdenoyxigmtazci9xawr0ahmgotg1idagugovqmfzzuzvbnqgl05ywvfawctdtvnzoqovrm9uderlc2nyaxb0b3igmtkgmcbscj4+igvuzg9iagoxosawig9iaia8paovqxnjzw50idc1maovq2fwsgvpz2h0idy4mwovrgvzy2vudcatmtk0ci9gb250tmftzsavtlhzuvpyk0nnu1k5ci9jdgfsawnbbmdszsatmtqumdm1ci9tdgvtvia4nwovwehlawdodca0mzekl0zvbnrcqm94ifstmzagltk1ocaxmtq2idc3n10kl0zsywdzidqkl0noyxjtzxqgkc9taw51cy9icmfjzwxlznqvynjhy2vyawdodckkl0zvbnrgawxlidiwidagugo+piblbmrvymokotg1idagb2jqcls3otkgmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawiduxnca1mtqgxqplbmrvymokotg0idagb2jqidw8ci9uexblic9fbmnvzgluzwovrglmzmvyzw5jzxmgwyawic9taw51cyaxly5ub3rkzwygmtayl2jyywnlbgvmdc9icmfjzxjpz2h0idewnc8ubm90zgvmxqo+piblbmrvymokmtcgmcbvymogpdwkl0xlbmd0adegnzuxci9mzw5ndggyidczmwovtgvuz3romya1mzikl0xlbmd0acaxmjc4icagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42lnvdajwduzjt0p1y88r0txum7rscpynjjrtmnqz4fjvds5ktszjzm9zssxjtviwtlq0vhastvcwnfuwmlcymrqynufsvxdol6gsykzpkfhqcnyektjxcmxnlcpmtsxt8e0syujnbzqrnjijejyfnjlauqmn4jitoxae0lgsejranfpulpqix2voqjcsmvyikjsanpnhpq9ykgdewr6couq4pbqajlwwwlqmdjscbtcrmgpaj6bk5+vukqskpnhp++ud7uofuoqajki33k00j8cvmrdkpciqmkqtcznzkqek8nmlsktsixr881nsi/lqlyanqtzmm5qswzqllutzkpitmeyyl56tqqbrakjnygwkkcgsdsusse0jycxjzlbis8wptgwlp+alodsfghpgh+ghe/meevhoq2ivlbeqmjlxeljzkkpggfam5hsi+mawksqsuig20dmwmaqqbeiykxbnlte85pyuzlx0bsntm4xeoqlesi4doffgpqyk1yykmxkpqrukqrvab+vr5ewxaluoaeomvietv4glfkngcvqjxccqyizobszjbkisc9mztk75fdw6jgq6liywcobgrpyk5hzmtsjqkkulillzsscpbrgimh5ajjauu1mrupo5bl7lt7zuyzq+rw1lnevic6ty9tl/nlj78ib7gygddbmzu2qdtecfkqaxlhm18nhwvspi2rclvjktpwoxbzhs9euj+7jiem3wrgxliiy0mo7xuxesxtncny33n7b6k8/dhwez5rq+krbax/r4vqeyzs0vyvuneoalvhckwrzv+71r3ejaqzo0lktmb65gv8sojl559/nvp9kknm3zoopub0+irv4afsb0mue316nszeucjrt4lg/3omwphnh9czqno3mi6lbrkqamvgmuh1t0vx75emydhsm0sfxsyvrxzyxkpwyuiq+s8nfwpirvv/y+2mjisscio/x7x7oncqpeqecyt179u2vjxsrb8cssa/dldum2qfe/uczufr7zupx5eog4fuocn407/s2z+fyaobpnvu5kf5wrew8bentef5/z5k1qxje6b6pg/ildg9ikf171pfm4oukhblnlav/bx0ufsric6srdef4xrqhmje+i6ng/ofzb50kbs6wdnvzcfush2b3vnvodz+xtm/018ti71sjzieuojkt48/etnjfttmres9u5b/8d5hf/hba4tencshnnf7lqg7ui3sm7sz6kvytqlg46h3xeezj3r9fzud6haapohcqt2m7oizxa/vw9a+pmr05zfkwpqwslzal8/zjt4lq0oe2d4vmk64jfd2x73beuel7rekvcwfda7j6lr2cihnf4nbru993+rp6zldvvg+5ca8j5o1n73komhxouvijpvpl8o1t8eu7kuu/rch1bvsulj0tlc/uqvzfatt1ccboun19q8tyvejlwwvlbg041+6c4p0jqvxku86xugp071qw3c/zfvs+o1vujws7d6syzex0nvx1s7j5x1x22ye9ppdpddzhkprz1f3dss1xfuv9zflgq5efatq7x65nmlvlbd1ypprh2qwul6/s9o7oebk016d3px7lsspzt3c8eau5llexurwvz/hlq816yt+vq1sezazp1wlfp+rlo6v8tlenygm2yvwqdk6v6dsgexkmgdasdknnse4tk8nmti7k5ai2vv79lbmrzdhjlyw0kzw5kb2jqcje4idagb2jqidw8ci9uexblic9gb250ci9tdwj0exblic9uexblmqovrw5jb2rpbmcgotg2idagugovrmlyc3rdagfyidmkl0xhc3rdagfyidmkl1dpzhrocya5odcgmcbsci9cyxnlrm9udcavu0pmvuhmk0nnu1k2ci9gb250rgvzy3jpchrvciaxniawifikpj4gzw5kb2jqcje2idagb2jqidw8ci9bc2nlbnqgnzuwci9dyxbizwlnahqgnjgzci9ezxnjzw50ic0xotqkl0zvbnroyw1lic9tskxvsewrq01twtykl0l0ywxpy0fuz2xlic0xnc4wmzukl1n0zw1widkzci9ysgvpz2h0idqzmqovrm9udejcb3ggwy00ic05ndggmtmyosa3odzdci9gbgfncya0ci9dagfyu2v0icgvyxn0zxjpc2ttyxrokqovrm9udezpbgugmtcgmcbscj4+igvuzg9iago5odcgmcbvymokwzyzosbdcmvuzg9iago5odygmcbvymogpdwkl1r5cgugl0vuy29kaw5nci9eawzmzxjlbmnlcybbidagly5ub3rkzwygmy9hc3rlcmlza21hdgggnc8ubm90zgvmxqo+piblbmrvymokmtqgmcbvymogpdwkl0xlbmd0adegnzc4ci9mzw5ndggyide1njckl0xlbmd0admgntmyci9mzw5ndgggmjezniagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrtuns8lpkevrfpssk9kxcql1xm3ne3fdmjtc655k5j5h1e5myujgs2t1asw8hlewujnrzjhdjmwzx7uiwprail7sktvxbotodz7j/n/hu+533/eb/p9/k+v+d9vj9vpkoldo7cdicsmayudgafwqiee2djaimceaqqbdze4sjmhiwjc2ebjikjbsdxagfdemayyvvmsppcekbgsilycgaqf9aghfojgqe4ossgysqgye/ibkf0oqazrancmgqy4kagabynbjivtxaaz4gdscmgcgqbwqaummwfaqbamifar/khmqhmwogltogxvrbcidzhaarqejo8bagtupgmwgragagitantebykdplfmlvr3iphozmq6gvywoz+1ixryvrep/tmoovhhdiapzmcsrkbqe7qf2v2eaxm0td2ivwsdsbjgie0cac/qddhcuzdfeeysw4cqcqab1rhiqzlowlhbosw0k52xq52blrr21xvozjgbtc1gvwx6bp3vcb8qxzmw4b5gdeiakgmkch8v375bjjqkipmpmam4xuwmaribdypaig8f8lkaijcadcdavebic/0i0yxmfzhcccmjaagmtmitwxqgqbobo8eslbmqmza7wtsckaptbqnxp4l0tcd0cwaj7mo/p138xgmp0phokejaya0abqbgjebgpnvrdkpzyyy3pwbjazta02fhrfdeb8ii4yhmgtthodc+qsrsufluivfndfha2+lo9te72vahj+usyl2pcm2vho8xmo5kl9657tyter4yl5osmo00xor19+gpucjpk+hnzzoj7y91+ntvn3ec9b+pfj5xxfr+9+/nnh0vhf80dvsz/lwot9+ni911lb0ndk6ihrp8q6raylimdtysmqnusun1qjpiz0l80kvntfphguxzm4uheukjw1ofm/qevqg2citwi4tl8n67pn+ttfcw65qyojl6bqmbg3qaugks6k2wvoqqwvpbbfvrcxxf6lnu/xq1dlzgp2hc7nihkcbdmqkop4prtcvxajoj/ynpion157af1ezhv8d6a3zvmyjwd/ev1supklyfscvaaalizuqcg97plh55grsnb6cpt33uo7rkwhjufdzco+df9ztjx5trm0zpjetkvcv/xtxq/9lzrjudqvln0spvduipvyxhn6zqchezzncf7ey+dslvl4pi+myz8ey/jgt1xn3rcwtodtlpxyzu/zmzmb0ds0bmddtnewvdoknxid1zxtpu01ffc+0pyahd34qwpk6lglx+oddxflnygo+jw6q1+ox/vpibne+tnoari5+e9nfzbwtb9+obskysrau3o9pmgzqxn3lbdd2h7ap+c2jomaomdwa3lb2zllw++kdnco/+6f0kdfc6hnciusnhrr6dx1fj2nn+zobzxnvfhz+knxkceyavzzfwgvthct0wgdbtbabwq/ybjerdv8xadyzyt1ru7hj5fwn1v728pb52ltk6kddukbzme4hzmkt12itz+xra4df3ma/u81v5iyejpdnzmp4fcjk3lprlinht+6pdm7xir0xfcl8ls1hvokahwp12hy7yaw8kgzverrxjrr2kuwn2ptz6upbi8wkwcugiegrf4xnw7hj1fmrhp45firce+54gisrdjn5k3u0vbf5s3huzdq96shghruh19/yqgw5e8k1cwalyt2wwq9qualktpn4+uvliw8xax1jwlqvfesv1k+e8tmmllyhaaxs+eyn1/vjrmro4stnbwmkesw8hbtlsuliusc9/hpyo8eh1fafqtbsifli3xdzladv79py9sugvixb3n0xnatmq9jog7bq/ovirc9ggdtxwm7zhit5b9chc4pm4ru+1uj58mj3pbdeev94bqnpolf5owemdy9enfx5hvqtxwlbpdnqt4jgdvzvugqie5v9mcvys9xltrhiwkxukqlhs6trxombcydobvninhvtk9c3jp1wiwqwp59lcun2om4fgrl+qmk3bo6xkr9hu026uxrfdqlxbdu4+fml0nfcbsjlztovwyfxsjb6n/fkgze6mcgcowwk23e06divkrqxlckr2c1tl8qz5q223ymarvyqyboimxz+0tpqvsv8rdmtsaaislxmuf2qxec7+f6zc0lx4bmxdlfeiepxpmg/80p5flwykqr5ei7boi7oyfgr/prreqc4c9zavv6q3bx++z0ilivnw3auftghg3b1ymns/c5hvdajmelu//c5ojn0bhjjs0dmg1ytkv22urkbblb03t+4t755egtaxcasxsldfjw7qypvlpyxtu2ewzkfmkigtawqggix5usip6nqrvec9mauz85yjh1tw8j1dvf+7ncj0ufildmic+jqpc/ioh5yiblb6lifil7ty+7f41dodjcdh+j+uxy2xwbsiudn2i9l5lju9/nee99xk+sqe9wa/z4/yycyqy1l3ivbuzqmhekyh6qgbgzosdxlfsfbn4sqhqtv7pctlgm3zvpyo6ctgjvh9unwwnptwye71au+4xkpxd8naq52lptu5k/mzcaieyc/pzyjr5pkxgnxrm1enr/4wogbmypdsqv1ius1b//8yymjd/4t5mcu1iniwqrx/jk8xhw3jphiidjva6mk7rl1j1zah1k97howdbl9crqhgkab9lra4gvbc+gixyxs5xnpqevjun2rpt1lnvttwhrrrzwyrxihl1hsfgcm5myaqfnk2l4agj2bvdabs2icvsxq3m18ir0yi33ls3rp6oi70uv8c9tzerdcfu12s6lzdkcc9aavxzrvn5k23gh+hw/i/wl/ewjkgkric5l0ejse8sfwo17hzw5kc3ryzwftcmvuzg9iagoxnsawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk4ocawifikl0zpcnn0q2hhciaznqovtgfzdenoyxigndmkl1dpzhrocya5odkgmcbsci9cyxnlrm9udcavvexavexvk0nnujgkl0zvbnrezxnjcmlwdg9yidezidagugo+piblbmrvymokmtmgmcbvymogpdwkl0fzy2vudca2otqkl0nhcehlawdodca2odmkl0rlc2nlbnqglte5naovrm9ude5hbwugl1rmwlrmvstdtvi4ci9jdgfsawnbbmdszsawci9tdgvtvia3ngovwehlawdodca0mzekl0zvbnrcqm94ifstmzyglti1mcaxmdcwidc1mf0kl0zsywdzidqkl0noyxjtzxqgkc9udw1izxjzawdul2rvbgxhci9wbhvzkqovrm9udezpbgugmtqgmcbscj4+igvuzg9iago5odkgmcbvymokwzg4nsa1mzegmcawidagmcawidagodi2if0kzw5kb2jqcjk4ocawig9iaia8paovvhlwzsavrw5jb2rpbmckl0rpzmzlcmvuy2vzifsgmcavlm5vdgrlziazns9udw1izxjzawdul2rvbgxhciazny8ubm90zgvmidqzl3bsdxmgndqvlm5vdgrlzl0kpj4gzw5kb2jqcjexidagb2jqidw8ci9mzw5ndggxidc3mqovtgvuz3romia3otekl0xlbmd0admgntmyci9mzw5ndgggmtm0ncagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrtun80vgky3jgbdbwkiu1pp0qyzcy9gmwqgbkoeayk1o5174fluhe6c8vssxzrivqutsqrifqrlbxkqlnktz1fp/rzwvqhlbxqkvfrs9fytmf15+5fe/bef+77ps/3vm993s/wklgh8cboaohhu6wafajs4cnxrhqdqbdh2dr6mbbjszryxvgobahegglvpfiaighiknv0lkiccfjqkg1dxsaxwn5n3ijjfxgnqobemqrimtyojniaokyechoniasram+leosonlcdukigzfpichkocggsz0e0jcupnmjuuaavqwpxstarphodrywmmjmf7dmt8wbnkaappqyqmiyncqk5wzbz8m+ygi/ul6rubmgjo/kjib0dy4mkuvmxgu5ujbgqaxkagaw1nrocjnmtq4jmshypbrcykss9qvglbaluwyg4iccauu1hpkaimgtxobcdkdvq14cumd4kl57oimhxerk2rmyf26ooc8ziil2muugavcxravrtzwxekckgeheicmoruffn16pxsxzroe2qvcxwflsajgewdq/hpbzfyraobsrfwbqauzjdiiffs9wrwcwtcmjohje6vccgwtrcuqq6gdtj3cio63oxtbtnbq5zxevd/5pj6jr1aicecctckbr1ewnxv0nq34h4esnaitxdic6ln3umysulyqreedrrno6+mb7wamz3ayvkl1w9l5r08skbx1qdhvc6tckssfwis0ksytm93xs6anmazrmuwwti7gwmzi8zvw7asvp5mwl1bxzpzxheuviu8kbcxlmh+9vjr/lzuwma14rt3/vvxyzpkeb+ziyb+drnnp9fmc4humqr5schb183muyqus3b2tjvu9+gfcimc037o2vds6wmbsijdl1z3gh9rfu5admlksbdptf392ihi22u7ga3b4u/j1850cr5zmcdyytmypap0gfata3w1tvnnoz2wxg8kndohy2otx8muthorktyuwdgljwqge29u/znabo9g/3ma6rztybst7+ub++v0ro1+f2w+yzmpcl5v1zruw+fpnrr2ao2udc6g4aizsretz9egv0e/npnlmuwr7ovv4f0dl5/hn/jvv4nyphng6sr7uv9zvevkiyyhs2rnrp7k29blv7jtraemt4odll/in06vql+ycnv4rttxanr5duttyvupmklvpja/nr5zufvxmhflfdiyonl210men17nx/qv9ez10mv3ea7cest587begajzvpbfzdfe8wfrz/zkisn99lqm2zyb0/r98wt7uyo6/6y8gg114jx9ho7z77so33h53a/yhkltdizic88lxggdjyxwe49eqxs6ccjdclt1g4dnqryepar7g28rbjrtmnkrc2xre7mfi0fgulcrv/y55yhzszxnx1x+sdntngf0vu6b/po/nbfb9ytiysnj3ujs++0yhemfbbatt+16hcdf/yiowe+lxnwh1ymkmruc+2di2m8tighl15eirfrma823txyftghplupkdkoxg2attixb6opu6irhe8oqnjfh7/nlmoylswqavddew9huess5ugjrll22ztv2c46504ltp2eoeu2fdzkpm3qgza7fl80zdmq3zonf537w3sftpmhmk5krtrowm4lz/nfl1x89mryyrl1tiblhjzrmaj99jdjncbwj1x83h1nf256+tvu6lcktgakv2zmb8uzqzyypvc84yf1w7ququw0bbfs8ms9yyn1imsulxofzril8g8f3v8c/wkbxakxhqutmsab9yc00epmzw5kc3ryzwftcmvuzg9iagoxmiawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk5mcawifikl0zpcnn0q2hhciazci9myxn0q2hhciaxnqovv2lkdghzidk5msawifikl0jhc2vgb250ic9eu1fwteirq01twtgkl0zvbnrezxnjcmlwdg9yidewidagugo+piblbmrvymokmtagmcbvymogpdwkl0fzy2vudca3ntakl0nhcehlawdodca2odmkl0rlc2nlbnqglte5naovrm9ude5hbwugl0rtuvzmqitdtvnzoaovsxrhbgljqw5nbguglte0ljaznqovu3rlbvygodkkl1hizwlnahqgndmxci9gb250qkjvecbbltmwic05ntugmte4nsa3nzldci9gbgfncya0ci9dagfyu2v0icgvyxn0zxjpc2ttyxrol2j1bgxldckkl0zvbnrgawxlidexidagugo+piblbmrvymokotkxidagb2jqcls1mzegmcawidagmcawidagmcawidagmcawiduzmsbdcmvuzg9iago5otagmcbvymogpdwkl1r5cgugl0vuy29kaw5nci9eawzmzxjlbmnlcybbidagly5ub3rkzwygmy9hc3rlcmlza21hdgggnc8ubm90zgvmide1l2j1bgxldcaxni8ubm90zgvmxqo+piblbmrvymokocawig9iaia8paovtgvuz3romsaxnjmwci9mzw5ndggyide5mtyxci9mzw5ndggziduzmgovtgvuz3roidiwmdc2icagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjarlpjdgvttyacpglbqti2bdvese2kylrsvcw2bdu2bfpl8759+vq4x/ef7vnjj7huiwvimmuoe42xsx8qknmkmtgzactsbj1pgekyuajllgymxjyu7gzk7dhlajuazi6e33jwafjsyueaobofna2iotoai1adyeioajamzgiizotk5iqmjrs2s/dwtdazdyakufvsp6smpvlpyt8mheye/6h59nsymlmljpt+cavy29nbagydvyh+rx2vaqbcz3maoamfnybqwf5bu1jonjbcxe6vubxgc3a0tczucdgytjamllewbtg6asgjte0cca3/fsa0trm1sfinnce6byxbj0jdqid7glhftxva3rhg/4+khtae4ghj4et0/uxo4uro5mho6/zda2c7qgtby2sxk38s+jab2v0rixthu28lm2/dn5icnzozk7gjhb0z4xdubrgxf+fpbg7o/e9sj4tvnagd6beliz2xyz8l/uv3dfotdta0shuidaa4o/8tywhaaglhzg9t6ped+xvm3thix2m4ofnymv1nbjsejgazq0cta4ct0zfmn/y/3fnpogn/l+on7e2tpf7lbfcvq/+zg4wze8dala6akek7prhzd2wzc1to+n9mrdlw1i6qkehfchmx+//quqic/9ugin9mhvi7cumto1trd0itgck0vzyd83diqor/o5bp/vti/m+g+l+f4p8wev/fyp2vhp0vl/h/6/v8x6hfxkyt5qxtvgfg3zug8hvjgnosfu8zqhncfxantahj/8/h0mbc2up/5pvfrdub/073/wam6wz43rzbw7nvahjogp4tthass3ahmchyobube5oawn/37f9yvvstgko1hs3gm9t/tzwqlpgb4b/ovmwtjk1s/ygb9d8qgk3jf63gm65/5u8vraoprqpa/b9zsp8yvpgebgcvd/vv3p5hnbj2jv/z8a+mkjcdo6exlsmbbyetewfj9/v3nrane4vp/ybkv4ay//msa+jsaofoqp1dnwpjv6r/h7//pon+fxhrw2m7k39gr9nz0nbke9r+p+aftbglo+m3yf9aan9v/8f5x3mpalgdjkfxfu2muymsuzpsnksx/g6oi2j3djp+gay2l6ptyc/1r7tr8ksn2+ysm3ivcqarn+t6bpfyolx/2jeiohjurrcm70ogxobg+hbt9uqibzc1svmfbndrfcglnan/9rqal9kc1wjjudvygvdu0it8b8ebbgn2hlx6ovqnds31ryv5tif3nu6pjufrr6whqq7ooz0jszh+eitvhxkahoi6aevzx6h+ewnfyu0kckcw6e/wb4dfs7xmkxqnsuagvjbe8na/z1dz+ubamcr8zwkqfylmjl3d9jh3rpibojqfvtvziey/e26osg6lpcsg8igakffgwbffr/7z6rnafoxzdnpzo946lag0o0w5dymmejrp3eageydehsbqan/3r9owkbjztdyyf7pnswf4lf1phzqzibnbrqgdkt4amaex+wax8xkggsnhkqlj2xpxgnecfflen7rww3qwqprbo6xfd1uxuja/uqmjjwqvuvvyypdfdi5j/pmoqv/epjgymq4yqu4ouicc5ty6nb/qwmnhr0os4nsyg2v+jc/sec8oc1m/2hkp+6lwoq7b5bcui+rfvpvmmsjxaa1hgbxwzlfbfpn5drpaenr4z3vhjoe/cp27wog1zn+9m78gpn1k73v10zex6cuykfacfpm4gurpyqyfj+4o8vwowzwasw49fch781i8vhb43j0ex5ox7nztwmjqmbdsmxsj7eqpcmfypox63/jlcyjpm/xldzmifdu2u917knizo5amu6nfu5j33ygvszlfnln6t+xcngyen7gzql+zc0f5jrpxwqozqwue9khmtfuz8xlogpcp4aidmrs/eim75aleuvhd6tthi3onkjq3g2cze/8okcd/fbwtlee/xgs1jsmmk8twzqqe6jwfiorulw71s6vylam5l+h52dvlisd/va0fvgkdotopaw10f1zxts+ugwnxblvwaliekgnxhhcftdwpzmmoodwhrmmdhdl/alka+3okp4bb2b9ycgnigc14bwvr+mt0imgecwvbi6+ptapkttlrv1us2wm/qg8wndi2qnlkdy2cuzrkgcflf1b2fhxfivuzqmnpeil0hbluwyvcze/2kjpbp+shysuneqyn654mhhcdlip6tz2hsygbzox1vg+93ywatbujpsuwa8vx4rb1xtjhw7gwuhqhcszrnpbgxc2hx6ba8qh5koimuzssbnjtw5grfcxo4tqxtv54aterc/krlj5e5wfta6qcvspapdqetz3ijokfoc9ybi9rz6ycl7/bttes/aoisrdytm4i6ggej2xfrzhr5yndi0owgz4ioghhebuw6yfby0zdj3wzpwq4ha/kyafsoozhgdqpcphwlvyje3c8sajporzj7a3tclyx29tqogeqqz3kenibv0/xk9+goygayykldezyk+tk1pthflchemcvhmi5wtnxzs/lq3vrdpqyupg2d+qly/z0zquvkuvn5gm8eu9kb2pv4zbn5mseugomqizujwc9bqf6gwdcmuoa9/mnwjnzvjjyicd2dutqw3puh0jtrdlamoo/r4axnee/yknttwj9ni4lmregv3nubkheujz3fcpwdb0r7pzldg5/tmu3ekr7e/kjoplx3ypekrhlcf1dhb30z1dj0pyvlh6nroh6ytgg2xigikmf5i3gespcilvafsipnildacqmgrnnn80fdf/kixsmbe1btxn2bmqkormx6tuq9pquzmhywodrjngspta61ibq0klglvmzauamfwgdcgjcfyja5k2gh+txyiikj8htqd/vodinpdjpoblj+68dmg1sdwdzyoi1nnw+gbpf6dsrnrbq8dakgukuowrhvhoxbhznkuan4ewd4kroabwazpoib0mfdwesjplllubwuebixle0ef0el2enumd9+2jok4i09ygdieamu1sz048msxb7+zptlk0sbodle47bnaxptdhle2ofwiwhv0pjdmrhkuetrohpn0llxalmahkcgg5fh+nir9xp9imzlolxs3tu9varupmxe6d8s7o+949mhiscyypmybpoabb1s7kbqbxi7014bdaelhztywsiqfougb59jacjcrcoitdpmrm7yyfyge/puhhvni3imyupkqrax4ufbi0raphsou3kidnoji5gjm/cnsj0bsoktwzmh0hsj8grsxbxp+sowp2mifj2im+ip5acfzvlbif1ybnvqewtemwbm0ljmlxk6s+dv3mge/awok62fmsggbovdoxjda+dzsn0gweofy2zgb/g8bhfnrkbemyhxggkgh/r7nnlbssiqmceysg737sn8ymt/35ebcox60mtmqad1ukq4qoogt44kmj84tvrjjbwnxd25lahlsnspuv0lgfzuqqpqwb1l0mbbixubn+yrjq+5i+ymad0uip755u17nts446ylt5meuk1e5wwaflzuft6gurn5hws/whv2qtq5zw/2rj36v3ydopomprj2ecqqlqmcrm/jshqtveiufn7bz3eycrbuy/ykdf/nc3injq4zgibuyxd4/zq60y5tylrwmiyprproodkffvxlham9f7somicqef5lfqdiyda9uxnjwje9eg9csmobgsslcbt32fmjacvwsjvvpfre8xn/4vzdzyqoafnrtvvjaloiitnkxmyrxr5m94xyiqxtxg3z855ppydiyecuabv+5phl1wpwe0erquvh0eongmxmkbemhefaazqyn5iy6s2g3d+0deebffgzqf2q4ecrdkdwcighc8jzu2k+dls9xgmks5/sbeh5zxbgfeenutvfcyc/5ee43yimhsbfeofx6mhlsglheu42304ghcnocz0y1lz+icsmzvxmntvb6izrhma3d4gc8rdqdgpiqi1x+zbymkriaczng7zbtzah+uny9bfjlzgy5tr11gt9bfyghobrsnhvqwjzxwdxschflzlgauzb4sdomyog0ilghguogq8kbal5udkab5p3tpqfztj5uoqlwitdei2fhoatwe6mgpr+u/vq9bqhogfbjev7z27hqzgkaqgzerb6s+bzrhindrihu0ichbvmh9jnqjlysvxwfzxmpoawpoimnzrma2cqyltgdu7e8lj/ufgsepf4bmwbtpsb60d9vfkbmwuflek3mvhepoj/66mh6sud3rzftlnm4ruxk+srwxjd8jzej78nazmia/0dvrjftkm/rwzflhev+nr4efwlvvk9kkcbl0yjwz+y+1mvokg28etpmzwwcqrrv4yomqlscqlrfn1umu53rraat4dd/wfmltmn4lpkh3vvfknkw49aw94ondledx/iohg3y+gifnlkp//+1zq2skckisbbrfty8lcxfaholz8q18j38krzujixoxnjk8652+9xcdqyy+7v+b2xgakk1deiif+9cufq2uukuuvpixm4kahxcezaazinnnr4uq585bdyvcdo+xpn/6zs+4qwhrsmfydwxl5pegnfpxqvmroewcp2kwfokomduxfzozjuw9fk1v7j1gqswu87sj1l/nxofijuwwh4zg1wkr0p1g9rqycyy4jfew9kywgalgdijeec3gqu/wcbelo+nck3lucmydwecf83udcjqf8zfucwjhay797b/fodv4fsozdlqy+bfyekc5qatwnxj1izodmjuhman5zsm4jjmumf6py2+fege04+sdktm9wl5osp7j5zfsw1+uxtk+9jgg5mgjnsavufzusmvnpef7yqhdn/vgkz729bn2i3jqrr5iux8vxknezoexvb0+kmhgmu000qnwq99vp+pgcva0m8/wlm+8yet+jf06ozi8j0uyg8xdkihfdtcndaj8mpcmvkhvaeueu6cphrmcicebf+iz7qc3irheadcgakatulqu4vgz+vb0r1nsj4vlr7wwlrpp7duuaxhbqjcezizvm+ldomdcdi3r9/eao4qvujhu0beh5ceiinaot1+r9qzpucabxaazw8jd01jkeviwg1697pt5ynyekibrlpfdkrvrprfqznd0wnvxnyl1oaxvdew1mnds4bz9wzlun99f08y5srdpsfb9adbhrakdxj2z6icotg7rrqaomuqbqe3ypzpmfmwtn8/zsnjvi43pvvnlbdfcbttuqis/3nicpk/3qclee1q4irdq1hhuejv4u+0rivlvxiy5tks2nxkxe9ogf9xrsyq0bvsv1oaxwjzn+puea6c7cw0npkr7ihufufmu2dxatkg2/qfnaphwjwwfia6uhk+0pbo5ai/uzhzfx6q/aytl2xrv/ifylhypvzsfm96xouqkgboxvovkfxwyfl2/5fezaksmkemrdtrkb2gubgct9ecc0jr2jnw858be2r9qdutj8w9fnndotq5ipcqgzcqbcljkzqzlawc+bc25msrtco1/sddwtrytdaclwwih/z5vukka7gwcodd9fmw1miitw5yefxisitfnixjpkkz1bkhhh/rzl9+kz0z7d7dcubzweitxopubjm0fmwcqnnk3p4zamizfum+y+pxtvti4sox8gvxnjxrutd1gpdg3muacr2ilqrgsciu7bwrrdvtl22z8aqvmmkcdzzvnxntfrtopllmbeioqnhr28zcfy8ew0ip8cufyvd9fwg1qkmljdkl7agqahv28uxofqjeneo5pgwryrdxrwucvtakpynghtna/uig96o+n86n4mizrqlgwpxu099dmamxftw5yfh/xebghm63srrpsd6nzir5xysdxdotmscwu1pp0/+kncvqtduo8scud37bwe1vyrhg2gb6d9xlm7gf+nk2okdhnz8tacbm70grqcbbjxfz+yxs18jzpbjwp7yui5lnuf1v8mgkf6gfy7ipp/tsv/0zmrhpb51tu94usmodojg6a0zh6yrqraethjkjapaglyte2rk2ojzzic0om8krwwfru8pk/ctjrh1xlyv/0sb4d3mdlyk3nmq0b/d2ejyx0c9tc0cvvazwtnz1w+plcshd6hnnsnbwembgpn7hhaqrpplvisveutrnw9zsw0d8wxnojtkfgxsrmzgkh/2/pvhbzolf/3wq3ovf7mhvfua+hp1qlwvrbera/du7vbzb/bezmr3tr0sy7fgraro0/6ftki2fcmltdixd2zw4rs3weycqx+v3pubanrepi5/isao57y0283cn9tjz1m/ety7st35oh/xjxsy6y42dyesiwtwbh5o4yx+rojdpnbbv57ej1yitlbcjgkurd7veiycwzyc5+wsk04rkqhyt5hjjwfqcy1xym1vh6msueqsbfimbtgqlymafvza7//lhc35kps9ypnfq0zyllmpsf9cszbkkfokkgbmp3e2a8qiqil01fnqhlao/yz+gmwcnmjvn4vtf3n12se4tp91os2pcjfk/shkf0rxdfltabtvw8go+whgrvir/s22+nsr+uhexu6ke+gg9qoxptzqew/b2lgart5ksewmeaj+8szzkxdgaufg6pidwnahh7qefzmqznyznkrh9cvclzyq/nql5n/idxkwoyzvs2ht+nvq2rxsx66n1vxih9ecwzmyyih5ykmlk3fwkyv70gkuglakai0wem+bmxhqr33qgtyf5h6qu7ms1x/2mt0b9tqlanv1k8zenjvq6mgc5yl07tswjiajuqrgagp63wqq0xbh7g3ynlyixltfce0mdh4e/mrcvodk3nq4/oneuzfj5srl2r02hnruaavacn+fdcfxhfthjc050blz4htxuf5j6qntk3um/d/s1kjieuyymlk7sraay80d2uyiwjufepykec3uhnjgp5qvbbknv07i4i6noyid0+xi3xpd9bln0wij4kudbc/7dh9he0rmlrap1rglloq2e9d9zsgeaq4fdnxoibuk8o5d90dpiqcihzxbgkecdvn8esjtnbw5kzabfgchbznbwjuho+29qyhze+mp0cai9rb7kxmharupo+acikvnm2nicrbkl2obbbebo7sjvloxi4kqxh12qm9m7mxgyx4znndg76fnr0dxdr4dk2mi9tnkuav/xekbuuluoz0j+geihbm0gdgf1wzu/hkgrznkfzop+glpil45av6omvcsqwhflqvobow/gnphb35v6a7f3qdeysghufbth4cj2gobxrvodlog5eeykwuw+qwvg3a89i4zzysk3aeizlhw1nebizfhm/q9g40js81bxkbxzsqee7s9fqabw9gz9nbql0cfhgzz0y7gaxhg52wrxavfybazpscnkrgxfvpqqwgzbusjb07jmqr07hwso8ca5ovqomdouhjqw+y537sqnvlbqpbquc+x0upscgubvy+mpfuwirf0zmzymynja2xg35nc3+fbpeifeuwnpydlpcnn91xtqoezxkwn5bfk7+2j7zkp0mm4tordm4q/wwmsysnsc7am2y759lpjfi7juzmaiokmy18cwbi1zw0ur2bvtwdepi90n8nihop61cmw96yh9tm2d9auwfauwtlc04ykjsjikfmhgqgepfbt9tuxs1mykpen3xboabsf7nfmu4vbfipupdep9u86rx9c6rvo+i+98ow8a7vrlpgjb3mlp9iudjgkrn5ufpa/4s+franubyjo0pekbohlh8kzvz33pnl+z7waligrscuo1zrsdksttna9fnq7mfp/z1lngwxmaktvnzaoaizuyt21owaekuontwx00gdktyopsbtkjpbsxv9w9afz123jcy0ti+rwqpa9ig40ycvsbw/xqr/erkiwseoxd/aahxm7dnk4rcrjzr7jjpsrtzxk3gt292tgsx/435okb9ftvlrfurxcaokrhbjqt9ua6yv2z7fa5traagtao2xqfyh76dpxjqfx4kpanlu756c+546e6i9mm7raik2qc5ptpu0upifyxie3ssmm97y5z4kunwjiilqq0eztxdmclibzpjzq6j8ufftg3dsfjmbeuj8p9xhihscmiozhaw/vh8na2lyz2w1k6c8qq46gxd3jvoadde+tymk/rdng5x6ewmxiwveqdyy9phmea9m/uj1ukqo0fof7xun5cf4stxcwxkdop/clofc7zc5slylnb19lbkhhqldrf3ga/biejwpjzoaudjy8nzn/x2ti+dlfefaubipj4xdnjie35e42mnsju+m8arhe3pm45y37ieuux87+1c/ufacgxkmhqeq9gxfklmqbceyscxqzjb8srbglvhccsgctv3yv/b0hjgkaandgqmfkf9mwaktw7npohiccanjnqwt1hida4zkctfy+lf3qxozm1crazexfmueg38ibzfdlgrctz1vhpqpdn7hcpp1jneow+ainplmipws8kv9endpvmyztilkxzt+buumphxhrh93ihwek6giukmybmf0f0tua0t9hs10usq1cca8dgi7zi1dba2jalkfupxdiajqgs2sw/nk3upvmp485pqg4n7anuurssdhkdyp6hivnattugrof3oiluslvgdazi0suzkqp1p9wmnibjqlp0uve2sxsyhgodkwvmenyp2je7hlihlrnqz6i/qlxwwkxfbnfllbfstkhvtxr3kjotqgcy78euyx76kiqozuhgie9+kt4vpaehtile+i2oaqthysefcyoqrx8tygr0fjysrknbkyllbodnh6dhyia+mmcwlfifjd7x0foubdzp/x6bg8dezvbzqg48uoo0yjy3gmcj53a0hvyfnk2nkqbb32govb0ymsp2knok5mfd6eweiuxaepi2b3ufk2xo6qtq4xlpba7tg2n4ap99/nolfjqnh+k/yxvtg/log48oc/ohfefhk1/dxhqdkxcmyfqai90fg6udpwipcz1yasmx3t6ckwg94jslt0y2mv1v42t02tsylajgelhobkkpqvc/byfff8lh+buscoriyed7bh9d3zjf6szfluee0ixjsuqrko3umfbavhyoepw9gf68vg7tgz9mrymwmdvxtqfdorqtcwswfckulodj21yv4gplk4es5b+rwufwnbi2w81ebffxkpf77/+r75vffj0ox25yoac6+xrxipx1z0tiu8k6gnvuiqj3bz0d6gxl6talkb2qa3rtzmqrgijymbu6ygt8t30ugeevwgnf1rhn9hd/vzvraipadvofz3vrykbgiiwxoqzda2cpx7+g9dabpv7zl5axela/grldtzyhc2muhliqm6d/xuqyvtddbeimdfcn/swbhimde4wtzn7beavf2pcdzpqfnccpr4vnfiure4jqt8pqfqqpyhliaam3tvrwbt7ntlh6v3hld1oz2f0iqpqmg8uygguzxdu95ltebqzimqrwjmolwcbo+r3olvkexljiprhhsjnyfszo2ala/ykhwk4tm4shnuda4gkr+keddk/gn4khxal1fxgcvdteumw0gb1/jh2aq7ci8ympxlrdlvt5vnsvuui21jxrftun9zdk6k+q5/6l4m6inlc9zsy2hx/qrjozzg8rhvbh+8ocn1nwaszuvqdhnh/v6e8stmwt/rademjhtynwqruqtjpb6blgfphk34sajlm5fpvxshurz2g0vr9wrdarwus8nsz9ekre2pwzpemuc7fsvycguesm0ucmk2mtxztxry4wpstf8r7tibz6ux/ozfbfzpvw1nzindmn0ozgvxjf2ojutyewteymwcl5xsbzfmplki9fhdoq8yhgw9mxrenfixprqeatq+s0cj2eqlcszgvxr90xq2/uafzzzj3v1vrz6t0uqdjmwryr1twdz8rdx154usscyfuk0qc9pbsyzegn4+zknvbqnlw6icfwym1of/+ktv05osymtkk+tlhukb3tukpjpze4avptet11oznyyueo784zsoe7v9yml3n8jcwugia9fbkdqbujs1opf/fhuiu/m1jrat2xw73mclw7zmeoiqn86ulb7brdrzuoyaixub4e3pas1ncfr7k2nersfzkpjh9supewvfzkhvi3pv8+sdo2bmo3kdir+abxp1oawyul9weyxd13/y9fecc0/to8buagbj0mettqyzjgnucqpvwkxqwsv24l5b9e7edqqvee+mif2ikiqkwaxxkegkk19mtbq1wu1vki0j8icmf6yqvoqlrxaoaixmumsmdcnyb4lbjf5zcvjizzhk8hbh+dwo3pt/4jzma0wrs9per5mwnosslt734wldiqvlsk2pgrwvigyenrtdi+hdvbvbla7iico/jgpe1abezchksxwp/ewbml985428zf6mqar8ehy3xwq5klgt7imufexgg386uqntbqmegylyeoomajmg0j0xfe8mszph9dtos32czmycdgloj3mtvsbm7aq1uzoiqbhctwhu1o1iol9cbxzhl+bzvv7g8eir1n4zyqkvzudmcuik/apt1/gxe+engolflvohy84zyrofc50qvonctu8hrgngbbtl4nlwbd5ar7yrc4m+gxyrqfreddrm5pa5iaxhftuvttgbn0wqo0+wj7o/7idovtipyohewx0xbfmuheizctktxt5w8cqqq+j4zf+b5geg4wodqd0m7fia+ktdjnk2gwprmjc4btr/za/zakuuwbonbzrdp+5qd26kex9nvvxwrhn7ebygnl1otbccxlbe3ugcsh2zrrefur/1lscxshnamcdrn6mqxmclsjpsyfg92wbvaltxsdq8wquwyzn9+lhakzp0xbntbn8uq3je37k5qx1gl39u227v+kuzoijyswzh5mco08csquotek1nxmdosvlikn9xcwchv6vgcy2fxg9khxnrs8rpia5+efas5odwkogldmlbvyj4h7z4f7h98m8mqei7/lvbtwb61szaglfysjqzsra9/1w5v7gpusmqb1pokefznek7wsxxtitactgpkezrjx92ogxkwr3mghyrtflhjbl/b4okepzpptcildrnijsuyclgdrsnuktfwttepuq07iof9rt5gafqvec82gyyihnotfl/ld/ci4vpups35sjssfzi91kxlfuv2pl3mnrdgej2kxd0pnp3nvffkg1mc8hrdu8nd7brs5vl+s9y1xyydrpsgls/lvkysekmvphsfuqfal5j0nfd0/0ctk5lulrbzq+hda7dmhw26fgwnlrqe+rgzo0k6okj4o37fgbrkohkw6usasjw5f4mdkpealahs6n7kgzmtjfyf+5dlr8ptr8t5tywfgdogsw87bs1lpuehcmbc9ur9+t49f3ucmcrixtf7ejhlbwsj5rpvtocjmger0lzmqv70zwkbhoovszyttm1s++c3vztqheswuomrchcuehszm12eywww4aoj5p5dueowanxxahd0hev2rh0eoisjajpfspfl7ohkm9ggra0vi4afgcvyo3nspxht6nigsk0pcncjrkvb7bkrbdvsamt0zozjx02qy3wahyaxgxu1vwzbxcfnsh5k/llvwrukwriqhyng3kao2xtsvxr7pzd7tupz4o7oau+fojessoxx11qvjduslz58atyp2slk65wuqwm73gzbg/cx1omzwlq1q3svbpo9dk4pezeawwnjwenyfudjbhu3pzto2kquw0l5sm7+z7ntzaemcyqiuwogwwtxqs4oujinjhofx4yjgnpul8tqnt01waxnke9mjno6cghivbdbbvixrgsbhtyx4gtpmlbh36jwkwxksdzbyzzxxs17hrfraop7vqwngdthikzcntkwvhxa2boe6yzyfkbzn51riiqdoqxssypez0iluhwnipaiv/xbjyt0gi2rwynant7im0c0+ttwiijxdgkrz+cgbexhkhlf9fye1j7yvo2qmv0vlwevmlaafdmrotit6see1ezjwkqrphr+jurg+ar0tpj3z3jooxfjdczsbzpb/y+chc9g4qzcq/lxnigja/okpjh6wvinuqx5rxwkqokas1wr0kt/mh7alutvb4og9de8nrag+oyoby2p4oxrngcinartjfjottkcs92fcpdhvp1xlkyz8rsqfzz/puvaadkgqhc8xwsnntavbae2lszvmru5ber7rifhxks0evlgbnma4zy99gab03nchyu/tz9+ml6f7evvgt0fn2goclcp2p2cktdsqrgpbgscdfaie64nhc6mtrg7efxzb4xadvcwuvay6h9apdaukw4rial9q2e3y/qxakl+flw0/ca8pl1qgjq6y+5asghiyinjusafqfdyzomcevkeyepqyzhd6ollwml8ldw77ukgukn94j2+davuowaqkoafjtj/mzx1itcaffld1pwkxc+ozmp/m/mipmnffqwivt4uiuqqyoa7adyznst9tau6rtygl3x5q+u8kuiwzeurej2g8j4bznotmcpwuiinmydhk42swwo2ugylyyoufzglc1+m57tmu4ke7l6oxqzmsobgauyjkpgxcwh/sfpzcgik3o8idq84iinz0xrwempdwgewziqq9poagmqbzdqdse7djagtpmnb4gh0j93g6hudcwg0npnf+54g5a/nade4twyjlzft/g2gyaoj/gozfdgj7/uofevfvyaeyh4dthxiljbz15pvolavlbgaoq6z5xccafwnymejv6qwm3+mep06qd4ruw9zd2gegrblgufk3i9luyfre199vpiycpgrd4gq53anrdclhz78f+evgn72n18k0r0dm5p4zjapk0maafethnmquf3fqcy9kznri6prazirlq4prhhyupxbtc5vgky7gfcysnyjooknlltwi5hj9qhz1syos5df48dgdutj+zlsqgmb8m0lapbfu7jwesht4u5ejib1anxkyufwntpah82txro79jgs6a16mt0kujpcgqrqk5bgbm5hlzq6we1eabhoeke89c4mxxpr0bxd5njnthfbnobyhb7/e7a5doofehwvzv61viawjcylw1syl6iqyevyhqjurd4h2za98ezv12srvclbz2icyoag1oc5xp0qp10nns8cegnxyynvzn0o0/ux8xmeyhtgcaenpbcfqwpvumtsgnmj/9d153aob+p6q5ing43+zm9h5rmvboefgyop5i+hj11udukxp63fej3x3fefkwu8nbgj1trmhnray9hw913xod5syohisjagdcxvc14wg2a8tk7bv9wasxquwnl50axayoxxxxsq3u5fxw5vi06py6rq/1tjfttx4lwjnu5ubdaeatpbvl8rd40frxuxl4brvnv7rn6sabebjkgpullpn5ilcoxh+uj8en9io8lelufvy1ri+zq89ws91pt3o4sjuqseob0wemvwy/vpt7ztlgsgsr4bpyxmjuxxgpcenwqtisubu3acdgmntlif4u35luopkib+sru7ij2o2fui6eeojj0fjf0ahyrfep18vhnsctsbp5g3wsrjxrefnj/eha4itjqaftgufjld7awzd11mv5+ppueh3do8r4px+tpzyclwvpd7dfqszueticm8j6zgheibykqsztbvmsbfdi7vqd+62qfsw8j3svwvwvnkxkn3qrmyfxl299ybohjhu2wutgswoe6hmralejdq66rvfl44zachtezzdy9fcwjqp1arwqukuuqbpjndqvb2lz6gbrt2euvk4gfodxncs7qbnpnroeqlxpmoykegcfhql9cg5ixe+fsvbgzecmsm7s8ctdm0ct7era/leprmoaiv0piwex0ejwcxbum8ovvq8iwbwiqakmoivbpdcquqj30jiejnolf4msjmqwbjh93+aloumneuytobfvqqqzcni5zn6kvk8jitijuxtbhbutygtjxoieiibc16dt5fbmjjunsbtf8a7sbdlva1rccw6pqsydqo7abrui1u+kgueq2hstehehmij21wme+vmnboq0/zbtqlai5mjcx+wdmvgaehlmljtsgyuwhkuezdtxulloqo89yeridbm+maqi+vvywxaeaelybxa4wpcwpv7wkaacbpsd8xinb0ioy4t6wx2jaajzn5ugbtjvj5uttd3fhy0c30xpsijnxorttbcxcwgq3bpezspvflwknaepp/1vmrfvsr4wicibmxhqffsjso6xiicahzbb6h6/8vda99knmk4vhil4+9xtkiemgilqvd49lx14bvhx733rru9bsjj38mii0dbw+sdcyxoagzt8kl2vpe1c4j+4pdomjjiggpmzvnjzp1bepsooftp0wfiny/fr1vxfmgylpsjt4mvspv37t1zfisj43zjbfn7hkagkeblplh+eq/llnvs/iwpv159fy5najlf7o3zqg7/sujqyqj8deyzungi0pejmiuy2gng/ko2v7ygngckedldxnpyp82nd+larixv0l8zkjd9yelodpn5/oqhqylfx8k235ozcnrklesttwnb1uid5ptq86b4zakrrdrammwrkxqaazrbfl00cygf9s719fl6v4bdj+7ypf2wlbnbu31drlrd5ebevnbgxp6rozanrlqfbmy5vnthzp3finrh8lrpl40omicdktz+cz6hzyegw760e1mcbtso5kk+izca8/rnp6j84q+2qlgf0mg22ocvaxhhun4bhvzn+xboi+og8rhufrw395gfiwbhvwqwrswf2ohvyso2lrlvag4mt/qqkwv78smnzar9lnhw55whkq/wxo4fmrf9ybcfywfprxjpkm8jmqsbixjug7gchx6wui37psovv+ledkdlwxahl33h2mpdegeoknwau1uremwh4u/26bd1s7dcefqsc2qmzf8kv8y+vc0ciaxmlefky6gkemnmarecqfrk9t6yy4558qkjv1i4alkkznefpvqwvs+ykusdl8nlemt9gdsw/w1fonyqe6tpdc6e/kuyl3qj02b1zlyi1llqqcjlcxkfjppdg70kbrlv/3snuebeihpezxfji8rbtvpnk9bdtpgquxxak11u4wy2oeu1x9aby/qkz42+7ugy0vkc/kjdz4tkdvpxmyx3zbwm2owfe3yfjs5e8fyvutz65ai2y5g8/iziae1/4qyr51zmznlea+i9lcccoxzshahbh3tsel5qdlqay7v1nwvm3vgbpml4fgmjjzse9s5cujyd0tndrshyol0sn4qcnixjfd3krw/bebnc9wivldzu4evokxj9goy0e6kferxi0yhzaemeovsxp4b9gw4h5q2lkedk96zcsit3cdjjgdqa4kumckoxgyyba8qjjhtgrf1dggdadcjrnp8xmw/7gklwdhm8mccikdpjtzr7k/7szbe3dlvqkpfkxmw31rkfteurxcrdv+jufrzp4hyl3vu/gdhid/iqdu3m8kp1pm9freq3gzh5abou9juuhercnc0/iebldsnckskgttibhnxas94avxwwc6l0wzdk4qvux15ig2/2ozbrze3+jnrgf5rojhuli6di/ommxrnxy0vxcylcn0lbh3blaynaeaejlo+pgqfcb4z9vgmzb5clmvw/y2rj4brc2wkkqfil9vdhmdr39sec940jbve4rmqxpo69efqkes5n/kmffrs9vw46caxvnjsxtu6tjft986jsur/0zfugbcuhigwaliftpu2um4i0tumtmp5dbup1npodffbwzmyqu+sxpj3mlds9ggrzmniiittniizc4tu1bpoe9pipocoan7fhevzxxiwyugyki5wh6o5q+ayh9oxdfs1qi8td5hjiio8klv3m+8t3twozbkhqq/+4genmygh4wwrlmpfe9wa+d0gfonniexbmel714pn75wdg2jyuzskbf0zfqdy03w2hfwd1gry7gobxcz2lko5si0sabqx5igg6/gafpzr5bwipfudia5/e9o5ysaduwooszp64b2afl7x6f+1zobeegfx5zc6mhpzb2cjrxzqg9o4qmyzepwtdzi0zzoskvqe2h4qi1hbyzxy5aeq9vjtr+nbhsb+ds9jsl9ddej2o39ty1o4aaw1pqqcmh21so402vlkjeyqlfaceisgqplps4yrqasgu83dme6uv1u2s8io5dwycnk50jrw5orixpqmtccv+vttcsajygeiyep1q63icrlflbh2iph+pns//rimrd4ftviyvbiegiyd9ls+hqnya57avgo19mw/hqvnekp1t3qoqndur4rq5mildb0gmsgkdfjs6h4pzshnz64fmmryzakmvodtctppoywahkx2hymjmnoadvarlzerwrzpyr37hjvwioh5bkmhvtmursismohh65rosph6b/wyfhxxquurwb6dcdb+swbxwmvillpuospbyhsiuv1shlcfw+go8s2nfyl8ykcaegxiiawb51xv5542xydtuh96z1tbxr0ypdu4cdg1eac1tir+8ppjak0pfk/ehzzpeuraubwekamxkxvepf4eefttusmmjmlhxz9ouotp0qxprzoceyw5mqzhzyianjh1ssa7b9kbavirf3vg66gffv0b3hexhtp0iampovojyjb7yjb7sts5gklputuim1xvwei0labulc/yawbyf/l2duk76ngct3lbx8xrhtzhq3q69p9sxwqyqxrze6qgdp2cxaqszdlkkksnpkfyzqik0csjvak5cpjb+zsvduqjtf/ky4tlgi6l5k+n9nxgyojyumbynqs7hac5oujg1ypo+bnozmvvyazotnvnnwhycgvbowajezexzpmlb51uuhcugercsp7cdvg7o+tutaw8ancynuptkcelucbsgnfve4cztm7aehvqpwetxlxmgetkukjmh/jdikfhmst6tto8ccfrmzrb5pu1gr23v2pr23bxboufwebqm8sqzsf+ud5wnyyvpzudnfrjfjiyhixwltr+nykecox9fkx8zrajus3vgs90r2u7x0gfnao7ntqlyndatt/jmcquynnci+k8tuc8hlv3qnlwjtglkaxsskbbaj8a5v+rjc9qshqzmech15lkchx1r0up0l2+uxexyvezhtkmeit94yxqb2bdwgzic6u4azod0yphaa15+cpcjl4appnic2vw8a3swvfwx1luuw0rv3fjxsie6epry2kfy3uua8j3hclgbtfn96geo3g1yxy6zku9fn6vvfezgb+/ooc9sfsylabc6lp772juzbfwpitjifmcjgf2ay+y+rowmldm/mxadnlmc84ohxk5jittoupsj17zrwe4ole3204d/fquunwgnzms8l7hjuofe7uvedxfjabb7vwqxpyojzpka9xuzrb6rrkjcndkohu4ijl0uq/vvu8npq2tmdte7dqtfxuad3fyio4wmwp3nj/3skgj5c0niqils2itnut2amwa18omcxc68kwjs8ihe4g+1qvuvosowhpnu7ahccfeyj2owuzsjvfldzh6cmkm3pjar+teqfn3elp/aqnfsvf59gj3vik02drelqeu1i25ecvrin+ffojbjs+f4wmfa5ln/v1f5yvvakvqi4qrejgxzob/7ffsufllnryds1i23cxgpcfkn6wqizt2rscdtz83yngfcl9kgd7r7cpex7hviyxgzp6v0mdm1j0r/bhcwk5u8i2xbftnrmoapskht0djokhk9vnvjkzpqrold0vphrvz1ed7b6t4zblugeasgro5xvcn791fbohycawvtfb26awxnsoeeda/pas9vrt9xhr2ehnob+cmptqc5mnvdbzhsbv58rz93n91m7dlsn5cc9fct/f2g9bvjr3pshvzsisxz6e3baqq7rq/+pvlabzkf1f5enkujewc2plgskwpexu2cac6oibffdzuqe9b8k3gqnjy0hluvvenvs/69+slsjea6vhfcrx5tj6qe5lkue2gngr7wynenlvzmche3vqhrz6buaxfo7egxji421+wof6cjyev7vzn5jmrfbkuobuzedccjdecxfuo4mikxnteexfgby050q5o6slrqh69yefc5trm2ywav5y1gbiozwy9ihvdyhkt7vumlvptvtovt9npawihjer/fxbsvbajiii5yhktn1xywyahelpzdoek8kdwcgaboshhbnk4pkevg+e5wzlbinu78rlevhom6buutj9dvekfhss6pdksx5fcjlrw2s8kipxxmo28nuqellhhtedeiqs9s9enaliyocx/gw9spw7iyerpqh5fbhfrbushhmvqppkewvjs0ulhdyx8xh5nzmg7laqhrnyvec+oqonh/4b5vzaztrnk6tw8z7a27u5lvkzp+jcghxvsbryibttxuit/iekdxgciubu12uvytb7bq21kiqz5qyy64/jqzh+fmwlqjyfti8arfeps7wuxsnsuwe6ewuz/e1ix7b5upbcbju0bpatjcvorbc0yaqzae9yqjs0ceumgr12cmd4ytgk7ylk1rjyixmoe4lufgjcjj/3yrvfgqeen7euwlhd/vn+qhag3gu6kxhgnlx36vgpw77om7pu1vpgnpfsbpvrdcmi5h2vsddq5kuvvza1c1r8vh9imk9puhf8ev6u0nxdx030crsmuwm6ambaghgkne52gdctcnjr/uv/rh4o6bxrlc9nlc3rkhgo4zwwtvmi1k1j0cq+vksks2nv+ektd1ebectk9egznjaewi+ltcofnypdgahlqblarsavppmohphgou4gttbtl+vjpjqee8c8z0lmdkrty2bj9nw2vzsbfxkvjvu9xeglmhtedxixmdfqipsha9yf6ror8mlamizni6sgmbopg+wwwe5hmdywqy/6moqlxu+v7ha9e7uclxnpl7a7i8c2b4mtvzj9mnpv8ngiabsdqjbd1ih92ztmubkuvscg6clv4hppql2jkzk+ilhkagvzeykzpequown3a6kpssiqgxmws9vm2fmrvf0tmrub/ipm8nv6cixwo4dkjht4vbyehgh9jw7onr5e3asupnt8r66048a5gbpvkb9mrk2mwmbe2uin6uphvjkcq3p3wr5x87rykg2uaf+6sczbcqhp+ewrdfmlivedal9lvdrd0arho4umbzzq3i5sp3lnjuro68eng3lm9fdrqbvgwl+6njexxe1idwp284gutiy/jd2veomfvubk2zz5fnnqntan1br3vpfwgc+lc0/bamimp0hbxro/snpdlunlnhdmaukmw7puonymy552obx4z4hndiik9yxkgxqqh+x24modpwuqs+7lrfpiesi2by28ux327ejzhkqnaper0oegmhpded1yzx5qtuxdw9h4aqjeg8d/upb7s3b7gsd6ie5nwpimxw0soa2iqor3s2z6ylxcbww814bkvmpcltyjwtemo6qojhgikuekq7pjynm+iv0d9r3isdbng87dpowykyrtfhzuxb3nhujo+vl0stbvl7txzojg//lted2uursqkyll8vk2vol0ml1wmd6mzqcbwkmf9hglmulomlqqsrvr4osovduiej637ojymmdj/lnt4vncjr2jeod+tscqshx44fo4pxshapu0bhodmdqpymngvvrbmj8z9t59e1ou/hmzd35poswgljvjycwvp/zsipfx94u0iexswoapmenwqpm6vgoi/5qyvff7lgblzkid3fc7i13rbgnlmprsra+lj7szegyanwh1sq0ln0/k7qwtu87wmvxfeeo6ux9dzjhppgqst4bx9h0son8l8vghtmaen95/k+v9k/kfj2c1jpo5+pv+pt8rw83runwyoy6p4gmvvumhs0sj9lpuh49slrj6slcwobnodivvgzmdhxgnvy6tupir1srjqkzlxwtzrlzbo4e/ebrxvadhdyhsomccssj2aosfbwnrrypheqgdmprj3lzyaeffzmgivsifwknhg02dvo/mx4podnqsakbfz3itizybnk6swe1mc8et4ujnrm8fsig6j5mrvlbca3p92x8sd+3cmktlzk/bq6onnpc9rz8etcprrlllmc7miiho+11/v7he0usygw3a7x9tas054atc3w0lunasiykcfisfixeoav7b/z7wp5b23gg4vg0lrvpmsdt997nagie2zhpq0ljdu9rbpn3spf+2wm1zjcp1vma38i+utzfs4cbzyab6fka7uevwycaualacrhp7kkfi3zcrvte3thob/id2bvqwzccqcu2ll7i7cbvxbdioifowf2r0nfftuupu1bqyc43rnwfi1azu7o/kc2bgw+rfqy4xut2cxwtyd9q/xi6tddbzp4bzanqgoqr7p3nauhir0wtlkjgpm9zgxrz5ig+afeuyukk75lak0e+qrbo8ehg1ug8quq64cudik96entxtpeez891yx8xxjrj1mq1n7e+b5zrygwc/27wh0e7nc2bqugckljavlv+g/ptlt6ebe5iq3frhni+mset2ed56gyfleoi+k2rbpqm8ocwbur8fl+kiqigblsokwy8fpuidmpgu6hxt0c9hpc86pz1jejafolxroo1hnkm2b1emcjwtc3thd2gekkb7m+ucbcit5hptbci2d7brcrjkc5asb7pttaazahrni03+hcp+veio9bplhninjv6waknisnlamkzmhznwregrrxm9uo2g/ecpf7i8wfknjb7loldy1zhinsnkox/ecllnca33f9ia+87bbzwix/q6mjwbkey7g2dxxoy0wyshp65rx666s1nnnxruq12bmhydnymrdf2upil5vmczvyyr6vwipjqzyetlakh6spfqesrpfn9lucxutojgy3nm8llj9ynwgvk0rr0/pbeh0zun0d9sutx5as5utmq3codjfklfkhle/15/mmhpozyhvkqqwtxj/7yph1ge9wivzantuovj1w6dqg/pqulaoqz1sl11r4tr5ubival67+kwt851tqfqmh0dvyhmyju9ild2e3h1fiosobfcstyoycq994fqwoczaza5grwhwjgjwprjamjs9ukycurnlgisndgnaqpbm2+b06s6tjtr/6gcyjsgtb/cj7mtvhe4xee7xamdb21ane77xs3mcfw7lkznn8ua13cw/+wiemzarbjiuu922ju8bgfva5+f81yr/kvb9nntdqua11omswqm7ejp+tjdry78mryz9nrrmlyfcyky9kci+qicasr/frwencmazgv2r5md537f+gx1eoewrldmama7/gvhkjvxwp1nycdwm0h8ck83mt6oyrh5aqdlxv29ziaybvokdf3xtdkgjtambwhn1zlmi5wulezeem9glkjv7by7pdkuzvrspi7okjybhlua2kpeuexktv2dcuusf63e2jvv/dltqjszmng1fckqgjzcfk3ogwtyl8pqujhkaabqjmjquhd+wiba9dzor+asnv0cnq+0g4luchqeb4gq4156mnw6/batbfrvunrpt5ozaj7wsgfbsravhu58rcutfc8a7fhbizw4/oht+ocdhkfcnz5mbdd3h2e632wspwuifj/ithd1dnvl89r05qdhlq/rc5ges5+c7nsdmd2ugavoi5adpoktaanuovrhcxe1j+33x1vxqbbm2ojyzcrqizxqfobfftciemsi3oyamgy9b/kxmopezwazsqavnriddt2aidvbestyfwk0kgxpqmi8h4b3lmh4s0ejfv+mehtv8jr51f1smssyjwysggcwoyf5s9muifyozogzzjias+agd2ugpp15ejzmfi8iqkpm1+b0paue69c+upguzyqt77ljvycr0hyj2eqb5wfqkbwke84+crffcjznqqn5wip/aeulpqgag8qnhlt4xe6v+rrlsaxp9ezvicdo5wuuq2qsj7en9esupexxbmlmt0pnaaz5rnzdxc9jhu9zb3xs6yffk+yf3unmwzua0al0swenrixapnk7ukg7kpzqu8pxvzsiq2ry5p7j3s8zmhvctbsc4u2mz+h9rrjqqgadpmzxdfjnkre9mmkhs2smb8qhrl5dbaegrgwacscmgrgzadjrvsiksn8lqeczvh7yzkfwpe//a9++/6fwhaeoz+sqvy7skrwxw1lhyso6opxnrhzjphjwigs8cahmm7uzcmfktbaexm6o7cjx9jhkfx76/gxf3z6pz+spep4hr5491dqfxs4km0w/gdznha6s7su95ly0+iys3ltdn9coqavcw7er2bng/qzhdkicv12qib1nckuqypu80kkslijjwmhcagywwe8jqdoony4vtss799hlour0vx7csejknijg0je/cq5fs69/m5bpenjlu9l1kal9hsb6i1ng8x+yxcebezfxiekm93ckj5adrd/tjmver+x0nn7lgfs9zqvy/uzafykqvu0a1q4zqfitvlflyuiiuxvs8i/pxudmv5ydgf1yx1yolebg67ay0hmvnygzvv2f6wil9sd63rx+4obh81w/jahfxdzt9uap6z89bstmveaccvc5gi8ljbn46cdjql68dmpfjjelcismn/v07pv61siujjwubab5dldj7nhdskg98bycyembdmpsuxilkaeffxke87onokcqgx7tsorwx1x75+yq207x1fzy6c8hownwstkjh4flt0dmcseoxlk/m2gzxaaw9q7ko6g3jzmdmlwwhiadmh75ehfcrx6yz/pnxhooazxwnpcuttro9hun3m7cs36vdfqtrjid9lkc9bl904hcib3kq4sq0s6n6zf84tm5zyvzeet3qwx2hziaccncv4q7y0du+xfgd/v/eahv0m+m0m+k0egp3mgom6x+cnfqezlidr8hty3znq01vqsfbdb8gg10ih2mp3qnkssh5apr55npnffadnt3trtfxsn7kn3l5y81rnr/8rngowdghyzydb6l9eqkanombqwdv1uvicuucpec+n9b8z7qkgwzqjz8jfmkuha0bxeb5nmpv1bxztjqphgo63cjue2a72pkvcrxartfhih9uk9mfayedcvxc5oty0e9d4biems0cd5dm32zpq86erw2xkkxck9wvhrtbxseo96lsgd1rgyg9e7cczm30akirjfm7pi4sxf35pf9yw6uu6ol4yfqhwkaz0es/ymfmrrnm1d8fax58j1guse+tfta2dzfpzpi91qy7nw49prd6ks2+i4txs6vvd0kfvjlz4tsv0ggvtqrocyhzi7o0fxm5mhshmdhev12cf6shqrftgl+bk2m958x2fveqlt6nvrori8d6xj0//pkvyo+w7j6jebrv3iupf3nrf4eyktrskeu6nuuht+2qw2zixnx47j2ak0wbdk09yidhtye3qwcgrdgmpaoha5ae5da+cj2dilcvouslutd8mvcsqwxhhyfa5y35ayt/ecvm62trq/3rzcihq7sdg8t41jsqkq8wtxyzryfzmi26gjhk0yjoifu9siacolg85qepd6zzjoybmluhj9nubcx0n3ovletggapjbdq/rpr7tzolctmg9kh6yo5m29bev582zfe/pqa5sos7vj9khyrk7mknc4hebv7wun1/4y/forq4pciocu6+m++rfldhgugkm1dberwnwwra72oh8ummsukvkmmxx6eswzz78zcwoe0pjtrrfnjf02+bubb7zrf6e+vj3kpinpy8ijyvozpam+sio3xahqo0cg8zj/elx37d5hjek1g3lkhu1l7zlnxpn/kc3r/f6fjboosd+s4nmwfa2vxt4tqe/i09nahckzwuxpju6knmaweggkrtb+mjx7nmk3smkjgy2qmt9gixecblgg6eyfzzr+pvrwuxnresewhgnhj5p1ociwbu2kw0m4euhnycefknt+b1l7h+yihhujjuma14wly1bavby/f27zhxvvz1ohghsuz5food2tpbn1ptllzxu1mlmtn3blo0giurz3sl+pkvxw+gnqan5oecx9e853qkfamcy0d6byvxdbedtoc68fk67rvsrydwma8hovckspb7rmhdxwlbnph1+ixcyo3bw//ipvdxzmsbghh5y8zdbvsyxp/c5iwvehlocjt4kuwspsuamh6fdi0tsjmrnvcwbpzr5mtg7o7rqv9+jkfro6slwiupqhku7iblssstycr2zy7jxoy0wrnqgyq4f133tpadyylcijkankz4k3oi0q/jtjsoac8k1gfkz/fnz38gjri2sa215hlu87m1rojqjk7ihfuigimm0yawqwsle5vyhsugaieiwximeggasr6ivxgbmju2hse/ud065ybmhsb1v/uiktnrlhkheqzozqrgm6fd6qdvujrhptfr0p9wpif8eumxriasi9vv3wpgjqt9+lxkgofouoiqvjdqz9xicg+nmwirp1tenod5qztw8ae1jpfdwdhzwb8zcq7e1y9fxtsnzstnbxuzqu97opsumbuewqacpogo7pfx4ve6szgfu/vdpacqz1ke7dbr3fzweqppw70wretgwptgnazfxn9dcg0nq6ct+zdyd1lolxfprx5xc/ipmvc2gi/ppasv58kzrpdiec1sqgerjttc6seeia/pnu50xfskiwck5r/egr96occpyoly1vlnpc5z5+8m778zkbtz7cj1mv/svfd2hsnsylacd5e5eo+h+cikbww8mh0nnxh3+w5janbslen7ur6n4n8ob3orborn6negahunbufh1y3nygocis8ce9mx4cl5sn5mvg5rmci74ueej1q2xoallfafnzxozcqrdxzq4+lmaiiab+5jxm1mxu1kjnaesmpmln1wthjax/rkkhpps1t14qtc7vhlzxjhhsseuw0ga7w3wp7efjy1e9dwn93/tk9s40z+hivacly4hvatoxklvcpnjfsrc0jaeodtcrp3+o00oezwizvfydlewdmlzuzbcy6bmcmlq+pyf/o8bgkluqo1rier1ysiwzkmr0wc6f/8a6/2mgkbjn2zdi1il3tbm4xw+23uzaoezk6czeygemb+h0hla1o8kraqhmbmka1ijqu52o97rnrhgxg/k1mhzzvfhm5dweqtxjmuiu8hkpa9mmp1vnj7dslrbehrdzijtqm6glgh42skbc2ll72eeyku94yqqfzoibjlxywlv3k/a79phi09db228qc0vyje8vurgrwmmtmhbvlvygi6fceepmhbynolqgd4rtlsgjt8ocrijuzjivtysd/6z/oku/hx1lr2hjfz6kpu7dch5otlrpzltezeca3gdukmt0td1c5g+gy106z+zta2rjirjeqnqvs+b4p/t0gjwacorfjcnggxhvlvez5g6f5t3nntfbwrjktgodt/c2voxovf7hjznmdcufm+2embwum4ji/kyd+qv4rh66u7u1/dlet8/y0iywrjonvhwvptne2dmb414g5u85cbfsnxv08eoukvgvk/eqq4efzz476tkaq6j4qlmdqwnzd9dzf8dfeoyu0z5ttyxkgkutte8zg5zjscr6cwm7zelkki5totzhjamgx2krqqxiseedsfmrwnqs3unshqrs1zrqlk+lww3oqzp7mhbcr3osda6u5sn2niw0gr05/mbrl8roghoz5bt2mmpvs9cumw1fdbcnuvybitojxmn6/lqgneudplwwsxjx5dqbsvodgdmxbrtzbloa5wyyysz/lshpmijr64kgypzi1/dliyjohxc8ghcn+pdbnfeuh7peptbnumvylu2mr4rwztgh+eznpuy8ev3fbmdy2+l1kne4d01mj/sz1ho8srhiznpmcrzkgdcz4brw3qjsuxe5ii8ftxwdrezu5n0mxybbwdx+luzutsjpzng05e/0pldl6s/zlzrkgnss+t8r+v0kzc+f/qpwox12pu2rkoxjy9ciqdadr42kksgi7oyu1edq0a50dcewpigvocmwvgnlocohpjl5a0ybv1e2fmvzavyib54qebovc1fw3mtagas+e+tfz+h8fnpq2pzc1ubgkuvtrei06jb8mvgpt7ftpvaowbzhe/tztdrdiofyhwqqpgn2zgarr9+cy3efakruk/hidwajg7+/jq2c9h53j5zozxfk0brwevzlio7vj2uaqsqwhxi0v3r8zrfgzi615tq47isit+opjqkp61kmfm6tia2tck9iqok4vbpebfmc1v/llghtit65llwfgezzu1mmndb1xky4plc1hu4alhhdskwscpajexgm3o3j/qamhftmktjypgal3ttgwsjjmlija4xm2o/63el4npwardzkhjsecjx+jd1qfxwr1v989+gww5shd+cxingeamaydewaols/yy6wbryidgb6hvwwyarzrxhpxisoh1vtgwk95e6rodrlxodwjz5d3ogce77iq8uuyllmg8vfme9nb1gdkzmvryqll67p8hnti54wp7gfsl25zubt7wxekzbqk0mt0n9s3x+xfjy2kdeft9k3qrenldkj8qz4bn5ypdh3x54xkbgsb02szzrhpleahaj9uzzuqzhklcsmthu2nulnxf9xkh9xuvtnnnldab1t51ycmxkd/2eyj9wvyiucvhi2bf/aguke1kuzjsq44hosnbyr8p2p8h/bfabg/9xancvb3dq3yyfwpjozaymvuzhn0cmvhbqplbmrvymokosawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk3niawifikl0zpcnn0q2hhciayci9myxn0q2hhciaxnjgkl1dpzhrocya5otigmcbsci9cyxnlrm9udcavs1vzr1vqk05pbwj1c1jvbu5vouwtumvndqovrm9uderlc2nyaxb0b3ignyawifikpj4gzw5kb2jqcjcgmcbvymogpdwkl0fzy2vudca2nzgkl0nhcehlawdodca2ntekl0rlc2nlbnqgltixngovrm9ude5hbwugl0tvwudvuctoaw1idxnsb21obzlmlvjlz3ukl0l0ywxpy0fuz2xlidakl1n0zw1widg1ci9ysgvpz2h0idq1maovrm9udejcb3ggwy0xnjgglti4msaxmdawidkynf0kl0zsywdzidqkl0noyxjtzxqgkc9mas9mbc9kb3rszxnzas9kb2xsyxivcgvyy2vudc9xdw90zxjpz2h0l3bhcmvubgvmdc9wyxjlbnjpz2h0l3bsdxmvy29tbwevahlwagvul3blcmlvzc9zbgfzac96zxjvl29uzs90d28vdghyzwuvzm91ci9maxzll3npec9zzxzlbi9lawdodc9uaw5ll2nvbg9ul3nlbwljb2xvbi9bl0ivqy9el0uvri9hl0gvss9kl0svtc9nl04vty9ql1evui9tl1qvvs9wl1cvwc9zl1ovynjhy2tldgxlznqvynjhy2tldhjpz2h0l2evyi9jl2qvzs9ml2cvac9pl2ovay9sl20vbi9vl3avcs9yl3mvdc91l3yvdy94l3kvei9xdw90zwribgxlznqvcxvvdgvkymxyawdodc9lbmrhc2gvzw1kyxnol2rpzxjlc2lzkqovrm9udezpbgugocawifikpj4gzw5kb2jqcjk5miawig9iagpbntu2idu1niawidagmcawidagmcawidagmcawidagmcawidi3ocawidagmcawidagmcawidagmcawidagmcawidagmcawidagmca1mdagodmzidagmzmzidmzmyazmzmgmca1njqgmjuwidmzmyayntagmjc4iduwmca1mdagntawiduwmca1mdagntawiduwmca1mdagntawiduwmcaynzggmjc4idagmcawidagmca3mjignjy3idy2nya3mjignjexidu1nia3mjignziyidmzmyazodkgnziyidyxmsa4odkgnziyidcymia1ntygnziyidy2nya1ntygnjexidcymia3mjigotq0idcymia3mjignjexidmzmyawidmzmyawidagmca0ndqgntawidq0nca1mdagndq0idmzmya1mdagntawidi3ocaynzggntawidi3oca3nzggntawiduwmca1mdagntawidmzmyazodkgmjc4iduwmca1mdagnziyiduwmca1mdagndq0idagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidq0nca0ndqgmca1mdagmtawmcawidagmcawidagmcawidagmcawidagmcawidagmcawidmzmybdcmvuzg9iago1idagb2jqidw8ci9mzw5ndggxide2mjykl0xlbmd0adigmtqwodikl0xlbmd0admgntmyci9mzw5ndgggmtq5ntygicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrtemvqpn2sju7utggnuzs07g6nne6nfo7u7u7u7o27u9o4oztuzfj9d2buxn3zpzvza2mroilqzj588sl88pyqn6lisrrv6iwmgyym4kabr3pmbiyeglyftagtgzlqwh7ilusvz2jsafi0s8ork4vymxg4wgbtra0ctxga6ibgafetiwalc4czm5sbjhwgarr1s7cwm3ceukkpq1pt0tl90/lxfoch2797pimdlmxsabsfh5xnric21iy2jp8q/9ebkiymaedze4cphzujqerbuvnkxgjajsgvbpawstgxn7ackdozwlkyawqtjexsheyoaazae4dvpxyai6cnscvfptkwfgijoqamaa62jkywn2emrkymtn+56ac2jvbwfg4on58bfg4am3sdg8fphjgcary2rlzoxn8r+lsbav8mzgsp/nxh/en7bfmeojg6gnlb2docprmqior/g6ejuyhjx7kdld7dakdp505jojhtxyx97fue+fq6gljyoaactvwd/8plaaiwtncwttjw+8z9cwzrb/e3dschcxuzfzkga9ibmbnyg1uzodh8wnxi/9wdf9yj+e/vg9jawrn9hq38e9d/clbwddcxmmway2b5zgnk+jnbzmigjvgvwzgymqucmjn+ytd2sv13n7oj/d8novprzqg/srgya22s3adgjqzwjpjax8+uakr/o5uz/ude/h+q+h9e4p8ref974v6rrv/pep93z/o/qos7wvnjg1h/dsa/7hja5yvjyap4vgcasoc/lhon6/8txmdawsrt/xt0r7vvtf7bvhhozfyvpilhg8+wcnmyfcrcxmd0d6ofg7ifq4mxoowjktna1mdqs19/29vsje3srsxstd51/bulahpmjqz/8amawxhz2vwlaps/xcy2xv9k/1oqv8kzqgqjqeri0f4xl+vfgxu/h8br1c32k9u/lsihnp6pxv8wwsjav4ahptmhf4cely358+x9eulmypl6l1l+dct8z7wcgao9hsta+7nujua/q/+39z9xov8ci2zjbdt+a2xuha1sjd8n7t8mf7mnnoztpwx++/b/vv3v679n3ste1cqibnujamqb+cm1i82xfjtnaejuu6+hgxwoylakqbuw37ca2o2tgrrnxah/vhpe0djf8+en2+kp7fu+nm3bsa+wfwv3ssllhoexgxvvpuogrtsn7ye/o24jytqzeqth1ylsfoqwb9o3g50jjwxd4jcowql2vnuyq0dqxzlnff+mlw+2sn5gkfuxmb0ojsbotqwnzxqjx48plaojw0od3deqvfv4tnkxsos8zhcifbg+dtn4glpqfr7r2cesvujoei6kmkfelafoqvoyydvtyqzhtcdo1scqiogxndxswchdauwib2onzi5w/ggnvh6vkfxs0a9ilgb6d/dew2h8ih3aqol0rqkfcfz+go0g7yhqrkywymzqkmwuyhewlwztjbjok5jw4gzcsxgr8isjr4zwiwlfzqkguzw7gem7nwnbzrewlylkqw32dr6g4nwniu4ccgido8k+dkblexkpeu2kv0uzwlrtkdlole9hybfoz2jgbtebw6x22lingj7fyhhwuepzxcihotvkkfyrakgln6sfwf/yfxjbtvonr7d/xe2zmbsbmpgumgpdrgxzfeqe/hl0dspybv3w8p6rttwslrgqxiyjqu7n7tqmkn2tvbeg3l3o1tivmzaqueefp2gja1pctdsw79fciveh+vfy8emknsc3qx+2qe8euv1tckibwjqjrw4irmqc61y60g8aumuhmaezfj5dhsvximnzgp7uls3lhejevelkwgdhuwvh/kwf102766wjeqdnelexv5p9uvho4h3c9olvy4i/qwn+5sintdq1qaoorij26fmh6x1gy08colnqbq5hfilp1tbipi51lhweijkztxogmcwe/oume5nwbve7cjfi7br2phwyyqjbev7ebmwtsa4iuexxl9csceohgc0knqt6ieqrryjr0k7bvitaro09phkoup5vk0yqaesr33x00kdjih6vqyqekuffnr9loc+xjg3tj6suqvvzazyebhje6l6xqa5zbznbxrttsber4zawz84vicl9d1z2dd0jokiafqxrdljvyswcckh5zbngerfk3hcxvixvjyrx9m6prkhh/atjuqvnnoruyl115+z1wx09zkrxsxz91pwrozpjpsb6z2yzhvwc1crhl+glhjjydtmsxljepyspbohuov7lxnek6domnt+u47kkqa6i8srjvsmf2brri4sub9jion2mrsxku6padxcngpt0dh/ttury5t5sihzlhdmg/x4httxtjnxwqhycb3oncenqfcjtdsnivbckiue/l+jqzemsf7vtvryisxw47xsvuhj816ilpzsg0rp2qksnm6ycw5kvihnwmfpk4irarmpepnjixnkcab692inezuygmu9b3q4gaeducxi9htpsjkj5tv1uqxjlz7xbc+/c9ojdmb8gd9ch61ni+jgivvgfsw7u9n7/qb0pqtw6mwkw7jj9mvunseg7bd7/gajb6m1otnywzwk5p2/c4aw136vsgrwtac6grzg36tmbfo/9ukkycmizlig8cfaya2sc9edhjkeif7yln3b5dtxzzviehx6dfqjfsp5u5zj6surrpumfqrywtgx27xruroakpwbtagxtencwhskcsr6ib4xxc/o1/qe2+vtvpyeiq2itruxpfrobu8ycwtn9uxr64pqfvcfnlqh+wtqnzhhhfkclmgs4lv+oucj4r89xi6rbgjv2vyb64vifxgcuc3mn4nggwy99plbdnu0/a+r7v0p4rddut6rvatyzlpxeslkl+u7mrs59v3dcnnc0yo/tcbkitl6nfktkyffdwahm6jiamrg6k7gmvg/udreldg9glpkih2nfefikipxx+ebpnpdw77nidka/pjyfkkgbpubyfe1bywtr1qdmj175w9fvxhjqydqqlvpw2ozhqb8o1h2c6cpdbziza+kvui0jv0ssm3lwafs3qkzmh0odbbgno/mycihq+jfg4x2mtjztdn+jizl2yj1jp2aikd/tbgqckbffa/axy1eo8mg0tjd97jbvgvujzwxtf4okcot+buq6thrquocmngbptzbly9bvd/ktoy9namcwt8ack5vaj9obhdruu6xdde224ztwzfwxehhdml0ynemjkhe6wb9gfqqzshlveafedjnsdi9p9xa2nvhkvchmdo41jftgs5rhmnlqguywtc0pn5cmslzwyecqiifugcjsbtiouu0/h4hdu1nv6vnjygbvvommnqmi3mnzr2sqhk4l08oac9x1kxmnelg+hnjgdxurzt6mtzq3qv7bh9/0tugzxueirasmeu83jcuoc7ehwedztvxlpyyqoibgh92eb1yvtqujcaf85fyb3h3x7attntohydmqxxu17jdsrlexkopxmtkjraa/eggdl3yatxl0eijivmbhbtg4gghhnzmxtjjbp81jjy7pkdcmwe2twpdep1xkn7uew39r5dqnsmyhck9tzjxvr74lyygxwjof/kimbvwdusethgn6aizrvhwbkgik4pocdumhcj7omedy3j5w0ptksbpneur/dvfpclshqwxfa75qcz58tovmszvys/x1bgolzx7/gxqdxeno65yzhu5oe67aqasybjawr3es01/dpkqzfvxwkmwq7telfbrczq01wb98hs4oitkclvqphwrujgim2hyxjibd5mhxqiqaezn2qmufawle2vyp+c7fh31dnsu7gdzwlwexslgo6g+ltdmbmvzm+ry0wwcmrnghq8ftcfdvnety9rir2l0nfu7nnwau+vw/fgmvcrjaifmbkulz7yskjxpghuwfrh26e0z+xqfzzdsbfdkec62ocka5xlzd0vu2c7na3x1ew+4tp2rh4idsleyoxpwqplob7wdjnbmjear9bdtoev45zldvqkhp14krqpl4yswlhmwknhkhfy20aoroemcnrd6fbc6+x6oqryxrde2312tlx+jzov5mnvt6ytj64rvbtek/usxuupe1m7nluueqnrlaqgs9vi662t1f+xhi8bv/g5/zcnapbf3690ebt2fc3hn7sddgrpl0el+cnafs9r5vj/e1jnuyr+qcptismt9dwsrpcbcbr1bheaypfvr9imhjdfcm1wf6ktkim3igu20cazblmdpo3/blzn+hq/dmwyxzsqjjmc7sk6pj23m12fojwc5hursei0oaggtfam9juz12qts24zgm4wki8pb71pt3w5bwg/y+yw6orzoibj0aqkbfp2/8/t7xhh4s8n2uedfa4l5svz9hm74ktmm12ehj+/janteskxn2wf2fmjxudwjlwb1+flz9zorb22snsc22bigbhxlrhirqxk2crr211bowu6vy/xjl9zvyo5irs1aixlcvqt6str1vbmtzzrgu3rlesh+uhrem6pvrlgoqfakxetm4ksxfr4amlnglghth/nemyb8c7xyzdgqwb5qe2ij3mjubop8kkhgnkfrqvnu1x+n9dzyspndl7nf8o5vf1zftoeftnegfr2c3gvm2kh7ookhhbh2oztj8pphuqhxzc0ne3zxhw2yjoswg2zfyhlwov6/p5m/gyfczmiys+u067tfxllj8y8aoqxdv4exssf96guopk/zbtxujzvxg069u8gt6nxgrrnybwaketj02u0fobzcsamghhhwmlnq728dlau+0esyegxybzgoc9f5/nf1phwebrttdl0xpr23t6ouk8/gk+beeg1subk7trgdv1qnzt3uxacqim45da1aao+pkl/ynllmjcximhsvmoqlhfwf/fvv9xlhsbabo7blgrk3mlwb+p42xdfbmkerxajks8l0uklbawnyoi+zhzmk2sd8lsvmupfl6lwosqn+iqlbfg5imo0m1jf8bkqumz3rtevyasnt4/c61ypml3fdu0n35wgljivue5/m3zszcnykjvgrpqysfk0gc8/nknlgubezwqip0teoocxztg/1rukkcrn6jjwohiivlusb1utdmuzzvqcgeyqx9uj6t+ny9bmhch6iprysxfqcgcfaszsuz0s3/ygsnhxmq4rbnhfpsc49aa1hd8nijfhrc10ft9xdp1yi08kjgs849heoesos/qzjzwel9m1qchxpmqbcxgcytbilnmiyh/thbiq1vzc9n/gvkmvyrysqskr1uvpcxo1z6ic8xhn5e36tf3jtzn+a67aob9dawrq9zr19lfrt8nbluhclo+k6qalfdnhth55krif4wn9ebffro3fwtolgz56srb0novuimvg1bqeejrbnvbvpwsmhfgkjcw8w7nqrfguk+tbv1hrq3ru/hg1x+bui11oc89apcaaanek1venivzhz3ydsmhasedfn4xzwbfrnmkxciel/um2o3/kvnir9z2wyg4wi82a4/d50wlw3xnlv5mdcjvsz0iuwr0rcoc3tzsliogelj0j+of449hlgle9yugcgggaua84ot6dab+3ylxwjra1vibo5annvxm2tg6qpwtgz4kp8xte3pl534zpddauf2ku0qhxp2sv6rjam71fel2s9n3xpn2giibmhbf9bs5x3nyd6yhcwlh3bvkn9rhzqrlesken9jrvuqq9zdqayncjzcrqqf0k2eg6kjm5+bkwalhe3sc292nynbbacugargdjuyz36cqwt4mmdzbscjs7r/8cvnfaounyin4ei3++czbvfm+bdczaeowisiydboqzxknbyt+fyq2cplj7fxbanw2szihpu6dqw4c2yi6zssffm6juahh+/4ilushqqfg2u7wxf7aws8mchdaftjdehrzrq3pm92zgzrgqygm2h6ksufm3c2mwh1+tliyp0zmmtneyubtxkuruqburoe1r9zmlx6zft5ibmafsxqhdamr+9eprvt4uaz/6r8f1vtayhpum+uq+u5kkz+yhnqrjuzorbghdpjfawwaxd2yix8uuelricb/ljgnj8e84pfbxyrg+eg2nhcy3ngepq4ecwe6t5ohtitzflz4aa4ft0zvdkzngeayc+lkhvqp7hym6e90ut+zew3be7egslehewzknch1xizgb0cty6cidssnhi7wkfdxug4idbu6fd4ckv2cx+kbb5zc5gd3nb6d3/xgzxu4n0kyabm3ybervwhe8gnazp6skvujr7biqurkwdbsfrqsoepktcsn9/mjfqmlcx1sxfpl7hmbhtvucdrc3plsfwnzo8t4i3z3uixufmeqppszg51/vzj+svfghmtupn2crjw/isxjlasm4sjzjrotdyrfut9ttxkhlxymfpdxy4h1th4rk6vuaipypzzvybynj5wpxcvdmbph9gyuxxsfqynvkyigggosflto1l5yiznxlafqfbqkoowgesh29ukozpz6xm/pzlz7xfmt5t90lv20b+m5rs1lcrxqzrztwku1zka8xiktfggudwpi2um7p7yce0yq5+wgbrzlelwdo9qvgt7g8byg0tar92ynppb1gckmml5tl44axw4lujaxeia1stptoukjywpddw6sg1d/jxpx4qxuaux/lcbhbjsndqdiqvavvlvjldqlgmvm1ckl8pg62dko/tvhnqxztepavw9mgqpriovpotddo2o7slnzcosvpa3ebhugxw0irfouia8+h6+khnfv0mosvbjmyauj3ll9kaov5i7zo5uw47kfx9ktkwv2wca627wsddclu4hqmdoynjm/rhxhugch2shjkc17mutxplhqgchnmv52/y55xsuv/s0+ekyiaoawcdksvu3je0p+3p6druwibwg367lum4ndm2i5qsyokvc4e+xcbra8hqd5koitourgzjscjczsg+uzu8obrmqk7gvpxbp8ldywvpja76xaojragzj0frxcq0ksaev0gwcmhf+trcgkjbg6flfyajj18blcumoxtrly84wyjtkj+i/rim6aycj4v/nb6xqib5+u3l+go25nxk57edndks+zm4ggt2huiggqver7y7ojr5q5bduk+audbxe6ll3tiuwqf9bg6vxuq1fefl0lbkgqb876wzahpi7bftaetyut/gsc/3oxkekoxlddreln9zqluljzx8tuhuynbpivkqcq8sruzlo9y14x+emcvlckbkelsdvd4nbr/r84yfpzscupn2zs26ildrbkq18i4pydtto1xycl6oba15n7zuhszuiswcc/resnnbv5dy6t1i4bq8/sax53y1pjj76gso9eu8xmqphchtt6xmwsnfjfjzbmi0t4n1heqrfa2rdbonvnv4etosbdecag5rx6e91ofrt+xyd7bt326ig0qjerl6sutmxjovjvyyqzx13og0v5jsqxjljnl6o/poj1e+ovpji5lt9f7dczb6hfsh6gkz7hqt80hb6g/mw8fklhoxjlrvwy5shv6w64trnc7komp/neng+c2rndrjkb4lvz/pdss4vkzcssolmsusqud94xevouawzmli9ka80ckcztylbvoxvky0q6me94zpd1dlxxyu3wn/2ozb9qeowvriay3dhzohr1xyj5a2k8sudgq/ic7lmbzuru4mq4ie4z0piit7mi9d6g2/hjdlru5iinqgxv+wcctincrwp4kaqds6/ypd13kwrzihldqac8qqbmuv2/hzxiocy61zi7t6ejgriclzi+ubeoqpcwzc76kxmb+bsy/a8paj8c+8+8uvgwfan0pnctdjnw6xintm3fsfhnmc6tvlkqczaej3ny3mzcmmkhqvjpng2ozplxianlsmvbv9xqp+v6j4xitvo6tj1lqdzdx2lng/kepg6jgwtx28cuomwpnuynsbyxy16qvkfvobnrzfc3e/zkyqx9snrl+mmrmqvyhcgjfvhiarjofa/qe94kzrd1h9r6ivjdehelvv48yz0iumkhrdq75bmfjsvhapz2kzlqxfrelaaugfrf5/zwt1kd0wf83ubllr56lm0+/wdowq8ahwinjjucumlpua5l1en8+s0w8vuqazlmw2qt1bkqbzz1g0fitr8m2ipeyzkyfhpqo6xzukcaohlzvjwvjhmrmzax1c0zks0w2g2bijy4dh+fkbre7rw9jfm9o5qhjfzuygeqijmnimvyk9/9kw5ut3alvnbqsscqttpgg/u2g/m/eeudmvxj9sdyzqa6eqisl5lqyl9qty2jq/wrqdrlp3brkvupppt7yckgha+tgcrcplhaxjtnpf5u8lcd2o9niehc7lof7gwccvd1r/2pl6qrl+nhx5tkcbwqfo0ycduga0av73cn7b4+zhje8ycb3y8blv28ehtfkvkplbpatzettwwgvob+fyewflerqsm+yvvkafq+za/2x+/jyu6i+cv7uqoiefkkwgjj4tl0rfpkyqypey0fcs+/pk6yftlspgxz/hxwvb1/ee1nnqdamotha3qentpfclvmmft3gzbq+hz8vqkpz4k4jr4hmks/5jihl/cq8j1ppvmcndjcqg7udyd71dylj/hfsqiuskianpj7opsbu1fa5abmwlcw9ylst/h7qogm3yvmznnvychyhpp5uaf/ra6mw0rkxwfiuyceq+uvzcdt97468slkrpovr9dg1kzmp/y95y8oskdrpwx/x++voiuhm25b2jappi8mmsxlzekskspthcbnal5gmzmpifz6vj+on/v8jrs+k+l12bffxgwcrbyie8mkpice9pmdlckxefnm6rfsyyvkrtbdmgkor1hfmikx9ewjt4olvfn1o5n5qgzf93ok4xaa6uz789lo11n+d52mhokvuuzzeohjbspmug6kfbsw8axeqw8m1eya8wepev/7jitoaln20oxqm+ygog4fu7rxitacpp/9qu4pysami9aghggu3aobem4ay/erprztsdbvkdnalrx4mo+efkicalvtysbnwjgeqmi78nfa//cewzssli/vkvzekf306zbp4cmqmrs0tkvunk86yrotrm02a7yt4m+o/roww6pbpt7fdepjkz+jb2q4mqar+gcvb4mx7xgs4uzozwgagx48hdkcnca4q5y56dzokg8hm7a4bapzoji915mudkppr+rwfqy4ihvytkqehxpzbp7w/nnm/2mldezqprqtko5bynsposix/ctgxp46qgib8fx6vk17dwpqomobcsoj6ywouppojs2nuk0x+0kyulgdfg1m9nnevkcmis/f0eehw6+mtipuyermaugf1st4c7+yyftglisw3czcouk0xnrb3zjzg8shvjcsx6a0iv+tuuamu5vqdhncmppce62+4hcrkfey67kfzcqb3g7hxl6kfiky9unch2xhtnm3c8pc2coh6cunhjkdn5k7a3xrkmxsll7kvoyyshjl37teaactp63mjkhe45ri+p9wol8d+90bimdyyyklxj7k5lq/nhgr5umyk5mnvemnp5qsamhi7y9dgsilqlcbijn70j9hpvwake7c2zgmwx6okqix4xz9y6svoyfvr1fsgralbzhglhqr01gtd5b7w7cisahqhoohsp4luz6tepopnbx2y5i5zdb+x5caxq9vkuxbosocqfhx9gdi95loqcrxups6eqkl+gqlwkzw8ueyl7gfavohczfsfp3b83j8myuilrwqez3/ihef/zyadj+acenkrrpra5tsortekcfffo9bllait5enq46p61vbgucmhtaf2h7miya8lswmxtprv5zcwnictldnfrfwkcwd/eooulmgnfvobtqy6s2pzxrqfkwgfap2n1tsnwmbsexhczyfafnc69mdfdupxi+tecwsz9/kbr8fgdy8t3ixrc3gnja34krwxwl4qyahnwgvl8a3ldncrl1nrne0jwl6hbn+ku2aa8ju97clblglqifbvmshguuwfdq3pt71cm3yvhwqfdxid2r5cxr95zlvln4jfpu5dromxtghcyqckcb+q1tiroy0zbeqf3xuqhtmuw80mgx96ogbbhgj9u9p0lticaaftur18g8eice1+olzzqch7ztjmnwby0mrwy0adnskb3y0zzc228/t6xelyrdrpbfe2sxap7xfdcmbpr3/ygzrthdwnzzmpos5smqyygs6qd4txxj3z78ln74br2i1clecc9ay4hps52fhvv0u7xyyb1zkhg/ssny7nrr6wq8idxcoztb4cx/i67dy2p6oxbofhsjhdos5lm9+wuorq/gjqj1fzkm5eime4kymew7ihusqmqw2hfngpbrib90mlogiyxot/ighldw00zezaoknyz+idqwbbcg07slppgyswo2cjysbqzcendth+3kbkt0+q2vwqhl5piszd1nrvujj9wwfpp774sutawtynafw77ozm6jxj4mhbte7lpv+q8cerj0xe50vexllflok9dfiohr5bvdzr+l+uiaoidlokeboec/yd2nhnpbxntlkatqbbbqiiu5h+jehaeqnysrs4vmjtrrlx1at+v4zh0ohlytky+tqdzaor9trj29gfsmuc6dzz9t2rrjy8iighoqouue6o4o/gy/aolrdhdcssdt7z1altdlbz19nl9d7e1mcvihtttf1spwhfn9ykbsvh9mznssk2l+5ydjz8wk/zxiq7dj2leubypfywphaby12mm2cur6aop45bgjjznalhyefdklyvpjxbzpfr6i71oppmg18evdal19c2pnyfarss7top9jnwiqdc/6dzjn631xizh7gf8iwkb0gkt0uftv4ee1vflfpp6vwfjck/2fdnagase+brjzbcfwpfj659aptcwyltbrccvv8mkqtfhzl7rxxyop3pig+zdwbtpj1njxm/fdbie0sljql9twt2nssteujz/yd1hxxwpqcwyezn709ehuys7crfv179mvpyefnn5bfihybcnfxi2gsjjaavyjilctc0unzba6drmryptguzb4zstml8z8lcn8bzkuhgavhklsu3okazxcm1c7rzajsczexh4/snbmdcbusj4oo5yyilgq+nvl28xysx3tbntayoz3atmvz98jmjspyud9ortnqnge5wbzhe6qo5l99zoq1s8n6n0si8fwe9xlpkkl3dzbuwxzhgm7mh792rxxyuqzuqdcbidctxzcfgbym+gtpigmrcuwxd9fjcgrmlj4onb93pchtxesh4mtszf7mmfydhrigekw95/htuc+vgankwiqrsl+ubg26dp3w2bzkerntsqjcmgkhganybeba8oyom/tuktqx2bpntruu1ndfedtvcikpszpebwntpzy+ylz48pcveztib3klas/cbirxw02bovxxuivc+25xiayidj2s6budfzudi9tx2uwkmasnzb3lx7vzdicy5qdcbzta/how8rze84oj3ey9shqsl2wr7lqbidf/rtffjwk3izao6lucwu8sgt2smf3pewmjm65qtt1bnkud32dxf/tqede38dggqnu2vgntbo+tpzwxgz4nzvsuw66ff7wzaxtcyk6v0hbevwt1uhlpgloqa7wuegdbph8ptpoapwanqrggj4si2oesaom1wxg4qj+t+r6afq0ym/b6plztn/5phomrkerp5pi5eslteiitccg8rnrwprvbtk2hujgpmspfmww36tjswvtrojhv2j6lsjcalgdn2ytodybrk4nslk+ose5z7daffixw8k1diobfcirzypvjdugersh/bxivew+gpbwhc5hpeqkbrp2twmrvy+iy3xbo0jhq12esbwgisp8hs3n3dcagbkobmyefmu3k1bilovo5lvpdaeu0u71ykbwvpm1rrrssqcrzw4zhth18tn5t3mndn9m70bdvu2da/e76ksxy1f1lzvnpnwh3vxnluiygttpy2vuq+ddony7skloctf+ssqocmvdvm33u882c7cg3prbrx4t6vfrrdumqhmbtujraonr3nlttvng/r0ucqbxajhjjju3w5mb6iwzfi3l4eh+ggvpkewyvskn61tm3/g3ute4zrfy7bc7gnh0sazguebekqzyz/u2i/sjfsjhixxktjvm0sheuubxo/zoheed3trh/cwjjg7eavdhlpdzxwibjmwnlyngx4m1dj4wfxntxr0vw8jyfvdiirzhqrrmv3dc06y8c35fjnyybzh5wxjokrns0ewquq4agwk7sle/zd1sloy2vzav+788hxq8mfqoc9pvzowpg/jjl83tqszr5dkgm1xxysxpvpw2sqvgalh7i0tcgywzv0jj4rejgodrsgvvjn2ob3y8mxifh9ezefwe/cyzewmtyhh3opogity0ba9qff3nol6ecfnczzm1vav8cr0+0s7sfftjqqevrc0kbji6/3t4aughataexn0pyhqdzc5zto9xw0ec+euw8xtwny3gwg60nghcq1joltqrhxfsabtisin3dnwjossch9homsoonsfq6xz7bdrd9wsc0eiksqifxu8rbkm5c4l4fsihlvatbjejlqrz2sxzu4roeonkmsvu1ajpmtzjg5zsvbxifhazddltzkogzhqnc1fvio7rqxrnfajwsa0iz/v80bf7p9rnnkxkxx770s2iwulsaunovcs5e2g9wk859/doh6l8fsvozi20vlnayivg0nzc8prudtuo/czvox42qjhkp6zyankyssq4ibpzdmefpbscpz2h+4y3a+gxlps6oeldvpulld3/gavj/h4dmz0/q/xdujrab+xp2b6exlomhxq+k589h8jlpbzu8wqbyskrxwjfmn1fdesdbz724z4ku91lfejachec5rcxvfos5hkpd6blvetlvpwpxbuv8hzq/1pk74vjfytx8te2fvltjnxlvp7tmfu31qc5ms/htjydlkonnhr7zdrngj89hkbfh7rivi+jxiu9u+hdu1wqb6vtcvamto2ms4hcjqm5ftrnf3te/9rdsfckcbewl+qnjchfru0v/pj4w2gt3gt/c/mlpiyqn21ptnto8dsrtdddwaktvnqs5/cfbyue76z2ysgja/nzxcujg8nzvcdra6i/eucguc0o7tvadx/u3ktygpj8tifmwv1qq2me8g0bns2d/uifqpqd0xdrbvhvsqgytdzbx+y5nd/q7ernvj4h9qpwh66zfqu8fg6ttwejrscjnhjs3ns9acnq8dwbta1mbfhpzhcsehetshbdu1m4ay3jwcexvzbbcu0snc/yppi/qebqfog7ci0vuaikw5ug6fmts1zym4z//gq2+1vnlljedxp8ar4hwvybsujygwi5jlbyh65eva5tzs5f1r5g97aelymsnp5odtgrspmi92dbukxzeebavt9oyyjj4umbb1fb2nbbyx97hdac4uwqet/vqjxrct/ncx36d5acejqrp3s5jetlcvu/bupvsghijxycu0vjsyxrwrejujt2qsvugpm/qnasi/etfbd3dxvlapb1drp7zgm0q7cvoouhcnzirzrfwicnacm011cds7hdwxi176t8d6oytmdha3u9gulipuj++0jvcq1wqifqmyg9dhp7w20alvpxzamuzf2namuu20rgvtg9vwp7odn4gyveysyjzycns1zob31+lvpy88xfarwykhvdnddbr6pffyhmpfcltw6aobpxdfgan26ul62ubudaurfkcze5wwgtbniuer80dz59noq6yna9w/kvrqwlwingj3wgexz6o3vwkdnkdrjnpvm3fcndbxvoh2pimemkybcgkmmcncf12iexnoirhoz7wnwv+rn6fnmw9fbmlsploxbtorxgz2pblispekrt5x5ka0utdl8q2g7yjn2xhhmf4o1ksosgrr/o7irji/icqn9prahisf85psxagj83xau4nbqx2dcudfnzk4glnczrbu5zae24scndft0xuktkmbji+rqe+7yjxakbwr4vqsivvmwq9srcwucxcmflmwva5qpihg4k2mqe0bjh5l69blweadv8npk/y01zi3qa8ik4i073slxmbqp6k77laf70x4utftui9uw8f/5ys8rs7e0cjb+r4tt+ghdpqkfl6metbhjpbm240gpplyrjww0aci7yp3oznshaqyyuuufrond/pprhuynnuh6hooyvj0h6pnt9fyp6obtgnaxljqaapicoz4twfzkdllm7l7thtko6iocynmpktim9wjbrpwq7hr4dikyrvmom3hqd06rrdi86ahzbqtcfgkl2dkvw50kvojnbgv5bnmpsr6ssxjy0qn2x6cxq+s+8ieyxhasrmp0sf+rxdybwfx7jcbcfkf+euz4/3i44/2pxgwcru/++ggyyqrdtwasgfwwye3o55zlbqhad+mh9enivo7ai7jovt8o8go8vxyrczjhm48mk9ghqxnslsrbnoujyi3gs/pvmzl+qged/ay0v2ypg3chtwnnkuhn8hc4brshti0nani2d4mup9+ojxinyrn5d4pyzaoo3s39qsfkvr+8uipvlijilip06bcw2qulbmcaklm2n40bhtgberl1ogox06s3ppoyjeyrs6jynoac1jo4pxd+vnoi41hm7v/guoxbdegwhotpuxvgedx4dkrpl3sf06gcqgqpnwalcgpgu6thasqdk5ejoh/y39bjeupkoux1sefyheljhuwith9cyhdcerwjoyrtfbojue+1kckkxscwghvznlor8kqmpgfety1hzzgw31+yqf3ddfepcaropsolze1/gw1fdf7rgf/z+3wtg/2p3nltukrkohraqhsjxvo7n4gxzp8qewjtp6adcg1mj+fbyjrafccdjjc4uk7y9+fui4h5kfowcubwzhuqsevemjfaowex7nf2mpra8oncjgkbgoqr6hmqjsszjupm/khqev/p81edhnldnllpnoj0/yhjwphvpzrkk3ihlaqoonkawybkbixwaojdnmrcilii/8rw+clzceylcgwvd53uw/mym6zwonsbtiacctiregslyirnayzn7iyuujuzrgse2lhy8tbxw5xvbym5ztfveisrgsmgaxfm6ttlrk5t1kipdisboyuy7nz4xmq1he41jzefkn7cij7mdlu/uabg6tnx6d6n9znmdhzuwkp6hiqxfeekpcytu+wxynwilsderngatrg6vgbxkcw5o9jb7dr6ze9fcjstyk0rkrvp9xkvnhyh1zo6jald+gge/m+ujzbcyeorgku5fqcsjx6xpoug2l9gdf2092otujx/etafg830prem65ionvdeczf/06nbyihvph6ma/f0pi0+icuncwgwpiy8yu7jmx2zulvzitqpgdv/owzf9rl90pcodirvxpa6u3/fod4ojjexhp2wtn2xdbc5y2rwdplg3jehjwtzbziyditipxapcfox15vtdq8vksctud4qexlfadrz8r2kjrukd3pgtzpufayeptlydm+vpjahj3mvpf0grzsz39tc3h1qnepdlap8f9bsrtvuegnshqx8hhsj6qlep+9+ddwi5k/hcwlcgrm4ghva07hfnqqoq7etsxsug7boqm9anlp3sbsyptgukrarfpwitjdfptt32e59chb1sufv6xqt0gwx+cfljfmv5ted+2ahdeqyenrwvd1lbssxj7p3foq5gi6ekzfbpyckxh0gqdoujbwqt3vev11fihsvw7dp5xom3qcxp5mveoufusqlefiuwj2zcdclzyj1gzo9n7phkbmqnvjtkzmifvvssg+z/vwv6lwubop6vf7tcasdf0z9qka7szltyue+1jek5qxtlztoccpmaixpko7zhnp2cloh+bc2nszhqykob3+lmoeje7i4k170w8ym1c6qq5kwzbimigmz3fc6r1ufu7l78rvsbucn4knczefnsecl1t1cj6abs97tcwj7pijrvktxcr+e5pds+qaratzrsvrkeik38qklqepzj/47wlw+xpjk8b4mbllheaj1rumqm7hfbsqcco1memhptwh/dfhn0d4coa0quygzzr4jn6cpycsei7xalw0vwr3pew4tapjfjpykk/ki/cs3n2mizfgwyvezkg9+3cpxcbgghe9gq2amo8wkk8xvom1locisj+rmpounyheu4w3z7f65hezcqwskys4pomhbfbwzgvzxagausctfkyudziimbbg+exmjl4y5ccyt6r4ywdhm+i0gjllidnrwvutoqm1dozt4msy1m+3pbuh+mk9fc3kczfwbvdnvt56+9ni5jadyrxntf5jtu7ko4579n61znk3h1nti12m2222p3fjojlffssbskgnt83jktqaevp6bjvw25vcgfptrxnqf6wbxmikzbwu6uuqug4gmkrqrxti37qm6v8owxk7bfttvq/a4lnhkar/n5lgygetwntzyijifu/6a+b1w/ua2szq/sbm1jqnhlm8qykce/udjlpeirsj09lr48e36k+nfzqaw8xzqrpa/edg6dpivwstyqxmbi8c3xe0jyqsb1nawqb2gpffljils8unj/4csuyv5+zymhoodesyyopqe1ld9rysetyau68a5kzz+idshtohvesneuqy7+1t2gdf1frmr4ctbwven7rfky8hkxqs98wjaie8klweiw8mjt++w150q+zomqmtdhhh/5ipk7uzfdadzzdli/xkfqzpzyspzti0co3gyumbtnztrjchkfyd2vfugmcltjd0twm/bk9bpghmh7uo0jctjvxdrnjialfzagzssq4dspejdku/bz94n2tecxh5vhqxlw1/dkqxec5b41p0lwtdih/n9fdpyhuuxhntp2mtmzbcodhqyotueo53yaumc0btfv5bgoqt0nsnvfjo4ka3tdp6xpbgyw5x2i7dj0frkrzz80xwzvpxd7ty1ypvtaxrmbxlop3rmoju3obmzbjuxeu2trxr9wvl/++ilkvqnkkz3i2bmxv1y4wsfgqi9kqcrierwtctsl8ulahb1ug0nvxexpvr/ls1t9ssk1xjm66qinhhehnonkwt1d4elvad7afqujksshfu47licfgy+u5zyabcw/cwdwfmjuqfkfctcahdjymaetxu0mqfahgx6txnnpnvlvhgdyam+oolh1q22dynh8lsq3dza3xsqta7bt3r0urzero5bpuxcy9tmv3sxsrs6prbat0vyfdznj3xo/d9ou178kg81gg0wphhpjushw40+no6dsbfvodm9hpzdk4sfudiabyyopl5mnwbxns+coilt9badq+rybgop55eoms/nbv016cpf41zu+qnnhi2rzpihmzu8wmsromkcuvitklmjfrmefdojxrzgijrs501v0gxlf1+0labflodjxdhuslpjla6yh8qzgwdhueeku+lwx1p+cho4/5e7mj9o/j+mkrasfr+azvx7lmd8n9rgq6wk+t1l658ytk/r8gzgngk13wsl6cz4u9j3rcpkqvkuctk1plzvnjepab7oagwu1fsoq7hvjtmddkspf7lmx9km+lnumnz6i1fkm39vai35sh5lytbj5qllcs+yqibozacl+mdwi3yryhx3qyyqopwbrl1s2vsbom0k19soriitcusjnwdgm0rh00qlclcz16bh+6ygueagolrxffhuyec4kjev5dyho7s0xjga/7paj4dcxte5+redledviap0hc4fya2icgkq1lygil1fvvc8671yyjb8fpv8kdq9rwnpf7j+1dgstlk4rbkzm7cou1niu7uw6o7xcs1befxm0bulw1autehnv/k40fz6lic+ridzgofypqbiztdvhjwbbxnujc4i7rgmf5kpgsr5qf4s/sb+bkjbo2pjzljw9twh135kuagr9veywqko/f7hfet8rngumwd8+xoolzv1ymc92sk0koxrbhpo844txezzsrr0y4bmre7dw5al9yyusgb0gmxex7fouxq7mniadffmzeedbmtcf2xivf6qs+sa6xg6v9pb0zrndvxgd1fhsycxvmkbexc5d1tlr7ez/bm04h8wz1jgg+d2tqinutaoqcbd6hwcj09w5hm567mct5jajtwu7pvtybcdsswanhgwibpnx359xh707iwrc/pxqagpyw45z8xf100vlabpfwu+lqqxlpeno7l21umfzs4tdn+e+udqbkak5qbk7drpnqba57snoijsg/vpnypuasb0oublikgumwcwzzxgarxk7yuwlei0ckhd2dnmf79kphbzcyepi536kfqji5smdecxtcg6gj4uhohlzzko8godsdchlqy4/bjgth2v/qeuu5igbjudfhq3fkubli9ggwey1xloulbudak45ds3maqe89c4pmils0klpqazbhniqd3mgp516idhmbr+dspw3ovvfwhclu2t78pysivvswl8jedjavhl+j5kf+mg4gaam1xzsejv4b/quu7vxjy964cfqiugis0fvg6w3lbpyrj7owozrsaac9grniftko7+ljasjlfbtn8rcwfhsuacb2m2py6nk0buigwld1mcxjlfwpxcbb61a63onnlwcms6nxtnrkd4hzr1rvhcaqvqn8xq/rvhbhn0r16lu4fytkaxk0yrt1hkrzxjhxbrsvtciriyguksmp912fdan8lghdhx/2n4ccz+ze7ilbc+kqd8dmjqbizojcfhw47lwew7p5gu4jzfnlex/yhkyy7ammbtiwdc3ilmbavvvnj+7txbgcipive2ziql7j4bpiuawwsdrqsg4mtockymrjorm3tkrh6dmn6ufkdvtmbqr41zjqimfyd1af1+eh2yuuh8mgndus4cxre8bhcdla3h7sw9jtdfwm0nvocwivtjjtrntkipjt98froqdu9fphyl4a7uv16a1zru3nmp5lyimumprdsoamztvbm9gf72d5d20jmwta9y5mwhyedv1896a1bf+9dbtig8raloybtw7dmzqr2mlegxwtlqnpjgphcse8r2h4wei5xzpjqrsjag1mq8np2x/a3qm3tyz/7kgd+k6d/7tk4alpn9dsojqxhsqgvfmumekgbubs70fj5/ncxfdq6ztgfidie/emu8rlep/z6tlutbwda7kfqhfkoqlr28tbziqxiku//6fgclgl+pypwp8ebrofkkjkxn3l7tcezlonav0jkro8wxobjuzdbfxjrwqxznz4ptz17u/bew+hotyy2vprwryayyqsbrvqwplqalncopejmfnzojqb5evynqzur7fos8rolfvepu68arm10yo2bemnw+tdfzqnhtfqrtxexyjm8jc7leqgsse2jkmk5ilho5j1lqsr0ago1jbizosh2cvqvl/cfi2sy3+/shbvr6jfgatygzdyrc7pnl1jq8ghmfzfjey9fjrpary2fbp9cvqjzimc0+cb8b3sofho2bsxhbx00gzo9ne0ipd7mt6rw1366yqgzicgw1y+2yfxxqma/qbajhck4iu8a8qepjhrymstn6x1q09ozy/mknx2jyqwt0jkq5jdacgfv2vs1gf/t7h+oxvh6ev1uq/ixaoieenzxb/i5spgpyzvp+g7ia14est0idvvj1zkp1cffefqslpmnspmh0tfcnqj0sqnsp0pt9uyj0laqso4z/di6dgurz9gu1hvbwgwd07gtc6xzljtob+hs6xoeswzagiugofzthq5sy2jtzvzqza++hpzwxnxssnrbui+aq1zu1wddljotzoutdiqd6kixnoiiqwhyjstzxgcic1q8rrhb3iq3bk9n98wf1/gp8naiystazshyhwbvawcp8lyc3pamvuzhn0cmvhbqplbmrvymokniawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk3niawifikl0zpcnn0q2hhcia0nqovtgfzdenoyxigmtiyci9xawr0ahmgotkzidagugovqmfzzuzvbnqgl1rbq1rhtstoaw1idxnsb21obzlmlu1lzgkkl0zvbnrezxnjcmlwdg9yidqgmcbscj4+igvuzg9iago0idagb2jqidw8ci9bc2nlbnqgnjkwci9dyxbizwlnahqgnjkwci9ezxnjzw50ic0ymdkkl0zvbnroyw1lic9uqunur00rtmltynvzum9ttm85tc1nzwrpci9jdgfsawnbbmdszsawci9tdgvtviaxndakl1hizwlnahqgndyxci9gb250qkjvecbblte2ocatmzqxidewmdagotywxqovrmxhz3mgnaovq2hhclnldcaol2h5cghlbi9wzxjpb2qvemvyby9vbmuvdhdvl3rocmvll2zvdxivzml2zs9zaxgvc2v2zw4vzwlnahqvbmluzs9jb2xvbi9lcxvhbc9bl0ivqy9el0uvri9hl0kvsi9ml00vti9pl1avui9tl1qvvi9xl2evyi9jl2qvzs9ml2cvac9pl2ovay9sl20vbi9vl3avci9zl3qvds92l3cvec95l3opci9gb250rmlszsa1idagugo+piblbmrvymokotkzidagb2jqclszmzmgmjuwidagntawiduwmca1mdagntawiduwmca1mdagntawiduwmca1mdagntawidmzmyawidagntcwidagmcawidcymia2njcgnziyidcymia2njcgnjexidc3ocawidm4osa1mdagmca2njcgotq0idcymia3nzggnjexidagnziyidu1nia2njcgmca3mjigmtawmcawidagmcawidagmcawidagmca1mdagntu2idq0nca1ntygndq0idmzmya1mdagntu2idi3ocazmzmgntu2idi3oca4mzmgntu2iduwmca1ntygmca0ndqgmzg5idmzmya1ntygntawidcymia1mdagntawidq0ncbdcmvuzg9iago0mcawig9iaia8paovvhlwzsavugfnzxmkl0nvdw50idykl1bhcmvudca5otqgmcbsci9lawrzifsyidaguia0myawifigmta0idaguiaxmtagmcbsidexniawifigmtiyidagul0kpj4gzw5kb2jqcje2msawig9iaia8paovvhlwzsavugfnzxmkl0nvdw50idykl1bhcmvudca5otqgmcbsci9lawrzifsxntygmcbside5myawifigmtk2idaguiaymdigmcbsidixnyawifignzg3idagul0kpj4gzw5kb2jqcjc5miawig9iaia8paovvhlwzsavugfnzxmkl0nvdw50idikl1bhcmvudca5otqgmcbsci9lawrzifs3otagmcbsidk2niawifjdcj4+igvuzg9iago5otqgmcbvymogpdwkl1r5cgugl1bhz2vzci9db3vudcaxnaovs2lkcybbndagmcbside2msawifignzkyidagul0kpj4gzw5kb2jqcjk5nsawig9iaia8paovvhlwzsavq2f0ywxvzwovugfnzxmgotk0idagugo+piblbmrvymokotk2idagb2jqidw8ci9qcm9kdwnlciaocgrmzvrlwc0xljixyskkl0nyzwf0b3igkfrlwckkl0nyzwf0aw9urgf0zsaordoymda5mdqwmte2mzkyns0wnycwmccpci9qvevylkz1bgxiyw5uzxigkfroaxmgaxmgcgrmzvrlwcwgvmvyc2lvbiazlje0mtu5mi0xljixys0yljigkfdlyjjdidcuns40ksbrcgf0ahnlysb2zxjzaw9uidmuns42kqo+piblbmrvymokehjlzgowidk5nwowmdawmdawmdawidy1ntm1igygcjawmdawmdq4mtqgmdawmdagbiakmdawmdawndcwosawmdawmcbuiaowmdawmdawmda5idawmdawig4gcjawmda5otq5mdegmdawmdagbiakmdawmdk3oty1nsawmdawmcbuiaowmdawotk0nzmxidawmdawig4gcjawmda5nzg1odkgmdawmdagbiakmdawmdk1odiyncawmdawmcbuiaowmdawotc4ndiwidawmdawig4gcjawmda5ntc4ndmgmdawmdagbiakmdawmdk1njiyncawmdawmcbuiaowmdawotu3njg2idawmdawig4gcjawmda5ntu4ndggmdawmdagbiakmdawmdk1mzqzniawmdawmcbuiaowmdawotu1njkxidawmdawig4gcjawmda5ntmxmtagmdawmdagbiakmdawmdk1mtu1ocawmdawmcbuiaowmdawotuyotu0idawmdawig4gcjawmda5nta5odcgmdawmdagbiakmdawmdk0ote2myawmdawmcbuiaowmdawotuwodi5idawmdawig4gcjawmda5ndc4mjcgmdawmdagbiakmdawmdkznziwocawmdawmcbuiaowmdawotq3njy4idawmdawig4gcjawmda5mzy3mtegmdawmdagbiakmdawmdkzmza4niawmdawmcbuiaowmdawotm2ntu0idawmdawig4gcjawmda5mzi2ndegmdawmdagbiakmdawmdkymjczmcawmdawmcbuiaowmdawotmyndy1idawmdawig4gcjawmda5mje5odmgmdawmdagbiakmdawmdkwnzm0osawmdawmcbuiaowmdawotixoda4idawmdawig4gcjawmda5mdy5nzygmdawmdagbiakmdawmdg5ody3ncawmdawmcbuiaowmdawota2nzk1idawmdawig4gcjawmda4oty0ntygmdawmdagbiakmdawmdg5ndk4nyawmdawmcbuiaowmdawodk2mjk4idawmdawig4gcjawmda5otu1njqgmdawmdagbiakmdawmdaxmdi2niawmdawmcbuiaowmdawmdu0mjawidawmdawig4gcjawmdawmtaxntggmdawmdagbiakmdawmdawntaxmyawmdawmcbuiaowmdawmde1nda2idawmdawig4gcjawmdawmtu2mdcgmdawmdagbiakmdawmdaxnty0miawmdawmcbuiaowmdawmde1njc3idawmdawig4gcjawmdawmtu4ntqgmdawmdagbiakmdawmdaxnjazniawmdawmcbuiaowmdawmde2mzq0idawmdawig4gcjawmdawmty2mzcgmdawmdagbiakmdawmdaxnjkzmcawmdawmcbuiaowmdawmde3mtkwidawmdawig4gcjawmdawmtc0ntcgmdawmdagbiakmdawmdaxnzc2nsawmdawmcbuiaowmdawmde4mdy5idawmdawig4gcjawmdawmtgzmzugmdawmdagbiakmdawmdaxody1miawmdawmcbuiaowmdawmde4otq1idawmdawig4gcjawmdawmtg5njygmdawmdagbiakmdawmdaxotg2mcawmdawmcbuiaowmdawmdiwnjy3idawmdawig4gcjawmdawmja5mdygmdawmdagbiakmdawmdaymtm3myawmdawmcbuiaowmdawmdixnjiwidawmdawig4gcjawmdawmje4nzegmdawmdagbiakmdawmdaymtg5msawmdawmcbuiaowmdawmdizodmwidawmdawig4gcjawmdawmjm4ntagmdawmdagbiakmdawmdayntcymcawmdawmcbuiaowmdawmdi1nzqwidawmdawig4gcjawmdawmjcynzagmdawmdagbiakmdawmdaynzi4osawmdawmcbuiaowmdawmdi4nzc3idawmdawig4gcjawmdawmjg3otygmdawmdagbiakmdawmdazmdaymiawmdawmcbuiaowmdawmdmwmdqyidawmdawig4gcjawmdawmze5odegmdawmdagbiakmdawmdazmjawmsawmdawmcbuiaowmdawmdmzotc2idawmdawig4gcjawmdawmzm5otugmdawmdagbiakmdawmdazntexnyawmdawmcbuiaowmdawmdm1mtm3idawmdawig4gcjawmdawmzy3mtagmdawmdagbiakmdawmdaznjczmcawmdawmcbuiaowmdawmdm4mjyxidawmdawig4gcjawmdawmzgyodegmdawmdagbiakmdawmdazodmwmsawmdawmcbuiaowmdawmdq2odqyidawmdawig4gcjawmdawntm5ndygmdawmdagbiakmdawmda1mzk2nyawmdawmcbuiaowmdawmduzotg4idawmdawig4gcjawmdawntqwmdkgmdawmdagbiakmdawmda1ndazmcawmdawmcbuiaowmdawmdu0mduxidawmdawig4gcjawmdawntqwnzigmdawmdagbiakmdawmda1nda5myawmdawmcbuiaowmdawmdu0mtezidawmdawig4gcjawmdawntqxmzqgmdawmdagbiakmdawmda1nde1niawmdawmcbuiaowmdawmdu0mtc4idawmdawig4gcjawmdawntgwmzcgmdawmdagbiakmdawmda1nzkyniawmdawmcbuiaowmdawmdu0mzqzidawmdawig4gcjawmda4otqxotmgmdawmdagbiakmdawmdg4odg2ncawmdawmcbuiaowmdawodk0mdmyidawmdawig4gcjawmdawnjq2ndkgmdawmdagbiakmdawmda2nduzocawmdawmcbuiaowmdawmdu4mty3idawmdawig4gcjawmda4odgzmzagmdawmdagbiakmdawmdg4nte1msawmdawmcbuiaowmdawodg4mty5idawmdawig4gcjawmdawnze0mtigmdawmdagbiakmdawmda3mtmwmsawmdawmcbuiaowmdawmdy0nzkyidawmdawig4gcjawmdawnzy1nzagmdawmdagbiakmdawmda5mjqznyawmdawmcbuiaowmdawmte3njy2idawmdawig4gcjawmdaxmtiymjkgmdawmdagbiakmdawmda3njq1osawmdawmcbuiaowmdawmdcxnte3idawmdawig4gcjawmdawoda3odcgmdawmdagbiakmdawmda4mdk5ocawmdawmcbuiaowmdawmdgxmdm1idawmdawig4gcjawmdawodewnzigmdawmdagbiakmdawmda4mti0nsawmdawmcbuiaowmdawmdgxmjy3idawmdawig4gcjawmdawodixnjmgmdawmdagbiakmdawmda4mjk3miawmdawmcbuiaowmdawmdgzmjazidawmdawig4gcjawmdawodmzmdmgmdawmdagbiakmdawmda4mzcyosawmdawmcbuiaowmdawmdgznzuwidawmdawig4gcjawmdawodm3nzegmdawmdagbiakmdawmda5mjm5ncawmdawmcbuiaowmdawmdkynde1idawmdawig4gcjawmdawotg4mtagmdawmdagbiakmdawmda5otaymsawmdawmcbuiaowmdawmdk5mdu4idawmdawig4gcjawmdawotkwotugmdawmdagbiakmdawmda5oti2ocawmdawmcbuiaowmdawmdk5mjkwidawmdawig4gcjawmdaxmdawotkgmdawmdagbiakmdawmdewmdk5nsawmdawmcbuiaowmdawmtaxmji2idawmdawig4gcjawmdaxmdezntggmdawmdagbiakmdawmdewmtgynyawmdawmcbuiaowmdawmtaxodq4idawmdawig4gcjawmdaxmde4njkgmdawmdagbiakmdawmdexmje4nsawmdawmcbuiaowmdawmteymja2idawmdawig4gcjawmdaxmzk0mzqgmdawmdagbiakmdawmde1ody2osawmdawmcbuiaowmdawmte3ntu0idawmdawig4gcjawmdaxmti0mtigmdawmdagbiakmdawmdg4ndy0nyawmdawmcbuiaowmdawodgxodc5idawmdawig4gcjawmda4odq0odggmdawmdagbiakmdawmdk5nty3nyawmdawmcbuiaowmdawmti2mdywidawmdawig4gcjawmdaxmjyynzegmdawmdagbiakmdawmdeynjmwocawmdawmcbuiaowmdawmti2mzq1idawmdawig4gcjawmdaxmjy1mtggmdawmdagbiakmdawmdeynju0mcawmdawmcbuiaowmdawmti3ndm2idawmdawig4gcjawmdaxmjgyndugmdawmdagbiakmdawmdeyodq3niawmdawmcbuiaowmdawmti4nja0idawmdawig4gcjawmdaxmjkwndqgmdawmdagbiakmdawmdeyota2nsawmdawmcbuiaowmdawmti5mdg2idawmdawig4gcjawmdaxmzkzotagmdawmdagbiakmdawmdezotqxmsawmdawmcbuiaowmdawmtq2mzq3idawmdawig4gcjawmdaxndy1ntggmdawmdagbiakmdawmde0nju5nsawmdawmcbuiaowmdawmtq2njmyidawmdawig4gcjawmdaxndy4mdugmdawmdagbiakmdawmde0njgynyawmdawmcbuiaowmdawmtq3nzizidawmdawig4gcjawmdaxndg1mzigmdawmdagbiakmdawmde0odc2myawmdawmcbuiaowmdawmtq4odyzidawmdawig4gcjawmdaxndkynzcgmdawmdagbiakmdawmde0oti5ocawmdawmcbuiaowmdawmtq5mze5idawmdawig4gcjawmdaxntg2mjygmdawmdagbiakmdawmde1ody0nyawmdawmcbuiaowmdawmty1mzq1idawmdawig4gcjawmdaxnjuymzmgmdawmdagbiakmdawmde1odg1ncawmdawmcbuiaowmdawmtcxntg4idawmdawig4gcjawmdaxnze0nzygmdawmdagbiakmdawmde2ntuynsawmdawmcbuiaowmdawmja0mtkyidawmdawig4gcjawmdaxnzcyodmgmdawmdagbiakmdawmdgynjqwnsawmdawmcbuiaowmdawmjawmze2idawmdawig4gcjawmdaxnzcxnzegmdawmdagbiakmdawmde3mty5myawmdawmcbuiaowmdawmtgyote2idawmdawig4gcjawmdaxodmxndagmdawmdagbiakmdawmde4mze3nyawmdawmcbuiaowmdawmtgzmzq1idawmdawig4gcjawmdaxodmznjcgmdawmdagbiakmdawmde4ndi2myawmdawmcbuiaowmdawmtg0ndg3idawmdawig4gcjawmdaxodq2odmgmdawmdagbiakmdawmde4ndk2nyawmdawmcbuiaowmdawmtg0otg4idawmdawig4gcjawmdaymdaynzigmdawmdagbiakmdawmdiwmdi5myawmdawmcbuiaowmdawode2odgwidawmdawig4gcjawmdaymdqwodagmdawmdagbiakmdawmdiwmdqznyawmdawmcbuiaowmdawntkzndywidawmdawig4gcjawmda1otm2ntygmdawmdagbiakmdawmdu5mzy5myawmdawmcbuiaowmdawntkzodyxidawmdawig4gcjawmda1otqxndagmdawmdagbiakmdawmdu5ndqwmsawmdawmcbuiaowmdawntk0nzm4idawmdawig4gcjawmda1otuwmdygmdawmdagbiakmdawmdu5ntmymyawmdawmcbuiaowmdawntk1ntk1idawmdawig4gcjawmda1otu4njugmdawmdagbiakmdawmdu5nji2mcawmdawmcbuiaowmdawntk2ntiyidawmdawig4gcjawmda1oty4mtegmdawmdagbiakmdawmdu5nzewnyawmdawmcbuiaowmdawntk3mzg5idawmdawig4gcjawmda1otc3mdygmdawmdagbiakmdawmdu5nzk4msawmdawmcbuiaowmdawntk4mjqyidawmdawig4gcjawmda1otg2ntegmdawmdagbiakmdawmdu5odkxnsawmdawmcbuiaowmdawntk5mtgzidawmdawig4gcjawmda1otk0nzugmdawmdagbiakmdawmdu5otc3nyawmdawmcbuiaowmdawnjawmduwidawmdawig4gcjawmda2mda0njygmdawmdagbiakmdawmdywmdc0ocawmdawmcbuiaowmdawnjaxmdi3idawmdawig4gcjawmda2mdezotugmdawmdagbiakmdawmdywmty4niawmdawmcbuiaowmdawnjaymdywidawmdawig4gcjawmda2mdizndigmdawmdagbiakmdawmdywmjyynyawmdawmcbuiaowmdawnjayotu4idawmdawig4gcjawmda2mdmyndegmdawmdagbiakmdawmdywmzuzmsawmdawmcbuiaowmdawnjaznzk0idawmdawig4gcjawmda2mdqxmtugmdawmdagbiakmdawmdywndqxnyawmdawmcbuiaowmdawnja1mtayidawmdawig4gcjawmda2mdu0njqgmdawmdagbiakmdawmdywntg1nsawmdawmcbuiaowmdawnja2mtm3idawmdawig4gcjawmda2mdy0mjygmdawmdagbiakmdawmdywnjcwocawmdawmcbuiaowmdawnja3mdazidawmdawig4gcjawmda2mdczmdmgmdawmdagbiakmdawmdywnzu3nyawmdawmcbuiaowmdawnja3odg1idawmdawig4gcjawmda2mdgxnzcgmdawmdagbiakmdawmdywodq1miawmdawmcbuiaowmdawnja4nzm0idawmdawig4gcjawmda2mdkwnjugmdawmdagbiakmdawmdywotm0mcawmdawmcbuiaowmdawnja5nju2idawmdawig4gcjawmda2mdk5ndygmdawmdagbiakmdawmdyxmdixmcawmdawmcbuiaowmdawnjewnta3idawmdawig4gcjawmda2mta4ntygmdawmdagbiakmdawmdyxmte1mcawmdawmcbuiaowmdawnjexntq2idawmdawig4gcjawmda2mte5mdkgmdawmdagbiakmdawmdyxmju4ocawmdawmcbuiaowmdawnjeyoduxidawmdawig4gcjawmda2mtmxmjcgmdawmdagbiakmdawmdyxmzqymyawmdawmcbuiaowmdawnjeznzuwidawmdawig4gcjawmda2mtqwndigmdawmdagbiakmdawmdyxndmwmiawmdawmcbuiaowmdawnje0njmxidawmdawig4gcjawmda2mtuwmjkgmdawmdagbiakmdawmdyxntm3nyawmdawmcbuiaowmdawnje1nzi0idawmdawig4gcjawmda2mtywmjygmdawmdagbiakmdawmdyxnjmyocawmdawmcbuiaowmdawnje2njq5idawmdawig4gcjawmda2mty5mtugmdawmdagbiakmdawmdyxnzi0ocawmdawmcbuiaowmdawnje3ntkwidawmdawig4gcjawmda2mtc5mjegmdawmdagbiakmdawmdyxodm5mcawmdawmcbuiaowmdawnje4ode2idawmdawig4gcjawmda2mtg5nzegmdawmdagbiakmdawmdyxoteyniawmdawmcbuiaowmdawnje5mjgxidawmdawig4gcjawmda2mtk0mzqgmdawmdagbiakmdawmdyxotu4osawmdawmcbuiaowmdawnje5nzq0idawmdawig4gcjawmda2mtk4otkgmdawmdagbiakmdawmdyymda1ncawmdawmcbuiaowmdawnjiwmja5idawmdawig4gcjawmda2mjaznjqgmdawmdagbiakmdawmdyymduxosawmdawmcbuiaowmdawnjiwnjc0idawmdawig4gcjawmda2mja4mjkgmdawmdagbiakmdawmdyymdk4miawmdawmcbuiaowmdawnjixmtm3idawmdawig4gcjawmda2mjeyotagmdawmdagbiakmdawmdyymtq0nsawmdawmcbuiaowmdawnjixntk4idawmdawig4gcjawmda2mje3ntegmdawmdagbiakmdawmdyymtkwocawmdawmcbuiaowmdawnjiymdyzidawmdawig4gcjawmda2mjiymtggmdawmdagbiakmdawmdyymjm3myawmdawmcbuiaowmdawnjiynti4idawmdawig4gcjawmda2mji2odmgmdawmdagbiakmdawmdyymjgzocawmdawmcbuiaowmdawnjiyotkzidawmdawig4gcjawmda2mjmxndggmdawmdagbiakmdawmdyymzmwmyawmdawmcbuiaowmdawnjizndywidawmdawig4gcjawmda2mjm2mtugmdawmdagbiakmdawmdyymzc3mcawmdawmcbuiaowmdawnjizoti3idawmdawig4gcjawmda2mjqwodigmdawmdagbiakmdawmdyyndiznyawmdawmcbuiaowmdawnji0mzkyidawmdawig4gcjawmda2mjq1ndcgmdawmdagbiakmdawmdyyndcwmcawmdawmcbuiaowmdawnji0odu1idawmdawig4gcjawmda2mjuwmtagmdawmdagbiakmdawmdyynte2nsawmdawmcbuiaowmdawnji1mziwidawmdawig4gcjawmda2mju0nzcgmdawmdagbiakmdawmdyyntyzmiawmdawmcbuiaowmdawnji1nzg3idawmdawig4gcjawmda2mju5ndigmdawmdagbiakmdawmdyynja5nyawmdawmcbuiaowmdawnji2mjuyidawmdawig4gcjawmda2mjy0mdcgmdawmdagbiakmdawmdyynju2miawmdawmcbuiaowmdawnji2nze3idawmdawig4gcjawmda2mjy4nzigmdawmdagbiakmdawmdyynzaynyawmdawmcbuiaowmdawnji3mtgyidawmdawig4gcjawmda2mjczmzcgmdawmdagbiakmdawmdyynzq5miawmdawmcbuiaowmdawnji3njq3idawmdawig4gcjawmda2mjc4mdigmdawmdagbiakmdawmdyynzk1osawmdawmcbuiaowmdawnji4mte0idawmdawig4gcjawmda2mjgynjkgmdawmdagbiakmdawmdyyodqyncawmdawmcbuiaowmdawnji4ntc5idawmdawig4gcjawmda2mjg3mzqgmdawmdagbiakmdawmdyyodg4osawmdawmcbuiaowmdawnji5mdq0idawmdawig4gcjawmda2mjkxotcgmdawmdagbiakmdawmdyyotm1mcawmdawmcbuiaowmdawnji5nta1idawmdawig4gcjawmda2mjk2njagmdawmdagbiakmdawmdyyotgxnsawmdawmcbuiaowmdawnji5otcwidawmdawig4gcjawmda2mzaxmjcgmdawmdagbiakmdawmdyzmdi4miawmdawmcbuiaowmdawnjmwndm3idawmdawig4gcjawmda2mza1otigmdawmdagbiakmdawmdyzmdc0nyawmdawmcbuiaowmdawnjmwotayidawmdawig4gcjawmda2mzewntcgmdawmdagbiakmdawmdyzmtixmiawmdawmcbuiaowmdawnjmxmzy3idawmdawig4gcjawmda2mzezotegmdawmdagbiakmdawmdyzmji4nyawmdawmcbuiaowmdawnjmynta5idawmdawig4gcjawmda2mzi1otcgmdawmdagbiakmdawmdyzmjg4msawmdawmcbuiaowmdawnjmyotaxidawmdawig4gcjawmda2mzm4mzygmdawmdagbiakmdawmdyzmzg1niawmdawmcbuiaowmdawnjm1mda4idawmdawig4gcjawmda2mzuwmjkgmdawmdagbiakmdawmdyznji0ocawmdawmcbuiaowmdawnjm2mjy4idawmdawig4gcjawmda2mzcymdagmdawmdagbiakmdawmdyznziymsawmdawmcbuiaowmdawnjm4mja1idawmdawig4gcjawmda2mzgymjugmdawmdagbiakmdawmdyzotiynyawmdawmcbuiaowmdawnjm5mjq3idawmdawig4gcjawmda2ndaznzegmdawmdagbiakmdawmdy0mdm5miawmdawmcbuiaowmdawnjqxntg3idawmdawig4gcjawmda2nde2mdcgmdawmdagbiakmdawmdy0mjy1myawmdawmcbuiaowmdawnjqynjczidawmdawig4gcjawmda2ndm1mzqgmdawmdagbiakmdawmdy0mzu1ncawmdawmcbuiaowmdawnjq0nze5idawmdawig4gcjawmda2ndq3mzkgmdawmdagbiakmdawmdy0ntc3miawmdawmcbuiaowmdawnjq1nzkzidawmdawig4gcjawmda2ndcwmtegmdawmdagbiakmdawmdy0nzazmsawmdawmcbuiaowmdawnjq4mtczidawmdawig4gcjawmda2ndgxotmgmdawmdagbiakmdawmdy0otmymyawmdawmcbuiaowmdawnjq5mzq0idawmdawig4gcjawmda2nta1otagmdawmdagbiakmdawmdy1mdyxmcawmdawmcbuiaowmdawnjuxnzq3idawmdawig4gcjawmda2nte3njcgmdawmdagbiakmdawmdy1mjg5ncawmdawmcbuiaowmdawnjuyote0idawmdawig4gcjawmda2ntqwodkgmdawmdagbiakmdawmdy1ndewosawmdawmcbuiaowmdawnju1mzi3idawmdawig4gcjawmda2ntuzndcgmdawmdagbiakmdawmdy1njuwnyawmdawmcbuiaowmdawnju2nti4idawmdawig4gcjawmda2ntc4mjugmdawmdagbiakmdawmdy1nzg0nsawmdawmcbuiaowmdawnju4otk2idawmdawig4gcjawmda2ntkwmtygmdawmdagbiakmdawmdy2mdeynyawmdawmcbuiaowmdawnjywmtq4idawmdawig4gcjawmda2njezodqgmdawmdagbiakmdawmdy2mtqwncawmdawmcbuiaowmdawnjyyndm4idawmdawig4gcjawmda2nji0ntkgmdawmdagbiakmdawmdy2mzcynyawmdawmcbuiaowmdawnjyznzq3idawmdawig4gcjawmda2njq5mdggmdawmdagbiakmdawmdy2ndkyocawmdawmcbuiaowmdawnjy2mdy4idawmdawig4gcjawmda2njywodkgmdawmdagbiakmdawmdy2nzi0ncawmdawmcbuiaowmdawnjy3mjy0idawmdawig4gcjawmda2njg0mtigmdawmdagbiakmdawmdy2odqzmiawmdawmcbuiaowmdawnjy5ntc4idawmdawig4gcjawmda2njk1otggmdawmdagbiakmdawmdy3mdc0mcawmdawmcbuiaowmdawnjcwnzyxidawmdawig4gcjawmda2nze4nzkgmdawmdagbiakmdawmdy3mtg5osawmdawmcbuiaowmdawnjczmdc2idawmdawig4gcjawmda2nzmwotcgmdawmdagbiakmdawmdy3ndu4osawmdawmcbuiaowmdawnjc0njewidawmdawig4gcjawmda2nzu1ndugmdawmdagbiakmdawmdy3ntu2niawmdawmcbuiaowmdawnjc2nzkxidawmdawig4gcjawmda2nzy4mtegmdawmdagbiakmdawmdy3nzg0ncawmdawmcbuiaowmdawnjc3ody0idawmdawig4gcjawmda2nzg4ndagmdawmdagbiakmdawmdy3odg2mcawmdawmcbuiaowmdawnjgwmdm4idawmdawig4gcjawmda2odawntggmdawmdagbiakmdawmdy4mtizmcawmdawmcbuiaowmdawnjgxmjuwidawmdawig4gcjawmda2odi0njagmdawmdagbiakmdawmdy4mjq4mcawmdawmcbuiaowmdawnjgznjiyidawmdawig4gcjawmda2odm2ndmgmdawmdagbiakmdawmdy4ndgxnyawmdawmcbuiaowmdawnjg0odm3idawmdawig4gcjawmda2odu5mtkgmdawmdagbiakmdawmdy4ntkzosawmdawmcbuiaowmdawnjg3mdexidawmdawig4gcjawmda2odcwmzegmdawmdagbiakmdawmdy4ode2nyawmdawmcbuiaowmdawnjg4mtg4idawmdawig4gcjawmda2odkzotmgmdawmdagbiakmdawmdy4otqxmyawmdawmcbuiaowmdawnjkwnty1idawmdawig4gcjawmda2ota1odygmdawmdagbiakmdawmdy5mtc4miawmdawmcbuiaowmdawnjkxodayidawmdawig4gcjawmda2oti5nzigmdawmdagbiakmdawmdy5mjk5miawmdawmcbuiaowmdawnjkzoteyidawmdawig4gcjawmda2otm5mzigmdawmdagbiakmdawmdy5ntewnsawmdawmcbuiaowmdawnjk1mti2idawmdawig4gcjawmda2otyzntcgmdawmdagbiakmdawmdy5njm3nyawmdawmcbuiaowmdawnjk3ndgzidawmdawig4gcjawmda2otc1mdqgmdawmdagbiakmdawmdy5odczosawmdawmcbuiaowmdawnjk4nzywidawmdawig4gcjawmda2otk5odagmdawmdagbiakmdawmdcwmdawmsawmdawmcbuiaowmdawnzaxndu2idawmdawig4gcjawmda3mde0nzygmdawmdagbiakmdawmdcwmjy0niawmdawmcbuiaowmdawnzaynjy2idawmdawig4gcjawmda3mdm4mtcgmdawmdagbiakmdawmdcwmzgznyawmdawmcbuiaowmdawnza1mda4idawmdawig4gcjawmda3mduwmjkgmdawmdagbiakmdawmdcwnjiyncawmdawmcbuiaowmdawnza2mjq0idawmdawig4gcjawmda3mdcynzugmdawmdagbiakmdawmdcwnzi5nsawmdawmcbuiaowmdawnza4mze4idawmdawig4gcjawmda3mdgzmzkgmdawmdagbiakmdawmdcwotm1nsawmdawmcbuiaowmdawnza5mzc2idawmdawig4gcjawmda3mta1otegmdawmdagbiakmdawmdcxmdyxmiawmdawmcbuiaowmdawnzexnzg3idawmdawig4gcjawmda3mte4mdggmdawmdagbiakmdawmdcxmza2miawmdawmcbuiaowmdawnzezmdgyidawmdawig4gcjawmda3mtqynzmgmdawmdagbiakmdawmdcxndi5myawmdawmcbuiaowmdawnze1nteyidawmdawig4gcjawmda3mtu1mzmgmdawmdagbiakmdawmdcxnjczocawmdawmcbuiaowmdawnze2nzu4idawmdawig4gcjawmda3mtc3odegmdawmdagbiakmdawmdcxnzgwmiawmdawmcbuiaowmdawnze4otkxidawmdawig4gcjawmda3mtkwmtigmdawmdagbiakmdawmdcymdi3msawmdawmcbuiaowmdawnziwmjkyidawmdawig4gcjawmda3mje0njggmdawmdagbiakmdawmdcymtq4osawmdawmcbuiaowmdawnziynju4idawmdawig4gcjawmda3mji2nzkgmdawmdagbiakmdawmdcymzkzmiawmdawmcbuiaowmdawnzi0otizidawmdawig4gcjawmda3mju5mtqgmdawmdagbiakmdawmdcynjkzmcawmdawmcbuiaowmdawnzi3otixidawmdawig4gcjawmda3mjg4njigmdawmdagbiakmdawmdcyotg3ocawmdawmcbuiaowmdawnzmwode5idawmdawig4gcjawmda3mze4mtagmdawmdagbiakmdawmdczmjgyniawmdawmcbuiaowmdawnzmznzy3idawmdawig4gcjawmda3mzq3mdggmdawmdagbiakmdawmdczntcyncawmdawmcbuiaowmdawnzm2njy1idawmdawig4gcjawmda3mzc2odegmdawmdagbiakmdawmdczodyymiawmdawmcbuiaowmdawnzm5ntyzidawmdawig4gcjawmda3nda1ntqgmdawmdagbiakmdawmdc0mtu0nsawmdawmcbuiaowmdawnzqyntyxidawmdawig4gcjawmda3ndm1nzcgmdawmdagbiakmdawmdc0ndu5myawmdawmcbuiaowmdawnzq1nja5idawmdawig4gcjawmda3ndy2mjugmdawmdagbiakmdawmdc0nzyxniawmdawmcbuiaowmdawnzq4nja3idawmdawig4gcjawmda3ndk1otggmdawmdagbiakmdawmdc1mduzosawmdawmcbuiaowmdawnzuxntmwidawmdawig4gcjawmda3nti1mjegmdawmdagbiakmdawmdc1mzuznyawmdawmcbuiaowmdawnzu0ndc4idawmdawig4gcjawmda3ntu0otqgmdawmdagbiakmdawmdc1njq4nsawmdawmcbuiaowmdawnzu3ntaxidawmdawig4gcjawmda3ntg0ndigmdawmdagbiakmdawmdc1otm4myawmdawmcbuiaowmdawnzywmzk5idawmdawig4gcjawmda3njezotagmdawmdagbiakmdawmdc2mjm4msawmdawmcbuiaowmdawnzyzmzk3idawmdawig4gcjawmda3njqzmzggmdawmdagbiakmdawmdc2nti3osawmdawmcbuiaowmdawnzy2mjcwidawmdawig4gcjawmda3njcyodygmdawmdagbiakmdawmdc2odmwmiawmdawmcbuiaowmdawnzy5mze4idawmdawig4gcjawmda3nzayntkgmdawmdagbiakmdawmdc3mti1mcawmdawmcbuiaowmdawnzcymjqxidawmdawig4gcjawmda3nzmxodigmdawmdagbiakmdawmdc3ndeymyawmdawmcbuiaowmdawnzc1mdy0idawmdawig4gcjawmda3nzywntugmdawmdagbiakmdawmdc3njk5niawmdawmcbuiaowmdawnzc4mdeyidawmdawig4gcjawmda3nzg5ntmgmdawmdagbiakmdawmdc3otk2osawmdawmcbuiaowmdawnzgwotywidawmdawig4gcjawmda3ode5mdegmdawmdagbiakmdawmdc4mjkxnyawmdawmcbuiaowmdawnzgzodu4idawmdawig4gcjawmda3odq4ndkgmdawmdagbiakmdawmdc4ntg0mcawmdawmcbuiaowmdawnzg2odmxidawmdawig4gcjawmda3odc4ndcgmdawmdagbiakmdawmdc4odc4ocawmdawmcbuiaowmdawnzg5nzc5idawmdawig4gcjawmda3ota3mjagmdawmdagbiakmdawmdc5mty2msawmdawmcbuiaowmdawnzkynjc3idawmdawig4gcjawmda3otm2njggmdawmdagbiakmdawmdc5ndy1osawmdawmcbuiaowmdawnzk1njawidawmdawig4gcjawmda3oty2mtygmdawmdagbiakmdawmdc5nzyzmiawmdawmcbuiaowmdawnzk4njq4idawmdawig4gcjawmda3otk2njqgmdawmdagbiakmdawmdgwmdywnsawmdawmcbuiaowmdawodaxntq2idawmdawig4gcjawmda4mdi1mzcgmdawmdagbiakmdawmdgwmzuyocawmdawmcbuiaowmdawodazntq5idawmdawig4gcjawmda4mtm0nzqgmdawmdagbiakmdawmdgxmzq5nsawmdawmcbuiaowmdawodeznte2idawmdawig4gcjawmda4mtm1mzcgmdawmdagbiakmdawmdgxmzu1osawmdawmcbuiaowmdawodezntgwidawmdawig4gcjawmda4mtm2mdegmdawmdagbiakmdawmdgxmzyymiawmdawmcbuiaowmdawodeznjqzidawmdawig4gcjawmda4mtm2njugmdawmdagbiakmdawmdgxmzy4niawmdawmcbuiaowmdawodeznza3idawmdawig4gcjawmda4mtm3mjggmdawmdagbiakmdawmdgxmzc0osawmdawmcbuiaowmdawodeznzcxidawmdawig4gcjawmda4mtm3otigmdawmdagbiakmdawmdgxmzgxmyawmdawmcbuiaowmdawodezodm1idawmdawig4gcjawmda4mtm4ntygmdawmdagbiakmdawmdgxmzg3nyawmdawmcbuiaowmdawodezodk4idawmdawig4gcjawmda4mtm5mjagmdawmdagbiakmdawmdgxmzk0msawmdawmcbuiaowmdawodezotyzidawmdawig4gcjawmda4mtm5odqgmdawmdagbiakmdawmdgxndawnsawmdawmcbuiaowmdawode0mdi3idawmdawig4gcjawmda4mtqwndggmdawmdagbiakmdawmdgxnda3mcawmdawmcbuiaowmdawode0mdkxidawmdawig4gcjawmda4mtqxmtigmdawmdagbiakmdawmdgxndezmyawmdawmcbuiaowmdawode0mtu0idawmdawig4gcjawmda4mtqxnzugmdawmdagbiakmdawmdgxnde5niawmdawmcbuiaowmdawode0mje3idawmdawig4gcjawmda4mtqymzggmdawmdagbiakmdawmdgxndi2mcawmdawmcbuiaowmdawode0mjgxidawmdawig4gcjawmda4mtqzmdmgmdawmdagbiakmdawmdgxndmyncawmdawmcbuiaowmdawode0mzq1idawmdawig4gcjawmda4mtqznjygmdawmdagbiakmdawmdgxndm4nyawmdawmcbuiaowmdawode0nda5idawmdawig4gcjawmda4mtq0mzagmdawmdagbiakmdawmdgxndq1msawmdawmcbuiaowmdawode0ndcyidawmdawig4gcjawmda4mtq0otmgmdawmdagbiakmdawmdgxnduxncawmdawmcbuiaowmdawode0ntm2idawmdawig4gcjawmda4mtq1ntcgmdawmdagbiakmdawmdgxndu3osawmdawmcbuiaowmdawode0njawidawmdawig4gcjawmda4mtq2mjegmdawmdagbiakmdawmdgxndy0miawmdawmcbuiaowmdawode0njy0idawmdawig4gcjawmda4mtq2odugmdawmdagbiakmdawmdgxndcwnyawmdawmcbuiaowmdawode0nzi5idawmdawig4gcjawmda4mtq3ntegmdawmdagbiakmdawmdgxndc3miawmdawmcbuiaowmdawode0nzkzidawmdawig4gcjawmda4mtq4mtqgmdawmdagbiakmdawmdgxndgzniawmdawmcbuiaowmdawode0odu3idawmdawig4gcjawmda4mtq4nzggmdawmdagbiakmdawmdgxndg5osawmdawmcbuiaowmdawode0otixidawmdawig4gcjawmda4mtq5ndigmdawmdagbiakmdawmdgxndk2ncawmdawmcbuiaowmdawode0otg1idawmdawig4gcjawmda4mtuwmdcgmdawmdagbiakmdawmdgxntayosawmdawmcbuiaowmdawode1mduwidawmdawig4gcjawmda4mtuwnzegmdawmdagbiakmdawmdgxnta5myawmdawmcbuiaowmdawode1mte0idawmdawig4gcjawmda4mtuxmzugmdawmdagbiakmdawmdgxnte1nyawmdawmcbuiaowmdawode1mtc4idawmdawig4gcjawmda4mtuxotkgmdawmdagbiakmdawmdgxntiymcawmdawmcbuiaowmdawode1mjqxidawmdawig4gcjawmda4mtuynjigmdawmdagbiakmdawmdgxnti4myawmdawmcbuiaowmdawode1mza0idawmdawig4gcjawmda4mtuzmjugmdawmdagbiakmdawmdgxntm0niawmdawmcbuiaowmdawode1mzy3idawmdawig4gcjawmda4mtuzodggmdawmdagbiakmdawmdgxntqwosawmdawmcbuiaowmdawode1ndmwidawmdawig4gcjawmda4mtu0ntegmdawmdagbiakmdawmdgxntq3miawmdawmcbuiaowmdawode1ndkzidawmdawig4gcjawmda4mtu1mtqgmdawmdagbiakmdawmdgxntuznsawmdawmcbuiaowmdawode1ntu2idawmdawig4gcjawmda4mtu1nzcgmdawmdagbiakmdawmdgxntu5ocawmdawmcbuiaowmdawode1nje5idawmdawig4gcjawmda4mtu2ndagmdawmdagbiakmdawmdgxnty2msawmdawmcbuiaowmdawode1njgyidawmdawig4gcjawmda4mtu3mdmgmdawmdagbiakmdawmdgxntcyncawmdawmcbuiaowmdawode1nzq1idawmdawig4gcjawmda4mtu3njygmdawmdagbiakmdawmdgxntc4nyawmdawmcbuiaowmdawode1oda4idawmdawig4gcjawmda4mtu4mjkgmdawmdagbiakmdawmdgxntg1mcawmdawmcbuiaowmdawode1odcxidawmdawig4gcjawmda4mtu4otigmdawmdagbiakmdawmdgxntkxmyawmdawmcbuiaowmdawode1otm0idawmdawig4gcjawmda4mtu5ntugmdawmdagbiakmdawmdgxntk3niawmdawmcbuiaowmdawode1otk3idawmdawig4gcjawmda4mtywmtggmdawmdagbiakmdawmdgxnjazosawmdawmcbuiaowmdawode2mdywidawmdawig4gcjawmda4mtywodegmdawmdagbiakmdawmdgxnjewmiawmdawmcbuiaowmdawode2mtizidawmdawig4gcjawmda4mtyxndqgmdawmdagbiakmdawmdgxnje2nsawmdawmcbuiaowmdawode2mtg2idawmdawig4gcjawmda4mtyymdcgmdawmdagbiakmdawmdgxnjiyocawmdawmcbuiaowmdawode2mjq5idawmdawig4gcjawmda4mtyynzagmdawmdagbiakmdawmdgxnji5msawmdawmcbuiaowmdawode2mzeyidawmdawig4gcjawmda4mtyzmzmgmdawmdagbiakmdawmdgxnjm1ncawmdawmcbuiaowmdawode2mzc1idawmdawig4gcjawmda4mtyzotygmdawmdagbiakmdawmdgxnjqxnyawmdawmcbuiaowmdawode2ndm4idawmdawig4gcjawmda4mty0ntkgmdawmdagbiakmdawmdgxnjq4mcawmdawmcbuiaowmdawode2ntaxidawmdawig4gcjawmda4mty1mjigmdawmdagbiakmdawmdgxnju0myawmdawmcbuiaowmdawode2nty0idawmdawig4gcjawmda4mty1odugmdawmdagbiakmdawmdgxnjywniawmdawmcbuiaowmdawode2nji3idawmdawig4gcjawmda4mty2ndggmdawmdagbiakmdawmdgxnjy2osawmdawmcbuiaowmdawode2njkwidawmdawig4gcjawmda4mty3mtegmdawmdagbiakmdawmdgxnjczmiawmdawmcbuiaowmdawode2nzuzidawmdawig4gcjawmda4mty3nzqgmdawmdagbiakmdawmdgxnjc5nsawmdawmcbuiaowmdawode2ode2idawmdawig4gcjawmda4mty4mzcgmdawmdagbiakmdawmdgxnjg1ocawmdawmcbuiaowmdawodixndcwidawmdawig4gcjawmda4mjezntggmdawmdagbiakmdawmdgxnzaxmyawmdawmcbuiaowmdawodc4ntq2idawmdawig4gcjawmda4mjyyotmgmdawmdagbiakmdawmdgymtu2myawmdawmcbuiaowmdawotk1nzk0idawmdawig4gcjawmda4mzc1ntqgmdawmdagbiakmdawmdgznzc3ocawmdawmcbuiaowmdawodm3ode1idawmdawig4gcjawmda4mzc4nzigmdawmdagbiakmdawmdgznzkyocawmdawmcbuiaowmdawodm4mdk2idawmdawig4gcjawmda4mzg3mjigmdawmdagbiakmdawmdgzote0ocawmdawmcbuiaowmdawodm5ndy1idawmdawig4gcjawmda4mzk3odigmdawmdagbiakmdawmdg0mda5osawmdawmcbuiaowmdawodqwnde1idawmdawig4gcjawmda4nda3mzigmdawmdagbiakmdawmdg0mta0osawmdawmcbuiaowmdawodqxmzy2idawmdawig4gcjawmda4nde2odigmdawmdagbiakmdawmdg0mtk5osawmdawmcbuiaowmdawodqymze2idawmdawig4gcjawmda4ndi2mzmgmdawmdagbiakmdawmdg0mjk1mcawmdawmcbuiaowmdawodqzmjy3idawmdawig4gcjawmda4ndm1odqgmdawmdagbiakmdawmdg0mzkwmsawmdawmcbuiaowmdawodq0mje4idawmdawig4gcjawmda4ndq1mzmgmdawmdagbiakmdawmdg0ndg0osawmdawmcbuiaowmdawodq1mty2idawmdawig4gcjawmda4ndu0odmgmdawmdagbiakmdawmdg0ntgwmcawmdawmcbuiaowmdawodq2mte3idawmdawig4gcjawmda4ndy0mzqgmdawmdagbiakmdawmdg0njc1msawmdawmcbuiaowmdawodq3mdy4idawmdawig4gcjawmda4ndczodugmdawmdagbiakmdawmdg0nzcwmiawmdawmcbuiaowmdawodq4mde5idawmdawig4gcjawmda4ndgzmzygmdawmdagbiakmdawmdg0ody1myawmdawmcbuiaowmdawodq4otcwidawmdawig4gcjawmda4ndkyodcgmdawmdagbiakmdawmdg0otywncawmdawmcbuiaowmdawodq5ote5idawmdawig4gcjawmda4ntaymzygmdawmdagbiakmdawmdg1mdu1myawmdawmcbuiaowmdawoduwodcwidawmdawig4gcjawmda4ntexodcgmdawmdagbiakmdawmdg1mtuwmyawmdawmcbuiaowmdawoduxodiwidawmdawig4gcjawmda4ntixmzcgmdawmdagbiakmdawmdg1mjq1ncawmdawmcbuiaowmdawoduynzy5idawmdawig4gcjawmda4ntmwodygmdawmdagbiakmdawmdg1mzqwmyawmdawmcbuiaowmdawoduznziwidawmdawig4gcjawmda4ntqwmzcgmdawmdagbiakmdawmdg1ndm1ncawmdawmcbuiaowmdawodu0njcxidawmdawig4gcjawmda4ntq5odggmdawmdagbiakmdawmdg1ntaxmcawmdawmcbuiaowmdawodu1ota2idawmdawig4gcjawmda4ntyxmzagmdawmdagbiakmdawmdg1njmzocawmdawmcbuiaowmdawodu2njiyidawmdawig4gcjawmda4nty2ndmgmdawmdagbiakmdawmdg1njg4nsawmdawmcbuiaowmdawodu2ota2idawmdawig4gcjawmda4ntcxndggmdawmdagbiakmdawmdg1nze2ocawmdawmcbuiaowmdawodu3mju2idawmdawig4gcjawmda4ntcynzygmdawmdagbiakmdawmdg1nzm2ncawmdawmcbuiaowmdawodu3mzg0idawmdawig4gcjawmda4ntc0nzigmdawmdagbiakmdawmdg1nzq5miawmdawmcbuiaowmdawodu3ntgwidawmdawig4gcjawmda4ntc2mdagmdawmdagbiakmdawmdg1nzy4ocawmdawmcbuiaowmdawodu3nza4idawmdawig4gcjawmda4ntc3otygmdawmdagbiakmdawmdg1nzgxniawmdawmcbuiaowmdawodu3ota0idawmdawig4gcjawmda4ntc5mjqgmdawmdagbiakmdawmdg1odaxmiawmdawmcbuiaowmdawodu4mdmyidawmdawig4gcjawmda4ntgxmjagmdawmdagbiakmdawmdg1ode0mcawmdawmcbuiaowmdawodu4mji4idawmdawig4gcjawmda4ntgyndggmdawmdagbiakmdawmdg1odmzniawmdawmcbuiaowmdawodu4mzu2idawmdawig4gcjawmda4ntg0ndqgmdawmdagbiakmdawmdg1odq2ncawmdawmcbuiaowmdawodu4ntuyidawmdawig4gcjawmda4ntg1nzigmdawmdagbiakmdawmdg1ody2mcawmdawmcbuiaowmdawodu4njgwidawmdawig4gcjawmda4ntg3njggmdawmdagbiakmdawmdg1odc4ocawmdawmcbuiaowmdawodu4odc2idawmdawig4gcjawmda4ntg4otygmdawmdagbiakmdawmdg1odk4ncawmdawmcbuiaowmdawodu5mda0idawmdawig4gcjawmda4ntkwotigmdawmdagbiakmdawmdg1otexmiawmdawmcbuiaowmdawodu5mjawidawmdawig4gcjawmda4ntkymjagmdawmdagbiakmdawmdg1otmwocawmdawmcbuiaowmdawodu5mzi4idawmdawig4gcjawmda4ntk0mtygmdawmdagbiakmdawmdg1otqzniawmdawmcbuiaowmdawodu5nti0idawmdawig4gcjawmda4ntk1ndqgmdawmdagbiakmdawmdg1otyzmiawmdawmcbuiaowmdawodu5njuyidawmdawig4gcjawmda4ntk3ndagmdawmdagbiakmdawmdg1otc2mcawmdawmcbuiaowmdawodu5odq4idawmdawig4gcjawmda4ntk4njggmdawmdagbiakmdawmdg1otk1niawmdawmcbuiaowmdawodu5otc2idawmdawig4gcjawmda4njawnjqgmdawmdagbiakmdawmdg2mda4ncawmdawmcbuiaowmdawodywmtcyidawmdawig4gcjawmda4njaxotigmdawmdagbiakmdawmdg2mdi4mcawmdawmcbuiaowmdawodywmzawidawmdawig4gcjawmda4njazodggmdawmdagbiakmdawmdg2mdqwocawmdawmcbuiaowmdawodywndk2idawmdawig4gcjawmda4nja1mtygmdawmdagbiakmdawmdg2mdywncawmdawmcbuiaowmdawodywnji0idawmdawig4gcjawmda4nja3mtigmdawmdagbiakmdawmdg2mdczmiawmdawmcbuiaowmdawodywodiwidawmdawig4gcjawmda4nja4ndagmdawmdagbiakmdawmdg2mdkyocawmdawmcbuiaowmdawodywotq4idawmdawig4gcjawmda4njewmzygmdawmdagbiakmdawmdg2mta1niawmdawmcbuiaowmdawodyxmtq0idawmdawig4gcjawmda4njexnjqgmdawmdagbiakmdawmdg2mti1miawmdawmcbuiaowmdawodyxmjcyidawmdawig4gcjawmda4njeznjagmdawmdagbiakmdawmdg2mtm4mcawmdawmcbuiaowmdawodyxndy4idawmdawig4gcjawmda4nje0odggmdawmdagbiakmdawmdg2mtu3niawmdawmcbuiaowmdawodyxntk2idawmdawig4gcjawmda4nje2odqgmdawmdagbiakmdawmdg2mtcwncawmdawmcbuiaowmdawodyxnzkyidawmdawig4gcjawmda4nje4mtigmdawmdagbiakmdawmdg2mtkwmcawmdawmcbuiaowmdawodyxotiwidawmdawig4gcjawmda4njiwmdggmdawmdagbiakmdawmdg2mjayocawmdawmcbuiaowmdawodyymte2idawmdawig4gcjawmda4njixmzygmdawmdagbiakmdawmdg2mjiyncawmdawmcbuiaowmdawodyymjq0idawmdawig4gcjawmda4njizmzigmdawmdagbiakmdawmdg2mjm1miawmdawmcbuiaowmdawodyyndqwidawmdawig4gcjawmda4nji0njagmdawmdagbiakmdawmdg2mju0ocawmdawmcbuiaowmdawodyynty5idawmdawig4gcjawmda4nzg0njigmdawmdagbiakmdawmdg3odq4myawmdawmcbuiaowmdawodc4ntazidawmdawig4gcjawmda4nzg1mjmgmdawmdagbiakmdawmdg4mtc4niawmdawmcbuiaowmdawodgxnjc0idawmdawig4gcjawmda4nzg2njcgmdawmdagbiakmdawmdg4ndk2nyawmdawmcbuiaowmdawodg0odg5idawmdawig4gcjawmda4odg2otigmdawmdagbiakmdawmdg4odu0nsawmdawmcbuiaowmdawodk0nzazidawmdawig4gcjawmda4otq0mzugmdawmdagbiakmdawmdg5njy5myawmdawmcbuiaowmdawodk2njy4idawmdawig4gcjawmda4oty3odygmdawmdagbiakmdawmdkwnziyosawmdawmcbuiaowmdawotiymzyyidawmdawig4gcjawmda5mzi5mdygmdawmdagbiakmdawmdkznza0myawmdawmcbuiaowmdawotm2otywidawmdawig4gcjawmda5ndg2mtygmdawmdagbiakmdawmdk0odi4niawmdawmcbuiaowmdawotuxndq3idawmdawig4gcjawmda5nteymtmgmdawmdagbiakmdawmdk1mzm0nsawmdawmcbuiaowmdawotuzmzixidawmdawig4gcjawmda5ntyxmdcgmdawmdagbiakmdawmdk1nja2myawmdawmcbuiaowmdawotu4mteyidawmdawig4gcjawmda5ntgwnjigmdawmdagbiakmdawmdk3otezmiawmdawmcbuiaowmdawotk1mjcxidawmdawig4gcjawmda5otu4nzkgmdawmdagbiakmdawmdk5ntk1niawmdawmcbuiaowmdawotk2mda5idawmdawig4gcnryywlszxikpdwkl1npemugotk3ci9sb290idk5nsawifikl0luzm8gotk2idagugovsuqgwzwxmtberdyxrkq1nzq0ndaxmeixqui1rkyzodc4mkywrj4gpdexmerenjfgrdu3ndq0mdewqjfbqjvgrjm4nzgyrjbgpl0kpj4kc3rhcnr4cmvmcjk5njixmwoljuvprgo",{"_index":4250,"t":{"658":{"position":[[2708,1355092]]}}}],["k",{"_index":3254,"t":{"612":{"position":[[3375,4],[5246,4],[7871,4]]},"660":{"position":[[27419,4],[45448,4]]}}}],["keep",{"_index":1029,"t":{"556":{"position":[[2098,4]]},"562":{"position":[[7951,4],[9749,4]]}}}],["key",{"_index":1763,"t":{"576":{"position":[[437,3],[5162,3]]},"578":{"position":[[526,3],[2830,3],[5931,3],[7853,3],[8120,4]]},"600":{"position":[[14799,4]]},"612":{"position":[[1769,3]]}}}],["key=\"@customer?.gethashcod",{"_index":2796,"t":{"600":{"position":[[15101,31]]}}}],["keyboard",{"_index":389,"t":{"54":{"position":[[131,8],[252,8]]},"132":{"position":[[1905,8]]},"146":{"position":[[2146,8]]},"220":{"position":[[1701,8]]},"222":{"position":[[1320,8]]},"236":{"position":[[1710,8]]},"506":{"position":[[175,8]]},"556":{"position":[[3672,8]]},"578":{"position":[[2862,8],[2889,8]]},"612":{"position":[[1637,8],[1721,8],[13491,8]]},"654":{"position":[[1633,8]]}}}],["keystrok",{"_index":3194,"t":{"612":{"position":[[1589,9]]},"614":{"position":[[1293,9]]},"618":{"position":[[1280,9],[11028,9]]},"622":{"position":[[1796,9],[16862,9]]},"628":{"position":[[1237,9]]}}}],["keystroke/select",{"_index":3425,"t":{"614":{"position":[[9033,19]]},"628":{"position":[[8588,19]]}}}],["kick",{"_index":1733,"t":{"574":{"position":[[4771,4]]},"578":{"position":[[11622,4]]}}}],["kind",{"_index":1021,"t":{"556":{"position":[[1999,4]]}}}],["kitchen",{"_index":1566,"t":{"570":{"position":[[5104,7],[13656,7]]}}}],["klein",{"_index":2775,"t":{"600":{"position":[[13483,8],[14424,8],[15707,8]]}}}],["kleiner",{"_index":4629,"t":{"660":{"position":[[107907,8]]}}}],["know",{"_index":2194,"t":{"584":{"position":[[135,4]]},"630":{"position":[[388,4]]}}}],["known",{"_index":3708,"t":{"624":{"position":[[1105,5]]},"626":{"position":[[1107,5]]},"642":{"position":[[1119,5]]},"644":{"position":[[1119,5]]}}}],["komala",{"_index":3234,"t":{"612":{"position":[[3204,7],[5075,7],[7700,7]]}}}],["l",{"_index":854,"t":{"142":{"position":[[1462,1]]},"612":{"position":[[3435,4],[5306,4],[7931,4]]}}}],["label",{"_index":361,"t":{"44":{"position":[[261,6]]},"98":{"position":[[439,5]]},"104":{"position":[[590,6]]},"108":{"position":[[356,5]]},"560":{"position":[[106,7]]},"590":{"position":[[193,7],[665,5],[713,6],[1100,6],[2005,7],[2017,6],[2071,5],[8415,6]]},"602":{"position":[[1578,6],[1623,7],[2512,6],[3152,5],[3174,5],[7829,6],[10220,5],[10857,6],[10982,7],[11489,6],[11723,5],[12267,5],[12809,5],[13339,6],[13348,7],[14047,7],[14350,6],[14582,5],[15191,5],[15798,5],[16399,6],[16408,7],[17081,6],[17522,6]]},"604":{"position":[[1503,6],[1548,7],[2576,6],[3000,5],[3022,5],[5929,6],[8366,5],[8812,6],[8937,7],[9345,6],[9800,6],[9809,7],[10794,6],[10944,5],[11217,5],[11488,5],[11749,6],[11758,7],[13022,6],[13172,5],[13445,5],[13716,5],[13977,6],[13986,7],[14822,7],[15120,6],[15270,5],[15543,5],[15814,5],[16075,6],[16084,7],[16795,6],[17260,6]]},"606":{"position":[[1599,6],[1644,7],[2380,6],[2753,5],[2775,5],[4941,6],[7212,5],[7759,6],[7906,7],[8661,6],[8895,5],[9439,5],[9981,5],[10511,6],[10520,7],[11254,7],[12029,6],[12411,6],[14411,5],[14958,6],[15105,7],[15550,6]]},"608":{"position":[[1374,6],[1419,7],[2210,6],[4629,6],[6766,5],[7313,6],[7460,7],[7678,7],[8423,6],[8785,6],[10637,5],[11184,6],[11331,7],[12631,6],[13935,5],[14482,6],[14629,7],[15056,6]]},"612":{"position":[[8505,6],[8959,6]]},"614":{"position":[[7441,6],[7733,6],[10047,6],[10356,6],[10755,6]]},"616":{"position":[[907,5],[938,6],[2119,6],[2853,6],[5891,5],[5934,5],[5972,5],[6012,5],[6059,5]]},"618":{"position":[[1449,6],[1871,6],[2047,6],[2227,6],[2409,6],[2593,6],[2777,6],[2963,6],[3149,6],[4008,6],[4506,6],[4801,6],[5361,6],[5587,6],[6041,6],[6441,6],[7180,6],[8261,6],[8644,6],[9010,6],[11097,6]]},"620":{"position":[[279,5],[314,6]]},"622":{"position":[[2228,6],[2454,6],[2680,6],[2906,6],[3132,6],[3358,6],[3584,6],[3810,6],[4036,6],[6151,6],[6281,6],[6414,6],[6549,6],[6686,6],[6823,6],[6962,6],[7101,6],[7915,6],[8490,6],[8744,6],[9226,6],[9656,6],[10399,6],[11497,6],[11923,6],[12332,6],[14374,6],[14604,6],[14834,6],[15064,6],[15294,6],[15524,6],[15754,6],[15984,6],[16214,6],[16933,6]]},"624":{"position":[[2057,5],[5622,5]]},"626":{"position":[[2242,5]]},"628":{"position":[[5567,6],[5904,6],[6229,6],[6533,6],[6852,6],[9587,6],[9988,6]]},"632":{"position":[[1716,5]]},"634":{"position":[[1739,5],[4615,5]]},"636":{"position":[[1694,5],[4864,5]]},"638":{"position":[[1716,5]]},"642":{"position":[[2076,5]]},"644":{"position":[[2076,5]]},"652":{"position":[[1730,5],[4870,5]]},"654":{"position":[[17137,5],[19305,6],[19629,6],[19936,6]]}}}],["label\">address:</label",{"_index":3299,"t":{"612":{"position":[[9002,23]]}}}],["label\">amount</label",{"_index":3494,"t":{"616":{"position":[[2138,21],[2872,21]]},"618":{"position":[[1468,21],[4027,21],[4525,21],[4820,21],[5380,21],[5606,21],[6060,21],[6460,21],[7199,21]]},"622":{"position":[[7934,21],[8509,21],[8763,21],[9245,21],[9675,21],[10418,21]]}}}],["label\">arriv",{"_index":3863,"t":{"628":{"position":[[6565,14],[6884,14],[10020,14]]}}}],["label\">cours",{"_index":3435,"t":{"614":{"position":[[10079,13]]}}}],["label\">custom",{"_index":3414,"t":{"614":{"position":[[7765,15]]}}}],["label\">customer:</label",{"_index":3294,"t":{"612":{"position":[[8552,24]]}}}],["label\">departur",{"_index":3858,"t":{"628":{"position":[[5936,16],[6261,16],[9619,16]]}}}],["label\">end",{"_index":3442,"t":{"614":{"position":[[10787,10]]}}}],["label\">ent",{"_index":3536,"t":{"618":{"position":[[1890,12],[2066,12],[2246,12],[2428,12],[2612,12],[2796,12],[2982,12],[3168,12]]},"622":{"position":[[6170,12],[6300,12],[6433,12],[6568,12],[6705,12],[6842,12],[6981,12],[7120,12]]}}}],["label\">flight",{"_index":3854,"t":{"628":{"position":[[5599,13]]}}}],["label\">invoic",{"_index":3410,"t":{"614":{"position":[[7473,14]]}}}],["label\">item",{"_index":3575,"t":{"618":{"position":[[8293,11],[8676,11],[11129,11]]},"622":{"position":[[11529,11],[11955,11],[16965,11]]},"654":{"position":[[19324,11],[19648,11]]}}}],["label\">local",{"_index":3651,"t":{"622":{"position":[[2247,14],[2473,14],[2699,14],[2925,14],[3151,14],[3377,14],[3603,14],[3829,14],[4055,14],[14393,14],[14623,14],[14853,14],[15083,14],[15313,14],[15543,14],[15773,14],[16003,14],[16233,14]]}}}],["label\">start",{"_index":3438,"t":{"614":{"position":[[10388,12]]}}}],["label\">tot",{"_index":3585,"t":{"618":{"position":[[9042,12]]},"622":{"position":[[12364,12]]},"654":{"position":[[19955,12]]}}}],["label=\"20",{"_index":2373,"t":{"590":{"position":[[1268,11],[2175,11]]}}}],["label=\"30",{"_index":2405,"t":{"590":{"position":[[4661,11]]}}}],["label=\"check",{"_index":3615,"t":{"620":{"position":[[816,14]]}}}],["label=\"default",{"_index":3613,"t":{"620":{"position":[[746,14],[2500,14]]}}}],["label=\"dis",{"_index":3624,"t":{"620":{"position":[[1149,15],[1833,15]]}}}],["label=\"revers",{"_index":3630,"t":{"620":{"position":[[2312,14]]}}}],["labels.add(getnextdatalabel",{"_index":2953,"t":{"602":{"position":[[10941,31]]},"604":{"position":[[8896,31]]},"606":{"position":[[7843,31],[15042,31]]},"608":{"position":[[7397,31],[11268,31],[14566,31]]}}}],["labelscount",{"_index":2919,"t":{"602":{"position":[[7711,11],[10720,12],[11028,11],[11059,15]]},"604":{"position":[[5659,11],[7329,12],[8675,12],[8983,11]]}}}],["lacinia",{"_index":1858,"t":{"576":{"position":[[7909,7],[8576,7],[8647,7],[12150,7],[12817,7],[12888,7],[16291,7],[16958,7],[17029,7]]}}}],["lacu",{"_index":1936,"t":{"576":{"position":[[9331,6],[9812,6],[10111,5],[13572,6],[14053,6],[14352,5],[17713,6],[18194,6],[18493,5]]}}}],["lakhsmi",{"_index":3251,"t":{"612":{"position":[[3349,10],[5220,10],[7845,10]]}}}],["land",{"_index":353,"t":{"42":{"position":[[540,7]]}}}],["landscap",{"_index":4245,"t":{"658":{"position":[[1536,10]]}}}],["lang=\"en",{"_index":3752,"t":{"624":{"position":[[3730,10]]},"626":{"position":[[3909,10]]},"634":{"position":[[3120,10]]},"636":{"position":[[3385,10]]},"642":{"position":[[3623,10]]},"644":{"position":[[3623,10]]},"652":{"position":[[3096,10]]}}}],["languag",{"_index":437,"t":{"66":{"position":[[238,8]]}}}],["laoreet",{"_index":1838,"t":{"576":{"position":[[7710,8],[7719,7],[9419,8],[10518,8],[10631,7],[11951,8],[11960,7],[13660,8],[14759,8],[14872,7],[16092,8],[16101,7],[17801,8],[18900,8],[19013,7]]}}}],["larg",{"_index":1349,"t":{"564":{"position":[[254,5]]},"566":{"position":[[2866,5],[7922,5]]},"568":{"position":[[3495,5],[3575,5],[4202,5],[4298,5]]},"574":{"position":[[4921,5],[4965,5],[5227,5],[5363,5]]},"576":{"position":[[15865,5],[19851,5]]},"578":{"position":[[11742,5],[12122,5]]},"582":{"position":[[1545,5],[1664,5]]},"648":{"position":[[3668,5]]}}}],["larger",{"_index":1171,"t":{"560":{"position":[[2502,6]]},"568":{"position":[[3344,6]]},"582":{"position":[[2437,6]]}}}],["last",{"_index":1223,"t":{"562":{"position":[[941,4],[1342,4]]},"582":{"position":[[710,4],[774,4]]},"586":{"position":[[2127,4],[2594,4]]},"600":{"position":[[808,4]]},"612":{"position":[[2041,4]]},"658":{"position":[[1011,6],[1137,6],[1306,6],[1844,6],[1964,6],[2127,6],[2537,6],[1357872,6],[1358035,6]]}}}],["lastlinkicon",{"_index":2150,"t":{"582":{"position":[[657,12],[819,14]]}}}],["lastlinkicon=\"iconname.chevrondoubleright",{"_index":2178,"t":{"582":{"position":[[2163,42]]}}}],["lastlinktext",{"_index":2151,"t":{"582":{"position":[[732,12],[790,14]]}}}],["lastnam",{"_index":1724,"t":{"574":{"position":[[3903,8]]},"576":{"position":[[4735,8],[6915,8]]},"578":{"position":[[5488,8],[7600,8]]},"660":{"position":[[26200,8],[26436,8],[26679,8],[26915,8],[27158,8],[27408,8],[27640,8],[27878,8],[28117,8],[44229,8],[44465,8],[44708,8],[44944,8],[45187,8],[45437,8],[45669,8],[45907,8],[46146,8]]}}}],["later",{"_index":111,"t":{"2":{"position":[[2298,6]]},"124":{"position":[[786,6]]}}}],["launch",{"_index":1749,"t":{"574":{"position":[[6055,6],[6547,6],[7151,6],[7779,6],[8504,6]]}}}],["laura",{"_index":3260,"t":{"612":{"position":[[3428,6],[5299,6],[7924,6]]}}}],["layout",{"_index":417,"t":{"58":{"position":[[448,6]]},"72":{"position":[[650,6],[668,6],[702,6],[918,6],[966,6]]},"132":{"position":[[1757,6]]},"220":{"position":[[1553,6]]},"236":{"position":[[1562,6]]},"288":{"position":[[733,6]]},"376":{"position":[[297,6]]},"378":{"position":[[21,8],[295,6]]},"386":{"position":[[299,6]]},"410":{"position":[[1080,6]]},"504":{"position":[[295,6]]},"584":{"position":[[229,6]]},"592":{"position":[[6234,6],[6337,6],[15370,6]]},"602":{"position":[[5759,6]]},"604":{"position":[[3794,6]]},"640":{"position":[[0,6],[34,6]]},"646":{"position":[[0,6],[39,6]]},"656":{"position":[[6412,6],[6515,6],[24205,6]]}}}],["layout1",{"_index":855,"t":{"142":{"position":[[1464,7]]}}}],["layoutcomponentbas",{"_index":3806,"t":{"624":{"position":[[7489,19]]},"626":{"position":[[6965,19]]},"630":{"position":[[11532,19]]},"634":{"position":[[6429,19]]},"636":{"position":[[7520,19]]},"640":{"position":[[587,19]]},"642":{"position":[[6549,19]]},"644":{"position":[[6388,19]]},"646":{"position":[[592,19]]},"648":{"position":[[5033,19]]},"652":{"position":[[6454,19]]}}}],["lead",{"_index":1575,"t":{"570":{"position":[[6147,4],[6663,4],[6958,4],[7428,4],[7760,4],[8089,4],[11053,4],[11417,4],[11756,4],[12326,4],[12711,4],[13071,4]]}}}],["lectu",{"_index":1906,"t":{"576":{"position":[[8473,7],[8786,6],[9637,7],[11086,7],[12714,7],[13027,6],[13878,7],[15327,7],[16855,7],[17168,6],[18019,7],[19468,7]]}}}],["left",{"_index":1489,"t":{"568":{"position":[[7897,5],[8412,4]]},"576":{"position":[[2485,5],[7014,4]]},"590":{"position":[[7345,5]]},"602":{"position":[[2352,6]]},"604":{"position":[[2468,6]]},"606":{"position":[[2216,6]]},"608":{"position":[[2051,6],[12220,4]]},"610":{"position":[[724,5]]},"622":{"position":[[1380,4]]},"654":{"position":[[13382,4],[16426,4]]},"660":{"position":[[5036,5]]}}}],["left</button",{"_index":3942,"t":{"630":{"position":[[8365,13],[8719,13],[9085,13]]}}}],["left</tooltip",{"_index":3159,"t":{"610":{"position":[[772,14]]}}}],["leftmenu",{"_index":416,"t":{"58":{"position":[[428,8]]},"132":{"position":[[1737,8]]},"220":{"position":[[1533,8]]},"236":{"position":[[1542,8]]},"288":{"position":[[713,8]]},"376":{"position":[[21,10],[277,8]]},"378":{"position":[[275,8]]},"386":{"position":[[279,8]]},"410":{"position":[[1060,8]]},"504":{"position":[[275,8]]}}}],["leftmenu1",{"_index":856,"t":{"142":{"position":[[1472,9]]}}}],["legend",{"_index":722,"t":{"112":{"position":[[347,6]]},"602":{"position":[[3217,6]]},"604":{"position":[[3065,6]]},"606":{"position":[[2818,6]]},"608":{"position":[[11551,6],[11633,7],[15070,6]]}}}],["length",{"_index":366,"t":{"44":{"position":[[398,6]]},"556":{"position":[[844,6]]},"578":{"position":[[9070,6],[10827,6]]},"602":{"position":[[4738,6]]},"622":{"position":[[1421,7]]},"630":{"position":[[9788,7],[12368,6]]}}}],["leo",{"_index":1904,"t":{"576":{"position":[[8465,3],[9313,4],[10616,4],[12706,3],[13554,4],[14857,4],[16847,3],[17695,4],[18998,4]]}}}],["less",{"_index":3369,"t":{"614":{"position":[[3373,4]]},"616":{"position":[[3756,4]]},"618":{"position":[[3844,4]]},"622":{"position":[[7751,4]]},"628":{"position":[[2545,4]]},"660":{"position":[[664,4],[79380,4],[79460,4],[124819,4]]}}}],["level",{"_index":1386,"t":{"568":{"position":[[335,5]]},"592":{"position":[[196,7],[1263,5],[1297,6],[3665,7],[5234,8],[8187,8],[11181,8],[14179,8],[15358,6]]},"630":{"position":[[569,5]]},"656":{"position":[[2572,5],[2679,6],[24164,5]]},"660":{"position":[[1274,5],[79173,5],[79423,5]]}}}],["lg",{"_index":2074,"t":{"578":{"position":[[12878,3]]}}}],["lg</button",{"_index":2088,"t":{"578":{"position":[[13640,11]]}}}],["lgmodal",{"_index":2067,"t":{"578":{"position":[[12378,8],[13951,8]]}}}],["lgmodal?.showasync()\">ful",{"_index":2087,"t":{"578":{"position":[[13600,26]]}}}],["lgmodal?.showasync()\">larg",{"_index":2064,"t":{"578":{"position":[[12195,27]]}}}],["li",{"_index":1562,"t":{"570":{"position":[[4937,3],[4978,3],[5025,3],[5635,3],[5676,3],[5723,3]]}}}],["li>@emp.name</li",{"_index":4572,"t":{"660":{"position":[[74170,18],[77145,18],[80496,18]]}}}],["libero",{"_index":1915,"t":{"576":{"position":[[8620,6],[8756,6],[8925,7],[9949,7],[12861,6],[12997,6],[13166,7],[14190,7],[17002,6],[17138,6],[17307,7],[18331,7]]}}}],["librari",{"_index":97,"t":{"2":{"position":[[2092,7]]},"124":{"position":[[580,7]]},"128":{"position":[[788,7]]},"624":{"position":[[158,7]]},"626":{"position":[[158,7]]},"632":{"position":[[176,7]]},"634":{"position":[[216,7]]},"636":{"position":[[212,7]]},"638":{"position":[[176,7]]},"640":{"position":[[133,7]]},"642":{"position":[[168,7]]},"644":{"position":[[168,7]]},"646":{"position":[[138,7]]},"652":{"position":[[168,7]]}}}],["licens",{"_index":105,"t":{"2":{"position":[[2217,8],[2290,7],[2374,9],[2515,10],[2735,10]]},"124":{"position":[[705,8],[778,7],[862,9],[1003,10],[1223,10]]},"586":{"position":[[9754,7]]}}}],["life",{"_index":1981,"t":{"576":{"position":[[20352,4]]}}}],["light",{"_index":1002,"t":{"556":{"position":[[1488,5]]},"568":{"position":[[2281,5],[3224,5]]},"648":{"position":[[1723,5],[2906,5]]}}}],["light\">light</badg",{"_index":1152,"t":{"560":{"position":[[1874,20]]}}}],["lightbox",{"_index":1992,"t":{"578":{"position":[[112,11]]},"648":{"position":[[131,11]]}}}],["lightweight",{"_index":2494,"t":{"594":{"position":[[756,11],[2086,11]]},"630":{"position":[[97,11],[183,11]]}}}],["ligula",{"_index":1870,"t":{"576":{"position":[[8020,6],[9406,6],[12261,6],[13647,6],[16402,6],[17788,6]]}}}],["limit",{"_index":1245,"t":{"562":{"position":[[2853,5],[3404,5],[3954,5],[4717,5],[5342,5],[5965,5],[6707,5],[7258,5],[7808,5],[8509,5],[9074,5],[9624,5],[10339,5],[10890,5],[11440,5],[12519,5],[13082,5],[13644,5],[14202,5],[14750,5],[15310,5],[18836,5],[19387,5],[19937,5],[21221,5],[21794,5],[22366,5]]},"614":{"position":[[141,6]]},"628":{"position":[[145,6]]}}}],["line",{"_index":323,"t":{"38":{"position":[[237,4],[399,4],[564,4]]},"98":{"position":[[513,4],[901,4]]},"100":{"position":[[756,4]]},"102":{"position":[[312,4]]},"104":{"position":[[629,4]]},"140":{"position":[[1463,4]]},"142":{"position":[[342,4]]},"156":{"position":[[285,4]]},"162":{"position":[[282,4]]},"172":{"position":[[290,4]]},"184":{"position":[[29,4],[286,4]]},"192":{"position":[[285,4]]},"238":{"position":[[1203,4]]},"470":{"position":[[275,4]]},"564":{"position":[[418,4],[761,4],[784,4],[817,4],[1030,4]]},"570":{"position":[[12092,4]]},"602":{"position":[[19,4],[50,4],[80,4],[2007,4],[2052,4],[2540,4],[3057,4],[4373,7],[4497,5],[4568,5],[4684,5],[4845,4],[4863,4],[4948,5],[7337,4],[7505,4]]},"606":{"position":[[15357,4]]},"608":{"position":[[14866,4]]},"624":{"position":[[3235,4],[3356,4]]},"626":{"position":[[3420,4],[3543,4]]},"632":{"position":[[2898,4],[3019,4]]},"634":{"position":[[2860,4]]},"636":{"position":[[2815,4]]},"638":{"position":[[2838,4]]},"642":{"position":[[3270,4],[3391,4]]},"644":{"position":[[3270,4],[3391,4],[5575,4]]},"652":{"position":[[2856,4]]},"660":{"position":[[8695,7],[11040,7],[13416,7],[16188,7],[18607,7],[21359,7],[23761,7],[27400,7],[32838,7],[35203,7],[37568,7],[39892,7],[42150,7],[45429,7],[48209,7],[52526,6],[53863,7],[56580,7],[62667,7],[65888,7],[68971,7],[72348,7],[75486,7],[78461,7],[81758,7],[84849,7],[87615,7],[92720,7],[100950,7],[103141,7],[105579,7],[109694,7],[113575,7],[127086,7],[129672,7],[132445,7]]}}}],["line@blazorbootstrap.com",{"_index":4446,"t":{"660":{"position":[[27432,27],[45461,27]]}}}],["linechart",{"_index":2910,"t":{"602":{"position":[[6692,10],[7542,9],[7552,9],[11194,10],[11266,9],[11276,9],[14055,10],[14127,9],[14137,9]]},"606":{"position":[[8366,10],[8438,9],[8448,9]]}}}],["linechart.adddataasync(chartdata",{"_index":2939,"t":{"602":{"position":[[9430,33]]}}}],["linechart.adddatasetasync(chartdata",{"_index":2935,"t":{"602":{"position":[[9025,36]]}}}],["linechart.initializeasync(chartdata",{"_index":2923,"t":{"602":{"position":[[8107,36],[13917,36],[17094,36]]},"606":{"position":[[11124,36]]}}}],["linechart.updateasync(chartdata",{"_index":2933,"t":{"602":{"position":[[8805,32],[9585,32],[9729,32]]}}}],["linechartdataset",{"_index":2831,"t":{"602":{"position":[[1707,16],[1738,16],[8445,16],[8462,16],[8482,16],[9297,16],[9314,17],[10050,16],[10199,18],[11702,18],[12246,18],[12788,18],[14563,16],[15172,16],[15779,16],[17380,16]]},"606":{"position":[[8874,18],[9418,18],[9960,18]]}}}],["linechartdataset.data",{"_index":2928,"t":{"602":{"position":[[8514,21],[8693,21]]}}}],["linechartdataset.data.count",{"_index":2929,"t":{"602":{"position":[[8563,28]]}}}],["linechartdatasetdata(linechartdataset.label",{"_index":2937,"t":{"602":{"position":[[9345,44]]}}}],["linechartdatasetdatalabel",{"_index":2847,"t":{"602":{"position":[[2464,26],[5254,26],[17405,26]]}}}],["linechartopt",{"_index":2895,"t":{"602":{"position":[[5456,16],[5487,16],[7582,16],[7599,16],[7899,16],[8144,18],[8838,18],[9076,18],[9618,18],[9762,18],[11306,16],[11323,16],[13379,16],[13954,18],[14167,16],[14184,16],[16439,16],[17156,17],[17440,16]]},"606":{"position":[[8478,16],[8495,16],[10551,16],[11161,18]]}}}],["linechartoptions.indexaxi",{"_index":2941,"t":{"602":{"position":[[9545,26],[9689,26]]}}}],["linechartoptions.interact",{"_index":3002,"t":{"602":{"position":[[13441,28],[16501,28]]},"606":{"position":[[10648,28]]}}}],["linechartoptions.local",{"_index":3118,"t":{"606":{"position":[[10577,23]]}}}],["linechartoptions.plugins.datalabels.color",{"_index":3013,"t":{"602":{"position":[[16895,41]]}}}],["linechartoptions.plugins.title.display",{"_index":3012,"t":{"602":{"position":[[13774,38],[16834,38]]},"606":{"position":[[10981,38]]}}}],["linechartoptions.plugins.title.text",{"_index":3009,"t":{"602":{"position":[[13716,35],[16776,35]]},"606":{"position":[[10923,35]]}}}],["linechartoptions.respons",{"_index":3001,"t":{"602":{"position":[[13405,27],[16465,27]]},"606":{"position":[[10612,27]]}}}],["linechartoptions.scales.x.title.display",{"_index":3005,"t":{"602":{"position":[[13569,39],[16629,39]]},"606":{"position":[[10776,39]]}}}],["linechartoptions.scales.x.title.text",{"_index":3003,"t":{"602":{"position":[[13522,36],[16582,36]]},"606":{"position":[[10729,36]]}}}],["linechartoptions.scales.y.title.display",{"_index":3008,"t":{"602":{"position":[[13668,39],[16728,39]]},"606":{"position":[[10875,39]]}}}],["linechartoptions.scales.y.title.text",{"_index":3006,"t":{"602":{"position":[[13617,36],[16677,36]]},"606":{"position":[[10824,36]]}}}],["linechartplugin",{"_index":2900,"t":{"602":{"position":[[5956,16]]}}}],["link",{"_index":205,"t":{"10":{"position":[[320,5]]},"16":{"position":[[225,6]]},"18":{"position":[[255,6]]},"20":{"position":[[193,6]]},"22":{"position":[[284,6]]},"24":{"position":[[220,6]]},"26":{"position":[[228,6]]},"28":{"position":[[194,6]]},"30":{"position":[[287,6]]},"32":{"position":[[557,6]]},"34":{"position":[[168,6]]},"36":{"position":[[576,6]]},"38":{"position":[[285,6]]},"40":{"position":[[314,6]]},"42":{"position":[[627,6]]},"44":{"position":[[405,6]]},"46":{"position":[[416,6]]},"48":{"position":[[362,6]]},"50":{"position":[[336,6]]},"52":{"position":[[586,6]]},"54":{"position":[[400,6]]},"56":{"position":[[592,6]]},"58":{"position":[[271,6]]},"60":{"position":[[526,6]]},"62":{"position":[[292,6]]},"64":{"position":[[233,6]]},"66":{"position":[[257,6]]},"68":{"position":[[710,6]]},"70":{"position":[[734,6]]},"72":{"position":[[731,6]]},"74":{"position":[[423,6]]},"76":{"position":[[224,6]]},"78":{"position":[[307,6]]},"80":{"position":[[1349,6]]},"82":{"position":[[273,6]]},"84":{"position":[[385,6]]},"86":{"position":[[517,6]]},"88":{"position":[[274,6]]},"90":{"position":[[198,6]]},"92":{"position":[[313,6]]},"94":{"position":[[199,6]]},"96":{"position":[[288,6]]},"98":{"position":[[672,6]]},"100":{"position":[[490,6],[1155,6]]},"102":{"position":[[391,6]]},"104":{"position":[[700,6]]},"106":{"position":[[417,6]]},"108":{"position":[[513,6]]},"110":{"position":[[1081,6]]},"112":{"position":[[799,6]]},"114":{"position":[[261,6]]},"116":{"position":[[343,6]]},"118":{"position":[[387,6]]},"120":{"position":[[341,6]]},"122":{"position":[[285,6]]},"128":{"position":[[1495,6]]},"140":{"position":[[1669,6]]},"146":{"position":[[2472,6]]},"238":{"position":[[1409,6]]},"468":{"position":[[212,6]]},"560":{"position":[[875,6],[3339,5],[4064,4]]},"568":{"position":[[1152,4],[1211,4],[2380,4],[2507,4],[4432,4],[4543,4]]},"570":{"position":[[1716,5],[1770,4],[1841,4],[1894,4],[3213,6],[3492,6],[13631,5]]},"582":{"position":[[425,5],[514,4],[580,4],[715,4],[779,4],[912,4],[976,4],[1117,4],[1189,4],[1570,5],[1603,5],[1780,6]]},"592":{"position":[[156,5],[1598,4]]},"596":{"position":[[3089,5]]},"598":{"position":[[270,5],[2932,4],[2998,4],[3048,4],[3074,4],[3147,4],[3208,4],[4475,4],[4490,4]]},"624":{"position":[[516,5],[727,5],[841,5],[1171,5],[3270,5],[3865,5],[4076,5],[4190,5],[4270,5],[4316,5],[4381,5]]},"626":{"position":[[518,5],[729,5],[843,5],[1173,5],[3457,5],[4044,5],[4255,5],[4369,5],[4449,5],[4495,5]]},"632":{"position":[[515,5],[726,5],[840,5],[2933,5]]},"634":{"position":[[540,5],[751,5],[865,5],[2897,5],[3254,5],[3465,5],[3579,5],[3659,5],[3700,5],[3778,5]]},"636":{"position":[[495,5],[706,5],[820,5],[2852,5],[3519,5],[3730,5],[3844,5],[3924,5],[3965,5],[4031,5]]},"638":{"position":[[515,5],[726,5],[840,5],[2873,5]]},"642":{"position":[[525,5],[736,5],[850,5],[1185,5],[3305,5],[3835,5],[4046,5],[4160,5],[4240,5],[4285,5],[4341,5]]},"644":{"position":[[525,5],[736,5],[850,5],[1185,5],[3305,5],[3835,5],[4046,5],[4160,5],[4240,5],[4285,5]]},"652":{"position":[[525,5],[736,5],[850,5],[2891,5],[3281,5],[3492,5],[3606,5],[3686,5],[3731,5],[3787,5]]},"654":{"position":[[119,5],[2606,6],[2652,4],[2688,6]]},"656":{"position":[[163,6],[1574,4]]}}}],["link</cardlink",{"_index":1554,"t":{"570":{"position":[[3777,15],[3818,15],[5808,15],[5849,15]]}}}],["link</dropdownitem",{"_index":4145,"t":{"654":{"position":[[18108,19]]}}}],["list",{"_index":624,"t":{"100":{"position":[[504,4]]},"570":{"position":[[3200,4],[4796,4],[4816,5],[4856,4],[4918,4],[5271,4],[5616,4],[13644,4]]},"576":{"position":[[20420,6]]},"582":{"position":[[1706,4]]},"592":{"position":[[15282,4]]},"594":{"position":[[4702,4]]},"596":{"position":[[20,4],[54,4],[99,4],[179,6],[554,5],[1041,5],[1158,5],[1237,5],[1399,4],[1538,5],[1800,5],[1904,5],[2090,5],[2186,5],[2280,5],[2919,6],[2960,4],[3030,6],[3075,5],[3137,5],[4609,4],[4687,4],[4778,4],[4940,4],[5018,4],[5109,4],[5254,5],[8285,4],[8345,5],[9835,4],[9939,4],[10093,4],[10198,4],[10347,4],[10419,4],[11023,4],[11201,4],[12609,4],[13962,5]]},"612":{"position":[[1820,4],[1905,5],[1960,5],[2010,5],[2058,5]]},"616":{"position":[[5856,4]]},"630":{"position":[[9899,5]]},"654":{"position":[[110,5]]}}}],["list<breadcrumbitem",{"_index":1074,"t":{"558":{"position":[[268,20],[466,20],[519,20],[622,20],[776,20],[1273,20],[1376,20],[2006,20],[2109,20]]}}}],["list<custom",{"_index":2772,"t":{"600":{"position":[[13433,14],[14310,14],[15593,14]]},"612":{"position":[[2975,14],[4846,14],[7471,14]]}}}],["list<depart",{"_index":4531,"t":{"660":{"position":[[55697,16],[55732,18]]}}}],["list<doubl",{"_index":2842,"t":{"602":{"position":[[2088,12],[2407,12],[3091,12],[3477,12],[3494,12],[3575,12],[3592,12],[3876,12],[3893,12],[8610,15],[10403,12],[10446,12],[10630,12],[10676,15],[11753,12],[11992,12],[12035,12],[12295,12],[12534,12],[12577,12],[12837,12],[13076,12],[13119,12],[14612,12],[14851,12],[14894,12],[15219,12],[15458,12],[15501,12],[15826,12],[16065,12],[16108,12]]},"604":{"position":[[2082,12],[2588,12],[2939,12],[6716,15],[8552,12],[8585,12],[8631,15],[9506,12],[9725,12],[10974,12],[11131,12],[11245,12],[11402,12],[11516,12],[11674,12],[13202,12],[13359,12],[13473,12],[13630,12],[13744,12],[13902,12],[15300,12],[15457,12],[15571,12],[15728,12],[15842,12],[16000,12]]},"606":{"position":[[1952,12],[2271,12],[2692,12],[5817,15],[7328,12],[7374,15],[8925,12],[9164,12],[9207,12],[9467,12],[9706,12],[9749,12],[10009,12],[10248,12],[10291,12],[13047,15],[14527,12],[14573,15]]},"608":{"position":[[1787,12],[2106,12],[2522,12],[5450,15],[6882,12],[6928,15],[9364,15],[10753,12],[10799,15],[14051,12],[14097,15]]}}}],["list<employe",{"_index":2561,"t":{"596":{"position":[[2485,14],[3723,14],[3840,14],[6097,14],[6215,14],[6333,14],[8947,14],[9065,14],[10596,14],[11339,14],[12152,14],[13029,14],[13753,14]]},"660":{"position":[[50144,17]]}}}],["list<employee1",{"_index":4350,"t":{"660":{"position":[[8003,15],[10348,15],[12724,15],[15496,15],[17915,15],[20667,15],[23069,15],[32146,15],[34511,15],[36876,15],[47517,15],[53171,15],[55810,15],[56529,15],[58178,15],[58263,15],[61975,15],[65196,15],[68279,15],[71656,15],[74794,15],[77769,15],[81066,15],[84157,15],[86923,15],[92152,15],[100382,15],[102573,15],[105011,15],[109002,15],[126394,15]]}}}],["list<employee2",{"_index":4493,"t":{"660":{"position":[[39281,15],[41539,15]]}}}],["list<employee3",{"_index":4429,"t":{"660":{"position":[[26135,15],[44164,15]]}}}],["list<employee4",{"_index":4657,"t":{"660":{"position":[[112882,15]]}}}],["list<filteroperatorinfo",{"_index":4617,"t":{"660":{"position":[[107588,27]]}}}],["list<ichartdataset",{"_index":2830,"t":{"602":{"position":[[1646,19],[8361,22],[9816,19],[9898,22],[11660,22],[14521,22]]},"604":{"position":[[1442,19],[6472,22],[7966,19],[8048,22],[9433,22],[10882,22],[13110,22],[15208,22]]},"606":{"position":[[1538,19],[5548,22],[6884,19],[6966,22],[8832,22],[12756,22],[13889,19],[13971,22]]},"608":{"position":[[1442,19],[5206,22],[6453,19],[6535,22],[9120,22],[10132,19],[10214,22],[13622,19],[13704,22]]}}}],["list<ichartdatasetdata",{"_index":2818,"t":{"602":{"position":[[952,23],[9209,26]]},"604":{"position":[[807,23],[7372,26]]},"606":{"position":[[903,23],[6482,26],[13487,26]]},"608":{"position":[[748,23],[6080,26],[9759,26]]}}}],["list<int",{"_index":2836,"t":{"602":{"position":[[1992,9],[3036,9],[3975,9],[3989,9],[4061,9],[4075,9],[4182,9],[4196,9],[10545,9],[10600,9],[12128,9],[12183,9],[12670,9],[12725,9],[13212,9],[13267,9],[14987,9],[15042,9],[15594,9],[15649,9],[16201,9],[16256,9]]},"606":{"position":[[9300,9],[9355,9],[9842,9],[9897,9],[10384,9],[10439,9]]}}}],["list<navitem",{"_index":2440,"t":{"592":{"position":[[2112,13],[4211,13],[7102,13],[10096,13],[13094,13]]},"624":{"position":[[8381,13]]},"626":{"position":[[7857,13]]},"634":{"position":[[7148,13]]},"636":{"position":[[8239,13]]},"640":{"position":[[1355,13]]},"642":{"position":[[7441,13]]},"644":{"position":[[7280,13]]},"646":{"position":[[1360,13]]},"652":{"position":[[7173,13]]},"656":{"position":[[2039,13],[3140,13],[4972,13],[7231,13],[9584,13],[12057,13],[14487,13],[16878,13],[19361,13],[22664,13]]}}}],["list<str",{"_index":1658,"t":{"572":{"position":[[4475,12],[4503,15],[5219,15]]},"602":{"position":[[1585,12],[1859,12],[1928,12],[2877,12],[2959,12],[3265,12],[3282,12],[3370,12],[3387,12],[3714,12],[3797,12],[4267,12],[4284,12],[10299,12],[10351,12],[10493,12],[10797,12],[10870,15],[11502,12],[11900,12],[11946,12],[12082,12],[12442,12],[12488,12],[12624,12],[12984,12],[13030,12],[13166,12],[14363,12],[14759,12],[14805,12],[14941,12],[15366,12],[15412,12],[15548,12],[15973,12],[16019,12],[16155,12]]},"604":{"position":[[1510,12],[1712,12],[1977,12],[2779,12],[2861,12],[8448,12],[8500,12],[8752,12],[8825,15],[9358,12],[9573,12],[9649,12],[10807,12],[11039,12],[11085,12],[11310,12],[11356,12],[11582,12],[11628,12],[13035,12],[13267,12],[13313,12],[13538,12],[13584,12],[13810,12],[13856,12],[15133,12],[15365,12],[15411,12],[15636,12],[15682,12],[15908,12],[15954,12]]},"606":{"position":[[1606,12],[1818,12],[1887,12],[2532,12],[2614,12],[7502,12],[7562,15],[7699,12],[7772,15],[8674,12],[9072,12],[9118,12],[9254,12],[9614,12],[9660,12],[9796,12],[10156,12],[10202,12],[10338,12],[14701,12],[14761,15],[14898,12],[14971,15]]},"608":{"position":[[1381,12],[1653,12],[1722,12],[2362,12],[2444,12],[7056,12],[7116,15],[7253,12],[7326,15],[10927,12],[10987,15],[11124,12],[11197,15],[14225,12],[14285,15],[14422,12],[14495,15]]},"654":{"position":[[25176,12],[25204,15]]}}}],["list<tickmark",{"_index":3521,"t":{"616":{"position":[[5867,14]]}}}],["list<titem",{"_index":2535,"t":{"596":{"position":[[675,11]]}}}],["list<toastmessag",{"_index":3901,"t":{"630":{"position":[[809,18],[2754,18],[2788,21],[4298,18],[4332,21],[5736,18],[5770,21],[7326,18],[7360,21],[9413,18],[11006,18],[11040,21]]}}}],["list<us",{"_index":4726,"t":{"660":{"position":[[129108,10],[131749,10]]}}}],["littl",{"_index":1616,"t":{"570":{"position":[[11102,6],[12375,6]]},"630":{"position":[[1791,6]]}}}],["load",{"_index":695,"t":{"110":{"position":[[566,4]]},"568":{"position":[[597,7],[635,7],[739,7],[782,10],[810,7],[1641,7],[1707,7],[6782,7],[7269,10],[7330,7],[7367,7],[7766,7],[9914,7],[9940,7]]},"580":{"position":[[78,7],[163,8],[2723,7]]},"584":{"position":[[60,7],[607,7],[1556,7],[1643,7],[1916,8],[3830,7]]},"588":{"position":[[594,7],[689,7],[765,6],[981,6],[1524,6]]},"594":{"position":[[62,7],[644,10],[768,7],[2017,7],[2043,7],[2098,7],[4772,7]]},"596":{"position":[[1417,8],[1603,7],[12963,4]]},"612":{"position":[[544,10],[572,7]]},"624":{"position":[[1154,4]]},"626":{"position":[[1156,4]]},"642":{"position":[[1168,4]]},"644":{"position":[[1168,4]]},"658":{"position":[[635,7]]},"660":{"position":[[50288,4],[133868,4]]}}}],["loaddataasync",{"_index":2647,"t":{"596":{"position":[[13082,15]]}}}],["loader",{"_index":140,"t":{"2":{"position":[[2914,6]]},"110":{"position":[[168,6],[533,6]]},"146":{"position":[[217,6]]},"152":{"position":[[210,6]]},"158":{"position":[[1724,6]]},"230":{"position":[[1733,6]]},"306":{"position":[[1727,6]]},"308":{"position":[[1097,6]]},"360":{"position":[[209,6]]},"364":{"position":[[1155,6]]},"394":{"position":[[821,6]]},"404":{"position":[[529,6]]},"408":{"position":[[218,6]]},"418":{"position":[[502,6]]},"492":{"position":[[213,6]]},"586":{"position":[[9813,6]]},"588":{"position":[[18,6],[52,6],[124,6],[149,6],[503,6],[789,6],[1675,6],[1700,6]]},"656":{"position":[[24080,6]]}}}],["loading=\"tru",{"_index":1468,"t":{"568":{"position":[[7019,14],[7073,14],[7151,15]]}}}],["loadingtempl",{"_index":1389,"t":{"568":{"position":[[656,16],[679,15],[824,15],[7167,17],[7280,18]]},"596":{"position":[[1550,15]]}}}],["loadingtext",{"_index":1390,"t":{"568":{"position":[[763,11]]},"584":{"position":[[565,11],[841,11]]},"612":{"position":[[525,11]]}}}],["loadingtext=\"load",{"_index":2201,"t":{"584":{"position":[[1120,24]]}}}],["loadingtext=\"sav",{"_index":1469,"t":{"568":{"position":[[7088,23]]}}}],["loborti",{"_index":1960,"t":{"576":{"position":[[10412,8],[14653,8],[18794,8]]}}}],["local",{"_index":539,"t":{"84":{"position":[[196,5]]},"558":{"position":[[1111,5]]},"602":{"position":[[5814,6],[5846,7],[5897,6]]},"604":{"position":[[3849,6],[3881,7],[3932,6],[12555,7],[12606,6],[12716,6],[17248,6]]},"606":{"position":[[3258,6],[3290,7],[3341,6],[8119,7],[8170,6],[8280,6],[15538,6]]},"608":{"position":[[2981,6],[3013,7],[3064,6]]},"618":{"position":[[686,6],[726,7]]},"622":{"position":[[139,6],[858,6],[898,7],[2200,8],[5481,8],[17626,7]]},"660":{"position":[[50577,5]]}}}],["locale=\"",{"_index":3662,"t":{"622":{"position":[[3012,10],[15174,10]]}}}],["locale=\"d",{"_index":3665,"t":{"622":{"position":[[3238,10],[15404,10]]}}}],["locale=\"en",{"_index":3654,"t":{"622":{"position":[[2334,10],[2560,10],[3690,10],[3916,10],[11670,10],[12067,10],[12513,10],[14484,10],[14714,10],[15864,10],[16094,10]]}}}],["locale=\"fr",{"_index":3658,"t":{"622":{"position":[[2786,10],[3464,10],[14944,10],[15634,10]]}}}],["locale=\"zh",{"_index":3675,"t":{"622":{"position":[[4142,10],[16324,10]]}}}],["locat",{"_index":1067,"t":{"556":{"position":[[3965,8]]},"558":{"position":[[120,8]]},"634":{"position":[[142,8]]},"636":{"position":[[138,8],[3305,8]]},"660":{"position":[[50633,9]]}}}],["logic",{"_index":405,"t":{"56":{"position":[[324,6]]},"70":{"position":[[480,6]]},"574":{"position":[[2263,6]]},"576":{"position":[[3466,6]]},"578":{"position":[[4260,6]]},"612":{"position":[[3547,5],[5418,5],[6447,5],[8043,5],[10203,5],[11714,5],[13208,5]]}}}],["logo",{"_index":2422,"t":{"592":{"position":[[639,5],[9314,4],[12258,5],[12308,5],[15428,4]]},"656":{"position":[[658,5],[13619,4],[15999,5],[16049,5],[24308,4]]}}}],["long",{"_index":1743,"t":{"574":{"position":[[5797,4],[5835,4],[9089,4]]},"578":{"position":[[8616,4],[8653,4],[15457,4]]},"616":{"position":[[3523,6]]}}}],["longer",{"_index":82,"t":{"2":{"position":[[1886,6]]},"124":{"position":[[374,6]]},"556":{"position":[[1928,6]]},"560":{"position":[[837,6]]},"570":{"position":[[11806,6],[13121,6]]},"578":{"position":[[9161,6],[10918,6]]},"624":{"position":[[4706,6]]},"626":{"position":[[4778,6]]}}}],["longer.</cardtext",{"_index":1617,"t":{"570":{"position":[[11113,18],[12386,18]]}}}],["look",{"_index":1428,"t":{"568":{"position":[[3842,4]]},"624":{"position":[[239,7]]},"626":{"position":[[239,7]]},"632":{"position":[[257,7]]},"634":{"position":[[297,7]]},"638":{"position":[[257,7]]},"642":{"position":[[249,7]]},"644":{"position":[[249,7]]},"652":{"position":[[249,7]]}}}],["lorem",{"_index":1837,"t":{"576":{"position":[[7704,5],[8157,6],[8415,5],[8459,5],[8851,5],[10187,5],[10239,5],[11169,5],[11945,5],[12398,6],[12656,5],[12700,5],[13092,5],[14428,5],[14480,5],[15410,5],[16086,5],[16539,6],[16797,5],[16841,5],[17233,5],[18569,5],[18621,5],[19551,5]]}}}],["lost",{"_index":1060,"t":{"556":{"position":[[3759,4]]}}}],["lot",{"_index":195,"t":{"10":{"position":[[114,4]]},"18":{"position":[[113,4]]},"134":{"position":[[1131,4],[1562,4]]},"240":{"position":[[987,4],[1418,4]]},"362":{"position":[[155,4]]},"382":{"position":[[663,4]]},"388":{"position":[[161,4]]},"392":{"position":[[1545,4]]},"444":{"position":[[158,4]]},"450":{"position":[[157,4]]}}}],["luctu",{"_index":1927,"t":{"576":{"position":[[9057,6],[9338,6],[9645,6],[13298,6],[13579,6],[13886,6],[17439,6],[17720,6],[18027,6]]}}}],["m",{"_index":857,"t":{"142":{"position":[[1482,1]]}}}],["maco",{"_index":2972,"t":{"602":{"position":[[12275,8],[15199,8]]},"604":{"position":[[11225,8],[13453,8],[15551,8]]},"606":{"position":[[9447,8]]}}}],["made",{"_index":232,"t":{"14":{"position":[[97,4]]},"102":{"position":[[188,4]]},"104":{"position":[[538,4]]},"114":{"position":[[162,4]]},"116":{"position":[[228,4]]},"134":{"position":[[1316,4]]},"144":{"position":[[140,4]]},"240":{"position":[[1172,4]]},"446":{"position":[[141,4]]},"562":{"position":[[1770,4]]},"572":{"position":[[890,4]]},"576":{"position":[[2120,4]]},"578":{"position":[[2424,4]]},"654":{"position":[[3579,4]]}}}],["maecena",{"_index":1961,"t":{"576":{"position":[[10496,8],[14737,8],[18878,8]]}}}],["magna",{"_index":1922,"t":{"576":{"position":[[8829,5],[9444,5],[9835,5],[9969,5],[13070,5],[13685,5],[14076,5],[14210,5],[17211,5],[17826,5],[18217,5],[18351,5]]}}}],["main",{"_index":2471,"t":{"592":{"position":[[6518,6],[6749,7],[9512,6],[9743,7],[12510,6],[12741,7]]},"624":{"position":[[7652,6],[7868,7]]},"626":{"position":[[7128,6],[7344,7]]},"634":{"position":[[6592,6],[6806,7]]},"636":{"position":[[7683,6],[7897,7]]},"640":{"position":[[759,6],[975,7]]},"642":{"position":[[6712,6],[6928,7]]},"644":{"position":[[6551,6],[6767,7]]},"646":{"position":[[764,6],[980,7]]},"652":{"position":[[6617,6],[6831,7]]},"656":{"position":[[6675,6],[6906,7],[8927,6],[9231,7],[11400,6],[11704,7],[13830,6],[14134,7],[16249,6],[16553,7],[18654,6],[19005,7]]}}}],["mainlayour.razor",{"_index":3958,"t":{"630":{"position":[[11560,16]]},"648":{"position":[[5061,16]]}}}],["mainlayout.razor",{"_index":2200,"t":{"584":{"position":[[1002,16],[1071,16]]},"592":{"position":[[6268,16]]},"624":{"position":[[7461,17],[8988,16]]},"626":{"position":[[6937,17],[8453,16]]},"630":{"position":[[11484,16]]},"634":{"position":[[6401,17],[7876,16]]},"636":{"position":[[7492,17],[9099,16]]},"640":{"position":[[454,16]]},"642":{"position":[[6521,17],[8041,16]]},"644":{"position":[[6360,17],[7880,16]]},"646":{"position":[[459,16]]},"648":{"position":[[4985,16]]},"652":{"position":[[6426,17],[7737,16]]},"656":{"position":[[6446,16]]}}}],["major",{"_index":196,"t":{"10":{"position":[[131,5]]},"18":{"position":[[130,5]]},"42":{"position":[[108,5]]},"140":{"position":[[421,5]]},"160":{"position":[[1468,5]]},"180":{"position":[[158,5]]},"182":{"position":[[165,5]]},"190":{"position":[[165,5]]},"208":{"position":[[157,5]]},"218":{"position":[[152,5]]},"238":{"position":[[161,5]]},"368":{"position":[[450,5]]},"374":{"position":[[158,5]]},"478":{"position":[[152,5]]}}}],["make",{"_index":1169,"t":{"560":{"position":[[2470,4]]},"568":{"position":[[3829,4]]},"570":{"position":[[2942,4],[3704,4],[4175,4],[4539,4],[5531,4],[8497,4],[8789,4],[9077,4],[9363,4],[9651,4],[9933,4],[10217,4],[10499,4]]},"582":{"position":[[1596,6]]},"584":{"position":[[302,4]]},"606":{"position":[[270,5]]},"612":{"position":[[3815,4]]},"630":{"position":[[340,6]]},"654":{"position":[[18716,4]]},"660":{"position":[[9483,4]]}}}],["maker",{"_index":4380,"t":{"660":{"position":[[9087,7],[11432,7],[14063,7],[16580,7],[19254,7],[21751,7],[24153,7],[28231,7],[33230,7],[35595,7],[37960,7],[40234,7],[42492,7],[46260,7],[48856,7],[54510,7],[56972,7],[63314,7],[66535,7],[69618,7],[72995,7],[75878,7],[78853,7],[82150,7],[85496,7],[88262,7],[110341,7],[113967,7],[127733,7]]}}}],["malesuada",{"_index":1877,"t":{"576":{"position":[[8092,10],[9575,9],[9911,10],[9939,9],[10839,9],[11159,9],[12333,10],[13816,9],[14152,10],[14180,9],[15080,9],[15400,9],[16474,10],[17957,9],[18293,10],[18321,9],[19221,9],[19541,9]]}}}],["manag",{"_index":3698,"t":{"624":{"position":[[314,8]]},"626":{"position":[[314,8]]},"632":{"position":[[332,8]]},"634":{"position":[[372,8]]},"636":{"position":[[327,8],[2970,8]]},"638":{"position":[[332,8]]},"642":{"position":[[324,8]]},"644":{"position":[[324,8]]},"652":{"position":[[324,8]]}}}],["mandatori",{"_index":2661,"t":{"598":{"position":[[797,10]]},"618":{"position":[[11543,9]]},"620":{"position":[[2776,9]]},"622":{"position":[[17381,9]]}}}],["mani",{"_index":2845,"t":{"602":{"position":[[2251,4]]},"604":{"position":[[2367,4]]},"606":{"position":[[2115,4]]},"608":{"position":[[1950,4]]},"622":{"position":[[5476,4]]}}}],["manju",{"_index":3225,"t":{"612":{"position":[[3098,6],[4969,6],[7594,6]]}}}],["manner",{"_index":1363,"t":{"566":{"position":[[135,7]]}}}],["manual",{"_index":1046,"t":{"556":{"position":[[3163,8]]},"568":{"position":[[6466,8]]}}}],["march",{"_index":55,"t":{"2":{"position":[[948,5],[2057,5]]},"16":{"position":[[23,5]]},"68":{"position":[[24,5]]},"70":{"position":[[24,5]]},"118":{"position":[[24,5]]},"124":{"position":[[545,5]]},"130":{"position":[[990,5],[1899,5],[1940,5],[2376,5]]},"134":{"position":[[612,5]]},"136":{"position":[[2365,5],[2779,5]]},"150":{"position":[[70,5]]},"158":{"position":[[992,5]]},"214":{"position":[[2151,5],[2565,5]]},"230":{"position":[[1001,5]]},"232":{"position":[[2160,5],[2574,5]]},"240":{"position":[[468,5]]},"248":{"position":[[589,5]]},"254":{"position":[[72,5]]},"262":{"position":[[77,5],[491,5]]},"264":{"position":[[808,5],[1222,5]]},"270":{"position":[[2607,5]]},"272":{"position":[[1600,5],[2014,5]]},"284":{"position":[[508,5],[922,5]]},"292":{"position":[[72,5]]},"294":{"position":[[794,5]]},"298":{"position":[[78,5]]},"306":{"position":[[995,5]]},"308":{"position":[[365,5]]},"318":{"position":[[1601,5],[2015,5]]},"324":{"position":[[583,5]]},"326":{"position":[[2154,5],[2568,5]]},"328":{"position":[[421,5]]},"350":{"position":[[74,5]]},"352":{"position":[[71,5],[485,5]]},"354":{"position":[[802,5],[1216,5]]},"364":{"position":[[697,5]]},"370":{"position":[[1555,5]]},"384":{"position":[[2506,5],[2920,5]]},"390":{"position":[[72,5]]},"392":{"position":[[502,5],[916,5]]},"394":{"position":[[363,5]]},"398":{"position":[[464,5]]},"404":{"position":[[71,5]]},"412":{"position":[[422,5]]},"424":{"position":[[788,5]]},"426":{"position":[[72,5]]},"436":{"position":[[68,5]]},"452":{"position":[[67,5]]},"514":{"position":[[68,5]]},"524":{"position":[[68,5]]},"546":{"position":[[68,5]]},"602":{"position":[[11540,8],[14401,8]]},"604":{"position":[[5727,8]]},"606":{"position":[[8712,8]]}}}],["margin",{"_index":1027,"t":{"556":{"position":[[2078,6]]},"594":{"position":[[2760,7],[4803,6]]},"654":{"position":[[18754,6]]}}}],["mark",{"_index":694,"t":{"110":{"position":[[520,5]]},"616":{"position":[[523,6],[5452,6],[5471,5],[6272,5]]}}}],["markup",{"_index":3911,"t":{"630":{"position":[[1807,7]]}}}],["marvin",{"_index":2774,"t":{"600":{"position":[[13475,7],[14416,7],[15699,7]]}}}],["massa",{"_index":1875,"t":{"576":{"position":[[8076,5],[8627,6],[8835,5],[9302,5],[12317,5],[12868,6],[13076,5],[13543,5],[16458,5],[17009,6],[17217,5],[17684,5]]}}}],["match",{"_index":1119,"t":{"560":{"position":[[725,5]]},"570":{"position":[[5126,5]]},"592":{"position":[[1310,5],[1370,8]]},"612":{"position":[[3963,9]]},"616":{"position":[[4271,5]]},"656":{"position":[[1286,5],[1346,8]]},"660":{"position":[[11810,9]]}}}],["match=navlinkmatch.al",{"_index":3815,"t":{"624":{"position":[[8483,24]]},"626":{"position":[[7959,24]]},"634":{"position":[[7250,24]]},"636":{"position":[[8341,24]]},"640":{"position":[[1457,24]]},"642":{"position":[[7543,24]]},"644":{"position":[[7382,24]]},"646":{"position":[[1462,24]]},"652":{"position":[[7275,24]]}}}],["matti",{"_index":1908,"t":{"576":{"position":[[8511,7],[10934,6],[11053,6],[11152,6],[12752,7],[15175,6],[15294,6],[15393,6],[16893,7],[19316,6],[19435,6],[19534,6]]}}}],["maui",{"_index":654,"t":{"104":{"position":[[655,4]]},"624":{"position":[[8781,4]]},"632":{"position":[[16,4],[79,4]]},"636":{"position":[[8769,4]]},"638":{"position":[[16,4],[79,4]]},"642":{"position":[[7808,4]]},"644":{"position":[[7647,4]]}}}],["mauiprogram.c",{"_index":3967,"t":{"632":{"position":[[2449,14]]},"638":{"position":[[2449,14]]}}}],["mauri",{"_index":1835,"t":{"576":{"position":[[7679,7],[7859,6],[10096,6],[10296,6],[11116,6],[11192,6],[11920,7],[12100,6],[14337,6],[14537,6],[15357,6],[15433,6],[16061,7],[16241,6],[18478,6],[18678,6],[19498,6],[19574,6]]}}}],["max",{"_index":342,"t":{"42":{"position":[[307,3]]},"68":{"position":[[236,3]]},"70":{"position":[[268,3]]},"110":{"position":[[506,3]]},"614":{"position":[[614,3],[679,3],[725,3],[753,4],[758,3],[3077,4],[3126,3],[3188,3],[3320,3],[3470,3],[3507,3],[4953,3],[5418,4],[5456,4],[13015,3]]},"616":{"position":[[257,3],[3335,4],[3356,3],[3418,3],[3703,3],[3898,3],[6243,3]]},"618":{"position":[[575,3],[640,3],[740,3],[768,4],[773,3],[3546,4],[3595,3],[3657,3],[3791,3],[3941,3],[3978,3],[11774,3]]},"622":{"position":[[655,3],[720,3],[912,3],[940,4],[945,3],[7451,4],[7500,3],[7562,3],[7698,3],[7848,3],[7885,3],[17791,3]]},"628":{"position":[[618,3],[683,3],[729,3],[757,4],[762,3],[2249,4],[2298,3],[2360,3],[2492,3],[2642,3],[2679,3],[12178,3]]}}}],["max1",{"_index":3392,"t":{"614":{"position":[[5015,5],[5245,4]]},"628":{"position":[[3332,5],[3497,4]]}}}],["max1</div",{"_index":3376,"t":{"614":{"position":[[3787,11]]},"628":{"position":[[2934,11]]}}}],["max2",{"_index":3394,"t":{"614":{"position":[[5052,5],[5329,4]]},"628":{"position":[[3369,5],[3590,4]]}}}],["max2</div",{"_index":3380,"t":{"614":{"position":[[4115,11]]},"628":{"position":[[3237,11]]}}}],["max3",{"_index":3396,"t":{"614":{"position":[[5088,5],[5411,4]]}}}],["max3</div",{"_index":3384,"t":{"614":{"position":[[4441,11]]}}}],["max4",{"_index":3398,"t":{"614":{"position":[[5125,5],[5449,4]]}}}],["max4</div",{"_index":3388,"t":{"614":{"position":[[4769,11]]}}}],["max=\"10",{"_index":3504,"t":{"616":{"position":[[4001,8]]}}}],["max=\"100",{"_index":3480,"t":{"616":{"position":[[1075,9],[1206,9],[1410,9],[1615,9],[1821,9],[2236,9],[2967,9],[4410,9],[4614,9],[4828,9],[5044,9],[5344,9],[5635,9]]}}}],["max=\"500",{"_index":3559,"t":{"618":{"position":[[4131,9]]},"622":{"position":[[8066,9]]}}}],["max=\"@max1",{"_index":3372,"t":{"614":{"position":[[3672,11]]},"628":{"position":[[2844,11]]}}}],["max=\"@max2",{"_index":3378,"t":{"614":{"position":[[4000,11]]},"628":{"position":[[3147,11]]}}}],["max=\"@max3",{"_index":3382,"t":{"614":{"position":[[4326,11]]}}}],["max=\"@max4",{"_index":3386,"t":{"614":{"position":[[4654,11]]}}}],["max=\"arrivalmaxtim",{"_index":3883,"t":{"628":{"position":[[10240,20]]}}}],["max=\"coursemaxd",{"_index":3446,"t":{"614":{"position":[[11000,19]]}}}],["maximu",{"_index":1845,"t":{"576":{"position":[[7788,7],[10203,7],[10647,8],[12029,7],[14444,7],[14888,8],[16170,7],[18585,7],[19029,8]]}}}],["maximum",{"_index":2144,"t":{"582":{"position":[[412,7]]},"602":{"position":[[4726,7]]},"616":{"position":[[285,7],[3482,7],[3857,7]]},"622":{"position":[[1025,7]]},"630":{"position":[[1082,7],[9828,7],[9977,7],[10111,7]]},"642":{"position":[[3736,7]]},"644":{"position":[[3736,7]]}}}],["maximumfractiondigit",{"_index":3641,"t":{"622":{"position":[[988,21],[5054,21]]}}}],["mb",{"_index":3292,"t":{"612":{"position":[[8498,2],[8952,2],[10577,2],[12115,2]]},"614":{"position":[[7434,2],[7726,2],[10040,2],[10349,2],[10748,2]]},"616":{"position":[[1144,2],[1347,2],[1551,2],[1756,2],[3937,2],[4348,2],[4551,2],[4764,2],[4979,2],[5542,2]]},"618":{"position":[[8254,2],[8637,2],[9003,2],[11090,2]]},"622":{"position":[[11490,2],[11916,2],[12325,2],[16926,2]]},"628":{"position":[[5560,2],[5897,2],[6222,2],[6526,2],[6845,2],[9580,2],[9981,2]]},"654":{"position":[[4096,2],[6288,2],[8868,2],[9757,2]]}}}],["md",{"_index":1455,"t":{"568":{"position":[[5907,2],[6226,2],[6250,2]]},"574":{"position":[[3332,2],[3389,2],[3460,2],[3516,2],[3595,2],[3650,2]]},"576":{"position":[[4153,2],[4210,2],[4281,2],[4337,2],[4416,2],[4471,2],[6109,2],[6166,2],[6237,2],[6293,2],[6372,2],[6427,2]]},"578":{"position":[[4917,2],[4974,2],[5045,2],[5101,2],[5180,2],[5235,2],[6805,2],[6862,2],[6933,2],[6989,2],[7068,2],[7123,2],[12744,3]]},"612":{"position":[[2180,2],[4007,2],[5638,2],[6607,2],[8538,2],[8593,2],[8988,2],[9042,2],[9242,2],[10600,2],[12138,2]]},"614":{"position":[[7459,2],[7553,2],[7751,2],[7846,2],[8064,2],[10065,2],[10158,2],[10374,2],[10466,2],[10773,2],[10863,2],[11149,2]]},"618":{"position":[[8279,2],[8371,2],[8662,2],[8722,2],[9028,2],[9122,2],[9333,2],[11115,2],[11207,2]]},"622":{"position":[[11515,2],[11607,2],[11941,2],[12001,2],[12350,2],[12444,2],[12698,2],[16951,2],[17043,2]]},"628":{"position":[[5585,2],[5680,2],[5922,2],[6018,2],[6247,2],[6343,2],[6551,2],[6645,2],[6870,2],[6964,2],[7150,2],[9605,2],[9701,2],[10006,2],[10100,2],[10388,2]]},"654":{"position":[[20215,2]]}}}],["md</button",{"_index":2086,"t":{"578":{"position":[[13536,11]]}}}],["mdmodal",{"_index":2093,"t":{"578":{"position":[[13928,8]]}}}],["mdmodal?.showasync()\">ful",{"_index":2085,"t":{"578":{"position":[[13496,26]]}}}],["mean",{"_index":1156,"t":{"560":{"position":[[2000,7],[2053,7],[2331,6]]},"566":{"position":[[2902,7],[2963,7],[3241,6],[3390,7],[3451,7],[3729,6],[3879,7],[3940,7],[4218,6],[4365,7],[4426,7],[4704,6],[4850,7],[4911,7],[5189,6],[5360,7],[5421,7],[5699,6],[5867,7],[5928,7],[6206,6],[6375,7],[6436,7],[6714,6],[6880,7],[6941,7],[7219,6],[7384,7],[7445,7],[7723,6]]},"574":{"position":[[5953,5]]},"578":{"position":[[8771,5]]},"594":{"position":[[906,5]]},"622":{"position":[[5508,5]]}}}],["measur",{"_index":2359,"t":{"590":{"position":[[447,8],[3341,8]]},"602":{"position":[[575,8],[714,8]]},"604":{"position":[[430,8],[569,8]]},"606":{"position":[[526,8],[665,8]]},"608":{"position":[[371,8],[510,8]]},"660":{"position":[[24615,8]]}}}],["media",{"_index":1631,"t":{"572":{"position":[[1491,5]]}}}],["medium",{"_index":3525,"t":{"616":{"position":[[5980,9]]}}}],["member",{"_index":2829,"t":{"602":{"position":[[1507,8],[1724,8],[5281,8],[5473,8],[17372,7],[17397,7],[17432,7],[17457,7]]},"604":{"position":[[1362,8],[1578,8],[3316,8],[3509,8],[17083,7],[17107,7],[17141,7],[17165,7]]},"606":{"position":[[1458,8],[1679,8],[2930,8],[3136,8],[15397,7],[15426,7],[15465,7],[15494,7]]},"608":{"position":[[1303,8],[1519,8],[2663,8],[2864,8],[14925,7],[14949,7],[14983,7],[15007,7]]},"648":{"position":[[307,8],[5874,7]]}}}],["memori",{"_index":4505,"t":{"660":{"position":[[50724,6]]}}}],["mention",{"_index":4201,"t":{"656":{"position":[[18466,9]]}}}],["menu",{"_index":618,"t":{"100":{"position":[[367,4]]},"578":{"position":[[3026,4]]},"654":{"position":[[786,5],[1927,4],[2870,4],[2951,4],[3036,4],[16321,4],[16746,4],[17099,4],[17179,5],[17647,4],[18223,4],[18335,4],[18707,5],[18740,5],[25882,4],[25896,4]]}}}],["menu.</p",{"_index":4154,"t":{"654":{"position":[[18563,9]]}}}],["merlin",{"_index":4390,"t":{"660":{"position":[[13658,9],[18849,9],[48451,9],[54105,9],[62909,9],[66130,9],[69213,9],[72590,9],[85091,9],[87857,9],[109936,9],[127328,9]]}}}],["messag",{"_index":961,"t":{"556":{"position":[[73,8],[173,9],[1879,8]]},"562":{"position":[[22651,8],[22870,8],[23090,8],[23311,8]]},"568":{"position":[[9485,11],[9544,7],[9560,9],[9624,8],[9664,12]]},"572":{"position":[[4402,9],[4488,8],[5204,8]]},"576":{"position":[[3838,8],[5012,8],[5038,7],[5508,8],[5588,8],[5982,7]]},"578":{"position":[[1304,7],[1341,8],[4611,8],[5781,8],[5807,7],[6228,8],[6300,8],[6685,7]]},"588":{"position":[[1195,7],[1229,8],[1466,8],[1506,7],[1598,7]]},"612":{"position":[[8334,7]]},"614":{"position":[[7271,7],[9868,7],[12391,8]]},"618":{"position":[[8091,7]]},"622":{"position":[[11327,7]]},"628":{"position":[[5388,7],[7840,8],[9408,7],[11664,8]]},"630":{"position":[[156,8],[800,8],[859,9],[1239,8],[1468,7],[1506,8],[1563,7],[2773,8],[3063,7],[3105,8],[4317,8],[4549,7],[4598,8],[5755,8],[6045,7],[6087,8],[6181,9],[6268,7],[6481,9],[7345,8],[7748,8],[7832,9],[9432,8],[9650,7],[9692,8],[10130,8],[11025,8],[11315,7],[11357,8],[12343,8]]},"648":{"position":[[671,7],[709,8],[2025,7],[3208,7],[3984,7],[4381,7],[4814,7],[5496,7],[5709,7]]},"654":{"position":[[18996,7],[25189,8]]},"660":{"position":[[49358,8],[49387,7],[103522,7],[105973,7]]}}}],["message1",{"_index":1671,"t":{"574":{"position":[[242,9],[372,9],[1886,9],[4537,9],[5623,9],[7427,9]]}}}],["message2",{"_index":1674,"t":{"574":{"position":[[389,9],[1965,9]]}}}],["messages\">99+</badg",{"_index":1201,"t":{"560":{"position":[[4367,21],[4669,21],[4970,21],[5299,21],[5604,21],[5908,21],[6237,21],[6542,21],[6846,21]]}}}],["messages\"></badg",{"_index":1211,"t":{"560":{"position":[[7262,18]]}}}],["messages.add",{"_index":3955,"t":{"630":{"position":[[9531,13]]}}}],["messages.add($\"ev",{"_index":1660,"t":{"572":{"position":[[4774,21],[4884,21],[4993,21],[5103,21]]}}}],["messages.add(createtoastmessage(toasttyp",{"_index":3922,"t":{"630":{"position":[[2859,44],[4403,44],[5841,44],[7431,44],[11111,44]]}}}],["messages.add(new(\"onhid",{"_index":4188,"t":{"654":{"position":[[25260,30]]}}}],["messages.add(new(\"onhidden",{"_index":4190,"t":{"654":{"position":[[25331,30]]}}}],["messages.add(new(\"onshow",{"_index":4192,"t":{"654":{"position":[[25403,31]]}}}],["messages.add(new(\"onshown",{"_index":4194,"t":{"654":{"position":[[25474,29]]}}}],["messages.ani",{"_index":3954,"t":{"630":{"position":[[9511,17]]}}}],["messages</button",{"_index":1650,"t":{"572":{"position":[[3976,17]]}}}],["messages=\"messag",{"_index":3912,"t":{"630":{"position":[[1952,19],[3395,19],[4905,19],[6511,19],[8213,19],[10172,19]]}}}],["met",{"_index":4639,"t":{"660":{"position":[[108268,5],[108346,5]]}}}],["meta",{"_index":3753,"t":{"624":{"position":[[3748,5],[3773,5]]},"626":{"position":[[3927,5],[3952,5]]},"634":{"position":[[3138,5],[3163,5]]},"636":{"position":[[3403,5],[3428,5]]},"642":{"position":[[3641,5],[3666,5]]},"644":{"position":[[3641,5],[3666,5]]},"652":{"position":[[3114,5],[3139,5]]}}}],["method",{"_index":429,"t":{"62":{"position":[[285,6]]},"64":{"position":[[226,6]]},"78":{"position":[[266,6]]},"80":{"position":[[488,7],[635,7],[778,7],[923,7],[1062,7],[1205,7]]},"86":{"position":[[405,6]]},"100":{"position":[[682,7],[748,7],[810,7],[871,7]]},"102":{"position":[[261,6],[305,6],[345,6],[384,6]]},"112":{"position":[[232,7],[297,7]]},"556":{"position":[[485,8],[685,6],[4043,7]]},"562":{"position":[[546,8],[1604,6],[1687,6],[11660,7],[11832,7],[18154,7],[18193,6],[23510,7]]},"568":{"position":[[1579,8],[7420,7],[9775,7]]},"572":{"position":[[506,8],[805,6],[1021,6],[1298,7],[5299,7]]},"574":{"position":[[159,8],[8934,7]]},"576":{"position":[[1330,8],[1339,6],[1705,7],[1737,7],[1884,6],[2039,6],[2245,6],[4963,6],[5100,7],[5297,7],[6594,6],[21393,7]]},"578":{"position":[[1784,8],[2009,7],[2041,7],[2188,6],[2343,6],[2549,6],[5732,6],[5869,7],[6066,7],[7290,6],[15308,7]]},"584":{"position":[[645,8],[1203,7],[2314,7],[3772,7]]},"586":{"position":[[2319,8],[9938,7]]},"590":{"position":[[876,8],[2119,7],[2290,7],[3736,6],[4586,7],[8385,7]]},"592":{"position":[[703,8],[15298,7]]},"596":{"position":[[1916,8],[1945,7],[13910,7]]},"600":{"position":[[425,8],[9365,7],[11842,8],[16181,7],[16390,8]]},"602":{"position":[[729,8],[17354,7]]},"604":{"position":[[584,8],[17065,7]]},"606":{"position":[[680,8],[15379,7]]},"608":{"position":[[525,8],[14907,7]]},"612":{"position":[[1154,8],[11973,7],[12090,8],[13476,7]]},"614":{"position":[[1116,8],[6199,7],[6313,8],[12951,7]]},"616":{"position":[[600,8],[2708,7],[2825,8],[6170,7]]},"618":{"position":[[1121,8],[7036,7],[7152,8],[11710,7]]},"620":{"position":[[458,8],[1651,7],[1762,8],[2958,7]]},"622":{"position":[[1633,8],[10253,7],[10371,8],[17550,7]]},"628":{"position":[[1060,8],[4340,7],[4454,8],[12114,7]]},"630":{"position":[[11801,6]]},"648":{"position":[[229,8],[5183,6],[5216,6],[5854,7]]},"654":{"position":[[2801,8],[3263,6],[3492,6],[23722,8],[25741,7],[25956,7]]},"656":{"position":[[730,8],[8722,6],[24112,7]]},"660":{"position":[[3701,8],[40533,6],[133376,7]]}}}],["method'",{"_index":1802,"t":{"576":{"position":[[5182,8]]},"578":{"position":[[5951,8]]}}}],["metu",{"_index":1891,"t":{"576":{"position":[[8247,6],[8266,5],[8382,5],[8431,6],[10397,5],[12488,6],[12507,5],[12623,5],[12672,6],[14638,5],[16629,6],[16648,5],[16764,5],[16813,6],[18779,5]]}}}],["mi",{"_index":1883,"t":{"576":{"position":[[8139,3],[12380,3],[16521,3]]}}}],["microsoft.aspnetcore.author",{"_index":3798,"t":{"624":{"position":[[7066,34]]},"626":{"position":[[6542,34]]}}}],["microsoft.aspnetcore.compon",{"_index":3776,"t":{"624":{"position":[[6239,32]]},"626":{"position":[[5715,32]]}}}],["microsoft.aspnetcore.components.author",{"_index":3799,"t":{"624":{"position":[[7108,45]]},"626":{"position":[[6584,45]]}}}],["microsoft.aspnetcore.components.form",{"_index":3800,"t":{"624":{"position":[[7161,37]]},"626":{"position":[[6637,37]]},"634":{"position":[[6010,37]]},"636":{"position":[[6457,37],[7158,37]]},"642":{"position":[[6155,37]]},"644":{"position":[[5994,37]]},"652":{"position":[[6040,37]]}}}],["microsoft.aspnetcore.components.rout",{"_index":3801,"t":{"624":{"position":[[7206,39]]},"626":{"position":[[6682,39]]},"634":{"position":[[6055,39]]},"636":{"position":[[6502,39],[7203,39]]},"642":{"position":[[6200,39]]},"644":{"position":[[6039,39]]},"652":{"position":[[6085,39]]}}}],["microsoft.aspnetcore.components.web",{"_index":3746,"t":{"624":{"position":[[3581,35],[6278,36],[7253,35]]},"626":{"position":[[3760,35],[5754,36],[6729,35]]},"634":{"position":[[6102,35]]},"636":{"position":[[6549,35],[7250,35]]},"642":{"position":[[5612,36],[6247,35]]},"644":{"position":[[5411,36],[6086,35]]},"652":{"position":[[5487,36],[6132,35]]}}}],["microsoft.aspnetcore.components.web.rendermod",{"_index":3989,"t":{"634":{"position":[[6152,46]]},"636":{"position":[[6599,46],[7300,46]]}}}],["microsoft.aspnetcore.components.web.virtu",{"_index":3802,"t":{"624":{"position":[[7296,50]]},"626":{"position":[[6772,50]]},"634":{"position":[[6206,50]]},"636":{"position":[[6653,50],[7354,50]]},"642":{"position":[[6290,50]]},"644":{"position":[[6129,50]]},"652":{"position":[[6175,50]]}}}],["microsoft.aspnetcore.components.webassembly.host",{"_index":4003,"t":{"636":{"position":[[6900,52]]},"642":{"position":[[5655,52]]},"644":{"position":[[5454,52]]},"652":{"position":[[5530,52]]}}}],["microsoft.aspnetcore.components.webassembly.http",{"_index":4027,"t":{"642":{"position":[[6348,48]]},"644":{"position":[[6187,48]]},"652":{"position":[[6233,48]]}}}],["microsoft.aspnetcore.mvc.taghelp",{"_index":3750,"t":{"624":{"position":[[3672,35]]},"626":{"position":[[3851,35]]}}}],["microsoft.jsinterop",{"_index":3803,"t":{"624":{"position":[[7354,19]]},"626":{"position":[[6830,19]]},"634":{"position":[[6264,19]]},"636":{"position":[[6711,19],[7412,19]]},"642":{"position":[[6404,19]]},"644":{"position":[[6243,19]]},"652":{"position":[[6289,19]]}}}],["migrat",{"_index":74,"t":{"2":{"position":[[1648,7]]},"124":{"position":[[136,7]]}}}],["millisecond",{"_index":3900,"t":{"630":{"position":[[756,12],[4785,13],[6319,13]]}}}],["mimic",{"_index":2032,"t":{"578":{"position":[[7861,5]]},"630":{"position":[[221,5]]}}}],["min",{"_index":9,"t":{"2":{"position":[[51,3],[398,3],[676,3],[969,3],[1286,3],[1554,3],[2792,3],[3177,3],[3392,3],[3677,3]]},"4":{"position":[[47,3]]},"6":{"position":[[46,3]]},"8":{"position":[[47,3]]},"10":{"position":[[47,3]]},"12":{"position":[[47,3]]},"14":{"position":[[47,3]]},"16":{"position":[[44,3]]},"18":{"position":[[46,3]]},"20":{"position":[[44,3]]},"22":{"position":[[47,3]]},"24":{"position":[[43,3]]},"26":{"position":[[45,3]]},"28":{"position":[[43,3]]},"30":{"position":[[47,3]]},"32":{"position":[[45,3]]},"34":{"position":[[48,3]]},"36":{"position":[[48,3]]},"38":{"position":[[46,3]]},"40":{"position":[[47,3]]},"42":{"position":[[48,3],[299,3]]},"44":{"position":[[47,3]]},"46":{"position":[[48,3]]},"48":{"position":[[48,3]]},"50":{"position":[[48,3]]},"52":{"position":[[48,3]]},"54":{"position":[[48,3]]},"56":{"position":[[47,3]]},"58":{"position":[[47,3]]},"60":{"position":[[47,3]]},"62":{"position":[[48,3]]},"64":{"position":[[47,3]]},"66":{"position":[[48,3]]},"68":{"position":[[45,3],[244,3]]},"70":{"position":[[44,3],[276,3]]},"72":{"position":[[45,3]]},"74":{"position":[[45,3]]},"76":{"position":[[45,3]]},"78":{"position":[[45,3]]},"80":{"position":[[41,3]]},"82":{"position":[[43,3]]},"84":{"position":[[44,3]]},"86":{"position":[[44,3]]},"88":{"position":[[44,3]]},"90":{"position":[[43,3]]},"92":{"position":[[43,3]]},"94":{"position":[[43,3]]},"96":{"position":[[43,3]]},"98":{"position":[[44,3]]},"100":{"position":[[45,3]]},"102":{"position":[[47,3]]},"104":{"position":[[50,3]]},"106":{"position":[[48,3]]},"108":{"position":[[49,3]]},"110":{"position":[[46,3],[498,3]]},"112":{"position":[[47,3]]},"114":{"position":[[48,3]]},"116":{"position":[[48,3]]},"118":{"position":[[45,3]]},"120":{"position":[[45,3]]},"122":{"position":[[45,3]]},"124":{"position":[[42,3]]},"126":{"position":[[48,3],[332,3],[761,3],[1007,3],[1299,3],[1584,3],[1836,3],[2055,3],[2275,3],[2582,3]]},"128":{"position":[[51,3]]},"132":{"position":[[48,3],[296,3],[545,3],[794,3],[1243,3],[1553,3],[1822,3],[2111,3],[2370,3],[2699,3]]},"134":{"position":[[43,3],[240,3],[435,3],[633,3],[834,3],[1064,3],[1266,3],[1495,3],[1665,3],[1900,3]]},"136":{"position":[[44,3],[302,3],[601,3],[853,3],[1289,3],[1534,3],[1782,3],[2052,3],[2386,3],[2799,3]]},"138":{"position":[[47,3],[241,3]]},"140":{"position":[[48,3],[361,3],[701,3],[1016,3],[1278,3],[1549,3],[1823,3],[2021,3],[2225,3],[2429,3]]},"144":{"position":[[90,3]]},"146":{"position":[[95,3],[482,3],[905,3],[1341,3],[1613,3],[2063,3],[2352,3],[2626,3],[2824,3]]},"148":{"position":[[97,3],[446,3],[727,3]]},"150":{"position":[[91,3]]},"152":{"position":[[88,3],[470,3]]},"154":{"position":[[104,3]]},"156":{"position":[[100,3]]},"158":{"position":[[95,3],[442,3],[720,3],[1013,3],[1330,3],[1602,3],[1987,3],[2202,3],[2487,3],[2761,3]]},"160":{"position":[[101,3],[360,3],[689,3],[1095,3],[1408,3]]},"162":{"position":[[97,3]]},"164":{"position":[[107,3]]},"166":{"position":[[106,3],[512,3]]},"168":{"position":[[98,3],[504,3]]},"170":{"position":[[96,3],[345,3],[594,3]]},"172":{"position":[[105,3]]},"174":{"position":[[106,3]]},"176":{"position":[[103,3]]},"178":{"position":[[104,3]]},"180":{"position":[[98,3]]},"182":{"position":[[105,3]]},"184":{"position":[[101,3]]},"186":{"position":[[102,3]]},"188":{"position":[[99,3]]},"190":{"position":[[105,3]]},"192":{"position":[[100,3]]},"194":{"position":[[99,3],[505,3]]},"196":{"position":[[100,3]]},"198":{"position":[[104,3]]},"200":{"position":[[102,3]]},"202":{"position":[[99,3],[505,3]]},"204":{"position":[[109,3]]},"206":{"position":[[101,3]]},"208":{"position":[[97,3]]},"210":{"position":[[98,3],[345,3]]},"212":{"position":[[94,3],[523,3],[769,3],[1061,3],[1346,3],[1598,3],[1817,3],[2037,3],[2344,3],[2682,3]]},"214":{"position":[[88,3],[387,3],[639,3],[1075,3],[1320,3],[1568,3],[1838,3],[2172,3],[2585,3],[2932,3]]},"216":{"position":[[98,3]]},"218":{"position":[[92,3]]},"220":{"position":[[92,3],[341,3],[590,3],[1039,3],[1349,3],[1618,3],[1907,3],[2166,3],[2495,3],[2901,3]]},"222":{"position":[[105,3],[528,3],[964,3],[1237,3]]},"224":{"position":[[98,3]]},"226":{"position":[[118,3]]},"228":{"position":[[94,3]]},"230":{"position":[[104,3],[451,3],[729,3],[1022,3],[1339,3],[1611,3],[1996,3],[2211,3],[2496,3],[2770,3]]},"232":{"position":[[97,3],[396,3],[648,3],[1084,3],[1329,3],[1577,3],[1847,3],[2181,3],[2594,3],[2941,3]]},"234":{"position":[[103,3],[532,3],[778,3],[1070,3],[1355,3],[1607,3],[1826,3],[2046,3],[2353,3],[2691,3]]},"236":{"position":[[101,3],[350,3],[599,3],[1048,3],[1358,3],[1627,3],[1916,3],[2175,3],[2504,3],[2910,3]]},"238":{"position":[[101,3],[441,3],[756,3],[1018,3],[1289,3],[1563,3],[1761,3],[1965,3],[2169,3],[2353,3]]},"240":{"position":[[96,3],[291,3],[489,3],[690,3],[920,3],[1122,3],[1351,3],[1521,3],[1756,3],[1947,3]]},"242":{"position":[[100,3]]},"244":{"position":[[97,3]]},"246":{"position":[[93,3],[394,3]]},"248":{"position":[[95,3],[340,3],[609,3]]},"250":{"position":[[99,3]]},"252":{"position":[[97,3]]},"254":{"position":[[93,3]]},"256":{"position":[[97,3],[533,3],[784,3]]},"258":{"position":[[107,3]]},"260":{"position":[[103,3]]},"262":{"position":[[98,3],[511,3]]},"264":{"position":[[96,3],[393,3],[829,3],[1242,3]]},"266":{"position":[[97,3]]},"268":{"position":[[100,3]]},"270":{"position":[[95,3],[341,3],[633,3],[918,3],[1138,3],[1396,3],[1695,3],[1947,3],[2383,3],[2628,3]]},"272":{"position":[[98,3],[524,3],[809,3],[1061,3],[1282,3],[1621,3],[2034,3],[2380,3]]},"274":{"position":[[95,3],[373,3]]},"276":{"position":[[96,3],[345,3],[594,3]]},"278":{"position":[[98,3],[351,3]]},"280":{"position":[[98,3]]},"282":{"position":[[96,3]]},"284":{"position":[[93,3],[529,3],[942,3]]},"286":{"position":[[96,3]]},"288":{"position":[[100,3],[529,3]]},"290":{"position":[[92,3]]},"292":{"position":[[93,3]]},"294":{"position":[[96,3],[379,3],[815,3]]},"296":{"position":[[90,3],[529,3]]},"298":{"position":[[99,3]]},"300":{"position":[[92,3]]},"302":{"position":[[93,3],[435,3]]},"304":{"position":[[100,3],[525,3]]},"306":{"position":[[98,3],[445,3],[723,3],[1016,3],[1333,3],[1605,3],[1990,3],[2205,3],[2490,3],[2764,3]]},"308":{"position":[[93,3],[386,3],[703,3],[975,3],[1360,3],[1575,3],[1860,3],[2134,3],[2418,3],[2847,3]]},"310":{"position":[[95,3],[544,3]]},"312":{"position":[[93,3],[385,3],[670,3],[922,3],[1141,3],[1361,3],[1668,3],[2006,3],[2264,3],[2563,3]]},"314":{"position":[[95,3],[344,3],[593,3],[1042,3]]},"316":{"position":[[97,3],[526,3],[772,3],[1064,3],[1349,3],[1601,3],[1820,3],[2040,3],[2347,3],[2685,3]]},"318":{"position":[[89,3],[525,3],[770,3],[1018,3],[1288,3],[1622,3],[2035,3],[2382,3],[2630,3],[2879,3]]},"320":{"position":[[91,3]]},"322":{"position":[[98,3]]},"324":{"position":[[89,3],[334,3],[603,3]]},"326":{"position":[[91,3],[390,3],[642,3],[1078,3],[1323,3],[1571,3],[1841,3],[2175,3],[2588,3],[2935,3]]},"328":{"position":[[95,3],[442,3],[759,3],[1033,3]]},"330":{"position":[[94,3],[444,3],[714,3],[1015,3],[1349,3]]},"332":{"position":[[99,3]]},"334":{"position":[[93,3]]},"336":{"position":[[90,3],[375,3]]},"338":{"position":[[95,3]]},"340":{"position":[[91,3]]},"342":{"position":[[97,3]]},"344":{"position":[[91,3]]},"346":{"position":[[95,3],[373,3],[671,3]]},"348":{"position":[[86,3]]},"350":{"position":[[95,3],[405,3],[841,3]]},"352":{"position":[[92,3],[505,3]]},"354":{"position":[[90,3],[387,3],[823,3],[1236,3]]},"356":{"position":[[91,3]]},"358":{"position":[[96,3],[446,3]]},"360":{"position":[[87,3],[471,3],[756,3],[1030,3],[1314,3],[1744,3],[1942,3]]},"362":{"position":[[88,3]]},"364":{"position":[[93,3],[440,3],[718,3],[1033,3],[1417,3],[1702,3],[1975,3],[2221,3],[2513,3],[2798,3]]},"366":{"position":[[89,3],[367,3]]},"368":{"position":[[86,3],[390,3]]},"370":{"position":[[86,3],[344,3],[643,3],[895,3],[1331,3],[1576,3],[1993,3],[2242,3],[2492,3],[2688,3]]},"372":{"position":[[90,3]]},"374":{"position":[[98,3]]},"376":{"position":[[93,3]]},"378":{"position":[[91,3]]},"380":{"position":[[99,3],[524,3],[777,3]]},"382":{"position":[[90,3],[396,3],[596,3]]},"384":{"position":[[94,3],[443,3],[728,3],[1004,3],[1430,3],[1715,3],[1967,3],[2188,3],[2527,3],[2940,3]]},"386":{"position":[[95,3]]},"388":{"position":[[94,3]]},"390":{"position":[[93,3],[403,3]]},"392":{"position":[[87,3],[523,3],[936,3],[1278,3],[1478,3]]},"394":{"position":[[91,3],[384,3],[699,3],[1084,3]]},"396":{"position":[[89,3],[350,3]]},"398":{"position":[[92,3],[287,3],[485,3]]},"400":{"position":[[94,3]]},"402":{"position":[[97,3]]},"404":{"position":[[92,3],[407,3]]},"406":{"position":[[94,3],[441,3]]},"408":{"position":[[96,3]]},"410":{"position":[[95,3],[447,3],[876,3]]},"412":{"position":[[96,3],[443,3]]},"414":{"position":[[95,3]]},"416":{"position":[[92,3],[359,3]]},"418":{"position":[[86,3],[380,3],[761,3]]},"420":{"position":[[92,3]]},"422":{"position":[[93,3]]},"424":{"position":[[90,3],[373,3],[809,3]]},"426":{"position":[[93,3]]},"428":{"position":[[89,3],[368,3]]},"430":{"position":[[87,3],[429,3],[676,3],[991,3]]},"432":{"position":[[93,3]]},"434":{"position":[[91,3]]},"436":{"position":[[89,3],[408,3],[833,3]]},"438":{"position":[[91,3]]},"440":{"position":[[91,3]]},"442":{"position":[[90,3]]},"444":{"position":[[91,3]]},"446":{"position":[[91,3]]},"448":{"position":[[91,3]]},"450":{"position":[[90,3]]},"452":{"position":[[88,3]]},"454":{"position":[[88,3]]},"456":{"position":[[87,3]]},"458":{"position":[[87,3]]},"460":{"position":[[89,3]]},"462":{"position":[[89,3]]},"464":{"position":[[91,3]]},"466":{"position":[[92,3]]},"468":{"position":[[92,3]]},"470":{"position":[[90,3]]},"472":{"position":[[91,3]]},"474":{"position":[[92,3]]},"476":{"position":[[91,3]]},"478":{"position":[[92,3]]},"480":{"position":[[90,3]]},"482":{"position":[[92,3]]},"484":{"position":[[95,3]]},"486":{"position":[[93,3]]},"488":{"position":[[92,3]]},"490":{"position":[[94,3]]},"492":{"position":[[91,3]]},"494":{"position":[[93,3]]},"496":{"position":[[92,3]]},"498":{"position":[[92,3]]},"500":{"position":[[91,3]]},"502":{"position":[[91,3]]},"504":{"position":[[91,3]]},"506":{"position":[[92,3]]},"508":{"position":[[91,3]]},"510":{"position":[[92,3]]},"512":{"position":[[92,3]]},"514":{"position":[[88,3]]},"516":{"position":[[89,3]]},"518":{"position":[[89,3]]},"520":{"position":[[89,3]]},"522":{"position":[[85,3]]},"524":{"position":[[89,3]]},"526":{"position":[[89,3]]},"528":{"position":[[88,3]]},"530":{"position":[[88,3]]},"532":{"position":[[87,3]]},"534":{"position":[[88,3]]},"536":{"position":[[87,3]]},"538":{"position":[[87,3]]},"540":{"position":[[87,3]]},"542":{"position":[[87,3]]},"544":{"position":[[88,3]]},"546":{"position":[[89,3]]},"548":{"position":[[92,3]]},"550":{"position":[[89,3]]},"552":{"position":[[89,3]]},"554":{"position":[[95,3]]},"570":{"position":[[11176,4],[11503,4],[11925,4],[12471,4],[12819,4],[13262,4]]},"614":{"position":[[606,3],[671,3],[831,3],[859,4],[864,3],[3069,3],[3118,3],[3180,3],[3313,3],[3387,3],[3429,3],[4902,3],[5406,4],[5444,4],[13007,3]]},"616":{"position":[[326,3],[3327,3],[3348,3],[3410,3],[3696,3],[3816,3],[3991,5],[6235,3]]},"618":{"position":[[567,3],[632,3],[816,3],[844,4],[849,3],[3538,3],[3587,3],[3649,3],[3784,3],[3858,3],[3900,3],[11766,3]]},"622":{"position":[[647,3],[712,3],[1073,3],[1101,4],[1106,3],[7443,3],[7492,3],[7554,3],[7691,3],[7765,3],[7807,3],[17783,3]]},"628":{"position":[[610,3],[675,3],[805,3],[833,4],[838,3],[2241,3],[2290,3],[2352,3],[2485,3],[2559,3],[2601,3],[12170,3]]},"650":{"position":[[92,3]]}}}],["min1",{"_index":3391,"t":{"614":{"position":[[5009,5],[5210,4]]},"628":{"position":[[3326,5],[3458,4]]}}}],["min1</div",{"_index":3374,"t":{"614":{"position":[[3747,11]]},"628":{"position":[[2894,11]]}}}],["min2",{"_index":3393,"t":{"614":{"position":[[5046,5],[5294,4]]},"628":{"position":[[3363,5],[3551,4]]}}}],["min2</div",{"_index":3379,"t":{"614":{"position":[[4075,11]]},"628":{"position":[[3197,11]]}}}],["min3",{"_index":3395,"t":{"614":{"position":[[5082,5],[5399,4]]}}}],["min3</div",{"_index":3383,"t":{"614":{"position":[[4401,11]]}}}],["min4",{"_index":3397,"t":{"614":{"position":[[5119,5],[5437,4]]}}}],["min4</div",{"_index":3387,"t":{"614":{"position":[[4729,11]]}}}],["min=\"0",{"_index":3479,"t":{"616":{"position":[[1067,7],[1198,7],[1402,7],[1607,7],[1813,7],[2228,7],[2959,7],[4402,7],[4606,7],[4820,7],[5036,7],[5336,7],[5627,7]]}}}],["min=\"10",{"_index":3558,"t":{"618":{"position":[[4122,8]]},"622":{"position":[[8057,8]]}}}],["min=\"@min1",{"_index":3371,"t":{"614":{"position":[[3660,11]]},"628":{"position":[[2832,11]]}}}],["min=\"@min2",{"_index":3377,"t":{"614":{"position":[[3988,11]]},"628":{"position":[[3135,11]]}}}],["min=\"@min3",{"_index":3381,"t":{"614":{"position":[[4314,11]]}}}],["min=\"@min4",{"_index":3385,"t":{"614":{"position":[[4642,11]]}}}],["min=\"arrivalmintim",{"_index":3882,"t":{"628":{"position":[[10219,20]]}}}],["min=\"coursemind",{"_index":3445,"t":{"614":{"position":[[10980,19]]}}}],["minder",{"_index":4626,"t":{"660":{"position":[[107833,7]]}}}],["minimum",{"_index":2044,"t":{"578":{"position":[[9032,7],[10789,7]]},"616":{"position":[[354,7],[3445,7],[3770,7]]},"622":{"position":[[1186,7],[1266,7],[4989,7]]},"630":{"position":[[1820,8]]},"660":{"position":[[110629,7]]}}}],["minimumfractiondigit",{"_index":3645,"t":{"622":{"position":[[1149,21],[5028,21]]}}}],["minimumfractiondigits=\"4",{"_index":3682,"t":{"622":{"position":[[5239,25]]}}}],["minimumintegerdigit",{"_index":3646,"t":{"622":{"position":[[1234,20]]}}}],["minimumintegerdigits=\"3",{"_index":3681,"t":{"622":{"position":[[5214,24]]}}}],["minor",{"_index":233,"t":{"14":{"position":[[102,5]]},"16":{"position":[[131,5]]},"20":{"position":[[131,5]]},"22":{"position":[[114,5],[164,5]]},"134":{"position":[[522,5],[720,5],[901,5],[1321,5]]},"144":{"position":[[145,5]]},"240":{"position":[[378,5],[576,5],[757,5],[1177,5]]},"332":{"position":[[166,5]]},"372":{"position":[[157,5]]},"398":{"position":[[374,5],[572,5]]},"430":{"position":[[1058,5]]},"446":{"position":[[146,5]]},"448":{"position":[[158,5]]},"452":{"position":[[175,5]]},"454":{"position":[[175,5]]}}}],["minu",{"_index":3685,"t":{"622":{"position":[[5461,5],[5573,5],[17752,5]]}}}],["mirror",{"_index":4135,"t":{"654":{"position":[[16631,8]]}}}],["miss",{"_index":2163,"t":{"582":{"position":[[1617,4]]}}}],["mit",{"_index":104,"t":{"2":{"position":[[2213,3]]},"124":{"position":[[701,3]]}}}],["mix",{"_index":1358,"t":{"564":{"position":[[520,5]]},"568":{"position":[[5565,3]]},"570":{"position":[[2671,5],[5118,3]]}}}],["mixin",{"_index":1582,"t":{"570":{"position":[[6485,7]]}}}],["mm",{"_index":3248,"t":{"612":{"position":[[3327,5],[5198,5],[7823,5]]},"614":{"position":[[818,2],[924,2]]}}}],["mobil",{"_index":651,"t":{"104":{"position":[[518,6]]},"630":{"position":[[255,6]]}}}],["modal",{"_index":20,"t":{"2":{"position":[[164,6],[309,5],[3493,6],[3601,5],[3776,6],[3882,5]]},"4":{"position":[[238,6]]},"8":{"position":[[234,5]]},"12":{"position":[[266,6],[683,5]]},"18":{"position":[[145,5],[275,6],[337,5]]},"24":{"position":[[179,5],[260,5],[315,5]]},"56":{"position":[[115,5],[157,5],[189,5],[256,5],[527,5],[669,5],[782,5]]},"68":{"position":[[537,5],[553,5],[875,5],[1129,5]]},"70":{"position":[[412,5],[1082,5]]},"74":{"position":[[340,5]]},"86":{"position":[[111,5],[126,7],[181,5],[246,5],[270,5],[594,5],[621,5],[786,5]]},"90":{"position":[[110,5],[151,5],[275,5],[360,5]]},"94":{"position":[[110,5],[151,5],[172,5],[276,5],[361,5]]},"98":{"position":[[132,5],[450,5],[480,5],[501,6],[864,5],[1074,5]]},"104":{"position":[[373,5],[932,5]]},"108":{"position":[[148,6],[408,5],[454,5],[682,5]]},"112":{"position":[[148,6],[529,5],[545,6],[963,5]]},"126":{"position":[[606,5],[1387,5],[1513,5],[1651,5],[1733,5],[2122,5],[2204,5],[2649,5],[2664,7],[2764,5]]},"128":{"position":[[164,6],[598,5],[638,5],[1650,5]]},"132":{"position":[[1311,5],[1353,5],[1426,5]]},"134":{"position":[[181,5],[1177,5]]},"136":{"position":[[2701,5],[3070,5]]},"146":{"position":[[756,5]]},"148":{"position":[[210,6],[355,5],[547,6],[655,5]]},"158":{"position":[[208,6],[353,5],[2303,6],[2411,5],[2586,6],[2692,5]]},"212":{"position":[[368,5],[1149,5],[1275,5],[1413,5],[1495,5],[1884,5],[1966,5],[2411,5],[2426,7],[2526,5]]},"214":{"position":[[2487,5],[2856,5]]},"220":{"position":[[1107,5],[1149,5],[1222,5]]},"222":{"position":[[379,5]]},"230":{"position":[[217,6],[362,5],[2312,6],[2420,5],[2595,6],[2701,5]]},"232":{"position":[[2496,5],[2865,5]]},"234":{"position":[[377,5],[1158,5],[1284,5],[1422,5],[1504,5],[1893,5],[1975,5],[2420,5],[2435,7],[2535,5]]},"236":{"position":[[1116,5],[1158,5],[1231,5]]},"238":{"position":[[2491,5]]},"240":{"position":[[1033,5]]},"248":{"position":[[880,5]]},"250":{"position":[[373,5]]},"254":{"position":[[408,5]]},"258":{"position":[[381,5]]},"260":{"position":[[171,5],[213,5],[286,5]]},"262":{"position":[[413,5],[782,5]]},"264":{"position":[[1144,5],[1513,5]]},"266":{"position":[[165,5],[207,5],[280,5]]},"270":{"position":[[721,5],[847,5],[2943,5]]},"272":{"position":[[372,5],[612,5],[738,5],[876,5],[958,5],[1128,5],[1210,5],[1349,5],[1364,7],[1464,5],[1936,5],[2305,5],[2448,5],[2490,5],[2563,5]]},"274":{"position":[[440,5],[455,7],[555,5]]},"278":{"position":[[165,5],[247,5],[418,5],[433,7],[533,5]]},"284":{"position":[[844,5],[1213,5]]},"288":{"position":[[374,5]]},"290":{"position":[[159,5],[174,7],[274,5]]},"292":{"position":[[408,5]]},"294":{"position":[[184,5],[310,5],[1130,5]]},"298":{"position":[[414,5]]},"302":{"position":[[160,5],[175,7],[275,5]]},"304":{"position":[[374,5]]},"306":{"position":[[211,6],[356,5],[2306,6],[2414,5],[2589,6],[2695,5]]},"308":{"position":[[1676,6],[1784,5],[1959,6],[2065,5],[2692,5]]},"310":{"position":[[612,5],[654,5],[727,5]]},"312":{"position":[[473,5],[599,5],[737,5],[819,5],[1208,5],[1290,5],[1735,5],[1750,7],[1850,5]]},"314":{"position":[[1110,5],[1152,5],[1225,5]]},"316":{"position":[[371,5],[1152,5],[1278,5],[1416,5],[1498,5],[1887,5],[1969,5],[2414,5],[2429,7],[2529,5]]},"318":{"position":[[1937,5],[2306,5]]},"324":{"position":[[874,5]]},"326":{"position":[[2490,5],[2859,5]]},"328":{"position":[[208,6],[353,5]]},"330":{"position":[[207,6],[352,5]]},"334":{"position":[[367,5]]},"336":{"position":[[191,6],[299,5],[474,6],[580,5]]},"342":{"position":[[165,5],[207,5],[280,5]]},"346":{"position":[[945,5]]},"352":{"position":[[407,5],[776,5]]},"354":{"position":[[1138,5],[1507,5]]},"356":{"position":[[159,5],[201,5],[274,5]]},"358":{"position":[[209,6],[354,5]]},"360":{"position":[[572,6],[680,5],[855,6],[961,5],[1588,5]]},"362":{"position":[[201,5]]},"364":{"position":[[206,6],[351,5],[1518,6],[1626,5],[1801,6],[1907,5],[2601,5],[2727,5]]},"366":{"position":[[434,5],[449,7],[549,5]]},"370":{"position":[[1891,5]]},"380":{"position":[[373,5],[591,5],[673,5],[844,5],[859,7],[959,5]]},"382":{"position":[[21,7],[158,5],[200,5],[273,5],[534,5],[709,5]]},"384":{"position":[[21,7],[207,6],[352,5],[544,6],[652,5],[827,6],[933,5],[1278,5],[1518,5],[1644,5],[1782,5],[1864,5],[2034,5],[2116,5],[2255,5],[2270,7],[2370,5],[2842,5],[3211,5]]},"388":{"position":[[207,5]]},"392":{"position":[[838,5],[1207,5],[1416,5],[1591,5]]},"400":{"position":[[193,6],[299,5]]},"406":{"position":[[207,6],[352,5]]},"410":{"position":[[208,6],[353,5],[721,5]]},"412":{"position":[[209,6],[354,5]]},"416":{"position":[[191,6],[297,5]]},"418":{"position":[[828,5],[843,7],[943,5]]},"420":{"position":[[205,6],[350,5]]},"424":{"position":[[178,5],[304,5],[1124,5]]},"426":{"position":[[408,5]]},"428":{"position":[[190,6],[298,5]]},"430":{"position":[[154,5],[169,7],[269,5]]},"436":{"position":[[682,5]]},"450":{"position":[[203,5]]},"458":{"position":[[225,5]]},"484":{"position":[[369,5]]},"488":{"position":[[193,6],[301,5]]},"490":{"position":[[193,6],[299,5]]},"500":{"position":[[159,5],[201,5],[274,5]]},"514":{"position":[[359,5]]},"524":{"position":[[404,5]]},"534":{"position":[[155,5],[170,7],[270,5]]},"538":{"position":[[154,5],[236,5]]},"540":{"position":[[154,5],[236,5]]},"544":{"position":[[176,5],[302,5]]},"554":{"position":[[208,6],[353,5]]},"574":{"position":[[1389,6]]},"576":{"position":[[964,5],[2574,5],[2729,7],[21360,5]]},"578":{"position":[[11,5],[37,5],[64,5],[501,5],[592,5],[880,6],[1099,5],[1165,5],[1187,5],[1266,5],[1409,5],[1498,5],[1568,5],[1671,5],[1748,5],[1842,6],[1936,6],[1983,6],[2748,5],[2811,5],[2972,5],[3062,6],[3209,5],[3256,5],[3302,6],[3343,5],[3374,6],[3456,6],[3481,5],[3505,5],[3565,6],[3621,5],[3838,8],[3947,5],[3953,6],[4134,6],[4192,5],[4435,6],[4571,5],[4577,5],[6089,6],[6260,5],[6266,5],[7723,5],[7903,6],[7944,6],[8313,8],[8440,5],[8446,6],[8635,6],[8777,6],[8954,7],[8996,6],[9092,5],[9225,5],[9502,8],[9618,5],[9624,6],[9862,6],[9869,6],[9983,6],[10180,8],[10304,5],[10310,6],[10506,6],[10711,7],[10753,6],[10849,5],[10982,5],[11259,8],[11394,5],[11400,6],[11576,6],[11707,6],[11748,6],[11817,8],[11826,6],[11861,6],[11925,8],[11934,6],[11969,6],[12033,8],[12349,5],[12372,5],[12395,5],[12438,6],[12445,6],[12555,8],[12564,6],[12688,8],[12697,6],[12822,8],[12831,6],[12955,8],[12964,6],[13093,8],[13102,6],[13238,8],[13878,5],[13884,6],[13899,5],[13922,5],[13945,5],[13968,5],[13991,5],[14059,5],[14109,5],[14130,6],[14350,5],[14567,8],[14676,5],[14682,6],[15354,5],[15381,5],[15551,5]]},"608":{"position":[[14882,5]]},"624":{"position":[[7883,6]]},"626":{"position":[[7359,6]]},"642":{"position":[[6943,6]]},"644":{"position":[[6782,6]]},"648":{"position":[[9,5],[43,5],[78,5],[204,5],[703,5],[821,5],[881,5],[934,5],[2010,6],[2035,6],[3193,6],[3218,6],[3969,6],[3994,6],[4366,6],[4391,6],[4799,6],[4824,6],[4966,5],[5101,6]]},"660":{"position":[[133328,5]]}}}],["modal.showasync<employeedemocomponent1>(titl",{"_index":2028,"t":{"578":{"position":[[4752,46]]}}}],["modal.showasync<employeedemocomponent2>(titl",{"_index":2030,"t":{"578":{"position":[[6543,46]]}}}],["modal13",{"_index":858,"t":{"142":{"position":[[1484,7]]}}}],["modal</button",{"_index":2023,"t":{"578":{"position":[[3916,14],[8409,14],[9587,14],[10273,14],[11363,14],[12128,14],[12223,14],[12318,14],[14645,14]]},"648":{"position":[[1081,14],[1197,14],[1307,14],[1414,14],[1524,14],[1625,14],[1729,14],[1830,14],[2264,14],[2380,14],[2490,14],[2597,14],[2707,14],[2808,14],[2912,14],[3013,14],[3460,14],[3568,14],[3674,14],[3789,14],[4205,14],[4638,14]]}}}],["modal?.hideasync",{"_index":2027,"t":{"578":{"position":[[4074,19],[8567,19],[9745,19],[10431,19],[11521,19]]}}}],["modal?.showasync",{"_index":2025,"t":{"578":{"position":[[4006,19],[8499,19],[9677,19],[10363,19],[11453,19]]}}}],["modal?.showasync()\">ful",{"_index":2081,"t":{"578":{"position":[[13299,24]]}}}],["modalfullscreen",{"_index":1997,"t":{"578":{"position":[[795,15]]}}}],["modalfullscreen.dis",{"_index":1998,"t":{"578":{"position":[[811,24]]}}}],["modalopt",{"_index":4035,"t":{"648":{"position":[[277,12],[295,11],[1970,11],[1988,11],[3153,11],[3171,11],[3929,11],[3947,11],[4326,11],[4344,11],[4759,11],[4777,11],[5231,11],[5439,11],[5457,11],[5652,11],[5670,11],[5862,11]]},"660":{"position":[[103454,11],[105898,11]]}}}],["modals",{"_index":2003,"t":{"578":{"position":[[1523,9]]},"648":{"position":[[794,9],[3912,10],[4031,9]]}}}],["modalservic",{"_index":562,"t":{"86":{"position":[[820,12]]},"90":{"position":[[180,12]]},"94":{"position":[[367,12]]},"104":{"position":[[950,12]]},"126":{"position":[[624,12],[1739,12],[2798,12]]},"146":{"position":[[774,12]]},"212":{"position":[[386,12],[1501,12],[2560,12]]},"222":{"position":[[397,12]]},"234":{"position":[[395,12],[1510,12],[2569,12]]},"250":{"position":[[391,12]]},"258":{"position":[[399,12]]},"272":{"position":[[390,12],[964,12],[1498,12]]},"274":{"position":[[589,12]]},"278":{"position":[[253,12],[567,12]]},"288":{"position":[[392,12]]},"290":{"position":[[308,12]]},"302":{"position":[[309,12]]},"304":{"position":[[392,12]]},"308":{"position":[[2710,12]]},"312":{"position":[[825,12],[1884,12]]},"316":{"position":[[389,12],[1504,12],[2563,12]]},"334":{"position":[[385,12]]},"346":{"position":[[963,12]]},"360":{"position":[[1606,12]]},"366":{"position":[[583,12]]},"380":{"position":[[20,14],[391,12],[679,12],[993,12]]},"384":{"position":[[1296,12],[1870,12],[2404,12]]},"410":{"position":[[739,12]]},"418":{"position":[[977,12]]},"430":{"position":[[303,12]]},"436":{"position":[[700,12]]},"484":{"position":[[387,12]]},"534":{"position":[[304,12]]},"540":{"position":[[242,12]]},"648":{"position":[[1862,12],[1875,12],[3045,12],[3058,12],[3821,12],[3834,12],[4237,12],[4250,12],[4670,12],[4683,12],[5140,13],[5283,12],[5296,12]]},"660":{"position":[[102047,12],[102060,12],[104485,12],[104498,12]]}}}],["modalservice.showasync(modalopt",{"_index":4049,"t":{"648":{"position":[[2092,36],[3303,36],[4050,36],[4500,36],[4888,36],[5567,36],[5777,36]]}}}],["modalservice.showasync(new",{"_index":4601,"t":{"660":{"position":[[103427,26],[105871,26]]}}}],["modalservice3",{"_index":859,"t":{"142":{"position":[[1492,13]]}}}],["modalsize.regular",{"_index":1688,"t":{"574":{"position":[[1359,17]]},"578":{"position":[[1533,17]]},"648":{"position":[[833,17]]}}}],["modaltyp",{"_index":2001,"t":{"578":{"position":[[1356,9],[1366,9]]},"648":{"position":[[907,9],[1953,10],[2072,10],[3136,10],[3255,10]]}}}],["modaltype.dang",{"_index":4061,"t":{"648":{"position":[[5751,16]]}}}],["modaltype.light",{"_index":2002,"t":{"578":{"position":[[1376,15]]},"648":{"position":[[946,15]]}}}],["modaltype.primari",{"_index":4602,"t":{"660":{"position":[[103475,18],[105919,18]]}}}],["modaltype.success",{"_index":4060,"t":{"648":{"position":[[5540,17]]}}}],["mode",{"_index":2549,"t":{"596":{"position":[[1778,4],[1882,4]]},"602":{"position":[[7977,4],[13490,4],[16550,4]]},"604":{"position":[[6090,4],[9964,4],[11897,4],[14159,4],[16223,4]]},"606":{"position":[[10697,4]]},"634":{"position":[[121,4],[3044,4]]},"636":{"position":[[119,4],[3281,4]]},"660":{"position":[[2683,5]]}}}],["mode=\"serverprerend",{"_index":3764,"t":{"624":{"position":[[4481,24],[4561,24]]},"626":{"position":[[4604,24]]}}}],["modifi",{"_index":1086,"t":{"558":{"position":[[1099,9]]},"562":{"position":[[2671,6],[3222,6],[3772,6],[4535,6],[5160,6],[5783,6],[6525,6],[7076,6],[7626,6],[8327,6],[8892,6],[9442,6],[10157,6],[10708,6],[11258,6],[12337,6],[12900,6],[13462,6],[14020,6],[14568,6],[15128,6],[18654,6],[19205,6],[19755,6],[21039,6],[21612,6],[22184,6]]}}}],["molesti",{"_index":1903,"t":{"576":{"position":[[8450,8],[9595,8],[9930,8],[10002,8],[12691,8],[13836,8],[14171,8],[14243,8],[16832,8],[17977,8],[18312,8],[18384,8]]}}}],["molli",{"_index":1842,"t":{"576":{"position":[[7756,6],[7844,7],[9399,6],[10120,6],[11997,6],[12085,7],[13640,6],[14361,6],[16138,6],[16226,7],[17781,6],[18502,6]]}}}],["moment",{"_index":1352,"t":{"564":{"position":[[343,6]]},"568":{"position":[[8508,7]]},"656":{"position":[[2667,7]]},"660":{"position":[[30412,6],[116239,6],[118863,6],[121524,6],[124300,6]]}}}],["monoton",{"_index":2888,"t":{"602":{"position":[[5012,8]]}}}],["month",{"_index":3035,"t":{"604":{"position":[[5693,6]]}}}],["months[labelscount",{"_index":3050,"t":{"604":{"position":[[9008,18]]}}}],["more",{"_index":33,"t":{"2":{"position":[[348,4],[626,4],[919,4],[1233,4],[1507,4],[3124,4],[3340,4],[3623,4],[3898,4]]},"8":{"position":[[108,4]]},"42":{"position":[[186,7]]},"46":{"position":[[133,4]]},"48":{"position":[[149,4]]},"50":{"position":[[142,4]]},"52":{"position":[[174,4]]},"54":{"position":[[164,4]]},"56":{"position":[[133,4]]},"58":{"position":[[131,4]]},"62":{"position":[[138,4]]},"64":{"position":[[137,4]]},"74":{"position":[[375,4]]},"126":{"position":[[277,4],[709,4],[957,4],[1250,4],[1536,4],[1788,4],[2007,4],[2227,4],[2533,4],[2871,4]]},"132":{"position":[[243,4],[386,4],[493,4],[635,4],[742,4],[1191,4],[1329,4],[1501,4],[1637,4],[1769,4],[1938,4],[2058,4],[2205,4],[2317,4],[2471,4],[2646,4],[2825,4],[3052,4]]},"134":{"position":[[192,4],[386,4],[584,4],[782,4],[1013,4],[1214,4],[1443,4],[1613,4],[1849,4],[2039,4]]},"136":{"position":[[253,4],[553,4],[807,4],[1239,4],[1484,4],[1732,4],[2002,4],[2336,4],[2750,4],[3093,4]]},"138":{"position":[[108,4],[189,4],[432,4]]},"140":{"position":[[133,4],[308,4],[499,7],[649,4],[964,4],[1227,4],[1496,4],[1969,4],[2175,4],[2379,4],[2565,4]]},"144":{"position":[[267,4]]},"146":{"position":[[427,4],[859,4],[1291,4],[1561,4],[2010,4],[2179,4],[2299,4],[2772,4],[2978,4]]},"148":{"position":[[394,4],[677,4],[1011,4]]},"150":{"position":[[355,4]]},"152":{"position":[[420,4],[754,4]]},"154":{"position":[[501,4]]},"156":{"position":[[318,4]]},"158":{"position":[[392,4],[670,4],[963,4],[1277,4],[1551,4],[1934,4],[2150,4],[2433,4],[2708,4],[2990,4]]},"160":{"position":[[195,4],[307,4],[461,4],[636,4],[815,4],[1042,4],[1180,4],[1355,4],[1546,7],[1696,4]]},"162":{"position":[[315,4]]},"164":{"position":[[208,4],[383,4]]},"166":{"position":[[232,4],[459,4],[597,4],[772,4]]},"168":{"position":[[224,4],[451,4],[589,4],[764,4]]},"170":{"position":[[186,4],[293,4],[435,4],[542,4],[805,4]]},"172":{"position":[[323,4]]},"174":{"position":[[317,4]]},"176":{"position":[[314,4]]},"178":{"position":[[315,4]]},"180":{"position":[[236,7],[386,4]]},"182":{"position":[[243,7],[393,4]]},"184":{"position":[[319,4]]},"186":{"position":[[187,4],[362,4]]},"188":{"position":[[200,4],[375,4]]},"190":{"position":[[243,7],[393,4]]},"192":{"position":[[318,4]]},"194":{"position":[[225,4],[452,4],[590,4],[765,4]]},"196":{"position":[[363,4]]},"198":{"position":[[367,4]]},"200":{"position":[[187,4],[362,4]]},"202":{"position":[[225,4],[452,4],[590,4],[765,4]]},"204":{"position":[[506,4]]},"206":{"position":[[498,4]]},"208":{"position":[[235,7],[385,4]]},"210":{"position":[[293,4],[608,4]]},"212":{"position":[[471,4],[719,4],[1012,4],[1298,4],[1550,4],[1769,4],[1989,4],[2295,4],[2633,4],[2891,4]]},"214":{"position":[[339,4],[593,4],[1025,4],[1270,4],[1518,4],[1788,4],[2122,4],[2536,4],[2879,4],[3127,4]]},"216":{"position":[[224,4],[451,4]]},"218":{"position":[[230,7],[380,4]]},"220":{"position":[[182,4],[289,4],[431,4],[538,4],[987,4],[1125,4],[1297,4],[1433,4],[1565,4],[1734,4],[1854,4],[2001,4],[2113,4],[2267,4],[2442,4],[2621,4],[2848,4],[2986,4],[3161,4]]},"222":{"position":[[482,4],[914,4],[1184,4],[1353,4],[1473,4]]},"224":{"position":[[382,4]]},"226":{"position":[[515,4]]},"228":{"position":[[378,4]]},"230":{"position":[[401,4],[679,4],[972,4],[1286,4],[1560,4],[1943,4],[2159,4],[2442,4],[2717,4],[2999,4]]},"232":{"position":[[348,4],[602,4],[1034,4],[1279,4],[1527,4],[1797,4],[2131,4],[2545,4],[2888,4],[3136,4]]},"234":{"position":[[480,4],[728,4],[1021,4],[1307,4],[1559,4],[1778,4],[1998,4],[2304,4],[2642,4],[2900,4]]},"236":{"position":[[191,4],[298,4],[440,4],[547,4],[996,4],[1134,4],[1306,4],[1442,4],[1574,4],[1743,4],[1863,4],[2010,4],[2122,4],[2276,4],[2451,4],[2630,4],[2857,4],[2995,4],[3170,4]]},"238":{"position":[[239,7],[389,4],[704,4],[967,4],[1236,4],[1709,4],[1915,4],[2119,4],[2305,4],[2502,4]]},"240":{"position":[[242,4],[440,4],[638,4],[869,4],[1070,4],[1299,4],[1469,4],[1705,4],[1895,4],[2008,4],[2089,4]]},"242":{"position":[[291,4]]},"244":{"position":[[355,4]]},"246":{"position":[[344,4],[678,4]]},"248":{"position":[[290,4],[560,4],[903,4]]},"250":{"position":[[476,4]]},"252":{"position":[[381,4]]},"254":{"position":[[457,4]]},"256":{"position":[[483,4],[731,4],[885,4],[1060,4]]},"258":{"position":[[484,4]]},"260":{"position":[[189,4],[361,4]]},"262":{"position":[[462,4],[805,4]]},"264":{"position":[[347,4],[779,4],[1193,4],[1536,4]]},"266":{"position":[[183,4],[355,4]]},"268":{"position":[[329,4]]},"270":{"position":[[291,4],[584,4],[870,4],[1089,4],[1347,4],[1647,4],[1901,4],[2333,4],[2578,4],[2992,4]]},"272":{"position":[[475,4],[761,4],[1013,4],[1233,4],[1571,4],[1985,4],[2328,4],[2466,4],[2638,4]]},"274":{"position":[[324,4],[662,4]]},"276":{"position":[[186,4],[293,4],[435,4],[542,4],[805,4]]},"278":{"position":[[302,4],[640,4]]},"280":{"position":[[199,4],[374,4]]},"282":{"position":[[482,4]]},"284":{"position":[[479,4],[893,4],[1236,4]]},"286":{"position":[[305,4]]},"288":{"position":[[477,4],[613,4],[745,4]]},"290":{"position":[[381,4]]},"292":{"position":[[457,4]]},"294":{"position":[[333,4],[765,4],[1179,4]]},"296":{"position":[[476,4],[623,4],[735,4]]},"298":{"position":[[463,4]]},"300":{"position":[[350,4]]},"302":{"position":[[382,4],[630,4]]},"304":{"position":[[477,4],[731,4]]},"306":{"position":[[395,4],[673,4],[966,4],[1280,4],[1554,4],[1937,4],[2153,4],[2436,4],[2711,4],[2993,4]]},"308":{"position":[[336,4],[650,4],[924,4],[1307,4],[1523,4],[1806,4],[2081,4],[2363,4],[2795,4],[3043,4]]},"310":{"position":[[492,4],[630,4],[802,4]]},"312":{"position":[[336,4],[622,4],[874,4],[1093,4],[1313,4],[1619,4],[1957,4],[2215,4],[2515,4],[2769,4]]},"314":{"position":[[185,4],[292,4],[434,4],[541,4],[990,4],[1128,4],[1300,4]]},"316":{"position":[[474,4],[722,4],[1015,4],[1301,4],[1553,4],[1772,4],[1992,4],[2298,4],[2636,4],[2894,4]]},"318":{"position":[[475,4],[720,4],[968,4],[1238,4],[1572,4],[1986,4],[2329,4],[2577,4],[2720,4],[2827,4],[2969,4],[3076,4]]},"320":{"position":[[349,4]]},"322":{"position":[[356,4]]},"324":{"position":[[284,4],[554,4],[897,4]]},"326":{"position":[[342,4],[596,4],[1028,4],[1273,4],[1521,4],[1791,4],[2125,4],[2539,4],[2882,4],[3130,4]]},"328":{"position":[[392,4],[706,4],[980,4],[1179,4]]},"330":{"position":[[391,4],[665,4],[965,4],[1299,4],[1485,4]]},"332":{"position":[[278,4]]},"334":{"position":[[470,4]]},"336":{"position":[[321,4],[596,4]]},"338":{"position":[[316,4]]},"340":{"position":[[375,4]]},"342":{"position":[[183,4],[355,4]]},"344":{"position":[[289,4]]},"346":{"position":[[323,4],[616,4],[1048,4]]},"348":{"position":[[337,4]]},"350":{"position":[[359,4],[791,4],[1039,4]]},"352":{"position":[[456,4],[799,4]]},"354":{"position":[[341,4],[773,4],[1187,4],[1530,4]]},"356":{"position":[[177,4],[349,4]]},"358":{"position":[[393,4],[675,4]]},"360":{"position":[[419,4],[702,4],[977,4],[1259,4],[1691,4],[1890,4],[2096,4]]},"362":{"position":[[238,4]]},"364":{"position":[[390,4],[668,4],[982,4],[1365,4],[1648,4],[1923,4],[2171,4],[2464,4],[2750,4],[2969,4]]},"366":{"position":[[318,4],[656,4]]},"368":{"position":[[337,4],[528,7],[678,4]]},"370":{"position":[[295,4],[595,4],[849,4],[1281,4],[1526,4],[1940,4],[2083,4],[2190,4],[2332,4],[2439,4],[2638,4],[2842,4]]},"372":{"position":[[269,4]]},"374":{"position":[[236,7],[386,4]]},"376":{"position":[[177,4],[309,4]]},"378":{"position":[[175,4],[307,4]]},"380":{"position":[[476,4],[728,4],[1066,4]]},"382":{"position":[[176,4],[348,4],[545,4],[746,4]]},"384":{"position":[[391,4],[674,4],[949,4],[1381,4],[1667,4],[1919,4],[2139,4],[2477,4],[2891,4],[3234,4]]},"386":{"position":[[179,4],[311,4]]},"388":{"position":[[244,4]]},"390":{"position":[[357,4],[789,4]]},"392":{"position":[[473,4],[887,4],[1230,4],[1427,4],[1628,4]]},"394":{"position":[[334,4],[648,4],[1031,4],[1247,4]]},"396":{"position":[[298,4],[613,4]]},"398":{"position":[[238,4],[436,4],[634,4]]},"400":{"position":[[315,4]]},"402":{"position":[[360,4]]},"404":{"position":[[356,4],[739,4]]},"406":{"position":[[391,4],[684,4]]},"408":{"position":[[428,4]]},"410":{"position":[[392,4],[824,4],[960,4],[1092,4]]},"412":{"position":[[393,4],[707,4]]},"414":{"position":[[338,4]]},"416":{"position":[[313,4],[745,4]]},"418":{"position":[[329,4],[712,4],[1050,4]]},"420":{"position":[[389,4]]},"422":{"position":[[314,4]]},"424":{"position":[[327,4],[759,4],[1173,4]]},"426":{"position":[[457,4]]},"428":{"position":[[320,4],[626,4]]},"430":{"position":[[376,4],[624,4],[939,4],[1170,4]]},"432":{"position":[[351,4]]},"434":{"position":[[282,4]]},"436":{"position":[[353,4],[785,4],[1039,4]]},"438":{"position":[[152,4],[233,4]]},"440":{"position":[[275,4]]},"442":{"position":[[229,4]]},"444":{"position":[[209,4]]},"446":{"position":[[268,4]]},"448":{"position":[[270,4]]},"450":{"position":[[240,4]]},"452":{"position":[[237,4]]},"454":{"position":[[237,4]]},"456":{"position":[[233,4]]},"458":{"position":[[236,4]]},"460":{"position":[[225,4]]},"462":{"position":[[243,4]]},"464":{"position":[[245,4]]},"466":{"position":[[238,4]]},"470":{"position":[[308,4]]},"472":{"position":[[354,4]]},"474":{"position":[[218,4],[445,4]]},"476":{"position":[[302,4]]},"478":{"position":[[230,7],[380,4]]},"480":{"position":[[333,4]]},"482":{"position":[[288,4]]},"484":{"position":[[472,4]]},"486":{"position":[[322,4]]},"488":{"position":[[323,4]]},"490":{"position":[[315,4]]},"492":{"position":[[423,4]]},"494":{"position":[[256,4]]},"496":{"position":[[193,4],[368,4]]},"498":{"position":[[186,4],[298,4]]},"500":{"position":[[177,4],[349,4]]},"502":{"position":[[488,4]]},"504":{"position":[[175,4],[307,4]]},"506":{"position":[[208,4],[328,4]]},"508":{"position":[[181,4],[288,4]]},"510":{"position":[[182,4],[289,4]]},"512":{"position":[[287,4]]},"514":{"position":[[382,4]]},"516":{"position":[[373,4]]},"518":{"position":[[309,4]]},"520":{"position":[[284,4]]},"522":{"position":[[471,4]]},"524":{"position":[[453,4]]},"526":{"position":[[287,4]]},"528":{"position":[[339,4]]},"530":{"position":[[297,4]]},"532":{"position":[[293,4]]},"534":{"position":[[377,4]]},"536":{"position":[[345,4]]},"538":{"position":[[259,4]]},"540":{"position":[[291,4]]},"542":{"position":[[258,4]]},"544":{"position":[[325,4]]},"546":{"position":[[353,4]]},"548":{"position":[[313,4]]},"550":{"position":[[317,4]]},"552":{"position":[[332,4]]},"554":{"position":[[392,4]]},"560":{"position":[[2482,4]]},"568":{"position":[[117,4],[1902,4]]},"570":{"position":[[3224,5]]},"576":{"position":[[127,4]]},"592":{"position":[[175,4],[3653,4],[15346,4]]},"650":{"position":[[177,4],[352,4]]},"654":{"position":[[129,5],[18601,4]]},"660":{"position":[[19782,4],[31090,4]]}}}],["motion",{"_index":1630,"t":{"572":{"position":[[1484,6],[1520,6]]}}}],["mous",{"_index":2861,"t":{"602":{"position":[[3668,5]]}}}],["move",{"_index":2048,"t":{"578":{"position":[[9216,4],[10973,4]]}}}],["move.png\">move<br",{"_index":2335,"t":{"586":{"position":[[9223,17]]}}}],["mt",{"_index":1456,"t":{"568":{"position":[[5916,2],[6077,2],[6257,2]]},"594":{"position":[[4304,2]]},"660":{"position":[[57592,2]]}}}],["much",{"_index":1451,"t":{"568":{"position":[[5666,4]]}}}],["mug",{"_index":3235,"t":{"612":{"position":[[3212,6],[5083,6],[7708,6]]}}}],["multi",{"_index":4474,"t":{"660":{"position":[[30366,5],[116193,5],[118817,5],[121478,5],[124254,5]]}}}],["multipl",{"_index":284,"t":{"32":{"position":[[226,8]]},"44":{"position":[[280,8]]},"80":{"position":[[223,8]]},"98":{"position":[[534,8]]},"100":{"position":[[254,8]]},"568":{"position":[[139,8]]},"570":{"position":[[125,8],[5132,8]]},"582":{"position":[[149,8]]},"590":{"position":[[5845,8],[5868,8],[8500,8]]},"604":{"position":[[204,8]]},"660":{"position":[[76137,8],[76167,8],[134075,8]]}}}],["mute",{"_index":4149,"t":{"654":{"position":[[18472,6]]}}}],["muted\">card",{"_index":1551,"t":{"570":{"position":[[3603,11],[4074,11],[4438,11]]}}}],["muted\">last",{"_index":1619,"t":{"570":{"position":[[11154,11],[11481,11],[11903,11],[12449,11],[12797,11],[13240,11]]}}}],["mx",{"_index":1458,"t":{"568":{"position":[[6069,2]]}}}],["n",{"_index":860,"t":{"142":{"position":[[1506,1]]}}}],["nam",{"_index":1878,"t":{"576":{"position":[[8103,3],[12344,3],[16485,3]]}}}],["name",{"_index":211,"t":{"12":{"position":[[127,5]]},"134":{"position":[[1745,5]]},"240":{"position":[[1601,5]]},"440":{"position":[[171,5]]},"556":{"position":[[195,4],[494,4],[604,4]]},"558":{"position":[[209,4]]},"560":{"position":[[126,4]]},"562":{"position":[[156,4],[555,4],[750,5],[1131,5],[1386,4],[1872,4],[2079,4],[2113,5],[22668,5],[22887,5],[23107,5],[23328,5]]},"566":{"position":[[155,4]]},"568":{"position":[[180,4],[1588,4]]},"570":{"position":[[379,4],[716,4],[897,4],[1077,4],[1258,4],[1511,4],[1947,4],[2203,4],[2383,4]]},"572":{"position":[[160,4],[515,4],[712,4]]},"574":{"position":[[168,4],[699,4],[2391,5],[3481,4],[3615,4]]},"576":{"position":[[187,4],[3594,5],[4302,4],[4436,4],[5191,5],[6258,4],[6392,4]]},"578":{"position":[[186,4],[1793,4],[4388,5],[5066,4],[5200,4],[5960,5],[6954,4],[7088,4]]},"580":{"position":[[205,4],[490,4]]},"582":{"position":[[177,4]]},"584":{"position":[[408,4],[654,4]]},"586":{"position":[[142,4],[390,4],[656,4],[694,5],[859,4],[1045,4],[1299,4],[1489,4],[2167,4],[2189,4],[2328,4],[2473,5],[2840,4],[2896,4]]},"588":{"position":[[168,4],[518,4]]},"590":{"position":[[222,4],[534,4],[885,4]]},"592":{"position":[[216,4],[384,5],[712,4],[853,4],[1027,5],[1208,5]]},"594":{"position":[[157,4]]},"596":{"position":[[411,4],[1212,4],[1627,4],[1662,4],[2888,6],[3062,4],[5209,6],[8155,6],[10290,6],[10677,4],[10776,4],[11742,6],[12555,6],[13584,6],[13822,6]]},"598":{"position":[[392,4],[625,4],[675,5],[761,4]]},"600":{"position":[[129,4],[434,4],[687,5],[1054,4],[1538,4],[1804,4],[1842,5]]},"602":{"position":[[394,4],[738,4],[1525,4],[1790,4],[5299,4],[5538,4],[17057,4]]},"604":{"position":[[249,4],[593,4],[1380,4],[1643,4],[3334,4],[3573,4],[16771,4]]},"606":{"position":[[345,4],[689,4],[1476,4],[1749,4],[2948,4],[3205,4],[12387,4]]},"608":{"position":[[190,4],[534,4],[1321,4],[1584,4],[2681,4],[2928,4],[8761,4]]},"610":{"position":[[142,4]]},"612":{"position":[[243,4],[707,5],[1163,4],[1416,4],[9689,4]]},"614":{"position":[[318,4],[1125,4],[1232,4],[7781,5],[7949,5],[8630,5],[8903,4],[10093,5],[12644,4]]},"616":{"position":[[144,4],[609,4],[724,4],[854,4]]},"618":{"position":[[205,4],[1130,4],[1219,4]]},"620":{"position":[[167,4],[467,4],[592,4]]},"622":{"position":[[197,4],[1642,4],[1735,4]]},"628":{"position":[[322,4],[1069,4],[1176,4]]},"630":{"position":[[602,4],[1131,4],[1311,5],[1423,5]]},"648":{"position":[[238,4],[325,4]]},"654":{"position":[[256,4],[1048,4],[1316,4],[1686,4],[1976,4],[2159,4],[2810,4]]},"656":{"position":[[224,4],[392,5],[739,4],[876,4],[1050,5],[1231,5]]},"658":{"position":[[213,4]]},"660":{"position":[[202,4],[3097,4],[3710,4],[4013,4],[5652,5],[6835,4],[7513,5],[8047,4],[8171,4],[8302,4],[8426,4],[8555,4],[8688,4],[8808,4],[8930,4],[9053,4],[9468,4],[9814,5],[10392,4],[10516,4],[10647,4],[10771,4],[10900,4],[11033,4],[11153,4],[11275,4],[11398,4],[12324,6],[12768,4],[12892,4],[13023,4],[13147,4],[13276,4],[13409,4],[13529,4],[13651,4],[13781,4],[13906,4],[14029,4],[14148,4],[14942,5],[15540,4],[15664,4],[15795,4],[15919,4],[16048,4],[16181,4],[16301,4],[16423,4],[16546,4],[17271,5],[17959,4],[18083,4],[18214,4],[18338,4],[18467,4],[18600,4],[18720,4],[18842,4],[18972,4],[19097,4],[19220,4],[19339,4],[20177,5],[20711,4],[20835,4],[20966,4],[21090,4],[21219,4],[21352,4],[21472,4],[21594,4],[21717,4],[22584,5],[23113,4],[23237,4],[23368,4],[23492,4],[23621,4],[23754,4],[23874,4],[23996,4],[24119,4],[24955,5],[25091,5],[29065,5],[29240,5],[31512,5],[32190,4],[32314,4],[32445,4],[32569,4],[32698,4],[32831,4],[32951,4],[33073,4],[33196,4],[33974,5],[34555,4],[34679,4],[34810,4],[34934,4],[35063,4],[35196,4],[35316,4],[35438,4],[35561,4],[36362,6],[36920,4],[37044,4],[37175,4],[37299,4],[37428,4],[37561,4],[37681,4],[37803,4],[37926,4],[38737,6],[39325,4],[39430,4],[39545,4],[39652,4],[39765,4],[39885,4],[39988,4],[40093,4],[40200,4],[40980,6],[41583,4],[41688,4],[41803,4],[41910,4],[42023,4],[42143,4],[42246,4],[42351,4],[42458,4],[43240,6],[43328,6],[47117,6],[47561,4],[47685,4],[47816,4],[47940,4],[48069,4],[48202,4],[48322,4],[48444,4],[48574,4],[48699,4],[48822,4],[48941,4],[49711,6],[49797,6],[51331,5],[53215,4],[53339,4],[53470,4],[53594,4],[53723,4],[53856,4],[53976,4],[54098,4],[54228,4],[54353,4],[54476,4],[54595,4],[55275,5],[55854,4],[55978,4],[56109,4],[56233,4],[56362,4],[56573,4],[56693,4],[56815,4],[56938,4],[57758,5],[58307,4],[58431,4],[58562,4],[58686,4],[58815,4],[60794,5],[62019,4],[62143,4],[62274,4],[62398,4],[62527,4],[62660,4],[62780,4],[62902,4],[63032,4],[63157,4],[63280,4],[63399,4],[64121,5],[65240,4],[65364,4],[65495,4],[65619,4],[65748,4],[65881,4],[66001,4],[66123,4],[66253,4],[66378,4],[66501,4],[66620,4],[67271,5],[68323,4],[68447,4],[68578,4],[68702,4],[68831,4],[68964,4],[69084,4],[69206,4],[69336,4],[69461,4],[69584,4],[69703,4],[70411,5],[71700,4],[71824,4],[71955,4],[72079,4],[72208,4],[72341,4],[72461,4],[72583,4],[72713,4],[72838,4],[72961,4],[73080,4],[73629,5],[74838,4],[74962,4],[75093,4],[75217,4],[75346,4],[75479,4],[75599,4],[75721,4],[75844,4],[76604,5],[77813,4],[77937,4],[78068,4],[78192,4],[78321,4],[78454,4],[78574,4],[78696,4],[78819,4],[79955,5],[81110,4],[81234,4],[81365,4],[81489,4],[81618,4],[81751,4],[81871,4],[81993,4],[82116,4],[83010,6],[84201,4],[84325,4],[84456,4],[84580,4],[84709,4],[84842,4],[84962,4],[85084,4],[85214,4],[85339,4],[85462,4],[85581,4],[86149,6],[86967,4],[87091,4],[87222,4],[87346,4],[87475,4],[87608,4],[87728,4],[87850,4],[87980,4],[88105,4],[88228,4],[88347,4],[88832,5],[89634,5],[90422,5],[91224,5],[92196,4],[92327,4],[92451,4],[92580,4],[92713,4],[92833,4],[93428,5],[94419,5],[95408,5],[96399,5],[97384,5],[98369,5],[99364,5],[100426,4],[100557,4],[100681,4],[100810,4],[100943,4],[101063,4],[101584,5],[102617,4],[102748,4],[102872,4],[103001,4],[103134,4],[103254,4],[103554,5],[104022,5],[105055,4],[105186,4],[105310,4],[105439,4],[105572,4],[105692,4],[106005,5],[106875,5],[109046,4],[109170,4],[109301,4],[109425,4],[109554,4],[109687,4],[109807,4],[109929,4],[110059,4],[110184,4],[110307,4],[110426,4],[111072,5],[112926,4],[113051,4],[113182,4],[113306,4],[113435,4],[113568,4],[113688,4],[113810,4],[113933,4],[114032,4],[114703,5],[117273,5],[119934,5],[122630,5],[125376,5],[126438,4],[126562,4],[126693,4],[126817,4],[126946,4],[127079,4],[127199,4],[127321,4],[127451,4],[127576,4],[127699,4],[127818,4],[128240,5],[129142,4],[129248,4],[129347,4],[129450,4],[129551,4],[129665,4],[129777,4],[129882,4],[129983,4],[130063,4],[130219,4],[130838,5],[131805,4],[131933,4],[132054,4],[132179,4],[132302,4],[132438,4],[132572,4],[132699,4],[132822,4],[132924,4],[133110,4]]}}}],["name=\"@($\"{customer.customerid",{"_index":2797,"t":{"600":{"position":[[15164,35]]}}}],["name=\"accordionitem1",{"_index":1263,"t":{"562":{"position":[[12033,22],[20735,22]]}}}],["name=\"accordionitem2",{"_index":1265,"t":{"562":{"position":[[12594,22],[21306,22]]}}}],["name=\"accordionitem3",{"_index":1267,"t":{"562":{"position":[[13157,22],[21879,22]]}}}],["name=\"accordionitem6",{"_index":1275,"t":{"562":{"position":[[14823,22]]}}}],["name=\"appoint",{"_index":2264,"t":{"586":{"position":[[3930,18],[7079,18]]}}}],["name=\"arch",{"_index":2273,"t":{"586":{"position":[[4266,14],[7400,14]]}}}],["name=\"cancelal",{"_index":2293,"t":{"586":{"position":[[5154,16],[8226,16]]}}}],["name=\"copyfold",{"_index":2307,"t":{"586":{"position":[[6003,17],[9023,17]]}}}],["name=\"delet",{"_index":2269,"t":{"586":{"position":[[4126,13],[7280,13]]}}}],["name=\"deletefold",{"_index":2313,"t":{"586":{"position":[[6285,19],[9275,19]]}}}],["name=\"emplist1",{"_index":2579,"t":{"596":{"position":[[3257,15],[5374,15]]}}}],["name=\"emplist2",{"_index":2583,"t":{"596":{"position":[[3517,15],[5633,15]]}}}],["name=\"emplist3",{"_index":2609,"t":{"596":{"position":[[5892,15]]}}}],["name=\"faq",{"_index":1272,"t":{"562":{"position":[[14274,11]]},"600":{"position":[[10088,11]]}}}],["name=\"iconname.alarm",{"_index":2662,"t":{"598":{"position":[[895,21],[1052,21],[1102,21],[1152,21],[1202,21],[2870,21],[3014,21],[3310,21],[3394,21],[3646,21]]}}}],["name=\"iconname.alarmfil",{"_index":2663,"t":{"598":{"position":[[926,25],[3492,25]]}}}],["name=\"iconname.appl",{"_index":2665,"t":{"598":{"position":[[993,21],[2480,21]]}}}],["name=\"iconname.asterisk",{"_index":2691,"t":{"598":{"position":[[2553,24]]}}}],["name=\"iconname.bellfil",{"_index":1193,"t":{"560":{"position":[[3911,24]]}}}],["name=\"iconname.browsersafari",{"_index":2695,"t":{"598":{"position":[[2712,29]]}}}],["name=\"iconname.bug",{"_index":2683,"t":{"598":{"position":[[2143,19]]}}}],["name=\"iconname.checkal",{"_index":2681,"t":{"598":{"position":[[2064,24]]}}}],["name=\"iconname.checkcirclefil",{"_index":1037,"t":{"556":{"position":[[2439,31]]}}}],["name=\"iconname.cloudlightningrainfil",{"_index":2679,"t":{"598":{"position":[[1969,38]]}}}],["name=\"iconname.creditcard2frontfil",{"_index":2688,"t":{"598":{"position":[[2391,36]]}}}],["name=\"iconname.exclamationdiamondfil",{"_index":2685,"t":{"598":{"position":[[2216,38]]}}}],["name=\"iconname.exclamationtrianglefil",{"_index":1039,"t":{"556":{"position":[[2576,39],[2721,39]]}}}],["name=\"iconname.facebook",{"_index":2677,"t":{"598":{"position":[[1890,24]]}}}],["name=\"iconname.gripvert",{"_index":2637,"t":{"596":{"position":[[11225,28]]}}}],["name=\"iconname.housefil",{"_index":1248,"t":{"562":{"position":[[4177,25]]},"600":{"position":[[4048,25]]}}}],["name=\"iconname.infocirclefil",{"_index":1034,"t":{"556":{"position":[[2308,30]]},"598":{"position":[[2309,30]]}}}],["name=\"iconname.infocirclefill\"></icon",{"_index":2707,"t":{"598":{"position":[[4222,38]]}}}],["name=\"iconname.list",{"_index":4196,"t":{"656":{"position":[[9001,20],[11474,20],[13904,20],[16323,20]]}}}],["name=\"iconname.megaphonefil",{"_index":1190,"t":{"560":{"position":[[3769,29]]}}}],["name=\"iconname.personfil",{"_index":1249,"t":{"562":{"position":[[4799,26]]},"600":{"position":[[4326,26]]}}}],["name=\"iconname.phonefil",{"_index":1250,"t":{"562":{"position":[[5424,25]]},"600":{"position":[[4611,25]]}}}],["name=\"iconname.volumemutefil",{"_index":2693,"t":{"598":{"position":[[2629,30]]}}}],["name=\"iconname.window",{"_index":2664,"t":{"598":{"position":[[961,22]]}}}],["name=\"movefold",{"_index":2310,"t":{"586":{"position":[[6141,17],[9149,17]]}}}],["name=\"newemail",{"_index":2259,"t":{"586":{"position":[[3799,15],[6940,15]]}}}],["name=\"newfold",{"_index":2298,"t":{"586":{"position":[[5437,16],[8504,16]]}}}],["name=\"newsearchfold",{"_index":2300,"t":{"586":{"position":[[5598,22],[8646,22]]}}}],["name=\"product",{"_index":1269,"t":{"562":{"position":[[13720,16]]},"600":{"position":[[9944,16]]}}}],["name=\"renamefold",{"_index":2304,"t":{"586":{"position":[[5836,19],[8872,19]]}}}],["name=\"sendreceiveallfold",{"_index":2281,"t":{"586":{"position":[[4562,28],[7693,28]]}}}],["name=\"showprogress",{"_index":2290,"t":{"586":{"position":[[4992,19],[8077,19]]}}}],["name=\"updatefold",{"_index":2285,"t":{"586":{"position":[[4751,19],[7858,19]]}}}],["name=\"viewport",{"_index":3755,"t":{"624":{"position":[[3779,15]]},"626":{"position":[[3958,15]]},"634":{"position":[[3169,15]]},"636":{"position":[[3434,15]]},"642":{"position":[[3672,15]]},"644":{"position":[[3672,15]]},"652":{"position":[[3145,15]]}}}],["namespac",{"_index":3747,"t":{"624":{"position":[[3617,10]]},"626":{"position":[[3796,10]]}}}],["narrow",{"_index":1737,"t":{"574":{"position":[[4836,8]]},"578":{"position":[[11687,8]]}}}],["natur",{"_index":1534,"t":{"570":{"position":[[2751,9],[6139,7],[6655,7],[6950,7],[7420,7],[7752,7],[8081,7],[11045,7],[11409,7],[11748,7],[12318,7],[12703,7],[13063,7]]}}}],["nav",{"_index":2710,"t":{"600":{"position":[[403,3]]},"656":{"position":[[21606,3],[21657,3],[21709,3],[21758,3],[21809,3],[21859,3],[21910,3],[21965,3],[22017,3],[22072,3]]}}}],["navbar",{"_index":4088,"t":{"654":{"position":[[2886,6],[2967,6],[3052,6]]},"656":{"position":[[21437,6],[21489,6]]}}}],["navig",{"_index":390,"t":{"54":{"position":[[140,10],[261,10]]},"58":{"position":[[437,10]]},"112":{"position":[[568,10]]},"132":{"position":[[1746,10],[1914,10]]},"146":{"position":[[2155,10]]},"220":{"position":[[1542,10],[1710,10]]},"222":{"position":[[1329,10]]},"236":{"position":[[1551,10],[1719,10]]},"288":{"position":[[722,10]]},"376":{"position":[[286,10]]},"378":{"position":[[284,10]]},"386":{"position":[[21,12],[288,10]]},"410":{"position":[[1069,10]]},"504":{"position":[[284,10]]},"506":{"position":[[184,10]]},"558":{"position":[[138,12]]},"576":{"position":[[95,11]]},"592":{"position":[[145,10],[1587,10]]},"612":{"position":[[1646,11],[13500,10]]},"654":{"position":[[1642,11],[2903,11],[2984,11],[3069,11]]},"656":{"position":[[152,10],[1563,10],[2578,11],[2689,10],[24170,10]]}}}],["navigation1",{"_index":861,"t":{"142":{"position":[[1508,11]]}}}],["navitem",{"_index":2424,"t":{"592":{"position":[[833,7],[1804,9],[1924,9],[1943,8],[2097,8],[2132,7],[2245,7],[2329,7],[2435,7],[2527,7],[2638,7],[2754,7],[2845,7],[2953,7],[3068,7],[3142,7],[3266,7],[3393,7],[3513,7],[3624,9],[3903,9],[4023,9],[4042,8],[4196,8],[4231,7],[4344,7],[4428,7],[4534,7],[4626,7],[4737,7],[4853,7],[4944,7],[5063,7],[5149,7],[5264,7],[5344,7],[5450,7],[5536,7],[5643,7],[5717,7],[5842,7],[5969,7],[6089,7],[6200,9],[6794,9],[6914,9],[6933,8],[7087,8],[7122,7],[7235,7],[7350,7],[7456,7],[7579,7],[7690,7],[7806,7],[7897,7],[8016,7],[8102,7],[8217,7],[8328,7],[8434,7],[8520,7],[8627,7],[8732,7],[8857,7],[8984,7],[9104,7],[9215,9],[9788,9],[9908,9],[9927,8],[10081,8],[10116,7],[10229,7],[10344,7],[10450,7],[10573,7],[10684,7],[10800,7],[10891,7],[11010,7],[11096,7],[11211,7],[11322,7],[11428,7],[11514,7],[11621,7],[11726,7],[11851,7],[11978,7],[12098,7],[12209,9],[12786,9],[12906,9],[12925,8],[13079,8],[13114,7],[13227,7],[13342,7],[13448,7],[13571,7],[13682,7],[13798,7],[13889,7],[14008,7],[14094,7],[14209,7],[14320,7],[14426,7],[14512,7],[14619,7],[14724,7],[14849,7],[14976,7],[15096,7],[15207,9],[15306,7]]},"624":{"position":[[8089,8],[8217,9],[8236,8],[8366,8],[8401,7],[8512,7],[8610,7],[8710,9]]},"626":{"position":[[7565,8],[7693,9],[7712,8],[7842,8],[7877,7],[7988,7],[8086,7],[8186,9]]},"634":{"position":[[6867,9],[6984,9],[7003,8],[7133,8],[7168,7],[7279,7],[7377,7],[7475,9]]},"636":{"position":[[7958,9],[8075,9],[8094,8],[8224,8],[8259,7],[8370,7],[8468,7],[8566,9]]},"640":{"position":[[1063,8],[1191,9],[1210,8],[1340,8],[1375,7],[1486,7],[1584,7],[1684,9]]},"642":{"position":[[7149,8],[7277,9],[7296,8],[7426,8],[7461,7],[7572,7],[7670,7],[7770,9]]},"644":{"position":[[6988,8],[7116,9],[7135,8],[7265,8],[7300,7],[7411,7],[7509,7],[7609,9]]},"646":{"position":[[1068,8],[1196,9],[1215,8],[1345,8],[1380,7],[1491,7],[1589,7],[1689,9]]},"652":{"position":[[6892,9],[7009,9],[7028,8],[7158,8],[7193,7],[7304,7],[7402,7],[7500,9]]},"656":{"position":[[856,7],[1758,9],[1875,9],[1894,8],[2024,8],[2059,7],[2162,7],[2249,7],[2349,7],[2441,7],[2539,9],[2859,9],[2976,9],[2995,8],[3125,8],[3160,7],[3273,7],[3357,7],[3463,7],[3555,7],[3666,7],[3782,7],[3898,7],[3972,7],[4096,7],[4223,7],[4343,7],[4454,9],[4691,9],[4808,9],[4827,8],[4957,8],[4992,7],[5105,7],[5220,7],[5326,7],[5449,7],[5560,7],[5676,7],[5792,7],[5896,7],[6020,7],[6147,7],[6267,7],[6378,9],[6950,9],[7067,9],[7086,8],[7216,8],[7251,7],[7364,7],[7479,7],[7585,7],[7708,7],[7819,7],[7935,7],[8051,7],[8155,7],[8279,7],[8406,7],[8526,7],[8637,9],[9303,9],[9420,9],[9439,8],[9569,8],[9604,7],[9717,7],[9832,7],[9938,7],[10061,7],[10172,7],[10288,7],[10404,7],[10508,7],[10632,7],[10759,7],[10879,7],[10990,9],[11776,9],[11893,9],[11912,8],[12042,8],[12077,7],[12190,7],[12305,7],[12411,7],[12534,7],[12645,7],[12761,7],[12877,7],[12981,7],[13105,7],[13232,7],[13352,7],[13463,9],[14206,9],[14323,9],[14342,8],[14472,8],[14507,7],[14620,7],[14735,7],[14841,7],[14964,7],[15075,7],[15191,7],[15307,7],[15411,7],[15535,7],[15662,7],[15782,7],[15893,9],[16597,9],[16714,9],[16733,8],[16863,8],[16898,7],[17011,7],[17126,7],[17232,7],[17355,7],[17466,7],[17582,7],[17698,7],[17802,7],[17926,7],[18053,7],[18173,7],[18284,9],[19080,9],[19197,9],[19216,8],[19346,8],[19381,7],[19494,7],[19609,7],[19715,7],[19838,7],[19949,7],[20065,7],[20181,7],[20285,7],[20409,7],[20536,7],[20656,7],[20767,9],[22165,8],[22202,7],[22383,9],[22500,9],[22519,8],[22649,8],[22684,7],[22797,7],[22881,7],[22987,7],[23079,7],[23204,7],[23334,7],[23464,7],[23538,7],[23662,7],[23789,7],[23909,7],[24020,9],[24120,7],[24357,7]]}}}],["navitem'",{"_index":2460,"t":{"592":{"position":[[3677,9]]},"656":{"position":[[2594,9]]}}}],["navitems1",{"_index":1077,"t":{"558":{"position":[[487,9],[606,9]]}}}],["navitems2",{"_index":1078,"t":{"558":{"position":[[540,9],[760,9],[1294,9],[1360,9],[2027,9],[2093,9]]}}}],["navlinkmatch",{"_index":2425,"t":{"592":{"position":[[1316,12]]},"656":{"position":[[1292,12]]}}}],["navlinkmatch.prefix",{"_index":2426,"t":{"592":{"position":[[1329,19]]},"656":{"position":[[1305,19]]}}}],["navstyl",{"_index":2708,"t":{"600":{"position":[[355,8],[364,8],[7428,8]]}}}],["navstyle.tab",{"_index":2709,"t":{"600":{"position":[[373,13]]}}}],["navstyle.vert",{"_index":2727,"t":{"600":{"position":[[7450,18]]}}}],["navstyle=\"navstyle.pil",{"_index":2720,"t":{"600":{"position":[[5999,26],[6056,26]]}}}],["navstyle=\"navstyle.underlin",{"_index":2721,"t":{"600":{"position":[[6807,29],[6920,30]]}}}],["navstyle=\"navstyle.vert",{"_index":2728,"t":{"600":{"position":[[7475,29]]}}}],["navstyle=\"navstyle.verticalpil",{"_index":2730,"t":{"600":{"position":[[8076,34]]}}}],["navstyle=\"navstyle.verticalunderlin",{"_index":2731,"t":{"600":{"position":[[8686,38]]}}}],["nec",{"_index":1916,"t":{"576":{"position":[[8655,4],[9831,3],[10060,3],[12896,4],[14072,3],[14301,3],[17037,4],[18213,3],[18442,3]]}}}],["need",{"_index":686,"t":{"110":{"position":[[352,4]]},"556":{"position":[[2054,4]]},"568":{"position":[[6971,7]]},"570":{"position":[[3342,4],[5178,5],[6437,6]]},"590":{"position":[[5941,7]]},"618":{"position":[[5224,5]]},"622":{"position":[[8353,5]]},"630":{"position":[[1772,4],[8066,5],[10012,4]]},"654":{"position":[[18288,4]]},"660":{"position":[[28584,4],[59311,4]]}}}],["needed.</p",{"_index":2049,"t":{"578":{"position":[[9234,11],[10991,11]]}}}],["neg",{"_index":345,"t":{"42":{"position":[[337,8]]},"602":{"position":[[2225,8]]},"604":{"position":[[2341,8]]},"606":{"position":[[2089,8]]},"608":{"position":[[1924,8]]},"618":{"position":[[306,8],[5880,8],[5910,8],[6004,8],[6217,8],[11804,8]]},"622":{"position":[[298,8],[9065,8],[9095,8],[9189,8],[9430,8],[17816,8]]},"654":{"position":[[18797,8]]}}}],["neglect",{"_index":107,"t":{"2":{"position":[[2243,9]]},"124":{"position":[[731,9]]}}}],["neha",{"_index":3240,"t":{"612":{"position":[[3251,5],[5122,5],[7747,5]]}}}],["nequ",{"_index":1856,"t":{"576":{"position":[[7897,5],[9585,6],[10670,5],[12138,5],[13826,6],[14911,5],[16279,5],[17967,6],[19052,5]]}}}],["nest",{"_index":2009,"t":{"578":{"position":[[3367,6]]},"592":{"position":[[189,6],[3658,6],[5226,7],[8179,7],[11173,7],[14171,7],[15351,6]]},"596":{"position":[[12579,6],[12602,6],[14012,6]]}}}],["net",{"_index":44,"t":{"2":{"position":[[546,4]]},"10":{"position":[[146,4]]},"16":{"position":[[182,4]]},"80":{"position":[[1286,4]]},"112":{"position":[[587,4],[705,4]]},"122":{"position":[[193,4],[278,4]]},"128":{"position":[[804,4],[815,4]]},"158":{"position":[[590,4]]},"230":{"position":[[599,4]]},"306":{"position":[[593,4]]},"346":{"position":[[243,4]]},"364":{"position":[[588,4]]},"550":{"position":[[237,4]]},"624":{"position":[[30,5],[84,5],[3528,5],[8767,5],[8804,5]]},"626":{"position":[[30,5],[84,5],[1277,4],[3715,5],[8243,5]]},"632":{"position":[[39,5],[102,5],[3201,5],[3234,5]]},"634":{"position":[[37,5],[91,5],[3065,5],[7662,5],[7695,5]]},"636":{"position":[[35,5],[89,5],[3321,5],[8755,5],[8792,5]]},"638":{"position":[[39,5],[102,5],[3022,5],[3055,5]]},"640":{"position":[[1717,4],[1767,4],[1957,4],[1964,4]]},"642":{"position":[[35,5],[94,5],[3567,5],[7831,5],[7859,5]]},"644":{"position":[[35,5],[94,5],[3567,5],[7670,5],[7698,5]]},"646":{"position":[[1722,4],[1772,4],[1908,5],[1974,4],[1981,4]]},"652":{"position":[[35,5],[94,5],[3040,5],[7555,5]]},"660":{"position":[[40623,4]]}}}],["net6.blazorserverapp",{"_index":3827,"t":{"626":{"position":[[6857,20]]}}}],["net6.blazorserverapp.data",{"_index":3826,"t":{"626":{"position":[[5797,26]]}}}],["net6.blazorserverapp.pag",{"_index":3823,"t":{"626":{"position":[[3807,26]]}}}],["net6.blazorserverapp.shar",{"_index":3828,"t":{"626":{"position":[[6885,27]]}}}],["net6.blazorwebassemblyapp",{"_index":4032,"t":{"644":{"position":[[5513,26],[6270,25]]}}}],["net6.blazorwebassemblyapp.shar",{"_index":4033,"t":{"644":{"position":[[6303,32]]}}}],["net7.blazorserverapp",{"_index":3804,"t":{"624":{"position":[[7381,20]]}}}],["net7.blazorserverapp.data",{"_index":3777,"t":{"624":{"position":[[6321,26]]}}}],["net7.blazorserverapp.pag",{"_index":3748,"t":{"624":{"position":[[3628,26]]}}}],["net7.blazorserverapp.shar",{"_index":3805,"t":{"624":{"position":[[7409,27]]}}}],["net7.blazorwebassemblyapp",{"_index":4020,"t":{"642":{"position":[[5714,26],[6431,25]]}}}],["net7.blazorwebassemblyapp.shar",{"_index":4028,"t":{"642":{"position":[[6464,32]]}}}],["net8.blazorautoglob",{"_index":4001,"t":{"636":{"position":[[6738,21]]}}}],["net8.blazorautoglobal.cli",{"_index":4002,"t":{"636":{"position":[[6767,28],[7439,28]]}}}],["net8.blazorautoglobal.client.pag",{"_index":3995,"t":{"636":{"position":[[5481,35]]}}}],["net8.blazorautoglobal.compon",{"_index":3996,"t":{"636":{"position":[[5523,33],[6803,32]]}}}],["net8.blazorwebapprendermodeserv",{"_index":3990,"t":{"634":{"position":[[6291,33]]}}}],["net8.blazorwebapprendermodeserver.compon",{"_index":3981,"t":{"634":{"position":[[5232,45],[6332,44]]}}}],["net8.blazorwebassemblystandaloneapp",{"_index":4065,"t":{"652":{"position":[[5589,36],[6316,35]]}}}],["net8.blazorwebassemblystandaloneapp.layout",{"_index":4066,"t":{"652":{"position":[[6359,42]]}}}],["new",{"_index":49,"t":{"2":{"position":[[743,3],[1036,3],[2874,3]]},"4":{"position":[[204,3]]},"6":{"position":[[151,3]]},"10":{"position":[[161,3],[208,3]]},"16":{"position":[[113,3],[155,3]]},"18":{"position":[[222,3]]},"20":{"position":[[113,3],[155,3]]},"30":{"position":[[114,3],[149,3]]},"38":{"position":[[113,3],[142,3]]},"42":{"position":[[135,3],[194,3],[536,3]]},"44":{"position":[[118,3],[197,3]]},"46":{"position":[[263,3],[314,3],[360,3]]},"48":{"position":[[116,3],[213,3],[261,3],[311,3]]},"50":{"position":[[116,3],[199,3],[240,3]]},"52":{"position":[[116,3],[280,3],[411,3],[450,3],[501,3],[545,3]]},"54":{"position":[[351,3]]},"56":{"position":[[503,3],[543,3]]},"58":{"position":[[115,3],[227,3]]},"60":{"position":[[141,3]]},"64":{"position":[[185,3],[204,3]]},"68":{"position":[[112,3],[164,4]]},"70":{"position":[[111,3],[163,4]]},"72":{"position":[[112,3],[186,4]]},"80":{"position":[[1303,3]]},"86":{"position":[[176,4],[342,3]]},"90":{"position":[[176,3]]},"92":{"position":[[110,3],[169,4]]},"96":{"position":[[167,3],[199,3]]},"98":{"position":[[190,3],[211,3]]},"100":{"position":[[113,3],[216,4],[649,3],[715,3],[777,3],[838,3]]},"110":{"position":[[128,3],[254,4]]},"116":{"position":[[181,4]]},"118":{"position":[[112,3],[168,4]]},"120":{"position":[[112,3],[184,4]]},"126":{"position":[[1075,3],[2342,3]]},"128":{"position":[[338,3],[411,3]]},"132":{"position":[[888,3],[1621,3],[2179,3],[2438,3],[2767,3]]},"134":{"position":[[504,3],[702,3]]},"136":{"position":[[2119,3],[2453,3],[2866,3]]},"140":{"position":[[448,3],[772,3],[1345,3],[2088,3]]},"146":{"position":[[177,3],[1707,3],[2891,3]]},"148":{"position":[[794,3]]},"150":{"position":[[158,3]]},"152":{"position":[[170,3],[537,3]]},"154":{"position":[[198,3]]},"156":{"position":[[167,3]]},"158":{"position":[[787,3],[1080,3],[1684,3]]},"160":{"position":[[169,3],[428,3],[757,3],[1495,3]]},"162":{"position":[[164,3]]},"164":{"position":[[175,3]]},"166":{"position":[[174,3]]},"168":{"position":[[166,3]]},"172":{"position":[[172,3]]},"180":{"position":[[185,3]]},"182":{"position":[[192,3]]},"184":{"position":[[168,3]]},"188":{"position":[[167,3]]},"190":{"position":[[192,3]]},"192":{"position":[[167,3]]},"194":{"position":[[167,3]]},"196":{"position":[[171,3]]},"198":{"position":[[175,3]]},"202":{"position":[[167,3]]},"204":{"position":[[203,3]]},"206":{"position":[[195,3]]},"208":{"position":[[184,3]]},"210":{"position":[[416,3]]},"212":{"position":[[837,3],[2104,3]]},"214":{"position":[[1905,3],[2239,3],[2652,3]]},"216":{"position":[[166,3]]},"218":{"position":[[179,3]]},"220":{"position":[[684,3],[1417,3],[1975,3],[2234,3],[2563,3]]},"224":{"position":[[165,3]]},"226":{"position":[[212,3]]},"228":{"position":[[161,3]]},"230":{"position":[[796,3],[1089,3],[1693,3]]},"232":{"position":[[1914,3],[2248,3],[2661,3]]},"234":{"position":[[846,3],[2113,3]]},"236":{"position":[[693,3],[1426,3],[1984,3],[2243,3],[2572,3]]},"238":{"position":[[188,3],[512,3],[1085,3],[1828,3]]},"240":{"position":[[360,3],[558,3]]},"244":{"position":[[164,3]]},"246":{"position":[[461,3]]},"248":{"position":[[676,3]]},"252":{"position":[[164,3]]},"254":{"position":[[160,3]]},"256":{"position":[[852,3]]},"262":{"position":[[165,3],[578,3]]},"264":{"position":[[896,3],[1309,3]]},"270":{"position":[[409,3],[2695,3]]},"272":{"position":[[1688,3],[2101,3]]},"280":{"position":[[166,3]]},"284":{"position":[[596,3],[1009,3]]},"288":{"position":[[597,3]]},"292":{"position":[[160,3]]},"294":{"position":[[882,3]]},"296":{"position":[[597,3]]},"298":{"position":[[166,3]]},"300":{"position":[[159,3]]},"306":{"position":[[790,3],[1083,3],[1687,3]]},"308":{"position":[[160,3],[453,3],[1057,3]]},"310":{"position":[[189,3]]},"312":{"position":[[161,3],[1428,3]]},"314":{"position":[[687,3]]},"316":{"position":[[840,3],[2107,3]]},"318":{"position":[[1355,3],[1689,3],[2102,3]]},"320":{"position":[[158,3]]},"322":{"position":[[165,3]]},"324":{"position":[[670,3]]},"326":{"position":[[1908,3],[2242,3],[2655,3]]},"328":{"position":[[509,3]]},"330":{"position":[[1082,3]]},"340":{"position":[[158,3]]},"346":{"position":[[440,3]]},"350":{"position":[[162,3]]},"352":{"position":[[159,3],[572,3]]},"354":{"position":[[890,3],[1303,3]]},"360":{"position":[[169,3],[2009,3]]},"364":{"position":[[785,3],[1115,3],[2289,3]]},"368":{"position":[[477,3]]},"370":{"position":[[1643,3]]},"374":{"position":[[185,3]]},"376":{"position":[[161,3]]},"378":{"position":[[159,3]]},"384":{"position":[[2594,3],[3007,3]]},"386":{"position":[[163,3]]},"390":{"position":[[160,3]]},"392":{"position":[[590,3],[1003,3]]},"394":{"position":[[158,3],[451,3],[781,3]]},"396":{"position":[[421,3]]},"398":{"position":[[356,3],[554,3]]},"402":{"position":[[168,3]]},"404":{"position":[[159,3],[489,3]]},"406":{"position":[[508,3]]},"408":{"position":[[178,3]]},"410":{"position":[[944,3]]},"412":{"position":[[510,3]]},"414":{"position":[[162,3]]},"418":{"position":[[153,3],[462,3]]},"424":{"position":[[876,3]]},"426":{"position":[[160,3]]},"428":{"position":[[435,3]]},"430":{"position":[[747,3]]},"432":{"position":[[160,3]]},"436":{"position":[[156,3]]},"452":{"position":[[157,3]]},"454":{"position":[[157,3]]},"464":{"position":[[158,3]]},"470":{"position":[[157,3]]},"472":{"position":[[162,3]]},"474":{"position":[[160,3]]},"478":{"position":[[179,3]]},"480":{"position":[[158,3]]},"492":{"position":[[173,3]]},"496":{"position":[[160,3]]},"498":{"position":[[160,3]]},"502":{"position":[[185,3]]},"504":{"position":[[159,3]]},"514":{"position":[[155,3]]},"516":{"position":[[156,3]]},"524":{"position":[[156,3]]},"536":{"position":[[154,3]]},"546":{"position":[[156,3]]},"552":{"position":[[156,3]]},"558":{"position":[[618,3],[645,3],[693,3],[772,3],[799,3],[847,3],[899,3],[1372,3],[1399,3],[1447,3],[1499,3],[2105,3],[2132,3],[2180,3],[2232,3]]},"572":{"position":[[4499,3],[5215,3]]},"574":{"position":[[2785,3],[3866,3],[4312,3],[5506,3],[6670,3],[7294,3],[7935,3],[8746,3]]},"576":{"position":[[3909,3],[4698,3],[5659,3],[6879,3]]},"578":{"position":[[4677,3],[5451,3],[6366,3],[7564,3]]},"586":{"position":[[3043,3],[3145,3],[3281,3],[3750,3],[5388,3],[6891,3],[8455,3]]},"592":{"position":[[2108,3],[2128,3],[2241,3],[2325,3],[2431,3],[2523,3],[2634,3],[2750,3],[2841,3],[2949,3],[3064,3],[3138,3],[3262,3],[3389,3],[3509,3],[4207,3],[4227,3],[4340,3],[4424,3],[4530,3],[4622,3],[4733,3],[4849,3],[4940,3],[5059,3],[5145,3],[5260,3],[5340,3],[5446,3],[5532,3],[5639,3],[5713,3],[5838,3],[5965,3],[6085,3],[7098,3],[7118,3],[7231,3],[7346,3],[7452,3],[7575,3],[7686,3],[7802,3],[7893,3],[8012,3],[8098,3],[8213,3],[8324,3],[8430,3],[8516,3],[8623,3],[8728,3],[8853,3],[8980,3],[9100,3],[10092,3],[10112,3],[10225,3],[10340,3],[10446,3],[10569,3],[10680,3],[10796,3],[10887,3],[11006,3],[11092,3],[11207,3],[11318,3],[11424,3],[11510,3],[11617,3],[11722,3],[11847,3],[11974,3],[12094,3],[13090,3],[13110,3],[13223,3],[13338,3],[13444,3],[13567,3],[13678,3],[13794,3],[13885,3],[14004,3],[14090,3],[14205,3],[14316,3],[14422,3],[14508,3],[14615,3],[14720,3],[14845,3],[14972,3],[15092,3]]},"596":{"position":[[2547,3],[3789,3],[3906,3],[4674,3],[5005,3],[6164,3],[6282,3],[6400,3],[7617,3],[9014,3],[9132,3],[9926,3],[10185,3],[10654,3],[11401,3],[12214,3],[13189,3]]},"600":{"position":[[1183,3],[1285,3],[1421,3],[11370,3],[13460,5],[14401,5],[14576,3],[15684,5],[15868,3]]},"602":{"position":[[3278,3],[3383,3],[3490,3],[3588,3],[3889,3],[3971,3],[3985,3],[4071,3],[4192,3],[4280,3],[7752,6],[7813,3],[7918,5],[7959,3],[8357,3],[8606,3],[9205,3],[9894,3],[10195,3],[10295,3],[10347,3],[10399,3],[10442,3],[10489,3],[10541,3],[10596,3],[10672,3],[10866,3],[11498,3],[11656,3],[11698,3],[11749,3],[11896,3],[11942,3],[11988,3],[12031,3],[12078,3],[12124,3],[12179,3],[12242,3],[12291,3],[12438,3],[12484,3],[12530,3],[12573,3],[12620,3],[12666,3],[12721,3],[12784,3],[12833,3],[12980,3],[13026,3],[13072,3],[13115,3],[13162,3],[13208,3],[13263,3],[13323,3],[13398,6],[13472,3],[14359,3],[14517,3],[14559,3],[14608,3],[14755,3],[14801,3],[14847,3],[14890,3],[14937,3],[14983,3],[15038,3],[15086,5],[15168,3],[15215,3],[15362,3],[15408,3],[15454,3],[15497,3],[15544,3],[15590,3],[15645,3],[15693,5],[15775,3],[15822,3],[15969,3],[16015,3],[16061,3],[16104,3],[16151,3],[16197,3],[16252,3],[16300,5],[16383,3],[16458,6],[16532,3],[17183,3]]},"604":{"position":[[5852,6],[5913,3],[6017,3],[6072,3],[6468,3],[6712,3],[7368,3],[8044,3],[8342,3],[8444,3],[8496,3],[8548,3],[8627,3],[8821,3],[9354,3],[9429,3],[9471,3],[9502,3],[9569,3],[9645,3],[9721,3],[9784,3],[9858,3],[9946,3],[10803,3],[10878,3],[10920,3],[10970,3],[11035,3],[11081,3],[11127,3],[11193,3],[11241,3],[11306,3],[11352,3],[11398,3],[11464,3],[11512,3],[11578,3],[11624,3],[11670,3],[11733,3],[11807,6],[11879,3],[13031,3],[13106,3],[13148,3],[13198,3],[13263,3],[13309,3],[13355,3],[13421,3],[13469,3],[13534,3],[13580,3],[13626,3],[13692,3],[13740,3],[13806,3],[13852,3],[13898,3],[13961,3],[14035,6],[14141,3],[15129,3],[15204,3],[15246,3],[15296,3],[15361,3],[15407,3],[15453,3],[15519,3],[15567,3],[15632,3],[15678,3],[15724,3],[15790,3],[15838,3],[15904,3],[15950,3],[15996,3],[16059,3],[16133,6],[16205,3],[16895,3]]},"606":{"position":[[4807,6],[4925,3],[5034,6],[5544,3],[5813,3],[6478,3],[6962,3],[7204,5],[7370,3],[7558,3],[7768,3],[8670,3],[8828,3],[8870,3],[8921,3],[9068,3],[9114,3],[9160,3],[9203,3],[9250,3],[9296,3],[9351,3],[9414,3],[9463,3],[9610,3],[9656,3],[9702,3],[9745,3],[9792,3],[9838,3],[9893,3],[9956,3],[10005,3],[10152,3],[10198,3],[10244,3],[10287,3],[10334,3],[10380,3],[10435,3],[10495,3],[10570,6],[10679,3],[11895,6],[12013,3],[12122,6],[12521,3],[12752,3],[13043,3],[13483,3],[13967,3],[14403,5],[14569,3],[14757,3],[14967,3]]},"608":{"position":[[4495,6],[4613,3],[4717,6],[5202,3],[5446,3],[6076,3],[6531,3],[6758,5],[6924,3],[7112,3],[7322,3],[8289,6],[8407,3],[8511,6],[8885,3],[9116,3],[9360,3],[9755,3],[10210,3],[10629,5],[10795,3],[10983,3],[11193,3],[12497,6],[12615,3],[12719,6],[13700,3],[13927,5],[14093,3],[14281,3],[14491,3]]},"612":{"position":[[2971,3],[4842,3],[7467,3],[9411,6],[9566,3]]},"614":{"position":[[8360,6],[8456,3],[8701,6],[8722,3],[11509,6],[11721,3],[12255,3],[12521,6],[12542,3]]},"616":{"position":[[5863,3],[5884,6],[5927,6],[5965,6],[6005,6],[6052,6]]},"618":{"position":[[9629,6],[9725,3],[10463,6],[10484,3]]},"622":{"position":[[12994,6],[13090,3],[13828,6],[13849,3]]},"624":{"position":[[8377,3],[8397,3],[8508,3],[8606,3]]},"626":{"position":[[7853,3],[7873,3],[7984,3],[8082,3]]},"628":{"position":[[1594,3],[2172,3],[3425,3],[3465,3],[3504,3],[3558,3],[3597,3],[4108,3],[4837,3],[7452,6],[7598,3],[7704,3],[7957,6],[7978,3],[8867,3],[10740,6],[10954,3],[11528,3],[11781,6],[11802,3]]},"630":{"position":[[2784,3],[2968,3],[4328,3],[4512,3],[5766,3],[5950,3],[7356,3],[7558,3],[9443,6],[9545,3],[9873,3],[11036,3],[11220,3]]},"634":{"position":[[7144,3],[7164,3],[7275,3],[7373,3]]},"636":{"position":[[8235,3],[8255,3],[8366,3],[8464,3]]},"640":{"position":[[1351,3],[1371,3],[1482,3],[1580,3]]},"642":{"position":[[5928,3],[5959,3],[7437,3],[7457,3],[7568,3],[7666,3]]},"644":{"position":[[5767,3],[5798,3],[7276,3],[7296,3],[7407,3],[7505,3]]},"646":{"position":[[1356,3],[1376,3],[1487,3],[1585,3]]},"648":{"position":[[1984,3],[3167,3],[3943,3],[4340,3],[4773,3],[5453,3],[5666,3]]},"652":{"position":[[5813,3],[5844,3],[7169,3],[7189,3],[7300,3],[7398,3]]},"654":{"position":[[20539,6],[20646,3],[21384,6],[21405,3],[25200,3]]},"656":{"position":[[2035,3],[2055,3],[2158,3],[2245,3],[2345,3],[2437,3],[3136,3],[3156,3],[3269,3],[3353,3],[3459,3],[3551,3],[3662,3],[3778,3],[3894,3],[3968,3],[4092,3],[4219,3],[4339,3],[4968,3],[4988,3],[5101,3],[5216,3],[5322,3],[5445,3],[5556,3],[5672,3],[5788,3],[5892,3],[6016,3],[6143,3],[6263,3],[7227,3],[7247,3],[7360,3],[7475,3],[7581,3],[7704,3],[7815,3],[7931,3],[8047,3],[8151,3],[8275,3],[8402,3],[8522,3],[9580,3],[9600,3],[9713,3],[9828,3],[9934,3],[10057,3],[10168,3],[10284,3],[10400,3],[10504,3],[10628,3],[10755,3],[10875,3],[12053,3],[12073,3],[12186,3],[12301,3],[12407,3],[12530,3],[12641,3],[12757,3],[12873,3],[12977,3],[13101,3],[13228,3],[13348,3],[14483,3],[14503,3],[14616,3],[14731,3],[14837,3],[14960,3],[15071,3],[15187,3],[15303,3],[15407,3],[15531,3],[15658,3],[15778,3],[16874,3],[16894,3],[17007,3],[17122,3],[17228,3],[17351,3],[17462,3],[17578,3],[17694,3],[17798,3],[17922,3],[18049,3],[18169,3],[19357,3],[19377,3],[19490,3],[19605,3],[19711,3],[19834,3],[19945,3],[20061,3],[20177,3],[20281,3],[20405,3],[20532,3],[20652,3],[22660,3],[22680,3],[22793,3],[22877,3],[22983,3],[23075,3],[23200,3],[23330,3],[23460,3],[23534,3],[23658,3],[23785,3],[23905,3]]},"660":{"position":[[2167,3],[7999,3],[8021,3],[8098,3],[8145,3],[8231,3],[8276,3],[8354,3],[8400,3],[8483,3],[8529,3],[8616,3],[8662,3],[8736,3],[8782,3],[8858,3],[8904,3],[8982,3],[9027,3],[9101,3],[10344,3],[10366,3],[10443,3],[10490,3],[10576,3],[10621,3],[10699,3],[10745,3],[10828,3],[10874,3],[10961,3],[11007,3],[11081,3],[11127,3],[11203,3],[11249,3],[11327,3],[11372,3],[11446,3],[12720,3],[12742,3],[12819,3],[12866,3],[12952,3],[12997,3],[13075,3],[13121,3],[13204,3],[13250,3],[13337,3],[13383,3],[13457,3],[13503,3],[13579,3],[13625,3],[13709,3],[13755,3],[13834,3],[13880,3],[13958,3],[14003,3],[14077,3],[14122,3],[14202,3],[15492,3],[15514,3],[15591,3],[15638,3],[15724,3],[15769,3],[15847,3],[15893,3],[15976,3],[16022,3],[16109,3],[16155,3],[16229,3],[16275,3],[16351,3],[16397,3],[16475,3],[16520,3],[16594,3],[17911,3],[17933,3],[18010,3],[18057,3],[18143,3],[18188,3],[18266,3],[18312,3],[18395,3],[18441,3],[18528,3],[18574,3],[18648,3],[18694,3],[18770,3],[18816,3],[18900,3],[18946,3],[19025,3],[19071,3],[19149,3],[19194,3],[19268,3],[19313,3],[19393,3],[20663,3],[20685,3],[20762,3],[20809,3],[20895,3],[20940,3],[21018,3],[21064,3],[21147,3],[21193,3],[21280,3],[21326,3],[21400,3],[21446,3],[21522,3],[21568,3],[21646,3],[21691,3],[21765,3],[23065,3],[23087,3],[23164,3],[23211,3],[23297,3],[23342,3],[23420,3],[23466,3],[23549,3],[23595,3],[23682,3],[23728,3],[23802,3],[23848,3],[23924,3],[23970,3],[24048,3],[24093,3],[24167,3],[26131,3],[26153,3],[26329,3],[26391,3],[26572,3],[26633,3],[26808,3],[26870,3],[27048,3],[27110,3],[27296,3],[27362,3],[27530,3],[27592,3],[27769,3],[27831,3],[28010,3],[28071,3],[28245,3],[32142,3],[32164,3],[32241,3],[32288,3],[32374,3],[32419,3],[32497,3],[32543,3],[32626,3],[32672,3],[32759,3],[32805,3],[32879,3],[32925,3],[33001,3],[33047,3],[33125,3],[33170,3],[33244,3],[34507,3],[34529,3],[34606,3],[34653,3],[34739,3],[34784,3],[34862,3],[34908,3],[34991,3],[35037,3],[35124,3],[35170,3],[35244,3],[35290,3],[35366,3],[35412,3],[35490,3],[35535,3],[35609,3],[36872,3],[36894,3],[36971,3],[37018,3],[37104,3],[37149,3],[37227,3],[37273,3],[37356,3],[37402,3],[37489,3],[37535,3],[37609,3],[37655,3],[37731,3],[37777,3],[37855,3],[37900,3],[37974,3],[39277,3],[39299,3],[39404,3],[39519,3],[39626,3],[39739,3],[39859,3],[39962,3],[40067,3],[40174,3],[41535,3],[41557,3],[41662,3],[41777,3],[41884,3],[41997,3],[42117,3],[42220,3],[42325,3],[42432,3],[44160,3],[44182,3],[44358,3],[44420,3],[44601,3],[44662,3],[44837,3],[44899,3],[45077,3],[45139,3],[45325,3],[45391,3],[45559,3],[45621,3],[45798,3],[45860,3],[46039,3],[46100,3],[46274,3],[47513,3],[47535,3],[47612,3],[47659,3],[47745,3],[47790,3],[47868,3],[47914,3],[47997,3],[48043,3],[48130,3],[48176,3],[48250,3],[48296,3],[48372,3],[48418,3],[48502,3],[48548,3],[48627,3],[48673,3],[48751,3],[48796,3],[48870,3],[48915,3],[48995,3],[50093,4],[50140,3],[53167,3],[53189,3],[53266,3],[53313,3],[53399,3],[53444,3],[53522,3],[53568,3],[53651,3],[53697,3],[53784,3],[53830,3],[53904,3],[53950,3],[54026,3],[54072,3],[54156,3],[54202,3],[54281,3],[54327,3],[54405,3],[54450,3],[54524,3],[54569,3],[54649,3],[55728,3],[55753,3],[55806,3],[55828,3],[55905,3],[55952,3],[56038,3],[56083,3],[56161,3],[56207,3],[56290,3],[56336,3],[56423,3],[56472,3],[56525,3],[56547,3],[56621,3],[56667,3],[56743,3],[56789,3],[56867,3],[56912,3],[56986,3],[58259,3],[58281,3],[58358,3],[58405,3],[58491,3],[58536,3],[58614,3],[58660,3],[58743,3],[58789,3],[58876,3],[59290,3],[59455,3],[59597,3],[59641,3],[59667,3],[59773,3],[59955,3],[59974,3],[60062,3],[61971,3],[61993,3],[62070,3],[62117,3],[62203,3],[62248,3],[62326,3],[62372,3],[62455,3],[62501,3],[62588,3],[62634,3],[62708,3],[62754,3],[62830,3],[62876,3],[62960,3],[63006,3],[63085,3],[63131,3],[63209,3],[63254,3],[63328,3],[63373,3],[63453,3],[65192,3],[65214,3],[65291,3],[65338,3],[65424,3],[65469,3],[65547,3],[65593,3],[65676,3],[65722,3],[65809,3],[65855,3],[65929,3],[65975,3],[66051,3],[66097,3],[66181,3],[66227,3],[66306,3],[66352,3],[66430,3],[66475,3],[66549,3],[66594,3],[66674,3],[68275,3],[68297,3],[68374,3],[68421,3],[68507,3],[68552,3],[68630,3],[68676,3],[68759,3],[68805,3],[68892,3],[68938,3],[69012,3],[69058,3],[69134,3],[69180,3],[69264,3],[69310,3],[69389,3],[69435,3],[69513,3],[69558,3],[69632,3],[69677,3],[69757,3],[71652,3],[71674,3],[71751,3],[71798,3],[71884,3],[71929,3],[72007,3],[72053,3],[72136,3],[72182,3],[72269,3],[72315,3],[72389,3],[72435,3],[72511,3],[72557,3],[72641,3],[72687,3],[72766,3],[72812,3],[72890,3],[72935,3],[73009,3],[73054,3],[73134,3],[74312,6],[74790,3],[74812,3],[74889,3],[74936,3],[75022,3],[75067,3],[75145,3],[75191,3],[75274,3],[75320,3],[75407,3],[75453,3],[75527,3],[75573,3],[75649,3],[75695,3],[75773,3],[75818,3],[75892,3],[76085,6],[77287,6],[77765,3],[77787,3],[77864,3],[77911,3],[77997,3],[78042,3],[78120,3],[78166,3],[78249,3],[78295,3],[78382,3],[78428,3],[78502,3],[78548,3],[78624,3],[78670,3],[78748,3],[78793,3],[78867,3],[79060,6],[80638,6],[81062,3],[81084,3],[81161,3],[81208,3],[81294,3],[81339,3],[81417,3],[81463,3],[81546,3],[81592,3],[81679,3],[81725,3],[81799,3],[81845,3],[81921,3],[81967,3],[82045,3],[82090,3],[82164,3],[82640,6],[84153,3],[84175,3],[84252,3],[84299,3],[84385,3],[84430,3],[84508,3],[84554,3],[84637,3],[84683,3],[84770,3],[84816,3],[84890,3],[84936,3],[85012,3],[85058,3],[85142,3],[85188,3],[85267,3],[85313,3],[85391,3],[85436,3],[85510,3],[85555,3],[85635,3],[86919,3],[86941,3],[87018,3],[87065,3],[87151,3],[87196,3],[87274,3],[87320,3],[87403,3],[87449,3],[87536,3],[87582,3],[87656,3],[87702,3],[87778,3],[87824,3],[87908,3],[87954,3],[88033,3],[88079,3],[88157,3],[88202,3],[88276,3],[88321,3],[88401,3],[92148,3],[92170,3],[92256,3],[92301,3],[92379,3],[92425,3],[92508,3],[92554,3],[92641,3],[92687,3],[92761,3],[92807,3],[92883,3],[100378,3],[100400,3],[100486,3],[100531,3],[100609,3],[100655,3],[100738,3],[100784,3],[100871,3],[100917,3],[100991,3],[101037,3],[101113,3],[102569,3],[102591,3],[102677,3],[102722,3],[102800,3],[102846,3],[102929,3],[102975,3],[103062,3],[103108,3],[103182,3],[103228,3],[103304,3],[105007,3],[105029,3],[105115,3],[105160,3],[105238,3],[105284,3],[105367,3],[105413,3],[105500,3],[105546,3],[105620,3],[105666,3],[105742,3],[107584,3],[108998,3],[109020,3],[109097,3],[109144,3],[109230,3],[109275,3],[109353,3],[109399,3],[109482,3],[109528,3],[109615,3],[109661,3],[109735,3],[109781,3],[109857,3],[109903,3],[109987,3],[110033,3],[110112,3],[110158,3],[110236,3],[110281,3],[110355,3],[110400,3],[110480,3],[112878,3],[112900,3],[112977,3],[113024,3],[113111,3],[113156,3],[113234,3],[113280,3],[113363,3],[113409,3],[113496,3],[113542,3],[113616,3],[113662,3],[113738,3],[113784,3],[113862,3],[113907,3],[114006,3],[114074,3],[126390,3],[126412,3],[126489,3],[126536,3],[126622,3],[126667,3],[126745,3],[126791,3],[126874,3],[126920,3],[127007,3],[127053,3],[127127,3],[127173,3],[127249,3],[127295,3],[127379,3],[127425,3],[127504,3],[127550,3],[127628,3],[127673,3],[127747,3],[127792,3],[127872,3],[129104,3],[129121,3],[129164,3],[129226,3],[129268,3],[129326,3],[129368,3],[129429,3],[129470,3],[129530,3],[129574,3],[129644,3],[129686,3],[129756,3],[129800,3],[129861,3],[129904,3],[129962,3],[130042,3],[130085,3],[131745,3],[131762,3],[131827,3],[131889,3],[131953,3],[132011,3],[132075,3],[132136,3],[132199,3],[132259,3],[132325,3],[132395,3],[132459,3],[132529,3],[132595,3],[132656,3],[132721,3],[132779,3],[132881,3],[132946,3]]}}}],["new(1",{"_index":2773,"t":{"600":{"position":[[13468,6],[14409,6],[15692,6]]},"612":{"position":[[2992,6],[4863,6],[7488,6]]}}}],["new(10",{"_index":3232,"t":{"612":{"position":[[3175,7],[5046,7],[7671,7]]}}}],["new(11",{"_index":3233,"t":{"612":{"position":[[3196,7],[5067,7],[7692,7]]}}}],["new(12",{"_index":3236,"t":{"612":{"position":[[3219,7],[5090,7],[7715,7]]}}}],["new(13",{"_index":3239,"t":{"612":{"position":[[3243,7],[5114,7],[7739,7]]}}}],["new(14",{"_index":3242,"t":{"612":{"position":[[3266,7],[5137,7],[7762,7]]}}}],["new(15",{"_index":3244,"t":{"612":{"position":[[3287,7],[5158,7],[7783,7]]}}}],["new(16",{"_index":3246,"t":{"612":{"position":[[3310,7],[5181,7],[7806,7]]}}}],["new(17",{"_index":3249,"t":{"612":{"position":[[3333,7],[5204,7],[7829,7]]}}}],["new(18",{"_index":3252,"t":{"612":{"position":[[3360,7],[5231,7],[7856,7]]}}}],["new(19",{"_index":3255,"t":{"612":{"position":[[3380,7],[5251,7],[7876,7]]}}}],["new(2",{"_index":2776,"t":{"600":{"position":[[13492,6],[14433,6],[15716,6]]},"612":{"position":[[3010,6],[4881,6],[7506,6]]}}}],["new(20",{"_index":3257,"t":{"612":{"position":[[3398,7],[5269,7],[7894,7]]}}}],["new(21",{"_index":3259,"t":{"612":{"position":[[3420,7],[5291,7],[7916,7]]}}}],["new(22",{"_index":3261,"t":{"612":{"position":[[3440,7],[5311,7],[7936,7]]}}}],["new(3",{"_index":2777,"t":{"600":{"position":[[13516,6],[14457,6],[15740,6]]},"612":{"position":[[3030,6],[4901,6],[7526,6]]}}}],["new(4",{"_index":2780,"t":{"600":{"position":[[13538,6],[14479,6],[15762,6]]},"612":{"position":[[3051,6],[4922,6],[7547,6]]}}}],["new(5",{"_index":3221,"t":{"612":{"position":[[3069,6],[4940,6],[7565,6]]}}}],["new(6",{"_index":3224,"t":{"612":{"position":[[3091,6],[4962,6],[7587,6]]}}}],["new(7",{"_index":3226,"t":{"612":{"position":[[3110,6],[4981,6],[7606,6]]}}}],["new(8",{"_index":3227,"t":{"612":{"position":[[3132,6],[5003,6],[7628,6]]}}}],["new(9",{"_index":3229,"t":{"612":{"position":[[3154,6],[5025,6],[7650,6]]}}}],["newdata",{"_index":2930,"t":{"602":{"position":[[8596,7],[8717,8]]},"604":{"position":[[6702,7],[6822,8]]},"606":{"position":[[5803,7],[5931,8],[13033,7],[13161,8]]},"608":{"position":[[5436,7],[5559,8],[9350,7],[9473,8]]}}}],["newdata.add(random.next(0",{"_index":3104,"t":{"606":{"position":[[5867,26],[13097,26]]},"608":{"position":[[5500,26],[9414,26]]}}}],["newdata.add(random.next(200",{"_index":2931,"t":{"602":{"position":[[8660,30]]},"604":{"position":[[6766,30]]}}}],["newdataset",{"_index":2927,"t":{"602":{"position":[[8343,11],[8786,12]]},"604":{"position":[[6454,11],[6890,12]]},"606":{"position":[[5530,11],[6004,12],[12738,11],[13234,12]]},"608":{"position":[[5188,11],[5627,12],[9102,11],[9541,12]]}}}],["newdatasets.add(barchartdataset",{"_index":3039,"t":{"604":{"position":[[6831,33]]}}}],["newdatasets.add(doughnutchartdataset",{"_index":3105,"t":{"606":{"position":[[5940,38],[13170,38]]}}}],["newdatasets.add(linechartdataset",{"_index":2932,"t":{"602":{"position":[[8726,34]]}}}],["newdatasets.add(piechartdataset",{"_index":3134,"t":{"608":{"position":[[5568,33],[9482,33]]}}}],["newer",{"_index":178,"t":{"4":{"position":[[307,5]]},"6":{"position":[[217,5]]},"8":{"position":[[302,5]]},"10":{"position":[[408,5]]},"12":{"position":[[759,5]]},"14":{"position":[[385,5]]},"16":{"position":[[325,5]]},"18":{"position":[[384,5]]},"20":{"position":[[285,5]]},"22":{"position":[[404,5]]},"24":{"position":[[336,5]]},"26":{"position":[[322,5]]},"28":{"position":[[287,5]]},"30":{"position":[[449,5]]},"32":{"position":[[666,5]]},"34":{"position":[[289,5]]},"36":{"position":[[790,5]]},"38":{"position":[[607,5]]},"40":{"position":[[498,5]]},"42":{"position":[[878,5]]},"44":{"position":[[626,5]]},"46":{"position":[[730,5]]},"48":{"position":[[604,5]]},"50":{"position":[[515,5]]},"52":{"position":[[912,5]]},"54":{"position":[[587,5]]},"56":{"position":[[867,5]]},"58":{"position":[[470,5]]},"60":{"position":[[812,5]]},"62":{"position":[[488,5]]},"64":{"position":[[429,5]]},"66":{"position":[[461,5]]},"68":{"position":[[1188,5]]},"70":{"position":[[1115,5]]},"72":{"position":[[1169,5]]},"74":{"position":[[683,5]]},"76":{"position":[[445,5]]},"78":{"position":[[542,5]]},"80":{"position":[[1955,5]]},"82":{"position":[[707,5]]},"84":{"position":[[687,5]]},"86":{"position":[[903,5]]},"88":{"position":[[512,5]]},"90":{"position":[[393,5]]},"92":{"position":[[532,5]]},"94":{"position":[[426,5]]},"96":{"position":[[472,5]]},"98":{"position":[[1107,5]]},"100":{"position":[[1579,5]]},"102":{"position":[[588,5]]},"104":{"position":[[1045,5]]},"106":{"position":[[619,5]]},"108":{"position":[[708,5]]},"110":{"position":[[1306,5]]},"112":{"position":[[995,5]]},"114":{"position":[[452,5]]},"116":{"position":[[556,5]]},"118":{"position":[[615,5]]},"120":{"position":[[532,5]]},"122":{"position":[[435,5]]},"124":{"position":[[1249,5]]},"126":{"position":[[2876,5]]},"132":{"position":[[3057,5]]},"134":{"position":[[2044,5]]},"136":{"position":[[3098,5]]},"138":{"position":[[437,5]]},"140":{"position":[[2570,5]]},"212":{"position":[[2896,5]]},"214":{"position":[[3132,5]]},"218":{"position":[[385,5]]},"220":{"position":[[3166,5]]},"232":{"position":[[3141,5]]},"234":{"position":[[2905,5]]},"236":{"position":[[3175,5]]},"238":{"position":[[2507,5]]},"240":{"position":[[2094,5]]},"242":{"position":[[296,5]]},"276":{"position":[[810,5]]},"310":{"position":[[807,5]]},"312":{"position":[[2774,5]]},"314":{"position":[[1305,5]]},"316":{"position":[[2899,5]]},"318":{"position":[[3081,5]]},"326":{"position":[[3135,5]]},"362":{"position":[[243,5]]},"370":{"position":[[2847,5]]},"382":{"position":[[751,5]]}}}],["newli",{"_index":2754,"t":{"600":{"position":[[11627,5]]}}}],["newpagenumb",{"_index":2193,"t":{"582":{"position":[[3259,14],[3319,14]]}}}],["next",{"_index":1069,"t":{"556":{"position":[[4021,4]]},"558":{"position":[[2382,4]]},"560":{"position":[[7336,4]]},"562":{"position":[[23467,4]]},"564":{"position":[[971,4]]},"566":{"position":[[7869,4]]},"568":{"position":[[9751,4]]},"570":{"position":[[13365,4]]},"572":{"position":[[5268,4]]},"574":{"position":[[8920,4]]},"576":{"position":[[21366,4]]},"578":{"position":[[15282,4]]},"580":{"position":[[3525,4]]},"582":{"position":[[907,4],[971,4],[3391,4]]},"584":{"position":[[3731,4]]},"586":{"position":[[9801,4]]},"588":{"position":[[1655,4]]},"590":{"position":[[8318,4]]},"592":{"position":[[15268,4]]},"594":{"position":[[4707,4]]},"596":{"position":[[13879,4]]},"598":{"position":[[4362,4]]},"600":{"position":[[2420,5],[2644,5],[2868,5],[3353,5],[3577,5],[3801,5],[4269,5],[4554,5],[4838,5],[5198,5],[5422,5],[5664,5],[5888,5],[6288,5],[6512,5],[6736,5],[16148,4]]},"602":{"position":[[17328,4]]},"604":{"position":[[1939,4],[17034,4]]},"606":{"position":[[15352,4]]},"608":{"position":[[14877,4]]},"610":{"position":[[2166,4]]},"612":{"position":[[1943,4],[13445,4]]},"614":{"position":[[12922,4]]},"616":{"position":[[6147,4]]},"618":{"position":[[11682,4]]},"620":{"position":[[2931,4]]},"622":{"position":[[17523,4]]},"624":{"position":[[8776,4]]},"626":{"position":[[8252,4]]},"628":{"position":[[12088,4]]},"630":{"position":[[12220,4]]},"632":{"position":[[3210,4]]},"634":{"position":[[7671,4]]},"636":{"position":[[8764,4]]},"638":{"position":[[3031,4]]},"640":{"position":[[1908,4]]},"642":{"position":[[7840,4]]},"644":{"position":[[7679,4]]},"646":{"position":[[1917,4]]},"652":{"position":[[7529,4]]},"654":{"position":[[25564,4]]},"656":{"position":[[24087,4]]},"658":{"position":[[1358181,4]]},"660":{"position":[[133323,4]]}}}],["nextlinkicon",{"_index":2152,"t":{"582":{"position":[[854,12],[1016,14]]}}}],["nextlinkicon=\"iconname.chevronright",{"_index":2177,"t":{"582":{"position":[[2126,36]]}}}],["nextlinktext",{"_index":2153,"t":{"582":{"position":[[929,12],[987,14]]}}}],["nibh",{"_index":1862,"t":{"576":{"position":[[7951,5],[11041,4],[11139,5],[12192,5],[15282,4],[15380,5],[16333,5],[19423,4],[19521,5]]}}}],["nice",{"_index":1031,"t":{"556":{"position":[[2110,4]]}}}],["niet",{"_index":4623,"t":{"660":{"position":[[107743,5]]}}}],["nisi",{"_index":1938,"t":{"576":{"position":[[9450,5],[9610,4],[10567,4],[13691,5],[13851,4],[14808,4],[17832,5],[17992,4],[18949,4]]}}}],["nisl",{"_index":1902,"t":{"576":{"position":[[8410,4],[9379,5],[10770,4],[12651,4],[13620,5],[15011,4],[16792,4],[17761,5],[19152,4]]}}}],["nobuttoncolor",{"_index":1684,"t":{"574":{"position":[[1189,13],[4424,13]]}}}],["nobuttontext",{"_index":1686,"t":{"574":{"position":[[1279,12],[4399,12]]}}}],["non",{"_index":78,"t":{"2":{"position":[[1709,3]]},"124":{"position":[[197,3]]},"576":{"position":[[8541,3],[9174,3],[10701,4],[12782,3],[13415,3],[14942,4],[16923,3],[17556,3],[19083,4]]},"602":{"position":[[3633,3]]},"660":{"position":[[5062,3],[5205,3]]}}}],["none",{"_index":1433,"t":{"568":{"position":[[3969,4]]},"598":{"position":[[2983,6],[3132,6]]}}}],["note",{"_index":1057,"t":{"556":{"position":[[3575,4]]},"562":{"position":[[2759,6],[3310,6],[3860,6],[4623,6],[5248,6],[5871,6],[6613,6],[7164,6],[7714,6],[8415,6],[8980,6],[9530,6],[10245,6],[10796,6],[11346,6],[12425,6],[12988,6],[13550,6],[14108,6],[14656,6],[15216,6],[18742,6],[19293,6],[19843,6],[21127,6],[21700,6],[22272,6]]},"568":{"position":[[8467,4]]},"586":{"position":[[9680,4]]},"596":{"position":[[12597,4]]},"598":{"position":[[749,4]]},"600":{"position":[[1983,4],[11735,4]]},"612":{"position":[[3556,5],[5427,5],[6456,5],[8052,5],[10212,5],[11723,5],[12021,4],[13217,5]]},"614":{"position":[[1360,4],[3199,4],[6244,4]]},"618":{"position":[[3668,4],[7083,4]]},"620":{"position":[[1693,4]]},"622":{"position":[[7573,4],[10302,4]]},"624":{"position":[[921,4]]},"626":{"position":[[923,4]]},"628":{"position":[[1304,4],[2371,4],[4385,4]]},"640":{"position":[[502,4]]},"642":{"position":[[930,4]]},"644":{"position":[[930,4]]},"646":{"position":[[507,4]]},"654":{"position":[[18265,4]]},"656":{"position":[[2654,4]]},"660":{"position":[[24589,4],[28551,4],[30360,5],[50564,4],[52503,5],[59731,4],[116187,5],[118811,5],[121472,5],[124248,5]]}}}],["notequ",{"_index":701,"t":{"110":{"position":[[771,8]]}}}],["notif",{"_index":1187,"t":{"560":{"position":[[3587,13],[3884,13]]},"578":{"position":[[129,14]]},"630":{"position":[[50,13],[195,13],[236,13]]},"648":{"position":[[148,14]]}}}],["notifi",{"_index":3959,"t":{"630":{"position":[[11789,11]]}}}],["novalid",{"_index":3434,"t":{"614":{"position":[[9972,11]]},"628":{"position":[[5492,11],[9512,11]]}}}],["novemb",{"_index":157,"t":{"2":{"position":[[3653,8]]},"4":{"position":[[23,8]]},"8":{"position":[[23,8]]},"42":{"position":[[24,8]]},"46":{"position":[[24,8]]},"52":{"position":[[24,8]]},"108":{"position":[[25,8]]},"130":{"position":[[176,8],[219,8],[399,8],[443,8],[487,8],[1120,8]]},"132":{"position":[[2675,8]]},"138":{"position":[[23,8],[217,8]]},"140":{"position":[[24,8],[337,8]]},"158":{"position":[[2463,8]]},"160":{"position":[[665,8],[1071,8],[1384,8]]},"166":{"position":[[82,8],[488,8]]},"168":{"position":[[74,8],[480,8]]},"180":{"position":[[74,8]]},"182":{"position":[[81,8]]},"186":{"position":[[78,8]]},"190":{"position":[[81,8]]},"194":{"position":[[75,8],[481,8]]},"200":{"position":[[78,8]]},"202":{"position":[[75,8],[481,8]]},"208":{"position":[[73,8]]},"216":{"position":[[74,8]]},"218":{"position":[[68,8]]},"220":{"position":[[2471,8],[2877,8]]},"230":{"position":[[2472,8]]},"236":{"position":[[2480,8],[2886,8]]},"238":{"position":[[77,8]]},"240":{"position":[[1923,8]]},"242":{"position":[[76,8]]},"306":{"position":[[2466,8]]},"308":{"position":[[1836,8]]},"336":{"position":[[351,8]]},"360":{"position":[[732,8]]},"364":{"position":[[1678,8]]},"368":{"position":[[366,8]]},"374":{"position":[[74,8]]},"384":{"position":[[704,8]]},"400":{"position":[[70,8]]},"416":{"position":[[68,8]]},"434":{"position":[[67,8]]},"438":{"position":[[67,8]]},"474":{"position":[[68,8]]},"478":{"position":[[68,8]]},"490":{"position":[[70,8]]},"602":{"position":[[11615,11],[14476,11]]},"604":{"position":[[5802,11]]},"606":{"position":[[8787,11]]},"650":{"position":[[68,8]]}}}],["now",{"_index":122,"t":{"2":{"position":[[2534,3]]},"124":{"position":[[1022,3]]},"560":{"position":[[822,4]]},"660":{"position":[[59261,3],[60028,4]]}}}],["nowrap",{"_index":298,"t":{"32":{"position":[[476,6]]},"660":{"position":[[6796,7],[42742,7],[116757,7],[119399,7],[122072,7],[133820,6]]}}}],["nuget",{"_index":715,"t":{"110":{"position":[[1020,5]]},"624":{"position":[[224,5],[300,5],[8821,5]]},"626":{"position":[[224,5],[300,5],[8284,5]]},"632":{"position":[[242,5],[318,5],[3251,5]]},"634":{"position":[[282,5],[358,5],[7712,5]]},"636":{"position":[[294,5],[313,5],[2937,5],[2956,5],[8824,5],[8946,5]]},"638":{"position":[[242,5],[318,5],[3072,5]]},"642":{"position":[[234,5],[310,5],[7876,5]]},"644":{"position":[[234,5],[310,5],[7715,5]]},"652":{"position":[[234,5],[310,5],[7572,5]]}}}],["null",{"_index":540,"t":{"84":{"position":[[214,4],[375,4]]},"558":{"position":[[289,4]]},"560":{"position":[[207,4],[636,4]]},"562":{"position":[[329,4],[2003,4],[2091,4],[2138,4],[2202,4]]},"566":{"position":[[237,4],[406,4]]},"568":{"position":[[383,4],[710,4],[1063,4],[1189,4],[1459,4]]},"570":{"position":[[460,4],[797,4],[978,4],[1158,4],[1339,4],[1592,4],[1743,4],[1872,4],[2028,4],[2284,4],[2464,4]]},"572":{"position":[[241,4],[399,4]]},"574":{"position":[[296,5],[443,5],[555,5],[605,5],[765,4],[946,4]]},"576":{"position":[[260,4],[332,4],[481,4],[557,4],[624,4],[700,4],[1153,4]]},"578":{"position":[[259,4],[331,4],[570,4],[663,4],[739,4],[915,4],[991,4],[1319,4],[1649,4],[1922,5]]},"580":{"position":[[390,4]]},"582":{"position":[[552,4],[752,4],[949,4],[1158,4]]},"584":{"position":[[489,4],[585,4],[855,5]]},"586":{"position":[[223,4],[521,4],[668,4],[719,4],[787,4],[941,4],[1127,4],[1217,4],[1381,4],[1480,4],[1619,4],[1902,4],[2180,4],[2245,4]]},"588":{"position":[[286,4],[340,4]]},"590":{"position":[[303,4],[678,4]]},"592":{"position":[[287,4],[350,4],[617,4],[665,4],[920,4],[993,4],[1231,4],[1412,4],[1937,5],[4036,5],[6927,5],[9921,5],[12919,5]]},"594":{"position":[[386,4]]},"596":{"position":[[594,4],[687,4],[751,4],[961,4],[1184,4],[1264,4],[1468,4],[1581,4],[1640,4],[13056,6],[13776,6]]},"598":{"position":[[534,4]]},"600":{"position":[[210,4],[1669,4],[1816,4],[1867,4],[1935,4],[13326,5]]},"602":{"position":[[459,4],[601,4],[1252,5],[1598,4],[1666,4],[1872,4],[1941,4],[2002,4],[2101,4],[2153,4],[2420,4],[2890,4],[2972,4],[3046,4],[3104,4],[3165,4],[3727,4],[3810,4],[4614,4],[4647,4],[5068,4],[5125,4],[5197,4],[8266,4],[8296,4],[8506,4],[8543,5],[8915,4],[8945,5],[9150,4],[9180,5]]},"604":{"position":[[314,4],[456,4],[1107,5],[1462,4],[1523,4],[1725,4],[1990,4],[2095,4],[2269,4],[2601,4],[2792,4],[2874,4],[2952,4],[3013,4],[3104,4],[3161,4],[3233,4],[6377,4],[6407,4],[6614,4],[6650,5],[7017,4],[7047,5],[7282,4],[7312,5]]},"606":{"position":[[410,4],[552,4],[1203,5],[1558,4],[1619,4],[1831,4],[1900,4],[1965,4],[2017,4],[2284,4],[2545,4],[2627,4],[2705,4],[2766,4],[2857,4],[5453,4],[5483,4],[5705,4],[5746,5],[6141,4],[6171,5],[6423,4],[6453,5],[12661,4],[12691,4],[12935,4],[12976,5],[13428,4],[13458,5]]},"608":{"position":[[255,4],[397,4],[1048,5],[1394,4],[1462,4],[1666,4],[1735,4],[1800,4],[1852,4],[2119,4],[2375,4],[2457,4],[2535,4],[2595,4],[5111,4],[5141,4],[5348,4],[5384,5],[5754,4],[5784,5],[6021,4],[6051,5],[9025,4],[9055,4],[9262,4],[9298,5],[9700,4],[9730,5]]},"610":{"position":[[223,4],[590,4]]},"612":{"position":[[349,4],[612,4],[673,4],[1050,4],[1112,4],[2669,5],[3565,4],[4540,5],[5436,4],[6465,4],[7165,5],[8061,4],[10221,4],[10317,5],[10336,9],[11732,4],[13226,4]]},"614":{"position":[[957,4],[5288,5],[5431,5],[11850,4],[11910,5],[11943,5],[11965,5],[11987,5],[12094,5]]},"616":{"position":[[496,4]]},"618":{"position":[[912,4],[966,4]]},"620":{"position":[[292,4]]},"622":{"position":[[1016,4],[1177,4],[1471,4]]},"624":{"position":[[8230,5]]},"626":{"position":[[7706,5]]},"628":{"position":[[901,4],[3545,5],[11089,4],[11151,5],[11182,5],[11205,5],[11228,5],[11339,5]]},"630":{"position":[[828,4]]},"634":{"position":[[6997,5]]},"636":{"position":[[8088,5]]},"640":{"position":[[1204,5]]},"642":{"position":[[7290,5]]},"644":{"position":[[7129,5]]},"646":{"position":[[1209,5]]},"648":{"position":[[531,4],[721,4],[897,4]]},"652":{"position":[[7022,5]]},"654":{"position":[[533,4],[1129,4],[1220,4],[1397,4],[1767,4],[2057,4],[2310,4],[2469,4],[2631,4]]},"656":{"position":[[295,4],[358,4],[445,4],[628,4],[684,4],[943,4],[1016,4],[1254,4],[1388,4],[1888,5],[2989,5],[4821,5],[7080,5],[9433,5],[11906,5],[14336,5],[16727,5],[19210,5],[22513,5]]},"658":{"position":[[387,4]]},"660":{"position":[[768,4],[868,4],[952,4],[1071,4],[1339,4],[1504,4],[1613,4],[1743,6],[1864,4],[2741,4],[2852,6],[2903,4],[4094,4],[4494,4],[4736,4],[5265,4],[5327,4],[5621,4],[6132,4],[30324,4],[52181,5],[52486,5],[52981,5],[53074,5],[53087,5],[61519,5],[64914,5],[67997,5],[71374,5],[74512,5],[76047,4],[77487,5],[79022,4],[80784,5],[82602,4],[83875,5],[86641,5],[91870,5],[100100,5],[102291,5],[104729,5],[108720,5],[112600,5],[113045,5],[113981,5],[114062,5],[116151,4],[118775,4],[121436,4],[124212,4],[126112,5],[128847,5],[129242,5],[130004,5],[131488,5],[131927,5],[132843,5]]}}}],["nulla",{"_index":1866,"t":{"576":{"position":[[7997,5],[8175,5],[8351,5],[9128,5],[9256,5],[10572,6],[12238,5],[12416,5],[12592,5],[13369,5],[13497,5],[14813,6],[16379,5],[16557,5],[16733,5],[17510,5],[17638,5],[18954,6]]}}}],["nulla.</p",{"_index":1966,"t":{"576":{"position":[[10859,10],[15100,10],[19241,10]]}}}],["nullam",{"_index":1914,"t":{"576":{"position":[[8613,6],[9879,6],[11094,6],[11145,6],[12854,6],[14120,6],[15335,6],[15386,6],[16995,6],[18261,6],[19476,6],[19527,6]]}}}],["number",{"_index":330,"t":{"40":{"position":[[221,7]]},"42":{"position":[[346,7],[817,6],[831,6],[856,6]]},"48":{"position":[[540,6]]},"80":{"position":[[819,6],[1586,6]]},"82":{"position":[[510,6]]},"132":{"position":[[2592,6]]},"140":{"position":[[598,6],[612,6],[637,6]]},"142":{"position":[[376,6]]},"160":{"position":[[582,6],[1645,6],[1659,6],[1684,6]]},"164":{"position":[[329,6]]},"180":{"position":[[335,6],[349,6],[374,6]]},"182":{"position":[[35,7],[342,6],[356,6],[381,6]]},"188":{"position":[[29,7],[321,6]]},"190":{"position":[[29,6],[342,6],[356,6],[381,6]]},"208":{"position":[[334,6],[348,6],[373,6]]},"218":{"position":[[329,6],[343,6],[368,6]]},"220":{"position":[[2388,6]]},"236":{"position":[[2397,6]]},"238":{"position":[[338,6],[352,6],[377,6]]},"256":{"position":[[1006,6]]},"280":{"position":[[320,6]]},"368":{"position":[[627,6],[641,6],[666,6]]},"374":{"position":[[28,7],[335,6],[349,6],[374,6]]},"478":{"position":[[329,6],[343,6],[368,6]]},"496":{"position":[[314,6]]},"582":{"position":[[282,7],[1495,6],[1760,6],[3148,7]]},"592":{"position":[[3421,8],[3478,7],[5997,8],[6054,7],[9012,8],[9069,7],[12006,8],[12063,7],[15004,8],[15061,7]]},"602":{"position":[[4704,6]]},"614":{"position":[[3233,6],[12927,6]]},"616":{"position":[[4185,6],[6134,6]]},"618":{"position":[[6,6],[39,6],[315,8],[1166,6],[1197,6],[1999,7],[2178,7],[2360,7],[2544,7],[2728,7],[2914,7],[3100,7],[3288,7],[3702,6],[5889,8],[5919,7],[6013,8],[6226,7],[11813,7]]},"622":{"position":[[117,7],[307,8],[1033,6],[1194,6],[1274,6],[1330,6],[1365,6],[5414,6],[5526,6],[7607,6],[9074,8],[9104,7],[9198,8],[9439,7],[17705,6],[17825,7]]},"628":{"position":[[2405,6],[5613,7],[5784,7],[8068,6]]},"656":{"position":[[4251,8],[4308,7],[6175,8],[6232,7],[8434,8],[8491,7],[10787,8],[10844,7],[13260,8],[13317,7],[15690,8],[15747,7],[18081,8],[18138,7],[20564,8],[20621,7],[23817,8],[23874,7]]},"660":{"position":[[3950,6],[6908,7],[40581,8],[50388,7]]}}}],["number/d",{"_index":4625,"t":{"660":{"position":[[107789,11]]}}}],["number/date/boolean",{"_index":4618,"t":{"660":{"position":[[107619,19]]}}}],["number1",{"_index":782,"t":{"142":{"position":[[327,7],[361,7],[1454,7]]}}}],["number</label",{"_index":3537,"t":{"618":{"position":[[1907,14],[2084,14],[2265,14],[2448,14],[2632,14],[2817,14],[3003,14],[3190,14]]},"622":{"position":[[6187,14],[6318,14],[6452,14],[6588,14],[6725,14],[6863,14],[7002,14],[7142,14]]}}}],["numberinput",{"_index":60,"t":{"2":{"position":[[1178,11]]},"42":{"position":[[210,11],[239,11],[654,11]]},"80":{"position":[[1864,11]]},"118":{"position":[[284,11],[550,11]]},"136":{"position":[[1158,11]]},"146":{"position":[[1210,11]]},"150":{"position":[[300,11]]},"158":{"position":[[1222,11]]},"214":{"position":[[944,11]]},"222":{"position":[[833,11]]},"230":{"position":[[1231,11]]},"232":{"position":[[953,11]]},"256":{"position":[[402,11]]},"264":{"position":[[698,11]]},"270":{"position":[[2252,11]]},"282":{"position":[[401,11]]},"284":{"position":[[398,11]]},"294":{"position":[[684,11]]},"296":{"position":[[395,11]]},"306":{"position":[[1225,11]]},"308":{"position":[[595,11]]},"318":{"position":[[394,11]]},"326":{"position":[[947,11]]},"328":{"position":[[651,11]]},"350":{"position":[[304,11],[710,11]]},"354":{"position":[[692,11]]},"364":{"position":[[927,11]]},"370":{"position":[[1200,11]]},"390":{"position":[[20,13],[302,11],[708,11]]},"392":{"position":[[392,11]]},"394":{"position":[[593,11]]},"404":{"position":[[301,11]]},"412":{"position":[[652,11]]},"416":{"position":[[664,11]]},"424":{"position":[[678,11]]},"436":{"position":[[298,11]]},"522":{"position":[[390,11]]},"546":{"position":[[298,11]]},"618":{"position":[[69,11],[363,11],[1307,11],[1490,12],[1681,11],[1922,12],[2099,12],[2280,12],[2463,12],[2647,12],[2832,12],[3018,12],[3205,12],[3716,11],[4049,12],[4547,12],[4842,12],[5402,12],[5628,12],[6082,12],[6409,12],[6482,12],[7070,12],[7221,12],[7508,11],[7717,11],[7782,11],[8379,12],[8730,12],[9130,12],[11055,11],[11215,12]]},"654":{"position":[[19386,12],[19678,12],[20019,12]]}}}],["numberinput.dis",{"_index":3573,"t":{"618":{"position":[[7579,22]]}}}],["numberinput.en",{"_index":3574,"t":{"618":{"position":[[7627,21]]}}}],["numberinput2",{"_index":862,"t":{"142":{"position":[[1520,12]]}}}],["numberinput<int",{"_index":3572,"t":{"618":{"position":[[7490,17]]}}}],["numberofdataset",{"_index":2945,"t":{"602":{"position":[[9859,17],[9949,17]]},"604":{"position":[[8009,17],[8099,17]]},"606":{"position":[[6927,17],[7017,17],[13932,17],[14022,17],[14167,16]]},"608":{"position":[[6496,17],[6586,17],[10175,17],[10265,17],[10405,16],[13665,17],[13755,17]]}}}],["numberoflabel",{"_index":2952,"t":{"602":{"position":[[10835,15],[10914,15]]},"604":{"position":[[8790,15],[8869,15]]},"606":{"position":[[7737,15],[7816,15],[14936,15],[15015,15]]},"608":{"position":[[7291,15],[7370,15],[11162,15],[11241,15],[14460,15],[14539,15]]}}}],["numer",{"_index":3476,"t":{"616":{"position":[[811,7],[3632,7]]},"618":{"position":[[1397,7]]},"622":{"position":[[1915,7],[5121,7]]}}}],["nunc",{"_index":1860,"t":{"576":{"position":[[7928,4],[8210,4],[9025,5],[9737,4],[10469,4],[10513,4],[12169,4],[12451,4],[13266,5],[13978,4],[14710,4],[14754,4],[16310,4],[16592,4],[17407,5],[18119,4],[18851,4],[18895,4]]}}}],["o",{"_index":863,"t":{"142":{"position":[[1533,1]]}}}],["object",{"_index":408,"t":{"56":{"position":[[429,8]]},"70":{"position":[[585,8]]},"574":{"position":[[534,7],[2405,6],[2808,10]]},"576":{"position":[[3608,6],[3932,10],[5218,6],[5682,10]]},"578":{"position":[[1901,7],[4402,6],[4700,10],[5987,6],[6389,10]]},"602":{"position":[[2599,6]]},"648":{"position":[[5243,6]]},"660":{"position":[[59016,6]]}}}],["obviou",{"_index":1164,"t":{"560":{"position":[[2239,7]]},"566":{"position":[[3149,7],[3637,7],[4126,7],[4612,7],[5097,7],[5607,7],[6114,7],[6622,7],[7127,7],[7631,7]]}}}],["occur",{"_index":1776,"t":{"576":{"position":[[1516,8],[1677,8]]},"588":{"position":[[608,7]]},"624":{"position":[[4672,9],[4815,9]]},"626":{"position":[[4744,9],[4887,9]]},"634":{"position":[[7539,9]]},"636":{"position":[[8630,9]]},"642":{"position":[[4652,9]]},"644":{"position":[[4451,9]]},"652":{"position":[[4108,9]]}}}],["octob",{"_index":318,"t":{"38":{"position":[[23,7]]},"40":{"position":[[24,7]]},"44":{"position":[[24,7]]},"106":{"position":[[25,7]]},"126":{"position":[[25,7]]},"130":{"position":[[531,7],[574,7],[617,7],[1165,7]]},"140":{"position":[[678,7],[993,7],[1255,7]]},"156":{"position":[[77,7]]},"158":{"position":[[2738,7]]},"162":{"position":[[74,7]]},"170":{"position":[[571,7]]},"172":{"position":[[82,7]]},"174":{"position":[[83,7]]},"176":{"position":[[80,7]]},"178":{"position":[[81,7]]},"184":{"position":[[78,7]]},"192":{"position":[[77,7]]},"196":{"position":[[77,7]]},"198":{"position":[[81,7]]},"210":{"position":[[322,7]]},"230":{"position":[[2747,7]]},"238":{"position":[[418,7],[733,7],[995,7]]},"268":{"position":[[77,7]]},"274":{"position":[[72,7]]},"276":{"position":[[571,7]]},"306":{"position":[[2741,7]]},"308":{"position":[[2111,7]]},"358":{"position":[[423,7]]},"360":{"position":[[1007,7]]},"366":{"position":[[66,7]]},"396":{"position":[[327,7]]},"402":{"position":[[74,7]]},"430":{"position":[[653,7]]},"470":{"position":[[67,7]]},"472":{"position":[[68,7]]},"476":{"position":[[68,7]]},"486":{"position":[[70,7]]},"602":{"position":[[11604,10],[14465,10]]},"604":{"position":[[5791,10]]},"606":{"position":[[8776,10]]}}}],["odio",{"_index":1864,"t":{"576":{"position":[[7981,4],[8728,5],[9565,4],[11202,4],[12222,4],[12969,5],[13806,4],[15443,4],[16363,4],[17110,5],[17947,4],[19584,4]]}}}],["offcanva",{"_index":175,"t":{"4":{"position":[[245,9]]},"8":{"position":[[240,9]]},"12":{"position":[[406,10],[689,9]]},"18":{"position":[[174,9],[282,9],[343,9]]},"24":{"position":[[151,9],[240,9],[305,9]]},"46":{"position":[[209,9],[339,9],[489,9],[622,9]]},"68":{"position":[[593,9],[613,9],[902,9],[1147,9]]},"70":{"position":[[341,9],[842,9],[1056,9]]},"80":{"position":[[114,9],[342,9],[1452,9],[1746,9]]},"82":{"position":[[376,9]]},"134":{"position":[[171,9],[1183,9]]},"136":{"position":[[926,9],[1040,9],[2719,9],[3044,9]]},"140":{"position":[[210,9]]},"146":{"position":[[978,9],[1092,9]]},"160":{"position":[[1257,9]]},"166":{"position":[[674,9]]},"168":{"position":[[666,9]]},"186":{"position":[[29,10],[264,9]]},"194":{"position":[[667,9]]},"200":{"position":[[264,9]]},"202":{"position":[[667,9]]},"214":{"position":[[712,9],[826,9],[2505,9],[2830,9]]},"220":{"position":[[3063,9]]},"222":{"position":[[601,9],[715,9]]},"232":{"position":[[721,9],[835,9],[2514,9],[2839,9]]},"236":{"position":[[3072,9]]},"238":{"position":[[2481,9]]},"240":{"position":[[1039,9]]},"248":{"position":[[854,9]]},"254":{"position":[[426,9]]},"256":{"position":[[170,9],[284,9]]},"262":{"position":[[431,9],[756,9]]},"264":{"position":[[466,9],[580,9],[1162,9],[1487,9]]},"270":{"position":[[2020,9],[2134,9],[2961,9]]},"272":{"position":[[1954,9],[2279,9]]},"282":{"position":[[169,9],[283,9]]},"284":{"position":[[166,9],[280,9],[862,9],[1187,9]]},"292":{"position":[[426,9]]},"294":{"position":[[452,9],[566,9],[1148,9]]},"296":{"position":[[163,9],[277,9]]},"298":{"position":[[432,9]]},"318":{"position":[[162,9],[276,9],[1955,9],[2280,9]]},"324":{"position":[[848,9]]},"326":{"position":[[715,9],[829,9],[2508,9],[2833,9]]},"350":{"position":[[478,9],[592,9]]},"352":{"position":[[425,9],[750,9]]},"354":{"position":[[460,9],[574,9],[1156,9],[1481,9]]},"362":{"position":[[207,9]]},"370":{"position":[[968,9],[1082,9],[1909,9]]},"382":{"position":[[524,9],[715,9]]},"384":{"position":[[2860,9],[3185,9]]},"388":{"position":[[213,9]]},"390":{"position":[[476,9],[590,9]]},"392":{"position":[[20,11],[160,9],[274,9],[856,9],[1181,9],[1406,9],[1597,9]]},"416":{"position":[[432,9],[546,9]]},"424":{"position":[[446,9],[560,9],[1142,9]]},"426":{"position":[[426,9]]},"450":{"position":[[209,9]]},"458":{"position":[[215,9]]},"514":{"position":[[333,9]]},"522":{"position":[[158,9],[272,9]]},"524":{"position":[[422,9]]},"576":{"position":[[11,9],[41,9],[154,9],[408,9],[826,9],[902,9],[1068,9],[1175,9],[1270,9],[1391,9],[1443,9],[1550,9],[1602,9],[2093,9],[2306,9],[2413,9],[2637,9],[2707,10],[2746,9],[2790,10],[2813,9],[2974,10],[3035,12],[3064,9],[3074,10],[3281,9],[3332,10],[3394,9],[3641,10],[3790,9],[3800,9],[5320,10],[5540,9],[5550,9],[7039,10],[7149,12],[7274,9],[7284,10],[7448,9],[7502,10],[11383,12],[11504,9],[11514,10],[11645,9],[11730,10],[11741,10],[15624,12],[15751,9],[15761,10],[15871,10],[15882,10],[19765,12],[19892,9],[19902,10],[20026,9],[20084,9],[20109,10],[20581,12],[20702,9],[20712,10],[21439,9],[21470,9]]},"578":{"position":[[2397,9],[2610,9],[15287,9]]},"582":{"position":[[3381,9]]},"650":{"position":[[254,9]]}}}],["offcanvas.showasync<employeedemocomponent1>(titl",{"_index":1793,"t":{"576":{"position":[[3984,50]]}}}],["offcanvas.showasync<employeedemocomponent2>(titl",{"_index":1812,"t":{"576":{"position":[[5836,50]]}}}],["offcanvas1",{"_index":783,"t":{"142":{"position":[[397,10]]}}}],["offcanvas5",{"_index":864,"t":{"142":{"position":[[1535,10]]}}}],["offcanvas</button",{"_index":1785,"t":{"576":{"position":[[2955,18],[7239,18],[11469,18],[15716,18],[19857,18],[20544,18],[20667,18]]}}}],["offcanvas?.hideasync",{"_index":1789,"t":{"576":{"position":[[3207,23],[20849,23]]}}}],["offcanvas?.hideasync()\">close</button",{"_index":1971,"t":{"576":{"position":[[11326,38],[15567,38],[19708,38]]}}}],["offcanvas?.showasync",{"_index":1787,"t":{"576":{"position":[[3133,23],[7345,23],[11575,23],[15822,23],[19963,23],[20773,23]]}}}],["offcanvass",{"_index":1769,"t":{"576":{"position":[[1015,13]]}}}],["offcanvassize.regular",{"_index":1770,"t":{"576":{"position":[[1029,21],[11701,22]]}}}],["offer",{"_index":2905,"t":{"602":{"position":[[6471,5]]},"604":{"position":[[4505,5]]},"606":{"position":[[3874,5]]},"608":{"position":[[3592,5]]},"612":{"position":[[112,6]]}}}],["offset",{"_index":2840,"t":{"602":{"position":[[2062,7]]}}}],["oid",{"_index":4739,"t":{"660":{"position":[[131773,3],[131900,3],[132022,3],[132147,3],[132270,3],[132406,3],[132540,3],[132667,3],[132790,3],[132892,3],[133048,3]]}}}],["ok",{"_index":1729,"t":{"574":{"position":[[4355,5]]},"648":{"position":[[597,2]]}}}],["old",{"_index":2603,"t":{"596":{"position":[[4596,3],[4765,3],[4927,3],[5096,3],[7395,3],[7864,3],[9822,3],[10080,3]]}}}],["older",{"_index":163,"t":{"2":{"position":[[3903,5]]},"6":{"position":[[251,5]]},"8":{"position":[[336,5]]},"10":{"position":[[442,5]]},"12":{"position":[[793,5]]},"14":{"position":[[419,5]]},"16":{"position":[[359,5]]},"18":{"position":[[418,5]]},"20":{"position":[[319,5]]},"22":{"position":[[438,5]]},"24":{"position":[[370,5]]},"26":{"position":[[356,5]]},"28":{"position":[[321,5]]},"30":{"position":[[483,5]]},"32":{"position":[[700,5]]},"34":{"position":[[323,5]]},"36":{"position":[[824,5]]},"38":{"position":[[642,5]]},"40":{"position":[[533,5]]},"42":{"position":[[913,5]]},"44":{"position":[[661,5]]},"46":{"position":[[765,5]]},"48":{"position":[[639,5]]},"50":{"position":[[550,5]]},"52":{"position":[[947,5]]},"54":{"position":[[622,5]]},"56":{"position":[[902,5]]},"58":{"position":[[505,5]]},"60":{"position":[[847,5]]},"62":{"position":[[523,5]]},"64":{"position":[[464,5]]},"66":{"position":[[496,5]]},"68":{"position":[[1223,5]]},"70":{"position":[[1150,5]]},"72":{"position":[[1204,5]]},"74":{"position":[[718,5]]},"76":{"position":[[480,5]]},"78":{"position":[[577,5]]},"80":{"position":[[1990,5]]},"82":{"position":[[742,5]]},"84":{"position":[[722,5]]},"86":{"position":[[938,5]]},"88":{"position":[[547,5]]},"90":{"position":[[428,5]]},"92":{"position":[[567,5]]},"94":{"position":[[461,5]]},"96":{"position":[[507,5]]},"98":{"position":[[1143,5]]},"100":{"position":[[1615,5]]},"102":{"position":[[624,5]]},"104":{"position":[[1081,5]]},"106":{"position":[[655,5]]},"108":{"position":[[744,5]]},"110":{"position":[[1335,5]]},"112":{"position":[[1031,5]]},"114":{"position":[[488,5]]},"116":{"position":[[591,5]]},"118":{"position":[[650,5]]},"120":{"position":[[567,5]]},"122":{"position":[[480,5]]},"124":{"position":[[1284,5]]},"126":{"position":[[2890,5]]},"128":{"position":[[1699,5]]},"132":{"position":[[3071,5]]},"134":{"position":[[2058,5]]},"136":{"position":[[3112,5]]},"140":{"position":[[2584,5]]},"158":{"position":[[2995,5]]},"212":{"position":[[2910,5]]},"214":{"position":[[3146,5]]},"220":{"position":[[3180,5]]},"230":{"position":[[3004,5]]},"232":{"position":[[3155,5]]},"234":{"position":[[2919,5]]},"236":{"position":[[3189,5]]},"238":{"position":[[2521,5]]},"240":{"position":[[2108,5]]},"270":{"position":[[2997,5]]},"306":{"position":[[2998,5]]},"308":{"position":[[3048,5]]},"312":{"position":[[2788,5]]},"316":{"position":[[2913,5]]},"318":{"position":[[3095,5]]},"326":{"position":[[3149,5]]},"364":{"position":[[2974,5]]},"370":{"position":[[2861,5]]},"384":{"position":[[3239,5]]}}}],["on",{"_index":37,"t":{"2":{"position":[[394,3],[672,3],[965,3],[1282,3],[1550,3],[3173,3],[3388,3],[3673,3]]},"4":{"position":[[43,3]]},"6":{"position":[[42,3]]},"8":{"position":[[43,3]]},"10":{"position":[[43,3]]},"12":{"position":[[43,3]]},"14":{"position":[[43,3]]},"16":{"position":[[40,3]]},"18":{"position":[[42,3]]},"20":{"position":[[40,3]]},"22":{"position":[[43,3]]},"24":{"position":[[39,3]]},"26":{"position":[[41,3]]},"28":{"position":[[39,3]]},"30":{"position":[[43,3]]},"32":{"position":[[41,3]]},"34":{"position":[[44,3]]},"36":{"position":[[44,3]]},"38":{"position":[[42,3]]},"40":{"position":[[43,3]]},"42":{"position":[[44,3],[176,5]]},"44":{"position":[[43,3]]},"46":{"position":[[44,3]]},"48":{"position":[[44,3]]},"50":{"position":[[44,3]]},"52":{"position":[[44,3]]},"54":{"position":[[44,3]]},"56":{"position":[[43,3]]},"58":{"position":[[43,3]]},"60":{"position":[[43,3]]},"62":{"position":[[44,3]]},"64":{"position":[[43,3]]},"66":{"position":[[44,3]]},"68":{"position":[[41,3]]},"70":{"position":[[40,3]]},"72":{"position":[[41,3]]},"74":{"position":[[41,3]]},"76":{"position":[[41,3]]},"78":{"position":[[41,3]]},"82":{"position":[[39,3]]},"84":{"position":[[40,3]]},"86":{"position":[[40,3]]},"88":{"position":[[40,3]]},"90":{"position":[[39,3]]},"92":{"position":[[39,3]]},"94":{"position":[[39,3]]},"96":{"position":[[39,3]]},"98":{"position":[[40,3]]},"102":{"position":[[43,3]]},"104":{"position":[[46,3]]},"106":{"position":[[44,3]]},"108":{"position":[[45,3]]},"112":{"position":[[43,3]]},"114":{"position":[[44,3]]},"116":{"position":[[44,3]]},"118":{"position":[[41,3]]},"120":{"position":[[41,3]]},"122":{"position":[[41,3]]},"124":{"position":[[38,3]]},"126":{"position":[[44,3],[328,3],[757,3],[1295,3],[1580,3],[1832,3],[2051,3],[2271,3],[2578,3]]},"132":{"position":[[44,3],[292,3],[541,3],[790,3],[1239,3],[1549,3],[1818,3],[2107,3],[2366,3],[2695,3]]},"134":{"position":[[39,3],[236,3],[431,3],[629,3],[830,3],[1060,3],[1262,3],[1491,3],[1661,3],[1896,3]]},"136":{"position":[[40,3],[298,3],[597,3],[1285,3],[1530,3],[1778,3],[2048,3],[2382,3],[2795,3]]},"138":{"position":[[43,3],[237,3]]},"140":{"position":[[44,3],[357,3],[489,5],[697,3],[1012,3],[1274,3],[1545,3],[1819,3],[2017,3],[2221,3],[2425,3]]},"144":{"position":[[0,3],[86,3]]},"146":{"position":[[478,3],[1337,3],[1609,3],[2059,3],[2348,3],[2622,3],[2820,3]]},"148":{"position":[[442,3],[723,3]]},"150":{"position":[[0,3],[87,3]]},"152":{"position":[[466,3]]},"154":{"position":[[0,3],[100,3]]},"156":{"position":[[0,3],[96,3]]},"158":{"position":[[438,3],[716,3],[1009,3],[1326,3],[1983,3],[2198,3],[2483,3],[2757,3]]},"160":{"position":[[97,3],[356,3],[685,3],[1091,3],[1404,3],[1536,5]]},"162":{"position":[[0,3],[93,3]]},"164":{"position":[[0,3],[103,3]]},"166":{"position":[[102,3],[508,3]]},"168":{"position":[[94,3],[500,3]]},"170":{"position":[[92,3],[341,3],[590,3]]},"172":{"position":[[0,3],[101,3]]},"174":{"position":[[0,3],[102,3]]},"176":{"position":[[0,3],[99,3]]},"178":{"position":[[0,3],[100,3]]},"180":{"position":[[0,3],[94,3],[226,5]]},"182":{"position":[[0,3],[101,3],[233,5]]},"184":{"position":[[0,3],[97,3]]},"186":{"position":[[0,3],[98,3]]},"188":{"position":[[0,3],[95,3]]},"190":{"position":[[0,3],[101,3],[233,5]]},"192":{"position":[[0,3],[96,3]]},"194":{"position":[[95,3],[501,3]]},"196":{"position":[[0,3],[96,3]]},"198":{"position":[[0,3],[100,3]]},"200":{"position":[[0,3],[98,3]]},"202":{"position":[[95,3],[501,3]]},"204":{"position":[[0,3],[105,3]]},"206":{"position":[[0,3],[97,3]]},"208":{"position":[[0,3],[93,3],[225,5]]},"210":{"position":[[94,3],[341,3]]},"212":{"position":[[90,3],[519,3],[1057,3],[1342,3],[1594,3],[1813,3],[2033,3],[2340,3],[2678,3]]},"214":{"position":[[84,3],[383,3],[1071,3],[1316,3],[1564,3],[1834,3],[2168,3],[2581,3],[2928,3]]},"216":{"position":[[0,3],[94,3]]},"218":{"position":[[88,3],[220,5]]},"220":{"position":[[88,3],[337,3],[586,3],[1035,3],[1345,3],[1614,3],[1903,3],[2162,3],[2491,3],[2897,3]]},"222":{"position":[[101,3],[960,3],[1233,3]]},"224":{"position":[[0,3],[94,3]]},"226":{"position":[[0,3],[114,3]]},"228":{"position":[[0,3],[90,3]]},"230":{"position":[[447,3],[725,3],[1018,3],[1335,3],[1992,3],[2207,3],[2492,3],[2766,3]]},"232":{"position":[[93,3],[392,3],[1080,3],[1325,3],[1573,3],[1843,3],[2177,3],[2590,3],[2937,3]]},"234":{"position":[[99,3],[528,3],[1066,3],[1351,3],[1603,3],[1822,3],[2042,3],[2349,3],[2687,3]]},"236":{"position":[[97,3],[346,3],[595,3],[1044,3],[1354,3],[1623,3],[1912,3],[2171,3],[2500,3],[2906,3]]},"238":{"position":[[97,3],[229,5],[437,3],[752,3],[1014,3],[1285,3],[1559,3],[1757,3],[1961,3],[2165,3],[2349,3]]},"240":{"position":[[92,3],[287,3],[485,3],[686,3],[916,3],[1118,3],[1347,3],[1517,3],[1752,3],[1943,3]]},"242":{"position":[[96,3]]},"244":{"position":[[0,3],[93,3]]},"246":{"position":[[89,3],[390,3]]},"248":{"position":[[91,3],[336,3],[605,3]]},"250":{"position":[[0,3],[95,3]]},"252":{"position":[[0,3],[93,3]]},"254":{"position":[[0,3],[89,3]]},"256":{"position":[[529,3],[780,3]]},"258":{"position":[[0,3],[103,3]]},"260":{"position":[[0,3],[99,3]]},"262":{"position":[[94,3],[507,3]]},"264":{"position":[[92,3],[825,3],[1238,3]]},"266":{"position":[[0,3],[93,3]]},"268":{"position":[[0,3],[96,3]]},"270":{"position":[[91,3],[629,3],[914,3],[1134,3],[1392,3],[1691,3],[2379,3],[2624,3]]},"272":{"position":[[94,3],[520,3],[805,3],[1057,3],[1278,3],[1617,3],[2030,3],[2376,3]]},"274":{"position":[[91,3],[369,3]]},"276":{"position":[[92,3],[341,3],[590,3]]},"278":{"position":[[94,3],[347,3]]},"280":{"position":[[0,3],[94,3]]},"282":{"position":[[0,3]]},"284":{"position":[[525,3],[938,3]]},"286":{"position":[[0,3],[92,3]]},"288":{"position":[[96,3],[525,3]]},"290":{"position":[[0,3],[88,3]]},"292":{"position":[[0,3],[89,3]]},"294":{"position":[[92,3],[811,3]]},"296":{"position":[[525,3]]},"298":{"position":[[0,3],[95,3]]},"300":{"position":[[0,3],[88,3]]},"302":{"position":[[89,3],[431,3]]},"304":{"position":[[96,3],[521,3]]},"306":{"position":[[441,3],[719,3],[1012,3],[1329,3],[1986,3],[2201,3],[2486,3],[2760,3]]},"308":{"position":[[89,3],[382,3],[699,3],[1356,3],[1571,3],[1856,3],[2130,3],[2414,3],[2843,3]]},"310":{"position":[[91,3],[540,3]]},"312":{"position":[[381,3],[666,3],[918,3],[1137,3],[1357,3],[1664,3],[2002,3],[2260,3],[2559,3]]},"314":{"position":[[91,3],[340,3],[589,3],[1038,3]]},"316":{"position":[[93,3],[522,3],[1060,3],[1345,3],[1597,3],[1816,3],[2036,3],[2343,3],[2681,3]]},"318":{"position":[[521,3],[766,3],[1014,3],[1284,3],[1618,3],[2031,3],[2378,3],[2626,3],[2875,3]]},"320":{"position":[[0,3],[87,3]]},"322":{"position":[[0,3],[94,3]]},"324":{"position":[[85,3],[330,3],[599,3]]},"326":{"position":[[87,3],[386,3],[1074,3],[1319,3],[1567,3],[1837,3],[2171,3],[2584,3],[2931,3]]},"328":{"position":[[438,3],[755,3],[1029,3]]},"330":{"position":[[440,3],[710,3],[1011,3],[1345,3]]},"332":{"position":[[0,3],[95,3]]},"334":{"position":[[0,3],[89,3]]},"336":{"position":[[86,3],[371,3]]},"338":{"position":[[0,3],[91,3]]},"340":{"position":[[0,3],[87,3]]},"342":{"position":[[0,3],[93,3]]},"344":{"position":[[0,3],[87,3]]},"346":{"position":[[91,3],[369,3],[667,3]]},"348":{"position":[[0,3],[82,3]]},"350":{"position":[[91,3],[837,3]]},"352":{"position":[[88,3],[501,3]]},"354":{"position":[[86,3],[819,3],[1232,3]]},"356":{"position":[[0,3],[87,3]]},"358":{"position":[[442,3]]},"360":{"position":[[467,3],[752,3],[1026,3],[1310,3],[1740,3],[1938,3]]},"362":{"position":[[84,3]]},"364":{"position":[[436,3],[714,3],[1413,3],[1698,3],[1971,3],[2509,3],[2794,3]]},"366":{"position":[[85,3],[363,3]]},"368":{"position":[[82,3],[386,3],[518,5]]},"370":{"position":[[82,3],[340,3],[639,3],[1327,3],[1572,3],[1989,3],[2238,3],[2488,3],[2684,3]]},"372":{"position":[[0,3],[86,3]]},"374":{"position":[[0,3],[94,3],[226,5]]},"376":{"position":[[0,3],[89,3]]},"378":{"position":[[0,3],[87,3]]},"380":{"position":[[95,3],[520,3],[773,3]]},"382":{"position":[[86,3],[392,3],[592,3]]},"384":{"position":[[439,3],[724,3],[1000,3],[1426,3],[1711,3],[1963,3],[2184,3],[2523,3],[2936,3]]},"386":{"position":[[0,3],[91,3]]},"388":{"position":[[0,3],[90,3]]},"390":{"position":[[89,3]]},"392":{"position":[[519,3],[932,3],[1274,3],[1474,3]]},"394":{"position":[[87,3],[380,3],[1080,3]]},"396":{"position":[[85,3],[346,3]]},"398":{"position":[[88,3],[283,3],[481,3]]},"400":{"position":[[0,3],[90,3]]},"402":{"position":[[0,3],[93,3]]},"404":{"position":[[88,3]]},"406":{"position":[[437,3]]},"408":{"position":[[0,3]]},"410":{"position":[[443,3],[872,3]]},"412":{"position":[[439,3]]},"414":{"position":[[0,3],[91,3]]},"416":{"position":[[88,3]]},"418":{"position":[[82,3],[757,3]]},"420":{"position":[[0,3]]},"422":{"position":[[0,3],[89,3]]},"424":{"position":[[86,3],[805,3]]},"426":{"position":[[0,3],[89,3]]},"428":{"position":[[85,3],[364,3]]},"430":{"position":[[83,3],[425,3],[672,3],[987,3]]},"432":{"position":[[0,3],[89,3]]},"434":{"position":[[0,3],[87,3]]},"436":{"position":[[85,3],[404,3],[829,3]]},"438":{"position":[[0,3],[87,3]]},"440":{"position":[[0,3],[87,3]]},"442":{"position":[[0,3],[86,3]]},"444":{"position":[[0,3],[87,3]]},"446":{"position":[[0,3],[87,3]]},"448":{"position":[[0,3],[87,3]]},"450":{"position":[[0,3],[86,3]]},"452":{"position":[[0,3],[84,3]]},"454":{"position":[[0,3],[84,3]]},"456":{"position":[[0,3],[83,3]]},"458":{"position":[[0,3],[83,3]]},"460":{"position":[[0,3],[85,3]]},"462":{"position":[[0,3],[85,3]]},"464":{"position":[[0,3],[87,3]]},"466":{"position":[[0,3],[88,3]]},"468":{"position":[[0,3],[88,3]]},"470":{"position":[[0,3],[86,3]]},"472":{"position":[[0,3],[87,3]]},"474":{"position":[[0,3],[88,3]]},"476":{"position":[[0,3],[87,3]]},"478":{"position":[[0,3],[88,3],[220,5]]},"480":{"position":[[0,3]]},"482":{"position":[[0,3],[88,3]]},"484":{"position":[[0,3],[91,3]]},"486":{"position":[[0,3],[89,3]]},"488":{"position":[[0,3],[88,3]]},"490":{"position":[[0,3],[90,3]]},"492":{"position":[[0,3]]},"494":{"position":[[0,3],[89,3]]},"496":{"position":[[0,3],[88,3]]},"498":{"position":[[0,3],[88,3]]},"500":{"position":[[0,3],[87,3]]},"502":{"position":[[0,3],[87,3]]},"504":{"position":[[0,3],[87,3]]},"506":{"position":[[0,3],[88,3]]},"508":{"position":[[0,3],[87,3]]},"510":{"position":[[0,3],[88,3]]},"512":{"position":[[0,3],[88,3]]},"514":{"position":[[0,3],[84,3]]},"516":{"position":[[0,3],[85,3]]},"518":{"position":[[0,3],[85,3]]},"520":{"position":[[0,3],[85,3]]},"522":{"position":[[0,3]]},"524":{"position":[[0,3],[85,3]]},"526":{"position":[[0,3],[85,3]]},"528":{"position":[[0,3],[84,3]]},"530":{"position":[[0,3],[84,3]]},"532":{"position":[[0,3],[83,3]]},"534":{"position":[[0,3],[84,3]]},"536":{"position":[[0,3],[83,3]]},"538":{"position":[[0,3],[83,3]]},"540":{"position":[[0,3],[83,3]]},"542":{"position":[[0,3],[83,3]]},"544":{"position":[[0,3],[84,3]]},"546":{"position":[[0,3],[85,3]]},"548":{"position":[[0,3],[88,3]]},"550":{"position":[[0,3],[85,3]]},"552":{"position":[[0,3],[85,3]]},"554":{"position":[[0,3]]},"556":{"position":[[921,3]]},"576":{"position":[[2742,3]]},"578":{"position":[[3339,3]]},"586":{"position":[[3635,3]]},"596":{"position":[[2956,3],[8281,3]]},"600":{"position":[[2408,3],[2632,3],[2856,3],[3341,3],[3565,3],[3789,3],[4257,3],[4542,3],[4826,3],[5186,3],[5410,3],[5652,3],[5876,3],[6276,3],[6500,3],[6724,3],[11572,3],[11695,3]]},"612":{"position":[[2698,3],[4569,3],[7194,3]]},"614":{"position":[[9497,3]]},"628":{"position":[[9048,3]]},"650":{"position":[[0,3],[88,3]]},"660":{"position":[[19792,3],[31100,3],[52210,3],[61548,3],[64943,3],[68026,3],[71403,3],[74541,3],[77516,3],[80813,3],[83904,3],[86670,3],[91899,3],[100129,3],[102320,3],[104758,3],[108749,3],[112629,3],[126141,3],[128876,3],[131517,3]]}}}],["onadd",{"_index":2553,"t":{"596":{"position":[[2013,5]]}}}],["onafterrend",{"_index":2756,"t":{"600":{"position":[[11866,14],[16414,13]]}}}],["onafterrenderasync",{"_index":559,"t":{"86":{"position":[[493,18]]}}}],["onafterrenderasync(bool",{"_index":2757,"t":{"600":{"position":[[12478,23]]},"602":{"position":[[8043,23],[13853,23],[16980,23]]},"604":{"position":[[6156,23],[10298,23],[12368,23],[14630,23],[16694,23]]},"606":{"position":[[5222,23],[11060,23],[12310,23]]},"608":{"position":[[4890,23],[8684,23],[12943,23]]},"660":{"position":[[112376,23],[128641,23],[131282,23]]}}}],["onautocompletechanged(custom",{"_index":3206,"t":{"612":{"position":[[2389,32],[3479,30],[4260,32],[5350,30],[5847,32],[6379,30],[6816,32],[7975,30],[8809,32],[10135,30],[10832,32],[12370,32]]}}}],["onautocompletechanged(customer2",{"_index":3323,"t":{"612":{"position":[[11645,31],[13139,31]]}}}],["onc",{"_index":1699,"t":{"574":{"position":[[1926,4]]}}}],["onchang",{"_index":513,"t":{"78":{"position":[[287,8]]},"612":{"position":[[1447,9]]}}}],["onchanged=\"(custom",{"_index":3205,"t":{"612":{"position":[[2355,20],[4226,20],[5813,20],[6782,20],[8775,20]]}}}],["onchanged=\"(customer2",{"_index":3315,"t":{"612":{"position":[[10797,21],[12335,21]]}}}],["onclick",{"_index":708,"t":{"110":{"position":[[913,7]]},"568":{"position":[[5196,12]]},"574":{"position":[[5044,12],[5169,12],[5294,12]]},"576":{"position":[[11310,12],[15551,12],[19692,12]]},"578":{"position":[[12078,12],[12179,12],[12274,12],[13283,12],[13376,12],[13480,12],[13584,12],[13688,12],[13792,12]]},"586":{"position":[[2927,7],[3441,7]]},"590":{"position":[[4773,12],[4917,12],[5061,12],[5207,12],[5353,12],[5502,12],[5648,12]]},"600":{"position":[[2084,7],[12957,8],[15406,12],[16433,7]]},"610":{"position":[[1498,9]]},"630":{"position":[[2048,12],[2157,12],[2268,12],[2374,12],[2479,12],[2583,12],[2681,12],[3491,12],[3600,12],[3711,12],[3817,12],[3922,12],[4026,12],[4125,12],[4225,12],[5030,12],[5139,12],[5250,12],[5356,12],[5461,12],[5565,12],[5663,12],[6620,12],[6729,12],[6840,12],[6946,12],[7051,12],[7155,12],[7253,12],[8303,12],[8417,12],[8535,12],[8651,12],[8771,12],[8895,12],[9017,12],[9137,12],[9261,12],[10300,12],[10409,12],[10520,12],[10626,12],[10731,12],[10835,12],[10933,12]]},"648":{"position":[[1022,12],[1134,12],[1248,12],[1357,12],[1465,12],[1572,12],[1674,12],[1777,12],[2205,12],[2317,12],[2431,12],[2540,12],[2648,12],[2755,12],[2857,12],[2960,12],[3401,12],[3513,12],[3619,12],[3724,12]]},"660":{"position":[[83363,12],[83478,12],[83595,12]]}}}],["onclick(eventarg",{"_index":1501,"t":{"568":{"position":[[9088,17]]}}}],["onclick=\"((arg",{"_index":1507,"t":{"568":{"position":[[9442,17]]}}}],["onclick=\"(arg",{"_index":2766,"t":{"600":{"position":[[13110,15]]}}}],["onclick=\"(async",{"_index":1783,"t":{"576":{"position":[[2893,16]]}}}],["onclick=\"addcustom",{"_index":2786,"t":{"600":{"position":[[13933,24],[14963,24]]}}}],["onclick=\"addemploye",{"_index":4534,"t":{"660":{"position":[[57344,23]]}}}],["onclick=\"addemployee2",{"_index":4535,"t":{"660":{"position":[[57452,24]]}}}],["onclick=\"async",{"_index":1478,"t":{"568":{"position":[[7510,15]]},"584":{"position":[[2450,15],[2581,15],[2714,15],[2842,15],[2969,15],[3095,15],[3216,15],[3338,15]]},"602":{"position":[[6827,15],[6973,15],[7122,15],[7265,15],[7437,15]]},"604":{"position":[[4789,15],[4935,15],[5084,15],[5225,15],[5393,15]]},"606":{"position":[[4168,15],[4314,15],[4463,15],[11405,15],[11551,15]]},"608":{"position":[[3876,15],[4022,15],[4171,15],[7819,15],[7965,15]]}}}],["onclick=\"changetooltip\">chang",{"_index":1496,"t":{"568":{"position":[[8760,31]]},"610":{"position":[[1783,31]]}}}],["onclick=\"clearmessage\">clear",{"_index":1649,"t":{"572":{"position":[[3946,29]]}}}],["onclick=\"closealert\">close</button",{"_index":1049,"t":{"556":{"position":[[3394,36]]}}}],["onclick=\"decreaseprogressbar\">decreas",{"_index":2390,"t":{"590":{"position":[[2656,39]]}}}],["onclick=\"deleteemployeeasync",{"_index":1705,"t":{"574":{"position":[[2580,31]]}}}],["onclick=\"dis",{"_index":3317,"t":{"612":{"position":[[10992,19],[12458,19]]},"614":{"position":[[5821,19],[6526,19]]},"616":{"position":[[2366,19],[3025,19]]},"618":{"position":[[6699,19],[7364,19]]},"620":{"position":[[1308,19],[1920,19]]},"622":{"position":[[9916,19],[10587,19]]},"628":{"position":[[3965,19],[4643,19]]}}}],["onclick=\"disabledropdown\">disable</button",{"_index":4129,"t":{"654":{"position":[[15573,43]]}}}],["onclick=\"en",{"_index":3316,"t":{"612":{"position":[[10918,18],[12532,18]]},"614":{"position":[[5747,18],[6600,18]]},"616":{"position":[[2292,18],[3099,18]]},"618":{"position":[[6625,18],[7438,18]]},"620":{"position":[[1234,18],[1994,18]]},"622":{"position":[[9842,18],[10661,18]]},"628":{"position":[[3891,18],[4717,18]]}}}],["onclick=\"enabledropdown\">enable</button",{"_index":4128,"t":{"654":{"position":[[15478,41]]}}}],["onclick=\"hide\">hide</button",{"_index":2525,"t":{"594":{"position":[[4390,29]]}}}],["onclick=\"hideallaccordionitemsasync\">hid",{"_index":1318,"t":{"562":{"position":[[20138,42]]}}}],["onclick=\"hideasync\">hide</button",{"_index":4177,"t":{"654":{"position":[[24219,34]]}}}],["onclick=\"hidecontentasync\">hid",{"_index":1635,"t":{"572":{"position":[[1807,32],[2772,32],[3718,32]]}}}],["onclick=\"hidefaqsaccordionitemasync\">faq",{"_index":1291,"t":{"562":{"position":[[16506,42]]}}}],["onclick=\"hidefirstaccordionitemasync\">first",{"_index":1287,"t":{"562":{"position":[[16078,44]]}}}],["onclick=\"hidelastaccordionitemasync\">last",{"_index":1292,"t":{"562":{"position":[[16609,42]]}}}],["onclick=\"hideproductsaccordionitemasync\">product",{"_index":1290,"t":{"562":{"position":[[16395,50]]}}}],["onclick=\"hidesecondaccordionitemasync\">second",{"_index":1288,"t":{"562":{"position":[[16183,46]]}}}],["onclick=\"hidethirdaccordionitemasync\">third",{"_index":1289,"t":{"562":{"position":[[16290,44]]}}}],["onclick=\"increaseprogressbar\">increas",{"_index":2388,"t":{"590":{"position":[[2521,39]]}}}],["onclick=\"loaddataasync",{"_index":2646,"t":{"596":{"position":[[12937,25]]}}}],["onclick=\"onclick",{"_index":1500,"t":{"568":{"position":[[9019,19]]},"610":{"position":[[1385,18]]}}}],["onclick=\"onclickcallback",{"_index":1816,"t":{"576":{"position":[[6539,27]]},"578":{"position":[[7235,27]]}}}],["onclick=\"onhidemodalclick\">close</button",{"_index":2019,"t":{"578":{"position":[[3719,42],[8196,42],[9383,42],[10061,42],[11140,42],[14448,42]]}}}],["onclick=\"onhideoffcanvasclick\">hid",{"_index":1984,"t":{"576":{"position":[[20507,36]]}}}],["onclick=\"onribbonitemclick",{"_index":2256,"t":{"586":{"position":[[3665,28],[6822,28]]}}}],["onclick=\"onshowmodalclick\">launch",{"_index":2038,"t":{"578":{"position":[[8358,34],[9547,34]]}}}],["onclick=\"onshowmodalclick\">show",{"_index":2022,"t":{"578":{"position":[[3883,32],[4494,32],[6148,32],[14612,32]]}}}],["onclick=\"onshowmodalclick\">vert",{"_index":2053,"t":{"578":{"position":[[10225,38],[11304,38]]}}}],["onclick=\"onshowoffcanvasclick\">show",{"_index":1822,"t":{"576":{"position":[[7198,36],[11432,36],[15673,36],[19814,36],[20630,36]]}}}],["onclick=\"positionbottomasync",{"_index":3143,"t":{"608":{"position":[[12042,31]]}}}],["onclick=\"positionleftasync",{"_index":3144,"t":{"608":{"position":[[12180,29]]}}}],["onclick=\"positionrightasync",{"_index":3142,"t":{"608":{"position":[[11906,30]]}}}],["onclick=\"positiontopasync",{"_index":3141,"t":{"608":{"position":[[11774,28]]}}}],["onclick=\"resetform\">reset</button",{"_index":3417,"t":{"614":{"position":[[8164,35],[11249,35]]},"618":{"position":[[9433,35]]},"622":{"position":[[12798,35]]},"628":{"position":[[7250,35],[10488,35]]},"654":{"position":[[20315,35]]}}}],["onclick=\"resetprogressbar\">reset</button",{"_index":2391,"t":{"590":{"position":[[2791,42]]}}}],["onclick=\"show\">show</button",{"_index":2526,"t":{"594":{"position":[[4499,29]]}}}],["onclick=\"showallaccordionitemsasync\">show",{"_index":1316,"t":{"562":{"position":[[20030,42]]}}}],["onclick=\"showasync\">show</button",{"_index":4176,"t":{"654":{"position":[[24148,34]]}}}],["onclick=\"showconfirmationasync",{"_index":1694,"t":{"574":{"position":[[1652,33]]}}}],["onclick=\"showcontentasync\">show",{"_index":1633,"t":{"572":{"position":[[1696,32],[2661,32],[3607,32]]}}}],["onclick=\"showdialogasync",{"_index":1748,"t":{"574":{"position":[[6027,27],[6519,27],[7123,27],[7751,27],[8476,27]]}}}],["onclick=\"showemployeecomponent\">show",{"_index":1790,"t":{"576":{"position":[[3708,37],[5387,37]]}}}],["onclick=\"showfaqsaccordionitemasync\">faq",{"_index":1283,"t":{"562":{"position":[[15845,42]]}}}],["onclick=\"showfaqsasync\">faq",{"_index":2741,"t":{"600":{"position":[[10719,29]]}}}],["onclick=\"showfirstaccordionitemasync\">first",{"_index":1278,"t":{"562":{"position":[[15417,44]]}}}],["onclick=\"showfirsttabasync\">first",{"_index":2736,"t":{"600":{"position":[[10375,34]]}}}],["onclick=\"showlastaccordionitemasync\">last",{"_index":1284,"t":{"562":{"position":[[15948,42]]}}}],["onclick=\"showlasttabasync\">last",{"_index":2742,"t":{"600":{"position":[[10798,32]]}}}],["onclick=\"showloadingdataasync\">show",{"_index":2207,"t":{"584":{"position":[[1606,36]]}}}],["onclick=\"showmodal\">show",{"_index":4057,"t":{"648":{"position":[[4179,25],[4612,25]]}}}],["onclick=\"showproductsaccordionitemasync\">product",{"_index":1282,"t":{"562":{"position":[[15734,50]]}}}],["onclick=\"showproductstabasync\">product",{"_index":2740,"t":{"600":{"position":[[10629,40]]}}}],["onclick=\"showsaveconfirmationasync",{"_index":1726,"t":{"574":{"position":[[4149,37]]}}}],["onclick=\"showsavingdataasync\">show",{"_index":2209,"t":{"584":{"position":[[1701,35]]}}}],["onclick=\"showsecondaccordionitemasync\">second",{"_index":1280,"t":{"562":{"position":[[15522,46]]}}}],["onclick=\"showsecondtabasync\">second",{"_index":2738,"t":{"600":{"position":[[10459,36]]}}}],["onclick=\"showthirdaccordionitemasync\">third",{"_index":1281,"t":{"562":{"position":[[15629,44]]}}}],["onclick=\"showthirdtabasync\">third",{"_index":2739,"t":{"600":{"position":[[10545,34]]}}}],["onclick=\"toggl",{"_index":3318,"t":{"612":{"position":[[11066,18]]},"614":{"position":[[5895,18]]},"616":{"position":[[2440,18]]},"618":{"position":[[6773,18]]},"620":{"position":[[1382,18]]},"622":{"position":[[9990,18]]},"628":{"position":[[4039,18]]}}}],["onclick=\"toggleasync\">toggle</button",{"_index":4178,"t":{"654":{"position":[[24290,38]]}}}],["onclick=\"togglecontentasync\">toggl",{"_index":1636,"t":{"572":{"position":[[1918,36],[2883,36],[3829,36]]}}}],["onclick=\"togglesidebar",{"_index":4197,"t":{"656":{"position":[[9036,24],[11509,24],[13939,24],[16358,24]]}}}],["onclick=\"togglesidebarstyles\">toggl",{"_index":4202,"t":{"656":{"position":[[18925,37]]}}}],["onclickcallback",{"_index":1803,"t":{"576":{"position":[[5197,16],[6754,15]]},"578":{"position":[[5966,16],[7439,15]]}}}],["onclickwithargs(arg",{"_index":1508,"t":{"568":{"position":[[9463,21]]}}}],["onclickwithargs(eventarg",{"_index":1510,"t":{"568":{"position":[[9585,25]]}}}],["onclos",{"_index":978,"t":{"556":{"position":[[635,7],[709,8],[3885,8]]}}}],["oncollapsehiddenasync",{"_index":1664,"t":{"572":{"position":[[5076,23]]}}}],["oncollapsehidingasync",{"_index":1663,"t":{"572":{"position":[[4966,23]]}}}],["oncollapseshowingasync",{"_index":1659,"t":{"572":{"position":[[4746,24]]}}}],["oncollapseshownasync",{"_index":1662,"t":{"572":{"position":[[4858,22]]}}}],["ondblclick=\"ondoubleclick",{"_index":1503,"t":{"568":{"position":[[9212,28]]}}}],["ondocumentload",{"_index":691,"t":{"110":{"position":[[432,16]]},"658":{"position":[[563,16],[1151,17],[1978,17],[1357886,17]]}}}],["ondocumentloaded(pdfviewereventarg",{"_index":4239,"t":{"658":{"position":[[1081,35],[1908,35],[1357816,35]]}}}],["ondocumentloaded=\"ondocumentload",{"_index":4235,"t":{"658":{"position":[[894,35],[1727,35],[2420,35]]}}}],["ondoubleclick(eventarg",{"_index":1504,"t":{"568":{"position":[[9297,23]]}}}],["ondropdownhiddenasync",{"_index":4189,"t":{"654":{"position":[[25304,23]]}}}],["ondropdownhidingasync",{"_index":4187,"t":{"654":{"position":[[25233,23]]}}}],["ondropdownshowingasync",{"_index":4191,"t":{"654":{"position":[[25375,24]]}}}],["ondropdownshownasync",{"_index":4193,"t":{"654":{"position":[[25448,22]]}}}],["onemployeelist1remove(sortablelisteventarg",{"_index":2602,"t":{"596":{"position":[[4521,43],[9747,43]]}}}],["onemployeelist1update(sortablelisteventarg",{"_index":2590,"t":{"596":{"position":[[3963,43],[6457,43],[9189,43]]}}}],["onemployeelist2remove(sortablelisteventarg",{"_index":2605,"t":{"596":{"position":[[4852,43],[10005,43]]}}}],["onemployeelist2update(sortablelisteventarg",{"_index":2596,"t":{"596":{"position":[[4242,43],[6736,43],[9468,43]]}}}],["onemployeelist3update(sortablelisteventarg",{"_index":2616,"t":{"596":{"position":[[7015,43]]}}}],["onemployeelistremove(sortablelisteventarg",{"_index":2622,"t":{"596":{"position":[[7294,42]]}}}],["onemployeelistupdate(sortablelisteventarg",{"_index":2566,"t":{"596":{"position":[[2604,42],[11458,42],[12271,42],[13300,42]]}}}],["onerror",{"_index":2342,"t":{"588":{"position":[[549,7],[1153,7]]}}}],["onerror=\"onscripterror",{"_index":2352,"t":{"588":{"position":[[1300,23]]}}}],["onfieldchang",{"_index":633,"t":{"100":{"position":[[1103,14]]}}}],["ongridsettingschanged(gridset",{"_index":4514,"t":{"660":{"position":[[52423,34]]}}}],["onhid",{"_index":223,"t":{"12":{"position":[[345,8],[489,8]]},"72":{"position":[[351,9],[536,9]]},"562":{"position":[[1549,8],[23113,9]]},"572":{"position":[[966,8],[5015,8]]},"576":{"position":[[2190,8]]},"578":{"position":[[2494,8]]},"586":{"position":[[3112,8]]},"600":{"position":[[1252,8],[11422,8],[11595,8],[11779,8]]},"654":{"position":[[3208,8]]}}}],["onhidden",{"_index":225,"t":{"12":{"position":[[364,8],[508,8]]},"72":{"position":[[365,8],[550,8]]},"562":{"position":[[1417,8],[23334,9]]},"572":{"position":[[1051,8],[5125,8]]},"576":{"position":[[1662,8],[2269,8]]},"578":{"position":[[2573,8]]},"586":{"position":[[3009,8]]},"600":{"position":[[1149,8],[11514,8],[11792,8]]},"654":{"position":[[3294,8]]}}}],["onhidden=\"oncollapsehiddenasync",{"_index":1654,"t":{"572":{"position":[[4133,33]]}}}],["onhidden=\"ondropdownhiddenasync",{"_index":4184,"t":{"654":{"position":[[24715,32]]}}}],["onhidden=\"onhiddenasync",{"_index":1327,"t":{"562":{"position":[[20668,25]]}}}],["onhidden=\"onmodalhiddenasync",{"_index":2098,"t":{"578":{"position":[[14260,29]]}}}],["onhidden=\"onoffcanvashiddenasync",{"_index":1978,"t":{"576":{"position":[[20263,34]]}}}],["onhiddenasync(accordioneventarg",{"_index":1339,"t":{"562":{"position":[[23207,32]]}}}],["onhidemodalclick",{"_index":2026,"t":{"578":{"position":[[4047,18],[8540,18],[9718,18],[10404,18],[11494,18]]}}}],["onhideoffcanvasclick",{"_index":1985,"t":{"576":{"position":[[20818,22]]}}}],["onhideprev",{"_index":227,"t":{"12":{"position":[[390,15]]},"578":{"position":[[2703,15]]}}}],["onhideprevented=\"onmodalhidepreventedasync",{"_index":2099,"t":{"578":{"position":[[14290,44]]}}}],["onhiding=\"oncollapsehidingasync",{"_index":1653,"t":{"572":{"position":[[4100,32]]}}}],["onhiding=\"ondropdownhidingasync",{"_index":4183,"t":{"654":{"position":[[24682,32]]}}}],["onhiding=\"onhidingasync",{"_index":1326,"t":{"562":{"position":[[20643,24]]}}}],["onhiding=\"onmodalhidingasync",{"_index":2097,"t":{"578":{"position":[[14230,29]]}}}],["onhiding=\"onoffcanvashidingasync",{"_index":1977,"t":{"576":{"position":[[20229,33]]}}}],["onhidingasync(accordioneventarg",{"_index":1338,"t":{"562":{"position":[[22986,32]]}}}],["oniniti",{"_index":1082,"t":{"558":{"position":[[588,15],[1342,15],[2075,15]]},"574":{"position":[[3795,15]]},"576":{"position":[[4627,15],[6808,15]]},"578":{"position":[[5380,15],[7493,15]]},"600":{"position":[[13630,15],[14371,15],[15654,15]]},"602":{"position":[[7783,15],[11416,15],[14277,15]]},"604":{"position":[[5883,15],[9323,15],[10721,15],[12949,15],[15047,15]]},"606":{"position":[[4838,15],[8588,15],[11926,15]]},"608":{"position":[[4526,15],[8320,15],[12528,15]]},"612":{"position":[[6967,15],[9533,15]]},"614":{"position":[[5155,15],[8424,15],[11689,15]]},"618":{"position":[[9693,15]]},"622":{"position":[[13058,15]]},"628":{"position":[[3399,15],[7566,15],[10922,15]]},"654":{"position":[[20614,15]]},"658":{"position":[[2644,15]]},"660":{"position":[[7969,15],[10314,15],[12690,15],[15462,15],[17881,15],[20633,15],[23035,15],[26101,15],[32112,15],[34477,15],[36842,15],[39247,15],[41505,15],[44130,15],[47483,15],[58229,15]]}}}],["onlin",{"_index":3466,"t":{"614":{"position":[[12400,7]]}}}],["onlinecourseform",{"_index":3450,"t":{"614":{"position":[[11473,16],[11490,16],[12502,16],[12592,16]]}}}],["onlinecourseform.coursenam",{"_index":3437,"t":{"614":{"position":[[10275,29]]}}}],["onlinecourseform.endd",{"_index":3447,"t":{"614":{"position":[[11071,26],[11916,24],[12067,24]]}}}],["onlinecourseform.startd",{"_index":3440,"t":{"614":{"position":[[10562,27],[10675,28],[11881,26],[12027,26]]}}}],["onload",{"_index":2343,"t":{"588":{"position":[[623,6]]}}}],["onload=\"onscriptload",{"_index":2351,"t":{"588":{"position":[[1278,21]]}}}],["onmodalhiddenasync",{"_index":2103,"t":{"578":{"position":[[15028,20]]}}}],["onmodalhidepreventedasync",{"_index":2104,"t":{"578":{"position":[[15133,27]]}}}],["onmodalhidingasync",{"_index":2102,"t":{"578":{"position":[[14921,20]]}}}],["onmodalshowingasync",{"_index":2100,"t":{"578":{"position":[[14708,21]]}}}],["onmodalshownasync",{"_index":2101,"t":{"578":{"position":[[14817,19]]}}}],["onoffcanvashiddenasync",{"_index":1991,"t":{"576":{"position":[[21227,24]]}}}],["onoffcanvashidingasync",{"_index":1990,"t":{"576":{"position":[[21116,24]]}}}],["onoffcanvasshowingasync",{"_index":1986,"t":{"576":{"position":[[20894,25]]}}}],["onoffcanvasshownasync",{"_index":1989,"t":{"576":{"position":[[21007,23]]}}}],["onpagechang",{"_index":692,"t":{"110":{"position":[[453,13]]},"658":{"position":[[650,13],[1320,14],[2141,14],[1358049,14]]}}}],["onpagechanged(pdfviewereventarg",{"_index":4242,"t":{"658":{"position":[[1253,32],[2074,32],[1357982,32]]}}}],["onpagechanged=\"onpagechang",{"_index":4236,"t":{"658":{"position":[[930,29],[1763,29],[2456,29]]}}}],["onpagechangedasync(int",{"_index":2192,"t":{"582":{"position":[[3236,22]]}}}],["onparametersset",{"_index":3588,"t":{"618":{"position":[[9799,17]]},"622":{"position":[[13164,17]]},"654":{"position":[[20720,17]]}}}],["onremov",{"_index":2554,"t":{"596":{"position":[[2102,8]]}}}],["onremove=\"onemployeelist1remov",{"_index":2582,"t":{"596":{"position":[[3342,33],[8548,33]]}}}],["onremove=\"onemployeelist2remov",{"_index":2586,"t":{"596":{"position":[[3602,33],[8826,33]]}}}],["onremove=\"onemployeelistremov",{"_index":2608,"t":{"596":{"position":[[5459,32],[5718,32],[5977,32]]}}}],["onribbonitemclick(ribbonitemeventarg",{"_index":2317,"t":{"586":{"position":[[6606,37],[9583,37]]}}}],["onrowclick",{"_index":592,"t":{"98":{"position":[[194,10]]},"660":{"position":[[3239,10]]}}}],["onrowclick(gridroweventargs<employee1",{"_index":4600,"t":{"660":{"position":[[103374,38]]}}}],["onrowclick=\"onrowclick",{"_index":4599,"t":{"660":{"position":[[101383,23]]}}}],["onrowdoubleclick",{"_index":593,"t":{"98":{"position":[[215,16]]},"660":{"position":[[3402,16]]}}}],["onrowdoubleclick(gridroweventargs<employee1",{"_index":4606,"t":{"660":{"position":[[105812,44]]}}}],["onrowdoubleclick=\"onrowdoubleclick",{"_index":4605,"t":{"660":{"position":[[103809,35]]}}}],["onsaveclick",{"_index":1481,"t":{"568":{"position":[[7621,13]]}}}],["onsaveclick()\">save</button",{"_index":1479,"t":{"568":{"position":[[7538,28]]}}}],["onscripterror(str",{"_index":2357,"t":{"588":{"position":[[1560,20]]}}}],["onscriptload",{"_index":2356,"t":{"588":{"position":[[1488,14]]}}}],["onselecteditemschanged(hashset<employee1",{"_index":4575,"t":{"660":{"position":[[75955,41],[78930,41],[82510,41]]}}}],["onshow",{"_index":219,"t":{"12":{"position":[[308,9],[452,9]]},"72":{"position":[[331,10],[516,10]]},"562":{"position":[[1634,9]]},"572":{"position":[[743,9],[4796,9]]},"576":{"position":[[1977,9]]},"578":{"position":[[2281,9]]},"586":{"position":[[3226,9]]},"600":{"position":[[1366,9],[11461,9],[11718,9]]},"654":{"position":[[3430,9]]}}}],["onshowing=\"oncollapseshowingasync",{"_index":1651,"t":{"572":{"position":[[4034,34]]}}}],["onshowing=\"ondropdownshowingasync",{"_index":4185,"t":{"654":{"position":[[24748,34]]}}}],["onshowing=\"onmodalshowingasync",{"_index":2095,"t":{"578":{"position":[[14170,31]]}}}],["onshowing=\"onoffcanvasshowingasync",{"_index":1975,"t":{"576":{"position":[[20161,35]]}}}],["onshowing=\"onshowingasync",{"_index":1324,"t":{"562":{"position":[[20593,26]]}}}],["onshowingasync(accordioneventarg",{"_index":1329,"t":{"562":{"position":[[22546,33]]}}}],["onshowmodalclick",{"_index":2024,"t":{"578":{"position":[[3979,18],[4639,18],[6328,18],[8472,18],[9650,18],[10336,18],[11426,18]]}}}],["onshown",{"_index":221,"t":{"12":{"position":[[327,7],[471,7]]},"72":{"position":[[342,8],[527,8]]},"562":{"position":[[1711,7],[22893,8]]},"572":{"position":[[829,7],[4906,7]]},"576":{"position":[[1502,7],[2057,7]]},"578":{"position":[[2361,7]]},"586":{"position":[[3311,7]]},"600":{"position":[[1451,7],[11611,7]]},"654":{"position":[[3517,7]]}}}],["onshown=\"oncollapseshownasync",{"_index":1652,"t":{"572":{"position":[[4069,30]]}}}],["onshown=\"ondropdownshownasync",{"_index":4186,"t":{"654":{"position":[[24783,31]]}}}],["onshown=\"onmodalshownasync",{"_index":2096,"t":{"578":{"position":[[14202,27]]}}}],["onshown=\"onoffcanvasshownasync",{"_index":1976,"t":{"576":{"position":[[20197,31]]}}}],["onshown=\"onshownasync",{"_index":1325,"t":{"562":{"position":[[20620,22]]}}}],["onshownasync(accordioneventarg",{"_index":1337,"t":{"562":{"position":[[22767,31]]}}}],["onshowoffcanvasclick",{"_index":1823,"t":{"576":{"position":[[7314,22],[11544,22],[15791,22],[19932,22],[20742,22]]}}}],["ontabclick(arg",{"_index":2767,"t":{"600":{"position":[[13129,16]]}}}],["ontabclick(tabeventarg",{"_index":2784,"t":{"600":{"position":[[13700,23]]}}}],["onupd",{"_index":2555,"t":{"596":{"position":[[2198,8]]}}}],["onupdate=\"@onemployeelistupd",{"_index":2559,"t":{"596":{"position":[[2378,33],[11085,33],[12045,33],[12809,33]]}}}],["onupdate=\"onemployeelist1upd",{"_index":2581,"t":{"596":{"position":[[3309,32],[5426,32],[8515,32]]}}}],["onupdate=\"onemployeelist2upd",{"_index":2585,"t":{"596":{"position":[[3569,32],[5685,32],[8793,32]]}}}],["onupdate=\"onemployeelist3upd",{"_index":2611,"t":{"596":{"position":[[5944,32]]}}}],["onvalidsubmit=\"handleonvalidsubmit",{"_index":3289,"t":{"612":{"position":[[8405,36]]},"614":{"position":[[7341,36]]},"618":{"position":[[8161,36]]},"622":{"position":[[11397,36]]},"654":{"position":[[19220,36]]}}}],["onvalidsubmit=\"handlevalidsubmit",{"_index":3433,"t":{"614":{"position":[[9938,33]]},"628":{"position":[[5458,33],[9478,33]]}}}],["opac",{"_index":1807,"t":{"576":{"position":[[5495,7]]},"660":{"position":[[89429,7],[91019,7],[93205,7],[94196,7],[95185,7],[96176,7],[97161,7],[98146,7],[99141,7],[106347,7]]}}}],["opacity,1",{"_index":4219,"t":{"656":{"position":[[21411,12]]}}}],["open",{"_index":118,"t":{"2":{"position":[[2478,4]]},"72":{"position":[[457,4]]},"124":{"position":[[966,4]]},"562":{"position":[[261,4],[287,7],[7975,4],[9703,5],[9770,4],[9796,7],[23642,4]]},"576":{"position":[[839,5]]},"578":{"position":[[1834,5],[1928,5]]},"612":{"position":[[1842,4]]},"624":{"position":[[3082,4]]},"626":{"position":[[3267,4]]},"632":{"position":[[2745,4]]},"642":{"position":[[3117,4]]},"644":{"position":[[3117,4]]}}}],["oper",{"_index":3010,"t":{"602":{"position":[[13754,10],[16814,10]]},"604":{"position":[[12270,10],[14532,10],[16596,10]]},"606":{"position":[[10961,10]]},"612":{"position":[[1021,9]]},"630":{"position":[[274,9]]},"660":{"position":[[4621,9]]}}}],["opposit",{"_index":3611,"t":{"620":{"position":[[390,8],[2238,8]]}}}],["option",{"_index":667,"t":{"106":{"position":[[377,6]]},"556":{"position":[[874,8]]},"570":{"position":[[147,8],[230,7],[341,8],[5930,8]]},"574":{"position":[[4302,7],[4596,9],[4701,8],[4743,8],[5496,7],[5682,9],[6660,7],[6842,9],[7284,7],[7486,9],[7925,7],[8135,9],[9064,8]]},"578":{"position":[[2871,6],[3031,7],[11560,8],[11594,8],[15525,8]]},"600":{"position":[[540,10]]},"602":{"position":[[2577,6],[4991,6]]},"622":{"position":[[5644,6]]},"624":{"position":[[2666,9]]},"626":{"position":[[2851,9]]},"632":{"position":[[2325,9]]},"634":{"position":[[2348,9]]},"636":{"position":[[2303,9]]},"638":{"position":[[2325,9]]},"642":{"position":[[2689,9]]},"644":{"position":[[2689,9]]},"652":{"position":[[2343,9]]},"660":{"position":[[11989,9],[24579,9],[36022,7],[38364,7],[46716,7]]}}}],["orci",{"_index":1868,"t":{"576":{"position":[[8010,4],[8228,5],[9570,4],[12251,4],[12469,5],[13811,4],[16392,4],[16610,5],[17952,4]]}}}],["order",{"_index":1421,"t":{"568":{"position":[[3296,5]]}}}],["orient",{"_index":4228,"t":{"658":{"position":[[266,11],[278,11],[338,11],[1417,12],[1438,11],[1507,11],[1358247,11]]}}}],["orientation.landscap",{"_index":4243,"t":{"658":{"position":[[1463,21]]}}}],["orientation.portrait",{"_index":4229,"t":{"658":{"position":[[290,20]]}}}],["orientation=\"orientation.landscap",{"_index":4246,"t":{"658":{"position":[[1691,35]]}}}],["origin",{"_index":2033,"t":{"578":{"position":[[7871,8]]},"596":{"position":[[8336,8]]},"602":{"position":[[2704,7]]}}}],["other",{"_index":496,"t":{"74":{"position":[[411,6]]},"104":{"position":[[190,9]]},"106":{"position":[[159,9]]},"126":{"position":[[159,9],[472,9]]},"146":{"position":[[622,9]]},"158":{"position":[[2872,9]]},"212":{"position":[[234,9]]},"222":{"position":[[245,9]]},"230":{"position":[[2881,9]]},"234":{"position":[[243,9]]},"250":{"position":[[239,9]]},"258":{"position":[[247,9]]},"268":{"position":[[211,9]]},"272":{"position":[[238,9]]},"274":{"position":[[206,9]]},"288":{"position":[[240,9]]},"304":{"position":[[240,9]]},"306":{"position":[[2875,9]]},"308":{"position":[[2245,9],[2558,9]]},"316":{"position":[[237,9]]},"334":{"position":[[233,9]]},"346":{"position":[[811,9]]},"358":{"position":[[557,9]]},"360":{"position":[[1141,9],[1454,9]]},"366":{"position":[[200,9]]},"380":{"position":[[239,9]]},"384":{"position":[[1144,9]]},"410":{"position":[[587,9]]},"436":{"position":[[548,9]]},"484":{"position":[[235,9]]},"486":{"position":[[204,9]]}}}],["otherwis",{"_index":1580,"t":{"570":{"position":[[6396,9]]}}}],["out",{"_index":129,"t":{"2":{"position":[[2705,3]]},"124":{"position":[[1193,3]]},"556":{"position":[[1021,4],[1108,4],[1191,4],[1272,4],[1355,4],[1432,4],[1511,4],[1588,4]]},"568":{"position":[[6917,3]]},"576":{"position":[[7028,3]]},"614":{"position":[[3272,3]]},"616":{"position":[[3655,3]]},"618":{"position":[[3743,3]]},"622":{"position":[[7650,3]]},"628":{"position":[[2444,3]]},"630":{"position":[[9960,5]]}}}],["outlin",{"_index":1393,"t":{"568":{"position":[[864,7],[907,8],[2640,7],[3150,7],[9812,7]]},"612":{"position":[[8255,8],[8296,8]]},"614":{"position":[[7192,8],[7233,8],[9789,8],[9830,8]]},"618":{"position":[[8012,8],[8053,8]]},"622":{"position":[[11248,8],[11289,8]]},"628":{"position":[[5309,8],[5350,8],[9329,8],[9370,8]]},"654":{"position":[[18917,8],[18958,8]]}}}],["outline=\"tru",{"_index":1419,"t":{"568":{"position":[[2697,15],[2769,15],[2841,15],[2910,15],[2979,15],[3046,15],[3110,15]]}}}],["outline=\"true\"><icon",{"_index":2700,"t":{"598":{"position":[[3471,20]]}}}],["outlook",{"_index":2255,"t":{"586":{"position":[[3648,8]]}}}],["outsid",{"_index":1772,"t":{"576":{"position":[[1309,7],[7487,7]]},"578":{"position":[[2799,7],[7758,7],[8077,7]]},"654":{"position":[[21992,7]]}}}],["outside</dropdowntogglebutton",{"_index":4169,"t":{"654":{"position":[[22632,30]]}}}],["over",{"_index":1453,"t":{"568":{"position":[[5687,4],[7813,4]]},"578":{"position":[[3130,4]]},"602":{"position":[[207,4]]}}}],["overal",{"_index":1240,"t":{"562":{"position":[[2588,7],[3139,7],[3689,7],[4452,7],[5077,7],[5700,7],[6442,7],[6993,7],[7543,7],[8244,7],[8809,7],[9359,7],[10074,7],[10625,7],[11175,7],[12254,7],[12817,7],[13379,7],[13937,7],[14485,7],[15045,7],[18571,7],[19122,7],[19672,7],[20956,7],[21529,7],[22101,7]]},"578":{"position":[[9084,7],[10841,7]]}}}],["overflow",{"_index":1246,"t":{"562":{"position":[[2859,9],[3410,9],[3960,9],[4723,9],[5348,9],[5971,9],[6713,9],[7264,9],[7814,9],[8515,9],[9080,9],[9630,9],[10345,9],[10896,9],[11446,9],[12525,9],[13088,9],[13650,9],[14208,9],[14756,9],[15316,9],[18842,9],[19393,9],[19943,9],[21227,9],[21800,9],[22372,9]]},"578":{"position":[[9120,8],[10877,8]]},"602":{"position":[[2215,9]]},"604":{"position":[[2331,9]]},"606":{"position":[[2079,9]]},"608":{"position":[[1914,9]]}}}],["overlay",{"_index":4068,"t":{"654":{"position":[[86,8]]}}}],["overrid",{"_index":1080,"t":{"558":{"position":[[574,8],[1328,8],[2061,8]]},"562":{"position":[[2709,10],[3260,10],[3810,10],[4573,10],[5198,10],[5821,10],[6563,10],[7114,10],[7664,10],[8365,10],[8930,10],[9480,10],[10195,10],[10746,10],[11296,10],[12375,10],[12938,10],[13500,10],[14058,10],[14606,10],[15166,10],[18692,10],[19243,10],[19793,10],[21077,10],[21650,10],[22222,10]]},"574":{"position":[[3781,8]]},"576":{"position":[[4613,8],[6794,8]]},"578":{"position":[[5366,8],[7479,8]]},"600":{"position":[[12458,8],[13616,8],[14357,8],[15640,8]]},"602":{"position":[[7769,8],[8023,8],[11402,8],[13833,8],[14263,8],[16960,8]]},"604":{"position":[[5869,8],[6136,8],[9309,8],[10278,8],[10707,8],[12348,8],[12935,8],[14610,8],[15033,8],[16674,8]]},"606":{"position":[[4824,8],[5202,8],[8574,8],[11040,8],[11912,8],[12290,8]]},"608":{"position":[[4512,8],[4870,8],[8306,8],[8664,8],[12514,8],[12923,8]]},"612":{"position":[[6953,8],[9519,8]]},"614":{"position":[[3299,8],[3411,8],[3489,8],[5141,8],[8410,8],[11675,8]]},"616":{"position":[[3682,8],[3798,8],[3880,8]]},"618":{"position":[[3770,8],[3882,8],[3960,8],[9679,8],[9785,8]]},"622":{"position":[[7677,8],[7789,8],[7867,8],[13044,8],[13150,8]]},"628":{"position":[[2471,8],[2583,8],[2661,8],[3385,8],[7552,8],[10908,8]]},"654":{"position":[[20600,8],[20706,8]]},"658":{"position":[[2630,8]]},"660":{"position":[[7955,8],[10300,8],[12676,8],[15448,8],[17867,8],[20619,8],[23021,8],[26087,8],[32098,8],[34463,8],[36828,8],[39233,8],[41491,8],[44116,8],[47469,8],[58215,8],[112356,8],[128621,8],[131262,8]]}}}],["overridden",{"_index":2121,"t":{"580":{"position":[[1393,10]]}}}],["p",{"_index":865,"t":{"142":{"position":[[1546,1]]},"556":{"position":[[2025,2]]},"568":{"position":[[1916,3],[2395,4],[2436,3],[2608,4],[2657,3],[3141,4],[3436,3],[3598,4],[3603,3],[3765,4],[4127,3],[4321,4],[4326,3],[4558,4],[6508,3],[6741,4],[6979,3],[7309,4],[7903,3],[8427,4],[8979,3],[9061,4],[9172,3],[9270,4],[9402,3],[9518,4]]},"578":{"position":[[8853,2],[10610,2]]},"600":{"position":[[2260,2],[2426,4],[2481,2],[2650,4],[2705,2],[2874,4],[3193,2],[3359,4],[3414,2],[3583,4],[3638,2],[3807,4],[4109,2],[4275,4],[4391,2],[4560,4],[4675,2],[4844,4],[5038,2],[5204,4],[5259,2],[5428,4],[5500,2],[5670,4],[5725,2],[5894,4],[6128,2],[6294,4],[6349,2],[6518,4],[6573,2],[6742,4],[6996,2],[7123,2],[7253,2],[7550,2],[7677,2],[7807,2],[7935,2],[8156,2],[8283,2],[8413,2],[8541,2],[8770,2],[8897,2],[9027,2],[9155,2],[9567,2],[9694,2],[9824,2],[9971,2],[10110,2],[10235,2],[11929,2],[12056,2],[12186,2],[12314,2]]},"654":{"position":[[18573,2]]}}}],["p>@department.nam",{"_index":4527,"t":{"660":{"position":[[54990,19]]}}}],["p>@eventlog</p",{"_index":4231,"t":{"658":{"position":[[750,16],[1547,16],[2306,16]]}}}],["p>@item</p",{"_index":1657,"t":{"572":{"position":[[4414,12]]}}}],["p>aww",{"_index":1015,"t":{"556":{"position":[[1823,6]]}}}],["p>lorem",{"_index":1824,"t":{"576":{"position":[[7595,8],[11836,8],[15977,8]]}}}],["p>morbi",{"_index":1928,"t":{"576":{"position":[[9078,8],[13319,8],[17460,8]]}}}],["p>pellentesqu",{"_index":1953,"t":{"576":{"position":[[10044,15],[14285,15],[18426,15]]}}}],["p>proin",{"_index":1895,"t":{"576":{"position":[[8305,8],[12546,8],[16687,8]]}}}],["p>some",{"_index":4151,"t":{"654":{"position":[[18502,7]]}}}],["p>thi",{"_index":2050,"t":{"578":{"position":[[9246,7],[11003,7]]}}}],["p>use",{"_index":1379,"t":{"566":{"position":[[2941,8],[3429,8],[3918,8],[4404,8],[4889,8],[5399,8],[5906,8],[6414,8],[6919,8],[7423,8]]}}}],["p>vestibulum",{"_index":1967,"t":{"576":{"position":[[10870,13],[15111,13],[19252,13]]}}}],["pa",{"_index":2779,"t":{"600":{"position":[[13532,5],[14473,5],[15756,5]]},"612":{"position":[[3126,5],[4997,5],[7622,5]]}}}],["packag",{"_index":3697,"t":{"624":{"position":[[230,8],[306,7],[331,7],[8827,7]]},"626":{"position":[[230,8],[306,7],[331,7],[8290,7]]},"632":{"position":[[248,8],[324,7],[349,7],[3257,7]]},"634":{"position":[[288,8],[364,7],[389,7],[7718,7]]},"636":{"position":[[300,8],[319,7],[344,7],[2943,8],[2962,7],[2987,7],[8830,7],[8952,7]]},"638":{"position":[[248,8],[324,7],[349,7],[3078,7]]},"642":{"position":[[240,8],[316,7],[341,7],[7882,7]]},"644":{"position":[[240,8],[316,7],[341,7],[7721,7]]},"652":{"position":[[240,8],[316,7],[341,7],[7578,7]]}}}],["pad",{"_index":1549,"t":{"570":{"position":[[3349,6]]},"622":{"position":[[1385,6]]},"654":{"position":[[18764,7]]}}}],["page",{"_index":177,"t":{"4":{"position":[[302,4]]},"6":{"position":[[212,4]]},"8":{"position":[[297,4]]},"10":{"position":[[403,4]]},"12":{"position":[[754,4]]},"14":{"position":[[380,4]]},"16":{"position":[[320,4]]},"18":{"position":[[379,4]]},"20":{"position":[[280,4]]},"22":{"position":[[399,4]]},"24":{"position":[[331,4]]},"26":{"position":[[317,4]]},"28":{"position":[[282,4]]},"30":{"position":[[444,4]]},"32":{"position":[[661,4]]},"34":{"position":[[284,4]]},"36":{"position":[[785,4]]},"38":{"position":[[602,4]]},"40":{"position":[[216,4],[229,4],[476,6],[493,4]]},"42":{"position":[[548,4],[873,4]]},"44":{"position":[[621,4]]},"46":{"position":[[725,4]]},"48":{"position":[[599,4]]},"50":{"position":[[510,4]]},"52":{"position":[[907,4]]},"54":{"position":[[582,4]]},"56":{"position":[[862,4]]},"58":{"position":[[465,4]]},"60":{"position":[[807,4]]},"62":{"position":[[483,4]]},"64":{"position":[[424,4]]},"66":{"position":[[456,4]]},"68":{"position":[[1183,4]]},"70":{"position":[[1110,4]]},"72":{"position":[[1164,4]]},"74":{"position":[[678,4]]},"76":{"position":[[440,4]]},"78":{"position":[[537,4]]},"80":{"position":[[292,6],[312,4],[322,4],[1950,4]]},"82":{"position":[[702,4]]},"84":{"position":[[682,4]]},"86":{"position":[[898,4]]},"88":{"position":[[507,4]]},"90":{"position":[[388,4]]},"92":{"position":[[527,4]]},"94":{"position":[[421,4]]},"96":{"position":[[467,4]]},"98":{"position":[[305,4],[1102,4]]},"100":{"position":[[1574,4]]},"102":{"position":[[583,4]]},"104":{"position":[[1040,4]]},"106":{"position":[[614,4]]},"108":{"position":[[703,4]]},"110":{"position":[[1301,4]]},"112":{"position":[[990,4]]},"114":{"position":[[447,4]]},"116":{"position":[[551,4]]},"118":{"position":[[610,4]]},"120":{"position":[[527,4]]},"122":{"position":[[430,4]]},"124":{"position":[[1244,4]]},"128":{"position":[[1694,4]]},"140":{"position":[[1215,6]]},"170":{"position":[[793,6]]},"174":{"position":[[305,6]]},"176":{"position":[[34,7],[302,6]]},"178":{"position":[[303,6]]},"238":{"position":[[955,6]]},"276":{"position":[[793,6]]},"476":{"position":[[290,6]]},"556":{"position":[[26,4],[3651,4],[3981,5],[3997,4]]},"558":{"position":[[30,4],[2362,4]]},"560":{"position":[[25,4],[7315,4]]},"562":{"position":[[29,4],[23442,4]]},"564":{"position":[[26,4],[952,4]]},"566":{"position":[[27,4],[7847,4]]},"568":{"position":[[27,4],[9726,4]]},"570":{"position":[[24,4],[13343,4]]},"572":{"position":[[28,4],[5247,4]]},"574":{"position":[[34,4],[1177,5],[5906,4],[8897,4]]},"576":{"position":[[29,4],[792,6],[21346,4]]},"578":{"position":[[25,4],[3559,5],[8724,4],[15263,4]]},"580":{"position":[[32,4],[122,5],[3500,4]]},"582":{"position":[[30,4],[158,6],[277,4],[420,4],[1392,6],[1490,4],[3143,4],[3367,4]]},"584":{"position":[[27,4],[79,4],[216,4],[236,5],[1019,4],[3704,4]]},"586":{"position":[[26,4],[9716,4],[9778,4]]},"588":{"position":[[33,4],[1634,4]]},"590":{"position":[[28,4],[8296,4]]},"592":{"position":[[28,4],[6285,4],[6375,6],[9374,6],[12329,6],[15246,4]]},"594":{"position":[[28,4],[94,4],[4679,4]]},"596":{"position":[[33,4],[13856,4]]},"598":{"position":[[22,4],[4334,4]]},"600":{"position":[[24,4],[16125,4]]},"602":{"position":[[38,4],[17299,4]]},"604":{"position":[[37,4],[17011,4]]},"606":{"position":[[42,4],[15328,4]]},"608":{"position":[[37,4],[14852,4]]},"610":{"position":[[28,4],[123,6],[2145,4]]},"612":{"position":[[28,4],[13425,4]]},"614":{"position":[[25,4],[12893,4]]},"616":{"position":[[26,4],[6120,4]]},"618":{"position":[[27,4],[11657,4]]},"620":{"position":[[21,4],[2905,4]]},"622":{"position":[[29,4],[17495,4]]},"624":{"position":[[47,4],[3564,5],[7524,6],[8734,4]]},"626":{"position":[[47,4],[7000,6],[8210,4]]},"628":{"position":[[25,4],[12067,4]]},"630":{"position":[[26,4],[564,4],[11501,4],[12201,4]]},"632":{"position":[[56,4],[3173,4]]},"634":{"position":[[54,4],[6464,6],[7629,4]]},"636":{"position":[[52,4],[7555,6],[8720,4]]},"638":{"position":[[56,4],[2989,4]]},"640":{"position":[[29,4],[471,4],[622,6],[1875,4]]},"642":{"position":[[52,4],[6584,6],[7794,4]]},"644":{"position":[[52,4],[6423,6],[7633,4]]},"646":{"position":[[34,4],[476,4],[627,6],[1880,4]]},"648":{"position":[[31,4],[5002,4],[5830,4]]},"652":{"position":[[52,4],[6489,6],[7524,4]]},"654":{"position":[[28,4],[25535,4]]},"656":{"position":[[27,4],[6463,4],[6553,6],[8790,6],[11244,6],[13679,6],[16070,6],[18513,6],[24059,4]]},"658":{"position":[[30,4],[703,4],[1358156,4]]},"660":{"position":[[24,4],[167,6],[365,7],[620,6],[2037,4],[2072,4],[2122,4],[2212,4],[2296,4],[3945,4],[6903,4],[6947,5],[11832,7],[11844,7],[12016,4],[16865,7],[28531,6],[50383,4],[50396,4],[52259,6],[61597,6],[64992,6],[68075,6],[71452,6],[74590,6],[77565,6],[80862,6],[82700,4],[83953,6],[85756,4],[86719,6],[91948,6],[100178,6],[102369,6],[104807,6],[108798,6],[112678,6],[124743,7],[124775,6],[126190,6],[128925,6],[131566,6],[133300,4],[133519,6],[133569,7],[133692,6],[134120,4],[134130,4],[134387,6]]}}}],["page'",{"_index":1071,"t":{"558":{"position":[[113,6]]}}}],["page/docu",{"_index":1062,"t":{"556":{"position":[[3821,14]]}}}],["pagechang",{"_index":2160,"t":{"582":{"position":[[1440,11]]}}}],["pagechanged=\"onpagechangedasync",{"_index":2188,"t":{"582":{"position":[[3093,32]]}}}],["pagenumb",{"_index":4328,"t":{"660":{"position":[[6888,10],[52571,10]]}}}],["pages",{"_index":4257,"t":{"660":{"position":[[690,8],[2089,8],[6922,8],[11868,8],[11967,8],[52586,8],[83669,8],[85723,8],[124845,8]]}}}],["pages/_host.cshtml",{"_index":3700,"t":{"624":{"position":[[461,18],[1074,19],[1346,18],[3245,18]]},"626":{"position":[[1076,19],[1425,19]]}}}],["pages/_layout.cshtml",{"_index":3821,"t":{"626":{"position":[[461,20],[1332,21],[1386,20],[1529,20],[3430,20]]}}}],["pagesize=\"10",{"_index":4592,"t":{"660":{"position":[[85912,13],[106490,13],[125087,13]]}}}],["pagesize=\"20",{"_index":4387,"t":{"660":{"position":[[11929,13]]}}}],["pagesize=\"5",{"_index":4388,"t":{"660":{"position":[[12168,12],[17043,12],[28826,12],[46925,12],[60543,12],[63893,12],[67023,12],[70183,12]]}}}],["pagesize=\"8",{"_index":4508,"t":{"660":{"position":[[50930,12]]}}}],["pagesize=\"@pages",{"_index":4584,"t":{"660":{"position":[[82846,20]]}}}],["pagesizeselector",{"_index":726,"t":{"112":{"position":[[420,16]]}}}],["pagesizeselectoritem",{"_index":4273,"t":{"660":{"position":[[2139,21]]}}}],["pagesizeselectoritems=\"@(new",{"_index":4594,"t":{"660":{"position":[[85957,28],[106535,28],[125132,28]]}}}],["pagesizeselectorvis",{"_index":4274,"t":{"660":{"position":[[2244,23]]}}}],["pagesizeselectorvisible=\"tru",{"_index":4593,"t":{"660":{"position":[[85926,30],[106504,30],[125101,30]]}}}],["pagin",{"_index":248,"t":{"18":{"position":[[244,10],[297,10],[358,10]]},"32":{"position":[[483,10]]},"112":{"position":[[496,11]]},"134":{"position":[[1198,10]]},"240":{"position":[[1054,10]]},"362":{"position":[[222,10]]},"382":{"position":[[730,10]]},"388":{"position":[[21,12],[228,10]]},"392":{"position":[[1612,10]]},"450":{"position":[[224,10]]},"576":{"position":[[21371,10]]},"582":{"position":[[11,10],[42,10],[74,10],[348,10],[1329,10],[1524,11],[1584,11],[1681,10],[1787,11],[1817,11],[1848,11],[1879,11],[1910,11],[1977,11],[2252,11],[2304,11],[2356,11],[2455,11],[2552,11],[2631,11],[2682,11],[2787,11],[2838,11],[2918,11],[3027,11],[3443,10]]},"658":{"position":[[1358170,10]]},"660":{"position":[[2406,10],[46537,10],[46583,10],[106124,10],[133827,10]]}}}],["pagina",{"_index":4613,"t":{"660":{"position":[[106672,7]]}}}],["pagination1",{"_index":866,"t":{"142":{"position":[[1548,11]]}}}],["paginationalign",{"_index":4498,"t":{"660":{"position":[[46608,19],[46663,19]]}}}],["paginationalignment=\"alignment.end",{"_index":4499,"t":{"660":{"position":[[46938,35]]}}}],["paginationitemstextformat",{"_index":4275,"t":{"660":{"position":[[2330,25]]}}}],["paginationitemstextformat=\"{0",{"_index":4609,"t":{"660":{"position":[[106584,30]]}}}],["paginations",{"_index":2156,"t":{"582":{"position":[[1277,14]]}}}],["paginationsize.non",{"_index":2157,"t":{"582":{"position":[[1292,19]]}}}],["paging1",{"_index":780,"t":{"142":{"position":[[271,7]]}}}],["palett",{"_index":2902,"t":{"602":{"position":[[6254,7],[6326,8],[6387,7],[6447,8],[6462,8]]},"604":{"position":[[4288,7],[4360,8],[4421,7],[4481,8],[4496,8]]},"606":{"position":[[3657,7],[3729,8],[3790,7],[3850,8],[3865,8]]},"608":{"position":[[3375,7],[3447,8],[3508,7],[3568,8],[3583,8]]}}}],["pane",{"_index":2248,"t":{"586":{"position":[[2551,5],[2627,5],[2774,5],[2869,5]]},"600":{"position":[[765,5],[841,5],[988,5],[1083,5],[3078,4]]}}}],["panel",{"_index":1638,"t":{"572":{"position":[[2076,5],[4243,5]]}}}],["papa",{"_index":4439,"t":{"660":{"position":[[26690,7],[44719,7]]}}}],["paragraph",{"_index":1010,"t":{"556":{"position":[[1715,10]]}}}],["paramet",{"_index":210,"t":{"12":{"position":[[117,9],[526,10]]},"14":{"position":[[139,10],[209,9]]},"36":{"position":[[508,9]]},"56":{"position":[[381,11]]},"64":{"position":[[194,9]]},"70":{"position":[[537,11]]},"74":{"position":[[282,9]]},"80":{"position":[[415,9],[448,9],[562,9],[595,9],[705,9],[738,9],[850,9],[883,9],[989,9],[1022,9],[1132,9],[1165,9]]},"86":{"position":[[352,9]]},"96":{"position":[[189,9],[222,9]]},"128":{"position":[[342,9],[415,9],[703,9],[744,9],[897,9],[940,9],[1006,9],[1173,9],[1255,9],[1301,9],[1340,9],[1424,9],[1466,9]]},"134":{"position":[[1358,10],[1735,9]]},"144":{"position":[[182,10]]},"240":{"position":[[1214,10],[1591,9]]},"440":{"position":[[161,9]]},"446":{"position":[[183,10]]},"556":{"position":[[183,11],[4032,10]]},"558":{"position":[[197,11],[2395,10]]},"560":{"position":[[114,11],[2397,10],[2457,9],[4019,10],[7352,10]]},"562":{"position":[[144,11],[1860,11],[6058,9],[7930,9],[9728,9],[18043,9],[23489,10],[23549,10]]},"566":{"position":[[143,11],[7879,10]]},"568":{"position":[[168,11],[3894,9],[4093,9],[6497,10],[9764,10]]},"570":{"position":[[350,11],[367,11],[704,11],[885,11],[1065,11],[1246,11],[1499,11],[1935,11],[2191,11],[2371,11],[7268,10],[13383,10],[13399,10],[13419,10],[13441,10],[13462,10],[13484,10],[13504,10],[13528,10],[13548,10],[13569,10]]},"572":{"position":[[148,11],[2549,9],[5288,10]]},"574":{"position":[[2320,11],[2772,10],[2969,12],[3723,11]]},"576":{"position":[[175,11],[3523,11],[3896,10],[4055,11],[4067,12],[4555,11],[4880,9],[5129,9],[5646,10],[5907,11],[5919,12],[6657,11],[6705,11],[11669,10],[21382,10]]},"578":{"position":[[174,11],[1909,10],[4317,11],[4664,10],[4819,11],[4831,12],[5308,11],[5649,9],[5898,9],[6353,10],[6610,11],[6622,12],[7342,11],[7390,11],[15297,10]]},"580":{"position":[[193,11],[478,11],[3559,10],[3582,10]]},"582":{"position":[[165,11],[3407,10]]},"584":{"position":[[396,11],[3745,10]]},"586":{"position":[[130,11],[378,11],[847,11],[1033,11],[1287,11],[9827,10],[9848,10],[9871,10],[9898,10],[9920,10]]},"588":{"position":[[156,11],[353,9],[1682,10]]},"590":{"position":[[210,11],[522,11],[2077,9],[3320,10],[3689,9],[8339,10],[8362,10]]},"592":{"position":[[204,11],[9286,9],[12281,9],[15287,10]]},"594":{"position":[[145,11],[979,9],[4717,10]]},"596":{"position":[[399,11],[3008,9],[10833,9],[11881,10],[13899,10]]},"598":{"position":[[380,11],[784,9],[4395,10]]},"600":{"position":[[117,11],[1526,11],[3002,10],[3051,9],[3920,10],[4951,10],[5989,9],[6837,9],[7437,9],[14804,9],[16165,10],[16214,10]]},"602":{"position":[[382,11],[17343,10]]},"604":{"position":[[237,11],[17054,10]]},"606":{"position":[[333,11],[15368,10]]},"608":{"position":[[178,11],[14896,10]]},"610":{"position":[[130,11],[2181,10]]},"612":{"position":[[231,11],[10522,9],[12055,9],[13465,10]]},"614":{"position":[[180,11],[306,11],[3130,10],[5505,9],[6278,9],[12940,10]]},"616":{"position":[[132,11],[2063,9],[2790,9],[3360,10],[4170,9],[5512,10],[6159,10]]},"618":{"position":[[177,10],[193,11],[3599,10],[4689,9],[4990,9],[5252,9],[5973,9],[6384,9],[7117,9],[11699,10]]},"620":{"position":[[155,11],[1048,9],[1727,9],[2273,10],[2947,10]]},"622":{"position":[[185,11],[4600,9],[5076,10],[7504,10],[8381,9],[9158,9],[9597,9],[10336,9],[17539,10]]},"628":{"position":[[184,11],[310,11],[2302,10],[3674,9],[4419,9],[12103,10]]},"630":{"position":[[590,11],[3364,10],[4706,9],[8144,9],[10042,10],[11718,10],[12241,10]]},"648":{"position":[[5255,10]]},"654":{"position":[[244,11],[1036,11],[1304,11],[1674,11],[1964,11],[2147,11],[14469,9],[14971,9],[15851,9],[16489,10],[16575,9],[22066,10],[25583,10],[25615,10],[25647,10],[25671,10],[25697,10],[25721,10]]},"656":{"position":[[212,11],[11200,9],[13591,9],[16022,9],[24101,10]]},"658":{"position":[[201,11],[1450,9],[1358199,10]]},"660":{"position":[[190,11],[3050,10],[4001,11],[4356,10],[5847,10],[7094,10],[7145,9],[7180,9],[11877,10],[11943,10],[11976,9],[14518,10],[14567,9],[19693,10],[22056,9],[22145,9],[22246,9],[24469,9],[24566,9],[28604,9],[28659,10],[30819,9],[30900,9],[33546,9],[33649,9],[35908,9],[38260,9],[42803,9],[42858,9],[46628,9],[49419,9],[50225,9],[54721,9],[54784,9],[57057,9],[57120,9],[66791,9],[79285,11],[110606,9],[110739,10],[133339,10],[133395,10],[133892,9],[133927,9]]}}}],["parameter'",{"_index":1704,"t":{"574":{"position":[[2379,11],[2419,11]]},"576":{"position":[[3582,11],[3622,11]]},"578":{"position":[[4376,11],[4416,11]]}}}],["parameters.add(\"employeeid",{"_index":1707,"t":{"574":{"position":[[2819,28]]},"576":{"position":[[3943,28],[5693,28]]},"578":{"position":[[4711,28],[6400,28]]}}}],["parameters.add(\"onclickcallback",{"_index":1810,"t":{"576":{"position":[[5728,33]]},"578":{"position":[[6435,33]]}}}],["parametr",{"_index":1677,"t":{"574":{"position":[[542,10]]}}}],["paramt",{"_index":4487,"t":{"660":{"position":[[31143,9]]}}}],["parent",{"_index":1120,"t":{"560":{"position":[[757,6]]},"562":{"position":[[512,6],[6159,6]]},"570":{"position":[[2788,6]]},"572":{"position":[[385,6],[421,7]]},"576":{"position":[[4919,6],[5063,6],[5281,6],[6577,6]]},"578":{"position":[[5688,6],[5832,6],[6050,6],[7273,6]]},"580":{"position":[[2212,6]]},"592":{"position":[[1434,6],[3714,6]]},"654":{"position":[[16443,7]]},"656":{"position":[[1410,6],[2631,6]]}}}],["parenthes",{"_index":3683,"t":{"622":{"position":[[5426,11],[5538,11],[17717,11]]}}}],["parentid",{"_index":2427,"t":{"592":{"position":[[1395,8],[3694,8]]},"656":{"position":[[1371,8],[2611,8]]}}}],["parentid=\"2",{"_index":2444,"t":{"592":{"position":[[2416,14],[4515,14],[7437,14],[10431,14],[13429,14]]},"656":{"position":[[3444,14],[5307,14],[7566,14],[9919,14],[12392,14],[14822,14],[17213,14],[19696,14],[22968,14]]}}}],["parentid=\"4",{"_index":2447,"t":{"592":{"position":[[2619,14],[2735,14],[2826,14],[4718,14],[4834,14],[4925,14],[5325,14],[7671,14],[7787,14],[7878,14],[8278,13],[10665,14],[10781,14],[10872,14],[11272,13],[13663,14],[13779,14],[13870,14],[14270,13]]},"656":{"position":[[3647,14],[3763,14],[3879,14],[5541,14],[5657,14],[5773,14],[7800,14],[7916,14],[8032,14],[10153,14],[10269,14],[10385,14],[12626,14],[12742,14],[12858,14],[15056,14],[15172,14],[15288,14],[17447,14],[17563,14],[17679,14],[19930,14],[20046,14],[20162,14],[23171,13],[23301,13],[23431,13]]}}}],["parentid=\"7",{"_index":2452,"t":{"592":{"position":[[2934,14],[3049,14],[5044,14],[5130,14],[7997,14],[8083,14],[10991,14],[11077,14],[13989,14],[14075,14]]}}}],["parentid=\"702",{"_index":2463,"t":{"592":{"position":[[5243,16],[8196,16],[11190,16],[14188,16]]}}}],["parentid=\"8",{"_index":2456,"t":{"592":{"position":[[3247,14],[3374,14],[3494,14],[3599,14],[5431,14],[5517,14],[8415,14],[8501,14],[11409,14],[11495,14],[14407,14],[14493,14]]},"656":{"position":[[4077,14],[4204,14],[4324,14],[4429,14],[6001,14],[6128,14],[6248,14],[6353,14],[8260,14],[8387,14],[8507,14],[8612,14],[10613,14],[10740,14],[10860,14],[10965,14],[13086,14],[13213,14],[13333,14],[13438,14],[15516,14],[15643,14],[15763,14],[15868,14],[17907,14],[18034,14],[18154,14],[18259,14],[20390,14],[20517,14],[20637,14],[20742,14],[23643,14],[23770,14],[23890,14],[23995,14]]}}}],["parentid=\"802",{"_index":2468,"t":{"592":{"position":[[5622,16],[8606,16],[11600,16],[14598,16]]}}}],["parentid=\"9",{"_index":2469,"t":{"592":{"position":[[5823,14],[5950,14],[6070,14],[6175,14],[8838,14],[8965,14],[9085,14],[9190,14],[11832,14],[11959,14],[12079,14],[12184,14],[14830,14],[14957,14],[15077,14],[15182,14]]}}}],["part",{"_index":1182,"t":{"560":{"position":[[3331,4]]},"660":{"position":[[50465,4]]}}}],["parti",{"_index":688,"t":{"110":{"position":[[367,5]]},"658":{"position":[[166,5]]}}}],["particip",{"_index":4080,"t":{"654":{"position":[[1606,12]]}}}],["parts—with",{"_index":1587,"t":{"570":{"position":[[7239,10]]}}}],["pass",{"_index":406,"t":{"56":{"position":[[393,4],[438,4]]},"70":{"position":[[549,4],[594,4]]},"98":{"position":[[652,6]]},"574":{"position":[[2332,4]]},"576":{"position":[[3535,4],[4798,4],[4866,6],[5080,6],[21480,4]]},"578":{"position":[[4329,4],[5551,4],[5635,6],[5849,6],[15387,4]]},"584":{"position":[[2267,7]]},"602":{"position":[[17041,4]]},"604":{"position":[[16755,4]]},"606":{"position":[[12371,4]]},"608":{"position":[[8745,4]]},"660":{"position":[[6189,6]]}}}],["pdf",{"_index":135,"t":{"2":{"position":[[2878,3],[3245,3]]},"110":{"position":[[132,3],[259,3],[301,3]]},"114":{"position":[[116,3],[203,3],[224,3]]},"146":{"position":[[181,3]]},"152":{"position":[[174,3]]},"158":{"position":[[1688,3],[2055,3]]},"230":{"position":[[1697,3],[2064,3]]},"306":{"position":[[1691,3],[2058,3]]},"308":{"position":[[1061,3],[1428,3]]},"360":{"position":[[173,3]]},"364":{"position":[[1119,3]]},"394":{"position":[[785,3],[1152,3]]},"404":{"position":[[493,3]]},"408":{"position":[[182,3]]},"418":{"position":[[466,3]]},"492":{"position":[[177,3]]},"494":{"position":[[161,3]]},"580":{"position":[[3514,3]]},"582":{"position":[[3396,3]]},"658":{"position":[[11,3],[42,3],[64,3],[106,3],[358,3],[423,3],[453,3],[619,3],[2252,3],[2669,3]]}}}],["pdfbase64str",{"_index":4249,"t":{"658":{"position":[[2402,17],[2603,16],[2690,15]]}}}],["pdfviewer",{"_index":53,"t":{"2":{"position":[[879,9],[1190,9],[3075,9],[3325,9]]},"110":{"position":[[1247,9]]},"114":{"position":[[427,9]]},"118":{"position":[[306,9],[562,9]]},"120":{"position":[[284,9],[482,9]]},"146":{"position":[[378,9]]},"150":{"position":[[312,9]]},"152":{"position":[[371,9]]},"158":{"position":[[923,9],[1234,9],[1885,9],[2135,9]]},"230":{"position":[[932,9],[1243,9],[1894,9],[2144,9]]},"306":{"position":[[926,9],[1237,9],[1888,9],[2138,9]]},"308":{"position":[[296,9],[607,9],[1258,9],[1508,9]]},"328":{"position":[[663,9]]},"346":{"position":[[576,9]]},"350":{"position":[[316,9]]},"360":{"position":[[370,9]]},"364":{"position":[[939,9],[1316,9]]},"390":{"position":[[314,9]]},"394":{"position":[[20,11],[294,9],[605,9],[982,9],[1232,9]]},"404":{"position":[[313,9],[690,9]]},"406":{"position":[[644,9]]},"408":{"position":[[379,9]]},"412":{"position":[[664,9]]},"414":{"position":[[298,9]]},"418":{"position":[[289,9],[663,9]]},"436":{"position":[[310,9]]},"492":{"position":[[374,9]]},"494":{"position":[[241,9]]},"546":{"position":[[310,9]]},"552":{"position":[[292,9]]},"658":{"position":[[767,10],[1564,10],[2323,10]]}}}],["pdfviewer4",{"_index":867,"t":{"142":{"position":[[1560,10]]}}}],["pe",{"_index":2635,"t":{"596":{"position":[[11213,2]]}}}],["pellentesqu",{"_index":1873,"t":{"576":{"position":[[8045,12],[8489,12],[8799,12],[9983,13],[10456,12],[12286,12],[12730,12],[13040,12],[14224,13],[14697,12],[16427,12],[16871,12],[17181,12],[18365,13],[18838,12]]}}}],["per",{"_index":2846,"t":{"602":{"position":[[2336,3]]},"604":{"position":[[2452,3]]},"606":{"position":[[2200,3]]},"608":{"position":[[2035,3]]},"630":{"position":[[11732,3]]},"660":{"position":[[2033,3],[2068,3],[106668,3]]}}}],["percent",{"_index":3020,"t":{"604":{"position":[[1794,7],[2165,7]]}}}],["percept",{"_index":2137,"t":{"580":{"position":[[2684,10]]}}}],["perform",{"_index":332,"t":{"40":{"position":[[253,11]]},"564":{"position":[[229,11]]},"578":{"position":[[2843,9]]}}}],["permit",{"_index":83,"t":{"2":{"position":[[1893,9]]},"124":{"position":[[381,9]]}}}],["persist",{"_index":4504,"t":{"660":{"position":[[50602,7],[50653,10]]}}}],["ph",{"_index":3669,"t":{"622":{"position":[[3701,3],[15875,3]]}}}],["ph</b></label",{"_index":3668,"t":{"622":{"position":[[3624,14],[15794,14]]}}}],["pharetra",{"_index":1879,"t":{"576":{"position":[[8110,8],[8502,8],[9154,8],[9218,9],[12351,8],[12743,8],[13395,8],[13459,9],[16492,8],[16884,8],[17536,8],[17600,9]]}}}],["phasellu",{"_index":1964,"t":{"576":{"position":[[10621,9],[10950,9],[14862,9],[15191,9],[19003,9],[19332,9]]}}}],["pich",{"_index":3214,"t":{"612":{"position":[[2999,5],[4870,5],[7000,5],[7495,5]]}}}],["pick",{"_index":4488,"t":{"660":{"position":[[31161,4]]}}}],["picker",{"_index":3332,"t":{"614":{"position":[[288,6]]},"628":{"position":[[292,6]]}}}],["pie",{"_index":324,"t":{"38":{"position":[[265,3],[441,3],[582,3]]},"100":{"position":[[818,3]]},"102":{"position":[[352,3]]},"104":{"position":[[645,3]]},"140":{"position":[[1481,3]]},"142":{"position":[[415,3]]},"156":{"position":[[303,3]]},"162":{"position":[[300,3]]},"172":{"position":[[308,3]]},"184":{"position":[[304,3]]},"192":{"position":[[29,3],[303,3]]},"238":{"position":[[1221,3]]},"470":{"position":[[293,3]]},"564":{"position":[[429,3],[853,3],[875,3],[907,3],[1041,3]]},"602":{"position":[[17333,3]]},"606":{"position":[[209,3]]},"608":{"position":[[19,3],[49,3],[78,3]]},"648":{"position":[[5844,3]]}}}],["piechart",{"_index":3126,"t":{"608":{"position":[[3743,9],[4249,8],[4258,8],[7686,9],[8043,8],[8052,8],[11641,9],[12251,8],[12260,8]]}}}],["piechart.adddataasync(chartdata",{"_index":3139,"t":{"608":{"position":[[6336,32],[10015,32]]}}}],["piechart.adddatasetasync(chartdata",{"_index":3137,"t":{"608":{"position":[[5863,35]]}}}],["piechart.initializeasync(chartdata",{"_index":3131,"t":{"608":{"position":[[4954,35],[8798,35],[13007,35]]}}}],["piechart.updateasync(chartdata",{"_index":3135,"t":{"608":{"position":[[5646,31],[9560,31],[13537,31]]}}}],["piechartdataset",{"_index":3122,"t":{"608":{"position":[[1503,15],[1533,15],[5290,15],[5306,15],[5325,15],[6168,15],[6184,16],[6686,15],[9204,15],[9220,15],[9239,15],[9847,15],[9863,16],[10557,15],[13855,15],[14933,15]]}}}],["piechartdataset.data",{"_index":3132,"t":{"608":{"position":[[5356,20],[5536,20],[9270,20],[9450,20]]}}}],["piechartdataset.data.count",{"_index":3133,"t":{"608":{"position":[[5404,27],[9318,27]]}}}],["piechartdatasetdata(piechartdataset.label",{"_index":3138,"t":{"608":{"position":[[6214,42],[9893,42]]}}}],["piechartdatasetdatalabel",{"_index":3123,"t":{"608":{"position":[[2163,25],[2637,25],[14957,25]]}}}],["piechartopt",{"_index":3124,"t":{"608":{"position":[[2848,15],[2878,15],[4287,15],[4303,15],[4699,15],[4990,17],[5678,17],[5913,17],[8081,15],[8097,15],[8493,15],[8859,16],[9592,17],[12289,15],[12305,15],[12701,15],[13043,17],[13569,17],[14991,15]]}}}],["piechartoptions.plugins.legend.posit",{"_index":3145,"t":{"608":{"position":[[12860,39],[13479,39]]}}}],["piechartoptions.plugins.title.display",{"_index":3130,"t":{"608":{"position":[[4812,37],[8606,37],[12814,37]]}}}],["piechartoptions.plugins.title.text",{"_index":3129,"t":{"608":{"position":[[4759,34],[8553,34],[12761,34]]}}}],["piechartoptions.respons",{"_index":3128,"t":{"608":{"position":[[4724,26],[8518,26],[12726,26]]}}}],["piechartplugin",{"_index":3125,"t":{"608":{"position":[[3123,15]]}}}],["pill",{"_index":349,"t":{"42":{"position":[[467,5]]},"72":{"position":[[225,4]]},"110":{"position":[[846,5]]},"560":{"position":[[2422,4],[7402,4]]},"600":{"position":[[5940,6],[5974,6],[8063,6],[16299,5],[16333,5]]}}}],["pipelin",{"_index":3785,"t":{"624":{"position":[[6659,9]]},"626":{"position":[[6135,9]]},"634":{"position":[[5531,9]]},"636":{"position":[[5849,9]]}}}],["pixel",{"_index":2236,"t":{"586":{"position":[[1873,7],[1987,7]]},"590":{"position":[[459,7],[496,7],[3353,7]]},"602":{"position":[[2256,6],[3546,7],[3615,5]]},"604":{"position":[[2372,6]]},"606":{"position":[[2120,6]]},"608":{"position":[[1955,6]]},"660":{"position":[[1959,6],[4703,7],[24627,7],[110663,7]]}}}],["place",{"_index":1466,"t":{"568":{"position":[[6883,6]]},"654":{"position":[[18181,5]]}}}],["placehold",{"_index":241,"t":{"16":{"position":[[159,12],[245,12],[297,12]]},"20":{"position":[[257,12]]},"28":{"position":[[259,12]]},"134":{"position":[[368,12],[566,12],[764,12]]},"240":{"position":[[224,12],[422,12],[620,12]]},"398":{"position":[[20,14],[220,12],[418,12],[616,12]]},"452":{"position":[[219,12]]},"454":{"position":[[219,12]]},"456":{"position":[[215,12]]},"572":{"position":[[2023,11],[3035,11],[4190,11]]},"576":{"position":[[20331,12]]},"578":{"position":[[8899,11],[10656,11]]},"580":{"position":[[11,12],[44,12],[86,12],[332,11],[466,11],[605,11],[689,11],[775,11],[810,13],[885,12],[931,12],[977,12],[1023,12],[1201,12],[1247,12],[1276,12],[1350,11],[1442,12],[1489,12],[1569,12],[1651,12],[1731,12],[1810,12],[1890,12],[1967,12],[2045,12],[2157,12],[2276,12],[2323,12],[2399,12],[2475,12],[2590,12],[2792,12],[2839,12],[2915,12],[2991,12],[3171,12],[3218,12],[3294,12],[3370,12],[3570,11],[3602,12]]},"584":{"position":[[3718,12]]},"600":{"position":[[2293,11],[2514,11],[2738,11],[3226,11],[3447,11],[3671,11],[4142,11],[4424,11],[4708,11],[5071,11],[5292,11],[5533,11],[5758,11],[6161,11],[6382,11],[6606,11],[7024,11],[7151,11],[7281,11],[7578,11],[7705,11],[7835,11],[7963,11],[8184,11],[8311,11],[8441,11],[8569,11],[8798,11],[8925,11],[9055,11],[9183,11],[9595,11],[9722,11],[9852,11],[9999,11],[10138,11],[10263,11],[11957,11],[12084,11],[12214,11],[12342,11],[13199,11],[14144,11],[15259,11]]},"612":{"position":[[593,11],[634,12]]},"614":{"position":[[937,11],[979,12]]},"618":{"position":[[892,11],[934,12]]},"622":{"position":[[1451,11],[1493,12]]},"628":{"position":[[881,11],[923,12]]},"658":{"position":[[1358186,12]]}}}],["placeholder=\"ent",{"_index":3347,"t":{"614":{"position":[[1562,18],[2171,18],[2375,18],[2577,18],[2781,18],[3684,18],[4012,18],[4338,18],[4666,18],[5631,18],[6408,18],[7921,18]]},"618":{"position":[[1538,18],[4141,18],[4606,18],[4907,18],[5483,18],[5711,18],[6158,18],[6552,18],[7289,18],[8516,18],[8876,18],[9205,18],[11336,18]]},"622":{"position":[[2018,18],[2349,18],[2575,18],[2801,18],[3027,18],[3253,18],[3479,18],[3705,18],[3931,18],[4157,18],[4752,18],[5265,18],[5806,18],[8076,18],[8640,18],[8896,18],[9371,18],[9769,18],[10512,18],[11795,18],[12198,18],[12570,18],[14499,18],[14729,18],[14959,18],[15189,18],[15419,18],[15649,18],[15879,18],[16109,18],[16339,18],[17174,18]]},"628":{"position":[[5758,18]]},"654":{"position":[[19523,18],[19824,18],[20094,18]]}}}],["placeholder=\"search",{"_index":3204,"t":{"612":{"position":[[2320,19],[4147,19],[5778,19],[6747,19],[8740,19],[10741,19],[12300,19]]}}}],["placeholderanim",{"_index":2106,"t":{"580":{"position":[[268,20]]}}}],["placeholderanimation.glow",{"_index":2107,"t":{"580":{"position":[[289,25],[2608,25]]}}}],["placeholderanimation.wav",{"_index":2135,"t":{"580":{"position":[[2637,25]]}}}],["placeholdercolor",{"_index":2108,"t":{"580":{"position":[[549,16]]}}}],["placeholdercolor.non",{"_index":2109,"t":{"580":{"position":[[566,21]]}}}],["placeholdercontain",{"_index":2105,"t":{"580":{"position":[[172,20],[824,21],[1069,23],[2731,21],[3072,23],[3110,21],[3451,23],[3538,20]]}}}],["placeholders",{"_index":2110,"t":{"580":{"position":[[635,15]]}}}],["placeholders3",{"_index":868,"t":{"142":{"position":[[1571,13]]}}}],["placeholdersize.non",{"_index":2111,"t":{"580":{"position":[[651,20]]}}}],["placeholderwidth",{"_index":2112,"t":{"580":{"position":[[719,16],[1148,17]]}}}],["placeholderwidth.col1",{"_index":2113,"t":{"580":{"position":[[736,21]]}}}],["placement",{"_index":231,"t":{"12":{"position":[[587,9]]},"44":{"position":[[382,9]]},"560":{"position":[[454,9],[522,10],[4009,9]]},"568":{"position":[[1422,10]]},"576":{"position":[[851,9],[861,9],[912,10],[3263,9],[6978,10],[21524,9]]},"594":{"position":[[2833,10],[4810,9]]},"610":{"position":[[487,9],[560,10]]},"630":{"position":[[875,9],[949,10],[8002,10],[8038,9],[8084,9],[8182,10],[9495,10],[9752,10],[12352,9]]}}}],["placement.end",{"_index":1767,"t":{"576":{"position":[[871,13]]}}}],["placement=\"@toastsplac",{"_index":3940,"t":{"630":{"position":[[8233,28]]}}}],["placement=\"badgeplacement.bottomcent",{"_index":1208,"t":{"560":{"position":[[6428,39]]}}}],["placement=\"badgeplacement.bottomleft",{"_index":1207,"t":{"560":{"position":[[6125,37]]}}}],["placement=\"badgeplacement.bottomright",{"_index":1209,"t":{"560":{"position":[[6733,38]]}}}],["placement=\"badgeplacement.middlecent",{"_index":1205,"t":{"560":{"position":[[5490,39]]}}}],["placement=\"badgeplacement.middleleft",{"_index":1204,"t":{"560":{"position":[[5187,37]]}}}],["placement=\"badgeplacement.middleright",{"_index":1206,"t":{"560":{"position":[[5795,38]]}}}],["placement=\"badgeplacement.topcent",{"_index":1202,"t":{"560":{"position":[[4558,36]]}}}],["placement=\"badgeplacement.topleft",{"_index":1198,"t":{"560":{"position":[[4258,34]]}}}],["placement=\"badgeplacement.topright",{"_index":1203,"t":{"560":{"position":[[4860,35],[7152,35]]}}}],["placement=\"placement.top",{"_index":1820,"t":{"576":{"position":[[7089,26]]}}}],["placement=\"toastsplacement.topright",{"_index":3812,"t":{"624":{"position":[[7976,36]]},"626":{"position":[[7452,36]]},"630":{"position":[[1972,36],[3415,36],[4954,36],[6544,36],[10224,36],[11649,36]]},"642":{"position":[[7036,36]]},"644":{"position":[[6875,36]]}}}],["placement=\"tooltipplacement.bottom\">tooltip",{"_index":3164,"t":{"610":{"position":[[999,43]]}}}],["placement=\"tooltipplacement.left\">tooltip",{"_index":3158,"t":{"610":{"position":[[730,41]]}}}],["placement=\"tooltipplacement.right\">tooltip",{"_index":3162,"t":{"610":{"position":[[895,42]]}}}],["placement=\"tooltipplacement.top\">tooltip",{"_index":3178,"t":{"610":{"position":[[1657,40]]}}}],["placerat",{"_index":1840,"t":{"576":{"position":[[7736,8],[9530,9],[9701,8],[11977,8],[13771,9],[13942,8],[16118,8],[17912,9],[18083,8]]}}}],["placerat.</p",{"_index":1894,"t":{"576":{"position":[[8291,13],[9064,13],[12532,13],[13305,13],[16673,13],[17446,13]]}}}],["platform",{"_index":2899,"t":{"602":{"position":[[5911,8]]},"604":{"position":[[3946,8],[12620,8]]},"606":{"position":[[3355,8],[8184,8]]},"608":{"position":[[3078,8]]}}}],["pldi",{"_index":4233,"t":{"658":{"position":[[881,4],[1678,4]]}}}],["pleas",{"_index":127,"t":{"2":{"position":[[2692,6]]},"124":{"position":[[1180,6]]},"598":{"position":[[832,6],[1404,6],[3845,6]]}}}],["plot",{"_index":2892,"t":{"602":{"position":[[5154,4],[5226,4]]},"604":{"position":[[3190,4],[3262,4]]}}}],["plugin",{"_index":1237,"t":{"562":{"position":[[2491,6],[3042,6],[3592,6],[4355,6],[4980,6],[5603,6],[6345,6],[6896,6],[7446,6],[8147,6],[8712,6],[9262,6],[9977,6],[10528,6],[11078,6],[12157,6],[12720,6],[13282,6],[13840,6],[14388,6],[14948,6],[18474,6],[19025,6],[19575,6],[20859,6],[21432,6],[22004,6]]},"602":{"position":[[1242,7],[5948,7],[5990,8],[17050,6],[17174,8]]},"604":{"position":[[1097,7],[3983,7],[4024,8],[16764,6],[16886,8]]},"606":{"position":[[1193,7],[3392,7],[3438,8],[12380,6],[12512,8]]},"608":{"position":[[1038,7],[3115,7],[3156,8],[8754,6],[8876,8]]},"624":{"position":[[1992,6],[2164,6],[2196,6],[5557,6],[5729,6],[5761,6]]},"626":{"position":[[2177,6],[2349,6],[2381,6]]},"632":{"position":[[1651,6],[1823,6],[1855,6]]},"634":{"position":[[1674,6],[1846,6],[1878,6],[4550,6],[4722,6],[4754,6]]},"636":{"position":[[1629,6],[1801,6],[1833,6],[4799,6],[4971,6],[5003,6]]},"638":{"position":[[1651,6],[1823,6],[1855,6]]},"642":{"position":[[2011,6],[2183,6],[2215,6]]},"644":{"position":[[2011,6],[2183,6],[2215,6]]},"652":{"position":[[1665,6],[1837,6],[1869,6],[4805,6],[4977,6],[5009,6]]}}}],["pm",{"_index":3847,"t":{"628":{"position":[[3534,2],[3627,2]]}}}],["png",{"_index":2319,"t":{"586":{"position":[[6803,3],[9693,3]]}}}],["poc",{"_index":100,"t":{"2":{"position":[[2117,5]]},"124":{"position":[[605,5]]}}}],["point",{"_index":2805,"t":{"602":{"position":[[171,6],[3339,7],[3446,7],[3530,5],[3647,5],[3732,5],[3815,5],[3928,5],[4023,5],[4109,5],[4139,5],[4232,5],[4323,6],[4451,6],[4511,6],[4596,6],[4635,6],[10570,6],[12153,6],[12695,6],[13237,6],[15012,6],[15619,6],[16226,6]]},"606":{"position":[[9325,6],[9867,6],[10409,6]]},"622":{"position":[[5115,5]]}}}],["pointbackgroundcolor",{"_index":2854,"t":{"602":{"position":[[3244,20],[10466,20],[12055,20],[12597,20],[13139,20],[14914,20],[15521,20],[16128,20]]},"606":{"position":[[9227,20],[9769,20],[10311,20]]}}}],["pointbordercolor",{"_index":2857,"t":{"602":{"position":[[3353,16]]}}}],["pointborderwidth",{"_index":2858,"t":{"602":{"position":[[3460,16]]}}}],["pointer",{"_index":1432,"t":{"568":{"position":[[3953,7]]}}}],["pointhitradiu",{"_index":2859,"t":{"602":{"position":[[3560,14]]}}}],["pointhoverbackgroundcolor",{"_index":2862,"t":{"602":{"position":[[3688,25]]}}}],["pointhoverbordercolor",{"_index":2863,"t":{"602":{"position":[[3775,21]]}}}],["pointhoverborderwidth",{"_index":2864,"t":{"602":{"position":[[3854,21]]}}}],["pointhoverradiu",{"_index":2865,"t":{"602":{"position":[[3954,16],[10577,16],[12160,16],[12702,16],[13244,16],[15019,16],[15626,16],[16233,16]]},"606":{"position":[[9332,16],[9874,16],[10416,16]]}}}],["pointradiu",{"_index":2866,"t":{"602":{"position":[[4049,11],[10527,11],[12110,11],[12652,11],[13194,11],[14969,11],[15576,11],[16183,11]]},"606":{"position":[[9282,11],[9824,11],[10366,11]]}}}],["pointrot",{"_index":2868,"t":{"602":{"position":[[4168,13]]}}}],["pointstyl",{"_index":2871,"t":{"602":{"position":[[4256,10]]}}}],["polar",{"_index":1354,"t":{"564":{"position":[[470,5]]}}}],["poor",{"_index":2012,"t":{"578":{"position":[[3423,4]]}}}],["pop",{"_index":4367,"t":{"660":{"position":[[8433,6],[10778,6],[13154,6],[15926,6],[18345,6],[21097,6],[23499,6],[26908,6],[32576,6],[34941,6],[37306,6],[39659,6],[41917,6],[44937,6],[47947,6],[53601,6],[56240,6],[58693,6],[62405,6],[65626,6],[68709,6],[72086,6],[75224,6],[78199,6],[81496,6],[84587,6],[87353,6],[92458,6],[100688,6],[102879,6],[105317,6],[109432,6],[113313,6],[126824,6],[129457,6],[132186,6]]}}}],["pop@blazorbootstrap.com",{"_index":4442,"t":{"660":{"position":[[26941,26],[44970,26]]}}}],["popular",{"_index":3896,"t":{"630":{"position":[[297,12]]}}}],["popup",{"_index":3197,"t":{"612":{"position":[[1814,5]]}}}],["porta",{"_index":1855,"t":{"576":{"position":[[7891,5],[10676,6],[12132,5],[14917,6],[16273,5],[19058,6]]}}}],["portrait",{"_index":4244,"t":{"658":{"position":[[1524,8]]}}}],["porttitor",{"_index":1889,"t":{"576":{"position":[[8218,9],[8984,9],[9499,9],[10775,9],[12459,9],[13225,9],[13740,9],[15016,9],[16600,9],[17366,9],[17881,9],[19157,9]]}}}],["posit",{"_index":473,"t":{"72":{"position":[[245,10]]},"112":{"position":[[354,8]]},"560":{"position":[[539,8],[548,8],[594,9],[3980,11],[3996,8],[4033,8],[7422,10]]},"568":{"position":[[922,8],[931,8],[971,9]]},"578":{"position":[[3119,10]]},"602":{"position":[[2193,8]]},"604":{"position":[[2309,8]]},"606":{"position":[[2057,8]]},"608":{"position":[[1892,8],[11558,9],[11611,8],[11803,9],[11937,9],[12074,9],[12210,9],[13467,9],[13521,9],[15077,8]]},"630":{"position":[[368,9]]},"654":{"position":[[1844,8],[1932,9],[3112,8],[16326,9],[16380,10],[16480,8],[25887,8]]},"660":{"position":[[5008,8],[5066,10],[5150,8],[5209,10]]}}}],["position.non",{"_index":1114,"t":{"560":{"position":[[557,13]]},"568":{"position":[[940,13]]}}}],["position=\"dropdownmenuposition.end",{"_index":4134,"t":{"654":{"position":[[16539,35],[16796,36]]}}}],["position=\"position.absolut",{"_index":1197,"t":{"560":{"position":[[4229,28],[4529,28],[4831,28],[5158,28],[5461,28],[5766,28],[6096,28],[6399,28],[6704,28],[7123,28]]}}}],["position=\"position.rel",{"_index":1195,"t":{"560":{"position":[[4160,29],[4460,29],[4762,29],[5089,29],[5392,29],[5697,29],[6027,29],[6330,29],[6635,29],[7054,29]]}}}],["positionbottomasync",{"_index":3150,"t":{"608":{"position":[[13282,21]]}}}],["positionleftasync",{"_index":3152,"t":{"608":{"position":[[13363,19]]}}}],["positionrightasync",{"_index":3148,"t":{"608":{"position":[[13203,20]]}}}],["positiontopasync",{"_index":3146,"t":{"608":{"position":[[13128,18]]}}}],["possibl",{"_index":403,"t":{"56":{"position":[[288,8]]},"70":{"position":[[444,8]]},"556":{"position":[[2910,8],[2953,8]]},"558":{"position":[[1639,8]]},"574":{"position":[[2227,8]]},"576":{"position":[[3430,8]]},"578":{"position":[[4224,8]]}}}],["post",{"_index":179,"t":{"4":{"position":[[313,4]]},"6":{"position":[[223,4],[257,4]]},"8":{"position":[[308,4],[342,4]]},"10":{"position":[[414,4],[448,4]]},"12":{"position":[[765,4],[799,4]]},"14":{"position":[[391,4],[425,4]]},"16":{"position":[[331,4],[365,4]]},"18":{"position":[[390,4],[424,4]]},"20":{"position":[[291,4],[325,4]]},"22":{"position":[[410,4],[444,4]]},"24":{"position":[[342,4],[376,4]]},"26":{"position":[[328,4],[362,4]]},"28":{"position":[[293,4],[327,4]]},"30":{"position":[[455,4],[489,4]]},"32":{"position":[[672,4],[706,4]]},"34":{"position":[[295,4],[329,4]]},"36":{"position":[[796,4],[830,4]]},"38":{"position":[[613,4],[648,4]]},"40":{"position":[[504,4],[539,4]]},"42":{"position":[[884,4],[919,4]]},"44":{"position":[[632,4],[667,4]]},"46":{"position":[[736,4],[771,4]]},"48":{"position":[[610,4],[645,4]]},"50":{"position":[[521,4],[556,4]]},"52":{"position":[[918,4],[953,4]]},"54":{"position":[[593,4],[628,4]]},"56":{"position":[[873,4],[908,4]]},"58":{"position":[[476,4],[511,4]]},"60":{"position":[[818,4],[853,4]]},"62":{"position":[[494,4],[529,4]]},"64":{"position":[[435,4],[470,4]]},"66":{"position":[[467,4],[502,4]]},"68":{"position":[[1194,4],[1229,4]]},"70":{"position":[[1121,4],[1156,4]]},"72":{"position":[[1175,4],[1210,4]]},"74":{"position":[[689,4],[724,4]]},"76":{"position":[[451,4],[486,4]]},"78":{"position":[[548,4],[583,4]]},"80":{"position":[[1961,4],[1996,4]]},"82":{"position":[[713,4],[748,4]]},"84":{"position":[[693,4],[728,4]]},"86":{"position":[[909,4],[944,4]]},"88":{"position":[[518,4],[553,4]]},"90":{"position":[[399,4],[434,4]]},"92":{"position":[[538,4],[573,4]]},"94":{"position":[[432,4],[467,4]]},"96":{"position":[[478,4],[513,4]]},"98":{"position":[[1113,4],[1149,4]]},"100":{"position":[[1585,4],[1621,4]]},"102":{"position":[[594,4],[630,4]]},"104":{"position":[[1051,4],[1087,4]]},"106":{"position":[[625,4],[661,4]]},"108":{"position":[[714,4],[750,4]]},"110":{"position":[[1312,4],[1341,4]]},"112":{"position":[[1001,4],[1037,4]]},"114":{"position":[[458,4],[494,4]]},"116":{"position":[[562,4],[597,4]]},"118":{"position":[[621,4],[656,4]]},"120":{"position":[[538,4],[573,4]]},"122":{"position":[[441,4],[486,4]]},"124":{"position":[[1255,4],[1290,4]]},"128":{"position":[[1705,4]]},"144":{"position":[[4,4]]},"146":{"position":[[2,5]]},"148":{"position":[[2,5]]},"150":{"position":[[4,4]]},"152":{"position":[[2,5]]},"154":{"position":[[4,4]]},"156":{"position":[[4,4]]},"158":{"position":[[3,5]]},"160":{"position":[[2,5]]},"162":{"position":[[4,4]]},"164":{"position":[[4,4]]},"166":{"position":[[2,5]]},"168":{"position":[[2,5]]},"170":{"position":[[2,5]]},"172":{"position":[[4,4]]},"174":{"position":[[4,4]]},"176":{"position":[[4,4]]},"178":{"position":[[4,4]]},"180":{"position":[[4,4]]},"182":{"position":[[4,4]]},"184":{"position":[[4,4]]},"186":{"position":[[4,4]]},"188":{"position":[[4,4]]},"190":{"position":[[4,4]]},"192":{"position":[[4,4]]},"194":{"position":[[2,5]]},"196":{"position":[[4,4]]},"198":{"position":[[4,4]]},"200":{"position":[[4,4]]},"202":{"position":[[2,5]]},"204":{"position":[[4,4]]},"206":{"position":[[4,4]]},"208":{"position":[[4,4]]},"210":{"position":[[2,5]]},"212":{"position":[[3,5]]},"214":{"position":[[3,5]]},"216":{"position":[[4,4]]},"218":{"position":[[3,5]]},"220":{"position":[[3,5]]},"222":{"position":[[2,5]]},"224":{"position":[[4,4]]},"226":{"position":[[4,4]]},"228":{"position":[[4,4]]},"230":{"position":[[3,5]]},"232":{"position":[[3,5]]},"234":{"position":[[3,5]]},"236":{"position":[[3,5]]},"238":{"position":[[3,5]]},"240":{"position":[[3,5]]},"242":{"position":[[3,5]]},"244":{"position":[[4,4]]},"246":{"position":[[2,5]]},"248":{"position":[[2,5]]},"250":{"position":[[4,4]]},"252":{"position":[[4,4]]},"254":{"position":[[4,4]]},"256":{"position":[[2,5]]},"258":{"position":[[4,4]]},"260":{"position":[[4,4]]},"262":{"position":[[2,5]]},"264":{"position":[[2,5]]},"266":{"position":[[4,4]]},"268":{"position":[[4,4]]},"270":{"position":[[3,5]]},"272":{"position":[[2,5]]},"274":{"position":[[2,5]]},"276":{"position":[[3,5]]},"278":{"position":[[2,5]]},"280":{"position":[[4,4]]},"282":{"position":[[4,4]]},"284":{"position":[[2,5]]},"286":{"position":[[4,4]]},"288":{"position":[[2,5]]},"290":{"position":[[4,4]]},"292":{"position":[[4,4]]},"294":{"position":[[2,5]]},"296":{"position":[[2,5]]},"298":{"position":[[4,4]]},"300":{"position":[[4,4]]},"302":{"position":[[2,5]]},"304":{"position":[[2,5]]},"306":{"position":[[3,5]]},"308":{"position":[[3,5]]},"310":{"position":[[3,5]]},"312":{"position":[[3,5]]},"314":{"position":[[3,5]]},"316":{"position":[[3,5]]},"318":{"position":[[3,5]]},"320":{"position":[[4,4]]},"322":{"position":[[4,4]]},"324":{"position":[[2,5]]},"326":{"position":[[3,5]]},"328":{"position":[[2,5]]},"330":{"position":[[2,5]]},"332":{"position":[[4,4]]},"334":{"position":[[4,4]]},"336":{"position":[[2,5]]},"338":{"position":[[4,4]]},"340":{"position":[[4,4]]},"342":{"position":[[4,4]]},"344":{"position":[[4,4]]},"346":{"position":[[2,5]]},"348":{"position":[[4,4]]},"350":{"position":[[2,5]]},"352":{"position":[[2,5]]},"354":{"position":[[2,5]]},"356":{"position":[[4,4]]},"358":{"position":[[2,5]]},"360":{"position":[[2,5]]},"362":{"position":[[3,5]]},"364":{"position":[[3,5]]},"366":{"position":[[2,5]]},"368":{"position":[[2,5]]},"370":{"position":[[3,5]]},"372":{"position":[[4,4]]},"374":{"position":[[4,4]]},"376":{"position":[[4,4]]},"378":{"position":[[4,4]]},"380":{"position":[[2,5]]},"382":{"position":[[3,5]]},"384":{"position":[[3,5]]},"386":{"position":[[4,4]]},"388":{"position":[[4,4]]},"390":{"position":[[2,5]]},"392":{"position":[[2,5]]},"394":{"position":[[2,5]]},"396":{"position":[[2,5]]},"398":{"position":[[2,5]]},"400":{"position":[[4,4]]},"402":{"position":[[4,4]]},"404":{"position":[[2,5]]},"406":{"position":[[2,5]]},"408":{"position":[[4,4]]},"410":{"position":[[2,5]]},"412":{"position":[[2,5]]},"414":{"position":[[4,4]]},"416":{"position":[[2,5]]},"418":{"position":[[2,5]]},"420":{"position":[[4,4]]},"422":{"position":[[4,4]]},"424":{"position":[[2,5]]},"426":{"position":[[4,4]]},"428":{"position":[[2,5]]},"430":{"position":[[2,5]]},"432":{"position":[[4,4]]},"434":{"position":[[4,4]]},"436":{"position":[[2,5]]},"438":{"position":[[4,4]]},"440":{"position":[[4,4]]},"442":{"position":[[4,4]]},"444":{"position":[[4,4]]},"446":{"position":[[4,4]]},"448":{"position":[[4,4]]},"450":{"position":[[4,4]]},"452":{"position":[[4,4]]},"454":{"position":[[4,4]]},"456":{"position":[[4,4]]},"458":{"position":[[4,4]]},"460":{"position":[[4,4]]},"462":{"position":[[4,4]]},"464":{"position":[[4,4]]},"466":{"position":[[4,4]]},"468":{"position":[[4,4]]},"470":{"position":[[4,4]]},"472":{"position":[[4,4]]},"474":{"position":[[4,4]]},"476":{"position":[[4,4]]},"478":{"position":[[4,4]]},"480":{"position":[[4,4]]},"482":{"position":[[4,4]]},"484":{"position":[[4,4]]},"486":{"position":[[4,4]]},"488":{"position":[[4,4]]},"490":{"position":[[4,4]]},"492":{"position":[[4,4]]},"494":{"position":[[4,4]]},"496":{"position":[[4,4]]},"498":{"position":[[4,4]]},"500":{"position":[[4,4]]},"502":{"position":[[4,4]]},"504":{"position":[[4,4]]},"506":{"position":[[4,4]]},"508":{"position":[[4,4]]},"510":{"position":[[4,4]]},"512":{"position":[[4,4]]},"514":{"position":[[4,4]]},"516":{"position":[[4,4]]},"518":{"position":[[4,4]]},"520":{"position":[[4,4]]},"522":{"position":[[4,4]]},"524":{"position":[[4,4]]},"526":{"position":[[4,4]]},"528":{"position":[[4,4]]},"530":{"position":[[4,4]]},"532":{"position":[[4,4]]},"534":{"position":[[4,4]]},"536":{"position":[[4,4]]},"538":{"position":[[4,4]]},"540":{"position":[[4,4]]},"542":{"position":[[4,4]]},"544":{"position":[[4,4]]},"546":{"position":[[4,4]]},"548":{"position":[[4,4]]},"550":{"position":[[4,4]]},"552":{"position":[[4,4]]},"554":{"position":[[4,4]]},"650":{"position":[[4,4]]}}}],["posuer",{"_index":1926,"t":{"576":{"position":[[9039,7],[13280,7],[17421,7]]}}}],["potenti",{"_index":114,"t":{"2":{"position":[[2364,9]]},"124":{"position":[[852,9]]}}}],["potter",{"_index":4448,"t":{"660":{"position":[[27651,9],[45680,9]]}}}],["power",{"_index":1516,"t":{"570":{"position":[[324,8]]}}}],["praesent",{"_index":1945,"t":{"576":{"position":[[9692,8],[13933,8],[18074,8]]}}}],["pre",{"_index":1464,"t":{"568":{"position":[[6434,3]]},"614":{"position":[[168,3]]},"628":{"position":[[172,3]]}}}],["preced",{"_index":1392,"t":{"568":{"position":[[846,11]]}}}],["predefin",{"_index":1256,"t":{"562":{"position":[[11649,10],[11821,10]]},"568":{"position":[[1805,10]]},"600":{"position":[[9354,10]]},"602":{"position":[[6315,10]]},"604":{"position":[[4349,10]]},"606":{"position":[[3718,10]]},"608":{"position":[[3436,10]]}}}],["predict",{"_index":3910,"t":{"630":{"position":[[1690,11]]}}}],["preeti",{"_index":3243,"t":{"612":{"position":[[3274,7],[5145,7],[7770,7]]}}}],["prefer",{"_index":1628,"t":{"572":{"position":[[1468,7]]},"658":{"position":[[328,9]]}}}],["preload",{"_index":161,"t":{"2":{"position":[[3767,8],[3860,7]]},"10":{"position":[[225,7]]},"46":{"position":[[385,7],[530,7],[692,7]]},"52":{"position":[[526,7],[697,7],[861,7]]},"108":{"position":[[139,8],[234,7],[252,8],[273,7],[660,7]]},"132":{"position":[[3011,7]]},"140":{"position":[[280,7]]},"158":{"position":[[2577,8],[2670,7]]},"160":{"position":[[1001,7],[1327,7]]},"166":{"position":[[418,7],[744,7]]},"168":{"position":[[410,7],[736,7]]},"186":{"position":[[334,7]]},"194":{"position":[[28,8],[411,7],[737,7]]},"200":{"position":[[334,7]]},"202":{"position":[[411,7],[737,7]]},"216":{"position":[[410,7]]},"220":{"position":[[2807,7],[3133,7]]},"230":{"position":[[2586,8],[2679,7]]},"236":{"position":[[2816,7],[3142,7]]},"306":{"position":[[2580,8],[2673,7]]},"308":{"position":[[1950,8],[2043,7]]},"336":{"position":[[465,8],[558,7]]},"360":{"position":[[846,8],[939,7]]},"364":{"position":[[1792,8],[1885,7]]},"384":{"position":[[818,8],[911,7]]},"400":{"position":[[21,9],[184,8],[277,7]]},"416":{"position":[[182,8],[275,7]]},"474":{"position":[[404,7]]},"490":{"position":[[184,8],[277,7]]},"580":{"position":[[3530,7]]},"584":{"position":[[11,7],[39,7],[106,7],[155,7],[182,7],[628,7],[765,8],[876,8],[914,8],[936,7],[981,7],[1111,8],[1530,7],[2190,7],[2366,7],[3675,7],[3756,7],[3787,7]]},"590":{"position":[[8310,7]]},"624":{"position":[[7915,8]]},"626":{"position":[[7391,8]]},"642":{"position":[[6975,8]]},"644":{"position":[[6814,8]]},"650":{"position":[[324,7]]}}}],["preload1",{"_index":869,"t":{"142":{"position":[[1585,8]]}}}],["preload2",{"_index":784,"t":{"142":{"position":[[433,8]]}}}],["preloadservic",{"_index":387,"t":{"52":{"position":[[334,14]]},"584":{"position":[[249,14],[1155,15],[1307,14],[1322,14],[1788,14],[1803,14],[3452,14],[3467,14]]}}}],["preloadservice.hid",{"_index":2196,"t":{"584":{"position":[[333,21],[1497,22],[1984,22],[2159,22],[3644,22]]}}}],["preloadservice.show",{"_index":2195,"t":{"584":{"position":[[269,21],[1387,22]]}}}],["preloadservice.show(spinnercolor",{"_index":2225,"t":{"584":{"position":[[3561,34]]}}}],["preloadservice.show(spinnercolor.light",{"_index":2211,"t":{"584":{"position":[[1876,39],[2052,39]]}}}],["premium",{"_index":2338,"t":{"586":{"position":[[9746,7]]}}}],["prepar",{"_index":2943,"t":{"602":{"position":[[9796,11],[11093,11]]},"604":{"position":[[7946,11],[9051,11]]},"606":{"position":[[6864,11],[8086,11],[13869,11],[15285,11]]},"608":{"position":[[6433,11],[7640,11],[10112,11],[11511,11],[13602,11],[14809,11]]}}}],["prerequisit",{"_index":2649,"t":{"598":{"position":[[113,14],[4381,13]]},"602":{"position":[[6118,14],[17474,13]]},"604":{"position":[[4152,14],[17182,13]]},"606":{"position":[[3521,14],[15511,13]]},"608":{"position":[[3239,14],[15024,13]]},"640":{"position":[[191,14],[1919,13]]},"646":{"position":[[196,14],[1936,13]]}}}],["present",{"_index":1361,"t":{"566":{"position":[[99,12]]}}}],["press",{"_index":677,"t":{"108":{"position":[[424,8]]},"576":{"position":[[444,8]]},"578":{"position":[[533,8],[2834,5],[7836,8],[8107,5]]}}}],["pretium",{"_index":1900,"t":{"576":{"position":[[8373,8],[8604,8],[10083,7],[10344,7],[12614,8],[12845,8],[14324,7],[14585,7],[16755,8],[16986,8],[18465,7],[18726,7]]}}}],["pretium.</p",{"_index":1952,"t":{"576":{"position":[[10031,12],[14272,12],[18413,12]]}}}],["prevent",{"_index":1434,"t":{"568":{"position":[[3986,10]]},"578":{"position":[[15217,12]]},"618":{"position":[[140,8]]},"660":{"position":[[42753,7]]}}}],["preview",{"_index":2527,"t":{"596":{"position":[[59,9]]}}}],["preview.1",{"_index":3,"t":{"2":{"position":[[24,9],[122,10]]},"122":{"position":[[470,9]]},"128":{"position":[[24,9],[122,10]]},"130":{"position":[[2284,9]]},"148":{"position":[[70,9],[168,10]]},"158":{"position":[[68,9],[166,10]]},"230":{"position":[[77,9],[175,10]]},"306":{"position":[[71,9],[169,10]]},"328":{"position":[[68,9],[166,10]]},"330":{"position":[[67,9],[165,10]]},"358":{"position":[[69,9],[167,10]]},"364":{"position":[[66,9],[164,10]]},"384":{"position":[[67,9],[165,10]]},"406":{"position":[[67,9],[165,10]]},"410":{"position":[[68,9],[166,10]]},"412":{"position":[[69,9],[167,10]]},"420":{"position":[[65,9],[163,10]]},"554":{"position":[[68,9],[166,10]]},"624":{"position":[[371,9]]},"626":{"position":[[371,9]]},"632":{"position":[[389,9]]},"634":{"position":[[429,9]]},"636":{"position":[[384,9]]},"638":{"position":[[389,9]]},"642":{"position":[[381,9]]},"644":{"position":[[381,9]]},"652":{"position":[[381,9]]}}}],["previou",{"_index":1068,"t":{"556":{"position":[[4002,8]]},"558":{"position":[[2367,8]]},"560":{"position":[[7320,8]]},"562":{"position":[[23447,8]]},"564":{"position":[[957,8]]},"566":{"position":[[7852,8]]},"568":{"position":[[9731,8]]},"570":{"position":[[13348,8]]},"572":{"position":[[5252,8]]},"574":{"position":[[8902,8]]},"576":{"position":[[21351,8]]},"578":{"position":[[15268,8]]},"580":{"position":[[3505,8]]},"582":{"position":[[1108,8],[1180,8],[3372,8]]},"584":{"position":[[3709,8]]},"586":{"position":[[3074,8],[3182,8],[9783,8]]},"588":{"position":[[1639,8]]},"590":{"position":[[8301,8]]},"592":{"position":[[15251,8]]},"594":{"position":[[4684,8]]},"596":{"position":[[13861,8]]},"598":{"position":[[4339,8]]},"600":{"position":[[1214,8],[1322,8],[16130,8]]},"602":{"position":[[17304,8]]},"604":{"position":[[17016,8]]},"606":{"position":[[15333,8]]},"608":{"position":[[14857,8]]},"610":{"position":[[2150,8]]},"612":{"position":[[1884,8],[13430,8]]},"614":{"position":[[12898,8]]},"616":{"position":[[6125,8]]},"618":{"position":[[11662,8]]},"620":{"position":[[2910,8]]},"622":{"position":[[17500,8]]},"624":{"position":[[8739,8]]},"626":{"position":[[8215,8]]},"628":{"position":[[12072,8]]},"630":{"position":[[12206,8]]},"632":{"position":[[3178,8]]},"634":{"position":[[7634,8]]},"636":{"position":[[8725,8]]},"638":{"position":[[2994,8]]},"640":{"position":[[1880,8]]},"642":{"position":[[7799,8]]},"644":{"position":[[7638,8]]},"646":{"position":[[1885,8]]},"648":{"position":[[5835,8]]},"654":{"position":[[25540,8]]},"656":{"position":[[24064,8]]},"658":{"position":[[1358161,8]]},"660":{"position":[[133305,8]]}}}],["previous",{"_index":2753,"t":{"600":{"position":[[11531,10]]}}}],["previouslinkicon",{"_index":2154,"t":{"582":{"position":[[1051,16],[1233,18]]}}}],["previouslinkicon=\"iconname.chevronleft",{"_index":2176,"t":{"582":{"position":[[2086,39]]}}}],["previouslinktext",{"_index":2155,"t":{"582":{"position":[[1134,16],[1200,18]]}}}],["price",{"_index":3576,"t":{"618":{"position":[[8305,6],[8535,6],[10079,5],[10224,5],[10560,6],[10611,6],[10667,5],[11141,6],[11283,6],[11355,6],[11431,5],[11517,5],[11568,8]]},"622":{"position":[[11541,6],[11814,6],[13444,5],[13589,5],[13925,6],[13976,6],[14032,5],[16977,6],[17121,6],[17193,6],[17269,5],[17355,5],[17406,8]]},"654":{"position":[[19336,6],[19542,6],[21000,5],[21145,5],[21481,6],[21532,6],[21588,5]]}}}],["pricechanged(decim",{"_index":3591,"t":{"618":{"position":[[9876,21],[11486,21]]},"622":{"position":[[13241,21],[17324,21]]},"654":{"position":[[20797,21]]}}}],["pricechanged(valu",{"_index":3579,"t":{"618":{"position":[[8495,20],[11315,20]]},"622":{"position":[[11774,20],[17153,20]]},"654":{"position":[[19502,20]]}}}],["primari",{"_index":990,"t":{"556":{"position":[[996,7]]},"568":{"position":[[1957,7],[2713,7],[4424,7]]},"610":{"position":[[1214,8]]},"648":{"position":[[1073,7],[2256,7]]},"660":{"position":[[88619,7],[89407,7],[93124,7],[93183,7],[101347,7]]}}}],["primary\">primary</badg",{"_index":1140,"t":{"560":{"position":[[1258,24]]}}}],["privat",{"_index":1051,"t":{"556":{"position":[[3475,7]]},"558":{"position":[[458,7],[511,7],[1265,7],[1998,7]]},"562":{"position":[[16684,7],[16725,7],[16825,7],[16929,7],[17032,7],[17146,7],[17251,7],[17349,7],[17449,7],[17553,7],[17656,7],[17770,7],[17875,7],[20218,7],[20259,7],[20345,7],[22431,7],[22533,7],[22754,7],[22973,7],[23194,7]]},"568":{"position":[[7575,7],[7602,7],[8817,7],[8855,7]]},"572":{"position":[[2233,7],[2303,7],[2373,7],[3202,7],[3272,7],[3342,7],[4519,7],[4589,7],[4659,7],[4733,7],[4845,7],[4953,7],[5063,7],[5173,7]]},"574":{"position":[[1720,7],[1750,7],[2646,7],[2725,7],[3696,7],[4219,7],[4249,7],[5402,7],[5432,7],[6095,7],[6125,7],[6587,7],[6617,7],[7211,7],[7241,7],[7852,7],[7882,7],[8544,7],[8585,7]]},"576":{"position":[[3056,7],[3085,7],[3159,7],[3782,7],[3822,7],[3847,7],[4517,7],[5532,7],[5572,7],[5597,7],[5934,7],[6619,7],[7266,7],[7295,7],[11496,7],[11525,7],[15743,7],[15772,7],[19884,7],[19913,7],[20694,7],[20723,7],[20799,7],[20875,7],[20988,7],[21097,7],[21208,7]]},"578":{"position":[[3939,7],[3960,7],[4028,7],[4563,7],[4595,7],[4620,7],[5281,7],[6252,7],[6284,7],[6309,7],[6637,7],[7315,7],[8432,7],[8453,7],[8521,7],[9610,7],[9631,7],[9699,7],[10296,7],[10317,7],[10385,7],[11386,7],[11407,7],[11475,7],[12341,7],[12364,7],[12387,7],[13870,7],[13891,7],[13914,7],[13937,7],[13960,7],[13983,7],[14668,7],[14689,7],[14798,7],[14902,7],[15009,7],[15114,7]]},"582":{"position":[[3217,7]]},"584":{"position":[[1351,7],[1832,7],[2009,7],[3496,7]]},"586":{"position":[[6593,7],[9570,7]]},"588":{"position":[[1475,7],[1547,7]]},"590":{"position":[[2874,7],[2996,7],[3124,7],[5753,7]]},"592":{"position":[[1814,7],[2052,7],[3913,7],[4151,7],[6804,7],[7042,7],[9798,7],[10036,7],[12796,7],[13034,7]]},"594":{"position":[[4544,7],[4573,7],[4613,7]]},"596":{"position":[[2591,7],[3950,7],[4229,7],[4508,7],[4839,7],[6444,7],[6723,7],[7002,7],[7281,7],[9176,7],[9455,7],[9734,7],[9992,7],[11445,7],[12258,7],[13063,7],[13287,7]]},"600":{"position":[[10862,7],[10936,7],[11014,7],[11091,7],[11179,7],[11255,7],[13425,7],[13560,7],[13687,7],[14302,7],[14503,7],[15585,7],[15815,7],[15962,7]]},"602":{"position":[[7534,7],[7574,7],[7628,7],[7668,7],[7699,7],[7728,7],[8211,7],[8859,7],[9097,7],[9493,7],[9639,7],[9808,7],[10042,7],[10622,7],[10789,7],[10992,7],[11258,7],[11298,7],[11352,7],[14119,7],[14159,7],[14213,7]]},"604":{"position":[[5486,7],[5524,7],[5576,7],[5616,7],[5647,7],[5676,7],[5828,7],[6322,7],[6961,7],[7229,7],[7651,7],[7793,7],[7958,7],[8191,7],[8577,7],[8744,7],[8947,7],[9169,7],[9207,7],[9259,7],[10567,7],[10605,7],[10657,7],[12795,7],[12833,7],[12885,7],[14893,7],[14931,7],[14983,7]]},"606":{"position":[[4533,7],[4581,7],[4643,7],[4683,7],[4719,7],[4750,7],[4783,7],[5398,7],[6085,7],[6335,7],[6876,7],[7114,7],[7320,7],[7494,7],[7691,7],[7916,7],[7987,7],[8430,7],[8470,7],[8524,7],[11621,7],[11669,7],[11731,7],[11771,7],[11807,7],[11838,7],[11871,7],[12606,7],[13340,7],[13881,7],[14313,7],[14519,7],[14693,7],[14890,7],[15115,7],[15186,7]]},"608":{"position":[[4241,7],[4279,7],[4331,7],[4371,7],[4407,7],[4438,7],[4471,7],[5056,7],[5698,7],[5933,7],[6445,7],[6678,7],[6874,7],[7048,7],[7245,7],[7470,7],[7541,7],[8035,7],[8073,7],[8125,7],[8165,7],[8201,7],[8232,7],[8265,7],[8970,7],[9612,7],[10124,7],[10549,7],[10745,7],[10919,7],[11116,7],[11341,7],[11412,7],[12243,7],[12281,7],[12333,7],[12373,7],[12409,7],[12440,7],[12473,7],[13109,7],[13184,7],[13263,7],[13344,7],[13421,7],[13614,7],[13847,7],[14043,7],[14217,7],[14414,7],[14639,7],[14710,7]]},"610":{"position":[[1485,7],[1840,7],[1878,7]]},"612":{"position":[[2447,7],[2516,7],[2917,7],[3466,7],[4318,7],[4387,7],[4788,7],[5337,7],[5905,7],[5991,7],[6366,7],[6874,7],[7012,7],[7413,7],[7962,7],[9369,7],[9418,7],[9774,7],[10122,7],[11110,7],[11150,7],[11249,7],[11632,7],[11805,7],[11848,7],[11891,7],[12576,7],[12634,7],[12743,7],[13126,7],[13299,7],[13350,7]]},"614":{"position":[[1650,7],[2869,7],[2944,7],[2969,7],[3021,7],[4834,7],[4885,7],[4936,7],[4985,7],[5021,7],[5058,7],[5094,7],[5939,7],[6001,7],[6031,7],[6074,7],[6117,7],[6644,7],[6694,7],[6756,7],[6803,7],[8334,7],[8367,7],[8664,7],[9287,7],[9349,7],[11465,7],[11516,7],[11549,7],[11582,7],[11780,7],[12475,7]]},"616":{"position":[[2484,7],[2510,7],[2540,7],[2583,7],[2626,7],[3143,7],[3191,7],[3217,7],[3265,7]]},"618":{"position":[[1631,7],[3326,7],[3346,7],[3368,7],[3391,7],[3415,7],[3439,7],[3464,7],[3489,7],[4309,7],[5093,7],[5114,7],[5805,7],[5825,7],[6322,7],[6817,7],[6838,7],[6868,7],[6911,7],[6954,7],[7482,7],[7532,7],[7553,7],[7602,7],[9603,7],[9636,7],[9863,7],[9950,7],[10043,7],[10426,7],[11414,7],[11444,7],[11473,7]]},"620":{"position":[[1426,7],[1453,7],[1483,7],[1526,7],[1569,7],[2038,7],[2073,7],[2100,7],[2145,7],[2653,7],[2673,7],[2709,7]]},"622":{"position":[[2112,7],[4251,7],[4283,7],[4315,7],[4347,7],[4379,7],[4411,7],[4443,7],[4475,7],[4507,7],[4845,7],[5358,7],[5899,7],[7231,7],[7251,7],[7273,7],[7296,7],[7320,7],[7344,7],[7369,7],[7394,7],[8244,7],[8990,7],[9010,7],[9535,7],[10034,7],[10055,7],[10085,7],[10128,7],[10171,7],[10705,7],[10759,7],[10780,7],[10831,7],[12968,7],[13001,7],[13228,7],[13315,7],[13408,7],[13791,7],[16433,7],[16473,7],[16513,7],[16553,7],[16593,7],[16633,7],[16673,7],[16713,7],[16753,7],[17252,7],[17282,7],[17311,7]]},"624":{"position":[[8024,7],[8060,7],[8110,7],[8321,7]]},"626":{"position":[[7500,7],[7536,7],[7586,7],[7797,7]]},"628":{"position":[[1569,7],[2147,7],[2193,7],[3302,7],[3338,7],[4083,7],[4142,7],[4172,7],[4215,7],[4258,7],[4761,7],[4812,7],[4871,7],[4919,7],[7420,7],[7459,7],[7917,7],[8842,7],[8900,7],[10708,7],[10747,7],[10780,7],[10814,7],[11007,7],[11741,7]]},"630":{"position":[[2810,7],[2904,7],[4354,7],[4448,7],[5792,7],[5886,7],[7382,7],[7476,7],[9450,7],[11062,7],[11156,7],[11891,7]]},"634":{"position":[[6877,7],[7088,7]]},"636":{"position":[[7968,7],[8179,7]]},"640":{"position":[[998,7],[1034,7],[1084,7],[1295,7]]},"642":{"position":[[7084,7],[7120,7],[7170,7],[7381,7]]},"644":{"position":[[6923,7],[6959,7],[7009,7],[7220,7]]},"646":{"position":[[1003,7],[1039,7],[1089,7],[1300,7]]},"648":{"position":[[1914,7],[3097,7],[3873,7],[4289,7],[4722,7],[5335,7]]},"652":{"position":[[6902,7],[7113,7]]},"654":{"position":[[15632,7],[15672,7],[15733,7],[20513,7],[20546,7],[20784,7],[20871,7],[20964,7],[21347,7],[24336,7],[24375,7],[24438,7],[24501,7],[25220,7],[25291,7],[25362,7],[25435,7]]},"656":{"position":[[1768,7],[1979,7],[2869,7],[3080,7],[4701,7],[4912,7],[6960,7],[7171,7],[9313,7],[9524,7],[11002,7],[11786,7],[11997,7],[13475,7],[14216,7],[14427,7],[15905,7],[16607,7],[16818,7],[18296,7],[19090,7],[19301,7],[20779,7],[22393,7],[22604,7]]},"658":{"position":[[971,7],[1062,7],[1234,7],[1804,7],[1895,7],[2061,7],[2497,7],[2588,7],[1357803,7],[1357969,7]]},"660":{"position":[[7903,7],[9151,7],[10248,7],[11496,7],[12624,7],[14253,7],[15396,7],[16644,7],[17815,7],[19444,7],[20567,7],[21815,7],[22969,7],[24217,7],[26035,7],[28310,7],[30103,7],[32046,7],[33294,7],[34411,7],[35659,7],[36776,7],[38024,7],[39181,7],[40281,7],[41439,7],[42539,7],[44064,7],[46339,7],[47417,7],[49046,7],[49942,7],[51913,7],[52042,7],[52404,7],[52774,7],[53112,7],[55689,7],[58170,7],[58926,7],[59123,7],[59408,7],[61338,7],[61380,7],[61742,7],[61916,7],[64733,7],[64775,7],[65137,7],[67815,7],[67858,7],[68220,7],[71056,7],[71098,7],[71235,7],[71597,7],[74212,7],[74265,7],[74319,7],[74735,7],[75942,7],[77187,7],[77240,7],[77294,7],[77710,7],[78917,7],[80538,7],[80591,7],[80645,7],[81007,7],[82214,7],[82376,7],[82497,7],[83657,7],[83683,7],[83736,7],[84098,7],[85686,7],[86449,7],[86502,7],[86864,7],[91678,7],[91731,7],[92093,7],[99908,7],[99961,7],[100323,7],[102099,7],[102152,7],[102514,7],[103355,7],[104537,7],[104590,7],[104952,7],[105793,7],[107419,7],[107472,7],[108581,7],[108943,7],[112293,7],[112461,7],[112823,7],[115928,7],[118552,7],[121213,7],[123989,7],[125920,7],[125973,7],[126335,7],[128567,7],[128726,7],[129058,7],[131208,7],[131367,7],[131699,7]]}}}],["problem",{"_index":569,"t":{"88":{"position":[[206,7],[261,7]]},"94":{"position":[[186,7]]},"100":{"position":[[1042,7]]}}}],["proce",{"_index":1701,"t":{"574":{"position":[[1991,11],[4563,10],[5649,10],[7453,10]]}}}],["process",{"_index":1465,"t":{"568":{"position":[[6862,10]]}}}],["product",{"_index":3049,"t":{"604":{"position":[[8374,9]]},"606":{"position":[[7953,9],[15152,9]]},"608":{"position":[[7507,9],[11378,9],[14676,9]]},"624":{"position":[[6814,10]]},"626":{"position":[[6290,10]]},"634":{"position":[[5714,10]]},"636":{"position":[[6071,10]]}}}],["profil",{"_index":2715,"t":{"600":{"position":[[2538,7],[3471,7],[4356,7],[4448,7],[5316,7],[6406,7],[12569,10],[12711,10]]}}}],["program.c",{"_index":3730,"t":{"624":{"position":[[2790,10],[6221,11],[8962,10]]},"626":{"position":[[2975,10],[5697,11],[8427,10]]},"634":{"position":[[2472,10],[5214,11],[7850,10]]},"636":{"position":[[2427,10],[3082,10],[5463,11],[6882,11],[9026,10],[9073,10]]},"642":{"position":[[2825,10],[5594,11],[8015,10]]},"644":{"position":[[2825,10],[5393,11],[7854,10]]},"652":{"position":[[2479,10],[5469,11],[7711,10]]}}}],["programmat",{"_index":1065,"t":{"556":{"position":[[3913,16]]},"590":{"position":[[2227,17],[4489,17],[8432,16],[8483,16]]}}}],["progress",{"_index":360,"t":{"44":{"position":[[129,8],[213,8],[232,8],[432,8],[553,8],[569,8],[589,8],[598,8]]},"66":{"position":[[196,8]]},"88":{"position":[[120,8],[219,8],[238,8],[377,8],[473,8]]},"136":{"position":[[120,8],[224,8]]},"140":{"position":[[783,8],[901,8],[917,8],[937,8],[946,8]]},"142":{"position":[[466,8],[1604,8]]},"196":{"position":[[29,9],[182,8],[300,8],[316,8],[336,8],[345,8]]},"198":{"position":[[29,8],[186,8],[304,8],[320,8],[340,8],[349,8]]},"210":{"position":[[427,8],[545,8],[561,8],[581,8],[590,8]]},"212":{"position":[[2758,8],[2862,8]]},"234":{"position":[[2767,8],[2871,8]]},"238":{"position":[[523,8],[641,8],[657,8],[677,8],[686,8]]},"270":{"position":[[1214,8],[1318,8]]},"286":{"position":[[172,8],[276,8]]},"312":{"position":[[2082,8],[2186,8]]},"316":{"position":[[2761,8],[2865,8]]},"370":{"position":[[162,8],[266,8]]},"396":{"position":[[20,10],[165,8],[269,8],[432,8],[550,8],[566,8],[586,8],[595,8]]},"402":{"position":[[21,9],[179,8],[297,8],[313,8],[333,8],[342,8]]},"430":{"position":[[758,8],[876,8],[892,8],[912,8],[921,8]]},"472":{"position":[[173,8],[291,8],[307,8],[327,8],[336,8]]},"530":{"position":[[164,8],[268,8]]},"584":{"position":[[3736,8]]},"586":{"position":[[38,8],[9792,8]]},"590":{"position":[[11,8],[40,8],[107,8],[201,8],[427,9],[643,8],[700,8],[782,8],[838,8],[929,8],[966,8],[1013,8],[1050,8],[1087,8],[1124,8],[1168,9],[1208,11],[1220,9],[1283,11],[1295,9],[1376,11],[1388,9],[1469,11],[1481,9],[1589,11],[1601,9],[1718,11],[1730,9],[1978,11],[2127,9],[2190,11],[2352,9],[2411,11],[3291,8],[3361,9],[3423,11],[3435,9],[3497,11],[3509,9],[3560,11],[3572,9],[3635,11],[3813,9],[3894,11],[3906,9],[3984,11],[3996,9],[4077,11],[4089,9],[4169,11],[4181,9],[4262,11],[4274,9],[4357,11],[4369,9],[4447,11],[4594,9],[4676,11],[5919,8],[5949,9],[6197,11],[6320,9],[6429,11],[6441,9],[6547,11],[6559,9],[6668,11],[6680,9],[6788,11],[6800,9],[6909,11],[6921,9],[7032,11],[7044,9],[7151,11],[7351,9],[7471,11],[7483,9],[7600,11],[7612,9],[7732,11],[7744,9],[7863,11],[7875,9],[7995,11],[8007,9],[8129,11],[8141,9],[8259,11],[8330,8]]},"642":{"position":[[4461,10],[4573,8]]},"652":{"position":[[3917,10],[4029,8]]}}}],["progress1",{"_index":785,"t":{"142":{"position":[[449,9]]}}}],["progress2",{"_index":870,"t":{"142":{"position":[[1594,9]]}}}],["progress</ribbonitem",{"_index":2292,"t":{"586":{"position":[[5118,23],[8190,23]]}}}],["progressbar",{"_index":2360,"t":{"590":{"position":[[510,11],[864,11],[1192,12],[1244,12],[1319,12],[1412,12],[1505,12],[1625,12],[1754,12],[1811,12],[1865,12],[1922,12],[2039,11],[2151,12],[2333,11],[2376,12],[2849,11],[2861,12],[3396,12],[3470,12],[3533,12],[3608,12],[3789,11],[3837,12],[3930,12],[4020,12],[4113,12],[4205,12],[4298,12],[4393,12],[4542,11],[4618,12],[5728,11],[5740,12],[5884,11],[5973,12],[6030,12],[6084,12],[6141,12],[6279,11],[6344,12],[6465,12],[6583,12],[6704,12],[6824,12],[6945,12],[7068,12],[7287,11],[7375,12],[7507,12],[7636,12],[7768,12],[7899,12],[8031,12],[8165,12],[8350,11],[8373,11]]}}}],["progressbar.decreaseprogressbar(10",{"_index":2395,"t":{"590":{"position":[[3033,36]]}}}],["progressbar.increasewidth(10",{"_index":2393,"t":{"590":{"position":[[2911,30]]}}}],["progressbar.setcolor(color",{"_index":2414,"t":{"590":{"position":[[5799,28]]}}}],["progressbar.setlabel($\"{progressbar.getwidth",{"_index":2394,"t":{"590":{"position":[[2942,51],[3070,51],[3183,51]]}}}],["progressbar.setwidth(0",{"_index":2397,"t":{"590":{"position":[[3158,24]]}}}],["progresscolor",{"_index":2361,"t":{"590":{"position":[[593,13]]}}}],["progresscolor.non",{"_index":2362,"t":{"590":{"position":[[607,18]]}}}],["progresstyp",{"_index":2363,"t":{"590":{"position":[[731,12]]}}}],["progresstype.default",{"_index":2364,"t":{"590":{"position":[[744,20]]}}}],["proin",{"_index":1932,"t":{"576":{"position":[[9148,5],[13389,5],[17530,5]]}}}],["project",{"_index":42,"t":{"2":{"position":[[525,8]]},"122":{"position":[[172,8]]},"158":{"position":[[569,8]]},"230":{"position":[[578,8]]},"306":{"position":[[572,8]]},"346":{"position":[[222,8]]},"364":{"position":[[567,8]]},"550":{"position":[[216,8]]},"572":{"position":[[94,7]]},"576":{"position":[[83,7]]},"600":{"position":[[5557,8]]},"624":{"position":[[287,8]]},"626":{"position":[[287,8]]},"632":{"position":[[305,8]]},"634":{"position":[[345,8]]},"636":{"position":[[277,8],[2920,8],[8808,7],[8930,7]]},"638":{"position":[[305,8]]},"640":{"position":[[295,8],[374,8]]},"642":{"position":[[297,8]]},"644":{"position":[[297,8]]},"646":{"position":[[300,8],[379,8]]},"652":{"position":[[297,8]]}}}],["project'",{"_index":110,"t":{"2":{"position":[[2280,9]]},"124":{"position":[[768,9]]}}}],["proof",{"_index":98,"t":{"2":{"position":[[2100,5]]},"124":{"position":[[588,5]]}}}],["proper",{"_index":984,"t":{"556":{"position":[[901,6]]}}}],["properli",{"_index":491,"t":{"74":{"position":[[305,8]]}}}],["properti",{"_index":1087,"t":{"558":{"position":[[1128,8],[1705,8]]},"574":{"position":[[687,11],[8963,10]]},"580":{"position":[[1419,8],[2253,8]]},"592":{"position":[[841,11],[15314,10]]},"602":{"position":[[1516,8],[1781,8],[5290,8],[5529,8]]},"604":{"position":[[1371,8],[1634,8],[3325,8],[3564,8]]},"606":{"position":[[1467,8],[1740,8],[2939,8],[3196,8]]},"608":{"position":[[1312,8],[1575,8],[2672,8],[2919,8]]},"612":{"position":[[698,8]]},"616":{"position":[[842,11],[6194,10]]},"630":{"position":[[1119,11],[6211,8],[12265,10]]},"648":{"position":[[316,8]]},"656":{"position":[[864,11],[4517,8],[22188,8],[24128,10]]},"660":{"position":[[708,8],[5643,8],[6823,11],[124863,8],[133419,10]]}}}],["propertynam",{"_index":3186,"t":{"612":{"position":[[653,12]]},"660":{"position":[[5601,12],[7081,12],[7167,12]]}}}],["propertyname=\"address",{"_index":4681,"t":{"660":{"position":[[115281,22],[117851,22],[120512,22],[123208,22]]}}}],["propertyname=\"compani",{"_index":4421,"t":{"660":{"position":[[25347,23]]}}}],["propertyname=\"countri",{"_index":4694,"t":{"660":{"position":[[115697,22],[118321,22],[120982,22],[123758,22]]}}}],["propertyname=\"customerid",{"_index":4662,"t":{"660":{"position":[[114429,25],[116958,25],[119619,25],[122314,25]]}}}],["propertyname=\"customernam",{"_index":3203,"t":{"612":{"position":[[2292,27],[4119,27],[5750,27],[6719,27],[8712,27],[10713,27],[12272,27]]},"660":{"position":[[114709,27],[117279,27],[119940,27],[122636,27]]}}}],["propertyname=\"design",{"_index":4341,"t":{"660":{"position":[[7623,27],[9968,27],[17417,26],[20287,27],[22694,27],[25475,27],[29419,26],[51477,26],[55385,27],[57868,27],[60940,26],[64267,26],[67417,26],[70557,26],[73739,27],[76714,27],[80065,27],[93574,26],[94565,26],[95554,26],[96545,26],[97530,26],[98515,26],[99510,26],[107021,26],[111182,27],[111300,27],[111418,27],[111536,27],[125522,26]]}}}],["propertyname=\"dob",{"_index":4714,"t":{"660":{"position":[[128337,19],[130960,19]]}}}],["propertyname=\"doj",{"_index":4344,"t":{"660":{"position":[[7733,19],[10078,19],[17570,18],[20397,19],[22804,19],[25585,19],[29756,18],[51630,18],[55495,19],[57978,19],[61093,18],[64420,18],[67570,18],[70710,18],[73849,19],[76824,19],[80175,19],[93727,18],[94718,18],[95707,18],[96698,18],[97683,18],[98668,18],[99663,18],[107174,18],[111646,19],[125675,18]]}}}],["propertyname=\"email",{"_index":4417,"t":{"660":{"position":[[25227,21],[115098,20],[117668,20],[120329,20],[123025,20]]}}}],["propertyname=\"firstnam",{"_index":4411,"t":{"660":{"position":[[24961,24],[29071,24]]}}}],["propertyname=\"id",{"_index":4335,"t":{"660":{"position":[[7417,18],[9718,18],[17141,17],[20011,17],[24838,17],[28923,17],[51131,17],[55179,18],[57662,18],[60664,17],[63991,17],[67121,17],[70281,17],[73533,18],[76508,18],[79859,18],[93298,17],[94289,17],[95278,17],[96269,17],[97254,17],[98239,17],[99234,17],[106745,17],[110976,18],[125246,17],[128153,18],[130727,17]]}}}],["propertyname=\"isact",{"_index":4347,"t":{"660":{"position":[[7830,24],[10175,24],[17702,23],[20494,24],[25962,24],[29904,23],[51762,23],[55592,24],[58075,24],[61225,23],[64552,23],[67702,23],[70822,23],[73946,24],[76921,24],[80272,24],[93859,23],[94850,23],[95839,23],[96830,23],[97815,23],[98800,23],[99795,23],[107306,23],[111743,24],[111850,24],[111957,24],[112064,24],[112171,24],[125807,23]]}}}],["propertyname=\"lastnam",{"_index":4414,"t":{"660":{"position":[[25097,23],[29246,23]]}}}],["propertyname=\"nam",{"_index":4338,"t":{"660":{"position":[[7519,20],[9820,19],[17277,19],[20183,20],[22590,20],[51337,19],[55281,20],[57764,20],[60800,19],[64127,19],[67277,19],[70417,19],[73635,20],[76610,20],[79961,20],[93434,19],[94425,19],[95414,19],[96405,19],[97390,19],[98375,19],[99370,19],[106881,19],[111078,20],[125382,19],[128246,20],[130844,19]]}}}],["propertyname=\"oid",{"_index":4734,"t":{"660":{"position":[[130614,18]]}}}],["propertyname=\"phon",{"_index":4672,"t":{"660":{"position":[[114917,20],[117487,20],[120148,20],[122844,20]]}}}],["propertyname=\"postalzip",{"_index":4688,"t":{"660":{"position":[[115475,24],[118045,24],[120706,24],[123482,24]]}}}],["propertyname=\"salari",{"_index":4425,"t":{"660":{"position":[[25748,21],[29599,21]]}}}],["propertyname=\"statu",{"_index":4717,"t":{"660":{"position":[[128429,21],[131052,21]]}}}],["proport",{"_index":3084,"t":{"606":{"position":[[145,12]]},"608":{"position":[[133,12]]}}}],["protect",{"_index":1079,"t":{"558":{"position":[[564,9],[1318,9],[2051,9]]},"568":{"position":[[9073,9],[9282,9],[9570,9]]},"574":{"position":[[3771,9]]},"576":{"position":[[4603,9],[6784,9]]},"578":{"position":[[5356,9],[7469,9]]},"584":{"position":[[1297,9],[1778,9],[3442,9]]},"600":{"position":[[12448,9],[13606,9],[14347,9],[15630,9]]},"602":{"position":[[7759,9],[8013,9],[11392,9],[13823,9],[14253,9],[16950,9]]},"604":{"position":[[5859,9],[6126,9],[9299,9],[10268,9],[10697,9],[12338,9],[12925,9],[14600,9],[15023,9],[16664,9]]},"606":{"position":[[4814,9],[5192,9],[8564,9],[11030,9],[11902,9],[12280,9]]},"608":{"position":[[4502,9],[4860,9],[8296,9],[8654,9],[12504,9],[12913,9]]},"612":{"position":[[6943,9],[9509,9]]},"614":{"position":[[5131,9],[8400,9],[11665,9]]},"618":{"position":[[9669,9],[9775,9]]},"622":{"position":[[13034,9],[13140,9]]},"628":{"position":[[3375,9],[7542,9],[10898,9]]},"630":{"position":[[11841,9]]},"654":{"position":[[20590,9],[20696,9]]},"658":{"position":[[2620,9]]},"660":{"position":[[7945,9],[10290,9],[12666,9],[15438,9],[17857,9],[20609,9],[23011,9],[26077,9],[32088,9],[34453,9],[36818,9],[39223,9],[41481,9],[44106,9],[47459,9],[58205,9],[112346,9],[128611,9],[131252,9]]}}}],["provid",{"_index":958,"t":{"556":{"position":[[45,7]]},"560":{"position":[[2066,8],[3359,7]]},"566":{"position":[[82,8],[2976,8],[3464,8],[3953,8],[4439,8],[4924,8],[5434,8],[5941,8],[6449,8],[6954,8],[7458,8]]},"570":{"position":[[68,7]]},"582":{"position":[[1654,9]]},"592":{"position":[[464,9]]},"596":{"position":[[3037,9]]},"612":{"position":[[379,9]]},"656":{"position":[[475,9]]},"660":{"position":[[998,8],[1674,8],[2787,8]]}}}],["pt",{"_index":4648,"t":{"660":{"position":[[110703,3]]}}}],["public",{"_index":1447,"t":{"568":{"position":[[5305,6],[9530,6]]},"574":{"position":[[3735,6]]},"576":{"position":[[4567,6],[6669,6],[6717,6]]},"578":{"position":[[5320,6],[7354,6],[7402,6]]},"596":{"position":[[1938,6],[2478,6],[2849,6],[3716,6],[3833,6],[5170,6],[6090,6],[6208,6],[6326,6],[8116,6],[8940,6],[9058,6],[10251,6],[10589,6],[10709,6],[10733,6],[10761,6],[11332,6],[11703,6],[12145,6],[12516,6],[12991,6],[13022,6],[13545,6],[13746,6],[13783,6]]},"612":{"position":[[2476,6],[3640,6],[4347,6],[5511,6],[6903,6],[9624,6],[10348,6],[10390,6],[10442,6]]},"614":{"position":[[8506,6],[8750,6],[8825,6],[8921,6],[12202,6],[12579,6],[12662,6],[12751,6],[12840,6]]},"618":{"position":[[10244,6],[10512,6],[10651,6],[10765,6],[10921,6]]},"622":{"position":[[13609,6],[13877,6],[14016,6],[14129,6],[14285,6]]},"628":{"position":[[7651,6],[8009,6],[8088,6],[8183,6],[8282,6],[8379,6],[8474,6],[11475,6],[11833,6],[11913,6],[12010,6]]},"654":{"position":[[21165,6],[21433,6],[21572,6],[21686,6],[21842,6]]},"660":{"position":[[30048,6],[51964,6],[51999,6],[115861,6],[118485,6],[121146,6],[123922,6],[130148,6],[130175,6],[130204,6],[130238,6],[130273,6],[130314,6],[133009,6],[133036,6],[133066,6],[133095,6],[133129,6],[133164,6],[133205,6]]}}}],["pull",{"_index":2546,"t":{"596":{"position":[[1704,4],[1773,4]]},"598":{"position":[[4071,4],[4125,4]]},"612":{"position":[[2678,4],[2795,4],[4549,4],[4666,4],[7174,4],[7291,4]]},"660":{"position":[[52190,4],[52325,4],[61528,4],[61663,4],[64923,4],[65058,4],[68006,4],[68141,4],[71383,4],[71518,4],[74521,4],[74656,4],[77496,4],[77631,4],[80793,4],[80928,4],[83884,4],[84019,4],[86650,4],[86785,4],[91879,4],[92014,4],[100109,4],[100244,4],[102300,4],[102435,4],[104738,4],[104873,4],[108729,4],[108864,4],[112609,4],[112744,4],[126121,4],[126256,4],[128856,4],[128983,4],[131497,4],[131624,4]]}}}],["pull=\"sortablelistpullmode.clon",{"_index":2629,"t":{"596":{"position":[[8199,34],[8481,33],[8759,33]]}}}],["pulvinar",{"_index":1861,"t":{"576":{"position":[[7942,8],[8776,9],[8966,8],[9237,8],[12183,8],[13017,9],[13207,8],[13478,8],[16324,8],[17158,9],[17348,8],[17619,8]]}}}],["punith",{"_index":3262,"t":{"612":{"position":[[3448,7],[5319,7],[7944,7]]}}}],["purpos",{"_index":80,"t":{"2":{"position":[[1724,9],[1865,9],[2682,9]]},"124":{"position":[[212,9],[353,9],[1170,9]]},"568":{"position":[[1861,8]]}}}],["puru",{"_index":1925,"t":{"576":{"position":[[8950,6],[8994,6],[9780,5],[10739,5],[13191,6],[13235,6],[14021,5],[14980,5],[17332,6],[17376,6],[18162,5],[19121,5]]}}}],["push",{"_index":3893,"t":{"630":{"position":[[45,4],[231,4]]}}}],["put",{"_index":2550,"t":{"596":{"position":[[1812,3],[1878,3]]},"604":{"position":[[1920,3]]},"620":{"position":[[368,3],[2213,3]]},"654":{"position":[[18678,3]]}}}],["px",{"_index":2472,"t":{"592":{"position":[[6548,2],[6684,2],[9542,2],[9678,2],[12540,2],[12676,2]]},"624":{"position":[[7682,2],[7818,2]]},"626":{"position":[[7158,2],[7294,2]]},"634":{"position":[[6622,2],[6758,2]]},"636":{"position":[[7713,2],[7849,2]]},"640":{"position":[[789,2],[925,2]]},"642":{"position":[[6742,2],[6878,2]]},"644":{"position":[[6581,2],[6717,2]]},"646":{"position":[[794,2],[930,2]]},"652":{"position":[[6647,2],[6783,2]]},"656":{"position":[[6705,2],[6841,2],[8957,2],[9166,2],[11430,2],[11639,2],[13860,2],[14069,2],[16279,2],[16488,2],[18684,2],[18820,2]]},"660":{"position":[[110707,3]]}}}],["py",{"_index":4160,"t":{"654":{"position":[[19155,2]]}}}],["qa",{"_index":4550,"t":{"660":{"position":[[59562,4]]}}}],["quam",{"_index":1910,"t":{"576":{"position":[[8536,4],[10316,4],[12777,4],[14557,4],[16918,4],[18698,4]]}}}],["queri",{"_index":1632,"t":{"572":{"position":[[1497,6]]}}}],["qui",{"_index":1869,"t":{"576":{"position":[[8015,4],[8314,4],[9308,4],[12256,4],[12555,4],[13549,4],[16397,4],[16696,4],[17690,4]]}}}],["quick",{"_index":1540,"t":{"570":{"position":[[2892,5],[3654,5],[4125,5],[4489,5],[5481,5],[8447,5],[8739,5],[9027,5],[9313,5],[9601,5],[9883,5],[10167,5],[10449,5]]},"648":{"position":[[100,5]]}}}],["quickli",{"_index":1351,"t":{"564":{"position":[[276,8]]},"570":{"position":[[7165,7]]},"624":{"position":[[250,7]]},"626":{"position":[[250,7]]},"632":{"position":[[268,7]]},"634":{"position":[[308,7]]},"638":{"position":[[268,7]]},"642":{"position":[[260,7]]},"644":{"position":[[260,7]]},"652":{"position":[[260,7]]}}}],["quisqu",{"_index":1885,"t":{"576":{"position":[[8164,7],[9031,7],[10987,7],[12405,7],[13272,7],[15228,7],[16546,7],[17413,7],[19369,7]]}}}],["quit",{"_index":1781,"t":{"576":{"position":[[2553,5]]}}}],["r",{"_index":871,"t":{"142":{"position":[[1618,1]]}}}],["r=\"40",{"_index":4015,"t":{"642":{"position":[[4480,7],[4517,7]]},"652":{"position":[[3936,7],[3973,7]]}}}],["radar",{"_index":1356,"t":{"564":{"position":[[488,5]]},"602":{"position":[[2549,5]]}}}],["radiu",{"_index":1173,"t":{"560":{"position":[[2516,7]]},"602":{"position":[[4009,6],[4095,6]]},"604":{"position":[[2056,7]]}}}],["random",{"_index":2914,"t":{"602":{"position":[[6874,9],[7736,6],[7743,6]]},"604":{"position":[[4836,9],[5836,6],[5843,6]]},"606":{"position":[[4215,9],[4791,6],[4798,6],[11452,9],[11879,6],[11886,6]]},"608":{"position":[[3923,9],[4479,6],[4486,6],[7866,9],[8273,6],[8280,6],[12481,6],[12488,6]]}}}],["random().next(1",{"_index":4554,"t":{"660":{"position":[[59645,16],[59671,16]]}}}],["random().next(1970",{"_index":4553,"t":{"660":{"position":[[59614,19]]}}}],["random.next(0",{"_index":3110,"t":{"606":{"position":[[6681,14],[13686,14]]},"608":{"position":[[6257,14],[9936,14]]}}}],["random.next(200",{"_index":2938,"t":{"602":{"position":[[9390,19]]},"604":{"position":[[7549,19]]}}}],["randomizeasync",{"_index":2913,"t":{"602":{"position":[[6855,18],[8230,16]]},"604":{"position":[[4817,18],[6341,16]]},"606":{"position":[[4196,18],[5417,16],[11433,18],[12625,16]]},"608":{"position":[[3904,18],[5075,16],[7847,18],[8989,16]]}}}],["rang",{"_index":137,"t":{"2":{"position":[[2890,5]]},"68":{"position":[[248,5]]},"70":{"position":[[280,5]]},"110":{"position":[[144,5],[467,5]]},"146":{"position":[[193,5]]},"152":{"position":[[186,5]]},"158":{"position":[[1700,5]]},"230":{"position":[[1709,5]]},"306":{"position":[[1703,5]]},"308":{"position":[[1073,5]]},"360":{"position":[[185,5]]},"364":{"position":[[1131,5]]},"394":{"position":[[797,5]]},"404":{"position":[[505,5]]},"408":{"position":[[194,5]]},"418":{"position":[[478,5]]},"492":{"position":[[189,5]]},"602":{"position":[[6479,5]]},"604":{"position":[[4513,5]]},"606":{"position":[[3882,5]]},"608":{"position":[[3600,5]]},"614":{"position":[[618,6],[683,6],[3192,6],[3279,6]]},"616":{"position":[[6,5],[38,5],[306,5],[375,5],[444,5],[580,5],[659,5],[696,5],[3422,6],[3662,6]]},"618":{"position":[[579,6],[644,6],[3661,6],[3750,6],[7902,5],[11687,5]]},"620":{"position":[[2919,5]]},"622":{"position":[[659,6],[724,6],[7566,6],[7657,6],[11138,5]]},"628":{"position":[[622,6],[687,6],[2364,6],[2451,6]]}}}],["range(0",{"_index":3604,"t":{"618":{"position":[[10695,9]]},"622":{"position":[[14059,9]]},"654":{"position":[[21616,9]]}}}],["range(10",{"_index":3605,"t":{"618":{"position":[[10850,10]]},"622":{"position":[[14214,10]]},"654":{"position":[[21771,10]]}}}],["range(60",{"_index":3600,"t":{"618":{"position":[[10580,10]]},"622":{"position":[[13945,10]]},"654":{"position":[[21501,10]]}}}],["rangeinput",{"_index":61,"t":{"2":{"position":[[1200,10],[3085,10]]},"110":{"position":[[1257,10]]},"118":{"position":[[326,10],[572,10]]},"146":{"position":[[388,10]]},"150":{"position":[[322,10]]},"152":{"position":[[381,10]]},"158":{"position":[[1244,10],[1895,10]]},"230":{"position":[[1253,10],[1904,10]]},"306":{"position":[[1247,10],[1898,10]]},"308":{"position":[[617,10],[1268,10]]},"328":{"position":[[673,10]]},"350":{"position":[[326,10]]},"360":{"position":[[380,10]]},"364":{"position":[[949,10],[1326,10]]},"390":{"position":[[324,10]]},"394":{"position":[[615,10],[992,10]]},"404":{"position":[[20,12],[323,10],[700,10]]},"408":{"position":[[389,10]]},"412":{"position":[[674,10]]},"418":{"position":[[673,10]]},"436":{"position":[[320,10]]},"492":{"position":[[384,10]]},"546":{"position":[[320,10]]},"616":{"position":[[67,10],[1020,11],[1151,11],[1354,11],[1558,11],[1763,11],[2088,11],[2160,11],[2742,11],[2894,11],[3168,10],[3944,11],[4355,11],[4558,11],[4771,11],[4986,11],[5285,11],[5482,11],[5573,11]]}}}],["rangeinput.dis",{"_index":3498,"t":{"616":{"position":[[3243,21]]}}}],["rangeinput.en",{"_index":3499,"t":{"616":{"position":[[3290,20]]}}}],["rangeinput2",{"_index":872,"t":{"142":{"position":[[1620,11]]}}}],["rangeinput<int",{"_index":3497,"t":{"616":{"position":[[3151,16]]}}}],["re",{"_index":108,"t":{"2":{"position":[[2256,2]]},"124":{"position":[[744,2]]}}}],["reach",{"_index":128,"t":{"2":{"position":[[2699,5]]},"124":{"position":[[1187,5]]}}}],["react",{"_index":2860,"t":{"602":{"position":[[3658,6]]}}}],["reaction",{"_index":546,"t":{"84":{"position":[[363,8]]}}}],["read",{"_index":10,"t":{"2":{"position":[[55,4],[343,4],[402,4],[621,4],[680,4],[914,4],[973,4],[1228,4],[1290,4],[1502,4],[1558,4],[2796,4],[3119,4],[3181,4],[3335,4],[3396,4],[3618,4],[3681,4],[3893,4]]},"4":{"position":[[51,4]]},"6":{"position":[[50,4]]},"8":{"position":[[51,4]]},"10":{"position":[[51,4]]},"12":{"position":[[51,4]]},"14":{"position":[[51,4]]},"16":{"position":[[48,4]]},"18":{"position":[[50,4]]},"20":{"position":[[48,4]]},"22":{"position":[[51,4]]},"24":{"position":[[47,4]]},"26":{"position":[[49,4]]},"28":{"position":[[47,4]]},"30":{"position":[[51,4]]},"32":{"position":[[49,4]]},"34":{"position":[[52,4]]},"36":{"position":[[52,4]]},"38":{"position":[[50,4]]},"40":{"position":[[51,4]]},"42":{"position":[[52,4]]},"44":{"position":[[51,4]]},"46":{"position":[[52,4]]},"48":{"position":[[52,4]]},"50":{"position":[[52,4]]},"52":{"position":[[52,4]]},"54":{"position":[[52,4]]},"56":{"position":[[51,4]]},"58":{"position":[[51,4]]},"60":{"position":[[51,4]]},"62":{"position":[[52,4]]},"64":{"position":[[51,4]]},"66":{"position":[[52,4]]},"68":{"position":[[49,4]]},"70":{"position":[[48,4]]},"72":{"position":[[49,4]]},"74":{"position":[[49,4]]},"76":{"position":[[49,4]]},"78":{"position":[[49,4]]},"80":{"position":[[45,4]]},"82":{"position":[[47,4]]},"84":{"position":[[48,4]]},"86":{"position":[[48,4]]},"88":{"position":[[48,4]]},"90":{"position":[[47,4]]},"92":{"position":[[47,4]]},"94":{"position":[[47,4]]},"96":{"position":[[47,4]]},"98":{"position":[[48,4]]},"100":{"position":[[49,4]]},"102":{"position":[[51,4]]},"104":{"position":[[54,4]]},"106":{"position":[[52,4]]},"108":{"position":[[53,4]]},"110":{"position":[[50,4]]},"112":{"position":[[51,4]]},"114":{"position":[[52,4]]},"116":{"position":[[52,4]]},"118":{"position":[[49,4]]},"120":{"position":[[49,4]]},"122":{"position":[[49,4]]},"124":{"position":[[46,4]]},"126":{"position":[[52,4],[272,4],[336,4],[704,4],[765,4],[952,4],[1011,4],[1245,4],[1303,4],[1531,4],[1588,4],[1783,4],[1840,4],[2002,4],[2059,4],[2222,4],[2279,4],[2528,4],[2586,4],[2866,4]]},"128":{"position":[[55,4]]},"132":{"position":[[52,4],[238,4],[300,4],[488,4],[549,4],[737,4],[798,4],[1186,4],[1247,4],[1496,4],[1557,4],[1764,4],[1826,4],[2053,4],[2115,4],[2312,4],[2374,4],[2641,4],[2703,4],[3047,4]]},"134":{"position":[[47,4],[187,4],[244,4],[381,4],[439,4],[579,4],[637,4],[777,4],[838,4],[1008,4],[1068,4],[1209,4],[1270,4],[1438,4],[1499,4],[1608,4],[1669,4],[1844,4],[1904,4],[2034,4]]},"136":{"position":[[48,4],[248,4],[306,4],[548,4],[605,4],[802,4],[857,4],[1234,4],[1293,4],[1479,4],[1538,4],[1727,4],[1786,4],[1997,4],[2056,4],[2331,4],[2390,4],[2745,4],[2803,4],[3088,4]]},"138":{"position":[[51,4],[184,4],[245,4],[427,4]]},"140":{"position":[[52,4],[303,4],[365,4],[644,4],[705,4],[959,4],[1020,4],[1222,4],[1282,4],[1491,4],[1553,4],[1827,4],[1964,4],[2025,4],[2170,4],[2229,4],[2374,4],[2433,4],[2560,4]]},"144":{"position":[[94,4],[262,4]]},"146":{"position":[[99,4],[422,4],[486,4],[854,4],[909,4],[1286,4],[1345,4],[1556,4],[1617,4],[2005,4],[2067,4],[2294,4],[2356,4],[2630,4],[2767,4],[2828,4],[2973,4]]},"148":{"position":[[101,4],[389,4],[450,4],[672,4],[731,4],[1006,4]]},"150":{"position":[[95,4],[350,4]]},"152":{"position":[[92,4],[415,4],[474,4],[749,4]]},"154":{"position":[[108,4],[496,4]]},"156":{"position":[[104,4],[313,4]]},"158":{"position":[[99,4],[387,4],[446,4],[665,4],[724,4],[958,4],[1017,4],[1272,4],[1334,4],[1546,4],[1606,4],[1929,4],[1991,4],[2145,4],[2206,4],[2428,4],[2491,4],[2703,4],[2765,4],[2985,4]]},"160":{"position":[[105,4],[302,4],[364,4],[631,4],[693,4],[1037,4],[1099,4],[1350,4],[1412,4],[1691,4]]},"162":{"position":[[101,4],[310,4]]},"164":{"position":[[111,4],[378,4]]},"166":{"position":[[110,4],[454,4],[516,4],[767,4]]},"168":{"position":[[102,4],[446,4],[508,4],[759,4]]},"170":{"position":[[100,4],[288,4],[349,4],[537,4],[598,4],[800,4]]},"172":{"position":[[109,4],[318,4]]},"174":{"position":[[110,4],[312,4]]},"176":{"position":[[107,4],[309,4]]},"178":{"position":[[108,4],[310,4]]},"180":{"position":[[102,4],[381,4]]},"182":{"position":[[109,4],[388,4]]},"184":{"position":[[105,4],[314,4]]},"186":{"position":[[106,4],[357,4]]},"188":{"position":[[103,4],[370,4]]},"190":{"position":[[109,4],[388,4]]},"192":{"position":[[104,4],[313,4]]},"194":{"position":[[103,4],[447,4],[509,4],[760,4]]},"196":{"position":[[104,4],[358,4]]},"198":{"position":[[108,4],[362,4]]},"200":{"position":[[106,4],[357,4]]},"202":{"position":[[103,4],[447,4],[509,4],[760,4]]},"204":{"position":[[113,4],[501,4]]},"206":{"position":[[105,4],[493,4]]},"208":{"position":[[101,4],[380,4]]},"210":{"position":[[102,4],[288,4],[349,4],[603,4]]},"212":{"position":[[98,4],[466,4],[527,4],[714,4],[773,4],[1007,4],[1065,4],[1293,4],[1350,4],[1545,4],[1602,4],[1764,4],[1821,4],[1984,4],[2041,4],[2290,4],[2348,4],[2628,4],[2686,4],[2886,4]]},"214":{"position":[[92,4],[334,4],[391,4],[588,4],[643,4],[1020,4],[1079,4],[1265,4],[1324,4],[1513,4],[1572,4],[1783,4],[1842,4],[2117,4],[2176,4],[2531,4],[2589,4],[2874,4],[2936,4],[3122,4]]},"216":{"position":[[102,4],[446,4]]},"218":{"position":[[96,4],[375,4]]},"220":{"position":[[96,4],[284,4],[345,4],[533,4],[594,4],[982,4],[1043,4],[1292,4],[1353,4],[1560,4],[1622,4],[1849,4],[1911,4],[2108,4],[2170,4],[2437,4],[2499,4],[2843,4],[2905,4],[3156,4]]},"222":{"position":[[109,4],[477,4],[532,4],[909,4],[968,4],[1179,4],[1241,4],[1468,4]]},"224":{"position":[[102,4],[377,4]]},"226":{"position":[[122,4],[510,4]]},"228":{"position":[[98,4],[373,4]]},"230":{"position":[[108,4],[396,4],[455,4],[674,4],[733,4],[967,4],[1026,4],[1281,4],[1343,4],[1555,4],[1615,4],[1938,4],[2000,4],[2154,4],[2215,4],[2437,4],[2500,4],[2712,4],[2774,4],[2994,4]]},"232":{"position":[[101,4],[343,4],[400,4],[597,4],[652,4],[1029,4],[1088,4],[1274,4],[1333,4],[1522,4],[1581,4],[1792,4],[1851,4],[2126,4],[2185,4],[2540,4],[2598,4],[2883,4],[2945,4],[3131,4]]},"234":{"position":[[107,4],[475,4],[536,4],[723,4],[782,4],[1016,4],[1074,4],[1302,4],[1359,4],[1554,4],[1611,4],[1773,4],[1830,4],[1993,4],[2050,4],[2299,4],[2357,4],[2637,4],[2695,4],[2895,4]]},"236":{"position":[[105,4],[293,4],[354,4],[542,4],[603,4],[991,4],[1052,4],[1301,4],[1362,4],[1569,4],[1631,4],[1858,4],[1920,4],[2117,4],[2179,4],[2446,4],[2508,4],[2852,4],[2914,4],[3165,4]]},"238":{"position":[[105,4],[384,4],[445,4],[699,4],[760,4],[962,4],[1022,4],[1231,4],[1293,4],[1567,4],[1704,4],[1765,4],[1910,4],[1969,4],[2114,4],[2173,4],[2300,4],[2357,4],[2497,4]]},"240":{"position":[[100,4],[237,4],[295,4],[435,4],[493,4],[633,4],[694,4],[864,4],[924,4],[1065,4],[1126,4],[1294,4],[1355,4],[1464,4],[1525,4],[1700,4],[1760,4],[1890,4],[1951,4],[2084,4]]},"242":{"position":[[104,4],[286,4]]},"244":{"position":[[101,4],[350,4]]},"246":{"position":[[97,4],[339,4],[398,4],[673,4]]},"248":{"position":[[99,4],[285,4],[344,4],[555,4],[613,4],[898,4]]},"250":{"position":[[103,4],[471,4]]},"252":{"position":[[101,4],[376,4]]},"254":{"position":[[97,4],[452,4]]},"256":{"position":[[101,4],[478,4],[537,4],[726,4],[788,4],[1055,4]]},"258":{"position":[[111,4],[479,4]]},"260":{"position":[[107,4],[356,4]]},"262":{"position":[[102,4],[457,4],[515,4],[800,4]]},"264":{"position":[[100,4],[342,4],[397,4],[774,4],[833,4],[1188,4],[1246,4],[1531,4]]},"266":{"position":[[101,4],[350,4]]},"268":{"position":[[104,4],[324,4]]},"270":{"position":[[99,4],[286,4],[345,4],[579,4],[637,4],[865,4],[922,4],[1084,4],[1142,4],[1342,4],[1400,4],[1642,4],[1699,4],[1896,4],[1951,4],[2328,4],[2387,4],[2573,4],[2632,4],[2987,4]]},"272":{"position":[[102,4],[470,4],[528,4],[756,4],[813,4],[1008,4],[1065,4],[1228,4],[1286,4],[1566,4],[1625,4],[1980,4],[2038,4],[2323,4],[2384,4],[2633,4]]},"274":{"position":[[99,4],[319,4],[377,4],[657,4]]},"276":{"position":[[100,4],[288,4],[349,4],[537,4],[598,4],[800,4]]},"278":{"position":[[102,4],[297,4],[355,4],[635,4]]},"280":{"position":[[102,4],[369,4]]},"282":{"position":[[100,4],[477,4]]},"284":{"position":[[97,4],[474,4],[533,4],[888,4],[946,4],[1231,4]]},"286":{"position":[[100,4],[300,4]]},"288":{"position":[[104,4],[472,4],[533,4],[740,4]]},"290":{"position":[[96,4],[376,4]]},"292":{"position":[[97,4],[452,4]]},"294":{"position":[[100,4],[328,4],[383,4],[760,4],[819,4],[1174,4]]},"296":{"position":[[94,4],[471,4],[533,4],[730,4]]},"298":{"position":[[103,4],[458,4]]},"300":{"position":[[96,4],[345,4]]},"302":{"position":[[97,4],[377,4],[439,4],[625,4]]},"304":{"position":[[104,4],[472,4],[529,4],[726,4]]},"306":{"position":[[102,4],[390,4],[449,4],[668,4],[727,4],[961,4],[1020,4],[1275,4],[1337,4],[1549,4],[1609,4],[1932,4],[1994,4],[2148,4],[2209,4],[2431,4],[2494,4],[2706,4],[2768,4],[2988,4]]},"308":{"position":[[97,4],[331,4],[390,4],[645,4],[707,4],[919,4],[979,4],[1302,4],[1364,4],[1518,4],[1579,4],[1801,4],[1864,4],[2076,4],[2138,4],[2358,4],[2422,4],[2790,4],[2851,4],[3038,4]]},"310":{"position":[[99,4],[487,4],[548,4],[797,4]]},"312":{"position":[[97,4],[331,4],[389,4],[617,4],[674,4],[869,4],[926,4],[1088,4],[1145,4],[1308,4],[1365,4],[1614,4],[1672,4],[1952,4],[2010,4],[2210,4],[2268,4],[2510,4],[2567,4],[2764,4]]},"314":{"position":[[99,4],[287,4],[348,4],[536,4],[597,4],[985,4],[1046,4],[1295,4]]},"316":{"position":[[101,4],[469,4],[530,4],[717,4],[776,4],[1010,4],[1068,4],[1296,4],[1353,4],[1548,4],[1605,4],[1767,4],[1824,4],[1987,4],[2044,4],[2293,4],[2351,4],[2631,4],[2689,4],[2889,4]]},"318":{"position":[[93,4],[470,4],[529,4],[715,4],[774,4],[963,4],[1022,4],[1233,4],[1292,4],[1567,4],[1626,4],[1981,4],[2039,4],[2324,4],[2386,4],[2572,4],[2634,4],[2822,4],[2883,4],[3071,4]]},"320":{"position":[[95,4],[344,4]]},"322":{"position":[[102,4],[351,4]]},"324":{"position":[[93,4],[279,4],[338,4],[549,4],[607,4],[892,4]]},"326":{"position":[[95,4],[337,4],[394,4],[591,4],[646,4],[1023,4],[1082,4],[1268,4],[1327,4],[1516,4],[1575,4],[1786,4],[1845,4],[2120,4],[2179,4],[2534,4],[2592,4],[2877,4],[2939,4],[3125,4]]},"328":{"position":[[99,4],[387,4],[446,4],[701,4],[763,4],[975,4],[1037,4],[1174,4]]},"330":{"position":[[98,4],[386,4],[448,4],[660,4],[718,4],[960,4],[1019,4],[1294,4],[1353,4],[1480,4]]},"332":{"position":[[103,4],[273,4]]},"334":{"position":[[97,4],[465,4]]},"336":{"position":[[94,4],[316,4],[379,4],[591,4]]},"338":{"position":[[99,4],[311,4]]},"340":{"position":[[95,4],[370,4]]},"342":{"position":[[101,4],[350,4]]},"344":{"position":[[95,4],[284,4]]},"346":{"position":[[99,4],[318,4],[377,4],[611,4],[675,4],[1043,4]]},"348":{"position":[[90,4],[332,4]]},"350":{"position":[[99,4],[354,4],[409,4],[786,4],[845,4],[1034,4]]},"352":{"position":[[96,4],[451,4],[509,4],[794,4]]},"354":{"position":[[94,4],[336,4],[391,4],[768,4],[827,4],[1182,4],[1240,4],[1525,4]]},"356":{"position":[[95,4],[344,4]]},"358":{"position":[[100,4],[388,4],[450,4],[670,4]]},"360":{"position":[[91,4],[414,4],[475,4],[697,4],[760,4],[972,4],[1034,4],[1254,4],[1318,4],[1686,4],[1748,4],[1885,4],[1946,4],[2091,4]]},"362":{"position":[[92,4],[233,4]]},"364":{"position":[[97,4],[385,4],[444,4],[663,4],[722,4],[977,4],[1037,4],[1360,4],[1421,4],[1643,4],[1706,4],[1918,4],[1979,4],[2166,4],[2225,4],[2459,4],[2517,4],[2745,4],[2802,4],[2964,4]]},"366":{"position":[[93,4],[313,4],[371,4],[651,4]]},"368":{"position":[[90,4],[332,4],[394,4],[673,4]]},"370":{"position":[[90,4],[290,4],[348,4],[590,4],[647,4],[844,4],[899,4],[1276,4],[1335,4],[1521,4],[1580,4],[1935,4],[1997,4],[2185,4],[2246,4],[2434,4],[2496,4],[2633,4],[2692,4],[2837,4]]},"372":{"position":[[94,4],[264,4]]},"374":{"position":[[102,4],[381,4]]},"376":{"position":[[97,4],[304,4]]},"378":{"position":[[95,4],[302,4]]},"380":{"position":[[103,4],[471,4],[528,4],[723,4],[781,4],[1061,4]]},"382":{"position":[[94,4],[343,4],[400,4],[540,4],[600,4],[741,4]]},"384":{"position":[[98,4],[386,4],[447,4],[669,4],[732,4],[944,4],[1008,4],[1376,4],[1434,4],[1662,4],[1719,4],[1914,4],[1971,4],[2134,4],[2192,4],[2472,4],[2531,4],[2886,4],[2944,4],[3229,4]]},"386":{"position":[[99,4],[306,4]]},"388":{"position":[[98,4],[239,4]]},"390":{"position":[[97,4],[352,4],[407,4],[784,4]]},"392":{"position":[[91,4],[468,4],[527,4],[882,4],[940,4],[1225,4],[1282,4],[1422,4],[1482,4],[1623,4]]},"394":{"position":[[95,4],[329,4],[388,4],[643,4],[703,4],[1026,4],[1088,4],[1242,4]]},"396":{"position":[[93,4],[293,4],[354,4],[608,4]]},"398":{"position":[[96,4],[233,4],[291,4],[431,4],[489,4],[629,4]]},"400":{"position":[[98,4],[310,4]]},"402":{"position":[[101,4],[355,4]]},"404":{"position":[[96,4],[351,4],[411,4],[734,4]]},"406":{"position":[[98,4],[386,4],[445,4],[679,4]]},"408":{"position":[[100,4],[423,4]]},"410":{"position":[[99,4],[387,4],[451,4],[819,4],[880,4],[1087,4]]},"412":{"position":[[100,4],[388,4],[447,4],[702,4]]},"414":{"position":[[99,4],[333,4]]},"416":{"position":[[96,4],[308,4],[363,4],[740,4]]},"418":{"position":[[90,4],[324,4],[384,4],[707,4],[765,4],[1045,4]]},"420":{"position":[[96,4],[384,4]]},"422":{"position":[[97,4],[309,4]]},"424":{"position":[[94,4],[322,4],[377,4],[754,4],[813,4],[1168,4]]},"426":{"position":[[97,4],[452,4]]},"428":{"position":[[93,4],[315,4],[372,4],[621,4]]},"430":{"position":[[91,4],[371,4],[433,4],[619,4],[680,4],[934,4],[995,4],[1165,4]]},"432":{"position":[[97,4],[346,4]]},"434":{"position":[[95,4],[277,4]]},"436":{"position":[[93,4],[348,4],[412,4],[780,4],[837,4],[1034,4]]},"438":{"position":[[95,4],[228,4]]},"440":{"position":[[95,4],[270,4]]},"442":{"position":[[94,4],[224,4]]},"444":{"position":[[95,4],[204,4]]},"446":{"position":[[95,4],[263,4]]},"448":{"position":[[95,4],[265,4]]},"450":{"position":[[94,4],[235,4]]},"452":{"position":[[92,4],[232,4]]},"454":{"position":[[92,4],[232,4]]},"456":{"position":[[91,4],[228,4]]},"458":{"position":[[91,4],[231,4]]},"460":{"position":[[93,4],[220,4]]},"462":{"position":[[93,4],[238,4]]},"464":{"position":[[95,4],[240,4]]},"466":{"position":[[96,4],[233,4]]},"468":{"position":[[96,4]]},"470":{"position":[[94,4],[303,4]]},"472":{"position":[[95,4],[349,4]]},"474":{"position":[[96,4],[440,4]]},"476":{"position":[[95,4],[297,4]]},"478":{"position":[[96,4],[375,4]]},"480":{"position":[[94,4],[328,4]]},"482":{"position":[[96,4],[283,4]]},"484":{"position":[[99,4],[467,4]]},"486":{"position":[[97,4],[317,4]]},"488":{"position":[[96,4],[318,4]]},"490":{"position":[[98,4],[310,4]]},"492":{"position":[[95,4],[418,4]]},"494":{"position":[[97,4],[251,4]]},"496":{"position":[[96,4],[363,4]]},"498":{"position":[[96,4],[293,4]]},"500":{"position":[[95,4],[344,4]]},"502":{"position":[[95,4],[483,4]]},"504":{"position":[[95,4],[302,4]]},"506":{"position":[[96,4],[323,4]]},"508":{"position":[[95,4],[283,4]]},"510":{"position":[[96,4],[284,4]]},"512":{"position":[[96,4],[282,4]]},"514":{"position":[[92,4],[377,4]]},"516":{"position":[[93,4],[368,4]]},"518":{"position":[[93,4],[304,4]]},"520":{"position":[[93,4],[279,4]]},"522":{"position":[[89,4],[466,4]]},"524":{"position":[[93,4],[448,4]]},"526":{"position":[[93,4],[282,4]]},"528":{"position":[[92,4],[334,4]]},"530":{"position":[[92,4],[292,4]]},"532":{"position":[[91,4],[288,4]]},"534":{"position":[[92,4],[372,4]]},"536":{"position":[[91,4],[340,4]]},"538":{"position":[[91,4],[254,4]]},"540":{"position":[[91,4],[286,4]]},"542":{"position":[[91,4],[253,4]]},"544":{"position":[[92,4],[320,4]]},"546":{"position":[[93,4],[348,4]]},"548":{"position":[[96,4],[308,4]]},"550":{"position":[[93,4],[312,4]]},"552":{"position":[[93,4],[327,4]]},"554":{"position":[[99,4],[387,4]]},"556":{"position":[[1853,4]]},"578":{"position":[[3000,4]]},"630":{"position":[[4869,4],[6403,4]]},"650":{"position":[[96,4],[347,4]]}}}],["reader",{"_index":1161,"t":{"560":{"position":[[2175,8]]},"566":{"position":[[3085,8],[3573,8],[4062,8],[4548,8],[5033,8],[5543,8],[6050,8],[6558,8],[7063,8],[7567,8]]},"582":{"position":[[1735,7]]}}}],["real",{"_index":1980,"t":{"576":{"position":[[20347,4]]}}}],["reason",{"_index":1063,"t":{"556":{"position":[[3845,7]]}}}],["receiv",{"_index":2278,"t":{"586":{"position":[[4466,9],[4498,7],[4540,9],[7581,8],[7629,7],[7671,9]]}}}],["recent",{"_index":2004,"t":{"578":{"position":[[3044,8]]},"586":{"position":[[2665,8]]},"600":{"position":[[520,8],[879,8]]}}}],["recommend",{"_index":71,"t":{"2":{"position":[[1584,15],[1612,9],[1806,12]]},"124":{"position":[[72,15],[100,9],[294,12]]},"556":{"position":[[3856,9]]},"630":{"position":[[1713,9]]}}}],["record",{"_index":641,"t":{"104":{"position":[[262,7]]},"574":{"position":[[1918,7]]},"596":{"position":[[1073,7],[1143,7],[2856,6],[5177,6],[8123,6],[10258,6],[11710,6],[12523,6],[13552,6],[13790,6]]},"612":{"position":[[474,7],[3647,6],[5518,6]]},"660":{"position":[[1427,7],[1463,8],[49272,7],[49339,7],[49571,7],[130155,6],[133016,6]]}}}],["rect",{"_index":2874,"t":{"602":{"position":[[4381,7]]}}}],["rectrot",{"_index":2876,"t":{"602":{"position":[[4404,10]]}}}],["rectround",{"_index":2875,"t":{"602":{"position":[[4389,14]]}}}],["red",{"_index":2639,"t":{"596":{"position":[[11797,3]]},"612":{"position":[[8315,4],[8351,4]]},"614":{"position":[[7252,4],[7288,4],[9849,4],[9885,4]]},"618":{"position":[[8072,4],[8108,4]]},"622":{"position":[[11308,4],[11344,4]]},"628":{"position":[[5369,4],[5405,4],[9389,4],[9425,4]]},"654":{"position":[[18977,4],[19013,4]]}}}],["reddi",{"_index":12,"t":{"2":{"position":[[67,5],[414,5],[692,5],[985,5],[1302,5],[1570,5],[2808,5],[3193,5],[3408,5],[3693,5]]},"4":{"position":[[63,5]]},"6":{"position":[[62,5]]},"8":{"position":[[63,5]]},"10":{"position":[[63,5]]},"12":{"position":[[63,5]]},"14":{"position":[[63,5]]},"16":{"position":[[60,5]]},"18":{"position":[[62,5]]},"20":{"position":[[60,5]]},"22":{"position":[[63,5]]},"24":{"position":[[59,5]]},"26":{"position":[[61,5]]},"28":{"position":[[59,5]]},"30":{"position":[[63,5]]},"32":{"position":[[61,5]]},"34":{"position":[[64,5]]},"36":{"position":[[64,5]]},"38":{"position":[[62,5]]},"40":{"position":[[63,5]]},"42":{"position":[[64,5]]},"44":{"position":[[63,5]]},"46":{"position":[[64,5]]},"48":{"position":[[64,5]]},"50":{"position":[[64,5]]},"52":{"position":[[64,5]]},"54":{"position":[[64,5]]},"56":{"position":[[63,5]]},"58":{"position":[[63,5]]},"60":{"position":[[63,5]]},"62":{"position":[[64,5]]},"64":{"position":[[63,5]]},"66":{"position":[[64,5]]},"68":{"position":[[61,5]]},"70":{"position":[[60,5]]},"72":{"position":[[61,5]]},"74":{"position":[[61,5]]},"76":{"position":[[61,5]]},"78":{"position":[[61,5]]},"80":{"position":[[57,5]]},"82":{"position":[[59,5]]},"84":{"position":[[60,5]]},"86":{"position":[[60,5]]},"88":{"position":[[60,5]]},"90":{"position":[[59,5]]},"92":{"position":[[59,5]]},"94":{"position":[[59,5]]},"96":{"position":[[59,5]]},"98":{"position":[[60,5]]},"100":{"position":[[61,5]]},"102":{"position":[[63,5]]},"104":{"position":[[66,5]]},"106":{"position":[[64,5]]},"108":{"position":[[65,5]]},"110":{"position":[[62,5]]},"112":{"position":[[63,5]]},"114":{"position":[[64,5]]},"116":{"position":[[64,5]]},"118":{"position":[[61,5]]},"120":{"position":[[61,5]]},"122":{"position":[[61,5]]},"124":{"position":[[58,5]]},"126":{"position":[[64,5],[348,5],[777,5],[1023,5],[1315,5],[1600,5],[1852,5],[2071,5],[2291,5],[2598,5]]},"128":{"position":[[67,5]]},"132":{"position":[[64,5],[312,5],[561,5],[810,5],[1259,5],[1569,5],[1838,5],[2127,5],[2386,5],[2715,5]]},"134":{"position":[[59,5],[256,5],[451,5],[649,5],[850,5],[1080,5],[1282,5],[1511,5],[1681,5],[1916,5]]},"136":{"position":[[60,5],[318,5],[617,5],[869,5],[1305,5],[1550,5],[1798,5],[2068,5],[2402,5],[2815,5]]},"138":{"position":[[63,5],[257,5]]},"140":{"position":[[64,5],[377,5],[717,5],[1032,5],[1294,5],[1565,5],[1839,5],[2037,5],[2241,5],[2445,5]]},"144":{"position":[[106,5]]},"146":{"position":[[111,5],[498,5],[921,5],[1357,5],[1629,5],[2079,5],[2368,5],[2642,5],[2840,5]]},"148":{"position":[[113,5],[462,5],[743,5]]},"150":{"position":[[107,5]]},"152":{"position":[[104,5],[486,5]]},"154":{"position":[[120,5]]},"156":{"position":[[116,5]]},"158":{"position":[[111,5],[458,5],[736,5],[1029,5],[1346,5],[1618,5],[2003,5],[2218,5],[2503,5],[2777,5]]},"160":{"position":[[117,5],[376,5],[705,5],[1111,5],[1424,5]]},"162":{"position":[[113,5]]},"164":{"position":[[123,5]]},"166":{"position":[[122,5],[528,5]]},"168":{"position":[[114,5],[520,5]]},"170":{"position":[[112,5],[361,5],[610,5]]},"172":{"position":[[121,5]]},"174":{"position":[[122,5]]},"176":{"position":[[119,5]]},"178":{"position":[[120,5]]},"180":{"position":[[114,5]]},"182":{"position":[[121,5]]},"184":{"position":[[117,5]]},"186":{"position":[[118,5]]},"188":{"position":[[115,5]]},"190":{"position":[[121,5]]},"192":{"position":[[116,5]]},"194":{"position":[[115,5],[521,5]]},"196":{"position":[[116,5]]},"198":{"position":[[120,5]]},"200":{"position":[[118,5]]},"202":{"position":[[115,5],[521,5]]},"204":{"position":[[125,5]]},"206":{"position":[[117,5]]},"208":{"position":[[113,5]]},"210":{"position":[[114,5],[361,5]]},"212":{"position":[[110,5],[539,5],[785,5],[1077,5],[1362,5],[1614,5],[1833,5],[2053,5],[2360,5],[2698,5]]},"214":{"position":[[104,5],[403,5],[655,5],[1091,5],[1336,5],[1584,5],[1854,5],[2188,5],[2601,5],[2948,5]]},"216":{"position":[[114,5]]},"218":{"position":[[108,5]]},"220":{"position":[[108,5],[357,5],[606,5],[1055,5],[1365,5],[1634,5],[1923,5],[2182,5],[2511,5],[2917,5]]},"222":{"position":[[121,5],[544,5],[980,5],[1253,5]]},"224":{"position":[[114,5]]},"226":{"position":[[134,5]]},"228":{"position":[[110,5]]},"230":{"position":[[120,5],[467,5],[745,5],[1038,5],[1355,5],[1627,5],[2012,5],[2227,5],[2512,5],[2786,5]]},"232":{"position":[[113,5],[412,5],[664,5],[1100,5],[1345,5],[1593,5],[1863,5],[2197,5],[2610,5],[2957,5]]},"234":{"position":[[119,5],[548,5],[794,5],[1086,5],[1371,5],[1623,5],[1842,5],[2062,5],[2369,5],[2707,5]]},"236":{"position":[[117,5],[366,5],[615,5],[1064,5],[1374,5],[1643,5],[1932,5],[2191,5],[2520,5],[2926,5]]},"238":{"position":[[117,5],[457,5],[772,5],[1034,5],[1305,5],[1579,5],[1777,5],[1981,5],[2185,5],[2369,5]]},"240":{"position":[[112,5],[307,5],[505,5],[706,5],[936,5],[1138,5],[1367,5],[1537,5],[1772,5],[1963,5]]},"242":{"position":[[116,5]]},"244":{"position":[[113,5]]},"246":{"position":[[109,5],[410,5]]},"248":{"position":[[111,5],[356,5],[625,5]]},"250":{"position":[[115,5]]},"252":{"position":[[113,5]]},"254":{"position":[[109,5]]},"256":{"position":[[113,5],[549,5],[800,5]]},"258":{"position":[[123,5]]},"260":{"position":[[119,5]]},"262":{"position":[[114,5],[527,5]]},"264":{"position":[[112,5],[409,5],[845,5],[1258,5]]},"266":{"position":[[113,5]]},"268":{"position":[[116,5]]},"270":{"position":[[111,5],[357,5],[649,5],[934,5],[1154,5],[1412,5],[1711,5],[1963,5],[2399,5],[2644,5]]},"272":{"position":[[114,5],[540,5],[825,5],[1077,5],[1298,5],[1637,5],[2050,5],[2396,5]]},"274":{"position":[[111,5],[389,5]]},"276":{"position":[[112,5],[361,5],[610,5]]},"278":{"position":[[114,5],[367,5]]},"280":{"position":[[114,5]]},"282":{"position":[[112,5]]},"284":{"position":[[109,5],[545,5],[958,5]]},"286":{"position":[[112,5]]},"288":{"position":[[116,5],[545,5]]},"290":{"position":[[108,5]]},"292":{"position":[[109,5]]},"294":{"position":[[112,5],[395,5],[831,5]]},"296":{"position":[[106,5],[545,5]]},"298":{"position":[[115,5]]},"300":{"position":[[108,5]]},"302":{"position":[[109,5],[451,5]]},"304":{"position":[[116,5],[541,5]]},"306":{"position":[[114,5],[461,5],[739,5],[1032,5],[1349,5],[1621,5],[2006,5],[2221,5],[2506,5],[2780,5]]},"308":{"position":[[109,5],[402,5],[719,5],[991,5],[1376,5],[1591,5],[1876,5],[2150,5],[2434,5],[2863,5]]},"310":{"position":[[111,5],[560,5]]},"312":{"position":[[109,5],[401,5],[686,5],[938,5],[1157,5],[1377,5],[1684,5],[2022,5],[2280,5],[2579,5]]},"314":{"position":[[111,5],[360,5],[609,5],[1058,5]]},"316":{"position":[[113,5],[542,5],[788,5],[1080,5],[1365,5],[1617,5],[1836,5],[2056,5],[2363,5],[2701,5]]},"318":{"position":[[105,5],[541,5],[786,5],[1034,5],[1304,5],[1638,5],[2051,5],[2398,5],[2646,5],[2895,5]]},"320":{"position":[[107,5]]},"322":{"position":[[114,5]]},"324":{"position":[[105,5],[350,5],[619,5]]},"326":{"position":[[107,5],[406,5],[658,5],[1094,5],[1339,5],[1587,5],[1857,5],[2191,5],[2604,5],[2951,5]]},"328":{"position":[[111,5],[458,5],[775,5],[1049,5]]},"330":{"position":[[110,5],[460,5],[730,5],[1031,5],[1365,5]]},"332":{"position":[[115,5]]},"334":{"position":[[109,5]]},"336":{"position":[[106,5],[391,5]]},"338":{"position":[[111,5]]},"340":{"position":[[107,5]]},"342":{"position":[[113,5]]},"344":{"position":[[107,5]]},"346":{"position":[[111,5],[389,5],[687,5]]},"348":{"position":[[102,5]]},"350":{"position":[[111,5],[421,5],[857,5]]},"352":{"position":[[108,5],[521,5]]},"354":{"position":[[106,5],[403,5],[839,5],[1252,5]]},"356":{"position":[[107,5]]},"358":{"position":[[112,5],[462,5]]},"360":{"position":[[103,5],[487,5],[772,5],[1046,5],[1330,5],[1760,5],[1958,5]]},"362":{"position":[[104,5]]},"364":{"position":[[109,5],[456,5],[734,5],[1049,5],[1433,5],[1718,5],[1991,5],[2237,5],[2529,5],[2814,5]]},"366":{"position":[[105,5],[383,5]]},"368":{"position":[[102,5],[406,5]]},"370":{"position":[[102,5],[360,5],[659,5],[911,5],[1347,5],[1592,5],[2009,5],[2258,5],[2508,5],[2704,5]]},"372":{"position":[[106,5]]},"374":{"position":[[114,5]]},"376":{"position":[[109,5]]},"378":{"position":[[107,5]]},"380":{"position":[[115,5],[540,5],[793,5]]},"382":{"position":[[106,5],[412,5],[612,5]]},"384":{"position":[[110,5],[459,5],[744,5],[1020,5],[1446,5],[1731,5],[1983,5],[2204,5],[2543,5],[2956,5]]},"386":{"position":[[111,5]]},"388":{"position":[[110,5]]},"390":{"position":[[109,5],[419,5]]},"392":{"position":[[103,5],[539,5],[952,5],[1294,5],[1494,5]]},"394":{"position":[[107,5],[400,5],[715,5],[1100,5]]},"396":{"position":[[105,5],[366,5]]},"398":{"position":[[108,5],[303,5],[501,5]]},"400":{"position":[[110,5]]},"402":{"position":[[113,5]]},"404":{"position":[[108,5],[423,5]]},"406":{"position":[[110,5],[457,5]]},"408":{"position":[[112,5]]},"410":{"position":[[111,5],[463,5],[892,5]]},"412":{"position":[[112,5],[459,5]]},"414":{"position":[[111,5]]},"416":{"position":[[108,5],[375,5]]},"418":{"position":[[102,5],[396,5],[777,5]]},"420":{"position":[[108,5]]},"422":{"position":[[109,5]]},"424":{"position":[[106,5],[389,5],[825,5]]},"426":{"position":[[109,5]]},"428":{"position":[[105,5],[384,5]]},"430":{"position":[[103,5],[445,5],[692,5],[1007,5]]},"432":{"position":[[109,5]]},"434":{"position":[[107,5]]},"436":{"position":[[105,5],[424,5],[849,5]]},"438":{"position":[[107,5]]},"440":{"position":[[107,5]]},"442":{"position":[[106,5]]},"444":{"position":[[107,5]]},"446":{"position":[[107,5]]},"448":{"position":[[107,5]]},"450":{"position":[[106,5]]},"452":{"position":[[104,5]]},"454":{"position":[[104,5]]},"456":{"position":[[103,5]]},"458":{"position":[[103,5]]},"460":{"position":[[105,5]]},"462":{"position":[[105,5]]},"464":{"position":[[107,5]]},"466":{"position":[[108,5]]},"468":{"position":[[108,5]]},"470":{"position":[[106,5]]},"472":{"position":[[107,5]]},"474":{"position":[[108,5]]},"476":{"position":[[107,5]]},"478":{"position":[[108,5]]},"480":{"position":[[106,5]]},"482":{"position":[[108,5]]},"484":{"position":[[111,5]]},"486":{"position":[[109,5]]},"488":{"position":[[108,5]]},"490":{"position":[[110,5]]},"492":{"position":[[107,5]]},"494":{"position":[[109,5]]},"496":{"position":[[108,5]]},"498":{"position":[[108,5]]},"500":{"position":[[107,5]]},"502":{"position":[[107,5]]},"504":{"position":[[107,5]]},"506":{"position":[[108,5]]},"508":{"position":[[107,5]]},"510":{"position":[[108,5]]},"512":{"position":[[108,5]]},"514":{"position":[[104,5]]},"516":{"position":[[105,5]]},"518":{"position":[[105,5]]},"520":{"position":[[105,5]]},"522":{"position":[[101,5]]},"524":{"position":[[105,5]]},"526":{"position":[[105,5]]},"528":{"position":[[104,5]]},"530":{"position":[[104,5]]},"532":{"position":[[103,5]]},"534":{"position":[[104,5]]},"536":{"position":[[103,5]]},"538":{"position":[[103,5]]},"540":{"position":[[103,5]]},"542":{"position":[[103,5]]},"544":{"position":[[104,5]]},"546":{"position":[[105,5]]},"548":{"position":[[108,5]]},"550":{"position":[[105,5]]},"552":{"position":[[105,5]]},"554":{"position":[[111,5]]},"574":{"position":[[3914,7]]},"576":{"position":[[4746,7],[6926,7]]},"578":{"position":[[5499,7],[7611,7]]},"600":{"position":[[13507,8],[14448,8],[15731,8]]},"650":{"position":[[108,5]]},"660":{"position":[[26211,8],[44240,8]]}}}],["reduc",{"_index":1629,"t":{"572":{"position":[[1476,7],[1512,7]]}}}],["ref=\"accordion1",{"_index":1261,"t":{"562":{"position":[[11973,17],[18299,17],[20575,17]]}}}],["ref=\"arrivaltimeinput",{"_index":3881,"t":{"628":{"position":[[10119,23]]}}}],["ref=\"autocomplete1",{"_index":3324,"t":{"612":{"position":[[12169,20]]}}}],["ref=\"barchart",{"_index":3029,"t":{"604":{"position":[[4666,15],[9116,15],[10514,15],[12742,15],[14840,15]]}}}],["ref=\"collapse1",{"_index":1637,"t":{"572":{"position":[[1982,17],[2947,16],[4004,16]]}}}],["ref=\"currencyinput",{"_index":3690,"t":{"622":{"position":[[10455,20]]}}}],["ref=\"dateinput",{"_index":3403,"t":{"614":{"position":[[6352,16]]}}}],["ref=\"dialog",{"_index":1693,"t":{"574":{"position":[[1600,13],[2528,13],[4096,13],[4991,13],[5974,13],[6466,13],[7070,13],[7698,13],[8423,13]]}}}],["ref=\"doughnutchart",{"_index":3092,"t":{"606":{"position":[[4040,20],[11277,20]]}}}],["ref=\"dropdown1",{"_index":4175,"t":{"654":{"position":[[23741,17]]}}}],["ref=\"enddateinput",{"_index":3443,"t":{"614":{"position":[[10882,19]]}}}],["ref=\"grid",{"_index":4507,"t":{"660":{"position":[[50786,11],[57508,11],[110756,11],[127958,11],[130418,11]]}}}],["ref=\"lgmod",{"_index":2057,"t":{"578":{"position":[[11833,14],[12838,14]]}}}],["ref=\"linechart",{"_index":2911,"t":{"602":{"position":[[6703,16],[11205,16],[14066,16]]},"606":{"position":[[8377,16]]}}}],["ref=\"mdmod",{"_index":2072,"t":{"578":{"position":[[12704,14]]}}}],["ref=\"mod",{"_index":2016,"t":{"578":{"position":[[3572,12],[4442,12],[6096,12],[7951,12],[8784,12],[9876,12],[10513,12],[12452,12],[14137,12]]}}}],["ref=\"numberinput",{"_index":3571,"t":{"618":{"position":[[7234,18]]}}}],["ref=\"offcanva",{"_index":1786,"t":{"576":{"position":[[2985,17],[3652,16],[5331,16],[7050,16],[7513,16],[11752,16],[15893,16],[20120,16]]}}}],["ref=\"piechart",{"_index":3127,"t":{"608":{"position":[[3753,15],[7696,15],[11651,15]]}}}],["ref=\"progressbar",{"_index":2387,"t":{"590":{"position":[[2389,18],[4631,18]]}}}],["ref=\"rangeinput",{"_index":3496,"t":{"616":{"position":[[2906,17]]}}}],["ref=\"savebutton",{"_index":1477,"t":{"568":{"position":[[7464,17]]}}}],["ref=\"sidebar",{"_index":3807,"t":{"624":{"position":[[7540,14]]},"626":{"position":[[7016,14]]},"634":{"position":[[6480,14]]},"636":{"position":[[7571,14]]},"640":{"position":[[638,14]]},"642":{"position":[[6600,14]]},"644":{"position":[[6439,14]]},"646":{"position":[[643,14]]},"652":{"position":[[6505,14]]},"656":{"position":[[8806,14],[11260,14],[13695,14]]}}}],["ref=\"smmod",{"_index":2060,"t":{"578":{"position":[[11941,14],[12571,14]]}}}],["ref=\"switch1",{"_index":3626,"t":{"620":{"position":[[1798,14]]}}}],["ref=\"tab",{"_index":2733,"t":{"600":{"position":[[9485,11],[11887,12]]}}}],["ref=\"tabsref",{"_index":2788,"t":{"600":{"position":[[14011,15],[15041,15]]}}}],["ref=\"timeinput1",{"_index":3849,"t":{"628":{"position":[[4493,17]]}}}],["ref=\"warningalert",{"_index":1047,"t":{"556":{"position":[[3226,19]]}}}],["ref=\"xlmod",{"_index":2054,"t":{"578":{"position":[[11714,14],[12971,14]]}}}],["ref=\"xxlmod",{"_index":2078,"t":{"578":{"position":[[13109,15]]}}}],["refer",{"_index":94,"t":{"2":{"position":[[2042,11],[2550,10]]},"124":{"position":[[530,11],[1038,10]]},"596":{"position":[[264,9]]},"598":{"position":[[162,6]]},"602":{"position":[[6133,5]]},"604":{"position":[[4167,5]]},"606":{"position":[[3536,5]]},"608":{"position":[[3254,5]]},"624":{"position":[[389,11],[504,11],[1036,10],[1273,11],[1306,10],[1421,10],[1659,9],[2017,9],[2414,9],[2653,9],[2918,11],[5224,9],[5582,9],[5979,9],[8843,10],[8865,10],[8909,10]]},"626":{"position":[[389,11],[506,11],[1038,10],[1368,10],[1456,11],[1489,10],[1606,10],[1844,9],[2202,9],[2599,9],[2838,9],[3103,11],[5548,9],[8306,10],[8328,10],[8372,10]]},"632":{"position":[[407,11],[503,11],[931,11],[964,10],[1080,10],[1318,9],[1676,9],[2073,9],[2312,9],[2581,11],[3273,10],[3295,10],[3339,10]]},"634":{"position":[[447,11],[956,11],[989,10],[1103,10],[1341,9],[1699,9],[2096,9],[2335,9],[2611,11],[4217,9],[4575,9],[4972,9],[7734,10],[7756,10],[7800,10]]},"636":{"position":[[402,11],[911,11],[944,10],[1058,10],[1296,9],[1654,9],[2051,9],[2290,9],[2566,11],[4466,9],[4824,9],[5221,9],[8846,10],[8868,10],[8912,10]]},"638":{"position":[[407,11],[503,11],[931,11],[964,10],[1080,10],[1318,9],[1676,9],[2073,9],[2312,9],[2581,11],[3094,10],[3116,10],[3160,10]]},"642":{"position":[[399,11],[513,11],[1050,10],[1287,11],[1320,10],[1440,10],[1678,9],[2036,9],[2433,9],[2676,9],[2953,11],[5268,9],[5352,9],[7898,10],[7920,10],[7964,10]]},"644":{"position":[[399,11],[513,11],[1050,10],[1287,11],[1320,10],[1440,10],[1678,9],[2036,9],[2433,9],[2676,9],[2953,11],[5067,9],[5151,9],[7737,10],[7759,10],[7803,10]]},"652":{"position":[[399,11],[513,11],[941,11],[974,10],[1094,10],[1332,9],[1690,9],[2087,9],[2330,9],[2607,11],[4472,9],[4830,9],[5227,9],[7594,10],[7616,10],[7660,10]]},"660":{"position":[[40560,6],[59294,10],[60066,10]]}}}],["referrer\"></script",{"_index":3721,"t":{"624":{"position":[[1955,19],[2373,19],[5520,19],[5938,19]]},"626":{"position":[[2140,19],[2558,19],[5510,19]]},"632":{"position":[[1614,19],[2032,19]]},"634":{"position":[[1637,19],[2055,19],[4513,19],[4931,19]]},"636":{"position":[[1592,19],[2010,19],[4762,19],[5180,19]]},"638":{"position":[[1614,19],[2032,19]]},"642":{"position":[[1974,19],[2392,19],[5230,19]]},"644":{"position":[[1974,19],[2392,19],[5029,19]]},"652":{"position":[[1628,19],[2046,19],[4768,19],[5186,19]]}}}],["referrerpolicy=\"no",{"_index":3720,"t":{"624":{"position":[[1936,18],[2354,18],[5501,18],[5919,18]]},"626":{"position":[[2121,18],[2539,18],[5491,18]]},"632":{"position":[[1595,18],[2013,18]]},"634":{"position":[[1618,18],[2036,18],[4494,18],[4912,18]]},"636":{"position":[[1573,18],[1991,18],[4743,18],[5161,18]]},"638":{"position":[[1595,18],[2013,18]]},"642":{"position":[[1955,18],[2373,18],[5211,18]]},"644":{"position":[[1955,18],[2373,18],[5010,18]]},"652":{"position":[[1609,18],[2027,18],[4749,18],[5167,18]]}}}],["refresh",{"_index":568,"t":{"88":{"position":[[198,7]]},"592":{"position":[[762,7]]},"612":{"position":[[1312,7]]},"656":{"position":[[787,7]]},"660":{"position":[[3878,7],[3966,7],[59040,7],[59319,7],[59364,7],[59840,7],[60094,7],[60134,7]]}}}],["refreshdataasync",{"_index":428,"t":{"62":{"position":[[266,18]]},"592":{"position":[[743,18]]},"612":{"position":[[1288,18]]},"656":{"position":[[770,16]]}}}],["refreshdataasync(cancellationtoken",{"_index":4291,"t":{"660":{"position":[[3809,34]]}}}],["regard",{"_index":88,"t":{"2":{"position":[[1939,9],[2352,9]]},"124":{"position":[[427,9],[840,9]]}}}],["regardless",{"_index":1315,"t":{"562":{"position":[[18231,10]]}}}],["region",{"_index":2942,"t":{"602":{"position":[[9783,7]]},"604":{"position":[[7933,7]]},"606":{"position":[[6851,7],[13856,7]]},"608":{"position":[[6420,7],[10099,7],[13589,7]]}}}],["regist",{"_index":3729,"t":{"624":{"position":[[2735,8],[2840,8],[8876,8]]},"626":{"position":[[2920,8],[3025,8],[8339,8]]},"632":{"position":[[2394,8],[2503,8],[3306,8]]},"634":{"position":[[2417,8],[2522,8],[7767,8]]},"636":{"position":[[2372,8],[2477,8],[3027,8],[3132,8],[8879,8],[8960,8]]},"638":{"position":[[2394,8],[2503,8],[3127,8]]},"642":{"position":[[2770,8],[2875,8],[7931,8]]},"644":{"position":[[2770,8],[2875,8],[7770,8]]},"652":{"position":[[2424,8],[2529,8],[7627,8]]},"660":{"position":[[130339,11],[133230,11]]}}}],["regular",{"_index":4051,"t":{"648":{"position":[[3452,7]]}}}],["rel",{"_index":1121,"t":{"560":{"position":[[781,8]]},"568":{"position":[[3213,10]]},"602":{"position":[[2170,8]]},"604":{"position":[[2286,8]]},"606":{"position":[[2034,8]]},"608":{"position":[[1869,8]]}}}],["rel=\"icon",{"_index":3760,"t":{"624":{"position":[[4387,10]]},"634":{"position":[[3784,10]]},"636":{"position":[[4037,10]]},"642":{"position":[[4291,10]]},"652":{"position":[[3737,10]]}}}],["rel=\"stylesheet",{"_index":2655,"t":{"598":{"position":[[360,16]]},"624":{"position":[[601,16],[821,16],[901,16],[1242,16],[3276,16],[3950,16],[4170,16],[4250,16],[4296,16],[4361,16]]},"626":{"position":[[603,16],[823,16],[903,16],[1244,16],[3463,16],[4129,16],[4349,16],[4429,16],[4475,16],[4540,16]]},"632":{"position":[[600,16],[820,16],[900,16],[2939,16]]},"634":{"position":[[625,16],[845,16],[925,16],[2903,16],[3339,16],[3559,16],[3639,16],[3665,16],[3706,16]]},"636":{"position":[[580,16],[800,16],[880,16],[2858,16],[3604,16],[3824,16],[3904,16],[3930,16],[3971,16]]},"638":{"position":[[600,16],[820,16],[900,16],[2879,16]]},"642":{"position":[[610,16],[830,16],[910,16],[1256,16],[3350,16],[3920,16],[4140,16],[4220,16],[4265,16],[4391,16]]},"644":{"position":[[610,16],[830,16],[910,16],[1256,16],[3350,16],[3920,16],[4140,16],[4220,16],[4265,16],[4335,16]]},"652":{"position":[[610,16],[830,16],[910,16],[2936,16],[3366,16],[3586,16],[3666,16],[3692,16],[3847,16]]}}}],["relat",{"_index":2000,"t":{"578":{"position":[[1174,7]]},"582":{"position":[[119,7]]},"592":{"position":[[3727,9]]},"654":{"position":[[17639,7]]},"656":{"position":[[2644,9]]},"660":{"position":[[106113,7]]}}}],["releas",{"_index":15,"t":{"2":{"position":[[99,7],[446,7],[724,7],[1017,7],[1334,7],[2840,7],[3225,7],[3440,7],[3725,7]]},"4":{"position":[[122,8]]},"6":{"position":[[84,8]]},"8":{"position":[[85,8]]},"10":{"position":[[95,7]]},"12":{"position":[[188,8]]},"14":{"position":[[85,8]]},"16":{"position":[[92,7]]},"18":{"position":[[94,7]]},"20":{"position":[[92,7]]},"22":{"position":[[95,7]]},"24":{"position":[[91,7]]},"26":{"position":[[93,7]]},"28":{"position":[[91,7]]},"30":{"position":[[95,7]]},"32":{"position":[[93,7]]},"34":{"position":[[96,7]]},"36":{"position":[[96,7]]},"38":{"position":[[94,7]]},"40":{"position":[[95,7]]},"42":{"position":[[96,7]]},"44":{"position":[[95,7]]},"46":{"position":[[96,7]]},"48":{"position":[[96,7]]},"50":{"position":[[96,7]]},"52":{"position":[[96,7]]},"54":{"position":[[96,7]]},"56":{"position":[[95,7]]},"58":{"position":[[95,7]]},"60":{"position":[[95,7]]},"62":{"position":[[96,7]]},"64":{"position":[[95,7]]},"66":{"position":[[96,7]]},"68":{"position":[[93,7]]},"70":{"position":[[92,7]]},"72":{"position":[[93,7]]},"74":{"position":[[93,7]]},"76":{"position":[[93,7]]},"78":{"position":[[93,7]]},"80":{"position":[[89,7]]},"82":{"position":[[91,7]]},"84":{"position":[[92,7]]},"86":{"position":[[92,7]]},"88":{"position":[[92,7]]},"90":{"position":[[91,7]]},"92":{"position":[[91,7]]},"94":{"position":[[91,7]]},"96":{"position":[[91,7]]},"98":{"position":[[92,7]]},"100":{"position":[[93,7]]},"102":{"position":[[95,7]]},"104":{"position":[[98,7]]},"106":{"position":[[96,7]]},"108":{"position":[[97,7]]},"110":{"position":[[94,7]]},"112":{"position":[[95,7]]},"114":{"position":[[96,7]]},"116":{"position":[[96,7]]},"118":{"position":[[93,7]]},"120":{"position":[[93,7]]},"122":{"position":[[93,7]]},"126":{"position":[[96,7],[380,7],[809,7],[1055,7],[1347,7],[1632,7],[1884,7],[2103,7],[2323,7],[2630,7]]},"128":{"position":[[99,7]]},"132":{"position":[[96,7],[344,7],[593,7],[842,7],[1291,7],[1601,7],[1870,7],[2159,7],[2418,7],[2747,7]]},"134":{"position":[[91,7],[288,7],[483,7],[681,7],[882,7],[1112,7],[1304,8],[1543,7],[1806,8],[1938,8]]},"136":{"position":[[92,7],[350,7],[649,7],[901,7],[1337,7],[1582,7],[1830,7],[2100,7],[2434,7],[2847,7]]},"138":{"position":[[85,8],[316,8]]},"140":{"position":[[96,7],[409,7],[749,7],[1064,7],[1326,7],[1597,7],[1871,7],[2069,7],[2273,7],[2477,7]]},"144":{"position":[[128,8]]},"146":{"position":[[143,7],[530,7],[953,7],[1389,7],[1661,7],[2111,7],[2400,7],[2674,7],[2872,7]]},"148":{"position":[[145,7],[494,7],[775,7]]},"150":{"position":[[139,7]]},"152":{"position":[[136,7],[518,7]]},"154":{"position":[[152,7]]},"156":{"position":[[148,7]]},"158":{"position":[[143,7],[490,7],[768,7],[1061,7],[1378,7],[1650,7],[2035,7],[2250,7],[2535,7],[2809,7]]},"160":{"position":[[149,7],[408,7],[737,7],[1143,7],[1456,7]]},"162":{"position":[[145,7]]},"164":{"position":[[155,7]]},"166":{"position":[[154,7],[560,7]]},"168":{"position":[[146,7],[552,7]]},"170":{"position":[[144,7],[393,7],[642,7]]},"172":{"position":[[153,7]]},"174":{"position":[[154,7]]},"176":{"position":[[151,7]]},"178":{"position":[[152,7]]},"180":{"position":[[146,7]]},"182":{"position":[[153,7]]},"184":{"position":[[149,7]]},"186":{"position":[[150,7]]},"188":{"position":[[147,7]]},"190":{"position":[[153,7]]},"192":{"position":[[148,7]]},"194":{"position":[[147,7],[553,7]]},"196":{"position":[[148,7]]},"198":{"position":[[152,7]]},"200":{"position":[[150,7]]},"202":{"position":[[147,7],[553,7]]},"204":{"position":[[157,7]]},"206":{"position":[[149,7]]},"208":{"position":[[145,7]]},"210":{"position":[[146,7],[393,7]]},"212":{"position":[[142,7],[571,7],[817,7],[1109,7],[1394,7],[1646,7],[1865,7],[2085,7],[2392,7],[2730,7]]},"214":{"position":[[136,7],[435,7],[687,7],[1123,7],[1368,7],[1616,7],[1886,7],[2220,7],[2633,7],[2980,7]]},"216":{"position":[[146,7]]},"218":{"position":[[140,7]]},"220":{"position":[[140,7],[389,7],[638,7],[1087,7],[1397,7],[1666,7],[1955,7],[2214,7],[2543,7],[2949,7]]},"222":{"position":[[153,7],[576,7],[1012,7],[1285,7]]},"224":{"position":[[146,7]]},"226":{"position":[[166,7]]},"228":{"position":[[142,7]]},"230":{"position":[[152,7],[499,7],[777,7],[1070,7],[1387,7],[1659,7],[2044,7],[2259,7],[2544,7],[2818,7]]},"232":{"position":[[145,7],[444,7],[696,7],[1132,7],[1377,7],[1625,7],[1895,7],[2229,7],[2642,7],[2989,7]]},"234":{"position":[[151,7],[580,7],[826,7],[1118,7],[1403,7],[1655,7],[1874,7],[2094,7],[2401,7],[2739,7]]},"236":{"position":[[149,7],[398,7],[647,7],[1096,7],[1406,7],[1675,7],[1964,7],[2223,7],[2552,7],[2958,7]]},"238":{"position":[[149,7],[489,7],[804,7],[1066,7],[1337,7],[1611,7],[1809,7],[2013,7],[2217,7],[2401,7]]},"240":{"position":[[144,7],[339,7],[537,7],[738,7],[968,7],[1160,8],[1399,7],[1662,8],[1794,8],[1985,8]]},"242":{"position":[[175,8]]},"244":{"position":[[145,7]]},"246":{"position":[[141,7],[442,7]]},"248":{"position":[[143,7],[388,7],[657,7]]},"250":{"position":[[147,7]]},"252":{"position":[[145,7]]},"254":{"position":[[141,7]]},"256":{"position":[[145,7],[581,7],[832,7]]},"258":{"position":[[155,7]]},"260":{"position":[[151,7]]},"262":{"position":[[146,7],[559,7]]},"264":{"position":[[144,7],[441,7],[877,7],[1290,7]]},"266":{"position":[[145,7]]},"268":{"position":[[148,7]]},"270":{"position":[[143,7],[389,7],[681,7],[966,7],[1186,7],[1444,7],[1743,7],[1995,7],[2431,7],[2676,7]]},"272":{"position":[[146,7],[572,7],[857,7],[1109,7],[1330,7],[1669,7],[2082,7],[2428,7]]},"274":{"position":[[143,7],[421,7]]},"276":{"position":[[144,7],[393,7],[642,7]]},"278":{"position":[[146,7],[399,7]]},"280":{"position":[[146,7]]},"282":{"position":[[144,7]]},"284":{"position":[[141,7],[577,7],[990,7]]},"286":{"position":[[144,7]]},"288":{"position":[[148,7],[577,7]]},"290":{"position":[[140,7]]},"292":{"position":[[141,7]]},"294":{"position":[[144,7],[427,7],[863,7]]},"296":{"position":[[138,7],[577,7]]},"298":{"position":[[147,7]]},"300":{"position":[[140,7]]},"302":{"position":[[141,7],[483,7]]},"304":{"position":[[148,7],[573,7]]},"306":{"position":[[146,7],[493,7],[771,7],[1064,7],[1381,7],[1653,7],[2038,7],[2253,7],[2538,7],[2812,7]]},"308":{"position":[[141,7],[434,7],[751,7],[1023,7],[1408,7],[1623,7],[1908,7],[2182,7],[2466,7],[2895,7]]},"310":{"position":[[143,7],[592,7]]},"312":{"position":[[141,7],[433,7],[718,7],[970,7],[1189,7],[1409,7],[1716,7],[2054,7],[2312,7],[2611,7]]},"314":{"position":[[143,7],[392,7],[641,7],[1090,7]]},"316":{"position":[[145,7],[574,7],[820,7],[1112,7],[1397,7],[1649,7],[1868,7],[2088,7],[2395,7],[2733,7]]},"318":{"position":[[137,7],[573,7],[818,7],[1066,7],[1336,7],[1670,7],[2083,7],[2430,7],[2678,7],[2927,7]]},"320":{"position":[[139,7]]},"322":{"position":[[146,7]]},"324":{"position":[[137,7],[382,7],[651,7]]},"326":{"position":[[139,7],[438,7],[690,7],[1126,7],[1371,7],[1619,7],[1889,7],[2223,7],[2636,7],[2983,7]]},"328":{"position":[[143,7],[490,7],[807,7],[1081,7]]},"330":{"position":[[142,7],[492,7],[762,7],[1063,7],[1397,7]]},"332":{"position":[[147,7]]},"334":{"position":[[141,7]]},"336":{"position":[[138,7],[423,7]]},"338":{"position":[[143,7]]},"340":{"position":[[139,7]]},"342":{"position":[[145,7]]},"344":{"position":[[139,7]]},"346":{"position":[[143,7],[421,7],[719,7]]},"348":{"position":[[134,7]]},"350":{"position":[[143,7],[453,7],[889,7]]},"352":{"position":[[140,7],[553,7]]},"354":{"position":[[138,7],[435,7],[871,7],[1284,7]]},"356":{"position":[[139,7]]},"358":{"position":[[144,7],[494,7]]},"360":{"position":[[135,7],[519,7],[804,7],[1078,7],[1362,7],[1792,7],[1990,7]]},"362":{"position":[[136,7]]},"364":{"position":[[141,7],[488,7],[766,7],[1081,7],[1465,7],[1750,7],[2023,7],[2269,7],[2561,7],[2846,7]]},"366":{"position":[[137,7],[415,7]]},"368":{"position":[[134,7],[438,7]]},"370":{"position":[[134,7],[392,7],[691,7],[943,7],[1379,7],[1624,7],[2041,7],[2290,7],[2540,7],[2736,7]]},"372":{"position":[[138,7]]},"374":{"position":[[146,7]]},"376":{"position":[[141,7]]},"378":{"position":[[139,7]]},"380":{"position":[[147,7],[572,7],[825,7]]},"382":{"position":[[138,7],[444,7],[644,7]]},"384":{"position":[[142,7],[491,7],[776,7],[1052,7],[1478,7],[1763,7],[2015,7],[2236,7],[2575,7],[2988,7]]},"386":{"position":[[143,7]]},"388":{"position":[[142,7]]},"390":{"position":[[141,7],[451,7]]},"392":{"position":[[135,7],[571,7],[984,7],[1326,7],[1526,7]]},"394":{"position":[[139,7],[432,7],[747,7],[1132,7]]},"396":{"position":[[137,7],[398,7]]},"398":{"position":[[140,7],[335,7],[533,7]]},"400":{"position":[[142,7]]},"402":{"position":[[145,7]]},"404":{"position":[[140,7],[455,7]]},"406":{"position":[[142,7],[489,7]]},"408":{"position":[[144,7]]},"410":{"position":[[143,7],[495,7],[924,7]]},"412":{"position":[[144,7],[491,7]]},"414":{"position":[[143,7]]},"416":{"position":[[140,7],[407,7]]},"418":{"position":[[134,7],[428,7],[809,7]]},"420":{"position":[[140,7]]},"422":{"position":[[141,7]]},"424":{"position":[[138,7],[421,7],[857,7]]},"426":{"position":[[141,7]]},"428":{"position":[[137,7],[416,7]]},"430":{"position":[[135,7],[477,7],[724,7],[1039,7]]},"432":{"position":[[141,7]]},"434":{"position":[[166,8]]},"436":{"position":[[137,7],[456,7],[881,7]]},"438":{"position":[[129,8]]},"440":{"position":[[232,8]]},"442":{"position":[[128,8]]},"444":{"position":[[139,7]]},"446":{"position":[[129,8]]},"448":{"position":[[139,7]]},"450":{"position":[[138,7]]},"452":{"position":[[136,7]]},"454":{"position":[[136,7]]},"456":{"position":[[135,7]]},"458":{"position":[[135,7]]},"460":{"position":[[137,7]]},"462":{"position":[[137,7]]},"464":{"position":[[139,7]]},"466":{"position":[[140,7]]},"468":{"position":[[140,7]]},"470":{"position":[[138,7]]},"472":{"position":[[139,7]]},"474":{"position":[[140,7]]},"476":{"position":[[139,7]]},"478":{"position":[[140,7]]},"480":{"position":[[138,7]]},"482":{"position":[[140,7]]},"484":{"position":[[143,7]]},"486":{"position":[[141,7]]},"488":{"position":[[140,7]]},"490":{"position":[[142,7]]},"492":{"position":[[139,7]]},"494":{"position":[[141,7]]},"496":{"position":[[140,7]]},"498":{"position":[[140,7]]},"500":{"position":[[139,7]]},"502":{"position":[[139,7]]},"504":{"position":[[139,7]]},"506":{"position":[[140,7]]},"508":{"position":[[139,7]]},"510":{"position":[[140,7]]},"512":{"position":[[140,7]]},"514":{"position":[[136,7]]},"516":{"position":[[137,7]]},"518":{"position":[[137,7]]},"520":{"position":[[137,7]]},"522":{"position":[[133,7]]},"524":{"position":[[137,7]]},"526":{"position":[[137,7]]},"528":{"position":[[136,7]]},"530":{"position":[[136,7]]},"532":{"position":[[135,7]]},"534":{"position":[[136,7]]},"536":{"position":[[135,7]]},"538":{"position":[[135,7]]},"540":{"position":[[135,7]]},"542":{"position":[[135,7]]},"544":{"position":[[136,7]]},"546":{"position":[[137,7]]},"548":{"position":[[140,7]]},"550":{"position":[[137,7]]},"552":{"position":[[137,7]]},"554":{"position":[[143,7]]},"596":{"position":[[12687,9]]},"650":{"position":[[140,7]]},"660":{"position":[[50554,9]]}}}],["relev",{"_index":1640,"t":{"572":{"position":[[2144,8],[4311,8]]}}}],["reli",{"_index":4227,"t":{"658":{"position":[[149,7]]}}}],["reload",{"_index":3770,"t":{"624":{"position":[[4727,9]]},"626":{"position":[[4799,9]]}}}],["remov",{"_index":123,"t":{"2":{"position":[[2538,7]]},"40":{"position":[[281,8]]},"124":{"position":[[1026,7]]},"128":{"position":[[1265,8],[1311,8]]},"556":{"position":[[555,8],[3634,7]]},"562":{"position":[[431,7],[6079,6]]},"578":{"position":[[3171,6]]},"586":{"position":[[2390,7],[2454,7]]},"596":{"position":[[2169,7],[4740,6],[5071,6],[7839,6]]},"600":{"position":[[604,7],[668,7],[14695,6],[16454,6]]},"624":{"position":[[2903,6],[3012,6],[3214,6],[3335,6],[8894,6]]},"626":{"position":[[3088,6],[3197,6],[3399,6],[3522,6],[8357,6]]},"630":{"position":[[3214,8]]},"632":{"position":[[2566,6],[2675,6],[2877,6],[2998,6],[3324,6]]},"634":{"position":[[2596,6],[2697,6],[2839,6],[7785,6]]},"636":{"position":[[2551,6],[2652,6],[2794,6],[8897,6]]},"638":{"position":[[2566,6],[2675,6],[2817,6],[3145,6]]},"640":{"position":[[507,6]]},"642":{"position":[[2938,6],[3047,6],[3249,6],[3370,6],[7949,6]]},"644":{"position":[[2938,6],[3047,6],[3249,6],[3370,6],[7788,6]]},"646":{"position":[[512,6]]},"652":{"position":[[2592,6],[2693,6],[2835,6],[7645,6]]},"660":{"position":[[70019,7]]}}}],["removecustomer(custom",{"_index":2800,"t":{"600":{"position":[[15975,23]]}}}],["removecustomer(customer)\">remov",{"_index":2799,"t":{"600":{"position":[[15422,32]]}}}],["removetabbyindex(int",{"_index":2244,"t":{"586":{"position":[[2359,20]]},"600":{"position":[[573,20]]}}}],["removetabbyname(str",{"_index":2245,"t":{"586":{"position":[[2422,22]]},"600":{"position":[[636,22]]}}}],["renam",{"_index":217,"t":{"12":{"position":[[289,7],[433,7],[537,7]]},"14":{"position":[[219,7]]},"36":{"position":[[459,7],[500,7]]},"128":{"position":[[907,7],[1434,7],[1476,7]]}}}],["rename.png",{"_index":2333,"t":{"586":{"position":[[8948,11]]}}}],["render",{"_index":396,"t":{"56":{"position":[[205,6],[346,8]]},"70":{"position":[[361,6],[502,8]]},"74":{"position":[[323,6]]},"556":{"position":[[311,8]]},"560":{"position":[[246,8]]},"562":{"position":[[368,8],[470,6],[2042,8],[6117,6]]},"564":{"position":[[247,6]]},"566":{"position":[[276,8]]},"568":{"position":[[422,8]]},"570":{"position":[[499,8],[836,8],[1017,8],[1197,8],[1378,8],[1631,8],[2067,8],[2323,8],[2503,8],[10621,6]]},"572":{"position":[[280,8]]},"574":{"position":[[2135,6],[2285,8]]},"576":{"position":[[3343,6],[3488,8],[5049,9]]},"578":{"position":[[4141,6],[4282,8],[5818,9]]},"580":{"position":[[429,8]]},"584":{"position":[[528,8]]},"586":{"position":[[262,8],[560,8],[980,8],[1166,8],[1420,8]]},"590":{"position":[[342,8]]},"596":{"position":[[633,8],[992,6],[1507,6]]},"600":{"position":[[249,8],[1708,8]]},"602":{"position":[[4152,9]]},"610":{"position":[[262,8]]},"624":{"position":[[4474,6],[4554,6]]},"626":{"position":[[4597,6]]},"634":{"position":[[114,6],[3037,6]]},"636":{"position":[[112,6],[3274,6]]},"654":{"position":[[572,8],[1168,8],[1436,8],[1806,8],[2096,8],[2349,8]]},"660":{"position":[[807,8],[986,7],[1359,6],[1662,7],[2775,7],[4133,8],[54797,6],[54849,6],[57133,6],[57185,6]]}}}],["renderbodi",{"_index":3825,"t":{"626":{"position":[[4647,13]]}}}],["renderfrag",{"_index":969,"t":{"556":{"position":[[261,15]]},"560":{"position":[[192,14]]},"562":{"position":[[314,14],[1988,14],[2187,14]]},"566":{"position":[[221,15]]},"568":{"position":[[368,14],[695,14]]},"570":{"position":[[445,14],[782,14],[963,14],[1143,14],[1324,14],[1577,14],[2013,14],[2269,14],[2449,14]]},"572":{"position":[[226,14]]},"576":{"position":[[317,14],[542,14],[685,14]]},"578":{"position":[[316,14],[724,14],[976,14]]},"580":{"position":[[374,15]]},"584":{"position":[[474,14]]},"586":{"position":[[208,14],[506,14],[772,14],[925,15],[1111,15],[1365,15]]},"590":{"position":[[288,14]]},"596":{"position":[[579,14],[946,14],[1566,14]]},"600":{"position":[[195,14],[1654,14],[1920,14]]},"610":{"position":[[208,14]]},"654":{"position":[[518,14],[1114,14],[1382,14],[1752,14],[2042,14],[2295,14]]},"660":{"position":[[753,14],[1324,14],[4079,14],[5250,14]]}}}],["renderfragment<titem",{"_index":2545,"t":{"596":{"position":[[1445,22]]}}}],["rendermode=\"@interactiveauto",{"_index":3994,"t":{"636":{"position":[[4099,30],[4156,30]]}}}],["rendermode=\"@interactiveserv",{"_index":3978,"t":{"634":{"position":[[3846,32],[3905,32]]}}}],["reorder",{"_index":2531,"t":{"596":{"position":[[165,10]]}}}],["repeat",{"_index":2043,"t":{"578":{"position":[[8973,9],[10730,9]]},"610":{"position":[[1441,6]]}}}],["repeatedli",{"_index":2509,"t":{"594":{"position":[[1472,10]]}}}],["replac",{"_index":1210,"t":{"560":{"position":[[6931,7]]},"592":{"position":[[6255,7]]},"640":{"position":[[446,7]]},"646":{"position":[[451,7]]},"656":{"position":[[6433,7]]}}}],["repo",{"_index":3744,"t":{"624":{"position":[[3485,5]]},"626":{"position":[[3672,5]]},"634":{"position":[[2983,5]]},"636":{"position":[[3220,5]]},"642":{"position":[[3519,5]]},"644":{"position":[[3519,5]]},"652":{"position":[[2981,5]]}}}],["repres",{"_index":2809,"t":{"602":{"position":[[262,10],[328,10],[6550,9]]},"604":{"position":[[109,9],[4584,9]]},"606":{"position":[[3953,9]]},"608":{"position":[[3671,9]]}}}],["represent",{"_index":2804,"t":{"602":{"position":[[116,14]]}}}],["request",{"_index":2436,"t":{"592":{"position":[[1910,8],[4009,8],[6900,8],[9894,8],[12892,8]]},"598":{"position":[[4076,9],[4130,8]]},"612":{"position":[[2641,8],[4512,8],[6116,8],[7137,8],[9899,8],[11376,8],[12870,8]]},"624":{"position":[[6651,7],[8203,8]]},"626":{"position":[[6127,7],[7679,8]]},"634":{"position":[[5523,7],[6970,8]]},"636":{"position":[[5841,7],[8061,8]]},"640":{"position":[[1177,8]]},"642":{"position":[[7263,8]]},"644":{"position":[[7102,8]]},"646":{"position":[[1182,8]]},"652":{"position":[[6995,8]]},"656":{"position":[[1861,8],[2962,8],[4794,8],[7053,8],[9406,8],[11879,8],[14309,8],[16700,8],[19183,8],[22486,8]]},"660":{"position":[[9262,8],[11607,8],[14364,8],[16755,8],[19555,8],[21926,8],[24328,8],[28421,8],[30212,8],[33405,8],[35770,8],[38135,8],[40392,8],[42650,8],[46450,8],[49157,8],[50051,8],[52153,8],[61491,8],[64886,8],[67969,8],[71346,8],[74430,8],[77405,8],[80756,8],[83847,8],[86613,8],[91842,8],[100072,8],[102263,8],[104701,8],[108692,8],[112572,8],[116039,8],[118663,8],[121324,8],[124100,8],[126084,8],[128823,8],[131464,8]]}}}],["request.cancellationtoken",{"_index":3278,"t":{"612":{"position":[[6195,27],[11460,27],[12954,27]]},"660":{"position":[[116506,27],[119130,27],[121791,27],[124567,27]]}}}],["request.pagenumb",{"_index":4479,"t":{"660":{"position":[[30575,19],[116441,19],[119065,19],[121726,19],[124502,19]]}}}],["request.pages",{"_index":4480,"t":{"660":{"position":[[30595,17],[116461,17],[119085,17],[121746,17],[124522,17]]}}}],["request.sort",{"_index":4472,"t":{"660":{"position":[[30300,16],[116127,16],[118751,16],[121412,16],[124188,16]]}}}],["request.sorting.ani",{"_index":4473,"t":{"660":{"position":[[30332,22],[116159,22],[118783,22],[121444,22],[124220,22]]}}}],["request.sorting.firstordefault().sortdirect",{"_index":4701,"t":{"660":{"position":[[116320,47],[118944,47],[121605,47],[124381,47]]}}}],["request.sorting.firstordefault().sortstr",{"_index":4700,"t":{"660":{"position":[[116259,44],[118883,44],[121544,44],[124320,44]]}}}],["request.sorting[0].sortdirect",{"_index":4476,"t":{"660":{"position":[[30479,33]]}}}],["request.sorting[0].sortstr",{"_index":4475,"t":{"660":{"position":[[30432,30]]}}}],["requir",{"_index":966,"t":{"556":{"position":[[213,8]]},"558":{"position":[[227,8]]},"560":{"position":[[144,8]]},"562":{"position":[[174,8],[1890,8]]},"566":{"position":[[173,8]]},"568":{"position":[[198,8]]},"570":{"position":[[397,8],[734,8],[915,8],[1095,8],[1276,8],[1529,8],[1965,8],[2221,8],[2401,8]]},"572":{"position":[[178,8]]},"576":{"position":[[205,8]]},"578":{"position":[[204,8]]},"580":{"position":[[223,8],[508,8]]},"582":{"position":[[195,8]]},"584":{"position":[[426,8]]},"586":{"position":[[160,8],[408,8],[877,8],[1063,8],[1317,8]]},"588":{"position":[[186,8]]},"590":{"position":[[240,8],[552,8]]},"592":{"position":[[234,8],[871,8]]},"594":{"position":[[175,8]]},"596":{"position":[[429,8]]},"598":{"position":[[410,8]]},"600":{"position":[[147,8],[1556,8],[2021,9]]},"602":{"position":[[412,8],[1543,8],[1808,8],[5317,8],[5556,8]]},"604":{"position":[[267,8],[1398,8],[1661,8],[3352,8],[3591,8]]},"606":{"position":[[363,8],[1494,8],[1767,8],[2966,8],[3223,8]]},"608":{"position":[[208,8],[1339,8],[1602,8],[2699,8],[2946,8]]},"610":{"position":[[164,8]]},"612":{"position":[[261,8],[10379,10],[10431,10]]},"614":{"position":[[336,8],[7079,8],[8812,12],[8908,12],[12649,12],[12738,12],[12827,12]]},"616":{"position":[[162,8],[872,8]]},"618":{"position":[[223,8],[7889,8],[10567,12],[10837,12]]},"620":{"position":[[185,8]]},"622":{"position":[[215,8],[11125,8],[13932,12],[14201,12]]},"628":{"position":[[340,8],[5196,8],[8075,12],[8170,12],[8269,12],[8366,12],[8461,12],[11900,12],[11997,12]]},"630":{"position":[[620,8],[1153,8],[1798,8],[1832,7],[11741,12]]},"648":{"position":[[347,8]]},"654":{"position":[[274,8],[1066,8],[1334,8],[1704,8],[1994,8],[2177,8],[18816,8],[21488,12],[21758,12]]},"656":{"position":[[242,8],[894,8]]},"658":{"position":[[231,8]]},"660":{"position":[[220,8],[3013,8],[4031,8],[5666,8],[6853,8],[7109,9],[11892,9],[14533,9],[19708,8],[22069,8],[30832,8],[33666,9],[59048,8],[59379,8],[59851,9],[60154,9]]}}}],["required(errormessag",{"_index":3423,"t":{"614":{"position":[[8773,22],[8868,22],[12611,22],[12701,22],[12792,22]]},"618":{"position":[[10535,22],[10804,22]]},"622":{"position":[[13900,22],[14168,22]]},"628":{"position":[[8035,22],[8129,22],[8228,22],[8327,22],[8422,22],[11859,22],[11958,22]]},"654":{"position":[[21456,22],[21725,22]]}}}],["research",{"_index":4533,"t":{"660":{"position":[[55781,8],[56500,8]]}}}],["reset",{"_index":487,"t":{"74":{"position":[[207,5]]},"556":{"position":[[3795,5]]},"612":{"position":[[1367,6]]},"660":{"position":[[3935,5]]}}}],["resetasync",{"_index":3193,"t":{"612":{"position":[[1349,12]]}}}],["resetform",{"_index":3422,"t":{"614":{"position":[[8677,11],[12488,11]]},"618":{"position":[[10439,11]]},"622":{"position":[[13804,11]]},"628":{"position":[[7930,11],[11754,11]]},"654":{"position":[[21360,11]]}}}],["resetpagenumb",{"_index":433,"t":{"64":{"position":[[208,17]]},"660":{"position":[[3907,17]]}}}],["resetprogressbar",{"_index":2396,"t":{"590":{"position":[[3137,18]]}}}],["resiz",{"_index":2827,"t":{"602":{"position":[[1383,6]]},"604":{"position":[[1238,6]]},"606":{"position":[[1334,6]]},"608":{"position":[[1179,6]]}}}],["resizeasync(int",{"_index":2826,"t":{"602":{"position":[[1290,15]]},"604":{"position":[[1145,15]]},"606":{"position":[[1241,15]]},"608":{"position":[[1086,15]]}}}],["respect",{"_index":116,"t":{"2":{"position":[[2444,7]]},"124":{"position":[[932,7]]},"584":{"position":[[1250,13]]}}}],["respond",{"_index":3769,"t":{"624":{"position":[[4713,7]]},"626":{"position":[[4785,7]]}}}],["respons",{"_index":121,"t":{"2":{"position":[[2503,11]]},"32":{"position":[[515,10]]},"124":{"position":[[991,11]]},"568":{"position":[[5483,10],[5716,10]]},"584":{"position":[[373,8]]},"592":{"position":[[134,10]]},"602":{"position":[[6006,10],[6045,11],[7926,10]]},"604":{"position":[[4040,10],[4079,11],[6039,10]]},"606":{"position":[[3454,10],[3493,11]]},"608":{"position":[[3172,10],[3211,11]]},"656":{"position":[[124,10]]},"660":{"position":[[2442,10],[2512,11]]}}}],["responsive=\"tru",{"_index":4333,"t":{"660":{"position":[[7352,18],[9653,18],[12181,18],[14765,18],[17076,18],[19946,18],[22422,18],[24773,18],[28859,18],[42840,17],[43028,18],[46974,18],[50207,17],[50982,17],[60576,17],[63926,18],[67056,18],[70216,18],[73468,18],[76443,18],[79794,18],[82867,18],[86006,18],[88655,18],[89457,18],[90245,18],[91047,18],[93233,18],[94224,18],[95213,18],[96204,18],[97189,18],[98174,18],[99169,18],[101407,18],[103845,18],[106680,18],[110896,17],[114349,17],[116841,17],[119502,17],[122197,17],[125181,18],[128093,18],[130553,18]]}}}],["restrict",{"_index":445,"t":{"68":{"position":[[293,8],[477,8]]},"614":{"position":[[579,8],[634,9],[3144,8],[9431,8],[9545,10],[9623,8],[13060,8]]},"616":{"position":[[3374,8]]},"618":{"position":[[540,8],[595,9],[3613,8]]},"622":{"position":[[620,8],[675,9],[7518,8]]},"628":{"position":[[583,8],[638,9],[2316,8],[8982,8],[9096,10],[9174,8],[12223,8]]}}}],["result",{"_index":4477,"t":{"660":{"position":[[30519,6],[116374,6],[118998,6],[121659,6],[124435,6]]}}}],["result.item1",{"_index":4482,"t":{"660":{"position":[[30716,13],[116610,13],[119234,13],[121895,13],[124671,13]]}}}],["result.item2",{"_index":4483,"t":{"660":{"position":[[30743,12],[116637,12],[119261,12],[121922,12],[124698,12]]}}}],["return",{"_index":1669,"t":{"574":{"position":[[173,6]]},"576":{"position":[[1410,7],[1569,7],[1791,6]]},"578":{"position":[[2095,6]]},"584":{"position":[[659,6]]},"592":{"position":[[1993,6],[3617,6],[4092,6],[6193,6],[6983,6],[9208,6],[9977,6],[12202,6],[12975,6],[15200,6]]},"602":{"position":[[743,6],[8331,7],[8951,7],[9186,7],[10023,6],[10188,6],[10774,6],[10975,6],[11046,6]]},"604":{"position":[[598,6],[6442,7],[7053,7],[7086,7],[7318,7],[7349,7],[8172,6],[8335,6],[8729,6],[8930,6],[9001,6]]},"606":{"position":[[694,6],[5518,7],[6177,7],[6398,7],[6459,7],[7095,6],[7197,6],[7479,6],[7674,6],[7899,6],[12726,7],[13403,7],[13464,7],[14294,6],[14396,6],[14678,6],[14873,6],[15098,6]]},"608":{"position":[[539,6],[5176,7],[5790,7],[5996,7],[6057,7],[6659,6],[6751,6],[7033,6],[7228,6],[7453,6],[9090,7],[9675,7],[9736,7],[10530,6],[10622,6],[10904,6],[11099,6],[11324,6],[13828,6],[13920,6],[14202,6],[14397,6],[14622,6]]},"612":{"position":[[1168,7],[2814,6],[2964,6],[4685,6],[4835,6],[6235,6],[7310,6],[7460,6],[9991,6],[11500,6],[12994,6]]},"614":{"position":[[12017,7]]},"620":{"position":[[472,6]]},"624":{"position":[[8262,6],[8703,6]]},"626":{"position":[[7738,6],[8179,6]]},"628":{"position":[[11262,7]]},"630":{"position":[[7934,6]]},"634":{"position":[[7029,6],[7468,6]]},"636":{"position":[[8120,6],[8559,6]]},"640":{"position":[[1236,6],[1677,6]]},"642":{"position":[[7322,6],[7763,6]]},"644":{"position":[[7161,6],[7602,6]]},"646":{"position":[[1241,6],[1682,6]]},"648":{"position":[[243,6]]},"652":{"position":[[7054,6],[7493,6]]},"656":{"position":[[1920,6],[2532,6],[3021,6],[4447,6],[4853,6],[6371,6],[7112,6],[8630,6],[9465,6],[10983,6],[11938,6],[13456,6],[14368,6],[15886,6],[16759,6],[18277,6],[19242,6],[20760,6],[22545,6],[24013,6]]},"660":{"position":[[1021,6],[1697,6],[2810,6],[3715,6],[9273,6],[11618,6],[14375,6],[16766,6],[19566,6],[21937,6],[24339,6],[28432,6],[30641,6],[33416,6],[35781,6],[38146,6],[40403,6],[42661,6],[46461,6],[49168,6],[50086,6],[52344,6],[52492,7],[52974,6],[53080,6],[53093,6],[53160,6],[59715,6],[61682,6],[61805,6],[61869,6],[61893,6],[61964,6],[65077,6],[65185,6],[68160,6],[68268,6],[71537,6],[71645,6],[74675,6],[74783,6],[76092,6],[77650,6],[77758,6],[79067,6],[80947,6],[81055,6],[82294,6],[82433,6],[82647,6],[84038,6],[84146,6],[86804,6],[86912,6],[92033,6],[92141,6],[100263,6],[100371,6],[102454,6],[102562,6],[104892,6],[105000,6],[108529,6],[108883,6],[108991,6],[112763,6],[112871,6],[116534,6],[119158,6],[121819,6],[124595,6],[126275,6],[126383,6],[129002,6],[129097,6],[131643,6],[131738,6]]}}}],["reveal",{"_index":1639,"t":{"572":{"position":[[2107,8],[4274,8]]}}}],["revers",{"_index":3610,"t":{"620":{"position":[[327,7],[2204,8],[2265,7],[3010,7]]}}}],["reverse=\"tru",{"_index":3631,"t":{"620":{"position":[[2350,14]]}}}],["rgb",{"_index":4222,"t":{"656":{"position":[[21684,4]]}}}],["rgb(0,0,0",{"_index":4214,"t":{"656":{"position":[[21157,11],[21464,11]]}}}],["rgb(194,192,192",{"_index":4213,"t":{"656":{"position":[[21108,17],[21575,17]]}}}],["rgb(255,255,255",{"_index":4217,"t":{"656":{"position":[[21323,17]]}}}],["rgb),0.08",{"_index":4226,"t":{"656":{"position":[[21992,11],[22099,11]]}}}],["rgb),0.9",{"_index":4225,"t":{"656":{"position":[[21785,10],[21886,10]]}}}],["rgba(0",{"_index":2855,"t":{"602":{"position":[[3297,8],[3402,8]]}}}],["rgba(0,0,0,0.08",{"_index":4212,"t":{"656":{"position":[[21055,17],[21522,17]]}}}],["rgba(0,0,0,0.9",{"_index":4221,"t":{"656":{"position":[[21627,16]]}}}],["rgba(234",{"_index":4210,"t":{"656":{"position":[[20992,9]]}}}],["rgba(25,135,84,var",{"_index":4218,"t":{"656":{"position":[[21384,19]]}}}],["rgba(var",{"_index":4224,"t":{"656":{"position":[[21736,9],[21837,9],[21943,9],[22050,9]]}}}],["rhoncu",{"_index":1969,"t":{"576":{"position":[[10970,7],[15211,7],[19352,7]]}}}],["ribbon",{"_index":31,"t":{"2":{"position":[[315,6],[747,6],[889,6]]},"120":{"position":[[116,6],[189,6],[492,6]]},"128":{"position":[[1656,6]]},"148":{"position":[[361,6]]},"158":{"position":[[359,6],[791,6],[933,6]]},"230":{"position":[[368,6],[800,6],[942,6]]},"306":{"position":[[362,6],[794,6],[936,6]]},"308":{"position":[[164,6],[306,6]]},"328":{"position":[[359,6]]},"330":{"position":[[358,6]]},"346":{"position":[[444,6],[586,6]]},"358":{"position":[[360,6]]},"364":{"position":[[357,6]]},"384":{"position":[[358,6]]},"394":{"position":[[162,6],[304,6]]},"406":{"position":[[20,8],[358,6],[512,6],[654,6]]},"410":{"position":[[359,6]]},"412":{"position":[[360,6]]},"414":{"position":[[166,6],[308,6]]},"418":{"position":[[157,6],[299,6]]},"420":{"position":[[356,6]]},"552":{"position":[[160,6],[302,6]]},"554":{"position":[[359,6]]},"586":{"position":[[11,6],[105,6],[123,6],[2312,6],[2881,6],[3613,6],[3657,7],[6479,9],[6517,6],[6814,7],[9456,9],[9494,6],[9820,6],[9931,6],[9946,6]]},"588":{"position":[[1648,6]]},"590":{"position":[[8323,6]]}}}],["ribbon2",{"_index":873,"t":{"142":{"position":[[1632,7]]}}}],["ribbongroup",{"_index":2227,"t":{"586":{"position":[[835,11],[9859,11]]}}}],["ribbonitem",{"_index":2229,"t":{"586":{"position":[[1276,10],[2214,11],[2294,11],[2991,11],[3787,11],[3918,11],[4114,11],[4254,11],[4550,11],[4739,11],[4980,11],[5142,11],[5425,11],[5586,11],[5824,11],[5991,11],[6129,11],[6273,11],[6928,11],[7067,11],[7268,11],[7388,11],[7681,11],[7846,11],[8065,11],[8214,11],[8492,11],[8634,11],[8860,11],[9011,11],[9137,11],[9263,11],[9909,10]]}}}],["ribbonitemgroup",{"_index":2228,"t":{"586":{"position":[[1017,15],[2062,16],[2144,16],[3758,16],[4047,18],[4082,16],[4398,18],[4510,16],[4909,18],[4946,16],[5303,18],[5396,16],[5755,18],[5791,16],[6436,18],[6899,16],[7201,18],[7236,16],[7513,18],[7641,16],[7994,18],[8031,16],[8354,18],[8463,16],[8791,18],[8827,16],[9413,18],[9882,15]]}}}],["ribbontab",{"_index":765,"t":{"128":{"position":[[1405,9]]},"586":{"position":[[368,9],[3382,9],[3694,10],[4428,12],[4441,10],[5333,12],[5346,10],[6466,12],[6851,10],[7543,12],[7556,10],[8384,12],[8397,10],[9443,12],[9838,9],[9960,9]]}}}],["rich",{"_index":1343,"t":{"564":{"position":[[156,4]]}}}],["right",{"_index":1487,"t":{"568":{"position":[[7878,6],[8149,5]]},"576":{"position":[[2491,6],[3304,6]]},"590":{"position":[[7332,5]]},"602":{"position":[[2374,6]]},"604":{"position":[[1933,5],[2490,6]]},"606":{"position":[[2238,6]]},"608":{"position":[[2073,6],[11947,5],[12902,8]]},"610":{"position":[[888,6]]},"612":{"position":[[9253,7]]},"614":{"position":[[8075,7],[11160,7]]},"618":{"position":[[9344,7]]},"622":{"position":[[12709,7]]},"628":{"position":[[7161,7],[10399,7]]},"630":{"position":[[8106,5]]},"654":{"position":[[12333,5],[16503,5],[20226,7]]},"660":{"position":[[5178,6]]}}}],["right\">submit</button",{"_index":3305,"t":{"612":{"position":[[9312,22]]}}}],["right</button",{"_index":3946,"t":{"630":{"position":[[8598,14],[8964,14],[9330,14]]}}}],["right</tooltip",{"_index":3163,"t":{"610":{"position":[[938,15]]}}}],["risu",{"_index":1930,"t":{"576":{"position":[[9099,5],[9228,5],[9277,6],[13340,5],[13469,5],[13518,6],[17481,5],[17610,5],[17659,6]]}}}],["role=\"button",{"_index":2706,"t":{"598":{"position":[[4201,14]]},"610":{"position":[[1404,14]]},"656":{"position":[[9022,13],[11495,13],[13925,13],[16344,13]]}}}],["role=\"statu",{"_index":1474,"t":{"568":{"position":[[7228,13]]}}}],["role=\"status\">loading...</strong",{"_index":2516,"t":{"594":{"position":[[2991,33]]}}}],["roll",{"_index":1700,"t":{"574":{"position":[[1950,6]]}}}],["ronald",{"_index":4370,"t":{"660":{"position":[[8562,9],[10907,9],[13283,9],[16055,9],[18474,9],[21226,9],[23628,9],[27148,9],[32705,9],[35070,9],[37435,9],[39772,9],[42030,9],[45177,9],[48076,9],[53730,9],[56369,9],[58822,9],[62534,9],[65755,9],[68838,9],[72215,9],[75353,9],[78328,9],[81625,9],[84716,9],[87482,9],[92587,9],[100817,9],[103008,9],[105446,9],[109561,9],[113442,9],[126953,9],[129558,9],[132309,9]]}}}],["ronald@blazorbootstrap.com",{"_index":4444,"t":{"660":{"position":[[27185,29],[45214,29]]}}}],["root",{"_index":4206,"t":{"656":{"position":[[20890,5]]}}}],["rose",{"_index":3222,"t":{"612":{"position":[[3076,5],[4947,5],[7572,5]]}}}],["rotat",{"_index":2869,"t":{"602":{"position":[[4216,8]]}}}],["round",{"_index":1170,"t":{"560":{"position":[[2487,7]]},"562":{"position":[[451,7],[6098,7]]}}}],["rout",{"_index":3979,"t":{"634":{"position":[[3897,7]]},"636":{"position":[[4148,7]]}}}],["row",{"_index":449,"t":{"68":{"position":[[415,3]]},"80":{"position":[[272,4]]},"98":{"position":[[254,3]]},"592":{"position":[[6544,3],[9538,3],[12536,3]]},"612":{"position":[[8494,3],[8948,3]]},"614":{"position":[[7430,3],[7722,3],[10036,3],[10345,3],[10744,3]]},"616":{"position":[[1140,3],[1343,3],[1547,3],[1752,3],[3933,3],[4344,3],[4547,3],[4760,3],[4975,3]]},"618":{"position":[[8250,3],[8633,3],[8999,3]]},"622":{"position":[[11486,3],[11912,3],[12321,3]]},"624":{"position":[[7678,3]]},"626":{"position":[[7154,3]]},"628":{"position":[[5556,3],[5893,3],[6218,3],[6522,3],[6841,3],[9576,3],[9977,3]]},"634":{"position":[[6618,3]]},"636":{"position":[[7709,3]]},"640":{"position":[[785,3]]},"642":{"position":[[6738,3]]},"644":{"position":[[6577,3]]},"646":{"position":[[790,3]]},"652":{"position":[[6643,3]]},"656":{"position":[[6701,3],[8953,3],[11426,3],[13856,3],[16275,3],[18680,3],[21033,3],[21090,3]]},"660":{"position":[[427,3],[1270,3],[1384,4],[1534,3],[1893,3],[2577,3],[3341,4],[3382,3],[3517,4],[3558,3],[60209,4],[60277,3],[60351,3],[76176,5],[79169,3],[79419,3],[88475,3],[92958,3],[101180,3],[103510,3],[103600,3],[105954,3],[133988,3],[134157,3],[134179,3],[134193,3],[134209,3]]}}}],["rowclass",{"_index":4276,"t":{"660":{"position":[[2530,8]]}}}],["rowclass=\"getrowclass",{"_index":4557,"t":{"660":{"position":[[60594,23]]}}}],["roy",{"_index":4436,"t":{"660":{"position":[[26447,6],[44476,6]]}}}],["rtl",{"_index":4136,"t":{"654":{"position":[[16664,4]]}}}],["rule",{"_index":493,"t":{"74":{"position":[[361,4]]}}}],["run",{"_index":1019,"t":{"556":{"position":[[1918,3]]},"588":{"position":[[1002,3]]},"602":{"position":[[5929,7]]},"604":{"position":[[3964,7],[12644,8]]},"606":{"position":[[3373,7],[8208,8]]},"608":{"position":[[3096,7]]}}}],["rutrum",{"_index":1850,"t":{"576":{"position":[[7852,6],[8560,7],[9730,6],[12093,6],[12801,7],[13971,6],[16234,6],[16942,7],[18112,6]]}}}],["s",{"_index":874,"t":{"142":{"position":[[1640,1]]},"612":{"position":[[3005,4],[3282,4],[4876,4],[5153,4],[7006,3],[7501,4],[7778,4]]}}}],["safari",{"_index":3054,"t":{"604":{"position":[[9394,9],[10843,9],[13071,9],[15169,9]]}}}],["sagar",{"_index":1818,"t":{"576":{"position":[[6906,8]]},"578":{"position":[[7591,8]]},"612":{"position":[[3139,6],[3295,6],[5010,6],[5166,6],[7635,6],[7791,6]]}}}],["sagitti",{"_index":1949,"t":{"576":{"position":[[9902,8],[14143,8],[18284,8]]}}}],["salari",{"_index":4434,"t":{"660":{"position":[[26357,6],[26598,6],[26835,6],[27074,6],[27323,6],[27557,6],[27796,6],[28036,6],[28271,6],[39370,6],[39484,6],[39591,6],[39703,6],[39820,6],[39927,6],[40032,6],[40139,6],[40242,6],[41628,6],[41742,6],[41849,6],[41961,6],[42078,6],[42185,6],[42290,6],[42397,6],[42500,6],[44386,6],[44627,6],[44864,6],[45103,6],[45352,6],[45586,6],[45825,6],[46065,6],[46300,6]]}}}],["sale",{"_index":3099,"t":{"606":{"position":[[5131,7],[12219,7]]},"608":{"position":[[4804,7],[8598,7],[12806,7]]}}}],["same",{"_index":602,"t":{"98":{"position":[[550,4]]},"596":{"position":[[3051,4],[3151,4],[5268,4]]},"600":{"position":[[11567,4],[11690,4]]},"660":{"position":[[58972,4]]}}}],["sampl",{"_index":3025,"t":{"604":{"position":[[2237,6]]},"608":{"position":[[11573,6]]},"624":{"position":[[3537,6],[8937,6]]},"626":{"position":[[3724,6],[8400,6]]},"632":{"position":[[3145,6],[3367,6]]},"634":{"position":[[3074,6],[7828,6]]},"636":{"position":[[3330,6],[6860,6],[8995,6],[9052,6]]},"638":{"position":[[2961,6],[3188,6]]},"642":{"position":[[3576,6],[7992,6]]},"644":{"position":[[3576,6],[7831,6]]},"652":{"position":[[3049,6],[7688,6]]}}}],["sapien",{"_index":1913,"t":{"576":{"position":[[8593,6],[9540,6],[9658,6],[12834,6],[13781,6],[13899,6],[16975,6],[17922,6],[18040,6]]}}}],["sass",{"_index":1581,"t":{"570":{"position":[[6480,4]]}}}],["save",{"_index":1727,"t":{"574":{"position":[[4187,4]]},"584":{"position":[[1737,6],[2092,7]]},"630":{"position":[[11960,4],[12048,5]]},"648":{"position":[[5409,4],[5479,5],[5524,8],[5692,5]]},"660":{"position":[[50279,4],[50430,6],[133859,4]]}}}],["save/load",{"_index":328,"t":{"40":{"position":[[171,9]]},"660":{"position":[[50334,9]]}}}],["savebutton",{"_index":1480,"t":{"568":{"position":[[7590,11]]}}}],["savebutton?.hideload",{"_index":1486,"t":{"568":{"position":[[7719,26]]}}}],["savebutton?.showloading(\"sav",{"_index":1482,"t":{"568":{"position":[[7637,31]]}}}],["saveemploye",{"_index":3960,"t":{"630":{"position":[[11904,14]]}}}],["saveemployeeasync",{"_index":4059,"t":{"648":{"position":[[5354,19]]}}}],["sbyte",{"_index":3501,"t":{"616":{"position":[[3501,7]]}}}],["scalabl",{"_index":2165,"t":{"582":{"position":[[1633,8]]}}}],["scalable=no",{"_index":4009,"t":{"642":{"position":[[3760,12]]},"644":{"position":[[3760,12]]}}}],["scale",{"_index":1118,"t":{"560":{"position":[[716,5]]},"602":{"position":[[2698,5],[4791,5],[6063,6],[6070,6],[6094,7]]},"604":{"position":[[4097,6],[4104,6],[4128,7]]}}}],["scale=1.0",{"_index":3757,"t":{"624":{"position":[[3832,10]]},"626":{"position":[[4011,10]]},"634":{"position":[[3222,10]]},"636":{"position":[[3487,10]]},"642":{"position":[[3725,10],[3744,10]]},"644":{"position":[[3725,10],[3744,10]]},"652":{"position":[[3198,10]]}}}],["scatter",{"_index":1357,"t":{"564":{"position":[[501,7]]}}}],["scelerisqu",{"_index":1917,"t":{"576":{"position":[[8660,11],[10483,12],[12901,11],[14724,12],[17042,11],[18865,12]]}}}],["scenario",{"_index":1346,"t":{"564":{"position":[[209,10]]},"614":{"position":[[9508,8]]},"624":{"position":[[6825,10]]},"626":{"position":[[6301,10]]},"628":{"position":[[9059,8]]},"634":{"position":[[5725,10]]},"636":{"position":[[6082,10]]}}}],["schedul",{"_index":3467,"t":{"614":{"position":[[12415,8]]},"628":{"position":[[7857,8],[11681,8]]}}}],["scheme",{"_index":3928,"t":{"630":{"position":[[3341,7]]}}}],["scope",{"_index":3710,"t":{"624":{"position":[[1159,6]]},"626":{"position":[[1161,6]]},"642":{"position":[[1173,6]]},"644":{"position":[[1173,6]]}}}],["screen",{"_index":1160,"t":{"560":{"position":[[2168,6]]},"566":{"position":[[3078,6],[3566,6],[4055,6],[4541,6],[5026,6],[5536,6],[6043,6],[6551,6],[7056,6],[7560,6]]},"578":{"position":[[12477,7],[12598,6],[12731,6],[12865,6],[12998,6],[13137,6],[13419,6],[13523,6],[13627,6],[13731,6],[13836,6]]},"582":{"position":[[1728,6]]}}}],["screen</button",{"_index":2082,"t":{"578":{"position":[[13324,15]]}}}],["script",{"_index":139,"t":{"2":{"position":[[2907,6]]},"110":{"position":[[161,6],[526,6]]},"146":{"position":[[210,6]]},"152":{"position":[[203,6]]},"158":{"position":[[1717,6]]},"230":{"position":[[1726,6]]},"306":{"position":[[1720,6]]},"308":{"position":[[1090,6]]},"360":{"position":[[202,6]]},"364":{"position":[[1148,6]]},"394":{"position":[[814,6]]},"404":{"position":[[522,6]]},"408":{"position":[[211,6]]},"418":{"position":[[495,6]]},"492":{"position":[[206,6]]},"586":{"position":[[9806,6]]},"588":{"position":[[11,6],[45,6],[117,6],[142,6],[307,6],[396,7],[454,6],[496,6],[587,6],[660,6],[755,6],[782,6],[965,6],[1109,6],[1516,7],[1668,6],[1693,6]]},"596":{"position":[[257,6],[312,7]]},"624":{"position":[[1266,6],[1432,7],[1723,7],[2104,7],[2483,7],[2570,7],[4945,7],[4997,7],[5288,7],[5669,7],[6048,7],[6135,7],[8858,6]]},"626":{"position":[[1449,6],[1617,7],[1908,7],[2289,7],[2668,7],[2755,7],[5017,7],[5069,7],[5278,7],[5611,7],[8321,6]]},"632":{"position":[[924,6],[1091,7],[1382,7],[1763,7],[2142,7],[2229,7],[3288,6]]},"634":{"position":[[949,6],[1114,7],[1405,7],[1786,7],[2165,7],[2252,7],[3941,7],[3990,7],[4281,7],[4662,7],[5041,7],[5128,7],[7749,6]]},"636":{"position":[[904,6],[1069,7],[1360,7],[1741,7],[2120,7],[2207,7],[4190,7],[4239,7],[4530,7],[4911,7],[5290,7],[5377,7],[8861,6]]},"638":{"position":[[924,6],[1091,7],[1382,7],[1763,7],[2142,7],[2229,7],[3109,6]]},"642":{"position":[[1280,6],[1451,7],[1742,7],[2123,7],[2502,7],[2589,7],[4732,7],[4789,7],[4998,7],[5421,7],[5508,7],[7913,6]]},"644":{"position":[[1280,6],[1451,7],[1742,7],[2123,7],[2502,7],[2589,7],[4531,7],[4588,7],[4797,7],[5220,7],[5307,7],[7752,6]]},"652":{"position":[[934,6],[1105,7],[1396,7],[1777,7],[2156,7],[2243,7],[4188,7],[4245,7],[4536,7],[4917,7],[5296,7],[5383,7],[7609,6]]},"656":{"position":[[24073,6]]}}}],["script1')[0",{"_index":2348,"t":{"588":{"position":[[1006,16]]}}}],["scriptid",{"_index":2339,"t":{"588":{"position":[[269,8]]}}}],["scriptid=\"script1",{"_index":2346,"t":{"588":{"position":[[847,18]]}}}],["scriptid=\"script2",{"_index":2353,"t":{"588":{"position":[[1324,18]]}}}],["scriptload",{"_index":146,"t":{"2":{"position":[[3096,12]]},"110":{"position":[[1268,12]]},"146":{"position":[[399,12]]},"152":{"position":[[392,12]]},"158":{"position":[[1906,12]]},"230":{"position":[[1915,12]]},"306":{"position":[[1909,12]]},"308":{"position":[[1279,12]]},"360":{"position":[[391,12]]},"364":{"position":[[1337,12]]},"394":{"position":[[1003,12]]},"404":{"position":[[711,12]]},"408":{"position":[[21,14],[400,12]]},"418":{"position":[[684,12]]},"492":{"position":[[395,12]]},"588":{"position":[[807,13],[1238,13]]}}}],["scriptloader1",{"_index":875,"t":{"142":{"position":[[1642,13]]}}}],["scroll",{"_index":301,"t":{"32":{"position":[[547,9]]},"574":{"position":[[5787,9],[5880,6],[6381,6],[7613,6],[9079,9]]},"576":{"position":[[799,9]]},"578":{"position":[[1069,6],[3178,6],[3223,7],[8606,9],[8698,6],[8931,9],[9129,10],[9201,9],[10688,9],[10886,10],[10958,9],[15447,9]]},"660":{"position":[[42901,10],[50268,10]]}}}],["scroll.</p",{"_index":2051,"t":{"578":{"position":[[9300,11],[11057,11]]}}}],["scrollabl",{"_index":1682,"t":{"574":{"position":[[1070,11],[6351,10],[7583,10],[7786,10]]},"578":{"position":[[10494,11],[11352,10],[15514,10]]}}}],["scrollbar",{"_index":1736,"t":{"574":{"position":[[4822,10]]},"578":{"position":[[11673,10]]}}}],["sctipt",{"_index":696,"t":{"110":{"position":[[574,6]]}}}],["se",{"_index":3671,"t":{"622":{"position":[[3927,3],[16105,3]]}}}],["se</b></label",{"_index":3670,"t":{"622":{"position":[[3850,14],[16024,14]]}}}],["search",{"_index":644,"t":{"104":{"position":[[284,6]]},"586":{"position":[[5726,8],[8762,8]]}}}],["search.png",{"_index":2332,"t":{"586":{"position":[[8725,11]]}}}],["second",{"_index":1247,"t":{"562":{"position":[[2964,6],[4902,6],[6818,6],[8634,6],[10450,6],[12642,6],[18947,6],[21354,6]]},"570":{"position":[[5008,6],[5706,6]]}}}],["secondari",{"_index":993,"t":{"556":{"position":[[1081,9]]},"568":{"position":[[2014,9],[2785,9]]},"648":{"position":[[1187,9],[2370,9]]},"660":{"position":[[99056,9],[99117,9]]}}}],["secondary\">secondary</badg",{"_index":1142,"t":{"560":{"position":[[1364,28]]}}}],["section",{"_index":1550,"t":{"570":{"position":[[3356,7]]},"572":{"position":[[1527,7]]},"584":{"position":[[2405,8]]},"624":{"position":[[446,7],[1059,7],[1331,7]]},"626":{"position":[[446,7],[1061,7],[1514,7]]},"632":{"position":[[445,7],[989,7]]},"634":{"position":[[503,7],[1014,7]]},"636":{"position":[[458,7],[969,7]]},"638":{"position":[[445,7],[989,7]]},"642":{"position":[[455,7],[1073,7],[1345,7]]},"644":{"position":[[455,7],[1073,7],[1345,7]]},"652":{"position":[[455,7],[999,7]]},"654":{"position":[[17143,8]]}}}],["sed",{"_index":1881,"t":{"576":{"position":[[8126,3],[8143,3],[8147,3],[8763,3],[9013,3],[9053,3],[9385,3],[9765,3],[9819,3],[10079,3],[10884,3],[12367,3],[12384,3],[12388,3],[13004,3],[13254,3],[13294,3],[13626,3],[14006,3],[14060,3],[14320,3],[15125,3],[16508,3],[16525,3],[16529,3],[17145,3],[17395,3],[17435,3],[17767,3],[18147,3],[18201,3],[18461,3],[19266,3]]}}}],["see",{"_index":1005,"t":{"556":{"position":[[1609,3],[1951,3],[2145,3],[2833,3],[3546,3]]},"558":{"position":[[970,3],[1570,3],[2303,3]]},"560":{"position":[[1146,3],[2408,3],[3286,3],[3966,3],[6885,3],[7291,3]]},"562":{"position":[[4011,3],[6022,3],[7865,3],[9681,3],[11497,3],[17975,3],[20433,3],[23417,3]]},"564":{"position":[[294,3],[579,3],[611,3],[673,3],[710,3],[773,3],[806,3],[864,3],[896,3]]},"566":{"position":[[657,3],[879,3],[1103,3],[1321,3],[1537,3],[1644,3],[1784,3],[2026,3],[2270,3],[2508,3],[2744,3],[2851,3],[5288,3],[7822,3]]},"568":{"position":[[2400,3],[2613,3],[3146,3],[3770,3],[4563,3],[5409,3],[6379,3],[6746,3],[7314,3],[7750,3],[7839,3],[8432,3],[8942,3],[9681,3]]},"570":{"position":[[3101,3],[3455,3],[3854,3],[4777,3],[5085,3],[5885,3],[6297,3],[7122,3],[8239,3],[10570,3],[11978,3],[13314,3]]},"572":{"position":[[1504,3],[2449,3],[3418,3]]},"574":{"position":[[2068,3],[3951,3],[4671,3],[5757,3],[5941,3],[6917,3],[8210,3],[8872,3]]},"576":{"position":[[3235,3],[4783,3],[6963,3],[7373,3],[11603,3],[15850,3],[21321,3]]},"578":{"position":[[4098,3],[5536,3],[7648,3],[8591,3],[8759,3],[9769,3],[10455,3],[11545,3],[12412,3],[14009,3],[15238,3]]},"580":{"position":[[1093,3],[1312,3],[2122,3],[2556,3],[3475,3]]},"582":{"position":[[1942,3],[2209,3],[2408,3],[2761,3],[2995,3],[3342,3]]},"584":{"position":[[1526,3],[2186,3],[3671,3]]},"586":{"position":[[3607,3],[6688,3],[9665,3]]},"588":{"position":[[1047,3]]},"590":{"position":[[1990,3],[2202,3],[3239,3],[3647,3],[4459,3],[5830,3],[6209,3],[7163,3],[8271,3]]},"592":{"position":[[3638,3],[6214,3],[9229,3],[12223,3],[15221,3]]},"594":{"position":[[799,3],[1335,3],[2002,3],[2734,3],[2818,3],[3086,3],[3195,3],[3293,3],[4163,3],[4654,3]]},"596":{"position":[[2897,3],[8164,3],[10299,3],[10799,3],[11751,3],[12564,3],[13593,3],[13831,3]]},"598":{"position":[[1018,3],[1246,3],[2788,3],[2895,3],[3044,3],[3204,3],[3538,3],[3680,3],[4289,3]]},"600":{"position":[[2905,3],[3838,3],[4875,3],[5925,3],[6773,3],[7359,3],[8039,3],[8645,3],[9259,3],[11329,3],[11827,3],[12937,3],[13783,3],[14680,3],[16100,3]]},"602":{"position":[[14023,3],[17270,3]]},"604":{"position":[[9065,3],[10466,3],[12536,3],[12688,3],[14798,3],[16982,3]]},"606":{"position":[[289,3],[8100,3],[8252,3],[11230,3],[15299,3]]},"608":{"position":[[7654,3],[11525,3],[14823,3]]},"610":{"position":[[1067,3],[1282,3],[1545,3],[1965,3],[2121,3]]},"612":{"position":[[3701,3],[5572,3],[6540,3],[8136,3],[10482,3],[13401,3]]},"614":{"position":[[1725,3],[3048,3],[5465,3],[6850,3],[8966,3],[9417,3]]},"616":{"position":[[2022,3],[3313,3],[4141,3],[5255,3],[5433,3],[6096,3]]},"618":{"position":[[1653,3],[3517,3],[4336,3],[5142,3],[5860,3],[6344,3],[7651,3],[10961,3],[11633,3]]},"620":{"position":[[999,3],[2190,3],[2390,3],[2881,3]]},"622":{"position":[[2146,3],[4541,3],[4878,3],[5391,3],[5931,3],[7422,3],[8271,3],[9045,3],[9557,3],[10882,3],[14325,3],[16795,3],[17471,3]]},"624":{"position":[[4825,3],[6836,3]]},"626":{"position":[[1328,3],[4897,3],[6312,3]]},"628":{"position":[[1618,3],[2220,3],[3634,3],[4967,3],[8521,3],[8968,3]]},"630":{"position":[[3146,3],[4639,3],[6128,3],[7959,3],[9767,3],[11398,3]]},"634":{"position":[[5736,3]]},"636":{"position":[[6093,3]]},"648":{"position":[[193,3],[2133,3],[3344,3],[4091,3],[4541,3],[4929,3]]},"654":{"position":[[4045,3],[6230,3],[8816,3],[10603,3],[11670,3],[12274,3],[13321,3],[14387,3],[14900,3],[16302,3],[17080,3],[17591,3],[18156,3],[18652,3],[21882,3],[23703,3],[24570,3],[25506,3]]},"656":{"position":[[2553,3],[4468,3],[6392,3],[8651,3],[11061,3],[13534,3],[15964,3],[18355,3],[22124,3],[24034,3]]},"658":{"position":[[1402,3],[2223,3],[1358131,3]]},"660":{"position":[[9335,3],[11680,3],[14437,3],[16828,3],[19628,3],[21999,3],[24401,3],[28494,3],[30764,3],[33478,3],[35843,3],[38208,3],[40465,3],[42723,3],[46523,3],[49230,3],[50185,3],[54702,3],[57038,3],[60164,3],[63506,3],[66727,3],[69810,3],[76123,3],[79098,3],[82678,3],[85742,3],[88454,3],[92936,3],[101166,3],[103586,3],[106037,3],[106096,3],[110533,3],[114126,3],[116658,3],[119282,3],[121943,3],[124719,3],[127925,3],[130385,3],[133276,3]]}}}],["select",{"_index":517,"t":{"80":{"position":[[191,9],[213,9],[232,9],[250,9],[277,9],[332,9]]},"82":{"position":[[180,9]]},"84":{"position":[[244,6]]},"88":{"position":[[182,6]]},"108":{"position":[[344,7]]},"586":{"position":[[2505,7],[2582,7],[2725,7],[2821,7],[6508,8],[9485,8]]},"600":{"position":[[719,7],[796,7],[939,7],[1035,7]]},"612":{"position":[[1391,10],[1508,9],[2076,7],[3623,12],[5494,12],[6523,12],[8119,12],[10279,12],[11790,12],[13284,12]]},"614":{"position":[[9665,9]]},"620":{"position":[[669,9],[2459,9]]},"628":{"position":[[9213,9]]},"660":{"position":[[492,10],[1192,10],[1289,10],[2673,9],[3671,9],[73187,10],[73238,9],[74030,8],[74103,8],[76146,10],[76160,6],[77005,8],[77078,8],[79120,10],[80356,8],[80429,8],[82344,9],[82465,9],[85766,10],[134065,9],[134084,9],[134102,9],[134140,9]]}}}],["selectedcustom",{"_index":2769,"t":{"600":{"position":[[13301,17],[13577,16],[13649,16],[13752,16]]}}}],["selectedemploye",{"_index":4571,"t":{"660":{"position":[[74149,18],[74292,17],[76010,17],[77124,18],[77267,17],[78985,17],[80475,18],[80618,17],[82565,17]]}}}],["selectedemployees.count",{"_index":4570,"t":{"660":{"position":[[74052,24],[77027,24],[80378,24]]}}}],["selecteditemschang",{"_index":4287,"t":{"660":{"position":[[3585,20]]}}}],["selecteditemschanged=\"onselecteditemschang",{"_index":4569,"t":{"660":{"position":[[73422,45],[76397,45],[79748,45]]}}}],["selectedribbonitem",{"_index":2316,"t":{"586":{"position":[[6530,19],[6573,19],[6652,18],[9507,19],[9550,19],[9629,18]]}}}],["selectionmod",{"_index":4277,"t":{"660":{"position":[[2594,13],[73273,13]]}}}],["selectionmode=\"gridselectionmode.multipl",{"_index":4578,"t":{"660":{"position":[[76186,43],[76354,42],[79599,42]]}}}],["selector",{"_index":596,"t":{"98":{"position":[[315,8]]},"596":{"position":[[1290,8]]},"660":{"position":[[2222,8],[2306,8]]}}}],["sem",{"_index":1943,"t":{"576":{"position":[[9633,3],[9687,4],[10091,4],[13874,3],[13928,4],[14332,4],[18015,3],[18069,4],[18473,4]]}}}],["semant",{"_index":1406,"t":{"568":{"position":[[1852,8]]}}}],["semper",{"_index":1893,"t":{"576":{"position":[[8284,6],[9134,6],[12525,6],[13375,6],[16666,6],[17516,6]]}}}],["send",{"_index":2279,"t":{"586":{"position":[[4491,4],[7622,4]]}}}],["senior",{"_index":4360,"t":{"660":{"position":[[8199,7],[8586,7],[10544,7],[10931,7],[12920,7],[13307,7],[13682,7],[15692,7],[16079,7],[18111,7],[18498,7],[18873,7],[20863,7],[21250,7],[23265,7],[23652,7],[26540,7],[27266,7],[32342,7],[32729,7],[34707,7],[35094,7],[37072,7],[37459,7],[39458,7],[39796,7],[41716,7],[42054,7],[44569,7],[45295,7],[47713,7],[48100,7],[48475,7],[53367,7],[53754,7],[54129,7],[56006,7],[56393,7],[58459,7],[58846,7],[62171,7],[62558,7],[62933,7],[65392,7],[65779,7],[66154,7],[68475,7],[68862,7],[69237,7],[71852,7],[72239,7],[72614,7],[74990,7],[75377,7],[77965,7],[78352,7],[81262,7],[81649,7],[84353,7],[84740,7],[85115,7],[87119,7],[87506,7],[87881,7],[92224,7],[92611,7],[100454,7],[100841,7],[102645,7],[103032,7],[105083,7],[105470,7],[109198,7],[109585,7],[109960,7],[113079,7],[113466,7],[126590,7],[126977,7],[127352,7]]}}}],["sensit",{"_index":3270,"t":{"612":{"position":[[3836,10]]},"660":{"position":[[9504,10]]}}}],["seo",{"_index":369,"t":{"46":{"position":[[404,3]]}}}],["separ",{"_index":1073,"t":{"558":{"position":[[185,11]]},"576":{"position":[[2604,8]]},"654":{"position":[[17620,8]]}}}],["septemb",{"_index":272,"t":{"30":{"position":[[23,9]]},"34":{"position":[[23,9]]},"36":{"position":[[23,9]]},"104":{"position":[[25,9]]},"126":{"position":[[307,9]]},"130":{"position":[[659,9],[703,9],[747,9],[1209,9]]},"140":{"position":[[1524,9],[1798,9],[1997,9]]},"146":{"position":[[457,9],[2327,9],[2601,9],[2800,9]]},"212":{"position":[[69,9]]},"222":{"position":[[80,9]]},"234":{"position":[[78,9]]},"238":{"position":[[1264,9],[1538,9],[1737,9]]},"250":{"position":[[74,9]]},"258":{"position":[[82,9]]},"272":{"position":[[73,9]]},"288":{"position":[[75,9]]},"304":{"position":[[75,9]]},"308":{"position":[[2393,9]]},"316":{"position":[[72,9]]},"328":{"position":[[1008,9]]},"334":{"position":[[68,9]]},"346":{"position":[[646,9]]},"360":{"position":[[1289,9],[1719,9],[1918,9]]},"370":{"position":[[2467,9]]},"380":{"position":[[74,9]]},"384":{"position":[[979,9]]},"410":{"position":[[422,9]]},"436":{"position":[[383,9]]},"464":{"position":[[67,9]]},"466":{"position":[[67,9]]},"468":{"position":[[67,9]]},"484":{"position":[[70,9]]},"602":{"position":[[11591,12],[14452,12]]},"604":{"position":[[5778,12]]},"606":{"position":[[8763,12]]}}}],["sequenc",{"_index":2428,"t":{"592":{"position":[[1451,8],[1481,9]]},"600":{"position":[[11412,9]]},"656":{"position":[[1427,8],[1457,9]]}}}],["sequenti",{"_index":4081,"t":{"654":{"position":[[1622,10]]}}}],["seri",{"_index":2141,"t":{"582":{"position":[[109,6]]},"602":{"position":[[151,6]]}}}],["serv",{"_index":1405,"t":{"568":{"position":[[1836,7]]}}}],["server",{"_index":278,"t":{"30":{"position":[[248,6]]},"32":{"position":[[270,6]]},"48":{"position":[[425,6]]},"50":{"position":[[399,6]]},"54":{"position":[[429,6]]},"56":{"position":[[621,6]]},"58":{"position":[[300,6]]},"60":{"position":[[197,9],[248,6],[463,6],[504,6],[555,6]]},"62":{"position":[[321,6]]},"64":{"position":[[262,6]]},"66":{"position":[[286,6]]},"68":{"position":[[739,6]]},"70":{"position":[[763,6]]},"72":{"position":[[724,6],[760,6],[988,6]]},"74":{"position":[[452,6]]},"76":{"position":[[253,6]]},"78":{"position":[[336,6]]},"80":{"position":[[1378,6]]},"82":{"position":[[302,6]]},"84":{"position":[[414,6]]},"86":{"position":[[546,6]]},"88":{"position":[[303,6]]},"90":{"position":[[227,6]]},"92":{"position":[[342,6]]},"94":{"position":[[228,6]]},"96":{"position":[[317,6]]},"98":{"position":[[701,6]]},"100":{"position":[[1184,6]]},"102":{"position":[[420,6]]},"104":{"position":[[729,6]]},"106":{"position":[[446,6]]},"108":{"position":[[542,6]]},"110":{"position":[[1110,6]]},"112":{"position":[[739,6],[828,6]]},"114":{"position":[[290,6]]},"116":{"position":[[372,6]]},"118":{"position":[[416,6]]},"120":{"position":[[370,6]]},"122":{"position":[[314,6]]},"128":{"position":[[1524,6]]},"132":{"position":[[944,9],[995,6]]},"146":{"position":[[1763,9],[1814,6]]},"154":{"position":[[254,9],[305,6]]},"204":{"position":[[259,9],[310,6]]},"206":{"position":[[251,9],[302,6]]},"220":{"position":[[740,9],[791,6]]},"226":{"position":[[268,9],[319,6]]},"236":{"position":[[749,9],[800,6]]},"310":{"position":[[245,9],[296,6]]},"314":{"position":[[743,9],[794,6]]},"502":{"position":[[241,9],[292,6]]},"598":{"position":[[4355,6]]},"612":{"position":[[208,6],[5586,6],[13577,6]]},"624":{"position":[[23,6],[77,6],[948,6],[3517,6]]},"626":{"position":[[23,6],[77,6],[950,6],[1291,6],[3704,6]]},"632":{"position":[[3194,6]]},"634":{"position":[[30,6],[126,6],[3049,6]]},"636":{"position":[[270,6],[3344,7],[8748,6],[8801,6],[9009,6]]},"640":{"position":[[14,6],[367,6]]},"642":{"position":[[7852,6]]},"644":{"position":[[7691,6]]},"646":{"position":[[372,6],[1901,6],[1929,6]]},"652":{"position":[[7548,6]]},"660":{"position":[[155,6],[28508,6],[28560,6],[50674,6],[133669,6]]}}}],["servic",{"_index":383,"t":{"52":{"position":[[126,8]]},"86":{"position":[[117,8],[187,7],[202,7],[627,7]]},"90":{"position":[[116,7],[157,7],[281,7]]},"92":{"position":[[125,7],[143,7],[185,7],[200,7],[250,7]]},"94":{"position":[[116,7],[157,7],[178,7],[282,7]]},"104":{"position":[[379,7]]},"126":{"position":[[1657,7],[2128,7],[2357,7],[2375,7],[2655,8]]},"132":{"position":[[2777,8]]},"160":{"position":[[767,8]]},"166":{"position":[[184,8]]},"168":{"position":[[176,8]]},"194":{"position":[[177,8]]},"202":{"position":[[177,8]]},"212":{"position":[[1419,7],[1890,7],[2119,7],[2137,7],[2417,8]]},"216":{"position":[[176,8]]},"220":{"position":[[2573,8]]},"234":{"position":[[1428,7],[1899,7],[2128,7],[2146,7],[2426,8]]},"236":{"position":[[2582,8]]},"244":{"position":[[179,7],[197,7]]},"272":{"position":[[882,7],[1134,7],[1355,8]]},"274":{"position":[[446,8]]},"278":{"position":[[171,7],[424,8]]},"290":{"position":[[165,8]]},"300":{"position":[[174,7],[192,7]]},"302":{"position":[[166,8]]},"312":{"position":[[743,7],[1214,7],[1443,7],[1461,7],[1741,8]]},"316":{"position":[[1422,7],[1893,7],[2122,7],[2140,7],[2420,8]]},"320":{"position":[[173,7],[191,7]]},"322":{"position":[[180,7],[198,7]]},"366":{"position":[[440,8]]},"380":{"position":[[597,7],[850,8]]},"384":{"position":[[1788,7],[2040,7],[2261,8]]},"418":{"position":[[834,8]]},"428":{"position":[[450,7],[468,7]]},"430":{"position":[[160,8]]},"432":{"position":[[175,7],[193,7]]},"474":{"position":[[170,8]]},"534":{"position":[[161,8]]},"536":{"position":[[169,7],[187,7]]},"538":{"position":[[160,7]]},"540":{"position":[[160,7]]},"574":{"position":[[2474,7]]},"578":{"position":[[1193,7]]},"584":{"position":[[636,8],[944,7],[2374,8],[3764,7],[3795,7]]},"600":{"position":[[12602,7]]},"608":{"position":[[14888,7]]},"612":{"position":[[2774,7],[4645,7],[7270,7]]},"624":{"position":[[2744,9],[2775,7],[6405,8],[8885,8]]},"626":{"position":[[2929,9],[2960,7],[5881,8],[8348,8]]},"630":{"position":[[525,7],[11427,7],[12389,7]]},"632":{"position":[[2403,9],[2434,7],[3315,8]]},"634":{"position":[[2426,9],[2457,7],[5374,8],[7776,8]]},"636":{"position":[[2381,9],[2412,7],[3036,9],[3067,7],[5614,8],[8888,8],[8969,8]]},"638":{"position":[[2403,9],[2434,7],[3136,8]]},"642":{"position":[[2779,9],[2810,7],[7940,8]]},"644":{"position":[[2779,9],[2810,7],[7779,8]]},"648":{"position":[[0,8],[15,7],[49,7],[84,7],[210,7]]},"652":{"position":[[2433,9],[2464,7],[7636,8]]},"660":{"position":[[50747,8],[52304,7],[61642,7],[65037,7],[68120,7],[71497,7],[74635,7],[77610,7],[80907,7],[83998,7],[86764,7],[91993,7],[100223,7],[102414,7],[104852,7],[108843,7],[112723,7],[126235,7],[128962,7],[131603,7]]}}}],["service/api",{"_index":2202,"t":{"584":{"position":[[1232,11],[1422,11],[1972,11],[2147,11],[3632,11]]},"630":{"position":[[11945,11]]},"648":{"position":[[5394,11]]}}}],["serviceblazor",{"_index":384,"t":{"52":{"position":[[205,13]]},"132":{"position":[[2856,13]]},"160":{"position":[[846,13]]},"166":{"position":[[263,13]]},"168":{"position":[[255,13]]},"194":{"position":[[256,13]]},"202":{"position":[[256,13]]},"216":{"position":[[255,13]]},"220":{"position":[[2652,13]]},"236":{"position":[[2661,13]]},"474":{"position":[[249,13]]}}}],["set",{"_index":286,"t":{"32":{"position":[[283,3],[366,3]]},"72":{"position":[[416,3]]},"74":{"position":[[239,3]]},"128":{"position":[[1043,3],[1104,7]]},"556":{"position":[[288,4],[389,4],[3930,4]]},"558":{"position":[[305,4],[504,4],[557,4],[1311,4],[2044,4]]},"560":{"position":[[223,4],[329,4],[422,4],[507,4],[579,4],[649,4]]},"562":{"position":[[345,4],[1951,4],[2019,4],[2104,4],[2151,4],[2215,4],[6044,3],[7880,3],[7915,3],[9709,3],[18056,3],[22514,4],[23601,3]]},"566":{"position":[[253,4],[361,4],[419,4],[482,4]]},"568":{"position":[[259,4],[320,4],[399,4],[502,4],[559,4],[723,4],[801,4],[891,4],[962,4],[1021,4],[1076,4],[1143,4],[1202,4],[1297,4],[1398,4],[1472,4],[1551,4]]},"570":{"position":[[476,4],[576,4],[651,4],[813,4],[994,4],[1174,4],[1355,4],[1455,4],[1608,4],[1756,4],[1827,4],[1885,4],[2044,4],[2145,4],[2300,4],[2480,4],[2581,4]]},"572":{"position":[[257,4],[347,4],[412,4],[2530,3]]},"574":{"position":[[1245,4],[1310,4],[1457,4],[1525,4],[2718,4],[3764,4],[8348,3]]},"576":{"position":[[273,4],[345,4],[494,4],[570,4],[637,4],[713,4],[893,4],[1059,4],[1114,4],[1166,4],[1253,3],[4596,4],[6698,4],[6777,4],[7431,3],[11625,3]]},"578":{"position":[[272,4],[344,4],[422,4],[583,4],[676,4],[752,4],[844,4],[928,4],[1004,4],[1332,4],[1400,4],[1559,4],[1610,4],[1662,4],[2898,3],[5349,4],[7383,4],[7462,4],[7706,3],[7799,3],[9026,3],[10783,3]]},"580":{"position":[[323,4],[406,4],[596,4],[680,4],[766,4]]},"582":{"position":[[261,4],[339,4],[403,4],[499,4],[565,4],[701,4],[765,4],[898,4],[962,4],[1099,4],[1171,4],[1320,4],[1377,4]]},"584":{"position":[[505,4],[598,4],[1344,4],[1825,4],[3489,4]]},"586":{"position":[[239,4],[335,4],[469,4],[537,4],[625,4],[681,4],[732,4],[800,4],[957,4],[1143,4],[1230,4],[1397,4]]},"588":{"position":[[246,4],[299,3]]},"590":{"position":[[319,4],[404,4],[634,4],[691,4],[773,4],[829,4],[1042,3],[1079,3],[1116,3],[2217,3],[3262,3],[4474,3],[4527,3],[8422,3],[8468,3]]},"592":{"position":[[300,4],[363,4],[450,4],[514,4],[575,4],[630,4],[681,4],[933,4],[1006,4],[1063,4],[1127,4],[1194,4],[1244,4],[1283,4],[1357,4],[1425,4],[1472,4],[1531,4],[1578,4],[3706,3],[9299,3],[12294,3]]},"594":{"position":[[255,4],[336,4],[399,4],[505,4],[567,4],[663,4]]},"596":{"position":[[495,4],[610,4],[700,4],[764,4],[854,4],[1100,4],[1197,4],[1277,4],[1363,4],[1481,4],[1594,4],[1653,4],[1764,4],[1869,4],[2027,4],[2119,4],[2215,4],[2994,3],[8191,7],[10363,7],[10754,4],[10788,4]]},"598":{"position":[[484,4],[661,4],[723,4]]},"600":{"position":[[226,4],[322,4],[394,4],[1617,4],[1685,4],[1773,4],[1829,4],[1880,4],[1948,4],[3027,3],[7416,7],[11851,3],[16399,3]]},"602":{"position":[[472,4],[539,4],[614,4],[679,4],[1614,4],[1682,4],[1884,4],[1953,4],[2113,4],[2432,4],[2498,4],[2798,3],[2905,4],[2987,4],[3119,4],[4125,3],[4954,3],[5083,4],[5380,4],[5432,4],[5731,4],[5786,4],[5837,4],[5981,4],[6036,4],[6085,4],[6172,7]]},"604":{"position":[[218,4],[327,4],[394,4],[469,4],[534,4],[1478,4],[1539,4],[1737,4],[2002,4],[2107,4],[2562,4],[2613,4],[2700,3],[2807,4],[2889,4],[2967,4],[3119,4],[3416,4],[3469,4],[3766,4],[3821,4],[3872,4],[4015,4],[4070,4],[4119,4],[4206,7]]},"606":{"position":[[423,4],[490,4],[565,4],[630,4],[1574,4],[1635,4],[1843,4],[1912,4],[1977,4],[2296,4],[2366,4],[2453,3],[2560,4],[2642,4],[2720,4],[2872,4],[3031,4],[3085,4],[3281,4],[3429,4],[3484,4],[3575,7]]},"608":{"position":[[268,4],[335,4],[410,4],[475,4],[1410,4],[1478,4],[1678,4],[1747,4],[1812,4],[2131,4],[2196,4],[2283,3],[2390,4],[2472,4],[2550,4],[2610,4],[2764,4],[2818,4],[3004,4],[3147,4],[3202,4],[3293,7]]},"610":{"position":[[239,4],[344,4],[401,4],[543,4]]},"612":{"position":[[365,4],[423,4],[497,4],[563,4],[625,4],[689,4],[774,4],[885,4],[998,4],[1063,4],[5984,4],[6554,3],[9502,4],[10424,4],[10471,4],[11230,4],[12724,4],[13594,3]]},"614":{"position":[[502,4],[744,4],[850,4],[970,4],[1019,4],[1090,4],[1996,3],[3082,3],[3110,3],[8861,4],[8955,4],[11658,4],[12694,4],[12785,4],[12872,4]]},"616":{"position":[[225,4],[276,4],[345,4],[417,4],[509,4],[558,4],[929,4],[974,4],[3340,3],[5494,3]]},"618":{"position":[[188,4],[463,4],[717,4],[759,4],[835,4],[925,4],[979,4],[1047,4],[1099,4],[1779,3],[3551,3],[3579,3],[4365,4],[4702,3],[5003,3],[5265,3],[5319,3],[5944,3],[10680,4],[10797,4],[10950,4]]},"620":{"position":[[248,4],[305,4],[436,4]]},"622":{"position":[[485,4],[543,4],[889,4],[931,4],[1092,4],[1484,4],[1559,4],[1611,4],[4577,3],[5619,7],[6059,3],[7456,3],[7484,3],[8394,3],[8448,3],[9129,3],[14045,4],[14161,4],[14314,4]]},"628":{"position":[[506,4],[748,4],[824,4],[914,4],[963,4],[1034,4],[1752,3],[2254,3],[2282,3],[7535,4],[8122,4],[8221,4],[8320,4],[8415,4],[8510,4],[10891,4],[11951,4],[12046,4]]},"630":{"position":[[683,4],[738,4],[844,4],[934,4],[1057,4],[1206,4],[1290,4],[1347,4],[1399,4],[1491,4],[1545,4],[1607,4],[6191,3],[10090,3],[11693,3],[11884,4]]},"648":{"position":[[402,4],[490,4],[568,4],[634,4],[694,4],[812,4],[872,4],[925,4],[1895,4],[3078,4],[3854,4],[4270,4],[4703,4],[5316,4]]},"654":{"position":[[452,4],[549,4],[657,4],[751,4],[906,4],[969,4],[1145,4],[1233,4],[1413,4],[1500,4],[1783,4],[1909,4],[2073,4],[2238,4],[2326,4],[2482,4],[2557,4],[2643,4],[2756,4],[14954,3],[15834,3],[21601,4],[21718,4],[21871,4]]},"656":{"position":[[308,4],[371,4],[461,4],[525,4],[586,4],[641,4],[700,4],[956,4],[1029,4],[1086,4],[1150,4],[1217,4],[1267,4],[1333,4],[1401,4],[1448,4],[1507,4],[1554,4],[2623,3],[4503,3],[13604,3],[16035,3],[22174,3]]},"658":{"position":[[319,4],[403,4],[1002,4],[1430,3],[1835,4],[2528,4]]},"660":{"position":[[289,4],[351,4],[412,4],[478,4],[541,4],[720,3],[784,4],[881,4],[1517,4],[1804,4],[1877,4],[1974,4],[2053,4],[2113,4],[2203,4],[2287,4],[2397,4],[2472,4],[2568,4],[2659,4],[2746,8],[2916,4],[2975,4],[3346,3],[3522,3],[4110,4],[4211,4],[4429,4],[4507,4],[4605,4],[4670,4],[4749,4],[4904,4],[4988,4],[5130,4],[5278,4],[5340,4],[5430,4],[5565,4],[5634,4],[5919,4],[6145,4],[6354,4],[6667,4],[6786,4],[19642,3],[19720,3],[19756,3],[22259,3],[30096,4],[30778,3],[30844,3],[35992,3],[38334,3],[46686,3],[50298,9],[51992,4],[52019,8],[52035,4],[52458,9],[52473,9],[52548,3],[52724,10],[52917,11],[52991,8],[53061,9],[53100,9],[71165,3],[73198,3],[76182,3],[102080,4],[104518,4],[110564,3],[110586,3],[110722,7],[115909,4],[118533,4],[121194,4],[123970,4],[124875,3],[130197,4],[130231,4],[130266,4],[130305,4],[133059,4],[133088,4],[133122,4],[133157,4],[133196,4],[133589,3],[133711,3],[133878,8]]}}}],["setcolor",{"_index":2369,"t":{"590":{"position":[[1033,8],[4575,10]]}}}],["setcolor(progresscolor",{"_index":2401,"t":{"590":{"position":[[3706,22],[5766,22]]}}}],["setcolor(progresscolor.danger)\">set",{"_index":2410,"t":{"590":{"position":[[5223,35]]}}}],["setcolor(progresscolor.dark)\">set",{"_index":2413,"t":{"590":{"position":[[5664,33]]}}}],["setcolor(progresscolor.info)\">set",{"_index":2408,"t":{"590":{"position":[[4933,33]]}}}],["setcolor(progresscolor.primary)\">set",{"_index":2411,"t":{"590":{"position":[[5369,36]]}}}],["setcolor(progresscolor.secondary)\">set",{"_index":2412,"t":{"590":{"position":[[5518,38]]}}}],["setcolor(progresscolor.success)\">set",{"_index":2406,"t":{"590":{"position":[[4789,36]]}}}],["setcolor(progresscolor.warning)\">set",{"_index":2409,"t":{"590":{"position":[[5077,36]]}}}],["seth",{"_index":3245,"t":{"612":{"position":[[3302,7],[5173,7],[7798,7]]}}}],["setlabel",{"_index":2370,"t":{"590":{"position":[[1070,8],[2105,13]]}}}],["settings.pagenumb",{"_index":4515,"t":{"660":{"position":[[52609,21]]}}}],["settings.pages",{"_index":4516,"t":{"660":{"position":[[52636,19]]}}}],["settingsjson",{"_index":4521,"t":{"660":{"position":[[52836,12]]}}}],["settingsprovid",{"_index":4280,"t":{"660":{"position":[[2695,16]]}}}],["settingsprovider=\"gridsettingsprovid",{"_index":4510,"t":{"660":{"position":[[51044,40]]}}}],["setup",{"_index":481,"t":{"72":{"position":[[657,5],[675,5],[709,5],[925,5],[973,5]]},"596":{"position":[[186,6],[13893,5]]},"598":{"position":[[825,6],[1397,6],[3838,6]]},"640":{"position":[[41,5],[269,6],[353,6],[432,6]]},"646":{"position":[[46,5],[274,6],[358,6],[437,6]]},"648":{"position":[[4951,6],[5991,5]]}}}],["setwidth",{"_index":2371,"t":{"590":{"position":[[1107,8]]}}}],["sever",{"_index":1254,"t":{"562":{"position":[[11604,7]]},"568":{"position":[[1797,7]]},"600":{"position":[[9336,7]]},"614":{"position":[[1803,7]]}}}],["sfh",{"_index":3215,"t":{"612":{"position":[[3017,4],[4888,4],[7513,4]]}}}],["shallow",{"_index":4541,"t":{"660":{"position":[[59166,7],[59903,7]]}}}],["shape",{"_index":2867,"t":{"602":{"position":[[4115,6]]}}}],["share",{"_index":204,"t":{"10":{"position":[[297,5]]},"596":{"position":[[2912,6],[13955,6]]}}}],["shared/mainlayout.razor.css",{"_index":4006,"t":{"640":{"position":[[543,27]]},"646":{"position":[[548,27]]}}}],["sharna",{"_index":4394,"t":{"660":{"position":[[13788,9],[18979,9],[48581,9],[54235,9],[63039,9],[66260,9],[69343,9],[72720,9],[85221,9],[87987,9],[110066,9],[127458,9]]}}}],["shop",{"_index":1758,"t":{"576":{"position":[[107,8]]}}}],["short",{"_index":3502,"t":{"616":{"position":[[3509,7]]}}}],["shortcut",{"_index":3195,"t":{"612":{"position":[[1730,9]]}}}],["show",{"_index":218,"t":{"12":{"position":[[297,7],[441,7]]},"74":{"position":[[189,4]]},"104":{"position":[[252,5]]},"556":{"position":[[449,5]]},"560":{"position":[[80,5]]},"562":{"position":[[1009,5],[1104,5],[1172,5],[1266,5],[1332,5],[1682,4],[2623,7],[3174,7],[3724,7],[4487,7],[5112,7],[5735,7],[6477,7],[7028,7],[7578,7],[8279,7],[8844,7],[9394,7],[10109,7],[10660,7],[11210,7],[11512,4],[11560,4],[11621,4],[12289,7],[12852,7],[13414,7],[13972,7],[14520,7],[15080,7],[17990,4],[18077,4],[18606,7],[19157,7],[19707,7],[20991,7],[21564,7],[22136,7],[22674,8],[23647,4],[23686,4]]},"566":{"position":[[638,4],[860,4],[1084,4],[1302,4],[1518,4],[1765,4],[2007,4],[2251,4],[2489,4],[2725,4]]},"568":{"position":[[625,5],[1697,5],[7793,4],[9956,4]]},"570":{"position":[[11839,4],[13154,4]]},"572":{"position":[[556,5],[791,4],[1233,4],[1608,4]]},"574":{"position":[[313,5],[460,5],[622,5],[1120,5],[2485,4],[3040,4]]},"576":{"position":[[970,5],[1382,5],[2025,4],[2946,8],[20971,10]]},"578":{"position":[[1256,5],[2329,4],[3476,4],[8922,4],[10679,4],[14781,10],[14888,7]]},"584":{"position":[[755,5],[866,5],[1185,6],[2304,9]]},"586":{"position":[[2531,4],[2607,4],[2655,5],[2754,4],[2849,4],[3260,5],[3343,4]]},"592":{"position":[[12238,4],[15408,4]]},"594":{"position":[[4626,6]]},"600":{"position":[[745,4],[821,4],[869,5],[968,4],[1063,4],[1400,5],[1483,4]]},"602":{"position":[[181,4],[4836,4],[15007,4],[15614,4],[16221,4]]},"604":{"position":[[173,4]]},"606":{"position":[[135,5]]},"608":{"position":[[123,5]]},"620":{"position":[[85,4]]},"622":{"position":[[108,4],[2160,4],[17586,4]]},"630":{"position":[[1001,5],[9820,5],[10103,5]]},"648":{"position":[[95,4],[750,5]]},"654":{"position":[[2932,5],[3478,4]]},"656":{"position":[[93,4],[8684,4],[8754,4],[11076,4],[11213,4],[15979,4],[24243,4],[24259,4],[24288,4]]},"660":{"position":[[1446,5],[50321,5]]}}}],["show(spinnercolor",{"_index":2197,"t":{"584":{"position":[[697,17],[780,17]]}}}],["show/hid",{"_index":720,"t":{"112":{"position":[[283,9]]},"568":{"position":[[7357,9],[9930,9]]}}}],["showaccordionitembyindexasync",{"_index":1258,"t":{"562":{"position":[[11759,30]]}}}],["showaccordionitembyindexasync(int",{"_index":1224,"t":{"562":{"position":[[968,33]]}}}],["showaccordionitembynameasync",{"_index":1257,"t":{"562":{"position":[[11725,29]]}}}],["showaccordionitembynameasync(str",{"_index":1225,"t":{"562":{"position":[[1049,35]]}}}],["showallaccordionitemsasync",{"_index":1226,"t":{"562":{"position":[[1143,28],[18127,26],[20272,28]]}}}],["showasync",{"_index":1624,"t":{"572":{"position":[[546,9],[1260,10]]},"576":{"position":[[1372,9]]},"578":{"position":[[1824,9]]},"648":{"position":[[5168,14],[5206,9]]},"654":{"position":[[2922,9],[24394,11]]}}}],["showasync(modalopt",{"_index":4034,"t":{"648":{"position":[[255,21]]}}}],["showasync(str",{"_index":1670,"t":{"574":{"position":[[211,16],[341,16]]}}}],["showasync<t>(str",{"_index":1675,"t":{"574":{"position":[[488,19]]},"578":{"position":[[1855,19]]}}}],["showclosebutton",{"_index":1768,"t":{"576":{"position":[[929,15]]},"578":{"position":[[1427,15]]},"630":{"position":[[966,15]]}}}],["showconfirmationasync",{"_index":1697,"t":{"574":{"position":[[1769,23]]}}}],["showconfirmationasync(dialogs",{"_index":1742,"t":{"574":{"position":[[5451,32]]}}}],["showconfirmationasync(dialogsize.extralarg",{"_index":1741,"t":{"574":{"position":[[5310,46]]}}}],["showconfirmationasync(dialogsize.larg",{"_index":1740,"t":{"574":{"position":[[5185,41]]}}}],["showconfirmationasync(dialogsize.smal",{"_index":1739,"t":{"574":{"position":[[5060,41]]}}}],["showcontentasync",{"_index":1641,"t":{"572":{"position":[[2252,18],[3221,18],[4538,18]]}}}],["showcurrencysymbol=\"tru",{"_index":3689,"t":{"622":{"position":[[8011,25],[8581,25],[8840,25],[9317,25],[11685,25],[12082,25],[12528,25]]}}}],["showdialogasync",{"_index":1750,"t":{"574":{"position":[[6144,17],[6636,17],[7260,17],[7901,17],[8604,17]]}}}],["showdtmessag",{"_index":1800,"t":{"576":{"position":[[4949,13],[5108,13],[5305,14],[5813,16]]},"578":{"position":[[5718,13],[5877,13],[6074,14],[6520,16]]}}}],["showdtmessage(mouseeventarg",{"_index":1813,"t":{"576":{"position":[[5947,28]]},"578":{"position":[[6650,28]]}}}],["showemployeecompon",{"_index":1792,"t":{"576":{"position":[[3866,23],[5616,23]]}}}],["showfaqsaccordionitemasync",{"_index":1301,"t":{"562":{"position":[[17165,28]]}}}],["showfaqsasync",{"_index":2750,"t":{"600":{"position":[[11198,15]]}}}],["showfirstaccordionitemasync",{"_index":1227,"t":{"562":{"position":[[1236,29],[11668,28],[16744,29]]}}}],["showfirsttabasync",{"_index":2247,"t":{"586":{"position":[[2485,19]]},"600":{"position":[[699,19],[9381,18],[10881,19]]}}}],["showfooterbutton",{"_index":4039,"t":{"648":{"position":[[726,16],[4854,16]]}}}],["showhorizontalbarchartasync",{"_index":3045,"t":{"604":{"position":[[7670,29]]}}}],["showhorizontalbarchartasync()\">horizont",{"_index":3032,"t":{"604":{"position":[[5253,41]]}}}],["showhorizontallinechartasync",{"_index":2916,"t":{"602":{"position":[[7293,32],[9512,30]]}}}],["showlastaccordionitemasync",{"_index":1228,"t":{"562":{"position":[[1303,28],[11697,27],[17270,28]]}}}],["showlasttabasync",{"_index":2249,"t":{"586":{"position":[[2563,18]]},"600":{"position":[[777,18],[9400,17],[11274,18]]}}}],["showlin",{"_index":2879,"t":{"602":{"position":[[4464,8]]}}}],["showlinenumb",{"_index":4738,"t":{"660":{"position":[[131140,15]]}}}],["showload",{"_index":1404,"t":{"568":{"position":[[1685,11],[7388,13]]}}}],["showloadingdataasync",{"_index":2210,"t":{"584":{"position":[[1851,22]]}}}],["showmessage(toasttyp",{"_index":3921,"t":{"630":{"position":[[2823,21],[4367,21],[5805,21],[7395,21],[11075,21]]}}}],["showmessage(toasttype.danger)\">dang",{"_index":3917,"t":{"630":{"position":[[2390,37],[3833,37],[5372,37],[6962,37],[10642,37]]}}}],["showmessage(toasttype.dark)\">dark",{"_index":3920,"t":{"630":{"position":[[2697,33],[4241,33],[5679,33],[7269,33],[10949,33]]}}}],["showmessage(toasttype.info)\">info",{"_index":3919,"t":{"630":{"position":[[2599,33],[4042,33],[5581,33],[7171,33],[10851,33]]}}}],["showmessage(toasttype.light)\">light",{"_index":3929,"t":{"630":{"position":[[4141,35]]}}}],["showmessage(toasttype.primary)\">primari",{"_index":3913,"t":{"630":{"position":[[2064,39],[3507,39],[5046,39],[6636,39],[10316,39]]}}}],["showmessage(toasttype.secondary)\">secondari",{"_index":3915,"t":{"630":{"position":[[2173,43],[3616,43],[5155,43],[6745,43],[10425,43]]}}}],["showmessage(toasttype.success)\">success",{"_index":3916,"t":{"630":{"position":[[2284,39],[3727,39],[5266,39],[6856,39],[10536,39]]}}}],["showmessage(toasttype.warning)\">warn",{"_index":3918,"t":{"630":{"position":[[2495,39],[3938,39],[5477,39],[7067,39],[10747,39]]}}}],["showmod",{"_index":4058,"t":{"648":{"position":[[4308,11],[4741,11]]}}}],["showmodal(modals",{"_index":4056,"t":{"648":{"position":[[3892,19]]}}}],["showmodal(modalsize.extralarge)\">show",{"_index":4054,"t":{"648":{"position":[[3740,37]]}}}],["showmodal(modalsize.large)\">show",{"_index":4053,"t":{"648":{"position":[[3635,32]]}}}],["showmodal(modalsize.regular)\">show",{"_index":4050,"t":{"648":{"position":[[3417,34]]}}}],["showmodal(modalsize.small)\">show",{"_index":4052,"t":{"648":{"position":[[3529,32]]}}}],["showmodal(modaltyp",{"_index":4048,"t":{"648":{"position":[[1933,19],[3116,19]]}}}],["showmodal(modaltype.danger)\">show",{"_index":4043,"t":{"648":{"position":[[1373,33],[2556,33]]}}}],["showmodal(modaltype.dark)\">show",{"_index":4047,"t":{"648":{"position":[[1793,31],[2976,31]]}}}],["showmodal(modaltype.info)\">show",{"_index":4045,"t":{"648":{"position":[[1588,31],[2771,31]]}}}],["showmodal(modaltype.light)\">show",{"_index":4046,"t":{"648":{"position":[[1690,32],[2873,32]]}}}],["showmodal(modaltype.primary)\">show",{"_index":4040,"t":{"648":{"position":[[1038,34],[2221,34]]}}}],["showmodal(modaltype.secondary)\">show",{"_index":4041,"t":{"648":{"position":[[1150,36],[2333,36]]}}}],["showmodal(modaltype.success)\">show",{"_index":4042,"t":{"648":{"position":[[1264,34],[2447,34]]}}}],["showmodal(modaltype.warning)\">show",{"_index":4044,"t":{"648":{"position":[[1481,34],[2664,34]]}}}],["shown",{"_index":220,"t":{"12":{"position":[[318,5],[462,5]]},"562":{"position":[[2454,5],[4099,5],[4318,5],[6308,5],[8110,5],[9940,5],[12120,5],[18437,5],[20822,5]]},"570":{"position":[[5214,5]]},"572":{"position":[[681,5],[3109,5]]},"576":{"position":[[1479,5],[2630,6],[2763,5],[2839,5],[21082,8]]},"578":{"position":[[2757,6]]},"584":{"position":[[1027,5],[1267,5],[2386,5]]},"586":{"position":[[3054,5],[3162,5],[3298,6],[3369,6]]},"600":{"position":[[1194,5],[1302,5],[1438,6],[1509,6],[9466,5]]},"630":{"position":[[11509,5],[11811,5]]},"648":{"position":[[5010,5],[5193,5]]}}}],["showoffcanvasasync",{"_index":1784,"t":{"576":{"position":[[2924,21],[3104,20]]}}}],["showproductsaccordionitemasync",{"_index":1299,"t":{"562":{"position":[[17051,32]]}}}],["showproductstabasync",{"_index":2748,"t":{"600":{"position":[[11110,22]]}}}],["showrecenttab",{"_index":2250,"t":{"586":{"position":[[2639,15]]},"600":{"position":[[853,15]]}}}],["showsaveconfirmationasync",{"_index":1728,"t":{"574":{"position":[[4268,27]]}}}],["showsavingdataasync",{"_index":2213,"t":{"584":{"position":[[2028,21]]}}}],["showsecondaccordionitemasync",{"_index":1295,"t":{"562":{"position":[[16844,30]]}}}],["showsecondtabasync",{"_index":2744,"t":{"600":{"position":[[10955,20]]}}}],["showspinnerasync(spinnercolor",{"_index":2224,"t":{"584":{"position":[[3515,29]]}}}],["showspinnerasync(spinnercolor.danger)\">dang",{"_index":2219,"t":{"584":{"position":[[2870,45]]}}}],["showspinnerasync(spinnercolor.dark)\">dark",{"_index":2223,"t":{"584":{"position":[[3366,41]]}}}],["showspinnerasync(spinnercolor.info)\">info",{"_index":2221,"t":{"584":{"position":[[3123,41]]}}}],["showspinnerasync(spinnercolor.light)\">light",{"_index":2222,"t":{"584":{"position":[[3244,43]]}}}],["showspinnerasync(spinnercolor.primary)\">primari",{"_index":2215,"t":{"584":{"position":[[2478,47]]}}}],["showspinnerasync(spinnercolor.secondary)\">secondari",{"_index":2217,"t":{"584":{"position":[[2609,51]]}}}],["showspinnerasync(spinnercolor.success)\">success",{"_index":2218,"t":{"584":{"position":[[2742,47]]}}}],["showspinnerasync(spinnercolor.warning)\">warn",{"_index":2220,"t":{"584":{"position":[[2997,47]]}}}],["showtab",{"_index":2712,"t":{"600":{"position":[[490,8]]}}}],["showtabbyindexasync",{"_index":558,"t":{"86":{"position":[[455,19]]},"600":{"position":[[9418,20]]}}}],["showtabbyindexasync(int",{"_index":2251,"t":{"586":{"position":[[2691,23]]},"600":{"position":[[905,23]]}}}],["showtabbynameasync",{"_index":2732,"t":{"600":{"position":[[9443,19]]}}}],["showtabbynameasync(str",{"_index":2252,"t":{"586":{"position":[[2786,25]]},"600":{"position":[[1000,25]]}}}],["showthirdaccordionitemasync",{"_index":1297,"t":{"562":{"position":[[16948,29]]}}}],["showthirdtabasync",{"_index":2746,"t":{"600":{"position":[[11033,19]]}}}],["showverticalbarchartasync",{"_index":3047,"t":{"604":{"position":[[7812,27]]}}}],["showverticalbarchartasync()\">vert",{"_index":3034,"t":{"604":{"position":[[5421,37]]}}}],["showverticallinechartasync",{"_index":2917,"t":{"602":{"position":[[7465,30],[9658,28]]}}}],["side",{"_index":275,"t":{"30":{"position":[[228,4],[255,4]]},"32":{"position":[[261,4],[277,5]]},"602":{"position":[[2340,5]]},"604":{"position":[[223,4],[231,5],[2456,5]]},"606":{"position":[[2204,5]]},"608":{"position":[[2039,5]]},"612":{"position":[[199,4],[215,4],[2135,4],[2718,4],[3722,4],[4589,4],[5593,4],[7214,4],[13527,4],[13544,4],[13584,4]]},"620":{"position":[[399,5],[2247,4]]},"654":{"position":[[16431,4]]},"660":{"position":[[146,4],[162,4],[6257,4],[7031,4],[9356,4],[11827,4],[14458,4],[16849,4],[28515,4],[28567,4],[50681,4],[52230,4],[61568,4],[64963,4],[68046,4],[71423,4],[74561,4],[77536,4],[80833,4],[83924,4],[86690,4],[91919,4],[100149,4],[102340,4],[104778,4],[108769,4],[112649,4],[126161,4],[128896,4],[131537,4],[133446,4],[133468,4],[133514,4],[133533,4],[133553,4],[133676,4]]}}}],["sidebar",{"_index":21,"t":{"2":{"position":[[171,8],[326,7]]},"58":{"position":[[119,7],[155,7],[189,7],[252,7],[348,7],[406,7]]},"98":{"position":[[587,7],[943,7]]},"104":{"position":[[177,8],[462,7],[480,7],[985,7]]},"106":{"position":[[346,7],[364,8]]},"126":{"position":[[459,8],[659,7]]},"128":{"position":[[171,8],[680,7],[1667,7]]},"132":{"position":[[1625,7],[1661,7],[1715,7]]},"146":{"position":[[609,8],[809,7]]},"148":{"position":[[217,8],[372,7]]},"158":{"position":[[215,8],[370,7]]},"212":{"position":[[221,8],[421,7]]},"220":{"position":[[1421,7],[1457,7],[1511,7]]},"222":{"position":[[232,8],[432,7]]},"230":{"position":[[224,8],[379,7]]},"234":{"position":[[230,8],[430,7]]},"236":{"position":[[1430,7],[1466,7],[1520,7]]},"250":{"position":[[226,8],[426,7]]},"258":{"position":[[234,8],[434,7]]},"272":{"position":[[225,8],[425,7]]},"288":{"position":[[227,8],[427,7],[601,7],[637,7],[691,7]]},"304":{"position":[[227,8],[427,7]]},"306":{"position":[[218,8],[373,7]]},"308":{"position":[[2545,8],[2745,7]]},"316":{"position":[[224,8],[424,7]]},"328":{"position":[[215,8],[370,7]]},"330":{"position":[[214,8],[369,7]]},"334":{"position":[[220,8],[420,7]]},"346":{"position":[[798,8],[998,7]]},"358":{"position":[[216,8],[371,7]]},"360":{"position":[[1441,8],[1641,7]]},"364":{"position":[[213,8],[368,7]]},"376":{"position":[[165,7],[201,7],[255,7]]},"378":{"position":[[163,7],[199,7],[253,7]]},"380":{"position":[[226,8],[426,7]]},"384":{"position":[[214,8],[369,7],[1131,8],[1331,7]]},"386":{"position":[[167,7],[203,7],[257,7]]},"406":{"position":[[214,8],[369,7]]},"410":{"position":[[20,9],[215,8],[370,7],[574,8],[774,7],[948,7],[984,7],[1038,7]]},"412":{"position":[[216,8],[371,7]]},"420":{"position":[[212,8],[367,7]]},"436":{"position":[[535,8],[735,7]]},"484":{"position":[[222,8],[422,7]]},"504":{"position":[[163,7],[199,7],[253,7]]},"554":{"position":[[215,8],[370,7]]},"576":{"position":[[64,8],[2428,7]]},"588":{"position":[[1660,7]]},"592":{"position":[[40,7],[774,7],[818,8],[2813,8],[4912,8],[6246,8],[6351,8],[7865,8],[10859,8],[13857,8],[15260,7],[15382,7]]},"594":{"position":[[40,7]]},"624":{"position":[[7531,8],[8032,7],[8040,7]]},"626":{"position":[[7007,8],[7508,7],[7516,7]]},"634":{"position":[[6471,8],[6829,7],[6837,8]]},"636":{"position":[[7562,8],[7920,7],[7928,8]]},"640":{"position":[[629,8],[1006,7],[1014,7]]},"642":{"position":[[6591,8],[7092,7],[7100,7]]},"644":{"position":[[6430,8],[6931,7],[6939,7]]},"646":{"position":[[634,8],[1011,7],[1019,7]]},"652":{"position":[[6496,8],[6854,7],[6862,8]]},"656":{"position":[[11,7],[39,7],[72,7],[650,7],[709,7],[799,7],[841,8],[1614,8],[2458,11],[2517,11],[2715,8],[3809,11],[3868,10],[4547,8],[5703,11],[5762,10],[6424,8],[6529,8],[6560,8],[7962,11],[8021,10],[8673,7],[8743,7],[8797,8],[9254,7],[9262,7],[10315,11],[10374,10],[11251,8],[11727,7],[11735,7],[12788,11],[12847,10],[13686,8],[14157,7],[14165,7],[15218,11],[15277,10],[16077,8],[17609,11],[17668,10],[18380,8],[18418,7],[18520,8],[18963,7],[20092,11],[20151,10],[20903,7],[20930,7],[20966,7],[21021,7],[21078,7],[21131,7],[21174,7],[21214,7],[21252,7],[21291,7],[21346,7],[21429,7],[21481,7],[21545,7],[21598,7],[21649,7],[21701,7],[21750,7],[21801,7],[21851,7],[21902,7],[21957,7],[22009,7],[22064,7],[22239,8],[23361,11],[23420,10],[24217,7],[24232,7],[24323,7]]}}}],["sidebar.togglesidebar",{"_index":4198,"t":{"656":{"position":[[11034,24],[13507,24],[15937,24],[18328,24]]}}}],["sidebar2",{"_index":22,"t":{"2":{"position":[[180,8],[334,8],[1040,8],[1211,8]]},"118":{"position":[[116,8],[173,8],[583,8]]},"128":{"position":[[180,8],[720,8],[1675,8]]},"148":{"position":[[226,8],[380,8]]},"150":{"position":[[162,8],[333,8]]},"158":{"position":[[224,8],[378,8],[1084,8],[1255,8]]},"230":{"position":[[233,8],[387,8],[1093,8],[1264,8]]},"306":{"position":[[227,8],[381,8],[1087,8],[1258,8]]},"308":{"position":[[457,8],[628,8]]},"328":{"position":[[224,8],[378,8],[513,8],[684,8]]},"330":{"position":[[223,8],[377,8]]},"350":{"position":[[166,8],[337,8]]},"358":{"position":[[225,8],[379,8]]},"364":{"position":[[222,8],[376,8],[789,8],[960,8]]},"384":{"position":[[223,8],[377,8]]},"390":{"position":[[164,8],[335,8]]},"394":{"position":[[455,8],[626,8]]},"404":{"position":[[163,8],[334,8]]},"406":{"position":[[223,8],[377,8]]},"410":{"position":[[224,8],[378,8]]},"412":{"position":[[20,10],[225,8],[379,8],[514,8],[685,8]]},"420":{"position":[[221,8],[375,8]]},"436":{"position":[[160,8],[331,8]]},"546":{"position":[[160,8],[331,8]]},"554":{"position":[[224,8],[378,8]]},"592":{"position":[[11,8],[73,8],[1638,9],[2874,12],[2982,10],[3737,9],[5180,12],[6382,9],[8133,12],[9381,9],[11127,12],[12336,9],[14125,12]]},"596":{"position":[[13870,8]]},"656":{"position":[[24092,8]]}}}],["sidebar2/how",{"_index":2461,"t":{"592":{"position":[[4973,14],[7926,14],[10920,14],[13918,14]]}}}],["sidebar22",{"_index":877,"t":{"142":{"position":[[1665,9]]}}}],["sidebar2dataprovider(sidebar2dataproviderrequest",{"_index":2435,"t":{"592":{"position":[[1861,48],[3960,48],[6851,48],[9845,48],[12843,48]]}}}],["sidebar2dataproviderdeleg",{"_index":2418,"t":{"592":{"position":[[409,29]]}}}],["sidebar3",{"_index":876,"t":{"142":{"position":[[1656,8]]}}}],["sidebardataprovider(sidebardataproviderrequest",{"_index":3814,"t":{"624":{"position":[[8156,46]]},"626":{"position":[[7632,46]]},"634":{"position":[[6923,46]]},"636":{"position":[[8014,46]]},"640":{"position":[[1130,46]]},"642":{"position":[[7216,46]]},"644":{"position":[[7055,46]]},"646":{"position":[[1135,46]]},"652":{"position":[[6948,46]]},"656":{"position":[[1814,46],[2915,46],[4747,46],[7006,46],[9359,46],[11832,46],[14262,46],[16653,46],[19136,46],[22439,46]]}}}],["sidebardataproviderdeleg",{"_index":4195,"t":{"656":{"position":[[417,27]]}}}],["sidebaritem",{"_index":606,"t":{"98":{"position":[[605,11]]}}}],["sidemod",{"_index":370,"t":{"46":{"position":[[639,9]]},"140":{"position":[[227,9]]},"160":{"position":[[1274,9]]},"166":{"position":[[691,9]]},"168":{"position":[[683,9]]},"186":{"position":[[281,9]]},"194":{"position":[[684,9]]},"200":{"position":[[29,10],[281,9]]},"202":{"position":[[684,9]]},"220":{"position":[[3080,9]]},"236":{"position":[[3089,9]]},"650":{"position":[[271,9]]}}}],["sidemodal1",{"_index":787,"t":{"142":{"position":[[487,10]]}}}],["sign",{"_index":3639,"t":{"622":{"position":[[503,5],[5467,5],[5579,5],[17758,4]]}}}],["signific",{"_index":283,"t":{"32":{"position":[[112,11]]},"140":{"position":[[2292,11]]},"238":{"position":[[2032,11]]},"370":{"position":[[2755,11]]},"462":{"position":[[156,11]]}}}],["similar",{"_index":1782,"t":{"576":{"position":[[2559,7],[2718,7]]},"586":{"position":[[3620,7]]},"606":{"position":[[196,7]]}}}],["similarli",{"_index":1033,"t":{"556":{"position":[[2193,10]]}}}],["simmon",{"_index":4450,"t":{"660":{"position":[[27889,10],[45918,10]]}}}],["simpl",{"_index":989,"t":{"556":{"position":[[989,6],[1074,6],[1159,6],[1241,6],[1323,6],[1403,6],[1481,6],[1559,6],[2493,6],[2638,6],[2783,6]]},"574":{"position":[[4512,7],[5598,7],[7402,7]]},"630":{"position":[[3290,6],[4585,6]]}}}],["simultan",{"_index":1314,"t":{"562":{"position":[[18102,14]]}}}],["singl",{"_index":519,"t":{"80":{"position":[[206,6]]},"84":{"position":[[237,6]]},"100":{"position":[[240,6]]},"570":{"position":[[10639,7]]},"630":{"position":[[1842,6]]},"654":{"position":[[3666,6],[25774,6]]},"660":{"position":[[73290,7]]}}}],["sink",{"_index":1567,"t":{"570":{"position":[[5112,5],[13664,4]]}}}],["sit",{"_index":1827,"t":{"576":{"position":[[7616,3],[7695,3],[7933,3],[8707,3],[8869,3],[10257,3],[10321,3],[10474,3],[11857,3],[11936,3],[12174,3],[12948,3],[13110,3],[14498,3],[14562,3],[14715,3],[15998,3],[16077,3],[16315,3],[17089,3],[17251,3],[18639,3],[18703,3],[18856,3]]}}}],["site",{"_index":351,"t":{"42":{"position":[[511,4]]},"46":{"position":[[248,4]]},"48":{"position":[[247,4]]},"50":{"position":[[226,4]]},"52":{"position":[[396,4]]},"54":{"position":[[337,4]]},"56":{"position":[[489,4]]},"58":{"position":[[213,4]]},"578":{"position":[[103,4]]},"648":{"position":[[122,4]]}}}],["sixth",{"_index":1276,"t":{"562":{"position":[[14871,5]]}}}],["size",{"_index":331,"t":{"40":{"position":[[234,5]]},"80":{"position":[[317,4],[327,4]]},"98":{"position":[[310,4]]},"100":{"position":[[283,6],[534,6]]},"106":{"position":[[302,6]]},"108":{"position":[[390,4]]},"128":{"position":[[973,4],[1206,4]]},"560":{"position":[[735,4],[795,6]]},"568":{"position":[[148,6],[987,4],[992,4],[1037,5],[3331,6],[3429,6],[3797,4],[9828,5]]},"570":{"position":[[2105,4],[2169,5],[2541,4],[2601,5],[6316,7],[13687,6]]},"574":{"position":[[1343,4],[1377,4],[4710,6],[4752,6],[4765,5],[4889,4],[4927,4],[4971,4],[5484,5],[5533,4],[5540,4],[9073,5]]},"576":{"position":[[1010,4],[1078,5],[11618,6],[11633,4],[11664,4],[21550,5]]},"578":{"position":[[1518,4],[1574,5],[11569,6],[11603,6],[11616,5],[15534,5]]},"580":{"position":[[630,4],[701,5],[2137,7],[2149,4],[2248,4],[3627,6]]},"582":{"position":[[1272,4],[1340,5],[2423,7],[2545,6],[3500,6]]},"586":{"position":[[1786,4]]},"594":{"position":[[292,4],[345,4],[3308,5],[4843,4]]},"598":{"position":[[687,4],[737,5],[1039,6],[1271,4],[2813,4],[4421,5]]},"602":{"position":[[3621,4]]},"612":{"position":[[719,4],[796,5]]},"648":{"position":[[789,4],[827,5],[3359,5],[4024,4],[5924,4]]},"654":{"position":[[862,4],[915,4],[8835,7],[18304,6],[25807,6]]},"660":{"position":[[2127,5],[2217,4],[2301,4],[6935,4],[12021,4],[50401,5],[82705,5],[83399,4],[83515,4],[83632,4],[85714,5],[85734,5],[85761,4],[134125,4],[134135,4]]}}}],["size'",{"_index":755,"t":{"128":{"position":[[933,6],[1166,6]]}}}],["size=\"iconsize.x1",{"_index":2675,"t":{"598":{"position":[[1494,18]]}}}],["size=\"iconsize.x2",{"_index":2666,"t":{"598":{"position":[[1074,18],[1566,18],[1915,18],[2008,18],[2089,18],[2163,18],[2255,18],[2340,18],[2428,18],[2502,18],[2578,18],[2660,18],[2742,18]]}}}],["size=\"iconsize.x3",{"_index":2667,"t":{"598":{"position":[[1124,18],[1638,18]]}}}],["size=\"iconsize.x4",{"_index":2668,"t":{"598":{"position":[[1174,18],[1710,18]]}}}],["size=\"iconsize.x5",{"_index":2669,"t":{"598":{"position":[[1224,18],[1782,18]]}}}],["size=\"iconsize.x6",{"_index":2676,"t":{"598":{"position":[[1854,18]]}}}],["size=\"modalsize.extralarg",{"_index":2056,"t":{"578":{"position":[[11755,28]]}}}],["size=\"modalsize.larg",{"_index":2059,"t":{"578":{"position":[[11868,23]]}}}],["size=\"modalsize.smal",{"_index":2062,"t":{"578":{"position":[[11976,23]]}}}],["size=\"offcanvassize.larg",{"_index":1973,"t":{"576":{"position":[[15934,27]]}}}],["size=\"offcanvassize.smal",{"_index":1972,"t":{"576":{"position":[[11793,27]]}}}],["size=\"paginationsize.larg",{"_index":2182,"t":{"582":{"position":[[2502,27],[2730,27]]}}}],["size=\"paginationsize.smal",{"_index":2181,"t":{"582":{"position":[[2471,27],[2600,27]]}}}],["size=\"placeholdersize.extrasmal",{"_index":2134,"t":{"580":{"position":[[2519,33],[3035,33],[3414,33]]}}}],["size=\"placeholdersize.larg",{"_index":2132,"t":{"580":{"position":[[2367,28],[2883,28],[3262,28]]}}}],["size=\"placeholdersize.smal",{"_index":2133,"t":{"580":{"position":[[2443,28],[2959,28],[3338,28]]}}}],["size=\"size.extrasmal",{"_index":2785,"t":{"600":{"position":[[13910,22],[14940,22],[15383,22]]}}}],["size=\"size.larg",{"_index":1426,"t":{"568":{"position":[[3375,17],[3476,18],[3556,18],[4167,17],[4263,17],[4389,17],[4508,17]]},"654":{"position":[[8885,18],[9021,17],[9282,17]]}}}],["size=\"size.smal",{"_index":1427,"t":{"568":{"position":[[3396,17],[3643,18],[3723,18]]},"590":{"position":[[2503,17],[2638,17],[2773,17],[4755,17],[4899,17],[5043,17],[5189,17],[5335,17],[5484,17],[5630,17]]},"594":{"position":[[4372,17],[4481,17]]},"602":{"position":[[6809,17],[6955,17],[7104,17],[7247,17],[7419,17]]},"604":{"position":[[4771,17],[4917,17],[5066,17],[5207,17],[5375,17]]},"606":{"position":[[4150,17],[4296,17],[4445,17],[11387,17],[11533,17]]},"608":{"position":[[3858,17],[4004,17],[4153,17],[7801,17],[7947,17],[11756,17],[11888,17],[12024,17],[12162,17]]},"654":{"position":[[9774,18],[10153,17],[15460,17],[15555,17]]},"656":{"position":[[18907,17]]}}}],["size=\"spinnersize.extralarg",{"_index":2522,"t":{"594":{"position":[[3513,29],[3737,29],[4130,29]]}}}],["size=\"spinnersize.larg",{"_index":2521,"t":{"594":{"position":[[3450,24],[3676,24],[4028,24]]}}}],["size=\"spinnersize.smal",{"_index":2520,"t":{"594":{"position":[[3349,24],[3579,24],[3845,24]]}}}],["slide",{"_index":2014,"t":{"578":{"position":[[3516,5]]}}}],["sm",{"_index":1473,"t":{"568":{"position":[[7224,3]]},"570":{"position":[[6541,2],[6836,2],[10813,2]]},"578":{"position":[[12611,3]]},"612":{"position":[[2189,2],[4016,2],[5647,2],[6616,2],[10609,2],[12147,2]]}}}],["sm</button",{"_index":2084,"t":{"578":{"position":[[13432,11]]}}}],["small",{"_index":1105,"t":{"560":{"position":[[90,5]]},"568":{"position":[[3662,5],[3742,5]]},"570":{"position":[[12430,6],[12778,6],[13221,6]]},"574":{"position":[[4883,5],[5102,5]]},"576":{"position":[[11724,5],[15710,5]]},"648":{"position":[[3562,5]]}}}],["smaller",{"_index":1425,"t":{"568":{"position":[[3354,7]]},"582":{"position":[[2447,7]]},"622":{"position":[[1322,7]]}}}],["smallest",{"_index":727,"t":{"112":{"position":[[460,8]]}}}],["smmodal",{"_index":2068,"t":{"578":{"position":[[12401,8],[13905,8]]}}}],["smmodal?.showasync()\">ful",{"_index":2083,"t":{"578":{"position":[[13392,26]]}}}],["smmodal?.showasync()\">smal",{"_index":2065,"t":{"578":{"position":[[12290,27]]}}}],["sobi",{"_index":3216,"t":{"612":{"position":[[3022,7],[4893,7],[7518,7]]}}}],["sodal",{"_index":1846,"t":{"576":{"position":[[7802,7],[9017,7],[9549,7],[12043,7],[13258,7],[13790,7],[16184,7],[17399,7],[17931,7]]}}}],["softwar",{"_index":120,"t":{"2":{"position":[[2490,8]]},"124":{"position":[[978,8]]}}}],["solid",{"_index":2673,"t":{"598":{"position":[[1469,5],[1541,5],[1613,5],[1685,5],[1757,5],[1829,5],[3977,5],[4111,5]]},"612":{"position":[[8268,5],[8309,5]]},"614":{"position":[[7205,5],[7246,5],[9802,5],[9843,5]]},"618":{"position":[[8025,5],[8066,5]]},"622":{"position":[[11261,5],[11302,5]]},"628":{"position":[[5322,5],[5363,5],[9342,5],[9383,5]]},"654":{"position":[[18930,5],[18971,5]]}}}],["someth",{"_index":1668,"t":{"574":{"position":[[148,10],[8831,9],[8856,9]]},"580":{"position":[[140,9],[2698,9]]}}}],["sometim",{"_index":3015,"t":{"604":{"position":[[155,9]]}}}],["somewhere</button",{"_index":1546,"t":{"570":{"position":[[3062,18],[4295,18],[4659,18],[6258,18],[6774,18],[7069,18],[7539,18],[7871,18],[8200,18]]}}}],["soon",{"_index":1778,"t":{"576":{"position":[[1815,4]]},"578":{"position":[[2119,4]]}}}],["sort",{"_index":293,"t":{"32":{"position":[[378,7],[410,7]]},"40":{"position":[[434,7]]},"96":{"position":[[240,7]]},"140":{"position":[[1173,7]]},"170":{"position":[[751,7]]},"174":{"position":[[263,7]]},"176":{"position":[[260,7]]},"178":{"position":[[34,8],[261,7]]},"238":{"position":[[913,7]]},"276":{"position":[[751,7]]},"476":{"position":[[248,7]]},"596":{"position":[[527,7],[10322,8],[10352,7],[10434,7],[10937,6],[12614,7],[13984,7]]},"660":{"position":[[176,8],[555,8],[5582,4],[5751,7],[5785,7],[5936,4],[6099,8],[6161,4],[6219,8],[6262,8],[14463,8],[14476,8],[16877,8],[28542,8],[28572,8],[30379,7],[30790,8],[30860,8],[30941,4],[30997,7],[31198,7],[33516,8],[33586,8],[33603,7],[50448,7],[52246,8],[61584,8],[64979,8],[68062,8],[70007,7],[71439,8],[74577,8],[77552,8],[80849,8],[83940,8],[86706,8],[91935,8],[100165,8],[102356,8],[104794,8],[108785,8],[112665,8],[116206,7],[118830,7],[121491,7],[124267,7],[126177,8],[128912,8],[131553,8],[133538,7],[133581,7],[133703,7],[133723,7],[133755,7]]}}}],["sortabl",{"_index":590,"t":{"96":{"position":[[279,8]]},"592":{"position":[[15273,8]]},"594":{"position":[[4693,8]]},"596":{"position":[[11,8],[45,8],[90,8],[1791,8],[1895,8],[11014,8],[11192,8],[12586,10],[14019,9]]},"660":{"position":[[5710,8]]}}}],["sortable.j",{"_index":3727,"t":{"624":{"position":[[2402,11],[5967,11]]},"626":{"position":[[2587,11]]},"632":{"position":[[2061,11]]},"634":{"position":[[2084,11],[4960,11]]},"636":{"position":[[2039,11],[5209,11]]},"638":{"position":[[2061,11]]},"642":{"position":[[2421,11],[5340,11]]},"644":{"position":[[2421,11],[5139,11]]},"652":{"position":[[2075,11],[5215,11]]}}}],["sortable=\"fals",{"_index":4490,"t":{"660":{"position":[[33529,16],[34103,17],[70865,17]]}}}],["sortablej",{"_index":2528,"t":{"596":{"position":[[131,11],[246,10]]}}}],["sortablelist",{"_index":50,"t":{"2":{"position":[[758,12],[896,12]]},"120":{"position":[[127,12],[206,12],[499,12]]},"158":{"position":[[802,12],[940,12]]},"230":{"position":[[811,12],[949,12]]},"306":{"position":[[805,12],[943,12]]},"308":{"position":[[175,12],[313,12]]},"346":{"position":[[455,12],[593,12]]},"394":{"position":[[173,12],[311,12]]},"406":{"position":[[523,12],[661,12]]},"414":{"position":[[21,14],[177,12],[315,12]]},"418":{"position":[[168,12],[306,12]]},"552":{"position":[[171,12],[309,12]]},"596":{"position":[[210,12],[1674,12],[2315,13],[2454,15],[3199,13],[3418,15],[3459,13],[3678,15],[5316,13],[5534,15],[5575,13],[5793,15],[5834,13],[6052,15],[8387,13],[8624,15],[8665,13],[8902,15],[10442,13],[10565,15],[10975,13],[11308,15],[11892,13],[12121,15],[12711,13],[12885,15],[13620,13],[13722,15]]},"624":{"position":[[2427,12],[5992,12]]},"626":{"position":[[2612,12]]},"632":{"position":[[2086,12]]},"634":{"position":[[2109,12],[4985,12]]},"636":{"position":[[2064,12],[5234,12]]},"638":{"position":[[2086,12]]},"642":{"position":[[2446,12],[5365,12]]},"644":{"position":[[2446,12],[5164,12]]},"652":{"position":[[2100,12],[5240,12]]}}}],["sortablelist1",{"_index":878,"t":{"142":{"position":[[1675,13]]}}}],["sortablelistpullmod",{"_index":2547,"t":{"596":{"position":[[1709,20]]}}}],["sortablelistpullmode.tru",{"_index":2548,"t":{"596":{"position":[[1730,25]]}}}],["sortablelistputmod",{"_index":2551,"t":{"596":{"position":[[1816,19]]}}}],["sortablelistputmode.tru",{"_index":2552,"t":{"596":{"position":[[1836,24]]}}}],["sortdirect",{"_index":4313,"t":{"660":{"position":[[5864,13],[5878,13],[30247,13],[30261,13],[30463,13],[30625,15],[116074,13],[116088,13],[116304,13],[116491,14],[118698,13],[118712,13],[118928,13],[119115,14],[121359,13],[121373,13],[121589,13],[121776,14],[124135,13],[124149,13],[124365,13],[124552,14]]}}}],["sortdirection.ascend",{"_index":4315,"t":{"660":{"position":[[5968,23]]}}}],["sortdirection.descend",{"_index":4316,"t":{"660":{"position":[[5995,24]]}}}],["sortdirection.non",{"_index":4314,"t":{"660":{"position":[[5892,18],[30277,19],[116104,19],[118728,19],[121389,19],[124165,19]]}}}],["sortdirection=\"sortdirection.descend",{"_index":4486,"t":{"660":{"position":[[31022,40],[31584,41]]}}}],["sorting1",{"_index":781,"t":{"142":{"position":[[291,8]]}}}],["sortkeyselector",{"_index":4317,"t":{"660":{"position":[[6026,15],[14502,15],[14589,15],[28643,15],[33633,15]]}}}],["sortkeyselector=\"@(item",{"_index":4489,"t":{"660":{"position":[[31397,23],[31518,23],[31709,23],[31838,23],[31954,23],[33859,23],[33980,23],[34203,23],[34319,23]]}}}],["sortkeyselector=\"item",{"_index":4399,"t":{"660":{"position":[[14830,21],[14948,21],[15068,21],[15194,21],[15307,21],[17159,21],[17297,21],[17444,21],[17589,21],[17726,21],[28957,21],[29119,21],[29292,21],[29471,21],[29641,21],[29792,21],[29950,21],[51149,21],[51357,21],[51504,21],[51649,21],[51786,21],[60682,21],[60820,21],[60967,21],[61112,21],[61249,21],[64009,21],[64147,21],[64294,21],[64439,21],[64576,21],[67139,21],[67297,21],[67444,21],[67589,21],[67726,21],[70299,21],[70437,21],[70584,21],[70729,21],[88720,21],[88838,21],[88958,21],[89084,21],[89197,21],[89522,21],[89640,21],[89760,21],[89886,21],[89999,21],[90310,21],[90428,21],[90548,21],[90674,21],[90787,21],[91112,21],[91230,21],[91350,21],[91476,21],[91589,21],[93316,21],[93454,21],[93601,21],[93746,21],[93883,21],[94307,21],[94445,21],[94592,21],[94737,21],[94874,21],[95296,21],[95434,21],[95581,21],[95726,21],[95863,21],[96287,21],[96425,21],[96572,21],[96717,21],[96854,21],[97272,21],[97410,21],[97557,21],[97702,21],[97839,21],[98257,21],[98395,21],[98542,21],[98687,21],[98824,21],[99252,21],[99390,21],[99537,21],[99682,21],[99819,21],[101472,21],[101590,21],[101710,21],[101836,21],[101949,21],[103910,21],[104028,21],[104148,21],[104274,21],[104387,21],[106763,21],[106901,21],[107048,21],[107193,21],[107330,21],[114479,21],[114763,21],[114957,21],[115138,21],[115325,21],[115523,21],[115741,21],[117008,21],[117333,21],[117527,21],[117708,21],[117895,21],[118093,21],[118365,21],[119669,21],[119994,21],[120188,21],[120369,21],[120556,21],[120754,21],[121026,21],[122364,21],[122690,21],[122884,21],[123065,21],[123252,21],[123530,21],[123802,21],[125264,21],[125402,21],[125549,21],[125694,21],[125831,21]]}}}],["sortstr",{"_index":4320,"t":{"660":{"position":[[6114,10],[28593,10],[30230,10],[30419,10],[30613,11],[116057,10],[116246,10],[116479,11],[118681,10],[118870,10],[119103,11],[121342,10],[121531,10],[121764,11],[124118,10],[124307,10],[124540,11]]}}}],["sortstring=\"address",{"_index":4682,"t":{"660":{"position":[[115304,20],[117874,20],[120535,20],[123231,20]]}}}],["sortstring=\"countri",{"_index":4695,"t":{"660":{"position":[[115720,20],[118344,20],[121005,20],[123781,20]]}}}],["sortstring=\"customerid",{"_index":4663,"t":{"660":{"position":[[114455,23],[116984,23],[119645,23],[122340,23]]}}}],["sortstring=\"customernam",{"_index":4668,"t":{"660":{"position":[[114737,25],[117307,25],[119968,25],[122664,25]]}}}],["sortstring=\"design",{"_index":4462,"t":{"660":{"position":[[29446,24]]}}}],["sortstring=\"doj",{"_index":4466,"t":{"660":{"position":[[29775,16]]}}}],["sortstring=\"email",{"_index":4677,"t":{"660":{"position":[[115119,18],[117689,18],[120350,18],[123046,18]]}}}],["sortstring=\"firstnam",{"_index":4458,"t":{"660":{"position":[[29096,22]]}}}],["sortstring=\"id",{"_index":4457,"t":{"660":{"position":[[28941,15]]}}}],["sortstring=\"isact",{"_index":4467,"t":{"660":{"position":[[29928,21]]}}}],["sortstring=\"lastnam",{"_index":4460,"t":{"660":{"position":[[29270,21]]}}}],["sortstring=\"phon",{"_index":4673,"t":{"660":{"position":[[114938,18],[117508,18],[120169,18],[122865,18]]}}}],["sortstring=\"postalzip",{"_index":4689,"t":{"660":{"position":[[115500,22],[118070,22],[120731,22],[123507,22]]}}}],["sortstring=\"salari",{"_index":4463,"t":{"660":{"position":[[29621,19]]}}}],["sourc",{"_index":119,"t":{"2":{"position":[[2483,6]]},"42":{"position":[[574,6]]},"124":{"position":[[971,6]]},"586":{"position":[[1911,6]]},"588":{"position":[[325,6],[1116,6]]},"612":{"position":[[168,7]]},"660":{"position":[[115,7]]}}}],["source=\"//cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.j",{"_index":2347,"t":{"588":{"position":[[866,63]]}}}],["source=\"//cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min1.j",{"_index":2354,"t":{"588":{"position":[[1343,66]]}}}],["space",{"_index":668,"t":{"106":{"position":[[387,5]]},"556":{"position":[[1959,7]]},"568":{"position":[[5692,8]]},"654":{"position":[[18246,7],[18806,5]]}}}],["span",{"_index":1470,"t":{"568":{"position":[[7185,5]]},"602":{"position":[[4748,5]]},"614":{"position":[[7494,5],[7787,5],[10099,5],[10407,5],[10804,5]]},"618":{"position":[[4171,5],[4636,5],[4937,5],[6188,5],[8312,5],[9063,5],[11148,5]]},"622":{"position":[[8106,5],[9401,5],[11548,5],[12385,5],[16984,5]]},"628":{"position":[[5621,5],[5959,5],[6284,5],[6586,5],[6905,5],[9642,5],[10041,5]]},"654":{"position":[[19343,5],[19976,5]]}}}],["span>fahrenheit</span",{"_index":3519,"t":{"616":{"position":[[5777,23]]}}}],["spangap",{"_index":2881,"t":{"602":{"position":[[4539,8]]}}}],["special",{"_index":2512,"t":{"594":{"position":[[2062,7]]},"614":{"position":[[275,7]]},"628":{"position":[[279,7]]}}}],["specif",{"_index":289,"t":{"32":{"position":[[313,8],[394,8]]},"568":{"position":[[5640,8]]},"570":{"position":[[6340,8],[7230,8]]},"600":{"position":[[4911,8]]},"660":{"position":[[5764,8],[22021,8],[22105,8],[33500,8],[133616,8],[133739,8]]}}}],["specifi",{"_index":2149,"t":{"582":{"position":[[640,10],[837,10],[1034,10],[1255,10]]},"588":{"position":[[363,9],[1126,10]]},"596":{"position":[[966,9],[10843,9]]},"598":{"position":[[539,7]]},"602":{"position":[[4711,10]]},"616":{"position":[[799,9],[3622,7],[4197,9],[4281,9]]},"618":{"position":[[1724,7]]},"622":{"position":[[1411,9],[6004,7]]},"630":{"position":[[482,7]]}}}],["spin",{"_index":2508,"t":{"594":{"position":[[1458,5]]}}}],["spinner",{"_index":68,"t":{"2":{"position":[[1367,7],[1494,7]]},"46":{"position":[[707,7]]},"52":{"position":[[876,7]]},"116":{"position":[[129,7],[186,7],[533,7]]},"132":{"position":[[3026,7]]},"140":{"position":[[295,7]]},"158":{"position":[[1411,7],[1538,7]]},"160":{"position":[[1016,7],[1342,7]]},"166":{"position":[[433,7],[759,7]]},"168":{"position":[[425,7],[751,7]]},"186":{"position":[[349,7]]},"194":{"position":[[426,7],[752,7]]},"200":{"position":[[349,7]]},"202":{"position":[[28,8],[426,7],[752,7]]},"216":{"position":[[425,7]]},"220":{"position":[[2822,7],[3148,7]]},"230":{"position":[[1420,7],[1547,7]]},"236":{"position":[[2831,7],[3157,7]]},"306":{"position":[[1414,7],[1541,7]]},"308":{"position":[[784,7],[911,7]]},"328":{"position":[[840,7],[967,7]]},"330":{"position":[[525,7],[652,7]]},"338":{"position":[[176,7],[303,7]]},"422":{"position":[[21,9],[174,7],[301,7]]},"474":{"position":[[419,7]]},"548":{"position":[[173,7],[300,7]]},"568":{"position":[[643,7],[6790,8],[6803,8],[6928,7],[7211,7],[7338,7],[7375,8],[7774,7],[9922,7],[9948,7]]},"584":{"position":[[2216,7],[2250,7],[3850,7]]},"594":{"position":[[11,8],[126,7],[277,8],[357,8],[526,8],[584,7],[717,8],[741,8],[787,8],[1005,8],[1014,8],[1055,8],[1098,8],[1139,8],[1179,8],[1220,8],[1258,8],[1297,8],[1355,8],[1392,8],[1420,8],[1489,8],[1554,8],[1621,8],[1686,8],[1750,8],[1815,8],[1877,8],[1940,8],[2030,8],[2117,8],[2195,8],[2275,8],[2353,8],[2430,8],[2508,8],[2583,8],[2659,8],[2768,8],[2894,8],[3025,8],[3132,8],[3248,8],[3314,8],[3377,8],[3415,8],[3478,8],[3546,8],[3607,8],[3643,8],[3704,8],[3770,8],[3873,8],[3953,8],[4056,8],[4187,8],[4744,7],[4764,7],[4785,7]]},"596":{"position":[[13884,8]]},"600":{"position":[[16139,8]]},"618":{"position":[[4422,7]]},"650":{"position":[[339,7]]}}}],["spinner'",{"_index":2495,"t":{"594":{"position":[[833,9],[941,9]]}}}],["spinner1",{"_index":879,"t":{"142":{"position":[[1689,8]]}}}],["spinner2",{"_index":788,"t":{"142":{"position":[[505,8]]}}}],["spinner</button",{"_index":2216,"t":{"584":{"position":[[2526,16],[2661,16],[2790,16],[2916,16],[3045,16],[3165,16],[3288,16],[3408,16]]}}}],["spinnercolor",{"_index":2198,"t":{"584":{"position":[[715,12],[798,12],[2279,12],[3545,13]]},"594":{"position":[[216,12]]}}}],["spinnercolor.light",{"_index":2199,"t":{"584":{"position":[[730,19],[813,19]]}}}],["spinnercolor.non",{"_index":2489,"t":{"594":{"position":[[229,17]]}}}],["spinners",{"_index":2490,"t":{"594":{"position":[[297,11]]}}}],["spinnersize.medium",{"_index":2491,"t":{"594":{"position":[[309,18]]}}}],["spinnertyp",{"_index":2492,"t":{"594":{"position":[[466,11]]}}}],["spinnertype.bord",{"_index":2493,"t":{"594":{"position":[[478,18]]}}}],["split",{"_index":355,"t":{"42":{"position":[[590,5]]},"100":{"position":[[270,5]]},"654":{"position":[[944,5],[992,5],[6249,5],[9372,5],[10243,5],[11310,5],[25794,5]]}}}],["split=\"tru",{"_index":4103,"t":{"654":{"position":[[6305,13],[6725,13],[7151,13],[7571,13],[7982,13],[8402,13],[9300,13],[10171,13],[11237,13],[12894,13],[13958,13]]}}}],["src=\"/images/placeholder.png",{"_index":1558,"t":{"570":{"position":[[3947,29],[4718,29],[5370,29],[10886,29],[11262,29],[11589,29],[12159,29],[12556,29],[12904,29]]}}}],["src=\"_content/blazor.bootstrap/blazor.bootstrap.js\"></script",{"_index":3728,"t":{"624":{"position":[[2578,61],[6143,61]]},"626":{"position":[[2763,61],[5619,61]]},"632":{"position":[[2237,61]]},"634":{"position":[[2260,61],[5136,61]]},"636":{"position":[[2215,61],[5385,61]]},"638":{"position":[[2237,61]]},"642":{"position":[[2597,61],[5516,61]]},"644":{"position":[[2597,61],[5315,61]]},"652":{"position":[[2251,61],[5391,61]]}}}],["src=\"_framework/blazor.server.js\"></script",{"_index":3775,"t":{"624":{"position":[[4953,43]]},"626":{"position":[[5025,43]]}}}],["src=\"_framework/blazor.web.js\"></script",{"_index":3980,"t":{"634":{"position":[[3949,40]]},"636":{"position":[[4198,40]]}}}],["src=\"_framework/blazor.webassembly.js\"></script",{"_index":4019,"t":{"642":{"position":[[4740,48]]},"644":{"position":[[4539,48]]},"652":{"position":[[4196,48]]}}}],["src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.j",{"_index":3714,"t":{"624":{"position":[[1440,82],[5005,82]]},"626":{"position":[[1625,82],[5077,82]]},"632":{"position":[[1099,82]]},"634":{"position":[[1122,82],[3998,82]]},"636":{"position":[[1077,82],[4247,82]]},"638":{"position":[[1099,82]]},"642":{"position":[[1459,82],[4797,82]]},"644":{"position":[[1459,82],[4596,82]]},"652":{"position":[[1113,82],[4253,82]]}}}],["src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/sortable.min.js\"></script",{"_index":2533,"t":{"596":{"position":[[320,78]]},"624":{"position":[[2491,78],[6056,78]]},"626":{"position":[[2676,78]]},"632":{"position":[[2150,78]]},"634":{"position":[[2173,78],[5049,78]]},"636":{"position":[[2128,78],[5298,78]]},"638":{"position":[[2150,78]]},"642":{"position":[[2510,78],[5429,78]]},"644":{"position":[[2510,78],[5228,78]]},"652":{"position":[[2164,78],[5304,78]]}}}],["src=\"https://cdnjs.cloudflare.com/ajax/libs/chart.js/4.0.1/chart.umd.j",{"_index":3717,"t":{"624":{"position":[[1731,72],[5296,72]]},"626":{"position":[[1916,72],[5286,72]]},"632":{"position":[[1390,72]]},"634":{"position":[[1413,72],[4289,72]]},"636":{"position":[[1368,72],[4538,72]]},"638":{"position":[[1390,72]]},"642":{"position":[[1750,72],[5006,72]]},"644":{"position":[[1750,72],[4805,72]]},"652":{"position":[[1404,72],[4544,72]]}}}],["src=\"https://cdnjs.cloudflare.com/ajax/libs/chartj",{"_index":3724,"t":{"624":{"position":[[2112,51],[5677,51]]},"626":{"position":[[2297,51]]},"632":{"position":[[1771,51]]},"634":{"position":[[1794,51],[4670,51]]},"636":{"position":[[1749,51],[4919,51]]},"638":{"position":[[1771,51]]},"642":{"position":[[2131,51]]},"644":{"position":[[2131,51]]},"652":{"position":[[1785,51],[4925,51]]}}}],["stack",{"_index":365,"t":{"44":{"position":[[392,5]]},"568":{"position":[[5494,6]]},"570":{"position":[[10723,7]]},"590":{"position":[[148,7]]},"604":{"position":[[10485,7],[17230,7]]},"630":{"position":[[9782,5],[12362,5]]}}}],["stacklength",{"_index":3904,"t":{"630":{"position":[[1031,11],[10030,11],[10075,11]]}}}],["stacklength=\"3",{"_index":3957,"t":{"630":{"position":[[10208,15]]}}}],["standalon",{"_index":4062,"t":{"652":{"position":[[3025,10]]}}}],["standard",{"_index":2498,"t":{"594":{"position":[[996,8]]},"622":{"position":[[5687,9]]}}}],["star",{"_index":2877,"t":{"602":{"position":[[4415,7]]}}}],["start",{"_index":657,"t":{"104":{"position":[[681,7]]},"112":{"position":[[690,7],[774,7]]},"556":{"position":[[3808,5]]},"570":{"position":[[2733,6],[6358,6],[10713,5],[10797,8]]},"576":{"position":[[1766,5],[1841,7]]},"578":{"position":[[2070,5],[2145,7],[2941,7]]},"592":{"position":[[2169,9],[2230,10],[4268,9],[4329,10],[7159,9],[7220,10],[10153,9],[10214,10],[13151,9],[13212,10]]},"596":{"position":[[11169,7]]},"602":{"position":[[2712,5],[5366,5],[5418,5],[6154,7],[16316,8],[16334,7]]},"604":{"position":[[4188,7]]},"606":{"position":[[3557,7],[14217,8]]},"608":{"position":[[3275,7]]},"614":{"position":[[9685,5],[12726,6]]},"624":{"position":[[8,7],[60,7],[97,7]]},"626":{"position":[[8,7],[60,7],[97,7]]},"632":{"position":[[8,7],[69,7],[115,7]]},"634":{"position":[[8,7],[67,7],[155,7]]},"636":{"position":[[8,7],[65,7],[151,7]]},"638":{"position":[[8,7],[69,7],[115,7]]},"640":{"position":[[72,7],[240,7],[323,7],[402,7]]},"642":{"position":[[8,7],[65,7],[107,7]]},"644":{"position":[[8,7],[65,7],[107,7]]},"646":{"position":[[77,7],[245,7],[328,7],[407,7]]},"652":{"position":[[8,7],[65,7],[107,7]]},"656":{"position":[[2086,9],[2147,10],[3197,9],[3258,10],[5029,9],[5090,10],[7288,9],[7349,10],[9641,9],[9702,10],[12114,9],[12175,10],[14544,9],[14605,10],[16935,9],[16996,10],[19418,9],[19479,10],[22721,9],[22782,10]]}}}],["startdat",{"_index":3456,"t":{"614":{"position":[[11820,10],[11836,10],[12056,10],[12768,9]]}}}],["startdate.hasvalu",{"_index":3457,"t":{"614":{"position":[[11858,20]]}}}],["startdate.valu",{"_index":3459,"t":{"614":{"position":[[12116,16]]}}}],["startdate.value.adddays(5",{"_index":3460,"t":{"614":{"position":[[12149,27]]}}}],["startdatechanged(datetim",{"_index":3455,"t":{"614":{"position":[[11793,26]]}}}],["startdatechanged(valu",{"_index":3441,"t":{"614":{"position":[[10615,24]]}}}],["starter",{"_index":419,"t":{"60":{"position":[[145,7],[255,7],[321,7],[745,7],[779,7]]},"132":{"position":[[892,7],[1002,7],[1134,7],[1168,7]]},"142":{"position":[[521,7],[684,7]]},"146":{"position":[[1711,7],[1821,7],[1953,7],[1987,7]]},"154":{"position":[[202,7],[312,7],[444,7],[478,7]]},"204":{"position":[[29,7],[207,7],[317,7],[449,7],[483,7]]},"206":{"position":[[199,7],[309,7],[441,7],[475,7]]},"220":{"position":[[688,7],[798,7],[930,7],[964,7]]},"226":{"position":[[38,7],[216,7],[326,7],[458,7],[492,7]]},"236":{"position":[[697,7],[807,7],[939,7],[973,7]]},"310":{"position":[[193,7],[303,7],[435,7],[469,7]]},"314":{"position":[[691,7],[801,7],[933,7],[967,7]]},"502":{"position":[[189,7],[299,7],[431,7],[465,7]]},"624":{"position":[[3460,7],[8920,7]]},"626":{"position":[[3647,7],[8383,7]]},"632":{"position":[[3122,7],[3350,7]]},"634":{"position":[[2958,7],[7811,7]]},"636":{"position":[[3195,7],[8978,7]]},"638":{"position":[[2938,7],[3171,7]]},"640":{"position":[[1698,7],[1939,7]]},"642":{"position":[[3494,7],[7975,7]]},"644":{"position":[[3494,7],[7814,7]]},"646":{"position":[[1703,7],[1956,7]]},"652":{"position":[[2956,7],[7671,7]]}}}],["state",{"_index":329,"t":{"40":{"position":[[186,6],[197,5]]},"72":{"position":[[612,5]]},"562":{"position":[[1967,6]]},"568":{"position":[[155,7],[282,6],[584,6],[1649,5],[1715,5],[3822,6],[4014,6],[4583,5],[4619,5],[5432,5],[6415,7],[6764,6],[7449,6],[9843,5],[9868,5],[9907,6]]},"570":{"position":[[6406,7]]},"582":{"position":[[2244,7],[3493,6]]},"584":{"position":[[68,5]]},"586":{"position":[[485,6],[643,6]]},"594":{"position":[[70,5]]},"600":{"position":[[1633,6],[1791,6]]},"602":{"position":[[2776,5]]},"604":{"position":[[2678,5]]},"606":{"position":[[2431,5]]},"608":{"position":[[2261,5]]},"612":{"position":[[441,6],[1847,6]]},"614":{"position":[[520,6]]},"616":{"position":[[243,6]]},"618":{"position":[[481,6]]},"620":{"position":[[266,6]]},"622":{"position":[[561,6]]},"628":{"position":[[524,6]]},"630":{"position":[[702,6]]},"654":{"position":[[2268,6]]},"660":{"position":[[3215,5],[50353,6],[50364,5],[50456,5],[50619,6],[50664,5],[50731,5]]}}}],["static",{"_index":521,"t":{"80":{"position":[[362,6]]},"86":{"position":[[307,6]]},"98":{"position":[[494,6]]},"576":{"position":[[7388,6],[21534,6]]},"578":{"position":[[1761,6],[2780,6],[7663,6],[8393,6],[15431,6]]},"634":{"position":[[6145,6]]},"636":{"position":[[6592,6],[7293,6]]}}}],["statu",{"_index":3617,"t":{"620":{"position":[[884,7],[927,7],[2817,7]]},"660":{"position":[[129192,6],[129294,6],[129395,6],[129496,6],[129601,6],[129713,6],[129827,6],[129930,6],[130010,6],[130111,6],[130291,6],[131855,6],[131979,6],[132102,6],[132225,6],[132352,6],[132486,6],[132622,6],[132747,6],[132849,6],[132972,6],[133182,6]]}}}],["stay",{"_index":1214,"t":{"562":{"position":[[256,4]]},"596":{"position":[[8323,5]]}}}],["step",{"_index":343,"t":{"42":{"position":[[311,4]]},"110":{"position":[[510,4]]},"602":{"position":[[4809,7],[4855,7]]},"616":{"position":[[395,4],[426,4],[4155,5],[4165,4],[4291,8],[6247,4]]},"618":{"position":[[953,4],[988,5],[4350,5],[4360,4],[4374,8],[4467,4],[11778,4]]},"624":{"position":[[3050,6]]},"626":{"position":[[3235,6]]},"632":{"position":[[2713,6]]},"634":{"position":[[2735,6]]},"636":{"position":[[2690,6]]},"638":{"position":[[2713,6]]},"640":{"position":[[331,5],[410,5],[439,6],[1933,5]]},"642":{"position":[[3085,6]]},"644":{"position":[[3085,6]]},"646":{"position":[[336,5],[415,5],[444,6],[1950,5]]},"652":{"position":[[2731,6]]}}}],["step=\"0.01",{"_index":3512,"t":{"616":{"position":[[5354,11]]}}}],["step=\"10",{"_index":3509,"t":{"616":{"position":[[4838,9]]},"618":{"position":[[4596,9]]}}}],["step=\"2.5",{"_index":3566,"t":{"618":{"position":[[4896,10]]}}}],["step=\"20",{"_index":3510,"t":{"616":{"position":[[5054,9]]}}}],["step=\"5",{"_index":3508,"t":{"616":{"position":[[4624,8]]}}}],["still",{"_index":679,"t":{"108":{"position":[[437,5]]},"580":{"position":[[154,5]]}}}],["storag",{"_index":4503,"t":{"660":{"position":[[50583,7],[50686,8],[50708,8]]}}}],["straightlin",{"_index":2887,"t":{"602":{"position":[[4971,14]]}}}],["strang",{"_index":665,"t":{"106":{"position":[[333,7]]}}}],["string",{"_index":541,"t":{"84":{"position":[[219,7]]},"110":{"position":[[764,6]]},"560":{"position":[[629,6]]},"562":{"position":[[2084,6],[2131,6]]},"566":{"position":[[399,6]]},"568":{"position":[[775,6],[1181,7],[1452,6],[5284,6],[8825,6],[9537,6],[9617,6]]},"570":{"position":[[1864,7]]},"572":{"position":[[392,6]]},"574":{"position":[[235,6],[365,6],[382,6],[758,6],[939,6],[1292,6],[1506,6],[2365,6]]},"576":{"position":[[253,6],[474,6],[617,6],[1146,6],[3568,6],[3830,7],[4980,6],[5155,6],[5580,7]]},"578":{"position":[[252,6],[563,6],[656,6],[908,6],[1312,6],[1642,6],[4362,6],[4603,7],[5749,6],[5924,6],[6292,7]]},"582":{"position":[[545,6],[745,6],[942,6],[1151,6]]},"584":{"position":[[577,7],[833,7]]},"586":{"position":[[661,6],[712,6],[1209,7],[1472,7],[1611,7],[1894,7],[2172,7],[2237,7],[6565,7],[9542,7]]},"588":{"position":[[278,7],[332,7],[1458,7]]},"590":{"position":[[671,6]]},"592":{"position":[[279,7],[342,7],[485,7],[609,7],[657,7],[912,7],[985,7],[1044,7],[1223,7],[1404,7],[1559,7]]},"594":{"position":[[378,7],[636,7]]},"596":{"position":[[743,7],[1063,6],[1176,7],[1256,7],[1632,7],[2880,7],[5201,7],[8147,7],[10282,7],[10768,7],[11734,7],[12547,7],[13576,7],[13814,7]]},"598":{"position":[[526,7]]},"600":{"position":[[1809,6],[1860,6],[12536,6]]},"602":{"position":[[815,6],[934,6],[1232,9],[2146,6],[3158,6],[5061,6],[5118,6],[5190,6],[5358,7],[5410,7],[5601,6],[5821,7],[11000,6],[17187,8]]},"604":{"position":[[670,6],[789,6],[1087,9],[2262,6],[3006,6],[3097,6],[3154,6],[3226,6],[3393,7],[3446,7],[3636,6],[3856,7],[5684,8],[8955,6],[16899,8]]},"606":{"position":[[766,6],[885,6],[1183,9],[2010,6],[2759,6],[2850,6],[3008,7],[3265,7],[4691,9],[7924,6],[7995,6],[11779,9],[12525,8],[15123,6],[15194,6]]},"608":{"position":[[611,6],[730,6],[1028,9],[1845,6],[2588,6],[2741,7],[2988,7],[4379,9],[7478,6],[7549,6],[8173,9],[8889,8],[11349,6],[11420,6],[12381,9],[14647,6],[14718,6]]},"610":{"position":[[583,6],[1848,6]]},"612":{"position":[[464,6],[537,6],[605,6],[666,6],[1007,6],[1043,6],[2455,6],[3679,6],[3956,6],[4326,6],[5550,6],[5913,6],[6882,6],[10397,6],[10449,6],[11118,6],[12642,6]]},"614":{"position":[[949,7],[8928,6],[12669,6]]},"616":{"position":[[913,7],[958,7]]},"618":{"position":[[693,6],[904,7],[11452,6]]},"620":{"position":[[285,6],[2681,6]]},"622":{"position":[[865,6],[1463,7],[17290,6]]},"628":{"position":[[893,7],[8095,6]]},"630":{"position":[[1275,6],[1332,6],[1476,6],[1530,6]]},"648":{"position":[[475,6],[553,6],[679,6],[743,6],[857,6]]},"654":{"position":[[2623,7]]},"656":{"position":[[287,7],[350,7],[496,7],[620,7],[676,7],[935,7],[1008,7],[1067,7],[1246,7],[1380,7],[1535,7]]},"658":{"position":[[380,6],[490,6],[979,6],[1812,6],[2289,6],[2505,6],[2596,6],[2683,6]]},"660":{"position":[[1417,6],[1497,6],[1857,6],[2020,6],[2356,6],[2551,8],[2895,7],[4194,8],[4486,7],[4729,6],[5320,6],[5614,6],[6125,6],[6166,7],[6179,6],[9376,6],[11803,6],[30223,6],[40551,8],[61750,6],[108149,6],[116050,6],[118674,6],[121335,6],[124111,6],[130211,7],[133102,7],[133488,6]]}}}],["string.empti",{"_index":2419,"t":{"592":{"position":[[493,12]]},"656":{"position":[[504,12]]},"660":{"position":[[61900,13]]}}}],["string.isnullorwhitespace(settingsjson",{"_index":4523,"t":{"660":{"position":[[52932,41]]}}}],["stringcomparis",{"_index":3268,"t":{"612":{"position":[[3737,18],[13559,17]]}}}],["stringcomparision.ordin",{"_index":3269,"t":{"612":{"position":[[3778,25]]},"660":{"position":[[9418,25]]}}}],["stringcomparison",{"_index":306,"t":{"36":{"position":[[226,16],[551,16]]},"612":{"position":[[808,16],[825,16],[894,17]]},"660":{"position":[[6277,16],[6294,16],[6363,17]]}}}],["stringcomparison.currentcultur",{"_index":4322,"t":{"660":{"position":[[6385,31]]}}}],["stringcomparison.currentcultureignorecas",{"_index":4323,"t":{"660":{"position":[[6420,41]]}}}],["stringcomparison.invariantcultur",{"_index":4324,"t":{"660":{"position":[[6465,33]]}}}],["stringcomparison.invariantcultureignorecas",{"_index":4325,"t":{"660":{"position":[[6502,43]]}}}],["stringcomparison.ordin",{"_index":4326,"t":{"660":{"position":[[6549,24]]}}}],["stringcomparison.ordinalignorecas",{"_index":3189,"t":{"612":{"position":[[842,34],[3864,34]]},"660":{"position":[[6311,34],[6577,35],[11711,34]]}}}],["stringcomparison=\"stringcomparison.ordin",{"_index":3274,"t":{"612":{"position":[[4182,43]]},"660":{"position":[[9840,44]]}}}],["stringfilteroper",{"_index":307,"t":{"36":{"position":[[251,20]]},"612":{"position":[[918,20],[939,20]]}}}],["stringfilteroperator.contain",{"_index":3190,"t":{"612":{"position":[[960,29]]}}}],["stripe",{"_index":362,"t":{"44":{"position":[[294,7],[311,7]]},"590":{"position":[[6224,8],[6312,7],[7187,8],[7200,7],[7324,7],[8514,7],[8531,7]]},"660":{"position":[[7284,8],[9585,8],[12103,8],[14699,8],[16956,8],[19878,8],[22354,8],[24705,8],[28739,8],[31284,8],[33746,8],[36152,8],[38494,8],[40737,8],[42982,8],[46846,7],[46860,8],[49511,8],[50862,8],[55095,8],[57584,7],[82781,8],[85847,8],[125041,8],[128029,8],[130489,8]]}}}],["strong",{"_index":2515,"t":{"594":{"position":[[2983,7]]}}}],["strong>dateonly</strong",{"_index":3352,"t":{"614":{"position":[[2068,26],[3537,26]]}}}],["strong>dateonly?</strong",{"_index":3353,"t":{"614":{"position":[[2270,27],[3863,27]]}}}],["strong>datetime</strong",{"_index":3356,"t":{"614":{"position":[[2474,26],[4191,26]]}}}],["strong>datetime?</strong",{"_index":3360,"t":{"614":{"position":[[2676,27],[4517,27]]}}}],["strong>holi",{"_index":1043,"t":{"556":{"position":[[3063,12],[3274,12]]}}}],["strong>thi",{"_index":1367,"t":{"566":{"position":[[578,12],[800,12],[1023,12],[1244,12],[1461,12],[1705,12],[1947,12],[2190,12],[2431,12],[2668,12]]}}}],["strong>timeonly</strong",{"_index":3832,"t":{"628":{"position":[[1802,26],[2709,26]]}}}],["strong>timeonly?</strong",{"_index":3835,"t":{"628":{"position":[[1979,27],[3010,27]]}}}],["strongli",{"_index":72,"t":{"2":{"position":[[1603,8],[1797,8]]},"124":{"position":[[91,8],[285,8]]},"630":{"position":[[1895,8]]}}}],["structur",{"_index":1058,"t":{"556":{"position":[[3656,10]]}}}],["style",{"_index":985,"t":{"556":{"position":[[908,8]]},"558":{"position":[[1180,7],[1732,7]]},"560":{"position":[[864,6]]},"562":{"position":[[2542,5],[3093,5],[3643,5],[4406,5],[5031,5],[5654,5],[6396,5],[6947,5],[7497,5],[8198,5],[8763,5],[9313,5],[10028,5],[10579,5],[11129,5],[12208,5],[12771,5],[13333,5],[13891,5],[14439,5],[14999,5],[18525,5],[19076,5],[19626,5],[20910,5],[21483,5],[22055,5]]},"568":{"position":[[75,6],[1823,7],[3200,6]]},"570":{"position":[[5236,7],[5257,7]]},"578":{"position":[[9020,5],[10777,5]]},"580":{"position":[[1193,7],[2199,5]]},"600":{"position":[[407,6],[6883,6]]},"602":{"position":[[4310,5],[4441,5]]},"612":{"position":[[8208,7],[8358,8]]},"614":{"position":[[7145,7],[7295,8],[9742,7],[9892,8]]},"618":{"position":[[7965,7],[8115,8]]},"622":{"position":[[11201,7],[11351,8]]},"628":{"position":[[5262,7],[5412,8],[9282,7],[9432,8]]},"654":{"position":[[14417,5],[15799,5],[18311,6],[18870,7],[19020,8]]},"656":{"position":[[20882,7],[22113,8]]}}}],["style=\"margin",{"_index":2041,"t":{"578":{"position":[[8856,13],[10613,13]]}}}],["style=\"width",{"_index":2119,"t":{"580":{"position":[[1289,13]]},"654":{"position":[[18479,13]]}}}],["style=\"width:18rem",{"_index":1536,"t":{"570":{"position":[[2810,21],[3505,21],[3900,21],[4340,21],[4874,21],[5323,21],[5981,21],[7298,21],[7630,21],[7959,21],[8325,21],[8615,21],[8905,21],[9192,21],[9479,21],[9764,21],[10047,21],[10330,21],[10859,21],[11235,21],[11562,21],[12132,21],[12529,21],[12877,21]]}}}],["style=\"width:300px",{"_index":1648,"t":{"572":{"position":[[2989,21]]}}}],["style=\"width:480px",{"_index":4161,"t":{"654":{"position":[[19161,21]]}}}],["stylebuild",{"_index":91,"t":{"2":{"position":[[1978,12],[2029,12],[2146,12],[2419,12],[2581,12]]},"124":{"position":[[466,12],[517,12],[634,12],[907,12],[1069,12]]}}}],["styles</button",{"_index":4203,"t":{"656":{"position":[[18971,15]]}}}],["stylesheet",{"_index":2650,"t":{"598":{"position":[[208,10]]}}}],["sub",{"_index":1529,"t":{"570":{"position":[[2159,3]]},"630":{"position":[[3223,3]]}}}],["submit",{"_index":3408,"t":{"614":{"position":[[7024,10]]},"618":{"position":[[7838,10]]},"622":{"position":[[11074,10]]},"628":{"position":[[5141,10]]}}}],["subscrib",{"_index":1064,"t":{"556":{"position":[[3866,11]]}}}],["subsequ",{"_index":1359,"t":{"564":{"position":[[547,10]]}}}],["subtitle</cardsubtitl",{"_index":1552,"t":{"570":{"position":[[3615,23],[4086,23],[4450,23]]}}}],["success",{"_index":995,"t":{"556":{"position":[[1166,7],[2500,7]]},"568":{"position":[[2071,7],[2857,7]]},"576":{"position":[[5473,7]]},"612":{"position":[[9298,7]]},"614":{"position":[[12336,11]]},"628":{"position":[[7785,11],[11609,11]]},"648":{"position":[[1299,7],[2482,7]]},"660":{"position":[[60326,7],[61883,9],[63681,7],[64656,8],[90209,7],[90997,7],[96095,7],[96154,7]]}}}],["success\">success</badg",{"_index":1144,"t":{"560":{"position":[[1472,24]]}}}],["successfulli",{"_index":1017,"t":{"556":{"position":[[1840,12]]},"574":{"position":[[3147,17]]},"588":{"position":[[676,12],[988,13],[1531,15]]},"630":{"position":[[12054,17]]}}}],["such",{"_index":1159,"t":{"560":{"position":[[2160,4],[2338,4]]},"566":{"position":[[3070,4],[3248,4],[3558,4],[3736,4],[4047,4],[4225,4],[4533,4],[4711,4],[5018,4],[5196,4],[5528,4],[5706,4],[6035,4],[6213,4],[6543,4],[6721,4],[7048,4],[7226,4],[7552,4],[7730,4]]},"600":{"position":[[9373,4]]},"602":{"position":[[299,4],[363,4]]}}}],["suddenli",{"_index":1059,"t":{"556":{"position":[[3747,8]]}}}],["suffici",{"_index":1422,"t":{"568":{"position":[[3310,10]]}}}],["suggest",{"_index":3184,"t":{"612":{"position":[[129,11]]}}}],["support",{"_index":267,"t":{"26":{"position":[[172,7]]},"36":{"position":[[243,7],[272,7],[568,7]]},"40":{"position":[[159,7]]},"42":{"position":[[284,7]]},"54":{"position":[[151,8],[272,7],[323,7]]},"62":{"position":[[250,7]]},"68":{"position":[[226,9]]},"70":{"position":[[258,9],[672,7],[720,7]]},"100":{"position":[[920,7],[964,7],[1010,7]]},"104":{"position":[[396,7],[577,7]]},"106":{"position":[[219,7]]},"108":{"position":[[221,7]]},"110":{"position":[[402,8],[756,7]]},"116":{"position":[[329,7]]},"128":{"position":[[276,7],[309,7],[496,8],[548,7],[583,7]]},"132":{"position":[[1925,8]]},"146":{"position":[[2166,8]]},"220":{"position":[[1721,8]]},"222":{"position":[[1340,8]]},"236":{"position":[[1730,8]]},"506":{"position":[[195,8]]},"564":{"position":[[357,10],[532,7]]},"568":{"position":[[127,7],[8490,9]]},"570":{"position":[[3141,7],[3259,10],[6112,10],[6628,10],[6923,10],[7393,10],[7725,10],[8054,10],[11018,10],[11382,10],[11721,10],[12291,10],[12676,10],[13036,10]]},"572":{"position":[[2498,8]]},"578":{"position":[[3330,8],[3388,9]]},"590":{"position":[[136,7]]},"592":{"position":[[167,7]]},"596":{"position":[[12639,10]]},"602":{"position":[[2562,7]]},"612":{"position":[[183,8],[1698,8]]},"614":{"position":[[1794,8],[6936,8]]},"618":{"position":[[7729,8]]},"622":{"position":[[10963,8]]},"628":{"position":[[1687,8],[5053,8]]},"656":{"position":[[2704,10]]},"658":{"position":[[474,8],[2273,8]]},"660":{"position":[[130,8],[30394,9],[50497,10],[116221,9],[118845,9],[121506,9],[124282,9]]}}}],["sure",{"_index":1026,"t":{"556":{"position":[[2066,4]]},"574":{"position":[[1854,4],[2928,4]]},"578":{"position":[[2992,4]]},"630":{"position":[[4802,4],[6336,4]]}}}],["suscipit",{"_index":1939,"t":{"576":{"position":[[9515,9],[10216,9],[10226,8],[13756,9],[14457,9],[14467,8],[17897,9],[18598,9],[18608,8]]}}}],["suspendiss",{"_index":1848,"t":{"576":{"position":[[7820,11],[8734,11],[9001,11],[10432,11],[11029,11],[12061,11],[12975,11],[13242,11],[14673,11],[15270,11],[16202,11],[17116,11],[17383,11],[18814,11],[19411,11]]}}}],["svg",{"_index":1090,"t":{"558":{"position":[[1619,3],[1667,3],[2332,3],[2444,3]]},"642":{"position":[[4441,4],[4546,6]]},"652":{"position":[[3897,4],[4002,6]]}}}],["swap",{"_index":1467,"t":{"568":{"position":[[6903,4]]}}}],["swapdis",{"_index":1448,"t":{"568":{"position":[[5317,13]]}}}],["swapdisable()\">swap",{"_index":1444,"t":{"568":{"position":[[5212,19]]}}}],["switch",{"_index":162,"t":{"2":{"position":[[3787,9],[3868,6]]},"50":{"position":[[120,6],[166,6],[203,6],[265,6],[413,6]]},"80":{"position":[[964,6],[1620,6],[1894,6]]},"82":{"position":[[544,6]]},"98":{"position":[[394,6],[411,6],[826,6]]},"100":{"position":[[181,6],[1055,6],[1072,6],[1459,6]]},"108":{"position":[[159,9],[296,6],[313,7],[337,6],[668,6]]},"126":{"position":[[1143,6]]},"132":{"position":[[2183,6],[2229,6]]},"136":{"position":[[1188,6]]},"146":{"position":[[1240,6]]},"158":{"position":[[2597,9],[2678,6]]},"160":{"position":[[173,6],[219,6]]},"212":{"position":[[905,6]]},"214":{"position":[[974,6]]},"220":{"position":[[1979,6],[2025,6]]},"222":{"position":[[863,6]]},"230":{"position":[[2606,9],[2687,6]]},"232":{"position":[[983,6]]},"234":{"position":[[914,6]]},"236":{"position":[[1988,6],[2034,6]]},"256":{"position":[[432,6]]},"264":{"position":[[728,6]]},"270":{"position":[[477,6],[2282,6]]},"282":{"position":[[431,6]]},"284":{"position":[[428,6]]},"294":{"position":[[714,6]]},"296":{"position":[[425,6],[601,6],[647,6]]},"306":{"position":[[2600,9],[2681,6]]},"308":{"position":[[1970,9],[2051,6]]},"312":{"position":[[229,6]]},"316":{"position":[[908,6]]},"318":{"position":[[424,6]]},"326":{"position":[[977,6]]},"336":{"position":[[485,9],[566,6]]},"350":{"position":[[740,6]]},"354":{"position":[[722,6]]},"360":{"position":[[866,9],[947,6]]},"364":{"position":[[1812,9],[1893,6],[2357,6]]},"370":{"position":[[1230,6]]},"384":{"position":[[838,9],[919,6]]},"390":{"position":[[738,6]]},"392":{"position":[[422,6]]},"400":{"position":[[204,9],[285,6]]},"416":{"position":[[20,8],[202,9],[283,6],[694,6]]},"424":{"position":[[708,6]]},"480":{"position":[[226,6]]},"490":{"position":[[204,9],[285,6]]},"498":{"position":[[164,6],[210,6]]},"522":{"position":[[420,6]]},"592":{"position":[[3541,10],[3589,9],[6117,10],[6165,9],[9132,10],[9180,9],[12126,10],[12174,9],[15124,10],[15172,9]]},"594":{"position":[[1401,6]]},"600":{"position":[[12616,6]]},"616":{"position":[[6152,6]]},"620":{"position":[[6,6],[33,6],[65,6],[376,6],[534,7],[570,7],[662,6],[717,7],[761,6],[787,7],[831,6],[1073,7],[1100,7],[1165,6],[1685,7],[1790,7],[1849,6],[2046,6],[2222,8],[2284,7],[2327,6],[2452,6],[2478,7],[2515,6],[2808,8]]},"628":{"position":[[12081,6]]},"656":{"position":[[4371,10],[4419,9],[6295,10],[6343,9],[8554,10],[8602,9],[10907,10],[10955,9],[13380,10],[13428,9],[15810,10],[15858,9],[18201,10],[18249,9],[20684,10],[20732,9],[23937,10],[23985,9]]},"660":{"position":[[70899,7],[70968,7]]}}}],["switch1",{"_index":3627,"t":{"620":{"position":[[2053,7]]}}}],["switch1.dis",{"_index":3628,"t":{"620":{"position":[[2126,18]]}}}],["switch1.en",{"_index":3629,"t":{"620":{"position":[[2170,17]]}}}],["switch2",{"_index":880,"t":{"142":{"position":[[1698,7]]}}}],["switchchanged(bool",{"_index":3635,"t":{"620":{"position":[[2722,18]]}}}],["symbol",{"_index":3636,"t":{"622":{"position":[[177,7],[836,6],[2174,7],[4569,7],[4645,7],[17600,7],[17648,6]]}}}],["sync.png",{"_index":2327,"t":{"586":{"position":[[7934,9]]}}}],["system",{"_index":3011,"t":{"602":{"position":[[13765,8],[16825,8]]},"604":{"position":[[12281,8],[14543,8],[16607,8]]},"606":{"position":[[10972,8]]},"630":{"position":[[284,7]]}}}],["system.componentmodel.dataannot",{"_index":3282,"t":{"612":{"position":[[8170,37]]},"614":{"position":[[7107,37],[9704,37]]},"618":{"position":[[7927,37]]},"622":{"position":[[11163,37]]},"628":{"position":[[5224,37],[9244,37]]},"654":{"position":[[18832,37]]}}}],["system.drawing.color",{"_index":2909,"t":{"602":{"position":[[6671,20],[11173,20]]},"606":{"position":[[8345,20]]}}}],["system.net.http",{"_index":3797,"t":{"624":{"position":[[7043,15]]},"626":{"position":[[6519,15]]},"634":{"position":[[5959,15]]},"636":{"position":[[6406,15],[7107,15]]},"642":{"position":[[6104,15]]},"644":{"position":[[5943,15]]},"652":{"position":[[5989,15]]}}}],["system.net.http.json",{"_index":3988,"t":{"634":{"position":[[5982,20]]},"636":{"position":[[6429,20],[7130,20]]},"642":{"position":[[6127,20]]},"644":{"position":[[5966,20]]},"652":{"position":[[6012,20]]}}}],["system.text.json",{"_index":4506,"t":{"660":{"position":[[50763,16]]}}}],["t",{"_index":881,"t":{"142":{"position":[[1706,1]]},"574":{"position":[[644,1]]},"578":{"position":[[1943,1]]}}}],["t3c6coii6ulra9tneneoa7rxnatzjcdscmg1mxxsr1gasxev/dwwykc2mpk8m2hn",{"_index":3703,"t":{"624":{"position":[[636,65],[3985,65]]},"626":{"position":[[638,65],[4164,65]]},"632":{"position":[[635,65]]},"634":{"position":[[660,65],[3374,65]]},"636":{"position":[[615,65],[3639,65]]},"638":{"position":[[635,65]]},"642":{"position":[[645,65],[3955,65]]},"644":{"position":[[645,65],[3955,65]]},"652":{"position":[[645,65],[3401,65]]}}}],["tab",{"_index":32,"t":{"2":{"position":[[322,3],[909,4],[2987,5],[3109,4]]},"20":{"position":[[159,4],[213,4]]},"42":{"position":[[402,4],[463,3],[493,4],[605,4],[697,4],[786,4]]},"74":{"position":[[333,4]]},"86":{"position":[[153,4],[440,4],[710,4],[872,4]]},"110":{"position":[[241,5],[785,4],[808,4],[827,4],[908,4],[1281,4]]},"120":{"position":[[304,4],[512,4]]},"126":{"position":[[2691,4],[2850,4]]},"128":{"position":[[1453,3],[1663,3]]},"140":{"position":[[567,4]]},"146":{"position":[[290,5],[412,4]]},"148":{"position":[[368,3]]},"152":{"position":[[283,5],[405,4]]},"158":{"position":[[366,3],[953,4],[1797,5],[1919,4]]},"160":{"position":[[1614,4]]},"180":{"position":[[304,4]]},"182":{"position":[[311,4]]},"190":{"position":[[311,4]]},"208":{"position":[[29,5],[303,4]]},"212":{"position":[[2453,4],[2612,4]]},"218":{"position":[[298,4]]},"230":{"position":[[375,3],[962,4],[1806,5],[1928,4]]},"234":{"position":[[2462,4],[2621,4]]},"238":{"position":[[307,4]]},"272":{"position":[[1391,4],[1550,4]]},"274":{"position":[[482,4],[641,4]]},"278":{"position":[[460,4],[619,4]]},"290":{"position":[[201,4],[360,4]]},"302":{"position":[[202,4],[361,4]]},"306":{"position":[[369,3],[956,4],[1800,5],[1922,4]]},"308":{"position":[[326,4],[1170,5],[1292,4]]},"312":{"position":[[1777,4],[1936,4]]},"316":{"position":[[2456,4],[2615,4]]},"328":{"position":[[366,3]]},"330":{"position":[[365,3]]},"346":{"position":[[606,4]]},"358":{"position":[[367,3]]},"360":{"position":[[282,5],[404,4]]},"364":{"position":[[364,3],[1228,5],[1350,4]]},"366":{"position":[[476,4],[635,4]]},"368":{"position":[[596,4]]},"374":{"position":[[304,4]]},"380":{"position":[[886,4],[1045,4]]},"384":{"position":[[365,3],[2297,4],[2456,4]]},"394":{"position":[[324,4],[894,5],[1016,4]]},"404":{"position":[[602,5],[724,4]]},"406":{"position":[[365,3],[674,4]]},"408":{"position":[[291,5],[413,4]]},"410":{"position":[[366,3]]},"412":{"position":[[367,3]]},"414":{"position":[[328,4]]},"418":{"position":[[20,6],[319,4],[575,5],[697,4],[870,4],[1029,4]]},"420":{"position":[[21,5],[363,3]]},"430":{"position":[[196,4],[355,4]]},"478":{"position":[[298,4]]},"492":{"position":[[286,5],[408,4]]},"534":{"position":[[197,4],[356,4]]},"552":{"position":[[322,4]]},"554":{"position":[[366,3]]},"568":{"position":[[1092,3]]},"570":{"position":[[1775,3]]},"576":{"position":[[1123,3]]},"578":{"position":[[1619,3]]},"586":{"position":[[344,4],[690,3],[741,3],[809,3],[2402,3],[2466,3],[2523,3],[2599,3],[2680,4],[2737,3],[2833,3],[3047,3],[3090,3],[3149,3],[3198,3],[3256,3],[3285,3],[3339,3],[3356,3],[3505,3],[3524,3]]},"594":{"position":[[4712,4]]},"600":{"position":[[11,4],[36,4],[95,4],[112,4],[331,4],[420,4],[535,4],[616,3],[680,3],[737,3],[813,3],[894,4],[951,3],[1047,3],[1095,4],[1187,3],[1230,3],[1289,3],[1338,3],[1396,3],[1425,3],[1479,3],[1496,3],[1522,3],[1838,3],[1889,3],[1957,3],[2031,3],[2148,3],[2167,3],[2202,5],[2208,6],[2215,4],[2369,3],[2442,6],[2449,4],[2593,3],[2666,6],[2673,4],[2817,3],[2890,6],[2897,7],[2964,5],[3074,3],[3117,5],[3148,4],[3302,3],[3375,6],[3382,4],[3526,3],[3599,6],[3606,4],[3750,3],[3823,6],[3830,7],[3887,3],[3973,5],[4004,4],[4218,3],[4291,6],[4298,5],[4503,3],[4576,6],[4583,5],[4787,3],[4860,6],[4867,7],[4898,4],[4920,4],[4962,5],[4993,4],[5147,3],[5220,6],[5227,4],[5371,3],[5444,6],[5451,4],[5613,3],[5686,6],[5693,4],[5837,3],[5910,6],[5917,7],[5964,4],[6026,5],[6083,4],[6237,3],[6310,6],[6317,4],[6461,3],[6534,6],[6541,4],[6685,3],[6758,6],[6765,7],[6861,4],[6890,5],[6951,4],[7084,6],[7091,4],[7214,6],[7221,4],[7344,6],[7351,7],[7397,4],[7469,5],[7505,4],[7638,6],[7645,4],[7768,6],[7775,4],[7898,6],[7905,4],[8024,6],[8031,7],[8070,5],[8111,4],[8244,6],[8251,4],[8374,6],[8381,4],[8504,6],[8511,4],[8630,6],[8637,7],[8680,5],[8725,4],[8858,6],[8865,4],[8988,6],[8995,4],[9118,6],[9125,4],[9244,6],[9251,7],[9294,5],[9328,4],[9479,5],[9522,4],[9655,6],[9662,4],[9785,6],[9792,4],[9915,6],[9922,4],[10063,6],[10070,4],[10198,6],[10205,4],[10324,6],[10331,7],[10851,4],[10856,5],[11374,4],[11456,4],[11479,3],[11549,4],[11643,3],[11746,3],[11862,3],[11881,5],[11900,4],[12017,6],[12024,4],[12147,6],[12154,4],[12277,6],[12284,4],[12403,6],[12410,7],[12426,4],[12431,4],[12952,4],[12966,6],[13012,4],[13257,4],[13280,6],[13289,7],[13806,5],[14005,5],[14066,4],[14202,4],[14225,6],[14234,7],[14277,4],[14710,5],[14765,4],[15035,5],[15096,4],[15317,4],[15493,6],[15502,7],[15545,4],[16160,4],[16176,4],[16189,4],[16210,3],[16225,3],[16254,4],[16295,3],[16378,4],[16410,3],[16428,4],[16449,4],[16469,4]]},"630":{"position":[[12215,4]]},"654":{"position":[[1265,3],[2505,3],[2896,6],[2977,6],[3062,6]]}}}],["tab'",{"_index":2713,"t":{"600":{"position":[[2322,5],[2546,5],[2770,5],[3255,5],[3479,5],[3703,5],[4171,5],[4456,5],[4740,5],[5100,5],[5324,5],[5566,5],[5790,5],[6190,5],[6414,5],[6638,5]]}}}],["tab.</p",{"_index":2724,"t":{"600":{"position":[[7064,8],[7194,8],[7324,8],[7618,8],[7748,8],[7878,8],[8004,8],[8224,8],[8354,8],[8484,8],[8610,8],[8838,8],[8968,8],[9098,8],[9224,8],[9635,8],[9765,8],[9895,8],[10043,8],[10178,8],[10304,8],[11997,8],[12127,8],[12257,8],[12383,8]]}}}],["tab1",{"_index":882,"t":{"142":{"position":[[1708,4]]}}}],["tab</button",{"_index":2737,"t":{"600":{"position":[[10410,12],[10496,12],[10580,12],[10670,12],[10749,12],[10831,12],[15455,12]]}}}],["tabindex",{"_index":1395,"t":{"568":{"position":[[1049,8]]},"570":{"position":[[1729,8]]},"576":{"position":[[1090,8]]},"578":{"position":[[1586,8]]},"586":{"position":[[2380,9],[2715,9]]},"600":{"position":[[594,9],[929,9]]},"654":{"position":[[1206,8],[1530,8],[2455,8]]}}}],["tabl",{"_index":4307,"t":{"660":{"position":[[5349,5],[7251,5],[7263,5],[7278,5],[9552,5],[9564,5],[9579,5],[12070,5],[12082,5],[12097,5],[14666,5],[14678,5],[14693,5],[16923,5],[16935,5],[16950,5],[19845,5],[19857,5],[19872,5],[22321,5],[22333,5],[22348,5],[24672,5],[24684,5],[24699,5],[28706,5],[28718,5],[28733,5],[31251,5],[31263,5],[31278,5],[33713,5],[33725,5],[33740,5],[36119,5],[36131,5],[36146,5],[38461,5],[38473,5],[38488,5],[40704,5],[40716,5],[40731,5],[42949,5],[42961,5],[42976,5],[46813,5],[46825,5],[46840,5],[46854,5],[49478,5],[49490,5],[49505,5],[50829,5],[50841,5],[50856,5],[55062,5],[55074,5],[55089,5],[57551,5],[57563,5],[57578,5],[60247,5],[60320,5],[60437,5],[60449,5],[61812,6],[61876,6],[63592,5],[63675,5],[63787,5],[63799,5],[64649,6],[64667,6],[66917,5],[66929,5],[70077,5],[70089,5],[73335,5],[73347,5],[76267,5],[76279,5],[79512,5],[79524,5],[82748,5],[82760,5],[82775,5],[85814,5],[85826,5],[85841,5],[88547,5],[89335,5],[90137,5],[90925,5],[93052,5],[94043,5],[95034,5],[96023,5],[97014,5],[97999,5],[98984,5],[101275,5],[103702,5],[106255,5],[110799,5],[110811,5],[114204,5],[114216,5],[116725,5],[116737,5],[119367,5],[119379,5],[122040,5],[122052,5],[125008,5],[125020,5],[125035,5],[127996,5],[128008,5],[128023,5],[130456,5],[130468,5],[130483,5]]}}}],["tabnam",{"_index":2246,"t":{"586":{"position":[[2445,8],[2812,8]]},"600":{"position":[[659,8],[1026,8]]}}}],["tabs#533",{"_index":706,"t":{"110":{"position":[[852,8],[880,8],[899,8]]}}}],["tabs.showfirsttabasync",{"_index":2743,"t":{"600":{"position":[[10910,25]]}}}],["tabs.showlasttabasync",{"_index":2752,"t":{"600":{"position":[[11302,24]]}}}],["tabs.showtabbyindexasync(0",{"_index":2761,"t":{"600":{"position":[[12670,28],[12893,28]]}}}],["tabs.showtabbyindexasync(1",{"_index":2745,"t":{"600":{"position":[[10985,28],[12728,28]]}}}],["tabs.showtabbyindexasync(2",{"_index":2747,"t":{"600":{"position":[[11062,28],[12786,28]]}}}],["tabs.showtabbyindexasync(3",{"_index":2762,"t":{"600":{"position":[[12842,28]]}}}],["tabs.showtabbynameasync(\"faq",{"_index":2751,"t":{"600":{"position":[[11223,31]]}}}],["tabs.showtabbynameasync(\"product",{"_index":2749,"t":{"600":{"position":[[11142,36]]}}}],["tabs1",{"_index":790,"t":{"142":{"position":[[547,5]]}}}],["tabs3",{"_index":883,"t":{"142":{"position":[[1713,5]]}}}],["tabsref",{"_index":2789,"t":{"600":{"position":[[14282,7],[15550,7]]}}}],["tabsref.removetabbyname(customer.customerid.tostr",{"_index":2802,"t":{"600":{"position":[[16039,56]]}}}],["tabsref.showrecenttab",{"_index":2794,"t":{"600":{"position":[[14651,24],[15935,24]]}}}],["tabular",{"_index":4251,"t":{"660":{"position":[[88,7]]}}}],["tag",{"_index":25,"t":{"2":{"position":[[224,5],[556,5],[808,5],[1085,5],[1412,5],[2993,5],[3267,5],[3521,5],[3797,5]]},"4":{"position":[[263,5]]},"6":{"position":[[173,5]]},"8":{"position":[[258,5]]},"10":{"position":[[364,5]]},"12":{"position":[[715,5]]},"14":{"position":[[335,5]]},"16":{"position":[[268,5]]},"18":{"position":[[308,5]]},"20":{"position":[[228,5]]},"22":{"position":[[332,5]]},"24":{"position":[[276,5]]},"26":{"position":[[271,5]]},"28":{"position":[[230,5]]},"30":{"position":[[387,5]]},"32":{"position":[[617,5]]},"34":{"position":[[232,5]]},"36":{"position":[[715,5]]},"38":{"position":[[475,5]]},"40":{"position":[[370,5]]},"42":{"position":[[726,5]]},"44":{"position":[[503,5]]},"46":{"position":[[562,5]]},"48":{"position":[[467,5]]},"50":{"position":[[434,5]]},"52":{"position":[[765,5]]},"54":{"position":[[504,5]]},"56":{"position":[[725,5]]},"58":{"position":[[370,5]]},"60":{"position":[[631,5]]},"62":{"position":[[388,5]]},"64":{"position":[[329,5]]},"66":{"position":[[355,5]]},"68":{"position":[[926,5]]},"70":{"position":[[923,5]]},"72":{"position":[[1009,5]]},"74":{"position":[[557,5]]},"76":{"position":[[330,5]]},"78":{"position":[[432,5]]},"80":{"position":[[1673,5]]},"82":{"position":[[597,5]]},"84":{"position":[[542,5]]},"86":{"position":[[729,5]]},"88":{"position":[[400,5]]},"90":{"position":[[303,5]]},"92":{"position":[[383,5]]},"94":{"position":[[304,5]]},"96":{"position":[[384,5]]},"98":{"position":[[975,5]]},"100":{"position":[[1490,5]]},"102":{"position":[[499,5]]},"104":{"position":[[808,5]]},"106":{"position":[[501,5]]},"108":{"position":[[597,5]]},"110":{"position":[[1165,5]]},"112":{"position":[[883,5]]},"114":{"position":[[369,5]]},"116":{"position":[[451,5]]},"118":{"position":[[457,5]]},"120":{"position":[[411,5]]},"122":{"position":[[355,5]]},"126":{"position":[[169,5],[482,5],[878,5],[1171,5],[1414,5],[1676,5],[1929,5],[2147,5],[2394,5],[2707,5]]},"128":{"position":[[1565,5]]},"132":{"position":[[147,5],[403,5],[652,5],[1020,5],[1369,5],[1679,5],[1985,5],[2246,5],[2519,5],[2915,5]]},"134":{"position":[[142,5],[339,5],[537,5],[735,5],[951,5],[1148,5],[1403,5],[1579,5],[1815,5],[2005,5]]},"136":{"position":[[151,5],[418,5],[707,5],[967,5],[1384,5],[1627,5],[1886,5],[2186,5],[2498,5],[2911,5]]},"138":{"position":[[155,5],[398,5]]},"140":{"position":[[150,5],[507,5],[851,5],[1109,5],[1374,5],[1733,5],[1904,5],[2123,5],[2340,5],[2524,5]]},"142":{"position":[[0,4]]},"144":{"position":[[9,6],[38,4],[227,5]]},"146":{"position":[[8,6],[44,4],[296,5],[632,5],[1019,5],[1445,5],[1839,5],[2226,5],[2536,5],[2707,5],[2926,5]]},"148":{"position":[[8,6],[41,4],[270,5],[575,5],[861,5]]},"150":{"position":[[9,6],[41,4],[207,5]]},"152":{"position":[[8,6],[37,4],[289,5],[604,5]]},"154":{"position":[[9,6],[52,4],[330,5]]},"156":{"position":[[9,6],[49,4],[196,5]]},"158":{"position":[[9,6],[39,4],[268,5],[600,5],[852,5],[1129,5],[1456,5],[1803,5],[2077,5],[2331,5],[2607,5],[2882,5]]},"160":{"position":[[8,6],[48,4],[236,5],[509,5],[905,5],[1197,5],[1554,5]]},"162":{"position":[[9,6],[46,4],[193,5]]},"164":{"position":[[9,6],[54,4],[256,5]]},"166":{"position":[[8,6],[53,4],[322,5],[614,5]]},"168":{"position":[[8,6],[45,4],[314,5],[606,5]]},"170":{"position":[[8,6],[43,4],[203,5],[452,5],[687,5]]},"172":{"position":[[9,6],[54,4],[201,5]]},"174":{"position":[[9,6],[54,4],[199,5]]},"176":{"position":[[9,6],[51,4],[196,5]]},"178":{"position":[[9,6],[52,4],[197,5]]},"180":{"position":[[9,6],[45,4],[244,5]]},"182":{"position":[[9,6],[52,4],[251,5]]},"184":{"position":[[9,6],[50,4],[197,5]]},"186":{"position":[[9,6],[49,4],[204,5]]},"188":{"position":[[9,6],[46,4],[248,5]]},"190":{"position":[[9,6],[52,4],[251,5]]},"192":{"position":[[9,6],[49,4],[196,5]]},"194":{"position":[[8,6],[46,4],[315,5],[607,5]]},"196":{"position":[[9,6],[48,4],[250,5]]},"198":{"position":[[9,6],[52,4],[254,5]]},"200":{"position":[[9,6],[49,4],[204,5]]},"202":{"position":[[8,6],[46,4],[315,5],[607,5]]},"204":{"position":[[9,6],[57,4],[335,5]]},"206":{"position":[[9,6],[49,4],[327,5]]},"208":{"position":[[9,6],[44,4],[243,5]]},"210":{"position":[[8,6],[45,4],[197,5],[495,5]]},"212":{"position":[[9,6],[39,4],[244,5],[640,5],[933,5],[1176,5],[1438,5],[1691,5],[1909,5],[2156,5],[2469,5],[2789,5]]},"214":{"position":[[9,6],[39,4],[204,5],[493,5],[753,5],[1170,5],[1413,5],[1672,5],[1972,5],[2284,5],[2697,5],[3031,5]]},"216":{"position":[[9,6],[45,4],[314,5]]},"218":{"position":[[9,6],[39,4],[238,5]]},"220":{"position":[[9,6],[39,4],[199,5],[448,5],[816,5],[1165,5],[1475,5],[1781,5],[2042,5],[2315,5],[2711,5],[3003,5]]},"222":{"position":[[8,6],[50,4],[255,5],[642,5],[1068,5],[1400,5]]},"224":{"position":[[9,6],[48,4],[232,5]]},"226":{"position":[[9,6],[66,4],[344,5]]},"228":{"position":[[9,6],[44,4],[228,5]]},"230":{"position":[[9,6],[48,4],[277,5],[609,5],[861,5],[1138,5],[1465,5],[1812,5],[2086,5],[2340,5],[2616,5],[2891,5]]},"232":{"position":[[9,6],[48,4],[213,5],[502,5],[762,5],[1179,5],[1422,5],[1681,5],[1981,5],[2293,5],[2706,5],[3040,5]]},"234":{"position":[[9,6],[48,4],[253,5],[649,5],[942,5],[1185,5],[1447,5],[1700,5],[1918,5],[2165,5],[2478,5],[2798,5]]},"236":{"position":[[9,6],[48,4],[208,5],[457,5],[825,5],[1174,5],[1484,5],[1790,5],[2051,5],[2324,5],[2720,5],[3012,5]]},"238":{"position":[[9,6],[48,4],[247,5],[591,5],[849,5],[1114,5],[1473,5],[1644,5],[1863,5],[2080,5],[2264,5],[2452,5]]},"240":{"position":[[9,6],[48,4],[195,5],[393,5],[591,5],[807,5],[1004,5],[1259,5],[1435,5],[1671,5],[1861,5],[2055,5]]},"242":{"position":[[9,6],[48,4],[257,5]]},"244":{"position":[[9,6],[49,4],[216,5]]},"246":{"position":[[8,6],[44,4],[209,5],[528,5]]},"248":{"position":[[8,6],[45,4],[190,5],[444,5],[721,5]]},"250":{"position":[[9,6],[44,4],[249,5]]},"252":{"position":[[9,6],[47,4],[231,5]]},"254":{"position":[[9,6],[43,4],[205,5]]},"256":{"position":[[8,6],[51,4],[211,5],[626,5],[933,5]]},"258":{"position":[[9,6],[52,4],[257,5]]},"260":{"position":[[9,6],[51,4],[229,5]]},"262":{"position":[[8,6],[48,4],[210,5],[623,5]]},"264":{"position":[[8,6],[47,4],[212,5],[507,5],[941,5],[1354,5]]},"266":{"position":[[9,6],[45,4],[223,5]]},"268":{"position":[[9,6],[47,4],[221,5]]},"270":{"position":[[9,6],[43,4],[212,5],[505,5],[748,5],[1011,5],[1245,5],[1512,5],[1801,5],[2061,5],[2478,5],[2740,5]]},"272":{"position":[[8,6],[43,4],[248,5],[639,5],[901,5],[1153,5],[1407,5],[1733,5],[2146,5],[2506,5]]},"274":{"position":[[8,6],[42,4],[216,5],[498,5]]},"276":{"position":[[9,6],[43,4],[203,5],[452,5],[687,5]]},"278":{"position":[[8,6],[50,4],[190,5],[476,5]]},"280":{"position":[[9,6],[45,4],[247,5]]},"282":{"position":[[9,6],[50,4],[210,5]]},"284":{"position":[[8,6],[47,4],[207,5],[641,5],[1054,5]]},"286":{"position":[[9,6],[47,4],[203,5]]},"288":{"position":[[8,6],[45,4],[250,5],[655,5]]},"290":{"position":[[9,6],[43,4],[217,5]]},"292":{"position":[[9,6],[43,4],[205,5]]},"294":{"position":[[8,6],[47,4],[211,5],[493,5],[927,5]]},"296":{"position":[[8,6],[44,4],[204,5],[664,5]]},"298":{"position":[[9,6],[49,4],[211,5]]},"300":{"position":[[9,6],[44,4],[211,5]]},"302":{"position":[[8,6],[44,4],[218,5],[534,5]]},"304":{"position":[[8,6],[45,4],[250,5],[631,5]]},"306":{"position":[[9,6],[42,4],[271,5],[603,5],[855,5],[1132,5],[1459,5],[1806,5],[2080,5],[2334,5],[2610,5],[2885,5]]},"308":{"position":[[9,6],[43,4],[225,5],[502,5],[829,5],[1176,5],[1450,5],[1704,5],[1980,5],[2255,5],[2568,5],[2964,5]]},"310":{"position":[[9,6],[43,4],[321,5],[670,5]]},"312":{"position":[[9,6],[43,4],[257,5],[500,5],[762,5],[1015,5],[1233,5],[1480,5],[1793,5],[2113,5],[2380,5],[2669,5]]},"314":{"position":[[9,6],[42,4],[202,5],[451,5],[819,5],[1168,5]]},"316":{"position":[[9,6],[42,4],[247,5],[643,5],[936,5],[1179,5],[1441,5],[1694,5],[1912,5],[2159,5],[2472,5],[2792,5]]},"318":{"position":[[9,6],[43,4],[203,5],[620,5],[863,5],[1122,5],[1422,5],[1734,5],[2147,5],[2481,5],[2737,5],[2986,5]]},"320":{"position":[[9,6],[43,4],[210,5]]},"322":{"position":[[9,6],[50,4],[217,5]]},"324":{"position":[[8,6],[39,4],[184,5],[438,5],[715,5]]},"326":{"position":[[9,6],[42,4],[207,5],[496,5],[756,5],[1173,5],[1416,5],[1675,5],[1975,5],[2287,5],[2700,5],[3034,5]]},"328":{"position":[[8,6],[39,4],[268,5],[558,5],[885,5],[1114,5]]},"330":{"position":[[8,6],[38,4],[267,5],[570,5],[830,5],[1149,5],[1444,5]]},"332":{"position":[[9,6],[47,4],[216,5]]},"334":{"position":[[9,6],[38,4],[243,5]]},"336":{"position":[[8,6],[38,4],[219,5],[495,5]]},"338":{"position":[[9,6],[42,4],[221,5]]},"340":{"position":[[9,6],[41,4],[225,5]]},"342":{"position":[[9,6],[45,4],[223,5]]},"344":{"position":[[9,6],[41,4],[184,5]]},"346":{"position":[[8,6],[45,4],[253,5],[505,5],[821,5]]},"348":{"position":[[9,6],[37,4],[202,5]]},"350":{"position":[[8,6],[45,4],[211,5],[519,5],[934,5]]},"352":{"position":[[8,6],[42,4],[204,5],[617,5]]},"354":{"position":[[8,6],[41,4],[206,5],[501,5],[935,5],[1348,5]]},"356":{"position":[[9,6],[39,4],[217,5]]},"358":{"position":[[8,6],[40,4],[269,5],[567,5]]},"360":{"position":[[8,6],[36,4],[288,5],[600,5],[876,5],[1151,5],[1464,5],[1825,5],[2044,5]]},"362":{"position":[[9,6],[37,4],[172,5]]},"364":{"position":[[9,6],[37,4],[266,5],[598,5],[834,5],[1234,5],[1546,5],[1822,5],[2092,5],[2385,5],[2628,5],[2891,5]]},"366":{"position":[[8,6],[36,4],[210,5],[492,5]]},"368":{"position":[[8,6],[37,4],[202,5],[536,5]]},"370":{"position":[[9,6],[37,4],[193,5],[460,5],[749,5],[1009,5],[1426,5],[1688,5],[2100,5],[2349,5],[2573,5],[2803,5]]},"372":{"position":[[9,6],[38,4],[207,5]]},"374":{"position":[[9,6],[45,4],[244,5]]},"376":{"position":[[9,6],[41,4],[219,5]]},"378":{"position":[[9,6],[39,4],[217,5]]},"380":{"position":[[8,6],[44,4],[249,5],[616,5],[902,5]]},"382":{"position":[[9,6],[38,4],[216,5],[495,5],[680,5]]},"384":{"position":[[9,6],[38,4],[267,5],[572,5],[848,5],[1154,5],[1545,5],[1807,5],[2059,5],[2313,5],[2639,5],[3052,5]]},"386":{"position":[[9,6],[43,4],[221,5]]},"388":{"position":[[9,6],[43,4],[178,5]]},"390":{"position":[[8,6],[43,4],[209,5],[517,5]]},"392":{"position":[[8,6],[41,4],[201,5],[635,5],[1048,5],[1377,5],[1562,5]]},"394":{"position":[[8,6],[41,4],[223,5],[500,5],[900,5],[1174,5]]},"396":{"position":[[8,6],[40,4],[196,5],[500,5]]},"398":{"position":[[8,6],[44,4],[191,5],[389,5],[587,5]]},"400":{"position":[[9,6],[40,4],[214,5]]},"402":{"position":[[9,6],[45,4],[247,5]]},"404":{"position":[[8,6],[42,4],[208,5],[608,5]]},"406":{"position":[[8,6],[38,4],[267,5],[573,5]]},"408":{"position":[[9,6],[45,4],[297,5]]},"410":{"position":[[8,6],[39,4],[268,5],[597,5],[1002,5]]},"412":{"position":[[8,6],[40,4],[269,5],[559,5]]},"414":{"position":[[9,6],[45,4],[227,5]]},"416":{"position":[[8,6],[38,4],[212,5],[473,5]]},"418":{"position":[[8,6],[36,4],[218,5],[581,5],[886,5]]},"420":{"position":[[9,6],[36,4],[265,5]]},"422":{"position":[[9,6],[40,4],[219,5]]},"424":{"position":[[8,6],[41,4],[205,5],[487,5],[921,5]]},"426":{"position":[[9,6],[43,4],[205,5]]},"428":{"position":[[8,6],[37,4],[218,5],[487,5]]},"430":{"position":[[8,6],[38,4],[212,5],[528,5],[826,5],[1108,5]]},"432":{"position":[[9,6],[45,4],[212,5]]},"434":{"position":[[9,6],[39,4],[248,5]]},"436":{"position":[[8,6],[39,4],[205,5],[558,5],[939,5]]},"438":{"position":[[9,6],[39,4],[199,5]]},"440":{"position":[[9,6],[39,4],[241,5]]},"442":{"position":[[9,6],[39,4],[195,5]]},"444":{"position":[[9,6],[39,4],[175,5]]},"446":{"position":[[9,6],[39,4],[228,5]]},"448":{"position":[[9,6],[39,4],[208,5]]},"450":{"position":[[9,6],[39,4],[174,5]]},"452":{"position":[[9,6],[39,4],[190,5]]},"454":{"position":[[9,6],[39,4],[190,5]]},"456":{"position":[[9,6],[39,4],[186,5]]},"458":{"position":[[9,6],[39,4],[186,5]]},"460":{"position":[[9,6],[39,4],[184,5]]},"462":{"position":[[9,6],[39,4],[204,5]]},"464":{"position":[[9,6],[39,4],[193,5]]},"466":{"position":[[9,6],[39,4],[173,5]]},"468":{"position":[[9,6],[39,4],[276,5]]},"470":{"position":[[9,6],[39,4],[186,5]]},"472":{"position":[[9,6],[39,4],[241,5]]},"474":{"position":[[9,6],[39,4],[308,5]]},"476":{"position":[[9,6],[39,4],[184,5]]},"478":{"position":[[9,6],[39,4],[238,5]]},"480":{"position":[[9,6],[40,4],[254,5]]},"482":{"position":[[9,6],[40,4],[209,5]]},"484":{"position":[[9,6],[40,4],[245,5]]},"486":{"position":[[9,6],[40,4],[214,5]]},"488":{"position":[[9,6],[40,4],[221,5]]},"490":{"position":[[9,6],[40,4],[214,5]]},"492":{"position":[[9,6],[40,4],[292,5]]},"494":{"position":[[9,6],[40,4],[183,5]]},"496":{"position":[[9,6],[39,4],[241,5]]},"498":{"position":[[9,6],[39,4],[227,5]]},"500":{"position":[[9,6],[39,4],[217,5]]},"502":{"position":[[9,6],[39,4],[317,5]]},"504":{"position":[[9,6],[39,4],[217,5]]},"506":{"position":[[9,6],[39,4],[255,5]]},"508":{"position":[[9,6],[39,4],[198,5]]},"510":{"position":[[9,6],[39,4],[199,5]]},"512":{"position":[[9,6],[39,4],[191,5]]},"514":{"position":[[9,6],[39,4],[200,5]]},"516":{"position":[[9,6],[39,4],[223,5]]},"518":{"position":[[9,6],[39,4],[193,5]]},"520":{"position":[[9,6],[39,4],[184,5]]},"522":{"position":[[9,6],[39,4],[199,5]]},"524":{"position":[[9,6],[39,4],[201,5]]},"526":{"position":[[9,6],[39,4],[182,5]]},"528":{"position":[[9,6],[39,4],[204,5]]},"530":{"position":[[9,6],[39,4],[195,5]]},"532":{"position":[[9,6],[39,4],[193,5]]},"534":{"position":[[9,6],[39,4],[213,5]]},"536":{"position":[[9,6],[39,4],[206,5]]},"538":{"position":[[9,6],[39,4],[179,5]]},"540":{"position":[[9,6],[39,4],[179,5]]},"542":{"position":[[9,6],[39,4],[180,5]]},"544":{"position":[[9,6],[39,4],[203,5]]},"546":{"position":[[9,6],[39,4],[205,5]]},"548":{"position":[[9,6],[39,4],[218,5]]},"550":{"position":[[9,6],[39,4],[247,5]]},"552":{"position":[[9,6],[39,4],[221,5]]},"554":{"position":[[9,6],[39,4],[268,5]]},"568":{"position":[[2430,5],[2624,4],[9807,4]]},"624":{"position":[[430,3],[2849,3]]},"626":{"position":[[430,3],[3034,3]]},"632":{"position":[[429,3],[2512,3]]},"634":{"position":[[487,3],[2531,3]]},"636":{"position":[[442,3],[2486,3],[3141,3]]},"638":{"position":[[429,3],[2512,3]]},"642":{"position":[[439,3],[2884,3]]},"644":{"position":[[439,3],[2884,3]]},"650":{"position":[[9,6],[39,4],[194,5]]},"652":{"position":[[439,3],[2538,3]]},"660":{"position":[[1925,3],[69911,4]]}}}],["take",{"_index":1391,"t":{"568":{"position":[[840,5],[6876,6]]},"604":{"position":[[1886,4]]}}}],["tap",{"_index":3156,"t":{"610":{"position":[[652,3]]}}}],["target",{"_index":494,"t":{"74":{"position":[[380,8]]},"128":{"position":[[796,7]]},"568":{"position":[[1109,6],[1116,6],[1164,7]]},"570":{"position":[[1793,6],[1800,6],[1846,7]]},"592":{"position":[[1497,6],[1504,6],[1540,7]]},"654":{"position":[[2523,6],[2530,6],[2566,6]]},"656":{"position":[[1473,6],[1480,6],[1516,7]]}}}],["target.non",{"_index":1397,"t":{"568":{"position":[[1123,11]]},"570":{"position":[[1807,11]]},"592":{"position":[[1511,11]]},"654":{"position":[[2537,11]]},"656":{"position":[[1487,11]]}}}],["target=\"_blank\">about</a",{"_index":2474,"t":{"592":{"position":[[6627,25],[9621,25],[12619,25]]},"624":{"position":[[7761,25]]},"626":{"position":[[7237,25]]},"634":{"position":[[6701,25]]},"636":{"position":[[7792,25]]},"640":{"position":[[868,25]]},"642":{"position":[[6821,25]]},"644":{"position":[[6660,25]]},"646":{"position":[[873,25]]},"652":{"position":[[6726,25]]},"656":{"position":[[6784,25],[9109,25],[11582,25],[14012,25],[16431,25],[18763,25]]}}}],["task",{"_index":1053,"t":{"556":{"position":[[3489,4]]},"562":{"position":[[16739,4],[16839,4],[16943,4],[17046,4],[17160,4],[17265,4],[17363,4],[17463,4],[17567,4],[17670,4],[17784,4],[17889,4],[20267,4],[20353,4]]},"568":{"position":[[7616,4]]},"572":{"position":[[2247,4],[2317,4],[2387,4],[3216,4],[3286,4],[3356,4],[4533,4],[4603,4],[4673,4]]},"574":{"position":[[1764,4],[2739,4],[4263,4],[5446,4],[6139,4],[6631,4],[7255,4],[7896,4],[8599,4]]},"576":{"position":[[3099,4],[3173,4],[3861,4],[5611,4],[7309,4],[11539,4],[15786,4],[19927,4],[20737,4],[20813,4],[20889,4],[21002,4],[21111,4],[21222,4]]},"578":{"position":[[3974,4],[4042,4],[4634,4],[6323,4],[8467,4],[8535,4],[9645,4],[9713,4],[10331,4],[10399,4],[11421,4],[11489,4],[14703,4],[14812,4],[14916,4],[15023,4],[15128,4]]},"582":{"position":[[3231,4]]},"584":{"position":[[1846,4],[2023,4],[3510,4]]},"596":{"position":[[13077,4]]},"600":{"position":[[10876,4],[10950,4],[11028,4],[11105,4],[11193,4],[11269,4],[12473,4]]},"602":{"position":[[1258,4],[1378,4],[1468,4],[8038,4],[8225,4],[8873,4],[9111,4],[9507,4],[9653,4],[13848,4],[16975,4]]},"604":{"position":[[1113,4],[1233,4],[1323,4],[6151,4],[6336,4],[6975,4],[7243,4],[7665,4],[7807,4],[10293,4],[12363,4],[14625,4],[16689,4]]},"606":{"position":[[1209,4],[1329,4],[1419,4],[5217,4],[5412,4],[6099,4],[6349,4],[11055,4],[12305,4],[12620,4],[13354,4]]},"608":{"position":[[1054,4],[1174,4],[1264,4],[4885,4],[5070,4],[5712,4],[5947,4],[8679,4],[8984,4],[9626,4],[12938,4],[13123,4],[13198,4],[13277,4],[13358,4],[13435,4]]},"612":{"position":[[1307,4],[1362,4]]},"648":{"position":[[290,4],[1928,4],[3111,4],[3887,4],[4303,4],[4736,4],[5349,4]]},"654":{"position":[[24389,4],[24452,4],[24515,4]]},"658":{"position":[[1076,4],[1248,4]]},"660":{"position":[[3873,4],[52418,4],[58940,4],[75950,4],[78925,4],[82505,4],[103369,4],[105807,4],[112371,4],[128636,4],[131277,4]]}}}],["task.completedtask",{"_index":4577,"t":{"660":{"position":[[76099,19],[79074,19],[82654,19]]}}}],["task.delay(2000",{"_index":2438,"t":{"592":{"position":[[1975,17],[4074,17],[6965,17],[9959,17],[12957,17]]}}}],["task.delay(3000",{"_index":2212,"t":{"584":{"position":[[1942,17],[2117,17],[3602,17]]},"596":{"position":[[13124,17]]},"660":{"position":[[50068,17]]}}}],["task.delay(5000",{"_index":1484,"t":{"568":{"position":[[7689,17]]}}}],["task.fromresult(filterstransl",{"_index":4647,"t":{"660":{"position":[[108542,36]]}}}],["task.fromresult(new",{"_index":3279,"t":{"612":{"position":[[6248,19],[10004,19],[11513,19],[13007,19]]},"660":{"position":[[30654,19],[116547,19],[119171,19],[121832,19],[124608,19]]}}}],["task.fromresult(request.applyto(customers.orderby(custom",{"_index":3212,"t":{"612":{"position":[[2827,58],[4698,58],[7323,58]]}}}],["task.fromresult(request.applyto(employe",{"_index":4384,"t":{"660":{"position":[[9286,44],[11631,44],[14388,44],[16779,44],[19579,44],[21950,44],[24352,44],[28445,44],[33429,44],[35794,44],[38159,44],[40416,44],[42674,44],[46474,44],[49181,44],[52357,44],[61695,44],[65090,44],[68173,44],[71550,44],[74688,44],[77663,44],[80960,44],[84051,44],[86817,44],[92046,44],[100276,44],[102467,44],[104905,44],[108896,44],[112776,44],[126288,44]]}}}],["task.fromresult(request.applyto(navitem",{"_index":2439,"t":{"592":{"position":[[2006,43],[4105,43],[6996,43],[9990,43],[12988,43]]},"624":{"position":[[8275,43]]},"626":{"position":[[7751,43]]},"634":{"position":[[7042,43]]},"636":{"position":[[8133,43]]},"640":{"position":[[1249,43]]},"642":{"position":[[7335,43]]},"644":{"position":[[7174,43]]},"646":{"position":[[1254,43]]},"652":{"position":[[7067,43]]},"656":{"position":[[1933,43],[3034,43],[4866,43],[7125,43],[9478,43],[11951,43],[14381,43],[16772,43],[19255,43],[22558,43]]}}}],["task.fromresult(request.applyto(us",{"_index":4725,"t":{"660":{"position":[[129015,40],[131656,40]]}}}],["task.run",{"_index":1987,"t":{"576":{"position":[[20928,11],[21039,11],[21149,11],[21260,11]]},"578":{"position":[[14738,11],[14845,11],[14950,11],[15057,11],[15169,11]]},"582":{"position":[[3282,11]]}}}],["task<autocompletedataproviderresult<custom",{"_index":3209,"t":{"612":{"position":[[2530,46],[4401,46],[6005,46],[7026,46],[9788,46]]}}}],["task<autocompletedataproviderresult<customer2",{"_index":3319,"t":{"612":{"position":[[11263,47],[12757,47]]}}}],["task<bool",{"_index":1673,"t":{"574":{"position":[[302,10],[449,10],[611,10]]}}}],["task<chartdata",{"_index":2817,"t":{"602":{"position":[[857,15],[982,15],[1121,15]]},"604":{"position":[[712,15],[837,15],[976,15]]},"606":{"position":[[808,15],[933,15],[1072,15]]},"608":{"position":[[653,15],[778,15],[917,15]]}}}],["task<griddataproviderresult<customer2",{"_index":4698,"t":{"660":{"position":[[115942,39],[118566,39],[121227,39],[124003,39]]}}}],["task<griddataproviderresult<employe",{"_index":4470,"t":{"660":{"position":[[30117,38],[49956,38]]}}}],["task<griddataproviderresult<employee1",{"_index":4382,"t":{"660":{"position":[[9165,39],[11510,39],[14267,39],[16658,39],[19458,39],[21829,39],[24231,39],[33308,39],[35673,39],[38038,39],[49060,39],[52056,39],[61394,39],[64789,39],[67872,39],[71249,39],[74333,39],[77308,39],[80659,39],[83750,39],[86516,39],[91745,39],[99975,39],[102166,39],[104604,39],[108595,39],[125987,39]]}}}],["task<griddataproviderresult<employee2",{"_index":4495,"t":{"660":{"position":[[40295,39],[42553,39]]}}}],["task<griddataproviderresult<employee3",{"_index":4455,"t":{"660":{"position":[[28324,39],[46353,39]]}}}],["task<griddataproviderresult<employee4",{"_index":4655,"t":{"660":{"position":[[112475,39]]}}}],["task<griddataproviderresult<us",{"_index":4722,"t":{"660":{"position":[[128740,34],[131381,34]]}}}],["task<gridset",{"_index":4519,"t":{"660":{"position":[[52788,18]]}}}],["task<ienumerable<filteroperatorinfo",{"_index":4614,"t":{"660":{"position":[[107486,37]]}}}],["task<sidebar2dataproviderresult",{"_index":2434,"t":{"592":{"position":[[1828,32],[3927,32],[6818,32],[9812,32],[12810,32]]}}}],["task<sidebardataproviderresult",{"_index":3813,"t":{"624":{"position":[[8124,31]]},"626":{"position":[[7600,31]]},"634":{"position":[[6891,31]]},"636":{"position":[[7982,31]]},"640":{"position":[[1098,31]]},"642":{"position":[[7184,31]]},"644":{"position":[[7023,31]]},"646":{"position":[[1103,31]]},"652":{"position":[[6916,31]]},"656":{"position":[[1782,31],[2883,31],[4715,31],[6974,31],[9327,31],[11800,31],[14230,31],[16621,31],[19104,31],[22407,31]]}}}],["team",{"_index":130,"t":{"2":{"position":[[2726,4]]},"124":{"position":[[1214,4]]},"602":{"position":[[10228,6]]},"606":{"position":[[7220,6],[14419,6]]},"608":{"position":[[6774,6],[10645,6],[13943,6]]}}}],["technic",{"_index":2507,"t":{"594":{"position":[[1446,11]]}}}],["technolog",{"_index":1158,"t":{"560":{"position":[[2021,12],[2145,12]]},"566":{"position":[[3055,12],[3543,12],[4032,12],[4518,12],[5003,12],[5513,12],[6020,12],[6528,12],[7033,12],[7537,12]]}}}],["technologies</h4",{"_index":1378,"t":{"566":{"position":[[2923,17],[3411,17],[3900,17],[4386,17],[4871,17],[5381,17],[5888,17],[6396,17],[6901,17],[7405,17]]}}}],["tellu",{"_index":1841,"t":{"576":{"position":[[7745,7],[7837,6],[8066,6],[9866,6],[11010,6],[11986,7],[12078,6],[12307,6],[14107,6],[15251,6],[16127,7],[16219,6],[16448,6],[18248,6],[19392,6]]}}}],["temperature1",{"_index":3520,"t":{"616":{"position":[[5815,12]]}}}],["templat",{"_index":420,"t":{"60":{"position":[[153,9],[263,9],[329,10],[377,8],[429,8],[470,8],[517,8],[728,9],[753,9],[787,9]]},"80":{"position":[[1263,9]]},"132":{"position":[[900,9],[1010,9],[1117,9],[1142,9],[1176,9]]},"146":{"position":[[1719,9],[1829,9],[1936,9],[1961,9],[1995,9]]},"154":{"position":[[210,9],[320,9],[427,9],[452,9],[486,9]]},"204":{"position":[[37,10],[215,9],[325,9],[432,9],[457,9],[491,9]]},"206":{"position":[[29,10],[207,9],[317,9],[424,9],[449,9],[483,9]]},"220":{"position":[[696,9],[806,9],[913,9],[938,9],[972,9]]},"226":{"position":[[46,10],[224,9],[334,9],[441,9],[466,9],[500,9]]},"236":{"position":[[705,9],[815,9],[922,9],[947,9],[981,9]]},"310":{"position":[[201,9],[311,9],[418,9],[443,9],[477,9]]},"314":{"position":[[699,9],[809,9],[916,9],[941,9],[975,9]]},"502":{"position":[[197,9],[307,9],[414,9],[439,9],[473,9]]},"562":{"position":[[2230,9]]},"568":{"position":[[747,9]]},"576":{"position":[[359,9],[586,9],[729,9]]},"578":{"position":[[358,9],[768,9],[1020,9]]},"586":{"position":[[819,9]]},"596":{"position":[[980,8],[1490,8],[1611,9]]},"600":{"position":[[1967,9]]},"624":{"position":[[965,8],[1137,8],[2949,8],[3468,9],[8928,8]]},"626":{"position":[[967,8],[1139,8],[1310,9],[3134,8],[3655,9],[8391,8]]},"632":{"position":[[2612,8],[3130,9],[3358,8]]},"634":{"position":[[2642,8],[2966,9],[7819,8]]},"636":{"position":[[2597,8],[3203,9],[8986,8]]},"638":{"position":[[2612,8],[2946,9],[3179,8]]},"640":{"position":[[1706,10],[1947,9]]},"642":{"position":[[979,8],[1151,8],[2984,8],[3502,9],[7983,8]]},"644":{"position":[[979,8],[1151,8],[2984,8],[3502,9],[7822,8]]},"646":{"position":[[1711,10],[1964,9]]},"652":{"position":[[2638,8],[2964,9],[7679,8]]},"660":{"position":[[1347,8]]}}}],["templates1",{"_index":789,"t":{"142":{"position":[[529,10],[560,10],[692,10]]}}}],["tempor",{"_index":1865,"t":{"576":{"position":[[7989,7],[8393,6],[8918,6],[11076,6],[12230,7],[12634,6],[13159,6],[15317,6],[16371,7],[16775,6],[17300,6],[19458,6]]}}}],["tempu",{"_index":1940,"t":{"576":{"position":[[9557,7],[13798,7],[17939,7]]}}}],["tension",{"_index":2882,"t":{"602":{"position":[[4868,8],[4901,7],[4933,7]]}}}],["test",{"_index":1509,"t":{"568":{"position":[[9554,5]]},"588":{"position":[[933,4],[941,4]]}}}],["text",{"_index":295,"t":{"32":{"position":[[425,4]]},"42":{"position":[[316,4]]},"100":{"position":[[399,5],[480,5],[541,4]]},"108":{"position":[[265,4]]},"556":{"position":[[854,5],[1901,4]]},"558":{"position":[[665,4],[713,4],[819,4],[867,4],[919,4],[1419,4],[1467,4],[1519,4],[2152,4],[2200,4],[2252,4]]},"560":{"position":[[674,5],[1249,4],[1355,4],[1463,4],[1566,4],[1668,4],[1769,4],[1865,4],[1962,4],[2290,5],[2357,4]]},"566":{"position":[[630,4],[852,4],[1076,4],[1294,4],[1510,4],[1757,4],[1999,4],[2243,4],[2481,4],[2717,4],[2872,5],[3199,6],[3267,4],[3687,6],[3755,4],[4176,6],[4244,4],[4662,6],[4730,4],[5147,6],[5215,4],[5657,6],[5725,4],[6164,6],[6232,4],[6672,6],[6740,4],[7177,6],[7245,4],[7681,6],[7749,4],[7928,4]]},"568":{"position":[[818,5],[6912,4],[6963,4],[7965,5],[8092,5],[8223,5],[8356,5],[8547,5],[8832,4],[8848,6],[8887,4],[10000,4]]},"570":{"position":[[660,4],[2906,4],[3194,5],[3410,4],[3482,5],[3598,4],[3668,4],[4069,4],[4139,4],[4433,4],[4503,4],[5252,4],[5495,4],[6123,4],[6639,4],[6934,4],[7141,4],[7184,4],[7404,4],[7736,4],[8065,4],[8461,4],[8753,4],[9041,4],[9327,4],[9615,4],[9897,4],[10181,4],[10463,4],[11029,4],[11393,4],[11732,4],[12302,4],[12687,4],[13047,4],[13621,5],[13694,4]]},"574":{"position":[[1331,5],[1547,5],[3337,4],[3465,4],[3600,4],[3996,4],[4051,4],[9049,4]]},"576":{"position":[[4158,4],[4286,4],[4421,4],[5481,4],[6114,4],[6242,4],[6377,4],[20323,4],[20406,5]]},"578":{"position":[[3632,4],[4922,4],[5050,4],[5185,4],[6810,4],[6938,4],[7073,4],[8987,4],[10744,4],[14361,4]]},"582":{"position":[[585,5],[784,5],[981,5],[1194,5]]},"584":{"position":[[615,5],[1564,5],[3838,4]]},"586":{"position":[[1239,4],[2232,4],[2254,4]]},"590":{"position":[[188,4]]},"592":{"position":[[315,5],[1554,4],[1603,5],[2214,4],[2305,4],[2400,4],[2500,4],[2602,4],[2714,4],[2806,4],[2913,4],[3030,4],[3120,4],[3223,4],[3349,4],[3471,4],[3582,4],[4313,4],[4404,4],[4499,4],[4599,4],[4701,4],[4813,4],[4905,4],[5023,4],[5111,4],[5219,4],[5310,4],[5410,4],[5498,4],[5604,4],[5695,4],[5799,4],[5925,4],[6047,4],[6158,4],[7204,4],[7295,4],[7421,4],[7521,4],[7654,4],[7766,4],[7858,4],[7976,4],[8064,4],[8172,4],[8263,4],[8394,4],[8482,4],[8588,4],[8679,4],[8814,4],[8940,4],[9062,4],[9173,4],[10198,4],[10289,4],[10415,4],[10515,4],[10648,4],[10760,4],[10852,4],[10970,4],[11058,4],[11166,4],[11257,4],[11388,4],[11476,4],[11582,4],[11673,4],[11808,4],[11934,4],[12056,4],[12167,4],[13196,4],[13287,4],[13413,4],[13513,4],[13646,4],[13758,4],[13850,4],[13968,4],[14056,4],[14164,4],[14255,4],[14386,4],[14474,4],[14580,4],[14671,4],[14806,4],[14932,4],[15054,4],[15165,4]]},"594":{"position":[[414,4],[688,5],[3210,4],[4832,4]]},"596":{"position":[[1109,4]]},"598":{"position":[[2836,4],[2859,4],[2906,4],[3003,4],[3152,4],[3262,5],[3563,4],[4460,4],[4533,4]]},"610":{"position":[[475,5],[619,4],[1448,4],[1609,5],[1855,4],[1871,6],[1910,4],[2300,4]]},"612":{"position":[[512,5],[580,5],[9248,4]]},"614":{"position":[[245,4],[8070,4],[11155,4]]},"618":{"position":[[1056,4],[5156,4],[5191,4],[9339,4],[11783,4]]},"622":{"position":[[1568,4],[8285,4],[8320,4],[12704,4],[17795,4]]},"624":{"position":[[8468,4],[8587,4],[8678,4]]},"626":{"position":[[7944,4],[8063,4],[8154,4]]},"628":{"position":[[249,4],[7156,4],[10394,4]]},"630":{"position":[[1361,5]]},"634":{"position":[[7235,4],[7354,4],[7443,4]]},"636":{"position":[[8326,4],[8445,4],[8534,4]]},"640":{"position":[[1442,4],[1561,4],[1652,4]]},"642":{"position":[[7528,4],[7647,4],[7738,4]]},"644":{"position":[[7367,4],[7486,4],[7577,4]]},"646":{"position":[[1447,4],[1566,4],[1657,4]]},"648":{"position":[[591,5],[2047,4],[3230,4],[4006,4],[4137,5],[4403,4],[4836,4],[5960,4]]},"652":{"position":[[7260,4],[7379,4],[7468,4]]},"654":{"position":[[18175,5],[18200,4],[18233,4],[18467,4],[18518,4],[20221,4],[25925,4]]},"656":{"position":[[323,5],[1530,4],[1579,5],[2131,4],[2227,4],[2320,4],[2415,4],[2510,4],[3242,4],[3333,4],[3428,4],[3528,4],[3630,4],[3742,4],[3861,4],[3950,4],[4053,4],[4179,4],[4301,4],[4412,4],[5074,4],[5165,4],[5291,4],[5391,4],[5524,4],[5636,4],[5755,4],[5844,4],[5977,4],[6103,4],[6225,4],[6336,4],[7333,4],[7424,4],[7550,4],[7650,4],[7783,4],[7895,4],[8014,4],[8103,4],[8236,4],[8362,4],[8484,4],[8595,4],[9686,4],[9777,4],[9903,4],[10003,4],[10136,4],[10248,4],[10367,4],[10456,4],[10589,4],[10715,4],[10837,4],[10948,4],[12159,4],[12250,4],[12376,4],[12476,4],[12609,4],[12721,4],[12840,4],[12929,4],[13062,4],[13188,4],[13310,4],[13421,4],[14589,4],[14680,4],[14806,4],[14906,4],[15039,4],[15151,4],[15270,4],[15359,4],[15492,4],[15618,4],[15740,4],[15851,4],[16980,4],[17071,4],[17197,4],[17297,4],[17430,4],[17542,4],[17661,4],[17750,4],[17883,4],[18009,4],[18131,4],[18242,4],[19463,4],[19554,4],[19680,4],[19780,4],[19913,4],[20025,4],[20144,4],[20233,4],[20366,4],[20492,4],[20614,4],[20725,4],[21145,4],[21311,4],[21615,4],[21666,4],[21718,4],[21767,4],[21818,4],[21868,4],[21974,4],[22081,4],[22766,4],[22857,4],[22952,4],[23052,4],[23154,4],[23280,4],[23413,4],[23516,4],[23619,4],[23745,4],[23867,4],[23978,4]]},"660":{"position":[[1452,4],[2077,5],[2423,4],[5369,5],[5446,4],[6676,4],[6791,4],[35864,4],[42761,4],[88627,4],[89415,4],[90217,4],[91005,4],[93132,4],[93191,4],[94123,4],[94182,4],[95113,4],[95171,4],[96103,4],[96162,4],[97091,4],[97147,4],[98076,4],[98132,4],[99066,4],[99127,4],[101355,4],[103781,4],[106333,4],[106462,4],[116752,4],[119394,4],[122067,4],[133770,4]]}}}],["text\"></div",{"_index":4018,"t":{"642":{"position":[[4582,12]]},"652":{"position":[[4038,12]]}}}],["text\">info",{"_index":3563,"t":{"618":{"position":[[4654,11],[4955,11]]}}}],["text\">tip",{"_index":3560,"t":{"618":{"position":[[4189,10],[6206,10]]},"622":{"position":[[8124,10],[9419,10]]}}}],["text.</p",{"_index":4156,"t":{"654":{"position":[[18614,9]]}}}],["text</dropdowntogglebutton",{"_index":4115,"t":{"654":{"position":[[10900,27]]}}}],["text=\"act",{"_index":2303,"t":{"586":{"position":[[5808,15],[8844,15]]}}}],["text=\"appoint",{"_index":2266,"t":{"586":{"position":[[4007,18],[7161,18]]}}}],["text=\"arch",{"_index":2276,"t":{"586":{"position":[[4362,14],[7477,14]]}}}],["text=\"delet",{"_index":2268,"t":{"586":{"position":[[4099,14],[4218,13],[7253,14],[7352,13]]}}}],["text=\"download",{"_index":2289,"t":{"586":{"position":[[4963,16],[8048,16]]}}}],["text=\"new",{"_index":2258,"t":{"586":{"position":[[3775,11],[5413,11],[6916,11],[8480,11]]}}}],["text=\"send",{"_index":2280,"t":{"586":{"position":[[4527,10],[7658,10]]}}}],["text>curr",{"_index":2189,"t":{"582":{"position":[[3129,13]]}}}],["textalign",{"_index":1519,"t":{"570":{"position":[[604,13],[7254,13]]},"618":{"position":[[1000,13],[5238,13]]},"622":{"position":[[1512,13],[8367,13]]},"660":{"position":[[6619,13],[38246,13],[38317,13]]}}}],["textalignment=\"alignment.cent",{"_index":1588,"t":{"570":{"position":[[7584,32]]},"618":{"position":[[5450,32]]},"622":{"position":[[8607,32]]},"660":{"position":[[25929,32],[38626,33],[39099,33],[40869,33],[41357,33],[43132,33],[43982,33],[114584,33],[117113,33],[119774,33],[122469,33]]}}}],["textalignment=\"alignment.end",{"_index":1589,"t":{"570":{"position":[[7916,29]]},"618":{"position":[[5681,29]]},"622":{"position":[[8866,29]]},"660":{"position":[[25718,29],[38949,30],[41192,30],[43817,30]]}}}],["textbox",{"_index":291,"t":{"32":{"position":[[352,7]]},"612":{"position":[[99,7],[1616,7]]},"660":{"position":[[4686,7],[24431,7],[24532,7],[24601,7],[133655,7]]}}}],["textnowrap",{"_index":4327,"t":{"660":{"position":[[6756,10]]}}}],["textnowrap=\"tru",{"_index":4420,"t":{"660":{"position":[[25329,17],[25457,17],[42785,17],[43497,18],[43602,18]]}}}],["that'",{"_index":4152,"t":{"654":{"position":[[18523,6]]}}}],["thead",{"_index":4270,"t":{"660":{"position":[[1919,5],[2925,5]]}}}],["theadcssclass",{"_index":4283,"t":{"660":{"position":[[2881,13]]}}}],["therebi",{"_index":2045,"t":{"578":{"position":[[9048,7],[10805,7]]}}}],["they'll",{"_index":1533,"t":{"570":{"position":[[2743,7]]}}}],["they'r",{"_index":2007,"t":{"578":{"position":[[3111,7]]},"630":{"position":[[310,7]]}}}],["they’ll",{"_index":1577,"t":{"570":{"position":[[6368,7]]}}}],["thing",{"_index":1030,"t":{"556":{"position":[[2103,6]]},"584":{"position":[[125,6]]},"630":{"position":[[378,6]]}}}],["third",{"_index":687,"t":{"110":{"position":[[361,5]]},"562":{"position":[[3515,5],[5526,5],[7369,5],[9185,5],[11001,5],[13205,5],[19498,5],[21927,5]]},"570":{"position":[[5055,5],[5753,5]]},"658":{"position":[[160,5]]}}}],["those",{"_index":1045,"t":{"556":{"position":[[3127,5],[3338,5]]},"568":{"position":[[5537,5]]}}}],["though",{"_index":1244,"t":{"562":{"position":[[2826,6],[3377,6],[3927,6],[4690,6],[5315,6],[5938,6],[6680,6],[7231,6],[7781,6],[8482,6],[9047,6],[9597,6],[10312,6],[10863,6],[11413,6],[12492,6],[13055,6],[13617,6],[14175,6],[14723,6],[15283,6],[18809,6],[19360,6],[19910,6],[21194,6],[21767,6],[22339,6]]}}}],["three",{"_index":1732,"t":{"574":{"position":[[4737,5]]},"578":{"position":[[11588,5]]},"596":{"position":[[5248,5]]}}}],["through",{"_index":402,"t":{"56":{"position":[[280,7]]},"70":{"position":[[436,7]]},"558":{"position":[[1046,7]]},"560":{"position":[[2311,7]]},"566":{"position":[[3221,7],[3709,7],[4198,7],[4684,7],[5169,7],[5679,7],[6186,7],[6694,7],[7199,7],[7703,7]]},"574":{"position":[[2219,7]]},"576":{"position":[[3422,7]]},"578":{"position":[[4216,7]]},"580":{"position":[[1140,7]]}}}],["throw",{"_index":731,"t":{"112":{"position":[[552,6]]},"570":{"position":[[5187,5]]}}}],["thrown",{"_index":1408,"t":{"568":{"position":[[1888,6]]}}}],["thu",{"_index":2254,"t":{"586":{"position":[[3065,4],[3173,4]]},"600":{"position":[[1205,4],[1313,4]]}}}],["tick",{"_index":693,"t":{"110":{"position":[[515,4]]},"128":{"position":[[257,4]]},"616":{"position":[[518,4],[5447,4],[5466,4],[6267,4]]}}}],["tickmark",{"_index":3474,"t":{"616":{"position":[[464,9],[833,8],[5502,9],[6185,8]]}}}],["tickmarks=\"list",{"_index":3516,"t":{"616":{"position":[[5645,16]]}}}],["tidy.</p",{"_index":1032,"t":{"556":{"position":[[2119,9]]}}}],["time",{"_index":102,"t":{"2":{"position":[[2183,5]]},"68":{"position":[[306,4]]},"80":{"position":[[1103,4],[1648,4]]},"82":{"position":[[572,4]]},"124":{"position":[[671,5]]},"562":{"position":[[23456,4]]},"576":{"position":[[2774,5],[5004,4],[6011,4]]},"578":{"position":[[3361,5],[5773,4]]},"602":{"position":[[212,5],[307,5]]},"612":{"position":[[2702,4],[4573,4],[7198,4]]},"614":{"position":[[9647,4]]},"620":{"position":[[2936,4]]},"628":{"position":[[6,4],[37,4],[236,4],[287,4],[1117,4],[1150,4],[1941,5],[2120,5],[2888,5],[2928,5],[2972,5],[3191,5],[3231,5],[3275,5],[3836,5],[4586,5],[6278,5],[6899,5],[8264,4],[8456,4],[8815,5],[9080,4],[9137,4],[9195,4],[9636,5],[10035,5],[11895,4],[11992,4]]},"630":{"position":[[4861,4],[6395,4],[10146,5]]},"660":{"position":[[52214,4],[52603,5],[61552,4],[64947,4],[68030,4],[71407,4],[74545,4],[77520,4],[80817,4],[83908,4],[86674,4],[91903,4],[100133,4],[102324,4],[104762,4],[108753,4],[112633,4],[126145,4],[128880,4],[131521,4]]}}}],["time1",{"_index":3838,"t":{"628":{"position":[[2164,5],[3319,6],[3417,5],[4100,5],[4829,5],[8727,6],[8859,5],[8946,5]]}}}],["time1</div",{"_index":3834,"t":{"628":{"position":[[1947,12],[2978,12],[3842,12],[4592,12],[8821,12]]}}}],["time2",{"_index":3840,"t":{"628":{"position":[[2211,6],[3356,6],[3537,5]]}}}],["time2</div",{"_index":3837,"t":{"628":{"position":[[2126,12],[3281,12]]}}}],["timechanged(timeonli",{"_index":3879,"t":{"628":{"position":[[8913,20]]}}}],["timechanged(valu",{"_index":3878,"t":{"628":{"position":[[8759,19]]}}}],["timeinput",{"_index":443,"t":{"68":{"position":[[116,9],[169,9],[787,9],[983,9]]},"80":{"position":[[1914,9]]},"98":{"position":[[117,10],[329,9],[349,10],[785,9],[1048,9]]},"126":{"position":[[1372,10],[1487,9]]},"136":{"position":[[1208,9],[2457,9],[2555,9]]},"146":{"position":[[1260,9]]},"212":{"position":[[1134,10],[1249,9]]},"214":{"position":[[994,9],[2243,9],[2341,9]]},"222":{"position":[[883,9]]},"232":{"position":[[1003,9],[2252,9],[2350,9]]},"234":{"position":[[1143,10],[1258,9]]},"254":{"position":[[164,9],[262,9]]},"256":{"position":[[452,9]]},"262":{"position":[[169,9],[267,9]]},"264":{"position":[[748,9],[900,9],[998,9]]},"270":{"position":[[706,10],[821,9],[2302,9],[2699,9],[2797,9]]},"272":{"position":[[597,10],[712,9],[1692,9],[1790,9]]},"282":{"position":[[451,9]]},"284":{"position":[[448,9],[600,9],[698,9]]},"292":{"position":[[164,9],[262,9]]},"294":{"position":[[169,10],[284,9],[734,9],[886,9],[984,9]]},"296":{"position":[[445,9]]},"298":{"position":[[170,9],[268,9]]},"312":{"position":[[458,10],[573,9]]},"316":{"position":[[1137,10],[1252,9]]},"318":{"position":[[444,9],[1693,9],[1791,9]]},"326":{"position":[[997,9],[2246,9],[2344,9]]},"350":{"position":[[760,9]]},"352":{"position":[[163,9],[261,9]]},"354":{"position":[[742,9],[894,9],[992,9]]},"364":{"position":[[2586,10],[2701,9]]},"370":{"position":[[1250,9],[1647,9],[1745,9]]},"384":{"position":[[1503,10],[1618,9],[2598,9],[2696,9]]},"390":{"position":[[758,9]]},"392":{"position":[[442,9],[594,9],[692,9]]},"416":{"position":[[714,9]]},"424":{"position":[[20,11],[163,10],[278,9],[728,9],[880,9],[978,9]]},"426":{"position":[[164,9],[262,9]]},"522":{"position":[[440,9]]},"524":{"position":[[160,9],[258,9]]},"544":{"position":[[161,10],[276,9]]},"628":{"position":[[69,9],[1264,9],[1456,10],[1667,9],[1855,10],[2033,10],[2419,9],[2762,10],[3064,10],[3699,10],[3729,10],[4374,10],[4482,10],[5033,9],[6351,10],[6972,10],[8625,9],[8661,10],[9709,10],[10108,10]]}}}],["timeinput1",{"_index":3851,"t":{"628":{"position":[[4789,10]]}}}],["timeinput1.dis",{"_index":3852,"t":{"628":{"position":[[4897,21]]}}}],["timeinput1.en",{"_index":3853,"t":{"628":{"position":[[4944,20]]}}}],["timeinput3",{"_index":884,"t":{"142":{"position":[[1719,10]]}}}],["timeinput<timeonli",{"_index":3850,"t":{"628":{"position":[[4769,19],[10658,20]]}}}],["timeonli",{"_index":444,"t":{"68":{"position":[[203,8],[216,9]]},"628":{"position":[[1577,8],[1696,8],[1709,10],[1759,8],[1772,10],[2155,8],[2201,9],[3310,8],[3346,9],[4091,8],[4820,8],[8289,9],[8481,9],[8850,8],[8934,9],[8954,9],[10788,9],[10822,9],[11920,9],[12017,9]]}}}],["timeonly(10",{"_index":3841,"t":{"628":{"position":[[3429,12],[4112,12],[4841,12],[8871,12]]}}}],["timeonly(13",{"_index":3831,"t":{"628":{"position":[[1598,12]]}}}],["timeonly(18",{"_index":3845,"t":{"628":{"position":[[3508,12],[3601,12]]}}}],["timeonly(6",{"_index":3839,"t":{"628":{"position":[[2176,11]]}}}],["timeonly(8",{"_index":3843,"t":{"628":{"position":[[3469,11],[3562,11]]}}}],["timeout",{"_index":426,"t":{"62":{"position":[[205,7]]},"630":{"position":[[4827,7],[6361,7]]}}}],["timepick",{"_index":456,"t":{"68":{"position":[[993,10]]},"136":{"position":[[2565,10]]},"214":{"position":[[2351,10]]},"232":{"position":[[2360,10]]},"254":{"position":[[272,10]]},"262":{"position":[[277,10]]},"264":{"position":[[1008,10]]},"270":{"position":[[2807,10]]},"272":{"position":[[1800,10]]},"284":{"position":[[708,10]]},"292":{"position":[[272,10]]},"294":{"position":[[994,10]]},"298":{"position":[[278,10]]},"318":{"position":[[1801,10]]},"326":{"position":[[2354,10]]},"352":{"position":[[271,10]]},"354":{"position":[[1002,10]]},"370":{"position":[[1755,10]]},"384":{"position":[[2706,10]]},"392":{"position":[[702,10]]},"424":{"position":[[988,10]]},"426":{"position":[[21,12],[272,10]]},"524":{"position":[[268,10]]}}}],["timepicker1",{"_index":885,"t":{"142":{"position":[[1730,11]]}}}],["tincidunt",{"_index":1833,"t":{"576":{"position":[[7661,9],[8421,9],[10812,9],[11902,9],[12662,9],[15053,9],[16043,9],[16803,9],[19194,9]]}}}],["tip",{"_index":1375,"t":{"566":{"position":[[1480,3],[2687,3]]},"602":{"position":[[6271,3]]},"604":{"position":[[4305,3]]},"606":{"position":[[3674,3]]},"608":{"position":[[3392,3]]},"624":{"position":[[2640,3]]},"626":{"position":[[2825,3]]},"630":{"position":[[11689,3]]},"632":{"position":[[2299,3]]},"634":{"position":[[2322,3]]},"636":{"position":[[2277,3]]},"638":{"position":[[2299,3]]},"642":{"position":[[2659,3]]},"644":{"position":[[2659,3]]},"652":{"position":[[2313,3]]},"660":{"position":[[19744,3],[42832,3],[50199,3]]}}}],["titem=\"custom",{"_index":3201,"t":{"612":{"position":[[2238,16],[4065,16],[5696,16],[6665,16],[8658,16]]}}}],["titem=\"customer2",{"_index":3313,"t":{"612":{"position":[[10658,17],[12217,17]]},"660":{"position":[[114173,17],[114395,17],[114664,17],[114880,17],[115061,17],[115242,17],[115433,17],[115634,17],[116694,17],[116887,17],[117193,17],[117450,17],[117631,17],[117812,17],[118003,17],[118204,17],[119336,17],[119548,17],[119854,17],[120111,17],[120292,17],[120473,17],[120664,17],[120865,17],[122009,17],[122243,17],[122549,17],[122807,17],[122988,17],[123169,17],[123360,17],[123641,17]]}}}],["titem=\"employe",{"_index":2556,"t":{"596":{"position":[[2329,16],[3213,16],[3473,16],[5330,16],[5589,16],[5848,16],[8401,16],[8679,16],[10456,16],[11036,16],[11906,16],[12738,16],[13634,16]]},"660":{"position":[[28676,16],[28890,16],[29030,16],[29206,16],[29377,16],[29562,16],[29722,16],[29867,16],[49448,16],[49604,16],[49676,16],[49763,16],[49848,16]]}}}],["titem=\"employee1",{"_index":4330,"t":{"660":{"position":[[7220,17],[7383,17],[7474,17],[7580,17],[7698,17],[7792,17],[9521,17],[9684,17],[9775,17],[9925,17],[10043,17],[10137,17],[12039,17],[12212,17],[12285,17],[12371,17],[12462,17],[12537,17],[14635,17],[14796,17],[14903,17],[15025,17],[15159,17],[15269,17],[16892,17],[17107,17],[17232,17],[17374,17],[17535,17],[17664,17],[19814,17],[19977,17],[20138,17],[20244,17],[20362,17],[20456,17],[22290,17],[22453,17],[22545,17],[22651,17],[22769,17],[22863,17],[31220,17],[31363,17],[31473,17],[31666,17],[31803,17],[31916,17],[33682,17],[33825,17],[33935,17],[34060,17],[34168,17],[34281,17],[36088,17],[36211,17],[36323,17],[36409,17],[36539,17],[36653,17],[46782,17],[47005,17],[47078,17],[47164,17],[47255,17],[47330,17],[50798,17],[51097,17],[51292,17],[51434,17],[51595,17],[51724,17],[55031,17],[55145,17],[55236,17],[55342,17],[55460,17],[55554,17],[57520,17],[57628,17],[57719,17],[57825,17],[57943,17],[58037,17],[60406,17],[60630,17],[60755,17],[60897,17],[61058,17],[61187,17],[63756,17],[63957,17],[64082,17],[64224,17],[64385,17],[64514,17],[66886,17],[67087,17],[67212,17],[67374,17],[67535,17],[67664,17],[70046,17],[70247,17],[70372,17],[70514,17],[70675,17],[70804,17],[73304,17],[73499,17],[73590,17],[73696,17],[73814,17],[73908,17],[76236,17],[76474,17],[76565,17],[76671,17],[76789,17],[76883,17],[79481,17],[79825,17],[79916,17],[80022,17],[80140,17],[80234,17],[82717,17],[82898,17],[82971,17],[83057,17],[83148,17],[83223,17],[85783,17],[86037,17],[86110,17],[86196,17],[86287,17],[86362,17],[88496,17],[88686,17],[88793,17],[88915,17],[89049,17],[89159,17],[89284,17],[89488,17],[89595,17],[89717,17],[89851,17],[89961,17],[90086,17],[90276,17],[90383,17],[90505,17],[90639,17],[90749,17],[90874,17],[91078,17],[91185,17],[91307,17],[91441,17],[91551,17],[92979,17],[93264,17],[93389,17],[93531,17],[93692,17],[93821,17],[93970,17],[94255,17],[94380,17],[94522,17],[94683,17],[94812,17],[94961,17],[95244,17],[95369,17],[95511,17],[95672,17],[95801,17],[95950,17],[96235,17],[96360,17],[96502,17],[96663,17],[96792,17],[96941,17],[97220,17],[97345,17],[97487,17],[97648,17],[97777,17],[97926,17],[98205,17],[98330,17],[98472,17],[98633,17],[98762,17],[98911,17],[99200,17],[99325,17],[99467,17],[99628,17],[99757,17],[101203,17],[101438,17],[101545,17],[101667,17],[101801,17],[101911,17],[103630,17],[103876,17],[103983,17],[104105,17],[104239,17],[104349,17],[106163,17],[106711,17],[106836,17],[106978,17],[107139,17],[107268,17],[124894,17],[125212,17],[125337,17],[125479,17],[125640,17],[125769,17]]}}}],["titem=\"employee2",{"_index":4491,"t":{"660":{"position":[[38430,17],[38553,17],[38698,17],[38784,17],[38875,17],[39022,17],[40673,17],[40796,17],[40941,17],[41027,17],[41118,17],[41280,17]]}}}],["titem=\"employee3",{"_index":4408,"t":{"660":{"position":[[24641,17],[24804,17],[24919,17],[25056,17],[25190,17],[25290,17],[25414,17],[25550,17],[25644,17],[25852,17],[42918,17],[43059,17],[43204,17],[43292,17],[43379,17],[43458,17],[43559,17],[43668,17],[43743,17],[43905,17]]}}}],["titem=\"employee4",{"_index":4649,"t":{"660":{"position":[[110768,17],[110942,17],[111033,17],[111139,17],[111257,17],[111375,17],[111493,17],[111611,17],[111705,17],[111812,17],[111919,17],[112026,17],[112133,17]]}}}],["titem=\"us",{"_index":4710,"t":{"660":{"position":[[127970,12],[128124,12],[128210,12],[128307,12],[128396,12],[130430,12],[130584,12],[130698,12],[130808,12],[130930,12],[131019,12]]}}}],["titl",{"_index":229,"t":{"12":{"position":[[561,5]]},"42":{"position":[[439,5]]},"44":{"position":[[366,5]]},"72":{"position":[[394,5]]},"86":{"position":[[276,5]]},"100":{"position":[[472,7]]},"562":{"position":[[2125,5],[2160,6],[2224,5],[4026,5],[4070,6],[23579,5]]},"568":{"position":[[1496,6]]},"570":{"position":[[2163,5],[2595,5],[2932,5],[3474,7],[3694,5],[4165,5],[4529,5],[5521,5],[6069,5],[6585,5],[6880,5],[7350,5],[7682,5],[8011,5],[8487,5],[8779,5],[9067,5],[9353,5],[9641,5],[9923,5],[10207,5],[10489,5],[13613,7]]},"574":{"position":[[228,6],[358,6],[508,6],[1838,6],[4505,6],[5591,6],[6255,8],[6789,6],[6812,7],[7395,6],[8105,7],[8693,6],[8716,7]]},"576":{"position":[[1140,5],[1185,6],[7547,6],[11786,6],[15927,6],[20154,6]]},"578":{"position":[[1636,5],[1684,6],[1875,6],[3598,7],[7977,6],[8810,6],[9902,6],[10539,6],[14163,6]]},"586":{"position":[[706,5],[745,6],[813,5],[1203,5]]},"592":{"position":[[651,5],[690,6]]},"594":{"position":[[372,5],[408,5]]},"600":{"position":[[1854,5],[1893,6],[1961,5],[1995,5],[3853,5],[3891,6],[16271,5]]},"610":{"position":[[577,5]]},"614":{"position":[[12329,6]]},"628":{"position":[[7778,6],[11602,6]]},"630":{"position":[[1524,5],[1571,6],[3005,5],[3182,6],[4658,5],[5987,5],[9592,5],[11257,5],[12306,5]]},"648":{"position":[[851,5],[887,6],[2002,5],[2017,7],[3185,5],[3200,7],[3961,5],[3976,7],[4358,5],[4373,7],[4791,5],[4806,7],[5471,5],[5684,5]]},"656":{"position":[[670,5],[717,6],[21139,5],[21299,5],[21354,5]]},"660":{"position":[[103494,5],[105938,5]]}}}],["title</cardtitl",{"_index":1538,"t":{"570":{"position":[[2859,17],[3554,17],[4025,17],[4389,17],[5448,17],[8414,17],[8706,17],[8994,17],[9280,17],[9568,17],[9850,17],[10134,17],[10416,17],[10964,17],[11340,17],[11667,17],[12237,17],[12634,17],[12982,17]]}}}],["title=\"<strong>tooltip</strong",{"_index":3179,"t":{"610":{"position":[[2020,31]]}}}],["title=\"@customer.customernam",{"_index":2763,"t":{"600":{"position":[[13017,30],[14071,31],[15133,30]]}}}],["title=\"@text",{"_index":3177,"t":{"610":{"position":[[1643,13]]}}}],["title=\"about",{"_index":1274,"t":{"562":{"position":[[14809,13]]},"600":{"position":[[7910,14],[8516,14],[9130,14],[10210,14],[12289,14]]}}}],["title=\"accordion",{"_index":1232,"t":{"562":{"position":[[2363,16],[2912,16],[3463,16],[6217,16],[6766,16],[7317,16],[8019,16],[8568,16],[9133,16],[9849,16],[10398,16],[10949,16],[18346,16],[18895,16],[19446,16],[20709,16],[21280,16],[21853,16]]}}}],["title=\"blazor",{"_index":2430,"t":{"592":{"position":[[1691,13],[3790,13],[6435,13],[9429,13],[12427,13]]},"624":{"position":[[7589,13]]},"626":{"position":[[7065,13]]},"634":{"position":[[6529,13]]},"636":{"position":[[7620,13]]},"640":{"position":[[696,13]]},"642":{"position":[[6649,13]]},"644":{"position":[[6488,13]]},"646":{"position":[[701,13]]},"652":{"position":[[6554,13]]},"656":{"position":[[1666,13],[2767,13],[4599,13],[6612,13],[8864,13],[11318,13],[13748,13],[16167,13],[18572,13],[22291,13]]}}}],["title=\"click",{"_index":3172,"t":{"610":{"position":[[1366,12]]}}}],["title=\"contact",{"_index":1266,"t":{"562":{"position":[[13141,15]]},"600":{"position":[[2678,16],[3611,16],[5698,16],[6546,16],[7226,16],[7780,16],[8386,16],[9000,16],[9797,16],[12159,16]]}}}],["title=\"dis",{"_index":3166,"t":{"610":{"position":[[1153,15]]}}}],["title=\"extra",{"_index":2055,"t":{"578":{"position":[[11729,12]]}}}],["title=\"faq",{"_index":1271,"t":{"562":{"position":[[14261,12]]},"600":{"position":[[10075,12]]}}}],["title=\"fold",{"_index":2297,"t":{"586":{"position":[[5357,15],[8408,14]]}}}],["title=\"ful",{"_index":2069,"t":{"578":{"position":[[12465,11],[12586,11],[12719,11],[12853,11],[12986,11],[13125,11]]}}}],["title=\"hom",{"_index":1262,"t":{"562":{"position":[[12020,12]]},"586":{"position":[[3705,12],[6862,13]]},"600":{"position":[[2220,12],[3153,12],[4998,12],[6088,12],[6956,12],[7510,12],[8116,12],[8730,12],[9527,12],[11905,13]]}}}],["title=\"info",{"_index":2705,"t":{"598":{"position":[[4180,11]]}}}],["title=\"larg",{"_index":2058,"t":{"578":{"position":[[11848,12]]}}}],["title=\"mod",{"_index":2017,"t":{"578":{"position":[[3585,12],[7964,12],[8797,12],[9889,12],[10526,12],[14150,12]]}}}],["title=\"offcanva",{"_index":1819,"t":{"576":{"position":[[7067,16],[7530,16],[11769,16],[15910,16],[20137,16]]}}}],["title=\"product",{"_index":1268,"t":{"562":{"position":[[13703,16]]},"600":{"position":[[9927,16]]}}}],["title=\"profil",{"_index":1264,"t":{"562":{"position":[[12578,15]]},"600":{"position":[[2454,16],[3387,16],[5232,16],[6322,16],[7096,16],[7650,16],[8256,16],[8870,16],[9667,16],[12029,16]]}}}],["title=\"project",{"_index":2718,"t":{"600":{"position":[[5456,16]]}}}],["title=\"send",{"_index":2277,"t":{"586":{"position":[[4452,11],[7567,11]]}}}],["title=\"smal",{"_index":2061,"t":{"578":{"position":[[11956,12]]}}}],["title=\"tooltip",{"_index":3157,"t":{"610":{"position":[[709,14],[809,14],[873,14],[976,14]]}}}],["title>net6.blazorwebassemblyapp</titl",{"_index":4029,"t":{"644":{"position":[[3776,40]]}}}],["title>net7.blazorwebassemblyapp</titl",{"_index":4010,"t":{"642":{"position":[[3776,40]]}}}],["title>net8.blazorwebassemblystandaloneapp</titl",{"_index":4063,"t":{"652":{"position":[[3212,50]]}}}],["titletempl",{"_index":1230,"t":{"562":{"position":[[2173,13],[4081,14],[4155,15],[4237,16],[4777,15],[4860,16],[5402,15],[5484,16]]},"586":{"position":[[758,13]]},"600":{"position":[[1906,13],[2004,13],[3906,13],[4026,15],[4082,16],[4304,15],[4364,16],[4589,15],[4648,16]]}}}],["to=\"#\">anoth",{"_index":1555,"t":{"570":{"position":[[3803,14],[5834,14]]}}}],["to=\"#\">card",{"_index":1553,"t":{"570":{"position":[[3765,11],[5796,11]]}}}],["toast",{"_index":155,"t":{"2":{"position":[[3500,6],[3607,5]]},"6":{"position":[[106,6],[166,6]]},"12":{"position":[[699,6]]},"22":{"position":[[179,6],[325,6],[382,6]]},"44":{"position":[[179,6],[319,6],[346,6],[472,6],[539,6],[582,6]]},"52":{"position":[[120,5],[198,6],[613,6],[891,5]]},"66":{"position":[[119,6],[163,6],[190,5],[334,6],[412,6],[426,6]]},"86":{"position":[[141,7],[368,6],[682,6],[852,6]]},"92":{"position":[[137,5],[244,5],[486,5]]},"112":{"position":[[155,6],[599,5],[615,6],[969,5]]},"126":{"position":[[2369,5],[2497,5],[2679,7],[2830,6]]},"132":{"position":[[119,6],[204,6],[218,6],[2771,5],[2849,6],[3041,5]]},"134":{"position":[[1001,6],[1960,6]]},"140":{"position":[[833,6],[887,6],[930,6]]},"148":{"position":[[554,6],[661,5]]},"158":{"position":[[2310,6],[2417,5]]},"160":{"position":[[761,5],[839,6],[1031,5]]},"166":{"position":[[178,5],[256,6],[448,5]]},"168":{"position":[[170,5],[248,6],[440,5]]},"194":{"position":[[171,5],[249,6],[441,5]]},"196":{"position":[[232,6],[286,6],[329,6]]},"198":{"position":[[236,6],[290,6],[333,6]]},"202":{"position":[[171,5],[249,6],[441,5]]},"210":{"position":[[28,7],[169,6],[254,6],[268,6],[477,6],[531,6],[574,6]]},"212":{"position":[[2131,5],[2259,5],[2441,7],[2592,6]]},"214":{"position":[[3003,6],[3088,6],[3102,6]]},"216":{"position":[[29,6],[170,5],[248,6],[440,5]]},"220":{"position":[[2567,5],[2645,6],[2837,5]]},"230":{"position":[[2319,6],[2426,5]]},"232":{"position":[[3012,6],[3097,6],[3111,6]]},"234":{"position":[[2140,5],[2268,5],[2450,7],[2601,6]]},"236":{"position":[[2576,5],[2654,6],[2846,5]]},"238":{"position":[[573,6],[627,6],[670,6]]},"240":{"position":[[857,6],[1816,6]]},"244":{"position":[[191,5],[319,5]]},"272":{"position":[[1379,7],[1530,6]]},"274":{"position":[[470,7],[621,6]]},"278":{"position":[[448,7],[599,6]]},"290":{"position":[[189,7],[340,6]]},"300":{"position":[[186,5],[314,5]]},"302":{"position":[[190,7],[341,6],[506,6],[591,6],[605,6]]},"306":{"position":[[2313,6],[2420,5]]},"308":{"position":[[1683,6],[1790,5]]},"312":{"position":[[1455,5],[1583,5],[1765,7],[1916,6]]},"316":{"position":[[2134,5],[2262,5],[2444,7],[2595,6]]},"318":{"position":[[2453,6],[2538,6],[2552,6]]},"320":{"position":[[185,5],[313,5]]},"322":{"position":[[192,5],[320,5]]},"326":{"position":[[3006,6],[3091,6],[3105,6]]},"332":{"position":[[266,6]]},"336":{"position":[[198,6],[305,5]]},"360":{"position":[[579,6],[686,5]]},"364":{"position":[[1525,6],[1632,5]]},"366":{"position":[[464,7],[615,6]]},"372":{"position":[[257,6]]},"380":{"position":[[874,7],[1025,6]]},"384":{"position":[[551,6],[658,5],[2285,7],[2436,6]]},"396":{"position":[[482,6],[536,6],[579,6]]},"402":{"position":[[229,6],[283,6],[326,6]]},"418":{"position":[[858,7],[1009,6]]},"428":{"position":[[20,7],[197,6],[304,5],[462,5],[590,5]]},"430":{"position":[[20,8],[184,7],[335,6],[500,6],[585,6],[599,6],[808,6],[862,6],[905,6],[1158,6]]},"432":{"position":[[187,5],[315,5]]},"442":{"position":[[150,6]]},"448":{"position":[[258,6]]},"472":{"position":[[223,6],[277,6],[320,6]]},"474":{"position":[[164,5],[242,6],[434,5]]},"488":{"position":[[200,6],[307,5]]},"512":{"position":[[163,6],[248,6],[262,6]]},"534":{"position":[[185,7],[336,6]]},"536":{"position":[[181,5],[309,5]]},"574":{"position":[[2468,5]]},"600":{"position":[[16153,6]]},"610":{"position":[[2159,6]]},"624":{"position":[[7927,7]]},"626":{"position":[[7403,7]]},"630":{"position":[[11,6],[38,6],[88,6],[150,5],[172,6],[415,6],[433,6],[518,6],[575,7],[583,6],[787,6],[853,5],[943,5],[1066,5],[1452,5],[1500,5],[1628,6],[1655,6],[1702,7],[1742,6],[1873,9],[1932,7],[3099,5],[3150,6],[3168,5],[3204,6],[3297,6],[3329,5],[3375,7],[4592,5],[4643,6],[4735,6],[4878,6],[4885,7],[6081,5],[6142,6],[6262,5],[6412,6],[6491,7],[7742,5],[7984,6],[8031,6],[8175,6],[8193,7],[9686,5],[9803,6],[9841,6],[9877,5],[9915,5],[10124,5],[10152,7],[11351,5],[11420,6],[11464,6],[11600,7],[11701,6],[12234,6],[12286,5],[12292,5],[12382,6]]},"642":{"position":[[6987,7]]},"644":{"position":[[6826,7]]}}}],["toast''",{"_index":3907,"t":{"630":{"position":[[1554,8]]}}}],["toast1",{"_index":791,"t":{"142":{"position":[[578,6]]}}}],["toast2",{"_index":886,"t":{"142":{"position":[[1742,6]]}}}],["toast</button",{"_index":3914,"t":{"630":{"position":[[2104,14],[2217,14],[2324,14],[2428,14],[2535,14],[2633,14],[2731,14],[3547,14],[3660,14],[3767,14],[3871,14],[3978,14],[4076,14],[4177,14],[4275,14],[5086,14],[5199,14],[5306,14],[5410,14],[5517,14],[5615,14],[5713,14],[6676,14],[6789,14],[6896,14],[7000,14],[7107,14],[7205,14],[7303,14],[10356,14],[10469,14],[10576,14],[10680,14],[10787,14],[10885,14],[10983,14]]}}}],["toastmessag",{"_index":1332,"t":{"562":{"position":[[22612,13],[22831,13],[23051,13],[23272,13]]},"614":{"position":[[12240,12],[12259,12]]},"628":{"position":[[7689,12],[7708,12],[11513,12],[11532,12]]},"630":{"position":[[1106,12],[2912,12],[2972,12],[4456,12],[4516,12],[5894,12],[5954,12],[6223,12],[7484,12],[7543,12],[7562,15],[7941,13],[9549,14],[11164,12],[11224,12],[12252,12]]}}}],["toastmessage(toasttype.secondari",{"_index":1712,"t":{"574":{"position":[[3196,33]]}}}],["toastmessage(toasttype.success",{"_index":1711,"t":{"574":{"position":[[3096,31]]}}}],["toastmessage.autohid",{"_index":3937,"t":{"630":{"position":[[7842,21]]}}}],["toastmessage.helptext",{"_index":3935,"t":{"630":{"position":[[7650,21]]}}}],["toastmessage.messag",{"_index":3936,"t":{"630":{"position":[[7693,20]]}}}],["toastmessage.titl",{"_index":3934,"t":{"630":{"position":[[7609,18]]}}}],["toastmessage.typ",{"_index":3933,"t":{"630":{"position":[[7578,17]]}}}],["toasts2",{"_index":792,"t":{"142":{"position":[[592,7]]}}}],["toasts4",{"_index":887,"t":{"142":{"position":[[1749,7]]}}}],["toastservic",{"_index":386,"t":{"52":{"position":[[284,12],[436,13]]},"92":{"position":[[258,12],[504,12]]},"126":{"position":[[2515,12]]},"212":{"position":[[2277,12]]},"234":{"position":[[2286,12]]},"244":{"position":[[337,12]]},"300":{"position":[[332,12]]},"312":{"position":[[1601,12]]},"316":{"position":[[2280,12]]},"320":{"position":[[331,12]]},"322":{"position":[[338,12]]},"428":{"position":[[608,12]]},"432":{"position":[[21,14],[333,12]]},"536":{"position":[[327,12]]},"562":{"position":[[22481,12],[22494,12]]},"574":{"position":[[2685,12],[2698,12]]},"614":{"position":[[11624,12]]},"628":{"position":[[7501,12],[10857,12]]},"630":{"position":[[11761,13],[11851,12],[11864,12]]}}}],["toastservice.notifi",{"_index":555,"t":{"86":{"position":[[385,19]]}}}],["toastservice.notify(new",{"_index":1331,"t":{"562":{"position":[[22588,23],[22807,23],[23027,23],[23248,23]]},"574":{"position":[[3072,23],[3172,23]]}}}],["toastservice.notify(new(toasttype.dang",{"_index":3963,"t":{"630":{"position":[[12116,41]]}}}],["toastservice.notify(new(toasttype.success",{"_index":3961,"t":{"630":{"position":[[11986,42]]}}}],["toastservice1",{"_index":888,"t":{"142":{"position":[[1757,13]]}}}],["toastsplac",{"_index":3902,"t":{"630":{"position":[[885,15],[8128,15],[9353,15],[9369,15],[9734,15]]}}}],["toastsplacement.topright",{"_index":3903,"t":{"630":{"position":[[901,24],[9387,25]]}}}],["toasttyp",{"_index":3908,"t":{"630":{"position":[[1589,9],[2845,10],[2954,10],[2994,10],[4389,10],[4498,10],[4538,10],[5827,10],[5936,10],[5976,10],[7417,10],[7526,10],[7598,10],[7866,11],[7901,9],[11097,10],[11206,10],[11246,10]]}}}],["toasttype.dang",{"_index":3938,"t":{"630":{"position":[[7881,16]]}}}],["toasttype.primari",{"_index":1333,"t":{"562":{"position":[[22632,18],[22851,18],[23071,18],[23292,18]]}}}],["toasttype.success",{"_index":3463,"t":{"614":{"position":[[12280,18]]},"628":{"position":[[7729,18],[11553,18]]},"630":{"position":[[9573,18]]}}}],["toasttype.warn",{"_index":3939,"t":{"630":{"position":[[7914,19]]}}}],["todo",{"_index":3264,"t":{"612":{"position":[[3525,5],[5396,5],[6425,5],[8021,5],[10181,5],[11692,5],[13186,5]]},"630":{"position":[[11930,5]]},"632":{"position":[[3140,4],[3158,4]]},"638":{"position":[[2956,4],[2974,4]]}}}],["togeth",{"_index":2577,"t":{"596":{"position":[[3100,9]]}}}],["toggl",{"_index":1462,"t":{"568":{"position":[[6408,6],[6438,8],[6549,6],[6631,6],[6717,6],[6757,6],[7431,6],[9900,6]]},"572":{"position":[[49,6],[435,6],[453,7],[648,7],[1309,6]]},"576":{"position":[[2458,7]]},"592":{"position":[[810,7]]},"600":{"position":[[2378,6],[2602,6],[2826,6],[3311,6],[3535,6],[3759,6],[4227,6],[4512,6],[4796,6],[5156,6],[5380,6],[5622,6],[5846,6],[6246,6],[6470,6],[6694,6]]},"612":{"position":[[11085,6],[11904,8]]},"614":{"position":[[5914,6],[6130,8]]},"616":{"position":[[2459,6],[2639,8]]},"618":{"position":[[6792,6],[6967,8]]},"620":{"position":[[1401,6],[1582,8]]},"622":{"position":[[10009,6],[10184,8]]},"628":{"position":[[4058,6],[4271,8]]},"654":{"position":[[144,7],[978,6],[1251,6],[3015,7],[11743,7],[24634,8]]},"656":{"position":[[833,7],[8666,6],[8732,6],[24225,6]]}}}],["toggleabl",{"_index":4067,"t":{"654":{"position":[[63,11]]}}}],["toggleasync",{"_index":1626,"t":{"572":{"position":[[636,11],[1286,11]]},"654":{"position":[[3003,11],[24520,13]]}}}],["togglecontentasync",{"_index":1645,"t":{"572":{"position":[[2392,20],[3361,20],[4678,20]]}}}],["toggler",{"_index":4220,"t":{"656":{"position":[[21444,7],[21496,7]]}}}],["togglesidebar",{"_index":2423,"t":{"592":{"position":[[794,15]]},"656":{"position":[[819,13],[8706,15],[11015,15],[13488,15],[15918,15],[18309,15]]}}}],["togglesidebarstyl",{"_index":4205,"t":{"656":{"position":[[20792,21]]}}}],["tolist",{"_index":2633,"t":{"596":{"position":[[10696,12]]}}}],["tool",{"_index":689,"t":{"110":{"position":[[381,5]]},"624":{"position":[[4841,5]]},"626":{"position":[[4913,5]]},"658":{"position":[[180,5]]}}}],["tooltip",{"_index":62,"t":{"2":{"position":[[1220,7]]},"4":{"position":[[255,7]]},"8":{"position":[[250,7]]},"12":{"position":[[517,8],[706,8]]},"70":{"position":[[664,7],[686,7],[712,7],[901,7]]},"82":{"position":[[119,7],[223,7],[241,7],[670,7]]},"100":{"position":[[168,8],[950,7],[978,7],[996,7],[1024,7],[1420,7]]},"104":{"position":[[419,7],[963,7]]},"118":{"position":[[347,7],[592,7]]},"126":{"position":[[637,7],[1130,8]]},"136":{"position":[[677,7],[780,7]]},"146":{"position":[[787,7]]},"150":{"position":[[342,7]]},"158":{"position":[[1264,7]]},"212":{"position":[[399,7],[892,8]]},"214":{"position":[[463,7],[566,7]]},"222":{"position":[[410,7]]},"230":{"position":[[1273,7]]},"232":{"position":[[472,7],[575,7]]},"234":{"position":[[408,7],[901,8]]},"250":{"position":[[404,7]]},"258":{"position":[[412,7]]},"270":{"position":[[464,8],[1771,7],[1874,7]]},"272":{"position":[[403,7]]},"288":{"position":[[405,7]]},"304":{"position":[[405,7],[601,7],[704,7]]},"306":{"position":[[1267,7]]},"308":{"position":[[637,7],[2723,7]]},"312":{"position":[[216,8],[2639,7],[2742,7]]},"316":{"position":[[402,7],[895,8]]},"326":{"position":[[466,7],[569,7]]},"328":{"position":[[693,7]]},"334":{"position":[[398,7]]},"346":{"position":[[976,7]]},"350":{"position":[[346,7]]},"360":{"position":[[1619,7]]},"364":{"position":[[969,7],[2344,8]]},"370":{"position":[[719,7],[822,7]]},"380":{"position":[[404,7]]},"384":{"position":[[1309,7]]},"390":{"position":[[344,7]]},"394":{"position":[[635,7]]},"404":{"position":[[343,7]]},"410":{"position":[[752,7]]},"412":{"position":[[694,7]]},"436":{"position":[[20,9],[340,7],[713,7],[909,7],[1012,7]]},"480":{"position":[[213,8]]},"484":{"position":[[400,7]]},"532":{"position":[[163,7],[266,7]]},"546":{"position":[[340,7]]},"568":{"position":[[1313,7],[1414,7],[1488,7],[5291,7],[5365,7],[7798,8],[7852,8],[8012,7],[8141,7],[8273,7],[8404,7],[8448,7],[8477,8],[8539,7],[8670,7],[8839,8],[9961,7],[9992,7]]},"598":{"position":[[4162,8],[4171,8],[4192,8],[4261,10],[4600,7]]},"602":{"position":[[3228,9]]},"604":{"position":[[3076,9],[17025,8]]},"606":{"position":[[2829,9]]},"610":{"position":[[11,8],[40,8],[70,7],[102,8],[353,7],[552,7],[684,9],[700,8],[800,8],[864,8],[967,8],[1071,8],[1112,8],[1121,8],[1271,10],[1307,7],[1326,7],[1357,8],[1466,10],[1559,7],[1601,7],[1634,8],[1862,8],[1979,7],[1998,8],[2201,8],[2231,7],[2239,7],[2292,7],[2305,7]]},"630":{"position":[[12225,8]]}}}],["tooltip3",{"_index":889,"t":{"142":{"position":[[1771,8]]}}}],["tooltip</button",{"_index":1497,"t":{"568":{"position":[[8792,16]]},"610":{"position":[[1815,16]]}}}],["tooltipcolor",{"_index":1399,"t":{"568":{"position":[[1245,12],[1258,12]]},"610":{"position":[[305,12]]}}}],["tooltipcolor.non",{"_index":1400,"t":{"568":{"position":[[1271,17]]},"610":{"position":[[318,17]]}}}],["tooltipplac",{"_index":230,"t":{"12":{"position":[[567,16]]},"568":{"position":[[1335,16],[1352,16]]},"610":{"position":[[497,16]]}}}],["tooltipplacement.top",{"_index":1401,"t":{"568":{"position":[[1369,20]]},"610":{"position":[[514,20]]}}}],["tooltipplacement=\"tooltipplacement.bottom",{"_index":1493,"t":{"568":{"position":[[8229,43]]}}}],["tooltipplacement=\"tooltipplacement.left",{"_index":1494,"t":{"568":{"position":[[8362,41]]}}}],["tooltipplacement=\"tooltipplacement.right",{"_index":1492,"t":{"568":{"position":[[8098,42]]}}}],["tooltipplacement=\"tooltipplacement.top",{"_index":1491,"t":{"568":{"position":[[7971,40],[8629,40]]}}}],["tooltiptitl",{"_index":228,"t":{"12":{"position":[[545,12]]},"84":{"position":[[280,12]]},"568":{"position":[[1439,12]]}}}],["tooltiptitle=\"@text",{"_index":1495,"t":{"568":{"position":[[8608,20]]}}}],["tooltiptitle=\"@tooltip\">button</button",{"_index":1441,"t":{"568":{"position":[[4989,39]]}}}],["tooltiptitle=\"@tooltip\">link",{"_index":1438,"t":{"568":{"position":[[4723,28]]}}}],["tooltiptitle=\"@tooltip\">reset",{"_index":1443,"t":{"568":{"position":[[5115,29]]}}}],["tooltiptitle=\"@tooltip\">submit",{"_index":1440,"t":{"568":{"position":[[4855,30]]}}}],["tooltiptitle=\"compar",{"_index":2702,"t":{"598":{"position":[[3923,21]]}}}],["tooltiptitle=\"cr",{"_index":2704,"t":{"598":{"position":[[4050,20]]}}}],["tooltiptitle=\"tooltip",{"_index":1490,"t":{"568":{"position":[[7943,21],[8070,21],[8201,21],[8334,21]]}}}],["top",{"_index":1341,"t":{"564":{"position":[[107,3]]},"568":{"position":[[7873,4],[8020,3],[8678,3]]},"570":{"position":[[3942,4],[5365,4]]},"576":{"position":[[6997,4],[7084,4],[7235,3]]},"578":{"position":[[3548,3]]},"592":{"position":[[6540,3],[9534,3],[12532,3]]},"596":{"position":[[124,3]]},"602":{"position":[[2362,4]]},"604":{"position":[[2478,4]]},"606":{"position":[[2226,4]]},"608":{"position":[[2061,4],[11813,3]]},"624":{"position":[[7674,3]]},"626":{"position":[[7150,3]]},"630":{"position":[[8102,3]]},"634":{"position":[[6614,3]]},"636":{"position":[[7705,3]]},"640":{"position":[[781,3]]},"642":{"position":[[6734,3]]},"644":{"position":[[6573,3]]},"646":{"position":[[786,3]]},"652":{"position":[[6639,3]]},"654":{"position":[[16408,3]]},"656":{"position":[[6697,3],[8949,3],[11422,3],[13852,3],[16271,3],[18676,3],[21029,3],[21086,3]]}}}],["top\">tooltip",{"_index":3160,"t":{"610":{"position":[[824,12]]}}}],["top</tooltip",{"_index":3161,"t":{"610":{"position":[[837,13]]}}}],["tortor",{"_index":1934,"t":{"576":{"position":[[9262,6],[10011,6],[10380,6],[13503,6],[14252,6],[14621,6],[17644,6],[18393,6],[18762,6]]}}}],["tostr",{"_index":4497,"t":{"660":{"position":[[40524,8]]}}}],["total",{"_index":2159,"t":{"582":{"position":[[1386,5]]},"618":{"position":[[9224,6],[10881,6],[10937,5]]},"622":{"position":[[12589,6],[14245,6],[14301,5]]},"654":{"position":[[20113,6],[21802,6],[21858,5]]}}}],["totalcount",{"_index":3281,"t":{"612":{"position":[[6329,10],[10085,10],[11595,10],[13089,10]]},"660":{"position":[[30730,10],[50162,10],[116624,10],[119248,10],[121909,10],[124685,10]]}}}],["totalpag",{"_index":2158,"t":{"582":{"position":[[1352,10]]},"658":{"position":[[1046,11],[1202,11],[1368,11],[1879,11],[2029,11],[2189,11],[2572,11],[1357937,11],[1358097,11]]}}}],["totalpages=\"10",{"_index":2168,"t":{"582":{"position":[[1829,15],[2285,15],[2337,15],[2389,15],[3077,15]]}}}],["totalpages=\"100",{"_index":2171,"t":{"582":{"position":[[1922,16]]}}}],["totalpages=\"13",{"_index":2169,"t":{"582":{"position":[[1860,15]]}}}],["totalpages=\"15",{"_index":2173,"t":{"582":{"position":[[2010,15]]}}}],["totalpages=\"25",{"_index":2170,"t":{"582":{"position":[[1891,15]]}}}],["totalpages=\"5",{"_index":2183,"t":{"582":{"position":[[2585,14],[2664,14],[2715,14],[2820,14],[2871,14],[2951,14]]}}}],["totalpages=\"8",{"_index":2167,"t":{"582":{"position":[[1799,14]]}}}],["transal",{"_index":4266,"t":{"660":{"position":[[1626,12]]}}}],["transform",{"_index":2719,"t":{"600":{"position":[[5950,9]]}}}],["transit",{"_index":982,"t":{"556":{"position":[[763,11]]},"562":{"position":[[1517,11],[1814,11],[2650,12],[2837,10],[3201,12],[3388,10],[3751,12],[3938,10],[4514,12],[4701,10],[5139,12],[5326,10],[5762,12],[5949,10],[6504,12],[6691,10],[7055,12],[7242,10],[7605,12],[7792,10],[8306,12],[8493,10],[8871,12],[9058,10],[9421,12],[9608,10],[10136,12],[10323,10],[10687,12],[10874,10],[11237,12],[11424,10],[12316,12],[12503,10],[12879,12],[13066,10],[13441,12],[13628,10],[13999,12],[14186,10],[14547,12],[14734,10],[15107,12],[15294,10],[18633,12],[18820,10],[19184,12],[19371,10],[19734,12],[19921,10],[21018,12],[21205,10],[21591,12],[21778,10],[22163,12],[22350,10]]},"572":{"position":[[934,11],[1153,11]]},"576":{"position":[[1717,11],[1774,11],[1827,10],[1901,13],[2164,11],[2373,11]]},"578":{"position":[[2021,11],[2078,11],[2131,10],[2205,13],[2468,11],[2677,11]]},"654":{"position":[[3397,11],[3623,11]]}}}],["translat",{"_index":595,"t":{"98":{"position":[[292,12]]},"100":{"position":[[908,11]]},"660":{"position":[[106051,13],[106100,12],[134232,12]]}}}],["treatment</cardtitl",{"_index":1573,"t":{"570":{"position":[[6075,21],[6591,21],[6886,21],[7356,21],[7688,21],[8017,21]]}}}],["trend",{"_index":3016,"t":{"604":{"position":[[178,5]]}}}],["tri",{"_index":1747,"t":{"574":{"position":[[5919,3]]},"576":{"position":[[6989,3]]},"578":{"position":[[7936,3],[8100,3],[8737,3]]},"584":{"position":[[1381,3]]},"596":{"position":[[11780,3]]},"614":{"position":[[3216,5]]},"616":{"position":[[3613,5]]},"618":{"position":[[3685,5]]},"622":{"position":[[7590,5]]},"628":{"position":[[2388,5]]},"630":{"position":[[11921,3]]},"648":{"position":[[5376,3]]}}}],["triangl",{"_index":2878,"t":{"602":{"position":[[4427,10]]}}}],["trigger",{"_index":1435,"t":{"568":{"position":[[4026,11]]},"572":{"position":[[2153,8],[3120,10],[4320,8]]},"576":{"position":[[6567,7]]},"578":{"position":[[7263,7]]},"600":{"position":[[11581,9],[11704,9]]},"654":{"position":[[10645,7],[12305,7],[13354,7]]},"660":{"position":[[3303,9],[3472,9]]}}}],["tristiqu",{"_index":1937,"t":{"576":{"position":[[9369,9],[10849,9],[13610,9],[15090,9],[17751,9],[19231,9]]}}}],["true",{"_index":974,"t":{"556":{"position":[[443,5]]},"558":{"position":[[750,4],[956,4],[1556,4],[2289,4]]},"562":{"position":[[234,5],[425,5],[1223,5],[6071,4],[7943,4],[9741,4],[18063,5]]},"568":{"position":[[619,5],[5278,5]]},"570":{"position":[[1692,5]]},"572":{"position":[[2562,4]]},"574":{"position":[[6712,4],[7344,4],[7977,5],[8006,4]]},"576":{"position":[[394,4],[402,5],[950,4],[958,5],[1260,5],[7438,5]]},"578":{"position":[[474,4],[1063,5],[1250,5],[1448,4],[1456,5],[7713,5]]},"586":{"position":[[2024,4],[2107,4]]},"594":{"position":[[554,4],[4567,5],[4646,5]]},"596":{"position":[[482,4],[13112,5]]},"602":{"position":[[2808,5],[4478,4],[4562,5],[4828,4],[7939,5],[13435,5],[13611,5],[13710,5],[13815,5],[16495,5],[16671,5],[16770,5],[16875,5]]},"604":{"position":[[2710,5],[6052,5],[9910,5],[10116,5],[10212,5],[11843,5],[12049,5],[12145,5],[12186,5],[12227,5],[12330,5],[14105,5],[14311,5],[14407,5],[14448,5],[14489,5],[14592,5],[16169,5],[16375,5],[16471,5],[16512,5],[16553,5],[16656,5]]},"606":{"position":[[2463,5],[5075,5],[5184,5],[10642,5],[10818,5],[10917,5],[11022,5],[12163,5],[12272,5]]},"608":{"position":[[2293,5],[4753,5],[4852,5],[8547,5],[8646,5],[12755,5],[12854,5]]},"612":{"position":[[11174,5],[11885,5]]},"614":{"position":[[398,5],[628,5],[6025,5],[6111,5]]},"616":{"position":[[2534,5],[2620,5]]},"618":{"position":[[293,5],[357,5],[589,5],[5986,4],[6862,5],[6948,5]]},"620":{"position":[[991,5],[1447,5],[1477,5],[1563,5],[2094,5]]},"622":{"position":[[285,5],[349,5],[669,5],[4619,4],[9171,4],[10079,5],[10165,5]]},"628":{"position":[[402,5],[632,5],[4166,5],[4252,5]]},"630":{"position":[[987,4],[995,5]]},"634":{"position":[[5637,6]]},"636":{"position":[[5994,6]]},"648":{"position":[[784,4],[3289,4]]},"654":{"position":[[324,4],[332,5],[822,5],[2410,5],[14984,4],[15666,5],[15788,5],[15864,4]]},"660":{"position":[[727,5],[3367,4],[3543,4],[4256,4],[4264,5],[5698,5],[5724,4],[8137,4],[8268,4],[8392,4],[8654,4],[8774,4],[8896,4],[9019,4],[9138,4],[10482,4],[10613,4],[10737,4],[10999,4],[11119,4],[11241,4],[11364,4],[11483,4],[12858,4],[12989,4],[13113,4],[13375,4],[13495,4],[13617,4],[13747,4],[13872,4],[13995,4],[14114,4],[14240,4],[15630,4],[15761,4],[15885,4],[16147,4],[16267,4],[16389,4],[16512,4],[16631,4],[18049,4],[18180,4],[18304,4],[18566,4],[18686,4],[18808,4],[18938,4],[19063,4],[19186,4],[19305,4],[19431,4],[20801,4],[20932,4],[21056,4],[21318,4],[21438,4],[21560,4],[21683,4],[21802,4],[22266,4],[23203,4],[23334,4],[23458,4],[23720,4],[23840,4],[23962,4],[24085,4],[24204,4],[26383,4],[26625,4],[26862,4],[27354,4],[27584,4],[27823,4],[28063,4],[28297,4],[32280,4],[32411,4],[32535,4],[32797,4],[32917,4],[33039,4],[33162,4],[33281,4],[34645,4],[34776,4],[34900,4],[35162,4],[35282,4],[35404,4],[35527,4],[35646,4],[37010,4],[37141,4],[37265,4],[37527,4],[37647,4],[37769,4],[37892,4],[38011,4],[39396,4],[39511,4],[39618,4],[39851,4],[39954,4],[40059,4],[40166,4],[40268,4],[41654,4],[41769,4],[41876,4],[42109,4],[42212,4],[42317,4],[42424,4],[42526,4],[44412,4],[44654,4],[44891,4],[45383,4],[45613,4],[45852,4],[46092,4],[46326,4],[47651,4],[47782,4],[47906,4],[48168,4],[48288,4],[48410,4],[48540,4],[48665,4],[48788,4],[48907,4],[49033,4],[53305,4],[53436,4],[53560,4],[53822,4],[53942,4],[54064,4],[54194,4],[54319,4],[54442,4],[54561,4],[54687,4],[55944,4],[56075,4],[56199,4],[56461,4],[56659,4],[56781,4],[56904,4],[57023,4],[58397,4],[58528,4],[58652,4],[58914,4],[59709,5],[62109,4],[62240,4],[62364,4],[62626,4],[62746,4],[62868,4],[62998,4],[63123,4],[63246,4],[63365,4],[63491,4],[65330,4],[65461,4],[65585,4],[65847,4],[65967,4],[66089,4],[66219,4],[66344,4],[66467,4],[66586,4],[66712,4],[68413,4],[68544,4],[68668,4],[68930,4],[69050,4],[69172,4],[69302,4],[69427,4],[69550,4],[69669,4],[69795,4],[71790,4],[71921,4],[72045,4],[72307,4],[72427,4],[72549,4],[72679,4],[72804,4],[72927,4],[73046,4],[73172,4],[74928,4],[75059,4],[75183,4],[75445,4],[75565,4],[75687,4],[75810,4],[75929,4],[77903,4],[78034,4],[78158,4],[78420,4],[78540,4],[78662,4],[78785,4],[78904,4],[81200,4],[81331,4],[81455,4],[81717,4],[81837,4],[81959,4],[82082,4],[82201,4],[84291,4],[84422,4],[84546,4],[84808,4],[84928,4],[85050,4],[85180,4],[85305,4],[85428,4],[85547,4],[85673,4],[87057,4],[87188,4],[87312,4],[87574,4],[87694,4],[87816,4],[87946,4],[88071,4],[88194,4],[88313,4],[88439,4],[92293,4],[92417,4],[92679,4],[92799,4],[92921,4],[100523,4],[100647,4],[100909,4],[101029,4],[101151,4],[102714,4],[102838,4],[103100,4],[103220,4],[103342,4],[105152,4],[105276,4],[105538,4],[105658,4],[105780,4],[109136,4],[109267,4],[109391,4],[109653,4],[109773,4],[109895,4],[110025,4],[110150,4],[110273,4],[110392,4],[110518,4],[110619,5],[113016,4],[113148,4],[113272,4],[113534,4],[113654,4],[113776,4],[113899,4],[113998,4],[114111,4],[124882,5],[126528,4],[126659,4],[126783,4],[127045,4],[127165,4],[127287,4],[127417,4],[127542,4],[127665,4],[127784,4],[127910,4]]}}}],["turpi",{"_index":1931,"t":{"576":{"position":[[9105,7],[9478,6],[10804,7],[13346,7],[13719,6],[15045,7],[17487,7],[17860,6],[19186,7]]}}}],["tvalu",{"_index":3335,"t":{"614":{"position":[[729,6],[835,6],[1004,6],[1986,6]]},"616":{"position":[[261,6],[330,6],[543,6]]},"618":{"position":[[744,6],[820,6],[1084,6],[1769,6]]},"622":{"position":[[916,6],[1077,6],[1596,6],[6049,6]]},"628":{"position":[[733,6],[809,6],[948,6],[1742,6]]}}}],["tvalue=\"dateonli",{"_index":3345,"t":{"614":{"position":[[1523,17],[2132,17],[2335,18],[3601,17],[3928,18],[5571,17],[6369,17],[7572,18],[9117,17]]},"628":{"position":[[6037,18],[6664,18]]}}}],["tvalue=\"datetim",{"_index":3357,"t":{"614":{"position":[[2538,17],[2741,18],[4255,17],[4582,18],[10485,18],[10902,18]]}}}],["tvalue=\"decim",{"_index":3511,"t":{"616":{"position":[[5297,16]]},"618":{"position":[[3031,16],[3218,17],[4062,17],[4855,17],[5641,16],[8392,17],[8743,17],[9143,17],[11228,17]]},"622":{"position":[[7032,16],[7172,17],[7971,17],[8800,16],[11630,17],[12024,17],[12467,17],[14444,16],[14674,16],[14904,16],[15134,16],[15364,16],[15594,16],[15824,16],[16054,16],[16284,16],[17066,17]]},"654":{"position":[[19399,17],[19691,17],[20032,17]]}}}],["tvalue=\"doubl",{"_index":3545,"t":{"618":{"position":[[2660,15],[2845,16]]},"622":{"position":[[4687,15],[5175,15],[6755,15],[6893,16]]}}}],["tvalue=\"float",{"_index":3485,"t":{"616":{"position":[[1570,14],[1775,15],[4783,14],[4998,15],[5585,14]]},"618":{"position":[[2293,14],[2476,15]]},"622":{"position":[[6482,14],[6618,15]]}}}],["tvalue=\"int",{"_index":3477,"t":{"616":{"position":[[1032,12],[1163,12],[1366,13],[2172,13],[2924,13],[3956,12],[4367,12],[4570,13]]},"618":{"position":[[1503,12],[1935,12],[2112,13],[4560,13],[5415,12],[6095,12],[6495,13],[7253,13]]},"622":{"position":[[1982,12],[2298,12],[2524,12],[2750,12],[2976,12],[3202,12],[3428,12],[3654,12],[3880,12],[4106,12],[5731,12],[6217,12],[6348,13],[8546,12],[9282,12],[9712,13],[10476,13]]}}}],["tvalue=\"timeonli",{"_index":3830,"t":{"628":{"position":[[1467,17],[1866,17],[2044,18],[2773,17],[3075,18],[3740,17],[4511,17],[6362,18],[6983,18],[8672,17],[9720,18],[10143,18]]}}}],["tweak",{"_index":3926,"t":{"630":{"position":[[3239,8]]}}}],["two",{"_index":247,"t":{"18":{"position":[[218,3]]},"42":{"position":[[601,3]]},"110":{"position":[[411,3]]},"592":{"position":[[185,3]]},"602":{"position":[[2647,3]]},"656":{"position":[[2568,3],[2675,3],[24160,3]]},"660":{"position":[[26926,6],[44955,6],[52522,3]]}}}],["type",{"_index":311,"t":{"36":{"position":[[374,5],[527,4]]},"42":{"position":[[279,4]]},"56":{"position":[[297,5]]},"68":{"position":[[197,5]]},"70":{"position":[[196,5],[252,5],[453,5]]},"98":{"position":[[486,4]]},"100":{"position":[[459,5]]},"128":{"position":[[955,4],[1001,4],[1188,4],[1355,4]]},"556":{"position":[[200,4]]},"558":{"position":[[214,4]]},"560":{"position":[[131,4]]},"562":{"position":[[161,4],[1877,4],[22626,5],[22845,5],[23065,5],[23286,5]]},"564":{"position":[[328,6],[386,6],[999,5]]},"566":{"position":[[160,4]]},"568":{"position":[[185,4],[1509,4],[1567,5]]},"570":{"position":[[384,4],[721,4],[902,4],[1082,4],[1263,4],[1516,4],[1952,4],[2208,4],[2388,4],[3128,6],[5149,5],[13602,5]]},"572":{"position":[[165,4]]},"574":{"position":[[180,4],[704,4],[2236,5]]},"576":{"position":[[192,4],[3439,5]]},"578":{"position":[[191,4],[1415,5],[4233,5]]},"580":{"position":[[210,4],[495,4],[1431,4],[2265,4]]},"582":{"position":[[182,4]]},"584":{"position":[[413,4],[666,4]]},"586":{"position":[[147,4],[395,4],[864,4],[1050,4],[1304,4]]},"588":{"position":[[173,4]]},"590":{"position":[[227,4],[539,4],[726,4],[795,5]]},"592":{"position":[[221,4],[858,4]]},"594":{"position":[[162,4],[461,4],[514,4]]},"596":{"position":[[416,4]]},"598":{"position":[[397,4]]},"600":{"position":[[134,4],[1543,4]]},"602":{"position":[[226,4],[399,4],[750,4],[1530,4],[1795,4],[5056,4],[5098,5],[5304,4],[5543,4]]},"604":{"position":[[254,4],[605,4],[1385,4],[1648,4],[3092,4],[3134,5],[3339,4],[3578,4]]},"606":{"position":[[350,4],[701,4],[1481,4],[1754,4],[2845,4],[2887,5],[2953,4],[3210,4]]},"608":{"position":[[195,4],[546,4],[1326,4],[1589,4],[2583,4],[2625,5],[2686,4],[2933,4]]},"610":{"position":[[147,4]]},"612":{"position":[[149,4],[248,4]]},"614":{"position":[[323,4],[1747,5],[1816,6],[1934,5],[12274,5],[12995,4]]},"616":{"position":[[149,4],[859,4],[3564,6],[3586,5]]},"618":{"position":[[210,4],[1405,6],[1675,5],[1742,5],[11754,4]]},"620":{"position":[[172,4],[479,4]]},"622":{"position":[[202,4],[1923,6],[5129,5],[5953,5],[6022,5],[17771,4]]},"628":{"position":[[327,4],[1640,5],[7723,5],[11547,5],[12158,4]]},"630":{"position":[[607,4],[1136,4],[1584,4],[1616,4],[2987,4],[4531,4],[5969,4],[9566,4],[11239,4]]},"648":{"position":[[250,4],[330,4],[902,4],[940,5],[2065,4],[3248,4],[5533,4],[5744,4]]},"654":{"position":[[261,4],[1053,4],[1321,4],[1691,4],[1981,4],[2164,4],[2598,4],[2680,4],[2702,4],[2779,5],[3177,4]]},"656":{"position":[[229,4],[881,4]]},"658":{"position":[[218,4]]},"660":{"position":[[207,4],[3102,4],[3722,4],[4018,4],[6840,4],[40614,5],[103468,4],[105912,4]]}}}],["type'",{"_index":762,"t":{"128":{"position":[[1333,6]]}}}],["type=\"button",{"_index":3170,"t":{"610":{"position":[[1223,13]]}}}],["type=\"buttontype.button",{"_index":1184,"t":{"560":{"position":[[3405,24],[3533,24],[3663,24],[3830,24],[4107,24],[4407,24],[4709,24],[5036,24],[5339,24],[5644,24],[5974,24],[6277,24],[6582,24],[7001,24]]},"568":{"position":[[4910,24],[8707,24]]},"572":{"position":[[1643,24],[1754,24],[1865,24],[2608,24],[2719,24],[2830,24],[3554,24],[3665,24],[3776,24],[3891,24]]},"576":{"position":[[6514,24]]},"578":{"position":[[7210,24]]},"590":{"position":[[2450,24],[2585,24],[2720,24],[4702,24],[4849,24],[4990,24],[5137,24],[5282,24],[5429,24],[5580,24]]},"594":{"position":[[4319,24],[4428,24]]},"602":{"position":[[6756,24],[6902,24],[7051,24],[7194,24],[7366,24]]},"604":{"position":[[4718,24],[4864,24],[5013,24],[5154,24],[5322,24]]},"606":{"position":[[4097,24],[4243,24],[4392,24],[11334,24],[11480,24]]},"608":{"position":[[3805,24],[3951,24],[4100,24],[7748,24],[7894,24],[11703,24],[11835,24],[11971,24],[12109,24]]},"610":{"position":[[1730,24]]},"614":{"position":[[8091,24],[11176,24]]},"618":{"position":[[9360,24]]},"622":{"position":[[12725,24]]},"628":{"position":[[7177,24],[10415,24]]},"654":{"position":[[20242,24]]},"656":{"position":[[18854,24]]},"660":{"position":[[57291,24],[57399,24],[83310,24],[83423,24],[83540,24]]}}}],["type=\"buttontype.link",{"_index":1417,"t":{"568":{"position":[[2448,22],[4070,22],[4338,22],[4455,22],[4646,22]]},"654":{"position":[[14726,22],[16126,22]]}}}],["type=\"buttontype.link\">action</dropdownitem",{"_index":4092,"t":{"654":{"position":[[3819,44],[4231,44],[4589,44],[4943,44],[5291,44],[5645,44],[5997,44],[6489,44],[6915,44],[7335,44],[7746,44],[8166,44],[8583,44],[9046,44],[9499,44],[9917,44],[10370,44],[10964,44],[11437,44],[12041,44],[12620,44],[13088,44],[13682,44],[14063,44],[14660,44],[15179,44],[16060,44],[16854,44],[17365,44],[17805,44],[23886,44],[24942,44]]}}}],["type=\"buttontype.link\">anoth",{"_index":4093,"t":{"654":{"position":[[3885,30],[4297,30],[4655,30],[5009,30],[5357,30],[5711,30],[6063,30],[6555,30],[6981,30],[7401,30],[7812,30],[8232,30],[8649,30],[9112,30],[9565,30],[9983,30],[10436,30],[11030,30],[11503,30],[12107,30],[12686,30],[13154,30],[13748,30],[14129,30],[15245,30],[16920,30],[17431,30],[17871,30],[23952,30],[25008,30]]}}}],["type=\"buttontype.link\">go",{"_index":1545,"t":{"570":{"position":[[3036,25],[4269,25],[4633,25],[6232,25],[6748,25],[7043,25],[7513,25],[7845,25],[8174,25]]}}}],["type=\"buttontype.link\">menu",{"_index":4165,"t":{"654":{"position":[[22274,27],[22343,27],[22412,27],[22699,27],[22768,27],[22837,27],[23122,27],[23191,27],[23260,27],[23489,27],[23558,27],[23627,27]]}}}],["type=\"buttontype.link\">separ",{"_index":4144,"t":{"654":{"position":[[18075,32]]}}}],["type=\"buttontype.link\">someth",{"_index":4095,"t":{"654":{"position":[[3959,32],[4371,32],[4729,32],[5083,32],[5431,32],[5785,32],[6137,32],[6629,32],[7055,32],[7475,32],[7886,32],[8306,32],[8723,32],[9186,32],[9639,32],[10057,32],[10510,32],[11104,32],[11577,32],[12181,32],[12760,32],[13228,32],[13822,32],[14203,32],[14814,32],[15319,32],[16216,32],[16994,32],[17505,32],[17945,32],[24026,32],[25082,32]]}}}],["type=\"buttontype.reset",{"_index":1442,"t":{"568":{"position":[[5037,23]]}}}],["type=\"buttontype.submit",{"_index":1418,"t":{"568":{"position":[[2530,24],[4776,24]]},"614":{"position":[[8208,24],[11293,24]]},"618":{"position":[[9477,24]]},"622":{"position":[[12842,24]]},"628":{"position":[[7294,24],[10532,24]]},"654":{"position":[[20359,24]]}}}],["type=\"callouttype.dang",{"_index":1371,"t":{"566":{"position":[[773,26],[1900,25],[3349,26],[5807,25]]}}}],["type=\"callouttype.info",{"_index":1373,"t":{"566":{"position":[[1219,24],[2386,23],[4326,24],[6822,23]]}}}],["type=\"callouttype.tip",{"_index":1374,"t":{"566":{"position":[[1437,23],[2624,22],[4812,23],[7327,22]]}}}],["type=\"callouttype.warn",{"_index":1372,"t":{"566":{"position":[[995,27],[2142,26],[3837,27],[6314,26]]}}}],["type=\"d",{"_index":3329,"t":{"614":{"position":[[123,11]]}}}],["type=\"image/png",{"_index":3761,"t":{"624":{"position":[[4398,16]]},"634":{"position":[[3795,16]]},"636":{"position":[[4048,16]]},"642":{"position":[[4302,16]]},"652":{"position":[[3748,16]]}}}],["type=\"numb",{"_index":3529,"t":{"618":{"position":[[121,13]]}}}],["type=\"progresstype.strip",{"_index":2378,"t":{"590":{"position":[[1518,27],[6237,27],[6357,27],[6478,27],[6596,27],[6717,27],[6837,27],[6958,27],[7081,27]]}}}],["type=\"progresstype.stripedandanim",{"_index":2381,"t":{"590":{"position":[[1638,38],[7234,38],[7388,38],[7520,38],[7649,38],[7781,38],[7912,38],[8044,38],[8178,38]]}}}],["type=\"rang",{"_index":3472,"t":{"616":{"position":[[118,13]]}}}],["type=\"spinnertype.bord",{"_index":2514,"t":{"594":{"position":[[2777,25],[2903,25],[3034,25],[3141,25],[3257,25],[3323,25],[3386,25],[3424,25],[3487,25]]}}}],["type=\"spinnertype.dot",{"_index":2513,"t":{"594":{"position":[[2126,23],[2204,23],[2284,23],[2362,23],[2439,23],[2517,23],[2592,23],[2668,23],[3792,23],[3895,23],[3975,23],[4078,23],[4209,23]]}}}],["type=\"spinnertype.grow",{"_index":2510,"t":{"594":{"position":[[1498,23],[1563,23],[1630,23],[1695,23],[1759,23],[1824,23],[1886,23],[1949,23],[3555,23],[3616,23],[3652,23],[3713,23]]}}}],["type=\"submit",{"_index":3304,"t":{"612":{"position":[[9269,13]]}}}],["type=\"text",{"_index":3344,"t":{"614":{"position":[[1480,12]]},"628":{"position":[[1424,12]]}}}],["type=\"tim",{"_index":3829,"t":{"628":{"position":[[127,11]]}}}],["type=\"typeof(app",{"_index":3765,"t":{"624":{"position":[[4535,18]]}}}],["type=\"typeof(headoutlet",{"_index":3763,"t":{"624":{"position":[[4448,25]]},"626":{"position":[[4571,25]]}}}],["typic",{"_index":962,"t":{"556":{"position":[[86,7]]}}}],["typo",{"_index":735,"t":{"112":{"position":[[666,4]]}}}],["typograph",{"_index":2131,"t":{"580":{"position":[[2187,11]]}}}],["u>html</u",{"_index":3181,"t":{"610":{"position":[[2066,12]]}}}],["ui",{"_index":254,"t":{"22":{"position":[[196,2]]},"100":{"position":[[1147,2]]},"564":{"position":[[161,2]]},"614":{"position":[[1375,2]]},"624":{"position":[[4611,4]]},"626":{"position":[[4683,4]]},"628":{"position":[[1319,2]]},"634":{"position":[[7511,4]]},"636":{"position":[[8602,4]]},"642":{"position":[[4624,4]]},"644":{"position":[[4423,4]]},"652":{"position":[[4080,4]]}}}],["ul",{"_index":1560,"t":{"570":{"position":[[4896,3],[5071,5],[5594,3],[5769,5]]},"660":{"position":[[74123,4],[74191,5],[77098,4],[77166,5],[80449,4],[80517,5]]}}}],["ullamcorp",{"_index":1929,"t":{"576":{"position":[[9087,11],[9116,11],[10905,11],[13328,11],[13357,11],[15146,11],[17469,11],[17498,11],[19287,11]]}}}],["ultric",{"_index":1911,"t":{"576":{"position":[[8551,8],[8746,9],[10352,8],[10403,8],[10751,8],[12792,8],[12987,9],[14593,8],[14644,8],[14992,8],[16933,8],[17128,9],[18734,8],[18785,8],[19133,8]]}}}],["ultrici",{"_index":1843,"t":{"576":{"position":[[7763,9],[8335,9],[8634,9],[10545,9],[12004,9],[12576,9],[12875,9],[14786,9],[16145,9],[16717,9],[17016,9],[18927,9]]}}}],["under",{"_index":103,"t":{"2":{"position":[[2203,5]]},"124":{"position":[[691,5]]}}}],["underlin",{"_index":707,"t":{"110":{"position":[[870,9],[889,9]]},"600":{"position":[[6788,10],[6872,10],[8669,10],[16305,9],[16348,9]]}}}],["unhandl",{"_index":508,"t":{"78":{"position":[[206,9]]},"624":{"position":[[4791,9]]},"626":{"position":[[4863,9]]},"634":{"position":[[7519,9]]},"636":{"position":[[8610,9]]},"642":{"position":[[4632,9]]},"644":{"position":[[4431,9]]},"652":{"position":[[4088,9]]}}}],["uniform",{"_index":1611,"t":{"570":{"position":[[10778,7]]}}}],["uniqu",{"_index":2795,"t":{"600":{"position":[[14828,6]]}}}],["unit",{"_index":1124,"t":{"560":{"position":[[809,6]]},"602":{"position":[[518,4],[567,4],[658,4],[706,4],[1325,4],[1351,4],[4758,4]]},"604":{"position":[[373,4],[422,4],[513,4],[561,4],[1180,4],[1206,4]]},"606":{"position":[[469,4],[518,4],[609,4],[657,4],[1276,4],[1302,4]]},"608":{"position":[[314,4],[363,4],[454,4],[502,4],[1121,4],[1147,4]]},"660":{"position":[[2949,4],[2954,4],[2984,6],[110690,5],[110734,4]]}}}],["unit.px",{"_index":2811,"t":{"602":{"position":[[523,7],[663,7],[1342,8],[1369,8]]},"604":{"position":[[378,7],[518,7],[1197,8],[1224,8]]},"606":{"position":[[474,7],[614,7],[1293,8],[1320,8]]},"608":{"position":[[319,7],[459,7],[1138,8],[1165,8]]},"660":{"position":[[2959,7]]}}}],["unit=\"unit.px",{"_index":4652,"t":{"660":{"position":[[110914,15],[114367,15],[116859,15],[119520,15],[122215,15]]}}}],["unless",{"_index":1579,"t":{"570":{"position":[[6389,6]]}}}],["unnecessari",{"_index":333,"t":{"40":{"position":[[290,11]]}}}],["unsupport",{"_index":3341,"t":{"614":{"position":[[1423,11]]},"628":{"position":[[1367,11]]}}}],["until",{"_index":1236,"t":{"562":{"position":[[2472,5],[3023,5],[3573,5],[4336,5],[4961,5],[5584,5],[6326,5],[6877,5],[7427,5],[8128,5],[8693,5],[9243,5],[9958,5],[10509,5],[11059,5],[12138,5],[12701,5],[13263,5],[13821,5],[14369,5],[14929,5],[18455,5],[19006,5],[19556,5],[20840,5],[21413,5],[21985,5]]},"624":{"position":[[4721,5]]},"626":{"position":[[4793,5]]}}}],["up",{"_index":1541,"t":{"570":{"position":[[2947,2],[3709,2],[4180,2],[4544,2],[5536,2],[8502,2],[8794,2],[9082,2],[9368,2],[9656,2],[9938,2],[10222,2],[10504,2],[12097,3]]},"602":{"position":[[6180,2]]},"604":{"position":[[4214,2]]},"606":{"position":[[3583,2]]},"608":{"position":[[3301,2]]},"612":{"position":[[1860,2]]},"618":{"position":[[4410,2]]},"654":{"position":[[24668,3]]}}}],["upcom",{"_index":2644,"t":{"596":{"position":[[12678,8]]}}}],["updat",{"_index":23,"t":{"2":{"position":[[189,8],[507,8],[1358,8],[2944,7],[3256,10]]},"10":{"position":[[122,8]]},"12":{"position":[[240,7],[602,7],[653,8]]},"14":{"position":[[108,7],[175,8],[263,6],[276,6]]},"16":{"position":[[137,8],[146,8]]},"18":{"position":[[121,8],[210,7]]},"20":{"position":[[137,8],[146,8]]},"22":{"position":[[120,8],[145,7],[170,8],[243,6],[266,7]]},"24":{"position":[[142,8]]},"26":{"position":[[140,8]]},"28":{"position":[[142,8]]},"32":{"position":[[160,8]]},"46":{"position":[[408,7]]},"48":{"position":[[252,8]]},"50":{"position":[[231,8],[283,7]]},"54":{"position":[[342,8]]},"56":{"position":[[121,7],[494,8]]},"58":{"position":[[218,8]]},"60":{"position":[[129,7]]},"68":{"position":[[146,10]]},"70":{"position":[[145,10]]},"72":{"position":[[168,10]]},"74":{"position":[[138,10]]},"76":{"position":[[127,10]]},"78":{"position":[[129,10]]},"80":{"position":[[144,10]]},"82":{"position":[[138,10]]},"84":{"position":[[149,10]]},"86":{"position":[[158,10]]},"88":{"position":[[140,10]]},"90":{"position":[[124,10]]},"92":{"position":[[151,10]]},"94":{"position":[[124,10]]},"96":{"position":[[125,10]]},"98":{"position":[[148,10]]},"100":{"position":[[198,10]]},"102":{"position":[[153,10]]},"106":{"position":[[409,7]]},"108":{"position":[[395,7],[505,7]]},"110":{"position":[[198,7],[712,6],[948,7],[1026,6],[1038,6]]},"112":{"position":[[402,6],[646,7],[787,6]]},"114":{"position":[[127,10]]},"116":{"position":[[120,8]]},"122":{"position":[[154,8]]},"126":{"position":[[867,10],[1160,10],[1403,10],[1665,10],[1918,10],[2136,10],[2383,10],[2696,10]]},"128":{"position":[[189,8],[847,8]]},"132":{"position":[[876,7],[1317,7]]},"134":{"position":[[528,8],[726,8],[907,8],[932,7],[1139,8],[1327,7],[1394,8],[1570,8]]},"136":{"position":[[140,10],[407,10],[696,10],[956,10],[1373,10],[1616,10],[1875,10],[2175,10],[2487,10],[2900,10]]},"144":{"position":[[151,7],[218,8]]},"146":{"position":[[247,7],[1008,10],[1434,10],[1695,7]]},"148":{"position":[[235,8],[850,10]]},"152":{"position":[[240,7],[593,10]]},"154":{"position":[[186,7]]},"158":{"position":[[233,8],[551,8],[1402,8],[1754,7],[2066,10]]},"204":{"position":[[191,7]]},"206":{"position":[[183,7]]},"212":{"position":[[629,10],[922,10],[1165,10],[1427,10],[1680,10],[1898,10],[2145,10],[2458,10],[2778,10]]},"214":{"position":[[193,10],[482,10],[742,10],[1159,10],[1402,10],[1661,10],[1961,10],[2273,10],[2686,10]]},"220":{"position":[[672,7],[1113,7]]},"222":{"position":[[631,10],[1057,10]]},"224":{"position":[[221,10]]},"226":{"position":[[200,7]]},"228":{"position":[[217,10]]},"230":{"position":[[242,8],[560,8],[1411,8],[1763,7],[2075,10]]},"232":{"position":[[202,10],[491,10],[751,10],[1168,10],[1411,10],[1670,10],[1970,10],[2282,10],[2695,10]]},"234":{"position":[[638,10],[931,10],[1174,10],[1436,10],[1689,10],[1907,10],[2154,10],[2467,10],[2787,10]]},"236":{"position":[[681,7],[1122,7]]},"240":{"position":[[384,8],[582,8],[763,8],[788,7],[995,8],[1183,7],[1250,8],[1426,8]]},"244":{"position":[[205,10]]},"246":{"position":[[198,10],[517,10]]},"248":{"position":[[179,10],[433,10],[710,10]]},"252":{"position":[[220,10]]},"254":{"position":[[194,10]]},"256":{"position":[[200,10],[615,10]]},"260":{"position":[[177,7]]},"262":{"position":[[199,10],[612,10]]},"264":{"position":[[201,10],[496,10],[930,10],[1343,10]]},"266":{"position":[[171,7]]},"270":{"position":[[201,10],[494,10],[737,10],[1000,10],[1234,10],[1501,10],[1790,10],[2050,10],[2467,10],[2729,10]]},"272":{"position":[[628,10],[890,10],[1142,10],[1396,10],[1722,10],[2135,10],[2454,7]]},"274":{"position":[[487,10]]},"278":{"position":[[179,10],[465,10]]},"282":{"position":[[199,10]]},"284":{"position":[[196,10],[630,10],[1043,10]]},"286":{"position":[[192,10]]},"290":{"position":[[206,10]]},"292":{"position":[[194,10]]},"294":{"position":[[200,10],[482,10],[916,10]]},"296":{"position":[[193,10]]},"298":{"position":[[200,10]]},"300":{"position":[[200,10]]},"302":{"position":[[207,10]]},"304":{"position":[[620,10]]},"306":{"position":[[236,8],[554,8],[1405,8],[1757,7],[2069,10]]},"308":{"position":[[775,8],[1127,7],[1439,10],[2953,10]]},"310":{"position":[[177,7],[618,7]]},"312":{"position":[[246,10],[489,10],[751,10],[1004,10],[1222,10],[1469,10],[1782,10],[2102,10],[2369,10],[2658,10]]},"314":{"position":[[675,7],[1116,7]]},"316":{"position":[[632,10],[925,10],[1168,10],[1430,10],[1683,10],[1901,10],[2148,10],[2461,10],[2781,10]]},"318":{"position":[[192,10],[609,10],[852,10],[1111,10],[1411,10],[1723,10],[2136,10]]},"320":{"position":[[199,10]]},"322":{"position":[[206,10]]},"324":{"position":[[173,10],[427,10],[704,10]]},"326":{"position":[[196,10],[485,10],[745,10],[1162,10],[1405,10],[1664,10],[1964,10],[2276,10],[2689,10]]},"328":{"position":[[233,8],[831,8]]},"330":{"position":[[232,8],[516,8],[819,10],[1138,10]]},"332":{"position":[[172,8],[197,7]]},"338":{"position":[[167,8]]},"340":{"position":[[214,10]]},"342":{"position":[[171,7]]},"344":{"position":[[173,10]]},"346":{"position":[[204,8]]},"348":{"position":[[191,10]]},"350":{"position":[[508,10],[923,10]]},"352":{"position":[[193,10],[606,10]]},"354":{"position":[[195,10],[490,10],[924,10],[1337,10]]},"356":{"position":[[165,7]]},"358":{"position":[[234,8]]},"360":{"position":[[239,7]]},"362":{"position":[[163,8]]},"364":{"position":[[231,8],[549,8],[1185,7],[2081,10],[2374,10],[2617,10],[2880,10]]},"366":{"position":[[481,10]]},"368":{"position":[[191,10]]},"370":{"position":[[182,10],[449,10],[738,10],[998,10],[1415,10],[1677,10]]},"372":{"position":[[163,8],[188,7]]},"380":{"position":[[605,10],[891,10]]},"382":{"position":[[164,7],[671,8]]},"384":{"position":[[232,8],[1534,10],[1796,10],[2048,10],[2302,10],[2628,10],[3041,10]]},"388":{"position":[[169,8]]},"390":{"position":[[506,10]]},"392":{"position":[[190,10],[624,10],[1037,10],[1553,8]]},"394":{"position":[[851,7],[1163,10]]},"396":{"position":[[185,10]]},"398":{"position":[[380,8],[578,8]]},"404":{"position":[[559,7]]},"406":{"position":[[232,8]]},"408":{"position":[[248,7]]},"410":{"position":[[233,8]]},"412":{"position":[[234,8]]},"416":{"position":[[462,10]]},"418":{"position":[[532,7],[875,10]]},"420":{"position":[[230,8]]},"422":{"position":[[165,8]]},"424":{"position":[[194,10],[476,10],[910,10]]},"426":{"position":[[194,10]]},"428":{"position":[[476,10]]},"430":{"position":[[201,10],[1064,8],[1089,7]]},"432":{"position":[[201,10]]},"436":{"position":[[928,10]]},"444":{"position":[[166,8]]},"446":{"position":[[152,7],[219,8]]},"448":{"position":[[164,8],[189,7]]},"450":{"position":[[165,8]]},"452":{"position":[[181,8]]},"454":{"position":[[181,8]]},"480":{"position":[[243,10]]},"482":{"position":[[198,10]]},"492":{"position":[[243,7]]},"494":{"position":[[172,10]]},"500":{"position":[[165,7]]},"502":{"position":[[173,7]]},"514":{"position":[[189,10]]},"516":{"position":[[212,10]]},"518":{"position":[[182,10]]},"520":{"position":[[173,10]]},"522":{"position":[[188,10]]},"524":{"position":[[190,10]]},"526":{"position":[[171,10]]},"528":{"position":[[193,10]]},"530":{"position":[[184,10]]},"532":{"position":[[182,10]]},"534":{"position":[[202,10]]},"536":{"position":[[195,10]]},"538":{"position":[[168,10]]},"540":{"position":[[168,10]]},"542":{"position":[[169,10]]},"544":{"position":[[192,10]]},"548":{"position":[[164,8]]},"550":{"position":[[198,8]]},"554":{"position":[[233,8]]},"568":{"position":[[5375,9],[8528,6],[8894,9],[9981,6]]},"570":{"position":[[11166,7],[11493,7],[11915,7],[12461,7],[12809,7],[13252,7]]},"574":{"position":[[6407,8],[7639,8]]},"588":{"position":[[1206,7]]},"596":{"position":[[2265,7]]},"602":{"position":[[1473,6]]},"604":{"position":[[1328,6]]},"606":{"position":[[1424,6]]},"608":{"position":[[1269,6]]},"610":{"position":[[1590,6],[1917,9],[2281,6]]},"630":{"position":[[4810,6],[6344,6],[8157,6]]},"654":{"position":[[3100,7]]},"660":{"position":[[57069,6],[133939,6]]}}}],["updateasync",{"_index":638,"t":{"102":{"position":[[249,11],[293,11],[333,11],[372,11]]},"654":{"position":[[3088,11]]}}}],["updateasync(chartdata",{"_index":2828,"t":{"602":{"position":[[1407,21]]},"604":{"position":[[1262,21]]},"606":{"position":[[1358,21]]},"608":{"position":[[1203,21]]}}}],["updatepositionasync(\"bottom",{"_index":3151,"t":{"608":{"position":[[13313,30]]}}}],["updatepositionasync(\"left",{"_index":3153,"t":{"608":{"position":[[13392,28]]}}}],["updatepositionasync(\"right",{"_index":3149,"t":{"608":{"position":[[13233,29]]}}}],["updatepositionasync(\"top",{"_index":3147,"t":{"608":{"position":[[13156,27]]}}}],["updatepositionasync(str",{"_index":3154,"t":{"608":{"position":[[13440,26]]}}}],["upgrad",{"_index":43,"t":{"2":{"position":[[534,8],[1512,7],[1767,9]]},"10":{"position":[[153,7]]},"16":{"position":[[195,7]]},"68":{"position":[[662,7]]},"110":{"position":[[956,7],[1317,7]]},"116":{"position":[[602,7]]},"122":{"position":[[181,8],[266,8]]},"124":{"position":[[0,7],[255,9]]},"130":{"position":[[2481,7]]},"158":{"position":[[578,8]]},"230":{"position":[[587,8]]},"306":{"position":[[581,8]]},"346":{"position":[[231,8]]},"364":{"position":[[576,8]]},"550":{"position":[[225,8]]}}}],["uri",{"_index":2340,"t":{"588":{"position":[[377,3]]}}}],["uri(builder.hostenvironment.baseaddress",{"_index":4026,"t":{"642":{"position":[[5963,40]]},"644":{"position":[[5802,40]]},"652":{"position":[[5848,40]]}}}],["url",{"_index":2238,"t":{"586":{"position":[[1918,3]]},"592":{"position":[[1366,3]]},"656":{"position":[[1342,3]]},"658":{"position":[[376,3],[412,3],[502,4],[2301,4]]},"660":{"position":[[50695,4]]}}}],["url(&#34;data:image/svg+xml,%3csvg",{"_index":1092,"t":{"558":{"position":[[1764,34]]}}}],["url('open",{"_index":3741,"t":{"624":{"position":[[3401,9]]},"626":{"position":[[3588,9]]},"632":{"position":[[3063,9]]},"642":{"position":[[3435,9]]},"644":{"position":[[3435,9]]}}}],["url=\"@string.format(\"data:application/pdf;base64,{0",{"_index":4248,"t":{"658":{"position":[[2347,54]]}}}],["url=\"https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey",{"_index":4232,"t":{"658":{"position":[[791,89],[1588,89]]}}}],["urna",{"_index":1919,"t":{"576":{"position":[[8701,5],[8975,5],[9326,4],[10896,5],[12942,5],[13216,5],[13567,4],[15137,5],[17083,5],[17357,5],[17708,4],[19278,5]]}}}],["us",{"_index":76,"t":{"2":{"position":[[1685,5],[1751,5],[1830,5],[2123,5],[2647,5]]},"4":{"position":[[164,4]]},"56":{"position":[[306,5]]},"70":{"position":[[462,5]]},"80":{"position":[[425,3],[461,3],[572,3],[608,3],[715,3],[751,3],[860,3],[896,3],[999,3],[1035,3],[1142,3],[1178,3]]},"86":{"position":[[301,5]]},"124":{"position":[[173,5],[239,5],[318,5],[611,5],[1135,5]]},"138":{"position":[[358,4]]},"242":{"position":[[217,4]]},"434":{"position":[[208,4]]},"556":{"position":[[917,3],[2074,3],[2212,3],[2875,5],[3706,5]]},"558":{"position":[[1651,3]]},"560":{"position":[[775,5],[2034,5],[2435,3],[3323,4],[3992,3]]},"562":{"position":[[2535,3],[3086,3],[3636,3],[4077,3],[4399,3],[5024,3],[5647,3],[6389,3],[6940,3],[7490,3],[8191,3],[8756,3],[9306,3],[10021,3],[10572,3],[11122,3],[11645,3],[11817,3],[12201,3],[12764,3],[13326,3],[13884,3],[14432,3],[14992,3],[18117,5],[18518,3],[19069,3],[19619,3],[20903,3],[21476,3],[22048,3]]},"568":{"position":[[47,3],[3207,3],[3267,4],[4060,5],[5606,5],[6799,3],[7384,3]]},"570":{"position":[[3322,3],[10602,3],[10735,3],[12027,5]]},"572":{"position":[[1225,4],[1256,3]]},"574":{"position":[[61,3],[2245,5],[2463,4],[4012,3]]},"576":{"position":[[3448,5]]},"578":{"position":[[43,3],[1754,4],[4242,5],[9006,3],[10763,3]]},"580":{"position":[[57,3],[1362,4]]},"582":{"position":[[53,3],[1539,3]]},"584":{"position":[[145,5],[1040,6],[2351,5]]},"586":{"position":[[78,5],[6798,4],[9703,4]]},"588":{"position":[[90,5],[416,4],[772,5]]},"590":{"position":[[80,5],[2061,5],[2245,3],[3303,5],[3675,3]]},"592":{"position":[[48,3],[2928,5],[3673,3],[4991,5],[5038,5],[5425,5],[7944,5],[7991,5],[8409,5],[9263,3],[9324,5],[10938,5],[10985,5],[11403,5],[12264,3],[13936,5],[13983,5],[14401,5]]},"594":{"position":[[99,5],[419,4],[726,3]]},"596":{"position":[[200,5],[1499,4],[3143,3],[5260,3],[11859,5]]},"598":{"position":[[1336,4],[3777,4]]},"600":{"position":[[72,5],[3898,3],[5981,3],[6799,3],[9350,3]]},"602":{"position":[[144,4],[2619,4],[4330,3],[4797,5],[5044,5],[5879,5],[6265,5],[6307,3],[6622,6],[6656,6],[11124,6],[11158,6]]},"604":{"position":[[101,4],[165,4],[3914,5],[4299,5],[4341,3],[12588,5]]},"606":{"position":[[3323,5],[3668,5],[3710,3],[8152,5],[8296,6],[8330,6]]},"608":{"position":[[3046,5],[3386,5],[3428,3]]},"610":{"position":[[49,3]]},"612":{"position":[[3807,4],[3902,4],[8163,6],[10505,3],[11946,3],[12033,3]]},"614":{"position":[[100,5],[237,5],[5488,3],[6172,3],[6256,3],[6958,3],[6966,3],[7070,4],[7100,6],[9697,6]]},"616":{"position":[[2046,3],[2681,3],[2768,3]]},"618":{"position":[[5230,3],[6367,3],[7009,3],[7095,3],[7884,4],[7920,6]]},"620":{"position":[[40,3],[1031,3],[1624,3],[1705,3],[2255,5]]},"622":{"position":[[56,3],[1062,4],[1223,4],[1302,4],[4892,5],[8359,3],[9580,3],[10226,3],[10314,3],[11120,4],[11156,6],[17655,5]]},"624":{"position":[[296,3],[933,3],[1693,4],[2074,4],[2453,4],[2710,4],[2879,6],[3574,6],[5258,4],[5639,4],[6018,4],[6233,5],[6272,5],[6315,5],[7036,6],[7059,6],[7101,6],[7154,6],[7199,6],[7246,6],[7289,6],[7347,6],[7374,6],[7402,6],[7437,6]]},"626":{"position":[[296,3],[935,3],[1878,4],[2259,4],[2638,4],[2895,4],[3064,6],[3753,6],[5582,4],[5709,5],[5748,5],[5791,5],[6512,6],[6535,6],[6577,6],[6630,6],[6675,6],[6722,6],[6765,6],[6823,6],[6850,6],[6878,6],[6913,6]]},"628":{"position":[[104,5],[241,5],[3657,3],[4313,3],[4397,3],[5075,3],[5083,3],[5187,4],[5217,6],[9237,6]]},"630":{"position":[[398,5],[507,3],[8120,3],[10020,5]]},"632":{"position":[[314,3],[1352,4],[1733,4],[2112,4],[2369,4],[2542,6]]},"634":{"position":[[354,3],[1375,4],[1756,4],[2135,4],[2392,4],[2572,6],[4251,4],[4632,4],[5011,4],[5226,5],[5952,6],[5975,6],[6003,6],[6048,6],[6095,6],[6138,6],[6199,6],[6257,6],[6284,6],[6325,6],[6377,6]]},"636":{"position":[[309,3],[1330,4],[1711,4],[2090,4],[2347,4],[2527,6],[2952,3],[3171,6],[4500,4],[4881,4],[5260,4],[5475,5],[5517,5],[6399,6],[6422,6],[6450,6],[6495,6],[6542,6],[6585,6],[6646,6],[6704,6],[6731,6],[6760,6],[6796,6],[6836,6],[6894,5],[7100,6],[7123,6],[7151,6],[7196,6],[7243,6],[7286,6],[7347,6],[7405,6],[7432,6],[7468,6]]},"638":{"position":[[314,3],[1352,4],[1733,4],[2112,4],[2369,4],[2542,6]]},"642":{"position":[[306,3],[942,3],[1712,4],[2093,4],[2472,4],[2745,4],[2914,6],[5302,4],[5391,4],[5606,5],[5649,5],[5708,5],[6097,6],[6120,6],[6148,6],[6193,6],[6240,6],[6283,6],[6341,6],[6397,6],[6424,6],[6457,6],[6497,6]]},"644":{"position":[[306,3],[942,3],[1712,4],[2093,4],[2472,4],[2745,4],[2914,6],[5101,4],[5190,4],[5405,5],[5448,5],[5507,5],[5540,5],[5936,6],[5959,6],[5987,6],[6032,6],[6079,6],[6122,6],[6180,6],[6236,6],[6263,6],[6296,6],[6336,6]]},"648":{"position":[[57,3]]},"652":{"position":[[306,3],[1366,4],[1747,4],[2126,4],[2399,4],[2568,6],[4506,4],[4887,4],[5266,4],[5481,5],[5524,5],[5583,5],[5982,6],[6005,6],[6033,6],[6078,6],[6125,6],[6168,6],[6226,6],[6282,6],[6309,6],[6352,6],[6402,6]]},"654":{"position":[[16645,5],[18242,3],[18750,3],[18825,6],[22026,3]]},"656":{"position":[[47,3],[2590,3],[11099,6],[11182,3],[13568,3],[13629,5],[16005,3]]},"660":{"position":[[41,3],[5462,3],[5964,3],[6090,4],[6381,3],[6692,3],[9447,4],[11749,4],[35880,3],[36038,3],[38238,3],[38380,3],[40520,3],[46732,3],[50594,4],[50756,6],[54911,6],[57247,6],[66804,4],[69872,3]]}}}],["us</b></label",{"_index":3655,"t":{"622":{"position":[[2494,14],[14644,14]]}}}],["usag",{"_index":86,"t":{"2":{"position":[[1924,5]]},"124":{"position":[[412,5]]},"560":{"position":[[702,6],[7378,5]]},"592":{"position":[[1631,6],[15340,5]]},"596":{"position":[[2308,6],[13949,5]]},"614":{"position":[[1353,6],[1900,5],[12981,5]]},"616":{"position":[[1013,6],[6220,5]]},"618":{"position":[[1342,6],[11740,5]]},"620":{"position":[[710,6],[2988,5]]},"622":{"position":[[1860,6],[17580,5]]},"628":{"position":[[1297,6],[12144,5]]},"656":{"position":[[1607,6],[24154,5]]},"658":{"position":[[743,6],[1358241,5]]}}}],["user",{"_index":73,"t":{"2":{"position":[[1642,5]]},"110":{"position":[[287,5],[557,5]]},"124":{"position":[[130,5]]},"556":{"position":[[94,4],[3681,4]]},"560":{"position":[[2126,5]]},"562":{"position":[[1493,4],[1790,4]]},"566":{"position":[[3036,5],[3524,5],[4013,5],[4499,5],[4984,5],[5494,5],[6001,5],[6509,5],[7014,5],[7518,5]]},"572":{"position":[[910,4],[1129,4],[2125,4],[4292,4]]},"574":{"position":[[123,4],[2494,4],[3067,4]]},"576":{"position":[[2140,4],[2349,4]]},"578":{"position":[[124,4],[2444,4],[2653,4],[3428,4]]},"586":{"position":[[2961,4],[3475,4]]},"600":{"position":[[2118,4]]},"610":{"position":[[629,5]]},"612":{"position":[[123,5],[1533,5],[1584,4]]},"614":{"position":[[148,4],[215,5],[592,4],[648,4],[707,4],[1288,4],[3157,4],[3211,4],[3359,4],[3447,4],[7006,4],[9028,4]]},"616":{"position":[[794,4],[3387,4],[3608,4],[3742,4],[3834,4]]},"618":{"position":[[153,4],[553,4],[609,4],[668,4],[1275,4],[3626,4],[3680,4],[3830,4],[3918,4],[7820,4],[11023,4]]},"622":{"position":[[633,4],[689,4],[748,4],[1791,4],[7531,4],[7585,4],[7737,4],[7825,4],[11056,4],[16857,4]]},"628":{"position":[[152,4],[219,5],[596,4],[652,4],[711,4],[1232,4],[2329,4],[2383,4],[2531,4],[2619,4],[5123,4],[8583,4]]},"630":{"position":[[4843,5],[6377,5]]},"642":{"position":[[3755,4]]},"644":{"position":[[3755,4]]},"648":{"position":[[143,4]]},"654":{"position":[[3373,4],[3599,4]]},"658":{"position":[[92,5]]},"660":{"position":[[3322,4],[3491,4],[128593,5],[128837,6],[128932,5],[129125,4],[129230,4],[129330,4],[129433,4],[129534,4],[129648,4],[129760,4],[129865,4],[129966,4],[130046,4],[130168,4],[131234,5],[131478,6],[131573,5],[131766,4],[131893,4],[132015,4],[132140,4],[132263,4],[132399,4],[132533,4],[132660,4],[132783,4],[132885,4],[133029,4]]}}}],["user'",{"_index":1744,"t":{"574":{"position":[[5848,6]]},"622":{"position":[[132,6]]}}}],["userdefaultpreferredtab",{"_index":2759,"t":{"600":{"position":[[12543,23],[12623,25]]}}}],["usersdataprovider(griddataproviderrequest<us",{"_index":4723,"t":{"660":{"position":[[128775,47],[131416,47]]}}}],["userstatu",{"_index":4731,"t":{"660":{"position":[[130280,10],[130326,10],[133171,10],[133217,10]]}}}],["userstatus.regist",{"_index":4728,"t":{"660":{"position":[[129201,21],[129404,21],[129505,21],[129836,21],[131864,21],[132111,21],[132234,21],[132631,21]]}}}],["userstatus.verifi",{"_index":4729,"t":{"660":{"position":[[129303,19],[129939,19],[130019,19],[130120,19],[131988,19],[132756,19],[132858,19],[132981,19]]}}}],["userstatus.verificationpend",{"_index":4730,"t":{"660":{"position":[[129610,30],[129722,30],[132361,30],[132495,30]]}}}],["user’",{"_index":2039,"t":{"578":{"position":[[8666,6]]}}}],["usestaticbackdrop",{"_index":1771,"t":{"576":{"position":[[1198,17],[1232,17],[7410,17]]},"578":{"position":[[1697,17],[7685,17]]}}}],["usestaticbackdrop=\"tru",{"_index":680,"t":{"108":{"position":[[470,24]]},"576":{"position":[[7554,25]]},"578":{"position":[[7984,24]]}}}],["ut",{"_index":1839,"t":{"576":{"position":[[7732,3],[8181,2],[8332,2],[8672,2],[8938,2],[8981,2],[9665,3],[10594,3],[10902,2],[11973,3],[12422,2],[12573,2],[12913,2],[13179,2],[13222,2],[13906,3],[14835,3],[15143,2],[16114,3],[16563,2],[16714,2],[17054,2],[17320,2],[17363,2],[18047,3],[18976,3],[19284,2]]}}}],["util",{"_index":1028,"t":{"556":{"position":[[2085,9]]},"568":{"position":[[5592,10],[5612,9],[6948,7]]},"570":{"position":[[6496,10]]},"580":{"position":[[1172,10]]},"630":{"position":[[3258,10]]},"654":{"position":[[18254,10],[18772,9]]}}}],["v",{"_index":890,"t":{"142":{"position":[[1780,1]]}}}],["v0.0.1",{"_index":165,"t":{"4":{"position":[[16,6],[269,6]]},"8":{"position":[[363,6]]},"130":{"position":[[255,6]]},"138":{"position":[[210,6],[404,6]]},"242":{"position":[[69,6],[263,6]]},"434":{"position":[[21,8],[60,6],[254,6]]}}}],["v0.0.11",{"_index":891,"t":{"142":{"position":[[1782,7]]}}}],["v0.0.2",{"_index":180,"t":{"4":{"position":[[334,6]]},"6":{"position":[[278,6]]},"8":{"position":[[16,6],[264,6]]},"130":{"position":[[212,6]]},"138":{"position":[[16,6],[161,6]]},"240":{"position":[[1916,6],[2061,6]]},"438":{"position":[[21,8],[60,6],[205,6]]}}}],["v0.0.21",{"_index":892,"t":{"142":{"position":[[1790,7]]}}}],["v0.0.3",{"_index":181,"t":{"6":{"position":[[16,6],[179,6]]},"8":{"position":[[329,6]]},"12":{"position":[[820,6]]},"130":{"position":[[169,6]]},"134":{"position":[[1870,6],[2011,6]]},"240":{"position":[[1726,6],[1867,6]]},"442":{"position":[[21,8],[60,6],[201,6]]}}}],["v0.0.31",{"_index":893,"t":{"142":{"position":[[1798,7]]}}}],["v0.0.4",{"_index":185,"t":{"6":{"position":[[244,6]]},"10":{"position":[[469,6]]},"12":{"position":[[16,6],[721,6]]},"130":{"position":[[127,6]]},"134":{"position":[[1634,6],[1821,6]]},"240":{"position":[[1490,6],[1677,6]]},"440":{"position":[[21,8],[60,6],[247,6]]}}}],["v0.0.41",{"_index":894,"t":{"142":{"position":[[1806,7]]}}}],["v0.1.0",{"_index":192,"t":{"10":{"position":[[16,6],[370,6]]},"12":{"position":[[786,6]]},"14":{"position":[[446,6]]},"130":{"position":[[84,6]]},"134":{"position":[[1464,6],[1585,6]]},"240":{"position":[[1320,6],[1441,6]]},"444":{"position":[[21,8],[60,6],[181,6]]}}}],["v0.1.01",{"_index":895,"t":{"142":{"position":[[1814,7]]}}}],["v0.1.1",{"_index":207,"t":{"10":{"position":[[435,6]]},"14":{"position":[[16,6],[341,6]]},"18":{"position":[[445,6]]},"130":{"position":[[41,6]]},"134":{"position":[[1235,6],[1409,6]]},"144":{"position":[[59,6],[233,6]]},"240":{"position":[[1091,6],[1265,6]]},"446":{"position":[[21,8],[60,6],[234,6]]}}}],["v0.1.11",{"_index":896,"t":{"142":{"position":[[1822,7]]}}}],["v0.2.0",{"_index":236,"t":{"14":{"position":[[412,6]]},"18":{"position":[[16,6],[314,6]]},"22":{"position":[[465,6]]},"130":{"position":[[1108,6]]},"134":{"position":[[1034,6],[1154,6]]},"240":{"position":[[890,6],[1010,6]]},"362":{"position":[[58,6],[178,6]]},"382":{"position":[[566,6],[686,6]]},"388":{"position":[[64,6],[184,6]]},"392":{"position":[[1448,6],[1568,6]]},"450":{"position":[[21,8],[60,6],[180,6]]}}}],["v0.2.01",{"_index":897,"t":{"142":{"position":[[1830,7]]}}}],["v0.2.1",{"_index":245,"t":{"16":{"position":[[386,6]]},"18":{"position":[[411,6]]},"22":{"position":[[16,6],[338,6]]},"130":{"position":[[1066,6]]},"134":{"position":[[803,6],[957,6]]},"240":{"position":[[659,6],[813,6]]},"332":{"position":[[68,6],[222,6]]},"372":{"position":[[59,6],[213,6]]},"430":{"position":[[960,6],[1114,6]]},"448":{"position":[[21,8],[60,6],[214,6]]}}}],["v0.2.11",{"_index":898,"t":{"142":{"position":[[1838,7]]}}}],["v0.2.2",{"_index":237,"t":{"16":{"position":[[16,6],[274,6]]},"20":{"position":[[346,6]]},"22":{"position":[[431,6]]},"130":{"position":[[1023,6]]},"134":{"position":[[605,6],[741,6]]},"240":{"position":[[461,6],[597,6]]},"398":{"position":[[457,6],[593,6]]},"452":{"position":[[21,8],[60,6],[196,6]]}}}],["v0.2.21",{"_index":899,"t":{"142":{"position":[[1846,7]]}}}],["v0.2.3",{"_index":244,"t":{"16":{"position":[[352,6]]},"20":{"position":[[16,6],[234,6]]},"28":{"position":[[348,6]]},"130":{"position":[[983,6]]},"134":{"position":[[407,6],[543,6]]},"240":{"position":[[263,6],[399,6]]},"398":{"position":[[259,6],[395,6]]},"454":{"position":[[21,8],[60,6],[196,6]]}}}],["v0.2.31",{"_index":900,"t":{"142":{"position":[[1854,7]]}}}],["v0.2.4",{"_index":251,"t":{"20":{"position":[[312,6]]},"24":{"position":[[397,6]]},"28":{"position":[[16,6],[236,6]]},"130":{"position":[[943,6]]},"134":{"position":[[213,6],[345,6]]},"240":{"position":[[69,6],[201,6]]},"398":{"position":[[65,6],[197,6]]},"456":{"position":[[21,8],[60,6],[192,6]]}}}],["v0.2.41",{"_index":901,"t":{"142":{"position":[[1862,7]]}}}],["v0.2.5",{"_index":257,"t":{"24":{"position":[[16,6],[282,6]]},"26":{"position":[[383,6]]},"28":{"position":[[314,6]]},"130":{"position":[[904,6]]},"134":{"position":[[16,6],[148,6]]},"238":{"position":[[2326,6],[2458,6]]},"382":{"position":[[369,6],[501,6]]},"392":{"position":[[1251,6],[1383,6]]},"458":{"position":[[21,8],[60,6],[192,6]]}}}],["v0.2.51",{"_index":902,"t":{"142":{"position":[[1870,7]]}}}],["v0.2.6",{"_index":262,"t":{"24":{"position":[[363,6]]},"26":{"position":[[16,6],[277,6]]},"32":{"position":[[727,6]]},"130":{"position":[[865,6]]},"140":{"position":[[2400,6],[2530,6]]},"238":{"position":[[2140,6],[2270,6]]},"330":{"position":[[1320,6],[1450,6]]},"460":{"position":[[21,8],[60,6],[190,6]]}}}],["v0.2.61",{"_index":903,"t":{"142":{"position":[[1878,7]]}}}],["v0.3.0",{"_index":268,"t":{"26":{"position":[[349,6]]},"30":{"position":[[510,6]]},"32":{"position":[[16,6],[623,6]]},"130":{"position":[[824,6]]},"140":{"position":[[2196,6],[2346,6]]},"238":{"position":[[1936,6],[2086,6]]},"370":{"position":[[2659,6],[2809,6]]},"462":{"position":[[21,8],[60,6],[210,6]]}}}],["v0.3.01",{"_index":904,"t":{"142":{"position":[[1886,7]]}}}],["v0.4.0",{"_index":271,"t":{"30":{"position":[[16,6],[393,6]]},"32":{"position":[[693,6]]},"36":{"position":[[851,6]]},"130":{"position":[[783,6]]},"140":{"position":[[1990,6],[2129,6]]},"146":{"position":[[2793,6],[2932,6]]},"238":{"position":[[1730,6],[1869,6]]},"360":{"position":[[1911,6],[2050,6]]},"464":{"position":[[21,8],[60,6],[199,6]]}}}],["v0.4.01",{"_index":905,"t":{"142":{"position":[[1894,7]]}}}],["v0.4.1",{"_index":280,"t":{"30":{"position":[[476,6]]},"34":{"position":[[350,6]]},"36":{"position":[[16,6],[721,6]]},"130":{"position":[[740,6]]},"140":{"position":[[1791,6],[1910,6]]},"146":{"position":[[2594,6],[2713,6]]},"238":{"position":[[1531,6],[1650,6]]},"328":{"position":[[1001,6],[1120,6]]},"360":{"position":[[1712,6],[1831,6]]},"370":{"position":[[2460,6],[2579,6]]},"466":{"position":[[21,8],[60,6],[179,6]]}}}],["v0.4.11",{"_index":906,"t":{"142":{"position":[[1902,7]]}}}],["v0.4.2",{"_index":302,"t":{"34":{"position":[[16,6],[238,6]]},"36":{"position":[[817,6]]},"38":{"position":[[669,6]]},"130":{"position":[[696,6]]},"140":{"position":[[1517,6],[1739,6]]},"146":{"position":[[2320,6],[2542,6]]},"238":{"position":[[1257,6],[1479,6]]},"468":{"position":[[21,8],[60,6],[282,6]]}}}],["v0.4.21",{"_index":907,"t":{"142":{"position":[[1910,7]]}}}],["v0.5.0",{"_index":304,"t":{"34":{"position":[[316,6]]},"38":{"position":[[16,6],[481,6]]},"40":{"position":[[560,6]]},"130":{"position":[[652,6]]},"140":{"position":[[1248,6],[1380,6]]},"156":{"position":[[70,6],[202,6]]},"162":{"position":[[67,6],[199,6]]},"172":{"position":[[75,6],[207,6]]},"184":{"position":[[71,6],[203,6]]},"192":{"position":[[70,6],[202,6]]},"238":{"position":[[988,6],[1120,6]]},"470":{"position":[[21,8],[60,6],[192,6]]}}}],["v0.5.01",{"_index":908,"t":{"142":{"position":[[1918,7]]}}}],["v0.5.1",{"_index":325,"t":{"38":{"position":[[635,6]]},"40":{"position":[[17,6],[376,6]]},"44":{"position":[[689,6]]},"130":{"position":[[610,6]]},"140":{"position":[[986,6],[1115,6]]},"170":{"position":[[564,6],[693,6]]},"174":{"position":[[76,6],[205,6]]},"176":{"position":[[73,6],[202,6]]},"178":{"position":[[74,6],[203,6]]},"238":{"position":[[726,6],[855,6]]},"276":{"position":[[564,6],[693,6]]},"476":{"position":[[21,8],[61,6],[190,6]]}}}],["v0.5.11",{"_index":909,"t":{"142":{"position":[[1926,7]]}}}],["v0.6.0",{"_index":336,"t":{"40":{"position":[[526,6]]},"42":{"position":[[941,6]]},"44":{"position":[[17,6],[509,6]]},"130":{"position":[[567,6]]},"140":{"position":[[671,6],[857,6]]},"196":{"position":[[70,6],[256,6]]},"198":{"position":[[74,6],[260,6]]},"210":{"position":[[315,6],[501,6]]},"238":{"position":[[411,6],[597,6]]},"396":{"position":[[320,6],[506,6]]},"402":{"position":[[67,6],[253,6]]},"430":{"position":[[646,6],[832,6]]},"472":{"position":[[21,8],[61,6],[247,6]]}}}],["v0.6.01",{"_index":910,"t":{"142":{"position":[[1934,7]]}}}],["v1.0.0",{"_index":337,"t":{"42":{"position":[[17,6],[732,6]]},"44":{"position":[[654,6]]},"46":{"position":[[793,6]]},"130":{"position":[[524,6]]},"140":{"position":[[330,6],[513,6]]},"160":{"position":[[1377,6],[1560,6]]},"180":{"position":[[67,6],[250,6]]},"182":{"position":[[74,6],[257,6]]},"190":{"position":[[74,6],[257,6]]},"208":{"position":[[66,6],[249,6]]},"218":{"position":[[61,6],[244,6]]},"238":{"position":[[70,6],[253,6]]},"368":{"position":[[359,6],[542,6]]},"374":{"position":[[67,6],[250,6]]},"478":{"position":[[21,8],[61,6],[244,6]]}}}],["v1.0.01",{"_index":911,"t":{"142":{"position":[[1942,7]]}}}],["v1.0.1",{"_index":358,"t":{"42":{"position":[[906,6]]},"46":{"position":[[17,6],[568,6]]},"52":{"position":[[975,6]]},"130":{"position":[[480,6]]},"140":{"position":[[17,6],[156,6]]},"160":{"position":[[1064,6],[1203,6]]},"166":{"position":[[481,6],[620,6]]},"168":{"position":[[473,6],[612,6]]},"186":{"position":[[71,6],[210,6]]},"194":{"position":[[474,6],[613,6]]},"200":{"position":[[71,6],[210,6]]},"202":{"position":[[474,6],[613,6]]},"220":{"position":[[2870,6],[3009,6]]},"236":{"position":[[2879,6],[3018,6]]},"650":{"position":[[21,8],[61,6],[200,6]]}}}],["v1.0.11",{"_index":912,"t":{"142":{"position":[[1950,7]]}}}],["v1.1.0",{"_index":371,"t":{"46":{"position":[[758,6]]},"48":{"position":[[667,6]]},"52":{"position":[[17,6],[771,6]]},"130":{"position":[[436,6]]},"132":{"position":[[2668,6],[2921,6]]},"160":{"position":[[658,6],[911,6]]},"166":{"position":[[75,6],[328,6]]},"168":{"position":[[67,6],[320,6]]},"194":{"position":[[68,6],[321,6]]},"202":{"position":[[68,6],[321,6]]},"216":{"position":[[67,6],[320,6]]},"220":{"position":[[2464,6],[2717,6]]},"236":{"position":[[2473,6],[2726,6]]},"474":{"position":[[21,8],[61,6],[314,6]]}}}],["v1.1.01",{"_index":913,"t":{"142":{"position":[[1958,7]]}}}],["v1.10.0",{"_index":610,"t":{"98":{"position":[[1135,7]]},"100":{"position":[[17,7],[1496,7]]},"102":{"position":[[652,7]]},"126":{"position":[[979,7],[1177,7]]},"130":{"position":[[1333,7]]},"212":{"position":[[741,7],[939,7]]},"234":{"position":[[750,7],[948,7]]},"270":{"position":[[313,7],[511,7]]},"312":{"position":[[65,7],[263,7]]},"316":{"position":[[744,7],[942,7]]},"364":{"position":[[2193,7],[2391,7]]},"480":{"position":[[21,9],[62,7],[260,7]]}}}],["v1.10.01",{"_index":914,"t":{"142":{"position":[[1966,8]]}}}],["v1.10.1",{"_index":636,"t":{"100":{"position":[[1607,7]]},"102":{"position":[[17,7],[505,7]]},"104":{"position":[[1109,7]]},"126":{"position":[[731,7],[884,7]]},"130":{"position":[[1290,7]]},"212":{"position":[[493,7],[646,7]]},"234":{"position":[[502,7],[655,7]]},"270":{"position":[[65,7],[218,7]]},"308":{"position":[[2817,7],[2970,7]]},"316":{"position":[[496,7],[649,7]]},"364":{"position":[[1945,7],[2098,7]]},"482":{"position":[[21,9],[62,7],[215,7]]}}}],["v1.10.11",{"_index":915,"t":{"142":{"position":[[1975,8]]}}}],["v1.10.2",{"_index":639,"t":{"102":{"position":[[616,7]]},"104":{"position":[[17,7],[814,7]]},"106":{"position":[[683,7]]},"126":{"position":[[299,7],[488,7]]},"130":{"position":[[1247,7]]},"146":{"position":[[449,7],[638,7]]},"212":{"position":[[61,7],[250,7]]},"222":{"position":[[72,7],[261,7]]},"234":{"position":[[70,7],[259,7]]},"250":{"position":[[66,7],[255,7]]},"258":{"position":[[74,7],[263,7]]},"272":{"position":[[65,7],[254,7]]},"288":{"position":[[67,7],[256,7]]},"304":{"position":[[67,7],[256,7]]},"308":{"position":[[2385,7],[2574,7]]},"316":{"position":[[64,7],[253,7]]},"334":{"position":[[60,7],[249,7]]},"346":{"position":[[638,7],[827,7]]},"360":{"position":[[1281,7],[1470,7]]},"380":{"position":[[66,7],[255,7]]},"384":{"position":[[971,7],[1160,7]]},"410":{"position":[[414,7],[603,7]]},"436":{"position":[[375,7],[564,7]]},"484":{"position":[[21,9],[62,7],[251,7]]}}}],["v1.10.21",{"_index":916,"t":{"142":{"position":[[1984,8]]}}}],["v1.10.3",{"_index":660,"t":{"104":{"position":[[1073,7]]},"106":{"position":[[17,7],[507,7]]},"108":{"position":[[772,7]]},"126":{"position":[[17,7],[175,7]]},"130":{"position":[[1201,7]]},"158":{"position":[[2730,7],[2888,7]]},"230":{"position":[[2739,7],[2897,7]]},"268":{"position":[[69,7],[227,7]]},"274":{"position":[[64,7],[222,7]]},"306":{"position":[[2733,7],[2891,7]]},"308":{"position":[[2103,7],[2261,7]]},"358":{"position":[[415,7],[573,7]]},"360":{"position":[[999,7],[1157,7]]},"366":{"position":[[58,7],[216,7]]},"486":{"position":[[21,9],[62,7],[220,7]]}}}],["v1.10.31",{"_index":917,"t":{"142":{"position":[[1993,8]]}}}],["v1.10.4",{"_index":156,"t":{"2":{"position":[[3645,7],[3803,7]]},"106":{"position":[[647,7]]},"108":{"position":[[17,7],[603,7]]},"112":{"position":[[1059,7]]},"130":{"position":[[1157,7]]},"158":{"position":[[2455,7],[2613,7]]},"230":{"position":[[2464,7],[2622,7]]},"306":{"position":[[2458,7],[2616,7]]},"308":{"position":[[1828,7],[1986,7]]},"336":{"position":[[343,7],[501,7]]},"360":{"position":[[724,7],[882,7]]},"364":{"position":[[1670,7],[1828,7]]},"384":{"position":[[696,7],[854,7]]},"400":{"position":[[62,7],[220,7]]},"416":{"position":[[60,7],[218,7]]},"490":{"position":[[21,9],[62,7],[220,7]]}}}],["v1.10.41",{"_index":918,"t":{"142":{"position":[[2002,8]]}}}],["v1.10.5",{"_index":150,"t":{"2":{"position":[[3362,7],[3527,7]]},"108":{"position":[[736,7]]},"112":{"position":[[17,7],[889,7]]},"114":{"position":[[516,7]]},"130":{"position":[[2622,7]]},"148":{"position":[[416,7],[581,7]]},"158":{"position":[[2172,7],[2337,7]]},"230":{"position":[[2181,7],[2346,7]]},"306":{"position":[[2175,7],[2340,7]]},"308":{"position":[[1545,7],[1710,7]]},"336":{"position":[[60,7],[225,7]]},"360":{"position":[[441,7],[606,7]]},"364":{"position":[[1387,7],[1552,7]]},"384":{"position":[[413,7],[578,7]]},"428":{"position":[[59,7],[224,7]]},"488":{"position":[[21,9],[62,7],[227,7]]}}}],["v1.10.51",{"_index":919,"t":{"142":{"position":[[2011,8]]}}}],["v1.11.0",{"_index":131,"t":{"2":{"position":[[2763,7],[2999,7]]},"110":{"position":[[17,7],[1171,7]]},"114":{"position":[[480,7]]},"124":{"position":[[1312,7]]},"130":{"position":[[2535,7]]},"146":{"position":[[66,7],[302,7]]},"152":{"position":[[59,7],[295,7]]},"158":{"position":[[1573,7],[1809,7]]},"230":{"position":[[1582,7],[1818,7]]},"306":{"position":[[1576,7],[1812,7]]},"308":{"position":[[946,7],[1182,7]]},"360":{"position":[[58,7],[294,7]]},"364":{"position":[[1004,7],[1240,7]]},"394":{"position":[[670,7],[906,7]]},"404":{"position":[[378,7],[614,7]]},"408":{"position":[[67,7],[303,7]]},"418":{"position":[[351,7],[587,7]]},"492":{"position":[[21,9],[62,7],[298,7]]}}}],["v1.11.01",{"_index":920,"t":{"142":{"position":[[2020,8]]}}}],["v1.11.1",{"_index":148,"t":{"2":{"position":[[3146,7],[3273,7]]},"110":{"position":[[1363,7]]},"112":{"position":[[1023,7]]},"114":{"position":[[17,7],[375,7]]},"130":{"position":[[2579,7]]},"158":{"position":[[1956,7],[2083,7]]},"230":{"position":[[1965,7],[2092,7]]},"306":{"position":[[1959,7],[2086,7]]},"308":{"position":[[1329,7],[1456,7]]},"394":{"position":[[1053,7],[1180,7]]},"494":{"position":[[21,9],[62,7],[189,7]]}}}],["v1.11.11",{"_index":921,"t":{"142":{"position":[[2029,8]]}}}],["v1.2.0",{"_index":372,"t":{"48":{"position":[[17,6],[473,6]]},"50":{"position":[[578,6]]},"52":{"position":[[940,6]]},"130":{"position":[[392,6]]},"132":{"position":[[2339,6],[2525,6]]},"160":{"position":[[329,6],[515,6]]},"164":{"position":[[76,6],[262,6]]},"188":{"position":[[68,6],[254,6]]},"220":{"position":[[2135,6],[2321,6]]},"236":{"position":[[2144,6],[2330,6]]},"256":{"position":[[753,6],[939,6]]},"280":{"position":[[67,6],[253,6]]},"496":{"position":[[21,8],[61,6],[247,6]]}}}],["v1.2.01",{"_index":922,"t":{"142":{"position":[[2038,7]]}}}],["v1.3.0",{"_index":378,"t":{"48":{"position":[[632,6]]},"50":{"position":[[17,6],[440,6]]},"54":{"position":[[650,6]]},"130":{"position":[[348,6]]},"132":{"position":[[2080,6],[2252,6]]},"160":{"position":[[70,6],[242,6]]},"220":{"position":[[1876,6],[2048,6]]},"236":{"position":[[1885,6],[2057,6]]},"296":{"position":[[498,6],[670,6]]},"498":{"position":[[21,8],[61,6],[233,6]]}}}],["v1.3.01",{"_index":923,"t":{"142":{"position":[[2046,7]]}}}],["v1.3.1",{"_index":381,"t":{"50":{"position":[[543,6]]},"54":{"position":[[17,6],[510,6]]},"58":{"position":[[533,6]]},"130":{"position":[[304,6]]},"132":{"position":[[1791,6],[1991,6]]},"146":{"position":[[2032,6],[2232,6]]},"220":{"position":[[1587,6],[1787,6]]},"222":{"position":[[1206,6],[1406,6]]},"236":{"position":[[1596,6],[1796,6]]},"506":{"position":[[21,8],[61,6],[261,6]]}}}],["v1.3.11",{"_index":924,"t":{"142":{"position":[[2054,7]]}}}],["v1.4.0",{"_index":393,"t":{"54":{"position":[[615,6]]},"56":{"position":[[930,6]]},"58":{"position":[[17,6],[376,6]]},"130":{"position":[[2233,6]]},"132":{"position":[[1523,6],[1685,6]]},"220":{"position":[[1319,6],[1481,6]]},"236":{"position":[[1328,6],[1490,6]]},"288":{"position":[[499,6],[661,6]]},"376":{"position":[[63,6],[225,6]]},"378":{"position":[[61,6],[223,6]]},"386":{"position":[[65,6],[227,6]]},"410":{"position":[[846,6],[1008,6]]},"504":{"position":[[21,8],[61,6],[223,6]]}}}],["v1.4.01",{"_index":925,"t":{"142":{"position":[[2062,7]]}}}],["v1.4.1",{"_index":394,"t":{"56":{"position":[[17,6],[731,6]]},"58":{"position":[[498,6]]},"60":{"position":[[875,6]]},"130":{"position":[[2190,6]]},"132":{"position":[[1213,6],[1375,6]]},"220":{"position":[[1009,6],[1171,6]]},"236":{"position":[[1018,6],[1180,6]]},"260":{"position":[[73,6],[235,6]]},"266":{"position":[[67,6],[229,6]]},"272":{"position":[[2350,6],[2512,6]]},"310":{"position":[[514,6],[676,6]]},"314":{"position":[[1012,6],[1174,6]]},"342":{"position":[[67,6],[229,6]]},"356":{"position":[[61,6],[223,6]]},"382":{"position":[[60,6],[222,6]]},"500":{"position":[[21,8],[61,6],[223,6]]}}}],["v1.4.11",{"_index":926,"t":{"142":{"position":[[2070,7]]}}}],["v1.4.2",{"_index":413,"t":{"56":{"position":[[895,6]]},"60":{"position":[[17,6],[637,6]]},"64":{"position":[[492,6]]},"130":{"position":[[2147,6]]},"132":{"position":[[764,6],[1026,6]]},"146":{"position":[[1583,6],[1845,6]]},"154":{"position":[[74,6],[336,6]]},"204":{"position":[[79,6],[341,6]]},"206":{"position":[[71,6],[333,6]]},"220":{"position":[[560,6],[822,6]]},"226":{"position":[[88,6],[350,6]]},"236":{"position":[[569,6],[831,6]]},"310":{"position":[[65,6],[327,6]]},"314":{"position":[[563,6],[825,6]]},"502":{"position":[[21,8],[61,6],[323,6]]}}}],["v1.4.21",{"_index":927,"t":{"142":{"position":[[2078,7]]}}}],["v1.4.3",{"_index":421,"t":{"60":{"position":[[840,6]]},"62":{"position":[[551,6]]},"64":{"position":[[17,6],[335,6]]},"130":{"position":[[2104,6]]},"132":{"position":[[515,6],[658,6]]},"170":{"position":[[315,6],[458,6]]},"220":{"position":[[311,6],[454,6]]},"236":{"position":[[320,6],[463,6]]},"276":{"position":[[315,6],[458,6]]},"314":{"position":[[314,6],[457,6]]},"318":{"position":[[2849,6],[2992,6]]},"370":{"position":[[2212,6],[2355,6]]},"508":{"position":[[21,8],[61,6],[204,6]]}}}],["v1.4.31",{"_index":928,"t":{"142":{"position":[[2086,7]]}}}],["v1.4.4",{"_index":422,"t":{"62":{"position":[[17,6],[394,6]]},"64":{"position":[[457,6]]},"66":{"position":[[524,6]]},"130":{"position":[[2061,6]]},"132":{"position":[[265,6],[409,6]]},"170":{"position":[[65,6],[209,6]]},"220":{"position":[[61,6],[205,6]]},"236":{"position":[[70,6],[214,6]]},"276":{"position":[[65,6],[209,6]]},"314":{"position":[[64,6],[208,6]]},"318":{"position":[[2599,6],[2743,6]]},"370":{"position":[[1962,6],[2106,6]]},"510":{"position":[[21,8],[61,6],[205,6]]}}}],["v1.4.41",{"_index":929,"t":{"142":{"position":[[2094,7]]}}}],["v1.4.5",{"_index":430,"t":{"62":{"position":[[516,6]]},"66":{"position":[[17,6],[361,6]]},"70":{"position":[[1178,6]]},"130":{"position":[[2017,6]]},"132":{"position":[[17,6],[153,6]]},"210":{"position":[[67,6],[203,6]]},"214":{"position":[[2901,6],[3037,6]]},"232":{"position":[[2910,6],[3046,6]]},"302":{"position":[[404,6],[540,6]]},"318":{"position":[[2351,6],[2487,6]]},"326":{"position":[[2904,6],[3040,6]]},"430":{"position":[[398,6],[534,6]]},"512":{"position":[[21,8],[61,6],[197,6]]}}}],["v1.4.51",{"_index":930,"t":{"142":{"position":[[2102,7]]}}}],["v1.5.0",{"_index":440,"t":{"66":{"position":[[489,6]]},"68":{"position":[[1251,6]]},"70":{"position":[[17,6],[929,6]]},"130":{"position":[[1973,6]]},"136":{"position":[[2772,6],[2917,6]]},"214":{"position":[[2558,6],[2703,6]]},"232":{"position":[[2567,6],[2712,6]]},"248":{"position":[[582,6],[727,6]]},"262":{"position":[[484,6],[629,6]]},"264":{"position":[[1215,6],[1360,6]]},"272":{"position":[[2007,6],[2152,6]]},"284":{"position":[[915,6],[1060,6]]},"318":{"position":[[2008,6],[2153,6]]},"324":{"position":[[576,6],[721,6]]},"326":{"position":[[2561,6],[2706,6]]},"352":{"position":[[478,6],[623,6]]},"354":{"position":[[1209,6],[1354,6]]},"384":{"position":[[2913,6],[3058,6]]},"392":{"position":[[909,6],[1054,6]]},"514":{"position":[[21,8],[61,6],[206,6]]}}}],["v1.5.01",{"_index":931,"t":{"142":{"position":[[2110,7]]}}}],["v1.6.0",{"_index":441,"t":{"68":{"position":[[17,6],[932,6]]},"70":{"position":[[1143,6]]},"72":{"position":[[1232,6]]},"130":{"position":[[1933,6]]},"136":{"position":[[2358,6],[2504,6]]},"214":{"position":[[2144,6],[2290,6]]},"232":{"position":[[2153,6],[2299,6]]},"254":{"position":[[65,6],[211,6]]},"262":{"position":[[70,6],[216,6]]},"264":{"position":[[801,6],[947,6]]},"270":{"position":[[2600,6],[2746,6]]},"272":{"position":[[1593,6],[1739,6]]},"284":{"position":[[501,6],[647,6]]},"292":{"position":[[65,6],[211,6]]},"294":{"position":[[787,6],[933,6]]},"298":{"position":[[71,6],[217,6]]},"318":{"position":[[1594,6],[1740,6]]},"326":{"position":[[2147,6],[2293,6]]},"352":{"position":[[64,6],[210,6]]},"354":{"position":[[795,6],[941,6]]},"370":{"position":[[1548,6],[1694,6]]},"384":{"position":[[2499,6],[2645,6]]},"392":{"position":[[495,6],[641,6]]},"424":{"position":[[781,6],[927,6]]},"426":{"position":[[65,6],[211,6]]},"524":{"position":[[21,8],[61,6],[207,6]]}}}],["v1.6.01",{"_index":932,"t":{"142":{"position":[[2118,7]]}}}],["v1.7.0",{"_index":465,"t":{"68":{"position":[[1216,6]]},"72":{"position":[[17,6],[1015,6]]},"74":{"position":[[746,6]]},"130":{"position":[[1892,6]]},"136":{"position":[[2024,6],[2192,6]]},"148":{"position":[[699,6],[867,6]]},"152":{"position":[[442,6],[610,6]]},"214":{"position":[[1810,6],[1978,6]]},"224":{"position":[[70,6],[238,6]]},"228":{"position":[[66,6],[234,6]]},"232":{"position":[[1819,6],[1987,6]]},"246":{"position":[[366,6],[534,6]]},"252":{"position":[[69,6],[237,6]]},"318":{"position":[[1260,6],[1428,6]]},"326":{"position":[[1813,6],[1981,6]]},"330":{"position":[[987,6],[1155,6]]},"340":{"position":[[63,6],[231,6]]},"516":{"position":[[21,8],[61,6],[229,6]]}}}],["v1.7.01",{"_index":933,"t":{"142":{"position":[[2126,7]]}}}],["v1.7.1",{"_index":485,"t":{"72":{"position":[[1197,6]]},"74":{"position":[[17,6],[563,6]]},"76":{"position":[[508,6]]},"130":{"position":[[1851,6]]},"136":{"position":[[1754,6],[1892,6]]},"146":{"position":[[1313,6],[1451,6]]},"214":{"position":[[1540,6],[1678,6]]},"222":{"position":[[936,6],[1074,6]]},"232":{"position":[[1549,6],[1687,6]]},"248":{"position":[[312,6],[450,6]]},"318":{"position":[[990,6],[1128,6]]},"324":{"position":[[306,6],[444,6]]},"326":{"position":[[1543,6],[1681,6]]},"518":{"position":[[21,8],[61,6],[199,6]]}}}],["v1.7.11",{"_index":934,"t":{"142":{"position":[[2134,7]]}}}],["v1.7.2",{"_index":498,"t":{"74":{"position":[[711,6]]},"76":{"position":[[17,6],[336,6]]},"78":{"position":[[605,6]]},"130":{"position":[[1810,6]]},"136":{"position":[[1506,6],[1633,6]]},"214":{"position":[[1292,6],[1419,6]]},"232":{"position":[[1301,6],[1428,6]]},"256":{"position":[[505,6],[632,6]]},"318":{"position":[[742,6],[869,6]]},"326":{"position":[[1295,6],[1422,6]]},"344":{"position":[[63,6],[190,6]]},"350":{"position":[[813,6],[940,6]]},"526":{"position":[[21,8],[61,6],[188,6]]}}}],["v1.7.21",{"_index":935,"t":{"142":{"position":[[2142,7]]}}}],["v1.7.3",{"_index":503,"t":{"76":{"position":[[473,6]]},"78":{"position":[[17,6],[438,6]]},"80":{"position":[[2018,6]]},"130":{"position":[[1769,6]]},"136":{"position":[[1261,6],[1390,6]]},"214":{"position":[[1047,6],[1176,6]]},"232":{"position":[[1056,6],[1185,6]]},"248":{"position":[[67,6],[196,6]]},"270":{"position":[[2355,6],[2484,6]]},"318":{"position":[[497,6],[626,6]]},"324":{"position":[[61,6],[190,6]]},"326":{"position":[[1050,6],[1179,6]]},"370":{"position":[[1303,6],[1432,6]]},"520":{"position":[[21,8],[61,6],[190,6]]}}}],["v1.7.31",{"_index":936,"t":{"142":{"position":[[2150,7]]}}}],["v1.8.0",{"_index":253,"t":{"22":{"position":[[156,7],[277,6]]},"78":{"position":[[570,6]]},"80":{"position":[[17,6],[1679,6]]},"82":{"position":[[770,6]]},"130":{"position":[[1728,6]]},"134":{"position":[[943,7]]},"136":{"position":[[829,6],[973,6]]},"146":{"position":[[881,6],[1025,6]]},"214":{"position":[[615,6],[759,6]]},"222":{"position":[[504,6],[648,6]]},"232":{"position":[[624,6],[768,6]]},"240":{"position":[[799,7]]},"256":{"position":[[73,6],[217,6]]},"264":{"position":[[369,6],[513,6]]},"270":{"position":[[1923,6],[2067,6]]},"282":{"position":[[72,6],[216,6]]},"284":{"position":[[69,6],[213,6]]},"294":{"position":[[355,6],[499,6]]},"296":{"position":[[66,6],[210,6]]},"318":{"position":[[65,6],[209,6]]},"326":{"position":[[618,6],[762,6]]},"332":{"position":[[208,7]]},"350":{"position":[[381,6],[525,6]]},"354":{"position":[[363,6],[507,6]]},"370":{"position":[[871,6],[1015,6]]},"372":{"position":[[199,7]]},"390":{"position":[[379,6],[523,6]]},"392":{"position":[[63,6],[207,6]]},"416":{"position":[[335,6],[479,6]]},"424":{"position":[[349,6],[493,6]]},"430":{"position":[[1100,7]]},"448":{"position":[[200,7]]},"522":{"position":[[21,8],[61,6],[205,6]]}}}],["v1.8.01",{"_index":937,"t":{"142":{"position":[[2158,7]]}}}],["v1.8.1",{"_index":530,"t":{"80":{"position":[[1983,6]]},"82":{"position":[[17,6],[603,6]]},"84":{"position":[[750,6]]},"130":{"position":[[1689,6]]},"136":{"position":[[575,6],[713,6]]},"214":{"position":[[361,6],[499,6]]},"232":{"position":[[370,6],[508,6]]},"270":{"position":[[1669,6],[1807,6]]},"304":{"position":[[499,6],[637,6]]},"312":{"position":[[2537,6],[2675,6]]},"326":{"position":[[364,6],[502,6]]},"370":{"position":[[617,6],[755,6]]},"436":{"position":[[807,6],[945,6]]},"532":{"position":[[21,8],[61,6],[199,6]]}}}],["v1.8.11",{"_index":938,"t":{"142":{"position":[[2166,7]]}}}],["v1.8.2",{"_index":536,"t":{"82":{"position":[[735,6]]},"84":{"position":[[17,6],[548,6]]},"88":{"position":[[575,6]]},"130":{"position":[[1650,6]]},"136":{"position":[[275,6],[424,6]]},"214":{"position":[[61,6],[210,6]]},"232":{"position":[[70,6],[219,6]]},"246":{"position":[[66,6],[215,6]]},"264":{"position":[[69,6],[218,6]]},"270":{"position":[[1369,6],[1518,6]]},"312":{"position":[[2237,6],[2386,6]]},"326":{"position":[[64,6],[213,6]]},"330":{"position":[[687,6],[836,6]]},"348":{"position":[[59,6],[208,6]]},"354":{"position":[[63,6],[212,6]]},"368":{"position":[[59,6],[208,6]]},"370":{"position":[[317,6],[466,6]]},"528":{"position":[[21,8],[61,6],[210,6]]}}}],["v1.8.21",{"_index":939,"t":{"142":{"position":[[2174,7]]}}}],["v1.8.3",{"_index":548,"t":{"84":{"position":[[715,6]]},"86":{"position":[[966,6]]},"88":{"position":[[17,6],[406,6]]},"130":{"position":[[1610,6]]},"136":{"position":[[17,6],[157,6]]},"212":{"position":[[2655,6],[2795,6]]},"234":{"position":[[2664,6],[2804,6]]},"270":{"position":[[1111,6],[1251,6]]},"286":{"position":[[69,6],[209,6]]},"312":{"position":[[1979,6],[2119,6]]},"316":{"position":[[2658,6],[2798,6]]},"370":{"position":[[59,6],[199,6]]},"396":{"position":[[62,6],[202,6]]},"530":{"position":[[21,8],[61,6],[201,6]]}}}],["v1.8.31",{"_index":940,"t":{"142":{"position":[[2182,7]]}}}],["v1.9.0",{"_index":549,"t":{"86":{"position":[[17,6],[735,6]]},"88":{"position":[[540,6]]},"92":{"position":[[595,6]]},"126":{"position":[[2555,6],[2713,6]]},"130":{"position":[[1570,6]]},"212":{"position":[[2317,6],[2475,6]]},"234":{"position":[[2326,6],[2484,6]]},"272":{"position":[[1255,6],[1413,6]]},"274":{"position":[[346,6],[504,6]]},"278":{"position":[[324,6],[482,6]]},"290":{"position":[[65,6],[223,6]]},"302":{"position":[[66,6],[224,6]]},"312":{"position":[[1641,6],[1799,6]]},"316":{"position":[[2320,6],[2478,6]]},"366":{"position":[[340,6],[498,6]]},"380":{"position":[[750,6],[908,6]]},"384":{"position":[[2161,6],[2319,6]]},"418":{"position":[[734,6],[892,6]]},"430":{"position":[[60,6],[218,6]]},"534":{"position":[[21,8],[61,6],[219,6]]}}}],["v1.9.01",{"_index":941,"t":{"142":{"position":[[2190,7]]}}}],["v1.9.1",{"_index":266,"t":{"26":{"position":[[165,6]]},"90":{"position":[[17,6],[309,6]]},"92":{"position":[[560,6]]},"96":{"position":[[535,6]]},"126":{"position":[[2029,6],[2153,6]]},"130":{"position":[[1491,6]]},"212":{"position":[[1791,6],[1915,6]]},"234":{"position":[[1800,6],[1924,6]]},"272":{"position":[[1035,6],[1159,6]]},"312":{"position":[[1115,6],[1239,6]]},"316":{"position":[[1794,6],[1918,6]]},"384":{"position":[[1941,6],[2065,6]]},"538":{"position":[[21,8],[61,6],[185,6]]}}}],["v1.9.11",{"_index":942,"t":{"142":{"position":[[2198,7]]}}}],["v1.9.2",{"_index":565,"t":{"86":{"position":[[931,6]]},"90":{"position":[[456,6]]},"92":{"position":[[17,6],[389,6]]},"126":{"position":[[2249,6],[2400,6]]},"130":{"position":[[1530,6]]},"212":{"position":[[2011,6],[2162,6]]},"234":{"position":[[2020,6],[2171,6]]},"244":{"position":[[71,6],[222,6]]},"300":{"position":[[66,6],[217,6]]},"312":{"position":[[1335,6],[1486,6]]},"316":{"position":[[2014,6],[2165,6]]},"320":{"position":[[65,6],[216,6]]},"322":{"position":[[72,6],[223,6]]},"428":{"position":[[342,6],[493,6]]},"432":{"position":[[67,6],[218,6]]},"536":{"position":[[21,8],[61,6],[212,6]]}}}],["v1.9.21",{"_index":943,"t":{"142":{"position":[[2206,7]]}}}],["v1.9.3",{"_index":577,"t":{"90":{"position":[[421,6]]},"94":{"position":[[489,6]]},"96":{"position":[[17,6],[390,6]]},"126":{"position":[[1810,6],[1935,6]]},"130":{"position":[[1452,6]]},"212":{"position":[[1572,6],[1697,6]]},"234":{"position":[[1581,6],[1706,6]]},"270":{"position":[[892,6],[1017,6]]},"312":{"position":[[896,6],[1021,6]]},"316":{"position":[[1575,6],[1700,6]]},"364":{"position":[[2772,6],[2897,6]]},"542":{"position":[[21,8],[61,6],[186,6]]}}}],["v1.9.31",{"_index":944,"t":{"142":{"position":[[2214,7]]}}}],["v1.9.4",{"_index":583,"t":{"94":{"position":[[17,6],[310,6]]},"96":{"position":[[500,6]]},"98":{"position":[[1171,6]]},"126":{"position":[[1558,6],[1682,6]]},"130":{"position":[[1413,6]]},"212":{"position":[[1320,6],[1444,6]]},"234":{"position":[[1329,6],[1453,6]]},"272":{"position":[[783,6],[907,6]]},"278":{"position":[[72,6],[196,6]]},"312":{"position":[[644,6],[768,6]]},"316":{"position":[[1323,6],[1447,6]]},"380":{"position":[[498,6],[622,6]]},"384":{"position":[[1689,6],[1813,6]]},"540":{"position":[[21,8],[61,6],[185,6]]}}}],["v1.9.41",{"_index":945,"t":{"142":{"position":[[2222,7]]}}}],["v1.9.5",{"_index":586,"t":{"94":{"position":[[454,6]]},"98":{"position":[[17,6],[981,6]]},"100":{"position":[[1643,6]]},"126":{"position":[[1272,6],[1420,6]]},"130":{"position":[[1374,6]]},"212":{"position":[[1034,6],[1182,6]]},"234":{"position":[[1043,6],[1191,6]]},"270":{"position":[[606,6],[754,6]]},"272":{"position":[[497,6],[645,6]]},"294":{"position":[[69,6],[217,6]]},"312":{"position":[[358,6],[506,6]]},"316":{"position":[[1037,6],[1185,6]]},"364":{"position":[[2486,6],[2634,6]]},"384":{"position":[[1403,6],[1551,6]]},"424":{"position":[[63,6],[211,6]]},"544":{"position":[[21,8],[61,6],[209,6]]}}}],["v1.9.51",{"_index":946,"t":{"142":{"position":[[2230,7]]}}}],["v2.0.0",{"_index":63,"t":{"2":{"position":[[1255,6],[1418,6]]},"116":{"position":[[17,6],[457,6]]},"118":{"position":[[678,6]]},"124":{"position":[[1277,6]]},"130":{"position":[[2454,6]]},"158":{"position":[[1299,6],[1462,6]]},"230":{"position":[[1308,6],[1471,6]]},"306":{"position":[[1302,6],[1465,6]]},"308":{"position":[[672,6],[835,6]]},"328":{"position":[[728,6],[891,6]]},"330":{"position":[[413,6],[576,6]]},"338":{"position":[[64,6],[227,6]]},"422":{"position":[[62,6],[225,6]]},"548":{"position":[[21,8],[61,6],[224,6]]}}}],["v2.0.01",{"_index":947,"t":{"142":{"position":[[2238,7]]}}}],["v2.1.0",{"_index":54,"t":{"2":{"position":[[941,6],[1091,6]]},"116":{"position":[[584,6]]},"118":{"position":[[17,6],[463,6]]},"120":{"position":[[595,6]]},"130":{"position":[[2410,6]]},"150":{"position":[[63,6],[213,6]]},"158":{"position":[[985,6],[1135,6]]},"230":{"position":[[994,6],[1144,6]]},"306":{"position":[[988,6],[1138,6]]},"308":{"position":[[358,6],[508,6]]},"328":{"position":[[414,6],[564,6]]},"350":{"position":[[67,6],[217,6]]},"364":{"position":[[690,6],[840,6]]},"390":{"position":[[65,6],[215,6]]},"394":{"position":[[356,6],[506,6]]},"404":{"position":[[64,6],[214,6]]},"412":{"position":[[415,6],[565,6]]},"436":{"position":[[61,6],[211,6]]},"546":{"position":[[21,8],[61,6],[211,6]]}}}],["v2.1.01",{"_index":948,"t":{"142":{"position":[[2246,7]]}}}],["v2.2.0",{"_index":46,"t":{"2":{"position":[[648,6],[814,6]]},"118":{"position":[[643,6]]},"120":{"position":[[17,6],[417,6]]},"122":{"position":[[508,6]]},"130":{"position":[[2369,6]]},"158":{"position":[[692,6],[858,6]]},"230":{"position":[[701,6],[867,6]]},"306":{"position":[[695,6],[861,6]]},"308":{"position":[[65,6],[231,6]]},"346":{"position":[[345,6],[511,6]]},"394":{"position":[[63,6],[229,6]]},"406":{"position":[[413,6],[579,6]]},"414":{"position":[[67,6],[233,6]]},"418":{"position":[[58,6],[224,6]]},"552":{"position":[[21,8],[61,6],[227,6]]}}}],["v2.2.01",{"_index":949,"t":{"142":{"position":[[2254,7]]}}}],["v2.2.1",{"_index":34,"t":{"2":{"position":[[370,6],[562,6]]},"120":{"position":[[560,6]]},"122":{"position":[[17,6],[361,6]]},"128":{"position":[[1727,6]]},"130":{"position":[[2328,6]]},"158":{"position":[[414,6],[606,6]]},"230":{"position":[[423,6],[615,6]]},"306":{"position":[[417,6],[609,6]]},"346":{"position":[[67,6],[259,6]]},"364":{"position":[[412,6],[604,6]]},"550":{"position":[[21,8],[61,6],[253,6]]}}}],["v2.2.11",{"_index":950,"t":{"142":{"position":[[2262,7]]}}}],["v2.x.x",{"_index":70,"t":{"2":{"position":[[1523,6]]},"110":{"position":[[1328,6]]},"116":{"position":[[613,6]]},"124":{"position":[[11,6]]},"130":{"position":[[2492,6]]}}}],["v3.0.0",{"_index":2,"t":{"2":{"position":[[17,6],[115,6],[230,6]]},"122":{"position":[[463,6]]},"128":{"position":[[17,6],[115,6],[1571,6]]},"130":{"position":[[2277,6]]},"148":{"position":[[63,6],[161,6],[276,6]]},"158":{"position":[[61,6],[159,6],[274,6]]},"230":{"position":[[70,6],[168,6],[283,6]]},"306":{"position":[[64,6],[162,6],[277,6]]},"328":{"position":[[61,6],[159,6],[274,6]]},"330":{"position":[[60,6],[158,6],[273,6]]},"358":{"position":[[62,6],[160,6],[275,6]]},"364":{"position":[[59,6],[157,6],[272,6]]},"384":{"position":[[60,6],[158,6],[273,6]]},"406":{"position":[[60,6],[158,6],[273,6]]},"410":{"position":[[61,6],[159,6],[274,6]]},"412":{"position":[[62,6],[160,6],[275,6]]},"420":{"position":[[58,6],[156,6],[271,6]]},"554":{"position":[[21,8],[61,6],[159,6],[274,6]]}}}],["v3.0.01",{"_index":951,"t":{"142":{"position":[[2270,7]]}}}],["v5.1.3",{"_index":454,"t":{"68":{"position":[[693,6]]}}}],["v5.2.3",{"_index":455,"t":{"68":{"position":[[703,6]]}}}],["v6.0.1",{"_index":242,"t":{"16":{"position":[[208,6]]}}}],["v6.0.3",{"_index":243,"t":{"16":{"position":[[218,6]]}}}],["valid",{"_index":279,"t":{"30":{"position":[[275,11]]},"42":{"position":[[362,11]]},"68":{"position":[[262,11]]},"70":{"position":[[294,11]]},"612":{"position":[[8150,12],[8322,11],[13612,11]]},"614":{"position":[[259,10],[6864,12],[6945,12],[6993,8],[7259,11],[9856,11],[13027,11]]},"616":{"position":[[4313,6]]},"618":{"position":[[7665,12],[7738,12],[7807,8],[8079,11],[11829,11]]},"622":{"position":[[10896,12],[10972,12],[11043,8],[11315,11],[17841,11]]},"628":{"position":[[263,10],[4981,12],[5062,12],[5110,8],[5376,11],[9396,11],[12190,11]]},"654":{"position":[[18984,11]]}}}],["valid.modified:not([type=checkbox",{"_index":3283,"t":{"612":{"position":[[8216,36]]},"614":{"position":[[7153,36],[9750,36]]},"618":{"position":[[7973,36]]},"622":{"position":[[11209,36]]},"628":{"position":[[5270,36],[9290,36]]},"654":{"position":[[18878,36]]}}}],["validationmessag",{"_index":3296,"t":{"612":{"position":[[8845,18],[9133,18]]},"614":{"position":[[7628,18],[7958,18],[10243,18],[10643,18],[11039,18]]},"618":{"position":[[8545,18],[8908,18],[9234,18]]},"622":{"position":[[11824,18],[12230,18],[12599,18]]},"628":{"position":[[5795,18],[6119,18],[6423,18],[6744,18],[7042,18],[9878,18],[10280,18]]},"654":{"position":[[19552,18],[19856,18],[20123,18]]}}}],["valu",{"_index":488,"t":{"74":{"position":[[233,5]]},"98":{"position":[[369,5]]},"112":{"position":[[469,5]]},"562":{"position":[[18249,5]]},"566":{"position":[[489,5]]},"572":{"position":[[1392,5]]},"574":{"position":[[2431,6]]},"576":{"position":[[3634,6],[5029,5],[5225,5],[11692,5]]},"578":{"position":[[4428,6],[5798,5],[5994,5]]},"596":{"position":[[502,5],[1370,5]]},"600":{"position":[[12591,5],[14835,6]]},"602":{"position":[[375,6],[2202,5],[2234,5],[4770,5]]},"604":{"position":[[124,6],[2318,5],[2350,5]]},"606":{"position":[[158,6],[308,6],[2066,5],[2098,5]]},"608":{"position":[[146,6],[1901,5],[1933,5]]},"610":{"position":[[408,5]]},"612":{"position":[[1037,5],[1072,6],[1130,5],[1624,6],[6566,6],[13606,5]]},"614":{"position":[[431,6],[998,5],[1028,6],[1330,6],[3324,5],[3391,6],[3433,6],[3474,6],[3511,6],[9080,6]]},"616":{"position":[[293,5],[362,5],[431,5],[537,5],[567,5],[819,6],[952,5],[983,6],[3640,5],[3707,5],[3778,6],[3820,6],[3865,6],[3902,6],[4232,5],[4259,6],[5277,7],[5913,5],[5950,5],[5990,5],[6037,5],[6075,5],[6260,6]]},"618":{"position":[[392,6],[1078,5],[1108,6],[1319,6],[3795,5],[3862,6],[3904,6],[3945,6],[3982,6],[9898,6],[9923,6],[9988,6],[10016,6],[11067,6],[11508,6],[11525,6],[11577,8]]},"620":{"position":[[411,5],[445,6],[2741,6],[2758,6],[2825,8]]},"622":{"position":[[386,6],[1309,5],[1590,5],[1620,6],[1837,6],[4610,5],[4815,6],[5328,6],[5678,5],[5869,6],[7702,5],[7769,6],[7811,6],[7852,6],[7889,6],[13263,6],[13288,6],[13353,6],[13381,6],[14347,7],[16903,6],[17346,6],[17363,6],[17415,8],[17861,6]]},"624":{"position":[[6764,5]]},"626":{"position":[[6240,5]]},"628":{"position":[[435,6],[942,5],[972,6],[1274,6],[2496,5],[2563,6],[2605,6],[2646,6],[2683,6],[8635,6]]},"634":{"position":[[5664,5]]},"636":{"position":[[6021,5]]},"654":{"position":[[20819,6],[20844,6],[20909,6],[20937,6]]},"660":{"position":[[2479,5],[4765,6],[52560,6],[71225,7]]}}}],["value=\"@amount",{"_index":3533,"t":{"618":{"position":[[1522,15],[1954,15],[4086,15],[4580,15],[5434,15],[6114,15],[6515,15],[7273,15]]},"622":{"position":[[6236,15],[7995,15],[8565,15],[9301,15],[9732,15],[10496,15]]}}}],["value=\"@amount1",{"_index":3648,"t":{"622":{"position":[[2001,16],[2317,16],[4709,16],[5197,16],[5750,16],[14467,16]]}}}],["value=\"@amount2",{"_index":3539,"t":{"618":{"position":[[2132,16],[4879,16],[5664,16]]},"622":{"position":[[2543,16],[6368,16],[8823,16],[14697,16]]}}}],["value=\"@amount3",{"_index":3541,"t":{"618":{"position":[[2314,16]]},"622":{"position":[[2769,16],[6503,16],[14927,16]]}}}],["value=\"@amount4",{"_index":3543,"t":{"618":{"position":[[2498,16]]},"622":{"position":[[2995,16],[6640,16],[15157,16]]}}}],["value=\"@amount5",{"_index":3546,"t":{"618":{"position":[[2682,16]]},"622":{"position":[[3221,16],[6777,16],[15387,16]]}}}],["value=\"@amount6",{"_index":3548,"t":{"618":{"position":[[2868,16]]},"622":{"position":[[3447,16],[6916,16],[15617,16]]}}}],["value=\"@amount7",{"_index":3550,"t":{"618":{"position":[[3054,16]]},"622":{"position":[[3673,16],[7055,16],[15847,16]]}}}],["value=\"@amount8",{"_index":3552,"t":{"618":{"position":[[3242,16]]},"622":{"position":[[3899,16],[7196,16],[16077,16]]}}}],["value=\"@amount9",{"_index":3674,"t":{"622":{"position":[[4125,16],[16307,16]]}}}],["value=\"@context.isact",{"_index":4563,"t":{"660":{"position":[[70982,27]]}}}],["value=\"@date1",{"_index":3346,"t":{"614":{"position":[[1547,14],[2156,14],[3625,14],[5595,14],[6393,14]]},"628":{"position":[[1491,14]]}}}],["value=\"@date2",{"_index":3354,"t":{"614":{"position":[[2360,14],[3953,14]]}}}],["value=\"@date3",{"_index":3358,"t":{"614":{"position":[[2562,14],[4279,14]]}}}],["value=\"@date4",{"_index":3361,"t":{"614":{"position":[[2766,14],[4607,14]]}}}],["value=\"@time1",{"_index":3833,"t":{"628":{"position":[[1890,14],[2797,14],[3764,14],[4535,14]]}}}],["value=\"@time2",{"_index":3836,"t":{"628":{"position":[[2069,14],[3100,14]]}}}],["value=\"agre",{"_index":3623,"t":{"620":{"position":[[1114,13],[1819,13],[2298,13],[2486,13]]}}}],["value=\"agree1",{"_index":3612,"t":{"620":{"position":[[731,14]]}}}],["value=\"agree2",{"_index":3614,"t":{"620":{"position":[[801,14]]}}}],["value=\"amount",{"_index":3495,"t":{"616":{"position":[[2192,14],[2944,14]]}}}],["value=\"amount1",{"_index":3478,"t":{"616":{"position":[[1051,15],[1182,15],[3975,15],[4386,15],[5320,15]]}}}],["value=\"amount2",{"_index":3483,"t":{"616":{"position":[[1386,15],[4590,15]]}}}],["value=\"amount3",{"_index":3486,"t":{"616":{"position":[[1591,15],[4804,15]]}}}],["value=\"amount4",{"_index":3488,"t":{"616":{"position":[[1797,15],[5020,15]]}}}],["value=\"customeraddress.address",{"_index":3302,"t":{"612":{"position":[[9098,31]]}}}],["value=\"customeraddress.customernam",{"_index":3295,"t":{"612":{"position":[[8621,36]]}}}],["value=\"customernam",{"_index":3200,"t":{"612":{"position":[[2217,20],[4044,20],[5675,20],[6644,20],[10637,20],[12196,20]]}}}],["value=\"date1",{"_index":3426,"t":{"614":{"position":[[9135,13]]}}}],["value=\"flightform.arrivald",{"_index":3864,"t":{"628":{"position":[[6710,30]]}}}],["value=\"flightform.arrivaltim",{"_index":3866,"t":{"628":{"position":[[7008,30],[10168,30]]}}}],["value=\"flightform.departured",{"_index":3859,"t":{"628":{"position":[[6083,32]]}}}],["value=\"flightform.departuretim",{"_index":3861,"t":{"628":{"position":[[6387,32],[9739,32]]}}}],["value=\"flightform.flightnumb",{"_index":3855,"t":{"628":{"position":[[5726,31]]}}}],["value=\"invoice.customernam",{"_index":3415,"t":{"614":{"position":[[7892,28]]}}}],["value=\"invoice.discount",{"_index":3581,"t":{"618":{"position":[[8761,24]]},"622":{"position":[[12042,24]]},"654":{"position":[[19709,24]]}}}],["value=\"invoice.invoiced",{"_index":3412,"t":{"614":{"position":[[7597,27]]}}}],["value=\"invoice.pric",{"_index":3577,"t":{"618":{"position":[[8410,21]]},"622":{"position":[[11648,21]]},"654":{"position":[[19417,21]]}}}],["value=\"invoice.tot",{"_index":3586,"t":{"618":{"position":[[9167,21]]},"622":{"position":[[12491,21]]},"654":{"position":[[20056,21]]}}}],["value=\"isallcheck",{"_index":4562,"t":{"660":{"position":[[70913,22]]}}}],["value=\"onlinecourseform.coursenam",{"_index":3436,"t":{"614":{"position":[[10204,35]]}}}],["value=\"onlinecourseform.endd",{"_index":3444,"t":{"614":{"position":[[10927,32]]}}}],["value=\"onlinecourseform.startd",{"_index":3439,"t":{"614":{"position":[[10504,34]]}}}],["value=\"pric",{"_index":3606,"t":{"618":{"position":[[11246,13]]},"622":{"position":[[17084,13]]}}}],["value=\"temperature1",{"_index":3515,"t":{"616":{"position":[[5606,20]]}}}],["value=\"time1",{"_index":3877,"t":{"628":{"position":[[8690,13]]}}}],["valuechang",{"_index":346,"t":{"42":{"position":[[382,12]]},"68":{"position":[[274,12]]},"70":{"position":[[306,12]]},"612":{"position":[[1545,12]]},"614":{"position":[[1249,12],[8988,13],[13047,12]]},"616":{"position":[[755,12]]},"618":{"position":[[1236,12],[10983,13],[11849,12]]},"620":{"position":[[623,12],[2412,13],[3026,12]]},"622":{"position":[[1752,12],[16817,13],[17876,12]]},"628":{"position":[[1193,12],[8543,13],[12210,12]]}}}],["valuechanged=\"(valu",{"_index":3427,"t":{"614":{"position":[[9179,21],[10590,21]]},"618":{"position":[[8470,21],[8827,21],[11290,21]]},"622":{"position":[[11749,21],[12149,21],[17128,21]]},"628":{"position":[[8734,21],[9821,21]]},"654":{"position":[[19477,21],[19775,21]]}}}],["valuechanged=\"switchchang",{"_index":3632,"t":{"620":{"position":[[2568,28]]}}}],["valueexpress",{"_index":3191,"t":{"612":{"position":[[1085,15]]},"614":{"position":[[1041,15],[9149,19],[10539,19]]},"618":{"position":[[8432,19],[8786,19],[11260,19]]},"620":{"position":[[2538,19]]},"622":{"position":[[11711,19],[12108,19],[17098,19]]},"628":{"position":[[985,15],[8704,19],[9772,19]]},"654":{"position":[[19439,19],[19734,19]]}}}],["valuetask",{"_index":4292,"t":{"660":{"position":[[3925,9]]}}}],["van",{"_index":4610,"t":{"660":{"position":[[106621,3]]}}}],["var",{"_index":1656,"t":{"572":{"position":[[4389,4]]},"574":{"position":[[1795,3],[2768,3],[2854,3],[4298,3],[4462,3],[5492,3],[5548,3],[6164,3],[6656,3],[6720,3],[7280,3],[7352,3],[7921,3],[8014,3],[8624,3]]},"576":{"position":[[3892,3],[5642,3]]},"578":{"position":[[4660,3],[6349,3]]},"596":{"position":[[2655,3],[4015,3],[4294,3],[4616,3],[4947,3],[6509,3],[6788,3],[7067,3],[9241,3],[9520,3],[9842,3],[9883,3],[10100,3],[10141,3],[11509,3],[12322,3],[13351,3]]},"600":{"position":[[12982,4],[14036,4],[14532,3],[14561,3],[15066,4],[15784,3],[15853,3]]},"602":{"position":[[8339,3],[8392,4],[8551,3],[8592,3],[8630,4],[8959,3],[9194,3],[9244,4],[9879,3],[9925,4],[10097,3],[10661,3],[10696,4],[10853,3],[10890,4],[11434,3],[11485,3],[11641,3],[11683,3],[12227,3],[12769,3],[14295,3],[14346,3],[14502,3],[14544,3],[15153,3],[15760,3]]},"604":{"position":[[6450,3],[6503,4],[6658,3],[6698,3],[6736,4],[7094,3],[7357,3],[7407,4],[8029,3],[8075,4],[8244,3],[8616,3],[8651,4],[8808,3],[8845,4],[9341,3],[9414,3],[9456,3],[10739,3],[10790,3],[10863,3],[10905,3],[11178,3],[11449,3],[12967,3],[13018,3],[13091,3],[13133,3],[13406,3],[13677,3],[15065,3],[15116,3],[15189,3],[15231,3],[15504,3],[15775,3]]},"606":{"position":[[5526,3],[5579,4],[5754,3],[5799,3],[5837,4],[6185,3],[6467,3],[6517,4],[6947,3],[6993,4],[7359,3],[7394,4],[7545,3],[7582,4],[7755,3],[7792,4],[8606,3],[8657,3],[8813,3],[8855,3],[9399,3],[9941,3],[12734,3],[12779,3],[12809,4],[12984,3],[13029,3],[13067,4],[13472,3],[13522,4],[13952,3],[13998,4],[14051,3],[14558,3],[14593,4],[14744,3],[14781,4],[14954,3],[14991,4]]},"608":{"position":[[5184,3],[5237,4],[5392,3],[5432,3],[5470,4],[5798,3],[6065,3],[6115,4],[6516,3],[6562,4],[6913,3],[6948,4],[7099,3],[7136,4],[7309,3],[7346,4],[9098,3],[9151,4],[9306,3],[9346,3],[9384,4],[9744,3],[9794,4],[10195,3],[10241,4],[10294,3],[10784,3],[10819,4],[10970,3],[11007,4],[11180,3],[11217,4],[13685,3],[13731,4],[14082,3],[14117,4],[14268,3],[14305,4],[14478,3],[14515,4]]},"612":{"position":[[6127,3],[9910,3],[11387,3],[12881,3]]},"614":{"position":[[12236,3]]},"618":{"position":[[10075,3],[10137,3]]},"622":{"position":[[13440,3],[13502,3]]},"624":{"position":[[6348,3],[6602,3]]},"626":{"position":[[5824,3],[6078,3]]},"628":{"position":[[7685,3],[11509,3]]},"630":{"position":[[7539,3]]},"634":{"position":[[5278,3],[5474,3]]},"636":{"position":[[5557,3],[5792,3],[6953,3]]},"642":{"position":[[5741,3]]},"644":{"position":[[5580,3]]},"648":{"position":[[1966,3],[3149,3],[3925,3],[4322,3],[4755,3],[5435,3],[5648,3]]},"652":{"position":[[5626,3]]},"654":{"position":[[20996,3],[21058,3]]},"660":{"position":[[30515,3],[52832,3],[52987,3],[54956,4],[59179,3],[59445,3],[74137,4],[77112,4],[80463,4],[107559,3],[116370,3],[118994,3],[121655,3],[124431,3]]}}}],["vari",{"_index":3340,"t":{"614":{"position":[[1388,6]]},"628":{"position":[[1332,6]]}}}],["variabl",{"_index":1242,"t":{"562":{"position":[[2732,10],[3283,10],[3833,10],[4596,10],[5221,10],[5844,10],[6586,10],[7137,10],[7687,10],[8388,10],[8953,10],[9503,10],[10218,10],[10769,10],[11319,10],[12398,10],[12961,10],[13523,10],[14081,10],[14629,10],[15189,10],[18715,10],[19266,10],[19816,10],[21100,10],[21673,10],[22245,10]]},"602":{"position":[[289,9],[353,9]]},"656":{"position":[[18452,10]]},"660":{"position":[[59275,8],[60018,9],[60047,8]]}}}],["variant",{"_index":1513,"t":{"570":{"position":[[134,8]]}}}],["varieti",{"_index":1515,"t":{"570":{"position":[[270,7],[3156,7]]}}}],["variou",{"_index":3196,"t":{"612":{"position":[[1752,7]]},"614":{"position":[[1921,7]]}}}],["variu",{"_index":1958,"t":{"576":{"position":[[10330,7],[14571,7],[18712,7]]}}}],["vehicula",{"_index":1901,"t":{"576":{"position":[[8400,9],[12641,9],[16782,9]]}}}],["vel",{"_index":1905,"t":{"576":{"position":[[8469,3],[8600,3],[9615,3],[10834,4],[11071,4],[11175,3],[12710,3],[12841,3],[13856,3],[15075,4],[15312,4],[15416,3],[16851,3],[16982,3],[17997,3],[19216,4],[19453,4],[19557,3]]}}}],["velit",{"_index":1880,"t":{"576":{"position":[[8119,6],[8545,5],[10928,5],[12360,6],[12786,5],[15169,5],[16501,6],[16927,5],[19310,5]]}}}],["veri",{"_index":3522,"t":{"616":{"position":[[5899,5]]},"630":{"position":[[1786,4]]}}}],["verifi",{"_index":109,"t":{"2":{"position":[[2259,6]]},"124":{"position":[[747,6]]},"574":{"position":[[131,6]]},"660":{"position":[[130372,8],[133263,8]]}}}],["verificationpend",{"_index":4732,"t":{"660":{"position":[[130351,20],[133242,20]]}}}],["versa",{"_index":2576,"t":{"596":{"position":[[2987,6]]}}}],["version",{"_index":16,"t":{"2":{"position":[[107,7],[454,7],[1659,7],[1691,7],[1780,7],[1836,7],[2653,7],[2848,7]]},"16":{"position":[[187,7]]},"42":{"position":[[114,8]]},"68":{"position":[[680,7]]},"92":{"position":[[294,7]]},"110":{"position":[[102,7],[974,7]]},"122":{"position":[[101,7]]},"124":{"position":[[147,7],[179,7],[268,7],[324,7],[1141,7]]},"128":{"position":[[107,7]]},"140":{"position":[[427,8]]},"146":{"position":[[151,7]]},"148":{"position":[[153,7]]},"152":{"position":[[144,7]]},"158":{"position":[[151,7],[498,7],[1658,7]]},"160":{"position":[[1474,8]]},"180":{"position":[[164,8]]},"182":{"position":[[171,8]]},"190":{"position":[[171,8]]},"208":{"position":[[163,8]]},"218":{"position":[[158,8]]},"230":{"position":[[160,7],[507,7],[1667,7]]},"238":{"position":[[167,8]]},"306":{"position":[[154,7],[501,7],[1661,7]]},"308":{"position":[[1031,7]]},"328":{"position":[[151,7]]},"330":{"position":[[150,7]]},"346":{"position":[[151,7]]},"358":{"position":[[152,7]]},"360":{"position":[[143,7]]},"364":{"position":[[149,7],[496,7],[1089,7]]},"368":{"position":[[456,8]]},"374":{"position":[[164,8]]},"384":{"position":[[150,7]]},"394":{"position":[[755,7]]},"404":{"position":[[463,7]]},"406":{"position":[[150,7]]},"408":{"position":[[152,7]]},"410":{"position":[[151,7]]},"412":{"position":[[152,7]]},"418":{"position":[[436,7]]},"420":{"position":[[148,7]]},"478":{"position":[[158,8]]},"492":{"position":[[147,7]]},"550":{"position":[[145,7]]},"554":{"position":[[151,7]]},"556":{"position":[[240,7],[517,7],[627,7]]},"558":{"position":[[254,7]]},"560":{"position":[[171,7]]},"562":{"position":[[201,7],[578,7],[1409,7],[1917,7]]},"564":{"position":[[558,9]]},"566":{"position":[[200,7]]},"568":{"position":[[225,7],[1611,7]]},"570":{"position":[[424,7],[761,7],[942,7],[1122,7],[1303,7],[1556,7],[1992,7],[2248,7],[2428,7]]},"572":{"position":[[205,7],[538,7],[735,7]]},"574":{"position":[[203,7],[735,7]]},"576":{"position":[[232,7],[1364,7]]},"578":{"position":[[231,7],[1816,7]]},"580":{"position":[[250,7],[535,7]]},"582":{"position":[[222,7]]},"584":{"position":[[453,7],[689,7]]},"586":{"position":[[187,7],[435,7],[904,7],[1090,7],[1344,7],[2351,7],[2919,7],[3433,7]]},"588":{"position":[[213,7],[541,7]]},"590":{"position":[[267,7],[579,7]]},"592":{"position":[[261,7],[735,7],[898,7]]},"594":{"position":[[202,7]]},"596":{"position":[[456,7],[2005,7]]},"598":{"position":[[437,7],[1365,7],[3806,7]]},"600":{"position":[[174,7],[457,7],[1141,7],[1583,7],[2076,7]]},"602":{"position":[[439,7],[773,7],[1570,7],[1835,7],[5344,7],[5583,7]]},"604":{"position":[[294,7],[628,7],[1425,7],[1688,7],[3379,7],[3618,7]]},"606":{"position":[[390,7],[724,7],[1521,7],[1794,7],[2993,7],[3250,7]]},"608":{"position":[[235,7],[569,7],[1366,7],[1629,7],[2726,7],[2973,7]]},"610":{"position":[[187,7]]},"612":{"position":[[288,7],[1194,7],[1439,7],[1791,7]]},"614":{"position":[[363,7],[1148,7]]},"616":{"position":[[189,7],[632,7],[747,7],[899,7]]},"618":{"position":[[250,7]]},"620":{"position":[[212,7],[502,7],[615,7]]},"622":{"position":[[242,7]]},"624":{"position":[[357,7]]},"626":{"position":[[357,7]]},"628":{"position":[[367,7],[1092,7]]},"630":{"position":[[647,7],[1176,7]]},"632":{"position":[[375,7]]},"634":{"position":[[415,7]]},"636":{"position":[[370,7],[3013,7]]},"638":{"position":[[375,7]]},"642":{"position":[[367,7]]},"644":{"position":[[367,7]]},"652":{"position":[[367,7]]},"654":{"position":[[301,7],[1093,7],[1361,7],[1731,7],[2021,7],[2204,7],[2833,7],[3200,7]]},"656":{"position":[[269,7],[762,7],[921,7],[11138,8]]},"658":{"position":[[258,7],[555,7]]},"660":{"position":[[247,7],[3125,7],[3745,7],[4058,7],[6880,7]]}}}],["vertic",{"_index":704,"t":{"110":{"position":[[818,8],[837,8],[861,8]]},"562":{"position":[[57,10]]},"574":{"position":[[1145,10],[6947,10],[7017,10],[7158,10],[7799,10],[9102,10]]},"578":{"position":[[1272,10],[9784,10],[9840,10],[9963,10],[10470,10],[15470,10],[15490,10]]},"600":{"position":[[7374,9],[7402,10],[8054,8],[8660,8],[16315,8],[16324,8],[16339,8]]},"602":{"position":[[5646,8],[7496,8]]},"604":{"position":[[134,8],[3681,8]]},"648":{"position":[[2148,10],[5904,10]]}}}],["vestibulum",{"_index":1888,"t":{"576":{"position":[[8198,11],[9207,10],[9428,10],[10173,10],[10656,10],[10720,10],[11128,10],[12439,11],[13448,10],[13669,10],[14414,10],[14897,10],[14961,10],[15369,10],[16580,11],[17589,10],[17810,10],[18555,10],[19038,10],[19102,10],[19510,10]]}}}],["via",{"_index":1091,"t":{"558":{"position":[[1686,3]]},"562":{"position":[[2642,3],[3193,3],[3743,3],[4506,3],[5131,3],[5754,3],[6496,3],[7047,3],[7597,3],[8298,3],[8863,3],[9413,3],[10128,3],[10679,3],[11229,3],[12308,3],[12871,3],[13433,3],[13991,3],[14539,3],[15099,3],[18625,3],[19176,3],[19726,3],[21010,3],[21583,3],[22155,3]]}}}],["vice",{"_index":2575,"t":{"596":{"position":[[2982,4]]}}}],["view",{"_index":682,"t":{"110":{"position":[[296,4]]},"144":{"position":[[29,4]]},"146":{"position":[[35,4]]},"148":{"position":[[32,4]]},"150":{"position":[[32,4]]},"152":{"position":[[28,4]]},"154":{"position":[[43,4]]},"156":{"position":[[40,4]]},"158":{"position":[[30,4]]},"160":{"position":[[39,4]]},"162":{"position":[[37,4]]},"164":{"position":[[45,4]]},"166":{"position":[[44,4]]},"168":{"position":[[36,4]]},"170":{"position":[[34,4]]},"172":{"position":[[45,4]]},"174":{"position":[[45,4]]},"176":{"position":[[42,4]]},"178":{"position":[[43,4]]},"180":{"position":[[36,4]]},"182":{"position":[[43,4]]},"184":{"position":[[41,4]]},"186":{"position":[[40,4]]},"188":{"position":[[37,4]]},"190":{"position":[[43,4]]},"192":{"position":[[40,4]]},"194":{"position":[[37,4]]},"196":{"position":[[39,4]]},"198":{"position":[[43,4]]},"200":{"position":[[40,4]]},"202":{"position":[[37,4]]},"204":{"position":[[48,4]]},"206":{"position":[[40,4]]},"208":{"position":[[35,4]]},"210":{"position":[[36,4]]},"212":{"position":[[30,4]]},"214":{"position":[[30,4]]},"216":{"position":[[36,4]]},"218":{"position":[[30,4]]},"220":{"position":[[30,4]]},"222":{"position":[[41,4]]},"224":{"position":[[39,4]]},"226":{"position":[[57,4]]},"228":{"position":[[35,4]]},"230":{"position":[[39,4]]},"232":{"position":[[39,4]]},"234":{"position":[[39,4]]},"236":{"position":[[39,4]]},"238":{"position":[[39,4]]},"240":{"position":[[39,4]]},"242":{"position":[[39,4]]},"244":{"position":[[40,4]]},"246":{"position":[[35,4]]},"248":{"position":[[36,4]]},"250":{"position":[[35,4]]},"252":{"position":[[38,4]]},"254":{"position":[[34,4]]},"256":{"position":[[42,4]]},"258":{"position":[[43,4]]},"260":{"position":[[42,4]]},"262":{"position":[[39,4]]},"264":{"position":[[38,4]]},"266":{"position":[[36,4]]},"268":{"position":[[38,4]]},"270":{"position":[[34,4]]},"272":{"position":[[34,4]]},"274":{"position":[[33,4]]},"276":{"position":[[34,4]]},"278":{"position":[[41,4]]},"280":{"position":[[36,4]]},"282":{"position":[[41,4]]},"284":{"position":[[38,4]]},"286":{"position":[[38,4]]},"288":{"position":[[36,4]]},"290":{"position":[[34,4]]},"292":{"position":[[34,4]]},"294":{"position":[[38,4]]},"296":{"position":[[35,4]]},"298":{"position":[[40,4]]},"300":{"position":[[35,4]]},"302":{"position":[[35,4]]},"304":{"position":[[36,4]]},"306":{"position":[[33,4]]},"308":{"position":[[34,4]]},"310":{"position":[[34,4]]},"312":{"position":[[34,4]]},"314":{"position":[[33,4]]},"316":{"position":[[33,4]]},"318":{"position":[[34,4]]},"320":{"position":[[34,4]]},"322":{"position":[[41,4]]},"324":{"position":[[30,4]]},"326":{"position":[[33,4]]},"328":{"position":[[30,4]]},"330":{"position":[[29,4]]},"332":{"position":[[38,4]]},"334":{"position":[[29,4]]},"336":{"position":[[29,4]]},"338":{"position":[[33,4]]},"340":{"position":[[32,4]]},"342":{"position":[[36,4]]},"344":{"position":[[32,4]]},"346":{"position":[[36,4]]},"348":{"position":[[28,4]]},"350":{"position":[[36,4]]},"352":{"position":[[33,4]]},"354":{"position":[[32,4]]},"356":{"position":[[30,4]]},"358":{"position":[[31,4]]},"360":{"position":[[27,4]]},"362":{"position":[[28,4]]},"364":{"position":[[28,4]]},"366":{"position":[[27,4]]},"368":{"position":[[28,4]]},"370":{"position":[[28,4]]},"372":{"position":[[29,4]]},"374":{"position":[[36,4]]},"376":{"position":[[32,4]]},"378":{"position":[[30,4]]},"380":{"position":[[35,4]]},"382":{"position":[[29,4]]},"384":{"position":[[29,4]]},"386":{"position":[[34,4]]},"388":{"position":[[34,4]]},"390":{"position":[[34,4]]},"392":{"position":[[32,4]]},"394":{"position":[[32,4]]},"396":{"position":[[31,4]]},"398":{"position":[[35,4]]},"400":{"position":[[31,4]]},"402":{"position":[[36,4]]},"404":{"position":[[33,4]]},"406":{"position":[[29,4]]},"408":{"position":[[36,4]]},"410":{"position":[[30,4]]},"412":{"position":[[31,4]]},"414":{"position":[[36,4]]},"416":{"position":[[29,4]]},"418":{"position":[[27,4]]},"420":{"position":[[27,4]]},"422":{"position":[[31,4]]},"424":{"position":[[32,4]]},"426":{"position":[[34,4]]},"428":{"position":[[28,4]]},"430":{"position":[[29,4]]},"432":{"position":[[36,4]]},"434":{"position":[[30,4]]},"436":{"position":[[30,4]]},"438":{"position":[[30,4]]},"440":{"position":[[30,4]]},"442":{"position":[[30,4]]},"444":{"position":[[30,4]]},"446":{"position":[[30,4]]},"448":{"position":[[30,4]]},"450":{"position":[[30,4]]},"452":{"position":[[30,4]]},"454":{"position":[[30,4]]},"456":{"position":[[30,4]]},"458":{"position":[[30,4]]},"460":{"position":[[30,4]]},"462":{"position":[[30,4]]},"464":{"position":[[30,4]]},"466":{"position":[[30,4]]},"468":{"position":[[30,4]]},"470":{"position":[[30,4]]},"472":{"position":[[30,4]]},"474":{"position":[[30,4]]},"476":{"position":[[30,4]]},"478":{"position":[[30,4]]},"480":{"position":[[31,4]]},"482":{"position":[[31,4]]},"484":{"position":[[31,4]]},"486":{"position":[[31,4]]},"488":{"position":[[31,4]]},"490":{"position":[[31,4]]},"492":{"position":[[31,4]]},"494":{"position":[[31,4]]},"496":{"position":[[30,4]]},"498":{"position":[[30,4]]},"500":{"position":[[30,4]]},"502":{"position":[[30,4]]},"504":{"position":[[30,4]]},"506":{"position":[[30,4]]},"508":{"position":[[30,4]]},"510":{"position":[[30,4]]},"512":{"position":[[30,4]]},"514":{"position":[[30,4]]},"516":{"position":[[30,4]]},"518":{"position":[[30,4]]},"520":{"position":[[30,4]]},"522":{"position":[[30,4]]},"524":{"position":[[30,4]]},"526":{"position":[[30,4]]},"528":{"position":[[30,4]]},"530":{"position":[[30,4]]},"532":{"position":[[30,4]]},"534":{"position":[[30,4]]},"536":{"position":[[30,4]]},"538":{"position":[[30,4]]},"540":{"position":[[30,4]]},"542":{"position":[[30,4]]},"544":{"position":[[30,4]]},"546":{"position":[[30,4]]},"548":{"position":[[30,4]]},"550":{"position":[[30,4]]},"552":{"position":[[30,4]]},"554":{"position":[[30,4]]},"650":{"position":[[30,4]]},"658":{"position":[[101,4]]}}}],["viewer",{"_index":136,"t":{"2":{"position":[[2882,7],[3249,6]]},"110":{"position":[[136,7],[263,6]]},"114":{"position":[[120,6],[207,6],[228,6]]},"146":{"position":[[185,7]]},"152":{"position":[[178,7]]},"158":{"position":[[1692,7],[2059,6]]},"230":{"position":[[1701,7],[2068,6]]},"306":{"position":[[1695,7],[2062,6]]},"308":{"position":[[1065,7],[1432,6]]},"360":{"position":[[177,7]]},"364":{"position":[[1123,7]]},"394":{"position":[[789,7],[1156,6]]},"404":{"position":[[497,7]]},"408":{"position":[[186,7]]},"418":{"position":[[470,7]]},"492":{"position":[[181,7]]},"494":{"position":[[165,6]]},"580":{"position":[[3518,6]]},"582":{"position":[[3400,6]]},"658":{"position":[[15,6],[46,6],[68,6],[362,7],[457,6],[2256,6]]}}}],["viewport",{"_index":1738,"t":{"574":{"position":[[4845,10],[5855,8]]},"576":{"position":[[2520,9]]},"578":{"position":[[8673,8],[9191,9],[10948,9],[11696,10]]}}}],["vijay",{"_index":4660,"t":{"660":{"position":[[114039,8],[130070,8],[132931,8]]}}}],["vijaya",{"_index":3250,"t":{"612":{"position":[[3341,7],[5212,7],[7837,7]]}}}],["vikram",{"_index":11,"t":{"2":{"position":[[60,6],[407,6],[685,6],[978,6],[1295,6],[1563,6],[2801,6],[3186,6],[3401,6],[3686,6]]},"4":{"position":[[56,6]]},"6":{"position":[[55,6]]},"8":{"position":[[56,6]]},"10":{"position":[[56,6]]},"12":{"position":[[56,6]]},"14":{"position":[[56,6]]},"16":{"position":[[53,6]]},"18":{"position":[[55,6]]},"20":{"position":[[53,6]]},"22":{"position":[[56,6]]},"24":{"position":[[52,6]]},"26":{"position":[[54,6]]},"28":{"position":[[52,6]]},"30":{"position":[[56,6]]},"32":{"position":[[54,6]]},"34":{"position":[[57,6]]},"36":{"position":[[57,6]]},"38":{"position":[[55,6]]},"40":{"position":[[56,6]]},"42":{"position":[[57,6]]},"44":{"position":[[56,6]]},"46":{"position":[[57,6]]},"48":{"position":[[57,6]]},"50":{"position":[[57,6]]},"52":{"position":[[57,6]]},"54":{"position":[[57,6]]},"56":{"position":[[56,6]]},"58":{"position":[[56,6]]},"60":{"position":[[56,6]]},"62":{"position":[[57,6]]},"64":{"position":[[56,6]]},"66":{"position":[[57,6]]},"68":{"position":[[54,6]]},"70":{"position":[[53,6]]},"72":{"position":[[54,6]]},"74":{"position":[[54,6]]},"76":{"position":[[54,6]]},"78":{"position":[[54,6]]},"80":{"position":[[50,6]]},"82":{"position":[[52,6]]},"84":{"position":[[53,6]]},"86":{"position":[[53,6]]},"88":{"position":[[53,6]]},"90":{"position":[[52,6]]},"92":{"position":[[52,6]]},"94":{"position":[[52,6]]},"96":{"position":[[52,6]]},"98":{"position":[[53,6]]},"100":{"position":[[54,6]]},"102":{"position":[[56,6]]},"104":{"position":[[59,6]]},"106":{"position":[[57,6]]},"108":{"position":[[58,6]]},"110":{"position":[[55,6]]},"112":{"position":[[56,6]]},"114":{"position":[[57,6]]},"116":{"position":[[57,6]]},"118":{"position":[[54,6]]},"120":{"position":[[54,6]]},"122":{"position":[[54,6]]},"124":{"position":[[51,6]]},"126":{"position":[[57,6],[341,6],[770,6],[1016,6],[1308,6],[1593,6],[1845,6],[2064,6],[2284,6],[2591,6]]},"128":{"position":[[60,6]]},"132":{"position":[[57,6],[305,6],[554,6],[803,6],[1252,6],[1562,6],[1831,6],[2120,6],[2379,6],[2708,6]]},"134":{"position":[[52,6],[249,6],[444,6],[642,6],[843,6],[1073,6],[1275,6],[1504,6],[1674,6],[1909,6]]},"136":{"position":[[53,6],[311,6],[610,6],[862,6],[1298,6],[1543,6],[1791,6],[2061,6],[2395,6],[2808,6]]},"138":{"position":[[56,6],[250,6]]},"140":{"position":[[57,6],[370,6],[710,6],[1025,6],[1287,6],[1558,6],[1832,6],[2030,6],[2234,6],[2438,6]]},"144":{"position":[[99,6]]},"146":{"position":[[104,6],[491,6],[914,6],[1350,6],[1622,6],[2072,6],[2361,6],[2635,6],[2833,6]]},"148":{"position":[[106,6],[455,6],[736,6]]},"150":{"position":[[100,6]]},"152":{"position":[[97,6],[479,6]]},"154":{"position":[[113,6]]},"156":{"position":[[109,6]]},"158":{"position":[[104,6],[451,6],[729,6],[1022,6],[1339,6],[1611,6],[1996,6],[2211,6],[2496,6],[2770,6]]},"160":{"position":[[110,6],[369,6],[698,6],[1104,6],[1417,6]]},"162":{"position":[[106,6]]},"164":{"position":[[116,6]]},"166":{"position":[[115,6],[521,6]]},"168":{"position":[[107,6],[513,6]]},"170":{"position":[[105,6],[354,6],[603,6]]},"172":{"position":[[114,6]]},"174":{"position":[[115,6]]},"176":{"position":[[112,6]]},"178":{"position":[[113,6]]},"180":{"position":[[107,6]]},"182":{"position":[[114,6]]},"184":{"position":[[110,6]]},"186":{"position":[[111,6]]},"188":{"position":[[108,6]]},"190":{"position":[[114,6]]},"192":{"position":[[109,6]]},"194":{"position":[[108,6],[514,6]]},"196":{"position":[[109,6]]},"198":{"position":[[113,6]]},"200":{"position":[[111,6]]},"202":{"position":[[108,6],[514,6]]},"204":{"position":[[118,6]]},"206":{"position":[[110,6]]},"208":{"position":[[106,6]]},"210":{"position":[[107,6],[354,6]]},"212":{"position":[[103,6],[532,6],[778,6],[1070,6],[1355,6],[1607,6],[1826,6],[2046,6],[2353,6],[2691,6]]},"214":{"position":[[97,6],[396,6],[648,6],[1084,6],[1329,6],[1577,6],[1847,6],[2181,6],[2594,6],[2941,6]]},"216":{"position":[[107,6]]},"218":{"position":[[101,6]]},"220":{"position":[[101,6],[350,6],[599,6],[1048,6],[1358,6],[1627,6],[1916,6],[2175,6],[2504,6],[2910,6]]},"222":{"position":[[114,6],[537,6],[973,6],[1246,6]]},"224":{"position":[[107,6]]},"226":{"position":[[127,6]]},"228":{"position":[[103,6]]},"230":{"position":[[113,6],[460,6],[738,6],[1031,6],[1348,6],[1620,6],[2005,6],[2220,6],[2505,6],[2779,6]]},"232":{"position":[[106,6],[405,6],[657,6],[1093,6],[1338,6],[1586,6],[1856,6],[2190,6],[2603,6],[2950,6]]},"234":{"position":[[112,6],[541,6],[787,6],[1079,6],[1364,6],[1616,6],[1835,6],[2055,6],[2362,6],[2700,6]]},"236":{"position":[[110,6],[359,6],[608,6],[1057,6],[1367,6],[1636,6],[1925,6],[2184,6],[2513,6],[2919,6]]},"238":{"position":[[110,6],[450,6],[765,6],[1027,6],[1298,6],[1572,6],[1770,6],[1974,6],[2178,6],[2362,6]]},"240":{"position":[[105,6],[300,6],[498,6],[699,6],[929,6],[1131,6],[1360,6],[1530,6],[1765,6],[1956,6]]},"242":{"position":[[109,6]]},"244":{"position":[[106,6]]},"246":{"position":[[102,6],[403,6]]},"248":{"position":[[104,6],[349,6],[618,6]]},"250":{"position":[[108,6]]},"252":{"position":[[106,6]]},"254":{"position":[[102,6]]},"256":{"position":[[106,6],[542,6],[793,6]]},"258":{"position":[[116,6]]},"260":{"position":[[112,6]]},"262":{"position":[[107,6],[520,6]]},"264":{"position":[[105,6],[402,6],[838,6],[1251,6]]},"266":{"position":[[106,6]]},"268":{"position":[[109,6]]},"270":{"position":[[104,6],[350,6],[642,6],[927,6],[1147,6],[1405,6],[1704,6],[1956,6],[2392,6],[2637,6]]},"272":{"position":[[107,6],[533,6],[818,6],[1070,6],[1291,6],[1630,6],[2043,6],[2389,6]]},"274":{"position":[[104,6],[382,6]]},"276":{"position":[[105,6],[354,6],[603,6]]},"278":{"position":[[107,6],[360,6]]},"280":{"position":[[107,6]]},"282":{"position":[[105,6]]},"284":{"position":[[102,6],[538,6],[951,6]]},"286":{"position":[[105,6]]},"288":{"position":[[109,6],[538,6]]},"290":{"position":[[101,6]]},"292":{"position":[[102,6]]},"294":{"position":[[105,6],[388,6],[824,6]]},"296":{"position":[[99,6],[538,6]]},"298":{"position":[[108,6]]},"300":{"position":[[101,6]]},"302":{"position":[[102,6],[444,6]]},"304":{"position":[[109,6],[534,6]]},"306":{"position":[[107,6],[454,6],[732,6],[1025,6],[1342,6],[1614,6],[1999,6],[2214,6],[2499,6],[2773,6]]},"308":{"position":[[102,6],[395,6],[712,6],[984,6],[1369,6],[1584,6],[1869,6],[2143,6],[2427,6],[2856,6]]},"310":{"position":[[104,6],[553,6]]},"312":{"position":[[102,6],[394,6],[679,6],[931,6],[1150,6],[1370,6],[1677,6],[2015,6],[2273,6],[2572,6]]},"314":{"position":[[104,6],[353,6],[602,6],[1051,6]]},"316":{"position":[[106,6],[535,6],[781,6],[1073,6],[1358,6],[1610,6],[1829,6],[2049,6],[2356,6],[2694,6]]},"318":{"position":[[98,6],[534,6],[779,6],[1027,6],[1297,6],[1631,6],[2044,6],[2391,6],[2639,6],[2888,6]]},"320":{"position":[[100,6]]},"322":{"position":[[107,6]]},"324":{"position":[[98,6],[343,6],[612,6]]},"326":{"position":[[100,6],[399,6],[651,6],[1087,6],[1332,6],[1580,6],[1850,6],[2184,6],[2597,6],[2944,6]]},"328":{"position":[[104,6],[451,6],[768,6],[1042,6]]},"330":{"position":[[103,6],[453,6],[723,6],[1024,6],[1358,6]]},"332":{"position":[[108,6]]},"334":{"position":[[102,6]]},"336":{"position":[[99,6],[384,6]]},"338":{"position":[[104,6]]},"340":{"position":[[100,6]]},"342":{"position":[[106,6]]},"344":{"position":[[100,6]]},"346":{"position":[[104,6],[382,6],[680,6]]},"348":{"position":[[95,6]]},"350":{"position":[[104,6],[414,6],[850,6]]},"352":{"position":[[101,6],[514,6]]},"354":{"position":[[99,6],[396,6],[832,6],[1245,6]]},"356":{"position":[[100,6]]},"358":{"position":[[105,6],[455,6]]},"360":{"position":[[96,6],[480,6],[765,6],[1039,6],[1323,6],[1753,6],[1951,6]]},"362":{"position":[[97,6]]},"364":{"position":[[102,6],[449,6],[727,6],[1042,6],[1426,6],[1711,6],[1984,6],[2230,6],[2522,6],[2807,6]]},"366":{"position":[[98,6],[376,6]]},"368":{"position":[[95,6],[399,6]]},"370":{"position":[[95,6],[353,6],[652,6],[904,6],[1340,6],[1585,6],[2002,6],[2251,6],[2501,6],[2697,6]]},"372":{"position":[[99,6]]},"374":{"position":[[107,6]]},"376":{"position":[[102,6]]},"378":{"position":[[100,6]]},"380":{"position":[[108,6],[533,6],[786,6]]},"382":{"position":[[99,6],[405,6],[605,6]]},"384":{"position":[[103,6],[452,6],[737,6],[1013,6],[1439,6],[1724,6],[1976,6],[2197,6],[2536,6],[2949,6]]},"386":{"position":[[104,6]]},"388":{"position":[[103,6]]},"390":{"position":[[102,6],[412,6]]},"392":{"position":[[96,6],[532,6],[945,6],[1287,6],[1487,6]]},"394":{"position":[[100,6],[393,6],[708,6],[1093,6]]},"396":{"position":[[98,6],[359,6]]},"398":{"position":[[101,6],[296,6],[494,6]]},"400":{"position":[[103,6]]},"402":{"position":[[106,6]]},"404":{"position":[[101,6],[416,6]]},"406":{"position":[[103,6],[450,6]]},"408":{"position":[[105,6]]},"410":{"position":[[104,6],[456,6],[885,6]]},"412":{"position":[[105,6],[452,6]]},"414":{"position":[[104,6]]},"416":{"position":[[101,6],[368,6]]},"418":{"position":[[95,6],[389,6],[770,6]]},"420":{"position":[[101,6]]},"422":{"position":[[102,6]]},"424":{"position":[[99,6],[382,6],[818,6]]},"426":{"position":[[102,6]]},"428":{"position":[[98,6],[377,6]]},"430":{"position":[[96,6],[438,6],[685,6],[1000,6]]},"432":{"position":[[102,6]]},"434":{"position":[[100,6]]},"436":{"position":[[98,6],[417,6],[842,6]]},"438":{"position":[[100,6]]},"440":{"position":[[100,6]]},"442":{"position":[[99,6]]},"444":{"position":[[100,6]]},"446":{"position":[[100,6]]},"448":{"position":[[100,6]]},"450":{"position":[[99,6]]},"452":{"position":[[97,6]]},"454":{"position":[[97,6]]},"456":{"position":[[96,6]]},"458":{"position":[[96,6]]},"460":{"position":[[98,6]]},"462":{"position":[[98,6]]},"464":{"position":[[100,6]]},"466":{"position":[[101,6]]},"468":{"position":[[101,6]]},"470":{"position":[[99,6]]},"472":{"position":[[100,6]]},"474":{"position":[[101,6]]},"476":{"position":[[100,6]]},"478":{"position":[[101,6]]},"480":{"position":[[99,6]]},"482":{"position":[[101,6]]},"484":{"position":[[104,6]]},"486":{"position":[[102,6]]},"488":{"position":[[101,6]]},"490":{"position":[[103,6]]},"492":{"position":[[100,6]]},"494":{"position":[[102,6]]},"496":{"position":[[101,6]]},"498":{"position":[[101,6]]},"500":{"position":[[100,6]]},"502":{"position":[[100,6]]},"504":{"position":[[100,6]]},"506":{"position":[[101,6]]},"508":{"position":[[100,6]]},"510":{"position":[[101,6]]},"512":{"position":[[101,6]]},"514":{"position":[[97,6]]},"516":{"position":[[98,6]]},"518":{"position":[[98,6]]},"520":{"position":[[98,6]]},"522":{"position":[[94,6]]},"524":{"position":[[98,6]]},"526":{"position":[[98,6]]},"528":{"position":[[97,6]]},"530":{"position":[[97,6]]},"532":{"position":[[96,6]]},"534":{"position":[[97,6]]},"536":{"position":[[96,6]]},"538":{"position":[[96,6]]},"540":{"position":[[96,6]]},"542":{"position":[[96,6]]},"544":{"position":[[97,6]]},"546":{"position":[[98,6]]},"548":{"position":[[101,6]]},"550":{"position":[[98,6]]},"552":{"position":[[98,6]]},"554":{"position":[[104,6]]},"574":{"position":[[3893,9]]},"576":{"position":[[4725,9]]},"578":{"position":[[5478,9]]},"600":{"position":[[13499,7],[14440,7],[15723,7]]},"650":{"position":[[101,6]]}}}],["vinayak",{"_index":3247,"t":{"612":{"position":[[3318,8],[5189,8],[7814,8]]}}}],["visibl",{"_index":1167,"t":{"560":{"position":[[2282,7]]},"562":{"position":[[1775,7]]},"566":{"position":[[3191,7],[3679,7],[4168,7],[4654,7],[5139,7],[5649,7],[6156,7],[6664,7],[7169,7],[7673,7]]},"572":{"position":[[60,10],[895,7]]},"576":{"position":[[2125,7]]},"578":{"position":[[1483,7],[2429,7]]},"594":{"position":[[541,7],[595,7],[4178,8],[4557,7],[4596,7],[4636,7],[4848,7]]},"600":{"position":[[2389,10],[2613,10],[2837,10],[3322,10],[3546,10],[3770,10],[4238,10],[4523,10],[4807,10],[5167,10],[5391,10],[5633,10],[5857,10],[6257,10],[6481,10],[6705,10]]},"602":{"position":[[2765,10]]},"604":{"position":[[2667,10]]},"606":{"position":[[2420,10]]},"608":{"position":[[2250,10]]},"654":{"position":[[3584,7]]},"660":{"position":[[2315,8]]}}}],["visible=\"@vis",{"_index":2523,"t":{"594":{"position":[[4262,18]]}}}],["visitor",{"_index":3007,"t":{"602":{"position":[[13656,11],[16716,11]]},"604":{"position":[[10063,11],[11996,11],[14258,11],[16322,11]]},"606":{"position":[[10863,11]]},"630":{"position":[[72,8]]}}}],["visual",{"_index":1116,"t":{"560":{"position":[[658,8],[2077,6]]},"564":{"position":[[126,9]]},"566":{"position":[[117,8],[2987,6],[3475,6],[3964,6],[4450,6],[4935,6],[5445,6],[5952,6],[6460,6],[6965,6],[7469,6]]},"594":{"position":[[48,9],[672,8]]},"602":{"position":[[5,13],[6284,14],[6501,8],[6606,15]]},"604":{"position":[[5,13],[4318,14],[4535,8],[4640,15]]},"606":{"position":[[5,13],[3687,14],[3904,8],[4009,15]]},"608":{"position":[[5,13],[3405,14],[3622,8],[3727,15]]}}}],["visuallyhiddentext",{"_index":1115,"t":{"560":{"position":[[610,18],[2378,18]]},"594":{"position":[[617,18]]}}}],["visuallyhiddentext=\"amount1\">@amount1</badg",{"_index":3482,"t":{"616":{"position":[[1266,45],[4060,45],[4470,45]]}}}],["visuallyhiddentext=\"amount1\">@temperature1</badg",{"_index":3518,"t":{"616":{"position":[[5726,50]]}}}],["visuallyhiddentext=\"amount2\">@amount2</badg",{"_index":3484,"t":{"616":{"position":[[1470,45],[4683,45]]}}}],["visuallyhiddentext=\"amount3\">@amount3</badg",{"_index":3487,"t":{"616":{"position":[[1675,45],[4898,45]]}}}],["visuallyhiddentext=\"amount4\">@amount4</badg",{"_index":3489,"t":{"616":{"position":[[1881,45],[5114,45]]}}}],["visuallyhiddentext=\"unread",{"_index":1200,"t":{"560":{"position":[[4340,26],[4642,26],[4943,26],[5272,26],[5577,26],[5881,26],[6210,26],[6515,26],[6819,26],[7235,26]]}}}],["visuallyhiddentext=\"visu",{"_index":1139,"t":{"560":{"position":[[1213,28],[1319,28],[1427,28],[1530,28],[1632,28],[1733,28],[1829,28],[1926,28]]}}}],["vita",{"_index":1857,"t":{"576":{"position":[[7903,5],[8260,5],[8272,5],[9141,6],[9413,5],[9652,5],[9752,6],[9860,5],[9892,5],[10018,5],[10922,5],[12144,5],[12501,5],[12513,5],[13382,6],[13654,5],[13893,5],[13993,6],[14101,5],[14133,5],[14259,5],[15163,5],[16285,5],[16642,5],[16654,5],[17523,6],[17795,5],[18034,5],[18134,6],[18242,5],[18274,5],[18400,5],[19304,5]]}}}],["vivamu",{"_index":1907,"t":{"576":{"position":[[8481,7],[8682,7],[9318,7],[9922,7],[10791,7],[12722,7],[12923,7],[13559,7],[14163,7],[15032,7],[16863,7],[17064,7],[17700,7],[18304,7],[19173,7]]}}}],["void",{"_index":1081,"t":{"558":{"position":[[583,4],[1337,4],[2070,4]]},"562":{"position":[[22541,4],[22762,4],[22981,4],[23202,4]]},"568":{"position":[[5312,4],[8863,4],[9083,4],[9292,4],[9580,4]]},"572":{"position":[[4741,4],[4853,4],[4961,4],[5071,4],[5181,4]]},"574":{"position":[[3790,4]]},"576":{"position":[[4622,4],[5942,4],[6803,4]]},"578":{"position":[[5375,4],[6645,4],[7488,4]]},"584":{"position":[[750,4],[861,4],[899,4],[1359,4]]},"586":{"position":[[6601,4],[9578,4]]},"588":{"position":[[1483,4],[1555,4]]},"590":{"position":[[2882,4],[3004,4],[3132,4],[5761,4]]},"594":{"position":[[4581,4],[4621,4]]},"596":{"position":[[2599,4],[3958,4],[4237,4],[4516,4],[4847,4],[6452,4],[6731,4],[7010,4],[7289,4],[9184,4],[9463,4],[9742,4],[10000,4],[11453,4],[12266,4],[13295,4]]},"600":{"position":[[13625,4],[13695,4],[14366,4],[14511,4],[15649,4],[15823,4],[15970,4]]},"602":{"position":[[7778,4],[11411,4],[14272,4]]},"604":{"position":[[5878,4],[9318,4],[10716,4],[12944,4],[15042,4]]},"606":{"position":[[4833,4],[8583,4],[11921,4]]},"608":{"position":[[4521,4],[8315,4],[12523,4]]},"610":{"position":[[1493,4],[1886,4]]},"612":{"position":[[1212,4],[1255,4],[3474,4],[5345,4],[6374,4],[6962,4],[7970,4],[9528,4],[9631,4],[10130,4],[11640,4],[11813,4],[11856,4],[11899,4],[13134,4],[13307,4],[13358,4]]},"614":{"position":[[5150,4],[6039,4],[6082,4],[6125,4],[6764,4],[6811,4],[8419,4],[8513,4],[8672,4],[9357,4],[11684,4],[11788,4],[12209,4],[12483,4]]},"616":{"position":[[2548,4],[2591,4],[2634,4],[3225,4],[3273,4]]},"618":{"position":[[6876,4],[6919,4],[6962,4],[7561,4],[7610,4],[9688,4],[9794,4],[9871,4],[9958,4],[10051,4],[10251,4],[10434,4],[11481,4]]},"620":{"position":[[520,4],[557,4],[1491,4],[1534,4],[1577,4],[2108,4],[2153,4],[2717,4]]},"622":{"position":[[10093,4],[10136,4],[10179,4],[10788,4],[10839,4],[13053,4],[13159,4],[13236,4],[13323,4],[13416,4],[13616,4],[13799,4],[17319,4]]},"628":{"position":[[3394,4],[4180,4],[4223,4],[4266,4],[4879,4],[4927,4],[7561,4],[7658,4],[7925,4],[8908,4],[10917,4],[11015,4],[11482,4],[11749,4]]},"630":{"position":[[2818,4],[4362,4],[5800,4],[7390,4],[9458,4],[11070,4],[11899,4]]},"654":{"position":[[15680,4],[15741,4],[20609,4],[20715,4],[20792,4],[20879,4],[20972,4],[21172,4],[21355,4],[25228,4],[25299,4],[25370,4],[25443,4]]},"656":{"position":[[11010,4],[13483,4],[15913,4],[18304,4],[20787,4]]},"658":{"position":[[1903,4],[2069,4],[2639,4],[1357811,4],[1357977,4]]},"660":{"position":[[7964,4],[10309,4],[12685,4],[15457,4],[17876,4],[20628,4],[23030,4],[26096,4],[32107,4],[34472,4],[36837,4],[39242,4],[41500,4],[44125,4],[47478,4],[58224,4],[59131,4],[85694,4]]}}}],["volutpat",{"_index":1844,"t":{"576":{"position":[[7779,8],[10607,8],[12020,8],[14848,8],[16161,8],[18989,8]]}}}],["vulput",{"_index":1852,"t":{"576":{"position":[[7870,9],[9720,9],[10824,9],[12111,9],[13961,9],[15065,9],[16252,9],[18102,9],[19206,9]]}}}],["wait",{"_index":1229,"t":{"562":{"position":[[1504,4],[1801,4]]},"572":{"position":[[921,4],[1140,4]]},"576":{"position":[[2151,4],[2360,4]]},"578":{"position":[[2455,4],[2664,4]]},"654":{"position":[[3384,4],[3610,4]]}}}],["wang",{"_index":3231,"t":{"612":{"position":[[3167,7],[5038,7],[7663,7]]}}}],["want",{"_index":1666,"t":{"574":{"position":[[114,4],[1863,4],[1983,4],[2937,4],[4555,4],[5641,4],[7445,4]]},"624":{"position":[[6790,4]]},"626":{"position":[[6266,4]]},"634":{"position":[[5690,4]]},"636":{"position":[[6047,4]]},"660":{"position":[[52540,4]]}}}],["warm",{"_index":3527,"t":{"616":{"position":[[6029,7]]}}}],["warn",{"_index":713,"t":{"110":{"position":[[1006,8]]},"556":{"position":[[1330,7],[2790,7]]},"566":{"position":[[1042,7],[2209,7]]},"568":{"position":[[2179,7],[2995,7]]},"630":{"position":[[6473,7],[7822,9]]},"648":{"position":[[1516,7],[2699,7]]},"660":{"position":[[94115,7],[94174,7]]}}}],["warning\">warning</badg",{"_index":1148,"t":{"560":{"position":[[1677,24]]}}}],["warningalert",{"_index":1050,"t":{"556":{"position":[[3461,13]]}}}],["warningalert?.closeasync",{"_index":1056,"t":{"556":{"position":[[3516,27]]}}}],["way",{"_index":1255,"t":{"562":{"position":[[11612,5]]},"600":{"position":[[9344,5]]}}}],["we'v",{"_index":3927,"t":{"630":{"position":[[3274,5]]}}}],["weather",{"_index":3992,"t":{"634":{"position":[[7404,11]]},"636":{"position":[[8495,11]]},"652":{"position":[[7429,11]]}}}],["web",{"_index":737,"t":{"112":{"position":[[714,3],[729,3]]},"610":{"position":[[119,3]]},"634":{"position":[[3015,3]]},"636":{"position":[[3252,3]]}}}],["webapp",{"_index":3969,"t":{"634":{"position":[[23,6],[84,6],[7683,6]]},"636":{"position":[[23,6],[82,6],[8741,6]]},"638":{"position":[[3010,6]]},"652":{"position":[[7541,6]]}}}],["webapplication.createbuilder(arg",{"_index":3779,"t":{"624":{"position":[[6362,35]]},"626":{"position":[[5838,35]]},"634":{"position":[[5292,35]]},"636":{"position":[[5571,35]]}}}],["webassembl",{"_index":374,"t":{"48":{"position":[[391,11]]},"50":{"position":[[365,11]]},"54":{"position":[[458,11]]},"56":{"position":[[650,11]]},"58":{"position":[[329,11]]},"60":{"position":[[174,11],[232,11],[365,11],[411,11],[584,11]]},"62":{"position":[[350,11]]},"64":{"position":[[291,11]]},"66":{"position":[[315,11]]},"68":{"position":[[768,11]]},"70":{"position":[[792,11]]},"72":{"position":[[690,11],[789,11],[940,11]]},"74":{"position":[[481,11]]},"76":{"position":[[282,11]]},"78":{"position":[[365,11]]},"80":{"position":[[1407,11]]},"82":{"position":[[331,11]]},"84":{"position":[[443,11]]},"86":{"position":[[575,11]]},"88":{"position":[[332,11]]},"90":{"position":[[256,11]]},"92":{"position":[[371,11]]},"94":{"position":[[257,11]]},"96":{"position":[[346,11]]},"98":{"position":[[730,11]]},"100":{"position":[[1213,11]]},"102":{"position":[[449,11]]},"104":{"position":[[758,11]]},"106":{"position":[[475,11]]},"108":{"position":[[571,11]]},"110":{"position":[[1139,11]]},"112":{"position":[[857,11]]},"114":{"position":[[319,11]]},"116":{"position":[[401,11]]},"118":{"position":[[445,11]]},"120":{"position":[[399,11]]},"122":{"position":[[343,11]]},"128":{"position":[[1553,11]]},"132":{"position":[[921,11],[979,11]]},"146":{"position":[[1740,11],[1798,11]]},"154":{"position":[[231,11],[289,11]]},"204":{"position":[[236,11],[294,11]]},"206":{"position":[[228,11],[286,11]]},"220":{"position":[[717,11],[775,11]]},"226":{"position":[[245,11],[303,11]]},"236":{"position":[[726,11],[784,11]]},"310":{"position":[[222,11],[280,11]]},"314":{"position":[[720,11],[778,11]]},"502":{"position":[[218,11],[276,11]]},"624":{"position":[[8755,11]]},"626":{"position":[[8231,11],[8264,11]]},"632":{"position":[[3222,11]]},"634":{"position":[[7650,11]]},"638":{"position":[[3043,11]]},"640":{"position":[[56,11],[283,11],[1751,11],[1801,11],[1849,11],[1896,11]]},"642":{"position":[[23,11],[82,11],[957,11],[3551,11]]},"644":{"position":[[23,11],[82,11],[957,11],[3551,11]]},"646":{"position":[[14,11],[61,11],[288,11],[1756,11],[1806,11],[1854,11]]},"652":{"position":[[23,11],[82,11],[3013,11]]}}}],["webassemblyhostbuilder.createdefault(arg",{"_index":4004,"t":{"636":{"position":[[6967,43]]},"642":{"position":[[5755,43]]},"644":{"position":[[5594,43]]},"652":{"position":[[5640,43]]}}}],["websit",{"_index":199,"t":{"10":{"position":[[187,7],[272,8],[312,7]]},"14":{"position":[[288,8]]},"16":{"position":[[237,7]]},"18":{"position":[[202,7],[267,7]]},"20":{"position":[[205,7]]},"22":{"position":[[296,7]]},"24":{"position":[[232,7]]},"26":{"position":[[240,7]]},"28":{"position":[[206,7]]},"30":{"position":[[299,7]]},"32":{"position":[[569,7]]},"34":{"position":[[180,7]]},"36":{"position":[[588,7]]},"38":{"position":[[297,7]]},"40":{"position":[[326,7]]},"42":{"position":[[639,7]]},"44":{"position":[[417,7]]},"46":{"position":[[428,7]]},"48":{"position":[[374,7],[408,7]]},"50":{"position":[[348,7],[382,7]]},"52":{"position":[[598,7]]},"54":{"position":[[412,7],[441,7]]},"56":{"position":[[604,7],[633,7]]},"58":{"position":[[283,7],[312,7]]},"60":{"position":[[538,7],[567,7]]},"62":{"position":[[304,7],[333,7]]},"64":{"position":[[245,7],[274,7]]},"66":{"position":[[269,7],[298,7]]},"68":{"position":[[722,7],[751,7]]},"70":{"position":[[746,7],[775,7]]},"72":{"position":[[743,7],[772,7]]},"74":{"position":[[435,7],[464,7]]},"76":{"position":[[236,7],[265,7]]},"78":{"position":[[319,7],[348,7]]},"80":{"position":[[1361,7],[1390,7]]},"82":{"position":[[285,7],[314,7]]},"84":{"position":[[397,7],[426,7]]},"86":{"position":[[529,7],[558,7]]},"88":{"position":[[286,7],[315,7]]},"90":{"position":[[210,7],[239,7]]},"92":{"position":[[325,7],[354,7]]},"94":{"position":[[211,7],[240,7]]},"96":{"position":[[300,7],[329,7]]},"98":{"position":[[684,7],[713,7]]},"100":{"position":[[1167,7],[1196,7]]},"102":{"position":[[403,7],[432,7]]},"104":{"position":[[712,7],[741,7]]},"106":{"position":[[429,7],[458,7]]},"108":{"position":[[525,7],[554,7]]},"110":{"position":[[1093,7],[1122,7]]},"112":{"position":[[811,7],[840,7]]},"114":{"position":[[273,7],[302,7]]},"116":{"position":[[355,7],[384,7]]},"118":{"position":[[399,7],[428,7]]},"120":{"position":[[353,7],[382,7]]},"122":{"position":[[297,7],[326,7]]},"128":{"position":[[1507,7],[1536,7]]},"140":{"position":[[1681,7]]},"146":{"position":[[2484,7]]},"238":{"position":[[1421,7]]},"468":{"position":[[224,7]]},"598":{"position":[[227,7],[863,8],[1435,8],[3876,8]]}}}],["welcom",{"_index":167,"t":{"4":{"position":[[77,7]]},"138":{"position":[[271,7]]},"242":{"position":[[130,7]]},"434":{"position":[[121,7]]}}}],["well",{"_index":983,"t":{"556":{"position":[[863,4]]},"562":{"position":[[2611,4],[3162,4],[3712,4],[4475,4],[5100,4],[5723,4],[6465,4],[7016,4],[7566,4],[8267,4],[8832,4],[9382,4],[10097,4],[10648,4],[11198,4],[12277,4],[12840,4],[13402,4],[13960,4],[14508,4],[15068,4],[18594,4],[19145,4],[19695,4],[20979,4],[21552,4],[22124,4]]},"564":{"position":[[73,4]]}}}],["what'",{"_index":368,"t":{"46":{"position":[[150,6]]},"48":{"position":[[197,6]]},"50":{"position":[[183,6]]},"52":{"position":[[264,6]]},"54":{"position":[[211,6]]},"56":{"position":[[173,6]]},"58":{"position":[[173,6]]},"60":{"position":[[273,6]]},"62":{"position":[[155,6]]},"64":{"position":[[154,6]]},"66":{"position":[[147,6]]},"68":{"position":[[157,6],[353,6]]},"70":{"position":[[156,6],[325,6]]},"72":{"position":[[179,6],[559,6]]},"74":{"position":[[149,6]]},"76":{"position":[[138,6]]},"78":{"position":[[140,6]]},"80":{"position":[[155,6]]},"82":{"position":[[149,6]]},"84":{"position":[[160,6]]},"86":{"position":[[169,6],[230,6]]},"88":{"position":[[151,6]]},"90":{"position":[[135,6]]},"92":{"position":[[162,6],[228,6]]},"94":{"position":[[135,6]]},"96":{"position":[[136,6]]},"98":{"position":[[159,6]]},"100":{"position":[[209,6],[613,6]]},"102":{"position":[[164,6]]},"104":{"position":[[200,6]]},"106":{"position":[[169,6]]},"108":{"position":[[169,6]]},"110":{"position":[[247,6],[611,6]]},"112":{"position":[[176,6]]},"114":{"position":[[138,6]]},"116":{"position":[[174,6],[204,6]]},"118":{"position":[[161,6],[192,6]]},"120":{"position":[[177,6],[229,6]]},"122":{"position":[[203,6]]},"128":{"position":[[224,6]]}}}],["whatev",{"_index":1702,"t":{"574":{"position":[[2029,8],[2053,8],[4632,8],[4656,8],[5718,8],[5742,8],[6290,8],[6314,8],[6878,8],[6902,8],[7522,8],[7546,8],[8171,8],[8195,8]]}}}],["what’",{"_index":1547,"t":{"570":{"position":[[3252,6]]}}}],["whenev",{"_index":1548,"t":{"570":{"position":[[3329,8]]}}}],["whether",{"_index":1366,"t":{"566":{"position":[[506,7]]},"576":{"position":[[779,7]]},"578":{"position":[[489,7],[1153,7],[1736,7]]},"588":{"position":[[946,7]]},"594":{"position":[[572,7]]},"596":{"position":[[519,7],[886,7],[1387,7]]},"610":{"position":[[425,7]]},"614":{"position":[[568,7]]},"618":{"position":[[529,7]]},"620":{"position":[[357,7]]},"622":{"position":[[609,7],[807,7]]},"628":{"position":[[572,7]]},"660":{"position":[[2496,7],[4806,7]]}}}],["white",{"_index":1806,"t":{"576":{"position":[[5486,5]]},"602":{"position":[[16939,8]]},"660":{"position":[[88632,5],[89420,5],[90222,5],[91010,5],[93137,5],[93196,5],[94128,5],[94187,5],[95118,5],[95176,5],[96108,5],[96167,5],[97096,5],[97152,5],[98081,5],[98137,5],[99071,5],[99132,5],[101360,5],[103786,5],[106338,5],[106467,5]]}}}],["white.svg",{"_index":2488,"t":{"592":{"position":[[12416,10]]}}}],["whole",{"_index":3022,"t":{"604":{"position":[[1895,5]]}}}],["wide",{"_index":1514,"t":{"570":{"position":[[265,4],[3151,4],[6384,4]]}}}],["wider",{"_index":1615,"t":{"570":{"position":[[11002,5],[11705,5],[12275,5],[13020,5]]}}}],["width",{"_index":292,"t":{"32":{"position":[[360,5]]},"568":{"position":[[5509,6]]},"570":{"position":[[2697,6],[2724,5],[2775,5],[5305,5],[6349,5],[10675,5]]},"580":{"position":[[713,5],[787,6],[1108,6],[1134,5],[1166,5],[3615,5]]},"586":{"position":[[1965,5]]},"590":{"position":[[807,5],[851,6],[942,6],[979,6],[1026,6],[1137,6],[2221,5],[2345,6],[8426,5]]},"602":{"position":[[590,5],[635,6],[700,5],[1306,6],[3517,5],[3919,5]]},"604":{"position":[[445,5],[490,6],[555,5],[1161,6],[1825,5],[1870,6],[1910,5],[2196,5],[2244,6]]},"606":{"position":[[541,5],[586,6],[651,5],[1257,6],[3101,6]]},"608":{"position":[[386,5],[431,6],[496,5],[1102,6],[2834,6]]},"624":{"position":[[3817,6]]},"626":{"position":[[3996,6]]},"634":{"position":[[3207,6]]},"636":{"position":[[3472,6]]},"642":{"position":[[3710,6]]},"644":{"position":[[3710,6]]},"652":{"position":[[3183,6]]},"654":{"position":[[18340,6]]},"656":{"position":[[20911,6],[20948,6],[21234,6]]},"660":{"position":[[4694,5],[24439,6],[24540,6],[24609,5],[133663,5]]}}}],["width=\"10",{"_index":2402,"t":{"590":{"position":[[3880,10],[6183,10],[6415,10],[7457,10]]}}}],["width=\"100",{"_index":2415,"t":{"590":{"position":[[7136,11],[8244,11]]}}}],["width=\"20",{"_index":2372,"t":{"590":{"position":[[1257,10],[1797,10],[1851,10],[1908,10],[2164,10],[3409,10],[3483,10],[3970,10],[6016,10],[6070,10],[6127,10],[6533,10],[7586,10]]}}}],["width=\"30",{"_index":2385,"t":{"590":{"position":[[1964,10],[4063,10],[4650,10],[6654,10],[7718,10]]}}}],["width=\"40",{"_index":2375,"t":{"590":{"position":[[1362,10],[3546,10],[3621,10],[4155,10],[6774,10],[7849,10]]}}}],["width=\"500",{"_index":3093,"t":{"606":{"position":[[4061,11],[11298,11]]},"608":{"position":[[3769,11],[7712,11],[11667,11]]}}}],["width=\"60",{"_index":2377,"t":{"590":{"position":[[1455,10],[4248,10],[6895,10],[7981,10]]}}}],["width=\"70",{"_index":2380,"t":{"590":{"position":[[1575,10],[4343,10]]}}}],["width=\"80",{"_index":2383,"t":{"590":{"position":[[1704,10],[4433,10],[7018,10],[8115,10]]}}}],["width=\"800",{"_index":2912,"t":{"602":{"position":[[6720,11],[11222,11],[14083,11]]},"604":{"position":[[4682,11]]},"606":{"position":[[8394,11]]}}}],["width=\"placeholderwidth.col12",{"_index":2122,"t":{"580":{"position":[[1455,30],[1502,30],[1582,30],[1664,30],[1744,30],[1823,30],[1903,30],[1980,30],[2058,30],[2289,30],[2336,30],[2412,30],[2488,30],[2805,30],[2852,30],[2928,30],[3004,30],[3184,30],[3231,30],[3307,30],[3383,30]]}}}],["width=\"placeholderwidth.col6",{"_index":2117,"t":{"580":{"position":[[990,29],[1214,29]]}}}],["width=\"placeholderwidth.col7",{"_index":2115,"t":{"580":{"position":[[898,29],[1036,29]]}}}],["width=\"placeholderwidth.col9",{"_index":2116,"t":{"580":{"position":[[944,29]]}}}],["width='8",{"_index":1094,"t":{"558":{"position":[[1834,9]]}}}],["widthunit",{"_index":2812,"t":{"602":{"position":[[648,9],[1330,9]]},"604":{"position":[[503,9],[1185,9]]},"606":{"position":[[599,9],[1281,9]]},"608":{"position":[[444,9],[1126,9]]}}}],["window",{"_index":2008,"t":{"578":{"position":[[3349,6]]},"602":{"position":[[11731,10],[14590,10]]},"604":{"position":[[10952,10],[13180,10],[15278,10]]},"606":{"position":[[8903,10]]}}}],["wish",{"_index":126,"t":{"2":{"position":[[2630,4]]},"124":{"position":[[1118,4]]}}}],["with/without",{"_index":364,"t":{"44":{"position":[[353,12]]}}}],["within",{"_index":399,"t":{"56":{"position":[[245,6]]},"70":{"position":[[401,6]]},"556":{"position":[[320,6],[1967,6]]},"558":{"position":[[129,6]]},"560":{"position":[[255,6]]},"562":{"position":[[377,6],[2051,6],[2798,6],[3349,6],[3899,6],[4662,6],[5287,6],[5910,6],[6652,6],[7203,6],[7753,6],[8454,6],[9019,6],[9569,6],[10284,6],[10835,6],[11385,6],[12464,6],[13027,6],[13589,6],[14147,6],[14695,6],[15255,6],[18781,6],[19332,6],[19882,6],[21166,6],[21739,6],[22311,6]]},"566":{"position":[[285,6]]},"568":{"position":[[431,6],[6812,6]]},"570":{"position":[[508,6],[845,6],[1026,6],[1206,6],[1387,6],[1640,6],[2076,6],[2332,6],[2512,6],[3364,6],[3415,6],[5960,6]]},"572":{"position":[[289,6]]},"574":{"position":[[2175,6]]},"576":{"position":[[3383,6]]},"578":{"position":[[4181,6]]},"580":{"position":[[438,6]]},"584":{"position":[[537,6]]},"586":{"position":[[271,6],[569,6],[989,6],[1175,6],[1429,6]]},"588":{"position":[[470,6]]},"590":{"position":[[351,6]]},"596":{"position":[[642,6]]},"600":{"position":[[258,6],[1717,6]]},"604":{"position":[[1850,6],[2226,6]]},"610":{"position":[[271,6]]},"654":{"position":[[581,6],[1177,6],[1445,6],[1815,6],[2105,6],[2358,6],[18205,6],[18543,6],[18689,6]]},"660":{"position":[[816,6],[4142,6]]}}}],["without",{"_index":400,"t":{"56":{"position":[[262,7]]},"70":{"position":[[418,7]]},"98":{"position":[[617,7]]},"560":{"position":[[6974,7]]},"574":{"position":[[2201,7]]},"576":{"position":[[3404,7]]},"578":{"position":[[4198,7]]},"624":{"position":[[974,8]]},"626":{"position":[[976,8]]},"630":{"position":[[3174,7],[4650,7],[12298,7]]},"642":{"position":[[988,8]]},"644":{"position":[[988,8]]},"658":{"position":[[141,7]]}}}],["won't",{"_index":2640,"t":{"596":{"position":[[11824,5]]}}}],["work",{"_index":435,"t":{"66":{"position":[[213,7]]},"68":{"position":[[577,7],[641,7]]},"74":{"position":[[300,4]]},"86":{"position":[[291,4],[479,7]]},"92":{"position":[[275,7]]},"98":{"position":[[384,4]]},"556":{"position":[[1983,5]]},"572":{"position":[[1192,6],[5321,5]]},"576":{"position":[[2406,6],[21424,5]]},"578":{"position":[[2919,6],[15339,5]]},"582":{"position":[[1957,7],[3454,7]]},"586":{"position":[[3565,6],[10002,5]]},"588":{"position":[[711,6],[1721,5]]},"590":{"position":[[1161,6],[8409,5]]},"602":{"position":[[6198,6],[17495,5]]},"604":{"position":[[4232,6],[17203,5]]},"606":{"position":[[3601,6],[15532,5]]},"608":{"position":[[3319,6],[15045,5]]},"648":{"position":[[979,6],[5898,5]]}}}],["world",{"_index":3925,"t":{"630":{"position":[[3082,6],[4568,6],[6064,6],[7725,6],[9669,6],[11334,6]]}}}],["worth",{"_index":1243,"t":{"562":{"position":[[2753,5],[3304,5],[3854,5],[4617,5],[5242,5],[5865,5],[6607,5],[7158,5],[7708,5],[8409,5],[8974,5],[9524,5],[10239,5],[10790,5],[11340,5],[12419,5],[12982,5],[13544,5],[14102,5],[14650,5],[15210,5],[18736,5],[19287,5],[19837,5],[21121,5],[21694,5],[22266,5]]}}}],["wrap",{"_index":1570,"t":{"570":{"position":[[5286,7]]},"622":{"position":[[5405,4],[5517,4],[17696,4]]},"660":{"position":[[42771,9]]}}}],["wwwroot",{"_index":3735,"t":{"624":{"position":[[3111,7]]},"626":{"position":[[3296,7]]},"632":{"position":[[2774,7]]},"634":{"position":[[2779,7]]},"636":{"position":[[2734,7]]},"638":{"position":[[2757,7]]},"642":{"position":[[3146,7]]},"644":{"position":[[3146,7]]},"652":{"position":[[2775,7]]}}}],["wwwroot/css/app.css",{"_index":3968,"t":{"632":{"position":[[3029,19]]},"642":{"position":[[3401,19]]},"644":{"position":[[3401,19]]}}}],["wwwroot/css/bootstrap",{"_index":3737,"t":{"624":{"position":[[3141,21]]},"626":{"position":[[3326,21]]},"632":{"position":[[2804,21]]},"634":{"position":[[2809,21]]},"636":{"position":[[2764,21]]},"638":{"position":[[2787,21]]},"642":{"position":[[3176,21]]},"644":{"position":[[3176,21]]},"652":{"position":[[2805,21]]}}}],["wwwroot/css/open",{"_index":3738,"t":{"624":{"position":[[3182,16]]},"626":{"position":[[3367,16]]},"632":{"position":[[2845,16]]},"642":{"position":[[3217,16]]},"644":{"position":[[3217,16]]}}}],["wwwroot/css/site.css",{"_index":3740,"t":{"624":{"position":[[3366,20]]},"626":{"position":[[3553,20]]}}}],["wwwroot/index.html",{"_index":3965,"t":{"632":{"position":[[460,18],[1004,18],[2908,18]]},"638":{"position":[[460,18],[1004,18],[2848,18]]},"642":{"position":[[470,18],[1088,19],[1360,18],[3280,18]]},"644":{"position":[[470,18],[1088,19],[1360,18],[3280,18]]},"652":{"position":[[470,18],[1014,18],[2866,18]]}}}],["x",{"_index":2806,"t":{"602":{"position":[[234,1],[255,1],[5144,1],[5608,1],[5638,3],[9718,4]]},"604":{"position":[[3180,1],[3643,1],[3673,3],[7870,4]]}}}],["x.id",{"_index":4547,"t":{"660":{"position":[[59500,5],[82320,4]]}}}],["x.isact",{"_index":4560,"t":{"660":{"position":[[64636,10]]}}}],["x3",{"_index":2234,"t":{"586":{"position":[[1816,3]]}}}],["xaxisid",{"_index":2891,"t":{"602":{"position":[[5110,7]]},"604":{"position":[[3146,7]]}}}],["xl",{"_index":2076,"t":{"578":{"position":[[13011,3]]}}}],["xl</button",{"_index":2090,"t":{"578":{"position":[[13744,11]]}}}],["xlmodal",{"_index":2066,"t":{"578":{"position":[[12355,8],[13974,8]]}}}],["xlmodal?.showasync()\">extra",{"_index":2063,"t":{"578":{"position":[[12094,27]]}}}],["xlmodal?.showasync()\">ful",{"_index":2089,"t":{"578":{"position":[[13704,26]]}}}],["xmlns='http://www.w3.org/2000/svg",{"_index":1093,"t":{"558":{"position":[[1799,34]]}}}],["xxl",{"_index":2079,"t":{"578":{"position":[[13150,4]]}}}],["xxl</button",{"_index":2092,"t":{"578":{"position":[[13849,12]]}}}],["xxlmodal",{"_index":2094,"t":{"578":{"position":[[13997,9]]}}}],["xxlmodal?.showasync()\">ful",{"_index":2091,"t":{"578":{"position":[[13808,27]]}}}],["y",{"_index":2807,"t":{"602":{"position":[[236,1],[321,1],[5216,1],[5666,3],[9574,4]]},"604":{"position":[[3252,1],[3701,3],[7730,4],[10020,4],[11953,4],[14215,4],[16279,4]]}}}],["yaxisid",{"_index":2893,"t":{"602":{"position":[[5182,7]]},"604":{"position":[[3218,7]]}}}],["ye",{"_index":1691,"t":{"574":{"position":[[1466,5],[1513,3],[1534,5],[8251,3],[8298,5],[9148,3]]}}}],["yeah",{"_index":1016,"t":{"556":{"position":[[1830,5]]}}}],["yesbuttoncolor",{"_index":1689,"t":{"574":{"position":[[1402,14],[4361,14]]}}}],["yesbuttontext",{"_index":1692,"t":{"574":{"position":[[1492,13],[4339,13]]}}}],["you''r",{"_index":1463,"t":{"568":{"position":[[6426,7]]}}}],["youll",{"_index":4147,"t":{"654":{"position":[[18275,5]]}}}],["yyyi",{"_index":3337,"t":{"614":{"position":[[813,4],[919,4]]}}}],["zaraiah",{"_index":3258,"t":{"612":{"position":[[3406,8],[5277,8],[7902,8]]}}}],["zayn",{"_index":4377,"t":{"660":{"position":[[8937,8],[11282,8],[13913,8],[16430,8],[19104,8],[21601,8],[24003,8],[27869,8],[33080,8],[35445,8],[37810,8],[40100,8],[42358,8],[45898,8],[48706,8],[54360,8],[56822,8],[63164,8],[66385,8],[69468,8],[72845,8],[75728,8],[78703,8],[82000,8],[85346,8],[88112,8],[110191,8],[113817,8],[127583,8],[129889,8],[132706,8]]}}}],["zayne@blazorbootstrap.com",{"_index":4451,"t":{"660":{"position":[[27908,28],[45937,28]]}}}],["zero",{"_index":3647,"t":{"622":{"position":[[1397,5],[4972,5]]}}}],["zip",{"_index":4687,"t":{"660":{"position":[[115470,4],[118040,4],[120701,4],[123477,4]]}}}]],"pipeline":["stemmer"]}}]
\ No newline at end of file
+[{"documents":[{"i":1,"t":"Blog | Blazor Bootstrap Docs","u":"/blog","b":[]},{"i":3,"t":"BlazorBootstrap v0.0.3","u":"/blog/2021/12/08/blazorbootstrap-0.0.3","b":[]},{"i":5,"t":"BlazorBootstrap v0.0.2","u":"/blog/2021/11/27/blazorbootstrap-0.0.2","b":[]},{"i":7,"t":"BlazorBootstrap v0.0.1","u":"/blog/2021/11/23/blazorbootstrap-0.0.1","b":[]},{"i":9,"t":"BlazorBootstrap v0.0.4","u":"/blog/2021/12/12/blazorbootstrap-0.0.4","b":[]},{"i":11,"t":"BlazorBootstrap v0.1.1","u":"/blog/2021/12/21/blazorbootstrap-0.1.1","b":[]},{"i":13,"t":"BlazorBootstrap v0.1.0","u":"/blog/2021/12/20/blazorbootstrap-0.1.0","b":[]},{"i":15,"t":"BlazorBootstrap v0.2.0","u":"/blog/2022/01/15/blazorbootstrap-0.2.0","b":[]},{"i":17,"t":"BlazorBootstrap v0.2.2","u":"/blog/2022/03/15/blazorbootstrap-0.2.2","b":[]},{"i":19,"t":"BlazorBootstrap v0.2.1","u":"/blog/2022/02/27/blazorbootstrap-0.2.1","b":[]},{"i":21,"t":"BlazorBootstrap v0.2.4","u":"/blog/2022/06/19/blazorbootstrap-0.2.4","b":[]},{"i":23,"t":"BlazorBootstrap v0.2.5","u":"/blog/2022/07/28/blazorbootstrap-0.2.5","b":[]},{"i":25,"t":"BlazorBootstrap v0.2.3","u":"/blog/2022/04/30/blazorbootstrap-0.2.3","b":[]},{"i":27,"t":"BlazorBootstrap v0.2.6","u":"/blog/2022/08/13/blazorbootstrap-0.2.6","b":[]},{"i":29,"t":"BlazorBootstrap v0.3.0","u":"/blog/2022/08/31/blazorbootstrap-0.3.0","b":[]},{"i":31,"t":"BlazorBootstrap v0.4.0","u":"/blog/2022/09/04/blazorbootstrap-0.4.0","b":[]},{"i":33,"t":"BlazorBootstrap v0.4.1","u":"/blog/2022/09/12/blazorbootstrap-0.4.1","b":[]},{"i":35,"t":"BlazorBootstrap v0.4.2","u":"/blog/2022/09/17/blazorbootstrap-0.4.2","b":[]},{"i":37,"t":"Blazor Bootstrap v0.6.0","u":"/blog/2022/10/30/blazorbootstrap-0.6.0","b":[]},{"i":39,"t":"BlazorBootstrap v0.5.0","u":"/blog/2022/10/16/blazorbootstrap-0.5.0","b":[]},{"i":41,"t":"Blazor Bootstrap v0.5.1","u":"/blog/2022/10/22/blazorbootstrap-0.5.1","b":[]},{"i":43,"t":"Blazor Bootstrap v1.0.0","u":"/blog/2022/11/18/blazorbootstrap-1.0.0","b":[]},{"i":45,"t":"Blazor Bootstrap v1.1.0","u":"/blog/2022/11/28/blazorbootstrap-1.1.0","b":[]},{"i":47,"t":"Blazor Bootstrap v1.0.1","u":"/blog/2022/11/22/blazorbootstrap-1.0.1","b":[]},{"i":49,"t":"Blazor Bootstrap v1.2.0","u":"/blog/2022/12/12/blazorbootstrap-1.2.0","b":[]},{"i":51,"t":"Blazor Bootstrap v1.3.0","u":"/blog/2022/12/15/blazorbootstrap-1.3.0","b":[]},{"i":53,"t":"Blazor Bootstrap v1.4.1","u":"/blog/2023/01/23/blazorbootstrap-1.4.1","b":[]},{"i":55,"t":"Blazor Bootstrap v1.4.0","u":"/blog/2023/01/15/blazorbootstrap-1.4.0","b":[]},{"i":57,"t":"Blazor Bootstrap v1.3.1","u":"/blog/2022/12/18/blazorbootstrap-1.3.1","b":[]},{"i":59,"t":"Blazor Bootstrap v1.4.2","u":"/blog/2023/01/30/blazorbootstrap-1.4.2","b":[]},{"i":61,"t":"Blazor Bootstrap v1.4.3","u":"/blog/2023/02/07/blazorbootstrap-1.4.3","b":[]},{"i":63,"t":"Blazor Bootstrap v1.4.4","u":"/blog/2023/02/10/blazorbootstrap-1.4.4","b":[]},{"i":65,"t":"Blazor Bootstrap v1.4.5","u":"/blog/2023/02/23/blazorbootstrap-1.4.5","b":[]},{"i":67,"t":"Blazor Bootstrap v1.5.0","u":"/blog/2023/03/05/blazorbootstrap-1.5.0","b":[]},{"i":69,"t":"Blazor Bootstrap v1.7.1","u":"/blog/2023/04/19/blazorbootstrap-1.7.1","b":[]},{"i":71,"t":"Blazor Bootstrap v1.7.0","u":"/blog/2023/04/10/blazorbootstrap-1.7.0","b":[]},{"i":73,"t":"Blazor Bootstrap v1.6.0","u":"/blog/2023/03/12/blazorbootstrap-1.6.0","b":[]},{"i":75,"t":"Blazor Bootstrap v1.7.2","u":"/blog/2023/04/24/blazorbootstrap-1.7.2","b":[]},{"i":77,"t":"Blazor Bootstrap v1.7.3","u":"/blog/2023/04/29/blazorbootstrap-1.7.3","b":[]},{"i":79,"t":"Blazor Bootstrap v1.8.0","u":"/blog/2023/05/28/blazorbootstrap-1.8.0","b":[]},{"i":81,"t":"Blazor Bootstrap v1.8.2","u":"/blog/2023/06/11/blazorbootstrap-1.8.2","b":[]},{"i":83,"t":"Blazor Bootstrap v1.8.3","u":"/blog/2023/06/16/blazorbootstrap-1.8.3","b":[]},{"i":85,"t":"Blazor Bootstrap v1.9.2","u":"/blog/2023/07/01/blazorbootstrap-1.9.2","b":[]},{"i":87,"t":"Blazor Bootstrap v1.9.0","u":"/blog/2023/06/30/blazorbootstrap-1.9.0","b":[]},{"i":89,"t":"Blazor Bootstrap v1.9.1","u":"/blog/2023/06/31/blazorbootstrap-1.9.1","b":[]},{"i":91,"t":"Blazor Bootstrap v1.9.3","u":"/blog/2023/07/04/blazorbootstrap-1.9.3","b":[]},{"i":93,"t":"Blazor Bootstrap v1.9.4","u":"/blog/2023/07/05/blazorbootstrap-1.9.4","b":[]},{"i":95,"t":"Blazor Bootstrap v1.9.5","u":"/blog/2023/07/16/blazorbootstrap-1.9.5","b":[]},{"i":97,"t":"Blazor Bootstrap v1.8.1","u":"/blog/2023/05/31/blazorbootstrap-1.8.1","b":[]},{"i":99,"t":"Blazor Bootstrap v1.10.1","u":"/blog/2023/08/29/blazorbootstrap-1.10.1","b":[]},{"i":101,"t":"Blazor Bootstrap v1.10.0","u":"/blog/2023/08/13/blazorbootstrap-1.10.0","b":[]},{"i":103,"t":"Blazor Bootstrap v1.10.2","u":"/blog/2023/09/15/blazorbootstrap-1.10.2","b":[]},{"i":105,"t":"Blazor Bootstrap v1.10.3","u":"/blog/2023/10/15/blazorbootstrap-1.10.3","b":[]},{"i":107,"t":"Blazor Bootstrap v1.10.4","u":"/blog/2023/11/18/blazorbootstrap-1.10.4","b":[]},{"i":109,"t":"Blazor Bootstrap v1.11.0","u":"/blog/2024/02/04/blazorbootstrap-1.11.0","b":[]},{"i":111,"t":"Blazor Bootstrap v1.11.1","u":"/blog/2024/02/04/blazorbootstrap-1.11.1","b":[]},{"i":113,"t":"Blazor Bootstrap v1.10.5","u":"/blog/2024/01/01/blazorbootstrap-1.10.5","b":[]},{"i":115,"t":"Blazor Bootstrap v2.0.0","u":"/blog/2024/02/25/blazorbootstrap-2.0.0","b":[]},{"i":117,"t":"Upgrade to v2.x.x","u":"/blog/2024/02/25/upgrade-to-v2.0.0","b":[]},{"i":119,"t":"Blazor Bootstrap v2.1.0","u":"/blog/2024/03/17/blazorbootstrap-2.1.0","b":[]},{"i":121,"t":"Blazor Bootstrap v2.2.0","u":"/blog/2024/04/14/blazorbootstrap-2.2.0","b":[]},{"i":123,"t":"Blazor Bootstrap v3.0.0-preview.1","u":"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1","b":[]},{"i":125,"t":"Blazor Bootstrap v2.2.1","u":"/blog/2024/04/21/blazorbootstrap-2.2.1","b":[]},{"i":127,"t":"Blazor Bootstrap v3.0.0-preview.2","u":"/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2","b":[]},{"i":129,"t":"Archive","u":"/blog/archive","b":[]},{"i":131,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/2","b":[]},{"i":133,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/3","b":[]},{"i":135,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/4","b":[]},{"i":137,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/5","b":[]},{"i":139,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/6","b":[]},{"i":141,"t":"Tags","u":"/blog/tags","b":[]},{"i":143,"t":"Blog | Blazor Bootstrap Docs","u":"/blog/page/7","b":[]},{"i":145,"t":"One post tagged with \"alert\"","u":"/blog/tags/alert","b":[]},{"i":147,"t":"9 posts tagged with \"autocomplete\"","u":"/blog/tags/autocomplete","b":[]},{"i":149,"t":"2 posts tagged with \"badge\"","u":"/blog/tags/badge","b":[]},{"i":151,"t":"One post tagged with \"barchart\"","u":"/blog/tags/barchart","b":[]},{"i":153,"t":"42 posts tagged with \"blazor\"","u":"/blog/tags/blazor","b":[]},{"i":155,"t":"3 posts tagged with \"accordion\"","u":"/blog/tags/accordion","b":[]},{"i":157,"t":"One post tagged with \"blazor-autocomplete\"","u":"/blog/tags/blazor-autocomplete","b":[]},{"i":159,"t":"One post tagged with \"blazor-bar-chart\"","u":"/blog/tags/blazor-bar-chart","b":[]},{"i":161,"t":"5 posts tagged with \"blazor-bootstrap\"","u":"/blog/tags/blazor-bootstrap","b":[]},{"i":163,"t":"2 posts tagged with \"blazor-confirm-dialog\"","u":"/blog/tags/blazor-confirm-dialog","b":[]},{"i":165,"t":"One post tagged with \"blazor-charts\"","u":"/blog/tags/blazor-charts","b":[]},{"i":167,"t":"One post tagged with \"blazor-currency-input\"","u":"/blog/tags/blazor-currency-input","b":[]},{"i":169,"t":"2 posts tagged with \"blazor-dialog\"","u":"/blog/tags/blazor-dialog","b":[]},{"i":171,"t":"3 posts tagged with \"blazor-grid\"","u":"/blog/tags/blazor-grid","b":[]},{"i":173,"t":"One post tagged with \"blazor-doughnut-chart\"","u":"/blog/tags/blazor-doughnut-chart","b":[]},{"i":175,"t":"One post tagged with \"blazor-grid-paging\"","u":"/blog/tags/blazor-grid-paging","b":[]},{"i":177,"t":"One post tagged with \"blazor-grid-sorting\"","u":"/blog/tags/blazor-grid-sorting","b":[]},{"i":179,"t":"One post tagged with \"blazor-input-number\"","u":"/blog/tags/blazor-input-number","b":[]},{"i":181,"t":"One post tagged with \"blazor-grid-filtering\"","u":"/blog/tags/blazor-grid-filtering","b":[]},{"i":183,"t":"One post tagged with \"blazor-input\"","u":"/blog/tags/blazor-input","b":[]},{"i":185,"t":"One post tagged with \"blazor-number\"","u":"/blog/tags/blazor-number","b":[]},{"i":187,"t":"One post tagged with \"blazor-number-input\"","u":"/blog/tags/blazor-number-input","b":[]},{"i":189,"t":"One post tagged with \"blazor-line-chart\"","u":"/blog/tags/blazor-line-chart","b":[]},{"i":191,"t":"One post tagged with \"blazor-offcanvas\"","u":"/blog/tags/blazor-offcanvas","b":[]},{"i":193,"t":"One post tagged with \"blazor-pie-chart\"","u":"/blog/tags/blazor-pie-chart","b":[]},{"i":195,"t":"One post tagged with \"blazor-progress\"","u":"/blog/tags/blazor-progress","b":[]},{"i":197,"t":"2 posts tagged with \"blazor-preload\"","u":"/blog/tags/blazor-preload","b":[]},{"i":199,"t":"One post tagged with \"blazor-sidemodal\"","u":"/blog/tags/blazor-sidemodal","b":[]},{"i":201,"t":"2 posts tagged with \"blazor-spinner\"","u":"/blog/tags/blazor-spinner","b":[]},{"i":203,"t":"One post tagged with \"blazor-starter-templates\"","u":"/blog/tags/blazor-starter-templates","b":[]},{"i":205,"t":"One post tagged with \"blazor-tabs\"","u":"/blog/tags/blazor-tabs","b":[]},{"i":207,"t":"One post tagged with \"blazor-progress-bar\"","u":"/blog/tags/blazor-progress-bar","b":[]},{"i":209,"t":"One post tagged with \"blazor-templates\"","u":"/blog/tags/blazor-templates","b":[]},{"i":211,"t":"One post tagged with \"blazor-toast\"","u":"/blog/tags/blazor-toast","b":[]},{"i":213,"t":"2 posts tagged with \"blazor-toasts\"","u":"/blog/tags/blazor-toasts","b":[]},{"i":215,"t":"42 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/3","b":[]},{"i":217,"t":"42 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/2","b":[]},{"i":219,"t":"42 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/5","b":[]},{"i":221,"t":"42 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/4","b":[]},{"i":223,"t":"4 posts tagged with \"blazorautocomplete\"","u":"/blog/tags/blazorautocomplete","b":[]},{"i":225,"t":"One post tagged with \"blazoraccordion\"","u":"/blog/tags/blazoraccordion","b":[]},{"i":227,"t":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap","b":[]},{"i":229,"t":"One post tagged with \"blazorbadge\"","u":"/blog/tags/blazorbadge","b":[]},{"i":231,"t":"One post tagged with \"blazorbootstrap-starter-templates\"","u":"/blog/tags/blazorbootstrap-starter-templates","b":[]},{"i":233,"t":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/3","b":[]},{"i":235,"t":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/4","b":[]},{"i":237,"t":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/5","b":[]},{"i":239,"t":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/2","b":[]},{"i":241,"t":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/7","b":[]},{"i":243,"t":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/6","b":[]},{"i":245,"t":"One post tagged with \"blazorbreadcrumb\"","u":"/blog/tags/blazorbreadcrumb","b":[]},{"i":247,"t":"2 posts tagged with \"blazorbutton\"","u":"/blog/tags/blazorbutton","b":[]},{"i":249,"t":"3 posts tagged with \"blazorbuttons\"","u":"/blog/tags/blazorbuttons","b":[]},{"i":251,"t":"One post tagged with \"blazorchart\"","u":"/blog/tags/blazorchart","b":[]},{"i":253,"t":"One post tagged with \"blazorconfirmdialog\"","u":"/blog/tags/blazorconfirmdialog","b":[]},{"i":255,"t":"One post tagged with \"blazorcollapse\"","u":"/blog/tags/blazorcollapse","b":[]},{"i":257,"t":"One post tagged with \"blazorconfirmmodal\"","u":"/blog/tags/blazorconfirmmodal","b":[]},{"i":259,"t":"3 posts tagged with \"blazorcurrencyinput\"","u":"/blog/tags/blazorcurrencyinput","b":[]},{"i":261,"t":"One post tagged with \"blazordate\"","u":"/blog/tags/blazordate","b":[]},{"i":263,"t":"One post tagged with \"blazordialog\"","u":"/blog/tags/blazordialog","b":[]},{"i":265,"t":"4 posts tagged with \"blazordateinput\"","u":"/blog/tags/blazordateinput","b":[]},{"i":267,"t":"One post tagged with \"blazordropdown\"","u":"/blog/tags/blazordropdown","b":[]},{"i":269,"t":"2 posts tagged with \"blazordatepicker\"","u":"/blog/tags/blazordatepicker","b":[]},{"i":271,"t":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid","b":[]},{"i":273,"t":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid/page/2","b":[]},{"i":275,"t":"2 posts tagged with \"blazoricon\"","u":"/blog/tags/blazoricon","b":[]},{"i":277,"t":"One post tagged with \"blazornumber\"","u":"/blog/tags/blazornumber","b":[]},{"i":279,"t":"2 posts tagged with \"blazormodalservice\"","u":"/blog/tags/blazormodalservice","b":[]},{"i":281,"t":"8 posts tagged with \"blazormodal\"","u":"/blog/tags/blazormodal","b":[]},{"i":283,"t":"3 posts tagged with \"blazoroffcanvas\"","u":"/blog/tags/blazoroffcanvas","b":[]},{"i":285,"t":"2 posts tagged with \"blazorsidebar\"","u":"/blog/tags/blazorsidebar","b":[]},{"i":287,"t":"One post tagged with \"blazorprogress\"","u":"/blog/tags/blazorprogress","b":[]},{"i":289,"t":"2 posts tagged with \"blazorswitch\"","u":"/blog/tags/blazorswitch","b":[]},{"i":291,"t":"One post tagged with \"blazortabs\"","u":"/blog/tags/blazortabs","b":[]},{"i":293,"t":"One post tagged with \"blazornumberinput\"","u":"/blog/tags/blazornumberinput","b":[]},{"i":295,"t":"One post tagged with \"blazortime\"","u":"/blog/tags/blazortime","b":[]},{"i":297,"t":"One post tagged with \"blazortimepicker\"","u":"/blog/tags/blazortimepicker","b":[]},{"i":299,"t":"3 posts tagged with \"blazortimeinput\"","u":"/blog/tags/blazortimeinput","b":[]},{"i":301,"t":"2 posts tagged with \"blazortoasts\"","u":"/blog/tags/blazortoasts","b":[]},{"i":303,"t":"One post tagged with \"blazortoast\"","u":"/blog/tags/blazortoast","b":[]},{"i":305,"t":"2 posts tagged with \"blazortooltip\"","u":"/blog/tags/blazortooltip","b":[]},{"i":307,"t":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5","b":[]},{"i":309,"t":"35 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap","b":[]},{"i":311,"t":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/4","b":[]},{"i":313,"t":"35 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/2","b":[]},{"i":315,"t":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/3","b":[]},{"i":317,"t":"One post tagged with \"breadcrumb\"","u":"/blog/tags/breadcrumb","b":[]},{"i":319,"t":"35 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/3","b":[]},{"i":321,"t":"35 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/4","b":[]},{"i":323,"t":"One post tagged with \"breadcrumbservice\"","u":"/blog/tags/breadcrumbservice","b":[]},{"i":325,"t":"One post tagged with \"chart\"","u":"/blog/tags/chart","b":[]},{"i":327,"t":"3 posts tagged with \"buttons\"","u":"/blog/tags/buttons","b":[]},{"i":329,"t":"5 posts tagged with \"button\"","u":"/blog/tags/button","b":[]},{"i":331,"t":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/2","b":[]},{"i":333,"t":"3 posts tagged with \"charts\"","u":"/blog/tags/charts","b":[]},{"i":335,"t":"4 posts tagged with \"callout\"","u":"/blog/tags/callout","b":[]},{"i":337,"t":"One post tagged with \"collapse\"","u":"/blog/tags/collapse","b":[]},{"i":339,"t":"One post tagged with \"clipboard\"","u":"/blog/tags/clipboard","b":[]},{"i":341,"t":"3 posts tagged with \"confirmdialog\"","u":"/blog/tags/confirmdialog","b":[]},{"i":343,"t":"One post tagged with \"confirm dialog\"","u":"/blog/tags/confirm-dialog","b":[]},{"i":345,"t":"3 posts tagged with \"currencyinput\"","u":"/blog/tags/currencyinput","b":[]},{"i":347,"t":"One post tagged with \"confirmmodal\"","u":"/blog/tags/confirmmodal","b":[]},{"i":349,"t":"One post tagged with \"currency\"","u":"/blog/tags/currency","b":[]},{"i":351,"t":"One post tagged with \"date\"","u":"/blog/tags/date","b":[]},{"i":353,"t":"4 posts tagged with \"dateinput\"","u":"/blog/tags/dateinput","b":[]},{"i":355,"t":"2 posts tagged with \"datepicker\"","u":"/blog/tags/datepicker","b":[]},{"i":357,"t":"One post tagged with \"dialog\"","u":"/blog/tags/dialog","b":[]},{"i":359,"t":"7 posts tagged with \"docs\"","u":"/blog/tags/docs","b":[]},{"i":361,"t":"2 posts tagged with \"dropdown\"","u":"/blog/tags/dropdown","b":[]},{"i":363,"t":"22 posts tagged with \"grid\"","u":"/blog/tags/grid/page/3","b":[]},{"i":365,"t":"22 posts tagged with \"grid\"","u":"/blog/tags/grid/page/2","b":[]},{"i":367,"t":"22 posts tagged with \"grid\"","u":"/blog/tags/grid","b":[]},{"i":369,"t":"One post tagged with \"icons\"","u":"/blog/tags/icons","b":[]},{"i":371,"t":"2 posts tagged with \"input\"","u":"/blog/tags/input","b":[]},{"i":373,"t":"One post tagged with \"image\"","u":"/blog/tags/image","b":[]},{"i":375,"t":"2 posts tagged with \"icon\"","u":"/blog/tags/icon","b":[]},{"i":377,"t":"One post tagged with \"layout\"","u":"/blog/tags/layout","b":[]},{"i":379,"t":"One post tagged with \"input-number\"","u":"/blog/tags/input-number","b":[]},{"i":381,"t":"One post tagged with \"leftmenu\"","u":"/blog/tags/leftmenu","b":[]},{"i":383,"t":"One post tagged with \"navigation\"","u":"/blog/tags/navigation","b":[]},{"i":385,"t":"2 posts tagged with \"numberinput\"","u":"/blog/tags/numberinput","b":[]},{"i":387,"t":"13 posts tagged with \"modal\"","u":"/blog/tags/modal/page/2","b":[]},{"i":389,"t":"13 posts tagged with \"modal\"","u":"/blog/tags/modal","b":[]},{"i":391,"t":"One post tagged with \"pagination\"","u":"/blog/tags/pagination","b":[]},{"i":393,"t":"3 posts tagged with \"modalservice\"","u":"/blog/tags/modalservice","b":[]},{"i":395,"t":"One post tagged with \"polarareachart\"","u":"/blog/tags/polarareachart","b":[]},{"i":397,"t":"5 posts tagged with \"offcanvas\"","u":"/blog/tags/offcanvas","b":[]},{"i":399,"t":"4 posts tagged with \"pdfviewer\"","u":"/blog/tags/pdfviewer","b":[]},{"i":401,"t":"One post tagged with \"preload\"","u":"/blog/tags/preload","b":[]},{"i":403,"t":"3 posts tagged with \"placeholders\"","u":"/blog/tags/placeholders","b":[]},{"i":405,"t":"2 posts tagged with \"progress\"","u":"/blog/tags/progress","b":[]},{"i":407,"t":"One post tagged with \"progress-bar\"","u":"/blog/tags/progress-bar","b":[]},{"i":409,"t":"One post tagged with \"scriptloader\"","u":"/blog/tags/scriptloader","b":[]},{"i":411,"t":"2 posts tagged with \"rangeinput\"","u":"/blog/tags/rangeinput","b":[]},{"i":413,"t":"2 posts tagged with \"ribbon\"","u":"/blog/tags/ribbon","b":[]},{"i":415,"t":"4 posts tagged with \"sidebar\"","u":"/blog/tags/sidebar","b":[]},{"i":417,"t":"One post tagged with \"sortablelist\"","u":"/blog/tags/sortablelist","b":[]},{"i":419,"t":"One post tagged with \"spinner\"","u":"/blog/tags/spinner","b":[]},{"i":421,"t":"3 posts tagged with \"sidebar2\"","u":"/blog/tags/sidebar-2","b":[]},{"i":423,"t":"2 posts tagged with \"switch\"","u":"/blog/tags/switch","b":[]},{"i":425,"t":"One post tagged with \"tab\"","u":"/blog/tags/tab","b":[]},{"i":427,"t":"3 posts tagged with \"tabs\"","u":"/blog/tags/tabs","b":[]},{"i":429,"t":"One post tagged with \"timepicker\"","u":"/blog/tags/timepicker","b":[]},{"i":431,"t":"2 posts tagged with \"toast\"","u":"/blog/tags/toast","b":[]},{"i":433,"t":"3 posts tagged with \"timeinput\"","u":"/blog/tags/timeinput","b":[]},{"i":435,"t":"4 posts tagged with \"toasts\"","u":"/blog/tags/toasts","b":[]},{"i":437,"t":"One post tagged with \"toastservice\"","u":"/blog/tags/toastservice","b":[]},{"i":439,"t":"One post tagged with \"v0.0.1\"","u":"/blog/tags/v-0-0-1","b":[]},{"i":441,"t":"3 posts tagged with \"tooltip\"","u":"/blog/tags/tooltip","b":[]},{"i":443,"t":"One post tagged with \"v0.0.2\"","u":"/blog/tags/v-0-0-2","b":[]},{"i":445,"t":"One post tagged with \"v0.0.3\"","u":"/blog/tags/v-0-0-3","b":[]},{"i":447,"t":"One post tagged with \"v0.0.4\"","u":"/blog/tags/v-0-0-4","b":[]},{"i":449,"t":"One post tagged with \"v0.1.0\"","u":"/blog/tags/v-0-1-0","b":[]},{"i":451,"t":"One post tagged with \"v0.1.1\"","u":"/blog/tags/v-0-1-1","b":[]},{"i":453,"t":"One post tagged with \"v0.2.1\"","u":"/blog/tags/v-0-2-1","b":[]},{"i":455,"t":"One post tagged with \"v0.2.0\"","u":"/blog/tags/v-0-2-0","b":[]},{"i":457,"t":"One post tagged with \"v0.2.2\"","u":"/blog/tags/v-0-2-2","b":[]},{"i":459,"t":"One post tagged with \"v0.2.3\"","u":"/blog/tags/v-0-2-3","b":[]},{"i":461,"t":"One post tagged with \"v0.2.4\"","u":"/blog/tags/v-0-2-4","b":[]},{"i":463,"t":"One post tagged with \"v0.2.5\"","u":"/blog/tags/v-0-2-5","b":[]},{"i":465,"t":"One post tagged with \"v0.2.6\"","u":"/blog/tags/v-0-2-6","b":[]},{"i":467,"t":"One post tagged with \"v0.4.0\"","u":"/blog/tags/v-0-4-0","b":[]},{"i":469,"t":"One post tagged with \"v0.3.0\"","u":"/blog/tags/v-0-3-0","b":[]},{"i":471,"t":"One post tagged with \"v0.4.1\"","u":"/blog/tags/v-0-4-1","b":[]},{"i":473,"t":"One post tagged with \"v0.5.1\"","u":"/blog/tags/v-0-5-1","b":[]},{"i":475,"t":"One post tagged with \"v0.6.0\"","u":"/blog/tags/v-0-6-0","b":[]},{"i":477,"t":"One post tagged with \"v1.0.0\"","u":"/blog/tags/v-1-0-0","b":[]},{"i":479,"t":"One post tagged with \"v1.0.1\"","u":"/blog/tags/v-1-0-1","b":[]},{"i":481,"t":"One post tagged with \"v0.4.2\"","u":"/blog/tags/v-0-4-2","b":[]},{"i":483,"t":"One post tagged with \"v1.1.0\"","u":"/blog/tags/v-1-1-0","b":[]},{"i":485,"t":"One post tagged with \"v1.10.0\"","u":"/blog/tags/v-1-10-0","b":[]},{"i":487,"t":"One post tagged with \"v1.10.1\"","u":"/blog/tags/v-1-10-1","b":[]},{"i":489,"t":"One post tagged with \"v1.10.2\"","u":"/blog/tags/v-1-10-2","b":[]},{"i":491,"t":"One post tagged with \"v1.10.4\"","u":"/blog/tags/v-1-10-4","b":[]},{"i":493,"t":"One post tagged with \"v1.11.0\"","u":"/blog/tags/v-1-11-0","b":[]},{"i":495,"t":"One post tagged with \"v1.10.3\"","u":"/blog/tags/v-1-10-3","b":[]},{"i":497,"t":"One post tagged with \"v1.10.5\"","u":"/blog/tags/v-1-10-5","b":[]},{"i":499,"t":"One post tagged with \"v1.2.0\"","u":"/blog/tags/v-1-2-0","b":[]},{"i":501,"t":"One post tagged with \"v1.11.1\"","u":"/blog/tags/v-1-11-1","b":[]},{"i":503,"t":"One post tagged with \"v1.3.1\"","u":"/blog/tags/v-1-3-1","b":[]},{"i":505,"t":"One post tagged with \"v1.3.0\"","u":"/blog/tags/v-1-3-0","b":[]},{"i":507,"t":"One post tagged with \"v1.4.0\"","u":"/blog/tags/v-1-4-0","b":[]},{"i":509,"t":"One post tagged with \"v1.4.2\"","u":"/blog/tags/v-1-4-2","b":[]},{"i":511,"t":"One post tagged with \"v1.4.3\"","u":"/blog/tags/v-1-4-3","b":[]},{"i":513,"t":"One post tagged with \"v1.4.4\"","u":"/blog/tags/v-1-4-4","b":[]},{"i":515,"t":"One post tagged with \"v1.4.1\"","u":"/blog/tags/v-1-4-1","b":[]},{"i":517,"t":"One post tagged with \"v1.4.5\"","u":"/blog/tags/v-1-4-5","b":[]},{"i":519,"t":"One post tagged with \"v1.5.0\"","u":"/blog/tags/v-1-5-0","b":[]},{"i":521,"t":"One post tagged with \"v1.7.0\"","u":"/blog/tags/v-1-7-0","b":[]},{"i":523,"t":"One post tagged with \"v1.7.1\"","u":"/blog/tags/v-1-7-1","b":[]},{"i":525,"t":"One post tagged with \"v1.6.0\"","u":"/blog/tags/v-1-6-0","b":[]},{"i":527,"t":"One post tagged with \"v1.7.2\"","u":"/blog/tags/v-1-7-2","b":[]},{"i":529,"t":"One post tagged with \"v1.7.3\"","u":"/blog/tags/v-1-7-3","b":[]},{"i":531,"t":"One post tagged with \"v1.8.1\"","u":"/blog/tags/v-1-8-1","b":[]},{"i":533,"t":"One post tagged with \"v1.8.0\"","u":"/blog/tags/v-1-8-0","b":[]},{"i":535,"t":"One post tagged with \"v1.8.3\"","u":"/blog/tags/v-1-8-3","b":[]},{"i":537,"t":"One post tagged with \"v1.8.2\"","u":"/blog/tags/v-1-8-2","b":[]},{"i":539,"t":"One post tagged with \"v1.9.0\"","u":"/blog/tags/v-1-9-0","b":[]},{"i":541,"t":"One post tagged with \"v1.9.2\"","u":"/blog/tags/v-1-9-2","b":[]},{"i":543,"t":"One post tagged with \"v1.9.3\"","u":"/blog/tags/v-1-9-3","b":[]},{"i":545,"t":"One post tagged with \"v1.9.1\"","u":"/blog/tags/v-1-9-1","b":[]},{"i":547,"t":"One post tagged with \"v2.0.0\"","u":"/blog/tags/v-2-0-0","b":[]},{"i":549,"t":"One post tagged with \"v1.9.4\"","u":"/blog/tags/v-1-9-4","b":[]},{"i":551,"t":"One post tagged with \"v2.1.0\"","u":"/blog/tags/v-2-1-0","b":[]},{"i":553,"t":"One post tagged with \"v1.9.5\"","u":"/blog/tags/v-1-9-5","b":[]},{"i":555,"t":"One post tagged with \"v2.2.0\"","u":"/blog/tags/v-2-2-0","b":[]},{"i":557,"t":"One post tagged with \"v2.2.1\"","u":"/blog/tags/v-2-2-1","b":[]},{"i":559,"t":"Blazor Breadcrumb","u":"/components/breadcrumb","b":[]},{"i":561,"t":"2 posts tagged with \"v3.0.0\"","u":"/blog/tags/v-3-0-0","b":[]},{"i":563,"t":"Blazor Alerts","u":"/components/alerts","b":[]},{"i":565,"t":"Blazor Callout","u":"/components/callout","b":[]},{"i":567,"t":"Blazor Accordion","u":"/components/accordion","b":[]},{"i":569,"t":"Blazor Charts","u":"/components/charts","b":[]},{"i":571,"t":"Blazor Badge","u":"/components/badge","b":[]},{"i":573,"t":"Blazor Buttons","u":"/components/buttons","b":[]},{"i":575,"t":"Blazor Collapse","u":"/components/collapse","b":[]},{"i":577,"t":"Blazor Confirm Dialog","u":"/components/confirm-dialog","b":[]},{"i":579,"t":"Blazor Card","u":"/components/card","b":[]},{"i":581,"t":"Blazor Offcanvas","u":"/components/offcanvas","b":[]},{"i":583,"t":"One post tagged with \"v0.5.0\"","u":"/blog/tags/v-0-5-0","b":[]},{"i":585,"t":"Blazor Placeholders","u":"/components/placeholders","b":[]},{"i":587,"t":"Blazor Modal","u":"/components/modal","b":[]},{"i":589,"t":"Blazor Pagination","u":"/components/pagination","b":[]},{"i":591,"t":"Blazor Preload","u":"/components/preload","b":[]},{"i":593,"t":"Blazor Script Loader","u":"/components/script-loader","b":[]},{"i":595,"t":"Blazor Progress","u":"/components/progress","b":[]},{"i":597,"t":"Blazor Progress","u":"/components/ribbon","b":[]},{"i":599,"t":"Blazor Sidebar","u":"/components/sidebar2","b":[]},{"i":601,"t":"Blazor Sortable List (Preview)","u":"/components/sortable-list","b":[]},{"i":603,"t":"Blazor Sidebar","u":"/components/spinners","b":[]},{"i":605,"t":"Blazor Toasts","u":"/components/toasts","b":[]},{"i":607,"t":"Blazor Tooltips","u":"/components/tooltips","b":[]},{"i":609,"t":"Blazor Icons","u":"/content/icons","b":[]},{"i":611,"t":"Blazor Tabs","u":"/components/tabs","b":[]},{"i":613,"t":"Blazor Images","u":"/content/images","b":[]},{"i":615,"t":"Blazor Bar Chart","u":"/data-visualization/bar-chart","b":[]},{"i":617,"t":"Blazor Doughnut Chart","u":"/data-visualization/doughnut-chart","b":[]},{"i":619,"t":"Blazor Line Chart","u":"/data-visualization/line-chart","b":[]},{"i":621,"t":"Blazor Auto Complete","u":"/forms/autocomplete","b":[]},{"i":623,"t":"Blazor Pie Chart","u":"/data-visualization/pie-chart","b":[]},{"i":625,"t":"Blazor Number Input","u":"/forms/number-input","b":[]},{"i":627,"t":"Blazor Date Input","u":"/forms/date-input","b":[]},{"i":629,"t":"Blazor Currency Input","u":"/forms/currency-input","b":[]},{"i":631,"t":"Blazor Range Input","u":"/forms/range-input","b":[]},{"i":633,"t":"Blazor Switch","u":"/forms/switch","b":[]},{"i":635,"t":"Getting started - Blazor Server (.NET 6)","u":"/getting-started/blazor-server-net-6","b":[]},{"i":637,"t":"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location","u":"/getting-started/blazor-webapp-auto-global-net-8","b":[]},{"i":639,"t":"Getting started - Blazor Server (.NET 7)","u":"/getting-started/blazor-server-net-7","b":[]},{"i":641,"t":"Getting started - Blazor WebAssembly (.NET 6)","u":"/getting-started/blazor-webassembly-net-6","b":[]},{"i":643,"t":"Getting started - Blazor WebAssembly (.NET 7)","u":"/getting-started/blazor-webassembly-net-7","b":[]},{"i":645,"t":"Getting started - MAUI Blazor Hybrid App (.NET 8)","u":"/getting-started/maui-blazor-net-8","b":[]},{"i":647,"t":"Getting started - MAUI Blazor Hybrid App (.NET 7)","u":"/getting-started/maui-blazor-net-7","b":[]},{"i":649,"t":"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location","u":"/getting-started/blazor-webapp-server-global-net-8","b":[]},{"i":651,"t":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-server","b":[]},{"i":653,"t":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-webassembly","b":[]},{"i":655,"t":"Getting started - Blazor WebAssembly (.NET 8)","u":"/getting-started/blazor-webassembly-net-8","b":[]},{"i":657,"t":"Blazor Modal Service","u":"/services/modal","b":[]},{"i":659,"t":"Blazor Dropdown","u":"/components/dropdown","b":[]},{"i":661,"t":"Blazor Time Input","u":"/forms/time-input","b":[]},{"i":663,"t":"Blazor Sidebar","u":"/components/sidebar","b":[]},{"i":665,"t":"Blazor PDF Viewer","u":"/components/pdf-viewer","b":[]},{"i":667,"t":"Blazor Grid","u":"/components/grid","b":[]}],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[["t/1",[0,3.366,1,3.366,2,0.782,3,1.577,4,3.255]],["t/3",[5,3.147,6,6.076]],["t/5",[5,3.147,7,6.076]],["t/7",[5,3.147,8,6.076]],["t/9",[5,3.147,9,6.076]],["t/11",[5,3.147,10,6.076]],["t/13",[5,3.147,11,6.076]],["t/15",[5,3.147,12,6.076]],["t/17",[5,3.147,13,6.076]],["t/19",[5,3.147,14,6.076]],["t/21",[5,3.147,15,6.076]],["t/23",[5,3.147,16,6.076]],["t/25",[5,3.147,17,6.076]],["t/27",[5,3.147,18,6.076]],["t/29",[5,3.147,19,6.076]],["t/31",[5,3.147,20,6.076]],["t/33",[5,3.147,21,6.076]],["t/35",[5,3.147,22,6.076]],["t/37",[2,0.967,3,1.948,23,5.361]],["t/39",[5,3.147,24,6.076]],["t/41",[2,0.967,3,1.948,25,5.361]],["t/43",[2,0.967,3,1.948,26,5.361]],["t/45",[2,0.967,3,1.948,27,5.361]],["t/47",[2,0.967,3,1.948,28,5.361]],["t/49",[2,0.967,3,1.948,29,5.361]],["t/51",[2,0.967,3,1.948,30,5.361]],["t/53",[2,0.967,3,1.948,31,5.361]],["t/55",[2,0.967,3,1.948,32,5.361]],["t/57",[2,0.967,3,1.948,33,5.361]],["t/59",[2,0.967,3,1.948,34,5.361]],["t/61",[2,0.967,3,1.948,35,5.361]],["t/63",[2,0.967,3,1.948,36,5.361]],["t/65",[2,0.967,3,1.948,37,5.361]],["t/67",[2,0.967,3,1.948,38,5.361]],["t/69",[2,0.967,3,1.948,39,5.361]],["t/71",[2,0.967,3,1.948,40,5.361]],["t/73",[2,0.967,3,1.948,41,5.361]],["t/75",[2,0.967,3,1.948,42,5.361]],["t/77",[2,0.967,3,1.948,43,5.361]],["t/79",[2,0.967,3,1.948,44,5.361]],["t/81",[2,0.967,3,1.948,45,5.361]],["t/83",[2,0.967,3,1.948,46,5.361]],["t/85",[2,0.967,3,1.948,47,5.361]],["t/87",[2,0.967,3,1.948,48,5.361]],["t/89",[2,0.967,3,1.948,49,5.361]],["t/91",[2,0.967,3,1.948,50,5.361]],["t/93",[2,0.967,3,1.948,51,5.361]],["t/95",[2,0.967,3,1.948,52,5.361]],["t/97",[2,0.967,3,1.948,53,5.361]],["t/99",[2,0.967,3,1.948,54,5.361]],["t/101",[2,0.967,3,1.948,55,5.361]],["t/103",[2,0.967,3,1.948,56,5.361]],["t/105",[2,0.967,3,1.948,57,5.361]],["t/107",[2,0.967,3,1.948,58,5.361]],["t/109",[2,0.967,3,1.948,59,5.361]],["t/111",[2,0.967,3,1.948,60,5.361]],["t/113",[2,0.967,3,1.948,61,5.361]],["t/115",[2,0.967,3,1.948,62,5.361]],["t/117",[63,6.71,64,6.71]],["t/119",[2,0.967,3,1.948,65,5.361]],["t/121",[2,0.967,3,1.948,66,5.361]],["t/123",[2,0.865,3,1.743,67,4.466,68,5.296]],["t/125",[2,0.967,3,1.948,69,5.361]],["t/127",[2,0.865,3,1.743,67,4.466,70,5.296]],["t/129",[71,7.743]],["t/131",[0,3.366,1,3.366,2,0.782,3,1.577,4,3.255]],["t/133",[0,3.366,1,3.366,2,0.782,3,1.577,4,3.255]],["t/135",[0,3.366,1,3.366,2,0.782,3,1.577,4,3.255]],["t/137",[0,3.366,1,3.366,2,0.782,3,1.577,4,3.255]],["t/139",[0,3.366,1,3.366,2,0.782,3,1.577,4,3.255]],["t/141",[72,0.665]],["t/143",[0,3.366,1,3.366,2,0.782,3,1.577,4,3.255]],["t/145",[72,0.455,73,0.938,74,0.46,75,4.796]],["t/147",[72,0.455,74,0.46,76,5.296,77,4.796]],["t/149",[72,0.455,74,0.46,78,2.522,79,4.796]],["t/151",[72,0.455,73,0.938,74,0.46,80,5.296]],["t/153",[2,0.865,72,0.455,74,0.46,81,4.024]],["t/155",[72,0.455,74,0.46,82,2.948,83,4.796]],["t/157",[2,0.782,72,0.412,73,0.849,74,0.416,77,4.339]],["t/159",[2,0.714,72,0.376,73,0.775,74,0.38,84,3.486,85,2.66]],["t/161",[2,0.782,3,1.577,72,0.412,74,0.416,86,4.041]],["t/163",[2,0.714,72,0.376,74,0.38,78,2.083,87,3.689,88,3.324]],["t/165",[2,0.782,72,0.412,73,0.849,74,0.416,85,2.913]],["t/167",[2,0.714,72,0.376,73,0.775,74,0.38,89,3.689,90,2.727]],["t/169",[2,0.782,72,0.412,74,0.416,78,2.281,88,3.64]],["t/171",[2,0.782,72,0.412,74,0.416,82,2.667,91,3.255]],["t/173",[2,0.714,72,0.376,73,0.775,74,0.38,85,2.66,92,3.961]],["t/175",[2,0.714,72,0.376,73,0.775,74,0.38,91,2.971,93,4.374]],["t/177",[2,0.714,72,0.376,73,0.775,74,0.38,91,2.971,94,4.374]],["t/179",[2,0.714,72,0.376,73,0.775,74,0.38,90,2.727,95,3.324]],["t/181",[2,0.714,72,0.376,73,0.775,74,0.38,91,2.971,96,4.374]],["t/183",[2,0.782,72,0.412,73,0.849,74,0.416,90,2.987]],["t/185",[2,0.782,72,0.412,73,0.849,74,0.416,95,3.64]],["t/187",[2,0.714,72,0.376,73,0.775,74,0.38,90,2.727,95,3.324]],["t/189",[2,0.714,72,0.376,73,0.775,74,0.38,85,2.66,97,3.961]],["t/191",[2,0.782,72,0.412,73,0.849,74,0.416,98,4.041]],["t/193",[2,0.714,72,0.376,73,0.775,74,0.38,85,2.66,99,3.961]],["t/195",[2,0.782,72,0.412,73,0.849,74,0.416,100,3.492]],["t/197",[2,0.782,72,0.412,74,0.416,78,2.281,101,4.041]],["t/199",[2,0.782,72,0.412,73,0.849,74,0.416,102,4.791]],["t/201",[2,0.782,72,0.412,74,0.416,78,2.281,103,4.339]],["t/203",[2,0.714,72,0.376,73,0.775,74,0.38,104,3.961,105,3.689]],["t/205",[2,0.782,72,0.412,73,0.849,74,0.416,106,3.818]],["t/207",[2,0.714,72,0.376,73,0.775,74,0.38,84,3.486,100,3.188]],["t/209",[2,0.782,72,0.412,73,0.849,74,0.416,105,4.041]],["t/211",[2,0.782,72,0.412,73,0.849,74,0.416,107,3.64]],["t/213",[2,0.782,72,0.412,74,0.416,78,2.281,107,3.64]],["t/215",[2,0.865,72,0.455,74,0.46,81,4.024]],["t/217",[2,0.865,72,0.455,74,0.46,81,4.024]],["t/219",[2,0.865,72,0.455,74,0.46,81,4.024]],["t/221",[2,0.865,72,0.455,74,0.46,81,4.024]],["t/223",[72,0.455,74,0.46,108,3.72,109,5.296]],["t/225",[72,0.455,73,0.938,74,0.46,110,5.296]],["t/227",[5,2.484,72,0.455,74,0.46,111,3.72]],["t/229",[72,0.455,73,0.938,74,0.46,112,5.296]],["t/231",[5,2.052,72,0.376,73,0.775,74,0.38,104,3.961,105,3.689]],["t/233",[5,2.484,72,0.455,74,0.46,111,3.72]],["t/235",[5,2.484,72,0.455,74,0.46,111,3.72]],["t/237",[5,2.484,72,0.455,74,0.46,111,3.72]],["t/239",[5,2.484,72,0.455,74,0.46,111,3.72]],["t/241",[5,2.484,72,0.455,74,0.46,111,3.72]],["t/243",[5,2.484,72,0.455,74,0.46,111,3.72]],["t/245",[72,0.455,73,0.938,74,0.46,113,5.296]],["t/247",[72,0.455,74,0.46,78,2.522,114,4.796]],["t/249",[72,0.455,74,0.46,82,2.948,114,4.796]],["t/251",[72,0.455,73,0.938,74,0.46,115,5.296]],["t/253",[72,0.455,73,0.938,74,0.46,116,5.296]],["t/255",[72,0.455,73,0.938,74,0.46,117,5.296]],["t/257",[72,0.455,73,0.938,74,0.46,118,5.296]],["t/259",[72,0.455,74,0.46,82,2.948,119,5.296]],["t/261",[72,0.455,73,0.938,74,0.46,120,5.296]],["t/263",[72,0.455,73,0.938,74,0.46,121,5.296]],["t/265",[72,0.455,74,0.46,108,3.72,122,5.296]],["t/267",[72,0.455,73,0.938,74,0.46,123,5.296]],["t/269",[72,0.455,74,0.46,78,2.522,124,5.296]],["t/271",[72,0.455,74,0.46,125,4.22,126,4.796]],["t/273",[72,0.455,74,0.46,125,4.22,126,4.796]],["t/275",[72,0.455,74,0.46,78,2.522,127,5.296]],["t/277",[72,0.455,73,0.938,74,0.46,128,5.296]],["t/279",[72,0.455,74,0.46,78,2.522,129,5.296]],["t/281",[72,0.455,74,0.46,130,4.024,131,5.296]],["t/283",[72,0.455,74,0.46,82,2.948,132,5.296]],["t/285",[72,0.455,74,0.46,78,2.522,133,5.296]],["t/287",[72,0.455,73,0.938,74,0.46,134,5.296]],["t/289",[72,0.455,74,0.46,78,2.522,135,5.296]],["t/291",[72,0.455,73,0.938,74,0.46,136,5.296]],["t/293",[72,0.455,73,0.938,74,0.46,137,5.296]],["t/295",[72,0.455,73,0.938,74,0.46,138,5.296]],["t/297",[72,0.455,73,0.938,74,0.46,139,5.296]],["t/299",[72,0.455,74,0.46,82,2.948,140,5.296]],["t/301",[72,0.455,74,0.46,78,2.522,141,4.796]],["t/303",[72,0.455,73,0.938,74,0.46,141,4.796]],["t/305",[72,0.455,74,0.46,78,2.522,142,5.296]],["t/307",[72,0.455,74,0.46,143,4.22,144,4.22]],["t/309",[3,1.743,72,0.455,74,0.46,145,4.22]],["t/311",[72,0.455,74,0.46,143,4.22,144,4.22]],["t/313",[3,1.743,72,0.455,74,0.46,145,4.22]],["t/315",[72,0.455,74,0.46,143,4.22,144,4.22]],["t/317",[72,0.455,73,0.938,74,0.46,146,4.796]],["t/319",[3,1.743,72,0.455,74,0.46,145,4.22]],["t/321",[3,1.743,72,0.455,74,0.46,145,4.22]],["t/323",[72,0.455,73,0.938,74,0.46,147,5.296]],["t/325",[72,0.455,73,0.938,74,0.46,85,3.22]],["t/327",[72,0.455,74,0.46,82,2.948,148,4.466]],["t/329",[72,0.455,74,0.46,86,4.466,148,4.466]],["t/331",[72,0.455,74,0.46,143,4.22,144,4.22]],["t/333",[72,0.455,74,0.46,82,2.948,85,3.22]],["t/335",[72,0.455,74,0.46,108,3.72,149,4.796]],["t/337",[72,0.455,73,0.938,74,0.46,150,4.796]],["t/339",[72,0.455,73,0.938,74,0.46,151,5.296]],["t/341",[72,0.455,74,0.46,82,2.948,152,5.296]],["t/343",[72,0.412,73,0.849,74,0.416,87,4.041,88,3.64]],["t/345",[72,0.455,74,0.46,82,2.948,153,5.296]],["t/347",[72,0.455,73,0.938,74,0.46,154,5.296]],["t/349",[72,0.455,73,0.938,74,0.46,89,4.466]],["t/351",[72,0.455,73,0.938,74,0.46,155,4.796]],["t/353",[72,0.455,74,0.46,108,3.72,156,5.296]],["t/355",[72,0.455,74,0.46,78,2.522,157,5.296]],["t/357",[72,0.455,73,0.938,74,0.46,88,4.024]],["t/359",[4,3.598,72,0.455,74,0.46,158,4.22]],["t/361",[72,0.455,74,0.46,78,2.522,159,4.796]],["t/363",[72,0.455,74,0.46,91,3.598,160,4.466]],["t/365",[72,0.455,74,0.46,91,3.598,160,4.466]],["t/367",[72,0.455,74,0.46,91,3.598,160,4.466]],["t/369",[72,0.455,73,0.938,74,0.46,161,4.466]],["t/371",[72,0.455,74,0.46,78,2.522,90,3.302]],["t/373",[72,0.455,73,0.938,74,0.46,162,4.796]],["t/375",[72,0.455,74,0.46,78,2.522,161,4.466]],["t/377",[72,0.455,73,0.938,74,0.46,163,4.466]],["t/379",[72,0.412,73,0.849,74,0.416,90,2.987,95,3.64]],["t/381",[72,0.455,73,0.938,74,0.46,164,5.296]],["t/383",[72,0.455,73,0.938,74,0.46,165,5.296]],["t/385",[72,0.455,74,0.46,78,2.522,166,5.296]],["t/387",[72,0.455,74,0.46,125,4.22,167,4.22]],["t/389",[72,0.455,74,0.46,125,4.22,167,4.22]],["t/391",[72,0.455,73,0.938,74,0.46,168,4.796]],["t/393",[72,0.455,74,0.46,82,2.948,169,5.296]],["t/395",[72,0.455,73,0.938,74,0.46,170,5.296]],["t/397",[72,0.455,74,0.46,86,4.466,98,4.466]],["t/399",[72,0.455,74,0.46,108,3.72,171,5.296]],["t/401",[72,0.455,73,0.938,74,0.46,101,4.466]],["t/403",[72,0.455,74,0.46,82,2.948,172,4.796]],["t/405",[72,0.455,74,0.46,78,2.522,100,3.86]],["t/407",[72,0.412,73,0.849,74,0.416,84,3.818,100,3.492]],["t/409",[72,0.455,73,0.938,74,0.46,173,5.296]],["t/411",[72,0.455,74,0.46,78,2.522,174,5.296]],["t/413",[72,0.455,74,0.46,78,2.522,175,5.296]],["t/415",[72,0.455,74,0.46,108,3.72,176,4.22]],["t/417",[72,0.455,73,0.938,74,0.46,177,5.296]],["t/419",[72,0.455,73,0.938,74,0.46,103,4.796]],["t/421",[72,0.455,74,0.46,82,2.948,178,5.296]],["t/423",[72,0.455,74,0.46,78,2.522,179,4.796]],["t/425",[72,0.455,73,0.938,74,0.46,106,4.22]],["t/427",[72,0.455,74,0.46,82,2.948,106,4.22]],["t/429",[72,0.455,73,0.938,74,0.46,180,5.296]],["t/431",[72,0.455,74,0.46,78,2.522,107,4.024]],["t/433",[72,0.455,74,0.46,82,2.948,181,5.296]],["t/435",[72,0.455,74,0.46,107,4.024,108,3.72]],["t/437",[72,0.455,73,0.938,74,0.46,182,5.296]],["t/439",[8,4.796,72,0.455,73,0.938,74,0.46]],["t/441",[72,0.455,74,0.46,82,2.948,183,4.796]],["t/443",[7,4.796,72,0.455,73,0.938,74,0.46]],["t/445",[6,4.796,72,0.455,73,0.938,74,0.46]],["t/447",[9,4.796,72,0.455,73,0.938,74,0.46]],["t/449",[11,4.796,72,0.455,73,0.938,74,0.46]],["t/451",[10,4.796,72,0.455,73,0.938,74,0.46]],["t/453",[14,4.796,72,0.455,73,0.938,74,0.46]],["t/455",[12,4.796,72,0.455,73,0.938,74,0.46]],["t/457",[13,4.796,72,0.455,73,0.938,74,0.46]],["t/459",[17,4.796,72,0.455,73,0.938,74,0.46]],["t/461",[15,4.796,72,0.455,73,0.938,74,0.46]],["t/463",[16,4.796,72,0.455,73,0.938,74,0.46]],["t/465",[18,4.796,72,0.455,73,0.938,74,0.46]],["t/467",[20,4.796,72,0.455,73,0.938,74,0.46]],["t/469",[19,4.796,72,0.455,73,0.938,74,0.46]],["t/471",[21,4.796,72,0.455,73,0.938,74,0.46]],["t/473",[25,4.796,72,0.455,73,0.938,74,0.46]],["t/475",[23,4.796,72,0.455,73,0.938,74,0.46]],["t/477",[26,4.796,72,0.455,73,0.938,74,0.46]],["t/479",[28,4.796,72,0.455,73,0.938,74,0.46]],["t/481",[22,4.796,72,0.455,73,0.938,74,0.46]],["t/483",[27,4.796,72,0.455,73,0.938,74,0.46]],["t/485",[55,4.796,72,0.455,73,0.938,74,0.46]],["t/487",[54,4.796,72,0.455,73,0.938,74,0.46]],["t/489",[56,4.796,72,0.455,73,0.938,74,0.46]],["t/491",[58,4.796,72,0.455,73,0.938,74,0.46]],["t/493",[59,4.796,72,0.455,73,0.938,74,0.46]],["t/495",[57,4.796,72,0.455,73,0.938,74,0.46]],["t/497",[61,4.796,72,0.455,73,0.938,74,0.46]],["t/499",[29,4.796,72,0.455,73,0.938,74,0.46]],["t/501",[60,4.796,72,0.455,73,0.938,74,0.46]],["t/503",[33,4.796,72,0.455,73,0.938,74,0.46]],["t/505",[30,4.796,72,0.455,73,0.938,74,0.46]],["t/507",[32,4.796,72,0.455,73,0.938,74,0.46]],["t/509",[34,4.796,72,0.455,73,0.938,74,0.46]],["t/511",[35,4.796,72,0.455,73,0.938,74,0.46]],["t/513",[36,4.796,72,0.455,73,0.938,74,0.46]],["t/515",[31,4.796,72,0.455,73,0.938,74,0.46]],["t/517",[37,4.796,72,0.455,73,0.938,74,0.46]],["t/519",[38,4.796,72,0.455,73,0.938,74,0.46]],["t/521",[40,4.796,72,0.455,73,0.938,74,0.46]],["t/523",[39,4.796,72,0.455,73,0.938,74,0.46]],["t/525",[41,4.796,72,0.455,73,0.938,74,0.46]],["t/527",[42,4.796,72,0.455,73,0.938,74,0.46]],["t/529",[43,4.796,72,0.455,73,0.938,74,0.46]],["t/531",[53,4.796,72,0.455,73,0.938,74,0.46]],["t/533",[44,4.796,72,0.455,73,0.938,74,0.46]],["t/535",[46,4.796,72,0.455,73,0.938,74,0.46]],["t/537",[45,4.796,72,0.455,73,0.938,74,0.46]],["t/539",[48,4.796,72,0.455,73,0.938,74,0.46]],["t/541",[47,4.796,72,0.455,73,0.938,74,0.46]],["t/543",[50,4.796,72,0.455,73,0.938,74,0.46]],["t/545",[49,4.796,72,0.455,73,0.938,74,0.46]],["t/547",[62,4.796,72,0.455,73,0.938,74,0.46]],["t/549",[51,4.796,72,0.455,73,0.938,74,0.46]],["t/551",[65,4.796,72,0.455,73,0.938,74,0.46]],["t/553",[52,4.796,72,0.455,73,0.938,74,0.46]],["t/555",[66,4.796,72,0.455,73,0.938,74,0.46]],["t/557",[69,4.796,72,0.455,73,0.938,74,0.46]],["t/559",[2,1.096,146,6.076]],["t/561",[67,4.466,72,0.455,74,0.46,78,2.522]],["t/563",[2,1.096,75,6.076]],["t/565",[2,1.096,149,6.076]],["t/567",[2,1.096,83,6.076]],["t/569",[2,1.096,85,4.079]],["t/571",[2,1.096,79,6.076]],["t/573",[2,1.096,148,5.659]],["t/575",[2,1.096,150,6.076]],["t/577",[2,0.967,87,4.992,88,4.498]],["t/579",[2,1.096,184,6.71]],["t/581",[2,1.096,98,5.659]],["t/583",[24,4.796,72,0.455,73,0.938,74,0.46]],["t/585",[2,1.096,172,6.076]],["t/587",[2,1.096,167,5.347]],["t/589",[2,1.096,168,6.076]],["t/591",[2,1.096,101,5.659]],["t/593",[2,0.967,185,5.92,186,5.92]],["t/595",[2,1.096,100,4.891]],["t/597",[2,1.096,100,4.891]],["t/599",[2,1.096,176,5.347]],["t/601",[2,0.865,187,5.296,188,5.296,189,5.296]],["t/603",[2,1.096,176,5.347]],["t/605",[2,1.096,107,5.098]],["t/607",[2,1.096,183,6.076]],["t/609",[2,1.096,161,5.659]],["t/611",[2,1.096,106,5.347]],["t/613",[2,1.096,162,6.076]],["t/615",[2,0.967,84,4.717,85,3.599]],["t/617",[2,0.967,85,3.599,92,5.361]],["t/619",[2,0.967,85,3.599,97,5.361]],["t/621",[2,0.967,190,5.361,191,5.92]],["t/623",[2,0.967,85,3.599,99,5.361]],["t/625",[2,0.967,90,3.69,95,4.498]],["t/627",[2,0.967,90,3.69,155,5.361]],["t/629",[2,0.967,89,4.992,90,3.69]],["t/631",[2,0.967,90,3.69,192,5.92]],["t/633",[2,1.096,179,6.076]],["t/635",[2,0.714,193,2.882,194,2.882,195,3.689,196,2.882,197,3.961]],["t/637",[2,0.469,130,2.184,190,2.603,193,1.893,194,1.893,196,1.893,198,2.603,199,2.603,200,2.603,201,2.603,202,2.603,203,2.603]],["t/639",[2,0.714,158,3.486,193,2.882,194,2.882,195,3.689,196,2.882]],["t/641",[2,0.714,193,2.882,194,2.882,196,2.882,197,3.961,204,3.324]],["t/643",[2,0.714,158,3.486,193,2.882,194,2.882,196,2.882,204,3.324]],["t/645",[2,0.608,130,2.831,193,2.454,194,2.454,196,2.454,205,3.374,206,3.374,207,3.374]],["t/647",[2,0.608,158,2.969,193,2.454,194,2.454,196,2.454,205,3.374,206,3.374,207,3.374]],["t/649",[2,0.469,130,2.184,193,1.893,194,1.893,195,2.424,196,1.893,198,2.603,199,2.603,200,2.603,201,2.603,202,2.603,203,2.603]],["t/651",[2,0.865,163,4.466,204,4.024,208,4.796]],["t/653",[2,0.865,163,4.466,204,4.024,208,4.796]],["t/655",[2,0.714,130,3.324,193,2.882,194,2.882,196,2.882,204,3.324]],["t/657",[2,0.967,167,4.717,209,5.92]],["t/659",[2,1.096,159,6.076]],["t/661",[2,0.967,90,3.69,210,5.92]],["t/663",[2,1.096,176,5.347]],["t/665",[2,0.967,211,5.92,212,5.92]],["t/667",[2,1.096,91,4.558]]],"invertedIndex":[["",{"_index":1,"t":{"1":{"position":[[5,1]]},"131":{"position":[[5,1]]},"133":{"position":[[5,1]]},"135":{"position":[[5,1]]},"137":{"position":[[5,1]]},"139":{"position":[[5,1]]},"143":{"position":[[5,1]]}}}],["13",{"_index":125,"t":{"271":{"position":[[0,2]]},"273":{"position":[[0,2]]},"387":{"position":[[0,2]]},"389":{"position":[[0,2]]}}}],["2",{"_index":78,"t":{"149":{"position":[[0,1]]},"163":{"position":[[0,1]]},"169":{"position":[[0,1]]},"197":{"position":[[0,1]]},"201":{"position":[[0,1]]},"213":{"position":[[0,1]]},"247":{"position":[[0,1]]},"269":{"position":[[0,1]]},"275":{"position":[[0,1]]},"279":{"position":[[0,1]]},"285":{"position":[[0,1]]},"289":{"position":[[0,1]]},"301":{"position":[[0,1]]},"305":{"position":[[0,1]]},"355":{"position":[[0,1]]},"361":{"position":[[0,1]]},"371":{"position":[[0,1]]},"375":{"position":[[0,1]]},"385":{"position":[[0,1]]},"405":{"position":[[0,1]]},"411":{"position":[[0,1]]},"413":{"position":[[0,1]]},"423":{"position":[[0,1]]},"431":{"position":[[0,1]]},"561":{"position":[[0,1]]}}}],["22",{"_index":160,"t":{"363":{"position":[[0,2]]},"365":{"position":[[0,2]]},"367":{"position":[[0,2]]}}}],["3",{"_index":82,"t":{"155":{"position":[[0,1]]},"171":{"position":[[0,1]]},"249":{"position":[[0,1]]},"259":{"position":[[0,1]]},"283":{"position":[[0,1]]},"299":{"position":[[0,1]]},"327":{"position":[[0,1]]},"333":{"position":[[0,1]]},"341":{"position":[[0,1]]},"345":{"position":[[0,1]]},"393":{"position":[[0,1]]},"403":{"position":[[0,1]]},"421":{"position":[[0,1]]},"427":{"position":[[0,1]]},"433":{"position":[[0,1]]},"441":{"position":[[0,1]]}}}],["32",{"_index":143,"t":{"307":{"position":[[0,2]]},"311":{"position":[[0,2]]},"315":{"position":[[0,2]]},"331":{"position":[[0,2]]}}}],["35",{"_index":145,"t":{"309":{"position":[[0,2]]},"313":{"position":[[0,2]]},"319":{"position":[[0,2]]},"321":{"position":[[0,2]]}}}],["4",{"_index":108,"t":{"223":{"position":[[0,1]]},"265":{"position":[[0,1]]},"335":{"position":[[0,1]]},"353":{"position":[[0,1]]},"399":{"position":[[0,1]]},"415":{"position":[[0,1]]},"435":{"position":[[0,1]]}}}],["42",{"_index":81,"t":{"153":{"position":[[0,2]]},"215":{"position":[[0,2]]},"217":{"position":[[0,2]]},"219":{"position":[[0,2]]},"221":{"position":[[0,2]]}}}],["5",{"_index":86,"t":{"161":{"position":[[0,1]]},"329":{"position":[[0,1]]},"397":{"position":[[0,1]]}}}],["6",{"_index":197,"t":{"635":{"position":[[38,2]]},"641":{"position":[[43,2]]}}}],["62",{"_index":111,"t":{"227":{"position":[[0,2]]},"233":{"position":[[0,2]]},"235":{"position":[[0,2]]},"237":{"position":[[0,2]]},"239":{"position":[[0,2]]},"241":{"position":[[0,2]]},"243":{"position":[[0,2]]}}}],["7",{"_index":158,"t":{"359":{"position":[[0,1]]},"639":{"position":[[38,2]]},"643":{"position":[[43,2]]},"647":{"position":[[47,2]]}}}],["8",{"_index":130,"t":{"281":{"position":[[0,1]]},"637":{"position":[[38,2]]},"645":{"position":[[47,2]]},"649":{"position":[[38,2]]},"655":{"position":[[43,2]]}}}],["9",{"_index":76,"t":{"147":{"position":[[0,1]]}}}],["accordion",{"_index":83,"t":{"155":{"position":[[20,11]]},"567":{"position":[[7,9]]}}}],["alert",{"_index":75,"t":{"145":{"position":[[21,7]]},"563":{"position":[[7,6]]}}}],["app",{"_index":207,"t":{"645":{"position":[[37,3]]},"647":{"position":[[37,3]]}}}],["archiv",{"_index":71,"t":{"129":{"position":[[0,7]]}}}],["auto",{"_index":190,"t":{"621":{"position":[[7,4]]},"637":{"position":[[67,4]]}}}],["autocomplet",{"_index":77,"t":{"147":{"position":[[20,14]]},"157":{"position":[[29,13]]}}}],["badg",{"_index":79,"t":{"149":{"position":[[20,7]]},"571":{"position":[[7,5]]}}}],["bar",{"_index":84,"t":{"159":{"position":[[29,3]]},"207":{"position":[[38,4]]},"407":{"position":[[31,4]]},"615":{"position":[[7,3]]}}}],["barchart",{"_index":80,"t":{"151":{"position":[[21,10]]}}}],["blazor",{"_index":2,"t":{"1":{"position":[[7,6]]},"37":{"position":[[0,6]]},"41":{"position":[[0,6]]},"43":{"position":[[0,6]]},"45":{"position":[[0,6]]},"47":{"position":[[0,6]]},"49":{"position":[[0,6]]},"51":{"position":[[0,6]]},"53":{"position":[[0,6]]},"55":{"position":[[0,6]]},"57":{"position":[[0,6]]},"59":{"position":[[0,6]]},"61":{"position":[[0,6]]},"63":{"position":[[0,6]]},"65":{"position":[[0,6]]},"67":{"position":[[0,6]]},"69":{"position":[[0,6]]},"71":{"position":[[0,6]]},"73":{"position":[[0,6]]},"75":{"position":[[0,6]]},"77":{"position":[[0,6]]},"79":{"position":[[0,6]]},"81":{"position":[[0,6]]},"83":{"position":[[0,6]]},"85":{"position":[[0,6]]},"87":{"position":[[0,6]]},"89":{"position":[[0,6]]},"91":{"position":[[0,6]]},"93":{"position":[[0,6]]},"95":{"position":[[0,6]]},"97":{"position":[[0,6]]},"99":{"position":[[0,6]]},"101":{"position":[[0,6]]},"103":{"position":[[0,6]]},"105":{"position":[[0,6]]},"107":{"position":[[0,6]]},"109":{"position":[[0,6]]},"111":{"position":[[0,6]]},"113":{"position":[[0,6]]},"115":{"position":[[0,6]]},"119":{"position":[[0,6]]},"121":{"position":[[0,6]]},"123":{"position":[[0,6]]},"125":{"position":[[0,6]]},"127":{"position":[[0,6]]},"131":{"position":[[7,6]]},"133":{"position":[[7,6]]},"135":{"position":[[7,6]]},"137":{"position":[[7,6]]},"139":{"position":[[7,6]]},"143":{"position":[[7,6]]},"153":{"position":[[21,8]]},"157":{"position":[[21,7]]},"159":{"position":[[21,7]]},"161":{"position":[[20,7]]},"163":{"position":[[20,7]]},"165":{"position":[[21,7]]},"167":{"position":[[21,7]]},"169":{"position":[[20,7]]},"171":{"position":[[20,7]]},"173":{"position":[[21,7]]},"175":{"position":[[21,7]]},"177":{"position":[[21,7]]},"179":{"position":[[21,7]]},"181":{"position":[[21,7]]},"183":{"position":[[21,7]]},"185":{"position":[[21,7]]},"187":{"position":[[21,7]]},"189":{"position":[[21,7]]},"191":{"position":[[21,7]]},"193":{"position":[[21,7]]},"195":{"position":[[21,7]]},"197":{"position":[[20,7]]},"199":{"position":[[21,7]]},"201":{"position":[[20,7]]},"203":{"position":[[21,7]]},"205":{"position":[[21,7]]},"207":{"position":[[21,7]]},"209":{"position":[[21,7]]},"211":{"position":[[21,7]]},"213":{"position":[[20,7]]},"215":{"position":[[21,8]]},"217":{"position":[[21,8]]},"219":{"position":[[21,8]]},"221":{"position":[[21,8]]},"559":{"position":[[0,6]]},"563":{"position":[[0,6]]},"565":{"position":[[0,6]]},"567":{"position":[[0,6]]},"569":{"position":[[0,6]]},"571":{"position":[[0,6]]},"573":{"position":[[0,6]]},"575":{"position":[[0,6]]},"577":{"position":[[0,6]]},"579":{"position":[[0,6]]},"581":{"position":[[0,6]]},"585":{"position":[[0,6]]},"587":{"position":[[0,6]]},"589":{"position":[[0,6]]},"591":{"position":[[0,6]]},"593":{"position":[[0,6]]},"595":{"position":[[0,6]]},"597":{"position":[[0,6]]},"599":{"position":[[0,6]]},"601":{"position":[[0,6]]},"603":{"position":[[0,6]]},"605":{"position":[[0,6]]},"607":{"position":[[0,6]]},"609":{"position":[[0,6]]},"611":{"position":[[0,6]]},"613":{"position":[[0,6]]},"615":{"position":[[0,6]]},"617":{"position":[[0,6]]},"619":{"position":[[0,6]]},"621":{"position":[[0,6]]},"623":{"position":[[0,6]]},"625":{"position":[[0,6]]},"627":{"position":[[0,6]]},"629":{"position":[[0,6]]},"631":{"position":[[0,6]]},"633":{"position":[[0,6]]},"635":{"position":[[18,6]]},"637":{"position":[[18,6]]},"639":{"position":[[18,6]]},"641":{"position":[[18,6]]},"643":{"position":[[18,6]]},"645":{"position":[[23,6]]},"647":{"position":[[23,6]]},"649":{"position":[[18,6]]},"651":{"position":[[15,6]]},"653":{"position":[[15,6]]},"655":{"position":[[18,6]]},"657":{"position":[[0,6]]},"659":{"position":[[0,6]]},"661":{"position":[[0,6]]},"663":{"position":[[0,6]]},"665":{"position":[[0,6]]},"667":{"position":[[0,6]]}}}],["blazoraccordion",{"_index":110,"t":{"225":{"position":[[21,17]]}}}],["blazorautocomplet",{"_index":109,"t":{"223":{"position":[[20,20]]}}}],["blazorbadg",{"_index":112,"t":{"229":{"position":[[21,13]]}}}],["blazorbootstrap",{"_index":5,"t":{"3":{"position":[[0,15]]},"5":{"position":[[0,15]]},"7":{"position":[[0,15]]},"9":{"position":[[0,15]]},"11":{"position":[[0,15]]},"13":{"position":[[0,15]]},"15":{"position":[[0,15]]},"17":{"position":[[0,15]]},"19":{"position":[[0,15]]},"21":{"position":[[0,15]]},"23":{"position":[[0,15]]},"25":{"position":[[0,15]]},"27":{"position":[[0,15]]},"29":{"position":[[0,15]]},"31":{"position":[[0,15]]},"33":{"position":[[0,15]]},"35":{"position":[[0,15]]},"39":{"position":[[0,15]]},"227":{"position":[[21,17]]},"231":{"position":[[21,16]]},"233":{"position":[[21,17]]},"235":{"position":[[21,17]]},"237":{"position":[[21,17]]},"239":{"position":[[21,17]]},"241":{"position":[[21,17]]},"243":{"position":[[21,17]]}}}],["blazorbreadcrumb",{"_index":113,"t":{"245":{"position":[[21,18]]}}}],["blazorbutton",{"_index":114,"t":{"247":{"position":[[20,14]]},"249":{"position":[[20,15]]}}}],["blazorchart",{"_index":115,"t":{"251":{"position":[[21,13]]}}}],["blazorcollaps",{"_index":117,"t":{"255":{"position":[[21,16]]}}}],["blazorconfirmdialog",{"_index":116,"t":{"253":{"position":[[21,21]]}}}],["blazorconfirmmod",{"_index":118,"t":{"257":{"position":[[21,20]]}}}],["blazorcurrencyinput",{"_index":119,"t":{"259":{"position":[[20,21]]}}}],["blazord",{"_index":120,"t":{"261":{"position":[[21,12]]}}}],["blazordateinput",{"_index":122,"t":{"265":{"position":[[20,17]]}}}],["blazordatepick",{"_index":124,"t":{"269":{"position":[[20,18]]}}}],["blazordialog",{"_index":121,"t":{"263":{"position":[[21,14]]}}}],["blazordropdown",{"_index":123,"t":{"267":{"position":[[21,16]]}}}],["blazorgrid",{"_index":126,"t":{"271":{"position":[[21,12]]},"273":{"position":[[21,12]]}}}],["blazoricon",{"_index":127,"t":{"275":{"position":[[20,12]]}}}],["blazormod",{"_index":131,"t":{"281":{"position":[[20,13]]}}}],["blazormodalservic",{"_index":129,"t":{"279":{"position":[[20,20]]}}}],["blazornumb",{"_index":128,"t":{"277":{"position":[[21,14]]}}}],["blazornumberinput",{"_index":137,"t":{"293":{"position":[[21,19]]}}}],["blazoroffcanva",{"_index":132,"t":{"283":{"position":[[20,17]]}}}],["blazorprogress",{"_index":134,"t":{"287":{"position":[[21,16]]}}}],["blazorsidebar",{"_index":133,"t":{"285":{"position":[[20,15]]}}}],["blazorswitch",{"_index":135,"t":{"289":{"position":[[20,14]]}}}],["blazortab",{"_index":136,"t":{"291":{"position":[[21,12]]}}}],["blazortim",{"_index":138,"t":{"295":{"position":[[21,12]]}}}],["blazortimeinput",{"_index":140,"t":{"299":{"position":[[20,17]]}}}],["blazortimepick",{"_index":139,"t":{"297":{"position":[[21,18]]}}}],["blazortoast",{"_index":141,"t":{"301":{"position":[[20,14]]},"303":{"position":[[21,13]]}}}],["blazortooltip",{"_index":142,"t":{"305":{"position":[[20,15]]}}}],["blog",{"_index":0,"t":{"1":{"position":[[0,4]]},"131":{"position":[[0,4]]},"133":{"position":[[0,4]]},"135":{"position":[[0,4]]},"137":{"position":[[0,4]]},"139":{"position":[[0,4]]},"143":{"position":[[0,4]]}}}],["bootstrap",{"_index":3,"t":{"1":{"position":[[14,9]]},"37":{"position":[[7,9]]},"41":{"position":[[7,9]]},"43":{"position":[[7,9]]},"45":{"position":[[7,9]]},"47":{"position":[[7,9]]},"49":{"position":[[7,9]]},"51":{"position":[[7,9]]},"53":{"position":[[7,9]]},"55":{"position":[[7,9]]},"57":{"position":[[7,9]]},"59":{"position":[[7,9]]},"61":{"position":[[7,9]]},"63":{"position":[[7,9]]},"65":{"position":[[7,9]]},"67":{"position":[[7,9]]},"69":{"position":[[7,9]]},"71":{"position":[[7,9]]},"73":{"position":[[7,9]]},"75":{"position":[[7,9]]},"77":{"position":[[7,9]]},"79":{"position":[[7,9]]},"81":{"position":[[7,9]]},"83":{"position":[[7,9]]},"85":{"position":[[7,9]]},"87":{"position":[[7,9]]},"89":{"position":[[7,9]]},"91":{"position":[[7,9]]},"93":{"position":[[7,9]]},"95":{"position":[[7,9]]},"97":{"position":[[7,9]]},"99":{"position":[[7,9]]},"101":{"position":[[7,9]]},"103":{"position":[[7,9]]},"105":{"position":[[7,9]]},"107":{"position":[[7,9]]},"109":{"position":[[7,9]]},"111":{"position":[[7,9]]},"113":{"position":[[7,9]]},"115":{"position":[[7,9]]},"119":{"position":[[7,9]]},"121":{"position":[[7,9]]},"123":{"position":[[7,9]]},"125":{"position":[[7,9]]},"127":{"position":[[7,9]]},"131":{"position":[[14,9]]},"133":{"position":[[14,9]]},"135":{"position":[[14,9]]},"137":{"position":[[14,9]]},"139":{"position":[[14,9]]},"143":{"position":[[14,9]]},"161":{"position":[[28,10]]},"309":{"position":[[21,11]]},"313":{"position":[[21,11]]},"319":{"position":[[21,11]]},"321":{"position":[[21,11]]}}}],["bootstrap5",{"_index":144,"t":{"307":{"position":[[21,12]]},"311":{"position":[[21,12]]},"315":{"position":[[21,12]]},"331":{"position":[[21,12]]}}}],["breadcrumb",{"_index":146,"t":{"317":{"position":[[21,12]]},"559":{"position":[[7,10]]}}}],["breadcrumbservic",{"_index":147,"t":{"323":{"position":[[21,19]]}}}],["button",{"_index":148,"t":{"327":{"position":[[20,9]]},"329":{"position":[[20,8]]},"573":{"position":[[7,7]]}}}],["callout",{"_index":149,"t":{"335":{"position":[[20,9]]},"565":{"position":[[7,7]]}}}],["card",{"_index":184,"t":{"579":{"position":[[7,4]]}}}],["chart",{"_index":85,"t":{"159":{"position":[[33,6]]},"165":{"position":[[29,7]]},"173":{"position":[[38,6]]},"189":{"position":[[34,6]]},"193":{"position":[[33,6]]},"325":{"position":[[21,7]]},"333":{"position":[[20,8]]},"569":{"position":[[7,6]]},"615":{"position":[[11,5]]},"617":{"position":[[16,5]]},"619":{"position":[[12,5]]},"623":{"position":[[11,5]]}}}],["clipboard",{"_index":151,"t":{"339":{"position":[[21,11]]}}}],["collaps",{"_index":150,"t":{"337":{"position":[[21,10]]},"575":{"position":[[7,8]]}}}],["complet",{"_index":191,"t":{"621":{"position":[[12,8]]}}}],["confirm",{"_index":87,"t":{"163":{"position":[[28,7]]},"343":{"position":[[21,8]]},"577":{"position":[[7,7]]}}}],["confirmdialog",{"_index":152,"t":{"341":{"position":[[20,15]]}}}],["confirmmod",{"_index":154,"t":{"347":{"position":[[21,14]]}}}],["currenc",{"_index":89,"t":{"167":{"position":[[29,8]]},"349":{"position":[[21,10]]},"629":{"position":[[7,8]]}}}],["currencyinput",{"_index":153,"t":{"345":{"position":[[20,15]]}}}],["date",{"_index":155,"t":{"351":{"position":[[21,6]]},"627":{"position":[[7,4]]}}}],["dateinput",{"_index":156,"t":{"353":{"position":[[20,11]]}}}],["datepick",{"_index":157,"t":{"355":{"position":[[20,12]]}}}],["dialog",{"_index":88,"t":{"163":{"position":[[36,7]]},"169":{"position":[[28,7]]},"343":{"position":[[30,7]]},"357":{"position":[[21,8]]},"577":{"position":[[15,6]]}}}],["doc",{"_index":4,"t":{"1":{"position":[[24,4]]},"131":{"position":[[24,4]]},"133":{"position":[[24,4]]},"135":{"position":[[24,4]]},"137":{"position":[[24,4]]},"139":{"position":[[24,4]]},"143":{"position":[[24,4]]},"359":{"position":[[20,6]]}}}],["doughnut",{"_index":92,"t":{"173":{"position":[[29,8]]},"617":{"position":[[7,8]]}}}],["dropdown",{"_index":159,"t":{"361":{"position":[[20,10]]},"659":{"position":[[7,8]]}}}],["filter",{"_index":96,"t":{"181":{"position":[[34,10]]}}}],["get",{"_index":193,"t":{"635":{"position":[[0,7]]},"637":{"position":[[0,7]]},"639":{"position":[[0,7]]},"641":{"position":[[0,7]]},"643":{"position":[[0,7]]},"645":{"position":[[0,7]]},"647":{"position":[[0,7]]},"649":{"position":[[0,7]]},"655":{"position":[[0,7]]}}}],["global",{"_index":202,"t":{"637":{"position":[[74,6]]},"649":{"position":[[76,6]]}}}],["grid",{"_index":91,"t":{"171":{"position":[[28,5]]},"175":{"position":[[29,4]]},"177":{"position":[[29,4]]},"181":{"position":[[29,4]]},"363":{"position":[[21,6]]},"365":{"position":[[21,6]]},"367":{"position":[[21,6]]},"667":{"position":[[7,4]]}}}],["hybrid",{"_index":206,"t":{"645":{"position":[[30,6]]},"647":{"position":[[30,6]]}}}],["icon",{"_index":161,"t":{"369":{"position":[[21,7]]},"375":{"position":[[20,6]]},"609":{"position":[[7,5]]}}}],["imag",{"_index":162,"t":{"373":{"position":[[21,7]]},"613":{"position":[[7,6]]}}}],["input",{"_index":90,"t":{"167":{"position":[[38,6]]},"179":{"position":[[29,5]]},"183":{"position":[[29,6]]},"187":{"position":[[36,6]]},"371":{"position":[[20,7]]},"379":{"position":[[21,6]]},"625":{"position":[[14,5]]},"627":{"position":[[12,5]]},"629":{"position":[[16,5]]},"631":{"position":[[13,5]]},"661":{"position":[[12,5]]}}}],["interact",{"_index":199,"t":{"637":{"position":[[43,11]]},"649":{"position":[[43,11]]}}}],["layout",{"_index":163,"t":{"377":{"position":[[21,8]]},"651":{"position":[[0,6]]},"653":{"position":[[0,6]]}}}],["leftmenu",{"_index":164,"t":{"381":{"position":[[21,10]]}}}],["line",{"_index":97,"t":{"189":{"position":[[29,4]]},"619":{"position":[[7,4]]}}}],["list",{"_index":188,"t":{"601":{"position":[[16,4]]}}}],["loader",{"_index":186,"t":{"593":{"position":[[14,6]]}}}],["locat",{"_index":203,"t":{"637":{"position":[[81,8]]},"649":{"position":[[83,8]]}}}],["maui",{"_index":205,"t":{"645":{"position":[[18,4]]},"647":{"position":[[18,4]]}}}],["modal",{"_index":167,"t":{"387":{"position":[[21,7]]},"389":{"position":[[21,7]]},"587":{"position":[[7,5]]},"657":{"position":[[7,5]]}}}],["modalservic",{"_index":169,"t":{"393":{"position":[[20,14]]}}}],["mode",{"_index":201,"t":{"637":{"position":[[62,4]]},"649":{"position":[[62,4]]}}}],["navig",{"_index":165,"t":{"383":{"position":[[21,12]]}}}],["net",{"_index":196,"t":{"635":{"position":[[32,5]]},"637":{"position":[[32,5]]},"639":{"position":[[32,5]]},"641":{"position":[[37,5]]},"643":{"position":[[37,5]]},"645":{"position":[[41,5]]},"647":{"position":[[41,5]]},"649":{"position":[[32,5]]},"655":{"position":[[37,5]]}}}],["number",{"_index":95,"t":{"179":{"position":[[35,7]]},"185":{"position":[[29,7]]},"187":{"position":[[29,6]]},"379":{"position":[[28,7]]},"625":{"position":[[7,6]]}}}],["numberinput",{"_index":166,"t":{"385":{"position":[[20,13]]}}}],["offcanva",{"_index":98,"t":{"191":{"position":[[29,10]]},"397":{"position":[[20,11]]},"581":{"position":[[7,9]]}}}],["on",{"_index":73,"t":{"145":{"position":[[0,3]]},"151":{"position":[[0,3]]},"157":{"position":[[0,3]]},"159":{"position":[[0,3]]},"165":{"position":[[0,3]]},"167":{"position":[[0,3]]},"173":{"position":[[0,3]]},"175":{"position":[[0,3]]},"177":{"position":[[0,3]]},"179":{"position":[[0,3]]},"181":{"position":[[0,3]]},"183":{"position":[[0,3]]},"185":{"position":[[0,3]]},"187":{"position":[[0,3]]},"189":{"position":[[0,3]]},"191":{"position":[[0,3]]},"193":{"position":[[0,3]]},"195":{"position":[[0,3]]},"199":{"position":[[0,3]]},"203":{"position":[[0,3]]},"205":{"position":[[0,3]]},"207":{"position":[[0,3]]},"209":{"position":[[0,3]]},"211":{"position":[[0,3]]},"225":{"position":[[0,3]]},"229":{"position":[[0,3]]},"231":{"position":[[0,3]]},"245":{"position":[[0,3]]},"251":{"position":[[0,3]]},"253":{"position":[[0,3]]},"255":{"position":[[0,3]]},"257":{"position":[[0,3]]},"261":{"position":[[0,3]]},"263":{"position":[[0,3]]},"267":{"position":[[0,3]]},"277":{"position":[[0,3]]},"287":{"position":[[0,3]]},"291":{"position":[[0,3]]},"293":{"position":[[0,3]]},"295":{"position":[[0,3]]},"297":{"position":[[0,3]]},"303":{"position":[[0,3]]},"317":{"position":[[0,3]]},"323":{"position":[[0,3]]},"325":{"position":[[0,3]]},"337":{"position":[[0,3]]},"339":{"position":[[0,3]]},"343":{"position":[[0,3]]},"347":{"position":[[0,3]]},"349":{"position":[[0,3]]},"351":{"position":[[0,3]]},"357":{"position":[[0,3]]},"369":{"position":[[0,3]]},"373":{"position":[[0,3]]},"377":{"position":[[0,3]]},"379":{"position":[[0,3]]},"381":{"position":[[0,3]]},"383":{"position":[[0,3]]},"391":{"position":[[0,3]]},"395":{"position":[[0,3]]},"401":{"position":[[0,3]]},"407":{"position":[[0,3]]},"409":{"position":[[0,3]]},"417":{"position":[[0,3]]},"419":{"position":[[0,3]]},"425":{"position":[[0,3]]},"429":{"position":[[0,3]]},"437":{"position":[[0,3]]},"439":{"position":[[0,3]]},"443":{"position":[[0,3]]},"445":{"position":[[0,3]]},"447":{"position":[[0,3]]},"449":{"position":[[0,3]]},"451":{"position":[[0,3]]},"453":{"position":[[0,3]]},"455":{"position":[[0,3]]},"457":{"position":[[0,3]]},"459":{"position":[[0,3]]},"461":{"position":[[0,3]]},"463":{"position":[[0,3]]},"465":{"position":[[0,3]]},"467":{"position":[[0,3]]},"469":{"position":[[0,3]]},"471":{"position":[[0,3]]},"473":{"position":[[0,3]]},"475":{"position":[[0,3]]},"477":{"position":[[0,3]]},"479":{"position":[[0,3]]},"481":{"position":[[0,3]]},"483":{"position":[[0,3]]},"485":{"position":[[0,3]]},"487":{"position":[[0,3]]},"489":{"position":[[0,3]]},"491":{"position":[[0,3]]},"493":{"position":[[0,3]]},"495":{"position":[[0,3]]},"497":{"position":[[0,3]]},"499":{"position":[[0,3]]},"501":{"position":[[0,3]]},"503":{"position":[[0,3]]},"505":{"position":[[0,3]]},"507":{"position":[[0,3]]},"509":{"position":[[0,3]]},"511":{"position":[[0,3]]},"513":{"position":[[0,3]]},"515":{"position":[[0,3]]},"517":{"position":[[0,3]]},"519":{"position":[[0,3]]},"521":{"position":[[0,3]]},"523":{"position":[[0,3]]},"525":{"position":[[0,3]]},"527":{"position":[[0,3]]},"529":{"position":[[0,3]]},"531":{"position":[[0,3]]},"533":{"position":[[0,3]]},"535":{"position":[[0,3]]},"537":{"position":[[0,3]]},"539":{"position":[[0,3]]},"541":{"position":[[0,3]]},"543":{"position":[[0,3]]},"545":{"position":[[0,3]]},"547":{"position":[[0,3]]},"549":{"position":[[0,3]]},"551":{"position":[[0,3]]},"553":{"position":[[0,3]]},"555":{"position":[[0,3]]},"557":{"position":[[0,3]]},"583":{"position":[[0,3]]}}}],["page",{"_index":93,"t":{"175":{"position":[[34,7]]}}}],["pagin",{"_index":168,"t":{"391":{"position":[[21,12]]},"589":{"position":[[7,10]]}}}],["pdf",{"_index":211,"t":{"665":{"position":[[7,3]]}}}],["pdfviewer",{"_index":171,"t":{"399":{"position":[[20,11]]}}}],["pie",{"_index":99,"t":{"193":{"position":[[29,3]]},"623":{"position":[[7,3]]}}}],["placehold",{"_index":172,"t":{"403":{"position":[[20,14]]},"585":{"position":[[7,12]]}}}],["polarareachart",{"_index":170,"t":{"395":{"position":[[21,16]]}}}],["post",{"_index":74,"t":{"145":{"position":[[4,4]]},"147":{"position":[[2,5]]},"149":{"position":[[2,5]]},"151":{"position":[[4,4]]},"153":{"position":[[3,5]]},"155":{"position":[[2,5]]},"157":{"position":[[4,4]]},"159":{"position":[[4,4]]},"161":{"position":[[2,5]]},"163":{"position":[[2,5]]},"165":{"position":[[4,4]]},"167":{"position":[[4,4]]},"169":{"position":[[2,5]]},"171":{"position":[[2,5]]},"173":{"position":[[4,4]]},"175":{"position":[[4,4]]},"177":{"position":[[4,4]]},"179":{"position":[[4,4]]},"181":{"position":[[4,4]]},"183":{"position":[[4,4]]},"185":{"position":[[4,4]]},"187":{"position":[[4,4]]},"189":{"position":[[4,4]]},"191":{"position":[[4,4]]},"193":{"position":[[4,4]]},"195":{"position":[[4,4]]},"197":{"position":[[2,5]]},"199":{"position":[[4,4]]},"201":{"position":[[2,5]]},"203":{"position":[[4,4]]},"205":{"position":[[4,4]]},"207":{"position":[[4,4]]},"209":{"position":[[4,4]]},"211":{"position":[[4,4]]},"213":{"position":[[2,5]]},"215":{"position":[[3,5]]},"217":{"position":[[3,5]]},"219":{"position":[[3,5]]},"221":{"position":[[3,5]]},"223":{"position":[[2,5]]},"225":{"position":[[4,4]]},"227":{"position":[[3,5]]},"229":{"position":[[4,4]]},"231":{"position":[[4,4]]},"233":{"position":[[3,5]]},"235":{"position":[[3,5]]},"237":{"position":[[3,5]]},"239":{"position":[[3,5]]},"241":{"position":[[3,5]]},"243":{"position":[[3,5]]},"245":{"position":[[4,4]]},"247":{"position":[[2,5]]},"249":{"position":[[2,5]]},"251":{"position":[[4,4]]},"253":{"position":[[4,4]]},"255":{"position":[[4,4]]},"257":{"position":[[4,4]]},"259":{"position":[[2,5]]},"261":{"position":[[4,4]]},"263":{"position":[[4,4]]},"265":{"position":[[2,5]]},"267":{"position":[[4,4]]},"269":{"position":[[2,5]]},"271":{"position":[[3,5]]},"273":{"position":[[3,5]]},"275":{"position":[[2,5]]},"277":{"position":[[4,4]]},"279":{"position":[[2,5]]},"281":{"position":[[2,5]]},"283":{"position":[[2,5]]},"285":{"position":[[2,5]]},"287":{"position":[[4,4]]},"289":{"position":[[2,5]]},"291":{"position":[[4,4]]},"293":{"position":[[4,4]]},"295":{"position":[[4,4]]},"297":{"position":[[4,4]]},"299":{"position":[[2,5]]},"301":{"position":[[2,5]]},"303":{"position":[[4,4]]},"305":{"position":[[2,5]]},"307":{"position":[[3,5]]},"309":{"position":[[3,5]]},"311":{"position":[[3,5]]},"313":{"position":[[3,5]]},"315":{"position":[[3,5]]},"317":{"position":[[4,4]]},"319":{"position":[[3,5]]},"321":{"position":[[3,5]]},"323":{"position":[[4,4]]},"325":{"position":[[4,4]]},"327":{"position":[[2,5]]},"329":{"position":[[2,5]]},"331":{"position":[[3,5]]},"333":{"position":[[2,5]]},"335":{"position":[[2,5]]},"337":{"position":[[4,4]]},"339":{"position":[[4,4]]},"341":{"position":[[2,5]]},"343":{"position":[[4,4]]},"345":{"position":[[2,5]]},"347":{"position":[[4,4]]},"349":{"position":[[4,4]]},"351":{"position":[[4,4]]},"353":{"position":[[2,5]]},"355":{"position":[[2,5]]},"357":{"position":[[4,4]]},"359":{"position":[[2,5]]},"361":{"position":[[2,5]]},"363":{"position":[[3,5]]},"365":{"position":[[3,5]]},"367":{"position":[[3,5]]},"369":{"position":[[4,4]]},"371":{"position":[[2,5]]},"373":{"position":[[4,4]]},"375":{"position":[[2,5]]},"377":{"position":[[4,4]]},"379":{"position":[[4,4]]},"381":{"position":[[4,4]]},"383":{"position":[[4,4]]},"385":{"position":[[2,5]]},"387":{"position":[[3,5]]},"389":{"position":[[3,5]]},"391":{"position":[[4,4]]},"393":{"position":[[2,5]]},"395":{"position":[[4,4]]},"397":{"position":[[2,5]]},"399":{"position":[[2,5]]},"401":{"position":[[4,4]]},"403":{"position":[[2,5]]},"405":{"position":[[2,5]]},"407":{"position":[[4,4]]},"409":{"position":[[4,4]]},"411":{"position":[[2,5]]},"413":{"position":[[2,5]]},"415":{"position":[[2,5]]},"417":{"position":[[4,4]]},"419":{"position":[[4,4]]},"421":{"position":[[2,5]]},"423":{"position":[[2,5]]},"425":{"position":[[4,4]]},"427":{"position":[[2,5]]},"429":{"position":[[4,4]]},"431":{"position":[[2,5]]},"433":{"position":[[2,5]]},"435":{"position":[[2,5]]},"437":{"position":[[4,4]]},"439":{"position":[[4,4]]},"441":{"position":[[2,5]]},"443":{"position":[[4,4]]},"445":{"position":[[4,4]]},"447":{"position":[[4,4]]},"449":{"position":[[4,4]]},"451":{"position":[[4,4]]},"453":{"position":[[4,4]]},"455":{"position":[[4,4]]},"457":{"position":[[4,4]]},"459":{"position":[[4,4]]},"461":{"position":[[4,4]]},"463":{"position":[[4,4]]},"465":{"position":[[4,4]]},"467":{"position":[[4,4]]},"469":{"position":[[4,4]]},"471":{"position":[[4,4]]},"473":{"position":[[4,4]]},"475":{"position":[[4,4]]},"477":{"position":[[4,4]]},"479":{"position":[[4,4]]},"481":{"position":[[4,4]]},"483":{"position":[[4,4]]},"485":{"position":[[4,4]]},"487":{"position":[[4,4]]},"489":{"position":[[4,4]]},"491":{"position":[[4,4]]},"493":{"position":[[4,4]]},"495":{"position":[[4,4]]},"497":{"position":[[4,4]]},"499":{"position":[[4,4]]},"501":{"position":[[4,4]]},"503":{"position":[[4,4]]},"505":{"position":[[4,4]]},"507":{"position":[[4,4]]},"509":{"position":[[4,4]]},"511":{"position":[[4,4]]},"513":{"position":[[4,4]]},"515":{"position":[[4,4]]},"517":{"position":[[4,4]]},"519":{"position":[[4,4]]},"521":{"position":[[4,4]]},"523":{"position":[[4,4]]},"525":{"position":[[4,4]]},"527":{"position":[[4,4]]},"529":{"position":[[4,4]]},"531":{"position":[[4,4]]},"533":{"position":[[4,4]]},"535":{"position":[[4,4]]},"537":{"position":[[4,4]]},"539":{"position":[[4,4]]},"541":{"position":[[4,4]]},"543":{"position":[[4,4]]},"545":{"position":[[4,4]]},"547":{"position":[[4,4]]},"549":{"position":[[4,4]]},"551":{"position":[[4,4]]},"553":{"position":[[4,4]]},"555":{"position":[[4,4]]},"557":{"position":[[4,4]]},"561":{"position":[[2,5]]},"583":{"position":[[4,4]]}}}],["preload",{"_index":101,"t":{"197":{"position":[[28,8]]},"401":{"position":[[21,9]]},"591":{"position":[[7,7]]}}}],["preview",{"_index":189,"t":{"601":{"position":[[21,9]]}}}],["preview.1",{"_index":68,"t":{"123":{"position":[[24,9]]}}}],["preview.2",{"_index":70,"t":{"127":{"position":[[24,9]]}}}],["progress",{"_index":100,"t":{"195":{"position":[[29,9]]},"207":{"position":[[29,8]]},"405":{"position":[[20,10]]},"407":{"position":[[21,9]]},"595":{"position":[[7,8]]},"597":{"position":[[7,8]]}}}],["rang",{"_index":192,"t":{"631":{"position":[[7,5]]}}}],["rangeinput",{"_index":174,"t":{"411":{"position":[[20,12]]}}}],["render",{"_index":200,"t":{"637":{"position":[[55,6]]},"649":{"position":[[55,6]]}}}],["ribbon",{"_index":175,"t":{"413":{"position":[[20,8]]}}}],["script",{"_index":185,"t":{"593":{"position":[[7,6]]}}}],["scriptload",{"_index":173,"t":{"409":{"position":[[21,14]]}}}],["server",{"_index":195,"t":{"635":{"position":[[25,6]]},"639":{"position":[[25,6]]},"649":{"position":[[67,6]]}}}],["servic",{"_index":209,"t":{"657":{"position":[[13,7]]}}}],["setup",{"_index":208,"t":{"651":{"position":[[7,5]]},"653":{"position":[[7,5]]}}}],["sidebar",{"_index":176,"t":{"415":{"position":[[20,9]]},"599":{"position":[[7,7]]},"603":{"position":[[7,7]]},"663":{"position":[[7,7]]}}}],["sidebar2",{"_index":178,"t":{"421":{"position":[[20,10]]}}}],["sidemod",{"_index":102,"t":{"199":{"position":[[29,10]]}}}],["sort",{"_index":94,"t":{"177":{"position":[[34,8]]}}}],["sortabl",{"_index":187,"t":{"601":{"position":[[7,8]]}}}],["sortablelist",{"_index":177,"t":{"417":{"position":[[21,14]]}}}],["spinner",{"_index":103,"t":{"201":{"position":[[28,8]]},"419":{"position":[[21,9]]}}}],["start",{"_index":194,"t":{"635":{"position":[[8,7]]},"637":{"position":[[8,7]]},"639":{"position":[[8,7]]},"641":{"position":[[8,7]]},"643":{"position":[[8,7]]},"645":{"position":[[8,7]]},"647":{"position":[[8,7]]},"649":{"position":[[8,7]]},"655":{"position":[[8,7]]}}}],["starter",{"_index":104,"t":{"203":{"position":[[29,7]]},"231":{"position":[[38,7]]}}}],["switch",{"_index":179,"t":{"423":{"position":[[20,8]]},"633":{"position":[[7,6]]}}}],["tab",{"_index":106,"t":{"205":{"position":[[29,5]]},"425":{"position":[[21,5]]},"427":{"position":[[20,6]]},"611":{"position":[[7,4]]}}}],["tag",{"_index":72,"t":{"141":{"position":[[0,4]]},"145":{"position":[[9,6]]},"147":{"position":[[8,6]]},"149":{"position":[[8,6]]},"151":{"position":[[9,6]]},"153":{"position":[[9,6]]},"155":{"position":[[8,6]]},"157":{"position":[[9,6]]},"159":{"position":[[9,6]]},"161":{"position":[[8,6]]},"163":{"position":[[8,6]]},"165":{"position":[[9,6]]},"167":{"position":[[9,6]]},"169":{"position":[[8,6]]},"171":{"position":[[8,6]]},"173":{"position":[[9,6]]},"175":{"position":[[9,6]]},"177":{"position":[[9,6]]},"179":{"position":[[9,6]]},"181":{"position":[[9,6]]},"183":{"position":[[9,6]]},"185":{"position":[[9,6]]},"187":{"position":[[9,6]]},"189":{"position":[[9,6]]},"191":{"position":[[9,6]]},"193":{"position":[[9,6]]},"195":{"position":[[9,6]]},"197":{"position":[[8,6]]},"199":{"position":[[9,6]]},"201":{"position":[[8,6]]},"203":{"position":[[9,6]]},"205":{"position":[[9,6]]},"207":{"position":[[9,6]]},"209":{"position":[[9,6]]},"211":{"position":[[9,6]]},"213":{"position":[[8,6]]},"215":{"position":[[9,6]]},"217":{"position":[[9,6]]},"219":{"position":[[9,6]]},"221":{"position":[[9,6]]},"223":{"position":[[8,6]]},"225":{"position":[[9,6]]},"227":{"position":[[9,6]]},"229":{"position":[[9,6]]},"231":{"position":[[9,6]]},"233":{"position":[[9,6]]},"235":{"position":[[9,6]]},"237":{"position":[[9,6]]},"239":{"position":[[9,6]]},"241":{"position":[[9,6]]},"243":{"position":[[9,6]]},"245":{"position":[[9,6]]},"247":{"position":[[8,6]]},"249":{"position":[[8,6]]},"251":{"position":[[9,6]]},"253":{"position":[[9,6]]},"255":{"position":[[9,6]]},"257":{"position":[[9,6]]},"259":{"position":[[8,6]]},"261":{"position":[[9,6]]},"263":{"position":[[9,6]]},"265":{"position":[[8,6]]},"267":{"position":[[9,6]]},"269":{"position":[[8,6]]},"271":{"position":[[9,6]]},"273":{"position":[[9,6]]},"275":{"position":[[8,6]]},"277":{"position":[[9,6]]},"279":{"position":[[8,6]]},"281":{"position":[[8,6]]},"283":{"position":[[8,6]]},"285":{"position":[[8,6]]},"287":{"position":[[9,6]]},"289":{"position":[[8,6]]},"291":{"position":[[9,6]]},"293":{"position":[[9,6]]},"295":{"position":[[9,6]]},"297":{"position":[[9,6]]},"299":{"position":[[8,6]]},"301":{"position":[[8,6]]},"303":{"position":[[9,6]]},"305":{"position":[[8,6]]},"307":{"position":[[9,6]]},"309":{"position":[[9,6]]},"311":{"position":[[9,6]]},"313":{"position":[[9,6]]},"315":{"position":[[9,6]]},"317":{"position":[[9,6]]},"319":{"position":[[9,6]]},"321":{"position":[[9,6]]},"323":{"position":[[9,6]]},"325":{"position":[[9,6]]},"327":{"position":[[8,6]]},"329":{"position":[[8,6]]},"331":{"position":[[9,6]]},"333":{"position":[[8,6]]},"335":{"position":[[8,6]]},"337":{"position":[[9,6]]},"339":{"position":[[9,6]]},"341":{"position":[[8,6]]},"343":{"position":[[9,6]]},"345":{"position":[[8,6]]},"347":{"position":[[9,6]]},"349":{"position":[[9,6]]},"351":{"position":[[9,6]]},"353":{"position":[[8,6]]},"355":{"position":[[8,6]]},"357":{"position":[[9,6]]},"359":{"position":[[8,6]]},"361":{"position":[[8,6]]},"363":{"position":[[9,6]]},"365":{"position":[[9,6]]},"367":{"position":[[9,6]]},"369":{"position":[[9,6]]},"371":{"position":[[8,6]]},"373":{"position":[[9,6]]},"375":{"position":[[8,6]]},"377":{"position":[[9,6]]},"379":{"position":[[9,6]]},"381":{"position":[[9,6]]},"383":{"position":[[9,6]]},"385":{"position":[[8,6]]},"387":{"position":[[9,6]]},"389":{"position":[[9,6]]},"391":{"position":[[9,6]]},"393":{"position":[[8,6]]},"395":{"position":[[9,6]]},"397":{"position":[[8,6]]},"399":{"position":[[8,6]]},"401":{"position":[[9,6]]},"403":{"position":[[8,6]]},"405":{"position":[[8,6]]},"407":{"position":[[9,6]]},"409":{"position":[[9,6]]},"411":{"position":[[8,6]]},"413":{"position":[[8,6]]},"415":{"position":[[8,6]]},"417":{"position":[[9,6]]},"419":{"position":[[9,6]]},"421":{"position":[[8,6]]},"423":{"position":[[8,6]]},"425":{"position":[[9,6]]},"427":{"position":[[8,6]]},"429":{"position":[[9,6]]},"431":{"position":[[8,6]]},"433":{"position":[[8,6]]},"435":{"position":[[8,6]]},"437":{"position":[[9,6]]},"439":{"position":[[9,6]]},"441":{"position":[[8,6]]},"443":{"position":[[9,6]]},"445":{"position":[[9,6]]},"447":{"position":[[9,6]]},"449":{"position":[[9,6]]},"451":{"position":[[9,6]]},"453":{"position":[[9,6]]},"455":{"position":[[9,6]]},"457":{"position":[[9,6]]},"459":{"position":[[9,6]]},"461":{"position":[[9,6]]},"463":{"position":[[9,6]]},"465":{"position":[[9,6]]},"467":{"position":[[9,6]]},"469":{"position":[[9,6]]},"471":{"position":[[9,6]]},"473":{"position":[[9,6]]},"475":{"position":[[9,6]]},"477":{"position":[[9,6]]},"479":{"position":[[9,6]]},"481":{"position":[[9,6]]},"483":{"position":[[9,6]]},"485":{"position":[[9,6]]},"487":{"position":[[9,6]]},"489":{"position":[[9,6]]},"491":{"position":[[9,6]]},"493":{"position":[[9,6]]},"495":{"position":[[9,6]]},"497":{"position":[[9,6]]},"499":{"position":[[9,6]]},"501":{"position":[[9,6]]},"503":{"position":[[9,6]]},"505":{"position":[[9,6]]},"507":{"position":[[9,6]]},"509":{"position":[[9,6]]},"511":{"position":[[9,6]]},"513":{"position":[[9,6]]},"515":{"position":[[9,6]]},"517":{"position":[[9,6]]},"519":{"position":[[9,6]]},"521":{"position":[[9,6]]},"523":{"position":[[9,6]]},"525":{"position":[[9,6]]},"527":{"position":[[9,6]]},"529":{"position":[[9,6]]},"531":{"position":[[9,6]]},"533":{"position":[[9,6]]},"535":{"position":[[9,6]]},"537":{"position":[[9,6]]},"539":{"position":[[9,6]]},"541":{"position":[[9,6]]},"543":{"position":[[9,6]]},"545":{"position":[[9,6]]},"547":{"position":[[9,6]]},"549":{"position":[[9,6]]},"551":{"position":[[9,6]]},"553":{"position":[[9,6]]},"555":{"position":[[9,6]]},"557":{"position":[[9,6]]},"561":{"position":[[8,6]]},"583":{"position":[[9,6]]}}}],["templat",{"_index":105,"t":{"203":{"position":[[37,10]]},"209":{"position":[[29,10]]},"231":{"position":[[46,10]]}}}],["time",{"_index":210,"t":{"661":{"position":[[7,4]]}}}],["timeinput",{"_index":181,"t":{"433":{"position":[[20,11]]}}}],["timepick",{"_index":180,"t":{"429":{"position":[[21,12]]}}}],["toast",{"_index":107,"t":{"211":{"position":[[29,6]]},"213":{"position":[[28,7]]},"431":{"position":[[20,7]]},"435":{"position":[[20,8]]},"605":{"position":[[7,6]]}}}],["toastservic",{"_index":182,"t":{"437":{"position":[[21,14]]}}}],["tooltip",{"_index":183,"t":{"441":{"position":[[20,9]]},"607":{"position":[[7,8]]}}}],["upgrad",{"_index":63,"t":{"117":{"position":[[0,7]]}}}],["v0.0.1",{"_index":8,"t":{"7":{"position":[[16,6]]},"439":{"position":[[21,8]]}}}],["v0.0.2",{"_index":7,"t":{"5":{"position":[[16,6]]},"443":{"position":[[21,8]]}}}],["v0.0.3",{"_index":6,"t":{"3":{"position":[[16,6]]},"445":{"position":[[21,8]]}}}],["v0.0.4",{"_index":9,"t":{"9":{"position":[[16,6]]},"447":{"position":[[21,8]]}}}],["v0.1.0",{"_index":11,"t":{"13":{"position":[[16,6]]},"449":{"position":[[21,8]]}}}],["v0.1.1",{"_index":10,"t":{"11":{"position":[[16,6]]},"451":{"position":[[21,8]]}}}],["v0.2.0",{"_index":12,"t":{"15":{"position":[[16,6]]},"455":{"position":[[21,8]]}}}],["v0.2.1",{"_index":14,"t":{"19":{"position":[[16,6]]},"453":{"position":[[21,8]]}}}],["v0.2.2",{"_index":13,"t":{"17":{"position":[[16,6]]},"457":{"position":[[21,8]]}}}],["v0.2.3",{"_index":17,"t":{"25":{"position":[[16,6]]},"459":{"position":[[21,8]]}}}],["v0.2.4",{"_index":15,"t":{"21":{"position":[[16,6]]},"461":{"position":[[21,8]]}}}],["v0.2.5",{"_index":16,"t":{"23":{"position":[[16,6]]},"463":{"position":[[21,8]]}}}],["v0.2.6",{"_index":18,"t":{"27":{"position":[[16,6]]},"465":{"position":[[21,8]]}}}],["v0.3.0",{"_index":19,"t":{"29":{"position":[[16,6]]},"469":{"position":[[21,8]]}}}],["v0.4.0",{"_index":20,"t":{"31":{"position":[[16,6]]},"467":{"position":[[21,8]]}}}],["v0.4.1",{"_index":21,"t":{"33":{"position":[[16,6]]},"471":{"position":[[21,8]]}}}],["v0.4.2",{"_index":22,"t":{"35":{"position":[[16,6]]},"481":{"position":[[21,8]]}}}],["v0.5.0",{"_index":24,"t":{"39":{"position":[[16,6]]},"583":{"position":[[21,8]]}}}],["v0.5.1",{"_index":25,"t":{"41":{"position":[[17,6]]},"473":{"position":[[21,8]]}}}],["v0.6.0",{"_index":23,"t":{"37":{"position":[[17,6]]},"475":{"position":[[21,8]]}}}],["v1.0.0",{"_index":26,"t":{"43":{"position":[[17,6]]},"477":{"position":[[21,8]]}}}],["v1.0.1",{"_index":28,"t":{"47":{"position":[[17,6]]},"479":{"position":[[21,8]]}}}],["v1.1.0",{"_index":27,"t":{"45":{"position":[[17,6]]},"483":{"position":[[21,8]]}}}],["v1.10.0",{"_index":55,"t":{"101":{"position":[[17,7]]},"485":{"position":[[21,9]]}}}],["v1.10.1",{"_index":54,"t":{"99":{"position":[[17,7]]},"487":{"position":[[21,9]]}}}],["v1.10.2",{"_index":56,"t":{"103":{"position":[[17,7]]},"489":{"position":[[21,9]]}}}],["v1.10.3",{"_index":57,"t":{"105":{"position":[[17,7]]},"495":{"position":[[21,9]]}}}],["v1.10.4",{"_index":58,"t":{"107":{"position":[[17,7]]},"491":{"position":[[21,9]]}}}],["v1.10.5",{"_index":61,"t":{"113":{"position":[[17,7]]},"497":{"position":[[21,9]]}}}],["v1.11.0",{"_index":59,"t":{"109":{"position":[[17,7]]},"493":{"position":[[21,9]]}}}],["v1.11.1",{"_index":60,"t":{"111":{"position":[[17,7]]},"501":{"position":[[21,9]]}}}],["v1.2.0",{"_index":29,"t":{"49":{"position":[[17,6]]},"499":{"position":[[21,8]]}}}],["v1.3.0",{"_index":30,"t":{"51":{"position":[[17,6]]},"505":{"position":[[21,8]]}}}],["v1.3.1",{"_index":33,"t":{"57":{"position":[[17,6]]},"503":{"position":[[21,8]]}}}],["v1.4.0",{"_index":32,"t":{"55":{"position":[[17,6]]},"507":{"position":[[21,8]]}}}],["v1.4.1",{"_index":31,"t":{"53":{"position":[[17,6]]},"515":{"position":[[21,8]]}}}],["v1.4.2",{"_index":34,"t":{"59":{"position":[[17,6]]},"509":{"position":[[21,8]]}}}],["v1.4.3",{"_index":35,"t":{"61":{"position":[[17,6]]},"511":{"position":[[21,8]]}}}],["v1.4.4",{"_index":36,"t":{"63":{"position":[[17,6]]},"513":{"position":[[21,8]]}}}],["v1.4.5",{"_index":37,"t":{"65":{"position":[[17,6]]},"517":{"position":[[21,8]]}}}],["v1.5.0",{"_index":38,"t":{"67":{"position":[[17,6]]},"519":{"position":[[21,8]]}}}],["v1.6.0",{"_index":41,"t":{"73":{"position":[[17,6]]},"525":{"position":[[21,8]]}}}],["v1.7.0",{"_index":40,"t":{"71":{"position":[[17,6]]},"521":{"position":[[21,8]]}}}],["v1.7.1",{"_index":39,"t":{"69":{"position":[[17,6]]},"523":{"position":[[21,8]]}}}],["v1.7.2",{"_index":42,"t":{"75":{"position":[[17,6]]},"527":{"position":[[21,8]]}}}],["v1.7.3",{"_index":43,"t":{"77":{"position":[[17,6]]},"529":{"position":[[21,8]]}}}],["v1.8.0",{"_index":44,"t":{"79":{"position":[[17,6]]},"533":{"position":[[21,8]]}}}],["v1.8.1",{"_index":53,"t":{"97":{"position":[[17,6]]},"531":{"position":[[21,8]]}}}],["v1.8.2",{"_index":45,"t":{"81":{"position":[[17,6]]},"537":{"position":[[21,8]]}}}],["v1.8.3",{"_index":46,"t":{"83":{"position":[[17,6]]},"535":{"position":[[21,8]]}}}],["v1.9.0",{"_index":48,"t":{"87":{"position":[[17,6]]},"539":{"position":[[21,8]]}}}],["v1.9.1",{"_index":49,"t":{"89":{"position":[[17,6]]},"545":{"position":[[21,8]]}}}],["v1.9.2",{"_index":47,"t":{"85":{"position":[[17,6]]},"541":{"position":[[21,8]]}}}],["v1.9.3",{"_index":50,"t":{"91":{"position":[[17,6]]},"543":{"position":[[21,8]]}}}],["v1.9.4",{"_index":51,"t":{"93":{"position":[[17,6]]},"549":{"position":[[21,8]]}}}],["v1.9.5",{"_index":52,"t":{"95":{"position":[[17,6]]},"553":{"position":[[21,8]]}}}],["v2.0.0",{"_index":62,"t":{"115":{"position":[[17,6]]},"547":{"position":[[21,8]]}}}],["v2.1.0",{"_index":65,"t":{"119":{"position":[[17,6]]},"551":{"position":[[21,8]]}}}],["v2.2.0",{"_index":66,"t":{"121":{"position":[[17,6]]},"555":{"position":[[21,8]]}}}],["v2.2.1",{"_index":69,"t":{"125":{"position":[[17,6]]},"557":{"position":[[21,8]]}}}],["v2.x.x",{"_index":64,"t":{"117":{"position":[[11,6]]}}}],["v3.0.0",{"_index":67,"t":{"123":{"position":[[17,6]]},"127":{"position":[[17,6]]},"561":{"position":[[20,8]]}}}],["viewer",{"_index":212,"t":{"665":{"position":[[11,6]]}}}],["webapp",{"_index":198,"t":{"637":{"position":[[25,6]]},"649":{"position":[[25,6]]}}}],["webassembl",{"_index":204,"t":{"641":{"position":[[25,11]]},"643":{"position":[[25,11]]},"651":{"position":[[22,11]]},"653":{"position":[[22,11]]},"655":{"position":[[25,11]]}}}]],"pipeline":["stemmer"]}},{"documents":[],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[],"invertedIndex":[],"pipeline":["stemmer"]}},{"documents":[{"i":2,"t":"Blazor Bootstrap v3.0.0-preview.2 July 1, 2024 · One min read Vikram Reddy Creator We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements! Tags: v3.0.0 blazor bootstrap blazorbootstrap charts grid image polarareachart sidebar sidebar2 Read More Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More Upgrade to v2.x.x February 25, 2024 · One min read Vikram Reddy Creator Recommendation​ We strongly recommend all BlazorBootstrap users migrate to version 2.x.x. If you are using version 1.x.x for non-commercial purposes, you may continue using them, but upgrading to version 2.x.x is strongly recommended. If you are using version 1.x.x for commercial purposes, you are no longer permitted to do so due to code usage concerns regarding Blazorise's ClassBuilder and StyleBuilder classes. Background of ClassBuilder & StyleBuilder References​ In March 2021, we created a component library proof-of-concept (POC) using ClassBuilder and StyleBuilder from Blazorise. At that time, Blazorise was under the MIT license. We inadvertently neglected to re-verify the Blazorise project's license later. On February 12th, 2024, Blazorise contacted us regarding a potential licensing concern with both ClassBuilder and StyleBuilder classes. We respect Blazorise's dedication to open-source software and responsible licensing. We have now removed all references to ClassBuilder and StyleBuilder from our codebase. IMPORTANT If you wish to continue using version 1.x.x for commercial purposes, please reach out to the Blazorise team for licensing. Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog","h":"","p":1},{"i":4,"t":"BlazorBootstrap v0.0.3 December 8, 2021 · One min read Vikram Reddy Creator In this release, we added the Toasts component and improved documentation. New Component​ Toasts Tags: v0.0.3 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.0.4 Older Post BlazorBootstrap v0.0.2","s":"BlazorBootstrap v0.0.3","u":"/blog/2021/12/08/blazorbootstrap-0.0.3","h":"","p":3},{"i":6,"t":"BlazorBootstrap v0.0.2 November 27, 2021 · One min read Vikram Reddy Creator In this release, our focus was more on documenting the individual components. Initial documentation is available for the below components: Alert Button Icon Modal Offcanvas Tooltip Tags: v0.0.2 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.0.3 Older Post BlazorBootstrap v0.0.1","s":"BlazorBootstrap v0.0.2","u":"/blog/2021/11/27/blazorbootstrap-0.0.2","h":"","p":5},{"i":8,"t":"BlazorBootstrap v0.0.1 November 23, 2021 · One min read Vikram Reddy Creator Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers. New Components​ Alert Button Icon Modals Offcanvas Tooltip Tags: v0.0.1 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.0.2","s":"BlazorBootstrap v0.0.1","u":"/blog/2021/11/23/blazorbootstrap-0.0.1","h":"","p":7},{"i":10,"t":"BlazorBootstrap v0.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Changelog​ Code improvements Documentation updates Breaking changes​ Modal​ Callback events renamed Showing -> OnShowing Shown -> OnShown Hiding -> OnHiding Hidden -> OnHidden HidePrevented -> OnHidePrevented Offcanvas​ Callback events renamed Showing -> OnShowing Shown -> OnShown Hiding -> OnHiding Hidden -> OnHidden Tooltip​ Parameters renamed TooltipTitle -> Title TooltipPlacement -> Placement Docs update​ For the below components, documentation is updated. Alerts Buttons Icons Modal Offcanvas Toasts Tooltips Tags: v0.0.4 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.1.0 Older Post BlazorBootstrap v0.0.3","s":"BlazorBootstrap v0.0.4","u":"/blog/2021/12/12/blazorbootstrap-0.0.4","h":"","p":9},{"i":12,"t":"BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Component changes​ Alert Parameter renamed from Dismisable to Dismissable Docs update Demos update Demo Website​ https://demos.getblazorbootstrap.com/ Tags: v0.1.1 blazorbootstrap alert Edit this page Newer Post BlazorBootstrap v0.2.0 Older Post BlazorBootstrap v0.1.0","s":"BlazorBootstrap v0.1.1","u":"/blog/2021/12/21/blazorbootstrap-0.1.1","h":"","p":11},{"i":14,"t":"BlazorBootstrap v0.1.0 December 20, 2021 · One min read Vikram Reddy Creator We are excited to release 0.1.0 with lots of updates. Major changes​ .NET 6 upgrade New components added Demo website created Four New Comoponents​ Preload Breadcrumb Confirm Dialog Callout Demo Website​ We are happy to share the demo website link. https://demos.getblazorbootstrap.com/ Tags: v0.1.0 blazorbootstrap Edit this page Newer Post BlazorBootstrap v0.1.1 Older Post BlazorBootstrap v0.0.4","s":"BlazorBootstrap v0.1.0","u":"/blog/2021/12/20/blazorbootstrap-0.1.0","h":"","p":13},{"i":16,"t":"BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Major changes​ Modal component enhancements Offcanvas enhancements Demo website updates Two New Comoponents​ Grid Pagination Links​ Demo Website Modals Offcanvas Grid Pagination Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Edit this page Newer Post BlazorBootstrap v0.2.1 Older Post BlazorBootstrap v0.1.1","s":"BlazorBootstrap v0.2.0","u":"/blog/2022/01/15/blazorbootstrap-0.2.0","h":"","p":15},{"i":18,"t":"BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Updates​ New Placeholders component .NET version upgrade from v6.0.1 to v6.0.3 Links​ Demo Website Placeholders Component Tags: v0.2.2 blazorbootstrap placeholders Edit this page Newer Post BlazorBootstrap v0.2.3 Older Post BlazorBootstrap v0.2.1","s":"BlazorBootstrap v0.2.2","u":"/blog/2022/03/15/blazorbootstrap-0.2.2","h":"","p":17},{"i":20,"t":"BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Minor Updates​ Toasts component UI alignment fix Confirm Dialog component docs update Bootstrap Icons updated to v1.8.0 Links​ Demo Website Confirm Dialog Icons Toasts Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Edit this page Newer Post BlazorBootstrap v0.2.2 Older Post BlazorBootstrap v0.2.0","s":"BlazorBootstrap v0.2.1","u":"/blog/2022/02/27/blazorbootstrap-0.2.1","h":"","p":19},{"i":22,"t":"BlazorBootstrap v0.2.4 June 19, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.4 with bug fixes and docs enhancement. Updates​ Alert component bug fixes Docs enhancement Links​ Demo Website Alert Component Tags: v0.2.4 blazorbootstrap placeholders Edit this page Newer Post BlazorBootstrap v0.2.5 Older Post BlazorBootstrap v0.2.3","s":"BlazorBootstrap v0.2.4","u":"/blog/2022/06/19/blazorbootstrap-0.2.4","h":"","p":21},{"i":24,"t":"BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Updates​ Offcanvas component bug fix Modal component bug fix Docs enhancement Links​ Demo Website Offcanvas Component Modal Component Tags: v0.2.5 blazorbootstrap offcanvas modal Edit this page Newer Post BlazorBootstrap v0.2.6 Older Post BlazorBootstrap v0.2.4","s":"BlazorBootstrap v0.2.5","u":"/blog/2022/07/28/blazorbootstrap-0.2.5","h":"","p":23},{"i":26,"t":"BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Updates​ New Tabs component Other improvements Links​ Demo Website Tabs Component Tags: v0.2.3 blazorbootstrap placeholders Edit this page Newer Post BlazorBootstrap v0.2.4 Older Post BlazorBootstrap v0.2.2","s":"BlazorBootstrap v0.2.3","u":"/blog/2022/04/30/blazorbootstrap-0.2.3","h":"","p":25},{"i":28,"t":"BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Updates​ Bootstrap Icons v1.9.1 support Buttons component enhancements Docs enhancement Links​ Demo Website Icons Button Component Tags: v0.2.6 blazorbootstrap button Edit this page Newer Post BlazorBootstrap v0.3.0 Older Post BlazorBootstrap v0.2.5","s":"BlazorBootstrap v0.2.6","u":"/blog/2022/08/13/blazorbootstrap-0.2.6","h":"","p":27},{"i":30,"t":"BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Updates​ Grid component enhancements Grid component enhancements​ Multiple columns filtering (client side and server side) Set default filtering Disable specific column filter Increase filter textbox width Set default sorting Disable specific column sorting Header text alignment Cell alignment Cell formatting Cell nowrap Pagination alignment Empty data Responsive grid with horizontal scrolling Links​ Demo Website Grid Demos Grid Component Documentation Tags: v0.3.0 blazorbootstrap grid Edit this page Newer Post BlazorBootstrap v0.4.0 Older Post BlazorBootstrap v0.2.6","s":"BlazorBootstrap v0.3.0","u":"/blog/2022/08/31/blazorbootstrap-0.3.0","h":"","p":29},{"i":32,"t":"BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. New Components​ AutoComplete component AutoComplete component features​ Client side data filtering Server side data filtering Validations Links​ Demo Website Blazor AutoComplete Component Demos Blazor AutoComplete Component Documentation Tags: v0.4.0 blazorbootstrap autocomplete docs Edit this page Newer Post BlazorBootstrap v0.4.1 Older Post BlazorBootstrap v0.3.0","s":"BlazorBootstrap v0.4.0","u":"/blog/2022/09/04/blazorbootstrap-0.4.0","h":"","p":31},{"i":34,"t":"BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Enhancements​ AutoComplete component Callout component Grid component AutoComplete enhancements​ StringComparison support StringFilterOperator support Callout enhancements​ The default heading and default icon are displayed based on the callout type. Change the callout header according to your context. Callout breaking changes​ Renamed enum CalloutColor to CalloutType Renamed parameter Color to Type Grid enhancements​ StringComparison support Links​ Demo Website Blazor AutoComplete Component Documentation Blazor Callout Component Documentation Blazor Grid Component Documentation Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Edit this page Newer Post BlazorBootstrap v0.4.2 Older Post BlazorBootstrap v0.4.0","s":"BlazorBootstrap v0.4.1","u":"/blog/2022/09/12/blazorbootstrap-0.4.1","h":"","p":33},{"i":36,"t":"BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete Edit this page Newer Post BlazorBootstrap v0.5.0 Older Post BlazorBootstrap v0.4.1","s":"BlazorBootstrap v0.4.2","u":"/blog/2022/09/17/blazorbootstrap-0.4.2","h":"","p":35},{"i":38,"t":"Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. New Components​ Progress component Progress component features​ Labels Backgrounds Multiple bars Striped Animated stripes Toasts component features​ Toasts with/without title Auto hide Placement Stack Length Links​ Demo Website Blazor Progress Component Documentation Blazor Toasts Component Documentation Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Edit this page Newer Post Blazor Bootstrap v1.0.0 Older Post Blazor Bootstrap v0.5.1","s":"Blazor Bootstrap v0.6.0","u":"/blog/2022/10/30/blazorbootstrap-0.6.0","h":"","p":37},{"i":40,"t":"BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. New blazor chart components​ Blazor Bar Chart component Blazor Doughnut Chart component Blazor Line Chart component Blazor Pie Chart component Links​ Demo Website Blazor Bar Chart Component Documentation Blazor Doughnut Chart Component Documentation Blazor Line Chart Component Documentation Blazor Pie Chart Component Documentation Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Edit this page Newer Post Blazor Bootstrap v0.5.1 Older Post BlazorBootstrap v0.4.2","s":"BlazorBootstrap v0.5.0","u":"/blog/2022/10/16/blazorbootstrap-0.5.0","h":"","p":39},{"i":42,"t":"Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Grid Enhancements​ Support for save/load Grid state. The state includes the page number, page size, and filters. Performance improvements by removing unnecessary conversions Links​ Demo Website Blazor Grid Component Documentation Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Edit this page Newer Post Blazor Bootstrap v0.6.0 Older Post BlazorBootstrap v0.5.0","s":"Blazor Bootstrap v0.5.1","u":"/blog/2022/10/22/blazorbootstrap-0.5.1","h":"","p":41},{"i":44,"t":"Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! New Components​ NumberInput component Blazor NumberInput component features​ Generic type support Enable min and max Step Text alignment Allow negative numbers Disable Validations Events: ValueChanged Blazor Tabs component features​ Fade effect Title with Icon Disable Tab Pills Activate individual tabs Events Demos site enhancements​ Brand new landing page The demo example and source code are split into two tabs for easy access. Links​ Demo Website Blazor NumberInput Component Documentation Blazor Tabs Component Documentation Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Edit this page Newer Post Blazor Bootstrap v1.0.1 Older Post Blazor Bootstrap v0.6.0","s":"Blazor Bootstrap v1.0.0","u":"/blog/2022/11/18/blazorbootstrap-1.0.0","h":"","p":43},{"i":46,"t":"Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component What's changed​ New ToastService ConfirmDialog component enhancements PreloadService enhancements Icon component enhancements Demos site examples​ New examples for 'Blazor ToastService' New examples for 'Blazor Confirm Dialog Component' New examples for 'Blazor Preload Component' New examples for 'Blazor Icon Component' Links​ Demo Website Blazor Toasts Component Documentation Blazor Confirm Dialog Component Documentation Blazor Preload Component Documentation Blazor Icon Component Documentation Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Edit this page Newer Post Blazor Bootstrap v1.2.0 Older Post Blazor Bootstrap v1.0.1","s":"Blazor Bootstrap v1.1.0","u":"/blog/2022/11/28/blazorbootstrap-1.1.0","h":"","p":45},{"i":48,"t":"Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! What's changed​ Confirmation Dialog component enhancements Offcanvas component enhancements Demos site examples​ New examples for 'Blazor Confirm Dialog Component' New examples for 'Blazor Offcanvas Component' New examples for 'Blazor Preload Component' SEO Updates Links​ Demo Website Blazor Confirm Dialog Component Documentation Blazor Offcanvas Component Documentation Blazor Preload Component Documentation Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Edit this page Newer Post Blazor Bootstrap v1.1.0 Older Post Blazor Bootstrap v1.0.0","s":"Blazor Bootstrap v1.0.1","u":"/blog/2022/11/22/blazorbootstrap-1.0.1","h":"","p":47},{"i":50,"t":"Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component What's changed​ New CurrencyInput component Demos site updates​ New examples for 'Blazor CurrencyInput Component' New examples for 'Blazor Confirm Dialog Component' Links​ Demo Website - Blazor WebAssembly Demo Website - Blazor Server Blazor CurrencyInput Documentation Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Edit this page Newer Post Blazor Bootstrap v1.3.0 Older Post Blazor Bootstrap v1.1.0","s":"Blazor Bootstrap v1.2.0","u":"/blog/2022/12/12/blazorbootstrap-1.2.0","h":"","p":49},{"i":52,"t":"Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component What's changed​ New Switch component Demos site updates​ New examples for 'Blazor Switch Component' Updates to 'Blazor Auto Complete Component' examples Links​ Demo Website - Blazor WebAssembly Demo Website - Blazor Server Blazor Switch Documentation Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Edit this page Newer Post Blazor Bootstrap v1.3.1 Older Post Blazor Bootstrap v1.2.0","s":"Blazor Bootstrap v1.3.0","u":"/blog/2022/12/15/blazorbootstrap-1.3.0","h":"","p":51},{"i":54,"t":"Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component What's changed​ Modal component Render different components dynamically within the modal without iterating through possible types or using conditional logic. If dynamically-rendered components have component parameters, pass them as an IDictionary<string, object>. Pass event callbacks to a dynamic component. Demos site updates​ New examples for Blazor Modal Component New examples for Blazor Confirm Dialog Component Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Modal Documentation Blazor Confirm Dialog Documentation Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Edit this page Newer Post Blazor Bootstrap v1.4.2 Older Post Blazor Bootstrap v1.4.0","s":"Blazor Bootstrap v1.4.1","u":"/blog/2023/01/23/blazorbootstrap-1.4.1","h":"","p":53},{"i":56,"t":"Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component What's changed​ Sidebar component Demos site updates​ New examples for 'Blazor Sidebar Component' Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Sidebar Documentation Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Edit this page Newer Post Blazor Bootstrap v1.4.1 Older Post Blazor Bootstrap v1.3.1","s":"Blazor Bootstrap v1.4.0","u":"/blog/2023/01/15/blazorbootstrap-1.4.0","h":"","p":55},{"i":58,"t":"Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component What's changed​ AutoComplete component - keyboard navigation support AutoComplete component - CancellationToken support Demos site updates​ New examples for 'Blazor AutoComplete Component' Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor AutoComplete Documentation Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Edit this page Newer Post Blazor Bootstrap v1.4.0 Older Post Blazor Bootstrap v1.3.0","s":"Blazor Bootstrap v1.3.1","u":"/blog/2022/12/18/blazorbootstrap-1.3.1","h":"","p":57},{"i":60,"t":"Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates What's changed​ Auto Complete component Bug fix Starter Templates​ Blazor Bootstrap: Blazor WebAssembly Template Blazor Bootstrap: Blazor WebAssembly Empty Template Blazor Bootstrap: Blazor Server Template Blazor Bootstrap: Blazor Server Empty Template Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Auto Complete Documentation Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Edit this page Newer Post Blazor Bootstrap v1.4.3 Older Post Blazor Bootstrap v1.4.1","s":"Blazor Bootstrap v1.4.2","u":"/blog/2023/01/30/blazorbootstrap-1.4.2","h":"","p":59},{"i":62,"t":"Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! What's changed​ Grid component New Data parameter New ResetPageNumber() method Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.4.4 Older Post Blazor Bootstrap v1.4.2","s":"Blazor Bootstrap v1.4.3","u":"/blog/2023/02/07/blazorbootstrap-1.4.3","h":"","p":61},{"i":64,"t":"Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! What's changed​ Grid component Filters have 300ms timeout for the debouncing CancellationToken support for the RefreshDataAsync() method Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.4.5 Older Post Blazor Bootstrap v1.4.3","s":"Blazor Bootstrap v1.4.4","u":"/blog/2023/02/10/blazorbootstrap-1.4.4","h":"","p":63},{"i":66,"t":"Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! What's changed​ Toasts component bug fixed Toast progress bar not working when the browser language is french Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Toasts Documentation Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Edit this page Newer Post Blazor Bootstrap v1.5.0 Older Post Blazor Bootstrap v1.4.4","s":"Blazor Bootstrap v1.4.5","u":"/blog/2023/02/23/blazorbootstrap-1.4.5","h":"","p":65},{"i":68,"t":"Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! What's new​ DateInput component Generic type: DateOnly, DateOnly?, DateTime, and DateTime? data types supported Max and Min range Disable Validations ValueChanged event What's changed​ Offcanvas component Render different components dynamically within the modal without iterating through possible types or using conditional logic. If dynamically-rendered components have component parameters, pass them as an IDictionary<string, object>. Pass event callbacks to a dynamic component. Button component Dynamic tooltip support added Tooltip component Dynamic tooltip support added Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor DateInput Documentation Blazor Offcanvas Documentation Blazor Button Documentation Blazor Tooltip Documentation Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Edit this page Newer Post Blazor Bootstrap v1.6.0 Older Post Blazor Bootstrap v1.4.5","s":"Blazor Bootstrap v1.5.0","u":"/blog/2023/03/05/blazorbootstrap-1.5.0","h":"","p":67},{"i":70,"t":"Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! What's changed​ Auto Complete component Show Autocomplete reset button when default value set #183 Buttons component Button Disabled parameter doesn't work properly on first render in Tabs / Modal #182 CSS A CSS rule could be more targeted to not interfere with others #184 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Auto Complete Documentation Blazor Buttons Documentation Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Edit this page Newer Post Blazor Bootstrap v1.7.2 Older Post Blazor Bootstrap v1.7.0","s":"Blazor Bootstrap v1.7.1","u":"/blog/2023/04/19/blazorbootstrap-1.7.1","h":"","p":69},{"i":72,"t":"Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! What's new​ Badge component Background colors Pill badges Buttons Positioned Generic indicator Collapse component Horizontal collapse Call back events: OnShowing, OnShown, OnHiding, and OnHidden Accordion component Title with Icon Flush Set default active accordion item Always open Activate individual accordion items Call back events: OnShowing, OnShown, OnHiding, and OnHidden What's changed​ Buttons component Disable and enable state dynamically #172 Documentation​ Layout setup docs Layout Setup - Blazor WebAssembly Layout Setup - Blazor Server Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Badge Documentation Blazor Collapse Documentation Blazor Accordion Documentation Blazor Buttons Documentation Layout Setup - Blazor WebAssembly Documentation Layout Setup - Blazor Server Documentation Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Edit this page Newer Post Blazor Bootstrap v1.7.1 Older Post Blazor Bootstrap v1.6.0","s":"Blazor Bootstrap v1.7.0","u":"/blog/2023/04/10/blazorbootstrap-1.7.0","h":"","p":71},{"i":74,"t":"Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! What's new​ TimeInput component Generic type: TimeOnly and TimeOnly? supported Max and Min range Disable Validations ValueChanged event Restrict the time field based on the entry in another field What's changed​ Grid component Conditional css class for grid row Conditional css class for grid column DateInput component Restrict the date field based on the entry in another field Modal component Modal CloseOnEscape not working - Fixed Offcanvas component Offcanvas CloseOnEscape not working #160 - Fixed Upgrade Bootstrap version from v5.1.3 to v5.2.3 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor TimeInput Documentation Blazor Grid Documentation Blazor DateInput Documentation Blazor Modal Documentation Blazor Offcanvas Documentation Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Edit this page Newer Post Blazor Bootstrap v1.7.0 Older Post Blazor Bootstrap v1.5.0","s":"Blazor Bootstrap v1.6.0","u":"/blog/2023/03/12/blazorbootstrap-1.6.0","h":"","p":73},{"i":76,"t":"Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! What's changed​ Currency Input component CurrencyInput InvalidOperationException #192 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Currency Input Documentation Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Edit this page Newer Post Blazor Bootstrap v1.7.3 Older Post Blazor Bootstrap v1.7.1","s":"Blazor Bootstrap v1.7.2","u":"/blog/2023/04/24/blazorbootstrap-1.7.2","h":"","p":75},{"i":78,"t":"Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! What's changed​ Button component Button - id on Button is causing Unhandled error #194 Grid component Grid calls DataProvider method after input's onchange event #195 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Buttons Documentation Blazor Grid Documentation Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.8.0 Older Post Blazor Bootstrap v1.7.2","s":"Blazor Bootstrap v1.7.3","u":"/blog/2023/04/29/blazorbootstrap-1.7.3","h":"","p":77},{"i":80,"t":"Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! What's changed​ Grid component Grid Selection #179 Single selection Multiple selection Disable selection Disable all rows selection Grid Paging #196 Dynamic Page Size Page Size Selection Offcanvas component Static backdrop #210 Auto Complete component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Currency Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Date Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Number Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Switch component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Time Input component Disable parameter Use either the Disable parameter or use Disable() and Enable() methods to disable/enable the component. Blazor Bootstrap Templates Install with .NET CLI: dotnet new install Blazor.Bootstrap.Templates::1.8.0 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Offcanvas Documentation Blazor Auto Complete Documentation Blazor Currency Input Documentation Blazor Date Input Documentation Blazor Number Input Documentation Blazor Switch Documentation Blazor Time Input Documentation Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Edit this page Newer Post Blazor Bootstrap v1.8.1 Older Post Blazor Bootstrap v1.7.3","s":"Blazor Bootstrap v1.8.0","u":"/blog/2023/05/28/blazorbootstrap-1.8.0","h":"","p":79},{"i":82,"t":"Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! What's changed​ Grid component Grid local filter with null strings #227 Grid Single Select #230 Button component Button TooltipTitle does not disappear when clicked #222 DateInput component DateInput no reaction to null #221 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Buttons Documentation Blazor Date Input Documentation Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Edit this page Newer Post Blazor Bootstrap v1.8.3 Older Post Blazor Bootstrap v1.8.1","s":"Blazor Bootstrap v1.8.2","u":"/blog/2023/06/11/blazorbootstrap-1.8.2","h":"","p":81},{"i":84,"t":"Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! What's changed​ Grid component Select all/none refresh problem #217 Progress component Progress bar grid bind problem #229 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Progress Documentation Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Edit this page Newer Post Blazor Bootstrap v1.9.0 Older Post Blazor Bootstrap v1.8.2","s":"Blazor Bootstrap v1.8.3","u":"/blog/2023/06/16/blazorbootstrap-1.8.3","h":"","p":83},{"i":86,"t":"Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! What's new​ Breadcrumb service Global service for the application What's changed​ Toast service ToastService not working anymore in version 1.9.1 #261 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Edit this page Newer Post Blazor Bootstrap v1.9.1 Older Post Blazor Bootstrap v1.9.0","s":"Blazor Bootstrap v1.9.2","u":"/blog/2023/07/01/blazorbootstrap-1.9.2","h":"","p":85},{"i":88,"t":"Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! What's new​ Modal service Global service for the application What's changed​ Modal component Dynamic modal title does not work when using static content #242 Icon component New Color parameter added Toasts component ToastService.Notify method does not have AutoHide #238 Tabs component ShowTabByIndexAsync not working after OnAfterRenderAsync #243 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Modal Documentation Blazor Modal Service Documentation Blazor Icon Documentation Blazor Toasts Documentation Blazor Tabs Documentation Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Edit this page Newer Post Blazor Bootstrap v1.9.2 Older Post Blazor Bootstrap v1.8.3","s":"Blazor Bootstrap v1.9.0","u":"/blog/2023/06/30/blazorbootstrap-1.9.0","h":"","p":87},{"i":90,"t":"Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! What's changed​ Modal service Issue with new ModalService #258 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Modal Service Documentation Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Edit this page Newer Post Blazor Bootstrap v1.9.3 Older Post Blazor Bootstrap v1.9.2","s":"Blazor Bootstrap v1.9.1","u":"/blog/2023/06/31/blazorbootstrap-1.9.1","h":"","p":89},{"i":92,"t":"Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! What's changed​ Grid component New HeaderRowCssClass parameter New FiltersRowCssClass parameter Default sorting icon to indicate the column is sortable Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.9.4 Older Post Blazor Bootstrap v1.9.1","s":"Blazor Bootstrap v1.9.3","u":"/blog/2023/07/04/blazorbootstrap-1.9.3","h":"","p":91},{"i":94,"t":"Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! What's changed​ Modal service Blazor Modal Service problem #265 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Modal Service Documentation Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Edit this page Newer Post Blazor Bootstrap v1.9.5 Older Post Blazor Bootstrap v1.9.3","s":"Blazor Bootstrap v1.9.4","u":"/blog/2023/07/05/blazorbootstrap-1.9.4","h":"","p":93},{"i":96,"t":"Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! What's changed​ Grid component New OnRowClick event New OnRowDoubleClick event Grid Component: Row Click Event #264 Grid Component - Translatable page size selector #287 TimeInput component TimeInput: Changing value does not work #271 Switch component Switch class not applied to label #235 Modal component Cannot change modal type on static modals #278 Line Chart component Multiple of the same chart causing js exception #283 Sidebar component SidebarItem without childs, CustomIconName not passed to Icon #286 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Component Documentation Blazor TimeInput Component Documentation Blazor Switch Component Documentation Blazor Modal Component Documentation Blazor Line Chart Component Documentation Blazor Sidebar Component Documentation Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Edit this page Newer Post Blazor Bootstrap v1.10.0 Older Post Blazor Bootstrap v1.9.4","s":"Blazor Bootstrap v1.9.5","u":"/blog/2023/07/16/blazorbootstrap-1.9.5","h":"","p":95},{"i":98,"t":"Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! What's changed​ Grid component Selection and filters both active bug #214 Tooltip component Tooltip does not disappear #213 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Grid Documentation Blazor Offcanvas Documentation Blazor Auto Complete Documentation Blazor Currency Input Documentation Blazor Date Input Documentation Blazor Number Input Documentation Blazor Switch Documentation Blazor Time Input Documentation Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Edit this page Newer Post Blazor Bootstrap v1.8.2 Older Post Blazor Bootstrap v1.8.0","s":"Blazor Bootstrap v1.8.1","u":"/blog/2023/05/31/blazorbootstrap-1.8.1","h":"","p":97},{"i":100,"t":"Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! What's changed​ We have made improvements to the base components Bar Chart component UpdateAsync method Doughnut Chart component UpdateAsync method Line Chart component UpdateAsync method Pie Chart component UpdateAsync method Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Chart Components Documentation Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.10.2 Older Post Blazor Bootstrap v1.10.0","s":"Blazor Bootstrap v1.10.1","u":"/blog/2023/08/29/blazorbootstrap-1.10.1","h":"","p":99},{"i":102,"t":"Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! What's New​ Dropdown Component Single button Multiple colors Split button Sizing Directions (Dropup, Dropup centered, Dropend, and Dropstart) Active Disabled Menu content (Header, Dividers, Text, and Forms) Auto close behavior Card Component Content types (Body, Titles, text, and links) Images List groups Header and footer Sizing Text alignment Background and color Card groups Card groups with footer What's changed​ Bar Chart component New AddDataSetAsync and AddAsync methods Doughnut Chart component New AddDataSetAsync and AddAsync methods Line Chart component New AddDataSetAsync and AddAsync methods Pie Chart component New AddDataSetAsync and AddAsync methods Grid component Grid: Filters translation support #292 Button component Tooltip color support added Tooltip component Tooltip color support added Tooltip on button problem #296 Switch component Switch is invoking EditContext OnFieldChanged even the change was not from UI #297 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Card Component Documentation Blazor Dropdown Component Documentation Blazor Chart Components Documentation Blazor Grid Component Documentation Blazor Button Component Documentation Blazor Tooltip Component Documentation Blazor Switch Component Documentation Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Edit this page Newer Post Blazor Bootstrap v1.10.1 Older Post Blazor Bootstrap v1.9.5","s":"Blazor Bootstrap v1.10.0","u":"/blog/2023/08/13/blazorbootstrap-1.10.0","h":"","p":101},{"i":104,"t":"Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! What's changed​ AutoComplete component Autocomplete shows \"No Records Found\" Before Search is finished #352 Confirm Dialog component Confirm Dialog - No fade animation #334 Modal Service Callback support has been added Tooltip component Dispose issue fixed #327 Sidebar component Sidebar should close automatically on mobile #274 We have made improvements to all the charts to support data labels #317 Bar Chart, Doughnut Chart, Line Chart, and Pie Chart MAUI Blazor App - Getting started docs added Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Chart Components Documentation Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Edit this page Newer Post Blazor Bootstrap v1.10.3 Older Post Blazor Bootstrap v1.10.1","s":"Blazor Bootstrap v1.10.2","u":"/blog/2023/09/15/blazorbootstrap-1.10.2","h":"","p":103},{"i":106,"t":"Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! What's changed​ Grid component Grid: Fixed Header Support #53 Dropdown component Add feature to disable Dropdown #373 Icon component Sizing for icons in buttons is strange #346 Sidebar component Sidebar: Add option to space items #276 Docs updates Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Documentation Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Edit this page Newer Post Blazor Bootstrap v1.10.4 Older Post Blazor Bootstrap v1.10.2","s":"Blazor Bootstrap v1.10.3","u":"/blog/2023/10/15/blazorbootstrap-1.10.3","h":"","p":105},{"i":108,"t":"Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! What's changed​ Grid component Grid: Freeze Columns Support #246 Preload component Preload: Add text to preload component #414 Switch component Switch: Double click on switch selects the label #401 Charts component Chart size updates #384 Modal component Pressing Esc still closes the modal even with UseStaticBackdrop=\"true\" #416 Docs updates Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Documentation Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Edit this page Newer Post Blazor Bootstrap v1.10.5 Older Post Blazor Bootstrap v1.10.3","s":"Blazor Bootstrap v1.10.4","u":"/blog/2023/11/18/blazorbootstrap-1.10.4","h":"","p":107},{"i":110,"t":"Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. What's New​ PDF Viewer component Allows users to view PDF files directly in the browser, eliminating the need for third-party browser tools or extensions. Supports two callback events: OnDocumentLoaded and OnPageChanged Range Input component Disabled Min and Max Step Tick marks Script Loader component Allows users to load JS sctipt files dynamically on the fly. What's changed​ Auto Complete component AutoComplete dispose issue #527 Badge component Badge: Demos update #497 Grid component GGrid: Filters - Support string NotEqual #486 Tabs component Dynamic Tabs #538 Vertical Tabs #533 Vertical Pills Tabs#533 Vertical Underline Tabs#533 Underline Tabs#533 Tab: OnClick call back event #543 Other updates Upgrade bootstrap version to 5.3.2 #498 Fix build warnings #534 Nuget update #520 Update docs to Bootstrap Icons 1.11.3 #541 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Documentation Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Edit this page Newer Post Upgrade to v2.x.x Older Post Blazor Bootstrap v1.11.1","s":"Blazor Bootstrap v1.11.0","u":"/blog/2024/02/04/blazorbootstrap-1.11.0","h":"","p":109},{"i":112,"t":"Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! What's changed​ We have made improvements to the base components PDF Viewer component PDF Viewer JS call issue fixed. #547 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Chart Components Documentation Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Edit this page Newer Post Blazor Bootstrap v1.11.0 Older Post Blazor Bootstrap v1.10.5","s":"Blazor Bootstrap v1.11.1","u":"/blog/2024/02/04/blazorbootstrap-1.11.1","h":"","p":111},{"i":114,"t":"Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! What's changed​ Accordion component Accordion: Add hide methods to Accordion #473 Accordion: Add Accordion show/hide all methods 476 Chart component Charts: How to change legend position in chat #484 Grid component Grid: Docs update #478 Grid: PageSizeSelector dropdown is default to smallest value #482 Grid: Auto hide paginations on few elements #483 Modal component Modal: Throws Error on Navigating Away in .NET 8 #468 Toast component Toast: Dispose issue #488 Docs updates Docs: Fixed typo #438 Docs: Getting Started Docs - .NET 8 - Web Assembly & Web App - Server - Global #458 Docs: Getting Started Docs update #462 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Documentation Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Edit this page Newer Post Blazor Bootstrap v1.11.1 Older Post Blazor Bootstrap v1.10.4","s":"Blazor Bootstrap v1.10.5","u":"/blog/2024/01/01/blazorbootstrap-1.10.5","h":"","p":113},{"i":116,"t":"Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! What's New​ Spinner component What's changed​ We have made improvements to the base components Button component Callout component Documentation: clipboard support added Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Blazor Chart Components Documentation Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Edit this page Newer Post Blazor Bootstrap v2.1.0 Older Post Upgrade to v2.x.x","s":"Blazor Bootstrap v2.0.0","u":"/blog/2024/02/25/blazorbootstrap-2.0.0","h":"","p":115},{"i":118,"t":"Upgrade to v2.x.x February 25, 2024 · One min read Vikram Reddy Creator Recommendation​ We strongly recommend all BlazorBootstrap users migrate to version 2.x.x. If you are using version 1.x.x for non-commercial purposes, you may continue using them, but upgrading to version 2.x.x is strongly recommended. If you are using version 1.x.x for commercial purposes, you are no longer permitted to do so due to code usage concerns regarding Blazorise's ClassBuilder and StyleBuilder classes. Background of ClassBuilder & StyleBuilder References​ In March 2021, we created a component library proof-of-concept (POC) using ClassBuilder and StyleBuilder from Blazorise. At that time, Blazorise was under the MIT license. We inadvertently neglected to re-verify the Blazorise project's license later. On February 12th, 2024, Blazorise contacted us regarding a potential licensing concern with both ClassBuilder and StyleBuilder classes. We respect Blazorise's dedication to open-source software and responsible licensing. We have now removed all references to ClassBuilder and StyleBuilder from our codebase. IMPORTANT If you wish to continue using version 1.x.x for commercial purposes, please reach out to the Blazorise team for licensing. Edit this page Newer Post Blazor Bootstrap v2.0.0 Older Post Blazor Bootstrap v1.11.0","s":"Upgrade to v2.x.x","u":"/blog/2024/02/25/upgrade-to-v2.0.0","h":"","p":117},{"i":120,"t":"Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! What's New​ Sidebar2 component What's changed​ BarChart component Callout component CurrencyInput component Grid component NumberInput component PdfViewer component RangeInput component Tooltip component Documentation & Demos Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Edit this page Newer Post Blazor Bootstrap v2.2.0 Older Post Blazor Bootstrap v2.0.0","s":"Blazor Bootstrap v2.1.0","u":"/blog/2024/03/17/blazorbootstrap-2.1.0","h":"","p":119},{"i":122,"t":"Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! What's New​ Ribbon component SortableList component What's changed​ ConfirmDialog component Grid component PdfViewer component Tabs component Documentation & Demos Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Edit this page Newer Post Blazor Bootstrap v2.2.1 Older Post Blazor Bootstrap v2.1.0","s":"Blazor Bootstrap v2.2.0","u":"/blog/2024/04/14/blazorbootstrap-2.2.0","h":"","p":121},{"i":124,"t":"Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! What's changed​ Chart components Tick configuration support added Grid configuration support added Grid component New parameter FilterButtonColor added to change the filter button color. New parameter FilterButtonCSSClass added to apply custom CSS classes. Grid filters - Supports DoesNotContain filter. Grid filters - Enum support added. Grid filters - Guid support added. Modal component Bootstrtap 5.3.3 fixes: Modal close button alignment issue fixed. Sidebar component Href parameter added. Sidebar2 component Href parameter added. BlazorBootstrtap component library targets .NET 6 and .NET 8 frameworks. Demos & Docs updated. Breaking changes​ AccordionItem IsActive parameter renamed to Active. Button Size's parameter data type changed from Size to ButtonSize. Callout Type parameter changed to Color. Dropdown Set the dropdown color on Dropdown component only instead of setting on the DropdownActionButton and DropdownToggleButton. Size's parameter data type changed from Size to DropdownSize. DropdownActionButton Color parameter removed. DropdownToggleButton Color parameter removed. DropdownItem Type's parameter data type changed from ButtonType to DropdownItemType. RibbonTab IsActive parameter renamed to Active. Tab IsActive parameter renamed to Active. Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Edit this page Newer Post Blazor Bootstrap v3.0.0-preview.2 Older Post Blazor Bootstrap v2.2.1","s":"Blazor Bootstrap v3.0.0-preview.1","u":"/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1","h":"","p":123},{"i":126,"t":"Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! What's changed​ ConfirmDialog component Grid component Demos - Upgraded to .NET 8 Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Edit this page Newer Post Blazor Bootstrap v3.0.0-preview.1 Older Post Blazor Bootstrap v2.2.0","s":"Blazor Bootstrap v2.2.1","u":"/blog/2024/04/21/blazorbootstrap-2.2.1","h":"","p":125},{"i":128,"t":"Blazor Bootstrap v3.0.0-preview.2 July 1, 2024 · One min read Vikram Reddy Creator We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements! What's new​ Polar Area Chart component Image component What's changed​ Grid component Details View Nested Grid Templates: New GridLoadingTemplate and GridEmptyDataTemplate New GridContainerClass and GridContainerStyle parameters Highlight row when selected and customize the row color and background color All the demos updated Sidebar component New Width and WidthUnit parameters Sidebar2 component New Width and WidthUnit parameters Demos & Docs updated. Links​ Demo Website - Blazor Server Demo Website - Blazor WebAssembly Tags: v3.0.0 blazor bootstrap blazorbootstrap charts grid image polarareachart sidebar sidebar2 Edit this page Older Post Blazor Bootstrap v3.0.0-preview.1","s":"Blazor Bootstrap v3.0.0-preview.2","u":"/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2","h":"","p":127},{"i":130,"t":"2021 December 21, 2021 - BlazorBootstrap v0.1.1 December 20, 2021 - BlazorBootstrap v0.1.0 December 12, 2021 - BlazorBootstrap v0.0.4 December 8, 2021 - BlazorBootstrap v0.0.3 November 27, 2021 - BlazorBootstrap v0.0.2 November 23, 2021 - BlazorBootstrap v0.0.1 2022 December 18, 2022 - Blazor Bootstrap v1.3.1 December 15, 2022 - Blazor Bootstrap v1.3.0 December 12, 2022 - Blazor Bootstrap v1.2.0 November 28, 2022 - Blazor Bootstrap v1.1.0 November 22, 2022 - Blazor Bootstrap v1.0.1 November 18, 2022 - Blazor Bootstrap v1.0.0 October 30, 2022 - Blazor Bootstrap v0.6.0 October 22, 2022 - Blazor Bootstrap v0.5.1 October 16, 2022 - BlazorBootstrap v0.5.0 September 17, 2022 - BlazorBootstrap v0.4.2 September 12, 2022 - BlazorBootstrap v0.4.1 September 4, 2022 - BlazorBootstrap v0.4.0 August 31, 2022 - BlazorBootstrap v0.3.0 August 13, 2022 - BlazorBootstrap v0.2.6 July 28, 2022 - BlazorBootstrap v0.2.5 June 19, 2022 - BlazorBootstrap v0.2.4 April 30, 2022 - BlazorBootstrap v0.2.3 March 15, 2022 - BlazorBootstrap v0.2.2 February 27, 2022 - BlazorBootstrap v0.2.1 January 15, 2022 - BlazorBootstrap v0.2.0 2023 November 18, 2023 - Blazor Bootstrap v1.10.4 October 15, 2023 - Blazor Bootstrap v1.10.3 September 15, 2023 - Blazor Bootstrap v1.10.2 August 29, 2023 - Blazor Bootstrap v1.10.1 August 13, 2023 - Blazor Bootstrap v1.10.0 July 16, 2023 - Blazor Bootstrap v1.9.5 July 5, 2023 - Blazor Bootstrap v1.9.4 July 4, 2023 - Blazor Bootstrap v1.9.3 July 1, 2023 - Blazor Bootstrap v1.9.1 July 1, 2023 - Blazor Bootstrap v1.9.2 June 30, 2023 - Blazor Bootstrap v1.9.0 June 16, 2023 - Blazor Bootstrap v1.8.3 June 11, 2023 - Blazor Bootstrap v1.8.2 May 31, 2023 - Blazor Bootstrap v1.8.1 May 28, 2023 - Blazor Bootstrap v1.8.0 April 29, 2023 - Blazor Bootstrap v1.7.3 April 24, 2023 - Blazor Bootstrap v1.7.2 April 19, 2023 - Blazor Bootstrap v1.7.1 April 10, 2023 - Blazor Bootstrap v1.7.0 March 12, 2023 - Blazor Bootstrap v1.6.0 March 5, 2023 - Blazor Bootstrap v1.5.0 February 23, 2023 - Blazor Bootstrap v1.4.5 February 10, 2023 - Blazor Bootstrap v1.4.4 February 7, 2023 - Blazor Bootstrap v1.4.3 January 30, 2023 - Blazor Bootstrap v1.4.2 January 23, 2023 - Blazor Bootstrap v1.4.1 January 15, 2023 - Blazor Bootstrap v1.4.0 2024 July 1, 2024 - Blazor Bootstrap v3.0.0-preview.2 June 8, 2024 - Blazor Bootstrap v3.0.0-preview.1 April 21, 2024 - Blazor Bootstrap v2.2.1 April 14, 2024 - Blazor Bootstrap v2.2.0 March 17, 2024 - Blazor Bootstrap v2.1.0 February 25, 2024 - Blazor Bootstrap v2.0.0 February 25, 2024 - Upgrade to v2.x.x February 4, 2024 - Blazor Bootstrap v1.11.0 February 4, 2024 - Blazor Bootstrap v1.11.1 January 1, 2024 - Blazor Bootstrap v1.10.5","s":"Archive","u":"/blog/archive","h":"","p":129},{"i":132,"t":"Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/2","h":"","p":131},{"i":134,"t":"Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/3","h":"","p":133},{"i":136,"t":"Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/4","h":"","p":135},{"i":138,"t":"Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Tags: v0.3.0 blazorbootstrap grid Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/5","h":"","p":137},{"i":140,"t":"BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Tags: v0.2.6 blazorbootstrap button Read More BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More BlazorBootstrap v0.2.4 June 19, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.4 with bug fixes and docs enhancement. Tags: v0.2.4 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Tags: v0.2.3 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Tags: v0.2.2 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Tags: v0.1.1 blazorbootstrap alert Read More BlazorBootstrap v0.1.0 December 20, 2021 · One min read Vikram Reddy Creator We are excited to release 0.1.0 with lots of updates. Tags: v0.1.0 blazorbootstrap Read More BlazorBootstrap v0.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Tags: v0.0.4 blazorbootstrap Read More Newer Entries Older Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/6","h":"","p":139},{"i":142,"t":"Tags A accordion3 alert1 autocomplete9 B badge2 barchart1 blazor42 blazor-autocomplete1 blazor-bar-chart1 blazor-bootstrap5 blazor-charts1 blazor-confirm-dialog2 blazor-currency-input1 blazor-dialog2 blazor-doughnut-chart1 blazor-grid3 blazor-grid-filtering1 blazor-grid-paging1 blazor-grid-sorting1 blazor-input1 blazor-input-number1 blazor-line-chart1 blazor-number1 blazor-number-input1 blazor-offcanvas1 blazor-pie-chart1 blazor-preload2 blazor-progress1 blazor-progress-bar1 blazor-sidemodal1 blazor-spinner2 blazor-starter-templates1 blazor-tabs1 blazor-templates1 blazor-toast1 blazor-toasts2 blazoraccordion1 blazorautocomplete4 blazorbadge1 blazorbootstrap62 blazorbootstrap-starter-templates1 blazorbreadcrumb1 blazorbutton2 blazorbuttons3 blazorchart1 blazorcollapse1 blazorconfirmdialog1 blazorconfirmmodal1 blazorcurrencyinput3 blazordate1 blazordateinput4 blazordatepicker2 blazordialog1 blazordropdown1 blazorgrid13 blazoricon2 blazormodal8 blazormodalservice2 blazornumber1 blazornumberinput1 blazoroffcanvas3 blazorprogress1 blazorsidebar2 blazorswitch2 blazortabs1 blazortime1 blazortimeinput3 blazortimepicker1 blazortoast1 blazortoasts2 blazortooltip2 bootstrap35 bootstrap532 breadcrumb1 breadcrumbservice1 button5 buttons3 C callout4 chart1 charts3 clipboard1 collapse1 confirm dialog1 confirmdialog3 confirmmodal1 currency1 currencyinput3 D date1 dateinput4 datepicker2 dialog1 docs7 dropdown2 G grid22 I icon2 icons1 image1 input2 input-number1 L layout1 leftmenu1 M modal13 modalservice3 N navigation1 numberinput2 O offcanvas5 P pagination1 pdfviewer4 placeholders3 polarareachart1 preload1 progress2 progress-bar1 R rangeinput2 ribbon2 S scriptloader1 sidebar4 sidebar23 sortablelist1 spinner1 switch2 T tab1 tabs3 timeinput3 timepicker1 toast2 toasts4 toastservice1 tooltip3 V v0.0.11 v0.0.21 v0.0.31 v0.0.41 v0.1.01 v0.1.11 v0.2.01 v0.2.11 v0.2.21 v0.2.31 v0.2.41 v0.2.51 v0.2.61 v0.3.01 v0.4.01 v0.4.11 v0.4.21 v0.5.01 v0.5.11 v0.6.01 v1.0.01 v1.0.11 v1.1.01 v1.10.01 v1.10.11 v1.10.21 v1.10.31 v1.10.41 v1.10.51 v1.11.01 v1.11.11 v1.2.01 v1.3.01 v1.3.11 v1.4.01 v1.4.11 v1.4.21 v1.4.31 v1.4.41 v1.4.51 v1.5.01 v1.6.01 v1.7.01 v1.7.11 v1.7.21 v1.7.31 v1.8.01 v1.8.11 v1.8.21 v1.8.31 v1.9.01 v1.9.11 v1.9.21 v1.9.31 v1.9.41 v1.9.51 v2.0.01 v2.1.01 v2.2.01 v2.2.11 v3.0.02","s":"Tags","u":"/blog/tags","h":"","p":141},{"i":144,"t":"BlazorBootstrap v0.0.3 December 8, 2021 · One min read Vikram Reddy Creator In this release, we added the Toasts component and improved documentation. Tags: v0.0.3 blazorbootstrap Read More BlazorBootstrap v0.0.2 November 27, 2021 · One min read Vikram Reddy Creator In this release, our focus was more on documenting the individual components. Tags: v0.0.2 blazorbootstrap Read More BlazorBootstrap v0.0.1 November 23, 2021 · One min read Vikram Reddy Creator Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers. Tags: v0.0.1 blazorbootstrap Read More Newer Entries","s":"Blog | Blazor Bootstrap Docs","u":"/blog/page/7","h":"","p":143},{"i":146,"t":"One post tagged with \"alert\" View All Tags BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Tags: v0.1.1 blazorbootstrap alert Read More","s":"One post tagged with \"alert\"","u":"/blog/tags/alert","h":"","p":145},{"i":148,"t":"9 posts tagged with \"autocomplete\" View All Tags Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More","s":"9 posts tagged with \"autocomplete\"","u":"/blog/tags/autocomplete","h":"","p":147},{"i":150,"t":"2 posts tagged with \"badge\" View All Tags Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"2 posts tagged with \"badge\"","u":"/blog/tags/badge","h":"","p":149},{"i":152,"t":"One post tagged with \"barchart\" View All Tags Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More","s":"One post tagged with \"barchart\"","u":"/blog/tags/barchart","h":"","p":151},{"i":154,"t":"42 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v3.0.0-preview.2 July 1, 2024 · One min read Vikram Reddy Creator We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements! Tags: v3.0.0 blazor bootstrap blazorbootstrap charts grid image polarareachart sidebar sidebar2 Read More Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Older Entries","s":"42 posts tagged with \"blazor\"","u":"/blog/tags/blazor","h":"","p":153},{"i":156,"t":"3 posts tagged with \"accordion\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"3 posts tagged with \"accordion\"","u":"/blog/tags/accordion","h":"","p":155},{"i":158,"t":"One post tagged with \"blazor-autocomplete\" View All Tags Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More","s":"One post tagged with \"blazor-autocomplete\"","u":"/blog/tags/blazor-autocomplete","h":"","p":157},{"i":160,"t":"One post tagged with \"blazor-bar-chart\" View All Tags BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More","s":"One post tagged with \"blazor-bar-chart\"","u":"/blog/tags/blazor-bar-chart","h":"","p":159},{"i":162,"t":"5 posts tagged with \"blazor-bootstrap\" View All Tags Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"5 posts tagged with \"blazor-bootstrap\"","u":"/blog/tags/blazor-bootstrap","h":"","p":161},{"i":164,"t":"2 posts tagged with \"blazor-confirm-dialog\" View All Tags Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"2 posts tagged with \"blazor-confirm-dialog\"","u":"/blog/tags/blazor-confirm-dialog","h":"","p":163},{"i":166,"t":"One post tagged with \"blazor-charts\" View All Tags BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More","s":"One post tagged with \"blazor-charts\"","u":"/blog/tags/blazor-charts","h":"","p":165},{"i":168,"t":"One post tagged with \"blazor-currency-input\" View All Tags Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More","s":"One post tagged with \"blazor-currency-input\"","u":"/blog/tags/blazor-currency-input","h":"","p":167},{"i":170,"t":"2 posts tagged with \"blazor-dialog\" View All Tags Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"2 posts tagged with \"blazor-dialog\"","u":"/blog/tags/blazor-dialog","h":"","p":169},{"i":172,"t":"3 posts tagged with \"blazor-grid\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More","s":"3 posts tagged with \"blazor-grid\"","u":"/blog/tags/blazor-grid","h":"","p":171},{"i":174,"t":"One post tagged with \"blazor-doughnut-chart\" View All Tags BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More","s":"One post tagged with \"blazor-doughnut-chart\"","u":"/blog/tags/blazor-doughnut-chart","h":"","p":173},{"i":176,"t":"One post tagged with \"blazor-grid-paging\" View All Tags Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More","s":"One post tagged with \"blazor-grid-paging\"","u":"/blog/tags/blazor-grid-paging","h":"","p":175},{"i":178,"t":"One post tagged with \"blazor-grid-sorting\" View All Tags Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More","s":"One post tagged with \"blazor-grid-sorting\"","u":"/blog/tags/blazor-grid-sorting","h":"","p":177},{"i":180,"t":"One post tagged with \"blazor-input-number\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"One post tagged with \"blazor-input-number\"","u":"/blog/tags/blazor-input-number","h":"","p":179},{"i":182,"t":"One post tagged with \"blazor-grid-filtering\" View All Tags Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More","s":"One post tagged with \"blazor-grid-filtering\"","u":"/blog/tags/blazor-grid-filtering","h":"","p":181},{"i":184,"t":"One post tagged with \"blazor-input\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"One post tagged with \"blazor-input\"","u":"/blog/tags/blazor-input","h":"","p":183},{"i":186,"t":"One post tagged with \"blazor-number\" View All Tags Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More","s":"One post tagged with \"blazor-number\"","u":"/blog/tags/blazor-number","h":"","p":185},{"i":188,"t":"One post tagged with \"blazor-number-input\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"One post tagged with \"blazor-number-input\"","u":"/blog/tags/blazor-number-input","h":"","p":187},{"i":190,"t":"One post tagged with \"blazor-line-chart\" View All Tags BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More","s":"One post tagged with \"blazor-line-chart\"","u":"/blog/tags/blazor-line-chart","h":"","p":189},{"i":192,"t":"One post tagged with \"blazor-offcanvas\" View All Tags Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"One post tagged with \"blazor-offcanvas\"","u":"/blog/tags/blazor-offcanvas","h":"","p":191},{"i":194,"t":"One post tagged with \"blazor-pie-chart\" View All Tags BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More","s":"One post tagged with \"blazor-pie-chart\"","u":"/blog/tags/blazor-pie-chart","h":"","p":193},{"i":196,"t":"One post tagged with \"blazor-progress\" View All Tags Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More","s":"One post tagged with \"blazor-progress\"","u":"/blog/tags/blazor-progress","h":"","p":195},{"i":198,"t":"2 posts tagged with \"blazor-preload\" View All Tags Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"2 posts tagged with \"blazor-preload\"","u":"/blog/tags/blazor-preload","h":"","p":197},{"i":200,"t":"One post tagged with \"blazor-sidemodal\" View All Tags Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"One post tagged with \"blazor-sidemodal\"","u":"/blog/tags/blazor-sidemodal","h":"","p":199},{"i":202,"t":"2 posts tagged with \"blazor-spinner\" View All Tags Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"2 posts tagged with \"blazor-spinner\"","u":"/blog/tags/blazor-spinner","h":"","p":201},{"i":204,"t":"One post tagged with \"blazor-starter-templates\" View All Tags Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More","s":"One post tagged with \"blazor-starter-templates\"","u":"/blog/tags/blazor-starter-templates","h":"","p":203},{"i":206,"t":"One post tagged with \"blazor-tabs\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"One post tagged with \"blazor-tabs\"","u":"/blog/tags/blazor-tabs","h":"","p":205},{"i":208,"t":"One post tagged with \"blazor-progress-bar\" View All Tags Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More","s":"One post tagged with \"blazor-progress-bar\"","u":"/blog/tags/blazor-progress-bar","h":"","p":207},{"i":210,"t":"One post tagged with \"blazor-templates\" View All Tags Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More","s":"One post tagged with \"blazor-templates\"","u":"/blog/tags/blazor-templates","h":"","p":209},{"i":212,"t":"One post tagged with \"blazor-toast\" View All Tags Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More","s":"One post tagged with \"blazor-toast\"","u":"/blog/tags/blazor-toast","h":"","p":211},{"i":214,"t":"2 posts tagged with \"blazor-toasts\" View All Tags Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More","s":"2 posts tagged with \"blazor-toasts\"","u":"/blog/tags/blazor-toasts","h":"","p":213},{"i":216,"t":"42 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Newer Entries Older Entries","s":"42 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/3","h":"","p":215},{"i":218,"t":"42 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Newer Entries Older Entries","s":"42 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/2","h":"","p":217},{"i":220,"t":"42 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More Newer Entries","s":"42 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/5","h":"","p":219},{"i":222,"t":"42 posts tagged with \"blazor\" View All Tags Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Newer Entries Older Entries","s":"42 posts tagged with \"blazor\"","u":"/blog/tags/blazor/page/4","h":"","p":221},{"i":224,"t":"4 posts tagged with \"blazorautocomplete\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More","s":"4 posts tagged with \"blazorautocomplete\"","u":"/blog/tags/blazorautocomplete","h":"","p":223},{"i":226,"t":"One post tagged with \"blazoraccordion\" View All Tags Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"One post tagged with \"blazoraccordion\"","u":"/blog/tags/blazoraccordion","h":"","p":225},{"i":228,"t":"62 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v3.0.0-preview.2 July 1, 2024 · One min read Vikram Reddy Creator We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements! Tags: v3.0.0 blazor bootstrap blazorbootstrap charts grid image polarareachart sidebar sidebar2 Read More Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Older Entries","s":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap","h":"","p":227},{"i":230,"t":"One post tagged with \"blazorbadge\" View All Tags Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"One post tagged with \"blazorbadge\"","u":"/blog/tags/blazorbadge","h":"","p":229},{"i":232,"t":"One post tagged with \"blazorbootstrap-starter-templates\" View All Tags Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More","s":"One post tagged with \"blazorbootstrap-starter-templates\"","u":"/blog/tags/blazorbootstrap-starter-templates","h":"","p":231},{"i":234,"t":"62 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Newer Entries Older Entries","s":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/3","h":"","p":233},{"i":236,"t":"62 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More Newer Entries Older Entries","s":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/4","h":"","p":235},{"i":238,"t":"62 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Tags: v0.3.0 blazorbootstrap grid Read More BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Tags: v0.2.6 blazorbootstrap button Read More Newer Entries Older Entries","s":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/5","h":"","p":237},{"i":240,"t":"62 posts tagged with \"blazorbootstrap\" View All Tags Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Newer Entries Older Entries","s":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/2","h":"","p":239},{"i":242,"t":"62 posts tagged with \"blazorbootstrap\" View All Tags BlazorBootstrap v0.0.2 November 27, 2021 · One min read Vikram Reddy Creator In this release, our focus was more on documenting the individual components. Tags: v0.0.2 blazorbootstrap Read More BlazorBootstrap v0.0.1 November 23, 2021 · One min read Vikram Reddy Creator Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers. Tags: v0.0.1 blazorbootstrap Read More Newer Entries","s":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/7","h":"","p":241},{"i":244,"t":"62 posts tagged with \"blazorbootstrap\" View All Tags BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More BlazorBootstrap v0.2.4 June 19, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.4 with bug fixes and docs enhancement. Tags: v0.2.4 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Tags: v0.2.3 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Tags: v0.2.2 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Tags: v0.1.1 blazorbootstrap alert Read More BlazorBootstrap v0.1.0 December 20, 2021 · One min read Vikram Reddy Creator We are excited to release 0.1.0 with lots of updates. Tags: v0.1.0 blazorbootstrap Read More BlazorBootstrap v0.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Tags: v0.0.4 blazorbootstrap Read More BlazorBootstrap v0.0.3 December 8, 2021 · One min read Vikram Reddy Creator In this release, we added the Toasts component and improved documentation. Tags: v0.0.3 blazorbootstrap Read More Newer Entries Older Entries","s":"62 posts tagged with \"blazorbootstrap\"","u":"/blog/tags/blazorbootstrap/page/6","h":"","p":243},{"i":246,"t":"One post tagged with \"blazorbreadcrumb\" View All Tags Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"One post tagged with \"blazorbreadcrumb\"","u":"/blog/tags/blazorbreadcrumb","h":"","p":245},{"i":248,"t":"2 posts tagged with \"blazorbutton\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"2 posts tagged with \"blazorbutton\"","u":"/blog/tags/blazorbutton","h":"","p":247},{"i":250,"t":"3 posts tagged with \"blazorbuttons\" View All Tags Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"3 posts tagged with \"blazorbuttons\"","u":"/blog/tags/blazorbuttons","h":"","p":249},{"i":252,"t":"One post tagged with \"blazorchart\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More","s":"One post tagged with \"blazorchart\"","u":"/blog/tags/blazorchart","h":"","p":251},{"i":254,"t":"One post tagged with \"blazorconfirmdialog\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More","s":"One post tagged with \"blazorconfirmdialog\"","u":"/blog/tags/blazorconfirmdialog","h":"","p":253},{"i":256,"t":"One post tagged with \"blazorcollapse\" View All Tags Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"One post tagged with \"blazorcollapse\"","u":"/blog/tags/blazorcollapse","h":"","p":255},{"i":258,"t":"One post tagged with \"blazorconfirmmodal\" View All Tags Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More","s":"One post tagged with \"blazorconfirmmodal\"","u":"/blog/tags/blazorconfirmmodal","h":"","p":257},{"i":260,"t":"3 posts tagged with \"blazorcurrencyinput\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More","s":"3 posts tagged with \"blazorcurrencyinput\"","u":"/blog/tags/blazorcurrencyinput","h":"","p":259},{"i":262,"t":"One post tagged with \"blazordate\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"One post tagged with \"blazordate\"","u":"/blog/tags/blazordate","h":"","p":261},{"i":264,"t":"One post tagged with \"blazordialog\" View All Tags Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More","s":"One post tagged with \"blazordialog\"","u":"/blog/tags/blazordialog","h":"","p":263},{"i":266,"t":"4 posts tagged with \"blazordateinput\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"4 posts tagged with \"blazordateinput\"","u":"/blog/tags/blazordateinput","h":"","p":265},{"i":268,"t":"One post tagged with \"blazordropdown\" View All Tags Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More","s":"One post tagged with \"blazordropdown\"","u":"/blog/tags/blazordropdown","h":"","p":267},{"i":270,"t":"2 posts tagged with \"blazordatepicker\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"2 posts tagged with \"blazordatepicker\"","u":"/blog/tags/blazordatepicker","h":"","p":269},{"i":272,"t":"13 posts tagged with \"blazorgrid\" View All Tags Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Older Entries","s":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid","h":"","p":271},{"i":274,"t":"13 posts tagged with \"blazorgrid\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More Newer Entries","s":"13 posts tagged with \"blazorgrid\"","u":"/blog/tags/blazorgrid/page/2","h":"","p":273},{"i":276,"t":"2 posts tagged with \"blazoricon\" View All Tags Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"2 posts tagged with \"blazoricon\"","u":"/blog/tags/blazoricon","h":"","p":275},{"i":278,"t":"One post tagged with \"blazornumber\" View All Tags Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More","s":"One post tagged with \"blazornumber\"","u":"/blog/tags/blazornumber","h":"","p":277},{"i":280,"t":"2 posts tagged with \"blazormodalservice\" View All Tags Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"2 posts tagged with \"blazormodalservice\"","u":"/blog/tags/blazormodalservice","h":"","p":279},{"i":282,"t":"8 posts tagged with \"blazormodal\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More","s":"8 posts tagged with \"blazormodal\"","u":"/blog/tags/blazormodal","h":"","p":281},{"i":284,"t":"3 posts tagged with \"blazoroffcanvas\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"3 posts tagged with \"blazoroffcanvas\"","u":"/blog/tags/blazoroffcanvas","h":"","p":283},{"i":286,"t":"2 posts tagged with \"blazorsidebar\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More","s":"2 posts tagged with \"blazorsidebar\"","u":"/blog/tags/blazorsidebar","h":"","p":285},{"i":288,"t":"One post tagged with \"blazorprogress\" View All Tags Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More","s":"One post tagged with \"blazorprogress\"","u":"/blog/tags/blazorprogress","h":"","p":287},{"i":290,"t":"2 posts tagged with \"blazorswitch\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More","s":"2 posts tagged with \"blazorswitch\"","u":"/blog/tags/blazorswitch","h":"","p":289},{"i":292,"t":"One post tagged with \"blazortabs\" View All Tags Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"One post tagged with \"blazortabs\"","u":"/blog/tags/blazortabs","h":"","p":291},{"i":294,"t":"One post tagged with \"blazornumberinput\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More","s":"One post tagged with \"blazornumberinput\"","u":"/blog/tags/blazornumberinput","h":"","p":293},{"i":296,"t":"One post tagged with \"blazortime\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"One post tagged with \"blazortime\"","u":"/blog/tags/blazortime","h":"","p":295},{"i":298,"t":"One post tagged with \"blazortimepicker\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"One post tagged with \"blazortimepicker\"","u":"/blog/tags/blazortimepicker","h":"","p":297},{"i":300,"t":"3 posts tagged with \"blazortimeinput\" View All Tags Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"3 posts tagged with \"blazortimeinput\"","u":"/blog/tags/blazortimeinput","h":"","p":299},{"i":302,"t":"2 posts tagged with \"blazortoasts\" View All Tags Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More","s":"2 posts tagged with \"blazortoasts\"","u":"/blog/tags/blazortoasts","h":"","p":301},{"i":304,"t":"One post tagged with \"blazortoast\" View All Tags Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"One post tagged with \"blazortoast\"","u":"/blog/tags/blazortoast","h":"","p":303},{"i":306,"t":"2 posts tagged with \"blazortooltip\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More","s":"2 posts tagged with \"blazortooltip\"","u":"/blog/tags/blazortooltip","h":"","p":305},{"i":308,"t":"32 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Older Entries","s":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5","h":"","p":307},{"i":310,"t":"35 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v3.0.0-preview.2 July 1, 2024 · One min read Vikram Reddy Creator We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements! Tags: v3.0.0 blazor bootstrap blazorbootstrap charts grid image polarareachart sidebar sidebar2 Read More Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Older Entries","s":"35 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap","h":"","p":309},{"i":312,"t":"32 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Newer Entries","s":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/4","h":"","p":311},{"i":314,"t":"35 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Newer Entries Older Entries","s":"35 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/2","h":"","p":313},{"i":316,"t":"32 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Newer Entries Older Entries","s":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/3","h":"","p":315},{"i":318,"t":"One post tagged with \"breadcrumb\" View All Tags Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"One post tagged with \"breadcrumb\"","u":"/blog/tags/breadcrumb","h":"","p":317},{"i":320,"t":"35 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Newer Entries Older Entries","s":"35 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/3","h":"","p":319},{"i":322,"t":"35 posts tagged with \"bootstrap\" View All Tags Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More Newer Entries","s":"35 posts tagged with \"bootstrap\"","u":"/blog/tags/bootstrap/page/4","h":"","p":321},{"i":324,"t":"One post tagged with \"breadcrumbservice\" View All Tags Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"One post tagged with \"breadcrumbservice\"","u":"/blog/tags/breadcrumbservice","h":"","p":323},{"i":326,"t":"One post tagged with \"chart\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More","s":"One post tagged with \"chart\"","u":"/blog/tags/chart","h":"","p":325},{"i":328,"t":"3 posts tagged with \"buttons\" View All Tags Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"3 posts tagged with \"buttons\"","u":"/blog/tags/buttons","h":"","p":327},{"i":330,"t":"5 posts tagged with \"button\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Tags: v0.2.6 blazorbootstrap button Read More","s":"5 posts tagged with \"button\"","u":"/blog/tags/button","h":"","p":329},{"i":332,"t":"32 posts tagged with \"bootstrap5\" View All Tags Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Newer Entries Older Entries","s":"32 posts tagged with \"bootstrap5\"","u":"/blog/tags/bootstrap-5/page/2","h":"","p":331},{"i":334,"t":"3 posts tagged with \"charts\" View All Tags Blazor Bootstrap v3.0.0-preview.2 July 1, 2024 · One min read Vikram Reddy Creator We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements! Tags: v3.0.0 blazor bootstrap blazorbootstrap charts grid image polarareachart sidebar sidebar2 Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More","s":"3 posts tagged with \"charts\"","u":"/blog/tags/charts","h":"","p":333},{"i":336,"t":"4 posts tagged with \"callout\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More","s":"4 posts tagged with \"callout\"","u":"/blog/tags/callout","h":"","p":335},{"i":338,"t":"One post tagged with \"collapse\" View All Tags Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"One post tagged with \"collapse\"","u":"/blog/tags/collapse","h":"","p":337},{"i":340,"t":"One post tagged with \"clipboard\" View All Tags Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More","s":"One post tagged with \"clipboard\"","u":"/blog/tags/clipboard","h":"","p":339},{"i":342,"t":"3 posts tagged with \"confirmdialog\" View All Tags Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More","s":"3 posts tagged with \"confirmdialog\"","u":"/blog/tags/confirmdialog","h":"","p":341},{"i":344,"t":"One post tagged with \"confirm dialog\" View All Tags BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More","s":"One post tagged with \"confirm dialog\"","u":"/blog/tags/confirm-dialog","h":"","p":343},{"i":346,"t":"3 posts tagged with \"currencyinput\" View All Tags Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More","s":"3 posts tagged with \"currencyinput\"","u":"/blog/tags/currencyinput","h":"","p":345},{"i":348,"t":"One post tagged with \"confirmmodal\" View All Tags Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More","s":"One post tagged with \"confirmmodal\"","u":"/blog/tags/confirmmodal","h":"","p":347},{"i":350,"t":"One post tagged with \"currency\" View All Tags Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More","s":"One post tagged with \"currency\"","u":"/blog/tags/currency","h":"","p":349},{"i":352,"t":"One post tagged with \"date\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More","s":"One post tagged with \"date\"","u":"/blog/tags/date","h":"","p":351},{"i":354,"t":"4 posts tagged with \"dateinput\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"4 posts tagged with \"dateinput\"","u":"/blog/tags/dateinput","h":"","p":353},{"i":356,"t":"2 posts tagged with \"datepicker\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"2 posts tagged with \"datepicker\"","u":"/blog/tags/datepicker","h":"","p":355},{"i":358,"t":"One post tagged with \"dialog\" View All Tags Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More","s":"One post tagged with \"dialog\"","u":"/blog/tags/dialog","h":"","p":357},{"i":360,"t":"7 posts tagged with \"docs\" View All Tags Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More","s":"7 posts tagged with \"docs\"","u":"/blog/tags/docs","h":"","p":359},{"i":362,"t":"2 posts tagged with \"dropdown\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More","s":"2 posts tagged with \"dropdown\"","u":"/blog/tags/dropdown","h":"","p":361},{"i":364,"t":"22 posts tagged with \"grid\" View All Tags BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Tags: v0.3.0 blazorbootstrap grid Read More BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More Newer Entries","s":"22 posts tagged with \"grid\"","u":"/blog/tags/grid/page/3","h":"","p":363},{"i":366,"t":"22 posts tagged with \"grid\" View All Tags Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More Newer Entries Older Entries","s":"22 posts tagged with \"grid\"","u":"/blog/tags/grid/page/2","h":"","p":365},{"i":368,"t":"22 posts tagged with \"grid\" View All Tags Blazor Bootstrap v3.0.0-preview.2 July 1, 2024 · One min read Vikram Reddy Creator We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements! Tags: v3.0.0 blazor bootstrap blazorbootstrap charts grid image polarareachart sidebar sidebar2 Read More Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Older Entries","s":"22 posts tagged with \"grid\"","u":"/blog/tags/grid","h":"","p":367},{"i":370,"t":"One post tagged with \"icons\" View All Tags BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More","s":"One post tagged with \"icons\"","u":"/blog/tags/icons","h":"","p":369},{"i":372,"t":"2 posts tagged with \"input\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"2 posts tagged with \"input\"","u":"/blog/tags/input","h":"","p":371},{"i":374,"t":"One post tagged with \"image\" View All Tags Blazor Bootstrap v3.0.0-preview.2 July 1, 2024 · One min read Vikram Reddy Creator We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements! Tags: v3.0.0 blazor bootstrap blazorbootstrap charts grid image polarareachart sidebar sidebar2 Read More","s":"One post tagged with \"image\"","u":"/blog/tags/image","h":"","p":373},{"i":376,"t":"2 posts tagged with \"icon\" View All Tags Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"2 posts tagged with \"icon\"","u":"/blog/tags/icon","h":"","p":375},{"i":378,"t":"One post tagged with \"layout\" View All Tags Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More","s":"One post tagged with \"layout\"","u":"/blog/tags/layout","h":"","p":377},{"i":380,"t":"One post tagged with \"input-number\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"One post tagged with \"input-number\"","u":"/blog/tags/input-number","h":"","p":379},{"i":382,"t":"One post tagged with \"leftmenu\" View All Tags Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More","s":"One post tagged with \"leftmenu\"","u":"/blog/tags/leftmenu","h":"","p":381},{"i":384,"t":"One post tagged with \"navigation\" View All Tags Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More","s":"One post tagged with \"navigation\"","u":"/blog/tags/navigation","h":"","p":383},{"i":386,"t":"2 posts tagged with \"numberinput\" View All Tags Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More","s":"2 posts tagged with \"numberinput\"","u":"/blog/tags/numberinput","h":"","p":385},{"i":388,"t":"13 posts tagged with \"modal\" View All Tags Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More Newer Entries","s":"13 posts tagged with \"modal\"","u":"/blog/tags/modal/page/2","h":"","p":387},{"i":390,"t":"13 posts tagged with \"modal\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More Older Entries","s":"13 posts tagged with \"modal\"","u":"/blog/tags/modal","h":"","p":389},{"i":392,"t":"One post tagged with \"pagination\" View All Tags BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More","s":"One post tagged with \"pagination\"","u":"/blog/tags/pagination","h":"","p":391},{"i":394,"t":"3 posts tagged with \"modalservice\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"3 posts tagged with \"modalservice\"","u":"/blog/tags/modalservice","h":"","p":393},{"i":396,"t":"One post tagged with \"polarareachart\" View All Tags Blazor Bootstrap v3.0.0-preview.2 July 1, 2024 · One min read Vikram Reddy Creator We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements! Tags: v3.0.0 blazor bootstrap blazorbootstrap charts grid image polarareachart sidebar sidebar2 Read More","s":"One post tagged with \"polarareachart\"","u":"/blog/tags/polarareachart","h":"","p":395},{"i":398,"t":"5 posts tagged with \"offcanvas\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More","s":"5 posts tagged with \"offcanvas\"","u":"/blog/tags/offcanvas","h":"","p":397},{"i":400,"t":"4 posts tagged with \"pdfviewer\" View All Tags Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More","s":"4 posts tagged with \"pdfviewer\"","u":"/blog/tags/pdfviewer","h":"","p":399},{"i":402,"t":"One post tagged with \"preload\" View All Tags Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More","s":"One post tagged with \"preload\"","u":"/blog/tags/preload","h":"","p":401},{"i":404,"t":"3 posts tagged with \"placeholders\" View All Tags BlazorBootstrap v0.2.4 June 19, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.4 with bug fixes and docs enhancement. Tags: v0.2.4 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Tags: v0.2.3 blazorbootstrap placeholders Read More BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Tags: v0.2.2 blazorbootstrap placeholders Read More","s":"3 posts tagged with \"placeholders\"","u":"/blog/tags/placeholders","h":"","p":403},{"i":406,"t":"2 posts tagged with \"progress\" View All Tags Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More","s":"2 posts tagged with \"progress\"","u":"/blog/tags/progress","h":"","p":405},{"i":408,"t":"One post tagged with \"progress-bar\" View All Tags Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More","s":"One post tagged with \"progress-bar\"","u":"/blog/tags/progress-bar","h":"","p":407},{"i":410,"t":"One post tagged with \"scriptloader\" View All Tags Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More","s":"One post tagged with \"scriptloader\"","u":"/blog/tags/scriptloader","h":"","p":409},{"i":412,"t":"2 posts tagged with \"rangeinput\" View All Tags Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More","s":"2 posts tagged with \"rangeinput\"","u":"/blog/tags/rangeinput","h":"","p":411},{"i":414,"t":"2 posts tagged with \"ribbon\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More","s":"2 posts tagged with \"ribbon\"","u":"/blog/tags/ribbon","h":"","p":413},{"i":416,"t":"4 posts tagged with \"sidebar\" View All Tags Blazor Bootstrap v3.0.0-preview.2 July 1, 2024 · One min read Vikram Reddy Creator We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements! Tags: v3.0.0 blazor bootstrap blazorbootstrap charts grid image polarareachart sidebar sidebar2 Read More Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More","s":"4 posts tagged with \"sidebar\"","u":"/blog/tags/sidebar","h":"","p":415},{"i":418,"t":"One post tagged with \"sortablelist\" View All Tags Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More","s":"One post tagged with \"sortablelist\"","u":"/blog/tags/sortablelist","h":"","p":417},{"i":420,"t":"One post tagged with \"spinner\" View All Tags Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More","s":"One post tagged with \"spinner\"","u":"/blog/tags/spinner","h":"","p":419},{"i":422,"t":"3 posts tagged with \"sidebar2\" View All Tags Blazor Bootstrap v3.0.0-preview.2 July 1, 2024 · One min read Vikram Reddy Creator We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements! Tags: v3.0.0 blazor bootstrap blazorbootstrap charts grid image polarareachart sidebar sidebar2 Read More Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More","s":"3 posts tagged with \"sidebar2\"","u":"/blog/tags/sidebar-2","h":"","p":421},{"i":424,"t":"2 posts tagged with \"switch\" View All Tags Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More","s":"2 posts tagged with \"switch\"","u":"/blog/tags/switch","h":"","p":423},{"i":426,"t":"One post tagged with \"tab\" View All Tags Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More","s":"One post tagged with \"tab\"","u":"/blog/tags/tab","h":"","p":425},{"i":428,"t":"3 posts tagged with \"tabs\" View All Tags Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"3 posts tagged with \"tabs\"","u":"/blog/tags/tabs","h":"","p":427},{"i":430,"t":"One post tagged with \"timepicker\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"One post tagged with \"timepicker\"","u":"/blog/tags/timepicker","h":"","p":429},{"i":432,"t":"2 posts tagged with \"toast\" View All Tags Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"2 posts tagged with \"toast\"","u":"/blog/tags/toast","h":"","p":431},{"i":434,"t":"3 posts tagged with \"timeinput\" View All Tags Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"3 posts tagged with \"timeinput\"","u":"/blog/tags/timeinput","h":"","p":433},{"i":436,"t":"4 posts tagged with \"toasts\" View All Tags Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More","s":"4 posts tagged with \"toasts\"","u":"/blog/tags/toasts","h":"","p":435},{"i":438,"t":"One post tagged with \"toastservice\" View All Tags Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"One post tagged with \"toastservice\"","u":"/blog/tags/toastservice","h":"","p":437},{"i":440,"t":"One post tagged with \"v0.0.1\" View All Tags BlazorBootstrap v0.0.1 November 23, 2021 · One min read Vikram Reddy Creator Welcome to BlazorBoostrap! This is our first release. We have created a few components used most frequently by the developers. Tags: v0.0.1 blazorbootstrap Read More","s":"One post tagged with \"v0.0.1\"","u":"/blog/tags/v-0-0-1","h":"","p":439},{"i":442,"t":"3 posts tagged with \"tooltip\" View All Tags Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More","s":"3 posts tagged with \"tooltip\"","u":"/blog/tags/tooltip","h":"","p":441},{"i":444,"t":"One post tagged with \"v0.0.2\" View All Tags BlazorBootstrap v0.0.2 November 27, 2021 · One min read Vikram Reddy Creator In this release, our focus was more on documenting the individual components. Tags: v0.0.2 blazorbootstrap Read More","s":"One post tagged with \"v0.0.2\"","u":"/blog/tags/v-0-0-2","h":"","p":443},{"i":446,"t":"One post tagged with \"v0.0.3\" View All Tags BlazorBootstrap v0.0.3 December 8, 2021 · One min read Vikram Reddy Creator In this release, we added the Toasts component and improved documentation. Tags: v0.0.3 blazorbootstrap Read More","s":"One post tagged with \"v0.0.3\"","u":"/blog/tags/v-0-0-3","h":"","p":445},{"i":448,"t":"One post tagged with \"v0.0.4\" View All Tags BlazorBootstrap v0.0.4 December 12, 2021 · One min read Vikram Reddy Creator Our focus was on ensuring the component parameter names were consistent and documentation improvements in this release. Tags: v0.0.4 blazorbootstrap Read More","s":"One post tagged with \"v0.0.4\"","u":"/blog/tags/v-0-0-4","h":"","p":447},{"i":450,"t":"One post tagged with \"v0.1.0\" View All Tags BlazorBootstrap v0.1.0 December 20, 2021 · One min read Vikram Reddy Creator We are excited to release 0.1.0 with lots of updates. Tags: v0.1.0 blazorbootstrap Read More","s":"One post tagged with \"v0.1.0\"","u":"/blog/tags/v-0-1-0","h":"","p":449},{"i":452,"t":"One post tagged with \"v0.1.1\" View All Tags BlazorBootstrap v0.1.1 December 21, 2021 · One min read Vikram Reddy Creator In this release, we made minor updates to the Alert component parameter. Also, docs and demos are updated. Tags: v0.1.1 blazorbootstrap alert Read More","s":"One post tagged with \"v0.1.1\"","u":"/blog/tags/v-0-1-1","h":"","p":451},{"i":454,"t":"One post tagged with \"v0.2.1\" View All Tags BlazorBootstrap v0.2.1 February 27, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.1 with minor updates. Bootstrap Icons updated to v1.8.0​ Tags: v0.2.1 blazorbootstrap icons confirm dialog toasts Read More","s":"One post tagged with \"v0.2.1\"","u":"/blog/tags/v-0-2-1","h":"","p":453},{"i":456,"t":"One post tagged with \"v0.2.0\" View All Tags BlazorBootstrap v0.2.0 January 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.0 with lots of updates. Tags: v0.2.0 blazorbootstrap modal offcanvas grid pagination Read More","s":"One post tagged with \"v0.2.0\"","u":"/blog/tags/v-0-2-0","h":"","p":455},{"i":458,"t":"One post tagged with \"v0.2.2\" View All Tags BlazorBootstrap v0.2.2 March 15, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.2 with a new component and minor updates. Tags: v0.2.2 blazorbootstrap placeholders Read More","s":"One post tagged with \"v0.2.2\"","u":"/blog/tags/v-0-2-2","h":"","p":457},{"i":460,"t":"One post tagged with \"v0.2.3\" View All Tags BlazorBootstrap v0.2.3 April 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.3 with a new component and minor updates. Tags: v0.2.3 blazorbootstrap placeholders Read More","s":"One post tagged with \"v0.2.3\"","u":"/blog/tags/v-0-2-3","h":"","p":459},{"i":462,"t":"One post tagged with \"v0.2.4\" View All Tags BlazorBootstrap v0.2.4 June 19, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.4 with bug fixes and docs enhancement. Tags: v0.2.4 blazorbootstrap placeholders Read More","s":"One post tagged with \"v0.2.4\"","u":"/blog/tags/v-0-2-4","h":"","p":461},{"i":464,"t":"One post tagged with \"v0.2.5\" View All Tags BlazorBootstrap v0.2.5 July 28, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.5 with bug fixes and docs enhancement. Tags: v0.2.5 blazorbootstrap offcanvas modal Read More","s":"One post tagged with \"v0.2.5\"","u":"/blog/tags/v-0-2-5","h":"","p":463},{"i":466,"t":"One post tagged with \"v0.2.6\" View All Tags BlazorBootstrap v0.2.6 August 13, 2022 · One min read Vikram Reddy Creator We are excited to release 0.2.6 with enhancements and bug fixes. Tags: v0.2.6 blazorbootstrap button Read More","s":"One post tagged with \"v0.2.6\"","u":"/blog/tags/v-0-2-6","h":"","p":465},{"i":468,"t":"One post tagged with \"v0.4.0\" View All Tags BlazorBootstrap v0.4.0 September 4, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.0 with new blazor autocomplete component. Tags: v0.4.0 blazorbootstrap autocomplete docs Read More","s":"One post tagged with \"v0.4.0\"","u":"/blog/tags/v-0-4-0","h":"","p":467},{"i":470,"t":"One post tagged with \"v0.3.0\" View All Tags BlazorBootstrap v0.3.0 August 31, 2022 · One min read Vikram Reddy Creator We are excited to release 0.3.0 with significant enhancements to the grid component. Tags: v0.3.0 blazorbootstrap grid Read More","s":"One post tagged with \"v0.3.0\"","u":"/blog/tags/v-0-3-0","h":"","p":469},{"i":472,"t":"One post tagged with \"v0.4.1\" View All Tags BlazorBootstrap v0.4.1 September 12, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.1 with enhancements. Tags: v0.4.1 blazorbootstrap callout autocomplete grid docs Read More","s":"One post tagged with \"v0.4.1\"","u":"/blog/tags/v-0-4-1","h":"","p":471},{"i":474,"t":"One post tagged with \"v0.5.1\" View All Tags Blazor Bootstrap v0.5.1 October 22, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.1 with blazor grid enhancements. Tags: v0.5.1 blazorbootstrap blazorgrid blazor-grid blazor-grid-sorting blazor-grid-filtering blazor-grid-paging Read More","s":"One post tagged with \"v0.5.1\"","u":"/blog/tags/v-0-5-1","h":"","p":473},{"i":476,"t":"One post tagged with \"v0.6.0\" View All Tags Blazor Bootstrap v0.6.0 October 30, 2022 · One min read Vikram Reddy Creator We are excited to release 0.6.0 with the new blazor progress component and enhancements to the blazor toasts component. Tags: v0.6.0 blazorbootstrap blazor-toasts blazor-progress blazor-progress-bar toasts progress progress-bar Read More","s":"One post tagged with \"v0.6.0\"","u":"/blog/tags/v-0-6-0","h":"","p":475},{"i":478,"t":"One post tagged with \"v1.0.0\" View All Tags Blazor Bootstrap v1.0.0 November 18, 2022 · One min read Vikram Reddy Creator We are excited to release our major version, 1.0.0, with new components, enhancements to existing ones, and more!!! Tags: v1.0.0 blazor blazorbootstrap blazor-bootstrap blazor-tabs blazor-input blazor-input-number blazor-number-input input input-number Read More","s":"One post tagged with \"v1.0.0\"","u":"/blog/tags/v-1-0-0","h":"","p":477},{"i":480,"t":"One post tagged with \"v1.0.1\" View All Tags Blazor Bootstrap v1.0.1 November 22, 2022 · One min read Vikram Reddy Creator We are excited to release 1.0.1, with enhancements and more examples!!! Tags: v1.0.1 blazor blazorbootstrap blazor-bootstrap blazor-offcanvas blazor-sidemodal blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner Read More","s":"One post tagged with \"v1.0.1\"","u":"/blog/tags/v-1-0-1","h":"","p":479},{"i":482,"t":"One post tagged with \"v0.4.2\" View All Tags BlazorBootstrap v0.4.2 September 17, 2022 · One min read Vikram Reddy Creator We are excited to release 0.4.2 with bug fixes. Bug fixes​ AutoComplete component bug fix Links​ Demo Website Blazor AutoComplete Component Documentation Tags: v0.4.2 blazorbootstrap autocomplete","s":"One post tagged with \"v0.4.2\"","u":"/blog/tags/v-0-4-2","h":"","p":481},{"i":484,"t":"One post tagged with \"v1.1.0\" View All Tags Blazor Bootstrap v1.1.0 November 28, 2022 · One min read Vikram Reddy Creator We are excited to release 1.1.0, with new Toast Service, ConfirmDialog, Icons enhancements, and more examples!!! Blazor Toasts serviceBlazor ConfirmDialog componentBlazor Icon component Tags: v1.1.0 blazor blazorbootstrap blazor-bootstrap blazor-dialog blazor-confirm-dialog blazor-preload blazor-spinner blazor-toast Read More","s":"One post tagged with \"v1.1.0\"","u":"/blog/tags/v-1-1-0","h":"","p":483},{"i":486,"t":"One post tagged with \"v1.10.0\" View All Tags Blazor Bootstrap v1.10.0 August 13, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!! Tags: v1.10.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More","s":"One post tagged with \"v1.10.0\"","u":"/blog/tags/v-1-10-0","h":"","p":485},{"i":488,"t":"One post tagged with \"v1.10.1\" View All Tags Blazor Bootstrap v1.10.1 August 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.1 with base component improvements and chart updates!!! Tags: v1.10.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More","s":"One post tagged with \"v1.10.1\"","u":"/blog/tags/v-1-10-1","h":"","p":487},{"i":490,"t":"One post tagged with \"v1.10.2\" View All Tags Blazor Bootstrap v1.10.2 September 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!! Tags: v1.10.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete confirmdialog blazorconfirmdialog modal blazormodal modalservice tooltip blazortooltip sidebar blazorsidebar chart blazorchart docs Read More","s":"One post tagged with \"v1.10.2\"","u":"/blog/tags/v-1-10-2","h":"","p":489},{"i":492,"t":"One post tagged with \"v1.10.4\" View All Tags Blazor Bootstrap v1.10.4 November 18, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.4 with enhancements to grid, preload, modal, and switch!!! Tags: v1.10.4 blazor bootstrap bootstrap5 blazorbootstrap grid preload switch charts modal docs Read More","s":"One post tagged with \"v1.10.4\"","u":"/blog/tags/v-1-10-4","h":"","p":491},{"i":494,"t":"One post tagged with \"v1.11.0\" View All Tags Blazor Bootstrap v1.11.0 February 4, 2024 · 2 min read Vikram Reddy Creator We are excited to release version 1.11.0, featuring new PDF Viewer, Range Input, and Script Loader components, along with updates to Auto Complete, Badge, Grid, and Tabs. Tags: v1.11.0 blazor bootstrap bootstrap5 blazorbootstrap autocomplete badge grid pdfviewer rangeinput scriptloader tabs docs Read More","s":"One post tagged with \"v1.11.0\"","u":"/blog/tags/v-1-11-0","h":"","p":493},{"i":496,"t":"One post tagged with \"v1.10.3\" View All Tags Blazor Bootstrap v1.10.3 October 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.10.3 with enhancements to grid, dropdown, icons, and others!!! Tags: v1.10.3 blazor bootstrap bootstrap5 blazorbootstrap dropdown blazordropdown icon blazoricon docs Read More","s":"One post tagged with \"v1.10.3\"","u":"/blog/tags/v-1-10-3","h":"","p":495},{"i":498,"t":"One post tagged with \"v1.10.5\" View All Tags Blazor Bootstrap v1.10.5 January 1, 2024 · One min read Vikram Reddy Creator We are excited to release 1.10.5 with enhancements to accordion, grid, modal, toast, and charts!!! Tags: v1.10.5 blazor bootstrap bootstrap5 blazorbootstrap accordion charts grid modal toast docs Read More","s":"One post tagged with \"v1.10.5\"","u":"/blog/tags/v-1-10-5","h":"","p":497},{"i":500,"t":"One post tagged with \"v1.2.0\" View All Tags Blazor Bootstrap v1.2.0 December 12, 2022 · One min read Vikram Reddy Creator We are excited to release 1.2.0, with new CurrencyInput component, and more examples!!! Blazor CurrencyInput component Tags: v1.2.0 blazor blazorbootstrap blazor-bootstrap blazornumber blazor-number blazorcurrencyinput blazor-currency-input Read More","s":"One post tagged with \"v1.2.0\"","u":"/blog/tags/v-1-2-0","h":"","p":499},{"i":502,"t":"One post tagged with \"v1.11.1\" View All Tags Blazor Bootstrap v1.11.1 February 4, 2024 · One min read Vikram Reddy Creator We are excited to release 1.11.1 with PDF Viewer updates!!! Tags: v1.11.1 blazor bootstrap bootstrap5 blazorbootstrap pdfviewer Read More","s":"One post tagged with \"v1.11.1\"","u":"/blog/tags/v-1-11-1","h":"","p":501},{"i":504,"t":"One post tagged with \"v1.3.1\" View All Tags Blazor Bootstrap v1.3.1 December 18, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.1, with AutoComplete - keyboard navigation support, and more examples!!! Blazor AutoComplete component Tags: v1.3.1 blazor blazorbootstrap autocomplete blazorautocomplete Read More","s":"One post tagged with \"v1.3.1\"","u":"/blog/tags/v-1-3-1","h":"","p":503},{"i":506,"t":"One post tagged with \"v1.3.0\" View All Tags Blazor Bootstrap v1.3.0 December 15, 2022 · One min read Vikram Reddy Creator We are excited to release 1.3.0, with new Switch component, and more examples!!! Blazor Switch component Tags: v1.3.0 blazor blazorbootstrap blazor-bootstrap blazorswitch Read More","s":"One post tagged with \"v1.3.0\"","u":"/blog/tags/v-1-3-0","h":"","p":505},{"i":508,"t":"One post tagged with \"v1.4.0\" View All Tags Blazor Bootstrap v1.4.0 January 15, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.0, with new sidebar and more examples!!! Blazor Sidebar component Tags: v1.4.0 blazor blazorbootstrap sidebar blazorsidebar leftmenu navigation layout Read More","s":"One post tagged with \"v1.4.0\"","u":"/blog/tags/v-1-4-0","h":"","p":507},{"i":510,"t":"One post tagged with \"v1.4.2\" View All Tags Blazor Bootstrap v1.4.2 January 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.2, with Auto Complete updates and new starter templates for blazor webassembly and blazor server!!! Blazor Bootstrap: Blazor WebAssembly and Server starter templates Tags: v1.4.2 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazor-autocomplete blazor-templates blazor-starter-templates blazorbootstrap-starter-templates Read More","s":"One post tagged with \"v1.4.2\"","u":"/blog/tags/v-1-4-2","h":"","p":509},{"i":512,"t":"One post tagged with \"v1.4.3\" View All Tags Blazor Bootstrap v1.4.3 February 7, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.3, with Grid enhancements and more examples!!! Tags: v1.4.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More","s":"One post tagged with \"v1.4.3\"","u":"/blog/tags/v-1-4-3","h":"","p":511},{"i":514,"t":"One post tagged with \"v1.4.4\" View All Tags Blazor Bootstrap v1.4.4 February 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.4, with Grid enhancements and more examples!!! Tags: v1.4.4 blazor bootstrap bootstrap5 blazorbootstrap grid blazor-grid blazorgrid Read More","s":"One post tagged with \"v1.4.4\"","u":"/blog/tags/v-1-4-4","h":"","p":513},{"i":516,"t":"One post tagged with \"v1.4.1\" View All Tags Blazor Bootstrap v1.4.1 January 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.1, with modal updates and more examples!!! Blazor modal component Tags: v1.4.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal confirmmodal blazorconfirmmodal dialog blazordialog Read More","s":"One post tagged with \"v1.4.1\"","u":"/blog/tags/v-1-4-1","h":"","p":515},{"i":518,"t":"One post tagged with \"v1.4.5\" View All Tags Blazor Bootstrap v1.4.5 February 23, 2023 · One min read Vikram Reddy Creator We are excited to release 1.4.5 with the Toasts component bug fix!!! Tags: v1.4.5 blazor bootstrap bootstrap5 blazorbootstrap toasts blazor-toasts blazortoasts Read More","s":"One post tagged with \"v1.4.5\"","u":"/blog/tags/v-1-4-5","h":"","p":517},{"i":520,"t":"One post tagged with \"v1.5.0\" View All Tags Blazor Bootstrap v1.5.0 March 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.5.0 with new DateInput component and other updates!!! Tags: v1.5.0 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons dateinput datepicker blazordateinput blazordatepicker offcanvas blazoroffcanvas modal blazormodal Read More","s":"One post tagged with \"v1.5.0\"","u":"/blog/tags/v-1-5-0","h":"","p":519},{"i":522,"t":"One post tagged with \"v1.7.0\" View All Tags Blazor Bootstrap v1.7.0 April 10, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.0 with new Badge, Collapse, and Accordion components and other updates!!! Tags: v1.7.0 blazor bootstrap bootstrap5 blazorbootstrap badge blazorbadge collapse blazorcollapse accordion blazoraccordion button blazorbutton Read More","s":"One post tagged with \"v1.7.0\"","u":"/blog/tags/v-1-7-0","h":"","p":521},{"i":524,"t":"One post tagged with \"v1.7.1\" View All Tags Blazor Bootstrap v1.7.1 April 19, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.1 with Auto complete and Buttons updates!!! Tags: v1.7.1 blazor bootstrap bootstrap5 blazorbootstrap autocomplete blazorautocomplete buttons blazorbuttons Read More","s":"One post tagged with \"v1.7.1\"","u":"/blog/tags/v-1-7-1","h":"","p":523},{"i":526,"t":"One post tagged with \"v1.6.0\" View All Tags Blazor Bootstrap v1.6.0 March 12, 2023 · One min read Vikram Reddy Creator We are excited to release 1.6.0 with new TimeInput component and other updates!!! Tags: v1.6.0 blazor bootstrap bootstrap5 blazorbootstrap timeinput timepicker blazortimeinput blazortimepicker blazortime dateinput datepicker blazordateinput blazordatepicker blazordate grid blazorgrid modal blazormodal offcanvas blazoroffcanvas Read More","s":"One post tagged with \"v1.6.0\"","u":"/blog/tags/v-1-6-0","h":"","p":525},{"i":528,"t":"One post tagged with \"v1.7.2\" View All Tags Blazor Bootstrap v1.7.2 April 24, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.2 with Currency Input updates!!! Tags: v1.7.2 blazor bootstrap bootstrap5 blazorbootstrap currency currencyinput blazorcurrencyinput Read More","s":"One post tagged with \"v1.7.2\"","u":"/blog/tags/v-1-7-2","h":"","p":527},{"i":530,"t":"One post tagged with \"v1.7.3\" View All Tags Blazor Bootstrap v1.7.3 April 29, 2023 · One min read Vikram Reddy Creator We are excited to release 1.7.3 with Buttons and Grid updates!!! Tags: v1.7.3 blazor bootstrap bootstrap5 blazorbootstrap buttons blazorbuttons grid blazorgrid Read More","s":"One post tagged with \"v1.7.3\"","u":"/blog/tags/v-1-7-3","h":"","p":529},{"i":532,"t":"One post tagged with \"v1.8.1\" View All Tags Blazor Bootstrap v1.8.1 May 31, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.1 with Grid and Tooltip components updates!!! Tags: v1.8.1 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid tooltip blazortooltip Read More","s":"One post tagged with \"v1.8.1\"","u":"/blog/tags/v-1-8-1","h":"","p":531},{"i":534,"t":"One post tagged with \"v1.8.0\" View All Tags Blazor Bootstrap v1.8.0 May 28, 2023 · 2 min read Vikram Reddy Creator We are excited to release 1.8.0 with Grid, Offcanvas and Form components updates!!! Tags: v1.8.0 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid offcanvas blazoroffcanvas autocomplete blazorautocomplete currencyinput blazorcurrencyinput dateinput blazordateinput numberinput blazornumberinput switch blazorswitch timeinput blazortimeinput Read More","s":"One post tagged with \"v1.8.0\"","u":"/blog/tags/v-1-8-0","h":"","p":533},{"i":536,"t":"One post tagged with \"v1.8.3\" View All Tags Blazor Bootstrap v1.8.3 June 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.3 with Grid and Progress components updates!!! Tags: v1.8.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid progress blazorprogress Read More","s":"One post tagged with \"v1.8.3\"","u":"/blog/tags/v-1-8-3","h":"","p":535},{"i":538,"t":"One post tagged with \"v1.8.2\" View All Tags Blazor Bootstrap v1.8.2 June 11, 2023 · One min read Vikram Reddy Creator We are excited to release 1.8.2 with Grid, Button and DateInput components updates!!! Tags: v1.8.2 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid button blazorbutton date dateinput input blazordateinput Read More","s":"One post tagged with \"v1.8.2\"","u":"/blog/tags/v-1-8-2","h":"","p":537},{"i":540,"t":"One post tagged with \"v1.9.0\" View All Tags Blazor Bootstrap v1.9.0 June 30, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.0 with Modal Service, Modals, Icons, Toasts, and Tabs updates!!! Tags: v1.9.0 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal icon blazoricon modalservice blazormodalservice toasts blazortoasts tabs blazortabs Read More","s":"One post tagged with \"v1.9.0\"","u":"/blog/tags/v-1-9-0","h":"","p":539},{"i":542,"t":"One post tagged with \"v1.9.2\" View All Tags Blazor Bootstrap v1.9.2 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.2 with New Breadcrumb service and Toast Service updates!!! Tags: v1.9.2 blazor bootstrap bootstrap5 blazorbootstrap breadcrumbservice breadcrumb blazorbreadcrumb toast blazortoast toastservice Read More","s":"One post tagged with \"v1.9.2\"","u":"/blog/tags/v-1-9-2","h":"","p":541},{"i":544,"t":"One post tagged with \"v1.9.3\" View All Tags Blazor Bootstrap v1.9.3 July 4, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.3 with Grid component updates!!! Tags: v1.9.3 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid Read More","s":"One post tagged with \"v1.9.3\"","u":"/blog/tags/v-1-9-3","h":"","p":543},{"i":546,"t":"One post tagged with \"v1.9.1\" View All Tags Blazor Bootstrap v1.9.1 July 1, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.1 with Modal Service updates!!! Tags: v1.9.1 blazor bootstrap bootstrap5 blazorbootstrap modal blazormodal Read More","s":"One post tagged with \"v1.9.1\"","u":"/blog/tags/v-1-9-1","h":"","p":545},{"i":548,"t":"One post tagged with \"v2.0.0\" View All Tags Blazor Bootstrap v2.0.0 February 25, 2024 · One min read Vikram Reddy Creator We are excited to release 2.0.0 with Core updates, Spinner Component, and other improvements!!! Tags: v2.0.0 blazor bootstrap bootstrap5 blazorbootstrap button callout clipboard spinner Read More","s":"One post tagged with \"v2.0.0\"","u":"/blog/tags/v-2-0-0","h":"","p":547},{"i":550,"t":"One post tagged with \"v1.9.4\" View All Tags Blazor Bootstrap v1.9.4 July 5, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.4 with Modal service updates!!! Tags: v1.9.4 blazor bootstrap bootstrap5 blazorbootstrap modal modalservice blazormodal blazormodalservice Read More","s":"One post tagged with \"v1.9.4\"","u":"/blog/tags/v-1-9-4","h":"","p":549},{"i":552,"t":"One post tagged with \"v2.1.0\" View All Tags Blazor Bootstrap v2.1.0 March 17, 2024 · One min read Vikram Reddy Creator We are excited to release 2.1.0 with New Sidebar2 Component and Other Improvements!!! Tags: v2.1.0 blazor bootstrap bootstrap5 blazorbootstrap barchart callout currencyinput grid numberinput pdfviewer rangeinput sidebar2 tooltip Read More","s":"One post tagged with \"v2.1.0\"","u":"/blog/tags/v-2-1-0","h":"","p":551},{"i":554,"t":"One post tagged with \"v1.9.5\" View All Tags Blazor Bootstrap v1.9.5 July 16, 2023 · One min read Vikram Reddy Creator We are excited to release 1.9.5 with Grid, TimeInput, and Modal component updates!!! Tags: v1.9.5 blazor bootstrap bootstrap5 blazorbootstrap grid blazorgrid timeinput blazortimeinput modal blazormodal Read More","s":"One post tagged with \"v1.9.5\"","u":"/blog/tags/v-1-9-5","h":"","p":553},{"i":556,"t":"One post tagged with \"v2.2.0\" View All Tags Blazor Bootstrap v2.2.0 April 14, 2024 · One min read Vikram Reddy Creator We are excited to release 2.2.0 with New Ribbon and SortableList Component, and Other Improvements!!! Tags: v2.2.0 blazor bootstrap bootstrap5 blazorbootstrap confirmdialog pdfviewer Ribbon sortablelist tabs Read More","s":"One post tagged with \"v2.2.0\"","u":"/blog/tags/v-2-2-0","h":"","p":555},{"i":558,"t":"One post tagged with \"v2.2.1\" View All Tags Blazor Bootstrap v2.2.1 April 21, 2024 · One min read Vikram Reddy Creator We are excited to release version 2.2.1, which includes a Confirm Dialog, Grid updates, and demo projects upgraded to .NET 8!!! Tags: v2.2.1 blazor bootstrap blazorbootstrap confirmdialog grid Read More","s":"One post tagged with \"v2.2.1\"","u":"/blog/tags/v-2-2-1","h":"","p":557},{"i":560,"t":"Components Breadcrumb On this page Blazor Breadcrumb Blazor Bootstrap breadcrumb component indicates the current page's location within a navigational hierarchy that automatically adds separators. Parameters​ Name Type Default Required Description Added Version Items List<BreadcrumbItem> null ✔️ Gets or sets the items. 1.0.0 Examples​ Breadcrumb​ <div> <Breadcrumb Items=\"NavItems1\"></Breadcrumb> <Breadcrumb Items=\"NavItems2\"></Breadcrumb> </div> @code { private List<BreadcrumbItem> NavItems1 { get; set; } private List<BreadcrumbItem> NavItems2 { get; set; } protected override void OnInitialized() { NavItems1 = new List<BreadcrumbItem> { new BreadcrumbItem{ Text = \"Home\", Href =\"/\" }, new BreadcrumbItem{ Text = \"Breadcrumb\", IsCurrentPage = true } }; NavItems2 = new List<BreadcrumbItem> { new BreadcrumbItem{ Text = \"Home\", Href =\"/\" }, new BreadcrumbItem{ Text = \"Docs\", Href =\"/docs\" }, new BreadcrumbItem{ Text = \"Breadcrumb\", IsCurrentPage = true } }; } } See breadcrumb demo here. Dividers​ Dividers are automatically added in CSS through ::before and content. They can be changed by modifying a local CSS custom property --bs-breadcrumb-divider. <div> <Breadcrumb style=\"--bs-breadcrumb-divider: '>';\" Items=\"NavItems2\"></Breadcrumb> </div> @code { private List<BreadcrumbItem> NavItems2 { get; set; } protected override void OnInitialized() { NavItems2 = new List<BreadcrumbItem> { new BreadcrumbItem{ Text = \"Home\", Href =\"/\" }, new BreadcrumbItem{ Text = \"Docs\", Href =\"/docs\" }, new BreadcrumbItem{ Text = \"Breadcrumb\", IsCurrentPage = true } }; } } See breadcrumb with dividers demo here. Embedded SVG icon​ It's also possible to use an embedded SVG icon. Apply it via our CSS custom property <div> <Breadcrumb style=\"--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);\" Items=\"NavItems2\"></Breadcrumb> </div> @code { private List<BreadcrumbItem> NavItems2 { get; set; } protected override void OnInitialized() { NavItems2 = new List<BreadcrumbItem> { new BreadcrumbItem{ Text = \"Home\", Href =\"/\" }, new BreadcrumbItem{ Text = \"Docs\", Href =\"/docs\" }, new BreadcrumbItem{ Text = \"Breadcrumb\", IsCurrentPage = true } }; } } See breadcrumb with embedded svg icon demo here. Edit this page Previous Badge Next Buttons Parameters Examples Breadcrumb Dividers Embedded SVG icon","s":"Blazor Breadcrumb","u":"/components/breadcrumb","h":"","p":559},{"i":562,"t":"2 posts tagged with \"v3.0.0\" View All Tags Blazor Bootstrap v3.0.0-preview.2 July 1, 2024 · One min read Vikram Reddy Creator We are excited to release version 3.0.0-preview.2, which includes new polar area charts and image components, and other improvements! Tags: v3.0.0 blazor bootstrap blazorbootstrap charts grid image polarareachart sidebar sidebar2 Read More Blazor Bootstrap v3.0.0-preview.1 June 8, 2024 · 2 min read Vikram Reddy Creator We are excited to release version v3.0.0-preview.1, which includes a Charts, Grid, Modal, Sidebar, Sidebar2 updates, and other improvements!!! Tags: v3.0.0 blazor bootstrap blazorbootstrap accordion button callout dropdown grid modal ribbon tab sidebar sidebar2 Read More","s":"2 posts tagged with \"v3.0.0\"","u":"/blog/tags/v-3-0-0","h":"","p":561},{"i":564,"t":"Components Alerts On this page Blazor Alerts Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages. Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment? ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Color AlertColor AlertColor.None Gets or sets the alert color. 1.0.0 Dismissable bool false If true, shows an inline close button. 1.0.0 Methods​ Name Description Added Version CloseAsync Closes an alert by removing it from the DOM. 1.0.0 Callback Events​ Name Description Added Version OnClose Fires immediately when the close instance method is called. 1.0.0 OnClosed Fired when the alert has been closed and CSS transitions have completed. 1.0.0 Examples​ Alerts​ Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight colors. <div> <Alert Color=\"AlertColor.Primary\"> A simple primary alert - check it out! </Alert> <Alert Color=\"AlertColor.Secondary\"> A simple secondary alert - check it out! </Alert> <Alert Color=\"AlertColor.Success\"> A simple success alert - check it out! </Alert> <Alert Color=\"AlertColor.Danger\"> A simple danger alert - check it out! </Alert> <Alert Color=\"AlertColor.Warning\"> A simple warning alert - check it out! </Alert> <Alert Color=\"AlertColor.Info\"> A simple info alert - check it out! </Alert> <Alert Color=\"AlertColor.Light\"> A simple light alert - check it out! </Alert> <Alert Color=\"AlertColor.Dark\"> A simple dark alert - check it out! </Alert> </div> See alerts demo here. Additional Content​ Alerts can also contain additional HTML elements like headings, paragraphs and dividers. <div> <Alert Color=\"AlertColor.Success\"> <h4 class=\"alert-heading\">Well done!</h4> <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p> <hr> <p class=\"mb-0\">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p> </Alert> </div> See alerts with additional content demo. Icons​ Similarly, you can use Bootstrap Icons to create alerts with icons. <div> <Alert Color=\"AlertColor.Primary\"> <Icon Name=\"IconName.InfoCircleFill\" class=\"me-2\"></Icon>An example alert with an icon </Alert> <Alert Color=\"AlertColor.Success\"> <Icon Name=\"IconName.CheckCircleFill\" class=\"me-2\"></Icon>A simple success alert with an icon </Alert> <Alert Color=\"AlertColor.Danger\"> <Icon Name=\"IconName.ExclamationTriangleFill\" class=\"me-2\"></Icon>A simple danger alert with an icon </Alert> <Alert Color=\"AlertColor.Warning\"> <Icon Name=\"IconName.ExclamationTriangleFill\" class=\"me-2\"></Icon>A simple warning alert with an icon </Alert> </div> See alerts with an icon demo. Dismissing​ Using the Dismissable=\"true\", it's possible to dismiss any alert inline. It's possible to dismiss any alert inline. Here's how: <div> <Alert Color=\"AlertColor.Warning\" Dismissable=\"true\"> <strong>Holy guacamole!</strong> You should check in on some of those fields below. </Alert> </div> Manually we can close an alert with button click. <div> <Alert @ref=\"warningAlert\" Color=\"AlertColor.Warning\"> <strong>Holy guacamole!</strong> You should check in on some of those fields below. <Button Color=\"ButtonColor.Primary\" @onclick=\"CloseAlert\">Close</Button> </Alert> </div> @code { Alert warningAlert; private async Task CloseAlert() => await warningAlert?.CloseAsync(); } See dismissable alerts demo. NOTE When an alert is dismissed, the element is completely removed from the page structure. If a keyboard user dismisses the alert using the close button, their focus will suddenly be lost and, depending on the browser, reset to the start of the page/document. For this reason, we recommend subscribing to the OnClosed callback event and programmatically sets focus to the most appropriate location on the page. Edit this page Previous Accordion Next Badge Parameters Methods Callback Events Examples Alerts Additional Content Icons Dismissing","s":"Blazor Alerts","u":"/components/alerts","h":"","p":563},{"i":566,"t":"Components Callout On this page Blazor Callout Blazor Bootstrap callout component provides content presentation in a visually distinct manner. Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment? null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Color CalloutColor CalloutColor.Default Gets or sets the callout color. 1.0.0 Heading string null Gets or sets the callout heading. 1.0.0 HideHeading bool false Gets or sets a value indicating whether to hide the callout heading. 2.0.0 Examples​ Callout​ <Callout> <strong>This is a default callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Danger\"> <strong>This is an danger callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Warning\"> <strong>This is an warning callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Info\"> <strong>This is an info callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Tip\"> <strong>This is an tip callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> See demo here. Custom heading​ <Callout Heading=\"Important\"> <strong>This is a default callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Danger\" Heading=\"Important\"> <strong>This is an danger callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Warning\" Heading=\"Important\"> <strong>This is an warning callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Info\" Heading=\"Important\"> <strong>This is an info callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> <Callout Type=\"CalloutType.Tip\" Heading=\"Important\"> <strong>This is an tip callout</strong>. Example text to show it in action. See <a href=\"https://getblazorbootstrap.com/docs/components/callout\">callout documentation</a>. </Callout> See demo here. Large text​ <Callout> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Danger\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Warning\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Info\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Tip\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> See demo here. Hide heading​ <Callout HideHeading=\"true\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Danger\" HideHeading=\"true\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Warning\" HideHeading=\"true\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Info\" HideHeading=\"true\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> <Callout Type=\"CalloutType.Tip\" HideHeading=\"true\"> <h4>Conveying meaning to assistive technologies</h4> <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the <code>.visually-hidden</code> class.</p> </Callout> See demo here. Edit this page Previous Buttons Next Card Parameters Examples Callout Custom heading Large text Hide heading","s":"Blazor Callout","u":"/components/callout","h":"","p":565},{"i":568,"t":"Components Accordion On this page Blazor Accordion Build vertically collapsing accordions in combination with our Collapse component. Accordion Parameters​ Name Type Default Required Description Added Version AlwaysOpen bool false If true, accordion items stay open when another item is opened. 1.7.0 ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.7.0 Flush bool false If true, removes borders and rounded corners to render accordions edge-to-edge with their parent container. 1.7.0 Accordion Methods​ Name Description Added Version HideAccordionItemByIndexAsync(int index) Hides the AccordionItem by index. 1.10.5 HideAccordionItemByNameAsync(string accordionItemName) Hides the AccordionItem by name. 1.10.5 HideAllAccordionItemsAsync() Hides all AccordionItem instances. 1.10.5 HideFirstAccordionItemAsync() Hides the first AccordionItem. 1.10.5 HideLastAccordionItemAsync() Hides the last AccordionItem. 1.10.5 ShowAccordionItemByIndexAsync(int index) Shows the AccordionItem by index. 1.7.0 ShowAccordionItemByNameAsync(string accordionItemName) Shows the AccordionItem by name. 1.7.0 ShowAllAccordionItemsAsync() Shows all AccordionItem instances if AlwaysOpen is true. 1.10.5 ShowFirstAccordionItemAsync() Shows the first AccordionItem. 1.7.0 ShowLastAccordionItemAsync() Shows the last AccordionItem. 1.7.0 Accordion Events​ Name Description Added Version OnHidden This event is fired when a accordion item has been hidden from the user (will wait for CSS transitions to complete). 1.7.0 OnHiding This event is fired immediately when the hide method has been called. 1.7.0 OnShowing This event fires immediately when the show method is called. 1.7.0 OnShown This event is fired when a accordion item has been made visible to the user (will wait for CSS transitions to complete). 1.7.0 AccordionItem Parameters​ Name Type Default Required Description Added Version Active bool false Gets or sets the active state. 1.7.0 Content RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.7.0 Name string null Gets or sets the name. 1.7.0 Title string null Gets or sets the title. 1.7.0 TitleTemplate RenderFragment null Gets or sets the title template. 1.7.0 Examples​ Accordion​ Click the accordions below to expand/collapse the accordion content. <Accordion> <AccordionItem Title=\"Accordion Item #1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #2\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> See demo here. Title with Icon​ To customize the accordion title, use TitleTemplate, as shown in the below example. <Accordion> <AccordionItem> <TitleTemplate> <Icon Name=\"IconName.HouseFill\" Class=\"me-1\" /> Accordion Item #1 </TitleTemplate> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem> <TitleTemplate> <Icon Name=\"IconName.PersonFill\" Class=\"me-1\" /> Accordion Item #2 </TitleTemplate> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem> <TitleTemplate> <Icon Name=\"IconName.PhoneFill\" Class=\"me-1\" /> Accordion Item #3 </TitleTemplate> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> See demo here. Flush​ Set the Flush parameter to true to remove borders and rounded corners to render accordions edge-to-edge with their parent container. <Accordion Flush=\"true\"> <AccordionItem Title=\"Accordion Item #1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #2\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> See demo here. Set default active accordion item​ Set the Active parameter to true to keep the accordion item open by default. <Accordion> <AccordionItem Title=\"Accordion Item #1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #2\" Active=\"true\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> See demo here. Always open​ Set the AlwaysOpen parameter to true to keep accordion items open when another item is opened. <Accordion AlwaysOpen=\"true\"> <AccordionItem Title=\"Accordion Item #1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #2\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> See demo here. Show / hide individual accordion items​ You can show and hide individual accordion items in several ways. To show an accordion item, use predefined methods ShowFirstAccordionItemAsync, ShowLastAccordionItemAsync, ShowAccordionItemByNameAsync, and ShowAccordionItemByIndexAsync. To hide an accordion item, use predefined methods HideFirstAccordionItemAsync, HideLastAccordionItemAsync, HideAccordionItemByNameAsync, and HideAccordionItemByIndexAsync. <Accordion @ref=\"accordion1\" Class=\"mb-3\"> <AccordionItem Title=\"Home\" Name=\"AccordionItem1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Profile\" Name=\"AccordionItem2\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Contact\" Name=\"AccordionItem3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Products\" Name=\"Products\"> <Content> <b>This is the fourth item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"FAQs\" Name=\"FAQ\"> <Content> <b>This is the fifth item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"About\" Name=\"AccordionItem6\"> <Content> <b>This is the sixth item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> <h4>Show</h4> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowFirstAccordionItemAsync\">First Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowSecondAccordionItemAsync\">Second Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowThirdAccordionItemAsync\">Third Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowProductsAccordionItemAsync\">Products Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowFaqsAccordionItemAsync\">FAQs Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowLastAccordionItemAsync\">Last Accordion Item</Button> <h4 class=\"mt-2\">Hide</h4> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideFirstAccordionItemAsync\">First Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideSecondAccordionItemAsync\">Second Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideThirdAccordionItemAsync\">Third Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideProductsAccordionItemAsync\">Products Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideFaqsAccordionItemAsync\">FAQs Accordion Item</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideLastAccordionItemAsync\">Last Accordion Item</Button> @code { private Accordion accordion1 = default!; private async Task ShowFirstAccordionItemAsync() => await accordion1.ShowFirstAccordionItemAsync(); private async Task ShowSecondAccordionItemAsync() => await accordion1.ShowAccordionItemByIndexAsync(1); private async Task ShowThirdAccordionItemAsync() => await accordion1.ShowAccordionItemByIndexAsync(2); private async Task ShowProductsAccordionItemAsync() => await accordion1.ShowAccordionItemByNameAsync(\"Products\"); private async Task ShowFaqsAccordionItemAsync() => await accordion1.ShowAccordionItemByNameAsync(\"FAQ\"); private async Task ShowLastAccordionItemAsync() => await accordion1.ShowLastAccordionItemAsync(); private async Task HideFirstAccordionItemAsync() => await accordion1.HideFirstAccordionItemAsync(); private async Task HideSecondAccordionItemAsync() => await accordion1.HideAccordionItemByIndexAsync(1); private async Task HideThirdAccordionItemAsync() => await accordion1.HideAccordionItemByIndexAsync(2); private async Task HideProductsAccordionItemAsync() => await accordion1.HideAccordionItemByNameAsync(\"Products\"); private async Task HideFaqsAccordionItemAsync() => await accordion1.HideAccordionItemByNameAsync(\"FAQ\"); private async Task HideLastAccordionItemAsync() => await accordion1.HideLastAccordionItemAsync(); } See demo here. Show / hide all accordion items​ When the AlwaysOpen parameter is set to true, you can show all accordion items simultaneously using the ShowAllAccordionItemsAsync method. The HideAllAccordionItemsAsync method will hide all accordion items, regardless of the value of AlwaysOpen. <Accordion AlwaysOpen=\"true\" @ref=\"accordion1\" class=\"mb-2\"> <AccordionItem Title=\"Accordion Item #1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #2\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowAllAccordionItemsAsync\">Show All Accordion Items</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideAllAccordionItemsAsync\">Hide All Accordion Items</Button> @code { private Accordion accordion1 = default!; private Task ShowAllAccordionItemsAsync() => accordion1.ShowAllAccordionItemsAsync(); private Task HideAllAccordionItemsAsync() => accordion1.HideAllAccordionItemsAsync(); } See demo here. Events Example​ Blazor Bootstrap Accordion component exposes a few events for hooking into accordion functionality. <Accordion @ref=\"accordion1\" OnShowing=\"OnShowingAsync\" OnShown=\"OnShownAsync\" OnHiding=\"OnHidingAsync\" OnHidden=\"OnHiddenAsync\"> <AccordionItem Title=\"Accordion Item #1\" Name=\"AccordionItem1\"> <Content> <b>This is the first item's accordion body.</b> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #2\" Name=\"AccordionItem2\"> <Content> <b>This is the second item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> <AccordionItem Title=\"Accordion Item #3\" Name=\"AccordionItem3\"> <Content> <b>This is the third item's accordion body.</b> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </Content> </AccordionItem> </Accordion> @code { private Accordion accordion1 = default!; [Inject] ToastService ToastService { get; set; } = default!; private void OnShowingAsync(AccordionEventArgs args) { ToastService.Notify(new ToastMessage( type: ToastType.Primary, message: $\"Event Name: Showing, AccordionItemName: {args.Name}, AccordionItemTitle: {args.Title}\")); } private void OnShownAsync(AccordionEventArgs args) { ToastService.Notify(new ToastMessage( type: ToastType.Primary, message: $\"Event Name: OnShown, AccordionItemName: {args.Name}, AccordionItemTitle: {args.Title}\")); } private void OnHidingAsync(AccordionEventArgs args) { ToastService.Notify(new ToastMessage( type: ToastType.Primary, message: $\"Event Name: OnHiding, AccordionItemName: {args.Name}, AccordionItemTitle: {args.Title}\")); } private void OnHiddenAsync(AccordionEventArgs args) { ToastService.Notify(new ToastMessage( type: ToastType.Primary, message: $\"Event Name: OnHidden, AccordionItemName: {args.Name}, AccordionItemTitle: {args.Title}\")); } } See demo here. Edit this page Previous Time Input Next Alerts Accordion Parameters Accordion Methods Accordion Events AccordionItem Parameters Examples Accordion Title with Icon Flush Set default active accordion item Always open Show / hide individual accordion items Show / hide all accordion items Events Example","s":"Blazor Accordion","u":"/components/accordion","h":"","p":567},{"i":570,"t":"Components Charts On this page Blazor Charts Blazor Bootstrap charts are well-designed chart components on top of Chart.js to visualize data. It contains a rich UI gallery of charts that cater to all charting scenarios. Its high performance helps render large amounts of data quickly. Example​ See blazor chart demo here. Chart Types​ At this moment we are supporting four blazor chart types. Bar Chart Doughnut Chart Line Chart Pie Chart info We will add Bubble Chart, Polar Area Chart, Radar Chart, Scatter Chart, and Mixed Chart support in the subsequent versions. Bar Chart​ See blazor bar chart demo here. See blazor bar chart full documentation here. Doughnut Chart​ See blazor doughnut chart demo here. See blazor doughnut chart full documentation here. Line Chart​ See blazor line chart demo here. See blazor line chart full documentation here. Pie Chart​ See blazor pie chart demo here. See blazor pie chart full documentation here. Edit this page Previous Card Next Collapse Example Chart Types Bar Chart Doughnut Chart Line Chart Pie Chart","s":"Blazor Charts","u":"/components/charts","h":"","p":569},{"i":572,"t":"Components Badge On this page Blazor Badge The Blazor Bootstrap Badge component shows the small count and labels. Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.7.0 Color BadgeColor BadgeColor.Secondary Gets or sets the badge color. 1.7.0 IndicatorType BadgeIndicatorType BadgeIndicatorType.None Gets or sets the badge indicator. 1.7.0 Placement BadgePlacement BadgePlacement.None Gets or sets the badge placement. 1.7.0 Position Position Position.None Gets or sets the badge position. 1.7.0 VisuallyHiddenText string null Gets or sets the visually hidden text. 1.7.0 Examples​ Basic usage​ Badges scale to match the size of the immediate parent element by using relative font sizing and em units. As of now, badges no longer have focus or hover styles for links. <h1>Example heading <Badge>New</Badge></h1> <h2>Example heading <Badge>New</Badge></h2> <h3>Example heading <Badge>New</Badge></h3> <h4>Example heading <Badge>New</Badge></h4> <h5>Example heading <Badge>New</Badge></h5> <h6>Example heading <Badge>New</Badge></h6> See demo here Background colors​ <Badge Color=\"BadgeColor.Primary\" VisuallyHiddenText=\"Visually hidden text for Primary\">Primary</Badge> <Badge Color=\"BadgeColor.Secondary\" VisuallyHiddenText=\"Visually hidden text for Secondary\">Secondary</Badge> <Badge Color=\"BadgeColor.Success\" VisuallyHiddenText=\"Visually hidden text for Success\">Success</Badge> <Badge Color=\"BadgeColor.Danger\" VisuallyHiddenText=\"Visually hidden text for Danger\">Danger</Badge> <Badge Color=\"BadgeColor.Warning\" VisuallyHiddenText=\"Visually hidden text for Warning\">Warning</Badge> <Badge Color=\"BadgeColor.Info\" VisuallyHiddenText=\"Visually hidden text for Info\">Info</Badge> <Badge Color=\"BadgeColor.Light\" VisuallyHiddenText=\"Visually hidden text for Light\">Light</Badge> <Badge Color=\"BadgeColor.Dark\" VisuallyHiddenText=\"Visually hidden text for Dark\">Dark</Badge> Conveying meaning to assistive technologies Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g., the visible text) or is included through alternative means, such as additional text hidden with the VisuallyHiddenText parameter. See demo here Pill badges​ Use the IndicatorType parameter to make badges more rounded with a larger border-radius. <Badge Color=\"BadgeColor.Primary\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Primary</Badge> <Badge Color=\"BadgeColor.Secondary\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Secondary</Badge> <Badge Color=\"BadgeColor.Success\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Success</Badge> <Badge Color=\"BadgeColor.Danger\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Danger</Badge> <Badge Color=\"BadgeColor.Warning\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Warning</Badge> <Badge Color=\"BadgeColor.Info\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Info</Badge> <Badge Color=\"BadgeColor.Light\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Light</Badge> <Badge Color=\"BadgeColor.Dark\" IndicatorType=\"BadgeIndicatorType.RoundedPill\">Dark</Badge> See demo here Buttons​ Badges can be used as part of links or buttons to provide a counter. <div class=\"mb-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\"> Announcement <Badge Color=\"BadgeColor.Danger\">2</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\"> Notifications <Badge> 4</Badge> </Button> </div> <div class=\"mb-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\"> Announcement <Badge Color=\"BadgeColor.Danger\"><Icon Name=\"IconName.MegaphoneFill\" /> 2</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\"> Notifications <Badge><Icon Name=\"IconName.BellFill\" /> 4</Badge> </Button> </div> See demo here Positioned​ Use Position and Placement parameters to position it in the corner of a link or button. <div class=\"mb-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.TopLeft\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.TopCenter\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.TopRight\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> </div> <div class=\"mb-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.MiddleLeft\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.MiddleCenter\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.MiddleRight\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> </div> <div class=\"mb-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.BottomLeft\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.BottomCenter\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.BottomRight\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\">99+</Badge> </Button> </div> See demo here Generic indicator​ You can also replace the badge with a generic indicator without the count. <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Position=\"Position.Relative\"> Inbox <Badge Color=\"BadgeColor.Danger\" Position=\"Position.Absolute\" Placement=\"BadgePlacement.TopRight\" IndicatorType=\"BadgeIndicatorType.RoundedPill\" VisuallyHiddenText=\"unread messages\"></Badge> </Button> See demo here Edit this page Previous Alerts Next Breadcrumb Parameters Examples Basic usage Background colors Pill badges Buttons Positioned Generic indicator","s":"Blazor Badge","u":"/components/badge","h":"","p":571},{"i":574,"t":"Components Buttons On this page Blazor Buttons Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, etc. Parameters​ Name Type Default Required Description Added Version Active bool false Gets or sets the button active state. 1.0.0 Block bool false Gets or sets the block level button. 1.0.0 ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Color ButtonColor ButtonColor.None Gets or sets the button color. 1.0.0 Disabled bool false Gets or sets the button disabled state. 1.0.0 Loading bool false If true, shows the loading spinner or a LoadingTemplate. 1.0.0 LoadingTemplate RenderFragment null Gets or sets the button loading template. 1.0.0 LoadingText string Loading... Gets or sets the loading text. LoadingTemplate takes precedence. 1.0.0 Outline bool false Gets or sets the button outline. 1.0.0 Position Position Position.None Gets or sets the position. 1.7.0 Size Size ButtonSize.None Gets or sets the button size. 1.0.0 TabIndex int? null Gets or sets the button tab index. 1.0.0 Target Target Target.None Gets or sets the link button target. 1.0.0 To string? null Gets or sets the link button href attribute. 1.0.0 TooltipColor TooltipColor TooltipColor.None Gets or sets the button tooltip color. 1.10.0 TooltipPlacement TooltipPlacement TooltipPlacement.Top Gets or sets the button tooltip placement. 1.0.0 TooltipTitle string null Gets or sets the button tooltip title. 1.0.0 Type ButtonType ButtonType.Button Gets or sets the button type. 1.0.0 Methods​ Name Description Added Version HideLoading Hides the loading state and enables the button. 1.0.0 ShowLoading Shows the loading state and disables the button. 1.0.0 Examples​ Buttons​ Blazor Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control. <p> <Button Color=\"ButtonColor.Primary\"> Primary </Button> <Button Color=\"ButtonColor.Secondary\"> Secondary </Button> <Button Color=\"ButtonColor.Success\"> Success </Button> <Button Color=\"ButtonColor.Danger\"> Danger </Button> <Button Color=\"ButtonColor.Warning\"> Warning </Button> <Button Color=\"ButtonColor.Info\"> Info </Button> <Button Color=\"ButtonColor.Light\"> Light </Button> <Button Color=\"ButtonColor.Dark\"> Dark </Button> <Button Color=\"ButtonColor.Link\"> Link </Button> </p> See buttons demo here. Button tags​ <p> <Button Type=\"ButtonType.Link\" Color=\"ButtonColor.Primary\" To=\"#\"> Link </Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Primary\" To=\"#\"> Button </Button> </p> See button tags demo here. Outline Buttons​ <p> <Button Color=\"ButtonColor.Primary\" Outline=\"true\"> Primary </Button> <Button Color=\"ButtonColor.Secondary\" Outline=\"true\"> Secondary </Button> <Button Color=\"ButtonColor.Success\" Outline=\"true\"> Success </Button> <Button Color=\"ButtonColor.Danger\" Outline=\"true\"> Danger </Button> <Button Color=\"ButtonColor.Warning\" Outline=\"true\"> Warning </Button> <Button Color=\"ButtonColor.Info\" Outline=\"true\"> Info </Button> <Button Color=\"ButtonColor.Dark\" Outline=\"true\"> Dark </Button> </p> See outline button demo here. info Some of the button styles use a relatively light foreground color, and should only be used on a dark background in order to have sufficient contrast. Sizes​ Fancy larger or smaller buttons? Add Size=\"Size.Large\" or Size=\"Size.Small\" for additional sizes. <p> <Button Color=\"ButtonColor.Primary\" Size=\"Size.Large\"> Large button </Button> <Button Color=\"ButtonColor.Secondary\" Size=\"Size.Large\"> Large button </Button> </p> <p> <Button Color=\"ButtonColor.Primary\" Size=\"Size.Small\"> Small button </Button> <Button Color=\"ButtonColor.Secondary\" Size=\"Size.Small\"> Small button </Button> </p> See buttons with different size demo here. Disabled State​ Make buttons look inactive by adding the Disabled=\"true\" boolean parameter to any <Button> component. Disabled buttons have pointer-events: none applied to, preventing hover and active states from triggering. info Disabled buttons using the Type=\"ButtonType.Link\" parameter behave a bit different. <p> <Button Color=\"ButtonColor.Primary\" Size=\"Size.Large\" Disabled=\"true\"> Large button </Button> <Button Color=\"ButtonColor.Secondary\" Size=\"Size.Large\" Disabled=\"true\"> Large button </Button> </p> <p> <Button Type=\"ButtonType.Link\" Color=\"ButtonColor.Primary\" Size=\"Size.Large\" Disabled=\"true\"> Primary link </Button> <Button Type=\"ButtonType.Link\" Color=\"ButtonColor.Secondary\" Size=\"Size.Large\" Disabled=\"true\"> Link </Button> </p> See button disabled state demo here. Disable and enable state dynamically​ <Button Type=\"ButtonType.Link\" Color=\"ButtonColor.Primary\" Disabled=\"@disableButton\" TooltipTitle=\"@tooltip\">Link Button</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Primary\" Disabled=\"@disableButton\" TooltipTitle=\"@tooltip\">Submit Button</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Disabled=\"@disableButton\" TooltipTitle=\"@tooltip\">Button</Button> <Button Type=\"ButtonType.Reset\" Color=\"ButtonColor.Primary\" Disabled=\"@disableButton\" TooltipTitle=\"@tooltip\">Reset Button</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => SwapDisable()\">Swap Disable</Button> @code { bool disableButton = true; string tooltip = \"\"; public void SwapDisable() { disableButton = !disableButton; tooltip = $\"Updated at {DateTime.Now}\"; } } See disable and enable state dynamically demo here. Block Buttons​ Create responsive stacks of full-width, \"block buttons\" like those in Bootstrap 4 with a mix of our display and gap utilities. By using utilities instead of button specific classes, we have much greater control over spacing, alignment, and responsive behaviors. <div class=\"d-grid gap-2\"> <Button Color=\"ButtonColor.Primary\"> Button </Button> <Button Color=\"ButtonColor.Primary\"> Button </Button> </div> <div class=\"d-grid gap-2 d-md-block mt-2\"> <Button Color=\"ButtonColor.Primary\"> Button </Button> <Button Color=\"ButtonColor.Primary\"> Button </Button> </div> <div class=\"d-grid gap-2 col-6 mx-auto mt-2\"> <Button Color=\"ButtonColor.Primary\"> Button </Button> <Button Color=\"ButtonColor.Primary\"> Button </Button> </div> <div class=\"d-grid gap-2 d-md-flex justify-content-md-end mt-2\"> <Button Color=\"ButtonColor.Primary\"> Button </Button> <Button Color=\"ButtonColor.Primary\"> Button </Button> </div> See block buttons demo here. Toggle States​ If you''re pre-toggling a button, you must manually add the Active=\"true\" parameter. <p> <Button Color=\"ButtonColor.Primary\"> Toggle button </Button> <Button Color=\"ButtonColor.Primary\" Active=\"true\"> Active toggle button </Button> <Button Color=\"ButtonColor.Primary\" Disabled=\"true\"> Disabled toggle button </Button> </p> See button toggle states demo here. Loading spinner​ Use spinners within buttons to indicate an action is currently processing or taking place. You may also swap the text out of the spinner element and utilize button text as needed. <p> <Button Color=\"ButtonColor.Primary\" Loading=\"true\" /> <Button Color=\"ButtonColor.Primary\" Loading=\"true\" LoadingText=\"Saving...\" /> <Button Color=\"ButtonColor.Primary\" Loading=\"true\"> <LoadingTemplate> <span class=\"spinner-grow spinner-grow-sm\" role=\"status\" aria-hidden=\"true\"></span> Loading... </LoadingTemplate> </Button> </p> See button with loading spinner demo here. Show/Hide loading spinner​ Use ShowLoading() and HideLoading() methods to toggle the button state. <Button @ref=\"saveButton\" Color=\"ButtonColor.Primary\" @onclick=\"async () => await OnSaveClick()\">Save</Button> @code { private Button saveButton; private async Task OnSaveClick() { saveButton?.ShowLoading(\"Saving details...\"); await Task.Delay(5000); // API call saveButton?.HideLoading(); } } See button with loading spinner demo here. Show Tooltip​ Hover over the buttons below to see the four tooltips directions: top, right, bottom, and left. <p> <Button Color=\"ButtonColor.Primary\" TooltipTitle=\"Tooltip text\" TooltipPlacement=\"TooltipPlacement.Top\"> Tooltip Top </Button> <Button Color=\"ButtonColor.Primary\" TooltipTitle=\"Tooltip text\" TooltipPlacement=\"TooltipPlacement.Right\"> Tooltip Right </Button> <Button Color=\"ButtonColor.Primary\" TooltipTitle=\"Tooltip text\" TooltipPlacement=\"TooltipPlacement.Bottom\"> Tooltip Bottom </Button> <Button Color=\"ButtonColor.Primary\" TooltipTitle=\"Tooltip text\" TooltipPlacement=\"TooltipPlacement.Left\"> Tooltip Left </Button> </p> See button with tooltip demo here. NOTE HTML tooltips not supported at this moment. Dynamically update the tooltip text​ <div class=\"mb-3\"> <Button Color=\"ButtonColor.Primary\" TooltipTitle=\"@text\" TooltipPlacement=\"TooltipPlacement.Top\"> Tooltip Top </Button> </div> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ChangeTooltip\">Change Tooltip</Button> @code { private string text = \"Tooltip text\"; private void ChangeTooltip() => text = $\"Updated {DateTime.Now.ToLongTimeString()}\"; } See demo here. Events​ Click events​ <p> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnClick\"> Click Event </Button> </p> @code{ protected void OnClick(EventArgs args) { Console.WriteLine(\"click event\"); } } Double click event​ <p> <Button Color=\"ButtonColor.Primary\" @ondblclick=\"OnDoubleClick\"> Double Click Event </Button> </p> @code{ protected void OnDoubleClick(EventArgs args) { Console.WriteLine(\"double click event\"); } } Click event with arguments​ <p> <Button Color=\"ButtonColor.Primary\" @onclick=\"((args) => OnClickWithArgs(args, message))\"> Click Args </Button> </p> @code{ public string message = \"Test message\"; protected void OnClickWithArgs(EventArgs args, string message) { Console.WriteLine($\"message: {message}\"); } } See button click events demo here. Edit this page Previous Breadcrumb Next Callout Parameters Methods Examples Buttons Button tags Outline Buttons Sizes Disabled State Disable and enable state dynamically Block Buttons Toggle States Loading spinner Show/Hide loading spinner Show Tooltip Dynamically update the tooltip text Events","s":"Blazor Buttons","u":"/components/buttons","h":"","p":573},{"i":576,"t":"Components Collapse On this page Blazor Collapse Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component. Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.7.0 Horizontal bool false Gets or sets the horizontal collapsing. 1.7.0 Parent string null Gets or sets the parent. 1.7.0 Toggle bool false Toggles the collapsible element on invocation. 1.7.0 Methods​ Name Description Added Version ShowAsync Shows a collapsible element. 1.7.0 HideAsync Hides a collapsible element. 1.7.0 ToggleAsync Toggles a collapsible element to shown or hidden. 1.7.0 Events​ Name Description Added Version OnShowing This event fires immediately when the show instance method is called. 1.7.0 OnShown This event is fired when a collapse element has been made visible to the user (will wait for CSS transitions to complete). 1.7.0 OnHiding This event is fired immediately when the hide method has been called. 1.7.0 OnHidden This event is fired when a collapse element has been hidden from the user (will wait for CSS transitions to complete). 1.7.0 How it works​ The Collapse component is used to show and hide content. Use ShowAsync, HideAsync, and ToggleAsync methods to toggle the content. Collapsing an element will animate the height from its current value to 0. info The animation effect of this component is dependent on the prefers-reduced-motion media query. See the reduced motion section of our accessibility documentation. Examples​ Click the buttons below to show and hide the content. <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ShowContentAsync\">Show content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"HideContentAsync\">Hide content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ToggleContentAsync\">Toggle content</Button> <Collapse @ref=\"collapse1\"> <Card> <CardBody> Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger. </CardBody> </Card> </Collapse> @code { Collapse collapse1 = default!; private async Task ShowContentAsync() => await collapse1.ShowAsync(); private async Task HideContentAsync() => await collapse1.HideAsync(); private async Task ToggleContentAsync() => await collapse1.ToggleAsync(); } See demo here Horizontal​ The Collapse component supports horizontal collapsing. Set the Horizontal parameter to true to enable horizontal collapsing. <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ShowContentAsync\">Show content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"HideContentAsync\">Hide content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ToggleContentAsync\">Toggle content</Button> <Collapse @ref=\"collapse1\" Horizontal=\"true\"> <Card Style=\"width:300px;\"> <CardBody> This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered. </CardBody> </Card> </Collapse> @code { Collapse collapse1 = default!; private async Task ShowContentAsync() => await collapse1.ShowAsync(); private async Task HideContentAsync() => await collapse1.HideAsync(); private async Task ToggleContentAsync() => await collapse1.ToggleAsync(); } See demo here Events Example​ Blazor Bootstrap Collapse component exposes a few events for hooking into collapse functionality. <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ShowContentAsync\">Show content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"HideContentAsync\">Hide content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ToggleContentAsync\">Toggle content</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" @onclick=\"ClearMessage\">Clear Messages</Button> <Collapse @ref=\"collapse1\" Class=\"mt-3\" OnShowing=\"OnCollapseShowingAsync\" OnShown=\"OnCollapseShownAsync\" OnHiding=\"OnCollapseHidingAsync\" OnHidden=\"OnCollapseHiddenAsync\"> <Card> <CardBody> Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger. </CardBody> </Card> </Collapse> <div class=\"mt-3\"> @foreach (var item in messages) { <p>@item</p> } </div> @code { Collapse collapse1 = default!; List<string> messages = new List<string>(); private async Task ShowContentAsync() => await collapse1.ShowAsync(); private async Task HideContentAsync() => await collapse1.HideAsync(); private async Task ToggleContentAsync() => await collapse1.ToggleAsync(); private void OnCollapseShowingAsync() => messages.Add($\"Event: OnShowing called {DateTime.Now.ToLocalTime()}\"); private void OnCollapseShownAsync() => messages.Add($\"Event: OnShown called {DateTime.Now.ToLocalTime()}\"); private void OnCollapseHidingAsync() => messages.Add($\"Event: OnHiding called {DateTime.Now.ToLocalTime()}\"); private void OnCollapseHiddenAsync() => messages.Add($\"Event: OnHidden called {DateTime.Now.ToLocalTime()}\"); private void ClearMessage() => messages = new List<string>(); } Edit this page Previous Charts Next Confirm Dialog Parameters Methods Events How it works Examples Horizontal Events Example","s":"Blazor Collapse","u":"/components/collapse","h":"","p":575},{"i":578,"t":"Components Confirm Dialog On this page Blazor Confirm Dialog Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something. Methods​ Name Return Type Description Added Version ShowAsync(string title, string message1, ConfirmDialogOptions confirmDialogOptions = null) Task<bool> Shows confirm dialog. 1.1.0 ShowAsync(string title, string message1, string message2, ConfirmDialogOptions confirmDialogOptions = null) Task<bool> Shows confirm dialog. 1.1.0 ShowAsync<T>(string title, Dictionary<string, object> parametres = null, ConfirmDialogOptions confirmDialogOptions = null) Task<bool> Shows confirm dialog. T is component. 1.1.0 ConfirmDialogOptions Properties​ Name Type Default Description Added Version DialogCssClass string null Additional CSS class for the dialog (div.modal-dialog element). 1.1.0 Dismissable bool false Adds a dismissable close button to the confirm dialog. 1.1.0 HeaderCssClass string null Additional header CSS class (div.modal-header element). 1.1.0 IsScrollable bool false Allows confirm dialog body to be scrollable. 1.1.0 IsVerticallyCentered bool false Shows the confirm dialog vertically in the center of the page. 1.1.0 NoButtonColor ButtonColor ButtonColor.Secondary Gets or sets the 'No' button color. 1.1.0 NoButtonText string No Gets or sets the 'No' button text. 1.1.0 Size DialogSize ModalSize.Regular Size of the modal. 1.1.0 YesButtonColor ButtonColor ButtonColor.Primary Gets or sets the 'Yes' button color. 1.1.0 YesButtonText string Yes Gets or sets the 'Yes' button text. 1.1.0 Examples​ Confirm Dialog​ <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Danger\" @onclick=\"ShowConfirmationAsync\"> Delete Employee </Button> @code { private ConfirmDialog dialog; private async Task ShowConfirmationAsync() { var confirmation = await dialog.ShowAsync( title: \"Are you sure you want to delete this?\", message1: \"This will delete the record. Once deleted can not be rolled back.\", message2: \"Do you want to proceed?\"); if (confirmation) { // do whatever } else { // do whatever } } } See Confirm Dialog demo here. Dynamic component as confirm dialog​ Render different components dynamically within the confirm dialog without iterating through possible types or using conditional logic. If dynamically-rendered components have component parameters, pass them as an IDictionary. The string is the parameter's name, and the object is the parameter's value. In the below example, we used Toast Service to show the user confirmation. <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Danger\" @onclick=\"DeleteEmployeeAsync\"> Delete Employee </Button> @code { private ConfirmDialog dialog; [Inject] ToastService ToastService { get; set; } private async Task DeleteEmployeeAsync() { var parameters = new Dictionary<string, object>(); parameters.Add(\"EmployeeId\", 321); var confirmation = await dialog.ShowAsync<EmployeeDemoComponent>(\"Are you sure you want to delete this employee?\", parameters); if (confirmation) { // call API to delete the employee // show acknowledgment to the user ToastService.Notify(new ToastMessage(ToastType.Success, $\"Employee deleted successfully.\")); } else ToastService.Notify(new ToastMessage(ToastType.Secondary, $\"Delete action canceled.\")); } } EmployeeDemoComponent.razor <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">Employee Id :</div> <div class=\"col-7 col-md-9\">@EmployeeId</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">First Name :</div> <div class=\"col-7 col-md-9\">@employee.FirstName</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">Last Name :</div> <div class=\"col-7 col-md-9\">@employee.LastName</div> </div> @code { private Employee employee; [Parameter] public int EmployeeId { get; set; } protected override void OnInitialized() { // get employee with {EmployeeId} from DB employee = new Employee { FirstName = \"Vikram\", LastName = \"Reddy\" }; base.OnInitialized(); } } See Confirm Dialog demo here. Change buttons text and color​ Use ConfirmDialogOptions to change the text and color of the button. <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowSaveConfirmationAsync\"> Save Employee </Button> @code { private ConfirmDialog dialog; private async Task ShowSaveConfirmationAsync() { var options = new ConfirmDialogOptions { YesButtonText = \"OK\", YesButtonColor = ButtonColor.Success, NoButtonText = \"CANCEL\", NoButtonColor = ButtonColor.Danger }; var confirmation = await dialog.ShowAsync( title: \"Simple Confirm Dialog\", message1: \"Do you want to proceed?\", confirmDialogOptions: options); if (confirmation) { // do whatever } else { // do whatever } } } See Confirm Dialog demo here. Optional sizes​ Confirm dialog have three optional sizes. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports. Confirm Dialog Component - Small Size Confirm Dialog Component - Large Size Confirm Dialog Component - Extra Large Size <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowConfirmationAsync(DialogSize.Small)\"> Small Confirm Dialog </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowConfirmationAsync(DialogSize.Large)\"> Large Confirm Dialog </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowConfirmationAsync(DialogSize.ExtraLarge)\"> Extra Large Confirm Dialog </Button> @code { private ConfirmDialog dialog; private async Task ShowConfirmationAsync(DialogSize size) { var options = new ConfirmDialogOptions { Size = size }; var confirmation = await dialog.ShowAsync( title: \"Simple Confirm Dialog\", message1: \"Do you want to proceed?\", confirmDialogOptions: options); if (confirmation) { // do whatever } else { // do whatever } } } See Confirm Dialog demo here. Scrolling long content​ When dialogs become too long for the user's viewport or device, they scroll independent of the page itself. Try the demo below to see what we mean. <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowDialogAsync\"> Launch Confirm Dialog </Button> @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var confirmation = await dialog.ShowAsync<LongContentDemoComponent>(title: \"Confirm dialog title\"); if (confirmation) { // do whatever } else { // do whatever } } } You can also create a scrollable dialog that allows scroll the dialog body by updating DialogOptions.IsScrollable=\"true\". <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowDialogAsync\"> Launch Confirm Dialog </Button> @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var options = new ConfirmDialogOptions { IsScrollable = true }; var confirmation = await dialog.ShowAsync<LongContentDemoComponent>( title: \"Confirm dialog title\", confirmDialogOptions: options); if (confirmation) { // do whatever } else { // do whatever } } } See Confirm Dialog demo here. Vertically centered​ Add DialogOptions.IsVerticallyCentered=\"true\" to vertically center the confirm dialog. <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowDialogAsync\"> Launch Vertically Centered Confirm Dialog </Button> @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var options = new ConfirmDialogOptions { IsVerticallyCentered = true }; var confirmation = await dialog.ShowAsync( title: \"Simple Confirm Dialog\", message1: \"Do you want to proceed?\", confirmDialogOptions: options); if (confirmation) { // do whatever } else { // do whatever } } } You can also create a scrollable dialog that allows scroll the dialog body by updating DialogOptions.IsScrollable=\"true\". <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowDialogAsync\"> Launch Scrollable & Vertically Centered Confirm Dialog </Button> @code { private ConfirmDialog dialog; private async Task ShowDialogAsync() { var options = new ConfirmDialogOptions { IsScrollable = true, IsVerticallyCentered = true }; var confirmation = await dialog.ShowAsync<LongContentDemoComponent>(title: \"Confirm dialog title\", confirmDialogOptions: options); if (confirmation) { // do whatever } else { // do whatever } } } See demo here. Disable auto focus on the yes button​ info By default, auto focus on the \"Yes\" button is enabled. To disabe the autofocus, set AutoFocusYesButton = false on the ConfirmDialogOptions. <ConfirmDialog @ref=\"dialog\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowDialogAsync\"> Launch Confirm Dialog </Button> @code { private ConfirmDialog dialog = default!; private async Task ShowDialogAsync() { var confirmation = await dialog.ShowAsync<LongContentDemoComponent>( title: \"Confirm dialog title\", confirmDialogOptions: new ConfirmDialogOptions { AutoFocusYesButton = false } ); if (confirmation) { // do something } else { // do something } } } See demo here. Edit this page Previous Collapse Next Dropdown Methods ConfirmDialogOptions Properties Examples Confirm Dialog Dynamic component as confirm dialog Change buttons text and color Optional sizes Scrolling long content Vertically centered Disable auto focus on the yes button","s":"Blazor Confirm Dialog","u":"/components/confirm-dialog","h":"","p":577},{"i":580,"t":"Components Card On this page Blazor Card BootstrapBootstrap's cards provide a flexible and extensible content container with multiple variants and options. About​ A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. Parameters​ Card Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Color CardColor CardColor.None Gets or sets the card color. 1.10.0 TextAlignment Alignment Alignment.None Gets or sets the text alignment of the card. 1.10.0 CardBody Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 CardFooter Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 CardGroup Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 CardHeader Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Color CardColor CardColor.None Gets or sets the card header color. 1.10.4 CardLink Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Disabled bool false If true, disables the card link. 1.10.0 TabIndex int? null Gets or sets the card link tab index. 1.10.0 Target Target Target.None Gets or sets the card link target. 1.10.0 To string? null Gets or sets the link href attribute. 1.10.0 CardSubTitle Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Size HeadingSize HeadingSize.H6 Gets or sets the card sub title size. 1.10.0 CardText Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 CardTitle Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Size HeadingSize HeadingSize.H5 Gets or sets the card title size. 1.10.0 Examples​ Card​ Below is an example of a basic card with mixed content and a fixed width. Cards have no fixed width to start, so they'll naturally fill the full width of its parent element. <Card Style=\"width:18rem;\"> <CardBody> <CardTitle>Card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> See the demo here. Content types​ Cards support a wide variety of content, including images, text, list groups, links, and more. Below are examples of what’s supported. Body​ The building block of a card is the CardBody. Use it whenever you need a padded section within a card. <Card> <CardBody> This is some text within a card body. </CardBody> </Card> See the demo here. Titles, text, and links​ <Card Style=\"width:18rem;\"> <CardBody> <CardTitle>Card title</CardTitle> <CardSubTitle Class=\"mb-2 text-muted\">Card subtitle</CardSubTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> <CardLink To=\"#\">Card link</CardLink> <CardLink To=\"#\">Another link</CardLink> </CardBody> </Card> See the demo here. Images​ <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img class=\"rounded-top\" src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardSubTitle Class=\"mb-2 text-muted\">Card subtitle</CardSubTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> <Card Style=\"width:18rem;\"> <CardBody> <CardTitle>Card title</CardTitle> <CardSubTitle Class=\"mb-2 text-muted\">Card subtitle</CardSubTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> <img class=\"rounded-bottom\" src=\"/images/placeholder.png\" alt=\"placeholder\" /> </Card> See the demo here. List groups​ Create lists of content in a card with a flush list group. <Card Style=\"width:18rem;\"> <ul class=\"list-group list-group-flush\"> <li class=\"list-group-item\">An item</li> <li class=\"list-group-item\">A second item</li> <li class=\"list-group-item\">A third item</li> </ul> </Card> See the demo here. Kitchen sink​ Mix and match multiple content types to create the card you need, or throw everything in there. Shown below are image styles, blocks, text styles, and a list group—all wrapped in a fixed-width card. <Card Style=\"width:18rem;\"> <img class=\"rounded-top\" src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> <ul class=\"list-group list-group-flush\"> <li class=\"list-group-item\">An item</li> <li class=\"list-group-item\">A second item</li> <li class=\"list-group-item\">A third item</li> </ul> <CardBody> <CardLink To=\"#\">Card link</CardLink> <CardLink To=\"#\">Another link</CardLink> </CardBody> </Card> See the demo here. Header and footer​ Add an optional header and/or footer within a card. <Card Style=\"width:18rem;\"> <CardHeader> Featured </CardHeader> <CardBody> <CardTitle>Special title treatment</CardTitle> <CardText>With supporting text below as a natural lead-in to additional content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> See the demo here. Sizing​ Cards assume no specific width to start, so they’ll be 100% wide unless otherwise stated. You can change this as needed with custom CSS, grid classes, grid Sass mixins, or utilities. <div class=\"row\"> <div class=\"col-sm-6\"> <Card> <CardBody> <CardTitle>Special title treatment</CardTitle> <CardText>With supporting text below as a natural lead-in to additional content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> </div> <div class=\"col-sm-6\"> <Card> <CardBody> <CardTitle>Special title treatment</CardTitle> <CardText>With supporting text below as a natural lead-in to additional content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> </div> </div> See the demo here. Text alignment​ You can quickly change the text alignment of any card—in its entirety or specific parts—with our TextAlignment parameter. <Card Class=\"mb-4\" Style=\"width:18rem;\"> <CardBody> <CardTitle>Special title treatment</CardTitle> <CardText>With supporting text below as a natural lead-in to additional content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> <Card TextAlignment=\"Alignment.Center\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardBody> <CardTitle>Special title treatment</CardTitle> <CardText>With supporting text below as a natural lead-in to additional content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> <Card TextAlignment=\"Alignment.End\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardBody> <CardTitle>Special title treatment</CardTitle> <CardText>With supporting text below as a natural lead-in to additional content.</CardText> <Button Color=\"ButtonColor.Primary\" To=\"#\" Type=\"ButtonType.Link\">Go somewhere</Button> </CardBody> </Card> See the demo here. Background and color​ <Card Color=\"CardColor.Primary\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Primary card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Secondary\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Secondary card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Success\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Success card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Danger\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Danger card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Warning\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Warning card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Info\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Info card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Light\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Light card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> <Card Color=\"CardColor.Dark\" Class=\"mb-4\" Style=\"width:18rem;\"> <CardHeader>Header</CardHeader> <CardBody> <CardTitle>Dark card title</CardTitle> <CardText>Some quick example text to build on the card title and make up the bulk of the card's content.</CardText> </CardBody> </Card> See the demo here. Card groups​ Use card groups to render cards as a single, attached element with equal width and height columns. Card groups start off stacked and use display: flex; to become attached with uniform dimensions starting at the sm breakpoint. <CardGroup> <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CardText> <CardText Class=\"text-muted\">Last updated 3 mins ago</CardText> </CardBody> </Card> <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>This card has supporting text below as a natural lead-in to additional content.</CardText> <CardText Class=\"text-muted\">Last updated 3 mins ago</CardText> </CardBody> </Card> <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</CardText> <CardText Class=\"text-muted\">Last updated 3 mins ago</CardText> </CardBody> </Card> </CardGroup> See the demo here. Card groups with footer​ When using card groups with footers, their content will automatically line up. <CardGroup> <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CardText> </CardBody> <CardFooter> <small class=\"text-muted\">Last updated 3 mins ago</small> </CardFooter> </Card> <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>This card has supporting text below as a natural lead-in to additional content.</CardText> </CardBody> <CardFooter> <small class=\"text-muted\">Last updated 3 mins ago</small> </CardFooter> </Card> <Card Class=\"mb-4\" Style=\"width:18rem;\"> <img src=\"/images/placeholder.png\" alt=\"placeholder\" /> <CardBody> <CardTitle>Card title</CardTitle> <CardText>This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</CardText> </CardBody> <CardFooter> <small class=\"text-muted\">Last updated 3 mins ago</small> </CardFooter> </Card> </CardGroup> See the demo here. Edit this page Previous Callout Next Charts About Parameters Card Parameters CardBody Parameters CardFooter Parameters CardGroup Parameters CardHeader Parameters CardLink Parameters CardSubTitle Parameters CardText Parameters CardTitle Parameters Examples Card Content types Body Titles, text, and links Images List groups Kitchen sink Header and footer Sizing Text alignment Background and color Card groups Card groups with footer","s":"Blazor Card","u":"/components/card","h":"","p":579},{"i":582,"t":"Components Offcanvas On this page Blazor Offcanvas Build hidden sidebars into your project for navigation, shopping carts, and more with Blazor Bootstrap offcanvas component. Parameters​ Name Type Default Required Description Added Version BodyCssClass string null Gets or sets the body CSS class. 1.0.0 BodyTemplate RenderFragment null Gets or sets the body template. 1.0.0 CloseOnEscape bool true If true, offcanvas closes when escape key is pressed. 1.0.0 FooterCssClass string null Gets or sets the footer CSS class. 1.0.0 FooterTemplate RenderFragment null Gets or sets the footer template. 1.0.0 HeaderCssClass string null Gets or sets the header CSS class. 1.0.0 HeaderTemplate RenderFragment null Gets or sets the header template. 1.0.0 IsScrollable bool false Indicates whether body (page) scrolling is allowed while offcanvas is open. 1.0.0 Placement Placement Placement.End Gets or sets the offcanvas placement. 1.0.0 ShowCloseButton bool true If true, modal shows close button in the header. 1.0.0 Size OffcanvasSize OffcanvasSize.Regular Gets or sets the offcanvas size. 1.0.0 TabIndex int -1 Gets or sets the tab index. 1.6.0 Title string null Gets or sets the offcanvas title. 1.0.0 UseStaticBackdrop bool false When UseStaticBackdrop is set to true, the offcanvas will not close when clicking outside of it. 1.8.0 Methods​ Method Description Added Version ShowAsync Shows an offcanvas element. Returns to the caller before the offcanvas element has actually been shown (i.e. before the OnShown event occurs). 1.0.0 HideAsync Hides an offcanvas element. Returns to the caller before the offcanvas element has actually been hidden (i.e. before the OnHidden event occurs). 1.0.0 Asynchronous methods and transitions All API methods are asynchronous and start a transition. They return to the caller as soon as the transition is started but before it ends. In addition, a method call on a transitioning component will be ignored. Callback Events​ Event Description OnShowing This event fires immediately when the show instance method is called. OnShown This event is fired when an offcanvas element has been made visible to the user (will wait for CSS transitions to complete). OnHiding This event is fired immediately when the hide method has been called. OnHidden This event is fired when an offcanvas element has been hidden from the user (will wait for CSS transitions to complete). How it works​ Offcanvas is a sidebar component that can be toggled to appear from the left, right, or bottom edge of the viewport. Conceptually, they are quite similar to the Modal component, but they are separate components. When shown, offcanvas includes a default backdrop that can be clicked to hide the offcanvas. Similar to modals, only one offcanvas can be shown at a time. Examples​ Offcanvas​ Below is an offcanvas example that is shown by default. <Button Color=\"ButtonColor.Primary\" @onclick=\"(async () => { await ShowOffcanvasAsync(); })\">Show Offcanvas</Button> <Offcanvas @ref=\"offcanvas\"> ... design your header and body </Offcanvas> @code { private Offcanvas offcanvas; private async Task ShowOffcanvasAsync() { await offcanvas?.ShowAsync(); } private async Task HideOffcanvasAsync() { await offcanvas?.HideAsync(); } } See demo here. info Default placement for the offcanvas component is right. Dynamic component as offcanvas​ Render different components dynamically within the offcanvas without iterating through possible types or using conditional logic. If dynamically-rendered components have component parameters, pass them as an IDictionary. The string is the parameter's name, and the object is the parameter's value. <Offcanvas @ref=\"offcanvas\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowEmployeeComponent\">Show Employee Component</Button> @code { private Offcanvas offcanvas = default!; private string? message; private async Task ShowEmployeeComponent() { var parameters = new Dictionary<string, object>(); parameters.Add(\"EmployeeId\", 321); await offcanvas.ShowAsync<EmployeeDemoComponent1>(title: \"Employee Details\", parameters: parameters); } } EmployeeDemoComponent1.razor <div class=\"row\"> <div class=\"col-5 col-md-4 text-end\">Employee Id :</div> <div class=\"col-7 col-md-8\">@EmployeeId</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-4 text-end\">First Name :</div> <div class=\"col-7 col-md-8\">@employee.FirstName</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-4 text-end\">Last Name :</div> <div class=\"col-7 col-md-8\">@employee.LastName</div> </div> @code { private Employee employee = default!; [Parameter] public int EmployeeId { get; set; } protected override void OnInitialized() { // get employee with {EmployeeId} from DB employee = new Employee { FirstName = \"Vikram\", LastName = \"Reddy\" }; base.OnInitialized(); } } See demo here. Pass event callbacks to a dynamic component​ Event callbacks can be passed in its parameter dictionary. In the following parent component example, the ShowDTMessage method assigns a string with the current time to message, and the value of message is rendered. The parent component passes the callback method, ShowDTMessage in the parameter dictionary: The string key is the callback method's name, OnClickCallback. The object value is created by EventCallbackFactory.Create for the parent callback method, ShowDTMessage. <Offcanvas @ref=\"offcanvas\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowEmployeeComponent\">Show Employee Component</Button> <div class=\"mt-3 bg-success text-white bg-opacity-75\"> @message </div> @code { private Offcanvas offcanvas = default!; private string? message; private async Task ShowEmployeeComponent() { var parameters = new Dictionary<string, object>(); parameters.Add(\"EmployeeId\", 322); parameters.Add(\"OnclickCallback\", EventCallback.Factory.Create<MouseEventArgs>(this, ShowDTMessage)); await offcanvas.ShowAsync<EmployeeDemoComponent2>(title: \"Employee Details\", parameters: parameters); } private void ShowDTMessage(MouseEventArgs e) => message = $\"The current date time is: {DateTime.Now}.\"; } EmployeeDemoComponent2.razor <div class=\"row\"> <div class=\"col-5 col-md-4 text-end\">Employee Id :</div> <div class=\"col-7 col-md-8\">@EmployeeId</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-4 text-end\">First Name :</div> <div class=\"col-7 col-md-8\">@employee.FirstName</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-4 text-end\">Last Name :</div> <div class=\"col-7 col-md-8\">@employee.LastName</div> </div> <Button class=\"mt-3\" Color=\"ButtonColor.Success\" Type=\"ButtonType.Button\" @onclick=\"OnClickCallback\"> Trigger a Parent component method </Button> @code { private Employee employee = default!; [Parameter] public int EmployeeId { get; set; } [Parameter] public EventCallback<MouseEventArgs> OnClickCallback { get; set; } protected override void OnInitialized() { // get employee with {EmployeeId} from DB employee = new Employee { FirstName = \"Sagar\", LastName = \"Reddy\" }; base.OnInitialized(); } } See demo here. Placement​ Try the top, bottom, and left examples out below. <Offcanvas @ref=\"offcanvas\" Title=\"Offcanvas top\" Placement=\"Placement.Top\"> <BodyTemplate>...</BodyTemplate> </Offcanvas> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowOffcanvasClick\">Show top offcanvas</Button> @code { private Offcanvas offcanvas; private async Task OnShowOffcanvasClick() { await offcanvas?.ShowAsync(); } } See demo here. Static backdrop​ When UseStaticBackdrop is set to true, the offcanvas will not close when clicking outside of it. <Offcanvas @ref=\"offcanvas\" Title=\"Offcanvas title\" UseStaticBackdrop=\"true\"> <BodyTemplate> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt blandit mauris. Aliquam sit amet lorem laoreet, laoreet elit ut, placerat tellus. In mollis ultricies elit, volutpat maximus ipsum sodales interdum. Suspendisse eget tellus mollis, rutrum mauris ac, vulputate enim. Cras porta neque vitae lacinia elementum. Nunc sit amet pulvinar nibh. Curabitur interdum eget odio in tempor. Nulla dictum orci quis ligula auctor fermentum. Pellentesque finibus tellus ac massa convallis malesuada. Nam id pharetra velit, sed eleifend mi. Sed sed justo lorem. Quisque et nulla ut dolor feugiat vestibulum. Nunc at porttitor orci, at dignissim metus. Donec vitae metus vitae felis semper placerat.</p> <p>Proin quis congue enim, ut ultricies erat. Nulla facilisi. Fusce pretium, metus eget tempor vehicula, nisl lorem tincidunt metus, consectetur molestie lorem leo vel lectus. Vivamus pellentesque pharetra mattis. Aenean dignissim quam non velit ultrices rutrum. Aliquam lacinia faucibus sapien vel pretium. Nullam libero massa, ultricies id lacinia nec, scelerisque ut felis. Vivamus ac egestas urna, sit amet condimentum odio. Suspendisse ultrices, libero sed interdum pulvinar, lectus felis pellentesque enim, eu finibus magna massa id augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget tempor libero. Cras ut interdum purus. Donec eu pulvinar urna, ut porttitor purus. Suspendisse sed sodales nunc. Quisque posuere augue sed luctus placerat.</p> <p>Morbi ullamcorper risus turpis, et ullamcorper nulla semper vitae. Proin pharetra dolor dui, non condimentum ex fermentum in. Vestibulum pharetra, risus et pulvinar eleifend, nulla tortor blandit risus, ac imperdiet elit massa quis leo. Vivamus urna lacus, luctus eget felis id, eleifend tristique nisl. Sed dignissim mollis ligula vitae laoreet. Vestibulum eget magna nisi. Aenean auctor elit et turpis blandit, eget porttitor felis suscipit. Duis placerat, sapien a sodales tempus, odio orci malesuada neque, ac molestie ipsum nisi vel eros. Integer sem lectus, luctus vitae sapien ut, efficitur aliquam sem. Praesent placerat est eros, vulputate rutrum nunc imperdiet vitae. Fusce sed felis eget purus aliquet convallis eu eget lacus. Sed finibus nec magna et accumsan. Donec vitae tellus eros. Nullam et ex vitae est sagittis malesuada. Vivamus molestie malesuada libero, a consequat magna dapibus pellentesque. Cras molestie tortor vitae congue pretium.</p> <p>Pellentesque nec iaculis justo, sed pretium sem. Mauris finibus lacus at mollis fringilla. Etiam auctor in justo ac bibendum. Vestibulum at lorem accumsan, maximus erat suscipit, suscipit ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim id quam sit amet varius. Etiam pretium ultrices dignissim. Cras at tortor hendrerit metus ultrices lobortis at ac est. Suspendisse consectetur pellentesque nunc sit amet scelerisque. Maecenas feugiat nunc laoreet, auctor erat eget, ultricies ex. Aliquam nisi nulla, cursus et ante ut, interdum volutpat leo. Phasellus laoreet aliquam maximus. Vestibulum eu neque porta, consectetur ipsum non, euismod enim. Vestibulum euismod purus elit, ultrices imperdiet nisl porttitor eget. Vivamus eros turpis, tincidunt a vulputate vel, malesuada tristique nulla.</p> <p>Vestibulum sed aliquam urna. Ut ullamcorper erat vitae velit mattis commodo. Phasellus dignissim rhoncus dapibus. Quisque congue egestas tellus id finibus. Suspendisse nibh felis, mattis et finibus vel, tempor in lectus. Nullam eget eros dui. Mauris eget vestibulum nibh. Nullam mattis malesuada lorem vel condimentum. Mauris id odio ac est feugiat condimentum.</p> </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => offcanvas?.HideAsync()\">Close</Button> </FooterTemplate> </Offcanvas> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowOffcanvasClick\">Show offcanvas</Button> @code { private Offcanvas offcanvas; private async Task OnShowOffcanvasClick() { await offcanvas?.ShowAsync(); } } See demo here. Sizes​ Set the size of the Offcanvas with the Size parameter. The default value is OffcanvasSize.Regular. Small Offcanvas​ <Offcanvas @ref=\"offcanvas\" Title=\"Offcanvas title\" Size=\"OffcanvasSize.Small\"> <BodyTemplate> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt blandit mauris. Aliquam sit amet lorem laoreet, laoreet elit ut, placerat tellus. In mollis ultricies elit, volutpat maximus ipsum sodales interdum. Suspendisse eget tellus mollis, rutrum mauris ac, vulputate enim. Cras porta neque vitae lacinia elementum. Nunc sit amet pulvinar nibh. Curabitur interdum eget odio in tempor. Nulla dictum orci quis ligula auctor fermentum. Pellentesque finibus tellus ac massa convallis malesuada. Nam id pharetra velit, sed eleifend mi. Sed sed justo lorem. Quisque et nulla ut dolor feugiat vestibulum. Nunc at porttitor orci, at dignissim metus. Donec vitae metus vitae felis semper placerat.</p> <p>Proin quis congue enim, ut ultricies erat. Nulla facilisi. Fusce pretium, metus eget tempor vehicula, nisl lorem tincidunt metus, consectetur molestie lorem leo vel lectus. Vivamus pellentesque pharetra mattis. Aenean dignissim quam non velit ultrices rutrum. Aliquam lacinia faucibus sapien vel pretium. Nullam libero massa, ultricies id lacinia nec, scelerisque ut felis. Vivamus ac egestas urna, sit amet condimentum odio. Suspendisse ultrices, libero sed interdum pulvinar, lectus felis pellentesque enim, eu finibus magna massa id augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget tempor libero. Cras ut interdum purus. Donec eu pulvinar urna, ut porttitor purus. Suspendisse sed sodales nunc. Quisque posuere augue sed luctus placerat.</p> <p>Morbi ullamcorper risus turpis, et ullamcorper nulla semper vitae. Proin pharetra dolor dui, non condimentum ex fermentum in. Vestibulum pharetra, risus et pulvinar eleifend, nulla tortor blandit risus, ac imperdiet elit massa quis leo. Vivamus urna lacus, luctus eget felis id, eleifend tristique nisl. Sed dignissim mollis ligula vitae laoreet. Vestibulum eget magna nisi. Aenean auctor elit et turpis blandit, eget porttitor felis suscipit. Duis placerat, sapien a sodales tempus, odio orci malesuada neque, ac molestie ipsum nisi vel eros. Integer sem lectus, luctus vitae sapien ut, efficitur aliquam sem. Praesent placerat est eros, vulputate rutrum nunc imperdiet vitae. Fusce sed felis eget purus aliquet convallis eu eget lacus. Sed finibus nec magna et accumsan. Donec vitae tellus eros. Nullam et ex vitae est sagittis malesuada. Vivamus molestie malesuada libero, a consequat magna dapibus pellentesque. Cras molestie tortor vitae congue pretium.</p> <p>Pellentesque nec iaculis justo, sed pretium sem. Mauris finibus lacus at mollis fringilla. Etiam auctor in justo ac bibendum. Vestibulum at lorem accumsan, maximus erat suscipit, suscipit ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim id quam sit amet varius. Etiam pretium ultrices dignissim. Cras at tortor hendrerit metus ultrices lobortis at ac est. Suspendisse consectetur pellentesque nunc sit amet scelerisque. Maecenas feugiat nunc laoreet, auctor erat eget, ultricies ex. Aliquam nisi nulla, cursus et ante ut, interdum volutpat leo. Phasellus laoreet aliquam maximus. Vestibulum eu neque porta, consectetur ipsum non, euismod enim. Vestibulum euismod purus elit, ultrices imperdiet nisl porttitor eget. Vivamus eros turpis, tincidunt a vulputate vel, malesuada tristique nulla.</p> <p>Vestibulum sed aliquam urna. Ut ullamcorper erat vitae velit mattis commodo. Phasellus dignissim rhoncus dapibus. Quisque congue egestas tellus id finibus. Suspendisse nibh felis, mattis et finibus vel, tempor in lectus. Nullam eget eros dui. Mauris eget vestibulum nibh. Nullam mattis malesuada lorem vel condimentum. Mauris id odio ac est feugiat condimentum.</p> </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => offcanvas?.HideAsync()\">Close</Button> </FooterTemplate> </Offcanvas> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowOffcanvasClick\">Show small offcanvas</Button> @code { private Offcanvas offcanvas; private async Task OnShowOffcanvasClick() { await offcanvas?.ShowAsync(); } } See demo here. Large Offcanvas​ <Offcanvas @ref=\"offcanvas\" Title=\"Offcanvas title\" Size=\"OffcanvasSize.Large\"> <BodyTemplate> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt blandit mauris. Aliquam sit amet lorem laoreet, laoreet elit ut, placerat tellus. In mollis ultricies elit, volutpat maximus ipsum sodales interdum. Suspendisse eget tellus mollis, rutrum mauris ac, vulputate enim. Cras porta neque vitae lacinia elementum. Nunc sit amet pulvinar nibh. Curabitur interdum eget odio in tempor. Nulla dictum orci quis ligula auctor fermentum. Pellentesque finibus tellus ac massa convallis malesuada. Nam id pharetra velit, sed eleifend mi. Sed sed justo lorem. Quisque et nulla ut dolor feugiat vestibulum. Nunc at porttitor orci, at dignissim metus. Donec vitae metus vitae felis semper placerat.</p> <p>Proin quis congue enim, ut ultricies erat. Nulla facilisi. Fusce pretium, metus eget tempor vehicula, nisl lorem tincidunt metus, consectetur molestie lorem leo vel lectus. Vivamus pellentesque pharetra mattis. Aenean dignissim quam non velit ultrices rutrum. Aliquam lacinia faucibus sapien vel pretium. Nullam libero massa, ultricies id lacinia nec, scelerisque ut felis. Vivamus ac egestas urna, sit amet condimentum odio. Suspendisse ultrices, libero sed interdum pulvinar, lectus felis pellentesque enim, eu finibus magna massa id augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget tempor libero. Cras ut interdum purus. Donec eu pulvinar urna, ut porttitor purus. Suspendisse sed sodales nunc. Quisque posuere augue sed luctus placerat.</p> <p>Morbi ullamcorper risus turpis, et ullamcorper nulla semper vitae. Proin pharetra dolor dui, non condimentum ex fermentum in. Vestibulum pharetra, risus et pulvinar eleifend, nulla tortor blandit risus, ac imperdiet elit massa quis leo. Vivamus urna lacus, luctus eget felis id, eleifend tristique nisl. Sed dignissim mollis ligula vitae laoreet. Vestibulum eget magna nisi. Aenean auctor elit et turpis blandit, eget porttitor felis suscipit. Duis placerat, sapien a sodales tempus, odio orci malesuada neque, ac molestie ipsum nisi vel eros. Integer sem lectus, luctus vitae sapien ut, efficitur aliquam sem. Praesent placerat est eros, vulputate rutrum nunc imperdiet vitae. Fusce sed felis eget purus aliquet convallis eu eget lacus. Sed finibus nec magna et accumsan. Donec vitae tellus eros. Nullam et ex vitae est sagittis malesuada. Vivamus molestie malesuada libero, a consequat magna dapibus pellentesque. Cras molestie tortor vitae congue pretium.</p> <p>Pellentesque nec iaculis justo, sed pretium sem. Mauris finibus lacus at mollis fringilla. Etiam auctor in justo ac bibendum. Vestibulum at lorem accumsan, maximus erat suscipit, suscipit ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim id quam sit amet varius. Etiam pretium ultrices dignissim. Cras at tortor hendrerit metus ultrices lobortis at ac est. Suspendisse consectetur pellentesque nunc sit amet scelerisque. Maecenas feugiat nunc laoreet, auctor erat eget, ultricies ex. Aliquam nisi nulla, cursus et ante ut, interdum volutpat leo. Phasellus laoreet aliquam maximus. Vestibulum eu neque porta, consectetur ipsum non, euismod enim. Vestibulum euismod purus elit, ultrices imperdiet nisl porttitor eget. Vivamus eros turpis, tincidunt a vulputate vel, malesuada tristique nulla.</p> <p>Vestibulum sed aliquam urna. Ut ullamcorper erat vitae velit mattis commodo. Phasellus dignissim rhoncus dapibus. Quisque congue egestas tellus id finibus. Suspendisse nibh felis, mattis et finibus vel, tempor in lectus. Nullam eget eros dui. Mauris eget vestibulum nibh. Nullam mattis malesuada lorem vel condimentum. Mauris id odio ac est feugiat condimentum.</p> </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => offcanvas?.HideAsync()\">Close</Button> </FooterTemplate> </Offcanvas> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowOffcanvasClick\">Show large offcanvas</Button> @code { private Offcanvas offcanvas; private async Task OnShowOffcanvasClick() { await offcanvas?.ShowAsync(); } } Callback Events​ BlazorBootstrap's offcanvas component exposes a few events for hooking into offcanvas functionality. <Offcanvas @ref=\"offcanvas\" title=\"Offcanvas title\" OnShowing=\"OnOffcanvasShowingAsync\" OnShown=\"OnOffcanvasShownAsync\" OnHiding=\"OnOffcanvasHidingAsync\" OnHidden=\"OnOffcanvasHiddenAsync\"> <BodyTemplate> <div>Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.</div> </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnHideOffcanvasClick\">Hide Offcanvas</Button> </FooterTemplate> </Offcanvas> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowOffcanvasClick\">Show offcanvas</Button> @code { private Offcanvas offcanvas; private async Task OnShowOffcanvasClick() { await offcanvas?.ShowAsync(); } private async Task OnHideOffcanvasClick() { await offcanvas?.HideAsync(); } private async Task OnOffcanvasShowingAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Showing\"); }); } private async Task OnOffcanvasShownAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Shown\"); }); } private async Task OnOffcanvasHidingAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Hiding\"); }); } private async Task OnOffcanvasHiddenAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Hidden\"); }); } } See demo here. Edit this page Previous Modal Next Pagination Parameters Methods Callback Events How it works Examples Offcanvas Dynamic component as offcanvas Pass event callbacks to a dynamic component Placement Static backdrop Sizes Callback Events","s":"Blazor Offcanvas","u":"/components/offcanvas","h":"","p":581},{"i":584,"t":"One post tagged with \"v0.5.0\" View All Tags BlazorBootstrap v0.5.0 October 16, 2022 · One min read Vikram Reddy Creator We are excited to release 0.5.0 with new blazor chart components. Tags: v0.5.0 blazorbootstrap blazor-charts blazor-bar-chart blazor-doughnut-chart blazor-line-chart blazor-pie-chart Read More","s":"One post tagged with \"v0.5.0\"","u":"/blog/tags/v-0-5-0","h":"","p":583},{"i":586,"t":"Components Placeholders On this page Blazor Placeholders Use Blazor Bootstrap loading placeholders for your components or pages to indicate something may still be loading. PlaceholderContainer Parameters​ Name Type Default Required Description Added Version Animation PlaceholderAnimation PlaceholderAnimation.Glow Gets or sets the placeholder animation. 1.0.0 ChildContent RenderFragment? null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Placeholder Parameters​ Name Type Default Required Description Added Version Color PlaceholderColor PlaceholderColor.None Gets or sets the placeholder color. 1.0.0 Size PlaceholderSize PlaceholderSize.None Gets or sets the placeholder size. 1.0.0 Width PlaceholderWidth PlaceholderWidth.Col1 Gets or sets the placeholder width. 1.0.0 Examples​ Placeholders​ <PlaceholderContainer Animation=\"PlaceholderAnimation.Glow\"> <Placeholder Width=\"PlaceholderWidth.Col7\" /> <Placeholder Width=\"PlaceholderWidth.Col9\" /> <Placeholder Width=\"PlaceholderWidth.Col6\" /> <Placeholder Width=\"PlaceholderWidth.Col7\" /> </PlaceholderContainer> See demo here. Width​ You can change the width through PlaceholderWidth, width utilities, or inline styles. <Placeholder Width=\"PlaceholderWidth.Col6\" /> <Placeholder Class=\"w-75\" /> <Placeholder Style=\"width: 25%;\" /> See demo here. Color​ By default, the placeholder uses currentColor. This can be overridden with the Color property of type enum. <Placeholder Width=\"PlaceholderWidth.Col12\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Primary\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Secondary\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Success\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Danger\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Warning\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Info\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Light\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Color=\"PlaceholderColor.Dark\" /> See demo here. Sizing​ The size of placeholders are based on the typographic style of the parent element. Customize them with Size property of type enum. <Placeholder Width=\"PlaceholderWidth.Col12\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.Large\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.Small\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.ExtraSmall\" /> See demo here. Animation​ Animate placeholders with PlaceholderAnimation.Glow or PlaceholderAnimation.Wave to better convey the perception of something being actively loaded. <PlaceholderContainer Animation=\"PlaceholderAnimation.Glow\"> <Placeholder Width=\"PlaceholderWidth.Col12\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.Large\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.Small\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.ExtraSmall\" /> </PlaceholderContainer> <br /> <br /> <PlaceholderContainer Animation=\"PlaceholderAnimation.Wave\"> <Placeholder Width=\"PlaceholderWidth.Col12\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.Large\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.Small\" /> <Placeholder Width=\"PlaceholderWidth.Col12\" Size=\"PlaceholderSize.ExtraSmall\" /> </PlaceholderContainer> See demo here. Edit this page Previous PDF Viewer Next Preload PlaceholderContainer Parameters Placeholder Parameters Examples Placeholders Width Color Sizing Animation","s":"Blazor Placeholders","u":"/components/placeholders","h":"","p":585},{"i":588,"t":"Components Modal On this page Blazor Modal Use Blazor Bootstrap modal component to add dialogs to your site for lightboxes, user notifications, or completely custom content. Parameters​ Name Type Default Required Description Added Version BodyCssClass string null Gets or sets the body CSS class. 1.0.0 BodyTemplate RenderFragment null Gets or sets the body template. 1.0.0 CloseIconColor IconColor IconColor.None Gets or sets the close icon color. 1.0.0 CloseOnEscape bool true Indicates whether the modal closes when escape key is pressed. 1.0.0 DialogCssClass string null Gets or sets the modal dialog (div.modal-dialog) CSS class. 1.0.0 FooterCssClass string null Gets or sets the footer CSS class. 1.0.0 FooterTemplate RenderFragment null Gets or sets the footer template. 1.0.0 Fullscreen ModalFullscreen ModalFullscreen.Disabled Gets or sets the fullscreen behavior of the modal. 1.0.0 HeaderCssClass string null Gets or sets the header CSS class. 1.0.0 HeaderTemplate RenderFragment null Gets or sets the header template. 1.0.0 IsScrollable bool false If true, scroll will be enabled on the modal body. 1.0.0 IsServiceModal bool false Indicates whether the modal is related to a modal service or not. 1.9.4 IsVerticallyCentered bool false If true, shows the modal vertically in the center. 1.0.0 Message string null Gets or sets the message. 1.0.0 ModalType ModalType ModalType.Light Gets or sets the modal type. 1.9.5 ShowCloseButton bool true If true, close button will be visible in the modal header. 1.0.0 Size ModalSize ModalSize.Regular Gets or sets the modal size. 1.0.0 TabIndex int -1 Gets or sets the tab index. 1.6.0 Title string null Gets or sets the modal header title. 1.0.0 UseStaticBackdrop bool false Indicates whether the modal uses a static backdrop. 1.0.0 Methods​ Name Description Added Version ShowAsync Opens a modal. 1.0.0 ShowAsync<T>(string title, Dictionary<string, object> parameters = null) Opens a modal. T is component. 1.4.1 HideAsync Hides a modal. 1.0.0 Asynchronous methods and transitions All API methods are asynchronous and start a transition. They return to the caller as soon as the transition is started but before it ends. In addition, a method call on a transitioning component will be ignored. Callback Events​ Event Description OnShowing This event fires immediately when the show instance method is called. OnShown This event is fired when an offcanvas element has been made visible to the user (will wait for CSS transitions to complete). OnHiding This event is fired immediately when the hide method has been called. OnHidden This event is fired when an offcanvas element has been hidden from the user (will wait for CSS transitions to complete). OnHidePrevented This event is fired when the modal is shown, its backdrop is static and a click outside the modal or an escape key press is performed with the keyboard option or data-bs-keyboard set to false. How it works​ Before getting started with BlazorBootstrap's modal component, be sure to read the following as our menu options have recently changed. Modals are built with HTML, CSS, and JavaScript. They're positioned over everything else in the document and remove scroll from the <body> so that modal content scrolls instead. Clicking on the modal \"backdrop\" will automatically close the modal. BlazorBootstrap only supports one modal window at a time. Nested modals aren't supported as we believe them to be poor user experiences. Examples​ Modal​ Clicking the Show Modal button below, the modal will slide down and fade in from the top of the page. <Modal @ref=\"modal\" Title=\"Modal title\"> <BodyTemplate> Modal body text goes here. </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"OnHideModalClick\">Close</Button> <Button Color=\"ButtonColor.Primary\">Save changes</Button> </FooterTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Show Modal</Button> @code { private Modal modal; private async Task OnShowModalClick() { await modal?.ShowAsync(); } private async Task OnHideModalClick() { await modal?.HideAsync(); } } See demo here. Dynamic component as modal​ Render different components dynamically within the modal without iterating through possible types or using conditional logic. If dynamically-rendered components have component parameters, pass them as an IDictionary. The string is the parameter's name, and the object is the parameter's value. <Modal @ref=\"modal\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Show Employee Component</Button> @code { private Modal modal = default!; private string? message; private async Task OnShowModalClick() { var parameters = new Dictionary<string, object>(); parameters.Add(\"EmployeeId\", 321); await modal.ShowAsync<EmployeeDemoComponent1>(title: \"Employee Details\", parameters: parameters); } } EmployeeDemoComponent1.razor <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">Employee Id :</div> <div class=\"col-7 col-md-9\">@EmployeeId</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">First Name :</div> <div class=\"col-7 col-md-9\">@employee.FirstName</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">Last Name :</div> <div class=\"col-7 col-md-9\">@employee.LastName</div> </div> @code { private Employee employee; [Parameter] public int EmployeeId { get; set; } protected override void OnInitialized() { // get employee with {EmployeeId} from DB employee = new Employee { FirstName = \"Vikram\", LastName = \"Reddy\" }; base.OnInitialized(); } } See demo here. Pass event callbacks to a dynamic component​ Event callbacks (EventCallback) can be passed in its parameter dictionary. In the following parent component example, the ShowDTMessage method assigns a string with the current time to message, and the value of message is rendered. The parent component passes the callback method, ShowDTMessage in the parameter dictionary: The string key is the callback method's name, OnClickCallback. The object value is created by EventCallbackFactory.Create for the parent callback method, ShowDTMessage. <Modal @ref=\"modal\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Show Employee Component</Button> <div class=\"mt-3\"> @message </div> @code { private Modal modal = default!; private string? message; private async Task OnShowModalClick() { var parameters = new Dictionary<string, object>(); parameters.Add(\"EmployeeId\", 322); parameters.Add(\"OnclickCallback\", EventCallback.Factory.Create<MouseEventArgs>(this, ShowDTMessage)); await modal.ShowAsync<EmployeeDemoComponent2>(title: \"Employee Details\", parameters: parameters); } private void ShowDTMessage(MouseEventArgs e) => message = $\"The current DT is: {DateTime.Now}.\"; } EmployeeDemoComponent2.razor <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">Employee Id :</div> <div class=\"col-7 col-md-9\">@EmployeeId</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">First Name :</div> <div class=\"col-7 col-md-9\">@employee.FirstName</div> </div> <div class=\"row\"> <div class=\"col-5 col-md-3 text-end\">Last Name :</div> <div class=\"col-7 col-md-9\">@employee.LastName</div> </div> <Button class=\"mt-3\" Color=\"ButtonColor.Success\" Type=\"ButtonType.Button\" @onclick=\"OnClickCallback\"> Trigger a Parent component method </Button> @code { private Employee employee; [Parameter] public int EmployeeId { get; set; } [Parameter] public EventCallback<MouseEventArgs> OnClickCallback { get; set; } protected override void OnInitialized() { // get employee with {EmployeeId} from DB employee = new Employee { FirstName = \"Sagar\", LastName = \"Reddy\" }; base.OnInitialized(); } } See demo here. Static backdrop​ When UseStaticBackdrop is set to true, the modal will not close when clicking outside it. CloseOnEscape should also be set to false to ignore the effect of pressing the Esc key and mimic the original behaviour of Bootstrap modal. Click the button below to try it. <Modal @ref=\"modal\" title=\"Modal title\" UseStaticBackdrop=\"true\" CloseOnEscape=\"false\"> <BodyTemplate> I will not close if you click outside me. Don't even try to press escape key. </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"OnHideModalClick\">Close</Button> <Button Color=\"ButtonColor.Primary\">Understood</Button> </FooterTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Launch static backdrop modal</Button> @code { private Modal modal; private async Task OnShowModalClick() { await modal?.ShowAsync(); } private async Task OnHideModalClick() { await modal?.HideAsync(); } } See demo here. Scrolling long content​ When modals become too long for the user’s viewport or device, they scroll independent of the page itself. Try the demo below to see what we mean. <Modal @ref=\"modal\" title=\"Modal title\" IsScrollable=\"true\"> <BodyTemplate> <p style=\"margin-bottom: 100vh;\">This is some placeholder content to show the scrolling behavior for modals. Instead of repeating the text the modal, we use an inline style set a minimum height, thereby extending the length of the overall modal and demonstrating the overflow scrolling. When content becomes longer than the height of the viewport, scrolling will move the modal as needed.</p> <p>This content should appear at the bottom after you scroll.</p> </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"OnHideModalClick\">Close</Button> <Button Color=\"ButtonColor.Primary\">Save changes</Button> </FooterTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Launch demo modal</Button> @code { private Modal modal; private async Task OnShowModalClick() { await modal?.ShowAsync(); } private async Task OnHideModalClick() { await modal?.HideAsync(); } } See demo here. Vertically centered​ Add IsVerticallyCentered=\"true\" to vertically center the modal. <Modal @ref=\"modal\" title=\"Modal title\" IsVerticallyCentered=\"true\"> <BodyTemplate> This is a vertically centered modal. </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"OnHideModalClick\">Close</Button> <Button Color=\"ButtonColor.Primary\">Save changes</Button> </FooterTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Vertically centered modal</Button> @code { private Modal modal; private async Task OnShowModalClick() { await modal?.ShowAsync(); } private async Task OnHideModalClick() { await modal?.HideAsync(); } } See demo here. Vertically centered and scrollable​ <Modal @ref=\"modal\" title=\"Modal title\" IsVerticallyCentered=\"true\" IsScrollable=\"true\"> <BodyTemplate> <p style=\"margin-bottom: 100vh;\">This is some placeholder content to show the scrolling behavior for modals. Instead of repeating the text the modal, we use an inline style set a minimum height, thereby extending the length of the overall modal and demonstrating the overflow scrolling. When content becomes longer than the height of the viewport, scrolling will move the modal as needed.</p> <p>This content should appear at the bottom after you scroll.</p> </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"OnHideModalClick\">Close</Button> <Button Color=\"ButtonColor.Primary\">Save changes</Button> </FooterTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Vertically centered scrollable modal</Button> @code { private Modal modal; private async Task OnShowModalClick() { await modal?.ShowAsync(); } private async Task OnHideModalClick() { await modal?.HideAsync(); } } See demo here. Optional sizes​ Modals have three optional sizes. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports. <Modal @ref=\"xlModal\" title=\"Extra large modal\" Size=\"ModalSize.ExtraLarge\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"lgModal\" title=\"Large modal\" Size=\"ModalSize.Large\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"smModal\" title=\"Small modal\" Size=\"ModalSize.Small\"> <BodyTemplate>...</BodyTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => xlModal?.ShowAsync()\">Extra large modal</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => lgModal?.ShowAsync()\">Large modal</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => smModal?.ShowAsync()\">Small modal</Button> @code { private Modal xlModal; private Modal lgModal; private Modal smModal; } See demo here. Fullscreen Modal​ <Modal @ref=\"modal\" title=\"Full screen\" Fullscreen=\"ModalFullscreen.Always\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"smModal\" title=\"Full screen below sm\" Fullscreen=\"ModalFullscreen.SmallDown\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"mdModal\" title=\"Full screen below md\" Fullscreen=\"ModalFullscreen.MediumDown\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"lgModal\" title=\"Full screen below lg\" Fullscreen=\"ModalFullscreen.LargeDown\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"xlModal\" title=\"Full screen below xl\" Fullscreen=\"ModalFullscreen.ExtraLargeDown\"> <BodyTemplate>...</BodyTemplate> </Modal> <Modal @ref=\"xxlModal\" title=\"Full screen below xxl\" Fullscreen=\"ModalFullscreen.ExtraExtraLargeDown\"> <BodyTemplate>...</BodyTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => modal?.ShowAsync()\">Full screen</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => smModal?.ShowAsync()\">Full screen below sm</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => mdModal?.ShowAsync()\">Full screen below md</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => lgModal?.ShowAsync()\">Full screen below lg</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => xlModal?.ShowAsync()\">Full screen below xl</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => xxlModal?.ShowAsync()\">Full screen below xxl</Button> @code { private Modal modal; private Modal smModal; private Modal mdModal; private Modal lgModal; private Modal xlModal; private Modal xxlModal; } See demo here. Callback Events​ BlazorBootstrap's modal class exposes a few events for hooking into modal functionality. <Modal @ref=\"modal\" title=\"Modal title\" OnShowing=\"OnModalShowingAsync\" OnShown=\"OnModalShownAsync\" OnHiding=\"OnModalHidingAsync\" OnHidden=\"OnModalHiddenAsync\" OnHidePrevented=\"OnModalHidePreventedAsync\"> <BodyTemplate> Modal body text goes here. </BodyTemplate> <FooterTemplate> <Button Color=\"ButtonColor.Secondary\" @onclick=\"OnHideModalClick\">Close</Button> <Button Color=\"ButtonColor.Primary\">Save changes</Button> </FooterTemplate> </Modal> <Button Color=\"ButtonColor.Primary\" @onclick=\"OnShowModalClick\">Show Modal</Button> @code { private Modal modal; private async Task OnModalShowingAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Showing\"); }); } private async Task OnModalShownAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Show\"); }); } private async Task OnModalHidingAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Hiding\"); }); } private async Task OnModalHiddenAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Hide\"); }); } private async Task OnModalHidePreventedAsync() { await Task.Run(() => { Console.WriteLine(\"Event: Hide Prevented\"); }); } } See demo here. Edit this page Previous Grid Next Offcanvas Parameters Methods Callback Events How it works Examples Modal Dynamic component as modal Pass event callbacks to a dynamic component Static backdrop Scrolling long content Vertically centered Vertically centered and scrollable Optional sizes Fullscreen Modal Callback Events","s":"Blazor Modal","u":"/components/modal","h":"","p":587},{"i":590,"t":"Components Pagination On this page Blazor Pagination Use Blazor Bootstrap pagination component to indicate a series of related content exists across multiple pages. Parameters​ Name Type Default Required Description Added Version ActivePageNumber int 1 Gets or sets the active page number. 1.0.0 Alignment Alignment Alignment.None Gets or sets the pagination alignment. 1.0.0 DisplayPages int 5 Gets or sets the maximum page links to be displayed. 1.0.0 FirstLinkIcon IconName IconName.None Gets or sets the first link icon. 1.0.0 FirstLinkText string null Gets or sets the first link text. 'FirstLinkText' is ignored if 'FirstLinkIcon' is specified. 1.0.0 LastLinkIcon IconName IconName.None Gets or sets the last link icon. 1.0.0 LastLinkText string null Gets or sets the last link text. 'LastLinkText' is ignored if 'LastLinkIcon' is specified. 1.0.0 NextLinkIcon IconName IconName.None Gets or sets the next link icon. 1.0.0 NextLinkText string null Gets or sets the next link text. 'NextLinkText' is ignored if 'NextLinkIcon' is specified. 1.0.0 PreviousLinkIcon IconName IconName.None Gets or sets the previous link icon. 1.0.0 PreviousLinkText string null Gets or sets the previous link text. 'PreviousLinkText' is ignored if 'PreviousLinkIcon' is specified. 1.0.0 Size PaginationSize PaginationSize.None Gets or sets the pagination size. 1.0.0 TotalPages int 0 Gets or sets the total pages. 1.0.0 Callback Events​ Event Description PageChanged This event fires immediately when the page number is changed. Examples​ Pagination​ We use a large block of connected links for our pagination, making links hard to miss and easily scalable - all while providing large hit areas. Pagination is built with list HTML elements so screen readers can announce the number of available links. <Pagination TotalPages=\"8\" /> <Pagination TotalPages=\"10\" /> <Pagination TotalPages=\"13\" /> <Pagination TotalPages=\"25\" /> <Pagination TotalPages=\"100\" /> See demo here. Working with icons​ <Pagination ActivePageNumber=\"1\" TotalPages=\"15\" DisplayPages=\"5\" FirstLinkIcon=\"IconName.ChevronDoubleLeft\" PreviousLinkIcon=\"IconName.ChevronLeft\" NextLinkIcon=\"IconName.ChevronRight\" LastLinkIcon=\"IconName.ChevronDoubleRight\" /> See demo here. Disabled and active states​ <Pagination ActivePageNumber=\"1\" TotalPages=\"10\" /> <Pagination ActivePageNumber=\"3\" TotalPages=\"10\" /> <Pagination ActivePageNumber=\"5\" TotalPages=\"10\" /> See demo here. Sizing​ Fancy larger or smaller pagination? Add Size=\"PaginationSize.Small\" or Size=\"PaginationSize.Large\" for additional sizes. <Pagination ActivePageNumber=\"5\" TotalPages=\"5\" Size=\"PaginationSize.Small\" /> <Pagination ActivePageNumber=\"5\" TotalPages=\"5\" /> <Pagination ActivePageNumber=\"5\" TotalPages=\"5\" Size=\"PaginationSize.Large\" /> See demo here. Alignment​ <Pagination ActivePageNumber=\"2\" TotalPages=\"5\" /> <Pagination ActivePageNumber=\"2\" TotalPages=\"5\" Alignment=\"Alignment.Center\" /> <Pagination ActivePageNumber=\"2\" TotalPages=\"5\" Alignment=\"Alignment.End\" /> See demo here. Callback Events​ <Pagination ActivePageNumber=\"@currentPageNumber\" TotalPages=\"10\" PageChanged=\"OnPageChangedAsync\" /> <text>Current Page Number: @currentPageNumber</text> @code { int currentPageNumber = 2; private async Task OnPageChangedAsync(int newPageNumber) { await Task.Run(() => { currentPageNumber = newPageNumber; }); } } See demo here. Edit this page Previous Offcanvas Next PDF Viewer Parameters Callback Events Examples Pagination Working with icons Disabled and active states Sizing Alignment Callback Events","s":"Blazor Pagination","u":"/components/pagination","h":"","p":589},{"i":592,"t":"Components Preload On this page Blazor Preload Indicate the loading state of a page with Blazor Bootstrap preload component. Things to know when using the Preload component: Add the Preload component to your current page or your layout page. Inject PreloadService Call PreloadService.Show() before you make any call to the API. Call PreloadService.Hide() after you get the response from the API. Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.1.0 LoadingText string? null Gets or sets the loading text. 1.10.4 Preload Service​ Methods​ Name Return Type Description Added Version Show(SpinnerColor spinnerColor = SpinnerColor.Light) void Shows the preload. 1.1.0 Show(SpinnerColor spinnerColor = SpinnerColor.Light, string? loadingText = null) void Shows the preload. 1.10.4 Hide() void Hides the preload. 1.1.0 Global preload service for the application​ Add the Preload component in MainLayout.razor page as shown below. @using BlazorBootstrap . . ... MainLayout.razor code goes here ... . . <Preload LoadingText=\"Loading...\" /> Inject PreloadService, then call the Show() and Hide() methods before and after the Service/API call, respectively, as shown below. @code { [Inject] protected PreloadService PreloadService { get; set; } private void GetEmployees() { try { PreloadService.Show(); // call the service/api to get the employees } catch { // handle exception } finally { PreloadService.Hide(); } } } See Preload demo here. Change loading text​ <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowLoadingDataAsync\">Show Loading data...</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"ShowSavingDataAsync\">Show Saving data...</Button> @code { [Inject] protected PreloadService PreloadService { get; set; } private async Task ShowLoadingDataAsync() { PreloadService.Show(SpinnerColor.Light, \"Loading data...\"); await Task.Delay(3000); // call the service/api PreloadService.Hide(); } private async Task ShowSavingDataAsync() { PreloadService.Show(SpinnerColor.Light, \"Saving data...\"); await Task.Delay(3000); // call the service/api PreloadService.Hide(); } } See Preload demo here. Change spinner color​ Change the default spinner color by passing the SpinnerColor enum to the Show(...) method. In the below example, we are using a global preload service, as shown in the above section. <Button Color=\"ButtonColor.Primary\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Primary)\">Primary Spinner</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Secondary)\">Secondary Spinner</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Success)\">Success Spinner</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Danger)\">Danger Spinner</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Warning)\">Warning Spinner</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Info)\">Info Spinner</Button> <Button Color=\"ButtonColor.Light\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Light)\">Light Spinner</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"async () => await ShowSpinnerAsync(SpinnerColor.Dark)\">Dark Spinner</Button> @code { [Inject] protected PreloadService PreloadService { get; set; } private async Task ShowSpinnerAsync(SpinnerColor spinnerColor) { PreloadService.Show(spinnerColor); await Task.Delay(3000); // call the service/api PreloadService.Hide(); } } See Preload demo here. Edit this page Previous Placeholders Next Progress Parameters Preload Service Methods Global preload service for the application Change loading text Change spinner color","s":"Blazor Preload","u":"/components/preload","h":"","p":591},{"i":594,"t":"Components Script Loader On this page Blazor Script Loader Documentation and examples for using the Blazor Bootstrap Script Loader component. Script Loader Parameters​ Name Type Default Required Description Added Version Async bool false Gets or sets the async. 1.11.0 ScriptId string? null Gets or set the script id. 1.11.0 Source string? null ✔️ This parameter specifies the URI of an external script; this can be used as an alternative to embedding a script directly within a document. 1.11.0 Script Loader Events​ Name Description Added Version OnError An event that is fired when a script loading error occurs. 1.11.0 OnLoad An event that is fired when a script has been successfully loaded. 1.11.0 How it works​ In the following example, the jQuery script is loaded using the Script Loader component. <ScriptLoader Async=\"true\" Class=\"mt-4\" ScriptId=\"script1\" Source=\"//cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js\" /> Test To test whether the jQuery script has been loaded successfully, run $('#script1')[0] in the browser console. See demo here. Events​ In the following example, an incorrect script source is specified. This is why the OnError callback event is called, and the message is updated with the error message. <ScriptLoader Async=\"true\" Class=\"mt-4\" OnLoad=\"OnScriptLoad\" OnError=\"OnScriptError\" ScriptId=\"script2\" Source=\"//cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min1.js\"/> <div class=\"text-danger\">@message</div> @code { string? message; private void OnScriptLoad() => message = \"Script loaded successfully.\"; private void OnScriptError(string errorMessage) => message = errorMessage; } Edit this page Previous Ribbon Next Sidebar Script Loader Parameters Script Loader Events How it works Events","s":"Blazor Script Loader","u":"/components/script-loader","h":"","p":593},{"i":596,"t":"Components Progress On this page Blazor Progress Documentation and examples for using the Blazor Bootstrap progress component featuring support for stacked bars, animated backgrounds, and text labels. Progress Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Height double 16 Gets or sets the height of the Progress. Height is measured in pixels, and the default height is 16 pixels. 1.0.0 ProgressBar Parameters​ Name Type Default Required Description Added Version Color ProgressColor ProgressColor.None Gets or sets the progress color. 1.0.0 Label string null Gets or sets the progress bar label. 1.0.0 Type ProgressType ProgressType.Default Gets or sets the progress bar type. 1.0.0 Width double 0 Get or sets the progress bar width. 1.0.0 ProgressBar Methods​ Name Description DecreaseWidth Decrease the progress bar width. GetWidth Get the progress bar width. IncreaseWidth Increase the progress bar width. SetColor Set the progress bar color. SetLabel Set the progress bar label. SetWidth Set the progress bar width. Examples​ How it works​ <Progress Class=\"mb-3\"> <ProgressBar /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Width=\"20\" Label=\"20%\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Success\" Width=\"40\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Warning\" Width=\"60\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Danger\" Width=\"70\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Dark\" Width=\"80\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Success\" Width=\"20\" /> <ProgressBar Color=\"ProgressColor.Info\" Width=\"20\" /> <ProgressBar Color=\"ProgressColor.Warning\" Width=\"20\" /> <ProgressBar Color=\"ProgressColor.Danger\" Width=\"30\" /> </Progress> See demo here. Labels​ Add labels to your Blazor ProgressBar component using the Label parameter or by calling the SetLabel(...) method. <Progress Class=\"mb-3\"> <ProgressBar Width=\"20\" Label=\"20%\" /> </Progress> See demo here. Set width programmatically​ Use IncreaseWidth() or DecreaseProgressBar() methods to increase or decrease the Blazor ProgressBar width. <Progress Class=\"mb-3\"> <ProgressBar @ref=\"progressBar\" /> </Progress> <div class=\"mb-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"IncreaseProgressBar\">Increase by 10%</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"DecreaseProgressBar\">Decrease by 10%</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"ResetProgressBar\">Reset</Button> </div> @code { ProgressBar progressBar; private void IncreaseProgressBar() { progressBar.IncreaseWidth(10); progressBar.SetLabel($\"{progressBar.GetWidth()}%\"); } private void DecreaseProgressBar() { progressBar.DecreaseProgressBar(10); progressBar.SetLabel($\"{progressBar.GetWidth()}%\"); } private void ResetProgressBar() { progressBar.SetWidth(0); progressBar.SetLabel($\"{progressBar.GetWidth()}%\"); } } See demo here. Height​ Set the height of the Blazor Progress by using the Height parameter. Height is measured in pixels. <Progress Class=\"mb-3\" Height=\"1\"> <ProgressBar Width=\"20\" /> </Progress> <Progress Class=\"mb-3\" Height=\"5\"> <ProgressBar Width=\"20\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Width=\"40\" /> </Progress> <Progress Class=\"mb-3\" Height=\"20\"> <ProgressBar Width=\"40\" /> </Progress> See demo here. Backgrounds​ Use the Color parameter or the SetColor(ProgressColor color) method to change the appearance of individual Blazor ProgressBar components. <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Success\" Width=\"10\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Info\" Width=\"20\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Warning\" Width=\"30\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Danger\" Width=\"40\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Primary\" Width=\"60\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Secondary\" Width=\"70\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Dark\" Width=\"80\" /> </Progress> See demo here. Set background programmatically​ You can dynamically set the Blazor ProgressBar color by calling the SetColor() method. <Progress Class=\"mb-3\"> <ProgressBar @ref=\"progressBar\" Width=\"30\" Label=\"30%\" /> </Progress> <div> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Success\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Success)\">Set Color</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Info\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Info)\">Set Color</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Warning\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Warning)\">Set Color</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Danger\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Danger)\">Set Color</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Primary)\">Set Color</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Secondary)\">Set Color</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Dark\" Size=\"Size.Small\" @onclick=\"() => SetColor(ProgressColor.Dark)\">Set Color</Button> </div> @code { ProgressBar progressBar; private void SetColor(ProgressColor color) => progressBar.SetColor(color); } See demo here. Multiple bars​ Include multiple Blazor ProgressBar components in a Blazor Progress component if needed. <Progress Class=\"mb-3\"> <ProgressBar Color=\"ProgressColor.Success\" Width=\"20\" /> <ProgressBar Color=\"ProgressColor.Info\" Width=\"20\" /> <ProgressBar Color=\"ProgressColor.Warning\" Width=\"20\" /> <ProgressBar Color=\"ProgressColor.Danger\" Width=\"10\" /> </Progress> See demo here. Striped​ Add Type=\"ProgressType.Striped\" to any Blazor ProgressBar component to apply a stripe. <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Success\" Width=\"10\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Info\" Width=\"20\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Warning\" Width=\"30\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Danger\" Width=\"40\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Primary\" Width=\"60\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Secondary\" Width=\"80\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.Striped\" Color=\"ProgressColor.Dark\" Width=\"100\" /> </Progress> See demo here. Animated stripes​ The stripes can also be animated. Add Type=\"ProgressType.StripedAndAnimated\" to the Blazor ProgressBar component to animate the stripes right to the left. <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Success\" Width=\"10\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Info\" Width=\"20\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Warning\" Width=\"30\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Danger\" Width=\"40\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Primary\" Width=\"60\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Secondary\" Width=\"80\" /> </Progress> <Progress Class=\"mb-3\"> <ProgressBar Type=\"ProgressType.StripedAndAnimated\" Color=\"ProgressColor.Dark\" Width=\"100\" /> </Progress> See demo here. Edit this page Previous Preload Next Ribbon Progress Parameters ProgressBar Parameters ProgressBar Methods Examples How it works Labels Set width programmatically Height Backgrounds Set background programmatically Multiple bars Striped Animated stripes","s":"Blazor Progress","u":"/components/progress","h":"","p":595},{"i":598,"t":"Components Ribbon On this page Blazor Progress Documentation and examples for using the Blazor Bootstrap Ribbon component. Ribbon Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 2.2.0 EnableFadeEffect bool false Gets or sets the tabs fade effect. 2.2.0 RibbonTab Parameters​ Name Type Default Required Description Added Version Active bool false Gets or sets the active state. 2.2.0 Content RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 2.2.0 Disabled bool false Gets or sets the disabled state. 2.2.0 Name string null Gets or sets the tab name. 2.2.0 Title string null Gets or sets the tab title. 2.2.0 TitleTemplate RenderFragment null Gets or sets the tab title template. 2.2.0 RibbonGroup Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment? null ✔️ Gets or sets the content to be rendered within the component. 2.2.0 RibbonItemGroup Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment? null ✔️ Gets or sets the content to be rendered within the component. 2.2.0 Title string? null Gets or sets the text content of the component. 2.2.0 RibbonItem Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment? null ✔️ Gets or sets the content to be rendered within the component. 2.2.0 CustomIconName string? null The name of a custom icon to be displayed. 2.2.0 IconColor IconColor IconColor.None The color of the icon. 2.2.0 IconCssClass string? null CSS class(es) to be applied to the icon element. 2.2.0 IconName IconName IconName.None The built-in icon to be displayed. 2.2.0 IconSize IconSize IconSize.x3 The size of the icon. Defaults to x3. 2.2.0 ImgHeight double 28 The height of the image in pixels. 2.2.0 ImgSrc string? null The source URL of the image. 2.2.0 ImgWidth double 28 The width of the image in pixels. 2.2.0 IsFirstItem bool false True if this is the first item in the RibbonItemGroup. 2.2.0 IsLastItem bool false True if this is the last item in the RibbonItemGroup. 2.2.0 Name string? null The name associated with the RibbonItem. 2.2.0 Text string? null The text content to be displayed inside the RibbonItem. 2.2.0 Ribbon Methods​ Name Description Added Version RemoveTabByIndex(int tabIndex) Removes the tab by index. 2.2.0 RemoveTabByName(string tabName) Removes the tab by name. 2.2.0 ShowFirstTabAsync() Selects the first tab and show its associated pane. 2.2.0 ShowLastTabAsync() Selects the last tab and show its associated pane. 2.2.0 ShowRecentTab() Shows the recently added tab. 2.2.0 ShowTabByIndexAsync(int tabIndex) Selects the tab by index and show its associated pane. 2.2.0 ShowTabByNameAsync(string tabName) Selects the tab by name and show its associated pane. 2.2.0 Ribbon Events​ Name Description Added Version OnClick This event fires when the user clicks the corresponding RibbonItem. 2.2.0 OnHidden This event fires after a new tab is shown (and thus the previous active tab is hidden). 2.2.0 OnHiding This event fires when a new tab is to be shown (and thus the previous active tab is to be hidden). 2.2.0 OnShowing This event fires on tab show, but before the new tab has been shown. 2.2.0 OnShown This event fires on tab show after a tab has been shown. 2.2.0 RibbonTab Callback Events​ Event Description Added Version OnClick This event fires when the user clicks the corresponding tab button and the tab is displayed. 2.2.0 Examples​ How it works​ In the following example, you will see a ribbon similar to the one found in Outlook. <Ribbon OnClick=\"OnRibbonItemClick\"> <RibbonTab Title=\"Home\" IsActive=\"true\"> <Content> <!-- New --> <RibbonItemGroup Text=\"New\"> <RibbonItem Name=\"NewEmail\" IconName=\"IconName.EnvelopePlus\" IconSize=\"IconSize.x3\" IsFirstItem=\"true\">New<br />Email</RibbonItem> <RibbonItem Name=\"Appointment\" IconName=\"IconName.Calendar3Event\" IconSize=\"IconSize.x3\" Text=\"Appointment\" IsLastItem=\"true\" /> </RibbonItemGroup> <!-- Delete --> <RibbonItemGroup Text=\"Delete\"> <RibbonItem Name=\"Delete\" IconColor=\"IconColor.Danger\" IconName=\"IconName.Trash\" IconSize=\"IconSize.x3\" Text=\"Delete\" IsFirstItem=\"true\" /> <RibbonItem Name=\"Archive\" IconColor=\"IconColor.Primary\" IconName=\"IconName.Archive\" IconSize=\"IconSize.x3\" Text=\"Archive\" IsLastItem=\"true\" /> </RibbonItemGroup> </Content> </RibbonTab> <RibbonTab Title=\"Send / Receive\"> <Content> <!-- Send & Receive --> <RibbonItemGroup Text=\"Send & Receive\"> <RibbonItem Name=\"SendReceiveAllFolders\" IconColor=\"IconColor.Success\" IconName=\"IconName.EnvelopePlus\" IconSize=\"IconSize.x3\" IsFirstItem=\"true\">Send/Receive<br />All Folders</RibbonItem> <RibbonItem Name=\"UpdateFolder\" IconColor=\"IconColor.Primary\" IconName=\"IconName.Calendar3Event\" IconSize=\"IconSize.x3\" IsLastItem=\"true\">Update<br />Folder</RibbonItem> </RibbonItemGroup> <!-- Download --> <RibbonItemGroup Text=\"Download\"> <RibbonItem Name=\"ShowProgress\" IconColor=\"IconColor.Success\" IconName=\"IconName.Trash\" IconSize=\"IconSize.x3\" IsFirstItem=\"true\">Show<br />Progress</RibbonItem> <RibbonItem Name=\"CancelAll\" IconColor=\"IconColor.Primary\" IconName=\"IconName.XSquareFill\" IconSize=\"IconSize.x3\" IsLastItem=\"true\">Cancel<br />All</RibbonItem> </RibbonItemGroup> </Content> </RibbonTab> <RibbonTab Title=\"Folder\"> <Content> <!-- New --> <RibbonItemGroup Text=\"New\"> <RibbonItem Name=\"NewFolder\" IconColor=\"IconColor.Success\" IconName=\"IconName.FolderPlus\" IconSize=\"IconSize.x3\" IsFirstItem=\"true\">New<br />Folder</RibbonItem> <RibbonItem Name=\"NewSearchFolder\" IconColor=\"IconColor.Primary\" IconName=\"IconName.Search\" IconSize=\"IconSize.x3\" IsLastItem=\"true\">New<br />Search Folder</RibbonItem> </RibbonItemGroup> <!-- Actions --> <RibbonItemGroup Text=\"Actions\"> <RibbonItem Name=\"RenameFolder\" IconColor=\"IconColor.Success\" IconName=\"IconName.CursorText\" IconSize=\"IconSize.x3\" IsFirstItem=\"true\">Rename<br />Folder</RibbonItem> <RibbonItem Name=\"CopyFolder\" IconColor=\"IconColor.Primary\" IconName=\"IconName.Copy\" IconSize=\"IconSize.x3\">Copy<br />Folder</RibbonItem> <RibbonItem Name=\"MoveFolder\" IconColor=\"IconColor.Primary\" IconName=\"IconName.ArrowRight\" IconSize=\"IconSize.x3\">Move<br />Folder</RibbonItem> <RibbonItem Name=\"DeleteFolder\" IconColor=\"IconColor.Primary\" IconName=\"IconName.FolderX\" IconSize=\"IconSize.x3\" IsLastItem=\"true\">Delete<br />Folder</RibbonItem> </RibbonItemGroup> </Content> </RibbonTab> </Ribbon> <div class=\"mt-2\"> Selected ribbon item: @selectedRibbonItem </div> @code { string? selectedRibbonItem; private void OnRibbonItemClick(RibbonItemEventArgs args) { selectedRibbonItem = args.Name; } } See demo here. Other icons​ In the following example, instead of icons like Bootstrap, Font Awesome, etc., we used PNG icons. <Ribbon OnClick=\"OnRibbonItemClick\"> <RibbonTab Title=\"Home\"> <Content> <!-- New --> <RibbonItemGroup Text=\"New\"> <RibbonItem Name=\"NewEmail\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/new-email.png\" IsFirstItem=\"true\">New<br />Email</RibbonItem> <RibbonItem Name=\"Appointment\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/calendar.png\" Text=\"Appointment\" IsLastItem=\"true\" /> </RibbonItemGroup> <!-- Delete --> <RibbonItemGroup Text=\"Delete\"> <RibbonItem Name=\"Delete\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/bin.png\" Text=\"Delete\" IsFirstItem=\"true\" /> <RibbonItem Name=\"Archive\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/archive.png\" Text=\"Archive\" IsLastItem=\"true\" /> </RibbonItemGroup> </Content> </RibbonTab> <RibbonTab Title=\"Send / Receive\" IsActive=\"true\"> <Content> <!-- Send & Receive --> <RibbonItemGroup Text=\"Send & Receive\"> <RibbonItem Name=\"SendReceiveAllFolders\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/refresh.png\" IsFirstItem=\"true\">Send/Receive<br />All Folders</RibbonItem> <RibbonItem Name=\"UpdateFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-sync.png\" IsLastItem=\"true\">Update<br />Folder</RibbonItem> </RibbonItemGroup> <!-- Download --> <RibbonItemGroup Text=\"Download\"> <RibbonItem Name=\"ShowProgress\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/loading-bar.png\" IsFirstItem=\"true\">Show<br />Progress</RibbonItem> <RibbonItem Name=\"CancelAll\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/cancelled.png\" IsLastItem=\"true\">Cancel<br />All</RibbonItem> </RibbonItemGroup> </Content> </RibbonTab> <RibbonTab Title=\"Folder\" IsActive=\"true\"> <Content> <!-- New --> <RibbonItemGroup Text=\"New\"> <RibbonItem Name=\"NewFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-add.png\" IsFirstItem=\"true\">New<br />Folder</RibbonItem> <RibbonItem Name=\"NewSearchFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-search.png\" IsLastItem=\"true\">New<br />Search Folder</RibbonItem> </RibbonItemGroup> <!-- Actions --> <RibbonItemGroup Text=\"Actions\"> <RibbonItem Name=\"RenameFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-rename.png\" IsFirstItem=\"true\">Rename<br />Folder</RibbonItem> <RibbonItem Name=\"CopyFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-copy.png\">Copy<br />Folder</RibbonItem> <RibbonItem Name=\"MoveFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-move.png\">Move<br />Folder</RibbonItem> <RibbonItem Name=\"DeleteFolder\" ImgSrc=\"/_content/BlazorBootstrap.Demo.RCL/icons/folder-delete.png\" IsLastItem=\"true\">Delete<br />Folder</RibbonItem> </RibbonItemGroup> </Content> </RibbonTab> </Ribbon> <div class=\"mt-2\"> Selected ribbon item: @selectedRibbonItem </div> @code { string? selectedRibbonItem; private void OnRibbonItemClick(RibbonItemEventArgs args) { selectedRibbonItem = args.Name; } } See demo here. NOTE All the PNG icons used on this page are from Flaticon with a premium license only. Edit this page Previous Progress Next Script Loader Ribbon Parameters RibbonTab Parameters RibbonGroup Parameters RibbonItemGroup Parameters RibbonItem Parameters Ribbon Methods Ribbon Events RibbonTab Callback Events Examples How it works Other icons","s":"Blazor Progress","u":"/components/ribbon","h":"","p":597},{"i":600,"t":"Components Sidebar2 On this page Blazor Sidebar Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels. Parameters​ Name Type Default Required Description Added Version BadgeText string? null Gets or sets the badge text. 2.1.0 CustomIconName string? null Gets or sets the custom icon name. 2.1.0 DataProvider Sidebar2DataProviderDelegate? ✔️ Gets or sets the data provider. 2.1.0 Href string? string.Empty Gets or sets the Href. 3.0.0 IconName IconName IconName.None Gets or sets the IconName. 2.1.0 ImageSrc string? null Gets or sets the logo. 2.1.0 Title string? null ✔️ Gets or sets the title. 2.1.0 Width float 270 Gets or sets the sidebar width. 3.0.0 WidthUnit Unit Unit.Px Gets or sets the sidebar width unit. 3.0.0 Methods​ Name Description Added Version RefreshDataAsync() Refresh the sidebar data. 2.1.0 ToggleSidebar() Toggles sidebar. 2.1.0 NavItem Properties​ Name Type Default Required Description Added Version Class string? null Gets or sets an additional CSS class. 1.10.3 CustomIconName string? null Gets or sets the custom icon name. 1.4.0 Href string? ✔️ Gets or sets the href. 1.4.0 IconColor IconColor IconColor.None Gets or sets the icon color. 1.4.0 IconName IconName IconName.None Gets or sets the icon name. 1.4.0 Id string? null Gets or sets the Id. 1.4.0 Level int 0 Gets or sets the item level. 2.1.0 Match NavLinkMatch NavLinkMatch.Prefix Gets or sets the URL matching behavior. 1.4.0 ParentId string? null Gets or sets the parent Id. 1.4.0 Sequence int Gets or sets the sequence. 1.4.0 Target Target Target.None Gets or sets the target. 1.4.0 Text string? ✔️ Gets or sets the navigation link text. 1.4.0 Examples​ Basic usage​ <Sidebar2 Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" BadgeText=\"v2.1.0\" DataProvider=\"Sidebar2DataProvider\" /> @code { IEnumerable<NavItem>? navItems; private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); await Task.Delay(2000); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\" }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\" }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", IconName = IconName.ListNested, Text = \"Sidebar 2\", ParentId=\"4\"}, new NavItem { Id = \"701\", Href = \"/sidebar2\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"7\"}, new NavItem { Id = \"702\", Href = \"/sidebar2-examples\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"7\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\" }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } } See demo here. More nested levels​ Use NavItem's Id and ParentId to set the parent-child relation. <Sidebar2 Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" BadgeText=\"v2.1.0\" DataProvider=\"Sidebar2DataProvider\" /> @code { IEnumerable<NavItem>? navItems; private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); await Task.Delay(2000); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\" }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\" }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", IconName = IconName.ListNested, Text = \"Sidebar 2\", ParentId=\"4\"}, new NavItem { Id = \"701\", Href = \"/sidebar2/how-to-use\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"7\"}, new NavItem { Id = \"702\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"7\"}, new NavItem { Id = \"70201\", Href = \"/sidebar2\", IconName = IconName.Dash, Text = \"Nested levels\", ParentId=\"702\"}, new NavItem { Id = \"8\", IconName = IconName.Grid, Text = \"Grid\", ParentId=\"4\"}, new NavItem { Id = \"801\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"8\"}, new NavItem { Id = \"802\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"8\"}, new NavItem { Id = \"80201\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"Filters\", ParentId=\"802\"}, new NavItem { Id = \"9\", IconName = IconName.WindowPlus, Text = \"Forms\" }, new NavItem { Id = \"10\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"9\"}, new NavItem { Id = \"11\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"9\"}, new NavItem { Id = \"12\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"9\"}, new NavItem { Id = \"13\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"9\"}, }; return navItems; } } See demo here. Full layout with sidebar​ Replace your MainLayout.razor page code with the below example to have a complete layout with a sidebar. <div class=\"bb-page\"> <Sidebar2 Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" BadgeText=\"v2.1.0\" DataProvider=\"Sidebar2DataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { IEnumerable<NavItem>? navItems; private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); await Task.Delay(2000); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", IconName = IconName.ListNested, Text = \"Sidebar 2\", ParentId=\"4\"}, new NavItem { Id = \"701\", Href = \"/sidebar2/how-to-use\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"7\"}, new NavItem { Id = \"702\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"7\"}, new NavItem { Id = \"70201\", Href = \"/sidebar2\", IconName = IconName.Dash, Text = \"Nested levels\", ParentId=\"702\"}, new NavItem { Id = \"8\", IconName = IconName.Grid, Text = \"Grid\", ParentId=\"4\", IconColor = IconColor.Danger }, new NavItem { Id = \"801\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"8\"}, new NavItem { Id = \"802\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"8\"}, new NavItem { Id = \"80201\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"Filters\", ParentId=\"802\"}, new NavItem { Id = \"9\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Warning }, new NavItem { Id = \"10\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"9\"}, new NavItem { Id = \"11\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"9\"}, new NavItem { Id = \"12\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"9\"}, new NavItem { Id = \"13\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"9\"}, }; return navItems; } } See demo here. Custom brand icon​ Use the CustomIconName parameter to set the custom logo icon using font awesome or other icons. <div class=\"bb-page\"> <Sidebar2 Href=\"/\" CustomIconName=\"bi bi-apple\" Title=\"Blazor Bootstrap\" BadgeText=\"v2.1.0\" DataProvider=\"Sidebar2DataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { IEnumerable<NavItem>? navItems; private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); await Task.Delay(2000); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", IconName = IconName.ListNested, Text = \"Sidebar 2\", ParentId=\"4\"}, new NavItem { Id = \"701\", Href = \"/sidebar2/how-to-use\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"7\"}, new NavItem { Id = \"702\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"7\"}, new NavItem { Id = \"70201\", Href = \"/sidebar2\", IconName = IconName.Dash, Text = \"Nested levels\", ParentId=\"702\"}, new NavItem { Id = \"8\", IconName = IconName.Grid, Text = \"Grid\", ParentId=\"4\", IconColor = IconColor.Danger }, new NavItem { Id = \"801\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"8\"}, new NavItem { Id = \"802\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"8\"}, new NavItem { Id = \"80201\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"Filters\", ParentId=\"802\"}, new NavItem { Id = \"9\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Warning }, new NavItem { Id = \"10\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"9\"}, new NavItem { Id = \"11\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"9\"}, new NavItem { Id = \"12\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"9\"}, new NavItem { Id = \"13\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"9\"}, }; return navItems; } } See demo here. Show image as brand logo​ Use the ImageSrc parameter to set the brand logo. <div class=\"bb-page\"> <Sidebar2 Href=\"/\" ImageSrc=\"https://demos.blazorbootstrap.com/images/logo/logo-white.svg\" Title=\"Blazor Bootstrap\" BadgeText=\"v2.1.0\" DataProvider=\"Sidebar2DataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { IEnumerable<NavItem>? navItems; private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); await Task.Delay(2000); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", IconName = IconName.ListNested, Text = \"Sidebar 2\", ParentId=\"4\"}, new NavItem { Id = \"701\", Href = \"/sidebar2/how-to-use\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"7\"}, new NavItem { Id = \"702\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"7\"}, new NavItem { Id = \"70201\", Href = \"/sidebar2\", IconName = IconName.Dash, Text = \"Nested levels\", ParentId=\"702\"}, new NavItem { Id = \"8\", IconName = IconName.Grid, Text = \"Grid\", ParentId=\"4\", IconColor = IconColor.Danger }, new NavItem { Id = \"801\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"8\"}, new NavItem { Id = \"802\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"8\"}, new NavItem { Id = \"80201\", Href = \"/grid/#\", IconName = IconName.Dash, Text = \"Filters\", ParentId=\"802\"}, new NavItem { Id = \"9\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Warning }, new NavItem { Id = \"10\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"9\"}, new NavItem { Id = \"11\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"9\"}, new NavItem { Id = \"12\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"9\"}, new NavItem { Id = \"13\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"9\"}, }; return navItems; } } See demo here. Width​ Set the Width parameter to change the sidebar width. Default value is 270px. <Sidebar2 Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" BadgeText=\"v2.1.0\" DataProvider=\"Sidebar2DataProvider\" Width=\"350\" WidthUnit=\"Unit.Px\" /> @code { IEnumerable<NavItem>? navItems; private async Task<Sidebar2DataProviderResult> Sidebar2DataProvider(Sidebar2DataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); await Task.Delay(2000); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\" }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\" }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", IconName = IconName.ListNested, Text = \"Sidebar 2\", ParentId=\"4\"}, new NavItem { Id = \"701\", Href = \"/sidebar2\", IconName = IconName.Dash, Text = \"How to use\", ParentId=\"7\"}, new NavItem { Id = \"702\", Href = \"/sidebar2-examples\", IconName = IconName.Dash, Text = \"Examples\", ParentId=\"7\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\" }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } } See demo here. Edit this page Previous Sidebar Next Sortable List Parameters Methods NavItem Properties Examples Basic usage More nested levels Full layout with sidebar Custom brand icon Show image as brand logo Width","s":"Blazor Sidebar","u":"/components/sidebar2","h":"","p":599},{"i":602,"t":"Components Sortable List On this page Blazor Sortable List (Preview) The Blazor Bootstrap Sortable List component, built on top of SortableJS, enables drag-and-drop reordering of lists. Setup​ Before using the SortableList component, include the SortableJS script reference in your index.html/_Host.cshtml file. <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> Parameters​ Name Type Default Required Description Added Version AllowSorting bool true Gets or sets a value indicating whether sorting is allowed for the list. 2.2.0 ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 2.2.0 Data List<TItem> null Gets or sets the items. 2.2.0 DisabledItemCssClass string? null Gets or sets the CSS class applied to disabled items. 2.2.0 DisableItem Func<TItem, bool> Gets or sets a delegate that determines whether an item should be disabled. 2.2.0 EmptyDataTemplate RenderFragment null Specifies the template to render when there are no items to display in the list. 2.2.0 EmptyText string No records to display Gets or sets the text to display when there are no records in the list. 2.2.0 Group string? null Gets or sets the group name associated with the list. 2.2.0 Handle string? null Gets or sets the CSS selector for the drag handle element. 2.2.0 IsLoading bool false Gets or sets a value indicating whether the list is currently loading. 2.2.0 ItemTemplate RenderFragment<TItem>? null Gets or sets the template used to render individual items in the list. 2.2.0 LoadingTemplate RenderFragment null Gets or sets the loading template. 2.2.0 Name string? null Gets or sets the name of the SortableList component. 2.2.0 Pull SortableListPullMode SortableListPullMode.True Gets or sets the pull mode for the sortable list. 2.2.0 Put SortableListPutMode SortableListPutMode.True Gets or sets the put mode for the sortable list. 2.2.0 Methods​ There are no public methods available. Callback Events​ Event Description Added Version OnAdd Gets or sets an event callback that fires when an item is added to the list. 2.2.0 OnRemove Gets or sets an event callback that fires when an item is removed from the list. 2.2.0 OnUpdate Gets or sets an event callback that fires when an item is updated in the list. 2.2.0 Examples​ Basic usage​ <SortableList TItem=\"Employee\" Data=\"employees\" Context=\"item\" OnUpdate=\"@OnEmployeeListUpdate\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> @code { public List<Employee> employees = Enumerable.Range(1, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); private void OnEmployeeListUpdate(SortableListEventArgs args) { var itemToMove = employees[args.OldIndex]; employees.RemoveAt(args.OldIndex); if (args.NewIndex < employees.Count) employees.Insert(args.NewIndex, itemToMove); else employees.Add(itemToMove); } public record Employee(int Id, string? Name); } See demo here. Shared lists​ To drag-and-drop an item from one list to the other and vice versa, set the Group parameter for all the lists. Providing the same Group name for the lists is what links them together. In the below example, both lists use the same Group. <div class=\"row\"> <div class=\"col\"> <SortableList TItem=\"Employee\" Group=\"SharedListExample2\" Name=\"empList1\" Data=\"employeeList1\" Context=\"item\" OnUpdate=\"OnEmployeeList1Update\" OnRemove=\"OnEmployeeList1Remove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> <div class=\"col\"> <SortableList TItem=\"Employee\" Group=\"SharedListExample2\" Name=\"empList2\" Data=\"employeeList2\" Context=\"item\" OnUpdate=\"OnEmployeeList2Update\" OnRemove=\"OnEmployeeList2Remove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> </div> @code { public List<Employee> employeeList1 = Enumerable.Range(1, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); public List<Employee> employeeList2 = Enumerable.Range(6, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); private void OnEmployeeList1Update(SortableListEventArgs args) { var itemToMove = employeeList1[args.OldIndex]; employeeList1.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList1.Count) employeeList1.Insert(args.NewIndex, itemToMove); else employeeList1.Add(itemToMove); } private void OnEmployeeList2Update(SortableListEventArgs args) { var itemToMove = employeeList2[args.OldIndex]; employeeList2.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList2.Count) employeeList2.Insert(args.NewIndex, itemToMove); else employeeList2.Add(itemToMove); } private void OnEmployeeList1Remove(SortableListEventArgs args) { // get the item at the old index in list 1 var item = employeeList1[args.OldIndex]; // add it to the new index in list 2 employeeList2.Insert(args.NewIndex, item); // remove the item from the old index in list 1 employeeList1.Remove(employeeList1[args.OldIndex]); } private void OnEmployeeList2Remove(SortableListEventArgs args) { // get the item at the old index in list 2 var item = employeeList2[args.OldIndex]; // add it to the new index in list 1 employeeList1.Insert(args.NewIndex, item); // remove the item from the old index in list 2 employeeList2.Remove(employeeList2[args.OldIndex]); } public record Employee(int Id, string? Name); } In the following example, all three lists use the same group. <div class=\"row\"> <div class=\"col\"> <SortableList TItem=\"Employee\" Group=\"SharedListExample3\" Name=\"empList1\" Data=\"employeeList1\" Context=\"item\" OnUpdate=\"OnEmployeeList1Update\" OnRemove=\"OnEmployeeListRemove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> <div class=\"col\"> <SortableList TItem=\"Employee\" Group=\"SharedListExample3\" Name=\"empList2\" Data=\"employeeList2\" Context=\"item\" OnUpdate=\"OnEmployeeList2Update\" OnRemove=\"OnEmployeeListRemove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> <div class=\"col\"> <SortableList TItem=\"Employee\" Group=\"SharedListExample3\" Name=\"empList3\" Data=\"employeeList3\" Context=\"item\" OnUpdate=\"OnEmployeeList3Update\" OnRemove=\"OnEmployeeListRemove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> </div> @code { public List<Employee> employeeList1 = Enumerable.Range(10, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); public List<Employee> employeeList2 = Enumerable.Range(20, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); public List<Employee> employeeList3 = Enumerable.Range(30, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); private void OnEmployeeList1Update(SortableListEventArgs args) { var itemToMove = employeeList1[args.OldIndex]; employeeList1.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList1.Count) employeeList1.Insert(args.NewIndex, itemToMove); else employeeList1.Add(itemToMove); } private void OnEmployeeList2Update(SortableListEventArgs args) { var itemToMove = employeeList2[args.OldIndex]; employeeList2.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList2.Count) employeeList2.Insert(args.NewIndex, itemToMove); else employeeList2.Add(itemToMove); } private void OnEmployeeList3Update(SortableListEventArgs args) { var itemToMove = employeeList3[args.OldIndex]; employeeList3.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList3.Count) employeeList3.Insert(args.NewIndex, itemToMove); else employeeList3.Add(itemToMove); } private void OnEmployeeListRemove(SortableListEventArgs args) { Employee? item = default!; // get the item at the old index if (args.FromListName == \"empList1\") item = employeeList1[args.OldIndex]; else if (args.FromListName == \"empList2\") item = employeeList2[args.OldIndex]; else item = employeeList3[args.OldIndex]; // add it to the new index if (args.ToListName == \"empList1\") employeeList1.Insert(args.NewIndex, item); else if (args.ToListName == \"empList2\") employeeList2.Insert(args.NewIndex, item); else employeeList3.Insert(args.NewIndex, item); // remove the item from the old index if (args.FromListName == \"empList1\") employeeList1.Remove(employeeList1[args.OldIndex]); else if (args.FromListName == \"empList2\") employeeList2.Remove(employeeList2[args.OldIndex]); else employeeList3.Remove(employeeList3[args.OldIndex]); } public record Employee(int Id, string? Name); } See demo here. Cloning​ By setting Pull=\"SortableListPullMode.Clone\", you can enable item cloning. Drag an item from one list to another to create a copy that stays in the original list. <div class=\"row\"> <div class=\"col\"> <SortableList TItem=\"Employee\" Data=\"employeeList1\" Context=\"item\" Group=\"SharedListExample3\" Pull=\"SortableListPullMode.Clone\" OnUpdate=\"OnEmployeeList1Update\" OnRemove=\"OnEmployeeList1Remove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> <div class=\"col\"> <SortableList TItem=\"Employee\" Data=\"employeeList2\" Context=\"item\" Group=\"SharedListExample3\" Pull=\"SortableListPullMode.Clone\" OnUpdate=\"OnEmployeeList2Update\" OnRemove=\"OnEmployeeList2Remove\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> </div> </div> @code { public List<Employee> employeeList1 = Enumerable.Range(10, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); public List<Employee> employeeList2 = Enumerable.Range(20, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); private void OnEmployeeList1Update(SortableListEventArgs args) { var itemToMove = employeeList1[args.OldIndex]; employeeList1.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList1.Count) employeeList1.Insert(args.NewIndex, itemToMove); else employeeList1.Add(itemToMove); } private void OnEmployeeList2Update(SortableListEventArgs args) { var itemToMove = employeeList2[args.OldIndex]; employeeList2.RemoveAt(args.OldIndex); if (args.NewIndex < employeeList2.Count) employeeList2.Insert(args.NewIndex, itemToMove); else employeeList2.Add(itemToMove); } private void OnEmployeeList1Remove(SortableListEventArgs args) { // get the item at the old index in list 1 var item = employeeList1[args.OldIndex]; var clone = item with {}; // add it to the new index in list 2 employeeList2.Insert(args.NewIndex, clone); } private void OnEmployeeList2Remove(SortableListEventArgs args) { // get the item at the old index in list 2 var item = employeeList2[args.OldIndex]; var clone = item with { }; // add it to the new index in list 1 employeeList1.Insert(args.NewIndex, clone); } public record Employee(int Id, string? Name); } See demo here. Disable sorting​ You can disable list sorting by setting AllowSorting=\"false\". In the example below, the list cannot be sorted. <SortableList TItem=\"Employee\" Data=\"items\" Context=\"item\" AllowSorting=\"false\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> @code { public List<Employee> items = Enumerable.Range(1, 5).Select(i => new Employee { Id = i, Name = $\"Item {i}\" }).ToList(); public class Employee { public int Id { get; set; } public string? Name { get; set; } } } See demo here. Handle​ The Handle parameter specifies the CSS class that denotes the drag handle. In the example below, items can only be sorted by dragging the handle itself. <SortableList Class=\"mb-3\" Handle=\".bb-sortable-list-handle\" TItem=\"Employee\" Data=\"employees\" Context=\"item\" OnUpdate=\"@OnEmployeeListUpdate\"> <ItemTemplate> <div class=\"d-flex justify-content-start\"> <div class=\"bb-sortable-list-handle pe-2\"><Icon Name=\"IconName.GripVertical\" /></div> <div>@item.Name</div> </div> </ItemTemplate> </SortableList> @code { public List<Employee> employees = Enumerable.Range(1, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); private void OnEmployeeListUpdate(SortableListEventArgs args) { var itemToMove = employees[args.OldIndex]; employees.RemoveAt(args.OldIndex); if (args.NewIndex < employees.Count) employees.Insert(args.NewIndex, itemToMove); else employees.Add(itemToMove); } public record Employee(int Id, string? Name); } See demo here. Disable item​ Try dragging the red-backgrounded item. You won't be able to, as it's disabled using the DisableItem parameter. <SortableList TItem=\"Employee\" Data=\"employees\" Context=\"item\" DisableItem=\"(emp) => emp.Id == 4\" DisabledItemCssClass=\"list-group-item-danger border-0\" OnUpdate=\"@OnEmployeeListUpdate\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> @code { public List<Employee> employees = Enumerable.Range(1, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); private void OnEmployeeListUpdate(SortableListEventArgs args) { var itemToMove = employees[args.OldIndex]; employees.RemoveAt(args.OldIndex); if (args.NewIndex < employees.Count) employees.Insert(args.NewIndex, itemToMove); else employees.Add(itemToMove); } public record Employee(int Id, string? Name); } See demo here. Nested sortables​ note Nested list sorting is not currently supported. We will add this feature in upcoming releases. Dynamic data​ <SortableList Class=\"mb-3\" TItem=\"Employee\" Data=\"employees\" Context=\"item\" IsLoading=\"isLoading\" OnUpdate=\"@OnEmployeeListUpdate\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> <Button Color=\"ButtonColor.Success\" @onclick=\"LoadDataAsync\"> Load data </Button> @code { public bool isLoading = false; public List<Employee> employees = null!; private async Task LoadDataAsync() { isLoading = true; await Task.Delay(3000); employees = Enumerable.Range(1, 5).Select(i => new Employee(i, $\"Employee {i}\")).ToList(); isLoading = false; await base.OnInitializedAsync(); } private void OnEmployeeListUpdate(SortableListEventArgs args) { var itemToMove = employees[args.OldIndex]; employees.RemoveAt(args.OldIndex); if (args.NewIndex < employees.Count) employees.Insert(args.NewIndex, itemToMove); else employees.Add(itemToMove); } public record Employee(int Id, string? Name); } See demo here. Empty data​ <SortableList TItem=\"Employee\" Data=\"items\" Context=\"item\"> <ItemTemplate> @item.Name </ItemTemplate> </SortableList> @code { public List<Employee> items = null!; public record Employee(int Id, string? Name); } See demo here. Edit this page Previous Sidebar2 Next Spinners Setup Parameters Methods Callback Events Examples Basic usage Shared lists Cloning Disable sorting Handle Disable item Nested sortables Dynamic data Empty data","s":"Blazor Sortable List (Preview)","u":"/components/sortable-list","h":"","p":601},{"i":604,"t":"Components Spinners On this page Blazor Sidebar Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component. Parameters​ Name Type Default Required Description Added Version Color SpinnerColor SpinnerColor.None Gets or sets the color of the spinner. 2.0.0 Size SpinnerSize SpinnerSize.Medium Gets or sets the size of the spinner. 2.0.0 Title string? null Gets or sets the title text used as an accessibility attribute. 2.0.0 Type SpinnerType SpinnerType.Border Gets or sets the type of the spinner. 2.0.0 Visible bool true Gets or sets whether the spinner is visible or not. 2.0.0 VisuallyHiddenText string? Loading... Gets or sets the visually hidden text. 2.0.0 Examples​ Border spinner​ Use the border spinners for a lightweight loading indicator. <Spinner /> See demo here. Colors​ The border spinner's border color inherits the element's color (currentColor). This means you can easily customize the spinner's color by changing the Color parameter on the standard spinner. <Spinner Color=\"SpinnerColor.Primary\" /> <Spinner Color=\"SpinnerColor.Secondary\" /> <Spinner Color=\"SpinnerColor.Success\" /> <Spinner Color=\"SpinnerColor.Danger\" /> <Spinner Color=\"SpinnerColor.Warning\" /> <Spinner Color=\"SpinnerColor.Info\" /> <Spinner Color=\"SpinnerColor.Light\" /> <Spinner Color=\"SpinnerColor.Dark\" /> See demo here. Grow spinner​ If you don't fancy a border spinner, switch to the grow spinner, while it doesn't technically spin, it does repeatedly grow! <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Primary\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Secondary\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Success\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Danger\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Warning\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Info\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Light\" /> <Spinner Type=\"SpinnerType.Grow\" Color=\"SpinnerColor.Dark\" /> See demo here. Loading dots spinner​ The loading dots are a special indicator for a lightweight loading indicator. <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Primary\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Secondary\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Success\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Danger\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Warning\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Info\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Light\" /> <Spinner Type=\"SpinnerType.Dots\" Class=\"me-3\" Color=\"SpinnerColor.Dark\" /> See demo here. Alignment​ Margin​ <Spinner Type=\"SpinnerType.Border\" Class=\"m-5\" /> See demo here. Placement​ Flex​ <div class=\"d-flex justify-content-center\"> <Spinner Type=\"SpinnerType.Border\" /> </div> <div class=\"d-flex justify-content-center\"> <strong role=\"status\">Loading...</strong> <Spinner Type=\"SpinnerType.Border\" Class=\"ms-auto\" /> </div> See demo here. Floats​ <div class=\"clearfix\"> <Spinner Type=\"SpinnerType.Border\" Class=\"float-end\" /> </div> See demo here. Text align​ <div class=\"text-center\"> <Spinner Type=\"SpinnerType.Border\" /> </div> See demo here. Size​ <Spinner Type=\"SpinnerType.Border\" Size=\"SpinnerSize.Small\" /> <Spinner Type=\"SpinnerType.Border\" /> <Spinner Type=\"SpinnerType.Border\" Size=\"SpinnerSize.Large\" /> <Spinner Type=\"SpinnerType.Border\" Size=\"SpinnerSize.ExtraLarge\" /> <Spinner Type=\"SpinnerType.Grow\" Size=\"SpinnerSize.Small\" /> <Spinner Type=\"SpinnerType.Grow\" /> <Spinner Type=\"SpinnerType.Grow\" Size=\"SpinnerSize.Large\" /> <Spinner Type=\"SpinnerType.Grow\" Size=\"SpinnerSize.ExtraLarge\" /> <Spinner Class=\"me-3\" Type=\"SpinnerType.Dots\" Color=\"SpinnerColor.Primary\" Size=\"SpinnerSize.Small\" /> <Spinner Class=\"me-3\" Type=\"SpinnerType.Dots\" Color=\"SpinnerColor.Secondary\" /> <Spinner Class=\"me-3\" Type=\"SpinnerType.Dots\" Color=\"SpinnerColor.Success\" Size=\"SpinnerSize.Large\" /> <Spinner Class=\"me-3\" Type=\"SpinnerType.Dots\" Color=\"SpinnerColor.Danger\" Size=\"SpinnerSize.ExtraLarge\" /> See demo here. Visible​ <Spinner Class=\"me-3\" Type=\"SpinnerType.Dots\" Color=\"SpinnerColor.Primary\" Visible=\"@visible\" /> <div class=\"b-block mt-3\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"Hide\">Hide</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"Show\">Show</Button> </div> @code { private bool visible = true; private void Hide() => visible = false; private void Show() => visible = true; } See demo here. Edit this page Previous Sortable List Next Tabs Parameters Examples Border spinner Colors Grow spinner Loading dots spinner Alignment Margin Placement Flex Floats Text align Size Visible","s":"Blazor Sidebar","u":"/components/spinners","h":"","p":603},{"i":606,"t":"Components Toasts On this page Blazor Toasts Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap toast message. Blazor Toasts are lightweight notifications designed to mimic the push notifications that mobile and desktop operating systems have popularized. They're built with a flexbox, making it easy to align and position. Things to know when using the blazor toasts component: Toasts will not hide automatically if you do not specify AutoHide=\"true\". Use global toasts service for the application instead of page level toasts. Toasts Parameters​ Name Type Default Required Description Added Version AutoHide bool false Gets or sets the auto hide state. 1.0.0 Delay int 5000 Gets or sets the delay in milliseconds before hiding the toast. 1.0.0 Messages List<ToastMessage> null ✔️ Gets or sets the toast messages. 1.0.0 Placement ToastsPlacement ToastsPlacement.TopRight Gets or sets the toast placement. 1.0.0 ShowCloseButton bool true If true, shows the close button. 1.0.0 StackLength int 5 Gets or sets the toast container maximum capacity. 1.0.0 ToastMessage Properties​ Name Type Description Required Default Added Version AutoHide bool Gets or sets the auto hide behavior to a message. false 1.9.0 CustomIconName string Gets or sets the custom icon name. 1.0.0 HelpText string Gets or sets the help text. 1.0.0 IconName IconName Gets or sets the bootstarp icon name. 1.0.0 Id Guid Gets the toast id. 1.0.0 Message string Gets or sets the toast message. ✔️ 1.0.0 Title string Gets or sets the toast''s message title. 1.0.0 Type ToastType Gets or sets the type of the toast. ✔️ 1.0.0 Examples:​ Toast​ To encourage extensible and predictable toasts, we recommend a header and body. Toasts are as flexible as you need and have very little required markup. At a minimum, we require a single element to contain your \"toasted\" content and strongly encourage a dismiss button. <Toasts class=\"p-3\" Messages=\"messages\" Placement=\"ToastsPlacement.TopRight\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowMessage(ToastType.Primary)\">Primary Toast</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowMessage(ToastType.Secondary)\">Secondary Toast</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowMessage(ToastType.Success)\">Success Toast</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowMessage(ToastType.Danger)\">Danger Toast</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowMessage(ToastType.Warning)\">Warning Toast</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowMessage(ToastType.Info)\">Info Toast</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowMessage(ToastType.Dark)\">Dark Toast</Button> @code { List<ToastMessage> messages = new List<ToastMessage>(); private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType)); private ToastMessage CreateToastMessage(ToastType toastType) => new ToastMessage { Type = toastType, Title = \"Blazor Bootstrap\", HelpText = $\"{DateTime.Now}\", Message = $\"Hello, world! This is a toast message. DateTime: {DateTime.Now}\", }; } See toasts demo here. Toast without title​ Customize your toasts by removing sub-components, tweaking them with utilities. Here we've created a simple toast. You can create different toast color schemes with the Color parameter. <Toasts class=\"p-3\" Messages=\"messages\" Placement=\"ToastsPlacement.TopRight\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowMessage(ToastType.Primary)\">Primary Toast</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowMessage(ToastType.Secondary)\">Secondary Toast</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowMessage(ToastType.Success)\">Success Toast</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowMessage(ToastType.Danger)\">Danger Toast</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowMessage(ToastType.Warning)\">Warning Toast</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowMessage(ToastType.Info)\">Info Toast</Button> <Button Color=\"ButtonColor.Light\" @onclick=\"() => ShowMessage(ToastType.Light)\">Light Toast</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowMessage(ToastType.Dark)\">Dark Toast</Button> @code { List<ToastMessage> messages = new List<ToastMessage>(); private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType)); private ToastMessage CreateToastMessage(ToastType toastType) => new ToastMessage { Type = toastType, Message = $\"Hello, world! This is a simple toast message. DateTime: {DateTime.Now}\", }; } See toasts without title demo here. Auto hide​ Add AutoHide=\"true\" parameter to hide the Blazor Toasts after the delay. The default delay is 5000 milliseconds, be sure to update the delay timeout so that users have enough time to read the toast. <Toasts class=\"p-3\" Messages=\"messages\" AutoHide=\"true\" Delay=\"6000\" Placement=\"ToastsPlacement.TopRight\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowMessage(ToastType.Primary)\">Primary Toast</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowMessage(ToastType.Secondary)\">Secondary Toast</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowMessage(ToastType.Success)\">Success Toast</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowMessage(ToastType.Danger)\">Danger Toast</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowMessage(ToastType.Warning)\">Warning Toast</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowMessage(ToastType.Info)\">Info Toast</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowMessage(ToastType.Dark)\">Dark Toast</Button> @code { List<ToastMessage> messages = new List<ToastMessage>(); private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType)); private ToastMessage CreateToastMessage(ToastType toastType) => new ToastMessage { Type = toastType, Title = \"Blazor Bootstrap\", HelpText = $\"{DateTime.Now}\", Message = $\"Hello, world! This is a toast message. DateTime: {DateTime.Now}\", }; } See auto hide toasts demo here. Auto hide individual messages​ Set AutoHide=\"true\" property on ToastMessage to hide individual Blazor Toast message after the delay. The default delay is 5000 milliseconds, be sure to update the delay timeout so that users have enough time to read the toast. In the below example, AutoHide=\"false\" for Danger and Warning messages. <Toasts class=\"p-3\" Messages=\"messages\" Delay=\"6000\" Placement=\"ToastsPlacement.TopRight\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowMessage(ToastType.Primary)\">Primary Toast</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowMessage(ToastType.Secondary)\">Secondary Toast</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowMessage(ToastType.Success)\">Success Toast</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowMessage(ToastType.Danger)\">Danger Toast</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowMessage(ToastType.Warning)\">Warning Toast</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowMessage(ToastType.Info)\">Info Toast</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowMessage(ToastType.Dark)\">Dark Toast</Button> @code { List<ToastMessage> messages = new List<ToastMessage>(); private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType)); private ToastMessage CreateToastMessage(ToastType toastType) { var toastMessage = new ToastMessage(); toastMessage.Type = toastType; toastMessage.Title = \"Blazor Bootstrap\"; toastMessage.HelpText = $\"{DateTime.Now}\"; toastMessage.Message = $\"Hello, world! This is a toast message. DateTime: {DateTime.Now}\"; // disable auto hide for `danger` and `warning` messages. toastMessage.AutoHide = !(toastType == ToastType.Danger || toastType == ToastType.Warning); return toastMessage; } } See auto hide individual toasts demo here. Placement​ Change the Blazor Toasts placement according to your need. The default placement will be top right corner. Use the ToastsPlacement parameter to update the Blazor Toasts placement. <Toasts class=\"p-3\" Messages=\"messages\" Placement=\"@toastsPlacement\" /> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.TopLeft)\">Top Left</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.TopCenter)\">Top Center</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.TopRight)\">Top Right</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.MiddleLeft)\">Middle Left</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.MiddleCenter)\">Middle Center</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.MiddleRight)\">Middle Right</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.BottomLeft)\">Bottom Left</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.BottomCenter)\">Bottom Center</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangePlacement(ToastsPlacement.BottomRight)\">Bottom Right</Button> @code { ToastsPlacement toastsPlacement = ToastsPlacement.TopRight; List<ToastMessage> messages = new(); private void ChangePlacement(ToastsPlacement placement) { if (!messages.Any()) { messages.Add( new ToastMessage() { Type = ToastType.Success, Title = \"Blazor Bootstrap\", HelpText = $\"{DateTime.Now}\", Message = $\"Hello, world! This is a toast message. DateTime: {DateTime.Now}\", }); } toastsPlacement = placement; } } See demo here. Stack Length​ Blazor Toasts component shows a maximum of 5 toasts by default. If you add a new toast to the existing list, the first toast gets deleted like FIFO (First In First Out). Change the maximum capacity according to your need by using the StackLength parameter. In the below example, StackLength is set to 3. It shows a maximum of 3 toast messages at any time. <Toasts class=\"p-3\" Messages=\"messages\" AutoHide=\"true\" StackLength=\"3\" Placement=\"ToastsPlacement.TopRight\" /> <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowMessage(ToastType.Primary)\">Primary Toast</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowMessage(ToastType.Secondary)\">Secondary Toast</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowMessage(ToastType.Success)\">Success Toast</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowMessage(ToastType.Danger)\">Danger Toast</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowMessage(ToastType.Warning)\">Warning Toast</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowMessage(ToastType.Info)\">Info Toast</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowMessage(ToastType.Dark)\">Dark Toast</Button> @code { List<ToastMessage> messages = new List<ToastMessage>(); private void ShowMessage(ToastType toastType) => messages.Add(CreateToastMessage(toastType)); private ToastMessage CreateToastMessage(ToastType toastType) => new ToastMessage { Type = toastType, Title = \"Blazor Bootstrap\", HelpText = $\"{DateTime.Now}\", Message = $\"Hello, world! This is a toast message. DateTime: {DateTime.Now}\", }; } See demo here. Global toasts service for the application​ Add the Toasts component in MainLayout.razor page as shown below. @inherits LayoutComponentBase ... ... MainLayour.razor code goes here ... ... <Toasts class=\"p-3\" AutoHide=\"true\" Delay=\"4000\" Placement=\"ToastsPlacement.TopRight\" /> tip Set the Toasts component parameters as per your requirement. Inject ToastService, then call the Notify(...) method as shown below. @code { [Inject] protected ToastService ToastService { get; set; } private void SaveEmployee() { try { // TODO: call the service/api to save the employee details ToastService.Notify(new(ToastType.Success, $\"Employee details saved successfully.\")); } catch(Exception ex) { // handle exception ToastService.Notify(new(ToastType.Danger, $\"Error: {ex.Message}.\")); } } } Edit this page Previous Tabs Next Tooltips Toasts Parameters ToastMessage Properties Examples: Toast Toast without title Auto hide Auto hide individual messages Placement Stack Length Global toasts service for the application","s":"Blazor Toasts","u":"/components/toasts","h":"","p":605},{"i":608,"t":"Components Tooltips On this page Blazor Tooltips Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages. Parameters​ Name Type Description Required Default Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Color TooltipColor TooltipColor.None Gets or sets the tooltip color. 1.10.0 IsHtml bool false Gets or sets a value indicating whether to display the content as HTML instead of text. 2.1.0 Placement TooltipPlacement TooltipPlacement.Top Gets or sets the tooltip placement. 1.0.0 Title string null ✔️ Displays informative text when users hover, focus, or tap an element. 1.0.0 Examples​ Tooltips​ <div> <Tooltip Title=\"Tooltip Left\" Placement=\"TooltipPlacement.Left\">Tooltip Left</Tooltip> </div> <div> <Tooltip Title=\"Tooltip Top\">Tooltip Top</Tooltip> </div> <div> <Tooltip Title=\"Tooltip Right\" Placement=\"TooltipPlacement.Right\">Tooltip Right</Tooltip> </div> <div> <Tooltip Title=\"Tooltip Bottom\" Placement=\"TooltipPlacement.Bottom\">Tooltip Bottom</Tooltip> </div> See tooltips demo here. Disabled button with tooltip​ <Tooltip Class=\"d-inline-block\" Title=\"Disabled button\"role=\"button\"> <button class=\"btn btn-primary\" type=\"button\" disabled>Disabled button</button> </Tooltip> See disabled button with tooltip demo here. Tooltip icon with click event​ <Tooltip Title=\"Click here\" @onclick=\"OnClick\" role=\"button\"> <i class=\"bi bi-arrow-repeat text-danger\"></i> </Tooltip> @code { private void OnClick() { Console.WriteLine($\"clicked\"); } } See icon with tooltip demo here. Dynamically update the tooltip text​ <div class=\"mb-3\"> <Tooltip Title=\"@text\" Placement=\"TooltipPlacement.Top\">Tooltip Bottom</Tooltip> </div> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"ChangeTooltip\">Change Tooltip</Button> @code { private string text = \"Tooltip text\"; private void ChangeTooltip() => text = $\"Updated {DateTime.Now.ToLongTimeString()}\"; } see demo here Tooltip with HTML​ <Tooltip Class=\"me-4\" Title=\"<strong>Tooltip</strong> <em>with</em> <u>HTML</u>\" IsHtml=\"true\">Tooltip with HTML</Tooltip> see demo here Edit this page Previous Toasts Next Bar Chart Parameters Examples Tooltips Disabled button with tooltip Tooltip icon with click event Dynamically update the tooltip text Tooltip with HTML","s":"Blazor Tooltips","u":"/components/tooltips","h":"","p":607},{"i":610,"t":"Content Icons On this page Blazor Icons Blazor Bootstrap icon component will display an icon from any icon font. Prerequisites​ Install Bootstrap Icons or other. Refer: Bootstrap Icons Include the icon fonts stylesheet in your website <head> or @import in CSS from CDN. <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css\" rel=\"stylesheet\" /> Parameters​ Name Type Default Required Description Added Version Color IconColor IconColor.None Gets or sets the icon color. 1.9.0 CustomIconName string? null Specify custom icons of your own, like fontawesome. Example: fas fa-alarm-clock 1.0.0 Name IconName IconName.None Gets or sets the icon name. 1.0.0 Size IconSize IconSize.None Gets or sets the icon size. 1.0.0 NOTE Either Name or CustomIconName parameter is mandatory. For Font Awesome setup, please follow the Font Awesome website. Examples​ Icons​ <Icon Name=\"IconName.Alarm\" /> <Icon Name=\"IconName.AlarmFill\" /> <Icon Name=\"IconName.Window\" /> <Icon Name=\"IconName.Apple\" /> See icons demo here. Sizes​ <Icon Name=\"IconName.Alarm\" Size=\"IconSize.x2\" /> <Icon Name=\"IconName.Alarm\" Size=\"IconSize.x3\" /> <Icon Name=\"IconName.Alarm\" Size=\"IconSize.x4\" /> <Icon Name=\"IconName.Alarm\" Size=\"IconSize.x5\" /> See icons with different size demo here. Font awesome icons​ In the following example, we used Font Awesome 6.4.2 free version icons. For Font Awesome setup, please follow the Font Awesome website. <Icon CustomIconName=\"fa-solid fa-hands-clapping\" Size=\"IconSize.x1\" /> <Icon CustomIconName=\"fa-solid fa-hands-clapping\" Size=\"IconSize.x2\" /> <Icon CustomIconName=\"fa-solid fa-hands-clapping\" Size=\"IconSize.x3\" /> <Icon CustomIconName=\"fa-solid fa-hands-clapping\" Size=\"IconSize.x4\" /> <Icon CustomIconName=\"fa-solid fa-hands-clapping\" Size=\"IconSize.x5\" /> <Icon CustomIconName=\"fa-solid fa-hands-clapping\" Size=\"IconSize.x6\" /> Colors​ <Icon Name=\"IconName.Facebook\" Size=\"IconSize.x2\" Color=\"IconColor.Primary\" /> <Icon Name=\"IconName.CloudLightningRainFill\" Size=\"IconSize.x2\" Color=\"IconColor.Secondary\" /> <Icon Name=\"IconName.CheckAll\" Size=\"IconSize.x2\" Color=\"IconColor.Success\" /> <Icon Name=\"IconName.Bug\" Size=\"IconSize.x2\" Color=\"IconColor.Danger\" /> <Icon Name=\"IconName.ExclamationDiamondFill\" Size=\"IconSize.x2\" Color=\"IconColor.Warning\" /> <Icon Name=\"IconName.InfoCircleFill\" Size=\"IconSize.x2\" Color=\"IconColor.Info\" /> <Icon Name=\"IconName.CreditCard2FrontFill\" Size=\"IconSize.x2\" Color=\"IconColor.Light\" /> <Icon Name=\"IconName.Apple\" Size=\"IconSize.x2\" Color=\"IconColor.Dark\" /> <Icon Name=\"IconName.Asterisk\" Size=\"IconSize.x2\" Color=\"IconColor.Body\" /> <Icon Name=\"IconName.VolumeMuteFill\" Size=\"IconSize.x2\" Color=\"IconColor.Muted\" /> <Icon Name=\"IconName.BrowserSafari\" Size=\"IconSize.x2\" Color=\"IconColor.White\" /> See icons with different size demo here. Inline text with icon​ Inline text <Icon Name=\"IconName.Alarm\" /> See inline text with icon demo here. Link with icon​ <a href=\"#\" class=\"text-decoration-none\"> Example link text <Icon Name=\"IconName.Alarm\" /> </a> See link with icon demo here. Link with custom icon​ <a href=\"#\" class=\"text-decoration-none\"> Example link text <Icon CustomIconName=\"bi bi-bootstrap\" /> </a> See link with custom icon demo here. Button with icon and text​ <Button Color=\"ButtonColor.Primary\"><Icon Name=\"IconName.Alarm\" /> Button </Button> <Button Color=\"ButtonColor.Success\"><Icon Name=\"IconName.Alarm\" /> Button </Button> <Button Color=\"ButtonColor.Danger\" Outline=\"true\"><Icon Name=\"IconName.AlarmFill\" /> Button </Button> See button with icon and text demo here. Button with icon only​ <Button Color=\"ButtonColor.Secondary\"><Icon Name=\"IconName.Alarm\" /></Button> See button with icon only demo here. Button with font awesome icon​ In the following example, we used Font Awesome 6.4.2 free version icons. For Font Awesome setup, please follow the Font Awesome website. <Button Color=\"ButtonColor.Secondary\" TooltipTitle=\"Compare code\"> <Icon CustomIconName=\"fa-solid fa-code-compare\"/> </Button> <Button Color=\"ButtonColor.Secondary\" TooltipTitle=\"Create pull request\"> <Icon CustomIconName=\"fa-solid fa-code-pull-request\" /> </Button> Icon with tooltip​ <Tooltip Title=\"Info Tooltip\" role=\"button\"> <Icon Name=\"IconName.InfoCircleFill\"></Icon> </Tooltip> Bootstrap Icons​ See all bootstrap icons demo here. Edit this page Previous Blazor Server Next Images Prerequisites Parameters Examples Icons Sizes Font awesome icons Colors Inline text with icon Link with icon Link with custom icon Button with icon and text Button with icon only Button with font awesome icon Icon with tooltip Bootstrap Icons","s":"Blazor Icons","u":"/content/icons","h":"","p":609},{"i":612,"t":"Components Tabs On this page Blazor Tabs Documentation and examples for using Blazor Bootstrap Tabs components. Tabs Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 EnableFadeEffect bool false Gets or sets the tabs fade effect. 1.0.0 NavStyle NavStyle NavStyle.Tabs Get or sets the nav style. 1.0.0 Tabs Methods​ Name Description Added Version InitializeRecentTab(bool showTab) Initializes the most recently added tab, optionally displaying it. 1.11.0 RemoveTabByIndex(int tabIndex) Removes the tab by index. 2.2.0 RemoveTabByName(string tabName) Removes the tab by name. 2.2.0 ShowFirstTabAsync() Selects the first tab and show its associated pane. 1.0.0 ShowLastTabAsync() Selects the last tab and show its associated pane. 1.0.0 ShowRecentTab() Shows the recently added tab. 2.2.0 ShowTabByIndexAsync(int tabIndex) Selects the tab by index and show its associated pane. 1.0.0 ShowTabByNameAsync(string tabName) Selects the tab by name and show its associated pane. 1.0.0 Tabs Callback Events​ Event Description Added Version OnHidden This event fires after a new tab is shown (and thus the previous active tab is hidden). 1.0.0 OnHiding This event fires when a new tab is to be shown (and thus the previous active tab is to be hidden). 1.0.0 OnShowing This event fires on tab show, but before the new tab has been shown. 1.0.0 OnShown This event fires on tab show after a tab has been shown. 1.0.0 Tab Parameters​ Name Type Default Required Description Added Version Active bool false Gets or sets the active state. 1.0.0 Content RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Disabled bool false Gets or sets the disabled state. 1.0.0 Name string null Gets or sets the tab name. 1.0.0 Title string null Gets or sets the tab title. 1.0.0 TitleTemplate RenderFragment null Gets or sets the tab title template. 1.0.0 Note Either Title or TitleTemplate is required. Tab Callback Events​ Event Description Added Version OnClick This event fires when the user clicks the corresponding tab button and the tab is displayed. 1.11.0 Examples​ Tabs​ <Tabs> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Home tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Profile tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Contact tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> </Tabs> See demo here. Fade effect​ To create a fade-in effect for tabs, add the EnableFadeEffect=\"true\" parameter. Additionally, set the IsActive=\"true\" parameter on the first tab pane to display its content initially. <Tabs EnableFadeEffect=\"true\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Home tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Profile tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Contact tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> </Tabs> See demo here. Title with icon​ To customize the tab title, use the TitleTemplate parameter, as demonstrated in the following example. <Tabs EnableFadeEffect=\"true\"> <Tab IsActive=\"true\"> <TitleTemplate> <Icon Name=\"IconName.HouseFill\" /> Home </TitleTemplate> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Home tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab> <TitleTemplate> <Icon Name=\"IconName.PersonFill\" /> Profile </TitleTemplate> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Profile tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab> <TitleTemplate> <Icon Name=\"IconName.PhoneFill\" /> Contact </TitleTemplate> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Contact tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> </Tabs> See demo here. Disable Tab​ Disable specific tabs by adding Disabled=\"true\" parameter. <Tabs EnableFadeEffect=\"true\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Home tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Profile tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Projects\" Disabled=\"true\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Projects tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Contact tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> </Tabs> See demo here. Pills​ To transform the tabs into pills, use the parameter NavStyle=\"NavStyle.Pills\". <Tabs EnableFadeEffect=\"true\" NavStyle=\"NavStyle.Pills\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Home tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Profile tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-2\"> <b>This is some placeholder content the Contact tab's associated content.</b> Clicking another tab will toggle the visibility of this one for the next. </p> </Content> </Tab> </Tabs> See demo here. Underline​ Use the NavStyle=\"NavStyle.Underline\" parameter to change the tabs to an underlined style. <Tabs EnableFadeEffect=\"true\" NavStyle=\"NavStyle.Underline\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Home</b> tab.</p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Profile</b> tab.</p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Contact</b> tab.</p> </Content> </Tab> </Tabs> See demo here. Vertical​ Display your tabs vertically by setting the NavStyle parameter to NavStyle.Vertical. <Tabs NavStyle=\"NavStyle.Vertical\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Home</b> tab.</p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Profile</b> tab.</p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Contact</b> tab.</p> </Content> </Tab> <Tab Title=\"About\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>About</b> tab.</p> </Content> </Tab> </Tabs> See demo here. Vertical pills​ <Tabs NavStyle=\"NavStyle.VerticalPills\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Home</b> tab.</p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Profile</b> tab.</p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Contact</b> tab.</p> </Content> </Tab> <Tab Title=\"About\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>About</b> tab.</p> </Content> </Tab> </Tabs> See demo here. Vertical underline​ <Tabs NavStyle=\"NavStyle.VerticalUnderline\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Home</b> tab.</p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Profile</b> tab.</p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>Contact</b> tab.</p> </Content> </Tab> <Tab Title=\"About\"> <Content> <p class=\"ms-3\">This is the placeholder content for the <b>About</b> tab.</p> </Content> </Tab> </Tabs> See demo here. Activate individual tabs​ You can activate individual tabs in several ways. Use predefined methods such as ShowFirstTabAsync, ShowLastTabAsync, ShowTabByIndexAsync, and ShowTabByNameAsync, as shown below. <Tabs @ref=\"tabs\" EnableFadeEffect=\"true\"> <Tab Title=\"Home\" IsActive=\"true\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Home</b> tab.</p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Profile</b> tab.</p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Contact</b> tab.</p> </Content> </Tab> <Tab Title=\"Products\" Name=\"Products\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Products</b> tab.</p> </Content> </Tab> <Tab Title=\"FAQs\" Name=\"FAQ\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>FAQs</b> tab.</p> </Content> </Tab> <Tab Title=\"About\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>About</b> tab.</p> </Content> </Tab> </Tabs> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowFirstTabAsync\">First Tab</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowSecondTabAsync\">Second Tab</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowThirdTabAsync\">Third Tab</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowProductsTabAsync\">Products Tab</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowFaqsAsync\">FAQs Tab</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowLastTabAsync\">Last Tab</Button> @code{ Tabs tabs; private async Task ShowFirstTabAsync() => await tabs.ShowFirstTabAsync(); private async Task ShowSecondTabAsync() => await tabs.ShowTabByIndexAsync(1); private async Task ShowThirdTabAsync() => await tabs.ShowTabByIndexAsync(2); private async Task ShowProductsTabAsync() => await tabs.ShowTabByNameAsync(\"Products\"); private async Task ShowFaqsAsync() => await tabs.ShowTabByNameAsync(\"FAQ\"); private async Task ShowLastTabAsync() => await tabs.ShowLastTabAsync(); } See demo here. Events​ When displaying a new tab, the events fire in the following sequence: OnHiding (on the currently active tab) OnShowing (on the tab that is about to be displayed) OnHidden (on the previously active tab, which is the same one that triggered the OnHiding event) OnShown (on the newly activated tab that has just been displayed, which is the same one that triggered the OnShowing event) Note If no tab was already active, then the OnHiding and OnHidden events will not be fired. See demo here. Methods: Set active tab OnAfterRender​ <Tabs @ref=\"tabs\"> <Tab Title=\"Home\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Home</b> tab.</p> </Content> </Tab> <Tab Title=\"Profile\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Profile</b> tab.</p> </Content> </Tab> <Tab Title=\"Contact\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>Contact</b> tab.</p> </Content> </Tab> <Tab Title=\"About\"> <Content> <p class=\"mt-3\">This is the placeholder content for the <b>About</b> tab.</p> </Content> </Tab> </Tabs> @code { Tabs tabs = default!; protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { string userDefaultPreferredTab = \"Profile\"; // Get the value from Service / API switch (userDefaultPreferredTab) { case \"Home\": await tabs.ShowTabByIndexAsync(0); break; case \"Profile\": await tabs.ShowTabByIndexAsync(1); break; case \"Contact\": await tabs.ShowTabByIndexAsync(2); break; case \"About\": await tabs.ShowTabByIndexAsync(3); break; default: await tabs.ShowTabByIndexAsync(0); break; } } } } See demo here. Tab: OnClick​ <Tabs> @foreach (var customer in customers) { <Tab Title=\"@customer.CustomerName\" IsActive=\"selectedCustomer.CustomerId == customer.CustomerId\" OnClick=\"(args) => OnTabClick(args, customer)\"> <Content> <div class=\"mt-3\"> This is the placeholder content for the <b>@customer.CustomerName</b> tab. </div> </Content> </Tab> } </Tabs> @if (selectedCustomer is not null) { <div class=\"mt-3\">Selected customer: <b>@selectedCustomer.CustomerName</b></div> } @code { private List<Customer> customers = new() { new(1, \"Marvin Klein\"), new(2, \"Vikram Reddy\"), new(3, \"Bandita PA\"), new(4, \"Daina JJ\") }; private Customer selectedCustomer = default!; protected override void OnInitialized() => selectedCustomer = customers.First(); private void OnTabClick(TabEventArgs args, Customer customer) => selectedCustomer = customer; } See demo here. Dynamic tabs​ <div class=\"d-flex flex-column\"> <div> <Button Color=\"ButtonColor.Success\" Class=\"mb-3 float-end\" Size=\"Size.ExtraSmall\" @onclick=\"AddCustomer\">+ Add customer</Button> </div> <Card> <CardBody> <Tabs @ref=\"tabsRef\"> @foreach (var customer in customers) { <Tab Title=\"@customer.CustomerName\"> <Content> <div class=\"mt-3\"> This is the placeholder content for the <b>@customer.CustomerName</b> tab. </div> </Content> </Tab> } </Tabs> </CardBody> </Card> </div> @code { Tabs tabsRef = default!; private List<Customer> customers = default!; protected override void OnInitialized() { customers = new() { new(1, \"Marvin Klein\"), new(2, \"Vikram Reddy\"), new(3, \"Bandita PA\"), new(4, \"Daina JJ\") }; } private void AddCustomer() { var count = customers.Count; var customer = new Customer(count + 1, $\"Customer {count + 1}\"); customers.Add(customer); tabsRef.ShowRecentTab(); } } See demo here. Remove dynamic tabs​ danger In the following example, we are deleting tabs dynamically. Ensure that the @key parameter is added with unique value. <div class=\"d-flex flex-column\"> <div> <Button Color=\"ButtonColor.Success\" Class=\"mb-3 float-end\" Size=\"Size.ExtraSmall\" @onclick=\"AddCustomer\">+ Add customer</Button> </div> <Card> <CardBody> <Tabs @ref=\"tabsRef\"> @foreach (var customer in customers) { <Tab @key=\"@customer?.GetHashCode()\" Title=\"@customer.CustomerName\" Name=\"@($\"{customer.CustomerId}\")\"> <Content> <div class=\"p-1\"> <div class=\"mt-3\"> This is the placeholder content for the <b>@customer.CustomerName</b> tab. </div> <div> <Button Color=\"ButtonColor.Danger\" Class=\"mt-3\" Size=\"Size.ExtraSmall\" @onclick=\"() => RemoveCustomer(customer)\">Remove tab</Button> </div> </div> </Content> </Tab> } </Tabs> </CardBody> </Card> </div> @code { Tabs tabsRef = default!; int count = 1; private List<Customer> customers = default!; protected override void OnInitialized() { customers = new() { new(1, \"Marvin Klein\"), new(2, \"Vikram Reddy\"), new(3, \"Bandita PA\"), new(4, \"Daina JJ\") }; var count = customers.Count; } private void AddCustomer() { count++; var customer = new Customer(count, $\"Customer {count}\"); customers.Add(customer); tabsRef.ShowRecentTab(); } private void RemoveCustomer(Customer customer) { customers.Remove(customer); tabsRef.RemoveTabByName(customer.CustomerId.ToString()); } } See demo here. Edit this page Previous Spinners Next Toasts Tabs Parameters Tabs Methods Tabs Callback Events Tab Parameters Tab Callback Events Examples Tabs Fade effect Title with icon Disable Tab Pills Underline Vertical Vertical pills Vertical underline Activate individual tabs Events Methods: Set active tab OnAfterRender Tab: OnClick Dynamic tabs Remove dynamic tabs","s":"Blazor Tabs","u":"/components/tabs","h":"","p":611},{"i":614,"t":"Content Images On this page Blazor Images Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them. Parameters​ Name Type Default Required Description Added Version Alt string? null Gets or sets the alternate text for the image. 3.0.0 Src string? null Gets or sets the source of the image. 3.0.0 IsResponsive bool true Gets or sets a value indicating whether the image is responsive. 3.0.0 IsThumbnail bool false Makes the image have a rounded 1px border appearance if set to true. 3.0.0 Examples​ Images​ By default images are responsive. The default value of the IsResponsive parameter is true. <Image Src=\"/images/placeholder.png\" Alt=\"placeholder\" /> See demo here. Image thumbnails​ To set the image to have a rounded 1px border appearance, set the IsThumbnail parameter to true. <Image Src=\"/images/placeholder.png\" IsThumbnail=\"true\" Alt=\"placeholder\" /> See demo here. Aligning images​ <Image Src=\"/images/placeholder.png\" Class=\"rounded float-start\" Alt=\"placeholder1\" /> <Image Src=\"/images/placeholder.png\" Class=\"rounded float-end\" Alt=\"placeholder2\" /> <Image Src=\"/images/placeholder.png\" Class=\"rounded mx-auto d-block\" Alt=\"placeholder\" /> <div class=\"text-center\"> <Image Src=\"/images/placeholder.png\" Class=\"rounded\" Alt=\"placeholder\" /> </div> See demo here. Edit this page Previous Icons Next Auto Complete Parameters Examples Images Image thumbnails Aligning images","s":"Blazor Images","u":"/content/images","h":"","p":613},{"i":616,"t":"Data Visualization Bar Chart On this page Blazor Bar Chart A Blazor Bootstrap bar chart component is used to represent data values as vertical bars. It is sometimes used to show trend data and to compare multiple data sets side by side. Parameters​ Name Type Default Required Description Added Version Height int? null Gets or sets chart container height. 1.0.0 HeightUnit Unit Unit.Px Gets or sets chart container height unit of measure. 1.0.0 Width int? null Gets or sets chart container width. 1.0.0 WidthUnit Unit Unit.Px Gets or sets chart container width unit of measure. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync(ChartData chartData, string dataLabel, IChartDatasetData data) Task<ChartData> Adds data to chart. 1.10.0 AddDataAsync(ChartData chartData, string dataLabel, List<IChartDatasetData> data) Task<ChartData> Adds dataset to chart. 1.10.0 AddDatasetAsync(ChartData chartData, IChartDataset chartDataset, IChartOptions chartOptions) Task<ChartData> Adds dataset to chart. 1.10.0 InitializeAsync(ChartData chartData, IChartOptions chartOptions, string[]? plugins = null) Task Initialize the chat. 1.0.0 ResizeAsync(int width, int height, Unit widthUnit = Unit.Px, Unit heightUnit = Unit.Px) Task Resize the chart. 1.0.0 UpdateAsync(ChartData chartData, IChartOptions chartOptions) Task Update the chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Datasets List<IChartDataset> null ✔️ Gets or sets the Datasets. 1.0.0 Labels List<string> null ✔️ Gets or sets the Labels. 1.0.0 BarChartDataset Members​ info BarChartDataset implements IChartDataset. Property Name Type Default Required Description Added Version BackgroundColor List<string> null Get or sets the BackgroundColor. 1.0.0 BarPercentage double 0.8 Percent (0-1) of the available width each bar should be within the category width. 1.0 will take the whole category width and put the bars right next to each other. 1.0.0 BorderColor List<string> null Get or sets the BorderColor. 1.0.0 BorderRadius int 0 Border radius. 1.0.0 BorderWidth List<double> null Get or sets the BorderWidth. 1.0.0 CategoryPercentage double 0.8 Percent (0-1) of the available width each category should be within the sample width. 1.0.0 Clip string null How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0} 1.0.0 Datalabels BarChartDatasetDataLabels Get or sets the data labels Data List<double> null Get or sets the Data. 1.0.0 Hidden bool false Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart. 1.0.0 HoverBackgroundColor List<string> null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List<string> null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderWidth List<double> null ✔️ Get or sets the HoverBorderWidth. 1.0.0 Label string null The label for the dataset which appears in the legend and tooltips. 1.0.0 Type string null ✔️ Get or sets the chart type. 1.0.0 XAxisID string null The ID of the x axis to plot this dataset on. 1.0.0 YAxisID string null The ID of the y axis to plot this dataset on. 1.0.0 BarChartDatasetDataLabels Members​ Property Name Type Default Required Description Added Version Align string? center Gets or sets the align. 1.10.2 Anchor string? center Gets or sets the anchor. 1.10.2 BarChartOptions Members​ info BarChartOptions implements ChartOptions. Property Name Type Default Required Description Added Version IndexAxis string x The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts. 1.0.0 Interaction Interaction Gets or sets the Interaction. 1.0.0 Layout ChartLayout Gets or sets the ChartLayout. 1.0.0 Locale string? Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on. 1.10.0 Plugins BarChartPlugins Gets or sets the Plugins. 1.10.2 Responsive bool false Gets or sets the Responsive. 1.0.0 Scales Scales Gets or sets the Scales. 1.0.0 Examples​ Prerequisites​ Refer to the getting started guide for setting up charts. How it works​ In the following example, a categorical 12-color palette is used. tip For data visualization, you can use the predefined palettes ColorBuilder.CategoricalTwelveColors for a 12-color palette and ColorBuilder.CategoricalSixColors for a 6-color palette. These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations. <BarChart @ref=\"barChart\" Width=\"800\" Class=\"mb-4\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await RandomizeAsync()\"> Randomize </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDatasetAsync()\"> Add Dataset </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDataAsync()\">Add Data</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await ShowHorizontalBarChartAsync()\">Horizontal Bar Chart</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await ShowVerticalBarChartAsync()\">Vertical Bar Chart</Button> @code { private BarChart barChart = default!; private BarChartOptions barChartOptions = default!; private ChartData chartData = default!; private int datasetsCount = 0; private int labelsCount = 0; private string[] months = { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; private Random random = new(); protected override void OnInitialized() { chartData = new ChartData { Labels = GetDefaultDataLabels(6), Datasets = GetDefaultDataSets(3) }; barChartOptions = new BarChartOptions { Responsive = true, Interaction = new Interaction { Mode = InteractionMode.Index } }; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await barChart.InitializeAsync(chartData, barChartOptions); } await base.OnAfterRenderAsync(firstRender); } private async Task RandomizeAsync() { if (chartData is null || chartData.Datasets is null || !chartData.Datasets.Any()) return; var newDatasets = new List<IChartDataset>(); foreach (var dataset in chartData.Datasets) { if (dataset is BarChartDataset barChartDataset && barChartDataset is not null && barChartDataset.Data is not null) { var count = barChartDataset.Data.Count; var newData = new List<double>(); for (var i = 0; i < count; i++) { newData.Add(random.Next(200)); } barChartDataset.Data = newData; newDatasets.Add(barChartDataset); } } chartData.Datasets = newDatasets; await barChart.UpdateAsync(chartData, barChartOptions); } private async Task AddDatasetAsync() { if (chartData is null || chartData.Datasets is null) return; if (datasetsCount >= 12) return; var chartDataset = GetRandomBarChartDataset(); chartData = await barChart.AddDatasetAsync(chartData, chartDataset, barChartOptions); } private async Task AddDataAsync() { if (chartData is null || chartData.Datasets is null) return; if (labelsCount >= 12) return; var data = new List<IChartDatasetData>(); foreach (var dataset in chartData.Datasets) { if (dataset is BarChartDataset barChartDataset) data.Add(new BarChartDatasetData(barChartDataset.Label, random.Next(200))); } chartData = await barChart.AddDataAsync(chartData, GetNextDataLabel(), data); } private async Task ShowHorizontalBarChartAsync() { barChartOptions.IndexAxis = \"y\"; await barChart.UpdateAsync(chartData, barChartOptions); } private async Task ShowVerticalBarChartAsync() { barChartOptions.IndexAxis = \"x\"; await barChart.UpdateAsync(chartData, barChartOptions); } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { datasets.Add(GetRandomBarChartDataset()); } return datasets; } private BarChartDataset GetRandomBarChartDataset() { var c = ColorBuilder.CategoricalTwelveColors[datasetsCount].ToColor(); datasetsCount += 1; return new BarChartDataset() { Label = $\"Product {datasetsCount}\", Data = GetRandomData(), BackgroundColor = new List<string> { c.ToRgbString() }, BorderColor = new List<string> { c.ToRgbString() }, BorderWidth = new List<double> { 0 }, }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < labelsCount; index++) { data.Add(random.Next(200)); } return data; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); } return labels; } private string GetNextDataLabel() { labelsCount += 1; return months[labelsCount - 1]; } #endregion Data Preparation } See the demo here. Horizontal bar chart​ <BarChart @ref=\"barChart\" Height=\"300\" Class=\"mb-4\" /> @code { private BarChart barChart = default!; private BarChartOptions barChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var labels = new List<string> { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List<IChartDataset>(); var dataset1 = new BarChartDataset() { Data = new List<double> { 55000, 15000, 18000, 21000 }, BackgroundColor = new List<string> { ColorBuilder.CategoricalTwelveColors[0] }, BorderColor = new List<string> { ColorBuilder.CategoricalTwelveColors[0] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset1); chartData = new ChartData { Labels = labels, Datasets = datasets }; barChartOptions = new BarChartOptions(); barChartOptions.Responsive = true; barChartOptions.Interaction = new Interaction { Mode = InteractionMode.Y }; barChartOptions.IndexAxis = \"y\"; barChartOptions.Scales.X.Title.Text = \"Visitors\"; barChartOptions.Scales.X.Title.Display = true; barChartOptions.Scales.Y.Title.Text = \"Browser\"; barChartOptions.Scales.Y.Title.Display = true; barChartOptions.Plugins.Legend.Display = false; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await barChart.InitializeAsync(chartData, barChartOptions); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Stacked bar chart​ <BarChart @ref=\"barChart\" Height=\"300\" Class=\"mb-4\" /> @code { private BarChart barChart = default!; private BarChartOptions barChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var colors = ColorBuilder.CategoricalTwelveColors; var labels = new List<string> { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List<IChartDataset>(); var dataset1 = new BarChartDataset() { Label = \"Windows\", Data = new List<double> { 28000, 8000, 2000, 17000 }, BackgroundColor = new List<string> { colors[0] }, BorderColor = new List<string> { colors[0] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset1); var dataset2 = new BarChartDataset() { Label = \"macOS\", Data = new List<double> { 8000, 10000, 14000, 8000 }, BackgroundColor = new List<string> { colors[1] }, BorderColor = new List<string> { colors[1] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset2); var dataset3 = new BarChartDataset() { Label = \"Other\", Data = new List<double> { 28000, 10000, 14000, 8000 }, BackgroundColor = new List<string> { colors[2] }, BorderColor = new List<string> { colors[2] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset3); chartData = new ChartData { Labels = labels, Datasets = datasets }; barChartOptions = new(); barChartOptions.Responsive = true; barChartOptions.Interaction = new Interaction { Mode = InteractionMode.Y }; barChartOptions.IndexAxis = \"y\"; barChartOptions.Scales.X.Title.Text = \"Visitors\"; barChartOptions.Scales.X.Title.Display = true; barChartOptions.Scales.Y.Title.Text = \"Browser\"; barChartOptions.Scales.Y.Title.Display = true; barChartOptions.Scales.X.Stacked = true; barChartOptions.Scales.Y.Stacked = true; barChartOptions.Plugins.Title.Text = \"Operating system\"; barChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await barChart.InitializeAsync(chartData, barChartOptions); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Locale​ By default, the chart is using the default locale of the platform on which it is running. In the following example, you will see the chart in the German locale (de_DE). <BarChart @ref=\"barChart\" Height=\"300\" Class=\"mb-4\" /> @code { private BarChart barChart = default!; private BarChartOptions barChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var colors = ColorBuilder.CategoricalTwelveColors; var labels = new List<string> { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List<IChartDataset>(); var dataset1 = new BarChartDataset() { Label = \"Windows\", Data = new List<double> { 28000, 8000, 2000, 17000 }, BackgroundColor = new List<string> { colors[0] }, BorderColor = new List<string> { colors[0] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset1); var dataset2 = new BarChartDataset() { Label = \"macOS\", Data = new List<double> { 8000, 10000, 14000, 8000 }, BackgroundColor = new List<string> { colors[1] }, BorderColor = new List<string> { colors[1] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset2); var dataset3 = new BarChartDataset() { Label = \"Other\", Data = new List<double> { 28000, 10000, 14000, 8000 }, BackgroundColor = new List<string> { colors[2] }, BorderColor = new List<string> { colors[2] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset3); chartData = new ChartData { Labels = labels, Datasets = datasets }; barChartOptions = new(); barChartOptions.Locale = \"de-DE\"; barChartOptions.Responsive = true; barChartOptions.Interaction = new Interaction { Mode = InteractionMode.Y }; barChartOptions.IndexAxis = \"y\"; barChartOptions.Scales.X.Title.Text = \"Visitors\"; barChartOptions.Scales.X.Title.Display = true; barChartOptions.Scales.Y.Title.Text = \"Browser\"; barChartOptions.Scales.Y.Title.Display = true; barChartOptions.Scales.X.Stacked = true; barChartOptions.Scales.Y.Stacked = true; barChartOptions.Plugins.Title.Text = \"Operating system\"; barChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await barChart.InitializeAsync(chartData, barChartOptions); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Data labels​ <BarChart @ref=\"barChart\" Height=\"300\" Class=\"mb-4\" /> @code { private BarChart barChart = default!; private BarChartOptions barChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var colors = ColorBuilder.CategoricalTwelveColors; var labels = new List<string> { \"Chrome\", \"Firefox\", \"Safari\", \"Edge\" }; var datasets = new List<IChartDataset>(); var dataset1 = new BarChartDataset() { Label = \"Windows\", Data = new List<double> { 28000, 8000, 2000, 17000 }, BackgroundColor = new List<string> { colors[0] }, BorderColor = new List<string> { colors[0] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset1); var dataset2 = new BarChartDataset() { Label = \"macOS\", Data = new List<double> { 8000, 10000, 14000, 8000 }, BackgroundColor = new List<string> { colors[1] }, BorderColor = new List<string> { colors[1] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset2); var dataset3 = new BarChartDataset() { Label = \"Other\", Data = new List<double> { 28000, 10000, 14000, 8000 }, BackgroundColor = new List<string> { colors[2] }, BorderColor = new List<string> { colors[2] }, BorderWidth = new List<double> { 0 }, }; datasets.Add(dataset3); chartData = new ChartData { Labels = labels, Datasets = datasets }; barChartOptions = new(); barChartOptions.Responsive = true; barChartOptions.Interaction = new Interaction { Mode = InteractionMode.Y }; barChartOptions.IndexAxis = \"y\"; barChartOptions.Scales.X.Title.Text = \"Visitors\"; barChartOptions.Scales.X.Title.Display = true; barChartOptions.Scales.Y.Title.Text = \"Browser\"; barChartOptions.Scales.Y.Title.Display = true; barChartOptions.Scales.X.Stacked = true; barChartOptions.Scales.Y.Stacked = true; barChartOptions.Plugins.Title.Text = \"Operating system\"; barChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { // pass the plugin name to enable the data labels await barChart.InitializeAsync(chartData: chartData, chartOptions: barChartOptions, plugins: new string[] { \"ChartDataLabels\" }); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Edit this page Previous Tooltips Next Doughnut Chart Parameters Methods ChartData Members BarChartDataset Members BarChartDatasetDataLabels Members BarChartOptions Members Examples Prerequisites How it works Horizontal bar chart Stacked bar chart Locale Data labels","s":"Blazor Bar Chart","u":"/data-visualization/bar-chart","h":"","p":615},{"i":618,"t":"Data Visualization Doughnut Chart On this page Blazor Doughnut Chart A Blazor Bootstrap donut chart component is a circular chart that shows the proportional values of different categories. It is similar to a pie chart, but the center of the donut chart is hollow. This makes it easier to see the individual values of each category. Parameters​ Name Type Default Required Description Added Version Height int? null Gets or sets chart container height. 1.0.0 HeightUnit Unit Unit.Px Gets or sets chart container height unit of measure. 1.0.0 Width int? null Gets or sets chart container width. 1.0.0 WidthUnit Unit Unit.Px Gets or sets chart container width unit of measure. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync(ChartData chartData, string dataLabel, IChartDatasetData data) Task<ChartData> Adds data to chart. 1.10.0 AddDataAsync(ChartData chartData, string dataLabel, List<IChartDatasetData> data) Task<ChartData> Adds dataset to chart. 1.10.0 AddDatasetAsync(ChartData chartData, IChartDataset chartDataset, IChartOptions chartOptions) Task<ChartData> Adds dataset to chart. 1.10.0 InitializeAsync(ChartData chartData, IChartOptions chartOptions, string[]? plugins = null) Task Initialize the chat. 1.0.0 ResizeAsync(int width, int height, Unit widthUnit = Unit.Px, Unit heightUnit = Unit.Px) Task Resize the chart. 1.0.0 UpdateAsync(ChartData chartData, IChartOptions chartOptions) Task Update the chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Datasets List<IChartDataset> null ✔️ Gets or sets the Datasets. 1.0.0 Labels List<string> null ✔️ Gets or sets the Labels. 1.0.0 DoughnutChartDataset Members​ info DoughnutChartDataset implements IChartDataset. Property Name Type Default Required Description Added Version BackgroundColor List<string> null Get or sets the BackgroundColor. 1.0.0 BorderColor List<string> null Get or sets the BorderColor. 1.0.0 BorderWidth List<double> null Get or sets the BorderWidth. 1.0.0 Clip string null How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0} 1.0.0 Data List<double> null Get or sets the Data. 1.0.0 Datalabels DoughnutChartDatasetDataLabels Get or sets the data labels Hidden bool false Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart. 1.0.0 HoverBackgroundColor List<string> null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List<string> null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderWidth List<double> null ✔️ Get or sets the HoverBorderWidth. 1.0.0 Label string null The label for the dataset which appears in the legend and tooltips. 1.0.0 Type string null ✔️ Get or sets the chart type. 1.0.0 DoughnutChartDatasetDataLabels Members​ Property Name Type Default Required Description Added Version Anchor string? center Gets or sets the anchor. 1.10.2 BorderWidth double? 2 Gets or sets the border width. 1.10.2 DoughnutChartOptions Members​ info DoughnutChartOptions implements ChartOptions. Property Name Type Default Required Description Added Version Locale string? Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on. 1.10.0 Plugins DoughnutChartPlugins Gets or sets the Plugins. 1.10.2 Responsive bool false Gets or sets the Responsive. 1.0.0 Examples​ Prerequisites​ Refer to the getting started guide for setting up charts. How it works​ In the following example, a categorical 12-color palette is used. tip For data visualization, you can use the predefined palettes ColorBuilder.CategoricalTwelveColors for a 12-color palette and ColorBuilder.CategoricalSixColors for a 6-color palette. These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations. <DoughnutChart @ref=\"doughnutChart\" Width=\"500\" Class=\"mb-5\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await RandomizeAsync()\"> Randomize </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDatasetAsync()\"> Add Dataset </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDataAsync()\">Add Data</Button> @code { private DoughnutChart doughnutChart = default!; private DoughnutChartOptions doughnutChartOptions = default!; private ChartData chartData = default!; private string[]? backgroundColors; private int datasetsCount = 0; private int dataLabelsCount = 0; private Random random = new(); protected override void OnInitialized() { backgroundColors = ColorBuilder.CategoricalTwelveColors; chartData = new ChartData { Labels = GetDefaultDataLabels(4), Datasets = GetDefaultDataSets(1) }; doughnutChartOptions = new(); doughnutChartOptions.Responsive = true; doughnutChartOptions.Plugins.Title.Text = \"2022 - Sales\"; doughnutChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await doughnutChart.InitializeAsync(chartData, doughnutChartOptions); } await base.OnAfterRenderAsync(firstRender); } private async Task RandomizeAsync() { if (chartData is null || chartData.Datasets is null || !chartData.Datasets.Any()) return; var newDatasets = new List<IChartDataset>(); foreach (var dataset in chartData.Datasets) { if (dataset is DoughnutChartDataset doughnutChartDataset && doughnutChartDataset is not null && doughnutChartDataset.Data is not null) { var count = doughnutChartDataset.Data.Count; var newData = new List<double>(); for (var i = 0; i < count; i++) { newData.Add(random.Next(0, 100)); } doughnutChartDataset.Data = newData; newDatasets.Add(doughnutChartDataset); } } chartData.Datasets = newDatasets; await doughnutChart.UpdateAsync(chartData, doughnutChartOptions); } private async Task AddDatasetAsync() { if (chartData is null || chartData.Datasets is null) return; var chartDataset = GetRandomDoughnutChartDataset(); chartData = await doughnutChart.AddDatasetAsync(chartData, chartDataset, doughnutChartOptions); } private async Task AddDataAsync() { if (dataLabelsCount >= 12) return; if (chartData is null || chartData.Datasets is null) return; var data = new List<IChartDatasetData>(); foreach (var dataset in chartData.Datasets) { if (dataset is DoughnutChartDataset doughnutChartDataset) { data.Add(new DoughnutChartDatasetData(doughnutChartDataset.Label, random.Next(0, 100), backgroundColors![dataLabelsCount])); } } chartData = await doughnutChart.AddDataAsync(chartData, GetNextDataLabel(), data); dataLabelsCount += 1; } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { datasets.Add(GetRandomDoughnutChartDataset()); } return datasets; } private DoughnutChartDataset GetRandomDoughnutChartDataset() { datasetsCount += 1; return new() { Label = $\"Team {datasetsCount}\", Data = GetRandomData(), BackgroundColor = GetRandomBackgroundColors() }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List<string> GetRandomBackgroundColors() { var colors = new List<string>(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); dataLabelsCount += 1; } return labels; } private string GetNextDataLabel() => $\"Product {dataLabelsCount + 1}\"; private string GetNextDataBackgrounfColor() => backgroundColors![dataLabelsCount]; #endregion Data Preparation } See the demo here. Locale​ By default, the chart is using the default locale of the platform on which it is running. In the following example, you will see the chart in the German locale (de_DE). @using BlazorBootstrap.Extensions @using Color = System.Drawing.Color <LineChart @ref=\"lineChart\" Width=\"800\" Class=\"mb-4\" /> @code { private LineChart lineChart = default!; private LineChartOptions lineChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var colors = ColorBuilder.CategoricalTwelveColors; var labels = new List<string> { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; var datasets = new List<IChartDataset>(); var dataset1 = new LineChartDataset() { Label = \"Windows\", Data = new List<double> { 7265791, 5899643, 6317759, 6315641, 5338211, 8496306, 7568556, 8538933, 8274297, 8657298, 7548388, 7764845 }, BackgroundColor = new List<string> { colors[0] }, BorderColor = new List<string> { colors[0] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[0] }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; datasets.Add(dataset1); var dataset2 = new LineChartDataset() { Label = \"macOS\", Data = new List<double> { 1809499, 1816642, 2122410, 1809499, 1850793, 1846743, 1954797, 2391313, 1983430, 2469918, 2633303, 2821149 }, BackgroundColor = new List<string> { colors[1] }, BorderColor = new List<string> { colors[1] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[1] }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; datasets.Add(dataset2); var dataset3 = new LineChartDataset() { Label = \"Other\", Data = new List<double> { 1081241, 1100363, 1118136, 1073255, 1120315, 1395736, 1488788, 1489466, 1489947, 1414739, 1735811, 1820171 }, BackgroundColor = new List<string> { colors[2] }, BorderColor = new List<string> { colors[2] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[2] }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; datasets.Add(dataset3); chartData = new ChartData { Labels = labels, Datasets = datasets }; lineChartOptions = new(); lineChartOptions.Locale = \"de-DE\"; lineChartOptions.Responsive = true; lineChartOptions.Interaction = new Interaction { Mode = InteractionMode.Index }; lineChartOptions.Scales.X.Title.Text = \"2019\"; lineChartOptions.Scales.X.Title.Display = true; lineChartOptions.Scales.Y.Title.Text = \"Visitors\"; lineChartOptions.Scales.Y.Title.Display = true; lineChartOptions.Plugins.Title.Text = \"Operating system\"; lineChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await lineChart.InitializeAsync(chartData, lineChartOptions); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Data labels​ <DoughnutChart @ref=\"doughnutChart\" Width=\"500\" Class=\"mb-5\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await RandomizeAsync()\"> Randomize </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDataAsync()\">Add Data</Button> @code { private DoughnutChart doughnutChart = default!; private DoughnutChartOptions doughnutChartOptions = default!; private ChartData chartData = default!; private string[]? backgroundColors; private int datasetsCount = 0; private int dataLabelsCount = 0; private Random random = new(); protected override void OnInitialized() { backgroundColors = ColorBuilder.CategoricalTwelveColors; chartData = new ChartData { Labels = GetDefaultDataLabels(4), Datasets = GetDefaultDataSets(3) }; doughnutChartOptions = new(); doughnutChartOptions.Responsive = true; doughnutChartOptions.Plugins.Title.Text = \"2022 - Sales\"; doughnutChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { // pass the plugin name to enable the data labels await doughnutChart.InitializeAsync(chartData: chartData, chartOptions: doughnutChartOptions, plugins: new string[] { \"ChartDataLabels\" }); } await base.OnAfterRenderAsync(firstRender); } private async Task RandomizeAsync() { if (chartData is null || chartData.Datasets is null || !chartData.Datasets.Any()) return; var newDatasets = new List<IChartDataset>(); var datasetIndex = 0; foreach (var dataset in chartData.Datasets) { if (dataset is DoughnutChartDataset doughnutChartDataset && doughnutChartDataset is not null && doughnutChartDataset.Data is not null) { var count = doughnutChartDataset.Data.Count; var newData = new List<double>(); for (var i = 0; i < count; i++) { newData.Add(random.Next(0, 100)); } doughnutChartDataset.Data = newData; newDatasets.Add(doughnutChartDataset); } } chartData.Datasets = newDatasets; await doughnutChart.UpdateAsync(chartData: chartData, chartOptions: doughnutChartOptions); } private async Task AddDataAsync() { if (dataLabelsCount >= 12) return; if (chartData is null || chartData.Datasets is null) return; var data = new List<IChartDatasetData>(); foreach (var dataset in chartData.Datasets) { if (dataset is DoughnutChartDataset doughnutChartDataset) { data.Add(new DoughnutChartDatasetData(doughnutChartDataset.Label, random.Next(0, 100), backgroundColors![dataLabelsCount])); } } chartData = await doughnutChart.AddDataAsync(chartData, GetNextDataLabel(), data); dataLabelsCount += 1; } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { var dataset = GetRandomDoughnutChartDataset(); if (index == 0) dataset.Datalabels.Anchor = \"end\"; else if (index == numberOfDatasets - 1) dataset.Datalabels.Anchor = \"start\"; else dataset.Datalabels.Anchor = \"center\"; datasets.Add(dataset); } return datasets; } private DoughnutChartDataset GetRandomDoughnutChartDataset() { datasetsCount += 1; return new() { Label = $\"Team {datasetsCount}\", Data = GetRandomData(), BackgroundColor = GetRandomBackgroundColors() }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List<string> GetRandomBackgroundColors() { var colors = new List<string>(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); dataLabelsCount += 1; } return labels; } private string GetNextDataLabel() => $\"Product {dataLabelsCount + 1}\"; private string GetNextDataBackgrounfColor() => backgroundColors![dataLabelsCount]; #endregion Data Preparation } See the demo here. Edit this page Previous Bar Chart Next Line Chart Parameters Methods ChartData Members DoughnutChartDataset Members DoughnutChartDatasetDataLabels Members DoughnutChartOptions Members Examples Prerequisites How it works Locale Data labels","s":"Blazor Doughnut Chart","u":"/data-visualization/doughnut-chart","h":"","p":617},{"i":620,"t":"Data Visualization Line Chart On this page Blazor Line Chart A Blazor Bootstrap line chart component is a graphical representation of data that uses a series of connected points to show how the data changes over time. It is a type of x-y chart, where the x-axis represents the independent variable, such as time, and the y-axis represents the dependent variable, such as the value. Parameters​ Name Type Default Required Description Added Version Height int? null Gets or sets chart container height. 1.0.0 HeightUnit Unit Unit.Px Gets or sets chart container height unit of measure. 1.0.0 Width int? null Gets or sets chart container width. 1.0.0 WidthUnit Unit Unit.Px Gets or sets chart container width unit of measure. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync(ChartData chartData, string dataLabel, IChartDatasetData data) Task<ChartData> Adds data to chart. 1.10.0 AddDataAsync(ChartData chartData, string dataLabel, List<IChartDatasetData> data) Task<ChartData> Adds dataset to chart. 1.10.0 AddDatasetAsync(ChartData chartData, IChartDataset chartDataset, IChartOptions chartOptions) Task<ChartData> Adds dataset to chart. 1.10.0 InitializeAsync(ChartData chartData, IChartOptions chartOptions, string[]? plugins = null) Task Initialize the chat. 1.0.0 ResizeAsync(int width, int height, Unit widthUnit = Unit.Px, Unit heightUnit = Unit.Px) Task Resize the chart. 1.0.0 UpdateAsync(ChartData chartData, IChartOptions chartOptions) Task Update the chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Labels List<string> null ✔️ Gets or sets the Labels. 1.0.0 Datasets List<IChartDataset> null ✔️ Gets or sets the Datasets. 1.0.0 LineChartDataset Members​ info LineChartDataset implements IChartDataset. Property Name Type Default Required Description Added Version BackgroundColor List<string> null Get or sets the BackgroundColor. 1.0.0 BorderColor List<string> null Get or sets the BorderColor. 1.0.0 BorderDash List<int> null Line dash. 1.0.0 BorderDashOffset double 0.0 Line dash offset. 1.0.0 BorderWidth List<double> null Get or sets the BorderWidth. 1.0.0 Clip string null How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0} 1.0.0 Data List<double> null Get or sets the Data. 1.0.0 Datalabels LineChartDatasetDataLabels Get or sets the data labels Fill bool false Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end. 1.0.0 Hidden bool false Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart. 1.0.0 HoverBackgroundColor List<string> null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List<string> null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderDash List<int> null Hover line dash. 1.0.0 HoverBorderWidth List<double> null ✔️ Get or sets the HoverBorderWidth. 1.0.0 Label string null The label for the dataset which appears in the legend and tooltips. 1.0.0 PointBackgroundColor List<string> new List<string> { \"rgba(0, 0, 0, 0.1)\" } The fill color for points. 1.0.0 PointBorderColor List<string> new List<string> { \"rgba(0, 0, 0, 0.1)\" } The border color for points. 1.0.0 PointBorderWidth List<double> new List<double> { 1 } The width of the point border in pixels. 1.0.0 PointHitRadius List<double> new List<double> { 1 } The pixel size of the non-displayed point that reacts to mouse events. 1.0.0 PointHoverBackgroundColor List<string> null Point background color when hovered. 1.0.0 PointHoverBorderColor List<string> null Point border color when hovered. 1.0.0 PointHoverBorderWidth List<double> new List<double> { 1 } Border width of point when hovered. 1.0.0 PointHoverRadius new List<int> new List<int> { 1 } The radius of the point when hovered. 1.0.0 PointRadius List<int> new List<int> { 1 } The radius of the point shape. If set to 0, the point is not rendered. 1.0.0 PointRotation List<int> new List<int> { 0 } The rotation of the point in degrees. 1.0.0 PointStyle List<string> new List<string> { \"circle\" } Style of the point. Use 'circle', 'cross', 'crossRot', 'dash', 'line', 'rect', 'rectRounded', 'rectRot', 'star', and 'triangle' to style the point. 1.0.0 ShowLine bool true If false, the lines between points are not drawn. 1.0.0 SpanGaps bool false If true, lines will be drawn between points with no or null data. If false, points with null data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used. 1.0.0 Stepped bool false true to show the line as a stepped line (tension will be ignored). 1.0.0 Tension double 0.2 Bezier curve tension of the line. Set to 0 to draw straightlines. This option is ignored if monotone cubic interpolation is used. 1.0.0 Type string null ✔️ Get or sets the chart type. 1.0.0 XAxisID string null The ID of the x axis to plot this dataset on. 1.0.0 YAxisID string null The ID of the y axis to plot this dataset on. 1.0.0 LineChartDatasetDataLabels Members​ Property Name Type Default Required Description Added Version Align string? start Gets or sets the align. 1.10.2 Anchor string? start Gets or sets the anchor. 1.10.2 LineChartOptions Members​ info LineChartOptions implements ChartOptions. Property Name Type Default Required Description Added Version IndexAxis string x The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts. 1.0.0 Interaction Interaction Gets or sets the Interaction. 1.0.0 Layout ChartLayout Gets or sets the ChartLayout. 1.0.0 Locale string? Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on. 1.10.0 Plugins LineChartPlugins Gets or sets the Plugins. 1.10.2 Responsive bool false Gets or sets the Responsive. 1.0.0 Scales Scales Gets or sets the Scales. 1.0.0 Examples​ Prerequisites​ Refer to the getting started guide for setting up charts. How it works​ In the following example, a categorical 12-color palette is used. tip For data visualization, you can use the predefined palettes ColorBuilder.CategoricalTwelveColors for a 12-color palette and ColorBuilder.CategoricalSixColors for a 6-color palette. These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations. @using BlazorBootstrap.Extensions @using Color = System.Drawing.Color <LineChart @ref=\"lineChart\" Width=\"800\" Class=\"mb-4\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await RandomizeAsync()\"> Randomize </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDatasetAsync()\"> Add Dataset </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDataAsync()\"> Add Data </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await ShowHorizontalLineChartAsync()\"> Horizontal Line Chart </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await ShowVerticalLineChartAsync()\"> Vertical Line Chart </Button> @code { private LineChart lineChart = default!; private LineChartOptions lineChartOptions = default!; private ChartData chartData = default!; private int datasetsCount = 0; private int labelsCount = 0; private Random random = new(); protected override void OnInitialized() { chartData = new ChartData { Labels = GetDefaultDataLabels(6), Datasets = GetDefaultDataSets(3) }; lineChartOptions = new() { Responsive = true, Interaction = new Interaction { Mode = InteractionMode.Index } }; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await lineChart.InitializeAsync(chartData, lineChartOptions); } await base.OnAfterRenderAsync(firstRender); } private async Task RandomizeAsync() { if (chartData is null || chartData.Datasets is null || !chartData.Datasets.Any()) return; var newDatasets = new List<IChartDataset>(); foreach (var dataset in chartData.Datasets) { if (dataset is LineChartDataset lineChartDataset && lineChartDataset is not null && lineChartDataset.Data is not null) { var count = lineChartDataset.Data.Count; var newData = new List<double>(); for (var i = 0; i < count; i++) { newData.Add(random.Next(200)); } lineChartDataset.Data = newData; newDatasets.Add(lineChartDataset); } } chartData.Datasets = newDatasets; await lineChart.UpdateAsync(chartData, lineChartOptions); } private async Task AddDatasetAsync() { if (chartData is null || chartData.Datasets is null) return; var chartDataset = GetRandomLineChartDataset(); chartData = await lineChart.AddDatasetAsync(chartData, chartDataset, lineChartOptions); } private async Task AddDataAsync() { if (chartData is null || chartData.Datasets is null) return; var data = new List<IChartDatasetData>(); foreach (var dataset in chartData.Datasets) { if (dataset is LineChartDataset lineChartDataset) data.Add(new LineChartDatasetData(lineChartDataset.Label, random.Next(200))); } chartData = await lineChart.AddDataAsync(chartData, GetNextDataLabel(), data); } private async Task ShowHorizontalLineChartAsync() { lineChartOptions.IndexAxis = \"y\"; await lineChart.UpdateAsync(chartData, lineChartOptions); } private async Task ShowVerticalLineChartAsync() { lineChartOptions.IndexAxis = \"x\"; await lineChart.UpdateAsync(chartData, lineChartOptions); } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { datasets.Add(GetRandomLineChartDataset()); } return datasets; } private LineChartDataset GetRandomLineChartDataset() { var c = ColorBuilder.CategoricalTwelveColors[datasetsCount].ToColor(); datasetsCount += 1; return new LineChartDataset() { Label = $\"Team {datasetsCount}\", Data = GetRandomData(), BackgroundColor = new List<string> { c.ToRgbString() }, BorderColor = new List<string> { c.ToRgbString() }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { c.ToRgbString() }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < labelsCount; index++) { data.Add(random.Next(200)); } return data; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); } return labels; } private string GetNextDataLabel() { labelsCount += 1; return $\"Day {labelsCount}\"; } #endregion Data Preparation } Another example​ @using BlazorBootstrap.Extensions @using Color = System.Drawing.Color <LineChart @ref=\"lineChart\" Width=\"800\" Class=\"mb-4\" /> @code { private LineChart lineChart = default!; private LineChartOptions lineChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var colors = ColorBuilder.CategoricalTwelveColors; var labels = new List<string> { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; var datasets = new List<IChartDataset>(); var dataset1 = new LineChartDataset() { Label = \"Windows\", Data = new List<double> { 7265791, 5899643, 6317759, 6315641, 5338211, 8496306, 7568556, 8538933, 8274297, 8657298, 7548388, 7764845 }, BackgroundColor = new List<string> { colors[0] }, BorderColor = new List<string> { colors[0] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[0] }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; datasets.Add(dataset1); var dataset2 = new LineChartDataset() { Label = \"macOS\", Data = new List<double> { 1809499, 1816642, 2122410, 1809499, 1850793, 1846743, 1954797, 2391313, 1983430, 2469918, 2633303, 2821149 }, BackgroundColor = new List<string> { colors[1] }, BorderColor = new List<string> { colors[1] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[1] }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; datasets.Add(dataset2); var dataset3 = new LineChartDataset() { Label = \"Other\", Data = new List<double> { 1081241, 1100363, 1118136, 1073255, 1120315, 1395736, 1488788, 1489466, 1489947, 1414739, 1735811, 1820171 }, BackgroundColor = new List<string> { colors[2] }, BorderColor = new List<string> { colors[2] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[2] }, PointRadius = new List<int> { 0 }, // hide points PointHoverRadius = new List<int> { 4 }, }; datasets.Add(dataset3); chartData = new ChartData { Labels = labels, Datasets = datasets }; lineChartOptions = new(); lineChartOptions.Responsive = true; lineChartOptions.Interaction = new Interaction { Mode = InteractionMode.Index }; lineChartOptions.Scales.X.Title.Text = \"2019\"; lineChartOptions.Scales.X.Title.Display = true; lineChartOptions.Scales.Y.Title.Text = \"Visitors\"; lineChartOptions.Scales.Y.Title.Display = true; lineChartOptions.Plugins.Title.Text = \"Operating system\"; lineChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await lineChart.InitializeAsync(chartData, lineChartOptions); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Data labels​ <LineChart @ref=\"lineChart\" Width=\"800\" Class=\"mb-4\" /> @code { private LineChart lineChart = default!; private LineChartOptions lineChartOptions = default!; private ChartData chartData = default!; protected override void OnInitialized() { var colors = ColorBuilder.CategoricalTwelveColors; var labels = new List<string> { \"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\" }; var datasets = new List<IChartDataset>(); var dataset1 = new LineChartDataset { Label = \"Windows\", Data = new List<double> { 7265791, 5899643, 6317759, 6315641, 5338211, 8496306, 7568556, 8538933, 8274297, 8657298, 7548388, 7764845 }, BackgroundColor = new List<string> { colors[0] }, BorderColor = new List<string> { colors[0] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[0] }, PointRadius = new List<int> { 3 }, // show points PointHoverRadius = new List<int> { 4 }, // datalabels Datalabels = new() { Align = \"end\", Anchor = \"end\" } }; datasets.Add(dataset1); var dataset2 = new LineChartDataset { Label = \"macOS\", Data = new List<double> { 1809499, 1816642, 2122410, 1809499, 1850793, 1846743, 1954797, 2391313, 1983430, 2469918, 2633303, 2821149 }, BackgroundColor = new List<string> { colors[1] }, BorderColor = new List<string> { colors[1] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[1] }, PointRadius = new List<int> { 3 }, // show points PointHoverRadius = new List<int> { 4 }, // datalabels Datalabels = new() { Align = \"end\", Anchor = \"end\" } }; datasets.Add(dataset2); var dataset3 = new LineChartDataset { Label = \"Other\", Data = new List<double> { 1081241, 1100363, 1118136, 1073255, 1120315, 1395736, 1488788, 1489466, 1489947, 1414739, 1735811, 1820171 }, BackgroundColor = new List<string> { colors[2] }, BorderColor = new List<string> { colors[2] }, BorderWidth = new List<double> { 2 }, HoverBorderWidth = new List<double> { 4 }, PointBackgroundColor = new List<string> { colors[2] }, PointRadius = new List<int> { 3 }, // show points PointHoverRadius = new List<int> { 4 }, // datalabels Datalabels = new() { Align = \"start\", Anchor = \"start\" } }; datasets.Add(dataset3); chartData = new ChartData { Labels = labels, Datasets = datasets }; lineChartOptions = new(); lineChartOptions.Responsive = true; lineChartOptions.Interaction = new Interaction { Mode = InteractionMode.Index }; lineChartOptions.Scales.X.Title.Text = \"2019\"; lineChartOptions.Scales.X.Title.Display = true; lineChartOptions.Scales.Y.Title.Text = \"Visitors\"; lineChartOptions.Scales.Y.Title.Display = true; lineChartOptions.Plugins.Title.Text = \"Operating system\"; lineChartOptions.Plugins.Title.Display = true; // datalabels lineChartOptions.Plugins.Datalabels.Color = \"white\"; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { // pass the plugin name to enable the data labels await lineChart.InitializeAsync(chartData: chartData, chartOptions: lineChartOptions, plugins: new string[] { \"ChartDataLabels\" }); } await base.OnAfterRenderAsync(firstRender); } } See the demo here. Edit this page Previous Doughnut Chart Next Pie Chart Parameters Methods ChartData Members LineChartDataset Members LineChartDatasetDataLabels Members LineChartOptions Members Examples Prerequisites How it works Another example Data labels","s":"Blazor Line Chart","u":"/data-visualization/line-chart","h":"","p":619},{"i":622,"t":"Forms Auto Complete On this page Blazor Auto Complete Blazor Bootstrap autocomplete component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering. Parameters​ Name Type Default Required Description Added Version DataProvider AutoCompleteDataProviderDelegate<TItem> null ✔️ Gets or sets the data provider. 0.4.0 Disabled bool false Gets or sets the disabled state. 0.4.0 EmptyText string No records found. Gets or sets the empty text. 1.10.2 LoadingText string Loading... Gets or sets the loading text. 1.10.2 Placeholder string null Gets or sets the placeholder. 0.4.0 PropertyName string null ✔️ Gets or sets the property name. 0.4.0 Size AutoCompleteSize AutoCompleteSize.Default Gets or sets the autocomplete size. 0.4.0 StringComparison StringComparison StringComparison.OrdinalIgnoreCase Gets or sets the StringComparison. 0.4.1 StringFilterOperator StringFilterOperator StringFilterOperator.Contains Gets or sets the string filter operator. 0.4.1 Value string null Gets or sets the value. 0.4.0 ValueExpression expression null AutoComplete value expression. 0.4.0 Methods​ Name Returns Description Added Version Disable() void Disables autocomplete. 0.4.0 Enable() void Enables autocomplete. 0.4.0 RefreshDataAsync() Task Refresh the autocomplete data. 0.4.0 ResetAsync() Task Resets the autocomplete selection. 0.4.0 Events​ Name Description Added Version OnChanged This event fires immediately when the autocomplete selection changes by the user. 0.4.0 ValueChanged This event fires on every user keystroke that changes the textbox value. 0.4.0 Keyboard Navigation​ Blazor Bootstrap autocomplete component supports the following keyboard shortcuts to initiate various actions. Key Description Added Version Esc Closes the popup list when it is in an open state. 1.3.1 Up arrow Focuses on the previous item in the list. 1.3.1 Down arrow Focuses on the next item in the list. 1.3.1 Home Focuses on the first item in the list. 1.3.1 End Focuses on the last item in the list. 1.3.1 Enter Selects the currently focused item. 1.3.1 Examples​ Client side data​ <div class=\"row\"> <div class=\"col-md-5 col-sm-12\"> <AutoComplete @bind-Value=\"customerName\" TItem=\"Customer\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" OnChanged=\"(Customer customer) => OnAutoCompleteChanged(customer)\" /> </div> </div> @code { private string customerName; public IEnumerable<Customer> customers; private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request) { if (customers is null) // pull customers only one time for client-side autocomplete customers = GetCustomers(); // call a service or an API to pull the customers return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName))); } private IEnumerable<Customer> GetCustomers() { return new List<Customer> { new(1, \"Pich S\"), new(2, \"sfh Sobi\"), new(3, \"Jojo chan\"), new(4, \"Jee ja\"), new(5, \"Rose Canon\"), new(6, \"Manju A\"), new(7, \"Bandita PA\"), new(8, \"Sagar Adil\"), new(9, \"Isha Wang\"), new(10, \"Daina JJ\"), new(11, \"Komala Mug\"), new(12, \"Dikshita BD\"), new(13, \"Neha Gosar\"), new(14, \"Preeti S\"), new(15, \"Sagar Seth\"), new(16, \"Vinayak MM\"), new(17, \"Vijaya Lakhsmi\"), new(18, \"Jahan K\"), new(19, \"Joy B\"), new(20, \"Zaraiah C\"), new(21, \"Laura L\"), new(22, \"Punith ES\") }; } private void OnAutoCompleteChanged(Customer customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); } } public record Customer(int CustomerId, string CustomerName); See demo here Client side data with StringComparision​ In the below example, StringComparision.Ordinal is used to make the filter case-sensitive. info By default, StringComparison.OrdinalIgnoreCase is used to compare culture-agnostic and case-insensitive string matching. <div class=\"row\"> <div class=\"col-md-5 col-sm-12\"> <AutoComplete @bind-Value=\"customerName\" TItem=\"Customer\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" StringComparison=\"StringComparison.Ordinal\" OnChanged=\"(Customer customer) => OnAutoCompleteChanged(customer)\" /> </div> </div> @code { private string customerName; public IEnumerable<Customer> customers; private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request) { if (customers is null) // pull customers only one time for client-side autocomplete customers = GetCustomers(); // call a service or an API to pull the customers return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName))); } private IEnumerable<Customer> GetCustomers() { return new List<Customer> { new(1, \"Pich S\"), new(2, \"sfh Sobi\"), new(3, \"Jojo chan\"), new(4, \"Jee ja\"), new(5, \"Rose Canon\"), new(6, \"Manju A\"), new(7, \"Bandita PA\"), new(8, \"Sagar Adil\"), new(9, \"Isha Wang\"), new(10, \"Daina JJ\"), new(11, \"Komala Mug\"), new(12, \"Dikshita BD\"), new(13, \"Neha Gosar\"), new(14, \"Preeti S\"), new(15, \"Sagar Seth\"), new(16, \"Vinayak MM\"), new(17, \"Vijaya Lakhsmi\"), new(18, \"Jahan K\"), new(19, \"Joy B\"), new(20, \"Zaraiah C\"), new(21, \"Laura L\"), new(22, \"Punith ES\") }; } private void OnAutoCompleteChanged(Customer customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); } } public record Customer(int CustomerId, string CustomerName); See demo here Server side data​ <div class=\"row\"> <div class=\"col-md-5 col-sm-12\"> <AutoComplete @bind-Value=\"customerName\" TItem=\"Customer\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" OnChanged=\"(Customer customer) => OnAutoCompleteChanged(customer)\" /> </div> </div> @code { private string customerName; [Inject] ICustomerService _customerService { get; set; } private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request) { var customers = await _customerService.GetCustomers(request.Filter, request.CancellationToken); // API call return await Task.FromResult(new AutoCompleteDataProviderResult<Customer> { Data = customers, TotalCount = customers.Count() }); } private void OnAutoCompleteChanged(Customer customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); } } See demo here Set default value​ <div class=\"row\"> <div class=\"col-md-5 col-sm-12\"> <AutoComplete @bind-Value=\"customerName\" TItem=\"Customer\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" OnChanged=\"(Customer customer) => OnAutoCompleteChanged(customer)\" /> </div> </div> @code { private string customerName; public IEnumerable<Customer> customers; protected override void OnInitialized() { customerName = \"Pich S\"; } private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request) { if (customers is null) // pull customers only one time for client-side autocomplete customers = GetCustomers(); // call a service or an API to pull the customers return await Task.FromResult(request.ApplyTo(customers.OrderBy(customer => customer.CustomerName))); } private IEnumerable<Customer> GetCustomers() { return new List<Customer> { new(1, \"Pich S\"), new(2, \"sfh Sobi\"), new(3, \"Jojo chan\"), new(4, \"Jee ja\"), new(5, \"Rose Canon\"), new(6, \"Manju A\"), new(7, \"Bandita PA\"), new(8, \"Sagar Adil\"), new(9, \"Isha Wang\"), new(10, \"Daina JJ\"), new(11, \"Komala Mug\"), new(12, \"Dikshita BD\"), new(13, \"Neha Gosar\"), new(14, \"Preeti S\"), new(15, \"Sagar Seth\"), new(16, \"Vinayak MM\"), new(17, \"Vijaya Lakhsmi\"), new(18, \"Jahan K\"), new(19, \"Joy B\"), new(20, \"Zaraiah C\"), new(21, \"Laura L\"), new(22, \"Punith ES\") }; } private void OnAutoCompleteChanged(Customer customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); } } See demo here Validations​ @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@_editContext\" OnValidSubmit=\"HandleOnValidSubmit\"> <DataAnnotationsValidator /> <div class=\"form-group row mb-2\"> <label for=\"supplier\" class=\"col-md-2 col-form-label\">Customer:</label> <div class=\"col-md-10\"> <AutoComplete @bind-Value=\"customerAddress.CustomerName\" TItem=\"Customer\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" OnChanged=\"(Customer customer) => OnAutoCompleteChanged(customer)\" /> <ValidationMessage For=\"@(() => customerAddress.CustomerName)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label for=\"name\" class=\"col-md-2 col-form-label\">Address:</label> <div class=\"col-md-10\"> <InputText id=\"name\" class=\"form-control\" @bind-Value=\"customerAddress.Address\" /> <ValidationMessage For=\"@(() => customerAddress.Address)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <button type=\"submit\" class=\"btn btn-success float-right\">Submit</button> </div> </div> </EditForm> @code { private CustomerAddress customerAddress = new(); private EditContext _editContext; [Inject] ICustomerService _customerService { get; set; } protected override void OnInitialized() { _editContext = new EditContext(customerAddress); base.OnInitialized(); } public void HandleOnValidSubmit() { Console.WriteLine($\"Customer name is {customerAddress.CustomerName} and address is {customerAddress.Address}\"); } private async Task<AutoCompleteDataProviderResult<Customer>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer> request) { var customers = await _customerService.GetCustomers(request.Filter); // API call return await Task.FromResult(new AutoCompleteDataProviderResult<Customer> { Data = customers, TotalCount = customers.Count() }); } private void OnAutoCompleteChanged(Customer customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); Console.WriteLine($\"Data null: {customer is null}.\"); } public class CustomerAddress { [Required] public string CustomerName { get; set; } [Required] public string Address { get; set; } } } See demo here Disable​ Use the Disabled parameter to disable the AutoComplete. <div class=\"row mb-3\"> <div class=\"col-md-5 col-sm-12\"> <AutoComplete @bind-Value=\"customerName\" TItem=\"Customer2\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" Disabled=\"@disabled\" OnChanged=\"(Customer2 customer) => OnAutoCompleteChanged(customer)\" /> </div> </div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private string customerName = default!; private bool disabled = true; [Inject] ICustomerService _customerService { get; set; } = default!; private async Task<AutoCompleteDataProviderResult<Customer2>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer2> request) { var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call return await Task.FromResult(new AutoCompleteDataProviderResult<Customer2> { Data = customers, TotalCount = customers.Count() }); } private void OnAutoCompleteChanged(Customer2 customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); } private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the AutoComplete. NOTE Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"row mb-3\"> <div class=\"col-md-5 col-sm-12\"> <AutoComplete @ref=\"autoComplete1\" @bind-Value=\"customerName\" TItem=\"Customer2\" DataProvider=\"CustomersDataProvider\" PropertyName=\"CustomerName\" Placeholder=\"Search a customer...\" OnChanged=\"(Customer2 customer) => OnAutoCompleteChanged(customer)\" /> </div> </div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private AutoComplete<Customer2> autoComplete1 = default!; private string customerName = default!; [Inject] ICustomerService _customerService { get; set; } = default!; private async Task<AutoCompleteDataProviderResult<Customer2>> CustomersDataProvider(AutoCompleteDataProviderRequest<Customer2> request) { var customers = await _customerService.GetCustomersAsync(request.Filter, request.CancellationToken); // API call return await Task.FromResult(new AutoCompleteDataProviderResult<Customer2> { Data = customers, TotalCount = customers.Count() }); } private void OnAutoCompleteChanged(Customer2 customer) { // TODO: handle your own logic // NOTE: do null check Console.WriteLine($\"'{customer?.CustomerName}' selected.\"); } private void Disable() => autoComplete1.Disable(); private void Enable() => autoComplete1.Enable(); } See demo here Edit this page Previous Images Next Currency Input Parameters Methods Events Keyboard Navigation Examples Client side data Client side data with StringComparision Server side data Set default value Validations Disable","s":"Blazor Auto Complete","u":"/forms/autocomplete","h":"","p":621},{"i":624,"t":"Data Visualization Pie Chart On this page Blazor Pie Chart A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories. Parameters​ Name Type Default Required Description Added Version Height int? null Gets or sets chart container height. 1.0.0 HeightUnit Unit Unit.Px Gets or sets chart container height unit of measure. 1.0.0 Width int? null Gets or sets chart container width. 1.0.0 WidthUnit Unit Unit.Px Gets or sets chart container width unit of measure. 1.0.0 Methods​ Name Return type Description Added Version AddDataAsync(ChartData chartData, string dataLabel, IChartDatasetData data) Task<ChartData> Adds data to chart. 1.10.0 AddDataAsync(ChartData chartData, string dataLabel, List<IChartDatasetData> data) Task<ChartData> Adds dataset to chart. 1.10.0 AddDatasetAsync(ChartData chartData, IChartDataset chartDataset, IChartOptions chartOptions) Task<ChartData> Adds dataset to chart. 1.10.0 InitializeAsync(ChartData chartData, IChartOptions chartOptions, string[]? plugins = null) Task Initialize the chat. 1.0.0 ResizeAsync(int width, int height, Unit widthUnit = Unit.Px, Unit heightUnit = Unit.Px) Task Resize the chart. 1.0.0 UpdateAsync(ChartData chartData, IChartOptions chartOptions) Task Update the chart. 1.0.0 ChartData Members​ Property Name Type Default Required Description Added Version Labels List<string> null ✔️ Gets or sets the Labels. 1.0.0 Datasets List<IChartDataset> null ✔️ Gets or sets the Datasets. 1.0.0 PieChartDataset Members​ info PieChartDataset implements IChartDataset. Property Name Type Default Required Description Added Version BackgroundColor List<string> null Get or sets the BackgroundColor. 1.0.0 BorderColor List<string> null Get or sets the BorderColor. 1.0.0 BorderWidth List<double> null Get or sets the BorderWidth. 1.0.0 Clip string null How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0} 1.0.0 Data List<double> null Get or sets the Data. 1.0.0 Datalabels PieChartDatasetDataLabels Get or sets the data labels Hidden bool false Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart. 1.0.0 HoverBackgroundColor List<string> null ✔️ Get or sets the HoverBackgroundColor. 1.0.0 HoverBorderColor List<string> null ✔️ Get or sets the HoverBorderColor. 1.0.0 HoverBorderWidth List<double> null ✔️ Get or sets the HoverBorderWidth. 1.0.0 Type string null ✔️ Get or sets the chart type. 1.0.0 PieChartDatasetDataLabels Members​ Property Name Type Default Required Description Added Version Anchor string? center Gets or sets the anchor. 1.10.2 BorderWidth double? 2 Gets or sets the border width. 1.10.2 PieChartOptions Members​ info PieChartOptions implements ChartOptions. Property Name Type Default Required Description Added Version Locale string? Gets or sets the locale. By default, the chart is using the default locale of the platform which is running on. 1.10.0 Plugins PieChartPlugins Gets or sets the Plugins. 1.10.2 Responsive bool false Gets or sets the Responsive. 1.0.0 Examples​ Prerequisites​ Refer to the getting started guide for setting up charts. How it works​ In the following example, a categorical 12-color palette is used. tip For data visualization, you can use the predefined palettes ColorBuilder.CategoricalTwelveColors for a 12-color palette and ColorBuilder.CategoricalSixColors for a 6-color palette. These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations. <PieChart @ref=\"pieChart\" Width=\"500\" Class=\"mb-5\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await RandomizeAsync()\"> Randomize </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDatasetAsync()\"> Add Dataset </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDataAsync()\">Add Data</Button> @code { private PieChart pieChart = default!; private PieChartOptions pieChartOptions = default!; private ChartData chartData = default!; private string[]? backgroundColors; private int datasetsCount = 0; private int dataLabelsCount = 0; private Random random = new(); protected override void OnInitialized() { backgroundColors = ColorBuilder.CategoricalTwelveColors; chartData = new ChartData { Labels = GetDefaultDataLabels(4), Datasets = GetDefaultDataSets(1) }; pieChartOptions = new(); pieChartOptions.Responsive = true; pieChartOptions.Plugins.Title.Text = \"2022 - Sales\"; pieChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await pieChart.InitializeAsync(chartData, pieChartOptions); } await base.OnAfterRenderAsync(firstRender); } private async Task RandomizeAsync() { if (chartData is null || chartData.Datasets is null || !chartData.Datasets.Any()) return; var newDatasets = new List<IChartDataset>(); foreach (var dataset in chartData.Datasets) { if (dataset is PieChartDataset pieChartDataset && pieChartDataset is not null && pieChartDataset.Data is not null) { var count = pieChartDataset.Data.Count; var newData = new List<double>(); for (var i = 0; i < count; i++) { newData.Add(random.Next(0, 100)); } pieChartDataset.Data = newData; newDatasets.Add(pieChartDataset); } } chartData.Datasets = newDatasets; await pieChart.UpdateAsync(chartData, pieChartOptions); } private async Task AddDatasetAsync() { if (chartData is null || chartData.Datasets is null) return; var chartDataset = GetRandomPieChartDataset(); chartData = await pieChart.AddDatasetAsync(chartData, chartDataset, pieChartOptions); } private async Task AddDataAsync() { if (dataLabelsCount >= 12) return; if (chartData is null || chartData.Datasets is null) return; var data = new List<IChartDatasetData>(); foreach (var dataset in chartData.Datasets) { if (dataset is PieChartDataset pieChartDataset) data.Add(new PieChartDatasetData(pieChartDataset.Label, random.Next(0, 100), backgroundColors![dataLabelsCount])); } chartData = await pieChart.AddDataAsync(chartData, GetNextDataLabel(), data); dataLabelsCount += 1; } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { datasets.Add(GetRandomPieChartDataset()); } return datasets; } private PieChartDataset GetRandomPieChartDataset() { datasetsCount += 1; return new() { Label = $\"Team {datasetsCount}\", Data = GetRandomData(), BackgroundColor = GetRandomBackgroundColors() }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List<string> GetRandomBackgroundColors() { var colors = new List<string>(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); dataLabelsCount += 1; } return labels; } private string GetNextDataLabel() => $\"Product {dataLabelsCount + 1}\"; private string GetNextDataBackgrounfColor() => backgroundColors![dataLabelsCount]; #endregion Data Preparation } See the demo here. Data labels​ <PieChart @ref=\"pieChart\" Width=\"500\" Class=\"mb-5\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await RandomizeAsync()\"> Randomize </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"async () => await AddDataAsync()\">Add Data</Button> @code { private PieChart pieChart = default!; private PieChartOptions pieChartOptions = default!; private ChartData chartData = default!; private string[]? backgroundColors; private int datasetsCount = 0; private int dataLabelsCount = 0; private Random random = new(); protected override void OnInitialized() { backgroundColors = ColorBuilder.CategoricalTwelveColors; chartData = new ChartData { Labels = GetDefaultDataLabels(4), Datasets = GetDefaultDataSets(3) }; pieChartOptions = new(); pieChartOptions.Responsive = true; pieChartOptions.Plugins.Title.Text = \"2022 - Sales\"; pieChartOptions.Plugins.Title.Display = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { // pass the plugin name to enable the data labels await pieChart.InitializeAsync(chartData: chartData, chartOptions: pieChartOptions, plugins: new string[] { \"ChartDataLabels\" }); } await base.OnAfterRenderAsync(firstRender); } private async Task RandomizeAsync() { if (chartData is null || chartData.Datasets is null || !chartData.Datasets.Any()) return; var newDatasets = new List<IChartDataset>(); foreach (var dataset in chartData.Datasets) { if (dataset is PieChartDataset pieChartDataset && pieChartDataset is not null && pieChartDataset.Data is not null) { var count = pieChartDataset.Data.Count; var newData = new List<double>(); for (var i = 0; i < count; i++) { newData.Add(random.Next(0, 100)); } pieChartDataset.Data = newData; newDatasets.Add(pieChartDataset); } } chartData.Datasets = newDatasets; await pieChart.UpdateAsync(chartData, pieChartOptions); } private async Task AddDataAsync() { if (dataLabelsCount >= 12) return; if (chartData is null || chartData.Datasets is null) return; var data = new List<IChartDatasetData>(); foreach (var dataset in chartData.Datasets) { if (dataset is PieChartDataset pieChartDataset) data.Add(new PieChartDatasetData(pieChartDataset.Label, random.Next(0, 100), backgroundColors![dataLabelsCount])); } chartData = await pieChart.AddDataAsync(chartData, GetNextDataLabel(), data); dataLabelsCount += 1; } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { var dataset = GetRandomPieChartDataset(); if (index == 0) dataset.Datalabels.Anchor = \"end\"; else if (index == numberOfDatasets - 1) dataset.Datalabels.Anchor = \"end\"; else dataset.Datalabels.Anchor = \"center\"; datasets.Add(dataset); } return datasets; } private PieChartDataset GetRandomPieChartDataset() { datasetsCount += 1; return new() { Label = $\"Team {datasetsCount}\", Data = GetRandomData(), BackgroundColor = GetRandomBackgroundColors() }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List<string> GetRandomBackgroundColors() { var colors = new List<string>(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); dataLabelsCount += 1; } return labels; } private string GetNextDataLabel() => $\"Product {dataLabelsCount + 1}\"; private string GetNextDataBackgrounfColor() => backgroundColors![dataLabelsCount]; #endregion Data Preparation } See the demo here. Change legend position​ This sample demonstrates how to change the position of the chart legend. <PieChart @ref=\"pieChart\" Width=\"500\" Class=\"mb-5\" /> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"PositionTopAsync\"> Position: top </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"PositionRightAsync\"> Position: right </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"PositionBottomAsync\"> Position: bottom </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"PositionLeftAsync\"> Position: left </Button> @code { private PieChart pieChart = default!; private PieChartOptions pieChartOptions = default!; private ChartData chartData = default!; private string[]? backgroundColors; private int datasetsCount = 0; private int dataLabelsCount = 0; private Random random = new(); protected override void OnInitialized() { backgroundColors = ColorBuilder.CategoricalTwelveColors; chartData = new ChartData { Labels = GetDefaultDataLabels(4), Datasets = GetDefaultDataSets(1) }; pieChartOptions = new(); pieChartOptions.Responsive = true; pieChartOptions.Plugins.Title.Text = \"2022 - Sales\"; pieChartOptions.Plugins.Title.Display = true; pieChartOptions.Plugins.Legend.Position = \"right\"; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await pieChart.InitializeAsync(chartData, pieChartOptions); } await base.OnAfterRenderAsync(firstRender); } private async Task PositionTopAsync() => await UpdatePositionAsync(\"top\"); private async Task PositionRightAsync() => await UpdatePositionAsync(\"right\"); private async Task PositionBottomAsync() => await UpdatePositionAsync(\"bottom\"); private async Task PositionLeftAsync() => await UpdatePositionAsync(\"left\"); private async Task UpdatePositionAsync(string position) { pieChartOptions.Plugins.Legend.Position = position; await pieChart.UpdateAsync(chartData, pieChartOptions); } #region Data Preparation private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets) { var datasets = new List<IChartDataset>(); for (var index = 0; index < numberOfDatasets; index++) { datasets.Add(GetRandomPieChartDataset()); } return datasets; } private PieChartDataset GetRandomPieChartDataset() { datasetsCount += 1; return new() { Label = $\"Team {datasetsCount}\", Data = GetRandomData(), BackgroundColor = GetRandomBackgroundColors() }; } private List<double> GetRandomData() { var data = new List<double>(); for (var index = 0; index < dataLabelsCount; index++) { data.Add(random.Next(0, 100)); } return data; } private List<string> GetRandomBackgroundColors() { var colors = new List<string>(); for (var index = 0; index < dataLabelsCount; index++) { colors.Add(backgroundColors![index]); } return colors; } private List<string> GetDefaultDataLabels(int numberOfLabels) { var labels = new List<string>(); for (var index = 0; index < numberOfLabels; index++) { labels.Add(GetNextDataLabel()); dataLabelsCount += 1; } return labels; } private string GetNextDataLabel() => $\"Product {dataLabelsCount + 1}\"; private string GetNextDataBackgrounfColor() => backgroundColors![dataLabelsCount]; #endregion Data Preparation } See the demo here. Edit this page Previous Line Chart Next Modal Service Parameters Methods ChartData Members PieChartDataset Members PieChartDatasetDataLabels Members PieChartOptions Members Examples Prerequisites How it works Data labels Change legend position","s":"Blazor Pie Chart","u":"/data-visualization/pie-chart","h":"","p":623},{"i":626,"t":"Forms Number Input On this page Blazor Number Input Blazor Bootstrap NumberInput component is built around HTML input of type=\"number\" that prevents the user input based on the parameters set. Parameters​ Name Type Default Required Description Added Version AllowNegativeNumbers bool false If true, allows negative numbers. 1.0.0 AutoComplete bool false If true, NumberInput can complete the values automatically by the browser. 1.0.0 Disabled bool false Gets or sets the disabled state. 1.0.0 EnableMinMax bool false Determines whether to restrict the user input to Min and Max range. If true, restricts the user input between the Min and Max range. Else accepts the user input. 1.0.0 Locale string en-US ✔️ Gets or sets the locale. 1.0.0 Max TValue Gets or sets the max. Max ignored if EnableMinMax=\"false\". 1.0.0 Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". 1.0.0 Placeholder string? null Gets or sets the placeholder. 1.0.0 Step double? null Gets or sets the step. 1.0.0 TextAlignment Alignment Alignment.None Gets or sets the text alignment. 1.0.0 Value TValue Gets or sets the value. 1.0.0 Methods​ Name Description Disable() Disables number input. Enable() Enables number input. Events​ Name Description ValueChanged This event fired on every user keystroke that changes the NumberInput value. Examples​ Basic usage​ By default, e + - are blocked. For all integral numeric types, dot . is blocked. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"int\" @bind-Value=\"@amount\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount</div> @code { private int amount; } See demo here Generic type​ NumberInput is a generic component. Always specify the exact type. In the below example TValue is set to int, int?, float, float?, double, double?, decimal, and decimal?. <div class=\"mb-3\"> <label class=\"form-label\">Enter int number</label> <NumberInput TValue=\"int\" @bind-Value=\"@amount\" /> <div class=\"mt-1\">Entered Number: @amount</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter int? number</label> <NumberInput TValue=\"int?\" @bind-Value=\"@amount2\" /> <div class=\"mt-1\">Entered Number: @amount2</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter float number</label> <NumberInput TValue=\"float\" @bind-Value=\"@amount3\" /> <div class=\"mt-1\">Entered Number: @amount3</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter float? number</label> <NumberInput TValue=\"float?\" @bind-Value=\"@amount4\" /> <div class=\"mt-1\">Entered Number: @amount4</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter double number</label> <NumberInput TValue=\"double\" @bind-Value=\"@amount5\" /> <div class=\"mt-1\">Entered Number: @amount5</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter double? number</label> <NumberInput TValue=\"double?\" @bind-Value=\"@amount6\" /> <div class=\"mt-1\">Entered Number: @amount6</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter decimal number</label> <NumberInput TValue=\"decimal\" @bind-Value=\"@amount7\" /> <div class=\"mt-1\">Entered Number: @amount7</div> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter decimal? number</label> <NumberInput TValue=\"decimal?\" @bind-Value=\"@amount8\" /> <div class=\"mt-1\">Entered Number: @amount8</div> </div> @code { private int amount; private int? amount2; private float amount3; private float? amount4; private double amount5; private double? amount6; private decimal amount7; private decimal? amount8; } See demo here Enable min and max​ Set EnableMinMax=\"true\" and set the Min and Max parameters to restrict the user input between the Min and Max range. NOTE If the user tries to enter a number in the NumberInput field which is out of range, then it will override with Min or Max value based on the context. If the user input is less than the Min value, then it will override with the Min value. If the user input exceeds the Max value, it will override with the Max value. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"decimal?\" @bind-Value=\"@amount\" EnableMinMax=\"true\" Min=\"10\" Max=\"500\" Placeholder=\"Enter amount\" /> <span class=\"form-text\">Tip: The amount must be between 10 and 500.</span> </div> <div class=\"mb-3\">Entered Amount: @amount</div> @code { private decimal? amount; } See demo here Step​ The Step sets the stepping interval when clicking the up and down spinner buttons. If not explicitly included, Step defaults to 1. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"int?\" @bind-Value=\"@amount\" Step=\"10\" Placeholder=\"Enter amount\" /> <span class=\"form-text\">Info: Here <code>Step</code> parameter is set to <b>10</b>.</span> </div> <div class=\"mb-3\">Entered Amount: @amount</div> <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"decimal?\" @bind-Value=\"@amount2\" Step=\"2.5\" Placeholder=\"Enter amount\" /> <span class=\"form-text\">Info: Here <code>Step</code> parameter is set to <b>2.5</b>.</span> </div> <div class=\"mb-3\">Entered Amount: @amount2</div> @code { private int? amount; private decimal? amount2; } See demo here Text alignment​ You can change the text alignment according to your need. Use the TextAlignment parameter to set the alignment. In the below example, alignment is set to center and end. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"int\" @bind-Value=\"@amount\" TextAlignment=\"Alignment.Center\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount</div> <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"decimal\" @bind-Value=\"@amount2\" TextAlignment=\"Alignment.End\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount2</div> @code { private int amount; private decimal amount2 = 2.34M; } See demo here Allow negative numbers​ By default, negative numbers are not allowed. Set the AllowNegativeNumbers parameter to true to allow the negative numbers. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"int\" @bind-Value=\"@amount\" AllowNegativeNumbers=\"true\" Placeholder=\"Enter amount\" /> <span class=\"form-text\">Tip: Negative numbers are also allowed.</span> </div> <div class=\"mb-3\">Entered Amount: @amount</div> @code { private int amount; } See demo here Disable​ Use the Disabled parameter to disable the NumberInput. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput TValue=\"int?\" @bind-Value=\"@amount\" Disabled=\"@disabled\" Placeholder=\"Enter amount\" /> </div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private int? amount; private bool disabled = true; private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the NumberInput. NOTE Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <NumberInput @ref=\"numberInput\" TValue=\"int?\" @bind-Value=\"@amount\" Placeholder=\"Enter amount\" /> </div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private NumberInput<int?> numberInput = default!; private int? amount; private void Disable() => numberInput.Disable(); private void Enable() => numberInput.Enable(); } See demo here Validations​ Like any other blazor input component, NumberInput supports validations. Add the DataAnnotations on the NumberInput component to validate the user input before submitting the form. In the below example, we used Required and Range attributes. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleOnValidSubmit\"> <DataAnnotationsValidator /> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Item Price: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <NumberInput TValue=\"decimal?\" Value=\"invoice.Price\" ValueExpression=\"() => invoice.Price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> <ValidationMessage For=\"@(() => invoice.Price)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Item Discount:</label> <div class=\"col-md-10\"> <NumberInput TValue=\"decimal?\" Value=\"invoice.Discount\" ValueExpression=\"() => invoice.Discount\" ValueChanged=\"(value) => DiscountChanged(value)\" Placeholder=\"Enter discount\" /> <ValidationMessage For=\"@(() => invoice.Discount)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Total Amount: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <NumberInput TValue=\"decimal?\" @bind-Value=\"invoice.Total\" Disabled=\"true\" Placeholder=\"Enter total\" /> <ValidationMessage For=\"@(() => invoice.Total)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> @code { private Invoice invoice = new(); private EditContext editContext; protected override void OnInitialized() { editContext = new EditContext(invoice); base.OnInitialized(); } protected override void OnParametersSet() { CalculateToatl(); base.OnParametersSet(); } private void PriceChanged(decimal? value) { invoice.Price = value; CalculateToatl(); } private void DiscountChanged(decimal? value) { invoice.Discount = value; CalculateToatl(); } private void CalculateToatl() { var price = invoice.Price.HasValue ? invoice.Price.Value : 0; var discount = invoice.Discount.HasValue ? invoice.Discount.Value : 0; invoice.Total = price - discount; } public void HandleOnValidSubmit() { Console.WriteLine($\"Price: {invoice.Price}\"); Console.WriteLine($\"Discount: {invoice.Discount}\"); Console.WriteLine($\"Total: {invoice.Total}\"); } private void ResetForm() { invoice = new(); editContext = new EditContext(invoice); } public class Invoice { [Required(ErrorMessage = \"Price required.\")] [Range(60, 500, ErrorMessage = \"Price should be between 60 and 500.\")] public decimal? Price { get; set; } = 232M; [Range(0, 50, ErrorMessage = \"Discount should be between 0 and 50.\")] public decimal? Discount { get; set; } [Required(ErrorMessage = \"Amount required.\")] [Range(10, 500, ErrorMessage = \"Total should be between 60 and 500.\")] public decimal? Total { get; set; } } } See demo here Events: ValueChanged​ This event fires on every user keystroke that changes the NumberInput value. <div class=\"row mb-3\"> <label class=\"col-md-2 col-form-label\">Item Price: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <NumberInput TValue=\"decimal?\" Value=\"price\" ValueExpression=\"() => price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> </div> </div> <div> @displayPrice </div> @code { private decimal? price = 10M; private string displayPrice; private void PriceChanged(decimal? value) { price = value; // this is mandatory displayPrice = $\"Price: {value}, changed at {DateTime.Now.ToLocalTime()}.\"; } } See demo here Edit this page Previous Date Input Next Range Input Parameters Methods Events Examples Basic usage Generic type Enable min and max Step Text alignment Allow negative numbers Disable Validations Events: ValueChanged","s":"Blazor Number Input","u":"/forms/number-input","h":"","p":625},{"i":628,"t":"Forms Date Input On this page Blazor Date Input Blazor Bootstrap DateInput component is constructed using an HTML input of type=\"date\" which limits user input based on pre-defined parameters. This component enables users to input a date using a text box with validation or a special date picker interface. Parameters​ Name Type Default Required Description Added Version AutoComplete bool false If true, DateInput can complete the values automatically by the browser. 1.5.0 Disabled bool false Gets or sets the disabled state. 1.5.0 EnableMinMax bool false Determines whether to restrict the user input to Min and Max range. If true, restricts the user input between the Min and Max range. Else accepts the user input. 1.5.0 Max TValue Gets or sets the max. Max ignored if EnableMinMax=\"false\". Allowed format is yyyy-mm-dd. 1.5.0 Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". Allowed format is yyyy-mm-dd. 1.5.0 Placeholder string? null Gets or sets the placeholder. 1.5.0 Value TValue Gets or sets the value. 1.5.0 ValueExpression Expression<Func<TValue>> Gets or sets the expression 1.6.0 Methods​ Name Description Added Version Disable Disables date input. 1.5.0 Enable Enables date input. 1.5.0 Events​ Name Description ValueChanged This event fired on every user keystroke that changes the DateInput value. Examples​ Basic usage​ NOTE The input UI generally varies from browser to browser. In unsupported browsers, the control degrades gracefully to type=\"text\". <div class=\"mb-3\"> <DateInput TValue=\"DateOnly\" @bind-Value=\"@date1\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date1</div> @code { private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now.AddDays(1)); } See demo here Generic type​ The Blazor Bootstrap DateInput component supports several data types: DateOnly, DateOnly?, DateTime, and DateTime?. This allows flexible component usage to accommodate various data types in Blazor applications. In the below example, TValue is set to DateOnly, DateOnly?, DateTime, and DateTime?. <div class=\"mb-3\"> <strong>DateOnly</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateOnly\" @bind-Value=\"@date1\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date1</div> <div class=\"mb-3\"> <strong>DateOnly?</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateOnly?\" @bind-Value=\"@date2\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date2</div> <div class=\"mb-3\"> <strong>DateTime</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateTime\" @bind-Value=\"@date3\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date3</div> <div class=\"mb-3\"> <strong>DateTime?</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateTime?\" @bind-Value=\"@date4\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date4</div> @code { private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now.AddMonths(3)); private DateOnly? date2; private DateTime date3 = DateTime.Now.AddMonths(3); private DateTime? date4; } See demo here Enable min and max​ Set EnableMinMax=\"true\" and set the Min and Max parameters to restrict the user input between the Min and Max range. NOTE If the user tries to enter a number in the DateInput field which is out of range, then it will override with Min or Max value based on the context. If the user input is less than the Min value, then it will override with the Min value. If the user input exceeds the Max value, it will override with the Max value. <div class=\"mb-3\"> <strong>DateOnly</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateOnly\" @bind-Value=\"@date1\" EnableMinMax=\"true\" Min=\"@min1\" Max=\"@max1\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Min date: @min1</div> <div class=\"mb-3\">Max date: @max1</div> <div class=\"mb-3\">Entered date: @date1</div> <div class=\"mb-3\"> <strong>DateOnly?</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateOnly?\" @bind-Value=\"@date2\" EnableMinMax=\"true\" Min=\"@min2\" Max=\"@max2\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Min date: @min2</div> <div class=\"mb-3\">Max date: @max2</div> <div class=\"mb-3\">Entered date: @date2</div> <div class=\"mb-3\"> <strong>DateTime</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateTime\" @bind-Value=\"@date3\" EnableMinMax=\"true\" Min=\"@min3\" Max=\"@max3\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Min date: @min3</div> <div class=\"mb-3\">Max date: @max3</div> <div class=\"mb-3\">Entered date: @date3</div> <div class=\"mb-3\"> <strong>DateTime?</strong>: </div> <div class=\"mb-3\"> <DateInput TValue=\"DateTime?\" @bind-Value=\"@date4\" EnableMinMax=\"true\" Min=\"@min4\" Max=\"@max4\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Min date: @min4</div> <div class=\"mb-3\">Max date: @max4</div> <div class=\"mb-3\">Entered date: @date4</div> @code { private DateTime date = DateTime.Now.AddMonths(3); private DateTime min = DateTime.Now.AddMonths(-1); private DateTime max = DateTime.Now.AddYears(1); private DateOnly date1, min1, max1; private DateOnly? date2, min2, max2; private DateTime date3, min3, max3; private DateTime? date4, min4, max4; protected override void OnInitialized() { date1 = DateOnly.FromDateTime(date); min1 = DateOnly.FromDateTime(min); max1 = DateOnly.FromDateTime(max); date2 = null; min2 = DateOnly.FromDateTime(min); max2 = DateOnly.FromDateTime(max); date3 = DateTime.Now.AddMonths(3); min3 = min; max3 = max; date4 = null; min4 = min; max4 = max; } } See demo here Disable​ Use the Disabled parameter to disable the DateInput. <div class=\"mb-3\"> <DateInput TValue=\"DateOnly\" @bind-Value=\"@date1\" Disabled=\"@disabled\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date1</div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now); private bool disabled = true; private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the DateInput. NOTE Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"mb-3\"> <DateInput @ref=\"dateInput\" TValue=\"DateOnly\" @bind-Value=\"@date1\" Placeholder=\"Enter Date\" /> </div> <div class=\"mb-3\">Entered date: @date1</div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private DateInput<DateOnly> dateInput = default!; private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now); private void Disable() => dateInput.Disable(); private void Enable() => dateInput.Enable(); } See demo here Validations​ Like any other blazor input component, DateInput component supports validations. Use the Use the DataAnnotations to validate the user input before submitting the form. In the below example, we used the Required attributes. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleOnValidSubmit\"> <DataAnnotationsValidator /> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Invoice Date: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <DateInput TValue=\"DateOnly?\" @bind-Value=\"invoice.InvoiceDate\" /> <ValidationMessage For=\"@(() => invoice.InvoiceDate)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Customer Name: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <InputText class=\"form-control\" @bind-Value=\"invoice.CustomerName\" Placeholder=\"Enter Customer Name\" /> <ValidationMessage For=\"@(() => invoice.CustomerName)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> @code { private Invoice invoice = new(); private EditContext editContext; protected override void OnInitialized() { editContext = new EditContext(invoice); base.OnInitialized(); } public void HandleOnValidSubmit() { Console.WriteLine($\"Invoice Date: {invoice.InvoiceDate}\"); Console.WriteLine($\"Customer Name: {invoice.CustomerName}\"); } private void ResetForm() { invoice = new(); editContext = new EditContext(invoice); } public class Invoice { [Required(ErrorMessage = \"Invoice Date required.\")] public DateOnly? InvoiceDate { get; set; } [Required(ErrorMessage = \"Customer Name required.\")] public string CustomerName { get; set; } } } See demo here Events: ValueChanged​ This event fires on every user keystroke/selection that changes the DateInput value. <div class=\"mb-3\"> <DateInput TValue=\"DateOnly\" Value=\"date1\" ValueExpression=\"() => date1\" ValueChanged=\"(value) => DateChanged(value)\" /> </div> <div class=\"mb-3\">Changed date: @date1</div> @code { private DateOnly date1 = DateOnly.FromDateTime(DateTime.Now); private void DateChanged(DateOnly dateOnly) { date1 = dateOnly; } } See demo here Restrict the date field based on the entry in another date field​ One common scenario is that the date fields are restricted based on the entry in another date field. In the example below, we restrict the course end time based on the selection of course start date. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleValidSubmit\" novalidate> <DataAnnotationsValidator /> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Course Name: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <InputText class=\"form-control\" @bind-Value=\"onlineCourseForm.CourseName\" /> <ValidationMessage For=\"@(() => onlineCourseForm.CourseName)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Start Date: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <DateInput TValue=\"DateTime?\" Value=\"onlineCourseForm.StartDate\" ValueExpression=\"() => onlineCourseForm.StartDate\" ValueChanged=\"(value) => StartDateChanged(value)\" /> <ValidationMessage For=\"@(() => onlineCourseForm.StartDate)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">End Date: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <DateInput @ref=\"endDateInput\" TValue=\"DateTime?\" @bind-Value=\"onlineCourseForm.EndDate\" EnableMinMax=\"true\" Min=\"courseMinDate\" Max=\"courseMaxDate\" Disabled=\"true\" /> <ValidationMessage For=\"@(() => onlineCourseForm.EndDate)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> @code { DateInput<DateTime?> endDateInput = default!; private OnlineCourseForm onlineCourseForm = new(); private EditContext editContext; private DateTime? courseMinDate; private DateTime? courseMaxDate; [Inject] ToastService _toastService { get; set; } protected override void OnInitialized() { editContext = new EditContext(onlineCourseForm); base.OnInitialized(); } private void StartDateChanged(DateTime? startDate) { if (startDate is null || !startDate.HasValue) { onlineCourseForm.StartDate = null; onlineCourseForm.EndDate = null; courseMinDate = null; courseMaxDate = null; endDateInput.Disable(); return; } onlineCourseForm.StartDate = startDate; onlineCourseForm.EndDate = null; courseMinDate = startDate.Value; courseMaxDate = startDate.Value.AddDays(5); endDateInput.Enable(); } public void HandleValidSubmit() { var toastMessage = new ToastMessage ( type: ToastType.Success, iconName: IconName.Check2All, title: \"Success!\", helpText: $\"{DateTime.Now.ToLocalTime()}\", message: \"Online course schedule created.\" ); _toastService.Notify(toastMessage); } private void ResetForm() { onlineCourseForm = new(); editContext = new EditContext(onlineCourseForm); } public class OnlineCourseForm { [Required(ErrorMessage = \"Course Name required.\")] public string CourseName { get; set; } [Required(ErrorMessage = \"Start Date required.\")] public DateTime? StartDate { get; set; } [Required(ErrorMessage = \"End Date required.\")] public DateTime? EndDate { get; set; } } } Edit this page Previous Currency Input Next Number Input Parameters Methods Events Examples Basic usage Generic type Enable min and max Disable Validations Events: ValueChanged Restrict the date field based on the entry in another date field","s":"Blazor Date Input","u":"/forms/date-input","h":"","p":627},{"i":630,"t":"Forms Currency Input On this page Blazor Currency Input Use the Blazor Bootstrap CurrencyInput component to show the numbers in the user's locale format, including the currency symbol. Parameters​ Name Type Default Required Description Added Version AllowNegativeNumbers bool false If true, allows negative numbers. 1.0.0 AutoComplete bool false If true, CurrencyInput can complete the values automatically by the browser. 1.0.0 CurrencySign CurrencySign CurrencySign.Standard Gets or sets the currency sign. 1.0.0 Disabled bool false Gets or sets the disabled state. 1.0.0 EnableMinMax bool false Determines whether to restrict the user input to Min and Max range. If true, restricts the user input between the Min and Max range. Else accepts the user input. 1.0.0 HideCurrencySymbol bool false Determines whether to hide the currency symbol are not. 1.0.0 Locale string en-US ✔️ Gets or sets the locale. 1.0.0 Max TValue Gets or sets the max. Max ignored if EnableMinMax=\"false\". 1.0.0 MaximumFractionDigits byte? null The maximum number of fraction digits to use. 1.0.0 Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". 1.0.0 MinimumFractionDigits byte? null The minimum number of fraction digits to use. 1.0.0 MinimumIntegerDigits byte 1 The minimum number of integer digits to use. A value with a smaller number of integer digits than this number will be left-padded with zeros (to the specified length) when formatted. 1.0.0 Placeholder string? null Gets or sets the placeholder. 1.0.0 TextAlignment Alignment Alignment.None Gets or sets the text alignment. 1.0.0 Value TValue Gets or sets the value. 1.0.0 Methods​ Name Description Disable() Disables currency input. Enable() Enables currency input. Events​ Name Description ValueChanged This event fired on every user keystroke that changes the CurrencyInput value. Examples​ Basic usage​ By default, e + - are blocked. For all integral numeric types, dot . is blocked. <div class=\"mb-3\"> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount1\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount1</div> @code { private int amount1 = 12345678; } See demo here Show currency symbols for the different locales​ <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-IN</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount1\" Locale=\"en-IN\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount1</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-US</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount2\" Locale=\"en-US\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount2</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>fr-FR</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount3\" Locale=\"fr-FR\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount3</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>es-ES</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount4\" Locale=\"es-ES\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount4</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>de-DE</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount5\" Locale=\"de-DE\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount5</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>fr-CA</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount6\" Locale=\"fr-CA\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount6</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-PH</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount7\" Locale=\"en-PH\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount7</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-SE</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount8\" Locale=\"en-SE\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount8</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>zh-CN</b></label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount9\" Locale=\"zh-CN\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount9</div> @code { private int amount1 = 12345678; private int amount2 = 12345678; private int amount3 = 12345678; private int amount4 = 12345678; private int amount5 = 12345678; private int amount6 = 12345678; private int amount7 = 12345678; private int amount8 = 12345678; private int amount9 = 12345678; } See demo here Hide currency symbol​ Set HideCurrencySymbol parameter value to true to hide the currency symbol. <div class=\"mb-3\"> <CurrencyInput TValue=\"double\" @bind-Value=\"@amount1\" HideCurrencySymbol=\"true\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Value: @amount1</div> @code { private double amount1 = 4.33; } See demo here Using fraction digits and integer digits​ In the below example, formatting adds zeros to display minimum integers and fractions. danger MinimumFractionDigits and MaximumFractionDigits parameters are applicable for floating-point numeric types only. <div class=\"mb-3\"> <CurrencyInput TValue=\"double\" @bind-Value=\"@amount1\" MinimumIntegerDigits=\"3\" MinimumFractionDigits=\"4\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Value: @amount1</div> @code { private double amount1 = 4.33; } See demo here Wrap the number with parentheses instead of appending a minus sign​ In many locales, accounting format means to wrap the number with parentheses instead of appending a minus sign. You can enable this formatting by setting the CurrencySign option to Accounting. The default value is Standard. <div class=\"mb-3\"> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount1\" CurrencySign=\"CurrencySign.Accounting\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Value: @amount1</div> @code { private int amount1 = -21231; } See demo here Generic type​ CurrencyInput is a generic component. Always specify the exact type. In the below example TValue is set to int, int?, float, float?, double, double?, decimal, and decimal?. <div class=\"mb-3\"> <label class=\"form-label\">Enter int number</label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter int? number</label> <CurrencyInput TValue=\"int?\" @bind-Value=\"@amount2\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter float number</label> <CurrencyInput TValue=\"float\" @bind-Value=\"@amount3\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter float? number</label> <CurrencyInput TValue=\"float?\" @bind-Value=\"@amount4\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter double number</label> <CurrencyInput TValue=\"double\" @bind-Value=\"@amount5\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter double? number</label> <CurrencyInput TValue=\"double?\" @bind-Value=\"@amount6\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter decimal number</label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount7\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Enter decimal? number</label> <CurrencyInput TValue=\"decimal?\" @bind-Value=\"@amount8\" /> </div> @code { private int amount; private int? amount2; private float amount3; private float? amount4; private double amount5; private double? amount6; private decimal amount7; private decimal? amount8; } See demo here Enable min and max​ Set EnableMinMax=\"true\" and set the Min and Max parameters to restrict the user input between the Min and Max range. NOTE If the user tries to enter a number in the CurrencyInput field which is out of range, then it will override with Min or Max value based on the context. If the user input is less than the Min value, then it will override with the Min value. If the user input exceeds the Max value, it will override with the Max value. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <CurrencyInput TValue=\"decimal?\" @bind-Value=\"@amount\" ShowCurrencySymbol=\"true\" EnableMinMax=\"true\" Min=\"10\" Max=\"500\" Placeholder=\"Enter amount\" /> <span class=\"form-text\">Tip: The amount must be between 10 and 500.</span> </div> <div class=\"mb-3\">Entered Amount: @amount</div> @code { private decimal? amount; } See demo here Text alignment​ You can change the text alignment according to your need. Use the TextAlignment parameter to set the alignment. In the below example, alignment is set to center and end. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount\" ShowCurrencySymbol=\"true\" TextAlignment=\"Alignment.Center\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount</div> <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount2\" ShowCurrencySymbol=\"true\" TextAlignment=\"Alignment.End\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount2</div> @code { private int amount; private decimal amount2 = 2.34M; } See demo here Allow negative numbers​ By default, negative numbers are not allowed. Set the AllowNegativeNumbers parameter to true to allow the negative numbers. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <CurrencyInput TValue=\"int\" @bind-Value=\"@amount\" ShowCurrencySymbol=\"true\" AllowNegativeNumbers=\"true\" Placeholder=\"Enter amount\" /> <span class=\"form-text\">Tip: Negative numbers are also allowed.</span> </div> <div class=\"mb-3\">Entered Amount: @amount</div> @code { private int amount; } See demo here Disable​ Use the Disabled parameter to disable the CurrencyInput. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <CurrencyInput TValue=\"int?\" @bind-Value=\"@amount\" Disabled=\"@disabled\" Placeholder=\"Enter amount\" /> </div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private int? amount; private bool disabled = true; private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the CurrencyInput. NOTE Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <CurrencyInput @ref=\"currencyInput\" TValue=\"int?\" @bind-Value=\"@amount\" Placeholder=\"Enter amount\" /> </div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private CurrencyInput<int?> currencyInput = default!; private int? amount; private void Disable() => currencyInput.Disable(); private void Enable() => currencyInput.Enable(); } See demo here Validations​ Like any other blazor input components, CurrencyInput supports validations. Add the DataAnnotations on the CurrencyInput component to validate the user input before submitting the form. In the below example, we used Required and Range attributes. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleOnValidSubmit\"> <DataAnnotationsValidator /> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Item Price: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <CurrencyInput TValue=\"decimal?\" Value=\"invoice.Price\" Locale=\"en-US\" ShowCurrencySymbol=\"true\" ValueExpression=\"() => invoice.Price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> <ValidationMessage For=\"@(() => invoice.Price)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Item Discount:</label> <div class=\"col-md-10\"> <CurrencyInput TValue=\"decimal?\" Value=\"invoice.Discount\" Locale=\"en-US\" ShowCurrencySymbol=\"true\" ValueExpression=\"() => invoice.Discount\" ValueChanged=\"(value) => DiscountChanged(value)\" Placeholder=\"Enter discount\" /> <ValidationMessage For=\"@(() => invoice.Discount)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Total Amount: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <CurrencyInput TValue=\"decimal?\" @bind-Value=\"invoice.Total\" Locale=\"en-US\" ShowCurrencySymbol=\"true\" Disabled=\"true\" Placeholder=\"Enter total\" /> <ValidationMessage For=\"@(() => invoice.Total)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> @code { private Invoice invoice = new(); private EditContext editContext; protected override void OnInitialized() { editContext = new EditContext(invoice); base.OnInitialized(); } protected override void OnParametersSet() { CalculateToatl(); base.OnParametersSet(); } private void PriceChanged(decimal? value) { invoice.Price = value; CalculateToatl(); } private void DiscountChanged(decimal? value) { invoice.Discount = value; CalculateToatl(); } private void CalculateToatl() { var price = invoice.Price.HasValue ? invoice.Price.Value : 0; var discount = invoice.Discount.HasValue ? invoice.Discount.Value : 0; invoice.Total = price - discount; } public void HandleOnValidSubmit() { Console.WriteLine($\"Price: {invoice.Price}\"); Console.WriteLine($\"Discount: {invoice.Discount}\"); Console.WriteLine($\"Total: {invoice.Total}\"); } private void ResetForm() { invoice = new(); editContext = new EditContext(invoice); } public class Invoice { [Required(ErrorMessage = \"Price required.\")] [Range(60, 500, ErrorMessage = \"Price should be between 60 and 500.\")] public decimal? Price { get; set; } = 22M; [Range(0, 50, ErrorMessage = \"Discount should be between 0 and 50.\")] public decimal? Discount { get; set; } [Required(ErrorMessage = \"Amount required.\")] [Range(10, 500, ErrorMessage = \"Total should be between 60 and 500.\")] public decimal? Total { get; set; } } } See demo here Decimal values​ <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-IN</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount1\" Locale=\"en-IN\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount1</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-US</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount2\" Locale=\"en-US\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount2</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>fr-FR</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount3\" Locale=\"fr-FR\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount3</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>es-ES</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount4\" Locale=\"es-ES\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount4</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>de-DE</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount5\" Locale=\"de-DE\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount5</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>fr-CA</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount6\" Locale=\"fr-CA\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount6</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-PH</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount7\" Locale=\"en-PH\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount7</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>en-SE</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount8\" Locale=\"en-SE\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount8</div> <div class=\"mb-3\"> <label class=\"form-label\">Locale: <b>zh-CN</b></label> <CurrencyInput TValue=\"decimal\" @bind-Value=\"@amount9\" Locale=\"zh-CN\" Placeholder=\"Enter amount\" /> </div> <div class=\"mb-3\">Entered Amount: @amount9</div> @code { private decimal amount1 = 12345678.55m; private decimal amount2 = 12345678.55m; private decimal amount3 = 12345678.55m; private decimal amount4 = 12345678.55m; private decimal amount5 = 12345678.55m; private decimal amount6 = 12345678.55m; private decimal amount7 = 12345678.55m; private decimal amount8 = 12345678.55m; private decimal amount9 = 12345678.55m; } See demo here Events: ValueChanged​ This event fires on every user keystroke that changes the CurrencyInput value. <div class=\"row mb-3\"> <label class=\"col-md-2 col-form-label\">Item Price: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <CurrencyInput TValue=\"decimal?\" Value=\"price\" ValueExpression=\"() => price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> </div> </div> <div> @displayPrice </div> @code { private decimal? price = 10M; private string displayPrice; private void PriceChanged(decimal? value) { price = value; // this is mandatory displayPrice = $\"Price: {value}, changed at {DateTime.Now.ToLocalTime()}.\"; } } See demo here Edit this page Previous Auto Complete Next Date Input Parameters Methods Events Examples Basic usage Show currency symbols for the different locales Hide currency symbol Using fraction digits and integer digits Wrap the number with parentheses instead of appending a minus sign Generic type Enable min and max Text alignment Allow negative numbers Disable Validations Decimal values Events: ValueChanged","s":"Blazor Currency Input","u":"/forms/currency-input","h":"","p":629},{"i":632,"t":"Forms Range Input On this page Blazor Range Input Blazor Bootstrap RangeInput component is built around HTML input of type=\"range\". Parameters​ Name Type Default Required Description Added Version Disabled bool false Gets or sets the disabled state. 1.10.6 Max TValue Gets or sets the maximum value of the range input. 1.10.6 Min TValue Gets or sets the minimum value of the range input. 1.10.6 Step double 1 Gets or sets the step value of the range input. 1.10.6 TickMarks IEnumerable<TickMark> null Gets or sets the tick marks. 1.10.6 Value TValue Gets or sets the value of the range input. 1.10.6 Methods​ Name Description Added Version Disable() Disables range input. 1.10.6 Enable() Enables range input. 1.10.6 Events​ Name Description Added Version ValueChanged This event fires when the user specifies a numeric value. 1.10.6 TickMark Properties​ Name Type Default Required Description Added Version Label string? Gets or sets the label. 1.10.6 Value string? Gets or sets the value. 1.10.6 Examples​ Basic usage​ <RangeInput TValue=\"int\" @bind-Value=\"amount1\" Min=\"0\" Max=\"100\" /> @code { int amount1 = 10; } <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"int\" @bind-Value=\"amount1\" Min=\"0\" Max=\"100\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount1\">@amount1</Badge> </div> <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"int?\" @bind-Value=\"amount2\" Min=\"0\" Max=\"100\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount2\">@amount2</Badge> </div> <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"float\" @bind-Value=\"amount3\" Min=\"0\" Max=\"100\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount3\">@amount3</Badge> </div> <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"float?\" @bind-Value=\"amount4\" Min=\"0\" Max=\"100\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount4\">@amount4</Badge> </div> @code { int amount1 = 10; int? amount2 = 20; float amount3 = 30; float? amount4 = 40; } See demo here Disabled​ Use the Disabled parameter to disable the RangeInput. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <RangeInput TValue=\"int?\" @bind-Value=\"amount\" Disabled=\"@disabled\" Min=\"0\" Max=\"100\" /> </div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private int? amount = 10; private bool disabled = true; private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the RangeInput. danger Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"mb-3\"> <label class=\"form-label\">Amount</label> <RangeInput @ref=\"rangeInput\" TValue=\"int?\" @bind-Value=\"amount\" Min=\"0\" Max=\"100\" /> </div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private RangeInput<int?> rangeInput = default!; private int? amount = 10; private void Disable() => rangeInput.Disable(); private void Enable() => rangeInput.Enable(); } See demo here Min and max​ Set the Min and Max parameters to restrict the user input between the Min and Max range. By default, the minimum is 0. caution By default the maximum is 100 for sbyte?, short?, int?, long?, float?, double? and decimal? data types. For other data types it is 0. If the user tries to specify a numeric value which is out of range, then it will override with Min or Max value based on the context. If the user input is less than the minimum value, then it will override with the Min value. If the user input exceeds the maximum value, it will override with the Max value. <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"int\" @bind-Value=\"amount1\" Min=\"-10\" Max=\"10\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount1\">@amount1</Badge> </div> @code { int amount1 = -3; } See demo here Step​ The Step parameter is a number that specifies the granularity that the value must adhere to. Only values that match the specified stepping interval are valid. <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"int\" @bind-Value=\"amount1\" Min=\"0\" Max=\"100\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount1\">@amount1</Badge> </div> <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"int?\" @bind-Value=\"amount2\" Min=\"0\" Max=\"100\" Step=\"5\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount2\">@amount2</Badge> </div> <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"float\" @bind-Value=\"amount3\" Min=\"0\" Max=\"100\" Step=\"10\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount3\">@amount3</Badge> </div> <div class=\"d-flex flex-row mb-3\"> <RangeInput TValue=\"float?\" @bind-Value=\"amount4\" Min=\"0\" Max=\"100\" Step=\"20\" /> <Badge Color=\"BadgeColor.Primary\" Class=\"ms-2\" VisuallyHiddenText=\"amount4\">@amount4</Badge> </div> @code { int amount1 = 10; int? amount2 = 20; float amount3 = 30; float? amount4 = 40; } See demo here Decimal values​ <RangeInput TValue=\"decimal\" @bind-Value=\"amount1\" Min=\"0\" Max=\"100\" Step=\"0.01\" /> <div class=\"mt-2\">@amount1</div> @code { decimal amount1 = 0; } See demo here Tick marks​ To add tick marks to a RangeInput, set the TickMarks parameter. <div class=\"d-flex mb-3\"> <div class=\"flex-fill\"> <RangeInput TValue=\"float\" @bind-Value=\"temperature1\" Min=\"0\" Max=\"100\" TickMarks=\"list\" /> </div> </div> <Badge Color=\"BadgeColor.Primary\" Class=\"mx-2\" VisuallyHiddenText=\"amount1\">@temperature1</Badge> <span>Fahrenheit</span> @code { float temperature1 = 10; IEnumerable<TickMark> list = new List<TickMark> { new(){ Label = \"very cold!\", Value = \"0\"}, new(){ Label = \"cool\", Value = \"25\"}, new(){ Label = \"medium\", Value = \"50\"}, new(){ Label = \"getting warm!\", Value = \"75\"}, new(){ Label = \"hot!\", Value = \"100\"}, }; } See demo here Edit this page Previous Number Input Next Switch Parameters Methods Events TickMark Properties Examples Basic usage Disabled Min and max Step Decimal values Tick marks","s":"Blazor Range Input","u":"/forms/range-input","h":"","p":631},{"i":634,"t":"Forms Switch On this page Blazor Switch Use the Blazor Bootstrap Switch component to show the consistent cross-browser and cross-device custom checkboxes. Parameters​ Name Type Default Required Description Added Version Disabled bool false Gets or sets the disabled state. 1.3.0 Label string null Gets or sets the label. 1.3.0 Reverse bool false Determines whether to put the switch on the opposite side. 1.3.0 Value bool false Gets or sets the value. 1.3.0 Methods​ Name Return Type Description Added Version Disable() void Disables switch. 1.3.0 Enable() void Enables switch. 1.3.0 Events​ Name Description Added Version ValueChanged This event fired when the switch selection changed. 1.3.0 Examples​ Basic usage​ <Switch @bind-Value=\"agree1\" Label=\"Default switch checkbox input\" /> <Switch @bind-Value=\"agree2\" Label=\"Checked switch checkbox input\" /> <div class=\"mt-3\">Switch 1 Status: <b>@agree1</b></div> <div>Switch 2 Status: <b>@agree2</b></div> @code { bool agree1; bool agree2 = true; } See demo here Disable​ Disable​ Use the Disabled parameter to disable the Switch. <div class=\"mb-3\"> <Switch @bind-Value=\"agree\" Disabled=\"@disabled\" Label=\"Disabled switch checkbox input\" /> </div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private bool agree = true; private bool disabled = true; private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the Switch. NOTE Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"mb-3\"> <Switch @ref=\"switch1\" @bind-Value=\"agree\" Label=\"Disabled switch checkbox input\" /> </div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private Switch switch1 = default!; private bool agree = true; private void Disable() => switch1.Disable(); private void Enable() => switch1.Enable(); } See demo here Reverse​ Put your switches on the opposite side by using the Reverse parameter. <Switch @bind-Value=\"agree\" Label=\"Reverse switch checkbox input\" Reverse=\"true\" /> @code { bool agree; } See demo here Events: ValueChanged​ This event fired when the Switch selection changed. <Switch Value=\"agree\" Label=\"Default switch checkbox input\" ValueExpression=\"() => agree\" ValueChanged=\"SwitchChanged\" /> <div class=\"mt-3\">@displaySwitchStatus</div> @code { private bool agree; private string displaySwitchStatus; private void SwitchChanged(bool value) { agree = value; // this is mandatory displaySwitchStatus = $\"Switch Status: {value}, changed at {DateTime.Now.ToLocalTime()}.\"; } } See demo here Edit this page Previous Range Input Next Time Input Parameters Methods Events Examples Basic usage Disable Disable Reverse Events: ValueChanged","s":"Blazor Switch","u":"/forms/switch","h":"","p":633},{"i":636,"t":"Getting Started Blazor Server (.NET 6) On this page Getting started - Blazor Server (.NET 6) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2 Add CSS references​ After the <base href=\"~/\" /> tag in the head section in the Pages/_Layout.cshtml file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> note If you use the Blazor Server App Empty template (without demonstration code and Bootstrap), add the following references to the head section in the Pages/_Host.cshtml. There is a known GitHub issue Blazor empty template doesn't load scoped CSS. <link href=\"_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css\" rel=\"stylesheet\" /> IMPORTANT In .NET 6 Blazor Server App default template, you may see Pages/_Layout.cshtml. So, add these references in the Pages/_Layout.cshtml instead of in the Pages/_Host.cshtml. Add script references​ Insert the following references into the body section of the Pages/_Layout.cshtml file, immediately after the _framework/blazor.server.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip chart.js reference is optional. Add when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps: Delete the bootstrap and open-iconic folders from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Delete the wwwroot/css/open-iconic folder. Remove the following line from Pages/_Layout.cshtml file: <link rel=\"stylesheet\" href=\"css/bootstrap/bootstrap.min.css\" /> Remove the following line from wwwroot/css/site.css file: @import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); Starter template​ GitHub Repo: Blazor Bootstrap - Blazor Server App (.NET 6) Sample Code​ _Layout.cshtml​ @using Microsoft.AspNetCore.Components.Web @namespace NET6.BlazorServerApp.Pages @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <base href=\"~/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link href=\"css/site.css\" rel=\"stylesheet\" /> <link href=\"NET6.BlazorServerApp.styles.css\" rel=\"stylesheet\" /> <component type=\"typeof(HeadOutlet)\" render-mode=\"ServerPrerendered\" /> </head> <body> @RenderBody() <div id=\"blazor-error-ui\"> <environment include=\"Staging,Production\"> An error has occurred. This application may no longer respond until reloaded. </environment> <environment include=\"Development\"> An unhandled exception has occurred. See browser dev tools for details. </environment> <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> <script src=\"_framework/blazor.server.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chart.js reference if Chart components are used in the application. --> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using Microsoft.AspNetCore.Components; using Microsoft.AspNetCore.Components.Web; using NET6.BlazorServerApp.Data; var builder = WebApplication.CreateBuilder(args); // Add services to the container. builder.Services.AddRazorPages(); builder.Services.AddServerSideBlazor(); builder.Services.AddSingleton<WeatherForecastService>(); builder.Services.AddBlazorBootstrap(); var app = builder.Build(); // Configure the HTTP request pipeline. if (!app.Environment.IsDevelopment()) { app.UseExceptionHandler(\"/Error\"); // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts. app.UseHsts(); } app.UseHttpsRedirection(); app.UseStaticFiles(); app.UseRouting(); app.MapBlazorHub(); app.MapFallbackToPage(\"/_Host\"); app.Run(); _Imports.razor​ @using System.Net.Http @using Microsoft.AspNetCore.Authorization @using Microsoft.AspNetCore.Components.Authorization @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.JSInterop @using NET6.BlazorServerApp @using NET6.BlazorServerApp.Shared @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> @Body </div> </article> </main> </div> <Modal IsServiceModal=\"true\" /> <Preload /> <Toasts class=\"p-3\" AutoHide=\"true\" Delay=\"4000\" Placement=\"ToastsPlacement.TopRight\" /> @code { private Sidebar sidebar = default!; private IEnumerable<NavItem> navItems = default!; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/fetchdata\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Edit this page Previous Blazor WebAssembly (.NET 6) Next Blazor WebAssembly Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code _Layout.cshtml Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor Server (.NET 6)","u":"/getting-started/blazor-server-net-6","h":"","p":635},{"i":638,"t":"Getting Started Blazor WebApp Auto (.NET 8) On this page Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Server Project​ Install Nuget Package​ Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2 Add CSS references​ After the <base href=\"/\" /> tag in the head section of the Components/App.razor. <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the Components/App.razor file, immediately after the _framework/blazor.web.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip chart.js reference is optional. Add when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in Components/_Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps: Delete the bootstrap folder from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Remove the following line from Components/App.razor file: <link rel=\"stylesheet\" href=\"bootstrap/bootstrap.min.css\" /> Client Project​ Install Nuget Package​ Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 2.2.1 Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Starter template​ GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Auto - Interactive Location Global (.NET 8) Sample Code - Server​ App.razor​ <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <base href=\"/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link rel=\"stylesheet\" href=\"app.css\" /> <link rel=\"stylesheet\" href=\"Net8.BlazorAutoGlobal.styles.css\" /> <link rel=\"icon\" type=\"image/png\" href=\"favicon.png\" /> <HeadOutlet @rendermode=\"@InteractiveAuto\" /> </head> <body> <Routes @rendermode=\"@InteractiveAuto\" /> <script src=\"_framework/blazor.web.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using Net8.BlazorAutoGlobal.Client.Pages; using Net8.BlazorAutoGlobal.Components; var builder = WebApplication.CreateBuilder(args); // Add services to the container. builder.Services.AddRazorComponents() .AddInteractiveServerComponents() .AddInteractiveWebAssemblyComponents(); builder.Services.AddBlazorBootstrap(); var app = builder.Build(); // Configure the HTTP request pipeline. if (app.Environment.IsDevelopment()) { app.UseWebAssemblyDebugging(); } else { app.UseExceptionHandler(\"/Error\", createScopeForErrors: true); // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts. app.UseHsts(); } app.UseHttpsRedirection(); app.UseStaticFiles(); app.UseAntiforgery(); app.MapRazorComponents<App>() .AddInteractiveServerRenderMode() .AddInteractiveWebAssemblyRenderMode() .AddAdditionalAssemblies(typeof(Counter).Assembly); app.Run(); _Imports.razor​ @using System.Net.Http @using System.Net.Http.Json @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using static Microsoft.AspNetCore.Components.Web.RenderMode @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.JSInterop @using Net8.BlazorAutoGlobal @using Net8.BlazorAutoGlobal.Client @using Net8.BlazorAutoGlobal.Components @using BlazorBootstrap; Sample Code - Client​ Program.cs​ using Microsoft.AspNetCore.Components.WebAssembly.Hosting; var builder = WebAssemblyHostBuilder.CreateDefault(args); builder.Services.AddBlazorBootstrap(); await builder.Build().RunAsync(); _Imports.razor​ @using System.Net.Http @using System.Net.Http.Json @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using static Microsoft.AspNetCore.Components.Web.RenderMode @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.JSInterop @using Net8.BlazorAutoGlobal.Client @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">@Body</div> </article> </main> </div> @code { Sidebar sidebar; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/weather\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } <div id=\"blazor-error-ui\"> An unhandled error has occurred. <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> Edit this page Previous Blazor WebApp Server (.NET 8) Next MAUI Blazor Hybrid App (.NET 8) Server Project Install Nuget Package Add CSS references Add script references Register services Remove default references Client Project Install Nuget Package Register services Starter template Sample Code - Server App.razor Program.cs _Imports.razor Sample Code - Client Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location","u":"/getting-started/blazor-webapp-auto-global-net-8","h":"","p":637},{"i":640,"t":"Getting Started Blazor Server (.NET 7) On this page Getting started - Blazor Server (.NET 7) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2 Add CSS references​ After the <base href=\"~/\" /> tag in the head section in the Pages/_Host.cshtml file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> note If you use the Blazor Server App Empty template (without demonstration code and Bootstrap), add the following references to the head section in the Pages/_Host.cshtml. There is a known GitHub issue Blazor empty template doesn't load scoped CSS. <link href=\"_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the Pages/_Host.cshtml file, immediately after the _framework/blazor.server.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip chart.js reference is optional. Add when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps: Delete the bootstrap and open-iconic folders from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Delete the wwwroot/css/open-iconic folder. Remove the following line from Pages/_Host.cshtml file: <link rel=\"stylesheet\" href=\"css/bootstrap/bootstrap.min.css\" /> Remove the following line from wwwroot/css/site.css file: @import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); Starter template​ GitHub Repo: Blazor Bootstrap - Blazor Server App (.NET 7) Sample Code​ _Host.cshtml​ @page \"/\" @using Microsoft.AspNetCore.Components.Web @namespace NET7.BlazorServerApp.Pages @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <base href=\"~/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link href=\"css/site.css\" rel=\"stylesheet\" /> <link href=\"NET7.BlazorServerApp.styles.css\" rel=\"stylesheet\" /> <link rel=\"icon\" type=\"image/png\" href=\"favicon.png\" /> <component type=\"typeof(HeadOutlet)\" render-mode=\"ServerPrerendered\" /> </head> <body> <component type=\"typeof(App)\" render-mode=\"ServerPrerendered\" /> <div id=\"blazor-error-ui\"> <environment include=\"Staging,Production\"> An error has occurred. This application may no longer respond until reloaded. </environment> <environment include=\"Development\"> An unhandled exception has occurred. See browser dev tools for details. </environment> <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> <script src=\"_framework/blazor.server.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using Microsoft.AspNetCore.Components; using Microsoft.AspNetCore.Components.Web; using NET7.BlazorServerApp.Data; var builder = WebApplication.CreateBuilder(args); // Add services to the container. builder.Services.AddRazorPages(); builder.Services.AddServerSideBlazor(); builder.Services.AddSingleton<WeatherForecastService>(); builder.Services.AddBlazorBootstrap(); var app = builder.Build(); // Configure the HTTP request pipeline. if (!app.Environment.IsDevelopment()) { app.UseExceptionHandler(\"/Error\"); // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts. app.UseHsts(); } app.UseHttpsRedirection(); app.UseStaticFiles(); app.UseRouting(); app.MapBlazorHub(); app.MapFallbackToPage(\"/_Host\"); app.Run(); _Imports.razor​ @using System.Net.Http @using Microsoft.AspNetCore.Authorization @using Microsoft.AspNetCore.Components.Authorization @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.JSInterop @using NET7.BlazorServerApp @using NET7.BlazorServerApp.Shared @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> @Body </div> </article> </main> </div> <Modal IsServiceModal=\"true\" /> <Preload /> <Toasts class=\"p-3\" AutoHide=\"true\" Delay=\"4000\" Placement=\"ToastsPlacement.TopRight\" /> @code { private Sidebar sidebar = default!; private IEnumerable<NavItem> navItems = default!; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/fetchdata\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Edit this page Previous Blazor WebAssembly (.NET 7) Next MAUI Blazor Hybrid App (.NET 7) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code _Host.cshtml Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor Server (.NET 7)","u":"/getting-started/blazor-server-net-7","h":"","p":639},{"i":642,"t":"Getting Started Blazor WebAssembly (.NET 6) On this page Getting started - Blazor WebAssembly (.NET 6) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2 Add CSS references​ After the <base href=\"/\" /> tag in the head section of the wwwroot/index.html file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> note If you use the Blazor WebAssembly App Empty template (without demonstration code and Bootstrap), add the following references to the head section in the wwwroot/index.html. There is a known GitHub issue Blazor empty template doesn't load scoped CSS. <link href=\"_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the wwwroot/index.html file, immediately after the _framework/blazor.webassembly.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip The chart.js reference is optional. Include it only when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps: Delete the bootstrap and open-iconic folders from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Delete the wwwroot/css/open-iconic folder. Remove the following line from wwwroot/index.html file: <link href=\"css/bootstrap/bootstrap.min.css\" rel=\"stylesheet\" /> Remove the following line from wwwroot/css/app.css file: @import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); Starter template​ GitHub Repo: Blazor Bootstrap - Blazor WebAssembly App (.NET 6) Sample Code​ index.html​ <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" /> <title>NET6.BlazorWebAssemblyApp</title> <base href=\"/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link href=\"css/app.css\" rel=\"stylesheet\" /> <link href=\"NET6.BlazorWebAssemblyApp.styles.css\" rel=\"stylesheet\" /> </head> <body> <div id=\"app\">Loading...</div> <div id=\"blazor-error-ui\"> An unhandled error has occurred. <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> <script src=\"_framework/blazor.webassembly.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chart.js reference if Chart components are used in the application. --> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using Microsoft.AspNetCore.Components.Web; using Microsoft.AspNetCore.Components.WebAssembly.Hosting; using NET6.BlazorWebAssemblyApp; using BlazorBootstrap; // Add this line var builder = WebAssemblyHostBuilder.CreateDefault(args); builder.RootComponents.Add<App>(\"#app\"); builder.RootComponents.Add<HeadOutlet>(\"head::after\"); builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); builder.Services.AddBlazorBootstrap(); await builder.Build().RunAsync(); _Imports.razor​ @using System.Net.Http @using System.Net.Http.Json @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.AspNetCore.Components.WebAssembly.Http @using Microsoft.JSInterop @using NET6.BlazorWebAssemblyApp @using NET6.BlazorWebAssemblyApp.Shared @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> @Body </div> </article> </main> </div> <Modal IsServiceModal=\"true\" /> <Preload /> <Toasts class=\"p-3\" AutoHide=\"true\" Delay=\"4000\" Placement=\"ToastsPlacement.TopRight\" /> @code { private Sidebar sidebar = default!; private IEnumerable<NavItem> navItems = default!; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/fetchdata\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Edit this page Previous MAUI Blazor Hybrid App (.NET 7) Next Blazor Server (.NET 6) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code index.html Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor WebAssembly (.NET 6)","u":"/getting-started/blazor-webassembly-net-6","h":"","p":641},{"i":644,"t":"Getting Started Blazor WebAssembly (.NET 7) On this page Getting started - Blazor WebAssembly (.NET 7) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2 Add CSS references​ After the <base href=\"/\" /> tag in the head section of the wwwroot/index.html file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> note If you use the Blazor WebAssembly App Empty template (without demonstration code and Bootstrap), add the following references to the head section in the wwwroot/index.html. There is a known GitHub issue Blazor empty template doesn't load scoped CSS. <link href=\"_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the wwwroot/index.html file, immediately after the _framework/blazor.webassembly.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip The chart.js reference is optional. Include it only when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps: Delete the bootstrap and open-iconic folders from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Delete the wwwroot/css/open-iconic folder. Remove the following line from wwwroot/index.html file: <link href=\"css/bootstrap/bootstrap.min.css\" rel=\"stylesheet\" /> Remove the following line from wwwroot/css/app.css file: @import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); Starter template​ GitHub Repo: Blazor Bootstrap - Blazor WebAssembly App (.NET 7) Sample Code​ index.html​ <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" /> <title>NET7.BlazorWebAssemblyApp</title> <base href=\"/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link href=\"css/app.css\" rel=\"stylesheet\" /> <link rel=\"icon\" type=\"image/png\" href=\"favicon.png\" /> <link href=\"NET7.BlazorWebAssemblyApp.styles.css\" rel=\"stylesheet\" /> </head> <body> <div id=\"app\"> <svg class=\"loading-progress\"> <circle r=\"40%\" cx=\"50%\" cy=\"50%\" /> <circle r=\"40%\" cx=\"50%\" cy=\"50%\" /> </svg> <div class=\"loading-progress-text\"></div> </div> <div id=\"blazor-error-ui\"> An unhandled error has occurred. <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> <script src=\"_framework/blazor.webassembly.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chart.js reference if Chart components are used in the application. --> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using Microsoft.AspNetCore.Components.Web; using Microsoft.AspNetCore.Components.WebAssembly.Hosting; using NET7.BlazorWebAssemblyApp; var builder = WebAssemblyHostBuilder.CreateDefault(args); builder.RootComponents.Add<App>(\"#app\"); builder.RootComponents.Add<HeadOutlet>(\"head::after\"); builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); builder.Services.AddBlazorBootstrap(); await builder.Build().RunAsync(); _Imports.razor​ @using System.Net.Http @using System.Net.Http.Json @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.AspNetCore.Components.WebAssembly.Http @using Microsoft.JSInterop @using NET7.BlazorWebAssemblyApp @using NET7.BlazorWebAssemblyApp.Shared @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> @Body </div> </article> </main> </div> <Modal IsServiceModal=\"true\" /> <Preload /> <Toasts class=\"p-3\" AutoHide=\"true\" Delay=\"4000\" Placement=\"ToastsPlacement.TopRight\" /> @code { private Sidebar sidebar = default!; private IEnumerable<NavItem> navItems = default!; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/fetchdata\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Edit this page Previous MAUI Blazor Hybrid App (.NET 8) Next Blazor Server (.NET 7) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code index.html Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor WebAssembly (.NET 7)","u":"/getting-started/blazor-webassembly-net-7","h":"","p":643},{"i":646,"t":"Getting Started MAUI Blazor Hybrid App (.NET 8) On this page Getting started - MAUI Blazor Hybrid App (.NET 8) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2 Add CSS references​ After the tag in the head section in the wwwroot/index.html file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the wwwroot/index.html file, immediately after the _framework/blazor.webview.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip chart.js reference is optional. Add when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the MauiProgram.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps: Delete the bootstrap folder from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Remove the following line from wwwroot/index.html file: <link rel=\"stylesheet\" href=\"css/bootstrap/bootstrap.min.css\" /> Starter template​ TODO Sample Code​ TODO Edit this page Previous Blazor WebApp Auto (.NET 8) Next Blazor WebAssembly (.NET 7) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code","s":"Getting started - MAUI Blazor Hybrid App (.NET 8)","u":"/getting-started/maui-blazor-net-8","h":"","p":645},{"i":648,"t":"Getting Started MAUI Blazor Hybrid App (.NET 7) On this page Getting started - MAUI Blazor Hybrid App (.NET 7) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2 Add CSS references​ After the tag in the head section in the wwwroot/index.html file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the wwwroot/index.html file, immediately after the _framework/blazor.webview.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip chart.js reference is optional. Add when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the MauiProgram.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code, icons, and Bootstrap. To remove these components, follow these steps: Delete the bootstrap and open-iconic folders from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Delete the wwwroot/css/open-iconic folder. Remove the following line from wwwroot/index.html file: <link rel=\"stylesheet\" href=\"css/bootstrap/bootstrap.min.css\" /> Remove the following line from wwwroot/css/app.css file: @import url('open-iconic/font/css/open-iconic-bootstrap.min.css'); Starter template​ TODO Sample Code​ TODO Edit this page Previous Blazor Server (.NET 7) Next Blazor WebAssembly (.NET 6) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code","s":"Getting started - MAUI Blazor Hybrid App (.NET 7)","u":"/getting-started/maui-blazor-net-7","h":"","p":647},{"i":650,"t":"Getting Started Blazor WebApp Server (.NET 8) On this page Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2 Add CSS references​ After the <base href=\"/\" /> tag in the head section of the Components/App.razor. <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the Components/App.razor file, immediately after the _framework/blazor.web.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip chart.js reference is optional. Add when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in Components/_Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps: Delete the bootstrap folder from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Remove the following line from Components/App.razor file: <link rel=\"stylesheet\" href=\"bootstrap/bootstrap.min.css\" /> Starter template​ GitHub Repo: Blazor Bootstrap - Blazor Web App - Interactive Render Mode Server - Global (.NET 8) Sample Code​ App.razor​ <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <base href=\"/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link rel=\"stylesheet\" href=\"app.css\" /> <link rel=\"stylesheet\" href=\"NET8.BlazorWebAppRenderModeServer.styles.css\" /> <link rel=\"icon\" type=\"image/png\" href=\"favicon.png\" /> <HeadOutlet @rendermode=\"@InteractiveServer\" /> </head> <body> <Routes @rendermode=\"@InteractiveServer\" /> <script src=\"_framework/blazor.web.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using NET8.BlazorWebAppRenderModeServer.Components; var builder = WebApplication.CreateBuilder(args); builder.Services.AddBlazorBootstrap(); // Add services to the container. builder.Services.AddRazorComponents() .AddInteractiveServerComponents(); var app = builder.Build(); // Configure the HTTP request pipeline. if (!app.Environment.IsDevelopment()) { app.UseExceptionHandler(\"/Error\", createScopeForErrors: true); // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts. app.UseHsts(); } app.UseHttpsRedirection(); app.UseStaticFiles(); app.UseAntiforgery(); app.MapRazorComponents<App>() .AddInteractiveServerRenderMode(); app.Run(); _Imports.razor​ @using System.Net.Http @using System.Net.Http.Json @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using static Microsoft.AspNetCore.Components.Web.RenderMode @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.JSInterop @using NET8.BlazorWebAppRenderModeServer @using NET8.BlazorWebAppRenderModeServer.Components @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">@Body</div> </article> </main> </div> @code { Sidebar sidebar; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/weather\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } <div id=\"blazor-error-ui\"> An unhandled error has occurred. <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> Edit this page Previous Blazor WebAssembly (.NET 8) Next Blazor WebApp Auto (.NET 8) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code App.razor Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location","u":"/getting-started/blazor-webapp-server-global-net-8","h":"","p":649},{"i":652,"t":"Layout Blazor Server On this page Layout Setup - Blazor WebAssembly Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Prerequisites​ Assuming you followed the getting started docs for the initial setup. Blazor WebAssembly Project: Follow the getting started steps for the initial setup. Blazor Server Project: Follow the getting started steps for the initial setup. Steps​ Replace MainLayout.razor page code with the below code. NOTE Remove all the CSS content from the Shared/MainLayout.razor.css file. @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> @Body </div> </article> </main> </div> @code { private Sidebar sidebar = default!; private IEnumerable<NavItem> navItems = default!; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/fetchdata\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Starter templates​ .NET 6​ Blazor Bootstrap - Blazor WebAssembly App .NET 7​ Blazor Bootstrap - Blazor WebAssembly App Blazor Bootstrap - Blazor Empty WebAssembly App Edit this page Previous Blazor WebAssembly Next Icons Prerequisites Steps Starter templates .NET 6 .NET 7","s":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-server","h":"","p":651},{"i":654,"t":"Layout Blazor WebAssembly On this page Layout Setup - Blazor WebAssembly Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Prerequisites​ Assuming you followed the getting started docs for the initial setup. Blazor WebAssembly Project: Follow the getting started steps for the initial setup. Blazor Server Project: Follow the getting started steps for the initial setup. Steps​ Replace MainLayout.razor page code with the below code. NOTE Remove all the CSS content from the Shared/MainLayout.razor.css file. @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> @Body </div> </article> </main> </div> @code { private Sidebar sidebar = default!; private IEnumerable<NavItem> navItems = default!; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/fetchdata\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Starter templates​ .NET 6​ Blazor Bootstrap - Blazor WebAssembly App .NET 7​ Blazor Bootstrap - Blazor WebAssembly App Blazor Bootstrap - Blazor Empty WebAssembly App Edit this page Previous Blazor Server (.NET 6) Next Blazor Server Prerequisites Steps Starter templates .NET 6 .NET 7","s":"Layout Setup - Blazor WebAssembly","u":"/layout/blazor-webassembly","h":"","p":653},{"i":656,"t":"Getting Started Blazor WebAssembly (.NET 8) On this page Getting started - Blazor WebAssembly (.NET 8) Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks. Install Nuget Package​ Looking to quickly add Blazor Bootstrap to your project? Use NuGet package manager. Install-Package Blazor.Bootstrap -Version 3.0.0-preview.2 Add CSS references​ After the <base href=\"/\" /> tag in the head section of the wwwroot/index.html file, add the following references: <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> Add script references​ Insert the following references into the body section of the wwwroot/index.html file, immediately after the _framework/blazor.webassembly.js reference: <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> tip The chart.js reference is optional. Include it only when the Chart components are used in the application. Register services​ Add Blazor Bootstrap service in the Program.cs builder.Services.AddBlazorBootstrap(); Register tag helpers in _Imports.razor @using BlazorBootstrap; Remove default references​ The default Blazor template includes demonstration code and Bootstrap. To remove these components, follow these steps: Delete the bootstrap folder from the wwwroot directory: Delete the wwwroot/css/bootstrap folder. Remove the following line from wwwroot/index.html file: <link href=\"css/bootstrap/bootstrap.min.css\" rel=\"stylesheet\" /> Starter template​ GitHub Repo: Blazor Bootstrap - Blazor WebAssembly Standalone App (.NET 8) Sample Code​ index.html​ <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"utf-8\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /> <title>NET8.BlazorWebAssemblyStandaloneApp</title> <base href=\"/\" /> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN\" crossorigin=\"anonymous\"> <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" rel=\"stylesheet\" /> <link href=\"_content/Blazor.Bootstrap/blazor.bootstrap.css\" rel=\"stylesheet\" /> <link rel=\"stylesheet\" href=\"css/app.css\" /> <link rel=\"icon\" type=\"image/png\" href=\"favicon.png\" /> <link href=\"NET8.BlazorWebAssemblyStandaloneApp.styles.css\" rel=\"stylesheet\" /> </head> <body> <div id=\"app\"> <svg class=\"loading-progress\"> <circle r=\"40%\" cx=\"50%\" cy=\"50%\" /> <circle r=\"40%\" cx=\"50%\" cy=\"50%\" /> </svg> <div class=\"loading-progress-text\"></div> </div> <div id=\"blazor-error-ui\"> An unhandled error has occurred. <a href=\"\" class=\"reload\">Reload</a> <a class=\"dismiss\">🗙</a> </div> <script src=\"_framework/blazor.webassembly.js\"></script> <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL\" crossorigin=\"anonymous\"></script> <!-- Add chart.js reference if chart components are used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js\" integrity=\"sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. --> <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js\" integrity=\"sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script> <!-- Add sortable.js reference if SortableList component is used in your application. --> <script src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js\"></script> <script src=\"_content/Blazor.Bootstrap/blazor.bootstrap.js\"></script> </body> </html> Program.cs​ using Microsoft.AspNetCore.Components.Web; using Microsoft.AspNetCore.Components.WebAssembly.Hosting; using NET8.BlazorWebAssemblyStandaloneApp; var builder = WebAssemblyHostBuilder.CreateDefault(args); builder.RootComponents.Add<App>(\"#app\"); builder.RootComponents.Add<HeadOutlet>(\"head::after\"); builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); builder.Services.AddBlazorBootstrap(); await builder.Build().RunAsync(); _Imports.razor​ @using System.Net.Http @using System.Net.Http.Json @using Microsoft.AspNetCore.Components.Forms @using Microsoft.AspNetCore.Components.Routing @using Microsoft.AspNetCore.Components.Web @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.AspNetCore.Components.WebAssembly.Http @using Microsoft.JSInterop @using NET8.BlazorWebAssemblyStandaloneApp @using NET8.BlazorWebAssemblyStandaloneApp.Layout @using BlazorBootstrap; MainLayout.razor​ @inherits LayoutComponentBase <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">@Body</div> </article> </main> </div> @code { Sidebar sidebar; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/\", IconName = IconName.HouseDoorFill, Text = \"Home\", Match=NavLinkMatch.All}, new NavItem { Id = \"2\", Href = \"/counter\", IconName = IconName.PlusSquareFill, Text = \"Counter\"}, new NavItem { Id = \"3\", Href = \"/weather\", IconName = IconName.Table, Text = \"Fetch Data\"}, }; return navItems; } } Edit this page Next Blazor WebApp Server (.NET 8) Install Nuget Package Add CSS references Add script references Register services Remove default references Starter template Sample Code index.html Program.cs _Imports.razor MainLayout.razor","s":"Getting started - Blazor WebAssembly (.NET 8)","u":"/getting-started/blazor-webassembly-net-8","h":"","p":655},{"i":658,"t":"Services Modal Service On this page Blazor Modal Service Use Blazor Bootstrap modal service to show quick dialogs to your site for lightboxes, user notifications, or completely custom content. See blazor modal service demo here. Methods​ Name Return Type ShowAsync(ModalOption modalOption) Task ModalOption Members​ Property Name Type Description Required Default FooterButtonColor ButtonColor Gets or sets the footer button color. ButtonColor.Secondary FooterButtonCSSClass string Gets or sets the footer button custom CSS class. null FooterButtonText string Gets or sets the footer button text. OK IsVerticallyCentered bool Gets or sets the IsVerticallyCentered. false Message string Gets or sets the modal message. ✔️ null ShowFooterButton string Shows or hides the footer button. true Size ModalSize Gets or sets the modal size. ModalSize.Regular Title string Gets or sets the modal title. ✔️ null Type ModalType Gets or sets the modal type. ModalType.Light Examples​ How it works​ <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowModal(ModalType.Primary)\">Show Primary Modal</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowModal(ModalType.Secondary)\">Show Secondary Modal</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowModal(ModalType.Success)\">Show Success Modal</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowModal(ModalType.Danger)\">Show Danger Modal</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowModal(ModalType.Warning)\">Show Warning Modal</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowModal(ModalType.Info)\">Show Info Modal</Button> <Button Color=\"ButtonColor.Light\" @onclick=\"() => ShowModal(ModalType.Light)\">Show Light Modal</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowModal(ModalType.Dark)\">Show Dark Modal</Button> @code { [Inject] ModalService ModalService { get; set; } = default!; private async Task ShowModal(ModalType modalType) { var modalOption = new ModalOption { Title = \"Modal title\", Message = \"Modal body text goes here.\", Type = modalType, }; await ModalService.ShowAsync(modalOption); } } See demo here. Vertically Centered​ <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowModal(ModalType.Primary)\">Show Primary Modal</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowModal(ModalType.Secondary)\">Show Secondary Modal</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowModal(ModalType.Success)\">Show Success Modal</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowModal(ModalType.Danger)\">Show Danger Modal</Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"() => ShowModal(ModalType.Warning)\">Show Warning Modal</Button> <Button Color=\"ButtonColor.Info\" @onclick=\"() => ShowModal(ModalType.Info)\">Show Info Modal</Button> <Button Color=\"ButtonColor.Light\" @onclick=\"() => ShowModal(ModalType.Light)\">Show Light Modal</Button> <Button Color=\"ButtonColor.Dark\" @onclick=\"() => ShowModal(ModalType.Dark)\">Show Dark Modal</Button> @code { [Inject] ModalService ModalService { get; set; } = default!; private async Task ShowModal(ModalType modalType) { var modalOption = new ModalOption { Title = \"Modal title\", Message = \"Modal body text goes here.\", Type = modalType, IsVerticallyCentered = true }; await ModalService.ShowAsync(modalOption); } } See demo here. Size​ <Button Color=\"ButtonColor.Primary\" @onclick=\"() => ShowModal(ModalSize.Regular)\">Show Regular Modal</Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"() => ShowModal(ModalSize.Small)\">Show Small Modal</Button> <Button Color=\"ButtonColor.Success\" @onclick=\"() => ShowModal(ModalSize.Large)\">Show Large Modal</Button> <Button Color=\"ButtonColor.Danger\" @onclick=\"() => ShowModal(ModalSize.ExtraLarge)\">Show ExtraLarge Modal</Button> @code { [Inject] ModalService ModalService { get; set; } = default!; private async Task ShowModal(ModalSize modalSize) { var modalOption = new ModalOption { Title = \"Modal title\", Message = \"Modal body text goes here.\", Size = modalSize }; await ModalService.ShowAsync(modalOption); } } See demo here. Change footer button color and text​ <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowModal\">Show Modal</Button> @code { [Inject] ModalService ModalService { get; set; } = default!; private async Task ShowModal() { var modalOption = new ModalOption { Title = \"Modal title\", Message = \"Modal body text goes here.\", FooterButtonColor = ButtonColor.Primary, FooterButtonText = \"Got it!\" }; await ModalService.ShowAsync(modalOption); } } See demo here. Hide footer button​ <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowModal\">Show Modal</Button> @code { [Inject] ModalService ModalService { get; set; } = default!; private async Task ShowModal() { var modalOption = new ModalOption { Title = \"Modal title\", Message = \"Modal body text goes here.\", ShowFooterButton = false }; await ModalService.ShowAsync(modalOption); } } See demo here. How to setup​ Add the Modal component in MainLayout.razor page as shown below. @inherits LayoutComponentBase ... ... MainLayour.razor code goes here ... ... <Modal IsServiceModal=\"true\" /> Inject ModalService, then call the ShowAsync(...) method as shown below. ShowAsync method accepts ModalOption object as a parameter. @code { [Inject] ModalService ModalService { get; set; } = default!; private async Task SaveEmployeeAsync() { try { // call the service/api to save the employee details var modalOption = new ModalOption { Title = \"Save Employee\", Message = \"Employee details saved.\", Type = ModalType.Success }; await ModalService.ShowAsync(modalOption); } catch(Exception ex) { // handle exception var modalOption = new ModalOption { Title = \"Save Employee\", Message = $\"Error: {ex.Message}.\", Type = ModalType.Danger }; await ModalService.ShowAsync(modalOption); } } } Edit this page Previous Pie Chart Methods ModalOption Members Examples How it works Vertically Centered Size Change footer button color and text Hide footer button How to setup","s":"Blazor Modal Service","u":"/services/modal","h":"","p":657},{"i":660,"t":"Components Dropdown On this page Blazor Dropdown Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They are toggled by clicking, not by hovering; this is an intentional design decision'by bootstrap. Dropdown Parameters​ Name Type Default Required Description Added Version AutoClose bool true If true, enables the auto close. 1.10.0 AutoCloseBehavior DropdownAutoCloseBehavior DropdownAutoCloseBehavior.Both Gets or sets the auto close behavior of the dropdown. 1.10.0 ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Color DropdownColor DropdownColor.None Gets or sets the dropdown color. 3.0.0 Direction DropdownDirection DropdownDirection.Dropdown Gets or sets the direction of the dropdown menu. 1.10.0 Disabled bool false If true, dropdown will be disabled. 1.10.3 Size DropdownSize DropdownSize.None Gets or sets the size of the dropdown. 1.10.3 Split bool false Gets or sets the toggle button split behavior. 1.10.0 DropdownToggleButton Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 TabIndex int? null Gets or sets the dropdown toggle button tab index. 1.10.0 DropdownActionButton Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Color ButtonColor Gets or sets the button color. 1.10.0 TabIndex int? If defined, indicates that its element can be focused and can participates in sequential keyboard navigation. 1.10.0 DropdownMenu Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Position DropdownMenuPosition DropdownMenuPosition.Start Gets or sets the dropdown menu position. 1.10.0 DropdownHeader Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 DropdownItem Parameters​ Name Type Default Required Description Added Version Active bool false Gets or sets the dropdown item active state. 1.10.0 ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.10.0 Disabled bool false If true, dropdown item will be disabled. 1.10.0 TabIndex int? null Gets or sets the dropdown item tab index. 1.10.0 Target Target Target.None Gets or sets the target of dropdown item (if the type is link). 1.10.0 To string? null Get or sets the link href attribute (if the type is link). 1.10.0 Type DropdownItemType DropdownItemType.Button Gets or sets the dropdown item type. 1.10.0 Dropdown Methods​ Name Description Added Version HideAsync Hides the dropdown menu of a given navbar or tabbed navigation. 1.10.0 ShowAsync Shows the dropdown menu of a given navbar or tabbed navigation. 1.10.0 ToggleAsync Toggles the dropdown menu of a given navbar or tabbed navigation. 1.10.0 UpdateAsync Updates the position of an element’s dropdown. 1.10.0 Dropdown Events​ Event Type Description Added Version OnHiding This event is fired immediately when the hide method has been called. 1.10.0 OnHidden This event is fired when an dropdown element has been hidden from the user (will wait for CSS transitions to complete). 1.10.0 OnShowing This event fires immediately when the show instance method is called. 1.10.0 OnShown This event is fired when an dropdown element has been made visible to the user (will wait for CSS transitions to complete). 1.10.0 Examples​ Single button​ <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown button</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Color​ <div class=\"d-flex gap-2 mb-4\"> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Primary\">Primary</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Secondary</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Success\">Success</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Info\">Info</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Warning\">Warning</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Danger\">Danger</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> See the demo here. Split button​ <div class=\"d-flex gap-2 mb-4\"> <Dropdown Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Primary\">Primary</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Primary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Secondary\">Secondary</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Secondary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Success\">Success</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Success\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Info\">Info</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Info\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Warning\">Warning</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Warning\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Danger\">Danger</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Danger\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> See the demo here. Sizing​ <div class=\"d-flex gap-2 mb-4\"> <Dropdown Size=\"Size.Large\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Large button</DropdownToggleButton> <DropdownMenu> <DropdownItem Size=\"Size.Large\" To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Size=\"Size.Large\" Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Secondary\">Large split button</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Secondary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> <div class=\"d-flex gap-2 mb-4\"> <Dropdown Size=\"Size.Small\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Small button</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Size=\"Size.Small\" Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Secondary\">Small split button</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Secondary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> See the demo here. Directions​ Dropup​ To trigger DropdownMenu above elements, add the Direction=\"DropdownDirection.Dropup\" to the Dropdown component. <div class=\"d-flex gap-2\"> <Dropdown Direction=\"DropdownDirection.Dropup\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropup button with text</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Direction=\"DropdownDirection.Dropup\" Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Secondary\">Dropup split button</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Secondary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> See the demo here. Dropup centered​ To center the DropdownMenu above the toggle, add the Direction=\"DropdownDirection.DropupCentered\" to the Dropdown component. <div class=\"d-flex gap-2\"> <Dropdown Direction=\"DropdownDirection.DropupCentered\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Centered dropup</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> See the demo here. Dropend​ To trigger DropdownMenu at the right of elements, add the Direction=\"DropdownDirection.Dropend\" to the Dropdown component. <div class=\"d-flex gap-2\"> <Dropdown Direction=\"DropdownDirection.Dropend\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropend</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Direction=\"DropdownDirection.Dropend\" Split=\"true\"> <DropdownActionButton Color=\"ButtonColor.Secondary\">Split dropend</DropdownActionButton> <DropdownToggleButton Color=\"ButtonColor.Secondary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> </div> See the demo here. Dropstart​ To trigger DropdownMenu at the left of elements, you can add the Direction=\"DropdownDirection.Dropstart\" to the Dropdown component. <div class=\"d-flex gap-2\"> <Dropdown Direction=\"DropdownDirection.Dropstart\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropstart</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown Direction=\"DropdownDirection.Dropstart\" Split=\"true\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\" /> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> <DropdownActionButton Color=\"ButtonColor.Secondary\">Split dropstart</DropdownActionButton> </Dropdown> </div> See the demo here. Active​ To style DropdownItem as active, add the Active=\"true\" parameter to the DropdownItem element in the DropdownMenu. <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropstart</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\" Active=\"true\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Disabled​ To disable the dropdown, set the Disabled parameter to true on the Dropdown component. <Dropdown Disabled=\"@isDropdownDisabled\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropstart</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <div class=\"mt-3\"> <Button Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"EnableDropdown\">Enable</Button> <Button Color=\"ButtonColor.Danger\" Size=\"Size.Small\" @onclick=\"DisableDropdown\">Disable</Button> </div> @code { private bool isDropdownDisabled = true; private void EnableDropdown() => isDropdownDisabled = false; private void DisableDropdown() => isDropdownDisabled = true; } To style a dropdown item as disabled, set the Disabled parameter to true on the DropdownItem element in the DropdownMenu component. <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropstart</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\" Disabled=\"true\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Menu position​ By default, a DropdownMenu is automatically positioned at 100% from the top and along the left side of its parent. You can change this with the Position parameter. To right-align a DropdownMenu, add the Position=\"DropdownMenuPosition.End\" parameter to the DropdownMenu component. Directions are mirrored when using Bootstrap in RTL. <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Right-aligned menu example</DropdownToggleButton> <DropdownMenu Position=\"DropdownMenuPosition.End\"> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Menu content​ Header​ Add a header to label sections of actions in any dropdown menu. <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown</DropdownToggleButton> <DropdownMenu> <DropdownHeader>Dropdown header</DropdownHeader> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Dividers​ Separate groups of related menu items with a divider. <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> <DropdownDivider>Dropdown header</DropdownDivider> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Separated link</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Text​ Place any freeform text within a dropdown menu with text and use spacing utilities. Note that youll likely need additional sizing styles to constrain the menu width. <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown</DropdownToggleButton> <DropdownMenu Class=\"p-4 text-muted\" Style=\"width: 320px;\"> <p>Some example text that's free-flowing within the dropdown menu.</p> <p class=\"mb-0\">And this is more example text.</p> </DropdownMenu> </Dropdown> See the demo here. Forms​ Put a form within a dropdown menu, or make it into a dropdown menu, and use margin or padding utilities to give it the negative space you require. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <Dropdown> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown form</DropdownToggleButton> <DropdownMenu Class=\"px-4 py-3\" Style=\"width:480px;\"> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleOnValidSubmit\"> <DataAnnotationsValidator /> <div class=\"mb-3\"> <label class=\"form-label\">Item Price: <span class=\"text-danger\">*</span></label> <NumberInput TValue=\"decimal?\" Value=\"invoice.Price\" ValueExpression=\"() => invoice.Price\" ValueChanged=\"(value) => PriceChanged(value)\" Placeholder=\"Enter price\" /> <ValidationMessage For=\"@(() => invoice.Price)\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Item Discount:</label> <NumberInput TValue=\"decimal?\" Value=\"invoice.Discount\" ValueExpression=\"() => invoice.Discount\" ValueChanged=\"(value) => DiscountChanged(value)\" Placeholder=\"Enter discount\" /> <ValidationMessage For=\"@(() => invoice.Discount)\" /> </div> <div class=\"mb-3\"> <label class=\"form-label\">Total Amount: <span class=\"text-danger\">*</span></label> <NumberInput TValue=\"decimal?\" @bind-Value=\"invoice.Total\" Disabled=\"true\" Placeholder=\"Enter total\" /> <ValidationMessage For=\"@(() => invoice.Total)\" /> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> </DropdownMenu> </Dropdown> @code { private Invoice invoice = new(); private EditContext editContext = default!; protected override void OnInitialized() { editContext = new EditContext(invoice); base.OnInitialized(); } protected override void OnParametersSet() { CalculateToatl(); base.OnParametersSet(); } private void PriceChanged(decimal? value) { invoice.Price = value; CalculateToatl(); } private void DiscountChanged(decimal? value) { invoice.Discount = value; CalculateToatl(); } private void CalculateToatl() { var price = invoice.Price.HasValue ? invoice.Price.Value : 0; var discount = invoice.Discount.HasValue ? invoice.Discount.Value : 0; invoice.Total = price - discount; } public void HandleOnValidSubmit() { Console.WriteLine($\"Price: {invoice.Price}\"); Console.WriteLine($\"Discount: {invoice.Discount}\"); Console.WriteLine($\"Total: {invoice.Total}\"); } private void ResetForm() { invoice = new(); editContext = new EditContext(invoice); } public class Invoice { [Required(ErrorMessage = \"Price required.\")] [Range(60, 500, ErrorMessage = \"Price should be between 60 and 500.\")] public decimal? Price { get; set; } = 232M; [Range(0, 50, ErrorMessage = \"Discount should be between 0 and 50.\")] public decimal? Discount { get; set; } [Required(ErrorMessage = \"Amount required.\")] [Range(10, 500, ErrorMessage = \"Total should be between 60 and 500.\")] public decimal? Total { get; set; } } } See the demo here. Auto close behavior​ By default, the DropdownMenu is closed when clicking either inside or outside the DropdownMenu. You can use the AutoClose and AutoCloseBehavior parameters to change this behavior of the Dropdown. <Dropdown AutoClose=\"true\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Default dropdown</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown AutoClose=\"true\" AutoCloseBehavior=\"DropdownAutoCloseBehavior.Outside\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Clickable outside</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown AutoClose=\"true\" AutoCloseBehavior=\"DropdownAutoCloseBehavior.Inside\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Clickable inside</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> </DropdownMenu> </Dropdown> <Dropdown AutoClose=\"false\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Manual close</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Menu item</DropdownItem> </DropdownMenu> </Dropdown> See the demo here. Methods​ <Dropdown @ref=\"dropdown1\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown button</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> <Button Color=\"ButtonColor.Primary\" @onclick=\"ShowAsync\">Show</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"HideAsync\">Hide</Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"ToggleAsync\">Toggle</Button> @code{ private Dropdown dropdown1 = default!; private async Task ShowAsync() => await dropdown1.ShowAsync(); private async Task HideAsync() => await dropdown1.HideAsync(); private async Task ToggleAsync() => await dropdown1.ToggleAsync(); } See the demo here. Events​ All dropdown events are fired at the toggling element and then bubbled up. <Dropdown OnHiding=\"OnDropdownHidingAsync\" OnHidden=\"OnDropdownHiddenAsync\" OnShowing=\"OnDropdownShowingAsync\" OnShown=\"OnDropdownShownAsync\"> <DropdownToggleButton Color=\"ButtonColor.Secondary\">Dropdown button</DropdownToggleButton> <DropdownMenu> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Another action</DropdownItem> <DropdownItem To=\"#\" Type=\"ButtonType.Link\">Something else here</DropdownItem> </DropdownMenu> </Dropdown> @code { List<string> messages = new List<string>(); private void OnDropdownHidingAsync() => messages.Add(new(\"OnHiding\")); private void OnDropdownHiddenAsync() => messages.Add(new(\"OnHidden\")); private void OnDropdownShowingAsync() => messages.Add(new(\"OnShowing\")); private void OnDropdownShownAsync() => messages.Add(new(\"OnShown\")); } See the demo here. Edit this page Previous Confirm Dialog Next Grid Dropdown Parameters DropdownToggleButton Parameters DropdownActionButton Parameters DropdownMenu Parameters DropdownHeader Parameters DropdownItem Parameters Dropdown Methods Dropdown Events Examples Single button Color Split button Sizing Directions Dropup Dropup centered Dropend Dropstart Active Disabled Menu position Menu content Header Dividers Text Forms Auto close behavior Methods Events","s":"Blazor Dropdown","u":"/components/dropdown","h":"","p":659},{"i":662,"t":"Forms Time Input On this page Blazor Time Input The Blazor Bootstrap TimeInput component is constructed using an HTML input of type=\"time\" which limits user input based on pre-defined parameters. This component enables users to input a time using a text box with validation or a special time picker interface. Parameters​ Name Type Default Required Description Added Version AutoComplete bool false If true, DateInput can complete the values automatically by the browser. 1.6.0 Disabled bool false Gets or sets the disabled state. 1.6.0 EnableMinMax bool false Determines whether to restrict the user input to Min and Max range. If true, restricts the user input between the Min and Max range. Else accepts the user input. 1.6.0 Max TValue Gets or sets the max. Max ignored if EnableMinMax=\"false\". 1.6.0 Min TValue Gets or sets the min. Min ignored if EnableMinMax=\"false\". 1.6.0 Placeholder string? null Gets or sets the placeholder. 1.6.0 Value TValue Gets or sets the value. 1.6.0 ValueExpression Expression<Func<TValue>> Gets or sets the expression 1.6.0 Methods​ Name Description Added Version Disable Disables time input. 1.6.0 Enable Enables time input. 1.6.0 Events​ Name Description ValueChanged This event fired on every user keystroke that changes the TimeInput value. Examples​ Basic usage​ NOTE The input UI generally varies from browser to browser. In unsupported browsers, the control degrades gracefully to type=\"text\". <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly\" @bind-Value=\"@date1\" /> </div> <div class=\"mb-3\">Entered date: @date1</div> @code { private TimeOnly date1 = new TimeOnly(13, 14); } See demo here Generic type​ The Blazor Bootstrap TimeInput component supports TimeOnly and TimeOnly?. In the below example, TValue is set to TimeOnly and TimeOnly?. <div class=\"mb-3\"> <strong>TimeOnly</strong>: </div> <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly\" @bind-Value=\"@time1\" /> </div> <div class=\"mb-3\">Entered time: @time1</div> <div class=\"mb-3\"> <strong>TimeOnly?</strong>: </div> <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly?\" @bind-Value=\"@time2\" /> </div> <div class=\"mb-3\">Entered time: @time2</div> @code { private TimeOnly time1 = new TimeOnly(6, 40); private TimeOnly? time2; } See demo here Enable min and max​ Set EnableMinMax=\"true\" and set the Min and Max parameters to restrict the user input between the Min and Max range. NOTE If the user tries to enter a number in the TimeInput field which is out of range, then it will override with Min or Max value based on the context. If the user input is less than the Min value, then it will override with the Min value. If the user input exceeds the Max value, it will override with the Max value. <div class=\"mb-3\"> <strong>TimeOnly</strong>: </div> <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly\" @bind-Value=\"@time1\" EnableMinMax=\"true\" Min=\"@min1\" Max=\"@max1\" /> </div> <div class=\"mb-3\">Min time: @min1</div> <div class=\"mb-3\">Max time: @max1</div> <div class=\"mb-3\">Entered time: @time1</div> <div class=\"mb-3\"> <strong>TimeOnly?</strong>: </div> <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly?\" @bind-Value=\"@time2\" EnableMinMax=\"true\" Min=\"@min2\" Max=\"@max2\" /> </div> <div class=\"mb-3\">Min time: @min2</div> <div class=\"mb-3\">Max time: @max2</div> <div class=\"mb-3\">Entered time: @time2</div> @code { private TimeOnly time1, min1, max1; private TimeOnly? time2, min2, max2; protected override void OnInitialized() { time1 = new TimeOnly(10, 0); // 10:00 AM min1 = new TimeOnly(8, 0); // 08:00 AM max1 = new TimeOnly(18, 0); // 06:00 PM time2 = null; min2 = new TimeOnly(8, 0); // 08:00 AM max2 = new TimeOnly(18, 0); // 06:00 PM } } See demo here Disable​ Use the Disabled parameter to disable the TimeInput. <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly\" @bind-Value=\"@time1\" Disabled=\"@disabled\" /> </div> <div class=\"mb-3\">Entered time: @time1</div> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Warning\" @onclick=\"Toggle\"> Toggle </Button> @code { private TimeOnly time1 = new TimeOnly(10, 50); // 10:50 AM private bool disabled = true; private void Enable() => disabled = false; private void Disable() => disabled = true; private void Toggle() => disabled = !disabled; } Also, use Enable() and Disable() methods to enable and disable the TimeInput. NOTE Do not use both the Disabled parameter and Enable() & Disable() methods. <div class=\"mb-3\"> <TimeInput @ref=\"timeInput1\" TValue=\"TimeOnly\" @bind-Value=\"@time1\" /> </div> <div class=\"mb-3\">Entered time: @time1</div> <Button Color=\"ButtonColor.Secondary\" @onclick=\"Disable\"> Disable </Button> <Button Color=\"ButtonColor.Primary\" @onclick=\"Enable\"> Enable </Button> @code { private TimeInput<TimeOnly> timeInput1 = default!; private TimeOnly time1 = new TimeOnly(10, 50); // 10:50 AM private void Disable() => timeInput1.Disable(); private void Enable() => timeInput1.Enable(); } See demo here Validations​ Like any other blazor input component, TimeInput component supports validations. Use the Use the DataAnnotations to validate the user input before submitting the form. In the below example, we used the Required attributes. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleValidSubmit\" novalidate> <DataAnnotationsValidator /> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Flight Number: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <InputText class=\"form-control\" @bind-Value=\"flightForm.FlightNumber\" Placeholder=\"Enter Flight Number\" /> <ValidationMessage For=\"@(() => flightForm.FlightNumber)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Departure Date: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <DateInput TValue=\"DateOnly?\" class=\"form-control\" @bind-Value=\"flightForm.DepartureDate\" /> <ValidationMessage For=\"@(() => flightForm.DepartureDate)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Departure Time: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <TimeInput TValue=\"TimeOnly?\" @bind-Value=\"flightForm.DepartureTime\" /> <ValidationMessage For=\"@(() => flightForm.DepartureTime)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Arrival Date: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <DateInput TValue=\"DateOnly?\" class=\"form-control\" @bind-Value=\"flightForm.ArrivalDate\" /> <ValidationMessage For=\"@(() => flightForm.ArrivalDate)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Arrival Time: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <TimeInput TValue=\"TimeOnly?\" @bind-Value=\"flightForm.ArrivalTime\" /> <ValidationMessage For=\"@(() => flightForm.ArrivalTime)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> @code { private FlightForm flightForm = new(); private EditContext editContext; [Inject] ToastService _toastService { get; set; } protected override void OnInitialized() { editContext = new EditContext(flightForm); base.OnInitialized(); } public void HandleValidSubmit() { var toastMessage = new ToastMessage ( type: ToastType.Success, iconName: IconName.Check2All, title: \"Success!\", helpText: $\"{DateTime.Now.ToLocalTime()}\", message: \"Flight schedule created.\" ); _toastService.Notify(toastMessage); } private void ResetForm() { flightForm = new(); editContext = new EditContext(flightForm); } public class FlightForm { [Required(ErrorMessage = \"Flight Number required.\")] public string FlightNumber { get; set; } [Required(ErrorMessage = \"Departure Date required.\")] public DateOnly? DepartureDate { get; set; } [Required(ErrorMessage = \"Departure Time required.\")] public TimeOnly? DepartureTime { get; set; } [Required(ErrorMessage = \"Arrival Date required.\")] public DateOnly? ArrivalDate { get; set; } [Required(ErrorMessage = \"Arrival Time required.\")] public TimeOnly? ArrivalTime { get; set; } } } See demo here Events: ValueChanged​ This event fires on every user keystroke/selection that changes the TimeInput value. <div class=\"mb-3\"> <TimeInput TValue=\"TimeOnly\" Value=\"time1\" ValueExpression=\"() => time1\" ValueChanged=\"(value) => TimeChanged(value)\" /> </div> <div class=\"mb-3\">Changed time: @time1</div> @code { private TimeOnly time1 = new TimeOnly(10, 0); // 10:00 AM private void TimeChanged(TimeOnly timeOnly) { time1 = timeOnly; } } See demo here Restrict the date field based on the entry in another date field​ One common scenario is that the time fields are restricted based on the entry in another time field. In the example below, we restrict the arrival time based on the selection of departure. @using System.ComponentModel.DataAnnotations <style> .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid red; } .validation-message { color: red; } </style> <EditForm EditContext=\"@editContext\" OnValidSubmit=\"HandleValidSubmit\" novalidate> <DataAnnotationsValidator /> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Departure Time: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <TimeInput TValue=\"TimeOnly?\" Value=\"flightForm.DepartureTime\" ValueExpression=\"() => flightForm.DepartureTime\" ValueChanged=\"(value) => DepartureTimeChanged(value)\" /> <ValidationMessage For=\"@(() => flightForm.DepartureTime)\" /> </div> </div> <div class=\"form-group row mb-3\"> <label class=\"col-md-2 col-form-label\">Arrival Time: <span class=\"text-danger\">*</span></label> <div class=\"col-md-10\"> <TimeInput @ref=\"arrivalTimeInput\" TValue=\"TimeOnly?\" @bind-Value=\"flightForm.ArrivalTime\" EnableMinMax=\"true\" Min=\"arrivalMinTime\" Max=\"arrivalMaxTime\" Disabled=\"true\" /> <ValidationMessage For=\"@(() => flightForm.ArrivalTime)\" /> </div> </div> <div class=\"row\"> <div class=\"col-md-12 text-right\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" Class=\"float-end\" @onclick=\"ResetForm\">Reset</Button> <Button Type=\"ButtonType.Submit\" Color=\"ButtonColor.Success\" Class=\"float-end me-2\">Submit</Button> </div> </div> </EditForm> @code { TimeInput<TimeOnly?> arrivalTimeInput = default!; private FlightForm flightForm = new(); private EditContext editContext; private TimeOnly? arrivalMinTime; private TimeOnly? arrivalMaxTime; [Inject] ToastService _toastService { get; set; } protected override void OnInitialized() { editContext = new EditContext(flightForm); base.OnInitialized(); } private void DepartureTimeChanged(TimeOnly? departureTime) { if (departureTime is null || !departureTime.HasValue) { flightForm.DepartureTime = null; flightForm.ArrivalTime = null; arrivalMinTime = null; arrivalMaxTime = null; arrivalTimeInput.Disable(); return; } flightForm.DepartureTime = departureTime; flightForm.ArrivalTime = null; arrivalMinTime = departureTime.Value.AddHours(1); arrivalMaxTime = departureTime.Value.AddHours(12); arrivalTimeInput.Enable(); } public void HandleValidSubmit() { var toastMessage = new ToastMessage ( type: ToastType.Success, iconName: IconName.Check2All, title: \"Success!\", helpText: $\"{DateTime.Now.ToLocalTime()}\", message: \"Flight schedule created.\" ); _toastService.Notify(toastMessage); } private void ResetForm() { flightForm = new(); editContext = new EditContext(flightForm); } public class FlightForm { [Required(ErrorMessage = \"Departure Time required.\")] public TimeOnly? DepartureTime { get; set; } [Required(ErrorMessage = \"Arrival Time required.\")] public TimeOnly? ArrivalTime { get; set; } } } Edit this page Previous Switch Next Accordion Parameters Methods Events Examples Basic usage Generic type Enable min and max Disable Validations Events: ValueChanged Restrict the date field based on the entry in another date field","s":"Blazor Time Input","u":"/forms/time-input","h":"","p":661},{"i":664,"t":"Components Sidebar On this page Blazor Sidebar Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content. Parameters​ Name Type Default Required Description Added Version BadgeText string? null Gets or sets the badge text. 1.4.0 CustomIconName string? null Gets or sets the custom icon name. 1.4.0 DataProvider SidebarDataProviderDelegate null ✔️ Gets or sets the data provider. 1.4.0 Href string? string.Empty Gets or sets the Href. 3.0.0 IconName IconName IconName.None Gets or sets the IconName. 1.4.0 ImageSrc string? null Gets or sets the sidebar logo. 1.4.0 Title string? null ✔️ Gets or sets the sidebar title. 1.4.0 Width float 270 Gets or sets the sidebar width. 3.0.0 WidthUnit Unit Unit.Px Gets or sets the sidebar width unit. 3.0.0 Methods​ Name Description Added Version RefreshDataAsync Refresh the sidebar data. 1.4.0 ToggleSidebar Toggles sidebar. 1.4.0 NavItem Properties​ Name Type Default Required Description Added Version Class string? null Gets or sets an additional CSS class. 1.10.3 CustomIconName string? null Gets or sets the custom icon name. 1.4.0 Href string? ✔️ Gets or sets the href. 1.4.0 IconColor IconColor IconColor.None Gets or sets the icon color. 1.4.0 IconName IconName IconName.None Gets or sets the icon name. 1.4.0 Id string? null Gets or sets the Id. 1.4.0 Match NavLinkMatch NavLinkMatch.Prefix Gets or sets the URL matching behavior. 1.4.0 ParentId string? null Gets or sets the parent Id. 1.4.0 Sequence int Gets or sets the sequence. 1.4.0 Target Target Target.None Gets or sets the target. 1.4.0 Text string? ✔️ Gets or sets the navigation link text. 1.4.0 Examples​ Basic usage​ <Sidebar Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> @code { IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\"}, new NavItem { Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\"}, new NavItem { Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\"}, new NavItem { Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\"}, }; return navItems; } } See demo here. Two level navigation​ Use NavItem's Id and ParentId to set the parent-child relation. NOTE At this moment, two levels of navigation are supported. <Sidebar Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> @code { IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\" }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\" }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\" }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } } See demo here. Change icons color​ Set IconColor property to change the color. <Sidebar Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> @code { IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } } See demo here. Full layout with sidebar​ Replace your MainLayout.razor page code with the below example to have a complete layout with a sidebar. <div class=\"bb-page\"> <Sidebar Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } } See demo here. Toggle sidebar to show icons only​ Call ToggleSidebar() method to toggle the Sidebar to show the icons only. <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-between\"> <Icon Name=\"IconName.List\" role=\"button\" @onclick=\"ToggleSidebar\" /> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { Sidebar sidebar = default!; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } private void ToggleSidebar() => sidebar.ToggleSidebar(); } See demo here. Show badge​ A badge is useful when displaying the application version, environment, or other information. Use the BadgeText parameter to show the badge. <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" BadgeText=\"v1.3.1\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-between\"> <Icon Name=\"IconName.List\" role=\"button\" @onclick=\"ToggleSidebar\" /> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { Sidebar sidebar = default!; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } private void ToggleSidebar() => sidebar.ToggleSidebar(); } See demo here. Custom brand icon​ Use the CustomIconName parameter to set the custom logo icon using font awesome or other icons. <div class=\"bb-page\"> <Sidebar @ref=\"sidebar\" Href=\"/\" CustomIconName=\"bi bi-apple\" Title=\"Blazor Bootstrap\" BadgeText=\"v1.3.1\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-between\"> <Icon Name=\"IconName.List\" role=\"button\" @onclick=\"ToggleSidebar\" /> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { Sidebar sidebar = default!; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } private void ToggleSidebar() => sidebar.ToggleSidebar(); } See demo here. Show image as brand logo​ Use the ImageSrc parameter to set the brand logo. <div class=\"bb-page\"> <Sidebar Href=\"/\" ImageSrc=\"https://demos.blazorbootstrap.com/images/logo/logo-color.svg\" Title=\"Blazor Bootstrap\" BadgeText=\"v1.3.1\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-between\"> <Icon Name=\"IconName.List\" role=\"button\" @onclick=\"ToggleSidebar\" /> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\">Page content goes here</div> </article> </main> </div> @code { IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } private void ToggleSidebar() => sidebar.ToggleSidebar(); } See demo here. Customize sidebar​ Developers can customize the sidebar color by changing the CSS variables, as mentioned in the below example. <div class=\"bb-page\"> <Sidebar Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" BadgeText=\"v1.3.1\" DataProvider=\"SidebarDataProvider\" /> <main> <div class=\"bb-top-row px-4 d-flex justify-content-end\"> <a href=\"https://docs.microsoft.com/aspnet/\" target=\"_blank\">About</a> </div> <article class=\"content px-4\"> <div class=\"py-2\"> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" Size=\"Size.Small\" @onclick=\"ToggleSidebarStyles\">Toggle Sidebar styles</Button> </div> </article> </main> </div> @code { bool applyPurpleStyle = false; IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\", IconColor = IconColor.Primary }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\", IconColor = IconColor.Success }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\", IconColor = IconColor.Danger }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } private void ToggleSidebarStyles() => applyPurpleStyle = !applyPurpleStyle; } @if (applyPurpleStyle) { <style> :root { --bb-sidebar-width: 270px; --bb-sidebar-collapsed-width: 50px; --bb-sidebar-background-color: rgba(234, 234, 234, 1); --bb-sidebar-top-row-background-color: rgba(0,0,0,0.08); --bb-sidebar-top-row-border-color: rgb(194,192,192); --bb-sidebar-title-text-color: rgb(0,0,0); --bb-sidebar-brand-icon-color: #6f42c1; --bb-sidebar-brand-image-width: 24px; --bb-sidebar-brand-image-height: 24px; --bb-sidebar-title-badge-text-color: rgb(255,255,255); --bb-sidebar-title-badge-background-color: rgba(25,135,84,var(--bs-bg-opacity,1)); --bb-sidebar-navbar-toggler-icon-color: rgb(0,0,0); --bb-sidebar-navbar-toggler-background-color: rgba(0,0,0,0.08); --bb-sidebar-content-border-color: rgb(194,192,192); --bb-sidebar-nav-item-text-color: rgba(0,0,0,0.9); --bb-sidebar-nav-item-text-active-color-rgb: 0,0,0; --bb-sidebar-nav-item-text-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9); --bb-sidebar-nav-item-text-active-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9); --bb-sidebar-nav-item-background-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08); --bb-sidebar-nav-item-group-background-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08); } </style> } See demo here. Apply custom CSS class to NavItem​ Set the Class property of a NavItem to apply a custom CSS class. <Sidebar Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" /> @code { IEnumerable<NavItem> navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Id = \"1\", Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Id = \"2\", IconName = IconName.LayoutSidebarInset, Text = \"Content\" }, new NavItem { Id = \"3\", Href = \"/icons\", IconName = IconName.PersonSquare, Text = \"Icons\", ParentId=\"2\"}, new NavItem { Id = \"4\", IconName = IconName.ExclamationTriangleFill, Text = \"Components\" }, new NavItem { Id = \"5\", Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\", ParentId=\"4\", Class=\"px-3\"}, new NavItem { Id = \"6\", Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\", ParentId=\"4\", Class=\"px-3\"}, new NavItem { Id = \"7\", Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\", ParentId=\"4\", Class=\"px-3\"}, new NavItem { Id = \"8\", IconName = IconName.WindowPlus, Text = \"Forms\" }, new NavItem { Id = \"9\", Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\", ParentId=\"8\"}, new NavItem { Id = \"10\", Href = \"/currency-input\", IconName = IconName.CurrencyDollar, Text = \"Currency Input\", ParentId=\"8\"}, new NavItem { Id = \"11\", Href = \"/number-input\", IconName = IconName.InputCursor, Text = \"Number Input\", ParentId=\"8\"}, new NavItem { Id = \"12\", Href = \"/switch\", IconName = IconName.ToggleOn, Text = \"Switch\", ParentId=\"8\"}, }; return navItems; } } See demo here. Width​ Set the Width parameter to change the sidebar width. Default value is 270px. <Sidebar Href=\"/\" IconName=\"IconName.BootstrapFill\" Title=\"Blazor Bootstrap\" DataProvider=\"SidebarDataProvider\" Width=\"350\" WidthUnit=\"Unit.Px\" /> @code { IEnumerable<NavItem>? navItems; private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request) { if (navItems is null) navItems = GetNavItems(); return await Task.FromResult(request.ApplyTo(navItems)); } private IEnumerable<NavItem> GetNavItems() { navItems = new List<NavItem> { new NavItem { Href = \"/getting-started\", IconName = IconName.HouseDoorFill, Text = \"Getting Started\"}, new NavItem { Href = \"/alerts\", IconName = IconName.CheckCircleFill, Text = \"Alerts\"}, new NavItem { Href = \"/autocomplete\", IconName = IconName.InputCursorText, Text = \"Auto Complete\"}, new NavItem { Href = \"/breadcrumb\", IconName = IconName.SegmentedNav, Text = \"Breadcrumb\"}, new NavItem { Href = \"/sidebar\", IconName = IconName.LayoutSidebarInset, Text = \"Sidebar\"}, }; return navItems; } } See demo here. Edit this page Previous Script Loader Next Sidebar2 Parameters Methods NavItem Properties Examples Basic usage Two level navigation Change icons color Full layout with sidebar Toggle sidebar to show icons only Show badge Custom brand icon Show image as brand logo Customize sidebar Apply custom CSS class to NavItem Width","s":"Blazor Sidebar","u":"/components/sidebar","h":"","p":663},{"i":666,"t":"Components PDF Viewer On this page Blazor PDF Viewer The Blazor PDF Viewer component allows users to view PDF files directly in the browser, without relying on third-party browser tools or extensions. Parameters​ Name Type Default Required Description Added Version Orientation Orientation Orientation.Portrait Gets or sets the preferred orientation for the PDF viewer. 2.1.0 Url string null ✔️ Gets or sets the URL of the PDF document to be displayed. PDF Viewer component supports base64 string as a URL. 1.11.0 Callback Events​ Event Description Added Version OnDocumentLoaded This event fires immediately after the PDF document is loaded. 1.11.0 OnPageChanged This event fires immediately after the page is changed. 1.11.0 Examples​ Basic usage​ <p>@eventLog</p> <PdfViewer Class=\"mb-3\" Url=\"https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf\" OnDocumentLoaded=\"OnDocumentLoaded\" OnPageChanged=\"OnPageChanged\" /> @code { private string eventLog { get; set; } = $\"Last event: ..., CurrentPage: 0, TotalPages: 0\"; private async Task OnDocumentLoaded(PdfViewerEventArgs args) => eventLog = $\"Last event: OnDocumentLoaded, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}\"; private async Task OnPageChanged(PdfViewerEventArgs args) => eventLog = $\"Last event: OnPageChanged, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}\"; } See demo here. Orientation​ Set the Orientation parameter to Orientation.Landscape to change the default orientation from Portrait to Landscape. <p>@eventLog</p> <PdfViewer Class=\"mb-3\" Url=\"https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf\" Orientation=\"Orientation.Landscape\" OnDocumentLoaded=\"OnDocumentLoaded\" OnPageChanged=\"OnPageChanged\" /> @code { private string eventLog { get; set; } = $\"Last event: ..., CurrentPage: 0, TotalPages: 0\"; private void OnDocumentLoaded(PdfViewerEventArgs args) => eventLog = $\"Last event: OnDocumentLoaded, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}\"; private void OnPageChanged(PdfViewerEventArgs args) => eventLog = $\"Last event: OnPageChanged, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}\"; } See demo here. Base64String​ Pdf Viewer component supports base64 string as a URL. <p>@eventLog</p> <PdfViewer Class=\"mb-3\" Url=\"@string.Format(\"data:application/pdf;base64,{0}\", pdfBase64String)\" OnDocumentLoaded=\"OnDocumentLoaded\" OnPageChanged=\"OnPageChanged\" /> @code { private string eventLog { get; set; } = $\"Last event: ..., CurrentPage: 0, TotalPages: 0\"; private string pdfBase64String; protected override void OnInitialized() { // get pdf as base64 string pdfBase64String = @\"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yc3wEAIvPjTX1ZuoA/EJb4b150BykvrznGgWgz9mYZ9WP/+j+niSJ5Bf1n8nSLfX8RimDQuML+cJl0JJUvLljxnwTvpjhm9/ufv+/lD/ab+KJr7+PyUG1RtlbmRzdHJlYW0KZW5kb2JqCjQ1IDAgb2JqCjw8Ci9BdXRob3IgKERhdmlkIE1hbmRlbGluKQovQ3JlYXRpb25EYXRlIChEOjIwMDkwMzE3MjIxMTAwWikKL0NyZWF0b3IgKE9tbmlHcmFmZmxlIDQuMi4zKQovTW9kRGF0ZSAoRDoyMDA5MDMxODAwMjMwMFopCi9Qcm9kdWNlciAoTWFjIE9TIFggMTAuNS42IFF1YXJ0eiBQREZDb250ZXh0KQovVGl0bGUgKHN0YXRlcykKPj4KZW5kb2JqCjQ2IDAgb2JqClsvSUNDQmFzZWQgNjEgMCBSXQplbmRvYmoKNDcgMCBvYmoKWy9JQ0NCYXNlZCA2MiAwIFJdCmVuZG9iago0OCAwIG9iago8PAovVHlwZSAvRm9udAovU3VidHlwZSAvVHJ1ZVR5cGUKL0Jhc2VGb250IC9SQkZZR0MjMkJIZWx2ZXRpY2EKL0ZvbnREZXNjcmlwdG9yIDYzIDAgUgovV2lkdGhzIDY0IDAgUgovRmlyc3RDaGFyIDMyCi9MYXN0Q2hhciAyMjIKL0VuY29kaW5nIC9NYWNSb21hbkVuY29kaW5nCj4+CmVuZG9iago0OSAwIG9iago8PAovVHlwZSAvRm9udAovU3VidHlwZSAvVHJ1ZVR5cGUKL0Jhc2VGb250IC9USVZSVUsjMkJIZWx2ZXRpY2EtQm9sZAovRm9udERlc2NyaXB0b3IgNjUgMCBSCi9XaWR0aHMgNjYgMCBSCi9GaXJzdENoYXIgMzIKL0xhc3RDaGFyIDEyMQovRW5jb2RpbmcgL01hY1JvbWFuRW5jb2RpbmcKPj4KZW5kb2JqCjUwIDAgb2JqCjw8Ci9MZW5ndGggNjcgMCBSCi9UeXBlIC9YT2JqZWN0Ci9TdWJ0eXBlIC9JbWFnZQovV2lkdGggMTM5Ci9IZWlnaHQgNTcKL0NvbG9yU3BhY2UgNDYgMCBSCi9TTWFzayA2OCAwIFIKL0JpdHNQZXJDb21wb25lbnQgOAovRmlsdGVyIC9GbGF0ZURlY29kZQo+PgpzdHJlYW0K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Ci9Bc2NlbnQgNzcwCi9DYXBIZWlnaHQgNzI3Ci9EZXNjZW50IC0yMzAKL0ZsYWdzIDMyCi9Gb250QkJveCBbIC05NTEgLTQ4MSAxNDQ1IDExMjJdCi9Gb250TmFtZSAvUkJGWUdDIzJCSGVsdmV0aWNhCi9JdGFsaWNBbmdsZSAwCi9TdGVtViA5OAovTWF4V2lkdGggMTUwMAovU3RlbUggODUKL1hIZWlnaHQgNTMxCi9Gb250RmlsZTIgODkgMCBSCj4+CmVuZG9iago2NCAwIG9iagpbIDI3OCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMjc4IDAgMCAyNzggMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgNjY3IDcyMiAwIDAgMCAwIDAgMjc4IDAgMCA1NTYgMCA3MjIgNzc4IDAgMCA3MjIgMCA2MTEgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgNTU2IDU1NiA1MDAgNTU2IDU1NiAwIDU1NiA1NTYgMjIyIDAgNTAwIDIyMiA4MzMgNTU2IDU1NiA1NTYgMCAzMzMgNTAwIDI3OCAwIDUwMCA3MjIgNTAwIDUwMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDUwMF0KZW5kb2JqCjY1IDAgb2JqCjw8Ci9UeXBlIC9Gb250RGVzY3JpcHRvcgovQXNjZW50IDc3MAovQ2FwSGVpZ2h0IDczMQovRGVzY2VudCAtMjMwCi9GbGFncyAzMgovRm9udEJCb3ggWyAtMTAxOCAtNDgxIDE0MzYgMTE1OV0KL0ZvbnROYW1lIC9USVZSVUsjMkJIZWx2ZXRpY2EtQm9sZAovSXRhbGljQW5nbGUgMAovU3RlbVYgMTQ5Ci9NYXhXaWR0aCAxNTAwCi9TdGVtSCAxMjQKL1hIZWlnaHQgNTQwCi9Gb250Rmls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UFRFWC5JbmZvRGljdCAyMTkgMCBSIAovTWF0cml4IFsxLjAwMDAwMDAwIDAuMDAwMDAwMDAgMC4wMDAwMDAwMCAxLjAwMDAwMDAwIDAuMDAwMDAwMDAgMC4wMDAwMDAwMF0KL0JCb3ggWzQuNzQzMTY5MDAgNDk4LjAxMDkwMDAwIDU0OS4wMDU0MDAwMCA3ODEuMDcxMDAwMDBdCi9SZXNvdXJjZXMgPDwKL1Byb2NTZXQgWyAvUERGIC9UZXh0IC9JbWFnZUIgL0ltYWdlQyAvSW1hZ2VJIF0KL0NvbG9yU3BhY2UgPDwKL0NzMSAyMjAgMCBSCj4+L0ZvbnQgPDwgL0YxLjEgMjIxIDAgUj4+Ci9YT2JqZWN0IDw8Ci9JbTQ4IDIyMiAwIFIKL0ltMTcgMjIzIDAgUgovSW0zMyAyMjQgMCBSCi9JbTUyIDIyNSAwIFIKL0ltMjEgMjI2IDAgUgovSW0xMyAyMjcgMCBSCi9JbTIzIDIyOCAwIFIKL0ltOSAyMjkgMCBSCi9JbTE2IDIzMCAwIFIKL0ltNDMgMjMxIDAgUgovSW00NCAyMzIgMCBSCi9JbTY1IDIzMyAwIFIKL0ltNiAyMzQgMCBSCi9JbTI3IDIzNSAwIFIKL0ltMTIgMjM2IDAgUgovSW0zNSAyMzcgMCBSCi9JbTUwIDIzOCAwIFIKL0ltNjggMjM5IDAgUgovSW00MSAyNDAgMCBSCi9JbTc1IDI0MSAwIFIKL0ltNzcgMjQyIDAgUgovSW02NCAyNDMgMCBSCi9JbTUgMjQ0IDAgUgovSW00NSAyNDUgMCBSCi9JbTIwIDI0NiAwIFIKL0ltNjkgMjQ3IDAgUgovSW0zOCAyNDggMCBSCi9JbTEgMjQ5IDAgUgovSW00MiAyNTAgMCBSCi9JbTcyIDI1MSAwIFIKL0ltMTQgMjUyIDAgUgovSW01NSAyNTMgMCBSCi9JbTI0IDI1NCAwIFIKL0ltMzcgMjU1IDAgUgovSW00NiAyNTYgMCBSCi9JbTggMjU3IDAgUgovSW0zNiAyNTggMCBSCi9JbTYxIDI1OSAwIFIKL0ltNTQgMjYwIDAgUgovSW0yMiAyNjEgMCBSCi9JbTQwIDI2MiAwIFIKL0ltNjcgMjYzIDAgUgovSW03MSAyNjQgMCBSCi9JbTc4IDI2NSAwIFIKL0ltMzkgMjY2IDAgUgovSW0yOSAyNjcgMCBSCi9JbTI2IDI2OCAwIFIKL0ltNjYgMjY5IDAgUgovSW03MCAyNzAgMCBSCi9JbTc0IDI3MSAwIFIKL0ltNjMgMjcyIDAgUgovSW01MSAyNzMgMCBSCi9JbTMgMjc0IDAgUgovSW03IDI3NSAwIFIKL0ltNTcgMjc2IDAgUgovSW0yIDI3NyAwIFIKL0ltMzEgMjc4IDAgUgovSW03MyAyNzkgMCBSCi9JbTEwIDI4MCAwIFIKL0ltMjUgMjgxIDAgUgovSW0yOCAyODIgMCBSCi9JbTUzIDI4MyAwIFIKL0ltNTkgMjg0IDAgUgovSW0xMSAyODUgMCBSCi9JbTQgMjg2IDAgUgovSW0xOCAyODcgMCBSCi9JbTU2IDI4OCAwIFIKL0ltMTUgMjg5IDAgUgovSW0xOSAyOTAgMCBSCi9JbTMyIDI5MSAwIFIKL0ltNDkgMjkyIDAgUgovSW0zMCAyOTMgMCBSCi9JbTc2IDI5NCAwIFIKL0ltNTggMjk1IDAgUgovSW00NyAyOTYgMCBSCi9JbTYyIDI5NyAwIFIKL0ltMzQgMjk4IDAgUgovSW02MCAyOTkgMCBSCj4+L1NoYWRpbmcgPDwKL1NoMjMgMzAwIDAgUgovU2gxOCAzMDEgMCBSCi9TaDMyIDMwMiAwIFIKL1NoNzkgMzAzIDAgUgovU2g1NiAzMDQgMCBSCi9TaDUxIDMwNSAwIFIKL1NoNjkgMzA2IDAgUgovU2gxNCAzMDcgMCBSCi9TaDQxIDMwOCAwIFIKL1NoNzcgMzA5IDAgUgovU2g3OCAzMTAgMCBSCi9TaDM4IDMxMSAwIFIKL1NoNjEgMzEyIDAgUgovU2gyOCAzMTMgMCBSCi9TaDYwIDMxNCAwIFIKL1NoNTUgMzE1IDAgUgovU2g5IDMxNiAwIFIKL1NoOCAzMTcgMCBSCi9TaDgwIDMxOCAwIFIKL1NoMjcgMzE5IDAgUgovU2g0NSAzMjAgMCBSCi9TaDM3IDMyMSAwIFIKL1NoNDggMzIyIDAgUgovU2gxMiAzMjMgMCBSCi9TaDI2IDMyNCAwIFIKL1NoMjIgMzI1IDAgUgovU2g3MCAzMjYgMCBSCi9TaDI0IDMyNyAwIFIKL1NoMjUgMzI4IDAgUgovU2gyOSAzMjkgMCBSCi9TaDU4IDMzMCAwIFIKL1NoMzEgMzMxIDAgUgovU2gzIDMzMiAwIFIKL1NoNDQgMzMzIDAgUgovU2g3NCAzMzQgMCBSCi9TaDY2IDMzNSAwIFIKL1NoNDAgMzM2IDAgUgovU2gxIDMzNyAwIFIKL1NoMTEgMzM4IDAgUgovU2g1MiAzMzkgMCBSCi9TaDcyIDM0MCAwIFIKL1NoNTcgMzQxIDAgUgovU2gyIDM0MiAwIFIKL1NoMzQgMzQzIDAgUgovU2g0MyAzNDQgMCBSCi9TaDQ5IDM0NSAwIFIKL1NoNjcgMzQ2IDAgUgovU2g0IDM0NyAwIFIKL1NoMTkgMzQ4IDAgUgovU2g2NSAzNDkgMCBSCi9TaDY4IDM1MCAwIFIKL1NoNzUgMzUxIDAgUgovU2gyMCAzNTIgMCBSCi9TaDcxIDM1MyAwIFIKL1NoMzkgMzU0IDAgUgovU2g3NiAzNTUgMCBSCi9TaDQ3IDM1NiAwIFIKL1NoMTUgMzU3IDAgUgovU2g1NCAzNTggMCBSCi9TaDMwIDM1OSAwIFIKL1NoNjMgMzYwIDAgUgovU2g2IDM2MSAwIFIKL1NoNyAzNjIgMCBSCi9TaDE2IDM2MyAwIFIKL1NoMzYgMzY0IDAgUgovU2g2NCAzNjUgMCBSCi9TaDEwIDM2NiAwIFIKL1NoODEgMzY3IDAgUgovU2g1OSAzNjggMCBSCi9TaDMzIDM2OSAwIFIKL1NoMjEgMzcwIDAgUgovU2gxMyAzNzEgMCBSCi9TaDUzIDM3MiAwIFIKL1NoNTAgMzczIDAgUgovU2gzNSAzNzQgMCBSCi9TaDQyIDM3NSAwIFIKL1NoNDYgMzc2IDAgUgovU2g2MiAzNzcgMCBSCi9TaDczIDM3OCAwIFIKL1NoMTcgMzc5IDAgUgovU2g1IDM4MCAwIFIKPj4+PgovTGVuZ3RoIDM4MSAwIFIKL0ZpbHRlciAvRmxhdGVEZWNvZGUKPj4Kc3RyZWFtCngB3P1Jr67LlqZp9devWBQpQUrsmHXRJQCJHshDijY6ipCTck+IcBB/n+t+7J3FKk7GPjunhIR746z5bCuHDRu1vd9/+f5//f5fvt++/vF69/3x5uaPl5eb2++Pd3d/PLx8v3u+++P26ft//U/f/+P3//H7v/v3/3b7/W//9v12//9vf3vv9PLHy0Od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MTYwNTQ2NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTQ0IDAgUgo+PgplbmRvYmoKMzAzIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDU1OTQ5NjAgMjc0Mjg0IDU1OTQ5NjAgMzQ0MDM2XQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTQ1IDAgUgo+PgplbmRvYmoKMzA0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDExOTA4NDYgMTQ1MTc0MyAxMTkwODQ2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NDYgMCBSCj4+CmVuZG9iagozMDUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNjAzNjY5NCAxOTkyMjcxIDYwMzY2OTQgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU0NyAwIFIKPj4KZW5kb2JqCjMwNiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA0MjIyNzQwIDE5ODU2NzMgNDIyMjc0MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTQ4IDAgUgo+PgplbmRvYmoKMzA3IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDM0MTk0MTggMjAxNzU5NiAzNDE5NDE4IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NDkgMCBSCj4+CmVuZG9iagozMDggMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzcwNDQ2OCAxOTgwNjQ1IDM3MDQ0NjggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU1MCAwIFIKPj4KZW5kb2JqCjMwOSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA2MDg4NTIyIDIwNzE4MzUgNjA4ODUyMiAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTUxIDAgUgo+PgplbmRvYmoKMzEwIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDYzMjE3NDQgMjA2NTk5OCA2MzIxNzQ0IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NTIgMCBSCj4+CmVuZG9iagozMTEgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzAwNDgwMCAxNTc1NTIzIDMwMDQ4MDAgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU1MyAwIFIKPj4KZW5kb2JqCjMxMiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyMzU2OTU4IDE0ODkyMzggMjM1Njk1OCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTU0IDAgUgo+PgplbmRvYmoKMzEzIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDY3MjU3MyAyMDYwMTg0IDY3MjU3MyAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTU1IDAgUgo+PgplbmRvYmoKMzE0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDIxMjM3MzYgMTMxNDQ2OCAyMTIzNzM2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NTYgMCBSCj4+CmVuZG9iagozMTUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgOTU3NjIzIDE5ODgwMzkgOTU3NjIzIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NTcgMCBSCj4+CmVuZG9iagozMTYgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMjI1MzMwNCAxNDczMTI1IDIyNTMzMDQgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU1OCAwIFIKPj4KZW5kb2JqCjMxNyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyMDIwMDgyIDM1Njg4IDIwMjAwODIgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU1OSAwIFIKPj4KZW5kb2JqCjMxOCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1NTk0OTYwIDUwMzI0MyA1NTk0OTYwIDU3Mjk5NV0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU2MCAwIFIKPj4KZW5kb2JqCjMxOSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA0MzkzNTAuNSAyMDU0NDEyIDQzOTM1MC41IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NjEgMCBSCj4+CmVuZG9iagozMjAgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDYzNzM1OCAyMDQwMDE1IDQ2MzczNTggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU2MiAwIFIKPj4KZW5kb2JqCjMyMSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyNzcxNTc2IDE4Mzk0NjEgMjc3MTU3NiAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTYzIDAgUgo+PgplbmRvYmoKMzIyIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDUzMzcwMjYgMjA0MDQyMyA1MzM3MDI2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NjQgMCBSCj4+CmVuZG9iagozMjMgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMjk1Mjk3MiAyMTMwODc3IDI5NTI5NzIgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU2NSAwIFIKPj4KZW5kb2JqCjMyNCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA2MjE4MDkwIDIwNTUzNDAgNjIxODA5MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTY2IDAgUgo+PgplbmRvYmoKMzI1IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDUyODUxOTggMTk5NzYyNCA1Mjg1MTk4IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NjcgMCBSCj4+CmVuZG9iagozMjYgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDQ1NTk2MiAxNzkxNDUwIDQ0NTU5NjIgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU2OCAwIFIKPj4KZW5kb2JqCjMyNyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1NzUxNjQ0IDIxMjA4NDUgNTc1MTY0NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTY5IDAgUgo+PgplbmRvYmoKMzI4IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDU5ODQ4NjYgMjExMjAyMSA1OTg0ODY2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NzAgMCBSCj4+CmVuZG9iagozMjkgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgOTA1Nzk1LjUgMTk3OTIxMyA5MDU3OTUuNSAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTcxIDAgUgo+PgplbmRvYmoKMzMwIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDE2NTcyOTAgMTc3ODk0NSAxNjU3MjkwIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NzIgMCBSCj4+CmVuZG9iagozMzEgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMTM3MjI0MSAxNDY3OTkwIDEzNzIyNDEgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU3MyAwIFIKPj4KZW5kb2JqCjMzMiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA4NTM5NjguNSAyMTEzNDk3IDg1Mzk2OC41IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NzQgMCBSCj4+CmVuZG9iagozMzMgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDQwNDEzNiAxOTYwMTQxIDQ0MDQxMzYgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU3NSAwIFIKPj4KZW5kb2JqCjMzNCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1Mzg4ODU0IDIwNjA0NjcgNTM4ODg1NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTc2IDAgUgo+PgplbmRvYmoKMzM1IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDM1MjMwNzIgMjAyNDQ4MiAzNTIzMDcyIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1NzcgMCBSCj4+CmVuZG9iagozMzYgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzQ3MTI0NCAyMDExMjgzIDM0NzEyNDQgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU3OCAwIFIKPj4KZW5kb2JqCjMzNyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzODc1MjMgMjAyNjQ1OCAzODc1MjMgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU3OSAwIFIKPj4KZW5kb2JqCjMzOCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyNzE5NzUwIDE5NzkyMjggMjcxOTc1MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTgwIDAgUgo+PgplbmRvYmoKMzM5IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDYyNjk5MTYgMjA5ODM0MyA2MjY5OTE2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1ODEgMCBSCj4+CmVuZG9iagozNDAgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDkyMjQwOCAxNzkwNzkzIDQ5MjI0MDggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU4MiAwIFIKPj4KZW5kb2JqCjM0MSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAxNDI0MDY4IDE2OTQxNTkgMTQyNDA2OCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTgzIDAgUgo+PgplbmRvYmoKMzQyIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDYyMDc0NS41IDE5Njk5MTkgNjIwNzQ1LjUgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU4NCAwIFIKPj4KZW5kb2JqCjM0MyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyMDcxOTA5IDEwOTU1NzcgMjA3MTkwOSAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTg1IDAgUgo+PgplbmRvYmoKMzQ0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDQxNzA5MTIgMTk5NzY4NCA0MTcwOTEyIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1ODYgMCBSCj4+CmVuZG9iagozNDUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNTU3MDI0OCAxOTI5MDMzIDU1NzAyNDggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU4NyAwIFIKPj4KZW5kb2JqCjM0NiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzNzU2Mjk0IDE5NjYyMTkgMzc1NjI5NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTg4IDAgUgo+PgplbmRvYmoKMzQ3IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDEwODcxOTEgMjEzNDYwMCAxMDg3MTkxIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1ODkgMCBSCj4+CmVuZG9iagozNDggMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNDU4NTUzMCAxNzA5Njk3IDQ1ODU1MzAgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU5MCAwIFIKPj4KZW5kb2JqCjM0OSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzMjg5ODUwIDIwMjQ4ODYgMzI4OTg1MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTkxIDAgUgo+PgplbmRvYmoKMzUwIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDM5ODk1MTggMjA5OTE1OCAzOTg5NTE4IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1OTIgMCBSCj4+CmVuZG9iagozNTEgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNTYyMjA3NiAxOTI5MDMzIDU2MjIwNzYgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU5MyAwIFIKPj4KZW5kb2JqCjM1MiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA0ODE4NzU0IDE2MDUxMjQgNDgxODc1NCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTk0IDAgUgo+PgplbmRvYmoKMzUzIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDQ2ODkxODYgMTk0MzgzMCA0Njg5MTg2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1OTUgMCBSCj4+CmVuZG9iagozNTQgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzIzODAyMiAxOTA0MzE4IDMyMzgwMjIgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU5NiAwIFIKPj4KZW5kb2JqCjM1NSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1ODU1Mjk4IDIxMDQxNzkgNTg1NTI5OCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNTk3IDAgUgo+PgplbmRvYmoKMzU2IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDUxMDM4MDQgMTczMzk3MiA1MTAzODA0IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA1OTggMCBSCj4+CmVuZG9iagozNTcgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzY1MjY0MCAxNzA1NTI0IDM2NTI2NDAgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDU5OSAwIFIKPj4KZW5kb2JqCjM1OCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA3MjQ0MDAuNSAyMDI1MjcyIDcyNDQwMC41IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MDAgMCBSCj4+CmVuZG9iagozNTkgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMTEzOTAxOCAxODQwODI4IDExMzkwMTggMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwMSAwIFIKPj4KZW5kb2JqCjM2MCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyODIzNDA0IDE4NTkxOTIgMjgyMzQwNCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjAyIDAgUgo+PgplbmRvYmoKMzYxIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDE1NTM2MzYgMTg1NTk1NSAxNTUzNjM2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MDMgMCBSCj4+CmVuZG9iagozNjIgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMTc4Njg1OSAxOTUzODg0IDE3ODY4NTkgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwNCAwIFIKPj4KZW5kb2JqCjM2MyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzODg1ODYzIDIxMjI0NzYgMzg4NTg2MyAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjA1IDAgUgo+PgplbmRvYmoKMzY0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDI1MzgzNTQgMTYzNDk4MCAyNTM4MzU0IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MDYgMCBSCj4+CmVuZG9iagozNjUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzA1NjYyNiAxMzY4MzM2IDMwNTY2MjYgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwNyAwIFIKPj4KZW5kb2JqCjM2NiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAyNDg2NTI3IDU5MDk1IDI0ODY1MjcgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwOCAwIFIKPj4KZW5kb2JqCjM2NyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1NTk0OTYwIDczMjIwMiA1NTk0OTYwIDgwMTk1NF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYwOSAwIFIKPj4KZW5kb2JqCjM2OCAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAxODkwNTE0IDE4MDUwNDcgMTg5MDUxNCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjEwIDAgUgo+PgplbmRvYmoKMzY5IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDE4Mzg2ODYgMTc1ODUzNSAxODM4Njg2IDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MTEgMCBSCj4+CmVuZG9iagozNzAgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgNTA1MTk3NiAxODU0NTIzIDUwNTE5NzYgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYxMiAwIFIKPj4KZW5kb2JqCjM3MSAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyAzMTg2MTk1IDIwNzM3MTcgMzE4NjE5NSAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjEzIDAgUgo+PgplbmRvYmoKMzcyIDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDQ5MTE3Ny41IDE5NjMwODYgNDkxMTc3LjUgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYxNCAwIFIKPj4KZW5kb2JqCjM3MyAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA1ODAzNDcyIDIxMTQ4MDMgNTgwMzQ3MiAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjE1IDAgUgo+PgplbmRvYmoKMzc0IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDIzMDUxMzIgMTQwMDgxMCAyMzA1MTMyIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MTYgMCBSCj4+CmVuZG9iagozNzUgMCBvYmoKPDwKL0NvbG9yU3BhY2UgMjIwIDAgUgovU2hhZGluZ1R5cGUgMgovQ29vcmRzIFsgMzkzNzY5MCAyMDEzNTI4IDM5Mzc2OTAgMjIxNDM1MF0KL0RvbWFpbiBbIDAgMV0KL0V4dGVuZCBbIHRydWUgdHJ1ZV0KL0Z1bmN0aW9uIDYxNyAwIFIKPj4KZW5kb2JqCjM3NiAwIG9iago8PAovQ29sb3JTcGFjZSAyMjAgMCBSCi9TaGFkaW5nVHlwZSAyCi9Db29yZHMgWyA0ODcwNTgwIDE5MjkyNjMgNDg3MDU4MCAyMjE0MzUwXQovRG9tYWluIFsgMCAxXQovRXh0ZW5kIFsgdHJ1ZSB0cnVlXQovRnVuY3Rpb24gNjE4IDAgUgo+PgplbmRvYmoKMzc3IDAgb2JqCjw8Ci9Db2xvclNwYWNlIDIyMCAwIFIKL1NoYWRpbmdUeXBlIDIKL0Nvb3JkcyBbIDI1OTAxODIgMTc5MDA4NyAyNTkwMTgyIDIyMTQzNTBdCi9Eb21haW4gWyAwIDFdCi9FeHRlbmQgWyB0cnVlIHRydWVdCi9GdW5jdGlvbiA2MTkgMCBSCj4+CmVuZG9i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CjYzMSAwIG9iago4MTEKZW5kb2JqCjYzMiAwIG9iago5MzMKZW5kb2JqCjYzMyAwIG9iagoxMDAzCmVuZG9iago2MzQgMCBvYmoKODU1CmVuZG9iago2MzUgMCBvYmoKNjY5CmVuZG9iago2MzYgMCBvYmoKOTczCmVuZG9iago2MzcgMCBvYmoKODQyCmVuZG9iago2MzggMCBvYmoKMTAyNgplbmRvYmoKNjM5IDAgb2JqCjk1MQplbmRvYmoKNjQwIDAgb2JqCjkzOQplbmRvYmoKNjQxIDAgb2JqCjEwNTQKZW5kb2JqCjY0MiAwIG9iago5NDYKZW5kb2JqCjY0MyAwIG9iago5MzYKZW5kb2JqCjY0NCAwIG9iago5ODMKZW5kb2JqCjY0NSAwIG9iagoxMDI2CmVuZG9iago2NDYgMCBvYmoKOTY5CmVuZG9iago2NDcgMCBvYmoKMTEwNQplbmRvYmoKNjQ4IDAgb2JqCjk2MAplbmRvYmoKNjQ5IDAgb2JqCjkyMAplbmRvYmoKNjUwIDAgb2JqCjEwNDQKZW5kb2JqCjY1MSAwIG9iago4NDIKZW5kb2JqCjY1MiAwIG9iagoxMDc2CmVuZG9iago2NTMgMCBvYmoKOTcwCmVuZG9iago2NTQgMCBvYmoKOTQ5CmVuZG9iago2NTUgMCBvYmoKOTYzCmVuZG9iago2NTYgMCBvYmoKOTU3CmVuZG9iago2NTcgMCBvYmoKOTU0CmVuZG9iago2NTggMCBvYmoKOTUxCmVuZG9iago2NTkgMCBvYmoKOTI2CmVuZG9iago2NjAgMCBvYmoKOTg1CmVuZG9iago2NjEgMCBvYmoKMTMwMAplbmRvYmoKNjYyIDAgb2JqCjc0MwplbmRvYmoKNjYzIDAgb2JqCjEwMzMKZW5kb2JqCjY2NCAwIG9iago4NDIKZW5kb2JqCjY2NSAwIG9iago3ODQKZW5kb2JqCjY2NiAwIG9iago5ODcKZW5kb2JqCjY2NyAwIG9iago5ODAKZW5kb2JqCjY2OCAwIG9iagoxMDE4CmVuZG9iago2NjkgMCBvYmoKOTUxCmVuZG9iago2NzAgMCBvYmoKOTgyCmVuZG9iago2NzEgMCBvYmoKODkwCmVuZG9iago2NzIgMCBvYmoKODgxCmVuZG9iago2NzMgMCBvYmoKOTQ1CmVuZG9iago2NzQgMCBvYmoKMTAxMwplbmRvYmoKNjc1IDAgb2JqCjk2MQplbmRvYmoKNjc2IDAgb2JqCjEwMDQKZW5kb2JqCjY3NyAwIG9iago5NzgKZW5kb2JqCjY3OCAwIG9iago3MjkKZW5kb2JqCjY3OSAwIG9iago5ODEKZW5kb2JqCjY4MCAwIG9iagoxMDM5CmVuZG9iago2ODEgMCBvYmoKOTE0CmVuZG9iago2ODIgMCBvYmoKMTA0MwplbmRvYmoKNjgzIDAgb2JqCjEwMjgKZW5kb2JqCjY4NCAwIG9iagoxMjYzCmVuZG9iago2ODUgMCBvYmoKOTc5CmVuZG9iago2ODYgMCBvYmoKOTYwCmVuZG9iago2ODcgMCBvYmoKOTc5CmVuZG9iago2ODggMCBvYmoKMTAwMwplbmRvYmoKNjg5IDAgb2JqCjgzOQplbmRvYmoKNjkwIDAgb2JqCjgzMgplbmRvYmoKNjkxIDAgb2JqCjgyNAplbmRvYmoKNjkyIDAgb2JqCjEwMjMKZW5kb2JqCjY5MyAwIG9iago5ODMKZW5kb2JqCjY5NCAwIG9iagoxMDYyCmVuZG9iago2OTUgMCBvYmoKOTk5CmVuZG9iago2OTYgMCBvYmoKMTAyNwplbmRvYmoKNjk3IDAgb2JqCjEwMTMKZW5kb2JqCjY5OCAwIG9iago4MzIKZW5kb2JqCjY5OSAwIG9iago5OTcKZW5kb2JqCjcwMCAwIG9iagoxMDY3CmVuZG9iago3MDEgMCBvYmoKOTg0CmVuZG9iago3MDIgMCBvYmoKOTc3CmVuZG9iago3MDMgMCBvYmoKMTA2MQplbmRvYmoKNzA0IDAgb2JqCjc4MAplbmRvYmoKNzA1IDAgb2JqCjc4MAplbmRvYmoKNzA2IDAgb2JqCjgwNQplbmRvYmoKNzA3IDAgb2JqCjc4MAplbmRvYmoKNzA4IDAgb2JqCjczMAplbmRvYmoKNzA5IDAgb2JqCjgwNQplbmRvYmoKNzEwIDAgb2JqCjczMAplbmRvYmoKNzExIDAgb2JqCjc4MAplbmRvYmoKNzEyIDAgb2JqCjgwNQplbmRvYmoKNzEzIDAgb2JqCjczMAplbmRvYmoKNzE0IDAgb2JqCjczMAplbmRvYmoKNzE1IDAgb2JqCjgwNQplbmRvYmoKNzE2IDAgb2JqCjczMAplbmRvYmoKNzE3IDAgb2JqCjgwNQplbmRvYmoKNzE4IDAgb2JqCjczMAplbmRvYmoKNzE5IDAgb2JqCjczMAplbmRvYmoKNzIwIDAgb2JqCjc4MAplbmRvYmoKNzIxIDAgb2JqCjc4MAplbmRvYmoKNzIyIDAgb2JqCjgwNQplbmRvYmoKNzIzIDAgb2JqCjgwNQplbmRvYmoKNzI0IDAgb2JqCjgwNQplbmRvYmoKNzI1IDAgb2JqCjgwNQplbmRvYmoKNzI2IDAgb2JqCjgwNQplbmRvYmoKNzI3IDAgb2JqCjc4MAplbmRvYmoKNzI4IDAgb2JqCjc4MAplbmRvYmoKNzI5IDAgb2JqCjc4MAplbmRvYmoKNzMwIDAgb2JqCjczMAplbmRvYmoKNzMxIDAgb2JqCjc4MAplbmRvYmoKNzMyIDAgb2JqCjc4MAplbmRvYmoKNzMzIDAgb2JqCjgwNQplbmRvYmoKNzM0IDAgb2JqCjczMAplbmRvYmoKNzM1IDAgb2JqCjgwNQplbmRvYmoKNzM2IDAgb2JqCjc4MAplbmRvYmoKNzM3IDAgb2JqCjgwNQplbmRvYmoKNzM4IDAgb2JqCjczMAplbmRvYmoKNzM5IDAgb2JqCjczMAplbmRvYmoKNzQwIDAgb2JqCjgwNQplbmRvYmoKNzQxIDAgb2JqCjc4MAplbmRvYmoKNzQyIDAgb2JqCjc4MAplbmRvYmoKNzQzIDAgb2JqCjgwNQplbmRvYmoKNzQ0IDAgb2JqCjczMAplbmRvYmoKNzQ1IDAgb2JqCjczMAplbmRvYmoKNzQ2IDAgb2JqCjc4MAplbmRvYmoKNzQ3IDAgb2JqCjgwNQplbmRvYmoKNzQ4IDAgb2JqCjgwNQplbmRvYmoKNzQ5IDAgb2JqCjgwNQplbmRvYmoKNzUwIDAgb2JqCjczMAplbmRvYmoKNzUxIDAgb2JqCjc4MAplbmRvYmoKNzUyIDAgb2JqCjc4MAplbmRvYmoKNzUzIDAgb2JqCjczMAplbmRvYmoKNzU0IDAgb2JqCjczMAplbmRvYmoKNzU1IDAgb2JqCjczMAplbmRvYmoKNzU2IDAgb2JqCjc4MAplbmRvYmoKNzU3IDAgb2JqCjczMAplbmRvYmoKNzU4IDAgb2JqCjgwNQplbmRvYmoKNzU5IDAgb2JqCjczMAplbmRvYmoKNzYwIDAgb2JqCjgwNQplbmRvYmoKNzYxIDAgb2JqCjc4MAplbmRvYmoKNzYyIDAgb2JqCjczMAplbmRvYmoKNzYzIDAgb2JqCjgwNQplbmRvYmoKNzY0IDAgb2JqCjczMAplbmRvYmoKNzY1IDAgb2JqCjc4MAplbmRvYmoKNzY2IDAgb2JqCjc4MAplbmRvYmoKNzY3IDAgb2JqCjc4MAplbmRvYmoKNzY4IDAgb2JqCjgwNQplbmRvYmoKNzY5IDAgb2JqCjczMAplbmRvYmoKNzcwIDAgb2JqCjc4MAplbmRvYmoKNzcxIDAgb2JqCjczMAplbmRvYmoKNzcyIDAgb2JqCjczMAplbmRvYmoKNzczIDAgb2JqCjgwNQplbmRvYmoKNzc0IDAgb2JqCjc4MAplbmRvYmoKNzc1IDAgb2JqCjc4MAplbmRvYmoKNzc2IDAgb2JqCjczMAplbmRvYmoKNzc3IDAgb2JqCjgwNQplbmRvYmoKNzc4IDAgb2JqCjgwNQplbmRvYmoKNzc5IDAgb2JqCjgwNQplbmRvYmoKNzgwIDAgb2JqCjgwNQplbmRvYmoKNzgxIDAgb2JqCjczMAplbmRvYmoKNzgyIDAgb2JqCjczMAplbmRvYmoKNzgzIDAgb2JqCjc4MAplbmRvYmoKNzg0IDAgb2JqCjc4MAplbmRvYmoKNzg1IDAgb2JqCjk4MzMKZW5kb2JqCjIxNiAwIG9iaiA8PAovRm9udCA8PCAvRjQxIDYgMCBSIC9GNDIgOSAwIFIgL0YzMyAyNCAwIFIgL0YyNiAxMiAwIFIgPj4KL1hPYmplY3QgPDwgL0ltNiAxOTggMCBSID4+Ci9Qcm9jU2V0IFsgL1BERiAvVGV4dCBdCj4+IGVuZG9iago3ODggMCBvYmogPDwKL0xlbmd0aCA0MjY1ICAgICAgCi9GaWx0ZXIgL0ZsYXRlRGVjb2RlCj4+CnN0cmVhbQp42q062ZLjxpHv/RV82TA6ogmhqlA4HqWQpZVCsrSatuwI2Q8gAJLwgACNwz3cr3deBQIk2BpvbEz0oCrryMqsvItfvT598U2oN4mfRlG4ed1vVBT5NjJmEyvjBzrSm9fiN++Htj33z1tljPFen431urLkfij9LC/dhC93bTe4zjf12B9v5pbPyiv7L3DTuz2+cNsvsNHINN94H85lWYzn57+/fv/0x9cntQngn9pE1g9DFW3iIPUjkySb/PT0z6ff/h5siqdg8/1T4Js0sZs36AS+SlO9OT2FceprY1IHqZ8+PP3PtOPWbbmd7/nVHdti5YcKVseB9qPIEtNMsc3HHRCSJGngafu81Valno6hkUahp9PnrbHWega+MMcLnrdhZFNP+QpacZJwy6pAQ0vjeh172tfBJ6QcDrhN4QQ6cuhObXc+Ar4oij1AZwJAl8A3BGyJINN3yKIJWTAhiyZkSbREFjtkXXYZ8GKet7G1sDpw9CGhiFEFAZ4BcOIYIVWCVPtWkIY+HQSRBn4gWIHsZI3ELAc56Le7qsm6y3ZgIQzTMPECoTYQagOh1l6ptTaOvC1848DiN8L5W8EY+Kl5B+P+WQVe1jQfx/yIOylzpdeEcp82FnJ1eMNj44cTj2PhscXWgwuN57ibXVtcgMla0yUSThUJTpXcEyocDu5kSPtGUIYg6++Q2/RV+ayt969nZT28YB2kJKXIsuhGoMw7mM2E2RELRsWuEburBjAxWwNfuN+h31bNdncZALlBhdeCXAtyLciDO2kOVqQZryrQCYimH8ZrdAv2JWKrtZ6oNoI4FMTqHcRmQsz8TrzEj34H71vVl9usKXApaK8StErQqv8rveuiJXiX90zko3SHwR3Z9jPwxxP+WMiGa7drZOdtM3Rt/bcgMC3if9t2ZT52fTUXujAAPjzSa/VZep2gXidrDMi7y3lotxkakDgNI886dY61qFacOOuV3hEdrtjnaDJeUbhKNKM8FZZQWhIlPGv4H/D4VrTQepjgHXT9MYMjxuiBnEewznYEv4tQT0KlJ+Ns/XRVg4tsKLf7tjtlw3Zo96RBcRI81KD4PyITRlc1aI710znrdrDSmGiOlYlVD52tQ2smCTaTuXokP4DuuM3brqhy4G4cp5OFur1N9Vnm0U6GOdVrZBI+IG+osnrbj6eeyAzvsIafgfX2ShO80uAh1v5c5uDo620DXIZN0A+pKZgJXDDzWJjMioVyhjH2lV7jL8aI1jvQ/5/O26LJIKxR4f+HI2A2a7VGcD90VXPY7rK+jELyuWaSJCsY44cY4wljeOdx4YrNGqGCkQOMfiAywe04/qLYsvw6eYrublbfoTWzSCpM3yF0yA553Y7gdSJrozsXH31GcHFvIAD2Hs6xOWf5R1CeAo18kqq5ISRaTfy7l5pOupPOTMS6sxO8/0LnktUVWYyqOY8D7BXGgRc5XjtZVuahk49XdFeLLCsXK89TEhtuQgNn1NquZCMa8gnJRqIwhGzEQv6gVKwc5CYbgd228+04EVGL/A2u3IbxJtSpr2zKLPimOozds0rQr2obAIU+HvQmiQmNr2INmRCt+bocsqouC14hoT42wVej4WsO3AWhHap+qPKe+2CMZclRFnwYmw/nqigFviub/HjKuo+yvhzoMJutsoEPlwbJFpw9MZEYoTJr/hZY5cNlgDX4yzP4FAwLVeSxecjrEUSJyIG8dZaTQSqmlBVyuvJQiiVZoRzEJVBKpu679sTIiATEtG/rmkMVohvH8qzOxxpob5v+RQjQoOYKxH0R45V5NvbIijD2Tm0/UHrktXuGUMyFgKE6yaSq5y9Y3kZmVw2DmKfQ6DCHJhsJZ+gYJtaygxAeDiUIsyE/AuchpntZ0cm3Y4UZTRgb75j13DiNDlRUe6R5X3Z0EASdy468bYPSgID8mIFoDGXnZACBzEFs4YHvVbId8EygZMo7d+2hy049Xq/VHtx08KeW4n4YHI7Z4FrIFWy1TX3huafsI5rNUgYy/swPncs+yGxcke1aUPt7Nqjgv4BdifA5cXwGADBzrIfeRwlkyNccpVaiAQCRybCqHbKaYXwXFMrm48DXkUyXPMME9GPOBUqzEqXWbf4RbY/yctzqkteU8UagRBeGE25sNONphzzFQSQXYZjHoJ3tubs8E2o2TsaDLHZC77fCo6qBSwbhGggLbNIfWSN67vJdYQuJxW/2rAMJ57vsUL44KH3c2bB3yy4sEPU8ULm9HtycIbcczvjjM+BPoJnzdMJA8DBImQrHBxEe7vH21ExvNuSzIOhMMgsNd/YXWcwf46er7kdqVWTsWtxVWHJjJef8Bd/DNlEpiLatXpD8515sEBysOlWk/gZIydsTODVnkGj8reQvZFoac0ucJjoFULHp2JzZdJozaRbbtcUppDohHIM7MglVetAmzqQUR5hj0JhzDG+TDxPRmSs2ojwCf4EMrey1kkHLxnjrQer9N+r8C7eLsZsImtMHQ4wfGox/grO9h8avP/K3G5ued8hW7cYXmotc2i01ICxg1Mqy4B5Znuuwvr9mgn7lnASuqQYG5uAsem5GqRU8C7bA5KFdMxxElmyH4hkshRahjZyQZATG+5m68oiO+HuLsszQQeAaNmd0DJYqnE1KjaNVv8Iy4CjLe7NQULDpkQUXRUNvohK7rswkSpjVKWR9th+cDsGezRSPZHcBi44DgcFx+zXFYq69srePJ/cEzV9/7LnBqpQQa7OOrheh1XDkFvBkWTQjYCMbztQ+q2sG9tci9q2KMatIdlJMTCGuhRaIY1nfmjUYBxGgbzt2PA0tOAi1DK9IHEB/4skQEoLfhiiBKIK1y2tZLd6Q0Y7M1bJhh32OYStIraqXadWhqdAC5Vkz1BcG7srheh7MNV6P0/zxcChJ8rFHgrUSQeDxtUmWFgQBIOXHpvrniNJKEzIZOJQNcB9DC+yd2o5aqVdSvIAHBM3NK465zB0nBFuxxhM4pJPKhpRFrD3LETbzseMgCjvfi6phQvIh76qzwH/98V3hpCASTIC7sZ67Wd233KqaosqZQjI5qJLYYmZBA2L1biBfBJ1FKKfJ3ox18Vgc8SkDVAnuZwf7NFiKwNtEkNwmtJVX7Rn2JtOrE4Q4V/kveBa7PdyNbSU2W1npVDee+6WVYjVaMMig5iLgM+SVI7KFcGMXrPUnbvUSzhf8aRjKuQs05jkOdBHVIyvrRE9J4A6uCigNMaTxugsPdO14OL5wm4+tMDSXUWIsxTpYER3RhcmUncy43ht0uFaQD23Xr4ZpeGTrglK7jNsQgCF26R/8F+7mYLlIlBIXw2HruPAGCGlaGXoj/N2JmWo9Ohd8L6VMEMe7VtURrrp8DnLrn8hMQaPd9WXHOiHhAAD78Xxuu4EddJK6NCBBz938o8yHsZPlDi6OCCHNqqZSApWykEleBIC5mSx4xix6pgVTwIizJfzBAZUE3Jj7SZyDdhnh4J58bn0Yqrpey8MW8qadaKsbEcMRslo4UpdZR/oH0F2LbgjBkgOWzbyY/nKzayarWGvv7wlUti5PYK4IMcbtEAqdW0grd2S/A2Qupt10YOyCQyzRznOPfIELp7Dxw3e/cCMD04Hp4lp56AL4PonhFKsJqtAiEhcX4AWQkeKIeWlZpnKEqAp0ZibusWVlT3hrEBEgyZ+La1A9NdZAzWRdqXU5y3wslYJVrP7XSTDAxt7pwqpRFVsXxpAbyntmHN+aWBy9IVYmLgikea4+gqMkLAjMdrWAbsJFCTTGQTaCM2tJaA0m0VKWLLFqgSMzxwViSbsieM2hIRzEF6NhCEU7BqDt+TXhZJr2oyhUUOLBdATRjjLxBmItPwlCfkpfnkOlq+eA4Gz1HAqlVcIhhUIJUWXBAVx61Xqsp3QMw0N++OavckoAcHKSQmq4EojsJciMbqpbvSuxqY0K4OKTFCtNsNjEfhon/MOKBG5NBUHg/YKRnSu2/eU5hiy6+zhtcK1UwXoFIRZcJUcFz3HoSRpnIq89g7u7ip/BG9SW1AmHi0uTnfDFAjt11hxGSMv7tVKgirDIaBOpiHFkDIvyuu35EmBvEK9M8O5Fwt2ypW0T0kzsVBhrf9gjo42eH08bwbWez/WFjf01DqAJS8JwsJUvaN92Ury1YtOV6jScU039P37CuhVhTO38dDDWH4HCntusEtCoCiIaWhyeWxdXrgcpN8crmE7JkaCFQ1hFBPFbZkM0KukFtODQXdELl+qWDhylC+d+TznXOx5XEl7RVgAfQ5tyjIj1oI8Nh0R1WXDNBgZ/qQ7tHzBY77n/c3/JZR0qi4pYV6icJFPY9uPGVK/D1nnc1VV/LN+JMZfsYn8IujBFhKFLbTse4IAtpqoSjk53jTB319zDg/58GY6tVJPv2SVUaZCBouXoOpWwhwoAQ3miSB09m8wDaQArvb9w79jKcM2/l9JKXBnObGq846bk7n5schc4BlhLrnt/RXy+a8DoZQWFjun1gBS+ND1abEQDNm/C6M6WeqdxGKkcqdA/0/s644PQptxz+qOvyfPKD1CaefFfyvuUvpKPPpPUt807AvYzSjOscLIDpsH7Ycy+/+6V25XAKGePcYj7WH6h8Ya/xSyzrtvzSTKpxAWs0Br7UjaD02IiV3IP5GX7WN7mqSPdZoaGQWuRa4lTcQxMIHMslRgMYE3LXxLsnJnBU9yOE7EA26FvoqDRuLIfNPKu3K7xfiDBAYWiujw2hpYCn0gBrQJh6qMZnvmCjGdPRUKEuTCNN+Qvp4fQ6C8gbacXXuaOu/JoUFEJAzwAl6wMqR9+IPRFG2VCLzsc6B1iUauAGRIsQctZvslVzfIS3pvN8nV3+r0IGdo1jp3bqqGwAxxiiY8gLn6VUIacIAxy/QUgrmKOQHkcHMvexSahi02sGAMEkTFA0FRLuOdOA/6xXFGc6V1sPoHU1l/x82vC+i0hhdOHZirehkYvnOOqM1faD23sHvY+ZxseREmSh63QD5VRSxGlV1EPnRE/PEQeZGcgtxcekAcBBNPTEoIgYpCHh4jewmqZe1trwXFXaJJyMYJQeooVnk9eHbkKTr6aUjXozYNCn0Gvx7GnnIIeqHqZyOIve9wkwADZtznIeyEoSNKxRaoOX5Ls1fL/IifgIpFcvxShbOC5oVnJaH4f79jYr9HltSyWqEKxk2BL5QP8fpXVGQtwKfKb1S/cqPCXWMVIFQdSitv6IrQlWtHsh1krUT962euxeQVFrEG+2F4bFYoWQgOSGcym6nJ7GCuJxsPbMA8g5LW//Wl6AA69L/mh4JT9w+11aEGa7znPdQoKRyjvgW/kTXkOAmFjhraSHyCwb2UFi6+NXCgTXw/N8AUCumeqck4IH1Uf8NV0KgfG+v6t0OdJ7mZxjkgeQGv6GTTCjpjHdD2DyegDMAfhot84MBhDkkeBoWTVV78EHVgrVqodnA2Taia5C0sei7cX+3Vv6q68oPw1eu81a/qBN/3mwiXBBhTqjRwuAtuuOlQN58LYh3s4t8QQ7O0E+i3aNFxIQm5RyH1ukC9XohfWUliBE13SuSq7+CNFvhnaLpZH5HhhT1CLbMRPzzH/FCJ354zFXFHTWSifF0A0UXUyyREfX4nH54Q1H4cBHW2ulOS0pDjaw5+G9QynY+J3HDih1S44pBdByCiIfOXepGirhqeq61R+inc/XpBftfwba/KKO2VuZHN0cmVhbQplbmRvYmoKNzg3IDAgb2JqIDw8Ci9UeXBlIC9QYWdlCi9Db250ZW50cyA3ODggMCBSCi9SZXNvdXJjZXMgNzg2IDAgUgovTWVkaWFCb3ggWzAgMCA2MTIgNzkyXQovUGFyZW50IDE2MSAwIFIKPj4gZW5kb2JqCjc4NiAwIG9iaiA8PAovRm9udCA8PCAvRjQyIDkgMCBSIC9GNDEgNiAwIFIgL0YzMyAyNCAwIFIgPj4KL1Byb2NTZXQgWyAvUERGIC9UZXh0IF0KPj4gZW5kb2JqCjc5MSAwIG9iaiA8PAovTGVuZ3RoIDQ2NTAgICAgICAKL0ZpbHRlciAvRmxhdGVEZWNvZGUKPj4Kc3RyZWFtCnjajVtbk9u4sX6fXzFvR1OxFN5JVZ6c2XXKW2Vnd2fO5uQkeYBEjIQ1RdK82Dv59enur0FRGs7G5aphoxuAgEbfAYe3Af0Lb9PkNg3STZ5u49v96eb28+0mTYXmv4T9fBNq93WabsIwJyCOw02c5AnT//j+VNx+19z8dHP709Q1uF2H4SYq8hxT/ONfwW15E9z+cBNs4qgobr9SI9iEWZLcnm6ieLsJgzjxmOrm4ean2c8mt+tkm2ySPMx4uj8/3vzxXRLeFpttliW3j0+8kaRINnFAMz+W/1i9c4exuwuLlb1bR0W4CqPN3ToNgtW7zuwH19SMjlbNE8iDO1lg+tbWA5DoFK5O5temA/WXD0DxHHdhsPriBmf7zd2/Hn+gBUWzBUURsSoLctoAr+fxaLnT7XrCr7fUN8qFSj9qy7G9W8dJvPpC8xGQrFw92K7tLP0FxfX49sfmLkpXX2vfD+jWdLT2o+1tD0Jt78J09dsA8tDga83+CPpg+0HWzqcly8lkOR+anlmQ05Rdc+jMqUfr69F2FiD9DADhCH2Zb2V/RRTOueEZLWE2fd3g+4HrBHVjvb5YCPhSu/pAHbJ0VRtiOO35C+/IArdvSoWO5i4KLmgGn0PTlICUxRu0frb7piun2U1d+ilPrauMCMhLvuyJL7L0YrU3NYCdxbcfd/1g6sGZ6k+K4V/ET1CLT5e/w7HpdQidF6bbKmsKz7li5U5tZU92kSuDUQFOg9VXlsJmrEo0aVjXMBsmXhDyYawfWleyFHGztd1T051MvbfT4Sf5JkpyTO/qWrpmyapqmrYHZ3bEMTktQh+bAcA/gyDq+uGfQRq+0RHWnNnKEsfI08gSx9Chs2bwsw/GVehIB1O5vVncLG0VyyRzsk3T6OJE/v7943v65XibrZ665sRQvvp/U9n+kwPaDkCaagMELTYIt7xkJbT027YE8bvn2pyadT88VxaYgewFb0iUd2kJvMkky1Y/qAxGInxJloteMoUkjbfMKN+ZVNDZuTyjf0VGRYT+jceUrrP7AYN+HU8t8LZyJ1eLGLxZ4BnEuSCxInkSy1Wsmpa0zf1bxrCBYTIZJafktnMn0z0D/9Tsxx54kS/T63Q1kKXt3UF1k9BmSVcujFeURCTahqUmCUmNIK+EtKZ31TNg0SQik8EpR1N5dGfXtj642pLtKdFD1kMkozPPjuiSEb98eF10HsbDHWv+eKJpwm0gksJfkRQGRFIKSAq3adv7zu14FdzsxLoeiJ/rnek9dm5Bpll+/vM9dORVKaI1xCHPWV0ZujiAdWCqbnSD1lsQz8sAWpwEH1oNOhkmteLAw2J0wxFNlYtl/umZxVu1dwS4el+NYndjmbu3YsNitWGxiAMt6BkNYu9OJGDW4WTJCJYihElAQjj2b0CA9eNfa07rBZkixspcW7b4/Kukn6dGXBKhyBjFcHhu5yp4HeoAZSA6tkBA2wxWDHWlXQ6WLB7ZJZB3doDQEoVdzJKG7VjXRxGYHMtmgPjMFrESzQi3BX6bKVdSka/6536w7Fe5YTrru3Wd7dumZhvKq+NJZIdLzohdhOzXxx/zgGhJyB7v8mT13LK5ycUj7okJahOAe2LR42CHGyUbQ7dHozL1YTSH5WAnzLNNkGeFBjvfXQ1cq9wXxSaIowtGypwsieHk8oamUxG+dOvcp2qYtdCUfUM26N9iuYkih4BpyIa2JODs4ICC/lAf3vtLTl4zIgpzMoEdgAtvKRiNjpjWwYa7RswlYVS5PqEFIZXZyKCK9aLGVWgBPqhOqBevSTiMunTRmhTKr9xfPNz7o2FVY9bRKdthA8BU/I3FDHmvR+iWdqoWlZvgHgEUJhhAwjT6QnRFpHme01gNjgXvVVOG8+p6djQ0JsIW+GvwITXZUyzGQs/Nif2yGEII7xnAqiJmSMvKJjg6Q5k2RNw77zaJWrAoY9tw9WCrJ4kDotX7GijiAxCT/KlfFSrPDWvGXbyhKEE0wM438FK6cLJ89BQBk4fnn2MYYThDGgYTZPCZDzk7YGrsyWZZT3CDjJcwn7MBoJVVMi+zarPAENk6BWCmRoBAVpi3yxHbebtEh8yiJ+iNGAi2tLIPJn09NpVdn10MoXpm4d6PNNVzL04JEeFSqPAkGU4QTQdNoD/oIIQZZdyeRIqDbLTIBNiZr+xejtOOzDZAvRuspFcBCwCZecqA1otLYvNLC36jynfUWHqAhmvD7o+1+zxa1VtiQjnurSpubU0nHmY+vjcn+0oYfqlLOKkHEqsd9Y+gwGEODY6iSIMw+bEIkhPhyAEJU62YQO5tqgNnYscTqDBvBPz4TKJWow+imFf1uqmvvPQ95S+0CHGrJEI/yu7J+A5ov539pIQFJQC1hPOZ6BjIrPQYJ1kDBxdQqyWNJlVT46hpkB46g/gdGMy6r+DW50cwiapg9Sjv//CH103rh/191fSf+OS9eiSxxocJTiSJQ5h7Jpy9ALckDSCy/K7ttY+GjEwQ5xuLeeSP97Tr14+C8gLL+baUKhLOpInt6tgvjl5oEsQleSShIWNwAoyRfIQw5wiIsdZrebR300/cL53DhcnsLx3WPCF6oMC5Ha4OaJK986H03xrKfDRagMGhUBZZTPWArd8OvDlRds/4SlLCI1rUhqi1HM+k0SbahuGseCPjSaRKx9OaCj+ECWmb/rCyhBLpLL7g0lTCSWPVWoYTROqp6C43v7huGMVdp1w5oQxRTGya6AnKcEkH2aowHtGfGL/9OFid7u3DYw86KfmCP8LMa+bWunKfPAMpVdg9k0UjtITm1P7Z9mTD9keJKhhxVWfh7OJcipIOzeSKVLcCOQ2wJ8riTRDG+W2WxJu0yLAgFTzOVeqF5AenGgeFejzpp6aVYXh/XoqYVu7YD924HxBg8LZ8sC4Nje4Zhgk+H99VSPaaadZ4C04lyWgFHaoe7EQTkvaqb0D5VM8KdZm4ce5AbmyYleZmM6DJhqXQogr6cwhG57tgEK7CxyQIRNr567WAp+W2weeayYyDh2SIY0/mHlKCAKcoo2vf4ZzYvx7txGTXEMcRoBXHOLoqaRLJi9wGzbf48HLW1GvsaiBa43SAGFmeamftUiA9F8gEBRdSSC0u5CgZ5FcpING1REUkTSgJoiNaXVtCxpeub80w9acgwNSuPy1wgxS3vvI+55IOt7iko2ZT3WIKhyGxAoU6pekU6znl+0yM/J2c4L3Gm3EWXMhYps4r1YQg47pF68SCMHwc608KS+yenX+Q/bscXvZSkjBPaV+X069HJ3wrsrPvQBMMIqCzn0eHUg+1JpOkg2o5UIIMPi/qwkXm/QBDJHhX+bs/GMnY2OnuoSACexw+vSwRcKtmfgrNCffD+0cGQugnMQbViTic6ibBVKmzOvVwtAtCO5ModqDnAm53pDN7/Xw/WqcVPjaUosORmMTpqLlZN9rD+fTjZR+NRpWGKDK4isGWQxFkza+HsG9bYuL/3KXpSqxfsXrg8+1s9c71R2C+/23orBhvarBgermkptNRBp+loEK6TZHI76x1mIpkGn1JcUBRmiSEl5pCHdTtEKG3ld1fiTxX3LyWzcduMPj+upKl9SMnkXvMFXxMn2xfhl3xpaID4Yuh3t+IB+wtiPOla4KylN5MSUuUX/v0KFsdZjus0enh3f8BgNvaW8pDRXOp+yyRQR/kE16lCTEzZDzX9V2P1mNnVxQ7il6PJ9N96l+Xq780zeEsWAlN/EvBX4gMtw0+SyIj3S6CV/RFGVxK0tz8howoyc8CkGTbi2CAaThehtTH5henxEOaWn4v18oHA6r9ip6V+hZkqWk11p0Fz2FAqy22HMtS5yjcRGmMNW+5uB2QH79vuJKLKs3LCJivb+PN1t8JPR6dWOCEPHGLK4VkXg/n5jn2K3DZyMhurLWzrwlyYyomonkl+OKTCU1xzEsx6c43d+xu5CpK3JuUxwCjXpBdRkDSiQzb+rLe9DtubKl08tdRKsPROfdHExW+Hg1RAPqagyR8s8lRcY5UYko05JbtjQ5Btdpn6NsIwdNLPvAgETHKIwZ8fRLXo2lQfyXTaoFgV87fFwGgVPlKhTwjeWxnyfL07PNrDSPz9BUXRv7rKKZa98AAdK4aLZq+MiOXQV0zHo6+oR14T4CaXW87rE/nMnqLLQIlo9xJokYC/3ZXcA7zkknQmbYyam5pOZOUckOuxOnrOJN2T5xRRIlfBuFr26vwRKnezZC6HF3bA4WdEjDlzwu2luaQdLs4C2lSoHrJOH87WGioXXD8AYNFRFeit7e7F9KE3np0BOk1qpozGlWOS0clP5NqyZyB03Rlwy09SfTQY0pSpA9pqNxhqJbnAwLqCQg8MwvcbFhjZLJvq74n2axaxdNn8Xl6ofUNsBwVUvDlf4sw+K0MV4IWOE2etMr5khsakvIF61Qx6vWWdkJjMn/JLLTaX9GSZz7Z0qF6kmVeac5+hadYqnvq1dtUL7wOZVN/tvOk4KIAyUbE+Gt90/e/dz8glouzS1UKiiDE+VXIMacSHHfpz1oi2SmUL9WXJuTy5RGNXK9QS18JcAc6Y7eXrOrVFEAuu+KQrL7UXyUKi6cgK1FvyJAB6cmXtxlXOvEVUuAagKID3ulleI8RuO9JLuwPNWF/Fs5BuhfavXNmV6FITDi9nWTQ4NOfNFAspstNhv0kkx8iuAVx6y1KqOEszzJeBXvLahoXhVo8vmdH+1xqL+YxI6uCes8sXW1AxqEXxdWh9zohChVEnh14UfgDx43/wjXs+VEQmwWakDl2WU/Vq2otn39V6otnD5Lm4mXOVfUw+u1ywij47VvCG6JofPNuHM4vwGiCv93lqRRl/2uwI9YG5VuKYhFNpquxJjuN25hnpdSgGDS9NDAsrlakyUpROMpgdVl0xw45m0xx/V4n0bh5wcHOw2y+3RCJC9TAxoF6F/8WgSmLyVIQnk1iCkEJzgZcyGPXQZBenn0p1aCcckoOOoJiMo6EM/uukfI2oSlMG7srX0VdnsZ6Ki0ViIjDFSsYN6c6Hfckp629Bv1JU5aKOC76kbHlW1/eQqqlp4BLp6JxAV//t0beBXCpHCgxZ0HqS4jJCtZUUGTUN0CeWZOq8QoSrzpBOsUYTbf8hsKUbOcREuobuK1/Irf1NVzX87KQjRNydo3MY3QsIjmGOAiePShglPiHbeInji+KjMs2b/ZUL1qpzxJnRPhzuJ7PXKj0lF/i53wIXGSWBqSTq8WjAYv6CL8iNBQbL77tOknInBX+BR7Z0d1gnJbtB19331m5cs9gZgXTyO1nVnheVaWE0IR4wo3pgAq9Mi3jqrAbuPR90F/UX/5KuewCg0x/Xbi7VNXy2kF/Ho0+OkkDCbyu7KFVzMXZve6uJ6mbFZRT1QqGGv2SVmjdOJ2pQOJVgH2yPo+SJ59eR+Hy5eXQWBntCXFZv+67W0lnRH0pmpInj24Y1fMyivJJSRMSvsY67UoD2Ku9aPqsjZa8wLt+/Xeu2OiFmUgIA6pw56UITgwN3L2Pu2K/HrH4cTy/4EmSTRTye2PkCV9MtXQNVGwKSsG00wZTvpUsHqU8LrvMr+z8JVC8CciQX7BOrq65sC6+N1JLQsDZ2krz6k6nBPaLMwCmctD0SIGQGsIyyOXGYTHIGV8+/wQCmWY6ncPsKk/rmKhOe1TjwSdr+JLlm8oOb/d8F8LPzypbHhCD/FdH/COzAY9k+SkBStGxt+mZLxw8QeaJcvVgiHrILYHQ+FlV33T+RcNO3zjA9hP9o/EXe4x+4Fhqv+Rn3vHsDUUD3vhGW8QGDBb8elHiK0bff3xYB1mYJkkMIqzcRInyPMnfKEnHvDBH+WSO5NbjGV8sOw75GsoRA2oRECJ8eH//M6c6f0XzxylYjP07CrmGKUeSRie7jSPPGzQexqWg74Njy+FfrYlI1FO9jn7l1+lO42OzARDk6zDKX6/g4Vo1D1f/u3ngIXmw+su89l3r7QD1kOoTfc1I8tdpzpSreSU851zy9kK71UovHW9TA4vfebPE4x3O7awR4cJy5OKXtWjs2gYFH86Em4ETGKlzwsHIPbd/B5lyyNWy9D937nBc8sempjkmiZLcvLPsH6T1dpqKGk1LXha2lJsc+8uveoQKGf/mucKHkR2+5IKWitLNiXZYTolUEs1NLeow4Qr/BUAqMh5QkyB1myf0mko6OLCruhBlG/wCmFZw8/3jzX8AKyTyhmVuZHN0cmVhbQplbmRvYmoKNzkwIDAgb2JqIDw8Ci9UeXBlIC9QYWdlCi9Db250ZW50cyA3OTEgMCBSCi9SZXNvdXJjZXMgNzg5IDAgUgovTWVkaWFCb3ggWzAgMCA2MTIgNzkyXQovUGFyZW50IDc5MiAwIFIKPj4gZW5kb2JqCjIwMCAwIG9iaiA8PAovVHlwZSAvWE9iamVjdAovU3VidHlwZSAvRm9ybQovRm9ybVR5cGUgMQovUFRFWC5GaWxlTmFtZSAoLi9JbnRlcm5hbFRpbWVDb3N0cy5wZGYpCi9QVEVYLlBhZ2VOdW1iZXIgMQovUFRFWC5JbmZvRGljdCA3OTMgMCBSIAovTWF0cml4IFsxLjAwMDAwMDAwIDAuMDAwMDAwMDAgMC4wMDAwMDAwMCAxLjAwMDAwMDAwIDAuMDAwMDAwMDAgMC4wMDAwMDAwMF0KL0JCb3ggWzU1LjExNzA4MDAwIDMzMS4zNDc0MDAwMCA1MDAuNDE0NjAwMDAgNzE5LjA2MzQwMDAwXQovUmVzb3VyY2VzIDw8Ci9Qcm9jU2V0IFsgL1BERiAvVGV4dCAvSW1hZ2VCIC9JbWFnZUMgL0ltYWdlSSBdCi9Db2xvclNwYWNlIDw8Ci9DczEgNzk0IDAgUgo+Pi9FeHRHU3RhdGUgPDwKL0dzMSA3OTUgMCBSCi9HczIgNzk2IDAgUgo+Pi9Gb250IDw8IC9GMS4xIDc5NyAwIFI+PgovWE9iamVjdCA8PAovSW0yIDc5OCAwIFIKL0ltMSA3OTkgMCBSCj4+L1BhdHRlcm4gPDwKL1AxMyA4MDAgMCBSCi9QMjggODAxIDAgUgovUDE0IDgwMiAwIFIKL1AzMSA4MDMgMCBSCi9QMSA4MDQgMCBSCi9QMjQgODA1IDAgUgovUDQyIDgwNiAwIFIKL1AyMyA4MDcgMCBSCi9QNDYgODA4IDAgUgovUDI3IDgwOSAwIFIKL1AyMCA4MTAgMCBSCi9QNyA4MTEgMCBSCi9QMzkgODEyIDAgUgovUDI2IDgxMyAwIFIKL1AyNSA4MTQgMCBSCi9QMzQgODE1IDAgUgovUDgg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CmVuZG9iago4NzAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODcxIDAgb2JqCjU0CmVuZG9iago4NzIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODczIDAgb2JqCjU0CmVuZG9iago4NzQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODc1IDAgb2JqCjU0CmVuZG9iago4NzYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODc3IDAgb2JqCjU0CmVuZG9iago4NzggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODc5IDAgb2JqCjU0CmVuZG9iago4ODAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODgxIDAgb2JqCjU0CmVuZG9iago4ODIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODgzIDAgb2JqCjU0CmVuZG9iago4ODQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODg1IDAgb2JqCjU0CmVuZG9iago4ODYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODg3IDAgb2JqCjU0CmVuZG9iago4ODggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODg5IDAgb2JqCjU0CmVuZG9iago4OTAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODkxIDAgb2JqCjU0CmVuZG9iago4OTIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODkzIDAgb2JqCjU0CmVuZG9iago4OTQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODk1IDAgb2JqCjU0CmVuZG9iago4OTYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKODk3IDAgb2JqCjU0CmVuZG9iago4OTggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKODk5IDAgb2JqCjU0CmVuZG9iago5MDAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTAxIDAgb2JqCjU0CmVuZG9iago5MDIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTAzIDAgb2JqCjU0CmVuZG9iago5MDQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTA1IDAgb2JqCjU0CmVuZG9iago5MDYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTA3IDAgb2JqCjU0CmVuZG9iago5MDggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTA5IDAgb2JqCjU0CmVuZG9iago5MTAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTExIDAgb2JqCjU0CmVuZG9iago5MTIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTEzIDAgb2JqCjU0CmVuZG9iago5MTQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTE1IDAgb2JqCjU0CmVuZG9iago5MTYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTE3IDAgb2JqCjU0CmVuZG9iago5MTggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTE5IDAgb2JqCjU0CmVuZG9iago5MjAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTIxIDAgb2JqCjU0CmVuZG9iago5MjIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTIzIDAgb2JqCjU0CmVuZG9iago5MjQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTI1IDAgb2JqCjU0CmVuZG9iago5MjYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTI3IDAgb2JqCjU0CmVuZG9iago5MjggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTI5IDAgb2JqCjU0CmVuZG9iago5MzAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTMxIDAgb2JqCjU0CmVuZG9iago5MzIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTMzIDAgb2JqCjU0CmVuZG9iago5MzQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTM1IDAgb2JqCjU0CmVuZG9iago5MzYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTM3IDAgb2JqCjU0CmVuZG9iago5MzggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTM5IDAgb2JqCjU0CmVuZG9iago5NDAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTQxIDAgb2JqCjU0CmVuZG9iago5NDIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTQzIDAgb2JqCjU0CmVuZG9iago5NDQgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTQ1IDAgb2JqCjU0CmVuZG9iago5NDYgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTQ3IDAgb2JqCjU0CmVuZG9iago5NDggMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTIgNzk4IDAgUgo+Pgo+PgplbmRvYmoKOTQ5IDAgb2JqCjU0CmVuZG9iago5NTAgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9JbTEgNzk5IDAgUgo+Pgo+PgplbmRvYmoKOTUxIDAgb2JqCjU0CmVuZG9iago5NTIgMCBvYmoKPDwKL1Byb2NTZXQgWy9QREYvSW1hZ2VCL0ltYWdlQy9JbWFnZUldCi9YT2JqZWN0IDw8Ci9J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QmFzZUZvbnQgL1pSVVNSTytDTVNZNwovRm9udERlc2NyaXB0b3IgMzcgMCBSCj4+IGVuZG9iagozNyAwIG9iaiA8PAovQXNjZW50IDc1MAovQ2FwSGVpZ2h0IDY4MwovRGVzY2VudCAtMTk0Ci9Gb250TmFtZSAvWlJVU1JPK0NNU1k3Ci9JdGFsaWNBbmdsZSAtMTQuMDM1Ci9TdGVtViA5MwovWEhlaWdodCA0MzEKL0ZvbnRCQm94IFstMTUgLTk1MSAxMjUyIDc4Ml0KL0ZsYWdzIDQKL0NoYXJTZXQgKC9jaXJjbGVjb3B5cnQpCi9Gb250RmlsZSAzOCAwIFIKPj4gZW5kb2JqCjk3NSAwIG9iagpbMTEzOSBdCmVuZG9iago5NzQgMCBvYmogPDwKL1R5cGUgL0VuY29kaW5nCi9EaWZmZXJlbmNlcyBbIDAgLy5ub3RkZWYgMTMvY2lyY2xlY29weXJ0IDE0Ly5ub3RkZWZdCj4+IGVuZG9iago5NzYgMCBvYmogPDwKL1R5cGUgL0VuY29kaW5nCi9EaWZmZXJlbmNlcyBbIDAgLy5ub3RkZWYgMS9kb3RhY2NlbnQvZmkvZmwvZnJhY3Rpb24vaHVuZ2FydW1sYXV0L0xzbGFzaC9sc2xhc2gvb2dvbmVrL3JpbmcgMTAvLm5vdGRlZiAxMS9icmV2ZS9taW51cyAxMy8ubm90ZGVmIDE0L1pjYXJvbi96Y2Fyb24vY2Fyb24vZG90bGVzc2kvZG90bGVzc2ovZmYvZmZpL2ZmbC9ub3RlcXVhbC9pbmZpbml0eS9sZXNzZXF1YWwvZ3JlYXRlcmVxdWFsL3BhcnRpYWxkaWZmL3N1bW1hdGlvbi9wcm9kdWN0L3BpL2dyYXZlL3F1b3Rlc2luZ2xlL3NwYWNlL2V4Y2xhbS9xdW90ZWRibC9udW1iZXJzaWduL2RvbGxhci9wZXJjZW50L2FtcGVyc2FuZC9xdW90ZXJpZ2h0L3BhcmVubGVmdC9wYXJlbnJpZ2h0L2FzdGVyaXNrL3BsdXMvY29tbWEvaHlwaGVuL3BlcmlvZC9zbGFzaC96ZXJvL29uZS90d28vdGhyZWUvZm91ci9maXZlL3NpeC9zZXZlbi9laWdodC9uaW5lL2NvbG9uL3NlbWljb2xvbi9sZXNzL2VxdWFsL2dyZWF0ZXIvcXVlc3Rpb24vYXQvQS9CL0MvRC9FL0YvRy9IL0kvSi9LL0wvTS9OL08vUC9RL1IvUy9UL1UvVi9XL1gvWS9aL2JyYWNrZXRsZWZ0L2JhY2tzbGFzaC9icmFja2V0cmlnaHQvYXNjaWljaXJjdW0vdW5kZXJzY29yZS9xdW90ZWxlZnQvYS9iL2MvZC9lL2YvZy9oL2kvai9rL2wvbS9uL28vcC9xL3Ivcy90L3Uvdi93L3gveS96L2JyYWNlbGVmdC9iYXIvYnJhY2VyaWdodC9hc2NpaXRpbGRlIDEyNy8ubm90ZGVmIDEyOC9FdXJvL2ludGVncmFsL3F1b3Rlc2luZ2xiYXNlL2Zsb3Jpbi9xdW90ZWRibGJhc2UvZWxsaXBzaXMvZGFnZ2VyL2RhZ2dlcmRibC9jaXJjdW1mbGV4L3BlcnRob3VzYW5kL1NjYXJvbi9ndWlsc2luZ2xsZWZ0L09FL09tZWdhL3JhZGljYWwvYXBwcm94ZXF1YWwgMTQ0Ly5ub3RkZWYgMTQ3L3F1b3RlZGJsbGVmdC9xdW90ZWRibHJpZ2h0L2J1bGxldC9lbmRhc2gvZW1kYXNoL3RpbGRlL3RyYWRlbWFyay9zY2Fyb24vZ3VpbHNpbmdscmlnaHQvb2UvRGVsdGEvbG96ZW5nZS9ZZGllcmVzaXMgMTYwLy5ub3RkZWYgMTYxL2V4Y2xhbWRvd24vY2VudC9zdGVybGluZy9jdXJyZW5jeS95ZW4vYnJva2VuYmFyL3NlY3Rpb24vZGllcmVzaXMvY29weXJpZ2h0L29yZGZlbWluaW5lL2d1aWxsZW1vdGxlZnQvbG9naWNhbG5vdC9oeXBoZW4vcmVnaXN0ZXJlZC9tYWNyb24vZGVncmVlL3BsdXNtaW51cy90d29zdXBlcmlvci90aHJlZXN1cGVyaW9yL2FjdXRlL211L3BhcmFncmFwaC9wZXJpb2RjZW50ZXJlZC9jZWRpbGxhL29uZXN1cGVyaW9yL29yZG1hc2N1bGluZS9ndWlsbGVtb3RyaWdodC9vbmVxdWFydGVyL29uZWhhbGYvdGhyZWVxdWFydGVycy9xdWVzdGlvbmRvd24vQWdyYXZlL0FhY3V0ZS9BY2lyY3VtZmxleC9BdGlsZGUvQWRpZXJlc2lzL0FyaW5nL0FFL0NjZWRpbGxhL0VncmF2ZS9FYWN1dGUvRWNpcmN1bWZsZXgvRWRpZXJlc2lzL0lncmF2ZS9JYWN1dGUvSWNpcmN1bWZsZXgvSWRpZXJlc2lzL0V0aC9OdGlsZGUvT2dyYXZlL09hY3V0ZS9PY2lyY3VtZmxleC9PdGlsZGUvT2RpZXJlc2lzL211bHRpcGx5L09zbGFzaC9VZ3JhdmUvVWFjdXRlL1VjaXJjdW1mbGV4L1VkaWVyZXNpcy9ZYWN1dGUvVGhvcm4vZ2VybWFuZGJscy9hZ3JhdmUvYWFjdXRlL2FjaXJjdW1mbGV4L2F0aWxkZS9hZGllcmVzaXMvYXJpbmcvYWUvY2NlZGlsbGEvZWdyYXZlL2VhY3V0ZS9lY2lyY3VtZmxleC9lZGllcmVzaXMvaWdyYXZlL2lhY3V0ZS9pY2lyY3VtZmxleC9pZGllcmVzaXMvZXRoL250aWxkZS9vZ3JhdmUvb2FjdXRlL29jaXJjdW1mbGV4L290aWxkZS9vZGllcmVzaXMvZGl2aWRlL29zbGFzaC91Z3JhdmUvdWFjdXRlL3VjaXJjdW1mbGV4L3VkaWVyZXNpcy95YWN1dGUvdGhvcm4veWRpZXJlc2lzXQo+PiBlbmRvYmoKMzUgMCBvYmogPDwKL0xlbmd0aDEgMTY0NAovTGVuZ3RoMiA3MTY5Ci9MZW5ndGgzIDUzMgovTGVuZ3RoIDgwMDEgICAgICAKL0ZpbHRlciAvRmxhdGVEZWNvZGUKPj4Kc3RyZWFtCnja7XdnPJzf1na0EL2XRGT0Fozeu+i9d8YYDGNGxhCi995rEFEToovookUXhBAtMXonOkG8kv97znl+5znPl+ecT+/vnS9z77X2ula51l77vlkZdQ145O0RdhBlBBzFw88LlABoQ13tPNz1Ea7aCHFNHn2IowfgVi6Mz8qqiISAUFAEXAmEgkgATCD2ACUIGCAgAOAXFxfHZwUoIty8kVBHJxSAw0jfhJOb+/E/JL+3AOy8/6a5tXSHOsIBbLcPnhAYws0VAkfdQvyvDQ0gEADKCQJwgMIgAEUdXTM1bRUAh4q2EUAFAocgQTCArocdDAoGaELBELg7hBPggEACYH8tAGAE3B76OzV33lsseXcACODuBgFDb80gXmCI22/VY4AbBOkKdXe/fQZA3QGOSBAcdVsDFAIAhYNhHva/A7iVOyD+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IC9UeXBlMQovRW5jb2RpbmcgOTgyIDAgUgovRmlyc3RDaGFyIDMzCi9MYXN0Q2hhciAxMjUKL1dpZHRocyA5ODMgMCBSCi9CYXNlRm9udCAvUlJMRExCK0NNVFQ5Ci9Gb250RGVzY3JpcHRvciAyMiAwIFIKPj4gZW5kb2JqCjIyIDAgb2JqIDw8Ci9Bc2NlbnQgNjExCi9DYXBIZWlnaHQgNjExCi9EZXNjZW50IC0yMjIKL0ZvbnROYW1lIC9SUkxETEIrQ01UVDkKL0l0YWxpY0FuZ2xlIDAKL1N0ZW1WIDc0Ci9YSGVpZ2h0IDQzMQovRm9udEJCb3ggWy02IC0yMzMgNTQyIDY5OF0KL0ZsYWdzIDQKL0NoYXJTZXQgKC9leGNsYW0vcGFyZW5sZWZ0L3BhcmVucmlnaHQvYXN0ZXJpc2svcGx1cy9jb21tYS9oeXBoZW4vcGVyaW9kL3NsYXNoL3plcm8vb25lL3R3by90aHJlZS9mb3VyL2ZpdmUvc2l4L3NldmVuL2VpZ2h0L2NvbG9uL3NlbWljb2xvbi9sZXNzL2VxdWFsL2F0L0EvQy9GL0kvTC9OL1MvVC9icmFja2V0bGVmdC9icmFja2V0cmlnaHQvdW5kZXJzY29yZS9hL2IvYy9kL2UvZi9nL2gvaS9qL2svbC9tL24vby9wL3Evci9zL3QvdS92L3cveC95L3ovYnJhY2VsZWZ0L2JyYWNlcmlnaHQpCi9Gb250RmlsZSAyMyAwIFIKPj4gZW5kb2JqCjk4MyAwIG9iagpbNTI1IDAgMCAwIDAgMCAwIDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgMCA1MjUgNTI1IDUyNSA1MjUgMCAwIDUyNSA1MjUgMCA1MjUgMCAwIDUyNSAwIDAgNTI1IDAgMCA1MjUgMCA1MjUgMCAwIDAgMCA1MjUgNTI1IDAgMCAwIDAgMCAwIDUyNSAwIDUyNSAwIDUyNSAwIDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1IDUyNSA1MjUgNTI1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02sZzRHPleaHaJ9UZzUqzHkLCSmTHu2nuLNXF9XkH9xUvTNnNldaB1T51ycmxkD/2eYJ9WVYiucVHi2BF/agUkE1KuzJSQ44hosNByr8P2P8H/BfAbg/9XANCvb3dQ3yYfwPJOzaYmVuZHN0cmVhbQplbmRvYmoKOSAwIG9iaiA8PAovVHlwZSAvRm9udAovU3VidHlwZSAvVHlwZTEKL0VuY29kaW5nIDk3NiAwIFIKL0ZpcnN0Q2hhciAyCi9MYXN0Q2hhciAxNjgKL1dpZHRocyA5OTIgMCBSCi9CYXNlRm9udCAvS1VZR1VQK05pbWJ1c1JvbU5vOUwtUmVndQovRm9udERlc2NyaXB0b3IgNyAwIFIKPj4gZW5kb2JqCjcgMCBvYmogPDwKL0FzY2VudCA2NzgKL0NhcEhlaWdodCA2NTEKL0Rlc2NlbnQgLTIxNgovRm9udE5hbWUgL0tVWUdVUCtOaW1idXNSb21ObzlMLVJlZ3UKL0l0YWxpY0FuZ2xlIDAKL1N0ZW1WIDg1Ci9YSGVpZ2h0IDQ1MAovRm9udEJCb3ggWy0xNjggLTI4MSAxMDAwIDkyNF0KL0ZsYWdzIDQKL0NoYXJTZXQgKC9maS9mbC9kb3RsZXNzaS9kb2xsYXIvcGVyY2VudC9xdW90ZXJpZ2h0L3BhcmVubGVmdC9wYXJlbnJpZ2h0L3BsdXMvY29tbWEvaHlwaGVuL3BlcmlvZC9zbGFzaC96ZXJvL29uZS90d28vdGhyZWUvZm91ci9maXZlL3NpeC9zZXZlbi9laWdodC9uaW5lL2NvbG9uL3NlbWljb2xvbi9BL0IvQy9EL0UvRi9HL0gvSS9KL0svTC9NL04vTy9QL1EvUi9TL1QvVS9WL1cvWC9ZL1ovYnJhY2tldGxlZnQvYnJhY2tldHJpZ2h0L2EvYi9jL2QvZS9mL2cvaC9pL2ovay9sL20vbi9vL3AvcS9yL3MvdC91L3Yvdy94L3kvei9xdW90ZWRibGxlZnQvcXVvdGVkYmxyaWdodC9lbmRhc2gvZW1kYXNoL2RpZXJlc2lzKQovRm9udEZpbGUgOCAwIFIKPj4gZW5kb2JqCjk5MiAwIG9iagpbNTU2IDU1NiAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDI3OCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCA1MDAgODMzIDAgMzMzIDMzMyAzMzMgMCA1NjQgMjUwIDMzMyAyNTAgMjc4IDUwMCA1MDAgNTAwIDUwMCA1MDAgNTAwIDUwMCA1MDAgNTAwIDUwMCAyNzggMjc4IDAgMCAwIDAgMCA3MjIgNjY3IDY2NyA3MjIgNjExIDU1NiA3MjIgNzIyIDMzMyAzODkgNzIyIDYxMSA4ODkgNzIyIDcyMiA1NTYgNzIyIDY2NyA1NTYgNjExIDcyMiA3MjIgOTQ0IDcyMiA3MjIgNjExIDMzMyAwIDMzMyAwIDAgMCA0NDQgNTAwIDQ0NCA1MDAgNDQ0IDMzMyA1MDAgNTAwIDI3OCAyNzggNTAwIDI3OCA3NzggNTAwIDUwMCA1MDAgNTAwIDMzMyAzODkgMjc4IDUwMCA1MDAgNzIyIDUwMCA1MDAgNDQ0IDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDQ0NCA0NDQgMCA1MDAgMTAwMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDMzMyBdCmVuZG9iago1IDAgb2JqIDw8Ci9MZW5ndGgxIDE2MjYKL0xlbmd0aDIgMTQwODIKL0xlbmd0aDMgNTMyCi9MZW5ndGggMTQ5NTYgICAgIAovRmlsdGVyIC9GbGF0ZURlY29kZQo+PgpzdHJlYW0KeNrtemVQpN2SJu7uTgGNuzs07g6NNe6NFO7u7u7u7o27u9O4OzTuzfJ9d2buxN3ZPzvza2MroiLqZJ588sl88pyqN6LISRRV6IWMgYYm4kAbR3pmBiYegLyFtaGTgzLQWh7ILUsvZ2JsAfi0s8ORk4vYmxg4WgBtRA0cTXgA6ibGAFETIwALC4CZm5sbjhwgArR1s7cwM3cEUKkpq1PT0tL90/LXFoCh2797PiMdLMxsABSfH5xNrIC21iY2jp8Q/9eBKiYmAEdzE4CphZUJQERBUVNKXgJAJSGvBpAwsTGxN7ACKDoZWlkYAWQtjExsHEyoAaZAe4DVPxYAI6CNscVfpTkwfGIJOQAMAA62JkYWn2EmrkYmtn+56AC2JvbWFg4On58BFg4AM3sDG8fPHjgCARY2RlZOxn8R+LSbAv8mZGsP/Nxh/en7BFMEOjg6GNlb2DoCPrMqior/g6ejuYHjX7kdLD7dAKDp505joJHTXyX97fuE+fQ6GljYOAAcTVwd/8plaAIwtnCwtTJw+8z9CWZrb/E3DScHCxuzfzKgA9ibmBnYG1uZODh8wnxi/9Wdf9YJ+E/VG9jaWrn9HQ38e9d/cLBwdDCxMmWAY2b5zGnk+JnbzMIGjvGvWZGyMQUCmJn+YTd2sv13n7OJ/d8NovprZqg/SRgYA22s3ADGJqZwjPJAx8+UAKr/O5UZ/udE/h+Q+H9E4P8Ref974v6rRv/pEP93z/O/Qos7WVnJG1h/DsA/7hjA5yVjYAP4vGcAsoC/Lhon6/8txMDawsrt/xT0r7vVTf7BVhhoZfyvPilHg8+WCNmYfcrCxMD0D6OFg7iFq4mxooWjkTnA1MDqs19/29VsjE3srSxsTD51/bulAHpmJqZ/8amaWxhZ2vwlAPs/XCY2xv9K/1Oqv8kzqgqJqErI0f4Xl+vfGxU/h8BR1c32k9u/lSIHNP6PxV8wwsJAV4AHPTMHF4CelY358+x9EuLmYPL6L1L+DcT8z7WcgaO9hStA+7NuJua/q/+39z9XOv8CI2ZjBDT+a2xUHA1sjD8n7T8Mf7mNnOztPwX++/B/Vv3v679n3sTE1cQIbnUJaMQb+CM1I82xFjtnaEJUu6+HGXwoyLakQbUw37ca2O2TGrrNXaH/VhPE0DjF8+en2+Kp7fu+NM3BSA+WFWV3ssllHoEXGXVvPuoGRTsn7YE/o24JYtqZeqTH1YLsFoQWB9O3g50JJWXd4jcowql2VnuYq0dqXzLnfF+MLw+2SN5GKfUxmB0ojSBotQWnZxQJx48PlAOjw0OD3deQvfv4tNkxsOS8zhCIFBG+dtn4glpqFR7R2CEsVUjoei6kmKfeLafOQvOYYDvtyQZHtcdO1ScQIOgxNDXSwcHDAuWiB2ONZi5w/Ggnvh6VKfXS0a9IlGb6d/dEw2h8Ih3AqOl0RqkfcfZ+go0G7yHQRkyWYmZQKmWuyHewLWzTJbJok5jw4GzCSXGR8isJr4ZwiWlfZQKGUZW7Gem7nWNBZrEWLylkQW32dr6g4NwniU4cCGido8k+DKbLeXkpEU2kv0uZwlRtkDloLE9HyBFoz2JGbtEbW6x22linGJ7fyhHwUepZxCIhotVkkFyraKgLn6SFwF/yfxjBTvonR7d/Xe2zmBSBMpGuMGPDRGXZFEqE/hL0DsPYbv3W8P6RTTwSlRgQXiyjQU7N7TqMkN2TVBeg3L3O1tiVmZAQuEeFP2GJA1PcTDSw79FciVEH+VFy8eMknSC3QX+2qE8euV1tCKiBWjQJRW4irmqC61Y60G8AUMUhmAeZFJ5dHSvXiMNZGp7ULS3LHeJeVElkWgDHuWvh/kWF102766wjeqdNElEXv5P9uvHo4h3C9OLVY4I/qWN+5sintDq1qAoORij26Fmh6x1Gy08colNqBQ5HFiLp1Tbipi51LHWeIJKZTXoGmCWE/oUMe5nwbVE7CjFI7br2PHWYyqjBeV7EBmWTsa4iUeXXL9CsceOHGc0KnqT6iEQRRYjR0k7BViTarO09phkOUp5Vk0YqAesR33x00KDJih6VQYqEKUFFNR9lOc+xjG3tj6SUqvvZAZYeBHjE6L6xQA5zbZnbXRTtsBer4ZAWZ84vIcl9d1z2Dd0joKiafQxrdlJVYSwccKH5ZBNGERfk3hCxvixVJYrX9m6PrKhh/aTjuqvNNorUYl115+Z1wx09ZKRXSxZ91PWROzPjPSB6z2YzhVwC1CrhL+gLhJJyDtmSXlJepysPBoHuOv7LXnEk6dOmNt+U47kkqA6i8SRjVSMF2BrRi4sUB9JIon2mRSxku6pADXCngpT0dH/tTUry5t5SihzlhdmG/x4HttXTjNxwQHycb3ONcEnQFcJtdsNIVBCKIUE/L+JQzemsF7vtvRyIsxW47xSVuHJ816ILpzSG0Rp2qkSnm6Ycw5KVIHnwMFpk4IrARmPEPNjixnKcaB692INezuYGMU9B3q4gAedUCxI9HtPsjKj5tV1uqXjlz7xBc+/C9OJdMb8gd9CH61ni+jGivVGFSW7U9N7/QB0pQTW6mWKw7JJ9MVunSEG7Bd7/gAjb6m1otnywzwk5P2/c4AW136vSgRwTAc6gRzG36TmBFO/9uKKycMIZLIg8cfAYa2Sc9edHJkeIF7yLN3B5DTXZZVieHx6dfQjFsp5U5ZJ6SUrrpUMFqRyWtgX27XruroAKpWBtagXtEncWHskCsR6ib4xXC/o1/Qe2+VTVpYeiq2iTruxpFrObU8YcwtN9UxR64pQFVCfNlqH+WTqNZhHHfkCLmGS4lv+OUcJ4r89XI6rbgJv2vYb64vIfxGcUC3mN4nggWY99plbdnU0/A+R7v0P4rDduT6RVAtYZlPxeSLKl+u7mRs59V3dCnnc0yO/tCbkitL6NfkTKyffdWahm6jIaMrG6K7gmvG/uDRELdG9glpKih2NfEFiKIPxx+ebPnpdw77NIDKA/pJYFKKgbpUByfe1ByWTR1QDMj175W9FVXHjqyDqqLvpw2OZhqB8o1h2c6cpDBZiZa+Kvui0Jv0ssm3lWafs3qkZMH0Odbbgno/MyCIHQ+jFG4x2MtJZtdN+jiZl2YJ1jp2aiKD/tBGqCkbFFa/Axy1EO8MG0tJD97JBvGVUJZwxTF4OKCOt+bUq6THrqUoCMnGbPTzBLY9BVd/ktOY9NAmcWt8ACK5VaJ9oBHDRuU6xDDE224zTWzFwxEhHdML0yNeMjKHe6wB9GFQQzShLvEafEdJnsDi9p9xA2NVHKVcHmdo41JfTgs5rhMNLqgUyWTc0pn5cmSLzWyecqiiFugCJsbtioUU0/h4hDu1nV6VnJYGbvvOmMnqMi3MNZr2sqHk4L08Oac9x1KXmNeLG+hnjgdXURZT6MtZq3qV7Bh9/0TuGzxUEiRAsMEu83JCuoc7ehWeDzTvXlpyYqoIBGh92Eb1yvtquJcaF85FyB3h3X7ATtnTOHydMQxxu17jdSrlexKopXmTKJRAa/EGgDl3yAtXl0Eijivmbhbtg4gGHHnZmXtJjbp81jJy7pkDCmwe2twpDEp1XKN7ueW39r5dQNsmYhck9Tzjxvr74LyYgxwJoF/KImBVWDUSEthGn6AIzRVHwbkGiK4pOCdumHcJ7OmEdy3j5W0PtKsBPNeUR/DVfpclSHQWXFa75QCZ58TovmSZVYS/X1bGolZX7/gXqdXeNo65YzHU5OE67aqASybJawr3eS01/DPkqzfVxwkmWQ7TelFbRcZQ01WB98Hs4oItKcLVQpHwRUjgiM2hYxjIBD5mhXQiQaEZN2QMUfaWLe2VYp+C7fh31dNsu7gdZWlweXsLgO6G+ltdmbMVZM+Ry0wwcmRnGHq8FtcfDVnETy9rIr2l0Nfu7NNWAU+vw/FgMvCRJaIfMbkULZ7YsKjXpGHuWfRh26e0Z+XqfZZDSbfdkec62oCKa5XlZD0vU2C7nA3X1Ew+4TP2Rh4IdsLEYoXpWQPLOB7WDJNbmjeaR9bdTOev45ZLdVQKhP14KrQpl4yswlhMWkNHkhFy20AORoEMCnRd6fbC6+x6oqRyXrDE2312tlX+jzOV5MNVT6yTJ64rVbtek/USxuUPE1m7NluuEqNrlaqgs9Vi662T1F+xhi8Bv/G5/ZCNaPBF3690EbT2fC3hn7SdDGrPL0El+CNaFS9R5VJ/e1jnUYR+qCpTisMT9DwSRpCBCBr1bheayPFVr9IMhJDFCm1Wf6ktkiM3IGu20cAZBlmDpo3/BlZn+Hq/dmWYxZsqJjMC7sk6pj23m12fOJwC5HursEi0OagGtfaM9JuZ12QtS24ZgM4WkI8pb71PT3w5bWg/y+yW6OrzoIbj0AQkBfP2/8/t7XHH4s8N2ueDFA4L5SvZ9hm74KTmM12ehJ+/janTesKxn2WF2FmJXUDWJlWb1+flZ9zOrB22sNSc22BIGbhXlrhirQxK2Crr211BOWu6Vy/XJL9ZvyO5iRs1aixlCvqT6sTR1VbmTZzrgU3rLEsh+Uhrem6PvRlGoQfaKXetM4KSxFR4AMlngLGHtH/nEmyB8C7XYzDGQWb5Qe2ij3mjUBOp8KkhgNkfRqVNu1X+n9DZySpnDL7Nf8o5Vf1zFToEfTnegFR2C3GvM2KH7oOkhhbH2oZTj8PPHuQhxZC0NE3ZxHw2yJOsWG2ZfYHlwOv6/P5M/GyfcZmIYs+u067TFXLlJ8Y8aOQXdv4Exssf96gUOpK/ZBTXUjZvXG069U8Gt6NxGrrNybWakETj02u0FobZCsamGHhhWmLNQ728dlaU+0ESyegxyBZGoc9F5/NF1PHwEbrTtdl0xpr23t6oUk8/Gk+beEG1subK7tRgDv1Qnzt3uxAcQiM45Da1aao+pkl/YnlLMJcxiMhsVMoqlHFwf/Fvv9xLhsbABO7bLgRK3mlwb+p42XDfBMKErxaJkS8l0UklbawNYoI+ZhZMk2sD8lSvMUPfl6LwosQn+IqLbfG5IMO0m1JF8bkQUmz3rTeVYaSNT4/c61ypmL3fDU0n35WgLjivUe5/M3ZszcnYKjvGRpqYsFK0gC8/NKnLGubezWQIP0TEooCxZtG/1rUKkCrn6JjWOhIIVlusB1utdMuzZVQcgEyqx9uJ6t+ny9bmhcH6iPRYSXFQCGcfAszsUz0S3/ygsNHXmq4RbNhFpSC49aa1hD8NIjFhrC10FT9XDp1yI08Kjgs849hEoeSOs/qZjzweL9M1qcHXpmQbCXgcYTBILnmIyH/THBIQ1VZC9N/gVkmVyrYSQSKR1UvpCXO1Z6IC8XHn5e36tF3JTZn+a67aoB9DAWrq9Zr19LfRT8NbLuhcLO+K6qAlFdNHTh55KrIf4wn9EbffRO3fwTOLGZ56srb0NOvUImVg1BQeeJrbnvbVPWsmHfgKjCw8w7nqRfgUK+TBV1hRq3rU/hg1X+BuI11oC89ApcAAAneK1VENivZHz3YDSMHasEdFn4xZwBFRNmKXCiel/UM2o3/kvnIR9z2WyG4WI82A4/d50Wlw3XNlv5MDcJVSz0iuwR0rCOC3tZSliOGeLJ0j+oF449hLGlE9YUgCgGgAua84ot6dAb+3YlxWJRa1vIbo5AnNVxm2tG6QpWtGZ4kp8Xte3pl534ZPddAUf2Ku0qHxp2sv6rjAM71FEl2s9n3xPN2GiibMHbF9Bs5X3nyD6YhcWLh3BVkN9RhzQRleskeN9JRVuQq9ZdQaYNcJZcrqQF0k2EG6kJM5+bkWaLhE3sc292NyNBBacuGargDjuyz36cqwt4MmDzbsCJs7R/8cVNfAOuNyiN4ei3++cZbvFm+BDCZaEOWiSiyDbOqzxKnBYt+Fyq2CPlJ7FxBANw2sZIhpu6dqW4c2Yi6zSsFFm6juAhH+/4iLuShqQfg2U7WxF7aWS8MChdaFTJdEHRzRq3pm92ZgzrGqYGM2H6ksufm3C2mwH1+tLIYP0zmmtneYUbtxKuruQbUrOE1R9zmlx6zfT5IBMAfsxqHdAmR+9ePRvt4uAz/6R8f1vtayHpUm+UQ+U5kKz+YHNqrjUZorbghDpJfAWWaXd2yIX8UueLriCb/lJGNj8E84pfBxyrG+eg2NHCY3NgEPq4ecWe6T5OHtITzFLz4Aa4fT0ZVdKZNGEaYc+LkHVqP7hym6e90UT+ZEw3bE7eGSLEHeWZKNCH1XiZGb0CTy6CiDsSNhI7wKfDxug4IdbU6fd4ckv2Cx+kbb5zc5GD3nB6D3/XgZxu4n0kYaBm3YBErvWHe8GnaZP6SKvUjR7bIQurKwDbsfRqSoEPKtCSN9/MJFQmlCX1sxFpL7hMbhTvucdRc3PLsFwNzo8T4I3z3uIXufMEqpPSzg51/vzj+sVfgHMTUpN2Crjw/ISxJlasM4SjzJrOtdyRFUT9TtXkhLxYMFPDXY4h1tH4Rk6VuaIPypzZVYbYNj5WpXcVdmBPh9GyuXxSfqyNvKYIgGgosFLTo1L5YIZNXlAfqFbQkoowgESH29UkOzpz6Xm/pzLz7XfmT5t90lv20B+m5rs1LCRxqZRztWKu1ZKa8xIktFGGuDWPi2UM7p7Yce0YQ5+WgbRZlelwdO9qvgt7G8BYg0TAR92Ynppb1GCkMML5tl44axW4LUjaXeiA1StptOukJYWpdDW6Sg1d/JXpx4qxUAux/lCBhBJSNDQDiQVAVVLvJldQlgmVm1cKL8Pg62DKo/tVhNQxzTEPaVw9MGqPrIOVPOTDdO2O7sLNzcoSVpa3EBHUgxW0IRfOuIa8+h6+kHnfV0MOSVBJMYauj3ll9Kaov5I7zo5uW47KFX9KTKWV2wCa627WSDdClu4HqmdOynjM/rhxhUGCH2SHjKC17mUTxPLhqgchnmV52/Y55xsUv/s0+EkYIaOawcdkSVU3jE0p+3P6drUwIbwG367lUm4Ndm2I5qsYOkvc4E+xcbRa8hQD5koIToURgZjSCJCZSg+UZu8OBrMQk7gvpXbp8LDywvPjA76XaoJRaGZJ0frXcQ0KsAeV0GWcmHf+trCGkjBg6flfYAJJ18bLCUMoXtrly84wYJtKJ+i/rIm6aYcj4V/NB6xQIb5+U3L+gO25Nxk57EDNDKS+ZM4ggt2HUIggQVEr7y7ojR5Q5BdUK+AUdbxe6LL3tiuwqf9BG6vXuq1fEfL0LbkGQB876WzAhPI7bfTaeTYUT/gsC/3OXKeKOxLDdrElN9ZqlULjzx8tuHUYNbpivkQcQ8sruZlo9Y14X+EMcVLckBKELsdVD4nBr/r84yfPzScUpN2zS26iLdrBKQ18I4PydttO1xYCL6oBa15n7ZuHsZUisWCc/REsNnBV5dy6t1i4Bq8/SaX53Y1pjJ76gsO9EU8XMQPHChtt6XmwsNFJfjzbMi0t4n1HEqRFa2Rdbonvnv4eToSbDecaG5rX6e91OFRt+XYd7bt326Ig0qjeRL6SutmxJovJVYYQzx13oG0v5JsQxjLJnl6o/poj1e+OVPjI5Lt9F7dCzB6HFSH6GKZ7Hqt80hb6g/mW8FKlhoxjLrVWy5sHv6W64trnC7komP/NeNG+C2rndrjKb4LvZ/PdSS4vKZCSSoLMsUsquD94xEVoUAwZmli9KA80CkczTyLBvOXvky0Q6me94zpd1dLXxyU3wn/2Ozb9qeowVriaY3dHzOHR1XyJ5a2k8sUdgq/iC7lmbzurU4mQ4IE4z0PiIt7mI9d6g2/HjdLrU5IiNQgXV+wCCtINCrWp4kAQDs6/YpD13kWRZihLdqAc8qqBmuV2/hzXiOCY61ZI7t6EjGricLzi+UbEOQPcWzC76Kxmb+BSy/A8paj8c+8+8UVgWFan0pnctDJNW6XINtM3FSFhnmc6tvLKqCzAEJ3nY3mZcMMKHqVjPng2OzpLxIANLSmvbV9XQP+V6J4xITvO6Tj1lQdZdX2lnG/Kepg6Jgwtx28cuOmwpNUYnSBYXy16QvkFvObnRZfc3E/zkyQx9Snrl+mmRMqvYhCgjfvhiARjofA/Qe94kZRD1H9R6IVJdeheLVv48yz0IuMkhRDq75BmfJsVHAPz2kzlqxFRElaaUGFrf5/zwT1kd0WF83Ubllr56lm0+/WDOWq8AHWiNJJucUmLPua5l1EN8+s0w8vUqAzlmW2Qt1BKQbZz1g0fITR8M2IPeyZKYfHPQO6XzuKcaOhlzVJWvJhmRmZax1c0ZKS0w2g2biJy4dh+FKBrE7Rw9Jfm9o5qHjfZUYGEqiJMnimVyK9/9Kw5Ut3AlvnBQSSCQTTpGG/U2G/M/eeuDmvXJ9sDyZqA6Eqisl5lQyL9qtY2Jq/wrQDrlP3BrKVUPpPT7YcKGhA+TGcRCplHAXJTnPF5u8LcD2O9nIeHc7loF7GWCCvD1R/2pL6qRl+Nhx5TKCBwQfo0ycDUgA0AV73Cn7b4+zhjE8YcB3Y8BlV28eHtFkVKplbPAtzettwWGVoB+fYEWfLerQSm+yVVkaFQ+zA/2X+/jyu6I+CV7UqoiefkkWgJj4Tl0rfpkyqYpEY0fcs+/pK6YftLSpGXz/hXwVb1/EE1NNqDaMoTha3qentPfClvMMFt3gZBQ+hz8vqkpz4K4jr4hmKs/5jIhL/CQ8J1PPvMCnDjcqg7UdYD71Dylj/hFSqIuSKIaNPj7opsbU1Fa5abMWlCw9YlSt/H7qoGM3YvMznNvyCHYHpp5UAf/ra6MW0rkXwFiUYCeq+uvzCdT97468SlkRPOvR9Dg1Kzmp/y95y8oSkdrPwX/x++VoiuhM25b2jaPpI8mMSxLZEkSKsptHCBnaL5gmZmPIFZ6vJ+oN/V8JrS+k+l12BffxGWCRbYIE8mkpICe9PmDLCKXefNm6RfSyyVKRtBDMgKOr1hFMiKx9EwjT4OLvFn1o5n5qgzf93OK4xaa6uz789LO11n+D52mHokVuUZZEohJBspMuG6kFbsw8AXeqW8M1EYa8WePEv/7jiTOaLN20OXqm+ygoG4FU7RXitaCPP/9Qu4PysAmi9AGHGgu3aObeM4AY/eRPrztSdBVKdNAlrx4MO+EfkICaLvtysBnwJgeQMi78NFa//ceWzSsLI/vkvZekF306Zbp4cmQmrs0TKvUNk86yROTRm02a7yt4m+o/rowW6PbPT7fdEpJKz+Jb2Q4mQAR+gCVB4mX7XGS4UZOZwGagx48Hdkcnca4Q5Y56dzOKg8HM7A4BAPZojI915mUdkpPR+rWFQY4IHVytKQEhxpZBP7w/nNm/2MLDezQpRqtKo5bYNSPOSix/ctgXP46qGIb8fx6Vk17DWPqOmOBcsOj6ywOuPpoJs2NUK0x+0KyulgDFg1m9nnEVkcmIs/F0EehW6+MTIPUYERmAUGf1sT4c7+YYFTGlIsw3CZCoUk0XNrB3zjZG8sHVjCSx6A0iv+TUUAmu5vQDhNCMppce62+4hcrKfey67kfZCQB3G7HXl6kfiKY9UNcH2XHtnm3c8Pc2coH6cUNHjKDN5k7A3xRKMXSLL7KvOYyshJl37tEAACTp63MjKHe45Ri+P9wOl8d+90BiMDYYYkLXJ7k5lq/NHgr5UmyK5mNveMNP5qsAMHI7Y9dGSiLQLCbIJn70J9HPvwaKe7c2zgMwX6oKqIX4xZ9y6svOYFvR1fSgrAlBZhgLHQr01GtD5b7w7CiSahQHooHsP4luZ6TePOpnbX2Y5I5ZdB+x5cAxq9VkUXBoSoCqFHx9Gdi95lOqCrXuPS6eqKl+GQlwKzw8Ueyl7gFavOHczFSFp3b83j8mYuIlRWQeZ3/IhEf/ZyaDj+aceNKRrpra5tSORTekcFFfO9blLAit5ENq46p61VBGuCmhtaf2h7MiYa8lSwmXTPRv5ZcWnICtLdnFRFwKCwd/eooULMGnfVObtqY6S2PZXRqfKWGfap2n1TSnWmbseXHCzyfaFNC69MdFDupxI+TECWsZ9/KBr8FgDy8T3ixrC3GnJa34KRwXwL4QyAhNWGvl8A3LdnCrL1nRne0JwL6hbN+kU2aA8JU97clBLGlQIFbvMShGUuWFDQ3pT71cM3yVHwqfDXId2R5cxR95zlVlN4JfPU5dRoMxtghcYQCKcb+q1TiRoy0Zbeqf3XUQHTmUW80MGx96ogBBHgJ9U9P0LticaaFTUR18g8EIcE1+OLZzQch7ztjmNWBy0mRWY0aDnskB3Y0zZC228/t6xELYRDRPBFe2sXAp7xFdCMbPR3/ygzRthdWNZZMPoS5SmQYygS6qd4tXXj3Z78Ln74br2i1ClEcC9ay4HpS52FHvv0u7XyyB1ZkHG/SsnY7NRr6WQ8IDXcOZTb4CX/I67dY2p6OXbOfHsJhDOs5Lm9+wuorQ/GJQJ1fzkm5EiMe4KYmEw7iHusqmQw2HFngpbRiB90MlogiYXOT/IGHLDW00zEZAoKnyZ+iDQwbBcG07slpPGyswo2CJYSBQzCENdTh+3kbkt0+q2VWqHl5piSzD1NRvUJj9WWfPP774sUtaWtYNAFw77OZM6jxj4MhbTe7LPV+q8cERJ0XE50VEXLLFLok9DfiohR5BVDZr+l+UiaOiDlOKEbOEc/Yd2NHnpbxntLkatQBBbqiIu5h+jehaeqnYSrS4vmjtRRLx1At+v4Zh0oHLYTKY+tQDzaoR9trj29gfsMUc6dzZ9T2rrJY8iIgHoqOUue6O4o/gy/AoLrDHDcSsdT7z1aLTdlBZ19nL9D7E1MCvihtttf1SPWhFN9YKBsvH9MZNSsk2l+5yDjZ8Wk/ZXiQ7dj2lEUByPfYwPhaBY12MM2CUr6AOP45BGJjZnalHyEfDklYVPJxbzpFr6I71oppMG18EvDAL19c2pNyFARss7TOP9JnWIQDC/6DZJn631xiZh7GF8IWKB0GkT0UFTv4EE1VFlfpp6vWfjCk/2FdNAgaSE+BrJZBCfwpfj659apTCwyLTbrCcVv8mkqTfHzl7rxXYOp3pig+ZDwBTpJ1NjxM/fDBie0SljQl9tWt2NssTeuJZ/YD1hxxWpQcwyezn709EHuys7CrFv179MVpyEfNn5BfihyBCnFXI2GSJJaaVYjIlCTc0uNzba6DRmRyptGuZb4zsTml8z8lcn8BzkuhGAVHklsu3OKAZxcm1c7RZaJSCZEXH4/SNBmdcBUSJ4Oo5YYilgQ+NvL28xySx3tbNTayOz3atmVz98JMjSPyud9oRTnQnGe5WBzHE6QO5L99ZOQ1S8n6N0si8fwE9xlPkKl3dZBUwXzHgm7mh792rxxYUqZUQDCbiDCtXZCFGByM+gTpigMRCuWxD9fjcGRMLj4onb93pChTXeSh4MTszF7MmFYdhriGeKw95/htUC+VgAnKWIQRSl+UBg26dp3W2BzKeRNtsQJCmGKHgAnYBEBA8oYOM/tUKTQX2BpNtRuu1nDfEDTvCikpsZpEbWnTPzy+yLZ48pcVEztib3KLaS/cBirXw02boVXxUiVC+25XiAYidj2S6budFZUdI9tx2uwKmAsNzb3LX7VzDiCy5QDcbZTa/hOW8rze84Oj3Ey9shQsL2wr7LqBidF/RtFfJWk3IzAo6lUcWU8sGt2SMf3pEWMJM65qTT1BnkuD32DXF/tqeDE38dGgqnu2VGnTBO+TPZwXgz4nZvSuw66ff7wzAXTcYK6V0hbEvWt1uHlpglOqa7wUEGDBPH8PtPOapwaNqRgGJ4si2OeSAOm1WXG4qJ+t+r6afq0ym/B6plZtn/5pHoMRKeRp5pI5ESlTEIitccG8rnrWpRvBtK2HuJGpmSpFmWW36tjSwvtRojHv2J6LsjCaLGDN2yTodYBRK4nSLk+osE5Z7DAfFiXW8k1dioBFcIRzypVjDUGERsH/BxiVEW+gPBwhC5HpEQKBRP2TwMRVy+Iy3XbO0JHq12EsBWgiSp8hs3N3DcagbkobMYeFmU3k1bilovo5lvPdaEU0u71yKbwvPm1rRrssQCrZW4ZhTh18Tn5T3mNDN9m70Bdvu2da/E76KSxy1F1lZVnpNwH3vxnLUiYGTtPy2vUQ+DdOnY7SkloctF+ssqocmvDVM33U882c7cg3prBRx4T6vFRrdumqhmBTUJRaoNr3NlTTvNG/r0ucqbXAJhjjju3W5MB6iwZFi3l4eh+ggVPkEWYVsKN61tM3/G3utE4Zrfy7Bc7GNH0saZGuebeKqzyZ/u2I/sJFsJHIXXKTJvM0shEuUBxO/ZOHEed3TRh/cWJJg7eaVDHLpDzxWIbJMwnlYngX4M1dJ4WFxntxR0VW8jYfvdIiRzhQrRmv3dC06y8C35fJNYyBZh5wxJOKRNs0eWQUQ4aGWK7SLE/ZD1SlOY2vZaV+788hxQ8MFqoc9Pvzowpg/Jjl83tQSZr5dKGm1XXysXpVPW2Sqvgalh7i0TCGYWZV0JJ4rejGoDRSGvVjn2oB3Y8mXIfH9Ezefwe/cYZeWMTyHH3opOgITY0BA9qff3Nol6ECfncZzm1vAv8Cr0+0s7SFFTjQQEvRc0KbjI6/3t4auGhaTAExn0PyHQdZc5ZTO9Xw0ec+EuW8XTwNy3GWG60NGHcQ1JOlTqrhXfsAbtISIn3DNwjOSSch9hoMSoonSfQ6Xz7BdrD9WsC0eiKSqIfXu8rbKm5c4L4fsIhlVATBjeJlQRz2sxZu4rOeONKMsvu1AJPmtzJg5zsvbXifhAzDDLTzkogzhQnc1fvIO7RqXrnFAJWsa0Iz/V80Bf7p9rnNKXKXx770s2IwUlSaunOvcs5e2G9WK859/doh6L8fSVoZI20vlNAYIvg0NzC8pRudTUo/CZvOx42QJhkp6zYANkYSsQ4iBpzdmefpBsCpz2H+4Y3A+GxLPs6OElDvpuLld3/gAvj/h4dMz0/q/XDUjraB+XP2b6eXlomHxQ+K589H8jlpbzu8wqBYSKrxwJfMn1Fdesdbz724Z4ku91lfeJACHEC5RcXvfOS5HKpD6BLVETlvpWpXBuV8HZQ/1PK74Vjfytx8Te2fVLTjNxLVP7TMfu31Qc5ms/HtJYdlkOnnhR7ZdrNgj89HKbfH7RivI+jXIU9U+hDu1wQB6VTcVAMto2MS4hCjqM5FTRNf3te/9rdsfCkcBeWL+qnJChfrU0v/pj4w2Gt3gT/C/mlpiyqN21PTntO8DSrTDdDWaktvNqS5/cfbyUe76Z2ySgJa/nzxCuJg8nZvCDra6I/EUcGuc0O7tVAdX/U3ktYGpj8tiFMWV1QQ2mE8g0bNS2d/uIfQPQd0xdRbvHVsqgytDZbX+Y5nD/Q7ernVj4H9QpwH66ZFqU8fG6tTWEjRScjnhjs3nS9Acnq8DwBta1mBfhpZhcseHEtShBdU1M4aY3jwCexvZbbcU0sNc/ypPI/qebqFog7CI0VuaIkW5uG6fMTS1zym4Z//GQ2+1vnlLjedxP8ar4hWVybSujygWI5jLbYh65eVA5TZs5F1r5g97AELYMSNP5oDtgrsPmi92dBUKxzeEbavt9Oyyjj4UMbB1Fb2NBByx97HdaC4uWQeT/VQJxRct/ncX36D5aCeJqrP3s5jETLCVu/buPvsgHIjXyCU0vJsyXrWrEJujt2QsvugPM/qNasi/ETFBD3dxVLAPB1dRP7ZGm0q7cvOouHcnZiRZRfwiCNacm011CdS7HDWXi176t8d6OyTMdhA3U9GuLIPUJ++0JVcq1WqifqMYG9DHp7W20AlVPXZAMUzF2namUU20RgvtG9vWp7ODn4GYVeYSyJZyCnS1Zob31+LVPy88xfArwYkHvdnDdbR6PFFyhMPfCLtw6AOBpXDFgAn26UL62UBUdaURfKCzE5wwGTBnIUER80DZ59noq6yna9w/KVRQwlwiNgj3WGexz6O3vwkdnKDrjnPVM3fcNDBxVoh2PiMEmKYBCGkMMCnCF12IeXNoIrhoZ7WNwV+rn6FNmW9fBmlsPloXBtorXgz2pBLiSPEKRT5X5KA0UTdL8q2G7yJn2xHhMF4o1kSosGrr/O7Irji/icqn9pRAhisf85PSxagj83XAu4nbQX2DcudFNzK4glnCZRBU5ZAE24sCndFT0XuKtkMbji+RQE+7yJxAKbwr4VQsiVVMWQ9srcwuCXcMfLmWVa5qPihG4K2mqE0bJh5L69bLWeadv8npk/y01ZI3QA8Ik4i073sLxmbQP6K77LAf70X4UtFTUI9UW8F/5yS8rS7E0CjB+R4tT+GHdpQkfL6mETBHjPBm240GpPLYRJwW0aCi7yp3oZnsHaqyYUuUFRond/PpRHUYnnUh6hoOyVj0h6pnt9fYp6ObTGNAXLjqaApicOZ4twFZKdllM7l7THtko6iOcyNMPktIm9wJbrpWQ7HR4DIKYRvMOm3hQd06rRDi86ahZBqTcFGkL2Dkvw50kVojNBGV5bNmPSr6SSXjy0qN2x6cxq+s+8ieYXhaSrmP0sf+rxdyBWfx7JCBcfKF+Euz4/3i44/2pxGwCRu/++GGYyqrDtwasgFwwye3O55zLbQHAd+mH9eniVo7Ai7JOVt8O8Go8vXYRczjhM48Mk9gHQXnsLsRbnouJYi3gs/PVMzl+qGeD/AY0V2YpG3CHtWnNKuhN8hC4bRSHtI0NAni2D4mup9+oJxINyrN5D4PyzaOO3s39qSfkVR+8uIPvLIJILiP06BcW2QUlBMcAklM2N40BHtgBErL1oGox06s3PPOyJeYrs6jynoAc1jO4PXd+VNoI41hM7V/guoxbdEGWHotPuXvGeDX4DkRPl3sf06GCqgqpNwalCgPgu6tHASqdk5ejOh/Y39BjeUPkOux1SEfYhELJHUWitH9cYHDceRWJoYrTFboJuE+1kcKKxScwGhVZnLOR8kQmpGfetY1HZzGW31+YqF3dDfEpCARoPsoLZe1/Gw1fDf7rGf/z+3WTG/2P3nLTUkRKohRAqHsJxVo7n4gXzp8qeWJtp6adCG1MJ+FBYJRafccdJJC4Uk7y9+Fui4H5KfOwCubwzhuqSEVemjFaowEx7Nf2mPRA8onCjgKBGoqr6HMQjSSZjUpM/KhQEV/P81edhnLdNllPNoJ0/yHJwPHVpZrkK3ihLAqOoNKawyBkBiXwaOjDnMRciLII/8rW+ClZCEylcGwvD53uW/mYm6zWOnSbtiACctiREgSLYIRnaYZN7iYuUJuZRgSe2LhY8tbxw5xvbym5ZtFVEIsRgSMGAxfM6TTLRK5t1KIpdiSboyuY7Nz4XMq1HE41jZefkn7cIj7mDLU/UABg6Tnx6D6n9ZnMDhzuwKP6HiQxFeeKPCYTu+WXYnwILSDerngaTrg6vgbxKCW5o9jB7DR6Ze9fCjstyk0rKRVp9XkVNhyH1ZO6jAld+Gge/M+uJzbcYEorGku5fQcSJX6xPOug2l9gdf2092Otujx/ETAfg830PreM65ioNVDeCzF/06NBYiHVph6ma/F0Pi0+IcUncWgwpIY8Yu7Jmx2zuLVzITqpGDV/OwZF9RL90pCodiRVxpA6U3/FOd4OjJexhP2WTN2XdBc5Y2rWDpLg3JehJWtZbZiYdItIPxApcfOX15VTDQ8vkSCtuD4qeXLFADRZ8r2KjRUKD3pgtzPUFaYEPTLYDM+VpJahJ3mvpF0GrzSz39tc3h1qNepdlap8F9BSRtvUEgNsHQX8HhsJ6qLEP+9+dDWi5k/HCWlcgrm4ghVA07HfnQQoq7ETsxsug7boqM9anlP3sbsypTGUKrArfPWiTjdFpTt32e59ChB1SufV6Xqt0gWx+CFLJfmV5TED+2AHDeqYeNRwVD1lBsSXJ7p3foq5GI6EKzFBPyCkXH0gQdoUjBWqt3veV11Fihsvw7dP5xoM3qcxP5MVEOUFUSqLefiUWJ2ZCdCLzyJ1GZo9N7pHkbMqNVjtkzmiFvvsSG+Z/Vwv6lWUbop6Vf7TcASdf0Z9qkA7SzLTYUe+1JEK5QXtlZTOCCPMaIxpKo7zHnp2CloH+BC2nszHqyKOB3+lmOejE7I4K170W8YM1C6QQ5kWzbiMiGmz3fC6R1Ufu7l78Rvsbucn4kNCzefnSECl1T1cj6aBs97TcwJ7PiJrvKTxcR+E5PDs+qArATZrsvRKEiK38QKLQEpZj/47WLW+xPjk8b4mBLLheAj1ruMQm7hfbsqccO1MEMhpTWh/DfHn0D4COA0QuYgZZR4Jn6CpYCSEI7Xalw0VWR3peW4TApjfjPYKk/KI/cS3n2MiZfGWyVEZKg9+3CpXcBgghe9gQ2Amo8WkK8Xvom1loCiSJ+RMPOUNYHeu4W3z7F65HEZcQWskYs4pOMHbFbWZGVZxaGaUSctFKyUDZIiMBBG+EXMJl4y5CCyt6r4yWdhm+i0GJlLidNRWVUToQm1DOZT4mSY1m+3pbuh+mK9FC3kCzfWbvDNVT56+9Ni5jAdyrxnTf5jTu7kO4579N61ZNK3h1NTI12m2222P3FjoJLFFSSbsKgnT83jKTQaEVp6bJVw25vCGfptRxnQF6WBXmiKZBWU6uuQUG4GmKRqRxTI37QM6V8OWXK7bFtTVq/A4lNHkaR/N5LgYgeTWnTZYiJIfu/6a+B1W/Ua2Szq/sBM1jqNhLm8qYKcE/UdjlpEIRsJ09Lr48e36k+NFzqAw8xZqrpA/eDg6DPIVWStyqxMbi8c3xE0jYQSB1NAwQB2GpfFLJiLS8Unj/4cSUYv5+ZymhOodESyYoPQE1ld9rySeTyau68a5KZz+IdsHTOhVESneUQy7+1T2GdF1fRMR4ctBWvEn7RFky8HkXqS98WjAie8KLweiw8MJt++W150q+ZOmQmtDhHH/5IPK7uzFDAdZZdLi/XkFQZPZySpztI0cO3gyuMBTNzTRJcHkfYd2VfuGMcLtjd0tWM/bK9bPghMH7Uo0jctJVXDrnjIAlfZAgZssq4dSPEJDkU/BZ94N2tEcxh5vhQxlW1/dkQxec5b41P0lwTDih/N9FdpyhuuXHNtp2mTmzbCodHqyOTUEo53YaUMc0bTFv5bgoQt0NsnVFJO4kA3TdP6xPbGyW5X2I7dJ0fRkRZZ80xWzvpxd7tY1YpvtaxrmBXLOp3RmoJu3oBMzBjuxeU2TRXR9WVL/++ilkvQNKkz3I2bmXV1Y4WsFGqI9KqcRiERWTcTSl8uLahb1UG0nvXEXPvR/lS1t9SsK1XjM66qinhHEhNONKWT1d4eLVad7afquJkSShFU47lICFGy+U5ZYABCW/CWDwFmjuQFKfCtcAhdjYMaEtXU0mQFAHgx6txNnpnvLVHGdyAM+OoLH1q22dYnh8lsq3Dza3xsQTa7Bt3R0Urzero5bPUXCY9tmv3sxSrS6pRBat0vYfdznJ3XO/d9oU178kg81gg0wPHhPjUSHW40+nO6dSbfvODm9HpZdk4SfudiAbyYOpL5mnwbxns+COilT9BAdq+RYbGoP55eoMs/nBv016Cpf41ZU+qNNHI2RZPiHmzU8WmSROmKcuvITklmJFRMEfDOjxRZGijrS501v0gxLf1+0LAbFLoDJXDHuslpJla6Yh8qzGwDhuEEKu+LWX1p+cHO4/5e7Mj9o/J+mKRaSfR+AzVX7lMD8N9rGq6wK+t1l658YtK/r8gZGNgk13Wsl6cZ4U9J3RcpkqVKuCTk1plZvNJepAb7OaGwU1FsOQ7hvjTMdDkSpF7Lmx9Km+lNumNZ6I1fkm39vaI35sH5lyTbJ5QLlCS+YqibOZaCl+MdWi3yryhx3qyyqOpwbrL1s2vSBoM0k19SoRiITcUsjNWDGm0rh00QLClcz16bH+6YgUeAgOLRxFFHUyEC4kJeV5dyhO7s0XJGA/7Paj4dCxTE5+REdLEDvIaP0hc4FYa2iCgKQ1lygIL1FvVc8671YyJB8FpV8kdq9rwNPF7J+1DGsTlk4rbKzm7COu1NIU7UW6o7xCs1BEFxM0bulw1aUtehNV/K40FZ6LIc+RiDzGOfYpqBiZTDvhJwbBXNuJc4i7Rgmf5KPGSr5qf4s/Sb+BkJbO2pjzljw9tWH135kuaGr9VEYwQkO/f7hfEt8rngumWD8+XoOLZV1ymc92SK0KOXrBHPo844TXEZZsRR0Y4Bmre7dW5Al9YYuSGb0gmXEx7fOuxQ7MNiAdfFmZEeDbMTcf2XIVF6qS+Sa6Xg6v9pB0zrndvXGd1FhsYCxVMkBexC5D1TLr7eZ/Bm04H8Wz1Jgg+D2tQINuTaOQCbD6HWcJ09w5hm567mCT5JAJTWu7pvtyBcdsSWanHGwibpNX359Xh707IwRC/pxqAGpYw45z8xf100vlabPFwu+lQQXLPeno7l21UmFZS4tdN+E+udQbkak5QBK7dRPnqbA57SNOiJsg/VPnypUASb0oUbLiKGumWCWZzxGarxk7YUWLEi0CKHd2dNmf79KPHBZCyePI536KfqJI5smDeCxTCG6gJ4uHohlzzkO8godSDcHlQy4/BJgth2V/qeUu5igbJUdFhq3fKuBli9GgWEy1xLOulbuDaK45DS3maqe89C4PmilS0kLPQAzBHnIQd3MgP516IDHMbR+dSpW3OVVfWhCLU2t78PysiVvSWL8JeDJAVhl+J5Kf+MG4gAAm1xZsEJV4B/Quu7vxjy964cfQIUGiS0fvG6W3LBPYRJ7owozRsaaC9GrnIFtko7+lJaSjlFBTn8rCwFhsuaCB2M2PY6Nk0BuigWld1MCXjLfwPxCBB61a63oNNLwcMs6NXTnrkD4hZR1rvHCaqvqN8xq/RVhbHN0r16lu4fYtkAXk0YrT1HkrzxjhxBrSVtCIriyGuksmP912FdAn8LGhdhX/2n4CcZ+zE7ilbc+KQd8dmjqBiZojcFhW47lwew7P5Gu4jzfNLeX/YhKYY7aMMBtiWdC3ILMBAVvVNj+7tXBGCipIVE2ziqL7J4BpiUawWsDrqsG4mTOcKYMRJoRm3tKrh6DMN6UfkDVTmBqR41ZjqIMFyD1Af1+EH2YUuH8mGNDus4CXrE8bHCDlA3H7SW9jTDFwm0NVOCwIVTjjTRNtkIPjT98fRoqdU9fPHyl4A7uv16a1ZrU3nMP5LYImuMprdSoaMZtvbM9GF72d5D20jMWTA9Y5MwHYEDv1896a1bF+9dBtIg8RaLoYBTW7DmZqr2mLeGxWTLQnPjgphcSE8r2h4weI5xzpJQRsjaG1mQ8NP2X/a3qm3tYZ/7kGd+K6d/7tK4ALpn9dSojqXhSqGvfMUmekgBuBs70fj5/nCxfdq6ztgfiDiE/eMU8RLEP/z6tlutbWdA7kFQhfkoQLr28TbziQxiku//6fGCLGl+pYPWP8EbROFkkJKxn3L7TCEZlOnAv0jkRo8WxOBjUzdbFXjrWQXznZ4ptz17u/BEW+hoTYy2VPRwRYaYyQsBRVQwpLQalnCOpeJMFNZOjqB5eVYnqzur7FOs8ROLFvepU68ARM10yo2BeMNw+TdfzQNHTfQRtXeXYjM8jc7LEQGsSe2jKMK5iLHO5J1lQsr0AgO1jbizOSh2cVQVl/CFI2SY3+/SHbVr6jFgAtygZDYRC7pNl1jQ8GhmfZFjey9fjRpAry2FBP9CVQJzIMc0+cb8B3sofho2BsXhbX00gZO9nE0ipd7Mt6rw1366yqGZicGw1Y+2yFXXQma/qbAJHck4iu8a8QePjHrYmsTn6x1q09ozy/mKNX2JyqwT0jkQ5jdacGFv2vs1gf/t7H+oxvh6Ev1uQ/iXaOiEENzxB/i5spgpYzVp+G7ia14esT0idVVJ1zkp1CfFEfQSLpmnsPmH0tfCNqJ0SqnSP0pt9Uyj0laQSO4z/Di6DgUrz9gU1HvBWgwd07gtC6xZljTOb+Hs6xOesWzaGIuGofzThq5sy2jtzVZqza++hPZwXNXSSnrbUi+aq1zu1wDdljOTZouTDIqD6KixNoiIqwHyJstZXgcIc1q8rrHb3IQ3bK9N98wf1/gP8nAIysTAzsHYHWBvaWcP8Lyc3PAmVuZHN0cmVhbQplbmRvYmoKNiAwIG9iaiA8PAovVHlwZSAvRm9udAovU3VidHlwZSAvVHlwZTEKL0VuY29kaW5nIDk3NiAwIFIKL0ZpcnN0Q2hhciA0NQovTGFzdENoYXIgMTIyCi9XaWR0aHMgOTkzIDAgUgovQmFzZUZvbnQgL1RBQ1RHTStOaW1idXNSb21ObzlMLU1lZGkKL0ZvbnREZXNjcmlwdG9yIDQgMCBSCj4+IGVuZG9iago0IDAgb2JqIDw8Ci9Bc2NlbnQgNjkwCi9DYXBIZWlnaHQgNjkwCi9EZXNjZW50IC0yMDkKL0ZvbnROYW1lIC9UQUNUR00rTmltYnVzUm9tTm85TC1NZWRpCi9JdGFsaWNBbmdsZSAwCi9TdGVtViAxNDAKL1hIZWlnaHQgNDYxCi9Gb250QkJveCBbLTE2OCAtMzQxIDEwMDAgOTYwXQovRmxhZ3MgNAovQ2hhclNldCAoL2h5cGhlbi9wZXJpb2QvemVyby9vbmUvdHdvL3RocmVlL2ZvdXIvZml2ZS9zaXgvc2V2ZW4vZWlnaHQvbmluZS9jb2xvbi9lcXVhbC9BL0IvQy9EL0UvRi9HL0kvSi9ML00vTi9PL1AvUi9TL1QvVi9XL2EvYi9jL2QvZS9mL2cvaC9pL2ovay9sL20vbi9vL3Avci9zL3QvdS92L3cveC95L3opCi9Gb250RmlsZSA1IDAgUgo+PiBlbmRvYmoKOTkzIDAgb2JqClszMzMgMjUwIDAgNTAwIDUwMCA1MDAgNTAwIDUwMCA1MDAgNTAwIDUwMCA1MDAgNTAwIDMzMyAwIDAgNTcwIDAgMCAwIDcyMiA2NjcgNzIyIDcyMiA2NjcgNjExIDc3OCAwIDM4OSA1MDAgMCA2NjcgOTQ0IDcyMiA3NzggNjExIDAgNzIyIDU1NiA2NjcgMCA3MjIgMTAwMCAwIDAgMCAwIDAgMCAwIDAgMCA1MDAgNTU2IDQ0NCA1NTYgNDQ0IDMzMyA1MDAgNTU2IDI3OCAzMzMgNTU2IDI3OCA4MzMgNTU2IDUwMCA1NTYgMCA0NDQgMzg5IDMzMyA1NTYgNTAwIDcyMiA1MDAgNTAwIDQ0NCBdCmVuZG9iago0MCAwIG9iaiA8PAovVHlwZSAvUGFnZXMKL0NvdW50IDYKL1BhcmVudCA5OTQgMCBSCi9LaWRzIFsyIDAgUiA0MyAwIFIgMTA0IDAgUiAxMTAgMCBSIDExNiAwIFIgMTIyIDAgUl0KPj4gZW5kb2JqCjE2MSAwIG9iaiA8PAovVHlwZSAvUGFnZXMKL0NvdW50IDYKL1BhcmVudCA5OTQgMCBSCi9LaWRzIFsxNTYgMCBSIDE5MyAwIFIgMTk2IDAgUiAyMDIgMCBSIDIxNyAwIFIgNzg3IDAgUl0KPj4gZW5kb2JqCjc5MiAwIG9iaiA8PAovVHlwZSAvUGFnZXMKL0NvdW50IDIKL1BhcmVudCA5OTQgMCBSCi9LaWRzIFs3OTAgMCBSIDk2NiAwIFJdCj4+IGVuZG9iago5OTQgMCBvYmogPDwKL1R5cGUgL1BhZ2VzCi9Db3VudCAxNAovS2lkcyBbNDAgMCBSIDE2MSAwIFIgNzkyIDAgUl0KPj4gZW5kb2JqCjk5NSAwIG9iaiA8PAovVHlwZSAvQ2F0YWxvZwovUGFnZXMgOTk0IDAgUgo+PiBlbmRvYmoKOTk2IDAgb2JqIDw8Ci9Qcm9kdWNlciAocGRmZVRlWC0xLjIxYSkKL0NyZWF0b3IgKFRlWCkKL0NyZWF0aW9uRGF0ZSAoRDoyMDA5MDQwMTE2MzkyNS0wNycwMCcpCi9QVEVYLkZ1bGxiYW5uZXIgKFRoaXMgaXMgcGRmZVRlWCwgVmVyc2lvbiAzLjE0MTU5Mi0xLjIxYS0yLjIgKFdlYjJDIDcuNS40KSBrcGF0aHNlYSB2ZXJzaW9uIDMuNS42KQo+PiBlbmRvYmoKeHJlZgowIDk5NwowMDAwMDAwMDAwIDY1NTM1IGYgCjAwMDAwMDQ4MTQgMDAwMDAgbiAKMDAwMDAwNDcwOSAwMDAwMCBuIAowMDAwMDAwMDA5IDAwMDAwIG4gCjAwMDA5OTQ5MDEgMDAwMDAgbiAKMDAwMDk3OTY1NSAwMDAwMCBuIAowMDAwOTk0NzMxIDAwMDAwIG4gCjAwMDA5Nzg1ODkgMDAwMDAgbiAKMDAwMDk1ODIyNCAwMDAwMCBuIAowMDAwOTc4NDIwIDAwMDAwIG4gCjAwMDA5NTc4NDMgMDAwMDAgbiAKMDAwMDk1NjIyNCAwMDAwMCBuIAowMDAwOTU3Njg2IDAwMDAwIG4gCjAwMDA5NTU4NDggMDAwMDAgbiAKMDAwMDk1MzQzNiAwMDAwMCBuIAowMDAwOTU1NjkxIDAwMDAwIG4gCjAwMDA5NTMxMTAgMDAwMDAgbiAKMDAwMDk1MTU1OCAwMDAwMCBuIAowMDAwOTUyOTU0IDAwMDAwIG4gCjAwMDA5NTA5ODcgMDAwMDAgbiAKMDAwMDk0OTE2MyAwMDAwMCBuIAowMDAwOTUwODI5IDAwMDAwIG4gCjAwMDA5NDc4MjcgMDAwMDAgbiAKMDAwMDkzNzIwOCAwMDAwMCBuIAowMDAwOTQ3NjY4IDAwMDAwIG4gCjAwMDA5MzY3MTEgMDAwMDAgbiAKMDAwMDkzMzA4NiAwMDAwMCBuIAowMDAwOTM2NTU0IDAwMDAwIG4gCjAwMDA5MzI2NDEgMDAwMDAgbiAKMDAwMDkyMjczMCAwMDAwMCBuIAowMDAwOTMyNDY1IDAwMDAwIG4gCjAwMDA5MjE5ODMgMDAwMDAgbiAKMDAwMDkwNzM0OSAwMDAwMCBuIAowMDAwOTIxODA4IDAwMDAwIG4gCjAwMDA5MDY5NzYgMDAwMDAgbiAKMDAwMDg5ODY3NCAwMDAwMCBuIAowMDAwOTA2Nzk1IDAwMDAwIG4gCjAwMDA4OTY0NTYgMDAwMDAgbiAKMDAwMDg5NDk4NyAwMDAwMCBuIAowMDAwODk2Mjk4IDAwMDAwIG4gCjAwMDA5OTU1NjQgMDAwMDAgbiAKMDAwMDAxMDI2NiAwMDAwMCBuIAowMDAwMDU0MjAwIDAwMDAwIG4gCjAwMDAwMTAxNTggMDAwMDAgbiAKMDAwMDAwNTAxMyAwMDAwMCBuIAowMDAwMDE1NDA2IDAwMDAwIG4gCjAwMDAwMTU2MDcgMDAwMDAgbiAKMDAwMDAxNTY0MiAwMDAwMCBuIAowMDAwMDE1Njc3IDAwMDAwIG4gCjAwMDAwMTU4NTQgMDAwMDAgbiAKMDAwMDAxNjAzNiAwMDAwMCBuIAowMDAwMDE2MzQ0IDAwMDAwIG4gCjAwMDAwMTY2MzcgMDAwMDAgbiAKMDAwMDAxNjkzMCAwMDAwMCBuIAowMDAwMDE3MTkwIDAwMDAwIG4gCjAwMDAwMTc0NTcgMDAwMDAgbiAKMDAwMDAxNzc2NSAwMDAwMCBuIAowMDAwMDE4MDY5IDAwMDAwIG4gCjAwMDAwMTgzMzUgMDAwMDAgbiAKMDAwMDAxODY1MiAwMDAwMCBuIAowMDAwMDE4OTQ1IDAwMDAwIG4gCjAwMDAwMTg5NjYgMDAwMDAgbiAKMDAwMDAxOTg2MCAwMDAwMCBuIAowMDAwMDIwNjY3IDAwMDAwIG4gCjAwMDAwMjA5MDYgMDAwMDAgbiAKMDAwMDAyMTM3MyAwMDAwMCBuIAowMDAwMDIxNjIwIDAwMDAwIG4gCjAwMDAwMjE4NzEgMDAwMDAgbiAKMDAwMDAyMTg5MSAwMDAwMCBuIAowMDAwMDIzODMwIDAwMDAwIG4gCjAwMDAwMjM4NTAgMDAwMDAgbiAKMDAwMDAyNTcyMCAwMDAwMCBuIAowMDAwMDI1NzQwIDAwMDAwIG4gCjAwMDAwMjcyNzAgMDAwMDAgbiAKMDAwMDAyNzI4OSAwMDAwMCBuIAowMDAwMDI4Nzc3IDAwMDAwIG4gCjAwMDAwMjg3OTYgMDAwMDAgbiAKMDAwMDAzMDAyMiAwMDAwMCBuIAowMDAwMDMwMDQyIDAwMDAwIG4gCjAwMDAwMzE5ODEgMDAwMDAgbiAKMDAwMDAzMjAwMSAwMDAwMCBuIAowMDAwMDMzOTc2IDAwMDAwIG4gCjAwMDAwMzM5OTUgMDAwMDAgbiAKMDAwMDAzNTExNyAwMDAwMCBuIAowMDAwMDM1MTM3IDAwMDAwIG4gCjAwMDAwMzY3MTAgMDAwMDAgbiAKMDAwMDAzNjczMCAwMDAwMCBuIAowMDAwMDM4MjYxIDAwMDAwIG4gCjAwMDAwMzgyODEgMDAwMDAgbiAKMDAwMDAzODMwMSAwMDAwMCBuIAowMDAwMDQ2ODQyIDAwMDAwIG4gCjAwMDAwNTM5NDYgMDAwMDAgbiAKMDAwMDA1Mzk2NyAwMDAwMCBuIAowMDAwMDUzOTg4IDAwMDAwIG4gCjAwMDAwNTQwMDkgMDAwMDAgbiAKMDAwMDA1NDAzMCAwMDAwMCBuIAowMDAwMDU0MDUxIDAwMDAwIG4gCjAwMDAwNTQwNzIgMDAwMDAgbiAKMDAwMDA1NDA5MyAwMDAwMCBuIAowMDAwMDU0MTEzIDAwMDAwIG4gCjAwMDAwNTQxMzQgMDAwMDAgbiAKMDAwMDA1NDE1NiAwMDAwMCBuIAowMDAwMDU0MTc4IDAwMDAwIG4gCjAwMDAwNTgwMzcgMDAwMDAgbiAKMDAwMDA1NzkyNiAwMDAwMCBuIAowMDAwMDU0MzQzIDAwMDAwIG4gCjAwMDA4OTQxOTMgMDAwMDAgbiAKMDAwMDg4ODg2NCAwMDAwMCBuIAowMDAwODk0MDMyIDAwMDAwIG4gCjAwMDAwNjQ2NDkgMDAwMDAgbiAKMDAwMDA2NDUzOCAwMDAwMCBuIAowMDAwMDU4MTY3IDAwMDAwIG4gCjAwMDA4ODgzMzAgMDAwMDAgbiAKMDAwMDg4NTE1MSAwMDAwMCBuIAowMDAwODg4MTY5IDAwMDAwIG4gCjAwMDAwNzE0MTIgMDAwMDAgbiAKMDAwMDA3MTMwMSAwMDAwMCBuIAowMDAwMDY0NzkyIDAwMDAwIG4gCjAwMDAwNzY1NzAgMDAwMDAgbiAKMDAwMDA5MjQzNyAwMDAwMCBuIAowMDAwMTE3NjY2IDAwMDAwIG4gCjAwMDAxMTIyMjkgMDAwMDAgbiAKMDAwMDA3NjQ1OSAwMDAwMCBuIAowMDAwMDcxNTE3IDAwMDAwIG4gCjAwMDAwODA3ODcgMDAwMDAgbiAKMDAwMDA4MDk5OCAwMDAwMCBuIAowMDAwMDgxMDM1IDAwMDAwIG4gCjAwMDAwODEwNzIgMDAwMDAgbiAKMDAwMDA4MTI0NSAwMDAwMCBuIAowMDAwMDgxMjY3IDAwMDAwIG4gCjAwMDAwODIxNjMgMDAwMDAgbiAKMDAwMDA4Mjk3MiAwMDAwMCBuIAowMDAwMDgzMjAzIDAwMDAwIG4gCjAwMDAwODMzMDMgMDAwMDAgbiAKMDAwMDA4MzcyOSAwMDAwMCBuIAowMDAwMDgzNzUwIDAwMDAwIG4gCjAwMDAwODM3NzEgMDAwMDAgbiAKMDAwMDA5MjM5NCAwMDAwMCBuIAowMDAwMDkyNDE1IDAwMDAwIG4gCjAwMDAwOTg4MTAgMDAwMDAgbiAKMDAwMDA5OTAyMSAwMDAwMCBuIAowMDAwMDk5MDU4IDAwMDAwIG4gCjAwMDAwOTkwOTUgMDAwMDAgbiAKMDAwMDA5OTI2OCAwMDAwMCBuIAowMDAwMDk5MjkwIDAwMDAwIG4gCjAwMDAxMDAwOTkgMDAwMDAgbiAKMDAwMDEwMDk5NSAwMDAwMCBuIAowMDAwMTAxMjI2IDAwMDAwIG4gCjAwMDAxMDEzNTggMDAwMDAgbiAKMDAwMDEwMTgyNyAwMDAwMCBuIAowMDAwMTAxODQ4IDAwMDAwIG4gCjAwMDAxMDE4NjkgMDAwMDAgbiAKMDAwMDExMjE4NSAwMDAwMCBuIAowMDAwMTEyMjA2IDAwMDAwIG4gCjAwMDAxMzk0MzQgMDAwMDAgbiAKMDAwMDE1ODY2OSAwMDAwMCBuIAowMDAwMTE3NTU0IDAwMDAwIG4gCjAwMDAxMTI0MTIgMDAwMDAgbiAKMDAwMDg4NDY0NyAwMDAwMCBuIAowMDAwODgxODc5IDAwMDAwIG4gCjAwMDA4ODQ0ODggMDAwMDAgbiAKMDAwMDk5NTY3NyAwMDAwMCBuIAowMDAwMTI2MDYwIDAwMDAwIG4gCjAwMDAxMjYyNzEgMDAwMDAgbiAKMDAwMDEyNjMwOCAwMDAwMCBuIAowMDAwMTI2MzQ1IDAwMDAwIG4gCjAwMDAxMjY1MTggMDAwMDAgbiAKMDAwMDEyNjU0MCAwMDAwMCBuIAowMDAwMTI3NDM2IDAwMDAwIG4gCjAwMDAxMjgyNDUgMDAwMDAgbiAKMDAwMDEyODQ3NiAwMDAwMCBuIAowMDAwMTI4NjA0IDAwMDAwIG4gCjAwMDAxMjkwNDQgMDAwMDAgbiAKMDAwMDEyOTA2NSAwMDAwMCBuIAowMDAwMTI5MDg2IDAwMDAwIG4gCjAwMDAxMzkzOTAgMDAwMDAgbiAKMDAwMDEzOTQxMSAwMDAwMCBuIAowMDAwMTQ2MzQ3IDAwMDAwIG4gCjAwMDAxNDY1NTggMDAwMDAgbiAKMDAwMDE0NjU5NSAwMDAwMCBuIAowMDAwMTQ2NjMyIDAwMDAwIG4gCjAwMDAxNDY4MDUgMDAwMDAgbiAKMDAwMDE0NjgyNyAwMDAwMCBuIAowMDAwMTQ3NzIzIDAwMDAwIG4gCjAwMDAxNDg1MzIgMDAwMDAgbiAKMDAwMDE0ODc2MyAwMDAwMCBuIAowMDAwMTQ4ODYzIDAwMDAwIG4gCjAwMDAxNDkyNzcgMDAwMDAgbiAKMDAwMDE0OTI5OCAwMDAwMCBuIAowMDAwMTQ5MzE5IDAwMDAwIG4gCjAwMDAxNTg2MjYgMDAwMDAgbiAKMDAwMDE1ODY0NyAwMDAwMCBuIAowMDAwMTY1MzQ1IDAwMDAwIG4gCjAwMDAxNjUyMzMgMDAwMDAgbiAKMDAwMDE1ODg1NCAwMDAwMCBuIAowMDAwMTcxNTg4IDAwMDAwIG4gCjAwMDAxNzE0NzYgMDAwMDAgbiAKMDAwMDE2NTUyNSAwMDAwMCBuIAowMDAwMjA0MTkyIDAwMDAwIG4gCjAwMDAxNzcyODMgMDAwMDAgbiAKMDAwMDgyNjQwNSAwMDAwMCBuIAowMDAwMjAwMzE2IDAwMDAwIG4gCjAwMDAxNzcxNzEgMDAwMDAgbiAKMDAwMDE3MTY5MyAwMDAwMCBuIAowMDAwMTgyOTE2IDAwMDAwIG4gCjAwMDAxODMxNDAgMDAwMDAgbiAKMDAwMDE4MzE3NyAwMDAwMCBuIAowMDAwMTgzMzQ1IDAwMDAwIG4gCjAwMDAxODMzNjcgMDAwMDAgbiAKMDAwMDE4NDI2MyAwMDAwMCBuIAowMDAwMTg0NDg3IDAwMDAwIG4gCjAwMDAxODQ2ODMgMDAwMDAgbiAKMDAwMDE4NDk2NyAwMDAwMCBuIAowMDAwMTg0OTg4IDAwMDAwIG4gCjAwMDAyMDAyNzIgMDAwMDAgbiAKMDAwMDIwMDI5MyAwMDAwMCBuIAowMDAwODE2ODgwIDAwMDAwIG4gCjAwMDAyMDQwODAgMDAwMDAgbiAKMDAwMDIwMDQzNyAwMDAwMCBuIAowMDAwNTkzNDYwIDAwMDAwIG4gCjAwMDA1OTM2NTYgMDAwMDAgbiAKMDAwMDU5MzY5MyAwMDAwMCBuIAowMDAwNTkzODYxIDAwMDAwIG4gCjAwMDA1OTQxNDAgMDAwMDAgbiAKMDAwMDU5NDQwMSAwMDAwMCBuIAowMDAwNTk0NzM4IDAwMDAwIG4gCjAwMDA1OTUwMDYgMDAwMDAgbiAKMDAwMDU5NTMyMyAwMDAwMCBuIAowMDAwNTk1NTk1IDAwMDAwIG4gCjAwMDA1OTU4NjUgMDAwMDAgbiAKMDAwMDU5NjI2MCAwMDAwMCBuIAowMDAwNTk2NTIyIDAwMDAwIG4gCjAwMDA1OTY4MTEgMDAwMDAgbiAKMDAwMDU5NzEwNyAwMDAwMCBuIAowMDAwNTk3Mzg5IDAwMDAwIG4gCjAwMDA1OTc3MDYgMDAwMDAgbiAKMDAwMDU5Nzk4MSAwMDAwMCBuIAowMDAwNTk4MjQyIDAwMDAwIG4gCjAwMDA1OTg2NTEgMDAwMDAgbiAKMDAwMDU5ODkxNSAwMDAwMCBuIAowMDAwNTk5MTgzIDAwMDAwIG4gCjAwMDA1OTk0NzUgMDAwMDAgbiAKMDAwMDU5OTc3NyAwMDAwMCBuIAowMDAwNjAwMDUwIDAwMDAwIG4gCjAwMDA2MDA0NjYgMDAwMDAgbiAKMDAwMDYwMDc0OCAwMDAwMCBuIAowMDAwNjAxMDI3IDAwMDAwIG4gCjAwMDA2MDEzOTUgMDAwMDAgbiAKMDAwMDYwMTY4NiAwMDAwMCBuIAowMDAwNjAyMDYwIDAwMDAwIG4gCjAwMDA2MDIzNDIgMDAwMDAgbiAKMDAwMDYwMjYyNyAwMDAwMCBuIAowMDAwNjAyOTU4IDAwMDAwIG4gCjAwMDA2MDMyNDEgMDAwMDAgbiAKMDAwMDYwMzUzMSAwMDAwMCBuIAowMDAwNjAzNzk0IDAwMDAwIG4gCjAwMDA2MDQxMTUgMDAwMDAgbiAKMDAwMDYwNDQxNyAwMDAwMCBuIAowMDAwNjA1MTAyIDAwMDAwIG4gCjAwMDA2MDU0NjQgMDAwMDAgbiAKMDAwMDYwNTg1NSAwMDAwMCBuIAowMDAwNjA2MTM3IDAwMDAwIG4gCjAwMDA2MDY0MjYgMDAwMDAgbiAKMDAwMDYwNjcwOCAwMDAwMCBuIAowMDAwNjA3MDAzIDAwMDAwIG4gCjAwMDA2MDczMDMgMDAwMDAgbiAKMDAwMDYwNzU3NyAwMDAwMCBuIAowMDAwNjA3ODg1IDAwMDAwIG4gCjAwMDA2MDgxNzcgMDAwMDAgbiAKMDAwMDYwODQ1MiAwMDAwMCBuIAowMDAwNjA4NzM0IDAwMDAwIG4gCjAwMDA2MDkwNjUgMDAwMDAgbiAKMDAwMDYwOTM0MCAwMDAwMCBuIAowMDAwNjA5NjU2IDAwMDAwIG4gCjAwMDA2MDk5NDYgMDAwMDAgbiAKMDAwMDYxMDIxMCAwMDAwMCBuIAowMDAwNjEwNTA3IDAwMDAwIG4gCjAwMDA2MTA4NTYgMDAwMDAgbiAKMDAwMDYxMTE1MCAwMDAwMCBuIAowMDAwNjExNTQ2IDAwMDAwIG4gCjAwMDA2MTE5MDkgMDAwMDAgbiAKMDAwMDYxMjU4OCAwMDAwMCBuIAowMDAwNjEyODUxIDAwMDAwIG4gCjAwMDA2MTMxMjcgMDAwMDAgbiAKMDAwMDYxMzQyMyAwMDAwMCBuIAowMDAwNjEzNzUwIDAwMDAwIG4gCjAwMDA2MTQwNDIgMDAwMDAgbiAKMDAwMDYxNDMwMiAwMDAwMCBuIAowMDAwNjE0NjMxIDAwMDAwIG4gCjAwMDA2MTUwMjkgMDAwMDAgbiAKMDAwMDYxNTM3NyAwMDAwMCBuIAowMDAwNjE1NzI0IDAwMDAwIG4gCjAwMDA2MTYwMjYgMDAwMDAgbiAKMDAwMDYxNjMyOCAwMDAwMCBuIAowMDAwNjE2NjQ5IDAwMDAwIG4gCjAwMDA2MTY5MTUgMDAwMDAgbiAKMDAwMDYxNzI0OCAwMDAwMCBuIAowMDAwNjE3NTkwIDAwMDAwIG4gCjAwMDA2MTc5MjEgMDAwMDAgbiAKMDAwMDYxODM5MCAwMDAwMCBuIAowMDAwNjE4ODE2IDAwMDAwIG4gCjAwMDA2MTg5NzEgMDAwMDAgbiAKMDAwMDYxOTEyNiAwMDAwMCBuIAowMDAwNjE5MjgxIDAwMDAwIG4gCjAwMDA2MTk0MzQgMDAwMDAgbiAKMDAwMDYxOTU4OSAwMDAwMCBuIAowMDAwNjE5NzQ0IDAwMDAwIG4gCjAwMDA2MTk4OTkgMDAwMDAgbiAKMDAwMDYyMDA1NCAwMDAwMCBuIAowMDAwNjIwMjA5IDAwMDAwIG4gCjAwMDA2MjAzNjQgMDAwMDAgbiAKMDAwMDYyMDUxOSAwMDAwMCBuIAowMDAwNjIwNjc0IDAwMDAwIG4gCjAwMDA2MjA4MjkgMDAwMDAgbiAKMDAwMDYyMDk4MiAwMDAwMCBuIAowMDAwNjIxMTM3IDAwMDAwIG4gCjAwMDA2MjEyOTAgMDAwMDAgbiAKMDAwMDYyMTQ0NSAwMDAwMCBuIAowMDAwNjIxNTk4IDAwMDAwIG4gCjAwMDA2MjE3NTEgMDAwMDAgbiAKMDAwMDYyMTkwOCAwMDAwMCBuIAowMDAwNjIyMDYzIDAwMDAwIG4gCjAwMDA2MjIyMTggMDAwMDAgbiAKMDAwMDYyMjM3MyAwMDAwMCBuIAowMDAwNjIyNTI4IDAwMDAwIG4gCjAwMDA2MjI2ODMgMDAwMDAgbiAKMDAwMDYyMjgzOCAwMDAwMCBuIAowMDAwNjIyOTkzIDAwMDAwIG4gCjAwMDA2MjMxNDggMDAwMDAgbiAKMDAwMDYyMzMwMyAwMDAwMCBuIAowMDAwNjIzNDYwIDAwMDAwIG4gCjAwMDA2MjM2MTUgMDAwMDAgbiAKMDAwMDYyMzc3MCAwMDAwMCBuIAowMDAwNjIzOTI3IDAwMDAwIG4gCjAwMDA2MjQwODIgMDAwMDAgbiAKMDAwMDYyNDIzNyAwMDAwMCBuIAowMDAwNjI0MzkyIDAwMDAwIG4gCjAwMDA2MjQ1NDcgMDAwMDAgbiAKMDAwMDYyNDcwMCAwMDAwMCBuIAowMDAwNjI0ODU1IDAwMDAwIG4gCjAwMDA2MjUwMTAgMDAwMDAgbiAKMDAwMDYyNTE2NSAwMDAwMCBuIAowMDAwNjI1MzIwIDAwMDAwIG4gCjAwMDA2MjU0NzcgMDAwMDAgbiAKMDAwMDYyNTYzMiAwMDAwMCBuIAowMDAwNjI1Nzg3IDAwMDAwIG4gCjAwMDA2MjU5NDIgMDAwMDAgbiAKMDAwMDYyNjA5NyAwMDAwMCBuIAowMDAwNjI2MjUyIDAwMDAwIG4gCjAwMDA2MjY0MDcgMDAwMDAgbiAKMDAwMDYyNjU2MiAwMDAwMCBuIAowMDAwNjI2NzE3IDAwMDAwIG4gCjAwMDA2MjY4NzIgMDAwMDAgbiAKMDAwMDYyNzAyNyAwMDAwMCBuIAowMDAwNjI3MTgyIDAwMDAwIG4gCjAwMDA2MjczMzcgMDAwMDAgbiAKMDAwMDYyNzQ5MiAwMDAwMCBuIAowMDAwNjI3NjQ3IDAwMDAwIG4gCjAwMDA2Mjc4MDIgMDAwMDAgbiAKMDAwMDYyNzk1OSAwMDAwMCBuIAowMDAwNjI4MTE0IDAwMDAwIG4gCjAwMDA2MjgyNjkgMDAwMDAgbiAKMDAwMDYyODQyNCAwMDAwMCBuIAowMDAwNjI4NTc5IDAwMDAwIG4gCjAwMDA2Mjg3MzQgMDAwMDAgbiAKMDAwMDYyODg4OSAwMDAwMCBuIAowMDAwNjI5MDQ0IDAwMDAwIG4gCjAwMDA2MjkxOTcgMDAwMDAgbiAKMDAwMDYyOTM1MCAwMDAwMCBuIAowMDAwNjI5NTA1IDAwMDAwIG4gCjAwMDA2Mjk2NjAgMDAwMDAgbiAKMDAwMDYyOTgxNSAwMDAwMCBuIAowMDAwNjI5OTcwIDAwMDAwIG4gCjAwMDA2MzAxMjcgMDAwMDAgbiAKMDAwMDYzMDI4MiAwMDAwMCBuIAowMDAwNjMwNDM3IDAwMDAwIG4gCjAwMDA2MzA1OTIgMDAwMDAgbiAKMDAwMDYzMDc0NyAwMDAwMCBuIAowMDAwNjMwOTAyIDAwMDAwIG4gCjAwMDA2MzEwNTcgMDAwMDAgbiAKMDAwMDYzMTIxMiAwMDAwMCBuIAowMDAwNjMxMzY3IDAwMDAwIG4gCjAwMDA2MzEzOTEgMDAwMDAgbiAKMDAwMDYzMjI4NyAwMDAwMCBuIAowMDAwNjMyNTA5IDAwMDAwIG4gCjAwMDA2MzI1OTcgMDAwMDAgbiAKMDAwMDYzMjg4MSAwMDAwMCBuIAowMDAwNjMyOTAxIDAwMDAwIG4gCjAwMDA2MzM4MzYgMDAwMDAgbiAKMDAwMDYzMzg1NiAwMDAwMCBuIAowMDAwNjM1MDA4IDAwMDAwIG4gCjAwMDA2MzUwMjkgMDAwMDAgbiAKMDAwMDYzNjI0OCAwMDAwMCBuIAowMDAwNjM2MjY4IDAwMDAwIG4gCjAwMDA2MzcyMDAgMDAwMDAgbiAKMDAwMDYzNzIyMSAwMDAwMCBuIAowMDAwNjM4MjA1IDAwMDAwIG4gCjAwMDA2MzgyMjUgMDAwMDAgbiAKMDAwMDYzOTIyNyAwMDAwMCBuIAowMDAwNjM5MjQ3IDAwMDAwIG4gCjAwMDA2NDAzNzEgMDAwMDAgbiAKMDAwMDY0MDM5MiAwMDAwMCBuIAowMDAwNjQxNTg3IDAwMDAwIG4gCjAwMDA2NDE2MDcgMDAwMDAgbiAKMDAwMDY0MjY1MyAwMDAwMCBuIAowMDAwNjQyNjczIDAwMDAwIG4gCjAwMDA2NDM1MzQgMDAwMDAgbiAKMDAwMDY0MzU1NCAwMDAwMCBuIAowMDAwNjQ0NzE5IDAwMDAwIG4gCjAwMDA2NDQ3MzkgMDAwMDAgbiAKMDAwMDY0NTc3MiAwMDAwMCBuIAowMDAwNjQ1NzkzIDAwMDAwIG4gCjAwMDA2NDcwMTEgMDAwMDAgbiAKMDAwMDY0NzAzMSAwMDAwMCBuIAowMDAwNjQ4MTczIDAwMDAwIG4gCjAwMDA2NDgxOTMgMDAwMDAgbiAKMDAwMDY0OTMyMyAwMDAwMCBuIAowMDAwNjQ5MzQ0IDAwMDAwIG4gCjAwMDA2NTA1OTAgMDAwMDAgbiAKMDAwMDY1MDYxMCAwMDAwMCBuIAowMDAwNjUxNzQ3IDAwMDAwIG4gCjAwMDA2NTE3NjcgMDAwMDAgbiAKMDAwMDY1Mjg5NCAwMDAwMCBuIAowMDAwNjUyOTE0IDAwMDAwIG4gCjAwMDA2NTQwODkgMDAwMDAgbiAKMDAwMDY1NDEwOSAwMDAwMCBuIAowMDAwNjU1MzI3IDAwMDAwIG4gCjAwMDA2NTUzNDcgMDAwMDAgbiAKMDAwMDY1NjUwNyAwMDAwMCBuIAowMDAwNjU2NTI4IDAwMDAwIG4gCjAwMDA2NTc4MjUgMDAwMDAgbiAKMDAwMDY1Nzg0NSAwMDAwMCBuIAowMDAwNjU4OTk2IDAwMDAwIG4gCjAwMDA2NTkwMTYgMDAwMDAgbiAKMDAwMDY2MDEyNyAwMDAwMCBuIAowMDAwNjYwMTQ4IDAwMDAwIG4gCjAwMDA2NjEzODQgMDAwMDAgbiAKMDAwMDY2MTQwNCAwMDAwMCBuIAowMDAwNjYyNDM4IDAwMDAwIG4gCjAwMDA2NjI0NTkgMDAwMDAgbiAKMDAwMDY2MzcyNyAwMDAwMCBuIAowMDAwNjYzNzQ3IDAwMDAwIG4gCjAwMDA2NjQ5MDggMDAwMDAgbiAKMDAwMDY2NDkyOCAwMDAwMCBuIAowMDAwNjY2MDY4IDAwMDAwIG4gCjAwMDA2NjYwODkgMDAwMDAgbiAKMDAwMDY2NzI0NCAwMDAwMCBuIAowMDAwNjY3MjY0IDAwMDAwIG4gCjAwMDA2Njg0MTIgMDAwMDAgbiAKMDAwMDY2ODQzMiAwMDAwMCBuIAowMDAwNjY5NTc4IDAwMDAwIG4gCjAwMDA2Njk1OTggMDAwMDAgbiAKMDAwMDY3MDc0MCAwMDAwMCBuIAowMDAwNjcwNzYxIDAwMDAwIG4gCjAwMDA2NzE4NzkgMDAwMDAgbiAKMDAwMDY3MTg5OSAwMDAwMCBuIAowMDAwNjczMDc2IDAwMDAwIG4gCjAwMDA2NzMwOTcgMDAwMDAgbiAKMDAwMDY3NDU4OSAwMDAwMCBuIAowMDAwNjc0NjEwIDAwMDAwIG4gCjAwMDA2NzU1NDUgMDAwMDAgbiAKMDAwMDY3NTU2NiAwMDAwMCBuIAowMDAwNjc2NzkxIDAwMDAwIG4gCjAwMDA2NzY4MTEgMDAwMDAgbiAKMDAwMDY3Nzg0NCAwMDAwMCBuIAowMDAwNjc3ODY0IDAwMDAwIG4gCjAwMDA2Nzg4NDAgMDAwMDAgbiAKMDAwMDY3ODg2MCAwMDAwMCBuIAowMDAwNjgwMDM4IDAwMDAwIG4gCjAwMDA2ODAwNTggMDAwMDAgbiAKMDAwMDY4MTIzMCAwMDAwMCBuIAowMDAwNjgxMjUwIDAwMDAwIG4gCjAwMDA2ODI0NjAgMDAwMDAgbiAKMDAwMDY4MjQ4MCAwMDAwMCBuIAowMDAwNjgzNjIyIDAwMDAwIG4gCjAwMDA2ODM2NDMgMDAwMDAgbiAKMDAwMDY4NDgxNyAwMDAwMCBuIAowMDAwNjg0ODM3IDAwMDAwIG4gCjAwMDA2ODU5MTkgMDAwMDAgbiAKMDAwMDY4NTkzOSAwMDAwMCBuIAowMDAwNjg3MDExIDAwMDAwIG4gCjAwMDA2ODcwMzEgMDAwMDAgbiAKMDAwMDY4ODE2NyAwMDAwMCBuIAowMDAwNjg4MTg4IDAwMDAwIG4gCjAwMDA2ODkzOTMgMDAwMDAgbiAKMDAwMDY4OTQxMyAwMDAwMCBuIAowMDAwNjkwNTY1IDAwMDAwIG4gCjAwMDA2OTA1ODYgMDAwMDAgbiAKMDAwMDY5MTc4MiAwMDAwMCBuIAowMDAwNjkxODAyIDAwMDAwIG4gCjAwMDA2OTI5NzIgMDAwMDAgbiAKMDAwMDY5Mjk5MiAwMDAwMCBuIAowMDAwNjkzOTEyIDAwMDAwIG4gCjAwMDA2OTM5MzIgMDAwMDAgbiAKMDAwMDY5NTEwNSAwMDAwMCBuIAowMDAwNjk1MTI2IDAwMDAwIG4gCjAwMDA2OTYzNTcgMDAwMDAgbiAKMDAwMDY5NjM3NyAwMDAwMCBuIAowMDAwNjk3NDgzIDAwMDAwIG4gCjAwMDA2OTc1MDQgMDAwMDAgbiAKMDAwMDY5ODczOSAwMDAwMCBuIAowMDAwNjk4NzYwIDAwMDAwIG4gCjAwMDA2OTk5ODAgMDAwMDAgbiAKMDAwMDcwMDAwMSAwMDAwMCBuIAowMDAwNzAxNDU2IDAwMDAwIG4gCjAwMDA3MDE0NzYgMDAwMDAgbiAKMDAwMDcwMjY0NiAwMDAwMCBuIAowMDAwNzAyNjY2IDAwMDAwIG4gCjAwMDA3MDM4MTcgMDAwMDAgbiAKMDAwMDcwMzgzNyAwMDAwMCBuIAowMDAwNzA1MDA4IDAwMDAwIG4gCjAwMDA3MDUwMjkgMDAwMDAgbiAKMDAwMDcwNjIyNCAwMDAwMCBuIAowMDAwNzA2MjQ0IDAwMDAwIG4gCjAwMDA3MDcyNzUgMDAwMDAgbiAKMDAwMDcwNzI5NSAwMDAwMCBuIAowMDAwNzA4MzE4IDAwMDAwIG4gCjAwMDA3MDgzMzkgMDAwMDAgbiAKMDAwMDcwOTM1NSAwMDAwMCBuIAowMDAwNzA5Mzc2IDAwMDAwIG4gCjAwMDA3MTA1OTEgMDAwMDAgbiAKMDAwMDcxMDYxMiAwMDAwMCBuIAowMDAwNzExNzg3IDAwMDAwIG4gCjAwMDA3MTE4MDggMDAwMDAgbiAKMDAwMDcxMzA2MiAwMDAwMCBuIAowMDAwNzEzMDgyIDAwMDAwIG4gCjAwMDA3MTQyNzMgMDAwMDAgbiAKMDAwMDcxNDI5MyAwMDAwMCBuIAowMDAwNzE1NTEyIDAwMDAwIG4gCjAwMDA3MTU1MzMgMDAwMDAgbiAKMDAwMDcxNjczOCAwMDAwMCBuIAowMDAwNzE2NzU4IDAwMDAwIG4gCjAwMDA3MTc3ODEgMDAwMDAgbiAKMDAwMDcxNzgwMiAwMDAwMCBuIAowMDAwNzE4OTkxIDAwMDAwIG4gCjAwMDA3MTkwMTIgMDAwMDAgbiAKMDAwMDcyMDI3MSAwMDAwMCBuIAowMDAwNzIwMjkyIDAwMDAwIG4gCjAwMDA3MjE0NjggMDAwMDAgbiAKMDAwMDcyMTQ4OSAwMDAwMCBuIAowMDAwNzIyNjU4IDAwMDAwIG4gCjAwMDA3MjI2NzkgMDAwMDAgbiAKMDAwMDcyMzkzMiAwMDAwMCBuIAowMDAwNzI0OTIzIDAwMDAwIG4gCjAwMDA3MjU5MTQgMDAwMDAgbiAKMDAwMDcyNjkzMCAwMDAwMCBuIAowMDAwNzI3OTIxIDAwMDAwIG4gCjAwMDA3Mjg4NjIgMDAwMDAgbiAKMDAwMDcyOTg3OCAwMDAwMCBuIAowMDAwNzMwODE5IDAwMDAwIG4gCjAwMDA3MzE4MTAgMDAwMDAgbiAKMDAwMDczMjgyNiAwMDAwMCBuIAowMDAwNzMzNzY3IDAwMDAwIG4gCjAwMDA3MzQ3MDggMDAwMDAgbiAKMDAwMDczNTcyNCAwMDAwMCBuIAowMDAwNzM2NjY1IDAwMDAwIG4gCjAwMDA3Mzc2ODEgMDAwMDAgbiAKMDAwMDczODYyMiAwMDAwMCBuIAowMDAwNzM5NTYzIDAwMDAwIG4gCjAwMDA3NDA1NTQgMDAwMDAgbiAKMDAwMDc0MTU0NSAwMDAwMCBuIAowMDAwNzQyNTYxIDAwMDAwIG4gCjAwMDA3NDM1NzcgMDAwMDAgbiAKMDAwMDc0NDU5MyAwMDAwMCBuIAowMDAwNzQ1NjA5IDAwMDAwIG4gCjAwMDA3NDY2MjUgMDAwMDAgbiAKMDAwMDc0NzYxNiAwMDAwMCBuIAowMDAwNzQ4NjA3IDAwMDAwIG4gCjAwMDA3NDk1OTggMDAwMDAgbiAKMDAwMDc1MDUzOSAwMDAwMCBuIAowMDAwNzUxNTMwIDAwMDAwIG4gCjAwMDA3NTI1MjEgMDAwMDAgbiAKMDAwMDc1MzUzNyAwMDAwMCBuIAowMDAwNzU0NDc4IDAwMDAwIG4gCjAwMDA3NTU0OTQgMDAwMDAgbiAKMDAwMDc1NjQ4NSAwMDAwMCBuIAowMDAwNzU3NTAxIDAwMDAwIG4gCjAwMDA3NTg0NDIgMDAwMDAgbiAKMDAwMDc1OTM4MyAwMDAwMCBuIAowMDAwNzYwMzk5IDAwMDAwIG4gCjAwMDA3NjEzOTAgMDAwMDAgbiAKMDAwMDc2MjM4MSAwMDAwMCBuIAowMDAwNzYzMzk3IDAwMDAwIG4gCjAwMDA3NjQzMzggMDAwMDAgbiAKMDAwMDc2NTI3OSAwMDAwMCBuIAowMDAwNzY2MjcwIDAwMDAwIG4gCjAwMDA3NjcyODYgMDAwMDAgbiAKMDAwMDc2ODMwMiAwMDAwMCBuIAowMDAwNzY5MzE4IDAwMDAwIG4gCjAwMDA3NzAyNTkgMDAwMDAgbiAKMDAwMDc3MTI1MCAwMDAwMCBuIAowMDAwNzcyMjQxIDAwMDAwIG4gCjAwMDA3NzMxODIgMDAwMDAgbiAKMDAwMDc3NDEyMyAwMDAwMCBuIAowMDAwNzc1MDY0IDAwMDAwIG4gCjAwMDA3NzYwNTUgMDAwMDAgbiAKMDAwMDc3Njk5NiAwMDAwMCBuIAowMDAwNzc4MDEyIDAwMDAwIG4gCjAwMDA3Nzg5NTMgMDAwMDAgbiAKMDAwMDc3OTk2OSAwMDAwMCBuIAowMDAwNzgwOTYwIDAwMDAwIG4gCjAwMDA3ODE5MDEgMDAwMDAgbiAKMDAwMDc4MjkxNyAwMDAwMCBuIAowMDAwNzgzODU4IDAwMDAwIG4gCjAwMDA3ODQ4NDkgMDAwMDAgbiAKMDAwMDc4NTg0MCAwMDAwMCBuIAowMDAwNzg2ODMxIDAwMDAwIG4gCjAwMDA3ODc4NDcgMDAwMDAgbiAKMDAwMDc4ODc4OCAwMDAwMCBuIAowMDAwNzg5Nzc5IDAwMDAwIG4gCjAwMDA3OTA3MjAgMDAwMDAgbiAKMDAwMDc5MTY2MSAwMDAwMCBuIAowMDAwNzkyNjc3IDAwMDAwIG4gCjAwMDA3OTM2NjggMDAwMDAgbiAKMDAwMDc5NDY1OSAwMDAwMCBuIAowMDAwNzk1NjAwIDAwMDAwIG4gCjAwMDA3OTY2MTYgMDAwMDAgbiAKMDAwMDc5NzYzMiAwMDAwMCBuIAowMDAwNzk4NjQ4IDAwMDAwIG4gCjAwMDA3OTk2NjQgMDAwMDAgbiAKMDAwMDgwMDYwNSAwMDAwMCBuIAowMDAwODAxNTQ2IDAwMDAwIG4gCjAwMDA4MDI1MzcgMDAwMDAgbiAKMDAwMDgwMzUyOCAwMDAwMCBuIAowMDAwODAzNTQ5IDAwMDAwIG4gCjAwMDA4MTM0NzQgMDAwMDAgbiAKMDAwMDgxMzQ5NSAwMDAwMCBuIAowMDAwODEzNTE2IDAwMDAwIG4gCjAwMDA4MTM1MzcgMDAwMDAgbiAKMDAwMDgxMzU1OSAwMDAwMCBuIAowMDAwODEzNTgwIDAwMDAwIG4gCjAwMDA4MTM2MDEgMDAwMDAgbiAKMDAwMDgxMzYyMiAwMDAwMCBuIAowMDAwODEzNjQzIDAwMDAwIG4gCjAwMDA4MTM2NjUgMDAwMDAgbiAKMDAwMDgxMzY4NiAwMDAwMCBuIAowMDAwODEzNzA3IDAwMDAwIG4gCjAwMDA4MTM3MjggMDAwMDAgbiAKMDAwMDgxMzc0OSAwMDAwMCBuIAowMDAwODEzNzcxIDAwMDAwIG4gCjAwMDA4MTM3OTIgMDAwMDAgbiAKMDAwMDgxMzgxMyAwMDAwMCBuIAowMDAwODEzODM1IDAwMDAwIG4gCjAwMDA4MTM4NTYgMDAwMDAgbiAKMDAwMDgxMzg3NyAwMDAwMCBuIAowMDAwODEzODk4IDAwMDAwIG4gCjAwMDA4MTM5MjAgMDAwMDAgbiAKMDAwMDgxMzk0MSAwMDAwMCBuIAowMDAwODEzOTYzIDAwMDAwIG4gCjAwMDA4MTM5ODQgMDAwMDAgbiAKMDAwMDgxNDAwNSAwMDAwMCBuIAowMDAwODE0MDI3IDAwMDAwIG4gCjAwMDA4MTQwNDggMDAwMDAgbiAKMDAwMDgxNDA3MCAwMDAwMCBuIAowMDAwODE0MDkxIDAwMDAwIG4gCjAwMDA4MTQxMTIgMDAwMDAgbiAKMDAwMDgxNDEzMyAwMDAwMCBuIAowMDAwODE0MTU0IDAwMDAwIG4gCjAwMDA4MTQxNzUgMDAwMDAgbiAKMDAwMDgxNDE5NiAwMDAwMCBuIAowMDAwODE0MjE3IDAwMDAwIG4gCjAwMDA4MTQyMzggMDAwMDAgbiAKMDAwMDgxNDI2MCAwMDAwMCBuIAowMDAwODE0MjgxIDAwMDAwIG4gCjAwMDA4MTQzMDMgMDAwMDAgbiAKMDAwMDgxNDMyNCAwMDAwMCBuIAowMDAwODE0MzQ1IDAwMDAwIG4gCjAwMDA4MTQzNjYgMDAwMDAgbiAKMDAwMDgxNDM4NyAwMDAwMCBuIAowMDAwODE0NDA5IDAwMDAwIG4gCjAwMDA4MTQ0MzAgMDAwMDAgbiAKMDAwMDgxNDQ1MSAwMDAwMCBuIAowMDAwODE0NDcyIDAwMDAwIG4gCjAwMDA4MTQ0OTMgMDAwMDAgbiAKMDAwMDgxNDUxNCAwMDAwMCBuIAowMDAwODE0NTM2IDAwMDAwIG4gCjAwMDA4MTQ1NTcgMDAwMDAgbiAKMDAwMDgxNDU3OSAwMDAwMCBuIAowMDAwODE0NjAwIDAwMDAwIG4gCjAwMDA4MTQ2MjEgMDAwMDAgbiAKMDAwMDgxNDY0MiAwMDAwMCBuIAowMDAwODE0NjY0IDAwMDAwIG4gCjAwMDA4MTQ2ODUgMDAwMDAgbiAKMDAwMDgxNDcwNyAwMDAwMCBuIAowMDAwODE0NzI5IDAwMDAwIG4gCjAwMDA4MTQ3NTEgMDAwMDAgbiAKMDAwMDgxNDc3MiAwMDAwMCBuIAowMDAwODE0NzkzIDAwMDAwIG4gCjAwMDA4MTQ4MTQgMDAwMDAgbiAKMDAwMDgxNDgzNiAwMDAwMCBuIAowMDAwODE0ODU3IDAwMDAwIG4gCjAwMDA4MTQ4NzggMDAwMDAgbiAKMDAwMDgxNDg5OSAwMDAwMCBuIAowMDAwODE0OTIxIDAwMDAwIG4gCjAwMDA4MTQ5NDIgMDAwMDAgbiAKMDAwMDgxNDk2NCAwMDAwMCBuIAowMDAwODE0OTg1IDAwMDAwIG4gCjAwMDA4MTUwMDcgMDAwMDAgbiAKMDAwMDgxNTAyOSAwMDAwMCBuIAowMDAwODE1MDUwIDAwMDAwIG4gCjAwMDA4MTUwNzEgMDAwMDAgbiAKMDAwMDgxNTA5MyAwMDAwMCBuIAowMDAwODE1MTE0IDAwMDAwIG4gCjAwMDA4MTUxMzUgMDAwMDAgbiAKMDAwMDgxNTE1NyAwMDAwMCBuIAowMDAwODE1MTc4IDAwMDAwIG4gCjAwMDA4MTUxOTkgMDAwMDAgbiAKMDAwMDgxNTIyMCAwMDAwMCBuIAowMDAwODE1MjQxIDAwMDAwIG4gCjAwMDA4MTUyNjIgMDAwMDAgbiAKMDAwMDgxNTI4MyAwMDAwMCBuIAowMDAwODE1MzA0IDAwMDAwIG4gCjAwMDA4MTUzMjUgMDAwMDAgbiAKMDAwMDgxNTM0NiAwMDAwMCBuIAowMDAwODE1MzY3IDAwMDAwIG4gCjAwMDA4MTUzODggMDAwMDAgbiAKMDAwMDgxNTQwOSAwMDAwMCBuIAowMDAwODE1NDMwIDAwMDAwIG4gCjAwMDA4MTU0NTEgMDAwMDAgbiAKMDAwMDgxNTQ3MiAwMDAwMCBuIAowMDAwODE1NDkzIDAwMDAwIG4gCjAwMDA4MTU1MTQgMDAwMDAgbiAKMDAwMDgxNTUzNSAwMDAwMCBuIAowMDAwODE1NTU2IDAwMDAwIG4gCjAwMDA4MTU1NzcgMDAwMDAgbiAKMDAwMDgxNTU5OCAwMDAwMCBuIAowMDAwODE1NjE5IDAwMDAwIG4gCjAwMDA4MTU2NDAgMDAwMDAgbiAKMDAwMDgxNTY2MSAwMDAwMCBuIAowMDAwODE1NjgyIDAwMDAwIG4gCjAwMDA4MTU3MDMgMDAwMDAgbiAKMDAwMDgxNTcyNCAwMDAwMCBuIAowMDAwODE1NzQ1IDAwMDAwIG4gCjAwMDA4MTU3NjYgMDAwMDAgbiAKMDAwMDgxNTc4NyAwMDAwMCBuIAowMDAwODE1ODA4IDAwMDAwIG4gCjAwMDA4MTU4MjkgMDAwMDAgbiAKMDAwMDgxNTg1MCAwMDAwMCBuIAowMDAwODE1ODcxIDAwMDAwIG4gCjAwMDA4MTU4OTIgMDAwMDAgbiAKMDAwMDgxNTkxMyAwMDAwMCBuIAowMDAwODE1OTM0IDAwMDAwIG4gCjAwMDA4MTU5NTUgMDAwMDAgbiAKMDAwMDgxNTk3NiAwMDAwMCBuIAowMDAwODE1OTk3IDAwMDAwIG4gCjAwMDA4MTYwMTggMDAwMDAgbiAKMDAwMDgxNjAzOSAwMDAwMCBuIAowMDAwODE2MDYwIDAwMDAwIG4gCjAwMDA4MTYwODEgMDAwMDAgbiAKMDAwMDgxNjEwMiAwMDAwMCBuIAowMDAwODE2MTIzIDAwMDAwIG4gCjAwMDA4MTYxNDQgMDAwMDAgbiAKMDAwMDgxNjE2NSAwMDAwMCBuIAowMDAwODE2MTg2IDAwMDAwIG4gCjAwMDA4MTYyMDcgMDAwMDAgbiAKMDAwMDgxNjIyOCAwMDAwMCBuIAowMDAwODE2MjQ5IDAwMDAwIG4gCjAwMDA4MTYyNzAgMDAwMDAgbiAKMDAwMDgxNjI5MSAwMDAwMCBuIAowMDAwODE2MzEyIDAwMDAwIG4gCjAwMDA4MTYzMzMgMDAwMDAgbiAKMDAwMDgxNjM1NCAwMDAwMCBuIAowMDAwODE2Mzc1IDAwMDAwIG4gCjAwMDA4MTYzOTYgMDAwMDAgbiAKMDAwMDgxNjQxNyAwMDAwMCBuIAowMDAwODE2NDM4IDAwMDAwIG4gCjAwMDA4MTY0NTkgMDAwMDAgbiAKMDAwMDgxNjQ4MCAwMDAwMCBuIAowMDAwODE2NTAxIDAwMDAwIG4gCjAwMDA4MTY1MjIgMDAwMDAgbiAKMDAwMDgxNjU0MyAwMDAwMCBuIAowMDAwODE2NTY0IDAwMDAwIG4gCjAwMDA4MTY1ODUgMDAwMDAgbiAKMDAwMDgxNjYwNiAwMDAwMCBuIAowMDAwODE2NjI3IDAwMDAwIG4gCjAwMDA4MTY2NDggMDAwMDAgbiAKMDAwMDgxNjY2OSAwMDAwMCBuIAowMDAwODE2NjkwIDAwMDAwIG4gCjAwMDA4MTY3MTEgMDAwMDAgbiAKMDAwMDgxNjczMiAwMDAwMCBuIAowMDAwODE2NzUzIDAwMDAwIG4gCjAwMDA4MTY3NzQgMDAwMDAgbiAKMDAwMDgxNjc5NSAwMDAwMCBuIAowMDAwODE2ODE2IDAwMDAwIG4gCjAwMDA4MTY4MzcgMDAwMDAgbiAKMDAwMDgxNjg1OCAwMDAwMCBuIAowMDAwODIxNDcwIDAwMDAwIG4gCjAwMDA4MjEzNTggMDAwMDAgbiAKMDAwMDgxNzAxMyAwMDAwMCBuIAowMDAwODc4NTQ2IDAwMDAwIG4gCjAwMDA4MjYyOTMgMDAwMDAgbiAKMDAwMDgyMTU2MyAwMDAwMCBuIAowMDAwOTk1Nzk0IDAwMDAwIG4gCjAwMDA4Mzc1NTQgMDAwMDAgbiAKMDAwMDgzNzc3OCAwMDAwMCBuIAowMDAwODM3ODE1IDAwMDAwIG4gCjAwMDA4Mzc4NzIgMDAwMDAgbiAKMDAwMDgzNzkyOCAwMDAwMCBuIAowMDAwODM4MDk2IDAwMDAwIG4gCjAwMDA4Mzg3MjIgMDAwMDAgbiAKMDAwMDgzOTE0OCAwMDAwMCBuIAowMDAwODM5NDY1IDAwMDAwIG4gCjAwMDA4Mzk3ODIgMDAwMDAgbiAKMDAwMDg0MDA5OSAwMDAwMCBuIAowMDAwODQwNDE1IDAwMDAwIG4gCjAwMDA4NDA3MzIgMDAwMDAgbiAKMDAwMDg0MTA0OSAwMDAwMCBuIAowMDAwODQxMzY2IDAwMDAwIG4gCjAwMDA4NDE2ODIgMDAwMDAgbiAKMDAwMDg0MTk5OSAwMDAwMCBuIAowMDAwODQyMzE2IDAwMDAwIG4gCjAwMDA4NDI2MzMgMDAwMDAgbiAKMDAwMDg0Mjk1MCAwMDAwMCBuIAowMDAwODQzMjY3IDAwMDAwIG4gCjAwMDA4NDM1ODQgMDAwMDAgbiAKMDAwMDg0MzkwMSAwMDAwMCBuIAowMDAwODQ0MjE4IDAwMDAwIG4gCjAwMDA4NDQ1MzMgMDAwMDAgbiAKMDAwMDg0NDg0OSAwMDAwMCBuIAowMDAwODQ1MTY2IDAwMDAwIG4gCjAwMDA4NDU0ODMgMDAwMDAgbiAKMDAwMDg0NTgwMCAwMDAwMCBuIAowMDAwODQ2MTE3IDAwMDAwIG4gCjAwMDA4NDY0MzQgMDAwMDAgbiAKMDAwMDg0Njc1MSAwMDAwMCBuIAowMDAwODQ3MDY4IDAwMDAwIG4gCjAwMDA4NDczODUgMDAwMDAgbiAKMDAwMDg0NzcwMiAwMDAwMCBuIAowMDAwODQ4MDE5IDAwMDAwIG4gCjAwMDA4NDgzMzYgMDAwMDAgbiAKMDAwMDg0ODY1MyAwMDAwMCBuIAowMDAwODQ4OTcwIDAwMDAwIG4gCjAwMDA4NDkyODcgMDAwMDAgbiAKMDAwMDg0OTYwNCAwMDAwMCBuIAowMDAwODQ5OTE5IDAwMDAwIG4gCjAwMDA4NTAyMzYgMDAwMDAgbiAKMDAwMDg1MDU1MyAwMDAwMCBuIAowMDAwODUwODcwIDAwMDAwIG4gCjAwMDA4NTExODcgMDAwMDAgbiAKMDAwMDg1MTUwMyAwMDAwMCBuIAowMDAwODUxODIwIDAwMDAwIG4gCjAwMDA4NTIxMzcgMDAwMDAgbiAKMDAwMDg1MjQ1NCAwMDAwMCBuIAowMDAwODUyNzY5IDAwMDAwIG4gCjAwMDA4NTMwODYgMDAwMDAgbiAKMDAwMDg1MzQwMyAwMDAwMCBuIAowMDAwODUzNzIwIDAwMDAwIG4gCjAwMDA4NTQwMzcgMDAwMDAgbiAKMDAwMDg1NDM1NCAwMDAwMCBuIAowMDAwODU0NjcxIDAwMDAwIG4gCjAwMDA4NTQ5ODggMDAwMDAgbiAKMDAwMDg1NTAxMCAwMDAwMCBuIAowMDAwODU1OTA2IDAwMDAwIG4gCjAwMDA4NTYxMzAgMDAwMDAgbiAKMDAwMDg1NjMzOCAwMDAwMCBuIAowMDAwODU2NjIyIDAwMDAwIG4gCjAwMDA4NTY2NDMgMDAwMDAgbiAKMDAwMDg1Njg4NSAwMDAwMCBuIAowMDAwODU2OTA2IDAwMDAwIG4gCjAwMDA4NTcxNDggMDAwMDAgbiAKMDAwMDg1NzE2OCAwMDAwMCBuIAowMDAwODU3MjU2IDAwMDAwIG4gCjAwMDA4NTcyNzYgMDAwMDAgbiAKMDAwMDg1NzM2NCAwMDAwMCBuIAowMDAwODU3Mzg0IDAwMDAwIG4gCjAwMDA4NTc0NzIgMDAwMDAgbiAKMDAwMDg1NzQ5MiAwMDAwMCBuIAowMDAwODU3NTgwIDAwMDAwIG4gCjAwMDA4NTc2MDAgMDAwMDAgbiAKMDAwMDg1NzY4OCAwMDAwMCBuIAowMDAwODU3NzA4IDAwMDAwIG4gCjAwMDA4NTc3OTYgMDAwMDAgbiAKMDAwMDg1NzgxNiAwMDAwMCBuIAowMDAwODU3OTA0IDAwMDAwIG4gCjAwMDA4NTc5MjQgMDAwMDAgbiAKMDAwMDg1ODAxMiAwMDAwMCBuIAowMDAwODU4MDMyIDAwMDAwIG4gCjAwMDA4NTgxMjAgMDAwMDAgbiAKMDAwMDg1ODE0MCAwMDAwMCBuIAowMDAwODU4MjI4IDAwMDAwIG4gCjAwMDA4NTgyNDggMDAwMDAgbiAKMDAwMDg1ODMzNiAwMDAwMCBuIAowMDAwODU4MzU2IDAwMDAwIG4gCjAwMDA4NTg0NDQgMDAwMDAgbiAKMDAwMDg1ODQ2NCAwMDAwMCBuIAowMDAwODU4NTUyIDAwMDAwIG4gCjAwMDA4NTg1NzIgMDAwMDAgbiAKMDAwMDg1ODY2MCAwMDAwMCBuIAowMDAwODU4NjgwIDAwMDAwIG4gCjAwMDA4NTg3NjggMDAwMDAgbiAKMDAwMDg1ODc4OCAwMDAwMCBuIAowMDAwODU4ODc2IDAwMDAwIG4gCjAwMDA4NTg4OTYgMDAwMDAgbiAKMDAwMDg1ODk4NCAwMDAwMCBuIAowMDAwODU5MDA0IDAwMDAwIG4gCjAwMDA4NTkwOTIgMDAwMDAgbiAKMDAwMDg1OTExMiAwMDAwMCBuIAowMDAwODU5MjAwIDAwMDAwIG4gCjAwMDA4NTkyMjAgMDAwMDAgbiAKMDAwMDg1OTMwOCAwMDAwMCBuIAowMDAwODU5MzI4IDAwMDAwIG4gCjAwMDA4NTk0MTYgMDAwMDAgbiAKMDAwMDg1OTQzNiAwMDAwMCBuIAowMDAwODU5NTI0IDAwMDAwIG4gCjAwMDA4NTk1NDQgMDAwMDAgbiAKMDAwMDg1OTYzMiAwMDAwMCBuIAowMDAwODU5NjUyIDAwMDAwIG4gCjAwMDA4NTk3NDAgMDAwMDAgbiAKMDAwMDg1OTc2MCAwMDAwMCBuIAowMDAwODU5ODQ4IDAwMDAwIG4gCjAwMDA4NTk4NjggMDAwMDAgbiAKMDAwMDg1OTk1NiAwMDAwMCBuIAowMDAwODU5OTc2IDAwMDAwIG4gCjAwMDA4NjAwNjQgMDAwMDAgbiAKMDAwMDg2MDA4NCAwMDAwMCBuIAowMDAwODYwMTcyIDAwMDAwIG4gCjAwMDA4NjAxOTIgMDAwMDAgbiAKMDAwMDg2MDI4MCAwMDAwMCBuIAowMDAwODYwMzAwIDAwMDAwIG4gCjAwMDA4NjAzODggMDAwMDAgbiAKMDAwMDg2MDQwOCAwMDAwMCBuIAowMDAwODYwNDk2IDAwMDAwIG4gCjAwMDA4NjA1MTYgMDAwMDAgbiAKMDAwMDg2MDYwNCAwMDAwMCBuIAowMDAwODYwNjI0IDAwMDAwIG4gCjAwMDA4NjA3MTIgMDAwMDAgbiAKMDAwMDg2MDczMiAwMDAwMCBuIAowMDAwODYwODIwIDAwMDAwIG4gCjAwMDA4NjA4NDAgMDAwMDAgbiAKMDAwMDg2MDkyOCAwMDAwMCBuIAowMDAwODYwOTQ4IDAwMDAwIG4gCjAwMDA4NjEwMzYgMDAwMDAgbiAKMDAwMDg2MTA1NiAwMDAwMCBuIAowMDAwODYxMTQ0IDAwMDAwIG4gCjAwMDA4NjExNjQgMDAwMDAgbiAKMDAwMDg2MTI1MiAwMDAwMCBuIAowMDAwODYxMjcyIDAwMDAwIG4gCjAwMDA4NjEzNjAgMDAwMDAgbiAKMDAwMDg2MTM4MCAwMDAwMCBuIAowMDAwODYxNDY4IDAwMDAwIG4gCjAwMDA4NjE0ODggMDAwMDAgbiAKMDAwMDg2MTU3NiAwMDAwMCBuIAowMDAwODYxNTk2IDAwMDAwIG4gCjAwMDA4NjE2ODQgMDAwMDAgbiAKMDAwMDg2MTcwNCAwMDAwMCBuIAowMDAwODYxNzkyIDAwMDAwIG4gCjAwMDA4NjE4MTIgMDAwMDAgbiAKMDAwMDg2MTkwMCAwMDAwMCBuIAowMDAwODYxOTIwIDAwMDAwIG4gCjAwMDA4NjIwMDggMDAwMDAgbiAKMDAwMDg2MjAyOCAwMDAwMCBuIAowMDAwODYyMTE2IDAwMDAwIG4gCjAwMDA4NjIxMzYgMDAwMDAgbiAKMDAwMDg2MjIyNCAwMDAwMCBuIAowMDAwODYyMjQ0IDAwMDAwIG4gCjAwMDA4NjIzMzIgMDAwMDAgbiAKMDAwMDg2MjM1MiAwMDAwMCBuIAowMDAwODYyNDQwIDAwMDAwIG4gCjAwMDA4NjI0NjAgMDAwMDAgbiAKMDAwMDg2MjU0OCAwMDAwMCBuIAowMDAwODYyNTY5IDAwMDAwIG4gCjAwMDA4Nzg0NjIgMDAwMDAgbiAKMDAwMDg3ODQ4MyAwMDAwMCBuIAowMDAwODc4NTAzIDAwMDAwIG4gCjAwMDA4Nzg1MjMgMDAwMDAgbiAKMDAwMDg4MTc4NiAwMDAwMCBuIAowMDAwODgxNjc0IDAwMDAwIG4gCjAwMDA4Nzg2NjcgMDAwMDAgbiAKMDAwMDg4NDk2NyAwMDAwMCBuIAowMDAwODg0ODg5IDAwMDAwIG4gCjAwMDA4ODg2OTIgMDAwMDAgbiAKMDAwMDg4ODU0NSAwMDAwMCBuIAowMDAwODk0NzAzIDAwMDAwIG4gCjAwMDA4OTQ0MzUgMDAwMDAgbiAKMDAwMDg5NjY5MyAwMDAwMCBuIAowMDAwODk2NjY4IDAwMDAwIG4gCjAwMDA4OTY3ODYgMDAwMDAgbiAKMDAwMDkwNzIyOSAwMDAwMCBuIAowMDAwOTIyMzYyIDAwMDAwIG4gCjAwMDA5MzI5MDYgMDAwMDAgbiAKMDAwMDkzNzA0MyAwMDAwMCBuIAowMDAwOTM2OTYwIDAwMDAwIG4gCjAwMDA5NDg2MTYgMDAwMDAgbiAKMDAwMDk0ODI4NiAwMDAwMCBuIAowMDAwOTUxNDQ3IDAwMDAwIG4gCjAwMDA5NTEyMTMgMDAwMDAgbiAKMDAwMDk1MzM0NSAwMDAwMCBuIAowMDAwOTUzMzIxIDAwMDAwIG4gCjAwMDA5NTYxMDcgMDAwMDAgbiAKMDAwMDk1NjA2MyAwMDAwMCBuIAowMDAwOTU4MTEyIDAwMDAwIG4gCjAwMDA5NTgwNjIgMDAwMDAgbiAKMDAwMDk3OTEzMiAwMDAwMCBuIAowMDAwOTk1MjcxIDAwMDAwIG4gCjAwMDA5OTU4NzkgMDAwMDAgbiAKMDAwMDk5NTk1NiAwMDAwMCBuIAowMDAwOTk2MDA5IDAwMDAwIG4gCnRyYWlsZXIKPDwKL1NpemUgOTk3Ci9Sb290IDk5NSAwIFIKL0luZm8gOTk2IDAgUgovSUQgWzwxMTBERDYxRkQ1NzQ0NDAxMEIxQUI1RkYzODc4MkYwRj4gPDExMERENjFGRDU3NDQ0MDEwQjFBQjVGRjM4NzgyRjBGPl0KPj4Kc3RhcnR4cmVmCjk5NjIxMwolJUVPRgo=\"; } private void OnDocumentLoaded(PdfViewerEventArgs args) => eventLog = $\"Last event: OnDocumentLoaded, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}\"; private void OnPageChanged(PdfViewerEventArgs args) => eventLog = $\"Last event: OnPageChanged, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}\"; } See demo here. Edit this page Previous Pagination Next Placeholders Parameters Callback Events Examples Basic usage Orientation Base64String","s":"Blazor PDF Viewer","u":"/components/pdf-viewer","h":"","p":665},{"i":668,"t":"Components Grid On this page Blazor Grid Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side paging & sorting. Grid Parameters​ Name Type Default Required Description Added Version AllowDetailView bool false Gets or sets a value indicating whether the grid detail view is enabled. 3.0.0 AllowFiltering bool false Gets or sets the grid filtering. 1.0.0 AllowPaging bool false Gets or sets the grid paging. 1.0.0 AllowRowClick bool false Gets or sets the allow row click. 1.9.5 AllowSelection bool false Gets or sets the grid selection. 1.8.0 AllowSorting bool false Gets or sets the grid sorting. 1.0.0 AutoHidePaging bool false Automatically hides the paging controls when the grid item count is less than or equal to the PageSize and this property is set to true. 1.10.5 ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 Data IEnumerable<TItem> null Gets or sets the grid data. 1.4.3 DataProvider GridDataProviderDelegate<TItem> null DataProvider is for items to render. The provider should always return an instance of GridDataProviderResult, and null is not allowed. 1.0.0 DisableAllRowsSelection Func<IEnumerable<TItem>, bool>? Enable or disable the header checkbox selection. 1.8.0 DisableRowSelection Func<TItem, bool>? Enable or disable the row level checkbox selection. 1.8.0 EmptyDataTemplate RenderFragment null ✔️ Template to render when there are no rows to display. 1.0.0 EmptyText string No records to display Shows text on no records. 1.0.0 FiltersRowCssClass string null Gets or sets the filters row css class. 1.9.2 FiltersTranslationProvider GridFiltersTranslationDelegate null Filters transalation is for grid filters to render. The provider should always return a 'FilterOperatorInfo' collection, and 'null' is not allowed. 1.10.0 FixedHeader bool false Gets or sets the grid fixed header. 1.10.3 GridContainerClass string null Gets or sets the grid container css class. 3.0.0 GridContainerStyle string null Gets or sets the grid container css style. 3.0.0 HeaderRowCssClass string null Gets or sets the header row css class but not the thead tag class. 1.9.2 Height float 320 pixels Gets or sets the grid height. 1.10.3 ItemsPerPageText string Items per page ✔️ Gets or sets the items per page text. 1.9.5 PageSize int 10 Gets or sets the page size. 1.0.0 PageSizeSelectorItems int[] new int[] { 10, 20, 50 } ✔️ Gets or sets the page size selector items. 1.8.0 PageSizeSelectorVisible bool false Gets or sets the page size selector visible. 1.8.0 PaginationItemsTextFormat string {0} - {1} of {2} items ✔️ Gets or sets the pagination items text format. 1.8.0 Responsive bool false Gets or sets a value indicating whether Grid is responsive. 1.0.0 RowClass Func<TItem, string>? Gets or sets the row class. 1.6.0 SelectionMode GridSelectionMode GridSelectionMode.Single Gets or sets the grid selection mode. 1.8.0 SettingsProvider GridSettingsProviderDelegate null Settings are for the grid to render. The provider should always return an instance of 'GridSettings', and 'null' is not allowed. 1.0.0 THeadCssClass string? null Gets or sets the thead css class. 1.10.3 Unit Unit Unit.px Gets or sets the units. 1.10.3 IMPORTANT Grid requires either Data or DataProvider parameter, but not both. Grid Callback Events​ Name Type Description Added Version GridSettingsChanged EventCallback<GridSettings> This event is fired when the grid state is changed. 1.0.0 OnRowClick EventCallback<GridRowEventArgs<TItem>> This event is triggered when the user clicks on the row. Set AllowRowClick to true to enable row clicking. 1.9.5 OnRowDoubleClick EventCallback<GridRowEventArgs<TItem>> This event is triggered when the user double clicks on the row. Set AllowRowClick to true to enable row double clicking. 1.9.5 SelectedItemsChanged EventCallback<HashSet<TItem>> This event is fired when the items selection changed. 1.8.0 Grid Methods​ Name Return Type Description Added Version GetFilters() IEnumerable<FilterItem> Get filters. 1.0.0 RefreshDataAsync(CancellationToken cancellationToken = default) Task Refresh the grid data. 1.0.0 ResetPageNumber() ValueTask Reset the page number to 1 and refresh the grid. 1.4.3 GridColumn Parameters​ Name Type Default Required Description Added Version ChildContent RenderFragment null ✔️ Gets or sets the content to be rendered within the component. 1.0.0 ColumnClass Func<TItem, string>? Gets or sets the column class. 1.6.0 Filterable bool true If true, filter is enabled. The filter is enabled or disabled based on the grid AllowFiltering parameter. 1.0.0 FilterButtonColor ButtonColor ButtonColor.Light Gets or sets the filter button color. 3.0.0 FilterButtonCSSClass string? null Gets or sets the filter button CSS class. 3.0.0 FilterOperator FilterOperator FilterOperator.None Gets or sets the filter operator. 1.0.0 FilterTextboxWidth int 0 Gets or sets the filter textbox width in pixels. 1.0.0 FilterValue string null Gets or sets the filter value. 1.0.0 Freeze bool false Indicates whether the column is frozen. 1.10.4 FreezeDirection FreezeDirection FreezeDirection.Left Gets or sets the freeze direction of the column. 1.10.4 FreezeLeftPosition double 0 Gets or sets the horizontal position of the column from left. It has no effect on non-positioned columns. 1.10.4 FreezeRightPosition double 0 Gets or sets the horizontal position of the column from right. It has no effect on non-positioned columns. 1.10.4 HeaderContent RenderFragment null Gets or sets the header content. 1.7.3 HeaderText string null Gets or sets the table column header text. 1.0.0 HeaderTextAlignment enum Alignment.Start Gets or sets the header text alignment. Use Alignment.Start or Alignment.Center or Alignment.End. 1.0.0 IsDefaultSortColumn bool false Gets or sets the default sort column. 1.0.0 PropertyName string null Gets or sets the property name. This is required when AllowFiltering is true. 1.0.0 Sortable bool true Enable or disable the sorting on a specific column. The sorting is enabled or disabled based on the grid AllowSorting parameter. 1.0.0 SortDirection SortDirection SortDirection.None Gets or sets the default sort direction of a column. Use SortDirection.Ascending or SortDirection.Descending 1.0.0 SortKeySelector Expression<Func<TItem, IComparable>> Expression used for sorting. 1.0.0 SortString string null Gets or sets the column sort string. This string is passed to the backend/API for sorting. And it is ignored for client-side sorting. 1.0.0 StringComparison StringComparison StringComparison.OrdinalIgnoreCase Gets or sets the StringComparison. Use StringComparison.CurrentCulture or StringComparison.CurrentCultureIgnoreCase or StringComparison.InvariantCulture or StringComparison.InvariantCultureIgnoreCase or StringComparison.Ordinal or StringComparison.OrdinalIgnoreCase. 1.0.0 TextAlignment Alignment Alignment.Start Gets or sets the text alignment. Use Alignment.Start or Alignment.Center or Alignment.End. 1.0.0 TextNoWrap bool false Gets or sets text nowrap. 1.0.0 GridSettings Properties​ Name Type Default Required Description Added Version PageNumber int Page number. 1.0.0 PageSize int Size of the page. 1.0.0 Filters IEnumerable<FilterItem> Current filters. 1.0.0 Examples​ Client side filtering​ For filtering, AllowFiltering and PropertyName parameters are required. Add AllowFiltering=\"true\" parameter to Grid and PropertyName parameter to all the GridColumns. <Grid @ref=\"grid\" TItem=\"Employee4\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee4\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Client side filtering with string comparision​ In the below example, StringComparision.Ordinal is used on the Employee Name column to make the filter case-sensitive. info By default, StringComparison.OrdinalIgnoreCase is used to compare culture-agnostic and case-insensitive string matching. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" StringComparison=\"StringComparison.Ordinal\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Client side paging​ For paging, AllowPaging and PageSize parameters are required. Add AllowPaging=\"true\" and PageSize=\"20\" parameters to the Grid. PageSize parameter is optional. INFO The default page size is 10. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowPaging=\"true\" PageSize=\"5\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Client side sorting​ For sorting, AllowSorting and SortKeySelector parameters are required. Add AllowSorting=\"true\" parameter to Grid and SortKeySelector to all the GridColumns. <Grid TItem=\"Employee1\" AllowSorting=\"true\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1> employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { return await Task.FromResult(request.ApplyTo(employees)); } } See demo here Client side filtering, paging, and sorting​ <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" PageSize=\"5\" AllowSorting=\"true\" AllowSelection=\"true\" SelectionMode=\"GridSelectionMode.Multiple\" SelectedItemsChanged=\"OnSelectedItemsChanged\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <div class=\"mt-3\"> Selected Items Count: @selectedEmployees.Count </div> <div class=\"mt-2\"> Selected Employees: <ul> @foreach (var emp in selectedEmployees) { <li>@emp.Name</li> } </ul> </div> @code { private IEnumerable<Employee1> employees = default!; private HashSet<Employee1> selectedEmployees = new(); private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } private Task OnSelectedItemsChanged(HashSet<Employee1> employees) { selectedEmployees = employees is not null && employees.Any() ? employees : new(); return Task.CompletedTask; } } See demo here Set default filter​ FilterOperator and FilterValue parameters are required to set the default filter. TIP You can set the default filter on more than one GridColumn. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" FilterOperator=\"FilterOperator.GreaterThanOrEquals\" FilterValue=\"105\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1>? employees; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } } See demo here Disable specific column filter​ Filterable parameter is required to disable the filter on a specific column. Add Filterable=\"false\" parameter to GridColumn. The column filter is disabled on the Id column in the below example. INFO By default, Filterable=\"true\" on all the columns if the AllowFiltering parameter is set to true on the grid. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" Filterable=\"false\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" Filterable=\"false\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1>? employees; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } } See demo here Increase filter textbox width​ Add FilterTextboxWidth parameter to the GridColumn to increase or decrease the filter textbox width, FilterTextboxWidth parameter is optional. NOTE Filter textbox width measured in pixels. <Grid TItem=\"Employee3\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee3\" HeaderText=\"Id\" PropertyName=\"Id\" FilterTextboxWidth=\"80\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"First Name\" PropertyName=\"FirstName\" FilterTextboxWidth=\"80\"> @context.FirstName </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Last Name\" PropertyName=\"LastName\" FilterTextboxWidth=\"80\"> @context.LastName </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Email\" PropertyName=\"Email\"> @context.Email </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Company\" TextNoWrap=\"true\" PropertyName=\"Company\"> @context.Company </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Designation\" TextNoWrap=\"true\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Salary\" HeaderTextAlignment=\"Alignment.End\" TextAlignment=\"Alignment.End\" PropertyName=\"Salary\" FilterTextboxWidth=\"80\"> @context.Salary.ToString(\"N2\") </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Active\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee3>? employees; private async Task<GridDataProviderResult<Employee3>> EmployeesDataProvider(GridDataProviderRequest<Employee3> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee3> GetEmployees() { return new List<Employee3> { new Employee3 { Id = 107, FirstName = \"Alice\", LastName = \"Reddy\", Email = \"alice@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), Salary = 7700, IsActive = true }, new Employee3 { Id = 103, FirstName = \"Bob\", LastName = \"Roy\", Email = \"bob@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), Salary = 19000, IsActive = true }, new Employee3 { Id = 106, FirstName = \"John\", LastName = \"Papa\", Email = \"john@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), Salary = 12000, IsActive = true }, new Employee3 { Id = 104, FirstName = \"Pop\", LastName = \"Two\", Email = \"pop@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), Salary = 19000, IsActive = false }, new Employee3 { Id = 105, FirstName = \"Ronald\", LastName = \"Dire\", Email = \"ronald@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), Salary = 16500.50M, IsActive = true }, new Employee3 { Id = 102, FirstName = \"Line\", LastName = \"K\", Email = \"line@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), Salary = 24000, IsActive = true }, new Employee3 { Id = 101, FirstName = \"Daniel\", LastName = \"Potter\", Email = \"daniel@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), Salary = 21000, IsActive = true }, new Employee3 { Id = 108, FirstName = \"Zayne\", LastName = \"Simmons\", Email = \"zayne@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), Salary = 17850, IsActive = true }, new Employee3 { Id = 109, FirstName = \"Isha\", LastName = \"Davison\", Email = \"isha@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), Salary = 8000, IsActive = true }, }; } } See demo here Server side filtering, paging and sorting​ NOTE For server-side sorting, we need the SortString parameter on GridColumn along with the SortKeySelector parameter. <Grid TItem=\"Customer2\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"CustomersDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" AllowSorting=\"true\" Responsive=\"true\"> <GridColumn TItem=\"Customer2\" HeaderText=\"Id\" PropertyName=\"CustomerId\" SortString=\"CustomerId\" SortKeySelector=\"item => item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Customer Name\" PropertyName=\"CustomerName\" SortString=\"CustomerName\" SortKeySelector=\"item => item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Phone\" PropertyName=\"Phone\" SortString=\"Phone\" SortKeySelector=\"item => item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Email\" PropertyName=\"Email\" SortString=\"Email\" SortKeySelector=\"item => item.Email\" FilterTextboxWidth=\"120\"> @context.Email </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Address\" PropertyName=\"Address\" SortString=\"Address\" SortKeySelector=\"item => item.Address\" FilterTextboxWidth=\"150\"> @context.Address </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Postal Zip\" PropertyName=\"PostalZip\" SortString=\"PostalZip\" SortKeySelector=\"item => item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Country\" PropertyName=\"Country\" SortString=\"Country\" SortKeySelector=\"item => item.Country\" FilterTextboxWidth=\"80\"> @context.Country </GridColumn> </Grid> @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request) { string sortString = \"\"; SortDirection sortDirection = SortDirection.None; if (request.Sorting is not null && request.Sorting.Any()) { // Note: Multi column sorting is not supported at this moment sortString = request.Sorting.FirstOrDefault()!.SortString; sortDirection = request.Sorting.FirstOrDefault()!.SortDirection; } var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken); return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Set default sorting​ IsDefaultSortColumn parameter is required to set the default sorting. Add IsDefaultSortColumn=\"true\" parameter to the GridColumn. The default sort direction will be ascending. To change the default sorting of a column, add SortDirection=\"SortDirection.Descending\" to the GridColumn. INFO If more than one GridColumn has the IsDefaultSortColumn paramter, it will pick the first column as the default sorting column. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowSorting=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"@(item => item.Id)\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"@(item => item.Name)\" IsDefaultSortColumn=\"true\" SortDirection=\"SortDirection.Descending\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"@(item => item.Designation)\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"@(item => item.DOJ)\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"@(item => item.IsActive)\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1>? employees; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } } See demo here Disable specific column sorting​ Add Sortable=\"false\" parameter the GridColumn to disable the sorting. INFO If sorting is disabled, then the SortKeySelector parameter is not required. The sorting is disabled on the Designation column in the below example. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowSorting=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"@(item => item.Id)\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"@(item => item.Name)\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" Sortable=\"false\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"@(item => item.DOJ)\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"@(item => item.IsActive)\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1>? employees; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } } See demo here Header text alignment​ Use the HeaderTextAlignment parameter to change the header column alignment. By default, HeaderTextAlignment is set to Alignment.Start. Other options you can use are Alignment.Center and Alignment.End. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" HeaderTextAlignment=\"Alignment.Center\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" HeaderTextAlignment=\"Alignment.Center\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" HeaderTextAlignment=\"Alignment.Center\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" HeaderTextAlignment=\"Alignment.End\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1>? employees; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } } See demo here Cell alignment​ Use the TextAlignment parameter to change the cell data alignment. By default, TextAlignment is set to Alignment.Start. Other options you can use are Alignment.Center and Alignment.End. <Grid TItem=\"Employee2\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\"> <GridColumns> <GridColumn TItem=\"Employee2\" HeaderText=\"Id\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Employee Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Salary\" HeaderTextAlignment=\"Alignment.End\" TextAlignment=\"Alignment.End\"> @context.Salary </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Active\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee2>? employees; private async Task<GridDataProviderResult<Employee2>> EmployeesDataProvider(GridDataProviderRequest<Employee2> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee2> GetEmployees() { return new List<Employee2> { new Employee2 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", Salary = 7700, IsActive = true }, new Employee2 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", Salary = 19000, IsActive = true }, new Employee2 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", Salary = 12000, IsActive = true }, new Employee2 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", Salary = 19000, IsActive = false }, new Employee2 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", Salary = 16500.50M, IsActive = true }, new Employee2 { Id = 102, Name = \"Line\", Designation = \"Architect\", Salary = 24000, IsActive = true }, new Employee2 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", Salary = 21000, IsActive = true }, new Employee2 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", Salary = 17850, IsActive = true }, new Employee2 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", Salary = 8000, IsActive = true }, }; } } See demo here Cell formating​ To format the cell data, use ToString() method and format strings. Refer: How to format numbers, dates, enums, and other types in .NET EXAMPLE @context.Salary.ToString(\"N2\") <Grid TItem=\"Employee2\" class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\"> <Grid TItem=\"Employee2\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\"> <GridColumns> <GridColumn TItem=\"Employee2\" HeaderText=\"Id\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Employee Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Salary\" HeaderTextAlignment=\"Alignment.End\" TextAlignment=\"Alignment.End\"> @context.Salary.ToString(\"N2\") </GridColumn> <GridColumn TItem=\"Employee2\" HeaderText=\"Active\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee2>? employees; private async Task<GridDataProviderResult<Employee2>> EmployeesDataProvider(GridDataProviderRequest<Employee2> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee2> GetEmployees() { return new List<Employee2> { new Employee2 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", Salary = 7700, IsActive = true }, new Employee2 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", Salary = 19000, IsActive = true }, new Employee2 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", Salary = 12000, IsActive = true }, new Employee2 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", Salary = 19000, IsActive = false }, new Employee2 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", Salary = 16500.50M, IsActive = true }, new Employee2 { Id = 102, Name = \"Line\", Designation = \"Architect\", Salary = 24000, IsActive = true }, new Employee2 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", Salary = 21000, IsActive = true }, new Employee2 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", Salary = 17850, IsActive = true }, new Employee2 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", Salary = 8000, IsActive = true }, }; } } See demo here Cell nowrap​ To prevent text from wrapping, add TextNoWrap=\"true\" parameter to the GridColumn. TIP Add Responsive=\"true\" parameter to the grid to enable horizontal scrolling. <Grid TItem=\"Employee3\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee3\" HeaderText=\"Id\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"First Name\"> @context.FirstName </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"First Name\"> @context.LastName </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Email\"> @context.Email </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Company\" TextNoWrap=\"true\"> @context.Company </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Designation\" TextNoWrap=\"true\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Salary\" HeaderTextAlignment=\"Alignment.End\" TextAlignment=\"Alignment.End\"> @context.Salary.ToString(\"N2\") </GridColumn> <GridColumn TItem=\"Employee3\" HeaderText=\"Active\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee3>? employees; private async Task<GridDataProviderResult<Employee3>> EmployeesDataProvider(GridDataProviderRequest<Employee3> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee3> GetEmployees() { return new List<Employee3> { new Employee3 { Id = 107, FirstName = \"Alice\", LastName = \"Reddy\", Email = \"alice@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), Salary = 7700, IsActive = true }, new Employee3 { Id = 103, FirstName = \"Bob\", LastName = \"Roy\", Email = \"bob@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), Salary = 19000, IsActive = true }, new Employee3 { Id = 106, FirstName = \"John\", LastName = \"Papa\", Email = \"john@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), Salary = 12000, IsActive = true }, new Employee3 { Id = 104, FirstName = \"Pop\", LastName = \"Two\", Email = \"pop@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), Salary = 19000, IsActive = false }, new Employee3 { Id = 105, FirstName = \"Ronald\", LastName = \"Dire\", Email = \"ronald@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), Salary = 16500.50M, IsActive = true }, new Employee3 { Id = 102, FirstName = \"Line\", LastName = \"K\", Email = \"line@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), Salary = 24000, IsActive = true }, new Employee3 { Id = 101, FirstName = \"Daniel\", LastName = \"Potter\", Email = \"daniel@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), Salary = 21000, IsActive = true }, new Employee3 { Id = 108, FirstName = \"Zayne\", LastName = \"Simmons\", Email = \"zayne@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), Salary = 17850, IsActive = true }, new Employee3 { Id = 109, FirstName = \"Isha\", LastName = \"Davison\", Email = \"isha@blazorbootstrap.com\", Company = \"BlazorBootstrap Company\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), Salary = 8000, IsActive = true }, }; } } See demo here Empty data​ If there are no records to display in the Grid, by default, it will display the No records to display message. You can change this message by adding the EmptyText parameter to the Grid. <Grid TItem=\"Employee\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" EmptyText=\"No records to display\"> <GridColumns> <GridColumn TItem=\"Employee\" HeaderText=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"First Name\"> @context.FirstName </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"Last Name\"> @context.LastName </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"Designation\"> @context.Designation </GridColumn> </GridColumns> </Grid> @code { private async Task<GridDataProviderResult<Employee>> EmployeesDataProvider(GridDataProviderRequest<Employee> request) { await Task.Delay(3000); return (new GridDataProviderResult<Employee> { Data = new List<Employee>(), TotalCount = 0 }); } } See demo here Empty data template​ Set the GridEmptyDataTemplate to customize the message displayed when the grid has no records. <Grid TItem=\"Employee\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\"> <GridColumns> <GridColumn TItem=\"Employee\" HeaderText=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"First Name\"> @context.FirstName </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"Last Name\"> @context.LastName </GridColumn> <GridColumn TItem=\"Employee\" HeaderText=\"Designation\"> @context.Designation </GridColumn> </GridColumns> <GridTemplates> <GridEmptyDataTemplate TItem=\"Employee\"> <div class=\"text-center\"> <svg clip-rule=\"evenodd\" fill-rule=\"evenodd\" height=\"128\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\" viewBox=\"0 0 64 64\" width=\"128\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" id=\"fi_7486754\"><linearGradient id=\"lg1\"><stop offset=\"0\" stop-color=\"#cadcf0\"></stop><stop offset=\"1\" stop-color=\"#a4bbdb\"></stop></linearGradient><linearGradient id=\"_Linear1\" gradientTransform=\"matrix(40 0 0 25.912 12 48.573)\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" x2=\"1\" xlink:href=\"#lg1\" y1=\"0\" y2=\"0\"></linearGradient><linearGradient id=\"lg2\"><stop offset=\"0\" stop-color=\"#a4bbdb\"></stop><stop offset=\"1\" stop-color=\"#8da3be\"></stop></linearGradient><linearGradient id=\"_Linear2\" gradientTransform=\"matrix(20.086 0 0 25.912 31.914 48.573)\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" x2=\"1\" xlink:href=\"#lg2\" y1=\"0\" y2=\"0\"></linearGradient><linearGradient id=\"lg3\"><stop offset=\"0\" stop-color=\"#e9f3fc\"></stop><stop offset=\"1\" stop-color=\"#cadcf0\"></stop></linearGradient><linearGradient id=\"_Linear3\" gradientTransform=\"matrix(14.679 14.768 -21.492 8.973 12.133 35.609)\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" x2=\"1\" xlink:href=\"#lg3\" y1=\"0\" y2=\".337\"></linearGradient><linearGradient id=\"_Linear4\" gradientTransform=\"matrix(25.743 1.634 -3.837 17.203 32.081 42.038)\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" x2=\"1\" xlink:href=\"#lg3\" y1=\"0\" y2=\".227\"></linearGradient><linearGradient id=\"_Linear5\" gradientTransform=\"matrix(20.007 -6.501 5.236 7.762 9.382 31.736)\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" x2=\"1\" xlink:href=\"#lg3\" y1=\"0\" y2=\"-.619\"></linearGradient><linearGradient id=\"_Linear6\" gradientTransform=\"matrix(15.249 13.945 -20.61 7.651 37.354 21.357)\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" x2=\"1\" xlink:href=\"#lg3\" y1=\"0\" y2=\".429\"></linearGradient><linearGradient id=\"_Linear7\" gradientTransform=\"matrix(40 0 0 13 12 35.606)\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" x2=\"1\" xlink:href=\"#lg1\" y1=\"0\" y2=\"0\"></linearGradient><linearGradient id=\"_Linear8\" gradientTransform=\"matrix(.431 16.153 -16.153 .431 34.048 28.815)\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" x2=\"1\" xlink:href=\"#lg2\" y1=\"0\" y2=\"0\"></linearGradient><linearGradient id=\"_Linear9\" gradientTransform=\"matrix(19.724 23.273 -23.273 19.724 20.991 6.831)\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\"><stop offset=\"0\" stop-color=\"#559aff\"></stop><stop offset=\"1\" stop-color=\"#2e69ef\"></stop></linearGradient><linearGradient id=\"_Linear18\" gradientTransform=\"matrix(6.695 0 0 4.448 30.933 4.607)\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" x2=\"1\" xlink:href=\"#lg3\" y1=\"0\" y2=\"0\"></linearGradient><linearGradient id=\"_Linear19\" gradientTransform=\"matrix(6.695 0 0 -4.448 30.933 10.607)\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" x2=\"1\" xlink:href=\"#lg3\" y1=\"0\" y2=\"0\"></linearGradient><g id=\"Exp-3.-G\"><path d=\"m52 35.617h-40v18.512c0 .883.579 1.662 1.425 1.916 4.019 1.205 15.321 4.596 18 5.4.375.112.775.112 1.15 0 2.679-.804 13.981-4.195 18-5.4.846-.254 1.425-1.033 1.425-1.916 0-4.636 0-18.512 0-18.512z\" fill=\"url(#_Linear1)\"></path><path d=\"m52 35.617h-20s-.194 25.912 0 25.912.387-.028.575-.084c2.679-.804 13.981-4.195 18-5.4.846-.254 1.425-1.033 1.425-1.916 0-4.636 0-18.512 0-18.512z\" fill=\"url(#_Linear2)\"></path><path d=\"m32 42.106-20-6.489s-3.507 5.2-5.075 7.524c-.176.261-.219.588-.117.885.103.297.338.528.637.626 3.799 1.234 15.045 4.888 17.995 5.846.423.138.887-.021 1.137-.39 1.341-1.979 5.423-8.002 5.423-8.002z\" fill=\"url(#_Linear3)\"></path><path d=\"m52 35.617-20 6.489s4.082 6.023 5.423 8.002c.25.369.714.528 1.137.39 2.95-.958 14.196-4.612 17.995-5.846.299-.098.534-.329.637-.626.102-.297.059-.624-.117-.885-1.568-2.324-5.075-7.524-5.075-7.524z\" fill=\"url(#_Linear4)\"></path><path d=\"m27.159 21.986c-.25-.367-.713-.526-1.136-.388-2.948.957-14.197 4.612-17.996 5.847-.299.097-.535.328-.637.625s-.059.625.117.885c1.444 2.142 4.493 6.662 4.493 6.662l20-6.511s-3.592-5.283-4.841-7.12z\" fill=\"url(#_Linear5)\"></path><path d=\"m56.493 28.955c.176-.26.219-.588.117-.885s-.338-.528-.637-.625c-3.799-1.235-15.048-4.89-17.996-5.847-.423-.138-.886.021-1.136.388-1.249 1.837-4.841 7.12-4.841 7.12l20 6.511s3.049-4.52 4.493-6.662z\" fill=\"url(#_Linear6)\"></path><path d=\"m52 35.617-20-6.511-20 6.511 20 6.489z\" fill=\"url(#_Linear7)\"></path><path d=\"m32 42.106v-13l-20 6.511z\" fill=\"url(#_Linear8)\"></path><g fill=\"url(#_Linear9)\"><path d=\"m27.982 31.978c-.416-.272-.791-.563-1.124-.868-.406-.373-1.039-.346-1.413.061-.373.406-.346 1.039.061 1.412.409.376.87.734 1.382 1.069.462.302 1.082.172 1.384-.29s.172-1.082-.29-1.384z\"></path><path d=\"m24.866 28.906c-.297-.403-.548-.808-.754-1.213-.25-.492-.853-.688-1.345-.438s-.688.853-.438 1.345c.254.498.562.997.927 1.492.327.444.953.539 1.398.212.444-.328.539-.954.212-1.398z\"></path><path d=\"m23.404 24.825c.01-.403.069-.794.177-1.169.152-.53-.155-1.085-.686-1.237-.53-.152-1.085.155-1.237.686-.153.536-.239 1.095-.254 1.67-.013.552.423 1.011.975 1.024.552.014 1.011-.422 1.025-.974z\"></path><path d=\"m24.942 21.485c.257-.238.545-.458.86-.657.467-.295.607-.913.313-1.379-.295-.467-.913-.607-1.38-.313-.423.267-.807.562-1.152.882-.405.375-.429 1.008-.054 1.413s1.008.429 1.413.054z\"></path><path d=\"m28.661 19.76c.503-.093 1.036-.153 1.598-.176.552-.024.98-.491.957-1.042s-.49-.98-1.042-.957c-.66.028-1.286.099-1.877.208-.542.101-.902.623-.801 1.165.1.543.622.902 1.165.802z\"></path><path d=\"m33.873 19.701c.853.01 1.647-.02 2.384-.085.55-.049.957-.535.908-1.085-.049-.549-.535-.956-1.085-.907-.675.059-1.402.087-2.184.077-.552-.006-1.005.437-1.011.988-.007.552.436 1.006.988 1.012z\"></path><path d=\"m39.544 19.003c.99-.303 1.826-.691 2.526-1.136.465-.297.603-.915.306-1.381-.296-.465-.915-.603-1.381-.306-.563.358-1.238.666-2.036.91-.527.162-.825.721-.663 1.249.161.528.721.825 1.248.664z\"></path><path d=\"m44.634 15.068c.472-.976.653-2.008.607-3.003-.026-.552-.495-.978-1.046-.952s-.978.494-.952 1.045c.032.676-.09 1.377-.41 2.04-.24.497-.032 1.096.465 1.336s1.096.031 1.336-.466z\"></path><path d=\"m43.997 8.529c-.729-.985-1.718-1.671-2.796-1.892-.541-.11-1.07.238-1.181.779-.11.541.239 1.07.779 1.181.622.127 1.17.554 1.591 1.123.329.443.956.536 1.399.208.444-.329.537-.956.208-1.399z\"></path></g><path d=\"m30.933 6.831c1.082-6.127 10.459-5.731 5 0z\" fill=\"url(#_Linear18)\"></path><path d=\"m30.933 8.383c1.082 6.126 10.459 5.731 5 0z\" fill=\"url(#_Linear19)\"></path><path d=\"m30.843 8.617h6.696c.552 0 1-.448 1-1s-.448-1-1-1h-6.696c-.551 0-1 .448-1 1s.449 1 1 1z\" fill=\"url(#_Linear9)\"></path></g></svg> </div> </GridEmptyDataTemplate> </GridTemplates> </Grid> @code { private async Task<GridDataProviderResult<Employee>> EmployeesDataProvider(GridDataProviderRequest<Employee> request) { await Task.Delay(3000); return (new GridDataProviderResult<Employee> { Data = new List<Employee>(), TotalCount = 0 }); } } See demo here Save and Load Grid Settings​ This example shows how to save/load the Grid state. The state includes the page number, page size, and filters. IMPORTANT Saving the Grid's sorting state as part of GridSettings is not yet supported. This functionality will be included in future releases. NOTE Browser local storage is used to persist the Grid state. Common locations exist for persisting state are Server-side storage, URL, Browser storage, and In-memory state container service. @using System.Text.Json <Grid @ref=\"grid\" TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" PageSize=\"8\" AllowPaging=\"true\" AllowSorting=\"true\" Responsive=\"true\" GridSettingsChanged=\"OnGridSettingsChanged\" SettingsProvider=\"GridSettingsProvider\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\" FilterOperator=\"FilterOperator.GreaterThanOrEquals\" FilterValue=\"109\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { BlazorBootstrap.Grid<Employee1> grid = default!; private IEnumerable<Employee1>? employees; [Inject] public IJSRuntime JS { get; set; } = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private async Task OnGridSettingsChanged(GridSettings settings) { if (settings is null) return; // NOTE: enable below two lines, if you want to set default values for PageNumber and PageSize all the time. //settings.PageNumber = 1; //settings.PageSize = 10; await JS.InvokeVoidAsync(\"window.localStorage.setItem\", \"grid-settings\", JsonSerializer.Serialize(settings)); } private async Task<GridSettings> GridSettingsProvider() { var settingsJson = await JS.InvokeAsync<string>(\"window.localStorage.getItem\", \"grid-settings\"); if (string.IsNullOrWhiteSpace(settingsJson)) return null!; var settings = JsonSerializer.Deserialize<GridSettings>(settingsJson); if (settings is null) return null!; return settings; } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Data parameter - Assign collection​ Assign a collection to the Data parameter to render the grid dynamically. The example below will render different department employees in the individual grid. @using BlazorBootstrap.Demo.Models; @foreach (var department in departments) { <p>@department.Name Employees:</p> <Grid TItem=\"Employee1\" Class=\"table table-hover border-top\" Data=\"department.Employees\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> } @code { private List<Department> departments = new List<Department>() { new Department(\"Product 1 - Research & Development\", new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true } }), new Department(\"Product 2 - Research & Development\", new List<Employee1> { new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true } }) }; } See demo here Data parameter - Update collection​ Assign a collection to the Data parameter to render the grid dynamically. The example below will render different department employees in the individual grid. <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"AddEmployee\"> Add Employee </Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"AddEmployee2\"> Add Employee 2 </Button> <Grid @ref=\"grid\" TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped mt-3\" Data=\"employees\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { Grid<Employee1> grid = default!; private List<Employee1>? employees; protected override void OnInitialized() { employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true } }; } private async Task AddEmployee() { // for the same employees collection, we are adding an object // explicit grid refresh required employees!.Add(CreateEmployee()); await grid.RefreshDataAsync(); } private void AddEmployee2() { // creates a shallow copy var emps = employees!.GetRange(0, employees.Count); emps.Add(CreateEmployee()); // now employees variable has a new reference. So no need to refresh the grid explicitly // explicit grid refresh is not required employees = emps; } private Employee1 CreateEmployee() { var emp = new Employee1(); emp.Id = employees!.Max(x => x.Id) + 1; emp.Name = $\"Employee {emp.Id}\"; emp.Designation = $\"QA Engineer {emp.Id}\"; emp.DOJ = new DateOnly(new Random().Next(1970, 2000), new Random().Next(1, 12), new Random().Next(1, 25)); emp.IsActive = true; return emp; } } note The Add Employee button click adds a new employee to the existing employees collection—so explicit grid refresh is required. The Add Employee 2 button click creates a shallow copy of the employees collection and adds a new employee. This new collection is assigned to the employees variable. Now, the employees variable has a new reference. So the grid will refresh automatically. An explicit grid refresh call is not required. See demo here Conditional css class for grid row​ In the below example, we applied table-danger CSS class to the row where the employee is inactive and the table-success CSS class to the row where the employee designation is Architect. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" PageSize=\"5\" AllowSorting=\"true\" Responsive=\"true\" RowClass=\"GetRowClass\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1>? employees; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private string GetRowClass(Employee1 emp) { if (!emp.IsActive) return \"table-danger\"; else if (emp.Designation == \"Architect\") return \"table-success\"; return string.Empty; } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Conditional css class for grid column​ In the below example, we applied table-danger CSS class to the Active column where the employee is inactive and the table-success CSS class to the Active column where the employee is active. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" PageSize=\"5\" AllowSorting=\"true\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\" ColumnClass=\"@(x => x.IsActive ? \"table-success\" : \"table-danger\")\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1> employees; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Column class​ In the following example, the Class parameter is used to apply the CSS class to an entire grid column, including the header. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" PageSize=\"5\" AllowSorting=\"true\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" Class=\"text-danger\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1>? employees; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Custom column headers​ In the below example, we use <HeaderContent> and <ChildContent> tags to define custom column header and cell content. When defining header content, filters and sorting are removed from column. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" PageSize=\"5\" AllowSorting=\"true\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" PropertyName=\"IsActive\" Filterable=\"false\" Sortable=\"false\"> <HeaderContent> <Switch @bind-Value=\"IsAllChecked\" /> </HeaderContent> <ChildContent> <Switch @bind-Value=\"@context.IsActive\" /> </ChildContent> </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1> employees = default!; private bool IsAllChecked { get => employees?.All(e => e.IsActive) ?? false; set => Array.ForEach(employees?.ToArray()!, e => e.IsActive = value); } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { Console.WriteLine(\"EmployeesDataProvider called...\"); if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Selection​ Set AllowSelection=\"true\" to enable the selection on the Grid. By default, SelectionMode is Single. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowSelection=\"true\" SelectedItemsChanged=\"OnSelectedItemsChanged\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <div class=\"mt-3\"> Selected Items Count: @selectedEmployees.Count </div> <div class=\"mt-2\"> Selected Employees: <ul> @foreach (var emp in selectedEmployees) { <li>@emp.Name</li> } </ul> </div> @code { private IEnumerable<Employee1> employees = default!; private HashSet<Employee1> selectedEmployees = new(); private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { Console.WriteLine(\"EmployeesDataProvider called...\"); if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private Task OnSelectedItemsChanged(HashSet<Employee1> employees) { selectedEmployees = employees is not null && employees.Any() ? employees : new(); return Task.CompletedTask; } } See demo here Multiple selection​ To select multiple rows, set SelectionMode=\"GridSelectionMode.Multiple\". <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" AllowSelection=\"true\" SelectionMode=\"GridSelectionMode.Multiple\" SelectedItemsChanged=\"OnSelectedItemsChanged\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <div class=\"mt-3\"> Selected Items Count: @selectedEmployees.Count </div> <div class=\"mt-2\"> Selected Employees: <ul> @foreach (var emp in selectedEmployees) { <li>@emp.Name</li> } </ul> </div> @code { private IEnumerable<Employee1> employees = default!; private HashSet<Employee1> selectedEmployees = new(); private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { Console.WriteLine(\"EmployeesDataProvider called...\"); if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private Task OnSelectedItemsChanged(HashSet<Employee1> employees) { selectedEmployees = employees is not null && employees.Any() ? employees : new(); return Task.CompletedTask; } } NOTE Selected items are removed from the selection if they are not rendered after paging, sorting, filtering, etc. See demo here Disable selection​ We can disable the header checkbox or row level checkbox based on a condition. For this, we have DisableAllRowsSelection and DisableRowSelection delegate parameters. In the below example, we disabled the header checkbox if any of the employee Id is less than 105. Also, disable check the row level checkbox if the employee Id is less than 105. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" AllowSelection=\"true\" SelectionMode=\"GridSelectionMode.Multiple\" DisableAllRowsSelection=\"DisableAllRowsSelectionHandler\" DisableRowSelection=\"DisableRowSelectionHandler\" SelectedItemsChanged=\"OnSelectedItemsChanged\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <div class=\"mt-3\"> Selected Items Count: @selectedEmployees.Count </div> <div class=\"mt-2\"> Selected Employees: <ul> @foreach (var emp in selectedEmployees) { <li>@emp.Name</li> } </ul> </div> @code { private IEnumerable<Employee1> employees = default!; private HashSet<Employee1> selectedEmployees = new(); private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private bool DisableAllRowsSelectionHandler(IEnumerable<Employee1> employees) { return employees.Any(x => x.Id < 105); // disable selection if EmployeeId < 105 } private bool DisableRowSelectionHandler(Employee1 emp) { return emp.Id < 105; // disable selection if EmployeeId < 105 } private Task OnSelectedItemsChanged(HashSet<Employee1> employees) { selectedEmployees = employees is not null && employees.Any() ? employees : new(); return Task.CompletedTask; } } See demo here Change selected row background color​ --bb-table-selected-row-color: rgba(0, 0, 0, 0.0725); --bb-table-selected-row-background-color: rgba(0, 0, 0, 0.075); --bb-table-selected-row-hover-color: #000; --bb-table-selected-row-hover-background-color: rgba(0, 0, 0, 0.075); These CSS variables are used to set the default colors and background color of a row when it's selected. You can override the --bb-table-selected-row-color, --bb-table-selected-row-background-color, --bb-table-selected-row-hover-color, and --bb-table-selected-row-hover-background-color variables in the application's specific CSS file to change the selected row's appearance. Please see the following example where the row text color is set to #fff (white) and the background color is set to #4c0bce (purple) when the row is selected. <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered\" Style=\"--bb-table-selected-row-color: #fff;--bb-table-selected-row-background-color: #4c0bce;--bb-table-selected-row-hover-color: #fff;--bb-table-selected-row-hover-background-color: #4c0bce;\" DataProvider=\"EmployeesDataProvider\" AllowFiltering=\"true\" AllowSelection=\"true\" SelectionMode=\"GridSelectionMode.Multiple\" SelectedItemsChanged=\"OnSelectedItemsChanged\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <div class=\"mt-3\"> Selected Items Count: @selectedEmployees.Count </div> <div class=\"mt-2\"> Selected Employees: <ul> @foreach (var emp in selectedEmployees) { <li>@emp.Name</li> } </ul> </div> @code { private IEnumerable<Employee1> employees = default!; private HashSet<Employee1> selectedEmployees = new(); private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { Console.WriteLine(\"EmployeesDataProvider called...\"); if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, }; } private Task OnSelectedItemsChanged(HashSet<Employee1> employees) { selectedEmployees = employees is not null && employees.Any() ? employees : new(); return Task.CompletedTask; } } Dynamic page size​ <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowPaging=\"true\" PageSize=\"@pageSize\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Primary\" @onclick=\"() => ChangeSize(5)\">Page Size 5</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangeSize(10)\">Page Size 10</Button> <Button Type=\"ButtonType.Button\" Color=\"ButtonColor.Secondary\" @onclick=\"() => ChangeSize(15)\">Page Size 15</Button> @code { private int pageSize = 5; private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } private void ChangeSize(int size) => pageSize = size; } See demo here Page size selection​ <Grid TItem=\"Employee1\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" AllowPaging=\"true\" PageSize=\"10\" PageSizeSelectorVisible=\"true\" PageSizeSelectorItems=\"@(new int[] { 5,10,20 })\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Header row css class​ <Grid TItem=\"Employee1\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-primary text-white border-bottom-0\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <Grid TItem=\"Employee1\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-primary text-white bg-opacity-75 border-bottom-0\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <Grid TItem=\"Employee1\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-success text-white border-bottom-0\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <Grid TItem=\"Employee1\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-success text-white bg-opacity-75 border-bottom-0\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, }; } } See demo here Filters row css class​ <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" FiltersRowCssClass=\"bg-primary text-white bg-opacity-25 border-bottom-0\" HeaderRowCssClass=\"bg-primary text-white border-bottom-0\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-warning text-white border-bottom-0\" FiltersRowCssClass=\"bg-warning text-white bg-opacity-25 border-bottom-0\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-danger text-white border-bottom-0\" FiltersRowCssClass=\"bg-danger text-white bg-opacity-25 border-bottom-0\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-success text-white border-bottom-0\" FiltersRowCssClass=\"bg-success text-white bg-opacity-25 border-bottom-0\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-info text-white border-bottom-0\" FiltersRowCssClass=\"bg-info text-white bg-opacity-25 border-bottom-0\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-dark text-white border-bottom-0\" FiltersRowCssClass=\"bg-dark text-white bg-opacity-25 border-bottom-0\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-secondary text-white border-bottom-0\" FiltersRowCssClass=\"bg-secondary text-white bg-opacity-25 border-bottom-0\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, }; } } See demo here Row click event​ <Grid TItem=\"Employee1\" AllowRowClick=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-primary text-white border-bottom-0\" OnRowClick=\"OnRowClick\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { [Inject] ModalService ModalService { get; set; } = default!; private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, }; } private async Task OnRowClick(GridRowEventArgs<Employee1> args) { await ModalService.ShowAsync(new ModalOption { Type = ModalType.Primary, Title = \"Event: Row Click\", Message = $\"Id: {args.Item.Id}, Name: {args.Item.Name}\" }); } } See demo here Row double click event​ <Grid TItem=\"Employee1\" AllowRowClick=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" HeaderRowCssClass=\"bg-danger text-white border-bottom-0\" OnRowDoubleClick=\"OnRowDoubleClick\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { [Inject] ModalService ModalService { get; set; } = default!; private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, }; } private async Task OnRowDoubleClick(GridRowEventArgs<Employee1> args) { await ModalService.ShowAsync(new ModalOption { Type = ModalType.Primary, Title = \"Event: Row Double Click\", Message = $\"Id: {args.Item.Id}, Name: {args.Item.Name}\" }); } } See demo here Translations​ In the example below, you will see translations related to pagination and filters in Dutch. <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowPaging=\"true\" AllowSorting=\"true\" Class=\"table table-hover\" DataProvider=\"EmployeesDataProvider\" FiltersRowCssClass=\"bg-dark text-white bg-opacity-25 border-bottom-0\" FiltersTranslationProvider=\"GridFiltersTranslationProvider\" HeaderRowCssClass=\"bg-dark text-white border-bottom-0\" PageSize=\"10\" PageSizeSelectorVisible=\"true\" PageSizeSelectorItems=\"@(new int[] { 5,10,20 })\" PaginationItemsTextFormat=\"{0} - {1} van {2} artikelen\" ItemsPerPageText=\"Artikelen per pagina\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1> employees = default!; private async Task<IEnumerable<FilterOperatorInfo>> GridFiltersTranslationProvider() { var filtersTranslation = new List<FilterOperatorInfo>(); // number/date/boolean filtersTranslation.Add(new(\"=\", \"gelijk aan\", FilterOperator.Equals)); filtersTranslation.Add(new(\"!=\", \"Niet gelijk\", FilterOperator.NotEquals)); // number/date filtersTranslation.Add(new(\"<\", \"Minder dan\", FilterOperator.LessThan)); filtersTranslation.Add(new(\"<=\", \"Kleiner dan of gelijk aan\", FilterOperator.LessThanOrEquals)); filtersTranslation.Add(new(\">\", \"Groter dan\", FilterOperator.GreaterThan)); filtersTranslation.Add(new(\">=\", \"Groter dan of gelijk aan\", FilterOperator.GreaterThanOrEquals)); // string filtersTranslation.Add(new(\"*a*\", \"Bevat\", FilterOperator.Contains)); filtersTranslation.Add(new(\"a**\", \"Begint met\", FilterOperator.StartsWith)); filtersTranslation.Add(new(\"**a\", \"Eindigt met\", FilterOperator.EndsWith)); filtersTranslation.Add(new(\"=\", \"gelijk aan\", FilterOperator.Equals)); // common filtersTranslation.Add(new(\"x\", \"Duidelijk\", FilterOperator.Clear)); return await Task.FromResult(filtersTranslation); } private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Fixed header​ To set the fixed header, set the FixedHeader parameter to true. The minimum height of the grid is 320 pixels. You can change the units to em, pt, px, or etc. by setting the Unit parameter. <Grid @ref=\"grid\" TItem=\"Employee4\" Class=\"table table-hover table-bordered\" DataProvider=\"EmployeesDataProvider\" FixedHeader=\"true\" Height=\"350\" Responsive=\"true\" Unit=\"Unit.Px\"> <GridColumns> <GridColumn TItem=\"Employee4\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> <GridColumn TItem=\"Employee4\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { BlazorBootstrap.Grid<Employee4> grid = default!; private IEnumerable<Employee4> employees = default!; protected override async Task OnAfterRenderAsync(bool firstRender) { await base.OnAfterRenderAsync(firstRender); } private async Task<GridDataProviderResult<Employee4>> EmployeesDataProvider(GridDataProviderRequest<Employee4> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee4> GetEmployees() { return new List<Employee4> { new Employee4 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee4 { Id = null, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee4 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee4 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee4 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee4 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee4 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee4 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee4 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = null, IsActive = true }, new Employee4 { Id = 110, Name = \"Vijay\", Designation = null, DOJ = new DateOnly(1990, 7, 1), IsActive = true }, }; } } See demo here Fixed header with filters​ <Grid TItem=\"Customer2\" Class=\"table table-hover table-bordered\" DataProvider=\"CustomersDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" AllowSorting=\"true\" FixedHeader=\"true\" Responsive=\"true\" Unit=\"Unit.Px\"> <GridColumns> <GridColumn TItem=\"Customer2\" HeaderText=\"Id\" PropertyName=\"CustomerId\" SortString=\"CustomerId\" SortKeySelector=\"item => item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Customer Name\" PropertyName=\"CustomerName\" SortString=\"CustomerName\" SortKeySelector=\"item => item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Phone\" PropertyName=\"Phone\" SortString=\"Phone\" SortKeySelector=\"item => item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Email\" PropertyName=\"Email\" SortString=\"Email\" SortKeySelector=\"item => item.Email\" FilterTextboxWidth=\"120\"> @context.Email </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Address\" PropertyName=\"Address\" SortString=\"Address\" SortKeySelector=\"item => item.Address\" FilterTextboxWidth=\"150\"> @context.Address </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Postal Zip\" PropertyName=\"PostalZip\" SortString=\"PostalZip\" SortKeySelector=\"item => item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip </GridColumn> <GridColumn TItem=\"Customer2\" FreezeRightPosition=\"0\" HeaderText=\"Country\" PropertyName=\"Country\" SortString=\"Country\" SortKeySelector=\"item => item.Country\" FilterTextboxWidth=\"80\"> @context.Country </GridColumn> </GridColumns> </Grid> @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request) { string sortString = \"\"; SortDirection sortDirection = SortDirection.None; if (request.Sorting is not null && request.Sorting.Any()) { // Note: Multi column sorting is not supported at this moment sortString = request.Sorting.FirstOrDefault().SortString; sortDirection = request.Sorting.FirstOrDefault().SortDirection; } var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken); return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Freeze columns​ <Grid TItem=\"Customer2\" Class=\"table table-hover table-bordered text-nowrap\" DataProvider=\"CustomersDataProvider\" AllowPaging=\"true\" AllowSorting=\"true\" Responsive=\"true\" Unit=\"Unit.Px\"> <GridColumns> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeLeftPosition=\"0\" HeaderText=\"Id\" PropertyName=\"CustomerId\" SortString=\"CustomerId\" SortKeySelector=\"item => item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeLeftPosition=\"54.98\" HeaderText=\"Customer Name\" PropertyName=\"CustomerName\" SortString=\"CustomerName\" SortKeySelector=\"item => item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Phone\" PropertyName=\"Phone\" SortString=\"Phone\" SortKeySelector=\"item => item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Email\" PropertyName=\"Email\" SortString=\"Email\" SortKeySelector=\"item => item.Email\" FilterTextboxWidth=\"120\"> @context.Email </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Address\" PropertyName=\"Address\" SortString=\"Address\" SortKeySelector=\"item => item.Address\" FilterTextboxWidth=\"150\"> @context.Address </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Postal Zip\" PropertyName=\"PostalZip\" SortString=\"PostalZip\" SortKeySelector=\"item => item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeDirection=\"FreezeDirection.Right\" FreezeRightPosition=\"0\" HeaderText=\"Country\" PropertyName=\"Country\" SortString=\"Country\" SortKeySelector=\"item => item.Country\" FilterTextboxWidth=\"80\"> @context.Country </GridColumn> </GridColumns> </Grid> @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request) { string sortString = \"\"; SortDirection sortDirection = SortDirection.None; if (request.Sorting is not null && request.Sorting.Any()) { // Note: Multi column sorting is not supported at this moment sortString = request.Sorting.FirstOrDefault().SortString; sortDirection = request.Sorting.FirstOrDefault().SortDirection; } var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken); return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Freeze columns with fixed header​ <Grid TItem=\"Customer2\" Class=\"table table-hover table-bordered text-nowrap\" DataProvider=\"CustomersDataProvider\" AllowPaging=\"true\" AllowSorting=\"true\" FixedHeader=\"true\" Responsive=\"true\" Unit=\"Unit.Px\"> <GridColumns> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeLeftPosition=\"0\" HeaderText=\"Id\" PropertyName=\"CustomerId\" SortString=\"CustomerId\" SortKeySelector=\"item => item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeLeftPosition=\"54.98\" HeaderText=\"Customer Name\" PropertyName=\"CustomerName\" SortString=\"CustomerName\" SortKeySelector=\"item => item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Phone\" PropertyName=\"Phone\" SortString=\"Phone\" SortKeySelector=\"item => item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Email\" PropertyName=\"Email\" SortString=\"Email\" SortKeySelector=\"item => item.Email\" FilterTextboxWidth=\"120\"> @context.Email </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Address\" PropertyName=\"Address\" SortString=\"Address\" SortKeySelector=\"item => item.Address\" FilterTextboxWidth=\"150\"> @context.Address </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Postal Zip\" PropertyName=\"PostalZip\" SortString=\"PostalZip\" SortKeySelector=\"item => item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeDirection=\"FreezeDirection.Right\" FreezeRightPosition=\"0\" HeaderText=\"Country\" PropertyName=\"Country\" SortString=\"Country\" SortKeySelector=\"item => item.Country\" FilterTextboxWidth=\"80\"> @context.Country </GridColumn> </GridColumns> </Grid> @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request) { string sortString = \"\"; SortDirection sortDirection = SortDirection.None; if (request.Sorting is not null && request.Sorting.Any()) { // Note: Multi column sorting is not supported at this moment sortString = request.Sorting.FirstOrDefault().SortString; sortDirection = request.Sorting.FirstOrDefault().SortDirection; } var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken); return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Freeze columns with fixed header and filters​ <Grid TItem=\"Customer2\" Class=\"table table-hover table-bordered text-nowrap\" DataProvider=\"CustomersDataProvider\" AllowFiltering=\"true\" AllowPaging=\"true\" AllowSorting=\"true\" FixedHeader=\"true\" Responsive=\"true\" Unit=\"Unit.Px\"> <GridColumns> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeLeftPosition=\"0\" HeaderText=\"Id\" PropertyName=\"CustomerId\" SortString=\"CustomerId\" SortKeySelector=\"item => item.CustomerId\" FilterTextboxWidth=\"50\" HeaderTextAlignment=\"Alignment.Center\" TextAlignment=\"Alignment.Center\"> @context.CustomerId </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeLeftPosition=\"130.35\" HeaderText=\"Customer Name\" PropertyName=\"CustomerName\" SortString=\"CustomerName\" SortKeySelector=\"item => item.CustomerName\" FilterTextboxWidth=\"80\"> @context.CustomerName </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Phone\" PropertyName=\"Phone\" SortString=\"Phone\" SortKeySelector=\"item => item.Phone\" FilterTextboxWidth=\"100\"> @context.Phone </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Email\" PropertyName=\"Email\" SortString=\"Email\" SortKeySelector=\"item => item.Email\" FilterTextboxWidth=\"120\"> @context.Email </GridColumn> <GridColumn TItem=\"Customer2\" HeaderText=\"Address\" PropertyName=\"Address\" SortString=\"Address\" SortKeySelector=\"item => item.Address\" FilterTextboxWidth=\"150\"> @context.Address </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeDirection=\"FreezeDirection.Right\" FreezeRightPosition=\"171\" HeaderText=\"Postal Zip\" PropertyName=\"PostalZip\" SortString=\"PostalZip\" SortKeySelector=\"item => item.PostalZip\" FilterTextboxWidth=\"80\"> @context.PostalZip </GridColumn> <GridColumn TItem=\"Customer2\" Freeze=\"true\" FreezeDirection=\"FreezeDirection.Right\" FreezeRightPosition=\"0\" HeaderText=\"Country\" PropertyName=\"Country\" SortString=\"Country\" SortKeySelector=\"item => item.Country\" FilterTextboxWidth=\"80\"> @context.Country </GridColumn> </GridColumns> </Grid> @code { [Inject] public ICustomerService _customerService { get; set; } = default!; private async Task<GridDataProviderResult<Customer2>> CustomersDataProvider(GridDataProviderRequest<Customer2> request) { string sortString = \"\"; SortDirection sortDirection = SortDirection.None; if (request.Sorting is not null && request.Sorting.Any()) { // Note: Multi column sorting is not supported at this moment sortString = request.Sorting.FirstOrDefault().SortString; sortDirection = request.Sorting.FirstOrDefault().SortDirection; } var result = await _customerService.GetCustomersAsync(request.Filters, request.PageNumber, request.PageSize, sortString, sortDirection, request.CancellationToken); return await Task.FromResult(new GridDataProviderResult<Customer2> { Data = result.Item1, TotalCount = result.Item2 }); } } See demo here Auto hide paging​ Automatically hides the paging controls when the grid item count is less than or equal to the PageSize and this property is set to true. <Grid TItem=\"Employee1\" AllowFiltering=\"true\" AllowPaging=\"true\" AllowSorting=\"true\" AutoHidePaging=\"true\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"EmployeesDataProvider\" PageSize=\"10\" PageSizeSelectorVisible=\"true\" PageSizeSelectorItems=\"@(new int[] { 5,10,20 })\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\" SortKeySelector=\"item => item.Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\" SortKeySelector=\"item => item.Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\" SortKeySelector=\"item => item.Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\" SortKeySelector=\"item => item.DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\" SortKeySelector=\"item => item.IsActive\"> @context.IsActive </GridColumn> </GridColumns> </Grid> @code { private IEnumerable<Employee1> employees = default!; private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request) { if (employees is null) // pull employees only one time for client-side filtering, sorting, and paging employees = GetEmployees(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(employees)); } private IEnumerable<Employee1> GetEmployees() { return new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true }, new Employee1 { Id = 102, Name = \"Line\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 101, Name = \"Daniel\", Designation = \"Architect\", DOJ = new DateOnly(1977, 1, 12), IsActive = true }, new Employee1 { Id = 113, Name = \"Merlin\", Designation = \"Senior Consultant\", DOJ = new DateOnly(1989, 10, 2), IsActive = true }, new Employee1 { Id = 117, Name = \"Sharna\", Designation = \"Data Analyst\", DOJ = new DateOnly(1994, 5, 12), IsActive = true }, new Employee1 { Id = 108, Name = \"Zayne\", Designation = \"Data Analyst\", DOJ = new DateOnly(1991, 1, 1), IsActive = true }, new Employee1 { Id = 109, Name = \"Isha\", Designation = \"App Maker\", DOJ = new DateOnly(1996, 7, 1), IsActive = true }, new Employee1 { Id = 111, Name = \"Glenda\", Designation = \"Data Engineer\", DOJ = new DateOnly(1994, 1, 12), IsActive = true }, }; } } See demo here Enum filter​ <Grid @ref=\"grid\" TItem=\"User\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"UsersDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"User\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"User Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"DOB\" PropertyName=\"DOB\"> @context.DOB </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"Status\" PropertyName=\"Status\" FilterTextboxWidth=\"170\"> @context.Status </GridColumn> </GridColumns> </Grid> @code { BlazorBootstrap.Grid<User> grid = default!; private IEnumerable<User> users = default!; protected override async Task OnAfterRenderAsync(bool firstRender) { await base.OnAfterRenderAsync(firstRender); } private async Task<GridDataProviderResult<User>> UsersDataProvider(GridDataProviderRequest<User> request) { if (users is null) // pull employees only one time for client-side filtering, sorting, and paging users = GetUsers(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(users)); } private IEnumerable<User> GetUsers() { return new List<User> { new User { Id = 107, Name = \"Alice\", DOB = new DateOnly(1998, 11, 17), Status = UserStatus.Registered }, new User { Id = null, Name = \"Bob\", DOB = new DateOnly(1985, 1, 5), Status = UserStatus.Verified }, new User { Id = 106, Name = \"John\", DOB = new DateOnly(1995, 4, 17), Status = UserStatus.Registered }, new User { Id = 104, Name = \"Pop\", DOB = new DateOnly(1985, 6, 8), Status = UserStatus.Registered }, new User { Id = 105, Name = \"Ronald\", DOB = new DateOnly(1991, 8, 23), Status = UserStatus.VerificationPending }, new User { Id = 102, Name = \"Line\", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.VerificationPending }, new User { Id = 101, Name = \"Daniel\", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.Registered }, new User { Id = 108, Name = \"Zayne\", DOB = new DateOnly(1991, 1, 1), Status = UserStatus.Verified }, new User { Id = 109, Name = \"Isha\", DOB = null, Status = UserStatus.Verified }, new User { Id = 110, Name = \"Vijay\", DOB = new DateOnly(1990, 7, 1), Status = UserStatus.Verified }, }; } public record class User { public int? Id { get; set; } public string? Name { get; set; } public DateOnly? DOB { get; set; } public UserStatus Status { get; set; } } public enum UserStatus { Registered, VerificationPending, Verified } } See demo here Guid filter​ <Grid @ref=\"grid\" TItem=\"User\" Class=\"table table-hover table-bordered table-striped\" DataProvider=\"UsersDataProvider\" AllowFiltering=\"true\" Responsive=\"true\"> <GridColumns> <GridColumn TItem=\"User\" HeaderText=\"Oid\" PropertyName=\"Oid\" FilterTextboxWidth=\"240\"> @context.Oid </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"Id\" PropertyName=\"Id\" FilterTextboxWidth=\"70\"> @context.Id </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"User Name\" PropertyName=\"Name\" FilterTextboxWidth=\"100\"> @context.Name </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"DOB\" PropertyName=\"DOB\"> @context.DOB </GridColumn> <GridColumn TItem=\"User\" HeaderText=\"Status\" PropertyName=\"Status\" FilterTextboxWidth=\"170\"> @context.Status </GridColumn> </GridColumns> </Grid> @code { BlazorBootstrap.Grid<User> grid = default!; private IEnumerable<User> users = default!; protected override async Task OnAfterRenderAsync(bool firstRender) { await base.OnAfterRenderAsync(firstRender); } private async Task<GridDataProviderResult<User>> UsersDataProvider(GridDataProviderRequest<User> request) { if (users is null) // pull employees only one time for client-side filtering, sorting, and paging users = GetUsers(); // call a service or an API to pull the employees return await Task.FromResult(request.ApplyTo(users)); } private IEnumerable<User> GetUsers() { return new List<User> { new User { Oid = Guid.NewGuid(), Id = 107, Name = \"Alice\", DOB = new DateOnly(1998, 11, 17), Status = UserStatus.Registered }, new User { Oid = Guid.NewGuid(), Id = null, Name = \"Bob\", DOB = new DateOnly(1985, 1, 5), Status = UserStatus.Verified }, new User { Oid = Guid.NewGuid(), Id = 106, Name = \"John\", DOB = new DateOnly(1995, 4, 17), Status = UserStatus.Registered }, new User { Oid = Guid.NewGuid(), Id = 104, Name = \"Pop\", DOB = new DateOnly(1985, 6, 8), Status = UserStatus.Registered }, new User { Oid = Guid.NewGuid(), Id = 105, Name = \"Ronald\", DOB = new DateOnly(1991, 8, 23), Status = UserStatus.VerificationPending }, new User { Oid = Guid.NewGuid(), Id = 102, Name = \"Line\", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.VerificationPending }, new User { Oid = Guid.NewGuid(), Id = 101, Name = \"Daniel\", DOB = new DateOnly(1977, 1, 12), Status = UserStatus.Registered }, new User { Oid = Guid.NewGuid(), Id = 108, Name = \"Zayne\", DOB = new DateOnly(1991, 1, 1), Status = UserStatus.Verified }, new User { Oid = Guid.NewGuid(), Id = 109, Name = \"Isha\", DOB = null, Status = UserStatus.Verified }, new User { Oid = Guid.NewGuid(), Id = 110, Name = \"Vijay\", DOB = new DateOnly(1990, 7, 1), Status = UserStatus.Verified }, }; } public record class User { public Guid Oid { get; set; } public int? Id { get; set; } public string? Name { get; set; } public DateOnly? DOB { get; set; } public UserStatus Status { get; set; } } public enum UserStatus { Registered, VerificationPending, Verified } } See demo here Detail View​ To enable detail view, set the AllowDetailView parameter to true. In the following example, existing <GridColumn> tags are nested under <GridColumns> tag to distinguish them from <GridDetailView>. <Grid TItem=\"Employee1\" Class=\"table table-hover border-top\" Data=\"employees\" AllowDetailView=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </GridColumns> <GridDetailView TItem=\"Employee1\"> <div class=\"row\"> <div class=\"col-2 fw-bold\">Id</div> <div class=\"col\">@context.Id</div> </div> <div class=\"row\"> <div class=\"col-2 fw-bold\">Name</div> <div class=\"col\">@context.Name</div> </div> <div class=\"row\"> <div class=\"col-2 fw-bold\">Designation</div> <div class=\"col\">@context.Designation</div> </div> <div class=\"row\"> <div class=\"col-2 fw-bold\">DOJ</div> <div class=\"col\">@context.DOJ</div> </div> <div class=\"row\"> <div class=\"col-2 fw-bold\">IsActive</div> <div class=\"col\">@context.IsActive</div> </div> </GridDetailView> </Grid> @code { private List<Employee1> employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true } }; public record class Employee1 { public int Id { get; set; } public string? Name { get; set; } public string? Designation { get; set; } public DateOnly DOJ { get; set; } public bool IsActive { get; set; } } } See demo here Nested Grid​ To create a nested grid, we first need to enable the detail view. To enable the detail view, set the AllowDetailView parameter to true. In the following example, existing <GridColumn> tags are nested under <GridColumns> tag to distinguish them from <GridDetailView>. <Grid TItem=\"Employee1\" Class=\"table table-hover border-top\" Data=\"employees\" AllowDetailView=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" HeaderText=\"Id\" PropertyName=\"Id\"> @context.Id </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @context.Name </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @context.Designation </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @context.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @context.IsActive </GridColumn> </GridColumns> <GridDetailView TItem=\"Employee1\"> <Grid TItem=\"Employee1\" Class=\"table table-hover border-top\" Data=\"employees\" AllowDetailView=\"true\"> <GridColumns> <GridColumn TItem=\"Employee1\" Context=\"emp1\" HeaderText=\"Id\" PropertyName=\"Id\"> @emp1.Id </GridColumn> <GridColumn TItem=\"Employee1\" Context=\"emp1\" HeaderText=\"Employee Name\" PropertyName=\"Name\"> @emp1.Name </GridColumn> <GridColumn TItem=\"Employee1\" Context=\"emp1\" HeaderText=\"Designation\" PropertyName=\"Designation\"> @emp1.Designation </GridColumn> <GridColumn TItem=\"Employee1\" Context=\"emp1\" HeaderText=\"DOJ\" PropertyName=\"DOJ\"> @emp1.DOJ </GridColumn> <GridColumn TItem=\"Employee1\" Context=\"emp1\" HeaderText=\"Active\" PropertyName=\"IsActive\"> @emp1.IsActive </GridColumn> </GridColumns> <GridDetailView TItem=\"Employee1\" Context=\"emp1\"> <div class=\"row\"> <div class=\"col-2 fw-bold\">Id</div> <div class=\"col\">@emp1.Id</div> </div> <div class=\"row\"> <div class=\"col-2 fw-bold\">Name</div> <div class=\"col\">@emp1.Name</div> </div> <div class=\"row\"> <div class=\"col-2 fw-bold\">Designation</div> <div class=\"col\">@emp1.Designation</div> </div> <div class=\"row\"> <div class=\"col-2 fw-bold\">DOJ</div> <div class=\"col\">@emp1.DOJ</div> </div> <div class=\"row\"> <div class=\"col-2 fw-bold\">IsActive</div> <div class=\"col\">@emp1.IsActive</div> </div> </GridDetailView> </Grid> </GridDetailView> </Grid> @code { private List<Employee1> employees = new List<Employee1> { new Employee1 { Id = 107, Name = \"Alice\", Designation = \"AI Engineer\", DOJ = new DateOnly(1998, 11, 17), IsActive = true }, new Employee1 { Id = 103, Name = \"Bob\", Designation = \"Senior DevOps Engineer\", DOJ = new DateOnly(1985, 1, 5), IsActive = true }, new Employee1 { Id = 106, Name = \"John\", Designation = \"Data Engineer\", DOJ = new DateOnly(1995, 4, 17), IsActive = true }, new Employee1 { Id = 104, Name = \"Pop\", Designation = \"Associate Architect\", DOJ = new DateOnly(1985, 6, 8), IsActive = false }, new Employee1 { Id = 105, Name = \"Ronald\", Designation = \"Senior Data Engineer\", DOJ = new DateOnly(1991, 8, 23), IsActive = true } }; public record class Employee1 { public int Id { get; set; } public string? Name { get; set; } public string? Designation { get; set; } public DateOnly DOJ { get; set; } public bool IsActive { get; set; } } } See demo here Edit this page Previous Dropdown Next Modal Grid Parameters Grid Callback Events Grid Methods GridColumn Parameters GridSettings Properties Examples Client side filtering Client side filtering with string comparision Client side paging Client side sorting Client side filtering, paging, and sorting Set default filter Disable specific column filter Increase filter textbox width Server side filtering, paging and sorting Set default sorting Disable specific column sorting Header text alignment Cell alignment Cell formating Cell nowrap Empty data Empty data template Save and Load Grid Settings Data parameter - Assign collection Data parameter - Update collection Conditional css class for grid row Conditional css class for grid column Column class Custom column headers Selection Multiple selection Disable selection Change selected row background color Dynamic page size Page size selection Header row css class Filters row css class Row click event Row double click event Translations Fixed header Fixed header with filters Freeze columns Freeze columns with fixed header Freeze columns with fixed header and filters Auto hide paging Enum filter Guid filter Detail View Nested Grid","s":"Blazor Grid","u":"/components/grid","h":"","p":667}],"index":{"version":"2.3.9","fields":["t"],"fieldVectors":[["t/2",[0,0.251,1,0.306,2,4.395,3,3.111,4,1.493,5,1.947,6,3.48,7,0.02,8,0.288,9,0.299,10,0.343,11,0.312,12,0.306,13,0.339,14,0.428,15,0.327,16,2.234,17,2.023,18,2.8,19,0.769,20,2.561,21,2.451,22,2.281,23,3.215,24,0.364,25,2.897,26,0.262,27,0.247,28,1.573,29,2.622,30,2.307,31,3.797,32,0.656,33,3.329,34,1.405,35,2.563,36,1.375,37,1.588,38,0.877,39,3.001,40,1.32,41,2.93,42,1.79,43,3.519,44,2.426,45,3.947,46,2.126,47,2.504,48,2.841,49,1.378,50,1.243,51,0.849,52,2.154,53,4.263,54,2.054,55,2.312,56,3.598,57,2.504,58,2.451,59,3.161,60,1.11,61,3.613,62,3.329,63,2.126,64,2.119,65,2.268,66,2.354,67,1.509,68,1.685,69,3.062,70,1.405,71,3.676,72,3.048,73,3.525,74,2.561,75,2.689,76,2.661,77,2.689,78,3.277,79,5.978,80,5.34,81,1.994,82,3.906,83,5.734,84,2.868,85,6.793,86,3.277,87,6.793,88,6.326,89,5.734,90,2.93,91,3.906,92,3.906,93,1.493,94,2.561,95,5.734,96,5.734,97,5.734,98,7.971,99,7.971,100,2.696,101,2.504,102,3.391,103,2.228,104,2.228,105,2.504,106,3.906,107,3.906,108,3.906,109,7.971,110,2.451,111,3.638,112,3.906,113,7.424,114,3.906,115,3.906,116,3.906,117,3.437,118,3.906,119,3.906,120,3.906,121,3.638,122,3.906,123,2.561,124,3.638,125,3.906,126,2.622,127,2.93,128,3.906,129,2.561,130,3.437,131,2.119,132,3.906,133,2.762,134,3.906,135,3.437,136,3.906,137,2.689,138,3.277,139,3.391,140,2.004,141,2.31,142,1.885,143,3.27,144,3.27,145,1.994,146,1.266,147,1.965,148,2.31,149,2.354,150,1.419,151,1.448,152,2.628,153,1.071,154,2.401,155,1.714,156,3.947,157,2.93,158,3.525,159,1.493,160,2.451,161,0.899,162,1.684,163,1.062,164,1.746]],["t/4",[7,0.016,8,0.25,9,0.25,10,0.266,11,0.261,12,0.255,13,0.283,15,0.277,19,0.787,24,0.391,25,2.781,26,0.223,27,0.264,35,3.421,103,4.365,162,2.628,163,2.08,165,6.942,166,3.598,167,2.926,168,2.48,169,1.65,170,1.547,171,2.08,172,0.377,173,5.936,174,5.936]],["t/6",[7,0.016,8,0.245,9,0.245,10,0.262,11,0.256,12,0.251,13,0.278,15,0.273,24,0.387,26,0.219,27,0.263,32,0.547,37,1.595,40,1.73,70,2.705,103,4.288,163,2.043,165,5.831,168,2.87,169,1.621,170,1.519,171,2.043,172,0.373,174,6.869,175,2.966,176,5.047,177,5.047,178,4.929,179,4.621,180,6.307,181,3.953,182,4.819,183,2.37,184,2.482,185,6.05]],["t/8",[7,0.016,8,0.247,9,0.247,10,0.263,11,0.258,12,0.252,13,0.28,15,0.274,19,0.778,24,0.388,26,0.22,27,0.255,37,1.606,40,1.742,70,2.723,84,2.723,103,4.316,104,4.316,169,1.632,170,1.529,171,2.057,172,0.319,174,5.87,175,2.986,182,4.851,183,2.386,184,2.498,185,7.156,186,3.979,187,6.659,188,6.659,189,4.962,190,5.35,191,6.659,192,6.091]],["t/10",[7,0.022,8,0.218,9,0.218,10,0.233,11,0.228,12,0.223,13,0.247,15,0.242,24,0.36,25,2.999,26,0.195,27,0.252,37,1.751,38,0.984,40,1.539,70,2.969,93,2.556,103,3.814,155,1.999,162,1.964,163,1.817,165,5.187,166,3.144,168,2.901,169,1.442,170,1.351,171,1.817,172,0.348,173,6.401,177,4.489,181,3.516,182,4.287,183,2.109,184,2.724,193,2.383,194,5.187,195,2.94,196,2.726,197,5.187,198,7.384,199,5.61,200,2.034,201,5.178,202,3.931,203,7.877,204,4.094,205,6.003,206,5.681,207,6.003,208,4.707,209,6.003,210,5.178,211,6.003,212,7.384,213,6.687,214,6.227,215,3.628,216,6.227,217,5.016,218,5.187]],["t/12",[7,0.016,8,0.241,9,0.241,10,0.257,11,0.252,12,0.246,13,0.273,15,0.268,24,0.383,26,0.215,27,0.261,38,1.063,47,4.735,51,2.032,103,4.213,155,2.619,163,2.007,166,3.472,169,1.593,170,1.493,171,2.007,172,0.37,182,5.991,195,3.123,200,2.247,203,6.5,218,5.729,219,6.574,220,4.735,221,4.635,222,8.156,223,6.5,224,2.508,225,7.386,226,5.085]],["t/14",[7,0.016,8,0.237,9,0.237,10,0.253,11,0.248,12,0.243,13,0.269,14,0.345,15,0.264,19,0.893,24,0.318,26,0.212,27,0.26,38,0.8,41,3.138,49,2.567,50,2.315,51,2.019,53,4.565,54,3.825,103,4.15,104,4.15,163,1.977,166,3.42,167,2.781,169,1.569,170,1.47,171,1.977,172,0.366,173,5.643,200,2.213,218,6.737,219,5.457,224,3.153,225,7.275,227,5.643,228,6.402,229,5.143,230,4.664,231,4.472,232,6.775,233,7.275,234,3.214,235,4.224,236,8.034,237,7.275,238,2.136]],["t/16",[7,0.016,8,0.238,9,0.238,10,0.254,11,0.248,12,0.243,13,0.27,14,0.346,15,0.264,19,0.749,24,0.318,26,0.212,27,0.26,28,1.596,37,1.972,38,0.956,51,1.891,159,2.787,161,2.002,163,1.981,169,1.572,170,1.473,171,1.981,172,0.367,184,3.068,200,2.218,219,5.469,224,2.953,226,5.987,229,5.154,230,4.674,233,7.291,238,2.141,239,2.787,240,1.807,241,5.469,242,5.655,243,5.959,244,5.154]],["t/18",[7,0.016,8,0.243,9,0.243,10,0.259,11,0.253,12,0.248,13,0.275,14,0.353,15,0.27,16,1.843,19,0.904,24,0.409,26,0.216,27,0.262,38,0.967,51,1.616,53,4.665,54,3.909,63,2.756,163,2.021,169,1.603,170,1.502,171,2.021,172,0.371,221,4.665,224,2.524,238,2.183,239,2.842,240,1.843,244,5.256,245,6.6,246,6.238,247,5.254,248,8.21,249,8.21,250,5.577]],["t/20",[1,0.27,7,0.015,8,0.235,9,0.235,10,0.251,11,0.246,12,0.241,13,0.267,14,0.342,15,0.261,24,0.377,26,0.21,27,0.259,38,1.078,49,3.265,50,2.944,51,1.568,72,2.758,155,2.156,162,2.717,163,1.96,169,1.556,170,1.458,171,1.96,172,0.364,176,4.843,183,3.024,221,5.422,224,2.449,226,4.966,238,2.118,240,1.788,244,6.109,245,5.411,251,5.595,252,4.063,253,4.843,254,4.347,255,3.186]],["t/22",[7,0.016,8,0.244,9,0.244,10,0.26,11,0.254,12,0.249,13,0.276,14,0.354,15,0.271,24,0.385,26,0.217,27,0.262,34,2.687,38,0.821,51,1.623,155,2.636,161,2.03,163,2.029,169,1.61,170,1.509,171,2.029,172,0.372,182,5.655,224,2.536,238,2.193,240,1.851,247,4.187,250,5.601,255,3.897,256,6.617,257,4.501,258,6.265,259,4.376,260,5.432]],["t/24",[4,2.812,7,0.016,8,0.24,9,0.24,10,0.256,11,0.251,12,0.245,13,0.272,14,0.349,15,0.267,24,0.421,26,0.214,27,0.261,37,1.979,38,0.809,51,1.599,155,2.613,161,2.012,163,1.999,169,1.586,170,1.486,171,1.999,172,0.369,184,3.08,224,2.497,238,2.16,240,1.823,255,4.121,256,5.516,259,4.628,260,6.359,261,3.136,262,5.919,263,5.516]],["t/26",[7,0.016,8,0.245,9,0.245,10,0.261,11,0.256,12,0.25,13,0.277,14,0.356,15,0.272,19,0.909,24,0.411,25,2.726,26,0.218,27,0.262,38,0.973,44,2.866,46,2.781,51,1.631,163,2.038,169,1.617,170,1.516,171,2.038,172,0.373,221,4.706,224,2.547,238,2.203,240,1.859,245,5.626,247,4.205,250,6.634,256,5.626,264,2.928,265,6.293]],["t/28",[1,0.232,7,0.016,8,0.242,9,0.242,10,0.258,11,0.253,12,0.247,13,0.274,14,0.352,15,0.269,24,0.384,26,0.216,27,0.261,38,0.816,40,2.155,51,1.613,155,2.217,161,2.155,163,2.016,169,1.6,170,1.499,171,2.016,172,0.37,183,2.771,224,2.519,238,2.179,240,1.839,255,3.277,259,3.68,260,5.396,263,6.591,266,3.901,267,4.231,268,6.224,269,4.864,270,3.277,271,5.565]],["t/30",[7,0.015,8,0.222,9,0.222,10,0.236,11,0.232,12,0.227,13,0.251,14,0.323,15,0.246,24,0.41,26,0.198,27,0.254,28,1.707,38,0.747,51,1.812,129,4.455,161,2.075,163,1.846,168,2.202,169,1.465,170,1.373,171,1.846,172,0.351,224,2.307,238,1.995,240,1.684,243,4.356,254,5.433,263,5.096,266,3.572,271,6.251,272,4.095,273,5.7,274,5.7,275,4.677,276,6.992,277,5.361,278,5.7,279,5.892,280,2.264,281,3.397,282,2.969,283,4.193,284,6.992,285,6.327,286,6.327,287,3.746,288,5.464,289,4.677,290,2.864,291,9.014,292,5.979,293,6.794,294,4.677,295,3.279,296,5.096,297,5.7,298,4.942]],["t/32",[0,0.237,7,0.015,8,0.235,9,0.235,10,0.251,11,0.246,12,0.241,13,0.267,14,0.342,15,0.261,19,0.888,24,0.435,26,0.21,27,0.259,51,1.879,140,2.521,142,3.482,153,2.729,155,2.156,163,1.96,168,2.338,169,1.556,170,1.458,171,1.96,172,0.364,224,2.449,238,2.118,240,1.788,271,5.411,277,4.929,278,6.052,279,6.109,280,2.404,295,4.171,298,6.286,299,3.306,300,5.595,301,4.966,302,4.966]],["t/34",[0,0.231,7,0.015,8,0.221,9,0.221,10,0.236,11,0.231,12,0.226,13,0.251,14,0.322,15,0.246,24,0.428,26,0.197,27,0.254,28,1.612,41,4.287,51,1.474,153,2.574,155,2.026,161,2.219,163,1.843,168,2.919,169,1.462,170,1.37,171,1.843,172,0.351,183,2.138,193,2.416,195,2.416,199,5.689,200,2.532,203,7.324,224,2.302,238,1.991,240,1.681,270,3.978,282,2.966,289,4.668,298,4.932,299,3.107,302,5.73,303,4.932,304,7.751,305,6.78,306,4.347,307,4.168,308,3.364,309,3.215,310,5.967,311,5.458,312,5.689,313,6.78,314,7.488,315,3.107,316,5.086]],["t/36",[0,0.192,7,0.016,8,0.244,9,0.244,10,0.26,11,0.255,12,0.25,13,0.277,14,0.355,15,0.271,24,0.386,26,0.218,27,0.262,51,1.627,64,4.06,153,2.576,163,2.034,168,2.425,169,1.614,170,1.512,171,2.034,172,0.372,224,2.541,238,2.198,240,1.855,255,4.151,259,4.662,299,3.43,302,5.152,316,6.626,317,6.279,318,5.025]],["t/38",[0,0.261,1,0.282,7,0.015,8,0.224,9,0.224,10,0.238,11,0.233,12,0.228,13,0.253,14,0.325,15,0.248,19,0.861,24,0.439,26,0.199,27,0.185,51,1.489,101,4.391,142,4.042,150,2.489,161,1.576,162,2.888,163,1.861,168,2.714,169,1.477,170,1.384,171,1.861,172,0.353,208,3.907,215,3.716,217,5.138,224,2.326,238,2.011,240,1.698,264,2.674,275,4.715,319,5.491,320,2.954,321,4.842,322,5.132,323,3.496,324,4.552,325,7.799,326,5.746,327,7.563,328,5.513,329,5.513,330,4.298,331,4.598]],["t/40",[0,0.266,1,0.212,7,0.015,8,0.222,9,0.222,10,0.236,11,0.232,12,0.227,13,0.251,14,0.323,15,0.246,19,0.857,22,2.967,24,0.444,26,0.198,27,0.243,51,1.477,163,1.846,168,3.046,169,1.465,170,1.373,171,1.846,172,0.351,224,2.307,238,1.995,240,1.684,316,5.096,318,5.595,320,2.931,324,4.535,331,4.561,332,3.194,333,4.942,334,5.433,335,4.472,336,5.331]],["t/42",[0,0.259,1,0.267,7,0.015,8,0.231,9,0.231,10,0.246,11,0.241,12,0.236,13,0.262,14,0.336,15,0.257,18,2.917,24,0.309,25,2.572,26,0.206,27,0.231,28,1.736,51,1.539,131,3.84,161,1.967,163,1.924,168,2.294,169,1.526,170,1.926,171,1.924,172,0.36,224,2.403,238,2.079,240,1.754,270,3.126,277,4.873,288,4.641,318,4.752,319,4.641,320,3.053,331,5.736,337,3.84,338,5.148,339,7.078,340,4.562,341,3.244,342,3.84,343,6.591,344,7.816,345,7.816,346,2.008]],["t/44",[0,0.262,1,0.287,7,0.014,8,0.262,9,0.262,10,0.223,11,0.218,12,0.213,13,0.237,14,0.304,15,0.232,16,1.585,19,0.902,24,0.429,26,0.186,27,0.173,32,0.466,44,3.134,51,1.907,68,3.785,93,2.446,127,4.798,142,3.875,146,3.072,161,1.848,163,1.738,168,2.602,169,1.379,170,1.622,171,1.738,172,0.338,175,2.524,178,4.194,183,2.017,202,3.824,215,3.47,224,2.172,230,4.101,238,1.879,240,1.585,242,4.962,254,3.855,270,2.826,283,4.039,290,2.696,301,4.404,309,2.471,319,4.194,330,5.037,341,4.217,347,2.969,348,3.047,349,4.014,350,4.653,351,3.586,352,4.653,353,3.932,354,4.101,355,4.798,356,4.522,357,5.367,358,5.149,359,5.367,360,4.014,361,4.522,362,5.957,363,7.064,364,1.585,365,5.957,366,6.397,367,5.957,368,4.014]],["t/46",[0,0.267,1,0.288,7,0.014,8,0.211,9,0.211,10,0.225,11,0.22,12,0.216,13,0.239,14,0.307,15,0.235,19,0.997,24,0.441,26,0.188,27,0.175,32,0.471,49,3.112,50,2.94,51,1.758,55,3.556,76,3.003,161,2.126,162,2.713,163,1.758,168,2.994,169,1.395,170,1.308,171,1.758,172,0.341,175,2.553,183,2.999,200,1.968,224,2.197,234,3.896,238,1.9,240,1.604,261,2.759,361,4.574,364,2.404,368,4.06,369,5.183,370,4.242,371,2.261,372,4.454,373,4.454,374,2.759,375,4.694,376,6.47,377,4.242]],["t/48",[0,0.267,1,0.292,7,0.014,8,0.219,9,0.219,10,0.234,11,0.229,12,0.224,13,0.248,14,0.319,15,0.243,19,0.922,24,0.437,26,0.195,27,0.181,32,0.489,38,0.738,49,3.302,50,3.059,51,1.799,76,3.116,161,2.064,163,1.825,168,2.906,169,1.448,170,1.357,171,1.825,172,0.349,175,2.649,184,3.09,200,2.042,224,2.28,234,3.961,238,1.972,240,1.664,330,4.212,337,3.642,361,4.746,364,2.382,368,5.191,369,4.304,374,2.863,378,4.507,379,7.413,380,4.507]],["t/50",[0,0.265,1,0.295,7,0.015,8,0.226,9,0.226,10,0.241,11,0.236,12,0.231,13,0.256,14,0.329,15,0.251,19,0.973,24,0.424,26,0.202,27,0.187,32,0.505,38,0.762,49,2.446,50,2.206,51,1.977,67,3.747,146,2.247,163,1.884,166,3.259,168,2.247,169,1.495,170,1.401,171,1.884,172,0.356,193,2.47,200,2.109,224,2.865,238,2.036,240,1.718,280,2.31,341,3.177,361,4.902,364,2.254,369,4.445,374,2.956,377,5.532,381,4.902,382,2.423,383,4.902,384,3.177,385,3.539,386,4.902]],["t/52",[0,0.263,1,0.297,7,0.015,8,0.229,9,0.229,10,0.244,11,0.239,12,0.234,13,0.26,14,0.333,15,0.254,19,0.94,24,0.425,26,0.204,27,0.19,32,0.511,38,0.935,51,1.988,150,2.551,151,2.602,163,1.908,166,3.3,168,2.275,169,1.514,170,1.418,171,1.908,172,0.358,200,2.135,224,2.886,238,2.061,239,2.684,240,1.74,280,2.339,361,4.962,364,2.266,374,2.993,377,4.602,382,2.453,386,6.01,387,5.265,388,3.502,389,3.482,390,4.962]],["t/54",[0,0.261,1,0.29,7,0.014,8,0.214,9,0.214,10,0.228,11,0.223,12,0.219,13,0.243,14,0.311,15,0.238,19,0.838,24,0.435,26,0.191,27,0.177,32,0.478,37,2.094,38,0.897,49,2.877,50,2.823,51,1.929,60,0.873,84,2.36,159,2.507,163,1.782,168,2.642,169,1.414,170,1.325,171,1.782,172,0.344,186,3.448,195,2.336,200,1.995,201,4.115,202,3.123,224,2.768,238,1.926,280,2.185,309,2.533,361,4.636,364,2.199,374,2.796,382,2.291,391,5.012,392,1.019,393,4.204,394,4.102,395,4.204,396,5.568,397,3.502,398,4.3,399,5.502,400,4.77,401,5.087,402,5.087,403,5.278,404,5.474,405,6.557,406,4.919,407,1.995,408,4.3,409,4.3,410,4.3,411,4.115,412,4.3]],["t/56",[0,0.261,1,0.287,7,0.015,8,0.232,9,0.232,10,0.247,11,0.242,12,0.237,13,0.263,14,0.337,15,0.258,19,0.88,24,0.401,26,0.207,27,0.192,30,3.369,32,0.518,38,0.782,51,1.999,159,2.717,163,1.932,168,2.303,169,1.533,170,1.436,171,1.932,172,0.361,200,2.162,224,2.908,238,2.087,239,2.717,280,2.368,361,5.025,364,2.123,374,3.031,382,2.484,390,5.025,391,4.369,392,1.104,412,5.616,413,4.772,414,3.526,415,5.025,416,3.985,417,4.203]],["t/58",[0,0.261,1,0.285,7,0.015,8,0.229,9,0.229,10,0.244,11,0.239,12,0.234,13,0.26,14,0.333,15,0.254,19,0.721,24,0.415,26,0.204,27,0.19,32,0.511,38,0.772,51,1.988,153,2.744,163,1.908,166,3.3,168,2.275,169,1.514,170,1.418,171,1.908,172,0.358,200,2.135,224,2.886,238,2.061,240,1.74,270,4.039,280,2.339,347,3.258,361,4.962,364,2.107,374,2.993,382,2.453,386,4.962,390,6.01,412,4.602,416,4.766,418,5.265,419,5.852,420,6.537,421,2.684]],["t/60",[0,0.268,1,0.314,7,0.014,8,0.215,9,0.215,10,0.229,11,0.224,12,0.22,13,0.243,14,0.313,15,0.239,19,0.677,24,0.287,26,0.192,27,0.221,38,0.724,51,1.777,60,0.877,150,3.23,151,3.295,153,2.24,159,2.517,163,1.789,168,2.133,169,1.42,170,1.33,171,1.789,172,0.345,200,2.003,224,2.775,238,1.933,255,2.908,259,3.266,264,2.57,280,3.185,294,5.626,374,2.807,382,3.34,391,4.047,392,1.023,411,5.128,422,4.42,423,5.104,424,4.762,425,4.316]],["t/62",[0,0.26,1,0.299,7,0.015,8,0.234,9,0.234,10,0.249,11,0.244,12,0.239,13,0.265,14,0.34,15,0.26,19,0.885,24,0.313,26,0.209,27,0.194,28,1.681,32,0.522,51,1.872,60,0.954,72,2.74,161,1.65,163,1.948,168,2.323,169,1.546,170,1.448,171,1.948,172,0.363,195,2.554,200,2.18,224,2.923,238,2.105,280,2.388,295,3.46,346,2.033,364,1.776,374,3.056,382,2.505,392,1.114,411,4.497,425,5.645,426,3.769,427,4.934,428,7.167,429,3.204,430,4.7]],["t/64",[0,0.259,1,0.298,7,0.015,8,0.233,9,0.233,10,0.248,11,0.243,12,0.238,13,0.264,14,0.339,15,0.259,24,0.312,26,0.208,27,0.193,28,1.679,32,0.52,51,1.867,60,0.95,72,2.729,161,1.643,163,1.94,168,2.313,169,1.539,170,1.442,171,1.94,172,0.362,200,2.171,224,2.916,238,2.096,270,3.153,277,4.071,280,2.378,346,2.024,364,1.769,374,3.043,382,2.494,392,1.109,420,6.647,425,4.68,429,3.191,430,5.63,431,3.312,432,5.046,433,7.882,434,7.137,435,7.882,436,6.281,437,4.68]],["t/66",[0,0.259,1,0.298,7,0.015,8,0.233,9,0.233,10,0.248,11,0.243,12,0.238,13,0.263,14,0.338,15,0.258,24,0.374,26,0.207,27,0.192,51,1.865,60,0.948,72,2.723,162,2.915,163,1.936,168,2.308,169,1.536,170,1.439,171,1.936,172,0.362,186,3.745,200,2.167,224,2.912,238,2.092,255,3.788,259,4.254,280,2.373,322,3.635,324,3.583,374,3.037,382,2.489,392,1.107,430,4.67,437,5.623,438,5.035,439,4.135,440,4.378,441,7.865,442,7.865,443,3.306,444,4.062]],["t/68",[0,0.257,1,0.285,7,0.013,8,0.205,9,0.259,10,0.218,11,0.214,12,0.209,13,0.232,14,0.297,15,0.227,19,0.814,24,0.436,26,0.182,27,0.169,37,1.681,38,0.689,40,2,51,1.723,60,0.834,63,2.323,70,3.286,84,2.255,145,3.199,163,1.703,167,3.03,168,2.96,169,1.351,170,1.266,171,1.703,172,0.334,184,2.869,195,2.233,200,1.906,201,3.932,202,3.775,224,2.691,238,1.84,270,3.839,280,2.088,283,3.153,295,3.025,301,4.314,309,3.358,350,4.559,352,4.559,356,4.43,374,3.379,382,2.19,392,0.974,394,3.987,395,4.017,396,5.911,397,3.346,398,4.109,399,5.258,400,4.559,401,4.861,402,4.861,403,5.044,404,5.321,405,6.267,406,4.701,407,1.906,437,4.109,444,4.52,445,2.612,446,3.706,447,3.642,448,6.973,449,7.38,450,2.672,451,3.153,452,2.554,453,3.153,454,2.768,455,3.246]],["t/70",[0,0.257,1,0.293,7,0.018,8,0.22,9,0.22,10,0.235,11,0.23,12,0.225,13,0.25,14,0.321,15,0.245,24,0.363,26,0.197,27,0.182,32,0.492,37,1.433,38,0.743,40,2.256,44,2.189,46,2.504,51,1.805,60,0.899,150,3.267,151,3.333,153,2.276,163,1.835,168,2.691,169,1.456,170,1.365,171,1.835,172,0.35,189,4.428,195,2.406,200,2.054,204,3.35,224,2.819,238,1.983,257,4.07,280,2.25,281,2.753,282,2.406,283,3.398,374,2.88,382,2.36,392,1.049,394,3.398,421,2.582,439,3.921,450,2.88,456,5.323,457,4.649,458,5.943,459,3.217,460,7.458,461,5.436,462,7.458,463,7.458,464,4.062,465,7.458,466,5.239,467,7.458,468,3.398,469,7.458,470,4.428,471,3.994]],["t/72",[0,0.262,1,0.282,7,0.013,8,0.199,9,0.199,10,0.213,11,0.208,12,0.204,13,0.226,14,0.29,15,0.221,19,0.801,24,0.408,26,0.178,27,0.165,38,0.672,39,4.222,40,2.082,46,2.265,51,1.695,60,0.813,101,3.916,126,4.101,152,4.284,155,1.826,163,1.66,168,3.148,169,1.317,170,1.235,171,1.66,172,0.329,178,4.005,183,1.926,200,1.858,202,3.714,205,5.672,207,5.672,209,5.672,211,5.672,215,3.314,224,2.648,238,1.794,280,2.862,281,2.49,282,2.176,283,3.073,296,4.582,315,2.799,340,3.262,350,4.444,351,3.425,359,5.125,360,4.892,374,3.325,382,3.001,392,0.949,396,3.833,417,5.527,431,2.835,450,2.605,455,3.164,456,3.916,471,4.611,472,3.547,473,5.332,474,4.101,475,3.682,476,4.447,477,7.261,478,5.689,479,5.235,480,5.125,481,6.746,482,7.524,483,3.833,484,3.833,485,3.833]],["t/74",[0,0.258,1,0.292,7,0.013,8,0.201,9,0.256,10,0.214,11,0.21,12,0.205,13,0.228,14,0.292,15,0.223,16,1.525,19,0.805,24,0.418,26,0.179,27,0.166,28,1.608,37,1.925,38,0.677,51,1.703,53,3.861,60,0.819,63,2.281,100,3.682,110,3.861,145,3.141,163,1.672,164,3.502,168,3.036,169,1.327,170,1.243,171,1.672,172,0.33,184,2.995,193,2.192,200,1.872,202,2.931,224,2.66,238,1.807,255,3.46,270,2.718,276,4.773,280,2.05,283,3.096,301,4.236,308,3.886,309,2.377,346,1.745,350,4.476,352,4.476,356,4.35,374,3.34,382,2.15,392,0.956,402,6.076,407,1.872,439,4.548,444,3.51,447,3.437,451,3.096,452,2.508,453,3.096,454,2.718,455,4.057,464,3.833,471,3.639,486,3.096,487,3.824,488,7.833,489,6.305,490,7.302,491,6.076,492,3.393,493,3.286,494,7.295,495,6.795,496,6.795,497,6.795,498,3.338,499,2.624,500,3.338,501,3.338,502,3.338]],["t/76",[0,0.258,1,0.299,7,0.015,8,0.235,9,0.235,10,0.251,11,0.246,12,0.241,13,0.267,14,0.342,15,0.261,24,0.315,26,0.21,27,0.195,38,0.793,46,2.674,51,1.879,60,0.961,67,3.338,146,2.998,163,1.96,168,2.338,169,1.556,170,1.458,171,1.96,172,0.364,200,2.194,224,2.934,238,2.118,280,2.404,374,3.076,382,2.521,384,3.306,385,4.895,392,1.121,456,4.624,470,5.666,503,4.966,504,5.1,505,7.965,506,7.965,507,4.624]],["t/78",[0,0.258,1,0.296,7,0.015,8,0.228,9,0.228,10,0.243,11,0.238,12,0.233,13,0.258,14,0.331,15,0.253,24,0.37,26,0.203,27,0.188,28,1.668,38,0.767,40,2.274,46,2.586,51,1.841,60,0.929,163,1.896,168,2.745,169,1.504,170,1.41,171,1.896,172,0.357,200,2.122,202,3.323,224,2.876,238,2.049,252,3.279,280,2.324,346,1.979,374,2.974,382,2.438,392,1.084,429,3.119,450,2.974,470,4.574,476,3.979,507,5.429,508,3.911,509,4.683,510,3.911,511,6.976,512,5.233,513,4.683,514,6.976,515,5.853,516,7.703,517,6.976,518,7.703]],["t/80",[0,0.259,1,0.281,7,0.012,9,0.177,10,0.189,11,0.185,12,0.181,13,0.201,14,0.258,15,0.197,19,0.558,24,0.442,26,0.158,27,0.147,28,1.589,36,1.303,38,0.597,51,1.571,54,2.857,60,0.723,67,2.099,68,2.344,84,3.584,110,4.533,146,3.11,150,2.625,151,2.678,153,1.489,163,1.477,168,3.11,169,1.172,170,1.748,171,1.477,172,0.305,184,2.855,195,3.548,200,1.653,224,2.453,238,1.596,252,3.396,261,2.317,275,3.74,280,1.81,283,5.167,341,3.311,342,3.919,346,1.541,351,5.191,374,2.317,382,1.899,384,2.49,385,3.687,388,2.92,389,2.695,392,0.844,396,3.409,421,2.077,424,2.554,429,4.139,447,2.167,452,2.215,454,2.4,487,2.29,492,2.996,493,3.858,499,2.317,507,3.483,519,2.857,520,2.49,521,6.07,522,6,523,4.214,524,6,525,4.214,526,5.06,527,6,528,10.224,529,4.973,530,6,531,6,532,6,533,2.948,534,3.483]],["t/82",[0,0.259,1,0.293,7,0.014,8,0.22,9,0.22,10,0.235,11,0.23,12,0.225,13,0.25,14,0.321,15,0.245,24,0.41,26,0.197,27,0.182,28,1.683,34,2.43,38,0.743,40,2.216,51,1.805,60,0.899,146,2.691,163,1.835,168,2.914,169,1.456,170,1.365,171,1.835,172,0.35,200,2.054,214,6.289,224,2.819,238,1.983,277,3.852,280,2.25,346,1.916,374,2.88,382,2.36,392,1.049,447,3.741,450,2.88,452,2.753,493,4.434,521,4.428,523,5.239,534,4.33,535,4.91,536,3.921,537,4.238,538,4.913,539,3.208,540,2.913,541,7.458,542,7.458,543,6.753,544,4.238,545,7.458,546,7.458,547,7.458,548,4.33]],["t/84",[0,0.259,1,0.297,7,0.015,8,0.229,9,0.229,10,0.244,11,0.239,12,0.234,13,0.26,14,0.333,15,0.254,24,0.399,26,0.204,27,0.19,28,1.671,34,2.526,38,0.772,51,1.848,60,0.935,163,1.908,168,2.755,169,1.514,170,1.418,171,1.908,172,0.358,200,2.135,224,2.886,238,2.061,280,2.339,322,4.968,324,3.531,332,3.3,346,1.991,374,2.993,382,2.453,392,1.091,521,4.602,535,4.151,548,5.45,549,4.832,550,7.751,551,5.889,552,7.917,553,7.751,554,4.962,555,7.751,556,4.832,557,4.004]],["t/86",[0,0.254,1,0.297,4,2.695,5,2.393,7,0.015,8,0.23,9,0.23,10,0.245,11,0.24,12,0.235,13,0.261,14,0.335,15,0.256,16,1.747,19,0.876,26,0.205,27,0.19,38,0.775,51,1.853,60,0.939,162,2.69,163,1.916,169,1.52,170,1.424,171,1.916,172,0.359,200,2.144,224,2.894,235,5.319,238,2.07,269,4.621,280,2.349,371,3.405,374,3.634,375,4.948,382,2.463,392,1.095,439,4.092,443,3.271,557,4.02,558,5.239,559,4.519,560,5.467,561,4.333,562,7.783,563,4.983,564,7.783,565,4.621,566,4.621]],["t/88",[0,0.26,1,0.289,7,0.014,8,0.212,9,0.212,10,0.226,11,0.221,12,0.217,13,0.24,14,0.308,15,0.235,19,0.833,24,0.404,26,0.189,27,0.175,34,2.337,37,2.112,38,0.714,44,2.998,51,1.762,60,0.865,84,2.337,162,2.717,163,1.765,167,2.483,168,3.085,169,1.401,170,1.313,171,1.765,172,0.342,183,2.917,195,2.314,200,1.976,215,3.523,224,2.752,238,1.907,264,2.536,280,2.164,315,2.976,371,3.233,374,3.456,382,2.269,392,1.009,396,4.075,407,1.976,429,2.904,439,4.705,443,3.014,525,5.038,548,4.164,557,4.623,558,3.992,560,5.038,561,3.992,567,3.771,568,2.869,569,7.172,570,7.172,571,6.495,572,7.172,573,6.495,574,7.172,575,7.172,576,3.468,577,2.904,578,3.705,579,3.914]],["t/90",[0,0.258,1,0.3,4,2.764,5,2.454,7,0.016,8,0.236,9,0.236,10,0.252,11,0.246,12,0.241,13,0.267,14,0.343,15,0.262,19,0.743,26,0.21,27,0.195,37,2.036,38,0.795,51,1.881,60,0.963,163,1.965,168,2.343,169,1.559,170,1.461,171,1.965,172,0.365,200,2.199,224,2.938,238,2.123,269,5.673,280,2.409,371,3.236,374,3.082,382,2.526,392,1.123,407,2.199,558,4.443,563,5.11,577,3.232,580,5.11,581,7.982,582,4.853]],["t/92",[0,0.257,1,0.298,4,2.723,7,0.015,8,0.233,9,0.233,10,0.248,11,0.243,12,0.238,13,0.263,14,0.338,15,0.258,19,0.881,24,0.374,26,0.207,27,0.192,28,1.64,38,0.783,51,1.865,60,0.948,140,2.489,163,1.936,168,2.308,169,1.536,170,1.439,171,1.936,172,0.362,183,2.246,195,3.056,200,2.167,224,2.912,238,2.092,269,4.67,276,5.525,280,2.373,282,2.538,288,4.67,346,2.02,374,3.037,382,2.489,392,1.107,475,4.293,582,5.758,583,5.181,584,7.122,585,7.122,586,5.976,587,4.566]],["t/94",[0,0.26,1,0.299,4,2.746,7,0.015,8,0.234,9,0.234,10,0.25,11,0.245,12,0.24,13,0.266,14,0.341,15,0.26,26,0.209,27,0.194,37,2.078,38,0.79,51,1.874,60,0.956,163,1.952,168,2.328,169,1.549,170,1.452,171,1.952,172,0.363,200,2.185,224,2.927,238,2.109,280,2.393,371,3.347,374,3.063,382,2.51,392,1.116,407,2.185,445,2.994,552,6.689,577,3.211,578,4.097,582,4.822,587,5.526,588,4.822,589,7.932,590,4.415]],["t/96",[0,0.26,1,0.283,4,2.348,7,0.013,8,0.2,9,0.2,10,0.214,11,0.209,12,0.205,13,0.227,14,0.292,15,0.223,19,0.804,22,2.463,24,0.448,26,0.179,27,0.166,28,1.643,30,2.657,37,2.031,38,0.675,51,1.701,60,0.818,100,2.887,163,1.669,168,3.102,169,1.324,170,1.581,171,1.669,172,0.33,183,1.937,200,2.619,202,4.101,224,2.657,238,1.804,275,4.228,280,2.047,309,2.373,323,3.135,332,2.887,335,3.881,342,3.332,346,1.742,374,2.619,382,2.146,388,3.098,392,0.954,398,4.027,404,4.124,407,1.868,439,3.566,459,2.925,487,3.947,492,3.386,499,2.619,511,6.142,525,4.764,544,3.854,587,3.937,590,4.809,591,3.854,592,6.142,593,6.142,594,6.782,595,5.72,596,5.72,597,6.782,598,6.782,599,4.027,600,6.782,601,6.782,602,5.405,603,5.405,604,4.944,605,6.782,606,6.782,607,5.72,608,4.944,609,6.782,610,4.124]],["t/98",[0,0.265,1,0.293,7,0.014,8,0.22,9,0.22,10,0.235,11,0.23,12,0.225,13,0.249,14,0.32,15,0.244,24,0.392,26,0.196,27,0.182,28,1.609,38,0.741,51,1.803,60,0.898,70,3.372,110,4.229,123,4.419,146,3.037,150,2.449,151,2.499,163,1.832,168,3.249,169,1.453,170,1.362,171,1.832,172,0.35,184,2.225,200,2.05,224,2.816,238,1.979,252,3.169,259,3.344,272,4.062,277,3.844,280,2.246,341,3.089,346,1.912,360,4.229,374,2.874,382,2.355,385,3.44,388,2.425,392,1.047,493,3.599,521,4.419,534,5.316,535,3.986,543,6.74,611,4.64,612,7.443,613,7.443,614,3.298]],["t/100",[0,0.256,1,0.295,7,0.015,8,0.226,9,0.226,10,0.241,11,0.236,12,0.231,13,0.256,14,0.329,15,0.251,22,2.822,24,0.436,25,3.066,26,0.202,27,0.187,28,1.19,38,0.762,51,1.834,60,0.923,163,1.884,168,2.247,169,1.495,170,1.401,171,1.884,172,0.356,200,2.109,220,4.445,224,2.865,238,2.036,266,3.646,280,2.31,308,4.186,324,3.488,334,4.178,335,3.439,336,4.1,346,1.967,374,2.956,382,2.423,392,1.077,429,4.231,508,3.887,610,4.655,615,5.665,616,5.043,617,9.464,618,3.702]],["t/102",[0,0.258,1,0.273,7,0.012,9,0.182,10,0.194,11,0.19,12,0.186,13,0.207,14,0.265,15,0.202,19,0.959,22,2.67,23,3.132,24,0.449,26,0.163,27,0.151,28,1.56,36,1.339,38,0.614,40,2.148,42,3.77,51,1.6,60,0.744,70,3.357,101,3.581,150,2.03,163,1.518,167,2.813,168,3.083,169,1.204,170,1.129,171,1.518,172,0.31,200,2.238,215,3.03,224,2.498,238,2.161,253,3.75,254,3.366,266,2.937,267,3.186,270,3.634,275,3.845,277,3.186,280,1.861,283,2.81,289,5.065,290,3.468,309,2.158,315,4.007,324,2.81,334,3.366,335,2.771,336,3.303,342,3.991,346,1.584,360,3.505,365,5.202,374,3.137,382,1.952,388,3.146,392,0.868,429,3.909,520,2.56,523,4.333,552,5.202,568,3.25,590,3.433,595,5.202,610,4.94,615,3.75,619,3.303,620,5.825,621,4.915,622,7.357,623,3.662,624,5.585,625,5.585,626,5.202,627,4.915,628,3.845,629,4.19,630,3.243,631,3.845,632,5.816,633,6.173,634,7.336,635,9.656,636,6.168,637,5.585,638,6.168,639,4.333,640,6.168,641,4.915,642,5.585]],["t/104",[0,0.254,1,0.286,7,0.014,8,0.206,9,0.206,10,0.22,11,0.215,12,0.211,13,0.233,14,0.3,15,0.229,22,2.833,24,0.412,25,2.294,26,0.184,27,0.17,30,3.109,37,1.689,49,3.077,50,2.775,51,1.731,55,2.545,60,0.841,70,2.865,153,2.51,155,2.38,161,1.453,163,1.716,167,3.044,168,2.046,169,1.361,170,1.276,171,1.716,172,0.336,200,1.921,201,3.961,204,3.132,220,4.047,224,2.703,238,1.854,239,2.414,255,2.789,270,3.517,280,2.104,295,3.047,299,2.893,323,3.222,324,3.176,326,5.297,334,3.805,335,3.132,336,3.733,357,5.297,371,2.206,374,2.692,382,2.206,392,0.981,407,1.921,414,3.132,421,2.414,468,3.176,577,2.823,580,4.463,614,3.089,615,4.239,618,4.252,628,4.346,643,3.27,644,5.297,645,5.88,646,4.14,647,6.313,648,6.972,649,6.972,650,6.972,651,5.88,652,6.972,653,4.346,654,6.313,655,6.972,656,6.972,657,4.897,658,4.047,659,2.341,660,3.27,661,3.54,662,3.54,663,3.961]],["t/106",[0,0.252,1,0.294,7,0.015,8,0.223,9,0.223,10,0.238,11,0.233,12,0.228,13,0.253,14,0.324,15,0.248,24,0.411,26,0.199,27,0.185,28,1.552,30,2.84,38,0.752,40,1.573,42,4.316,51,1.819,60,0.91,142,3.299,155,2.5,161,1.573,163,1.858,168,2.215,169,1.474,170,1.381,171,1.858,172,0.353,183,2.97,200,2.079,224,2.84,238,2.007,239,2.613,255,3.019,270,3.019,280,2.278,283,3.439,289,4.705,320,2.948,342,3.708,374,2.914,382,2.388,392,1.062,468,3.439,479,4.589,576,3.65,618,3.65,663,5.248,664,4.202,665,6.835,666,3.651,667,6.835,668,7.548,669,6.835,670,4.042,671,6.015,672,7.548,673,4.589,674,4.202]],["t/108",[0,0.25,1,0.292,7,0.014,8,0.218,9,0.218,10,0.232,11,0.227,12,0.223,13,0.247,14,0.317,15,0.242,22,2.559,24,0.427,26,0.194,27,0.18,28,1.603,37,1.982,38,0.906,51,1.792,60,0.889,155,2.463,158,4.102,161,1.536,163,1.814,168,2.163,169,1.439,170,1.349,171,1.814,172,0.347,175,2.633,200,2.03,224,2.799,234,4.239,238,1.96,270,2.948,276,5.177,280,2.224,290,2.813,323,3.406,342,3.621,347,3.097,374,2.846,382,2.332,388,3.453,392,1.037,521,4.376,544,4.188,628,4.594,641,5.873,663,4.188,666,2.913,674,5.067,675,4.102,676,6.674,677,7.37,678,7.37,679,4.481,680,7.37,681,7.37,682,6.215,683,6.215,684,6.674,685,6.215,686,6.674]],["t/110",[0,0.235,1,0.287,6,2.167,7,0.012,9,0.246,10,0.201,11,0.197,12,0.193,13,0.214,14,0.275,15,0.21,16,1.866,19,0.774,24,0.425,26,0.168,27,0.156,28,1.437,36,1.387,38,1.011,44,3.053,51,1.82,53,4.724,60,0.77,61,2.793,69,3.089,72,2.212,78,4.854,81,3.843,139,4.452,140,2.022,141,3.421,142,2.793,143,4.774,144,4.294,145,3.843,146,2.44,147,3.788,148,4.452,149,3.487,150,2.736,151,2.791,152,4.062,153,2.064,154,3.556,155,2.25,156,3.983,163,1.572,168,1.875,169,1.248,170,1.169,171,1.572,172,0.317,183,1.824,200,1.76,201,3.63,202,3.586,224,2.556,238,1.699,242,4.488,255,2.556,270,3.326,277,3.3,280,1.928,283,2.911,352,4.209,353,3.556,354,4.827,359,4.854,374,3.21,382,2.022,396,4.724,440,4.628,476,3.3,477,5.388,540,2.496,580,4.09,603,5.091,651,5.388,687,0.532,688,4.724,689,5.388,690,6.389,691,4.09,692,5.091,693,5.785,694,5.091,695,5.091,696,5.785,697,5.785,698,5.388,699,5.785,700,3.709,701,6.389,702,6.389,703,6.389,704,6.389,705,6.389,706,6.389,707,6.389,708,6.389,709,6.278,710,6.389,711,9.242,712,7.529,713,3.884,714,6.389,715,6.389,716,6.389,717,5.091,718,4.488,719,6.389,720,4.09,721,6.389,722,6.389,723,5.785]],["t/112",[0,0.257,1,0.298,6,2.668,7,0.015,8,0.233,9,0.233,10,0.248,11,0.243,12,0.238,13,0.263,14,0.338,15,0.258,22,2.038,24,0.402,25,2.588,26,0.207,27,0.192,38,0.783,51,1.865,60,0.948,61,3.438,72,2.723,139,4.212,140,2.489,143,5.249,144,5.249,156,5.904,157,5.343,158,4.378,163,1.936,168,2.308,169,1.536,170,1.439,171,1.936,172,0.362,200,2.167,220,4.566,224,2.912,238,2.092,255,3.146,280,2.373,308,3.533,374,3.037,382,2.489,476,4.062,580,5.035,603,6.267,724,7.865]],["t/114",[0,0.245,1,0.283,5,2.089,6,2.305,7,0.017,8,0.201,9,0.201,10,0.214,11,0.21,12,0.205,13,0.228,14,0.292,15,0.223,22,2.595,24,0.409,26,0.179,27,0.166,28,1.644,35,3.502,37,1.925,38,0.948,39,4.298,42,2.82,51,1.703,54,4.119,60,0.819,150,2.236,155,2.944,156,4.236,158,4.815,159,2.352,160,3.861,161,1.416,162,2.664,163,1.672,168,1.994,169,1.327,170,1.243,171,1.672,172,0.33,190,4.35,200,2.383,208,4.468,224,2.66,238,1.807,243,3.945,255,2.718,280,2.61,282,2.192,374,2.624,382,2.15,416,3.45,429,3.502,459,2.931,474,4.131,513,4.131,560,4.773,580,4.35,651,5.73,658,3.945,659,2.904,660,4.057,666,3.419,674,3.782,725,6.795,726,6.153,727,6.795,728,5.162,729,5.162,730,6.795,731,6.795,732,6.795,733,6.795,734,6.795,735,3.45,736,6.795,737,6.153,738,6.795,739,6.795,740,6.795,741,6.795,742,6.153,743,6.893,744,6.795,745,6.795,746,6.795]],["t/116",[0,0.254,1,0.286,6,2.634,7,0.015,8,0.23,9,0.23,10,0.245,11,0.24,12,0.235,13,0.26,14,0.334,15,0.255,19,0.723,22,2.012,24,0.432,25,3.093,26,0.205,27,0.19,38,0.773,40,1.959,41,3.672,51,1.85,53,4.413,60,0.937,62,4.084,71,5.457,72,2.689,73,4.324,74,4.612,75,4.842,76,4.248,77,5.859,78,5.901,163,1.912,167,2.689,168,2.758,169,1.517,170,1.421,171,1.912,172,0.359,200,2.14,220,4.509,224,2.89,238,2.066,270,3.107,280,2.344,308,3.489,374,3.629,382,2.458]],["t/118",[0,0.203,1,0.247,6,2.968,7,0.017,8,0.205,9,0.205,10,0.218,11,0.214,12,0.209,13,0.232,16,2.335,24,0.274,27,0.169,53,4.972,63,2.323,71,4.017,72,3.03,73,3.852,78,5.258,79,7.648,80,7.38,81,3.199,82,6.267,83,7.925,84,3.389,85,8.691,86,5.258,87,8.691,88,8.094,89,7.925,90,4.701,91,6.267,92,6.267,93,2.396,94,4.109,95,7.925,96,7.925,97,7.925,98,9.42,99,9.42,100,3.725,101,4.017,102,4.686,103,3.574,104,3.574,105,4.017,106,6.267,107,6.267,108,6.267,109,9.42,110,3.932,111,5.836,112,6.267,113,8.773,114,6.267,115,6.267,116,6.267,117,5.515,118,6.267,119,6.267,120,6.267,121,5.836,122,6.267,123,4.109,124,5.836,125,6.267,126,4.207,127,4.701,128,6.267,129,4.109,130,5.515,131,3.4,132,6.267,133,4.43,134,6.267,135,5.515,136,6.267,137,4.314,138,5.258,139,3.706,163,1.703,169,1.351,170,1.266,171,1.703,172,0.334]],["t/120",[0,0.253,1,0.295,6,2.591,7,0.018,8,0.226,9,0.226,10,0.241,11,0.236,12,0.231,13,0.256,14,0.328,15,0.251,19,0.866,24,0.446,25,2.514,26,0.201,27,0.187,28,1.447,31,4.328,41,3.635,51,1.976,56,4.341,60,0.921,61,4.067,62,4.893,63,2.565,64,3.753,65,4.017,66,5.079,67,3.255,68,3.635,69,4.5,70,3.032,71,4.436,163,1.88,168,2.242,169,1.492,170,1.398,171,1.88,172,0.355,200,2.105,224,2.861,238,2.032,280,2.305,374,3.593,382,2.418]],["t/122",[0,0.254,1,0.297,6,2.64,7,0.018,8,0.23,9,0.23,10,0.245,11,0.24,12,0.235,13,0.261,14,0.335,15,0.256,19,0.876,24,0.437,25,2.561,26,0.205,27,0.19,28,1.21,43,4.745,44,2.762,45,4.852,46,2.613,51,1.992,55,3.436,56,5.347,57,4.519,58,4.423,59,5.051,60,0.939,61,4.113,62,4.092,163,1.916,168,2.284,169,1.52,170,1.424,171,1.916,172,0.359,200,2.144,224,2.894,238,2.07,280,2.349,374,3.634,382,2.463]],["t/124",[0,0.238,1,0.272,2,4.797,3,2.991,6,2.065,7,0.016,9,0.18,10,0.192,11,0.188,12,0.184,13,0.204,14,0.262,15,0.2,16,1.366,18,2.272,19,0.75,22,2.087,24,0.414,25,2.003,26,0.16,27,0.149,28,1.628,30,2.776,31,3.893,33,4.235,34,1.984,35,3.261,36,1.322,37,1.846,38,0.802,39,2.435,40,2.002,41,3.146,42,3.987,43,2.855,44,2.364,45,3.795,51,1.777,54,3.835,100,2.592,105,3.534,131,3.957,155,1.648,163,1.498,167,3.68,169,1.189,170,1.114,171,1.498,172,0.308,195,3.577,199,4.625,200,2.885,203,7.193,224,2.477,231,3.389,238,1.619,254,3.322,255,3.222,270,3.997,277,5.161,280,1.837,281,2.973,295,3.946,309,3.361,312,4.625,315,4.146,342,3.957,360,5.129,374,2.351,382,1.926,464,2.697,466,4.276,580,3.897,599,3.615,628,3.795,698,5.134,747,5.306,748,5.513,749,5.513,750,3.091,751,6.088,752,4.276,753,6.088,754,6.088,755,4.396,756,6.088,757,3.701,758,5.513,759,8.174,760,8.055,761,6.088,762,4.135,763,7.294,764,7.294,765,5.513,766,5.513,767,6.088,768,5.513,769,5.513,770,5.513]],["t/126",[0,0.254,1,0.298,2,3.935,6,2.673,7,0.015,8,0.233,9,0.233,10,0.248,11,0.243,12,0.238,13,0.264,14,0.339,15,0.259,16,1.769,18,2.942,24,0.375,26,0.208,27,0.193,28,1.581,33,4.144,35,3.839,38,0.785,45,5.911,46,2.646,47,4.576,48,5.192,49,2.518,50,2.271,51,2.078,52,3.935,53,5.388,54,4.515,55,3.462,56,4.478,163,1.94,169,1.539,170,1.442,171,1.94,172,0.362,200,2.171,224,2.916,238,2.096,280,2.378,374,3.043,382,2.494]],["t/128",[0,0.245,1,0.278,2,4.905,3,4.439,4,2.522,5,2.24,6,2.47,7,0.018,8,0.215,9,0.215,10,0.23,11,0.225,12,0.22,13,0.244,14,0.313,15,0.239,16,1.635,17,3.416,18,2.718,19,1.002,20,5.365,21,5.134,22,2.545,23,4.988,24,0.426,25,2.397,26,0.192,27,0.178,28,1.527,29,4.428,30,2.778,31,3.897,33,3.83,38,0.9,51,2.022,101,4.228,155,1.971,163,1.793,169,1.422,170,1.333,172,0.278,195,3.17,200,2.007,224,2.778,238,1.937,280,2.198,287,4.512,315,3.75,374,3.489,382,2.305,424,3.101,492,4.512,521,4.325,687,0.607,750,3.698,771,4.798,772,5.534,773,7.284,774,6.596,775,6.596,776,6.596,777,7.284,778,6.347]],["t/130",[0,0.267,1,0.326,2,3.441,3,2.383,4,3.411,5,2.684,6,3.565,27,0.269,33,2.55,34,3.004,35,2.79,45,3.023,46,3.308,47,4,53,2.756,56,2.756,57,2.815,62,2.55,63,2.93,64,3.385,71,2.815,72,3.486,73,3.836,78,3.685,103,5.089,139,2.597,140,2.762,156,3.023,158,2.7,159,3.192,165,3.407,166,4.195,173,3.407,174,3.407,175,3.423,176,4.19,185,3.535,186,3.817,193,2.816,218,3.407,219,3.294,226,3.023,227,3.407,239,3.316,240,2.498,244,3.105,245,3.294,250,3.294,252,2.065,256,3.294,257,3.761,260,3.195,261,3.095,263,3.294,264,3.086,266,4.156,267,3.559,269,2.88,271,3.294,272,3.761,298,3.195,299,3.622,302,3.023,316,3.294,318,2.949,319,2.88,320,3.409,330,2.756,331,2.949,332,3.412,337,3.385,347,3.369,368,2.756,369,2.815,377,2.88,386,3.105,390,3.105,391,2.7,392,1.592,411,2.756,412,2.88,425,2.88,426,2.309,430,2.88,431,2.896,437,2.88,444,2.505,445,2.601,455,2.275,456,2.815,470,2.88,471,2.597,503,3.023,507,2.815,508,3.499,534,2.815,535,2.597,536,2.55,548,2.815,557,2.505,558,2.7,582,2.949,587,2.815,590,2.7,610,2.949,615,2.949,618,2.345,663,2.756,674,2.7]],["t/132",[0,0.258,1,0.314,4,3.219,5,2.153,7,0.02,8,0.304,9,0.309,10,0.35,11,0.322,12,0.315,13,0.35,14,0.449,15,0.343,19,0.652,22,2.409,24,0.368,25,1.632,26,0.275,27,0.255,28,1.623,30,2.153,32,0.688,36,1.077,37,1.979,38,0.987,40,1.034,42,3.367,49,1.584,50,1.429,55,1.81,60,1.259,70,2.281,140,1.569,153,1.738,155,2.196,161,1.691,162,1.862,163,1.22,164,2.834,171,1.22,175,1.772,183,1.999,234,2.8,235,3.681,239,2.424,266,3.333,267,2.561,269,4.157,299,2.058,308,2.228,320,1.937,332,2.111,346,2.264,347,2.084,371,2.789,375,2.607,388,2.644,392,1.469,407,2.428,414,2.228,421,1.717,443,2.084,445,1.872,468,3.189,487,2.672,499,1.915,508,2.518,558,3.897,559,2.879,563,3.175,565,2.944,566,2.944,576,2.398,577,2.834,578,2.561,582,4.256,583,3.267,587,4.064,588,3.015,590,3.897,591,2.818,610,4.256,614,2.197,615,4.256,616,3.267,618,3.385,619,2.656,620,2.879,643,2.326,661,2.518,662,2.518,663,3.978,664,2.76,673,3.015,674,3.897,675,2.76]],["t/134",[0,0.257,1,0.314,7,0.02,8,0.303,9,0.307,10,0.35,11,0.321,12,0.314,13,0.348,14,0.446,15,0.341,19,0.641,24,0.379,26,0.274,27,0.254,28,1.634,32,0.685,34,2.61,36,1.052,37,1.676,38,1.034,39,2.754,40,2.053,44,2.02,46,2.929,60,1.252,63,1.626,67,2.408,68,1.892,70,2.243,146,2.02,150,1.594,151,1.626,152,2.857,153,1.709,162,1.831,163,1.192,164,2.787,171,1.192,183,1.966,184,2.395,193,1.563,252,2.931,257,2.643,261,1.87,264,1.712,272,2.643,322,3.182,332,2.062,346,2.459,371,1.533,384,2.857,385,3.182,388,1.578,389,2.176,392,1.461,407,1.897,421,2.384,431,2.036,443,2.036,447,3.15,450,3.368,451,2.207,452,2.957,453,2.207,454,2.754,455,3.229,456,3.997,457,3.019,470,4.088,471,3.687,472,2.547,473,3.556,483,2.752,484,2.752,485,2.752,486,2.207,487,3.058,493,2.342,498,2.379,499,2.658,500,2.379,501,2.379,502,2.379,503,3.019,504,3.101,507,3.997,508,2.459,509,2.945,519,2.306,520,2.01,533,2.379,534,3.997,535,3.687,536,2.547,537,2.752,548,3.997,549,3.019,556,3.019,557,3.556,567,2.547,576,2.342,577,1.961,578,2.502,579,2.643,611,3.019,614,2.146]],["t/136",[0,0.266,1,0.312,7,0.02,8,0.307,9,0.307,10,0.349,11,0.32,12,0.314,13,0.348,14,0.446,15,0.341,19,0.857,24,0.405,26,0.274,27,0.257,28,1.487,30,2.459,32,0.723,37,1.674,38,0.796,40,1.007,50,1.392,60,1.154,63,1.622,67,2.404,72,2.769,146,1.418,150,1.59,151,1.622,153,2.285,159,2.769,161,1.432,162,2.127,163,1.189,164,2.782,166,3.405,171,1.189,184,1.444,186,3.272,193,1.559,239,2.379,240,1.795,255,1.932,259,2.17,264,1.708,270,1.932,280,2.074,341,2.005,346,1.765,347,2.03,364,2.209,377,4.08,381,3.093,382,2.175,383,3.093,384,2.005,385,2.233,386,4.4,387,3.282,388,2.239,389,2.17,390,4.4,391,3.825,392,1.385,393,2.805,407,1.893,408,2.868,409,2.868,410,2.868,411,3.905,412,4.08,413,2.937,414,2.17,415,3.093,416,3.489,417,2.587,418,3.282,419,3.012,421,1.673,422,2.937,423,4.213,424,3.919,425,4.08,426,2.3,427,3.012,430,4.08,431,2.03,432,3.093,437,4.08,438,3.093,443,2.03,444,3.55,445,1.823,446,2.587,447,2.482,450,1.865,451,2.201,452,1.783,453,2.201,454,1.932]],["t/138",[0,0.267,1,0.285,7,0.02,8,0.311,9,0.307,10,0.348,11,0.321,12,0.314,13,0.348,14,0.447,15,0.341,16,1.089,19,0.858,22,2.482,24,0.405,26,0.274,27,0.265,28,1.565,32,0.7,41,1.894,44,1.423,49,2.202,50,2.515,51,0.955,55,2.516,64,2.383,76,2.896,140,1.535,146,2.706,153,2.378,155,1.865,161,2.054,162,2.547,163,1.194,164,2.79,168,1.423,170,0.888,171,1.194,175,2.864,183,1.968,184,1.45,193,1.565,224,1.491,230,2.815,234,2.756,238,1.29,240,2.332,255,3.206,259,3.601,261,1.873,264,1.715,266,2.309,271,4.681,272,2.647,273,3.685,274,3.685,277,2.505,288,2.88,298,4.539,299,3.326,300,3.407,302,4.296,303,3.195,316,4.681,317,3.685,318,4.19,319,4.092,320,3.131,321,3.105,322,4.261,324,3.652,330,3.916,331,4.19,332,2.065,333,3.195,334,2.647,335,2.179,336,2.597,337,3.385,338,3.195,341,3.326,346,1.246,347,2.038,348,2.092,349,2.756,364,1.547,368,3.916,369,4,370,2.88,371,1.535,372,3.023,373,3.023,378,2.949,380,2.949]],["t/140",[1,0.158,4,1.935,7,0.021,8,0.316,9,0.316,10,0.355,11,0.33,12,0.323,13,0.358,14,0.448,15,0.351,19,0.708,24,0.367,25,1.839,26,0.282,27,0.275,28,0.869,32,0.705,34,1.821,37,1.461,38,1.038,40,1.165,46,1.876,47,3.244,49,1.785,50,1.61,51,1.1,63,1.876,72,1.935,103,4.465,155,2.34,159,1.935,161,1.802,162,1.486,163,1.375,164,3.079,166,3.68,168,1.64,171,1.375,173,5.342,176,3.397,177,3.397,182,4.415,183,2.171,184,2.273,193,1.803,194,3.925,195,2.454,196,2.063,197,3.925,218,5.342,219,5.166,220,3.244,221,5.273,226,4.741,227,3.925,228,4.453,229,4.869,239,2.633,240,2.3,241,3.796,243,3.244,244,4.869,245,5.166,246,4.246,247,4.389,250,5.166,251,3.925,252,2.379,255,3.458,256,5.166,257,3.05,258,4.246,259,3.883,260,5.009,261,2.158,262,4.073,263,5.166,264,1.976,265,4.246,266,2.661,267,2.886,268,4.246]],["t/142",[0,0.266,26,0.15,27,0.139,28,1.355,49,2.457,60,0.685,146,2.257,322,3.555,324,2.588,334,3.101,335,2.552,336,3.042,341,2.358,385,2.626,423,3.719,779,5.681,780,5.681,781,5.681,782,5.145,783,5.681,784,5.681,785,5.681,786,5.145,787,9.762,788,5.681,789,7.691,790,8.718,791,5.681,792,5.681,793,5.681,794,5.681,795,8.718,796,5.681,797,5.681,798,5.681,799,7.691,800,5.681,801,5.681,802,8.718,803,5.681,804,5.681,805,5.681,806,5.681,807,5.681,808,5.681,809,5.681,810,5.681,811,5.681,812,5.681,813,5.681,814,5.681,815,5.681,816,5.681,817,5.681,818,5.681,819,5.681,820,5.681,821,5.681,822,5.681,823,5.681,824,5.681,825,5.681,826,5.681,827,5.681,828,5.681,829,5.681,830,5.681,831,5.681,832,5.681,833,5.681,834,5.681,835,5.681,836,5.681,837,5.681,838,5.681,839,5.681,840,5.681,841,5.681,842,5.681,843,5.681,844,5.681,845,5.681,846,4.527,847,5.681,848,5.681,849,5.681,850,5.145,851,7.691,852,5.681,853,5.681,854,5.681,855,5.681,856,3.298,857,4.791,858,5.681,859,5.681,860,5.681,861,5.681,862,5.681,863,5.681,864,5.681,865,5.681,866,5.681,867,5.681,868,5.145,869,5.681,870,5.681,871,5.681,872,5.681,873,5.681,874,5.681,875,5.681,876,5.681,877,5.681,878,5.681,879,4.141,880,5.681,881,5.681,882,5.681,883,5.681,884,5.681,885,5.681,886,5.681,887,5.681,888,5.681,889,5.145,890,5.681,891,5.681,892,5.681,893,5.681,894,5.681,895,5.681,896,4.791,897,5.681,898,5.681,899,5.681,900,5.681,901,5.681,902,5.681,903,5.681,904,5.681,905,5.681,906,5.681,907,5.681,908,5.681,909,5.681,910,5.681,911,5.681,912,5.681,913,5.681,914,5.681,915,5.681,916,5.681,917,5.681,918,5.681,919,5.681,920,5.681,921,5.681,922,5.681,923,5.681,924,5.681,925,5.681,926,5.681,927,5.681,928,5.681,929,5.681,930,5.681,931,5.681,932,5.681,933,5.681,934,5.681,935,5.681,936,5.681,937,5.681,938,5.681,939,5.681,940,5.681,941,5.681,942,5.681,943,5.681,944,5.681,945,5.681,946,5.681,947,5.681,948,5.681,949,5.681,950,5.681,951,5.681,952,5.681,953,5.681,954,5.681,955,5.681,956,5.681,957,5.681,958,5.681,959,5.681,960,5.681,961,5.681,962,5.681,963,5.681,964,5.681,965,5.681,966,5.681]],["t/144",[7,0.02,8,0.298,9,0.298,10,0.344,11,0.311,12,0.305,13,0.338,15,0.331,24,0.399,25,2.545,26,0.266,27,0.267,32,0.692,35,3.132,84,2.52,103,5.211,104,3.995,162,2.057,164,3.132,165,6.586,166,3.293,167,2.678,168,2.751,171,1.904,174,6.586,175,3.35,176,4.703,177,4.703,178,4.593,185,6.834,186,3.683,187,6.164,188,6.164,189,4.593,190,4.952,191,6.164,192,5.638]],["t/146",[7,0.016,8,0.292,9,0.25,10,0.311,11,0.261,12,0.255,13,0.283,15,0.277,24,0.334,26,0.276,27,0.242,32,0.557,38,0.984,47,4.906,51,1.664,103,4.365,155,2.287,166,3.598,172,0.323,182,6.081,195,2.727,219,6.713,220,4.906,221,4.802,687,0.704]],["t/148",[0,0.26,1,0.301,6,1.682,7,0.02,8,0.293,9,0.304,10,0.346,11,0.318,12,0.311,13,0.345,14,0.443,15,0.338,16,1.113,19,0.755,22,1.814,24,0.382,26,0.278,27,0.263,28,1.445,30,2.153,32,0.679,36,1.52,37,0.953,38,0.878,40,1.459,41,1.937,44,2.054,46,1.665,49,1.584,50,1.429,51,0.976,55,1.81,60,1.121,61,2.168,64,2.436,67,1.735,68,1.937,69,2.398,70,1.616,72,1.717,139,3.749,140,2.215,141,2.656,142,2.168,143,2.561,144,2.561,145,2.292,146,1.455,147,2.259,148,2.656,149,2.706,150,2.67,151,2.724,152,2.905,153,2.729,154,2.76,155,2.386,159,1.717,161,1.459,166,2.111,168,1.455,172,0.189,184,2.093,193,1.6,224,1.525,238,1.319,239,1.717,240,1.978,252,2.98,255,3.246,257,2.706,259,3.645,261,1.915,264,1.753,270,1.984,280,2.112,298,4.611,299,3.658,300,3.483,302,4.364,303,3.267,316,4.755,317,3.768,346,1.274,347,2.084,364,1.113,382,2.215,384,2.058,388,1.616,389,2.228,390,4.482,392,1.24,407,1.366,411,3.978,414,2.228,416,2.518,418,3.369,419,3.091,421,3.052,422,3.015,423,4.263,424,3.958,447,1.791,450,1.915,452,1.83,454,1.984,456,4.064,457,3.091,468,2.259,487,1.893,499,1.915,519,2.361,520,2.058,533,2.436,577,2.008,614,2.197,618,3.385,643,2.326,661,2.518,662,2.518,687,0.413,967,4.182]],["t/150",[0,0.24,1,0.293,6,2.529,7,0.018,8,0.22,9,0.271,10,0.326,11,0.283,12,0.277,13,0.307,14,0.394,15,0.301,16,1.674,19,0.853,24,0.363,26,0.273,27,0.224,28,1.425,32,0.605,36,1.991,38,0.913,39,3.668,40,1.554,44,2.691,46,2.504,60,1.106,61,3.26,69,3.606,72,2.582,139,4.91,140,2.36,141,3.994,142,3.26,143,3.852,144,3.852,145,3.447,146,2.189,147,3.398,148,3.994,149,4.07,150,2.454,151,2.504,152,4.413,153,1.851,154,4.151,155,2.018,172,0.285,392,1.049,431,3.134,450,2.88,471,4.91,472,3.921,473,4.736,483,4.238,484,4.238,485,4.238,687,0.621]],["t/152",[0,0.227,1,0.276,6,2.809,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.25,13,0.277,14,0.356,15,0.272,19,0.771,24,0.327,25,2.726,26,0.274,27,0.203,28,1.288,31,4.213,32,0.546,41,3.235,60,0.999,61,3.62,62,5.135,63,2.781,64,4.069,65,4.355,66,5.33,67,2.898,68,3.235,69,4.005,70,2.699,172,0.316,687,0.69]],["t/154",[0,0.258,1,0.313,2,4.565,3,3.333,4,1.643,5,2.086,6,3.457,7,0.02,8,0.296,9,0.306,10,0.349,11,0.319,12,0.312,13,0.346,14,0.445,15,0.339,16,1.94,17,2.226,18,2.956,19,0.804,20,2.818,21,2.696,22,2.464,23,3.445,24,0.361,25,3.009,26,0.279,27,0.253,28,1.643,29,2.885,30,2.435,31,3.943,32,0.682,33,3.567,34,1.546,35,2.747,36,1.473,37,1.827,38,0.91,39,3.168,40,1.414,41,3.094,42,1.969,43,3.715,44,2.536,45,4.23,46,2.278,47,2.755,48,3.126,49,1.516,50,1.367,51,0.934,52,2.369,53,2.696,54,2.26,55,2.477,56,3.855,57,2.755,58,2.696,59,3.388,60,1.181,61,3.777,62,3.567,63,1.593,64,2.331,65,2.495,66,2.59,67,1.66,68,1.854,69,3.281,70,1.546,71,3.939,72,2.742,73,2.641,74,2.818,75,2.958,76,2.852,77,2.958,139,3.633,140,2.147,141,2.541,142,2.074,143,3.505,144,3.505,145,2.193,146,1.393,147,2.162,148,2.541,149,2.59,150,1.562,151,1.593,152,2.816,153,1.178,154,2.641,155,2.143,156,4.23,157,3.223,158,3.777,159,1.643,160,2.696,161,1.414,162,1.804,163,1.168,164,1.921,172,0.181,175,1.696,234,2.714,347,1.994,388,2.211,392,0.668,674,3.777,675,2.641,687,0.395,968,3.605]],["t/156",[0,0.247,1,0.302,2,4.825,5,2.16,6,2.996,7,0.019,8,0.261,9,0.286,10,0.336,11,0.298,12,0.292,13,0.324,14,0.415,15,0.317,16,1.577,18,2.622,19,0.654,22,2.504,24,0.278,25,2.311,26,0.275,27,0.236,28,1.576,30,2.716,31,3.81,32,0.637,33,4.644,34,2.289,35,2.844,36,1.525,37,1.948,38,0.88,39,4.266,40,1.841,41,2.744,42,2.915,43,3.295,44,2.061,46,2.358,60,1.065,152,3.666,155,1.901,158,4.917,159,2.432,160,3.991,161,1.464,162,2.349,172,0.268,392,0.988,431,2.952,450,2.712,471,4.73,472,3.693,473,4.563,483,3.991,484,3.991,485,3.991,687,0.585,969,2.407]],["t/158",[0,0.263,1,0.289,7,0.016,8,0.283,9,0.236,10,0.302,11,0.247,12,0.242,13,0.268,14,0.344,15,0.263,19,0.745,26,0.27,27,0.234,32,0.528,38,0.797,60,0.965,150,2.632,151,2.686,153,2.541,159,2.769,172,0.305,264,2.828,280,2.887,382,3.027,392,1.126,411,5.436,422,4.864,423,5.129,424,4.616,687,0.666]],["t/160",[0,0.259,7,0.016,8,0.288,9,0.243,10,0.307,11,0.254,12,0.249,13,0.276,14,0.354,15,0.27,19,0.766,22,2.898,24,0.325,26,0.273,27,0.238,32,0.543,172,0.314,240,1.847,318,5.915,320,3.214,324,4.432,332,3.503,333,5.42,334,4.491,335,3.696,336,4.406,687,0.685]],["t/162",[0,0.269,1,0.309,7,0.019,8,0.302,9,0.294,10,0.342,11,0.307,12,0.301,13,0.333,14,0.428,15,0.327,16,1.349,19,0.89,24,0.404,26,0.275,27,0.243,32,0.715,44,1.764,49,2.552,50,2.754,55,2.916,67,2.794,76,3.356,146,3.002,161,1.869,162,2.385,166,3.4,172,0.229,175,3.205,183,2.28,184,1.797,193,1.939,230,3.489,234,3.194,239,2.081,240,2.233,261,2.32,330,4.538,337,2.952,341,3.966,347,2.526,348,2.592,349,3.415,364,2.145,368,4.538,369,4.636,370,3.568,371,1.902,372,3.746,373,3.746,377,4.742,378,3.654,380,3.654,381,3.847,383,3.847,384,2.494,385,2.778,386,5.113,387,4.082,388,2.602,389,2.7,445,2.268,687,0.501]],["t/164",[0,0.267,1,0.292,7,0.018,8,0.269,9,0.269,10,0.325,11,0.281,12,0.275,13,0.305,14,0.392,15,0.299,19,0.687,24,0.292,26,0.272,27,0.223,32,0.681,36,1.604,49,3.158,50,3.055,55,3.327,76,3.83,161,1.9,162,2.629,172,0.282,175,3.256,183,2.602,184,2.208,234,3.645,240,2.045,261,2.851,337,3.628,364,2.045,368,5.178,369,5.291,370,4.384,371,2.337,372,4.603,373,4.603,378,4.489,380,4.489,687,0.615]],["t/166",[0,0.26,7,0.016,8,0.288,9,0.244,10,0.307,11,0.254,12,0.249,13,0.276,14,0.354,15,0.271,19,0.767,22,2.899,24,0.326,26,0.273,27,0.238,32,0.544,172,0.315,240,1.851,318,5.923,320,3.221,324,3.757,332,3.511,333,5.432,334,4.501,335,3.704,336,4.416,687,0.687]],["t/168",[0,0.259,1,0.275,7,0.016,8,0.287,9,0.243,10,0.306,11,0.253,12,0.248,13,0.275,14,0.353,15,0.27,19,0.764,24,0.384,26,0.273,27,0.201,32,0.641,67,3.399,146,2.851,166,3.495,172,0.313,193,2.649,240,1.843,341,3.407,364,1.843,377,5.769,381,5.256,383,5.256,384,3.407,385,4.491,687,0.684]],["t/170",[0,0.267,1,0.292,7,0.018,8,0.27,9,0.27,10,0.325,11,0.282,12,0.276,13,0.306,14,0.392,15,0.3,19,0.689,24,0.293,26,0.272,27,0.223,32,0.681,36,1.607,49,2.915,50,3.057,55,3.331,76,3.835,161,1.902,162,2.631,172,0.282,175,3.26,183,2.605,184,2.212,234,3.65,240,2.048,261,2.857,337,3.635,364,2.048,368,5.185,369,5.297,370,4.393,371,2.341,372,4.612,373,4.612,378,4.498,380,4.498,687,0.616]],["t/172",[0,0.263,1,0.298,7,0.019,8,0.29,9,0.29,10,0.339,11,0.303,12,0.296,13,0.328,14,0.422,15,0.322,26,0.278,27,0.24,28,1.756,32,0.696,60,1.087,72,3.121,161,2.044,170,1.328,172,0.277,240,1.628,277,3.748,288,4.308,320,2.834,331,5.481,337,3.564,338,4.779,346,2.519,364,2.023,392,1.268,425,5.352,426,3.455,427,4.523,430,5.352,431,3.049,432,4.645,687,0.604,969,2.486]],["t/174",[0,0.259,7,0.016,8,0.288,9,0.243,10,0.307,11,0.254,12,0.249,13,0.276,14,0.354,15,0.27,19,0.766,22,2.898,24,0.325,26,0.273,27,0.238,32,0.543,172,0.314,240,1.847,318,5.915,320,3.214,324,3.749,332,3.503,333,5.42,334,5.31,335,3.696,336,4.406,687,0.685]],["t/176",[0,0.26,1,0.234,7,0.016,8,0.288,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.355,15,0.271,26,0.273,27,0.202,28,1.724,32,0.545,161,1.723,170,1.785,172,0.316,240,1.855,277,4.269,288,4.907,320,3.228,331,5.93,337,4.06,338,5.444,346,2.123,687,0.688]],["t/178",[0,0.26,1,0.234,7,0.016,8,0.288,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.355,15,0.271,26,0.273,27,0.202,28,1.724,32,0.545,161,1.723,170,1.512,172,0.316,240,1.855,277,4.269,288,5.792,320,3.228,331,5.93,337,4.06,338,5.444,346,2.123,687,0.688]],["t/180",[0,0.261,1,0.273,7,0.016,8,0.304,9,0.24,10,0.304,11,0.25,12,0.245,13,0.271,14,0.348,15,0.266,16,1.819,19,0.754,24,0.32,26,0.271,27,0.198,32,0.636,44,2.378,146,3.239,161,1.689,172,0.309,175,2.895,230,4.704,240,1.819,330,5.478,341,4.42,347,3.406,348,3.495,349,4.604,687,0.675]],["t/182",[0,0.26,1,0.234,7,0.016,8,0.288,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.355,15,0.271,26,0.273,27,0.202,28,1.724,32,0.545,161,1.723,170,1.512,172,0.316,240,1.855,277,5.038,288,4.907,320,3.228,331,5.93,337,4.06,338,5.444,346,2.123,687,0.688]],["t/184",[0,0.261,1,0.273,7,0.016,8,0.305,9,0.24,10,0.304,11,0.251,12,0.245,13,0.272,14,0.349,15,0.267,16,1.823,19,0.756,24,0.321,26,0.271,27,0.199,32,0.637,44,2.383,146,3.241,161,1.693,172,0.31,175,2.902,230,4.715,240,1.823,330,5.485,341,4.275,347,3.413,348,3.503,349,4.614,687,0.676]],["t/186",[0,0.259,1,0.275,7,0.016,8,0.288,9,0.243,10,0.307,11,0.254,12,0.249,13,0.276,14,0.354,15,0.27,19,0.766,24,0.385,26,0.273,27,0.201,32,0.642,67,3.403,146,2.415,166,3.503,172,0.314,193,2.655,240,1.847,341,4.037,364,1.847,377,5.776,381,5.268,383,5.268,384,3.415,385,3.803,687,0.685]],["t/188",[0,0.261,1,0.273,7,0.016,8,0.304,9,0.24,10,0.304,11,0.25,12,0.245,13,0.271,14,0.348,15,0.266,16,1.819,19,0.754,24,0.32,26,0.271,27,0.198,32,0.636,44,2.378,146,3.239,161,1.689,172,0.309,175,2.895,230,4.704,240,1.819,330,5.478,341,4.42,347,3.406,348,3.495,349,4.604,687,0.675]],["t/190",[0,0.259,7,0.016,8,0.288,9,0.243,10,0.307,11,0.254,12,0.249,13,0.276,14,0.354,15,0.27,19,0.766,22,2.898,24,0.325,26,0.273,27,0.238,32,0.543,172,0.314,240,1.847,318,5.915,320,3.214,324,3.749,332,3.503,333,5.42,334,4.491,335,4.37,336,4.406,687,0.685]],["t/192",[0,0.264,1,0.275,7,0.016,8,0.287,9,0.243,10,0.306,11,0.253,12,0.248,13,0.275,14,0.353,15,0.27,26,0.273,27,0.201,32,0.641,49,2.623,50,2.8,76,3.45,161,1.711,172,0.313,175,2.933,184,2.905,234,3.284,240,1.843,337,4.033,364,1.843,368,5.521,378,4.992,380,4.992,687,0.684]],["t/194",[0,0.259,7,0.016,8,0.288,9,0.243,10,0.307,11,0.254,12,0.249,13,0.276,14,0.354,15,0.27,19,0.766,22,2.898,24,0.325,26,0.273,27,0.238,32,0.543,172,0.314,240,1.847,318,5.915,320,3.214,324,3.749,332,3.503,333,5.42,334,4.491,335,3.696,336,5.21,687,0.685]],["t/196",[0,0.259,1,0.232,7,0.016,8,0.287,9,0.243,10,0.306,11,0.253,12,0.248,13,0.275,14,0.353,15,0.27,19,0.764,24,0.384,26,0.273,27,0.201,32,0.541,161,1.711,162,2.752,172,0.313,240,1.843,264,2.902,319,5.769,320,3.207,321,5.256,322,5.117,324,4.427,687,0.684]],["t/198",[0,0.267,1,0.292,7,0.018,8,0.27,9,0.27,10,0.325,11,0.282,12,0.276,13,0.306,14,0.392,15,0.3,19,0.689,24,0.293,26,0.272,27,0.223,32,0.681,36,1.607,49,2.915,50,2.976,55,3.331,76,3.835,161,1.902,162,2.631,172,0.282,175,3.26,183,2.605,184,2.212,234,3.957,240,2.048,261,2.857,337,3.635,364,2.048,368,5.185,369,5.297,370,4.393,371,2.341,372,4.612,373,4.612,378,4.498,380,4.498,687,0.616]],["t/200",[0,0.264,1,0.275,7,0.016,8,0.287,9,0.243,10,0.306,11,0.253,12,0.248,13,0.275,14,0.353,15,0.27,26,0.273,27,0.201,32,0.641,49,2.623,50,2.8,76,3.45,161,1.711,172,0.313,175,2.933,184,2.454,234,3.284,240,1.843,337,4.033,364,1.843,368,5.521,378,4.992,380,5.907,687,0.684]],["t/202",[0,0.267,1,0.292,7,0.018,8,0.27,9,0.27,10,0.325,11,0.282,12,0.276,13,0.306,14,0.392,15,0.3,19,0.689,24,0.293,26,0.272,27,0.223,32,0.681,36,1.607,49,2.915,50,2.976,55,3.331,76,4.158,161,1.902,162,2.631,172,0.282,175,3.26,183,2.605,184,2.212,234,3.65,240,2.048,261,2.857,337,3.635,364,2.048,368,5.185,369,5.297,370,4.393,371,2.341,372,4.612,373,4.612,378,4.498,380,4.498,687,0.616]],["t/204",[0,0.263,1,0.289,7,0.016,8,0.282,9,0.236,10,0.301,11,0.246,12,0.241,13,0.267,14,0.343,15,0.262,19,0.743,26,0.269,27,0.234,32,0.526,38,0.795,60,0.963,150,2.627,151,2.68,153,2.372,159,2.764,172,0.305,264,2.822,280,2.883,382,3.024,392,1.123,411,5.429,422,4.853,423,5.24,424,4.683,687,0.665]],["t/206",[0,0.261,1,0.273,7,0.016,8,0.305,9,0.24,10,0.304,11,0.251,12,0.245,13,0.272,14,0.349,15,0.267,16,1.823,19,0.756,24,0.321,26,0.271,27,0.199,32,0.637,44,2.833,146,3.195,161,1.693,172,0.31,175,2.902,230,4.715,240,1.823,330,5.485,341,4.275,347,3.413,348,3.503,349,4.614,687,0.676]],["t/208",[0,0.259,1,0.232,7,0.016,8,0.287,9,0.242,10,0.306,11,0.253,12,0.247,13,0.274,14,0.352,15,0.269,19,0.762,24,0.384,26,0.272,27,0.2,32,0.54,161,1.708,162,2.75,172,0.313,240,1.839,264,2.896,319,5.762,320,3.2,321,5.245,322,5.114,324,4.711,687,0.682]],["t/210",[0,0.263,1,0.289,7,0.016,8,0.283,9,0.236,10,0.302,11,0.247,12,0.242,13,0.268,14,0.344,15,0.263,19,0.745,26,0.27,27,0.234,32,0.528,38,0.797,60,0.965,150,2.632,151,2.686,153,2.375,159,2.769,172,0.305,264,2.828,280,2.887,382,3.027,392,1.126,411,5.436,422,4.864,423,5.129,424,4.685,687,0.666]],["t/212",[0,0.263,1,0.271,7,0.016,8,0.284,9,0.237,10,0.302,11,0.248,12,0.243,13,0.269,14,0.345,15,0.264,19,0.748,24,0.318,26,0.27,27,0.196,32,0.633,49,2.567,50,2.764,55,3.502,76,3.376,161,1.675,162,2.825,172,0.307,175,2.871,183,2.739,234,3.214,240,1.803,261,3.102,364,1.803,369,5.568,370,4.77,371,2.542,372,5.008,373,5.008,687,0.669]],["t/214",[0,0.262,1,0.284,7,0.018,8,0.276,9,0.276,10,0.33,11,0.288,12,0.282,13,0.312,14,0.401,15,0.306,19,0.714,24,0.397,26,0.276,27,0.228,32,0.615,36,1.666,60,0.925,72,2.656,161,1.599,162,2.933,172,0.293,186,3.653,240,1.722,255,3.069,259,3.446,264,2.712,319,5.539,320,2.997,321,4.912,322,4.954,324,4.25,392,1.08,437,5.539,438,4.912,443,3.224,687,0.639]],["t/216",[0,0.258,1,0.313,7,0.02,8,0.302,9,0.307,10,0.349,11,0.32,12,0.314,13,0.348,14,0.446,15,0.341,19,0.744,24,0.389,26,0.279,27,0.254,28,1.632,32,0.684,34,2.237,36,1.048,37,1.319,38,1.033,39,2.746,40,2.096,46,2.923,60,1.251,63,2.305,67,2.402,68,1.885,70,2.237,146,2.015,150,1.588,151,1.62,152,2.849,153,1.704,163,1.187,164,2.78,171,1.187,172,0.184,184,2.603,193,1.557,252,2.923,257,2.633,261,1.863,272,2.633,322,3.173,332,2.054,346,2.456,384,2.849,385,3.173,388,1.572,389,2.167,392,1.46,407,1.891,421,2.377,431,2.028,444,3.546,445,1.821,446,2.584,447,3.454,450,3.553,451,3.128,452,3.214,453,3.128,454,3.197,455,3.22,456,3.986,457,3.008,470,4.077,471,3.677,472,2.537,473,3.546,483,2.741,484,2.741,485,2.741,486,2.198,487,3.051,493,2.333,498,2.37,499,2.651,500,2.37,501,2.37,502,2.37,503,3.008,504,3.089,507,3.986,508,2.45,509,2.933,519,2.297,520,2.002,533,2.37,534,3.986,535,3.677,536,2.537,537,2.741,548,3.986,549,3.008,556,3.008,611,3.008,614,2.138,687,0.402,968,3.666]],["t/218",[0,0.258,1,0.314,4,3.2,5,2.129,7,0.02,8,0.303,9,0.308,10,0.35,11,0.321,12,0.314,13,0.348,14,0.447,15,0.342,19,0.644,22,2.268,24,0.365,25,1.606,26,0.28,27,0.254,28,1.568,30,2.129,32,0.686,34,1.591,36,1.06,37,1.999,38,1.004,40,1.017,42,3.338,44,2.032,49,1.56,50,1.407,55,1.782,60,1.254,70,2.256,140,1.545,153,1.718,155,1.874,161,1.443,162,2.328,163,1.201,164,2.803,171,1.201,172,0.186,183,2.499,235,3.64,239,2.397,264,1.726,266,3.296,267,2.521,269,4.11,299,2.026,308,2.193,320,1.907,332,2.078,346,2.248,371,2.924,375,2.566,388,1.591,392,1.464,407,2.546,414,2.193,421,1.69,443,2.91,445,1.842,468,3.154,487,2.643,499,1.885,508,2.478,557,3.576,558,3.854,559,2.834,563,3.125,565,2.898,566,2.898,567,2.566,576,3.348,577,3.257,578,3.576,579,2.664,582,4.209,583,3.215,587,4.019,588,2.968,590,3.854,591,2.774,610,4.209,614,2.163,615,4.209,616,3.215,618,3.348,619,2.614,620,2.834,643,2.29,661,2.478,662,2.478,663,3.934,664,2.717,673,2.968,687,0.407,968,3.709]],["t/220",[0,0.267,1,0.293,7,0.018,8,0.293,9,0.271,10,0.326,11,0.283,12,0.277,13,0.307,14,0.394,15,0.301,16,1.674,19,0.694,24,0.295,26,0.273,27,0.224,32,0.683,44,2.189,49,2.383,50,2.642,76,3.134,146,3.12,161,1.911,164,3.019,171,1.835,172,0.285,175,3.276,184,2.229,230,4.33,234,2.983,240,2.058,330,5.21,337,3.664,341,4.12,347,3.134,348,3.217,349,4.238,364,1.674,368,5.21,378,4.534,380,4.534,687,0.621,968,5.666]],["t/222",[0,0.267,1,0.311,7,0.02,8,0.305,9,0.305,10,0.349,11,0.319,12,0.312,13,0.346,14,0.444,15,0.339,19,0.849,24,0.402,26,0.278,27,0.256,28,1.476,30,2.428,32,0.724,37,1.517,38,0.673,49,1.509,50,2.276,55,2.468,60,1.1,67,2.365,72,2.734,76,1.984,146,1.386,150,1.554,151,1.585,153,2.265,159,2.734,161,1.646,162,2.525,163,1.162,164,2.737,166,3.362,171,1.162,172,0.18,175,1.687,183,1.93,186,3.219,193,1.523,234,1.889,239,2.34,240,1.935,255,1.889,259,2.121,261,1.823,264,1.669,270,1.889,280,2.04,341,1.959,346,1.736,347,1.984,364,2.244,369,3.925,370,2.803,371,1.494,372,2.943,373,2.943,377,4.014,381,3.023,382,2.139,383,3.023,384,1.959,385,2.182,386,4.328,387,3.207,388,2.203,389,2.121,390,4.328,391,3.763,392,1.336,393,2.741,407,1.301,408,2.803,409,2.803,410,2.803,411,3.841,412,4.014,413,2.871,414,2.121,415,3.023,416,3.432,417,2.528,418,3.207,419,2.943,421,1.635,422,2.871,423,4.169,424,3.885,425,4.014,426,2.248,427,2.943,430,4.014,431,1.984,432,3.023,437,4.014,438,3.023,443,1.984,687,0.393,968,3.587]],["t/224",[0,0.253,1,0.302,7,0.019,8,0.277,9,0.293,10,0.341,11,0.305,12,0.299,13,0.331,14,0.426,15,0.325,22,2.195,24,0.335,26,0.276,27,0.242,28,1.317,30,2.606,32,0.675,36,1.429,37,1.264,38,0.844,40,1.766,46,2.209,49,2.102,50,1.896,55,2.402,60,1.13,67,2.302,68,2.57,70,2.144,140,2.082,150,2.165,151,2.209,153,2.648,155,1.781,161,1.371,166,2.801,172,0.251,184,2.533,239,2.278,240,1.477,252,3.607,257,3.591,261,2.541,270,2.632,299,2.731,346,1.69,347,2.765,364,1.477,384,2.731,388,2.144,389,2.956,390,5.425,392,1.319,407,1.813,414,2.956,416,3.341,418,4.47,419,4.102,421,3.546,447,2.376,450,2.541,452,2.429,454,2.632,456,4.919,457,4.102,468,2.998,487,2.512,499,2.541,519,3.133,520,2.731,533,3.232,577,2.664,614,2.915,618,4.098,643,3.086,661,3.341,662,3.341,687,0.548]],["t/226",[0,0.226,1,0.276,7,0.016,8,0.288,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.355,15,0.271,19,0.769,24,0.327,26,0.273,27,0.202,32,0.545,38,0.823,39,3.902,40,1.723,46,2.775,60,0.997,152,4.048,172,0.316,392,1.163,431,3.473,450,3.191,471,5.223,472,4.345,473,5.038,483,4.696,484,4.696,485,5.542,687,0.688]],["t/228",[0,0.257,1,0.313,2,4.565,3,3.333,4,1.643,5,2.086,6,3.457,7,0.02,8,0.296,9,0.306,10,0.349,11,0.319,12,0.312,13,0.346,14,0.445,15,0.339,16,1.94,17,2.226,18,2.956,19,0.804,20,2.818,21,2.696,22,2.464,23,3.445,24,0.361,25,3.009,26,0.279,27,0.256,28,1.643,29,2.885,30,2.435,31,3.943,32,0.682,33,3.567,34,1.546,35,2.747,36,1.473,37,1.827,38,0.91,39,3.168,40,1.414,41,3.094,42,1.969,43,3.715,44,2.536,45,4.23,46,2.278,47,2.755,48,3.126,49,1.516,50,1.367,51,0.934,52,2.369,53,2.696,54,2.26,55,2.477,56,3.855,57,2.755,58,2.696,59,3.388,60,1.181,61,3.777,62,3.567,63,1.593,64,2.331,65,2.495,66,2.59,67,1.66,68,1.854,69,3.281,70,1.546,71,3.939,72,2.742,73,2.641,74,2.818,75,2.958,76,2.852,77,2.958,139,3.633,140,2.147,141,2.541,142,2.074,143,3.505,144,3.505,145,2.193,146,1.393,147,2.162,148,2.541,149,2.59,150,1.562,151,1.593,152,2.816,153,1.178,154,2.641,155,2.143,156,4.23,157,3.223,158,3.777,159,1.643,160,2.696,161,1.414,162,1.804,163,1.168,164,1.921,172,0.181,175,1.696,234,2.714,347,1.994,388,2.211,392,0.668,674,3.777,675,2.641,687,0.395,970,3.333]],["t/230",[0,0.226,1,0.276,7,0.016,8,0.288,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.355,15,0.271,19,0.769,24,0.327,26,0.273,27,0.202,32,0.545,38,0.823,39,3.902,40,1.723,46,2.775,60,0.997,152,4.048,172,0.316,392,1.163,431,3.473,450,3.191,471,5.223,472,4.345,473,5.038,483,5.542,484,4.696,485,4.696,687,0.688]],["t/232",[0,0.262,1,0.289,7,0.016,8,0.282,9,0.236,10,0.301,11,0.246,12,0.241,13,0.267,14,0.343,15,0.262,19,0.743,26,0.269,27,0.25,32,0.526,38,0.795,60,0.963,150,2.627,151,2.68,153,2.372,159,2.764,172,0.305,264,2.822,280,2.883,382,3.024,392,1.123,411,5.429,422,4.853,423,5.24,424,4.683,687,0.665]],["t/234",[0,0.257,1,0.313,7,0.02,8,0.302,9,0.307,10,0.349,11,0.32,12,0.314,13,0.348,14,0.446,15,0.341,19,0.744,24,0.389,26,0.279,27,0.257,28,1.632,32,0.684,34,2.237,36,1.048,37,1.319,38,1.033,39,2.746,40,2.096,46,2.923,60,1.251,63,2.305,67,2.402,68,1.885,70,2.237,146,2.015,150,1.588,151,1.62,152,2.849,153,1.704,163,1.187,164,2.78,171,1.187,172,0.184,184,2.603,193,1.557,252,2.923,257,2.633,261,1.863,272,2.633,322,3.173,332,2.054,346,2.456,384,2.849,385,3.173,388,1.572,389,2.167,392,1.46,407,1.891,421,2.377,431,2.028,444,3.546,445,1.821,446,2.584,447,3.454,450,3.553,451,3.128,452,3.214,453,3.128,454,3.197,455,3.22,456,3.986,457,3.008,470,4.077,471,3.677,472,2.537,473,3.546,483,2.741,484,2.741,485,2.741,486,2.198,487,3.051,493,2.333,498,2.37,499,2.651,500,2.37,501,2.37,502,2.37,503,3.008,504,3.089,507,3.986,508,2.45,509,2.933,519,2.297,520,2.002,533,2.37,534,3.986,535,3.677,536,2.537,537,2.741,548,3.986,549,3.008,556,3.008,611,3.008,614,2.138,687,0.402,970,3.389]],["t/236",[0,0.267,1,0.311,7,0.02,8,0.305,9,0.305,10,0.349,11,0.319,12,0.312,13,0.346,14,0.444,15,0.339,19,0.849,24,0.402,26,0.278,27,0.258,28,1.476,30,2.428,32,0.724,37,1.517,38,0.673,49,1.509,50,2.276,55,2.468,60,1.1,67,2.365,72,2.734,76,1.984,146,1.386,150,1.554,151,1.585,153,2.265,159,2.734,161,1.646,162,2.525,163,1.162,164,2.737,166,3.362,171,1.162,172,0.18,175,1.687,183,1.93,186,3.219,193,1.523,234,1.889,239,2.34,240,1.935,255,1.889,259,2.121,261,1.823,264,1.669,270,1.889,280,2.04,341,1.959,346,1.736,347,1.984,364,2.244,369,3.925,370,2.803,371,1.494,372,2.943,373,2.943,377,4.014,381,3.023,382,2.139,383,3.023,384,1.959,385,2.182,386,4.328,387,3.207,388,2.203,389,2.121,390,4.328,391,3.763,392,1.336,393,2.741,407,1.301,408,2.803,409,2.803,410,2.803,411,3.841,412,4.014,413,2.871,414,2.121,415,3.023,416,3.432,417,2.528,418,3.207,419,2.943,421,1.635,422,2.871,423,4.169,424,3.885,425,4.014,426,2.248,427,2.943,430,4.014,431,1.984,432,3.023,437,4.014,438,3.023,443,1.984,687,0.393,970,3.316]],["t/238",[0,0.266,1,0.273,7,0.02,8,0.312,9,0.309,10,0.349,11,0.322,12,0.316,13,0.35,14,0.449,15,0.343,16,1.117,19,0.822,22,2.503,24,0.401,26,0.281,27,0.269,28,1.576,32,0.697,40,1.038,41,1.945,44,1.461,49,1.591,50,2.023,51,0.98,64,2.446,76,2.092,140,1.575,146,2.732,153,2.398,155,1.9,161,2.069,162,2.162,163,1.225,164,2.842,168,1.461,170,0.911,171,1.225,172,0.19,175,2.508,184,1.488,193,1.606,224,1.531,230,2.89,234,1.991,238,1.324,240,2.345,255,3.532,259,3.967,263,4.769,264,1.76,266,3.343,267,2.572,268,3.783,271,4.769,272,2.717,273,3.783,274,3.783,277,2.572,288,2.956,298,4.624,299,3.375,300,3.497,302,4.376,303,3.28,316,4.769,317,3.783,318,4.268,319,4.168,320,3.176,321,3.187,322,4.304,324,3.705,330,3.989,331,4.268,332,2.12,333,3.28,334,2.717,335,2.237,336,2.666,337,3.449,338,3.28,341,3.375,346,1.279,347,2.092,348,2.147,349,2.829,364,1.117,368,3.989,378,3.027,380,3.027,687,0.415,970,3.497]],["t/240",[0,0.258,1,0.314,4,3.2,5,2.129,7,0.02,8,0.303,9,0.308,10,0.35,11,0.321,12,0.314,13,0.348,14,0.447,15,0.342,19,0.644,22,2.268,24,0.365,25,1.606,26,0.28,27,0.257,28,1.568,30,2.129,32,0.686,34,1.591,36,1.06,37,1.999,38,1.004,40,1.017,42,3.338,44,2.032,49,1.56,50,1.407,55,1.782,60,1.254,70,2.256,140,1.545,153,1.718,155,1.874,161,1.443,162,2.328,163,1.201,164,2.803,171,1.201,172,0.186,183,2.499,235,3.64,239,2.397,264,1.726,266,3.296,267,2.521,269,4.11,299,2.026,308,2.193,320,1.907,332,2.078,346,2.248,371,2.924,375,2.566,388,1.591,392,1.464,407,2.546,414,2.193,421,1.69,443,2.91,445,1.842,468,3.154,487,2.643,499,1.885,508,2.478,557,3.576,558,3.854,559,2.834,563,3.125,565,2.898,566,2.898,567,2.566,576,3.348,577,3.257,578,3.576,579,2.664,582,4.209,583,3.215,587,4.019,588,2.968,590,3.854,591,2.774,610,4.209,614,2.163,615,4.209,616,3.215,618,3.348,619,2.614,620,2.834,643,2.29,661,2.478,662,2.478,663,3.934,664,2.717,673,2.968,687,0.407,970,3.429]],["t/242",[7,0.019,8,0.283,9,0.283,10,0.334,11,0.296,12,0.289,13,0.321,15,0.314,24,0.379,26,0.28,27,0.265,32,0.676,84,2.612,103,4.948,104,4.141,164,3.246,168,2.353,171,1.973,172,0.306,174,6.729,175,3.423,176,4.874,177,4.874,178,4.76,185,6.982,186,3.817,187,6.388,188,6.388,189,4.76,190,5.132,191,6.388,192,5.843,687,0.668,970,5.631]],["t/244",[1,0.157,4,1.92,7,0.021,8,0.316,9,0.316,10,0.355,11,0.329,12,0.323,13,0.358,14,0.44,15,0.35,19,0.704,24,0.383,25,2.49,26,0.286,27,0.276,28,0.862,32,0.704,34,1.807,35,2.246,37,1.454,38,1.036,46,1.862,47,3.22,49,1.772,50,1.598,51,1.092,63,1.862,72,1.92,103,4.778,155,2.331,159,1.92,161,1.577,162,2.012,163,1.365,164,3.063,165,5.315,166,3.938,167,1.92,168,2.22,171,1.365,172,0.212,173,5.315,176,3.372,177,3.372,182,4.393,183,2.161,184,2.262,193,1.79,194,3.896,195,2.441,196,2.047,197,3.896,218,5.315,219,5.14,220,3.22,221,5.256,226,4.717,227,3.896,228,4.42,229,4.844,239,2.62,240,2.243,241,3.768,243,3.22,244,4.844,245,5.14,246,4.214,247,4.372,250,5.14,251,3.896,252,2.361,255,3.027,256,5.14,257,3.027,258,4.214,259,3.399,260,4.984,261,2.142,262,4.043,264,1.961,265,4.214,687,0.462,970,3.896]],["t/246",[0,0.227,1,0.276,4,2.874,5,2.552,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.251,13,0.278,14,0.357,15,0.273,19,0.773,26,0.274,27,0.203,32,0.547,38,0.827,60,1.001,162,2.601,172,0.317,235,5.142,371,3.095,375,4.364,392,1.168,443,3.489,558,5.444,559,4.819,565,4.929,566,5.807,687,0.691]],["t/248",[0,0.242,1,0.295,7,0.018,8,0.275,9,0.275,10,0.329,11,0.287,12,0.281,13,0.312,14,0.4,15,0.305,19,0.711,24,0.368,26,0.275,27,0.228,28,1.447,32,0.614,34,2.49,36,1.659,38,0.927,39,3.722,40,2.092,46,2.565,60,1.122,146,2.242,152,3.862,172,0.292,346,1.963,392,1.309,431,3.211,447,3.361,450,3.875,452,2.82,471,4.983,472,4.017,473,4.807,483,4.341,484,4.341,485,4.341,493,3.695,535,4.983,536,4.017,537,4.341,687,0.636]],["t/250",[0,0.249,1,0.304,7,0.019,8,0.29,9,0.29,10,0.339,11,0.303,12,0.296,13,0.328,14,0.422,15,0.322,19,0.675,24,0.287,26,0.278,27,0.24,28,1.401,32,0.647,37,1.394,38,0.977,40,2.199,46,3.027,60,1.183,63,2.436,150,2.388,151,2.436,153,1.801,172,0.277,184,2.169,257,3.96,346,1.864,392,1.38,407,1.999,421,2.512,444,4.656,445,2.738,446,3.885,447,3.256,450,3.961,451,3.306,452,2.678,453,3.306,454,2.902,456,5.233,457,4.523,507,5.233,508,3.684,509,4.411,687,0.604,969,2.486]],["t/252",[0,0.224,1,0.273,7,0.016,8,0.286,9,0.241,10,0.305,11,0.251,12,0.246,13,0.273,14,0.35,15,0.267,22,2.504,26,0.272,27,0.199,30,2.972,32,0.537,37,1.564,49,2.6,50,2.345,55,2.971,60,0.981,70,2.652,153,2.399,155,2.203,161,1.696,172,0.311,239,2.818,299,3.377,392,1.145,407,2.242,414,3.656,421,2.818,468,3.708,577,3.295,614,3.606,618,4.674,643,3.817,661,4.132,662,4.908,687,0.678]],["t/254",[0,0.224,1,0.273,7,0.016,8,0.286,9,0.241,10,0.305,11,0.251,12,0.246,13,0.273,14,0.35,15,0.267,22,2.504,26,0.272,27,0.199,30,2.972,32,0.537,37,1.564,49,2.6,50,2.345,55,2.971,60,0.981,70,2.652,153,2.399,155,2.203,161,1.696,172,0.311,239,2.818,299,3.377,392,1.145,407,2.242,414,3.656,421,2.818,468,3.708,577,3.295,614,3.606,618,4.674,643,3.817,661,4.908,662,4.132,687,0.678]],["t/256",[0,0.226,1,0.276,7,0.016,8,0.288,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.355,15,0.271,19,0.769,24,0.327,26,0.273,27,0.202,32,0.545,38,0.823,39,3.902,40,1.723,46,2.775,60,0.997,152,4.048,172,0.316,392,1.163,431,3.473,450,3.191,471,5.223,472,4.345,473,5.038,483,4.696,484,5.542,485,4.696,687,0.688]],["t/258",[0,0.241,1,0.276,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.25,13,0.277,14,0.356,15,0.272,24,0.327,26,0.274,27,0.203,32,0.644,37,1.996,38,0.825,50,2.387,60,0.999,159,2.868,172,0.316,186,3.944,364,1.859,391,5.437,392,1.165,393,4.808,407,2.282,408,4.918,409,5.799,410,4.918,687,0.69]],["t/260",[0,0.258,1,0.302,7,0.019,8,0.263,9,0.287,10,0.337,11,0.3,12,0.293,13,0.325,14,0.417,15,0.319,19,0.66,24,0.384,26,0.276,27,0.237,28,1.381,32,0.671,36,1.54,38,0.885,46,2.381,60,1.072,67,3.559,68,2.77,146,2.608,153,1.76,166,3.019,172,0.271,184,2.656,193,2.288,240,1.591,252,3.783,261,2.738,341,2.943,346,1.821,364,1.591,377,5.276,381,4.54,383,4.54,384,4.222,385,4.486,388,2.31,389,3.185,392,1.25,421,2.455,447,2.561,452,2.617,454,2.836,470,5.276,487,2.707,499,2.738,503,4.42,504,4.54,519,3.376,520,2.943,533,3.483,687,0.591,969,2.43]],["t/262",[0,0.225,1,0.274,7,0.016,8,0.286,9,0.241,10,0.305,11,0.252,12,0.246,13,0.273,14,0.351,15,0.268,19,0.759,24,0.322,26,0.272,27,0.199,28,1.268,32,0.538,37,1.567,38,0.812,60,0.984,63,2.738,172,0.311,184,2.438,193,2.632,346,2.095,392,1.148,407,2.247,447,2.946,451,3.716,452,3.011,453,3.716,454,3.263,455,4.54,486,3.716,487,3.694,498,4.007,499,3.149,500,4.007,501,4.007,502,4.755,687,0.679]],["t/264",[0,0.241,1,0.276,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.25,13,0.277,14,0.356,15,0.272,24,0.327,26,0.274,27,0.203,32,0.644,37,1.996,38,0.825,50,2.387,60,0.999,159,2.868,172,0.316,186,3.944,364,1.859,391,5.437,392,1.165,393,4.808,407,2.282,408,4.918,409,4.918,410,5.799,687,0.69]],["t/266",[0,0.25,1,0.305,7,0.019,8,0.275,9,0.291,10,0.339,11,0.304,12,0.297,13,0.33,14,0.423,15,0.323,19,0.781,24,0.389,26,0.275,27,0.241,28,1.585,32,0.649,34,2.111,36,1.407,37,1.612,38,0.98,40,1.939,60,1.187,63,2.816,67,2.266,68,2.53,140,2.05,146,1.901,153,1.608,172,0.247,184,2.942,193,2.09,252,3.571,261,2.501,346,2.39,384,2.688,388,2.111,389,2.91,392,1.385,407,2.311,421,2.243,444,4.333,445,2.445,446,3.469,447,3.771,450,3.239,451,3.822,452,3.762,453,3.822,454,3.721,455,3.935,486,2.951,487,3.551,493,3.132,498,3.182,499,3.239,500,3.182,501,3.182,502,3.182,519,3.084,520,2.688,533,3.182,535,4.492,536,3.406,537,3.68,687,0.539]],["t/268",[0,0.227,1,0.277,7,0.016,8,0.29,9,0.246,10,0.309,11,0.257,12,0.252,13,0.279,14,0.358,15,0.274,26,0.274,27,0.204,28,1.296,32,0.55,42,4.069,60,1.005,155,2.257,161,1.738,172,0.318,183,2.8,239,2.887,320,3.257,392,1.173,468,3.799,576,4.032,663,5.571,664,4.641,673,5.961,687,0.694]],["t/270",[0,0.241,1,0.294,7,0.018,8,0.273,9,0.273,10,0.328,11,0.285,12,0.279,13,0.309,14,0.397,15,0.303,19,0.859,24,0.365,26,0.274,27,0.226,28,1.171,32,0.608,36,1.636,37,1.773,38,0.919,40,1.57,60,1.112,63,3.097,172,0.288,184,2.758,193,2.43,346,1.935,392,1.298,407,2.541,444,4.765,445,2.843,446,4.034,447,3.602,450,2.909,451,4.203,452,3.405,453,4.543,454,3.69,455,4.327,486,3.432,487,3.522,498,3.701,499,2.909,500,3.701,501,3.701,502,3.701,687,0.627]],["t/272",[0,0.257,1,0.314,4,2.395,7,0.02,8,0.298,9,0.307,10,0.35,11,0.321,12,0.314,13,0.348,14,0.447,15,0.341,19,0.644,22,1.792,24,0.411,25,1.604,26,0.28,27,0.254,28,1.713,32,0.686,34,2.254,36,1.502,37,1.544,38,1.036,40,1.925,42,2.023,46,1.637,60,1.254,63,1.637,67,1.705,68,1.904,70,2.619,140,1.543,146,1.431,153,1.21,163,1.2,164,1.974,172,0.186,184,2.403,193,1.573,252,2.944,261,1.882,266,3.293,267,3.572,272,2.661,308,2.19,322,3.197,332,2.944,346,2.702,384,2.023,388,2.254,389,2.19,392,1.463,407,1.905,421,1.688,447,3.159,450,2.671,451,2.221,452,2.967,453,2.221,454,2.767,455,3.244,486,2.221,487,3.526,493,2.357,498,2.395,499,3.104,500,2.395,501,2.395,502,2.395,507,4.015,508,3.512,509,2.964,519,2.321,520,2.023,533,2.395,534,4.015,535,3.704,536,2.563,537,2.77,548,4.015,549,3.039,556,3.039,582,4.205,583,3.211,590,3.85,591,2.77,610,4.205,611,3.039,614,2.16,615,4.205,616,3.211,619,2.611,620,2.83,687,0.406]],["t/274",[0,0.262,1,0.298,7,0.019,8,0.29,9,0.29,10,0.339,11,0.302,12,0.296,13,0.328,14,0.421,15,0.322,26,0.278,27,0.24,28,1.748,32,0.695,60,1.086,72,3.117,161,2.042,164,2.932,170,1.325,171,1.782,172,0.276,240,1.625,267,3.74,277,3.74,288,4.3,320,2.829,331,5.474,337,3.557,338,4.77,346,2.633,364,2.021,392,1.267,425,5.346,426,3.448,427,4.514,430,5.346,431,3.043,432,4.636,687,0.603]],["t/276",[0,0.242,1,0.295,7,0.018,8,0.275,9,0.275,10,0.329,11,0.287,12,0.281,13,0.312,14,0.4,15,0.305,26,0.275,27,0.228,28,1.188,32,0.614,34,2.49,36,1.659,37,1.928,38,0.761,42,3.862,44,2.731,60,1.122,155,2.068,161,1.593,162,2.475,172,0.292,183,2.982,239,2.645,264,2.701,320,2.985,371,2.418,392,1.309,407,2.105,443,3.211,468,3.481,557,4.807,567,4.017,576,4.852,577,3.093,578,3.946,579,4.17,663,5.288,664,4.253,673,4.645,687,0.636]],["t/278",[0,0.257,1,0.275,7,0.016,8,0.288,9,0.244,10,0.307,11,0.254,12,0.249,13,0.276,14,0.354,15,0.271,19,0.767,24,0.385,26,0.273,27,0.202,32,0.642,67,3.408,146,2.42,166,3.511,172,0.315,193,2.661,240,1.851,341,3.422,364,1.851,377,5.784,381,5.279,383,6.237,384,3.422,385,3.811,687,0.687]],["t/280",[0,0.243,1,0.296,4,2.661,7,0.018,8,0.276,9,0.276,10,0.33,11,0.288,12,0.282,13,0.313,14,0.402,15,0.307,26,0.276,27,0.228,32,0.616,34,2.505,36,1.669,37,2.061,38,0.93,44,2.741,60,1.126,162,2.484,172,0.293,183,2.667,264,2.718,371,2.956,392,1.314,407,2.573,443,3.231,445,2.901,557,4.825,567,4.042,576,3.717,577,3.782,578,5.197,579,4.196,587,5.423,588,4.674,687,0.64]],["t/282",[0,0.257,1,0.312,4,2.893,5,1.61,7,0.02,8,0.303,9,0.303,10,0.347,11,0.317,12,0.31,13,0.344,14,0.441,15,0.337,19,0.677,22,1.884,24,0.357,26,0.278,27,0.251,28,1.299,30,2.236,32,0.687,34,1.706,35,2.12,37,2.108,38,1.003,40,1.091,44,2.134,49,1.673,50,2.096,55,1.912,60,1.238,63,2.442,70,1.706,153,1.805,155,1.417,159,1.813,161,1.091,162,1.934,172,0.2,183,2.077,184,2.174,186,2.493,193,1.689,239,1.813,264,1.851,269,4.318,299,2.173,332,2.229,346,1.868,364,1.175,371,2.644,391,4.048,392,1.445,393,3.04,407,2.872,408,3.109,409,3.109,410,3.109,414,2.352,421,1.813,443,2.201,444,3.756,445,2.745,446,2.804,447,3.018,450,2.022,451,3.313,452,2.684,453,3.313,454,2.909,455,3.411,468,2.386,486,2.386,487,3.446,498,2.572,499,2.808,500,2.572,501,2.572,502,2.572,557,3.756,563,3.352,567,2.753,576,2.532,577,3.383,578,3.756,579,2.858,587,4.222,588,3.184,590,4.048,591,2.975,614,2.32,618,3.517,643,2.456,661,2.659,662,2.659,687,0.436]],["t/284",[0,0.246,1,0.3,7,0.019,8,0.259,9,0.284,10,0.335,11,0.296,12,0.29,13,0.321,14,0.413,15,0.315,19,0.814,24,0.379,26,0.274,27,0.235,28,1.492,32,0.633,36,1.503,37,1.681,38,0.956,40,1.442,60,1.157,63,2.938,67,2.421,68,2.703,153,1.718,172,0.264,184,3.015,193,2.233,252,3.725,261,2.672,346,2.248,384,2.872,388,2.255,389,3.109,392,1.35,407,2.411,421,2.396,444,4.52,445,2.612,446,3.706,447,3.642,450,2.672,451,3.987,452,3.543,453,3.987,454,4.034,455,4.105,486,3.153,487,3.664,498,3.4,499,3.379,500,3.4,501,3.4,502,3.4,519,3.295,520,2.872,533,3.4,687,0.576,969,2.371]],["t/286",[0,0.248,1,0.283,7,0.018,8,0.274,9,0.274,10,0.328,11,0.286,12,0.28,13,0.31,14,0.398,15,0.304,19,0.705,22,2.399,24,0.3,26,0.274,27,0.226,30,3.284,32,0.659,36,1.646,37,1.456,49,2.421,50,2.184,55,2.767,60,0.914,70,2.469,153,2.298,155,2.051,159,2.624,161,1.58,172,0.289,239,3.206,299,3.145,364,1.701,392,1.303,407,2.088,412,5.498,413,4.608,414,4.492,415,4.852,416,3.848,417,4.058,421,2.624,468,3.453,577,3.068,614,3.358,618,4.478,643,3.555,661,3.848,662,3.848,687,0.631]],["t/288",[0,0.228,1,0.278,7,0.016,8,0.291,9,0.248,10,0.31,11,0.258,12,0.253,13,0.28,14,0.36,15,0.275,24,0.331,26,0.275,27,0.205,28,1.528,32,0.552,34,2.729,38,0.834,60,1.01,172,0.32,322,4.544,332,3.565,346,2.151,392,1.179,548,5.707,549,5.221,556,6.129,687,0.698]],["t/290",[0,0.252,1,0.295,7,0.018,8,0.225,9,0.274,10,0.329,11,0.286,12,0.28,13,0.311,14,0.399,15,0.305,19,0.708,24,0.396,26,0.275,27,0.227,28,1.443,32,0.661,36,2.016,38,0.758,60,0.918,67,2.662,68,2.972,153,1.889,166,3.239,172,0.291,184,2.775,239,2.634,240,1.708,252,3.952,261,2.938,346,1.955,364,1.708,384,3.158,386,5.943,387,5.169,388,3.264,389,4.5,392,1.071,421,2.634,447,2.748,452,2.809,454,3.044,487,2.905,499,2.938,519,3.623,520,3.158,533,3.738,687,0.634]],["t/292",[0,0.225,1,0.275,7,0.016,8,0.287,9,0.243,10,0.306,11,0.253,12,0.248,13,0.275,14,0.353,15,0.27,26,0.273,27,0.201,32,0.541,34,2.675,37,1.988,38,0.818,44,2.851,60,0.99,162,2.584,172,0.313,183,2.774,264,2.902,371,2.598,392,1.155,407,2.262,443,3.45,557,5.019,567,4.317,576,3.97,577,3.324,578,4.241,579,5.303,687,0.684]],["t/294",[0,0.225,1,0.274,7,0.016,8,0.241,9,0.241,10,0.305,11,0.252,12,0.246,13,0.273,14,0.351,15,0.268,24,0.322,26,0.272,27,0.199,28,1.505,32,0.538,36,1.771,38,0.812,60,0.984,67,2.853,68,3.186,153,2.024,172,0.311,184,2.893,252,4.12,261,3.149,346,2.095,384,3.385,388,2.658,389,3.664,392,1.148,421,2.824,447,2.946,452,3.011,454,3.263,487,3.113,499,3.149,519,3.884,520,3.385,533,4.755,687,0.679]],["t/296",[0,0.225,1,0.274,7,0.016,8,0.286,9,0.241,10,0.305,11,0.252,12,0.246,13,0.273,14,0.351,15,0.268,19,0.759,24,0.322,26,0.272,27,0.199,28,1.268,32,0.538,37,1.567,38,0.812,60,0.984,63,2.738,172,0.311,184,2.438,193,2.632,346,2.095,392,1.148,407,2.247,447,2.946,451,3.716,452,3.011,453,3.716,454,3.263,455,4.54,486,3.716,487,3.694,498,4.007,499,3.149,500,4.007,501,4.755,502,4.007,687,0.679]],["t/298",[0,0.225,1,0.274,7,0.016,8,0.286,9,0.241,10,0.305,11,0.252,12,0.246,13,0.273,14,0.351,15,0.268,19,0.759,24,0.322,26,0.272,27,0.199,28,1.268,32,0.538,37,1.567,38,0.812,60,0.984,63,2.738,172,0.311,184,2.438,193,2.632,346,2.095,392,1.148,407,2.247,447,2.946,451,3.716,452,3.011,453,3.716,454,3.263,455,4.54,486,3.716,487,3.694,498,4.007,499,3.149,500,4.755,501,4.007,502,4.007,687,0.679]],["t/300",[0,0.247,1,0.301,4,2.409,7,0.019,8,0.26,9,0.284,10,0.335,11,0.297,12,0.291,13,0.322,14,0.414,15,0.316,19,0.648,24,0.38,26,0.275,27,0.235,28,1.62,32,0.635,36,1.511,37,1.849,38,0.958,60,1.16,63,2.336,67,2.434,68,2.718,153,1.727,172,0.266,184,2.877,193,2.245,252,3.739,261,2.687,332,2.962,346,2.472,384,2.888,388,2.267,389,3.126,392,1.354,407,2.419,421,2.409,447,3.172,451,3.17,452,3.241,453,3.17,454,3.513,455,4.119,486,3.17,487,3.977,498,3.419,499,3.902,500,3.419,501,3.419,502,3.419,519,3.314,520,2.888,533,3.419,590,4.888,591,3.954,687,0.58,969,2.384]],["t/302",[0,0.249,1,0.296,7,0.018,8,0.276,9,0.276,10,0.33,11,0.288,12,0.282,13,0.312,14,0.401,15,0.306,24,0.303,26,0.276,27,0.228,32,0.615,34,2.5,36,1.666,37,1.931,38,0.764,44,2.738,60,1.125,72,2.656,162,2.85,172,0.293,183,2.664,186,3.653,255,3.069,259,3.446,264,2.712,371,2.428,392,1.313,407,2.113,437,5.539,438,4.912,443,4.225,557,4.819,567,4.034,576,3.71,577,3.106,578,3.963,579,4.187,687,0.639]],["t/304",[0,0.227,1,0.276,4,2.874,5,2.552,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.251,13,0.278,14,0.357,15,0.273,19,0.773,26,0.274,27,0.203,32,0.547,38,0.827,60,1.001,162,2.601,172,0.317,235,5.142,371,3.095,375,4.364,392,1.168,443,4.11,558,5.444,559,4.819,565,4.929,566,4.929,687,0.691]],["t/306",[0,0.242,1,0.295,7,0.018,8,0.275,9,0.275,10,0.329,11,0.287,12,0.281,13,0.311,14,0.4,15,0.305,22,2.408,24,0.301,26,0.275,27,0.227,28,1.445,30,2.858,32,0.613,36,1.656,37,1.465,38,0.759,49,2.436,50,2.197,55,2.784,60,1.121,70,3.267,153,2.307,155,2.064,161,1.589,172,0.291,239,2.64,272,4.161,299,3.164,346,1.959,392,1.308,407,2.1,414,3.425,421,2.64,468,3.474,534,5.396,577,3.087,611,4.753,614,4.442,618,4.494,643,3.576,661,3.871,662,3.871,687,0.635]],["t/308",[0,0.257,1,0.313,5,1.478,6,3.239,7,0.02,8,0.302,9,0.307,10,0.349,11,0.32,12,0.313,13,0.347,14,0.446,15,0.34,16,1.079,19,0.742,22,2.474,24,0.363,25,2.86,26,0.279,27,0.254,28,1.589,30,2.105,31,2.953,32,0.684,36,1.044,37,1.765,38,0.866,39,2.739,40,1.002,41,2.675,42,2.841,43,3.212,44,2.341,46,1.614,49,1.536,50,1.385,55,2.5,56,3.89,57,2.79,58,2.731,59,3.419,60,1.265,61,3.799,62,3.6,63,1.614,64,2.361,65,2.527,66,2.623,67,1.681,68,1.877,69,3.311,70,2.231,71,3.975,72,2.761,73,2.675,74,2.854,75,2.996,76,2.878,77,2.996,139,3.666,140,2.167,141,2.574,142,2.101,143,3.537,144,3.537,145,2.221,146,1.41,147,2.19,148,2.574,149,2.623,150,1.582,151,1.614,152,2.841,153,1.98,154,2.675,155,2.487,156,4.268,157,3.265,158,3.811,159,1.664,160,2.731,161,1.812,162,1.821,163,1.183,164,1.946,172,0.183,175,1.717,183,1.955,234,2.739,239,2.37,266,2.289,299,1.995,308,2.159,320,1.877,346,1.235,347,2.02,388,2.231,392,1.223,407,1.324,414,2.159,421,1.664,468,3.119,508,2.44,576,2.324,577,1.946,614,2.129,615,4.163,616,3.166,618,3.311,643,2.254,661,2.44,662,2.44,663,3.89,664,2.675,673,2.922,674,3.811,675,2.675,687,0.4,971,3.83]],["t/310",[0,0.257,1,0.314,2,4.565,3,3.333,4,1.643,5,2.086,6,3.457,7,0.02,8,0.296,9,0.306,10,0.349,11,0.319,12,0.312,13,0.346,14,0.445,15,0.339,16,1.94,17,2.226,18,2.956,19,0.804,20,2.818,21,2.696,22,2.464,23,3.445,24,0.361,25,3.009,26,0.279,27,0.253,28,1.643,29,2.885,30,2.435,31,3.943,32,0.682,33,3.567,34,1.546,35,2.747,36,1.473,37,1.827,38,0.91,39,3.168,40,1.414,41,3.094,42,1.969,43,3.715,44,2.536,45,4.23,46,2.278,47,2.755,48,3.126,49,1.516,50,1.367,51,0.934,52,2.369,53,2.696,54,2.26,55,2.477,56,3.855,57,2.755,58,2.696,59,3.388,60,1.181,61,3.777,62,3.567,63,1.593,64,2.331,65,2.495,66,2.59,67,1.66,68,1.854,69,3.281,70,1.546,71,3.939,72,2.742,73,2.641,74,2.818,75,2.958,76,2.852,77,2.958,139,3.633,140,2.147,141,2.541,142,2.074,143,3.505,144,3.505,145,2.193,146,1.393,147,2.162,148,2.541,149,2.59,150,1.562,151,1.593,152,2.816,153,1.178,154,2.641,155,2.143,156,4.23,157,3.223,158,3.777,159,1.643,160,2.696,161,1.414,162,1.804,163,1.168,164,1.921,172,0.181,175,1.696,234,2.714,347,1.994,388,2.211,392,0.668,674,3.777,675,2.641,687,0.395,972,3.781]],["t/312",[0,0.263,1,0.3,7,0.018,8,0.27,9,0.27,10,0.325,11,0.282,12,0.276,13,0.306,14,0.392,15,0.3,19,0.689,24,0.293,26,0.272,27,0.242,32,0.652,37,1.901,38,0.909,50,2.132,60,1.193,150,2.435,151,2.484,153,2.265,159,3.159,164,2.996,171,1.821,172,0.282,186,3.523,264,2.616,280,2.753,364,1.661,382,2.887,391,5.079,392,1.284,393,4.295,407,2.038,408,4.393,409,4.393,410,4.393,411,5.185,422,4.498,423,4.995,424,4.516,687,0.616,971,5.896]],["t/314",[0,0.258,1,0.315,4,3.2,5,2.129,7,0.02,8,0.303,9,0.308,10,0.35,11,0.321,12,0.314,13,0.348,14,0.447,15,0.342,19,0.644,22,2.268,24,0.365,25,1.606,26,0.28,27,0.254,28,1.568,30,2.129,32,0.686,34,1.591,36,1.06,37,1.999,38,1.004,40,1.017,42,3.338,44,2.032,49,1.56,50,1.407,55,1.782,60,1.254,70,2.256,140,1.545,153,1.718,155,1.874,161,1.443,162,2.328,163,1.201,164,2.803,171,1.201,172,0.186,183,2.499,235,3.64,239,2.397,264,1.726,266,3.296,267,2.521,269,4.11,299,2.026,308,2.193,320,1.907,332,2.078,346,2.248,371,2.924,375,2.566,388,1.591,392,1.464,407,2.546,414,2.193,421,1.69,443,2.91,445,1.842,468,3.154,487,2.643,499,1.885,508,2.478,557,3.576,558,3.854,559,2.834,563,3.125,565,2.898,566,2.898,567,2.566,576,3.348,577,3.257,578,3.576,579,2.664,582,4.209,583,3.215,587,4.019,588,2.968,590,3.854,591,2.774,610,4.209,614,2.163,615,4.209,616,3.215,618,3.348,619,2.614,620,2.834,643,2.29,661,2.478,662,2.478,663,3.934,664,2.717,673,2.968,687,0.407,972,3.89]],["t/316",[0,0.26,1,0.314,7,0.02,8,0.303,9,0.307,10,0.35,11,0.321,12,0.314,13,0.348,14,0.447,15,0.341,19,0.746,24,0.365,26,0.28,27,0.254,28,1.634,32,0.7,36,1.053,37,1.324,38,0.981,39,2.756,40,1.997,46,2.93,60,1.267,63,2.314,67,2.411,68,1.894,72,2.775,146,1.423,150,1.596,151,1.628,152,2.86,153,1.71,161,1.436,162,2.132,163,1.194,164,2.79,171,1.194,172,0.185,184,2.609,186,2.309,193,1.565,252,2.934,255,1.94,257,2.647,259,2.179,261,1.873,346,2.368,364,1.547,384,2.86,385,3.185,388,1.58,389,2.179,392,1.462,407,1.898,421,2.386,425,4.092,426,2.309,427,3.023,430,4.092,431,2.896,432,3.105,437,4.092,438,3.105,443,2.038,444,3.559,445,1.83,446,2.597,447,3.152,450,3.37,451,3.14,452,2.959,453,3.14,454,3.206,455,3.232,456,4,457,3.023,470,4.092,471,3.69,472,2.55,473,3.559,483,2.756,484,2.756,485,2.756,486,2.21,487,3.06,498,2.383,499,2.661,500,2.383,501,2.383,502,2.383,503,3.023,504,3.105,507,4,508,2.462,509,2.949,519,2.309,520,2.013,533,2.383,687,0.404,971,3.865]],["t/318",[0,0.227,1,0.276,4,2.874,5,2.552,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.251,13,0.278,14,0.357,15,0.273,19,0.773,26,0.274,27,0.203,32,0.547,38,0.827,60,1.001,162,2.601,172,0.317,235,5.466,371,3.095,375,4.364,392,1.168,443,3.489,558,5.444,559,4.819,565,4.929,566,4.929,687,0.691]],["t/320",[0,0.257,1,0.314,7,0.02,8,0.302,9,0.307,10,0.349,11,0.32,12,0.314,13,0.348,14,0.446,15,0.341,19,0.744,24,0.389,26,0.279,27,0.254,28,1.632,32,0.684,34,2.237,36,1.048,37,1.319,38,1.033,39,2.746,40,2.096,46,2.923,60,1.251,63,2.305,67,2.402,68,1.885,70,2.237,146,2.015,150,1.588,151,1.62,152,2.849,153,1.704,163,1.187,164,2.78,171,1.187,172,0.184,184,2.603,193,1.557,252,2.923,257,2.633,261,1.863,272,2.633,322,3.173,332,2.054,346,2.456,384,2.849,385,3.173,388,1.572,389,2.167,392,1.46,407,1.891,421,2.377,431,2.028,444,3.546,445,1.821,446,2.584,447,3.454,450,3.553,451,3.128,452,3.214,453,3.128,454,3.197,455,3.22,456,3.986,457,3.008,470,4.077,471,3.677,472,2.537,473,3.546,483,2.741,484,2.741,485,2.741,486,2.198,487,3.051,493,2.333,498,2.37,499,2.651,500,2.37,501,2.37,502,2.37,503,3.008,504,3.089,507,3.986,508,2.45,509,2.933,519,2.297,520,2.002,533,2.37,534,3.986,535,3.677,536,2.537,537,2.741,548,3.986,549,3.008,556,3.008,611,3.008,614,2.138,687,0.402,972,3.845]],["t/322",[0,0.265,1,0.313,7,0.02,8,0.297,9,0.297,10,0.344,11,0.311,12,0.304,13,0.337,14,0.433,15,0.33,19,0.579,24,0.323,26,0.277,27,0.253,28,1.605,32,0.704,37,1.753,38,0.813,50,1.792,60,1.213,72,3.158,150,2.047,151,2.088,153,2.028,159,2.828,161,1.703,162,2.426,164,2.518,171,1.531,172,0.237,186,3.89,255,2.488,259,2.794,264,2.199,280,2.465,346,2.098,364,2.047,382,2.585,391,4.547,392,1.416,393,3.61,407,1.713,408,3.693,409,3.693,410,3.693,411,4.642,422,3.781,423,4.684,424,4.283,425,4.85,426,2.961,427,3.877,430,4.85,431,2.614,432,3.982,437,4.85,438,3.982,443,2.614,687,0.518,972,4.956]],["t/324",[0,0.227,1,0.276,4,2.874,5,2.552,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.251,13,0.278,14,0.357,15,0.273,19,0.773,26,0.274,27,0.203,32,0.547,38,0.827,60,1.001,162,2.601,172,0.317,235,5.142,371,3.095,375,4.364,392,1.168,443,3.489,558,5.444,559,4.819,565,5.807,566,4.929,687,0.691]],["t/326",[0,0.224,1,0.273,7,0.016,8,0.286,9,0.241,10,0.305,11,0.251,12,0.246,13,0.273,14,0.35,15,0.267,22,2.671,26,0.272,27,0.199,30,2.972,32,0.537,37,1.564,49,2.6,50,2.345,55,2.971,60,0.981,70,2.652,153,2.399,155,2.203,161,1.696,172,0.311,239,2.818,299,3.377,392,1.145,407,2.242,414,3.656,421,2.818,468,3.708,577,3.295,614,3.606,618,4.674,643,3.817,661,4.132,662,4.132,687,0.678]],["t/328",[0,0.249,1,0.304,7,0.019,8,0.29,9,0.29,10,0.339,11,0.303,12,0.296,13,0.328,14,0.422,15,0.322,19,0.675,24,0.287,26,0.278,27,0.24,28,1.401,32,0.647,37,1.394,38,0.977,40,2.241,46,3.027,60,1.183,63,2.436,150,2.388,151,2.436,153,1.801,172,0.277,184,2.169,257,3.96,346,1.864,392,1.38,407,1.999,421,2.512,444,4.656,445,2.738,446,3.885,447,3.256,450,3.787,451,3.306,452,2.678,453,3.306,454,2.902,456,5.233,457,4.523,507,5.233,508,3.684,509,4.411,687,0.604,969,2.486]],["t/330",[0,0.249,1,0.303,2,4.596,6,2.804,7,0.02,8,0.288,9,0.299,10,0.345,11,0.312,12,0.306,13,0.339,14,0.435,15,0.332,16,1.422,18,2.364,19,0.59,22,1.641,24,0.364,25,2.721,26,0.279,27,0.254,28,1.517,30,2.542,31,3.566,32,0.667,33,4.347,34,2.694,35,2.565,36,1.376,37,1.589,38,0.972,39,3.682,40,2.204,41,3.23,42,2.629,43,2.971,44,1.859,46,2.127,60,1.11,71,4.8,72,2.193,73,3.526,74,3.761,75,3.949,76,3.475,77,3.949,146,1.859,152,3.431,161,1.32,172,0.242,240,1.422,255,2.534,259,2.846,263,5.616,266,3.016,267,3.272,268,4.813,346,1.627,392,1.163,431,2.662,445,2.391,447,2.986,450,3.192,452,2.338,471,4.428,472,3.331,473,4.271,483,3.6,484,3.6,485,3.6,493,3.063,535,4.428,536,3.331,537,3.6,687,0.528]],["t/332",[0,0.258,1,0.314,4,3.215,5,2.149,7,0.02,8,0.304,9,0.308,10,0.35,11,0.322,12,0.315,13,0.349,14,0.448,15,0.342,19,0.65,22,1.281,24,0.392,26,0.281,27,0.255,28,1.656,32,0.688,34,2.64,36,1.074,37,1.977,38,1.039,40,1.689,42,2.053,44,2.051,60,1.272,70,2.64,140,1.565,146,1.451,162,2.341,163,1.217,164,2.829,171,1.217,172,0.189,183,1.995,235,3.674,264,1.749,266,2.355,267,2.555,269,4.149,272,2.699,322,3.23,332,2.975,346,2.476,371,2.939,375,2.6,388,1.612,392,1.468,407,2.426,443,2.937,445,1.867,447,2.524,450,1.91,452,1.826,487,2.667,493,2.392,499,1.91,534,4.056,535,3.742,536,2.6,537,2.81,548,4.056,549,3.083,556,3.083,557,3.609,558,3.89,559,2.871,563,3.166,565,2.937,566,2.937,567,2.6,576,2.392,577,2.829,578,3.609,579,2.699,582,4.248,583,3.258,587,4.056,588,3.007,590,3.89,591,2.81,610,4.248,611,3.083,614,2.191,619,2.649,620,2.871,687,0.412,971,3.941]],["t/334",[0,0.248,1,0.303,2,4.447,3,4.376,4,2.464,5,2.739,6,3.021,7,0.019,8,0.287,9,0.287,10,0.337,11,0.3,12,0.294,13,0.326,14,0.418,15,0.319,16,1.598,17,3.339,18,2.656,19,0.662,20,4.226,21,4.044,22,2.773,23,4.522,24,0.281,25,2.342,26,0.276,27,0.238,28,1.631,29,4.327,30,2.189,31,3.07,32,0.641,37,1.958,39,3.563,60,1.074,155,2.411,158,4.958,159,2.464,160,4.044,161,1.857,162,2.369,172,0.272,175,2.543,234,3.563,347,2.991,388,2.902,392,1.002,674,4.958,675,3.962,687,0.593,969,2.439]],["t/336",[0,0.245,1,0.299,2,4.739,6,3.219,7,0.019,8,0.281,9,0.296,10,0.342,11,0.309,12,0.302,13,0.335,14,0.43,15,0.328,16,1.517,18,2.522,19,0.629,22,1.751,24,0.341,25,3.124,26,0.278,27,0.253,28,1.554,30,2.651,31,4.312,32,0.659,33,4.532,34,2.202,35,2.736,36,1.468,37,1.656,38,0.858,39,2.703,40,1.797,41,4.034,42,2.804,43,3.17,44,1.983,60,1.039,61,2.954,62,4.532,63,2.269,64,3.32,65,3.553,66,3.688,67,2.364,68,2.64,69,3.268,70,2.202,71,5.004,72,2.34,73,3.762,74,4.013,75,4.213,76,3.623,77,4.213,140,2.138,153,1.677,155,1.829,161,1.409,172,0.258,193,2.18,240,1.517,299,2.804,302,5.374,303,4.452,687,0.563]],["t/338",[0,0.226,1,0.276,7,0.016,8,0.288,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.355,15,0.271,19,0.769,24,0.327,26,0.273,27,0.202,32,0.545,38,0.823,39,3.902,40,1.723,46,2.775,60,0.997,152,4.048,172,0.316,392,1.163,431,3.473,450,3.191,471,5.223,472,4.345,473,5.36,483,4.696,484,4.696,485,4.696,687,0.688]],["t/340",[0,0.228,1,0.278,6,2.834,7,0.016,8,0.29,9,0.247,10,0.309,11,0.258,12,0.252,13,0.28,14,0.359,15,0.274,24,0.33,25,2.75,26,0.275,27,0.204,32,0.551,38,0.832,40,1.742,41,3.264,60,1.008,71,5.7,72,2.893,73,4.652,74,4.962,75,5.209,76,4.126,77,6.121,172,0.319,687,0.696]],["t/342",[0,0.248,1,0.302,6,3.007,7,0.019,8,0.286,9,0.286,10,0.337,11,0.299,12,0.293,13,0.324,14,0.417,15,0.318,16,1.585,18,2.636,19,0.657,22,2.297,24,0.279,25,2.325,26,0.276,27,0.237,28,1.378,30,2.726,32,0.639,35,2.86,37,1.357,38,0.703,43,4.158,44,2.073,45,5.526,46,2.976,47,4.101,48,4.653,49,2.832,50,2.554,51,1.391,52,3.527,53,4.014,54,3.364,55,3.709,56,5.037,57,4.101,58,4.014,59,4.426,60,1.069,61,3.088,70,2.302,153,2.2,155,1.912,161,1.472,172,0.27,239,2.446,299,2.931,392,0.994,407,1.946,414,3.173,421,2.446,468,3.218,577,2.86,614,3.13,618,4.287,643,3.313,661,3.586,662,3.586,687,0.588,969,2.42]],["t/344",[1,0.237,7,0.016,8,0.291,9,0.248,10,0.31,11,0.259,12,0.254,13,0.281,14,0.361,15,0.276,26,0.275,27,0.241,32,0.554,38,0.98,49,3.145,50,2.837,72,2.906,162,2.232,172,0.32,176,5.103,183,2.811,221,4.77,240,1.884,244,6.302,251,5.896,252,3.573,687,0.699]],["t/346",[0,0.248,1,0.303,6,2.414,7,0.019,8,0.263,9,0.287,10,0.337,11,0.3,12,0.294,13,0.326,14,0.418,15,0.319,19,0.662,24,0.352,25,2.342,26,0.276,27,0.238,28,1.511,31,3.842,32,0.641,36,1.546,38,0.887,41,2.78,46,2.39,60,1.172,61,3.111,62,4.683,63,2.39,64,3.497,65,3.742,66,3.885,67,3.564,68,3.479,69,3.442,70,2.319,146,2.089,153,1.767,172,0.272,184,2.663,252,3.792,261,2.748,346,1.828,384,3.696,385,4.117,388,2.319,389,3.197,392,1.253,421,2.464,447,2.571,452,2.627,454,2.847,470,5.289,487,2.717,499,2.748,503,4.437,504,4.557,519,3.389,520,2.954,533,3.497,687,0.593,969,2.439]],["t/348",[0,0.241,1,0.276,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.25,13,0.277,14,0.356,15,0.272,24,0.327,26,0.274,27,0.203,32,0.644,37,1.996,38,0.825,50,2.387,60,0.999,159,2.868,172,0.316,186,3.944,364,1.859,391,5.437,392,1.165,393,4.808,407,2.282,408,5.799,409,4.918,410,4.918,687,0.69]],["t/350",[0,0.229,1,0.279,7,0.016,8,0.291,9,0.249,10,0.311,11,0.26,12,0.254,13,0.282,14,0.362,15,0.276,26,0.276,27,0.206,32,0.555,38,0.838,46,2.825,60,1.014,67,2.943,146,2.469,172,0.321,384,3.491,385,4.832,392,1.184,470,5.853,503,5.245,504,5.386,687,0.701]],["t/352",[0,0.227,1,0.276,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.25,13,0.277,14,0.356,15,0.272,24,0.327,26,0.274,27,0.203,28,1.518,32,0.546,34,2.699,38,0.825,40,2.036,60,0.999,146,2.431,172,0.316,346,2.127,392,1.165,447,3.527,450,3.198,452,3.057,493,4.723,535,5.23,536,4.355,537,4.706,687,0.69]],["t/354",[0,0.25,1,0.305,7,0.019,8,0.275,9,0.291,10,0.339,11,0.304,12,0.297,13,0.33,14,0.423,15,0.323,19,0.781,24,0.389,26,0.275,27,0.241,28,1.585,32,0.649,34,2.111,36,1.407,37,1.612,38,0.98,40,1.939,60,1.187,63,2.816,67,2.266,68,2.53,140,2.05,146,1.901,153,1.608,172,0.247,184,2.942,193,2.09,252,3.571,261,2.501,346,2.39,384,2.688,388,2.111,389,2.91,392,1.385,407,2.311,421,2.243,444,4.333,445,2.445,446,3.469,447,3.838,450,3.239,451,3.822,452,3.632,453,3.822,454,3.721,455,3.935,486,2.951,487,3.551,493,3.132,498,3.182,499,3.239,500,3.182,501,3.182,502,3.182,519,3.084,520,2.688,533,3.182,535,4.492,536,3.406,537,3.68,687,0.539]],["t/356",[0,0.241,1,0.294,7,0.018,8,0.273,9,0.273,10,0.328,11,0.285,12,0.279,13,0.309,14,0.397,15,0.303,19,0.859,24,0.365,26,0.274,27,0.226,28,1.171,32,0.608,36,1.636,37,1.773,38,0.919,40,1.57,60,1.112,63,3.097,172,0.288,184,2.758,193,2.43,346,1.935,392,1.298,407,2.541,444,4.765,445,2.843,446,4.034,447,3.602,450,2.909,451,4.543,452,3.405,453,4.203,454,3.69,455,4.327,486,3.432,487,3.522,498,3.701,499,2.909,500,3.701,501,3.701,502,3.701,687,0.627]],["t/358",[0,0.241,1,0.276,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.25,13,0.277,14,0.356,15,0.272,24,0.327,26,0.274,27,0.203,32,0.644,37,1.996,38,0.825,50,2.814,60,0.999,159,2.868,172,0.316,186,3.944,364,1.859,391,5.437,392,1.165,393,4.808,407,2.282,408,4.918,409,4.918,410,4.918,687,0.69]],["t/360",[0,0.251,1,0.303,5,1.731,6,2.592,7,0.02,8,0.297,9,0.303,10,0.347,11,0.317,12,0.31,13,0.344,14,0.441,15,0.337,16,1.264,19,0.711,22,2.521,24,0.302,26,0.279,27,0.259,28,1.624,30,2.35,32,0.677,36,1.223,37,1.87,38,0.561,39,3.057,41,2.199,42,3.172,44,2.243,49,1.799,50,1.622,55,2.055,60,1.174,61,2.461,69,2.722,70,1.834,72,1.949,139,4.093,140,2.419,141,3.015,142,2.461,143,2.908,144,2.908,145,2.602,146,1.652,147,2.565,148,3.015,149,3.073,150,1.853,151,1.89,152,3.172,153,2.491,154,3.134,155,2.827,158,4.255,159,1.949,160,3.199,161,2.028,162,2.033,172,0.215,175,2.012,183,2.183,193,1.817,234,3.057,239,2.646,240,1.716,298,5.035,299,3.601,300,3.955,302,4.765,303,3.709,320,2.199,347,2.366,388,2.491,392,1.221,407,1.551,414,2.529,421,1.949,426,2.681,468,3.482,576,2.722,577,2.279,614,2.494,618,3.696,643,2.641,661,2.858,662,2.858,663,4.343,664,3.134,673,3.423,674,4.255,675,3.134,687,0.469]],["t/362",[0,0.242,1,0.295,2,4.997,6,2.576,7,0.018,8,0.224,9,0.274,10,0.328,11,0.286,12,0.28,13,0.31,14,0.399,15,0.304,16,1.704,18,2.834,22,1.967,25,2.499,26,0.275,27,0.227,28,1.556,30,2.851,31,3.999,32,0.611,33,4.874,34,2.474,35,3.074,36,2.013,37,1.781,38,0.756,39,3.038,40,1.583,41,2.966,42,4.325,43,3.562,44,2.229,60,0.916,155,2.055,161,1.583,172,0.29,183,2.647,239,2.629,320,2.966,392,1.069,468,3.46,576,3.672,663,5.268,664,4.227,673,4.617,687,0.632]],["t/364",[7,0.019,8,0.283,9,0.283,10,0.334,11,0.295,12,0.289,13,0.32,14,0.411,15,0.314,24,0.316,26,0.279,27,0.259,28,1.649,32,0.631,37,1.537,38,0.797,159,2.769,161,1.667,164,3.239,171,1.969,172,0.305,184,2.391,226,5.964,229,5.121,239,2.769,240,2.147,241,5.434,243,4.644,266,3.809,271,6.499,272,4.366,273,6.078,274,6.078,337,3.93,687,0.666]],["t/366",[0,0.258,1,0.312,4,1.715,7,0.02,8,0.304,9,0.308,10,0.35,11,0.322,12,0.315,13,0.349,14,0.449,15,0.343,19,0.461,24,0.381,26,0.281,27,0.258,28,1.734,32,0.703,34,2.279,36,1.075,37,0.952,38,0.987,40,1.836,41,1.935,46,1.663,60,1.241,63,1.663,67,1.733,68,1.935,70,2.279,72,2.421,140,1.567,146,1.453,153,1.736,155,1.34,161,1.69,163,1.219,164,2.832,171,1.219,172,0.189,184,2.424,193,2.257,240,1.112,252,2.977,261,1.912,272,2.703,299,2.055,302,4.36,303,3.262,322,3.233,332,2.108,337,2.433,346,2.644,364,1.57,384,2.055,388,1.614,389,2.225,392,1.449,407,1.364,421,1.715,425,4.153,426,2.358,427,3.087,430,4.153,431,2.081,432,3.171,447,3.182,450,2.701,451,2.256,452,2.993,453,2.256,454,2.798,455,3.281,486,2.256,487,3.095,493,2.395,498,2.433,499,2.701,500,2.433,501,2.433,502,2.433,507,4.06,508,2.514,509,3.011,519,2.358,520,2.055,533,2.433,534,4.06,535,3.745,536,2.604,537,2.814,548,4.06,549,3.087,556,3.087,582,4.252,583,3.262,611,3.087,614,2.194,687,0.412]],["t/368",[0,0.256,1,0.312,2,4.547,3,3.309,4,2.332,5,2.071,6,3.214,7,0.02,8,0.289,9,0.305,10,0.348,11,0.318,12,0.312,13,0.346,14,0.444,15,0.339,16,1.931,17,2.203,18,2.939,19,0.801,20,2.789,21,2.669,22,2.587,23,3.42,24,0.386,25,2.831,26,0.278,27,0.252,28,1.705,29,2.856,30,2.421,31,3.928,32,0.68,33,3.542,34,1.531,35,2.727,36,1.71,37,1.919,38,0.944,39,3.15,40,1.404,41,2.631,42,2.795,43,2.203,44,2.311,45,4.199,46,1.577,47,2.727,48,3.094,49,1.501,50,1.354,51,0.925,52,2.346,53,2.669,54,2.237,55,1.715,60,1.177,61,2.944,62,3.542,63,1.577,64,2.308,65,2.47,66,2.564,67,1.643,68,1.835,69,3.257,70,2.195,72,1.626,139,3.607,140,1.486,141,2.516,142,2.053,143,2.426,144,2.426,145,2.171,146,1.379,147,2.14,148,2.516,149,2.564,150,1.546,151,1.577,152,2.795,153,1.166,154,2.615,155,2.131,158,3.75,159,1.626,160,2.669,161,1.404,162,1.791,163,1.156,164,1.902,172,0.179,175,1.679,234,2.694,266,3.207,267,2.426,308,2.11,332,2,337,2.308,346,2.023,347,1.974,388,2.566,392,1.21,407,1.294,487,2.571,499,1.814,508,2.385,590,3.75,591,2.669,610,4.095,615,4.095,616,3.094,619,2.516,620,2.727,674,3.75,675,2.615,687,0.391]],["t/370",[1,0.238,7,0.016,8,0.291,9,0.249,10,0.311,11,0.26,12,0.254,13,0.282,14,0.362,15,0.276,26,0.276,27,0.241,32,0.555,38,0.981,49,2.688,50,2.424,72,2.913,162,2.237,172,0.321,176,5.115,183,2.985,221,4.78,240,1.888,244,6.311,251,5.909,252,3.582,687,0.701]],["t/372",[0,0.259,1,0.294,7,0.018,8,0.295,9,0.273,10,0.328,11,0.285,12,0.279,13,0.309,14,0.397,15,0.303,16,1.691,19,0.701,24,0.365,26,0.274,27,0.226,28,1.434,32,0.658,34,2.454,36,1.636,38,0.75,40,1.923,44,2.211,60,0.908,146,3.225,161,1.57,172,0.288,175,2.692,230,4.373,240,1.691,330,5.242,341,4.138,346,1.935,347,3.166,348,3.249,349,4.28,392,1.06,447,3.332,450,2.909,452,2.78,493,3.643,535,4.94,536,3.96,537,4.28,687,0.627]],["t/374",[0,0.226,1,0.275,2,4.858,3,4.779,4,2.849,5,2.53,6,2.791,7,0.016,8,0.288,9,0.243,10,0.307,11,0.254,12,0.249,13,0.276,14,0.354,15,0.27,16,1.847,17,3.859,18,3.071,19,0.766,20,4.885,21,4.675,22,2.521,23,5.259,24,0.325,25,2.708,26,0.273,27,0.201,28,1.279,29,5.002,30,2.53,31,3.549,32,0.543,172,0.314,687,0.685]],["t/376",[0,0.242,1,0.295,7,0.018,8,0.275,9,0.275,10,0.329,11,0.287,12,0.281,13,0.312,14,0.4,15,0.305,26,0.275,27,0.228,28,1.188,32,0.614,34,2.49,36,1.659,37,1.928,38,0.761,42,3.862,44,2.731,60,1.122,155,2.068,161,1.593,162,2.475,172,0.292,183,3.057,239,2.645,264,2.701,320,2.985,371,2.418,392,1.309,407,2.105,443,3.211,468,3.481,557,4.807,567,4.017,576,4.5,577,3.093,578,3.946,579,4.17,663,5.288,664,4.253,673,4.645,687,0.636]],["t/378",[0,0.242,1,0.236,7,0.016,8,0.29,9,0.246,10,0.309,11,0.257,12,0.252,13,0.279,14,0.358,15,0.274,19,0.776,24,0.33,26,0.274,27,0.204,30,3.203,32,0.647,159,2.887,172,0.318,239,2.887,364,1.871,392,1.173,412,5.822,413,5.069,414,3.746,415,5.338,416,4.233,417,5.251,687,0.694]],["t/380",[0,0.259,1,0.273,7,0.016,8,0.305,9,0.24,10,0.304,11,0.251,12,0.245,13,0.272,14,0.349,15,0.267,16,1.823,19,0.756,24,0.321,26,0.271,27,0.199,32,0.637,44,2.383,146,3.241,161,1.693,172,0.31,175,2.902,230,4.715,240,1.823,330,5.485,341,4.424,347,3.413,348,3.503,349,4.614,687,0.676]],["t/382",[0,0.242,1,0.236,7,0.016,8,0.29,9,0.246,10,0.309,11,0.257,12,0.252,13,0.279,14,0.358,15,0.274,19,0.776,24,0.33,26,0.274,27,0.204,30,3.203,32,0.647,159,2.887,172,0.318,239,2.887,364,1.871,392,1.173,412,5.822,413,5.069,414,3.746,415,6.277,416,4.233,417,4.465,687,0.694]],["t/384",[0,0.242,1,0.236,7,0.016,8,0.29,9,0.246,10,0.309,11,0.257,12,0.252,13,0.279,14,0.358,15,0.274,19,0.776,24,0.33,26,0.274,27,0.204,30,3.203,32,0.647,159,2.887,172,0.318,239,2.887,364,1.871,392,1.173,412,5.822,413,5.069,414,3.746,415,5.338,416,4.978,417,4.465,687,0.694]],["t/386",[0,0.241,1,0.294,6,2.56,7,0.018,8,0.223,9,0.273,10,0.328,11,0.285,12,0.279,13,0.309,14,0.397,15,0.303,19,0.702,24,0.365,25,2.484,26,0.274,27,0.226,28,1.552,31,3.984,32,0.609,36,2.006,38,0.752,41,2.948,60,1.114,61,3.299,62,4.856,63,2.534,64,3.708,65,3.968,66,4.119,67,3.231,68,3.899,69,3.65,70,2.459,153,1.873,172,0.288,184,2.761,252,3.932,261,2.914,346,1.939,384,3.132,388,2.459,389,3.391,392,1.062,421,2.613,447,2.726,452,2.786,454,3.019,487,2.881,499,2.914,519,3.594,520,3.132,533,3.708,687,0.629]],["t/388",[0,0.229,1,0.258,4,2.562,7,0.019,8,0.292,9,0.292,10,0.34,11,0.305,12,0.299,13,0.331,14,0.425,15,0.325,24,0.293,26,0.28,27,0.259,28,1.15,32,0.681,37,2.076,38,0.909,50,2.132,60,0.892,155,2.002,159,3.159,161,1.542,164,2.996,171,1.821,172,0.282,184,2.728,186,3.523,226,5.688,229,4.737,239,2.562,240,2.048,241,5.026,243,4.295,255,2.96,259,3.324,260,6.01,261,2.857,262,5.393,267,3.822,364,1.661,391,5.079,392,1.041,393,4.295,407,2.038,408,4.393,409,4.393,410,4.393,687,0.616]],["t/390",[0,0.256,1,0.313,2,3.938,4,2.73,5,2.075,6,2.289,7,0.02,8,0.301,9,0.305,10,0.348,11,0.319,12,0.312,13,0.346,14,0.444,15,0.339,16,1.057,18,1.758,19,0.628,22,2.458,24,0.312,25,1.55,26,0.278,27,0.252,28,1.582,30,2.648,31,2.911,32,0.681,33,3.548,34,2.199,35,1.907,36,1.023,37,2.116,38,0.973,39,3.154,40,1.407,41,1.84,42,1.954,43,2.209,44,2.314,49,1.505,50,1.357,55,1.719,60,1.227,63,2.266,70,1.535,153,1.675,155,2.134,158,3.756,159,1.63,160,2.676,161,1.644,162,2.29,163,1.159,164,1.907,172,0.18,175,1.683,183,1.927,184,2.017,193,1.519,234,2.699,239,1.63,264,1.665,267,2.433,269,4.007,299,1.954,332,2.005,346,1.733,347,1.979,371,2.495,388,2.199,392,1.406,407,2.691,414,2.116,421,1.63,443,1.979,444,3.486,445,2.547,446,2.522,447,2.848,450,1.818,451,3.074,452,2.491,453,3.074,454,2.699,455,3.165,468,2.146,486,2.146,487,3.287,498,2.314,499,2.606,500,2.314,501,2.314,502,2.314,557,3.486,563,3.015,567,2.476,576,2.277,577,3.193,578,3.486,579,2.57,587,3.918,588,2.863,590,3.756,591,2.676,614,2.087,618,3.263,643,2.209,661,2.391,662,2.391,674,3.756,675,2.622,687,0.392]],["t/392",[7,0.016,8,0.293,9,0.251,10,0.312,11,0.262,12,0.256,13,0.284,14,0.365,15,0.279,26,0.277,27,0.242,28,1.32,32,0.56,37,1.631,38,0.845,159,2.939,172,0.324,184,2.538,226,6.177,229,5.435,239,2.939,240,1.905,241,5.767,243,5.753,687,0.707]],["t/394",[0,0.248,1,0.302,4,2.436,7,0.019,8,0.286,9,0.286,10,0.336,11,0.298,12,0.292,13,0.324,14,0.416,15,0.318,22,2.291,26,0.275,27,0.236,30,2.719,32,0.638,34,2.293,37,2.05,38,0.881,44,2.595,49,2.249,50,2.028,55,2.569,60,1.166,70,2.293,153,2.195,155,1.905,161,1.467,162,2.352,172,0.269,183,2.525,239,2.436,264,2.488,299,2.92,371,2.799,392,1.361,407,2.664,414,3.161,421,2.436,443,2.958,445,2.656,468,3.206,557,4.568,567,3.7,576,3.403,577,4.108,578,4.568,579,3.841,587,5.134,588,4.279,614,3.118,618,4.277,643,3.301,661,3.573,662,3.573,687,0.586,969,2.411]],["t/396",[0,0.226,1,0.275,2,4.858,3,4.779,4,2.849,5,2.53,6,2.791,7,0.016,8,0.288,9,0.243,10,0.307,11,0.254,12,0.249,13,0.276,14,0.354,15,0.27,16,1.847,17,3.859,18,3.071,19,0.766,20,4.885,21,4.675,22,2.521,23,4.939,24,0.325,25,2.708,26,0.273,27,0.201,28,1.279,29,5.915,30,2.53,31,3.549,32,0.543,172,0.314,687,0.685]],["t/398",[0,0.241,1,0.293,4,2.186,7,0.02,8,0.288,9,0.299,10,0.345,11,0.312,12,0.305,13,0.339,14,0.435,15,0.332,19,0.768,24,0.363,26,0.278,27,0.258,28,1.515,32,0.667,36,1.371,37,1.872,38,0.97,40,1.316,60,1.108,63,2.77,67,2.209,68,2.466,153,1.567,155,1.709,159,2.186,161,1.316,172,0.241,184,3.158,193,2.037,226,5.143,229,4.042,239,2.186,240,1.852,241,4.289,243,3.665,252,3.512,255,2.525,259,2.836,260,5.434,261,3.185,262,4.602,346,2.119,384,2.62,388,2.057,389,2.836,392,1.293,407,2.273,421,2.186,444,4.261,445,3.114,446,3.381,447,3.519,450,2.438,451,3.759,452,3.392,453,3.759,454,3.676,455,3.87,486,2.876,487,3.508,498,3.102,499,3.185,500,3.102,501,3.102,502,3.102,519,3.006,520,2.62,533,3.102,687,0.526]],["t/400",[0,0.251,1,0.306,6,3.371,7,0.019,8,0.278,9,0.294,10,0.341,11,0.307,12,0.3,13,0.333,14,0.427,15,0.326,16,1.493,19,0.877,24,0.372,25,2.808,26,0.277,27,0.243,28,1.465,31,3.68,32,0.655,36,1.444,38,0.85,41,2.598,43,4.002,44,2.765,46,2.233,55,2.428,56,4.848,57,3.861,58,3.779,59,4.26,60,1.198,61,4.492,62,4.486,63,2.233,64,3.267,65,3.496,66,3.629,67,2.326,68,2.598,69,4.126,70,2.167,72,2.954,139,4.569,140,2.981,141,3.561,142,2.907,143,4.407,144,4.407,145,3.074,146,1.952,147,3.03,148,3.561,149,3.629,150,2.188,151,2.233,152,3.541,153,1.651,154,3.702,155,1.8,156,5.319,157,4.517,172,0.254,687,0.554]],["t/402",[0,0.227,1,0.277,7,0.016,8,0.289,9,0.246,10,0.309,11,0.257,12,0.251,13,0.279,14,0.358,15,0.273,22,2.155,26,0.274,27,0.203,28,1.522,32,0.549,37,1.881,60,1.003,155,2.252,161,1.734,172,0.318,175,2.973,234,4.163,347,3.496,388,3.191,392,1.171,674,5.451,675,4.631,687,0.693]],["t/404",[7,0.019,8,0.297,9,0.297,10,0.343,11,0.31,12,0.303,13,0.336,14,0.431,15,0.329,19,0.866,24,0.368,26,0.282,27,0.266,32,0.662,34,2.49,38,0.927,46,2.565,63,2.565,155,2.068,161,1.593,172,0.292,221,5.288,239,2.645,240,2.252,245,6.321,246,5.805,247,5.302,250,6.321,255,3.056,256,6.321,257,4.17,258,5.805,259,3.432,264,2.701,265,5.805,687,0.636,969,2.618]],["t/406",[0,0.258,1,0.284,7,0.018,8,0.276,9,0.276,10,0.33,11,0.288,12,0.282,13,0.313,14,0.402,15,0.307,19,0.715,24,0.398,26,0.276,27,0.228,28,1.452,32,0.616,34,2.505,36,1.669,38,0.765,60,0.927,161,1.602,162,2.676,172,0.293,240,1.725,264,2.718,319,5.546,320,3.003,321,4.922,322,5.147,324,4.256,332,3.273,346,1.975,392,1.082,548,5.423,549,4.792,556,4.792,687,0.64]],["t/408",[0,0.257,1,0.232,7,0.016,8,0.287,9,0.243,10,0.306,11,0.253,12,0.248,13,0.275,14,0.353,15,0.27,19,0.764,24,0.384,26,0.273,27,0.201,32,0.541,161,1.711,162,2.752,172,0.313,240,1.843,264,2.902,319,5.769,320,3.207,321,5.256,322,5.117,324,4.715,687,0.684]],["t/410",[0,0.223,1,0.272,6,2.737,7,0.016,8,0.239,9,0.239,10,0.303,11,0.249,12,0.244,13,0.27,14,0.347,15,0.265,16,1.811,19,0.751,24,0.319,26,0.271,27,0.197,28,1.495,32,0.532,36,1.752,38,0.803,44,2.822,60,0.973,61,3.527,69,3.902,72,2.793,139,5.15,140,2.553,141,4.321,142,3.527,143,4.168,144,4.168,145,3.729,146,2.368,147,3.676,148,4.321,149,4.404,150,2.655,151,2.709,152,3.991,153,2.003,154,5.353,155,2.184,172,0.308,687,0.672]],["t/412",[0,0.24,1,0.293,6,3.114,7,0.018,8,0.221,9,0.271,10,0.327,11,0.283,12,0.277,13,0.307,14,0.395,15,0.301,16,1.677,19,0.854,24,0.363,25,2.459,26,0.273,27,0.224,28,1.545,31,3.96,32,0.605,36,1.994,38,0.744,41,2.919,44,2.694,60,1.107,61,4.013,62,4.827,63,2.509,64,3.671,65,3.929,66,4.078,67,2.614,68,2.919,69,4.805,70,2.435,72,2.587,139,4.916,140,2.365,141,4.002,142,3.266,143,3.86,144,3.86,145,3.454,146,2.193,147,3.405,148,4.002,149,4.078,150,2.459,151,2.509,152,3.81,153,1.855,154,4.16,155,2.022,172,0.285,687,0.622]],["t/414",[0,0.242,1,0.295,2,4.997,6,3.144,7,0.018,8,0.224,9,0.274,10,0.328,11,0.286,12,0.28,13,0.31,14,0.399,15,0.304,16,1.704,18,2.834,19,0.707,22,1.967,24,0.3,25,3.051,26,0.275,27,0.227,28,1.441,30,2.851,31,3.999,32,0.611,33,4.874,34,2.474,35,3.074,36,2.013,37,1.781,38,0.756,39,3.038,40,1.583,41,2.966,42,3.151,43,4.889,44,2.721,46,2.55,55,2.772,56,5.268,57,4.409,58,4.315,59,4.629,60,0.916,61,3.319,172,0.29,687,0.632]],["t/416",[0,0.253,1,0.3,2,5.089,3,4.121,4,2.243,5,1.992,6,2.845,7,0.019,8,0.275,9,0.291,10,0.339,11,0.304,12,0.297,13,0.33,14,0.423,15,0.323,16,1.883,17,3.038,18,3.131,19,0.781,20,3.846,21,3.68,22,2.641,23,4.259,24,0.332,25,2.76,26,0.275,27,0.241,28,1.446,29,3.938,30,3.347,31,4.013,32,0.672,33,4.41,34,2.111,35,2.622,36,1.407,37,1.788,38,0.645,39,2.591,40,1.35,41,2.53,42,2.688,43,3.038,44,1.901,49,2.07,50,1.866,55,2.365,60,0.781,70,2.111,140,2.05,153,2.082,155,1.753,159,2.243,161,1.35,172,0.247,239,2.904,299,2.688,364,1.454,392,1.18,407,1.784,412,4.981,413,3.938,414,3.768,415,4.147,416,3.289,417,3.469,421,2.243,468,2.951,577,2.622,614,2.87,618,4.056,643,3.038,661,3.289,662,3.289,687,0.539]],["t/418",[0,0.227,1,0.277,6,2.828,7,0.016,8,0.29,9,0.246,10,0.309,11,0.257,12,0.252,13,0.279,14,0.358,15,0.274,19,0.776,24,0.33,25,2.744,26,0.274,27,0.204,32,0.55,43,4.599,44,2.447,46,2.799,55,3.044,56,5.571,57,4.841,58,4.738,59,5.201,60,1.005,61,3.645,172,0.318,687,0.694]],["t/420",[0,0.228,1,0.278,6,2.834,7,0.016,8,0.29,9,0.247,10,0.309,11,0.258,12,0.252,13,0.28,14,0.359,15,0.274,24,0.33,25,2.75,26,0.275,27,0.204,32,0.551,38,0.832,40,1.742,41,3.264,60,1.008,71,5.7,72,2.893,73,4.652,74,4.962,75,5.209,76,4.382,77,5.209,172,0.319,687,0.696]],["t/422",[0,0.247,1,0.301,2,5.208,3,4.324,4,2.418,5,2.148,6,3.269,7,0.019,8,0.26,9,0.285,10,0.336,11,0.297,12,0.291,13,0.323,14,0.414,15,0.316,16,1.976,17,3.276,18,3.285,19,0.819,20,4.147,21,3.969,22,2.497,23,4.469,24,0.348,25,3.172,26,0.275,27,0.236,28,1.573,29,4.247,30,2.964,31,4.594,32,0.636,33,4.628,34,2.276,35,2.828,36,1.517,37,1.691,38,0.696,39,2.794,40,1.456,41,3.439,42,2.899,43,3.276,44,2.05,60,0.842,61,3.053,62,4.628,63,2.345,64,3.431,65,3.672,66,3.812,67,2.444,68,2.728,69,3.378,70,2.276,172,0.267,687,0.582,969,2.393]],["t/424",[0,0.242,1,0.294,7,0.018,8,0.224,9,0.274,10,0.328,11,0.286,12,0.28,13,0.31,14,0.398,15,0.304,22,1.964,24,0.3,26,0.274,27,0.226,28,1.619,32,0.611,36,2.011,37,1.779,38,0.755,60,1.117,67,2.651,68,2.96,153,1.881,155,2.051,161,1.58,172,0.289,175,2.708,184,2.768,234,3.704,252,3.942,261,2.926,346,1.947,347,3.185,384,3.145,388,3.393,389,3.404,392,1.303,421,2.624,447,2.737,452,2.797,454,3.031,487,2.893,499,2.926,519,3.609,520,3.145,533,3.723,674,5.154,675,4.219,687,0.631]],["t/426",[0,0.225,1,0.274,2,5.153,6,2.766,7,0.016,8,0.241,9,0.241,10,0.305,11,0.252,12,0.246,13,0.273,14,0.351,15,0.268,16,1.831,18,3.044,22,2.113,25,2.684,26,0.272,27,0.199,28,1.505,30,2.976,31,4.175,32,0.538,33,5.089,34,2.658,35,3.302,36,1.771,37,1.86,38,0.812,39,3.263,40,1.7,41,3.186,42,3.385,43,3.826,44,2.84,172,0.311,687,0.679]],["t/428",[0,0.247,1,0.301,6,2.975,7,0.019,8,0.259,9,0.284,10,0.335,11,0.297,12,0.29,13,0.322,14,0.413,15,0.316,16,1.559,19,0.816,24,0.347,25,2.286,26,0.274,27,0.235,28,1.364,32,0.634,34,2.263,36,1.508,37,1.847,38,0.873,43,4.114,44,3.121,46,2.332,55,2.536,56,4.984,57,4.032,58,3.947,59,4.38,60,1.159,61,3.834,69,3.359,72,2.405,139,4.697,140,2.198,141,3.72,142,3.036,143,3.588,144,3.588,145,3.21,146,2.038,147,3.165,148,3.72,149,3.791,150,2.286,151,2.332,152,3.64,153,1.724,154,3.866,155,1.88,162,2.333,172,0.265,183,2.505,264,2.456,371,2.198,392,0.977,407,1.913,443,2.919,557,4.531,567,3.652,576,3.359,577,2.812,578,3.588,579,3.791,687,0.579,969,2.38]],["t/430",[0,0.225,1,0.274,7,0.016,8,0.286,9,0.241,10,0.305,11,0.252,12,0.246,13,0.273,14,0.351,15,0.268,19,0.759,24,0.322,26,0.272,27,0.199,28,1.268,32,0.538,37,1.567,38,0.812,60,0.984,63,2.738,172,0.311,184,2.438,193,2.632,346,2.095,392,1.148,407,2.247,447,2.946,451,3.716,452,3.011,453,3.716,454,3.263,455,4.54,486,3.716,487,3.694,498,4.755,499,3.149,500,4.007,501,4.007,502,4.007,687,0.679]],["t/432",[0,0.243,1,0.296,4,2.661,5,2.872,6,2.607,7,0.018,8,0.276,9,0.276,10,0.33,11,0.288,12,0.282,13,0.313,14,0.402,15,0.307,19,0.715,22,2.42,26,0.276,27,0.228,28,1.452,32,0.616,36,1.669,37,1.795,38,0.765,39,3.736,60,1.126,155,2.081,158,5.199,159,2.661,160,4.368,161,1.602,162,2.852,172,0.293,235,4.911,371,2.956,375,4.042,392,1.082,443,3.231,558,5.199,559,4.463,565,4.564,566,4.564,687,0.64]],["t/434",[0,0.247,1,0.301,4,2.409,7,0.019,8,0.26,9,0.284,10,0.335,11,0.297,12,0.291,13,0.322,14,0.414,15,0.316,19,0.648,24,0.38,26,0.275,27,0.235,28,1.62,32,0.635,36,1.511,37,1.849,38,0.958,60,1.16,63,2.336,67,2.434,68,2.718,153,1.727,172,0.266,184,2.877,193,2.245,252,3.739,261,2.687,332,2.962,346,2.472,384,2.888,388,2.267,389,3.126,392,1.354,407,2.419,421,2.409,447,3.172,451,3.17,452,3.241,453,3.17,454,3.513,455,4.119,486,3.17,487,4.062,498,3.419,499,3.715,500,3.419,501,3.419,502,3.419,519,3.314,520,2.888,533,3.419,590,4.888,591,3.954,687,0.58,969,2.384]],["t/436",[0,0.258,1,0.298,7,0.019,8,0.295,9,0.295,10,0.342,11,0.308,12,0.301,13,0.334,14,0.429,15,0.327,19,0.624,24,0.374,26,0.278,27,0.252,32,0.658,34,2.186,37,1.818,38,0.942,44,2.518,49,2.144,50,1.933,60,1.035,72,2.971,140,2.123,161,1.399,162,2.937,172,0.256,176,4.079,183,2.847,186,3.195,221,3.812,240,1.926,244,5.493,251,4.713,252,2.856,255,2.684,259,3.014,264,3.034,319,5.095,320,2.621,321,4.296,322,4.763,324,3.909,371,2.123,392,1.207,407,1.848,437,5.095,438,4.296,443,3.606,557,4.432,567,3.528,576,3.244,577,2.716,578,3.466,579,3.662,687,0.559]],["t/438",[0,0.227,1,0.276,4,2.874,5,2.552,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.251,13,0.278,14,0.357,15,0.273,19,0.773,26,0.274,27,0.203,32,0.547,38,0.827,60,1.001,162,2.601,172,0.317,235,5.142,371,3.095,375,5.142,392,1.168,443,3.489,558,5.444,559,4.819,565,4.929,566,4.929,687,0.691]],["t/440",[7,0.016,8,0.293,9,0.25,10,0.312,11,0.261,12,0.256,13,0.284,15,0.278,24,0.335,26,0.276,27,0.242,32,0.559,84,2.76,103,4.375,104,4.375,172,0.323,175,3.026,185,7.642,186,4.033,187,6.749,188,6.749,189,5.029,190,5.423,191,6.749,192,6.174,687,0.705]],["t/442",[0,0.248,1,0.302,6,2.405,7,0.019,8,0.287,9,0.287,10,0.337,11,0.3,12,0.293,13,0.325,14,0.417,15,0.319,19,0.66,22,2.302,24,0.351,25,2.333,26,0.276,27,0.237,28,1.509,30,2.732,31,3.833,32,0.64,37,1.362,38,0.706,41,2.77,49,2.266,50,2.043,55,2.589,60,1.17,61,3.099,62,4.672,63,2.381,64,3.483,65,3.728,66,3.87,67,2.481,68,2.77,69,3.429,70,3.414,153,2.206,155,1.919,161,1.478,172,0.271,239,2.455,272,3.87,299,2.943,346,1.821,392,1.25,407,1.953,414,3.185,421,2.455,468,3.23,534,5.159,577,2.871,611,4.42,614,3.937,618,4.297,643,3.326,661,3.6,662,3.6,687,0.591,969,2.43]],["t/444",[7,0.017,8,0.294,9,0.253,10,0.314,11,0.264,12,0.258,13,0.286,15,0.281,24,0.338,26,0.277,27,0.243,32,0.656,103,4.415,168,2.508,172,0.326,174,7.392,175,3.054,176,5.197,177,5.197,178,5.075,687,0.712]],["t/446",[7,0.017,8,0.294,9,0.253,10,0.314,11,0.264,12,0.258,13,0.286,15,0.281,24,0.338,25,2.813,26,0.277,27,0.243,32,0.564,35,3.46,103,4.415,162,2.273,165,7.392,166,3.639,167,2.959,168,2.508,172,0.326,687,0.712]],["t/448",[7,0.016,8,0.293,9,0.251,10,0.312,11,0.262,12,0.256,13,0.284,15,0.279,24,0.336,25,2.794,26,0.277,27,0.242,32,0.56,103,4.385,166,3.614,168,2.491,172,0.324,173,7.371,177,5.161,193,2.739,194,5.963,195,2.739,196,3.133,197,5.963,687,0.707]],["t/450",[7,0.017,8,0.294,9,0.253,10,0.314,11,0.264,12,0.259,13,0.287,14,0.368,15,0.281,26,0.278,27,0.244,32,0.565,38,0.853,103,4.425,166,3.647,172,0.327,218,7.399,227,6.018,228,6.827,229,5.485,687,0.714]],["t/452",[7,0.016,8,0.292,9,0.25,10,0.311,11,0.261,12,0.255,13,0.283,15,0.277,24,0.334,26,0.276,27,0.242,32,0.557,38,0.984,47,4.906,51,1.664,103,4.365,155,2.287,166,3.598,172,0.323,182,5.737,195,2.727,219,7.115,220,4.906,221,4.802,687,0.704]],["t/454",[1,0.238,7,0.016,8,0.291,9,0.249,10,0.311,11,0.26,12,0.254,13,0.282,14,0.362,15,0.276,26,0.276,27,0.241,32,0.555,38,0.981,49,2.688,50,2.424,72,2.913,162,2.237,172,0.321,176,5.115,183,2.815,221,4.78,240,1.888,244,6.693,251,5.909,252,3.582,687,0.701]],["t/456",[7,0.016,8,0.293,9,0.251,10,0.312,11,0.262,12,0.256,13,0.284,14,0.365,15,0.279,26,0.277,27,0.242,28,1.32,32,0.56,37,1.631,38,0.845,159,2.939,172,0.324,184,2.538,226,6.542,229,5.435,239,2.939,240,1.905,241,5.767,243,4.928,687,0.707]],["t/458",[7,0.017,8,0.293,9,0.252,10,0.313,11,0.263,12,0.257,13,0.285,14,0.366,15,0.279,19,0.792,24,0.336,26,0.277,27,0.243,32,0.561,38,0.847,63,2.857,172,0.325,221,4.835,239,2.946,240,1.91,245,7.135,246,6.464,247,4.32,687,0.709]],["t/460",[7,0.017,8,0.293,9,0.252,10,0.313,11,0.263,12,0.257,13,0.285,14,0.366,15,0.279,19,0.792,24,0.336,26,0.277,27,0.243,32,0.561,38,0.847,46,2.857,172,0.325,221,4.835,240,1.91,247,4.32,250,7.135,264,3.008,265,6.464,687,0.709]],["t/462",[7,0.017,8,0.293,9,0.252,10,0.313,11,0.263,12,0.257,13,0.285,14,0.366,15,0.279,26,0.277,27,0.243,32,0.561,34,2.772,155,2.303,161,1.773,172,0.325,240,1.91,247,4.32,255,3.403,256,7.135,257,4.644,258,6.464,259,3.822,687,0.709]],["t/464",[4,2.939,7,0.016,8,0.293,9,0.251,10,0.312,11,0.262,12,0.256,13,0.284,14,0.365,15,0.279,26,0.277,27,0.242,32,0.56,37,1.631,155,2.298,161,1.769,172,0.324,184,2.538,240,1.905,255,3.396,259,3.814,260,6.913,261,3.278,262,6.188,687,0.707]],["t/466",[7,0.017,8,0.294,9,0.252,10,0.313,11,0.263,12,0.258,13,0.286,14,0.367,15,0.28,26,0.277,27,0.243,32,0.562,40,1.778,161,1.778,172,0.326,240,1.914,255,3.411,259,3.831,263,7.142,266,4.061,267,4.405,268,6.479,687,0.71]],["t/468",[0,0.197,7,0.016,8,0.293,9,0.251,10,0.312,11,0.262,12,0.256,13,0.284,14,0.365,15,0.279,19,0.79,24,0.336,26,0.277,27,0.242,32,0.56,140,2.686,153,2.46,155,2.298,172,0.324,240,1.905,298,6.913,299,3.523,300,5.963,687,0.707]],["t/470",[7,0.017,8,0.293,9,0.252,10,0.313,11,0.263,12,0.257,13,0.285,14,0.366,15,0.279,24,0.336,26,0.277,27,0.243,28,1.543,32,0.561,161,1.773,172,0.325,240,1.91,266,4.051,271,7.135,272,4.644,273,6.464,274,6.464,687,0.709]],["t/472",[7,0.017,8,0.293,9,0.252,10,0.313,11,0.263,12,0.257,13,0.285,14,0.366,15,0.279,26,0.277,27,0.243,28,1.323,32,0.561,41,3.324,153,2.112,155,2.303,161,1.773,172,0.325,193,2.745,240,1.91,299,3.531,302,6.548,303,5.605,687,0.709]],["t/474",[0,0.257,1,0.235,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.251,13,0.278,14,0.357,15,0.273,26,0.274,27,0.203,28,1.702,32,0.547,161,1.73,170,1.519,172,0.317,240,1.863,277,4.288,288,4.929,320,3.243,331,6.321,337,4.078,338,5.468,346,2.132,687,0.691]],["t/476",[0,0.257,1,0.233,7,0.016,8,0.288,9,0.243,10,0.307,11,0.254,12,0.249,13,0.276,14,0.354,15,0.27,19,0.766,24,0.385,26,0.273,27,0.201,32,0.543,161,1.715,162,2.755,172,0.314,240,1.847,264,2.909,319,6.15,320,3.214,321,5.268,322,5.049,324,4.432,687,0.685]],["t/478",[0,0.259,1,0.273,7,0.016,8,0.305,9,0.241,10,0.305,11,0.251,12,0.246,13,0.273,14,0.35,15,0.267,16,1.827,19,0.757,24,0.322,26,0.272,27,0.199,32,0.637,44,2.388,146,3.197,161,1.696,172,0.311,175,2.908,230,4.725,240,1.827,330,5.859,341,4.279,347,3.42,348,3.51,349,4.624,687,0.678]],["t/480",[0,0.263,1,0.275,7,0.016,8,0.288,9,0.243,10,0.307,11,0.254,12,0.249,13,0.276,14,0.354,15,0.27,26,0.273,27,0.201,32,0.642,49,2.629,50,2.803,76,3.458,161,1.715,172,0.314,175,2.94,184,2.46,234,3.291,240,1.847,337,4.042,364,1.847,368,5.886,378,5.002,380,5.002,687,0.685]],["t/482",[0,0.193,7,0.016,8,0.29,9,0.246,10,0.263,11,0.257,12,0.252,13,0.279,14,0.358,15,0.274,24,0.388,26,0.274,27,0.24,51,1.642,64,4.096,153,2.585,168,2.447,172,0.318,224,2.564,238,2.217,240,1.871,255,4.166,259,4.679,299,3.46,316,7.076,317,6.335,687,0.694]],["t/484",[0,0.262,1,0.272,7,0.016,8,0.284,9,0.238,10,0.303,11,0.248,12,0.243,13,0.27,14,0.346,15,0.264,19,0.749,24,0.318,26,0.27,27,0.197,32,0.633,49,2.572,50,2.767,55,3.506,76,3.384,161,1.678,162,2.73,172,0.307,175,2.877,183,2.742,234,3.22,240,1.807,261,3.109,364,1.807,369,5.959,370,4.78,371,2.548,372,5.019,373,5.019,687,0.671]],["t/486",[0,0.227,1,0.276,7,0.016,8,0.245,9,0.245,10,0.308,11,0.256,12,0.25,13,0.277,14,0.356,15,0.272,19,0.771,22,2.146,24,0.386,26,0.274,27,0.203,28,1.518,32,0.546,36,1.799,38,0.825,40,1.726,42,3.437,60,0.999,70,2.699,172,0.316,266,3.944,267,4.278,346,2.127,388,2.699,392,1.165,610,6.315,619,4.435,620,4.808,687,0.69]],["t/488",[0,0.228,1,0.278,7,0.016,8,0.291,9,0.248,10,0.31,11,0.259,12,0.254,13,0.281,14,0.361,15,0.276,22,2.175,24,0.332,25,2.762,26,0.275,27,0.205,28,1.305,32,0.554,38,0.836,60,1.012,172,0.32,266,3.997,308,3.771,346,2.156,392,1.181,508,4.262,615,6.351,616,5.529,687,0.699]],["t/490",[0,0.224,1,0.273,7,0.016,8,0.286,9,0.241,10,0.305,11,0.251,12,0.246,13,0.273,14,0.35,15,0.267,22,2.504,26,0.272,27,0.199,30,2.972,32,0.537,37,1.564,49,2.6,50,2.345,55,2.971,60,0.981,70,2.652,153,2.399,155,2.203,161,1.696,172,0.311,239,2.818,299,3.377,392,1.145,407,2.242,414,3.656,421,2.818,468,3.708,577,3.295,614,3.606,618,4.986,643,3.817,661,4.132,662,4.132,687,0.678]],["t/492",[0,0.227,1,0.277,7,0.016,8,0.289,9,0.246,10,0.309,11,0.257,12,0.251,13,0.279,14,0.358,15,0.273,22,2.155,26,0.274,27,0.203,28,1.522,32,0.549,37,1.881,60,1.003,155,2.252,161,1.734,172,0.318,175,2.973,234,3.917,347,3.496,388,3.191,392,1.171,674,5.793,675,4.631,687,0.693]],["t/494",[0,0.223,1,0.272,6,2.737,7,0.016,8,0.239,9,0.239,10,0.303,11,0.249,12,0.244,13,0.27,14,0.347,15,0.265,16,1.811,19,0.751,24,0.319,26,0.271,27,0.197,28,1.495,32,0.532,36,1.752,38,0.803,44,2.822,60,0.973,61,3.527,69,3.902,72,2.793,139,5.501,140,2.553,141,4.321,142,3.527,143,4.168,144,4.168,145,3.729,146,2.368,147,3.676,148,4.321,149,4.404,150,2.655,151,2.709,152,3.991,153,2.003,154,4.491,155,2.184,172,0.308,687,0.672]],["t/496",[0,0.227,1,0.277,7,0.016,8,0.29,9,0.246,10,0.309,11,0.257,12,0.252,13,0.279,14,0.358,15,0.274,26,0.274,27,0.204,28,1.296,32,0.55,42,4.069,60,1.005,155,2.257,161,1.738,172,0.318,183,2.8,239,2.887,320,3.257,392,1.173,468,3.799,576,4.032,663,5.919,664,4.641,673,5.069,687,0.694]],["t/498",[0,0.227,1,0.276,5,2.552,6,2.815,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.251,13,0.278,14,0.357,15,0.273,22,2.534,26,0.274,27,0.203,28,1.52,32,0.547,37,1.879,39,3.912,60,1.001,155,2.247,158,5.787,159,2.874,160,4.717,161,1.73,162,2.601,172,0.317,687,0.691]],["t/500",[0,0.257,1,0.275,7,0.016,8,0.288,9,0.244,10,0.307,11,0.254,12,0.249,13,0.276,14,0.354,15,0.271,19,0.767,24,0.385,26,0.273,27,0.202,32,0.642,67,3.408,146,2.42,166,3.511,172,0.315,193,2.661,240,1.851,341,3.422,364,1.851,377,6.156,381,5.279,383,5.279,384,3.422,385,3.811,687,0.687]],["t/502",[0,0.229,1,0.279,6,2.866,7,0.016,8,0.292,9,0.25,10,0.311,11,0.261,12,0.255,13,0.283,14,0.363,15,0.277,26,0.276,27,0.207,32,0.557,38,0.841,60,1.019,61,3.694,72,2.926,140,2.674,143,4.365,144,4.365,156,6.53,157,5.741,172,0.323,687,0.704]],["t/504",[0,0.242,1,0.236,7,0.016,8,0.29,9,0.247,10,0.309,11,0.258,12,0.252,13,0.28,14,0.359,15,0.274,24,0.33,26,0.275,27,0.204,32,0.647,153,2.588,166,3.558,172,0.319,240,1.876,270,3.343,347,3.512,364,1.876,390,6.675,416,4.243,418,5.676,419,5.209,421,2.893,687,0.696]],["t/506",[0,0.25,1,0.278,7,0.016,8,0.29,9,0.247,10,0.309,11,0.258,12,0.252,13,0.28,14,0.359,15,0.274,19,0.778,24,0.388,26,0.275,27,0.204,32,0.647,166,3.558,172,0.319,239,2.893,240,1.876,364,1.876,386,6.675,387,5.676,388,3.199,389,3.754,687,0.696]],["t/508",[0,0.242,1,0.236,7,0.016,8,0.29,9,0.246,10,0.309,11,0.257,12,0.252,13,0.279,14,0.358,15,0.274,19,0.776,24,0.33,26,0.274,27,0.204,30,3.203,32,0.647,159,2.887,172,0.318,239,2.887,364,1.871,392,1.173,412,6.185,413,5.069,414,3.746,415,5.338,416,4.233,417,4.465,687,0.694]],["t/510",[0,0.262,1,0.29,7,0.016,8,0.283,9,0.237,10,0.302,11,0.247,12,0.242,13,0.268,14,0.345,15,0.263,19,0.746,26,0.27,27,0.234,32,0.529,38,0.798,60,0.967,150,2.638,151,2.692,153,2.378,159,2.775,172,0.306,264,2.834,280,2.891,382,3.031,392,1.128,411,5.821,422,4.874,423,5.133,424,4.618,687,0.668]],["t/512",[0,0.242,1,0.278,7,0.016,8,0.291,9,0.248,10,0.31,11,0.258,12,0.253,13,0.28,14,0.36,15,0.275,26,0.275,27,0.205,28,1.622,32,0.648,60,1.01,72,2.9,161,1.746,172,0.32,346,2.151,364,1.88,392,1.179,425,6.196,426,3.988,427,5.221,687,0.698]],["t/514",[0,0.242,1,0.278,7,0.016,8,0.291,9,0.248,10,0.31,11,0.258,12,0.253,13,0.28,14,0.36,15,0.275,26,0.275,27,0.205,28,1.622,32,0.648,60,1.01,72,2.9,161,1.746,172,0.32,346,2.151,364,1.88,392,1.179,430,6.196,431,3.52,432,5.362,687,0.698]],["t/516",[0,0.241,1,0.276,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.25,13,0.277,14,0.356,15,0.272,24,0.327,26,0.274,27,0.203,32,0.644,37,1.996,38,0.825,50,2.387,60,0.999,159,2.868,172,0.316,186,3.944,364,1.859,391,5.782,392,1.165,393,4.808,407,2.282,408,4.918,409,4.918,410,4.918,687,0.69]],["t/518",[0,0.242,1,0.278,7,0.016,8,0.291,9,0.248,10,0.31,11,0.258,12,0.253,13,0.28,14,0.36,15,0.275,24,0.331,26,0.275,27,0.205,32,0.552,60,1.01,72,2.9,162,2.775,172,0.32,186,3.988,255,3.35,259,3.762,392,1.179,437,6.196,438,5.362,443,3.52,687,0.698]],["t/520",[0,0.226,1,0.276,7,0.016,8,0.288,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.355,15,0.271,19,0.769,24,0.327,26,0.273,27,0.202,32,0.545,37,1.588,38,0.823,40,1.723,60,0.997,63,2.775,172,0.316,184,2.471,392,1.163,407,2.277,444,5.36,445,3.119,446,4.426,447,3.523,450,3.191,451,3.765,452,3.05,453,3.765,454,3.306,687,0.688]],["t/522",[0,0.226,1,0.276,7,0.016,8,0.288,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.355,15,0.271,19,0.769,24,0.327,26,0.273,27,0.202,32,0.545,38,0.823,39,3.902,40,1.723,46,2.775,60,0.997,152,4.048,172,0.316,392,1.163,431,3.473,450,3.191,471,5.557,472,4.345,473,5.038,483,4.696,484,4.696,485,4.696,687,0.688]],["t/524",[0,0.228,1,0.278,7,0.016,8,0.291,9,0.248,10,0.31,11,0.258,12,0.253,13,0.28,14,0.36,15,0.275,26,0.275,27,0.205,32,0.552,38,0.834,40,2.049,46,2.812,60,1.01,150,2.756,151,2.812,153,2.079,172,0.32,257,4.571,392,1.179,421,2.9,450,3.234,456,6.058,457,5.221,687,0.698]],["t/526",[0,0.225,1,0.274,7,0.016,8,0.286,9,0.241,10,0.305,11,0.252,12,0.246,13,0.273,14,0.351,15,0.268,19,0.759,24,0.322,26,0.272,27,0.199,28,1.268,32,0.538,37,1.567,38,0.812,60,0.984,63,2.738,172,0.311,184,2.438,193,2.632,346,2.095,392,1.148,407,2.247,447,2.946,451,3.716,452,3.011,453,3.716,454,3.263,455,4.841,486,3.716,487,3.694,498,4.007,499,3.149,500,4.007,501,4.007,502,4.007,687,0.679]],["t/528",[0,0.229,1,0.279,7,0.016,8,0.291,9,0.249,10,0.311,11,0.26,12,0.254,13,0.282,14,0.362,15,0.276,26,0.276,27,0.206,32,0.555,38,0.838,46,2.825,60,1.014,67,2.943,146,2.469,172,0.321,384,3.491,385,4.556,392,1.184,470,6.208,503,5.245,504,5.386,687,0.701]],["t/530",[0,0.228,1,0.278,7,0.016,8,0.291,9,0.248,10,0.31,11,0.259,12,0.254,13,0.281,14,0.361,15,0.276,26,0.275,27,0.205,28,1.53,32,0.554,38,0.836,40,2.052,46,2.818,60,1.012,172,0.32,346,2.156,392,1.181,450,3.241,507,6.064,508,4.262,509,5.103,687,0.699]],["t/532",[0,0.228,1,0.278,7,0.016,8,0.291,9,0.248,10,0.31,11,0.259,12,0.254,13,0.281,14,0.361,15,0.276,24,0.332,26,0.275,27,0.205,28,1.53,32,0.554,38,0.836,60,1.012,70,3.207,172,0.32,272,4.581,346,2.156,392,1.181,534,6.064,611,5.233,614,3.719,687,0.699]],["t/534",[0,0.225,1,0.274,7,0.016,8,0.241,9,0.241,10,0.305,11,0.252,12,0.246,13,0.273,14,0.351,15,0.268,24,0.322,26,0.272,27,0.199,28,1.505,32,0.538,36,1.771,38,0.812,60,0.984,67,2.853,68,3.186,153,2.024,172,0.311,184,2.893,252,4.394,261,3.149,346,2.095,384,3.385,388,2.658,389,3.664,392,1.148,421,2.824,447,2.946,452,3.011,454,3.263,487,3.113,499,3.149,519,3.884,520,3.385,533,4.007,687,0.679]],["t/536",[0,0.228,1,0.278,7,0.016,8,0.291,9,0.248,10,0.31,11,0.258,12,0.253,13,0.28,14,0.36,15,0.275,24,0.331,26,0.275,27,0.205,28,1.528,32,0.552,34,2.729,38,0.834,60,1.01,172,0.32,322,4.544,332,3.565,346,2.151,392,1.179,548,6.058,549,5.221,556,5.221,687,0.698]],["t/538",[0,0.227,1,0.276,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.25,13,0.277,14,0.356,15,0.272,24,0.327,26,0.274,27,0.203,28,1.518,32,0.546,34,2.699,38,0.825,40,2.036,60,0.999,146,2.431,172,0.316,346,2.127,392,1.165,447,3.527,450,3.198,452,3.057,493,4.005,535,5.562,536,4.355,537,4.706,687,0.69]],["t/540",[0,0.225,1,0.275,7,0.016,8,0.287,9,0.243,10,0.306,11,0.253,12,0.248,13,0.275,14,0.353,15,0.27,26,0.273,27,0.201,32,0.541,34,2.675,37,1.988,38,0.818,44,2.851,60,0.99,162,2.584,172,0.313,183,2.774,264,2.902,371,2.598,392,1.155,407,2.262,443,3.45,557,5.345,567,4.317,576,3.97,577,3.324,578,4.241,579,4.481,687,0.684]],["t/542",[0,0.227,1,0.276,4,2.874,5,2.552,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.251,13,0.278,14,0.357,15,0.273,19,0.773,26,0.274,27,0.203,32,0.547,38,0.827,60,1.001,162,2.601,172,0.317,235,5.142,371,3.095,375,4.364,392,1.168,443,3.489,558,5.787,559,4.819,565,4.929,566,4.929,687,0.691]],["t/544",[0,0.229,1,0.279,4,2.919,7,0.016,8,0.292,9,0.249,10,0.311,11,0.26,12,0.255,13,0.282,14,0.362,15,0.277,24,0.333,26,0.276,27,0.206,28,1.534,32,0.556,38,0.84,60,1.017,140,2.668,172,0.322,346,2.166,392,1.186,582,6.362,583,5.554,687,0.702]],["t/546",[0,0.229,1,0.279,4,2.919,5,2.593,7,0.016,8,0.292,9,0.249,10,0.311,11,0.26,12,0.255,13,0.282,14,0.362,15,0.277,26,0.276,27,0.206,32,0.556,37,1.896,38,0.84,60,1.017,172,0.322,269,6.213,371,2.668,392,1.186,407,2.323,563,5.398,687,0.702]],["t/548",[0,0.228,1,0.278,6,2.834,7,0.016,8,0.29,9,0.247,10,0.309,11,0.258,12,0.252,13,0.28,14,0.359,15,0.274,24,0.33,25,2.75,26,0.275,27,0.204,32,0.551,38,0.832,40,1.742,41,3.264,60,1.008,71,6.053,72,2.893,73,4.652,74,4.962,75,5.209,76,4.126,77,5.209,172,0.319,687,0.696]],["t/550",[0,0.228,1,0.278,4,2.906,7,0.016,8,0.291,9,0.248,10,0.31,11,0.259,12,0.254,13,0.281,14,0.361,15,0.276,26,0.275,27,0.205,32,0.554,37,1.891,38,0.836,60,1.012,172,0.32,371,2.656,392,1.181,407,2.312,445,3.168,577,3.398,578,4.336,587,6.064,588,5.103,687,0.699]],["t/552",[0,0.227,1,0.276,6,2.809,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.25,13,0.277,14,0.356,15,0.272,19,0.771,24,0.327,25,2.726,26,0.274,27,0.203,28,1.288,31,4.213,32,0.546,41,3.235,60,0.999,61,3.62,62,5.461,63,2.781,64,4.069,65,4.355,66,4.52,67,2.898,68,3.235,69,4.005,70,2.699,172,0.316,687,0.69]],["t/554",[0,0.227,1,0.277,4,2.88,7,0.016,8,0.289,9,0.246,10,0.309,11,0.257,12,0.251,13,0.279,14,0.358,15,0.273,24,0.329,26,0.274,27,0.203,28,1.522,32,0.549,37,1.881,38,0.828,60,1.003,172,0.318,332,3.542,346,2.137,392,1.171,407,2.292,487,3.738,499,3.212,590,5.793,591,4.727,687,0.693]],["t/556",[0,0.227,1,0.277,6,2.828,7,0.016,8,0.29,9,0.246,10,0.309,11,0.257,12,0.252,13,0.279,14,0.358,15,0.274,19,0.776,24,0.33,25,2.744,26,0.274,27,0.204,32,0.55,43,4.599,44,2.447,46,2.799,55,3.044,56,5.919,57,4.841,58,4.738,59,4.896,60,1.005,61,3.645,172,0.318,687,0.694]],["t/558",[0,0.227,1,0.276,6,2.815,7,0.016,8,0.289,9,0.245,10,0.308,11,0.256,12,0.251,13,0.278,14,0.357,15,0.273,16,1.863,18,3.098,26,0.274,27,0.203,28,1.52,32,0.547,35,3.361,38,0.827,45,6.481,46,2.787,47,4.819,48,5.468,49,2.652,50,2.392,51,1.634,52,4.145,53,4.717,54,3.953,55,3.031,172,0.317,687,0.691]],["t/560",[0,0.169,1,0.148,5,1.615,7,0.023,16,1.179,19,1.021,24,0.288,40,1.095,51,1.647,84,1.711,93,2.897,140,2.648,152,2.179,155,2.659,167,2.523,169,1.025,170,1.333,183,2.581,195,2.351,196,1.938,200,1.447,235,5.865,281,3.505,282,1.694,290,4.073,309,1.837,348,2.265,364,1.635,397,2.539,400,3.459,401,3.688,416,2.666,464,3.707,475,2.866,479,4.43,538,3.459,539,1.837,568,2.1,599,3.118,627,8.03,646,3.118,653,4.542,659,1.763,666,2.076,750,3.699,755,5.5,973,3.362,974,5.251,975,3.99,976,5.251,977,4.428,978,2.051,979,2.028,980,10.432,981,3.978,982,5.251,983,8.368,984,3.373,985,7.286,986,9.826,987,4.322,988,4.4,989,3.658,990,4.567,991,10.671,992,5.495,993,9.038,994,4.005,995,3.055,996,3.194,997,4.755,998,4.23,999,7.057,1000,3.831,1001,8.185,1002,7.202,1003,3.827,1004,4.755,1005,5.251,1006,5.251,1007,5.251,1008,5.251,1009,5.251,1010,5.251,1011,5.251,1012,5.251,1013,5.251,1014,5.251,1015,5.251,1016,5.251,1017,5.251,1018,1.799,1019,1.799]],["t/562",[0,0.241,1,0.293,2,5.413,3,4.521,4,2.597,5,2.307,6,3.121,7,0.018,8,0.222,9,0.272,10,0.327,11,0.284,12,0.278,13,0.308,14,0.396,15,0.302,16,2.066,17,3.519,18,3.435,19,0.698,20,4.455,21,4.263,22,2.579,23,4.672,24,0.297,25,3.028,26,0.273,27,0.225,28,1.548,29,4.561,30,3.061,31,4.294,32,0.607,33,4.838,34,2.445,35,3.038,36,1.998,37,1.768,38,0.747,39,3.001,40,1.564,41,2.931,42,3.114,43,3.519,44,2.202,172,0.286,687,0.625]],["t/564",[0,0.155,1,0.188,7,0.017,8,0.137,10,0.146,16,1.753,24,0.263,39,1.851,40,1.887,51,1.682,79,3.688,81,3.08,84,2.95,90,3.144,93,1.602,104,2.39,131,3.274,133,2.963,137,6.2,151,2.237,152,1.921,167,2.704,169,0.904,170,1.563,177,4.052,180,5.063,181,3.173,182,6.745,183,3.031,195,2.15,196,2.883,201,4.437,202,3.368,204,2.079,223,7.926,281,2.883,282,1.493,290,2.544,306,2.687,309,1.619,315,3.241,329,3.373,348,4.067,364,1.918,394,2.109,397,3.223,401,4.681,419,2.885,429,3.162,439,2.433,440,2.576,458,3.688,464,2.05,476,2.39,490,4.857,544,2.63,568,3.417,627,3.688,628,6.058,659,2.237,660,2.171,670,2.478,671,3.688,691,2.963,718,4.681,735,3.383,879,3.373,975,3.516,978,1.808,979,3.015,981,4.163,984,1.727,994,2.05,995,3.306,996,1.767,1000,2.433,1003,4.857,1018,1.586,1019,1.586,1020,2.963,1021,3.903,1022,4.628,1023,4.347,1024,4.628,1025,3.251,1026,4.191,1027,3.688,1028,2.576,1029,2.478,1030,4.628,1031,4.628,1032,1.996,1033,1.996,1034,5.933,1035,4.628,1036,4.628,1037,7.809,1038,3.442,1039,2.433,1040,3.251,1041,3.373,1042,3.903,1043,4.628,1044,4.628,1045,6.664,1046,8.781,1047,3.516,1048,8.672,1049,4.628,1050,3.688,1051,7.809,1052,4.527,1053,6.664,1054,4.266,1055,8.543,1056,4.628,1057,2.687,1058,4.628,1059,3.903,1060,4.628,1061,3.688,1062,5.194,1063,2.687,1064,2.526,1065,4.628,1066,4.191,1067,4.628,1068,4.628,1069,4.628,1070,4.628,1071,4.628,1072,3.688,1073,4.191,1074,3.373,1075,3.903,1076,4.628,1077,4.628,1078,4.628,1079,2.35,1080,4.628,1081,3.688,1082,3.903,1083,3.373,1084,4.191,1085,3.903,1086,4.628,1087,4.628,1088,4.628,1089,4.191,1090,6.227,1091,4.628,1092,4.628,1093,7.809,1094,6.664,1095,6.664,1096,4.628,1097,6.664,1098,6.664,1099,6.035,1100,4.191,1101,4.628,1102,2.05,1103,4.628,1104,4.628,1105,1.996,1106,2.39,1107,4.628,1108,2.05,1109,4.628,1110,2.311,1111,4.628,1112,4.628,1113,4.628,1114,3.903,1115,4.628,1116,4.628,1117,4.628,1118,4.191,1119,4.191]],["t/566",[0,0.125,1,0.099,7,0.019,16,0.784,18,3.579,24,0.261,40,0.728,41,4.426,51,1.463,74,2.074,81,4.433,167,1.209,169,0.682,170,0.988,194,6.737,195,1.742,196,1.289,204,4.308,208,3.41,210,5.45,281,2.742,282,2.13,290,4.224,306,5.14,309,1.222,313,3.163,315,4.451,348,2.848,364,2.225,394,1.591,397,1.689,400,6.318,459,1.506,475,5.328,539,1.889,540,1.364,568,3.964,620,2.028,659,2.494,666,3.791,718,3.793,750,2.742,978,1.364,979,1.349,995,3.707,996,2.836,1018,1.197,1019,1.197,1020,6.25,1025,6.737,1028,1.944,1029,1.87,1032,1.506,1033,1.506,1054,3.457,1057,3.135,1062,5.831,1120,3.493,1121,6.632,1122,2.654,1123,3.493,1124,3.493,1125,3.493,1126,2.028,1127,9.591,1128,9.591,1129,9.591,1130,9.591,1131,7.429,1132,7.429,1133,7.429,1134,7.429,1135,3.006,1136,8.032,1137,3.668,1138,9.591,1139,8.029,1140,9.618,1141,9.591,1142,9.591,1143,8.088,1144,8.685,1145,8.464,1146,7.643,1147,8.088,1148,7.643,1149,8.088,1150,8.685,1151,7.287,1152,8.685,1153,5.568,1154,7.643,1155,9.591,1156,9.591,1157,9.591,1158,8.032]],["t/568",[0,0.061,1,0.042,5,2.141,7,0.02,16,0.963,24,0.195,36,1.37,39,4.502,40,1.647,51,1.242,81,1.21,84,3.156,93,1.225,100,4.478,110,0.836,126,3.595,131,1.286,146,0.432,151,0.879,160,3.1,167,1.486,169,0.287,170,0.479,178,2.101,181,1.247,182,0.854,183,1.405,189,4.135,190,0.942,195,2.036,196,2.761,202,3.321,204,4.558,205,0.969,206,4.15,207,1.725,208,5.221,209,1.725,210,4.992,211,1.725,215,2.68,220,0.854,281,2.842,282,3.451,309,1.908,340,0.711,360,2.797,364,1.105,375,1.377,394,1.956,397,4.624,424,0.626,429,2.554,459,0.635,464,4.68,472,4.336,473,4.939,476,1.353,478,3.62,479,6.122,480,1.99,491,1.839,539,1.722,540,1.023,544,0.836,568,4.241,630,4.955,659,1.831,666,3.725,692,5.028,709,0.999,717,1.172,735,4.785,750,4.821,758,9.73,969,2.162,978,1.023,979,1.658,984,3.32,988,4.955,989,1.876,994,2.62,995,2.303,996,2.408,997,8.535,1000,4.955,1003,6.87,1004,8.535,1018,0.504,1019,0.504,1023,2.39,1028,0.819,1029,1.895,1032,1.526,1033,1.526,1038,2.217,1039,1.377,1040,1.839,1041,7.699,1042,7.948,1063,1.52,1064,5.144,1066,1.332,1073,8.535,1079,1.33,1084,2.371,1090,2.579,1102,3.5,1105,3.227,1106,4.08,1108,3.314,1110,4.706,1119,8.535,1153,0.854,1159,1.471,1160,4.922,1161,1.332,1162,1.632,1163,2.208,1164,2.208,1165,3.62,1166,1.632,1167,1.471,1168,2.549,1169,1.471,1170,5.455,1171,3.539,1172,3.539,1173,3.539,1174,1.909,1175,1.471,1176,1.471,1177,3.539,1178,3.539,1179,3.539,1180,1.99,1181,5.321,1182,1.471,1183,8.537,1184,8.535,1185,9.425,1186,9.425,1187,7.948,1188,5.472,1189,7.511,1190,6.87,1191,8.535,1192,6.208,1193,7.511,1194,9.425,1195,9.425,1196,7.948,1197,6.87,1198,5.713,1199,1.332,1200,1.332,1201,1.332,1202,1.471,1203,1.241,1204,2.619,1205,1.172,1206,1.332,1207,1.839,1208,1.471,1209,1.471,1210,1.471,1211,1.471,1212,3.539,1213,1.241,1214,2.619,1215,1.332,1216,2.619,1217,1.332,1218,2.619,1219,1.332,1220,1.332,1221,1.471,1222,1.332,1223,1.332,1224,1.471,1225,1.332,1226,1.471,1227,1.471,1228,1.471,1229,1.471,1230,7.481,1231,1.471,1232,1.471,1233,1.471,1234,1.471,1235,1.471,1236,0.894,1237,1.471,1238,1.471,1239,1.471,1240,1.471,1241,1.471,1242,1.471,1243,1.471,1244,3.539,1245,1.471,1246,1.471,1247,1.471,1248,1.471,1249,1.471,1250,1.471,1251,1.471,1252,1.471,1253,1.471,1254,1.471,1255,1.471,1256,1.471,1257,1.471,1258,1.471,1259,1.471,1260,1.471,1261,1.471,1262,1.471,1263,1.471,1264,1.471,1265,1.471,1266,1.471,1267,1.471,1268,2.619,1269,1.471,1270,1.471,1271,1.471,1272,1.172,1273,1.172,1274,1.118,1275,1.471,1276,1.471,1277,1.471,1278,1.471,1279,0.969,1280,1.471,1281,3.015,1282,3.887,1283,3.421,1284,4.293,1285,3.887,1286,4.293,1287,4.293,1288,1.471,1289,1.471,1290,1.471]],["t/570",[0,0.259,1,0.19,16,1.511,20,3.998,21,3.826,22,3.017,24,0.34,51,2.031,168,2.93,169,1.315,170,1.574,232,5.679,253,4.094,270,3.44,295,3.759,309,3.315,324,4.7,334,5.63,335,4.634,336,5.524,343,5.679,364,1.93,394,3.068,473,3.478,620,3.909,666,2.661,995,4.003,996,4.185,1018,2.307,1019,2.307,1042,5.679,1057,3.909,1063,3.909,1121,4.574,1137,4.574,1291,5.116,1292,3.256,1293,4.311,1294,6.734,1295,6.734,1296,6.734,1297,4.73,1298,6.734,1299,6.098,1300,5.116,1301,4.311,1302,5.366,1303,6.098,1304,6.098,1305,6.734,1306,5.679,1307,6.734,1308,7.586]],["t/572",[0,0.144,1,0.119,7,0.016,16,0.942,18,1.567,24,0.292,32,0.277,40,2.346,51,1.794,81,1.94,84,2.836,90,2.851,94,3.685,101,3.603,130,3.345,152,4.736,167,1.453,169,0.82,170,1.136,177,2.552,182,2.437,194,2.948,195,2.809,196,1.549,204,1.886,210,5.713,217,5.015,235,2.207,238,1.963,281,3.364,282,1.354,290,3.893,306,5.29,309,1.468,315,3.782,323,1.94,342,3.049,350,4.864,359,4.715,364,1.393,394,1.912,397,2.03,398,2.492,400,2.765,472,4.791,474,5.732,475,4.751,539,2.171,540,1.64,568,2.482,659,3.059,666,1.659,735,2.131,969,2.983,978,1.64,979,1.621,981,4.071,995,3.327,996,3.478,1000,2.207,1018,1.438,1019,1.438,1020,3.973,1028,2.336,1029,2.248,1039,2.207,1062,2.552,1079,4.42,1102,4.661,1121,4.215,1139,5.382,1140,5.62,1143,5.234,1144,5.62,1145,4.945,1146,3.345,1147,3.54,1148,3.345,1149,3.54,1150,3.801,1151,3.189,1152,3.801,1153,2.437,1154,3.345,1162,2.617,1163,3.54,1164,3.54,1166,2.617,1309,3.059,1310,4.359,1311,4.197,1312,4.197,1313,6.206,1314,4.197,1315,4.197,1316,4.197,1317,4.197,1318,3.801,1319,5.62,1320,3.773,1321,3.54,1322,2.948,1323,3.059,1324,3.189,1325,3.801,1326,2.851,1327,2.948,1328,4.197,1329,4.197,1330,4.197,1331,4.197,1332,4.197,1333,4.197,1334,4.197,1335,4.197,1336,4.197,1337,4.197,1338,4.197,1339,4.197,1340,5.62,1341,9.679,1342,4.197,1343,6.206,1344,4.197,1345,6.206,1346,4.197,1347,10.321,1348,4.197,1349,6.206,1350,4.197,1351,6.206,1352,4.197,1353,6.206,1354,4.197,1355,6.206,1356,4.197,1357,2.617,1358,3.54,1359,3.54,1360,4.197,1361,4.197,1362,4.197,1363,4.197,1364,4.197,1365,4.197,1366,4.197,1367,4.197,1368,3.801,1369,2.687,1370,5.531,1371,5.62,1372,4.197,1373,4.945,1374,6.206,1375,4.197,1376,4.197,1377,4.197,1378,4.197,1379,4.197,1380,10.054,1381,10.054,1382,10.054,1383,4.197,1384,10.054,1385,10.054,1386,9.884,1387,4.197,1388,6.206,1389,4.197,1390,4.197,1391,4.197,1392,4.197,1393,4.197,1394,4.197,1395,3.189,1396,4.197]],["t/574",[0,0.129,1,0.157,7,0.021,16,0.984,18,1.003,24,0.22,26,0.146,28,0.996,32,0.289,36,1.735,38,0.638,40,2.432,41,1.05,44,0.789,50,0.775,51,1.854,70,3.257,76,3.725,84,2.603,88,2.267,93,2.622,100,1.144,101,1.56,104,1.388,129,2.604,137,1.676,140,0.851,150,0.885,167,1.923,169,0.525,170,0.803,181,1.28,190,1.721,195,2.278,196,1.619,202,3.913,204,2.879,208,1.388,214,2.267,215,1.32,216,3.698,217,1.826,231,1.496,232,2.267,235,1.413,238,2.014,254,1.467,270,1.754,275,1.676,281,3.655,282,0.867,283,4.217,284,2.042,287,1.342,290,3.533,307,1.496,309,1.943,315,2.66,328,1.959,340,4.739,342,4.093,348,4.312,351,3.254,360,3.641,364,0.984,394,1.225,395,2.546,396,4.012,397,2.121,424,1.144,429,2.249,466,3.902,472,1.413,474,3.377,475,1.467,476,1.388,520,1.115,539,2.47,540,3.121,544,4.734,568,1.754,599,1.596,619,1.439,621,2.142,629,1.826,659,3.325,666,1.733,671,2.142,679,2.666,691,1.721,700,5.55,713,1.634,718,3.08,726,3.971,735,1.365,755,1.467,762,1.826,768,2.434,771,1.771,856,2.546,879,7.663,969,0.921,973,1.721,978,1.05,979,1.693,981,3.588,984,2.392,987,2.869,989,3.086,994,1.943,995,3.49,996,3.595,1000,2.92,1018,0.921,1019,0.921,1023,3.93,1025,3.08,1028,1.496,1029,2.348,1032,3.267,1033,3.045,1047,4.22,1050,3.494,1052,2.979,1054,2.807,1057,3.72,1059,3.698,1061,4.426,1062,1.634,1064,1.467,1075,2.267,1079,1.365,1083,4.048,1099,2.434,1100,2.434,1102,4.814,1105,1.159,1106,1.388,1108,1.943,1110,1.342,1137,4.353,1168,1.596,1189,2.142,1190,3.196,1203,3.698,1205,2.142,1207,1.888,1281,4.502,1292,2.686,1302,2.142,1306,2.267,1308,2.042,1309,3.196,1318,2.434,1323,1.959,1327,3.08,1357,1.676,1358,2.267,1370,2.306,1397,2.267,1398,5.426,1399,2.042,1400,2.042,1401,2.688,1402,6.393,1403,2.267,1404,3.971,1405,2.688,1406,4.959,1407,2.688,1408,1.888,1409,1.388,1410,2.042,1411,1.826,1412,3.971,1413,2.434,1414,2.434,1415,2.688,1416,4.385,1417,4.385,1418,2.688,1419,2.688,1420,2.434,1421,2.688,1422,4.056,1423,2.546,1424,3.659,1425,2.604,1426,3.196,1427,2.142,1428,3.332,1429,2.688,1430,6.393,1431,3.196,1432,7.988,1433,2.688,1434,2.688,1435,2.688,1436,2.688,1437,2.267,1438,2.267,1439,7.234,1440,3.659,1441,1.771,1442,2.434,1443,5.32,1444,2.688,1445,2.688,1446,2.434,1447,2.142,1448,1.888,1449,2.688,1450,6.409,1451,2.688,1452,5.03,1453,2.688,1454,2.688,1455,2.688,1456,2.688,1457,2.688,1458,2.688,1459,5.554,1460,2.666,1461,2.688,1462,2.142,1463,5.954,1464,2.688,1465,2.688,1466,3.698,1467,4.502,1468,3.556,1469,4.684,1470,1.771,1471,2.434,1472,1.439,1473,1.56,1474,1.261,1475,4.836,1476,2.688,1477,2.267,1478,2.688,1479,2.434,1480,2.688,1481,5.554,1482,2.688,1483,1.888,1484,2.688,1485,3.971,1486,2.142,1487,2.688,1488,2.688,1489,2.688,1490,2.688,1491,1.959,1492,2.688,1493,2.688,1494,2.688,1495,2.688,1496,2.688,1497,1.826,1498,2.688,1499,2.441,1500,2.807,1501,2.734,1502,6.409,1503,4.385,1504,2.688,1505,2.688,1506,2.688,1507,2.688,1508,2.434,1509,2.434,1510,2.434,1511,2.434,1512,2.434,1513,2.688,1514,2.688,1515,2.688,1516,2.688,1517,2.688,1518,2.688,1519,2.688,1520,2.688,1521,2.434,1522,2.688,1523,2.688]],["t/576",[0,0.173,1,0.178,7,0.022,16,1.676,19,0.586,22,1.109,24,0.393,40,2.135,49,1.367,50,1.233,51,1.239,52,2.137,81,3.806,84,2.051,93,2.585,151,2.113,167,2.585,168,1.256,169,0.836,170,1.152,181,2.037,190,2.739,195,2.409,196,2.756,202,4.285,204,3.699,205,4.146,206,3.924,207,4.146,208,4.253,209,4.146,210,4.986,211,4.146,220,2.484,247,3.791,270,1.712,281,3.039,282,3.061,296,6.611,309,1.497,326,4.782,351,2.172,358,3.119,360,3.577,364,1.848,367,3.609,394,1.949,397,2.069,429,3.552,439,3.309,459,1.846,464,2.789,472,5.384,473,5.791,476,4.739,479,2.602,539,2.202,540,1.672,544,2.431,568,3.893,620,5.327,659,2.507,735,4.816,850,6.761,969,2.157,973,2.739,978,1.672,979,2.883,981,2.548,984,3.94,989,3.835,994,1.896,995,2.726,996,2.403,1003,3.119,1018,1.466,1019,1.466,1023,4.156,1028,2.382,1029,2.291,1032,2.715,1033,2.715,1038,4.253,1039,3.309,1040,3.006,1041,4.588,1057,2.484,1102,4.401,1105,4.285,1106,5.131,1108,4.401,1114,3.609,1153,3.654,1166,3.924,1180,4.782,1236,3.827,1272,3.41,1273,3.41,1274,3.251,1370,5.31,1422,2.291,1448,5.245,1475,5.094,1524,4.279,1525,4.782,1526,5.016,1527,5.7,1528,2.667,1529,2.382,1530,3.875,1531,6.294,1532,6.294,1533,4.279,1534,4.279,1535,2.541,1536,7.467,1537,9.933,1538,7.467,1539,7.467,1540,7.467,1541,7.738,1542,6.294,1543,6.294,1544,6.294,1545,7.467,1546,7.467,1547,7.467,1548,7.467,1549,7.467,1550,7.467,1551,4.279,1552,4.279,1553,4.279,1554,4.279,1555,4.279,1556,4.279,1557,4.279,1558,4.279,1559,3.006,1560,2.007,1561,4.279,1562,5.442,1563,4.279,1564,8.233,1565,6.001,1566,4.279,1567,4.279,1568,4.279,1569,4.279]],["t/578",[0,0.102,1,0.076,7,0.023,11,0.083,12,0.081,16,0.983,19,0.775,24,0.358,37,0.515,38,0.436,40,2.246,42,1.113,49,3.589,50,3.227,51,1.639,55,3.648,81,2.563,84,2.085,93,3.066,100,1.864,104,2.261,117,2.137,150,1.825,162,0.713,167,1.516,169,0.524,170,1.171,177,3.372,181,2.084,195,2.065,196,2.603,200,1.528,204,3.399,215,4.623,223,3.488,281,2.946,282,1.789,283,1.994,289,2.729,290,3.177,296,1.822,297,5.358,309,1.94,315,2.927,342,4.544,351,1.362,354,3.22,364,1.245,370,5.588,371,0.849,375,2.302,394,1.994,395,1.557,396,3.637,397,1.297,398,1.593,399,2.038,400,1.767,401,1.884,402,1.884,403,1.955,404,1.631,406,3.767,426,2.641,429,1.772,445,2.093,459,1.157,464,1.94,473,1.385,476,1.385,477,2.262,510,1.362,539,2.647,540,3.251,568,1.751,623,4.492,628,1.672,630,2.916,644,2.038,659,2.149,666,1.73,670,5.04,709,5.139,713,3.372,735,2.223,896,2.262,969,1.9,979,1.69,981,3.92,984,3.761,987,1.385,988,1.41,989,1.172,990,1.464,994,2.836,995,3.039,996,3.047,998,2.541,1018,0.919,1019,0.919,1025,1.884,1032,2.392,1033,3.042,1046,4.677,1057,1.557,1062,2.661,1072,2.137,1081,3.488,1102,3.815,1105,3.714,1106,4.448,1108,3.815,1137,4.348,1139,1.955,1151,2.038,1279,1.767,1282,3.964,1309,3.191,1400,3.326,1409,1.385,1420,3.964,1424,2.884,1460,1.631,1468,4.844,1470,4.984,1497,1.822,1560,4.541,1570,5.817,1571,1.955,1572,5.022,1573,1.258,1574,4.377,1575,7.566,1576,10.291,1577,5.546,1578,4.377,1579,2.429,1580,3.692,1581,2.682,1582,2.429,1583,3.964,1584,2.262,1585,4.677,1586,5.796,1587,4.677,1588,4.377,1589,2.429,1590,4.377,1591,2.682,1592,2.262,1593,4.377,1594,2.429,1595,7.566,1596,4.377,1597,8.611,1598,2.682,1599,5.113,1600,6.159,1601,2.682,1602,6.4,1603,2.682,1604,2.682,1605,6.4,1606,9.554,1607,2.262,1608,3.692,1609,2.682,1610,2.682,1611,2.262,1612,2.262,1613,2.682,1614,2.682,1615,2.682,1616,2.682,1617,4.377,1618,2.682,1619,3.372,1620,4.6,1621,2.262,1622,2.429,1623,2.262,1624,2.429,1625,2.262,1626,2.429,1627,3.488,1628,2.262,1629,2.137,1630,2.137,1631,1.767,1632,2.682,1633,2.038,1634,2.682,1635,2.429,1636,2.682,1637,2.682,1638,2.262,1639,2.429,1640,2.429,1641,2.262,1642,2.429,1643,2.429,1644,2.429,1645,3.692,1646,2.682,1647,2.682,1648,2.682,1649,2.682,1650,4.677,1651,2.137,1652,2.429,1653,2.137,1654,2.262,1655,1.631,1656,7.052,1657,7.052,1658,7.052,1659,4.377,1660,4.377,1661,4.377,1662,2.682,1663,2.682,1664,2.682,1665,4.377]],["t/580",[0,0.05,7,0.018,9,0.201,16,1.782,18,1.368,22,0.561,23,2.846,24,0.325,28,0.57,32,0.143,36,1.035,38,0.678,40,1.655,41,0.846,44,0.636,51,1.705,84,1.826,90,2.49,100,0.922,101,2.766,104,1.894,140,3.013,142,0.947,167,2.748,169,0.423,170,0.671,181,4.36,189,2.177,195,3.163,196,2.93,200,1.01,204,1.647,206,1.351,215,4.891,231,2.041,238,1.928,254,3.421,255,1.906,270,3.604,275,2.285,276,1.522,281,3.474,282,2.561,283,1.67,284,2.785,287,3.398,289,3.908,290,4.05,307,2.041,309,3.029,315,3.008,328,1.579,335,0.973,340,1.048,342,3.343,364,2.113,394,3.741,397,4.187,464,0.96,466,3.347,478,4.019,523,1.522,539,2.956,540,0.846,568,4.081,619,5.04,620,6.655,630,2.505,631,4.751,632,6.276,633,5.507,641,2.921,653,1.351,659,3.16,660,2.629,666,0.856,670,3.002,675,1.206,691,3.051,692,2.921,695,2.921,717,7.179,735,1.861,737,1.962,750,1.1,755,1.183,969,2.332,978,3.101,979,3.065,981,2.755,994,0.96,995,3.161,996,3.305,1000,1.927,1018,0.742,1019,0.742,1020,1.387,1021,1.827,1027,2.921,1028,4.419,1029,4.251,1032,0.935,1033,0.935,1062,5.264,1063,2.128,1075,3.092,1079,4.977,1083,1.579,1102,3.517,1166,1.351,1168,1.287,1198,3.32,1292,1.773,1301,1.387,1306,3.092,1308,1.646,1309,3.473,1320,1.317,1322,1.522,1357,5.513,1398,2.49,1408,1.522,1409,1.119,1410,1.646,1411,1.472,1472,1.16,1486,3.797,1500,1.387,1528,2.971,1535,1.287,1541,9.302,1619,1.317,1620,2.229,1641,1.827,1651,1.727,1666,2.167,1667,2.167,1668,4.765,1669,3.666,1670,2.167,1671,3.666,1672,3.666,1673,2.921,1674,1.727,1675,7.621,1676,6.805,1677,5.605,1678,6.805,1679,6.268,1680,3.666,1681,2.167,1682,1.962,1683,6.268,1684,3.666,1685,2.167,1686,2.167,1687,8.844,1688,1.727,1689,10.023,1690,8.449,1691,9.624,1692,8.844,1693,8.008,1694,6.12,1695,8.844,1696,8.844,1697,9.802,1698,7.938,1699,7.938,1700,2.167,1701,2.167,1702,1.827,1703,4.765,1704,4.765,1705,3.666,1706,5.605,1707,3.666,1708,7.938,1709,4.315,1710,7.188,1711,7.188,1712,5.076,1713,7.621,1714,6.805,1715,3.666,1716,6.805,1717,5.605,1718,3.666,1719,3.666,1720,1.962,1721,2.167,1722,1.827,1723,2.167,1724,6.805,1725,6.805,1726,6.805,1727,8.658,1728,1.827,1729,2.167,1730,1.646,1731,2.167,1732,2.167,1733,2.167,1734,2.167,1735,2.167,1736,2.167,1737,2.167,1738,1.727,1739,1.727,1740,2.167,1741,7.621,1742,2.167,1743,2.167,1744,2.167,1745,2.167,1746,2.167,1747,2.167,1748,2.167,1749,2.167,1750,2.167,1751,2.167,1752,2.167,1753,2.167,1754,2.167,1755,2.167,1756,2.167,1757,3.666,1758,4.315,1759,2.167,1760,2.167,1761,6.805,1762,5.076,1763,3.32,1764,3.666,1765,4.242,1766,6.805,1767,4.765,1768,3.666,1769,4.765]],["t/582",[0,0.053,1,0.036,5,0.387,7,0.021,8,0.037,11,0.039,12,0.069,16,0.511,18,0.47,19,0.356,23,0.639,24,0.32,30,0.7,32,0.083,37,0.734,40,1.586,44,0.369,51,1.061,52,0.628,81,1.052,84,0.41,86,4.661,93,2.232,100,1.326,104,0.65,110,1.77,126,0.765,137,0.784,140,1.563,151,0.764,167,0.788,169,0.246,170,0.57,181,1.084,184,3.13,190,0.806,195,2.455,196,1.989,201,3.663,202,3.282,204,1.986,205,0.829,206,2.756,207,1.499,208,1.973,209,0.829,210,2.171,211,1.499,215,2.426,217,3.355,220,0.73,243,0.73,247,0.639,281,2.873,282,1.979,289,2.382,290,2.342,297,0.956,309,0.796,342,2.426,348,3.2,354,0.73,364,0.992,394,1.42,395,0.73,396,2.806,397,0.608,398,0.747,399,0.956,400,0.829,401,0.884,402,0.884,403,0.917,404,2.688,406,2.595,416,0.639,424,1.326,426,2.351,429,2.826,439,1.196,445,1.864,459,1.648,464,1.959,475,0.687,476,1.609,486,0.573,493,0.608,494,1.061,510,4.417,519,0.599,525,1.599,526,2.628,539,1.885,540,2.396,544,1.77,628,2.382,630,2.009,631,0.784,633,1.729,646,2.625,659,2.164,660,1.067,682,1.061,685,1.061,713,1.894,717,1.003,735,2.736,771,1.499,969,0.78,973,1.457,977,1.061,978,0.491,979,1.203,981,3.81,984,3.382,987,1.175,988,1.196,989,1.362,990,1.242,994,2.188,995,1.967,996,2.057,1018,0.431,1019,0.431,1023,2.749,1029,1.668,1032,1.648,1033,0.982,1038,1.973,1039,1.196,1040,0.884,1041,3.599,1052,0.855,1057,0.73,1062,0.765,1102,2.718,1105,3.2,1106,3.832,1108,3.371,1126,0.73,1137,1.546,1153,0.73,1165,1.061,1166,2.382,1168,0.747,1180,1.729,1192,0.829,1236,1.384,1272,1.003,1273,1.003,1274,0.956,1291,0.956,1292,1.507,1309,1.659,1370,0.662,1408,0.884,1409,1.609,1422,1.668,1423,0.73,1448,0.884,1460,1.894,1462,1.003,1468,4.469,1470,4.598,1474,0.59,1475,0.73,1497,0.855,1499,1.267,1500,1.457,1501,1.419,1525,0.956,1526,1.003,1560,1.067,1573,1.461,1580,1.919,1584,1.061,1585,1.061,1600,5.039,1607,1.061,1608,1.919,1611,1.919,1612,1.061,1619,3.002,1620,4.244,1621,1.919,1623,1.919,1625,1.919,1627,3.045,1628,1.919,1629,1.813,1630,1.813,1631,1.499,1645,1.061,1655,0.765,1770,1.258,1771,1.258,1772,1.139,1773,5.555,1774,1.139,1775,1.813,1776,1.139,1777,5.555,1778,1.139,1779,1.258,1780,1.061,1781,1.258,1782,2.276,1783,2.821,1784,1.919,1785,2.821,1786,2.276,1787,2.061,1788,1.499,1789,2.061,1790,1.139,1791,0.829,1792,1.258,1793,1.258,1794,1.919,1795,1.258,1796,2.276,1797,5.389,1798,5.784,1799,4.938,1800,1.258,1801,2.276,1802,2.276,1803,2.061,1804,2.276,1805,1.258,1806,1.139,1807,2.276,1808,2.276,1809,2.276,1810,2.061,1811,0.608,1812,3.46,1813,1.061,1814,1.139,1815,2.061,1816,1.139,1817,1.919,1818,1.061,1819,1.139,1820,1.003,1821,1.139,1822,1.139,1823,1.139,1824,1.258,1825,1.139,1826,0.956,1827,1.139,1828,1.139,1829,1.139,1830,1.061,1831,4.421,1832,1.258,1833,1.139,1834,4.421,1835,4.421,1836,3.116,1837,8.095,1838,7.609,1839,8.799,1840,8.799,1841,8.095,1842,6.134,1843,8.799,1844,6.98,1845,6.134,1846,6.134,1847,8.095,1848,8.095,1849,8.799,1850,7.609,1851,9.061,1852,6.134,1853,7.609,1854,6.98,1855,6.98,1856,4.938,1857,6.134,1858,6.134,1859,7.609,1860,7.609,1861,9.779,1862,6.134,1863,8.799,1864,6.134,1865,6.98,1866,6.98,1867,4.938,1868,6.134,1869,9.472,1870,6.134,1871,3.116,1872,8.095,1873,6.98,1874,6.134,1875,3.116,1876,6.98,1877,6.98,1878,8.095,1879,3.116,1880,6.134,1881,6.134,1882,4.938,1883,6.98,1884,4.938,1885,7.609,1886,8.095,1887,6.98,1888,4.938,1889,8.095,1890,3.116,1891,6.98,1892,6.134,1893,9.472,1894,6.134,1895,3.116,1896,6.134,1897,6.134,1898,8.799,1899,6.134,1900,8.483,1901,6.98,1902,8.095,1903,7.609,1904,8.483,1905,4.938,1906,4.938,1907,3.116,1908,6.134,1909,6.98,1910,3.116,1911,4.938,1912,6.98,1913,3.116,1914,6.134,1915,6.98,1916,6.134,1917,8.095,1918,6.98,1919,7.609,1920,6.98,1921,4.938,1922,4.938,1923,7.609,1924,3.116,1925,6.134,1926,6.98,1927,6.98,1928,6.134,1929,4.938,1930,4.938,1931,6.98,1932,6.134,1933,6.98,1934,6.98,1935,4.938,1936,6.98,1937,6.98,1938,3.116,1939,6.134,1940,3.116,1941,6.134,1942,6.134,1943,6.134,1944,3.116,1945,5.886,1946,6.134,1947,6.134,1948,6.134,1949,4.938,1950,6.134,1951,6.134,1952,3.116,1953,7.609,1954,2.821,1955,6.134,1956,3.116,1957,3.116,1958,6.98,1959,3.116,1960,4.938,1961,3.116,1962,3.116,1963,4.938,1964,3.116,1965,3.116,1966,3.116,1967,3.116,1968,4.938,1969,3.116,1970,3.116,1971,3.116,1972,3.116,1973,3.116,1974,3.116,1975,3.116,1976,4.938,1977,4.938,1978,3.116,1979,3.116,1980,3.116,1981,3.116,1982,3.116,1983,3.116,1984,1.258,1985,1.258,1986,1.139,1987,1.258,1988,1.258,1989,1.258,1990,1.258,1991,1.258,1992,1.258,1993,1.258,1994,1.258,1995,1.258,1996,1.258,1997,1.258,1998,1.258,1999,3.222,2000,3.46,2001,1.258,2002,1.258,2003,1.258]],["t/584",[0,0.257,7,0.016,8,0.288,9,0.244,10,0.307,11,0.255,12,0.25,13,0.277,14,0.355,15,0.271,19,0.769,22,2.872,24,0.327,26,0.273,27,0.239,32,0.545,172,0.316,240,1.855,318,6.309,320,3.228,324,3.765,332,3.518,333,5.444,334,4.51,335,3.713,336,4.426,687,0.688]],["t/586",[0,0.175,1,0.156,7,0.022,16,1.69,24,0.339,51,1.901,73,3.065,84,2.453,143,2.844,144,2.844,167,2.606,169,1.075,170,1.57,195,2.975,196,2.779,200,1.517,234,2.202,247,5.879,281,3.564,282,2.768,287,4.978,308,2.473,309,3.226,312,5.72,315,4.007,326,7.337,342,4.898,348,4.165,360,3.128,364,1.69,394,2.508,397,2.662,400,3.627,475,3.005,539,1.926,568,2.202,659,3.242,684,4.986,700,4.98,735,2.795,750,2.795,978,2.941,979,2.907,995,3.526,996,3.686,998,4.37,1000,3.958,1018,1.887,1019,1.887,1028,3.065,1029,2.948,1034,4.183,1083,4.013,1143,4.643,1166,3.432,1572,6.817,1820,4.387,2004,10.391,2005,5.506,2006,7.528,2007,5.506,2008,5.506,2009,5.506,2010,5.506,2011,7.528,2012,5.506,2013,7.528,2014,7.528,2015,5.506,2016,7.528,2017,5.506,2018,4.986,2019,4.986,2020,5.506,2021,11.276,2022,5.506,2023,5.506,2024,5.506,2025,5.506,2026,5.506,2027,5.506,2028,5.506,2029,5.506,2030,5.506,2031,8.579,2032,8.579,2033,8.579,2034,5.506,2035,5.506,2036,5.506,2037,5.506,2038,7.528,2039,5.506]],["t/588",[0,0.078,1,0.095,5,0.604,7,0.022,8,0.058,10,0.062,11,0.061,12,0.102,16,0.757,19,0.489,24,0.352,27,0.048,28,0.305,37,2.19,40,2.159,44,0.576,50,1.276,51,1.648,81,2.428,84,1.927,90,2.29,93,2.898,100,2.518,104,1.014,110,1.915,126,2.049,131,0.965,151,1.487,167,1.167,168,0.576,169,0.383,170,0.961,181,4.078,183,0.561,184,1.324,190,1.257,195,2.871,196,2.69,200,0.541,201,4.489,202,3.77,204,3.103,205,1.293,206,1.224,207,1.293,208,3.055,209,1.293,210,1.116,211,1.293,213,1.778,215,3.742,220,1.14,247,1.711,270,1.348,281,3.571,282,1.429,289,3.275,290,3.016,295,0.858,296,1.334,297,6.359,309,1.549,315,0.815,329,2.457,342,3.171,343,1.656,348,4.053,351,0.997,357,1.492,358,1.431,361,1.257,364,0.994,371,0.621,393,1.14,394,2.018,395,1.14,396,3.668,397,0.949,398,1.166,399,1.492,400,1.293,401,1.379,402,1.379,403,1.431,404,3.596,406,4.017,419,2.101,424,1.885,426,3.074,429,3.3,439,1.772,445,2.436,459,1.91,464,3.06,474,1.194,475,2.417,476,2.288,486,0.895,494,2.843,510,1.711,525,4.154,526,5.444,539,2.764,540,3.184,544,3.668,568,3.16,588,1.194,591,1.116,623,4.522,626,1.656,628,4.024,629,3.008,630,3.394,633,2.561,641,1.565,646,2.001,653,1.224,659,2.987,660,2.077,666,1.332,670,3.167,682,4.43,683,1.656,685,1.656,709,4.691,713,4.631,735,1.711,750,0.997,762,3.008,771,2.22,772,1.492,879,2.457,896,1.656,969,2.498,973,2.158,978,0.767,979,1.71,981,4.16,984,3.931,987,1.741,988,1.772,989,1.936,990,1.84,994,2.86,995,2.975,996,3.195,999,1.656,1000,1.772,1018,0.673,1019,0.673,1023,4.057,1029,2.372,1032,2.784,1033,2.784,1034,2.561,1038,3.055,1039,1.772,1040,1.379,1041,4.705,1062,1.194,1064,1.072,1081,1.565,1102,4.063,1105,3.955,1106,4.736,1108,4.063,1126,2.571,1137,2.29,1139,1.431,1146,6.494,1151,1.492,1153,1.957,1166,3.275,1168,1.166,1180,2.561,1191,3.052,1192,2.22,1197,2.457,1236,2.049,1272,1.565,1273,1.565,1274,1.492,1292,0.949,1370,1.032,1373,1.565,1408,1.379,1409,2.288,1422,3.457,1423,1.14,1447,1.565,1448,1.379,1460,2.693,1462,1.565,1466,1.656,1468,5.484,1470,5.513,1474,0.921,1486,1.565,1497,1.334,1500,3.363,1525,1.492,1526,1.565,1528,3.275,1560,1.581,1573,0.921,1579,1.778,1580,3.735,1582,1.778,1583,1.778,1584,1.656,1585,1.656,1586,4.01,1587,1.656,1592,1.656,1600,5.937,1607,1.656,1608,2.843,1611,2.843,1612,1.656,1619,3.925,1620,5.089,1621,2.843,1622,3.052,1623,2.843,1624,3.052,1625,2.843,1626,3.052,1627,4.186,1628,2.843,1629,2.686,1630,2.686,1631,2.22,1638,1.656,1639,1.778,1640,1.778,1641,1.656,1642,1.778,1643,1.778,1644,1.778,1645,4.43,1650,3.735,1651,3.529,1653,1.565,1654,1.656,1655,2.693,1720,1.778,1772,1.778,1773,7.756,1774,4.01,1775,4.713,1776,1.778,1777,7.756,1778,1.778,1780,1.656,1783,3.052,1784,3.735,1785,1.778,1789,3.052,1790,1.778,1791,2.22,1803,3.052,1806,1.778,1810,3.052,1811,1.63,1812,4.757,1813,1.656,1814,1.778,1815,3.052,1816,1.778,1821,1.778,1822,1.778,1823,1.778,1825,1.778,1826,1.492,1827,1.778,1828,1.778,1829,1.778,1830,1.656,1833,6.897,1986,3.052,1999,4.987,2000,5.355,2040,1.778,2041,1.963,2042,1.492,2043,1.492,2044,5.253,2045,1.963,2046,1.963,2047,1.963,2048,1.431,2049,3.052,2050,1.778,2051,1.778,2052,1.656,2053,1.051,2054,1.963,2055,1.778,2056,1.565,2057,1.963,2058,1.963,2059,1.963,2060,1.963,2061,1.963,2062,1.656,2063,7.617,2064,6.455,2065,2.457,2066,6.455,2067,5.914,2068,5.914,2069,5.253,2070,6.897,2071,6.906,2072,5.914,2073,5.914,2074,5.914,2075,1.963,2076,1.963,2077,1.963,2078,1.963,2079,1.778,2080,1.656,2081,1.963,2082,1.963,2083,1.778,2084,1.963,2085,3.371,2086,1.963,2087,3.371,2088,3.371,2089,3.371,2090,3.052,2091,2.561,2092,3.371,2093,3.371,2094,2.049,2095,3.371,2096,3.371,2097,3.371,2098,3.371,2099,4.429,2100,3.371,2101,3.371,2102,1.963,2103,1.963,2104,3.371,2105,1.963,2106,1.963,2107,3.371,2108,1.963,2109,1.963,2110,1.963,2111,1.963,2112,1.963,2113,3.371,2114,3.371,2115,3.371,2116,6.455,2117,1.963,2118,1.963,2119,1.963,2120,1.963,2121,1.963,2122,1.963,2123,1.963,2124,1.963,2125,1.963,2126,1.963,2127,1.963,2128,1.963,2129,1.963,2130,1.963,2131,1.963,2132,1.963,2133,1.963,2134,1.963,2135,1.963,2136,1.963,2137,1.963,2138,1.963,2139,1.963,2140,1.963,2141,1.963,2142,1.963,2143,1.963,2144,1.963,2145,1.963,2146,1.963,2147,1.963,2148,1.963,2149,1.963,2150,1.963,2151,1.963]],["t/590",[0,0.162,1,0.14,5,1.521,7,0.022,16,1.11,21,2.81,24,0.276,36,1.074,51,1.898,84,2.277,93,1.712,143,2.555,144,2.555,167,1.712,169,0.966,170,1.852,180,3.758,183,2.753,184,1.479,189,4.149,195,2.254,196,1.826,200,1.362,201,5.003,202,4.158,238,2.833,243,6.554,254,5.069,275,3.083,281,3.963,282,1.596,283,3.183,290,3.361,307,2.753,309,1.73,340,3.379,341,3.654,342,4.563,348,4.631,349,2.81,360,4.604,364,1.568,439,3.674,445,1.867,475,2.699,539,3.08,540,3.439,568,1.978,631,3.083,659,3.605,666,1.955,735,2.511,978,1.932,979,2.698,984,1.846,995,3.52,996,3.68,1018,2.776,1019,2.776,1020,3.166,1038,2.555,1039,2.6,1062,3.007,1064,2.699,1105,2.133,1106,2.555,1108,2.191,1137,4.746,1146,3.941,1147,4.171,1174,5.093,1357,3.083,1358,4.171,1371,4.479,1398,3.36,1409,4.548,1437,4.171,1438,4.171,1529,2.753,1674,3.941,1791,5.8,1999,4.171,2048,3.605,2053,2.649,2152,4.479,2153,4.946,2154,4.946,2155,3.474,2156,6.987,2157,4.805,2158,6.689,2159,6.987,2160,5.8,2161,6.987,2162,6.987,2163,6.987,2164,6.987,2165,6.987,2166,6.987,2167,4.946,2168,4.946,2169,4.479,2170,3.941,2171,4.946,2172,4.479,2173,4.946,2174,4.946,2175,4.171,2176,4.946,2177,4.946,2178,4.946,2179,9.288,2180,4.946,2181,4.946,2182,4.946,2183,6.987,2184,4.946,2185,4.946,2186,4.946,2187,4.946,2188,4.946,2189,4.946,2190,4.946,2191,8.805,2192,6.987,2193,6.987,2194,9.64,2195,8.102,2196,4.946,2197,4.946,2198,4.946,2199,4.946,2200,4.946,2201,4.946,2202,6.987,2203,4.946,2204,6.987]],["t/592",[0,0.16,1,0.137,7,0.023,16,1.547,24,0.379,27,0.119,40,2.165,51,1.578,76,3.369,84,2.612,93,3.022,124,4.09,129,2.88,167,2.386,169,0.947,170,1.753,181,3.817,195,2.223,196,2.544,200,2.54,204,3.921,206,4.997,208,4.14,234,4.404,247,2.462,281,3.403,282,2.223,290,3.06,295,3.012,309,2.411,312,3.685,315,3.326,322,2.242,340,2.345,364,1.089,370,4.759,371,2.917,376,9.118,394,2.21,397,2.345,404,2.949,417,2.597,429,3.534,475,2.647,476,5.292,539,2.804,540,2.692,560,5.63,561,3.836,568,1.94,604,3.535,646,4.092,659,2.314,666,2.724,675,3.836,700,5.561,973,3.105,978,1.894,979,2.661,984,3.257,987,4.14,989,3.815,995,2.926,996,3.332,1018,1.662,1019,1.662,1028,2.7,1029,2.597,1085,4.09,1102,3.053,1105,3.457,1106,4.14,1108,4.657,1279,6.073,1357,3.023,1403,5.811,1422,2.597,1423,2.815,1424,3.195,1425,2.88,1426,3.535,1427,3.865,1428,5.236,1491,7.34,1497,4.681,1535,2.88,1573,2.275,1600,3.294,1633,5.236,1655,2.949,2065,3.535,2205,4.392,2206,6.891,2207,9.219,2208,6.891,2209,7.903,2210,6.891,2211,4,2212,4.85,2213,7.775,2214,4.392,2215,4.85,2216,3.685,2217,4.85,2218,4.85,2219,6.891,2220,4.85,2221,4.85,2222,6.891,2223,6.76,2224,4.85,2225,4.392,2226,4.85,2227,10.069,2228,4.85,2229,4.85,2230,4.85,2231,4.85,2232,4.85,2233,4.85,2234,4.85,2235,4.85,2236,4.85]],["t/594",[0,0.194,1,0.182,7,0.021,16,1.876,24,0.367,30,1.981,38,0.642,43,3.023,51,1.269,84,3.024,93,2.231,127,5.679,140,2.645,141,5.449,147,5.164,148,5.762,154,4.654,167,2.894,168,2.454,169,1.258,170,1.53,195,2.994,196,3.086,201,3.661,202,4.579,281,3.086,282,2.079,309,2.254,364,2.083,397,3.116,439,4.396,440,3.587,476,3.328,510,3.272,513,5.083,539,2.925,540,3.625,659,2.807,689,5.434,700,5.908,978,2.517,979,3.228,981,2.609,984,3.12,989,3.654,995,2.353,996,2.46,1001,5.835,1018,2.208,1019,2.208,1023,5.665,1032,2.779,1033,2.779,1038,4.318,1072,7.395,1074,4.697,1105,3.606,1126,3.741,1154,5.135,1236,5.083,1521,7.571,1765,4.017,1788,4.245,1811,4.043,2160,5.507,2237,6.444,2238,6.444,2239,6.444,2240,8.36,2241,6.444,2242,8.36,2243,8.36,2244,6.444,2245,6.444,2246,6.444,2247,6.444,2248,6.444,2249,6.444,2250,6.444,2251,6.444,2252,6.444,2253,6.444,2254,6.444,2255,6.444,2256,6.662]],["t/596",[0,0.223,1,0.094,7,0.022,16,1.164,18,1.238,24,0.365,40,1.97,43,1.556,51,1.819,84,2.555,93,1.796,101,4.552,142,1.45,167,1.796,168,0.973,169,0.648,170,0.949,178,1.969,195,2.803,196,2.358,200,0.914,234,1.327,270,1.327,275,3.982,281,3.746,282,2.061,285,4.374,287,4.614,290,1.266,309,2.527,315,3.605,322,5.346,323,4.156,324,4.46,325,7.326,326,5.957,328,2.417,332,2.208,348,3.586,364,1.434,394,1.511,396,1.884,397,1.604,429,3.366,439,2.727,476,2.679,539,1.815,540,1.295,568,1.327,599,1.969,659,2.632,666,2.525,679,3.154,691,2.123,713,5.282,969,3.811,978,2.026,979,2.467,981,2.925,984,2.696,989,3.158,995,3.374,996,3.528,1018,1.136,1019,1.136,1028,1.846,1029,1.776,1079,5.646,1102,3.201,1118,6.542,1192,2.185,1370,4.97,1422,1.776,1423,1.925,1424,2.185,1425,1.969,1426,2.417,1428,2.52,1440,6.227,1499,1.846,1501,2.067,1528,5.761,1529,1.846,2257,3.781,2258,4.487,2259,11.382,2260,3.316,2261,3.316,2262,3.316,2263,3.316,2264,3.316,2265,4.697,2266,3.316,2267,5.187,2268,5.187,2269,5.187,2270,3.316,2271,9.923,2272,5.187,2273,8.313,2274,8.313,2275,8.313,2276,7.225,2277,9.242,2278,8.313,2279,5.187,2280,9.242,2281,7.225,2282,7.225,2283,7.841,2284,7.841,2285,5.187,2286,5.187,2287,3.316,2288,5.187,2289,3.316,2290,3.316,2291,3.316,2292,3.316,2293,6.388,2294,3.316,2295,3.316,2296,3.316,2297,3.316,2298,3.316,2299,3.316,2300,5.187,2301,7.225,2302,6.388,2303,6.388,2304,3.316,2305,3.316,2306,8.687,2307,3.316,2308,3.316,2309,3.316,2310,3.316,2311,3.316,2312,3.316,2313,3.316,2314,5.187]],["t/598",[0,0.114,1,0.139,7,0.022,8,0.091,16,1.969,19,0.787,23,3.097,24,0.347,36,1.065,40,0.644,43,4.69,44,3.075,51,0.966,58,6.277,81,2.267,84,1.988,93,1.698,113,2.605,127,2.098,131,2.41,147,1.407,148,1.654,167,3.128,168,0.907,169,0.603,170,1.116,183,2.644,189,2.912,195,2.987,196,3.649,201,2.787,202,4.076,204,3.798,205,2.035,206,4.331,207,2.035,209,2.035,210,2.787,211,2.035,215,3.413,261,1.894,281,3.549,282,2.602,283,2.235,287,1.542,290,2.329,307,3.867,309,2.651,315,1.282,322,2.267,340,2.372,342,1.518,357,2.347,358,2.252,360,3.947,364,1.701,394,3.452,397,3.664,424,1.315,429,1.986,439,2.579,464,1.369,479,4.223,521,4.789,539,3.458,540,3.617,544,2.787,568,4.166,599,1.834,608,2.252,645,2.605,646,1.834,647,4.442,659,3.228,679,2.982,713,2.982,735,1.568,750,1.568,762,2.098,770,9.145,978,2.96,979,3.387,981,2.812,984,1.831,989,2.144,994,2.173,995,2.227,996,1.872,1018,2.09,1019,1.059,1025,3.445,1028,3.867,1029,4.319,1032,3.268,1033,3.268,1038,4.166,1110,1.542,1168,2.912,1174,3.575,1181,2.605,1213,4.137,1236,2.982,1281,3.445,1285,4.442,1324,2.347,1397,2.605,1408,3.445,1528,1.926,1599,2.912,1794,2.605,1811,2.372,2042,3.727,2043,2.347,2052,2.605,2053,1.654,2157,2.677,2158,2.347,2258,3.445,2315,2.797,2316,4.905,2317,10.799,2318,10.953,2319,3.089,2320,3.089,2321,4.442,2322,3.089,2323,3.089,2324,3.089,2325,3.089,2326,2.347,2327,3.089,2328,3.089,2329,3.089,2330,6.038,2331,2.252,2332,2.797,2333,2.797,2334,4.442,2335,2.797,2336,6.29,2337,2.797,2338,2.797,2339,2.797,2340,2.797,2341,4.442,2342,4.442,2343,3.089,2344,4.905,2345,5.524,2346,6.947,2347,4.905,2348,4.905,2349,9.614,2350,6.947,2351,4.905,2352,4.905,2353,4.905,2354,4.905,2355,6.947,2356,6.947,2357,4.905,2358,3.089,2359,4.905,2360,4.905,2361,4.905,2362,8.455,2363,3.089,2364,4.905,2365,4.905,2366,8.066,2367,4.905,2368,4.905,2369,4.905,2370,6.947,2371,4.905,2372,4.905,2373,4.905,2374,4.905,2375,9.885,2376,4.905,2377,4.905,2378,4.905,2379,4.905,2380,4.905,2381,4.905,2382,3.089,2383,4.905,2384,4.905,2385,4.905,2386,4.905,2387,3.089,2388,4.905,2389,3.089,2390,4.905,2391,4.905,2392,4.905,2393,3.089,2394,4.905,2395,4.905,2396,3.089,2397,3.089,2398,4.905,2399,3.089,2400,3.089,2401,4.905,2402,3.089,2403,4.905,2404,8.066,2405,4.905,2406,2.462,2407,4.905,2408,3.089,2409,3.089,2410,3.089,2411,3.089,2412,3.089,2413,3.089,2414,8.455,2415,3.089,2416,3.089,2417,3.089,2418,3.089,2419,3.089,2420,3.089,2421,3.089,2422,3.089,2423,3.089,2424,3.089,2425,3.089,2426,3.089]],["t/600",[0,0.057,1,0.16,5,1.603,7,0.023,16,0.749,17,1.565,19,1.035,23,1.246,24,0.24,28,1.127,30,2.47,31,3.465,32,0.22,35,2.11,36,1.574,51,1.026,65,3.372,84,2.759,93,1.962,94,1.457,100,1.045,129,0.812,140,2.294,146,2.644,150,1.715,151,1.903,152,0.568,153,1.294,167,1.155,169,0.267,170,0.954,181,0.651,182,4.208,183,2.453,193,1.682,195,1.512,196,1.924,197,0.961,200,0.377,204,1.102,215,1.206,231,2.901,235,3.811,238,0.653,242,0.961,267,2.102,270,0.547,277,2.102,281,3.358,282,1.077,287,2.83,290,4.237,295,1.073,307,0.762,309,0.858,315,0.568,341,3.008,362,3.951,364,1.765,385,3.351,388,2.362,413,4.088,416,1.246,417,1.787,426,2.482,429,0.994,431,2.191,436,1.09,440,0.762,445,1.967,459,0.59,464,0.606,466,2.344,479,0.832,492,1.666,510,5.639,515,1.039,520,2.163,536,2.74,539,2.686,540,2.735,551,1.039,568,2.9,586,1.039,607,1.154,608,2.432,629,0.929,631,0.853,659,3.239,660,3.4,664,0.762,750,2.379,755,5.911,772,4.306,778,0.961,856,1.937,967,4.396,969,1.786,978,0.959,979,1.288,981,3.184,984,2.705,995,1.903,996,1.99,998,1.425,1018,0.469,1019,0.469,1020,0.876,1062,0.832,1105,2.248,1108,3.212,1166,1.53,1292,1.614,1308,1.864,1320,1.492,1322,1.724,1324,1.039,1326,1.667,1395,1.039,1399,4.873,1409,1.268,1410,1.039,1472,1.787,1473,1.937,1474,1.565,1475,0.794,1529,0.762,1573,3.4,2042,5.833,2043,1.039,2048,0.997,2065,2.432,2157,6.066,2158,1.864,2211,0.794,2326,1.039,2406,1.09,2427,1.09,2428,1.239,2429,1.368,2430,1.154,2431,2.222,2432,4.243,2433,0.876,2434,1.239,2435,0.961,2436,1.239,2437,7.021,2438,1.239,2439,1.239,2440,2.222,2441,2.07,2442,2.536,2443,3.249,2444,5.212,2445,5.212,2446,4.519,2447,5.212,2448,5.212,2449,3.026,2450,4.519,2451,5.212,2452,3.249,2453,3.249,2454,3.249,2455,4.72,2456,4.72,2457,4.72,2458,4.72,2459,4.72,2460,7.982,2461,4.72,2462,5.212,2463,5.212,2464,9.333,2465,7.249,2466,5.212,2467,4.72,2468,4.72,2469,7.275,2470,4.72,2471,4.72,2472,4.72,2473,1.239,2474,4.069,2475,4.069,2476,4.069,2477,4.069,2478,3.684,2479,4.069,2480,4.069,2481,4.069,2482,8.034,2483,3.169,2484,3.249,2485,3.169,2486,2.08,2487,2.08,2488,3.249,2489,2.08,2490,2.08,2491,3.022,2492,3.022,2493,3.022,2494,3.022,2495,3.022,2496,3.337,2497,1.154,2498,1.09,2499,1.239,2500,1.239,2501,1.368,2502,1.239,2503,1.239,2504,1.239]],["t/602",[0,0.089,1,0.064,5,1.984,7,0.022,8,0.113,15,0.075,16,0.859,18,0.851,19,0.887,24,0.255,31,0.983,36,1.401,38,0.227,40,0.797,51,1.533,58,5.477,59,5.163,76,0.958,84,2.102,93,2.804,94,2.271,100,2.104,101,1.323,102,1.22,104,1.177,123,1.353,131,2.844,140,0.721,142,0.996,147,1.743,167,1.711,169,0.445,170,0.7,178,1.353,180,1.731,181,2.354,195,2.082,196,3.428,201,3.666,202,3.013,237,3.464,238,0.606,270,0.912,281,3.685,282,1.234,283,3.549,288,4.407,290,0.87,294,2.385,295,3.053,307,2.752,309,0.797,351,1.942,354,1.323,364,1.568,394,2.252,396,2.174,397,1.102,424,2.104,429,2.001,459,1.65,464,2.19,475,2.088,479,6.574,482,2.788,491,1.601,510,4.248,539,3.008,540,3.571,568,1.53,586,6.154,596,1.922,599,1.353,602,3.939,631,6.693,632,4.752,644,6.357,646,1.353,659,3.2,660,1.069,666,2.761,688,1.295,700,2.87,735,1.157,772,3.756,969,1.311,973,2.449,978,0.89,979,1.477,981,4.097,984,3.558,989,4.115,994,1.695,995,2.844,996,2.973,1003,1.661,1018,0.781,1019,0.781,1020,1.459,1028,1.269,1029,2.647,1032,2.497,1033,2.132,1038,2.553,1054,1.459,1079,1.942,1105,0.983,1106,1.177,1108,1.695,1110,1.138,1126,2.87,1149,1.922,1151,1.731,1161,2.064,1162,1.421,1168,5.333,1281,6.613,1292,1.102,1320,2.326,1402,2.064,1409,1.177,1423,1.323,1460,6.224,1467,1.601,1472,1.22,1473,1.323,1529,1.269,1560,4.471,1600,6.614,1619,3.005,1620,4.513,1638,1.922,1655,1.386,1811,1.102,2053,1.22,2080,1.922,2160,2.52,2216,6.154,2223,1.922,2330,1.816,2483,1.386,2505,2.279,2506,3.825,2507,7.423,2508,3.825,2509,2.279,2510,2.279,2511,1.459,2512,2.064,2513,2.279,2514,2.279,2515,3.825,2516,2.064,2517,2.064,2518,1.661,2519,2.064,2520,1.922,2521,5.789,2522,10.29,2523,2.279,2524,3.048,2525,2.279,2526,2.279,2527,2.687,2528,3.048,2529,2.279,2530,2.279,2531,2.279,2532,2.279,2533,2.279,2534,8.134,2535,5.243,2536,8.982,2537,5.789,2538,7.971,2539,8.134,2540,6.985,2541,8.802,2542,8.599,2543,8.599,2544,5.789,2545,9.983,2546,5.789,2547,5.789,2548,8.599,2549,5.243,2550,5.789,2551,5.789,2552,7.789,2553,2.279,2554,2.279,2555,2.279,2556,3.825,2557,3.825,2558,4.943,2559,4.943,2560,3.825,2561,3.825,2562,4.943,2563,4.943,2564,3.825,2565,4.943,2566,4.943,2567,2.279,2568,4.943,2569,6.985,2570,4.943,2571,4.943,2572,6.985,2573,4.943,2574,4.943,2575,6.985,2576,4.943,2577,4.943,2578,6.985,2579,4.943,2580,3.825,2581,7.789,2582,3.825,2583,3.825,2584,3.825,2585,6.452,2586,4.943,2587,2.279,2588,2.279,2589,2.279,2590,3.825,2591,3.825,2592,2.279,2593,2.279,2594,2.279,2595,3.825,2596,2.279,2597,2.279,2598,3.825,2599,2.279,2600,2.279,2601,5.789,2602,4.943,2603,4.943,2604,3.825,2605,2.279,2606,7.423,2607,4.943,2608,2.064,2609,3.825,2610,3.825,2611,2.279,2612,2.279,2613,2.279,2614,2.279,2615,2.279,2616,2.279,2617,1.601,2618,2.279,2619,2.279,2620,2.064,2621,2.279,2622,2.279,2623,2.279,2624,2.279,2625,2.279,2626,2.279]],["t/604",[0,0.149,1,0.124,7,0.022,16,0.984,24,0.299,30,1.348,40,1.336,44,1.287,51,2,74,5.495,76,4.86,84,2.467,93,1.518,150,1.443,167,1.518,169,0.856,170,1.386,195,2.443,196,1.618,200,1.208,204,1.969,208,2.265,210,2.491,215,3.148,217,4.353,254,4.546,281,3.416,282,1.415,290,3.18,309,2.649,315,4.067,340,2.12,342,4.092,364,1.438,367,3.697,388,1.429,445,1.655,461,3.196,475,4.133,539,1.534,540,2.503,568,2.563,586,3.331,623,4.496,631,2.733,659,3.107,700,5.549,750,2.226,969,3.633,978,1.713,979,1.693,981,4.113,984,2.826,989,2.801,994,3.355,995,3.709,996,3.878,1018,1.502,1019,1.502,1032,2.764,1033,1.891,1082,5.404,1090,7.784,1102,2.839,1121,4.353,1126,2.545,1139,3.196,1153,5.549,1162,5.77,1319,3.97,1370,3.369,1398,2.978,1411,2.978,1437,3.697,1440,4.221,1467,4.501,1469,3.697,1472,4.461,1473,3.72,1474,2.056,1485,7.543,1765,2.733,2019,3.97,2083,3.97,2175,3.697,2209,3.97,2433,4.102,2627,4.384,2628,4.384,2629,4.384,2630,4.384,2631,4.384,2632,5.404,2633,6.407,2634,2.665,2635,4.384,2636,3.97,2637,8.861,2638,8.33,2639,8.33,2640,8.33,2641,7.572,2642,7.572,2643,7.572,2644,7.572,2645,4.384,2646,4.384,2647,4.384,2648,10.412,2649,6.386,2650,3.697,2651,10.513,2652,9.995,2653,4.384,2654,4.384,2655,4.384,2656,3.196,2657,7.572,2658,7.572,2659,7.572,2660,4.384,2661,4.384,2662,4.384,2663,4.384]],["t/606",[0,0.218,1,0.208,7,0.023,10,0.131,16,0.936,19,0.862,24,0.291,38,0.53,40,2.299,44,0.742,51,1.448,70,0.824,79,2.015,80,2.132,81,1.928,84,2.012,93,2.815,104,2.154,110,3.024,131,1.242,137,1.576,150,2.773,162,2.98,167,1.444,169,0.494,170,1.13,178,3.667,181,2.941,183,1.191,189,3.16,195,2.51,196,2.28,200,1.149,204,2.391,206,2.6,208,4.783,215,4.14,217,5.725,223,2.015,254,1.38,281,3.566,282,2.373,283,1.152,289,1.576,290,0.965,309,2.948,310,3.323,315,1.731,328,3.04,329,3.04,340,1.223,348,3.994,349,1.437,364,1.386,366,2.289,371,1.684,375,2.799,395,1.468,398,3.16,429,1.024,434,3.776,445,1.574,449,6.203,474,1.537,476,2.154,510,2.117,513,1.537,523,1.776,539,0.884,540,2.413,560,3.739,561,2.963,567,1.329,568,1.011,571,3.776,604,1.843,608,1.843,628,1.576,629,1.717,630,1.329,631,1.576,646,1.501,653,1.576,654,2.289,659,3.159,666,2.104,691,3.408,695,2.015,713,6.684,718,2.929,735,1.284,750,2.117,752,1.776,762,1.717,771,2.747,969,2.888,978,2.669,979,1.61,984,3.393,987,1.306,989,3.4,994,1.848,995,2.685,996,3.104,998,3.09,1018,0.866,1019,0.866,1023,5.895,1027,2.015,1032,2.296,1033,1.799,1046,3.517,1054,2.67,1063,2.421,1072,2.015,1081,3.323,1083,1.843,1085,2.132,1102,3.028,1135,1.407,1164,2.132,1279,2.747,1283,7.699,1291,1.921,1292,1.223,1299,2.289,1357,1.576,1373,4.242,1399,1.921,1409,2.154,1422,5.038,1423,3.967,1424,4.501,1425,4.057,1426,4.981,1427,2.015,1428,5.192,1462,7.092,1499,1.407,1560,1.186,1573,1.186,1599,1.501,1600,2.833,1633,3.168,1655,1.537,1682,2.289,1763,2.289,1780,2.132,1945,2.132,2053,1.354,2055,2.289,2065,1.843,2079,2.289,2091,1.921,2155,4.338,2157,2.276,2160,1.665,2175,2.132,2205,2.289,2211,1.468,2213,2.132,2216,1.921,2632,3.517,2634,1.537,2664,4.17,2665,2.015,2666,2.528,2667,2.528,2668,1.843,2669,2.015,2670,2.528,2671,2.528,2672,5.588,2673,8.132,2674,5.323,2675,5.323,2676,9.091,2677,6.833,2678,4.17,2679,5.323,2680,4.17,2681,5.763,2682,2.528,2683,2.528,2684,9.867,2685,4.17,2686,2.528,2687,2.289,2688,2.528,2689,5.465,2690,7.355,2691,5.588,2692,6.833,2693,10.788,2694,6.833,2695,6.833,2696,6.833,2697,6.833,2698,6.833,2699,6.833,2700,6.833,2701,6.833,2702,6.833,2703,7.355,2704,7.355,2705,2.528,2706,2.528,2707,2.528,2708,2.528,2709,4.17,2710,4.17,2711,2.528,2712,2.528,2713,2.528,2714,2.528,2715,2.528,2716,2.528,2717,2.528,2718,2.528,2719,2.528,2720,2.528,2721,5.323,2722,2.528,2723,5.323,2724,2.528,2725,5.323,2726,2.528,2727,2.528,2728,2.528,2729,2.528,2730,2.528,2731,2.528,2732,2.528,2733,2.528,2734,2.528,2735,2.132,2736,2.528,2737,2.528,2738,1.576,2739,2.289,2740,1.921,2741,1.843,2742,2.528,2743,2.528,2744,2.015,2745,2.528,2746,2.289,2747,2.528,2748,2.289]],["t/608",[0,0.181,1,0.164,7,0.021,16,1.303,22,1.504,24,0.349,38,0.878,40,2.05,51,1.936,65,3.052,70,3.746,81,2.683,84,1.891,93,2.701,140,1.837,162,1.544,167,2.01,169,1.134,170,1.613,177,3.529,183,2.517,195,2.518,196,2.143,202,3.366,215,2.852,216,4.895,217,5.3,281,3.479,282,1.873,283,4.016,290,4.015,307,4.343,309,2.031,315,3.238,324,2.645,348,3.802,364,1.751,394,2.645,396,4.434,397,2.807,459,2.504,475,3.168,539,2.73,540,3.048,544,4.434,568,3.121,619,3.108,659,3.164,666,2.294,713,3.529,735,2.947,743,4.625,750,2.947,762,3.943,969,1.989,978,2.267,979,2.241,981,4.36,984,3.29,989,3.411,995,3.59,996,3.866,1018,1.989,1019,1.989,1028,3.231,1029,3.108,1032,2.504,1033,2.504,1034,4.41,1047,4.41,1064,4.811,1079,2.947,1090,4.231,1102,2.572,1126,3.37,1148,4.625,1327,4.077,1370,3.052,1398,3.943,1412,5.256,1413,5.256,1414,5.256,1452,5.256,1467,4.077,1499,3.231,1500,3.716,1501,3.619,1508,5.256,1509,5.256,1510,5.256,1511,5.256,1512,5.256,2090,5.256,2498,4.625,2749,5.805,2750,5.805,2751,9.425,2752,5.805,2753,5.805,2754,5.805,2755,5.805,2756,5.805,2757,5.805,2758,5.805,2759,7.803,2760,5.805,2761,5.805,2762,5.256,2763,5.256,2764,5.805,2765,5.805,2766,5.805,2767,4.895,2768,5.805,2769,5.256,2770,5.805,2771,5.805,2772,5.805,2773,5.805,2774,5.805,2775,5.805,2776,5.805,2777,5.805,2778,5.805]],["t/610",[0,0.175,1,0.269,7,0.022,16,1.689,18,1.619,23,2.203,24,0.172,40,2.306,51,1.963,70,2.875,84,2.072,93,2.606,102,2.323,133,2.778,135,5.998,167,1.502,169,0.847,170,1.164,183,3.32,195,2.428,196,3.059,224,2.548,238,2.651,280,1.309,281,2.778,282,1.4,290,3.805,306,2.519,307,2.415,309,1.518,315,3.44,342,4.53,348,3.246,364,2.138,395,3.691,464,1.922,482,5.486,529,2.705,539,1.518,540,1.695,567,2.281,568,1.735,608,4.635,659,2.527,750,4.208,755,3.47,978,1.695,979,1.675,995,3.64,996,3.805,1018,1.487,1019,1.487,1026,8.35,1034,6.297,1089,3.929,1110,2.166,1324,8.04,1422,3.405,1424,2.858,1446,5.758,1765,3.964,1811,4.267,2042,3.296,2043,3.296,2157,2.368,2158,3.296,2160,2.858,2321,3.929,2406,8.28,2449,3.691,2497,3.659,2498,3.457,2524,5.067,2767,3.659,2779,4.466,2780,4.338,2781,4.338,2782,2.778,2783,4.338,2784,4.338,2785,2.778,2786,4.338,2787,10.133,2788,4.338,2789,4.338,2790,4.338,2791,3.457,2792,10.133,2793,6.358,2794,4.338,2795,6.358,2796,10.492,2797,6.358,2798,6.358,2799,6.358,2800,6.358,2801,5.758,2802,9.771,2803,6.863,2804,9.221,2805,4.338,2806,4.338,2807,4.338,2808,4.338,2809,4.338,2810,4.338,2811,4.338,2812,4.338,2813,4.338,2814,4.338,2815,4.338,2816,4.338,2817,4.338,2818,4.338,2819,4.338,2820,4.338,2821,4.338,2822,4.338,2823,4.338,2824,4.338,2825,4.338,2826,4.338,2827,6.358,2828,4.338,2829,4.338,2830,4.338,2831,4.338,2832,4.338,2833,3.457,2834,4.338,2835,4.338,2836,4.338]],["t/612",[0,0.073,1,0.051,5,1.53,7,0.022,8,0.269,11,0.129,12,0.126,16,1.264,19,0.684,24,0.197,36,1.917,40,1.593,44,3.4,51,1.709,52,0.905,58,2.368,76,0.762,81,0.838,84,1.835,93,1.95,104,0.936,121,5.59,131,2.444,141,1.684,162,0.482,167,2.545,168,0.532,169,0.354,170,0.576,178,2.474,179,1.751,181,0.863,183,1.608,189,1.868,194,1.273,195,2.623,196,2.447,199,4.278,200,0.499,201,2.827,202,3.866,204,2.978,205,2.745,206,3.51,207,2.072,209,3.278,210,1.787,211,2.745,215,3.256,247,5.363,276,2.21,281,3.075,282,2.372,283,2.566,284,1.377,307,3.69,309,1.1,340,1.521,348,3.866,357,3.78,358,3.627,359,4.278,360,4.734,364,1.264,371,0.573,388,0.591,394,1.433,396,3.2,397,1.521,424,0.772,429,2.28,459,1.357,491,6.201,521,2.954,539,2.16,540,1.628,544,5.094,568,4.573,573,1.641,602,2.507,620,2.889,646,1.076,659,2.356,666,1.647,670,0.971,709,4.503,712,5.099,713,3.025,750,4.864,879,7.902,969,2.115,973,1.16,978,1.628,979,2.174,981,3.726,984,3.178,987,2.57,988,2.616,989,2.897,990,2.275,992,4.03,995,3.169,996,3.313,1000,1.654,1018,1.428,1019,3.072,1028,1.009,1029,2.232,1032,1.798,1033,1.798,1038,3.424,1054,1.16,1079,1.597,1090,5.925,1102,2.735,1105,2.859,1106,3.424,1108,3.501,1110,1.571,1145,1.444,1153,5.125,1168,1.868,1174,1.321,1181,6.201,1184,7.994,1199,1.641,1200,1.641,1201,1.641,1205,1.444,1206,1.641,1207,1.273,1213,6.447,1215,6.922,1217,6.922,1219,1.641,1220,1.641,1222,1.641,1223,1.641,1225,5.099,1236,6.217,1281,1.273,1310,4.336,1408,2.21,1409,0.936,1423,1.826,1424,1.194,1443,2.21,1448,2.21,1467,2.21,1472,2.665,1474,1.475,1475,5.125,1497,1.231,1541,4.196,1559,2.927,1560,3.109,1599,1.076,1775,1.444,1811,2.015,2052,2.653,2094,1.102,2315,1.641,2330,7.418,2332,1.641,2333,1.641,2334,2.848,2335,3.774,2336,5.099,2337,3.774,2338,1.641,2339,1.641,2340,1.641,2341,1.641,2342,2.848,2345,7.155,2433,2.014,2441,1.528,2689,1.273,2837,4.167,2838,1.812,2839,1.641,2840,1.812,2841,1.812,2842,8.828,2843,8.828,2844,7.017,2845,6.629,2846,1.812,2847,1.812,2848,1.812,2849,3.146,2850,3.146,2851,9.732,2852,6.173,2853,9.732,2854,6.173,2855,6.173,2856,1.812,2857,1.812,2858,5.631,2859,1.812,2860,1.812,2861,1.812,2862,3.146,2863,1.812,2864,1.812,2865,1.812,2866,6.629,2867,1.812,2868,1.812,2869,1.812,2870,1.812,2871,1.812,2872,1.812,2873,1.812,2874,3.146,2875,1.812,2876,3.146,2877,1.812,2878,1.812,2879,1.812,2880,1.812,2881,1.812,2882,1.812,2883,1.812,2884,1.812,2885,3.146,2886,1.321,2887,2.293,2888,3.146,2889,4.196,2890,3.146,2891,1.812,2892,4.167,2893,1.812,2894,1.812,2895,1.812,2896,1.812,2897,4.167,2898,4.976,2899,1.812,2900,1.812,2901,3.774,2902,3.774,2903,4.167,2904,4.167,2905,3.774,2906,3.774,2907,3.774,2908,3.774,2909,3.774,2910,3.774,2911,3.774,2912,1.812,2913,1.812,2914,4.167,2915,3.146,2916,3.146,2917,3.146,2918,3.146,2919,3.146,2920,2.848,2921,3.146,2922,3.146,2923,3.146,2924,1.812,2925,1.812,2926,1.812,2927,1.812,2928,1.812,2929,1.812,2930,1.812]],["t/614",[0,0.154,7,0.02,16,1.493,17,4.661,23,5.823,51,1.855,127,4.517,129,5.593,150,2.808,151,2.233,167,2.302,168,1.952,169,1.299,170,1.561,183,1.899,195,3.206,196,2.455,254,4.656,281,3.881,282,3.039,290,2.538,309,2.326,364,2.114,459,3.68,475,3.629,539,2.985,540,3.333,568,2.66,623,3.948,629,4.517,659,3.163,660,3.119,666,2.628,856,3.861,978,2.598,979,2.568,981,3.454,994,4.403,995,3.439,996,3.596,1000,3.496,1018,2.279,1019,2.279,1032,3.68,1033,2.868,1126,3.861,1154,5.299,1162,5.319,1163,7.195,1166,4.146,1192,5.62,1357,4.146,1398,4.517,1471,6.022,1474,3.119,1651,5.299,1709,8.999,1710,9.522,1711,8.999,1762,6.022,1765,4.146,2433,5.462,2632,5.608,2931,6.65,2932,6.65,2933,6.65,2934,6.65,2935,8.532,2936,8.532,2937,5.993,2938,8.532,2939,6.65,2940,6.65,2941,6.65]],["t/616",[0,0.065,1,0.045,4,0.554,5,1.6,7,0.023,16,1.289,19,1.03,22,2.471,24,0.063,34,0.522,36,0.348,38,0.159,40,1.292,46,0.537,51,1.025,63,0.537,66,4.545,70,0.919,72,0.554,84,1.871,93,1.802,102,0.857,129,2.247,140,1.647,145,0.74,159,0.554,166,0.681,167,1.988,169,0.313,170,0.516,175,0.572,179,0.891,180,2.144,193,1.472,195,0.911,196,2.289,204,0.719,208,0.827,210,0.91,231,0.891,254,1.54,266,0.762,275,0.998,279,2.423,281,3.521,282,3.028,287,3.465,295,4.331,296,2.571,299,0.664,308,0.719,309,2.307,315,2.573,320,0.625,323,4.603,324,3.529,328,2.057,334,0.874,340,0.774,348,4.226,351,0.813,354,0.929,355,1.087,364,1.024,395,0.929,397,1.365,404,0.973,417,0.857,429,1.143,439,1.484,440,2.539,445,0.604,459,1.632,474,0.973,510,1.433,538,4.084,539,3.311,540,3.253,599,0.95,619,2.443,623,1.676,634,2.144,643,1.775,659,2.796,660,0.751,666,1.803,679,1.716,709,1.917,728,1.216,729,1.216,735,0.813,747,1.859,752,1.124,778,1.982,846,1.276,978,2.033,979,2.217,984,3.635,987,3.74,988,3.807,989,2.275,990,2.84,994,4.12,995,2.096,996,1.986,998,2.648,1018,0.549,1019,0.967,1032,1.217,1033,1.968,1057,1.638,1063,2.648,1074,2.057,1079,2.642,1102,2.306,1105,3.123,1106,4.112,1108,3.989,1121,3.099,1122,1.216,1135,0.891,1153,0.929,1162,0.998,1165,3.847,1168,4.12,1188,3.021,1189,3.016,1192,1.054,1197,1.167,1207,1.124,1292,0.774,1310,1.982,1321,3.191,1323,1.167,1326,3.901,1359,1.35,1370,2.736,1404,1.45,1409,2.966,1440,3.428,1491,3.793,1499,1.571,1500,1.025,1501,0.998,1528,2.844,1529,5.125,1559,1.982,1560,4.735,1562,7.258,1573,3.522,1694,1.087,1811,1.365,2056,3.016,2257,2.057,2258,1.124,2331,1.167,2435,3.205,2527,3.655,2528,1.276,2665,3.635,2668,2.758,2669,3.016,2741,1.167,2779,1.982,2833,1.276,2886,3.793,2887,5.278,2942,2.249,2943,1.601,2944,1.601,2945,2.249,2946,2.249,2947,7.935,2948,3.016,2949,1.276,2950,3.016,2951,2.249,2952,7.761,2953,1.276,2954,2.249,2955,3.016,2956,3.016,2957,4.147,2958,1.276,2959,1.276,2960,1.276,2961,1.276,2962,5.011,2963,5.256,2964,9.003,2965,2.249,2966,6.343,2967,1.601,2968,2.822,2969,2.822,2970,3.635,2971,1.601,2972,1.601,2973,6.343,2974,1.601,2975,6.343,2976,7.658,2977,1.601,2978,0.998,2979,4.363,2980,3.016,2981,1.216,2982,3.784,2983,2.249,2984,2.249,2985,2.249,2986,1.45,2987,4.131,2988,3.427,2989,2.555,2990,1.45,2991,5.615,2992,2.249,2993,9.739,2994,1.45,2995,5.272,2996,2.555,2997,2.249,2998,1.601,2999,1.276,3000,4.147,3001,3.635,3002,1.276,3003,1.216,3004,1.276,3005,5.204,3006,1.35,3007,2.249,3008,3.016,3009,1.35,3010,1.35,3011,1.601,3012,2.822,3013,1.601,3014,3.635,3015,4.131,3016,1.601,3017,1.45,3018,1.276,3019,1.35,3020,5.204,3021,3.954,3022,4.576,3023,1.276,3024,2.249,3025,2.822,3026,1.601,3027,2.249,3028,1.45,3029,1.601,3030,3.784,3031,2.822,3032,1.601,3033,1.276,3034,1.276,3035,1.601,3036,1.45,3037,1.601,3038,2.249,3039,1.601,3040,5.742,3041,1.601,3042,1.276,3043,2.249,3044,1.276,3045,2.249,3046,1.601,3047,1.45,3048,1.124,3049,2.249,3050,2.555,3051,1.45,3052,1.276,3053,2.249,3054,1.276,3055,1.601,3056,1.276,3057,4.562,3058,4.562,3059,4.562,3060,4.562,3061,3.847,3062,1.601,3063,1.601,3064,1.601,3065,1.45,3066,2.822,3067,3.847,3068,4.562,3069,4.562,3070,4.562,3071,4.562,3072,4.562,3073,4.562,3074,4.562,3075,1.601,3076,5.742,3077,7.015,3078,3.427,3079,3.784,3080,4.843,3081,3.191,3082,3.191,3083,5.742,3084,5.742,3085,4.843,3086,3.191,3087,3.191,3088,4.843,3089,3.191,3090,3.784,3091,3.784,3092,3.784,3093,3.784,3094,1.45,3095,1.45,3096,1.601,3097,2.38,3098,1.276]],["t/618",[0,0.073,1,0.052,4,0.632,5,2.268,7,0.023,16,1.391,19,1.006,22,2.486,24,0.072,34,0.595,36,1.228,38,0.182,40,1.467,46,0.613,51,0.825,63,0.613,70,0.595,72,0.632,84,2.019,93,1.45,102,0.977,129,1.879,138,2.404,140,2.105,145,0.843,159,0.632,166,0.777,167,2.145,169,0.356,170,0.579,175,0.652,178,1.083,179,1.016,193,1.613,195,1.021,196,2.455,204,0.82,208,2.582,210,1.037,231,1.016,240,0.71,266,0.869,279,1.168,281,3.511,282,2.938,287,2.824,295,4.369,299,0.757,309,2.463,315,3.182,320,0.713,323,4.397,324,0.831,334,1.727,335,0.82,336,0.977,340,0.882,348,4.064,351,0.926,354,1.059,355,1.239,364,1.122,395,1.837,404,1.109,429,1.281,439,1.664,445,1.581,459,2.156,474,1.109,538,4.382,539,3.497,540,3.398,599,1.083,619,2.677,623,2.487,634,2.404,643,1.965,659,2.736,660,1.484,666,1.976,679,1.109,728,1.386,729,1.386,735,0.926,747,2.084,752,1.282,778,2.223,978,2.209,979,2.393,984,3.85,987,3.201,988,3.258,989,1.831,990,2.286,994,3.268,995,2.065,996,1.599,998,2.902,1018,0.625,1019,0.625,1032,1.365,1033,1.807,1057,1.837,1063,2.902,1074,2.306,1079,2.127,1102,2.505,1105,3.037,1106,4.092,1108,3.92,1121,3.396,1122,1.386,1135,1.016,1153,1.059,1162,1.138,1168,5.828,1188,3.283,1189,1.454,1192,1.202,1197,1.33,1207,1.282,1292,0.882,1310,3.511,1323,1.33,1326,4.209,1357,1.138,1370,2.973,1409,3.436,1440,3.725,1474,0.856,1491,4.122,1499,1.016,1500,1.168,1501,1.138,1528,3.116,1529,5.245,1559,3.511,1560,4.889,1562,6.994,1573,4.271,1694,1.239,1730,4.708,1794,1.539,1811,1.53,2056,1.454,2257,2.306,2258,1.282,2331,1.33,2435,3.511,2527,1.282,2665,1.454,2668,1.33,2669,1.454,2741,1.33,2779,2.223,2886,3.053,2887,4.517,2942,1.454,2945,2.521,2946,2.521,2947,7.966,2948,3.338,2949,1.454,2950,3.338,2951,3.338,2952,7.821,2953,1.454,2954,2.521,2955,3.338,2956,3.338,2957,4.938,2958,1.454,2959,1.454,2960,1.454,2961,1.454,2962,5.349,2963,5.61,2965,2.521,2966,6.313,2970,3.338,2973,4.506,2975,4.938,2976,7.256,2979,4.708,2980,3.338,2981,1.386,2983,2.521,2984,2.521,2985,4.506,2992,2.521,2995,1.386,2997,2.521,2999,1.454,3000,4.506,3001,3.984,3002,1.454,3003,1.386,3004,1.454,3006,1.539,3007,3.984,3008,4.938,3009,2.668,3010,2.668,3014,4.938,3018,1.454,3019,1.539,3021,3.183,3022,6.313,3023,2.521,3024,3.984,3027,3.984,3033,2.521,3034,2.521,3038,3.984,3042,2.521,3043,3.984,3044,2.521,3045,4.506,3048,2.223,3049,3.984,3052,2.521,3053,3.984,3054,2.521,3056,2.521,3061,1.539,3067,1.539,3080,3.533,3081,1.539,3082,1.539,3085,3.533,3086,1.539,3087,1.539,3088,3.533,3089,1.539,3094,1.652,3095,1.652,3097,2.668,3098,1.454,3099,3.164,3100,1.652,3101,1.652,3102,1.825,3103,1.825,3104,8.698,3105,4.189,3106,8.534,3107,1.825,3108,6.197,3109,3.164,3110,2.865,3111,7.728,3112,2.865,3113,1.652,3114,3.164,3115,3.164,3116,2.865,3117,3.164,3118,3.164,3119,4.999,3120,3.164,3121,2.865,3122,3.164,3123,3.164,3124,4.999,3125,1.825,3126,3.164,3127,2.865,3128,4.527,3129,3.164,3130,1.825,3131,4.527,3132,2.865,3133,2.865,3134,2.865,3135,1.652,3136,1.652,3137,3.794,3138,1.652,3139,4.527,3140,3.794,3141,1.652,3142,1.652,3143,1.652,3144,1.652,3145,1.652,3146,1.652,3147,1.652,3148,1.652,3149,1.652,3150,1.652,3151,1.652,3152,1.652,3153,3.794,3154,3.794,3155,5.612,3156,3.533,3157,3.794,3158,2.865,3159,1.652,3160,1.652,3161,1.652,3162,1.652,3163,1.652,3164,1.652,3165,1.652,3166,1.652,3167,1.652,3168,1.652,3169,1.652,3170,1.652,3171,1.652,3172,1.652,3173,1.652,3174,1.652,3175,1.652,3176,1.652,3177,1.652,3178,1.652,3179,1.652,3180,1.652,3181,1.825,3182,1.652,3183,1.652,3184,1.652,3185,1.652,3186,1.652,3187,1.652,3188,1.652,3189,1.652,3190,1.652,3191,1.652,3192,1.825,3193,3.794,3194,1.652]],["t/620",[0,0.063,1,0.043,4,0.943,5,1.865,7,0.023,16,1.258,19,1.035,21,0.874,22,2.429,24,0.061,34,0.888,36,1.403,38,0.153,40,1.482,46,0.915,51,0.536,63,0.915,70,0.501,72,0.943,84,2.483,86,1.169,93,1.27,101,0.893,102,0.824,104,1.407,110,1.548,123,0.913,129,2.177,138,1.169,140,2.697,145,0.711,159,0.943,166,1.16,167,1.941,169,0.3,170,0.499,175,0.973,179,0.856,193,0.879,195,0.879,196,2.238,199,1.169,200,0.424,202,0.664,204,2.278,208,2.619,210,0.874,231,0.856,242,1.081,254,2.767,266,1.297,270,0.615,279,0.985,281,3.515,282,2.702,287,2.799,295,4.248,296,1.851,299,1.131,307,0.856,308,0.691,309,2.381,315,3.163,320,1.064,323,4.295,329,1.121,334,0.84,335,3.762,336,0.824,340,0.744,341,0.638,342,0.756,348,4.477,351,0.781,353,1.517,354,0.893,355,1.045,364,1.138,394,0.701,395,0.893,404,0.935,406,1.045,417,0.824,429,1.103,439,1.432,445,0.581,459,1.912,474,0.935,491,1.914,510,1.383,538,2.415,539,3.42,540,3.138,599,0.913,619,2.374,634,2.07,643,1.72,659,2.757,660,2.63,666,2.004,670,1.459,679,1.656,709,1.851,728,1.169,729,1.169,735,0.781,747,1.795,752,1.081,778,1.914,846,1.226,969,1.256,978,1.98,979,2.165,984,3.4,987,2.896,988,2.948,989,1.603,990,2.001,994,3.473,995,0.995,996,1.04,998,2.574,1000,1.432,1018,0.527,1019,0.527,1032,2.418,1033,2.786,1057,1.582,1063,2.574,1074,1.121,1079,1.862,1102,2.246,1105,2.786,1106,3.812,1108,3.71,1114,2.298,1121,3.012,1122,1.169,1135,0.856,1145,2.171,1153,0.893,1162,2.764,1168,4.041,1188,2.943,1192,1.013,1193,2.171,1197,1.121,1207,1.081,1292,0.744,1304,1.393,1310,1.914,1321,4.276,1323,1.121,1326,4.119,1327,3.561,1359,2.298,1370,2.666,1409,2.619,1440,3.34,1463,1.297,1466,1.297,1474,2.378,1483,1.081,1491,3.695,1499,0.856,1500,0.985,1501,0.959,1528,2.764,1529,4.89,1559,1.914,1560,4.467,1562,7.367,1573,3.192,1654,1.297,1688,2.922,1694,1.045,1787,1.393,1791,1.795,1811,0.744,1818,1.297,2056,2.171,2080,1.297,2152,1.393,2155,1.081,2160,1.013,2172,1.393,2257,1.986,2258,2.576,2331,1.121,2427,1.226,2435,3.114,2527,2.576,2665,2.171,2668,1.986,2669,2.171,2741,1.121,2779,1.914,2886,2.673,2887,4.086,2942,2.922,2945,2.171,2946,2.171,2947,7.47,2948,5.666,2949,1.226,2950,2.922,2951,2.171,2952,7.531,2953,1.226,2954,2.171,2955,2.922,2956,2.922,2957,4.04,2958,1.226,2959,1.226,2960,1.226,2961,1.226,2962,4.908,2963,4.467,2965,2.171,2966,5.423,2970,1.226,2973,5.423,2975,5.423,2976,7.833,2979,4.259,2980,2.922,2981,1.169,2983,2.171,2984,2.171,2985,5.423,2986,1.393,2987,5.077,2988,4.591,2989,2.467,2990,1.393,2991,4.591,2992,4.04,2994,1.393,2995,4.608,2996,2.467,2997,1.226,2999,1.226,3000,4.04,3001,2.922,3002,1.226,3003,1.169,3004,1.226,3006,3.092,3007,2.171,3008,2.922,3014,2.922,3015,4.015,3017,1.393,3018,1.226,3019,3.092,3021,2.786,3022,4.467,3023,1.226,3024,2.171,3027,2.171,3028,1.393,3033,2.171,3034,1.226,3036,1.393,3038,2.171,3042,1.226,3043,2.171,3044,1.226,3045,2.171,3047,1.393,3049,2.171,3050,3.321,3051,1.393,3052,1.226,3053,2.171,3054,1.226,3056,1.226,3061,2.298,3067,2.298,3080,4.728,3081,2.298,3082,2.298,3085,4.728,3086,2.298,3087,2.298,3088,4.728,3089,2.298,3098,1.226,3135,2.467,3136,2.467,3137,6.163,3138,3.321,3139,7.955,3140,7.583,3141,2.467,3142,2.467,3143,2.467,3144,2.467,3145,2.467,3146,2.467,3147,2.467,3148,2.467,3149,2.467,3150,2.467,3151,2.467,3152,2.467,3153,5.85,3154,5.85,3155,8.25,3156,7.836,3157,5.85,3158,4.015,3159,2.467,3160,2.467,3161,2.467,3162,2.467,3163,2.467,3164,2.467,3165,2.467,3166,2.467,3167,2.467,3168,2.467,3169,2.467,3170,2.467,3171,2.467,3172,2.467,3173,2.467,3174,2.467,3175,2.467,3176,2.467,3177,2.467,3178,2.467,3179,2.467,3180,2.467,3182,2.467,3183,2.467,3184,2.467,3185,2.467,3186,2.467,3187,2.467,3188,2.467,3189,2.467,3190,2.467,3191,3.321,3195,1.538,3196,1.538,3197,1.538,3198,4.434,3199,1.538,3200,1.538,3201,1.538,3202,3.667,3203,2.491,3204,1.538,3205,1.538,3206,2.467,3207,2.724,3208,1.538,3209,1.538,3210,1.538,3211,1.538,3212,1.538,3213,1.538,3214,1.538,3215,1.538,3216,1.538,3217,1.538,3218,1.538,3219,1.538,3220,1.538,3221,2.298,3222,1.538,3223,1.538,3224,1.538,3225,1.538,3226,1.538,3227,1.538,3228,1.538,3229,2.724,3230,1.538,3231,3.667,3232,1.538,3233,1.538,3234,1.538,3235,1.538,3236,1.538,3237,1.538,3238,1.538,3239,1.538,3240,1.538,3241,2.724,3242,2.724,3243,2.724,3244,1.538,3245,1.538,3246,3.667,3247,2.724,3248,1.538,3249,1.538,3250,1.538,3251,2.724,3252,1.538,3253,1.169,3254,1.538]],["t/622",[0,0.109,1,0.102,7,0.022,8,0.139,16,1.241,19,0.576,23,1.077,24,0.142,36,1.019,40,1.748,51,1.325,81,2.168,84,2.193,93,2.484,100,0.903,110,2.666,123,1.26,126,1.29,127,1.441,146,0.623,150,1.185,151,1.209,153,2.422,167,1.914,169,0.414,170,0.659,179,1.181,181,1.01,189,1.26,193,2.315,195,1.784,196,2.285,200,0.992,202,2.385,247,1.828,270,1.44,277,2.423,278,5.736,279,5.369,280,1.416,281,3.497,282,2.539,283,4.446,286,3.037,290,1.791,294,1.322,295,3.84,300,6.171,301,2.925,303,2.372,304,3.956,305,3.261,309,1.26,315,0.88,323,1.664,340,1.741,342,1.769,351,3.995,356,1.358,364,1.053,371,1.485,385,0.981,403,5.23,416,1.828,418,4.571,419,2.925,429,2.238,431,1.513,436,1.69,445,2.54,458,1.69,459,2.903,476,3.706,479,3.764,492,1.798,515,1.612,517,1.921,520,1.947,521,4.836,539,3.275,540,3.657,551,1.612,554,4.833,628,1.322,631,3.86,632,2.305,639,1.49,643,1.689,644,3.564,645,1.789,659,2.735,683,1.789,700,2.09,750,5.48,782,4.248,786,1.921,846,3.738,868,4.248,889,6.497,969,1.608,973,1.358,978,1.833,979,2.135,981,4.271,984,3.882,987,1.86,988,1.893,989,4.092,990,1.965,992,1.29,994,1.595,995,2.457,996,2.569,998,1.232,1000,1.893,1018,1.234,1019,1.234,1020,1.358,1023,1.181,1025,1.49,1032,1.553,1033,1.553,1038,1.86,1039,1.115,1048,6.051,1052,1.441,1057,1.232,1102,1.595,1105,3.095,1106,1.86,1108,3.715,1110,3.77,1174,1.546,1190,1.546,1279,3.642,1322,1.49,1357,1.322,1403,1.789,1406,2.529,1422,1.928,1425,1.26,1460,4.784,1468,5.369,1470,4.973,1474,0.995,1475,2.09,1486,5.363,1497,4.874,1499,1.181,1560,2.593,1573,3.933,1619,4.362,1620,5.098,1631,1.397,1694,1.441,1775,1.69,1811,1.026,1830,5.675,2062,1.789,2216,5.451,2433,1.358,2449,4.165,2520,1.789,2524,5.363,2617,2.529,2668,1.546,2744,5.717,2762,1.921,2763,1.921,2769,3.261,2803,2.529,2833,1.69,2889,3.037,2901,4.248,2902,4.248,2905,4.248,2906,4.248,2907,4.248,2908,4.248,2909,4.248,2910,4.248,2911,4.248,2920,5.006,2937,2.529,3003,1.612,3255,2.121,3256,2.121,3257,1.921,3258,2.121,3259,2.121,3260,3.261,3261,2.121,3262,1.49,3263,2.869,3264,2.121,3265,1.612,3266,2.121,3267,1.921,3268,2.121,3269,5.607,3270,1.612,3271,6.73,3272,6.192,3273,6.497,3274,6.497,3275,7.175,3276,6.192,3277,8.597,3278,7.376,3279,6.73,3280,6.192,3281,6.192,3282,6.73,3283,4.691,3284,4.691,3285,5.529,3286,4.691,3287,4.691,3288,4.691,3289,4.691,3290,4.691,3291,4.691,3292,4.691,3293,4.691,3294,4.691,3295,4.691,3296,4.691,3297,4.691,3298,4.691,3299,4.691,3300,4.691,3301,4.248,3302,4.691,3303,4.691,3304,4.691,3305,4.691,3306,4.691,3307,4.691,3308,4.691,3309,4.691,3310,4.691,3311,4.691,3312,4.691,3313,4.691,3314,4.691,3315,4.691,3316,4.691,3317,4.691,3318,4.691,3319,4.248,3320,4.691,3321,4.691,3322,4.691,3323,4.691,3324,4.691,3325,4.248,3326,4.691,3327,4.691,3328,4.691,3329,4.691,3330,4.691,3331,4.691,3332,4.691,3333,4.691,3334,4.248,3335,7.175,3336,3.601,3337,3.601,3338,3.601,3339,1.921,3340,1.921,3341,1.921,3342,1.921,3343,1.921,3344,1.921,3345,5.006,3346,5.006,3347,3.601,3348,4.248,3349,5.006,3350,3.601,3351,5.006,3352,1.546,3353,1.546,3354,1.546,3355,1.546,3356,2.625,3357,2.121,3358,1.612,3359,1.546,3360,3.295,3361,3.883,3362,2.121,3363,2.121,3364,2.121,3365,2.625,3366,3.601,3367,2.121,3368,2.121,3369,1.789,3370,2.121,3371,2.121,3372,3.601,3373,2.121,3374,2.121,3375,4.691,3376,3.601,3377,2.121,3378,1.612,3379,1.921,3380,3.601,3381,2.121,3382,3.261,3383,1.49,3384,3.601,3385,2.529,3386,2.529,3387,1.49,3388,3.601,3389,3.601,3390,3.261,3391,3.601,3392,3.601,3393,2.121,3394,2.121,3395,2.121,3396,2.121]],["t/624",[0,0.077,1,0.054,5,2.553,7,0.023,16,1.431,19,0.948,22,2.42,24,0.076,36,0.718,37,0.369,38,0.191,40,1.872,51,0.857,84,1.418,93,1.507,102,1.028,129,1.962,138,3.307,145,0.887,167,2.207,169,0.375,170,0.605,179,1.068,193,1.669,195,1.066,196,2.52,200,1.199,204,0.862,208,0.991,210,1.09,231,1.068,240,0.977,279,1.229,281,3.552,282,2.898,287,2.912,295,4.454,309,2.523,315,3.249,323,4.267,335,0.862,336,2.331,340,0.928,348,4.073,351,0.974,354,1.114,355,1.304,364,0.977,371,0.607,395,1.919,404,1.167,429,1.338,439,1.738,445,1.953,459,1.878,474,4.759,538,2.868,539,3.511,540,3.559,599,1.14,619,2.77,623,1.962,634,2.511,643,2.042,659,2.787,660,0.9,666,2.045,679,1.167,728,3.307,729,1.458,735,0.974,747,2.177,752,1.348,778,2.322,978,2.278,979,2.461,984,4.037,987,3.293,988,3.351,989,1.903,990,2.376,994,3.025,995,1.589,996,1.662,998,3.003,1018,0.658,1019,0.658,1032,1.426,1033,1.878,1057,1.919,1063,3.003,1074,1.399,1079,2.21,1102,3.341,1105,3.666,1106,4.639,1108,4.226,1121,3.514,1122,1.458,1135,1.068,1153,1.114,1162,1.196,1168,6.215,1188,3.386,1197,1.399,1207,1.348,1292,1.598,1310,3.634,1323,1.399,1326,4.33,1370,3.965,1409,3.895,1440,4.968,1474,1.55,1491,4.251,1499,2.423,1500,2.116,1501,2.06,1528,3.225,1529,5.402,1559,3.634,1560,4.939,1562,6.642,1573,4.552,1694,1.304,1730,5.187,1811,0.928,2094,1.167,2257,2.409,2258,1.348,2331,1.399,2435,3.634,2741,1.399,2779,2.322,2886,3.173,2887,4.646,2942,1.529,2945,2.634,2946,2.634,2947,7.997,2948,3.469,2949,1.529,2950,3.469,2951,3.469,2952,7.849,2953,1.529,2954,2.634,2955,3.469,2956,3.469,2957,4.648,2958,1.529,2959,1.529,2960,1.529,2961,1.529,2962,5.479,2963,6.01,2965,2.634,2966,6.438,2970,2.634,2973,2.634,2975,3.469,2976,6.438,2978,1.196,2979,4.843,2980,3.469,2981,1.458,2983,2.634,2984,2.634,2985,2.634,2992,2.634,2997,1.529,2999,1.529,3000,4.648,3001,4.123,3002,1.529,3003,1.458,3004,1.529,3007,4.123,3008,5.747,3009,2.787,3010,2.787,3014,6.01,3018,1.529,3021,3.307,3022,6.438,3023,2.634,3024,4.123,3027,4.123,3033,2.634,3034,2.634,3038,4.648,3042,3.469,3043,5.08,3044,3.469,3045,5.44,3048,3.058,3049,5.08,3052,3.469,3053,5.08,3054,3.469,3056,3.469,3098,1.529,3100,1.738,3101,1.738,3110,3.942,3111,8.46,3112,3.942,3113,2.993,3116,3.942,3121,2.993,3127,2.993,3128,5.282,3131,5.772,3132,3.942,3133,3.942,3134,3.942,3193,3.942,3194,1.738,3397,8.98,3398,4.353,3399,9.342,3400,1.919,3401,7.542,3402,4.353,3403,4.353,3404,4.353,3405,4.353,3406,4.353,3407,5.173,3408,3.305,3409,3.305,3410,4.353,3411,5.833,3412,1.919,3413,3.305,3414,3.305,3415,3.305,3416,1.919,3417,1.919,3418,1.919,3419,1.919,3420,3.305,3421,1.919,3422,1.919,3423,1.919,3424,1.919,3425,1.919,3426,1.919,3427,1.919,3428,1.919,3429,1.919]],["t/626",[0,0.113,1,0.063,5,0.686,7,0.022,9,0.258,16,0.501,18,0.833,19,0.532,24,0.226,36,1.24,40,1.86,51,1.581,68,4.094,76,0.938,81,3.946,84,2.251,93,2.874,94,2.231,100,0.95,123,1.325,137,1.391,145,3.194,146,2.748,151,0.749,153,0.554,167,0.773,169,0.436,170,0.688,181,2.318,193,0.72,195,2.679,196,1.797,200,1.574,202,2.98,247,1.908,254,4.011,270,0.893,281,3.641,282,2.057,283,4.494,290,2.433,301,3.974,308,1.688,309,2.23,310,1.778,311,1.626,315,0.926,323,4.559,340,1.079,341,4.021,348,3.682,350,3.207,351,4.334,352,5.759,353,4.091,354,3.701,355,4.694,356,3.117,364,1.431,429,2.313,431,2.679,440,1.242,459,4.09,480,1.695,489,3.548,490,1.626,492,2.431,493,1.079,520,2.867,538,2.475,539,1.315,540,1.902,544,1.268,554,6.14,623,1.325,632,3.117,639,4.012,646,1.325,653,1.391,659,2.592,666,0.882,679,4.469,691,1.429,969,3.38,978,2.231,979,1.88,981,4.54,984,3.926,987,1.941,988,3.352,989,3.901,990,1.218,994,3.061,995,2.933,996,3.259,1000,1.976,1018,0.765,1019,0.765,1023,1.242,1032,2.75,1033,2.75,1038,1.941,1064,1.218,1079,5.118,1102,1.665,1110,1.876,1126,1.295,1236,4.693,1300,7.791,1320,2.285,1370,1.173,1398,2.553,1406,2.64,1409,4.516,1411,1.516,1422,2.607,1423,1.295,1425,1.325,1431,1.626,1443,1.567,1447,1.778,1460,3.876,1468,5.142,1470,3.763,1474,2.283,1475,2.182,1483,5.163,1499,1.242,1529,2.71,1560,1.763,1565,1.626,1571,1.626,1619,2.285,1620,4.884,1631,1.47,1655,1.357,1673,2.995,1674,1.778,1694,1.516,1738,1.778,1739,1.778,1765,3.035,1791,2.475,1826,1.695,2053,1.195,2062,1.882,2160,1.47,2170,3.879,2256,3.879,2433,4.424,2518,1.626,2617,2.64,2649,1.882,2656,2.739,2791,1.778,2803,2.64,2937,2.64,3203,4.694,3262,3.42,3265,2.855,3270,1.695,3352,1.626,3353,1.626,3354,1.626,3355,1.626,3356,2.739,3358,1.695,3359,1.626,3360,7.08,3361,4.012,3365,3.548,3378,1.695,3383,1.567,3385,2.64,3386,2.64,3387,1.567,3430,2.021,3431,2.231,3432,3.403,3433,1.778,3434,2.021,3435,4.34,3436,2.995,3437,2.021,3438,1.882,3439,6.774,3440,6.51,3441,6.99,3442,6.781,3443,5.857,3444,6.257,3445,2.021,3446,7.112,3447,6.99,3448,6.99,3449,7.719,3450,4.408,3451,4.408,3452,3.169,3453,2.021,3454,2.021,3455,2.021,3456,2.021,3457,3.403,3458,2.021,3459,2.021,3460,2.021,3461,2.021,3462,6.401,3463,2.021,3464,2.021,3465,2.021,3466,2.021,3467,4.106,3468,1.882,3469,1.882,3470,2.021,3471,2.021,3472,2.021,3473,2.021,3474,2.995,3475,1.626,3476,1.695,3477,2.021,3478,2.021,3479,3.403,3480,2.021,3481,2.021,3482,2.021,3483,2.021,3484,3.758,3485,3.758,3486,2.231,3487,2.231,3488,2.231,3489,2.021,3490,2.021,3491,2.021,3492,2.231,3493,2.231,3494,2.231,3495,2.231,3496,1.778,3497,1.778,3498,1.695,3499,4.106,3500,7.527,3501,3.699,3502,1.882,3503,4.817,3504,3.699,3505,3.169,3506,1.882,3507,1.882,3508,4.817,3509,1.882,3510,5.376,3511,1.882,3512,1.882,3513,4.106,3514,1.695,3515,1.695,3516,4.552,3517,2.995,3518,1.882,3519,4.817,3520,1.882,3521,3.169,3522,1.882,3523,1.882,3524,1.882,3525,1.882,3526,1.882,3527,1.882,3528,1.882,3529,1.882,3530,1.695,3531,2.855,3532,1.882,3533,4.817,3534,3.169,3535,2.021,3536,1.882,3537,2.739,3538,1.882,3539,2.021,3540,4.408,3541,2.021]],["t/628",[0,0.142,1,0.1,5,0.641,7,0.022,8,0.062,9,0.268,16,0.797,19,0.727,24,0.264,36,1.331,40,1.856,51,1.313,81,3.951,84,2.637,93,2.594,94,2.751,100,1.511,104,1.077,110,1.185,123,1.239,137,1.3,145,2.527,146,2.768,151,0.7,153,0.518,164,1.876,167,1.229,169,0.407,170,0.65,181,2.206,193,1.145,195,2.152,196,2.884,200,0.978,202,2.877,215,1.025,247,1.802,253,1.268,270,1.42,281,3.343,282,1.495,283,4.429,290,1.769,292,2.829,295,1.552,301,4.436,308,2.996,309,2.333,311,1.52,315,1.473,323,2.834,340,1.009,341,1.473,350,3.052,351,4.34,352,5.967,354,2.69,356,2.966,364,1.376,375,1.097,385,0.964,429,2.214,431,2.577,440,3.044,446,4.185,447,3.617,448,7.218,449,7.639,459,3.49,486,0.95,489,5.187,490,5.187,491,3.255,492,3.061,493,5.277,520,2.953,521,1.239,539,2.734,540,1.81,554,5.799,561,1.161,632,3.925,639,5.263,646,1.239,653,1.3,659,2.239,660,1.665,750,1.802,857,6.59,969,3.432,978,2.78,979,1.789,981,4.573,984,3.872,987,2.393,988,3.507,989,3.893,990,2.529,994,2.423,995,2.435,996,2.546,1000,2.875,1018,0.715,1019,0.715,1023,2.579,1027,1.662,1032,2.358,1033,2.358,1038,1.833,1052,1.417,1064,1.138,1079,5.406,1102,1.573,1110,2.313,1126,1.211,1190,3.377,1196,1.759,1205,1.662,1279,1.374,1283,2.829,1297,1.465,1320,2.158,1370,1.866,1406,3.841,1411,1.417,1422,2.928,1423,2.061,1425,1.239,1431,2.587,1443,1.465,1460,4.751,1468,5.473,1470,4.038,1474,3.128,1475,2.061,1477,1.759,1483,4.306,1499,1.976,1560,0.978,1565,1.52,1571,1.52,1573,0.978,1619,2.158,1620,5.197,1631,2.338,1655,1.268,1765,3.822,1791,2.338,2157,1.138,2518,1.52,2617,3.841,2650,1.759,2656,3.986,2681,1.759,2735,1.759,2803,3.841,2937,3.841,3203,2.411,3262,3.255,3263,1.662,3265,1.585,3267,1.889,3270,1.585,3278,1.889,3319,3.214,3352,2.587,3353,2.587,3354,2.587,3355,2.587,3356,3.986,3358,1.585,3359,2.587,3360,4.999,3361,4.306,3365,4.469,3369,2.994,3378,1.585,3379,1.889,3383,1.465,3385,2.493,3386,2.493,3387,1.465,3433,1.662,3435,4.154,3436,2.829,3442,6.495,3443,6.642,3474,5.315,3475,1.52,3476,1.585,3496,1.662,3497,1.662,3498,2.697,3501,4.658,3504,2.697,3514,2.697,3515,2.697,3516,4.885,3517,2.829,3530,2.697,3531,4.658,3542,1.889,3543,2.086,3544,1.662,3545,1.889,3546,1.889,3547,1.889,3548,3.55,3549,3.55,3550,1.889,3551,1.889,3552,1.889,3553,1.889,3554,1.889,3555,1.889,3556,7.076,3557,5.552,3558,6.04,3559,2.086,3560,2.086,3561,3.55,3562,3.55,3563,3.55,3564,3.55,3565,3.55,3566,6.67,3567,3.55,3568,3.55,3569,3.55,3570,3.55,3571,3.55,3572,2.086,3573,4.633,3574,4.633,3575,4.633,3576,4.633,3577,1.889,3578,1.889,3579,4.952,3580,1.889,3581,4.952,3582,1.889,3583,1.889,3584,1.889,3585,1.889,3586,1.889,3587,2.086,3588,2.086,3589,2.086,3590,2.086,3591,2.086,3592,2.086,3593,2.086,3594,2.086,3595,2.086,3596,2.086,3597,3.214,3598,3.214,3599,3.214,3600,3.214,3601,3.55,3602,3.55,3603,3.55,3604,3.55,3605,2.086,3606,3.55,3607,3.55,3608,4.633,3609,2.086,3610,2.086,3611,2.086,3612,2.086,3613,2.086,3614,2.086,3615,3.55,3616,2.086,3617,2.086,3618,3.55,3619,2.086,3620,2.086,3621,1.889,3622,2.086,3623,2.086,3624,1.889,3625,2.086,3626,1.759,3627,5.468,3628,1.889,3629,1.889,3630,2.086,3631,2.086,3632,2.086,3633,2.086,3634,2.086,3635,5.468,3636,2.086,3637,2.086,3638,2.086,3639,2.086,3640,2.086,3641,2.086,3642,4.633,3643,2.086,3644,2.086,3645,5.468,3646,4.633,3647,4.633,3648,1.889,3649,3.55,3650,2.086,3651,5.468,3652,2.086,3653,2.086,3654,2.086,3655,2.086,3656,2.086,3657,1.889,3658,1.889,3659,2.086,3660,1.889,3661,1.889,3662,2.086,3663,2.086]],["t/630",[0,0.089,1,0.046,5,0.501,7,0.022,9,0.231,16,0.366,18,0.608,19,0.43,24,0.183,36,1.003,40,1.626,51,1.578,67,3.705,81,3.374,84,2.542,93,2.841,94,1.702,100,0.694,123,0.967,137,1.016,145,2.433,146,2.352,150,0.536,151,0.962,153,0.404,167,0.564,169,0.318,170,0.525,181,2.2,193,0.526,195,2.258,196,1.416,200,1.273,202,2.503,204,1.724,208,2.386,247,1.455,254,3.417,270,0.652,281,3.298,282,1.698,283,4.17,290,2.009,292,4.195,301,3.281,307,0.907,308,0.732,309,2.03,310,1.298,311,1.188,315,0.676,323,4.68,329,1.188,340,0.788,341,3.543,348,3.614,350,2.528,351,3.961,352,5.139,354,3.056,355,3.942,356,2.457,364,1.302,385,3.606,395,1.664,429,1.87,431,2.212,440,0.907,459,4.099,480,1.238,489,2.797,490,1.188,492,1.916,493,0.788,520,2.408,538,3.823,539,1.342,540,1.499,554,6.509,561,0.907,623,0.967,632,2.457,639,3.245,646,0.967,653,1.016,659,2.235,666,1.133,670,0.873,679,4.046,691,1.043,762,2.607,969,3.522,978,1.805,979,1.482,981,4.577,984,3.961,987,1.48,988,2.768,989,3.503,990,0.889,994,2.774,995,2.926,996,3.059,1000,1.507,1018,0.558,1019,0.558,1023,0.907,1032,2.503,1033,2.503,1038,1.48,1054,1.043,1079,5.484,1102,1.27,1110,1.431,1126,1.664,1139,1.188,1300,8.181,1320,1.743,1370,0.857,1398,1.947,1406,2.013,1409,4.727,1411,1.107,1422,2.055,1423,0.946,1425,0.967,1431,1.188,1438,1.374,1443,1.145,1460,3.2,1468,4.48,1470,3.043,1474,1.8,1475,1.664,1483,3.697,1499,0.907,1501,1.016,1529,2.136,1560,1.344,1565,1.188,1571,1.188,1619,1.743,1620,4.255,1631,1.073,1652,1.475,1655,0.991,1673,2.284,1674,1.298,1702,1.374,1722,3.236,1738,1.298,1739,1.298,1765,2.392,1791,1.888,1826,1.238,1954,4.767,2091,2.915,2155,1.145,2160,1.888,2170,3.058,2256,3.058,2433,4.009,2518,2.089,2617,2.013,2636,1.475,2649,1.374,2656,2.089,2791,1.298,2803,2.013,2937,2.013,2981,1.238,3097,2.417,3156,1.374,3203,3.942,3262,2.695,3265,2.178,3270,1.238,3334,2.596,3352,1.188,3353,1.188,3354,1.188,3355,1.188,3356,2.089,3358,1.238,3359,1.188,3360,7.142,3361,3.245,3365,2.797,3378,1.238,3383,1.145,3385,2.013,3386,2.013,3387,1.145,3432,2.596,3433,1.298,3434,1.475,3435,3.51,3436,2.284,3437,1.475,3438,2.417,3439,4.894,3440,7.321,3441,5.255,3442,7.553,3443,7.632,3444,3.475,3445,1.475,3446,7.443,3447,6.027,3448,6.027,3450,4.183,3451,3.475,3452,2.417,3453,3.475,3454,2.596,3455,3.475,3456,2.596,3457,4.183,3458,3.475,3459,2.596,3460,3.475,3461,2.596,3462,6.917,3463,3.475,3464,2.596,3465,3.475,3466,2.596,3467,3.896,3468,3.236,3469,3.236,3470,3.475,3471,3.475,3472,3.475,3473,3.475,3474,2.284,3475,1.188,3476,1.238,3477,1.475,3478,1.475,3479,2.596,3480,1.475,3489,1.475,3490,1.475,3491,1.475,3496,1.298,3497,1.298,3498,1.238,3499,3.236,3500,6.758,3501,2.915,3502,1.374,3503,3.896,3504,2.915,3505,2.417,3506,1.374,3507,1.374,3508,3.896,3509,1.374,3510,4.439,3511,1.374,3512,1.374,3513,3.236,3514,1.238,3515,1.238,3516,3.681,3517,2.284,3518,1.374,3519,3.896,3520,1.374,3521,2.417,3522,1.374,3523,1.374,3524,1.374,3525,1.374,3526,1.374,3527,1.374,3528,1.374,3529,1.374,3530,1.238,3531,2.178,3532,1.374,3533,3.896,3534,2.417,3536,1.374,3537,2.089,3538,1.374,3539,1.475,3540,3.475,3541,1.475,3664,6.261,3665,3.837,3666,1.629,3667,4.62,3668,2.866,3669,2.866,3670,3.837,3671,5.264,3672,6.655,3673,2.866,3674,1.629,3675,2.866,3676,5.803,3677,5.803,3678,5.255,3679,7.299,3680,8.813,3681,6.655,3682,2.866,3683,7.565,3684,2.866,3685,4.62,3686,2.866,3687,4.62,3688,2.866,3689,2.866,3690,2.866,3691,2.866,3692,2.866,3693,2.866,3694,2.866,3695,2.866,3696,2.866,3697,2.866,3698,2.866,3699,2.866,3700,2.866,3701,2.866,3702,2.866,3703,2.866,3704,2.866,3705,2.866,3706,2.866,3707,2.866,3708,1.629,3709,2.866,3710,1.629,3711,1.629,3712,3.837,3713,3.837,3714,3.837,3715,2.866,3716,1.629,3717,1.629,3718,6.261,3719,1.629,3720,1.629,3721,1.629,3722,1.629,3723,1.629,3724,6.998]],["t/632",[0,0.12,1,0.093,5,1.015,7,0.022,9,0.265,16,1.618,19,0.772,24,0.131,36,2.05,40,1.968,51,1.634,69,5.06,73,1.838,81,3.616,84,2.076,93,3.108,94,3.069,123,1.96,137,2.058,145,4.364,146,2.909,152,3.918,167,2.495,169,0.645,170,0.946,195,2.798,196,2.66,202,2.748,227,3.631,264,1.827,281,3.485,282,2.525,283,4.823,295,2.259,301,2.058,308,1.483,309,2.521,311,2.407,323,4.266,340,1.597,341,2.145,351,4.686,352,5.713,353,4.619,356,2.114,364,1.16,388,1.076,429,2.918,431,3.645,459,4.61,489,2.407,492,4.608,520,1.37,539,1.155,540,2.019,554,6.423,631,2.058,659,3.099,666,1.305,679,3.143,698,6.078,699,6.527,969,3.397,978,2.019,979,2.783,981,4.394,984,3.444,988,3.349,989,3.42,994,2.29,995,3.03,996,3.168,998,3.001,1018,1.131,1019,1.131,1032,2.23,1033,2.23,1038,1.705,1054,2.114,1064,1.802,1079,2.624,1090,6.727,1102,2.29,1236,2.007,1300,3.927,1320,3.143,1322,2.319,1340,8.549,1409,4.767,1422,2.768,1425,1.96,1467,6.632,1472,5.604,1475,3.001,1529,4.012,1650,2.784,1655,2.007,1688,2.631,1730,3.927,1820,2.631,2053,1.768,2091,4.84,2155,4.475,2160,4.748,2433,5.313,2687,2.99,3203,2.243,3360,3.631,3361,6.632,3383,2.319,3385,3.631,3386,3.631,3387,2.319,3430,2.99,3435,4.84,3438,4.359,3439,4.359,3440,7.571,3446,5.743,3452,6.599,3462,2.631,3467,4.359,3468,4.359,3469,4.359,3475,2.407,3476,2.509,3481,2.99,3483,2.99,3537,2.407,3678,7.085,3725,3.302,3726,9.621,3727,7.207,3728,5.169,3729,7.824,3730,9.913,3731,9.913,3732,6.37,3733,5.169,3734,5.169,3735,5.169,3736,5.169,3737,5.169,3738,5.169,3739,4.681,3740,5.169,3741,3.302,3742,3.302,3743,3.302,3744,3.302,3745,3.302,3746,3.302,3747,3.302,3748,3.302,3749,3.302,3750,3.302,3751,3.302,3752,3.302,3753,3.302,3754,3.302,3755,3.302,3756,3.302,3757,3.302,3758,3.302,3759,3.302,3760,3.302,3761,3.302,3762,3.302,3763,3.302,3764,3.302,3765,3.302,3766,3.302,3767,3.302]],["t/634",[0,0.161,1,0.138,5,1.503,7,0.022,16,1.807,24,0.193,36,1.061,40,2.169,51,1.724,84,3.013,93,3.201,94,4.114,110,2.777,123,2.902,145,2.259,146,2.961,167,2.787,169,0.955,170,1.268,195,2.983,196,2.971,197,3.433,200,2.218,202,4.142,204,2.196,279,4.436,281,2.971,282,2.236,283,5.103,309,2.424,323,3.203,340,2.364,351,5.211,356,5.154,364,1.555,387,6.708,388,3.667,429,3.546,440,2.721,459,3.988,520,2.028,521,4.114,539,1.71,540,2.707,554,5.92,659,2.703,750,2.482,969,2.374,978,1.909,979,3.108,981,3.888,984,3.967,989,4.41,994,4.097,995,3.198,996,3.343,1018,1.675,1019,1.675,1032,4.488,1033,3.778,1038,3.579,1079,3.518,1102,3.07,1110,2.44,1126,2.838,1236,4.213,1320,4.213,1422,3.711,1425,2.902,1475,4.023,1565,3.563,1573,2.293,1653,3.895,2427,5.522,2518,3.563,2528,5.522,2791,3.895,3262,3.433,3383,3.433,3385,4.867,3386,4.867,3387,3.433,3768,8.943,3769,8.758,3770,6.929,3771,4.888,3772,6.929,3773,4.888,3774,4.888,3775,4.888,3776,7.29,3777,4.888,3778,4.888,3779,4.888,3780,4.888,3781,4.888,3782,8.758,3783,6.929,3784,9.603,3785,4.888,3786,4.888,3787,4.888,3788,4.888,3789,4.888,3790,4.888,3791,4.888,3792,4.888,3793,6.929,3794,4.888]],["t/636",[0,0.237,1,0.267,3,1.757,5,1.1,7,0.022,16,0.803,17,1.677,18,1.335,19,0.7,22,1.949,24,0.364,26,0.145,27,0.134,30,2.06,35,1.448,36,1.194,37,0.687,52,1.786,54,3.866,59,1.786,84,3.521,90,2.429,93,2.811,100,1.522,102,5.563,105,2.076,126,2.174,131,3.989,133,3.521,140,1.74,142,1.563,147,4.475,162,0.951,169,0.698,170,1.226,179,1.991,183,2.148,200,0.985,231,4.52,234,1.43,238,2.567,253,2.174,264,1.264,280,2.45,282,2.881,287,1.786,290,2.558,294,3.428,295,2.404,306,4.367,308,2.47,323,1.653,335,2.47,353,1.991,371,2.38,382,1.74,394,1.629,398,2.123,423,2.659,424,3.65,440,1.991,459,1.542,461,2.607,464,3.333,492,1.786,510,3.402,512,2.429,513,3.344,529,4.177,539,1.251,561,4.772,568,1.43,580,2.289,604,2.607,630,3.955,658,4.367,659,1.846,660,3.143,666,4.071,670,1.915,688,4.274,694,2.85,700,2.076,720,4.29,747,2.356,755,4.679,757,2.174,762,2.429,771,2.356,856,2.076,969,1.884,981,3.732,984,2.807,992,2.174,995,2.446,1018,1.225,1019,1.225,1039,1.88,1063,2.076,1064,3.657,1105,1.542,1108,1.584,1110,1.786,1135,1.991,1187,3.016,1188,3.89,1292,1.729,1293,4.29,1297,2.512,1301,2.289,1369,3.521,1441,2.356,1472,1.915,1473,2.076,1474,1.677,1535,3.979,1560,2.58,1570,2.607,1573,2.58,1599,3.979,1788,3.623,1811,4.146,2053,1.915,2094,3.344,2157,3.657,2211,3.193,2437,5.746,2442,2.229,2443,2.229,2446,3.428,2449,3.193,2450,3.428,2452,2.229,2453,2.229,2454,2.229,2483,3.344,2484,3.428,2485,3.344,2486,2.229,2487,2.229,2488,3.428,2489,2.229,2490,2.229,2511,2.289,2634,2.174,2672,2.717,2689,2.512,2691,2.717,2738,2.229,2740,2.717,2782,3.521,2785,6.18,2978,3.428,3048,2.512,3253,2.717,3795,2.229,3796,4.955,3797,2.356,3798,2.356,3799,8.12,3800,3.623,3801,4.955,3802,3.623,3803,5.349,3804,3.623,3805,3.623,3806,3.623,3807,4.98,3808,2.85,3809,3.863,3810,2.85,3811,2.85,3812,2.356,3813,3.238,3814,3.623,3815,3.623,3816,3.623,3817,3.623,3818,4.414,3819,3.623,3820,4.414,3821,4.414,3822,2.356,3823,3.623,3824,2.356,3825,2.356,3826,2.356,3827,2.356,3828,3.623,3829,4.29,3830,4.707,3831,3.623,3832,2.356,3833,4.414,3834,4.414,3835,2.356,3836,2.356,3837,2.356,3838,2.717,3839,2.512,3840,3.238,3841,2.717,3842,2.717,3843,2.717,3844,2.512,3845,5.499,3846,4.707,3847,3.238,3848,3.576,3849,3.238,3850,3.238,3851,2.512,3852,2.512,3853,3.863,3854,2.512,3855,2.512,3856,2.512,3857,2.512,3858,3.238,3859,3.576,3860,3.238,3861,3.238,3862,3.576,3863,2.512,3864,6.344,3865,3.238,3866,3.238,3867,3.238,3868,3.238,3869,3.238,3870,2.512,3871,2.512,3872,3.238,3873,3.238,3874,3.576,3875,2.512,3876,2.85,3877,3.238,3878,3.238,3879,3.238,3880,2.85,3881,2.85,3882,2.85,3883,2.85,3884,2.85,3885,4.382,3886,2.85,3887,2.85,3888,2.85,3889,2.85,3890,3.238,3891,3.238,3892,3.238,3893,2.85,3894,2.512,3895,3.238,3896,3.238,3897,2.512,3898,2.512,3899,2.512,3900,2.512,3901,3.576,3902,3.576,3903,2.289,3904,2.289,3905,2.717,3906,2.289,3907,2.289,3908,2.356,3909,2.356,3910,2.607,3911,2.356,3912,2.356]],["t/638",[0,0.226,1,0.258,3,1.706,5,1.068,7,0.022,16,1.207,17,1.629,18,1.296,19,0.689,22,2.076,24,0.371,26,0.173,27,0.181,30,2.023,35,3.43,36,0.754,48,2.288,52,3.698,54,3.815,59,2.685,84,3.632,93,2.934,100,1.479,102,5.485,105,2.016,131,3.639,140,1.701,142,2.35,147,4.569,150,2.165,169,0.678,170,1.204,179,1.933,200,0.957,238,2.547,253,2.112,264,1.228,278,5.628,280,2.418,282,2.39,287,1.734,290,2.511,295,2.876,306,3.819,308,2.415,323,2.485,335,1.56,353,1.933,371,2.796,394,2.45,423,2.6,424,2.801,459,1.498,464,2.915,492,1.734,510,3.34,512,2.359,513,3.269,525,3.777,529,5.282,539,1.215,560,3.777,561,4.919,568,1.389,630,3.459,657,2.44,658,3.819,659,1.805,660,3.086,666,4.009,670,1.86,688,3.055,720,5.425,743,2.768,747,2.288,755,4.624,757,2.112,856,2.016,969,1.19,975,4.085,981,3.578,984,2.007,992,2.112,994,1.539,995,1.268,1018,1.19,1019,1.19,1039,1.826,1063,2.016,1064,3.591,1105,1.498,1108,2.382,1135,1.933,1188,4.919,1292,1.68,1293,4.212,1297,2.44,1369,3.442,1472,1.86,1473,2.016,1474,1.629,1535,3.193,1560,3.086,1570,2.532,1573,2.522,1599,3.193,1788,2.288,1811,3.181,2053,1.86,2094,2.112,2157,3.591,2211,3.122,2437,5.692,2442,2.165,2443,2.165,2446,3.352,2449,3.122,2450,3.352,2452,2.165,2453,2.165,2454,2.165,2483,3.269,2484,3.352,2485,3.269,2486,2.165,2487,2.165,2488,3.352,2489,2.165,2490,2.165,2511,3.442,2527,3.777,2634,2.112,2738,2.165,2782,3.442,2785,6.001,2978,4.617,2995,4.999,3048,2.44,3253,2.639,3795,2.165,3796,6.014,3797,3.542,3798,3.542,3800,3.542,3801,4.879,3802,3.542,3803,5.581,3804,3.542,3805,3.542,3806,3.542,3809,2.44,3812,2.288,3814,3.542,3815,3.542,3816,3.542,3817,3.542,3818,4.879,3819,3.542,3820,4.879,3821,4.879,3822,3.542,3823,4.879,3824,3.542,3825,3.542,3826,3.542,3827,3.542,3828,3.542,3829,5.425,3830,5.952,3831,4.879,3832,3.542,3833,5.278,3834,3.542,3835,2.288,3836,2.288,3837,2.288,3844,2.44,3846,3.777,3851,2.44,3852,2.44,3853,3.777,3854,2.44,3855,2.44,3856,2.44,3857,2.44,3863,2.44,3870,2.44,3871,2.44,3875,3.777,3876,2.768,3880,2.768,3881,2.768,3882,2.768,3883,2.768,3884,2.768,3885,4.285,3886,2.768,3887,2.768,3888,2.768,3889,2.768,3893,2.768,3894,3.777,3897,3.777,3898,3.777,3899,3.777,3900,3.777,3903,2.224,3904,2.224,3906,2.224,3907,2.224,3908,2.288,3909,2.288,3911,2.288,3912,2.288,3913,5.243,3914,5.958,3915,3.145,3916,3.145,3917,3.145,3918,4.869,3919,3.145,3920,3.473,3921,2.639,3922,2.639,3923,2.639,3924,3.145,3925,5.377,3926,3.145,3927,3.145,3928,3.473,3929,5.377,3930,3.145,3931,3.145,3932,3.473,3933,3.473,3934,3.145,3935,3.145,3936,3.145,3937,3.145,3938,3.473,3939,3.473,3940,4.085,3941,4.869,3942,3.473,3943,5.377,3944,2.768,3945,2.768,3946,2.768,3947,2.929,3948,2.929,3949,2.532]],["t/640",[0,0.232,1,0.265,3,1.698,5,1.063,7,0.022,16,0.776,17,1.622,18,1.29,19,0.688,22,2.071,24,0.385,26,0.141,27,0.131,30,2.017,35,1.4,36,1.163,37,0.664,52,1.726,54,3.807,59,2.675,84,3.532,90,2.348,93,2.768,100,1.472,102,5.572,105,2.007,126,2.102,131,3.928,133,2.213,140,1.695,142,2.342,147,4.564,162,0.919,169,0.675,170,1.352,179,1.924,183,2.11,200,0.952,234,1.383,238,2.59,253,2.102,264,1.222,280,2.23,282,2.729,287,1.726,290,2.504,294,3.34,295,2.867,306,4.289,308,2.407,323,2.476,335,2.407,353,1.924,371,2.338,382,1.094,394,2.441,398,2.053,423,2.591,424,3.404,426,3.807,440,1.924,459,1.491,461,2.52,464,3.274,492,1.726,510,3.331,512,2.348,513,3.257,529,4.089,539,1.209,561,5.075,568,1.383,580,2.213,604,2.52,630,3.885,657,2.428,658,4.289,659,1.799,660,3.077,666,4.08,670,1.851,688,4.198,694,2.755,700,2.007,720,4.2,747,2.277,755,4.616,757,2.102,771,2.277,856,2.007,969,1.836,981,3.691,984,2.758,992,2.102,995,1.956,1018,1.185,1019,1.185,1039,1.818,1063,2.007,1064,3.58,1105,1.491,1108,1.532,1110,1.726,1135,1.924,1187,2.916,1188,4.91,1292,1.672,1293,4.2,1297,2.428,1301,2.213,1369,3.43,1441,2.277,1472,1.851,1473,2.007,1474,1.622,1535,3.895,1560,2.513,1570,2.52,1573,2.513,1599,3.895,1788,3.529,1811,4.09,2053,1.851,2094,3.257,2157,3.58,2211,3.11,2437,5.683,2442,2.155,2443,2.155,2446,3.34,2449,3.11,2450,3.34,2452,2.155,2453,2.155,2454,2.155,2483,3.257,2484,3.34,2485,3.257,2486,2.155,2487,2.155,2488,3.34,2489,2.155,2490,2.155,2511,3.43,2634,2.102,2672,2.627,2689,2.428,2691,2.627,2738,2.155,2740,2.627,2782,3.43,2785,6.123,2978,3.34,3048,2.428,3253,2.627,3795,2.155,3796,4.867,3797,2.277,3798,2.277,3800,3.529,3801,4.867,3802,3.529,3803,5.571,3804,3.529,3805,3.529,3806,3.529,3807,6.691,3808,2.755,3809,3.763,3810,2.755,3811,2.755,3812,2.277,3813,3.131,3814,3.529,3815,3.529,3816,3.529,3817,3.529,3818,4.867,3819,3.529,3820,4.867,3821,4.867,3822,3.529,3823,4.867,3824,3.529,3825,3.529,3826,3.529,3827,3.529,3828,3.529,3829,4.2,3830,4.608,3831,3.529,3832,2.277,3833,4.321,3834,4.321,3835,2.277,3836,2.277,3837,2.277,3838,2.627,3839,2.428,3840,3.131,3841,2.627,3842,2.627,3843,2.627,3844,2.428,3846,4.608,3847,3.131,3849,3.131,3850,3.131,3851,2.428,3852,2.428,3853,3.763,3854,2.428,3855,2.428,3856,2.428,3857,2.428,3858,3.131,3860,3.131,3861,4.852,3863,2.428,3864,6.231,3865,3.131,3866,3.131,3867,3.131,3868,3.131,3869,3.131,3870,2.428,3871,2.428,3872,3.131,3873,3.131,3875,2.428,3876,2.755,3877,3.131,3878,3.131,3879,3.131,3880,2.755,3881,2.755,3882,2.755,3883,2.755,3884,2.755,3885,4.269,3886,2.755,3887,2.755,3888,2.755,3889,2.755,3890,3.131,3891,3.131,3892,3.131,3893,2.755,3894,2.428,3895,3.131,3896,3.131,3897,2.428,3898,2.428,3899,2.428,3900,2.428,3903,2.213,3904,2.213,3905,2.627,3906,2.213,3907,2.213,3908,2.277,3909,2.277,3910,2.52,3911,2.277,3912,2.277,3921,2.627,3922,2.627,3923,2.627,3949,2.52,3950,5.358,3951,3.457,3952,3.457,3953,3.457,3954,3.457,3955,3.457,3956,3.457]],["t/642",[0,0.236,1,0.271,3,1.836,5,1.149,7,0.022,16,0.839,17,1.753,18,2.123,19,0.812,22,1.994,24,0.37,26,0.15,27,0.168,30,2.117,35,1.513,36,1.235,37,0.718,52,1.866,54,3.943,59,2.84,81,1.727,84,3.554,93,2.867,100,1.591,102,5.607,105,2.169,126,2.272,131,4.068,133,2.392,140,1.8,142,1.633,147,4.586,162,0.994,169,0.73,170,1.26,179,2.08,183,2.198,231,4.284,234,1.495,238,2.597,253,2.272,280,1.128,282,2.672,287,1.866,290,2.628,294,3.545,295,2.486,306,4.468,308,2.555,323,1.727,335,3.093,353,2.08,371,2.179,382,2.435,398,2.219,423,2.75,424,3.525,426,1.779,461,2.724,464,3.41,492,1.866,510,3.496,512,2.538,513,3.458,529,4.292,539,1.307,561,4.856,568,1.495,580,2.392,630,4.046,657,2.625,658,3.997,659,1.909,660,3.23,666,4.068,670,2.001,688,4.373,700,2.169,720,4.408,755,4.761,757,2.272,856,2.169,969,1.949,981,3.877,984,2.872,992,2.272,1018,1.28,1019,1.28,1039,1.965,1064,3.758,1105,1.612,1108,2.52,1110,1.866,1135,2.08,1188,3.997,1292,1.807,1293,4.408,1301,2.392,1369,3.641,1441,2.461,1472,2.001,1473,2.169,1474,1.753,1535,4.088,1560,1.753,1573,2.668,1599,4.088,1788,2.461,1811,4.218,2053,2.001,2094,3.458,2155,2.625,2157,3.758,2211,3.302,2437,5.827,2442,2.329,2443,2.329,2446,3.545,2449,2.169,2450,3.545,2452,2.329,2453,2.329,2454,2.329,2483,3.458,2484,3.545,2485,3.458,2486,2.329,2487,2.329,2488,3.545,2489,2.329,2490,2.329,2511,3.641,2634,2.272,2672,2.839,2689,2.625,2691,2.839,2738,2.329,2740,2.839,2782,3.641,2785,6.252,2978,3.545,3795,2.329,3796,5.07,3797,2.461,3798,2.461,3800,3.746,3801,5.07,3802,3.746,3803,5.455,3804,3.746,3805,3.746,3806,3.746,3808,2.978,3809,3.995,3810,2.978,3811,2.978,3812,2.461,3814,3.746,3815,3.746,3816,3.746,3817,3.746,3818,4.536,3819,3.746,3820,4.536,3821,4.536,3822,2.461,3823,3.746,3824,2.461,3825,2.461,3826,2.461,3827,3.746,3828,3.746,3829,4.408,3830,4.837,3831,3.746,3832,2.461,3833,4.536,3834,4.536,3835,2.461,3836,2.461,3837,2.461,3838,2.839,3839,2.625,3841,2.839,3842,2.839,3843,2.839,3844,2.625,3846,3.995,3851,2.625,3852,2.625,3853,3.995,3854,2.625,3855,2.625,3856,2.625,3857,3.995,3863,2.625,3870,2.625,3871,2.625,3875,2.625,3894,2.625,3897,2.625,3898,2.625,3899,2.625,3900,2.625,3903,2.392,3904,2.392,3905,2.839,3906,2.392,3907,2.392,3908,2.461,3909,2.461,3910,2.724,3911,2.461,3912,2.461,3940,2.839,3944,2.978,3945,2.978,3946,2.978,3949,2.724,3957,5.847,3958,3.151,3959,3.151,3960,4.796,3961,3.384,3962,3.737,3963,3.151,3964,3.737,3965,3.737,3966,3.151,3967,5.687,3968,3.151,3969,3.151,3970,3.151,3971,3.151,3972,3.151,3973,3.151,3974,3.151,3975,3.737]],["t/644",[0,0.235,1,0.269,3,1.802,5,1.128,7,0.022,16,0.823,17,1.72,18,2.092,19,0.806,22,1.975,24,0.367,26,0.148,27,0.137,30,2.093,35,2.27,36,1.217,37,0.705,52,1.831,54,3.91,59,2.799,81,1.695,84,3.532,93,2.843,100,1.561,102,5.588,105,2.129,126,2.23,131,4.034,133,2.348,140,1.774,142,1.603,147,4.567,162,0.975,169,0.716,170,1.246,179,2.041,183,2.176,234,1.467,238,2.628,253,2.23,280,1.107,282,2.65,287,1.831,290,2.598,294,3.495,295,2.451,306,4.425,308,2.519,322,2.591,323,1.695,335,2.519,353,2.041,371,2.154,382,2.412,398,2.177,423,2.711,424,3.496,426,3.629,461,2.673,464,3.377,492,1.831,510,3.456,512,2.491,513,3.409,529,4.243,539,1.283,561,4.82,568,1.467,580,2.348,630,4.007,657,2.576,658,3.951,659,1.882,660,3.192,666,4.011,670,1.964,688,4.331,700,2.129,720,4.357,755,4.726,757,2.23,856,2.129,969,1.921,981,4.001,984,2.845,992,2.23,1002,4.468,1018,1.257,1019,1.257,1039,1.928,1064,3.715,1105,1.582,1108,2.484,1110,1.831,1135,2.041,1188,3.951,1292,1.773,1293,4.357,1301,2.348,1369,3.589,1441,2.416,1472,1.964,1473,2.129,1474,1.72,1535,4.041,1560,1.72,1573,2.63,1599,4.041,1788,2.416,1811,4.187,2053,1.964,2094,3.409,2155,2.576,2157,3.715,2211,3.255,2437,5.793,2442,2.286,2443,2.286,2446,3.495,2449,2.129,2450,3.495,2452,2.286,2453,2.286,2454,2.286,2483,3.409,2484,3.495,2485,3.409,2486,2.286,2487,2.286,2488,3.495,2489,2.286,2490,2.286,2511,3.589,2634,2.23,2672,2.786,2689,2.576,2691,2.786,2738,2.286,2740,2.786,2782,3.589,2785,6.221,2978,3.495,3221,4.728,3795,2.286,3796,5.021,3797,2.416,3798,2.416,3800,3.693,3801,5.021,3802,3.693,3803,5.41,3804,3.693,3805,3.693,3806,3.693,3808,2.922,3809,3.938,3810,2.922,3811,2.922,3812,2.416,3814,3.693,3815,3.693,3816,3.693,3817,3.693,3818,4.483,3819,3.693,3820,4.483,3821,4.483,3822,2.416,3823,3.693,3824,2.416,3825,2.416,3826,2.416,3827,3.693,3828,3.693,3829,4.357,3830,4.781,3831,3.693,3832,2.416,3833,4.483,3834,4.483,3835,2.416,3836,2.416,3837,2.416,3838,2.786,3839,2.576,3841,2.786,3842,2.786,3843,2.786,3844,2.576,3846,3.938,3851,2.576,3852,2.576,3853,3.938,3854,2.576,3855,2.576,3856,2.576,3857,3.938,3863,2.576,3870,2.576,3871,2.576,3875,2.576,3894,2.576,3897,2.576,3898,2.576,3899,2.576,3900,2.576,3903,2.348,3904,2.348,3905,2.786,3906,2.348,3907,2.348,3908,2.416,3909,2.416,3910,2.673,3911,2.416,3912,2.416,3921,2.786,3922,2.786,3923,2.786,3940,2.786,3944,2.922,3945,2.922,3946,2.922,3949,2.673,3957,5.791,3958,3.093,3959,3.093,3960,4.728,3961,3.321,3963,3.093,3966,3.093,3968,3.093,3969,3.093,3970,3.093,3971,3.093,3972,3.093,3973,3.093,3974,3.093,3976,3.667,3977,3.667,3978,3.321,3979,5.077,3980,5.077,3981,5.077,3982,5.077,3983,3.321,3984,5.606,3985,3.667]],["t/646",[0,0.247,1,0.286,3,2.838,7,0.021,16,1.297,17,2.71,18,2.156,22,2.278,24,0.4,26,0.205,27,0.141,35,3.56,52,2.885,54,4.479,59,2.885,84,3.295,93,3.044,100,2.46,102,5.892,105,3.354,131,4.622,142,2.525,147,4.709,150,1.901,169,1.128,170,1.424,183,1.65,238,2.502,282,2.837,295,2.525,306,3.354,323,2.67,335,2.595,353,3.216,371,2.783,382,1.828,423,3.761,424,3.744,426,2.751,464,3.896,529,5.482,561,5.237,630,3.038,657,5.464,658,4.516,659,2.612,660,4.125,666,4.29,670,3.094,688,4.997,720,5.63,757,3.513,1018,1.98,1019,1.98,1039,3.038,1135,3.216,1188,5.105,1293,4.98,1301,3.699,1441,3.806,1535,4.619,1599,4.619,1811,4.549,2053,3.094,2094,3.513,2511,3.699,2744,6.198,2782,3.699,2785,6.023,2978,4.849,3795,3.602,3796,6.197,3797,3.806,3798,3.806,3800,3.806,3801,5.124,3802,3.806,3803,5.793,3804,3.806,3805,3.806,3806,3.806,3812,3.806,3814,3.806,3815,3.806,3816,3.806,3817,3.806,3818,5.124,3819,3.806,3820,5.124,3821,5.124,3822,3.806,3823,5.124,3824,3.806,3825,3.806,3826,3.806,3827,3.806,3828,3.806,3829,5.63,3831,3.806,3832,3.806,3833,3.806,3834,5.124,3835,3.806,3836,3.806,3837,3.806,3839,4.058,3913,4.604,3949,5.67,3957,6.681,3986,5.232,3987,5.232]],["t/648",[0,0.246,1,0.284,3,2.774,7,0.021,16,1.267,17,2.649,18,2.108,22,2.252,24,0.397,26,0.202,27,0.138,52,2.82,54,4.438,59,2.82,84,3.273,93,3.009,100,2.404,102,5.872,105,3.278,126,3.433,131,4.786,133,3.615,142,2.468,147,4.681,169,1.103,170,1.402,183,2.661,231,3.143,238,2.478,280,1.704,282,2.804,295,2.468,306,3.278,323,2.61,335,3.441,353,3.143,371,2.75,382,1.787,423,3.704,424,3.7,426,4.139,464,3.851,529,5.418,561,5.188,630,2.969,657,5.38,658,4.446,659,2.572,660,4.077,666,4.273,670,3.024,688,5.295,720,5.564,757,3.433,1018,1.935,1019,1.935,1039,2.969,1135,3.143,1188,5.046,1293,4.904,1301,3.615,1441,3.72,1535,4.548,1599,5.161,1811,4.711,2053,3.024,2094,3.433,2511,3.615,2744,6.103,2782,3.615,2785,5.967,2978,4.775,3795,3.52,3796,6.139,3797,3.72,3798,3.72,3800,3.72,3801,5.045,3802,3.72,3803,5.725,3804,3.72,3805,3.72,3806,3.72,3812,3.72,3814,3.72,3815,3.72,3816,3.72,3817,3.72,3818,5.045,3819,3.72,3820,5.045,3821,5.045,3822,3.72,3823,5.045,3824,3.72,3825,3.72,3826,3.72,3827,3.72,3828,3.72,3829,5.564,3831,3.72,3832,3.72,3833,3.72,3834,5.725,3835,3.72,3836,3.72,3837,3.72,3838,4.29,3839,3.967,3841,4.29,3842,4.29,3843,4.29,3949,5.583,3957,6.604,3959,4.762,3986,5.114,3987,5.114]],["t/650",[0,0.231,1,0.265,3,1.86,5,1.164,7,0.022,16,0.85,17,1.776,18,1.413,19,0.721,22,2.158,24,0.38,26,0.151,27,0.14,30,2.134,35,3.55,36,0.822,52,1.89,54,3.966,59,2.868,84,3.518,93,2.682,100,1.612,102,5.575,105,2.198,131,3.806,140,1.818,142,2.511,147,4.654,150,1.246,169,0.739,170,1.27,179,2.107,200,1.043,238,2.606,253,2.302,264,1.338,280,2.094,282,2.5,287,1.89,290,2.649,295,3.034,306,4.029,308,2.58,323,2.655,335,1.701,353,2.107,371,2.452,382,1.198,394,2.617,423,2.778,424,2.955,459,1.633,464,3.075,492,1.89,510,3.524,512,2.572,513,3.492,525,2.659,529,4.327,539,1.324,560,4.035,561,5.071,568,1.514,630,3.649,658,3.335,659,1.929,660,3.256,666,4.079,670,2.027,688,3.264,720,4.444,743,3.017,747,2.494,755,4.785,757,2.302,856,2.198,969,1.297,975,2.876,981,3.688,984,2.144,992,2.302,994,1.677,995,1.382,1018,1.297,1019,1.297,1039,1.99,1063,2.198,1064,3.788,1105,1.633,1108,1.677,1135,2.107,1188,5.09,1292,1.831,1293,4.444,1297,2.659,1301,2.424,1369,3.677,1441,2.494,1472,2.027,1473,2.198,1474,1.776,1535,3.411,1560,2.694,1570,2.759,1573,2.694,1599,3.411,1788,2.494,1811,3.356,2053,2.027,2094,2.302,2157,3.788,2211,3.335,2437,5.851,2442,2.36,2443,2.36,2446,3.581,2449,3.335,2450,3.581,2452,2.36,2453,2.36,2454,2.36,2483,3.492,2484,3.581,2485,3.492,2486,2.36,2487,2.36,2488,3.581,2489,2.36,2490,2.36,2511,3.677,2527,4.035,2634,2.302,2738,2.36,2782,3.677,2785,6.153,2978,3.581,2995,4.364,3048,2.659,3253,2.876,3795,2.36,3796,5.104,3797,2.494,3798,2.494,3800,3.784,3801,5.104,3802,3.784,3803,5.775,3804,3.784,3805,3.784,3806,3.784,3809,2.659,3812,2.494,3814,3.784,3815,3.784,3816,3.784,3817,3.784,3818,5.104,3819,3.784,3820,5.104,3821,5.104,3822,3.784,3823,5.104,3824,3.784,3825,3.784,3826,3.784,3827,3.784,3828,3.784,3829,4.444,3830,4.875,3831,3.784,3832,2.494,3833,3.784,3834,3.784,3835,2.494,3836,2.494,3837,2.494,3844,2.659,3846,2.659,3851,2.659,3852,2.659,3853,4.035,3854,2.659,3855,2.659,3856,2.659,3857,2.659,3863,2.659,3870,2.659,3871,2.659,3875,2.659,3876,3.017,3880,3.017,3881,3.017,3882,3.017,3883,3.017,3884,3.017,3885,4.577,3886,3.017,3887,3.017,3888,3.017,3889,3.017,3893,3.017,3894,2.659,3897,2.659,3898,2.659,3899,2.659,3900,2.659,3903,2.424,3904,2.424,3906,2.424,3907,2.424,3908,2.494,3909,2.494,3911,2.494,3912,2.494,3913,5.531,3914,6.285,3915,3.428,3916,3.428,3917,3.428,3918,5.201,3919,3.428,3921,2.876,3922,2.876,3923,2.876,3924,3.428,3926,3.428,3927,3.428,3930,3.428,3931,3.428,3934,3.428,3935,3.428,3936,3.428,3937,3.428,3940,2.876,3941,3.428,3947,3.193,3948,3.193,3988,3.786,3989,5.744,3990,5.744,3991,3.786]],["t/652",[0,0.256,1,0.288,5,1.819,7,0.022,19,0.884,24,0.234,30,2.736,36,1.716,52,3.945,54,4.522,93,3.081,100,2.518,105,3.434,131,2.906,140,2.5,155,1.601,169,1.155,170,1.738,179,4.953,181,2.816,183,1.689,231,4.398,280,2.384,282,2.549,290,3.397,294,3.687,295,2.585,353,5.286,382,3.222,417,4.231,423,3.821,424,3.364,426,3.762,464,3.501,482,6.922,492,2.953,510,4.518,539,2.069,568,3.161,630,3.11,658,5.166,659,2.987,660,4.455,688,3.361,755,5.183,757,3.596,856,3.434,969,2.027,981,4.122,984,3.544,992,3.596,1018,2.027,1019,2.027,1105,2.551,1108,2.621,1110,2.953,1292,2.86,1369,5.059,1395,4.494,1472,3.167,1473,3.434,1474,2.774,1573,3.706,1728,4.988,1811,4.303,2053,3.167,2157,4.856,2211,3.434,2437,6.585,2442,3.687,2443,3.687,2446,4.926,2449,3.434,2450,4.926,2452,3.687,2453,3.687,2454,3.687,2483,4.804,2484,4.926,2485,4.804,2486,3.687,2487,3.687,2488,4.926,2489,3.687,2490,3.687,2634,3.596,2738,3.687,2779,5.55,3795,3.687,3903,3.787,3904,3.787,3906,3.787,3907,3.787,3908,3.896,3909,3.896,3910,4.311,3911,3.896,3912,3.896,3992,5.356]],["t/654",[0,0.257,1,0.287,5,1.81,7,0.022,19,0.882,24,0.233,30,2.73,36,1.711,52,3.933,54,4.705,93,3.073,100,2.506,105,3.417,131,2.892,140,2.492,155,1.593,169,1.15,170,1.735,179,4.941,181,2.803,231,4.941,280,2.679,282,2.541,290,3.389,294,3.67,295,2.573,353,5.276,382,3.218,417,4.218,423,3.809,424,3.353,426,3.751,464,3.49,482,6.909,492,2.939,510,4.507,539,2.059,568,3.151,630,3.095,658,5.153,659,2.98,660,4.446,688,3.345,755,5.173,757,3.579,856,3.417,969,2.017,981,4.117,984,3.538,992,3.579,1018,2.017,1019,2.017,1105,2.539,1108,2.608,1110,2.939,1292,2.847,1369,5.043,1395,4.473,1472,3.152,1473,3.417,1474,2.761,1573,3.695,1728,4.964,1811,4.293,2053,3.152,2157,4.845,2211,3.417,2437,6.578,2442,3.67,2443,3.67,2446,4.91,2449,3.417,2450,4.91,2452,3.67,2453,3.67,2454,3.67,2483,4.789,2484,4.91,2485,4.789,2486,3.67,2487,3.67,2488,4.91,2489,3.67,2490,3.67,2634,3.579,2738,3.67,2779,5.533,3795,3.67,3903,3.769,3904,3.769,3906,3.769,3907,3.769,3908,3.878,3909,3.878,3910,4.291,3911,3.878,3912,3.878,3992,5.331]],["t/656",[0,0.228,1,0.267,3,1.898,5,1.188,7,0.022,16,0.867,17,1.812,18,2.177,19,0.822,22,2.177,24,0.382,26,0.154,27,0.143,30,2.161,35,3.402,36,0.839,52,1.929,54,3.728,59,2.913,84,3.556,93,2.71,100,1.645,102,5.639,105,2.243,131,3.846,140,1.846,142,2.55,147,4.674,169,0.755,170,1.286,179,2.151,238,2.62,253,2.349,280,1.166,282,2.267,287,1.929,290,2.683,295,3.072,306,4.08,308,2.621,322,2.696,323,2.696,335,1.736,353,2.151,371,2.224,382,2.224,423,2.821,424,2.992,464,3.114,492,1.929,510,3.568,512,2.625,513,3.547,529,4.381,539,1.352,561,5.107,568,1.546,630,3.695,658,2.243,659,1.959,660,3.296,666,4.055,670,2.069,688,3.993,720,4.499,755,4.823,757,2.349,856,2.243,969,1.324,981,3.988,984,2.177,992,2.349,1002,4.649,1019,1.324,1039,2.032,1064,3.835,1105,1.667,1108,2.585,1135,2.151,1188,5.13,1292,1.868,1293,4.499,1301,2.474,1369,3.735,1441,2.545,1472,2.069,1473,2.243,1474,1.812,1535,3.464,1560,1.812,1573,2.736,1599,3.464,1788,2.545,1811,3.786,2053,2.069,2094,2.349,2157,3.835,2211,3.387,2437,5.887,2442,2.409,2443,2.409,2446,3.637,2449,2.243,2450,3.637,2452,2.409,2453,2.409,2454,2.409,2483,3.547,2484,3.637,2485,3.547,2486,2.409,2487,2.409,2488,3.637,2489,2.409,2490,2.409,2511,3.735,2634,2.349,2738,2.409,2782,3.735,2785,6.188,2978,3.637,3221,4.92,3795,2.409,3796,5.157,3797,2.545,3798,2.545,3800,3.843,3801,5.157,3802,3.843,3803,5.821,3804,3.843,3805,3.843,3806,3.843,3809,2.714,3812,2.545,3814,3.843,3815,3.843,3816,3.843,3817,3.843,3818,5.157,3819,3.843,3820,5.157,3821,5.157,3822,3.843,3823,5.157,3824,3.843,3825,3.843,3826,3.843,3827,3.843,3828,3.843,3829,4.499,3830,4.936,3831,3.843,3832,2.545,3833,4.629,3834,3.843,3835,2.545,3836,2.545,3837,2.545,3839,2.714,3844,2.714,3846,4.098,3851,2.714,3852,2.714,3853,4.098,3854,2.714,3855,2.714,3856,2.714,3857,2.714,3863,2.714,3870,2.714,3871,2.714,3875,2.714,3894,2.714,3897,2.714,3898,2.714,3899,2.714,3900,2.714,3903,2.474,3904,2.474,3906,2.474,3907,2.474,3908,2.545,3909,2.545,3911,2.545,3912,2.545,3913,3.079,3921,2.936,3922,2.936,3923,2.936,3940,2.936,3944,3.079,3945,3.079,3946,3.079,3947,3.259,3948,3.259,3957,5.339,3958,3.259,3960,4.92,3963,3.259,3966,3.259,3968,3.259,3969,3.259,3970,3.259,3971,3.259,3972,3.259,3973,3.259,3974,3.259,3978,3.499,3979,5.283,3980,5.283,3981,5.283,3982,5.283,3983,3.499,3993,3.864,3994,3.864,3995,3.864,3996,5.833,3997,3.864]],["t/658",[0,0.157,1,0.102,7,0.023,19,0.835,22,0.937,24,0.143,37,2.051,40,2.304,50,1.042,51,1.696,81,1.672,84,1.179,93,3.104,100,1.54,151,1.215,169,0.706,170,1.235,181,2.642,195,1.167,196,2.048,200,1.528,204,2.492,206,3.459,208,3.486,215,5.024,281,3.775,282,2.893,290,3.532,309,3.237,315,2.801,336,1.937,342,4.01,361,2.316,364,1.245,371,2.583,406,2.457,429,3.064,439,2.917,464,1.603,476,2.866,482,4.044,513,2.199,539,2.361,540,3.188,568,1.447,577,4.096,604,2.637,623,3.294,630,4.291,633,7.029,659,3.106,666,1.43,709,3.769,713,6.491,718,3.897,750,2.817,771,3.655,978,1.413,979,1.397,984,3.215,994,2.458,995,3.144,996,3.814,998,2.1,1018,1.24,1023,5.281,1032,1.56,1033,2.393,1047,4.215,1050,4.421,1052,3.769,1054,3.552,1057,3.221,1059,4.679,1061,4.421,1102,3.616,1105,3.715,1106,4.631,1108,3.973,1137,2.457,1279,5.907,1309,2.637,1373,2.883,1400,2.748,1422,3.614,1423,3.918,1424,4.446,1425,3.294,1426,4.044,1427,4.421,1428,4.215,1525,4.215,1560,4.206,1571,2.637,1573,1.697,1587,5.692,1589,3.276,1592,3.051,1594,3.276,1600,5.141,1633,5.75,1635,3.276,1655,2.199,1693,3.276,1945,3.051,2040,3.276,2049,7.391,2050,3.276,2051,6.112,2065,6.278,2070,9.76,2211,2.1,2213,3.051,2216,2.748,2634,2.199,2738,2.255,2739,3.276,2746,3.276,2748,3.276,2962,4.215,3905,2.748,3998,3.617,3999,9.559,4000,5.548,4001,3.617,4002,5.548,4003,5.548,4004,5.548,4005,5.548,4006,5.548,4007,5.548,4008,5.548,4009,5.548,4010,5.548,4011,5.548,4012,5.548,4013,8.967,4014,3.617,4015,3.617,4016,3.617,4017,3.617,4018,3.617,4019,3.617,4020,3.617,4021,5.548,4022,5.548,4023,3.617,4024,3.617,4025,3.617]],["t/660",[0,0.04,1,0.085,7,0.022,16,1.539,17,0.81,19,0.509,24,0.331,28,0.269,32,0.199,36,1.489,38,0.172,40,1.781,42,4.703,44,1.604,49,0.552,50,0.498,51,1.765,68,1.569,81,1.395,84,1.781,93,1.667,100,0.736,140,1.901,149,0.943,150,1.584,151,1.013,167,2.373,169,0.337,170,0.552,193,0.557,195,2.893,196,2.386,200,0.831,202,3.231,204,1.356,205,1.138,207,1.138,208,1.559,209,1.138,210,0.982,211,1.138,220,1.003,238,1.28,254,1.647,279,1.106,281,3.527,282,2.417,283,3.412,287,0.863,289,2.504,290,2.467,301,1.077,307,0.962,309,2.712,315,2.682,323,2.225,340,0.836,342,2.685,351,0.877,355,1.174,360,3.105,364,1.081,365,5.451,394,2.737,397,3.479,416,2.444,419,1.077,429,2.432,459,2.076,464,1.337,466,2.822,474,3.93,475,0.943,476,1.559,479,3.93,520,1.667,523,2.12,539,2.517,540,0.675,544,1.715,554,1.106,568,2.742,617,1.565,619,5.265,621,4.355,622,4.36,623,2.385,624,2.733,625,2.733,626,7.336,627,3.201,628,3.407,629,3.712,631,1.077,632,1.106,639,3.382,653,1.077,659,3.011,664,1.68,666,2.555,671,2.405,691,1.106,735,3.652,755,0.943,763,7.417,764,9.393,765,1.565,766,10.246,769,1.565,879,1.259,969,1.873,977,1.457,978,2.81,979,2.647,981,3.981,984,3.299,987,1.559,988,1.587,989,3.58,990,0.943,994,3.037,995,3.274,996,3.423,1000,2.873,1018,0.592,1019,0.592,1021,1.457,1023,1.68,1025,1.214,1028,3.343,1029,3.216,1032,2.591,1033,2.357,1038,2.823,1039,1.587,1040,1.214,1041,2.199,1062,1.051,1079,2.444,1082,1.457,1083,2.199,1102,2.421,1105,1.733,1106,2.075,1108,1.78,1110,0.863,1153,1.003,1166,1.077,1168,1.792,1180,2.293,1203,1.457,1236,1.051,1291,1.313,1292,0.836,1300,2.293,1303,1.565,1327,1.214,1357,1.077,1370,0.908,1400,1.313,1406,2.12,1408,2.822,1409,2.075,1410,1.313,1411,1.174,1422,3.461,1423,1.752,1424,1.988,1425,1.026,1426,1.259,1430,2.733,1431,1.259,1439,3.638,1440,3.171,1443,1.214,1448,2.822,1460,3.323,1463,5.781,1467,4.815,1468,1.106,1472,3.671,1474,1.415,1475,3.487,1479,1.565,1483,2.12,1499,2.236,1501,1.881,1525,2.293,1526,2.405,1527,2.733,1529,2.236,1535,1.026,1560,1.415,1562,2.199,1619,1.051,1620,1.051,1631,1.138,1694,1.174,1702,1.457,1730,1.313,1765,1.881,1784,1.457,2018,1.565,2048,1.259,2170,3.201,2225,2.733,2256,3.201,2331,1.259,2528,1.377,2617,2.12,2656,2.199,2689,1.214,2801,1.565,2803,2.12,2937,2.12,3203,2.729,3262,2.12,3269,1.565,3352,1.259,3353,1.259,3354,1.259,3355,1.259,3356,2.199,3358,1.313,3359,1.259,3360,2.822,3361,3.382,3365,2.928,3378,1.313,3442,3.052,3446,3.201,3462,3.201,3498,1.313,3499,2.545,3500,5.451,3501,2.293,3502,1.457,3503,4.06,3504,2.293,3505,1.457,3506,1.457,3507,1.457,3508,4.06,3509,1.457,3510,4.609,3511,1.457,3512,1.457,3513,3.388,3514,1.313,3515,1.313,3516,3.836,3517,2.405,3518,1.457,3519,4.06,3520,1.457,3521,1.457,3522,1.457,3523,1.457,3524,1.457,3525,1.457,3526,1.457,3527,1.457,3528,1.457,3529,1.457,3530,1.313,3531,2.293,3532,1.457,3533,4.06,3534,2.545,3535,1.565,3536,1.457,3537,2.199,3538,1.457,3544,1.377,4026,1.728,4027,1.728,4028,1.728,4029,1.728,4030,3.018,4031,3.018,4032,1.728,4033,1.728,4034,1.728,4035,1.728,4036,1.728,4037,1.728,4038,1.728,4039,1.728,4040,1.728,4041,11.161,4042,1.728,4043,1.728,4044,3.018,4045,1.728,4046,4.017,4047,3.638,4048,1.728,4049,4.814,4050,5.465,4051,10.05,4052,9.947,4053,10.05,4054,10.05,4055,10.05,4056,1.728,4057,1.728,4058,1.728,4059,1.728,4060,1.728,4061,1.728,4062,7.751,4063,1.728,4064,1.728,4065,1.728,4066,1.728,4067,1.728,4068,1.728,4069,3.018,4070,4.017,4071,3.018,4072,4.017,4073,3.018,4074,1.728,4075,3.018,4076,1.728,4077,1.728,4078,4.017,4079,1.728,4080,3.018,4081,1.728,4082,4.017,4083,4.814,4084,1.728,4085,1.728,4086,1.728,4087,1.728,4088,1.728,4089,4.017,4090,1.728,4091,1.728,4092,1.728,4093,3.018,4094,1.728,4095,1.728,4096,1.728,4097,1.728,4098,4.017,4099,1.728,4100,1.728,4101,1.728,4102,1.728,4103,1.728,4104,1.728,4105,1.728,4106,1.728,4107,1.728,4108,1.728,4109,1.728,4110,1.728,4111,1.728,4112,1.728,4113,1.728,4114,1.728,4115,1.728,4116,1.728,4117,1.728,4118,1.565,4119,1.728,4120,1.728,4121,4.017,4122,1.728,4123,1.728,4124,7.983,4125,7.983,4126,1.728,4127,3.018,4128,1.728,4129,1.728,4130,1.728,4131,1.728,4132,1.728,4133,1.728,4134,1.728,4135,1.728,4136,1.728,4137,1.728,4138,1.728,4139,1.728,4140,1.728,4141,1.728,4142,1.728,4143,1.728,4144,1.728,4145,1.728,4146,1.728,4147,1.728,4148,1.728,4149,1.728,4150,1.728,4151,1.728,4152,1.728,4153,1.728]],["t/662",[0,0.13,1,0.103,7,0.022,8,0.064,9,0.256,16,0.82,19,0.904,24,0.247,36,1.571,39,0.864,40,1.876,51,1.337,57,1.254,81,3.997,84,2.672,93,2.634,94,2.17,100,1.556,104,1.888,110,5.823,123,1.282,137,1.346,145,2.585,146,2.724,151,0.725,153,0.536,164,1.924,167,1.266,169,0.422,170,0.669,181,2.263,193,1.179,195,2.192,196,1.754,200,1.007,202,2.93,215,1.796,247,1.856,253,1.313,270,1.462,281,3.512,282,1.534,283,4.463,290,1.814,301,4.511,308,3.051,309,2.188,311,1.574,315,1.517,323,3.345,340,1.044,341,2.321,350,3.131,351,4.391,352,5.697,356,3.043,364,1.404,375,1.922,388,0.704,429,2.264,431,3.041,440,3.113,447,1.717,448,2.913,459,3.537,486,3.736,487,3.706,488,8.792,489,5.274,490,5.274,491,3.339,492,3.613,493,3.833,520,3.289,521,1.282,539,2.662,540,1.428,554,5.656,632,4.633,639,5.345,646,1.282,653,1.346,659,2.281,857,1.821,969,3.295,978,3.096,979,1.835,981,4.534,984,3.762,987,2.455,988,3.571,989,3.934,990,2.594,994,2.478,995,2.48,996,2.593,1000,2.94,1018,0.74,1019,0.74,1023,3.113,1032,2.412,1033,2.412,1038,1.888,1052,2.483,1064,1.178,1079,5.086,1102,1.62,1110,2.373,1126,1.254,1190,4.076,1196,1.821,1279,2.408,1283,4.457,1297,1.517,1320,2.222,1370,1.922,1406,3.928,1411,1.467,1422,2.995,1423,2.122,1425,1.282,1431,2.664,1443,1.517,1460,5.131,1468,5.943,1470,4.767,1474,2.623,1475,2.122,1477,1.821,1483,5.083,1499,2.035,1529,3.781,1560,1.715,1565,2.664,1571,1.574,1573,1.013,1619,2.222,1620,5.644,1631,2.408,1655,1.313,1765,4.511,1791,2.408,2157,1.995,2518,1.574,2617,3.928,2650,1.821,2656,4.076,2681,3.083,2735,3.083,2803,3.928,2937,3.928,3203,2.483,3262,3.339,3263,1.721,3265,1.641,3270,1.641,3352,2.664,3353,2.664,3354,2.664,3355,2.664,3356,4.076,3359,2.664,3360,5.76,3361,5.083,3365,5.274,3369,1.821,3383,1.517,3385,2.568,3386,2.568,3387,1.517,3433,1.721,3435,4.249,3436,2.913,3442,1.641,3443,5.766,3474,4.457,3475,1.574,3476,1.641,3496,1.721,3497,1.721,3498,2.777,3501,5.498,3504,2.777,3514,2.777,3515,2.777,3530,2.777,3531,5.498,3537,2.664,3542,1.955,3544,1.721,3545,1.955,3546,1.955,3547,1.955,3550,1.955,3551,1.955,3552,1.955,3553,1.955,3554,1.955,3555,1.955,3556,3.31,3557,1.955,3558,1.955,3577,1.955,3578,1.955,3579,3.31,3580,1.955,3581,3.31,3582,1.955,3583,1.955,3584,1.955,3585,1.955,3586,1.955,3597,3.31,3598,3.31,3599,3.31,3600,3.31,3621,1.955,3624,1.955,3626,1.821,3628,3.31,3629,3.31,3648,3.31,3657,3.31,3658,3.31,3660,3.31,3661,3.31,3739,1.955,4154,2.159,4155,8.648,4156,2.159,4157,3.655,4158,5.593,4159,6.256,4160,3.655,4161,3.655,4162,3.655,4163,7.609,4164,2.159,4165,4.753,4166,5.593,4167,3.655,4168,3.655,4169,3.655,4170,3.655,4171,3.655,4172,3.655,4173,3.655,4174,2.159,4175,3.655,4176,2.159,4177,2.159,4178,2.159,4179,2.159,4180,2.159,4181,5.593,4182,2.159,4183,4.753,4184,2.159,4185,2.159,4186,3.655,4187,6.256,4188,4.753,4189,2.159,4190,2.159,4191,3.655,4192,5.593,4193,7.609,4194,5.593,4195,2.159,4196,5.593,4197,2.159,4198,6.256,4199,5.593,4200,2.159,4201,3.655,4202,2.159,4203,2.159,4204,2.159,4205,2.159,4206,2.159,4207,2.159,4208,2.159,4209,2.159,4210,4.753,4211,4.753,4212,2.159,4213,2.159,4214,2.159,4215,2.159,4216,2.159,4217,2.159]],["t/664",[0,0.044,1,0.18,5,1.788,7,0.023,16,0.739,17,1.244,19,1.024,23,1.671,24,0.241,30,3.249,31,0.448,35,2.228,36,1.263,40,0.216,51,1.201,84,1.554,93,2.201,94,1.134,100,1.847,101,2.518,129,0.617,140,2.513,146,2.706,147,0.473,148,0.556,150,2.007,151,2.135,152,1.98,153,1.514,167,0.918,169,0.203,170,1.007,181,0.91,182,4.682,183,2.649,192,0.757,193,1.776,195,1.4,196,1.601,197,0.729,200,1.06,204,2.472,215,1.891,231,3.063,235,4.24,238,0.508,242,1.863,270,0.415,281,3.132,282,1.4,287,2.904,290,4.206,295,0.835,307,0.578,309,0.668,315,3.482,341,3.123,360,2.465,362,4.349,364,0.739,385,3.479,388,2.452,413,4.576,416,1.954,417,1.42,426,2.621,429,1.074,431,2.313,436,0.827,440,0.578,445,2.077,459,0.448,464,1.705,466,1.863,473,0.536,476,0.536,479,3.536,492,2.575,510,5.525,515,0.789,520,2.284,536,2.893,539,2.733,540,2.383,551,0.789,561,0.578,568,3.226,599,1.575,607,0.876,608,1.933,629,0.705,632,0.665,659,3.199,660,3.783,664,0.578,750,3.097,755,5.911,778,0.729,856,2.518,967,4.641,969,2.178,978,0.746,979,1.024,981,3.602,984,3.201,989,1.682,995,2.227,996,2.328,998,1.911,999,0.876,1000,1.004,1018,0.356,1019,0.356,1020,0.665,1032,0.448,1033,0.448,1062,1.161,1102,0.46,1105,2.631,1108,2.702,1110,0.518,1148,1.522,1162,1.191,1166,1.191,1193,0.827,1292,2.494,1302,0.827,1308,1.451,1320,1.161,1322,1.342,1324,0.789,1326,1.297,1327,1.342,1370,0.546,1395,0.789,1399,2.015,1409,0.536,1410,0.789,1440,0.684,1472,2.323,1473,2.518,1474,0.896,1475,1.911,1528,0.647,1573,3.783,1653,0.827,1817,0.876,2042,6.297,2043,0.789,2048,0.757,2065,2.805,2157,5.985,2158,1.451,2211,0.603,2326,0.789,2406,0.827,2427,1.522,2428,1.73,2430,0.876,2431,1.73,2432,3.485,2433,0.665,2434,0.94,2435,0.729,2436,3.928,2437,7.006,2438,0.94,2439,0.94,2440,1.73,2441,1.611,2442,3.431,2443,3.802,2446,5.028,2449,3.541,2450,5.028,2452,3.802,2453,3.802,2454,3.802,2455,7.075,2456,4.984,2457,4.984,2458,4.984,2459,5.523,2460,7.767,2461,5.523,2467,4.984,2468,5.523,2469,8.349,2470,4.984,2471,4.984,2472,4.984,2473,0.94,2483,3.865,2484,3.963,2485,3.865,2486,2.704,2487,2.704,2488,3.963,2489,2.704,2490,2.704,2491,3.485,2492,3.485,2493,4.32,2494,4.32,2495,4.32,2497,0.876,2498,0.827,2499,0.94,2500,0.94,2502,1.73,2503,0.94,2504,0.94,2767,2.776,2839,5.267,3203,2.236,3864,0.876,3903,1.698,3904,3.905,3906,3.905,3907,3.905,4047,1.73,4118,2.402,4218,1.038,4219,3.292,4220,3.292,4221,3.292,4222,3.292,4223,1.038,4224,1.038,4225,1.038,4226,1.038,4227,3.292,4228,1.038,4229,1.038,4230,7.505,4231,1.038,4232,1.038,4233,1.91,4234,1.91,4235,1.91,4236,1.91,4237,1.038,4238,1.91,4239,1.038,4240,1.038,4241,1.038,4242,1.91,4243,1.038,4244,1.038,4245,1.038,4246,3.292,4247,1.91,4248,1.91]],["t/666",[0,0.168,7,0.022,16,1.628,24,0.356,51,1.641,61,3.644,65,2.742,81,2.41,93,2.886,94,4.305,141,4.464,143,5.448,144,5.064,167,2.51,168,2.128,169,1.018,170,1.526,195,2.69,196,1.925,200,1.998,201,4.12,202,4.702,243,3.027,247,2.647,270,2.9,281,3.619,282,2.34,307,2.903,309,1.824,354,3.027,364,1.628,398,3.096,440,4.036,539,1.824,540,4.006,659,2.435,687,0.434,688,2.963,689,4.398,692,4.155,693,4.722,694,4.155,695,4.155,696,8.16,697,8.16,700,3.027,969,2.857,978,2.037,979,2.8,984,3.936,987,2.693,988,2.742,989,4.14,990,2.846,995,3.044,996,3.182,1018,1.787,1019,1.787,1038,3.745,1039,3.812,1079,4.233,1105,3.128,1106,3.745,1174,7.592,1281,6.887,1320,4.409,1529,5.458,1530,4.722,2169,9.432,2326,6.846,4249,5.214,4250,10.057,4251,5.214,4252,8.337,4253,8.337,4254,7.251,4255,7.251,4256,7.251,4257,8.337,4258,8.337,4259,10.415,4260,10.415,4261,8.337,4262,9.804,4263,9.804,4264,8.337,4265,5.214,4266,5.214,4267,5.214,4268,5.214,4269,7.251,4270,5.214,4271,8.337,4272,5.214]],["t/668",[0,0.01,1,0.006,5,2.91,7,0.023,8,0.129,12,0.013,15,0.007,16,0.222,17,0.464,18,0.229,19,1.032,24,0.032,26,0.031,27,0.072,28,1.418,32,0.027,35,2.729,36,0.93,37,0.041,38,0.042,40,0.413,42,0.088,51,1.04,54,0.101,64,3.229,73,1.102,81,1.939,84,0.994,86,0.317,93,1.852,100,1.707,101,1.061,102,0.329,104,0.317,110,2.434,111,0.352,117,0.332,123,0.126,127,0.144,129,0.247,130,0.332,131,0.205,133,0.267,135,0.169,140,1.488,149,0.116,150,0.137,160,0.121,167,0.464,169,0.041,170,1.144,178,0.247,181,0.943,186,2.239,189,0.247,192,0.304,193,2.391,195,1.705,196,3.87,200,0.504,201,0.237,202,0.918,204,0.187,208,0.416,215,0.205,227,1.06,231,2.618,242,0.432,243,0.242,254,0.912,255,0.731,267,0.11,270,0.537,275,0.383,276,3.892,277,3.676,278,3.911,279,3.507,280,0.299,281,2.908,282,1.918,283,1.496,284,1.019,285,0.518,286,0.835,287,0.494,288,3.877,289,2.44,290,1.795,291,1.513,292,0.931,293,1.058,294,0.502,295,3.79,296,0.417,297,0.161,304,0.518,307,0.84,308,0.276,309,0.528,312,0.888,315,1.266,325,3.132,335,2.112,339,0.192,340,0.649,341,0.334,342,1.251,347,0.258,348,1.886,349,0.458,351,1.293,354,0.468,358,0.304,360,0.349,364,0.658,371,1.356,388,0.136,394,0.902,395,0.242,396,0.458,397,0.202,402,0.695,404,0.129,406,0.144,420,0.179,424,0.262,426,1.954,427,0.26,428,0.192,429,0.249,431,1.07,440,0.232,445,2.137,448,0.642,458,0.169,459,0.427,464,1.455,474,0.49,475,0.335,476,2.388,479,1.548,480,0.467,486,0.19,492,2.638,493,0.103,508,0.108,509,0.129,510,5.245,514,0.192,515,0.467,519,0.718,521,3.215,523,0.149,536,2.344,538,0.14,539,2.358,540,1.774,544,1.291,551,1.146,554,0.267,559,0.242,568,0.396,577,0.326,584,0.192,585,0.192,586,0.161,591,0.458,592,0.192,593,0.192,595,0.518,596,0.352,599,0.365,602,0.169,603,0.169,619,0.114,621,0.49,623,0.126,637,0.192,642,0.192,644,1.389,653,0.383,658,2.382,659,1.774,664,0.448,665,0.377,666,1.058,667,0.192,669,0.377,670,0.431,675,0.448,676,1.366,679,0.816,686,0.192,687,0.097,688,0.121,691,0.393,700,0.242,713,0.374,718,0.293,723,0.192,742,0.377,748,0.192,749,0.192,750,0.409,752,0.432,759,9.257,771,0.77,772,0.752,774,0.556,775,0.192,776,0.192,969,0.46,973,0.136,975,0.161,978,1.046,979,0.382,981,2.551,984,3.14,987,0.779,988,0.878,989,0.586,990,0.54,994,4.479,995,1.977,996,2.017,998,0.575,1000,0.219,1002,0.169,1003,0.155,1018,0.073,1019,0.073,1020,0.393,1023,0.551,1028,0.551,1029,0.431,1032,1.465,1033,2.442,1038,0.215,1040,0.293,1047,0.752,1048,0.179,1050,0.332,1052,1.025,1054,0.966,1057,0.779,1061,0.642,1063,0.357,1102,0.272,1105,2.442,1106,1.173,1108,2.634,1110,0.989,1126,0.357,1135,0.232,1153,0.123,1162,3.986,1190,0.304,1192,0.14,1193,0.789,1236,1.111,1274,0.161,1279,0.994,1281,0.293,1291,7.774,1292,0.389,1302,0.789,1310,0.942,1322,0.149,1325,0.192,1326,0.673,1327,4.426,1357,0.132,1368,0.192,1370,0.521,1397,0.352,1399,0.467,1400,0.161,1409,1.245,1422,0.223,1442,0.377,1447,0.169,1448,0.293,1460,2.605,1469,0.179,1497,2.85,1499,0.118,1500,2.174,1501,0.132,1528,0.383,1529,3.309,1559,0.821,1560,1.256,1570,0.155,1573,3.477,1600,6.337,1619,1.111,1620,1.111,1627,0.332,1629,2.335,1630,2.335,1633,0.467,1673,0.49,1688,0.169,1712,1.655,1722,0.179,1738,1.696,1739,0.642,1758,0.377,1765,0.26,1791,0.14,1811,0.389,1813,0.835,1817,1.542,1818,2.955,1819,1.655,1820,0.332,1826,0.161,2048,0.155,2091,0.161,2214,5.432,2223,0.352,2257,0.155,2258,0.566,2265,0.192,2326,0.161,2330,3.747,2430,0.179,2433,0.136,2435,0.149,2449,2.947,2478,0.192,2485,0.129,2512,0.556,2516,0.556,2517,0.192,2519,0.192,2520,0.352,2524,4.943,2527,0.149,2534,1.793,2535,0.729,2538,3.27,2539,0.377,2549,0.192,2608,0.377,2620,0.729,2668,0.155,2741,0.448,2833,0.169,2886,0.448,2887,0.448,2889,0.352,2979,0.161,3021,0.467,3065,0.729,3077,0.729,3078,0.192,3206,0.556,3257,0.556,3260,0.556,3263,0.169,3273,0.897,3274,0.897,3301,3.88,3325,0.377,3339,0.192,3340,0.192,3341,0.192,3342,0.192,3343,0.192,3344,0.192,3345,0.897,3346,0.897,3348,0.897,3349,0.897,3351,1.215,3382,4.532,3390,0.897,3475,0.587,3482,0.192,3537,0.155,3544,0.332,3626,0.352,3768,1.058,3776,3.075,3829,0.267,3999,0.377,4230,1.927,4273,0.212,4274,0.614,4275,0.99,4276,0.417,4277,0.614,4278,0.212,4279,0.212,4280,1.671,4281,0.212,4282,0.212,4283,0.212,4284,0.417,4285,0.212,4286,0.417,4287,0.212,4288,0.212,4289,0.212,4290,0.212,4291,1.828,4292,0.417,4293,0.417,4294,0.417,4295,0.212,4296,0.212,4297,0.212,4298,0.212,4299,0.212,4300,0.417,4301,0.212,4302,0.212,4303,0.212,4304,0.212,4305,0.805,4306,0.212,4307,0.212,4308,0.212,4309,0.417,4310,0.212,4311,0.212,4312,0.212,4313,0.417,4314,0.212,4315,0.212,4316,11.052,4317,0.212,4318,0.212,4319,0.614,4320,0.212,4321,0.614,4322,0.417,4323,0.212,4324,0.417,4325,0.212,4326,0.212,4327,0.212,4328,0.805,4329,0.212,4330,8.539,4331,0.614,4332,1.169,4333,0.805,4334,0.805,4335,0.614,4336,3.396,4337,1.169,4338,0.212,4339,0.212,4340,0.99,4341,0.212,4342,0.212,4343,2.806,4344,0.212,4345,0.212,4346,0.212,4347,0.212,4348,0.212,4349,0.212,4350,0.212,4351,0.417,4352,4.01,4353,1.169,4354,3.051,4355,5.998,4356,5.283,4357,5.283,4358,5.944,4359,4.284,4360,5.601,4361,5.283,4362,4.284,4363,5.349,4364,5.72,4365,4.457,4366,5.661,4367,5.283,4368,4.195,4369,5.216,4370,5.601,4371,4.457,4372,5.54,4373,5.661,4374,4.623,4375,10.01,4376,4.541,4377,4.541,4378,4.372,4379,8.733,4380,10.142,4381,4.372,4382,4.623,4383,4.857,4384,7.152,4385,4.702,4386,6.741,4387,4.857,4388,4.857,4389,4.702,4390,4.857,4391,4.857,4392,7.778,4393,5.283,4394,4.857,4395,6.44,4396,4.623,4397,6.485,4398,4.623,4399,4.623,4400,4.284,4401,4.284,4402,5.005,4403,4.284,4404,4.103,4405,3.815,4406,3.913,4407,3.913,4408,4.372,4409,0.417,4410,9.7,4411,2.806,4412,0.212,4413,1.169,4414,1.98,4415,1.98,4416,1.98,4417,1.98,4418,2.128,4419,1.98,4420,3.396,4421,1.98,4422,1.98,4423,4.195,4424,8.606,4425,3.611,4426,3.504,4427,3.611,4428,3.504,4429,1.169,4430,0.99,4431,0.99,4432,0.99,4433,1.98,4434,2.546,4435,0.99,4436,0.99,4437,0.99,4438,0.99,4439,0.99,4440,0.417,4441,0.212,4442,0.805,4443,0.212,4444,3.169,4445,3.051,4446,0.99,4447,0.212,4448,0.805,4449,0.614,4450,0.212,4451,0.805,4452,1.341,4453,1.169,4454,1.341,4455,0.417,4456,0.99,4457,0.212,4458,0.417,4459,0.805,4460,0.99,4461,0.212,4462,0.805,4463,2.546,4464,0.805,4465,0.417,4466,0.417,4467,0.417,4468,2.93,4469,2.93,4470,0.417,4471,4.702,4472,4.702,4473,0.805,4474,0.417,4475,0.417,4476,1.509,4477,0.417,4478,0.417,4479,0.805,4480,0.417,4481,0.417,4482,0.417,4483,0.805,4484,0.417,4485,0.805,4486,0.417,4487,0.417,4488,0.417,4489,0.417,4490,0.805,4491,0.417,4492,0.417,4493,0.99,4494,0.99,4495,0.99,4496,0.99,4497,0.99,4498,0.99,4499,0.99,4500,0.99,4501,0.99,4502,0.99,4503,0.99,4504,0.99,4505,0.99,4506,1.169,4507,0.99,4508,0.99,4509,0.99,4510,0.99,4511,0.99,4512,0.99,4513,0.99,4514,0.99,4515,0.99,4516,0.99,4517,0.99,4518,0.99,4519,0.99,4520,0.99,4521,0.99,4522,0.99,4523,0.99,4524,0.99,4525,0.99,4526,0.99,4527,0.99,4528,0.99,4529,0.99,4530,0.99,4531,0.99,4532,0.99,4533,0.212,4534,0.212,4535,0.99,4536,0.99,4537,0.99,4538,0.99,4539,0.99,4540,0.99,4541,0.417,4542,0.212,4543,0.417,4544,0.212,4545,0.212,4546,1.671,4547,0.614,4548,2.272,4549,0.212,4550,0.805,4551,0.417,4552,0.417,4553,0.417,4554,2.93,4555,0.212,4556,0.212,4557,0.417,4558,0.417,4559,0.417,4560,0.417,4561,0.417,4562,0.212,4563,0.417,4564,0.212,4565,0.212,4566,0.212,4567,0.417,4568,0.212,4569,0.212,4570,0.212,4571,0.212,4572,0.212,4573,0.805,4574,1.509,4575,0.212,4576,0.805,4577,0.212,4578,0.212,4579,0.417,4580,0.614,4581,0.417,4582,1.98,4583,1.98,4584,1.98,4585,0.417,4586,1.98,4587,0.99,4588,0.212,4589,0.212,4590,0.212,4591,0.212,4592,0.212,4593,0.212,4594,0.417,4595,0.212,4596,0.212,4597,0.212,4598,0.212,4599,0.212,4600,0.212,4601,0.212,4602,0.212,4603,0.212,4604,0.212,4605,1.169,4606,0.212,4607,0.212,4608,0.212,4609,0.212,4610,0.212,4611,0.212,4612,0.212,4613,0.212,4614,0.212,4615,0.212,4616,0.212,4617,0.212,4618,0.212,4619,0.212,4620,0.212,4621,0.212,4622,0.212,4623,0.212,4624,0.212,4625,0.212,4626,0.212,4627,0.212,4628,0.212,4629,0.212,4630,0.212,4631,0.212,4632,0.212,4633,0.212,4634,0.212,4635,0.212,4636,0.417,4637,0.212,4638,0.212,4639,0.212,4640,0.212,4641,0.212,4642,0.417,4643,0.212,4644,0.212,4645,0.212,4646,0.212,4647,0.212,4648,0.212,4649,0.212,4650,0.417,4651,0.417,4652,0.417,4653,0.212,4654,0.212,4655,0.212,4656,0.212,4657,0.212,4658,0.212,4659,0.805,4660,0.417,4661,0.212,4662,0.212,4663,0.212,4664,0.99,4665,0.614,4666,0.212,4667,0.212,4668,0.212,4669,0.212,4670,0.212,4671,0.212,4672,0.212,4673,0.417,4674,0.417,4675,0.417,4676,0.417,4677,0.614,4678,0.417,4679,0.417,4680,0.417,4681,0.417,4682,0.212,4683,0.212,4684,0.212,4685,0.212,4686,0.212,4687,0.417,4688,0.212,4689,0.212,4690,0.212,4691,0.212,4692,0.614,4693,0.212,4694,0.212,4695,0.212,4696,0.212,4697,0.417,4698,0.212,4699,0.212,4700,0.212,4701,0.417,4702,0.212,4703,0.212,4704,0.212,4705,0.212,4706,0.212,4707,0.212,4708,0.614,4709,0.212,4710,0.212,4711,0.212,4712,0.417,4713,0.212,4714,0.212,4715,0.212,4716,0.212,4717,0.212,4718,0.212,4719,0.212,4720,0.417,4721,0.212,4722,0.212,4723,0.212,4724,0.212,4725,0.212,4726,0.212,4727,0.417,4728,0.212,4729,0.212,4730,0.212,4731,0.212,4732,0.212,4733,0.212,4734,0.212,4735,0.212,4736,0.212,4737,0.212,4738,0.212,4739,0.212,4740,0.212,4741,0.212,4742,0.417,4743,0.417,4744,0.212,4745,0.212,4746,0.212,4747,0.212,4748,0.212,4749,0.614,4750,0.212,4751,0.212,4752,0.614,4753,0.212,4754,0.212,4755,0.614,4756,0.212,4757,0.212,4758,0.212,4759,0.212,4760,0.212,4761,0.212,4762,0.212,4763,0.212,4764,0.212,4765,0.212,4766,0.212,4767,0.212,4768,0.212,4769,0.212,4770,0.212,4771,0.212,4772,0.212,4773,0.212,4774,0.212,4775,0.212,4776,0.212,4777,0.212,4778,0.212,4779,0.212,4780,0.212,4781,0.212,4782,0.212,4783,0.212,4784,0.212,4785,0.212,4786,0.212,4787,0.212,4788,0.212,4789,0.212,4790,0.212,4791,0.212,4792,0.212,4793,0.212,4794,0.212,4795,0.212,4796,0.212,4797,0.212,4798,0.212,4799,0.212,4800,0.212,4801,0.212,4802,0.212,4803,0.212,4804,0.212,4805,0.212,4806,0.212,4807,0.212,4808,0.212,4809,0.212,4810,0.212,4811,0.212,4812,0.212,4813,0.212,4814,0.212,4815,0.212,4816,0.212,4817,0.212,4818,0.212,4819,0.212,4820,0.212,4821,0.212,4822,0.212,4823,0.212,4824,0.212,4825,0.212,4826,0.212,4827,0.212,4828,0.212,4829,0.212,4830,0.212,4831,0.212,4832,0.614,4833,0.212,4834,0.212,4835,0.212,4836,0.212,4837,0.212,4838,0.212,4839,0.212,4840,0.212,4841,0.212,4842,0.212,4843,0.212,4844,0.212,4845,0.212,4846,0.212,4847,0.212,4848,0.212,4849,0.212,4850,0.212,4851,0.212,4852,0.212,4853,0.212,4854,0.212,4855,0.212,4856,0.212,4857,0.212,4858,0.212,4859,0.212,4860,0.212,4861,0.212,4862,0.212,4863,0.212,4864,0.212,4865,0.212,4866,0.212,4867,0.212,4868,0.212,4869,0.212,4870,0.212,4871,0.212,4872,0.212,4873,0.212,4874,0.212,4875,0.212,4876,0.212,4877,0.212,4878,0.212,4879,0.212,4880,0.212,4881,0.417,4882,0.212,4883,0.212,4884,0.212,4885,0.212,4886,0.212,4887,0.212,4888,0.212,4889,0.212,4890,0.212,4891,0.212,4892,0.212,4893,0.212,4894,0.212,4895,0.212,4896,0.212,4897,0.212,4898,0.212,4899,0.212,4900,0.212,4901,0.212,4902,0.212,4903,0.212,4904,0.212,4905,0.212,4906,0.212,4907,0.212,4908,0.417,4909,0.212,4910,0.212,4911,0.212,4912,0.212,4913,0.212,4914,0.212,4915,0.212,4916,0.212,4917,0.212,4918,0.212,4919,0.212,4920,0.212,4921,0.212,4922,0.212,4923,0.212,4924,0.417,4925,0.212,4926,0.212,4927,0.212,4928,0.212,4929,0.212,4930,0.212,4931,0.212,4932,0.212,4933,0.212,4934,0.212,4935,0.212,4936,0.212,4937,0.212,4938,0.212,4939,0.212,4940,0.212,4941,0.212,4942,0.212,4943,0.212,4944,0.212,4945,0.212,4946,0.417,4947,0.212,4948,0.212,4949,0.212,4950,0.212,4951,0.212,4952,0.212,4953,0.212,4954,0.212,4955,0.212,4956,0.212,4957,0.212,4958,0.212,4959,0.212,4960,0.212,4961,0.212,4962,0.212,4963,0.212,4964,0.212,4965,0.212,4966,0.212,4967,0.212,4968,0.212,4969,0.212,4970,0.212,4971,0.212,4972,0.212,4973,0.212,4974,0.212,4975,0.212,4976,0.212,4977,0.212,4978,0.212,4979,0.417,4980,0.212,4981,0.212,4982,0.417,4983,0.417,4984,0.417,4985,0.212,4986,0.212,4987,0.212,4988,0.212,4989,0.212,4990,0.212,4991,0.614,4992,0.212,4993,0.212,4994,0.212,4995,0.212,4996,0.212,4997,0.212,4998,0.212,4999,0.212,5000,0.212,5001,0.614,5002,0.417,5003,0.212,5004,0.212,5005,0.212,5006,0.212,5007,0.212,5008,0.212,5009,0.212,5010,0.212,5011,0.212,5012,0.212,5013,0.212,5014,0.212,5015,0.212,5016,0.212,5017,0.212,5018,0.212,5019,0.212,5020,0.212,5021,0.212,5022,0.99,5023,0.212,5024,0.212,5025,0.212,5026,0.212,5027,0.417,5028,0.417,5029,0.417,5030,0.212,5031,0.212,5032,0.212,5033,0.212,5034,0.805,5035,0.212,5036,0.212,5037,0.212,5038,0.417,5039,0.212,5040,0.212,5041,0.212,5042,0.212,5043,0.417,5044,0.212,5045,0.417,5046,0.212,5047,0.212,5048,0.212,5049,0.212,5050,0.417,5051,0.417,5052,0.212,5053,0.212,5054,0.212,5055,0.212,5056,0.212,5057,0.212,5058,0.212,5059,0.212,5060,0.212,5061,0.212,5062,0.417,5063,0.212,5064,0.805,5065,0.212,5066,0.212,5067,0.212,5068,0.212,5069,0.212,5070,0.212,5071,0.417,5072,0.212,5073,0.212,5074,0.212,5075,0.614,5076,0.614,5077,0.212,5078,0.212,5079,0.212,5080,0.212,5081,0.212,5082,0.212,5083,0.212,5084,0.212,5085,0.212,5086,0.614,5087,0.614,5088,0.614,5089,0.614,5090,2.411,5091,1.509,5092,0.417,5093,0.212,5094,0.212,5095,0.417,5096,0.417,5097,0.417,5098,0.417,5099,0.212,5100,0.212,5101,0.212,5102,0.212,5103,0.212,5104,0.212,5105,0.212,5106,0.212,5107,0.212,5108,0.212,5109,0.212,5110,0.212,5111,0.212,5112,0.212,5113,1.341,5114,0.99,5115,0.805,5116,0.417,5117,0.212,5118,0.212,5119,0.212,5120,0.212,5121,0.805,5122,0.212,5123,0.212,5124,0.212,5125,0.417,5126,0.212,5127,0.212,5128,0.212,5129,0.212,5130,0.212,5131,0.212,5132,0.212,5133,0.417,5134,0.212,5135,0.212,5136,0.212,5137,0.212,5138,0.212,5139,0.212,5140,0.212,5141,0.212,5142,0.212,5143,0.805,5144,0.212,5145,0.99,5146,0.212,5147,0.417,5148,0.212,5149,0.212,5150,0.212,5151,1.828,5152,0.614,5153,0.614,5154,0.614,5155,0.805,5156,0.805,5157,0.805,5158,1.828,5159,0.614,5160,0.417,5161,0.805,5162,0.212,5163,0.212,5164,0.212,5165,1.98,5166,0.417,5167,0.417,5168,0.417,5169,0.417,5170,0.417,5171,0.417,5172,0.417,5173,0.417,5174,0.417,5175,0.417,5176,0.805,5177,0.417,5178,0.417,5179,0.805,5180,0.417,5181,0.417,5182,3.396,5183,1.509,5184,1.509,5185,0.805,5186,0.805,5187,0.417,5188,0.212,5189,0.212,5190,0.212,5191,0.212,5192,0.212,5193,1.98,5194,1.828,5195,0.417,5196,1.509,5197,0.614,5198,1.828,5199,0.417,5200,0.212,5201,0.417,5202,0.212,5203,0.417,5204,0.212,5205,0.417,5206,0.212,5207,0.417,5208,0.212,5209,1.169,5210,0.212,5211,0.212,5212,0.212,5213,0.212,5214,0.212,5215,0.212,5216,0.212,5217,0.212,5218,0.212,5219,0.212]]],"invertedIndex":[["",{"_index":7,"t":{"2":{"position":[[47,1],[370,1],[715,1],[993,1],[1286,1],[1603,1],[1871,1],[2350,1],[3111,1],[3494,1],[3709,1]]},"4":{"position":[[40,1]]},"6":{"position":[[41,1]]},"8":{"position":[[41,1]]},"10":{"position":[[41,1],[306,1],[325,1],[343,1],[362,1],[388,1],[450,1],[469,1],[487,1],[506,1],[559,1],[585,1]]},"12":{"position":[[41,1]]},"14":{"position":[[41,1]]},"16":{"position":[[40,1]]},"18":{"position":[[38,1]]},"20":{"position":[[41,1]]},"22":{"position":[[37,1]]},"24":{"position":[[37,1]]},"26":{"position":[[38,1]]},"28":{"position":[[39,1]]},"30":{"position":[[39,1]]},"32":{"position":[[41,1]]},"34":{"position":[[42,1]]},"36":{"position":[[42,1]]},"38":{"position":[[41,1]]},"40":{"position":[[40,1]]},"42":{"position":[[41,1]]},"44":{"position":[[42,1]]},"46":{"position":[[42,1]]},"48":{"position":[[42,1]]},"50":{"position":[[42,1]]},"52":{"position":[[42,1]]},"54":{"position":[[41,1]]},"56":{"position":[[41,1]]},"58":{"position":[[42,1]]},"60":{"position":[[41,1]]},"62":{"position":[[41,1]]},"64":{"position":[[42,1]]},"66":{"position":[[42,1]]},"68":{"position":[[38,1]]},"70":{"position":[[39,1],[338,1]]},"72":{"position":[[39,1]]},"74":{"position":[[39,1]]},"76":{"position":[[39,1]]},"78":{"position":[[39,1]]},"80":{"position":[[37,1]]},"82":{"position":[[38,1]]},"84":{"position":[[38,1]]},"86":{"position":[[37,1]]},"88":{"position":[[38,1]]},"90":{"position":[[37,1]]},"92":{"position":[[37,1]]},"94":{"position":[[37,1]]},"96":{"position":[[38,1]]},"98":{"position":[[37,1]]},"100":{"position":[[41,1]]},"102":{"position":[[41,1]]},"104":{"position":[[44,1]]},"106":{"position":[[42,1]]},"108":{"position":[[43,1]]},"110":{"position":[[42,1]]},"112":{"position":[[42,1]]},"114":{"position":[[41,1],[727,1]]},"116":{"position":[[42,1]]},"118":{"position":[[36,1],[515,1]]},"120":{"position":[[39,1],[379,1]]},"122":{"position":[[39,1],[333,1]]},"124":{"position":[[47,1],[840,1]]},"126":{"position":[[39,1]]},"128":{"position":[[47,1],[658,1]]},"132":{"position":[[43,1],[317,1],[601,1],[1030,1],[1278,1],[1568,1],[1853,1],[2105,1],[2324,1],[2544,1]]},"134":{"position":[[38,1],[376,1],[634,1],[933,1],[1187,1],[1621,1],[1866,1],[2114,1],[2384,1],[2718,1]]},"136":{"position":[[38,1],[385,1],[633,1],[882,1],[1131,1],[1580,1],[1890,1],[2159,1],[2448,1],[2707,1]]},"138":{"position":[[42,1],[448,1],[761,1],[1101,1],[1416,1],[1678,1],[1949,1],[2223,1],[2421,1],[2625,1]]},"140":{"position":[[39,1],[223,1],[420,1],[615,1],[813,1],[1014,1],[1244,1],[1446,1],[1675,1],[1845,1]]},"144":{"position":[[40,1],[231,1],[425,1]]},"146":{"position":[[84,1]]},"148":{"position":[[91,1],[476,1],[901,1],[1335,1],[1607,1],[2057,1],[2346,1],[2620,1],[2818,1]]},"150":{"position":[[84,1],[464,1]]},"152":{"position":[[85,1]]},"154":{"position":[[91,1],[414,1],[759,1],[1037,1],[1330,1],[1647,1],[1921,1],[2304,1],[2519,1],[2804,1]]},"156":{"position":[[93,1],[440,1],[721,1]]},"158":{"position":[[98,1]]},"160":{"position":[[94,1]]},"162":{"position":[[95,1],[354,1],[683,1],[1089,1],[1402,1]]},"164":{"position":[[100,1],[506,1]]},"166":{"position":[[91,1]]},"168":{"position":[[101,1]]},"170":{"position":[[92,1],[498,1]]},"172":{"position":[[90,1],[339,1],[588,1]]},"174":{"position":[[99,1]]},"176":{"position":[[97,1]]},"178":{"position":[[98,1]]},"180":{"position":[[99,1]]},"182":{"position":[[100,1]]},"184":{"position":[[92,1]]},"186":{"position":[[93,1]]},"188":{"position":[[99,1]]},"190":{"position":[[95,1]]},"192":{"position":[[96,1]]},"194":{"position":[[94,1]]},"196":{"position":[[94,1]]},"198":{"position":[[93,1],[499,1]]},"200":{"position":[[96,1]]},"202":{"position":[[93,1],[499,1]]},"204":{"position":[[103,1]]},"206":{"position":[[91,1]]},"208":{"position":[[98,1]]},"210":{"position":[[95,1]]},"212":{"position":[[92,1]]},"214":{"position":[[92,1],[339,1]]},"216":{"position":[[82,1],[340,1],[639,1],[893,1],[1327,1],[1572,1],[1820,1],[2090,1],[2424,1],[2837,1]]},"218":{"position":[[86,1],[370,1],[799,1],[1047,1],[1337,1],[1622,1],[1874,1],[2093,1],[2313,1],[2620,1]]},"220":{"position":[[86,1],[399,1]]},"222":{"position":[[86,1],[334,1],[583,1],[832,1],[1281,1],[1591,1],[1860,1],[2149,1],[2408,1],[2737,1]]},"224":{"position":[[99,1],[524,1],[958,1],[1231,1]]},"226":{"position":[[92,1]]},"228":{"position":[[100,1],[423,1],[768,1],[1046,1],[1339,1],[1656,1],[1930,1],[2313,1],[2528,1],[2813,1]]},"230":{"position":[[88,1]]},"232":{"position":[[112,1]]},"234":{"position":[[91,1],[349,1],[648,1],[902,1],[1336,1],[1581,1],[1829,1],[2099,1],[2433,1],[2846,1]]},"236":{"position":[[95,1],[343,1],[592,1],[841,1],[1290,1],[1600,1],[1869,1],[2158,1],[2417,1],[2746,1]]},"238":{"position":[[95,1],[408,1],[748,1],[1063,1],[1325,1],[1596,1],[1870,1],[2068,1],[2272,1],[2476,1]]},"240":{"position":[[95,1],[379,1],[808,1],[1056,1],[1346,1],[1631,1],[1883,1],[2102,1],[2322,1],[2629,1]]},"242":{"position":[[94,1],[288,1]]},"244":{"position":[[90,1],[287,1],[482,1],[680,1],[881,1],[1111,1],[1313,1],[1542,1],[1712,1],[1947,1]]},"246":{"position":[[91,1]]},"248":{"position":[[87,1],[388,1]]},"250":{"position":[[89,1],[334,1],[603,1]]},"252":{"position":[[93,1]]},"254":{"position":[[101,1]]},"256":{"position":[[91,1]]},"258":{"position":[[97,1]]},"260":{"position":[[93,1],[527,1],[778,1]]},"262":{"position":[[87,1]]},"264":{"position":[[91,1]]},"266":{"position":[[90,1],[389,1],[823,1],[1236,1]]},"268":{"position":[[94,1]]},"270":{"position":[[92,1],[505,1]]},"272":{"position":[[89,1],[337,1],[627,1],[912,1],[1132,1],[1390,1],[1689,1],[1943,1],[2377,1],[2622,1]]},"274":{"position":[[90,1],[339,1],[588,1]]},"276":{"position":[[89,1],[367,1]]},"278":{"position":[[92,1]]},"280":{"position":[[92,1],[345,1]]},"282":{"position":[[92,1],[518,1],[803,1],[1055,1],[1276,1],[1615,1],[2028,1],[2374,1]]},"284":{"position":[[89,1],[523,1],[936,1]]},"286":{"position":[[94,1],[523,1]]},"288":{"position":[[90,1]]},"290":{"position":[[86,1],[523,1]]},"292":{"position":[[86,1]]},"294":{"position":[[92,1]]},"296":{"position":[[87,1]]},"298":{"position":[[93,1]]},"300":{"position":[[90,1],[375,1],[809,1]]},"302":{"position":[[87,1],[429,1]]},"304":{"position":[[86,1]]},"306":{"position":[[94,1],[519,1]]},"308":{"position":[[87,1],[380,1],[697,1],[971,1],[1354,1],[1569,1],[1854,1],[2128,1],[2412,1],[2841,1]]},"310":{"position":[[94,1],[417,1],[762,1],[1040,1],[1333,1],[1650,1],[1924,1],[2307,1],[2522,1],[2807,1]]},"312":{"position":[[89,1],[538,1]]},"314":{"position":[[89,1],[373,1],[802,1],[1050,1],[1340,1],[1625,1],[1877,1],[2096,1],[2316,1],[2623,1]]},"316":{"position":[[85,1],[519,1],[764,1],[1012,1],[1282,1],[1616,1],[2029,1],[2376,1],[2624,1],[2873,1]]},"318":{"position":[[85,1]]},"320":{"position":[[85,1],[343,1],[642,1],[896,1],[1330,1],[1575,1],[1823,1],[2093,1],[2427,1],[2840,1]]},"322":{"position":[[89,1],[337,1],[586,1],[835,1],[1284,1]]},"324":{"position":[[92,1]]},"326":{"position":[[87,1]]},"328":{"position":[[83,1],[328,1],[597,1]]},"330":{"position":[[90,1],[438,1],[708,1],[1009,1],[1343,1]]},"332":{"position":[[89,1],[379,1],[664,1],[916,1],[1135,1],[1355,1],[1662,1],[2000,1],[2258,1],[2557,1]]},"334":{"position":[[90,1],[407,1],[692,1]]},"336":{"position":[[91,1],[436,1],[753,1],[1027,1]]},"338":{"position":[[85,1]]},"340":{"position":[[89,1]]},"342":{"position":[[89,1],[367,1],[665,1]]},"344":{"position":[[93,1]]},"346":{"position":[[89,1],[401,1],[835,1]]},"348":{"position":[[91,1]]},"350":{"position":[[85,1]]},"352":{"position":[[80,1]]},"354":{"position":[[84,1],[383,1],[817,1],[1230,1]]},"356":{"position":[[86,1],[499,1]]},"358":{"position":[[85,1]]},"360":{"position":[[83,1],[465,1],[750,1],[1024,1],[1308,1],[1738,1],[1936,1]]},"362":{"position":[[92,1],[440,1]]},"364":{"position":[[81,1],[286,1]]},"366":{"position":[[79,1],[299,1],[557,1],[856,1],[1110,1],[1544,1],[1789,1],[2206,1],[2455,1],[2705,1]]},"368":{"position":[[89,1],[412,1],[757,1],[1035,1],[1352,1],[1734,1],[2019,1],[2292,1],[2540,1],[2830,1]]},"370":{"position":[[84,1]]},"372":{"position":[[80,1],[384,1]]},"374":{"position":[[90,1]]},"376":{"position":[[83,1],[361,1]]},"378":{"position":[[85,1]]},"380":{"position":[[92,1]]},"382":{"position":[[87,1]]},"384":{"position":[[89,1]]},"386":{"position":[[87,1],[399,1]]},"388":{"position":[[84,1],[390,1],[590,1]]},"390":{"position":[[90,1],[437,1],[722,1],[998,1],[1424,1],[1709,1],[1961,1],[2182,1],[2521,1],[2934,1]]},"392":{"position":[[88,1]]},"394":{"position":[[93,1],[518,1],[771,1]]},"396":{"position":[[99,1]]},"398":{"position":[[83,1],[517,1],[930,1],[1272,1],[1472,1]]},"400":{"position":[[85,1],[378,1],[695,1],[1078,1]]},"402":{"position":[[88,1]]},"404":{"position":[[86,1],[281,1],[479,1]]},"406":{"position":[[83,1],[344,1]]},"408":{"position":[[91,1]]},"410":{"position":[[92,1]]},"412":{"position":[[86,1],[403,1]]},"414":{"position":[[90,1],[435,1]]},"416":{"position":[[91,1],[414,1],[764,1],[1193,1]]},"418":{"position":[[89,1]]},"420":{"position":[[87,1]]},"422":{"position":[[92,1],[415,1],[760,1]]},"424":{"position":[[86,1],[355,1]]},"426":{"position":[[88,1]]},"428":{"position":[[80,1],[376,1],[755,1]]},"430":{"position":[[87,1]]},"432":{"position":[[83,1],[362,1]]},"434":{"position":[[84,1],[369,1],[803,1]]},"436":{"position":[[81,1],[423,1],[670,1],[985,1]]},"438":{"position":[[87,1]]},"440":{"position":[[85,1]]},"442":{"position":[[83,1],[402,1],[827,1]]},"444":{"position":[[85,1]]},"446":{"position":[[84,1]]},"448":{"position":[[85,1]]},"450":{"position":[[85,1]]},"452":{"position":[[85,1]]},"454":{"position":[[85,1]]},"456":{"position":[[84,1]]},"458":{"position":[[82,1]]},"460":{"position":[[82,1]]},"462":{"position":[[81,1]]},"464":{"position":[[81,1]]},"466":{"position":[[83,1]]},"468":{"position":[[85,1]]},"470":{"position":[[83,1]]},"472":{"position":[[86,1]]},"474":{"position":[[85,1]]},"476":{"position":[[85,1]]},"478":{"position":[[86,1]]},"480":{"position":[[86,1]]},"482":{"position":[[86,1]]},"484":{"position":[[86,1]]},"486":{"position":[[86,1]]},"488":{"position":[[86,1]]},"490":{"position":[[89,1]]},"492":{"position":[[88,1]]},"494":{"position":[[87,1]]},"496":{"position":[[87,1]]},"498":{"position":[[86,1]]},"500":{"position":[[86,1]]},"502":{"position":[[87,1]]},"504":{"position":[[86,1]]},"506":{"position":[[86,1]]},"508":{"position":[[85,1]]},"510":{"position":[[85,1]]},"512":{"position":[[85,1]]},"514":{"position":[[86,1]]},"516":{"position":[[85,1]]},"518":{"position":[[86,1]]},"520":{"position":[[82,1]]},"522":{"position":[[83,1]]},"524":{"position":[[83,1]]},"526":{"position":[[83,1]]},"528":{"position":[[83,1]]},"530":{"position":[[83,1]]},"532":{"position":[[81,1]]},"534":{"position":[[81,1]]},"536":{"position":[[82,1]]},"538":{"position":[[82,1]]},"540":{"position":[[82,1]]},"542":{"position":[[81,1]]},"544":{"position":[[81,1]]},"546":{"position":[[81,1]]},"548":{"position":[[86,1]]},"550":{"position":[[81,1]]},"552":{"position":[[83,1]]},"554":{"position":[[82,1]]},"556":{"position":[[83,1]]},"558":{"position":[[83,1]]},"560":{"position":[[294,2],[456,1],[497,1],[509,1],[550,1],[562,1],[604,1],[616,1],[643,1],[670,1],[685,4],[690,2],[718,1],[748,1],[755,1],[757,2],[770,1],[797,1],[824,1],[839,4],[844,2],[872,1],[896,2],[924,1],[954,1],[961,1],[963,2],[966,1],[968,1],[1212,5],[1263,1],[1304,1],[1316,1],[1358,1],[1370,1],[1397,1],[1424,1],[1439,4],[1444,2],[1472,1],[1496,2],[1524,1],[1554,1],[1561,1],[1563,2],[1566,1],[1568,1],[1996,1],[2037,1],[2049,1],[2091,1],[2103,1],[2130,1],[2157,1],[2172,4],[2177,2],[2205,1],[2229,2],[2257,1],[2287,1],[2294,1],[2296,2],[2299,1],[2301,1]]},"562":{"position":[[90,1],[413,1]]},"564":{"position":[[277,2],[3453,1],[3507,2],[3544,1]]},"566":{"position":[[242,2],[3068,1],[3556,1],[4045,1],[4531,1],[5016,1],[5526,1],[6033,1],[6541,1],[7046,1],[7550,1]]},"568":{"position":[[334,2],[2008,2],[4216,2],[4839,2],[5463,2],[11517,1],[16682,1],[16713,1],[16774,2],[16875,2],[16978,2],[17084,2],[17194,2],[17299,2],[17398,2],[17499,2],[17602,2],[17708,2],[17818,2],[17923,2],[17973,1],[17995,1],[20216,1],[20247,1],[20301,2],[20387,2],[20431,1],[22429,1],[22460,1],[22507,1],[22519,1],[22521,1],[22586,1],[22752,1],[22805,1],[22971,1],[23025,1],[23192,1],[23246,1],[23413,1],[23415,1],[23652,1],[23691,1]]},"572":{"position":[[212,2],[2158,1],[3799,2],[3936,2]]},"574":{"position":[[388,2],[5209,2],[5255,1],[5276,1],[5299,1],[5301,3],[5331,1],[5347,1],[5373,1],[5405,1],[5407,1],[7034,2],[7112,2],[7526,2],[7529,2],[7573,1],[7635,1],[7707,2],[7746,1],[7748,1],[8815,1],[8837,1],[8884,2],[8892,1],[8940,1],[9112,1],[9148,1],[9150,1],[9327,1],[9370,1],[9372,1],[9460,2],[9552,1],[9633,1],[9677,1],[9679,1]]},"576":{"position":[[246,2],[2200,1],[2221,1],[2271,2],[2341,2],[2413,2],[2447,1],[3169,1],[3190,1],[3240,2],[3310,2],[3382,2],[3416,1],[4412,1],[4427,1],[4442,1],[4463,1],[4497,1],[4557,2],[4627,2],[4699,2],[4771,2],[4881,2],[4990,2],[5100,2],[5201,2],[5213,1],[5235,1]]},"578":{"position":[[294,1],[441,1],[553,1],[603,1],[1614,2],[1718,1],[1793,1],[1812,1],[2021,1],[2023,2],[2038,1],[2045,1],[2047,2],[2062,1],[2064,1],[2066,1],[2542,2],[2644,1],[2711,1],[2723,1],[2766,1],[2783,1],[2871,1],[3000,1],[3002,2],[3037,2],[3165,1],[3260,1],[3262,1],[3694,1],[3757,1],[3769,1],[3811,1],[3813,2],[3864,1],[3879,1],[3891,1],[3912,1],[3922,2],[3947,1],[3949,1],[4110,2],[4217,1],[4296,1],[4310,1],[4337,1],[4353,1],[4376,1],[4412,1],[4438,1],[4459,2],[4479,1],[4624,1],[4626,2],[4641,1],[4648,1],[4650,2],[4665,1],[4667,1],[4669,1],[5005,2],[5057,2],[5182,2],[5307,2],[5400,1],[5490,1],[5504,1],[5531,1],[5538,1],[5545,2],[5565,1],[5710,1],[5712,2],[5727,1],[5734,1],[5736,2],[5751,1],[5753,1],[5755,1],[5988,2],[6093,1],[6162,1],[6181,1],[6282,1],[6284,2],[6299,1],[6306,1],[6308,2],[6323,1],[6325,1],[6327,1],[6480,2],[6585,1],[6654,1],[6668,1],[6695,1],[6710,1],[6717,2],[6737,1],[6870,1],[6872,2],[6887,1],[6894,1],[6896,2],[6911,1],[6913,1],[6915,1],[7084,2],[7209,1],[7278,1],[7292,1],[7319,1],[7342,1],[7349,2],[7369,1],[7514,1],[7516,2],[7531,1],[7538,1],[7540,2],[7555,1],[7557,1],[7559,1],[7712,2],[7797,1],[7850,1],[7919,1],[7933,1],[7960,1],[7975,1],[8004,1],[8011,2],[8031,1],[8163,1],[8165,2],[8180,1],[8187,1],[8189,2],[8204,1],[8206,1],[8208,1],[8371,1],[8437,2],[8542,1],[8573,1],[8622,1],[8641,1],[8771,1],[8792,1],[8800,1],[8802,2],[8823,1],[8825,2],[8841,1],[8848,1],[8850,2],[8866,1],[8868,1],[8870,1]]},"580":{"position":[[465,2],[802,2],[983,2],[1163,2],[1344,2],[1597,2],[2033,2],[2289,2],[2469,2],[3995,2],[4766,2],[5418,2],[10934,2],[11310,2],[11637,2],[12207,2],[12604,2],[12952,2]]},"582":{"position":[[2910,2],[2913,2],[2916,1],[3003,3],[3054,1],[3125,1],[3157,1],[3199,1],[3231,1],[3233,1],[3669,2],[3780,1],[3810,1],[3890,1],[3907,1],[4080,1],[4082,1],[4515,1],[4543,1],[4589,1],[4601,1],[4643,1],[4645,2],[4696,1],[4711,1],[4723,1],[4744,1],[4754,2],[4779,1],[4781,1],[5348,2],[5530,1],[5560,1],[5640,1],[5657,1],[5932,1],[5979,2],[5990,1],[6038,1],[6617,1],[6645,1],[6691,1],[6703,1],[6770,1],[6782,1],[6824,1],[6826,2],[6877,1],[6892,1],[6904,1],[6924,1],[6934,2],[6959,1],[6961,1],[7264,1],[7337,1],[7369,1],[7371,1],[11323,2],[11494,1],[11567,1],[11599,1],[11601,1],[15564,2],[15741,1],[15814,1],[15846,1],[15848,1],[19705,2],[19882,1],[19955,1],[19987,1],[19989,1],[20692,1],[20765,1],[20797,1],[20841,1],[20873,1],[20920,1],[20940,2],[20943,1],[20982,3],[20986,1],[21031,1],[21051,2],[21054,1],[21091,3],[21095,1],[21141,1],[21161,2],[21164,1],[21202,3],[21206,1],[21252,1],[21272,2],[21275,1],[21313,3],[21317,1],[21319,1]]},"584":{"position":[[84,1]]},"586":{"position":[[395,2],[928,2],[974,2],[1020,2],[1066,2],[1244,2],[1273,2],[1309,2],[1486,2],[1566,2],[1648,2],[1728,2],[1807,2],[1887,2],[1964,2],[2042,2],[2119,2],[2320,2],[2396,2],[2472,2],[2553,2],[2836,2],[2912,2],[2988,2],[3069,2],[3100,2],[3107,2],[3215,2],[3291,2],[3367,2],[3448,2]]},"588":{"position":[[1920,1],[3937,1],[3998,1],[4026,1],[4066,1],[4094,1],[4096,1],[4455,2],[4561,1],[4583,1],[4658,1],[4675,1],[4844,1],[4846,1],[5279,1],[5342,1],[5354,1],[5396,1],[5398,2],[5449,1],[5464,1],[5476,1],[5497,1],[5507,2],[5532,1],[5534,1],[6109,2],[6250,1],[6272,1],[6347,1],[6364,1],[6635,1],[6682,2],[6693,1],[6734,1],[7313,1],[7376,1],[7388,1],[7455,1],[7467,1],[7509,1],[7511,2],[7562,1],[7577,1],[7589,1],[7609,1],[7619,2],[7644,1],[7646,1],[8430,1],[8491,1],[8519,1],[8559,1],[8587,1],[8589,1],[9608,1],[9669,1],[9697,1],[9737,1],[9765,1],[9767,1],[10294,1],[10355,1],[10383,1],[10423,1],[10451,1],[10453,1],[11384,1],[11445,1],[11473,1],[11513,1],[11541,1],[11543,1],[12091,2],[12192,2],[12287,2],[12339,1],[12410,1],[13296,2],[13389,2],[13493,2],[13597,2],[13701,2],[13805,2],[13868,1],[14007,1],[14666,1],[14730,1],[14750,2],[14753,1],[14792,3],[14796,1],[14837,1],[14857,2],[14860,1],[14896,3],[14900,1],[14942,1],[14962,2],[14965,1],[15003,3],[15007,1],[15049,1],[15069,2],[15072,1],[15108,3],[15112,1],[15161,1],[15181,2],[15184,1],[15230,3],[15234,1],[15236,1]]},"590":{"position":[[1814,2],[1845,2],[1876,2],[1907,2],[1939,2],[2206,2],[2301,2],[2353,2],[2405,2],[2628,2],[2679,2],[2758,2],[2835,2],[2915,2],[2992,2],[3126,2],[3188,1],[3212,1],[3274,1],[3294,2],[3297,1],[3317,1],[3334,3],[3338,1],[3340,1]]},"592":{"position":[[494,2],[728,1],[811,1],[853,1],[1063,1],[1065,1],[1067,3],[1103,3],[1107,1],[1109,1],[1145,2],[1286,1],[1337,1],[1349,1],[1379,1],[1385,1],[1410,2],[1455,1],[1463,1],[1465,2],[1485,1],[1495,1],[1520,1],[1522,1],[1524,1],[1767,1],[1818,1],[1830,1],[1874,1],[1960,2],[2007,1],[2050,1],[2135,2],[2182,1],[2184,1],[2466,2],[2469,2],[2597,2],[2600,2],[2730,2],[2733,2],[2858,2],[2861,2],[2985,2],[2988,2],[3111,2],[3114,2],[3232,2],[3235,2],[3354,2],[3357,2],[3431,1],[3482,1],[3494,1],[3559,1],[3620,2],[3667,1],[3669,1]]},"594":{"position":[[345,2],[930,2],[1456,1],[1503,2],[1514,1],[1595,2],[1606,1],[1622,1]]},"596":{"position":[[308,2],[1205,2],[1280,2],[1373,2],[1466,2],[1586,2],[1715,2],[1808,2],[1862,2],[1919,2],[1975,2],[2187,2],[2408,2],[2847,1],[2909,1],[2994,1],[3031,1],[3122,1],[3156,1],[3235,1],[3237,1],[3420,2],[3494,2],[3557,2],[3632,2],[3891,2],[3981,2],[4074,2],[4166,2],[4259,2],[4354,2],[4444,2],[4673,2],[4786,2],[4930,2],[5074,2],[5220,2],[5366,2],[5515,2],[5661,2],[5726,1],[5796,2],[5828,1],[6027,2],[6081,2],[6138,2],[6194,2],[6426,2],[6544,2],[6665,2],[6785,2],[6906,2],[7029,2],[7148,2],[7468,2],[7597,2],[7729,2],[7860,2],[7992,2],[8126,2],[8256,2]]},"598":{"position":[[228,2],[526,2],[946,2],[1132,2],[1386,2],[3745,2],[3756,1],[4044,2],[4066,2],[4080,1],[4251,2],[4395,2],[4464,1],[4486,2],[4496,1],[4508,1],[4538,1],[4928,2],[4944,1],[5383,2],[5394,1],[5774,2],[5789,1],[6563,1],[6650,1],[6671,1],[6684,1],[6686,1],[6886,2],[6897,1],[7198,2],[7220,2],[7234,1],[7385,2],[7510,2],[7579,1],[7617,2],[7627,1],[7639,1],[7669,1],[8013,2],[8029,1],[8450,2],[8461,1],[8810,2],[8825,1],[9540,1],[9627,1],[9648,1],[9661,1],[9663,1]]},"600":{"position":[[439,2],[670,2],[1172,2],[1687,2],[1891,2],[1900,1],[2039,1],[2072,1],[2170,1],[2215,1],[2226,1],[2246,1],[2260,1],[2265,1],[2277,1],[2308,1],[2339,1],[2373,1],[2378,1],[2394,1],[2430,1],[2442,2],[2457,1],[2462,1],[2474,1],[2495,1],[2525,1],[2563,1],[2568,1],[2584,1],[2625,1],[2640,2],[2655,1],[2660,1],[2672,1],[2694,1],[2727,1],[2766,1],[2771,1],[2783,1],[2809,1],[2839,1],[2882,1],[2887,1],[2903,1],[2931,1],[2973,1],[2978,1],[2992,1],[3016,1],[3038,1],[3081,1],[3086,1],[3100,1],[3133,1],[3155,1],[3196,1],[3201,1],[3217,1],[3245,1],[3255,2],[3270,1],[3275,1],[3287,1],[3315,1],[3348,1],[3394,1],[3399,1],[3412,1],[3442,1],[3474,1],[3521,1],[3526,1],[3539,1],[3567,1],[3596,1],[3641,1],[3646,1],[3659,1],[3681,1],[3707,1],[3734,2],[3754,1],[3756,1],[3990,2],[3999,1],[4138,1],[4171,1],[4269,1],[4314,1],[4325,1],[4345,1],[4359,1],[4364,1],[4376,1],[4407,1],[4438,1],[4472,1],[4477,1],[4493,1],[4529,1],[4541,2],[4556,1],[4561,1],[4573,1],[4594,1],[4624,1],[4662,1],[4667,1],[4683,1],[4724,1],[4739,2],[4754,1],[4759,1],[4771,1],[4793,1],[4826,1],[4865,1],[4870,1],[4882,1],[4908,1],[4938,1],[4981,1],[4986,1],[5002,1],[5030,1],[5072,1],[5077,1],[5091,1],[5126,1],[5148,1],[5191,1],[5196,1],[5214,1],[5236,1],[5277,1],[5282,1],[5298,1],[5322,1],[5344,1],[5392,1],[5397,1],[5413,1],[5435,1],[5472,1],[5477,1],[5491,1],[5513,1],[5535,1],[5578,1],[5583,1],[5601,1],[5623,1],[5664,1],[5669,1],[5685,1],[5707,1],[5729,1],[5771,1],[5776,1],[5792,1],[5820,1],[5830,2],[5845,1],[5850,1],[5863,1],[5891,1],[5924,1],[5970,1],[5975,1],[5988,1],[6018,1],[6050,1],[6097,1],[6102,1],[6115,1],[6143,1],[6172,1],[6217,1],[6222,1],[6235,1],[6257,1],[6283,1],[6310,2],[6330,1],[6332,1],[6635,2],[6890,1],[7029,1],[7062,1],[7160,1],[7205,1],[7216,1],[7236,1],[7250,1],[7255,1],[7267,1],[7298,1],[7329,1],[7363,1],[7368,1],[7384,1],[7420,1],[7443,1],[7463,2],[7478,1],[7483,1],[7495,1],[7516,1],[7546,1],[7584,1],[7589,1],[7605,1],[7646,1],[7672,1],[7692,2],[7707,1],[7712,1],[7724,1],[7746,1],[7779,1],[7818,1],[7823,1],[7835,1],[7861,1],[7891,1],[7934,1],[7939,1],[7955,1],[7983,1],[8025,1],[8030,1],[8044,1],[8079,1],[8101,1],[8144,1],[8149,1],[8167,1],[8189,1],[8230,1],[8235,1],[8251,1],[8275,1],[8297,1],[8345,1],[8350,1],[8366,1],[8388,1],[8422,1],[8441,2],[8456,1],[8461,1],[8475,1],[8497,1],[8519,1],[8562,1],[8567,1],[8585,1],[8607,1],[8648,1],[8653,1],[8669,1],[8691,1],[8713,1],[8755,1],[8760,1],[8776,1],[8804,1],[8825,1],[8845,2],[8860,1],[8865,1],[8878,1],[8906,1],[8939,1],[8985,1],[8990,1],[9003,1],[9033,1],[9065,1],[9112,1],[9117,1],[9130,1],[9158,1],[9187,1],[9232,1],[9237,1],[9250,1],[9272,1],[9298,1],[9325,2],[9345,1],[9347,1],[9629,2],[9884,1],[10023,1],[10056,1],[10154,1],[10199,1],[10210,1],[10230,1],[10244,1],[10249,1],[10261,1],[10292,1],[10323,1],[10357,1],[10362,1],[10378,1],[10414,1],[10437,1],[10457,2],[10472,1],[10477,1],[10489,1],[10510,1],[10540,1],[10578,1],[10583,1],[10599,1],[10640,1],[10666,1],[10686,2],[10701,1],[10706,1],[10718,1],[10740,1],[10773,1],[10812,1],[10817,1],[10829,1],[10855,1],[10885,1],[10928,1],[10933,1],[10949,1],[10977,1],[11019,1],[11024,1],[11038,1],[11073,1],[11095,1],[11138,1],[11143,1],[11161,1],[11183,1],[11224,1],[11229,1],[11245,1],[11269,1],[11291,1],[11339,1],[11344,1],[11360,1],[11382,1],[11416,1],[11435,2],[11450,1],[11455,1],[11469,1],[11491,1],[11513,1],[11556,1],[11561,1],[11579,1],[11601,1],[11642,1],[11647,1],[11663,1],[11685,1],[11707,1],[11749,1],[11754,1],[11770,1],[11798,1],[11819,1],[11839,2],[11854,1],[11859,1],[11872,1],[11900,1],[11933,1],[11979,1],[11984,1],[11997,1],[12027,1],[12059,1],[12106,1],[12111,1],[12124,1],[12152,1],[12181,1],[12226,1],[12231,1],[12244,1],[12266,1],[12292,1],[12319,2],[12339,1],[12341,1],[12627,2],[12882,1],[13021,1],[13054,1],[13152,1],[13197,1],[13208,1],[13228,1],[13242,1],[13247,1],[13259,1],[13290,1],[13321,1],[13355,1],[13360,1],[13376,1],[13412,1],[13435,1],[13455,2],[13470,1],[13475,1],[13487,1],[13508,1],[13538,1],[13576,1],[13581,1],[13597,1],[13638,1],[13664,1],[13684,2],[13699,1],[13704,1],[13716,1],[13738,1],[13771,1],[13810,1],[13815,1],[13827,1],[13853,1],[13883,1],[13926,1],[13931,1],[13947,1],[13975,1],[14017,1],[14022,1],[14036,1],[14071,1],[14093,1],[14136,1],[14141,1],[14159,1],[14181,1],[14222,1],[14227,1],[14243,1],[14267,1],[14289,1],[14337,1],[14342,1],[14358,1],[14380,1],[14414,1],[14433,2],[14448,1],[14453,1],[14467,1],[14489,1],[14511,1],[14554,1],[14559,1],[14577,1],[14599,1],[14640,1],[14645,1],[14661,1],[14683,1],[14705,1],[14747,1],[14752,1],[14768,1],[14796,1],[14817,1],[14837,2],[14852,1],[14857,1],[14870,1],[14898,1],[14931,1],[14977,1],[14982,1],[14995,1],[15025,1],[15057,1],[15104,1],[15109,1],[15122,1],[15150,1],[15179,1],[15224,1],[15229,1],[15242,1],[15264,1],[15290,1],[15317,2],[15337,1],[15339,1],[15605,2],[15614,1],[15753,1],[15786,1],[15884,1],[15929,1],[15940,1],[15960,1],[15974,1],[15979,1],[15991,1],[16022,1],[16053,1],[16087,1],[16092,1],[16108,1],[16144,1],[16156,2],[16171,1],[16176,1],[16188,1],[16209,1],[16239,1],[16277,1],[16282,1],[16298,1],[16339,1],[16354,2],[16369,1],[16374,1],[16386,1],[16408,1],[16441,1],[16480,1],[16485,1],[16497,1],[16523,1],[16553,1],[16596,1],[16601,1],[16617,1],[16645,1],[16687,1],[16692,1],[16706,1],[16730,1],[16752,1],[16795,1],[16800,1],[16814,1],[16847,1],[16869,1],[16910,1],[16915,1],[16931,1],[16959,1],[16969,2],[16984,1],[16989,1],[17001,1],[17029,1],[17062,1],[17108,1],[17113,1],[17126,1],[17156,1],[17188,1],[17235,1],[17240,1],[17253,1],[17281,1],[17310,1],[17355,1],[17360,1],[17373,1],[17395,1],[17421,1],[17448,2],[17468,1],[17470,1]]},"602":{"position":[[599,2],[2476,1],[2510,1],[2544,2],[2653,1],[2670,1],[2751,1],[2847,1],[2895,1],[3714,1],[3752,1],[3786,2],[3869,1],[3903,2],[4013,1],[4030,1],[4119,1],[4227,1],[4292,1],[4309,1],[4398,1],[4506,1],[4571,1],[4573,2],[4625,1],[4657,2],[4737,2],[4837,1],[4902,1],[4904,2],[4956,1],[4988,2],[5068,2],[5168,1],[5216,1],[6088,1],[6126,1],[6161,2],[6244,1],[6279,2],[6362,1],[6397,2],[6507,1],[6524,1],[6613,1],[6721,1],[6786,1],[6803,1],[6892,1],[7000,1],[7065,1],[7082,1],[7171,1],[7279,1],[7343,1],[7360,1],[7372,2],[7427,2],[7447,1],[7506,2],[7526,1],[7568,1],[7600,2],[7647,2],[7730,2],[7836,2],[7896,2],[7990,2],[8114,1],[8162,1],[8938,1],[8976,1],[9011,2],[9094,1],[9129,2],[9239,1],[9256,1],[9345,1],[9453,1],[9518,1],[9535,1],[9624,1],[9732,1],[9797,1],[9799,2],[9851,1],[9893,1],[9905,3],[9909,2],[9990,1],[10055,1],[10057,2],[10109,1],[10151,1],[10163,1],[10165,2],[10168,2],[10249,1],[10297,1],[10587,1],[10617,1],[10651,2],[10667,1],[10672,1],[10682,1],[10731,1],[10747,1],[10759,1],[10781,1],[10793,1],[10795,1],[10797,1],[11330,1],[11364,1],[11398,2],[11507,1],[11524,1],[11605,1],[11701,1],[11749,1],[11974,2],[11984,2],[12143,1],[12177,1],[12211,2],[12320,1],[12337,1],[12418,1],[12514,1],[12562,1],[12989,1],[13013,1],[13054,1],[13098,1],[13110,1],[13152,1],[13186,2],[13243,1],[13285,1],[13349,1],[13366,1],[13447,1],[13543,1],[13591,1],[13744,1],[13774,1],[13829,1]]},"604":{"position":[[796,2],[1052,2],[1095,2],[1136,2],[1176,2],[1217,2],[1255,2],[1294,2],[1332,2],[1551,2],[1618,2],[1683,2],[1747,2],[1812,2],[1874,2],[1937,2],[1999,2],[2192,2],[2272,2],[2350,2],[2427,2],[2505,2],[2580,2],[2656,2],[2731,2],[2815,2],[2929,2],[3076,2],[3185,2],[3283,2],[3374,2],[3412,2],[3475,2],[3543,2],[3604,2],[3640,2],[3701,2],[3767,2],[3870,2],[3950,2],[4053,2],[4160,2],[4281,2],[4542,1],[4565,1],[4593,2],[4604,1],[4633,2],[4644,1],[4652,1]]},"606":{"position":[[833,2],[1515,2],[1635,2],[2009,2],[2061,2],[2170,2],[2281,2],[2387,2],[2492,2],[2596,2],[2694,2],[2752,1],[2782,1],[2856,2],[2965,2],[2985,1],[2992,1],[3011,1],[3042,1],[3071,1],[3141,2],[3144,1],[3452,2],[3504,2],[3613,2],[3724,2],[3830,2],[3935,2],[4039,2],[4138,2],[4238,2],[4296,1],[4326,1],[4400,2],[4509,2],[4529,1],[4536,1],[4557,1],[4634,2],[4637,1],[4991,2],[5043,2],[5152,2],[5263,2],[5369,2],[5474,2],[5578,2],[5676,2],[5734,1],[5764,1],[5838,2],[5947,2],[5967,1],[5974,1],[5993,1],[6024,1],[6053,1],[6123,2],[6126,1],[6581,2],[6633,2],[6742,2],[6853,2],[6959,2],[7064,2],[7168,2],[7266,2],[7324,1],[7354,1],[7428,2],[7537,1],[7556,1],[7596,1],[7628,1],[7672,1],[7714,1],[7784,2],[7864,1],[7878,2],[7898,2],[7911,2],[7955,1],[7957,1],[8262,2],[8316,2],[8430,2],[8548,2],[8664,2],[8784,2],[8908,2],[9030,2],[9150,2],[9274,2],[9351,1],[9385,1],[9441,1],[9506,1],[9529,1],[9564,1],[9571,1],[9598,1],[9629,1],[9658,1],[9728,3],[9732,1],[9750,1],[9763,1],[9765,1],[10261,2],[10313,2],[10422,2],[10533,2],[10639,2],[10744,2],[10848,2],[10946,2],[11004,1],[11034,1],[11108,2],[11217,2],[11237,1],[11244,1],[11263,1],[11294,1],[11323,1],[11393,2],[11396,1],[11552,3],[11556,3],[11592,3],[11596,3],[11686,2],[11830,1],[11877,1],[11889,1],[11919,1],[11925,1],[11927,2],[12072,1],[12094,1],[12096,2],[12185,1],[12187,1],[12189,1]]},"608":{"position":[[228,2],[595,2],[1483,1],[1508,1],[1541,1],[1543,1],[1838,1],[1860,1],[1907,2],[1915,1],[1963,1]]},"610":{"position":[[377,2],[917,2],[952,2],[984,2],[1015,2],[1093,2],[1143,2],[1193,2],[1243,2],[1513,2],[1585,2],[1657,2],[1729,2],[1801,2],[1873,2],[1960,2],[2055,2],[2134,2],[2207,2],[2300,2],[2382,2],[2471,2],[2544,2],[2620,2],[2703,2],[2785,2],[2892,2],[3036,2],[3196,2],[3332,2],[3416,2],[3518,2],[4139,2]]},"612":{"position":[[215,2],[1674,2],[4074,2],[4353,2],[4637,2],[10901,2],[10976,2],[11053,2],[11133,2],[11214,2],[11293,2],[11327,1],[12424,1],[12436,1],[12515,1],[12534,1],[12567,1],[12580,2],[12610,1],[12649,1],[12929,1],[12931,1],[12933,1],[12935,1],[13010,1],[13086,2],[13126,2],[13287,1],[13332,1],[13415,1],[13423,1],[13458,1],[13466,1],[13557,2],[13594,1],[13646,2],[13666,1],[13749,2],[13769,1],[13781,1],[14064,1],[14232,1],[14275,1],[14290,1],[14335,1],[14387,1],[14399,1],[14407,1],[14498,2],[14501,1],[14530,1],[14542,1],[14574,1],[14595,1],[14618,1],[14676,1],[14678,1],[15094,1],[15419,2],[15500,1],[15543,1],[15558,1],[15580,1],[15618,1],[15670,1],[15682,1],[15690,1],[15781,2],[15794,1],[15813,1],[15842,1],[15866,1],[15960,1],[16009,1],[16096,1],[16098,1]]},"614":{"position":[[747,2],[954,2],[1073,2],[1158,2],[1248,2],[1348,2]]},"616":{"position":[[1105,1],[1195,1],[1222,1],[1467,2],[1528,2],[2399,1],[2797,2],[2879,2],[2957,2],[3109,2],[4707,2],[4805,2],[4808,2],[4951,2],[4954,2],[5100,2],[5103,2],[5241,2],[5244,2],[5409,2],[5412,2],[5484,1],[5512,1],[5564,1],[5604,1],[5642,1],[5671,1],[5700,1],[5702,1],[5825,2],[5850,1],[5899,1],[5911,1],[5927,1],[5936,1],[5972,1],[5996,2],[6015,1],[6037,1],[6050,1],[6070,1],[6088,1],[6095,1],[6119,1],[6121,2],[6124,1],[6193,1],[6212,1],[6274,1],[6320,1],[6358,1],[6382,2],[6412,2],[6466,1],[6539,1],[6588,2],[6619,2],[6656,1],[6668,1],[6710,1],[6743,1],[6750,1],[6764,1],[6797,1],[6820,1],[6865,1],[6867,1],[6888,1],[6959,1],[6998,1],[7022,2],[7079,2],[7111,1],[7151,1],[7227,1],[7263,1],[7287,2],[7342,2],[7366,1],[7443,1],[7569,1],[7581,1],[7649,1],[7700,1],[7728,1],[7791,1],[7840,1],[7868,1],[7931,1],[8027,1],[8042,1],[8086,1],[8097,1],[8126,1],[8170,1],[8189,1],[8242,1],[8250,1],[8329,2],[8364,1],[8372,1],[8407,1],[8442,1],[8461,1],[8479,2],[8494,1],[8513,1],[8531,2],[8546,1],[8565,1],[8569,2],[8572,2],[8575,1],[8614,1],[8625,1],[8662,1],[8673,1],[8697,1],[8727,1],[8742,1],[8806,1],[8819,1],[8856,1],[8867,1],[8894,1],[8928,1],[8945,1],[8981,1],[8995,2],[9033,1],[9063,1],[9158,2],[9167,1],[9195,1],[9247,1],[9287,1],[9339,1],[9352,1],[9371,1],[9411,2],[9427,1],[9469,1],[9493,1],[9500,1],[9519,1],[9548,2],[9567,1],[9586,1],[9628,2],[9643,1],[9662,1],[9704,2],[9719,1],[9738,1],[9742,2],[9745,2],[9782,1],[9798,1],[9807,1],[9826,1],[9837,2],[9856,1],[9908,1],[9944,1],[9962,1],[9969,1],[9989,2],[10018,1],[10061,1],[10114,1],[10158,1],[10210,1],[10257,1],[10266,1],[10335,1],[10354,1],[10416,1],[10462,1],[10464,1],[10556,2],[10565,1],[10593,1],[10645,1],[10685,1],[10737,1],[10750,1],[10801,1],[10820,1],[10860,2],[10876,1],[10918,1],[10942,1],[10950,1],[10968,1],[10987,1],[11014,2],[11033,1],[11052,1],[11064,2],[11079,1],[11098,1],[11110,2],[11125,1],[11144,1],[11148,2],[11151,2],[11191,1],[11215,1],[11223,1],[11239,1],[11258,1],[11285,2],[11304,1],[11323,1],[11335,2],[11350,1],[11369,1],[11381,2],[11396,1],[11415,1],[11419,2],[11422,2],[11462,1],[11486,1],[11494,1],[11510,1],[11529,1],[11557,2],[11576,1],[11595,1],[11607,2],[11622,1],[11641,1],[11653,2],[11668,1],[11687,1],[11691,2],[11694,2],[11731,1],[11747,1],[11756,1],[11775,1],[11786,2],[11805,1],[11841,1],[11877,1],[11895,1],[11902,1],[11922,2],[11951,1],[11994,1],[12047,1],[12091,1],[12143,1],[12184,1],[12225,1],[12268,1],[12328,1],[12336,1],[12405,1],[12424,1],[12486,1],[12532,1],[12534,1],[12784,2],[12793,1],[12821,1],[12873,1],[12913,1],[12965,1],[12978,1],[13029,1],[13048,1],[13088,2],[13104,1],[13146,1],[13170,1],[13178,1],[13196,1],[13215,1],[13242,2],[13261,1],[13280,1],[13292,2],[13307,1],[13326,1],[13338,2],[13353,1],[13372,1],[13376,2],[13379,2],[13419,1],[13443,1],[13451,1],[13467,1],[13486,1],[13513,2],[13532,1],[13551,1],[13563,2],[13578,1],[13597,1],[13609,2],[13624,1],[13643,1],[13647,2],[13650,2],[13690,1],[13714,1],[13722,1],[13738,1],[13757,1],[13785,2],[13804,1],[13823,1],[13835,2],[13850,1],[13869,1],[13881,2],[13896,1],[13915,1],[13919,2],[13922,2],[13959,1],[13975,1],[13984,1],[14003,1],[14014,2],[14033,1],[14065,1],[14103,1],[14139,1],[14157,1],[14164,1],[14184,2],[14213,1],[14256,1],[14309,1],[14353,1],[14405,1],[14446,1],[14487,1],[14530,1],[14590,1],[14598,1],[14667,1],[14686,1],[14748,1],[14794,1],[14796,1],[14882,2],[14891,1],[14919,1],[14971,1],[15011,1],[15063,1],[15076,1],[15127,1],[15146,1],[15186,2],[15202,1],[15244,1],[15268,1],[15276,1],[15294,1],[15313,1],[15340,2],[15359,1],[15378,1],[15390,2],[15405,1],[15424,1],[15436,2],[15451,1],[15470,1],[15474,2],[15477,2],[15517,1],[15541,1],[15549,1],[15565,1],[15584,1],[15611,2],[15630,1],[15649,1],[15661,2],[15676,1],[15695,1],[15707,2],[15722,1],[15741,1],[15745,2],[15748,2],[15788,1],[15812,1],[15820,1],[15836,1],[15855,1],[15883,2],[15902,1],[15921,1],[15933,2],[15948,1],[15967,1],[15979,2],[15994,1],[16013,1],[16017,2],[16020,2],[16057,1],[16073,1],[16082,1],[16101,1],[16112,2],[16131,1],[16167,1],[16203,1],[16221,1],[16228,1],[16248,2],[16277,1],[16320,1],[16373,1],[16417,1],[16469,1],[16510,1],[16551,1],[16594,1],[16654,1],[16662,1],[16731,1],[16750,1],[16752,2],[16908,1],[16928,3],[16932,1],[16978,1],[16980,1]]},"618":{"position":[[1201,1],[1291,1],[1318,1],[1563,2],[1624,2],[2147,1],[2550,2],[2632,2],[2710,2],[2862,2],[4086,2],[4184,2],[4187,2],[4330,2],[4333,2],[4479,2],[4482,2],[4531,1],[4569,1],[4631,1],[4671,1],[4745,1],[4778,1],[4805,1],[4854,1],[4873,1],[4923,1],[4939,1],[4948,1],[4984,1],[5008,2],[5032,1],[5073,1],[5121,1],[5182,1],[5190,1],[5259,1],[5278,1],[5350,1],[5396,1],[5434,1],[5458,2],[5488,2],[5542,1],[5615,1],[5674,2],[5710,2],[5752,1],[5764,1],[5811,1],[5844,1],[5851,1],[5865,1],[5901,1],[5929,1],[5979,1],[5981,1],[6002,1],[6083,1],[6122,1],[6146,2],[6202,1],[6247,1],[6333,1],[6369,1],[6391,2],[6428,2],[6476,1],[6553,1],[6613,1],[6740,1],[6742,1],[6754,1],[6843,2],[6849,1],[6945,1],[6960,1],[7004,1],[7015,1],[7044,1],[7093,1],[7112,1],[7175,1],[7191,2],[7210,1],[7218,1],[7250,1],[7285,1],[7315,2],[7318,1],[7357,1],[7368,1],[7405,1],[7416,1],[7444,1],[7477,1],[7492,1],[7543,1],[7556,1],[7593,1],[7604,1],[7632,1],[7672,1],[7689,1],[7753,1],[7766,1],[7803,1],[7814,1],[7841,1],[7891,2],[7897,1],[7914,1],[7950,2],[7980,1],[8031,2],[8098,1],[8343,1],[8419,2],[8428,1],[8458,1],[8512,1],[8552,1],[8604,1],[8617,1],[8668,1],[8687,1],[8810,2],[8826,1],[8868,1],[8893,1],[8901,1],[8919,1],[8938,1],[9047,2],[9066,1],[9085,1],[9097,2],[9112,1],[9131,1],[9143,2],[9158,1],[9177,1],[9181,2],[9201,1],[9220,1],[9224,2],[9248,1],[9267,1],[9279,2],[9294,1],[9310,1],[9314,2],[9317,2],[9349,1],[9365,1],[9369,2],[9372,2],[9412,1],[9437,1],[9445,1],[9461,1],[9480,1],[9589,2],[9608,1],[9627,1],[9639,2],[9654,1],[9673,1],[9685,2],[9700,1],[9719,1],[9723,2],[9743,1],[9762,1],[9766,2],[9790,1],[9809,1],[9821,2],[9836,1],[9852,1],[9856,2],[9859,2],[9891,1],[9907,1],[9911,2],[9914,2],[9954,1],[9979,1],[9987,1],[10003,1],[10022,1],[10131,2],[10150,1],[10169,1],[10181,2],[10196,1],[10215,1],[10227,2],[10242,1],[10261,1],[10265,2],[10285,1],[10304,1],[10308,2],[10332,1],[10351,1],[10363,2],[10378,1],[10394,1],[10398,2],[10401,2],[10433,1],[10449,1],[10453,2],[10456,2],[10493,1],[10509,1],[10518,1],[10537,1],[10548,2],[10568,1],[10601,1],[10640,1],[10677,1],[10695,1],[10702,1],[10726,2],[10766,1],[10816,1],[10861,1],[10915,1],[10959,1],[11020,1],[11028,1],[11097,1],[11116,1],[11180,1],[11226,1],[11228,1],[11323,2],[11421,2],[11424,2],[11567,2],[11570,2],[11619,1],[11657,1],[11719,1],[11759,1],[11833,1],[11866,1],[11893,1],[11942,1],[11961,1],[12011,1],[12027,1],[12036,1],[12072,1],[12096,2],[12120,1],[12161,1],[12209,1],[12270,1],[12278,1],[12347,1],[12366,1],[12368,2],[12534,1],[12554,3],[12558,1],[12604,1],[12642,1],[12666,2],[12696,2],[12750,1],[12796,1],[12845,1],[12904,2],[12940,2],[12982,1],[12994,1],[13041,1],[13074,1],[13081,1],[13095,1],[13131,1],[13159,1],[13209,1],[13211,1],[13232,1],[13338,1],[13374,1],[13396,2],[13433,2],[13481,1],[13558,1],[13618,1],[13745,1],[13747,1],[13759,1],[13848,2],[13854,1],[13950,1],[13965,1],[14009,1],[14020,1],[14049,1],[14063,1],[14108,2],[14140,1],[14164,2],[14215,1],[14257,1],[14292,1],[14311,1],[14374,1],[14390,2],[14409,1],[14417,1],[14449,1],[14484,1],[14514,2],[14517,1],[14556,1],[14567,1],[14604,1],[14615,1],[14643,1],[14676,1],[14691,1],[14742,1],[14755,1],[14792,1],[14803,1],[14831,1],[14871,1],[14888,1],[14952,1],[14965,1],[15002,1],[15013,1],[15040,1],[15090,2],[15096,1],[15113,1],[15149,2],[15179,1],[15230,2],[15297,1]]},"620":{"position":[[1250,1],[1340,1],[1367,1],[1603,2],[1671,2],[2283,1],[2895,2],[2977,2],[3109,2],[3295,1],[3318,1],[3400,1],[3423,1],[3507,1],[3511,1],[3605,1],[3609,1],[3906,1],[3910,1],[3999,1],[4003,1],[4085,1],[4089,1],[4206,1],[4210,1],[4297,1],[4308,1],[5073,2],[6669,1],[6745,2],[6843,2],[6846,2],[6989,2],[6992,2],[7138,2],[7141,2],[7281,2],[7284,2],[7453,2],[7456,2],[7532,1],[7562,1],[7616,1],[7656,1],[7694,1],[7723,1],[7750,1],[7799,1],[7811,1],[7827,1],[7836,1],[7872,1],[7896,2],[7916,1],[7924,1],[7937,1],[7957,1],[7975,1],[7982,1],[8006,1],[8008,2],[8011,1],[8080,1],[8099,1],[8163,1],[8209,1],[8247,1],[8271,2],[8301,2],[8355,1],[8428,1],[8479,2],[8511,2],[8549,1],[8561,1],[8604,1],[8637,1],[8644,1],[8658,1],[8691,1],[8715,1],[8761,1],[8763,1],[8784,1],[8857,1],[8896,1],[8920,2],[8976,1],[9017,1],[9095,1],[9131,1],[9155,2],[9203,1],[9280,1],[9410,1],[9422,1],[9491,1],[9543,1],[9572,1],[9637,1],[9687,1],[9716,1],[9781,1],[9877,1],[9892,1],[9936,1],[9947,1],[9976,1],[10021,1],[10040,1],[10095,1],[10103,1],[10182,2],[10218,1],[10226,1],[10258,1],[10293,1],[10312,1],[10330,2],[10345,1],[10364,1],[10382,2],[10397,1],[10416,1],[10420,2],[10440,1],[10459,1],[10463,2],[10487,1],[10506,1],[10524,2],[10539,1],[10555,1],[10559,2],[10562,2],[10594,1],[10610,1],[10614,2],[10617,2],[10620,1],[10659,1],[10670,1],[10707,1],[10718,1],[10742,1],[10772,1],[10787,1],[10851,1],[10864,1],[10901,1],[10912,1],[10939,1],[10973,1],[10990,1],[11026,1],[11040,2],[11075,1],[11105,1],[11171,1],[11247,2],[11256,1],[11286,1],[11340,1],[11380,1],[11432,1],[11445,1],[11496,1],[11515,1],[11638,2],[11654,1],[11696,1],[11721,1],[11729,1],[11747,1],[11766,1],[11875,2],[11894,1],[11913,1],[11925,2],[11940,1],[11959,1],[11971,2],[11986,1],[12005,1],[12009,2],[12029,1],[12048,1],[12052,2],[12076,1],[12095,1],[12107,2],[12122,1],[12138,1],[12142,2],[12145,2],[12177,1],[12193,1],[12197,2],[12200,2],[12240,1],[12265,1],[12273,1],[12289,1],[12308,1],[12417,2],[12436,1],[12455,1],[12467,2],[12482,1],[12501,1],[12513,2],[12528,1],[12547,1],[12551,2],[12571,1],[12590,1],[12594,2],[12618,1],[12637,1],[12649,2],[12664,1],[12680,1],[12684,2],[12687,2],[12719,1],[12735,1],[12739,2],[12742,2],[12782,1],[12807,1],[12815,1],[12831,1],[12850,1],[12959,2],[12978,1],[12997,1],[13009,2],[13024,1],[13043,1],[13055,2],[13070,1],[13089,1],[13093,2],[13113,1],[13132,1],[13136,2],[13160,1],[13179,1],[13191,2],[13206,1],[13222,1],[13226,2],[13229,2],[13261,1],[13277,1],[13281,2],[13284,2],[13321,1],[13337,1],[13346,1],[13365,1],[13376,2],[13396,1],[13433,1],[13470,1],[13488,1],[13495,1],[13519,2],[13559,1],[13609,1],[13654,1],[13708,1],[13752,1],[13813,1],[13821,1],[13890,1],[13909,1],[13973,1],[14019,1],[14021,1],[14108,2],[14117,1],[14147,1],[14201,1],[14241,1],[14293,1],[14306,1],[14357,1],[14376,1],[14499,2],[14515,1],[14557,1],[14580,1],[14588,1],[14606,1],[14625,1],[14734,2],[14753,1],[14772,1],[14784,2],[14799,1],[14818,1],[14830,2],[14845,1],[14864,1],[14868,2],[14888,1],[14907,1],[14911,2],[14935,1],[14954,1],[14966,2],[14981,1],[14997,1],[15001,2],[15004,2],[15036,1],[15052,1],[15056,2],[15059,2],[15084,1],[15092,1],[15100,1],[15116,1],[15124,1],[15126,2],[15166,1],[15189,1],[15197,1],[15213,1],[15232,1],[15341,2],[15360,1],[15379,1],[15391,2],[15406,1],[15425,1],[15437,2],[15452,1],[15471,1],[15475,2],[15495,1],[15514,1],[15518,2],[15542,1],[15561,1],[15573,2],[15588,1],[15604,1],[15608,2],[15611,2],[15643,1],[15659,1],[15663,2],[15666,2],[15691,1],[15699,1],[15707,1],[15723,1],[15731,1],[15733,2],[15773,1],[15796,1],[15804,1],[15820,1],[15839,1],[15948,2],[15967,1],[15986,1],[15998,2],[16013,1],[16032,1],[16044,2],[16059,1],[16078,1],[16082,2],[16102,1],[16121,1],[16125,2],[16149,1],[16168,1],[16180,2],[16195,1],[16211,1],[16215,2],[16218,2],[16250,1],[16266,1],[16270,2],[16273,2],[16298,1],[16306,1],[16314,1],[16332,1],[16342,1],[16344,2],[16381,1],[16397,1],[16406,1],[16425,1],[16436,2],[16456,1],[16493,1],[16530,1],[16548,1],[16555,1],[16579,2],[16619,1],[16669,1],[16714,1],[16768,1],[16812,1],[16873,1],[16881,2],[16937,1],[16948,1],[17017,1],[17036,1],[17038,2],[17196,1],[17216,3],[17220,1],[17266,1],[17268,1]]},"622":{"position":[[354,2],[678,2],[2386,2],[2422,2],[2445,1],[2650,1],[2675,2],[2746,1],[2764,2],[2886,2],[2915,1],[2962,1],[2990,1],[3461,2],[3464,1],[3520,1],[3522,2],[3553,2],[3636,1],[3638,1],[4257,2],[4293,2],[4316,1],[4521,1],[4546,2],[4617,1],[4635,2],[4757,2],[4786,1],[4833,1],[4861,1],[5332,2],[5335,1],[5391,1],[5393,2],[5424,2],[5507,1],[5509,1],[5844,2],[5880,2],[5903,1],[5977,1],[5989,1],[6125,1],[6141,1],[6223,2],[6309,1],[6316,1],[6340,1],[6360,3],[6364,1],[6420,1],[6422,2],[6453,2],[6536,1],[6538,1],[6813,2],[6849,2],[6872,1],[6983,1],[6998,1],[7010,1],[7146,1],[7171,2],[7242,1],[7260,2],[7382,2],[7411,1],[7458,1],[7486,1],[7957,2],[7960,1],[8016,1],[8018,2],[8049,2],[8132,1],[8134,1],[8253,1],[8283,1],[8294,1],[8320,1],[8342,1],[8356,1],[8468,2],[8806,2],[8842,2],[8874,2],[8908,2],[9130,2],[9162,2],[9191,2],[9367,1],[9409,1],[9495,1],[9507,1],[9549,1],[9564,1],[9622,1],[9658,1],[9772,1],[9908,1],[9924,1],[9979,2],[10065,1],[10072,1],[10096,1],[10116,3],[10120,1],[10176,1],[10178,2],[10209,2],[10346,1],[10377,1],[10417,1],[10429,1],[10464,1],[10476,1],[10478,1],[10480,1],[10829,2],[10865,2],[11108,1],[11138,1],[11172,1],[11223,1],[11235,1],[11237,1],[11385,1],[11401,1],[11488,2],[11575,1],[11582,1],[11606,1],[11626,3],[11630,1],[11687,1],[11689,2],[11720,2],[11803,1],[11827,2],[11839,1],[11871,2],[11883,1],[11913,2],[11925,1],[11938,1],[12078,1],[12367,2],[12403,2],[12574,1],[12622,1],[12662,1],[12717,1],[12729,1],[12731,1],[12879,1],[12895,1],[12982,2],[13069,1],[13076,1],[13100,1],[13120,3],[13124,1],[13181,1],[13183,2],[13214,2],[13297,1],[13322,2],[13372,2],[13399,1]]},"624":{"position":[[1046,1],[1136,1],[1163,1],[1399,2],[1467,2],[1982,1],[2380,2],[2462,2],[2540,2],[2600,2],[3794,2],[3892,2],[3895,2],[4038,2],[4041,2],[4187,2],[4190,2],[4239,1],[4267,1],[4319,1],[4359,1],[4433,1],[4466,1],[4493,1],[4542,1],[4561,1],[4611,1],[4627,1],[4636,1],[4672,1],[4696,2],[4715,1],[4751,1],[4794,1],[4850,1],[4858,1],[4927,1],[4946,1],[5008,1],[5054,1],[5092,1],[5116,2],[5146,2],[5200,1],[5273,1],[5322,2],[5353,2],[5390,1],[5402,1],[5444,1],[5477,1],[5484,1],[5498,1],[5534,1],[5557,1],[5602,1],[5604,1],[5625,1],[5696,1],[5735,1],[5759,2],[5815,1],[5855,1],[5931,1],[5967,1],[5989,2],[6026,2],[6074,1],[6151,1],[6316,1],[6328,1],[6412,2],[6418,1],[6514,1],[6529,1],[6573,1],[6584,1],[6613,1],[6657,1],[6676,1],[6729,1],[6745,2],[6764,1],[6772,1],[6804,1],[6839,1],[6869,2],[6872,1],[6911,1],[6922,1],[6959,1],[6970,1],[6998,1],[7031,1],[7046,1],[7097,1],[7110,1],[7147,1],[7158,1],[7186,1],[7226,1],[7243,1],[7307,1],[7320,1],[7357,1],[7368,1],[7395,1],[7445,2],[7451,1],[7468,1],[7504,2],[7534,1],[7585,2],[7652,1],[7737,2],[7835,2],[7838,2],[7981,2],[7984,2],[8033,1],[8061,1],[8113,1],[8153,1],[8227,1],[8260,1],[8287,1],[8336,1],[8355,1],[8405,1],[8421,1],[8430,1],[8466,1],[8490,2],[8509,1],[8545,1],[8588,1],[8644,1],[8652,1],[8721,1],[8740,1],[8742,2],[8898,1],[8918,3],[8922,1],[8968,1],[9006,1],[9030,2],[9060,2],[9114,1],[9187,1],[9236,2],[9267,2],[9304,1],[9316,1],[9358,1],[9391,1],[9398,1],[9412,1],[9448,1],[9471,1],[9516,1],[9518,1],[9539,1],[9610,1],[9646,1],[9668,2],[9705,2],[9753,1],[9830,1],[9995,1],[10007,1],[10091,2],[10097,1],[10193,1],[10208,1],[10252,1],[10263,1],[10292,1],[10306,1],[10346,2],[10378,1],[10402,2],[10453,1],[10493,1],[10528,1],[10547,1],[10600,1],[10616,2],[10635,1],[10643,1],[10675,1],[10710,1],[10740,2],[10743,1],[10782,1],[10793,1],[10830,1],[10841,1],[10869,1],[10902,1],[10917,1],[10968,1],[10981,1],[11018,1],[11029,1],[11057,1],[11097,1],[11114,1],[11178,1],[11191,1],[11228,1],[11239,1],[11266,1],[11316,2],[11322,1],[11339,1],[11375,2],[11405,1],[11456,2],[11523,1],[11692,2],[12241,1],[12269,1],[12321,1],[12361,1],[12435,1],[12468,1],[12495,1],[12544,1],[12563,1],[12613,1],[12629,1],[12638,1],[12674,1],[12698,2],[12717,1],[12753,1],[12796,1],[12852,1],[12900,1],[12911,1],[12980,1],[12999,1],[13061,1],[13107,1],[13147,2],[13224,2],[13304,2],[13383,2],[13477,1],[13519,1],[13587,1],[13683,1],[13698,1],[13742,1],[13753,1],[13782,1],[13826,1],[13845,1],[13898,1],[13914,2],[13933,1],[13941,1],[13973,1],[14008,1],[14038,2],[14041,1],[14080,1],[14091,1],[14128,1],[14139,1],[14167,1],[14200,1],[14215,1],[14266,1],[14279,1],[14316,1],[14327,1],[14355,1],[14395,1],[14412,1],[14476,1],[14489,1],[14526,1],[14537,1],[14564,1],[14614,2],[14620,1],[14637,1],[14673,2],[14703,1],[14754,2],[14821,1]]},"626":{"position":[[706,2],[1363,1],[1416,1],[1565,2],[1629,1],[1651,1],[1970,2],[2149,2],[2331,2],[2515,2],[2699,2],[2885,2],[3071,2],[3259,2],[3324,1],[3515,1],[4168,2],[4307,1],[4334,1],[4633,2],[4934,2],[5091,1],[5140,1],[5510,2],[5738,2],[5803,1],[5849,1],[5858,1],[6185,2],[6320,1],[6342,1],[6579,2],[6815,1],[6860,1],[6890,2],[6902,1],[6934,2],[6946,1],[6976,2],[6988,1],[7001,1],[7140,1],[7316,2],[7480,1],[7520,1],[7576,2],[7624,2],[7649,1],[8010,1],[8040,1],[8051,1],[8077,1],[8099,1],[8113,1],[8224,2],[8452,2],[8492,2],[8542,2],[8574,2],[8593,2],[8806,2],[8849,2],[8905,2],[8937,2],[8959,2],[9231,2],[9263,2],[9282,2],[9601,1],[9627,1],[9709,1],[9723,1],[9773,1],[9817,1],[9861,1],[9905,1],[9921,1],[9948,1],[9995,1],[10014,1],[10041,1],[10073,1],[10085,1],[10110,1],[10132,1],[10150,1],[10178,1],[10203,1],[10222,1],[10242,1],[10278,1],[10424,1],[10451,1],[10461,1],[10482,1],[10510,1],[10533,1],[10558,1],[10609,1],[10673,1],[10685,1],[10687,1],[10722,1],[10790,1],[10802,1],[10827,1],[10879,1],[10943,1],[10955,1],[10957,1],[10959,1],[11280,2],[11312,2],[11362,2],[11412,1],[11437,1],[11515,1],[11523,1],[11532,2],[11566,1],[11629,1],[11631,1]]},"628":{"position":[[1587,2],[1648,1],[1673,1],[1723,1],[2196,2],[2400,2],[2602,2],[2806,2],[2867,1],[2892,1],[2992,1],[3046,1],[3709,2],[4037,2],[4363,2],[4691,2],[4832,1],[4856,1],[4906,1],[4957,1],[5171,1],[5179,1],[5215,1],[5250,1],[5286,1],[5299,1],[5334,1],[5370,1],[5404,1],[5416,1],[5429,1],[5442,1],[5454,1],[5461,1],[5463,1],[5656,2],[5937,1],[5962,1],[6023,1],[6053,2],[6065,1],[6097,2],[6109,1],[6139,2],[6151,1],[6164,1],[6301,1],[6433,2],[6642,1],[6682,1],[6717,1],[6779,2],[6825,2],[6848,1],[7190,1],[7220,1],[7231,1],[7257,1],[7279,1],[7293,1],[7404,2],[7625,2],[7657,2],[7682,2],[7955,2],[7987,2],[8013,2],[8332,1],[8358,1],[8440,1],[8454,1],[8504,1],[8540,1],[8662,1],[8689,1],[8699,1],[8720,1],[8748,1],[8771,1],[8796,1],[8854,1],[8866,1],[8891,1],[8948,1],[8960,1],[8962,1],[8964,1],[9169,2],[9201,2],[9224,2],[9285,1],[9310,1],[9393,1],[9401,1],[9413,1],[9415,1],[9787,1],[9817,1],[9828,1],[9854,1],[9876,1],[9890,1],[10010,2],[10240,2],[10272,2],[10305,2],[10559,2],[10612,2],[10640,2],[10672,2],[10704,2],[11036,2],[11068,2],[11098,2],[11417,1],[11453,1],[11507,1],[11651,1],[11663,1],[11705,1],[11719,1],[11778,1],[11831,1],[11855,2],[11879,1],[11908,1],[11941,1],[11963,1],[11985,1],[12025,1],[12054,1],[12092,1],[12114,1],[12147,1],[12200,1],[12234,1],[12253,1],[12272,1],[12434,2],[12473,1],[12500,1],[12519,1],[12540,1],[12577,1],[12609,1],[12634,1],[12687,1],[12699,1],[12724,1],[12778,1],[12790,1],[12815,1],[12865,1],[12877,1],[12879,1],[12881,1]]},"630":{"position":[[878,2],[1881,1],[1934,1],[2045,2],[2110,1],[2132,1],[2144,1],[2376,2],[2602,2],[2828,2],[3054,2],[3280,2],[3506,2],[3732,2],[3958,2],[4184,2],[4249,1],[4271,1],[4303,1],[4335,1],[4367,1],[4399,1],[4431,1],[4463,1],[4495,1],[4527,1],[4539,1],[4779,2],[4843,1],[4868,1],[4876,1],[5292,2],[5356,1],[5381,1],[5389,1],[5833,2],[5897,1],[5919,1],[5929,1],[6252,2],[6385,2],[6520,2],[6657,2],[6794,2],[6933,2],[7072,2],[7213,2],[7229,1],[7420,1],[8103,2],[8242,1],[8269,1],[8667,2],[8923,2],[8988,1],[9034,1],[9043,1],[9398,2],[9533,1],[9555,1],[9796,2],[10032,1],[10077,1],[10107,2],[10119,1],[10151,2],[10163,1],[10193,2],[10205,1],[10218,1],[10359,1],[10539,2],[10703,1],[10747,1],[10803,2],[10853,2],[10880,1],[11246,1],[11276,1],[11287,1],[11313,1],[11335,1],[11349,1],[11460,2],[11731,2],[11771,2],[11821,2],[11853,2],[11872,2],[12128,2],[12171,2],[12227,2],[12259,2],[12281,2],[12596,2],[12628,2],[12647,2],[12966,1],[12992,1],[13074,1],[13088,1],[13138,1],[13182,1],[13226,1],[13270,1],[13286,1],[13313,1],[13360,1],[13379,1],[13406,1],[13438,1],[13450,1],[13475,1],[13497,1],[13515,1],[13543,1],[13568,1],[13587,1],[13607,1],[13643,1],[13789,1],[13816,1],[13826,1],[13847,1],[13875,1],[13898,1],[13923,1],[13974,1],[14038,1],[14050,1],[14052,1],[14086,1],[14154,1],[14166,1],[14191,1],[14243,1],[14307,1],[14319,1],[14321,1],[14323,1],[14526,2],[14756,2],[14986,2],[15216,2],[15446,2],[15676,2],[15906,2],[16136,2],[16366,2],[16431,1],[16457,1],[16497,1],[16537,1],[16577,1],[16617,1],[16657,1],[16697,1],[16737,1],[16777,1],[16793,1],[17118,2],[17150,2],[17200,2],[17250,1],[17275,1],[17353,1],[17361,1],[17370,2],[17404,1],[17467,1],[17469,1]]},"632":{"position":[[1085,2],[1094,1],[1108,1],[1114,1],[1216,2],[1420,2],[1625,2],[1831,2],[1940,1],[1954,1],[1973,1],[1993,1],[2014,1],[2020,1],[2246,2],[2482,1],[2504,1],[2532,1],[2562,2],[2574,1],[2606,2],[2618,1],[2648,2],[2660,1],[2673,1],[2813,1],[2977,2],[3141,1],[3179,1],[3211,1],[3240,2],[3287,2],[3311,1],[4010,2],[4119,1],[4133,1],[4139,1],[4420,2],[4633,2],[4848,2],[5064,2],[5173,1],[5187,1],[5206,1],[5226,1],[5247,1],[5253,1],[5366,2],[5408,1],[5426,1],[5431,1],[5662,2],[5807,1],[5828,1],[5861,1],[5882,1],[5897,1],[5919,1],[5940,1],[5956,1],[5978,1],[5996,1],[6018,1],[6043,1],[6065,1],[6081,1],[6091,2],[6094,1]]},"634":{"position":[[784,2],[854,2],[962,1],[989,1],[997,1],[1188,2],[1424,1],[1445,1],[1475,1],[1505,2],[1517,1],[1549,2],[1561,1],[1591,2],[1603,1],[1616,1],[1750,1],[1872,2],[2036,1],[2061,1],[2092,1],[2123,2],[2167,2],[2188,1],[2365,2],[2374,1],[2388,1],[2558,2],[2597,2],[2651,1],[2748,1],[2756,1],[2765,2],[2806,1],[2877,1],[2879,1]]},"636":{"position":[[427,2],[840,2],[920,2],[1261,2],[1826,2],[1906,1],[2160,2],[2287,1],[2578,2],[2666,1],[3519,2],[3848,2],[3949,2],[4022,2],[4041,2],[4366,2],[4446,2],[4492,2],[4557,2],[4629,2],[5530,2],[5609,1],[5836,1],[5874,2],[6086,1],[6105,2],[6183,1],[6220,2],[6363,1],[7125,2],[7388,2],[7400,2],[7489,2],[7498,1],[7524,1],[7574,1],[7688,1],[7721,1],[7795,1],[7840,1],[7851,1],[7871,1],[7885,1],[7890,1],[7902,1],[7904,4],[7918,1],[7949,1],[7996,1],[8001,1],[8013,1],[8036,1],[8068,1],[8094,1],[8099,1],[8111,1],[8136,1],[8159,1],[8176,2],[8196,1],[8198,1]]},"638":{"position":[[439,2],[817,2],[897,2],[1278,2],[1358,1],[1612,2],[1739,1],[2030,2],[2118,1],[2910,2],[3425,2],[3498,2],[3516,2],[3841,2],[3921,2],[3962,2],[4028,2],[4084,2],[4130,2],[4187,2],[4448,2],[4528,1],[4782,2],[4909,1],[5200,2],[5288,1],[5569,1],[5607,2],[5800,1],[5819,2],[5896,1],[5929,1],[5936,1],[6001,2],[6144,1],[6965,1],[7680,2],[7918,1],[8070,1],[8103,1],[8177,1],[8222,1],[8233,1],[8253,1],[8267,1],[8272,1],[8284,1],[8286,4],[8300,1],[8331,1],[8378,1],[8383,1],[8395,1],[8418,1],[8450,1],[8476,1],[8481,1],[8493,1],[8516,1],[8539,1],[8556,2],[8576,1],[8578,1]]},"640":{"position":[[427,2],[838,2],[918,2],[1259,2],[1641,2],[1721,1],[1975,2],[2102,1],[2393,2],[2481,1],[3332,2],[3570,3],[3669,2],[3770,2],[3843,2],[3862,2],[4187,2],[4267,2],[4313,2],[4378,2],[4434,2],[4506,2],[4586,2],[5206,2],[5286,1],[5540,2],[5667,1],[5958,2],[6046,1],[6360,1],[6398,2],[6610,1],[6629,2],[6707,1],[6744,2],[6887,1],[7649,2],[7912,2],[7924,2],[8013,2],[8022,1],[8048,1],[8098,1],[8212,1],[8245,1],[8319,1],[8364,1],[8375,1],[8395,1],[8409,1],[8414,1],[8426,1],[8428,4],[8442,1],[8473,1],[8520,1],[8525,1],[8537,1],[8560,1],[8592,1],[8618,1],[8623,1],[8635,1],[8660,1],[8683,1],[8700,2],[8720,1],[8722,1]]},"642":{"position":[[436,2],[847,2],[927,2],[1273,2],[1660,2],[1740,1],[1994,2],[2121,1],[2412,2],[2500,1],[3367,2],[3663,2],[3773,2],[3832,2],[4157,2],[4237,2],[4282,2],[4352,2],[5049,2],[5128,1],[5130,2],[5218,1],[5563,2],[5592,1],[5764,2],[5782,1],[5796,1],[5843,3],[6548,2],[6811,2],[6823,2],[6912,2],[6921,1],[6947,1],[6997,1],[7111,1],[7144,1],[7218,1],[7263,1],[7274,1],[7294,1],[7308,1],[7313,1],[7325,1],[7327,4],[7341,1],[7372,1],[7419,1],[7424,1],[7436,1],[7459,1],[7491,1],[7517,1],[7522,1],[7534,1],[7559,1],[7582,1],[7599,2],[7619,1],[7621,1]]},"644":{"position":[[436,2],[847,2],[927,2],[1273,2],[1660,2],[1740,1],[1994,2],[2121,1],[2412,2],[2500,1],[3367,2],[3663,2],[3773,2],[3832,2],[4157,2],[4237,2],[4282,2],[4338,2],[4408,2],[4506,2],[4543,2],[5250,2],[5329,1],[5331,2],[5419,1],[5753,1],[5925,2],[5943,1],[5957,1],[6004,3],[6709,2],[6972,2],[6984,2],[7073,2],[7082,1],[7108,1],[7158,1],[7272,1],[7305,1],[7379,1],[7424,1],[7435,1],[7455,1],[7469,1],[7474,1],[7486,1],[7488,4],[7502,1],[7533,1],[7580,1],[7585,1],[7597,1],[7620,1],[7652,1],[7678,1],[7683,1],[7695,1],[7720,1],[7743,1],[7760,2],[7780,1],[7782,1]]},"646":{"position":[[837,2],[917,2],[1300,2],[1380,1],[1634,2],[1761,1],[2052,2],[2140,1],[2935,2]]},"648":{"position":[[837,2],[917,2],[1300,2],[1380,1],[1634,2],[1761,1],[2052,2],[2140,1],[2995,2]]},"650":{"position":[[484,2],[862,2],[942,2],[1323,2],[1403,1],[1657,2],[1784,1],[2075,2],[2163,1],[2955,2],[3160,2],[3233,2],[3251,2],[3576,2],[3656,2],[3697,2],[3775,2],[3831,2],[3879,2],[3938,2],[4199,2],[4279,1],[4533,2],[4660,1],[4951,2],[5039,1],[5290,1],[5367,2],[5482,1],[5501,2],[5579,1],[5644,2],[5787,1],[6589,2],[6827,1],[6979,1],[7012,1],[7086,1],[7131,1],[7142,1],[7162,1],[7176,1],[7181,1],[7193,1],[7195,4],[7209,1],[7240,1],[7287,1],[7292,1],[7304,1],[7327,1],[7359,1],[7385,1],[7390,1],[7402,1],[7425,1],[7448,1],[7465,2],[7485,1],[7487,1]]},"652":{"position":[[756,2],[996,1],[1022,1],[1072,1],[1186,1],[1219,1],[1293,1],[1338,1],[1349,1],[1369,1],[1383,1],[1388,1],[1400,1],[1402,4],[1416,1],[1447,1],[1494,1],[1499,1],[1511,1],[1534,1],[1566,1],[1592,1],[1597,1],[1609,1],[1634,1],[1657,1],[1674,2],[1694,1],[1696,1]]},"654":{"position":[[761,2],[1001,1],[1027,1],[1077,1],[1191,1],[1224,1],[1298,1],[1343,1],[1354,1],[1374,1],[1388,1],[1393,1],[1405,1],[1407,4],[1421,1],[1452,1],[1499,1],[1504,1],[1516,1],[1539,1],[1571,1],[1597,1],[1602,1],[1614,1],[1639,1],[1662,1],[1679,2],[1699,1],[1701,1]]},"656":{"position":[[436,2],[847,2],[927,2],[1314,2],[1394,1],[1648,2],[1775,1],[2066,2],[2154,1],[2953,2],[3136,2],[3209,2],[3278,2],[3603,2],[3683,2],[3728,2],[3784,2],[3864,2],[3962,2],[3999,2],[4454,2],[4534,1],[4788,2],[4915,1],[5206,2],[5294,1],[5638,1],[5810,2],[5828,1],[5842,1],[5889,3],[6614,2],[6852,1],[7004,1],[7037,1],[7111,1],[7156,1],[7167,1],[7187,1],[7201,1],[7206,1],[7218,1],[7220,4],[7234,1],[7265,1],[7312,1],[7317,1],[7329,1],[7352,1],[7384,1],[7410,1],[7415,1],[7427,1],[7450,1],[7473,1],[7490,2],[7510,1],[7512,1]]},"658":{"position":[[718,2],[894,2],[1035,2],[1147,2],[1261,2],[1370,2],[1478,2],[1585,2],[1687,2],[1790,2],[1851,1],[1888,1],[1900,1],[1902,1],[1964,1],[1982,1],[2000,1],[2008,1],[2033,1],[2070,1],[2083,2],[2129,1],[2131,1],[2218,2],[2330,2],[2444,2],[2553,2],[2661,2],[2768,2],[2870,2],[2973,2],[3034,1],[3071,1],[3083,1],[3085,1],[3147,1],[3165,1],[3183,1],[3191,1],[3216,1],[3253,1],[3287,1],[3294,2],[3340,1],[3342,1],[3414,2],[3526,2],[3632,2],[3737,2],[3810,1],[3847,1],[3859,1],[3861,1],[3923,1],[3941,1],[3959,1],[3967,1],[3992,1],[4029,1],[4041,2],[4087,1],[4089,1],[4226,1],[4263,1],[4275,1],[4277,1],[4320,1],[4338,1],[4356,1],[4364,1],[4389,1],[4439,1],[4479,1],[4491,2],[4537,1],[4539,1],[4659,1],[4696,1],[4708,1],[4710,1],[4753,1],[4771,1],[4789,1],[4797,1],[4822,1],[4871,1],[4879,2],[4925,1],[4927,1],[5053,3],[5057,3],[5093,3],[5097,3],[5130,2],[5272,1],[5309,1],[5321,1],[5323,1],[5374,1],[5380,1],[5382,2],[5451,1],[5469,1],[5477,1],[5504,1],[5538,1],[5558,2],[5604,1],[5626,1],[5628,2],[5664,1],[5682,1],[5690,1],[5717,1],[5749,1],[5768,2],[5814,1],[5816,1],[5818,1]]},"660":{"position":[[538,2],[1134,2],[1402,2],[1772,2],[2062,2],[2315,2],[6450,2],[6876,2],[7296,2],[7707,2],[8127,2],[8544,2],[9460,2],[10331,2],[11398,2],[13049,2],[14024,2],[15630,1],[15664,1],[15702,2],[15724,1],[15764,2],[15786,1],[15794,1],[18915,1],[18945,1],[18956,1],[18982,1],[19004,1],[19018,1],[19283,2],[19459,2],[19499,2],[19549,2],[19581,2],[19600,2],[19754,2],[19797,2],[19853,2],[19885,2],[19907,2],[20120,2],[20152,2],[20171,2],[20511,1],[20537,1],[20578,1],[20630,1],[20644,1],[20694,1],[20738,1],[20782,1],[20826,1],[20842,1],[20869,1],[20916,1],[20935,1],[20962,1],[20994,1],[21006,1],[21031,1],[21053,1],[21071,1],[21099,1],[21124,1],[21143,1],[21163,1],[21199,1],[21345,1],[21372,1],[21382,1],[21403,1],[21431,1],[21454,1],[21479,1],[21530,1],[21594,1],[21606,1],[21608,1],[21643,1],[21711,1],[21723,1],[21748,1],[21800,1],[21864,1],[21876,1],[21878,1],[21880,1],[24363,1],[24406,2],[24469,2],[24534,2],[24568,1],[25174,1],[25198,1],[25257,2],[25328,2],[25400,2],[25471,2],[25504,1]]},"662":{"position":[[1506,2],[1567,1],[1592,1],[1616,1],[1905,2],[2084,2],[2145,1],[2170,1],[2218,1],[2856,2],[3159,2],[3300,1],[3415,1],[3423,1],[3446,2],[3463,1],[3485,2],[3502,1],[3525,2],[3543,1],[3556,1],[3578,2],[3595,1],[3618,2],[3630,1],[3632,1],[3800,2],[4081,1],[4106,1],[4130,2],[4164,1],[4194,2],[4206,1],[4238,2],[4250,1],[4280,2],[4292,1],[4305,1],[4442,1],[4550,2],[4759,1],[4800,1],[4835,1],[4859,2],[4894,2],[4941,2],[4965,1],[5307,1],[5337,1],[5348,1],[5374,1],[5396,1],[5410,1],[5530,2],[5792,2],[5824,2],[5853,2],[6116,2],[6148,2],[6178,2],[6420,2],[6452,2],[6482,2],[6741,2],[6773,2],[6801,2],[7039,2],[7071,2],[7099,2],[7418,1],[7450,1],[7528,1],[7540,1],[7582,1],[7596,1],[7649,1],[7683,1],[7702,1],[7721,1],[7876,2],[7915,1],[7942,1],[7955,1],[7976,1],[8007,1],[8033,1],[8058,1],[8115,1],[8127,1],[8152,1],[8214,1],[8226,1],[8251,1],[8313,1],[8325,1],[8350,1],[8408,1],[8420,1],[8445,1],[8503,1],[8515,1],[8517,1],[8519,1],[8724,2],[8756,2],[8779,2],[8840,1],[8865,1],[8888,2],[8944,1],[8952,1],[8964,1],[8966,1],[9327,1],[9357,1],[9368,1],[9394,1],[9416,1],[9430,1],[9550,2],[9792,2],[9843,2],[9875,2],[9907,2],[9937,2],[10277,2],[10309,2],[10337,2],[10656,1],[10696,1],[10738,1],[10884,1],[10896,1],[10938,1],[10952,1],[11005,1],[11066,1],[11094,2],[11122,1],[11149,1],[11180,1],[11203,1],[11226,1],[11270,1],[11297,1],[11337,1],[11360,1],[11410,1],[11473,1],[11507,1],[11526,1],[11545,1],[11700,2],[11739,1],[11766,1],[11779,1],[11800,1],[11831,1],[11857,1],[11882,1],[11944,1],[11956,1],[11981,1],[12039,1],[12051,1],[12053,1],[12055,1]]},"664":{"position":[[450,2],[689,2],[1195,2],[1663,2],[1846,2],[1855,1],[1990,1],[2023,1],[2097,1],[2142,1],[2153,1],[2173,1],[2187,1],[2194,1],[2225,1],[2256,1],[2290,1],[2297,1],[2319,1],[2352,1],[2377,1],[2384,1],[2412,1],[2445,1],[2477,1],[2484,1],[2510,1],[2540,1],[2569,1],[2576,1],[2599,1],[2635,1],[2649,2],[2669,1],[2671,1],[2947,2],[2956,1],[3091,1],[3124,1],[3198,1],[3243,1],[3254,1],[3274,1],[3288,1],[3293,1],[3305,1],[3336,1],[3367,1],[3401,1],[3406,1],[3422,1],[3458,1],[3470,2],[3485,1],[3490,1],[3502,1],[3523,1],[3553,1],[3591,1],[3596,1],[3612,1],[3653,1],[3668,2],[3683,1],[3688,1],[3700,1],[3722,1],[3755,1],[3794,1],[3799,1],[3811,1],[3837,1],[3867,1],[3910,1],[3915,1],[3927,1],[3950,1],[3986,1],[4026,1],[4031,1],[4047,1],[4075,1],[4085,2],[4100,1],[4105,1],[4117,1],[4145,1],[4178,1],[4224,1],[4229,1],[4242,1],[4272,1],[4304,1],[4351,1],[4356,1],[4369,1],[4397,1],[4426,1],[4471,1],[4476,1],[4489,1],[4511,1],[4537,1],[4564,2],[4584,1],[4586,1],[4779,2],[4788,1],[4923,1],[4956,1],[5030,1],[5075,1],[5086,1],[5106,1],[5120,1],[5125,1],[5137,1],[5168,1],[5199,1],[5233,1],[5238,1],[5254,1],[5290,1],[5313,1],[5333,2],[5348,1],[5353,1],[5365,1],[5386,1],[5416,1],[5454,1],[5459,1],[5475,1],[5516,1],[5542,1],[5562,2],[5577,1],[5582,1],[5594,1],[5616,1],[5649,1],[5688,1],[5693,1],[5705,1],[5731,1],[5761,1],[5804,1],[5809,1],[5821,1],[5844,1],[5880,1],[5920,1],[5925,1],[5941,1],[5969,1],[5990,1],[6009,2],[6024,1],[6029,1],[6041,1],[6069,1],[6102,1],[6148,1],[6153,1],[6166,1],[6196,1],[6228,1],[6275,1],[6280,1],[6293,1],[6321,1],[6350,1],[6395,1],[6400,1],[6413,1],[6435,1],[6461,1],[6488,2],[6508,1],[6510,1],[6792,2],[7047,1],[7182,1],[7215,1],[7289,1],[7334,1],[7345,1],[7365,1],[7379,1],[7384,1],[7396,1],[7427,1],[7458,1],[7492,1],[7497,1],[7513,1],[7549,1],[7572,1],[7592,2],[7607,1],[7612,1],[7624,1],[7645,1],[7675,1],[7713,1],[7718,1],[7734,1],[7775,1],[7801,1],[7821,2],[7836,1],[7841,1],[7853,1],[7875,1],[7908,1],[7947,1],[7952,1],[7964,1],[7990,1],[8020,1],[8063,1],[8068,1],[8080,1],[8103,1],[8139,1],[8179,1],[8184,1],[8200,1],[8228,1],[8249,1],[8268,2],[8283,1],[8288,1],[8300,1],[8328,1],[8361,1],[8407,1],[8412,1],[8425,1],[8455,1],[8487,1],[8534,1],[8539,1],[8552,1],[8580,1],[8609,1],[8654,1],[8659,1],[8672,1],[8694,1],[8720,1],[8747,2],[8767,1],[8769,1],[9044,2],[9181,2],[9372,1],[9390,1],[9535,1],[9568,1],[9642,1],[9687,1],[9698,1],[9718,1],[9732,1],[9737,1],[9749,1],[9780,1],[9811,1],[9845,1],[9850,1],[9866,1],[9902,1],[9925,1],[9945,2],[9960,1],[9965,1],[9977,1],[9998,1],[10028,1],[10066,1],[10071,1],[10087,1],[10128,1],[10154,1],[10174,2],[10189,1],[10194,1],[10206,1],[10228,1],[10261,1],[10300,1],[10305,1],[10317,1],[10343,1],[10373,1],[10416,1],[10421,1],[10433,1],[10456,1],[10492,1],[10532,1],[10537,1],[10553,1],[10581,1],[10602,1],[10621,2],[10636,1],[10641,1],[10653,1],[10681,1],[10714,1],[10760,1],[10765,1],[10778,1],[10808,1],[10840,1],[10887,1],[10892,1],[10905,1],[10933,1],[10962,1],[11007,1],[11012,1],[11025,1],[11047,1],[11073,1],[11100,2],[11120,1],[11151,2],[11179,1],[11517,2],[11654,2],[11845,1],[11863,1],[12008,1],[12041,1],[12115,1],[12160,1],[12171,1],[12191,1],[12205,1],[12210,1],[12222,1],[12253,1],[12284,1],[12318,1],[12323,1],[12339,1],[12375,1],[12398,1],[12418,2],[12433,1],[12438,1],[12450,1],[12471,1],[12501,1],[12539,1],[12544,1],[12560,1],[12601,1],[12627,1],[12647,2],[12662,1],[12667,1],[12679,1],[12701,1],[12734,1],[12773,1],[12778,1],[12790,1],[12816,1],[12846,1],[12889,1],[12894,1],[12906,1],[12929,1],[12965,1],[13005,1],[13010,1],[13026,1],[13054,1],[13075,1],[13094,2],[13109,1],[13114,1],[13126,1],[13154,1],[13187,1],[13233,1],[13238,1],[13251,1],[13281,1],[13313,1],[13360,1],[13365,1],[13378,1],[13406,1],[13435,1],[13480,1],[13485,1],[13498,1],[13520,1],[13546,1],[13573,2],[13593,1],[13624,2],[13652,1],[13947,2],[14084,2],[14275,1],[14293,1],[14438,1],[14471,1],[14545,1],[14590,1],[14601,1],[14621,1],[14635,1],[14640,1],[14652,1],[14683,1],[14714,1],[14748,1],[14753,1],[14769,1],[14805,1],[14828,1],[14848,2],[14863,1],[14868,1],[14880,1],[14901,1],[14931,1],[14969,1],[14974,1],[14990,1],[15031,1],[15057,1],[15077,2],[15092,1],[15097,1],[15109,1],[15131,1],[15164,1],[15203,1],[15208,1],[15220,1],[15246,1],[15276,1],[15319,1],[15324,1],[15336,1],[15359,1],[15395,1],[15435,1],[15440,1],[15456,1],[15484,1],[15505,1],[15524,2],[15539,1],[15544,1],[15556,1],[15584,1],[15617,1],[15663,1],[15668,1],[15681,1],[15711,1],[15743,1],[15790,1],[15795,1],[15808,1],[15836,1],[15865,1],[15910,1],[15915,1],[15928,1],[15950,1],[15976,1],[16003,2],[16023,1],[16054,2],[16082,1],[16366,2],[16503,2],[16694,1],[16829,1],[16862,1],[16936,1],[16981,1],[16992,1],[17012,1],[17026,1],[17031,1],[17043,1],[17074,1],[17105,1],[17139,1],[17144,1],[17160,1],[17196,1],[17219,1],[17239,2],[17254,1],[17259,1],[17271,1],[17292,1],[17322,1],[17360,1],[17365,1],[17381,1],[17422,1],[17448,1],[17468,2],[17483,1],[17488,1],[17500,1],[17522,1],[17555,1],[17594,1],[17599,1],[17611,1],[17637,1],[17667,1],[17710,1],[17715,1],[17727,1],[17750,1],[17786,1],[17826,1],[17831,1],[17847,1],[17875,1],[17896,1],[17915,2],[17930,1],[17935,1],[17947,1],[17975,1],[18008,1],[18054,1],[18059,1],[18072,1],[18102,1],[18134,1],[18181,1],[18186,1],[18199,1],[18227,1],[18256,1],[18301,1],[18306,1],[18319,1],[18341,1],[18367,1],[18394,2],[18414,1],[18445,2],[18473,1],[18771,2],[19146,1],[19170,1],[19312,1],[19345,1],[19419,1],[19464,1],[19475,1],[19495,1],[19509,1],[19514,1],[19526,1],[19557,1],[19588,1],[19622,1],[19627,1],[19643,1],[19679,1],[19702,1],[19722,2],[19737,1],[19742,1],[19754,1],[19775,1],[19805,1],[19843,1],[19848,1],[19864,1],[19905,1],[19931,1],[19951,2],[19966,1],[19971,1],[19983,1],[20005,1],[20038,1],[20077,1],[20082,1],[20094,1],[20120,1],[20150,1],[20193,1],[20198,1],[20210,1],[20233,1],[20269,1],[20309,1],[20314,1],[20330,1],[20358,1],[20379,1],[20398,2],[20413,1],[20418,1],[20430,1],[20458,1],[20491,1],[20537,1],[20542,1],[20555,1],[20585,1],[20617,1],[20664,1],[20669,1],[20682,1],[20710,1],[20739,1],[20784,1],[20789,1],[20802,1],[20824,1],[20850,1],[20877,2],[20897,1],[20934,2],[20954,1],[20975,1],[21000,1],[21016,1],[22231,1],[22242,1],[22471,2],[22480,1],[22615,1],[22648,1],[22722,1],[22767,1],[22778,1],[22798,1],[22812,1],[22817,1],[22829,1],[22860,1],[22891,1],[22925,1],[22930,1],[22946,1],[22982,1],[22994,2],[23009,1],[23014,1],[23026,1],[23047,1],[23077,1],[23115,1],[23120,1],[23136,1],[23177,1],[23192,2],[23207,1],[23212,1],[23224,1],[23246,1],[23279,1],[23332,1],[23337,1],[23349,1],[23375,1],[23405,1],[23462,1],[23467,1],[23479,1],[23502,1],[23538,1],[23592,1],[23597,1],[23613,1],[23641,1],[23651,2],[23666,1],[23671,1],[23683,1],[23711,1],[23744,1],[23790,1],[23795,1],[23808,1],[23838,1],[23870,1],[23917,1],[23922,1],[23935,1],[23963,1],[23992,1],[24037,1],[24042,1],[24055,1],[24077,1],[24103,1],[24130,2],[24150,1],[24152,1],[24397,2],[24406,1],[24542,1],[24575,1],[24649,1],[24694,1],[24705,1],[24725,1],[24739,1],[24746,1],[24777,1],[24808,1],[24842,1],[24849,1],[24871,1],[24904,1],[24929,1],[24936,1],[24964,1],[24997,1],[25029,1],[25036,1],[25062,1],[25092,1],[25121,1],[25128,1],[25151,1],[25187,1],[25201,2],[25221,1],[25223,1]]},"666":{"position":[[392,2],[960,2],[969,1],[995,1],[1007,1],[1009,1],[1025,4],[1123,2],[1135,1],[1292,2],[1304,1],[1400,1],[1793,2],[1802,1],[1828,1],[1840,1],[1842,1],[1858,4],[1950,2],[1962,1],[2113,2],[2125,1],[2221,1],[2486,2],[2495,1],[2521,1],[2533,1],[2535,1],[2551,4],[2660,1],[2662,2],[2706,1],[1357801,1],[1357858,2],[1357870,1],[1358021,2],[1358033,1],[1358129,1]]},"668":{"position":[[174,1],[879,2],[1450,2],[2308,2],[2443,1],[2456,1],[2458,2],[2652,2],[4128,1],[4365,2],[8208,1],[8292,1],[8304,1],[8326,1],[8342,1],[8347,1],[8359,1],[8382,1],[8403,1],[8442,1],[8449,2],[8466,1],[8471,1],[8483,1],[8504,1],[8536,1],[8573,1],[8580,2],[8597,1],[8602,1],[8614,1],[8636,1],[8659,1],[8697,1],[8704,2],[8721,1],[8726,1],[8738,1],[8759,1],[8788,1],[8825,1],[8833,2],[8850,1],[8855,1],[8867,1],[8891,1],[8921,1],[8959,1],[8966,2],[8983,1],[8988,1],[9000,1],[9022,1],[9041,1],[9079,1],[9086,2],[9103,1],[9108,1],[9120,1],[9144,1],[9163,1],[9201,1],[9208,2],[9225,1],[9230,1],[9242,1],[9265,1],[9287,1],[9324,1],[9331,2],[9348,1],[9353,1],[9365,1],[9387,1],[9406,1],[9443,1],[9450,2],[9453,2],[9456,1],[9578,1],[9638,1],[9640,1],[10708,1],[10792,1],[10804,1],[10826,1],[10842,1],[10847,1],[10859,1],[10882,1],[10903,1],[10942,1],[10949,2],[10966,1],[10971,1],[10983,1],[11004,1],[11036,1],[11073,1],[11080,2],[11097,1],[11102,1],[11114,1],[11136,1],[11159,1],[11197,1],[11204,2],[11221,1],[11226,1],[11238,1],[11259,1],[11288,1],[11325,1],[11333,2],[11350,1],[11355,1],[11367,1],[11391,1],[11421,1],[11459,1],[11466,2],[11483,1],[11488,1],[11500,1],[11522,1],[11541,1],[11579,1],[11586,2],[11603,1],[11608,1],[11620,1],[11644,1],[11663,1],[11701,1],[11708,2],[11725,1],[11730,1],[11742,1],[11765,1],[11787,1],[11824,1],[11831,2],[11848,1],[11853,1],[11865,1],[11887,1],[11906,1],[11943,1],[11950,2],[11953,2],[11956,1],[12078,1],[12138,1],[12140,1],[12987,1],[13071,1],[13083,1],[13105,1],[13121,1],[13126,1],[13138,1],[13161,1],[13182,1],[13221,1],[13228,2],[13245,1],[13250,1],[13262,1],[13283,1],[13315,1],[13352,1],[13359,2],[13376,1],[13381,1],[13393,1],[13415,1],[13438,1],[13476,1],[13483,2],[13500,1],[13505,1],[13517,1],[13538,1],[13567,1],[13604,1],[13612,2],[13629,1],[13634,1],[13646,1],[13670,1],[13700,1],[13738,1],[13745,2],[13762,1],[13767,1],[13779,1],[13801,1],[13820,1],[13858,1],[13865,2],[13882,1],[13887,1],[13899,1],[13923,1],[13942,1],[13980,1],[13987,2],[14004,1],[14009,1],[14021,1],[14045,1],[14072,1],[14110,1],[14117,2],[14134,1],[14139,1],[14151,1],[14175,1],[14197,1],[14235,1],[14242,2],[14259,1],[14264,1],[14276,1],[14299,1],[14321,1],[14358,1],[14365,2],[14382,1],[14387,1],[14399,1],[14421,1],[14440,1],[14477,1],[14484,2],[14501,1],[14506,1],[14518,1],[14542,1],[14565,1],[14603,1],[14610,2],[14613,2],[14616,1],[14738,1],[14798,1],[14800,1],[15231,2],[15349,2],[15469,2],[15595,2],[15708,2],[15788,1],[15872,1],[15884,1],[15906,1],[15922,1],[15927,1],[15939,1],[15962,1],[15983,1],[16022,1],[16029,2],[16046,1],[16051,1],[16063,1],[16084,1],[16116,1],[16153,1],[16160,2],[16177,1],[16182,1],[16194,1],[16216,1],[16239,1],[16277,1],[16284,2],[16301,1],[16306,1],[16318,1],[16339,1],[16368,1],[16405,1],[16413,2],[16430,1],[16435,1],[16447,1],[16471,1],[16501,1],[16539,1],[16546,2],[16563,1],[16568,1],[16580,1],[16602,1],[16621,1],[16659,1],[16666,2],[16683,1],[16688,1],[16700,1],[16724,1],[16743,1],[16781,1],[16788,2],[16805,1],[16810,1],[16822,1],[16845,1],[16867,1],[16904,1],[16911,2],[16928,1],[16933,1],[16945,1],[16967,1],[16986,1],[17023,1],[17030,2],[17033,2],[17036,1],[17158,1],[17218,1],[17220,1],[17700,2],[17838,2],[17985,2],[18130,2],[18267,2],[18498,1],[18519,1],[18540,1],[18583,1],[18640,1],[18769,1],[18794,2],[18883,1],[18901,2],[19009,1],[19057,1],[19086,1],[19102,1],[19107,1],[19119,1],[19142,1],[19163,1],[19202,1],[19209,2],[19226,1],[19231,1],[19243,1],[19264,1],[19296,1],[19333,1],[19340,2],[19357,1],[19362,1],[19374,1],[19396,1],[19419,1],[19457,1],[19464,2],[19481,1],[19486,1],[19498,1],[19519,1],[19548,1],[19585,1],[19593,2],[19610,1],[19615,1],[19627,1],[19651,1],[19681,1],[19719,1],[19726,2],[19743,1],[19748,1],[19760,1],[19782,1],[19801,1],[19839,1],[19846,2],[19863,1],[19868,1],[19880,1],[19904,1],[19923,1],[19961,1],[19968,2],[19985,1],[19990,1],[20002,1],[20026,1],[20053,1],[20091,1],[20098,2],[20115,1],[20120,1],[20132,1],[20156,1],[20178,1],[20216,1],[20223,2],[20240,1],[20245,1],[20257,1],[20280,1],[20302,1],[20339,1],[20346,2],[20363,1],[20368,1],[20380,1],[20402,1],[20421,1],[20458,1],[20465,2],[20482,1],[20487,1],[20499,1],[20523,1],[20546,1],[20584,1],[20591,2],[20594,2],[20597,1],[20665,1],[20685,1],[20709,2],[20728,1],[20740,1],[20776,1],[20778,1],[21746,1],[21911,1],[21936,2],[22025,1],[22043,2],[22151,1],[22199,1],[22228,1],[22244,1],[22249,1],[22261,1],[22284,1],[22305,1],[22344,1],[22351,2],[22368,1],[22373,1],[22385,1],[22406,1],[22438,1],[22475,1],[22482,2],[22499,1],[22504,1],[22516,1],[22538,1],[22561,1],[22599,1],[22606,2],[22623,1],[22628,1],[22640,1],[22661,1],[22690,1],[22727,1],[22735,2],[22752,1],[22757,1],[22769,1],[22793,1],[22823,1],[22861,1],[22868,2],[22885,1],[22890,1],[22902,1],[22924,1],[22943,1],[22981,1],[22988,2],[23005,1],[23010,1],[23022,1],[23046,1],[23065,1],[23103,1],[23110,2],[23127,1],[23132,1],[23144,1],[23167,1],[23189,1],[23226,1],[23233,2],[23250,1],[23255,1],[23267,1],[23289,1],[23308,1],[23345,1],[23352,2],[23355,2],[23358,1],[23360,1],[24428,1],[24593,1],[24618,2],[24707,1],[24725,2],[24833,1],[24881,1],[24910,1],[24926,1],[24931,1],[24943,1],[24966,1],[24987,1],[25026,1],[25033,2],[25050,1],[25055,1],[25067,1],[25088,1],[25120,1],[25157,1],[25164,2],[25181,1],[25186,1],[25198,1],[25220,1],[25243,1],[25281,1],[25288,2],[25305,1],[25310,1],[25322,1],[25343,1],[25372,1],[25409,1],[25417,2],[25434,1],[25439,1],[25451,1],[25475,1],[25505,1],[25543,1],[25550,2],[25567,1],[25572,1],[25584,1],[25606,1],[25625,1],[25663,1],[25670,2],[25687,1],[25692,1],[25704,1],[25728,1],[25747,1],[25785,1],[25792,2],[25809,1],[25814,1],[25826,1],[25849,1],[25871,1],[25908,1],[25915,2],[25932,1],[25937,1],[25949,1],[25971,1],[25990,1],[26027,1],[26034,2],[26037,2],[26040,1],[26042,1],[27705,1],[27870,1],[27895,2],[27984,1],[28002,2],[28110,1],[28158,1],[28187,1],[28203,1],[28208,1],[28225,1],[28245,1],[28262,1],[28301,1],[28342,1],[28363,1],[28400,1],[28417,1],[28424,2],[28441,1],[28446,1],[28463,1],[28481,1],[28496,1],[28533,1],[28574,1],[28606,1],[28641,1],[28659,1],[28666,2],[28683,1],[28688,1],[28705,1],[28724,1],[28740,1],[28778,1],[28819,1],[28842,1],[28878,1],[28896,1],[28903,2],[28920,1],[28925,1],[28942,1],[28960,1],[28975,1],[29012,1],[29053,1],[29082,1],[29117,1],[29135,1],[29143,2],[29160,1],[29165,1],[29182,1],[29203,1],[29219,1],[29259,1],[29300,1],[29330,1],[29366,1],[29388,1],[29395,2],[29412,1],[29417,1],[29434,1],[29453,1],[29466,1],[29504,1],[29545,1],[29564,1],[29600,1],[29618,1],[29625,2],[29642,1],[29647,1],[29664,1],[29685,1],[29703,1],[29743,1],[29784,1],[29803,1],[29839,1],[29857,1],[29864,2],[29881,1],[29886,1],[29903,1],[29923,1],[29942,1],[29981,1],[30022,1],[30044,1],[30079,1],[30097,1],[30104,2],[30121,1],[30126,1],[30143,1],[30162,1],[30181,1],[30219,1],[30260,1],[30279,1],[30314,1],[30331,1],[30338,2],[30341,2],[30344,1],[30346,1],[30838,2],[31122,2],[31316,2],[31497,2],[31684,2],[31882,2],[32076,2],[32163,1],[32215,1],[32227,1],[32229,1],[32361,1],[32381,1],[32383,3],[32415,1],[32469,2],[32495,1],[32497,2],[32570,1],[32632,1],[32683,1],[32696,1],[32916,1],[32923,1],[32950,1],[32965,3],[32969,1],[32971,1],[33644,2],[33765,2],[33956,2],[34085,2],[34201,2],[34282,1],[34447,1],[34472,2],[34561,1],[34579,2],[34687,1],[34735,1],[34764,1],[34780,1],[34785,1],[34797,1],[34820,1],[34841,1],[34880,1],[34887,2],[34904,1],[34909,1],[34921,1],[34942,1],[34974,1],[35011,1],[35018,2],[35035,1],[35040,1],[35052,1],[35074,1],[35097,1],[35135,1],[35142,2],[35159,1],[35164,1],[35176,1],[35197,1],[35226,1],[35263,1],[35271,2],[35288,1],[35293,1],[35305,1],[35329,1],[35359,1],[35397,1],[35404,2],[35421,1],[35426,1],[35438,1],[35460,1],[35479,1],[35517,1],[35524,2],[35541,1],[35546,1],[35558,1],[35582,1],[35601,1],[35639,1],[35646,2],[35663,1],[35668,1],[35680,1],[35703,1],[35725,1],[35762,1],[35769,2],[35786,1],[35791,1],[35803,1],[35825,1],[35844,1],[35881,1],[35888,2],[35891,2],[35894,1],[35896,1],[36389,2],[36510,2],[36733,2],[36849,2],[36930,1],[37095,1],[37120,2],[37209,1],[37227,2],[37335,1],[37383,1],[37412,1],[37428,1],[37433,1],[37445,1],[37468,1],[37489,1],[37528,1],[37535,2],[37552,1],[37557,1],[37569,1],[37590,1],[37622,1],[37659,1],[37666,2],[37683,1],[37688,1],[37700,1],[37722,1],[37745,1],[37783,1],[37790,2],[37807,1],[37812,1],[37824,1],[37845,1],[37874,1],[37911,1],[37919,2],[37936,1],[37941,1],[37953,1],[37977,1],[38007,1],[38045,1],[38052,2],[38069,1],[38074,1],[38086,1],[38108,1],[38127,1],[38165,1],[38172,2],[38189,1],[38194,1],[38206,1],[38230,1],[38249,1],[38287,1],[38294,2],[38311,1],[38316,1],[38328,1],[38351,1],[38373,1],[38410,1],[38417,2],[38434,1],[38439,1],[38451,1],[38473,1],[38492,1],[38529,1],[38536,2],[38539,2],[38542,1],[38544,1],[39506,1],[39671,1],[39696,2],[39785,1],[39803,2],[39911,1],[39959,1],[39988,1],[40004,1],[40009,1],[40021,1],[40044,1],[40065,1],[40104,1],[40111,2],[40128,1],[40133,1],[40145,1],[40166,1],[40198,1],[40235,1],[40242,2],[40259,1],[40264,1],[40276,1],[40298,1],[40321,1],[40359,1],[40366,2],[40383,1],[40388,1],[40400,1],[40421,1],[40450,1],[40487,1],[40495,2],[40512,1],[40517,1],[40529,1],[40553,1],[40583,1],[40621,1],[40628,2],[40645,1],[40650,1],[40662,1],[40684,1],[40703,1],[40741,1],[40748,2],[40765,1],[40770,1],[40782,1],[40806,1],[40825,1],[40863,1],[40870,2],[40887,1],[40892,1],[40904,1],[40927,1],[40949,1],[40986,1],[40993,2],[41010,1],[41015,1],[41027,1],[41049,1],[41068,1],[41105,1],[41112,2],[41115,2],[41118,1],[41120,1],[42122,1],[42287,1],[42312,2],[42401,1],[42419,2],[42527,1],[42575,1],[42604,1],[42620,1],[42625,1],[42637,1],[42660,1],[42684,1],[42701,1],[42708,2],[42725,1],[42730,1],[42742,1],[42763,1],[42798,1],[42816,1],[42823,2],[42840,1],[42845,1],[42857,1],[42879,1],[42905,1],[42923,1],[42930,2],[42947,1],[42952,1],[42964,1],[42985,1],[43017,1],[43035,1],[43043,2],[43060,1],[43065,1],[43077,1],[43101,1],[43134,1],[43156,1],[43163,2],[43180,1],[43185,1],[43197,1],[43219,1],[43241,1],[43259,1],[43266,2],[43283,1],[43288,1],[43300,1],[43324,1],[43346,1],[43364,1],[43371,2],[43388,1],[43393,1],[43405,1],[43428,1],[43453,1],[43471,1],[43478,2],[43495,1],[43500,1],[43512,1],[43534,1],[43556,1],[43573,1],[43580,2],[43583,2],[43586,1],[43588,1],[44710,1],[44875,1],[44900,2],[44989,1],[45007,2],[45115,1],[45163,1],[45192,1],[45208,1],[45213,1],[45225,1],[45248,1],[45272,1],[45289,1],[45296,2],[45313,1],[45318,1],[45330,1],[45351,1],[45386,1],[45404,1],[45411,2],[45428,1],[45433,1],[45445,1],[45467,1],[45493,1],[45511,1],[45518,2],[45535,1],[45540,1],[45552,1],[45573,1],[45605,1],[45623,1],[45631,2],[45648,1],[45653,1],[45665,1],[45689,1],[45722,1],[45744,1],[45751,2],[45768,1],[45773,1],[45785,1],[45807,1],[45829,1],[45847,1],[45854,2],[45871,1],[45876,1],[45888,1],[45912,1],[45934,1],[45952,1],[45959,2],[45976,1],[45981,1],[45993,1],[46016,1],[46041,1],[46059,1],[46066,2],[46083,1],[46088,1],[46100,1],[46122,1],[46144,1],[46161,1],[46168,2],[46171,2],[46174,1],[46176,1],[47546,1],[47711,1],[47736,2],[47825,1],[47843,2],[47951,1],[47999,1],[48028,1],[48044,1],[48049,1],[48066,1],[48086,1],[48103,1],[48142,1],[48183,1],[48204,1],[48241,1],[48258,1],[48265,2],[48282,1],[48287,1],[48304,1],[48322,1],[48337,1],[48374,1],[48415,1],[48447,1],[48482,1],[48500,1],[48507,2],[48524,1],[48529,1],[48546,1],[48565,1],[48581,1],[48619,1],[48660,1],[48683,1],[48719,1],[48737,1],[48744,2],[48761,1],[48766,1],[48783,1],[48801,1],[48816,1],[48853,1],[48894,1],[48923,1],[48958,1],[48976,1],[48984,2],[49001,1],[49006,1],[49023,1],[49044,1],[49060,1],[49100,1],[49141,1],[49171,1],[49207,1],[49229,1],[49236,2],[49253,1],[49258,1],[49275,1],[49294,1],[49307,1],[49345,1],[49386,1],[49405,1],[49441,1],[49459,1],[49466,2],[49483,1],[49488,1],[49505,1],[49526,1],[49544,1],[49584,1],[49625,1],[49644,1],[49680,1],[49698,1],[49705,2],[49722,1],[49727,1],[49744,1],[49764,1],[49783,1],[49822,1],[49863,1],[49885,1],[49920,1],[49938,1],[49945,2],[49962,1],[49967,1],[49984,1],[50003,1],[50022,1],[50060,1],[50101,1],[50120,1],[50155,1],[50172,1],[50179,2],[50182,2],[50185,1],[50187,1],[50928,1],[51048,1],[51119,1],[51126,1],[51161,1],[51165,3],[51169,1],[51171,1],[58364,1],[58484,1],[58555,1],[58562,1],[58597,1],[58601,3],[58605,1],[58607,1],[59529,2],[59737,2],[59884,2],[60029,2],[60166,2],[60246,1],[60285,1],[60370,1],[60382,1],[60384,1],[60516,1],[60541,2],[60630,1],[60648,2],[60756,1],[60822,1],[60854,2],[60985,1],[61010,1],[61126,1],[61184,1],[61203,1],[61355,1],[61466,1],[61514,1],[61543,1],[61559,1],[61564,1],[61576,1],[61599,1],[61620,1],[61659,1],[61666,2],[61683,1],[61688,1],[61700,1],[61721,1],[61753,1],[61790,1],[61797,2],[61814,1],[61819,1],[61831,1],[61853,1],[61876,1],[61914,1],[61921,2],[61938,1],[61943,1],[61955,1],[61976,1],[62005,1],[62042,1],[62050,2],[62067,1],[62072,1],[62084,1],[62108,1],[62138,1],[62176,1],[62183,2],[62200,1],[62205,1],[62217,1],[62239,1],[62258,1],[62296,1],[62303,2],[62320,1],[62325,1],[62337,1],[62361,1],[62380,1],[62418,1],[62425,2],[62442,1],[62447,1],[62459,1],[62483,1],[62510,1],[62548,1],[62555,2],[62572,1],[62577,1],[62589,1],[62613,1],[62635,1],[62673,1],[62680,2],[62697,1],[62702,1],[62714,1],[62737,1],[62759,1],[62796,1],[62803,2],[62820,1],[62825,1],[62837,1],[62859,1],[62878,1],[62915,1],[62922,2],[62939,1],[62944,1],[62956,1],[62980,1],[63003,1],[63041,1],[63048,2],[63051,2],[63054,1],[63056,1],[63344,1],[64024,1],[64032,1],[64071,1],[64096,1],[64135,1],[64171,1],[64187,1],[64192,1],[64204,1],[64227,1],[64248,1],[64287,1],[64294,2],[64311,1],[64316,1],[64328,1],[64349,1],[64381,1],[64418,1],[64425,2],[64442,1],[64447,1],[64459,1],[64481,1],[64504,1],[64542,1],[64549,2],[64566,1],[64571,1],[64583,1],[64604,1],[64633,1],[64670,1],[64678,2],[64695,1],[64700,1],[64712,1],[64736,1],[64766,1],[64804,1],[64811,1],[64813,3],[64854,1],[64890,1],[64906,1],[64911,1],[64923,1],[64945,1],[64964,1],[65002,1],[65009,2],[65026,1],[65031,1],[65043,1],[65067,1],[65086,1],[65124,1],[65131,2],[65148,1],[65153,1],[65165,1],[65188,1],[65210,1],[65247,1],[65254,2],[65271,1],[65276,1],[65288,1],[65310,1],[65329,1],[65366,1],[65373,1],[65375,2],[65378,2],[65381,1],[66484,1],[66507,1],[66595,1],[66607,1],[66629,1],[66645,1],[66650,1],[66662,1],[66685,1],[66706,1],[66745,1],[66752,2],[66769,1],[66774,1],[66786,1],[66807,1],[66839,1],[66876,1],[66883,2],[66900,1],[66905,1],[66917,1],[66939,1],[66962,1],[67000,1],[67007,2],[67024,1],[67029,1],[67041,1],[67062,1],[67091,1],[67128,1],[67136,2],[67153,1],[67158,1],[67170,1],[67194,1],[67224,1],[67262,1],[67269,1],[67271,2],[67274,1],[67309,1],[67311,2],[67373,2],[67472,1],[67502,1],[67504,2],[67539,1],[67610,2],[67699,2],[67750,1],[67758,1],[67795,1],[67805,1],[67831,1],[67850,2],[67859,1],[67873,1],[67913,1],[67948,1],[68060,1],[68080,1],[68082,1],[69071,2],[69209,2],[69356,2],[69501,2],[69638,2],[69718,1],[69883,1],[69908,2],[69997,1],[70015,2],[70123,1],[70167,1],[70236,2],[70297,1],[70345,1],[70374,1],[70390,1],[70395,1],[70407,1],[70430,1],[70451,1],[70490,1],[70497,2],[70514,1],[70519,1],[70531,1],[70552,1],[70584,1],[70621,1],[70628,2],[70645,1],[70650,1],[70662,1],[70684,1],[70707,1],[70745,1],[70752,2],[70769,1],[70774,1],[70786,1],[70807,1],[70836,1],[70873,1],[70881,2],[70898,1],[70903,1],[70915,1],[70939,1],[70969,1],[71007,1],[71014,2],[71031,1],[71036,1],[71048,1],[71070,1],[71089,1],[71127,1],[71134,2],[71151,1],[71156,1],[71168,1],[71192,1],[71211,1],[71249,1],[71256,2],[71273,1],[71278,1],[71290,1],[71314,1],[71341,1],[71379,1],[71386,2],[71403,1],[71408,1],[71420,1],[71444,1],[71466,1],[71504,1],[71511,2],[71528,1],[71533,1],[71545,1],[71568,1],[71590,1],[71627,1],[71634,2],[71651,1],[71656,1],[71668,1],[71690,1],[71709,1],[71746,1],[71753,2],[71770,1],[71775,1],[71787,1],[71811,1],[71834,1],[71872,1],[71879,2],[71882,2],[71885,1],[71887,1],[72428,2],[72566,2],[72713,2],[72858,2],[72995,2],[73030,2],[73044,1],[73062,1],[73143,1],[73307,1],[73332,2],[73421,1],[73439,2],[73547,1],[73595,1],[73624,1],[73640,1],[73645,1],[73657,1],[73680,1],[73701,1],[73740,1],[73747,2],[73764,1],[73769,1],[73781,1],[73802,1],[73834,1],[73871,1],[73878,2],[73895,1],[73900,1],[73912,1],[73934,1],[73957,1],[73995,1],[74002,2],[74019,1],[74024,1],[74036,1],[74057,1],[74086,1],[74123,1],[74131,2],[74148,1],[74153,1],[74165,1],[74189,1],[74219,1],[74257,1],[74264,2],[74281,1],[74286,1],[74298,1],[74320,1],[74339,1],[74377,1],[74384,2],[74401,1],[74406,1],[74418,1],[74442,1],[74461,1],[74499,1],[74506,2],[74523,1],[74528,1],[74540,1],[74564,1],[74591,1],[74629,1],[74636,2],[74653,1],[74658,1],[74670,1],[74694,1],[74716,1],[74754,1],[74761,2],[74778,1],[74783,1],[74795,1],[74818,1],[74840,1],[74877,1],[74884,2],[74901,1],[74906,1],[74918,1],[74940,1],[74959,1],[74996,1],[75003,2],[75020,1],[75025,1],[75037,1],[75061,1],[75084,1],[75122,1],[75129,2],[75132,2],[75135,1],[75137,1],[75587,2],[75745,2],[75892,2],[76037,2],[76174,2],[76254,1],[76419,1],[76444,2],[76533,1],[76551,2],[76659,1],[76707,1],[76736,1],[76752,1],[76757,1],[76769,1],[76792,1],[76813,1],[76852,1],[76859,2],[76876,1],[76881,1],[76893,1],[76914,1],[76946,1],[76983,1],[76990,2],[77007,1],[77012,1],[77024,1],[77046,1],[77069,1],[77107,1],[77114,2],[77131,1],[77136,1],[77148,1],[77169,1],[77198,1],[77235,1],[77243,2],[77260,1],[77265,1],[77277,1],[77301,1],[77331,1],[77369,1],[77376,2],[77393,1],[77398,1],[77410,1],[77432,1],[77451,1],[77489,1],[77496,2],[77513,1],[77518,1],[77530,1],[77554,1],[77573,1],[77611,1],[77618,2],[77635,1],[77640,1],[77652,1],[77676,1],[77703,1],[77741,1],[77748,2],[77765,1],[77770,1],[77782,1],[77806,1],[77828,1],[77866,1],[77873,2],[77890,1],[77895,1],[77907,1],[77930,1],[77952,1],[77989,1],[77996,2],[78013,1],[78018,1],[78030,1],[78052,1],[78071,1],[78108,1],[78115,2],[78132,1],[78137,1],[78149,1],[78173,1],[78196,1],[78234,1],[78241,2],[78244,2],[78247,1],[78249,1],[78776,2],[78914,2],[79061,2],[79206,2],[79389,2],[79464,2],[79526,1],[79569,1],[79607,1],[79613,2],[79633,2],[79648,2],[79662,2],[79704,2],[79718,1],[79728,1],[79850,1],[79929,2],[80018,1],[80036,2],[80144,1],[80192,1],[80221,1],[80237,1],[80242,1],[80254,1],[80277,1],[80298,1],[80337,1],[80344,2],[80361,1],[80366,1],[80378,1],[80399,1],[80431,1],[80468,1],[80475,2],[80492,1],[80497,1],[80509,1],[80531,1],[80554,1],[80592,1],[80599,2],[80616,1],[80621,1],[80633,1],[80654,1],[80683,1],[80720,1],[80728,2],[80745,1],[80750,1],[80762,1],[80786,1],[80816,1],[80854,1],[80861,2],[80878,1],[80883,1],[80895,1],[80917,1],[80936,1],[80974,1],[80981,2],[80998,1],[81003,1],[81015,1],[81039,1],[81058,1],[81096,1],[81103,2],[81120,1],[81125,1],[81137,1],[81161,1],[81188,1],[81226,1],[81233,2],[81250,1],[81255,1],[81267,1],[81291,1],[81313,1],[81351,1],[81358,2],[81375,1],[81380,1],[81392,1],[81415,1],[81437,1],[81474,1],[81481,2],[81498,1],[81503,1],[81515,1],[81537,1],[81556,1],[81593,1],[81600,2],[81617,1],[81622,1],[81634,1],[81658,1],[81681,1],[81719,1],[81726,2],[81729,2],[81732,1],[81734,1],[82760,1],[82781,1],[82802,1],[82845,1],[82902,1],[83031,1],[83110,2],[83199,1],[83217,2],[83325,1],[83373,1],[83402,1],[83418,1],[83423,1],[83435,1],[83458,1],[83479,1],[83518,1],[83525,2],[83542,1],[83547,1],[83559,1],[83580,1],[83612,1],[83649,1],[83656,2],[83673,1],[83678,1],[83690,1],[83712,1],[83735,1],[83773,1],[83780,2],[83797,1],[83802,1],[83814,1],[83835,1],[83864,1],[83901,1],[83909,2],[83926,1],[83931,1],[83943,1],[83967,1],[83997,1],[84035,1],[84042,2],[84059,1],[84064,1],[84076,1],[84098,1],[84117,1],[84155,1],[84162,2],[84179,1],[84184,1],[84196,1],[84220,1],[84239,1],[84277,1],[84284,2],[84301,1],[84306,1],[84318,1],[84341,1],[84363,1],[84400,1],[84407,2],[84424,1],[84429,1],[84441,1],[84463,1],[84482,1],[84519,1],[84526,2],[84529,2],[84532,1],[84600,1],[84620,1],[84644,2],[84663,1],[84675,1],[84711,1],[84713,1],[85786,1],[85807,1],[85828,1],[85871,1],[85928,1],[86057,1],[86136,2],[86225,1],[86243,2],[86351,1],[86399,1],[86428,1],[86444,1],[86449,1],[86461,1],[86484,1],[86505,1],[86544,1],[86551,2],[86568,1],[86573,1],[86585,1],[86606,1],[86638,1],[86675,1],[86682,2],[86699,1],[86704,1],[86716,1],[86738,1],[86761,1],[86799,1],[86806,2],[86823,1],[86828,1],[86840,1],[86861,1],[86890,1],[86927,1],[86935,2],[86952,1],[86957,1],[86969,1],[86993,1],[87023,1],[87061,1],[87068,2],[87085,1],[87090,1],[87102,1],[87124,1],[87143,1],[87181,1],[87188,2],[87205,1],[87210,1],[87222,1],[87246,1],[87265,1],[87303,1],[87310,2],[87327,1],[87332,1],[87344,1],[87367,1],[87389,1],[87426,1],[87433,2],[87450,1],[87455,1],[87467,1],[87489,1],[87508,1],[87545,1],[87552,2],[87555,2],[87558,1],[87626,1],[87646,1],[87670,2],[87689,1],[87701,1],[87737,1],[87739,1],[89281,1],[89302,1],[89323,1],[89366,1],[89423,1],[89552,1],[89577,2],[89666,1],[89684,2],[89792,1],[89840,1],[89869,1],[89885,1],[89890,1],[89902,1],[89925,1],[89946,1],[89985,1],[89992,2],[90009,1],[90014,1],[90026,1],[90047,1],[90079,1],[90116,1],[90123,2],[90140,1],[90145,1],[90157,1],[90179,1],[90202,1],[90240,1],[90247,2],[90264,1],[90269,1],[90281,1],[90302,1],[90331,1],[90368,1],[90376,2],[90393,1],[90398,1],[90410,1],[90434,1],[90464,1],[90502,1],[90509,2],[90526,1],[90531,1],[90543,1],[90565,1],[90584,1],[90622,1],[90629,2],[90646,1],[90651,1],[90663,1],[90687,1],[90706,1],[90744,1],[90751,2],[90768,1],[90773,1],[90785,1],[90808,1],[90830,1],[90867,1],[90874,2],[90891,1],[90896,1],[90908,1],[90930,1],[90949,1],[90986,1],[90993,2],[90996,2],[90999,1],[91079,1],[91104,2],[91112,1],[91120,2],[91155,1],[91161,1],[91218,1],[91234,1],[91241,2],[91276,1],[91282,1],[91350,1],[91370,1],[91394,2],[91413,1],[91425,1],[91461,1],[91463,1],[93441,1],[93462,1],[93483,1],[93526,1],[93583,1],[93712,1],[93791,2],[93880,1],[93898,2],[94006,1],[94054,1],[94083,1],[94099,1],[94104,1],[94116,1],[94139,1],[94160,1],[94199,1],[94206,2],[94223,1],[94228,1],[94240,1],[94261,1],[94293,1],[94330,1],[94337,2],[94354,1],[94359,1],[94371,1],[94393,1],[94416,1],[94454,1],[94461,2],[94478,1],[94483,1],[94495,1],[94516,1],[94545,1],[94582,1],[94590,2],[94607,1],[94612,1],[94624,1],[94648,1],[94678,1],[94716,1],[94723,2],[94740,1],[94745,1],[94757,1],[94779,1],[94798,1],[94836,1],[94843,2],[94860,1],[94865,1],[94877,1],[94901,1],[94920,1],[94958,1],[94965,2],[94982,1],[94987,1],[94999,1],[95022,1],[95044,1],[95081,1],[95088,2],[95105,1],[95110,1],[95122,1],[95144,1],[95163,1],[95200,1],[95207,2],[95210,2],[95213,1],[95281,1],[95301,1],[95325,2],[95344,1],[95356,1],[95392,1],[95394,1],[96109,2],[96224,2],[96341,2],[96388,1],[96411,1],[96457,1],[96589,1],[96614,2],[96703,1],[96721,2],[96829,1],[96877,1],[96906,1],[96922,1],[96927,1],[96939,1],[96962,1],[96983,1],[97022,1],[97029,2],[97046,1],[97051,1],[97063,1],[97084,1],[97116,1],[97153,1],[97160,2],[97177,1],[97182,1],[97194,1],[97216,1],[97239,1],[97277,1],[97284,2],[97301,1],[97306,1],[97318,1],[97339,1],[97368,1],[97405,1],[97413,2],[97430,1],[97435,1],[97447,1],[97471,1],[97501,1],[97539,1],[97546,2],[97563,1],[97568,1],[97580,1],[97602,1],[97621,1],[97659,1],[97666,2],[97683,1],[97688,1],[97700,1],[97724,1],[97743,1],[97781,1],[97788,2],[97805,1],[97810,1],[97822,1],[97846,1],[97873,1],[97911,1],[97918,2],[97935,1],[97940,1],[97952,1],[97976,1],[97998,1],[98036,1],[98043,2],[98060,1],[98065,1],[98077,1],[98100,1],[98122,1],[98159,1],[98166,2],[98183,1],[98188,1],[98200,1],[98222,1],[98241,1],[98278,1],[98285,2],[98302,1],[98307,1],[98319,1],[98343,1],[98366,1],[98404,1],[98411,2],[98414,2],[98417,1],[98453,2],[98465,1],[98473,1],[98725,1],[98735,3],[99209,1],[99252,1],[99384,1],[99409,2],[99498,1],[99516,2],[99624,1],[99672,1],[99701,1],[99717,1],[99722,1],[99734,1],[99757,1],[99778,1],[99817,1],[99824,2],[99841,1],[99846,1],[99858,1],[99879,1],[99911,1],[99948,1],[99955,2],[99972,1],[99977,1],[99989,1],[100011,1],[100034,1],[100072,1],[100079,2],[100096,1],[100101,1],[100113,1],[100134,1],[100163,1],[100200,1],[100208,2],[100225,1],[100230,1],[100242,1],[100266,1],[100296,1],[100334,1],[100341,2],[100358,1],[100363,1],[100375,1],[100397,1],[100416,1],[100454,1],[100461,2],[100478,1],[100483,1],[100495,1],[100519,1],[100538,1],[100576,1],[100583,2],[100600,1],[100605,1],[100617,1],[100641,1],[100668,1],[100706,1],[100713,2],[100730,1],[100735,1],[100747,1],[100771,1],[100793,1],[100831,1],[100838,2],[100855,1],[100860,1],[100872,1],[100895,1],[100917,1],[100954,1],[100961,2],[100978,1],[100983,1],[100995,1],[101017,1],[101036,1],[101073,1],[101080,2],[101097,1],[101102,1],[101114,1],[101138,1],[101161,1],[101199,1],[101206,2],[101209,2],[101212,1],[101214,1],[101518,2],[101636,2],[101756,2],[101882,2],[101995,2],[102349,2],[102467,2],[102587,2],[102713,2],[102826,2],[103166,2],[103284,2],[103404,2],[103530,2],[103643,2],[103997,2],[104115,2],[104235,2],[104361,2],[104474,2],[104554,1],[104597,1],[104729,1],[104754,2],[104843,1],[104861,2],[104969,1],[105017,1],[105046,1],[105062,1],[105067,1],[105079,1],[105100,1],[105132,1],[105169,1],[105176,2],[105193,1],[105198,1],[105210,1],[105232,1],[105255,1],[105293,1],[105300,2],[105317,1],[105322,1],[105334,1],[105355,1],[105384,1],[105421,1],[105429,2],[105446,1],[105451,1],[105463,1],[105487,1],[105517,1],[105555,1],[105562,2],[105579,1],[105584,1],[105596,1],[105618,1],[105637,1],[105675,1],[105682,2],[105699,1],[105704,1],[105716,1],[105740,1],[105759,1],[105797,1],[105804,2],[105807,2],[105810,1],[105812,1],[106230,2],[106368,2],[106515,2],[106660,2],[106797,2],[107250,2],[107388,2],[107535,2],[107680,2],[107817,2],[108268,2],[108406,2],[108553,2],[108698,2],[108835,2],[109288,2],[109426,2],[109573,2],[109718,2],[109855,2],[110302,2],[110440,2],[110587,2],[110732,2],[110869,2],[111316,2],[111454,2],[111601,2],[111746,2],[111883,2],[112340,2],[112478,2],[112625,2],[112770,2],[112907,2],[112987,1],[113030,1],[113162,1],[113187,2],[113276,1],[113294,2],[113402,1],[113450,1],[113479,1],[113495,1],[113500,1],[113512,1],[113533,1],[113565,1],[113602,1],[113609,2],[113626,1],[113631,1],[113643,1],[113665,1],[113688,1],[113726,1],[113733,2],[113750,1],[113755,1],[113767,1],[113788,1],[113817,1],[113854,1],[113862,2],[113879,1],[113884,1],[113896,1],[113920,1],[113950,1],[113988,1],[113995,2],[114012,1],[114017,1],[114029,1],[114051,1],[114070,1],[114108,1],[114115,2],[114132,1],[114137,1],[114149,1],[114173,1],[114192,1],[114230,1],[114237,2],[114240,2],[114243,1],[114245,1],[114589,2],[114707,2],[114827,2],[114953,2],[115066,2],[115146,1],[115183,1],[115195,1],[115197,1],[115250,1],[115382,1],[115407,2],[115496,1],[115514,2],[115622,1],[115670,1],[115699,1],[115715,1],[115720,1],[115732,1],[115753,1],[115785,1],[115822,1],[115829,2],[115846,1],[115851,1],[115863,1],[115885,1],[115908,1],[115946,1],[115953,2],[115970,1],[115975,1],[115987,1],[116008,1],[116037,1],[116074,1],[116082,2],[116099,1],[116104,1],[116116,1],[116140,1],[116170,1],[116208,1],[116215,2],[116232,1],[116237,1],[116249,1],[116271,1],[116290,1],[116328,1],[116335,2],[116352,1],[116357,1],[116369,1],[116393,1],[116412,1],[116450,1],[116457,2],[116460,2],[116463,1],[116529,1],[116576,1],[116583,1],[116610,1],[116640,1],[116688,3],[116692,1],[116694,1],[117056,2],[117174,2],[117294,2],[117420,2],[117533,2],[117613,1],[117650,1],[117662,1],[117664,1],[117717,1],[117849,1],[117874,2],[117963,1],[117981,2],[118089,1],[118137,1],[118166,1],[118182,1],[118187,1],[118199,1],[118220,1],[118252,1],[118289,1],[118296,2],[118313,1],[118318,1],[118330,1],[118352,1],[118375,1],[118413,1],[118420,2],[118437,1],[118442,1],[118454,1],[118475,1],[118504,1],[118541,1],[118549,2],[118566,1],[118571,1],[118583,1],[118607,1],[118637,1],[118675,1],[118682,2],[118699,1],[118704,1],[118716,1],[118738,1],[118757,1],[118795,1],[118802,2],[118819,1],[118824,1],[118836,1],[118860,1],[118879,1],[118917,1],[118924,2],[118927,2],[118930,1],[119002,1],[119049,1],[119056,1],[119083,1],[119120,1],[119168,3],[119172,1],[119174,1],[119709,1],[119719,3],[119938,2],[120076,2],[120223,2],[120368,2],[120505,2],[120585,1],[120628,1],[120725,1],[120750,1],[120784,2],[120954,2],[121314,2],[121618,2],[121747,1],[121869,1],[121894,2],[121983,1],[122001,2],[122109,1],[122157,1],[122186,1],[122202,1],[122207,1],[122219,1],[122242,1],[122263,1],[122302,1],[122309,2],[122326,1],[122331,1],[122343,1],[122364,1],[122396,1],[122433,1],[122440,2],[122457,1],[122462,1],[122474,1],[122496,1],[122519,1],[122557,1],[122564,2],[122581,1],[122586,1],[122598,1],[122619,1],[122648,1],[122685,1],[122693,2],[122710,1],[122715,1],[122727,1],[122751,1],[122781,1],[122819,1],[122826,2],[122843,1],[122848,1],[122860,1],[122882,1],[122901,1],[122939,1],[122946,2],[122963,1],[122968,1],[122980,1],[123004,1],[123023,1],[123061,1],[123068,2],[123085,1],[123090,1],[123102,1],[123126,1],[123153,1],[123191,1],[123198,2],[123215,1],[123220,1],[123232,1],[123256,1],[123278,1],[123316,1],[123323,2],[123340,1],[123345,1],[123357,1],[123380,1],[123402,1],[123439,1],[123446,2],[123463,1],[123468,1],[123480,1],[123502,1],[123521,1],[123558,1],[123565,2],[123582,1],[123587,1],[123599,1],[123623,1],[123646,1],[123684,1],[123691,2],[123694,2],[123697,1],[123699,1],[125439,1],[125478,1],[125531,1],[125610,1],[125656,1],[125778,1],[125803,2],[125892,1],[125910,2],[126018,1],[126066,1],[126095,1],[126111,1],[126116,1],[126128,1],[126151,1],[126172,1],[126211,1],[126218,2],[126235,1],[126240,1],[126253,1],[126274,1],[126306,1],[126343,1],[126350,2],[126367,1],[126372,1],[126384,1],[126406,1],[126429,1],[126467,1],[126474,2],[126491,1],[126496,1],[126508,1],[126529,1],[126558,1],[126595,1],[126603,2],[126620,1],[126625,1],[126637,1],[126661,1],[126691,1],[126729,1],[126736,2],[126753,1],[126758,1],[126770,1],[126792,1],[126811,1],[126849,1],[126856,2],[126873,1],[126878,1],[126890,1],[126914,1],[126933,1],[126971,1],[126978,2],[126995,1],[127000,1],[127012,1],[127035,1],[127057,1],[127094,1],[127101,2],[127118,1],[127123,1],[127135,1],[127157,1],[127176,1],[127193,1],[127200,2],[127217,1],[127222,1],[127234,1],[127257,1],[127269,1],[127306,1],[127313,2],[127316,2],[127319,1],[127321,1],[127712,2],[127996,2],[128190,2],[128371,2],[128558,2],[128756,2],[128974,2],[129076,1],[129128,1],[129140,1],[129142,1],[129274,1],[129294,1],[129296,3],[129328,1],[129382,2],[129408,1],[129410,2],[129483,1],[129544,1],[129594,1],[129607,1],[129827,1],[129834,1],[129861,1],[129876,3],[129880,1],[129882,1],[130270,2],[130595,2],[130789,2],[130970,2],[131157,2],[131355,2],[131627,2],[131729,1],[131781,1],[131793,1],[131795,1],[131927,1],[131947,1],[131949,3],[131981,1],[132035,2],[132061,1],[132063,2],[132136,1],[132197,1],[132247,1],[132260,1],[132480,1],[132487,1],[132514,1],[132529,3],[132533,1],[132535,1],[132960,2],[133285,2],[133479,2],[133660,2],[133847,2],[134045,2],[134317,2],[134419,1],[134471,1],[134483,1],[134485,1],[134617,1],[134637,1],[134639,3],[134671,1],[134725,2],[134751,1],[134753,2],[134826,1],[134887,1],[134937,1],[134950,1],[135170,1],[135177,1],[135204,1],[135219,3],[135223,1],[135225,1],[135684,2],[136010,2],[136204,2],[136385,2],[136572,2],[136850,2],[137122,2],[137224,1],[137276,1],[137288,1],[137290,1],[137422,1],[137442,1],[137444,3],[137476,1],[137530,2],[137556,1],[137558,2],[137631,1],[137692,1],[137742,1],[137755,1],[137975,1],[137982,1],[138009,1],[138024,3],[138028,1],[138030,1],[138480,1],[138490,3],[138613,2],[138751,2],[138898,2],[139043,2],[139180,2],[139260,1],[139303,1],[139435,1],[139460,2],[139549,1],[139567,2],[139675,1],[139723,1],[139752,1],[139768,1],[139773,1],[139785,1],[139808,1],[139829,1],[139868,1],[139875,2],[139892,1],[139897,1],[139909,1],[139930,1],[139962,1],[139999,1],[140006,2],[140023,1],[140028,1],[140040,1],[140062,1],[140085,1],[140123,1],[140130,2],[140147,1],[140152,1],[140164,1],[140185,1],[140214,1],[140251,1],[140259,2],[140276,1],[140281,1],[140293,1],[140317,1],[140347,1],[140385,1],[140392,2],[140409,1],[140414,1],[140426,1],[140448,1],[140467,1],[140505,1],[140512,2],[140529,1],[140534,1],[140546,1],[140570,1],[140589,1],[140627,1],[140634,2],[140651,1],[140656,1],[140668,1],[140692,1],[140719,1],[140757,1],[140764,2],[140781,1],[140786,1],[140798,1],[140822,1],[140844,1],[140882,1],[140889,2],[140906,1],[140911,1],[140923,1],[140946,1],[140968,1],[141005,1],[141012,2],[141029,1],[141034,1],[141046,1],[141068,1],[141087,1],[141124,1],[141131,2],[141148,1],[141153,1],[141165,1],[141189,1],[141212,1],[141250,1],[141257,2],[141260,2],[141263,1],[141265,1],[141892,1],[141926,1],[141970,1],[142049,1],[142095,1],[142203,1],[142224,2],[142309,1],[142323,2],[142427,1],[142466,1],[142490,1],[142501,1],[142506,1],[142518,1],[142533,1],[142570,1],[142594,2],[142606,1],[142611,1],[142624,1],[142637,1],[142672,1],[142694,2],[142706,1],[142711,1],[142723,1],[142737,1],[142773,1],[142797,2],[142809,1],[142814,1],[142826,1],[142839,1],[142874,1],[142898,2],[142910,1],[142915,1],[142927,1],[142943,1],[142979,1],[143012,2],[143024,1],[143029,1],[143041,1],[143055,1],[143091,1],[143124,2],[143136,1],[143141,1],[143153,1],[143169,1],[143205,1],[143229,2],[143241,1],[143246,1],[143258,1],[143273,1],[143308,1],[143330,2],[143342,1],[143347,1],[143359,1],[143373,1],[143388,1],[143410,2],[143422,1],[143427,1],[143439,1],[143454,1],[143489,1],[143511,2],[143514,2],[143517,1],[143544,1],[143561,1],[143573,1],[143595,1],[143607,1],[143630,1],[143642,1],[143669,1],[143681,1],[143683,1],[143708,1],[143752,1],[143754,1],[144544,1],[144578,1],[144622,1],[144701,1],[144747,1],[144855,1],[144876,2],[144961,1],[144975,2],[145079,1],[145118,1],[145142,1],[145153,1],[145159,1],[145180,1],[145192,1],[145207,1],[145244,1],[145268,2],[145280,1],[145286,1],[145307,1],[145320,1],[145333,1],[145368,1],[145390,2],[145402,1],[145408,1],[145429,1],[145441,1],[145455,1],[145491,1],[145515,2],[145527,1],[145533,1],[145554,1],[145566,1],[145579,1],[145614,1],[145638,2],[145650,1],[145656,1],[145677,1],[145689,1],[145705,1],[145741,1],[145774,2],[145786,1],[145792,1],[145813,1],[145825,1],[145839,1],[145875,1],[145908,2],[145920,1],[145926,1],[145947,1],[145959,1],[145975,1],[146011,1],[146035,2],[146047,1],[146053,1],[146074,1],[146086,1],[146101,1],[146136,1],[146158,2],[146170,1],[146176,1],[146197,1],[146209,1],[146223,1],[146238,1],[146260,2],[146272,1],[146278,1],[146299,1],[146311,1],[146326,1],[146361,1],[146383,2],[146386,2],[146389,1],[146416,1],[146434,1],[146446,1],[146463,1],[146475,1],[146497,1],[146509,1],[146532,1],[146544,1],[146571,1],[146583,1],[146585,1],[146610,1],[146654,1],[146656,1],[148112,1],[148148,1],[148170,1],[148186,1],[148191,1],[148203,1],[148226,1],[148247,1],[148286,1],[148293,2],[148310,1],[148315,1],[148327,1],[148348,1],[148380,1],[148417,1],[148424,2],[148441,1],[148446,1],[148458,1],[148480,1],[148503,1],[148541,1],[148548,2],[148565,1],[148570,1],[148582,1],[148603,1],[148632,1],[148669,1],[148677,2],[148694,1],[148699,1],[148711,1],[148735,1],[148765,1],[148803,1],[148810,1],[148812,2],[148845,1],[148861,1],[148873,1],[148895,1],[148907,1],[148936,1],[148948,1],[148970,1],[148982,1],[149005,1],[149017,1],[149019,1],[149021,1],[151315,1],[151351,1],[151373,1],[151389,1],[151394,1],[151406,1],[151429,1],[151450,1],[151489,1],[151496,2],[151513,1],[151518,1],[151530,1],[151551,1],[151583,1],[151620,1],[151627,2],[151644,1],[151649,1],[151661,1],[151683,1],[151706,1],[151744,1],[151751,2],[151768,1],[151773,1],[151785,1],[151806,1],[151835,1],[151872,1],[151880,2],[151897,1],[151902,1],[151914,1],[151938,1],[151968,1],[152006,1],[152013,1],[152015,2],[152048,1],[152064,1],[152076,1],[152098,1],[152110,1],[152139,1],[152151,1],[152173,1],[152185,1],[152208,1],[152220,1],[152222,1],[152224,1]]}}}],["0",{"_index":1529,"t":{"576":{"position":[[1401,2]]},"590":{"position":[[1367,1]]},"596":{"position":[[820,1]]},"600":{"position":[[1393,1]]},"602":{"position":[[12042,2]]},"616":{"position":[[1802,2],[2047,1],[2173,2],[2397,1],[2509,2],[5644,2],[5673,2],[6745,2],[8088,2],[8567,1],[8664,2],[8858,2],[9740,1],[11146,1],[11417,1],[11689,1],[13374,1],[13645,1],[13917,1],[15472,1],[15743,1],[16015,1]]},"618":{"position":[[2145,1],[2257,2],[4747,2],[4780,2],[5846,2],[7006,2],[7407,2],[7595,2],[7805,2],[9312,1],[9854,1],[10396,1],[11835,2],[11868,2],[12798,2],[13076,2],[14011,2],[14111,2],[14606,2],[14794,2],[15004,2]]},"620":{"position":[[2281,1],[2393,2],[3306,2],[3309,2],[3411,2],[3414,2],[4132,2],[4208,1],[4961,1],[7696,2],[7725,2],[8639,2],[9938,2],[10557,1],[10709,2],[10903,2],[12140,1],[12682,1],[13224,1]]},"624":{"position":[[1980,1],[2092,2],[4435,2],[4468,2],[5479,2],[6575,2],[6961,2],[7149,2],[7359,2],[8229,2],[8262,2],[9393,2],[10254,2],[10349,2],[10832,2],[11020,2],[11230,2],[12437,2],[12470,2],[13744,2],[14130,2],[14318,2],[14528,2]]},"626":{"position":[[10134,2],[10205,2],[10752,1]]},"630":{"position":[[13499,2],[13570,2],[14116,1]]},"632":{"position":[[3456,2],[3598,2],[5428,2],[5921,5]]},"660":{"position":[[21055,2],[21126,2],[21673,1]]},"662":{"position":[[3442,3],[3481,3],[3521,3],[3574,3],[3614,3],[8884,3]]},"666":{"position":[[1043,2],[1058,3],[1876,2],[1891,3],[2569,2],[2584,3]]},"668":{"position":[[2629,3],[4926,1],[5244,1],[5386,1],[51163,1],[51980,1],[52286,1],[52288,1],[52598,1],[52600,1],[53694,1],[53696,1],[54327,1],[54329,1],[54509,1],[54511,1],[54760,1],[54826,1],[54834,1],[54843,1],[54920,1],[55011,1],[55019,1],[55028,1],[58197,1],[58235,1],[58599,1],[91556,2],[91559,2],[91621,2],[91624,2],[91734,2],[91737,2],[101414,2],[102245,2],[103062,2],[103893,2],[106050,2],[106108,2],[107055,2],[107128,2],[108074,2],[108146,2],[109093,2],[109166,2],[110110,2],[110180,2],[111124,2],[111194,2],[112143,2],[112218,2],[114461,2],[116916,2],[119511,2],[119626,2]]}}}],["0\">and",{"_index":4114,"t":{"660":{"position":[[18586,6]]}}}],["0\">whenev",{"_index":1080,"t":{"564":{"position":[[2038,11]]}}}],["0,0,0",{"_index":4245,"t":{"664":{"position":[[21809,6]]}}}],["0.0",{"_index":3200,"t":{"620":{"position":[[2048,3]]}}}],["0.0725",{"_index":5070,"t":{"668":{"position":[[91562,8]]}}}],["0.075",{"_index":5071,"t":{"668":{"position":[[91627,7],[91740,7]]}}}],["0.1",{"_index":3207,"t":{"620":{"position":[[3312,5],[3417,5]]}}}],["0.1.0",{"_index":228,"t":{"14":{"position":[[103,5]]},"140":{"position":[[1737,5]]},"244":{"position":[[1604,5]]},"450":{"position":[[147,5]]}}}],["0.2",{"_index":3232,"t":{"620":{"position":[[4916,3]]}}}],["0.2.0",{"_index":241,"t":{"16":{"position":[[102,5]]},"140":{"position":[[1306,5]]},"244":{"position":[[1173,5]]},"364":{"position":[[348,5]]},"388":{"position":[[652,5]]},"392":{"position":[[150,5]]},"398":{"position":[[1534,5]]},"456":{"position":[[146,5]]}}}],["0.2.1",{"_index":251,"t":{"20":{"position":[[103,5]]},"140":{"position":[[1076,5]]},"244":{"position":[[943,5]]},"344":{"position":[[155,5]]},"370":{"position":[[146,5]]},"436":{"position":[[1047,5]]},"454":{"position":[[147,5]]}}}],["0.2.2",{"_index":246,"t":{"18":{"position":[[100,5]]},"140":{"position":[[875,5]]},"244":{"position":[[742,5]]},"404":{"position":[[541,5]]},"458":{"position":[[144,5]]}}}],["0.2.3",{"_index":265,"t":{"26":{"position":[[100,5]]},"140":{"position":[[677,5]]},"244":{"position":[[544,5]]},"404":{"position":[[343,5]]},"460":{"position":[[144,5]]}}}],["0.2.4",{"_index":258,"t":{"22":{"position":[[99,5]]},"140":{"position":[[482,5]]},"244":{"position":[[349,5]]},"404":{"position":[[148,5]]},"462":{"position":[[143,5]]}}}],["0.2.5",{"_index":262,"t":{"24":{"position":[[99,5]]},"140":{"position":[[285,5]]},"244":{"position":[[152,5]]},"388":{"position":[[452,5]]},"398":{"position":[[1334,5]]},"464":{"position":[[143,5]]}}}],["0.2.6",{"_index":268,"t":{"28":{"position":[[101,5]]},"140":{"position":[[101,5]]},"238":{"position":[[2538,5]]},"330":{"position":[[1405,5]]},"466":{"position":[[145,5]]}}}],["0.3.0",{"_index":273,"t":{"30":{"position":[[101,5]]},"138":{"position":[[2687,5]]},"238":{"position":[[2334,5]]},"364":{"position":[[143,5]]},"470":{"position":[[145,5]]}}}],["0.4.0",{"_index":300,"t":{"32":{"position":[[103,5]]},"138":{"position":[[2483,5]]},"148":{"position":[[2880,5]]},"238":{"position":[[2130,5]]},"360":{"position":[[1998,5]]},"468":{"position":[[147,5]]},"622":{"position":[[389,5],[448,5],[647,5],[713,5],[802,5],[1079,5],[1148,5],[1240,5],[1282,5],[1343,5],[1402,5],[1539,5],[1631,5]]}}}],["0.4.1",{"_index":303,"t":{"34":{"position":[[104,5]]},"138":{"position":[[2285,5]]},"148":{"position":[[2682,5]]},"238":{"position":[[1932,5]]},"336":{"position":[[1089,5]]},"360":{"position":[[1800,5]]},"366":{"position":[[2767,5]]},"472":{"position":[[148,5]]},"622":{"position":[[912,5],[1031,5]]}}}],["0.4.2",{"_index":317,"t":{"36":{"position":[[104,5]]},"138":{"position":[[2011,5]]},"148":{"position":[[2408,5]]},"238":{"position":[[1658,5]]},"482":{"position":[[148,5]]}}}],["0.5.0",{"_index":333,"t":{"40":{"position":[[102,5]]},"138":{"position":[[1740,5]]},"160":{"position":[[156,5]]},"166":{"position":[[153,5]]},"174":{"position":[[161,5]]},"190":{"position":[[157,5]]},"194":{"position":[[156,5]]},"238":{"position":[[1387,5]]},"584":{"position":[[146,5]]}}}],["0.5.1",{"_index":338,"t":{"42":{"position":[[103,5]]},"138":{"position":[[1478,5]]},"172":{"position":[[650,5]]},"176":{"position":[[159,5]]},"178":{"position":[[160,5]]},"182":{"position":[[162,5]]},"238":{"position":[[1125,5]]},"274":{"position":[[650,5]]},"474":{"position":[[147,5]]}}}],["0.6.0",{"_index":321,"t":{"38":{"position":[[103,5]]},"138":{"position":[[1163,5]]},"196":{"position":[[156,5]]},"208":{"position":[[160,5]]},"214":{"position":[[401,5]]},"238":{"position":[[810,5]]},"406":{"position":[[406,5]]},"408":{"position":[[153,5]]},"436":{"position":[[732,5]]},"476":{"position":[[147,5]]}}}],["0.8",{"_index":2968,"t":{"616":{"position":[[1790,3],[2161,3]]}}}],["000",{"_index":5072,"t":{"668":{"position":[[91672,5]]}}}],["006",{"_index":4909,"t":{"668":{"position":[[57323,4]]}}}],["007.552.436",{"_index":4912,"t":{"668":{"position":[[57348,12]]}}}],["013.552.423",{"_index":4842,"t":{"668":{"position":[[56720,12]]}}}],["02",{"_index":4895,"t":{"668":{"position":[[57216,3]]}}}],["021",{"_index":4703,"t":{"668":{"position":[[55222,4]]}}}],["024.98",{"_index":4879,"t":{"668":{"position":[[57044,7]]}}}],["026",{"_index":4942,"t":{"668":{"position":[[57647,4]]}}}],["028.575",{"_index":4684,"t":{"668":{"position":[[54933,8]]}}}],["032",{"_index":4954,"t":{"668":{"position":[[57735,4]]}}}],["049",{"_index":4900,"t":{"668":{"position":[[57258,4]]}}}],["049.957",{"_index":4898,"t":{"668":{"position":[[57234,8]]}}}],["054",{"_index":4869,"t":{"668":{"position":[[56945,4]]}}}],["059.625.117.885c1.444",{"_index":4747,"t":{"668":{"position":[[55659,22]]}}}],["06:00",{"_index":4171,"t":{"662":{"position":[[3528,5],[3621,5]]}}}],["084c2.679",{"_index":4685,"t":{"668":{"position":[[54942,10]]}}}],["085.55",{"_index":4897,"t":{"668":{"position":[[57226,7]]}}}],["08:00",{"_index":4169,"t":{"662":{"position":[[3488,5],[3581,5]]}}}],["09",{"_index":4949,"t":{"668":{"position":[[57708,3]]}}}],["09.pdf",{"_index":4256,"t":{"666":{"position":[[886,7],[1683,7]]}}}],["093",{"_index":4874,"t":{"668":{"position":[[57013,4]]}}}],["098.534",{"_index":4722,"t":{"668":{"position":[[55422,8]]}}}],["0l1",{"_index":1010,"t":{"560":{"position":[[1873,3]]}}}],["0z",{"_index":4984,"t":{"668":{"position":[[58045,3],[58129,3]]}}}],["1",{"_index":5,"t":{"2":{"position":[[39,2],[3701,2]]},"86":{"position":[[29,2]]},"90":{"position":[[29,2]]},"114":{"position":[[33,2]]},"128":{"position":[[39,2]]},"130":{"position":[[1464,2],[1503,2],[2250,2],[2644,2]]},"132":{"position":[[2316,2],[2536,2]]},"154":{"position":[[83,2],[2511,2]]},"156":{"position":[[432,2]]},"218":{"position":[[2085,2],[2305,2]]},"228":{"position":[[92,2],[2520,2]]},"240":{"position":[[2094,2],[2314,2]]},"246":{"position":[[83,2]]},"282":{"position":[[1047,2]]},"304":{"position":[[78,2]]},"308":{"position":[[1561,2]]},"310":{"position":[[86,2],[2514,2]]},"314":{"position":[[2088,2],[2308,2]]},"318":{"position":[[77,2]]},"324":{"position":[[84,2]]},"332":{"position":[[1127,2],[1347,2]]},"334":{"position":[[82,2],[399,2]]},"360":{"position":[[457,2]]},"368":{"position":[[81,2],[1726,2]]},"374":{"position":[[82,2]]},"390":{"position":[[429,2],[1953,2]]},"396":{"position":[[91,2]]},"416":{"position":[[83,2]]},"422":{"position":[[84,2]]},"432":{"position":[[75,2],[354,2]]},"438":{"position":[[79,2]]},"498":{"position":[[78,2]]},"542":{"position":[[73,2]]},"546":{"position":[[73,2]]},"560":{"position":[[1887,1]]},"562":{"position":[[82,2]]},"568":{"position":[[2385,4],[4213,2],[4234,2],[4836,2],[5460,2],[6239,4],[8041,4],[9871,4],[18368,4],[20731,3]]},"582":{"position":[[1104,1]]},"588":{"position":[[1600,1]]},"590":{"position":[[251,1]]},"600":{"position":[[2267,4],[4366,4],[7257,4],[10251,4],[13249,4],[15981,4]]},"602":{"position":[[4614,1],[4783,1],[5023,1],[9840,1],[10203,1]]},"612":{"position":[[14597,2],[14620,5],[15224,3],[15582,2]]},"616":{"position":[[1805,2],[2176,2],[8332,2],[8998,2],[9029,3]]},"618":{"position":[[6846,2],[7194,2],[7894,2],[7982,4],[13851,2],[14186,2],[14393,2],[15093,2],[15181,4]]},"620":{"position":[[3509,1],[3607,1],[3908,1],[4001,1],[4087,1],[10185,2],[11043,2]]},"624":{"position":[[6415,2],[6748,2],[7448,2],[7536,4],[10094,2],[10424,2],[10619,2],[11319,2],[11407,4],[13917,2],[14617,2],[14705,4]]},"626":{"position":[[4484,2]]},"628":{"position":[[4932,3]]},"630":{"position":[[1260,1]]},"632":{"position":[[407,1]]},"634":{"position":[[882,1]]},"636":{"position":[[7892,4]]},"638":{"position":[[8274,4]]},"640":{"position":[[8416,4]]},"642":{"position":[[7315,4]]},"644":{"position":[[7476,4]]},"650":{"position":[[7183,4]]},"652":{"position":[[1390,4]]},"654":{"position":[[1395,4]]},"656":{"position":[[7208,4]]},"664":{"position":[[3295,4],[5127,4],[7386,4],[9739,4],[12212,4],[14642,4],[17033,4],[19516,4],[21132,3],[22819,4]]},"668":{"position":[[2635,3],[4226,1],[8557,2],[9062,2],[9184,2],[9308,2],[9311,3],[9430,3],[11057,2],[11562,2],[11684,2],[11808,2],[11811,3],[11930,3],[13336,2],[13841,2],[13963,2],[14342,2],[14345,3],[14464,3],[14586,2],[16137,2],[16642,2],[16764,2],[16888,2],[16891,3],[17010,3],[19317,2],[19822,2],[19944,2],[20323,2],[20326,3],[20445,3],[20567,2],[22459,2],[22964,2],[23086,2],[23210,2],[23213,3],[23332,3],[25141,2],[25646,2],[25768,2],[25892,2],[25895,3],[26014,3],[28627,2],[29585,2],[29824,2],[30065,2],[30068,3],[30303,3],[34995,2],[35500,2],[35622,2],[35746,2],[35749,3],[35868,3],[37643,2],[38148,2],[38270,2],[38394,2],[38397,3],[38516,3],[40219,2],[40724,2],[40846,2],[40970,2],[40973,3],[41092,3],[48468,2],[49426,2],[49665,2],[49906,2],[49909,3],[50144,3],[58199,1],[58206,1],[58216,1],[58218,1],[58237,1],[58244,1],[58253,1],[58255,1],[60987,2],[61774,2],[62279,2],[62401,2],[62780,2],[62783,3],[62902,3],[63024,2],[64122,1],[64402,2],[64985,2],[65107,2],[65231,2],[65234,3],[65353,3],[66860,2],[67861,2],[70605,2],[71110,2],[71232,2],[71611,2],[71614,3],[71733,3],[71855,2],[73855,2],[74360,2],[74482,2],[74861,2],[74864,3],[74983,3],[75105,2],[76967,2],[77472,2],[77594,2],[77973,2],[77976,3],[78095,3],[78217,2],[80452,2],[80957,2],[81079,2],[81458,2],[81461,3],[81580,3],[81702,2],[83633,2],[84138,2],[84260,2],[84384,2],[84387,3],[84506,3],[86659,2],[87164,2],[87286,2],[87410,2],[87413,3],[87532,3],[90100,2],[90605,2],[90727,2],[90851,2],[90854,3],[90973,3],[94314,2],[94819,2],[94941,2],[95065,2],[95068,3],[95187,3],[97137,2],[97642,2],[97764,2],[98143,2],[98146,3],[98265,3],[98387,2],[99932,2],[100437,2],[100559,2],[100938,2],[100941,3],[101060,3],[101182,2],[105153,2],[105658,2],[105780,2],[113586,2],[114091,2],[114213,2],[115806,2],[116311,2],[116433,2],[118273,2],[118778,2],[118900,2],[119756,3],[122417,2],[122922,2],[123044,2],[123423,2],[123426,3],[123545,3],[123667,2],[126327,2],[126832,2],[126954,2],[127078,2],[127081,3],[127293,3],[139983,2],[140488,2],[140610,2],[140989,2],[140992,3],[141111,3],[141233,2],[142658,2],[143076,2],[143190,2],[143294,2],[143297,3],[143478,3],[145354,2],[145860,2],[145996,2],[146122,2],[146125,3],[146350,3],[148401,2],[151604,2]]}}}],["1\">enter",{"_index":3449,"t":{"626":{"position":[[1988,10],[2167,10],[2349,10],[2533,10],[2717,10],[2903,10],[3089,10],[3277,10]]}}}],["1.0",{"_index":2971,"t":{"616":{"position":[[1877,3]]}}}],["1.0.0",{"_index":348,"t":{"44":{"position":[[123,6]]},"138":{"position":[[842,6]]},"162":{"position":[[1483,6]]},"180":{"position":[[180,6]]},"184":{"position":[[173,6]]},"188":{"position":[[180,6]]},"206":{"position":[[172,6]]},"220":{"position":[[480,6]]},"238":{"position":[[489,6]]},"372":{"position":[[465,6]]},"380":{"position":[[173,6]]},"478":{"position":[[167,6]]},"560":{"position":[[321,5]]},"564":{"position":[[342,5],[411,5],[479,5],[581,5],[703,5],[791,5]]},"566":{"position":[[307,5],[385,5],[445,5]]},"574":{"position":[[289,5],[349,5],[453,5],[525,5],[591,5],[673,5],[757,5],[858,5],[916,5],[1043,5],[1103,5],[1172,5],[1239,5],[1433,5],[1503,5],[1573,5],[1679,5],[1746,5]]},"582":{"position":[[298,5],[369,5],[453,5],[521,5],[596,5],[664,5],[739,5],[845,5],[923,5],[1004,5],[1084,5],[1192,5],[1525,5],[1686,5]]},"586":{"position":[[355,5],[460,5],[624,5],[707,5],[794,5]]},"588":{"position":[[297,5],[368,5],[449,5],[542,5],[635,5],[703,5],[778,5],[887,5],[955,5],[1030,5],[1111,5],[1298,5],[1350,5],[1512,5],[1580,5],[1691,5],[1778,5],[1849,5],[1990,5]]},"590":{"position":[[290,5],[370,5],[448,5],[525,5],[651,5],[726,5],[848,5],[923,5],[1045,5],[1128,5],[1266,5],[1346,5],[1399,5]]},"596":{"position":[[373,5],[504,5],[659,5],[720,5],[801,5],[858,5]]},"606":{"position":[[709,5],[794,5],[869,5],[960,5],[1025,5],[1100,5],[1317,5],[1367,5],[1429,5],[1462,5],[1518,5],[1578,5],[1638,5]]},"608":{"position":[[293,5],[571,5],[668,5]]},"610":{"position":[[619,5],[681,5],[743,5]]},"612":{"position":[[280,5],[349,5],[414,5],[771,5],[847,5],[994,5],[1089,5],[1246,5],[1360,5],[1445,5],[1516,5],[1640,5],[1739,5],[1798,5],[1848,5],[1900,5],[1977,5]]},"616":{"position":[[356,5],[439,5],[497,5],[578,5],[1139,5],[1256,5],[1346,5],[1497,5],[1556,5],[1763,5],[1959,5],[2024,5],[2064,5],[2129,5],[2251,5],[2512,5],[2628,5],[2752,5],[2838,5],[2916,5],[2994,5],[3086,5],[3140,5],[3212,5],[3284,5],[3728,5],[3788,5],[3843,5],[4091,5],[4136,5]]},"618":{"position":[[452,5],[535,5],[593,5],[674,5],[1235,5],[1352,5],[1442,5],[1593,5],[1652,5],[1869,5],[1934,5],[1999,5],[2260,5],[2311,5],[2505,5],[2591,5],[2669,5],[2747,5],[2839,5],[2893,5],[3505,5]]},"620":{"position":[[501,5],[584,5],[642,5],[723,5],[1284,5],[1401,5],[1491,5],[1631,5],[1701,5],[1910,5],[1975,5],[2018,5],[2070,5],[2135,5],[2396,5],[2447,5],[2726,5],[2850,5],[2936,5],[3014,5],[3068,5],[3146,5],[3238,5],[3347,5],[3454,5],[3554,5],[3682,5],[3769,5],[3848,5],[3948,5],[4043,5],[4162,5],[4250,5],[4458,5],[4533,5],[4803,5],[4895,5],[5050,5],[5104,5],[5176,5],[5248,5],[5693,5],[5753,5],[5808,5],[6057,5],[6102,5]]},"624":{"position":[[297,5],[380,5],[438,5],[519,5],[1080,5],[1197,5],[1287,5],[1427,5],[1497,5],[1704,5],[1769,5],[1834,5],[2095,5],[2146,5],[2335,5],[2421,5],[2499,5],[2577,5],[2631,5],[3223,5]]},"626":{"position":[[324,5],[429,5],[488,5],[680,5],[734,5],[810,5],[886,5],[947,5],[994,5],[1072,5],[1115,5]]},"630":{"position":[[316,5],[423,5],[509,5],[568,5],[760,5],[852,5],[906,5],[982,5],[1067,5],[1143,5],[1228,5],[1445,5],[1506,5],[1584,5],[1627,5]]},"668":{"position":[[420,5],[479,5],[670,5],[944,5],[1198,5],[1507,5],[1578,5],[2399,5],[2790,5],[3141,5],[3499,5],[4069,5],[4167,5],[4430,5],[4633,5],[4897,5],[4977,5],[5038,5],[5641,5],[5786,5],[5861,5],[5970,5],[6124,5],[6286,5],[6374,5],[6537,5],[6879,5],[7016,5],[7070,5],[7182,5],[7219,5],[7274,5]]}}}],["1.0.1",{"_index":378,"t":{"48":{"position":[[104,6]]},"138":{"position":[[510,6]]},"162":{"position":[[1151,6]]},"164":{"position":[[568,6]]},"170":{"position":[[560,6]]},"192":{"position":[[158,6]]},"198":{"position":[[561,6]]},"200":{"position":[[158,6]]},"202":{"position":[[561,6]]},"220":{"position":[[148,6]]},"238":{"position":[[157,6]]},"480":{"position":[[148,6]]}}}],["1.005.437",{"_index":4910,"t":{"668":{"position":[[57328,9]]}}}],["1.006.988",{"_index":4913,"t":{"668":{"position":[[57361,9]]}}}],["1.008",{"_index":4868,"t":{"668":{"position":[[56939,5]]}}}],["1.011",{"_index":4845,"t":{"668":{"position":[[56757,5]]}}}],["1.011.975",{"_index":4843,"t":{"668":{"position":[[56733,9]]}}}],["1.011.988",{"_index":4911,"t":{"668":{"position":[[57338,9]]}}}],["1.012z\"></path><path",{"_index":4914,"t":{"668":{"position":[[57371,20]]}}}],["1.024.552.014",{"_index":4844,"t":{"668":{"position":[[56743,13]]}}}],["1.025",{"_index":4847,"t":{"668":{"position":[[56768,5]]}}}],["1.033",{"_index":4678,"t":{"668":{"position":[[54808,5],[54993,5]]}}}],["1.036",{"_index":4875,"t":{"668":{"position":[[57018,5]]}}}],["1.039",{"_index":4796,"t":{"668":{"position":[[56246,5]]}}}],["1.039.061",{"_index":4799,"t":{"668":{"position":[[56281,9]]}}}],["1.042",{"_index":4881,"t":{"668":{"position":[[57061,6],[57076,5]]}}}],["1.045c.032.676",{"_index":4948,"t":{"668":{"position":[[57693,14]]}}}],["1.046",{"_index":4945,"t":{"668":{"position":[[57667,5]]}}}],["1.069.462.302",{"_index":4802,"t":{"668":{"position":[[56318,13]]}}}],["1.07.238",{"_index":4967,"t":{"668":{"position":[[57853,8]]}}}],["1.07.779",{"_index":4970,"t":{"668":{"position":[[57884,8]]}}}],["1.082",{"_index":4806,"t":{"668":{"position":[[56357,5]]}}}],["1.082.172",{"_index":4803,"t":{"668":{"position":[[56332,9]]}}}],["1.085",{"_index":4832,"t":{"668":{"position":[[56644,5],[57252,5],[57278,5]]}}}],["1.085.155",{"_index":4836,"t":{"668":{"position":[[56670,9]]}}}],["1.095",{"_index":4840,"t":{"668":{"position":[[56704,5]]}}}],["1.096.465",{"_index":4955,"t":{"668":{"position":[[57740,9]]}}}],["1.1.0",{"_index":370,"t":{"46":{"position":[[104,6]]},"138":{"position":[[104,6]]},"162":{"position":[[745,6]]},"164":{"position":[[162,6]]},"170":{"position":[[154,6]]},"198":{"position":[[155,6]]},"202":{"position":[[155,6]]},"212":{"position":[[154,6]]},"222":{"position":[[2799,6]]},"236":{"position":[[2808,6]]},"484":{"position":[[148,6]]},"578":{"position":[[335,5],[482,5],[660,5],[834,5],[918,5],[1007,5],[1082,5],[1183,5],[1273,5],[1337,5],[1396,5],[1486,5],[1553,5]]},"592":{"position":[[559,5],[774,5],[923,5]]}}}],["1.10.0",{"_index":619,"t":{"102":{"position":[[101,6]]},"132":{"position":[[1338,6]]},"218":{"position":[[1107,6]]},"240":{"position":[[1116,6]]},"272":{"position":[[397,6]]},"314":{"position":[[1110,6]]},"332":{"position":[[149,6]]},"368":{"position":[[2600,6]]},"486":{"position":[[146,6]]},"574":{"position":[[1328,6]]},"580":{"position":[[530,6],[597,6],[688,6],[867,6],[1048,6],[1228,6],[1409,6],[1662,6],[1722,6],[1786,6],[1854,6],[1915,6],[2098,6],[2175,6],[2354,6],[2534,6],[2607,6]]},"608":{"position":[[368,6]]},"616":{"position":[[748,6],[876,6],[1015,6],[3976,6]]},"618":{"position":[[844,6],[972,6],[1111,6],[3385,6]]},"620":{"position":[[893,6],[1021,6],[1160,6],[5941,6]]},"624":{"position":[[689,6],[817,6],[956,6],[3108,6]]},"660":{"position":[[362,6],[498,6],[603,6],[792,6],[1008,6],[1199,6],[1276,6],[1467,6],[1523,6],[1654,6],[1837,6],[1942,6],[2127,6],[2275,6],[2380,6],[2448,6],[2516,6],[2613,6],[2695,6],[2785,6],[2915,6],[2996,6],[3081,6],[3147,6],[3287,6],[3423,6],[3510,6],[3649,6]]},"668":{"position":[[1872,6]]}}}],["1.10.1",{"_index":616,"t":{"100":{"position":[[103,6]]},"132":{"position":[[1092,6]]},"218":{"position":[[861,6]]},"240":{"position":[[870,6]]},"272":{"position":[[151,6]]},"308":{"position":[[2903,6]]},"314":{"position":[[864,6]]},"368":{"position":[[2354,6]]},"488":{"position":[[148,6]]}}}],["1.10.2",{"_index":643,"t":{"104":{"position":[[106,6]]},"132":{"position":[[663,6]]},"148":{"position":[[538,6]]},"218":{"position":[[432,6]]},"224":{"position":[[161,6]]},"240":{"position":[[441,6]]},"252":{"position":[[155,6]]},"254":{"position":[[163,6]]},"282":{"position":[[154,6]]},"286":{"position":[[156,6]]},"306":{"position":[[156,6]]},"308":{"position":[[2474,6]]},"314":{"position":[[435,6]]},"326":{"position":[[149,6]]},"342":{"position":[[727,6]]},"360":{"position":[[1370,6]]},"390":{"position":[[1060,6]]},"394":{"position":[[155,6]]},"416":{"position":[[826,6]]},"442":{"position":[[464,6]]},"490":{"position":[[151,6]]},"616":{"position":[[3432,6],[3486,6],[4033,6]]},"618":{"position":[[3048,6],[3108,6],[3447,6]]},"620":{"position":[[5396,6],[5449,6],[5999,6]]},"622":{"position":[[518,6],[586,6]]},"624":{"position":[[2781,6],[2841,6],[3165,6]]}}}],["1.10.3",{"_index":664,"t":{"106":{"position":[[104,6]]},"132":{"position":[[379,6]]},"218":{"position":[[148,6]]},"240":{"position":[[157,6]]},"268":{"position":[[156,6]]},"276":{"position":[[151,6]]},"308":{"position":[[2190,6]]},"314":{"position":[[151,6]]},"360":{"position":[[1086,6]]},"362":{"position":[[502,6]]},"376":{"position":[[145,6]]},"496":{"position":[[149,6]]},"600":{"position":[[1083,6]]},"660":{"position":[[855,6],[937,6]]},"664":{"position":[[1106,6]]},"668":{"position":[[1938,6],[2262,6],[3208,6],[3257,6]]}}}],["1.10.4",{"_index":675,"t":{"108":{"position":[[105,6]]},"132":{"position":[[105,6]]},"154":{"position":[[2866,6]]},"228":{"position":[[2875,6]]},"308":{"position":[[1916,6]]},"310":{"position":[[2869,6]]},"334":{"position":[[754,6]]},"360":{"position":[[812,6]]},"368":{"position":[[2081,6]]},"390":{"position":[[784,6]]},"402":{"position":[[150,6]]},"424":{"position":[[148,6]]},"492":{"position":[[150,6]]},"580":{"position":[[1483,6]]},"592":{"position":[[621,6],[885,6]]},"668":{"position":[[5102,6],[5211,6],[5352,6],[5495,6]]}}}],["1.10.5",{"_index":160,"t":{"2":{"position":[[3771,6]]},"114":{"position":[[103,6]]},"154":{"position":[[2581,6]]},"156":{"position":[[502,6]]},"228":{"position":[[2590,6]]},"308":{"position":[[1631,6]]},"310":{"position":[[2584,6]]},"334":{"position":[[469,6]]},"360":{"position":[[527,6]]},"368":{"position":[[1796,6]]},"390":{"position":[[499,6]]},"432":{"position":[[145,6]]},"498":{"position":[[148,6]]},"568":{"position":[[661,6],[756,6],[827,6],[895,6],[961,6],[1229,6]]},"668":{"position":[[839,6]]}}}],["1.10.6",{"_index":3726,"t":{"632":{"position":[[250,6],[319,6],[388,6],[457,6],[530,6],[593,6],[672,6],[709,6],[826,6],[945,6],[990,6]]}}}],["1.11.0",{"_index":141,"t":{"2":{"position":[[3179,7]]},"110":{"position":[[110,7]]},"148":{"position":[[159,7]]},"150":{"position":[[152,7]]},"154":{"position":[[1989,7]]},"228":{"position":[[1998,7]]},"308":{"position":[[1039,7]]},"310":{"position":[[1992,7]]},"360":{"position":[[151,7]]},"368":{"position":[[1420,7]]},"400":{"position":[[763,7]]},"410":{"position":[[160,7]]},"412":{"position":[[471,7]]},"428":{"position":[[444,7]]},"494":{"position":[[155,7]]},"594":{"position":[[262,6],[318,6],[489,6],[616,6],[697,6]]},"612":{"position":[[566,6],[2185,6]]},"666":{"position":[[507,6],[643,6],[720,6]]}}}],["1.11.1",{"_index":157,"t":{"2":{"position":[[3556,6]]},"112":{"position":[[104,6]]},"154":{"position":[[2366,6]]},"228":{"position":[[2375,6]]},"308":{"position":[[1416,6]]},"310":{"position":[[2369,6]]},"400":{"position":[[1140,6]]},"502":{"position":[[149,6]]}}}],["1.11.3",{"_index":722,"t":{"110":{"position":[[1069,6]]}}}],["1.123.329.443.956.536",{"_index":4974,"t":{"668":{"position":[[57922,21]]}}}],["1.124",{"_index":4793,"t":{"668":{"position":[[56225,5]]}}}],["1.136",{"_index":4738,"t":{"668":{"position":[[55584,5]]}}}],["1.136.388",{"_index":4772,"t":{"668":{"position":[[55905,9]]}}}],["1.136.465",{"_index":4921,"t":{"668":{"position":[[57436,9]]}}}],["1.137",{"_index":4704,"t":{"668":{"position":[[55227,5]]}}}],["1.137.39",{"_index":4716,"t":{"668":{"position":[[55373,8]]}}}],["1.15",{"_index":4671,"t":{"668":{"position":[[54755,4]]}}}],["1.152.882",{"_index":4865,"t":{"668":{"position":[[56915,9]]}}}],["1.165.1.543.622.902",{"_index":4890,"t":{"668":{"position":[[57139,19]]}}}],["1.165.802z\"></path><path",{"_index":4891,"t":{"668":{"position":[[57159,24]]}}}],["1.169.152",{"_index":4830,"t":{"668":{"position":[[56625,9]]}}}],["1.17.554",{"_index":4972,"t":{"668":{"position":[[57907,8]]}}}],["1.181.622.127",{"_index":4971,"t":{"668":{"position":[[57893,13]]}}}],["1.181.779",{"_index":4968,"t":{"668":{"position":[[57862,9]]}}}],["1.2.0",{"_index":381,"t":{"50":{"position":[[104,6]]},"136":{"position":[[2769,6]]},"162":{"position":[[416,6]]},"168":{"position":[[163,6]]},"186":{"position":[[155,6]]},"222":{"position":[[2470,6]]},"236":{"position":[[2479,6]]},"260":{"position":[[840,6]]},"278":{"position":[[154,6]]},"500":{"position":[[148,6]]}}}],["1.205",{"_index":4667,"t":{"668":{"position":[[54713,5]]}}}],["1.213",{"_index":4814,"t":{"668":{"position":[[56432,5]]}}}],["1.234",{"_index":4698,"t":{"668":{"position":[[55178,5]]}}}],["1.235",{"_index":4766,"t":{"668":{"position":[[55855,5]]}}}],["1.237",{"_index":4834,"t":{"668":{"position":[[56655,5]]}}}],["1.237.686",{"_index":4837,"t":{"668":{"position":[[56680,9]]}}}],["1.238.666",{"_index":4930,"t":{"668":{"position":[[57510,9]]}}}],["1.248.664z\"></path><path",{"_index":4936,"t":{"668":{"position":[[57574,24]]}}}],["1.249",{"_index":4773,"t":{"668":{"position":[[55915,5]]}}}],["1.249.161.528.721.825",{"_index":4935,"t":{"668":{"position":[[57552,21]]}}}],["1.286.099",{"_index":4886,"t":{"668":{"position":[[57096,9]]}}}],["1.3.0",{"_index":387,"t":{"52":{"position":[[104,6]]},"136":{"position":[[2510,6]]},"162":{"position":[[157,6]]},"222":{"position":[[2211,6]]},"236":{"position":[[2220,6]]},"290":{"position":[[585,6]]},"506":{"position":[[148,6]]},"634":{"position":[[273,5],[321,5],[405,5],[452,5],[542,5],[578,5],[688,5]]}}}],["1.3.1",{"_index":418,"t":{"58":{"position":[[104,6]]},"136":{"position":[[2221,6]]},"148":{"position":[[2119,6]]},"222":{"position":[[1922,6]]},"224":{"position":[[1293,6]]},"236":{"position":[[1931,6]]},"504":{"position":[[148,6]]},"622":{"position":[[1854,5],[1911,5],[1966,5],[2016,5],[2064,5],[2112,5]]}}}],["1.336",{"_index":4957,"t":{"668":{"position":[[57766,5]]}}}],["1.336s1.096.031",{"_index":4956,"t":{"668":{"position":[[57750,15]]}}}],["1.341",{"_index":4706,"t":{"668":{"position":[[55237,5]]}}}],["1.345",{"_index":4818,"t":{"668":{"position":[[56457,5]]}}}],["1.345c.254.498.562.997.927",{"_index":4820,"t":{"668":{"position":[[56483,26]]}}}],["1.377",{"_index":4950,"t":{"668":{"position":[[57712,5]]}}}],["1.379",{"_index":4856,"t":{"668":{"position":[[56861,5]]}}}],["1.38",{"_index":4861,"t":{"668":{"position":[[56887,4]]}}}],["1.381",{"_index":4924,"t":{"668":{"position":[[57464,5],[57490,5]]}}}],["1.382",{"_index":4801,"t":{"668":{"position":[[56312,5]]}}}],["1.384",{"_index":4804,"t":{"668":{"position":[[56342,5]]}}}],["1.384z\"></path><path",{"_index":4807,"t":{"668":{"position":[[56367,20]]}}}],["1.398.212.444",{"_index":4822,"t":{"668":{"position":[[56532,13]]}}}],["1.398z\"></path><path",{"_index":4825,"t":{"668":{"position":[[56564,20]]}}}],["1.399.208.444",{"_index":4975,"t":{"668":{"position":[[57944,13]]}}}],["1.399z\"></path></g><path",{"_index":4978,"t":{"668":{"position":[[57976,24]]}}}],["1.4.0",{"_index":413,"t":{"56":{"position":[[103,6]]},"136":{"position":[[1952,6]]},"222":{"position":[[1653,6]]},"236":{"position":[[1662,6]]},"286":{"position":[[585,6]]},"378":{"position":[[147,6]]},"382":{"position":[[149,6]]},"384":{"position":[[151,6]]},"416":{"position":[[1255,6]]},"508":{"position":[[147,6]]},"600":{"position":[[1153,5],[1198,5],[1268,5],[1334,5],[1377,5],[1509,5],[1565,5],[1611,5],[1668,5],[1729,5]]},"664":{"position":[[329,5],[398,5],[485,5],[605,5],[664,5],[724,5],[933,5],[970,5],[1176,5],[1221,5],[1291,5],[1357,5],[1400,5],[1485,5],[1541,5],[1587,5],[1644,5],[1705,5]]}}}],["1.4.1",{"_index":393,"t":{"54":{"position":[[103,6]]},"136":{"position":[[1642,6]]},"222":{"position":[[1343,6]]},"236":{"position":[[1352,6]]},"258":{"position":[[159,6]]},"264":{"position":[[153,6]]},"282":{"position":[[2436,6]]},"312":{"position":[[600,6]]},"322":{"position":[[1346,6]]},"348":{"position":[[153,6]]},"358":{"position":[[147,6]]},"388":{"position":[[146,6]]},"516":{"position":[[147,6]]},"588":{"position":[[1959,5]]}}}],["1.4.2",{"_index":422,"t":{"60":{"position":[[103,6]]},"136":{"position":[[1193,6]]},"148":{"position":[[1669,6]]},"158":{"position":[[160,6]]},"204":{"position":[[165,6]]},"210":{"position":[[157,6]]},"222":{"position":[[894,6]]},"232":{"position":[[174,6]]},"236":{"position":[[903,6]]},"312":{"position":[[151,6]]},"322":{"position":[[897,6]]},"510":{"position":[[147,6]]}}}],["1.4.3",{"_index":427,"t":{"62":{"position":[[103,6]]},"136":{"position":[[944,6]]},"172":{"position":[[401,6]]},"222":{"position":[[645,6]]},"236":{"position":[[654,6]]},"274":{"position":[[401,6]]},"316":{"position":[[2935,6]]},"322":{"position":[[648,6]]},"366":{"position":[[2517,6]]},"512":{"position":[[147,6]]},"668":{"position":[[1007,5],[4250,5]]}}}],["1.4.4",{"_index":432,"t":{"64":{"position":[[104,6]]},"136":{"position":[[695,6]]},"172":{"position":[[152,6]]},"222":{"position":[[396,6]]},"236":{"position":[[405,6]]},"274":{"position":[[152,6]]},"316":{"position":[[2686,6]]},"322":{"position":[[399,6]]},"366":{"position":[[2268,6]]},"514":{"position":[[148,6]]}}}],["1.4.5",{"_index":438,"t":{"66":{"position":[[104,5]]},"136":{"position":[[447,5]]},"214":{"position":[[154,5]]},"222":{"position":[[148,5]]},"236":{"position":[[157,5]]},"302":{"position":[[491,5]]},"316":{"position":[[2438,5]]},"322":{"position":[[151,5]]},"436":{"position":[[485,5]]},"518":{"position":[[148,5]]}}}],["1.402.087",{"_index":4906,"t":{"668":{"position":[[57298,9]]}}}],["1.412.409.376.87.734",{"_index":4800,"t":{"668":{"position":[[56291,20]]}}}],["1.413.054z\"></path><path",{"_index":4871,"t":{"668":{"position":[[56966,24]]}}}],["1.413.061",{"_index":4797,"t":{"668":{"position":[[56257,9]]}}}],["1.413s1.008.429",{"_index":4870,"t":{"668":{"position":[[56950,15]]}}}],["1.425",{"_index":4664,"t":{"668":{"position":[[54695,5],[54802,5],[54814,5],[54987,5],[54999,5]]}}}],["1.492.327.444.953.539",{"_index":4821,"t":{"668":{"position":[[56510,21]]}}}],["1.5",{"_index":1011,"t":{"560":{"position":[[1877,3]]}}}],["1.5.0",{"_index":446,"t":{"68":{"position":[[100,5]]},"136":{"position":[[100,5]]},"216":{"position":[[2899,5]]},"234":{"position":[[2908,5]]},"250":{"position":[[665,5]]},"266":{"position":[[1298,5]]},"270":{"position":[[567,5]]},"282":{"position":[[2090,5]]},"284":{"position":[[998,5]]},"316":{"position":[[2091,5]]},"320":{"position":[[2902,5]]},"328":{"position":[[659,5]]},"354":{"position":[[1292,5]]},"356":{"position":[[561,5]]},"390":{"position":[[2996,5]]},"398":{"position":[[992,5]]},"520":{"position":[[144,5]]},"628":{"position":[[468,5],[527,5],[719,5],[825,5],[931,5],[992,5],[1035,5],[1185,5],[1218,5]]}}}],["1.568",{"_index":4728,"t":{"668":{"position":[[55473,5]]}}}],["1.591",{"_index":4973,"t":{"668":{"position":[[57916,5]]}}}],["1.598",{"_index":4877,"t":{"668":{"position":[[57029,5]]}}}],["1.6.0",{"_index":486,"t":{"74":{"position":[[101,5]]},"134":{"position":[[2780,5]]},"216":{"position":[[2486,5]]},"234":{"position":[[2495,5]]},"262":{"position":[[149,5]]},"266":{"position":[[885,5]]},"270":{"position":[[154,5]]},"272":{"position":[[2684,5]]},"282":{"position":[[1677,5]]},"284":{"position":[[585,5]]},"296":{"position":[[149,5]]},"298":{"position":[[155,5]]},"300":{"position":[[871,5]]},"316":{"position":[[1678,5]]},"320":{"position":[[2489,5]]},"354":{"position":[[879,5]]},"356":{"position":[[148,5]]},"366":{"position":[[1851,5]]},"390":{"position":[[2583,5]]},"398":{"position":[[579,5]]},"430":{"position":[[149,5]]},"434":{"position":[[865,5]]},"526":{"position":[[145,5]]},"582":{"position":[[1134,5]]},"588":{"position":[[1630,5]]},"628":{"position":[[1110,5]]},"662":{"position":[[472,5],[531,5],[723,5],[799,5],[875,5],[936,5],[979,5],[1054,5],[1129,5],[1162,5]]},"668":{"position":[[2854,5],[4500,5]]}}}],["1.634",{"_index":4609,"t":{"668":{"position":[[53111,5]]}}}],["1.647",{"_index":4894,"t":{"668":{"position":[[57210,5]]}}}],["1.662",{"_index":4663,"t":{"668":{"position":[[54689,5]]}}}],["1.67",{"_index":4841,"t":{"668":{"position":[[56715,4]]}}}],["1.671",{"_index":4964,"t":{"668":{"position":[[57826,5]]}}}],["1.7.0",{"_index":472,"t":{"72":{"position":[[101,5]]},"134":{"position":[[2446,5]]},"150":{"position":[[526,5]]},"156":{"position":[[783,5]]},"216":{"position":[[2152,5]]},"226":{"position":[[154,5]]},"230":{"position":[[150,5]]},"234":{"position":[[2161,5]]},"248":{"position":[[450,5]]},"256":{"position":[[153,5]]},"316":{"position":[[1344,5]]},"320":{"position":[[2155,5]]},"330":{"position":[[1071,5]]},"338":{"position":[[147,5]]},"522":{"position":[[145,5]]},"568":{"position":[[295,5],[399,5],[530,5],[1043,5],[1137,5],[1297,5],[1362,5],[1543,5],[1628,5],[1705,5],[1840,5],[1974,5],[2073,5],[2119,5],[2167,5],[2240,5]]},"572":{"position":[[277,5],[351,5],[448,5],[533,5],[604,5],[680,5]]},"574":{"position":[[981,5]]},"576":{"position":[[311,5],[379,5],[429,5],[500,5],[585,5],[630,5],[698,5],[823,5],[960,5],[1045,5],[1179,5]]}}}],["1.7.1",{"_index":457,"t":{"70":{"position":[[101,5]]},"134":{"position":[[2176,5]]},"148":{"position":[[1397,5]]},"216":{"position":[[1882,5]]},"224":{"position":[[1020,5]]},"234":{"position":[[1891,5]]},"250":{"position":[[396,5]]},"316":{"position":[[1074,5]]},"320":{"position":[[1885,5]]},"328":{"position":[[390,5]]},"524":{"position":[[145,5]]}}}],["1.7.2",{"_index":504,"t":{"76":{"position":[[101,5]]},"134":{"position":[[1928,5]]},"216":{"position":[[1634,5]]},"234":{"position":[[1643,5]]},"260":{"position":[[589,5]]},"316":{"position":[[826,5]]},"320":{"position":[[1637,5]]},"346":{"position":[[897,5]]},"350":{"position":[[147,5]]},"528":{"position":[[145,5]]}}}],["1.7.3",{"_index":509,"t":{"78":{"position":[[101,5]]},"134":{"position":[[1683,5]]},"216":{"position":[[1389,5]]},"234":{"position":[[1398,5]]},"250":{"position":[[151,5]]},"272":{"position":[[2439,5]]},"316":{"position":[[581,5]]},"320":{"position":[[1392,5]]},"328":{"position":[[145,5]]},"366":{"position":[[1606,5]]},"530":{"position":[[145,5]]},"668":{"position":[[5569,5]]}}}],["1.718",{"_index":4963,"t":{"668":{"position":[[57820,5]]}}}],["1.8.0",{"_index":519,"t":{"80":{"position":[[97,5]]},"134":{"position":[[1247,5]]},"148":{"position":[[961,5]]},"216":{"position":[[953,5]]},"224":{"position":[[584,5]]},"234":{"position":[[962,5]]},"260":{"position":[[153,5]]},"266":{"position":[[449,5]]},"272":{"position":[[2003,5]]},"284":{"position":[[149,5]]},"290":{"position":[[146,5]]},"294":{"position":[[152,5]]},"300":{"position":[[435,5]]},"316":{"position":[[145,5]]},"320":{"position":[[956,5]]},"346":{"position":[[461,5]]},"354":{"position":[[443,5]]},"366":{"position":[[1170,5]]},"386":{"position":[[459,5]]},"398":{"position":[[143,5]]},"424":{"position":[[415,5]]},"434":{"position":[[429,5]]},"534":{"position":[[141,5]]},"582":{"position":[[1324,5]]},"668":{"position":[[609,5],[1309,5],[1406,5],[2504,5],[2590,5],[2702,5],[2955,5],[3956,5]]}}}],["1.8.1",{"_index":611,"t":{"98":{"position":[[99,5]]},"134":{"position":[[995,5]]},"216":{"position":[[701,5]]},"234":{"position":[[710,5]]},"272":{"position":[[1751,5]]},"306":{"position":[[581,5]]},"320":{"position":[[704,5]]},"332":{"position":[[2619,5]]},"366":{"position":[[918,5]]},"442":{"position":[[889,5]]},"532":{"position":[[143,5]]}}}],["1.8.2",{"_index":537,"t":{"82":{"position":[[100,5]]},"134":{"position":[[696,5]]},"216":{"position":[[402,5]]},"234":{"position":[[411,5]]},"248":{"position":[[149,5]]},"266":{"position":[[152,5]]},"272":{"position":[[1452,5]]},"320":{"position":[[405,5]]},"330":{"position":[[770,5]]},"332":{"position":[[2320,5]]},"352":{"position":[[142,5]]},"354":{"position":[[146,5]]},"366":{"position":[[619,5]]},"372":{"position":[[142,5]]},"538":{"position":[[144,5]]}}}],["1.8.3",{"_index":549,"t":{"84":{"position":[[100,5]]},"134":{"position":[[438,5]]},"216":{"position":[[144,5]]},"234":{"position":[[153,5]]},"272":{"position":[[1194,5]]},"288":{"position":[[152,5]]},"320":{"position":[[147,5]]},"332":{"position":[[2062,5]]},"366":{"position":[[361,5]]},"406":{"position":[[145,5]]},"536":{"position":[[144,5]]}}}],["1.826",{"_index":4918,"t":{"668":{"position":[[57419,5]]}}}],["1.837",{"_index":4774,"t":{"668":{"position":[[55921,5]]}}}],["1.877.208",{"_index":4887,"t":{"668":{"position":[[57106,9]]}}}],["1.892",{"_index":4966,"t":{"668":{"position":[[57838,5]]}}}],["1.9.0",{"_index":567,"t":{"88":{"position":[[100,5]]},"134":{"position":[[100,5]]},"218":{"position":[[2682,5]]},"240":{"position":[[2691,5]]},"276":{"position":[[429,5]]},"280":{"position":[[407,5]]},"282":{"position":[[1338,5]]},"292":{"position":[[148,5]]},"302":{"position":[[149,5]]},"314":{"position":[[2685,5]]},"332":{"position":[[1724,5]]},"376":{"position":[[423,5]]},"390":{"position":[[2244,5]]},"394":{"position":[[833,5]]},"428":{"position":[[817,5]]},"436":{"position":[[143,5]]},"540":{"position":[[144,5]]},"606":{"position":[[1254,5]]},"610":{"position":[[505,5]]}}}],["1.9.1",{"_index":563,"t":{"86":{"position":[[302,5]]},"90":{"position":[[99,5]]},"132":{"position":[[2386,5]]},"218":{"position":[[2155,5]]},"240":{"position":[[2164,5]]},"282":{"position":[[1117,5]]},"314":{"position":[[2158,5]]},"332":{"position":[[1197,5]]},"390":{"position":[[2023,5]]},"546":{"position":[[143,5]]}}}],["1.9.2",{"_index":559,"t":{"86":{"position":[[99,5]]},"132":{"position":[[2606,5]]},"218":{"position":[[2375,5]]},"240":{"position":[[2384,5]]},"246":{"position":[[153,5]]},"304":{"position":[[148,5]]},"314":{"position":[[2378,5]]},"318":{"position":[[147,5]]},"324":{"position":[[154,5]]},"332":{"position":[[1417,5]]},"432":{"position":[[424,5]]},"438":{"position":[[149,5]]},"542":{"position":[[143,5]]},"668":{"position":[[1655,5],[2202,5]]}}}],["1.9.3",{"_index":583,"t":{"92":{"position":[[99,5]]},"132":{"position":[[2167,5]]},"218":{"position":[[1936,5]]},"240":{"position":[[1945,5]]},"272":{"position":[[974,5]]},"314":{"position":[[1939,5]]},"332":{"position":[[978,5]]},"366":{"position":[[141,5]]},"544":{"position":[[143,5]]}}}],["1.9.4",{"_index":588,"t":{"94":{"position":[[99,5]]},"132":{"position":[[1915,5]]},"218":{"position":[[1684,5]]},"240":{"position":[[1693,5]]},"280":{"position":[[154,5]]},"282":{"position":[[865,5]]},"314":{"position":[[1687,5]]},"332":{"position":[[726,5]]},"390":{"position":[[1771,5]]},"394":{"position":[[580,5]]},"550":{"position":[[143,5]]},"588":{"position":[[1209,5]]}}}],["1.9.5",{"_index":591,"t":{"96":{"position":[[100,5]]},"132":{"position":[[1630,5]]},"218":{"position":[[1399,5]]},"240":{"position":[[1408,5]]},"272":{"position":[[689,5]]},"282":{"position":[[580,5]]},"300":{"position":[[152,5]]},"314":{"position":[[1402,5]]},"332":{"position":[[441,5]]},"368":{"position":[[2892,5]]},"390":{"position":[[1486,5]]},"434":{"position":[[146,5]]},"554":{"position":[[144,5]]},"588":{"position":[[1421,5]]},"668":{"position":[[544,5],[2349,5],[3662,5],[3845,5]]}}}],["1.916",{"_index":4665,"t":{"668":{"position":[[54701,5],[54820,5],[55005,5]]}}}],["1.979",{"_index":4707,"t":{"668":{"position":[[55243,5]]}}}],["1.x.x",{"_index":85,"t":{"2":{"position":[[2022,5],[2167,5],[2984,5]]},"118":{"position":[[187,5],[332,5],[1149,5]]}}}],["10",{"_index":431,"t":{"64":{"position":[[33,3]]},"72":{"position":[[30,3]]},"130":{"position":[[1864,3],[2033,3]]},"134":{"position":[[2375,3]]},"136":{"position":[[624,3]]},"150":{"position":[[455,3]]},"156":{"position":[[712,3]]},"172":{"position":[[81,3]]},"216":{"position":[[2081,3]]},"222":{"position":[[325,3]]},"226":{"position":[[83,3]]},"230":{"position":[[79,3]]},"234":{"position":[[2090,3]]},"236":{"position":[[334,3]]},"248":{"position":[[379,3]]},"256":{"position":[[82,3]]},"274":{"position":[[81,3]]},"316":{"position":[[1273,3],[2615,3]]},"320":{"position":[[2084,3]]},"322":{"position":[[328,3]]},"330":{"position":[[1000,3]]},"338":{"position":[[76,3]]},"366":{"position":[[2197,3]]},"514":{"position":[[77,3]]},"522":{"position":[[74,3]]},"600":{"position":[[3401,5],[5852,5],[8867,5],[11861,5],[14859,5],[17115,5]]},"622":{"position":[[8596,4],[9045,4]]},"626":{"position":[[4227,2],[8374,4],[8725,4],[9125,4],[11210,4]]},"628":{"position":[[7556,4],[7849,4],[10161,4],[10469,4],[10866,4]]},"630":{"position":[[8162,2],[11610,4],[12004,4],[12447,4],[17046,4]]},"632":{"position":[[1110,3],[1956,3],[2506,3],[3213,3],[3997,3],[5189,3],[5830,3]]},"662":{"position":[[5683,4],[6021,4],[6346,4],[6648,4],[6967,4],[9704,4],[10103,4]]},"664":{"position":[[4231,5],[6155,5],[8414,5],[10767,5],[13240,5],[15670,5],[18061,5],[20544,5],[23797,5]]},"668":{"position":[[2368,2],[2445,3],[12365,3],[14093,3],[20074,3],[61012,3],[62531,3],[71362,3],[74612,3],[77724,3],[81209,3],[97894,3],[100689,3],[123174,3],[140740,3]]}}}],["10%</button",{"_index":2288,"t":{"596":{"position":[[2564,12],[2699,12]]}}}],["10.459",{"_index":4982,"t":{"668":{"position":[[58030,6],[58114,6]]}}}],["10.607",{"_index":4655,"t":{"668":{"position":[[54527,8]]}}}],["100",{"_index":1730,"t":{"580":{"position":[[6379,4]]},"618":{"position":[[5894,6],[6696,5],[7470,6],[13124,6],[13701,5],[14669,6]]},"624":{"position":[[5527,6],[6272,5],[7024,6],[9441,6],[9951,5],[10895,6],[14193,6]]},"632":{"position":[[3493,3],[6083,7]]},"660":{"position":[[16394,4]]}}}],["10000",{"_index":3083,"t":{"616":{"position":[[11266,6],[11538,6],[13494,6],[13766,6],[15592,6],[15864,6]]}}}],["100vh;\">thi",{"_index":2089,"t":{"588":{"position":[[8878,12],[10635,12]]}}}],["101",{"_index":4398,"t":{"668":{"position":[[9110,4],[11610,4],[13889,4],[16690,4],[19870,4],[23012,4],[25694,4],[29649,4],[35548,4],[38196,4],[40772,4],[43290,4],[45878,4],[49490,4],[62327,4],[65033,4],[71158,4],[74408,4],[77520,4],[81005,4],[84186,4],[87212,4],[90653,4],[94867,4],[97690,4],[100485,4],[105706,4],[114139,4],[116359,4],[118826,4],[122970,4],[126880,4],[140536,4],[143143,4],[145949,4]]}}}],["102",{"_index":4396,"t":{"668":{"position":[[8990,4],[11490,4],[13769,4],[16570,4],[19750,4],[22892,4],[25574,4],[29419,4],[35428,4],[38076,4],[40652,4],[43187,4],[45775,4],[49260,4],[62207,4],[64913,4],[71038,4],[74288,4],[77400,4],[80885,4],[84066,4],[87092,4],[90533,4],[94747,4],[97570,4],[100365,4],[105586,4],[114019,4],[116239,4],[118706,4],[122850,4],[126760,4],[140416,4],[143031,4],[145815,4]]}}}],["103",{"_index":4382,"t":{"668":{"position":[[8473,4],[10973,4],[13252,4],[16053,4],[19233,4],[22375,4],[25057,4],[28448,4],[34911,4],[37559,4],[40135,4],[42732,4],[45320,4],[48289,4],[61690,4],[64318,4],[66776,4],[70521,4],[73771,4],[76883,4],[80368,4],[83549,4],[86575,4],[90016,4],[94230,4],[97053,4],[99848,4],[105069,4],[113502,4],[115722,4],[118189,4],[122333,4],[139899,4],[148317,4],[151520,4]]}}}],["104",{"_index":4390,"t":{"668":{"position":[[8728,4],[11228,4],[13507,4],[16308,4],[19488,4],[22630,4],[25312,4],[28927,4],[35166,4],[37814,4],[40390,4],[42954,4],[45542,4],[48768,4],[61945,4],[64573,4],[67031,4],[70776,4],[74026,4],[77138,4],[80623,4],[83804,4],[86830,4],[90271,4],[94485,4],[97308,4],[100103,4],[105324,4],[113757,4],[115977,4],[118444,4],[122588,4],[126498,4],[140154,4],[142816,4],[145556,4],[148572,4],[151775,4]]}}}],["105",{"_index":4393,"t":{"668":{"position":[[8857,4],[11357,4],[13636,4],[16437,4],[19617,4],[22759,4],[25441,4],[29167,4],[35295,4],[37943,4],[40519,4],[43067,4],[45655,4],[49008,4],[62074,4],[64702,4],[67160,4],[70905,4],[74155,4],[77267,4],[80752,4],[83933,4],[86959,4],[88148,4],[88228,4],[90400,4],[91114,5],[91157,3],[91236,4],[91278,3],[94614,4],[97437,4],[100232,4],[105453,4],[113886,4],[116106,4],[118573,4],[122717,4],[126627,4],[140283,4],[142917,4],[145679,4],[148701,4],[151904,4]]}}}],["106",{"_index":4387,"t":{"668":{"position":[[8604,4],[11104,4],[13383,4],[16184,4],[19364,4],[22506,4],[25188,4],[28690,4],[35042,4],[37690,4],[40266,4],[42847,4],[45435,4],[48531,4],[61821,4],[64449,4],[66907,4],[70652,4],[73902,4],[77014,4],[80499,4],[83680,4],[86706,4],[90147,4],[94361,4],[97184,4],[99979,4],[105200,4],[113633,4],[115853,4],[118320,4],[122464,4],[126374,4],[140030,4],[142713,4],[145431,4],[148448,4],[151651,4]]}}}],["107",{"_index":4376,"t":{"668":{"position":[[8349,4],[10849,4],[13128,4],[15929,4],[19109,4],[22251,4],[24933,4],[28210,4],[34787,4],[37435,4],[40011,4],[42627,4],[45215,4],[48051,4],[61566,4],[64194,4],[66652,4],[70397,4],[73647,4],[76759,4],[80244,4],[83425,4],[86451,4],[89892,4],[94106,4],[96929,4],[99724,4],[122209,4],[126118,4],[139775,4],[142508,4],[145182,4],[148193,4],[151396,4]]}}}],["1073255",{"_index":3172,"t":{"618":{"position":[[10051,8]]},"620":{"position":[[12879,8],[15868,8]]}}}],["108",{"_index":4400,"t":{"668":{"position":[[9232,4],[11732,4],[14266,4],[16812,4],[20247,4],[23134,4],[25816,4],[29888,4],[35670,4],[38318,4],[40894,4],[43395,4],[45983,4],[49729,4],[62704,4],[65155,4],[71535,4],[74785,4],[77897,4],[81382,4],[84308,4],[87334,4],[90775,4],[94989,4],[98067,4],[100862,4],[123347,4],[127002,4],[140913,4],[143248,4],[146076,4]]}}}],["1081241",{"_index":3169,"t":{"618":{"position":[[10024,8]]},"620":{"position":[[12852,8],[15841,8]]}}}],["109",{"_index":4403,"t":{"668":{"position":[[9355,4],[11855,4],[14389,4],[16935,4],[20370,4],[23257,4],[25939,4],[30128,4],[35793,4],[38441,4],[41017,4],[43502,4],[46090,4],[49969,4],[62827,4],[65278,4],[71658,4],[74908,4],[78020,4],[81505,4],[84431,4],[87457,4],[90898,4],[95112,4],[98190,4],[100985,4],[123470,4],[127125,4],[141036,4],[143349,4],[146199,4]]}}}],["10:00",{"_index":4167,"t":{"662":{"position":[[3449,5],[8891,5]]}}}],["10:50",{"_index":4173,"t":{"662":{"position":[[4133,5],[4862,5]]}}}],["10</button",{"_index":5082,"t":{"668":{"position":[[96253,11]]}}}],["10m",{"_index":3541,"t":{"626":{"position":[[11439,4]]},"630":{"position":[[17277,4]]}}}],["11",{"_index":536,"t":{"82":{"position":[[29,3]]},"130":{"position":[[1622,3]]},"134":{"position":[[625,3]]},"216":{"position":[[331,3]]},"234":{"position":[[340,3]]},"248":{"position":[[78,3]]},"266":{"position":[[81,3]]},"272":{"position":[[1381,3]]},"320":{"position":[[334,3]]},"330":{"position":[[699,3]]},"332":{"position":[[2249,3]]},"352":{"position":[[71,3]]},"354":{"position":[[75,3]]},"366":{"position":[[548,3]]},"372":{"position":[[71,3]]},"538":{"position":[[73,3]]},"600":{"position":[[3528,5],[5977,5],[8992,5],[11986,5],[14984,5],[17242,5]]},"664":{"position":[[4358,5],[6282,5],[8541,5],[10894,5],[13367,5],[15797,5],[18188,5],[20671,5],[23924,5]]},"668":{"position":[[8424,3],[10924,3],[13203,3],[16004,3],[19184,3],[22326,3],[25008,3],[28384,3],[34862,3],[37510,3],[40086,3],[48225,3],[57849,3],[61641,3],[64269,3],[66727,3],[70472,3],[73722,3],[76834,3],[80319,3],[83500,3],[86526,3],[89967,3],[94181,3],[97004,3],[99799,3],[122284,3],[126193,3],[139850,3],[142554,3],[145228,3],[148268,3],[151471,3]]}}}],["11.541.239",{"_index":4969,"t":{"668":{"position":[[57872,11]]}}}],["110",{"_index":5152,"t":{"668":{"position":[[127224,4],[143429,4],[146301,4]]}}}],["1100363",{"_index":3170,"t":{"618":{"position":[[10033,8]]},"620":{"position":[[12861,8],[15850,8]]}}}],["111",{"_index":4421,"t":{"668":{"position":[[14508,4],[20489,4],[62946,4],[71777,4],[75027,4],[78139,4],[81624,4],[98309,4],[101104,4],[123589,4],[141155,4]]}}}],["1118136",{"_index":3171,"t":{"618":{"position":[[10042,8]]},"620":{"position":[[12870,8],[15859,8]]}}}],["1120315",{"_index":3173,"t":{"618":{"position":[[10060,8]]},"620":{"position":[[12888,8],[15877,8]]}}}],["113",{"_index":4414,"t":{"668":{"position":[[14011,4],[19992,4],[62449,4],[71280,4],[74530,4],[77642,4],[81127,4],[97812,4],[100607,4],[123092,4],[140658,4]]}}}],["117",{"_index":4418,"t":{"668":{"position":[[14141,4],[20122,4],[55463,4],[62579,4],[71410,4],[74660,4],[77772,4],[81257,4],[97942,4],[100737,4],[123222,4],[140788,4]]}}}],["117.885.103.297.338.528.637.626",{"_index":4696,"t":{"668":{"position":[[55139,32]]}}}],["12",{"_index":193,"t":{"10":{"position":[[32,3]]},"34":{"position":[[33,3]]},"50":{"position":[[33,3]]},"74":{"position":[[30,3]]},"130":{"position":[[100,3],[364,3],[713,3],[1905,3]]},"134":{"position":[[2709,3]]},"136":{"position":[[2698,3]]},"138":{"position":[[2214,3]]},"140":{"position":[[1836,3]]},"148":{"position":[[2611,3]]},"162":{"position":[[345,3]]},"168":{"position":[[92,3]]},"186":{"position":[[84,3]]},"216":{"position":[[2415,3]]},"222":{"position":[[2399,3]]},"234":{"position":[[2424,3]]},"236":{"position":[[2408,3]]},"238":{"position":[[1861,3]]},"244":{"position":[[1703,3]]},"260":{"position":[[769,3]]},"262":{"position":[[78,3]]},"266":{"position":[[814,3]]},"270":{"position":[[83,3]]},"272":{"position":[[2613,3]]},"278":{"position":[[83,3]]},"282":{"position":[[1606,3]]},"284":{"position":[[514,3]]},"296":{"position":[[78,3]]},"298":{"position":[[84,3]]},"300":{"position":[[800,3]]},"316":{"position":[[1607,3]]},"320":{"position":[[2418,3]]},"336":{"position":[[1018,3]]},"354":{"position":[[808,3]]},"356":{"position":[[77,3]]},"360":{"position":[[1729,3]]},"366":{"position":[[1780,3],[2696,3]]},"390":{"position":[[2512,3]]},"398":{"position":[[508,3]]},"430":{"position":[[78,3]]},"434":{"position":[[794,3]]},"448":{"position":[[76,3]]},"472":{"position":[[77,3]]},"500":{"position":[[77,3]]},"526":{"position":[[74,3]]},"600":{"position":[[3648,5],[6104,5],[9119,5],[12113,5],[15111,5],[17362,5]]},"616":{"position":[[4279,2],[4412,2],[7082,3],[7345,3]]},"618":{"position":[[3648,2],[3781,2],[6394,3],[13399,3]]},"620":{"position":[[6245,2],[6378,2]]},"622":{"position":[[2192,4],[4019,4],[5650,4],[6619,4],[9245,2],[10612,4],[12150,4]]},"624":{"position":[[3366,2],[3499,2],[5992,3],[9671,3]]},"626":{"position":[[9336,2]]},"628":{"position":[[8067,2],[11152,2]]},"630":{"position":[[12701,2]]},"660":{"position":[[20218,2]]},"662":{"position":[[7153,2],[10391,2]]},"664":{"position":[[4478,5],[6402,5],[8661,5],[11014,5],[13487,5],[15917,5],[18308,5],[20791,5],[24044,5]]},"668":{"position":[[9065,4],[9187,4],[11565,4],[11687,4],[13844,4],[13966,4],[14221,4],[14589,4],[16645,4],[16767,4],[19825,4],[19947,4],[20202,4],[20570,4],[22967,4],[23089,4],[25649,4],[25771,4],[29588,4],[29827,4],[35503,4],[35625,4],[38151,4],[38273,4],[40727,4],[40849,4],[49429,4],[49668,4],[52297,2],[53701,2],[62282,4],[62404,4],[62659,4],[63027,4],[64988,4],[65110,4],[68015,4],[71113,4],[71235,4],[71490,4],[71858,4],[74363,4],[74485,4],[74740,4],[75108,4],[77475,4],[77597,4],[77852,4],[78220,4],[80960,4],[81082,4],[81337,4],[81705,4],[84141,4],[84263,4],[87167,4],[87289,4],[90608,4],[90730,4],[94822,4],[94944,4],[97645,4],[97767,4],[98022,4],[98390,4],[100440,4],[100562,4],[100817,4],[101185,4],[105661,4],[105783,4],[114094,4],[114216,4],[116314,4],[116436,4],[118781,4],[118903,4],[122925,4],[123047,4],[123302,4],[123670,4],[126835,4],[126957,4],[140491,4],[140613,4],[140868,4],[141236,4],[143079,4],[143193,4],[145863,4],[145999,4]]}}}],["12.133",{"_index":4603,"t":{"668":{"position":[[52935,6]]}}}],["12000",{"_index":4479,"t":{"668":{"position":[[28880,6],[42907,6],[45495,6],[48721,6]]}}}],["12345678",{"_index":3679,"t":{"630":{"position":[[2134,9],[4273,9],[4305,9],[4337,9],[4369,9],[4401,9],[4433,9],[4465,9],[4497,9],[4529,9]]}}}],["12345678.55m",{"_index":3724,"t":{"630":{"position":[[16459,13],[16499,13],[16539,13],[16579,13],[16619,13],[16659,13],[16699,13],[16739,13],[16779,13]]}}}],["12th",{"_index":120,"t":{"2":{"position":[[2640,5]]},"118":{"position":[[805,5]]}}}],["13",{"_index":267,"t":{"28":{"position":[[30,3]]},"102":{"position":[[32,3]]},"130":{"position":[[838,3],[1305,3]]},"132":{"position":[[1269,3]]},"140":{"position":[[30,3]]},"218":{"position":[[1038,3]]},"238":{"position":[[2467,3]]},"240":{"position":[[1047,3]]},"272":{"position":[[0,2],[328,3]]},"274":{"position":[[0,2]]},"314":{"position":[[1041,3]]},"330":{"position":[[1334,3]]},"332":{"position":[[80,3]]},"368":{"position":[[2531,3]]},"388":{"position":[[0,2]]},"390":{"position":[[0,2]]},"466":{"position":[[74,3]]},"486":{"position":[[77,3]]},"600":{"position":[[6224,5],[9239,5],[12233,5],[15231,5]]},"668":{"position":[[53698,2]]}}}],["13.945",{"_index":4626,"t":{"668":{"position":[[53502,6]]}}}],["13.981",{"_index":4674,"t":{"668":{"position":[[54773,6],[54958,6]]}}}],["138",{"_index":4770,"t":{"668":{"position":[[55891,4]]}}}],["1395736",{"_index":3174,"t":{"618":{"position":[[10069,8]]},"620":{"position":[[12897,8],[15886,8]]}}}],["13l",{"_index":4784,"t":{"668":{"position":[[56111,3]]}}}],["14",{"_index":57,"t":{"2":{"position":[[984,3]]},"122":{"position":[[30,3]]},"130":{"position":[[2390,3]]},"154":{"position":[[1028,3]]},"228":{"position":[[1037,3]]},"308":{"position":[[78,3]]},"310":{"position":[[1031,3]]},"342":{"position":[[358,3]]},"400":{"position":[[76,3]]},"414":{"position":[[426,3]]},"418":{"position":[[80,3]]},"428":{"position":[[71,3]]},"556":{"position":[[74,3]]},"662":{"position":[[1611,4]]}}}],["14.196",{"_index":4719,"t":{"668":{"position":[[55392,6]]}}}],["14.197",{"_index":4741,"t":{"668":{"position":[[55605,6]]}}}],["14.768",{"_index":4600,"t":{"668":{"position":[[52914,6]]}}}],["14000",{"_index":3084,"t":{"616":{"position":[[11273,6],[11545,6],[13501,6],[13773,6],[15599,6],[15871,6]]}}}],["1414739",{"_index":3178,"t":{"618":{"position":[[10105,8]]},"620":{"position":[[12933,8],[15922,8]]}}}],["1488788",{"_index":3175,"t":{"618":{"position":[[10078,8]]},"620":{"position":[[12906,8],[15895,8]]}}}],["1489466",{"_index":3176,"t":{"618":{"position":[[10087,8]]},"620":{"position":[[12915,8],[15904,8]]}}}],["1489947",{"_index":3177,"t":{"618":{"position":[[10096,8]]},"620":{"position":[[12924,8],[15913,8]]}}}],["15",{"_index":239,"t":{"16":{"position":[[31,3]]},"18":{"position":[[29,3]]},"52":{"position":[[33,3]]},"56":{"position":[[32,3]]},"104":{"position":[[35,3]]},"106":{"position":[[33,3]]},"130":{"position":[[320,3],[996,3],[1081,3],[1173,3],[1219,3],[2205,3]]},"132":{"position":[[308,3],[592,3]]},"136":{"position":[[1881,3],[2439,3]]},"140":{"position":[[804,3],[1235,3]]},"148":{"position":[[467,3]]},"162":{"position":[[86,3]]},"218":{"position":[[77,3],[361,3]]},"222":{"position":[[1582,3],[2140,3]]},"224":{"position":[[90,3]]},"236":{"position":[[1591,3],[2149,3]]},"240":{"position":[[86,3],[370,3]]},"244":{"position":[[671,3],[1102,3]]},"252":{"position":[[84,3]]},"254":{"position":[[92,3]]},"268":{"position":[[85,3]]},"276":{"position":[[80,3]]},"282":{"position":[[83,3]]},"286":{"position":[[85,3],[514,3]]},"290":{"position":[[514,3]]},"306":{"position":[[85,3]]},"308":{"position":[[2119,3],[2403,3]]},"314":{"position":[[80,3],[364,3]]},"326":{"position":[[78,3]]},"342":{"position":[[656,3]]},"360":{"position":[[1015,3],[1299,3]]},"362":{"position":[[431,3]]},"364":{"position":[[277,3]]},"376":{"position":[[74,3]]},"378":{"position":[[76,3]]},"382":{"position":[[78,3]]},"384":{"position":[[80,3]]},"388":{"position":[[581,3]]},"390":{"position":[[989,3]]},"392":{"position":[[79,3]]},"394":{"position":[[84,3]]},"398":{"position":[[1463,3]]},"404":{"position":[[470,3]]},"416":{"position":[[755,3],[1184,3]]},"442":{"position":[[393,3]]},"456":{"position":[[75,3]]},"458":{"position":[[73,3]]},"490":{"position":[[80,3]]},"496":{"position":[[78,3]]},"506":{"position":[[77,3]]},"508":{"position":[[76,3]]}}}],["15.045",{"_index":4699,"t":{"668":{"position":[[55184,6]]}}}],["15.048",{"_index":4767,"t":{"668":{"position":[[55861,6]]}}}],["15.068c.472",{"_index":4938,"t":{"668":{"position":[[57610,11]]}}}],["15.321",{"_index":4668,"t":{"668":{"position":[[54719,6]]}}}],["15000",{"_index":3063,"t":{"616":{"position":[[9528,6]]}}}],["152",{"_index":4835,"t":{"668":{"position":[[56665,4]]}}}],["153",{"_index":4876,"t":{"668":{"position":[[57024,4]]}}}],["153.536",{"_index":4838,"t":{"668":{"position":[[56690,8]]}}}],["155",{"_index":4831,"t":{"668":{"position":[[56639,4]]}}}],["15</button",{"_index":5084,"t":{"668":{"position":[[96370,11]]}}}],["16",{"_index":332,"t":{"40":{"position":[[31,3]]},"84":{"position":[[29,3]]},"96":{"position":[[29,3]]},"130":{"position":[[625,3],[1346,3],[1582,3]]},"132":{"position":[[1559,3]]},"134":{"position":[[367,3]]},"138":{"position":[[1669,3]]},"160":{"position":[[85,3]]},"166":{"position":[[82,3]]},"174":{"position":[[90,3]]},"190":{"position":[[86,3]]},"194":{"position":[[85,3]]},"216":{"position":[[73,3]]},"218":{"position":[[1328,3]]},"234":{"position":[[82,3]]},"238":{"position":[[1316,3]]},"240":{"position":[[1337,3]]},"272":{"position":[[618,3],[1123,3]]},"282":{"position":[[509,3]]},"288":{"position":[[81,3]]},"300":{"position":[[81,3]]},"314":{"position":[[1331,3]]},"320":{"position":[[76,3]]},"332":{"position":[[370,3],[1991,3]]},"366":{"position":[[290,3]]},"368":{"position":[[2821,3]]},"390":{"position":[[1415,3]]},"406":{"position":[[74,3]]},"434":{"position":[[75,3]]},"536":{"position":[[73,3]]},"554":{"position":[[73,3]]},"584":{"position":[[75,3]]},"596":{"position":[[393,2],[493,2]]}}}],["16.153",{"_index":4636,"t":{"668":{"position":[[53868,6],[53876,6]]}}}],["160",{"_index":495,"t":{"74":{"position":[[649,4]]}}}],["16500.50m",{"_index":4483,"t":{"668":{"position":[[29368,10],[43136,10],[45724,10],[49209,10]]}}}],["17",{"_index":64,"t":{"2":{"position":[[1277,3]]},"36":{"position":[[33,3]]},"120":{"position":[[30,3]]},"130":{"position":[[669,3],[2431,3]]},"138":{"position":[[1940,3]]},"148":{"position":[[2337,3]]},"152":{"position":[[76,3]]},"154":{"position":[[1321,3]]},"228":{"position":[[1330,3]]},"238":{"position":[[1587,3]]},"308":{"position":[[371,3]]},"310":{"position":[[1324,3]]},"336":{"position":[[427,3]]},"346":{"position":[[80,3]]},"368":{"position":[[1026,3]]},"386":{"position":[[78,3]]},"400":{"position":[[369,3]]},"412":{"position":[[77,3]]},"422":{"position":[[751,3]]},"442":{"position":[[74,3]]},"482":{"position":[[77,3]]},"552":{"position":[[74,3]]},"668":{"position":[[8428,4],[8683,4],[10928,4],[11183,4],[13207,4],[13462,4],[16008,4],[16263,4],[19188,4],[19443,4],[22330,4],[22585,4],[25012,4],[25267,4],[28388,4],[28866,4],[34866,4],[35121,4],[37514,4],[37769,4],[40090,4],[40345,4],[48229,4],[48707,4],[61645,4],[61900,4],[64273,4],[64528,4],[66731,4],[66986,4],[70476,4],[70731,4],[73726,4],[73981,4],[76838,4],[77093,4],[80323,4],[80578,4],[83504,4],[83759,4],[86530,4],[86785,4],[89971,4],[90226,4],[94185,4],[94440,4],[97008,4],[97263,4],[99803,4],[100058,4],[105279,4],[113712,4],[115932,4],[118399,4],[122288,4],[122543,4],[126197,4],[126453,4],[139854,4],[140109,4],[142558,4],[142761,4],[145232,4],[145479,4],[148272,4],[148527,4],[151475,4],[151730,4]]}}}],["17.203",{"_index":4611,"t":{"668":{"position":[[53124,6]]}}}],["17.995",{"_index":4701,"t":{"668":{"position":[[55197,6],[55405,6]]}}}],["17.996",{"_index":4742,"t":{"668":{"position":[[55618,6],[55873,6]]}}}],["17000",{"_index":3079,"t":{"616":{"position":[[11008,5],[13236,5],[15334,5]]}}}],["172",{"_index":481,"t":{"72":{"position":[[630,4]]}}}],["1735811",{"_index":3179,"t":{"618":{"position":[[10114,8]]},"620":{"position":[[12942,8],[15931,8]]}}}],["176.261",{"_index":4694,"t":{"668":{"position":[[55121,8]]}}}],["176.552",{"_index":4878,"t":{"668":{"position":[[57035,8]]}}}],["17850",{"_index":4490,"t":{"668":{"position":[[30081,6],[43455,6],[46043,6],[49922,6]]}}}],["179",{"_index":522,"t":{"80":{"position":[[201,4]]}}}],["18",{"_index":347,"t":{"44":{"position":[[33,3]]},"58":{"position":[[33,3]]},"108":{"position":[[34,3]]},"130":{"position":[[276,3],[496,3],[1129,3]]},"132":{"position":[[34,3]]},"136":{"position":[[2150,3]]},"138":{"position":[[752,3]]},"148":{"position":[[2048,3]]},"154":{"position":[[2795,3]]},"162":{"position":[[1393,3]]},"180":{"position":[[90,3]]},"184":{"position":[[83,3]]},"188":{"position":[[90,3]]},"206":{"position":[[82,3]]},"220":{"position":[[390,3]]},"222":{"position":[[1851,3]]},"224":{"position":[[1222,3]]},"228":{"position":[[2804,3]]},"236":{"position":[[1860,3]]},"238":{"position":[[399,3]]},"308":{"position":[[1845,3]]},"310":{"position":[[2798,3]]},"334":{"position":[[683,3]]},"360":{"position":[[741,3]]},"368":{"position":[[2010,3]]},"372":{"position":[[375,3]]},"380":{"position":[[83,3]]},"390":{"position":[[713,3]]},"402":{"position":[[79,3]]},"424":{"position":[[77,3]]},"478":{"position":[[77,3]]},"492":{"position":[[79,3]]},"504":{"position":[[77,3]]},"668":{"position":[[54732,2],[54786,2],[54971,2]]}}}],["18.512",{"_index":4680,"t":{"668":{"position":[[54836,6],[55021,6]]}}}],["18.512z",{"_index":4681,"t":{"668":{"position":[[54845,8],[55030,8]]}}}],["18000",{"_index":3064,"t":{"616":{"position":[[9535,6]]}}}],["1809499",{"_index":3158,"t":{"618":{"position":[[9482,8],[9509,8]]},"620":{"position":[[12310,8],[12337,8],[15234,8],[15261,8]]}}}],["1816642",{"_index":3159,"t":{"618":{"position":[[9491,8]]},"620":{"position":[[12319,8],[15243,8]]}}}],["182",{"_index":463,"t":{"70":{"position":[[346,4]]}}}],["1820171",{"_index":3180,"t":{"618":{"position":[[10123,7]]},"620":{"position":[[12951,7],[15940,7]]}}}],["183",{"_index":460,"t":{"70":{"position":[[243,4]]}}}],["184",{"_index":469,"t":{"70":{"position":[[418,4]]}}}],["1846743",{"_index":3162,"t":{"618":{"position":[[9527,8]]},"620":{"position":[[12355,8],[15279,8]]}}}],["1850793",{"_index":3161,"t":{"618":{"position":[[9518,8]]},"620":{"position":[[12346,8],[15270,8]]}}}],["19",{"_index":257,"t":{"22":{"position":[[28,3]]},"70":{"position":[[30,3]]},"130":{"position":[[916,3],[1823,3]]},"134":{"position":[[2105,3]]},"140":{"position":[[411,3]]},"148":{"position":[[1326,3]]},"216":{"position":[[1811,3]]},"224":{"position":[[949,3]]},"234":{"position":[[1820,3]]},"244":{"position":[[278,3]]},"250":{"position":[[325,3]]},"316":{"position":[[1003,3]]},"320":{"position":[[1814,3]]},"328":{"position":[[319,3]]},"404":{"position":[[77,3]]},"462":{"position":[[72,3]]},"524":{"position":[[74,3]]}}}],["19.003c.99",{"_index":4916,"t":{"668":{"position":[[57403,10]]}}}],["19.701c.853.01",{"_index":4893,"t":{"668":{"position":[[57195,14]]}}}],["19.724",{"_index":4643,"t":{"668":{"position":[[54076,6]]}}}],["19.76c.503",{"_index":4873,"t":{"668":{"position":[[57002,10]]}}}],["19000",{"_index":4476,"t":{"668":{"position":[[28643,6],[29119,6],[42800,6],[43019,6],[45388,6],[45607,6],[48484,6],[48960,6]]}}}],["192",{"_index":506,"t":{"76":{"position":[[219,4]]}}}],["194",{"_index":514,"t":{"78":{"position":[[222,4]]},"668":{"position":[[54908,4]]}}}],["195",{"_index":518,"t":{"78":{"position":[[302,4]]}}}],["1954797",{"_index":3163,"t":{"618":{"position":[[9536,8]]},"620":{"position":[[12364,8],[15288,8]]}}}],["196",{"_index":524,"t":{"80":{"position":[[299,4]]}}}],["1983430",{"_index":3165,"t":{"618":{"position":[[9554,8]]},"620":{"position":[[12382,8],[15306,8]]}}}],["1h",{"_index":4993,"t":{"668":{"position":[[58220,2]]}}}],["1px",{"_index":2937,"t":{"614":{"position":[[539,3],[818,3]]},"622":{"position":[[8264,3],[8305,3]]},"626":{"position":[[8021,3],[8062,3]]},"628":{"position":[[7201,3],[7242,3],[9798,3],[9839,3]]},"630":{"position":[[11257,3],[11298,3]]},"660":{"position":[[18926,3],[18967,3]]},"662":{"position":[[5318,3],[5359,3],[9338,3],[9379,3]]}}}],["1s",{"_index":4992,"t":{"668":{"position":[[58208,2]]}}}],["1s.449",{"_index":4996,"t":{"668":{"position":[[58246,6]]}}}],["1z",{"_index":4997,"t":{"668":{"position":[[58257,3]]}}}],["2",{"_index":36,"t":{"2":{"position":[[372,1],[3113,1]]},"80":{"position":[[39,1]]},"102":{"position":[[43,1]]},"110":{"position":[[44,1]]},"124":{"position":[[49,1]]},"132":{"position":[[1280,1]]},"134":{"position":[[1189,1]]},"148":{"position":[[93,1],[903,1]]},"150":{"position":[[0,1],[86,1]]},"154":{"position":[[416,1],[1923,1]]},"156":{"position":[[95,1]]},"164":{"position":[[0,1]]},"170":{"position":[[0,1]]},"198":{"position":[[0,1]]},"202":{"position":[[0,1]]},"214":{"position":[[0,1]]},"216":{"position":[[895,1]]},"218":{"position":[[1049,1]]},"224":{"position":[[526,1]]},"228":{"position":[[425,1],[1932,1]]},"234":{"position":[[904,1]]},"240":{"position":[[1058,1]]},"248":{"position":[[0,1]]},"260":{"position":[[95,1]]},"266":{"position":[[391,1]]},"270":{"position":[[0,1]]},"272":{"position":[[339,1],[1945,1]]},"276":{"position":[[0,1]]},"280":{"position":[[0,1]]},"284":{"position":[[91,1]]},"286":{"position":[[0,1]]},"290":{"position":[[0,1],[88,1]]},"294":{"position":[[94,1]]},"300":{"position":[[377,1]]},"302":{"position":[[0,1]]},"306":{"position":[[0,1]]},"308":{"position":[[973,1]]},"310":{"position":[[419,1],[1926,1]]},"314":{"position":[[1052,1]]},"316":{"position":[[87,1]]},"320":{"position":[[898,1]]},"330":{"position":[[92,1]]},"332":{"position":[[91,1]]},"336":{"position":[[93,1]]},"346":{"position":[[403,1]]},"354":{"position":[[385,1]]},"356":{"position":[[0,1]]},"360":{"position":[[85,1]]},"362":{"position":[[0,1],[94,1]]},"366":{"position":[[1112,1]]},"368":{"position":[[414,1],[1354,1],[2542,1]]},"372":{"position":[[0,1]]},"376":{"position":[[0,1]]},"386":{"position":[[0,1],[401,1]]},"390":{"position":[[92,1]]},"398":{"position":[[85,1]]},"400":{"position":[[697,1]]},"406":{"position":[[0,1]]},"410":{"position":[[94,1]]},"412":{"position":[[0,1],[405,1]]},"414":{"position":[[0,1],[92,1]]},"416":{"position":[[416,1]]},"422":{"position":[[417,1]]},"424":{"position":[[0,1],[357,1]]},"426":{"position":[[90,1]]},"428":{"position":[[378,1]]},"432":{"position":[[0,1]]},"434":{"position":[[371,1]]},"486":{"position":[[88,1]]},"494":{"position":[[89,1]]},"534":{"position":[[83,1]]},"562":{"position":[[0,1],[415,1]]},"568":{"position":[[2934,4],[4857,2],[6788,4],[8590,3],[10420,4],[18327,3],[18917,4],[21302,3]]},"574":{"position":[[5761,3],[5903,1],[5919,3],[6061,1],[6080,3],[6222,1],[6260,3]]},"580":{"position":[[3596,1],[4067,1],[4431,1]]},"590":{"position":[[3214,2]]},"598":{"position":[[6504,3],[9481,3]]},"600":{"position":[[2380,4],[2942,3],[4479,4],[5041,3],[7370,4],[7994,3],[10364,4],[10988,3],[13362,4],[13986,3],[16094,4],[16656,3]]},"602":{"position":[[4692,1],[4945,1],[5114,1],[9944,1],[10098,1]]},"612":{"position":[[2273,3],[2494,3],[2718,3],[3206,3],[3427,3],[3651,3],[4122,3],[4404,3],[4688,3],[5051,3],[5272,3],[5513,3],[5738,3],[6141,3],[6362,3],[6586,3]]},"616":{"position":[[2498,2]]},"618":{"position":[[2246,2],[3075,1],[9179,1],[9721,1],[10263,1]]},"620":{"position":[[2382,2],[10418,1],[12007,1],[12549,1],[13091,1],[14866,1],[15473,1],[16080,1]]},"622":{"position":[[8501,3],[8541,1],[8991,1]]},"624":{"position":[[2081,2],[2808,1]]},"626":{"position":[[8282,1],[8665,1],[9031,1],[11118,1]]},"628":{"position":[[7462,1],[7754,1],[10068,1],[10377,1],[10776,1]]},"630":{"position":[[11518,1],[11944,1],[12353,1],[16954,1]]},"632":{"position":[[1263,2],[1467,2],[1672,2],[1878,2],[4057,2],[4467,2],[4680,2],[4895,2],[5111,2],[5723,2]]},"634":{"position":[[925,1]]},"636":{"position":[[7316,3],[8003,4]]},"638":{"position":[[8385,4]]},"640":{"position":[[7840,3],[8527,4]]},"642":{"position":[[6739,3],[7426,4]]},"644":{"position":[[6900,3],[7587,4]]},"650":{"position":[[7294,4]]},"652":{"position":[[947,3],[1501,4]]},"654":{"position":[[952,3],[1506,4]]},"656":{"position":[[7319,4]]},"660":{"position":[[4094,1],[6286,1],[8866,1],[9755,1],[10777,3],[11854,3],[12448,3],[13506,3]]},"662":{"position":[[5588,1],[5925,1],[6250,1],[6554,1],[6873,1],[9608,1],[10009,1]]},"664":{"position":[[3408,4],[5240,4],[7499,4],[9852,4],[12325,4],[14755,4],[17146,4],[18962,3],[19629,4],[22932,4]]},"668":{"position":[[2642,3],[14097,3],[18429,3],[20078,3],[62535,3],[64841,1],[65799,1],[68231,1],[71366,3],[74616,3],[77728,3],[81213,3],[82691,3],[85717,3],[89212,3],[93372,3],[97898,3],[100693,3],[119764,3],[123178,3],[140744,3],[147598,1],[147694,1],[147794,1],[147908,1],[148006,1],[150790,1],[150883,1],[150980,1],[151091,1],[151186,1]]}}}],["2\"></icon>a",{"_index":1093,"t":{"564":{"position":[[2481,11],[2626,11],[2771,11]]}}}],["2\"></icon>an",{"_index":1091,"t":{"564":{"position":[[2349,12]]}}}],["2\"><icon",{"_index":2614,"t":{"602":{"position":[[11216,8]]}}}],["2\">@amount1</div",{"_index":3754,"t":{"632":{"position":[[5384,17]]}}}],["2\">@body</div",{"_index":3947,"t":{"638":{"position":[[7871,14]]},"650":{"position":[[6780,14]]},"656":{"position":[[6805,14]]}}}],["2\">hide</h4",{"_index":1237,"t":{"568":{"position":[[16029,12]]}}}],["2\">page",{"_index":2491,"t":{"600":{"position":[[6826,7],[9820,7],[12818,7]]},"664":{"position":[[6983,7],[9308,7],[11781,7],[14211,7],[16630,7]]}}}],["2\">submit</button",{"_index":3515,"t":{"626":{"position":[[9550,18]]},"628":{"position":[[8281,18],[11366,18]]},"630":{"position":[[12915,18]]},"660":{"position":[[20432,18]]},"662":{"position":[[7367,18],[10605,18]]}}}],["2.0.0",{"_index":74,"t":{"2":{"position":[[1665,5]]},"116":{"position":[[104,5]]},"154":{"position":[[1709,5]]},"228":{"position":[[1718,5]]},"308":{"position":[[759,5]]},"310":{"position":[[1712,5]]},"330":{"position":[[500,5]]},"336":{"position":[[815,5]]},"340":{"position":[[151,5]]},"420":{"position":[[149,5]]},"548":{"position":[[148,5]]},"566":{"position":[[543,5]]},"604":{"position":[[286,5],[366,5],[455,5],[535,5],[611,5],[694,5]]}}}],["2.008.607",{"_index":4940,"t":{"668":{"position":[[57631,9]]}}}],["2.036.91",{"_index":4931,"t":{"668":{"position":[[57520,8]]}}}],["2.04",{"_index":4952,"t":{"668":{"position":[[57722,4]]}}}],["2.1.0",{"_index":65,"t":{"2":{"position":[[1348,5]]},"120":{"position":[[101,5]]},"152":{"position":[[147,5]]},"154":{"position":[[1392,5]]},"228":{"position":[[1401,5]]},"308":{"position":[[442,5]]},"310":{"position":[[1395,5]]},"336":{"position":[[498,5]]},"346":{"position":[[151,5]]},"368":{"position":[[1097,5]]},"386":{"position":[[149,5]]},"400":{"position":[[440,5]]},"412":{"position":[[148,5]]},"422":{"position":[[822,5]]},"442":{"position":[[145,5]]},"552":{"position":[[145,5]]},"600":{"position":[[321,5],[390,5],[474,5],[594,5],[645,5],[697,5],[908,5],[947,5],[1424,5]]},"608":{"position":[[481,5]]},"666":{"position":[[370,5]]}}}],["2.142",{"_index":4748,"t":{"668":{"position":[[55682,5]]}}}],["2.184.077",{"_index":4907,"t":{"668":{"position":[[57308,9]]}}}],["2.2.0",{"_index":58,"t":{"2":{"position":[[1055,5]]},"122":{"position":[[101,5]]},"154":{"position":[[1099,5]]},"228":{"position":[[1108,5]]},"308":{"position":[[149,5]]},"310":{"position":[[1102,5]]},"342":{"position":[[429,5]]},"400":{"position":[[147,5]]},"414":{"position":[[497,5]]},"418":{"position":[[151,5]]},"428":{"position":[[142,5]]},"556":{"position":[[145,5]]},"598":{"position":[[293,5],[362,5],[492,5],[591,5],[650,5],[700,5],[752,5],[829,5],[1011,5],[1197,5],[1270,5],[1451,5],[1528,5],[1592,5],[1673,5],[1746,5],[1820,5],[1881,5],[1936,5],[1995,5],[2079,5],[2161,5],[2226,5],[2306,5],[2416,5],[2479,5],[2557,5],[2633,5],[2685,5],[2780,5],[2875,5],[3003,5],[3106,5],[3220,5],[3305,5],[3376,5],[3542,5]]},"602":{"position":[[560,5],[664,5],[716,5],[810,5],[922,5],[1047,5],[1164,5],[1243,5],[1328,5],[1426,5],[1544,5],[1621,5],[1698,5],[1806,5],[1910,5],[2096,5],[2192,5],[2286,5]]},"612":{"position":[[630,5],[693,5],[899,5]]}}}],["2.2.1",{"_index":48,"t":{"2":{"position":[[785,6]]},"126":{"position":[[109,6]]},"154":{"position":[[829,6]]},"228":{"position":[[838,6]]},"310":{"position":[[832,6]]},"342":{"position":[[159,6]]},"368":{"position":[[827,6]]},"558":{"position":[[153,6]]},"638":{"position":[[3021,5]]}}}],["2.324",{"_index":4729,"t":{"668":{"position":[[55479,5]]}}}],["2.34m",{"_index":3489,"t":{"626":{"position":[[5851,6]]},"630":{"position":[[9036,6]]}}}],["2.384",{"_index":4896,"t":{"668":{"position":[[57220,5]]}}}],["2.5",{"_index":1014,"t":{"560":{"position":[[1893,3]]}}}],["2.526",{"_index":4920,"t":{"668":{"position":[[57430,5]]}}}],["2.679",{"_index":4672,"t":{"668":{"position":[[54762,5]]}}}],["2.796",{"_index":4965,"t":{"668":{"position":[[57832,5]]}}}],["2.948.957",{"_index":4740,"t":{"668":{"position":[[55595,9]]}}}],["2.95",{"_index":4717,"t":{"668":{"position":[[55382,4]]}}}],["2.x.x",{"_index":83,"t":{"2":{"position":[[1990,6],[2111,5]]},"118":{"position":[[155,6],[276,5]]}}}],["20",{"_index":227,"t":{"14":{"position":[[32,3]]},"130":{"position":[[57,3]]},"140":{"position":[[1666,3]]},"244":{"position":[[1533,3]]},"450":{"position":[[76,3]]},"632":{"position":[[1975,3],[5208,3]]},"668":{"position":[[2449,3],[54904,3],[55088,2],[55324,2],[56032,2],[56041,2],[56050,2],[56115,2]]}}}],["20.61",{"_index":4627,"t":{"668":{"position":[[53510,5]]}}}],["20.991",{"_index":4644,"t":{"668":{"position":[[54083,6]]}}}],["2000",{"_index":3078,"t":{"616":{"position":[[11002,5],[13230,5],[15328,5]]},"668":{"position":[[67987,6]]}}}],["2019",{"_index":3185,"t":{"618":{"position":[[10768,7]]},"620":{"position":[[13561,7],[16621,7]]}}}],["2021",{"_index":103,"t":{"2":{"position":[[2386,5]]},"4":{"position":[[35,4]]},"6":{"position":[[36,4]]},"8":{"position":[[36,4]]},"10":{"position":[[36,4]]},"12":{"position":[[36,4]]},"14":{"position":[[36,4]]},"118":{"position":[[551,5]]},"130":{"position":[[0,4],[18,4],[61,4],[104,4],[146,4],[189,4],[232,4]]},"140":{"position":[[1441,4],[1670,4],[1840,4]]},"144":{"position":[[35,4],[226,4],[420,4]]},"146":{"position":[[79,4]]},"242":{"position":[[89,4],[283,4]]},"244":{"position":[[1308,4],[1537,4],[1707,4],[1942,4]]},"440":{"position":[[80,4]]},"444":{"position":[[80,4]]},"446":{"position":[[79,4]]},"448":{"position":[[80,4]]},"450":{"position":[[80,4]]},"452":{"position":[[80,4]]}}}],["2022",{"_index":240,"t":{"16":{"position":[[35,4]]},"18":{"position":[[33,4]]},"20":{"position":[[36,4]]},"22":{"position":[[32,4]]},"24":{"position":[[32,4]]},"26":{"position":[[33,4]]},"28":{"position":[[34,4]]},"30":{"position":[[34,4]]},"32":{"position":[[36,4]]},"34":{"position":[[37,4]]},"36":{"position":[[37,4]]},"38":{"position":[[36,4]]},"40":{"position":[[35,4]]},"42":{"position":[[36,4]]},"44":{"position":[[37,4]]},"46":{"position":[[37,4]]},"48":{"position":[[37,4]]},"50":{"position":[[37,4]]},"52":{"position":[[37,4]]},"58":{"position":[[37,4]]},"130":{"position":[[262,4],[280,4],[324,4],[368,4],[412,4],[456,4],[500,4],[543,4],[586,4],[629,4],[673,4],[717,4],[760,4],[801,4],[842,4],[881,4],[920,4],[960,4],[1000,4],[1043,4],[1085,4]]},"136":{"position":[[2154,4],[2443,4],[2702,4]]},"138":{"position":[[37,4],[443,4],[756,4],[1096,4],[1411,4],[1673,4],[1944,4],[2218,4],[2416,4],[2620,4]]},"140":{"position":[[34,4],[218,4],[415,4],[610,4],[808,4],[1009,4],[1239,4]]},"148":{"position":[[2052,4],[2341,4],[2615,4],[2813,4]]},"160":{"position":[[89,4]]},"162":{"position":[[90,4],[349,4],[678,4],[1084,4],[1397,4]]},"164":{"position":[[95,4],[501,4]]},"166":{"position":[[86,4]]},"168":{"position":[[96,4]]},"170":{"position":[[87,4],[493,4]]},"172":{"position":[[583,4]]},"174":{"position":[[94,4]]},"176":{"position":[[92,4]]},"178":{"position":[[93,4]]},"180":{"position":[[94,4]]},"182":{"position":[[95,4]]},"184":{"position":[[87,4]]},"186":{"position":[[88,4]]},"188":{"position":[[94,4]]},"190":{"position":[[90,4]]},"192":{"position":[[91,4]]},"194":{"position":[[89,4]]},"196":{"position":[[89,4]]},"198":{"position":[[88,4],[494,4]]},"200":{"position":[[91,4]]},"202":{"position":[[88,4],[494,4]]},"206":{"position":[[86,4]]},"208":{"position":[[93,4]]},"212":{"position":[[87,4]]},"214":{"position":[[334,4]]},"220":{"position":[[81,4],[394,4]]},"222":{"position":[[1855,4],[2144,4],[2403,4],[2732,4]]},"224":{"position":[[1226,4]]},"236":{"position":[[1864,4],[2153,4],[2412,4],[2741,4]]},"238":{"position":[[90,4],[403,4],[743,4],[1058,4],[1320,4],[1591,4],[1865,4],[2063,4],[2267,4],[2471,4]]},"244":{"position":[[85,4],[282,4],[477,4],[675,4],[876,4],[1106,4]]},"260":{"position":[[773,4]]},"274":{"position":[[583,4]]},"278":{"position":[[87,4]]},"290":{"position":[[518,4]]},"330":{"position":[[1338,4]]},"336":{"position":[[1022,4]]},"344":{"position":[[88,4]]},"360":{"position":[[1733,4],[1931,4]]},"364":{"position":[[76,4],[281,4]]},"366":{"position":[[2700,4]]},"370":{"position":[[79,4]]},"372":{"position":[[379,4]]},"380":{"position":[[87,4]]},"388":{"position":[[385,4],[585,4]]},"392":{"position":[[83,4]]},"398":{"position":[[1267,4],[1467,4]]},"404":{"position":[[81,4],[276,4],[474,4]]},"406":{"position":[[339,4]]},"408":{"position":[[86,4]]},"436":{"position":[[665,4],[980,4]]},"454":{"position":[[80,4]]},"456":{"position":[[79,4]]},"458":{"position":[[77,4]]},"460":{"position":[[77,4]]},"462":{"position":[[76,4]]},"464":{"position":[[76,4]]},"466":{"position":[[78,4]]},"468":{"position":[[80,4]]},"470":{"position":[[78,4]]},"472":{"position":[[81,4]]},"474":{"position":[[80,4]]},"476":{"position":[[80,4]]},"478":{"position":[[81,4]]},"480":{"position":[[81,4]]},"482":{"position":[[81,4]]},"484":{"position":[[81,4]]},"500":{"position":[[81,4]]},"504":{"position":[[81,4]]},"506":{"position":[[81,4]]},"584":{"position":[[79,4]]},"618":{"position":[[5123,5],[12211,5]]},"624":{"position":[[4796,5],[8590,5],[12798,5]]}}}],["2023",{"_index":392,"t":{"54":{"position":[[36,4]]},"56":{"position":[[36,4]]},"60":{"position":[[36,4]]},"62":{"position":[[36,4]]},"64":{"position":[[37,4]]},"66":{"position":[[37,4]]},"68":{"position":[[33,4]]},"70":{"position":[[34,4]]},"72":{"position":[[34,4]]},"74":{"position":[[34,4]]},"76":{"position":[[34,4]]},"78":{"position":[[34,4]]},"80":{"position":[[32,4]]},"82":{"position":[[33,4]]},"84":{"position":[[33,4]]},"86":{"position":[[32,4]]},"88":{"position":[[33,4]]},"90":{"position":[[32,4]]},"92":{"position":[[32,4]]},"94":{"position":[[32,4]]},"96":{"position":[[33,4]]},"98":{"position":[[32,4]]},"100":{"position":[[36,4]]},"102":{"position":[[36,4]]},"104":{"position":[[39,4]]},"106":{"position":[[37,4]]},"108":{"position":[[38,4]]},"130":{"position":[[1115,4],[1133,4],[1177,4],[1223,4],[1266,4],[1309,4],[1350,4],[1389,4],[1428,4],[1467,4],[1506,4],[1546,4],[1586,4],[1626,4],[1665,4],[1704,4],[1745,4],[1786,4],[1827,4],[1868,4],[1909,4],[1949,4],[1993,4],[2037,4],[2080,4],[2123,4],[2166,4],[2209,4]]},"132":{"position":[[38,4],[312,4],[596,4],[1025,4],[1273,4],[1563,4],[1848,4],[2100,4],[2319,4],[2539,4]]},"134":{"position":[[33,4],[371,4],[629,4],[928,4],[1182,4],[1616,4],[1861,4],[2109,4],[2379,4],[2713,4]]},"136":{"position":[[33,4],[380,4],[628,4],[877,4],[1126,4],[1575,4],[1885,4]]},"148":{"position":[[471,4],[896,4],[1330,4],[1602,4]]},"150":{"position":[[459,4]]},"154":{"position":[[2799,4]]},"156":{"position":[[716,4]]},"158":{"position":[[93,4]]},"172":{"position":[[85,4],[334,4]]},"204":{"position":[[98,4]]},"210":{"position":[[90,4]]},"214":{"position":[[87,4]]},"216":{"position":[[77,4],[335,4],[634,4],[888,4],[1322,4],[1567,4],[1815,4],[2085,4],[2419,4],[2832,4]]},"218":{"position":[[81,4],[365,4],[794,4],[1042,4],[1332,4],[1617,4],[1869,4],[2088,4],[2308,4],[2615,4]]},"222":{"position":[[81,4],[329,4],[578,4],[827,4],[1276,4],[1586,4]]},"224":{"position":[[94,4],[519,4],[953,4]]},"226":{"position":[[87,4]]},"228":{"position":[[2808,4]]},"230":{"position":[[83,4]]},"232":{"position":[[107,4]]},"234":{"position":[[86,4],[344,4],[643,4],[897,4],[1331,4],[1576,4],[1824,4],[2094,4],[2428,4],[2841,4]]},"236":{"position":[[90,4],[338,4],[587,4],[836,4],[1285,4],[1595,4]]},"240":{"position":[[90,4],[374,4],[803,4],[1051,4],[1341,4],[1626,4],[1878,4],[2097,4],[2317,4],[2624,4]]},"246":{"position":[[86,4]]},"248":{"position":[[82,4],[383,4]]},"250":{"position":[[84,4],[329,4],[598,4]]},"252":{"position":[[88,4]]},"254":{"position":[[96,4]]},"256":{"position":[[86,4]]},"258":{"position":[[92,4]]},"260":{"position":[[88,4],[522,4]]},"262":{"position":[[82,4]]},"264":{"position":[[86,4]]},"266":{"position":[[85,4],[384,4],[818,4],[1231,4]]},"268":{"position":[[89,4]]},"270":{"position":[[87,4],[500,4]]},"272":{"position":[[84,4],[332,4],[622,4],[907,4],[1127,4],[1385,4],[1684,4],[1938,4],[2372,4],[2617,4]]},"274":{"position":[[85,4],[334,4]]},"276":{"position":[[84,4],[362,4]]},"280":{"position":[[87,4],[340,4]]},"282":{"position":[[87,4],[513,4],[798,4],[1050,4],[1271,4],[1610,4],[2023,4],[2369,4]]},"284":{"position":[[84,4],[518,4],[931,4]]},"286":{"position":[[89,4],[518,4]]},"288":{"position":[[85,4]]},"290":{"position":[[81,4]]},"292":{"position":[[81,4]]},"294":{"position":[[87,4]]},"296":{"position":[[82,4]]},"298":{"position":[[88,4]]},"300":{"position":[[85,4],[370,4],[804,4]]},"302":{"position":[[82,4],[424,4]]},"304":{"position":[[81,4]]},"306":{"position":[[89,4],[514,4]]},"308":{"position":[[1849,4],[2123,4],[2407,4],[2836,4]]},"310":{"position":[[2802,4]]},"312":{"position":[[84,4],[533,4]]},"314":{"position":[[84,4],[368,4],[797,4],[1045,4],[1335,4],[1620,4],[1872,4],[2091,4],[2311,4],[2618,4]]},"316":{"position":[[80,4],[514,4],[759,4],[1007,4],[1277,4],[1611,4],[2024,4],[2371,4],[2619,4],[2868,4]]},"318":{"position":[[80,4]]},"320":{"position":[[80,4],[338,4],[637,4],[891,4],[1325,4],[1570,4],[1818,4],[2088,4],[2422,4],[2835,4]]},"322":{"position":[[84,4],[332,4],[581,4],[830,4],[1279,4]]},"324":{"position":[[87,4]]},"326":{"position":[[82,4]]},"328":{"position":[[78,4],[323,4],[592,4]]},"330":{"position":[[703,4],[1004,4]]},"332":{"position":[[84,4],[374,4],[659,4],[911,4],[1130,4],[1350,4],[1657,4],[1995,4],[2253,4],[2552,4]]},"334":{"position":[[687,4]]},"338":{"position":[[80,4]]},"342":{"position":[[660,4]]},"346":{"position":[[396,4],[830,4]]},"348":{"position":[[86,4]]},"350":{"position":[[80,4]]},"352":{"position":[[75,4]]},"354":{"position":[[79,4],[378,4],[812,4],[1225,4]]},"356":{"position":[[81,4],[494,4]]},"358":{"position":[[80,4]]},"360":{"position":[[745,4],[1019,4],[1303,4]]},"362":{"position":[[435,4]]},"366":{"position":[[74,4],[294,4],[552,4],[851,4],[1105,4],[1539,4],[1784,4],[2201,4],[2450,4]]},"368":{"position":[[2014,4],[2287,4],[2535,4],[2825,4]]},"372":{"position":[[75,4]]},"376":{"position":[[78,4],[356,4]]},"378":{"position":[[80,4]]},"382":{"position":[[82,4]]},"384":{"position":[[84,4]]},"386":{"position":[[394,4]]},"388":{"position":[[79,4]]},"390":{"position":[[717,4],[993,4],[1419,4],[1704,4],[1956,4],[2177,4],[2516,4],[2929,4]]},"394":{"position":[[88,4],[513,4],[766,4]]},"398":{"position":[[78,4],[512,4],[925,4]]},"402":{"position":[[83,4]]},"406":{"position":[[78,4]]},"416":{"position":[[759,4],[1188,4]]},"424":{"position":[[81,4],[350,4]]},"428":{"position":[[750,4]]},"430":{"position":[[82,4]]},"432":{"position":[[357,4]]},"434":{"position":[[79,4],[364,4],[798,4]]},"436":{"position":[[76,4],[418,4]]},"438":{"position":[[82,4]]},"442":{"position":[[397,4],[822,4]]},"486":{"position":[[81,4]]},"488":{"position":[[81,4]]},"490":{"position":[[84,4]]},"492":{"position":[[83,4]]},"496":{"position":[[82,4]]},"508":{"position":[[80,4]]},"510":{"position":[[80,4]]},"512":{"position":[[80,4]]},"514":{"position":[[81,4]]},"516":{"position":[[80,4]]},"518":{"position":[[81,4]]},"520":{"position":[[77,4]]},"522":{"position":[[78,4]]},"524":{"position":[[78,4]]},"526":{"position":[[78,4]]},"528":{"position":[[78,4]]},"530":{"position":[[78,4]]},"532":{"position":[[76,4]]},"534":{"position":[[76,4]]},"536":{"position":[[77,4]]},"538":{"position":[[77,4]]},"540":{"position":[[77,4]]},"542":{"position":[[76,4]]},"544":{"position":[[76,4]]},"546":{"position":[[76,4]]},"550":{"position":[[76,4]]},"554":{"position":[[77,4]]}}}],["2024",{"_index":6,"t":{"2":{"position":[[42,4],[365,4],[710,4],[988,4],[1281,4],[1598,4],[1866,4],[2646,5],[3106,4],[3489,4],[3704,4]]},"110":{"position":[[37,4]]},"112":{"position":[[37,4]]},"114":{"position":[[36,4]]},"116":{"position":[[37,4]]},"118":{"position":[[31,4],[811,5]]},"120":{"position":[[34,4]]},"122":{"position":[[34,4]]},"124":{"position":[[42,4]]},"126":{"position":[[34,4]]},"128":{"position":[[42,4]]},"130":{"position":[[2240,4],[2253,4],[2302,4],[2353,4],[2394,4],[2435,4],[2479,4],[2523,4],[2560,4],[2604,4],[2647,4]]},"148":{"position":[[86,4]]},"150":{"position":[[79,4]]},"152":{"position":[[80,4]]},"154":{"position":[[86,4],[409,4],[754,4],[1032,4],[1325,4],[1642,4],[1916,4],[2299,4],[2514,4]]},"156":{"position":[[88,4],[435,4]]},"228":{"position":[[95,4],[418,4],[763,4],[1041,4],[1334,4],[1651,4],[1925,4],[2308,4],[2523,4]]},"308":{"position":[[82,4],[375,4],[692,4],[966,4],[1349,4],[1564,4]]},"310":{"position":[[89,4],[412,4],[757,4],[1035,4],[1328,4],[1645,4],[1919,4],[2302,4],[2517,4]]},"330":{"position":[[85,4],[433,4]]},"334":{"position":[[85,4],[402,4]]},"336":{"position":[[86,4],[431,4],[748,4]]},"340":{"position":[[84,4]]},"342":{"position":[[84,4],[362,4]]},"346":{"position":[[84,4]]},"360":{"position":[[78,4],[460,4]]},"362":{"position":[[87,4]]},"368":{"position":[[84,4],[407,4],[752,4],[1030,4],[1347,4],[1729,4]]},"374":{"position":[[85,4]]},"386":{"position":[[82,4]]},"390":{"position":[[85,4],[432,4]]},"396":{"position":[[94,4]]},"400":{"position":[[80,4],[373,4],[690,4],[1073,4]]},"410":{"position":[[87,4]]},"412":{"position":[[81,4],[398,4]]},"414":{"position":[[85,4],[430,4]]},"416":{"position":[[86,4],[409,4]]},"418":{"position":[[84,4]]},"420":{"position":[[82,4]]},"422":{"position":[[87,4],[410,4],[755,4]]},"426":{"position":[[83,4]]},"428":{"position":[[75,4],[371,4]]},"432":{"position":[[78,4]]},"442":{"position":[[78,4]]},"494":{"position":[[82,4]]},"498":{"position":[[81,4]]},"502":{"position":[[82,4]]},"548":{"position":[[81,4]]},"552":{"position":[[78,4]]},"556":{"position":[[78,4]]},"558":{"position":[[78,4]]},"562":{"position":[[85,4],[408,4]]}}}],["21",{"_index":47,"t":{"2":{"position":[[706,3]]},"12":{"position":[[32,3]]},"126":{"position":[[30,3]]},"130":{"position":[[14,3],[2349,3]]},"140":{"position":[[1437,3]]},"146":{"position":[[75,3]]},"154":{"position":[[750,3]]},"228":{"position":[[759,3]]},"244":{"position":[[1304,3]]},"310":{"position":[[753,3]]},"342":{"position":[[80,3]]},"368":{"position":[[748,3]]},"452":{"position":[[76,3]]},"558":{"position":[[74,3]]}}}],["21.357",{"_index":4630,"t":{"668":{"position":[[53529,8]]}}}],["21.485c.257",{"_index":4850,"t":{"668":{"position":[[56805,11]]}}}],["21.492",{"_index":4601,"t":{"668":{"position":[[52922,6]]}}}],["21.986c",{"_index":4734,"t":{"668":{"position":[[55557,7]]}}}],["210",{"_index":527,"t":{"80":{"position":[[378,4]]}}}],["21000",{"_index":3065,"t":{"616":{"position":[[9542,5]]},"668":{"position":[[29841,6],[43348,6],[45936,6],[49682,6]]}}}],["2122410",{"_index":3160,"t":{"618":{"position":[[9500,8]]},"620":{"position":[[12328,8],[15252,8]]}}}],["21231",{"_index":3717,"t":{"630":{"position":[[5922,6]]}}}],["213",{"_index":613,"t":{"98":{"position":[[268,4]]}}}],["214",{"_index":612,"t":{"98":{"position":[[218,4]]}}}],["217",{"_index":553,"t":{"84":{"position":[[214,4]]}}}],["219.588",{"_index":4695,"t":{"668":{"position":[[55130,8]]}}}],["22",{"_index":337,"t":{"42":{"position":[[32,3]]},"48":{"position":[[33,3]]},"130":{"position":[[452,3],[582,3]]},"138":{"position":[[439,3],[1407,3]]},"162":{"position":[[1080,3]]},"164":{"position":[[497,3]]},"170":{"position":[[489,3]]},"172":{"position":[[579,3]]},"176":{"position":[[88,3]]},"178":{"position":[[89,3]]},"182":{"position":[[91,3]]},"192":{"position":[[87,3]]},"198":{"position":[[490,3]]},"200":{"position":[[87,3]]},"202":{"position":[[490,3]]},"220":{"position":[[77,3]]},"238":{"position":[[86,3],[1054,3]]},"274":{"position":[[579,3]]},"364":{"position":[[0,2]]},"366":{"position":[[0,2]]},"368":{"position":[[0,2]]},"474":{"position":[[76,3]]},"480":{"position":[[77,3]]}}}],["221",{"_index":547,"t":{"82":{"position":[[380,4]]}}}],["222",{"_index":545,"t":{"82":{"position":[[325,4]]}}}],["227",{"_index":541,"t":{"82":{"position":[[227,4]]}}}],["229",{"_index":555,"t":{"84":{"position":[[269,4]]}}}],["22m",{"_index":3723,"t":{"630":{"position":[[14054,4]]}}}],["23",{"_index":186,"t":{"8":{"position":[[32,3]]},"54":{"position":[[32,3]]},"66":{"position":[[33,3]]},"130":{"position":[[228,3],[1989,3],[2162,3]]},"136":{"position":[[376,3],[1571,3]]},"144":{"position":[[416,3]]},"214":{"position":[[83,3]]},"222":{"position":[[77,3],[1272,3]]},"236":{"position":[[86,3],[1281,3]]},"242":{"position":[[279,3]]},"258":{"position":[[88,3]]},"264":{"position":[[82,3]]},"282":{"position":[[2365,3]]},"302":{"position":[[420,3]]},"312":{"position":[[529,3]]},"316":{"position":[[2367,3]]},"322":{"position":[[80,3],[1275,3]]},"348":{"position":[[82,3]]},"358":{"position":[[76,3]]},"388":{"position":[[75,3]]},"436":{"position":[[414,3]]},"440":{"position":[[76,3]]},"516":{"position":[[76,3]]},"518":{"position":[[77,3]]},"668":{"position":[[8945,4],[11445,4],[13724,4],[16525,4],[19705,4],[22847,4],[25529,4],[29354,4],[35383,4],[38031,4],[40607,4],[49195,4],[62162,4],[64790,4],[67248,4],[70993,4],[74243,4],[77355,4],[80840,4],[84021,4],[87047,4],[90488,4],[94702,4],[97525,4],[100320,4],[105541,4],[113974,4],[116194,4],[118661,4],[122805,4],[126715,4],[140371,4],[142967,4],[145729,4],[148789,4],[151992,4]]}}}],["23.273",{"_index":4642,"t":{"668":{"position":[[54061,6],[54069,6]]}}}],["230",{"_index":542,"t":{"82":{"position":[[251,4]]}}}],["232m",{"_index":3535,"t":{"626":{"position":[[10689,5]]},"660":{"position":[[21610,5]]}}}],["234",{"_index":4233,"t":{"664":{"position":[[21122,4],[21127,4]]}}}],["235",{"_index":600,"t":{"96":{"position":[[445,4]]}}}],["238",{"_index":572,"t":{"88":{"position":[[435,4]]}}}],["238.545",{"_index":4851,"t":{"668":{"position":[[56817,8]]}}}],["239",{"_index":4839,"t":{"668":{"position":[[56699,4]]}}}],["2391313",{"_index":3164,"t":{"618":{"position":[[9545,8]]},"620":{"position":[[12373,8],[15297,8]]}}}],["24",{"_index":503,"t":{"76":{"position":[[30,3]]},"130":{"position":[[1782,3]]},"134":{"position":[[1857,3]]},"216":{"position":[[1563,3]]},"234":{"position":[[1572,3]]},"260":{"position":[[518,3]]},"316":{"position":[[755,3]]},"320":{"position":[[1566,3]]},"346":{"position":[[826,3]]},"350":{"position":[[76,3]]},"528":{"position":[[74,3]]}}}],["24.497",{"_index":4953,"t":{"668":{"position":[[57727,7]]}}}],["24.825c.01",{"_index":4827,"t":{"668":{"position":[[56596,10]]}}}],["24000",{"_index":4485,"t":{"668":{"position":[[29602,6],[43243,6],[45831,6],[49443,6]]}}}],["242",{"_index":569,"t":{"88":{"position":[[322,4]]}}}],["243",{"_index":575,"t":{"88":{"position":[[512,4]]}}}],["246",{"_index":677,"t":{"108":{"position":[[229,4]]}}}],["2469918",{"_index":3166,"t":{"618":{"position":[[9563,8]]},"620":{"position":[[12391,8],[15315,8]]}}}],["24px",{"_index":4238,"t":{"664":{"position":[[21361,5],[21400,5]]}}}],["25",{"_index":73,"t":{"2":{"position":[[1594,3],[1862,3]]},"116":{"position":[[33,3]]},"118":{"position":[[27,3]]},"130":{"position":[[2475,3],[2519,3]]},"154":{"position":[[1638,3]]},"228":{"position":[[1647,3]]},"308":{"position":[[688,3]]},"310":{"position":[[1641,3]]},"330":{"position":[[429,3]]},"336":{"position":[[744,3]]},"340":{"position":[[80,3]]},"420":{"position":[[78,3]]},"548":{"position":[[77,3]]},"586":{"position":[[1303,5]]},"632":{"position":[[5958,6]]},"668":{"position":[[55565,3],[56438,3],[68041,5],[106033,2],[107111,2],[108129,2],[109149,2],[110163,2],[111177,2],[112201,2],[119494,2]]}}}],["25.912",{"_index":4580,"t":{"668":{"position":[[52290,6],[52602,6],[54913,6]]}}}],["25.912.387",{"_index":4683,"t":{"668":{"position":[[54922,10]]}}}],["254",{"_index":4677,"t":{"668":{"position":[[54797,4],[54982,4],[56710,4]]}}}],["258",{"_index":581,"t":{"90":{"position":[[193,4]]}}}],["26.219",{"_index":4760,"t":{"668":{"position":[[55805,7]]}}}],["261",{"_index":564,"t":{"86":{"position":[[308,4]]}}}],["2633303",{"_index":3167,"t":{"618":{"position":[[9572,8]]},"620":{"position":[[12400,8],[15324,8]]}}}],["264",{"_index":594,"t":{"96":{"position":[[270,4]]}}}],["265",{"_index":589,"t":{"94":{"position":[[194,4]]}}}],["26b050",{"_index":3354,"t":{"622":{"position":[[8274,8]]},"626":{"position":[[8031,8]]},"628":{"position":[[7211,8],[9808,8]]},"630":{"position":[[11267,8]]},"660":{"position":[[18936,8]]},"662":{"position":[[5328,8],[9348,8]]}}}],["27",{"_index":176,"t":{"6":{"position":[[32,3]]},"20":{"position":[[32,3]]},"130":{"position":[[185,3],[1039,3]]},"140":{"position":[[1005,3]]},"144":{"position":[[222,3]]},"242":{"position":[[85,3]]},"244":{"position":[[872,3]]},"344":{"position":[[84,3]]},"370":{"position":[[75,3]]},"436":{"position":[[976,3]]},"444":{"position":[[76,3]]},"454":{"position":[[76,3]]}}}],["270",{"_index":2434,"t":{"600":{"position":[[715,3]]},"664":{"position":[[742,3]]}}}],["270px",{"_index":2502,"t":{"600":{"position":[[15433,6]]},"664":{"position":[[21038,6],[24246,6]]}}}],["271",{"_index":598,"t":{"96":{"position":[[389,4]]}}}],["272",{"_index":4790,"t":{"668":{"position":[[56210,4]]}}}],["274",{"_index":655,"t":{"104":{"position":[[525,4]]}}}],["276",{"_index":672,"t":{"106":{"position":[[399,4]]}}}],["278",{"_index":601,"t":{"96":{"position":[[508,4]]}}}],["28",{"_index":261,"t":{"24":{"position":[[28,3]]},"46":{"position":[[33,3]]},"80":{"position":[[28,3]]},"130":{"position":[[408,3],[877,3],[1700,3]]},"134":{"position":[[1178,3]]},"138":{"position":[[33,3]]},"140":{"position":[[214,3]]},"148":{"position":[[892,3]]},"162":{"position":[[674,3]]},"164":{"position":[[91,3]]},"170":{"position":[[83,3]]},"198":{"position":[[84,3]]},"202":{"position":[[84,3]]},"212":{"position":[[83,3]]},"216":{"position":[[884,3]]},"222":{"position":[[2728,3]]},"224":{"position":[[515,3]]},"234":{"position":[[893,3]]},"236":{"position":[[2737,3]]},"244":{"position":[[81,3]]},"260":{"position":[[84,3]]},"266":{"position":[[380,3]]},"272":{"position":[[1934,3]]},"284":{"position":[[80,3]]},"290":{"position":[[77,3]]},"294":{"position":[[83,3]]},"300":{"position":[[366,3]]},"316":{"position":[[76,3]]},"320":{"position":[[887,3]]},"346":{"position":[[392,3]]},"354":{"position":[[374,3]]},"366":{"position":[[1101,3]]},"386":{"position":[[390,3]]},"388":{"position":[[381,3]]},"398":{"position":[[74,3],[1263,3]]},"424":{"position":[[346,3]]},"434":{"position":[[360,3]]},"464":{"position":[[72,3]]},"484":{"position":[[77,3]]},"534":{"position":[[72,3]]},"598":{"position":[[1843,2],[1958,2]]}}}],["28.815",{"_index":4639,"t":{"668":{"position":[[53895,8]]}}}],["28.906c",{"_index":4809,"t":{"668":{"position":[[56399,7]]}}}],["28.955c.176",{"_index":4759,"t":{"668":{"position":[[55793,11]]}}}],["28000",{"_index":3076,"t":{"616":{"position":[[10989,6],[11531,6],[13217,6],[13759,6],[15315,6],[15857,6]]}}}],["2821149",{"_index":3168,"t":{"618":{"position":[[9581,7]]},"620":{"position":[[12409,7],[15333,7]]}}}],["283",{"_index":605,"t":{"96":{"position":[[582,4]]}}}],["286",{"_index":609,"t":{"96":{"position":[[667,4]]}}}],["287",{"_index":597,"t":{"96":{"position":[[324,4]]}}}],["29",{"_index":508,"t":{"78":{"position":[[30,3]]},"100":{"position":[[32,3]]},"130":{"position":[[1262,3],[1741,3]]},"132":{"position":[[1021,3]]},"134":{"position":[[1612,3]]},"216":{"position":[[1318,3]]},"218":{"position":[[790,3]]},"234":{"position":[[1327,3]]},"240":{"position":[[799,3]]},"250":{"position":[[80,3]]},"272":{"position":[[80,3],[2368,3]]},"308":{"position":[[2832,3]]},"314":{"position":[[793,3]]},"316":{"position":[[510,3]]},"320":{"position":[[1321,3]]},"328":{"position":[[74,3]]},"366":{"position":[[1535,3]]},"368":{"position":[[2283,3]]},"488":{"position":[[77,3]]},"530":{"position":[[74,3]]},"668":{"position":[[56363,3]]}}}],["292",{"_index":636,"t":{"102":{"position":[[928,4]]}}}],["295",{"_index":4857,"t":{"668":{"position":[[56867,4]]}}}],["295.607",{"_index":4854,"t":{"668":{"position":[[56843,8]]}}}],["296",{"_index":637,"t":{"102":{"position":[[1050,4]]},"668":{"position":[[57470,4]]}}}],["297",{"_index":642,"t":{"102":{"position":[[1150,4]]},"668":{"position":[[56407,4]]}}}],["297.059",{"_index":4725,"t":{"668":{"position":[[55449,8]]}}}],["297.603",{"_index":4922,"t":{"668":{"position":[[57446,8]]}}}],["299.097",{"_index":4744,"t":{"668":{"position":[[55631,8]]}}}],["29s.172",{"_index":4805,"t":{"668":{"position":[[56348,8]]}}}],["2</badg",{"_index":1377,"t":{"572":{"position":[[3802,9]]}}}],["3",{"_index":969,"t":{"156":{"position":[[0,1]]},"172":{"position":[[0,1]]},"250":{"position":[[0,1]]},"260":{"position":[[0,1]]},"284":{"position":[[0,1]]},"300":{"position":[[0,1]]},"328":{"position":[[0,1]]},"334":{"position":[[0,1]]},"342":{"position":[[0,1]]},"346":{"position":[[0,1]]},"394":{"position":[[0,1]]},"404":{"position":[[0,1]]},"422":{"position":[[0,1]]},"428":{"position":[[0,1]]},"434":{"position":[[0,1]]},"442":{"position":[[0,1]]},"568":{"position":[[3485,4],[5481,2],[7339,4],[9155,4],[10971,4],[12001,3],[19468,4],[21875,3]]},"572":{"position":[[3393,3],[3651,3],[4095,3],[5024,3],[5962,3]]},"574":{"position":[[8568,3]]},"576":{"position":[[4031,2],[4376,3]]},"578":{"position":[[3335,1],[3463,1],[3598,1]]},"580":{"position":[[11174,1],[11501,1],[11923,1],[12469,1],[12817,1],[13260,1]]},"582":{"position":[[5468,1],[6483,2]]},"588":{"position":[[4920,1],[5048,1],[5183,1],[6224,3],[6808,1],[6936,1],[7071,1],[7179,2]]},"596":{"position":[[1188,3],[1240,3],[1315,3],[1408,3],[1501,3],[1621,3],[1750,3],[2147,3],[2372,3],[2438,3],[3381,2],[3455,2],[3529,3],[3592,2],[3833,3],[3926,3],[4016,3],[4109,3],[4201,3],[4294,3],[4389,3],[4614,3],[5969,3],[6340,3],[6461,3],[6579,3],[6700,3],[6820,3],[6941,3],[7064,3],[7371,3],[7503,3],[7632,3],[7764,3],[7895,3],[8027,3],[8161,3]]},"600":{"position":[[2464,4],[4563,4],[7485,4],[10479,4],[13477,4],[16178,4]]},"602":{"position":[[10999,2],[12735,2]]},"604":{"position":[[2160,2],[2238,2],[2318,2],[2396,2],[2473,2],[2551,2],[2626,2],[2702,2],[3789,2],[3892,2],[3972,2],[4075,2],[4206,2],[4307,3]]},"606":{"position":[[1949,2],[3392,2],[4902,2],[6508,2],[8210,2],[10097,2],[10122,1],[10169,2],[11617,2]]},"608":{"position":[[1630,3]]},"612":{"position":[[13183,3],[13897,1],[14128,3],[14927,1],[15243,3],[15380,2]]},"620":{"position":[[14999,1],[15606,1],[16213,1]]},"622":{"position":[[8955,3],[10580,3],[12118,3]]},"626":{"position":[[1445,3],[1867,3],[2043,3],[2223,3],[2405,3],[2589,3],[2773,3],[2959,3],[3145,3],[4004,3],[4502,3],[4797,3],[5357,3],[5583,3],[6037,3],[6437,3],[7176,3],[8257,3],[8640,3],[9006,3],[11093,3]]},"628":{"position":[[1508,3],[2064,3],[2117,3],[2266,3],[2320,3],[2470,3],[2523,3],[2672,3],[2726,3],[3533,3],[3586,3],[3859,3],[3913,3],[4187,3],[4240,3],[4513,3],[4567,3],[5556,3],[6337,3],[7437,3],[7729,3],[9102,3],[10043,3],[10352,3],[10751,3]]},"630":{"position":[[1963,3],[2224,3],[2450,3],[2676,3],[2902,3],[3128,3],[3354,3],[3580,3],[3806,3],[4032,3],[4668,3],[5156,3],[5712,3],[6147,3],[6277,3],[6410,3],[6545,3],[6682,3],[6819,3],[6958,3],[7097,3],[7911,3],[8486,3],[8740,3],[9222,3],[9652,3],[10395,3],[11493,3],[11919,3],[12328,3],[14370,3],[14600,3],[14830,3],[15060,3],[15290,3],[15520,3],[15750,3],[15980,3],[16210,3],[16929,3]]},"632":{"position":[[1147,3],[1350,3],[1554,3],[1759,3],[2115,3],[2849,3],[3940,3],[4136,2],[4351,3],[4554,3],[4767,3],[4982,3],[5545,3]]},"634":{"position":[[1096,3],[1786,3]]},"636":{"position":[[7420,2],[8101,4]]},"638":{"position":[[8483,4]]},"640":{"position":[[7944,2],[8625,4]]},"642":{"position":[[6843,2],[7524,4]]},"644":{"position":[[7004,2],[7685,4]]},"650":{"position":[[7392,4]]},"652":{"position":[[1599,4]]},"654":{"position":[[1604,4]]},"656":{"position":[[7417,4]]},"660":{"position":[[15420,3],[19158,2],[19301,3],[19625,3],[19932,3]]},"662":{"position":[[1452,3],[1798,3],[1851,3],[1975,3],[2029,3],[2705,3],[2758,3],[3006,3],[3060,3],[3725,3],[4478,3],[5563,3],[5900,3],[6225,3],[6529,3],[6848,3],[8657,3],[9583,3],[9984,3]]},"664":{"position":[[3492,4],[5355,4],[7614,4],[9967,4],[12440,4],[14870,4],[17261,4],[19744,4],[23016,4],[23315,4],[23445,4],[23575,4]]},"666":{"position":[[788,2],[1585,2],[2344,2]]},"668":{"position":[[18356,3],[54641,2],[65904,2],[82618,3],[85644,3],[89139,3],[93299,3]]}}}],["3\">@displayswitchstatus</div",{"_index":3792,"t":{"634":{"position":[[2615,29]]}}}],["3\">chang",{"_index":3624,"t":{"628":{"position":[[9249,10]]},"662":{"position":[[8804,10]]}}}],["3\">enter",{"_index":3443,"t":{"626":{"position":[[1590,10],[4268,10],[4749,10],[5051,10],[5535,10],[5763,10],[6281,10]]},"628":{"position":[[1612,10],[2221,10],[2425,10],[2627,10],[2831,10],[3814,10],[4142,10],[4468,10],[4796,10],[5681,10],[6458,10]]},"630":{"position":[[2070,10],[2401,10],[2627,10],[2853,10],[3079,10],[3305,10],[3531,10],[3757,10],[3983,10],[4209,10],[4804,10],[5317,10],[5858,10],[8203,10],[8692,10],[8948,10],[9494,10],[14551,10],[14781,10],[15011,10],[15241,10],[15471,10],[15701,10],[15931,10],[16161,10],[16391,10]]},"662":{"position":[[1531,10],[1930,10],[2109,10],[2961,10],[3264,10],[3825,10],[4575,10]]}}}],["3\">max",{"_index":3581,"t":{"628":{"position":[[3774,6],[4102,6],[4428,6],[4756,6]]},"662":{"position":[[2921,6],[3224,6]]}}}],["3\">min",{"_index":3579,"t":{"628":{"position":[[3734,6],[4062,6],[4388,6],[4716,6]]},"662":{"position":[[2881,6],[3184,6]]}}}],["3\">select",{"_index":2899,"t":{"612":{"position":[[13349,11]]}}}],["3\">switch",{"_index":3775,"t":{"634":{"position":[[872,9]]}}}],["3\">thi",{"_index":2851,"t":{"612":{"position":[[7009,7],[7136,7],[7266,7],[7563,7],[7690,7],[7820,7],[7948,7],[8169,7],[8296,7],[8426,7],[8554,7],[8783,7],[8910,7],[9040,7],[9168,7],[9580,7],[9707,7],[9837,7],[9984,7],[10123,7],[10248,7],[11942,7],[12069,7],[12199,7],[12327,7]]}}}],["3.0.0",{"_index":17,"t":{"2":{"position":[[117,5]]},"128":{"position":[[117,5]]},"154":{"position":[[161,5]]},"228":{"position":[[170,5]]},"310":{"position":[[164,5]]},"334":{"position":[[160,5]]},"368":{"position":[[159,5]]},"374":{"position":[[160,5]]},"396":{"position":[[169,5]]},"416":{"position":[[161,5]]},"422":{"position":[[162,5]]},"562":{"position":[[160,5]]},"600":{"position":[[529,5],[751,5],[817,5]]},"614":{"position":[[324,5],[385,5],[479,5],[577,5]]},"636":{"position":[[365,5]]},"638":{"position":[[378,5]]},"640":{"position":[[365,5]]},"642":{"position":[[375,5]]},"644":{"position":[[375,5]]},"646":{"position":[[383,5]]},"648":{"position":[[383,5]]},"650":{"position":[[423,5]]},"656":{"position":[[375,5]]},"660":{"position":[[682,5]]},"664":{"position":[[540,5],[778,5],[844,5]]},"668":{"position":[[355,5],[2019,5],[2099,5],[4725,5],[4807,5]]}}}],["3.003",{"_index":4941,"t":{"668":{"position":[[57641,5]]}}}],["3.5",{"_index":1012,"t":{"560":{"position":[[1881,3]]}}}],["3.507",{"_index":4690,"t":{"668":{"position":[[55098,5]]}}}],["3.592",{"_index":4753,"t":{"668":{"position":[[55722,5]]}}}],["3.799",{"_index":4697,"t":{"668":{"position":[[55172,5],[55849,5]]}}}],["3.837",{"_index":4610,"t":{"668":{"position":[[53118,5]]}}}],["30",{"_index":264,"t":{"26":{"position":[[29,3]]},"38":{"position":[[32,3]]},"60":{"position":[[32,3]]},"88":{"position":[[29,3]]},"130":{"position":[[539,3],[956,3],[1542,3],[2119,3]]},"134":{"position":[[29,3]]},"136":{"position":[[1122,3]]},"138":{"position":[[1092,3]]},"140":{"position":[[606,3]]},"148":{"position":[[1598,3]]},"158":{"position":[[89,3]]},"196":{"position":[[85,3]]},"204":{"position":[[94,3]]},"208":{"position":[[89,3]]},"210":{"position":[[86,3]]},"214":{"position":[[330,3]]},"218":{"position":[[2611,3]]},"222":{"position":[[823,3]]},"232":{"position":[[103,3]]},"236":{"position":[[832,3]]},"238":{"position":[[739,3]]},"240":{"position":[[2620,3]]},"244":{"position":[[473,3]]},"276":{"position":[[358,3]]},"280":{"position":[[336,3]]},"282":{"position":[[1267,3]]},"292":{"position":[[77,3]]},"302":{"position":[[78,3]]},"312":{"position":[[80,3]]},"314":{"position":[[2614,3]]},"322":{"position":[[826,3]]},"332":{"position":[[1653,3]]},"376":{"position":[[352,3]]},"390":{"position":[[2173,3]]},"394":{"position":[[762,3]]},"404":{"position":[[272,3]]},"406":{"position":[[335,3]]},"408":{"position":[[82,3]]},"428":{"position":[[746,3]]},"436":{"position":[[72,3],[661,3]]},"460":{"position":[[73,3]]},"476":{"position":[[76,3]]},"510":{"position":[[76,3]]},"540":{"position":[[73,3]]},"632":{"position":[[1995,3],[5228,3]]},"636":{"position":[[6249,2]]},"638":{"position":[[6030,2]]},"640":{"position":[[6773,2]]},"650":{"position":[[5673,2]]}}}],["30.933",{"_index":4652,"t":{"668":{"position":[[54337,6],[54520,6]]}}}],["300m",{"_index":433,"t":{"64":{"position":[[199,5]]}}}],["303",{"_index":4917,"t":{"668":{"position":[[57414,4]]}}}],["306",{"_index":4928,"t":{"668":{"position":[[57496,4]]}}}],["31",{"_index":272,"t":{"30":{"position":[[30,3]]},"98":{"position":[[28,3]]},"130":{"position":[[797,3],[1661,3]]},"134":{"position":[[924,3]]},"138":{"position":[[2616,3]]},"216":{"position":[[630,3]]},"234":{"position":[[639,3]]},"238":{"position":[[2263,3]]},"272":{"position":[[1680,3]]},"306":{"position":[[510,3]]},"320":{"position":[[633,3]]},"332":{"position":[[2548,3]]},"364":{"position":[[72,3]]},"366":{"position":[[847,3]]},"442":{"position":[[818,3]]},"470":{"position":[[74,3]]},"532":{"position":[[72,3]]}}}],["31.736",{"_index":4621,"t":{"668":{"position":[[53332,8]]}}}],["31.914",{"_index":4593,"t":{"668":{"position":[[52609,6]]}}}],["31.978c",{"_index":4789,"t":{"668":{"position":[[56197,7]]}}}],["313",{"_index":4862,"t":{"668":{"position":[[56892,4]]}}}],["317",{"_index":656,"t":{"104":{"position":[[597,4]]}}}],["32",{"_index":971,"t":{"308":{"position":[[0,2]]},"312":{"position":[[0,2]]},"316":{"position":[[0,2]]},"332":{"position":[[0,2]]}}}],["32.081",{"_index":4612,"t":{"668":{"position":[[53131,6]]}}}],["320",{"_index":4294,"t":{"668":{"position":[[2221,3],[123827,3]]}}}],["320px",{"_index":4109,"t":{"660":{"position":[[18493,8]]}}}],["321",{"_index":1612,"t":{"578":{"position":[[2848,5]]},"582":{"position":[[3972,5]]},"588":{"position":[[4740,5]]}}}],["322",{"_index":1821,"t":{"582":{"position":[[5722,5]]},"588":{"position":[[6429,5]]}}}],["327",{"_index":652,"t":{"104":{"position":[[457,4]]}}}],["328.539",{"_index":4823,"t":{"668":{"position":[[56546,8]]}}}],["329.537",{"_index":4976,"t":{"668":{"position":[[57958,8]]}}}],["329.637",{"_index":4723,"t":{"668":{"position":[[55431,8]]}}}],["334",{"_index":650,"t":{"104":{"position":[[368,4]]}}}],["338",{"_index":4762,"t":{"668":{"position":[[55828,4]]}}}],["34.048",{"_index":4638,"t":{"668":{"position":[[53888,6]]}}}],["346",{"_index":669,"t":{"106":{"position":[[341,4]]},"668":{"position":[[56252,4],[56276,4]]}}}],["35",{"_index":972,"t":{"310":{"position":[[0,2]]},"314":{"position":[[0,2]]},"320":{"position":[[0,2]]},"322":{"position":[[0,2]]}}}],["35.606",{"_index":4633,"t":{"668":{"position":[[53704,8]]}}}],["35.609",{"_index":4604,"t":{"668":{"position":[[52942,8]]}}}],["35.617",{"_index":4712,"t":{"668":{"position":[[55317,6],[56025,6]]}}}],["35.617h",{"_index":4660,"t":{"668":{"position":[[54660,7],[54896,7]]}}}],["352",{"_index":649,"t":{"104":{"position":[[303,4]]}}}],["367",{"_index":4735,"t":{"668":{"position":[[55569,4]]}}}],["37.354",{"_index":4629,"t":{"668":{"position":[[53522,6]]}}}],["373",{"_index":667,"t":{"106":{"position":[[282,4]]},"668":{"position":[[56241,4]]}}}],["373.406",{"_index":4798,"t":{"668":{"position":[[56267,8]]}}}],["384",{"_index":681,"t":{"108":{"position":[[403,4]]}}}],["388",{"_index":4739,"t":{"668":{"position":[[55590,4]]}}}],["39",{"_index":4705,"t":{"668":{"position":[[55233,3]]}}}],["4",{"_index":140,"t":{"2":{"position":[[3103,2],[3486,2]]},"32":{"position":[[33,2]]},"92":{"position":[[29,2]]},"110":{"position":[[34,2]]},"112":{"position":[[34,2]]},"130":{"position":[[757,2],[1425,2],[2557,2],[2601,2]]},"132":{"position":[[2097,2]]},"138":{"position":[[2413,2]]},"148":{"position":[[83,2],[2810,2]]},"150":{"position":[[76,2]]},"154":{"position":[[1913,2],[2296,2]]},"218":{"position":[[1866,2]]},"224":{"position":[[0,1]]},"228":{"position":[[1922,2],[2305,2]]},"238":{"position":[[2060,2]]},"240":{"position":[[1875,2]]},"266":{"position":[[0,1]]},"272":{"position":[[904,2]]},"308":{"position":[[963,2],[1346,2]]},"310":{"position":[[1916,2],[2299,2]]},"314":{"position":[[1869,2]]},"332":{"position":[[908,2]]},"336":{"position":[[0,1]]},"354":{"position":[[0,1]]},"360":{"position":[[75,2],[1928,2]]},"366":{"position":[[71,2]]},"368":{"position":[[1344,2]]},"400":{"position":[[0,1],[687,2],[1070,2]]},"410":{"position":[[84,2]]},"412":{"position":[[395,2]]},"416":{"position":[[0,1]]},"428":{"position":[[368,2]]},"436":{"position":[[0,1]]},"468":{"position":[[77,2]]},"494":{"position":[[79,2]]},"502":{"position":[[79,2]]},"544":{"position":[[73,2]]},"560":{"position":[[1885,1],[1901,1],[1903,1]]},"574":{"position":[[5556,1]]},"580":{"position":[[3897,2],[7295,2],[7627,2],[7956,2],[8322,2],[8612,2],[8902,2],[9189,2],[9476,2],[9761,2],[10044,2],[10327,2],[10856,2],[11232,2],[11559,2],[12129,2],[12526,2],[12874,2]]},"582":{"position":[[4156,1],[4284,1],[4419,1],[6112,1],[6240,1],[6375,1]]},"594":{"position":[[844,2],[1275,2]]},"600":{"position":[[2570,4],[4669,4],[6671,1],[6807,3],[7591,4],[9665,1],[9801,3],[10585,4],[12663,1],[12799,3],[13583,4],[16284,4]]},"602":{"position":[[11987,2]]},"608":{"position":[[2017,2]]},"616":{"position":[[4704,2],[9155,2],[10553,2],[12781,2],[14879,2]]},"618":{"position":[[8416,2],[9222,1],[9367,1],[9764,1],[9909,1],[10306,1],[10451,1]]},"620":{"position":[[6742,2],[10461,1],[10612,1],[11244,2],[12050,1],[12195,1],[12592,1],[12737,1],[13134,1],[13279,1],[14105,2],[14909,1],[15054,1],[15516,1],[15661,1],[16123,1],[16268,1]]},"636":{"position":[[7161,1],[7297,3]]},"638":{"position":[[7716,1],[7852,3]]},"640":{"position":[[7685,1],[7821,3]]},"642":{"position":[[6584,1],[6720,3]]},"644":{"position":[[6745,1],[6881,3]]},"650":{"position":[[6625,1],[6761,3]]},"652":{"position":[[792,1],[928,3]]},"654":{"position":[[797,1],[933,3]]},"656":{"position":[[6650,1],[6786,3]]},"660":{"position":[[4099,3],[6291,3],[8871,3],[9760,3],[18465,1],[19153,1]]},"664":{"position":[[3598,4],[5461,4],[6828,1],[6964,3],[7720,4],[9080,1],[9289,3],[10073,4],[11553,1],[11762,3],[12546,4],[13983,1],[14192,3],[14976,4],[16402,1],[16611,3],[17367,4],[18807,1],[18943,3],[19850,4],[23122,4]]},"668":{"position":[[8680,2],[11180,2],[13459,2],[16260,2],[19440,2],[22582,2],[25264,2],[28863,2],[35118,2],[37766,2],[40342,2],[48704,2],[61897,2],[64525,2],[66983,2],[70728,2],[73978,2],[77090,2],[80575,2],[83756,2],[86782,2],[90223,2],[94437,2],[97260,2],[100055,2],[105276,2],[113709,2],[115929,2],[118396,2],[122540,2],[126450,2],[140106,2],[142758,2],[145476,2],[148524,2],[151727,2]]}}}],["4.019",{"_index":4666,"t":{"668":{"position":[[54707,5]]}}}],["4.195",{"_index":4675,"t":{"668":{"position":[[54780,5],[54965,5]]}}}],["4.33",{"_index":3709,"t":{"630":{"position":[[4870,5],[5383,5]]}}}],["4.448",{"_index":4651,"t":{"668":{"position":[[54331,5],[54514,5]]}}}],["4.493",{"_index":4749,"t":{"668":{"position":[[55688,5],[55700,5],[55969,5]]}}}],["4.52",{"_index":4778,"t":{"668":{"position":[[55964,4]]}}}],["4.596",{"_index":4669,"t":{"668":{"position":[[54726,5]]}}}],["4.607",{"_index":4653,"t":{"668":{"position":[[54344,7]]}}}],["4.612",{"_index":4720,"t":{"668":{"position":[[55399,5],[55612,5]]}}}],["4.636",{"_index":4679,"t":{"668":{"position":[[54828,5],[55013,5]]}}}],["4.841",{"_index":4755,"t":{"668":{"position":[[55734,5],[55927,5],[55938,5]]}}}],["4.888",{"_index":4700,"t":{"668":{"position":[[55191,5]]}}}],["4.89",{"_index":4768,"t":{"668":{"position":[[55868,4]]}}}],["40",{"_index":3739,"t":{"632":{"position":[[2016,3],[5249,3]]},"662":{"position":[[2188,4]]}}}],["401",{"_index":680,"t":{"108":{"position":[[362,4]]}}}],["403",{"_index":4810,"t":{"668":{"position":[[56412,4]]}}}],["403.069",{"_index":4828,"t":{"668":{"position":[[56607,8]]}}}],["405.375",{"_index":4866,"t":{"668":{"position":[[56925,8]]}}}],["406",{"_index":4795,"t":{"668":{"position":[[56236,4]]}}}],["40v18.512c0",{"_index":4661,"t":{"668":{"position":[[54668,11]]}}}],["41",{"_index":4951,"t":{"668":{"position":[[57718,3]]}}}],["414",{"_index":678,"t":{"108":{"position":[[291,4]]}}}],["416",{"_index":686,"t":{"108":{"position":[[495,4]]},"668":{"position":[[56205,4]]}}}],["42",{"_index":968,"t":{"154":{"position":[[0,2]]},"216":{"position":[[0,2]]},"218":{"position":[[0,2]]},"220":{"position":[[0,2]]},"222":{"position":[[0,2]]}}}],["42.038",{"_index":4613,"t":{"668":{"position":[[53138,8]]}}}],["42.106",{"_index":4688,"t":{"668":{"position":[[55081,6]]}}}],["42.106v",{"_index":4783,"t":{"668":{"position":[[56103,7]]}}}],["422",{"_index":4846,"t":{"668":{"position":[[56763,4]]}}}],["423",{"_index":4769,"t":{"668":{"position":[[55886,4]]}}}],["423.267",{"_index":4863,"t":{"668":{"position":[[56897,8]]}}}],["429",{"_index":4867,"t":{"668":{"position":[[56934,4]]}}}],["431",{"_index":4637,"t":{"668":{"position":[[53883,4]]}}}],["438",{"_index":742,"t":{"114":{"position":[[671,4]]},"668":{"position":[[56463,5],[56478,4]]}}}],["448",{"_index":4991,"t":{"668":{"position":[[58201,4],[58211,4],[58239,4]]}}}],["458",{"_index":745,"t":{"114":{"position":[[755,4]]}}}],["458.86",{"_index":4852,"t":{"668":{"position":[[56826,7]]}}}],["462",{"_index":746,"t":{"114":{"position":[[794,4]]}}}],["465",{"_index":4925,"t":{"668":{"position":[[57475,4]]}}}],["466z\"></path><path",{"_index":4958,"t":{"668":{"position":[[57772,19]]}}}],["467",{"_index":4858,"t":{"668":{"position":[[56872,4]]}}}],["468",{"_index":739,"t":{"114":{"position":[[594,4]]}}}],["473",{"_index":725,"t":{"114":{"position":[[253,4]]}}}],["476",{"_index":727,"t":{"114":{"position":[[305,3]]}}}],["478",{"_index":731,"t":{"114":{"position":[[409,4]]}}}],["48.573",{"_index":4581,"t":{"668":{"position":[[52300,8],[52616,8]]}}}],["482",{"_index":734,"t":{"114":{"position":[[475,4]]}}}],["483",{"_index":736,"t":{"114":{"position":[[524,4]]}}}],["484",{"_index":730,"t":{"114":{"position":[[371,4]]}}}],["486",{"_index":707,"t":{"110":{"position":[[780,4]]}}}],["488",{"_index":740,"t":{"114":{"position":[[636,4]]}}}],["49",{"_index":4882,"t":{"668":{"position":[[57068,3]]}}}],["491.957",{"_index":4880,"t":{"668":{"position":[[57052,8]]}}}],["492",{"_index":4815,"t":{"668":{"position":[[56442,4]]}}}],["495",{"_index":4943,"t":{"668":{"position":[[57657,4]]}}}],["497",{"_index":704,"t":{"110":{"position":[[719,4]]}}}],["498",{"_index":716,"t":{"110":{"position":[[991,4]]}}}],["4</badg",{"_index":1374,"t":{"572":{"position":[[3609,9],[3939,9]]}}}],["4c0bce",{"_index":5076,"t":{"668":{"position":[[92241,7],[92434,8],[92532,9]]}}}],["4z",{"_index":1016,"t":{"560":{"position":[[1905,3]]}}}],["5",{"_index":445,"t":{"68":{"position":[[30,2]]},"94":{"position":[[29,2]]},"130":{"position":[[1386,2],[1946,2]]},"132":{"position":[[1845,2]]},"136":{"position":[[30,2]]},"162":{"position":[[0,1]]},"216":{"position":[[2829,2]]},"218":{"position":[[1614,2]]},"234":{"position":[[2838,2]]},"240":{"position":[[1623,2]]},"250":{"position":[[595,2]]},"266":{"position":[[1228,2]]},"270":{"position":[[497,2]]},"280":{"position":[[84,2]]},"282":{"position":[[795,2],[2020,2]]},"284":{"position":[[928,2]]},"314":{"position":[[1617,2]]},"316":{"position":[[2021,2]]},"320":{"position":[[2832,2]]},"328":{"position":[[589,2]]},"330":{"position":[[0,1]]},"332":{"position":[[656,2]]},"354":{"position":[[1222,2]]},"356":{"position":[[491,2]]},"390":{"position":[[1701,2],[2926,2]]},"394":{"position":[[510,2]]},"398":{"position":[[0,1],[922,2]]},"520":{"position":[[74,2]]},"550":{"position":[[73,2]]},"578":{"position":[[3326,1],[3454,1],[3589,1]]},"582":{"position":[[4147,1],[4275,1],[4410,1],[6103,1],[6231,1],[6366,1]]},"588":{"position":[[4911,1],[5039,1],[5174,1],[6799,1],[6927,1],[7062,1]]},"590":{"position":[[393,1]]},"600":{"position":[[2662,4],[4761,4],[7714,4],[10708,4],[13706,4],[16376,4]]},"604":{"position":[[2812,2]]},"606":{"position":[[1047,1],[9839,1]]},"616":{"position":[[2475,2]]},"618":{"position":[[2223,2],[4083,2],[11320,2]]},"620":{"position":[[2359,2]]},"622":{"position":[[2183,1],[4010,1],[5641,1],[6610,1],[10603,1],[12141,1]]},"624":{"position":[[2058,2],[3791,2],[7734,2],[11689,2]]},"664":{"position":[[3690,4],[5584,4],[7843,4],[10196,4],[12669,4],[15099,4],[17490,4],[19973,4],[23214,4]]},"668":{"position":[[8560,3],[11060,3],[13339,3],[14218,2],[16140,3],[19320,3],[20199,2],[22462,3],[25144,3],[28630,3],[34998,3],[37646,3],[40222,3],[48471,3],[58043,1],[58127,1],[61777,3],[62656,2],[64405,3],[66863,3],[70608,3],[71487,2],[73858,3],[74737,2],[76970,3],[77849,2],[80455,3],[81334,2],[83636,3],[86662,3],[90103,3],[94317,3],[96413,2],[97140,3],[98019,2],[99935,3],[100814,2],[105156,3],[113589,3],[115809,3],[118276,3],[122420,3],[123299,2],[126330,3],[139986,3],[140865,2],[142661,3],[145357,3],[148404,3],[151607,3]]}}}],["5).select(i",{"_index":2541,"t":{"602":{"position":[[2532,11],[3774,11],[3891,11],[6149,11],[6267,11],[6385,11],[8999,11],[9117,11],[10639,11],[11386,11],[12199,11],[13174,11]]}}}],["5,10,20",{"_index":5089,"t":{"668":{"position":[[98727,7],[119711,7],[138482,7]]}}}],["5.075",{"_index":4692,"t":{"668":{"position":[[55108,5],[55485,5],[55497,5]]}}}],["5.2",{"_index":4691,"t":{"668":{"position":[[55104,3]]}}}],["5.236",{"_index":4618,"t":{"668":{"position":[[53314,5]]}}}],["5.283",{"_index":4754,"t":{"668":{"position":[[55728,5]]}}}],["5.3.2",{"_index":715,"t":{"110":{"position":[[985,5]]}}}],["5.3.3",{"_index":754,"t":{"124":{"position":[[625,5]]}}}],["5.4.375.112.775.112",{"_index":4670,"t":{"668":{"position":[[54735,19]]}}}],["5.4.846",{"_index":4676,"t":{"668":{"position":[[54789,7],[54974,7]]}}}],["5.423",{"_index":4708,"t":{"668":{"position":[[55249,5],[55261,5],[55345,5]]}}}],["5.731",{"_index":4983,"t":{"668":{"position":[[58037,5],[58121,5]]}}}],["5.846.299",{"_index":4721,"t":{"668":{"position":[[55412,9]]}}}],["5.846.423.138.887",{"_index":4702,"t":{"668":{"position":[[55204,17]]}}}],["5.847",{"_index":4743,"t":{"668":{"position":[[55625,5],[55880,5]]}}}],["50",{"_index":3537,"t":{"626":{"position":[[10705,3],[10758,6]]},"630":{"position":[[14069,3],[14122,6]]},"632":{"position":[[5998,6]]},"660":{"position":[[21626,3],[21679,6]]},"662":{"position":[[4125,4],[4854,4]]},"668":{"position":[[2453,2]]}}}],["500",{"_index":3533,"t":{"626":{"position":[[10591,4],[10643,7],[10861,4],[10913,7]]},"630":{"position":[[13956,4],[14008,7],[14225,4],[14277,7]]},"660":{"position":[[21512,4],[21564,7],[21782,4],[21834,7]]}}}],["500.</span",{"_index":3480,"t":{"626":{"position":[[4234,11]]},"630":{"position":[[8169,11]]}}}],["5000",{"_index":2674,"t":{"606":{"position":[[725,4],[4780,4],[6314,4]]}}}],["50px",{"_index":4231,"t":{"664":{"position":[[21075,5]]}}}],["520",{"_index":721,"t":{"110":{"position":[[1033,4]]}}}],["526",{"_index":4737,"t":{"668":{"position":[[55579,4]]}}}],["527",{"_index":703,"t":{"110":{"position":[[678,4]]}}}],["527.162",{"_index":4932,"t":{"668":{"position":[[57529,8]]}}}],["528",{"_index":4763,"t":{"668":{"position":[[55833,4]]}}}],["53",{"_index":665,"t":{"106":{"position":[[227,3]]},"668":{"position":[[56635,3],[56661,3]]}}}],["533",{"_index":710,"t":{"110":{"position":[[832,4]]}}}],["5338211",{"_index":3145,"t":{"618":{"position":[[8976,8]]},"620":{"position":[[11804,8],[14663,8]]}}}],["534",{"_index":719,"t":{"110":{"position":[[1015,4]]}}}],["535",{"_index":4902,"t":{"668":{"position":[[57268,4]]}}}],["535.328",{"_index":4745,"t":{"668":{"position":[[55640,8]]}}}],["535.908",{"_index":4899,"t":{"668":{"position":[[57243,8]]}}}],["538",{"_index":708,"t":{"110":{"position":[[813,4]]}}}],["541",{"_index":723,"t":{"110":{"position":[[1076,4]]},"668":{"position":[[57844,4]]}}}],["542.101",{"_index":4888,"t":{"668":{"position":[[57116,8]]}}}],["543",{"_index":714,"t":{"110":{"position":[[937,4]]}}}],["547",{"_index":724,"t":{"112":{"position":[[256,4]]}}}],["548",{"_index":4811,"t":{"668":{"position":[[56417,4]]}}}],["549",{"_index":4901,"t":{"668":{"position":[[57263,4]]}}}],["55000",{"_index":3062,"t":{"616":{"position":[[9521,6]]}}}],["551",{"_index":4995,"t":{"668":{"position":[[58230,4]]}}}],["552",{"_index":4908,"t":{"668":{"position":[[57318,4],[57652,4]]}}}],["563",{"_index":4792,"t":{"668":{"position":[[56220,4]]}}}],["563.358",{"_index":4929,"t":{"668":{"position":[[57501,8]]}}}],["588.117",{"_index":4761,"t":{"668":{"position":[[55813,8]]}}}],["5899643",{"_index":3142,"t":{"618":{"position":[[8949,8]]},"620":{"position":[[11777,8],[14636,8]]}}}],["5</button",{"_index":5080,"t":{"668":{"position":[[96137,10]]}}}],["6",{"_index":231,"t":{"14":{"position":[[151,1]]},"124":{"position":[[809,1]]},"574":{"position":[[6067,1]]},"580":{"position":[[6544,3],[6839,3]]},"600":{"position":[[2773,4],[4872,4],[7825,4],[10819,4],[13817,4],[16487,4]]},"616":{"position":[[4473,1]]},"618":{"position":[[3842,1]]},"620":{"position":[[6439,1]]},"624":{"position":[[3560,1]]},"636":{"position":[[36,2],[90,2],[1282,1],[3721,2],[8249,2]]},"642":{"position":[[41,2],[100,2],[3573,2],[7704,2]]},"648":{"position":[[3240,2]]},"652":{"position":[[1722,2],[1962,1]]},"654":{"position":[[1727,2],[1914,2],[1979,1]]},"664":{"position":[[3801,4],[5695,4],[7954,4],[10307,4],[12780,4],[15210,4],[17601,4],[20084,4],[23339,4]]},"668":{"position":[[8809,2],[11309,2],[13588,2],[16389,2],[19569,2],[22711,2],[25393,2],[29103,2],[35247,2],[37895,2],[40471,2],[48944,2],[62026,2],[64654,2],[67112,2],[70857,2],[74107,2],[77219,2],[80704,2],[83885,2],[86911,2],[90352,2],[94566,2],[97389,2],[100184,2],[105405,2],[113838,2],[116058,2],[118525,2],[122669,2],[126579,2],[140235,2],[142860,2],[145600,2],[148653,2],[151856,2]]}}}],["6.023",{"_index":4714,"t":{"668":{"position":[[55339,5]]}}}],["6.126",{"_index":4987,"t":{"668":{"position":[[58108,5]]}}}],["6.127",{"_index":4981,"t":{"668":{"position":[[58024,5]]}}}],["6.4.2",{"_index":2800,"t":{"610":{"position":[[1354,5],[3795,5]]}}}],["6.489",{"_index":4689,"t":{"668":{"position":[[55091,6]]}}}],["6.489s4.082",{"_index":4713,"t":{"668":{"position":[[55327,11]]}}}],["6.489z",{"_index":4781,"t":{"668":{"position":[[56053,7]]}}}],["6.5",{"_index":1013,"t":{"560":{"position":[[1889,3]]}}}],["6.501",{"_index":4617,"t":{"668":{"position":[[53308,5]]}}}],["6.511",{"_index":4752,"t":{"668":{"position":[[55715,6],[56035,5],[56044,5]]}}}],["6.511s3.049",{"_index":4777,"t":{"668":{"position":[[55952,11]]}}}],["6.511z",{"_index":4785,"t":{"668":{"position":[[56118,7]]}}}],["6.662",{"_index":4750,"t":{"668":{"position":[[55694,5]]}}}],["6.662l20",{"_index":4751,"t":{"668":{"position":[[55706,8]]}}}],["6.662z",{"_index":4779,"t":{"668":{"position":[[55975,7]]}}}],["6.696c",{"_index":4994,"t":{"668":{"position":[[58223,6]]}}}],["6.831",{"_index":4645,"t":{"668":{"position":[[54090,7]]}}}],["6.831c1.082",{"_index":4980,"t":{"668":{"position":[[58012,11]]}}}],["60",{"_index":3534,"t":{"626":{"position":[[10636,2],[10906,2]]},"630":{"position":[[14001,2],[14270,2]]},"660":{"position":[[21557,2],[21827,2]]}}}],["603",{"_index":4927,"t":{"668":{"position":[[57485,4]]}}}],["607",{"_index":4860,"t":{"668":{"position":[[56882,4]]}}}],["619\"></lineargradient><lineargradi",{"_index":4623,"t":{"668":{"position":[[53416,38]]}}}],["62",{"_index":970,"t":{"228":{"position":[[0,2]]},"234":{"position":[[0,2]]},"236":{"position":[[0,2]]},"238":{"position":[[0,2]]},"240":{"position":[[0,2]]},"242":{"position":[[0,2]]},"244":{"position":[[0,2]]}}}],["624",{"_index":4726,"t":{"668":{"position":[[55458,4]]}}}],["625c",{"_index":4765,"t":{"668":{"position":[[55843,5]]}}}],["626.102",{"_index":4724,"t":{"668":{"position":[[55440,8]]}}}],["6315641",{"_index":3144,"t":{"618":{"position":[[8967,8]]},"620":{"position":[[11795,8],[14654,8]]}}}],["6317759",{"_index":3143,"t":{"618":{"position":[[8958,8]]},"620":{"position":[[11786,8],[14645,8]]}}}],["637",{"_index":4764,"t":{"668":{"position":[[55838,4]]}}}],["637.625",{"_index":4746,"t":{"668":{"position":[[55649,9]]}}}],["64",{"_index":4567,"t":{"668":{"position":[[51982,2],[51985,3]]}}}],["657.467",{"_index":4853,"t":{"668":{"position":[[56834,8]]}}}],["66.028",{"_index":4885,"t":{"668":{"position":[[57088,7]]}}}],["663",{"_index":4934,"t":{"668":{"position":[[57547,4]]}}}],["675.059",{"_index":4905,"t":{"668":{"position":[[57289,8]]}}}],["686",{"_index":4833,"t":{"668":{"position":[[56650,4]]}}}],["688",{"_index":4817,"t":{"668":{"position":[[56452,4]]}}}],["688.853",{"_index":4819,"t":{"668":{"position":[[56469,8]]}}}],["691",{"_index":4919,"t":{"668":{"position":[[57425,4]]}}}],["6f42c1",{"_index":4237,"t":{"664":{"position":[[21320,8]]}}}],["7",{"_index":426,"t":{"62":{"position":[[33,2]]},"130":{"position":[[2077,2]]},"136":{"position":[[874,2]]},"172":{"position":[[331,2]]},"222":{"position":[[575,2]]},"236":{"position":[[584,2]]},"274":{"position":[[331,2]]},"316":{"position":[[2865,2]]},"322":{"position":[[578,2]]},"360":{"position":[[0,1]]},"366":{"position":[[2447,2]]},"512":{"position":[[77,2]]},"578":{"position":[[3383,1],[3510,1],[3644,1]]},"582":{"position":[[4204,1],[4331,1],[4465,1],[6160,1],[6287,1],[6421,1]]},"588":{"position":[[4968,1],[5095,1],[5229,1],[6856,1],[6983,1],[7117,1]]},"600":{"position":[[2889,4],[4988,4],[7941,4],[10935,4],[13933,4],[16603,4]]},"640":{"position":[[36,2],[90,2],[3534,2],[8773,2],[8810,2]]},"642":{"position":[[7676,2]]},"644":{"position":[[41,2],[100,2],[3573,2],[7865,2]]},"646":{"position":[[3061,2]]},"648":{"position":[[45,2],[108,2],[3207,2]]},"652":{"position":[[1772,2],[1969,1]]},"654":{"position":[[1777,2],[1986,1]]},"664":{"position":[[3917,4],[5811,4],[8070,4],[10423,4],[12896,4],[15326,4],[17717,4],[20200,4],[23469,4]]},"668":{"position":[[9427,2],[11927,2],[14461,2],[17007,2],[20442,2],[23329,2],[26011,2],[30300,2],[35865,2],[38513,2],[41089,2],[50141,2],[62899,2],[65350,2],[71730,2],[74980,2],[78092,2],[81577,2],[84503,2],[87529,2],[90970,2],[95184,2],[98262,2],[101057,2],[123542,2],[127290,2],[141108,2],[143475,2],[146347,2]]}}}],["7.12",{"_index":4775,"t":{"668":{"position":[[55933,4]]}}}],["7.12l20",{"_index":4776,"t":{"668":{"position":[[55944,7]]}}}],["7.12z",{"_index":4756,"t":{"668":{"position":[[55740,6]]}}}],["7.524",{"_index":4730,"t":{"668":{"position":[[55491,5]]}}}],["7.524c",{"_index":4693,"t":{"668":{"position":[[55114,6]]}}}],["7.524z",{"_index":4731,"t":{"668":{"position":[[55503,7]]}}}],["7.651",{"_index":4628,"t":{"668":{"position":[[53516,5]]}}}],["7.762",{"_index":4619,"t":{"668":{"position":[[53320,5]]}}}],["701",{"_index":2463,"t":{"600":{"position":[[2980,6],[5079,6],[8032,6],[11026,6],[14024,6],[16694,6]]}}}],["702",{"_index":2466,"t":{"600":{"position":[[3088,6],[5198,6],[8151,6],[11145,6],[14143,6],[16802,6]]}}}],["70201",{"_index":2475,"t":{"600":{"position":[[5284,8],[8237,8],[11231,8],[14229,8]]}}}],["713",{"_index":4736,"t":{"668":{"position":[[55574,4]]}}}],["7265791",{"_index":3141,"t":{"618":{"position":[[8940,8]]},"620":{"position":[[11768,8],[14627,8]]}}}],["729",{"_index":4961,"t":{"668":{"position":[[57810,4]]}}}],["75",{"_index":1820,"t":{"582":{"position":[[5503,4]]},"586":{"position":[[1269,3]]},"632":{"position":[[6045,6]]},"668":{"position":[[102228,2],[103876,2]]}}}],["754",{"_index":4813,"t":{"668":{"position":[[56427,4]]}}}],["7548388",{"_index":3151,"t":{"618":{"position":[[9030,8]]},"620":{"position":[[11858,8],[14717,8]]}}}],["7568556",{"_index":3147,"t":{"618":{"position":[[8994,8]]},"620":{"position":[[11822,8],[14681,8]]}}}],["7700",{"_index":4473,"t":{"668":{"position":[[28402,5],[42686,5],[45274,5],[48243,5]]}}}],["7764845",{"_index":3152,"t":{"618":{"position":[[9039,7]]},"620":{"position":[[11867,7],[14726,7]]}}}],["791",{"_index":4791,"t":{"668":{"position":[[56215,4]]}}}],["794.177",{"_index":4829,"t":{"668":{"position":[[56616,8]]}}}],["8",{"_index":35,"t":{"2":{"position":[[362,2],[874,4]]},"4":{"position":[[32,2]]},"114":{"position":[[592,1],[710,1]]},"124":{"position":[[39,2],[820,1]]},"126":{"position":[[198,4],[283,1]]},"130":{"position":[[143,2],[2299,2]]},"144":{"position":[[32,2]]},"154":{"position":[[406,2],[918,4]]},"156":{"position":[[85,2]]},"228":{"position":[[415,2],[927,4]]},"244":{"position":[[1939,2]]},"282":{"position":[[0,1]]},"310":{"position":[[409,2],[921,4]]},"330":{"position":[[82,2]]},"336":{"position":[[83,2]]},"342":{"position":[[248,4]]},"362":{"position":[[84,2]]},"368":{"position":[[404,2],[916,4]]},"390":{"position":[[82,2]]},"414":{"position":[[82,2]]},"416":{"position":[[406,2]]},"422":{"position":[[407,2]]},"426":{"position":[[80,2]]},"446":{"position":[[76,2]]},"558":{"position":[[242,4]]},"562":{"position":[[405,2]]},"600":{"position":[[3203,4],[5399,4],[8352,4],[11346,4],[14344,4],[16917,4]]},"636":{"position":[[3946,2]]},"638":{"position":[[41,2],[95,2],[3327,2],[3422,2],[8761,2],[8798,2]]},"640":{"position":[[3767,2]]},"642":{"position":[[3660,2]]},"644":{"position":[[3660,2],[7837,2]]},"646":{"position":[[45,2],[108,2],[3028,2]]},"650":{"position":[[43,2],[97,2],[3071,2],[3157,2],[7668,2],[7701,2]]},"656":{"position":[[41,2],[100,2],[3046,2],[3133,2],[7561,2]]},"664":{"position":[[4033,4],[5927,4],[8186,4],[10539,4],[13012,4],[15442,4],[17833,4],[20316,4],[23599,4]]},"668":{"position":[[8812,3],[8942,2],[11312,3],[11442,2],[13591,3],[13721,2],[16392,3],[16522,2],[19572,3],[19702,2],[22714,3],[22844,2],[25396,3],[25526,2],[29106,3],[29351,2],[35250,3],[35380,2],[37898,3],[38028,2],[40474,3],[40604,2],[48947,3],[49192,2],[62029,3],[62159,2],[64657,3],[64787,2],[67115,3],[67245,2],[70860,3],[70990,2],[74110,3],[74240,2],[77222,3],[77352,2],[80707,3],[80837,2],[83888,3],[84018,2],[86914,3],[87044,2],[90355,3],[90485,2],[94569,3],[94699,2],[97392,3],[97522,2],[100187,3],[100317,2],[105408,3],[105538,2],[113841,3],[113971,2],[116061,3],[116191,2],[118528,3],[118658,2],[122672,3],[122802,2],[126582,3],[126712,2],[140238,3],[140368,2],[142863,3],[142964,2],[145603,3],[145726,2],[148656,3],[148786,2],[151859,3],[151989,2]]}}}],["8\">@employee.firstname</div",{"_index":1808,"t":{"582":{"position":[[4340,28],[6296,28]]}}}],["8\">@employee.lastname</div",{"_index":1809,"t":{"582":{"position":[[4474,27],[6430,27]]}}}],["8\">@employeeid</div",{"_index":1807,"t":{"582":{"position":[[4213,20],[6169,20]]}}}],["8.002",{"_index":4709,"t":{"668":{"position":[[55255,5]]}}}],["8.002c.25.369.714.528",{"_index":4715,"t":{"668":{"position":[[55351,21]]}}}],["8.002z",{"_index":4710,"t":{"668":{"position":[[55267,7]]}}}],["8.383c1.082",{"_index":4986,"t":{"668":{"position":[[58096,11]]}}}],["8.529c",{"_index":4960,"t":{"668":{"position":[[57803,6]]}}}],["8.617h6.696c.552",{"_index":4990,"t":{"668":{"position":[[58180,16]]}}}],["8.973",{"_index":4602,"t":{"668":{"position":[[52929,5]]}}}],["8000",{"_index":3077,"t":{"616":{"position":[[10996,5],[11260,5],[11280,4],[11552,4],[13224,5],[13488,5],[13508,4],[13780,4],[15322,5],[15586,5],[15606,4],[15878,4]]},"668":{"position":[[30316,5],[43558,5],[46146,5],[50157,5]]}}}],["801",{"_index":2478,"t":{"600":{"position":[[5479,6],[8463,6],[11457,6],[14455,6]]},"668":{"position":[[57134,4]]}}}],["802",{"_index":2479,"t":{"600":{"position":[[5585,6],[8569,6],[11563,6],[14561,6]]}}}],["80201",{"_index":2480,"t":{"600":{"position":[[5671,8],[8655,8],[11649,8],[14647,8]]}}}],["804",{"_index":4673,"t":{"668":{"position":[[54768,4],[54953,4]]}}}],["807.562",{"_index":4864,"t":{"668":{"position":[[56906,8]]}}}],["808",{"_index":4812,"t":{"668":{"position":[[56422,4]]}}}],["825.721",{"_index":4933,"t":{"668":{"position":[[57538,8]]}}}],["8274297",{"_index":3149,"t":{"618":{"position":[[9012,8]]},"620":{"position":[[11840,8],[14699,8]]}}}],["8496306",{"_index":3146,"t":{"618":{"position":[[8985,8]]},"620":{"position":[[11813,8],[14672,8]]}}}],["853",{"_index":4816,"t":{"668":{"position":[[56447,4]]}}}],["8538933",{"_index":3148,"t":{"618":{"position":[[9003,8]]},"620":{"position":[[11831,8],[14690,8]]}}}],["8657298",{"_index":3150,"t":{"618":{"position":[[9021,8]]},"620":{"position":[[11849,8],[14708,8]]}}}],["868",{"_index":4794,"t":{"668":{"position":[[56231,4]]}}}],["883.579",{"_index":4662,"t":{"668":{"position":[[54680,8]]}}}],["885",{"_index":4727,"t":{"668":{"position":[[55468,4],[55822,5]]}}}],["886.021",{"_index":4771,"t":{"668":{"position":[[55896,8]]}}}],["8l4",{"_index":1015,"t":{"560":{"position":[[1897,3]]}}}],["9",{"_index":967,"t":{"148":{"position":[[0,1]]},"600":{"position":[[3277,4],[5778,4],[8762,4],[11756,4],[14754,4],[16991,4]]},"664":{"position":[[4107,4],[6031,4],[8290,4],[10643,4],[13116,4],[15546,4],[17937,4],[20420,4],[23673,4]]}}}],["9\">@employee.firstname</div",{"_index":1624,"t":{"578":{"position":[[3519,28]]},"588":{"position":[[5104,28],[6992,28]]}}}],["9\">@employee.lastname</div",{"_index":1626,"t":{"578":{"position":[[3653,27]]},"588":{"position":[[5238,27],[7126,27]]}}}],["9\">@employeeid</div",{"_index":1622,"t":{"578":{"position":[[3392,20]]},"588":{"position":[[4977,20],[6865,20]]}}}],["9.382",{"_index":4620,"t":{"668":{"position":[[53326,5]]}}}],["902.623",{"_index":4889,"t":{"668":{"position":[[57125,8]]}}}],["907",{"_index":4904,"t":{"668":{"position":[[57284,4]]}}}],["913",{"_index":4859,"t":{"668":{"position":[[56877,4]]}}}],["913.313",{"_index":4855,"t":{"668":{"position":[[56852,8]]}}}],["915",{"_index":4926,"t":{"668":{"position":[[57480,4]]}}}],["915.306",{"_index":4923,"t":{"668":{"position":[[57455,8]]}}}],["952",{"_index":4946,"t":{"668":{"position":[[57673,5],[57688,4]]}}}],["954.212",{"_index":4824,"t":{"668":{"position":[[56555,8]]}}}],["956",{"_index":4903,"t":{"668":{"position":[[57273,4]]}}}],["956.208",{"_index":4977,"t":{"668":{"position":[[57967,8]]}}}],["957c",{"_index":4884,"t":{"668":{"position":[[57082,5]]}}}],["958",{"_index":4718,"t":{"668":{"position":[[55387,4]]}}}],["974z\"></path><path",{"_index":4848,"t":{"668":{"position":[[56774,19]]}}}],["976.653",{"_index":4939,"t":{"668":{"position":[[57622,8]]}}}],["978",{"_index":4944,"t":{"668":{"position":[[57662,4]]}}}],["978.494",{"_index":4947,"t":{"668":{"position":[[57679,8]]}}}],["98",{"_index":4883,"t":{"668":{"position":[[57072,3]]}}}],["985",{"_index":4962,"t":{"668":{"position":[[57815,4]]}}}],["_customerservic",{"_index":3346,"t":{"622":{"position":[[5960,16],[9478,16],[11206,16],[12700,16]]},"668":{"position":[[32198,16],[129111,16],[131764,16],[134454,16],[137259,16]]}}}],["_customerservice.getcustomers(request.filt",{"_index":3347,"t":{"622":{"position":[[6149,45],[9932,46]]}}}],["_customerservice.getcustomersasync(request.filt",{"_index":3390,"t":{"622":{"position":[[11409,50],[12903,50]]},"668":{"position":[[32704,51],[129615,51],[132268,51],[134958,51],[137763,51]]}}}],["_editcontext",{"_index":3376,"t":{"622":{"position":[[9438,13],[9551,12]]}}}],["_framework/blazor.server.j",{"_index":3813,"t":{"636":{"position":[[1578,27]]},"640":{"position":[[1393,27]]}}}],["_framework/blazor.web.j",{"_index":3915,"t":{"638":{"position":[[1033,24]]},"650":{"position":[[1078,24]]}}}],["_framework/blazor.webassembly.j",{"_index":3958,"t":{"642":{"position":[[1407,32]]},"644":{"position":[[1407,32]]},"656":{"position":[[1061,32]]}}}],["_framework/blazor.webview.j",{"_index":3986,"t":{"646":{"position":[[1051,28]]},"648":{"position":[[1051,28]]}}}],["_host.cshtml",{"_index":3950,"t":{"640":{"position":[[3550,13],[8949,12]]}}}],["_imports.razor",{"_index":3833,"t":{"636":{"position":[[3049,14],[6496,15],[8438,14]]},"638":{"position":[[3156,14],[6383,15],[7084,15],[9037,14],[9084,14]]},"640":{"position":[[2864,14],[7020,15],[8973,14]]},"642":{"position":[[2899,14],[5920,15],[7865,14]]},"644":{"position":[[2899,14],[6081,15],[8026,14]]},"646":{"position":[[2527,14]]},"648":{"position":[[2527,14]]},"650":{"position":[[5936,15],[7861,14]]},"656":{"position":[[2553,14],[5966,15],[7722,14]]}}}],["_layout.cshtml",{"_index":3845,"t":{"636":{"position":[[3737,15],[8412,14]]}}}],["_toastservic",{"_index":3648,"t":{"628":{"position":[[11637,13]]},"662":{"position":[[7514,13],[10870,13]]}}}],["_toastservice.notify(toastmessag",{"_index":3661,"t":{"628":{"position":[[12437,35]]},"662":{"position":[[7879,35],[11703,35]]}}}],["aan",{"_index":5115,"t":{"668":{"position":[[120847,5],[121098,5],[121270,5],[121587,5]]}}}],["abov",{"_index":2225,"t":{"592":{"position":[[2399,5]]},"660":{"position":[[10666,5],[11733,5]]}}}],["ac",{"_index":1863,"t":{"582":{"position":[[7866,3],[8073,2],[8690,2],[9284,2],[9592,2],[10160,2],[10424,2],[11207,2],[12107,3],[12314,2],[12931,2],[13525,2],[13833,2],[14401,2],[14665,2],[15448,2],[16248,3],[16455,2],[17072,2],[17666,2],[17974,2],[18542,2],[18806,2],[19589,2]]}}}],["accept",{"_index":1571,"t":{"578":{"position":[[141,6]]},"626":{"position":[[656,7]]},"628":{"position":[[695,7]]},"630":{"position":[[736,7]]},"658":{"position":[[5223,7]]},"662":{"position":[[699,7]]}}}],["access",{"_index":367,"t":{"44":{"position":[[619,7]]},"576":{"position":[[1542,13]]},"604":{"position":[[430,13]]}}}],["accommod",{"_index":3560,"t":{"628":{"position":[[1909,11]]}}}],["accord",{"_index":310,"t":{"34":{"position":[[406,9]]},"606":{"position":[[8048,9],[9994,9]]},"626":{"position":[[5206,9]]},"630":{"position":[[8335,9]]}}}],["accordion",{"_index":39,"t":{"2":{"position":[[593,9],[3799,10],[3902,9]]},"72":{"position":[[137,9],[374,9],[435,9],[482,9],[865,9],[1108,9]]},"114":{"position":[[131,10],[192,9],[212,10],[243,9],[258,10],[273,9],[941,9]]},"124":{"position":[[1611,9]]},"134":{"position":[[2482,9],[2623,9]]},"150":{"position":[[562,9],[703,9]]},"154":{"position":[[637,9],[2609,10],[2712,9]]},"156":{"position":[[20,11],[316,9],[530,10],[633,9],[819,9],[960,9]]},"216":{"position":[[2188,9],[2329,9]]},"226":{"position":[[190,9],[331,9]]},"228":{"position":[[646,9],[2618,10],[2721,9]]},"230":{"position":[[186,9],[327,9]]},"234":{"position":[[2197,9],[2338,9]]},"248":{"position":[[486,9],[627,9]]},"256":{"position":[[189,9],[330,9]]},"308":{"position":[[1659,10],[1762,9]]},"310":{"position":[[640,9],[2612,10],[2715,9]]},"316":{"position":[[1380,9],[1521,9]]},"320":{"position":[[2191,9],[2332,9]]},"330":{"position":[[313,9],[1107,9],[1248,9]]},"334":{"position":[[497,10],[600,9]]},"336":{"position":[[314,9]]},"338":{"position":[[183,9],[324,9]]},"360":{"position":[[555,10],[658,9]]},"362":{"position":[[315,9]]},"368":{"position":[[635,9],[1824,10],[1927,9]]},"390":{"position":[[313,9],[527,10],[630,9]]},"414":{"position":[[313,9]]},"416":{"position":[[637,9]]},"422":{"position":[[638,9]]},"426":{"position":[[311,9]]},"432":{"position":[[173,10],[276,9]]},"498":{"position":[[176,10],[279,9]]},"522":{"position":[[181,9],[322,9]]},"562":{"position":[[636,9]]},"564":{"position":[[4011,9]]},"568":{"position":[[11,9],[41,9],[79,10],[134,9],[240,9],[477,10],[536,9],[1368,9],[1453,9],[1746,9],[2256,10],[2277,10],[2317,9],[2336,11],[2428,9],[2809,10],[2978,9],[3360,10],[3528,9],[3910,10],[3998,12],[4060,9],[4127,11],[4219,9],[4292,9],[4673,10],[4842,9],[4916,9],[5298,10],[5466,9],[5539,9],[5921,10],[6009,12],[6124,10],[6177,10],[6282,9],[6663,10],[6832,9],[7214,10],[7382,9],[7764,10],[7852,12],[7899,9],[7960,9],[7992,11],[8084,9],[8465,10],[8648,9],[9030,10],[9198,9],[9580,10],[9668,12],[9754,9],[9804,10],[9914,9],[10295,10],[10464,9],[10846,10],[11014,9],[11396,10],[11484,12],[11535,9],[11585,9],[11629,9],[11801,9],[11962,10],[12094,9],[12475,10],[12656,9],[13038,10],[13218,9],[13600,10],[13776,9],[14158,10],[14324,9],[14706,10],[14884,9],[15266,10],[15354,12],[15462,9],[15569,9],[15674,9],[15785,9],[15888,9],[15991,9],[16123,9],[16230,9],[16335,9],[16446,9],[16549,9],[16652,9],[16692,9],[18006,9],[18086,9],[18214,9],[18270,10],[18411,9],[18792,10],[18961,9],[19343,10],[19511,9],[19893,10],[19981,12],[20077,9],[20185,9],[20226,9],[20481,9],[20539,9],[20564,10],[20796,9],[21177,10],[21368,9],[21750,10],[21940,9],[22322,10],[22410,12],[22439,9],[23479,9],[23500,9],[23518,9],[23569,9],[23620,9],[23670,9],[23702,9]]},"662":{"position":[[12093,9]]}}}],["accordion1",{"_index":1244,"t":{"568":{"position":[[16702,10],[20236,10],[22449,10]]}}}],["accordion1.hideaccordionitembyindexasync(1",{"_index":1257,"t":{"568":{"position":[[17508,44]]}}}],["accordion1.hideaccordionitembyindexasync(2",{"_index":1259,"t":{"568":{"position":[[17611,44]]}}}],["accordion1.hideaccordionitembynameasync(\"faq",{"_index":1263,"t":{"568":{"position":[[17827,47]]}}}],["accordion1.hideaccordionitembynameasync(\"product",{"_index":1261,"t":{"568":{"position":[[17717,52]]}}}],["accordion1.hideallaccordionitemsasync",{"_index":1271,"t":{"568":{"position":[[20390,40]]}}}],["accordion1.hidefirstaccordionitemasync",{"_index":1255,"t":{"568":{"position":[[17407,41]]}}}],["accordion1.hidelastaccordionitemasync",{"_index":1264,"t":{"568":{"position":[[17932,40]]}}}],["accordion1.showaccordionitembyindexasync(1",{"_index":1247,"t":{"568":{"position":[[16884,44]]}}}],["accordion1.showaccordionitembyindexasync(2",{"_index":1249,"t":{"568":{"position":[[16987,44]]}}}],["accordion1.showaccordionitembynameasync(\"faq",{"_index":1253,"t":{"568":{"position":[[17203,47]]}}}],["accordion1.showaccordionitembynameasync(\"product",{"_index":1251,"t":{"568":{"position":[[17093,52]]}}}],["accordion1.showallaccordionitemsasync",{"_index":1270,"t":{"568":{"position":[[20304,40]]}}}],["accordion1.showfirstaccordionitemasync",{"_index":1245,"t":{"568":{"position":[[16783,41]]}}}],["accordion1.showlastaccordionitemasync",{"_index":1254,"t":{"568":{"position":[[17308,40]]}}}],["accordion3",{"_index":779,"t":{"142":{"position":[[7,10]]}}}],["accordionitem",{"_index":758,"t":{"124":{"position":[[874,13]]},"568":{"position":[[637,13],[733,13],[802,13],[880,14],[946,14],[1019,13],[1114,13],[1182,13],[1282,14],[1347,14],[1846,13],[2348,14],[2880,16],[2897,14],[3431,16],[3448,14],[3981,16],[4139,15],[4744,16],[4761,15],[5369,16],[5386,15],[5992,16],[6202,14],[6734,16],[6751,14],[7285,16],[7302,14],[7835,16],[8004,14],[8536,16],[8553,14],[9101,16],[9118,14],[9651,16],[9834,14],[10366,16],[10383,14],[10917,16],[10934,14],[11467,16],[12005,14],[12546,16],[12563,14],[13109,16],[13126,14],[13671,16],[13688,14],[14229,16],[14246,14],[14777,16],[14794,14],[15337,16],[18331,14],[18863,16],[18880,14],[19414,16],[19431,14],[19964,16],[20694,14],[21248,16],[21265,14],[21821,16],[21838,14],[22393,16],[23535,13]]}}}],["accordionitemnam",{"_index":1170,"t":{"568":{"position":[[704,18],[1085,18],[22683,18],[22902,18],[23123,18],[23344,18]]}}}],["accordionitemtitl",{"_index":1286,"t":{"568":{"position":[[22715,19],[22934,19],[23155,19],[23376,19]]}}}],["account",{"_index":3715,"t":{"630":{"position":[[5490,10],[5654,11]]}}}],["accumsan",{"_index":1960,"t":{"582":{"position":[[9844,9],[10193,9],[14085,9],[14434,9],[18226,9],[18575,9]]}}}],["acknowledg",{"_index":1614,"t":{"578":{"position":[[3045,14]]}}}],["action",{"_index":1025,"t":{"564":{"position":[[99,7]]},"566":{"position":[[649,7],[871,7],[1095,7],[1313,7],[1529,7],[1776,7],[2018,7],[2262,7],[2500,7],[2736,7]]},"574":{"position":[[86,7],[6842,6]]},"578":{"position":[[3239,6]]},"598":{"position":[[5779,7],[8815,7]]},"622":{"position":[[1760,8]]},"660":{"position":[[17155,7]]}}}],["action.</cardtext",{"_index":1768,"t":{"580":{"position":[[11862,18],[13177,18]]}}}],["action</dropdownitem",{"_index":4053,"t":{"660":{"position":[[3916,21],[4328,21],[4686,21],[5040,21],[5388,21],[5742,21],[6094,21],[6586,21],[7012,21],[7432,21],[7843,21],[8263,21],[8680,21],[9143,21],[9596,21],[10014,21],[10467,21],[11061,21],[11534,21],[12138,21],[12717,21],[13185,21],[13779,21],[14160,21],[14771,21],[15276,21],[16173,21],[16951,21],[17462,21],[17902,21],[23983,21],[25039,21]]}}}],["activ",{"_index":360,"t":{"44":{"position":[[473,8]]},"72":{"position":[[428,6],[462,8]]},"98":{"position":[[207,6]]},"102":{"position":[[351,6]]},"124":{"position":[[918,7],[1445,7],[1487,7]]},"568":{"position":[[1925,6],[1960,6],[7892,6],[7923,6],[23613,6]]},"574":{"position":[[233,6],[275,6],[4007,6],[6624,6]]},"576":{"position":[[2130,9],[4297,9]]},"586":{"position":[[2714,8]]},"590":{"position":[[270,6],[2237,6],[3486,6]]},"598":{"position":[[443,6],[478,6],[3083,6],[3191,6]]},"612":{"position":[[1223,6],[1331,6],[1591,6],[1626,6],[9274,8],[9308,8],[11449,6],[11542,6],[11633,9],[11762,7],[11855,6],[16358,8],[16403,6]]},"660":{"position":[[2212,6],[2261,6],[14406,7],[14439,7],[25866,6]]},"664":{"position":[[21791,6],[21892,6],[21943,6],[21993,6],[22099,6],[22206,6]]},"668":{"position":[[72005,6],[72089,6],[72125,7]]}}}],["active=\"tru",{"_index":1203,"t":{"568":{"position":[[8594,14]]},"574":{"position":[[6483,13],[6609,14]]},"660":{"position":[[14455,13]]}}}],["active=\"true\">anoth",{"_index":4085,"t":{"660":{"position":[[14749,21]]}}}],["activepagenumb",{"_index":2153,"t":{"590":{"position":[[230,16]]}}}],["activepagenumber=\"1",{"_index":2183,"t":{"590":{"position":[[1989,20],[2264,20]]}}}],["activepagenumber=\"2",{"_index":2195,"t":{"590":{"position":[[2799,20],[2850,20],[2930,20]]}}}],["activepagenumber=\"3",{"_index":2190,"t":{"590":{"position":[[2316,20]]}}}],["activepagenumber=\"5",{"_index":2191,"t":{"590":{"position":[[2368,20],[2564,20],[2643,20],[2694,20]]}}}],["activepagenumber=\"@currentpagenumb",{"_index":2198,"t":{"590":{"position":[[3039,37]]}}}],["actual",{"_index":1786,"t":{"582":{"position":[[1465,8],[1624,8]]}}}],["ad",{"_index":167,"t":{"4":{"position":[[96,5]]},"14":{"position":[[176,5]]},"68":{"position":[[680,5],[728,5]]},"88":{"position":[[362,5]]},"102":{"position":[[972,5],[1018,5]]},"104":{"position":[[413,5],[694,5]]},"116":{"position":[[337,5]]},"124":{"position":[[284,5],[317,5],[370,5],[446,5],[556,6],[591,6],[713,6],[754,6]]},"144":{"position":[[96,5]]},"244":{"position":[[2003,5]]},"446":{"position":[[140,5]]},"560":{"position":[[248,5],[1033,5]]},"564":{"position":[[234,5],[511,5],[621,5]]},"566":{"position":[[194,5]]},"568":{"position":[[195,5],[572,5],[1403,5],[1911,5]]},"572":{"position":[[165,5]]},"574":{"position":[[219,5],[1605,5],[3859,6]]},"576":{"position":[[199,5],[532,5],[729,5]]},"578":{"position":[[197,5],[729,5]]},"580":{"position":[[418,5],[755,5],[936,5],[1116,5],[1297,5],[1550,5],[1986,5],[2242,5],[2422,5]]},"582":{"position":[[226,5],[1358,5]]},"586":{"position":[[244,5],[529,5]]},"588":{"position":[[225,5],[1810,5]]},"590":{"position":[[216,5]]},"592":{"position":[[447,5],[683,5]]},"594":{"position":[[207,5],[535,5]]},"596":{"position":[[261,5],[573,5]]},"598":{"position":[[181,5],[429,5],[898,5],[1084,5],[1338,5],[2345,5],[2674,5],[2913,5],[3427,5]]},"600":{"position":[[255,5],[849,5],[1012,5]]},"602":{"position":[[450,5],[1999,5],[2077,5]]},"604":{"position":[[196,5]]},"606":{"position":[[641,5],[1170,5]]},"608":{"position":[[181,5]]},"610":{"position":[[431,5]]},"612":{"position":[[168,5],[451,5],[529,5],[888,5],[1135,5],[1577,5],[2070,5],[4928,6],[14817,5]]},"614":{"position":[[246,5]]},"616":{"position":[[288,5],[622,5],[1419,5],[1682,5],[3373,5],[3612,5]]},"618":{"position":[[384,5],[718,5],[1515,5],[1788,5],[2987,5],[3244,5]]},"620":{"position":[[433,5],[767,5],[1564,5],[1829,5],[5338,5],[5577,5]]},"622":{"position":[[282,5],[1188,5],[1433,5],[1785,5]]},"624":{"position":[[229,5],[563,5],[1360,5],[1623,5],[2720,5],[2967,5]]},"626":{"position":[[244,5]]},"628":{"position":[[357,5],[1142,5]]},"630":{"position":[[236,5]]},"632":{"position":[[183,5],[626,5],[741,5],[893,5]]},"634":{"position":[[206,5],[496,5],[609,5]]},"660":{"position":[[295,5],[1087,5],[1355,5],[1725,5],[2015,5],[2198,5],[2827,5],[3194,5]]},"662":{"position":[[361,5],[1086,5]]},"664":{"position":[[263,5],[876,5],[1035,5]]},"666":{"position":[[252,5],[549,5]]},"668":{"position":[[241,5],[3385,5],[4005,5],[4318,5],[7140,5],[50357,6],[67356,6]]}}}],["add",{"_index":666,"t":{"106":{"position":[[250,3],[373,3]]},"108":{"position":[[261,3]]},"114":{"position":[[223,3],[269,3]]},"560":{"position":[[180,4]]},"566":{"position":[[2959,3],[3447,3],[3936,3],[4422,3],[4907,3],[5417,3],[5924,3],[6432,3],[6937,3],[7441,3]]},"568":{"position":[[2498,4],[3049,4],[3599,4],[4362,4],[4987,4],[5610,4],[6352,4],[6903,4],[7453,4],[8154,4],[8719,4],[9269,4],[9984,4],[10535,4],[11085,4],[12164,4],[12727,4],[13289,4],[13847,4],[14395,4],[14955,4],[18481,4],[19032,4],[19582,4],[20866,4],[21439,4],[22011,4]]},"570":{"position":[[452,3]]},"572":{"position":[[2049,3]]},"574":{"position":[[3371,3],[6475,3]]},"578":{"position":[[863,4],[6968,3]]},"580":{"position":[[5923,3]]},"588":{"position":[[83,3],[9805,3]]},"590":{"position":[[2467,3]]},"592":{"position":[[174,3],[973,3]]},"596":{"position":[[2013,3],[6233,3],[7230,3]]},"602":{"position":[[4660,3],[4991,3],[7603,3],[9912,3],[10171,3],[12658,3]]},"606":{"position":[[4686,3],[9867,3],[11456,3]]},"608":{"position":[[91,3]]},"612":{"position":[[2970,3],[13958,3],[14988,3]]},"614":{"position":[[163,3]]},"616":{"position":[[728,4],[853,4],[992,4],[4983,3]]},"618":{"position":[[824,4],[949,4],[1088,4],[4362,3]]},"620":{"position":[[873,4],[998,4],[1137,4],[7021,3],[7167,3]]},"624":{"position":[[669,4],[794,4],[933,4],[4070,3]]},"626":{"position":[[7751,3]]},"630":{"position":[[4967,4],[10985,3]]},"632":{"position":[[5462,3]]},"636":{"position":[[258,3],[381,3],[488,3],[1020,3],[1358,3],[1445,3],[1831,3],[2165,3],[2583,3],[2861,3],[2939,3],[5535,3],[5877,3],[8298,3],[8317,3]]},"638":{"position":[[394,3],[900,3],[1283,3],[1617,3],[2035,3],[2313,3],[2391,3],[3046,3],[4453,3],[4787,3],[5205,3],[5610,3],[8838,3],[8857,3]]},"640":{"position":[[258,3],[381,3],[486,3],[1018,3],[1262,3],[1646,3],[1980,3],[2398,3],[2676,3],[2754,3],[5211,3],[5545,3],[5963,3],[6401,3],[8835,3],[8854,3]]},"642":{"position":[[268,3],[391,3],[495,3],[1032,3],[1276,3],[1665,3],[1999,3],[2417,3],[2789,3],[5054,3],[5135,3],[5566,3],[7729,3],[7748,3]]},"644":{"position":[[268,3],[391,3],[495,3],[1032,3],[1276,3],[1665,3],[1999,3],[2417,3],[2789,3],[5255,3],[5336,3],[7890,3],[7909,3]]},"646":{"position":[[276,3],[399,3],[485,3],[920,3],[1305,3],[1639,3],[2057,3],[2335,3],[2413,3],[3086,3],[3105,3]]},"648":{"position":[[276,3],[399,3],[485,3],[920,3],[1305,3],[1639,3],[2057,3],[2335,3],[2413,3],[3265,3],[3284,3]]},"650":{"position":[[316,3],[439,3],[945,3],[1328,3],[1662,3],[2080,3],[2358,3],[2436,3],[4204,3],[4538,3],[4956,3],[5370,3],[7726,3],[7745,3]]},"656":{"position":[[268,3],[391,3],[495,3],[930,3],[1319,3],[1653,3],[2071,3],[2443,3],[4459,3],[4793,3],[5211,3],[7586,3],[7605,3]]},"658":{"position":[[4958,3]]},"660":{"position":[[10682,3],[11751,3],[12352,3],[13408,3],[14447,3],[16531,3],[17121,3]]},"668":{"position":[[7385,3],[12238,3],[14908,3],[23485,3],[26089,3],[33078,3],[33227,3],[35945,3],[46236,3],[46291,3],[65677,3],[65786,3],[68093,3],[68119,4],[68218,3],[68301,4]]}}}],["add.png",{"_index":2419,"t":{"598":{"position":[[8577,8]]}}}],["addadditionalassemblies(typeof(counter).assembl",{"_index":3939,"t":{"638":{"position":[[6320,51]]}}}],["addasync",{"_index":635,"t":{"102":{"position":[[673,8],[739,8],[801,8],[862,8]]}}}],["addcustom",{"_index":2919,"t":{"612":{"position":[[14516,13],[15828,13]]}}}],["adddataasync",{"_index":3033,"t":{"616":{"position":[[7248,14]]},"618":{"position":[[6354,14],[13359,14]]},"620":{"position":[[7150,16],[9116,14]]},"624":{"position":[[5952,14],[9631,14]]}}}],["adddataasync()\">add",{"_index":3009,"t":{"616":{"position":[[5112,19]]},"618":{"position":[[4491,19],[11579,19]]},"624":{"position":[[4199,19],[7993,19]]}}}],["adddataasync(chartdata",{"_index":2946,"t":{"616":{"position":[[636,22],[755,22]]},"618":{"position":[[732,22],[851,22]]},"620":{"position":[[781,22],[900,22]]},"624":{"position":[[577,22],[696,22]]}}}],["adddatasetasync",{"_index":634,"t":{"102":{"position":[[653,15],[719,15],[781,15],[842,15]]},"616":{"position":[[4963,19],[6980,17]]},"618":{"position":[[4342,19],[6104,17]]},"620":{"position":[[7001,19],[8878,17]]},"624":{"position":[[4050,19],[5717,17]]}}}],["adddatasetasync(chartdata",{"_index":2953,"t":{"616":{"position":[[883,25]]},"618":{"position":[[979,25]]},"620":{"position":[[1028,25]]},"624":{"position":[[824,25]]}}}],["addemploye",{"_index":5033,"t":{"668":{"position":[[67295,13]]}}}],["addemployee2",{"_index":5037,"t":{"668":{"position":[[67487,14]]}}}],["addinteractiveservercompon",{"_index":3931,"t":{"638":{"position":[[5679,33]]},"650":{"position":[[5439,34]]}}}],["addinteractiveserverrendermod",{"_index":3937,"t":{"638":{"position":[[6247,33]]},"650":{"position":[[5890,34]]}}}],["addinteractivewebassemblycompon",{"_index":3932,"t":{"638":{"position":[[5713,39]]}}}],["addinteractivewebassemblyrendermod",{"_index":3938,"t":{"638":{"position":[[6281,38]]}}}],["addit",{"_index":1062,"t":{"564":{"position":[[1631,10],[1675,10],[2161,10],[4083,10]]},"566":{"position":[[3256,10],[3744,10],[4233,10],[4719,10],[5204,10],[5714,10],[6221,10],[6729,10],[7234,10],[7738,10]]},"572":{"position":[[2346,10]]},"574":{"position":[[3418,10]]},"578":{"position":[[770,10],[951,10]]},"580":{"position":[[6158,10],[6674,10],[6969,10],[7439,10],[7771,10],[8100,10],[11064,10],[11428,10],[11767,10],[12337,10],[12722,10],[13082,10]]},"582":{"position":[[1872,9]]},"588":{"position":[[2176,9]]},"590":{"position":[[2534,10]]},"600":{"position":[[1061,10]]},"660":{"position":[[18293,10]]},"664":{"position":[[170,10],[1084,10]]}}}],["addition",{"_index":2846,"t":{"612":{"position":[[3013,13]]}}}],["address",{"_index":3380,"t":{"622":{"position":[[9732,7],[10456,7]]}}}],["addtaghelp",{"_index":3849,"t":{"636":{"position":[[3834,13]]},"640":{"position":[[3655,13]]}}}],["adher",{"_index":3750,"t":{"632":{"position":[[4243,6]]}}}],["adil",{"_index":3299,"t":{"622":{"position":[[3146,7],[5017,7],[7642,7]]}}}],["adipisc",{"_index":1842,"t":{"582":{"position":[[7638,10],[8891,10],[10279,10],[11879,10],[13132,10],[14520,10],[16020,10],[17273,10],[18661,10]]}}}],["aenean",{"_index":1921,"t":{"582":{"position":[[8519,6],[9456,6],[12760,6],[13697,6],[16901,6],[17838,6]]}}}],["agnost",{"_index":3342,"t":{"622":{"position":[[3926,8]]},"668":{"position":[[9901,8]]}}}],["ago</cardtext",{"_index":1767,"t":{"580":{"position":[[11181,14],[11508,14],[11930,14]]}}}],["ago</smal",{"_index":1769,"t":{"580":{"position":[[12476,11],[12824,11],[13267,11]]}}}],["agre",{"_index":3784,"t":{"634":{"position":[[1439,5],[2086,5],[2381,6],[2561,6],[2666,6],[2750,5]]}}}],["agree1",{"_index":3780,"t":{"634":{"position":[[969,7]]}}}],["agree2",{"_index":3781,"t":{"634":{"position":[[982,6]]}}}],["ai",{"_index":4378,"t":{"668":{"position":[[8384,3],[10884,3],[13163,3],[15964,3],[19144,3],[22286,3],[24968,3],[28344,3],[34822,3],[37470,3],[40046,3],[42662,3],[45250,3],[48185,3],[61601,3],[64229,3],[66687,3],[70432,3],[73682,3],[76794,3],[80279,3],[83460,3],[86486,3],[89927,3],[94141,3],[96964,3],[99759,3],[122244,3],[126153,3],[139810,3],[148228,3],[151431,3]]}}}],["alarm",{"_index":2788,"t":{"610":{"position":[[607,5]]}}}],["alert",{"_index":182,"t":{"6":{"position":[[216,5]]},"8":{"position":[[220,5]]},"10":{"position":[[662,6]]},"12":{"position":[[123,5],[203,5],[364,5]]},"22":{"position":[[151,5],[214,5]]},"140":{"position":[[1528,5],[1618,5]]},"146":{"position":[[21,7],[166,5],[256,5]]},"244":{"position":[[1395,5],[1485,5]]},"452":{"position":[[167,5],[257,5]]},"564":{"position":[[11,6],[38,6],[167,5],[398,5],[546,5],[733,5],[807,7],[815,6],[952,6],[1004,5],[1026,8],[1035,6],[1091,5],[1113,8],[1122,6],[1174,5],[1196,8],[1205,6],[1255,5],[1277,8],[1286,6],[1338,5],[1360,8],[1369,6],[1415,5],[1437,8],[1446,6],[1494,5],[1516,8],[1525,6],[1571,5],[1593,8],[1613,6],[1651,6],[1746,6],[1873,5],[1977,5],[2129,8],[2149,6],[2242,6],[2267,6],[2370,5],[2389,8],[2398,6],[2508,5],[2527,8],[2536,6],[2652,5],[2671,8],[2680,6],[2798,5],[2817,8],[2837,6],[2934,5],[2977,5],[3009,6],[3147,8],[3188,5],[3219,6],[3431,8],[3455,5],[3562,6],[3588,5],[3700,5],[4076,6]]},"568":{"position":[[23472,6]]},"572":{"position":[[7329,6]]},"600":{"position":[[2674,10],[2729,9],[4773,10],[4828,9],[7726,10],[7781,9],[10720,10],[10775,9],[13718,10],[13773,9],[16388,10],[16443,9]]},"664":{"position":[[2299,10],[2354,10],[3702,10],[3757,9],[5596,10],[5651,9],[7855,10],[7910,9],[10208,10],[10263,9],[12681,10],[12736,9],[15111,10],[15166,9],[17502,10],[17557,9],[19985,10],[20040,9],[23226,10],[23281,9],[24851,10],[24906,10]]}}}],["alert1",{"_index":780,"t":{"142":{"position":[[18,6]]}}}],["alertcolor",{"_index":1030,"t":{"564":{"position":[[354,10]]}}}],["alertcolor.non",{"_index":1031,"t":{"564":{"position":[[365,15]]}}}],["alic",{"_index":4377,"t":{"668":{"position":[[8361,8],[10861,8],[13140,8],[15941,8],[19121,8],[22263,8],[24945,8],[28227,8],[34799,8],[37447,8],[40023,8],[42639,8],[45227,8],[48068,8],[61578,8],[64206,8],[66664,8],[70409,8],[73659,8],[76771,8],[80256,8],[83437,8],[86463,8],[89904,8],[94118,8],[96941,8],[99736,8],[122221,8],[126130,8],[139787,8],[142520,8],[145194,8],[148205,8],[151408,8]]}}}],["alice@blazorbootstrap.com",{"_index":4470,"t":{"668":{"position":[[28264,28],[48105,28]]}}}],["align",{"_index":254,"t":{"20":{"position":[[199,9]]},"30":{"position":[[430,9],[445,9],[494,9]]},"44":{"position":[[321,9]]},"102":{"position":[[546,9]]},"124":{"position":[[657,9]]},"574":{"position":[[5701,10]]},"580":{"position":[[618,9],[665,9],[7146,10],[7189,9],[13699,9]]},"590":{"position":[[296,9],[306,9],[359,10],[2776,10],[3507,9]]},"604":{"position":[[2749,10],[3215,6],[4793,9],[4837,5]]},"606":{"position":[[358,5]]},"614":{"position":[[972,8],[1466,8]]},"616":{"position":[[3387,5],[3425,6]]},"620":{"position":[[5352,5],[5389,6],[15094,5],[15701,5],[16308,5]]},"626":{"position":[[1014,9],[1061,10],[5161,10],[5196,9],[5273,10],[5306,9],[11788,9]]},"630":{"position":[[1526,9],[1573,10],[8290,10],[8325,9],[8402,10],[8435,9],[17800,9]]},"660":{"position":[[16509,5],[16738,7]]},"668":{"position":[[5717,10],[6899,9],[6947,10],[38572,10],[38649,10],[41141,10],[41208,10],[152725,9],[152740,9]]}}}],["alignment.cent",{"_index":4333,"t":{"668":{"position":[[5751,16],[6981,16],[38749,16],[41302,16]]}}}],["alignment.end",{"_index":4334,"t":{"668":{"position":[[5771,14],[7001,14],[38770,14],[41323,14]]}}}],["alignment.non",{"_index":1674,"t":{"580":{"position":[[628,14]]},"590":{"position":[[316,14]]},"626":{"position":[[1024,14]]},"630":{"position":[[1536,14]]}}}],["alignment.start",{"_index":4332,"t":{"668":{"position":[[5672,15],[5732,15],[6909,15],[6962,15],[38702,16],[41255,16]]}}}],["alignment=\"alignment.cent",{"_index":2196,"t":{"590":{"position":[[2886,28]]}}}],["alignment=\"alignment.end",{"_index":2197,"t":{"590":{"position":[[2966,25]]}}}],["aliquam",{"_index":1848,"t":{"582":{"position":[[7687,7],[8568,7],[9679,7],[10559,7],[10639,7],[10888,7],[11928,7],[12809,7],[13920,7],[14800,7],[14880,7],[15129,7],[16069,7],[16950,7],[18061,7],[18941,7],[19021,7],[19270,7]]}}}],["aliquet",{"_index":1959,"t":{"582":{"position":[[9786,7],[14027,7],[18168,7]]}}}],["all/non",{"_index":550,"t":{"84":{"position":[[189,8]]}}}],["all</ribbonitem",{"_index":2384,"t":{"598":{"position":[[5284,18],[8335,18]]}}}],["allow",{"_index":354,"t":{"44":{"position":[[331,5]]},"110":{"position":[[280,6],[550,6]]},"578":{"position":[[1037,6],[6374,6],[7606,6]]},"582":{"position":[[812,7]]},"602":{"position":[[538,7]]},"616":{"position":[[2324,6]]},"618":{"position":[[2072,6]]},"620":{"position":[[2208,6]]},"624":{"position":[[1907,6]]},"626":{"position":[[299,6],[5874,5],[5935,8],[5994,5],[11798,5]]},"628":{"position":[[795,7],[901,7],[1874,6]]},"630":{"position":[[291,6],[9059,5],[9120,8],[9179,5],[17810,5]]},"666":{"position":[[85,6]]},"668":{"position":[[527,5],[1189,8],[1863,8],[3132,8]]}}}],["allowdetailview",{"_index":4274,"t":{"668":{"position":[[255,15],[146716,15],[149151,15]]}}}],["allowdetailview=\"tru",{"_index":5197,"t":{"668":{"position":[[146960,23],[149395,23],[150077,23]]}}}],["allowed.</span",{"_index":3491,"t":{"626":{"position":[[6243,15]]},"630":{"position":[[9456,15]]}}}],["allowfilt",{"_index":4275,"t":{"668":{"position":[[361,14],[4607,14],[5946,14],[7328,14],[23663,14]]}}}],["allowfiltering=\"tru",{"_index":4352,"t":{"668":{"position":[[7389,21],[7608,21],[10064,21],[17396,21],[21076,21],[23832,21],[26394,21],[30640,21],[59252,21],[68855,21],[72235,21],[75394,21],[78583,21],[84924,21],[92579,21],[105875,21],[106895,21],[107915,21],[108933,21],[109953,21],[110967,21],[111981,21],[119320,21],[127466,21],[135401,21],[138225,21],[141413,21],[143902,21]]}}}],["allownegativenumb",{"_index":3432,"t":{"626":{"position":[[258,20],[5952,20]]},"630":{"position":[[250,20],[9137,20]]}}}],["allownegativenumbers=\"tru",{"_index":3490,"t":{"626":{"position":[[6130,27]]},"630":{"position":[[9343,27]]}}}],["allowpag",{"_index":4276,"t":{"668":{"position":[[426,11],[12188,11]]}}}],["allowpaging=\"tru",{"_index":4411,"t":{"668":{"position":[[12242,18],[12485,18],[17418,18],[30662,18],[59287,18],[68877,18],[72257,18],[75416,18],[78605,18],[95531,18],[98626,18],[119342,18],[127488,18],[130028,18],[132699,18],[135423,18],[138247,18]]}}}],["allowrowclick",{"_index":4277,"t":{"668":{"position":[[485,13],[3616,13],[3792,13]]}}}],["allowrowclick=\"tru",{"_index":5092,"t":{"668":{"position":[[114302,20],[116758,20]]}}}],["allowselect",{"_index":4278,"t":{"668":{"position":[[550,14]]}}}],["allowselection=\"tru",{"_index":4429,"t":{"668":{"position":[[17470,21],[81765,21],[81963,21],[84946,21],[88335,21],[92601,21]]}}}],["allowsort",{"_index":2512,"t":{"602":{"position":[[464,12]]},"668":{"position":[[615,12],[6100,12],[14850,12]]}}}],["allowsorting=\"fals",{"_index":2609,"t":{"602":{"position":[[10371,21],[10501,21]]}}}],["allowsorting=\"tru",{"_index":4423,"t":{"668":{"position":[[14912,19],[15018,19],[17450,19],[30681,19],[33539,20],[36284,20],[59306,19],[68909,19],[72289,19],[75448,19],[78637,19],[101276,19],[102093,19],[102924,19],[103741,19],[105897,19],[106917,19],[107937,19],[108955,19],[109975,19],[110989,19],[112003,19],[114323,19],[116779,19],[119361,19],[127507,19],[130047,19],[132718,19],[135442,19],[138266,19]]}}}],["along",{"_index":149,"t":{"2":{"position":[[3256,5]]},"110":{"position":[[187,5]]},"148":{"position":[[236,5]]},"150":{"position":[[229,5]]},"154":{"position":[[2066,5]]},"228":{"position":[[2075,5]]},"308":{"position":[[1116,5]]},"310":{"position":[[2069,5]]},"360":{"position":[[228,5]]},"368":{"position":[[1497,5]]},"400":{"position":[[840,5]]},"410":{"position":[[237,5]]},"412":{"position":[[548,5]]},"428":{"position":[[521,5]]},"494":{"position":[[232,5]]},"660":{"position":[[16416,5]]},"668":{"position":[[30482,5]]}}}],["alreadi",{"_index":2884,"t":{"612":{"position":[[11754,7]]}}}],["alt",{"_index":2933,"t":{"614":{"position":[[260,3]]}}}],["alt=\"placehold",{"_index":1711,"t":{"580":{"position":[[3977,17],[4748,17],[5400,17],[10916,17],[11292,17],[11619,17],[12189,17],[12586,17],[12934,17]]},"614":{"position":[[729,17],[936,17],[1230,17],[1330,17]]}}}],["alt=\"placeholder1",{"_index":2940,"t":{"614":{"position":[[1054,18]]}}}],["alt=\"placeholder2",{"_index":2941,"t":{"614":{"position":[[1139,18]]}}}],["altern",{"_index":1154,"t":{"566":{"position":[[3229,11],[3717,11],[4206,11],[4692,11],[5177,11],[5687,11],[6194,11],[6702,11],[7207,11],[7711,11]]},"572":{"position":[[2319,11]]},"594":{"position":[[427,11]]},"614":{"position":[[294,9]]}}}],["alway",{"_index":480,"t":{"72":{"position":[[450,6]]},"568":{"position":[[9696,6],[23635,6]]},"626":{"position":[[1717,6]]},"630":{"position":[[5997,6]]},"668":{"position":[[1120,6],[1796,6],[3069,6]]}}}],["alwaysopen",{"_index":1160,"t":{"568":{"position":[[209,10],[1209,10],[9717,10],[18032,10],[18258,11]]}}}],["alwaysopen=\"tru",{"_index":1204,"t":{"568":{"position":[[9815,18],[18281,17]]}}}],["amet",{"_index":1840,"t":{"582":{"position":[[7620,5],[7699,4],[7937,4],[8711,4],[8873,5],[10261,5],[10325,4],[10478,4],[11861,5],[11940,4],[12178,4],[12952,4],[13114,5],[14502,5],[14566,4],[14719,4],[16002,5],[16081,4],[16319,4],[17093,4],[17255,5],[18643,5],[18707,4],[18860,4]]}}}],["amount",{"_index":1300,"t":{"570":{"position":[[260,7]]},"626":{"position":[[1557,7],[1601,7],[1643,7],[3338,7],[4160,7],[4204,6],[4279,7],[4326,7],[4625,7],[4760,7],[4926,7],[5062,7],[5106,7],[5502,7],[5546,7],[5730,7],[5774,7],[5817,7],[6177,7],[6292,7],[6334,7],[6571,7],[6830,7],[7308,7],[7545,7],[9055,7],[10829,7]]},"630":{"position":[[2037,7],[2081,7],[2368,7],[2412,7],[2594,7],[2638,7],[2820,7],[2864,7],[3046,7],[3090,7],[3272,7],[3316,7],[3498,7],[3542,7],[3724,7],[3768,7],[3950,7],[3994,7],[4176,7],[4220,7],[4771,7],[5284,7],[5825,7],[7243,7],[8095,7],[8139,6],[8214,7],[8261,7],[8659,7],[8703,7],[8915,7],[8959,7],[9002,7],[9390,7],[9505,7],[9547,7],[9788,7],[10047,7],[10531,7],[10772,7],[12377,7],[14193,7],[14518,7],[14562,7],[14748,7],[14792,7],[14978,7],[15022,7],[15208,7],[15252,7],[15438,7],[15482,7],[15668,7],[15712,7],[15898,7],[15942,7],[16128,7],[16172,7],[16358,7],[16402,7]]},"632":{"position":[[2497,6],[3204,6]]},"660":{"position":[[19968,7],[21750,7]]}}}],["amount1",{"_index":3678,"t":{"630":{"position":[[2124,7],[4263,7],[4860,7],[5373,7],[5911,7],[16449,7]]},"632":{"position":[[1100,7],[1946,7],[4125,7],[5179,7],[5418,7]]}}}],["amount1</div",{"_index":3677,"t":{"630":{"position":[[2089,14],[2420,14],[4822,14],[5335,14],[5876,14],[14570,14]]}}}],["amount2",{"_index":3467,"t":{"626":{"position":[[3359,8],[5131,8],[5841,7]]},"630":{"position":[[4295,7],[7264,8],[9026,7],[16489,7]]},"632":{"position":[[1965,7],[5198,7]]}}}],["amount2</div",{"_index":3451,"t":{"626":{"position":[[2186,14],[5070,14],[5782,14]]},"630":{"position":[[2646,14],[8967,14],[14800,14]]}}}],["amount3",{"_index":3468,"t":{"626":{"position":[[3382,8]]},"630":{"position":[[4327,7],[7287,8],[16529,7]]},"632":{"position":[[1985,7],[5218,7]]}}}],["amount3</div",{"_index":3454,"t":{"626":{"position":[[2368,14]]},"630":{"position":[[2872,14],[15030,14]]}}}],["amount4",{"_index":3469,"t":{"626":{"position":[[3406,8]]},"630":{"position":[[4359,7],[7311,8],[16569,7]]},"632":{"position":[[2006,7],[5239,7]]}}}],["amount4</div",{"_index":3456,"t":{"626":{"position":[[2552,14]]},"630":{"position":[[3098,14],[15260,14]]}}}],["amount5",{"_index":3470,"t":{"626":{"position":[[3430,8]]},"630":{"position":[[4391,7],[7335,8],[16609,7]]}}}],["amount5</div",{"_index":3459,"t":{"626":{"position":[[2736,14]]},"630":{"position":[[3324,14],[15490,14]]}}}],["amount6",{"_index":3471,"t":{"626":{"position":[[3455,8]]},"630":{"position":[[4423,7],[7360,8],[16649,7]]}}}],["amount6</div",{"_index":3461,"t":{"626":{"position":[[2922,14]]},"630":{"position":[[3550,14],[15720,14]]}}}],["amount7",{"_index":3472,"t":{"626":{"position":[[3480,8]]},"630":{"position":[[4455,7],[7385,8],[16689,7]]}}}],["amount7</div",{"_index":3464,"t":{"626":{"position":[[3108,14]]},"630":{"position":[[3776,14],[15950,14]]}}}],["amount8",{"_index":3473,"t":{"626":{"position":[[3506,8]]},"630":{"position":[[4487,7],[7411,8],[16729,7]]}}}],["amount8</div",{"_index":3466,"t":{"626":{"position":[[3296,14]]},"630":{"position":[[4002,14],[16180,14]]}}}],["amount9",{"_index":3707,"t":{"630":{"position":[[4519,7],[16769,7]]}}}],["amount9</div",{"_index":3706,"t":{"630":{"position":[[4228,14],[16410,14]]}}}],["amount</div",{"_index":3444,"t":{"626":{"position":[[1609,13],[2007,13],[4287,13],[4768,13],[5554,13],[6300,13]]},"630":{"position":[[8222,13],[8711,13],[9513,13]]}}}],["analyst",{"_index":4402,"t":{"668":{"position":[[9273,9],[11773,9],[14183,9],[14307,9],[16853,9],[20164,9],[20288,9],[23175,9],[25857,9],[30030,9],[35711,9],[38359,9],[40935,9],[43436,9],[46024,9],[49871,9],[62621,9],[62745,9],[65196,9],[71452,9],[71576,9],[74702,9],[74826,9],[77814,9],[77938,9],[81299,9],[81423,9],[84349,9],[87375,9],[90816,9],[95030,9],[97984,9],[98108,9],[100779,9],[100903,9],[123264,9],[123388,9],[127043,9],[140830,9],[140954,9]]}}}],["anchor",{"_index":2992,"t":{"616":{"position":[[3439,6],[3478,7]]},"618":{"position":[[3001,6],[3040,7]]},"620":{"position":[[5403,6],[5441,7],[15109,6],[15716,6],[16325,6]]},"624":{"position":[[2734,6],[2773,7]]}}}],["and/or",{"_index":1723,"t":{"580":{"position":[[5946,6]]}}}],["anim",{"_index":326,"t":{"38":{"position":[[302,8]]},"104":{"position":[[358,9]]},"576":{"position":[[1356,7],[1413,9]]},"586":{"position":[[258,9],[344,10],[2571,10],[2582,7],[3634,9]]},"596":{"position":[[162,8],[7178,8],[7220,9],[7312,7],[8522,8]]}}}],["animation=\"placeholderanimation.glow",{"_index":2013,"t":{"586":{"position":[[846,38],[2753,38]]}}}],["animation=\"placeholderanimation.wav",{"_index":2039,"t":{"586":{"position":[[3132,38]]}}}],["announc",{"_index":1371,"t":{"572":{"position":[[3459,12],[3717,12]]},"590":{"position":[[1747,8]]}}}],["anoth",{"_index":491,"t":{"74":{"position":[[339,7],[523,7]]},"568":{"position":[[271,7],[9780,7]]},"602":{"position":[[8293,7]]},"612":{"position":[[2361,7],[2585,7],[2809,7],[3294,7],[3518,7],[3742,7],[4210,7],[4495,7],[4779,7],[5139,7],[5363,7],[5605,7],[5829,7],[6229,7],[6453,7],[6677,7]]},"620":{"position":[[11107,7],[17501,7]]},"628":{"position":[[9477,7],[9578,7],[13106,7]]},"662":{"position":[[9028,7],[9129,7],[12269,7]]}}}],["ant",{"_index":1975,"t":{"582":{"position":[[10589,4],[14830,4],[18971,4]]}}}],["anymor",{"_index":562,"t":{"86":{"position":[[283,7]]}}}],["api",{"_index":1497,"t":{"574":{"position":[[7710,3]]},"578":{"position":[[3010,3]]},"582":{"position":[[1733,3]]},"588":{"position":[[2037,3]]},"592":{"position":[[323,4],[391,4]]},"612":{"position":[[12612,3]]},"622":{"position":[[2788,3],[4659,3],[6226,3],[7284,3],[9982,3],[11491,3],[12985,3]]},"668":{"position":[[18925,3],[22067,3],[24749,3],[28026,3],[34603,3],[37251,3],[39827,3],[42443,3],[45031,3],[47867,3],[60672,3],[70039,3],[73463,3],[76575,3],[80060,3],[83241,3],[86267,3],[89708,3],[93922,3],[96745,3],[99540,3],[104885,3],[113318,3],[115538,3],[118005,3],[122025,3],[125934,3],[139591,3],[142347,3],[144999,3]]}}}],["app",{"_index":658,"t":{"104":{"position":[[667,3]]},"114":{"position":[[733,3]]},"636":{"position":[[957,3],[1298,3],[3711,3],[6082,3]]},"638":{"position":[[3256,3],[5796,3],[8788,3]]},"640":{"position":[[955,3],[3524,3],[6606,3],[8800,3]]},"642":{"position":[[969,3],[3563,3],[7666,3]]},"644":{"position":[[969,3],[3563,3],[7827,3]]},"646":{"position":[[35,3],[98,3]]},"648":{"position":[[35,3],[98,3]]},"650":{"position":[[3019,3],[5478,3]]},"652":{"position":[[1763,3],[1813,3],[1861,3]]},"654":{"position":[[1768,3],[1818,3],[1866,3]]},"656":{"position":[[3036,3]]},"668":{"position":[[9389,4],[11889,4],[14423,4],[16969,4],[20404,4],[23291,4],[25973,4],[30262,4],[35827,4],[38475,4],[41051,4],[43536,4],[46124,4],[50103,4],[62861,4],[65312,4],[71692,4],[74942,4],[78054,4],[81539,4],[84465,4],[87491,4],[90932,4],[95146,4],[98224,4],[101019,4],[123504,4],[127159,4],[141070,4]]}}}],["app.environment.isdevelop",{"_index":3883,"t":{"636":{"position":[[6148,34]]},"638":{"position":[[5862,33]]},"640":{"position":[[6672,34]]},"650":{"position":[[5544,34]]}}}],["app.mapblazorhub",{"_index":3891,"t":{"636":{"position":[[6432,19]]},"640":{"position":[[6956,19]]}}}],["app.mapfallbacktopage(\"/_host",{"_index":3892,"t":{"636":{"position":[[6452,32]]},"640":{"position":[[6976,32]]}}}],["app.maprazorcomponents<app",{"_index":3936,"t":{"638":{"position":[[6217,29]]},"650":{"position":[[5860,29]]}}}],["app.razor",{"_index":3918,"t":{"638":{"position":[[3352,10],[9016,9]]},"650":{"position":[[3087,10],[7840,9]]}}}],["app.run",{"_index":3893,"t":{"636":{"position":[[6485,10]]},"638":{"position":[[6372,10]]},"640":{"position":[[7009,10]]},"650":{"position":[[5925,10]]}}}],["app.useantiforgeri",{"_index":3935,"t":{"638":{"position":[[6195,21]]},"650":{"position":[[5838,21]]}}}],["app.useexceptionhandler(\"/error",{"_index":3884,"t":{"636":{"position":[[6185,34]]},"638":{"position":[[5938,33]]},"640":{"position":[[6709,34]]},"650":{"position":[[5581,33]]}}}],["app.usehst",{"_index":3887,"t":{"636":{"position":[[6348,14]]},"638":{"position":[[6129,14]]},"640":{"position":[[6872,14]]},"650":{"position":[[5772,14]]}}}],["app.usehttpsredirect",{"_index":3888,"t":{"636":{"position":[[6365,26]]},"638":{"position":[[6146,26]]},"640":{"position":[[6889,26]]},"650":{"position":[[5789,26]]}}}],["app.userout",{"_index":3890,"t":{"636":{"position":[[6414,17]]},"640":{"position":[[6938,17]]}}}],["app.usestaticfil",{"_index":3889,"t":{"636":{"position":[[6392,21]]},"638":{"position":[[6173,21]]},"640":{"position":[[6916,21]]},"650":{"position":[[5816,21]]}}}],["app.usewebassemblydebug",{"_index":3933,"t":{"638":{"position":[[5898,30]]}}}],["appeal",{"_index":3004,"t":{"616":{"position":[[4544,9]]},"618":{"position":[[3913,9]]},"620":{"position":[[6510,9]]},"624":{"position":[[3631,9]]}}}],["appear",{"_index":1192,"t":{"568":{"position":[[2596,11],[3147,11],[3697,11],[4460,11],[5085,11],[5708,11],[6450,11],[7001,11],[7551,11],[8252,11],[8817,11],[9367,11],[10082,11],[10633,11],[11183,11],[12262,11],[12825,11],[13387,11],[13945,11],[14493,11],[15053,11],[18579,11],[19130,11],[19680,11],[20964,11],[21537,11],[22109,11]]},"582":{"position":[[2469,6]]},"588":{"position":[[9269,6],[11026,6]]},"596":{"position":[[3757,10]]},"614":{"position":[[550,10],[829,11]]},"616":{"position":[[3050,7]]},"618":{"position":[[2803,7]]},"620":{"position":[[3202,7]]},"668":{"position":[[92113,11]]}}}],["append",{"_index":3713,"t":{"630":{"position":[[5449,9],[5561,9],[17740,9]]}}}],["appl",{"_index":2499,"t":{"600":{"position":[[9542,6]]},"664":{"position":[[13861,6]]}}}],["appli",{"_index":599,"t":{"96":{"position":[[428,7]]},"124":{"position":[[455,5]]},"560":{"position":[[1677,5]]},"574":{"position":[[3974,7]]},"596":{"position":[[6304,5]]},"598":{"position":[[1644,7]]},"602":{"position":[[783,7]]},"616":{"position":[[4573,7]]},"618":{"position":[[3942,7]]},"620":{"position":[[6539,7]]},"624":{"position":[[3660,7]]},"664":{"position":[[22259,5],[22333,5],[25522,5]]},"668":{"position":[[68592,7],[71967,7],[75224,5]]}}}],["applic",{"_index":561,"t":{"86":{"position":[[216,11]]},"88":{"position":[[218,11]]},"592":{"position":[[960,12],[3811,11]]},"606":{"position":[[541,11],[11443,12],[12405,11]]},"628":{"position":[[1950,13]]},"630":{"position":[[5091,10]]},"636":{"position":[[1891,12],[2272,12],[2651,12],[2907,12],[4759,11],[5594,12]]},"638":{"position":[[1343,12],[1724,12],[2103,12],[2359,12],[4513,12],[4894,12],[5273,12]]},"640":{"position":[[1706,12],[2087,12],[2466,12],[2722,12],[4687,11],[5271,12],[5652,12],[6031,12]]},"642":{"position":[[1725,12],[2106,12],[2485,12],[2757,12],[5113,12],[5203,12]]},"644":{"position":[[1725,12],[2106,12],[2485,12],[2757,12],[5314,12],[5404,12]]},"646":{"position":[[1365,12],[1746,12],[2125,12],[2381,12]]},"648":{"position":[[1365,12],[1746,12],[2125,12],[2381,12]]},"650":{"position":[[1388,12],[1769,12],[2148,12],[2404,12],[4264,12],[4645,12],[5024,12]]},"656":{"position":[[1379,12],[1760,12],[2139,12],[2411,12],[4519,12],[4900,12],[5279,12]]},"664":{"position":[[11246,11]]}}}],["application'",{"_index":5073,"t":{"668":{"position":[[92052,13]]}}}],["applypurplestyl",{"_index":4227,"t":{"664":{"position":[[19153,16],[20937,16],[20956,18],[20981,18]]}}}],["appropri",{"_index":1119,"t":{"564":{"position":[[3953,11]]},"568":{"position":[[2507,11],[3058,11],[3608,11],[4371,11],[4996,11],[5619,11],[6361,11],[6912,11],[7462,11],[8163,11],[8728,11],[9278,11],[9993,11],[10544,11],[11094,11],[12173,11],[12736,11],[13298,11],[13856,11],[14404,11],[14964,11],[18490,11],[19041,11],[19591,11],[20875,11],[21448,11],[22020,11]]}}}],["april",{"_index":46,"t":{"2":{"position":[[700,5],[978,5]]},"26":{"position":[[23,5]]},"70":{"position":[[24,5]]},"72":{"position":[[24,5]]},"76":{"position":[[24,5]]},"78":{"position":[[24,5]]},"122":{"position":[[24,5]]},"126":{"position":[[24,5]]},"130":{"position":[[950,5],[1735,5],[1776,5],[1817,5],[1858,5],[2343,5],[2384,5]]},"134":{"position":[[1606,5],[1851,5],[2099,5],[2369,5]]},"140":{"position":[[600,5]]},"148":{"position":[[1320,5]]},"150":{"position":[[449,5]]},"154":{"position":[[744,5],[1022,5]]},"156":{"position":[[706,5]]},"216":{"position":[[1312,5],[1557,5],[1805,5],[2075,5]]},"224":{"position":[[943,5]]},"226":{"position":[[77,5]]},"228":{"position":[[753,5],[1031,5]]},"230":{"position":[[73,5]]},"234":{"position":[[1321,5],[1566,5],[1814,5],[2084,5]]},"244":{"position":[[467,5]]},"248":{"position":[[373,5]]},"250":{"position":[[74,5],[319,5]]},"256":{"position":[[76,5]]},"260":{"position":[[512,5]]},"272":{"position":[[2362,5]]},"308":{"position":[[72,5]]},"310":{"position":[[747,5],[1025,5]]},"316":{"position":[[504,5],[749,5],[997,5],[1267,5]]},"320":{"position":[[1315,5],[1560,5],[1808,5],[2078,5]]},"328":{"position":[[68,5],[313,5]]},"330":{"position":[[994,5]]},"338":{"position":[[70,5]]},"342":{"position":[[74,5],[352,5]]},"346":{"position":[[820,5]]},"350":{"position":[[70,5]]},"366":{"position":[[1529,5]]},"368":{"position":[[742,5]]},"400":{"position":[[70,5]]},"404":{"position":[[266,5]]},"414":{"position":[[420,5]]},"418":{"position":[[74,5]]},"428":{"position":[[65,5]]},"460":{"position":[[67,5]]},"522":{"position":[[68,5]]},"524":{"position":[[68,5]]},"528":{"position":[[68,5]]},"530":{"position":[[68,5]]},"556":{"position":[[68,5]]},"558":{"position":[[68,5]]},"616":{"position":[[5736,8]]},"618":{"position":[[8721,8]]},"620":{"position":[[11549,8],[14410,8]]}}}],["architect",{"_index":4392,"t":{"668":{"position":[[8772,11],[9024,12],[9146,12],[11272,11],[11524,12],[11646,12],[13551,11],[13803,12],[13925,12],[16352,11],[16604,12],[16726,12],[19532,11],[19784,12],[19906,12],[22674,11],[22926,12],[23048,12],[25356,11],[25608,12],[25730,12],[29066,11],[29547,12],[29786,12],[35210,11],[35462,12],[35584,12],[37858,11],[38110,12],[38232,12],[40434,11],[40686,12],[40808,12],[42998,11],[43221,12],[43326,12],[45586,11],[45809,12],[45914,12],[48907,11],[49388,12],[49627,12],[61989,11],[62241,12],[62363,12],[64617,11],[64947,12],[65069,12],[67075,11],[68742,10],[70239,12],[70820,11],[71072,12],[71194,12],[74070,11],[74322,12],[74444,12],[77182,11],[77434,12],[77556,12],[80667,11],[80919,12],[81041,12],[83848,11],[84100,12],[84222,12],[86874,11],[87126,12],[87248,12],[90315,11],[90567,12],[90689,12],[94529,11],[94781,12],[94903,12],[97352,11],[97604,12],[97726,12],[100147,11],[100399,12],[100521,12],[105368,11],[105620,12],[105742,12],[113801,11],[114053,12],[114175,12],[116021,11],[116273,12],[116395,12],[118488,11],[118740,12],[118862,12],[122632,11],[122884,12],[123006,12],[126542,11],[126794,12],[126916,12],[140198,11],[140450,12],[140572,12],[148616,11],[151819,11]]}}}],["area",{"_index":21,"t":{"2":{"position":[[159,4]]},"128":{"position":[[159,4],[235,4]]},"154":{"position":[[203,4]]},"228":{"position":[[212,4]]},"310":{"position":[[206,4]]},"334":{"position":[[202,4]]},"368":{"position":[[201,4]]},"374":{"position":[[202,4]]},"396":{"position":[[211,4]]},"416":{"position":[[203,4]]},"422":{"position":[[204,4]]},"562":{"position":[[202,4]]},"570":{"position":[[476,4]]},"590":{"position":[[1674,6]]},"620":{"position":[[2634,4]]}}}],["aren't",{"_index":2057,"t":{"588":{"position":[[3381,6]]}}}],["arg",{"_index":1281,"t":{"568":{"position":[[22580,5],[22799,5],[23019,5],[23240,5]]},"574":{"position":[[9106,5],[9321,5],[9503,4],[9611,5]]},"598":{"position":[[6644,5],[9621,5]]},"602":{"position":[[2647,5],[4007,5],[4286,5],[4565,5],[4896,5],[6501,5],[6780,5],[7059,5],[7337,5],[9233,5],[9512,5],[9791,5],[10049,5],[11501,5],[12314,5],[13343,5]]},"612":{"position":[[13724,5]]},"666":{"position":[[1117,5],[1286,5],[1944,5],[2107,5],[1357852,5],[1358015,5]]},"668":{"position":[[116523,5],[118996,5]]}}}],["args.currentpag",{"_index":4262,"t":{"666":{"position":[[1182,19],[1348,19],[2009,19],[2169,19],[1357917,19],[1358077,19]]}}}],["args.fromlistnam",{"_index":2601,"t":{"602":{"position":[[7408,18],[7487,18],[7877,18],[7971,18]]}}}],["args.item.id",{"_index":5097,"t":{"668":{"position":[[116648,15],[119128,15]]}}}],["args.item.nam",{"_index":5098,"t":{"668":{"position":[[116670,17],[119150,17]]}}}],["args.nam",{"_index":1285,"t":{"568":{"position":[[22702,12],[22921,12],[23142,12],[23363,12]]},"598":{"position":[[6673,10],[9650,10]]}}}],["args.newindex",{"_index":2548,"t":{"602":{"position":[[2736,14],[4104,14],[4383,14],[6598,14],[6877,14],[7156,14],[9330,14],[9609,14],[11590,14],[12403,14],[13432,14]]}}}],["args.titl",{"_index":1287,"t":{"568":{"position":[[22735,16],[22954,16],[23175,16],[23396,16]]}}}],["args.tolistnam",{"_index":2604,"t":{"602":{"position":[[7630,16],[7713,16]]}}}],["args.totalpag",{"_index":4263,"t":{"666":{"position":[[1214,19],[1380,19],[2041,19],[2201,19],[1357949,19],[1358109,19]]}}}],["argument",{"_index":1518,"t":{"574":{"position":[[9391,10]]}}}],["aria",{"_index":1488,"t":{"574":{"position":[[7242,4]]}}}],["around",{"_index":3430,"t":{"626":{"position":[[100,6]]},"632":{"position":[[97,6]]}}}],["array.foreach(employees?.toarray",{"_index":5063,"t":{"668":{"position":[[79665,36]]}}}],["arriv",{"_index":4199,"t":{"662":{"position":[[8352,8],[8447,8],[9187,7],[11983,8]]}}}],["arrivald",{"_index":4200,"t":{"662":{"position":[[8396,11]]}}}],["arrivalmaxtim",{"_index":4211,"t":{"662":{"position":[[10832,15],[11211,14],[11395,14]]}}}],["arrivalmintim",{"_index":4210,"t":{"662":{"position":[[10798,15],[11188,14],[11345,14]]}}}],["arrivaltim",{"_index":4201,"t":{"662":{"position":[[8491,11],[12027,11]]}}}],["arrivaltimeinput",{"_index":4209,"t":{"662":{"position":[[10679,16]]}}}],["arrivaltimeinput.dis",{"_index":4214,"t":{"662":{"position":[[11234,27]]}}}],["arrivaltimeinput.en",{"_index":4217,"t":{"662":{"position":[[11446,26]]}}}],["arrow",{"_index":2769,"t":{"608":{"position":[[1435,5]]},"622":{"position":[[1863,5],[1922,5]]}}}],["articl",{"_index":2488,"t":{"600":{"position":[[6780,8],[6858,10],[9774,8],[9852,10],[12772,8],[12850,10]]},"636":{"position":[[7270,8],[7333,10]]},"638":{"position":[[7825,8],[7886,10]]},"640":{"position":[[7794,8],[7857,10]]},"642":{"position":[[6693,8],[6756,10]]},"644":{"position":[[6854,8],[6917,10]]},"650":{"position":[[6734,8],[6795,10]]},"652":{"position":[[901,8],[964,10]]},"654":{"position":[[906,8],[969,10]]},"656":{"position":[[6759,8],[6820,10]]},"664":{"position":[[6937,8],[7015,10],[9262,8],[9340,10],[11735,8],[11813,10],[14165,8],[14243,10],[16584,8],[16662,10],[18916,8],[19114,10]]}}}],["artikelen",{"_index":5105,"t":{"668":{"position":[[119768,10]]}}}],["ascend",{"_index":4542,"t":{"668":{"position":[[33173,10]]}}}],["assembl",{"_index":744,"t":{"114":{"position":[[718,8]]}}}],["assign",{"_index":1813,"t":{"582":{"position":[[4970,7]]},"588":{"position":[[5739,7]]},"668":{"position":[[63089,6],[63108,6],[65433,6],[68345,8],[152853,6]]}}}],["assist",{"_index":1140,"t":{"566":{"position":[[2913,9],[3045,9],[3401,9],[3533,9],[3890,9],[4022,9],[4376,9],[4508,9],[4861,9],[4993,9],[5371,9],[5503,9],[5878,9],[6010,9],[6386,9],[6518,9],[6891,9],[7023,9],[7395,9],[7527,9]]},"572":{"position":[[2011,9],[2135,9]]}}}],["associ",{"_index":2330,"t":{"598":{"position":[[2194,10],[2540,10],[2616,10],[2763,10],[2858,10]]},"602":{"position":[[1217,10]]},"612":{"position":[[754,10],[830,10],[977,10],[1072,10],[2328,10],[2552,10],[2776,10],[3261,10],[3485,10],[3709,10],[4177,10],[4462,10],[4746,10],[5106,10],[5330,10],[5572,10],[5796,10],[6196,10],[6420,10],[6644,10]]},"668":{"position":[[8761,10],[11261,10],[13540,10],[16341,10],[19521,10],[22663,10],[25345,10],[29055,10],[35199,10],[37847,10],[40423,10],[42987,10],[45575,10],[48896,10],[61978,10],[64606,10],[67064,10],[70809,10],[74059,10],[77171,10],[80656,10],[83837,10],[86863,10],[90304,10],[94518,10],[97341,10],[100136,10],[105357,10],[113790,10],[116010,10],[118477,10],[122621,10],[126531,10],[140187,10],[148605,10],[151808,10]]}}}],["assum",{"_index":1728,"t":{"580":{"position":[[6330,6]]},"652":{"position":[[206,8]]},"654":{"position":[[211,8]]}}}],["async",{"_index":1105,"t":{"564":{"position":[[3483,5]]},"568":{"position":[[16733,5],[16833,5],[16937,5],[17040,5],[17154,5],[17259,5],[17357,5],[17457,5],[17561,5],[17664,5],[17778,5],[17883,5]]},"574":{"position":[[7610,5]]},"576":{"position":[[2241,5],[2311,5],[2381,5],[3210,5],[3280,5],[3350,5],[4527,5],[4597,5],[4667,5]]},"578":{"position":[[1758,5],[2733,5],[4257,5],[5440,5],[6133,5],[6625,5],[7249,5],[7890,5],[8593,5]]},"582":{"position":[[3093,5],[3167,5],[3855,5],[5605,5],[7303,5],[11533,5],[15780,5],[19921,5],[20731,5],[20807,5],[20883,5],[20996,5],[21105,5],[21216,5]]},"588":{"position":[[3968,5],[4036,5],[4628,5],[6317,5],[8461,5],[8529,5],[9639,5],[9707,5],[10325,5],[10393,5],[11415,5],[11483,5],[14697,5],[14806,5],[14910,5],[15017,5],[15122,5]]},"590":{"position":[[3225,5]]},"592":{"position":[[1840,5],[2017,5],[3504,5]]},"594":{"position":[[221,5],[255,6]]},"600":{"position":[[1942,5],[4041,5],[6932,5],[9926,5],[12924,5],[15656,5]]},"602":{"position":[[13071,5]]},"612":{"position":[[10870,5],[10944,5],[11022,5],[11099,5],[11187,5],[11263,5],[12467,5]]},"616":{"position":[[6145,5],[6330,5],[6969,5],[7237,5],[7659,5],[7801,5],[10287,5],[12357,5],[14619,5],[16683,5]]},"618":{"position":[[5211,5],[5406,5],[6093,5],[6343,5],[11049,5],[12299,5],[12614,5],[13348,5]]},"620":{"position":[[8032,5],[8219,5],[8867,5],[9105,5],[9501,5],[9647,5],[13842,5],[16969,5]]},"622":{"position":[[2524,5],[4395,5],[5999,5],[7020,5],[9782,5],[11257,5],[12751,5]]},"624":{"position":[[4879,5],[5064,5],[5706,5],[5941,5],[8673,5],[8978,5],[9620,5],[12932,5],[13117,5],[13192,5],[13271,5],[13352,5],[13429,5]]},"636":{"position":[[7594,5]]},"638":{"position":[[7976,5]]},"640":{"position":[[8118,5]]},"642":{"position":[[7017,5]]},"644":{"position":[[7178,5]]},"650":{"position":[[6885,5]]},"652":{"position":[[1092,5]]},"654":{"position":[[1097,5]]},"656":{"position":[[6910,5]]},"658":{"position":[[1922,5],[3105,5],[3881,5],[4297,5],[4730,5],[5343,5]]},"660":{"position":[[24383,5],[24446,5],[24509,5]]},"664":{"position":[[1896,5],[2997,5],[4829,5],[7088,5],[9441,5],[11914,5],[14344,5],[16735,5],[19218,5],[22521,5],[24448,5]]},"666":{"position":[[1070,5],[1242,5]]},"668":{"position":[[9466,5],[11966,5],[14626,5],[17046,5],[18657,5],[21799,5],[24481,5],[27758,5],[32249,5],[34335,5],[36983,5],[39559,5],[42175,5],[44763,5],[47599,5],[50938,5],[58374,5],[60404,5],[60766,5],[61136,5],[67284,5],[69771,5],[73195,5],[76307,5],[79738,5],[82919,5],[85945,5],[89440,5],[93600,5],[96477,5],[99272,5],[104617,5],[113050,5],[115270,5],[116473,5],[117737,5],[118940,5],[120648,5],[121757,5],[125562,5],[125666,5],[129162,5],[131815,5],[134505,5],[137310,5],[139323,5],[142001,5],[142105,5],[144653,5],[144757,5]]}}}],["async=\"tru",{"_index":2243,"t":{"594":{"position":[[821,12],[1252,12]]}}}],["asynchron",{"_index":1789,"t":{"582":{"position":[[1692,12],[1749,12]]},"588":{"position":[[1996,12],[2053,12]]}}}],["attach",{"_index":1757,"t":{"580":{"position":[[10647,8],[10764,8]]}}}],["attribut",{"_index":1411,"t":{"574":{"position":[[1228,10]]},"580":{"position":[[1904,10]]},"604":{"position":[[444,10]]},"626":{"position":[[7908,11]]},"628":{"position":[[7088,11]]},"630":{"position":[[11144,11]]},"660":{"position":[[2662,9]]},"662":{"position":[[5205,11]]}}}],["auctor",{"_index":1883,"t":{"582":{"position":[[8027,6],[9463,6],[10144,6],[10527,6],[12268,6],[13704,6],[14385,6],[14768,6],[16409,6],[17845,6],[18526,6],[18909,6]]}}}],["augu",{"_index":1935,"t":{"582":{"position":[[8844,6],[9047,5],[13085,6],[13288,5],[17226,6],[17429,5]]}}}],["august",{"_index":266,"t":{"28":{"position":[[23,6]]},"30":{"position":[[23,6]]},"100":{"position":[[25,6]]},"102":{"position":[[25,6]]},"130":{"position":[[790,6],[831,6],[1255,6],[1298,6]]},"132":{"position":[[1014,6],[1262,6]]},"138":{"position":[[2609,6]]},"140":{"position":[[23,6]]},"218":{"position":[[783,6],[1031,6]]},"238":{"position":[[2256,6],[2460,6]]},"240":{"position":[[792,6],[1040,6]]},"272":{"position":[[73,6],[321,6]]},"308":{"position":[[2825,6]]},"314":{"position":[[786,6],[1034,6]]},"330":{"position":[[1327,6]]},"332":{"position":[[73,6]]},"364":{"position":[[65,6]]},"368":{"position":[[2276,6],[2524,6]]},"466":{"position":[[67,6]]},"470":{"position":[[67,6]]},"486":{"position":[[70,6]]},"488":{"position":[[70,6]]},"616":{"position":[[5768,9]]},"618":{"position":[[8753,9]]},"620":{"position":[[11581,9],[14442,9]]}}}],["auto",{"_index":150,"t":{"2":{"position":[[3278,4]]},"38":{"position":[[372,4]]},"52":{"position":[[302,4]]},"60":{"position":[[115,4],[289,4],[603,4]]},"70":{"position":[[112,4],[165,4],[500,4]]},"80":{"position":[[383,4],[1483,4]]},"98":{"position":[[407,4]]},"102":{"position":[[416,4]]},"110":{"position":[[209,4],[627,4]]},"114":{"position":[[486,4]]},"134":{"position":[[2187,4]]},"136":{"position":[[1205,4]]},"148":{"position":[[258,4],[1408,4],[1681,4]]},"150":{"position":[[251,4]]},"154":{"position":[[2088,4]]},"158":{"position":[[172,4]]},"204":{"position":[[177,4]]},"210":{"position":[[169,4]]},"216":{"position":[[1893,4]]},"222":{"position":[[906,4]]},"224":{"position":[[1031,4]]},"228":{"position":[[2097,4]]},"232":{"position":[[186,4]]},"234":{"position":[[1902,4]]},"236":{"position":[[915,4]]},"250":{"position":[[407,4]]},"308":{"position":[[1138,4]]},"310":{"position":[[2091,4]]},"312":{"position":[[163,4]]},"316":{"position":[[1085,4]]},"320":{"position":[[1896,4]]},"322":{"position":[[909,4]]},"328":{"position":[[401,4]]},"360":{"position":[[250,4]]},"368":{"position":[[1519,4]]},"400":{"position":[[862,4]]},"410":{"position":[[259,4]]},"412":{"position":[[570,4]]},"428":{"position":[[543,4]]},"494":{"position":[[254,4]]},"510":{"position":[[159,4]]},"524":{"position":[[156,4]]},"574":{"position":[[6072,4]]},"578":{"position":[[8233,4],[8280,4],[9130,4]]},"600":{"position":[[3350,5],[5926,5],[8941,5],[11935,5],[14933,5],[17064,5]]},"604":{"position":[[3070,5]]},"606":{"position":[[692,4],[1215,4],[4675,4],[6132,4],[6160,4],[7795,4],[7963,4],[12312,4],[12322,4]]},"614":{"position":[[1216,4],[1408,4]]},"622":{"position":[[6,4],[40,4]]},"630":{"position":[[17509,4]]},"638":{"position":[[30,4],[124,4],[3286,4]]},"646":{"position":[[3017,4]]},"650":{"position":[[7690,4]]},"660":{"position":[[350,4],[461,4],[21901,4],[25936,4]]},"664":{"position":[[2447,5],[4180,5],[6104,5],[8363,5],[10716,5],[13189,5],[15619,5],[18010,5],[20493,5],[23746,5],[24999,5]]},"668":{"position":[[138046,4],[153363,4]]}}}],["autoclos",{"_index":4030,"t":{"660":{"position":[[309,9],[22034,9]]}}}],["autoclose=\"fals",{"_index":4131,"t":{"660":{"position":[[23346,18]]}}}],["autoclose=\"tru",{"_index":4121,"t":{"660":{"position":[[22128,17],[22498,16],[22923,16]]}}}],["autoclosebehavior",{"_index":4031,"t":{"660":{"position":[[369,17],[22048,17]]}}}],["autoclosebehavior=\"dropdownautoclosebehavior.insid",{"_index":4129,"t":{"660":{"position":[[22940,53]]}}}],["autoclosebehavior=\"dropdownautoclosebehavior.outsid",{"_index":4126,"t":{"660":{"position":[[22515,54]]}}}],["autocomplet",{"_index":153,"t":{"2":{"position":[[3374,12]]},"32":{"position":[[125,12],[165,12],[188,12],[314,12],[350,12],[416,12]]},"34":{"position":[[143,12],[199,12],[603,12],[752,12]]},"36":{"position":[[137,12],[195,12],[261,12]]},"58":{"position":[[116,12],[188,12],[227,12],[280,12],[376,12],[477,12],[540,12]]},"60":{"position":[[688,12],[708,12]]},"70":{"position":[[194,12],[614,12]]},"80":{"position":[[1772,12]]},"104":{"position":[[134,13],[216,12],[239,12],[866,12]]},"110":{"position":[[651,12],[1223,12]]},"132":{"position":[[691,13],[815,12]]},"134":{"position":[[1404,12],[2281,12]]},"136":{"position":[[1420,12],[1440,12],[2233,12],[2305,12],[2364,12]]},"138":{"position":[[2044,12],[2102,12],[2168,12],[2347,12],[2505,12],[2558,12]]},"148":{"position":[[20,14],[354,12],[566,13],[690,12],[1118,12],[1502,12],[1896,12],[1916,12],[2131,12],[2203,12],[2262,12],[2441,12],[2499,12],[2565,12],[2744,12],[2902,12],[2955,12]]},"150":{"position":[[347,12]]},"154":{"position":[[2184,12]]},"158":{"position":[[29,13],[387,12],[407,12]]},"204":{"position":[[392,12],[412,12]]},"210":{"position":[[384,12],[404,12]]},"216":{"position":[[1110,12],[1987,12]]},"218":{"position":[[460,13],[584,12]]},"222":{"position":[[1121,12],[1141,12],[1934,12],[2006,12],[2065,12]]},"224":{"position":[[189,13],[313,12],[741,12],[1125,12],[1305,12],[1377,12],[1436,12]]},"228":{"position":[[2193,12]]},"232":{"position":[[401,12],[421,12]]},"234":{"position":[[1119,12],[1996,12]]},"236":{"position":[[1130,12],[1150,12],[1943,12],[2015,12],[2074,12]]},"238":{"position":[[1691,12],[1749,12],[1815,12],[1994,12],[2152,12],[2205,12]]},"240":{"position":[[469,13],[593,12]]},"250":{"position":[[501,12]]},"252":{"position":[[183,13],[307,12]]},"254":{"position":[[191,13],[315,12]]},"260":{"position":[[310,12]]},"266":{"position":[[606,12]]},"272":{"position":[[2160,12]]},"282":{"position":[[182,13],[306,12]]},"284":{"position":[[306,12]]},"286":{"position":[[184,13],[308,12]]},"290":{"position":[[303,12]]},"294":{"position":[[309,12]]},"300":{"position":[[592,12]]},"306":{"position":[[184,13],[308,12]]},"308":{"position":[[1234,12],[2502,13],[2626,12]]},"310":{"position":[[2187,12]]},"312":{"position":[[378,12],[398,12]]},"314":{"position":[[463,13],[587,12]]},"316":{"position":[[302,12],[1179,12]]},"320":{"position":[[1113,12],[1990,12]]},"322":{"position":[[1124,12],[1144,12]]},"326":{"position":[[177,13],[301,12]]},"328":{"position":[[495,12]]},"336":{"position":[[1151,12]]},"342":{"position":[[755,13],[879,12]]},"346":{"position":[[618,12]]},"354":{"position":[[600,12]]},"360":{"position":[[346,12],[1398,13],[1522,12],[1862,12],[2020,12],[2073,12]]},"366":{"position":[[1327,12],[2829,12]]},"368":{"position":[[1615,12]]},"386":{"position":[[616,12]]},"390":{"position":[[1088,13],[1212,12]]},"394":{"position":[[183,13],[307,12]]},"398":{"position":[[300,12]]},"400":{"position":[[958,12]]},"410":{"position":[[355,12]]},"412":{"position":[[666,12]]},"416":{"position":[[854,13],[978,12]]},"424":{"position":[[572,12]]},"428":{"position":[[639,12]]},"434":{"position":[[586,12]]},"442":{"position":[[492,13],[616,12]]},"468":{"position":[[169,12],[222,12]]},"472":{"position":[[210,12]]},"482":{"position":[[181,12],[239,12],[305,12]]},"490":{"position":[[179,13],[303,12]]},"494":{"position":[[350,12]]},"504":{"position":[[160,12],[232,12],[291,12]]},"510":{"position":[[374,12],[394,12]]},"524":{"position":[[250,12]]},"534":{"position":[[298,12]]},"600":{"position":[[3289,16],[5865,16],[8880,16],[11874,16],[14872,16],[17003,16]]},"622":{"position":[[71,12],[783,12],[1117,12],[1226,13],[1268,13],[1324,12],[1378,12],[1495,12],[1675,12],[2197,13],[2723,12],[4024,13],[4594,12],[5655,13],[6624,13],[7219,12],[8601,13],[10547,13],[10617,13],[12007,13],[12155,13]]},"626":{"position":[[330,12]]},"628":{"position":[[371,12]]},"630":{"position":[[322,12]]},"662":{"position":[[375,12]]},"664":{"position":[[2386,16],[4119,16],[6043,16],[8302,16],[10655,16],[13128,16],[15558,16],[17949,16],[20432,16],[23685,16],[24938,16]]}}}],["autocomplete1",{"_index":786,"t":{"142":{"position":[[74,13]]},"622":{"position":[[12608,13]]}}}],["autocomplete1.dis",{"_index":3395,"t":{"622":{"position":[[13325,24]]}}}],["autocomplete1.en",{"_index":3396,"t":{"622":{"position":[[13375,23]]}}}],["autocomplete9",{"_index":781,"t":{"142":{"position":[[25,13]]}}}],["autocomplete<customer2",{"_index":3394,"t":{"622":{"position":[[12584,23]]}}}],["autocompletedataproviderdelegate<titem",{"_index":3256,"t":{"622":{"position":[[309,39]]}}}],["autocompletedataproviderresult<custom",{"_index":3350,"t":{"622":{"position":[[6268,40],[10024,40]]}}}],["autocompletedataproviderresult<customer2",{"_index":3391,"t":{"622":{"position":[[11533,41],[13027,41]]}}}],["autocompletes",{"_index":3258,"t":{"622":{"position":[[724,16]]}}}],["autocompletesize.default",{"_index":3259,"t":{"622":{"position":[[741,24]]}}}],["autofocu",{"_index":1664,"t":{"578":{"position":[[8337,10]]}}}],["autofocusyesbutton",{"_index":1665,"t":{"578":{"position":[[8352,18],[8773,18]]}}}],["autohid",{"_index":571,"t":{"88":{"position":[[426,8]]},"606":{"position":[[655,8],[1184,8]]}}}],["autohide=\"fals",{"_index":2711,"t":{"606":{"position":[[6441,16]]}}}],["autohide=\"tru",{"_index":2672,"t":{"606":{"position":[[490,16],[4690,15],[4925,15],[6195,15],[10192,15],[11620,15]]},"636":{"position":[[7423,15]]},"640":{"position":[[7947,15]]},"642":{"position":[[6846,15]]},"644":{"position":[[7007,15]]}}}],["autohidepag",{"_index":4279,"t":{"668":{"position":[[676,14]]}}}],["autohidepaging=\"tru",{"_index":5164,"t":{"668":{"position":[[138286,21]]}}}],["automat",{"_index":653,"t":{"104":{"position":[[501,13]]},"560":{"position":[[166,13],[1019,13]]},"580":{"position":[[12078,13]]},"588":{"position":[[3278,13]]},"606":{"position":[[454,13]]},"626":{"position":[[399,13]]},"628":{"position":[[438,13]]},"630":{"position":[[393,13]]},"660":{"position":[[16366,13]]},"662":{"position":[[442,13]]},"668":{"position":[[702,13],[68455,14],[138064,13]]}}}],["avail",{"_index":180,"t":{"6":{"position":[[180,9]]},"564":{"position":[[127,9],[826,9]]},"590":{"position":[[1770,9]]},"602":{"position":[[1953,10]]},"616":{"position":[[1815,9],[2186,9]]}}}],["avoid",{"_index":1642,"t":{"578":{"position":[[4805,5]]},"588":{"position":[[11656,5]]}}}],["await",{"_index":1108,"t":{"564":{"position":[[3510,5]]},"568":{"position":[[16777,5],[16878,5],[16981,5],[17087,5],[17197,5],[17302,5],[17401,5],[17502,5],[17605,5],[17711,5],[17821,5],[17926,5]]},"574":{"position":[[7532,5],[7683,5]]},"576":{"position":[[2274,5],[2344,5],[2416,5],[3243,5],[3313,5],[3385,5],[4560,5],[4630,5],[4702,5]]},"578":{"position":[[1814,5],[2873,5],[4481,5],[5567,5],[6183,5],[6739,5],[7371,5],[8033,5],[8643,5]]},"582":{"position":[[2918,5],[3127,5],[3201,5],[3978,5],[5830,5],[7339,5],[11569,5],[15816,5],[19957,5],[20767,5],[20843,5],[20922,5],[21033,5],[21143,5],[21254,5]]},"588":{"position":[[4000,5],[4068,5],[4746,5],[6537,5],[8493,5],[8561,5],[9671,5],[9739,5],[10357,5],[10425,5],[11447,5],[11515,5],[14732,5],[14839,5],[14944,5],[15051,5],[15163,5]]},"590":{"position":[[3276,5]]},"592":{"position":[[1936,5],[2111,5],[2472,5],[2603,5],[2736,5],[2864,5],[2991,5],[3117,5],[3238,5],[3360,5],[3596,5]]},"600":{"position":[[2089,5],[2120,5],[4188,5],[4219,5],[7079,5],[7110,5],[10073,5],[10104,5],[13071,5],[13102,5],[15803,5],[15834,5]]},"602":{"position":[[13118,5],[13252,5]]},"612":{"position":[[10904,5],[10979,5],[11056,5],[11136,5],[11217,5],[11296,5],[12664,5],[12722,5],[12780,5],[12836,5],[12887,5]]},"616":{"position":[[4811,5],[4957,5],[5106,5],[5247,5],[5415,5],[6214,5],[6276,5],[6903,5],[7153,5],[7583,5],[7735,5],[7875,5],[10356,5],[10418,5],[12426,5],[12488,5],[14688,5],[14750,5],[16802,5],[16934,5]]},"618":{"position":[[4190,5],[4336,5],[4485,5],[5280,5],[5352,5],[6017,5],[6249,5],[6756,5],[11118,5],[11182,5],[11427,5],[11573,5],[12418,5],[12560,5],[13247,5],[13761,5]]},"620":{"position":[[6849,5],[6995,5],[7144,5],[7287,5],[7459,5],[8101,5],[8165,5],[8799,5],[9019,5],[9424,5],[9579,5],[9723,5],[13911,5],[13975,5],[17088,5],[17222,5]]},"622":{"position":[[2821,5],[4692,5],[6143,5],[6242,5],[7317,5],[9926,5],[9998,5],[11403,5],[11507,5],[12897,5],[13001,5]]},"624":{"position":[[3898,5],[4044,5],[4193,5],[4948,5],[5010,5],[5640,5],[5857,5],[6330,5],[7841,5],[7987,5],[8792,5],[8924,5],[9554,5],[10009,5],[13001,5],[13063,5],[13150,5],[13227,5],[13307,5],[13386,5],[13531,5]]},"636":{"position":[[7745,5]]},"638":{"position":[[7050,5],[8127,5]]},"640":{"position":[[8269,5]]},"642":{"position":[[5886,5],[7168,5]]},"644":{"position":[[6047,5],[7329,5]]},"650":{"position":[[7036,5]]},"652":{"position":[[1243,5]]},"654":{"position":[[1248,5]]},"656":{"position":[[5932,5],[7061,5]]},"658":{"position":[[2086,5],[3297,5],[4044,5],[4494,5],[4882,5],[5561,5],[5771,5]]},"660":{"position":[[24409,5],[24472,5],[24537,5]]},"664":{"position":[[2047,5],[3148,5],[4980,5],[7239,5],[9592,5],[12065,5],[14495,5],[16886,5],[19369,5],[22672,5],[24599,5]]},"668":{"position":[[9587,5],[12087,5],[14747,5],[17167,5],[18958,5],[22100,5],[24782,5],[28059,5],[32698,5],[32856,5],[34636,5],[37284,5],[39860,5],[42476,5],[45064,5],[47900,5],[51050,5],[58486,5],[60705,5],[61016,5],[61205,5],[67441,5],[70072,5],[73496,5],[76608,5],[80093,5],[83274,5],[86300,5],[89741,5],[93955,5],[96778,5],[99573,5],[104918,5],[113351,5],[115571,5],[116531,5],[118038,5],[119004,5],[121704,5],[122058,5],[125612,5],[125967,5],[129609,5],[129767,5],[132262,5],[132420,5],[134952,5],[135110,5],[137757,5],[137915,5],[139624,5],[142051,5],[142380,5],[144703,5],[145032,5]]}}}],["away",{"_index":738,"t":{"114":{"position":[[579,4]]}}}],["awesom",{"_index":2406,"t":{"598":{"position":[[6780,8]]},"600":{"position":[[9455,7]]},"610":{"position":[[817,7],[855,7],[1292,7],[1346,7],[1389,7],[1427,7],[3734,7],[3787,7],[3830,7],[3868,7],[4425,7],[4570,7]]},"664":{"position":[[13760,7]]}}}],["axi",{"_index":2988,"t":{"616":{"position":[[3182,4],[3254,4],[3654,4]]},"620":{"position":[[257,4],[323,4],[5146,4],[5218,4],[5619,4]]}}}],["b",{"_index":782,"t":{"142":{"position":[[39,1]]},"622":{"position":[[3393,4],[5264,4],[7889,4]]}}}],["b>10</b>.</span",{"_index":3486,"t":{"626":{"position":[[4709,17]]}}}],["b>2.5</b>.</span",{"_index":3488,"t":{"626":{"position":[[5010,18]]}}}],["b>@agree1</b></div",{"_index":3777,"t":{"634":{"position":[[892,20]]}}}],["b>@agree2</b></div",{"_index":3779,"t":{"634":{"position":[[935,20]]}}}],["b>@customer.customername</b",{"_index":2897,"t":{"612":{"position":[[13227,29],[14172,29],[15287,29]]}}}],["b>@selectedcustomer.customername</b></div",{"_index":2900,"t":{"612":{"position":[[13371,43]]}}}],["b>about</b",{"_index":2858,"t":{"612":{"position":[[7991,12],[8597,12],[9211,12],[10291,12],[12370,12]]}}}],["b>contact</b",{"_index":2855,"t":{"612":{"position":[[7309,14],[7863,14],[8469,14],[9083,14],[9880,14],[12242,14]]}}}],["b>de",{"_index":3692,"t":{"630":{"position":[[3166,5],[15328,5]]}}}],["b>e",{"_index":3689,"t":{"630":{"position":[[2940,5],[15098,5]]}}}],["b>en",{"_index":3681,"t":{"630":{"position":[[2262,5],[2488,5],[3618,5],[3844,5],[14408,5],[14638,5],[15788,5],[16018,5]]}}}],["b>faqs</b",{"_index":2864,"t":{"612":{"position":[[10166,11]]}}}],["b>fr",{"_index":3685,"t":{"630":{"position":[[2714,5],[3392,5],[14868,5],[15558,5]]}}}],["b>home</b",{"_index":2852,"t":{"612":{"position":[[7052,11],[7606,11],[8212,11],[8826,11],[9623,11],[11985,11]]}}}],["b>products</b",{"_index":2863,"t":{"612":{"position":[[10027,15]]}}}],["b>profile</b",{"_index":2854,"t":{"612":{"position":[[7179,14],[7733,14],[8339,14],[8953,14],[9750,14],[12112,14]]}}}],["b>thi",{"_index":1184,"t":{"568":{"position":[[2400,7],[2949,7],[3500,7],[4264,7],[4887,7],[5511,7],[6254,7],[6803,7],[7354,7],[8056,7],[8619,7],[9170,7],[9886,7],[10435,7],[10986,7],[12066,7],[12627,7],[13190,7],[13747,7],[14296,7],[14856,7],[18383,7],[18932,7],[19483,7],[20768,7],[21339,7],[21912,7]]},"612":{"position":[[2277,7],[2498,7],[2722,7],[3210,7],[3431,7],[3655,7],[4126,7],[4408,7],[4692,7],[5055,7],[5276,7],[5517,7],[5742,7],[6145,7],[6366,7],[6590,7]]}}}],["b>zh",{"_index":3701,"t":{"630":{"position":[[4070,5],[16248,5]]}}}],["back",{"_index":477,"t":{"72":{"position":[[318,4],[503,4]]},"110":{"position":[[926,4]]},"578":{"position":[[1957,7]]}}}],["backdrop",{"_index":526,"t":{"80":{"position":[[369,8]]},"582":{"position":[[2666,8],[7395,9],[21541,8]]},"588":{"position":[[1768,9],[2768,8],[3262,10],[7670,9],[8400,8],[15438,8]]}}}],["backend/api",{"_index":4344,"t":{"668":{"position":[[6469,11]]}}}],["background",{"_index":101,"t":{"2":{"position":[[2323,10]]},"38":{"position":[[268,11]]},"72":{"position":[[207,10]]},"102":{"position":[[556,10]]},"118":{"position":[[488,10]]},"128":{"position":[[506,10]]},"572":{"position":[[1160,10],[7384,10]]},"574":{"position":[[3282,10]]},"580":{"position":[[301,10],[8258,10],[13709,10]]},"596":{"position":[[171,12],[3662,12],[4478,10],[8456,11],[8472,10]]},"602":{"position":[[11801,12]]},"620":{"position":[[3738,10]]},"664":{"position":[[21094,10],[21157,10],[21486,10],[21624,10],[22039,10],[22152,10]]},"668":{"position":[[91499,10],[91595,10],[91708,10],[91807,10],[91929,10],[92018,10],[92214,10],[92416,10],[92514,10],[153081,10]]}}}],["backgroundcolor",{"_index":2966,"t":{"616":{"position":[[1696,15],[1746,16],[8426,15],[9551,15],[11017,15],[11288,15],[11560,15],[13245,15],[13516,15],[13788,15],[15343,15],[15614,15],[15886,15]]},"618":{"position":[[1802,15],[1852,16],[4701,17],[4856,16],[7269,15],[9050,15],[9592,15],[10134,15],[11789,17],[11944,16],[14468,15]]},"620":{"position":[[1843,15],[1893,16],[10277,15],[11878,15],[12420,15],[12962,15],[14737,15],[15344,15],[15951,15]]},"624":{"position":[[1637,15],[1687,16],[4389,17],[4544,16],[6823,15],[8183,17],[8338,16],[10694,15],[12391,17],[12546,16],[13992,15]]}}}],["backgroundcolors![datalabelscount",{"_index":3128,"t":{"618":{"position":[[6702,37],[8034,35],[13707,37],[15233,35]]},"624":{"position":[[6278,37],[7588,35],[9957,37],[11459,35],[14757,35]]}}}],["badg",{"_index":152,"t":{"2":{"position":[[3293,6],[3387,5]]},"72":{"position":[[116,6],[191,5],[230,6],[808,5],[1066,5]]},"110":{"position":[[224,6],[683,5],[699,6],[1236,5]]},"134":{"position":[[2461,6],[2581,5]]},"148":{"position":[[273,6],[367,5]]},"150":{"position":[[20,7],[266,6],[360,5],[541,6],[661,5]]},"154":{"position":[[2103,6],[2197,5]]},"156":{"position":[[798,6],[918,5]]},"216":{"position":[[2167,6],[2287,5]]},"226":{"position":[[169,6],[289,5]]},"228":{"position":[[2112,6],[2206,5]]},"230":{"position":[[165,6],[285,5]]},"234":{"position":[[2176,6],[2296,5]]},"248":{"position":[[465,6],[585,5]]},"256":{"position":[[168,6],[288,5]]},"308":{"position":[[1153,6],[1247,5]]},"310":{"position":[[2106,6],[2200,5]]},"316":{"position":[[1359,6],[1479,5]]},"320":{"position":[[2170,6],[2290,5]]},"330":{"position":[[1086,6],[1206,5]]},"338":{"position":[[162,6],[282,5]]},"360":{"position":[[265,6],[359,5]]},"368":{"position":[[1534,6],[1628,5]]},"400":{"position":[[877,6],[971,5]]},"410":{"position":[[274,6],[368,5]]},"412":{"position":[[585,6],[679,5]]},"428":{"position":[[558,6],[652,5]]},"494":{"position":[[269,6],[363,5]]},"522":{"position":[[160,6],[280,5]]},"560":{"position":[[2376,5]]},"564":{"position":[[4026,5]]},"572":{"position":[[11,5],[37,5],[64,5],[338,5],[431,5],[516,5],[588,5],[709,6],[827,6],[1179,6],[1283,6],[1393,6],[1497,6],[1598,6],[1702,6],[1797,6],[1895,6],[2427,7],[2475,6],[2524,6],[2621,6],[2722,6],[2819,6],[2914,6],[3011,6],[3102,6],[3195,6],[3309,6],[3472,6],[3601,7],[3730,6],[4196,6],[4496,6],[4798,6],[5125,6],[5428,6],[5733,6],[6063,6],[6366,6],[6671,6],[6943,5],[7090,6],[7407,6]]},"600":{"position":[[309,5]]},"632":{"position":[[1219,6],[1423,6],[1628,6],[1834,6],[4013,6],[4423,6],[4636,6],[4851,6],[5067,6],[5679,6]]},"664":{"position":[[317,5],[11201,6],[11210,5],[11342,6],[21425,5],[21480,5],[25455,5]]}}}],["badge2",{"_index":783,"t":{"142":{"position":[[41,6]]}}}],["badge><icon",{"_index":1378,"t":{"572":{"position":[[3898,12]]}}}],["badge>new</badge></h1",{"_index":1329,"t":{"572":{"position":[[902,23]]}}}],["badge>new</badge></h2",{"_index":1331,"t":{"572":{"position":[[946,23]]}}}],["badge>new</badge></h3",{"_index":1333,"t":{"572":{"position":[[990,23]]}}}],["badge>new</badge></h4",{"_index":1335,"t":{"572":{"position":[[1034,23]]}}}],["badge>new</badge></h5",{"_index":1337,"t":{"572":{"position":[[1078,23]]}}}],["badge>new</badge></h6",{"_index":1339,"t":{"572":{"position":[[1122,23]]}}}],["badgecolor",{"_index":1311,"t":{"572":{"position":[[289,10]]}}}],["badgecolor.secondari",{"_index":1312,"t":{"572":{"position":[[300,20]]}}}],["badgeindicatortyp",{"_index":1314,"t":{"572":{"position":[[371,18]]}}}],["badgeindicatortype.non",{"_index":1315,"t":{"572":{"position":[[390,23]]}}}],["badgeplac",{"_index":1316,"t":{"572":{"position":[[464,14]]}}}],["badgeplacement.non",{"_index":1317,"t":{"572":{"position":[[479,19]]}}}],["badgetext",{"_index":2428,"t":{"600":{"position":[[269,9]]},"664":{"position":[[277,9],[11310,9]]}}}],["badgetext=\"v1.3.1",{"_index":4222,"t":{"664":{"position":[[11463,18],[13893,18],[16312,18],[18717,18]]}}}],["badgetext=\"v2.1.0",{"_index":2444,"t":{"600":{"position":[[1836,18],[3935,18],[6580,18],[9574,18],[12572,18],[15518,18]]}}}],["bandita",{"_index":2907,"t":{"612":{"position":[[13523,8],[14464,8],[15747,8]]},"622":{"position":[[3117,8],[4988,8],[7613,8]]}}}],["bar",{"_index":324,"t":{"38":{"position":[[289,4],[578,3],[607,3]]},"40":{"position":[[178,3],[312,3],[525,3]]},"66":{"position":[[205,3]]},"84":{"position":[[247,3]]},"100":{"position":[[229,3]]},"102":{"position":[[629,3]]},"104":{"position":[[602,3]]},"138":{"position":[[1332,3],[1361,3],[1830,3]]},"142":{"position":[[95,3]]},"160":{"position":[[29,3],[246,3]]},"166":{"position":[[243,3]]},"174":{"position":[[251,3]]},"190":{"position":[[247,3]]},"194":{"position":[[246,3]]},"196":{"position":[[325,3],[354,3]]},"208":{"position":[[38,4],[329,3],[358,3]]},"214":{"position":[[570,3],[599,3]]},"238":{"position":[[979,3],[1008,3],[1477,3]]},"406":{"position":[[575,3],[604,3]]},"408":{"position":[[31,4],[322,3],[351,3]]},"436":{"position":[[901,3],[930,3]]},"476":{"position":[[316,3],[345,3]]},"570":{"position":[[393,3],[568,3],[590,3],[622,3],[1005,3]]},"584":{"position":[[236,3]]},"596":{"position":[[156,5],[709,3],[791,3],[847,3],[938,3],[975,3],[1022,3],[1059,3],[1096,3],[1133,3],[5854,5],[8509,4]]},"608":{"position":[[2171,3]]},"616":{"position":[[19,3],[49,3],[78,3],[143,5],[1836,3],[1928,4],[5295,3],[5459,3],[9095,3],[10493,3],[17220,3],[17238,3]]},"618":{"position":[[15342,3]]}}}],["bar.png",{"_index":2417,"t":{"598":{"position":[[8154,8]]}}}],["bar1",{"_index":799,"t":{"142":{"position":[[475,4],[1636,4]]}}}],["barchart",{"_index":66,"t":{"2":{"position":[[1465,8]]},"120":{"position":[[208,8],[514,8]]},"152":{"position":[[21,10],[264,8]]},"154":{"position":[[1509,8]]},"228":{"position":[[1518,8]]},"308":{"position":[[559,8]]},"310":{"position":[[1512,8]]},"336":{"position":[[615,8]]},"346":{"position":[[268,8]]},"368":{"position":[[1214,8]]},"386":{"position":[[266,8]]},"400":{"position":[[557,8]]},"412":{"position":[[265,8]]},"422":{"position":[[939,8]]},"442":{"position":[[262,8]]},"552":{"position":[[262,8]]},"616":{"position":[[4656,9],[5494,8],[5503,8],[9106,9],[9177,8],[9186,8],[10504,9],[10575,8],[10584,8],[12732,9],[12803,8],[12812,8],[14830,9],[14901,8],[14910,8]]}}}],["barchart.adddataasync(chartdata",{"_index":3037,"t":{"616":{"position":[[7589,32]]}}}],["barchart.adddatasetasync(chartdata",{"_index":3032,"t":{"616":{"position":[[7159,35]]}}}],["barchart.initializeasync(chartdata",{"_index":3020,"t":{"616":{"position":[[6220,35],[10362,35],[12432,35],[14694,35],[16808,35]]}}}],["barchart.updateasync(chartdata",{"_index":3030,"t":{"616":{"position":[[6909,31],[7741,31],[7881,31]]}}}],["barchart1",{"_index":784,"t":{"142":{"position":[[48,9]]}}}],["barchartdataset",{"_index":2964,"t":{"616":{"position":[[1562,15],[1592,15],[6556,15],[6572,15],[6591,15],[7460,15],[7476,16],[8199,15],[8346,17],[9475,17],[10924,17],[11197,17],[11468,17],[13152,17],[13425,17],[13696,17],[15250,17],[15523,17],[15794,17],[17091,15]]}}}],["barchartdataset.data",{"_index":3025,"t":{"616":{"position":[[6622,20],[6799,20]]}}}],["barchartdataset.data.count",{"_index":3026,"t":{"616":{"position":[[6670,27]]}}}],["barchartdatasetdata(barchartdataset.label",{"_index":3035,"t":{"616":{"position":[[7506,42]]}}}],["barchartdatasetdatalabel",{"_index":2982,"t":{"616":{"position":[[2529,25],[3290,25],[17115,25]]}}}],["barchartopt",{"_index":2993,"t":{"616":{"position":[[3493,15],[3523,15],[5532,15],[5548,15],[5999,15],[6021,15],[6256,17],[6941,17],[7209,17],[7773,17],[7913,17],[9215,15],[9231,15],[9840,15],[9862,18],[10398,17],[10613,15],[10629,15],[11789,15],[12468,17],[12841,15],[12857,15],[14017,15],[14730,17],[14939,15],[14955,15],[16115,15],[16869,16],[17149,15]]}}}],["barchartoptions.indexaxi",{"_index":3040,"t":{"616":{"position":[[7702,25],[7842,25],[9992,25],[11925,25],[14187,25],[16251,25]]}}}],["barchartoptions.interact",{"_index":3069,"t":{"616":{"position":[[9916,27],[11849,27],[14111,27],[16175,27]]}}}],["barchartoptions.local",{"_index":3096,"t":{"616":{"position":[[14042,22]]}}}],["barchartoptions.plugins.legend.display",{"_index":3075,"t":{"616":{"position":[[10218,38]]}}}],["barchartoptions.plugins.title.display",{"_index":3093,"t":{"616":{"position":[[12290,37],[14552,37],[16616,37]]}}}],["barchartoptions.plugins.title.text",{"_index":3092,"t":{"616":{"position":[[12233,34],[14495,34],[16559,34]]}}}],["barchartoptions.respons",{"_index":3068,"t":{"616":{"position":[[9881,26],[11814,26],[14076,26],[16140,26]]}}}],["barchartoptions.scales.x.stack",{"_index":3090,"t":{"616":{"position":[[12151,32],[14413,32],[16477,32]]}}}],["barchartoptions.scales.x.title.display",{"_index":3072,"t":{"616":{"position":[[10075,38],[12008,38],[14270,38],[16334,38]]}}}],["barchartoptions.scales.x.title.text",{"_index":3071,"t":{"616":{"position":[[10025,35],[11958,35],[14220,35],[16284,35]]}}}],["barchartoptions.scales.y.stack",{"_index":3091,"t":{"616":{"position":[[12192,32],[14454,32],[16518,32]]}}}],["barchartoptions.scales.y.title.display",{"_index":3074,"t":{"616":{"position":[[10171,38],[12104,38],[14366,38],[16430,38]]}}}],["barchartoptions.scales.y.title.text",{"_index":3073,"t":{"616":{"position":[[10122,35],[12055,35],[14317,35],[16381,35]]}}}],["barchartplugin",{"_index":2998,"t":{"616":{"position":[[3991,15]]}}}],["barpercentag",{"_index":2967,"t":{"616":{"position":[[1769,13]]}}}],["base",{"_index":308,"t":{"34":{"position":[[353,5]]},"74":{"position":[[317,5],[501,5]]},"100":{"position":[[115,4],[213,4]]},"112":{"position":[[187,4]]},"116":{"position":[[253,4]]},"132":{"position":[[1104,4]]},"218":{"position":[[873,4]]},"240":{"position":[[882,4]]},"272":{"position":[[163,4]]},"308":{"position":[[2915,4]]},"314":{"position":[[876,4]]},"368":{"position":[[2366,4]]},"488":{"position":[[160,4]]},"586":{"position":[[2174,5]]},"616":{"position":[[3649,4]]},"620":{"position":[[5614,4]]},"626":{"position":[[164,5],[3801,5]]},"628":{"position":[[159,5],[3330,5],[9455,5],[9556,5],[9652,5],[13084,5]]},"630":{"position":[[7708,5]]},"632":{"position":[[3713,5]]},"636":{"position":[[411,5],[4025,5]]},"638":{"position":[[424,5],[3501,5]]},"640":{"position":[[411,5],[3846,5]]},"642":{"position":[[421,5],[3817,5]]},"644":{"position":[[421,5],[3817,5]]},"650":{"position":[[469,5],[3236,5]]},"656":{"position":[[421,5],[3263,5]]},"662":{"position":[[163,5],[2502,5],[9006,5],[9107,5],[9200,5],[12247,5]]},"668":{"position":[[4589,5],[6082,5],[87946,5]]}}}],["base.onafterrenderasync(firstrend",{"_index":3021,"t":{"616":{"position":[[6282,37],[10424,37],[12494,37],[14756,37],[16940,37]]},"618":{"position":[[5358,37],[11188,37],[12566,37]]},"620":{"position":[[8171,37],[13981,37],[17228,37]]},"624":{"position":[[5016,37],[8930,37],[13069,37]]},"668":{"position":[[125618,37],[142057,37],[144709,37]]}}}],["base.oniniti",{"_index":1631,"t":{"578":{"position":[[3925,21]]},"582":{"position":[[4757,21],[6937,21]]},"588":{"position":[[5510,21],[7622,21]]},"622":{"position":[[9600,21]]},"626":{"position":[[9751,21]]},"628":{"position":[[8482,21],[11756,21]]},"630":{"position":[[13116,21]]},"660":{"position":[[20672,21]]},"662":{"position":[[7627,21],[10983,21]]}}}],["base.oninitializedasync",{"_index":2626,"t":{"602":{"position":[[13258,26]]}}}],["base.onparametersset",{"_index":3520,"t":{"626":{"position":[[9837,23]]},"630":{"position":[[13202,23]]},"660":{"position":[[20758,23]]}}}],["base64",{"_index":4252,"t":{"666":{"position":[[483,6],[2282,6],[2676,6]]}}}],["base64str",{"_index":4269,"t":{"666":{"position":[[2238,13],[1358259,12]]}}}],["baseaddress",{"_index":3972,"t":{"642":{"position":[[5784,11]]},"644":{"position":[[5945,11]]},"656":{"position":[[5830,11]]}}}],["basic",{"_index":1320,"t":{"572":{"position":[[696,5],[7372,5]]},"580":{"position":[[2655,5]]},"600":{"position":[[1745,5],[17585,5]]},"602":{"position":[[2302,5],[13943,5]]},"626":{"position":[[1336,5],[11734,5]]},"628":{"position":[[1347,5],[12975,5]]},"630":{"position":[[1854,5],[17574,5]]},"632":{"position":[[1007,5],[6214,5]]},"634":{"position":[[704,5],[2982,5]]},"662":{"position":[[1291,5],[12138,5]]},"664":{"position":[[1721,5],[25339,5]]},"666":{"position":[[737,5],[1358235,5]]}}}],["bb",{"_index":4230,"t":{"664":{"position":[[21020,2],[21047,2],[21083,2],[21138,2],[21195,2],[21248,2],[21291,2],[21331,2],[21369,2],[21408,2],[21463,2],[21546,2],[21598,2],[21662,2],[21715,2],[21766,2],[21818,2],[21867,2],[21918,2],[21968,2],[22019,2],[22074,2],[22126,2],[22181,2]]},"668":{"position":[[91519,2],[91573,2],[91637,2],[91680,2],[91876,2],[91907,2],[91949,2],[91990,2],[92358,2],[92394,2],[92444,2],[92486,2]]}}}],["bd",{"_index":3309,"t":{"622":{"position":[[3237,5],[5108,5],[7733,5]]}}}],["be",{"_index":2037,"t":{"586":{"position":[[2708,5]]}}}],["becom",{"_index":1651,"t":{"578":{"position":[[5824,6]]},"580":{"position":[[10757,6]]},"588":{"position":[[8642,6],[9153,7],[10910,7]]},"614":{"position":[[127,6]]}}}],["befor",{"_index":646,"t":{"104":{"position":[[277,6]]},"560":{"position":[[1054,8]]},"582":{"position":[[1432,6],[1491,6],[1591,6],[1651,6],[1853,6]]},"588":{"position":[[2157,6],[2926,6]]},"592":{"position":[[291,6],[1211,6]]},"598":{"position":[[3270,6]]},"602":{"position":[[193,6]]},"606":{"position":[[769,6]]},"612":{"position":[[1410,6]]},"626":{"position":[[7831,6]]},"628":{"position":[[7017,6]]},"630":{"position":[[11067,6]]},"662":{"position":[[5134,6]]}}}],["begint",{"_index":5132,"t":{"668":{"position":[[121428,7]]}}}],["behav",{"_index":1449,"t":{"574":{"position":[[4103,6]]}}}],["behavior",{"_index":629,"t":{"102":{"position":[[427,8]]},"574":{"position":[[5727,10]]},"588":{"position":[[864,8],[8941,8],[10698,8]]},"600":{"position":[[1499,9]]},"606":{"position":[[1225,8]]},"614":{"position":[[103,8]]},"660":{"position":[[472,8],[998,9],[21912,9],[22092,8],[25947,8]]},"664":{"position":[[1475,9]]}}}],["behaviour",{"_index":2081,"t":{"588":{"position":[[7880,9]]}}}],["believ",{"_index":2058,"t":{"588":{"position":[[3404,7]]}}}],["below",{"_index":181,"t":{"6":{"position":[[198,5]]},"10":{"position":[[618,5]]},"564":{"position":[[3140,6],[3351,6]]},"568":{"position":[[2288,5],[4112,5]]},"574":{"position":[[7830,5]]},"576":{"position":[[1599,5]]},"578":{"position":[[2445,5],[5932,5]]},"580":{"position":[[2630,5],[3230,5],[5220,5],[6128,5],[6644,5],[6939,5],[7409,5],[7741,5],[8070,5],[11034,5],[11398,5],[11737,5],[12307,5],[12692,5],[13052,5]]},"582":{"position":[[2801,5],[7032,6]]},"588":{"position":[[3494,6],[7927,5],[8750,5],[12605,5],[12738,5],[12872,5],[13005,5],[13144,5],[13426,5],[13530,5],[13634,5],[13738,5],[13843,5]]},"592":{"position":[[1033,6],[1273,6],[2329,5]]},"600":{"position":[[6424,5]]},"602":{"position":[[3117,5],[10408,6],[10912,6]]},"606":{"position":[[6426,5],[10060,5],[11515,6],[11817,6]]},"612":{"position":[[9472,6]]},"622":{"position":[[3763,5]]},"626":{"position":[[1755,5],[5291,5],[7866,5]]},"628":{"position":[[1971,5],[7052,5],[9613,6]]},"630":{"position":[[4941,5],[6035,5],[8420,5],[11102,5]]},"652":{"position":[[490,5]]},"654":{"position":[[495,5]]},"658":{"position":[[5016,6],[5199,6]]},"662":{"position":[[1727,5],[5169,5],[9164,6]]},"664":{"position":[[6602,5],[18603,5]]},"668":{"position":[[9710,5],[23587,5],[36153,5],[60870,5],[63194,5],[65519,5],[68574,5],[71949,5],[78295,5],[88062,5],[119219,6]]}}}],["better",{"_index":2035,"t":{"586":{"position":[[2666,6]]}}}],["between",{"_index":3203,"t":{"620":{"position":[[2639,7],[4503,7],[4588,7]]},"626":{"position":[[620,7],[3637,7],[4219,7],[10628,7],[10744,7],[10898,7]]},"628":{"position":[[659,7],[3168,7]]},"630":{"position":[[700,7],[7542,7],[8154,7],[13993,7],[14108,7],[14262,7]]},"632":{"position":[[3398,7]]},"660":{"position":[[21549,7],[21665,7],[21819,7]]},"662":{"position":[[663,7],[2340,7]]},"664":{"position":[[9105,9],[11578,9],[14008,9],[16427,9]]}}}],["bevat",{"_index":5129,"t":{"668":{"position":[[121358,8]]}}}],["bezier",{"_index":3233,"t":{"620":{"position":[[4920,6]]}}}],["bg",{"_index":1817,"t":{"582":{"position":[[5470,2],[5492,2]]},"664":{"position":[[21528,2]]},"668":{"position":[[102217,2],[103865,2],[106022,2],[107100,2],[108118,2],[109138,2],[110152,2],[111166,2],[112190,2],[119483,2]]}}}],["bi",{"_index":2498,"t":{"600":{"position":[[9539,2]]},"608":{"position":[[1432,2]]},"610":{"position":[[3182,2]]},"664":{"position":[[13858,2]]}}}],["bibendum",{"_index":1969,"t":{"582":{"position":[[10163,9],[14404,9],[18545,9]]}}}],["bind",{"_index":554,"t":{"84":{"position":[[256,4]]},"622":{"position":[[2211,5],[4038,5],[5669,5],[6638,5],[8615,5],[9092,5],[10631,5],[12190,5]]},"626":{"position":[[1516,5],[1948,5],[2126,5],[2308,5],[2492,5],[2676,5],[2862,5],[3048,5],[3236,5],[4080,5],[4574,5],[4873,5],[5428,5],[5658,5],[6108,5],[6509,5],[7267,5],[9161,5]]},"628":{"position":[[1541,5],[2150,5],[2354,5],[2556,5],[2760,5],[3619,5],[3947,5],[4273,5],[4601,5],[5589,5],[6387,5],[7591,5],[7886,5],[10198,5],[10921,5]]},"630":{"position":[[1995,5],[2311,5],[2537,5],[2763,5],[2989,5],[3215,5],[3441,5],[3667,5],[3893,5],[4119,5],[4703,5],[5191,5],[5744,5],[6230,5],[6362,5],[6497,5],[6634,5],[6771,5],[6910,5],[7049,5],[7190,5],[7989,5],[8559,5],[8817,5],[9295,5],[9726,5],[10490,5],[12485,5],[14461,5],[14691,5],[14921,5],[15151,5],[15381,5],[15611,5],[15841,5],[16071,5],[16301,5]]},"632":{"position":[[1045,5],[1176,5],[1380,5],[1585,5],[1791,5],[2186,5],[2938,5],[3969,5],[4380,5],[4584,5],[4798,5],[5014,5],[5314,5],[5600,5]]},"634":{"position":[[725,5],[795,5],[1108,5],[1813,5],[2292,5]]},"660":{"position":[[20050,5]]},"662":{"position":[[1485,5],[1884,5],[2063,5],[2791,5],[3094,5],[3758,5],[4529,5],[5720,5],[6077,5],[6381,5],[6704,5],[7002,5],[10162,5]]},"668":{"position":[[79362,5],[79432,5]]}}}],["bit",{"_index":1075,"t":{"564":{"position":[[1924,3]]},"574":{"position":[[4112,3]]},"580":{"position":[[11109,3],[12382,3]]}}}],["blandit",{"_index":1846,"t":{"582":{"position":[[7671,7],[9269,7],[9485,8],[11912,7],[13510,7],[13726,8],[16053,7],[17651,7],[17867,8]]}}}],["blazor",{"_index":0,"t":{"2":{"position":[[0,6],[230,6],[323,6],[560,6],[676,6],[892,6],[954,6],[1144,6],[1247,6],[1421,6],[1561,6],[1748,6],[3069,6],[3330,6],[3452,6],[3604,6],[3668,6],[3858,6]]},"32":{"position":[[118,6],[307,6],[343,6]]},"34":{"position":[[596,6],[640,6],[679,6]]},"36":{"position":[[188,6]]},"38":{"position":[[0,6],[122,6],[172,6],[425,6],[465,6],[532,6],[546,6],[562,6],[637,6],[672,6]]},"40":{"position":[[117,6],[146,6],[171,6],[198,6],[230,6],[258,6],[305,6],[346,6],[392,6],[434,6],[504,6],[518,6],[535,6],[557,6],[575,6],[618,6]]},"42":{"position":[[0,6],[114,6],[334,6],[410,6],[422,6],[442,6],[464,6],[509,6]]},"44":{"position":[[0,6],[232,6],[395,6],[647,6],[690,6],[739,6],[762,6],[779,6],[791,6],[804,6],[824,6],[889,6],[924,6]]},"46":{"position":[[0,6],[191,6],[428,7],[467,7],[518,7],[562,7],[606,6],[644,6],[690,6],[729,6],[778,6],[801,6],[818,6],[832,6],[854,6],[869,6],[884,6],[923,6],[958,6]]},"48":{"position":[[0,6],[280,7],[331,7],[377,7],[436,6],[482,6],[523,6],[575,6],[598,6],[615,6],[632,6],[649,6],[663,6],[685,6],[700,6],[741,6],[776,6]]},"50":{"position":[[0,6],[166,6],[278,7],[328,7],[384,6],[418,6],[432,6],[480,6],[503,6],[533,6],[567,6],[615,6],[650,6]]},"52":{"position":[[0,6],[159,6],[257,7],[294,7],[358,6],[392,6],[406,6],[447,6],[470,6],[526,6],[561,6]]},"54":{"position":[[0,6],[150,6],[520,6],[560,6],[614,6],[643,6],[662,6],[689,6],[738,6],[878,6],[913,6]]},"56":{"position":[[0,6],[148,6],[244,7],[293,6],[322,6],[341,6],[383,6],[481,6],[516,6]]},"58":{"position":[[0,6],[181,6],[368,7],[422,6],[451,6],[470,6],[517,6],[598,6],[633,6]]},"60":{"position":[[0,6],[167,6],[190,6],[207,6],[225,6],[340,6],[358,6],[386,6],[404,6],[438,6],[456,6],[479,6],[497,6],[548,6],[577,6],[596,6],[644,6],[701,6],[721,6],[738,6],[823,6],[858,6]]},"62":{"position":[[0,6],[255,6],[284,6],[303,6],[342,6],[391,6],[440,6],[475,6]]},"64":{"position":[[0,6],[314,6],[343,6],[362,6],[401,6],[450,6],[499,6],[534,6]]},"66":{"position":[[0,6],[279,6],[308,6],[327,6],[368,6],[419,6],[472,6],[507,6]]},"68":{"position":[[0,6],[756,6],[785,6],[804,6],[835,6],[866,6],[894,6],[936,6],[1126,6],[1161,6]]},"70":{"position":[[0,6],[445,6],[474,6],[493,6],[528,6],[570,6],[694,6],[729,6]]},"72":{"position":[[0,6],[683,6],[717,6],[753,6],[782,6],[801,6],[828,6],[858,6],[889,6],[933,6],[981,6],[1022,6],[1180,6],[1215,6]]},"74":{"position":[[0,6],[732,6],[761,6],[780,6],[811,6],[837,6],[868,6],[895,6],[939,6],[1199,6],[1234,6]]},"76":{"position":[[0,6],[246,6],[275,6],[294,6],[343,6],[456,6],[491,6]]},"78":{"position":[[0,6],[329,6],[358,6],[377,6],[406,6],[445,6],[553,6],[588,6]]},"80":{"position":[[0,6],[1246,6],[1371,6],[1400,6],[1419,6],[1445,6],[1476,6],[1511,6],[1547,6],[1579,6],[1613,6],[1641,6],[1686,6],[1966,6],[2001,6]]},"82":{"position":[[0,6],[407,6],[436,6],[455,6],[481,6],[510,6],[555,6],[698,6],[733,6]]},"84":{"position":[[0,6],[296,6],[325,6],[344,6],[370,6],[413,6],[523,6],[558,6]]},"86":{"position":[[0,6],[335,6],[364,6],[396,6],[543,6],[578,6]]},"88":{"position":[[0,6],[539,6],[568,6],[587,6],[614,6],[649,6],[675,6],[703,6],[742,6],[914,6],[949,6]]},"90":{"position":[[0,6],[220,6],[249,6],[268,6],[316,6],[404,6],[439,6]]},"92":{"position":[[0,6],[310,6],[339,6],[358,6],[397,6],[483,6],[518,6]]},"94":{"position":[[0,6],[165,6],[221,6],[250,6],[269,6],[317,6],[437,6],[472,6]]},"96":{"position":[[0,6],[694,6],[723,6],[742,6],[778,6],[819,6],[857,6],[894,6],[936,6],[988,6],[1118,6],[1154,6]]},"98":{"position":[[0,6],[295,6],[324,6],[343,6],[369,6],[400,6],[435,6],[471,6],[503,6],[537,6],[565,6],[610,6],[718,6],[753,6]]},"100":{"position":[[0,6],[413,6],[442,6],[461,6],[513,6],[599,6],[635,6]]},"102":{"position":[[0,6],[1177,6],[1206,6],[1225,6],[1261,6],[1301,6],[1339,6],[1375,6],[1413,6],[1452,6],[1504,6],[1590,6],[1626,6]]},"104":{"position":[[0,6],[660,6],[722,6],[751,6],[770,6],[822,6],[1056,6],[1092,6]]},"106":{"position":[[0,6],[439,6],[468,6],[515,6],[630,6],[666,6]]},"108":{"position":[[0,6],[535,6],[564,6],[611,6],[719,6],[755,6]]},"110":{"position":[[0,6],[1103,6],[1132,6],[1179,6],[1346,6]]},"112":{"position":[[0,6],[283,6],[312,6],[331,6],[383,6],[463,6],[499,6]]},"114":{"position":[[0,6],[821,6],[850,6],[897,6],[1006,6],[1042,6]]},"116":{"position":[[0,6],[365,6],[394,6],[413,6],[464,6],[567,6]]},"118":{"position":[[1260,6],[1295,6]]},"120":{"position":[[0,6],[409,6],[438,6],[470,6],[626,6],[661,6]]},"122":{"position":[[0,6],[363,6],[392,6],[424,6],[543,6],[578,6]]},"124":{"position":[[0,6],[1517,6],[1546,6],[1578,6],[1710,6],[1755,6]]},"126":{"position":[[0,6],[307,6],[336,6],[368,6],[446,6],[491,6]]},"128":{"position":[[0,6],[696,6],[725,6],[757,6],[866,6]]},"130":{"position":[[287,6],[331,6],[375,6],[419,6],[463,6],[507,6],[550,6],[593,6],[1140,6],[1184,6],[1230,6],[1273,6],[1316,6],[1357,6],[1396,6],[1435,6],[1474,6],[1513,6],[1553,6],[1593,6],[1633,6],[1672,6],[1711,6],[1752,6],[1793,6],[1834,6],[1875,6],[1916,6],[1956,6],[2000,6],[2044,6],[2087,6],[2130,6],[2173,6],[2216,6],[2260,6],[2309,6],[2360,6],[2401,6],[2442,6],[2486,6],[2567,6],[2611,6],[2654,6]]},"132":{"position":[[0,6],[183,6],[275,6],[458,6],[557,6],[771,6],[989,6],[1167,6],[1237,6],[1460,6],[1530,6],[1702,6],[1816,6],[1964,6],[2068,6],[2217,6],[2287,6],[2435,6],[2507,6],[2682,6]]},"134":{"position":[[0,6],[182,6],[338,6],[502,6],[596,6],[769,6],[896,6],[1058,6],[1150,6],[1318,6],[1582,6],[1735,6],[1827,6],[1978,6],[2075,6],[2237,6],[2345,6],[2537,6],[2679,6],[2849,6]]},"136":{"position":[[0,6],[169,6],[343,6],[503,6],[554,6],[591,6],[759,6],[808,6],[841,6],[1008,6],[1057,6],[1090,6],[1257,6],[1280,6],[1297,6],[1315,6],[1376,6],[1433,6],[1453,6],[1470,6],[1539,6],[1689,6],[1725,6],[1849,6],[1997,6],[2035,6],[2117,6],[2298,6],[2341,6],[2406,6],[2565,6],[2602,6],[2625,6],[2665,6],[2831,6],[2875,6],[2898,6],[2928,6],[2962,6]]},"138":{"position":[[0,6],[191,6],[277,6],[300,6],[317,6],[331,6],[353,6],[368,6],[383,6],[406,6],[569,6],[592,6],[609,6],[626,6],[643,6],[657,6],[679,6],[694,6],[719,6],[926,6],[949,6],[966,6],[978,6],[991,6],[1011,6],[1060,6],[1182,6],[1232,6],[1286,6],[1300,6],[1316,6],[1375,6],[1489,6],[1555,6],[1567,6],[1587,6],[1609,6],[1755,6],[1809,6],[1823,6],[1840,6],[1862,6],[1880,6],[2095,6],[2498,6]]},"142":{"position":[[67,6],[88,6],[106,6],[124,6],[139,6],[162,6],[185,6],[200,6],[223,6],[236,6],[259,6],[279,6],[300,6],[314,6],[335,6],[354,6],[369,6],[390,6],[408,6],[426,6],[442,6],[459,6],[480,6],[498,6],[514,6],[540,6],[553,6],[571,6],[585,6]]},"148":{"position":[[49,6],[310,6],[432,6],[646,6],[864,6],[1032,6],[1296,6],[1458,6],[1566,6],[1733,6],[1756,6],[1773,6],[1791,6],[1852,6],[1909,6],[1929,6],[1946,6],[2015,6],[2196,6],[2239,6],[2492,6],[2895,6]]},"150":{"position":[[42,6],[303,6],[425,6],[617,6]]},"152":{"position":[[46,6],[220,6]]},"154":{"position":[[21,8],[44,6],[274,6],[367,6],[604,6],[720,6],[936,6],[998,6],[1188,6],[1291,6],[1465,6],[1605,6],[1792,6],[1879,6],[2140,6],[2262,6],[2414,6],[2478,6],[2668,6],[2761,6],[2944,6]]},"156":{"position":[[46,6],[283,6],[399,6],[589,6],[682,6],[874,6]]},"158":{"position":[[21,7],[57,6],[224,6],[247,6],[264,6],[282,6],[343,6],[400,6],[420,6],[437,6]]},"160":{"position":[[21,7],[171,6],[225,6],[239,6],[256,6],[278,6],[296,6]]},"162":{"position":[[20,7],[53,6],[212,6],[249,6],[272,6],[312,6],[478,6],[522,6],[545,6],[575,6],[609,6],[641,6],[832,6],[918,6],[941,6],[958,6],[972,6],[994,6],[1009,6],[1024,6],[1047,6],[1210,6],[1233,6],[1250,6],[1267,6],[1284,6],[1298,6],[1320,6],[1335,6],[1360,6],[1567,6],[1590,6],[1607,6],[1619,6],[1632,6],[1652,6]]},"164":{"position":[[20,7],[58,6],[249,6],[335,6],[358,6],[375,6],[389,6],[411,6],[426,6],[441,6],[464,6],[627,6],[650,6],[667,6],[684,6],[701,6],[715,6],[737,6],[752,6]]},"166":{"position":[[21,7],[168,6],[222,6],[236,6],[253,6],[275,6],[293,6]]},"168":{"position":[[21,7],[59,6],[225,6],[269,6],[292,6],[322,6],[356,6]]},"170":{"position":[[20,7],[50,6],[241,6],[327,6],[350,6],[367,6],[381,6],[403,6],[418,6],[433,6],[456,6],[619,6],[642,6],[659,6],[676,6],[693,6],[707,6],[729,6],[744,6]]},"172":{"position":[[20,7],[48,6],[216,6],[265,6],[298,6],[465,6],[514,6],[547,6],[661,6],[727,6],[739,6],[759,6],[781,6]]},"174":{"position":[[21,7],[176,6],[230,6],[244,6],[261,6],[283,6],[301,6]]},"176":{"position":[[21,7],[56,6],[170,6],[236,6],[248,6],[268,6],[290,6]]},"178":{"position":[[21,7],[57,6],[171,6],[237,6],[249,6],[269,6],[291,6]]},"180":{"position":[[21,7],[57,6],[264,6],[287,6],[304,6],[316,6],[329,6],[349,6]]},"182":{"position":[[21,7],[59,6],[173,6],[239,6],[251,6],[271,6],[293,6]]},"184":{"position":[[21,7],[50,6],[257,6],[280,6],[297,6],[309,6],[322,6],[342,6]]},"186":{"position":[[21,7],[51,6],[217,6],[261,6],[284,6],[314,6],[348,6]]},"188":{"position":[[21,7],[57,6],[264,6],[287,6],[304,6],[316,6],[329,6],[349,6]]},"190":{"position":[[21,7],[172,6],[226,6],[240,6],[257,6],[279,6],[297,6]]},"192":{"position":[[21,7],[54,6],[217,6],[240,6],[257,6],[274,6],[291,6],[305,6],[327,6],[342,6]]},"194":{"position":[[21,7],[171,6],[225,6],[239,6],[256,6],[278,6],[296,6]]},"196":{"position":[[21,7],[53,6],[175,6],[225,6],[279,6],[293,6],[309,6]]},"198":{"position":[[20,7],[51,6],[242,6],[328,6],[351,6],[368,6],[382,6],[404,6],[419,6],[434,6],[457,6],[620,6],[643,6],[660,6],[677,6],[694,6],[708,6],[730,6],[745,6]]},"200":{"position":[[21,7],[54,6],[217,6],[240,6],[257,6],[274,6],[291,6],[305,6],[327,6],[342,6]]},"202":{"position":[[20,7],[51,6],[242,6],[328,6],[351,6],[368,6],[382,6],[404,6],[419,6],[434,6],[457,6],[620,6],[643,6],[660,6],[677,6],[694,6],[708,6],[730,6],[745,6]]},"204":{"position":[[21,7],[62,6],[229,6],[252,6],[269,6],[287,6],[348,6],[405,6],[425,6],[442,6]]},"206":{"position":[[21,7],[49,6],[256,6],[279,6],[296,6],[308,6],[321,6],[341,6]]},"208":{"position":[[21,7],[57,6],[179,6],[229,6],[283,6],[297,6],[313,6]]},"210":{"position":[[21,7],[54,6],[221,6],[244,6],[261,6],[279,6],[340,6],[397,6],[417,6],[434,6]]},"212":{"position":[[21,7],[50,6],[241,6],[327,6],[350,6],[367,6],[381,6],[403,6],[418,6],[433,6]]},"214":{"position":[[20,7],[50,6],[210,6],[261,6],[298,6],[420,6],[470,6],[524,6],[538,6],[554,6]]},"216":{"position":[[21,8],[44,6],[208,6],[302,6],[475,6],[602,6],[764,6],[856,6],[1024,6],[1288,6],[1441,6],[1533,6],[1684,6],[1781,6],[1943,6],[2051,6],[2243,6],[2385,6],[2555,6],[2799,6],[2968,6]]},"218":{"position":[[21,8],[44,6],[227,6],[326,6],[540,6],[758,6],[936,6],[1006,6],[1229,6],[1299,6],[1471,6],[1585,6],[1733,6],[1837,6],[1986,6],[2056,6],[2204,6],[2276,6],[2451,6],[2582,6],[2764,6]]},"220":{"position":[[21,8],[44,6],[207,6],[230,6],[247,6],[264,6],[281,6],[295,6],[317,6],[332,6],[357,6],[564,6],[587,6],[604,6],[616,6],[629,6],[649,6]]},"222":{"position":[[21,8],[44,6],[204,6],[255,6],[292,6],[460,6],[509,6],[542,6],[709,6],[758,6],[791,6],[958,6],[981,6],[998,6],[1016,6],[1077,6],[1134,6],[1154,6],[1171,6],[1240,6],[1390,6],[1426,6],[1550,6],[1698,6],[1736,6],[1818,6],[1999,6],[2042,6],[2107,6],[2266,6],[2303,6],[2326,6],[2366,6],[2532,6],[2576,6],[2599,6],[2629,6],[2663,6],[2695,6],[2886,6],[2972,6],[2995,6],[3012,6],[3026,6],[3048,6],[3063,6],[3078,6]]},"224":{"position":[[55,6],[269,6],[487,6],[655,6],[919,6],[1081,6],[1189,6],[1370,6],[1413,6]]},"226":{"position":[[53,6],[245,6]]},"228":{"position":[[53,6],[283,6],[376,6],[613,6],[729,6],[945,6],[1007,6],[1197,6],[1300,6],[1474,6],[1614,6],[1801,6],[1888,6],[2149,6],[2271,6],[2423,6],[2487,6],[2677,6],[2770,6],[2953,6]]},"230":{"position":[[49,6],[241,6]]},"232":{"position":[[71,6],[238,6],[261,6],[278,6],[296,6],[357,6],[414,6],[434,6],[451,6]]},"234":{"position":[[53,6],[217,6],[311,6],[484,6],[611,6],[773,6],[865,6],[1033,6],[1297,6],[1450,6],[1542,6],[1693,6],[1790,6],[1952,6],[2060,6],[2252,6],[2394,6],[2564,6],[2808,6],[2977,6]]},"236":{"position":[[53,6],[213,6],[264,6],[301,6],[469,6],[518,6],[551,6],[718,6],[767,6],[800,6],[967,6],[990,6],[1007,6],[1025,6],[1086,6],[1143,6],[1163,6],[1180,6],[1249,6],[1399,6],[1435,6],[1559,6],[1707,6],[1745,6],[1827,6],[2008,6],[2051,6],[2116,6],[2275,6],[2312,6],[2335,6],[2375,6],[2541,6],[2585,6],[2608,6],[2638,6],[2672,6],[2704,6],[2895,6],[2981,6],[3004,6],[3021,6],[3035,6],[3057,6],[3072,6],[3087,6]]},"238":{"position":[[53,6],[216,6],[239,6],[256,6],[273,6],[290,6],[304,6],[326,6],[341,6],[366,6],[573,6],[596,6],[613,6],[625,6],[638,6],[658,6],[707,6],[829,6],[879,6],[933,6],[947,6],[963,6],[1022,6],[1136,6],[1202,6],[1214,6],[1234,6],[1256,6],[1402,6],[1456,6],[1470,6],[1487,6],[1509,6],[1527,6],[1742,6],[2145,6]]},"240":{"position":[[53,6],[236,6],[335,6],[549,6],[767,6],[945,6],[1015,6],[1238,6],[1308,6],[1480,6],[1594,6],[1742,6],[1846,6],[1995,6],[2065,6],[2213,6],[2285,6],[2460,6],[2591,6],[2773,6]]},"246":{"position":[[54,6],[229,6]]},"248":{"position":[[49,6],[222,6],[349,6],[541,6]]},"250":{"position":[[50,6],[203,6],[295,6],[457,6],[565,6],[734,6]]},"252":{"position":[[49,6],[263,6]]},"254":{"position":[[57,6],[271,6]]},"256":{"position":[[52,6],[244,6]]},"258":{"position":[[56,6],[206,6],[242,6]]},"260":{"position":[[56,6],[224,6],[488,6],[639,6],[736,6],[902,6],[946,6],[969,6],[999,6],[1033,6]]},"262":{"position":[[48,6],[218,6]]},"264":{"position":[[50,6],[200,6],[236,6]]},"266":{"position":[[52,6],[225,6],[352,6],[520,6],[784,6],[954,6],[1198,6],[1367,6]]},"268":{"position":[[52,6],[235,6]]},"270":{"position":[[53,6],[223,6],[467,6],[636,6]]},"272":{"position":[[48,6],[226,6],[296,6],[519,6],[589,6],[761,6],[875,6],[1024,6],[1094,6],[1258,6],[1352,6],[1525,6],[1652,6],[1814,6],[1906,6],[2074,6],[2338,6],[2491,6],[2583,6],[2753,6]]},"274":{"position":[[48,6],[216,6],[265,6],[298,6],[465,6],[514,6],[547,6],[661,6],[727,6],[739,6],[759,6],[781,6]]},"276":{"position":[[47,6],[230,6],[329,6],[511,6]]},"278":{"position":[[50,6],[216,6],[260,6],[283,6],[313,6],[347,6]]},"280":{"position":[[55,6],[203,6],[307,6],[489,6]]},"282":{"position":[[48,6],[262,6],[480,6],[652,6],[766,6],[914,6],[1018,6],[1166,6],[1238,6],[1420,6],[1576,6],[1746,6],[1990,6],[2159,6],[2333,6],[2483,6],[2519,6]]},"284":{"position":[[52,6],[220,6],[484,6],[654,6],[898,6],[1067,6]]},"286":{"position":[[50,6],[264,6],[482,6],[630,6],[668,6]]},"288":{"position":[[52,6],[216,6]]},"290":{"position":[[49,6],[217,6],[481,6],[640,6],[677,6],[700,6]]},"292":{"position":[[48,6],[230,6]]},"294":{"position":[[55,6],[223,6]]},"296":{"position":[[48,6],[218,6]]},"298":{"position":[[54,6],[224,6]]},"300":{"position":[[52,6],[224,6],[338,6],[506,6],[770,6],[940,6]]},"302":{"position":[[49,6],[231,6],[387,6],[547,6],[598,6]]},"304":{"position":[[49,6],[224,6]]},"306":{"position":[[50,6],[264,6],[482,6],[644,6]]},"308":{"position":[[48,6],[238,6],[341,6],[515,6],[655,6],[842,6],[929,6],[1190,6],[1312,6],[1464,6],[1528,6],[1718,6],[1811,6],[1994,6],[2086,6],[2269,6],[2368,6],[2582,6],[2800,6],[2978,6]]},"310":{"position":[[47,6],[277,6],[370,6],[607,6],[723,6],[939,6],[1001,6],[1191,6],[1294,6],[1468,6],[1608,6],[1795,6],[1882,6],[2143,6],[2265,6],[2417,6],[2481,6],[2671,6],[2764,6],[2947,6]]},"312":{"position":[[48,6],[215,6],[238,6],[255,6],[273,6],[334,6],[391,6],[411,6],[428,6],[497,6],[647,6],[683,6]]},"314":{"position":[[47,6],[230,6],[329,6],[543,6],[761,6],[939,6],[1009,6],[1232,6],[1302,6],[1474,6],[1588,6],[1736,6],[1840,6],[1989,6],[2059,6],[2207,6],[2279,6],[2454,6],[2585,6],[2767,6]]},"316":{"position":[[48,6],[216,6],[480,6],[633,6],[725,6],[876,6],[973,6],[1135,6],[1243,6],[1435,6],[1577,6],[1747,6],[1991,6],[2160,6],[2334,6],[2494,6],[2545,6],[2582,6],[2750,6],[2799,6],[2832,6],[2999,6],[3048,6]]},"318":{"position":[[48,6],[223,6]]},"320":{"position":[[47,6],[211,6],[305,6],[478,6],[605,6],[767,6],[859,6],[1027,6],[1291,6],[1444,6],[1536,6],[1687,6],[1784,6],[1946,6],[2054,6],[2246,6],[2388,6],[2558,6],[2802,6],[2971,6]]},"322":{"position":[[47,6],[207,6],[258,6],[295,6],[463,6],[512,6],[545,6],[712,6],[761,6],[794,6],[961,6],[984,6],[1001,6],[1019,6],[1080,6],[1137,6],[1157,6],[1174,6],[1243,6],[1393,6],[1429,6]]},"324":{"position":[[55,6],[230,6]]},"326":{"position":[[43,6],[257,6]]},"328":{"position":[[44,6],[197,6],[289,6],[451,6],[559,6],[728,6]]},"330":{"position":[[43,6],[280,6],[396,6],[583,6],[670,6],[843,6],[970,6],[1162,6]]},"332":{"position":[[48,6],[271,6],[341,6],[513,6],[627,6],[775,6],[879,6],[1028,6],[1098,6],[1246,6],[1318,6],[1493,6],[1624,6],[1806,6],[1962,6],[2126,6],[2220,6],[2393,6],[2520,6],[2682,6]]},"334":{"position":[[43,6],[273,6],[366,6],[556,6],[649,6],[832,6]]},"336":{"position":[[44,6],[281,6],[397,6],[571,6],[711,6],[898,6]]},"338":{"position":[[46,6],[238,6]]},"340":{"position":[[47,6],[234,6]]},"342":{"position":[[50,6],[266,6],[328,6],[518,6],[621,6],[835,6]]},"346":{"position":[[50,6],[224,6],[364,6],[532,6],[796,6],[947,6]]},"348":{"position":[[50,6],[200,6],[236,6]]},"350":{"position":[[46,6],[197,6]]},"352":{"position":[[42,6],[215,6]]},"354":{"position":[[46,6],[219,6],[346,6],[514,6],[778,6],[948,6],[1192,6],[1361,6]]},"356":{"position":[[47,6],[217,6],[461,6],[630,6]]},"358":{"position":[[44,6],[194,6],[230,6]]},"360":{"position":[[41,6],[302,6],[424,6],[614,6],[707,6],[890,6],[982,6],[1165,6],[1264,6],[1478,6],[2013,6]]},"362":{"position":[[45,6],[282,6],[398,6],[581,6]]},"366":{"position":[[42,6],[191,6],[261,6],[425,6],[519,6],[692,6],[819,6],[981,6],[1073,6],[1241,6],[1505,6],[1658,6],[1750,6],[1920,6],[2164,6],[2332,6],[2381,6],[2414,6],[2581,6],[2630,6]]},"368":{"position":[[42,6],[272,6],[365,6],[602,6],[718,6],[934,6],[996,6],[1170,6],[1310,6],[1571,6],[1693,6],[1883,6],[1976,6],[2159,6],[2251,6],[2429,6],[2499,6],[2722,6],[2792,6],[2964,6]]},"372":{"position":[[42,6],[215,6],[342,6],[549,6],[572,6],[589,6],[601,6],[614,6],[634,6]]},"374":{"position":[[43,6],[273,6]]},"376":{"position":[[41,6],[224,6],[323,6],[505,6]]},"378":{"position":[[44,6],[192,6],[230,6]]},"380":{"position":[[50,6],[257,6],[280,6],[297,6],[309,6],[322,6],[342,6]]},"382":{"position":[[46,6],[194,6],[232,6]]},"384":{"position":[[48,6],[196,6],[234,6]]},"386":{"position":[[48,6],[222,6],[362,6],[530,6]]},"388":{"position":[[43,6],[193,6],[229,6]]},"390":{"position":[[43,6],[280,6],[396,6],[586,6],[679,6],[862,6],[954,6],[1168,6],[1386,6],[1558,6],[1672,6],[1820,6],[1924,6],[2072,6],[2144,6],[2326,6],[2482,6],[2652,6],[2896,6],[3065,6]]},"394":{"position":[[49,6],[263,6],[481,6],[629,6],[733,6],[915,6]]},"396":{"position":[[52,6],[282,6]]},"398":{"position":[[46,6],[214,6],[478,6],[648,6],[892,6],[1061,6]]},"400":{"position":[[46,6],[236,6],[339,6],[513,6],[653,6],[914,6],[1036,6],[1188,6]]},"402":{"position":[[45,6],[228,6]]},"406":{"position":[[45,6],[209,6],[303,6],[425,6],[475,6],[529,6],[543,6],[559,6]]},"408":{"position":[[50,6],[172,6],[222,6],[276,6],[290,6],[306,6]]},"410":{"position":[[50,6],[311,6]]},"412":{"position":[[47,6],[221,6],[361,6],[622,6]]},"414":{"position":[[43,6],[280,6],[396,6],[586,6]]},"416":{"position":[[44,6],[274,6],[367,6],[604,6],[720,6],[934,6],[1152,6],[1300,6],[1338,6]]},"418":{"position":[[50,6],[240,6]]},"420":{"position":[[45,6],[232,6]]},"422":{"position":[[45,6],[275,6],[368,6],[605,6],[721,6],[895,6]]},"424":{"position":[[43,6],[226,6],[318,6],[486,6]]},"426":{"position":[[41,6],[278,6]]},"428":{"position":[[41,6],[231,6],[334,6],[595,6],[717,6],[899,6]]},"430":{"position":[[48,6],[218,6]]},"432":{"position":[[42,6],[232,6],[325,6],[500,6]]},"434":{"position":[[46,6],[218,6],[332,6],[500,6],[764,6],[934,6]]},"436":{"position":[[43,6],[225,6],[381,6],[541,6],[592,6],[629,6],[751,6],[801,6],[855,6],[869,6],[885,6]]},"438":{"position":[[50,6],[225,6]]},"442":{"position":[[44,6],[218,6],[358,6],[572,6],[790,6],[952,6]]},"468":{"position":[[162,6]]},"474":{"position":[[44,6],[158,6],[224,6],[236,6],[256,6],[278,6]]},"476":{"position":[[44,6],[166,6],[216,6],[270,6],[284,6],[300,6]]},"478":{"position":[[44,6],[251,6],[274,6],[291,6],[303,6],[316,6],[336,6]]},"480":{"position":[[44,6],[207,6],[230,6],[247,6],[264,6],[281,6],[295,6],[317,6],[332,6]]},"482":{"position":[[232,6]]},"484":{"position":[[44,6],[235,6],[321,6],[344,6],[361,6],[375,6],[397,6],[412,6],[427,6]]},"486":{"position":[[45,6],[268,6]]},"488":{"position":[[45,6],[223,6]]},"490":{"position":[[45,6],[259,6]]},"492":{"position":[[45,6],[228,6]]},"494":{"position":[[45,6],[306,6]]},"496":{"position":[[45,6],[228,6]]},"498":{"position":[[45,6],[235,6]]},"500":{"position":[[44,6],[210,6],[254,6],[277,6],[307,6],[341,6]]},"502":{"position":[[45,6],[197,6]]},"504":{"position":[[44,6],[225,6],[268,6]]},"506":{"position":[[44,6],[203,6],[240,6],[263,6]]},"508":{"position":[[44,6],[192,6],[230,6]]},"510":{"position":[[44,6],[211,6],[234,6],[251,6],[269,6],[330,6],[387,6],[407,6],[424,6]]},"512":{"position":[[44,6],[211,6],[260,6]]},"514":{"position":[[44,6],[212,6],[261,6]]},"516":{"position":[[44,6],[194,6],[230,6]]},"518":{"position":[[44,6],[204,6],[255,6]]},"520":{"position":[[44,6],[213,6]]},"522":{"position":[[44,6],[236,6]]},"524":{"position":[[44,6],[206,6]]},"526":{"position":[[44,6],[214,6]]},"528":{"position":[[44,6],[195,6]]},"530":{"position":[[44,6],[197,6]]},"532":{"position":[[44,6],[206,6]]},"534":{"position":[[44,6],[212,6]]},"536":{"position":[[44,6],[208,6]]},"538":{"position":[[44,6],[217,6]]},"540":{"position":[[44,6],[226,6]]},"542":{"position":[[44,6],[219,6]]},"544":{"position":[[44,6],[193,6]]},"546":{"position":[[44,6],[192,6]]},"548":{"position":[[44,6],[231,6]]},"550":{"position":[[44,6],[192,6]]},"552":{"position":[[44,6],[218,6]]},"554":{"position":[[44,6],[216,6]]},"556":{"position":[[44,6],[234,6]]},"558":{"position":[[44,6],[260,6]]},"560":{"position":[[35,6],[53,6]]},"562":{"position":[[43,6],[273,6],[366,6],[603,6]]},"564":{"position":[[31,6],[150,6]]},"566":{"position":[[32,6],[47,6]]},"568":{"position":[[34,6],[20464,6]]},"570":{"position":[[31,6],[45,6],[298,6],[373,6],[583,6],[615,6],[677,6],[714,6],[777,6],[810,6],[868,6],[900,6]]},"572":{"position":[[30,6],[47,6]]},"574":{"position":[[32,6],[51,6],[1771,6]]},"576":{"position":[[33,6],[111,6],[3448,6]]},"578":{"position":[[39,6],[65,6]]},"580":{"position":[[29,6]]},"582":{"position":[[34,6],[137,6]]},"584":{"position":[[161,6],[215,6],[229,6],[246,6],[268,6],[286,6]]},"586":{"position":[[37,6],[61,6]]},"588":{"position":[[30,6],[47,6]]},"590":{"position":[[35,6],[57,6]]},"592":{"position":[[32,6],[89,6]]},"594":{"position":[[38,6],[100,6]]},"596":{"position":[[33,6],[90,6],[2032,6],[2326,6],[3284,6],[3782,6],[4535,6],[5877,6],[5912,6],[6272,6],[7280,6]]},"598":{"position":[[31,6],[88,6]]},"600":{"position":[[33,6],[56,6]]},"602":{"position":[[38,6],[73,6]]},"604":{"position":[[33,6],[109,6]]},"606":{"position":[[31,6],[133,6],[165,6],[408,6],[3013,7],[4728,6],[5995,7],[6255,6],[7630,7],[8024,6],[8168,6],[9600,7],[9796,6],[11265,7]]},"608":{"position":[[33,6],[53,6]]},"610":{"position":[[27,6],[40,6],[4348,6]]},"612":{"position":[[29,6],[78,6]]},"614":{"position":[[28,6]]},"616":{"position":[[42,6],[61,6]]},"618":{"position":[[47,6],[71,6]]},"620":{"position":[[43,6],[63,6]]},"622":{"position":[[33,6],[54,6],[1658,6]]},"624":{"position":[[42,6],[61,6]]},"626":{"position":[[32,6],[52,6],[7693,6]]},"628":{"position":[[30,6],[48,6],[1757,6],[1943,6],[6892,6]]},"630":{"position":[[34,6],[64,6],[10924,6]]},"632":{"position":[[31,6],[50,6]]},"634":{"position":[[26,6],[48,6]]},"636":{"position":[[16,6],[70,6],[131,6],[179,6],[262,6],[943,6],[1126,6],[1284,6],[2943,6],[3127,6],[3678,6],[3697,6],[8224,6],[8257,6]]},"638":{"position":[[16,6],[75,6],[185,6],[233,6],[2395,6],[2590,6],[3050,6],[3226,6],[3245,6],[8734,6],[8774,6]]},"640":{"position":[[16,6],[70,6],[131,6],[179,6],[262,6],[941,6],[1124,6],[2758,6],[2942,6],[3491,6],[3510,6],[8748,6],[8786,6]]},"642":{"position":[[16,6],[75,6],[141,6],[189,6],[272,6],[950,6],[1138,6],[2793,6],[2977,6],[3525,6],[3544,6],[7652,6],[7684,6]]},"644":{"position":[[16,6],[75,6],[141,6],[189,6],[272,6],[950,6],[1138,6],[2793,6],[2977,6],[3525,6],[3544,6],[7813,6],[7845,6]]},"646":{"position":[[21,6],[84,6],[149,6],[197,6],[280,6],[2417,6],[2605,6],[3003,6],[3036,6]]},"648":{"position":[[21,6],[84,6],[149,6],[197,6],[280,6],[2417,6],[2605,6],[3187,6],[3215,6]]},"650":{"position":[[16,6],[77,6],[189,6],[237,6],[320,6],[2440,6],[2635,6],[2989,6],[3008,6],[7643,6],[7676,6]]},"652":{"position":[[7,6],[49,6],[106,6],[154,6],[276,6],[360,6],[1725,6],[1744,6],[1775,6],[1794,6],[1817,6],[1836,6],[1889,6]]},"654":{"position":[[7,6],[54,6],[111,6],[159,6],[281,6],[365,6],[1730,6],[1749,6],[1780,6],[1799,6],[1822,6],[1841,6],[1894,6],[1922,6]]},"656":{"position":[[16,6],[75,6],[141,6],[189,6],[272,6],[2447,6],[2631,6],[2987,6],[3006,6],[7534,6]]},"658":{"position":[[36,6],[61,6],[197,6]]},"660":{"position":[[33,6]]},"662":{"position":[[30,6],[52,6],[1650,6],[5009,6]]},"664":{"position":[[32,6],[55,6]]},"666":{"position":[[35,6],[57,6]]},"668":{"position":[[29,6],[45,6]]}}}],["blazor.bootstrap",{"_index":3798,"t":{"636":{"position":[[339,16]]},"638":{"position":[[352,16],[2995,16]]},"640":{"position":[[339,16]]},"642":{"position":[[349,16]]},"644":{"position":[[349,16]]},"646":{"position":[[357,16]]},"648":{"position":[[357,16]]},"650":{"position":[[397,16]]},"656":{"position":[[349,16]]}}}],["blazor.bootstrap.templates::1.8.0",{"_index":532,"t":{"80":{"position":[[1315,33]]}}}],["blazor42",{"_index":785,"t":{"142":{"position":[[58,8]]}}}],["blazoraccordion",{"_index":485,"t":{"72":{"position":[[1118,15]]},"134":{"position":[[2633,15]]},"150":{"position":[[713,15]]},"156":{"position":[[970,15]]},"216":{"position":[[2339,15]]},"226":{"position":[[21,17],[341,15]]},"230":{"position":[[337,15]]},"234":{"position":[[2348,15]]},"248":{"position":[[637,15]]},"256":{"position":[[340,15]]},"316":{"position":[[1531,15]]},"320":{"position":[[2342,15]]},"330":{"position":[[1258,15]]},"338":{"position":[[334,15]]},"522":{"position":[[332,15]]}}}],["blazoraccordion1",{"_index":806,"t":{"142":{"position":[[600,16]]}}}],["blazorautocomplet",{"_index":421,"t":{"58":{"position":[[553,18]]},"70":{"position":[[627,18]]},"80":{"position":[[1785,18]]},"104":{"position":[[879,18]]},"132":{"position":[[828,18]]},"134":{"position":[[1417,18],[2294,18]]},"136":{"position":[[2377,18]]},"148":{"position":[[703,18],[1131,18],[1515,18],[2275,18]]},"216":{"position":[[1123,18],[2000,18]]},"218":{"position":[[597,18]]},"222":{"position":[[2078,18]]},"224":{"position":[[20,20],[326,18],[754,18],[1138,18],[1449,18]]},"234":{"position":[[1132,18],[2009,18]]},"236":{"position":[[2087,18]]},"240":{"position":[[606,18]]},"250":{"position":[[514,18]]},"252":{"position":[[320,18]]},"254":{"position":[[328,18]]},"260":{"position":[[323,18]]},"266":{"position":[[619,18]]},"272":{"position":[[2173,18]]},"282":{"position":[[319,18]]},"284":{"position":[[319,18]]},"286":{"position":[[321,18]]},"290":{"position":[[316,18]]},"294":{"position":[[322,18]]},"300":{"position":[[605,18]]},"306":{"position":[[321,18]]},"308":{"position":[[2639,18]]},"314":{"position":[[600,18]]},"316":{"position":[[315,18],[1192,18]]},"320":{"position":[[1126,18],[2003,18]]},"326":{"position":[[314,18]]},"328":{"position":[[508,18]]},"342":{"position":[[892,18]]},"346":{"position":[[631,18]]},"354":{"position":[[613,18]]},"360":{"position":[[1535,18]]},"366":{"position":[[1340,18]]},"386":{"position":[[629,18]]},"390":{"position":[[1225,18]]},"394":{"position":[[320,18]]},"398":{"position":[[313,18]]},"416":{"position":[[991,18]]},"424":{"position":[[585,18]]},"434":{"position":[[599,18]]},"442":{"position":[[629,18]]},"490":{"position":[[316,18]]},"504":{"position":[[304,18]]},"524":{"position":[[263,18]]},"534":{"position":[[311,18]]}}}],["blazorautocomplete4",{"_index":807,"t":{"142":{"position":[[617,19]]}}}],["blazorbadg",{"_index":483,"t":{"72":{"position":[[1072,11]]},"134":{"position":[[2587,11]]},"150":{"position":[[667,11]]},"156":{"position":[[924,11]]},"216":{"position":[[2293,11]]},"226":{"position":[[295,11]]},"230":{"position":[[21,13],[291,11]]},"234":{"position":[[2302,11]]},"248":{"position":[[591,11]]},"256":{"position":[[294,11]]},"316":{"position":[[1485,11]]},"320":{"position":[[2296,11]]},"330":{"position":[[1212,11]]},"338":{"position":[[288,11]]},"522":{"position":[[286,11]]}}}],["blazorbadge1",{"_index":808,"t":{"142":{"position":[[637,12]]}}}],["blazorboostrap",{"_index":188,"t":{"8":{"position":[[88,15]]},"144":{"position":[[472,15]]},"242":{"position":[[335,15]]},"440":{"position":[[132,15]]}}}],["blazorbootstrap",{"_index":27,"t":{"2":{"position":[[247,15],[577,15],[909,15],[1172,15],[1449,15],[1776,15],[1949,15],[3358,15],[3632,15],[3886,15]]},"4":{"position":[[0,15],[186,15],[228,15],[262,15]]},"6":{"position":[[0,15],[271,15],[313,15],[347,15]]},"8":{"position":[[0,15],[276,15],[318,15]]},"10":{"position":[[0,15],[728,15],[770,15],[804,15]]},"12":{"position":[[0,15],[348,15],[396,15],[430,15]]},"14":{"position":[[0,15],[377,15],[419,15],[453,15]]},"16":{"position":[[0,15],[321,15],[395,15],[429,15]]},"18":{"position":[[0,15],[281,15],[336,15],[370,15]]},"20":{"position":[[0,15],[345,15],[415,15],[449,15]]},"22":{"position":[[0,15],[243,15],[298,15],[332,15]]},"24":{"position":[[0,15],[289,15],[347,15],[381,15]]},"26":{"position":[[0,15],[241,15],[296,15],[330,15]]},"28":{"position":[[0,15],[284,15],[333,15],[367,15]]},"30":{"position":[[0,15],[630,15],[677,15],[711,15]]},"32":{"position":[[0,15],[400,15],[460,15],[494,15]]},"34":{"position":[[0,15],[728,15],[801,15],[835,15]]},"36":{"position":[[0,15],[245,15],[300,15],[334,15]]},"38":{"position":[[516,15]]},"40":{"position":[[0,15],[488,15],[653,15]]},"42":{"position":[[383,15],[544,15]]},"44":{"position":[[746,15]]},"46":{"position":[[785,15]]},"48":{"position":[[582,15]]},"50":{"position":[[487,15]]},"52":{"position":[[454,15]]},"54":{"position":[[766,15]]},"56":{"position":[[390,15]]},"58":{"position":[[524,15]]},"60":{"position":[[672,15],[763,15]]},"62":{"position":[[370,15]]},"64":{"position":[[429,15]]},"66":{"position":[[396,15]]},"68":{"position":[[964,15]]},"70":{"position":[[598,15]]},"72":{"position":[[1050,15]]},"74":{"position":[[967,15]]},"76":{"position":[[371,15]]},"78":{"position":[[473,15]]},"80":{"position":[[1714,15]]},"82":{"position":[[583,15]]},"84":{"position":[[441,15]]},"86":{"position":[[424,15]]},"88":{"position":[[770,15]]},"90":{"position":[[344,15]]},"92":{"position":[[425,15]]},"94":{"position":[[345,15]]},"96":{"position":[[1016,15]]},"98":{"position":[[638,15]]},"100":{"position":[[541,15]]},"102":{"position":[[1532,15]]},"104":{"position":[[850,15]]},"106":{"position":[[543,15]]},"108":{"position":[[639,15]]},"110":{"position":[[1207,15]]},"112":{"position":[[411,15]]},"114":{"position":[[925,15]]},"116":{"position":[[492,15]]},"118":{"position":[[114,15]]},"120":{"position":[[498,15]]},"122":{"position":[[452,15]]},"124":{"position":[[1595,15]]},"126":{"position":[[385,15]]},"128":{"position":[[774,15]]},"130":{"position":[[25,15],[68,15],[111,15],[153,15],[196,15],[239,15],[636,15],[680,15],[724,15],[767,15],[808,15],[849,15],[888,15],[927,15],[967,15],[1007,15],[1050,15],[1092,15]]},"132":{"position":[[211,15],[486,15],[799,15],[1195,15],[1488,15],[1730,15],[1992,15],[2245,15],[2463,15],[2710,15]]},"134":{"position":[[210,15],[530,15],[797,15],[1086,15],[1346,15],[1763,15],[2006,15],[2265,15],[2565,15],[2877,15]]},"136":{"position":[[197,15],[531,15],[787,15],[1036,15],[1404,15],[1495,15],[1753,15],[2042,15],[2348,15],[2609,15],[2882,15]]},"138":{"position":[[284,15],[576,15],[933,15],[1270,15],[1528,15],[1638,15],[1793,15],[1907,15],[2152,15],[2181,15],[2323,15],[2380,15],[2542,15],[2586,15],[2759,15]]},"140":{"position":[[0,15],[153,15],[186,15],[341,15],[383,15],[538,15],[577,15],[736,15],[775,15],[934,15],[973,15],[1150,15],[1204,15],[1347,15],[1405,15],[1602,15],[1634,15],[1778,15],[1804,15],[2014,15]]},"142":{"position":[[668,15]]},"144":{"position":[[0,15],[164,15],[190,15],[358,15],[384,15],[601,15]]},"146":{"position":[[43,15],[240,15]]},"148":{"position":[[338,15],[674,15],[1060,15],[1486,15],[1880,15],[1971,15],[2246,15],[2304,15],[2549,15],[2578,15],[2720,15],[2777,15],[2939,15]]},"150":{"position":[[331,15],[645,15]]},"152":{"position":[[248,15]]},"154":{"position":[[291,15],[621,15],[953,15],[1216,15],[1493,15],[1820,15],[2168,15],[2442,15],[2696,15],[2972,15]]},"156":{"position":[[300,15],[617,15],[902,15]]},"158":{"position":[[371,15],[462,15]]},"160":{"position":[[54,15],[209,15]]},"162":{"position":[[256,15],[529,15],[925,15],[1217,15],[1574,15]]},"164":{"position":[[342,15],[634,15]]},"166":{"position":[[51,15],[206,15]]},"168":{"position":[[276,15]]},"170":{"position":[[334,15],[626,15]]},"172":{"position":[[244,15],[493,15],[700,15]]},"174":{"position":[[59,15],[214,15]]},"176":{"position":[[209,15]]},"178":{"position":[[210,15]]},"180":{"position":[[271,15]]},"182":{"position":[[212,15]]},"184":{"position":[[264,15]]},"186":{"position":[[268,15]]},"188":{"position":[[271,15]]},"190":{"position":[[55,15],[210,15]]},"192":{"position":[[224,15]]},"194":{"position":[[54,15],[209,15]]},"196":{"position":[[263,15]]},"198":{"position":[[335,15],[627,15]]},"200":{"position":[[224,15]]},"202":{"position":[[335,15],[627,15]]},"204":{"position":[[376,15],[467,15]]},"206":{"position":[[263,15]]},"208":{"position":[[267,15]]},"210":{"position":[[368,15],[459,15]]},"212":{"position":[[334,15]]},"214":{"position":[[238,15],[508,15]]},"216":{"position":[[236,15],[503,15],[792,15],[1052,15],[1469,15],[1712,15],[1971,15],[2271,15],[2583,15],[2996,15]]},"218":{"position":[[255,15],[568,15],[964,15],[1257,15],[1499,15],[1761,15],[2014,15],[2232,15],[2479,15],[2792,15]]},"220":{"position":[[214,15],[571,15]]},"222":{"position":[[232,15],[488,15],[737,15],[1105,15],[1196,15],[1454,15],[1743,15],[2049,15],[2310,15],[2583,15],[2979,15]]},"224":{"position":[[297,15],[683,15],[1109,15],[1420,15]]},"226":{"position":[[273,15]]},"228":{"position":[[21,17],[300,15],[630,15],[962,15],[1225,15],[1502,15],[1829,15],[2177,15],[2451,15],[2705,15],[2981,15]]},"230":{"position":[[269,15]]},"232":{"position":[[21,16],[385,15],[476,15]]},"234":{"position":[[21,17],[245,15],[512,15],[801,15],[1061,15],[1478,15],[1721,15],[1980,15],[2280,15],[2592,15],[3005,15]]},"236":{"position":[[21,17],[241,15],[497,15],[746,15],[1114,15],[1205,15],[1463,15],[1752,15],[2058,15],[2319,15],[2592,15],[2988,15]]},"238":{"position":[[21,17],[223,15],[580,15],[917,15],[1175,15],[1285,15],[1440,15],[1554,15],[1799,15],[1828,15],[1970,15],[2027,15],[2189,15],[2233,15],[2406,15],[2437,15],[2590,15]]},"240":{"position":[[21,17],[264,15],[577,15],[973,15],[1266,15],[1508,15],[1770,15],[2023,15],[2241,15],[2488,15],[2801,15]]},"242":{"position":[[21,17],[53,15],[221,15],[247,15],[464,15]]},"244":{"position":[[21,17],[53,15],[208,15],[250,15],[405,15],[444,15],[603,15],[642,15],[801,15],[840,15],[1017,15],[1071,15],[1214,15],[1272,15],[1469,15],[1501,15],[1645,15],[1671,15],[1881,15],[1907,15],[2071,15]]},"246":{"position":[[257,15]]},"248":{"position":[[250,15],[569,15]]},"250":{"position":[[231,15],[485,15],[762,15]]},"252":{"position":[[291,15]]},"254":{"position":[[299,15]]},"256":{"position":[[272,15]]},"258":{"position":[[270,15]]},"260":{"position":[[252,15],[667,15],[953,15]]},"262":{"position":[[246,15]]},"264":{"position":[[264,15]]},"266":{"position":[[253,15],[548,15],[982,15],[1395,15]]},"268":{"position":[[263,15]]},"270":{"position":[[251,15],[664,15]]},"272":{"position":[[254,15],[547,15],[789,15],[1052,15],[1286,15],[1553,15],[1842,15],[2102,15],[2519,15],[2781,15]]},"274":{"position":[[244,15],[493,15],[700,15]]},"276":{"position":[[258,15],[539,15]]},"278":{"position":[[267,15]]},"280":{"position":[[231,15],[517,15]]},"282":{"position":[[290,15],[680,15],[942,15],[1194,15],[1448,15],[1774,15],[2187,15],[2547,15]]},"284":{"position":[[248,15],[682,15],[1095,15]]},"286":{"position":[[292,15],[675,15]]},"288":{"position":[[244,15]]},"290":{"position":[[245,15],[684,15]]},"292":{"position":[[258,15]]},"294":{"position":[[251,15]]},"296":{"position":[[246,15]]},"298":{"position":[[252,15]]},"300":{"position":[[252,15],[534,15],[968,15]]},"302":{"position":[[259,15],[575,15]]},"304":{"position":[[252,15]]},"306":{"position":[[292,15],[672,15]]},"308":{"position":[[266,15],[543,15],[870,15],[1218,15],[1492,15],[1746,15],[2022,15],[2297,15],[2610,15],[3006,15]]},"310":{"position":[[294,15],[624,15],[956,15],[1219,15],[1496,15],[1823,15],[2171,15],[2445,15],[2699,15],[2975,15]]},"312":{"position":[[362,15],[453,15],[711,15]]},"314":{"position":[[258,15],[571,15],[967,15],[1260,15],[1502,15],[1764,15],[2017,15],[2235,15],[2482,15],[2795,15]]},"316":{"position":[[244,15],[661,15],[904,15],[1163,15],[1463,15],[1775,15],[2188,15],[2522,15],[2778,15],[3027,15]]},"318":{"position":[[251,15]]},"320":{"position":[[239,15],[506,15],[795,15],[1055,15],[1472,15],[1715,15],[1974,15],[2274,15],[2586,15],[2999,15]]},"322":{"position":[[235,15],[491,15],[740,15],[1108,15],[1199,15],[1457,15]]},"324":{"position":[[258,15]]},"326":{"position":[[285,15]]},"328":{"position":[[225,15],[479,15],[756,15]]},"330":{"position":[[297,15],[611,15],[871,15],[1190,15],[1304,15],[1457,15]]},"332":{"position":[[299,15],[541,15],[803,15],[1056,15],[1274,15],[1521,15],[1834,15],[2154,15],[2421,15],[2710,15]]},"334":{"position":[[290,15],[584,15],[860,15]]},"336":{"position":[[298,15],[599,15],[926,15],[985,15],[1127,15]]},"338":{"position":[[266,15]]},"340":{"position":[[262,15]]},"342":{"position":[[283,15],[546,15],[863,15]]},"344":{"position":[[52,15],[229,15]]},"346":{"position":[[252,15],[560,15],[975,15]]},"348":{"position":[[264,15]]},"350":{"position":[[225,15]]},"352":{"position":[[243,15]]},"354":{"position":[[247,15],[542,15],[976,15],[1389,15]]},"356":{"position":[[245,15],[658,15]]},"358":{"position":[[258,15]]},"360":{"position":[[330,15],[642,15],[918,15],[1193,15],[1506,15],[1696,15],[1838,15],[1895,15],[2057,15]]},"362":{"position":[[299,15],[609,15]]},"364":{"position":[[42,15],[215,15],[246,15],[389,15]]},"366":{"position":[[219,15],[453,15],[720,15],[1009,15],[1269,15],[1686,15],[1948,15],[2360,15],[2609,15],[2663,15],[2805,15]]},"368":{"position":[[289,15],[619,15],[951,15],[1198,15],[1599,15],[1911,15],[2187,15],[2457,15],[2750,15],[2992,15]]},"370":{"position":[[43,15],[220,15]]},"372":{"position":[[243,15],[556,15]]},"374":{"position":[[290,15]]},"376":{"position":[[252,15],[533,15]]},"378":{"position":[[237,15]]},"380":{"position":[[264,15]]},"382":{"position":[[239,15]]},"384":{"position":[[241,15]]},"386":{"position":[[250,15],[558,15]]},"388":{"position":[[257,15],[353,15],[508,15],[550,15],[693,15]]},"390":{"position":[[297,15],[614,15],[890,15],[1196,15],[1586,15],[1848,15],[2100,15],[2354,15],[2680,15],[3093,15]]},"392":{"position":[[48,15],[191,15]]},"394":{"position":[[291,15],[657,15],[943,15]]},"396":{"position":[[299,15]]},"398":{"position":[[242,15],[676,15],[1089,15],[1235,15],[1390,15],[1432,15],[1575,15]]},"400":{"position":[[264,15],[541,15],[942,15],[1216,15]]},"402":{"position":[[256,15]]},"404":{"position":[[49,15],[204,15],[243,15],[402,15],[441,15],[600,15]]},"406":{"position":[[237,15],[513,15]]},"408":{"position":[[260,15]]},"410":{"position":[[339,15]]},"412":{"position":[[249,15],[650,15]]},"414":{"position":[[297,15],[614,15]]},"416":{"position":[[291,15],[621,15],[962,15],[1345,15]]},"418":{"position":[[268,15]]},"420":{"position":[[260,15]]},"422":{"position":[[292,15],[622,15],[923,15]]},"424":{"position":[[254,15],[514,15]]},"426":{"position":[[295,15]]},"428":{"position":[[259,15],[623,15],[927,15]]},"430":{"position":[[246,15]]},"432":{"position":[[260,15],[528,15]]},"434":{"position":[[246,15],[528,15],[962,15]]},"436":{"position":[[253,15],[569,15],[839,15],[944,15],[1121,15]]},"438":{"position":[[253,15]]},"440":{"position":[[44,15],[261,15]]},"442":{"position":[[246,15],[600,15],[980,15]]},"444":{"position":[[44,15],[212,15]]},"446":{"position":[[44,15],[208,15]]},"448":{"position":[[44,15],[254,15]]},"450":{"position":[[44,15],[188,15]]},"452":{"position":[[44,15],[241,15]]},"454":{"position":[[44,15],[221,15]]},"456":{"position":[[44,15],[187,15]]},"458":{"position":[[44,15],[203,15]]},"460":{"position":[[44,15],[203,15]]},"462":{"position":[[44,15],[199,15]]},"464":{"position":[[44,15],[199,15]]},"466":{"position":[[44,15],[197,15]]},"468":{"position":[[44,15],[206,15]]},"470":{"position":[[44,15],[217,15]]},"472":{"position":[[44,15],[186,15]]},"474":{"position":[[197,15]]},"476":{"position":[[254,15]]},"478":{"position":[[258,15]]},"480":{"position":[[214,15]]},"482":{"position":[[44,15],[289,15]]},"484":{"position":[[328,15]]},"486":{"position":[[296,15]]},"488":{"position":[[251,15]]},"490":{"position":[[287,15]]},"492":{"position":[[256,15]]},"494":{"position":[[334,15]]},"496":{"position":[[256,15]]},"498":{"position":[[263,15]]},"500":{"position":[[261,15]]},"502":{"position":[[225,15]]},"504":{"position":[[275,15]]},"506":{"position":[[247,15]]},"508":{"position":[[237,15]]},"510":{"position":[[358,15],[449,15]]},"512":{"position":[[239,15]]},"514":{"position":[[240,15]]},"516":{"position":[[258,15]]},"518":{"position":[[232,15]]},"520":{"position":[[241,15]]},"522":{"position":[[264,15]]},"524":{"position":[[234,15]]},"526":{"position":[[242,15]]},"528":{"position":[[223,15]]},"530":{"position":[[225,15]]},"532":{"position":[[234,15]]},"534":{"position":[[240,15]]},"536":{"position":[[236,15]]},"538":{"position":[[245,15]]},"540":{"position":[[254,15]]},"542":{"position":[[247,15]]},"544":{"position":[[221,15]]},"546":{"position":[[220,15]]},"548":{"position":[[259,15]]},"550":{"position":[[220,15]]},"552":{"position":[[246,15]]},"554":{"position":[[244,15]]},"556":{"position":[[262,15]]},"558":{"position":[[277,15]]},"562":{"position":[[290,15],[620,15]]},"584":{"position":[[44,15],[199,15]]},"588":{"position":[[3309,15]]},"592":{"position":[[1047,15]]},"636":{"position":[[3071,16],[6920,16]]},"638":{"position":[[2534,16],[3178,16],[6843,16],[7475,16]]},"640":{"position":[[2886,16],[7444,16]]},"642":{"position":[[2921,16],[5546,16],[6343,16]]},"644":{"position":[[2921,16],[6504,16]]},"646":{"position":[[2549,16]]},"648":{"position":[[2549,16]]},"650":{"position":[[2579,16],[6384,16]]},"656":{"position":[[2575,16],[6409,16]]},"668":{"position":[[28303,16],[28535,16],[28780,16],[29014,16],[29261,16],[29506,16],[29745,16],[29983,16],[30221,16],[48144,16],[48376,16],[48621,16],[48855,16],[49102,16],[49347,16],[49586,16],[49824,16],[50062,16]]}}}],["blazorbootstrap'",{"_index":1986,"t":{"582":{"position":[[20008,17]]},"588":{"position":[[2954,17],[14041,17]]}}}],["blazorbootstrap.demo.model",{"_index":5023,"t":{"668":{"position":[[63274,28]]}}}],["blazorbootstrap.extens",{"_index":3135,"t":{"618":{"position":[[8303,26]]},"620":{"position":[[6629,26],[11131,26]]}}}],["blazorbootstrap.grid<employee1",{"_index":5009,"t":{"668":{"position":[[60248,31]]}}}],["blazorbootstrap.grid<employee4",{"_index":5146,"t":{"668":{"position":[[125441,31]]}}}],["blazorbootstrap.grid<us",{"_index":5175,"t":{"668":{"position":[[141894,26],[144546,26]]}}}],["blazorbootstrap62",{"_index":809,"t":{"142":{"position":[[650,17]]}}}],["blazorbootstrtap",{"_index":756,"t":{"124":{"position":[[761,16]]}}}],["blazorbreadcrumb",{"_index":566,"t":{"86":{"position":[[469,16]]},"132":{"position":[[2755,16]]},"218":{"position":[[2524,16]]},"240":{"position":[[2533,16]]},"246":{"position":[[21,18],[302,16]]},"304":{"position":[[297,16]]},"314":{"position":[[2527,16]]},"318":{"position":[[296,16]]},"324":{"position":[[303,16]]},"332":{"position":[[1566,16]]},"432":{"position":[[573,16]]},"438":{"position":[[298,16]]},"542":{"position":[[292,16]]}}}],["blazorbreadcrumb1",{"_index":810,"t":{"142":{"position":[[703,17]]}}}],["blazorbutton",{"_index":450,"t":{"68":{"position":[[988,13]]},"70":{"position":[[654,13]]},"72":{"position":[[1141,12]]},"78":{"position":[[497,13]]},"82":{"position":[[622,12]]},"134":{"position":[[836,12],[1787,13],[2321,13],[2656,12]]},"136":{"position":[[221,13]]},"148":{"position":[[1542,13]]},"150":{"position":[[736,12]]},"156":{"position":[[993,12]]},"216":{"position":[[542,12],[1493,13],[2027,13],[2362,12],[3020,13]]},"224":{"position":[[1165,13]]},"226":{"position":[[364,12]]},"230":{"position":[[360,12]]},"234":{"position":[[551,12],[1502,13],[2036,13],[2371,12],[3029,13]]},"248":{"position":[[20,14],[289,12],[660,12]]},"250":{"position":[[20,15],[255,13],[541,13],[786,13]]},"256":{"position":[[363,12]]},"266":{"position":[[292,12],[1419,13]]},"270":{"position":[[688,13]]},"272":{"position":[[1592,12],[2543,13]]},"282":{"position":[[2211,13]]},"284":{"position":[[1119,13]]},"316":{"position":[[685,13],[1219,13],[1554,12],[2212,13]]},"320":{"position":[[545,12],[1496,13],[2030,13],[2365,12],[3023,13]]},"328":{"position":[[249,13],[535,13],[780,13]]},"330":{"position":[[910,12],[1281,12]]},"332":{"position":[[2460,12]]},"338":{"position":[[357,12]]},"352":{"position":[[282,12]]},"354":{"position":[[286,12],[1413,13]]},"356":{"position":[[682,13]]},"366":{"position":[[759,12],[1710,13]]},"372":{"position":[[282,12]]},"390":{"position":[[3117,13]]},"398":{"position":[[1113,13]]},"520":{"position":[[265,13]]},"522":{"position":[[355,12]]},"524":{"position":[[290,13]]},"530":{"position":[[249,13]]},"538":{"position":[[284,12]]}}}],["blazorbutton2",{"_index":811,"t":{"142":{"position":[[721,13]]}}}],["blazorbuttons3",{"_index":812,"t":{"142":{"position":[[735,14]]}}}],["blazorchart",{"_index":662,"t":{"104":{"position":[[1013,11]]},"132":{"position":[[962,11]]},"148":{"position":[[837,11]]},"218":{"position":[[731,11]]},"224":{"position":[[460,11]]},"240":{"position":[[740,11]]},"252":{"position":[[21,13],[454,11]]},"254":{"position":[[462,11]]},"282":{"position":[[453,11]]},"286":{"position":[[455,11]]},"306":{"position":[[455,11]]},"308":{"position":[[2773,11]]},"314":{"position":[[734,11]]},"326":{"position":[[448,11]]},"342":{"position":[[1026,11]]},"360":{"position":[[1669,11]]},"390":{"position":[[1359,11]]},"394":{"position":[[454,11]]},"416":{"position":[[1125,11]]},"442":{"position":[[763,11]]},"490":{"position":[[450,11]]}}}],["blazorchart1",{"_index":813,"t":{"142":{"position":[[750,12]]}}}],["blazorcollaps",{"_index":484,"t":{"72":{"position":[[1093,14]]},"134":{"position":[[2608,14]]},"150":{"position":[[688,14]]},"156":{"position":[[945,14]]},"216":{"position":[[2314,14]]},"226":{"position":[[316,14]]},"230":{"position":[[312,14]]},"234":{"position":[[2323,14]]},"248":{"position":[[612,14]]},"256":{"position":[[21,16],[315,14]]},"316":{"position":[[1506,14]]},"320":{"position":[[2317,14]]},"330":{"position":[[1233,14]]},"338":{"position":[[309,14]]},"522":{"position":[[307,14]]}}}],["blazorcollapse1",{"_index":814,"t":{"142":{"position":[[763,15]]}}}],["blazorconfirmdialog",{"_index":661,"t":{"104":{"position":[[912,19]]},"132":{"position":[[861,19]]},"148":{"position":[[736,19]]},"218":{"position":[[630,19]]},"224":{"position":[[359,19]]},"240":{"position":[[639,19]]},"252":{"position":[[353,19]]},"254":{"position":[[21,21],[361,19]]},"282":{"position":[[352,19]]},"286":{"position":[[354,19]]},"306":{"position":[[354,19]]},"308":{"position":[[2672,19]]},"314":{"position":[[633,19]]},"326":{"position":[[347,19]]},"342":{"position":[[925,19]]},"360":{"position":[[1568,19]]},"390":{"position":[[1258,19]]},"394":{"position":[[353,19]]},"416":{"position":[[1024,19]]},"442":{"position":[[662,19]]},"490":{"position":[[349,19]]}}}],["blazorconfirmdialog1",{"_index":815,"t":{"142":{"position":[[779,20]]}}}],["blazorconfirmmod",{"_index":409,"t":{"54":{"position":[[813,18]]},"136":{"position":[[1800,18]]},"222":{"position":[[1501,18]]},"236":{"position":[[1510,18]]},"258":{"position":[[21,20],[317,18]]},"264":{"position":[[311,18]]},"282":{"position":[[2594,18]]},"312":{"position":[[758,18]]},"322":{"position":[[1504,18]]},"348":{"position":[[311,18]]},"358":{"position":[[305,18]]},"388":{"position":[[304,18]]},"516":{"position":[[305,18]]}}}],["blazorconfirmmodal1",{"_index":816,"t":{"142":{"position":[[800,19]]}}}],["blazorcurrencyinput",{"_index":384,"t":{"50":{"position":[[547,19]]},"76":{"position":[[410,19]]},"80":{"position":[[1818,19]]},"134":{"position":[[1450,19],[2045,19]]},"136":{"position":[[2942,19]]},"148":{"position":[[1164,19]]},"162":{"position":[[589,19]]},"168":{"position":[[336,19]]},"186":{"position":[[328,19]]},"216":{"position":[[1156,19],[1751,19]]},"222":{"position":[[2643,19]]},"224":{"position":[[787,19]]},"234":{"position":[[1165,19],[1760,19]]},"236":{"position":[[2652,19]]},"260":{"position":[[20,21],[356,19],[706,19],[1013,19]]},"266":{"position":[[652,19]]},"272":{"position":[[2206,19]]},"278":{"position":[[327,19]]},"284":{"position":[[352,19]]},"290":{"position":[[349,19]]},"294":{"position":[[355,19]]},"300":{"position":[[638,19]]},"316":{"position":[[348,19],[943,19]]},"320":{"position":[[1159,19],[1754,19]]},"346":{"position":[[664,19],[1014,19]]},"350":{"position":[[264,19]]},"354":{"position":[[646,19]]},"366":{"position":[[1373,19]]},"386":{"position":[[662,19]]},"398":{"position":[[346,19]]},"424":{"position":[[618,19]]},"434":{"position":[[632,19]]},"500":{"position":[[321,19]]},"528":{"position":[[262,19]]},"534":{"position":[[344,19]]}}}],["blazorcurrencyinput3",{"_index":817,"t":{"142":{"position":[[820,20]]}}}],["blazord",{"_index":502,"t":{"74":{"position":[[1102,10]]},"134":{"position":[[3012,10]]},"216":{"position":[[2718,10]]},"234":{"position":[[2727,10]]},"262":{"position":[[21,12],[381,10]]},"266":{"position":[[1117,10]]},"270":{"position":[[386,10]]},"272":{"position":[[2916,10]]},"282":{"position":[[1909,10]]},"284":{"position":[[817,10]]},"296":{"position":[[381,10]]},"298":{"position":[[387,10]]},"300":{"position":[[1103,10]]},"316":{"position":[[1910,10]]},"320":{"position":[[2721,10]]},"354":{"position":[[1111,10]]},"356":{"position":[[380,10]]},"366":{"position":[[2083,10]]},"390":{"position":[[2815,10]]},"398":{"position":[[811,10]]},"430":{"position":[[381,10]]},"434":{"position":[[1097,10]]},"526":{"position":[[377,10]]}}}],["blazordate1",{"_index":818,"t":{"142":{"position":[[841,11]]}}}],["blazordateinput",{"_index":452,"t":{"68":{"position":[[1023,15]]},"74":{"position":[[1069,15]]},"80":{"position":[[1848,15]]},"82":{"position":[[656,15]]},"134":{"position":[[870,15],[1480,15],[2979,15]]},"136":{"position":[[256,15]]},"148":{"position":[[1194,15]]},"216":{"position":[[576,15],[1186,15],[2685,15],[3055,15]]},"224":{"position":[[817,15]]},"234":{"position":[[585,15],[1195,15],[2694,15],[3064,15]]},"248":{"position":[[323,15]]},"250":{"position":[[821,15]]},"260":{"position":[[386,15]]},"262":{"position":[[348,15]]},"266":{"position":[[20,17],[326,15],[682,15],[1084,15],[1454,15]]},"270":{"position":[[353,15],[723,15]]},"272":{"position":[[1626,15],[2236,15],[2883,15]]},"282":{"position":[[1876,15],[2246,15]]},"284":{"position":[[382,15],[784,15],[1154,15]]},"290":{"position":[[379,15]]},"294":{"position":[[385,15]]},"296":{"position":[[348,15]]},"298":{"position":[[354,15]]},"300":{"position":[[668,15],[1070,15]]},"316":{"position":[[378,15],[1877,15],[2247,15]]},"320":{"position":[[579,15],[1189,15],[2688,15],[3058,15]]},"328":{"position":[[815,15]]},"330":{"position":[[944,15]]},"332":{"position":[[2494,15]]},"346":{"position":[[694,15]]},"352":{"position":[[316,15]]},"354":{"position":[[320,15],[676,15],[1078,15],[1448,15]]},"356":{"position":[[347,15],[717,15]]},"366":{"position":[[793,15],[1403,15],[2050,15]]},"372":{"position":[[316,15]]},"386":{"position":[[692,15]]},"390":{"position":[[2782,15],[3152,15]]},"398":{"position":[[376,15],[778,15],[1148,15]]},"424":{"position":[[648,15]]},"430":{"position":[[348,15]]},"434":{"position":[[662,15],[1064,15]]},"520":{"position":[[300,15]]},"526":{"position":[[344,15]]},"534":{"position":[[374,15]]},"538":{"position":[[318,15]]}}}],["blazordateinput4",{"_index":819,"t":{"142":{"position":[[853,16]]}}}],["blazordatepick",{"_index":453,"t":{"68":{"position":[[1039,16]]},"74":{"position":[[1085,16]]},"134":{"position":[[2995,16]]},"136":{"position":[[272,16]]},"216":{"position":[[2701,16],[3071,16]]},"234":{"position":[[2710,16],[3080,16]]},"250":{"position":[[837,16]]},"262":{"position":[[364,16]]},"266":{"position":[[1100,16],[1470,16]]},"270":{"position":[[20,18],[369,16],[739,16]]},"272":{"position":[[2899,16]]},"282":{"position":[[1892,16],[2262,16]]},"284":{"position":[[800,16],[1170,16]]},"296":{"position":[[364,16]]},"298":{"position":[[370,16]]},"300":{"position":[[1086,16]]},"316":{"position":[[1893,16],[2263,16]]},"320":{"position":[[2704,16],[3074,16]]},"328":{"position":[[831,16]]},"354":{"position":[[1094,16],[1464,16]]},"356":{"position":[[363,16],[733,16]]},"366":{"position":[[2066,16]]},"390":{"position":[[2798,16],[3168,16]]},"398":{"position":[[794,16],[1164,16]]},"430":{"position":[[364,16]]},"434":{"position":[[1080,16]]},"520":{"position":[[316,16]]},"526":{"position":[[360,16]]}}}],["blazordatepicker2",{"_index":820,"t":{"142":{"position":[[870,17]]}}}],["blazordialog",{"_index":410,"t":{"54":{"position":[[839,12]]},"136":{"position":[[1826,12]]},"222":{"position":[[1527,12]]},"236":{"position":[[1536,12]]},"258":{"position":[[343,12]]},"264":{"position":[[21,14],[337,12]]},"282":{"position":[[2620,12]]},"312":{"position":[[784,12]]},"322":{"position":[[1530,12]]},"348":{"position":[[337,12]]},"358":{"position":[[331,12]]},"388":{"position":[[330,12]]},"516":{"position":[[331,12]]}}}],["blazordialog1",{"_index":821,"t":{"142":{"position":[[888,13]]}}}],["blazordropdown",{"_index":673,"t":{"106":{"position":[[568,14]]},"132":{"position":[[511,14]]},"218":{"position":[[280,14]]},"240":{"position":[[289,14]]},"268":{"position":[[21,16],[288,14]]},"276":{"position":[[283,14]]},"308":{"position":[[2322,14]]},"314":{"position":[[283,14]]},"360":{"position":[[1218,14]]},"362":{"position":[[634,14]]},"376":{"position":[[277,14]]},"496":{"position":[[281,14]]}}}],["blazordropdown1",{"_index":822,"t":{"142":{"position":[[902,15]]}}}],["blazorgrid",{"_index":346,"t":{"42":{"position":[[399,10]]},"62":{"position":[[403,10]]},"64":{"position":[[462,10]]},"74":{"position":[[1118,10]]},"78":{"position":[[516,10]]},"80":{"position":[[1735,10]]},"82":{"position":[[604,10]]},"84":{"position":[[462,10]]},"92":{"position":[[446,10]]},"96":{"position":[[1037,10]]},"98":{"position":[[659,10]]},"100":{"position":[[562,10]]},"102":{"position":[[1553,10]]},"132":{"position":[[1216,10],[1509,10],[1751,10],[2266,10]]},"134":{"position":[[551,10],[818,10],[1107,10],[1367,10],[1806,10],[3028,10]]},"136":{"position":[[820,10],[1069,10]]},"138":{"position":[[1544,10]]},"148":{"position":[[1081,10]]},"172":{"position":[[277,10],[526,10],[716,10]]},"176":{"position":[[225,10]]},"178":{"position":[[226,10]]},"182":{"position":[[228,10]]},"216":{"position":[[257,10],[524,10],[813,10],[1073,10],[1512,10],[2734,10]]},"218":{"position":[[985,10],[1278,10],[1520,10],[2035,10]]},"222":{"position":[[521,10],[770,10]]},"224":{"position":[[704,10]]},"234":{"position":[[266,10],[533,10],[822,10],[1082,10],[1521,10],[2743,10]]},"236":{"position":[[530,10],[779,10]]},"238":{"position":[[1191,10]]},"240":{"position":[[994,10],[1287,10],[1529,10],[2044,10]]},"248":{"position":[[271,10]]},"250":{"position":[[274,10]]},"260":{"position":[[273,10]]},"262":{"position":[[397,10]]},"266":{"position":[[274,10],[569,10],[1133,10]]},"270":{"position":[[402,10]]},"272":{"position":[[21,12],[275,10],[568,10],[810,10],[1073,10],[1307,10],[1574,10],[1863,10],[2123,10],[2562,10],[2932,10]]},"274":{"position":[[21,12],[277,10],[526,10],[716,10]]},"282":{"position":[[701,10],[1925,10]]},"284":{"position":[[269,10],[833,10]]},"288":{"position":[[265,10]]},"290":{"position":[[266,10]]},"294":{"position":[[272,10]]},"296":{"position":[[397,10]]},"298":{"position":[[403,10]]},"300":{"position":[[273,10],[555,10],[1119,10]]},"306":{"position":[[693,10]]},"308":{"position":[[3027,10]]},"314":{"position":[[988,10],[1281,10],[1523,10],[2038,10]]},"316":{"position":[[265,10],[704,10],[1926,10],[2811,10],[3060,10]]},"320":{"position":[[260,10],[527,10],[816,10],[1076,10],[1515,10],[2737,10]]},"322":{"position":[[524,10],[773,10]]},"328":{"position":[[268,10]]},"330":{"position":[[892,10]]},"332":{"position":[[320,10],[562,10],[1077,10],[2175,10],[2442,10],[2731,10]]},"346":{"position":[[581,10]]},"352":{"position":[[264,10]]},"354":{"position":[[268,10],[563,10],[1127,10]]},"356":{"position":[[396,10]]},"366":{"position":[[240,10],[474,10],[741,10],[1030,10],[1290,10],[1729,10],[2099,10],[2393,10],[2642,10]]},"368":{"position":[[2478,10],[2771,10],[3013,10]]},"372":{"position":[[264,10]]},"386":{"position":[[579,10]]},"390":{"position":[[1607,10],[2831,10]]},"398":{"position":[[263,10],[827,10]]},"406":{"position":[[258,10]]},"424":{"position":[[535,10]]},"430":{"position":[[397,10]]},"434":{"position":[[267,10],[549,10],[1113,10]]},"442":{"position":[[1001,10]]},"474":{"position":[[213,10]]},"486":{"position":[[317,10]]},"488":{"position":[[272,10]]},"512":{"position":[[272,10]]},"514":{"position":[[273,10]]},"526":{"position":[[393,10]]},"530":{"position":[[268,10]]},"532":{"position":[[255,10]]},"534":{"position":[[261,10]]},"536":{"position":[[257,10]]},"538":{"position":[[266,10]]},"544":{"position":[[242,10]]},"554":{"position":[[265,10]]}}}],["blazorgrid13",{"_index":823,"t":{"142":{"position":[[918,12]]}}}],["blazoricon",{"_index":576,"t":{"88":{"position":[[809,10]]},"106":{"position":[[588,10]]},"132":{"position":[[531,10]]},"134":{"position":[[249,10]]},"218":{"position":[[300,10],[2831,10]]},"240":{"position":[[309,10],[2840,10]]},"268":{"position":[[308,10]]},"276":{"position":[[20,12],[303,10],[578,10]]},"280":{"position":[[556,10]]},"282":{"position":[[1487,10]]},"292":{"position":[[297,10]]},"302":{"position":[[298,10]]},"308":{"position":[[2342,10]]},"314":{"position":[[303,10],[2834,10]]},"332":{"position":[[1873,10]]},"360":{"position":[[1238,10]]},"362":{"position":[[654,10]]},"376":{"position":[[297,10],[572,10]]},"390":{"position":[[2393,10]]},"394":{"position":[[982,10]]},"428":{"position":[[966,10]]},"436":{"position":[[292,10]]},"496":{"position":[[301,10]]},"540":{"position":[[293,10]]}}}],["blazoricon2",{"_index":824,"t":{"142":{"position":[[931,11]]}}}],["blazoris",{"_index":109,"t":{"2":{"position":[[2487,10],[2512,9],[2593,9],[2652,9],[3039,9]]},"118":{"position":[[652,10],[677,9],[758,9],[817,9],[1204,9]]}}}],["blazorise'",{"_index":97,"t":{"2":{"position":[[2272,11],[2775,11]]},"118":{"position":[[437,11],[940,11]]}}}],["blazormod",{"_index":407,"t":{"54":{"position":[[788,11]]},"68":{"position":[[1088,11]]},"74":{"position":[[1135,11]]},"88":{"position":[[792,11]]},"90":{"position":[[366,11]]},"94":{"position":[[380,11]]},"96":{"position":[[1080,11]]},"104":{"position":[[938,11]]},"132":{"position":[[887,11],[1794,11],[2027,11],[2485,11]]},"134":{"position":[[232,11],[3045,11]]},"136":{"position":[[321,11],[1775,11]]},"148":{"position":[[762,11]]},"216":{"position":[[2751,11],[3120,11]]},"218":{"position":[[656,11],[1563,11],[1796,11],[2254,11],[2814,11]]},"222":{"position":[[1476,11]]},"224":{"position":[[385,11]]},"234":{"position":[[2760,11],[3129,11]]},"236":{"position":[[1485,11]]},"240":{"position":[[665,11],[1572,11],[1805,11],[2263,11],[2823,11]]},"250":{"position":[[886,11]]},"252":{"position":[[379,11]]},"254":{"position":[[387,11]]},"258":{"position":[[292,11]]},"262":{"position":[[414,11]]},"264":{"position":[[286,11]]},"266":{"position":[[1150,11],[1519,11]]},"270":{"position":[[419,11],[788,11]]},"272":{"position":[[853,11],[2949,11]]},"276":{"position":[[561,11]]},"280":{"position":[[266,11],[539,11]]},"282":{"position":[[20,13],[378,11],[744,11],[977,11],[1216,11],[1470,11],[1942,11],[2311,11],[2569,11]]},"284":{"position":[[850,11],[1219,11]]},"286":{"position":[[380,11]]},"292":{"position":[[280,11]]},"296":{"position":[[414,11]]},"298":{"position":[[420,11]]},"300":{"position":[[316,11],[1136,11]]},"302":{"position":[[281,11]]},"306":{"position":[[380,11]]},"308":{"position":[[2698,11]]},"312":{"position":[[733,11]]},"314":{"position":[[659,11],[1566,11],[1799,11],[2257,11],[2817,11]]},"316":{"position":[[1943,11],[2312,11]]},"320":{"position":[[2754,11],[3123,11]]},"322":{"position":[[1479,11]]},"326":{"position":[[373,11]]},"328":{"position":[[880,11]]},"332":{"position":[[605,11],[838,11],[1296,11],[1856,11]]},"342":{"position":[[951,11]]},"348":{"position":[[286,11]]},"354":{"position":[[1144,11],[1513,11]]},"356":{"position":[[413,11],[782,11]]},"358":{"position":[[280,11]]},"360":{"position":[[1594,11]]},"366":{"position":[[2116,11]]},"368":{"position":[[3056,11]]},"376":{"position":[[555,11]]},"388":{"position":[[279,11]]},"390":{"position":[[1284,11],[1650,11],[1883,11],[2122,11],[2376,11],[2848,11],[3217,11]]},"394":{"position":[[379,11],[692,11],[965,11]]},"398":{"position":[[844,11],[1213,11]]},"416":{"position":[[1050,11]]},"428":{"position":[[949,11]]},"430":{"position":[[414,11]]},"434":{"position":[[310,11],[1130,11]]},"436":{"position":[[275,11]]},"442":{"position":[[688,11]]},"490":{"position":[[375,11]]},"516":{"position":[[280,11]]},"520":{"position":[[365,11]]},"526":{"position":[[410,11]]},"540":{"position":[[276,11]]},"546":{"position":[[242,11]]},"550":{"position":[[255,11]]},"554":{"position":[[308,11]]}}}],["blazormodal8",{"_index":825,"t":{"142":{"position":[[943,12]]}}}],["blazormodalservic",{"_index":578,"t":{"88":{"position":[[833,18]]},"94":{"position":[[392,18]]},"132":{"position":[[2039,18]]},"134":{"position":[[273,18]]},"218":{"position":[[1808,18],[2855,18]]},"240":{"position":[[1817,18],[2864,18]]},"276":{"position":[[602,18]]},"280":{"position":[[20,20],[278,18],[580,18]]},"282":{"position":[[989,18],[1511,18]]},"292":{"position":[[321,18]]},"302":{"position":[[322,18]]},"314":{"position":[[1811,18],[2858,18]]},"332":{"position":[[850,18],[1897,18]]},"376":{"position":[[596,18]]},"390":{"position":[[1895,18],[2417,18]]},"394":{"position":[[704,18],[1006,18]]},"428":{"position":[[990,18]]},"436":{"position":[[316,18]]},"540":{"position":[[317,18]]},"550":{"position":[[267,18]]}}}],["blazormodalservice2",{"_index":826,"t":{"142":{"position":[[956,19]]}}}],["blazornumb",{"_index":383,"t":{"50":{"position":[[520,12]]},"136":{"position":[[2915,12]]},"162":{"position":[[562,12]]},"168":{"position":[[309,12]]},"186":{"position":[[301,12]]},"222":{"position":[[2616,12]]},"236":{"position":[[2625,12]]},"260":{"position":[[986,12]]},"278":{"position":[[21,14],[300,12]]},"500":{"position":[[294,12]]}}}],["blazornumber1",{"_index":827,"t":{"142":{"position":[[976,13]]}}}],["blazornumberinput",{"_index":533,"t":{"80":{"position":[[1876,17]]},"134":{"position":[[1508,17]]},"148":{"position":[[1222,17]]},"216":{"position":[[1214,17]]},"224":{"position":[[845,17]]},"234":{"position":[[1223,17]]},"260":{"position":[[414,17]]},"266":{"position":[[710,17]]},"272":{"position":[[2264,17]]},"284":{"position":[[410,17]]},"290":{"position":[[407,17]]},"294":{"position":[[21,19],[413,17]]},"300":{"position":[[696,17]]},"316":{"position":[[406,17]]},"320":{"position":[[1217,17]]},"346":{"position":[[722,17]]},"354":{"position":[[704,17]]},"366":{"position":[[1431,17]]},"386":{"position":[[720,17]]},"398":{"position":[[404,17]]},"424":{"position":[[676,17]]},"434":{"position":[[690,17]]},"534":{"position":[[402,17]]}}}],["blazornumberinput1",{"_index":828,"t":{"142":{"position":[[990,18]]}}}],["blazoroffcanva",{"_index":454,"t":{"68":{"position":[[1066,15]]},"74":{"position":[[1157,15]]},"80":{"position":[[1756,15]]},"134":{"position":[[1388,15],[3067,15]]},"136":{"position":[[299,15]]},"148":{"position":[[1102,15]]},"216":{"position":[[1094,15],[2773,15],[3098,15]]},"224":{"position":[[725,15]]},"234":{"position":[[1103,15],[2782,15],[3107,15]]},"250":{"position":[[864,15]]},"260":{"position":[[294,15]]},"262":{"position":[[436,15]]},"266":{"position":[[590,15],[1172,15],[1497,15]]},"270":{"position":[[441,15],[766,15]]},"272":{"position":[[2144,15],[2971,15]]},"282":{"position":[[1964,15],[2289,15]]},"284":{"position":[[20,17],[290,15],[872,15],[1197,15]]},"290":{"position":[[287,15]]},"294":{"position":[[293,15]]},"296":{"position":[[436,15]]},"298":{"position":[[442,15]]},"300":{"position":[[576,15],[1158,15]]},"316":{"position":[[286,15],[1965,15],[2290,15]]},"320":{"position":[[1097,15],[2776,15],[3101,15]]},"328":{"position":[[858,15]]},"346":{"position":[[602,15]]},"354":{"position":[[584,15],[1166,15],[1491,15]]},"356":{"position":[[435,15],[760,15]]},"366":{"position":[[1311,15],[2138,15]]},"386":{"position":[[600,15]]},"390":{"position":[[2870,15],[3195,15]]},"398":{"position":[[284,15],[866,15],[1191,15]]},"424":{"position":[[556,15]]},"430":{"position":[[436,15]]},"434":{"position":[[570,15],[1152,15]]},"520":{"position":[[343,15]]},"526":{"position":[[432,15]]},"534":{"position":[[282,15]]}}}],["blazoroffcanvas3",{"_index":829,"t":{"142":{"position":[[1009,16]]}}}],["blazorprogress",{"_index":556,"t":{"84":{"position":[[482,14]]},"134":{"position":[[571,14]]},"216":{"position":[[277,14]]},"234":{"position":[[286,14]]},"272":{"position":[[1327,14]]},"288":{"position":[[21,16],[285,14]]},"320":{"position":[[280,14]]},"332":{"position":[[2195,14]]},"366":{"position":[[494,14]]},"406":{"position":[[278,14]]},"536":{"position":[[277,14]]}}}],["blazorprogress1",{"_index":830,"t":{"142":{"position":[[1026,15]]}}}],["blazorsidebar",{"_index":414,"t":{"56":{"position":[[414,13]]},"104":{"position":[[993,13]]},"132":{"position":[[942,13]]},"136":{"position":[[2066,13]]},"148":{"position":[[817,13]]},"218":{"position":[[711,13]]},"222":{"position":[[1767,13]]},"224":{"position":[[440,13]]},"236":{"position":[[1776,13]]},"240":{"position":[[720,13]]},"252":{"position":[[434,13]]},"254":{"position":[[442,13]]},"282":{"position":[[433,13]]},"286":{"position":[[20,15],[435,13],[699,13]]},"306":{"position":[[435,13]]},"308":{"position":[[2753,13]]},"314":{"position":[[714,13]]},"326":{"position":[[428,13]]},"342":{"position":[[1006,13]]},"360":{"position":[[1649,13]]},"378":{"position":[[261,13]]},"382":{"position":[[263,13]]},"384":{"position":[[265,13]]},"390":{"position":[[1339,13]]},"394":{"position":[[434,13]]},"416":{"position":[[1105,13],[1369,13]]},"442":{"position":[[743,13]]},"490":{"position":[[430,13]]},"508":{"position":[[261,13]]}}}],["blazorsidebar2",{"_index":831,"t":{"142":{"position":[[1042,14]]}}}],["blazorswitch",{"_index":389,"t":{"52":{"position":[[487,12]]},"80":{"position":[[1901,12]]},"134":{"position":[[1533,12]]},"136":{"position":[[2642,12]]},"148":{"position":[[1247,12]]},"162":{"position":[[289,12]]},"216":{"position":[[1239,12]]},"222":{"position":[[2343,12]]},"224":{"position":[[870,12]]},"234":{"position":[[1248,12]]},"236":{"position":[[2352,12]]},"260":{"position":[[439,12]]},"266":{"position":[[735,12]]},"272":{"position":[[2289,12]]},"284":{"position":[[435,12]]},"290":{"position":[[20,14],[432,12],[717,12]]},"294":{"position":[[438,12]]},"300":{"position":[[721,12]]},"316":{"position":[[431,12]]},"320":{"position":[[1242,12]]},"346":{"position":[[747,12]]},"354":{"position":[[729,12]]},"366":{"position":[[1456,12]]},"386":{"position":[[745,12]]},"398":{"position":[[429,12]]},"424":{"position":[[701,12]]},"434":{"position":[[715,12]]},"506":{"position":[[280,12]]},"534":{"position":[[427,12]]}}}],["blazorswitch2",{"_index":832,"t":{"142":{"position":[[1057,13]]}}}],["blazortab",{"_index":579,"t":{"88":{"position":[[877,10]]},"134":{"position":[[317,10]]},"218":{"position":[[2899,10]]},"240":{"position":[[2908,10]]},"276":{"position":[[646,10]]},"280":{"position":[[624,10]]},"282":{"position":[[1555,10]]},"292":{"position":[[21,12],[365,10]]},"302":{"position":[[366,10]]},"314":{"position":[[2902,10]]},"332":{"position":[[1941,10]]},"376":{"position":[[640,10]]},"390":{"position":[[2461,10]]},"394":{"position":[[1050,10]]},"428":{"position":[[1034,10]]},"436":{"position":[[360,10]]},"540":{"position":[[361,10]]}}}],["blazortabs1",{"_index":833,"t":{"142":{"position":[[1071,11]]}}}],["blazortim",{"_index":501,"t":{"74":{"position":[[1037,10]]},"134":{"position":[[2947,10]]},"216":{"position":[[2653,10]]},"234":{"position":[[2662,10]]},"262":{"position":[[316,10]]},"266":{"position":[[1052,10]]},"270":{"position":[[321,10]]},"272":{"position":[[2851,10]]},"282":{"position":[[1844,10]]},"284":{"position":[[752,10]]},"296":{"position":[[21,12],[316,10]]},"298":{"position":[[322,10]]},"300":{"position":[[1038,10]]},"316":{"position":[[1845,10]]},"320":{"position":[[2656,10]]},"354":{"position":[[1046,10]]},"356":{"position":[[315,10]]},"366":{"position":[[2018,10]]},"390":{"position":[[2750,10]]},"398":{"position":[[746,10]]},"430":{"position":[[316,10]]},"434":{"position":[[1032,10]]},"526":{"position":[[312,10]]}}}],["blazortime1",{"_index":834,"t":{"142":{"position":[[1083,11]]}}}],["blazortimeinput",{"_index":499,"t":{"74":{"position":[[1004,15]]},"80":{"position":[[1924,15]]},"96":{"position":[[1058,15]]},"132":{"position":[[1772,15]]},"134":{"position":[[1556,15],[2914,15]]},"148":{"position":[[1270,15]]},"216":{"position":[[1262,15],[2620,15]]},"218":{"position":[[1541,15]]},"224":{"position":[[893,15]]},"234":{"position":[[1271,15],[2629,15]]},"240":{"position":[[1550,15]]},"260":{"position":[[462,15]]},"262":{"position":[[283,15]]},"266":{"position":[[758,15],[1019,15]]},"270":{"position":[[288,15]]},"272":{"position":[[831,15],[2312,15],[2818,15]]},"282":{"position":[[722,15],[1811,15]]},"284":{"position":[[458,15],[719,15]]},"290":{"position":[[455,15]]},"294":{"position":[[461,15]]},"296":{"position":[[283,15]]},"298":{"position":[[289,15]]},"300":{"position":[[20,17],[294,15],[744,15],[1005,15]]},"314":{"position":[[1544,15]]},"316":{"position":[[454,15],[1812,15]]},"320":{"position":[[1265,15],[2623,15]]},"332":{"position":[[583,15]]},"346":{"position":[[770,15]]},"354":{"position":[[752,15],[1013,15]]},"356":{"position":[[282,15]]},"366":{"position":[[1479,15],[1985,15]]},"368":{"position":[[3034,15]]},"386":{"position":[[768,15]]},"390":{"position":[[1628,15],[2717,15]]},"398":{"position":[[452,15],[713,15]]},"424":{"position":[[724,15]]},"430":{"position":[[283,15]]},"434":{"position":[[288,15],[738,15],[999,15]]},"526":{"position":[[279,15]]},"534":{"position":[[450,15]]},"554":{"position":[[286,15]]}}}],["blazortimeinput3",{"_index":835,"t":{"142":{"position":[[1095,16]]}}}],["blazortimepick",{"_index":500,"t":{"74":{"position":[[1020,16]]},"134":{"position":[[2930,16]]},"216":{"position":[[2636,16]]},"234":{"position":[[2645,16]]},"262":{"position":[[299,16]]},"266":{"position":[[1035,16]]},"270":{"position":[[304,16]]},"272":{"position":[[2834,16]]},"282":{"position":[[1827,16]]},"284":{"position":[[735,16]]},"296":{"position":[[299,16]]},"298":{"position":[[21,18],[305,16]]},"300":{"position":[[1021,16]]},"316":{"position":[[1828,16]]},"320":{"position":[[2639,16]]},"354":{"position":[[1029,16]]},"356":{"position":[[298,16]]},"366":{"position":[[2001,16]]},"390":{"position":[[2733,16]]},"398":{"position":[[729,16]]},"430":{"position":[[299,16]]},"434":{"position":[[1015,16]]},"526":{"position":[[295,16]]}}}],["blazortimepicker1",{"_index":836,"t":{"142":{"position":[[1112,17]]}}}],["blazortoast",{"_index":443,"t":{"66":{"position":[[433,12]]},"86":{"position":[[492,11]]},"88":{"position":[[859,12]]},"132":{"position":[[2778,11]]},"134":{"position":[[299,12]]},"136":{"position":[[568,12]]},"214":{"position":[[275,12]]},"218":{"position":[[2547,11],[2881,12]]},"222":{"position":[[269,12]]},"236":{"position":[[278,12]]},"240":{"position":[[2556,11],[2890,12]]},"246":{"position":[[325,11]]},"276":{"position":[[628,12]]},"280":{"position":[[606,12]]},"282":{"position":[[1537,12]]},"292":{"position":[[347,12]]},"302":{"position":[[20,14],[348,12],[612,12]]},"304":{"position":[[21,13],[320,11]]},"314":{"position":[[2550,11],[2884,12]]},"316":{"position":[[2559,12]]},"318":{"position":[[319,11]]},"322":{"position":[[272,12]]},"324":{"position":[[326,11]]},"332":{"position":[[1589,11],[1923,12]]},"376":{"position":[[622,12]]},"390":{"position":[[2443,12]]},"394":{"position":[[1032,12]]},"428":{"position":[[1016,12]]},"432":{"position":[[596,11]]},"436":{"position":[[342,12],[606,12]]},"438":{"position":[[321,11]]},"518":{"position":[[269,12]]},"540":{"position":[[343,12]]},"542":{"position":[[315,11]]}}}],["blazortoast1",{"_index":837,"t":{"142":{"position":[[1130,12]]}}}],["blazortoasts2",{"_index":838,"t":{"142":{"position":[[1143,13]]}}}],["blazortooltip",{"_index":614,"t":{"98":{"position":[[678,13]]},"104":{"position":[[971,13]]},"132":{"position":[[920,13]]},"134":{"position":[[1126,13]]},"148":{"position":[[795,13]]},"216":{"position":[[832,13]]},"218":{"position":[[689,13]]},"224":{"position":[[418,13]]},"234":{"position":[[841,13]]},"240":{"position":[[698,13]]},"252":{"position":[[412,13]]},"254":{"position":[[420,13]]},"272":{"position":[[1882,13]]},"282":{"position":[[411,13]]},"286":{"position":[[413,13]]},"306":{"position":[[20,15],[413,13],[712,13]]},"308":{"position":[[2731,13]]},"314":{"position":[[692,13]]},"320":{"position":[[835,13]]},"326":{"position":[[406,13]]},"332":{"position":[[2750,13]]},"342":{"position":[[984,13]]},"360":{"position":[[1627,13]]},"366":{"position":[[1049,13]]},"390":{"position":[[1317,13]]},"394":{"position":[[412,13]]},"416":{"position":[[1083,13]]},"442":{"position":[[721,13],[1020,13]]},"490":{"position":[[408,13]]},"532":{"position":[[274,13]]}}}],["blazortooltip2",{"_index":839,"t":{"142":{"position":[[1157,14]]}}}],["block",{"_index":1398,"t":{"574":{"position":[[295,5],[329,5],[5461,5],[5516,6],[5910,5],[6383,5],[9886,5]]},"580":{"position":[[3289,5],[5244,7]]},"590":{"position":[[1551,5]]},"604":{"position":[[4298,5]]},"608":{"position":[[1146,6]]},"614":{"position":[[1223,6]]},"626":{"position":[[1371,8],[1421,8]]},"630":{"position":[[1889,8],[1939,8]]}}}],["bob",{"_index":4383,"t":{"668":{"position":[[8485,6],[10985,6],[13264,6],[16065,6],[19245,6],[22387,6],[25069,6],[28465,6],[34923,6],[37571,6],[40147,6],[42744,6],[45332,6],[48306,6],[61702,6],[64330,6],[66788,6],[70533,6],[73783,6],[76895,6],[80380,6],[83561,6],[86587,6],[90028,6],[94242,6],[97065,6],[99860,6],[105081,6],[113514,6],[115734,6],[118201,6],[122345,6],[126255,6],[139911,6],[142626,6],[145322,6],[148329,6],[151532,6]]}}}],["bob@blazorbootstrap.com",{"_index":4475,"t":{"668":{"position":[[28498,26],[48339,26]]}}}],["bodi",{"_index":630,"t":{"102":{"position":[[465,6]]},"568":{"position":[[2820,5],[3371,5],[3921,5],[4684,5],[5309,5],[5932,5],[6674,5],[7225,5],[7775,5],[8476,5],[9041,5],[9591,5],[10306,5],[10857,5],[11407,5],[12486,5],[13049,5],[13611,5],[14169,5],[14717,5],[15277,5],[18803,5],[19354,5],[19904,5],[21188,5],[21761,5],[22333,5]]},"578":{"position":[[1059,4],[6399,4],[7631,4]]},"580":{"position":[[3270,5],[3429,5],[13608,4]]},"582":{"position":[[282,4],[354,4],[787,4],[3030,4]]},"588":{"position":[[281,4],[353,4],[1105,5],[3194,6],[3627,4],[14356,4]]},"606":{"position":[[1736,5]]},"636":{"position":[[1509,4],[4640,6],[5681,7],[7320,5]]},"638":{"position":[[964,4],[4141,6],[5447,7]]},"640":{"position":[[1326,4],[4517,6],[6205,7],[7844,5]]},"642":{"position":[[1340,4],[4363,6],[5377,7],[6743,5]]},"644":{"position":[[1340,4],[4419,6],[5578,7],[6904,5]]},"646":{"position":[[984,4]]},"648":{"position":[[984,4]]},"650":{"position":[[1009,4],[3890,6],[5198,7]]},"652":{"position":[[951,5]]},"654":{"position":[[956,5]]},"656":{"position":[[994,4],[3875,6],[5453,7]]},"658":{"position":[[2042,4],[3225,4],[4001,4],[4398,4],[4831,4]]}}}],["body.</b",{"_index":1186,"t":{"568":{"position":[[2438,9],[2988,9],[3538,9],[4302,9],[4926,9],[5549,9],[6292,9],[6842,9],[7392,9],[8094,9],[8658,9],[9208,9],[9924,9],[10474,9],[11024,9],[12104,9],[12666,9],[13228,9],[13786,9],[14334,9],[14894,9],[18421,9],[18971,9],[19521,9],[20806,9],[21378,9],[21950,9]]}}}],["bodycssclass",{"_index":1772,"t":{"582":{"position":[[240,12]]},"588":{"position":[[239,12]]}}}],["bodytempl",{"_index":1773,"t":{"582":{"position":[[304,12],[7580,14],[11239,15],[11821,14],[15480,15],[15962,14],[19621,15],[20298,14],[20438,15]]},"588":{"position":[[303,12],[3606,14],[3648,15],[8032,14],[8125,15],[8838,14],[9312,15],[9938,14],[9990,15],[10595,14],[11069,15],[14335,14],[14377,15]]}}}],["bodytemplate>...</bodytempl",{"_index":1833,"t":{"582":{"position":[[7116,32]]},"588":{"position":[[11784,32],[11892,32],[12000,32],[12522,32],[12655,32],[12789,32],[12922,32],[13060,32],[13205,32]]}}}],["bold\">designation</div",{"_index":5203,"t":{"668":{"position":[[147799,23],[150985,23]]}}}],["bold\">doj</div",{"_index":5205,"t":{"668":{"position":[[147913,15],[151096,15]]}}}],["bold\">id</div",{"_index":5199,"t":{"668":{"position":[[147603,14],[150795,14]]}}}],["bold\">isactive</div",{"_index":5207,"t":{"668":{"position":[[148011,20],[151191,20]]}}}],["bold\">name</div",{"_index":5201,"t":{"668":{"position":[[147699,16],[150888,16]]}}}],["bool",{"_index":1032,"t":{"564":{"position":[[429,4]]},"566":{"position":[[463,4]]},"568":{"position":[[220,4],[411,4],[1932,4]]},"574":{"position":[[240,4],[301,4],[540,4],[605,4],[872,4],[5257,4]]},"576":{"position":[[328,4],[442,4]]},"578":{"position":[[852,4],[1026,4],[1109,4]]},"580":{"position":[[1678,4]]},"582":{"position":[[389,4],[758,4],[945,4],[1216,4]]},"588":{"position":[[469,4],[1049,4],[1132,4],[1236,4],[1443,4],[1715,4]]},"594":{"position":[[227,4]]},"598":{"position":[[316,4],[450,4],[606,4],[2013,4],[2096,4]]},"602":{"position":[[477,4],[840,5],[1344,4],[12998,4]]},"604":{"position":[[549,4],[4552,4]]},"606":{"position":[[664,4],[982,4],[1193,4]]},"608":{"position":[[382,4]]},"612":{"position":[[303,4],[1598,4],[1754,4]]},"614":{"position":[[404,4],[497,4]]},"616":{"position":[[2641,4],[4051,4]]},"618":{"position":[[2394,4],[3465,4]]},"620":{"position":[[2524,4],[2739,4],[4473,4],[4548,4],[4817,4],[6017,4]]},"622":{"position":[[404,4],[11158,4]]},"624":{"position":[[2224,4],[3183,4]]},"626":{"position":[[279,4],[343,4],[444,4],[507,4],[6846,4]]},"628":{"position":[[384,4],[483,4],[546,4],[6009,4]]},"630":{"position":[[271,4],[335,4],[524,4],[587,4],[785,4],[10063,4]]},"632":{"position":[[206,4],[2518,4]]},"634":{"position":[[229,4],[335,4],[417,4],[964,4],[977,4],[1434,4],[1461,4],[2081,4],[2376,4],[2661,4]]},"658":{"position":[[621,4]]},"660":{"position":[[319,4],[808,4],[950,4],[2219,4],[2396,4],[15640,4]]},"662":{"position":[[388,4],[487,4],[550,4],[4150,4]]},"664":{"position":[[19148,4]]},"668":{"position":[[271,4],[376,4],[438,4],[499,4],[565,4],[628,4],[691,4],[1253,6],[1347,6],[1891,4],[2534,4],[2719,4],[4517,4],[5051,4],[5812,4],[5985,4],[7033,4],[79589,4],[91009,4],[91171,4],[148991,4],[152194,4]]}}}],["boolean",{"_index":1444,"t":{"574":{"position":[[3886,7]]}}}],["bootstarp",{"_index":2682,"t":{"606":{"position":[[1408,9]]}}}],["bootstrap",{"_index":1,"t":{"2":{"position":[[7,9],[237,9],[330,9],[567,9],[683,9],[899,9],[961,9],[1151,9],[1254,9],[1428,9],[1568,9],[1755,9],[3076,9],[3337,9],[3459,9],[3611,9],[3675,9],[3865,9]]},"20":{"position":[[129,9],[250,9]]},"28":{"position":[[149,9]]},"38":{"position":[[7,9],[644,9],[679,9]]},"40":{"position":[[625,9]]},"42":{"position":[[7,9],[516,9]]},"44":{"position":[[7,9],[769,9],[896,9],[931,9]]},"46":{"position":[[7,9],[808,9],[930,9],[965,9]]},"48":{"position":[[7,9],[605,9],[748,9],[783,9]]},"50":{"position":[[7,9],[510,9],[622,9],[657,9]]},"52":{"position":[[7,9],[477,9],[533,9],[568,9]]},"54":{"position":[[7,9],[745,9],[885,9],[920,9]]},"56":{"position":[[7,9],[488,9],[523,9]]},"58":{"position":[[7,9],[605,9],[640,9]]},"60":{"position":[[7,9],[214,10],[347,10],[393,10],[445,10],[486,10],[651,9],[830,9],[865,9]]},"62":{"position":[[7,9],[349,9],[447,9],[482,9]]},"64":{"position":[[7,9],[408,9],[506,9],[541,9]]},"66":{"position":[[7,9],[375,9],[479,9],[514,9]]},"68":{"position":[[7,9],[943,9],[1133,9],[1168,9]]},"70":{"position":[[7,9],[577,9],[701,9],[736,9]]},"72":{"position":[[7,9],[1029,9],[1187,9],[1222,9]]},"74":{"position":[[7,9],[670,9],[946,9],[1206,9],[1241,9]]},"76":{"position":[[7,9],[350,9],[463,9],[498,9]]},"78":{"position":[[7,9],[452,9],[560,9],[595,9]]},"80":{"position":[[7,9],[1253,9],[1693,9],[1973,9],[2008,9]]},"82":{"position":[[7,9],[562,9],[705,9],[740,9]]},"84":{"position":[[7,9],[420,9],[530,9],[565,9]]},"86":{"position":[[7,9],[403,9],[550,9],[585,9]]},"88":{"position":[[7,9],[749,9],[921,9],[956,9]]},"90":{"position":[[7,9],[323,9],[411,9],[446,9]]},"92":{"position":[[7,9],[404,9],[490,9],[525,9]]},"94":{"position":[[7,9],[324,9],[444,9],[479,9]]},"96":{"position":[[7,9],[995,9],[1125,9],[1161,9]]},"98":{"position":[[7,9],[617,9],[725,9],[760,9]]},"100":{"position":[[7,9],[520,9],[606,9],[642,9]]},"102":{"position":[[7,9],[1511,9],[1597,9],[1633,9]]},"104":{"position":[[7,9],[829,9],[1063,9],[1099,9]]},"106":{"position":[[7,9],[522,9],[637,9],[673,9]]},"108":{"position":[[7,9],[618,9],[726,9],[762,9]]},"110":{"position":[[7,9],[964,9],[1053,9],[1186,9],[1353,9]]},"112":{"position":[[7,9],[390,9],[470,9],[506,9]]},"114":{"position":[[7,9],[904,9],[1013,9],[1049,9]]},"116":{"position":[[7,9],[471,9],[574,9]]},"118":{"position":[[1267,9],[1302,9]]},"120":{"position":[[7,9],[477,9],[633,9],[668,9]]},"122":{"position":[[7,9],[431,9],[550,9],[585,9]]},"124":{"position":[[7,9],[1585,9],[1717,9],[1762,9]]},"126":{"position":[[7,9],[375,9],[453,9],[498,9]]},"128":{"position":[[7,9],[764,9],[873,9]]},"130":{"position":[[294,9],[338,9],[382,9],[426,9],[470,9],[514,9],[557,9],[600,9],[1147,9],[1191,9],[1237,9],[1280,9],[1323,9],[1364,9],[1403,9],[1442,9],[1481,9],[1520,9],[1560,9],[1600,9],[1640,9],[1679,9],[1718,9],[1759,9],[1800,9],[1841,9],[1882,9],[1923,9],[1963,9],[2007,9],[2051,9],[2094,9],[2137,9],[2180,9],[2223,9],[2267,9],[2316,9],[2367,9],[2408,9],[2449,9],[2493,9],[2574,9],[2618,9],[2661,9]]},"132":{"position":[[7,9],[190,9],[282,9],[465,9],[564,9],[778,9],[996,9],[1174,9],[1244,9],[1467,9],[1537,9],[1709,9],[1823,9],[1971,9],[2075,9],[2224,9],[2294,9],[2442,9],[2514,9],[2689,9]]},"134":{"position":[[7,9],[189,9],[345,9],[509,9],[603,9],[776,9],[903,9],[1065,9],[1157,9],[1325,9],[1589,9],[1742,9],[1834,9],[1985,9],[2082,9],[2244,9],[2352,9],[2544,9],[2686,9],[2856,9]]},"136":{"position":[[7,9],[176,9],[350,9],[510,9],[598,9],[766,9],[848,9],[1015,9],[1097,9],[1304,10],[1383,9],[1546,9],[1732,9],[1856,9],[2124,9],[2413,9],[2632,9],[2672,9],[2905,9]]},"138":{"position":[[7,9],[307,9],[413,9],[599,9],[726,9],[956,9],[1067,9],[1382,9]]},"140":{"position":[[1102,9]]},"148":{"position":[[56,9],[317,9],[439,9],[653,9],[871,9],[1039,9],[1303,9],[1465,9],[1573,9],[1780,10],[1859,9],[2022,9]]},"150":{"position":[[49,9],[310,9],[432,9],[624,9]]},"152":{"position":[[53,9],[227,9]]},"154":{"position":[[51,9],[281,9],[374,9],[611,9],[727,9],[943,9],[1005,9],[1195,9],[1298,9],[1472,9],[1612,9],[1799,9],[1886,9],[2147,9],[2269,9],[2421,9],[2485,9],[2675,9],[2768,9],[2951,9]]},"156":{"position":[[53,9],[290,9],[406,9],[596,9],[689,9],[881,9]]},"158":{"position":[[64,9],[271,10],[350,9]]},"162":{"position":[[28,10],[60,9],[279,9],[319,9],[552,9],[648,9],[948,9],[1054,9],[1240,9],[1367,9],[1597,9]]},"164":{"position":[[65,9],[365,9],[471,9],[657,9]]},"168":{"position":[[66,9],[299,9]]},"170":{"position":[[57,9],[357,9],[463,9],[649,9]]},"172":{"position":[[55,9],[223,9],[305,9],[472,9],[554,9]]},"176":{"position":[[63,9]]},"178":{"position":[[64,9]]},"180":{"position":[[64,9],[294,9]]},"182":{"position":[[66,9]]},"184":{"position":[[57,9],[287,9]]},"186":{"position":[[58,9],[291,9]]},"188":{"position":[[64,9],[294,9]]},"192":{"position":[[61,9],[247,9]]},"196":{"position":[[60,9]]},"198":{"position":[[58,9],[358,9],[464,9],[650,9]]},"200":{"position":[[61,9],[247,9]]},"202":{"position":[[58,9],[358,9],[464,9],[650,9]]},"204":{"position":[[69,9],[276,10],[355,9]]},"206":{"position":[[56,9],[286,9]]},"208":{"position":[[64,9]]},"210":{"position":[[61,9],[268,10],[347,9]]},"212":{"position":[[57,9],[357,9]]},"214":{"position":[[57,9],[217,9],[305,9]]},"216":{"position":[[51,9],[215,9],[309,9],[482,9],[609,9],[771,9],[863,9],[1031,9],[1295,9],[1448,9],[1540,9],[1691,9],[1788,9],[1950,9],[2058,9],[2250,9],[2392,9],[2562,9],[2806,9],[2975,9]]},"218":{"position":[[51,9],[234,9],[333,9],[547,9],[765,9],[943,9],[1013,9],[1236,9],[1306,9],[1478,9],[1592,9],[1740,9],[1844,9],[1993,9],[2063,9],[2211,9],[2283,9],[2458,9],[2589,9],[2771,9]]},"220":{"position":[[51,9],[237,9],[364,9],[594,9]]},"222":{"position":[[51,9],[211,9],[299,9],[467,9],[549,9],[716,9],[798,9],[1005,10],[1084,9],[1247,9],[1433,9],[1557,9],[1825,9],[2114,9],[2333,9],[2373,9],[2606,9],[2702,9],[3002,9]]},"224":{"position":[[62,9],[276,9],[494,9],[662,9],[926,9],[1088,9],[1196,9]]},"226":{"position":[[60,9],[252,9]]},"228":{"position":[[60,9],[290,9],[383,9],[620,9],[736,9],[952,9],[1014,9],[1204,9],[1307,9],[1481,9],[1621,9],[1808,9],[1895,9],[2156,9],[2278,9],[2430,9],[2494,9],[2684,9],[2777,9],[2960,9]]},"230":{"position":[[56,9],[248,9]]},"232":{"position":[[78,9],[285,10],[364,9]]},"234":{"position":[[60,9],[224,9],[318,9],[491,9],[618,9],[780,9],[872,9],[1040,9],[1304,9],[1457,9],[1549,9],[1700,9],[1797,9],[1959,9],[2067,9],[2259,9],[2401,9],[2571,9],[2815,9],[2984,9]]},"236":{"position":[[60,9],[220,9],[308,9],[476,9],[558,9],[725,9],[807,9],[1014,10],[1093,9],[1256,9],[1442,9],[1566,9],[1834,9],[2123,9],[2342,9],[2382,9],[2615,9],[2711,9],[3011,9]]},"238":{"position":[[60,9],[246,9],[373,9],[603,9],[714,9],[1029,9]]},"240":{"position":[[60,9],[243,9],[342,9],[556,9],[774,9],[952,9],[1022,9],[1245,9],[1315,9],[1487,9],[1601,9],[1749,9],[1853,9],[2002,9],[2072,9],[2220,9],[2292,9],[2467,9],[2598,9],[2780,9]]},"244":{"position":[[969,9]]},"246":{"position":[[61,9],[236,9]]},"248":{"position":[[56,9],[229,9],[356,9],[548,9]]},"250":{"position":[[57,9],[210,9],[302,9],[464,9],[572,9],[741,9]]},"252":{"position":[[56,9],[270,9]]},"254":{"position":[[64,9],[278,9]]},"256":{"position":[[59,9],[251,9]]},"258":{"position":[[63,9],[249,9]]},"260":{"position":[[63,9],[231,9],[495,9],[646,9],[743,9],[976,9]]},"262":{"position":[[55,9],[225,9]]},"264":{"position":[[57,9],[243,9]]},"266":{"position":[[59,9],[232,9],[359,9],[527,9],[791,9],[961,9],[1205,9],[1374,9]]},"268":{"position":[[59,9],[242,9]]},"270":{"position":[[60,9],[230,9],[474,9],[643,9]]},"272":{"position":[[55,9],[233,9],[303,9],[526,9],[596,9],[768,9],[882,9],[1031,9],[1101,9],[1265,9],[1359,9],[1532,9],[1659,9],[1821,9],[1913,9],[2081,9],[2345,9],[2498,9],[2590,9],[2760,9]]},"274":{"position":[[55,9],[223,9],[305,9],[472,9],[554,9]]},"276":{"position":[[54,9],[237,9],[336,9],[518,9]]},"278":{"position":[[57,9],[290,9]]},"280":{"position":[[62,9],[210,9],[314,9],[496,9]]},"282":{"position":[[55,9],[269,9],[487,9],[659,9],[773,9],[921,9],[1025,9],[1173,9],[1245,9],[1427,9],[1583,9],[1753,9],[1997,9],[2166,9],[2340,9],[2526,9]]},"284":{"position":[[59,9],[227,9],[491,9],[661,9],[905,9],[1074,9]]},"286":{"position":[[57,9],[271,9],[489,9]]},"288":{"position":[[59,9],[223,9]]},"290":{"position":[[56,9],[224,9],[488,9],[707,9]]},"292":{"position":[[55,9],[237,9]]},"294":{"position":[[62,9],[230,9]]},"296":{"position":[[55,9],[225,9]]},"298":{"position":[[61,9],[231,9]]},"300":{"position":[[59,9],[231,9],[345,9],[513,9],[777,9],[947,9]]},"302":{"position":[[56,9],[238,9],[394,9],[554,9]]},"304":{"position":[[56,9],[231,9]]},"306":{"position":[[57,9],[271,9],[489,9],[651,9]]},"308":{"position":[[55,9],[245,9],[348,9],[522,9],[662,9],[849,9],[936,9],[1197,9],[1319,9],[1471,9],[1535,9],[1725,9],[1818,9],[2001,9],[2093,9],[2276,9],[2375,9],[2589,9],[2807,9],[2985,9]]},"310":{"position":[[21,11],[54,9],[284,9],[377,9],[614,9],[730,9],[946,9],[1008,9],[1198,9],[1301,9],[1475,9],[1615,9],[1802,9],[1889,9],[2150,9],[2272,9],[2424,9],[2488,9],[2678,9],[2771,9],[2954,9]]},"312":{"position":[[55,9],[262,10],[341,9],[504,9],[690,9]]},"314":{"position":[[21,11],[54,9],[237,9],[336,9],[550,9],[768,9],[946,9],[1016,9],[1239,9],[1309,9],[1481,9],[1595,9],[1743,9],[1847,9],[1996,9],[2066,9],[2214,9],[2286,9],[2461,9],[2592,9],[2774,9]]},"316":{"position":[[55,9],[223,9],[487,9],[640,9],[732,9],[883,9],[980,9],[1142,9],[1250,9],[1442,9],[1584,9],[1754,9],[1998,9],[2167,9],[2341,9],[2501,9],[2589,9],[2757,9],[2839,9],[3006,9]]},"318":{"position":[[55,9],[230,9]]},"320":{"position":[[21,11],[54,9],[218,9],[312,9],[485,9],[612,9],[774,9],[866,9],[1034,9],[1298,9],[1451,9],[1543,9],[1694,9],[1791,9],[1953,9],[2061,9],[2253,9],[2395,9],[2565,9],[2809,9],[2978,9]]},"322":{"position":[[21,11],[54,9],[214,9],[302,9],[470,9],[552,9],[719,9],[801,9],[1008,10],[1087,9],[1250,9],[1436,9]]},"324":{"position":[[62,9],[237,9]]},"326":{"position":[[50,9],[264,9]]},"328":{"position":[[51,9],[204,9],[296,9],[458,9],[566,9],[735,9]]},"330":{"position":[[50,9],[287,9],[403,9],[590,9],[677,9],[850,9],[977,9],[1169,9]]},"332":{"position":[[55,9],[278,9],[348,9],[520,9],[634,9],[782,9],[886,9],[1035,9],[1105,9],[1253,9],[1325,9],[1500,9],[1631,9],[1813,9],[1969,9],[2133,9],[2227,9],[2400,9],[2527,9],[2689,9]]},"334":{"position":[[50,9],[280,9],[373,9],[563,9],[656,9],[839,9]]},"336":{"position":[[51,9],[288,9],[404,9],[578,9],[718,9],[905,9]]},"338":{"position":[[53,9],[245,9]]},"340":{"position":[[54,9],[241,9]]},"342":{"position":[[57,9],[273,9],[335,9],[525,9],[628,9],[842,9]]},"344":{"position":[[181,9]]},"346":{"position":[[57,9],[231,9],[371,9],[539,9],[803,9],[954,9]]},"348":{"position":[[57,9],[243,9]]},"350":{"position":[[53,9],[204,9]]},"352":{"position":[[49,9],[222,9]]},"354":{"position":[[53,9],[226,9],[353,9],[521,9],[785,9],[955,9],[1199,9],[1368,9]]},"356":{"position":[[54,9],[224,9],[468,9],[637,9]]},"358":{"position":[[51,9],[237,9]]},"360":{"position":[[48,9],[309,9],[431,9],[621,9],[714,9],[897,9],[989,9],[1172,9],[1271,9],[1485,9]]},"362":{"position":[[52,9],[289,9],[405,9],[588,9]]},"366":{"position":[[49,9],[198,9],[268,9],[432,9],[526,9],[699,9],[826,9],[988,9],[1080,9],[1248,9],[1512,9],[1665,9],[1757,9],[1927,9],[2171,9],[2339,9],[2421,9],[2588,9]]},"368":{"position":[[49,9],[279,9],[372,9],[609,9],[725,9],[941,9],[1003,9],[1177,9],[1317,9],[1578,9],[1700,9],[1890,9],[1983,9],[2166,9],[2258,9],[2436,9],[2506,9],[2729,9],[2799,9],[2971,9]]},"370":{"position":[[172,9]]},"372":{"position":[[49,9],[222,9],[349,9],[579,9]]},"374":{"position":[[50,9],[280,9]]},"376":{"position":[[48,9],[231,9],[330,9],[512,9]]},"378":{"position":[[51,9]]},"380":{"position":[[57,9],[287,9]]},"382":{"position":[[53,9]]},"384":{"position":[[55,9]]},"386":{"position":[[55,9],[229,9],[369,9],[537,9]]},"388":{"position":[[50,9],[236,9]]},"390":{"position":[[50,9],[287,9],[403,9],[593,9],[686,9],[869,9],[961,9],[1175,9],[1393,9],[1565,9],[1679,9],[1827,9],[1931,9],[2079,9],[2151,9],[2333,9],[2489,9],[2659,9],[2903,9],[3072,9]]},"394":{"position":[[56,9],[270,9],[488,9],[636,9],[740,9],[922,9]]},"396":{"position":[[59,9],[289,9]]},"398":{"position":[[53,9],[221,9],[485,9],[655,9],[899,9],[1068,9]]},"400":{"position":[[53,9],[243,9],[346,9],[520,9],[660,9],[921,9],[1043,9],[1195,9]]},"402":{"position":[[52,9],[235,9]]},"406":{"position":[[52,9],[216,9],[310,9]]},"408":{"position":[[57,9]]},"410":{"position":[[57,9],[318,9]]},"412":{"position":[[54,9],[228,9],[368,9],[629,9]]},"414":{"position":[[50,9],[287,9],[403,9],[593,9]]},"416":{"position":[[51,9],[281,9],[374,9],[611,9],[727,9],[941,9],[1159,9]]},"418":{"position":[[57,9],[247,9]]},"420":{"position":[[52,9],[239,9]]},"422":{"position":[[52,9],[282,9],[375,9],[612,9],[728,9],[902,9]]},"424":{"position":[[50,9],[233,9],[325,9],[493,9]]},"426":{"position":[[48,9],[285,9]]},"428":{"position":[[48,9],[238,9],[341,9],[602,9],[724,9],[906,9]]},"430":{"position":[[55,9],[225,9]]},"432":{"position":[[49,9],[239,9],[332,9],[507,9]]},"434":{"position":[[53,9],[225,9],[339,9],[507,9],[771,9],[941,9]]},"436":{"position":[[50,9],[232,9],[388,9],[548,9],[636,9],[1073,9]]},"438":{"position":[[57,9],[232,9]]},"442":{"position":[[51,9],[225,9],[365,9],[579,9],[797,9],[959,9]]},"454":{"position":[[173,9]]},"474":{"position":[[51,9]]},"476":{"position":[[51,9]]},"478":{"position":[[51,9],[281,9]]},"480":{"position":[[51,9],[237,9]]},"484":{"position":[[51,9],[351,9]]},"486":{"position":[[52,9],[275,9]]},"488":{"position":[[52,9],[230,9]]},"490":{"position":[[52,9],[266,9]]},"492":{"position":[[52,9],[235,9]]},"494":{"position":[[52,9],[313,9]]},"496":{"position":[[52,9],[235,9]]},"498":{"position":[[52,9],[242,9]]},"500":{"position":[[51,9],[284,9]]},"502":{"position":[[52,9],[204,9]]},"504":{"position":[[51,9]]},"506":{"position":[[51,9],[270,9]]},"508":{"position":[[51,9]]},"510":{"position":[[51,9],[258,10],[337,9]]},"512":{"position":[[51,9],[218,9]]},"514":{"position":[[51,9],[219,9]]},"516":{"position":[[51,9],[237,9]]},"518":{"position":[[51,9],[211,9]]},"520":{"position":[[51,9],[220,9]]},"522":{"position":[[51,9],[243,9]]},"524":{"position":[[51,9],[213,9]]},"526":{"position":[[51,9],[221,9]]},"528":{"position":[[51,9],[202,9]]},"530":{"position":[[51,9],[204,9]]},"532":{"position":[[51,9],[213,9]]},"534":{"position":[[51,9],[219,9]]},"536":{"position":[[51,9],[215,9]]},"538":{"position":[[51,9],[224,9]]},"540":{"position":[[51,9],[233,9]]},"542":{"position":[[51,9],[226,9]]},"544":{"position":[[51,9],[200,9]]},"546":{"position":[[51,9],[199,9]]},"548":{"position":[[51,9],[238,9]]},"550":{"position":[[51,9],[199,9]]},"552":{"position":[[51,9],[225,9]]},"554":{"position":[[51,9],[223,9]]},"556":{"position":[[51,9],[241,9]]},"558":{"position":[[51,9],[267,9]]},"560":{"position":[[60,9]]},"562":{"position":[[50,9],[280,9],[373,9],[610,9]]},"564":{"position":[[157,9],[2216,9]]},"566":{"position":[[54,9]]},"568":{"position":[[20471,9]]},"570":{"position":[[52,9]]},"572":{"position":[[54,9]]},"574":{"position":[[58,9],[1778,9],[5546,9]]},"576":{"position":[[118,9],[3455,9]]},"578":{"position":[[72,9]]},"582":{"position":[[144,9]]},"586":{"position":[[68,9]]},"588":{"position":[[54,9],[7893,9]]},"590":{"position":[[64,9]]},"592":{"position":[[96,9]]},"594":{"position":[[107,9]]},"596":{"position":[[97,9]]},"598":{"position":[[95,9],[6764,10]]},"600":{"position":[[63,9],[1825,10],[3924,10],[6569,10],[9563,10],[12561,10],[15507,10]]},"602":{"position":[[80,9]]},"604":{"position":[[116,9]]},"606":{"position":[[140,9],[3021,11],[6003,11],[7638,11],[9608,11],[11273,11]]},"608":{"position":[[60,9]]},"610":{"position":[[47,9],[136,9],[169,9],[3185,10],[4272,9],[4297,9],[4601,9]]},"612":{"position":[[85,9]]},"616":{"position":[[68,9]]},"618":{"position":[[78,9]]},"620":{"position":[[70,9]]},"622":{"position":[[61,9],[1665,9]]},"624":{"position":[[68,9]]},"626":{"position":[[59,9]]},"628":{"position":[[55,9],[1764,9]]},"630":{"position":[[71,9]]},"632":{"position":[[57,9]]},"634":{"position":[[55,9]]},"636":{"position":[[138,9],[190,9],[269,9],[1008,11],[2950,9],[3183,10],[3253,9],[3685,9],[7079,10]]},"638":{"position":[[192,9],[244,9],[2402,9],[2638,10],[2708,9],[3057,9],[3233,9],[7634,10]]},"640":{"position":[[138,9],[190,9],[269,9],[1006,11],[2765,9],[2998,10],[3068,9],[3498,9],[7603,10]]},"642":{"position":[[148,9],[200,9],[279,9],[1020,11],[2800,9],[3033,10],[3103,9],[3532,9],[6502,10]]},"644":{"position":[[148,9],[200,9],[279,9],[1020,11],[2800,9],[3033,10],[3103,9],[3532,9],[6663,10]]},"646":{"position":[[156,9],[208,9],[287,9],[2424,9],[2661,10],[2731,9]]},"648":{"position":[[156,9],[208,9],[287,9],[2424,9],[2661,10],[2731,9]]},"650":{"position":[[196,9],[248,9],[327,9],[2447,9],[2683,10],[2753,9],[2996,9],[6543,10]]},"652":{"position":[[113,9],[165,9],[710,10],[1732,9],[1782,9],[1824,9]]},"654":{"position":[[118,9],[170,9],[715,10],[1737,9],[1787,9],[1829,9]]},"656":{"position":[[148,9],[200,9],[279,9],[2454,9],[2679,10],[2749,9],[2994,9],[6568,10]]},"658":{"position":[[68,9]]},"660":{"position":[[224,10],[16651,9]]},"662":{"position":[[59,9],[1657,9]]},"664":{"position":[[62,9],[1800,10],[2901,10],[4733,10],[6746,10],[8998,10],[11452,10],[13882,10],[16301,10],[18706,10],[22425,10],[24319,10]]},"668":{"position":[[52,9]]}}}],["bootstrap.min.css",{"_index":3843,"t":{"636":{"position":[[3626,20]]},"640":{"position":[[3439,20]]},"642":{"position":[[3473,20]]},"644":{"position":[[3473,20]]},"648":{"position":[[3101,20]]}}}],["bootstrap35",{"_index":840,"t":{"142":{"position":[[1172,11]]}}}],["bootstrap5",{"_index":60,"t":{"2":{"position":[[1161,10],[1438,10],[1765,10],[3347,10],[3621,10],[3875,10]]},"54":{"position":[[755,10]]},"60":{"position":[[661,10]]},"62":{"position":[[359,10]]},"64":{"position":[[418,10]]},"66":{"position":[[385,10]]},"68":{"position":[[953,10]]},"70":{"position":[[587,10]]},"72":{"position":[[1039,10]]},"74":{"position":[[956,10]]},"76":{"position":[[360,10]]},"78":{"position":[[462,10]]},"80":{"position":[[1703,10]]},"82":{"position":[[572,10]]},"84":{"position":[[430,10]]},"86":{"position":[[413,10]]},"88":{"position":[[759,10]]},"90":{"position":[[333,10]]},"92":{"position":[[414,10]]},"94":{"position":[[334,10]]},"96":{"position":[[1005,10]]},"98":{"position":[[627,10]]},"100":{"position":[[530,10]]},"102":{"position":[[1521,10]]},"104":{"position":[[839,10]]},"106":{"position":[[532,10]]},"108":{"position":[[628,10]]},"110":{"position":[[1196,10]]},"112":{"position":[[400,10]]},"114":{"position":[[914,10]]},"116":{"position":[[481,10]]},"120":{"position":[[487,10]]},"122":{"position":[[441,10]]},"132":{"position":[[200,10],[475,10],[788,10],[1184,10],[1477,10],[1719,10],[1981,10],[2234,10],[2452,10],[2699,10]]},"134":{"position":[[199,10],[519,10],[786,10],[1075,10],[1335,10],[1752,10],[1995,10],[2254,10],[2554,10],[2866,10]]},"136":{"position":[[186,10],[520,10],[776,10],[1025,10],[1393,10],[1742,10]]},"142":{"position":[[113,10]]},"148":{"position":[[327,10],[663,10],[1049,10],[1475,10],[1869,10]]},"150":{"position":[[320,10],[634,10]]},"152":{"position":[[237,10]]},"154":{"position":[[1205,10],[1482,10],[1809,10],[2157,10],[2431,10],[2685,10],[2961,10]]},"156":{"position":[[606,10],[891,10]]},"158":{"position":[[360,10]]},"172":{"position":[[233,10],[482,10]]},"204":{"position":[[365,10]]},"210":{"position":[[357,10]]},"214":{"position":[[227,10]]},"216":{"position":[[225,10],[492,10],[781,10],[1041,10],[1458,10],[1701,10],[1960,10],[2260,10],[2572,10],[2985,10]]},"218":{"position":[[244,10],[557,10],[953,10],[1246,10],[1488,10],[1750,10],[2003,10],[2221,10],[2468,10],[2781,10]]},"222":{"position":[[221,10],[477,10],[726,10],[1094,10],[1443,10]]},"224":{"position":[[286,10],[672,10],[1098,10]]},"226":{"position":[[262,10]]},"228":{"position":[[1214,10],[1491,10],[1818,10],[2166,10],[2440,10],[2694,10],[2970,10]]},"230":{"position":[[258,10]]},"232":{"position":[[374,10]]},"234":{"position":[[234,10],[501,10],[790,10],[1050,10],[1467,10],[1710,10],[1969,10],[2269,10],[2581,10],[2994,10]]},"236":{"position":[[230,10],[486,10],[735,10],[1103,10],[1452,10]]},"240":{"position":[[253,10],[566,10],[962,10],[1255,10],[1497,10],[1759,10],[2012,10],[2230,10],[2477,10],[2790,10]]},"246":{"position":[[246,10]]},"248":{"position":[[239,10],[558,10]]},"250":{"position":[[220,10],[474,10],[751,10]]},"252":{"position":[[280,10]]},"254":{"position":[[288,10]]},"256":{"position":[[261,10]]},"258":{"position":[[259,10]]},"260":{"position":[[241,10],[656,10]]},"262":{"position":[[235,10]]},"264":{"position":[[253,10]]},"266":{"position":[[242,10],[537,10],[971,10],[1384,10]]},"268":{"position":[[252,10]]},"270":{"position":[[240,10],[653,10]]},"272":{"position":[[243,10],[536,10],[778,10],[1041,10],[1275,10],[1542,10],[1831,10],[2091,10],[2508,10],[2770,10]]},"274":{"position":[[233,10],[482,10]]},"276":{"position":[[247,10],[528,10]]},"280":{"position":[[220,10],[506,10]]},"282":{"position":[[279,10],[669,10],[931,10],[1183,10],[1437,10],[1763,10],[2176,10],[2536,10]]},"284":{"position":[[237,10],[671,10],[1084,10]]},"286":{"position":[[281,10]]},"288":{"position":[[233,10]]},"290":{"position":[[234,10]]},"292":{"position":[[247,10]]},"294":{"position":[[240,10]]},"296":{"position":[[235,10]]},"298":{"position":[[241,10]]},"300":{"position":[[241,10],[523,10],[957,10]]},"302":{"position":[[248,10],[564,10]]},"304":{"position":[[241,10]]},"306":{"position":[[281,10],[661,10]]},"308":{"position":[[21,12],[255,10],[532,10],[859,10],[1207,10],[1481,10],[1735,10],[2011,10],[2286,10],[2599,10],[2995,10]]},"310":{"position":[[1208,10],[1485,10],[1812,10],[2160,10],[2434,10],[2688,10],[2964,10]]},"312":{"position":[[21,12],[351,10],[700,10]]},"314":{"position":[[247,10],[560,10],[956,10],[1249,10],[1491,10],[1753,10],[2006,10],[2224,10],[2471,10],[2784,10]]},"316":{"position":[[21,12],[233,10],[650,10],[893,10],[1152,10],[1452,10],[1764,10],[2177,10],[2511,10],[2767,10],[3016,10]]},"318":{"position":[[240,10]]},"320":{"position":[[228,10],[495,10],[784,10],[1044,10],[1461,10],[1704,10],[1963,10],[2263,10],[2575,10],[2988,10]]},"322":{"position":[[224,10],[480,10],[729,10],[1097,10],[1446,10]]},"324":{"position":[[247,10]]},"326":{"position":[[274,10]]},"328":{"position":[[214,10],[468,10],[745,10]]},"330":{"position":[[600,10],[860,10],[1179,10]]},"332":{"position":[[21,12],[288,10],[530,10],[792,10],[1045,10],[1263,10],[1510,10],[1823,10],[2143,10],[2410,10],[2699,10]]},"334":{"position":[[573,10],[849,10]]},"336":{"position":[[588,10],[915,10]]},"338":{"position":[[255,10]]},"340":{"position":[[251,10]]},"342":{"position":[[535,10],[852,10]]},"346":{"position":[[241,10],[549,10],[964,10]]},"348":{"position":[[253,10]]},"350":{"position":[[214,10]]},"352":{"position":[[232,10]]},"354":{"position":[[236,10],[531,10],[965,10],[1378,10]]},"356":{"position":[[234,10],[647,10]]},"358":{"position":[[247,10]]},"360":{"position":[[319,10],[631,10],[907,10],[1182,10],[1495,10]]},"362":{"position":[[598,10]]},"366":{"position":[[208,10],[442,10],[709,10],[998,10],[1258,10],[1675,10],[1937,10],[2349,10],[2598,10]]},"368":{"position":[[1187,10],[1588,10],[1900,10],[2176,10],[2446,10],[2739,10],[2981,10]]},"372":{"position":[[232,10]]},"376":{"position":[[241,10],[522,10]]},"386":{"position":[[239,10],[547,10]]},"388":{"position":[[246,10]]},"390":{"position":[[603,10],[879,10],[1185,10],[1575,10],[1837,10],[2089,10],[2343,10],[2669,10],[3082,10]]},"394":{"position":[[280,10],[646,10],[932,10]]},"398":{"position":[[231,10],[665,10],[1078,10]]},"400":{"position":[[253,10],[530,10],[931,10],[1205,10]]},"402":{"position":[[245,10]]},"406":{"position":[[226,10]]},"410":{"position":[[328,10]]},"412":{"position":[[238,10],[639,10]]},"414":{"position":[[603,10]]},"416":{"position":[[951,10]]},"418":{"position":[[257,10]]},"420":{"position":[[249,10]]},"422":{"position":[[912,10]]},"424":{"position":[[243,10],[503,10]]},"428":{"position":[[248,10],[612,10],[916,10]]},"430":{"position":[[235,10]]},"432":{"position":[[249,10],[517,10]]},"434":{"position":[[235,10],[517,10],[951,10]]},"436":{"position":[[242,10],[558,10]]},"438":{"position":[[242,10]]},"442":{"position":[[235,10],[589,10],[969,10]]},"486":{"position":[[285,10]]},"488":{"position":[[240,10]]},"490":{"position":[[276,10]]},"492":{"position":[[245,10]]},"494":{"position":[[323,10]]},"496":{"position":[[245,10]]},"498":{"position":[[252,10]]},"502":{"position":[[214,10]]},"510":{"position":[[347,10]]},"512":{"position":[[228,10]]},"514":{"position":[[229,10]]},"516":{"position":[[247,10]]},"518":{"position":[[221,10]]},"520":{"position":[[230,10]]},"522":{"position":[[253,10]]},"524":{"position":[[223,10]]},"526":{"position":[[231,10]]},"528":{"position":[[212,10]]},"530":{"position":[[214,10]]},"532":{"position":[[223,10]]},"534":{"position":[[229,10]]},"536":{"position":[[225,10]]},"538":{"position":[[234,10]]},"540":{"position":[[243,10]]},"542":{"position":[[236,10]]},"544":{"position":[[210,10]]},"546":{"position":[[209,10]]},"548":{"position":[[248,10]]},"550":{"position":[[209,10]]},"552":{"position":[[235,10]]},"554":{"position":[[233,10]]},"556":{"position":[[251,10]]}}}],["bootstrap532",{"_index":841,"t":{"142":{"position":[[1184,12]]}}}],["bootstrapbootstrap'",{"_index":1666,"t":{"580":{"position":[[41,20]]}}}],["bootstrtap",{"_index":753,"t":{"124":{"position":[[614,10]]}}}],["border",{"_index":1162,"t":{"568":{"position":[[439,7],[6086,7]]},"572":{"position":[[2509,6]]},"602":{"position":[[12035,6]]},"604":{"position":[[710,6],[734,6],[826,6],[843,6],[1385,6],[4737,6]]},"614":{"position":[[543,6],[822,6]]},"616":{"position":[[2049,6]]},"618":{"position":[[3094,6]]},"620":{"position":[[3429,6],[3536,6],[3821,6],[3912,6]]},"624":{"position":[[2827,6]]},"664":{"position":[[21214,6],[21681,6]]},"668":{"position":[[7547,8],[10003,8],[12424,8],[15069,8],[17335,8],[21015,8],[23771,8],[26333,8],[30579,8],[33478,8],[36223,8],[38840,8],[41393,8],[43849,8],[43966,8],[46422,8],[50455,8],[51357,8],[59191,8],[63430,6],[65878,8],[68808,9],[72188,9],[75347,9],[78536,9],[81916,9],[84877,9],[88288,9],[92339,9],[95470,8],[98565,8],[101400,6],[102231,6],[103048,6],[103879,6],[106036,6],[106094,6],[107041,6],[107114,6],[108060,6],[108132,6],[109079,6],[109152,6],[110096,6],[110166,6],[111110,6],[111180,6],[112129,6],[112204,6],[114447,6],[116902,6],[119497,6],[119612,6],[123985,9],[127419,9],[129969,8],[132640,8],[135342,8],[138339,8],[141356,8],[143845,8],[146931,6],[149366,6],[150048,6]]}}}],["bordercolor",{"_index":2973,"t":{"616":{"position":[[1965,11],[2011,12],[8482,11],[9631,11],[11067,11],[11338,11],[11610,11],[13295,11],[13566,11],[13838,11],[15393,11],[15664,11],[15936,11]]},"618":{"position":[[1875,11],[1921,12],[9100,11],[9642,11],[10184,11]]},"620":{"position":[[1916,11],[1962,12],[10333,11],[11928,11],[12470,11],[13012,11],[14787,11],[15394,11],[16001,11]]},"624":{"position":[[1710,11],[1756,12]]}}}],["borderdash",{"_index":3197,"t":{"620":{"position":[[1981,10]]}}}],["borderdashoffset",{"_index":3199,"t":{"620":{"position":[[2024,16]]}}}],["borderradiu",{"_index":2974,"t":{"616":{"position":[[2030,12]]}}}],["borderwidth",{"_index":2975,"t":{"616":{"position":[[2070,11],[2116,12],[8534,11],[9707,11],[11113,11],[11384,11],[11656,11],[13341,11],[13612,11],[13884,11],[15439,11],[15710,11],[15982,11]]},"618":{"position":[[1940,11],[1986,12],[3055,11],[9146,11],[9688,11],[10230,11]]},"620":{"position":[[2076,11],[2122,12],[10385,11],[11974,11],[12516,11],[13058,11],[14833,11],[15440,11],[16047,11]]},"624":{"position":[[1775,11],[1821,12],[2788,11]]}}}],["both",{"_index":123,"t":{"2":{"position":[[2720,4]]},"98":{"position":[[202,4]]},"118":{"position":[[885,4]]},"602":{"position":[[3132,4]]},"620":{"position":[[2535,4]]},"622":{"position":[[12037,4]]},"626":{"position":[[7099,4]]},"628":{"position":[[6260,4]]},"630":{"position":[[10318,4]]},"632":{"position":[[2772,4]]},"634":{"position":[[1709,4]]},"662":{"position":[[4401,4]]},"668":{"position":[[3335,5]]}}}],["bottom",{"_index":1500,"t":{"574":{"position":[[7885,7],[8281,6]]},"580":{"position":[[4710,7]]},"582":{"position":[[2501,6],[7002,7]]},"588":{"position":[[8870,7],[9283,6],[10627,7],[11040,6]]},"608":{"position":[[991,7]]},"616":{"position":[[2501,7]]},"618":{"position":[[2249,7]]},"620":{"position":[[2385,7]]},"624":{"position":[[2084,7],[12084,6]]},"668":{"position":[[101407,6],[102238,6],[103055,6],[103886,6],[106043,6],[106101,6],[107048,6],[107121,6],[108067,6],[108139,6],[109086,6],[109159,6],[110103,6],[110173,6],[111117,6],[111187,6],[112136,6],[112211,6],[114454,6],[116909,6],[119504,6],[119619,6]]}}}],["bottom</tooltip",{"_index":2759,"t":{"608":{"position":[[1043,16],[1698,16]]}}}],["boundari",{"_index":3204,"t":{"620":{"position":[[2679,9]]}}}],["box",{"_index":3545,"t":{"628":{"position":[[250,3]]},"662":{"position":[[254,3]]}}}],["br",{"_index":2038,"t":{"586":{"position":[[3096,3],[3103,3]]}}}],["brand",{"_index":362,"t":{"44":{"position":[[530,5]]},"600":{"position":[[9371,5],[12372,5],[12422,5],[17648,5],[17673,5]]},"664":{"position":[[13676,5],[16113,5],[16163,5],[21302,5],[21342,5],[21380,5],[25468,5],[25493,5]]}}}],["breadcrumb",{"_index":235,"t":{"14":{"position":[[233,10]]},"86":{"position":[[114,10],[174,10],[458,10]]},"132":{"position":[[2621,10],[2744,10]]},"218":{"position":[[2390,10],[2513,10]]},"240":{"position":[[2399,10],[2522,10]]},"246":{"position":[[168,10],[291,10]]},"304":{"position":[[163,10],[286,10]]},"314":{"position":[[2393,10],[2516,10]]},"318":{"position":[[21,12],[162,10],[285,10]]},"324":{"position":[[169,10],[292,10]]},"332":{"position":[[1432,10],[1555,10]]},"432":{"position":[[439,10],[562,10]]},"438":{"position":[[164,10],[287,10]]},"542":{"position":[[158,10],[281,10]]},"560":{"position":[[11,10],[42,10],[70,10],[337,11],[355,11],[399,11],[720,13],[926,13],[974,10],[1142,10],[1168,11],[1192,10],[1526,13],[1574,10],[1720,11],[1744,10],[2259,13],[2307,10],[2415,10]]},"572":{"position":[[7341,10]]},"574":{"position":[[9740,10]]},"600":{"position":[[2785,14],[2841,13],[4884,14],[4940,13],[7837,14],[7893,13],[10831,14],[10887,13],[13829,14],[13885,13],[16499,14],[16555,13]]},"664":{"position":[[2486,14],[2542,14],[3813,14],[3869,13],[5707,14],[5763,13],[7966,14],[8022,13],[10319,14],[10375,13],[12792,14],[12848,13],[15222,14],[15278,13],[17613,14],[17669,13],[20096,14],[20152,13],[23351,14],[23407,13],[25038,14],[25094,14]]}}}],["breadcrumb1",{"_index":842,"t":{"142":{"position":[[1197,11]]}}}],["breadcrumbitem",{"_index":991,"t":{"560":{"position":[[649,15],[697,15],[803,15],[851,15],[903,15],[1403,15],[1451,15],[1503,15],[2136,15],[2184,15],[2236,15]]}}}],["breadcrumbservic",{"_index":565,"t":{"86":{"position":[[440,17]]},"132":{"position":[[2726,17]]},"218":{"position":[[2495,17]]},"240":{"position":[[2504,17]]},"246":{"position":[[273,17]]},"304":{"position":[[268,17]]},"314":{"position":[[2498,17]]},"318":{"position":[[267,17]]},"324":{"position":[[21,19],[274,17]]},"332":{"position":[[1537,17]]},"432":{"position":[[544,17]]},"438":{"position":[[269,17]]},"542":{"position":[[263,17]]}}}],["breadcrumbservice1",{"_index":843,"t":{"142":{"position":[[1209,18]]}}}],["break",{"_index":199,"t":{"10":{"position":[[248,8]]},"34":{"position":[[441,8]]},"124":{"position":[[856,8]]},"612":{"position":[[12699,6],[12757,6],[12815,6],[12871,6],[12922,6]]},"620":{"position":[[4671,5]]}}}],["breakpoint",{"_index":1641,"t":{"578":{"position":[[4790,11]]},"580":{"position":[[10816,11]]},"588":{"position":[[11641,11]]}}}],["browser",{"_index":440,"t":{"66":{"position":[[230,7]]},"110":{"position":[[327,8],[373,7]]},"564":{"position":[[3786,8]]},"594":{"position":[[1030,7]]},"600":{"position":[[121,8]]},"616":{"position":[[10160,10],[12093,10],[14355,10],[16419,10]]},"626":{"position":[[420,8]]},"628":{"position":[[459,8],[1400,7],[1411,8],[1435,9]]},"630":{"position":[[414,8]]},"634":{"position":[[111,7]]},"636":{"position":[[4901,7]]},"640":{"position":[[4829,7]]},"662":{"position":[[463,8],[1344,7],[1355,8],[1379,9]]},"664":{"position":[[115,8]]},"666":{"position":[[132,8],[172,7]]},"668":{"position":[[58913,7],[59044,7]]}}}],["bs",{"_index":999,"t":{"560":{"position":[[1139,2],[1189,2],[1741,2]]},"588":{"position":[[2886,2]]},"664":{"position":[[21525,2]]}}}],["btn",{"_index":2763,"t":{"608":{"position":[[1210,3]]},"622":{"position":[[9294,3]]}}}],["bubbl",{"_index":1303,"t":{"570":{"position":[[456,6]]},"660":{"position":[[24660,7]]}}}],["bug",{"_index":259,"t":{"22":{"position":[[110,3],[167,3]]},"24":{"position":[[110,3],[171,3],[195,3]]},"28":{"position":[[129,3]]},"36":{"position":[[115,3],[126,3],[160,3]]},"60":{"position":[[313,3]]},"66":{"position":[[136,3],[180,3]]},"98":{"position":[[214,3]]},"136":{"position":[[479,3]]},"138":{"position":[[2022,3],[2033,3],[2067,3]]},"140":{"position":[[129,3],[296,3],[493,3]]},"148":{"position":[[2419,3],[2430,3],[2464,3]]},"214":{"position":[[186,3]]},"222":{"position":[[180,3]]},"236":{"position":[[189,3]]},"238":{"position":[[1669,3],[1680,3],[1714,3],[2566,3]]},"244":{"position":[[163,3],[360,3]]},"302":{"position":[[523,3]]},"316":{"position":[[2470,3]]},"322":{"position":[[183,3]]},"330":{"position":[[1433,3]]},"388":{"position":[[463,3]]},"398":{"position":[[1345,3]]},"404":{"position":[[159,3]]},"436":{"position":[[517,3]]},"462":{"position":[[154,3]]},"464":{"position":[[154,3]]},"466":{"position":[[173,3]]},"482":{"position":[[159,3],[170,3],[204,3]]},"518":{"position":[[180,3]]}}}],["build",{"_index":717,"t":{"110":{"position":[[1000,5]]},"568":{"position":[[51,5]]},"580":{"position":[[2914,5],[3280,8],[3676,5],[4147,5],[4511,5],[5503,5],[8469,5],[8761,5],[9049,5],[9335,5],[9623,5],[9905,5],[10189,5],[10471,5]]},"582":{"position":[[51,5]]}}}],["builder",{"_index":3875,"t":{"636":{"position":[[5828,7]]},"638":{"position":[[5561,7],[6957,7]]},"640":{"position":[[6352,7]]},"642":{"position":[[5584,7]]},"644":{"position":[[5745,7]]},"650":{"position":[[5282,7]]},"656":{"position":[[5630,7]]}}}],["builder.build",{"_index":3880,"t":{"636":{"position":[[6088,16]]},"638":{"position":[[5802,16]]},"640":{"position":[[6612,16]]},"650":{"position":[[5484,16]]}}}],["builder.build().runasync",{"_index":3946,"t":{"638":{"position":[[7056,27]]},"642":{"position":[[5892,27]]},"644":{"position":[[6053,27]]},"656":{"position":[[5938,27]]}}}],["builder.rootcomponents.add<app>(\"#app",{"_index":3968,"t":{"642":{"position":[[5638,40]]},"644":{"position":[[5799,40]]},"656":{"position":[[5684,40]]}}}],["builder.rootcomponents.add<headoutlet>(\"head::aft",{"_index":3969,"t":{"642":{"position":[[5679,54]]},"644":{"position":[[5840,54]]},"656":{"position":[[5725,54]]}}}],["builder.services.addblazorbootstrap",{"_index":3831,"t":{"636":{"position":[[2986,38],[6039,38]]},"638":{"position":[[2438,38],[3093,38],[5753,38],[7011,38]]},"640":{"position":[[2801,38],[6563,38]]},"642":{"position":[[2836,38],[5847,38]]},"644":{"position":[[2836,38],[6008,38]]},"646":{"position":[[2464,38]]},"648":{"position":[[2464,38]]},"650":{"position":[[2483,38],[5328,38]]},"656":{"position":[[2490,38],[5893,38]]}}}],["builder.services.addrazorcompon",{"_index":3930,"t":{"638":{"position":[[5641,37]]},"650":{"position":[[5401,37]]}}}],["builder.services.addrazorpag",{"_index":3877,"t":{"636":{"position":[[5908,33]]},"640":{"position":[[6432,33]]}}}],["builder.services.addscoped(sp",{"_index":3970,"t":{"642":{"position":[[5734,29]]},"644":{"position":[[5895,29]]},"656":{"position":[[5780,29]]}}}],["builder.services.addserversideblazor",{"_index":3878,"t":{"636":{"position":[[5942,39]]},"640":{"position":[[6466,39]]}}}],["builder.services.addsingleton<weatherforecastservic",{"_index":3879,"t":{"636":{"position":[[5982,56]]},"640":{"position":[[6506,56]]}}}],["built",{"_index":2053,"t":{"588":{"position":[[3073,5]]},"590":{"position":[[1695,5]]},"598":{"position":[[1715,5]]},"602":{"position":[[115,5]]},"606":{"position":[[318,5]]},"626":{"position":[[94,5]]},"632":{"position":[[91,5]]},"636":{"position":[[166,5]]},"638":{"position":[[220,5]]},"640":{"position":[[166,5]]},"642":{"position":[[176,5]]},"644":{"position":[[176,5]]},"646":{"position":[[184,5]]},"648":{"position":[[184,5]]},"650":{"position":[[224,5]]},"652":{"position":[[141,5]]},"654":{"position":[[146,5]]},"656":{"position":[[176,5]]}}}],["bulk",{"_index":1695,"t":{"580":{"position":[[2954,4],[3716,4],[4187,4],[4551,4],[5543,4],[8509,4],[8801,4],[9089,4],[9375,4],[9663,4],[9945,4],[10229,4],[10511,4]]}}}],["button",{"_index":40,"t":{"2":{"position":[[603,6],[1792,6]]},"6":{"position":[[222,6]]},"8":{"position":[[226,6]]},"10":{"position":[[669,7]]},"28":{"position":[[180,7],[254,6],[300,6]]},"68":{"position":[[639,6],[873,6],[980,7]]},"70":{"position":[[130,7],[213,6],[248,7],[266,6],[535,7],[646,7]]},"72":{"position":[[237,7],[575,7],[896,7],[1134,6]]},"78":{"position":[[112,7],[156,6],[173,6],[188,6],[384,7],[489,7]]},"82":{"position":[[117,6],[256,6],[273,6],[488,7],[615,6]]},"102":{"position":[[160,7],[247,6],[276,6],[933,6],[1035,6],[1382,6]]},"106":{"position":[[322,7]]},"116":{"position":[[269,6],[508,6]]},"124":{"position":[[397,6],[650,6],[926,6],[1621,6]]},"132":{"position":[[1397,7]]},"134":{"position":[[713,6],[829,6],[1694,7],[1779,7],[2205,7],[2313,7],[2649,6]]},"136":{"position":[[213,7]]},"140":{"position":[[169,6]]},"148":{"position":[[1426,7],[1534,7]]},"150":{"position":[[729,6]]},"154":{"position":[[647,6],[1836,6]]},"156":{"position":[[326,6],[986,6]]},"216":{"position":[[419,6],[535,6],[1400,7],[1485,7],[1911,7],[2019,7],[2355,6],[3012,7]]},"218":{"position":[[1166,7]]},"224":{"position":[[1049,7],[1157,7]]},"226":{"position":[[357,6]]},"228":{"position":[[656,6],[1845,6]]},"230":{"position":[[353,6]]},"234":{"position":[[428,6],[544,6],[1409,7],[1494,7],[1920,7],[2028,7],[2364,6],[3021,7]]},"238":{"position":[[2606,6]]},"240":{"position":[[1175,7]]},"248":{"position":[[166,6],[282,6],[653,6]]},"250":{"position":[[162,7],[247,7],[425,7],[533,7],[778,7]]},"256":{"position":[[356,6]]},"266":{"position":[[169,6],[285,6],[1411,7]]},"270":{"position":[[680,7]]},"272":{"position":[[456,7],[1469,6],[1585,6],[2450,7],[2535,7]]},"282":{"position":[[2203,7]]},"284":{"position":[[1111,7]]},"308":{"position":[[886,6]]},"310":{"position":[[650,6],[1839,6]]},"314":{"position":[[1169,7]]},"316":{"position":[[592,7],[677,7],[1103,7],[1211,7],[1547,6],[2204,7]]},"320":{"position":[[422,6],[538,6],[1403,7],[1488,7],[1914,7],[2022,7],[2358,6],[3015,7]]},"328":{"position":[[20,9],[156,7],[241,7],[419,7],[527,7],[772,7]]},"330":{"position":[[20,8],[323,6],[627,6],[787,6],[903,6],[1274,6],[1473,6]]},"332":{"position":[[208,7],[2337,6],[2453,6]]},"336":{"position":[[324,6],[942,6]]},"338":{"position":[[350,6]]},"340":{"position":[[278,6]]},"352":{"position":[[159,6],[275,6]]},"354":{"position":[[163,6],[279,6],[1405,7]]},"356":{"position":[[674,7]]},"362":{"position":[[325,6]]},"366":{"position":[[636,6],[752,6],[1617,7],[1702,7]]},"368":{"position":[[645,6],[2659,7]]},"372":{"position":[[159,6],[275,6]]},"390":{"position":[[323,6],[3109,7]]},"398":{"position":[[1105,7]]},"414":{"position":[[323,6]]},"416":{"position":[[647,6]]},"420":{"position":[[276,6]]},"422":{"position":[[648,6]]},"426":{"position":[[321,6]]},"466":{"position":[[213,6]]},"486":{"position":[[205,7]]},"520":{"position":[[257,7]]},"522":{"position":[[348,6]]},"524":{"position":[[174,7],[282,7]]},"530":{"position":[[156,7],[241,7]]},"538":{"position":[[161,6],[277,6]]},"548":{"position":[[275,6]]},"560":{"position":[[2387,7]]},"562":{"position":[[646,6]]},"564":{"position":[[471,7],[889,7],[3199,6],[3358,7],[3722,7]]},"566":{"position":[[7861,7]]},"568":{"position":[[15381,7],[15486,7],[15593,7],[15698,7],[15809,7],[15912,7],[16042,7],[16147,7],[16254,7],[16359,7],[16470,7],[16573,7],[19994,7],[20102,7]]},"572":{"position":[[3300,8],[3348,7],[3397,7],[3515,9],[3525,7],[3619,9],[3655,7],[3812,9],[3822,7],[3949,9],[4072,7],[4099,7],[4389,9],[4399,7],[4691,9],[4701,7],[4992,9],[5028,7],[5321,9],[5331,7],[5626,9],[5636,7],[5930,9],[5966,7],[6259,9],[6269,7],[6564,9],[6574,7],[6868,9],[6993,7],[7281,9],[7414,7]]},"574":{"position":[[11,7],[39,7],[68,6],[268,6],[341,7],[511,6],[568,6],[732,6],[900,6],[1030,6],[1085,6],[1157,6],[1216,6],[1306,6],[1407,6],[1481,6],[1560,6],[1671,7],[1738,7],[1762,8],[1816,6],[1920,7],[1965,9],[1975,7],[2024,9],[2034,7],[2079,9],[2089,7],[2132,9],[2142,7],[2187,9],[2197,7],[2236,9],[2246,7],[2287,9],[2297,7],[2336,9],[2346,7],[2385,9],[2404,7],[2423,6],[2440,7],[2512,9],[2522,7],[2591,6],[2598,9],[2617,6],[2648,8],[2661,7],[2721,9],[2731,7],[2795,9],[2805,7],[2865,9],[2875,7],[2933,9],[2943,7],[3003,9],[3013,7],[3067,9],[3077,7],[3131,9],[3158,6],[3193,6],[3362,8],[3440,7],[3501,6],[3508,9],[3518,7],[3581,6],[3588,9],[3607,7],[3668,6],[3675,9],[3685,7],[3748,6],[3755,9],[3774,7],[3834,7],[3911,8],[3940,7],[4052,7],[4131,7],[4208,6],[4215,9],[4225,7],[4304,6],[4311,9],[4330,7],[4437,9],[4447,7],[4548,9],[4567,6],[4638,7],[4768,7],[4902,7],[5029,7],[5161,7],[5467,8],[5523,8],[5633,6],[5765,7],[5802,6],[5809,9],[5819,7],[5856,6],[5863,9],[5923,7],[5960,6],[5967,9],[5977,7],[6014,6],[6021,9],[6084,7],[6121,6],[6128,9],[6138,7],[6175,6],[6182,9],[6264,7],[6301,6],[6308,9],[6318,7],[6355,6],[6362,9],[6389,7],[6449,7],[6512,7],[6556,6],[6563,9],[6573,7],[6638,6],[6645,9],[6655,7],[6724,6],[6731,9],[6750,6],[6819,7],[6956,6],[6983,7],[7037,7],[7115,7],[7299,9],[7318,6],[7442,6],[7456,7],[7583,6],[7754,6],[7822,7],[7907,7],[8024,9],[8034,7],[8155,9],[8165,7],[8288,9],[8298,7],[8417,9],[8436,6],[8572,7],[8682,9],[8699,7],[8983,7],[9051,9],[9176,7],[9260,9],[9406,7],[9508,9],[9685,6],[9792,7],[9800,6],[9820,7],[9892,7]]},"576":{"position":[[1591,7],[1635,7],[1746,7],[1857,7],[2600,7],[2711,7],[2822,7],[3546,7],[3657,7],[3768,7],[3883,7]]},"578":{"position":[[888,6],[1259,6],[1324,6],[1472,6],[1540,6],[1617,7],[1702,9],[2545,7],[2628,9],[3988,7],[4073,7],[4113,7],[4201,9],[5008,7],[5123,9],[5133,7],[5248,9],[5258,7],[5384,9],[5991,7],[6077,9],[6483,7],[6569,9],[7087,7],[7193,9],[7715,7],[7834,9],[8255,7],[8304,6],[8440,7],[8526,9],[9041,7],[9152,6]]},"580":{"position":[[2993,7],[4226,7],[4590,7],[6189,7],[6705,7],[7000,7],[7470,7],[7802,7],[8131,7]]},"582":{"position":[[982,6],[2857,7],[3672,7],[5351,7],[6465,7],[6601,9],[7162,7],[11272,7],[11396,7],[15513,7],[15637,7],[19654,7],[19778,7],[20471,7],[20594,7]]},"588":{"position":[[1468,6],[3487,6],[3681,7],[3762,7],[3847,7],[4458,7],[6112,7],[7161,7],[7297,9],[7920,6],[8158,7],[8239,7],[8322,7],[9345,7],[9426,7],[9511,7],[10023,7],[10104,7],[10189,7],[11102,7],[11183,7],[11268,7],[12042,7],[12143,7],[12238,7],[13247,7],[13340,7],[13444,7],[13548,7],[13652,7],[13756,7],[14410,7],[14491,7],[14576,7]]},"592":{"position":[[1570,7],[1668,7],[2414,7],[2543,7],[2678,7],[2807,7],[2933,7],[3062,7],[3182,7],[3305,7]]},"596":{"position":[[2442,7],[2577,7],[2712,7],[4694,7],[4841,7],[4982,7],[5129,7],[5274,7],[5421,7],[5572,7]]},"598":{"position":[[3509,6]]},"602":{"position":[[12901,7],[12973,9]]},"604":{"position":[[4311,7],[4420,7]]},"606":{"position":[[1017,7],[1924,7],[2012,7],[2119,7],[2232,7],[2339,7],[2443,7],[2550,7],[2648,7],[3455,7],[3562,7],[3675,7],[3782,7],[3886,7],[3993,7],[4091,7],[4192,7],[4994,7],[5101,7],[5214,7],[5321,7],[5425,7],[5532,7],[5630,7],[6584,7],[6691,7],[6804,7],[6911,7],[7015,7],[7122,7],[7220,7],[8265,7],[8379,7],[8497,7],[8613,7],[8733,7],[8857,7],[8979,7],[9099,7],[9223,7],[10264,7],[10371,7],[10484,7],[10591,7],[10695,7],[10802,7],[10900,7]]},"608":{"position":[[1100,6],[1191,7],[1295,6],[1722,7],[2219,6]]},"610":{"position":[[3241,6],[3268,7],[3335,6],[3342,9],[3352,7],[3419,6],[3426,9],[3436,7],[3521,6],[3528,9],[3542,6],[3579,6],[3602,7],[3668,11],[3684,6],[3717,6],[3885,7],[4002,9],[4012,7],[4142,9],[4505,6],[4531,6],[4553,6]]},"612":{"position":[[2152,6],[10339,7],[10423,7],[10509,7],[10593,7],[10683,7],[10762,7],[13851,7],[14881,7],[15335,7]]},"616":{"position":[[4710,7],[4846,9],[4856,7],[4995,9],[5005,7],[5146,7],[5314,7]]},"618":{"position":[[4089,7],[4225,9],[4235,7],[4374,9],[4384,7],[11326,7],[11462,9],[11472,7]]},"620":{"position":[[6748,7],[6884,9],[6894,7],[7033,9],[7043,7],[7176,9],[7186,7],[7348,9],[7358,7],[7516,9]]},"622":{"position":[[9261,7],[10882,7],[10944,9],[10954,7],[11020,9],[11030,7],[11092,9],[12420,7],[12486,9],[12496,7],[12558,9]]},"624":{"position":[[3797,7],[3933,9],[3943,7],[4082,9],[4092,7],[7740,7],[7876,9],[7886,7],[11695,7],[11817,9],[11827,7],[11953,9],[11963,7],[12091,9],[12101,7],[12225,9]]},"626":{"position":[[4430,8],[6589,7],[6651,9],[6661,7],[6727,9],[6737,7],[6799,9],[7326,7],[7392,9],[7402,7],[7464,9],[9352,7],[9469,7]]},"628":{"position":[[5711,7],[5773,9],[5783,7],[5849,9],[5859,7],[5921,9],[6488,7],[6554,9],[6564,7],[6626,9],[8083,7],[8200,7],[11168,7],[11285,7]]},"630":{"position":[[9806,7],[9868,9],[9878,7],[9944,9],[9954,7],[10016,9],[10549,7],[10615,9],[10625,7],[10687,9],[12717,7],[12834,7]]},"632":{"position":[[2256,7],[2318,9],[2328,7],[2394,9],[2404,7],[2466,9],[2987,7],[3053,9],[3063,7],[3125,9]]},"634":{"position":[[1198,7],[1260,9],[1270,7],[1336,9],[1346,7],[1408,9],[1882,7],[1948,9],[1958,7],[2020,9]]},"658":{"position":[[418,6],[506,6],[584,6],[776,7],[986,7],[1096,7],[1212,7],[1322,7],[1429,7],[1539,7],[1640,7],[1744,7],[2169,7],[2279,7],[2395,7],[2505,7],[2612,7],[2722,7],[2823,7],[2927,7],[3365,7],[3475,7],[3583,7],[3689,7],[4120,6],[4143,7],[4568,7],[4576,7],[5943,6],[5977,6]]},"660":{"position":[[985,6],[1258,6],[1509,6],[3673,7],[6255,7],[10888,6],[15424,7],[15520,7],[20234,7],[20351,7],[24112,7],[24183,7],[24254,7],[25781,6],[25800,6]]},"662":{"position":[[3855,7],[3917,9],[3927,7],[3993,9],[4003,7],[4065,9],[4605,7],[4671,9],[4681,7],[4743,9],[7169,7],[7286,7],[10407,7],[10524,7]]},"664":{"position":[[18966,7]]},"668":{"position":[[4711,6],[4789,6],[65592,7],[65690,9],[65700,7],[65801,9],[68106,6],[68233,6],[96035,7],[96148,7],[96265,7]]}}}],["button\"role=\"button",{"_index":2761,"t":{"608":{"position":[[1169,21]]}}}],["button5",{"_index":844,"t":{"142":{"position":[[1228,7]]}}}],["button</button",{"_index":1452,"t":{"574":{"position":[[4752,15],[4886,15],[5145,15]]},"608":{"position":[[1255,15]]}}}],["button</dropdownactionbutton",{"_index":4070,"t":{"660":{"position":[[9378,29],[10249,29],[11316,29]]}}}],["button</dropdowntogglebutton",{"_index":4050,"t":{"660":{"position":[[3753,29],[8962,29],[9851,29],[23820,29],[24876,29]]}}}],["buttoncolor",{"_index":1400,"t":{"574":{"position":[[465,11]]},"578":{"position":[[1203,11],[1417,11]]},"658":{"position":[[382,11]]},"660":{"position":[[1480,11]]},"668":{"position":[[4657,11]]}}}],["buttoncolor.dang",{"_index":1637,"t":{"578":{"position":[[4440,18]]}}}],["buttoncolor.light",{"_index":4318,"t":{"668":{"position":[[4669,17]]}}}],["buttoncolor.non",{"_index":1401,"t":{"574":{"position":[[477,16]]}}}],["buttoncolor.primari",{"_index":1594,"t":{"578":{"position":[[1429,19]]},"658":{"position":[[4441,20]]}}}],["buttoncolor.secondari",{"_index":1589,"t":{"578":{"position":[[1215,21]]},"658":{"position":[[432,21]]}}}],["buttoncolor.success",{"_index":1636,"t":{"578":{"position":[[4378,20]]}}}],["buttons",{"_index":761,"t":{"124":{"position":[[981,11]]}}}],["buttons3",{"_index":845,"t":{"142":{"position":[[1236,8]]}}}],["buttonsize.non",{"_index":1407,"t":{"574":{"position":[[997,15]]}}}],["buttontyp",{"_index":768,"t":{"124":{"position":[[1373,10]]},"574":{"position":[[1514,10]]}}}],["buttontype.button",{"_index":1415,"t":{"574":{"position":[[1525,17]]}}}],["byte",{"_index":3670,"t":{"630":{"position":[[1010,5],[1171,5],[1255,4]]}}}],["c",{"_index":846,"t":{"142":{"position":[[1245,1]]},"616":{"position":[[8248,1]]},"620":{"position":[[10101,1]]},"622":{"position":[[3415,4],[5286,4],[7911,4]]}}}],["c.torgbstr",{"_index":3050,"t":{"616":{"position":[[8463,15],[8515,15]]},"620":{"position":[[10314,15],[10366,15],[10508,15]]}}}],["c6rzsynm9kwdrmnet87bh95ognyzphctnxj1nw7rubcsyn/o0jlpcv8qyq46cdfl",{"_index":3815,"t":{"636":{"position":[[1726,65],[5178,65]]},"638":{"position":[[1178,65],[4348,65]]},"640":{"position":[[1541,65],[5106,65]]},"642":{"position":[[1560,65],[4697,65]]},"644":{"position":[[1560,65],[4898,65]]},"646":{"position":[[1200,65]]},"648":{"position":[[1200,65]]},"650":{"position":[[1223,65],[4099,65]]},"656":{"position":[[1214,65],[4354,65]]}}}],["ca",{"_index":3696,"t":{"630":{"position":[[3475,3],[15645,3]]}}}],["ca</b></label",{"_index":3695,"t":{"630":{"position":[[3398,14],[15564,14]]}}}],["calculatetoatl",{"_index":3519,"t":{"626":{"position":[[9819,17],[9930,17],[10023,17],[10056,16]]},"630":{"position":[[13184,17],[13295,17],[13388,17],[13421,16]]},"660":{"position":[[20740,17],[20851,17],[20944,17],[20977,16]]}}}],["call",{"_index":476,"t":{"72":{"position":[[313,4],[498,4]]},"78":{"position":[[247,5]]},"110":{"position":[[921,4]]},"112":{"position":[[238,4]]},"564":{"position":[[695,7]]},"568":{"position":[[1620,7],[1697,7]]},"574":{"position":[[7714,4]]},"576":{"position":[[815,7],[1037,7],[4806,6],[4914,6],[5024,6],[5134,6]]},"578":{"position":[[3005,4]]},"582":{"position":[[1891,4],[2049,7],[2261,7]]},"588":{"position":[[2195,4],[2353,7],[2565,7]]},"592":{"position":[[264,4],[311,4],[328,4],[1176,4],[1244,5],[1413,4],[1963,4],[2138,4],[3623,4]]},"594":{"position":[[1179,7]]},"596":{"position":[[2093,7],[4563,7]]},"606":{"position":[[11780,4],[11936,4]]},"622":{"position":[[2767,4],[4638,4],[6230,4],[7263,4],[9986,4],[11495,4],[12989,4]]},"658":{"position":[[5159,4],[5385,4]]},"660":{"position":[[3279,7],[3502,7]]},"664":{"position":[[8821,4]]},"668":{"position":[[18904,4],[22046,4],[24728,4],[28005,4],[34582,4],[37230,4],[39806,4],[42422,4],[45010,4],[47846,4],[60651,4],[68495,4],[70018,4],[73442,4],[76554,4],[79893,12],[80039,4],[83074,12],[83220,4],[86100,12],[86246,4],[89687,4],[93755,12],[93901,4],[96724,4],[99519,4],[104864,4],[113297,4],[115517,4],[117984,4],[122004,4],[125913,4],[139570,4],[142326,4],[144978,4]]}}}],["callback",{"_index":201,"t":{"10":{"position":[[273,8],[417,8]]},"54":{"position":[[449,9]]},"68":{"position":[[605,9]]},"104":{"position":[[387,8]]},"110":{"position":[[415,8]]},"564":{"position":[[587,8],[3894,8],[4051,8]]},"582":{"position":[[1942,8],[4809,9],[4849,9],[5091,8],[5173,8],[5288,8],[19991,8],[21401,8],[21491,9],[21556,8]]},"588":{"position":[[2246,8],[5562,9],[5602,9],[5860,8],[5942,8],[6057,8],[14024,8],[15316,8],[15398,9],[15557,8]]},"590":{"position":[[1405,8],[3010,8],[3418,8],[3517,8]]},"594":{"position":[[1161,8]]},"598":{"position":[[3392,8],[9970,8]]},"602":{"position":[[1964,8],[2041,8],[2133,8],[2229,8],[13918,8]]},"612":{"position":[[1100,8],[2035,8],[16194,8],[16229,8]]},"666":{"position":[[514,8],[1358210,8]]},"668":{"position":[[3346,8],[152305,8]]}}}],["caller",{"_index":1785,"t":{"582":{"position":[[1425,6],[1584,6],[1805,6]]},"588":{"position":[[2109,6]]}}}],["callout",{"_index":41,"t":{"2":{"position":[[610,7],[1474,7],[1799,7]]},"14":{"position":[[259,7]]},"34":{"position":[[166,7],[280,7],[366,7],[391,7],[433,7],[647,7],[744,7]]},"116":{"position":[[286,7],[515,7]]},"120":{"position":[[227,7],[523,7]]},"124":{"position":[[993,7],[1628,7]]},"138":{"position":[[2339,7]]},"148":{"position":[[2736,7]]},"152":{"position":[[273,7]]},"154":{"position":[[654,7],[1518,7],[1843,7]]},"156":{"position":[[333,7]]},"228":{"position":[[663,7],[1527,7],[1852,7]]},"238":{"position":[[1986,7]]},"308":{"position":[[568,7],[893,7]]},"310":{"position":[[657,7],[1521,7],[1846,7]]},"330":{"position":[[330,7],[634,7]]},"336":{"position":[[20,9],[331,7],[624,7],[949,7],[1143,7]]},"340":{"position":[[285,7]]},"346":{"position":[[277,7]]},"360":{"position":[[1854,7]]},"362":{"position":[[332,7]]},"366":{"position":[[2821,7]]},"368":{"position":[[652,7],[1223,7]]},"386":{"position":[[275,7]]},"390":{"position":[[330,7]]},"400":{"position":[[566,7]]},"412":{"position":[[274,7]]},"414":{"position":[[330,7]]},"416":{"position":[[654,7]]},"420":{"position":[[283,7]]},"422":{"position":[[655,7],[948,7]]},"426":{"position":[[328,7]]},"442":{"position":[[271,7]]},"472":{"position":[[202,7]]},"548":{"position":[[282,7]]},"552":{"position":[[271,7]]},"562":{"position":[[653,7]]},"566":{"position":[[11,7],[39,7],[64,7],[370,7],[428,7],[526,7],[559,8],[568,9],[753,10],[764,8],[975,10],[986,8],[1199,10],[1210,8],[1417,10],[1428,8],[1633,10],[1675,8],[1880,10],[1891,8],[2122,10],[2133,8],[2366,10],[2377,8],[2604,10],[2615,8],[2840,10],[2878,9],[3329,10],[3340,8],[3817,10],[3828,8],[4306,10],[4317,8],[4792,10],[4803,8],[5277,10],[5317,8],[5787,10],[5798,8],[6294,10],[6305,8],[6802,10],[6813,8],[7307,10],[7318,8],[7811,10],[7899,7]]},"574":{"position":[[9756,7]]},"580":{"position":[[13357,7]]}}}],["callout4",{"_index":847,"t":{"142":{"position":[[1247,8]]}}}],["callout</strong",{"_index":1128,"t":{"566":{"position":[[604,17],[826,17],[1050,17],[1268,17],[1484,17],[1731,17],[1973,17],[2217,17],[2455,17],[2691,17]]}}}],["calloutcolor",{"_index":313,"t":{"34":{"position":[[472,12]]},"566":{"position":[[319,12]]}}}],["calloutcolor.default",{"_index":1124,"t":{"566":{"position":[[332,20]]}}}],["callouttyp",{"_index":314,"t":{"34":{"position":[[488,11]]}}}],["cancel",{"_index":1617,"t":{"578":{"position":[[3246,13],[4414,9]]}}}],["cancellationtoken",{"_index":420,"t":{"58":{"position":[[305,17]]},"64":{"position":[[232,17]]},"668":{"position":[[4110,17]]}}}],["canon",{"_index":3294,"t":{"622":{"position":[[3082,8],[4953,8],[7578,8]]}}}],["capac",{"_index":2680,"t":{"606":{"position":[[1090,9],[9985,8]]}}}],["card",{"_index":620,"t":{"102":{"position":[[117,4],[436,4],[577,4],[589,4],[1232,4]]},"132":{"position":[[1354,4]]},"218":{"position":[[1123,4]]},"240":{"position":[[1132,4]]},"272":{"position":[[413,4]]},"314":{"position":[[1126,4]]},"332":{"position":[[165,4]]},"368":{"position":[[2616,4]]},"486":{"position":[[162,4]]},"566":{"position":[[7874,4]]},"570":{"position":[[966,4]]},"576":{"position":[[2000,6],[2174,7],[2983,5],[3143,7],[4167,6],[4341,7]]},"580":{"position":[[11,4],[36,4],[62,5],[165,4],[362,4],[585,4],[682,5],[1464,4],[1711,4],[1765,4],[1836,4],[2154,4],[2590,4],[2624,5],[2661,4],[2704,5],[2804,5],[2927,4],[3093,7],[3135,5],[3300,4],[3373,5],[3379,6],[3424,4],[3447,7],[3499,5],[3689,4],[3846,7],[3881,5],[4160,4],[4326,7],[4334,5],[4524,4],[4769,7],[4838,4],[4868,5],[5077,7],[5169,4],[5311,5],[5317,5],[5516,4],[5877,7],[5969,5],[5975,5],[6289,7],[6324,5],[6548,6],[6805,7],[6843,6],[7100,7],[7279,5],[7570,7],[7578,5],[7902,7],[7910,5],[8231,7],[8280,5],[8409,4],[8482,4],[8560,7],[8568,5],[8701,4],[8774,4],[8852,7],[8860,5],[8989,4],[9062,4],[9140,7],[9148,5],[9275,4],[9348,4],[9426,7],[9434,5],[9563,4],[9636,4],[9714,7],[9722,5],[9845,4],[9918,4],[9996,7],[10004,5],[10129,4],[10202,4],[10280,7],[10288,5],[10411,4],[10484,4],[10562,7],[10589,4],[10606,4],[10628,5],[10701,4],[10840,5],[11008,4],[11208,7],[11216,5],[11373,4],[11535,7],[11543,5],[11711,4],[11792,4],[11957,7],[11997,4],[12033,4],[12113,5],[12281,4],[12502,7],[12510,5],[12667,4],[12850,7],[12858,5],[13026,4],[13107,4],[13293,7],[13394,4],[13589,4],[13730,4],[13742,4]]},"612":{"position":[[13987,6],[14254,7],[15017,6],[15522,7]]}}}],["card'",{"_index":1696,"t":{"580":{"position":[[2966,6],[3728,6],[4199,6],[4563,6],[5555,6],[8521,6],[8813,6],[9101,6],[9387,6],[9675,6],[9957,6],[10241,6],[10523,6]]}}}],["cardbodi",{"_index":1541,"t":{"576":{"position":[[2007,10],[2162,11],[3011,10],[3131,11],[4174,10],[4329,11]]},"580":{"position":[[695,8],[2832,10],[3081,11],[3312,9],[3386,10],[3435,11],[3527,10],[3834,11],[3998,10],[4314,11],[4362,10],[4678,11],[5421,10],[5582,11],[5775,10],[5865,11],[6039,10],[6277,11],[6555,10],[6793,11],[6850,10],[7088,11],[7320,10],[7558,11],[7652,10],[7890,11],[7981,10],[8219,11],[8379,10],[8548,11],[8669,10],[8840,11],[8959,10],[9128,11],[9246,10],[9414,11],[9533,10],[9702,11],[9818,10],[9984,11],[10101,10],[10268,11],[10384,10],[10550,11],[10937,10],[11196,11],[11313,10],[11523,11],[11640,10],[11945,11],[12210,10],[12405,11],[12607,10],[12753,11],[12955,10],[13196,11],[13410,8]]},"612":{"position":[[13994,10],[14242,11],[15024,10],[15510,11]]}}}],["cardcolor",{"_index":1671,"t":{"580":{"position":[[543,9],[1422,9]]}}}],["cardcolor.non",{"_index":1672,"t":{"580":{"position":[[553,14],[1432,14]]}}}],["cardfoot",{"_index":1675,"t":{"580":{"position":[[874,10],[12417,12],[12488,13],[12765,12],[12836,13],[13208,12],[13279,13],[13430,10]]}}}],["cardgroup",{"_index":1676,"t":{"580":{"position":[[1055,9],[10828,11],[11965,12],[12101,11],[13301,12],[13452,9]]}}}],["cardhead",{"_index":1677,"t":{"580":{"position":[[1235,10],[6003,12],[6025,13],[13473,10]]}}}],["cardheader>header</cardhead",{"_index":1741,"t":{"580":{"position":[[8347,31],[8637,31],[8927,31],[9214,31],[9501,31],[9786,31],[10069,31],[10352,31]]}}}],["cardlink",{"_index":1678,"t":{"580":{"position":[[1490,8],[3755,9],[3793,9],[5786,9],[5824,9],[13495,8]]}}}],["cardsubtitl",{"_index":1679,"t":{"580":{"position":[[1922,12],[3572,13],[4043,13],[4407,13],[13515,12]]}}}],["cardtext",{"_index":1683,"t":{"580":{"position":[[2182,8],[11132,9],[11459,9],[11881,9],[13539,8]]}}}],["cardtext>som",{"_index":1692,"t":{"580":{"position":[[2877,14],[3639,14],[4110,14],[4474,14],[5466,14],[8432,14],[8724,14],[9012,14],[9298,14],[9586,14],[9868,14],[10152,14],[10434,14]]}}}],["cardtext>thi",{"_index":1761,"t":{"580":{"position":[[10982,14],[11358,14],[11685,14],[12255,14],[12652,14],[13000,14]]}}}],["cardtext>with",{"_index":1726,"t":{"580":{"position":[[6097,14],[6613,14],[6908,14],[7378,14],[7710,14],[8039,14]]}}}],["cardtitl",{"_index":1684,"t":{"580":{"position":[[2361,9],[13559,9]]}}}],["cardtitle>card",{"_index":1690,"t":{"580":{"position":[[2843,15],[3538,15],[4009,15],[4373,15],[5432,15],[10948,15],[11324,15],[11651,15],[12221,15],[12618,15],[12966,15]]}}}],["cardtitle>dang",{"_index":1748,"t":{"580":{"position":[[9257,17]]}}}],["cardtitle>dark",{"_index":1756,"t":{"580":{"position":[[10395,15]]}}}],["cardtitle>info",{"_index":1752,"t":{"580":{"position":[[9829,15]]}}}],["cardtitle>light",{"_index":1754,"t":{"580":{"position":[[10112,16]]}}}],["cardtitle>primari",{"_index":1742,"t":{"580":{"position":[[8390,18]]}}}],["cardtitle>secondari",{"_index":1744,"t":{"580":{"position":[[8680,20]]}}}],["cardtitle>speci",{"_index":1724,"t":{"580":{"position":[[6050,18],[6566,18],[6861,18],[7331,18],[7663,18],[7992,18]]}}}],["cardtitle>success",{"_index":1746,"t":{"580":{"position":[[8970,18]]}}}],["cardtitle>warn",{"_index":1750,"t":{"580":{"position":[[9544,18]]}}}],["card—in",{"_index":1735,"t":{"580":{"position":[[7206,7]]}}}],["cart",{"_index":1771,"t":{"582":{"position":[[116,6]]}}}],["case",{"_index":2889,"t":{"612":{"position":[[12651,4],[12706,4],[12764,4],[12822,4]]},"622":{"position":[[3831,4],[3939,4]]},"668":{"position":[[9806,4],[9914,4]]}}}],["catch",{"_index":2215,"t":{"592":{"position":[[1457,5]]}}}],["catch(except",{"_index":2746,"t":{"606":{"position":[[12074,15]]},"658":{"position":[[5606,15]]}}}],["categor",{"_index":2999,"t":{"616":{"position":[[4267,11]]},"618":{"position":[[3636,11]]},"620":{"position":[[6233,11]]},"624":{"position":[[3354,11]]}}}],["categori",{"_index":2970,"t":{"616":{"position":[[1861,8],[1901,8],[2207,8],[4604,10]]},"618":{"position":[[178,11],[323,9],[3973,10]]},"620":{"position":[[6570,10]]},"624":{"position":[[166,11],[3691,10]]}}}],["categorypercentag",{"_index":2977,"t":{"616":{"position":[[2135,18]]}}}],["cater",{"_index":1296,"t":{"570":{"position":[[187,5]]}}}],["caus",{"_index":511,"t":{"78":{"position":[[198,7]]},"96":{"position":[[561,7]]}}}],["caution",{"_index":3745,"t":{"632":{"position":[[3459,7]]}}}],["cdn",{"_index":2781,"t":{"610":{"position":[[265,4]]}}}],["cell",{"_index":291,"t":{"30":{"position":[[440,4],[455,4],[471,4]]},"668":{"position":[[41136,4],[41198,4],[43604,4],[43634,4],[46192,4],[78392,4],[152735,4],[152750,4],[152765,4]]}}}],["center",{"_index":623,"t":{"102":{"position":[[317,9]]},"578":{"position":[[1163,6],[6958,9],[7028,6],[7169,8],[7810,8],[9113,8]]},"588":{"position":[[1290,7],[9795,9],[9851,6],[9974,8],[10264,8],[10481,8],[11343,8],[15481,8],[15501,8]]},"604":{"position":[[2885,8],[2974,8],[3239,8]]},"614":{"position":[[1268,8]]},"616":{"position":[[3401,6],[3454,6]]},"618":{"position":[[228,6],[3016,6],[14259,9]]},"624":{"position":[[2749,6],[10495,9]]},"626":{"position":[[5326,6]]},"630":{"position":[[8455,6]]},"658":{"position":[[2159,9],[5915,8]]},"660":{"position":[[11696,9],[11709,6],[25839,8]]},"668":{"position":[[51856,8]]}}}],["center</button",{"_index":2723,"t":{"606":{"position":[[8481,15],[8841,15],[9207,15]]}}}],["certain",{"_index":1640,"t":{"578":{"position":[[4782,7]]},"588":{"position":[[11633,7]]}}}],["chan",{"_index":3289,"t":{"622":{"position":[[3043,7],[4914,7],[7539,7]]}}}],["chang",{"_index":200,"t":{"10":{"position":[[257,8]]},"12":{"position":[[194,8]]},"14":{"position":[[137,8]]},"16":{"position":[[136,8]]},"34":{"position":[[380,6],[450,8]]},"46":{"position":[[271,8]]},"48":{"position":[[157,8]]},"50":{"position":[[204,8]]},"52":{"position":[[190,8]]},"54":{"position":[[180,8]]},"56":{"position":[[180,8]]},"58":{"position":[[218,8]]},"60":{"position":[[280,8]]},"62":{"position":[[161,8]]},"64":{"position":[[162,8]]},"66":{"position":[[154,8]]},"68":{"position":[[332,8]]},"70":{"position":[[156,8]]},"72":{"position":[[566,8]]},"74":{"position":[[360,8]]},"76":{"position":[[145,8]]},"78":{"position":[[147,8]]},"80":{"position":[[162,8]]},"82":{"position":[[167,8]]},"84":{"position":[[158,8]]},"86":{"position":[[235,8]]},"88":{"position":[[237,8]]},"90":{"position":[[142,8]]},"92":{"position":[[143,8]]},"94":{"position":[[142,8]]},"96":{"position":[[166,8],[360,8],[473,6]]},"98":{"position":[[156,8]]},"100":{"position":[[171,8]]},"102":{"position":[[620,8],[1127,6]]},"104":{"position":[[207,8]]},"106":{"position":[[176,8]]},"108":{"position":[[176,8]]},"110":{"position":[[618,8]]},"112":{"position":[[145,8]]},"114":{"position":[[183,8],[340,6]]},"116":{"position":[[211,8]]},"120":{"position":[[199,8]]},"122":{"position":[[236,8]]},"124":{"position":[[231,8],[379,6],[865,8],[960,7],[1016,7],[1193,7],[1360,7]]},"126":{"position":[[210,8]]},"128":{"position":[[279,8]]},"560":{"position":[[1088,7]]},"578":{"position":[[3981,6],[4040,6],[9034,6]]},"580":{"position":[[6422,6],[7173,6]]},"586":{"position":[[1123,6]]},"588":{"position":[[3053,8]]},"590":{"position":[[1505,8]]},"592":{"position":[[1549,6],[2209,6],[2231,6],[3823,6],[3843,6]]},"596":{"position":[[3746,6]]},"600":{"position":[[15390,6]]},"604":{"position":[[960,8]]},"606":{"position":[[8013,6],[9966,6]]},"612":{"position":[[6850,6]]},"620":{"position":[[199,7]]},"622":{"position":[[1518,7],[1604,7]]},"624":{"position":[[11544,6],[11600,6],[15063,6]]},"626":{"position":[[1295,7],[5180,6],[11043,7],[11586,7]]},"628":{"position":[[1308,7],[9058,7]]},"630":{"position":[[1811,7],[8309,6],[16877,7],[17424,7]]},"634":{"position":[[679,8],[2469,8],[2834,7]]},"636":{"position":[[6274,6]]},"638":{"position":[[6055,6]]},"640":{"position":[[6798,6]]},"650":{"position":[[5698,6]]},"658":{"position":[[4106,6],[5929,6]]},"660":{"position":[[16459,6],[22080,6]]},"662":{"position":[[1252,7],[8613,7]]},"664":{"position":[[4603,6],[4649,6],[18555,8],[24203,6],[25372,6]]},"666":{"position":[[711,8],[1488,6]]},"668":{"position":[[3490,8],[3947,8],[33187,6],[38624,6],[41187,6],[50334,6],[91479,6],[92087,6],[123847,6],[153061,6]]}}}],["changelog",{"_index":198,"t":{"10":{"position":[[197,10]]}}}],["changeplacement(toastsplac",{"_index":2732,"t":{"606":{"position":[[9463,31]]}}}],["changeplacement(toastsplacement.bottomcenter)\">bottom",{"_index":2730,"t":{"606":{"position":[[9153,53]]}}}],["changeplacement(toastsplacement.bottomleft)\">bottom",{"_index":2729,"t":{"606":{"position":[[9033,51]]}}}],["changeplacement(toastsplacement.bottomright)\">bottom",{"_index":2731,"t":{"606":{"position":[[9277,52]]}}}],["changeplacement(toastsplacement.middlecenter)\">middl",{"_index":2727,"t":{"606":{"position":[[8787,53]]}}}],["changeplacement(toastsplacement.middleleft)\">middl",{"_index":2726,"t":{"606":{"position":[[8667,51]]}}}],["changeplacement(toastsplacement.middleright)\">middl",{"_index":2728,"t":{"606":{"position":[[8911,52]]}}}],["changeplacement(toastsplacement.topcenter)\">top",{"_index":2722,"t":{"606":{"position":[[8433,47]]}}}],["changeplacement(toastsplacement.topleft)\">top",{"_index":2720,"t":{"606":{"position":[[8319,45]]}}}],["changeplacement(toastsplacement.topright)\">top",{"_index":2724,"t":{"606":{"position":[[8551,46]]}}}],["changes</button",{"_index":2068,"t":{"588":{"position":[[3803,16],[9467,16],[10145,16],[11224,16],[14532,16]]}}}],["changesize(10)\">pag",{"_index":5081,"t":{"668":{"position":[[96227,20]]}}}],["changesize(15)\">pag",{"_index":5083,"t":{"668":{"position":[[96344,20]]}}}],["changesize(5)\">pag",{"_index":5079,"t":{"668":{"position":[[96112,19]]}}}],["changesize(int",{"_index":5085,"t":{"668":{"position":[[98432,14]]}}}],["changetooltip",{"_index":1510,"t":{"574":{"position":[[8868,15]]},"608":{"position":[[1891,15]]}}}],["charset=\"utf",{"_index":3854,"t":{"636":{"position":[[3933,12]]},"638":{"position":[[3409,12]]},"640":{"position":[[3754,12]]},"642":{"position":[[3647,12]]},"644":{"position":[[3647,12]]},"650":{"position":[[3144,12]]},"656":{"position":[[3120,12]]}}}],["chart",{"_index":22,"t":{"2":{"position":[[164,6],[263,6],[473,7],[3834,9],[3912,6]]},"40":{"position":[[124,5],[153,5],[182,5],[214,5],[242,5],[269,5],[316,5],[362,5],[404,5],[445,5],[511,6],[529,5],[551,5],[569,5],[586,5]]},"96":{"position":[[518,5],[555,5],[906,5]]},"100":{"position":[[147,5],[233,5],[277,5],[317,5],[356,5],[468,5]]},"102":{"position":[[146,7],[633,5],[699,5],[761,5],[822,5],[1308,5]]},"104":{"position":[[148,7],[567,6],[606,6],[622,6],[634,6],[649,5],[777,5],[1007,5]]},"108":{"position":[[367,6],[384,5],[675,6]]},"112":{"position":[[338,5]]},"114":{"position":[[166,9],[309,5],[325,7],[951,6]]},"116":{"position":[[420,5]]},"124":{"position":[[150,7],[240,5]]},"128":{"position":[[164,6],[240,5],[790,6]]},"132":{"position":[[247,6],[705,7],[956,5],[1136,5],[1383,7]]},"138":{"position":[[1762,5],[1816,6],[1834,5],[1856,5],[1874,5],[1891,5]]},"148":{"position":[[580,7],[831,5]]},"154":{"position":[[208,6],[307,6],[517,7],[2644,9],[2722,6],[3008,6]]},"156":{"position":[[196,7],[565,9],[643,6]]},"160":{"position":[[33,6],[178,5],[232,6],[250,5],[272,5],[290,5],[307,5]]},"166":{"position":[[29,7],[175,5],[229,6],[247,5],[269,5],[287,5],[304,5]]},"174":{"position":[[38,6],[183,5],[237,6],[255,5],[277,5],[295,5],[312,5]]},"190":{"position":[[34,6],[179,5],[233,6],[251,5],[273,5],[291,5],[308,5]]},"194":{"position":[[33,6],[178,5],[232,6],[250,5],[272,5],[290,5],[307,5]]},"218":{"position":[[474,7],[725,5],[905,5],[1152,7]]},"224":{"position":[[203,7],[454,5]]},"228":{"position":[[217,6],[316,6],[526,7],[2653,9],[2731,6],[3017,6]]},"238":{"position":[[1409,5],[1463,6],[1481,5],[1503,5],[1521,5],[1538,5]]},"240":{"position":[[483,7],[734,5],[914,5],[1161,7]]},"252":{"position":[[197,7],[448,5]]},"254":{"position":[[205,7],[456,5]]},"272":{"position":[[195,5],[442,7]]},"282":{"position":[[196,7],[447,5]]},"286":{"position":[[198,7],[449,5]]},"306":{"position":[[198,7],[449,5]]},"308":{"position":[[1694,9],[1772,6],[2058,6],[2516,7],[2767,5],[2947,5]]},"310":{"position":[[211,6],[310,6],[520,7],[2647,9],[2725,6],[3011,6]]},"314":{"position":[[477,7],[728,5],[908,5],[1155,7]]},"326":{"position":[[21,7],[191,7],[442,5]]},"330":{"position":[[193,7]]},"332":{"position":[[194,7]]},"334":{"position":[[20,8],[207,6],[306,6],[532,9],[610,6],[896,6]]},"336":{"position":[[194,7]]},"342":{"position":[[769,7],[1020,5]]},"360":{"position":[[590,9],[668,6],[954,6],[1412,7],[1663,5]]},"362":{"position":[[195,7]]},"368":{"position":[[206,6],[305,6],[515,7],[1859,9],[1937,6],[2223,6],[2398,5],[2645,7]]},"374":{"position":[[207,6],[306,6]]},"390":{"position":[[193,7],[562,9],[640,6],[926,6],[1102,7],[1353,5]]},"394":{"position":[[197,7],[448,5]]},"396":{"position":[[216,6],[315,6]]},"402":{"position":[[292,6]]},"414":{"position":[[193,7]]},"416":{"position":[[208,6],[307,6],[517,7],[868,7],[1119,5]]},"422":{"position":[[209,6],[308,6],[518,7]]},"424":{"position":[[290,6]]},"426":{"position":[[191,7]]},"432":{"position":[[208,9],[286,6]]},"442":{"position":[[506,7],[757,5]]},"486":{"position":[[191,7]]},"488":{"position":[[192,5]]},"490":{"position":[[193,7],[444,5]]},"492":{"position":[[292,6]]},"498":{"position":[[211,9],[289,6]]},"562":{"position":[[207,6],[306,6],[516,7]]},"570":{"position":[[11,6],[38,6],[62,6],[87,5],[175,6],[200,8],[305,5],[322,5],[380,5],[397,5],[412,5],[423,5],[433,5],[463,6],[481,6],[494,6],[509,6],[526,5],[572,6],[594,5],[626,5],[666,6],[693,5],[730,5],[766,6],[789,5],[822,5],[857,6],[879,5],[911,5],[993,5],[1009,5],[1024,5],[1035,5],[1045,5]]},"576":{"position":[[5261,6]]},"580":{"position":[[13370,6]]},"584":{"position":[[168,5],[222,6],[240,5],[262,5],[280,5],[297,5]]},"608":{"position":[[2175,5]]},"616":{"position":[[23,5],[53,5],[82,5],[332,5],[399,5],[474,5],[539,5],[741,6],[869,6],[1008,6],[1249,6],[1339,6],[2745,6],[3128,5],[3666,6],[3690,6],[3720,7],[3905,5],[4217,7],[9099,6],[10497,6],[12579,5],[12696,5],[17048,5],[17224,5],[17242,5]]},"618":{"position":[[28,5],[63,5],[94,5],[124,5],[213,6],[248,5],[428,5],[495,5],[570,5],[635,5],[837,6],[965,6],[1104,6],[1345,6],[1435,6],[2498,6],[2881,5],[3314,5],[3586,7],[8143,5],[8260,5],[15346,5],[15362,5]]},"620":{"position":[[24,5],[55,5],[85,5],[238,6],[477,5],[544,5],[619,5],[684,5],[886,6],[1014,6],[1153,6],[1394,6],[1484,6],[2555,6],[2843,6],[5092,5],[5631,6],[5655,6],[5685,7],[5870,5],[6183,7],[7342,5],[7510,5],[17322,5],[17337,5]]},"624":{"position":[[23,5],[53,5],[82,5],[112,5],[273,5],[340,5],[415,5],[480,5],[682,6],[810,6],[949,6],[1190,6],[1280,6],[2328,6],[2619,5],[3037,5],[3304,7],[11627,5],[14871,5]]},"636":{"position":[[1857,5],[2215,5],[2874,5],[5561,5]]},"638":{"position":[[1309,5],[1667,5],[2326,5],[4479,5],[4837,5]]},"640":{"position":[[1672,5],[2030,5],[2689,5],[5237,5],[5595,5]]},"642":{"position":[[1691,5],[2049,5],[2724,5],[5080,5]]},"644":{"position":[[1691,5],[2049,5],[2724,5],[5281,5]]},"646":{"position":[[1331,5],[1689,5],[2348,5]]},"648":{"position":[[1331,5],[1689,5],[2348,5]]},"650":{"position":[[1354,5],[1712,5],[2371,5],[4230,5],[4588,5]]},"656":{"position":[[1345,5],[1703,5],[2378,5],[4485,5],[4843,5]]},"658":{"position":[[5848,5]]}}}],["chart.j",{"_index":1293,"t":{"570":{"position":[[114,8]]},"636":{"position":[[1835,8],[2829,8],[5539,8]]},"638":{"position":[[1287,8],[2281,8],[4457,8]]},"640":{"position":[[1650,8],[2644,8],[5215,8]]},"642":{"position":[[1669,8],[2667,8],[5058,8]]},"644":{"position":[[1669,8],[2667,8],[5259,8]]},"646":{"position":[[1309,8],[2303,8]]},"648":{"position":[[1309,8],[2303,8]]},"650":{"position":[[1332,8],[2326,8],[4208,8]]},"656":{"position":[[1323,8],[2321,8],[4463,8]]}}}],["chart1",{"_index":787,"t":{"142":{"position":[[99,6],[216,6],[347,6],[419,6],[1256,6]]}}}],["chart</button",{"_index":3012,"t":{"616":{"position":[[5299,14],[5463,14]]}}}],["chartarea",{"_index":2980,"t":{"616":{"position":[[2298,10],[2386,10],[2409,10]]},"618":{"position":[[2046,10],[2134,10],[2157,10]]},"620":{"position":[[2182,10],[2270,10],[2293,10]]},"624":{"position":[[1881,10],[1969,10],[1992,10]]}}}],["chartdata",{"_index":2947,"t":{"616":{"position":[[659,10],[778,10],[909,10],[1048,10],[1284,10],[1352,9],[5584,9],[5594,9],[5901,9],[5917,9],[6363,10],[7003,10],[7141,9],[7268,10],[7571,9],[9267,9],[9277,9],[9772,9],[9788,9],[10665,9],[10675,9],[11721,9],[11737,9],[12893,9],[12903,9],[13949,9],[13965,9],[14991,9],[15001,9],[16047,9],[16063,9],[16844,10],[17073,9]]},"618":{"position":[[755,10],[874,10],[1005,10],[1144,10],[1380,10],[1448,9],[4651,9],[4661,9],[4913,9],[4929,9],[5439,10],[6127,10],[6237,9],[6409,10],[6744,9],[8532,9],[8542,9],[10483,9],[10499,9],[11739,9],[11749,9],[12001,9],[12017,9],[12465,10],[12647,10],[13290,10],[13414,10],[13749,9],[15387,9]]},"620":{"position":[[804,10],[923,10],[1054,10],[1193,10],[1429,10],[1497,9],[7636,9],[7646,9],[7801,9],[7817,9],[8252,10],[8901,10],[9007,9],[9136,10],[9412,9],[11360,9],[11370,9],[13311,9],[13327,9],[14221,9],[14231,9],[16371,9],[16387,9],[17131,10],[17362,9]]},"624":{"position":[[600,10],[719,10],[850,10],[989,10],[1225,10],[1293,9],[4339,9],[4349,9],[4601,9],[4617,9],[5097,10],[5740,10],[5845,9],[6007,10],[6318,9],[8133,9],[8143,9],[8395,9],[8411,9],[8834,10],[9011,10],[9686,10],[9997,9],[12341,9],[12351,9],[12603,9],[12619,9],[14915,9]]}}}],["chartdata.dataset",{"_index":3022,"t":{"616":{"position":[[6385,18],[6519,19],[6869,18],[7025,18],[7290,18],[7423,19]]},"618":{"position":[[5461,18],[5595,19],[5983,18],[6149,18],[6431,18],[6533,19],[12669,18],[12825,19],[13213,18],[13436,18],[13538,19]]},"620":{"position":[[8274,18],[8408,19],[8765,18],[8923,18],[9158,18],[9260,19]]},"624":{"position":[[5119,18],[5253,19],[5606,18],[5762,18],[6029,18],[6131,19],[9033,18],[9167,19],[9520,18],[9708,18],[9810,19]]}}}],["chartdata.datasets.ani",{"_index":3023,"t":{"616":{"position":[[6415,26]]},"618":{"position":[[5491,26],[12699,26]]},"620":{"position":[[8304,26]]},"624":{"position":[[5149,26],[9063,26]]}}}],["chartdatalabel",{"_index":3098,"t":{"616":{"position":[[16910,17]]},"618":{"position":[[12536,17]]},"620":{"position":[[17198,17]]},"624":{"position":[[8900,17]]}}}],["chartdataset",{"_index":2955,"t":{"616":{"position":[[934,13],[7098,12],[7195,13]]},"618":{"position":[[1030,13],[6189,12],[6296,13]]},"620":{"position":[[1079,13],[8963,12],[9062,13]]},"624":{"position":[[875,13],[5802,12],[5899,13]]}}}],["chartj",{"_index":3822,"t":{"636":{"position":[[2169,7]]},"638":{"position":[[1621,7],[4791,7]]},"640":{"position":[[1984,7],[5549,7]]},"642":{"position":[[2003,7]]},"644":{"position":[[2003,7]]},"646":{"position":[[1643,7]]},"648":{"position":[[1643,7]]},"650":{"position":[[1666,7],[4542,7]]},"656":{"position":[[1657,7],[4797,7]]}}}],["chartlayout",{"_index":2996,"t":{"616":{"position":[[3801,11],[3830,12]]},"620":{"position":[[5766,11],[5795,12]]}}}],["chartopt",{"_index":2957,"t":{"616":{"position":[[962,13],[1073,13],[1309,13],[3550,13],[16855,13]]},"618":{"position":[[1058,13],[1169,13],[1405,13],[3182,13],[12476,13],[13301,13]]},"620":{"position":[[1107,13],[1218,13],[1454,13],[5515,13],[17142,13]]},"624":{"position":[[903,13],[1014,13],[1250,13],[2905,13],[8845,13]]}}}],["charts1",{"_index":788,"t":{"142":{"position":[[131,7]]}}}],["charts3",{"_index":848,"t":{"142":{"position":[[1263,7]]}}}],["chat",{"_index":729,"t":{"114":{"position":[[366,4]]},"616":{"position":[[1133,5]]},"618":{"position":[[1229,5]]},"620":{"position":[[1278,5]]},"624":{"position":[[1074,5]]}}}],["check",{"_index":1048,"t":{"564":{"position":[[1012,5],[1099,5],[1182,5],[1263,5],[1346,5],[1423,5],[1502,5],[1579,5],[3107,5],[3318,5]]},"622":{"position":[[3570,5],[5441,5],[6470,5],[8066,5],[10226,5],[11737,5],[13231,5]]},"668":{"position":[[88167,5]]}}}],["checkbox",{"_index":3768,"t":{"634":{"position":[[143,11],[768,8],[838,8],[1172,8],[1856,8],[2334,8],[2522,8]]},"668":{"position":[[1289,8],[1386,8],[87915,8],[87937,8],[88100,8],[88187,8]]}}}],["child",{"_index":607,"t":{"96":{"position":[[625,7]]},"600":{"position":[[3841,5]]},"664":{"position":[[2758,5]]}}}],["childcont",{"_index":1028,"t":{"564":{"position":[[248,12]]},"566":{"position":[[208,12]]},"568":{"position":[[301,12]]},"572":{"position":[[179,12]]},"574":{"position":[[355,12]]},"576":{"position":[[213,12]]},"580":{"position":[[432,12],[769,12],[950,12],[1130,12],[1311,12],[1564,12],[2000,12],[2256,12],[2436,12]]},"586":{"position":[[361,12]]},"592":{"position":[[461,12]]},"596":{"position":[[275,12]]},"598":{"position":[[195,12],[912,12],[1098,12],[1352,12]]},"602":{"position":[[566,12]]},"608":{"position":[[195,12]]},"612":{"position":[[182,12]]},"660":{"position":[[505,12],[1101,12],[1369,12],[1739,12],[2029,12],[2282,12]]},"668":{"position":[[846,12],[4332,12],[78337,14],[79409,14],[79467,15]]}}}],["chosen",{"_index":1994,"t":{"582":{"position":[[20392,7]]}}}],["chrome",{"_index":3058,"t":{"616":{"position":[[9373,9],[10822,9],[13050,9],[15148,9]]}}}],["circl",{"_index":3221,"t":{"620":{"position":[[4299,8],[4334,9]]},"644":{"position":[[4472,7],[4509,7]]},"656":{"position":[[3928,7],[3965,7]]}}}],["circular",{"_index":3100,"t":{"618":{"position":[[115,8]]},"624":{"position":[[103,8]]}}}],["clap",{"_index":2804,"t":{"610":{"position":[[1484,9],[1556,9],[1628,9],[1700,9],[1772,9],[1844,9]]}}}],["class",{"_index":100,"t":{"2":{"position":[[2314,8],[2755,8]]},"74":{"position":[[400,5],[435,5]]},"96":{"position":[[418,5]]},"118":{"position":[[479,8],[920,8]]},"124":{"position":[[472,8]]},"568":{"position":[[2519,7],[2568,7],[3070,7],[3119,7],[3620,7],[3669,7],[4383,7],[4432,7],[5008,7],[5057,7],[5631,7],[5680,7],[6373,7],[6422,7],[6924,7],[6973,7],[7474,7],[7523,7],[8175,7],[8224,7],[8740,7],[8789,7],[9290,7],[9339,7],[10005,7],[10054,7],[10556,7],[10605,7],[11106,7],[11155,7],[12185,7],[12234,7],[12748,7],[12797,7],[13310,7],[13359,7],[13868,7],[13917,7],[14416,7],[14465,7],[14976,7],[15025,7],[18502,7],[18551,7],[19053,7],[19102,7],[19603,7],[19652,7],[20887,7],[20936,7],[21460,7],[21509,7],[22032,7],[22081,7]]},"574":{"position":[[5649,8]]},"578":{"position":[[785,5],[973,5]]},"580":{"position":[[6466,8]]},"582":{"position":[[291,6],[514,6],[657,6]]},"588":{"position":[[290,6],[628,6],[696,6],[948,6],[14065,5]]},"600":{"position":[[1026,5],[1076,6]]},"602":{"position":[[777,5],[10716,5],[10861,5]]},"622":{"position":[[10355,5]]},"626":{"position":[[10519,5]]},"628":{"position":[[8757,5],[12586,5]]},"630":{"position":[[13884,5]]},"636":{"position":[[125,5]]},"638":{"position":[[179,5]]},"640":{"position":[[125,5]]},"642":{"position":[[135,5]]},"644":{"position":[[135,5]]},"646":{"position":[[143,5]]},"648":{"position":[[143,5]]},"650":{"position":[[183,5]]},"652":{"position":[[100,5]]},"654":{"position":[[105,5]]},"656":{"position":[[135,5]]},"658":{"position":[[524,6]]},"660":{"position":[[21440,5]]},"662":{"position":[[8016,5],[11840,5]]},"664":{"position":[[1049,5],[1099,6],[22276,5],[22302,5],[22352,6],[25539,5]]},"668":{"position":[[1648,6],[2012,6],[2167,5],[2195,6],[2847,6],[3201,6],[4493,6],[4800,6],[68547,5],[68617,5],[68691,5],[71919,5],[71992,5],[72076,5],[75160,6],[75197,5],[75238,5],[101245,6],[105844,6],[143533,5],[146405,5],[148829,5],[152032,5],[152922,5],[152957,5],[152986,5],[153151,5],[153173,5]]}}}],["class(",{"_index":2320,"t":{"598":{"position":[[1628,9]]}}}],["class.</p",{"_index":1157,"t":{"566":{"position":[[3318,10],[3806,10],[4295,10],[4781,10],[5266,10],[5776,10],[6283,10],[6791,10],[7296,10],[7800,10]]}}}],["class=\"alert",{"_index":1067,"t":{"564":{"position":[[1785,12]]}}}],["class=\"b",{"_index":2661,"t":{"604":{"position":[[4289,8]]}}}],["class=\"bb",{"_index":2483,"t":{"600":{"position":[[6485,9],[6650,9],[9484,9],[9644,9],[12439,9],[12642,9]]},"602":{"position":[[11182,9]]},"636":{"position":[[6990,9],[7140,9]]},"638":{"position":[[7545,9],[7695,9]]},"640":{"position":[[7514,9],[7664,9]]},"642":{"position":[[6413,9],[6563,9]]},"644":{"position":[[6574,9],[6724,9]]},"650":{"position":[[6454,9],[6604,9]]},"652":{"position":[[612,9],[771,9]]},"654":{"position":[[617,9],[776,9]]},"656":{"position":[[6479,9],[6629,9]]},"664":{"position":[[6663,9],[6807,9],[8900,9],[9059,9],[11354,9],[11532,9],[13789,9],[13962,9],[16180,9],[16381,9],[18623,9],[18786,9]]}}}],["class=\"bi",{"_index":2768,"t":{"608":{"position":[[1422,9]]}}}],["class=\"btn",{"_index":2762,"t":{"608":{"position":[[1199,10]]},"622":{"position":[[9283,10]]}}}],["class=\"clearfix",{"_index":2655,"t":{"604":{"position":[[3114,17]]}}}],["class=\"col",{"_index":1620,"t":{"578":{"position":[[3315,10],[3372,10],[3443,10],[3499,10],[3578,10],[3633,10]]},"580":{"position":[[6530,10],[6825,10]]},"582":{"position":[[4136,10],[4193,10],[4264,10],[4320,10],[4399,10],[4454,10],[6092,10],[6149,10],[6220,10],[6276,10],[6355,10],[6410,10]]},"588":{"position":[[4900,10],[4957,10],[5028,10],[5084,10],[5163,10],[5218,10],[6788,10],[6845,10],[6916,10],[6972,10],[7051,10],[7106,10]]},"602":{"position":[[3186,12],[3446,12],[5303,12],[5562,12],[5821,12],[8374,12],[8652,12]]},"622":{"position":[[2169,10],[3996,10],[5627,10],[6596,10],[8527,10],[8582,10],[8977,10],[9031,10],[9231,10],[10589,10],[12127,10]]},"626":{"position":[[8268,10],[8360,10],[8651,10],[8711,10],[9017,10],[9111,10],[9322,10],[11104,10],[11196,10]]},"628":{"position":[[7448,10],[7542,10],[7740,10],[7835,10],[8053,10],[10054,10],[10147,10],[10363,10],[10455,10],[10762,10],[10852,10],[11138,10]]},"630":{"position":[[11504,10],[11596,10],[11930,10],[11990,10],[12339,10],[12433,10],[12687,10],[16940,10],[17032,10]]},"660":{"position":[[20204,10]]},"662":{"position":[[5574,10],[5669,10],[5911,10],[6007,10],[6236,10],[6332,10],[6540,10],[6634,10],[6859,10],[6953,10],[7139,10],[9594,10],[9690,10],[9995,10],[10089,10],[10377,10]]},"668":{"position":[[147587,10],[147683,10],[147783,10],[147897,10],[147995,10],[150779,10],[150872,10],[150969,10],[151080,10],[151175,10]]}}}],["class=\"col\">@context.designation</div",{"_index":5204,"t":{"668":{"position":[[147828,38]]}}}],["class=\"col\">@context.doj</div",{"_index":5206,"t":{"668":{"position":[[147934,30]]}}}],["class=\"col\">@context.id</div",{"_index":5200,"t":{"668":{"position":[[147623,29]]}}}],["class=\"col\">@context.isactive</div",{"_index":5208,"t":{"668":{"position":[[148037,35]]}}}],["class=\"col\">@context.name</div",{"_index":5202,"t":{"668":{"position":[[147721,31]]}}}],["class=\"col\">@emp1.designation</div",{"_index":5217,"t":{"668":{"position":[[151014,35]]}}}],["class=\"col\">@emp1.doj</div",{"_index":5218,"t":{"668":{"position":[[151117,27]]}}}],["class=\"col\">@emp1.id</div",{"_index":5215,"t":{"668":{"position":[[150815,26]]}}}],["class=\"col\">@emp1.isactive</div",{"_index":5219,"t":{"668":{"position":[[151217,32]]}}}],["class=\"col\">@emp1.name</div",{"_index":5216,"t":{"668":{"position":[[150910,28]]}}}],["class=\"cont",{"_index":2489,"t":{"600":{"position":[[6789,14],[9783,14],[12781,14]]},"636":{"position":[[7279,14]]},"638":{"position":[[7834,14]]},"640":{"position":[[7803,14]]},"642":{"position":[[6702,14]]},"644":{"position":[[6863,14]]},"650":{"position":[[6743,14]]},"652":{"position":[[910,14]]},"654":{"position":[[915,14]]},"656":{"position":[[6768,14]]},"664":{"position":[[6946,14],[9271,14],[11744,14],[14174,14],[16593,14],[18925,14]]}}}],["class=\"d",{"_index":1467,"t":{"574":{"position":[[5743,8],[5885,8],[6043,8],[6204,8]]},"602":{"position":[[11139,8]]},"604":{"position":[[2855,8],[2944,8]]},"608":{"position":[[1130,8]]},"612":{"position":[[13817,8],[14847,8]]},"632":{"position":[[1121,8],[1324,8],[1528,8],[1733,8],[3914,8],[4325,8],[4528,8],[4741,8],[4956,8],[5528,8]]},"660":{"position":[[4076,8],[6268,8],[8848,8],[9737,8],[10759,8],[11836,8],[12430,8],[13488,8]]}}}],["class=\"dismiss\">🗙</a",{"_index":3871,"t":{"636":{"position":[[4987,22]]},"638":{"position":[[8680,22]]},"640":{"position":[[4915,22]]},"642":{"position":[[4501,22]]},"644":{"position":[[4702,22]]},"650":{"position":[[7589,22]]},"656":{"position":[[4158,22]]}}}],["class=\"flex",{"_index":3755,"t":{"632":{"position":[[5554,11]]}}}],["class=\"float",{"_index":2656,"t":{"604":{"position":[[3167,12]]},"626":{"position":[[9415,12],[9530,12]]},"628":{"position":[[8146,12],[8261,12],[11231,12],[11346,12]]},"630":{"position":[[12780,12],[12895,12]]},"660":{"position":[[20297,12],[20412,12]]},"662":{"position":[[7232,12],[7347,12],[10470,12],[10585,12]]}}}],["class=\"form",{"_index":3360,"t":{"622":{"position":[[8476,11],[8930,11],[9071,11]]},"626":{"position":[[1456,11],[1878,11],[2054,11],[2234,11],[2416,11],[2600,11],[2784,11],[2970,11],[3156,11],[4015,11],[4177,11],[4513,11],[4642,11],[4808,11],[4943,11],[5368,11],[5594,11],[6048,11],[6194,11],[6448,11],[7187,11],[8232,11],[8615,11],[8981,11]]},"628":{"position":[[7412,11],[7704,11],[7865,11],[10018,11],[10177,11],[10327,11],[10726,11]]},"630":{"position":[[2235,11],[2461,11],[2687,11],[2913,11],[3139,11],[3365,11],[3591,11],[3817,11],[4043,11],[6158,11],[6288,11],[6421,11],[6556,11],[6693,11],[6830,11],[6969,11],[7108,11],[7922,11],[8112,11],[8497,11],[8751,11],[9233,11],[9407,11],[9663,11],[10406,11],[11468,11],[11894,11],[12303,11],[14381,11],[14611,11],[14841,11],[15071,11],[15301,11],[15531,11],[15761,11],[15991,11],[16221,11]]},"632":{"position":[[2126,11],[2860,11]]},"660":{"position":[[19312,11],[19636,11],[19943,11]]},"662":{"position":[[5538,11],[5699,11],[5875,11],[6056,11],[6200,11],[6504,11],[6683,11],[6823,11],[9558,11],[9959,11]]}}}],["class=\"list",{"_index":1713,"t":{"580":{"position":[[4900,11],[4941,11],[4982,11],[5029,11],[5598,11],[5639,11],[5680,11],[5727,11]]}}}],["class=\"load",{"_index":3979,"t":{"644":{"position":[[4446,14],[4558,14]]},"656":{"position":[[3902,14],[4014,14]]}}}],["class=\"m",{"_index":1090,"t":{"564":{"position":[[2339,9],[2471,9],[2616,9],[2761,9]]},"568":{"position":[[4203,9],[4826,9],[5450,9]]},"604":{"position":[[2150,9],[2228,9],[2308,9],[2386,9],[2463,9],[2541,9],[2616,9],[2692,9],[2803,8],[3060,9],[3779,9],[3882,9],[3962,9],[4065,9],[4196,9]]},"608":{"position":[[2007,9]]},"612":{"position":[[7553,9],[7680,9],[7810,9],[7938,9],[8159,9],[8286,9],[8416,9],[8544,9],[8773,9],[8900,9],[9030,9],[9158,9]]},"632":{"position":[[1253,9],[1457,9],[1662,9],[1868,9],[4047,9],[4457,9],[4670,9],[4885,9],[5101,9]]}}}],["class=\"mb",{"_index":1079,"t":{"564":{"position":[[2028,9]]},"568":{"position":[[11991,9],[18317,9]]},"572":{"position":[[3383,9],[3641,9],[4085,9],[5014,9],[5952,9]]},"574":{"position":[[8558,9]]},"580":{"position":[[3586,9],[3887,9],[4057,9],[4421,9],[7285,9],[7617,9],[7946,9],[8312,9],[8602,9],[8892,9],[9179,9],[9466,9],[9751,9],[10034,9],[10317,9],[10846,9],[11222,9],[11549,9],[12119,9],[12516,9],[12864,9]]},"596":{"position":[[1178,9],[1230,9],[1305,9],[1398,9],[1491,9],[1611,9],[1740,9],[2137,9],[2362,9],[2428,9],[3371,9],[3445,9],[3519,9],[3582,9],[3823,9],[3916,9],[4006,9],[4099,9],[4191,9],[4284,9],[4379,9],[4604,9],[5959,9],[6330,9],[6451,9],[6569,9],[6690,9],[6810,9],[6931,9],[7054,9],[7361,9],[7493,9],[7622,9],[7754,9],[7885,9],[8017,9],[8151,9]]},"602":{"position":[[10989,9],[12725,9]]},"608":{"position":[[1620,9]]},"612":{"position":[[13887,9],[14917,9]]},"616":{"position":[[4694,9],[9145,9],[10543,9],[12771,9],[14869,9]]},"618":{"position":[[4073,9],[8406,9],[11310,9]]},"620":{"position":[[6732,9],[11234,9],[14095,9]]},"624":{"position":[[3781,9],[7724,9],[11679,9]]},"626":{"position":[[1435,9],[1580,9],[1857,9],[2033,9],[2213,9],[2395,9],[2579,9],[2763,9],[2949,9],[3135,9],[3994,9],[4258,9],[4492,9],[4739,9],[4787,9],[5041,9],[5347,9],[5525,9],[5573,9],[5753,9],[6027,9],[6271,9],[6427,9],[7166,9]]},"628":{"position":[[1498,9],[1602,9],[2054,9],[2107,9],[2211,9],[2256,9],[2310,9],[2415,9],[2460,9],[2513,9],[2617,9],[2662,9],[2716,9],[2821,9],[3523,9],[3576,9],[3724,9],[3764,9],[3804,9],[3849,9],[3903,9],[4052,9],[4092,9],[4132,9],[4177,9],[4230,9],[4378,9],[4418,9],[4458,9],[4503,9],[4557,9],[4706,9],[4746,9],[4786,9],[5546,9],[5671,9],[6327,9],[6448,9],[9092,9],[9239,9]]},"630":{"position":[[1953,9],[2060,9],[2214,9],[2391,9],[2440,9],[2617,9],[2666,9],[2843,9],[2892,9],[3069,9],[3118,9],[3295,9],[3344,9],[3521,9],[3570,9],[3747,9],[3796,9],[3973,9],[4022,9],[4199,9],[4658,9],[4794,9],[5146,9],[5307,9],[5702,9],[5848,9],[6137,9],[6267,9],[6400,9],[6535,9],[6672,9],[6809,9],[6948,9],[7087,9],[7901,9],[8193,9],[8476,9],[8682,9],[8730,9],[8938,9],[9212,9],[9484,9],[9642,9],[10385,9],[14360,9],[14541,9],[14590,9],[14771,9],[14820,9],[15001,9],[15050,9],[15231,9],[15280,9],[15461,9],[15510,9],[15691,9],[15740,9],[15921,9],[15970,9],[16151,9],[16200,9],[16381,9]]},"632":{"position":[[2105,9],[2839,9]]},"634":{"position":[[1086,9],[1776,9]]},"660":{"position":[[18576,9],[19291,9],[19615,9],[19922,9]]},"662":{"position":[[1442,9],[1521,9],[1788,9],[1841,9],[1920,9],[1965,9],[2019,9],[2099,9],[2695,9],[2748,9],[2871,9],[2911,9],[2951,9],[2996,9],[3050,9],[3174,9],[3214,9],[3254,9],[3715,9],[3815,9],[4468,9],[4565,9],[8647,9],[8794,9]]},"666":{"position":[[778,9],[1575,9],[2334,9]]}}}],["class=\"mt",{"_index":1236,"t":{"568":{"position":[[16019,9]]},"576":{"position":[[4021,9],[4366,9]]},"582":{"position":[[5458,9],[6473,9]]},"588":{"position":[[6214,9],[7169,9]]},"594":{"position":[[834,9],[1265,9]]},"598":{"position":[[6494,9],[9471,9]]},"612":{"position":[[2263,9],[2484,9],[2708,9],[3196,9],[3417,9],[3641,9],[4112,9],[4394,9],[4678,9],[5041,9],[5262,9],[5503,9],[5728,9],[6131,9],[6352,9],[6576,9],[6999,9],[7126,9],[7256,9],[9570,9],[9697,9],[9827,9],[9974,9],[10113,9],[10238,9],[11932,9],[12059,9],[12189,9],[12317,9],[13173,9],[13339,9],[14118,9],[15233,9],[15370,9]]},"626":{"position":[[1978,9],[2157,9],[2339,9],[2523,9],[2707,9],[2893,9],[3079,9],[3267,9]]},"632":{"position":[[5374,9]]},"634":{"position":[[862,9],[2605,9]]},"660":{"position":[[15410,9]]},"668":{"position":[[18346,9],[18419,9],[82608,9],[82681,9],[85634,9],[85707,9],[89129,9],[89202,9],[93289,9],[93362,9]]}}}],["class=\"mx",{"_index":3758,"t":{"632":{"position":[[5713,9]]}}}],["class=\"p",{"_index":2689,"t":{"606":{"position":[[1940,8],[3383,8],[4893,8],[6499,8],[8201,8],[10160,8],[11608,8]]},"612":{"position":[[15215,8]]},"636":{"position":[[7411,8]]},"640":{"position":[[7935,8]]},"642":{"position":[[6834,8]]},"644":{"position":[[6995,8]]},"660":{"position":[[18456,8]]}}}],["class=\"pi",{"_index":2490,"t":{"600":{"position":[[6816,9],[9810,9],[12808,9]]},"636":{"position":[[7306,9]]},"638":{"position":[[7861,9]]},"640":{"position":[[7830,9]]},"642":{"position":[[6729,9]]},"644":{"position":[[6890,9]]},"650":{"position":[[6770,9]]},"652":{"position":[[937,9]]},"654":{"position":[[942,9]]},"656":{"position":[[6795,9]]},"664":{"position":[[6973,9],[9298,9],[11771,9],[14201,9],[16620,9],[18952,9]]}}}],["class=\"px",{"_index":4118,"t":{"660":{"position":[[19143,9]]},"664":{"position":[[23305,9],[23435,9],[23565,9]]}}}],["class=\"reload\">reload</a",{"_index":3870,"t":{"636":{"position":[[4958,25]]},"638":{"position":[[8651,25]]},"640":{"position":[[4886,25]]},"642":{"position":[[4472,25]]},"644":{"position":[[4673,25]]},"650":{"position":[[7560,25]]},"656":{"position":[[4129,25]]}}}],["class=\"round",{"_index":1709,"t":{"580":{"position":[[3927,14],[4695,14],[5350,14]]},"614":{"position":[[1026,14],[1113,14],[1198,14],[1314,15]]}}}],["class=\"row",{"_index":1619,"t":{"578":{"position":[[3297,12],[3425,12],[3560,12]]},"580":{"position":[[6512,12]]},"582":{"position":[[4118,12],[4246,12],[4381,12],[6074,12],[6202,12],[6337,12]]},"588":{"position":[[4882,12],[5010,12],[5145,12],[6770,12],[6898,12],[7033,12]]},"602":{"position":[[3168,12],[5285,12],[8356,12]]},"622":{"position":[[2151,12],[3978,12],[5609,12],[6578,12],[9213,12],[10566,10],[12104,10]]},"626":{"position":[[9304,12],[11079,10]]},"628":{"position":[[8035,12],[11120,12]]},"630":{"position":[[12669,12],[16915,10]]},"660":{"position":[[20186,12]]},"662":{"position":[[7121,12],[10359,12]]},"668":{"position":[[147569,12],[147665,12],[147765,12],[147879,12],[147977,12],[150761,12],[150854,12],[150951,12],[151062,12],[151157,12]]}}}],["class=\"spinn",{"_index":1484,"t":{"574":{"position":[[7191,14]]}}}],["class=\"tabl",{"_index":4355,"t":{"668":{"position":[[7516,12],[9972,12],[12393,12],[15038,12],[17304,12],[20984,12],[23740,12],[26302,12],[30548,12],[33447,12],[36192,12],[38809,12],[41362,12],[43818,12],[43935,12],[46391,12],[50424,12],[51326,12],[59160,12],[63405,12],[65847,12],[68777,12],[72157,12],[75316,12],[78505,12],[81885,12],[84846,12],[88257,12],[92308,12],[95439,12],[98534,12],[101296,12],[102113,12],[102944,12],[103761,12],[105917,12],[106937,12],[107957,12],[108975,12],[109995,12],[111009,12],[112023,12],[114343,12],[116799,12],[119381,12],[123954,12],[127388,12],[129938,12],[132609,12],[135311,12],[138308,12],[141325,12],[143814,12],[146906,12],[149341,12],[150023,12]]}}}],["class=\"text",{"_index":1765,"t":{"580":{"position":[[11142,11],[11469,11],[11891,11],[12437,11],[12785,11],[13228,11]]},"594":{"position":[[1415,11]]},"604":{"position":[[3227,11]]},"610":{"position":[[2960,11],[3109,11]]},"614":{"position":[[1256,11]]},"626":{"position":[[8318,11],[9069,11],[11154,11]]},"628":{"position":[[7500,11],[7793,11],[10105,11],[10413,11],[10810,11]]},"630":{"position":[[11554,11],[12391,11],[16990,11]]},"660":{"position":[[19349,11],[19982,11]]},"662":{"position":[[5627,11],[5965,11],[6290,11],[6592,11],[6911,11],[9648,11],[10047,11]]},"668":{"position":[[51844,11],[75656,11]]}}}],["class=\"w",{"_index":2017,"t":{"586":{"position":[[1260,8]]}}}],["classbuild",{"_index":98,"t":{"2":{"position":[[2284,12],[2337,12],[2452,12],[2725,12],[2887,12]]},"118":{"position":[[449,12],[502,12],[617,12],[890,12],[1052,12]]}}}],["clearmessag",{"_index":1569,"t":{"576":{"position":[[5186,14]]}}}],["cli",{"_index":530,"t":{"80":{"position":[[1291,4]]}}}],["click",{"_index":544,"t":{"82":{"position":[[317,7]]},"96":{"position":[[258,5]]},"108":{"position":[[328,5]]},"564":{"position":[[3206,6]]},"568":{"position":[[2267,5]]},"574":{"position":[[8965,5],[9039,5],[9159,5],[9248,5],[9355,5],[9374,5],[9497,5],[9692,5]]},"576":{"position":[[1581,5]]},"582":{"position":[[1300,8],[2687,7],[7478,8]]},"588":{"position":[[2793,5],[3240,8],[3463,8],[7749,8],[7910,5],[8071,5]]},"598":{"position":[[2966,6],[3480,6]]},"608":{"position":[[1344,5],[2257,5]]},"612":{"position":[[2123,6],[2352,8],[2576,8],[2800,8],[3285,8],[3509,8],[3733,8],[4201,8],[4486,8],[4770,8],[5130,8],[5354,8],[5596,8],[5820,8],[6220,8],[6444,8],[6668,8]]},"626":{"position":[[4397,8]]},"660":{"position":[[155,9],[21966,8]]},"668":{"position":[[537,6],[3593,6],[3652,9],[3769,6],[3835,9],[68113,5],[68240,5],[114265,5],[116624,7],[116721,5],[119104,7],[153183,5],[153206,5]]}}}],["client",{"_index":278,"t":{"30":{"position":[[253,7]]},"32":{"position":[[221,6]]},"622":{"position":[[192,6],[2128,6],[2711,6],[3715,6],[4582,6],[7207,6],[13521,6],[13538,6]]},"638":{"position":[[2913,6],[6874,7],[8923,6],[9066,6]]},"668":{"position":[[139,6],[6516,6],[7290,6],[9656,6],[12156,6],[14816,6],[17236,6],[18830,6],[21972,6],[24654,6],[27931,6],[34508,6],[37156,6],[39732,6],[42348,6],[44936,6],[47772,6],[60577,6],[69944,6],[73368,6],[76480,6],[79965,6],[83146,6],[86172,6],[89613,6],[93827,6],[96650,6],[99445,6],[104790,6],[113223,6],[115443,6],[117910,6],[121930,6],[125839,6],[139496,6],[142260,6],[144912,6],[152389,6],[152411,6],[152457,6],[152476,6],[152496,6]]}}}],["clip",{"_index":2979,"t":{"616":{"position":[[2257,4],[2281,4],[2356,5],[2401,4],[2420,8],[2462,5]]},"618":{"position":[[2005,4],[2029,4],[2104,5],[2149,4],[2168,8],[2210,5]]},"620":{"position":[[2141,4],[2165,4],[2240,5],[2285,4],[2304,8],[2346,5]]},"624":{"position":[[1840,4],[1864,4],[1939,5],[1984,4],[2003,8],[2045,5]]},"668":{"position":[[51870,4]]}}}],["clipboard",{"_index":77,"t":{"2":{"position":[[1807,9]]},"116":{"position":[[319,9],[523,9]]},"154":{"position":[[1851,9]]},"228":{"position":[[1860,9]]},"308":{"position":[[901,9]]},"310":{"position":[[1854,9]]},"330":{"position":[[642,9]]},"336":{"position":[[957,9]]},"340":{"position":[[21,11],[293,9]]},"420":{"position":[[291,9]]},"548":{"position":[[290,9]]}}}],["clipboard1",{"_index":849,"t":{"142":{"position":[[1271,10]]}}}],["clock",{"_index":2789,"t":{"610":{"position":[[613,5]]}}}],["clone",{"_index":2606,"t":{"602":{"position":[[8179,8],[8254,8],[9887,5],[9982,7],[10145,5],[10241,7],[13968,7]]}}}],["close",{"_index":628,"t":{"102":{"position":[[421,5]]},"104":{"position":[[495,5]]},"108":{"position":[[443,6]]},"124":{"position":[[644,5]]},"564":{"position":[[465,5],[536,6],[670,5],[748,6],[883,5],[3179,5],[3716,5]]},"578":{"position":[[882,5]]},"582":{"position":[[418,6],[976,5],[1289,5],[7467,5]]},"588":{"position":[[431,5],[507,6],[1462,5],[3292,5],[7738,5],[8058,5]]},"606":{"position":[[1011,5]]},"622":{"position":[[1803,6]]},"660":{"position":[[355,6],[466,5],[21906,5],[21954,6],[25941,5]]}}}],["close</dropdowntogglebutton",{"_index":4133,"t":{"660":{"position":[[23424,28]]}}}],["closealert",{"_index":1107,"t":{"564":{"position":[[3494,12]]}}}],["closeasync",{"_index":1035,"t":{"564":{"position":[[525,10]]}}}],["closeiconcolor",{"_index":2041,"t":{"588":{"position":[[374,14]]}}}],["closeonescap",{"_index":494,"t":{"74":{"position":[[559,13],[623,13]]},"582":{"position":[[375,13]]},"588":{"position":[[455,13],[7770,13]]}}}],["closeonescape=\"fals",{"_index":2082,"t":{"588":{"position":[[8009,22]]}}}],["cn",{"_index":3705,"t":{"630":{"position":[[4153,3],[16335,3]]}}}],["cn</b></label",{"_index":3702,"t":{"630":{"position":[[4076,14],[16254,14]]}}}],["code",{"_index":93,"t":{"2":{"position":[[2242,4]]},"10":{"position":[[208,4]]},"44":{"position":[[581,4]]},"118":{"position":[[407,4]]},"560":{"position":[[450,5],[1257,5],[1990,5]]},"564":{"position":[[3447,5]]},"568":{"position":[[16676,5],[20210,5],[22423,5]]},"574":{"position":[[5249,5],[7567,5],[8809,5],[9066,6],[9275,6],[9523,6]]},"576":{"position":[[2194,5],[3163,5],[4436,5]]},"578":{"position":[[1712,5],[2638,5],[3688,5],[4211,5],[5394,5],[6087,5],[6579,5],[7203,5],[7844,5],[8536,5]]},"582":{"position":[[3048,5],[3774,5],[4509,5],[5524,5],[6611,5],[7258,5],[11488,5],[15735,5],[19876,5],[20686,5]]},"588":{"position":[[3931,5],[4555,5],[5273,5],[6244,5],[7307,5],[8424,5],[9602,5],[10288,5],[11378,5],[12333,5],[13862,5],[14660,5]]},"590":{"position":[[3182,5]]},"592":{"position":[[1088,4],[1280,5],[1761,5],[3425,5]]},"594":{"position":[[1450,5]]},"596":{"position":[[2841,5],[5720,5]]},"598":{"position":[[6557,5],[9534,5]]},"600":{"position":[[1894,5],[3993,5],[6410,4],[6884,5],[9878,5],[12876,5],[15608,5]]},"602":{"position":[[2470,5],[3708,5],[6082,5],[8932,5],[10581,5],[11324,5],[12137,5],[12983,5],[13738,5]]},"604":{"position":[[4536,5]]},"606":{"position":[[2746,5],[4290,5],[5728,5],[7318,5],[9345,5],[10998,5],[11577,4],[11824,5]]},"608":{"position":[[1477,5],[1832,5]]},"610":{"position":[[3945,6],[3986,4],[4120,4]]},"612":{"position":[[10844,6],[12418,5],[13417,5],[14269,5],[15537,5]]},"616":{"position":[[5478,5],[9161,5],[10559,5],[12787,5],[14885,5]]},"618":{"position":[[4525,5],[8422,5],[11613,5]]},"620":{"position":[[7526,5],[11250,5],[14111,5]]},"622":{"position":[[2439,5],[4310,5],[5897,5],[6866,5],[9361,5],[11102,5],[12568,5]]},"624":{"position":[[4233,5],[8027,5],[12235,5]]},"626":{"position":[[1623,5],[3318,5],[4301,5],[5085,5],[5797,5],[6314,5],[6809,5],[7474,5],[9595,5],[11406,5]]},"628":{"position":[[1642,5],[2861,5],[4826,5],[5931,5],[6636,5],[8326,5],[9279,5],[11411,5]]},"630":{"position":[[2104,5],[4243,5],[4837,5],[5350,5],[5891,5],[7223,5],[8236,5],[8982,5],[9527,5],[10026,5],[10697,5],[12960,5],[16425,5],[17244,5]]},"632":{"position":[[1088,5],[1934,5],[2476,5],[3135,5],[4113,5],[5167,5],[5402,5],[5801,5]]},"634":{"position":[[956,5],[1418,5],[2030,5],[2368,5],[2645,5]]},"636":{"position":[[999,4],[3166,5],[3731,5],[7492,5],[8407,4]]},"638":{"position":[[2629,4],[3337,4],[6867,4],[7912,5],[9002,4],[9059,4]]},"640":{"position":[[997,4],[2981,5],[3544,5],[8016,5],[8944,4]]},"642":{"position":[[1011,4],[3016,5],[3583,5],[6915,5],[7838,4]]},"644":{"position":[[1011,4],[3016,5],[3583,5],[7076,5],[7999,4]]},"646":{"position":[[2644,5],[2968,5],[3195,4]]},"648":{"position":[[2644,5],[3152,5],[3374,4]]},"650":{"position":[[2674,4],[3081,5],[6821,5],[7835,4]]},"652":{"position":[[476,4],[496,5],[990,5]]},"654":{"position":[[481,4],[501,5],[995,5]]},"656":{"position":[[2670,4],[3056,5],[6846,5],[7695,4]]},"658":{"position":[[1845,5],[3028,5],[3804,5],[4220,5],[4653,5],[5078,4],[5266,5]]},"660":{"position":[[15624,5],[20505,5],[24329,6],[25168,5]]},"662":{"position":[[1561,5],[2139,5],[3294,5],[4075,5],[4753,5],[7412,5],[8834,5],[10650,5]]},"664":{"position":[[1849,5],[2950,5],[4782,5],[6588,4],[7041,5],[9366,5],[11839,5],[14269,5],[16688,5],[19140,5],[22474,5],[24400,5]]},"666":{"position":[[963,5],[1796,5],[2489,5]]},"668":{"position":[[8202,5],[10702,5],[12981,5],[15782,5],[18534,5],[21740,5],[24422,5],[27699,5],[32157,5],[34276,5],[36924,5],[39500,5],[42116,5],[44704,5],[47540,5],[50922,5],[58358,5],[60240,5],[64026,5],[66478,5],[69712,5],[73137,5],[76248,5],[79520,5],[82796,5],[85822,5],[89317,5],[93477,5],[96382,5],[99203,5],[104548,5],[112981,5],[115140,5],[117607,5],[120579,5],[125433,5],[129070,5],[131723,5],[134413,5],[137218,5],[139254,5],[141886,5],[144538,5],[148106,5],[151309,5]]}}}],["code>.visu",{"_index":1155,"t":{"566":{"position":[[3288,15],[3776,15],[4265,15],[4751,15],[5236,15],[5746,15],[6253,15],[6761,15],[7266,15],[7770,15]]}}}],["code>step</cod",{"_index":3485,"t":{"626":{"position":[[4671,17],[4972,17]]}}}],["codebas",{"_index":132,"t":{"2":{"position":[[2926,9]]},"118":{"position":[[1091,9]]}}}],["col",{"_index":1470,"t":{"574":{"position":[[6063,3]]},"578":{"position":[[3328,3],[3385,3],[3456,3],[3512,3],[3591,3],[3646,3]]},"582":{"position":[[4149,3],[4206,3],[4277,3],[4333,3],[4412,3],[4467,3],[6105,3],[6162,3],[6233,3],[6289,3],[6368,3],[6423,3]]},"588":{"position":[[4913,3],[4970,3],[5041,3],[5097,3],[5176,3],[5231,3],[6801,3],[6858,3],[6929,3],[6985,3],[7064,3],[7119,3]]},"622":{"position":[[2185,3],[4012,3],[5643,3],[6612,3],[8543,3],[8993,3],[10605,3],[12143,3]]},"626":{"position":[[8284,3],[8667,3],[9033,3],[11120,3]]},"628":{"position":[[7464,3],[7756,3],[10070,3],[10379,3],[10778,3]]},"630":{"position":[[11520,3],[11946,3],[12355,3],[16956,3]]},"662":{"position":[[5590,3],[5927,3],[6252,3],[6556,3],[6875,3],[9610,3],[10011,3]]}}}],["cold",{"_index":3763,"t":{"632":{"position":[[5905,7]]}}}],["collaps",{"_index":473,"t":{"72":{"position":[[123,9],[274,8],[304,8],[835,8],[1084,8]]},"134":{"position":[[2468,9],[2599,8]]},"150":{"position":[[548,9],[679,8]]},"156":{"position":[[805,9],[936,8]]},"216":{"position":[[2174,9],[2305,8]]},"226":{"position":[[176,9],[307,8]]},"230":{"position":[[172,9],[303,8]]},"234":{"position":[[2183,9],[2314,8]]},"248":{"position":[[472,9],[603,8]]},"256":{"position":[[175,9],[306,8]]},"316":{"position":[[1366,9],[1497,8]]},"320":{"position":[[2177,9],[2308,8]]},"330":{"position":[[1093,9],[1224,8]]},"338":{"position":[[21,10],[169,9],[300,8]]},"522":{"position":[[167,9],[298,8]]},"568":{"position":[[68,10],[114,8],[2482,8],[3033,8],[3583,8],[4346,8],[4971,8],[5594,8],[6336,8],[6887,8],[7437,8],[8138,8],[8703,8],[9253,8],[9968,8],[10519,8],[11069,8],[12148,8],[12711,8],[13273,8],[13831,8],[14379,8],[14939,8],[18465,8],[19016,8],[19566,8],[20850,8],[21423,8],[21995,8]]},"570":{"position":[[976,8]]},"576":{"position":[[11,8],[40,8],[128,8],[367,11],[465,11],[564,11],[609,11],[658,11],[864,8],[1087,8],[1203,8],[1329,10],[1972,9],[2051,8],[2182,11],[2202,8],[2479,8],[2518,11],[2588,11],[2937,9],[3072,9],[3151,11],[3171,8],[3465,8],[3522,8],[3994,9],[4218,8],[4349,11],[4444,8]]},"578":{"position":[[8911,8]]},"664":{"position":[[21058,9]]}}}],["collapse1",{"_index":850,"t":{"142":{"position":[[1282,9]]},"576":{"position":[[2211,9],[3180,9],[4453,9]]}}}],["collapse1.hideasync",{"_index":1548,"t":{"576":{"position":[[2350,22],[3319,22],[4636,22]]}}}],["collapse1.showasync",{"_index":1546,"t":{"576":{"position":[[2280,22],[3249,22],[4566,22]]}}}],["collapse1.toggleasync",{"_index":1550,"t":{"576":{"position":[[2422,24],[3391,24],[4708,24]]}}}],["collect",{"_index":4291,"t":{"668":{"position":[[1833,11],[63096,11],[63117,10],[65421,11],[65442,10],[67337,11],[68286,10],[68331,10],[152860,10],[152895,10]]}}}],["collection—so",{"_index":5052,"t":{"668":{"position":[[68165,13]]}}}],["color",{"_index":315,"t":{"34":{"position":[[518,5]]},"72":{"position":[[218,6]]},"88":{"position":[[346,5]]},"102":{"position":[[263,6],[571,5],[958,5],[1004,5]]},"124":{"position":[[404,6],[1027,6],[1060,5],[1249,5],[1295,5]]},"128":{"position":[[496,5],[517,5]]},"564":{"position":[[348,5],[404,6],[938,7]]},"566":{"position":[[313,5],[378,6],[2950,5],[3133,5],[3438,5],[3621,5],[3927,5],[4110,5],[4413,5],[4596,5],[4898,5],[5081,5],[5408,5],[5591,5],[5915,5],[6098,5],[6423,5],[6606,5],[6928,5],[7111,5],[7432,5],[7615,5]]},"572":{"position":[[283,5],[344,6],[1171,7],[2040,5],[2223,5],[7395,6]]},"574":{"position":[[459,5],[518,6],[1321,6],[3241,6]]},"578":{"position":[[1266,6],[1479,6],[4005,6],[4060,5],[9058,5]]},"580":{"position":[[312,7],[537,5],[590,6],[1416,5],[1476,6],[8273,6],[13724,5]]},"586":{"position":[[543,5],[617,6],[1327,6],[1413,5],[3621,5]]},"588":{"position":[[442,6]]},"592":{"position":[[2224,6],[2258,5],[3858,5]]},"596":{"position":[[587,5],[652,6],[1063,6],[3683,5],[3729,6],[4554,5],[5789,6]]},"598":{"position":[[1573,5]]},"600":{"position":[[1261,6]]},"604":{"position":[[210,5],[264,5],[814,7],[850,5],[879,5],[951,5],[973,5],[4752,6]]},"606":{"position":[[3335,5],[3358,5]]},"608":{"position":[[299,5],[361,6]]},"610":{"position":[[445,5],[498,6],[1876,7],[4439,6]]},"616":{"position":[[4282,5],[4415,5],[4475,5],[4554,6],[10743,6],[12971,6],[15069,6]]},"618":{"position":[[3651,5],[3784,5],[3844,5],[3923,6],[7549,6],[7681,7],[8337,5],[8610,6],[14748,6],[14880,7]]},"620":{"position":[[3329,5],[3436,5],[3749,5],[3828,5],[6248,5],[6381,5],[6441,5],[6520,6],[6663,5],[11165,5],[11438,6],[14299,6]]},"622":{"position":[[8344,6]]},"624":{"position":[[3369,5],[3502,5],[3562,5],[3641,6],[7103,6],[7235,7],[10974,6],[11106,7],[14272,6],[14404,7]]},"626":{"position":[[8101,6]]},"628":{"position":[[7281,6],[9878,6]]},"630":{"position":[[11337,6]]},"658":{"position":[[425,6],[4127,5],[5950,5]]},"660":{"position":[[610,5],[675,6],[1474,5],[1516,6],[4064,6],[19006,6],[25788,5]]},"662":{"position":[[5398,6],[9418,6]]},"664":{"position":[[1284,6],[4616,6],[4660,6],[18546,5],[21105,6],[21168,6],[21221,6],[21270,6],[21313,6],[21436,6],[21497,6],[21577,6],[21635,6],[21688,6],[21740,6],[21798,5],[21849,6],[21899,5],[21950,6],[22000,5],[22056,6],[22106,5],[22163,6],[22213,5],[25385,5]]},"668":{"position":[[4718,6],[91510,6],[91541,6],[91606,6],[91665,6],[91719,6],[91796,6],[91818,5],[91898,6],[91940,6],[91977,6],[92029,5],[92177,5],[92225,5],[92380,6],[92427,6],[92472,6],[92525,6],[153092,5]]}}}],["color.svg",{"_index":4223,"t":{"664":{"position":[[16276,10]]}}}],["color</button",{"_index":2306,"t":{"596":{"position":[[4826,14],[4967,14],[5114,14],[5259,14],[5406,14],[5557,14],[5698,14]]}}}],["color=\"#2e69ef\"></stop></lineargradient><lineargradi",{"_index":4648,"t":{"668":{"position":[[54224,55]]}}}],["color=\"#559aff\"></stop><stop",{"_index":4647,"t":{"668":{"position":[[54179,28]]}}}],["color=\"#8da3be\"></stop></lineargradient><lineargradi",{"_index":4590,"t":{"668":{"position":[[52495,55]]}}}],["color=\"#a4bbdb\"></stop></lineargradient><lineargradi",{"_index":4577,"t":{"668":{"position":[[52187,55]]}}}],["color=\"#a4bbdb\"></stop><stop",{"_index":4589,"t":{"668":{"position":[[52450,28]]}}}],["color=\"#cadcf0\"></stop></lineargradient><lineargradi",{"_index":4597,"t":{"668":{"position":[[52811,55]]}}}],["color=\"#cadcf0\"></stop><stop",{"_index":4575,"t":{"668":{"position":[[52142,28]]}}}],["color=\"#e9f3fc\"></stop><stop",{"_index":4596,"t":{"668":{"position":[[52766,28]]}}}],["color=\"alertcolor.dang",{"_index":1053,"t":{"564":{"position":[[1212,26],[2543,26]]}}}],["color=\"alertcolor.dark",{"_index":1060,"t":{"564":{"position":[[1532,24]]}}}],["color=\"alertcolor.info",{"_index":1056,"t":{"564":{"position":[[1376,24]]}}}],["color=\"alertcolor.light",{"_index":1058,"t":{"564":{"position":[[1453,25]]}}}],["color=\"alertcolor.primari",{"_index":1045,"t":{"564":{"position":[[959,27],[2274,27]]}}}],["color=\"alertcolor.secondari",{"_index":1049,"t":{"564":{"position":[[1042,29]]}}}],["color=\"alertcolor.success",{"_index":1051,"t":{"564":{"position":[[1129,27],[1753,27],[2405,27]]}}}],["color=\"alertcolor.warn",{"_index":1055,"t":{"564":{"position":[[1293,27],[2687,27],[3016,26],[3246,27]]}}}],["color=\"badgecolor.dang",{"_index":1347,"t":{"572":{"position":[[1504,25],[2826,25],[4203,25],[4503,25],[4805,25],[5132,25],[5435,25],[5740,25],[6070,25],[6373,25],[6678,25],[7097,25]]}}}],["color=\"badgecolor.danger\">2</badg",{"_index":1372,"t":{"572":{"position":[[3479,35]]}}}],["color=\"badgecolor.danger\"><icon",{"_index":1375,"t":{"572":{"position":[[3737,31]]}}}],["color=\"badgecolor.dark",{"_index":1355,"t":{"572":{"position":[[1902,23],[3202,23]]}}}],["color=\"badgecolor.info",{"_index":1351,"t":{"572":{"position":[[1709,23],[3018,23]]}}}],["color=\"badgecolor.light",{"_index":1353,"t":{"572":{"position":[[1804,24],[3109,24]]}}}],["color=\"badgecolor.primari",{"_index":1340,"t":{"572":{"position":[[1186,26],[2531,26]]},"632":{"position":[[1226,26],[1430,26],[1635,26],[1841,26],[4020,26],[4430,26],[4643,26],[4858,26],[5074,26],[5686,26]]}}}],["color=\"badgecolor.secondari",{"_index":1343,"t":{"572":{"position":[[1290,28],[2628,28]]}}}],["color=\"badgecolor.success",{"_index":1345,"t":{"572":{"position":[[1400,26],[2729,26]]}}}],["color=\"badgecolor.warn",{"_index":1349,"t":{"572":{"position":[[1605,26],[2921,26]]}}}],["color=\"buttoncolor.dang",{"_index":1424,"t":{"574":{"position":[[2097,27],[2883,26],[5169,26]]},"578":{"position":[[1625,26],[2553,26]]},"592":{"position":[[2815,26]]},"596":{"position":[[5162,26]]},"606":{"position":[[2347,26],[3790,26],[5329,26],[6919,26],[10599,26]]},"610":{"position":[[3444,26]]},"612":{"position":[[15343,26]]},"658":{"position":[[1330,26],[2513,26],[3697,26]]},"660":{"position":[[8517,26],[15528,26]]}}}],["color=\"buttoncolor.danger\">danger</dropdownactionbutton",{"_index":4068,"t":{"660":{"position":[[8438,56]]}}}],["color=\"buttoncolor.danger\">danger</dropdowntogglebutton",{"_index":4061,"t":{"660":{"position":[[5904,56]]}}}],["color=\"buttoncolor.dark",{"_index":1428,"t":{"574":{"position":[[2305,25],[3085,24]]},"592":{"position":[[1676,24],[3313,24]]},"596":{"position":[[5605,24]]},"606":{"position":[[2656,24],[4200,24],[5638,24],[7228,24],[10908,24]]},"658":{"position":[[1752,24],[2935,24]]}}}],["color=\"buttoncolor.info",{"_index":1426,"t":{"574":{"position":[[2205,25],[3021,24]]},"592":{"position":[[3070,24]]},"596":{"position":[[4874,24]]},"606":{"position":[[2558,24],[4001,24],[5540,24],[7130,24],[10810,24]]},"658":{"position":[[1547,24],[2730,24]]},"660":{"position":[[7682,24]]}}}],["color=\"buttoncolor.info\">info</dropdownactionbutton",{"_index":4066,"t":{"660":{"position":[[7607,52]]}}}],["color=\"buttoncolor.info\">info</dropdowntogglebutton",{"_index":4059,"t":{"660":{"position":[[5202,52]]}}}],["color=\"buttoncolor.light",{"_index":1427,"t":{"574":{"position":[[2254,26]]},"592":{"position":[[3190,25]]},"606":{"position":[[4099,25]]},"658":{"position":[[1648,25],[2831,25]]}}}],["color=\"buttoncolor.link",{"_index":1429,"t":{"574":{"position":[[2354,25]]}}}],["color=\"buttoncolor.primari",{"_index":1102,"t":{"564":{"position":[[3366,27]]},"568":{"position":[[15389,27],[15494,27],[15601,27],[15706,27],[15817,27],[15920,27],[16050,27],[16155,27],[16262,27],[16367,27],[16478,27],[16581,27],[20002,27],[20110,27]]},"572":{"position":[[3430,28],[3558,28],[3688,28],[3855,28],[4132,27],[4432,27],[4734,27],[5061,27],[5364,27],[5669,27],[5999,27],[6302,27],[6607,27],[7026,27]]},"574":{"position":[[1928,28],[2471,27],[2555,27],[2669,27],[3448,27],[3615,27],[4139,27],[4361,27],[4669,27],[4801,27],[4935,27],[5061,27],[5773,28],[5827,28],[5931,28],[5985,28],[6092,28],[6146,28],[6272,28],[6326,28],[6520,28],[6581,27],[6663,27],[6991,27],[7045,27],[7123,27],[7482,27],[7915,27],[8042,27],[8173,27],[8306,27],[8580,27],[8732,27],[8991,27],[9184,27],[9414,27]]},"576":{"position":[[1668,27],[1779,27],[1890,27],[2633,27],[2744,27],[2855,27],[3579,27],[3690,27],[3801,27]]},"578":{"position":[[4121,27],[5016,27],[5141,27],[5266,27],[5999,27],[6491,27],[7095,27],[7723,27],[8448,27]]},"580":{"position":[[3001,27],[4234,27],[4598,27],[6197,27],[6713,27],[7008,27],[7478,27],[7810,27],[8139,27]]},"582":{"position":[[2865,27],[3680,27],[5359,27],[7170,27],[11404,27],[15645,27],[19786,27],[20479,27],[20602,27]]},"588":{"position":[[3855,27],[4466,27],[6120,27],[8330,27],[9519,27],[10197,27],[11276,27],[12050,27],[12151,27],[12246,27],[13255,27],[13348,27],[13452,27],[13556,27],[13660,27],[13764,27],[14584,27]]},"592":{"position":[[1578,27],[2422,27]]},"596":{"position":[[2475,27],[2610,27],[2745,27],[5307,27]]},"604":{"position":[[4344,27],[4453,27]]},"606":{"position":[[2020,27],[3463,27],[5002,27],[6592,27],[10272,27]]},"608":{"position":[[1755,27]]},"612":{"position":[[10347,27],[10431,27],[10517,27],[10601,27],[10691,27],[10770,27]]},"616":{"position":[[4743,27],[4889,27],[5038,27],[5179,27],[5347,27]]},"618":{"position":[[4122,27],[4268,27],[4417,27],[11359,27],[11505,27]]},"620":{"position":[[6781,27],[6927,27],[7076,27],[7219,27],[7391,27]]},"622":{"position":[[10890,27],[12504,27]]},"624":{"position":[[3830,27],[3976,27],[4125,27],[7773,27],[7919,27],[11728,27],[11860,27],[11996,27],[12134,27]]},"626":{"position":[[6597,27],[7410,27]]},"628":{"position":[[5719,27],[6572,27]]},"630":{"position":[[9814,27],[10633,27]]},"632":{"position":[[2264,27],[3071,27]]},"634":{"position":[[1206,27],[1966,27]]},"658":{"position":[[994,27],[2177,27],[3373,27],[4151,27],[4584,27]]},"660":{"position":[[6422,27],[15432,27],[24120,27],[24191,27],[24262,27]]},"662":{"position":[[3863,27],[4689,27]]},"664":{"position":[[18999,27]]},"668":{"position":[[65625,27],[65733,27],[96068,27]]}}}],["color=\"buttoncolor.primary\"><icon",{"_index":2828,"t":{"610":{"position":[[3276,33]]}}}],["color=\"buttoncolor.primary\">primary</dropdownactionbutton",{"_index":4063,"t":{"660":{"position":[[6341,58]]}}}],["color=\"buttoncolor.primary\">primary</dropdowntogglebutton",{"_index":4056,"t":{"660":{"position":[[4136,58]]}}}],["color=\"buttoncolor.primary\">sav",{"_index":2067,"t":{"588":{"position":[[3770,32],[9434,32],[10112,32],[11191,32],[14499,32]]}}}],["color=\"buttoncolor.primary\">understood</button",{"_index":2084,"t":{"588":{"position":[[8247,47]]}}}],["color=\"buttoncolor.secondari",{"_index":1422,"t":{"574":{"position":[[1983,30],[2739,29],[3526,29],[3693,29],[4233,29],[4478,29]]},"576":{"position":[[3916,29]]},"582":{"position":[[11280,29],[15521,29],[19662,29]]},"588":{"position":[[3689,29],[8166,29],[9353,29],[10031,29],[11110,29],[14418,29]]},"592":{"position":[[2551,29]]},"596":{"position":[[5454,29]]},"606":{"position":[[2127,29],[3570,29],[5109,29],[6699,29],[8273,29],[8387,29],[8505,29],[8621,29],[8741,29],[8865,29],[8987,29],[9107,29],[9231,29],[10379,29]]},"610":{"position":[[3893,29],[4020,29]]},"622":{"position":[[10962,29],[12428,29]]},"626":{"position":[[6669,29],[7334,29],[9385,29]]},"628":{"position":[[5791,29],[6496,29],[8116,29],[11201,29]]},"630":{"position":[[9886,29],[10557,29],[12750,29]]},"632":{"position":[[2336,29],[2995,29]]},"634":{"position":[[1278,29],[1890,29]]},"658":{"position":[[1104,29],[2287,29],[3483,29]]},"660":{"position":[[6846,29],[9430,29],[10301,29],[11368,29],[13019,29],[13994,29],[20267,29]]},"662":{"position":[[3935,29],[4613,29],[7202,29],[10440,29]]},"668":{"position":[[96181,29],[96298,29]]}}}],["color=\"buttoncolor.secondary\"><icon",{"_index":2831,"t":{"610":{"position":[[3610,35]]}}}],["color=\"buttoncolor.secondary\">cent",{"_index":4076,"t":{"660":{"position":[[11936,38]]}}}],["color=\"buttoncolor.secondary\">click",{"_index":4127,"t":{"660":{"position":[[22592,39],[23016,39]]}}}],["color=\"buttoncolor.secondary\">default",{"_index":4122,"t":{"660":{"position":[[22168,37]]}}}],["color=\"buttoncolor.secondary\">dropdown",{"_index":4049,"t":{"660":{"position":[[3714,38],[19062,38],[23781,38],[24837,38]]}}}],["color=\"buttoncolor.secondary\">dropdown</dropdowntogglebutton",{"_index":4098,"t":{"660":{"position":[[17218,61],[17707,61],[18380,61]]}}}],["color=\"buttoncolor.secondary\">dropend</dropdowntogglebutton",{"_index":4079,"t":{"660":{"position":[[12523,60]]}}}],["color=\"buttoncolor.secondary\">dropstart</dropdowntogglebutton",{"_index":4083,"t":{"660":{"position":[[13583,62],[14561,62],[15080,62],[15961,62]]}}}],["color=\"buttoncolor.secondary\">dropup",{"_index":4073,"t":{"660":{"position":[[10851,36],[11273,36]]}}}],["color=\"buttoncolor.secondary\">larg",{"_index":4069,"t":{"660":{"position":[[8926,35],[9336,35]]}}}],["color=\"buttoncolor.secondary\">manu",{"_index":4132,"t":{"660":{"position":[[23387,36]]}}}],["color=\"buttoncolor.secondary\">right",{"_index":4096,"t":{"660":{"position":[[16702,35]]}}}],["color=\"buttoncolor.secondary\">secondary</dropdownactionbutton",{"_index":4064,"t":{"660":{"position":[[6761,62]]}}}],["color=\"buttoncolor.secondary\">secondary</dropdowntogglebutton",{"_index":4057,"t":{"660":{"position":[[4490,62]]}}}],["color=\"buttoncolor.secondary\">smal",{"_index":4071,"t":{"660":{"position":[[9815,35],[10207,35]]}}}],["color=\"buttoncolor.secondary\">split",{"_index":4080,"t":{"660":{"position":[[12930,35],[14299,35]]}}}],["color=\"buttoncolor.success",{"_index":1423,"t":{"574":{"position":[[2042,28],[2813,27]]},"582":{"position":[[6486,27]]},"588":{"position":[[7182,27]]},"592":{"position":[[2686,27]]},"596":{"position":[[4727,27]]},"602":{"position":[[12909,27]]},"606":{"position":[[2240,27],[3683,27],[5222,27],[6812,27],[10492,27]]},"612":{"position":[[13859,27],[14889,27]]},"626":{"position":[[9502,27]]},"628":{"position":[[8233,27],[11318,27]]},"630":{"position":[[12867,27]]},"658":{"position":[[1220,27],[2403,27],[3591,27]]},"660":{"position":[[7268,27],[20384,27]]},"662":{"position":[[7319,27],[10557,27]]}}}],["color=\"buttoncolor.success\"><icon",{"_index":2829,"t":{"610":{"position":[[3360,33]]}}}],["color=\"buttoncolor.success\">success</dropdownactionbutton",{"_index":4065,"t":{"660":{"position":[[7187,58]]}}}],["color=\"buttoncolor.success\">success</dropdowntogglebutton",{"_index":4058,"t":{"660":{"position":[[4848,58]]}}}],["color=\"buttoncolor.warn",{"_index":1425,"t":{"574":{"position":[[2150,28],[2951,27]]},"592":{"position":[[2941,27]]},"596":{"position":[[5015,27]]},"606":{"position":[[2451,27],[3894,27],[5433,27],[7023,27],[10703,27]]},"622":{"position":[[11038,27]]},"626":{"position":[[6745,27]]},"628":{"position":[[5867,27]]},"630":{"position":[[9962,27]]},"632":{"position":[[2412,27]]},"634":{"position":[[1354,27]]},"658":{"position":[[1437,27],[2620,27]]},"660":{"position":[[8099,27]]},"662":{"position":[[4011,27]]}}}],["color=\"buttoncolor.warning\">warning</dropdownactionbutton",{"_index":4067,"t":{"660":{"position":[[8018,58]]}}}],["color=\"buttoncolor.warning\">warning</dropdowntogglebutton",{"_index":4060,"t":{"660":{"position":[[5550,58]]}}}],["color=\"cardcolor.dang",{"_index":1747,"t":{"580":{"position":[[9154,24]]}}}],["color=\"cardcolor.dark",{"_index":1755,"t":{"580":{"position":[[10294,22]]}}}],["color=\"cardcolor.info",{"_index":1751,"t":{"580":{"position":[[9728,22]]}}}],["color=\"cardcolor.light",{"_index":1753,"t":{"580":{"position":[[10010,23]]}}}],["color=\"cardcolor.primari",{"_index":1740,"t":{"580":{"position":[[8286,25]]}}}],["color=\"cardcolor.secondari",{"_index":1743,"t":{"580":{"position":[[8574,27]]}}}],["color=\"cardcolor.success",{"_index":1745,"t":{"580":{"position":[[8866,25]]}}}],["color=\"cardcolor.warn",{"_index":1749,"t":{"580":{"position":[[9440,25]]}}}],["color=\"iconcolor.bodi",{"_index":2822,"t":{"610":{"position":[[2597,22]]}}}],["color=\"iconcolor.dang",{"_index":2814,"t":{"610":{"position":[[2182,24]]}}}],["color=\"iconcolor.dark",{"_index":2820,"t":{"610":{"position":[[2521,22]]}}}],["color=\"iconcolor.info",{"_index":2817,"t":{"610":{"position":[[2359,22]]}}}],["color=\"iconcolor.light",{"_index":2819,"t":{"610":{"position":[[2447,23]]}}}],["color=\"iconcolor.mut",{"_index":2824,"t":{"610":{"position":[[2679,23]]}}}],["color=\"iconcolor.primari",{"_index":2808,"t":{"610":{"position":[[1934,25]]}}}],["color=\"iconcolor.secondari",{"_index":2810,"t":{"610":{"position":[[2027,27]]}}}],["color=\"iconcolor.success",{"_index":2812,"t":{"610":{"position":[[2108,25]]}}}],["color=\"iconcolor.warn",{"_index":2816,"t":{"610":{"position":[[2274,25]]}}}],["color=\"iconcolor.whit",{"_index":2826,"t":{"610":{"position":[[2761,23]]}}}],["color=\"placeholdercolor.dang",{"_index":2025,"t":{"586":{"position":[[1775,31]]}}}],["color=\"placeholdercolor.dark",{"_index":2029,"t":{"586":{"position":[[2089,29]]}}}],["color=\"placeholdercolor.info",{"_index":2027,"t":{"586":{"position":[[1934,29]]}}}],["color=\"placeholdercolor.light",{"_index":2028,"t":{"586":{"position":[[2011,30]]}}}],["color=\"placeholdercolor.primari",{"_index":2022,"t":{"586":{"position":[[1533,32]]}}}],["color=\"placeholdercolor.secondari",{"_index":2023,"t":{"586":{"position":[[1613,34]]}}}],["color=\"placeholdercolor.success",{"_index":2024,"t":{"586":{"position":[[1695,32]]}}}],["color=\"placeholdercolor.warn",{"_index":2026,"t":{"586":{"position":[[1854,32]]}}}],["color=\"progresscolor.dang",{"_index":2278,"t":{"596":{"position":[[1546,28],[1935,28],[4126,28],[6154,28],[6745,28],[7820,28]]}}}],["color=\"progresscolor.dark",{"_index":2281,"t":{"596":{"position":[[1677,26],[4406,26],[7109,26],[8217,26]]}}}],["color=\"progresscolor.info",{"_index":2283,"t":{"596":{"position":[[1824,26],[3943,26],[6043,26],[6506,26],[7559,26]]}}}],["color=\"progresscolor.primari",{"_index":2302,"t":{"596":{"position":[[4218,29],[6865,29],[7951,29]]}}}],["color=\"progresscolor.secondari",{"_index":2303,"t":{"596":{"position":[[4311,31],[6986,31],[8083,31]]}}}],["color=\"progresscolor.success",{"_index":2273,"t":{"596":{"position":[[1332,29],[1767,29],[3850,29],[5986,29],[6385,29],[7427,29]]}}}],["color=\"progresscolor.warn",{"_index":2275,"t":{"596":{"position":[[1425,29],[1878,29],[4033,29],[6097,29],[6624,29],[7688,29]]}}}],["color=\"spinnercolor.dang",{"_index":2640,"t":{"604":{"position":[[1148,27],[1719,27],[2399,27],[4102,27]]}}}],["color=\"spinnercolor.dark",{"_index":2644,"t":{"604":{"position":[[1306,25],[1973,25],[2705,25]]}}}],["color=\"spinnercolor.info",{"_index":2642,"t":{"604":{"position":[[1229,25],[1848,25],[2554,25]]}}}],["color=\"spinnercolor.light",{"_index":2643,"t":{"604":{"position":[[1267,26],[1910,26],[2629,26]]}}}],["color=\"spinnercolor.primari",{"_index":2637,"t":{"604":{"position":[[1023,28],[1522,28],[2163,28],[3816,28],[4233,28]]}}}],["color=\"spinnercolor.secondari",{"_index":2638,"t":{"604":{"position":[[1064,30],[1587,30],[2241,30],[3919,30]]}}}],["color=\"spinnercolor.success",{"_index":2639,"t":{"604":{"position":[[1107,28],[1654,28],[2321,28],[3999,28]]}}}],["color=\"spinnercolor.warn",{"_index":2641,"t":{"604":{"position":[[1188,28],[1783,28],[2476,28]]}}}],["colorbuilder.categoricalsixcolor",{"_index":3002,"t":{"616":{"position":[[4433,33]]},"618":{"position":[[3802,33]]},"620":{"position":[[6399,33]]},"624":{"position":[[3520,33]]}}}],["colorbuilder.categoricaltwelvecolor",{"_index":3001,"t":{"616":{"position":[[4369,36],[10752,37],[12980,37],[15078,37]]},"618":{"position":[[3738,36],[4875,37],[8619,37],[11963,37]]},"620":{"position":[[6335,36],[11447,37],[14308,37]]},"624":{"position":[[3456,36],[4563,37],[8357,37],[12565,37]]}}}],["colorbuilder.categoricaltwelvecolors[0",{"_index":3066,"t":{"616":{"position":[[9588,39],[9664,39]]}}}],["colorbuilder.categoricaltwelvecolors[datasetscount].tocolor",{"_index":3047,"t":{"616":{"position":[[8252,62]]},"620":{"position":[[10105,62]]}}}],["colors.add(backgroundcolors![index",{"_index":3133,"t":{"618":{"position":[[7634,37],[14833,37]]},"624":{"position":[[7188,37],[11059,37],[14357,37]]}}}],["colors[0",{"_index":3080,"t":{"616":{"position":[[11054,9],[11100,9],[13282,9],[13328,9],[15380,9],[15426,9]]},"618":{"position":[[9087,9],[9133,9],[9269,9]]},"620":{"position":[[11915,9],[11961,9],[12097,9],[14774,9],[14820,9],[14956,9]]}}}],["colors[1",{"_index":3085,"t":{"616":{"position":[[11325,9],[11371,9],[13553,9],[13599,9],[15651,9],[15697,9]]},"618":{"position":[[9629,9],[9675,9],[9811,9]]},"620":{"position":[[12457,9],[12503,9],[12639,9],[15381,9],[15427,9],[15563,9]]}}}],["colors[2",{"_index":3088,"t":{"616":{"position":[[11597,9],[11643,9],[13825,9],[13871,9],[15923,9],[15969,9]]},"618":{"position":[[10171,9],[10217,9],[10353,9]]},"620":{"position":[[12999,9],[13045,9],[13181,9],[15988,9],[16034,9],[16170,9]]}}}],["column",{"_index":276,"t":{"30":{"position":[[235,7],[322,6],[403,6]]},"74":{"position":[[450,6]]},"92":{"position":[[269,6]]},"108":{"position":[[213,7]]},"580":{"position":[[10692,8]]},"612":{"position":[[13836,8],[14866,8]]},"668":{"position":[[4486,6],[5084,6],[5203,7],[5290,6],[5343,8],[5432,6],[5486,8],[5621,6],[5853,7],[6039,7],[6222,7],[6420,6],[9780,6],[23393,6],[23477,7],[23537,6],[23573,6],[23648,7],[32512,6],[33219,7],[33385,6],[33415,7],[35929,6],[36139,6],[38642,6],[71934,7],[72012,6],[72096,6],[75153,6],[75262,7],[78272,6],[78374,6],[78473,7],[129425,6],[129905,8],[132078,6],[132558,7],[134768,6],[135248,7],[137573,6],[152575,6],[152698,6],[152972,6],[152979,6],[152999,6],[153277,7],[153292,7],[153325,7]]}}}],["columnclass",{"_index":4317,"t":{"668":{"position":[[4436,11]]}}}],["columnclass=\"@(x",{"_index":5055,"t":{"668":{"position":[[73013,16]]}}}],["combin",{"_index":1159,"t":{"568":{"position":[[93,11]]}}}],["commerci",{"_index":87,"t":{"2":{"position":[[2036,10],[2177,10],[2994,10]]},"118":{"position":[[201,10],[342,10],[1159,10]]}}}],["commodo",{"_index":1980,"t":{"582":{"position":[[10941,8],[15182,8],[19323,8]]}}}],["common",{"_index":3626,"t":{"628":{"position":[[9501,6]]},"662":{"position":[[9052,6]]},"668":{"position":[[58970,6],[121621,6]]}}}],["comopon",{"_index":233,"t":{"14":{"position":[[212,12]]},"16":{"position":[[226,12]]}}}],["compani",{"_index":4471,"t":{"668":{"position":[[28293,7],[28320,9],[28525,7],[28552,9],[28770,7],[28797,9],[29004,7],[29031,9],[29251,7],[29278,9],[29496,7],[29523,9],[29735,7],[29762,9],[29973,7],[30000,9],[30211,7],[30238,9],[48134,7],[48161,9],[48366,7],[48393,9],[48611,7],[48638,9],[48845,7],[48872,9],[49092,7],[49119,9],[49337,7],[49364,9],[49576,7],[49603,9],[49814,7],[49841,9],[50052,7],[50079,9]]}}}],["compar",{"_index":2833,"t":{"610":{"position":[[3991,10]]},"616":{"position":[[196,7]]},"622":{"position":[[3910,7]]},"668":{"position":[[9885,7]]}}}],["comparis",{"_index":4409,"t":{"668":{"position":[[9690,12],[152445,11]]}}}],["complet",{"_index":151,"t":{"2":{"position":[[3283,9]]},"52":{"position":[[307,8]]},"60":{"position":[[120,8],[294,8],[608,8]]},"70":{"position":[[117,8],[170,8],[505,8]]},"80":{"position":[[388,8],[1488,8]]},"98":{"position":[[412,8]]},"110":{"position":[[214,9],[632,8]]},"134":{"position":[[2192,8]]},"136":{"position":[[1210,8]]},"148":{"position":[[263,9],[1413,8],[1686,8]]},"150":{"position":[[256,9]]},"154":{"position":[[2093,9]]},"158":{"position":[[177,8]]},"204":{"position":[[182,8]]},"210":{"position":[[174,8]]},"216":{"position":[[1898,8]]},"222":{"position":[[911,8]]},"224":{"position":[[1036,8]]},"228":{"position":[[2102,9]]},"232":{"position":[[191,8]]},"234":{"position":[[1907,8]]},"236":{"position":[[920,8]]},"250":{"position":[[412,8]]},"308":{"position":[[1143,9]]},"310":{"position":[[2096,9]]},"312":{"position":[[168,8]]},"316":{"position":[[1090,8]]},"320":{"position":[[1901,8]]},"322":{"position":[[914,8]]},"328":{"position":[[406,8]]},"360":{"position":[[255,9]]},"368":{"position":[[1524,9]]},"400":{"position":[[867,9]]},"410":{"position":[[264,9]]},"412":{"position":[[575,9]]},"428":{"position":[[548,9]]},"494":{"position":[[259,9]]},"510":{"position":[[164,8]]},"524":{"position":[[161,8]]},"564":{"position":[[780,10],[3623,10]]},"568":{"position":[[1532,10],[1829,10]]},"576":{"position":[[949,10],[1168,10]]},"582":{"position":[[2179,10],[2388,10]]},"588":{"position":[[147,10],[2483,10],[2692,10]]},"600":{"position":[[3356,10],[5932,10],[6448,8],[8947,10],[11941,10],[14939,10],[17070,10]]},"614":{"position":[[1413,8]]},"622":{"position":[[11,8],[45,8]]},"626":{"position":[[379,8]]},"628":{"position":[[418,8]]},"630":{"position":[[373,8],[17514,8]]},"658":{"position":[[166,10]]},"660":{"position":[[3412,10],[3638,10]]},"662":{"position":[[422,8]]},"664":{"position":[[2453,11],[4186,10],[6110,10],[6626,8],[8369,10],[10722,10],[13195,10],[15625,10],[18016,10],[20499,10],[23752,10],[25005,11]]}}}],["compon",{"_index":24,"t":{"2":{"position":[[181,11],[1094,10],[1372,9],[1698,10],[2405,9],[3244,11]]},"4":{"position":[[113,9],[155,10]]},"6":{"position":[[143,11],[204,11]]},"8":{"position":[[153,10],[208,11]]},"10":{"position":[[107,9],[624,11]]},"12":{"position":[[129,9],[184,9]]},"14":{"position":[[165,10]]},"16":{"position":[[151,9]]},"18":{"position":[[117,9],[172,9],[258,9]]},"20":{"position":[[186,9],[228,9]]},"22":{"position":[[157,9],[220,9]]},"24":{"position":[[161,9],[185,9],[250,9],[266,9]]},"26":{"position":[[117,9],[164,9],[218,9]]},"28":{"position":[[188,9],[261,9]]},"30":{"position":[[149,10],[174,9],[202,9],[593,9]]},"32":{"position":[[138,10],[153,11],[178,9],[201,9],[327,9],[363,9]]},"34":{"position":[[156,9],[174,9],[189,9],[616,9],[655,9],[691,9]]},"36":{"position":[[150,9],[208,9]]},"38":{"position":[[138,9],[186,10],[201,11],[222,9],[241,9],[326,9],[441,9],[479,9]]},"40":{"position":[[130,11],[159,11],[188,9],[220,9],[248,9],[275,9],[322,9],[368,9],[410,9],[451,9]]},"42":{"position":[[346,9]]},"44":{"position":[[139,11],[198,11],[222,9],[251,9],[407,9],[666,9],[702,9]]},"46":{"position":[[254,9],[311,9],[367,9],[490,10],[534,10],[575,10],[620,9],[666,9],[705,9],[741,9]]},"48":{"position":[[186,9],[219,9],[303,10],[349,10],[393,10],[458,9],[499,9],[538,9]]},"50":{"position":[[134,10],[187,9],[231,9],[300,10],[351,10]]},"52":{"position":[[127,10],[173,9],[210,9],[272,10],[316,10]]},"54":{"position":[[163,9],[195,9],[222,10],[355,10],[371,9],[472,10],[533,9],[582,9]]},"56":{"position":[[163,9],[197,9],[260,10]]},"58":{"position":[[201,9],[240,9],[293,9],[389,10]]},"60":{"position":[[303,9]]},"62":{"position":[[175,9]]},"64":{"position":[[176,9]]},"66":{"position":[[126,9],[170,9]]},"68":{"position":[[125,9],[178,9],[351,9],[378,10],[511,10],[527,9],[628,10],[646,9],[694,9]]},"70":{"position":[[179,9],[256,9]]},"72":{"position":[[147,10],[197,9],[283,9],[384,9],[583,9]]},"74":{"position":[[126,9],[179,9],[374,9],[467,9],[543,9],[603,9]]},"76":{"position":[[169,9]]},"78":{"position":[[163,9],[232,9]]},"80":{"position":[[133,10],[176,9],[352,9],[397,9],[518,10],[544,9],[665,10],[687,9],[808,10],[832,9],[953,10],[971,9],[1092,10],[1114,9],[1235,10]]},"82":{"position":[[138,10],[181,9],[263,9],[340,9]]},"84":{"position":[[129,10],[172,9],[228,9]]},"88":{"position":[[252,9],[332,9],[375,9],[445,9]]},"92":{"position":[[115,9],[157,9]]},"96":{"position":[[138,9],[180,9],[243,10],[280,9],[339,9],[401,9],[456,9],[524,9],[595,9],[754,9],[795,9],[833,9],[870,9],[912,9],[951,9]]},"98":{"position":[[127,10],[170,9],[231,9]]},"100":{"position":[[120,9],[218,10],[239,9],[283,9],[323,9],[362,9],[474,10]]},"102":{"position":[[135,10],[188,9],[230,9],[441,9],[639,9],[705,9],[767,9],[828,9],[884,9],[940,9],[986,9],[1062,9],[1237,9],[1277,9],[1314,10],[1351,9],[1389,9],[1428,9],[1466,9]]},"104":{"position":[[229,9],[323,9],[427,9],[470,9],[783,10]]},"106":{"position":[[190,9],[240,9],[292,9],[354,9]]},"108":{"position":[[190,9],[242,9],[281,9],[303,9],[374,9],[414,9]]},"110":{"position":[[175,11],[270,9],[479,9],[540,9],[641,9],[689,9],[729,9],[790,9]]},"112":{"position":[[192,10],[214,9],[344,10]]},"114":{"position":[[202,9],[315,9],[381,9],[535,9],[605,9]]},"116":{"position":[[137,10],[194,9],[258,10],[276,9],[294,9],[426,10]]},"118":{"position":[[570,9]]},"120":{"position":[[125,9],[182,9],[217,9],[235,9],[259,9],[274,9],[296,9],[316,9],[337,9],[355,9]]},"122":{"position":[[140,10],[196,9],[219,9],[259,9],[274,9],[294,9],[309,9]]},"124":{"position":[[246,10],[328,9],[604,9],[688,9],[729,9],[778,9],[1078,9]]},"126":{"position":[[233,9],[248,9]]},"128":{"position":[[181,11],[246,9],[262,9],[293,9],[553,9],[607,9]]},"132":{"position":[[1109,9],[1372,10],[1425,9],[1668,9],[2183,9]]},"134":{"position":[[467,10],[734,10],[1023,10],[1283,10],[2492,10],[2805,9]]},"136":{"position":[[125,9],[469,9],[1702,9],[2012,9],[2318,9],[2533,10],[2579,9],[2799,10],[2852,9]]},"138":{"position":[[254,9],[858,11],[1198,9],[1246,10],[1768,11],[2057,9],[2115,9],[2518,10],[2735,10]]},"140":{"position":[[694,9],[892,9],[1534,9],[1911,9]]},"144":{"position":[[113,9],[333,11],[537,10]]},"146":{"position":[[172,9]]},"148":{"position":[[224,11],[997,10],[2216,9],[2454,9],[2512,9],[2915,10]]},"150":{"position":[[217,11],[572,10]]},"152":{"position":[[171,9]]},"154":{"position":[[225,11],[1138,10],[1416,9],[1742,10],[2054,11]]},"156":{"position":[[829,10]]},"160":{"position":[[184,11]]},"162":{"position":[[180,10],[226,9],[446,10],[499,9],[895,9],[1499,11]]},"164":{"position":[[312,9]]},"166":{"position":[[181,11]]},"168":{"position":[[193,10],[246,9]]},"170":{"position":[[304,9]]},"174":{"position":[[189,11]]},"180":{"position":[[196,11]]},"184":{"position":[[189,11]]},"186":{"position":[[185,10],[238,9]]},"188":{"position":[[196,11]]},"190":{"position":[[185,11]]},"194":{"position":[[184,11]]},"196":{"position":[[191,9],[239,10]]},"198":{"position":[[305,9]]},"202":{"position":[[305,9]]},"206":{"position":[[188,11]]},"208":{"position":[[195,9],[243,10]]},"212":{"position":[[304,9]]},"214":{"position":[[176,9],[436,9],[484,10]]},"216":{"position":[[173,10],[440,10],[729,10],[989,10],[2198,10],[2511,9],[2924,9]]},"218":{"position":[[878,9],[1141,10],[1194,9],[1437,9],[1952,9]]},"220":{"position":[[496,11]]},"222":{"position":[[170,9],[1403,9],[1713,9],[2019,9],[2234,10],[2280,9],[2500,10],[2553,9],[2949,9]]},"224":{"position":[[620,10],[1390,9]]},"226":{"position":[[200,10]]},"228":{"position":[[234,11],[1147,10],[1425,9],[1751,10],[2063,11]]},"230":{"position":[[196,10]]},"234":{"position":[[182,10],[449,10],[738,10],[998,10],[2207,10],[2520,9],[2933,9]]},"236":{"position":[[179,9],[1412,9],[1722,9],[2028,9],[2243,10],[2289,9],[2509,10],[2562,9],[2958,9]]},"238":{"position":[[505,11],[845,9],[893,10],[1415,11],[1704,9],[1762,9],[2165,10],[2382,10]]},"240":{"position":[[887,9],[1150,10],[1203,9],[1446,9],[1961,9]]},"242":{"position":[[196,11],[400,10]]},"244":{"position":[[561,9],[759,9],[1401,9],[1778,9],[2020,9]]},"248":{"position":[[187,10],[496,10]]},"250":{"position":[[690,9]]},"256":{"position":[[199,10]]},"258":{"position":[[219,9]]},"260":{"position":[[189,10],[870,10],[923,9]]},"262":{"position":[[174,9]]},"264":{"position":[[213,9]]},"266":{"position":[[190,10],[485,10],[910,9],[1323,9]]},"270":{"position":[[179,9],[592,9]]},"272":{"position":[[168,9],[431,10],[484,9],[727,9],[990,9],[1223,10],[1490,10],[1779,10],[2039,10],[2709,9]]},"278":{"position":[[184,10],[237,9]]},"282":{"position":[[618,9],[1702,9],[2115,9],[2496,9]]},"284":{"position":[[185,10],[610,9],[1023,9]]},"286":{"position":[[645,9]]},"288":{"position":[[181,10]]},"290":{"position":[[182,10],[608,10],[654,9]]},"294":{"position":[[188,10]]},"296":{"position":[[174,9]]},"298":{"position":[[180,9]]},"300":{"position":[[190,9],[471,10],[896,9]]},"302":{"position":[[513,9]]},"306":{"position":[[609,10]]},"308":{"position":[[188,10],[466,9],[792,10],[1104,11],[2920,9]]},"310":{"position":[[228,11],[1141,10],[1419,9],[1745,10],[2057,11]]},"312":{"position":[[660,9]]},"314":{"position":[[881,9],[1144,10],[1197,9],[1440,9],[1955,9]]},"316":{"position":[[181,10],[1390,10],[1703,9],[2116,9],[2460,9]]},"320":{"position":[[176,10],[443,10],[732,10],[992,10],[2201,10],[2514,9],[2927,9]]},"322":{"position":[[173,9],[1406,9]]},"328":{"position":[[684,9]]},"330":{"position":[[533,10],[808,10],[1117,10]]},"332":{"position":[[183,10],[236,9],[479,9],[994,9],[2091,10],[2358,10],[2647,10]]},"334":{"position":[[224,11]]},"336":{"position":[[522,9],[848,10]]},"338":{"position":[[193,10]]},"340":{"position":[[184,10]]},"342":{"position":[[468,10]]},"346":{"position":[[175,9],[497,10]]},"348":{"position":[[213,9]]},"352":{"position":[[180,10]]},"354":{"position":[[184,10],[479,10],[904,9],[1317,9]]},"356":{"position":[[173,9],[586,9]]},"358":{"position":[[207,9]]},"360":{"position":[[216,11],[2033,10]]},"364":{"position":[[191,10]]},"366":{"position":[[157,9],[390,10],[657,10],[946,10],[1206,10],[1876,9]]},"368":{"position":[[223,11],[1121,9],[1485,11],[2371,9],[2634,10],[2687,9],[2930,9]]},"372":{"position":[[180,10],[481,11]]},"374":{"position":[[224,11]]},"378":{"position":[[207,9]]},"380":{"position":[[189,11]]},"382":{"position":[[209,9]]},"384":{"position":[[211,9]]},"386":{"position":[[173,9],[495,10]]},"388":{"position":[[206,9]]},"390":{"position":[[1524,9],[2608,9],[3021,9]]},"396":{"position":[[233,11]]},"398":{"position":[[179,10],[604,9],[1017,9]]},"400":{"position":[[186,10],[464,9],[828,11]]},"404":{"position":[[360,9],[558,9]]},"406":{"position":[[174,10],[441,9],[489,10]]},"408":{"position":[[188,9],[236,10]]},"410":{"position":[[225,11]]},"412":{"position":[[172,9],[536,11]]},"414":{"position":[[536,10]]},"416":{"position":[[225,11],[1315,9]]},"418":{"position":[[190,10]]},"420":{"position":[[182,10]]},"422":{"position":[[226,11],[846,9]]},"424":{"position":[[451,10]]},"428":{"position":[[181,10],[509,11]]},"430":{"position":[[174,9]]},"434":{"position":[[184,9],[465,10],[890,9]]},"436":{"position":[[507,9],[767,9],[815,10]]},"440":{"position":[[197,10]]},"442":{"position":[[169,9],[917,10]]},"444":{"position":[[187,11]]},"446":{"position":[[157,9]]},"448":{"position":[[151,9]]},"452":{"position":[[173,9]]},"458":{"position":[[161,9]]},"460":{"position":[[161,9]]},"468":{"position":[[182,10]]},"470":{"position":[[193,10]]},"476":{"position":[[182,9],[230,10]]},"478":{"position":[[183,11]]},"482":{"position":[[194,9],[252,9]]},"484":{"position":[[298,9]]},"486":{"position":[[180,10],[233,9]]},"488":{"position":[[165,9]]},"494":{"position":[[220,11]]},"500":{"position":[[178,10],[231,9]]},"504":{"position":[[245,9]]},"506":{"position":[[171,10],[217,9]]},"508":{"position":[[207,9]]},"516":{"position":[[207,9]]},"518":{"position":[[170,9]]},"520":{"position":[[169,9]]},"522":{"position":[[191,10]]},"526":{"position":[[170,9]]},"532":{"position":[[171,10]]},"534":{"position":[[177,10]]},"536":{"position":[[173,10]]},"538":{"position":[[182,10]]},"544":{"position":[[159,9]]},"548":{"position":[[181,10]]},"552":{"position":[[169,9]]},"554":{"position":[[182,9]]},"556":{"position":[[184,10]]},"560":{"position":[[0,10],[81,9]]},"562":{"position":[[224,11]]},"564":{"position":[[0,10],[331,10]]},"566":{"position":[[0,10],[72,9],[296,10]]},"568":{"position":[[0,10],[123,10],[388,10],[2062,10],[20491,9]]},"570":{"position":[[0,10],[93,10]]},"572":{"position":[[0,10],[70,9],[266,10]]},"574":{"position":[[0,10],[442,10],[3920,10]]},"576":{"position":[[0,10],[137,10],[300,10],[1212,9],[1438,9],[2060,10],[2488,9],[3474,9],[4227,10]]},"578":{"position":[[0,10],[97,9],[649,10],[2106,9],[2152,10],[2294,10],[2310,9],[4871,9],[4909,9],[4947,9],[9006,9]]},"580":{"position":[[0,10],[519,10],[856,10],[1037,10],[1217,10],[1398,10],[1651,10],[2087,10],[2343,10],[2523,10]]},"582":{"position":[[0,10],[164,10],[1915,9],[2436,9],[2580,10],[2613,11],[3291,9],[3319,9],[3360,10],[3497,10],[3513,9],[4832,10],[4926,9],[5070,9],[6584,9],[20036,9],[21457,9],[21514,9]]},"584":{"position":[[174,11]]},"586":{"position":[[0,10],[108,10],[449,10]]},"588":{"position":[[0,10],[70,9],[1948,10],[2219,9],[2978,10],[4121,9],[4158,10],[4291,10],[4307,9],[5585,10],[5695,9],[5839,9],[7280,9],[15368,9],[15421,9]]},"590":{"position":[[0,10],[85,9]]},"592":{"position":[[0,10],[114,10],[163,10],[190,9],[548,10],[989,9]]},"594":{"position":[[0,10],[131,10],[796,10]]},"596":{"position":[[0,10],[116,9],[362,10],[2051,9],[3801,11],[5896,10],[5928,9],[6291,9],[7299,9]]},"598":{"position":[[0,10],[112,10],[282,10],[580,10],[1000,10],[1186,10],[1259,10],[1440,10]]},"600":{"position":[[0,10],[82,9],[2627,12],[4726,12],[7648,13],[10642,13],[13640,13],[16341,12]]},"602":{"position":[[0,10],[104,10],[223,10],[653,10],[1687,10]]},"604":{"position":[[0,10],[81,9],[134,10]]},"606":{"position":[[0,10],[422,10],[3227,11],[9810,9],[11471,9],[11708,9]]},"608":{"position":[[0,10],[78,9],[282,10]]},"610":{"position":[[62,9]]},"612":{"position":[[0,10],[100,11],[269,10],[1728,10]]},"616":{"position":[[88,9]]},"618":{"position":[[100,9]]},"620":{"position":[[91,9]]},"622":{"position":[[84,9],[1688,9]]},"624":{"position":[[88,9]]},"626":{"position":[[81,9],[1706,10],[7706,10],[7794,9]]},"628":{"position":[[75,9],[197,9],[1784,9],[1890,9],[6905,10],[6926,9]]},"630":{"position":[[95,9],[5986,10],[10937,11],[11030,9]]},"632":{"position":[[78,9]]},"634":{"position":[[72,9]]},"636":{"position":[[148,9],[1863,10],[2221,10],[2625,9],[2880,10],[3210,11],[4560,10],[5567,10]]},"638":{"position":[[202,9],[1315,10],[1673,10],[2077,9],[2332,10],[2665,11],[4485,10],[4843,10],[5247,9]]},"640":{"position":[[148,9],[1678,10],[2036,10],[2440,9],[2695,10],[3025,11],[4437,10],[4524,10],[5243,10],[5601,10],[6005,9]]},"642":{"position":[[158,9],[1697,10],[2055,10],[2459,9],[2730,10],[3060,11],[5086,10],[5177,9]]},"644":{"position":[[158,9],[1697,10],[2055,10],[2459,9],[2730,10],[3060,11],[5287,10],[5378,9]]},"646":{"position":[[166,9],[1337,10],[1695,10],[2099,9],[2354,10],[2688,11]]},"648":{"position":[[166,9],[1337,10],[1695,10],[2099,9],[2354,10],[2688,11]]},"650":{"position":[[206,9],[1360,10],[1718,10],[2122,9],[2377,10],[2710,11],[4236,10],[4594,10],[4998,9]]},"652":{"position":[[123,9]]},"654":{"position":[[128,9]]},"656":{"position":[[158,9],[1351,10],[1709,10],[2113,9],[2384,10],[2706,11],[4491,10],[4849,10],[5253,9]]},"658":{"position":[[4972,9]]},"660":{"position":[[0,10],[592,10],[1188,10],[1456,10],[1826,10],[2116,10],[2369,10],[10743,10],[11820,10],[12414,10],[13472,10],[15005,10],[15917,10],[16605,10]]},"662":{"position":[[79,9],[201,9],[1677,9],[5022,10],[5043,9]]},"664":{"position":[[0,10],[80,9],[3655,12],[5518,13],[7777,13],[10130,13],[12603,13],[15033,13],[17424,13],[19907,13],[23179,12]]},"666":{"position":[[0,10],[75,9],[464,9],[2263,9]]},"668":{"position":[[0,10],[67,9],[933,10],[4419,10]]}}}],["component</button",{"_index":1803,"t":{"582":{"position":[[3755,18],[5434,18]]},"588":{"position":[[4536,18],[6190,18]]}}}],["componentblazor",{"_index":373,"t":{"46":{"position":[[233,15]]},"138":{"position":[[233,15]]},"162":{"position":[[874,15]]},"164":{"position":[[291,15]]},"170":{"position":[[283,15]]},"198":{"position":[[284,15]]},"202":{"position":[[284,15]]},"212":{"position":[[283,15]]},"222":{"position":[[2928,15]]},"236":{"position":[[2937,15]]},"484":{"position":[[277,15]]}}}],["components/_imports.razor",{"_index":3916,"t":{"638":{"position":[[2501,25]]},"650":{"position":[[2546,25]]}}}],["components/app.razor",{"_index":3914,"t":{"638":{"position":[[473,21],[984,20],[2825,20]]},"650":{"position":[[518,21],[1029,20],[2870,20]]}}}],["concept",{"_index":107,"t":{"2":{"position":[[2432,7]]},"118":{"position":[[597,7]]}}}],["conceptu",{"_index":1792,"t":{"582":{"position":[[2530,13]]}}}],["concern",{"_index":95,"t":{"2":{"position":[[2253,8],[2707,7]]},"118":{"position":[[418,8],[872,7]]}}}],["condimentum",{"_index":1932,"t":{"582":{"position":[[8716,11],[9178,11],[11179,12],[12957,11],[13419,11],[15420,12],[17098,11],[17560,11],[19561,12]]}}}],["condimentum.</p",{"_index":1982,"t":{"582":{"position":[[11222,16],[15463,16],[19604,16]]}}}],["condit",{"_index":402,"t":{"54":{"position":[[312,11]]},"68":{"position":[[468,11]]},"74":{"position":[[384,11],[419,11]]},"578":{"position":[[2251,11]]},"582":{"position":[[3454,11]]},"588":{"position":[[4248,11]]},"668":{"position":[[68531,11],[71903,11],[87957,10],[152906,11],[152941,11]]}}}],["configur",{"_index":747,"t":{"124":{"position":[[262,13],[295,13]]},"616":{"position":[[2441,10],[2652,10]]},"618":{"position":[[2189,10],[2405,10]]},"620":{"position":[[2325,10],[2750,10]]},"624":{"position":[[2024,10],[2235,10]]},"636":{"position":[[6108,9]]},"638":{"position":[[5822,9]]},"640":{"position":[[6632,9]]},"650":{"position":[[5504,9]]}}}],["confirm",{"_index":49,"t":{"2":{"position":[[809,7]]},"14":{"position":[[244,7]]},"20":{"position":[[213,7],[304,7],[367,7]]},"46":{"position":[[475,7],[651,7],[839,7]]},"48":{"position":[[166,12],[288,7],[443,7],[670,7]]},"50":{"position":[[336,7]]},"54":{"position":[[567,7],[696,7]]},"104":{"position":[[156,12],[308,7],[333,7]]},"126":{"position":[[133,7]]},"132":{"position":[[713,12]]},"138":{"position":[[338,7],[664,7]]},"140":{"position":[[1172,7]]},"142":{"position":[[146,7],[1292,7]]},"148":{"position":[[588,12]]},"154":{"position":[[853,7]]},"162":{"position":[[979,7],[1305,7]]},"164":{"position":[[28,7],[396,7],[722,7]]},"170":{"position":[[388,7],[714,7]]},"192":{"position":[[312,7]]},"198":{"position":[[389,7],[715,7]]},"200":{"position":[[312,7]]},"202":{"position":[[389,7],[715,7]]},"212":{"position":[[388,7]]},"218":{"position":[[482,12]]},"220":{"position":[[302,7]]},"222":{"position":[[3033,7]]},"224":{"position":[[211,12]]},"228":{"position":[[862,7]]},"236":{"position":[[3042,7]]},"238":{"position":[[311,7]]},"240":{"position":[[491,12]]},"244":{"position":[[1039,7]]},"252":{"position":[[205,12]]},"254":{"position":[[213,12]]},"282":{"position":[[204,12]]},"286":{"position":[[206,12]]},"306":{"position":[[206,12]]},"308":{"position":[[2524,12]]},"310":{"position":[[856,7]]},"314":{"position":[[485,12]]},"326":{"position":[[199,12]]},"342":{"position":[[183,7],[777,12]]},"344":{"position":[[21,8],[251,7]]},"360":{"position":[[1420,12]]},"368":{"position":[[851,7]]},"370":{"position":[[242,7]]},"390":{"position":[[1110,12]]},"394":{"position":[[205,12]]},"416":{"position":[[876,12]]},"436":{"position":[[1143,7]]},"442":{"position":[[514,12]]},"454":{"position":[[243,7]]},"480":{"position":[[302,7]]},"484":{"position":[[382,7]]},"490":{"position":[[201,12]]},"558":{"position":[[177,7]]},"576":{"position":[[5273,7]]},"578":{"position":[[11,7],[46,7],[82,7],[319,7],[466,7],[628,7],[902,7],[1044,7],[1130,7],[1569,7],[1799,12],[2006,14],[2072,7],[2119,7],[2186,7],[2499,13],[2858,12],[2985,14],[3955,7],[4466,12],[4520,7],[4609,14],[4675,7],[4717,7],[4856,7],[4894,7],[4932,7],[5108,7],[5233,7],[5369,7],[5552,12],[5606,7],[5695,14],[5761,7],[6062,7],[6168,12],[6239,8],[6267,14],[6554,7],[6724,12],[6796,8],[6855,14],[6921,7],[7039,7],[7178,7],[7356,12],[7410,7],[7499,14],[7819,7],[8018,12],[8089,8],[8148,14],[8511,7],[8628,12],[8700,8],[8808,14],[8983,7],[9019,7]]},"660":{"position":[[25549,7]]}}}],["confirmdialog",{"_index":55,"t":{"2":{"position":[[925,13],[1188,13]]},"46":{"position":[[135,14],[219,13],[297,13]]},"104":{"position":[[898,13]]},"122":{"position":[[245,13],[468,13]]},"126":{"position":[[219,13],[401,13]]},"132":{"position":[[847,13]]},"138":{"position":[[135,14],[219,13]]},"148":{"position":[[722,13]]},"154":{"position":[[969,13],[1232,13]]},"162":{"position":[[776,14],[860,13]]},"164":{"position":[[193,14],[277,13]]},"170":{"position":[[185,14],[269,13]]},"198":{"position":[[186,14],[270,13]]},"202":{"position":[[186,14],[270,13]]},"212":{"position":[[185,14],[269,13]]},"218":{"position":[[616,13]]},"222":{"position":[[2830,14],[2914,13]]},"224":{"position":[[345,13]]},"228":{"position":[[978,13],[1241,13]]},"236":{"position":[[2839,14],[2923,13]]},"240":{"position":[[625,13]]},"252":{"position":[[339,13]]},"254":{"position":[[347,13]]},"282":{"position":[[338,13]]},"286":{"position":[[340,13]]},"306":{"position":[[340,13]]},"308":{"position":[[282,13],[2658,13]]},"310":{"position":[[972,13],[1235,13]]},"314":{"position":[[619,13]]},"326":{"position":[[333,13]]},"342":{"position":[[20,15],[299,13],[562,13],[911,13]]},"360":{"position":[[1554,13]]},"368":{"position":[[967,13]]},"390":{"position":[[1244,13]]},"394":{"position":[[339,13]]},"400":{"position":[[280,13]]},"414":{"position":[[630,13]]},"416":{"position":[[1010,13]]},"418":{"position":[[284,13]]},"428":{"position":[[275,13]]},"442":{"position":[[648,13]]},"484":{"position":[[179,14],[263,13]]},"490":{"position":[[335,13]]},"556":{"position":[[278,13]]},"558":{"position":[[293,13]]},"578":{"position":[[1585,14],[1728,13],[2513,14],[2654,13],[4081,14],[4227,13],[4976,14],[5410,13],[5959,14],[6103,13],[6451,14],[6595,13],[7055,14],[7219,13],[7683,14],[7860,13],[8408,14],[8552,13]]}}}],["confirmdialog3",{"_index":852,"t":{"142":{"position":[[1308,14]]}}}],["confirmdialogopt",{"_index":1576,"t":{"578":{"position":[[252,20],[273,20],[399,20],[420,20],[561,20],[582,20],[666,20],[4016,20],[4316,20],[4574,21],[5510,20],[5660,21],[6674,20],[6820,21],[7298,20],[7464,21],[7939,20],[8113,21],[8386,21],[8724,21],[8750,20],[8942,20]]}}}],["confirmmod",{"_index":408,"t":{"54":{"position":[[800,12]]},"136":{"position":[[1787,12]]},"222":{"position":[[1488,12]]},"236":{"position":[[1497,12]]},"258":{"position":[[304,12]]},"264":{"position":[[298,12]]},"282":{"position":[[2581,12]]},"312":{"position":[[745,12]]},"322":{"position":[[1491,12]]},"348":{"position":[[21,14],[298,12]]},"358":{"position":[[292,12]]},"388":{"position":[[291,12]]},"516":{"position":[[292,12]]}}}],["confirmmodal1",{"_index":853,"t":{"142":{"position":[[1323,13]]}}}],["congu",{"_index":1908,"t":{"582":{"position":[[8319,6],[10024,6],[10995,6],[12560,6],[14265,6],[15236,6],[16701,6],[18406,6],[19377,6]]}}}],["connect",{"_index":2172,"t":{"590":{"position":[[1560,9]]},"620":{"position":[[161,9]]}}}],["consectetur",{"_index":1841,"t":{"582":{"position":[[7626,11],[8438,11],[8879,11],[10267,11],[10444,11],[10683,11],[11867,11],[12679,11],[13120,11],[14508,11],[14685,11],[14924,11],[16008,11],[16820,11],[17261,11],[18649,11],[18826,11],[19065,11]]}}}],["consequat",{"_index":1962,"t":{"582":{"position":[[9959,9],[14200,9],[18341,9]]}}}],["consist",{"_index":197,"t":{"10":{"position":[[138,10]]},"140":{"position":[[1942,10]]},"244":{"position":[[1809,10]]},"448":{"position":[[182,10]]},"600":{"position":[[103,11]]},"634":{"position":[[94,10]]},"664":{"position":[[98,10]]}}}],["consol",{"_index":2247,"t":{"594":{"position":[[1038,8]]}}}],["console.writeline(\"click",{"_index":1514,"t":{"574":{"position":[[9114,24]]}}}],["console.writeline(\"doubl",{"_index":1517,"t":{"574":{"position":[[9329,25]]}}}],["console.writeline(\"employeesdataprovid",{"_index":5064,"t":{"668":{"position":[[79852,40],[83033,40],[86059,40],[93714,40]]}}}],["console.writeline(\"ev",{"_index":2000,"t":{"582":{"position":[[20945,25],[21056,25],[21166,25],[21277,25]]},"588":{"position":[[14755,25],[14862,25],[14967,25],[15074,25],[15186,25]]}}}],["console.writeline($\"'{customer?.customernam",{"_index":3335,"t":{"622":{"position":[[3576,46],[5447,46],[6476,46],[8072,46],[10232,46],[11743,46],[13237,46]]}}}],["console.writeline($\"click",{"_index":2771,"t":{"608":{"position":[[1510,30]]}}}],["console.writeline($\"custom",{"_index":3379,"t":{"622":{"position":[[9660,28]]},"628":{"position":[[8601,28]]}}}],["console.writeline($\"data",{"_index":3381,"t":{"622":{"position":[[10292,24]]}}}],["console.writeline($\"discount",{"_index":3528,"t":{"626":{"position":[[10326,29]]},"630":{"position":[[13691,29]]},"660":{"position":[[21247,29]]}}}],["console.writeline($\"invoic",{"_index":3619,"t":{"628":{"position":[[8542,27]]}}}],["console.writeline($\"messag",{"_index":1523,"t":{"574":{"position":[[9635,28]]}}}],["console.writeline($\"pric",{"_index":3527,"t":{"626":{"position":[[10280,26]]},"630":{"position":[[13645,26]]},"660":{"position":[[21201,26]]}}}],["console.writeline($\"tot",{"_index":3529,"t":{"626":{"position":[[10378,26]]},"630":{"position":[[13743,26]]},"660":{"position":[[21299,26]]}}}],["constrain",{"_index":4107,"t":{"660":{"position":[[18321,9]]}}}],["construct",{"_index":3542,"t":{"628":{"position":[[88,11]]},"662":{"position":[[92,11]]}}}],["consult",{"_index":4416,"t":{"668":{"position":[[14055,12],[20036,12],[62493,12],[71324,12],[74574,12],[77686,12],[81171,12],[97856,12],[100651,12],[123136,12],[140702,12]]}}}],["contact",{"_index":121,"t":{"2":{"position":[[2662,9]]},"118":{"position":[[827,9]]},"612":{"position":[[2762,7],[3695,7],[4640,7],[4732,7],[5782,7],[6630,7],[12769,10]]}}}],["contain",{"_index":1063,"t":{"564":{"position":[[1667,7]]},"568":{"position":[[519,10],[6166,10]]},"570":{"position":[[145,8]]},"580":{"position":[[110,9],[207,10]]},"606":{"position":[[1072,9],[1860,7]]},"616":{"position":[[338,9],[405,9],[480,9],[545,9]]},"618":{"position":[[434,9],[501,9],[576,9],[641,9]]},"620":{"position":[[483,9],[550,9],[625,9],[690,9]]},"624":{"position":[[279,9],[346,9],[421,9],[486,9]]},"636":{"position":[[5897,10]]},"638":{"position":[[5630,10]]},"640":{"position":[[6421,10]]},"650":{"position":[[5390,10]]},"668":{"position":[[1998,9],[2078,9],[59081,9]]}}}],["content",{"_index":568,"t":{"88":{"position":[[314,7]]},"102":{"position":[[372,7],[451,7]]},"560":{"position":[[1067,8]]},"564":{"position":[[297,7],[1642,8],[2172,7],[4094,7]]},"566":{"position":[[91,7],[262,7],[3166,7],[3654,7],[4143,7],[4629,7],[5114,7],[5624,7],[6131,7],[6639,7],[7144,7],[7648,7]]},"568":{"position":[[354,7],[1980,7],[2028,7],[2327,8],[2390,9],[2869,10],[2939,9],[3420,10],[3490,9],[3970,10],[4254,9],[4733,10],[4877,9],[5358,10],[5501,9],[5981,10],[6244,9],[6723,10],[6793,9],[7274,10],[7344,9],[7824,10],[8046,9],[8525,10],[8609,9],[9090,10],[9160,9],[9640,10],[9876,9],[10355,10],[10425,9],[10906,10],[10976,9],[11456,10],[12056,9],[12535,10],[12617,9],[13098,10],[13180,9],[13660,10],[13737,9],[14218,10],[14286,9],[14766,10],[14846,9],[15326,10],[18373,9],[18852,10],[18922,9],[19403,10],[19473,9],[19953,10],[20758,9],[21237,10],[21329,9],[21810,10],[21902,9],[22382,10]]},"572":{"position":[[232,7],[2256,7]]},"574":{"position":[[408,7],[6242,7]]},"576":{"position":[[74,7],[266,7],[1247,8],[1320,8],[1626,8],[2035,7],[3047,7],[4202,7]]},"578":{"position":[[5802,8],[9094,7]]},"580":{"position":[[102,7],[199,7],[281,8],[485,7],[822,7],[1003,7],[1183,7],[1364,7],[1617,7],[2053,7],[2309,7],[2489,7],[2677,7],[3120,7],[3167,8],[4825,7],[5141,7],[11075,8],[11089,7],[11778,8],[11813,7],[12065,7],[12348,8],[12362,7],[13093,8],[13128,7],[13594,7]]},"586":{"position":[[415,7]]},"588":{"position":[[165,8],[3215,7],[8621,8],[8911,7],[9145,7],[9254,7],[10668,7],[10902,7],[11011,7],[15462,7]]},"590":{"position":[[127,7]]},"592":{"position":[[514,7]]},"596":{"position":[[328,7]]},"598":{"position":[[248,7],[498,7],[546,7],[966,7],[1152,7],[1244,7],[1406,7],[2259,7],[3735,9],[4417,10],[4476,9],[5322,10],[5373,9],[6455,10],[6876,9],[7532,10],[7607,9],[8373,10],[8440,9],[9432,10]]},"600":{"position":[[2432,9],[4531,9],[6688,7],[6834,7],[7422,10],[9682,7],[9828,7],[10416,10],[12680,7],[12826,7],[13414,10],[16146,9]]},"602":{"position":[[619,7],[11161,7]]},"604":{"position":[[2877,7],[2966,7]]},"606":{"position":[[1883,7]]},"608":{"position":[[248,7],[448,7]]},"610":{"position":[[0,7]]},"612":{"position":[[235,7],[1646,7],[1694,7],[2250,9],[2305,7],[2431,10],[2471,9],[2526,7],[2655,10],[2695,9],[2750,7],[2879,10],[3098,7],[3183,9],[3238,7],[3364,10],[3404,9],[3459,7],[3588,10],[3628,9],[3683,7],[3812,10],[4099,9],[4154,7],[4280,10],[4381,9],[4436,7],[4565,10],[4665,9],[4720,7],[4849,10],[5028,9],[5083,7],[5209,10],[5249,9],[5304,7],[5433,10],[5490,9],[5545,7],[5675,10],[5715,9],[5770,7],[5899,10],[6118,9],[6173,7],[6299,10],[6339,9],[6394,7],[6523,10],[6563,9],[6618,7],[6747,10],[6986,9],[7036,7],[7073,10],[7113,9],[7163,7],[7203,10],[7243,9],[7293,7],[7333,10],[7540,9],[7590,7],[7627,10],[7667,9],[7717,7],[7757,10],[7797,9],[7847,7],[7887,10],[7925,9],[7975,7],[8013,10],[8146,9],[8196,7],[8233,10],[8273,9],[8323,7],[8363,10],[8403,9],[8453,7],[8493,10],[8531,9],[8581,7],[8619,10],[8760,9],[8810,7],[8847,10],[8887,9],[8937,7],[8977,10],[9017,9],[9067,7],[9107,10],[9145,9],[9195,7],[9233,10],[9557,9],[9607,7],[9644,10],[9684,9],[9734,7],[9774,10],[9814,9],[9864,7],[9904,10],[9961,9],[10011,7],[10052,10],[10100,9],[10150,7],[10187,10],[10225,9],[10275,7],[10313,10],[11919,9],[11969,7],[12006,10],[12046,9],[12096,7],[12136,10],[12176,9],[12226,7],[12266,10],[12304,9],[12354,7],[12392,10],[13158,9],[13211,7],[13269,10],[14103,9],[14156,7],[14214,10],[15200,9],[15271,7],[15482,10]]},"614":{"position":[[0,7]]},"636":{"position":[[7178,7]]},"638":{"position":[[7733,7]]},"640":{"position":[[7702,7]]},"642":{"position":[[6601,7]]},"644":{"position":[[6762,7]]},"650":{"position":[[6642,7]]},"652":{"position":[[526,7],[809,7]]},"654":{"position":[[531,7],[814,7]]},"656":{"position":[[6667,7]]},"658":{"position":[[184,8]]},"660":{"position":[[558,7],[1154,7],[1422,7],[1792,7],[2082,7],[2335,7],[17104,8],[25901,7]]},"664":{"position":[[203,8],[3460,9],[5292,10],[6845,7],[6991,7],[7551,10],[9097,7],[9316,7],[9904,10],[11570,7],[11789,7],[12377,10],[14000,7],[14219,7],[14807,10],[16419,7],[16638,7],[17198,10],[18824,7],[19681,10],[21673,7],[22984,9]]},"668":{"position":[[899,7],[4385,7],[5560,8],[78397,8],[78427,8]]}}}],["content.</b",{"_index":2843,"t":{"612":{"position":[[2339,12],[2563,12],[2787,12],[3272,12],[3496,12],[3720,12],[4188,12],[4473,12],[4757,12],[5117,12],[5341,12],[5583,12],[5807,12],[6207,12],[6431,12],[6655,12]]}}}],["content.</cardtext",{"_index":1697,"t":{"580":{"position":[[2973,19],[3735,19],[4206,19],[4570,19],[5562,19],[6169,19],[6685,19],[6980,19],[7450,19],[7782,19],[8111,19],[8528,19],[8820,19],[9108,19],[9394,19],[9682,19],[9964,19],[10248,19],[10530,19],[11439,19],[12733,19]]}}}],["content.</p",{"_index":1077,"t":{"564":{"position":[[2007,12]]}}}],["content</button",{"_index":1537,"t":{"576":{"position":[[1729,16],[1840,16],[1955,16],[2694,16],[2805,16],[2920,16],[3640,16],[3751,16],[3866,16]]}}}],["content=\"width=devic",{"_index":3856,"t":{"636":{"position":[[3974,21]]},"638":{"position":[[3450,21]]},"640":{"position":[[3795,21]]},"642":{"position":[[3688,21]]},"644":{"position":[[3688,21]]},"650":{"position":[[3185,21]]},"656":{"position":[[3161,21]]}}}],["context",{"_index":311,"t":{"34":{"position":[[424,8]]},"626":{"position":[[3814,8]]},"628":{"position":[[3343,8]]},"630":{"position":[[7721,8]]},"632":{"position":[[3726,8]]},"662":{"position":[[2515,8]]}}}],["context.address",{"_index":4516,"t":{"668":{"position":[[31727,16],[128601,16],[131200,16],[133890,16],[136615,16]]}}}],["context.compani",{"_index":4458,"t":{"668":{"position":[[27028,16],[46985,16]]}}}],["context.countri",{"_index":4527,"t":{"668":{"position":[[32118,16],[129016,16],[131669,16],[134359,16],[137164,16]]}}}],["context.customerid",{"_index":4497,"t":{"668":{"position":[[30955,19],[127829,19],[130387,19],[133077,19],[135801,19]]}}}],["context.customernam",{"_index":4501,"t":{"668":{"position":[[31169,21],[128043,21],[130642,21],[133332,21],[136057,21]]}}}],["context.design",{"_index":4366,"t":{"668":{"position":[[7943,20],[10443,20],[12765,20],[15491,20],[18007,20],[21481,20],[24168,20],[27160,20],[33979,20],[36627,20],[39209,20],[41756,20],[44329,20],[47090,20],[50864,20],[51732,20],[59906,20],[63765,20],[66219,20],[69378,20],[72735,20],[75914,20],[79083,20],[82344,20],[85370,20],[88865,20],[93025,20],[95819,20],[98987,20],[101778,20],[102609,20],[103426,20],[104257,20],[106537,20],[107557,20],[108575,20],[109595,20],[110609,20],[111623,20],[112647,20],[114849,20],[117316,20],[120245,20],[124392,20],[124510,20],[124628,20],[124746,20],[138920,20],[147278,20],[149713,20]]}}}],["context.dob",{"_index":5170,"t":{"668":{"position":[[141713,12],[144365,12]]}}}],["context.doj",{"_index":4369,"t":{"668":{"position":[[8045,12],[10545,12],[12848,12],[15609,12],[18144,12],[21583,12],[24270,12],[27262,12],[34100,12],[36748,12],[39331,12],[47173,12],[60043,12],[63867,12],[66321,12],[69515,12],[72872,12],[76051,12],[79220,12],[82446,12],[85472,12],[88967,12],[93127,12],[95902,12],[99070,12],[101896,12],[102727,12],[103544,12],[104375,12],[106674,12],[107694,12],[108712,12],[109732,12],[110746,12],[111760,12],[112784,12],[114967,12],[117434,12],[120382,12],[124848,12],[139057,12],[147380,12],[149815,12]]}}}],["context.email",{"_index":4454,"t":{"668":{"position":[[26906,14],[31538,14],[46886,14],[128412,14],[131011,14],[133701,14],[136426,14]]}}}],["context.firstnam",{"_index":4448,"t":{"668":{"position":[[26668,18],[46716,18],[50691,18],[51559,18]]}}}],["context.id",{"_index":4360,"t":{"668":{"position":[[7728,11],[10184,11],[12597,11],[15244,11],[17713,11],[21266,11],[23953,11],[26538,11],[33658,11],[36403,11],[39002,11],[41588,11],[44161,11],[46635,11],[50611,11],[51479,11],[59612,11],[63550,11],[66004,11],[69084,11],[72441,11],[75600,11],[78789,11],[82129,11],[85155,11],[88650,11],[92810,11],[95651,11],[98819,11],[101531,11],[102362,11],[103179,11],[104010,11],[106243,11],[107263,11],[108281,11],[109301,11],[110315,11],[111329,11],[112353,11],[114602,11],[117069,11],[119951,11],[124177,11],[138626,11],[141528,11],[144155,11],[147063,11],[149498,11]]}}}],["context.isact",{"_index":4372,"t":{"668":{"position":[[8147,17],[10647,17],[12926,17],[15727,17],[18286,17],[21685,17],[24367,17],[27644,17],[34221,17],[36869,17],[39445,17],[42061,17],[44649,17],[47485,17],[60185,17],[63969,17],[66423,17],[69657,17],[73082,17],[76193,17],[82548,17],[85574,17],[89069,17],[93229,17],[95980,17],[99148,17],[102014,17],[102845,17],[103662,17],[104493,17],[106816,17],[107836,17],[108854,17],[109874,17],[110888,17],[111902,17],[112926,17],[115085,17],[117552,17],[120524,17],[124950,17],[125057,17],[125164,17],[125271,17],[125378,17],[139199,17],[147482,17],[149917,17]]}}}],["context.lastnam",{"_index":4451,"t":{"668":{"position":[[26803,17],[46804,17],[50777,17],[51645,17]]}}}],["context.nam",{"_index":4363,"t":{"668":{"position":[[7832,13],[10332,13],[12681,13],[15364,13],[17853,13],[21370,13],[24057,13],[33849,13],[36526,13],[39086,13],[41672,13],[44245,13],[59752,13],[63654,13],[66108,13],[69224,13],[72581,13],[75760,13],[78929,13],[82233,13],[85259,13],[88754,13],[92914,13],[95735,13],[98903,13],[101651,13],[102482,13],[103299,13],[104130,13],[106383,13],[107403,13],[108421,13],[109441,13],[110455,13],[111469,13],[112493,13],[114722,13],[117189,13],[120091,13],[124281,13],[138766,13],[141623,13],[144275,13],[147167,13],[149602,13]]}}}],["context.oid",{"_index":5191,"t":{"668":{"position":[[144044,12]]}}}],["context.phon",{"_index":4507,"t":{"668":{"position":[[31357,14],[128231,14],[130830,14],[133520,14],[136245,14]]}}}],["context.postalzip",{"_index":4522,"t":{"668":{"position":[[31926,18],[128800,18],[131399,18],[134089,18],[136894,18]]}}}],["context.salari",{"_index":4549,"t":{"668":{"position":[[41908,15]]}}}],["context.salary.tostring(\"n2",{"_index":4462,"t":{"668":{"position":[[27452,30],[43763,30],[44481,30],[47317,30]]}}}],["context.statu",{"_index":5174,"t":{"668":{"position":[[141833,15],[144485,15]]}}}],["context=\"emp1",{"_index":5209,"t":{"668":{"position":[[150145,14],[150248,14],[150366,14],[150496,14],[150602,14],[150740,15]]}}}],["context=\"item",{"_index":2536,"t":{"602":{"position":[[2363,14],[3294,14],[3554,14],[5411,14],[5670,14],[5929,14],[8439,14],[8717,14],[10486,14],[11070,14],[11940,14],[12772,14],[13664,15]]}}}],["contextu",{"_index":1021,"t":{"564":{"position":[[53,10]]},"580":{"position":[[290,10]]},"660":{"position":[[75,10]]}}}],["continu",{"_index":89,"t":{"2":{"position":[[2065,8],[2961,8]]},"118":{"position":[[230,8],[1126,8]]}}}],["contrast",{"_index":1436,"t":{"574":{"position":[[3321,9]]}}}],["control",{"_index":1190,"t":{"568":{"position":[[2576,7],[3127,7],[3677,7],[4440,7],[5065,7],[5688,7],[6430,7],[6981,7],[7531,7],[8232,7],[8797,7],[9347,7],[10062,7],[10613,7],[11163,7],[12242,7],[12805,7],[13367,7],[13925,7],[14473,7],[15033,7],[18559,7],[19110,7],[19660,7],[20944,7],[21517,7],[22089,7]]},"574":{"position":[[1907,8],[5679,7]]},"622":{"position":[[9083,8]]},"628":{"position":[[1449,7],[7877,8],[10189,8]]},"662":{"position":[[1393,7],[5711,8],[6068,8],[6695,8]]},"668":{"position":[[733,8],[138095,8]]}}}],["conval",{"_index":1888,"t":{"582":{"position":[[8082,9],[9794,9],[12323,9],[14035,9],[16464,9],[18176,9]]}}}],["convers",{"_index":345,"t":{"42":{"position":[[302,11]]}}}],["convey",{"_index":1143,"t":{"566":{"position":[[3024,8],[3512,8],[4001,8],[4487,8],[4972,8],[5482,8],[5989,8],[6497,8],[7002,8],[7506,8]]},"572":{"position":[[1990,9],[2114,8]]},"586":{"position":[[2673,6]]}}}],["cool",{"_index":3764,"t":{"632":{"position":[[5942,7]]}}}],["copi",{"_index":2608,"t":{"602":{"position":[[8313,4]]},"668":{"position":[[67525,4],[68264,4]]}}}],["copy.png\">copy<br",{"_index":2422,"t":{"598":{"position":[[9097,17]]}}}],["core",{"_index":75,"t":{"2":{"position":[[1676,4]]},"116":{"position":[[115,4]]},"154":{"position":[[1720,4]]},"228":{"position":[[1729,4]]},"308":{"position":[[770,4]]},"310":{"position":[[1723,4]]},"330":{"position":[[511,4]]},"336":{"position":[[826,4]]},"340":{"position":[[162,4]]},"420":{"position":[[160,4]]},"548":{"position":[[159,4]]}}}],["corner",{"_index":1164,"t":{"568":{"position":[[459,7],[6106,7]]},"572":{"position":[[4052,6]]},"606":{"position":[[8112,7]]}}}],["correspond",{"_index":2341,"t":{"598":{"position":[[2977,13],[3491,13]]},"612":{"position":[[2134,13]]}}}],["count",{"_index":1310,"t":{"572":{"position":[[96,5],[6986,6]]},"612":{"position":[[14536,5],[14611,6],[15574,5],[15788,5],[15844,8],[15899,10]]},"616":{"position":[[6662,5],[6752,6]]},"618":{"position":[[5758,5],[5853,6],[12988,5],[13083,6]]},"620":{"position":[[8555,5],[8646,6]]},"624":{"position":[[5396,5],[5486,6],[9310,5],[9400,6]]},"668":{"position":[[761,5],[18375,6],[82637,6],[85663,6],[89158,6],[93318,6],[138123,5]]}}}],["counter",{"_index":1369,"t":{"572":{"position":[[3369,8]]},"636":{"position":[[8015,11],[8070,11]]},"638":{"position":[[8397,11],[8452,11]]},"640":{"position":[[8539,11],[8594,11]]},"642":{"position":[[7438,11],[7493,11]]},"644":{"position":[[7599,11],[7654,11]]},"650":{"position":[[7306,11],[7361,11]]},"652":{"position":[[1513,11],[1568,11]]},"654":{"position":[[1518,11],[1573,11]]},"656":{"position":[[7331,11],[7386,11]]}}}],["cours",{"_index":3627,"t":{"628":{"position":[[9636,6],[9678,6],[12408,6],[12636,7]]}}}],["coursemaxd",{"_index":3647,"t":{"628":{"position":[[11600,14],[11971,13],[12133,13]]}}}],["coursemind",{"_index":3646,"t":{"628":{"position":[[11567,14],[11949,13],[12100,13]]}}}],["coursenam",{"_index":3662,"t":{"628":{"position":[[12676,10]]}}}],["cra",{"_index":1866,"t":{"582":{"position":[[7886,4],[8933,4],[9997,4],[10372,4],[12127,4],[13174,4],[14238,4],[14613,4],[16268,4],[17315,4],[18379,4],[18754,4]]}}}],["creat",{"_index":104,"t":{"2":{"position":[[2395,7]]},"8":{"position":[[139,7]]},"14":{"position":[[195,7]]},"118":{"position":[[560,7]]},"144":{"position":[[523,7]]},"242":{"position":[[386,7]]},"440":{"position":[[183,7]]},"564":{"position":[[2235,6]]},"574":{"position":[[5476,6]]},"578":{"position":[[6342,6],[7574,6]]},"580":{"position":[[4809,6],[5158,6]]},"582":{"position":[[5234,7]]},"588":{"position":[[6003,7]]},"602":{"position":[[8304,6]]},"606":{"position":[[3280,7],[3312,6]]},"612":{"position":[[2936,6]]},"620":{"position":[[2627,6],[4662,6]]},"628":{"position":[[12424,9]]},"662":{"position":[[7866,9],[11690,9]]},"668":{"position":[[67507,7],[68246,7],[149053,6]]}}}],["createemploye",{"_index":5041,"t":{"668":{"position":[[67778,16]]}}}],["createscopeforerror",{"_index":3934,"t":{"638":{"position":[[5972,21]]},"650":{"position":[[5615,21]]}}}],["createtoastmessage(toasttyp",{"_index":2702,"t":{"606":{"position":[[2925,28],[4469,28],[5907,28],[7497,28],[11177,28]]}}}],["creator",{"_index":13,"t":{"2":{"position":[[75,7],[396,7],[743,7],[1021,7],[1314,7],[1631,7],[1899,7],[3137,7],[3522,7],[3737,7]]},"4":{"position":[[68,7]]},"6":{"position":[[69,7]]},"8":{"position":[[69,7]]},"10":{"position":[[69,7]]},"12":{"position":[[69,7]]},"14":{"position":[[69,7]]},"16":{"position":[[68,7]]},"18":{"position":[[66,7]]},"20":{"position":[[69,7]]},"22":{"position":[[65,7]]},"24":{"position":[[65,7]]},"26":{"position":[[66,7]]},"28":{"position":[[67,7]]},"30":{"position":[[67,7]]},"32":{"position":[[69,7]]},"34":{"position":[[70,7]]},"36":{"position":[[70,7]]},"38":{"position":[[69,7]]},"40":{"position":[[68,7]]},"42":{"position":[[69,7]]},"44":{"position":[[70,7]]},"46":{"position":[[70,7]]},"48":{"position":[[70,7]]},"50":{"position":[[70,7]]},"52":{"position":[[70,7]]},"54":{"position":[[69,7]]},"56":{"position":[[69,7]]},"58":{"position":[[70,7]]},"60":{"position":[[69,7]]},"62":{"position":[[69,7]]},"64":{"position":[[70,7]]},"66":{"position":[[70,7]]},"68":{"position":[[66,7]]},"70":{"position":[[67,7]]},"72":{"position":[[67,7]]},"74":{"position":[[67,7]]},"76":{"position":[[67,7]]},"78":{"position":[[67,7]]},"80":{"position":[[63,7]]},"82":{"position":[[66,7]]},"84":{"position":[[66,7]]},"86":{"position":[[65,7]]},"88":{"position":[[66,7]]},"90":{"position":[[65,7]]},"92":{"position":[[65,7]]},"94":{"position":[[65,7]]},"96":{"position":[[66,7]]},"98":{"position":[[65,7]]},"100":{"position":[[69,7]]},"102":{"position":[[67,7]]},"104":{"position":[[72,7]]},"106":{"position":[[70,7]]},"108":{"position":[[71,7]]},"110":{"position":[[68,7]]},"112":{"position":[[70,7]]},"114":{"position":[[69,7]]},"116":{"position":[[70,7]]},"118":{"position":[[64,7]]},"120":{"position":[[67,7]]},"122":{"position":[[67,7]]},"124":{"position":[[73,7]]},"126":{"position":[[67,7]]},"128":{"position":[[75,7]]},"132":{"position":[[71,7],[345,7],[629,7],[1058,7],[1304,7],[1596,7],[1881,7],[2133,7],[2352,7],[2572,7]]},"134":{"position":[[66,7],[404,7],[662,7],[961,7],[1213,7],[1649,7],[1894,7],[2142,7],[2412,7],[2746,7]]},"136":{"position":[[66,7],[413,7],[661,7],[910,7],[1159,7],[1608,7],[1918,7],[2187,7],[2476,7],[2735,7]]},"138":{"position":[[70,7],[476,7],[789,7],[1129,7],[1444,7],[1706,7],[1977,7],[2251,7],[2449,7],[2653,7]]},"140":{"position":[[67,7],[251,7],[448,7],[643,7],[841,7],[1042,7],[1272,7],[1474,7],[1703,7],[1873,7]]},"144":{"position":[[68,7],[259,7],[453,7]]},"146":{"position":[[112,7]]},"148":{"position":[[117,7],[504,7],[927,7],[1363,7],[1635,7],[2085,7],[2374,7],[2648,7],[2846,7]]},"150":{"position":[[110,7],[492,7]]},"152":{"position":[[113,7]]},"154":{"position":[[119,7],[440,7],[787,7],[1065,7],[1358,7],[1675,7],[1947,7],[2332,7],[2547,7],[2832,7]]},"156":{"position":[[119,7],[468,7],[749,7]]},"158":{"position":[[126,7]]},"160":{"position":[[122,7]]},"162":{"position":[[123,7],[382,7],[711,7],[1117,7],[1430,7]]},"164":{"position":[[128,7],[534,7]]},"166":{"position":[[119,7]]},"168":{"position":[[129,7]]},"170":{"position":[[120,7],[526,7]]},"172":{"position":[[118,7],[367,7],[616,7]]},"174":{"position":[[127,7]]},"176":{"position":[[125,7]]},"178":{"position":[[126,7]]},"180":{"position":[[127,7]]},"182":{"position":[[128,7]]},"184":{"position":[[120,7]]},"186":{"position":[[121,7]]},"188":{"position":[[127,7]]},"190":{"position":[[123,7]]},"192":{"position":[[124,7]]},"194":{"position":[[122,7]]},"196":{"position":[[122,7]]},"198":{"position":[[121,7],[527,7]]},"200":{"position":[[124,7]]},"202":{"position":[[121,7],[527,7]]},"204":{"position":[[131,7]]},"206":{"position":[[119,7]]},"208":{"position":[[126,7]]},"210":{"position":[[123,7]]},"212":{"position":[[120,7]]},"214":{"position":[[120,7],[367,7]]},"216":{"position":[[110,7],[368,7],[667,7],[919,7],[1355,7],[1600,7],[1848,7],[2118,7],[2452,7],[2865,7]]},"218":{"position":[[114,7],[398,7],[827,7],[1073,7],[1365,7],[1650,7],[1902,7],[2121,7],[2341,7],[2648,7]]},"220":{"position":[[114,7],[427,7]]},"222":{"position":[[114,7],[362,7],[611,7],[860,7],[1309,7],[1619,7],[1888,7],[2177,7],[2436,7],[2765,7]]},"224":{"position":[[127,7],[550,7],[986,7],[1259,7]]},"226":{"position":[[120,7]]},"228":{"position":[[128,7],[449,7],[796,7],[1074,7],[1367,7],[1684,7],[1956,7],[2341,7],[2556,7],[2841,7]]},"230":{"position":[[116,7]]},"232":{"position":[[140,7]]},"234":{"position":[[119,7],[377,7],[676,7],[928,7],[1364,7],[1609,7],[1857,7],[2127,7],[2461,7],[2874,7]]},"236":{"position":[[123,7],[371,7],[620,7],[869,7],[1318,7],[1628,7],[1897,7],[2186,7],[2445,7],[2774,7]]},"238":{"position":[[123,7],[436,7],[776,7],[1091,7],[1353,7],[1624,7],[1898,7],[2096,7],[2300,7],[2504,7]]},"240":{"position":[[123,7],[407,7],[836,7],[1082,7],[1374,7],[1659,7],[1911,7],[2130,7],[2350,7],[2657,7]]},"242":{"position":[[122,7],[316,7]]},"244":{"position":[[118,7],[315,7],[510,7],[708,7],[909,7],[1139,7],[1341,7],[1570,7],[1740,7],[1975,7]]},"246":{"position":[[119,7]]},"248":{"position":[[115,7],[416,7]]},"250":{"position":[[117,7],[362,7],[631,7]]},"252":{"position":[[121,7]]},"254":{"position":[[129,7]]},"256":{"position":[[119,7]]},"258":{"position":[[125,7]]},"260":{"position":[[119,7],[555,7],[806,7]]},"262":{"position":[[115,7]]},"264":{"position":[[119,7]]},"266":{"position":[[118,7],[415,7],[851,7],[1264,7]]},"268":{"position":[[122,7]]},"270":{"position":[[120,7],[533,7]]},"272":{"position":[[117,7],[363,7],[655,7],[940,7],[1160,7],[1418,7],[1717,7],[1969,7],[2405,7],[2650,7]]},"274":{"position":[[118,7],[367,7],[616,7]]},"276":{"position":[[117,7],[395,7]]},"278":{"position":[[120,7]]},"280":{"position":[[120,7],[373,7]]},"282":{"position":[[120,7],[546,7],[831,7],[1083,7],[1304,7],[1643,7],[2056,7],[2402,7]]},"284":{"position":[[115,7],[551,7],[964,7]]},"286":{"position":[[122,7],[551,7]]},"288":{"position":[[118,7]]},"290":{"position":[[112,7],[551,7]]},"292":{"position":[[114,7]]},"294":{"position":[[118,7]]},"296":{"position":[[115,7]]},"298":{"position":[[121,7]]},"300":{"position":[[118,7],[401,7],[837,7]]},"302":{"position":[[115,7],[457,7]]},"304":{"position":[[114,7]]},"306":{"position":[[122,7],[547,7]]},"308":{"position":[[115,7],[408,7],[725,7],[997,7],[1382,7],[1597,7],[1882,7],[2156,7],[2440,7],[2869,7]]},"310":{"position":[[122,7],[443,7],[790,7],[1068,7],[1361,7],[1678,7],[1950,7],[2335,7],[2550,7],[2835,7]]},"312":{"position":[[117,7],[566,7]]},"314":{"position":[[117,7],[401,7],[830,7],[1076,7],[1368,7],[1653,7],[1905,7],[2124,7],[2344,7],[2651,7]]},"316":{"position":[[111,7],[547,7],[792,7],[1040,7],[1310,7],[1644,7],[2057,7],[2404,7],[2652,7],[2901,7]]},"318":{"position":[[113,7]]},"320":{"position":[[113,7],[371,7],[670,7],[922,7],[1358,7],[1603,7],[1851,7],[2121,7],[2455,7],[2868,7]]},"322":{"position":[[117,7],[365,7],[614,7],[863,7],[1312,7]]},"324":{"position":[[120,7]]},"326":{"position":[[115,7]]},"328":{"position":[[111,7],[356,7],[625,7]]},"330":{"position":[[116,7],[466,7],[736,7],[1037,7],[1371,7]]},"332":{"position":[[115,7],[407,7],[692,7],[944,7],[1163,7],[1383,7],[1690,7],[2028,7],[2286,7],[2585,7]]},"334":{"position":[[118,7],[435,7],[720,7]]},"336":{"position":[[117,7],[464,7],[781,7],[1055,7]]},"338":{"position":[[113,7]]},"340":{"position":[[117,7]]},"342":{"position":[[117,7],[395,7],[693,7]]},"344":{"position":[[121,7]]},"346":{"position":[[117,7],[427,7],[863,7]]},"348":{"position":[[119,7]]},"350":{"position":[[113,7]]},"352":{"position":[[108,7]]},"354":{"position":[[112,7],[409,7],[845,7],[1258,7]]},"356":{"position":[[114,7],[527,7]]},"358":{"position":[[113,7]]},"360":{"position":[[109,7],[493,7],[778,7],[1052,7],[1336,7],[1766,7],[1964,7]]},"362":{"position":[[118,7],[468,7]]},"364":{"position":[[109,7],[314,7]]},"366":{"position":[[107,7],[327,7],[585,7],[884,7],[1136,7],[1572,7],[1817,7],[2234,7],[2483,7],[2733,7]]},"368":{"position":[[117,7],[438,7],[785,7],[1063,7],[1378,7],[1762,7],[2047,7],[2320,7],[2566,7],[2858,7]]},"370":{"position":[[112,7]]},"372":{"position":[[108,7],[412,7]]},"374":{"position":[[118,7]]},"376":{"position":[[111,7],[389,7]]},"378":{"position":[[113,7]]},"380":{"position":[[120,7]]},"382":{"position":[[115,7]]},"384":{"position":[[117,7]]},"386":{"position":[[115,7],[425,7]]},"388":{"position":[[112,7],[418,7],[618,7]]},"390":{"position":[[116,7],[465,7],[750,7],[1026,7],[1452,7],[1737,7],[1989,7],[2210,7],[2549,7],[2962,7]]},"392":{"position":[[116,7]]},"394":{"position":[[121,7],[546,7],[799,7]]},"396":{"position":[[127,7]]},"398":{"position":[[109,7],[545,7],[958,7],[1300,7],[1500,7]]},"400":{"position":[[113,7],[406,7],[721,7],[1106,7]]},"402":{"position":[[116,7]]},"404":{"position":[[114,7],[309,7],[507,7]]},"406":{"position":[[111,7],[372,7]]},"408":{"position":[[119,7]]},"410":{"position":[[118,7]]},"412":{"position":[[114,7],[429,7]]},"414":{"position":[[116,7],[463,7]]},"416":{"position":[[119,7],[440,7],[792,7],[1221,7]]},"418":{"position":[[117,7]]},"420":{"position":[[115,7]]},"422":{"position":[[120,7],[441,7],[788,7]]},"424":{"position":[[114,7],[381,7]]},"426":{"position":[[114,7]]},"428":{"position":[[108,7],[402,7],[783,7]]},"430":{"position":[[115,7]]},"432":{"position":[[111,7],[390,7]]},"434":{"position":[[112,7],[395,7],[831,7]]},"436":{"position":[[109,7],[451,7],[698,7],[1013,7]]},"438":{"position":[[115,7]]},"440":{"position":[[113,7]]},"442":{"position":[[111,7],[430,7],[855,7]]},"444":{"position":[[113,7]]},"446":{"position":[[112,7]]},"448":{"position":[[113,7]]},"450":{"position":[[113,7]]},"452":{"position":[[113,7]]},"454":{"position":[[113,7]]},"456":{"position":[[112,7]]},"458":{"position":[[110,7]]},"460":{"position":[[110,7]]},"462":{"position":[[109,7]]},"464":{"position":[[109,7]]},"466":{"position":[[111,7]]},"468":{"position":[[113,7]]},"470":{"position":[[111,7]]},"472":{"position":[[114,7]]},"474":{"position":[[113,7]]},"476":{"position":[[113,7]]},"478":{"position":[[114,7]]},"480":{"position":[[114,7]]},"482":{"position":[[114,7]]},"484":{"position":[[114,7]]},"486":{"position":[[112,7]]},"488":{"position":[[114,7]]},"490":{"position":[[117,7]]},"492":{"position":[[116,7]]},"494":{"position":[[113,7]]},"496":{"position":[[115,7]]},"498":{"position":[[114,7]]},"500":{"position":[[114,7]]},"502":{"position":[[115,7]]},"504":{"position":[[114,7]]},"506":{"position":[[114,7]]},"508":{"position":[[113,7]]},"510":{"position":[[113,7]]},"512":{"position":[[113,7]]},"514":{"position":[[114,7]]},"516":{"position":[[113,7]]},"518":{"position":[[114,7]]},"520":{"position":[[110,7]]},"522":{"position":[[111,7]]},"524":{"position":[[111,7]]},"526":{"position":[[111,7]]},"528":{"position":[[111,7]]},"530":{"position":[[111,7]]},"532":{"position":[[109,7]]},"534":{"position":[[107,7]]},"536":{"position":[[110,7]]},"538":{"position":[[110,7]]},"540":{"position":[[110,7]]},"542":{"position":[[109,7]]},"544":{"position":[[109,7]]},"546":{"position":[[109,7]]},"548":{"position":[[114,7]]},"550":{"position":[[109,7]]},"552":{"position":[[111,7]]},"554":{"position":[[110,7]]},"556":{"position":[[111,7]]},"558":{"position":[[111,7]]},"562":{"position":[[118,7],[439,7]]},"584":{"position":[[112,7]]}}}],["cross",{"_index":2427,"t":{"600":{"position":[[115,5]]},"620":{"position":[[4344,8]]},"634":{"position":[[105,5],[123,5]]},"664":{"position":[[109,5],[139,5]]}}}],["crossorigin=\"anonym",{"_index":3803,"t":{"636":{"position":[[704,24],[2097,23],[2515,23],[4230,24],[5467,23]]},"638":{"position":[[681,24],[1549,23],[1967,23],[3705,24],[4719,23],[5137,23]]},"640":{"position":[[702,24],[1912,23],[2330,23],[4051,24],[5477,23],[5895,23]]},"642":{"position":[[711,24],[1931,23],[2349,23],[4021,24],[4986,23]]},"644":{"position":[[711,24],[1931,23],[2349,23],[4021,24],[5187,23]]},"646":{"position":[[701,24],[1571,23],[1989,23]]},"648":{"position":[[701,24],[1571,23],[1989,23]]},"650":{"position":[[726,24],[1594,23],[2012,23],[3440,24],[4470,23],[4888,23]]},"656":{"position":[[711,24],[1585,23],[2003,23],[3467,24],[4725,23],[5143,23]]}}}],["crossorigin=\"anonymous\"></script",{"_index":3816,"t":{"636":{"position":[[1792,33],[5244,33]]},"638":{"position":[[1244,33],[4414,33]]},"640":{"position":[[1607,33],[5172,33]]},"642":{"position":[[1626,33],[4763,33]]},"644":{"position":[[1626,33],[4964,33]]},"646":{"position":[[1266,33]]},"648":{"position":[[1266,33]]},"650":{"position":[[1289,33],[4165,33]]},"656":{"position":[[1280,33],[4420,33]]}}}],["crossrot",{"_index":3222,"t":{"620":{"position":[[4353,11]]}}}],["css",{"_index":464,"t":{"70":{"position":[[351,3],[357,3]]},"74":{"position":[[396,3],[431,3]]},"124":{"position":[[468,3]]},"560":{"position":[[1042,3],[1117,3],[1694,3]]},"564":{"position":[[759,3]]},"568":{"position":[[1513,3],[1810,3],[2646,3],[2702,3],[3197,3],[3253,3],[3747,3],[3803,3],[4510,3],[4566,3],[5135,3],[5191,3],[5758,3],[5814,3],[6500,3],[6556,3],[7051,3],[7107,3],[7601,3],[7657,3],[8302,3],[8358,3],[8867,3],[8923,3],[9417,3],[9473,3],[10132,3],[10188,3],[10683,3],[10739,3],[11233,3],[11289,3],[12312,3],[12368,3],[12875,3],[12931,3],[13437,3],[13493,3],[13995,3],[14051,3],[14543,3],[14599,3],[15103,3],[15159,3],[18629,3],[18685,3],[19180,3],[19236,3],[19730,3],[19786,3],[21014,3],[21070,3],[21587,3],[21643,3],[22159,3],[22215,3]]},"576":{"position":[[930,3],[1149,3]]},"578":{"position":[[781,3],[969,3]]},"580":{"position":[[6456,4]]},"582":{"position":[[287,3],[510,3],[653,3],[2160,3],[2369,3]]},"588":{"position":[[286,3],[624,3],[692,3],[944,3],[2464,3],[2673,3],[3090,4]]},"598":{"position":[[1624,3]]},"600":{"position":[[1072,3]]},"602":{"position":[[773,3],[1286,3],[10857,3]]},"610":{"position":[[256,3]]},"636":{"position":[[200,3],[385,3],[1168,4],[8302,3]]},"638":{"position":[[254,3],[398,3],[8842,3]]},"640":{"position":[[200,3],[385,3],[1166,4],[8839,3]]},"642":{"position":[[210,3],[395,3],[1180,4],[7733,3]]},"644":{"position":[[210,3],[395,3],[1180,4],[7894,3]]},"646":{"position":[[218,3],[403,3],[3090,3]]},"648":{"position":[[218,3],[403,3],[3269,3]]},"650":{"position":[[258,3],[443,3],[7730,3]]},"652":{"position":[[175,3],[522,3]]},"654":{"position":[[180,3],[527,3]]},"656":{"position":[[210,3],[395,3],[7590,3]]},"658":{"position":[[520,3]]},"660":{"position":[[3393,3],[3619,3]]},"664":{"position":[[1095,3],[18568,3],[22272,3],[22348,3],[25535,3]]},"668":{"position":[[1644,3],[2008,3],[2088,3],[2163,3],[3197,3],[4796,3],[68543,3],[68613,3],[68687,3],[71915,3],[71988,3],[72072,3],[75234,3],[91754,3],[92075,3],[101241,3],[105840,3],[152918,3],[152953,3],[153147,3],[153169,3]]}}}],["cubic",{"_index":3238,"t":{"620":{"position":[[5021,5]]}}}],["cultur",{"_index":3341,"t":{"622":{"position":[[3918,7]]},"668":{"position":[[9893,7]]}}}],["curabitur",{"_index":1875,"t":{"582":{"position":[[7957,9],[12198,9],[16339,9]]}}}],["currenc",{"_index":385,"t":{"50":{"position":[[574,8]]},"76":{"position":[[112,8],[154,8],[301,8],[387,8]]},"80":{"position":[[529,8],[1518,8]]},"98":{"position":[[442,8]]},"134":{"position":[[1939,8],[2022,8]]},"136":{"position":[[2969,8]]},"142":{"position":[[169,8]]},"162":{"position":[[616,8]]},"168":{"position":[[29,8],[363,8]]},"186":{"position":[[355,8]]},"216":{"position":[[1645,8],[1728,8]]},"222":{"position":[[2670,8]]},"234":{"position":[[1654,8],[1737,8]]},"236":{"position":[[2679,8]]},"260":{"position":[[600,8],[683,8],[1040,8]]},"278":{"position":[[354,8]]},"316":{"position":[[837,8],[920,8]]},"320":{"position":[[1648,8],[1731,8]]},"346":{"position":[[908,8],[991,8]]},"350":{"position":[[21,10],[158,8],[241,8]]},"500":{"position":[[348,8]]},"528":{"position":[[156,8],[239,8]]},"600":{"position":[[3414,10],[3476,9],[5990,10],[6052,9],[9005,10],[9067,9],[11999,10],[12061,9],[14997,10],[15059,9],[17128,10],[17190,9]]},"622":{"position":[[13451,8]]},"628":{"position":[[12907,8]]},"630":{"position":[[6,8],[41,8],[168,8],[494,8],[827,8],[1678,8],[1711,8],[2165,8],[4560,8],[4636,8],[17591,8],[17639,8]]},"664":{"position":[[4244,10],[4306,9],[6168,10],[6230,9],[8427,10],[8489,9],[10780,10],[10842,9],[13253,10],[13315,9],[15683,10],[15745,9],[18074,10],[18136,9],[20557,10],[20619,9],[23810,10],[23872,9]]}}}],["currency1",{"_index":854,"t":{"142":{"position":[[1337,9]]}}}],["currencyinput",{"_index":67,"t":{"2":{"position":[[1482,13]]},"50":{"position":[[120,13],[173,13],[217,13],[286,13],[439,13]]},"76":{"position":[[179,13],[396,13]]},"80":{"position":[[1804,13]]},"120":{"position":[[245,13],[531,13]]},"134":{"position":[[1436,13],[2031,13]]},"136":{"position":[[2785,13],[2838,13]]},"148":{"position":[[1150,13]]},"152":{"position":[[281,13]]},"154":{"position":[[1526,13]]},"162":{"position":[[432,13],[485,13]]},"168":{"position":[[179,13],[232,13]]},"186":{"position":[[171,13],[224,13]]},"216":{"position":[[1142,13],[1737,13]]},"222":{"position":[[2486,13],[2539,13]]},"224":{"position":[[773,13]]},"228":{"position":[[1535,13]]},"234":{"position":[[1151,13],[1746,13]]},"236":{"position":[[2495,13],[2548,13]]},"260":{"position":[[342,13],[692,13],[856,13],[909,13]]},"266":{"position":[[638,13]]},"272":{"position":[[2192,13]]},"278":{"position":[[170,13],[223,13]]},"284":{"position":[[338,13]]},"290":{"position":[[335,13]]},"294":{"position":[[341,13]]},"300":{"position":[[624,13]]},"308":{"position":[[576,13]]},"310":{"position":[[1529,13]]},"316":{"position":[[334,13],[929,13]]},"320":{"position":[[1145,13],[1740,13]]},"336":{"position":[[632,13]]},"346":{"position":[[20,15],[285,13],[650,13],[1000,13]]},"350":{"position":[[250,13]]},"354":{"position":[[632,13]]},"366":{"position":[[1359,13]]},"368":{"position":[[1231,13]]},"386":{"position":[[283,13],[648,13]]},"398":{"position":[[332,13]]},"400":{"position":[[574,13]]},"412":{"position":[[282,13]]},"422":{"position":[[956,13]]},"424":{"position":[[604,13]]},"434":{"position":[[618,13]]},"442":{"position":[[279,13]]},"500":{"position":[[164,13],[217,13]]},"528":{"position":[[248,13]]},"534":{"position":[[330,13]]},"552":{"position":[[279,13]]},"630":{"position":[[81,13],[355,13],[1823,13],[1967,14],[2283,14],[2509,14],[2735,14],[2961,14],[3187,14],[3413,14],[3639,14],[3865,14],[4091,14],[4672,14],[5160,14],[5716,14],[5959,13],[6202,14],[6333,14],[6467,14],[6603,14],[6740,14],[6878,14],[7017,14],[7157,14],[7621,13],[7956,14],[8531,14],[8785,14],[9267,14],[9622,14],[9697,14],[10287,14],[10440,14],[10733,13],[10949,13],[11016,13],[11615,14],[12009,14],[12452,14],[14429,14],[14659,14],[14889,14],[15119,14],[15349,14],[15579,14],[15809,14],[16039,14],[16269,14],[16889,13],[17051,14]]}}}],["currencyinput.dis",{"_index":3721,"t":{"630":{"position":[[10806,24]]}}}],["currencyinput.en",{"_index":3722,"t":{"630":{"position":[[10856,23]]}}}],["currencyinput3",{"_index":855,"t":{"142":{"position":[[1347,14]]}}}],["currencyinput<int",{"_index":3720,"t":{"630":{"position":[[10713,19]]}}}],["currencysign",{"_index":3665,"t":{"630":{"position":[[429,12],[442,12],[5631,12]]}}}],["currencysign.standard",{"_index":3666,"t":{"630":{"position":[[455,21]]}}}],["currencysign=\"currencysign.account",{"_index":3716,"t":{"630":{"position":[[5767,38]]}}}],["current",{"_index":973,"t":{"560":{"position":[[105,7]]},"574":{"position":[[6852,9]]},"576":{"position":[[1384,7]]},"582":{"position":[[4996,7],[5998,7]]},"588":{"position":[[5765,7],[6701,7]]},"592":{"position":[[208,7]]},"602":{"position":[[1407,9],[12629,9]]},"612":{"position":[[11439,9]]},"622":{"position":[[2088,9]]},"668":{"position":[[7257,7]]}}}],["currentcolor",{"_index":2019,"t":{"586":{"position":[[1367,13]]},"604":{"position":[[885,15]]}}}],["currentpag",{"_index":4260,"t":{"666":{"position":[[1030,12],[1169,12],[1335,12],[1863,12],[1996,12],[2156,12],[2556,12],[1357904,12],[1358064,12]]}}}],["currentpagenumb",{"_index":2202,"t":{"590":{"position":[[3194,17],[3299,17]]}}}],["currentpagenumber</text",{"_index":2201,"t":{"590":{"position":[[3156,25]]}}}],["cursu",{"_index":1974,"t":{"582":{"position":[[10579,6],[14820,6],[18961,6]]}}}],["curv",{"_index":3234,"t":{"620":{"position":[[4927,5]]}}}],["custom",{"_index":750,"t":{"124":{"position":[[461,6]]},"128":{"position":[[478,9]]},"560":{"position":[[1121,6],[1698,6]]},"566":{"position":[[1659,6],[7907,6]]},"568":{"position":[[2695,6],[3246,6],[3796,6],[4046,9],[4559,6],[5184,6],[5807,6],[6549,6],[7100,6],[7650,6],[8351,6],[8916,6],[9466,6],[10181,6],[10732,6],[11282,6],[12361,6],[12924,6],[13486,6],[14044,6],[14592,6],[15152,6],[18678,6],[19229,6],[19779,6],[21063,6],[21636,6],[22208,6]]},"580":{"position":[[6449,6]]},"586":{"position":[[2228,9]]},"588":{"position":[[158,6]]},"598":{"position":[[1499,6]]},"600":{"position":[[372,6],[1135,6],[9364,6],[9427,6],[17641,6]]},"604":{"position":[[927,9]]},"606":{"position":[[1299,6],[3189,9]]},"608":{"position":[[95,6]]},"610":{"position":[[547,6],[3084,6],[3218,6],[4493,6]]},"612":{"position":[[3873,9],[12987,8],[12999,10],[13146,11],[13361,9],[13448,9],[13568,8],[13730,8],[13739,9],[13771,9],[14041,8],[14053,10],[14325,9],[14389,9],[14565,8],[14600,10],[15071,8],[15083,10],[15608,9],[15672,9],[15857,8],[15888,10],[15999,9]]},"622":{"position":[[2342,12],[2376,9],[2505,10],[2655,10],[2683,9],[2736,9],[2804,9],[3510,9],[4169,12],[4247,9],[4376,10],[4526,10],[4554,9],[4607,9],[4675,9],[5381,9],[5800,12],[5834,9],[6131,9],[6318,10],[6410,9],[6769,12],[6803,9],[6932,10],[7151,10],[7179,9],[7232,9],[7300,9],[8006,9],[8762,12],[8796,9],[9914,9],[10074,10],[10166,9],[10323,9],[10763,12],[10819,9],[11391,9],[11584,10],[11677,9],[12322,12],[12357,9],[12885,9],[13078,10],[13171,9]]},"628":{"position":[[7940,8],[8893,9]]},"634":{"position":[[136,6]]},"658":{"position":[[177,6],[513,6]]},"664":{"position":[[380,6],[1158,6],[13669,6],[13732,6],[18490,9],[18524,9],[22265,6],[22341,6],[25461,6],[25504,9],[25528,6]]},"668":{"position":[[51241,9],[78265,6],[78367,6],[152992,6]]}}}],["customer(count",{"_index":2921,"t":{"612":{"position":[[14580,14],[15872,15]]}}}],["customer(int",{"_index":3336,"t":{"622":{"position":[[3654,12],[5525,12]]}}}],["customer.customerid",{"_index":2894,"t":{"612":{"position":[[13089,20]]}}}],["customer.customernam",{"_index":3284,"t":{"622":{"position":[[2889,25],[4760,25],[7385,25]]}}}],["customer</button",{"_index":2916,"t":{"612":{"position":[[13962,17],[14992,17]]}}}],["customeraddress",{"_index":3375,"t":{"622":{"position":[[9377,15],[9393,15],[10361,15]]}}}],["customeraddress.address",{"_index":3372,"t":{"622":{"position":[[9165,25],[9743,28]]}}}],["customeraddress.customernam",{"_index":3366,"t":{"622":{"position":[[8877,30],[9697,30]]}}}],["customerid",{"_index":3337,"t":{"622":{"position":[[3667,11],[5538,11]]}}}],["customernam",{"_index":3278,"t":{"622":{"position":[[2462,13],[3686,14],[4333,13],[5557,14],[5920,13],[6889,13],[6985,12],[10404,12],[11125,12],[12649,12]]},"628":{"position":[[8935,12]]}}}],["customers.add(custom",{"_index":2922,"t":{"612":{"position":[[14626,24],[15910,24]]}}}],["customers.count",{"_index":2920,"t":{"612":{"position":[[14544,16],[15796,16]]},"622":{"position":[[6342,17],[10098,17],[11608,17],[13102,17]]}}}],["customers.first",{"_index":2912,"t":{"612":{"position":[[13668,18]]}}}],["customers.remove(custom",{"_index":2929,"t":{"612":{"position":[[16011,27]]}}}],["customersdataprovider(autocompletedataproviderrequest<custom",{"_index":3281,"t":{"622":{"position":[[2577,63],[4448,63],[6052,63],[7073,63],[9835,63]]}}}],["customersdataprovider(autocompletedataproviderrequest<customer2",{"_index":3389,"t":{"622":{"position":[[11311,64],[12805,64]]}}}],["customersdataprovider(griddataproviderrequest<customer2",{"_index":4529,"t":{"668":{"position":[[32295,56],[129208,56],[131861,56],[134551,56],[137356,56]]}}}],["customiconnam",{"_index":608,"t":{"96":{"position":[[633,14]]},"598":{"position":[[1457,14]]},"600":{"position":[[327,14],[1090,14],[9391,14]]},"606":{"position":[[1260,14]]},"610":{"position":[[511,14],[769,14]]},"664":{"position":[[335,14],[1113,14],[13696,14]]}}}],["customiconname=\"bi",{"_index":2497,"t":{"600":{"position":[[9520,18]]},"610":{"position":[[3163,18]]},"664":{"position":[[13839,18]]}}}],["customiconname=\"fa",{"_index":2802,"t":{"610":{"position":[[1450,18],[1522,18],[1594,18],[1666,18],[1738,18],[1810,18],[3958,18],[4092,18]]}}}],["customiz",{"_index":2666,"t":{"606":{"position":[[120,12]]}}}],["cx=\"50",{"_index":3981,"t":{"644":{"position":[[4488,8],[4525,8]]},"656":{"position":[[3944,8],[3981,8]]}}}],["cy=\"50",{"_index":3982,"t":{"644":{"position":[[4497,8],[4534,8]]},"656":{"position":[[3953,8],[3990,8]]}}}],["d",{"_index":856,"t":{"142":{"position":[[1362,1]]},"574":{"position":[[5905,1],[6224,1]]},"600":{"position":[[6673,1],[9667,1],[12665,1]]},"614":{"position":[[1221,1]]},"636":{"position":[[7163,1]]},"638":{"position":[[7718,1]]},"640":{"position":[[7687,1]]},"642":{"position":[[6586,1]]},"644":{"position":[[6747,1]]},"650":{"position":[[6627,1]]},"652":{"position":[[794,1]]},"654":{"position":[[799,1]]},"656":{"position":[[6652,1]]},"664":{"position":[[6830,1],[9082,1],[11555,1],[13985,1],[16404,1],[18809,1]]}}}],["d=\"m23.404",{"_index":4826,"t":{"668":{"position":[[56585,10]]}}}],["d=\"m24.866",{"_index":4808,"t":{"668":{"position":[[56388,10]]}}}],["d=\"m24.942",{"_index":4849,"t":{"668":{"position":[[56794,10]]}}}],["d=\"m27.159",{"_index":4733,"t":{"668":{"position":[[55546,10]]}}}],["d=\"m27.982",{"_index":4788,"t":{"668":{"position":[[56186,10]]}}}],["d=\"m28.661",{"_index":4872,"t":{"668":{"position":[[56991,10]]}}}],["d=\"m30.843",{"_index":4989,"t":{"668":{"position":[[58169,10]]}}}],["d=\"m30.933",{"_index":4979,"t":{"668":{"position":[[58001,10],[58085,10]]}}}],["d=\"m32",{"_index":4687,"t":{"668":{"position":[[55074,6],[56096,6]]}}}],["d=\"m33.873",{"_index":4892,"t":{"668":{"position":[[57184,10]]}}}],["d=\"m39.544",{"_index":4915,"t":{"668":{"position":[[57392,10]]}}}],["d=\"m43.997",{"_index":4959,"t":{"668":{"position":[[57792,10]]}}}],["d=\"m44.634",{"_index":4937,"t":{"668":{"position":[[57599,10]]}}}],["d=\"m52",{"_index":4659,"t":{"668":{"position":[[54653,6],[54889,6],[55310,6],[56018,6]]}}}],["d=\"m56.493",{"_index":4758,"t":{"668":{"position":[[55782,10]]}}}],["d='m2.5",{"_index":1009,"t":{"560":{"position":[[1865,7]]}}}],["daina",{"_index":2910,"t":{"612":{"position":[[13545,6],[14486,6],[15769,6]]},"622":{"position":[[3183,6],[5054,6],[7679,6]]}}}],["dan",{"_index":5121,"t":{"668":{"position":[[121009,5],[121084,3],[121179,5],[121256,3]]}}}],["danger",{"_index":1054,"t":{"564":{"position":[[1248,6],[2645,6]]},"566":{"position":[[819,6],[1966,6]]},"574":{"position":[[2125,6],[2926,6]]},"602":{"position":[[12028,6]]},"606":{"position":[[6462,6],[7809,8]]},"612":{"position":[[14716,6]]},"630":{"position":[[5021,6]]},"632":{"position":[[2754,6]]},"658":{"position":[[1407,6],[2590,6]]},"668":{"position":[[68606,6],[70202,8],[71981,6],[73071,10],[75668,7],[108042,6],[108100,6],[116884,6]]}}}],["danger\">*</span></label",{"_index":3501,"t":{"626":{"position":[[8330,24],[9081,24],[11166,24]]},"628":{"position":[[7512,24],[7805,24],[10117,24],[10425,24],[10822,24]]},"630":{"position":[[11566,24],[12403,24],[17002,24]]},"660":{"position":[[19361,24],[19994,24]]},"662":{"position":[[5639,24],[5977,24],[6302,24],[6604,24],[6923,24],[9660,24],[10059,24]]}}}],["danger\"></i",{"_index":2770,"t":{"608":{"position":[[1453,12]]}}}],["danger\">@message</div",{"_index":2253,"t":{"594":{"position":[[1427,22]]}}}],["danger\">danger</badg",{"_index":1348,"t":{"572":{"position":[[1575,22]]}}}],["daniel",{"_index":4399,"t":{"668":{"position":[[9122,9],[11622,9],[13901,9],[16702,9],[19882,9],[23024,9],[25706,9],[29666,9],[35560,9],[38208,9],[40784,9],[43302,9],[45890,9],[49507,9],[62339,9],[65045,9],[71170,9],[74420,9],[77532,9],[81017,9],[84198,9],[87224,9],[90665,9],[94879,9],[97702,9],[100497,9],[105718,9],[114151,9],[116371,9],[118838,9],[122982,9],[126892,9],[140548,9],[143155,9],[145961,9]]}}}],["daniel@blazorbootstrap.com",{"_index":4487,"t":{"668":{"position":[[29705,29],[49546,29]]}}}],["dapibu",{"_index":1963,"t":{"582":{"position":[[9975,7],[10978,8],[14216,7],[15219,8],[18357,7],[19360,8]]}}}],["dark",{"_index":1061,"t":{"564":{"position":[[1566,4]]},"574":{"position":[[2331,4],[3126,4],[3277,4]]},"658":{"position":[[1825,4],[3008,4]]},"668":{"position":[[111094,4],[111150,4],[119467,4],[119596,4]]}}}],["dark\">dark</badg",{"_index":1356,"t":{"572":{"position":[[1971,18]]}}}],["dash",{"_index":3198,"t":{"620":{"position":[[2012,5],[2057,4],[3062,5],[4365,7]]}}}],["data",{"_index":295,"t":{"30":{"position":[[510,4]]},"32":{"position":[[233,4],[260,4]]},"62":{"position":[[189,4]]},"68":{"position":[[247,4]]},"104":{"position":[[585,4]]},"124":{"position":[[950,4],[1183,4],[1350,4]]},"570":{"position":[[136,5],[271,4]]},"588":{"position":[[2881,4]]},"592":{"position":[[1925,10],[2100,10]]},"600":{"position":[[459,4],[902,5]]},"602":{"position":[[670,4],[12705,5],[12968,4],[13614,5],[14037,4],[14048,4]]},"616":{"position":[[0,4],[119,4],[184,4],[213,4],[706,5],[733,4],[831,5],[2571,4],[2583,4],[2622,5],[4313,4],[4618,4],[7361,4],[7642,6],[7941,4],[8402,4],[8620,4],[8736,5],[9046,4],[9495,4],[10963,4],[11234,4],[11505,4],[13191,4],[13462,4],[13733,4],[14817,4],[15289,4],[15560,4],[15831,4],[16790,4],[17255,4]]},"618":{"position":[[0,4],[802,5],[829,4],[927,5],[2266,4],[2305,5],[2375,4],[3682,4],[3987,4],[6471,4],[6820,6],[6859,4],[7245,4],[7363,4],[7486,5],[8081,4],[8914,4],[9456,4],[9998,4],[11249,4],[12406,4],[13476,4],[13825,6],[13864,4],[14444,4],[14562,4],[14685,5],[15280,4],[15545,4]]},"620":{"position":[[0,4],[134,4],[194,4],[851,5],[878,4],[976,5],[2402,4],[2441,5],[2507,4],[4619,5],[4652,4],[6279,4],[6584,4],[7171,4],[9198,4],[9484,6],[9791,4],[10253,4],[10665,4],[10781,5],[11088,4],[11742,4],[12284,4],[12826,4],[14042,4],[14601,4],[15208,4],[15815,4],[17076,4],[17517,4]]},"622":{"position":[[163,4],[374,4],[1337,5],[2140,5],[3727,4],[5598,5],[6311,4],[10067,4],[11577,4],[13071,4],[13533,4],[13550,4],[13590,4]]},"624":{"position":[[0,4],[647,5],[674,4],[772,5],[2101,4],[2140,5],[2205,4],[3400,4],[3705,4],[6069,4],[6389,6],[6428,4],[6799,4],[6917,4],[7040,5],[7635,4],[7673,4],[8780,4],[9748,4],[10068,6],[10107,4],[10670,4],[10788,4],[10911,5],[11506,4],[13597,4],[13968,4],[14086,4],[14209,5],[14804,4],[15051,4]]},"628":{"position":[[1811,4],[1929,4]]},"632":{"position":[[3559,4],[3581,4]]},"636":{"position":[[2237,4],[8168,7]]},"638":{"position":[[1689,4],[4859,4],[8548,7]]},"640":{"position":[[2052,4],[5617,4],[8692,7]]},"642":{"position":[[2071,4],[7591,7]]},"644":{"position":[[2071,4],[7752,7]]},"646":{"position":[[1711,4]]},"648":{"position":[[1711,4]]},"650":{"position":[[1734,4],[4610,4],[7457,7]]},"652":{"position":[[1666,7]]},"654":{"position":[[1671,7]]},"656":{"position":[[1725,4],[4865,4],[7482,7]]},"664":{"position":[[470,4],[927,5]]},"668":{"position":[[96,4],[110,4],[950,4],[1001,5],[3295,4],[4161,5],[8638,5],[8901,4],[9267,5],[11138,5],[11401,4],[11767,5],[13417,5],[13680,4],[14177,5],[14301,5],[14544,5],[16218,5],[16481,4],[16847,5],[19398,5],[19661,4],[20158,5],[20282,5],[20525,5],[22540,5],[22803,4],[23169,5],[25222,5],[25485,4],[25851,5],[28821,5],[29310,4],[30024,5],[32918,4],[35076,5],[35339,4],[35705,5],[37724,5],[37987,4],[38353,5],[40300,5],[40563,4],[40929,5],[41203,4],[42881,5],[43111,4],[43430,5],[43639,5],[45469,5],[45699,4],[46018,5],[48662,5],[49151,4],[49865,5],[50209,5],[51121,4],[51193,4],[58557,4],[61855,5],[62118,4],[62615,5],[62739,5],[62982,5],[63072,4],[63135,4],[64483,5],[64746,4],[65190,5],[65397,4],[65460,4],[66941,5],[67204,4],[70686,5],[70949,4],[71446,5],[71570,5],[71813,5],[73936,5],[74199,4],[74696,5],[74820,5],[75063,5],[77048,5],[77311,4],[77808,5],[77932,5],[78175,5],[80533,5],[80796,4],[81293,5],[81417,5],[81660,5],[83714,5],[83977,4],[84343,5],[86740,5],[87003,4],[87369,5],[90181,5],[90444,4],[90810,5],[94395,5],[94658,4],[95024,5],[97218,5],[97481,4],[97978,5],[98102,5],[98345,5],[100013,5],[100276,4],[100773,5],[100897,5],[101140,5],[105234,5],[105497,4],[113667,5],[113930,4],[115887,5],[116150,4],[118354,5],[118617,4],[122498,5],[122761,4],[123258,5],[123382,5],[123625,5],[126408,5],[126671,4],[127037,5],[129829,4],[132482,4],[135172,4],[137977,4],[140064,5],[140327,4],[140824,5],[140948,5],[141191,5],[148482,5],[148745,4],[151685,5],[151948,4],[152783,4],[152794,4],[152836,4],[152871,4]]}}}],["data...</button",{"_index":2219,"t":{"592":{"position":[[1651,16],[1744,16]]}}}],["data.add(new",{"_index":3034,"t":{"616":{"position":[[7493,12]]},"618":{"position":[[6615,12],[13620,12]]},"620":{"position":[[9332,12]]},"624":{"position":[[6201,12],[9880,12]]}}}],["data.add(random.next(0",{"_index":3132,"t":{"618":{"position":[[7446,23],[14645,23]]},"624":{"position":[[7000,23],[10871,23],[14169,23]]}}}],["data.add(random.next(200",{"_index":3051,"t":{"616":{"position":[[8699,27]]},"620":{"position":[[10744,27]]}}}],["data</button",{"_index":3010,"t":{"616":{"position":[[5132,13]]},"618":{"position":[[4511,13],[11599,13]]},"624":{"position":[[4219,13],[8013,13]]}}}],["data=\"department.employe",{"_index":5026,"t":{"668":{"position":[[63442,28]]}}}],["data=\"employe",{"_index":2535,"t":{"602":{"position":[[2346,16],[11053,16],[11923,16],[12755,16]]},"668":{"position":[[65907,17],[146943,16],[149378,16],[150060,16]]}}}],["data=\"employeelist1",{"_index":2558,"t":{"602":{"position":[[3273,20],[5390,20],[8418,20]]}}}],["data=\"employeelist2",{"_index":2562,"t":{"602":{"position":[[3533,20],[5649,20],[8696,20]]}}}],["data=\"employeelist3",{"_index":2588,"t":{"602":{"position":[[5908,20]]}}}],["data=\"item",{"_index":2610,"t":{"602":{"position":[[10473,12],[13651,12]]}}}],["dataannot",{"_index":3496,"t":{"626":{"position":[[7759,15]]},"628":{"position":[[6974,15]]},"630":{"position":[[10993,15]]},"662":{"position":[[5091,15]]}}}],["dataannotationsvalid",{"_index":3359,"t":{"622":{"position":[[8442,25]]},"626":{"position":[[8198,25]]},"628":{"position":[[7378,25],[9984,25]]},"630":{"position":[[11434,25]]},"660":{"position":[[19257,25]]},"662":{"position":[[5504,25],[9524,25]]}}}],["datalabel",{"_index":2948,"t":{"616":{"position":[[677,10],[796,10],[2518,10]]},"618":{"position":[[773,10],[892,10],[2317,10]]},"620":{"position":[[822,10],[941,10],[2453,10],[15062,10],[15073,10],[15669,10],[15680,10],[16276,10],[16287,10],[16884,10]]},"624":{"position":[[618,10],[737,10],[2152,10]]}}}],["datalabels.min.j",{"_index":3823,"t":{"636":{"position":[[2184,17],[2388,18]]},"638":{"position":[[1636,17],[1840,18],[4806,17],[5010,18]]},"640":{"position":[[1999,17],[2203,18],[5564,17],[5768,18]]},"642":{"position":[[2018,17],[2222,18]]},"644":{"position":[[2018,17],[2222,18]]},"646":{"position":[[1658,17],[1862,18]]},"648":{"position":[[1658,17],[1862,18]]},"650":{"position":[[1681,17],[1885,18],[4557,17],[4761,18]]},"656":{"position":[[1672,17],[1876,18],[4812,17],[5016,18]]}}}],["datalabels/2.2.0/chartj",{"_index":3825,"t":{"636":{"position":[[2356,24]]},"638":{"position":[[1808,24],[4978,24]]},"640":{"position":[[2171,24],[5736,24]]},"642":{"position":[[2190,24]]},"644":{"position":[[2190,24]]},"646":{"position":[[1830,24]]},"648":{"position":[[1830,24]]},"650":{"position":[[1853,24],[4729,24]]},"656":{"position":[[1844,24],[4984,24]]}}}],["datalabelscount",{"_index":3111,"t":{"618":{"position":[[4762,15],[6374,16],[6827,15],[7418,16],[7606,16],[7875,15],[7963,16],[11850,15],[13379,16],[13832,15],[14617,16],[14805,16],[15074,15],[15162,16]]},"624":{"position":[[4450,15],[5972,16],[6396,15],[6972,16],[7160,16],[7429,15],[7517,16],[8244,15],[9651,16],[10075,15],[10843,16],[11031,16],[11300,15],[11388,16],[12452,15],[14141,16],[14329,16],[14598,15],[14686,16]]}}}],["dataprovid",{"_index":515,"t":{"78":{"position":[[253,12]]},"600":{"position":[[396,12]]},"622":{"position":[[296,12]]},"664":{"position":[[404,12]]},"668":{"position":[[1013,12],[1063,12],[3303,12]]}}}],["dataprovider=\"customersdataprovid",{"_index":3273,"t":{"622":{"position":[[2255,36],[4082,36],[5713,36],[6682,36],[8675,36],[10676,36],[12235,36]]},"668":{"position":[[30603,36],[127429,36],[129991,36],[132662,36],[135364,36]]}}}],["dataprovider=\"employeesdataprovid",{"_index":4356,"t":{"668":{"position":[[7571,36],[10027,36],[12448,36],[15093,36],[17359,36],[21039,36],[23795,36],[26357,36],[33502,36],[36247,36],[38864,37],[41417,37],[43873,37],[43990,37],[46446,36],[50479,36],[51381,37],[59215,36],[68818,36],[72198,36],[75357,36],[78546,36],[81926,36],[84887,36],[88298,36],[92542,36],[95494,36],[98589,36],[101322,36],[102139,36],[102970,36],[103787,36],[105943,36],[106963,36],[107983,36],[109001,36],[110021,36],[111035,36],[112049,36],[114369,36],[116825,36],[119407,36],[123995,36],[138363,36]]}}}],["dataprovider=\"sidebar2dataprovid",{"_index":2445,"t":{"600":{"position":[[1855,35],[3954,35],[6599,35],[9593,35],[12591,35],[15537,35]]}}}],["dataprovider=\"sidebardataprovid",{"_index":3904,"t":{"636":{"position":[[7090,34]]},"638":{"position":[[7645,34]]},"640":{"position":[[7614,34]]},"642":{"position":[[6513,34]]},"644":{"position":[[6674,34]]},"650":{"position":[[6554,34]]},"652":{"position":[[721,34]]},"654":{"position":[[726,34]]},"656":{"position":[[6579,34]]},"664":{"position":[[1811,34],[2912,34],[4744,34],[6757,34],[9009,34],[11482,34],[13912,34],[16331,34],[18736,34],[22436,34],[24330,34]]}}}],["dataprovider=\"usersdataprovid",{"_index":5166,"t":{"668":{"position":[[141380,32],[143869,32]]}}}],["dataset",{"_index":2952,"t":{"616":{"position":[[858,7],[997,7],[1433,8],[1487,9],[2691,8],[2728,7],[3036,7],[3200,7],[3272,7],[4987,7],[5963,8],[6508,7],[6544,8],[7412,7],[7448,8],[8033,8],[8179,9],[9418,8],[9817,8],[9828,8],[10867,8],[11766,8],[11777,8],[13095,8],[13994,8],[14005,8],[15193,8],[16092,8],[16103,8]]},"618":{"position":[[954,7],[1093,7],[1529,8],[1583,9],[2444,8],[2481,7],[2789,7],[4366,7],[4975,8],[5584,7],[5620,8],[6522,7],[6558,8],[6951,8],[7102,9],[8817,8],[10528,8],[10539,8],[12063,8],[12814,7],[12850,8],[13527,7],[13563,8],[13956,8],[14055,7],[14301,9]]},"620":{"position":[[1003,7],[1142,7],[1637,8],[1691,9],[2591,7],[2651,8],[2665,7],[2789,8],[2826,7],[3188,7],[5164,7],[5236,7],[7025,7],[7863,8],[8397,7],[8433,8],[9249,7],[9285,8],[9883,8],[10030,9],[11645,8],[13356,8],[13367,8],[14506,8],[16416,8],[16427,8]]},"624":{"position":[[799,7],[938,7],[1433,8],[1487,9],[2274,8],[2311,7],[4074,7],[4663,8],[5242,7],[5278,8],[6120,7],[6156,8],[6520,8],[6666,9],[8457,8],[9156,7],[9192,8],[9799,7],[9835,8],[10199,8],[10298,7],[10537,9],[12665,8],[13689,8],[13835,9]]}}}],["dataset.datalabels.anchor",{"_index":3193,"t":{"618":{"position":[[14114,25],[14189,25],[14231,25]]},"624":{"position":[[10352,25],[10427,25],[10467,25]]}}}],["dataset1",{"_index":3061,"t":{"616":{"position":[[9460,8],[10909,8],[13137,8],[15235,8]]},"618":{"position":[[8859,8]]},"620":{"position":[[11687,8],[14548,8]]}}}],["dataset2",{"_index":3081,"t":{"616":{"position":[[11182,8],[13410,8],[15508,8]]},"618":{"position":[[9403,8]]},"620":{"position":[[12231,8],[15157,8]]}}}],["dataset3",{"_index":3087,"t":{"616":{"position":[[11453,8],[13681,8],[15779,8]]},"618":{"position":[[9945,8]]},"620":{"position":[[12773,8],[15764,8]]}}}],["datasetindex",{"_index":3192,"t":{"618":{"position":[[12783,12]]}}}],["datasets.add(dataset",{"_index":3194,"t":{"618":{"position":[[14269,22]]},"624":{"position":[[10505,22]]}}}],["datasets.add(dataset1",{"_index":3067,"t":{"616":{"position":[[9748,23],[11154,23],[13382,23],[15480,23]]},"618":{"position":[[9375,23]]},"620":{"position":[[12203,23],[15129,23]]}}}],["datasets.add(dataset2",{"_index":3086,"t":{"616":{"position":[[11425,23],[13653,23],[15751,23]]},"618":{"position":[[9917,23]]},"620":{"position":[[12745,23],[15736,23]]}}}],["datasets.add(dataset3",{"_index":3089,"t":{"616":{"position":[[11697,23],[13925,23],[16023,23]]},"618":{"position":[[10459,23]]},"620":{"position":[[13287,23],[16347,23]]}}}],["datasets.add(getrandombarchartdataset",{"_index":3046,"t":{"616":{"position":[[8128,41]]}}}],["datasets.add(getrandomdoughnutchartdataset",{"_index":3130,"t":{"618":{"position":[[7046,46]]}}}],["datasets.add(getrandomlinechartdataset",{"_index":3252,"t":{"620":{"position":[[9978,42]]}}}],["datasets.add(getrandompiechartdataset",{"_index":3415,"t":{"624":{"position":[[6615,41],[13784,41]]}}}],["datasetscount",{"_index":3014,"t":{"616":{"position":[[5628,13],[7064,14],[8315,13],[8384,17]]},"618":{"position":[[4731,13],[7177,13],[7227,17],[11819,13],[14376,13],[14426,17]]},"620":{"position":[[7680,13],[10168,13],[10235,17]]},"624":{"position":[[4419,13],[6731,13],[6781,17],[8213,13],[10602,13],[10652,17],[12421,13],[13900,13],[13950,17]]}}}],["date",{"_index":493,"t":{"74":{"position":[[490,4]]},"80":{"position":[[676,4],[1554,4]]},"82":{"position":[[517,4],[635,4]]},"98":{"position":[[478,4]]},"134":{"position":[[849,4]]},"216":{"position":[[555,4]]},"234":{"position":[[564,4]]},"248":{"position":[[302,4]]},"266":{"position":[[305,4]]},"272":{"position":[[1605,4]]},"320":{"position":[[558,4]]},"330":{"position":[[923,4]]},"332":{"position":[[2473,4]]},"352":{"position":[[21,6],[295,4]]},"354":{"position":[[299,4]]},"366":{"position":[[772,4]]},"372":{"position":[[295,4]]},"538":{"position":[[297,4]]},"582":{"position":[[6006,4]]},"626":{"position":[[11671,4]]},"628":{"position":[[6,4],[37,4],[232,4],[283,4],[1173,4],[1206,4],[1581,5],[1623,5],[2190,5],[2232,5],[2394,5],[2436,5],[2596,5],[2638,5],[2800,5],[2842,5],[3703,5],[3741,5],[3781,5],[3825,5],[4031,5],[4069,5],[4109,5],[4153,5],[4357,5],[4395,5],[4435,5],[4479,5],[4685,5],[4723,5],[4763,5],[4807,5],[4851,4],[5650,5],[5692,5],[6427,5],[6469,5],[7488,5],[8570,5],[8807,4],[9260,5],[9444,4],[9485,4],[9529,4],[9586,4],[9691,5],[10401,5],[10798,5],[12733,4],[12822,4],[13073,4],[13114,4]]},"630":{"position":[[17528,4]]},"662":{"position":[[1542,5],[5953,5],[6580,5],[8165,4],[8361,4],[8995,4],[9036,4],[12236,4],[12277,4]]},"668":{"position":[[43717,6]]}}}],["date1",{"_index":857,"t":{"142":{"position":[[1364,5]]},"628":{"position":[[1667,5],[2886,5],[5002,6],[5173,5],[5956,5],[6711,5],[9172,6],[9304,5],[9395,5]]},"662":{"position":[[1586,5]]}}}],["date1</div",{"_index":3558,"t":{"628":{"position":[[1629,12],[2238,12],[3831,12],[5698,12],[6475,12],[9266,12]]},"662":{"position":[[1548,12]]}}}],["date2",{"_index":3573,"t":{"628":{"position":[[2962,6],[5039,6],[5280,5]]}}}],["date2</div",{"_index":3564,"t":{"628":{"position":[[2442,12],[4159,12]]}}}],["date3",{"_index":3574,"t":{"628":{"position":[[2986,5],[5075,6],[5364,5]]}}}],["date3</div",{"_index":3568,"t":{"628":{"position":[[2644,12],[4485,12]]}}}],["date4",{"_index":3576,"t":{"628":{"position":[[3039,6],[5112,6],[5423,5]]}}}],["date4</div",{"_index":3571,"t":{"628":{"position":[[2848,12],[4813,12]]}}}],["datechanged(dateonli",{"_index":3625,"t":{"628":{"position":[[9362,20]]}}}],["datechanged(valu",{"_index":3623,"t":{"628":{"position":[[9204,19]]}}}],["dateinput",{"_index":447,"t":{"68":{"position":[[115,9],[168,9],[811,9],[1002,9]]},"74":{"position":[[457,9],[844,9],[1048,9]]},"80":{"position":[[1838,9]]},"82":{"position":[[128,9],[330,9],[350,9],[640,9]]},"134":{"position":[[724,9],[854,9],[1470,9],[2958,9]]},"136":{"position":[[115,9],[235,9]]},"148":{"position":[[1184,9]]},"216":{"position":[[430,9],[560,9],[1176,9],[2664,9],[2914,9],[3034,9]]},"224":{"position":[[807,9]]},"234":{"position":[[439,9],[569,9],[1185,9],[2673,9],[2923,9],[3043,9]]},"248":{"position":[[177,9],[307,9]]},"250":{"position":[[680,9],[800,9]]},"260":{"position":[[376,9]]},"262":{"position":[[327,9]]},"266":{"position":[[180,9],[310,9],[672,9],[1063,9],[1313,9],[1433,9]]},"270":{"position":[[332,9],[582,9],[702,9]]},"272":{"position":[[1480,9],[1610,9],[2226,9],[2862,9]]},"282":{"position":[[1855,9],[2105,9],[2225,9]]},"284":{"position":[[372,9],[763,9],[1013,9],[1133,9]]},"290":{"position":[[369,9]]},"294":{"position":[[375,9]]},"296":{"position":[[327,9]]},"298":{"position":[[333,9]]},"300":{"position":[[658,9],[1049,9]]},"316":{"position":[[368,9],[1856,9],[2106,9],[2226,9]]},"320":{"position":[[433,9],[563,9],[1179,9],[2667,9],[2917,9],[3037,9]]},"328":{"position":[[674,9],[794,9]]},"330":{"position":[[798,9],[928,9]]},"332":{"position":[[2348,9],[2478,9]]},"346":{"position":[[684,9]]},"352":{"position":[[170,9],[300,9]]},"354":{"position":[[20,11],[174,9],[304,9],[666,9],[1057,9],[1307,9],[1427,9]]},"356":{"position":[[326,9],[576,9],[696,9]]},"366":{"position":[[647,9],[777,9],[1393,9],[2029,9]]},"372":{"position":[[170,9],[300,9]]},"386":{"position":[[682,9]]},"390":{"position":[[2761,9],[3011,9],[3131,9]]},"398":{"position":[[366,9],[757,9],[1007,9],[1127,9]]},"424":{"position":[[638,9]]},"430":{"position":[[327,9]]},"434":{"position":[[652,9],[1043,9]]},"520":{"position":[[159,9],[279,9]]},"526":{"position":[[323,9]]},"534":{"position":[[364,9]]},"538":{"position":[[172,9],[302,9]]},"628":{"position":[[65,9],[404,9],[1320,9],[1512,10],[1774,9],[2121,10],[2324,10],[2527,10],[2730,10],[3247,9],[3590,10],[3917,10],[4244,10],[4571,10],[5530,10],[5560,10],[6233,10],[6341,10],[6672,9],[6916,9],[7561,10],[9070,9],[9106,10],[10474,10],[10871,10]]},"662":{"position":[[408,9],[6026,10],[6653,10]]}}}],["dateinput.dis",{"_index":3611,"t":{"628":{"position":[[6782,20]]}}}],["dateinput.en",{"_index":3612,"t":{"628":{"position":[[6828,19]]}}}],["dateinput4",{"_index":858,"t":{"142":{"position":[[1370,10]]}}}],["dateinput<dateonli",{"_index":3610,"t":{"628":{"position":[[6652,19]]}}}],["dateinput<datetim",{"_index":3643,"t":{"628":{"position":[[11419,20]]}}}],["dateonli",{"_index":448,"t":{"68":{"position":[[202,9],[212,10]]},"628":{"position":[[1658,8],[1823,9],[1833,10],[2003,9],[2013,10],[2877,8],[2952,9],[4993,8],[5029,9],[5947,8],[6702,8],[8832,9],[9295,8],[9383,9],[9403,9]]},"662":{"position":[[8190,9],[8386,9]]},"668":{"position":[[143616,9],[146518,9],[148957,8],[152160,8]]}}}],["dateonly(1977",{"_index":4397,"t":{"668":{"position":[[9047,14],[9169,14],[11547,14],[11669,14],[13826,14],[13948,14],[16627,14],[16749,14],[19807,14],[19929,14],[22949,14],[23071,14],[25631,14],[25753,14],[29570,14],[29809,14],[35485,14],[35607,14],[38133,14],[38255,14],[40709,14],[40831,14],[49411,14],[49650,14],[62264,14],[62386,14],[64970,14],[65092,14],[71095,14],[71217,14],[74345,14],[74467,14],[77457,14],[77579,14],[80942,14],[81064,14],[84123,14],[84245,14],[87149,14],[87271,14],[90590,14],[90712,14],[94804,14],[94926,14],[97627,14],[97749,14],[100422,14],[100544,14],[105643,14],[105765,14],[114076,14],[114198,14],[116296,14],[116418,14],[118763,14],[118885,14],[122907,14],[123029,14],[126817,14],[126939,14],[140473,14],[140595,14],[143061,14],[143175,14],[145845,14],[145981,14]]}}}],["dateonly(1985",{"_index":4386,"t":{"668":{"position":[[8542,14],[8794,14],[11042,14],[11294,14],[13321,14],[13573,14],[16122,14],[16374,14],[19302,14],[19554,14],[22444,14],[22696,14],[25126,14],[25378,14],[28612,14],[29088,14],[34980,14],[35232,14],[37628,14],[37880,14],[40204,14],[40456,14],[48453,14],[48929,14],[61759,14],[62011,14],[64387,14],[64639,14],[66845,14],[67097,14],[70590,14],[70842,14],[73840,14],[74092,14],[76952,14],[77204,14],[80437,14],[80689,14],[83618,14],[83870,14],[86644,14],[86896,14],[90085,14],[90337,14],[94299,14],[94551,14],[97122,14],[97374,14],[99917,14],[100169,14],[105138,14],[105390,14],[113571,14],[113823,14],[115791,14],[116043,14],[118258,14],[118510,14],[122402,14],[122654,14],[126312,14],[126564,14],[139968,14],[140220,14],[142643,14],[142845,14],[145339,14],[145585,14],[148386,14],[148638,14],[151589,14],[151841,14]]}}}],["dateonly(1989",{"_index":4417,"t":{"668":{"position":[[14078,14],[20059,14],[62516,14],[71347,14],[74597,14],[77709,14],[81194,14],[97879,14],[100674,14],[123159,14],[140725,14]]}}}],["dateonly(1990",{"_index":5154,"t":{"668":{"position":[[127275,14],[143460,14],[146332,14]]}}}],["dateonly(1991",{"_index":4395,"t":{"668":{"position":[[8927,14],[9293,14],[11427,14],[11793,14],[13706,14],[14327,14],[16507,14],[16873,14],[19687,14],[20308,14],[22829,14],[23195,14],[25511,14],[25877,14],[29336,14],[30050,14],[35365,14],[35731,14],[38013,14],[38379,14],[40589,14],[40955,14],[49177,14],[49891,14],[62144,14],[62765,14],[64772,14],[65216,14],[67230,14],[70975,14],[71596,14],[74225,14],[74846,14],[77337,14],[77958,14],[80822,14],[81443,14],[84003,14],[84369,14],[87029,14],[87395,14],[90470,14],[90836,14],[94684,14],[95050,14],[97507,14],[98128,14],[100302,14],[100923,14],[105523,14],[113956,14],[116176,14],[118643,14],[122787,14],[123408,14],[126697,14],[127063,14],[140353,14],[140974,14],[142949,14],[143279,14],[145711,14],[146107,14],[148771,14],[151974,14]]}}}],["dateonly(1994",{"_index":4420,"t":{"668":{"position":[[14203,14],[14571,14],[20184,14],[20552,14],[62641,14],[63009,14],[71472,14],[71840,14],[74722,14],[75090,14],[77834,14],[78202,14],[81319,14],[81687,14],[98004,14],[98372,14],[100799,14],[101167,14],[123284,14],[123652,14],[140850,14],[141218,14]]}}}],["dateonly(1995",{"_index":4389,"t":{"668":{"position":[[8665,14],[11165,14],[13444,14],[16245,14],[19425,14],[22567,14],[25249,14],[28848,14],[35103,14],[37751,14],[40327,14],[48689,14],[61882,14],[64510,14],[66968,14],[70713,14],[73963,14],[77075,14],[80560,14],[83741,14],[86767,14],[90208,14],[94422,14],[97245,14],[100040,14],[105261,14],[113694,14],[115914,14],[118381,14],[122525,14],[126435,14],[140091,14],[142743,14],[145461,14],[148509,14],[151712,14]]}}}],["dateonly(1996",{"_index":4405,"t":{"668":{"position":[[9412,14],[11912,14],[14446,14],[16992,14],[20427,14],[23314,14],[25996,14],[30285,14],[35850,14],[38498,14],[41074,14],[50126,14],[62884,14],[65335,14],[71715,14],[74965,14],[78077,14],[81562,14],[84488,14],[87514,14],[90955,14],[95169,14],[98247,14],[101042,14],[123527,14],[141093,14]]}}}],["dateonly(1998",{"_index":4381,"t":{"668":{"position":[[8409,14],[10909,14],[13188,14],[15989,14],[19169,14],[22311,14],[24993,14],[28369,14],[34847,14],[37495,14],[40071,14],[48210,14],[61626,14],[64254,14],[66712,14],[70457,14],[73707,14],[76819,14],[80304,14],[83485,14],[86511,14],[89952,14],[94166,14],[96989,14],[99784,14],[122269,14],[126178,14],[139835,14],[142539,14],[145213,14],[148253,14],[151456,14]]}}}],["dateonly(new",{"_index":5048,"t":{"668":{"position":[[67954,12]]}}}],["dateonly.fromdatetime(d",{"_index":3605,"t":{"628":{"position":[[5181,28]]}}}],["dateonly.fromdatetime(datetime.now",{"_index":3608,"t":{"628":{"position":[[5964,36],[6719,36],[9312,36]]}}}],["dateonly.fromdatetime(datetime.now.adddays(1",{"_index":3559,"t":{"628":{"position":[[1675,47]]}}}],["dateonly.fromdatetime(datetime.now.addmonths(3",{"_index":3572,"t":{"628":{"position":[[2894,49]]}}}],["dateonly.fromdatetime(max",{"_index":3607,"t":{"628":{"position":[[5252,27],[5336,27]]}}}],["dateonly.fromdatetime(min",{"_index":3606,"t":{"628":{"position":[[5217,27],[5301,27]]}}}],["datepick",{"_index":451,"t":{"68":{"position":[[1012,10]]},"74":{"position":[[1058,10]]},"134":{"position":[[2968,10]]},"136":{"position":[[245,10]]},"216":{"position":[[2674,10],[3044,10]]},"234":{"position":[[2683,10],[3053,10]]},"250":{"position":[[810,10]]},"262":{"position":[[337,10]]},"266":{"position":[[1073,10],[1443,10]]},"270":{"position":[[342,10],[712,10]]},"272":{"position":[[2872,10]]},"282":{"position":[[1865,10],[2235,10]]},"284":{"position":[[773,10],[1143,10]]},"296":{"position":[[337,10]]},"298":{"position":[[343,10]]},"300":{"position":[[1059,10]]},"316":{"position":[[1866,10],[2236,10]]},"320":{"position":[[2677,10],[3047,10]]},"328":{"position":[[804,10]]},"354":{"position":[[1067,10],[1437,10]]},"356":{"position":[[20,12],[336,10],[706,10]]},"366":{"position":[[2039,10]]},"390":{"position":[[2771,10],[3141,10]]},"398":{"position":[[767,10],[1137,10]]},"430":{"position":[[337,10]]},"434":{"position":[[1053,10]]},"520":{"position":[[289,10]]},"526":{"position":[[333,10]]}}}],["datepicker2",{"_index":859,"t":{"142":{"position":[[1381,11]]}}}],["datetim",{"_index":449,"t":{"68":{"position":[[223,9],[237,9]]},"606":{"position":[[3114,9],[4607,9],[6096,9],[7757,9],[9701,9],[11366,9]]},"628":{"position":[[1844,9],[1858,10],[2024,9],[2038,10],[2977,8],[3029,9],[4842,8],[4893,8],[4944,8],[5066,8],[5102,9],[11557,9],[11590,9],[12758,9],[12847,9]]}}}],["datetime.now",{"_index":1462,"t":{"574":{"position":[[5388,16]]},"582":{"position":[[6020,17]]},"588":{"position":[[6716,17]]},"606":{"position":[[3044,18],[3124,16],[4617,16],[6026,18],[6106,16],[7674,18],[7767,16],[9631,18],[9711,16],[11296,18],[11376,16]]}}}],["datetime.now.addmonth",{"_index":3595,"t":{"628":{"position":[[4908,23]]}}}],["datetime.now.addmonths(3",{"_index":3575,"t":{"628":{"position":[[2994,26],[4858,26],[5372,26]]}}}],["datetime.now.addyears(1",{"_index":3596,"t":{"628":{"position":[[4959,25]]}}}],["datetime.now.tolocaltim",{"_index":1565,"t":{"576":{"position":[[4813,31],[4921,31],[5031,31],[5141,31]]},"626":{"position":[[11597,31]]},"628":{"position":[[12358,32]]},"630":{"position":[[17435,31]]},"634":{"position":[[2845,31]]},"662":{"position":[[7807,32],[11631,32]]}}}],["datetime.now.tolongtimestr",{"_index":1511,"t":{"574":{"position":[[8904,35]]},"608":{"position":[[1927,35]]}}}],["davison",{"_index":4491,"t":{"668":{"position":[[30164,10],[50005,10]]}}}],["day",{"_index":3253,"t":{"620":{"position":[[11053,5]]},"636":{"position":[[6252,5]]},"638":{"position":[[6033,5]]},"640":{"position":[[6776,5]]},"650":{"position":[[5676,5]]}}}],["db",{"_index":1628,"t":{"578":{"position":[[3852,2]]},"582":{"position":[[4684,2],[6865,2]]},"588":{"position":[[5437,2],[7550,2]]}}}],["dd",{"_index":3549,"t":{"628":{"position":[[821,3],[927,3]]}}}],["de",{"_index":3097,"t":{"616":{"position":[[14067,3],[14071,4]]},"618":{"position":[[10603,3],[10607,4]]},"630":{"position":[[3249,3],[15415,3]]}}}],["de</b></label",{"_index":3693,"t":{"630":{"position":[[3172,14],[15334,14]]}}}],["de_d",{"_index":3095,"t":{"616":{"position":[[12723,8]]},"618":{"position":[[8287,8]]}}}],["debounc",{"_index":435,"t":{"64":{"position":[[221,10]]}}}],["decemb",{"_index":166,"t":{"4":{"position":[[23,8]]},"10":{"position":[[23,8]]},"12":{"position":[[23,8]]},"14":{"position":[[23,8]]},"50":{"position":[[24,8]]},"52":{"position":[[24,8]]},"58":{"position":[[24,8]]},"130":{"position":[[5,8],[48,8],[91,8],[134,8],[267,8],[311,8],[355,8]]},"136":{"position":[[2141,8],[2430,8],[2689,8]]},"140":{"position":[[1428,8],[1657,8],[1827,8]]},"144":{"position":[[23,8]]},"146":{"position":[[66,8]]},"148":{"position":[[2039,8]]},"162":{"position":[[77,8],[336,8]]},"168":{"position":[[83,8]]},"186":{"position":[[75,8]]},"222":{"position":[[1842,8],[2131,8],[2390,8]]},"224":{"position":[[1213,8]]},"236":{"position":[[1851,8],[2140,8],[2399,8]]},"244":{"position":[[1295,8],[1524,8],[1694,8],[1930,8]]},"260":{"position":[[760,8]]},"278":{"position":[[74,8]]},"290":{"position":[[505,8]]},"446":{"position":[[67,8]]},"448":{"position":[[67,8]]},"450":{"position":[[67,8]]},"452":{"position":[[67,8]]},"500":{"position":[[68,8]]},"504":{"position":[[68,8]]},"506":{"position":[[68,8]]},"616":{"position":[[5814,10]]},"618":{"position":[[8799,10]]},"620":{"position":[[11627,10],[14488,10]]}}}],["decim",{"_index":3446,"t":{"626":{"position":[[1829,8],[1842,9],[2995,7],[3181,8],[3472,7],[3497,8],[4317,8],[5122,8],[5833,7],[10658,8],[10772,8],[10928,8],[11422,8]]},"630":{"position":[[6109,8],[6122,9],[6994,7],[7133,8],[7377,7],[7402,8],[8252,8],[9018,7],[14023,8],[14136,8],[14292,8],[14339,7],[16441,7],[16481,7],[16521,7],[16561,7],[16601,7],[16641,7],[16681,7],[16721,7],[16761,7],[17260,8],[17853,7]]},"632":{"position":[[3550,8],[5269,7],[5410,7],[6252,7]]},"660":{"position":[[21579,8],[21693,8],[21849,8]]}}}],["decision'bi",{"_index":4029,"t":{"660":{"position":[[212,11]]}}}],["decor",{"_index":2827,"t":{"610":{"position":[[2972,10],[3121,10]]}}}],["decreas",{"_index":2265,"t":{"596":{"position":[[916,8],[2313,8]]},"668":{"position":[[26155,8]]}}}],["decreaseprogressbar",{"_index":2285,"t":{"596":{"position":[[2268,21],[3009,21]]}}}],["decreasewidth",{"_index":2264,"t":{"596":{"position":[[902,13]]}}}],["dedic",{"_index":125,"t":{"2":{"position":[[2787,10]]},"118":{"position":[[952,10]]}}}],["default",{"_index":282,"t":{"30":{"position":[[287,7],[370,7]]},"34":{"position":[[306,7],[326,7]]},"70":{"position":[[225,7]]},"72":{"position":[[420,7]]},"92":{"position":[[232,7]]},"114":{"position":[[449,7]]},"560":{"position":[[219,7]]},"564":{"position":[[205,7]]},"566":{"position":[[165,7],[596,7],[1723,7]]},"568":{"position":[[166,7],[1882,7],[2463,8],[2724,7],[3014,8],[3275,7],[3564,8],[3825,7],[4327,8],[4588,7],[4952,8],[5213,7],[5575,8],[5836,7],[6317,8],[6578,7],[6868,8],[7129,7],[7418,8],[7679,7],[7884,7],[7983,8],[8119,8],[8380,7],[8684,8],[8945,7],[9234,8],[9495,7],[9949,8],[10210,7],[10500,8],[10761,7],[11050,8],[11311,7],[12129,8],[12390,7],[12692,8],[12953,7],[13254,8],[13515,7],[13812,8],[14073,7],[14360,8],[14621,7],[14920,8],[15181,7],[16715,9],[18446,8],[18707,7],[18997,8],[19258,7],[19547,8],[19808,7],[20249,9],[20831,8],[21092,7],[21404,8],[21665,7],[21976,8],[22237,7],[22462,9],[22523,9],[23605,7]]},"572":{"position":[[136,7]]},"574":{"position":[[190,7]]},"576":{"position":[[170,7],[2095,7],[2223,9],[3097,7],[3192,9],[4262,7],[4465,9]]},"578":{"position":[[709,7],[8271,8],[8575,9]]},"580":{"position":[[389,7],[726,7],[907,7],[1087,7],[1268,7],[1521,7],[1957,7],[2213,7],[2393,7]]},"582":{"position":[[197,7],[2658,7],[2848,8],[3255,7],[3812,9],[4545,9],[5562,9],[6647,9],[11684,7]]},"586":{"position":[[215,7],[500,7],[1337,8]]},"588":{"position":[[196,7],[4585,9],[6274,9]]},"590":{"position":[[187,7]]},"592":{"position":[[418,7],[2242,7]]},"594":{"position":[[178,7]]},"596":{"position":[[232,7],[475,7],[544,7]]},"598":{"position":[[152,7],[400,7],[869,7],[1055,7],[1309,7],[1804,8]]},"600":{"position":[[226,7],[983,7],[15416,7]]},"602":{"position":[[421,7],[7362,9]]},"604":{"position":[[167,7]]},"606":{"position":[[612,7],[1162,7],[4763,7],[6297,7],[8076,7],[9851,8]]},"608":{"position":[[173,7]]},"610":{"position":[[402,7]]},"612":{"position":[[139,7],[1548,7],[12438,9],[12878,8],[13596,9],[14292,9],[14337,9],[15560,9],[15620,9]]},"614":{"position":[[217,7],[604,7],[639,7]]},"616":{"position":[[259,7],[1390,7],[1653,7],[3344,7],[3583,7],[3892,8],[3924,7],[5514,9],[5566,9],[5606,9],[9197,9],[9249,9],[9289,9],[10595,9],[10647,9],[10687,9],[12566,8],[12598,7],[12823,9],[12875,9],[12915,9],[14921,9],[14973,9],[15013,9]]},"618":{"position":[[355,7],[1486,7],[1759,7],[2958,7],[3215,7],[3301,8],[3333,7],[4571,9],[4633,9],[4673,9],[8130,8],[8162,7],[8460,9],[8514,9],[8554,9],[11659,9],[11721,9],[11761,9]]},"620":{"position":[[404,7],[1535,7],[1800,7],[5309,7],[5548,7],[5857,8],[5889,7],[7564,9],[7618,9],[7658,9],[11288,9],[11342,9],[11382,9],[14149,9],[14203,9],[14243,9]]},"622":{"position":[[253,7],[3855,8],[6558,7],[11140,9],[11239,9],[12624,9],[12664,9],[12733,9],[13599,7]]},"624":{"position":[[200,7],[1331,7],[1594,7],[2691,7],[2938,7],[3024,8],[3056,7],[4269,9],[4321,9],[4361,9],[8063,9],[8115,9],[8155,9],[12271,9],[12323,9],[12363,9]]},"626":{"position":[[215,7],[1352,8],[4472,8],[5901,8],[7522,9]]},"628":{"position":[[328,7],[6684,9],[11455,9]]},"630":{"position":[[207,7],[1870,8],[5670,7],[9086,8],[10749,9]]},"632":{"position":[[154,7],[864,7],[3181,9],[3432,8],[3470,7]]},"634":{"position":[[177,7],[2063,9]]},"636":{"position":[[1302,7],[3095,7],[3119,7],[6227,7],[7526,9],[7576,9],[8364,7]]},"638":{"position":[[2558,7],[2582,7],[6008,7],[8904,7]]},"640":{"position":[[2910,7],[2934,7],[6751,7],[8050,9],[8100,9],[8901,7]]},"642":{"position":[[2945,7],[2969,7],[6949,9],[6999,9],[7795,7]]},"644":{"position":[[2945,7],[2969,7],[7110,9],[7160,9],[7956,7]]},"646":{"position":[[2573,7],[2597,7],[3152,7]]},"648":{"position":[[2573,7],[2597,7],[3331,7]]},"650":{"position":[[2603,7],[2627,7],[5651,7],[7792,7]]},"652":{"position":[[1024,9],[1074,9]]},"654":{"position":[[1029,9],[1079,9]]},"656":{"position":[[2599,7],[2623,7],[7652,7]]},"658":{"position":[[356,7],[1904,9],[3087,9],[3863,9],[4279,9],[4712,9],[5325,9]]},"660":{"position":[[266,7],[1058,7],[1326,7],[1696,7],[1986,7],[2169,7],[16339,8],[20580,9],[21925,8],[24365,9]]},"662":{"position":[[332,7],[4802,9],[10698,9]]},"664":{"position":[[234,7],[1006,7],[9392,9],[11865,9],[14295,9],[24229,7]]},"666":{"position":[[223,7],[1499,7]]},"668":{"position":[[212,7],[4130,8],[4289,7],[5840,7],[6194,7],[7111,7],[9830,8],[12344,7],[18585,9],[20798,7],[20880,7],[20916,7],[23610,8],[32231,9],[32991,7],[33061,7],[33142,7],[33198,7],[33399,7],[38663,8],[41222,8],[50266,8],[60287,9],[60386,9],[60906,7],[66509,9],[79571,9],[81827,8],[82847,9],[85873,9],[89368,9],[91788,7],[93528,9],[96459,9],[99254,9],[104599,9],[113032,9],[115199,9],[115252,9],[117666,9],[117719,9],[120630,9],[125480,9],[125533,9],[129144,9],[131797,9],[134487,9],[137292,9],[139305,9],[141928,9],[141972,9],[144580,9],[144624,9],[152543,7],[152665,7]]}}}],["defin",{"_index":3544,"t":{"628":{"position":[[172,7]]},"660":{"position":[[1547,8]]},"662":{"position":[[176,7]]},"668":{"position":[[78360,6],[78411,8]]}}}],["degrad",{"_index":3553,"t":{"628":{"position":[[1457,8]]},"662":{"position":[[1401,8]]}}}],["degre",{"_index":3219,"t":{"620":{"position":[[4241,8]]}}}],["delay",{"_index":2673,"t":{"606":{"position":[[715,5],[747,5],[4752,6],[4771,5],[4821,5],[6286,6],[6305,5],[6355,5]]}}}],["delay=\"4000",{"_index":2740,"t":{"606":{"position":[[11636,12]]},"636":{"position":[[7439,12]]},"640":{"position":[[7963,12]]},"642":{"position":[[6862,12]]},"644":{"position":[[7023,12]]}}}],["delay=\"6000",{"_index":2710,"t":{"606":{"position":[[4941,12],[6531,12]]}}}],["deleg",{"_index":2517,"t":{"602":{"position":[[861,8]]},"668":{"position":[[88034,8]]}}}],["delet",{"_index":1599,"t":{"578":{"position":[[1686,6],[1871,6],[1907,6],[1931,7],[2612,6],[2945,6],[3017,6],[3139,7],[3230,8]]},"598":{"position":[[4071,6],[7225,6]]},"606":{"position":[[9926,7]]},"612":{"position":[[14756,8]]},"636":{"position":[[3242,6],[3315,6],[3356,6]]},"638":{"position":[[2697,6],[2753,6]]},"640":{"position":[[3057,6],[3130,6],[3171,6]]},"642":{"position":[[3092,6],[3165,6],[3206,6]]},"644":{"position":[[3092,6],[3165,6],[3206,6]]},"646":{"position":[[2720,6],[2776,6]]},"648":{"position":[[2720,6],[2793,6],[2834,6]]},"650":{"position":[[2742,6],[2798,6]]},"656":{"position":[[2738,6],[2794,6]]}}}],["delete.png",{"_index":2424,"t":{"598":{"position":[[9351,11]]}}}],["deleteemployeeasync",{"_index":1610,"t":{"578":{"position":[[2744,21]]}}}],["demo",{"_index":51,"t":{"2":{"position":[[843,4]]},"12":{"position":[[165,5],[270,5],[283,4]]},"14":{"position":[[182,4],[267,4],[307,4]]},"16":{"position":[[197,4],[262,4]]},"18":{"position":[[232,4]]},"20":{"position":[[291,4]]},"22":{"position":[[201,4]]},"24":{"position":[[227,4]]},"26":{"position":[[200,4]]},"28":{"position":[[235,4]]},"30":{"position":[[564,4],[582,5]]},"32":{"position":[[294,4],[337,5]]},"34":{"position":[[583,4]]},"36":{"position":[[175,4]]},"38":{"position":[[412,4]]},"40":{"position":[[292,4]]},"42":{"position":[[321,4]]},"44":{"position":[[505,5],[557,4],[634,4]]},"46":{"position":[[390,5],[593,4]]},"48":{"position":[[242,5],[423,4]]},"50":{"position":[[241,5],[369,4],[403,4]]},"52":{"position":[[220,5],[343,4],[377,4]]},"54":{"position":[[483,5],[599,4],[628,4]]},"56":{"position":[[207,5],[278,4],[307,4]]},"58":{"position":[[331,5],[407,4],[436,4]]},"60":{"position":[[533,4],[562,4]]},"62":{"position":[[240,4],[269,4]]},"64":{"position":[[299,4],[328,4]]},"66":{"position":[[264,4],[293,4]]},"68":{"position":[[741,4],[770,4]]},"70":{"position":[[430,4],[459,4]]},"72":{"position":[[738,4],[767,4]]},"74":{"position":[[717,4],[746,4]]},"76":{"position":[[231,4],[260,4]]},"78":{"position":[[314,4],[343,4]]},"80":{"position":[[1356,4],[1385,4]]},"82":{"position":[[392,4],[421,4]]},"84":{"position":[[281,4],[310,4]]},"86":{"position":[[320,4],[349,4]]},"88":{"position":[[524,4],[553,4]]},"90":{"position":[[205,4],[234,4]]},"92":{"position":[[295,4],[324,4]]},"94":{"position":[[206,4],[235,4]]},"96":{"position":[[679,4],[708,4]]},"98":{"position":[[280,4],[309,4]]},"100":{"position":[[398,4],[427,4]]},"102":{"position":[[1162,4],[1191,4]]},"104":{"position":[[707,4],[736,4]]},"106":{"position":[[424,4],[453,4]]},"108":{"position":[[520,4],[549,4]]},"110":{"position":[[706,5],[1088,4],[1117,4]]},"112":{"position":[[268,4],[297,4]]},"114":{"position":[[806,4],[835,4]]},"116":{"position":[[350,4],[379,4]]},"120":{"position":[[381,5],[394,4],[423,4]]},"122":{"position":[[335,5],[348,4],[377,4]]},"124":{"position":[[834,5],[1502,4],[1531,4]]},"126":{"position":[[167,4],[258,5],[292,4],[321,4]]},"128":{"position":[[531,5],[652,5],[681,4],[710,4]]},"138":{"position":[[2082,4]]},"140":{"position":[[1570,5]]},"146":{"position":[[208,5]]},"148":{"position":[[2479,4]]},"154":{"position":[[887,4]]},"228":{"position":[[896,4]]},"238":{"position":[[1729,4]]},"244":{"position":[[1437,5]]},"310":{"position":[[890,4]]},"342":{"position":[[217,4]]},"368":{"position":[[885,4]]},"452":{"position":[[209,5]]},"482":{"position":[[219,4]]},"558":{"position":[[211,4]]},"560":{"position":[[985,4],[1599,4],[2341,4]]},"564":{"position":[[1620,4],[2180,5],[2857,5],[3569,5]]},"566":{"position":[[1648,4],[2855,4],[5292,4],[7826,4]]},"568":{"position":[[4015,4],[6026,4],[7869,4],[9685,4],[11501,4],[17979,4],[20437,4],[23421,4]]},"570":{"position":[[311,4],[600,4],[699,4],[795,4],[885,4]]},"572":{"position":[[1150,4],[2412,4],[3290,4],[3970,4],[6889,4],[7295,4]]},"574":{"position":[[2412,4],[2629,4],[3165,4],[3802,4],[4589,4],[5450,4],[6397,4],[6771,4],[7346,4],[7782,4],[8456,4],[8946,4],[9705,4]]},"576":{"position":[[2453,4],[3422,4]]},"578":{"position":[[2087,4],[3970,4],[4690,4],[5776,4],[5927,4],[6936,4],[8214,4],[8876,4]]},"580":{"position":[[3109,4],[3463,4],[3862,4],[4785,4],[5093,4],[5893,4],[6305,4],[7130,4],[8247,4],[10578,4],[11986,4],[13322,4]]},"582":{"position":[[3239,4],[4787,4],[6967,4],[7377,4],[11607,4],[15854,4],[21325,4]]},"586":{"position":[[1097,4],[1316,4],[2126,4],[2560,4],[3479,4]]},"588":{"position":[[4102,4],[5540,4],[7652,4],[8595,4],[8745,4],[9582,4],[9773,4],[10459,4],[11549,4],[12416,4],[14013,4],[15242,4]]},"590":{"position":[[1946,4],[2213,4],[2412,4],[2765,4],[2999,4],[3346,4]]},"592":{"position":[[1538,4],[2198,4],[3683,4]]},"594":{"position":[[1051,4]]},"596":{"position":[[1994,4],[2206,4],[3243,4],[3651,4],[4463,4],[5834,4],[6213,4],[7167,4],[8275,4]]},"598":{"position":[[6692,4],[9669,4]]},"600":{"position":[[3762,4],[6338,4],[9353,4],[12347,4],[15345,4],[17476,4]]},"602":{"position":[[2901,4],[8168,4],[10303,4],[10803,4],[11755,4],[12568,4],[13597,4],[13835,4]]},"604":{"position":[[803,4],[1339,4],[2006,4],[2738,4],[2822,4],[3090,4],[3199,4],[3297,4],[4167,4],[4658,4]]},"606":{"position":[[3157,4],[4664,4],[6149,4],[7991,4],[9771,4],[11402,4]]},"608":{"position":[[1080,4],[1315,4],[1567,4],[1969,4],[2125,4]]},"610":{"position":[[1028,4],[1276,4],[2818,4],[2921,4],[3063,4],[3230,4],[3568,4],[3706,4],[4313,4]]},"612":{"position":[[2909,4],[3842,4],[4879,4],[5929,4],[6777,4],[7363,4],[8043,4],[8649,4],[9263,4],[11333,4],[11831,4],[12941,4],[13787,4],[14684,4],[16104,4]]},"614":{"position":[[754,4],[961,4],[1362,4]]},"616":{"position":[[9073,4],[10474,4],[12544,4],[14806,4],[16990,4]]},"618":{"position":[[8108,4],[11238,4],[15307,4]]},"620":{"position":[[14031,4],[17278,4]]},"622":{"position":[[3705,4],[5576,4],[6544,4],[8140,4],[10486,4],[13405,4]]},"624":{"position":[[7662,4],[11533,4],[14831,4]]},"626":{"position":[[1657,4],[3521,4],[4340,4],[5146,4],[5864,4],[6348,4],[7655,4],[10965,4],[11637,4]]},"628":{"position":[[1729,4],[3052,4],[5469,4],[6854,4],[8970,4],[9421,4]]},"630":{"position":[[2150,4],[4545,4],[4882,4],[5395,4],[5935,4],[7426,4],[8275,4],[9049,4],[9561,4],[10886,4],[14329,4],[16799,4],[17475,4]]},"632":{"position":[[2026,4],[3317,4],[4145,4],[5259,4],[5437,4],[6100,4]]},"634":{"position":[[1003,4],[2194,4],[2394,4],[2885,4]]},"658":{"position":[[218,4],[2137,4],[3348,4],[4095,4],[4545,4],[4933,4]]},"660":{"position":[[4053,4],[6238,4],[8824,4],[10611,4],[11678,4],[12282,4],[13329,4],[14395,4],[14908,4],[16310,4],[17088,4],[17599,4],[18164,4],[18660,4],[21890,4],[23711,4],[24578,4],[25514,4]]},"662":{"position":[[1622,4],[2224,4],[3638,4],[4971,4],[8525,4],[8972,4]]},"664":{"position":[[2677,4],[4592,4],[6516,4],[8775,4],[11185,4],[13658,4],[16088,4],[18479,4],[22248,4],[24158,4],[25229,4]]},"666":{"position":[[1406,4],[2227,4],[1358135,4]]},"668":{"position":[[9646,4],[12146,4],[14806,4],[17226,4],[20784,4],[23366,4],[26048,4],[30352,4],[32977,4],[35902,4],[38550,4],[41126,4],[43594,4],[46182,4],[50193,4],[51177,4],[58613,4],[63062,4],[65387,4],[68521,4],[71893,4],[75143,4],[78255,4],[81740,4],[84719,4],[87860,4],[91469,4],[98479,4],[101220,4],[105818,4],[114251,4],[116700,4],[119180,4],[123705,4],[127327,4],[129888,4],[132541,4],[135231,4],[138036,4],[141271,4],[143760,4],[146662,4],[149027,4],[152230,4]]}}}],["demonstr",{"_index":2094,"t":{"588":{"position":[[9102,13],[10859,13]]},"612":{"position":[[3934,12]]},"624":{"position":[[11580,12]]},"636":{"position":[[985,13],[3152,13]]},"638":{"position":[[2615,13]]},"640":{"position":[[983,13],[2967,13]]},"642":{"position":[[997,13],[3002,13]]},"644":{"position":[[997,13],[3002,13]]},"646":{"position":[[2630,13]]},"648":{"position":[[2630,13]]},"650":{"position":[[2660,13]]},"656":{"position":[[2656,13]]}}}],["denot",{"_index":1149,"t":{"566":{"position":[[3118,7],[3606,7],[4095,7],[4581,7],[5066,7],[5576,7],[6083,7],[6591,7],[7096,7],[7600,7]]},"572":{"position":[[2208,7]]},"602":{"position":[[10872,7]]}}}],["depart",{"_index":5022,"t":{"668":{"position":[[63222,10],[63317,10],[63331,12],[64059,11],[65547,10]]}}}],["department(\"product",{"_index":5028,"t":{"668":{"position":[[64102,19],[64821,19]]}}}],["departur",{"_index":4196,"t":{"662":{"position":[[8154,10],[8253,10],[9226,10],[11884,10]]}}}],["departured",{"_index":4197,"t":{"662":{"position":[[8200,13]]}}}],["departuretim",{"_index":4198,"t":{"662":{"position":[[8299,13],[11051,14],[11071,14],[11299,14],[11930,13]]}}}],["departuretime.hasvalu",{"_index":4213,"t":{"662":{"position":[[11097,24]]}}}],["departuretime.value.addhours(1",{"_index":4215,"t":{"662":{"position":[[11362,32]]}}}],["departuretime.value.addhours(12",{"_index":4216,"t":{"662":{"position":[[11412,33]]}}}],["departuretimechanged(timeonli",{"_index":4212,"t":{"662":{"position":[[11020,30]]}}}],["departuretimechanged(valu",{"_index":4205,"t":{"662":{"position":[[9846,28]]}}}],["depend",{"_index":1114,"t":{"564":{"position":[[3769,9]]},"576":{"position":[[1451,9]]},"620":{"position":[[343,9],[4776,7]]}}}],["descript",{"_index":979,"t":{"560":{"position":[[236,11]]},"564":{"position":[[222,11],[499,11],[609,11]]},"566":{"position":[[182,11]]},"568":{"position":[[183,11],[560,11],[1391,11],[1899,11]]},"572":{"position":[[153,11]]},"574":{"position":[[207,11],[1593,11]]},"576":{"position":[[187,11],[520,11],[717,11]]},"578":{"position":[[185,11],[717,11]]},"580":{"position":[[406,11],[743,11],[924,11],[1104,11],[1285,11],[1538,11],[1974,11],[2230,11],[2410,11]]},"582":{"position":[[214,11],[1346,11],[1965,11]]},"586":{"position":[[232,11],[517,11]]},"588":{"position":[[213,11],[1798,11],[2269,11]]},"590":{"position":[[204,11],[1428,11]]},"592":{"position":[[435,11],[671,11]]},"594":{"position":[[195,11],[523,11]]},"596":{"position":[[249,11],[561,11],[890,11]]},"598":{"position":[[169,11],[417,11],[886,11],[1072,11],[1326,11],[2333,11],[2901,11],[3415,11]]},"600":{"position":[[243,11],[837,11],[1000,11]]},"602":{"position":[[438,11],[1987,11]]},"604":{"position":[[184,11]]},"606":{"position":[[629,11],[1141,11]]},"608":{"position":[[152,11]]},"610":{"position":[[419,11]]},"612":{"position":[[156,11],[439,11],[1123,11],[1565,11],[2058,11]]},"614":{"position":[[234,11]]},"616":{"position":[[276,11],[610,11],[1407,11],[1670,11],[3361,11],[3600,11]]},"618":{"position":[[372,11],[706,11],[1503,11],[1776,11],[2975,11],[3232,11]]},"620":{"position":[[421,11],[755,11],[1552,11],[1817,11],[5326,11],[5565,11]]},"622":{"position":[[270,11],[1176,11],[1421,11],[1773,11]]},"624":{"position":[[217,11],[551,11],[1348,11],[1611,11],[2708,11],[2955,11]]},"626":{"position":[[232,11],[1135,11],[1224,11]]},"628":{"position":[[345,11],[1130,11],[1237,11]]},"630":{"position":[[224,11],[1647,11],[1740,11]]},"632":{"position":[[171,11],[614,11],[729,11],[881,11]]},"634":{"position":[[194,11],[484,11],[597,11]]},"658":{"position":[[335,11]]},"660":{"position":[[283,11],[1075,11],[1343,11],[1713,11],[2003,11],[2186,11],[2815,11],[3182,11]]},"662":{"position":[[349,11],[1074,11],[1181,11]]},"664":{"position":[[251,11],[864,11],[1023,11]]},"666":{"position":[[240,11],[537,11]]},"668":{"position":[[229,11],[3373,11],[3993,11],[4306,11],[7128,11]]}}}],["design",{"_index":1291,"t":{"570":{"position":[[78,8]]},"582":{"position":[[3007,6]]},"606":{"position":[[209,8]]},"660":{"position":[[205,6]]},"668":{"position":[[8370,11],[8492,11],[8624,11],[8747,11],[8879,11],[9010,11],[9132,11],[9253,11],[9375,11],[10870,11],[10992,11],[11124,11],[11247,11],[11379,11],[11510,11],[11632,11],[11753,11],[11875,11],[13149,11],[13271,11],[13403,11],[13526,11],[13658,11],[13789,11],[13911,11],[14033,11],[14163,11],[14287,11],[14409,11],[14530,11],[15950,11],[16072,11],[16204,11],[16327,11],[16459,11],[16590,11],[16712,11],[16833,11],[16955,11],[19130,11],[19252,11],[19384,11],[19507,11],[19639,11],[19770,11],[19892,11],[20014,11],[20144,11],[20268,11],[20390,11],[20511,11],[22272,11],[22394,11],[22526,11],[22649,11],[22781,11],[22912,11],[23034,11],[23155,11],[23277,11],[24954,11],[25076,11],[25208,11],[25331,11],[25463,11],[25594,11],[25716,11],[25837,11],[25959,11],[28330,11],[28562,11],[28807,11],[29041,11],[29288,11],[29533,11],[29772,11],[30010,11],[30248,11],[34808,11],[34930,11],[35062,11],[35185,11],[35317,11],[35448,11],[35570,11],[35691,11],[35813,11],[36127,11],[37456,11],[37578,11],[37710,11],[37833,11],[37965,11],[38096,11],[38218,11],[38339,11],[38461,11],[40032,11],[40154,11],[40286,11],[40409,11],[40541,11],[40672,11],[40794,11],[40915,11],[41037,11],[42648,11],[42751,11],[42867,11],[42973,11],[43089,11],[43207,11],[43312,11],[43416,11],[43522,11],[45236,11],[45339,11],[45455,11],[45561,11],[45677,11],[45795,11],[45900,11],[46004,11],[46110,11],[48171,11],[48403,11],[48648,11],[48882,11],[49129,11],[49374,11],[49613,11],[49851,11],[50089,11],[61587,11],[61709,11],[61841,11],[61964,11],[62096,11],[62227,11],[62349,11],[62471,11],[62601,11],[62725,11],[62847,11],[62968,11],[64215,11],[64337,11],[64469,11],[64592,11],[64724,11],[64933,11],[65055,11],[65176,11],[65298,11],[66673,11],[66795,11],[66927,11],[67050,11],[67182,11],[68727,11],[70418,11],[70540,11],[70672,11],[70795,11],[70927,11],[71058,11],[71180,11],[71302,11],[71432,11],[71556,11],[71678,11],[71799,11],[73668,11],[73790,11],[73922,11],[74045,11],[74177,11],[74308,11],[74430,11],[74552,11],[74682,11],[74806,11],[74928,11],[75049,11],[76780,11],[76902,11],[77034,11],[77157,11],[77289,11],[77420,11],[77542,11],[77664,11],[77794,11],[77918,11],[78040,11],[78161,11],[80265,11],[80387,11],[80519,11],[80642,11],[80774,11],[80905,11],[81027,11],[81149,11],[81279,11],[81403,11],[81525,11],[81646,11],[83446,11],[83568,11],[83700,11],[83823,11],[83955,11],[84086,11],[84208,11],[84329,11],[84451,11],[86472,11],[86594,11],[86726,11],[86849,11],[86981,11],[87112,11],[87234,11],[87355,11],[87477,11],[89913,11],[90035,11],[90167,11],[90290,11],[90422,11],[90553,11],[90675,11],[90796,11],[90918,11],[94127,11],[94249,11],[94381,11],[94504,11],[94636,11],[94767,11],[94889,11],[95010,11],[95132,11],[96950,11],[97072,11],[97204,11],[97327,11],[97459,11],[97590,11],[97712,11],[97834,11],[97964,11],[98088,11],[98210,11],[98331,11],[99745,11],[99867,11],[99999,11],[100122,11],[100254,11],[100385,11],[100507,11],[100629,11],[100759,11],[100883,11],[101005,11],[101126,11],[105088,11],[105220,11],[105343,11],[105475,11],[105606,11],[105728,11],[113521,11],[113653,11],[113776,11],[113908,11],[114039,11],[114161,11],[115741,11],[115873,11],[115996,11],[116128,11],[116259,11],[116381,11],[118208,11],[118340,11],[118463,11],[118595,11],[118726,11],[118848,11],[122230,11],[122352,11],[122484,11],[122607,11],[122739,11],[122870,11],[122992,11],[123114,11],[123244,11],[123368,11],[123490,11],[123611,11],[126139,11],[126262,11],[126394,11],[126517,11],[126649,11],[126780,11],[126902,11],[127023,11],[127145,11],[127245,11],[139796,11],[139918,11],[140050,11],[140173,11],[140305,11],[140436,11],[140558,11],[140680,11],[140810,11],[140934,11],[141056,11],[141177,11],[148214,11],[148336,11],[148468,11],[148591,11],[148723,11],[148924,11],[151417,11],[151539,11],[151671,11],[151794,11],[151926,11],[152127,11]]}}}],["desktop",{"_index":2667,"t":{"606":{"position":[[266,7]]}}}],["detail",{"_index":771,"t":{"128":{"position":[[303,7]]},"574":{"position":[[7669,13]]},"582":{"position":[[4045,9],[5897,9]]},"588":{"position":[[4809,9],[6600,9]]},"606":{"position":[[11978,7],[12040,7]]},"636":{"position":[[4923,8]]},"640":{"position":[[4851,8]]},"658":{"position":[[5427,7],[5516,7]]},"668":{"position":[[331,6],[146672,6],[146695,6],[149103,6],[149130,6],[153404,6]]}}}],["determin",{"_index":2518,"t":{"602":{"position":[[875,10]]},"626":{"position":[[518,10]]},"628":{"position":[[557,10]]},"630":{"position":[[598,10],[796,10]]},"634":{"position":[[346,10]]},"662":{"position":[[561,10]]}}}],["dev",{"_index":3869,"t":{"636":{"position":[[4909,3]]},"640":{"position":[[4837,3]]}}}],["develop",{"_index":192,"t":{"8":{"position":[[192,11]]},"144":{"position":[[576,11]]},"242":{"position":[[439,11]]},"440":{"position":[[236,11]]},"664":{"position":[[18509,10]]},"668":{"position":[[64137,13],[64856,13]]}}}],["devic",{"_index":1653,"t":{"578":{"position":[[5867,7]]},"588":{"position":[[8685,7]]},"634":{"position":[[129,6]]},"664":{"position":[[145,6]]}}}],["devop",{"_index":4385,"t":{"668":{"position":[[8514,6],[11014,6],[13293,6],[16094,6],[19274,6],[22416,6],[25098,6],[28584,6],[34952,6],[37600,6],[40176,6],[42773,6],[45361,6],[48425,6],[61731,6],[64359,6],[66817,6],[70562,6],[73812,6],[76924,6],[80409,6],[83590,6],[86616,6],[90057,6],[94271,6],[97094,6],[99889,6],[105110,6],[113543,6],[115763,6],[118230,6],[122374,6],[126284,6],[139940,6],[148358,6],[151561,6]]}}}],["dialog",{"_index":50,"t":{"2":{"position":[[817,7]]},"14":{"position":[[252,6]]},"20":{"position":[[221,6],[312,6],[375,6]]},"46":{"position":[[483,6],[659,6],[825,6],[847,6]]},"48":{"position":[[179,6],[296,6],[451,6],[656,6],[678,6]]},"50":{"position":[[344,6]]},"54":{"position":[[575,6],[704,6],[832,6]]},"104":{"position":[[169,7],[316,6],[341,6]]},"126":{"position":[[141,7]]},"132":{"position":[[726,7]]},"136":{"position":[[1819,6]]},"138":{"position":[[324,6],[346,6],[650,6],[672,6]]},"140":{"position":[[1180,6]]},"148":{"position":[[601,7]]},"154":{"position":[[861,7]]},"162":{"position":[[965,6],[987,6],[1291,6],[1313,6]]},"164":{"position":[[36,7],[382,6],[404,6],[708,6],[730,6]]},"170":{"position":[[28,7],[374,6],[396,6],[700,6],[722,6]]},"192":{"position":[[298,6],[320,6]]},"198":{"position":[[375,6],[397,6],[701,6],[723,6]]},"200":{"position":[[298,6],[320,6]]},"202":{"position":[[375,6],[397,6],[701,6],[723,6]]},"212":{"position":[[374,6],[396,6]]},"218":{"position":[[495,7]]},"220":{"position":[[288,6],[310,6]]},"222":{"position":[[1520,6],[3019,6],[3041,6]]},"224":{"position":[[224,7]]},"228":{"position":[[870,7]]},"236":{"position":[[1529,6],[3028,6],[3050,6]]},"238":{"position":[[297,6],[319,6]]},"240":{"position":[[504,7]]},"244":{"position":[[1047,6]]},"252":{"position":[[218,7]]},"254":{"position":[[226,7]]},"258":{"position":[[336,6]]},"264":{"position":[[330,6]]},"282":{"position":[[217,7],[2613,6]]},"286":{"position":[[219,7]]},"306":{"position":[[219,7]]},"308":{"position":[[2537,7]]},"310":{"position":[[864,7]]},"312":{"position":[[777,6]]},"314":{"position":[[498,7]]},"322":{"position":[[1523,6]]},"326":{"position":[[212,7]]},"342":{"position":[[191,7],[790,7]]},"344":{"position":[[30,7],[259,6]]},"348":{"position":[[330,6]]},"358":{"position":[[21,8],[324,6]]},"360":{"position":[[1433,7]]},"368":{"position":[[859,7]]},"370":{"position":[[250,6]]},"388":{"position":[[323,6]]},"390":{"position":[[1123,7]]},"394":{"position":[[218,7]]},"416":{"position":[[889,7]]},"436":{"position":[[1151,6]]},"442":{"position":[[527,7]]},"454":{"position":[[251,6]]},"480":{"position":[[288,6],[310,6]]},"484":{"position":[[368,6],[390,6]]},"490":{"position":[[214,7]]},"516":{"position":[[324,6]]},"558":{"position":[[185,7]]},"574":{"position":[[104,8]]},"576":{"position":[[5281,6]]},"578":{"position":[[19,6],[54,6],[90,6],[327,7],[474,7],[636,7],[799,6],[817,6],[910,7],[1052,6],[1138,6],[1577,7],[1742,7],[2080,6],[2127,7],[2194,6],[2668,7],[3963,6],[4241,7],[4528,8],[4683,6],[4725,6],[4864,6],[4902,6],[4940,6],[5116,6],[5241,6],[5377,6],[5424,7],[5614,8],[5769,6],[5816,7],[6070,6],[6117,7],[6248,6],[6362,6],[6392,6],[6562,6],[6609,7],[6805,6],[6929,6],[7047,7],[7186,6],[7233,7],[7418,8],[7594,6],[7624,6],[7827,6],[7874,7],[8098,6],[8519,6],[8566,6],[8709,6],[8991,6],[9027,6]]},"588":{"position":[[87,7],[598,6],[616,7]]},"658":{"position":[[106,7]]},"660":{"position":[[25557,6]]}}}],["dialog.showasync",{"_index":1602,"t":{"578":{"position":[[1820,17],[4487,17],[5573,17],[7377,17]]}}}],["dialog.showasync<employeedemocomponent>(\"ar",{"_index":1613,"t":{"578":{"position":[[2879,44]]}}}],["dialog.showasync<longcontentdemocompon",{"_index":1661,"t":{"578":{"position":[[6745,43],[8649,43]]}}}],["dialog.showasync<longcontentdemocomponent>(titl",{"_index":1659,"t":{"578":{"position":[[6189,49],[8039,49]]}}}],["dialog1",{"_index":851,"t":{"142":{"position":[[1300,7],[1393,7]]}}}],["dialog2",{"_index":789,"t":{"142":{"position":[[154,7],[192,7]]}}}],["dialogcssclass",{"_index":1582,"t":{"578":{"position":[[743,14]]},"588":{"position":[[548,14]]}}}],["dialogoptions.isscrollable=\"tru",{"_index":1660,"t":{"578":{"position":[[6416,34],[7648,34]]}}}],["dialogoptions.isverticallycentered=\"tru",{"_index":1662,"t":{"578":{"position":[[6972,41]]}}}],["dialogs",{"_index":1591,"t":{"578":{"position":[[1348,10]]}}}],["dictionari",{"_index":1810,"t":{"582":{"position":[[4890,11],[5139,11]]},"588":{"position":[[5659,11],[5908,11]]}}}],["dictionary<str",{"_index":1580,"t":{"578":{"position":[[515,18],[2789,18]]},"582":{"position":[[3913,18],[5663,18]]},"588":{"position":[[1882,18],[4681,18],[6370,18]]}}}],["dictum",{"_index":1879,"t":{"582":{"position":[[8003,6],[12244,6],[16385,6]]}}}],["differ",{"_index":395,"t":{"54":{"position":[[212,9]]},"68":{"position":[[368,9]]},"574":{"position":[[3787,9],[4116,10]]},"578":{"position":[[2142,9]]},"582":{"position":[[3350,9]]},"588":{"position":[[4148,9]]},"606":{"position":[[3319,9]]},"610":{"position":[[1261,9],[2803,9]]},"616":{"position":[[4594,9]]},"618":{"position":[[168,9],[3963,9]]},"620":{"position":[[6560,9]]},"624":{"position":[[156,9],[3681,9]]},"630":{"position":[[2190,9],[17616,9]]},"668":{"position":[[63212,9],[65537,9]]}}}],["digit",{"_index":3672,"t":{"630":{"position":[[1052,6],[1213,6],[1292,6],[1348,6],[4907,6],[4926,7],[17670,6],[17689,6]]}}}],["dignissim",{"_index":1902,"t":{"582":{"position":[[8237,9],[8526,9],[9389,9],[10303,9],[10361,10],[10960,9],[12478,9],[12767,9],[13630,9],[14544,9],[14602,10],[15201,9],[16619,9],[16908,9],[17771,9],[18685,9],[18743,10],[19342,9]]}}}],["dikshita",{"_index":3308,"t":{"622":{"position":[[3227,9],[5098,9],[7723,9]]}}}],["dimens",{"_index":1760,"t":{"580":{"position":[[10786,10]]}}}],["dire",{"_index":4481,"t":{"668":{"position":[[29205,7],[49046,7]]}}}],["direct",{"_index":621,"t":{"102":{"position":[[290,10]]},"574":{"position":[[7861,11]]},"660":{"position":[[688,9],[760,9],[10622,11],[16616,10],[25814,10]]},"668":{"position":[[5186,9],[6207,9],[33155,9]]}}}],["direction=\"dropdowndirection.dropend",{"_index":4078,"t":{"660":{"position":[[12360,37],[12462,38],[12856,37]]}}}],["direction=\"dropdowndirection.dropstart",{"_index":4082,"t":{"660":{"position":[[13416,39],[13520,40],[13918,39]]}}}],["direction=\"dropdowndirection.dropup",{"_index":4072,"t":{"660":{"position":[[10690,36],[10791,37],[11200,36]]}}}],["direction=\"dropdowndirection.dropupcent",{"_index":4075,"t":{"660":{"position":[[11759,44],[11868,45]]}}}],["directli",{"_index":689,"t":{"110":{"position":[[311,8]]},"594":{"position":[[461,8]]},"666":{"position":[[116,8]]}}}],["directori",{"_index":3836,"t":{"636":{"position":[[3304,10]]},"638":{"position":[[2742,10]]},"640":{"position":[[3119,10]]},"642":{"position":[[3154,10]]},"644":{"position":[[3154,10]]},"646":{"position":[[2765,10]]},"648":{"position":[[2782,10]]},"650":{"position":[[2787,10]]},"656":{"position":[[2783,10]]}}}],["disab",{"_index":1663,"t":{"578":{"position":[[8326,6]]}}}],["disabl",{"_index":283,"t":{"30":{"position":[[305,7],[386,7]]},"44":{"position":[[354,7],[455,7]]},"68":{"position":[[286,7]]},"70":{"position":[[273,8]]},"72":{"position":[[593,7]]},"74":{"position":[[254,7]]},"80":{"position":[[242,7],[260,7],[407,7],[440,7],[465,9],[554,7],[587,7],[612,9],[697,7],[730,7],[755,9],[842,7],[875,7],[900,9],[981,7],[1014,7],[1039,9],[1124,7],[1157,7],[1182,9]]},"102":{"position":[[358,8]]},"106":{"position":[[265,7]]},"110":{"position":[[489,8]]},"574":{"position":[[531,8],[575,8],[1725,8],[3813,8],[3931,8],[4043,8],[4574,8],[4600,7],[5413,7],[6708,8],[9834,8],[9849,7]]},"578":{"position":[[8225,7],[9122,7]]},"580":{"position":[[1669,8],[1698,8]]},"590":{"position":[[2224,8],[3473,8]]},"598":{"position":[[597,8],[634,8]]},"602":{"position":[[794,8],[912,9],[10314,7],[10339,7],[11766,7],[11850,8],[13976,7],[13999,7]]},"606":{"position":[[7787,7]]},"608":{"position":[[1091,8],[1286,8],[2210,8]]},"612":{"position":[[1745,8],[1782,8],[4890,7],[4903,7],[16287,7]]},"622":{"position":[[395,8],[432,8],[1202,9],[1217,8],[10496,8],[10513,8],[10535,7],[11012,7],[11163,8],[11830,8],[11861,9],[11874,8],[11916,8],[11927,10],[11963,9],[11995,7],[12046,8],[12080,9],[12478,7],[13312,9],[13625,7]]},"626":{"position":[[435,8],[472,8],[1147,9],[1157,8],[6358,8],[6375,8],[6397,7],[6719,7],[6851,8],[6893,8],[6924,9],[6937,8],[6979,8],[6990,10],[7026,9],[7058,7],[7108,8],[7142,9],[7384,7],[7566,9],[11821,7]]},"628":{"position":[[474,8],[511,8],[1156,7],[1164,8],[5479,8],[5496,8],[5518,7],[5841,7],[6014,8],[6056,8],[6087,9],[6100,8],[6142,8],[6153,10],[6189,9],[6221,7],[6269,8],[6303,9],[6546,7],[6769,9],[13019,7]]},"630":{"position":[[515,8],[552,8],[1659,9],[1669,8],[9571,8],[9588,8],[9610,7],[9936,7],[10068,8],[10110,8],[10141,9],[10154,8],[10196,8],[10207,10],[10243,9],[10275,7],[10327,8],[10361,9],[10607,7],[10793,9],[17833,7]]},"632":{"position":[[197,8],[234,8],[640,9],[650,8],[2036,9],[2054,8],[2076,7],[2386,7],[2523,8],[2565,8],[2596,9],[2609,8],[2651,8],[2662,10],[2698,9],[2730,7],[2781,8],[2815,9],[3045,7],[3230,9],[6226,8]]},"634":{"position":[[220,8],[257,8],[510,9],[525,8],[1013,8],[1022,8],[1039,8],[1061,7],[1328,7],[1466,8],[1508,8],[1539,9],[1552,8],[1594,8],[1605,10],[1641,9],[1673,7],[1718,8],[1752,9],[1940,7],[2113,9],[2994,7],[3002,7]]},"660":{"position":[[799,8],[845,9],[2387,8],[2438,9],[14919,9],[14932,7],[14962,8],[15824,9],[15842,8],[25873,8]]},"662":{"position":[[478,8],[515,8],[1100,7],[1108,8],[3648,8],[3665,8],[3687,7],[3985,7],[4155,8],[4197,8],[4228,9],[4241,8],[4283,8],[4294,10],[4330,9],[4362,7],[4410,8],[4444,9],[4663,7],[4884,9],[12182,7]]},"668":{"position":[[1270,7],[1364,7],[4580,8],[6005,7],[6073,8],[23376,7],[23444,7],[23554,8],[35912,7],[35994,7],[36034,9],[36111,8],[87870,7],[87896,7],[88080,8],[88159,7],[91123,7],[91244,7],[152558,7],[152681,7],[153043,7]]}}}],["disable/en",{"_index":528,"t":{"80":{"position":[[499,14],[646,14],[789,14],[934,14],[1073,14],[1216,14]]}}}],["disable</button",{"_index":1458,"t":{"574":{"position":[[5232,16]]}}}],["disableallrowsselect",{"_index":4284,"t":{"668":{"position":[[1204,23],[87986,23]]}}}],["disableallrowsselection=\"disableallrowsselectionhandl",{"_index":5065,"t":{"668":{"position":[[88400,56]]}}}],["disableallrowsselectionhandler(ienumerable<employee1",{"_index":5067,"t":{"668":{"position":[[91014,53]]}}}],["disablebutton",{"_index":1459,"t":{"574":{"position":[[5262,13],[5333,13],[5349,15]]}}}],["disabled=\"@dis",{"_index":3383,"t":{"622":{"position":[[10776,20]]},"626":{"position":[[6531,20]]},"628":{"position":[[5610,20]]},"630":{"position":[[9748,20]]},"632":{"position":[[2207,20]]},"634":{"position":[[1128,20]]},"662":{"position":[[3779,20]]}}}],["disabled=\"@disablebutton",{"_index":1450,"t":{"574":{"position":[[4697,25],[4829,25],[4963,25],[5089,25]]}}}],["disabled=\"@isdropdowndis",{"_index":4086,"t":{"660":{"position":[[15026,31]]}}}],["disabled=\"tru",{"_index":1443,"t":{"574":{"position":[[3870,15],[4185,16],[4281,16],[4407,16],[4526,16],[6691,16]]},"612":{"position":[[4935,15],[5473,16]]},"626":{"position":[[9189,15]]},"628":{"position":[[11020,15]]},"630":{"position":[[12554,15]]},"660":{"position":[[20078,15]]},"662":{"position":[[10261,15]]}}}],["disabled=\"true\">anoth",{"_index":4092,"t":{"660":{"position":[[16149,23]]}}}],["disabled>dis",{"_index":2765,"t":{"608":{"position":[[1237,17]]}}}],["disableditemcssclass",{"_index":2514,"t":{"602":{"position":[[722,20]]}}}],["disableditemcssclass=\"list",{"_index":2621,"t":{"602":{"position":[[11990,26]]}}}],["disabledropdown",{"_index":4091,"t":{"660":{"position":[[15746,17]]}}}],["disableitem",{"_index":2515,"t":{"602":{"position":[[816,11],[11869,11]]}}}],["disableitem=\"(emp",{"_index":2619,"t":{"602":{"position":[[11955,18]]}}}],["disablerowselect",{"_index":4286,"t":{"668":{"position":[[1315,19],[88014,19]]}}}],["disablerowselection=\"disablerowselectionhandl",{"_index":5066,"t":{"668":{"position":[[88457,48]]}}}],["disablerowselectionhandler(employee1",{"_index":5069,"t":{"668":{"position":[[91176,36]]}}}],["disappear",{"_index":543,"t":{"82":{"position":[[302,9]]},"98":{"position":[[258,9]]}}}],["discount",{"_index":3510,"t":{"626":{"position":[[8895,9],[10141,8],[10232,9],[10724,9],[10781,8]]},"630":{"position":[[12217,9],[13506,8],[13597,9],[14088,9],[14145,8]]},"660":{"position":[[19843,9],[21062,8],[21153,9],[21645,9],[21702,8]]}}}],["discount:</label",{"_index":3506,"t":{"626":{"position":[[8688,17]]},"630":{"position":[[11967,17]]},"660":{"position":[[19660,17]]}}}],["discountchanged(decim",{"_index":3522,"t":{"626":{"position":[[9963,24]]},"630":{"position":[[13328,24]]},"660":{"position":[[20884,24]]}}}],["discountchanged(valu",{"_index":3509,"t":{"626":{"position":[[8852,23]]},"630":{"position":[[12174,23]]},"660":{"position":[[19800,23]]}}}],["dismis",{"_index":222,"t":{"12":{"position":[[232,10]]}}}],["dismiss",{"_index":223,"t":{"12":{"position":[[246,11]]},"564":{"position":[[417,11],[2863,11],[2922,7],[2965,7],[3550,11],[3597,10],[3686,9],[4108,10]]},"578":{"position":[[840,11],[870,11]]},"606":{"position":[[1916,7]]}}}],["dismissable=\"tru",{"_index":1095,"t":{"564":{"position":[[2885,19],[3043,19]]}}}],["display",{"_index":307,"t":{"34":{"position":[[343,9]]},"574":{"position":[[5576,7]]},"580":{"position":[[333,7],[10739,8]]},"590":{"position":[[437,10]]},"598":{"position":[[1517,10],[1735,10],[2273,9],[3531,10]]},"600":{"position":[[95,7]]},"602":{"position":[[1026,7],[1084,7],[1117,7]]},"608":{"position":[[436,7],[598,8]]},"610":{"position":[[77,7]]},"612":{"position":[[551,10],[2174,10],[3086,7],[7384,7],[11357,10],[11503,10],[11666,10]]},"620":{"position":[[3637,9]]},"630":{"position":[[4981,7]]},"660":{"position":[[99,10]]},"664":{"position":[[11231,10]]},"666":{"position":[[442,10]]},"668":{"position":[[80,7],[1498,8],[1544,7],[50242,7],[50283,7],[50309,7],[50541,9],[51263,9]]}}}],["displaypag",{"_index":2154,"t":{"590":{"position":[[376,12]]}}}],["displaypages=\"5",{"_index":2185,"t":{"590":{"position":[[2026,16]]}}}],["displaypric",{"_index":3540,"t":{"626":{"position":[[11385,13],[11459,13],[11553,12]]},"630":{"position":[[17223,13],[17297,13],[17391,12]]}}}],["displayswitchstatu",{"_index":3793,"t":{"634":{"position":[[2688,20],[2786,19]]}}}],["dispos",{"_index":651,"t":{"104":{"position":[[437,7]]},"110":{"position":[[664,7]]},"114":{"position":[[622,7]]}}}],["distinct",{"_index":1122,"t":{"566":{"position":[[126,8]]},"616":{"position":[[4522,8]]},"618":{"position":[[3891,8]]},"620":{"position":[[6488,8]]},"624":{"position":[[3609,8]]}}}],["distinguish",{"_index":5195,"t":{"668":{"position":[[146842,11],[149277,11]]}}}],["div",{"_index":981,"t":{"560":{"position":[[349,5],[443,6],[1162,5],[1250,6],[1714,5],[1983,6]]},"564":{"position":[[946,5],[1602,6],[1740,5],[2138,6],[2261,5],[2826,6],[3003,5],[3156,6],[3213,5],[3440,6]]},"572":{"position":[[3378,4],[3629,6],[3636,4],[3959,6],[4080,4],[5002,6],[5009,4],[5940,6],[5947,4],[6878,6]]},"574":{"position":[[5738,4],[5873,6],[5880,4],[6031,6],[6038,4],[6192,6],[6199,4],[6372,6],[8553,4],[8692,6]]},"576":{"position":[[4361,4],[4429,6]]},"578":{"position":[[3292,4],[3310,4],[3359,7],[3367,4],[3413,6],[3420,4],[3438,4],[3486,7],[3494,4],[3548,6],[3555,4],[3573,4],[3620,7],[3628,4],[3681,6]]},"580":{"position":[[6507,4],[6525,4],[6813,6],[6820,4],[7108,6],[7115,6]]},"582":{"position":[[4113,4],[4131,4],[4180,7],[4188,4],[4234,6],[4241,4],[4259,4],[4307,7],[4315,4],[4369,6],[4376,4],[4394,4],[4441,7],[4449,4],[4502,6],[5453,4],[5517,6],[6069,4],[6087,4],[6136,7],[6144,4],[6190,6],[6197,4],[6215,4],[6263,7],[6271,4],[6325,6],[6332,4],[6350,4],[6397,7],[6405,4],[6458,6]]},"588":{"position":[[4877,4],[4895,4],[4944,7],[4952,4],[4998,6],[5005,4],[5023,4],[5071,7],[5079,4],[5133,6],[5140,4],[5158,4],[5205,7],[5213,4],[5266,6],[6209,4],[6237,6],[6765,4],[6783,4],[6832,7],[6840,4],[6886,6],[6893,4],[6911,4],[6959,7],[6967,4],[7021,6],[7028,4],[7046,4],[7093,7],[7101,4],[7154,6]]},"594":{"position":[[1410,4]]},"596":{"position":[[2423,4],[2834,6],[4688,5],[5713,6]]},"598":{"position":[[6489,4],[6550,6],[9466,4],[9527,6]]},"600":{"position":[[6480,4],[6645,4],[6773,6],[6811,4],[6877,6],[9479,4],[9639,4],[9767,6],[9805,4],[9871,6],[12434,4],[12637,4],[12765,6],[12803,4],[12869,6]]},"602":{"position":[[3163,4],[3181,4],[3434,6],[3441,4],[3694,6],[3701,6],[5280,4],[5298,4],[5550,6],[5557,4],[5809,6],[5816,4],[6068,6],[6075,6],[8351,4],[8369,4],[8640,6],[8647,4],[8918,6],[8925,6],[11134,4],[11177,4],[11254,8],[11285,6]]},"604":{"position":[[2850,4],[2932,6],[2939,4],[3079,6],[3109,4],[3188,6],[3222,4],[3286,6],[4284,4],[4529,6]]},"608":{"position":[[694,5],[787,6],[794,5],[851,6],[858,5],[954,6],[961,5],[1060,6],[1615,4],[1715,6]]},"612":{"position":[[13168,4],[13262,6],[13334,4],[13812,4],[13845,5],[13980,6],[14113,4],[14207,6],[14262,6],[14842,4],[14875,5],[15010,6],[15210,4],[15228,4],[15322,6],[15329,5],[15468,6],[15475,6],[15530,6]]},"614":{"position":[[1251,4],[1351,6]]},"622":{"position":[[2146,4],[2164,4],[2425,6],[2432,6],[3973,4],[3991,4],[4296,6],[4303,6],[5604,4],[5622,4],[5883,6],[5890,6],[6573,4],[6591,4],[6852,6],[6859,6],[8471,4],[8577,4],[8911,6],[8918,6],[8925,4],[9026,4],[9194,6],[9201,6],[9208,4],[9226,4],[9335,6],[9342,6],[10561,4],[10584,4],[10868,6],[10875,6],[12099,4],[12122,4],[12406,6],[12413,6]]},"626":{"position":[[1430,4],[1568,6],[1575,4],[1852,4],[1973,4],[2021,6],[2028,4],[2152,4],[2201,6],[2208,4],[2334,4],[2383,6],[2390,4],[2518,4],[2567,6],[2574,4],[2702,4],[2751,6],[2758,4],[2888,4],[2937,6],[2944,4],[3074,4],[3123,6],[3130,4],[3262,4],[3311,6],[3989,4],[4246,6],[4253,4],[4487,4],[4727,6],[4734,4],[4782,4],[5029,6],[5036,4],[5342,4],[5513,6],[5520,4],[5568,4],[5741,6],[5748,4],[6022,4],[6259,6],[6266,4],[6422,4],[6582,6],[7161,4],[7319,6],[8227,4],[8355,4],[8596,6],[8603,6],[8610,4],[8706,4],[8962,6],[8969,6],[8976,4],[9106,4],[9285,6],[9292,6],[9299,4],[9317,4],[9569,6],[9576,6],[11074,4],[11191,4],[11365,6],[11372,6],[11379,5],[11399,6]]},"628":{"position":[[1493,4],[1590,6],[1597,4],[2049,4],[2095,6],[2102,4],[2199,6],[2206,4],[2251,4],[2298,6],[2305,4],[2403,6],[2410,4],[2455,4],[2501,6],[2508,4],[2605,6],[2612,4],[2657,4],[2704,6],[2711,4],[2809,6],[2816,4],[3518,4],[3564,6],[3571,4],[3712,6],[3719,4],[3759,4],[3799,4],[3844,4],[3891,6],[3898,4],[4040,6],[4047,4],[4087,4],[4127,4],[4172,4],[4218,6],[4225,4],[4366,6],[4373,4],[4413,4],[4453,4],[4498,4],[4545,6],[4552,4],[4694,6],[4701,4],[4741,4],[4781,4],[5541,4],[5659,6],[5666,4],[6322,4],[6436,6],[6443,4],[7407,4],[7537,4],[7685,6],[7692,6],[7699,4],[7830,4],[8016,6],[8023,6],[8030,4],[8048,4],[8300,6],[8307,6],[9087,4],[9227,6],[9234,4],[10013,4],[10142,4],[10308,6],[10315,6],[10322,4],[10450,4],[10707,6],[10714,6],[10721,4],[10847,4],[11101,6],[11108,6],[11115,4],[11133,4],[11385,6],[11392,6]]},"630":{"position":[[1948,4],[2048,6],[2055,4],[2209,4],[2379,6],[2386,4],[2435,4],[2605,6],[2612,4],[2661,4],[2831,6],[2838,4],[2887,4],[3057,6],[3064,4],[3113,4],[3283,6],[3290,4],[3339,4],[3509,6],[3516,4],[3565,4],[3735,6],[3742,4],[3791,4],[3961,6],[3968,4],[4017,4],[4187,6],[4194,4],[4653,4],[4782,6],[4789,4],[5141,4],[5295,6],[5302,4],[5697,4],[5836,6],[5843,4],[6132,4],[6255,6],[6262,4],[6388,6],[6395,4],[6523,6],[6530,4],[6660,6],[6667,4],[6797,6],[6804,4],[6936,6],[6943,4],[7075,6],[7082,4],[7216,6],[7896,4],[8181,6],[8188,4],[8471,4],[8670,6],[8677,4],[8725,4],[8926,6],[8933,4],[9207,4],[9472,6],[9479,4],[9637,4],[9799,6],[10380,4],[10542,6],[11463,4],[11591,4],[11875,6],[11882,6],[11889,4],[11985,4],[12284,6],[12291,6],[12298,4],[12428,4],[12650,6],[12657,6],[12664,4],[12682,4],[12934,6],[12941,6],[14355,4],[14529,6],[14536,4],[14585,4],[14759,6],[14766,4],[14815,4],[14989,6],[14996,4],[15045,4],[15219,6],[15226,4],[15275,4],[15449,6],[15456,4],[15505,4],[15679,6],[15686,4],[15735,4],[15909,6],[15916,4],[15965,4],[16139,6],[16146,4],[16195,4],[16369,6],[16376,4],[16910,4],[17027,4],[17203,6],[17210,6],[17217,5],[17237,6]]},"632":{"position":[[1116,4],[1312,6],[1319,4],[1516,6],[1523,4],[1721,6],[1728,4],[1927,6],[2100,4],[2249,6],[2834,4],[2980,6],[3909,4],[4106,6],[4320,4],[4516,6],[4523,4],[4729,6],[4736,4],[4944,6],[4951,4],[5160,6],[5369,4],[5523,4],[5549,4],[5665,6],[5672,6]]},"634":{"position":[[857,4],[1081,4],[1191,6],[1771,4],[1875,6],[2600,4]]},"636":{"position":[[4661,4],[5010,6],[6985,4],[7135,4],[7263,6],[7301,4],[7326,6],[7352,6]]},"638":{"position":[[7540,4],[7690,4],[7818,6],[7856,4],[7905,6],[8580,4],[8703,6]]},"640":{"position":[[4589,4],[4938,6],[7509,4],[7659,4],[7787,6],[7825,4],[7850,6],[7876,6]]},"642":{"position":[[4370,4],[4401,4],[4524,6],[6408,4],[6558,4],[6686,6],[6724,4],[6749,6],[6775,6]]},"644":{"position":[[4426,4],[4553,4],[4595,6],[4602,4],[4725,6],[6569,4],[6719,4],[6847,6],[6885,4],[6910,6],[6936,6]]},"650":{"position":[[6449,4],[6599,4],[6727,6],[6765,4],[6814,6],[7489,4],[7612,6]]},"652":{"position":[[607,4],[766,4],[894,6],[932,4],[957,6],[983,6]]},"654":{"position":[[612,4],[771,4],[899,6],[937,4],[962,6],[988,6]]},"656":{"position":[[3882,4],[4009,4],[4051,6],[4058,4],[4181,6],[6474,4],[6624,4],[6752,6],[6790,4],[6839,6]]},"660":{"position":[[4071,4],[6223,6],[6263,4],[8809,6],[8843,4],[9725,6],[9732,4],[10596,6],[10754,4],[11663,6],[11831,4],[12267,6],[12425,4],[13314,6],[13483,4],[14380,6],[15405,4],[15617,6],[19286,4],[19603,6],[19610,4],[19910,6],[19917,4],[20174,6],[20181,4],[20199,4],[20451,6],[20458,6]]},"662":{"position":[[1437,4],[1509,6],[1516,4],[1783,4],[1829,6],[1836,4],[1908,6],[1915,4],[1960,4],[2007,6],[2014,4],[2087,6],[2094,4],[2690,4],[2736,6],[2743,4],[2859,6],[2866,4],[2906,4],[2946,4],[2991,4],[3038,6],[3045,4],[3162,6],[3169,4],[3209,4],[3249,4],[3710,4],[3803,6],[3810,4],[4463,4],[4553,6],[4560,4],[5533,4],[5664,4],[5856,6],[5863,6],[5870,4],[6002,4],[6181,6],[6188,6],[6195,4],[6327,4],[6485,6],[6492,6],[6499,4],[6629,4],[6804,6],[6811,6],[6818,4],[6948,4],[7102,6],[7109,6],[7116,4],[7134,4],[7386,6],[7393,6],[8642,4],[8782,6],[8789,4],[9553,4],[9685,4],[9940,6],[9947,6],[9954,4],[10084,4],[10340,6],[10347,6],[10354,4],[10372,4],[10624,6],[10631,6]]},"664":{"position":[[6658,4],[6802,4],[6930,6],[6968,4],[7034,6],[8895,4],[9054,4],[9255,6],[9293,4],[9359,6],[11349,4],[11527,4],[11728,6],[11766,4],[11832,6],[13784,4],[13957,4],[14158,6],[14196,4],[14262,6],[16175,4],[16376,4],[16577,6],[16615,4],[16681,6],[18618,4],[18781,4],[18909,6],[18947,4],[19107,6],[19133,6]]},"668":{"position":[[18341,4],[18407,6],[18414,4],[18527,6],[51839,4],[58301,6],[82603,4],[82669,6],[82676,4],[82789,6],[85629,4],[85695,6],[85702,4],[85815,6],[89124,4],[89190,6],[89197,4],[89310,6],[93284,4],[93350,6],[93357,4],[93470,6],[147564,4],[147582,4],[147618,4],[147653,6],[147660,4],[147678,4],[147716,4],[147753,6],[147760,4],[147778,4],[147823,4],[147867,6],[147874,4],[147892,4],[147929,4],[147965,6],[147972,4],[147990,4],[148032,4],[148073,6],[150756,4],[150774,4],[150810,4],[150842,6],[150849,4],[150867,4],[150905,4],[150939,6],[150946,4],[150964,4],[151009,4],[151050,6],[151057,4],[151075,4],[151112,4],[151145,6],[151152,4],[151170,4],[151212,4],[151250,6]]}}}],["div.mod",{"_index":1583,"t":{"578":{"position":[[806,10],[979,10]]},"588":{"position":[[605,10]]}}}],["div>@item.name</div",{"_index":2616,"t":{"602":{"position":[[11263,21]]}}}],["div>som",{"_index":1991,"t":{"582":{"position":[[20313,9]]}}}],["div>switch",{"_index":3778,"t":{"634":{"position":[[913,11]]}}}],["divid",{"_index":627,"t":{"102":{"position":[[389,9]]},"560":{"position":[[996,9],[1006,8],[1153,8],[1203,8],[1590,8],[1755,8],[2426,8]]},"564":{"position":[[1730,9]]},"660":{"position":[[17610,9],[17665,8],[25916,8]]}}}],["dob",{"_index":5182,"t":{"668":{"position":[[142529,3],[142633,3],[142733,3],[142835,3],[142939,3],[143051,3],[143165,3],[143269,3],[143369,3],[143450,3],[143626,3],[145203,3],[145329,3],[145451,3],[145575,3],[145701,3],[145835,3],[145971,3],[146097,3],[146219,3],[146322,3],[146528,3]]}}}],["doc",{"_index":155,"t":{"2":{"position":[[3437,4],[3936,4]]},"10":{"position":[[597,4]]},"12":{"position":[[156,4],[258,4]]},"20":{"position":[[238,4]]},"22":{"position":[[124,4],[177,4]]},"24":{"position":[[124,4],[203,4]]},"28":{"position":[[211,4]]},"32":{"position":[[429,4]]},"34":{"position":[[770,4]]},"72":{"position":[[663,4]]},"104":{"position":[[689,4],[1025,4]]},"106":{"position":[[404,4],[599,4]]},"108":{"position":[[500,4],[688,4]]},"110":{"position":[[1045,4],[1286,4]]},"114":{"position":[[397,4],[641,4],[654,5],[676,5],[698,4],[760,5],[782,4],[975,4]]},"124":{"position":[[842,4]]},"128":{"position":[[660,4]]},"132":{"position":[[260,4],[542,4],[974,4]]},"138":{"position":[[2365,4],[2571,4]]},"140":{"position":[[310,4],[507,4],[1561,4]]},"146":{"position":[[199,4]]},"148":{"position":[[417,4],[849,4],[2762,4],[2968,4]]},"150":{"position":[[410,4]]},"154":{"position":[[2247,4],[2746,4],[3021,4]]},"156":{"position":[[667,4]]},"218":{"position":[[311,4],[743,4]]},"224":{"position":[[472,4]]},"228":{"position":[[2256,4],[2755,4],[3030,4]]},"238":{"position":[[2012,4],[2218,4]]},"240":{"position":[[320,4],[752,4]]},"244":{"position":[[177,4],[374,4],[1428,4]]},"252":{"position":[[466,4]]},"254":{"position":[[474,4]]},"268":{"position":[[319,4]]},"276":{"position":[[314,4]]},"282":{"position":[[465,4]]},"286":{"position":[[467,4]]},"306":{"position":[[467,4]]},"308":{"position":[[1297,4],[1796,4],[2071,4],[2353,4],[2785,4]]},"310":{"position":[[2250,4],[2749,4],[3024,4]]},"314":{"position":[[314,4],[746,4]]},"326":{"position":[[460,4]]},"334":{"position":[[634,4],[909,4]]},"336":{"position":[[1169,4]]},"342":{"position":[[1038,4]]},"360":{"position":[[20,6],[409,4],[692,4],[967,4],[1249,4],[1681,4],[1880,4],[2086,4]]},"362":{"position":[[665,4]]},"366":{"position":[[2847,4]]},"368":{"position":[[1678,4],[1961,4],[2236,4]]},"376":{"position":[[308,4]]},"388":{"position":[[477,4]]},"390":{"position":[[664,4],[939,4],[1371,4]]},"394":{"position":[[466,4]]},"398":{"position":[[1359,4]]},"400":{"position":[[1021,4]]},"402":{"position":[[305,4]]},"404":{"position":[[173,4]]},"410":{"position":[[418,4]]},"412":{"position":[[729,4]]},"416":{"position":[[1137,4]]},"424":{"position":[[303,4]]},"428":{"position":[[702,4]]},"432":{"position":[[310,4]]},"442":{"position":[[775,4]]},"452":{"position":[[200,4]]},"462":{"position":[[168,4]]},"464":{"position":[[168,4]]},"468":{"position":[[235,4]]},"472":{"position":[[228,4]]},"490":{"position":[[462,4]]},"492":{"position":[[305,4]]},"494":{"position":[[413,4]]},"496":{"position":[[312,4]]},"498":{"position":[[313,4]]},"560":{"position":[[874,7],[887,8],[1474,7],[1487,8],[2207,7],[2220,8]]},"652":{"position":[[248,4]]},"654":{"position":[[253,4]]}}}],["docs7",{"_index":860,"t":{"142":{"position":[[1401,5]]}}}],["doctyp",{"_index":3851,"t":{"636":{"position":[[3887,9]]},"638":{"position":[[3363,9]]},"640":{"position":[[3708,9]]},"642":{"position":[[3601,9]]},"644":{"position":[[3601,9]]},"650":{"position":[[3098,9]]},"656":{"position":[[3074,9]]}}}],["document",{"_index":168,"t":{"4":{"position":[[136,14]]},"6":{"position":[[116,11],[163,13]]},"10":{"position":[[153,13],[226,13],[636,13]]},"30":{"position":[[603,13]]},"32":{"position":[[373,13]]},"34":{"position":[[626,13],[665,13],[701,13]]},"36":{"position":[[218,13]]},"38":{"position":[[451,13],[489,13]]},"40":{"position":[[332,13],[378,13],[420,13],[461,13]]},"42":{"position":[[356,13]]},"44":{"position":[[676,13],[712,13]]},"46":{"position":[[630,13],[676,13],[715,13],[751,13]]},"48":{"position":[[468,13],[509,13],[548,13]]},"50":{"position":[[453,13]]},"52":{"position":[[420,13]]},"54":{"position":[[675,13],[711,13]]},"56":{"position":[[356,13]]},"58":{"position":[[490,13]]},"60":{"position":[[617,13]]},"62":{"position":[[315,13]]},"64":{"position":[[374,13]]},"66":{"position":[[341,13]]},"68":{"position":[[821,13],[852,13],[880,13],[909,13]]},"70":{"position":[[514,13],[543,13]]},"72":{"position":[[635,14],[814,13],[844,13],[875,13],[904,13],[952,13],[995,13]]},"74":{"position":[[797,13],[823,13],[854,13],[881,13],[912,13]]},"76":{"position":[[316,13]]},"78":{"position":[[392,13],[418,13]]},"80":{"position":[[1431,13],[1462,13],[1497,13],[1533,13],[1565,13],[1599,13],[1627,13],[1659,13]]},"82":{"position":[[467,13],[496,13],[528,13]]},"84":{"position":[[356,13],[386,13]]},"88":{"position":[[600,13],[635,13],[661,13],[689,13],[715,13]]},"90":{"position":[[289,13]]},"92":{"position":[[370,13]]},"94":{"position":[[290,13]]},"96":{"position":[[764,13],[805,13],[843,13],[880,13],[922,13],[961,13]]},"98":{"position":[[355,13],[386,13],[421,13],[457,13],[489,13],[523,13],[551,13],[583,13]]},"100":{"position":[[485,13]]},"102":{"position":[[1247,13],[1287,13],[1325,13],[1361,13],[1399,13],[1438,13],[1476,13]]},"104":{"position":[[794,13]]},"106":{"position":[[487,13]]},"108":{"position":[[583,13]]},"110":{"position":[[1151,13]]},"112":{"position":[[355,13]]},"114":{"position":[[869,13]]},"116":{"position":[[304,14],[437,13]]},"120":{"position":[[365,13]]},"122":{"position":[[319,13]]},"138":{"position":[[2125,13]]},"140":{"position":[[1957,13]]},"144":{"position":[[136,14],[306,11]]},"148":{"position":[[2522,13]]},"238":{"position":[[1772,13]]},"242":{"position":[[169,11]]},"244":{"position":[[1824,13],[2043,14]]},"444":{"position":[[160,11]]},"446":{"position":[[180,14]]},"448":{"position":[[197,13]]},"482":{"position":[[262,13]]},"570":{"position":[[637,13],[741,13],[833,13],[922,13]]},"576":{"position":[[1556,14]]},"588":{"position":[[3158,8]]},"594":{"position":[[59,13],[479,9]]},"596":{"position":[[49,13]]},"598":{"position":[[47,13]]},"612":{"position":[[41,13]]},"614":{"position":[[42,13]]},"666":{"position":[[427,8],[623,8]]}}}],["documentation</a",{"_index":1130,"t":{"566":{"position":[[734,18],[956,18],[1180,18],[1398,18],[1614,18],[1861,18],[2103,18],[2347,18],[2585,18],[2821,18]]}}}],["doesn't",{"_index":461,"t":{"70":{"position":[[292,7]]},"604":{"position":[[1438,7]]},"636":{"position":[[1148,7]]},"640":{"position":[[1146,7]]},"642":{"position":[[1160,7]]},"644":{"position":[[1160,7]]}}}],["doesnotcontain",{"_index":751,"t":{"124":{"position":[[505,14]]}}}],["doj",{"_index":4380,"t":{"668":{"position":[[8399,3],[8532,3],[8655,3],[8784,3],[8917,3],[9037,3],[9159,3],[9283,3],[9402,3],[10899,3],[11032,3],[11155,3],[11284,3],[11417,3],[11537,3],[11659,3],[11783,3],[11902,3],[13178,3],[13311,3],[13434,3],[13563,3],[13696,3],[13816,3],[13938,3],[14068,3],[14193,3],[14317,3],[14436,3],[14561,3],[15979,3],[16112,3],[16235,3],[16364,3],[16497,3],[16617,3],[16739,3],[16863,3],[16982,3],[19159,3],[19292,3],[19415,3],[19544,3],[19677,3],[19797,3],[19919,3],[20049,3],[20174,3],[20298,3],[20417,3],[20542,3],[22301,3],[22434,3],[22557,3],[22686,3],[22819,3],[22939,3],[23061,3],[23185,3],[23304,3],[24983,3],[25116,3],[25239,3],[25368,3],[25501,3],[25621,3],[25743,3],[25867,3],[25986,3],[28359,3],[28602,3],[28838,3],[29078,3],[29326,3],[29560,3],[29799,3],[30040,3],[30275,3],[34837,3],[34970,3],[35093,3],[35222,3],[35355,3],[35475,3],[35597,3],[35721,3],[35840,3],[37485,3],[37618,3],[37741,3],[37870,3],[38003,3],[38123,3],[38245,3],[38369,3],[38488,3],[40061,3],[40194,3],[40317,3],[40446,3],[40579,3],[40699,3],[40821,3],[40945,3],[41064,3],[48200,3],[48443,3],[48679,3],[48919,3],[49167,3],[49401,3],[49640,3],[49881,3],[50116,3],[61616,3],[61749,3],[61872,3],[62001,3],[62134,3],[62254,3],[62376,3],[62506,3],[62631,3],[62755,3],[62874,3],[62999,3],[64244,3],[64377,3],[64500,3],[64629,3],[64762,3],[64960,3],[65082,3],[65206,3],[65325,3],[66702,3],[66835,3],[66958,3],[67087,3],[67220,3],[70447,3],[70580,3],[70703,3],[70832,3],[70965,3],[71085,3],[71207,3],[71337,3],[71462,3],[71586,3],[71705,3],[71830,3],[73697,3],[73830,3],[73953,3],[74082,3],[74215,3],[74335,3],[74457,3],[74587,3],[74712,3],[74836,3],[74955,3],[75080,3],[76809,3],[76942,3],[77065,3],[77194,3],[77327,3],[77447,3],[77569,3],[77699,3],[77824,3],[77948,3],[78067,3],[78192,3],[80294,3],[80427,3],[80550,3],[80679,3],[80812,3],[80932,3],[81054,3],[81184,3],[81309,3],[81433,3],[81552,3],[81677,3],[83475,3],[83608,3],[83731,3],[83860,3],[83993,3],[84113,3],[84235,3],[84359,3],[84478,3],[86501,3],[86634,3],[86757,3],[86886,3],[87019,3],[87139,3],[87261,3],[87385,3],[87504,3],[89942,3],[90075,3],[90198,3],[90327,3],[90460,3],[90580,3],[90702,3],[90826,3],[90945,3],[94156,3],[94289,3],[94412,3],[94541,3],[94674,3],[94794,3],[94916,3],[95040,3],[95159,3],[96979,3],[97112,3],[97235,3],[97364,3],[97497,3],[97617,3],[97739,3],[97869,3],[97994,3],[98118,3],[98237,3],[98362,3],[99774,3],[99907,3],[100030,3],[100159,3],[100292,3],[100412,3],[100534,3],[100664,3],[100789,3],[100913,3],[101032,3],[101157,3],[105128,3],[105251,3],[105380,3],[105513,3],[105633,3],[105755,3],[113561,3],[113684,3],[113813,3],[113946,3],[114066,3],[114188,3],[115781,3],[115904,3],[116033,3],[116166,3],[116286,3],[116408,3],[118248,3],[118371,3],[118500,3],[118633,3],[118753,3],[118875,3],[122259,3],[122392,3],[122515,3],[122644,3],[122777,3],[122897,3],[123019,3],[123149,3],[123274,3],[123398,3],[123517,3],[123642,3],[126168,3],[126302,3],[126425,3],[126554,3],[126687,3],[126807,3],[126929,3],[127053,3],[127172,3],[127265,3],[139825,3],[139958,3],[140081,3],[140210,3],[140343,3],[140463,3],[140585,3],[140715,3],[140840,3],[140964,3],[141083,3],[141208,3],[148243,3],[148376,3],[148499,3],[148628,3],[148761,3],[148966,3],[151446,3],[151579,3],[151702,3],[151831,3],[151964,3],[152169,3]]}}}],["dolor",{"_index":1838,"t":{"582":{"position":[[7610,5],[8184,5],[8863,5],[9163,5],[10251,5],[11851,5],[12425,5],[13104,5],[13404,5],[14492,5],[15992,5],[16566,5],[17245,5],[17545,5],[18633,5]]}}}],["dom",{"_index":1036,"t":{"564":{"position":[[576,4]]}}}],["don't",{"_index":2083,"t":{"588":{"position":[[8089,5]]},"604":{"position":[[1371,5]]}}}],["done!</h4",{"_index":1069,"t":{"564":{"position":[[1812,10]]}}}],["donec",{"_index":1844,"t":{"582":{"position":[[7655,5],[8254,5],[8957,5],[9854,5],[11896,5],[12495,5],[13198,5],[14095,5],[16037,5],[16636,5],[17339,5],[18236,5]]}}}],["donut",{"_index":3099,"t":{"618":{"position":[[88,5],[242,5]]}}}],["dot",{"_index":2649,"t":{"604":{"position":[[2025,4],[2051,4],[4780,4]]},"626":{"position":[[1412,3]]},"630":{"position":[[1930,3]]}}}],["dotnet",{"_index":531,"t":{"80":{"position":[[1296,6]]}}}],["doubl",{"_index":679,"t":{"108":{"position":[[321,6]]},"574":{"position":[[9152,6],[9241,6]]},"596":{"position":[[386,6],[813,6]]},"598":{"position":[[1836,6],[1951,6]]},"616":{"position":[[1783,6],[2154,6]]},"618":{"position":[[3067,7]]},"620":{"position":[[2041,6],[4909,6]]},"624":{"position":[[2800,7]]},"626":{"position":[[958,7],[1812,7],[1820,8],[2625,6],[2809,7],[3423,6],[3447,7]]},"630":{"position":[[4853,6],[5366,6],[6092,7],[6100,8],[6718,6],[6855,7],[7328,6],[7352,7]]},"632":{"position":[[400,6],[3538,7]]},"668":{"position":[[3762,6],[3828,6],[5237,6],[5379,6],[116714,6],[119097,6],[153199,6]]}}}],["doughnut",{"_index":334,"t":{"40":{"position":[[205,8],[353,8],[542,8]]},"100":{"position":[[268,8]]},"102":{"position":[[690,8]]},"104":{"position":[[613,8]]},"138":{"position":[[1847,8]]},"142":{"position":[[207,8]]},"160":{"position":[[263,8]]},"166":{"position":[[260,8]]},"174":{"position":[[29,8],[268,8]]},"190":{"position":[[264,8]]},"194":{"position":[[263,8]]},"238":{"position":[[1494,8]]},"570":{"position":[[403,8],[657,8],[684,8],[721,8],[1015,8]]},"584":{"position":[[253,8]]},"616":{"position":[[17039,8]]},"618":{"position":[[19,8],[54,8]]},"620":{"position":[[17313,8]]}}}],["doughnutchart",{"_index":3108,"t":{"618":{"position":[[4025,14],[4541,13],[4555,13],[11262,14],[11629,13],[11643,13]]}}}],["doughnutchart.adddataasync(chartdata",{"_index":3129,"t":{"618":{"position":[[6762,37],[13767,37]]}}}],["doughnutchart.adddatasetasync(chartdata",{"_index":3125,"t":{"618":{"position":[[6255,40]]}}}],["doughnutchart.initializeasync(chartdata",{"_index":3118,"t":{"618":{"position":[[5286,40],[12424,40]]}}}],["doughnutchart.updateasync(chartdata",{"_index":3123,"t":{"618":{"position":[[6023,36],[13253,36]]}}}],["doughnutchartdataset",{"_index":3104,"t":{"618":{"position":[[1658,20],[1693,20],[5632,20],[5653,20],[5677,20],[6570,20],[6591,21],[7122,20],[12862,20],[12883,20],[12907,20],[13575,20],[13596,21],[14321,20],[15405,20]]}}}],["doughnutchartdataset.data",{"_index":3119,"t":{"618":{"position":[[5713,25],[5903,25],[12943,25],[13133,25]]}}}],["doughnutchartdataset.data.count",{"_index":3120,"t":{"618":{"position":[[5766,32],[12996,32]]}}}],["doughnutchartdatasetdata(doughnutchartdataset.label",{"_index":3126,"t":{"618":{"position":[[6628,52],[13633,52]]}}}],["doughnutchartdatasetdatalabel",{"_index":3105,"t":{"618":{"position":[[2328,30],[2899,30],[15434,30]]}}}],["doughnutchartopt",{"_index":3106,"t":{"618":{"position":[[3115,20],[3150,20],[4589,20],[4610,20],[5011,20],[5327,22],[6060,22],[6310,22],[11677,20],[11698,20],[12099,20],[12490,21],[13315,22],[15473,20]]}}}],["doughnutchartoptions.plugins.title.display",{"_index":3117,"t":{"618":{"position":[[5139,42],[12227,42]]}}}],["doughnutchartoptions.plugins.title.text",{"_index":3115,"t":{"618":{"position":[[5081,39],[12169,39]]}}}],["doughnutchartoptions.respons",{"_index":3114,"t":{"618":{"position":[[5041,31],[12129,31]]}}}],["doughnutchartplugin",{"_index":3107,"t":{"618":{"position":[[3400,20]]}}}],["down",{"_index":2062,"t":{"588":{"position":[[3522,4]]},"622":{"position":[[1917,4]]},"626":{"position":[[4417,4]]}}}],["download",{"_index":2376,"t":{"598":{"position":[[4933,8],[8018,8]]}}}],["drag",{"_index":2507,"t":{"602":{"position":[[151,4],[1307,4],[2929,4],[8263,4],[10884,4],[10947,8],[11784,8]]}}}],["draw",{"_index":3235,"t":{"620":{"position":[[4966,4]]}}}],["drawn",{"_index":3229,"t":{"620":{"position":[[4526,6],[4582,5]]}}}],["drop",{"_index":2508,"t":{"602":{"position":[[160,4],[2938,4]]}}}],["dropdown",{"_index":42,"t":{"2":{"position":[[618,8]]},"102":{"position":[[126,8],[221,8],[1268,8]]},"106":{"position":[[138,9],[231,8],[273,8],[559,8]]},"114":{"position":[[437,8]]},"124":{"position":[[1034,8],[1051,8],[1069,8],[1636,8]]},"132":{"position":[[413,9],[502,8],[1363,8]]},"154":{"position":[[662,8]]},"156":{"position":[[341,8]]},"218":{"position":[[182,9],[271,8],[1132,8]]},"228":{"position":[[671,8]]},"240":{"position":[[191,9],[280,8],[1141,8]]},"268":{"position":[[190,9],[279,8]]},"272":{"position":[[422,8]]},"276":{"position":[[185,9],[274,8]]},"308":{"position":[[2224,9],[2313,8]]},"310":{"position":[[665,8]]},"314":{"position":[[185,9],[274,8],[1135,8]]},"330":{"position":[[338,8]]},"332":{"position":[[174,8]]},"336":{"position":[[339,8]]},"360":{"position":[[1120,9],[1209,8]]},"362":{"position":[[20,10],[340,8],[536,9],[625,8]]},"368":{"position":[[660,8],[2625,8]]},"376":{"position":[[179,9],[268,8]]},"390":{"position":[[338,8]]},"414":{"position":[[338,8]]},"416":{"position":[[662,8]]},"422":{"position":[[663,8]]},"426":{"position":[[336,8]]},"486":{"position":[[171,8]]},"496":{"position":[[183,9],[272,8]]},"562":{"position":[[661,8]]},"578":{"position":[[8925,8]]},"660":{"position":[[11,8],[40,8],[49,9],[235,8],[488,9],[666,8],[777,8],[828,8],[927,9],[1242,8],[1918,8],[2247,8],[2416,8],[2491,8],[2576,8],[2765,8],[2792,8],[2861,8],[2942,8],[3027,8],[3137,9],[3154,8],[3331,8],[3553,8],[3681,10],[4033,11],[4103,10],[4445,11],[4457,10],[4803,11],[4815,10],[5157,11],[5169,10],[5505,11],[5517,10],[5859,11],[5871,10],[6211,11],[6295,9],[6703,11],[6715,9],[7129,11],[7141,9],[7549,11],[7561,9],[7960,11],[7972,9],[8380,11],[8392,9],[8797,11],[8875,9],[9260,11],[9272,9],[9713,11],[9764,9],[10131,11],[10143,9],[10584,11],[10734,8],[10781,9],[11178,11],[11190,9],[11651,11],[11811,8],[11858,9],[12255,11],[12405,8],[12452,9],[12834,11],[12846,9],[13302,11],[13463,8],[13510,9],[13896,11],[13908,9],[14368,11],[14528,10],[14888,11],[14944,9],[14996,8],[15016,9],[15393,11],[15807,8],[15928,10],[16290,11],[16669,10],[17068,11],[17170,8],[17185,10],[17579,11],[17674,10],[18144,11],[18214,8],[18347,10],[18554,8],[18640,11],[18698,8],[18731,8],[19029,10],[20493,11],[22108,9],[22118,9],[22476,11],[22488,9],[22901,11],[22913,9],[23324,11],[23336,9],[23691,11],[23731,9],[24100,11],[24344,8],[24601,8],[24672,9],[25156,11],[25574,8],[25732,8],[25749,8]]},"668":{"position":[[152264,8]]}}}],["dropdown1",{"_index":4138,"t":{"660":{"position":[[24353,9]]}}}],["dropdown1.hideasync",{"_index":4140,"t":{"660":{"position":[[24478,22]]}}}],["dropdown1.showasync",{"_index":4139,"t":{"660":{"position":[[24415,22]]}}}],["dropdown1.toggleasync",{"_index":4141,"t":{"660":{"position":[[24543,24]]}}}],["dropdown2",{"_index":861,"t":{"142":{"position":[[1407,9]]}}}],["dropdown</dropdowntogglebutton",{"_index":4123,"t":{"660":{"position":[[22206,31]]}}}],["dropdownactionbutton",{"_index":763,"t":{"124":{"position":[[1119,20],[1228,20]]},"660":{"position":[[1283,20],[6319,21],[6739,21],[7165,21],[7585,21],[7996,21],[8416,21],[9314,21],[10185,21],[11251,21],[12908,21],[14277,21],[25626,20]]}}}],["dropdownautoclosebehavior",{"_index":4032,"t":{"660":{"position":[[387,25]]}}}],["dropdownautoclosebehavior.both",{"_index":4033,"t":{"660":{"position":[[413,30]]}}}],["dropdowncolor",{"_index":4034,"t":{"660":{"position":[[616,13]]}}}],["dropdowncolor.non",{"_index":4035,"t":{"660":{"position":[[630,18]]}}}],["dropdowndirect",{"_index":4036,"t":{"660":{"position":[[698,17]]}}}],["dropdowndirection.dropdown",{"_index":4037,"t":{"660":{"position":[[716,26]]}}}],["dropdowndivider>dropdown",{"_index":4101,"t":{"660":{"position":[[18003,25]]}}}],["dropdownhead",{"_index":4044,"t":{"660":{"position":[[1949,14],[25682,14]]}}}],["dropdownheader>dropdown",{"_index":4099,"t":{"660":{"position":[[17295,24]]}}}],["dropdownitem",{"_index":766,"t":{"124":{"position":[[1320,12]]},"660":{"position":[[2134,12],[3798,13],[3864,13],[3938,13],[4210,13],[4276,13],[4350,13],[4568,13],[4634,13],[4708,13],[4922,13],[4988,13],[5062,13],[5270,13],[5336,13],[5410,13],[5624,13],[5690,13],[5764,13],[5976,13],[6042,13],[6116,13],[6468,13],[6534,13],[6608,13],[6894,13],[6960,13],[7034,13],[7314,13],[7380,13],[7454,13],[7725,13],[7791,13],[7865,13],[8145,13],[8211,13],[8285,13],[8562,13],[8628,13],[8702,13],[9007,13],[9091,13],[9165,13],[9478,13],[9544,13],[9618,13],[9896,13],[9962,13],[10036,13],[10349,13],[10415,13],[10489,13],[10943,13],[11009,13],[11083,13],[11416,13],[11482,13],[11556,13],[12020,13],[12086,13],[12160,13],[12599,13],[12665,13],[12739,13],[13067,13],[13133,13],[13207,13],[13661,13],[13727,13],[13801,13],[14042,13],[14108,13],[14182,13],[14423,12],[14486,12],[14639,13],[14705,13],[14793,13],[15158,13],[15224,13],[15298,13],[15876,12],[16039,13],[16105,13],[16195,13],[16833,13],[16899,13],[16973,13],[17344,13],[17410,13],[17484,13],[17784,13],[17850,13],[17924,13],[18054,13],[22253,13],[22322,13],[22391,13],[22678,13],[22747,13],[22816,13],[23101,13],[23170,13],[23239,13],[23468,13],[23537,13],[23606,13],[23865,13],[23931,13],[24005,13],[24921,13],[24987,13],[25061,13],[25708,12]]}}}],["dropdownitemtyp",{"_index":769,"t":{"124":{"position":[[1387,17]]},"660":{"position":[[2707,16]]}}}],["dropdownitemtype.button",{"_index":4045,"t":{"660":{"position":[[2724,23]]}}}],["dropdownmenu",{"_index":4041,"t":{"660":{"position":[[1661,12],[3783,14],[4017,15],[4195,14],[4429,15],[4553,14],[4787,15],[4907,14],[5141,15],[5255,14],[5489,15],[5609,14],[5843,15],[5961,14],[6195,15],[6453,14],[6687,15],[6879,14],[7113,15],[7299,14],[7533,15],[7710,14],[7944,15],[8130,14],[8364,15],[8547,14],[8781,15],[8992,14],[9244,15],[9463,14],[9697,15],[9881,14],[10115,15],[10334,14],[10568,15],[10653,12],[10928,14],[11162,15],[11401,14],[11635,15],[11720,12],[12005,14],[12239,15],[12313,12],[12584,14],[12818,15],[13052,14],[13286,15],[13362,12],[13646,14],[13880,15],[14027,14],[14261,15],[14514,13],[14624,14],[14872,15],[15143,14],[15377,15],[15904,12],[16024,14],[16274,15],[16350,12],[16517,13],[16592,12],[16782,13],[17052,15],[17280,14],[17563,15],[17769,14],[18128,15],[18442,13],[18624,15],[19129,13],[20477,15],[21938,12],[22004,13],[22238,14],[22460,15],[22663,14],[22885,15],[23086,14],[23308,15],[23453,14],[23675,15],[23850,14],[24084,15],[24906,14],[25140,15],[25658,12]]}}}],["dropdownmenuposit",{"_index":4042,"t":{"660":{"position":[[1853,20]]}}}],["dropdownmenuposition.start",{"_index":4043,"t":{"660":{"position":[[1874,26]]}}}],["dropdowns",{"_index":765,"t":{"124":{"position":[[1214,13]]},"660":{"position":[[867,12]]}}}],["dropdownsize.non",{"_index":4038,"t":{"660":{"position":[[880,17]]}}}],["dropdowntogglebutton",{"_index":764,"t":{"124":{"position":[[1144,21],[1274,20]]},"660":{"position":[[1015,20],[3692,21],[4114,21],[4468,21],[4826,21],[5180,21],[5528,21],[5882,21],[6400,21],[6824,21],[7246,21],[7660,21],[8077,21],[8495,21],[8904,21],[9408,21],[9793,21],[10279,21],[10829,21],[11346,21],[11914,21],[12501,21],[12997,21],[13561,21],[13972,21],[14539,21],[15058,21],[15939,21],[16680,21],[17196,21],[17685,21],[18358,21],[19040,21],[22146,21],[22570,21],[22994,21],[23365,21],[23759,21],[24815,21],[25594,20]]}}}],["dropend",{"_index":624,"t":{"102":{"position":[[327,8]]},"660":{"position":[[12293,8],[25848,7]]}}}],["dropend</dropdownactionbutton",{"_index":4081,"t":{"660":{"position":[[12966,30]]}}}],["dropstart",{"_index":625,"t":{"102":{"position":[[340,10]]},"660":{"position":[[13340,10],[25856,9]]}}}],["dropstart</dropdownactionbutton",{"_index":4084,"t":{"660":{"position":[[14335,32]]}}}],["dropup",{"_index":622,"t":{"102":{"position":[[301,8],[310,6]]},"660":{"position":[[10634,7],[11689,6],[25825,6],[25832,6]]}}}],["dropup</dropdowntogglebutton",{"_index":4077,"t":{"660":{"position":[[11975,29]]}}}],["dt",{"_index":2078,"t":{"588":{"position":[[6709,2]]}}}],["due",{"_index":92,"t":{"2":{"position":[[2235,3]]},"118":{"position":[[400,3]]}}}],["dui",{"_index":1936,"t":{"582":{"position":[[8908,4],[9169,4],[9525,4],[11111,4],[13149,4],[13410,4],[13766,4],[15352,4],[17290,4],[17551,4],[17907,4],[19493,4]]}}}],["duidelijk",{"_index":5139,"t":{"668":{"position":[[121660,12]]}}}],["dutch",{"_index":5101,"t":{"668":{"position":[[119289,6]]}}}],["dynam",{"_index":396,"t":{"54":{"position":[[233,11],[334,11],[464,7]]},"68":{"position":[[389,11],[490,11],[620,7],[656,7],[704,7]]},"72":{"position":[[618,11]]},"80":{"position":[[304,7]]},"88":{"position":[[262,7]]},"110":{"position":[[587,11],[800,7]]},"574":{"position":[[4625,12],[5438,11],[8516,11],[9874,11],[9969,11]]},"578":{"position":[[2098,7],[2163,11],[2273,11],[8998,7]]},"582":{"position":[[3311,7],[3371,11],[3476,11],[4824,7],[21449,7],[21506,7]]},"588":{"position":[[4113,7],[4169,11],[4270,11],[5577,7],[15360,7],[15413,7]]},"596":{"position":[[4515,11]]},"602":{"position":[[12697,7],[14029,7]]},"608":{"position":[[1578,11],[2269,11]]},"612":{"position":[[13798,7],[14702,7],[14770,12],[16441,7],[16461,7]]},"668":{"position":[[63169,12],[65494,12],[95396,7],[153098,7]]}}}],["e",{"_index":1826,"t":{"582":{"position":[[5976,2]]},"588":{"position":[[6679,2]]},"626":{"position":[[1361,1]]},"630":{"position":[[1879,1]]},"668":{"position":[[79702,1]]}}}],["e.g",{"_index":1152,"t":{"566":{"position":[[3181,5],[3669,5],[4158,5],[4644,5],[5129,5],[5639,5],[6146,5],[6654,5],[7159,5],[7663,5]]},"572":{"position":[[2271,6]]}}}],["e.isact",{"_index":5062,"t":{"668":{"position":[[79636,11],[79707,10]]}}}],["each",{"_index":1189,"t":{"568":{"position":[[2548,4],[3099,4],[3649,4],[4412,4],[5037,4],[5660,4],[6402,4],[6953,4],[7503,4],[8204,4],[8769,4],[9319,4],[10034,4],[10585,4],[11135,4],[12214,4],[12777,4],[13339,4],[13897,4],[14445,4],[15005,4],[18531,4],[19082,4],[19632,4],[20916,4],[21489,4],[22061,4]]},"574":{"position":[[1831,4]]},"616":{"position":[[1831,4],[1947,4],[2202,4]]},"618":{"position":[[318,4]]}}}],["easi",{"_index":366,"t":{"44":{"position":[[614,4]]},"606":{"position":[[350,4]]}}}],["easier",{"_index":3103,"t":{"618":{"position":[[279,6]]}}}],["easili",{"_index":2175,"t":{"590":{"position":[[1626,6]]},"604":{"position":[[920,6]]},"606":{"position":[[113,6]]}}}],["edg",{"_index":1165,"t":{"568":{"position":[[488,4],[496,4],[6135,4],[6143,4]]},"582":{"position":[[2508,4]]},"616":{"position":[[9404,6],[10853,6],[13081,6],[15179,6]]}}}],["edit",{"_index":169,"t":{"4":{"position":[[202,4]]},"6":{"position":[[287,4]]},"8":{"position":[[292,4]]},"10":{"position":[[744,4]]},"12":{"position":[[370,4]]},"14":{"position":[[393,4]]},"16":{"position":[[369,4]]},"18":{"position":[[310,4]]},"20":{"position":[[389,4]]},"22":{"position":[[272,4]]},"24":{"position":[[321,4]]},"26":{"position":[[270,4]]},"28":{"position":[[307,4]]},"30":{"position":[[651,4]]},"32":{"position":[[434,4]]},"34":{"position":[[775,4]]},"36":{"position":[[274,4]]},"38":{"position":[[611,4]]},"40":{"position":[[592,4]]},"42":{"position":[[483,4]]},"44":{"position":[[863,4]]},"46":{"position":[[897,4]]},"48":{"position":[[715,4]]},"50":{"position":[[589,4]]},"52":{"position":[[500,4]]},"54":{"position":[[852,4]]},"56":{"position":[[455,4]]},"58":{"position":[[572,4]]},"60":{"position":[[797,4]]},"62":{"position":[[414,4]]},"64":{"position":[[473,4]]},"66":{"position":[[446,4]]},"68":{"position":[[1100,4]]},"70":{"position":[[668,4]]},"72":{"position":[[1154,4]]},"74":{"position":[[1173,4]]},"76":{"position":[[430,4]]},"78":{"position":[[527,4]]},"80":{"position":[[1940,4]]},"82":{"position":[[672,4]]},"84":{"position":[[497,4]]},"86":{"position":[[517,4]]},"88":{"position":[[888,4]]},"90":{"position":[[378,4]]},"92":{"position":[[457,4]]},"94":{"position":[[411,4]]},"96":{"position":[[1092,4]]},"98":{"position":[[692,4]]},"100":{"position":[[573,4]]},"102":{"position":[[1564,4]]},"104":{"position":[[1030,4]]},"106":{"position":[[604,4]]},"108":{"position":[[693,4]]},"110":{"position":[[1291,4]]},"112":{"position":[[437,4]]},"114":{"position":[[980,4]]},"116":{"position":[[541,4]]},"118":{"position":[[1234,4]]},"120":{"position":[[600,4]]},"122":{"position":[[517,4]]},"124":{"position":[[1684,4]]},"126":{"position":[[420,4]]},"128":{"position":[[840,4]]},"560":{"position":[[2352,4]]},"564":{"position":[[3987,4]]},"566":{"position":[[7837,4]]},"568":{"position":[[23432,4]]},"570":{"position":[[942,4]]},"572":{"position":[[7305,4]]},"574":{"position":[[9716,4]]},"576":{"position":[[5237,4]]},"578":{"position":[[8887,4]]},"580":{"position":[[13333,4]]},"582":{"position":[[21336,4]]},"586":{"position":[[3490,4]]},"588":{"position":[[15253,4]]},"590":{"position":[[3357,4]]},"592":{"position":[[3694,4]]},"594":{"position":[[1624,4]]},"596":{"position":[[8286,4]]},"598":{"position":[[9768,4]]},"600":{"position":[[17487,4]]},"602":{"position":[[13846,4]]},"604":{"position":[[4669,4]]},"606":{"position":[[12191,4]]},"608":{"position":[[2135,4]]},"610":{"position":[[4324,4]]},"612":{"position":[[16115,4]]},"614":{"position":[[1373,4]]},"616":{"position":[[17001,4]]},"618":{"position":[[15318,4]]},"620":{"position":[[17289,4]]},"622":{"position":[[13415,4]]},"624":{"position":[[14842,4]]},"626":{"position":[[11647,4]]},"628":{"position":[[12883,4]]},"630":{"position":[[17485,4]]},"632":{"position":[[6110,4]]},"634":{"position":[[2895,4]]},"636":{"position":[[8200,4]]},"638":{"position":[[8710,4]]},"640":{"position":[[8724,4]]},"642":{"position":[[7623,4]]},"644":{"position":[[7784,4]]},"646":{"position":[[2979,4]]},"648":{"position":[[3163,4]]},"650":{"position":[[7619,4]]},"652":{"position":[[1865,4]]},"654":{"position":[[1870,4]]},"656":{"position":[[7514,4]]},"658":{"position":[[5820,4]]},"660":{"position":[[25525,4]]},"662":{"position":[[12057,4]]},"664":{"position":[[25240,4]]},"666":{"position":[[1358146,4]]},"668":{"position":[[152240,4]]}}}],["editcontext",{"_index":639,"t":{"102":{"position":[[1091,11]]},"622":{"position":[[9426,11]]},"626":{"position":[[9644,11],[9656,12],[9711,11],[10470,11]]},"628":{"position":[[8375,11],[8387,12],[8442,11],[8708,11],[11524,11],[11536,12],[11707,11],[12528,11]]},"630":{"position":[[13009,11],[13021,12],[13076,11],[13835,11]]},"660":{"position":[[20554,11],[20566,11],[20632,11],[21391,11]]},"662":{"position":[[7467,11],[7479,12],[7584,11],[7964,11],[10755,11],[10767,12],[10940,11],[11788,11]]}}}],["editcontext(customeraddress",{"_index":3377,"t":{"622":{"position":[[9570,29]]}}}],["editcontext(flightform",{"_index":4194,"t":{"662":{"position":[[7602,24],[7982,24],[10958,24],[11806,24]]}}}],["editcontext(invoic",{"_index":3517,"t":{"626":{"position":[[9729,21],[10488,21]]},"628":{"position":[[8460,21],[8726,21]]},"630":{"position":[[13094,21],[13853,21]]},"660":{"position":[[20650,21],[21409,21]]}}}],["editcontext(onlinecourseform",{"_index":3649,"t":{"628":{"position":[[11725,30],[12546,30]]}}}],["editcontext=\"@_editcontext",{"_index":3357,"t":{"622":{"position":[[8377,27]]}}}],["editcontext=\"@editcontext",{"_index":3498,"t":{"626":{"position":[[8134,26]]},"628":{"position":[[7314,26],[9911,26]]},"630":{"position":[[11370,26]]},"660":{"position":[[19193,26]]},"662":{"position":[[5431,26],[9451,26]]}}}],["editform",{"_index":3356,"t":{"622":{"position":[[8367,9],[9349,11]]},"626":{"position":[[8124,9],[9583,11]]},"628":{"position":[[7304,9],[8314,11],[9901,9],[11399,11]]},"630":{"position":[[11360,9],[12948,11]]},"660":{"position":[[19183,9],[20465,11]]},"662":{"position":[[5421,9],[7400,11],[9441,9],[10638,11]]}}}],["effect",{"_index":358,"t":{"44":{"position":[[432,6]]},"576":{"position":[[1423,6]]},"588":{"position":[[7826,6]]},"598":{"position":[[354,7]]},"612":{"position":[[341,7],[2925,7],[2953,6],[16264,6]]},"668":{"position":[[5318,6],[5461,6]]}}}],["efficitur",{"_index":1956,"t":{"582":{"position":[[9669,9],[13910,9],[18051,9]]}}}],["egesta",{"_index":1930,"t":{"582":{"position":[[8693,7],[11002,7],[12934,7],[15243,7],[17075,7],[19384,7]]}}}],["eget",{"_index":1861,"t":{"582":{"position":[[7832,4],[7976,4],[8388,4],[8913,4],[9345,4],[9439,4],[9494,4],[9775,4],[9807,4],[10539,5],[10785,5],[11101,4],[11123,4],[12073,4],[12217,4],[12629,4],[13154,4],[13586,4],[13680,4],[13735,4],[14016,4],[14048,4],[14780,5],[15026,5],[15342,4],[15364,4],[16214,4],[16358,4],[16770,4],[17295,4],[17727,4],[17821,4],[17876,4],[18157,4],[18189,4],[18921,5],[19167,5],[19483,4],[19505,4]]}}}],["eight",{"_index":1044,"t":{"564":{"position":[[932,5]]}}}],["eindigt",{"_index":5136,"t":{"668":{"position":[[121505,8]]}}}],["eleifend",{"_index":1894,"t":{"582":{"position":[[8130,8],[9246,9],[9360,8],[12371,8],[13487,9],[13601,8],[16512,8],[17628,9],[17742,8]]}}}],["element",{"_index":735,"t":{"114":{"position":[[515,8]]},"564":{"position":[[1691,8],[3612,7]]},"568":{"position":[[2553,8],[3104,8],[3654,8],[4417,8],[5042,8],[5665,8],[6407,8],[6958,8],[7508,8],[8209,8],[8774,8],[9324,8],[10039,8],[10590,8],[11140,8],[12219,8],[12782,8],[13344,8],[13902,8],[14450,8],[15010,8],[18536,8],[19087,8],[19637,8],[20921,8],[21494,8],[22066,8]]},"572":{"position":[[764,7]]},"574":{"position":[[6936,7]]},"576":{"position":[[477,7],[576,8],[621,8],[670,7],[873,7],[1096,7],[1343,7]]},"578":{"position":[[824,9],[997,9]]},"580":{"position":[[2795,8],[10656,7]]},"582":{"position":[[1401,8],[1453,7],[1560,8],[1612,7],[2103,7],[2316,7],[20374,8]]},"586":{"position":[[2219,8]]},"588":{"position":[[2407,7],[2620,7]]},"590":{"position":[[1716,8]]},"598":{"position":[[1664,8]]},"602":{"position":[[1319,8]]},"606":{"position":[[1849,7]]},"608":{"position":[[659,8]]},"616":{"position":[[4623,8]]},"618":{"position":[[3992,8]]},"620":{"position":[[6589,8]]},"624":{"position":[[3710,8]]},"660":{"position":[[1575,7],[3340,7],[3562,7],[10672,9],[12342,9],[13390,9],[14499,7],[15889,7],[24643,7]]}}}],["element'",{"_index":2635,"t":{"604":{"position":[[869,9]]}}}],["elementum",{"_index":1871,"t":{"582":{"position":[[7917,10],[12158,10],[16299,10]]}}}],["element’",{"_index":4048,"t":{"660":{"position":[[3127,9]]}}}],["elimin",{"_index":690,"t":{"110":{"position":[[336,11]]}}}],["elit",{"_index":1843,"t":{"582":{"position":[[7649,5],[7727,4],[7773,5],[8902,5],[9297,4],[9470,4],[10290,5],[10745,5],[11890,5],[11968,4],[12014,5],[13143,5],[13538,4],[13711,4],[14531,5],[14986,5],[16031,5],[16109,4],[16155,5],[17284,5],[17679,4],[17852,4],[18672,5],[19127,5]]}}}],["em",{"_index":1325,"t":{"572":{"position":[[806,2]]},"668":{"position":[[123867,3]]}}}],["em>with</em",{"_index":2775,"t":{"608":{"position":[[2052,13]]}}}],["email",{"_index":4469,"t":{"668":{"position":[[28256,5],[28490,5],[28734,5],[28969,5],[29213,5],[29460,5],[29697,5],[29936,5],[30175,5],[48097,5],[48331,5],[48575,5],[48810,5],[49054,5],[49301,5],[49538,5],[49777,5],[50016,5]]}}}],["email.png",{"_index":2409,"t":{"598":{"position":[[7009,10]]}}}],["email</ribbonitem",{"_index":2351,"t":{"598":{"position":[[3897,20],[7046,20]]}}}],["embed",{"_index":1001,"t":{"560":{"position":[[1610,8],[1658,8],[2323,8],[2435,8]]},"594":{"position":[[442,9]]}}}],["emp",{"_index":4433,"t":{"668":{"position":[[18472,3],[67534,4],[67752,5],[67801,3],[68075,4],[70162,4],[82734,3],[85760,3],[89255,3],[91213,4],[93415,3]]}}}],["emp.design",{"_index":5045,"t":{"668":{"position":[[67897,15],[70219,16]]}}}],["emp.doj",{"_index":5047,"t":{"668":{"position":[[67940,7]]}}}],["emp.id",{"_index":2620,"t":{"602":{"position":[[11977,6]]},"668":{"position":[[67824,6],[67886,10],[67929,10],[91227,6]]}}}],["emp.isact",{"_index":5051,"t":{"668":{"position":[[68047,12],[70172,15]]}}}],["emp.nam",{"_index":5044,"t":{"668":{"position":[[67864,8]]}}}],["emp1.design",{"_index":5212,"t":{"668":{"position":[[150434,17]]}}}],["emp1.doj",{"_index":5213,"t":{"668":{"position":[[150548,9]]}}}],["emp1.id",{"_index":5210,"t":{"668":{"position":[[150195,8]]}}}],["emp1.isact",{"_index":5214,"t":{"668":{"position":[[150662,14]]}}}],["emp1.nam",{"_index":5211,"t":{"668":{"position":[[150311,10]]}}}],["emplist1",{"_index":2602,"t":{"602":{"position":[[7430,11],[7650,11],[7899,11]]}}}],["emplist2",{"_index":2603,"t":{"602":{"position":[[7509,11],[7733,11],[7993,11]]}}}],["employe",{"_index":1600,"t":{"578":{"position":[[1693,8],[2619,8],[2957,11],[3028,8],[3128,10],[3704,8],[3713,9],[3820,8],[3855,8],[3870,8],[4192,8]]},"582":{"position":[[3746,8],[4035,9],[4525,8],[4534,8],[4652,8],[4687,8],[4702,8],[5425,8],[5887,9],[6627,8],[6636,8],[6833,8],[6868,8],[6883,8]]},"588":{"position":[[4527,8],[4799,9],[5289,8],[5298,9],[5405,8],[5440,8],[5455,8],[6181,8],[6590,9],[7323,8],[7332,9],[7518,8],[7553,8],[7568,8]]},"592":{"position":[[1445,9]]},"602":{"position":[[2500,9],[2563,10],[3805,10],[3922,10],[6180,10],[6298,10],[6416,10],[7345,9],[9030,10],[9148,10],[10658,8],[10722,8],[11354,9],[11417,10],[12167,9],[12230,10],[13044,9],[13142,9],[13205,10]]},"606":{"position":[[11969,8],[12029,10]]},"658":{"position":[[5418,8],[5485,10],[5506,9],[5698,10]]},"668":{"position":[[8241,10],[8294,9],[9766,8],[10741,10],[10794,9],[13020,10],[13073,9],[15821,10],[15874,9],[18442,10],[18573,9],[18774,10],[18802,9],[18873,9],[18941,9],[20654,10],[20687,9],[20730,9],[21780,10],[21916,10],[21944,9],[22015,9],[22083,9],[24462,10],[24598,10],[24626,9],[24697,9],[24765,9],[27739,10],[27875,10],[27903,9],[27974,9],[28042,9],[34316,10],[34452,10],[34480,9],[34551,9],[34619,9],[36964,10],[37100,10],[37128,9],[37199,9],[37267,9],[39540,10],[39676,10],[39704,9],[39775,9],[39843,9],[42156,10],[42292,10],[42320,9],[42391,9],[42459,9],[44744,10],[44880,10],[44908,9],[44979,9],[45047,9],[47580,10],[47716,10],[47744,9],[47815,9],[47883,9],[60329,10],[60521,10],[60549,9],[60620,9],[60688,9],[63233,9],[65558,9],[65681,8],[65790,8],[66544,10],[66597,9],[67327,9],[67617,9],[67740,9],[67875,10],[68097,8],[68130,8],[68155,9],[68222,8],[68276,9],[68312,9],[68361,9],[68390,9],[68644,8],[68718,8],[69752,10],[69888,10],[69916,9],[69987,9],[70055,9],[72029,8],[72113,8],[73176,10],[73312,10],[73340,9],[73411,9],[73479,9],[76288,10],[76424,10],[76452,9],[76523,9],[76591,9],[79559,9],[79909,10],[79937,9],[80008,9],[80076,9],[82704,10],[82835,9],[83090,10],[83118,9],[83189,9],[83257,9],[84589,10],[84622,9],[84665,9],[85730,10],[85861,9],[86116,10],[86144,9],[86215,9],[86283,9],[87615,10],[87648,9],[87691,9],[88123,8],[88203,8],[89225,10],[89356,9],[89557,10],[89585,9],[89656,9],[89724,9],[91068,10],[91339,10],[91372,9],[91415,9],[93385,10],[93516,9],[93771,10],[93799,9],[93870,9],[93938,9],[95270,10],[95303,9],[95346,9],[96447,9],[96594,10],[96622,9],[96693,9],[96761,9],[99242,9],[99389,10],[99417,9],[99488,9],[99556,9],[104587,9],[104734,10],[104762,9],[104833,9],[104901,9],[113020,9],[113167,10],[113195,9],[113266,9],[113334,9],[115240,9],[115387,10],[115415,9],[115486,9],[115554,9],[117707,9],[117854,10],[117882,9],[117953,9],[118021,9],[120618,9],[121874,10],[121902,9],[121973,9],[122041,9],[125521,9],[125783,10],[125811,9],[125882,9],[125950,9],[139293,9],[139440,10],[139468,9],[139539,9],[139607,9],[142232,9],[142363,9],[144884,9],[145015,9],[148138,9],[151341,9]]}}}],["employee(i",{"_index":2542,"t":{"602":{"position":[[2551,11],[3793,11],[3910,11],[6168,11],[6286,11],[6404,11],[9018,11],[9136,11],[11405,11],[12218,11],[13193,11]]}}}],["employee(int",{"_index":2552,"t":{"602":{"position":[[2863,12],[5184,12],[8130,12],[10265,12],[11717,12],[12530,12],[13559,12],[13797,12]]}}}],["employee1",{"_index":4375,"t":{"668":{"position":[[8332,9],[8456,9],[8587,9],[8711,9],[8840,9],[8973,9],[9093,9],[9215,9],[9338,9],[10832,9],[10956,9],[11087,9],[11211,9],[11340,9],[11473,9],[11593,9],[11715,9],[11838,9],[13111,9],[13235,9],[13366,9],[13490,9],[13619,9],[13752,9],[13872,9],[13994,9],[14124,9],[14249,9],[14372,9],[14491,9],[15912,9],[16036,9],[16167,9],[16291,9],[16420,9],[16553,9],[16673,9],[16795,9],[16918,9],[19092,9],[19216,9],[19347,9],[19471,9],[19600,9],[19733,9],[19853,9],[19975,9],[20105,9],[20230,9],[20353,9],[20472,9],[22234,9],[22358,9],[22489,9],[22613,9],[22742,9],[22875,9],[22995,9],[23117,9],[23240,9],[24916,9],[25040,9],[25171,9],[25295,9],[25424,9],[25557,9],[25677,9],[25799,9],[25922,9],[34770,9],[34894,9],[35025,9],[35149,9],[35278,9],[35411,9],[35531,9],[35653,9],[35776,9],[37418,9],[37542,9],[37673,9],[37797,9],[37926,9],[38059,9],[38179,9],[38301,9],[38424,9],[39994,9],[40118,9],[40249,9],[40373,9],[40502,9],[40635,9],[40755,9],[40877,9],[41000,9],[61549,9],[61673,9],[61804,9],[61928,9],[62057,9],[62190,9],[62310,9],[62432,9],[62562,9],[62687,9],[62810,9],[62929,9],[64177,9],[64301,9],[64432,9],[64556,9],[64685,9],[64896,9],[65016,9],[65138,9],[65261,9],[66635,9],[66759,9],[66890,9],[67014,9],[67143,9],[67768,9],[67811,12],[70380,9],[70504,9],[70635,9],[70759,9],[70888,9],[71021,9],[71141,9],[71263,9],[71393,9],[71518,9],[71641,9],[71760,9],[73630,9],[73754,9],[73885,9],[74009,9],[74138,9],[74271,9],[74391,9],[74513,9],[74643,9],[74768,9],[74891,9],[75010,9],[76742,9],[76866,9],[76997,9],[77121,9],[77250,9],[77383,9],[77503,9],[77625,9],[77755,9],[77880,9],[78003,9],[78122,9],[80227,9],[80351,9],[80482,9],[80606,9],[80735,9],[80868,9],[80988,9],[81110,9],[81240,9],[81365,9],[81488,9],[81607,9],[83408,9],[83532,9],[83663,9],[83787,9],[83916,9],[84049,9],[84169,9],[84291,9],[84414,9],[86434,9],[86558,9],[86689,9],[86813,9],[86942,9],[87075,9],[87195,9],[87317,9],[87440,9],[89875,9],[89999,9],[90130,9],[90254,9],[90383,9],[90516,9],[90636,9],[90758,9],[90881,9],[94089,9],[94213,9],[94344,9],[94468,9],[94597,9],[94730,9],[94850,9],[94972,9],[95095,9],[96912,9],[97036,9],[97167,9],[97291,9],[97420,9],[97553,9],[97673,9],[97795,9],[97925,9],[98050,9],[98173,9],[98292,9],[99707,9],[99831,9],[99962,9],[100086,9],[100215,9],[100348,9],[100468,9],[100590,9],[100720,9],[100845,9],[100968,9],[101087,9],[105052,9],[105183,9],[105307,9],[105436,9],[105569,9],[105689,9],[113485,9],[113616,9],[113740,9],[113869,9],[114002,9],[114122,9],[115705,9],[115836,9],[115960,9],[116089,9],[116222,9],[116342,9],[118172,9],[118303,9],[118427,9],[118556,9],[118689,9],[118809,9],[122192,9],[122316,9],[122447,9],[122571,9],[122700,9],[122833,9],[122953,9],[123075,9],[123205,9],[123330,9],[123453,9],[123572,9],[139758,9],[139882,9],[140013,9],[140137,9],[140266,9],[140399,9],[140519,9],[140641,9],[140771,9],[140896,9],[141019,9],[141138,9],[148176,9],[148300,9],[148431,9],[148555,9],[148684,9],[148835,9],[151379,9],[151503,9],[151634,9],[151758,9],[151887,9],[152038,9]]}}}],["employee2",{"_index":4554,"t":{"668":{"position":[[42610,9],[42715,9],[42830,9],[42937,9],[43050,9],[43170,9],[43273,9],[43378,9],[43485,9],[45198,9],[45303,9],[45418,9],[45525,9],[45638,9],[45758,9],[45861,9],[45966,9],[46073,9]]}}}],["employee3",{"_index":4468,"t":{"668":{"position":[[28193,9],[28431,9],[28673,9],[28910,9],[29150,9],[29402,9],[29632,9],[29871,9],[30111,9],[48034,9],[48272,9],[48514,9],[48751,9],[48991,9],[49243,9],[49473,9],[49712,9],[49952,9]]}}}],["employee4",{"_index":5151,"t":{"668":{"position":[[126101,9],[126225,9],[126357,9],[126481,9],[126610,9],[126743,9],[126863,9],[126985,9],[127108,9],[127207,9]]}}}],["employeedemocomponent.razor",{"_index":1618,"t":{"578":{"position":[[3264,27]]}}}],["employeedemocomponent1.razor",{"_index":1806,"t":{"582":{"position":[[4084,28]]},"588":{"position":[[4848,28]]}}}],["employeedemocomponent2.razor",{"_index":1827,"t":{"582":{"position":[[6040,28]]},"588":{"position":[[6736,28]]}}}],["employeeid",{"_index":1627,"t":{"578":{"position":[[3746,10],[3834,12]]},"582":{"position":[[4578,10],[4666,12],[6680,10],[6847,12]]},"588":{"position":[[5331,10],[5419,12],[7365,10],[7532,12]]},"668":{"position":[[91144,10],[91265,10]]}}}],["employeelist1",{"_index":2565,"t":{"602":{"position":[[3738,13],[6112,13],[8962,13]]}}}],["employeelist1.add(itemtomov",{"_index":2573,"t":{"602":{"position":[[4196,30],[6690,30],[9422,30]]}}}],["employeelist1.count",{"_index":2571,"t":{"602":{"position":[[4121,20],[6615,20],[9347,20]]}}}],["employeelist1.insert(args.newindex",{"_index":2572,"t":{"602":{"position":[[4142,35],[5025,35],[6636,35],[7662,35],[9368,35],[10205,35]]}}}],["employeelist1.remove(employeelist1[args.oldindex",{"_index":2582,"t":{"602":{"position":[[4785,51],[7911,51]]}}}],["employeelist1.removeat(args.oldindex",{"_index":2570,"t":{"602":{"position":[[4062,38],[6556,38],[9288,38]]}}}],["employeelist1[args.oldindex",{"_index":2569,"t":{"602":{"position":[[4032,29],[4627,29],[6526,29],[7449,29],[9258,29],[9853,29]]}}}],["employeelist2",{"_index":2566,"t":{"602":{"position":[[3855,13],[6230,13],[9080,13]]}}}],["employeelist2.add(itemtomov",{"_index":2579,"t":{"602":{"position":[[4475,30],[6969,30],[9701,30]]}}}],["employeelist2.count",{"_index":2577,"t":{"602":{"position":[[4400,20],[6894,20],[9626,20]]}}}],["employeelist2.insert(args.newindex",{"_index":2578,"t":{"602":{"position":[[4421,35],[4694,35],[6915,35],[7745,35],[9647,35],[9946,35]]}}}],["employeelist2.remove(employeelist2[args.oldindex",{"_index":2584,"t":{"602":{"position":[[5116,51],[8005,51]]}}}],["employeelist2.removeat(args.oldindex",{"_index":2576,"t":{"602":{"position":[[4341,38],[6835,38],[9567,38]]}}}],["employeelist2[args.oldindex",{"_index":2575,"t":{"602":{"position":[[4311,29],[4958,29],[6805,29],[7528,29],[9537,29],[10111,29]]}}}],["employeelist3",{"_index":2592,"t":{"602":{"position":[[6348,13]]}}}],["employeelist3.add(itemtomov",{"_index":2599,"t":{"602":{"position":[[7248,30]]}}}],["employeelist3.count",{"_index":2597,"t":{"602":{"position":[[7173,20]]}}}],["employeelist3.insert(args.newindex",{"_index":2598,"t":{"602":{"position":[[7194,35],[7793,35]]}}}],["employeelist3.remove(employeelist3[args.oldindex",{"_index":2605,"t":{"602":{"position":[[8062,51]]}}}],["employeelist3.removeat(args.oldindex",{"_index":2596,"t":{"602":{"position":[[7114,38]]}}}],["employeelist3[args.oldindex",{"_index":2595,"t":{"602":{"position":[[7084,29],[7570,29]]}}}],["employees!.add(createemploye",{"_index":5035,"t":{"668":{"position":[[67407,33]]}}}],["employees!.getrange(0",{"_index":5039,"t":{"668":{"position":[[67541,22]]}}}],["employees!.max(x",{"_index":5042,"t":{"668":{"position":[[67833,16]]}}}],["employees.add(itemtomov",{"_index":2551,"t":{"602":{"position":[[2820,26],[11674,26],[12487,26],[13516,26]]}}}],["employees.ani",{"_index":4438,"t":{"668":{"position":[[20712,15],[84647,15],[87673,15],[91397,15],[95328,15]]}}}],["employees.any(x",{"_index":5068,"t":{"668":{"position":[[91088,15]]}}}],["employees.count",{"_index":2549,"t":{"602":{"position":[[2753,16],[11607,16],[12420,16],[13449,16]]},"668":{"position":[[67564,17]]}}}],["employees.insert(args.newindex",{"_index":2550,"t":{"602":{"position":[[2770,31],[11624,31],[12437,31],[13466,31]]}}}],["employees.removeat(args.oldindex",{"_index":2547,"t":{"602":{"position":[[2698,34],[11552,34],[12365,34],[13394,34]]}}}],["employees:</p",{"_index":5025,"t":{"668":{"position":[[63366,14]]}}}],["employees?.all(",{"_index":5061,"t":{"668":{"position":[[79616,16]]}}}],["employees[args.oldindex",{"_index":2546,"t":{"602":{"position":[[2672,25],[11526,25],[12339,25],[13368,25]]}}}],["employeesdataprovider(griddataproviderrequest<employe",{"_index":4558,"t":{"668":{"position":[[50983,55],[58419,55]]}}}],["employeesdataprovider(griddataproviderrequest<employee1",{"_index":4407,"t":{"668":{"position":[[9512,56],[12012,56],[14672,56],[17092,56],[18703,56],[21845,56],[24527,56],[34381,56],[37029,56],[39605,56],[60450,56],[69817,56],[73241,56],[76353,56],[79784,56],[82965,56],[85991,56],[89486,56],[93646,56],[96523,56],[99318,56],[104663,56],[113096,56],[115316,56],[117783,56],[121803,56],[139369,56]]}}}],["employeesdataprovider(griddataproviderrequest<employee2",{"_index":4552,"t":{"668":{"position":[[42221,56],[44809,56]]}}}],["employeesdataprovider(griddataproviderrequest<employee3",{"_index":4466,"t":{"668":{"position":[[27804,56],[47645,56]]}}}],["employeesdataprovider(griddataproviderrequest<employee4",{"_index":5149,"t":{"668":{"position":[[125712,56]]}}}],["emps.add(createemploye",{"_index":5040,"t":{"668":{"position":[[67582,27]]}}}],["empti",{"_index":294,"t":{"30":{"position":[[504,5]]},"60":{"position":[[423,5],[511,5]]},"602":{"position":[[13608,5],[14042,5]]},"622":{"position":[[506,5]]},"636":{"position":[[961,5],[1133,5]]},"640":{"position":[[959,5],[1131,5]]},"642":{"position":[[973,5],[1145,5]]},"644":{"position":[[973,5],[1145,5]]},"652":{"position":[[1843,5]]},"654":{"position":[[1848,5]]},"668":{"position":[[50203,5],[51187,5],[152777,5],[152788,5]]}}}],["emptydatatempl",{"_index":2519,"t":{"602":{"position":[[928,17]]},"668":{"position":[[1412,17]]}}}],["emptytext",{"_index":2520,"t":{"602":{"position":[[1053,9]]},"622":{"position":[[454,9]]},"668":{"position":[[1513,9],[50368,9]]}}}],["emptytext=\"no",{"_index":4556,"t":{"668":{"position":[[50516,13]]}}}],["en",{"_index":3434,"t":{"626":{"position":[[700,2]]},"630":{"position":[[872,2]]}}}],["enabl",{"_index":351,"t":{"44":{"position":[[292,6]]},"72":{"position":[[605,6]]},"80":{"position":[[479,8],[626,8],[769,8],[914,8],[1053,8],[1196,8]]},"574":{"position":[[1659,7],[4612,6],[5425,6],[9861,6]]},"576":{"position":[[2570,6]]},"578":{"position":[[8314,8]]},"588":{"position":[[1084,7]]},"602":{"position":[[143,7],[8242,6]]},"616":{"position":[[16779,6]]},"618":{"position":[[12395,6]]},"620":{"position":[[17065,6]]},"622":{"position":[[1246,8],[1260,7],[10937,6],[11818,8],[11950,8],[11984,6],[12069,8],[12551,6],[13363,8]]},"624":{"position":[[8769,6]]},"626":{"position":[[1180,8],[1189,7],[3531,6],[6644,6],[6881,8],[7013,8],[7047,6],[7131,8],[7457,6],[7615,8],[11759,6]]},"628":{"position":[[207,7],[1191,6],[1198,7],[3062,6],[5766,6],[6044,8],[6176,8],[6210,6],[6292,8],[6619,6],[6816,8],[13000,6]]},"630":{"position":[[1694,8],[1703,7],[5593,6],[7436,6],[9861,6],[10098,8],[10230,8],[10264,6],[10350,8],[10680,6],[10844,8],[17776,6]]},"632":{"position":[[679,8],[688,7],[2311,6],[2553,8],[2685,8],[2719,6],[2804,8],[3118,6],[3278,8]]},"634":{"position":[[548,8],[562,7],[1253,6],[1496,8],[1628,8],[1662,6],[1741,8],[2013,6],[2158,8]]},"660":{"position":[[338,7]]},"662":{"position":[[211,7],[1135,6],[1142,7],[2234,6],[3910,6],[4185,8],[4317,8],[4351,6],[4433,8],[4736,6],[4932,8],[12163,6]]},"668":{"position":[[346,8],[1260,6],[1354,6],[3641,6],[3817,6],[4546,8],[4569,7],[5995,6],[6062,7],[46338,6],[60863,6],[81790,6],[146688,6],[149092,6],[149119,6]]}}}],["enabledropdown",{"_index":4090,"t":{"660":{"position":[[15685,16]]}}}],["enablefadeeffect",{"_index":2315,"t":{"598":{"position":[[299,16]]},"612":{"position":[[286,16]]}}}],["enablefadeeffect=\"tru",{"_index":2845,"t":{"612":{"position":[[2978,23],[3123,24],[3979,24],[4968,24],[6032,23],[6896,23],[9497,24]]}}}],["enableminmax",{"_index":3433,"t":{"626":{"position":[[494,12]]},"628":{"position":[[533,12]]},"630":{"position":[[574,12]]},"662":{"position":[[537,12]]}}}],["enableminmax=\"fals",{"_index":3436,"t":{"626":{"position":[[788,21],[864,21]]},"628":{"position":[[773,21],[879,21]]},"630":{"position":[[960,21],[1121,21]]},"662":{"position":[[777,21],[853,21]]}}}],["enableminmax=\"tru",{"_index":3474,"t":{"626":{"position":[[3555,19],[4102,19]]},"628":{"position":[[3086,19],[3640,19],[3968,19],[4294,19],[4622,19],[10960,19]]},"630":{"position":[[7460,19],[8037,19]]},"662":{"position":[[2258,19],[2812,19],[3115,19],[10199,19]]}}}],["encourag",{"_index":2685,"t":{"606":{"position":[[1665,9],[1904,9]]}}}],["end",{"_index":1474,"t":{"574":{"position":[[6253,3]]},"582":{"position":[[1863,5]]},"588":{"position":[[2167,5]]},"600":{"position":[[6696,5],[9690,5],[12688,5]]},"604":{"position":[[3180,4]]},"612":{"position":[[13905,4],[14935,4]]},"614":{"position":[[1134,4]]},"618":{"position":[[14142,6]]},"620":{"position":[[2721,4],[15102,6],[15118,5],[15709,6],[15725,5]]},"622":{"position":[[2022,3]]},"624":{"position":[[10380,6],[10455,6]]},"626":{"position":[[5337,4],[9428,4],[9543,3]]},"628":{"position":[[8159,4],[8274,3],[9643,3],[11244,4],[11359,3],[12817,4]]},"630":{"position":[[8466,4],[12793,4],[12908,3]]},"636":{"position":[[7186,5]]},"638":{"position":[[7741,5]]},"640":{"position":[[7710,5]]},"642":{"position":[[6609,5]]},"644":{"position":[[6770,5]]},"650":{"position":[[6650,5]]},"652":{"position":[[817,5]]},"654":{"position":[[822,5]]},"656":{"position":[[6675,5]]},"660":{"position":[[20310,4],[20425,3]]},"662":{"position":[[7245,4],[7360,3],[10483,4],[10598,3]]},"664":{"position":[[6853,5],[18832,5]]}}}],["end\">employe",{"_index":1621,"t":{"578":{"position":[[3342,13]]},"582":{"position":[[4163,13],[6119,13]]},"588":{"position":[[4927,13],[6815,13]]}}}],["end\">first",{"_index":1623,"t":{"578":{"position":[[3470,10]]},"582":{"position":[[4291,10],[6247,10]]},"588":{"position":[[5055,10],[6943,10]]}}}],["end\">last",{"_index":1625,"t":{"578":{"position":[[3605,9]]},"582":{"position":[[4426,9],[6382,9]]},"588":{"position":[[5190,9],[7078,9]]}}}],["enddat",{"_index":3663,"t":{"628":{"position":[[12857,7]]}}}],["enddateinput",{"_index":3644,"t":{"628":{"position":[[11440,12]]}}}],["enddateinput.dis",{"_index":3653,"t":{"628":{"position":[[11993,23]]}}}],["enddateinput.en",{"_index":3656,"t":{"628":{"position":[[12177,22]]}}}],["endregion",{"_index":3056,"t":{"616":{"position":[[9035,10]]},"618":{"position":[[8070,10],[15269,10]]},"620":{"position":[[11077,10]]},"624":{"position":[[7624,10],[11495,10],[14793,10]]}}}],["engin",{"_index":4379,"t":{"668":{"position":[[8388,10],[8521,10],[8644,10],[8906,10],[10888,10],[11021,10],[11144,10],[11406,10],[13167,10],[13300,10],[13423,10],[13685,10],[14550,10],[15968,10],[16101,10],[16224,10],[16486,10],[19148,10],[19281,10],[19404,10],[19666,10],[20531,10],[22290,10],[22423,10],[22546,10],[22808,10],[24972,10],[25105,10],[25228,10],[25490,10],[28348,10],[28591,10],[28827,10],[29315,10],[34826,10],[34959,10],[35082,10],[35344,10],[37474,10],[37607,10],[37730,10],[37992,10],[40050,10],[40183,10],[40306,10],[40568,10],[42666,10],[42780,10],[42887,10],[43116,10],[45254,10],[45368,10],[45475,10],[45704,10],[48189,10],[48432,10],[48668,10],[49156,10],[61605,10],[61738,10],[61861,10],[62123,10],[62988,10],[64233,10],[64366,10],[64489,10],[64751,10],[66691,10],[66824,10],[66947,10],[67209,10],[67920,8],[70436,10],[70569,10],[70692,10],[70954,10],[71819,10],[73686,10],[73819,10],[73942,10],[74204,10],[75069,10],[76798,10],[76931,10],[77054,10],[77316,10],[78181,10],[80283,10],[80416,10],[80539,10],[80801,10],[81666,10],[83464,10],[83597,10],[83720,10],[83982,10],[86490,10],[86623,10],[86746,10],[87008,10],[89931,10],[90064,10],[90187,10],[90449,10],[94145,10],[94278,10],[94401,10],[94663,10],[96968,10],[97101,10],[97224,10],[97486,10],[98351,10],[99763,10],[99896,10],[100019,10],[100281,10],[101146,10],[105117,10],[105240,10],[105502,10],[113550,10],[113673,10],[113935,10],[115770,10],[115893,10],[116155,10],[118237,10],[118360,10],[118622,10],[122248,10],[122381,10],[122504,10],[122766,10],[123631,10],[126157,10],[126291,10],[126414,10],[126676,10],[139814,10],[139947,10],[140070,10],[140332,10],[141197,10],[148232,10],[148365,10],[148488,10],[148750,10],[151435,10],[151568,10],[151691,10],[151953,10]]}}}],["enhanc",{"_index":161,"t":{"2":{"position":[[3783,12]]},"16":{"position":[[161,12],[184,12]]},"22":{"position":[[129,12],[182,11]]},"24":{"position":[[129,12],[208,11]]},"28":{"position":[[112,12],[198,12],[216,11]]},"30":{"position":[[124,12],[184,12],[212,13]]},"34":{"position":[[115,13],[129,13],[212,13],[288,13],[537,13]]},"38":{"position":[[152,12]]},"42":{"position":[[126,13],[145,13]]},"44":{"position":[[151,12],[516,13]]},"46":{"position":[[156,13],[321,12],[349,12],[377,12]]},"48":{"position":[[116,12],[196,12],[229,12]]},"62":{"position":[[120,12]]},"64":{"position":[[121,12]]},"104":{"position":[[118,12]]},"106":{"position":[[116,12]]},"108":{"position":[[117,12]]},"114":{"position":[[115,12]]},"132":{"position":[[117,12],[391,12],[675,12]]},"136":{"position":[[712,12],[961,12]]},"138":{"position":[[156,13],[522,12],[870,12],[1212,12],[1501,13],[2296,13],[2710,12]]},"140":{"position":[[112,12],[315,12],[512,12]]},"148":{"position":[[550,12],[2693,13]]},"154":{"position":[[2593,12],[2878,12]]},"156":{"position":[[514,12]]},"162":{"position":[[797,13],[1163,12],[1511,12]]},"164":{"position":[[214,13],[580,12]]},"170":{"position":[[206,13],[572,12]]},"172":{"position":[[169,12],[418,12],[673,13]]},"176":{"position":[[182,13]]},"178":{"position":[[183,13]]},"180":{"position":[[208,12]]},"182":{"position":[[185,13]]},"184":{"position":[[201,12]]},"188":{"position":[[208,12]]},"192":{"position":[[170,12]]},"196":{"position":[[205,12]]},"198":{"position":[[207,13],[573,12]]},"200":{"position":[[170,12]]},"202":{"position":[[207,13],[573,12]]},"206":{"position":[[200,12]]},"208":{"position":[[209,12]]},"212":{"position":[[206,13]]},"214":{"position":[[450,12]]},"218":{"position":[[160,12],[444,12]]},"220":{"position":[[160,12],[508,12]]},"222":{"position":[[413,12],[662,12],[2851,13]]},"224":{"position":[[173,12]]},"228":{"position":[[2602,12],[2887,12]]},"236":{"position":[[422,12],[671,12],[2860,13]]},"238":{"position":[[169,12],[517,12],[859,12],[1148,13],[1943,13],[2357,12],[2549,12]]},"240":{"position":[[169,12],[453,12]]},"244":{"position":[[182,12],[379,12]]},"252":{"position":[[167,12]]},"254":{"position":[[175,12]]},"268":{"position":[[168,12]]},"274":{"position":[[169,12],[418,12],[673,13]]},"276":{"position":[[163,12]]},"282":{"position":[[166,12]]},"286":{"position":[[168,12]]},"306":{"position":[[168,12]]},"308":{"position":[[1643,12],[1928,12],[2202,12],[2486,12]]},"310":{"position":[[2596,12],[2881,12]]},"314":{"position":[[163,12],[447,12]]},"316":{"position":[[2703,12],[2952,12]]},"322":{"position":[[416,12],[665,12]]},"326":{"position":[[161,12]]},"330":{"position":[[1416,12]]},"334":{"position":[[481,12],[766,12]]},"336":{"position":[[1100,13]]},"342":{"position":[[739,12]]},"360":{"position":[[539,12],[824,12],[1098,12],[1382,12],[1811,13]]},"362":{"position":[[514,12]]},"364":{"position":[[166,12]]},"366":{"position":[[2285,12],[2534,12],[2778,13]]},"368":{"position":[[1808,12],[2093,12]]},"372":{"position":[[493,12]]},"376":{"position":[[157,12]]},"380":{"position":[[201,12]]},"388":{"position":[[482,12]]},"390":{"position":[[511,12],[796,12],[1072,12]]},"394":{"position":[[167,12]]},"398":{"position":[[1364,12]]},"402":{"position":[[162,12]]},"404":{"position":[[178,12]]},"406":{"position":[[455,12]]},"408":{"position":[[202,12]]},"416":{"position":[[838,12]]},"424":{"position":[[160,12]]},"432":{"position":[[157,12]]},"436":{"position":[[781,12]]},"442":{"position":[[476,12]]},"462":{"position":[[173,12]]},"464":{"position":[[173,12]]},"466":{"position":[[156,12]]},"470":{"position":[[168,12]]},"472":{"position":[[159,13]]},"474":{"position":[[170,13]]},"476":{"position":[[196,12]]},"478":{"position":[[195,12]]},"480":{"position":[[160,12]]},"484":{"position":[[200,13]]},"490":{"position":[[163,12]]},"492":{"position":[[162,12]]},"496":{"position":[[161,12]]},"498":{"position":[[160,12]]},"512":{"position":[[164,12]]},"514":{"position":[[165,12]]}}}],["enim",{"_index":1865,"t":{"582":{"position":[[7880,5],[8326,5],[8812,5],[10714,5],[12121,5],[12567,5],[13053,5],[14955,5],[16262,5],[16708,5],[17194,5],[19096,5]]}}}],["enough",{"_index":2709,"t":{"606":{"position":[[4854,6],[6388,6]]}}}],["ensur",{"_index":194,"t":{"10":{"position":[[94,8]]},"140":{"position":[[1898,8]]},"244":{"position":[[1765,8]]},"448":{"position":[[138,8]]},"566":{"position":[[3094,6],[3582,6],[4071,6],[4557,6],[5042,6],[5552,6],[6059,6],[6567,6],[7072,6],[7576,6]]},"572":{"position":[[2184,6]]},"612":{"position":[[14783,6]]}}}],["enter",{"_index":3270,"t":{"622":{"position":[[2070,5]]},"626":{"position":[[3694,5]]},"628":{"position":[[3225,5]]},"630":{"position":[[7599,5]]},"662":{"position":[[2397,5]]}}}],["enterpris",{"_index":3795,"t":{"636":{"position":[[114,10]]},"638":{"position":[[168,10]]},"640":{"position":[[114,10]]},"642":{"position":[[124,10]]},"644":{"position":[[124,10]]},"646":{"position":[[132,10]]},"648":{"position":[[132,10]]},"650":{"position":[[172,10]]},"652":{"position":[[89,10]]},"654":{"position":[[94,10]]},"656":{"position":[[124,10]]}}}],["entir",{"_index":5057,"t":{"668":{"position":[[75250,6]]}}}],["entireti",{"_index":1736,"t":{"580":{"position":[[7218,8]]}}}],["entri",{"_index":164,"t":{"2":{"position":[[3957,7]]},"74":{"position":[[330,5],[514,5]]},"132":{"position":[[2819,7],[2833,7]]},"134":{"position":[[3099,7],[3113,7]]},"136":{"position":[[3000,7],[3014,7]]},"138":{"position":[[2796,7],[2810,7]]},"140":{"position":[[2046,7],[2060,7]]},"144":{"position":[[633,7]]},"154":{"position":[[3042,7]]},"216":{"position":[[3148,7],[3162,7]]},"218":{"position":[[2926,7],[2940,7]]},"220":{"position":[[704,7]]},"222":{"position":[[3107,7],[3121,7]]},"228":{"position":[[3051,7]]},"234":{"position":[[3157,7],[3171,7]]},"236":{"position":[[3116,7],[3130,7]]},"238":{"position":[[2629,7],[2643,7]]},"240":{"position":[[2935,7],[2949,7]]},"242":{"position":[[496,7]]},"244":{"position":[[2103,7],[2117,7]]},"272":{"position":[[3003,7]]},"274":{"position":[[816,7]]},"308":{"position":[[3054,7]]},"310":{"position":[[3045,7]]},"312":{"position":[[813,7]]},"314":{"position":[[2929,7],[2943,7]]},"316":{"position":[[3087,7],[3101,7]]},"320":{"position":[[3151,7],[3165,7]]},"322":{"position":[[1559,7]]},"332":{"position":[[2780,7],[2794,7]]},"364":{"position":[[453,7]]},"366":{"position":[[2868,7],[2882,7]]},"368":{"position":[[3084,7]]},"388":{"position":[[757,7]]},"390":{"position":[[3245,7]]},"628":{"position":[[9468,5],[9569,5],[13097,5]]},"662":{"position":[[9019,5],[9120,5],[12260,5]]}}}],["enum",{"_index":312,"t":{"34":{"position":[[467,4]]},"124":{"position":[[543,4]]},"586":{"position":[[1436,5],[2270,5]]},"592":{"position":[[2292,4]]},"668":{"position":[[5667,4],[43724,6],[141281,4],[143692,4],[146594,4],[153380,4]]}}}],["enumerable.range(1",{"_index":2540,"t":{"602":{"position":[[2512,19],[3754,19],[10619,19],[11366,19],[12179,19],[13154,19]]}}}],["enumerable.range(10",{"_index":2590,"t":{"602":{"position":[[6128,20],[8978,20]]}}}],["enumerable.range(20",{"_index":2591,"t":{"602":{"position":[[6246,20],[9096,20]]}}}],["enumerable.range(30",{"_index":2593,"t":{"602":{"position":[[6364,20]]}}}],["enumerable.range(6",{"_index":2567,"t":{"602":{"position":[[3871,19]]}}}],["environ",{"_index":3864,"t":{"636":{"position":[[4688,12],[4809,14],[4824,12],[4932,14]]},"640":{"position":[[4616,12],[4737,14],[4752,12],[4860,14]]},"664":{"position":[[11267,12]]}}}],["equal",{"_index":1758,"t":{"580":{"position":[[10669,5],[11849,5],[13164,5]]},"668":{"position":[[783,5],[138145,5]]}}}],["erat",{"_index":1909,"t":{"582":{"position":[[8345,5],[10211,4],[10534,4],[10917,4],[12586,5],[14452,4],[14775,4],[15158,4],[16727,5],[18593,4],[18916,4],[19299,4]]}}}],["ero",{"_index":1953,"t":{"582":{"position":[[9619,5],[9714,5],[9873,5],[10799,4],[11106,4],[13860,5],[13955,5],[14114,5],[15040,4],[15347,4],[18001,5],[18096,5],[18255,5],[19181,4],[19488,4]]}}}],["error",{"_index":513,"t":{"78":{"position":[[216,5]]},"114":{"position":[[559,5]]},"594":{"position":[[602,5],[1223,5]]},"606":{"position":[[12158,8]]},"636":{"position":[[4677,5],[4734,5]]},"638":{"position":[[8596,5],[8620,5]]},"640":{"position":[[4605,5],[4662,5]]},"642":{"position":[[4417,5],[4441,5]]},"644":{"position":[[4618,5],[4642,5]]},"650":{"position":[[7505,5],[7529,5]]},"656":{"position":[[4074,5],[4098,5]]},"658":{"position":[[5719,8]]}}}],["errormessag",{"_index":2256,"t":{"594":{"position":[[1581,13],[1608,13]]},"626":{"position":[[10596,12],[10709,12],[10866,12]]},"630":{"position":[[13961,12],[14073,12],[14230,12]]},"660":{"position":[[21517,12],[21630,12],[21787,12]]}}}],["es",{"_index":3334,"t":{"622":{"position":[[3456,4],[5327,4],[7952,4]]},"630":{"position":[[3023,3],[15185,3]]}}}],["es</b></label",{"_index":3690,"t":{"630":{"position":[[2946,14],[15104,14]]}}}],["esc",{"_index":683,"t":{"108":{"position":[[433,3]]},"588":{"position":[[7849,3]]},"622":{"position":[[1799,3]]}}}],["escap",{"_index":1774,"t":{"582":{"position":[[430,6]]},"588":{"position":[[519,6],[2823,6],[8113,6]]}}}],["est",{"_index":1958,"t":{"582":{"position":[[9710,3],[9898,3],[10427,4],[11210,3],[13951,3],[14139,3],[14668,4],[15451,3],[18092,3],[18280,3],[18809,4],[19592,3]]}}}],["et",{"_index":1898,"t":{"582":{"position":[[8172,2],[9113,2],[9234,2],[9475,2],[9841,2],[9886,2],[10586,2],[11060,2],[12413,2],[13354,2],[13475,2],[13716,2],[14082,2],[14127,2],[14827,2],[15301,2],[16554,2],[17495,2],[17616,2],[17857,2],[18223,2],[18268,2],[18968,2],[19442,2]]}}}],["etc",{"_index":1397,"t":{"574":{"position":[[163,4]]},"598":{"position":[[6789,5]]},"668":{"position":[[87851,4],[123882,4]]}}}],["etc.</div",{"_index":1995,"t":{"582":{"position":[[20427,10]]}}}],["etiam",{"_index":1968,"t":{"582":{"position":[[10138,5],[10338,5],[14379,5],[14579,5],[18520,5],[18720,5]]}}}],["eu",{"_index":1933,"t":{"582":{"position":[[8818,2],[8963,2],[9804,2],[10667,2],[13059,2],[13204,2],[14045,2],[14908,2],[17200,2],[17345,2],[18186,2],[19049,2]]}}}],["euismod",{"_index":1977,"t":{"582":{"position":[[10706,7],[10731,7],[14947,7],[14972,7],[19088,7],[19113,7]]}}}],["even",{"_index":641,"t":{"102":{"position":[[1118,4]]},"108":{"position":[[460,4]]},"580":{"position":[[11801,4],[13116,4]]},"588":{"position":[[8095,4]]}}}],["event",{"_index":202,"t":{"10":{"position":[[282,6],[426,6]]},"44":{"position":[[374,7],[498,6]]},"54":{"position":[[443,5]]},"68":{"position":[[319,5],[599,5]]},"72":{"position":[[323,7],[508,7]]},"74":{"position":[[287,5]]},"78":{"position":[[296,5]]},"96":{"position":[[205,5],[232,5],[264,5]]},"110":{"position":[[424,7],[931,5]]},"564":{"position":[[596,7],[3903,5],[4060,6]]},"568":{"position":[[1378,7],[1431,5],[1563,5],[1649,5],[1724,5],[20448,6],[20515,6],[22660,7],[22879,7],[23099,7],[23320,7],[23528,6],[23718,6]]},"574":{"position":[[3961,7],[8957,7],[8971,7],[9045,5],[9139,8],[9165,6],[9254,5],[9361,8],[9380,5],[9698,6],[10005,6]]},"576":{"position":[[704,7],[758,5],[842,5],[980,5],[1065,5],[3432,6],[3498,6],[5307,6],[5347,6]]},"582":{"position":[[1510,5],[1671,5],[1951,7],[1959,5],[1992,5],[2070,5],[2204,5],[2283,5],[4803,5],[4843,5],[20000,7],[20060,6],[21410,6],[21485,5],[21565,6]]},"588":{"position":[[2255,7],[2263,5],[2296,5],[2374,5],[2508,5],[2587,5],[2724,5],[5556,5],[5596,5],[14033,7],[14085,6],[15325,6],[15392,5],[15566,6]]},"590":{"position":[[1414,7],[1422,5],[1457,5],[3019,7],[3427,6],[3526,6]]},"594":{"position":[[510,7],[560,5],[633,5],[1062,7],[1170,5],[1707,6],[1727,6]]},"598":{"position":[[2888,7],[2940,5],[3023,5],[3126,5],[3241,5],[3324,5],[3401,7],[3409,5],[3454,5],[9953,6],[9979,6]]},"602":{"position":[[1973,7],[1981,5],[2035,5],[2127,5],[2223,5],[13927,6]]},"608":{"position":[[1350,6],[2263,5]]},"612":{"position":[[1109,7],[1117,5],[1163,5],[1266,5],[1381,5],[1464,5],[2044,7],[2052,5],[2097,5],[11344,7],[11383,6],[11604,6],[11728,6],[11801,6],[16203,6],[16238,6],[16383,6]]},"620":{"position":[[3674,7]]},"622":{"position":[[1408,7],[1462,5],[1563,5],[13485,6]]},"626":{"position":[[1211,7],[1254,5],[10975,7],[11002,5],[11718,6],[11841,7]]},"628":{"position":[[1224,7],[1267,5],[8980,7],[9007,5],[12959,6],[13039,7]]},"630":{"position":[[1727,7],[1770,5],[16809,7],[16836,5],[17558,6],[17868,7]]},"632":{"position":[[716,7],[773,5],[6178,6]]},"634":{"position":[[584,7],[641,5],[2404,7],[2431,5],[2966,6],[3018,7]]},"660":{"position":[[3163,7],[3171,5],[3222,5],[3308,5],[3445,5],[3530,5],[24589,7],[24610,6],[25758,6],[25964,6]]},"662":{"position":[[1168,7],[1211,5],[8535,7],[8562,5],[12122,6],[12202,7]]},"666":{"position":[[523,7],[531,5],[585,5],[669,5],[1018,6],[1144,6],[1313,6],[1851,6],[1971,6],[2134,6],[2544,6],[1357879,6],[1358042,6],[1358219,6]]},"668":{"position":[[3355,7],[3452,5],[3560,5],[3729,5],[3907,5],[114271,6],[116612,7],[116727,6],[119085,7],[152314,6],[153189,5],[153212,5]]}}}],["eventcallback",{"_index":2076,"t":{"588":{"position":[[5612,15]]}}}],["eventcallback.factory.create<mouseeventargs>(thi",{"_index":1823,"t":{"582":{"position":[[5762,50]]},"588":{"position":[[6469,50]]}}}],["eventcallback<gridroweventargs<titem",{"_index":4309,"t":{"668":{"position":[[3516,38],[3685,38]]}}}],["eventcallback<gridset",{"_index":4308,"t":{"668":{"position":[[3419,27]]}}}],["eventcallback<hashset<titem",{"_index":4311,"t":{"668":{"position":[[3872,29]]}}}],["eventcallback<mouseeventarg",{"_index":1829,"t":{"582":{"position":[[6724,29]]},"588":{"position":[[7409,29]]}}}],["eventcallbackfactory.cr",{"_index":1816,"t":{"582":{"position":[[5245,27]]},"588":{"position":[[6014,27]]}}}],["eventlog",{"_index":4259,"t":{"666":{"position":[[986,8],[1126,8],[1295,8],[1819,8],[1953,8],[2116,8],[2512,8],[1357861,8],[1358024,8]]}}}],["everyth",{"_index":1720,"t":{"580":{"position":[[5193,10]]},"588":{"position":[[3135,10]]}}}],["ex",{"_index":1945,"t":{"582":{"position":[[9190,2],[9889,2],[10235,3],[10555,3],[13431,2],[14130,2],[14476,3],[14796,3],[17572,2],[18271,2],[18617,3],[18937,3]]},"606":{"position":[[12090,3]]},"658":{"position":[[5622,3]]}}}],["ex.messag",{"_index":2748,"t":{"606":{"position":[[12167,17]]},"658":{"position":[[5728,15]]}}}],["exact",{"_index":3445,"t":{"626":{"position":[[1736,5]]},"630":{"position":[[6016,5]]}}}],["exampl",{"_index":364,"t":{"44":{"position":[[562,7]]},"46":{"position":[[179,11],[401,9],[415,8],[454,8],[505,8],[549,8]]},"48":{"position":[[138,11],[253,9],[267,8],[318,8],[364,8]]},"50":{"position":[[154,11],[265,8],[315,8]]},"52":{"position":[[147,11],[244,8],[327,8]]},"54":{"position":[[138,11],[507,8],[547,8]]},"56":{"position":[[136,11],[231,8]]},"58":{"position":[[169,11],[355,8]]},"62":{"position":[[142,11]]},"64":{"position":[[143,11]]},"136":{"position":[[734,11],[983,11],[1677,11],[1985,11],[2286,11],[2553,11],[2819,11]]},"138":{"position":[[179,11],[544,11]]},"148":{"position":[[2184,11]]},"162":{"position":[[200,11],[466,11],[820,11],[1185,11]]},"164":{"position":[[237,11],[602,11]]},"168":{"position":[[213,11]]},"170":{"position":[[229,11],[594,11]]},"172":{"position":[[191,11],[440,11]]},"186":{"position":[[205,11]]},"192":{"position":[[192,11]]},"198":{"position":[[230,11],[595,11]]},"200":{"position":[[192,11]]},"202":{"position":[[230,11],[595,11]]},"212":{"position":[[229,11]]},"220":{"position":[[182,11]]},"222":{"position":[[435,11],[684,11],[1378,11],[1686,11],[1987,11],[2254,11],[2520,11],[2874,11]]},"224":{"position":[[1358,11]]},"236":{"position":[[444,11],[693,11],[1387,11],[1695,11],[1996,11],[2263,11],[2529,11],[2883,11]]},"238":{"position":[[191,11]]},"258":{"position":[[194,11]]},"260":{"position":[[890,11]]},"264":{"position":[[188,11]]},"274":{"position":[[191,11],[440,11]]},"278":{"position":[[204,11]]},"282":{"position":[[2471,11]]},"286":{"position":[[618,11]]},"290":{"position":[[628,11]]},"312":{"position":[[635,11]]},"316":{"position":[[2725,11],[2974,11]]},"322":{"position":[[438,11],[687,11],[1381,11]]},"348":{"position":[[188,11]]},"358":{"position":[[182,11]]},"366":{"position":[[2307,11],[2556,11]]},"378":{"position":[[180,11]]},"382":{"position":[[182,11]]},"384":{"position":[[184,11]]},"388":{"position":[[181,11]]},"416":{"position":[[1288,11]]},"480":{"position":[[182,11]]},"484":{"position":[[223,11]]},"500":{"position":[[198,11]]},"504":{"position":[[213,11]]},"506":{"position":[[191,11]]},"508":{"position":[[180,11]]},"512":{"position":[[186,11]]},"514":{"position":[[187,11]]},"516":{"position":[[182,11]]},"560":{"position":[[327,9],[2406,8]]},"564":{"position":[[797,9],[1893,7],[2362,7],[4067,8]]},"566":{"position":[[549,9],[622,7],[844,7],[1068,7],[1286,7],[1502,7],[1749,7],[1991,7],[2235,7],[2473,7],[2709,7],[7890,8]]},"568":{"position":[[2246,9],[4118,8],[20455,8],[23560,8],[23725,7]]},"570":{"position":[[285,8],[985,7]]},"572":{"position":[[686,9],[7363,8]]},"574":{"position":[[1752,9],[9783,8]]},"576":{"position":[[1571,9],[3439,8],[5327,8],[5354,7]]},"578":{"position":[[1559,9],[2451,8],[8974,8]]},"580":{"position":[[2614,9],[2642,7],[2898,7],[3240,8],[3660,7],[4131,7],[4495,7],[5487,7],[8453,7],[8745,7],[9033,7],[9319,7],[9607,7],[9889,7],[10173,7],[10455,7],[13580,8]]},"582":{"position":[[2780,9],[2823,7],[4936,8],[7019,8],[21430,8]]},"586":{"position":[[800,9],[3593,8]]},"588":{"position":[[3446,9],[5705,8],[15345,8]]},"590":{"position":[[1514,9],[3434,8]]},"592":{"position":[[2335,8]]},"594":{"position":[[77,8],[735,8],[1087,8]]},"596":{"position":[[67,8],[1144,9],[8393,8]]},"598":{"position":[[65,8],[3548,9],[3589,8],[6733,8],[9986,8]]},"600":{"position":[[1735,9],[3113,10],[3157,11],[5238,11],[5625,11],[6430,7],[8191,11],[8609,11],[11185,11],[11603,11],[14183,11],[14601,11],[16827,10],[16871,11],[17576,8]]},"602":{"position":[[2292,9],[3123,8],[5235,8],[10400,7],[10904,7],[13934,8]]},"604":{"position":[[700,9],[4728,8]]},"606":{"position":[[1644,10],[6432,8],[10066,8],[12276,9]]},"608":{"position":[[674,9],[2192,8]]},"610":{"position":[[591,8],[872,9],[1324,8],[2990,7],[3139,7],[3765,8],[4399,8]]},"612":{"position":[[59,8],[2192,9],[3964,8],[14740,8],[16245,8]]},"614":{"position":[[60,8],[583,9],[1433,8]]},"616":{"position":[[4142,9],[4256,8],[12670,8],[17173,8]]},"618":{"position":[[3511,9],[3625,8],[8234,8],[15502,8]]},"620":{"position":[[6108,9],[6222,8],[11115,8],[17465,8],[17509,7]]},"622":{"position":[[2118,9],[3769,8],[13512,8]]},"624":{"position":[[3229,9],[3343,8],[15015,8]]},"626":{"position":[[1326,9],[1761,7],[5297,8],[7872,8],[11725,8]]},"628":{"position":[[1337,9],[1977,8],[7058,8],[9605,7],[12966,8]]},"630":{"position":[[1844,9],[4947,8],[6041,7],[8426,8],[11108,8],[17565,8]]},"632":{"position":[[997,9],[6205,8]]},"634":{"position":[[694,9],[2973,8]]},"658":{"position":[[962,9],[5882,8]]},"660":{"position":[[3656,9],[18510,7],[18606,7],[25765,8]]},"662":{"position":[[1281,9],[1733,8],[5175,8],[9156,7],[12129,8]]},"664":{"position":[[1711,9],[6608,7],[18609,8],[25330,8]]},"666":{"position":[[727,9],[1358226,8]]},"668":{"position":[[7280,9],[9716,8],[23593,8],[36159,8],[43755,7],[58657,7],[63186,7],[65511,7],[68580,8],[71955,8],[75184,8],[78301,8],[88068,8],[92150,7],[119211,7],[146768,8],[149203,8],[152380,8]]}}}],["example</dropdowntogglebutton",{"_index":4097,"t":{"660":{"position":[[16751,30]]}}}],["exce",{"_index":3476,"t":{"626":{"position":[[3929,7]]},"628":{"position":[[3458,7]]},"630":{"position":[[7836,7]]},"632":{"position":[[3845,7]]},"662":{"position":[[2630,7]]}}}],["except",{"_index":604,"t":{"96":{"position":[[572,9]]},"592":{"position":[[1475,9]]},"606":{"position":[[12106,9]]},"636":{"position":[[4873,9]]},"640":{"position":[[4801,9]]},"658":{"position":[[5638,9]]}}}],["excit",{"_index":14,"t":{"2":{"position":[[90,7],[411,7],[758,7],[1036,7],[1329,7],[1646,7],[3152,7],[3537,7],[3752,7]]},"14":{"position":[[84,7]]},"16":{"position":[[83,7]]},"18":{"position":[[81,7]]},"20":{"position":[[84,7]]},"22":{"position":[[80,7]]},"24":{"position":[[80,7]]},"26":{"position":[[81,7]]},"28":{"position":[[82,7]]},"30":{"position":[[82,7]]},"32":{"position":[[84,7]]},"34":{"position":[[85,7]]},"36":{"position":[[85,7]]},"38":{"position":[[84,7]]},"40":{"position":[[83,7]]},"42":{"position":[[84,7]]},"44":{"position":[[85,7]]},"46":{"position":[[85,7]]},"48":{"position":[[85,7]]},"50":{"position":[[85,7]]},"52":{"position":[[85,7]]},"54":{"position":[[84,7]]},"56":{"position":[[84,7]]},"58":{"position":[[85,7]]},"60":{"position":[[84,7]]},"62":{"position":[[84,7]]},"64":{"position":[[85,7]]},"66":{"position":[[85,7]]},"68":{"position":[[81,7]]},"70":{"position":[[82,7]]},"72":{"position":[[82,7]]},"74":{"position":[[82,7]]},"76":{"position":[[82,7]]},"78":{"position":[[82,7]]},"80":{"position":[[78,7]]},"82":{"position":[[81,7]]},"84":{"position":[[81,7]]},"86":{"position":[[80,7]]},"88":{"position":[[81,7]]},"90":{"position":[[80,7]]},"92":{"position":[[80,7]]},"94":{"position":[[80,7]]},"96":{"position":[[81,7]]},"98":{"position":[[80,7]]},"100":{"position":[[84,7]]},"102":{"position":[[82,7]]},"104":{"position":[[87,7]]},"106":{"position":[[85,7]]},"108":{"position":[[86,7]]},"110":{"position":[[83,7]]},"112":{"position":[[85,7]]},"114":{"position":[[84,7]]},"116":{"position":[[85,7]]},"120":{"position":[[82,7]]},"122":{"position":[[82,7]]},"124":{"position":[[88,7]]},"126":{"position":[[82,7]]},"128":{"position":[[90,7]]},"132":{"position":[[86,7],[360,7],[644,7],[1073,7],[1319,7],[1611,7],[1896,7],[2148,7],[2367,7],[2587,7]]},"134":{"position":[[81,7],[419,7],[677,7],[976,7],[1228,7],[1664,7],[1909,7],[2157,7],[2427,7],[2761,7]]},"136":{"position":[[81,7],[428,7],[676,7],[925,7],[1174,7],[1623,7],[1933,7],[2202,7],[2491,7],[2750,7]]},"138":{"position":[[85,7],[491,7],[804,7],[1144,7],[1459,7],[1721,7],[1992,7],[2266,7],[2464,7],[2668,7]]},"140":{"position":[[82,7],[266,7],[463,7],[658,7],[856,7],[1057,7],[1287,7],[1718,7]]},"148":{"position":[[132,7],[519,7],[942,7],[1378,7],[1650,7],[2100,7],[2389,7],[2663,7],[2861,7]]},"150":{"position":[[125,7],[507,7]]},"152":{"position":[[128,7]]},"154":{"position":[[134,7],[455,7],[802,7],[1080,7],[1373,7],[1690,7],[1962,7],[2347,7],[2562,7],[2847,7]]},"156":{"position":[[134,7],[483,7],[764,7]]},"158":{"position":[[141,7]]},"160":{"position":[[137,7]]},"162":{"position":[[138,7],[397,7],[726,7],[1132,7],[1445,7]]},"164":{"position":[[143,7],[549,7]]},"166":{"position":[[134,7]]},"168":{"position":[[144,7]]},"170":{"position":[[135,7],[541,7]]},"172":{"position":[[133,7],[382,7],[631,7]]},"174":{"position":[[142,7]]},"176":{"position":[[140,7]]},"178":{"position":[[141,7]]},"180":{"position":[[142,7]]},"182":{"position":[[143,7]]},"184":{"position":[[135,7]]},"186":{"position":[[136,7]]},"188":{"position":[[142,7]]},"190":{"position":[[138,7]]},"192":{"position":[[139,7]]},"194":{"position":[[137,7]]},"196":{"position":[[137,7]]},"198":{"position":[[136,7],[542,7]]},"200":{"position":[[139,7]]},"202":{"position":[[136,7],[542,7]]},"204":{"position":[[146,7]]},"206":{"position":[[134,7]]},"208":{"position":[[141,7]]},"210":{"position":[[138,7]]},"212":{"position":[[135,7]]},"214":{"position":[[135,7],[382,7]]},"216":{"position":[[125,7],[383,7],[682,7],[934,7],[1370,7],[1615,7],[1863,7],[2133,7],[2467,7],[2880,7]]},"218":{"position":[[129,7],[413,7],[842,7],[1088,7],[1380,7],[1665,7],[1917,7],[2136,7],[2356,7],[2663,7]]},"220":{"position":[[129,7],[442,7]]},"222":{"position":[[129,7],[377,7],[626,7],[875,7],[1324,7],[1634,7],[1903,7],[2192,7],[2451,7],[2780,7]]},"224":{"position":[[142,7],[565,7],[1001,7],[1274,7]]},"226":{"position":[[135,7]]},"228":{"position":[[143,7],[464,7],[811,7],[1089,7],[1382,7],[1699,7],[1971,7],[2356,7],[2571,7],[2856,7]]},"230":{"position":[[131,7]]},"232":{"position":[[155,7]]},"234":{"position":[[134,7],[392,7],[691,7],[943,7],[1379,7],[1624,7],[1872,7],[2142,7],[2476,7],[2889,7]]},"236":{"position":[[138,7],[386,7],[635,7],[884,7],[1333,7],[1643,7],[1912,7],[2201,7],[2460,7],[2789,7]]},"238":{"position":[[138,7],[451,7],[791,7],[1106,7],[1368,7],[1639,7],[1913,7],[2111,7],[2315,7],[2519,7]]},"240":{"position":[[138,7],[422,7],[851,7],[1097,7],[1389,7],[1674,7],[1926,7],[2145,7],[2365,7],[2672,7]]},"244":{"position":[[133,7],[330,7],[525,7],[723,7],[924,7],[1154,7],[1585,7]]},"246":{"position":[[134,7]]},"248":{"position":[[130,7],[431,7]]},"250":{"position":[[132,7],[377,7],[646,7]]},"252":{"position":[[136,7]]},"254":{"position":[[144,7]]},"256":{"position":[[134,7]]},"258":{"position":[[140,7]]},"260":{"position":[[134,7],[570,7],[821,7]]},"262":{"position":[[130,7]]},"264":{"position":[[134,7]]},"266":{"position":[[133,7],[430,7],[866,7],[1279,7]]},"268":{"position":[[137,7]]},"270":{"position":[[135,7],[548,7]]},"272":{"position":[[132,7],[378,7],[670,7],[955,7],[1175,7],[1433,7],[1732,7],[1984,7],[2420,7],[2665,7]]},"274":{"position":[[133,7],[382,7],[631,7]]},"276":{"position":[[132,7],[410,7]]},"278":{"position":[[135,7]]},"280":{"position":[[135,7],[388,7]]},"282":{"position":[[135,7],[561,7],[846,7],[1098,7],[1319,7],[1658,7],[2071,7],[2417,7]]},"284":{"position":[[130,7],[566,7],[979,7]]},"286":{"position":[[137,7],[566,7]]},"288":{"position":[[133,7]]},"290":{"position":[[127,7],[566,7]]},"292":{"position":[[129,7]]},"294":{"position":[[133,7]]},"296":{"position":[[130,7]]},"298":{"position":[[136,7]]},"300":{"position":[[133,7],[416,7],[852,7]]},"302":{"position":[[130,7],[472,7]]},"304":{"position":[[129,7]]},"306":{"position":[[137,7],[562,7]]},"308":{"position":[[130,7],[423,7],[740,7],[1012,7],[1397,7],[1612,7],[1897,7],[2171,7],[2455,7],[2884,7]]},"310":{"position":[[137,7],[458,7],[805,7],[1083,7],[1376,7],[1693,7],[1965,7],[2350,7],[2565,7],[2850,7]]},"312":{"position":[[132,7],[581,7]]},"314":{"position":[[132,7],[416,7],[845,7],[1091,7],[1383,7],[1668,7],[1920,7],[2139,7],[2359,7],[2666,7]]},"316":{"position":[[126,7],[562,7],[807,7],[1055,7],[1325,7],[1659,7],[2072,7],[2419,7],[2667,7],[2916,7]]},"318":{"position":[[128,7]]},"320":{"position":[[128,7],[386,7],[685,7],[937,7],[1373,7],[1618,7],[1866,7],[2136,7],[2470,7],[2883,7]]},"322":{"position":[[132,7],[380,7],[629,7],[878,7],[1327,7]]},"324":{"position":[[135,7]]},"326":{"position":[[130,7]]},"328":{"position":[[126,7],[371,7],[640,7]]},"330":{"position":[[131,7],[481,7],[751,7],[1052,7],[1386,7]]},"332":{"position":[[130,7],[422,7],[707,7],[959,7],[1178,7],[1398,7],[1705,7],[2043,7],[2301,7],[2600,7]]},"334":{"position":[[133,7],[450,7],[735,7]]},"336":{"position":[[132,7],[479,7],[796,7],[1070,7]]},"338":{"position":[[128,7]]},"340":{"position":[[132,7]]},"342":{"position":[[132,7],[410,7],[708,7]]},"344":{"position":[[136,7]]},"346":{"position":[[132,7],[442,7],[878,7]]},"348":{"position":[[134,7]]},"350":{"position":[[128,7]]},"352":{"position":[[123,7]]},"354":{"position":[[127,7],[424,7],[860,7],[1273,7]]},"356":{"position":[[129,7],[542,7]]},"358":{"position":[[128,7]]},"360":{"position":[[124,7],[508,7],[793,7],[1067,7],[1351,7],[1781,7],[1979,7]]},"362":{"position":[[133,7],[483,7]]},"364":{"position":[[124,7],[329,7]]},"366":{"position":[[122,7],[342,7],[600,7],[899,7],[1151,7],[1587,7],[1832,7],[2249,7],[2498,7],[2748,7]]},"368":{"position":[[132,7],[453,7],[800,7],[1078,7],[1393,7],[1777,7],[2062,7],[2335,7],[2581,7],[2873,7]]},"370":{"position":[[127,7]]},"372":{"position":[[123,7],[427,7]]},"374":{"position":[[133,7]]},"376":{"position":[[126,7],[404,7]]},"378":{"position":[[128,7]]},"380":{"position":[[135,7]]},"382":{"position":[[130,7]]},"384":{"position":[[132,7]]},"386":{"position":[[130,7],[440,7]]},"388":{"position":[[127,7],[433,7],[633,7]]},"390":{"position":[[131,7],[480,7],[765,7],[1041,7],[1467,7],[1752,7],[2004,7],[2225,7],[2564,7],[2977,7]]},"392":{"position":[[131,7]]},"394":{"position":[[136,7],[561,7],[814,7]]},"396":{"position":[[142,7]]},"398":{"position":[[124,7],[560,7],[973,7],[1315,7],[1515,7]]},"400":{"position":[[128,7],[421,7],[736,7],[1121,7]]},"402":{"position":[[131,7]]},"404":{"position":[[129,7],[324,7],[522,7]]},"406":{"position":[[126,7],[387,7]]},"408":{"position":[[134,7]]},"410":{"position":[[133,7]]},"412":{"position":[[129,7],[444,7]]},"414":{"position":[[131,7],[478,7]]},"416":{"position":[[134,7],[455,7],[807,7],[1236,7]]},"418":{"position":[[132,7]]},"420":{"position":[[130,7]]},"422":{"position":[[135,7],[456,7],[803,7]]},"424":{"position":[[129,7],[396,7]]},"426":{"position":[[129,7]]},"428":{"position":[[123,7],[417,7],[798,7]]},"430":{"position":[[130,7]]},"432":{"position":[[126,7],[405,7]]},"434":{"position":[[127,7],[410,7],[846,7]]},"436":{"position":[[124,7],[466,7],[713,7],[1028,7]]},"438":{"position":[[130,7]]},"442":{"position":[[126,7],[445,7],[870,7]]},"450":{"position":[[128,7]]},"454":{"position":[[128,7]]},"456":{"position":[[127,7]]},"458":{"position":[[125,7]]},"460":{"position":[[125,7]]},"462":{"position":[[124,7]]},"464":{"position":[[124,7]]},"466":{"position":[[126,7]]},"468":{"position":[[128,7]]},"470":{"position":[[126,7]]},"472":{"position":[[129,7]]},"474":{"position":[[128,7]]},"476":{"position":[[128,7]]},"478":{"position":[[129,7]]},"480":{"position":[[129,7]]},"482":{"position":[[129,7]]},"484":{"position":[[129,7]]},"486":{"position":[[127,7]]},"488":{"position":[[129,7]]},"490":{"position":[[132,7]]},"492":{"position":[[131,7]]},"494":{"position":[[128,7]]},"496":{"position":[[130,7]]},"498":{"position":[[129,7]]},"500":{"position":[[129,7]]},"502":{"position":[[130,7]]},"504":{"position":[[129,7]]},"506":{"position":[[129,7]]},"508":{"position":[[128,7]]},"510":{"position":[[128,7]]},"512":{"position":[[128,7]]},"514":{"position":[[129,7]]},"516":{"position":[[128,7]]},"518":{"position":[[129,7]]},"520":{"position":[[125,7]]},"522":{"position":[[126,7]]},"524":{"position":[[126,7]]},"526":{"position":[[126,7]]},"528":{"position":[[126,7]]},"530":{"position":[[126,7]]},"532":{"position":[[124,7]]},"534":{"position":[[122,7]]},"536":{"position":[[125,7]]},"538":{"position":[[125,7]]},"540":{"position":[[125,7]]},"542":{"position":[[124,7]]},"544":{"position":[[124,7]]},"546":{"position":[[124,7]]},"548":{"position":[[129,7]]},"550":{"position":[[124,7]]},"552":{"position":[[126,7]]},"554":{"position":[[125,7]]},"556":{"position":[[126,7]]},"558":{"position":[[126,7]]},"562":{"position":[[133,7],[454,7]]},"584":{"position":[[127,7]]}}}],["exist",{"_index":349,"t":{"44":{"position":[[167,8]]},"138":{"position":[[886,8]]},"162":{"position":[[1527,8]]},"180":{"position":[[224,8]]},"184":{"position":[[217,8]]},"188":{"position":[[224,8]]},"206":{"position":[[216,8]]},"220":{"position":[[524,8]]},"238":{"position":[[533,8]]},"372":{"position":[[509,8]]},"380":{"position":[[217,8]]},"478":{"position":[[211,8]]},"590":{"position":[[135,6]]},"606":{"position":[[9890,8]]},"668":{"position":[[58987,5],[68146,8],[146777,8],[149212,8]]}}}],["expand/collaps",{"_index":1182,"t":{"568":{"position":[[2297,15]]}}}],["experi",{"_index":2060,"t":{"588":{"position":[[3433,12]]}}}],["explicit",{"_index":5034,"t":{"668":{"position":[[67376,8],[67702,8],[68179,8],[68473,8]]}}}],["explicitli",{"_index":3482,"t":{"626":{"position":[[4446,10]]},"668":{"position":[[67688,10]]}}}],["expos",{"_index":1272,"t":{"568":{"position":[[20501,7]]},"576":{"position":[[3484,7]]},"582":{"position":[[20046,7]]},"588":{"position":[[14071,7]]}}}],["express",{"_index":3263,"t":{"622":{"position":[[1101,10],[1136,11]]},"628":{"position":[[1099,10]]},"662":{"position":[[1043,10]]},"668":{"position":[[6345,10]]}}}],["expression<func<titem",{"_index":4341,"t":{"668":{"position":[[6308,22]]}}}],["expression<func<tvalu",{"_index":3550,"t":{"628":{"position":[[1057,24]]},"662":{"position":[[1001,24]]}}}],["extend",{"_index":2093,"t":{"588":{"position":[[9056,9],[10813,9]]}}}],["extens",{"_index":695,"t":{"110":{"position":[[390,11]]},"580":{"position":[[91,10],[188,10]]},"606":{"position":[[1675,10]]},"666":{"position":[[189,11]]}}}],["extern",{"_index":2239,"t":{"594":{"position":[[387,8]]}}}],["extra",{"_index":1420,"t":{"574":{"position":[[1881,6]]},"578":{"position":[[4959,5],[5357,5]]}}}],["extralarg",{"_index":4019,"t":{"658":{"position":[[3778,10]]}}}],["fa",{"_index":2787,"t":{"610":{"position":[[600,3],[604,2],[1475,2],[1547,2],[1619,2],[1691,2],[1763,2],[1835,2],[3983,2],[4117,2]]}}}],["facilisi",{"_index":1910,"t":{"582":{"position":[[8357,9],[12598,9],[16739,9]]}}}],["fade",{"_index":357,"t":{"44":{"position":[[427,4]]},"104":{"position":[[353,4]]},"588":{"position":[[3531,4]]},"598":{"position":[[349,4]]},"612":{"position":[[336,4],[2920,4],[2945,4],[16259,4]]}}}],["fals",{"_index":1033,"t":{"564":{"position":[[434,5]]},"566":{"position":[[468,5]]},"568":{"position":[[225,5],[416,5],[1937,5]]},"574":{"position":[[245,5],[306,5],[545,5],[610,5],[877,5]]},"576":{"position":[[333,5],[447,5]]},"578":{"position":[[857,5],[1031,5],[1114,5],[8373,5],[8794,5]]},"580":{"position":[[1683,5]]},"582":{"position":[[763,5],[1221,5]]},"588":{"position":[[1054,5],[1137,5],[1241,5],[1720,5],[2905,6],[7806,5]]},"594":{"position":[[232,5]]},"598":{"position":[[321,5],[455,5],[611,5],[2018,5],[2101,5]]},"602":{"position":[[1349,5],[13015,6],[13245,6]]},"604":{"position":[[4606,6]]},"606":{"position":[[669,5],[1248,5]]},"608":{"position":[[387,5]]},"612":{"position":[[308,5],[1603,5],[1759,5]]},"614":{"position":[[502,5]]},"616":{"position":[[2483,6],[2646,5],[4056,5],[10259,6]]},"618":{"position":[[2231,6],[2399,5],[3470,5]]},"620":{"position":[[2367,6],[2529,5],[2744,5],[4486,6],[4553,5],[4628,6],[4822,5],[6022,5]]},"622":{"position":[[409,5],[11841,6]]},"624":{"position":[[2066,6],[2229,5],[3188,5]]},"626":{"position":[[284,5],[348,5],[449,5],[512,5],[6904,6]]},"628":{"position":[[389,5],[488,5],[551,5],[6067,6]]},"630":{"position":[[276,5],[340,5],[529,5],[592,5],[790,5],[10121,6]]},"632":{"position":[[211,5],[2576,6]]},"634":{"position":[[234,5],[340,5],[422,5],[1519,6]]},"658":{"position":[[665,5],[4873,5]]},"660":{"position":[[813,5],[955,5],[2224,5],[2401,5],[15726,6]]},"662":{"position":[[393,5],[492,5],[555,5],[4208,6]]},"664":{"position":[[19172,6]]},"668":{"position":[[276,5],[381,5],[443,5],[504,5],[570,5],[633,5],[696,5],[1896,5],[2539,5],[2724,5],[5056,5],[5817,5],[7038,5],[8827,5],[11327,5],[13606,5],[16407,5],[19587,5],[22729,5],[25411,5],[29137,5],[35265,5],[37913,5],[40489,5],[43037,5],[45625,5],[48978,5],[62044,5],[64672,5],[67130,5],[70875,5],[74125,5],[77237,5],[79651,6],[80722,5],[83903,5],[86929,5],[90370,5],[94584,5],[97407,5],[100202,5],[105423,5],[113856,5],[116076,5],[118543,5],[122687,5],[126597,5],[140253,5],[148671,5],[151874,5]]}}}],["fanci",{"_index":1437,"t":{"574":{"position":[[3338,5]]},"590":{"position":[[2431,5]]},"604":{"position":[[1377,5]]}}}],["faucibu",{"_index":1924,"t":{"582":{"position":[[8584,8],[12825,8],[16966,8]]}}}],["featur",{"_index":142,"t":{"2":{"position":[[3187,9]]},"32":{"position":[[211,9]]},"38":{"position":[[251,9],[336,9]]},"44":{"position":[[261,9],[417,9]]},"106":{"position":[[254,7]]},"110":{"position":[[118,9]]},"148":{"position":[[167,9]]},"150":{"position":[[160,9]]},"154":{"position":[[1997,9]]},"228":{"position":[[2006,9]]},"308":{"position":[[1047,9]]},"310":{"position":[[2000,9]]},"360":{"position":[[159,9]]},"368":{"position":[[1428,9]]},"400":{"position":[[771,9]]},"410":{"position":[[168,9]]},"412":{"position":[[479,9]]},"428":{"position":[[452,9]]},"494":{"position":[[163,9]]},"580":{"position":[[6016,8]]},"596":{"position":[[126,9]]},"602":{"position":[[12667,7]]},"636":{"position":[[2248,7]]},"638":{"position":[[1700,7],[4870,7]]},"640":{"position":[[2063,7],[5628,7]]},"642":{"position":[[2082,7]]},"644":{"position":[[2082,7]]},"646":{"position":[[1722,7]]},"648":{"position":[[1722,7]]},"650":{"position":[[1745,7],[4621,7]]},"656":{"position":[[1736,7],[4876,7]]}}}],["februari",{"_index":72,"t":{"2":{"position":[[1585,8],[1853,8],[2631,8],[3094,8],[3477,8]]},"20":{"position":[[23,8]]},"62":{"position":[[24,8]]},"64":{"position":[[24,8]]},"66":{"position":[[24,8]]},"110":{"position":[[25,8]]},"112":{"position":[[25,8]]},"116":{"position":[[24,8]]},"118":{"position":[[18,8],[796,8]]},"130":{"position":[[1030,8],[1980,8],[2024,8],[2068,8],[2466,8],[2510,8],[2548,8],[2592,8]]},"136":{"position":[[367,8],[615,8],[865,8]]},"140":{"position":[[996,8]]},"148":{"position":[[74,8]]},"150":{"position":[[67,8]]},"154":{"position":[[1629,8],[1904,8],[2287,8]]},"172":{"position":[[72,8],[322,8]]},"214":{"position":[[74,8]]},"222":{"position":[[68,8],[316,8],[566,8]]},"228":{"position":[[1638,8],[1913,8],[2296,8]]},"236":{"position":[[77,8],[325,8],[575,8]]},"244":{"position":[[863,8]]},"274":{"position":[[72,8],[322,8]]},"302":{"position":[[411,8]]},"308":{"position":[[679,8],[954,8],[1337,8]]},"310":{"position":[[1632,8],[1907,8],[2290,8]]},"316":{"position":[[2358,8],[2606,8],[2856,8]]},"322":{"position":[[71,8],[319,8],[569,8]]},"330":{"position":[[420,8]]},"336":{"position":[[735,8]]},"340":{"position":[[71,8]]},"344":{"position":[[75,8]]},"360":{"position":[[66,8]]},"366":{"position":[[2188,8],[2438,8]]},"368":{"position":[[1335,8]]},"370":{"position":[[66,8]]},"400":{"position":[[678,8],[1061,8]]},"410":{"position":[[75,8]]},"412":{"position":[[386,8]]},"420":{"position":[[69,8]]},"428":{"position":[[359,8]]},"436":{"position":[[405,8],[967,8]]},"454":{"position":[[67,8]]},"494":{"position":[[70,8]]},"502":{"position":[[70,8]]},"512":{"position":[[68,8]]},"514":{"position":[[68,8]]},"518":{"position":[[68,8]]},"548":{"position":[[68,8]]},"616":{"position":[[5715,11]]},"618":{"position":[[8700,11]]},"620":{"position":[[11528,11],[14389,11]]}}}],["feedback",{"_index":1022,"t":{"564":{"position":[[64,8]]}}}],["feli",{"_index":1904,"t":{"582":{"position":[[8278,5],[8675,6],[8793,5],[9350,5],[9509,5],[9769,5],[11046,6],[12519,5],[12916,6],[13034,5],[13591,5],[13750,5],[14010,5],[15287,6],[16660,5],[17057,6],[17175,5],[17732,5],[17891,5],[18151,5],[19428,6]]}}}],["fermentum",{"_index":1884,"t":{"582":{"position":[[8034,10],[9193,9],[12275,10],[13434,9],[16416,10],[17575,9]]}}}],["fetch",{"_index":3912,"t":{"636":{"position":[[8161,6]]},"638":{"position":[[8541,6]]},"640":{"position":[[8685,6]]},"642":{"position":[[7584,6]]},"644":{"position":[[7745,6]]},"650":{"position":[[7450,6]]},"652":{"position":[[1659,6]]},"654":{"position":[[1664,6]]},"656":{"position":[[7475,6]]}}}],["fetchdata",{"_index":3910,"t":{"636":{"position":[[8113,13]]},"640":{"position":[[8637,13]]},"642":{"position":[[7536,13]]},"644":{"position":[[7697,13]]},"652":{"position":[[1611,13]]},"654":{"position":[[1616,13]]}}}],["feugiat",{"_index":1899,"t":{"582":{"position":[[8190,7],[10505,7],[11214,7],[12431,7],[14746,7],[15455,7],[16572,7],[18887,7],[19596,7]]}}}],["few",{"_index":190,"t":{"8":{"position":[[149,3]]},"114":{"position":[[511,3]]},"144":{"position":[[533,3]]},"242":{"position":[[396,3]]},"440":{"position":[[193,3]]},"568":{"position":[[20511,3]]},"574":{"position":[[1877,3]]},"576":{"position":[[3494,3]]},"582":{"position":[[20056,3]]},"588":{"position":[[14081,3]]}}}],["fff",{"_index":5075,"t":{"668":{"position":[[92193,4],[92387,5],[92479,5]]}}}],["field",{"_index":490,"t":{"74":{"position":[[311,5],[347,5],[495,5],[531,5]]},"564":{"position":[[3133,6],[3344,6]]},"626":{"position":[[3728,5]]},"628":{"position":[[3257,5],[9449,5],[9490,6],[9534,6],[9591,6],[13078,5],[13119,5]]},"630":{"position":[[7635,5]]},"662":{"position":[[2429,5],[9000,5],[9041,6],[9085,6],[9142,6],[12241,5],[12282,5]]}}}],["fifo",{"_index":2736,"t":{"606":{"position":[[9939,4]]}}}],["fifth",{"_index":1224,"t":{"568":{"position":[[14311,5]]}}}],["file",{"_index":688,"t":{"110":{"position":[[305,5],[581,5]]},"602":{"position":[[306,5]]},"636":{"position":[[482,5],[1550,5],[3451,5],[3574,5]]},"638":{"position":[[1005,5],[2846,5]]},"640":{"position":[[480,5],[1365,5],[3264,5],[3387,5]]},"642":{"position":[[489,5],[1379,5],[3299,5],[3421,5]]},"644":{"position":[[489,5],[1379,5],[3299,5],[3421,5]]},"646":{"position":[[479,5],[1023,5],[2867,5]]},"648":{"position":[[479,5],[1023,5],[2927,5],[3049,5]]},"650":{"position":[[1050,5],[2891,5]]},"652":{"position":[[571,5]]},"654":{"position":[[576,5]]},"656":{"position":[[489,5],[1033,5],[2885,5]]},"666":{"position":[[110,5]]},"668":{"position":[[92079,4]]}}}],["fill",{"_index":1688,"t":{"580":{"position":[[2761,4]]},"620":{"position":[[2519,4],[2572,4],[3324,4]]},"632":{"position":[[5566,6]]},"668":{"position":[[51890,4]]}}}],["fill=\"url(#_linear1)\"></path><path",{"_index":4682,"t":{"668":{"position":[[54854,34]]}}}],["fill=\"url(#_linear18)\"></path><path",{"_index":4985,"t":{"668":{"position":[[58049,35]]}}}],["fill=\"url(#_linear19)\"></path><path",{"_index":4988,"t":{"668":{"position":[[58133,35]]}}}],["fill=\"url(#_linear2)\"></path><path",{"_index":4686,"t":{"668":{"position":[[55039,34]]}}}],["fill=\"url(#_linear3)\"></path><path",{"_index":4711,"t":{"668":{"position":[[55275,34]]}}}],["fill=\"url(#_linear4)\"></path><path",{"_index":4732,"t":{"668":{"position":[[55511,34]]}}}],["fill=\"url(#_linear5)\"></path><path",{"_index":4757,"t":{"668":{"position":[[55747,34]]}}}],["fill=\"url(#_linear6)\"></path><path",{"_index":4780,"t":{"668":{"position":[[55983,34]]}}}],["fill=\"url(#_linear7)\"></path><path",{"_index":4782,"t":{"668":{"position":[[56061,34]]}}}],["fill=\"url(#_linear8)\"></path><g",{"_index":4786,"t":{"668":{"position":[[56126,31]]}}}],["fill=\"url(#_linear9)\"></path></g></svg",{"_index":4998,"t":{"668":{"position":[[58261,39]]}}}],["fill=\"url(#_linear9)\"><path",{"_index":4787,"t":{"668":{"position":[[56158,27]]}}}],["fill='currentcolor'/%3e%3c/svg%3e&#34",{"_index":1017,"t":{"560":{"position":[[1909,41]]}}}],["filter",{"_index":277,"t":{"30":{"position":[[243,9],[295,9],[329,6],[345,6]]},"32":{"position":[[238,9],[265,9]]},"42":{"position":[[244,8],[454,9]]},"64":{"position":[[186,7]]},"82":{"position":[[202,6]]},"98":{"position":[[194,7]]},"102":{"position":[[900,7]]},"110":{"position":[[746,7]]},"124":{"position":[[390,6],[486,7],[520,7],[533,7],[568,7]]},"138":{"position":[[1599,9]]},"172":{"position":[[771,9]]},"176":{"position":[[280,9]]},"178":{"position":[[281,9]]},"182":{"position":[[34,10],[283,9]]},"238":{"position":[[1246,9]]},"274":{"position":[[771,9]]},"474":{"position":[[268,9]]},"600":{"position":[[5731,10],[8715,10],[11709,10],[14707,10]]},"622":{"position":[[220,10],[1014,6],[3824,6]]},"668":{"position":[[409,10],[1632,7],[1724,7],[1757,7],[4060,8],[4506,10],[4536,6],[4559,6],[4704,6],[4782,6],[4880,6],[4945,6],[5024,6],[7225,7],[7265,8],[7302,10],[7317,10],[9668,9],[9799,6],[17248,10],[18842,10],[20806,7],[20888,7],[20924,6],[21984,10],[23400,7],[23408,10],[23456,6],[23544,6],[24666,10],[26067,6],[26168,6],[26237,6],[27943,10],[30374,10],[34520,10],[37168,10],[39744,10],[42360,10],[44948,10],[47784,10],[58755,8],[60589,10],[69956,10],[73380,10],[76492,10],[78436,7],[79977,10],[83158,10],[86184,10],[87840,10],[89625,10],[93839,10],[96662,10],[99457,10],[104802,10],[105828,7],[113235,10],[115455,10],[117922,10],[119278,7],[121942,10],[125851,10],[127355,8],[135278,8],[139508,10],[141286,7],[142272,10],[143775,7],[144924,10],[152401,9],[152423,9],[152508,10],[152551,6],[152582,6],[152598,6],[152631,10],[153157,7],[153262,7],[153355,7],[153385,6],[153397,6]]}}}],["filterable=\"fals",{"_index":4442,"t":{"668":{"position":[[23489,18],[23933,19],[24347,19],[79301,18]]}}}],["filterable=\"tru",{"_index":4443,"t":{"668":{"position":[[23619,17]]}}}],["filterbuttoncolor",{"_index":748,"t":{"124":{"position":[[352,17]]},"668":{"position":[[4639,17]]}}}],["filterbuttoncssclass",{"_index":749,"t":{"124":{"position":[[425,20]]},"668":{"position":[[4731,20]]}}}],["filtering1",{"_index":792,"t":{"142":{"position":[[248,10]]}}}],["filteroper",{"_index":4319,"t":{"668":{"position":[[4813,14],[4828,14],[20814,14]]}}}],["filteroperator.clear",{"_index":5140,"t":{"668":{"position":[[121673,23]]}}}],["filteroperator.contain",{"_index":5130,"t":{"668":{"position":[[121367,26]]}}}],["filteroperator.endswith",{"_index":5137,"t":{"668":{"position":[[121520,26]]}}}],["filteroperator.equ",{"_index":5116,"t":{"668":{"position":[[120853,24],[121593,24]]}}}],["filteroperator.greaterthan",{"_index":5126,"t":{"668":{"position":[[121185,29]]}}}],["filteroperator.greaterthanorequ",{"_index":5127,"t":{"668":{"position":[[121276,37]]}}}],["filteroperator.lessthan",{"_index":5122,"t":{"668":{"position":[[121015,26]]}}}],["filteroperator.lessthanorequ",{"_index":5124,"t":{"668":{"position":[[121104,34]]}}}],["filteroperator.non",{"_index":4320,"t":{"668":{"position":[[4843,19]]}}}],["filteroperator.notequ",{"_index":5118,"t":{"668":{"position":[[120926,27]]}}}],["filteroperator.startswith",{"_index":5134,"t":{"668":{"position":[[121442,28]]}}}],["filteroperator=\"filteroperator.greaterthanorequ",{"_index":4440,"t":{"668":{"position":[[21195,51],[59541,51]]}}}],["filteroperatorinfo",{"_index":4290,"t":{"668":{"position":[[1812,20]]}}}],["filtersrowcssclass",{"_index":585,"t":{"92":{"position":[[203,18]]},"668":{"position":[[1584,18]]}}}],["filtersrowcssclass=\"bg",{"_index":5091,"t":{"668":{"position":[[105980,22],[107058,22],[108077,22],[109096,22],[110113,22],[111127,22],[112146,22],[119444,22]]}}}],["filterstransl",{"_index":5110,"t":{"668":{"position":[[120731,18]]}}}],["filterstranslation.add(new",{"_index":5113,"t":{"668":{"position":[[120807,31],[120878,32],[120969,31],[121042,32],[121139,31],[121215,32],[121547,31]]}}}],["filterstranslation.add(new(\"**a",{"_index":5135,"t":{"668":{"position":[[121471,33]]}}}],["filterstranslation.add(new(\"*a",{"_index":5128,"t":{"668":{"position":[[121324,33]]}}}],["filterstranslation.add(new(\"a",{"_index":5131,"t":{"668":{"position":[[121394,33]]}}}],["filterstranslation.add(new(\"x",{"_index":5138,"t":{"668":{"position":[[121628,31]]}}}],["filterstranslationprovid",{"_index":4287,"t":{"668":{"position":[[1661,26]]}}}],["filterstranslationprovider=\"gridfilterstranslationprovid",{"_index":5102,"t":{"668":{"position":[[119514,59]]}}}],["filtertextboxwidth",{"_index":4321,"t":{"668":{"position":[[4903,18],[26093,18],[26190,18]]}}}],["filtertextboxwidth=\"100",{"_index":4506,"t":{"668":{"position":[[31331,25],[128205,25],[130804,25],[133494,25],[136219,25],[144249,25]]}}}],["filtertextboxwidth=\"120",{"_index":4510,"t":{"668":{"position":[[31512,25],[128386,25],[130985,25],[133675,25],[136400,25]]}}}],["filtertextboxwidth=\"150",{"_index":4515,"t":{"668":{"position":[[31701,25],[128575,25],[131174,25],[133864,25],[136589,25]]}}}],["filtertextboxwidth=\"170",{"_index":5173,"t":{"668":{"position":[[141807,25],[144459,25]]}}}],["filtertextboxwidth=\"240",{"_index":5190,"t":{"668":{"position":[[144018,25]]}}}],["filtertextboxwidth=\"50",{"_index":4496,"t":{"668":{"position":[[30858,23],[127732,23],[130290,23],[132980,23],[135704,23]]}}}],["filtertextboxwidth=\"70",{"_index":5192,"t":{"668":{"position":[[144130,24]]}}}],["filtertextboxwidth=\"80",{"_index":4445,"t":{"668":{"position":[[26513,24],[26643,24],[26778,24],[27427,24],[31144,24],[31901,24],[32093,24],[128018,24],[128775,24],[128991,24],[130617,24],[131374,24],[131644,24],[133307,24],[134064,24],[134334,24],[136032,24],[136869,24],[137139,24]]}}}],["filtervalu",{"_index":4322,"t":{"668":{"position":[[4983,11],[20833,11]]}}}],["filtervalue=\"105",{"_index":4441,"t":{"668":{"position":[[21247,18]]}}}],["filtervalue=\"109",{"_index":5008,"t":{"668":{"position":[[59593,18]]}}}],["final",{"_index":2217,"t":{"592":{"position":[[1487,7]]}}}],["finibu",{"_index":1886,"t":{"582":{"position":[[8058,7],[8821,7],[9823,7],[10103,7],[11020,8],[11063,7],[12299,7],[13062,7],[14064,7],[14344,7],[15261,8],[15304,7],[16440,7],[17203,7],[18205,7],[18485,7],[19402,8],[19445,7]]}}}],["finish",{"_index":648,"t":{"104":{"position":[[294,8]]}}}],["fire",{"_index":1038,"t":{"564":{"position":[[643,5],[718,5]]},"568":{"position":[[1440,5],[1572,5],[1655,5],[1733,5]]},"576":{"position":[[764,5],[851,5],[989,5],[1074,5]]},"582":{"position":[[1998,5],[2079,5],[2213,5],[2292,5]]},"588":{"position":[[2302,5],[2383,5],[2517,5],[2596,5],[2733,5]]},"590":{"position":[[1463,5]]},"594":{"position":[[574,5],[647,5]]},"598":{"position":[[2946,5],[3029,5],[3132,5],[3247,5],[3330,5],[3460,5]]},"602":{"position":[[2055,5],[2147,5],[2243,5]]},"612":{"position":[[1169,5],[1272,5],[1387,5],[1470,5],[2103,5],[11390,4],[11820,6]]},"622":{"position":[[1468,5],[1569,5]]},"626":{"position":[[1260,5],[11008,5]]},"628":{"position":[[1273,5],[9013,5]]},"630":{"position":[[1776,5],[16842,5]]},"632":{"position":[[779,5]]},"634":{"position":[[647,5],[2437,5]]},"660":{"position":[[3231,5],[3317,5],[3451,5],[3539,5],[24621,5]]},"662":{"position":[[1217,5],[8568,5]]},"666":{"position":[[591,5],[675,5]]},"668":{"position":[[3461,5],[3916,5]]}}}],["firefox",{"_index":3059,"t":{"616":{"position":[[9383,10],[10832,10],[13060,10],[15158,10]]}}}],["first",{"_index":189,"t":{"8":{"position":[[116,5]]},"70":{"position":[[317,5]]},"144":{"position":[[500,5]]},"242":{"position":[[363,5]]},"440":{"position":[[160,5]]},"568":{"position":[[874,5],[1276,5],[2415,5],[4279,5],[6269,5],[8071,5],[9901,5],[12081,5],[18398,5],[20783,5]]},"580":{"position":[[11830,5],[13145,5]]},"590":{"position":[[508,5],[574,5]]},"598":{"position":[[2044,5],[2517,5]]},"606":{"position":[[9909,5],[9944,6],[9954,5]]},"612":{"position":[[731,5],[3068,5]]},"622":{"position":[[1992,5]]},"668":{"position":[[33379,5],[149078,5]]}}}],["firstlinkicon",{"_index":2156,"t":{"590":{"position":[[454,13],[621,15]]}}}],["firstlinkicon=\"iconname.chevrondoubleleft",{"_index":2186,"t":{"590":{"position":[[2043,42]]}}}],["firstlinktext",{"_index":2159,"t":{"590":{"position":[[531,13],[591,15]]}}}],["firstnam",{"_index":1629,"t":{"578":{"position":[[3881,9]]},"582":{"position":[[4713,9],[6894,9]]},"588":{"position":[[5466,9],[7579,9]]},"668":{"position":[[28215,9],[28453,9],[28695,9],[28932,9],[29172,9],[29424,9],[29654,9],[29893,9],[30133,9],[48056,9],[48294,9],[48536,9],[48773,9],[49013,9],[49265,9],[49495,9],[49734,9],[49974,9]]}}}],["firstrend",{"_index":2887,"t":{"612":{"position":[[12502,12],[12520,13]]},"616":{"position":[[6180,12],[6198,13],[10322,12],[10340,13],[12392,12],[12410,13],[14654,12],[14672,13],[16718,12],[16736,13]]},"618":{"position":[[5246,12],[5264,13],[11084,12],[11102,13],[12334,12],[12352,13]]},"620":{"position":[[8067,12],[8085,13],[13877,12],[13895,13],[17004,12],[17022,13]]},"624":{"position":[[4914,12],[4932,13],[8708,12],[8726,13],[12967,12],[12985,13]]},"668":{"position":[[125597,12],[142036,12],[144688,12]]}}}],["fix",{"_index":255,"t":{"20":{"position":[[209,3]]},"22":{"position":[[114,5],[171,5]]},"24":{"position":[[114,5],[175,3],[199,3]]},"28":{"position":[[133,6]]},"36":{"position":[[119,6],[130,6],[164,3]]},"60":{"position":[[317,3]]},"66":{"position":[[140,6],[184,5]]},"74":{"position":[[587,5],[656,5]]},"104":{"position":[[451,5]]},"106":{"position":[[206,5]]},"110":{"position":[[996,3]]},"112":{"position":[[249,6]]},"114":{"position":[[660,5]]},"124":{"position":[[631,6],[673,6]]},"136":{"position":[[483,6]]},"138":{"position":[[2026,6],[2037,6],[2071,3]]},"140":{"position":[[133,6],[300,5],[497,5]]},"148":{"position":[[2423,6],[2434,6],[2468,3]]},"214":{"position":[[190,6]]},"222":{"position":[[184,6]]},"236":{"position":[[193,6]]},"238":{"position":[[1673,6],[1684,6],[1718,3],[2570,6]]},"244":{"position":[[167,5],[364,5]]},"302":{"position":[[527,6]]},"316":{"position":[[2474,6]]},"322":{"position":[[187,6]]},"330":{"position":[[1437,6]]},"388":{"position":[[467,5]]},"398":{"position":[[1349,5]]},"404":{"position":[[163,5]]},"436":{"position":[[521,6]]},"462":{"position":[[158,5]]},"464":{"position":[[158,5]]},"466":{"position":[[177,6]]},"482":{"position":[[163,6],[174,6],[208,3]]},"518":{"position":[[184,6]]},"580":{"position":[[2691,5],[2718,5],[5299,5]]},"668":{"position":[[1924,5],[123715,5],[123740,5],[127337,5],[132571,5],[135261,5],[153231,5],[153244,5],[153305,5],[153338,5]]}}}],["fixedhead",{"_index":4292,"t":{"668":{"position":[[1879,11],[123762,11]]}}}],["fixedheader=\"tru",{"_index":5143,"t":{"668":{"position":[[124032,18],[127527,18],[132738,18],[135462,18]]}}}],["flaticon",{"_index":2425,"t":{"598":{"position":[[9730,8]]}}}],["flex",{"_index":1472,"t":{"574":{"position":[[6229,4]]},"580":{"position":[[10748,5]]},"600":{"position":[[6675,4],[9669,4],[12667,4]]},"602":{"position":[[11148,4]]},"604":{"position":[[2844,5],[2864,4],[2953,4],[4820,4]]},"612":{"position":[[13826,4],[13831,4],[14856,4],[14861,4]]},"632":{"position":[[1130,4],[1135,4],[1333,4],[1338,4],[1537,4],[1542,4],[1742,4],[1747,4],[3923,4],[3928,4],[4334,4],[4339,4],[4537,4],[4542,4],[4750,4],[4755,4],[4965,4],[4970,4],[5537,4]]},"636":{"position":[[7165,4]]},"638":{"position":[[7720,4]]},"640":{"position":[[7689,4]]},"642":{"position":[[6588,4]]},"644":{"position":[[6749,4]]},"650":{"position":[[6629,4]]},"652":{"position":[[796,4]]},"654":{"position":[[801,4]]},"656":{"position":[[6654,4]]},"660":{"position":[[4085,4],[6277,4],[8857,4],[9746,4],[10768,4],[11845,4],[12439,4],[13497,4]]},"664":{"position":[[6832,4],[9084,4],[11557,4],[13987,4],[16406,4],[18811,4]]}}}],["flexbox",{"_index":2671,"t":{"606":{"position":[[331,8]]}}}],["flexibl",{"_index":1027,"t":{"564":{"position":[[141,8]]},"580":{"position":[[78,8],[175,8]]},"606":{"position":[[1756,8]]},"628":{"position":[[1881,8]]}}}],["fli",{"_index":702,"t":{"110":{"position":[[606,4]]}}}],["flight",{"_index":4181,"t":{"662":{"position":[[5777,6],[7849,7],[8060,7],[11673,7]]}}}],["flightform",{"_index":4193,"t":{"662":{"position":[[7428,10],[7439,10],[7944,10],[8022,10],[10716,10],[10727,10],[11768,10],[11846,10]]}}}],["flightform.arrivald",{"_index":4190,"t":{"662":{"position":[[6776,24]]}}}],["flightform.arrivaltim",{"_index":4192,"t":{"662":{"position":[[7074,24],[10312,24],[11157,22],[11314,22]]}}}],["flightform.departured",{"_index":4185,"t":{"662":{"position":[[6151,26]]}}}],["flightform.departuretim",{"_index":4187,"t":{"662":{"position":[[6455,26],[9795,25],[9910,26],[11124,24],[11272,24]]}}}],["flightform.flightnumb",{"_index":4182,"t":{"662":{"position":[[5827,25]]}}}],["flightnumb",{"_index":4195,"t":{"662":{"position":[[8102,12]]}}}],["float",{"_index":2433,"t":{"600":{"position":[[709,5]]},"604":{"position":[[3101,7],[4825,6]]},"612":{"position":[[13899,5],[14929,5]]},"614":{"position":[[1041,5],[1128,5]]},"622":{"position":[[9306,5]]},"626":{"position":[[1797,6],[1804,7],[2259,5],[2441,6],[3376,5],[3399,6]]},"630":{"position":[[5106,8],[6077,6],[6084,7],[6446,5],[6581,6],[7281,5],[7304,6]]},"632":{"position":[[1979,5],[1999,6],[3530,7],[5212,5],[5232,6],[5809,5]]},"664":{"position":[[736,5]]},"668":{"position":[[2215,5]]}}}],["flow",{"_index":4112,"t":{"660":{"position":[[18535,7]]}}}],["flush",{"_index":478,"t":{"72":{"position":[[410,5]]},"568":{"position":[[405,5],[6037,6],[6052,5],[23595,5]]},"580":{"position":[[4850,5],[4929,7],[5627,7]]}}}],["flush=\"tru",{"_index":1202,"t":{"568":{"position":[[6188,13]]}}}],["focu",{"_index":177,"t":{"6":{"position":[[98,5]]},"10":{"position":[[81,5]]},"140":{"position":[[1885,5]]},"144":{"position":[[288,5]]},"242":{"position":[[151,5]]},"244":{"position":[[1752,5]]},"444":{"position":[[142,5]]},"448":{"position":[[125,5]]},"564":{"position":[[3736,5],[3935,5]]},"572":{"position":[[849,5]]},"578":{"position":[[8238,5],[8285,5],[9135,5]]},"608":{"position":[[642,6]]}}}],["focus",{"_index":3269,"t":{"622":{"position":[[1869,7],[1928,7],[1977,7],[2026,7],[2098,7]]},"660":{"position":[[1590,7]]}}}],["folder",{"_index":3834,"t":{"636":{"position":[[3279,7],[3348,7],[3391,7]]},"638":{"position":[[2718,6],[2786,7]]},"640":{"position":[[3094,7],[3163,7],[3206,7]]},"642":{"position":[[3129,7],[3198,7],[3241,7]]},"644":{"position":[[3129,7],[3198,7],[3241,7]]},"646":{"position":[[2741,6],[2809,7]]},"648":{"position":[[2757,7],[2826,7],[2869,7]]},"650":{"position":[[2763,6],[2831,7]]},"656":{"position":[[2759,6],[2827,7]]}}}],["folder</ribbonitem",{"_index":2375,"t":{"598":{"position":[[4887,21],[5564,21],[5735,19],[5969,21],[6107,21],[6251,21],[6414,21],[7972,21],[8612,21],[8771,19],[8989,21],[9115,21],[9241,21],[9391,21]]}}}],["folders</ribbonitem",{"_index":2372,"t":{"598":{"position":[[4718,20],[7825,20]]}}}],["follow",{"_index":1811,"t":{"582":{"position":[[4909,9]]},"588":{"position":[[3009,9],[5678,9]]},"594":{"position":[[725,9],[1077,9]]},"598":{"position":[[3579,9],[6723,9]]},"602":{"position":[[5225,9]]},"610":{"position":[[839,6],[1314,9],[1411,6],[3755,9],[3852,6]]},"612":{"position":[[3954,9],[11402,9],[14730,9]]},"616":{"position":[[4246,9],[12660,9]]},"618":{"position":[[3615,9],[8224,9]]},"620":{"position":[[6212,9]]},"622":{"position":[[1711,9]]},"624":{"position":[[3333,9]]},"636":{"position":[[496,9],[1028,9],[1479,9],[3222,6],[3410,9],[3533,9]]},"638":{"position":[[934,9],[2677,6],[2805,9]]},"640":{"position":[[494,9],[1026,9],[1296,9],[3037,6],[3225,9],[3346,9]]},"642":{"position":[[503,9],[1040,9],[1310,9],[3072,6],[3260,9],[3381,9]]},"644":{"position":[[503,9],[1040,9],[1310,9],[3072,6],[3260,9],[3381,9]]},"646":{"position":[[493,9],[954,9],[2700,6],[2828,9]]},"648":{"position":[[493,9],[954,9],[2700,6],[2888,9],[3009,9]]},"650":{"position":[[979,9],[2722,6],[2850,9]]},"652":{"position":[[219,8],[304,6],[383,6]]},"654":{"position":[[224,8],[309,6],[388,6]]},"656":{"position":[[503,9],[964,9],[2718,6],[2846,9]]},"668":{"position":[[75174,9],[92140,9],[146758,9],[149193,9]]}}}],["font",{"_index":1324,"t":{"572":{"position":[[790,4]]},"598":{"position":[[6775,4]]},"600":{"position":[[9450,4]]},"610":{"position":[[107,5],[202,5],[812,4],[850,4],[1287,4],[1341,4],[1384,4],[1422,4],[3729,4],[3782,4],[3825,4],[3863,4],[4420,4],[4565,4]]},"664":{"position":[[13755,4]]}}}],["fontawesom",{"_index":2786,"t":{"610":{"position":[[578,12]]}}}],["footer",{"_index":633,"t":{"102":{"position":[[527,6],[606,6]]},"580":{"position":[[254,8],[5915,7],[5953,6],[12014,7],[12050,8],[13680,6],[13759,6]]},"582":{"position":[[503,6],[579,6]]},"588":{"position":[[685,6],[761,6]]},"658":{"position":[[411,6],[499,6],[577,6],[769,6],[4113,6],[4561,6],[5936,6],[5970,6]]}}}],["footerbuttoncolor",{"_index":4000,"t":{"658":{"position":[[364,17],[4421,17]]}}}],["footerbuttoncssclass",{"_index":4001,"t":{"658":{"position":[[454,20]]}}}],["footerbuttontext",{"_index":4002,"t":{"658":{"position":[[536,16],[4462,16]]}}}],["footercssclass",{"_index":1776,"t":{"582":{"position":[[459,14]]},"588":{"position":[[641,14]]}}}],["footertempl",{"_index":1777,"t":{"582":{"position":[[527,14],[11255,16],[11365,17],[15496,16],[15606,17],[19637,16],[19747,17],[20454,16],[20563,17]]},"588":{"position":[[709,14],[3664,16],[3820,17],[8141,16],[8295,17],[9328,16],[9484,17],[10006,16],[10162,17],[11085,16],[11241,17],[14393,16],[14549,17]]}}}],["for=\"nam",{"_index":3367,"t":{"622":{"position":[[8966,10]]}}}],["for=\"suppli",{"_index":3362,"t":{"622":{"position":[[8512,14]]}}}],["foreach",{"_index":1559,"t":{"576":{"position":[[4380,8]]},"612":{"position":[[12973,8],[14027,8],[15057,8]]},"616":{"position":[[6495,7],[7399,7]]},"618":{"position":[[5571,7],[6509,7],[12801,7],[13514,7]]},"620":{"position":[[8384,7],[9236,7]]},"624":{"position":[[5229,7],[6107,7],[9143,7],[9786,7]]},"668":{"position":[[18458,8],[63303,8],[82720,8],[85746,8],[89241,8],[93401,8]]}}}],["foreground",{"_index":1433,"t":{"574":{"position":[[3230,10]]}}}],["form",{"_index":520,"t":{"80":{"position":[[128,4]]},"102":{"position":[[409,6]]},"134":{"position":[[1278,4]]},"148":{"position":[[992,4]]},"216":{"position":[[984,4]]},"224":{"position":[[615,4]]},"234":{"position":[[993,4]]},"260":{"position":[[184,4]]},"266":{"position":[[480,4]]},"272":{"position":[[2034,4]]},"284":{"position":[[180,4]]},"290":{"position":[[177,4]]},"294":{"position":[[183,4]]},"300":{"position":[[466,4]]},"316":{"position":[[176,4]]},"320":{"position":[[987,4]]},"346":{"position":[[492,4]]},"354":{"position":[[474,4]]},"366":{"position":[[1201,4]]},"386":{"position":[[490,4]]},"398":{"position":[[174,4]]},"424":{"position":[[446,4]]},"434":{"position":[[460,4]]},"534":{"position":[[172,4]]},"574":{"position":[[97,6]]},"600":{"position":[[3247,7],[5822,7],[8806,8],[11800,8],[14798,8],[16961,7]]},"622":{"position":[[0,5],[8547,4],[8997,4]]},"626":{"position":[[0,5],[7853,5],[8288,4],[8671,4],[9037,4],[11124,4]]},"628":{"position":[[0,5],[7039,5],[7468,4],[7760,4],[10074,4],[10383,4],[10782,4]]},"630":{"position":[[0,5],[11089,5],[11524,4],[11950,4],[12359,4],[16960,4]]},"632":{"position":[[0,5]]},"634":{"position":[[0,5]]},"660":{"position":[[18671,6],[18684,4],[25930,5]]},"662":{"position":[[0,5],[5156,5],[5594,4],[5931,4],[6256,4],[6560,4],[6879,4],[9614,4],[10015,4]]},"664":{"position":[[4077,7],[5971,8],[8230,8],[10583,8],[13056,8],[15486,8],[17877,8],[20360,8],[23643,7]]}}}],["form</dropdowntogglebutton",{"_index":4117,"t":{"660":{"position":[[19101,27]]}}}],["format",{"_index":292,"t":{"30":{"position":[[460,10]]},"628":{"position":[[803,6],[909,6]]},"630":{"position":[[146,7],[1434,10],[4956,10],[5501,6],[5605,10]]},"668":{"position":[[2694,7],[43609,10],[43623,6],[43671,6],[43701,6],[152755,9]]}}}],["found",{"_index":645,"t":{"104":{"position":[[270,6]]},"598":{"position":[[3639,5]]},"622":{"position":[[482,6]]}}}],["four",{"_index":232,"t":{"14":{"position":[[203,4]]},"570":{"position":[[368,4]]},"574":{"position":[[7847,4]]}}}],["fourth",{"_index":1221,"t":{"568":{"position":[[13762,6]]}}}],["fr",{"_index":3688,"t":{"630":{"position":[[2797,3],[14955,3]]}}}],["fr</b></label",{"_index":3686,"t":{"630":{"position":[[2720,14],[14874,14]]}}}],["fraction",{"_index":3671,"t":{"630":{"position":[[1043,8],[1204,8],[4898,8],[5010,10],[17661,8]]}}}],["framework",{"_index":757,"t":{"124":{"position":[[822,11]]},"636":{"position":[[204,11]]},"638":{"position":[[258,11]]},"640":{"position":[[204,11]]},"642":{"position":[[214,11]]},"644":{"position":[[214,11]]},"646":{"position":[[222,11]]},"648":{"position":[[222,11]]},"650":{"position":[[262,11]]},"652":{"position":[[179,11]]},"654":{"position":[[184,11]]},"656":{"position":[[214,11]]}}}],["free",{"_index":2801,"t":{"610":{"position":[[1360,4],[3801,4]]},"660":{"position":[[18530,4]]}}}],["freeform",{"_index":4105,"t":{"660":{"position":[[18191,8]]}}}],["freez",{"_index":676,"t":{"108":{"position":[[206,6]]},"668":{"position":[[5044,6],[5179,6],[129898,6],[132551,6],[135241,6],[153270,6],[153285,6],[153318,6]]}}}],["freeze=\"tru",{"_index":5158,"t":{"668":{"position":[[130145,13],[130451,13],[131462,13],[132835,13],[133141,13],[134152,13],[135559,13],[135865,13],[136676,13],[136957,13]]}}}],["freezedirect",{"_index":4324,"t":{"668":{"position":[[5109,15],[5125,15]]}}}],["freezedirection.left",{"_index":4325,"t":{"668":{"position":[[5141,20]]}}}],["freezedirection=\"freezedirection.right",{"_index":5161,"t":{"668":{"position":[[131476,39],[134166,39],[136690,39],[136971,39]]}}}],["freezeleftposit",{"_index":4326,"t":{"668":{"position":[[5218,18]]}}}],["freezeleftposition=\"0",{"_index":5159,"t":{"668":{"position":[[130159,22],[132849,22],[135573,22]]}}}],["freezeleftposition=\"130.35",{"_index":5162,"t":{"668":{"position":[[135879,27]]}}}],["freezeleftposition=\"54.98",{"_index":5160,"t":{"668":{"position":[[130465,26],[133155,26]]}}}],["freezerightposit",{"_index":4327,"t":{"668":{"position":[[5359,19]]}}}],["freezerightposition=\"0",{"_index":5155,"t":{"668":{"position":[[128863,23],[131516,23],[134206,23],[137011,23]]}}}],["freezerightposition=\"171",{"_index":5163,"t":{"668":{"position":[[136730,25]]}}}],["french",{"_index":442,"t":{"66":{"position":[[250,6]]}}}],["frequent",{"_index":191,"t":{"8":{"position":[[174,10]]},"144":{"position":[[558,10]]},"242":{"position":[[421,10]]},"440":{"position":[[218,10]]}}}],["fringilla",{"_index":1967,"t":{"582":{"position":[[10127,10],[14368,10],[18509,10]]}}}],["frozen",{"_index":4323,"t":{"668":{"position":[[5094,7]]}}}],["full",{"_index":1308,"t":{"570":{"position":[[632,4],[736,4],[828,4],[917,4]]},"574":{"position":[[5504,4]]},"580":{"position":[[2770,4]]},"600":{"position":[[6349,4],[17616,4]]},"664":{"position":[[6527,4],[25391,4]]}}}],["fullscreen",{"_index":2044,"t":{"588":{"position":[[784,10],[853,10],[12427,10],[15540,10]]}}}],["fullscreen=\"modalfullscreen.alway",{"_index":2117,"t":{"588":{"position":[[12485,36]]}}}],["fullscreen=\"modalfullscreen.extraextralargedown",{"_index":2127,"t":{"588":{"position":[[13155,49]]}}}],["fullscreen=\"modalfullscreen.extralargedown",{"_index":2124,"t":{"588":{"position":[[13015,44]]}}}],["fullscreen=\"modalfullscreen.largedown",{"_index":2122,"t":{"588":{"position":[[12882,39]]}}}],["fullscreen=\"modalfullscreen.mediumdown",{"_index":2120,"t":{"588":{"position":[[12748,40]]}}}],["fullscreen=\"modalfullscreen.smalldown",{"_index":2118,"t":{"588":{"position":[[12615,39]]}}}],["func<ienumerable<titem",{"_index":4285,"t":{"668":{"position":[[1228,24]]}}}],["func<titem",{"_index":2516,"t":{"602":{"position":[[828,11]]},"668":{"position":[[1335,11],[2805,11],[4448,11]]}}}],["function",{"_index":1274,"t":{"568":{"position":[[20549,14]]},"576":{"position":[[3531,14]]},"582":{"position":[[20094,14]]},"588":{"position":[[14115,14]]},"668":{"position":[[58857,13]]}}}],["fusc",{"_index":1911,"t":{"582":{"position":[[8367,5],[9759,5],[12608,5],[14000,5],[16749,5],[18141,5]]}}}],["futur",{"_index":5000,"t":{"668":{"position":[[58891,6]]}}}],["fw",{"_index":5198,"t":{"668":{"position":[[147600,2],[147696,2],[147796,2],[147910,2],[148008,2],[150792,2],[150885,2],[150982,2],[151093,2],[151188,2]]}}}],["g",{"_index":862,"t":{"142":{"position":[[1417,1]]}}}],["g\"><path",{"_index":4658,"t":{"668":{"position":[[54644,8]]}}}],["galleri",{"_index":1295,"t":{"570":{"position":[[164,7]]}}}],["gap",{"_index":1463,"t":{"574":{"position":[[5588,3],[5757,3],[5899,3],[6057,3],[6218,3]]},"620":{"position":[[4734,3]]},"660":{"position":[[4090,3],[6282,3],[8862,3],[9751,3],[10773,3],[11850,3],[12444,3],[13502,3]]}}}],["gelijk",{"_index":5114,"t":{"668":{"position":[[120839,7],[120917,8],[121091,6],[121263,6],[121579,7]]}}}],["gener",{"_index":350,"t":{"44":{"position":[[271,7]]},"68":{"position":[[188,7]]},"72":{"position":[[256,7]]},"74":{"position":[[189,7]]},"572":{"position":[[6899,7],[6956,7],[7433,7]]},"626":{"position":[[1667,7],[1698,7],[11746,7]]},"628":{"position":[[1378,9],[1739,7],[12987,7]]},"630":{"position":[[5945,7],[5978,7],[17763,7]]},"662":{"position":[[1322,9],[1632,7],[12150,7]]}}}],["german",{"_index":3094,"t":{"616":{"position":[[12709,6]]},"618":{"position":[[8273,6]]}}}],["get",{"_index":659,"t":{"104":{"position":[[673,7]]},"114":{"position":[[682,7],[766,7]]},"560":{"position":[[297,4]]},"564":{"position":[[280,4],[381,4]]},"566":{"position":[[245,4],[353,4],[411,4],[474,4]]},"568":{"position":[[337,4],[1943,4],[2011,4],[2096,4],[2143,4],[2207,4]]},"572":{"position":[[215,4],[321,4],[414,4],[499,4],[571,4],[641,4]]},"574":{"position":[[251,4],[312,4],[391,4],[494,4],[551,4],[715,4],[793,4],[883,4],[954,4],[1013,4],[1068,4],[1135,4],[1194,4],[1289,4],[1390,4],[1464,4],[1543,4]]},"576":{"position":[[249,4],[339,4],[404,4]]},"578":{"position":[[1237,4],[1302,4],[1449,4],[1517,4]]},"580":{"position":[[468,4],[568,4],[643,4],[805,4],[986,4],[1166,4],[1347,4],[1447,4],[1600,4],[1748,4],[1819,4],[1877,4],[2036,4],[2137,4],[2292,4],[2472,4],[2573,4]]},"582":{"position":[[265,4],[337,4],[486,4],[562,4],[629,4],[705,4],[885,4],[1051,4],[1106,4],[1158,4]]},"586":{"position":[[315,4],[398,4],[588,4],[672,4],[758,4]]},"588":{"position":[[264,4],[336,4],[414,4],[575,4],[668,4],[744,4],[836,4],[920,4],[996,4],[1324,4],[1392,4],[1551,4],[1602,4],[1654,4],[2933,7]]},"590":{"position":[[253,4],[331,4],[395,4],[491,4],[557,4],[693,4],[757,4],[890,4],[954,4],[1091,4],[1163,4],[1312,4],[1369,4]]},"592":{"position":[[497,4],[590,4]]},"594":{"position":[[238,4],[291,4]]},"596":{"position":[[311,4],[396,4],[626,4],[683,4],[765,4]]},"598":{"position":[[231,4],[327,4],[461,4],[529,4],[617,4],[673,4],[724,4],[792,4],[949,4],[1135,4],[1222,4],[1389,4]]},"600":{"position":[[292,4],[355,4],[442,4],[506,4],[567,4],[622,4],[673,4],[719,4],[780,4],[1045,4],[1118,4],[1175,4],[1239,4],[1306,4],[1356,4],[1395,4],[1469,4],[1537,4],[1584,4],[1643,4],[1690,4],[2279,9],[2341,8],[4378,9],[4440,8],[7269,9],[7331,8],[10263,9],[10325,8],[13261,9],[13323,8],[15993,9],[16055,8]]},"602":{"position":[[487,4],[602,4],[692,4],[756,4],[846,4],[1092,4],[1189,4],[1269,4],[1355,4],[1473,4],[1586,4],[1645,4],[1756,4],[1861,4],[2019,4],[2111,4],[2207,4]]},"604":{"position":[[247,4],[328,4],[391,4],[497,4],[559,4],[655,4]]},"606":{"position":[[675,4],[730,4],[836,4],[926,4],[1049,4],[1198,4],[1282,4],[1339,4],[1391,4],[1443,4],[1483,4],[1537,4],[1599,4],[9921,4]]},"608":{"position":[[231,4],[336,4],[393,4],[535,4]]},"610":{"position":[[476,4],[653,4],[715,4]]},"612":{"position":[[218,4],[314,4],[1609,4],[1677,4],[1765,4],[1821,4],[1872,4],[1940,4]]},"614":{"position":[[277,4],[347,4],[414,4]]},"616":{"position":[[319,4],[386,4],[461,4],[526,4],[1470,4],[1531,4],[3408,4],[3461,4],[3758,4],[3813,4],[3864,4],[4007,4],[4062,4],[4111,4],[4180,7]]},"618":{"position":[[415,4],[482,4],[557,4],[622,4],[1566,4],[1627,4],[3023,4],[3077,4],[3273,4],[3421,4],[3476,4],[3549,7]]},"620":{"position":[[464,4],[531,4],[606,4],[671,4],[1606,4],[1674,4],[5372,4],[5424,4],[5723,4],[5778,4],[5829,4],[5973,4],[6028,4],[6077,4],[6146,7]]},"622":{"position":[[357,4],[415,4],[489,4],[555,4],[617,4],[681,4],[766,4],[877,4],[990,4],[1055,4]]},"624":{"position":[[260,4],[327,4],[402,4],[467,4],[1402,4],[1470,4],[2756,4],[2810,4],[2996,4],[3139,4],[3194,4],[3267,7]]},"626":{"position":[[455,4],[709,4],[751,4],[827,4],[917,4],[971,4],[1039,4],[1091,4]]},"628":{"position":[[494,4],[736,4],[842,4],[962,4],[1011,4],[1082,4]]},"630":{"position":[[477,4],[535,4],[881,4],[923,4],[1084,4],[1476,4],[1551,4],[1603,4]]},"632":{"position":[[217,4],[268,4],[337,4],[409,4],[501,4],[550,4],[921,4],[966,4],[6020,8]]},"634":{"position":[[240,4],[297,4],[428,4]]},"636":{"position":[[0,7],[52,7]]},"638":{"position":[[0,7],[57,7]]},"640":{"position":[[0,7],[52,7]]},"642":{"position":[[0,7],[57,7]]},"644":{"position":[[0,7],[57,7]]},"646":{"position":[[0,7],[61,7]]},"648":{"position":[[0,7],[61,7]]},"650":{"position":[[0,7],[59,7]]},"652":{"position":[[232,7],[315,7],[394,7]]},"654":{"position":[[237,7],[320,7],[399,7]]},"656":{"position":[[0,7],[57,7]]},"658":{"position":[[394,4],[482,4],[560,4],[626,4],[686,4],[804,4],[864,4],[917,4]]},"660":{"position":[[444,4],[541,4],[649,4],[743,4],[898,4],[961,4],[1137,4],[1225,4],[1405,4],[1492,4],[1775,4],[1901,4],[2065,4],[2230,4],[2318,4],[2474,4],[2549,4],[2748,4]]},"662":{"position":[[498,4],[740,4],[816,4],[906,4],[955,4],[1026,4]]},"664":{"position":[[300,4],[363,4],[453,4],[517,4],[578,4],[633,4],[692,4],[746,4],[807,4],[1068,4],[1141,4],[1198,4],[1262,4],[1329,4],[1379,4],[1445,4],[1513,4],[1560,4],[1619,4],[1666,4],[2196,9],[2258,8],[3307,9],[3369,8],[5139,9],[5201,8],[7398,9],[7460,8],[9751,9],[9813,8],[12224,9],[12286,8],[14654,9],[14716,8],[17045,9],[17107,8],[19528,9],[19590,8],[22831,9],[22893,8],[24748,9],[24810,8]]},"666":{"position":[[311,4],[395,4]]},"668":{"position":[[282,4],[387,4],[449,4],[510,4],[576,4],[639,4],[882,4],[979,4],[1615,4],[1902,4],[1976,4],[2056,4],[2135,4],[2232,4],[2311,4],[2371,4],[2461,4],[2545,4],[2655,4],[2730,4],[2826,4],[2917,4],[3174,4],[3233,4],[4368,4],[4469,4],[4687,4],[4765,4],[4863,4],[4928,4],[5007,4],[5162,4],[5246,4],[5388,4],[5536,4],[5598,4],[5688,4],[5823,4],[5892,4],[6177,4],[6403,4],[6612,4],[6925,4],[7044,4]]}}}],["getcustom",{"_index":3282,"t":{"622":{"position":[[2748,15],[2947,14],[4619,15],[4818,14],[7244,15],[7443,14]]}}}],["getdefaultdatalabels(4",{"_index":3112,"t":{"618":{"position":[[4950,24],[12038,24]]},"624":{"position":[[4638,24],[8432,24],[12640,24]]}}}],["getdefaultdatalabels(6",{"_index":3017,"t":{"616":{"position":[[5938,24]]},"620":{"position":[[7838,24]]}}}],["getdefaultdatalabels(int",{"_index":3052,"t":{"616":{"position":[[8765,24]]},"618":{"position":[[7712,24],[14911,24]]},"620":{"position":[[10810,24]]},"624":{"position":[[7266,24],[11137,24],[14435,24]]}}}],["getdefaultdatasets(1",{"_index":3113,"t":{"618":{"position":[[4986,21]]},"624":{"position":[[4674,21],[12676,21]]}}}],["getdefaultdatasets(3",{"_index":3018,"t":{"616":{"position":[[5974,21]]},"618":{"position":[[12074,21]]},"620":{"position":[[7874,21]]},"624":{"position":[[8468,21]]}}}],["getdefaultdatasets(int",{"_index":3044,"t":{"616":{"position":[[7986,22]]},"618":{"position":[[6904,22],[13909,22]]},"620":{"position":[[9836,22]]},"624":{"position":[[6473,22],[10152,22],[13642,22]]}}}],["getemploye",{"_index":2214,"t":{"592":{"position":[[1364,14]]},"668":{"position":[[18885,15],[19042,14],[22027,15],[22184,14],[24709,15],[24866,14],[27986,15],[28143,14],[34563,15],[34720,14],[37211,15],[37368,14],[39787,15],[39944,14],[42403,15],[42560,14],[44991,15],[45148,14],[47827,15],[47984,14],[60632,15],[61499,14],[69999,15],[70330,14],[73423,15],[73580,14],[76535,15],[76692,14],[80020,15],[80177,14],[83201,15],[83358,14],[86227,15],[86384,14],[89668,15],[89825,14],[93882,15],[94039,14],[96705,15],[96862,14],[99500,15],[99657,14],[104845,15],[105002,14],[113278,15],[113435,14],[115498,15],[115655,14],[117965,15],[118122,14],[121985,15],[122142,14],[125894,15],[126051,14],[139551,15],[139708,14]]}}}],["getfilt",{"_index":4312,"t":{"668":{"position":[[4019,12]]}}}],["getnavitem",{"_index":2450,"t":{"600":{"position":[[2074,14],[2201,13],[4173,14],[4300,13],[7064,14],[7191,13],[10058,14],[10185,13],[13056,14],[13183,13],[15788,14],[15915,13]]},"636":{"position":[[7723,14],[7826,13]]},"638":{"position":[[8105,14],[8208,13]]},"640":{"position":[[8247,14],[8350,13]]},"642":{"position":[[7146,14],[7249,13]]},"644":{"position":[[7307,14],[7410,13]]},"650":{"position":[[7014,14],[7117,13]]},"652":{"position":[[1221,14],[1324,13]]},"654":{"position":[[1226,14],[1329,13]]},"656":{"position":[[7039,14],[7142,13]]},"664":{"position":[[2025,14],[2128,13],[3126,14],[3229,13],[4958,14],[5061,13],[7217,14],[7320,13],[9570,14],[9673,13],[12043,14],[12146,13],[14473,14],[14576,13],[16864,14],[16967,13],[19347,14],[19450,13],[22650,14],[22753,13],[24577,14],[24680,13]]}}}],["getnextdatabackgrounfcolor",{"_index":3134,"t":{"618":{"position":[[8002,28],[15201,28]]},"624":{"position":[[7556,28],[11427,28],[14725,28]]}}}],["getnextdatalabel",{"_index":3038,"t":{"616":{"position":[[7622,19],[8962,18]]},"618":{"position":[[6800,19],[7931,18],[13805,19],[15130,18]]},"620":{"position":[[9464,19],[11007,18]]},"624":{"position":[[6369,19],[7485,18],[10048,19],[11356,18],[14654,18]]}}}],["getrandombackgroundcolor",{"_index":3131,"t":{"618":{"position":[[7287,27],[7515,27],[14486,27],[14714,27]]},"624":{"position":[[6841,27],[7069,27],[10712,27],[10940,27],[14010,27],[14238,27]]}}}],["getrandombarchartdataset",{"_index":3031,"t":{"616":{"position":[[7113,27],[8215,26]]}}}],["getrandomdata",{"_index":3049,"t":{"616":{"position":[[8409,16],[8598,15]]},"618":{"position":[[7252,16],[7341,15],[14451,16],[14540,15]]},"620":{"position":[[10260,16],[10643,15]]},"624":{"position":[[6806,16],[6895,15],[10677,16],[10766,15],[13975,16],[14064,15]]}}}],["getrandomdoughnutchartdataset",{"_index":3124,"t":{"618":{"position":[[6204,32],[7143,31],[14065,32],[14342,31]]}}}],["getrandomlinechartdataset",{"_index":3247,"t":{"620":{"position":[[8978,28],[10067,27]]}}}],["getrandompiechartdataset",{"_index":3411,"t":{"624":{"position":[[5817,27],[6702,26],[10308,27],[10573,26],[13871,26]]}}}],["getrowclass(employee1",{"_index":5054,"t":{"668":{"position":[[70140,21]]}}}],["getus",{"_index":5179,"t":{"668":{"position":[[142311,11],[142455,10],[144963,11],[145107,10]]}}}],["getwidth",{"_index":2266,"t":{"596":{"position":[[949,8]]}}}],["ggrid",{"_index":705,"t":{"110":{"position":[[739,6]]}}}],["github",{"_index":3809,"t":{"636":{"position":[[1113,6],[3665,6]]},"638":{"position":[[3213,6]]},"640":{"position":[[1111,6],[3478,6]]},"642":{"position":[[1125,6],[3512,6]]},"644":{"position":[[1125,6],[3512,6]]},"650":{"position":[[2976,6]]},"656":{"position":[[2974,6]]}}}],["give",{"_index":4116,"t":{"660":{"position":[[18785,4]]}}}],["given",{"_index":4046,"t":{"660":{"position":[[2880,5],[2961,5],[3046,5]]}}}],["glenda",{"_index":4422,"t":{"668":{"position":[[14520,9],[20501,9],[62958,9],[71789,9],[75039,9],[78151,9],[81636,9],[98321,9],[101116,9],[123601,9],[141167,9]]}}}],["global",{"_index":560,"t":{"86":{"position":[[193,6]]},"88":{"position":[[195,6]]},"114":{"position":[[748,6]]},"592":{"position":[[929,6],[2359,6],[3780,6]]},"606":{"position":[[511,6],[11413,6],[12375,6]]},"638":{"position":[[131,6],[3314,6]]},"650":{"position":[[135,6],[3058,6]]}}}],["go",{"_index":1073,"t":{"564":{"position":[[1909,5]]},"568":{"position":[[2795,2],[3346,2],[3896,2],[4659,2],[5284,2],[5907,2],[6649,2],[7200,2],[7750,2],[8451,2],[9016,2],[9566,2],[10281,2],[10832,2],[11382,2],[12461,2],[13024,2],[13586,2],[14144,2],[14692,2],[15252,2],[18778,2],[19329,2],[19879,2],[21163,2],[21736,2],[22308,2]]}}}],["goe",{"_index":2065,"t":{"588":{"position":[[3637,4],[14366,4]]},"592":{"position":[[1093,4]]},"600":{"position":[[6842,4],[9836,4],[12834,4]]},"606":{"position":[[11582,4]]},"658":{"position":[[2052,4],[3235,4],[4011,4],[4408,4],[4841,4],[5083,4]]},"664":{"position":[[6999,4],[9324,4],[11797,4],[14227,4],[16646,4]]}}}],["gosar",{"_index":3312,"t":{"622":{"position":[[3257,8],[5128,8],[7753,8]]}}}],["gqhcdsnnnufarzd8k1l5llccv6o9hn09zclizzej8oj9mpgmilcxm+pdckqtwqj4jcjbojfr79rl2f1mzcolmq",{"_index":3819,"t":{"636":{"position":[[2007,89],[5377,89]]},"638":{"position":[[1459,89],[4629,89]]},"640":{"position":[[1822,89],[5387,89]]},"642":{"position":[[1841,89],[4896,89]]},"644":{"position":[[1841,89],[5097,89]]},"646":{"position":[[1481,89]]},"648":{"position":[[1481,89]]},"650":{"position":[[1504,89],[4380,89]]},"656":{"position":[[1495,89],[4635,89]]}}}],["gracefulli",{"_index":3554,"t":{"628":{"position":[[1466,10]]},"662":{"position":[[1410,10]]}}}],["gradienttransform=\"matrix(.431",{"_index":4635,"t":{"668":{"position":[[53837,30]]}}}],["gradienttransform=\"matrix(14.679",{"_index":4599,"t":{"668":{"position":[[52881,32]]}}}],["gradienttransform=\"matrix(15.249",{"_index":4625,"t":{"668":{"position":[[53469,32]]}}}],["gradienttransform=\"matrix(19.724",{"_index":4641,"t":{"668":{"position":[[54028,32]]}}}],["gradienttransform=\"matrix(20.007",{"_index":4616,"t":{"668":{"position":[[53274,32]]}}}],["gradienttransform=\"matrix(20.086",{"_index":4592,"t":{"668":{"position":[[52565,32]]}}}],["gradienttransform=\"matrix(25.743",{"_index":4608,"t":{"668":{"position":[[53078,32]]}}}],["gradienttransform=\"matrix(40",{"_index":4579,"t":{"668":{"position":[[52257,28],[53665,28]]}}}],["gradienttransform=\"matrix(6.695",{"_index":4650,"t":{"668":{"position":[[54295,31],[54477,31]]}}}],["gradientunits=\"userspaceonus",{"_index":4582,"t":{"668":{"position":[[52309,30],[52625,30],[52951,30],[53147,30],[53341,30],[53538,30],[53713,30],[53904,30],[54098,30],[54352,30],[54536,30]]}}}],["granular",{"_index":3749,"t":{"632":{"position":[[4211,11]]}}}],["graphic",{"_index":3195,"t":{"620":{"position":[[106,9]]}}}],["greater",{"_index":1465,"t":{"574":{"position":[[5671,7]]}}}],["grid",{"_index":28,"t":{"2":{"position":[[270,4],[481,5],[627,4],[825,4],[939,4],[1496,4],[3300,5],[3393,4],[3810,5],[3919,4]]},"16":{"position":[[239,4],[292,4],[353,4]]},"30":{"position":[[144,4],[169,4],[197,4],[526,4],[577,4],[588,4],[646,4]]},"34":{"position":[[184,4],[532,4],[686,4],[765,4]]},"42":{"position":[[121,4],[140,4],[181,4],[341,4],[417,4],[429,4],[449,4],[471,4]]},"62":{"position":[[115,4],[170,4],[310,4],[386,4],[398,4]]},"64":{"position":[[116,4],[171,4],[369,4],[445,4],[457,4]]},"74":{"position":[[369,4],[410,4],[445,4],[818,4],[1113,4]]},"78":{"position":[[124,4],[227,4],[242,4],[413,4],[511,4]]},"80":{"position":[[108,5],[171,4],[186,4],[287,4],[1426,4],[1730,4]]},"82":{"position":[[111,5],[176,4],[191,4],[232,4],[462,4],[599,4]]},"84":{"position":[[111,4],[167,4],[251,4],[351,4],[457,4]]},"92":{"position":[[110,4],[152,4],[365,4],[441,4]]},"96":{"position":[[111,5],[175,4],[238,4],[275,4],[749,4],[1032,4]]},"98":{"position":[[110,4],[165,4],[350,4],[654,4]]},"100":{"position":[[557,4]]},"102":{"position":[[154,5],[879,4],[894,5],[1346,4],[1548,4]]},"106":{"position":[[132,5],[185,4],[200,5]]},"108":{"position":[[133,5],[185,4],[200,5],[655,4]]},"110":{"position":[[231,5],[724,4],[1242,4]]},"114":{"position":[[142,5],[376,4],[391,5],[414,5],[480,5],[958,4]]},"120":{"position":[[269,4],[545,4]]},"122":{"position":[[269,4]]},"124":{"position":[[158,5],[290,4],[323,4],[481,4],[528,4],[563,4],[1645,4]]},"126":{"position":[[149,4],[243,4],[415,4]]},"128":{"position":[[288,4],[323,4],[797,4]]},"132":{"position":[[133,5],[227,4],[407,5],[1211,4],[1391,5],[1504,4],[1641,5],[1746,4],[2178,4],[2261,4]]},"134":{"position":[[449,4],[546,4],[707,5],[813,4],[1006,4],[1102,4],[1258,5],[1362,4],[1706,4],[1801,4],[3023,4]]},"136":{"position":[[707,4],[803,4],[815,4],[956,4],[1052,4],[1064,4]]},"138":{"position":[[1496,4],[1562,4],[1574,4],[1594,4],[1616,4],[2360,4],[2730,4],[2775,4]]},"140":{"position":[[1379,4]]},"142":{"position":[[243,4],[266,4],[286,4]]},"148":{"position":[[280,5],[373,4],[972,5],[1076,4],[2757,4]]},"150":{"position":[[273,5],[366,4]]},"152":{"position":[[295,4]]},"154":{"position":[[314,4],[525,5],[671,4],[869,4],[983,4],[1540,4],[2110,5],[2203,4],[2620,5],[2729,4],[2894,5],[2988,4]]},"156":{"position":[[204,5],[350,4],[541,5],[650,4]]},"172":{"position":[[28,5],[164,4],[260,4],[272,4],[413,4],[509,4],[521,4],[668,4],[734,4],[746,4],[766,4],[788,4]]},"176":{"position":[[29,4],[177,4],[243,4],[255,4],[275,4],[297,4]]},"178":{"position":[[29,4],[178,4],[244,4],[256,4],[276,4],[298,4]]},"182":{"position":[[29,4],[180,4],[246,4],[258,4],[278,4],[300,4]]},"216":{"position":[[155,4],[252,4],[413,5],[519,4],[712,4],[808,4],[964,5],[1068,4],[1412,4],[1507,4],[2729,4]]},"218":{"position":[[176,5],[980,4],[1160,5],[1273,4],[1410,5],[1515,4],[1947,4],[2030,4]]},"222":{"position":[[408,4],[504,4],[516,4],[657,4],[753,4],[765,4]]},"224":{"position":[[595,5],[699,4]]},"228":{"position":[[323,4],[534,5],[680,4],[878,4],[992,4],[1549,4],[2119,5],[2212,4],[2629,5],[2738,4],[2903,5],[2997,4]]},"234":{"position":[[164,4],[261,4],[422,5],[528,4],[721,4],[817,4],[973,5],[1077,4],[1421,4],[1516,4],[2738,4]]},"236":{"position":[[417,4],[513,4],[525,4],[666,4],[762,4],[774,4]]},"238":{"position":[[1143,4],[1209,4],[1221,4],[1241,4],[1263,4],[2007,4],[2377,4],[2422,4]]},"240":{"position":[[185,5],[989,4],[1169,5],[1282,4],[1419,5],[1524,4],[1956,4],[2039,4]]},"244":{"position":[[1246,4]]},"248":{"position":[[160,5],[266,4]]},"250":{"position":[[174,4],[269,4]]},"260":{"position":[[164,5],[268,4]]},"262":{"position":[[392,4]]},"266":{"position":[[163,5],[269,4],[460,5],[564,4],[1128,4]]},"268":{"position":[[184,5]]},"270":{"position":[[397,4]]},"272":{"position":[[270,4],[450,5],[563,4],[700,5],[805,4],[985,4],[1068,4],[1205,4],[1302,4],[1463,5],[1569,4],[1762,4],[1858,4],[2014,5],[2118,4],[2462,4],[2557,4],[2927,4]]},"274":{"position":[[164,4],[260,4],[272,4],[413,4],[509,4],[521,4],[668,4],[734,4],[746,4],[766,4],[788,4]]},"276":{"position":[[179,5]]},"282":{"position":[[591,5],[696,4],[1920,4]]},"284":{"position":[[160,5],[264,4],[828,4]]},"288":{"position":[[163,4],[260,4]]},"290":{"position":[[157,5],[261,4]]},"294":{"position":[[163,5],[267,4]]},"296":{"position":[[392,4]]},"298":{"position":[[398,4]]},"300":{"position":[[163,5],[268,4],[446,5],[550,4],[1114,4]]},"306":{"position":[[592,4],[688,4]]},"308":{"position":[[590,4],[1160,5],[1253,4],[1670,5],[1779,4],[1944,5],[2038,4],[2218,5],[3022,4]]},"310":{"position":[[317,4],[528,5],[674,4],[872,4],[986,4],[1543,4],[2113,5],[2206,4],[2623,5],[2732,4],[2897,5],[2991,4]]},"314":{"position":[[179,5],[983,4],[1163,5],[1276,4],[1413,5],[1518,4],[1950,4],[2033,4]]},"316":{"position":[[156,5],[260,4],[604,4],[699,4],[1921,4],[2698,4],[2794,4],[2806,4],[2947,4],[3043,4],[3055,4]]},"320":{"position":[[158,4],[255,4],[416,5],[522,4],[715,4],[811,4],[967,5],[1071,4],[1415,4],[1510,4],[2732,4]]},"322":{"position":[[411,4],[507,4],[519,4],[660,4],[756,4],[768,4]]},"328":{"position":[[168,4],[263,4]]},"330":{"position":[[201,5],[347,4],[781,5],[887,4]]},"332":{"position":[[202,5],[315,4],[452,5],[557,4],[989,4],[1072,4],[2073,4],[2170,4],[2331,5],[2437,4],[2630,4],[2726,4]]},"334":{"position":[[313,4],[508,5],[617,4],[782,5],[876,4]]},"336":{"position":[[202,5],[348,4],[646,4],[1164,4]]},"342":{"position":[[199,4],[313,4]]},"346":{"position":[[299,4],[472,5],[576,4]]},"352":{"position":[[153,5],[259,4]]},"354":{"position":[[157,5],[263,4],[454,5],[558,4],[1122,4]]},"356":{"position":[[391,4]]},"360":{"position":[[272,5],[365,4],[566,5],[675,4],[840,5],[934,4],[1114,5],[1875,4]]},"362":{"position":[[203,5],[349,4],[530,5]]},"364":{"position":[[21,6],[186,4],[231,4],[421,4]]},"366":{"position":[[21,6],[152,4],[235,4],[372,4],[469,4],[630,5],[736,4],[929,4],[1025,4],[1181,5],[1285,4],[1629,4],[1724,4],[2094,4],[2280,4],[2376,4],[2388,4],[2529,4],[2625,4],[2637,4],[2842,4]]},"368":{"position":[[21,6],[312,4],[523,5],[669,4],[867,4],[981,4],[1245,4],[1541,5],[1634,4],[1835,5],[1944,4],[2109,5],[2203,4],[2473,4],[2653,5],[2766,4],[2903,5],[3008,4]]},"372":{"position":[[153,5],[259,4]]},"374":{"position":[[313,4]]},"376":{"position":[[173,5]]},"386":{"position":[[297,4],[470,5],[574,4]]},"388":{"position":[[725,4]]},"390":{"position":[[201,5],[347,4],[538,5],[647,4],[812,5],[906,4],[1497,5],[1602,4],[2826,4]]},"392":{"position":[[223,4]]},"396":{"position":[[322,4]]},"398":{"position":[[154,5],[258,4],[822,4],[1607,4]]},"400":{"position":[[588,4],[884,5],[977,4]]},"402":{"position":[[178,5],[272,4]]},"406":{"position":[[156,4],[253,4]]},"410":{"position":[[281,5],[374,4]]},"412":{"position":[[296,4],[592,5],[685,4]]},"414":{"position":[[201,5],[347,4]]},"416":{"position":[[314,4],[525,5],[671,4]]},"422":{"position":[[315,4],[526,5],[672,4],[970,4]]},"424":{"position":[[176,5],[270,4],[426,5],[530,4]]},"426":{"position":[[199,5],[345,4]]},"428":{"position":[[565,5],[658,4]]},"430":{"position":[[392,4]]},"432":{"position":[[184,5],[293,4]]},"434":{"position":[[157,5],[262,4],[440,5],[544,4],[1108,4]]},"442":{"position":[[293,4],[900,4],[996,4]]},"456":{"position":[[219,4]]},"470":{"position":[[188,4],[233,4]]},"472":{"position":[[223,4]]},"474":{"position":[[165,4],[231,4],[243,4],[263,4],[285,4]]},"486":{"position":[[199,5],[312,4]]},"488":{"position":[[267,4]]},"492":{"position":[[178,5],[272,4]]},"494":{"position":[[276,5],[369,4]]},"496":{"position":[[177,5]]},"498":{"position":[[187,5],[296,4]]},"512":{"position":[[159,4],[255,4],[267,4]]},"514":{"position":[[160,4],[256,4],[268,4]]},"526":{"position":[[388,4]]},"530":{"position":[[168,4],[263,4]]},"532":{"position":[[154,4],[250,4]]},"534":{"position":[[152,5],[256,4]]},"536":{"position":[[155,4],[252,4]]},"538":{"position":[[155,5],[261,4]]},"544":{"position":[[154,4],[237,4]]},"552":{"position":[[293,4]]},"554":{"position":[[155,5],[260,4]]},"558":{"position":[[193,4],[307,4]]},"562":{"position":[[313,4],[524,5],[670,4]]},"574":{"position":[[5752,4],[5894,4],[6052,4],[6213,4]]},"580":{"position":[[6461,4],[6475,4]]},"588":{"position":[[15277,4]]},"600":{"position":[[5437,7],[5493,10],[5687,10],[8390,7],[8477,10],[8671,10],[11384,7],[11471,10],[11665,10],[14382,7],[14469,10],[14663,10]]},"660":{"position":[[25569,4]]},"668":{"position":[[11,4],[36,4],[62,4],[185,4],[326,4],[404,4],[466,4],[593,4],[656,4],[751,4],[996,4],[1752,4],[1919,4],[1993,4],[2073,4],[2249,4],[2770,4],[2934,4],[3033,4],[3274,4],[3341,4],[3476,4],[3962,4],[4156,4],[4244,5],[4602,4],[6095,4],[7424,4],[7480,5],[8194,7],[9948,5],[10694,7],[12297,5],[12369,5],[12973,7],[14945,4],[14994,5],[15774,7],[17280,5],[18333,7],[20960,5],[21732,7],[23710,5],[23716,5],[24414,7],[26278,5],[27691,7],[30524,5],[32149,7],[33423,5],[34268,7],[36168,5],[36916,7],[38785,5],[39492,7],[41338,5],[42108,7],[43794,5],[43911,5],[44696,7],[46330,4],[46367,5],[47532,7],[50257,5],[50395,5],[50401,5],[50914,7],[51282,4],[51303,5],[58350,7],[58637,4],[58692,4],[58958,4],[59124,5],[60232,7],[60280,4],[61072,5],[61265,5],[63164,4],[63261,5],[63381,5],[64016,7],[65489,4],[65586,5],[65811,5],[66470,7],[66502,4],[67385,4],[67683,4],[67711,4],[68188,4],[68437,4],[68482,4],[68557,4],[68753,5],[69704,7],[71929,4],[72133,5],[73129,7],[75257,4],[75292,5],[76240,7],[78481,5],[79512,7],[81818,5],[81861,5],[82595,7],[84822,5],[85621,7],[88233,5],[89116,7],[92284,5],[93276,7],[95415,5],[96027,7],[98510,5],[99195,7],[101252,5],[102061,7],[102069,5],[102892,7],[102900,5],[103709,7],[103717,5],[104540,7],[105851,5],[106863,7],[106871,5],[107883,7],[107891,5],[108901,7],[108909,5],[109921,7],[109929,5],[110935,7],[110943,5],[111949,7],[111957,5],[112973,7],[114278,5],[115132,7],[116734,5],[117599,7],[119296,5],[120571,7],[123819,4],[123918,5],[125425,7],[125473,4],[127364,5],[129062,7],[129914,5],[131715,7],[132585,5],[134405,7],[135287,5],[137210,7],[138113,4],[138201,5],[139246,7],[141294,5],[141878,7],[141921,4],[143783,5],[144530,7],[144573,4],[146882,5],[148098,7],[149044,5],[149069,5],[149317,5],[149999,5],[151275,7],[151301,7],[152284,4],[152300,4],[152321,4],[152822,4],[152932,4],[152967,4],[153423,4]]}}}],["grid'",{"_index":4999,"t":{"668":{"position":[[58785,6]]}}}],["grid.refreshdataasync",{"_index":5036,"t":{"668":{"position":[[67447,24]]}}}],["grid22",{"_index":863,"t":{"142":{"position":[[1419,6]]}}}],["grid3",{"_index":791,"t":{"142":{"position":[[230,5]]}}}],["grid<employee1",{"_index":5032,"t":{"668":{"position":[[66486,15]]}}}],["gridcolumn",{"_index":4316,"t":{"668":{"position":[[4256,10],[7467,12],[7649,13],[7663,11],[7740,13],[7754,11],[7846,13],[7860,11],[7964,13],[7978,11],[8058,13],[8072,11],[8165,13],[8179,14],[10105,13],[10119,11],[10196,13],[10210,11],[10346,13],[10360,11],[10464,13],[10478,11],[10558,13],[10572,11],[10665,13],[10679,14],[12536,13],[12550,11],[12609,13],[12623,11],[12695,13],[12709,11],[12786,13],[12800,11],[12861,13],[12875,11],[12944,13],[12958,14],[14981,12],[15149,13],[15163,11],[15256,13],[15270,11],[15378,13],[15392,11],[15512,13],[15526,11],[15622,13],[15636,11],[15745,13],[15759,14],[17600,13],[17614,11],[17725,13],[17739,11],[17867,13],[17881,11],[18028,13],[18042,11],[18157,13],[18171,11],[18304,13],[18318,14],[20948,11],[21117,13],[21131,11],[21278,13],[21292,11],[21384,13],[21398,11],[21502,13],[21516,11],[21596,13],[21610,11],[21703,13],[21717,14],[23521,11],[23873,13],[23887,11],[23965,13],[23979,11],[24071,13],[24085,11],[24189,13],[24203,11],[24283,13],[24297,11],[24385,13],[24399,14],[26129,10],[26435,13],[26449,11],[26550,13],[26564,11],[26687,13],[26701,11],[26821,13],[26835,11],[26921,13],[26935,11],[27045,13],[27059,11],[27181,13],[27195,11],[27275,13],[27289,11],[27483,13],[27497,11],[27662,13],[27676,14],[30471,10],[30720,11],[30975,13],[30989,11],[31191,13],[31205,11],[31372,13],[31386,11],[31553,13],[31567,11],[31744,13],[31758,11],[31945,13],[31959,11],[32135,13],[33126,11],[33279,11],[33313,10],[33560,13],[33574,11],[33670,13],[33684,11],[33863,13],[33877,11],[34000,13],[34014,11],[34113,13],[34127,11],[34239,13],[34253,14],[35980,10],[36305,13],[36319,11],[36415,13],[36429,11],[36540,13],[36554,11],[36648,13],[36662,11],[36761,13],[36775,11],[36887,13],[36901,14],[38902,13],[38916,11],[39014,13],[39028,11],[39100,13],[39114,11],[39230,13],[39244,11],[39344,13],[39358,11],[39463,13],[39477,14],[41455,13],[41469,11],[41600,13],[41614,11],[41686,13],[41700,11],[41777,13],[41791,11],[41924,13],[41938,11],[42079,13],[42093,14],[44028,13],[44042,11],[44173,13],[44187,11],[44259,13],[44273,11],[44350,13],[44364,11],[44512,13],[44526,11],[44667,13],[44681,14],[46275,11],[46502,13],[46516,11],[46647,13],[46661,11],[46735,13],[46749,11],[46822,13],[46836,11],[46901,13],[46915,11],[47002,13],[47016,11],[47111,13],[47125,11],[47186,13],[47200,11],[47348,13],[47362,11],[47503,13],[47517,14],[50551,13],[50565,11],[50623,13],[50637,11],[50710,13],[50724,11],[50795,13],[50809,11],[50885,13],[50899,14],[51419,13],[51433,11],[51491,13],[51505,11],[51578,13],[51592,11],[51663,13],[51677,11],[51753,13],[51767,14],[59429,13],[59443,11],[59624,13],[59638,11],[59766,13],[59780,11],[59927,13],[59941,11],[60056,13],[60070,11],[60203,13],[60217,14],[63471,13],[63485,11],[63562,13],[63576,11],[63668,13],[63682,11],[63786,13],[63800,11],[63880,13],[63894,11],[63987,13],[64001,14],[65925,13],[65939,11],[66016,13],[66030,11],[66122,13],[66136,11],[66240,13],[66254,11],[66334,13],[66348,11],[66441,13],[66455,14],[68971,13],[68985,11],[69096,13],[69110,11],[69238,13],[69252,11],[69399,13],[69413,11],[69528,13],[69542,11],[69675,13],[69689,14],[72328,13],[72342,11],[72453,13],[72467,11],[72595,13],[72609,11],[72756,13],[72770,11],[72885,13],[72899,11],[73100,13],[73114,14],[75487,13],[75501,11],[75612,13],[75626,11],[75774,13],[75788,11],[75935,13],[75949,11],[76064,13],[76078,11],[76211,13],[76225,14],[78676,13],[78690,11],[78801,13],[78815,11],[78943,13],[78957,11],[79104,13],[79118,11],[79233,13],[79247,11],[79483,13],[79497,14],[82050,13],[82064,11],[82141,13],[82155,11],[82247,13],[82261,11],[82365,13],[82379,11],[82459,13],[82473,11],[82566,13],[82580,14],[85076,13],[85090,11],[85167,13],[85181,11],[85273,13],[85287,11],[85391,13],[85405,11],[85485,13],[85499,11],[85592,13],[85606,14],[88571,13],[88585,11],[88662,13],[88676,11],[88768,13],[88782,11],[88886,13],[88900,11],[88980,13],[88994,11],[89087,13],[89101,14],[92731,13],[92745,11],[92822,13],[92836,11],[92928,13],[92942,11],[93046,13],[93060,11],[93140,13],[93154,11],[93247,13],[93261,14],[95590,13],[95604,11],[95663,13],[95677,11],[95749,13],[95763,11],[95840,13],[95854,11],[95915,13],[95929,11],[95998,13],[96012,14],[98758,13],[98772,11],[98831,13],[98845,11],[98917,13],[98931,11],[99008,13],[99022,11],[99083,13],[99097,11],[99166,13],[99180,14],[101436,13],[101450,11],[101543,13],[101557,11],[101665,13],[101679,11],[101799,13],[101813,11],[101909,13],[101923,11],[102032,13],[102046,14],[102267,13],[102281,11],[102374,13],[102388,11],[102496,13],[102510,11],[102630,13],[102644,11],[102740,13],[102754,11],[102863,13],[102877,14],[103084,13],[103098,11],[103191,13],[103205,11],[103313,13],[103327,11],[103447,13],[103461,11],[103557,13],[103571,11],[103680,13],[103694,14],[103915,13],[103929,11],[104022,13],[104036,11],[104144,13],[104158,11],[104278,13],[104292,11],[104388,13],[104402,11],[104511,13],[104525,14],[106130,13],[106144,11],[106255,13],[106269,11],[106397,13],[106411,11],[106558,13],[106572,11],[106687,13],[106701,11],[106834,13],[106848,14],[107150,13],[107164,11],[107275,13],[107289,11],[107417,13],[107431,11],[107578,13],[107592,11],[107707,13],[107721,11],[107854,13],[107868,14],[108168,13],[108182,11],[108293,13],[108307,11],[108435,13],[108449,11],[108596,13],[108610,11],[108725,13],[108739,11],[108872,13],[108886,14],[109188,13],[109202,11],[109313,13],[109327,11],[109455,13],[109469,11],[109616,13],[109630,11],[109745,13],[109759,11],[109892,13],[109906,14],[110202,13],[110216,11],[110327,13],[110341,11],[110469,13],[110483,11],[110630,13],[110644,11],[110759,13],[110773,11],[110906,13],[110920,14],[111216,13],[111230,11],[111341,13],[111355,11],[111483,13],[111497,11],[111644,13],[111658,11],[111773,13],[111787,11],[111920,13],[111934,14],[112240,13],[112254,11],[112365,13],[112379,11],[112507,13],[112521,11],[112668,13],[112682,11],[112797,13],[112811,11],[112944,13],[112958,14],[114507,13],[114521,11],[114614,13],[114628,11],[114736,13],[114750,11],[114870,13],[114884,11],[114980,13],[114994,11],[115103,13],[115117,14],[116974,13],[116988,11],[117081,13],[117095,11],[117203,13],[117217,11],[117337,13],[117351,11],[117447,13],[117461,11],[117570,13],[117584,14],[119838,13],[119852,11],[119963,13],[119977,11],[120105,13],[120119,11],[120266,13],[120280,11],[120395,13],[120409,11],[120542,13],[120556,14],[124098,13],[124112,11],[124189,13],[124203,11],[124295,13],[124309,11],[124413,13],[124427,11],[124531,13],[124545,11],[124649,13],[124663,11],[124767,13],[124781,11],[124861,13],[124875,11],[124968,13],[124982,11],[125075,13],[125089,11],[125182,13],[125196,11],[125289,13],[125303,11],[125396,13],[125410,14],[127580,13],[127594,11],[127849,13],[127863,11],[128065,13],[128079,11],[128246,13],[128260,11],[128427,13],[128441,11],[128618,13],[128632,11],[128819,13],[128833,11],[129033,13],[129047,14],[130101,13],[130115,11],[130407,13],[130421,11],[130664,13],[130678,11],[130845,13],[130859,11],[131026,13],[131040,11],[131217,13],[131231,11],[131418,13],[131432,11],[131686,13],[131700,14],[132791,13],[132805,11],[133097,13],[133111,11],[133354,13],[133368,11],[133535,13],[133549,11],[133716,13],[133730,11],[133907,13],[133921,11],[134108,13],[134122,11],[134376,13],[134390,14],[135515,13],[135529,11],[135821,13],[135835,11],[136079,13],[136093,11],[136260,13],[136274,11],[136441,13],[136455,11],[136632,13],[136646,11],[136913,13],[136927,11],[137181,13],[137195,14],[138513,13],[138527,11],[138638,13],[138652,11],[138780,13],[138794,11],[138941,13],[138955,11],[139070,13],[139084,11],[139217,13],[139231,14],[141454,13],[141468,11],[141540,13],[141554,11],[141637,13],[141651,11],[141726,13],[141740,11],[141849,13],[141863,14],[143943,13],[143957,11],[144057,13],[144071,11],[144167,13],[144181,11],[144289,13],[144303,11],[144378,13],[144392,11],[144501,13],[144515,14],[146786,12],[146821,13],[146984,13],[146998,11],[147075,13],[147089,11],[147181,13],[147195,11],[147299,13],[147313,11],[147393,13],[147407,11],[147500,13],[147514,14],[149221,12],[149256,13],[149419,13],[149433,11],[149510,13],[149524,11],[149616,13],[149630,11],[149734,13],[149748,11],[149828,13],[149842,11],[149935,13],[149949,14],[150101,13],[150115,11],[150204,13],[150218,11],[150322,13],[150336,11],[150452,13],[150466,11],[150558,13],[150572,11],[150677,13],[150691,14],[152334,10]]}}}],["gridcontainerclass",{"_index":775,"t":{"128":{"position":[[393,18]]},"668":{"position":[[1945,18]]}}}],["gridcontainerstyl",{"_index":776,"t":{"128":{"position":[[416,18]]},"668":{"position":[[2025,18]]}}}],["griddataproviderdelegate<titem",{"_index":4282,"t":{"668":{"position":[[1026,31]]}}}],["griddataproviderresult",{"_index":4283,"t":{"668":{"position":[[1149,23]]}}}],["griddataproviderresult<customer2",{"_index":4538,"t":{"668":{"position":[[32882,33],[129793,33],[132446,33],[135136,33],[137941,33]]}}}],["griddataproviderresult<employe",{"_index":4559,"t":{"668":{"position":[[51086,32],[58522,32]]}}}],["griddetailview",{"_index":5196,"t":{"668":{"position":[[146864,17],[147529,15],[148080,17],[149299,17],[149964,15],[150706,15],[151257,17],[151283,17]]}}}],["gridemptydatatempl",{"_index":774,"t":{"128":{"position":[[367,21]]},"668":{"position":[[51216,21],[51798,22],[58308,24]]}}}],["gridfilterstranslationdeleg",{"_index":4288,"t":{"668":{"position":[[1688,30]]}}}],["gridfilterstranslationprovid",{"_index":5109,"t":{"668":{"position":[[120692,32]]}}}],["gridloadingtempl",{"_index":773,"t":{"128":{"position":[[343,19]]}}}],["gridselectionmod",{"_index":4301,"t":{"668":{"position":[[2874,17]]}}}],["gridselectionmode.singl",{"_index":4302,"t":{"668":{"position":[[2892,24]]}}}],["gridset",{"_index":4305,"t":{"668":{"position":[[3098,15],[7076,12],[58817,12],[152356,12]]}}}],["gridsettingschang",{"_index":4307,"t":{"668":{"position":[[3399,19]]}}}],["gridsettingschanged=\"ongridsettingschang",{"_index":5006,"t":{"668":{"position":[[59344,43]]}}}],["gridsettingsprovid",{"_index":5017,"t":{"668":{"position":[[61161,22]]}}}],["gridsettingsproviderdeleg",{"_index":4304,"t":{"668":{"position":[[2978,28]]}}}],["gridtempl",{"_index":4560,"t":{"668":{"position":[[51782,15],[58333,16]]}}}],["groter",{"_index":5125,"t":{"668":{"position":[[121171,7],[121248,7]]}}}],["group",{"_index":632,"t":{"102":{"position":[[509,6],[582,6],[594,6]]},"580":{"position":[[3205,7],[4801,7],[4861,6],[4912,5],[4923,5],[4953,5],[4994,5],[5041,5],[5610,5],[5621,5],[5651,5],[5692,5],[5739,5],[10594,7],[10611,6],[10706,6],[12002,6],[12038,6],[13649,6],[13735,6],[13747,6]]},"602":{"position":[[1170,5],[1206,5],[3002,5],[3056,5],[3156,6],[5273,6],[12017,5]]},"622":{"position":[[8488,5],[8942,5]]},"626":{"position":[[8244,5],[8627,5],[8993,5]]},"628":{"position":[[7424,5],[7716,5],[10030,5],[10339,5],[10738,5]]},"630":{"position":[[11480,5],[11906,5],[12315,5]]},"660":{"position":[[17629,6]]},"662":{"position":[[5550,5],[5887,5],[6212,5],[6516,5],[6835,5],[9570,5],[9971,5]]},"664":{"position":[[22146,5]]}}}],["group=\"sharedlistexample2",{"_index":2556,"t":{"602":{"position":[[3230,26],[3490,26]]}}}],["group=\"sharedlistexample3",{"_index":2585,"t":{"602":{"position":[[5347,26],[5606,26],[5865,26],[8454,26],[8732,26]]}}}],["group—al",{"_index":1721,"t":{"580":{"position":[[5276,9]]}}}],["grow",{"_index":1485,"t":{"574":{"position":[[7206,4],[7219,4]]},"604":{"position":[[1350,4],[1415,4],[1483,5],[4759,4]]}}}],["guacamole!</strong",{"_index":1098,"t":{"564":{"position":[[3076,19],[3287,19]]}}}],["guid",{"_index":752,"t":{"124":{"position":[[578,4]]},"606":{"position":[[1438,4]]},"616":{"position":[[4196,5]]},"618":{"position":[[3565,5]]},"620":{"position":[[6162,5]]},"624":{"position":[[3283,5]]},"668":{"position":[[143770,4],[146425,4],[153392,4]]}}}],["guid.newguid",{"_index":5194,"t":{"668":{"position":[[145161,15],[145288,15],[145410,15],[145535,15],[145658,15],[145794,15],[145928,15],[146055,15],[146178,15],[146280,15]]}}}],["h1>exampl",{"_index":1328,"t":{"572":{"position":[[882,11]]}}}],["h2>exampl",{"_index":1330,"t":{"572":{"position":[[926,11]]}}}],["h3>exampl",{"_index":1332,"t":{"572":{"position":[[970,11]]}}}],["h4",{"_index":1066,"t":{"564":{"position":[[1781,3]]},"568":{"position":[[16015,3]]}}}],["h4>convey",{"_index":1138,"t":{"566":{"position":[[2888,13],[3376,13],[3865,13],[4351,13],[4836,13],[5346,13],[5853,13],[6361,13],[6866,13],[7370,13]]}}}],["h4>exampl",{"_index":1334,"t":{"572":{"position":[[1014,11]]}}}],["h4>show</h4",{"_index":1228,"t":{"568":{"position":[[15367,13]]}}}],["h5>exampl",{"_index":1336,"t":{"572":{"position":[[1058,11]]}}}],["h6>exampl",{"_index":1338,"t":{"572":{"position":[[1102,11]]}}}],["hand",{"_index":1026,"t":{"564":{"position":[[116,7]]},"610":{"position":[[1478,5],[1550,5],[1622,5],[1694,5],[1766,5],[1838,5]]}}}],["handl",{"_index":2216,"t":{"592":{"position":[[1468,6]]},"602":{"position":[[1249,6],[1312,6],[10814,7],[10826,6],[10889,7],[10960,6],[11028,7],[11206,6],[13992,6]]},"606":{"position":[[12099,6]]},"622":{"position":[[3531,6],[5402,6],[6431,6],[8027,6],[10187,6],[11698,6],[13192,6]]},"658":{"position":[[5631,6]]}}}],["handle=\".bb",{"_index":2612,"t":{"602":{"position":[[11002,11]]}}}],["handleonvalidsubmit",{"_index":3378,"t":{"622":{"position":[[9636,21]]},"626":{"position":[[10256,21]]},"628":{"position":[[8518,21]]},"630":{"position":[[13621,21]]},"660":{"position":[[21177,21]]}}}],["handlevalidsubmit",{"_index":3657,"t":{"628":{"position":[[12214,19]]},"662":{"position":[[7663,19],[11487,19]]}}}],["happi",{"_index":236,"t":{"14":{"position":[[288,5]]}}}],["hard",{"_index":2173,"t":{"590":{"position":[[1609,4]]}}}],["hashset<employee1",{"_index":4436,"t":{"668":{"position":[[18603,18],[82865,18],[85891,18],[89386,18],[93546,18]]}}}],["head",{"_index":306,"t":{"34":{"position":[[314,7]]},"564":{"position":[[1705,9]]},"566":{"position":[[391,7],[436,8],[534,8],[1666,8],[5308,8],[7914,7],[7938,7]]},"572":{"position":[[894,7],[938,7],[982,7],[1026,7],[1070,7],[1114,7]]},"610":{"position":[[235,6]]},"636":{"position":[[441,4],[1056,4],[3920,6],[4632,7]]},"638":{"position":[[453,4],[3396,6],[4133,7]]},"640":{"position":[[441,4],[1054,4],[3741,6],[4509,7]]},"642":{"position":[[450,4],[1068,4],[3634,6],[4355,7]]},"644":{"position":[[450,4],[1068,4],[3634,6],[4411,7]]},"646":{"position":[[440,4]]},"648":{"position":[[440,4]]},"650":{"position":[[498,4],[3131,6],[3882,7]]},"656":{"position":[[450,4],[3107,6],[3867,7]]}}}],["header",{"_index":289,"t":{"30":{"position":[[418,6]]},"34":{"position":[[399,6]]},"102":{"position":[[380,8],[516,6]]},"106":{"position":[[212,6]]},"578":{"position":[[962,6],[990,6]]},"580":{"position":[[242,7],[1469,6],[5904,6],[5939,6],[13669,6]]},"582":{"position":[[646,6],[722,6],[996,7],[3019,6]]},"588":{"position":[[937,6],[1013,6],[1504,7],[1677,6]]},"606":{"position":[[1725,6]]},"660":{"position":[[17113,7],[17127,6],[25909,6]]},"668":{"position":[[1282,6],[1930,7],[2152,6],[5553,6],[5628,6],[5705,6],[38560,6],[38635,6],[75284,7],[78279,8],[78381,6],[78420,6],[87908,6],[88093,6],[101230,6],[123721,7],[123746,7],[127343,6],[132577,7],[135267,6],[152713,6],[153006,7],[153136,6],[153237,6],[153250,6],[153311,6],[153344,6]]}}}],["header</dropdowndivid",{"_index":4102,"t":{"660":{"position":[[18029,24]]}}}],["header</dropdownhead",{"_index":4100,"t":{"660":{"position":[[17320,23]]}}}],["headercont",{"_index":4328,"t":{"668":{"position":[[5502,13],[78317,15],[79338,15],[79392,16]]}}}],["headercssclass",{"_index":1584,"t":{"578":{"position":[[924,14]]},"582":{"position":[[602,14]]},"588":{"position":[[893,14]]}}}],["headerrowcssclass",{"_index":584,"t":{"92":{"position":[[171,17]]},"668":{"position":[[2105,17]]}}}],["headerrowcssclass=\"bg",{"_index":5090,"t":{"668":{"position":[[101359,21],[102176,21],[103007,21],[103824,21],[106053,21],[107000,21],[108020,21],[109038,21],[110058,21],[111072,21],[112086,21],[114406,21],[116862,21],[119574,21]]}}}],["headertempl",{"_index":1778,"t":{"582":{"position":[[670,14]]},"588":{"position":[[961,14]]}}}],["headertext",{"_index":4329,"t":{"668":{"position":[[5575,10]]}}}],["headertext=\"act",{"_index":4370,"t":{"668":{"position":[[8102,19],[10602,19],[12905,20],[15666,19],[18201,19],[21640,19],[24327,19],[27527,19],[34157,19],[36805,19],[39388,19],[41968,19],[44556,19],[47392,19],[60100,19],[63924,19],[66378,19],[69572,19],[72929,19],[76108,19],[82503,19],[85529,19],[89024,19],[93184,19],[95959,20],[99127,20],[101953,19],[102784,19],[103601,19],[104432,19],[106731,19],[107751,19],[108769,19],[109789,19],[110803,19],[111817,19],[112841,19],[115024,19],[117491,19],[120439,19],[124905,19],[125012,19],[125119,19],[125226,19],[125333,19],[139114,19],[147437,19],[149872,19],[150617,19]]}}}],["headertext=\"address",{"_index":4511,"t":{"668":{"position":[[31597,20],[128471,20],[131070,20],[133760,20],[136485,20]]}}}],["headertext=\"compani",{"_index":4455,"t":{"668":{"position":[[26965,20],[46945,20]]}}}],["headertext=\"countri",{"_index":4523,"t":{"668":{"position":[[31989,20],[128887,20],[131540,20],[134230,20],[137035,20]]}}}],["headertext=\"custom",{"_index":4498,"t":{"668":{"position":[[31019,20],[127893,20],[130492,20],[133182,20],[135907,20]]}}}],["headertext=\"design",{"_index":4364,"t":{"668":{"position":[[7890,24],[10390,24],[12739,25],[15422,24],[17911,24],[21428,24],[24115,24],[27089,24],[33907,24],[36584,24],[39144,24],[41730,25],[44303,25],[47046,24],[50838,25],[51706,25],[59810,24],[63712,24],[66166,24],[69282,24],[72639,24],[75818,24],[78987,24],[82291,24],[85317,24],[88812,24],[92972,24],[95793,25],[98961,25],[101709,24],[102540,24],[103357,24],[104188,24],[106441,24],[107461,24],[108479,24],[109499,24],[110513,24],[111527,24],[112551,24],[114780,24],[117247,24],[120149,24],[124339,24],[124457,24],[124575,24],[124693,24],[138824,24],[147225,24],[149660,24],[150381,24]]}}}],["headertext=\"dob",{"_index":5168,"t":{"668":{"position":[[141676,16],[144328,16]]}}}],["headertext=\"doj",{"_index":4367,"t":{"668":{"position":[[8008,16],[10508,16],[12830,17],[15556,16],[18072,16],[21546,16],[24233,16],[27225,16],[34044,16],[36692,16],[39274,16],[47155,17],[59971,16],[63830,16],[66284,16],[69443,16],[72800,16],[75979,16],[79148,16],[82409,16],[85435,16],[88930,16],[93090,16],[95884,17],[99052,17],[101843,16],[102674,16],[103491,16],[104322,16],[106602,16],[107622,16],[108640,16],[109660,16],[110674,16],[111688,16],[112712,16],[114914,16],[117381,16],[120310,16],[124811,16],[138985,16],[147343,16],[149778,16],[150511,16]]}}}],["headertext=\"email",{"_index":4452,"t":{"668":{"position":[[26865,18],[31416,18],[46866,19],[128290,18],[130889,18],[133579,18],[136304,18]]}}}],["headertext=\"employe",{"_index":4361,"t":{"668":{"position":[[7784,20],[10240,20],[12653,20],[15300,20],[17769,20],[21322,20],[24009,20],[33714,20],[36459,20],[39058,20],[41644,20],[44217,20],[59668,20],[63606,20],[66060,20],[69140,20],[72497,20],[75676,20],[78845,20],[82185,20],[85211,20],[88706,20],[92866,20],[95707,20],[98875,20],[101587,20],[102418,20],[103235,20],[104066,20],[106299,20],[107319,20],[108337,20],[109357,20],[110371,20],[111385,20],[112409,20],[114658,20],[117125,20],[120007,20],[124233,20],[138682,20],[147119,20],[149554,20],[150263,20]]}}}],["headertext=\"first",{"_index":4446,"t":{"668":{"position":[[26594,17],[46691,17],[46779,17],[50666,17],[51534,17]]}}}],["headertext=\"id",{"_index":4358,"t":{"668":{"position":[[7693,15],[10149,15],[12580,16],[15193,15],[17644,15],[21161,15],[23917,15],[26479,15],[30750,15],[33604,15],[36349,15],[38946,15],[41499,15],[44072,15],[46546,15],[50594,16],[51462,16],[59473,15],[63515,15],[65969,15],[69015,15],[72372,15],[75531,15],[78720,15],[82094,15],[85120,15],[88615,15],[92775,15],[95634,16],[98802,16],[101480,15],[102311,15],[103128,15],[103959,15],[106174,15],[107194,15],[108212,15],[109232,15],[110246,15],[111260,15],[112284,15],[114551,15],[117018,15],[119882,15],[124142,15],[127624,15],[130182,15],[132872,15],[135596,15],[138557,15],[141493,15],[144096,15],[147028,15],[149463,15],[150160,15]]}}}],["headertext=\"last",{"_index":4449,"t":{"668":{"position":[[26731,16],[50753,16],[51621,16]]}}}],["headertext=\"oid",{"_index":5188,"t":{"668":{"position":[[143982,16]]}}}],["headertext=\"phon",{"_index":4502,"t":{"668":{"position":[[31235,18],[128109,18],[130708,18],[133398,18],[136123,18]]}}}],["headertext=\"post",{"_index":4517,"t":{"668":{"position":[[31788,18],[128662,18],[131261,18],[133951,18],[136756,18]]}}}],["headertext=\"salari",{"_index":4459,"t":{"668":{"position":[[27319,19],[41821,19],[44394,19],[47230,19]]}}}],["headertext=\"statu",{"_index":5171,"t":{"668":{"position":[[141765,19],[144417,19]]}}}],["headertext=\"us",{"_index":5167,"t":{"668":{"position":[[141579,16],[144206,16]]}}}],["headertextalign",{"_index":4331,"t":{"668":{"position":[[5647,19],[38591,19],[38672,19]]}}}],["headertextalignment=\"alignment.cent",{"_index":4463,"t":{"668":{"position":[[27547,38],[30882,38],[38962,39],[39169,39],[39291,39],[41515,38],[41988,38],[44088,38],[44576,38],[46562,38],[47412,38],[127756,38],[130314,38],[133004,38],[135728,38]]}}}],["headertextalignment=\"alignment.end",{"_index":4460,"t":{"668":{"position":[[27339,35],[39408,36],[41841,35],[44414,35],[47250,35]]}}}],["heading\">wel",{"_index":1068,"t":{"564":{"position":[[1798,13]]}}}],["heading=\"import",{"_index":1136,"t":{"566":{"position":[[1684,20],[1926,20],[2169,20],[2410,20],[2647,20]]}}}],["headings",{"_index":1680,"t":{"580":{"position":[[2110,11],[2546,11]]}}}],["headingsize.h5",{"_index":1685,"t":{"580":{"position":[[2558,14]]}}}],["headingsize.h6",{"_index":1681,"t":{"580":{"position":[[2122,14]]}}}],["headoutlet",{"_index":3924,"t":{"638":{"position":[[4087,11]]},"650":{"position":[[3834,11]]}}}],["height",{"_index":1528,"t":{"576":{"position":[[1368,6]]},"580":{"position":[[10685,6],[11855,6],[13170,6]]},"588":{"position":[[9040,7],[9177,6],[10797,7],[10934,6]]},"596":{"position":[[379,6],[413,6],[437,6],[483,6],[3254,7],[3270,6],[3313,6],[3331,6],[8449,6]]},"598":{"position":[[1850,6]]},"616":{"position":[[302,6],[348,7],[415,6],[1172,7]]},"618":{"position":[[398,6],[444,7],[511,6],[1268,7]]},"620":{"position":[[447,6],[493,7],[560,6],[1317,7]]},"624":{"position":[[243,6],[289,7],[356,6],[1113,7]]},"664":{"position":[[21392,7]]},"668":{"position":[[2208,6],[2254,7],[123805,6]]}}}],["height=\"1",{"_index":2297,"t":{"596":{"position":[[3384,11]]}}}],["height=\"128",{"_index":4562,"t":{"668":{"position":[[51910,12]]}}}],["height=\"20",{"_index":2299,"t":{"596":{"position":[[3595,12]]}}}],["height=\"300",{"_index":3057,"t":{"616":{"position":[[9132,12],[10530,12],[12758,12],[14856,12]]}}}],["height=\"350",{"_index":5144,"t":{"668":{"position":[[124051,12]]}}}],["height=\"5",{"_index":2298,"t":{"596":{"position":[[3458,11]]}}}],["height='8'%3e%3cpath",{"_index":1008,"t":{"560":{"position":[[1844,20]]}}}],["heightunit",{"_index":2945,"t":{"616":{"position":[[362,10],[1211,10]]},"618":{"position":[[458,10],[1307,10]]},"620":{"position":[[507,10],[1356,10]]},"624":{"position":[[303,10],[1152,10]]}}}],["hello",{"_index":2703,"t":{"606":{"position":[[3073,8],[4559,8],[6055,8],[7716,8],[9660,8],[11325,8]]}}}],["help",{"_index":1299,"t":{"570":{"position":[[241,5]]},"606":{"position":[[1356,4]]}}}],["helper",{"_index":3832,"t":{"636":{"position":[[3038,7]]},"638":{"position":[[2490,7],[3145,7]]},"640":{"position":[[2853,7]]},"642":{"position":[[2888,7]]},"644":{"position":[[2888,7]]},"646":{"position":[[2516,7]]},"648":{"position":[[2516,7]]},"650":{"position":[[2535,7]]},"656":{"position":[[2542,7]]}}}],["helptext",{"_index":2681,"t":{"606":{"position":[[1323,8],[3033,8],[6015,8],[9620,8],[11285,8]]},"628":{"position":[[12348,9]]},"662":{"position":[[7797,9],[11621,9]]}}}],["hendrerit",{"_index":1971,"t":{"582":{"position":[[10387,9],[14628,9],[18769,9]]}}}],["here",{"_index":996,"t":{"560":{"position":[[990,5],[1604,5],[2346,5]]},"564":{"position":[[1625,5]]},"566":{"position":[[1653,5],[2860,5],[5297,5],[7831,5]]},"568":{"position":[[4020,5],[6031,5],[7874,5],[9690,5],[11506,5],[17984,5],[20442,5],[23426,5]]},"570":{"position":[[316,5],[605,5],[651,5],[704,5],[755,5],[800,5],[847,5],[890,5],[936,5]]},"572":{"position":[[1155,4],[2417,4],[3295,4],[3975,4],[6894,4],[7300,4]]},"574":{"position":[[2417,5],[2634,5],[3170,5],[3807,5],[4594,5],[5455,5],[6402,5],[6776,5],[7351,5],[7787,5],[8461,5],[8951,5],[9710,5]]},"576":{"position":[[2458,4],[3427,4]]},"578":{"position":[[2092,5],[3975,5],[4695,5],[5781,5],[6941,5],[8219,5],[8881,5]]},"580":{"position":[[3114,5],[3468,5],[3867,5],[4790,5],[5098,5],[5898,5],[6310,5],[7135,5],[8252,5],[10583,5],[11991,5],[13327,5]]},"582":{"position":[[3244,5],[4792,5],[6972,5],[7382,5],[11612,5],[15859,5],[21330,5]]},"586":{"position":[[1102,5],[1321,5],[2131,5],[2565,5],[3484,5]]},"588":{"position":[[3642,5],[4107,5],[5545,5],[7657,5],[8600,5],[9778,5],[10464,5],[11554,5],[12421,5],[14018,5],[14371,5],[15247,5]]},"590":{"position":[[1951,5],[2218,5],[2417,5],[2770,5],[3004,5],[3351,5]]},"592":{"position":[[1098,4],[1543,5],[2203,5],[3688,5]]},"594":{"position":[[1056,5]]},"596":{"position":[[1999,5],[2211,5],[3248,5],[3656,5],[4468,5],[5839,5],[6218,5],[7172,5],[8280,5]]},"598":{"position":[[6697,5],[9674,5]]},"600":{"position":[[3767,5],[6343,5],[9358,5],[12352,5],[15350,5],[17481,5]]},"602":{"position":[[2906,5],[8173,5],[10308,5],[10808,5],[11760,5],[12573,5],[13602,5],[13840,5]]},"604":{"position":[[808,5],[1344,5],[2011,5],[2743,5],[2827,5],[3095,5],[3204,5],[3302,5],[4172,5],[4663,5]]},"606":{"position":[[3162,5],[3269,4],[4669,5],[6154,5],[7996,5],[9776,5],[11407,5],[11587,4]]},"608":{"position":[[1085,5],[1320,5],[1379,5],[1572,5],[1974,4],[2130,4]]},"610":{"position":[[1033,5],[1281,5],[2823,5],[2926,5],[3068,5],[3235,5],[3573,5],[3711,5],[4318,5]]},"612":{"position":[[2914,5],[3847,5],[4884,5],[5934,5],[6782,5],[7368,5],[8048,5],[8654,5],[9268,5],[11338,5],[11836,5],[12946,5],[13792,5],[14689,5],[16109,5]]},"614":{"position":[[759,5],[966,5],[1367,5]]},"616":{"position":[[9078,5],[10479,5],[12549,5],[14811,5],[16995,5]]},"618":{"position":[[8113,5],[11243,5],[15312,5]]},"620":{"position":[[14036,5],[17283,5]]},"622":{"position":[[3710,4],[5581,4],[6549,4],[8145,4],[10491,4],[13410,4]]},"624":{"position":[[7667,5],[11538,5],[14836,5]]},"626":{"position":[[1662,4],[3526,4],[4345,4],[4666,4],[4967,4],[5151,4],[5869,4],[6353,4],[7660,4],[10970,4],[11642,4]]},"628":{"position":[[1734,4],[3057,4],[5474,4],[6859,4],[8975,4],[9426,4]]},"630":{"position":[[2155,4],[4550,4],[4887,4],[5400,4],[5940,4],[7431,4],[8280,4],[9054,4],[9566,4],[10891,4],[14334,4],[16804,4],[17480,4]]},"632":{"position":[[2031,4],[3322,4],[4150,4],[5264,4],[5442,4],[6105,4]]},"634":{"position":[[1008,4],[2199,4],[2399,4],[2890,4]]},"658":{"position":[[223,5],[2057,7],[2142,5],[3240,7],[3353,5],[4016,7],[4100,5],[4413,7],[4550,5],[4846,7],[4938,5],[5088,4]]},"660":{"position":[[4058,5],[6243,5],[8829,5],[10616,5],[11683,5],[12287,5],[13334,5],[14400,5],[14913,5],[16315,5],[17093,5],[17604,5],[18169,5],[18665,5],[21895,5],[23716,5],[24583,5],[25519,5]]},"662":{"position":[[1627,4],[2229,4],[3643,4],[4976,4],[8530,4],[8977,4]]},"664":{"position":[[2682,5],[4597,5],[6521,5],[8780,5],[11190,5],[13663,5],[16093,5],[18484,5],[22253,5],[24163,5],[25234,5]]},"666":{"position":[[1411,5],[2232,5],[1358140,5]]},"668":{"position":[[9651,4],[12151,4],[14811,4],[17231,4],[20789,4],[23371,4],[26053,4],[30357,4],[32982,4],[35907,4],[38555,4],[41131,4],[43599,4],[46187,4],[50198,4],[51182,4],[58618,4],[63067,4],[65392,4],[68526,4],[71898,4],[75148,4],[78260,4],[81745,4],[84724,4],[87865,4],[91474,4],[98484,4],[101225,4],[105823,4],[114256,4],[116705,4],[119185,4],[123710,4],[127332,4],[129893,4],[132546,4],[135236,4],[138041,4],[141276,4],[143765,4],[146667,4],[149032,4],[152235,4]]}}}],["here'",{"_index":1096,"t":{"564":{"position":[[2991,6]]}}}],["here</div",{"_index":2492,"t":{"600":{"position":[[6847,10],[9841,10],[12839,10]]},"664":{"position":[[7004,10],[9329,10],[11802,10],[14232,10],[16651,10]]}}}],["here</dropdownitem",{"_index":4055,"t":{"660":{"position":[[3997,19],[4409,19],[4767,19],[5121,19],[5469,19],[5823,19],[6175,19],[6667,19],[7093,19],[7513,19],[7924,19],[8344,19],[8761,19],[9224,19],[9677,19],[10095,19],[10548,19],[11142,19],[11615,19],[12219,19],[12798,19],[13266,19],[13860,19],[14241,19],[14852,19],[15357,19],[16254,19],[17032,19],[17543,19],[17983,19],[24064,19],[25120,19]]}}}],["hidden",{"_index":210,"t":{"10":{"position":[[354,6],[498,6]]},"566":{"position":[[3272,6],[3760,6],[4249,6],[4735,6],[5220,6],[5730,6],[6237,6],[6745,6],[7250,6],[7754,6]]},"568":{"position":[[1477,6],[3004,6],[3554,6],[4942,6],[5565,6],[6858,6],[7408,6],[8674,6],[9224,6],[10490,6],[11040,6],[12682,6],[13244,6],[13802,6],[14350,6],[14910,6],[18987,6],[19537,6],[21394,6],[21966,6]]},"572":{"position":[[667,6],[1242,6],[1348,6],[1456,6],[1559,6],[1661,6],[1762,6],[1858,6],[1955,6],[2362,6]]},"576":{"position":[[690,7],[1113,6],[2085,6],[3087,6],[4252,6]]},"582":{"position":[[57,6],[1638,6],[2333,6],[21303,9]]},"588":{"position":[[2637,6]]},"598":{"position":[[3097,8],[3211,8]]},"604":{"position":[[681,6]]},"612":{"position":[[1237,8],[1351,8]]},"616":{"position":[[2634,6]]},"618":{"position":[[2387,6]]},"620":{"position":[[2732,6]]},"624":{"position":[[2217,6]]},"660":{"position":[[3357,6]]}}}],["hidden</cod",{"_index":1156,"t":{"566":{"position":[[3304,13],[3792,13],[4281,13],[4767,13],[5252,13],[5762,13],[6269,13],[6777,13],[7282,13],[7786,13]]}}}],["hidden=\"true\"></span",{"_index":1489,"t":{"574":{"position":[[7247,21]]}}}],["hide",{"_index":208,"t":{"10":{"position":[[335,6],[479,6]]},"38":{"position":[[377,4]]},"114":{"position":[[227,4],[491,4]]},"566":{"position":[[517,4],[5303,4],[7933,4]]},"568":{"position":[[627,5],[723,5],[792,5],[864,5],[931,5],[1599,4],[2635,6],[3186,6],[3736,6],[4499,6],[5124,6],[5747,6],[6489,6],[7040,6],[7590,6],[8291,6],[8856,6],[9406,6],[10121,6],[10672,6],[11222,6],[11519,4],[11569,4],[11793,4],[12301,6],[12864,6],[13426,6],[13984,6],[14532,6],[15092,6],[17997,4],[18205,4],[18618,6],[19169,6],[19719,6],[21003,6],[21576,6],[22148,6],[23654,4],[23693,4]]},"574":{"position":[[1631,5]]},"576":{"position":[[601,5],[1016,4],[1242,4],[1617,4]]},"582":{"position":[[1541,5],[2240,4],[2698,4],[21192,9]]},"588":{"position":[[1975,5],[2544,4],[14993,9],[15100,7],[15212,4]]},"592":{"position":[[892,6],[904,5],[1196,6]]},"604":{"position":[[4586,6]]},"606":{"position":[[449,4],[697,4],[776,6],[1220,4],[4680,5],[4719,4],[6137,4],[6165,4],[6239,4],[7800,4],[7968,4],[12317,4],[12327,4]]},"616":{"position":[[2719,4]]},"618":{"position":[[2472,4],[9320,4],[9862,4],[10404,4]]},"620":{"position":[[2817,4],[10565,4],[12148,4],[12690,4],[13232,4]]},"624":{"position":[[2302,4]]},"630":{"position":[[818,4],[4555,4],[4627,4],[17634,4]]},"658":{"position":[[759,5],[4556,4],[5965,4]]},"660":{"position":[[2851,5],[3258,4]]},"668":{"position":[[716,5],[138051,4],[138078,5],[153368,4]]}}}],["hideaccordionitembyindexasync",{"_index":1211,"t":{"568":{"position":[[11931,30]]}}}],["hideaccordionitembyindexasync(int",{"_index":1167,"t":{"568":{"position":[[586,33]]}}}],["hideaccordionitembynameasync",{"_index":1210,"t":{"568":{"position":[[11897,29]]}}}],["hideaccordionitembynameasync(str",{"_index":1169,"t":{"568":{"position":[[668,35]]}}}],["hideallaccordionitemsasync",{"_index":1171,"t":{"568":{"position":[[763,28],[18166,26],[20358,28]]}}}],["hideasync",{"_index":1526,"t":{"576":{"position":[[591,9],[1271,10]]},"582":{"position":[[1531,9]]},"588":{"position":[[1965,9]]},"660":{"position":[[2841,9],[24457,11]]}}}],["hidecontentasync",{"_index":1547,"t":{"576":{"position":[[2322,18],[3291,18],[4608,18]]}}}],["hidecurrencysymbol",{"_index":3668,"t":{"630":{"position":[[766,18],[4581,18]]}}}],["hidecurrencysymbol=\"tru",{"_index":3708,"t":{"630":{"position":[[4726,25]]}}}],["hidefaqsaccordionitemasync",{"_index":1262,"t":{"568":{"position":[[17789,28]]}}}],["hidefirstaccordionitemasync",{"_index":1172,"t":{"568":{"position":[[834,29],[11840,28],[17368,29]]}}}],["hidehead",{"_index":1125,"t":{"566":{"position":[[451,11]]}}}],["hideheading=\"tru",{"_index":1158,"t":{"566":{"position":[[5326,19],[5833,19],[6341,19],[6846,19],[7350,19]]}}}],["hidelastaccordionitemasync",{"_index":1173,"t":{"568":{"position":[[902,28],[11869,27],[17894,28]]}}}],["hideload",{"_index":1416,"t":{"574":{"position":[[1619,11],[7406,13]]}}}],["hideoffcanvasasync",{"_index":1800,"t":{"582":{"position":[[3178,20]]}}}],["hideprev",{"_index":212,"t":{"10":{"position":[[373,13]]}}}],["hideproductsaccordionitemasync",{"_index":1260,"t":{"568":{"position":[[17675,32]]}}}],["hidesecondaccordionitemasync",{"_index":1256,"t":{"568":{"position":[[17468,30]]}}}],["hidethirdaccordionitemasync",{"_index":1258,"t":{"568":{"position":[[17572,29]]}}}],["hierarchi",{"_index":976,"t":{"560":{"position":[[151,9]]}}}],["high",{"_index":1298,"t":{"570":{"position":[[224,4]]}}}],["highlight",{"_index":777,"t":{"128":{"position":[[446,9]]}}}],["hit",{"_index":2177,"t":{"590":{"position":[[1670,3]]}}}],["hollow",{"_index":3102,"t":{"618":{"position":[[257,7]]}}}],["home",{"_index":992,"t":{"560":{"position":[[672,7],[826,7],[1426,7],[2159,7]]},"612":{"position":[[2317,4],[3250,4],[4077,4],[4166,4],[5095,4],[6185,4],[12656,7]]},"622":{"position":[[1972,4]]},"636":{"position":[[7951,7]]},"638":{"position":[[8333,7]]},"640":{"position":[[8475,7]]},"642":{"position":[[7374,7]]},"644":{"position":[[7535,7]]},"650":{"position":[[7242,7]]},"652":{"position":[[1449,7]]},"654":{"position":[[1454,7]]},"656":{"position":[[7267,7]]}}}],["hook",{"_index":1273,"t":{"568":{"position":[[20526,7]]},"576":{"position":[[3509,7]]},"582":{"position":[[20071,7]]},"588":{"position":[[14096,7]]}}}],["horizont",{"_index":296,"t":{"30":{"position":[[536,10]]},"72":{"position":[[293,10]]},"576":{"position":[[317,10],[356,10],[2463,11],[2507,10],[2538,10],[2577,10],[3061,10],[5336,10]]},"578":{"position":[[4811,10]]},"588":{"position":[[11662,10]]},"616":{"position":[[3709,10],[9084,10],[17209,10]]},"620":{"position":[[5674,10],[7326,10]]},"668":{"position":[[5263,10],[5405,10],[46345,10]]}}}],["horizontal=\"tru",{"_index":1551,"t":{"576":{"position":[[2964,18]]}}}],["hot",{"_index":3767,"t":{"632":{"position":[[6067,7]]}}}],["hover",{"_index":1327,"t":{"572":{"position":[[858,5]]},"574":{"position":[[3997,5],[7807,5]]},"608":{"position":[[635,6]]},"620":{"position":[[3051,5],[3760,8],[3839,8],[3939,8],[4034,8]]},"660":{"position":[[172,9]]},"664":{"position":[[21843,5],[22050,5]]},"668":{"position":[[7535,5],[9991,5],[12412,5],[15057,5],[17323,5],[21003,5],[23759,5],[26321,5],[30567,5],[33466,5],[36211,5],[38828,5],[41381,5],[43837,5],[43954,5],[46410,5],[50443,5],[51345,5],[59179,5],[63424,5],[65866,5],[68796,5],[72176,5],[75335,5],[78524,5],[81904,5],[84865,5],[88276,5],[91659,5],[91702,5],[91971,5],[92012,5],[92327,5],[92466,5],[92508,5],[95458,5],[98553,5],[101315,6],[102132,6],[102963,6],[103780,6],[105936,6],[106956,6],[107976,6],[108994,6],[110014,6],[111028,6],[112042,6],[114362,6],[116818,6],[119400,6],[123973,5],[127407,5],[129957,5],[132628,5],[135330,5],[138327,5],[141344,5],[143833,5],[146925,5],[149360,5],[150042,5]]}}}],["hoverbackgroundcolor",{"_index":2983,"t":{"616":{"position":[[2758,20],[2816,21]]},"618":{"position":[[2511,20],[2569,21]]},"620":{"position":[[2856,20],[2914,21]]},"624":{"position":[[2341,20],[2399,21]]}}}],["hoverbordercolor",{"_index":2984,"t":{"616":{"position":[[2844,16],[2898,17]]},"618":{"position":[[2597,16],[2651,17]]},"620":{"position":[[2942,16],[2996,17]]},"624":{"position":[[2427,16],[2481,17]]}}}],["hoverborderdash",{"_index":3205,"t":{"620":{"position":[[3020,15]]}}}],["hoverborderwidth",{"_index":2985,"t":{"616":{"position":[[2922,16],[2976,17]]},"618":{"position":[[2675,16],[2729,17],[9184,16],[9726,16],[10268,16]]},"620":{"position":[[3074,16],[3128,17],[10423,16],[12012,16],[12554,16],[13096,16],[14871,16],[15478,16],[16085,16]]},"624":{"position":[[2505,16],[2559,17]]}}}],["hr",{"_index":1078,"t":{"564":{"position":[[2020,4]]}}}],["href",{"_index":755,"t":{"124":{"position":[[698,4],[739,4]]},"560":{"position":[[680,4],[834,4],[882,4],[1434,4],[1482,4],[2167,4],[2215,4]]},"574":{"position":[[1223,4]]},"580":{"position":[[1899,4]]},"600":{"position":[[480,4],[523,5],[1159,4],[1192,5],[1768,8],[2272,4],[2469,4],[2667,4],[2778,4],[2987,4],[3095,4],[3282,4],[3407,4],[3534,4],[3654,4],[3867,8],[4371,4],[4568,4],[4766,4],[4877,4],[5086,4],[5293,4],[5486,4],[5680,4],[5858,4],[5983,4],[6110,4],[6230,4],[6512,8],[7262,4],[7490,4],[7719,4],[7830,4],[8039,4],[8246,4],[8470,4],[8664,4],[8873,4],[8998,4],[9125,4],[9245,4],[9511,8],[10256,4],[10484,4],[10713,4],[10824,4],[11033,4],[11240,4],[11464,4],[11658,4],[11867,4],[11992,4],[12119,4],[12239,4],[12466,8],[13254,4],[13482,4],[13711,4],[13822,4],[14031,4],[14238,4],[14462,4],[14656,4],[14865,4],[14990,4],[15117,4],[15237,4],[15450,8],[15986,4],[16183,4],[16381,4],[16492,4],[16701,4],[16809,4],[16996,4],[17121,4],[17248,4],[17368,4]]},"610":{"position":[[2951,8],[3100,8]]},"636":{"position":[[417,9],[4031,9],[4950,7],[7897,4],[8008,4],[8106,4]]},"638":{"position":[[430,8],[3507,8],[8279,4],[8390,4],[8488,4],[8643,7]]},"640":{"position":[[417,9],[3852,9],[4878,7],[8421,4],[8532,4],[8630,4]]},"642":{"position":[[427,8],[3823,8],[4464,7],[7320,4],[7431,4],[7529,4]]},"644":{"position":[[427,8],[3823,8],[4665,7],[7481,4],[7592,4],[7690,4]]},"650":{"position":[[475,8],[3242,8],[7188,4],[7299,4],[7397,4],[7552,7]]},"652":{"position":[[653,8],[1395,4],[1506,4],[1604,4]]},"654":{"position":[[658,8],[1400,4],[1511,4],[1609,4]]},"656":{"position":[[427,8],[3269,8],[4121,7],[7213,4],[7324,4],[7422,4]]},"660":{"position":[[2657,4]]},"664":{"position":[[491,4],[534,5],[1182,4],[1215,5],[1743,8],[2189,4],[2292,4],[2379,4],[2479,4],[2571,4],[2844,8],[3300,4],[3497,4],[3695,4],[3806,4],[3922,4],[4112,4],[4237,4],[4364,4],[4484,4],[4676,8],[5132,4],[5360,4],[5589,4],[5700,4],[5816,4],[6036,4],[6161,4],[6288,4],[6408,4],[6689,8],[7391,4],[7619,4],[7848,4],[7959,4],[8075,4],[8295,4],[8420,4],[8547,4],[8667,4],[8941,8],[9744,4],[9972,4],[10201,4],[10312,4],[10428,4],[10648,4],[10773,4],[10900,4],[11020,4],[11395,8],[12217,4],[12445,4],[12674,4],[12785,4],[12901,4],[13121,4],[13246,4],[13373,4],[13493,4],[13830,8],[14647,4],[14875,4],[15104,4],[15215,4],[15331,4],[15551,4],[15676,4],[15803,4],[15923,4],[16206,8],[17038,4],[17266,4],[17495,4],[17606,4],[17722,4],[17942,4],[18067,4],[18194,4],[18314,4],[18649,8],[19521,4],[19749,4],[19978,4],[20089,4],[20205,4],[20425,4],[20550,4],[20677,4],[20797,4],[22368,8],[22824,4],[23021,4],[23219,4],[23344,4],[23474,4],[23678,4],[23803,4],[23930,4],[24050,4],[24262,8],[24741,4],[24844,4],[24931,4],[25031,4],[25123,4]]}}}],["href=\"_content/blazor.bootstrap/blazor.bootstrap.bundle.scp.css",{"_index":3811,"t":{"636":{"position":[[1179,64]]},"640":{"position":[[1177,64]]},"642":{"position":[[1191,64]]},"644":{"position":[[1191,64]]}}}],["href=\"_content/blazor.bootstrap/blazor.bootstrap.css",{"_index":3806,"t":{"636":{"position":[[849,53],[4375,53]]},"638":{"position":[[826,53],[3850,53]]},"640":{"position":[[847,53],[4196,53]]},"642":{"position":[[856,53],[4166,53]]},"644":{"position":[[856,53],[4166,53]]},"646":{"position":[[846,53]]},"648":{"position":[[846,53]]},"650":{"position":[[871,53],[3585,53]]},"656":{"position":[[856,53],[3612,53]]}}}],["href=\"app.css",{"_index":3919,"t":{"638":{"position":[[3947,14]]},"650":{"position":[[3682,14]]}}}],["href=\"bootstrap/bootstrap.min.css",{"_index":3917,"t":{"638":{"position":[[2875,34]]},"650":{"position":[[2920,34]]}}}],["href=\"css/app.css",{"_index":3963,"t":{"642":{"position":[[4246,18]]},"644":{"position":[[4246,18]]},"656":{"position":[[3709,18]]}}}],["href=\"css/bootstrap/bootstrap.min.css",{"_index":3839,"t":{"636":{"position":[[3480,38]]},"640":{"position":[[3293,38]]},"642":{"position":[[3311,38]]},"644":{"position":[[3311,38]]},"646":{"position":[[2896,38]]},"648":{"position":[[2956,38]]},"656":{"position":[[2897,38]]}}}],["href=\"css/site.css",{"_index":3858,"t":{"636":{"position":[[4455,19]]},"640":{"position":[[4276,19]]}}}],["href=\"favicon.png",{"_index":3923,"t":{"638":{"position":[[4065,18]]},"640":{"position":[[4415,18]]},"644":{"position":[[4319,18]]},"650":{"position":[[3812,18]]},"656":{"position":[[3765,18]]}}}],["href=\"https://cdn.jsdelivr.net/npm/bootstrap",{"_index":2782,"t":{"610":{"position":[[276,44]]},"636":{"position":[[735,44],[4261,44]]},"638":{"position":[[712,44],[3736,44]]},"640":{"position":[[733,44],[4082,44]]},"642":{"position":[[742,44],[4052,44]]},"644":{"position":[[742,44],[4052,44]]},"646":{"position":[[732,44]]},"648":{"position":[[732,44]]},"650":{"position":[[757,44],[3471,44]]},"656":{"position":[[742,44],[3498,44]]}}}],["href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css",{"_index":3800,"t":{"636":{"position":[[524,78],[4050,78]]},"638":{"position":[[501,78],[3525,78]]},"640":{"position":[[522,78],[3871,78]]},"642":{"position":[[531,78],[3841,78]]},"644":{"position":[[531,78],[3841,78]]},"646":{"position":[[521,78]]},"648":{"position":[[521,78]]},"650":{"position":[[546,78],[3260,78]]},"656":{"position":[[531,78],[3287,78]]}}}],["href=\"https://docs.microsoft.com/aspnet",{"_index":2486,"t":{"600":{"position":[[6705,41],[9699,41],[12697,41]]},"636":{"position":[[7195,41]]},"638":{"position":[[7750,41]]},"640":{"position":[[7719,41]]},"642":{"position":[[6618,41]]},"644":{"position":[[6779,41]]},"650":{"position":[[6659,41]]},"652":{"position":[[826,41]]},"654":{"position":[[831,41]]},"656":{"position":[[6684,41]]},"664":{"position":[[6862,41],[9187,41],[11660,41],[14090,41],[16509,41],[18841,41]]}}}],["href=\"https://getblazorbootstrap.com/docs/components/callout\">callout",{"_index":1129,"t":{"566":{"position":[[664,69],[886,69],[1110,69],[1328,69],[1544,69],[1791,69],[2033,69],[2277,69],[2515,69],[2751,69]]}}}],["href=\"net6.blazorserverapp.styles.css",{"_index":3859,"t":{"636":{"position":[[4501,38]]}}}],["href=\"net6.blazorwebassemblyapp.styles.css",{"_index":3964,"t":{"642":{"position":[[4291,43]]}}}],["href=\"net7.blazorserverapp.styles.css",{"_index":3952,"t":{"640":{"position":[[4322,38]]}}}],["href=\"net7.blazorwebassemblyapp.styles.css",{"_index":3977,"t":{"644":{"position":[[4347,43]]}}}],["href=\"net8.blazorautoglobal.styles.css",{"_index":3920,"t":{"638":{"position":[[3988,39]]}}}],["href=\"net8.blazorwebapprendermodeserver.styles.css",{"_index":3988,"t":{"650":{"position":[[3723,51]]}}}],["href=\"net8.blazorwebassemblystandaloneapp.styles.css",{"_index":3995,"t":{"656":{"position":[[3793,53]]}}}],["hst",{"_index":3885,"t":{"636":{"position":[[6235,4],[6342,5]]},"638":{"position":[[6016,4],[6123,5]]},"640":{"position":[[6759,4],[6866,5]]},"650":{"position":[[5659,4],[5766,5]]}}}],["html",{"_index":1064,"t":{"564":{"position":[[1686,4]]},"568":{"position":[[2786,4],[3337,4],[3887,4],[4650,4],[5275,4],[5898,4],[6640,4],[7191,4],[7741,4],[8442,4],[9007,4],[9557,4],[10272,4],[10823,4],[11373,4],[12452,4],[13015,4],[13577,4],[14135,4],[14683,4],[15243,4],[18769,4],[19320,4],[19870,4],[21154,4],[21727,4],[22299,4]]},"574":{"position":[[8472,4]]},"588":{"position":[[3084,5]]},"590":{"position":[[1711,4]]},"608":{"position":[[459,4],[1992,5],[2318,4]]},"626":{"position":[[107,4]]},"628":{"position":[[109,4]]},"632":{"position":[[104,4]]},"636":{"position":[[3897,5],[3903,5],[5689,7]]},"638":{"position":[[3373,5],[3379,5],[5455,7]]},"640":{"position":[[3718,5],[3724,5],[6213,7]]},"642":{"position":[[3611,5],[3617,5],[5385,7]]},"644":{"position":[[3611,5],[3617,5],[5586,7]]},"650":{"position":[[3108,5],[3114,5],[5206,7]]},"656":{"position":[[3084,5],[3090,5],[5461,7]]},"662":{"position":[[113,4]]}}}],["html</tooltip",{"_index":2778,"t":{"608":{"position":[[2106,14]]}}}],["http",{"_index":3881,"t":{"636":{"position":[[6122,4]]},"638":{"position":[[5836,4]]},"640":{"position":[[6646,4]]},"650":{"position":[[5518,4]]}}}],["httpclient",{"_index":3971,"t":{"642":{"position":[[5771,10]]},"644":{"position":[[5932,10]]},"656":{"position":[[5817,10]]}}}],["https://aka.ms/aspnetcor",{"_index":3886,"t":{"636":{"position":[[6316,25]]},"638":{"position":[[6097,25]]},"640":{"position":[[6840,25]]},"650":{"position":[[5740,25]]}}}],["https://demos.getblazorbootstrap.com",{"_index":225,"t":{"12":{"position":[[297,37]]},"14":{"position":[[326,37]]}}}],["hybrid",{"_index":3949,"t":{"638":{"position":[[8781,6]]},"640":{"position":[[8793,6]]},"642":{"position":[[7659,6]]},"644":{"position":[[7820,6]]},"646":{"position":[[28,6],[91,6]]},"648":{"position":[[28,6],[91,6]]}}}],["i.",{"_index":1787,"t":{"582":{"position":[[1485,5],[1645,5]]},"620":{"position":[[2689,4]]}}}],["iaculi",{"_index":1966,"t":{"582":{"position":[[10064,7],[14305,7],[18446,7]]}}}],["ichartdataset",{"_index":2954,"t":{"616":{"position":[[920,13],[1619,14]]},"618":{"position":[[1016,13],[1725,14]]},"620":{"position":[[1065,13],[1766,14]]},"624":{"position":[[861,13],[1560,14]]}}}],["ichartdatasetdata",{"_index":2949,"t":{"616":{"position":[[688,17]]},"618":{"position":[[784,17]]},"620":{"position":[[833,17]]},"624":{"position":[[629,17]]}}}],["ichartopt",{"_index":2956,"t":{"616":{"position":[[948,13],[1059,13],[1295,13]]},"618":{"position":[[1044,13],[1155,13],[1391,13]]},"620":{"position":[[1093,13],[1204,13],[1440,13]]},"624":{"position":[[889,13],[1000,13],[1236,13]]}}}],["icompar",{"_index":4342,"t":{"668":{"position":[[6331,13]]}}}],["icon",{"_index":183,"t":{"6":{"position":[[229,4]]},"8":{"position":[[233,4]]},"10":{"position":[[677,5]]},"20":{"position":[[139,5],[260,5],[319,5],[361,5]]},"28":{"position":[[159,5],[248,5]]},"34":{"position":[[334,4]]},"44":{"position":[[450,4]]},"46":{"position":[[150,5],[249,4],[362,4],[570,4],[736,4]]},"72":{"position":[[405,4]]},"88":{"position":[[134,6],[327,4],[656,4],[804,4]]},"92":{"position":[[248,4]]},"96":{"position":[[662,4]]},"106":{"position":[[148,6],[287,4],[313,5],[583,4]]},"110":{"position":[[1063,5]]},"132":{"position":[[423,6],[526,4]]},"134":{"position":[[134,6],[244,4]]},"138":{"position":[[150,5],[249,4]]},"140":{"position":[[1112,5],[1166,5]]},"162":{"position":[[791,5],[890,4]]},"164":{"position":[[208,5],[307,4]]},"170":{"position":[[200,5],[299,4]]},"198":{"position":[[201,5],[300,4]]},"202":{"position":[[201,5],[300,4]]},"212":{"position":[[200,5],[299,4]]},"218":{"position":[[192,6],[295,4],[2716,6],[2826,4]]},"222":{"position":[[2845,5],[2944,4]]},"236":{"position":[[2854,5],[2953,4]]},"240":{"position":[[201,6],[304,4],[2725,6],[2835,4]]},"244":{"position":[[979,5],[1033,5]]},"268":{"position":[[200,6],[303,4]]},"276":{"position":[[195,6],[298,4],[463,6],[573,4]]},"280":{"position":[[441,6],[551,4]]},"282":{"position":[[1372,6],[1482,4]]},"292":{"position":[[182,6],[292,4]]},"302":{"position":[[183,6],[293,4]]},"308":{"position":[[2234,6],[2337,4]]},"314":{"position":[[195,6],[298,4],[2719,6],[2829,4]]},"332":{"position":[[1758,6],[1868,4]]},"344":{"position":[[191,5],[245,5]]},"360":{"position":[[1130,6],[1233,4]]},"362":{"position":[[546,6],[649,4]]},"370":{"position":[[21,7],[182,5],[236,5]]},"376":{"position":[[20,6],[189,6],[292,4],[457,6],[567,4]]},"390":{"position":[[2278,6],[2388,4]]},"394":{"position":[[867,6],[977,4]]},"428":{"position":[[851,6],[961,4]]},"436":{"position":[[177,6],[287,4],[1083,5],[1137,5]]},"454":{"position":[[183,5],[237,5]]},"484":{"position":[[194,5],[293,4]]},"496":{"position":[[193,6],[296,4]]},"540":{"position":[[178,6],[288,4]]},"560":{"position":[[1623,5],[1671,5],[2336,4],[2448,4]]},"564":{"position":[[2186,6],[2226,5],[2254,6],[2302,5],[2384,4],[2433,5],[2522,4],[2570,5],[2666,4],[2715,5],[2812,4],[2852,4],[4102,5]]},"568":{"position":[[4037,5],[4171,5],[4793,5],[5418,5],[23590,4]]},"588":{"position":[[437,4]]},"590":{"position":[[519,5],[720,5],[917,5],[1122,5],[1970,6],[3467,5]]},"598":{"position":[[1506,4],[1586,5],[1659,4],[1724,4],[1798,5],[6709,6],[6753,5],[6807,6],[9697,5],[10014,5]]},"600":{"position":[[379,4],[1142,4],[1256,4],[1323,4],[2476,9],[2527,8],[4575,9],[4626,8],[7497,9],[7548,8],[9377,5],[9439,4],[9472,6],[10491,9],[10542,8],[13489,9],[13540,8],[16190,9],[16241,8],[17654,4]]},"606":{"position":[[1306,4],[1418,4]]},"608":{"position":[[1334,4],[1549,4],[2247,4]]},"610":{"position":[[8,5],[34,5],[57,4],[88,4],[102,4],[146,5],[179,5],[197,4],[493,4],[554,5],[670,4],[732,4],[882,6],[889,5],[920,5],[955,5],[987,5],[1022,5],[1046,5],[1096,5],[1146,5],[1196,5],[1250,5],[1300,6],[1373,6],[1444,5],[1516,5],[1588,5],[1660,5],[1732,5],[1804,5],[1884,5],[1963,5],[2058,5],[2137,5],[2210,5],[2303,5],[2385,5],[2474,5],[2547,5],[2623,5],[2706,5],[2792,5],[2846,5],[2864,5],[2916,4],[2942,5],[3008,5],[3058,4],[3091,5],[3157,5],[3225,4],[3253,4],[3554,4],[3591,4],[3696,4],[3742,5],[3814,6],[3952,5],[4086,5],[4152,4],[4216,5],[4282,6],[4307,5],[4408,5],[4433,5],[4463,4],[4478,4],[4500,4],[4517,4],[4543,4],[4578,4],[4583,4],[4611,5]]},"612":{"position":[[3864,5],[4042,5],[4320,5],[4605,5],[16282,4]]},"614":{"position":[[1397,5]]},"636":{"position":[[3172,6],[3272,6],[3384,6],[3619,6]]},"640":{"position":[[2987,6],[3087,6],[3199,6],[3432,6]]},"642":{"position":[[3022,6],[3122,6],[3234,6],[3466,6]]},"644":{"position":[[3022,6],[3122,6],[3234,6],[3466,6]]},"646":{"position":[[2650,6]]},"648":{"position":[[2650,6],[2750,6],[2862,6],[3094,6]]},"652":{"position":[[1913,5]]},"664":{"position":[[387,4],[1165,4],[1279,4],[1346,4],[3504,9],[3555,8],[4610,5],[5367,9],[5418,8],[7626,9],[7677,8],[8809,5],[8883,5],[9115,5],[9979,9],[10030,8],[11588,5],[12452,9],[12503,8],[13682,5],[13744,4],[13777,6],[14018,5],[14882,9],[14933,8],[16437,5],[17273,9],[17324,8],[19756,9],[19807,8],[21308,4],[21572,4],[23028,9],[23079,8],[25379,5],[25439,5],[25474,4]]}}}],["icon2",{"_index":864,"t":{"142":{"position":[[1428,5]]}}}],["iconcolor",{"_index":2042,"t":{"588":{"position":[[389,9]]},"598":{"position":[[1534,9],[1544,9]]},"600":{"position":[[1204,9],[1214,9],[7433,9],[7662,9],[8412,9],[8815,9],[10427,9],[10656,9],[11406,9],[11809,9],[13425,9],[13654,9],[14404,9],[14807,9]]},"610":{"position":[[451,9]]},"664":{"position":[[1227,9],[1237,9],[4627,9],[5303,9],[5532,9],[5980,9],[7562,9],[7791,9],[8239,9],[9915,9],[10144,9],[10592,9],[12388,9],[12617,9],[13065,9],[14818,9],[15047,9],[15495,9],[17209,9],[17438,9],[17886,9],[19692,9],[19921,9],[20369,9]]}}}],["iconcolor.dang",{"_index":2495,"t":{"600":{"position":[[8424,16],[11418,16],[14416,16]]},"664":{"position":[[5992,16],[8251,16],[10604,16],[13077,16],[15507,16],[17898,16],[20381,16]]}}}],["iconcolor.non",{"_index":2043,"t":{"588":{"position":[[399,14]]},"598":{"position":[[1554,14]]},"600":{"position":[[1224,14]]},"610":{"position":[[461,14]]},"664":{"position":[[1247,14]]}}}],["iconcolor.primari",{"_index":2493,"t":{"600":{"position":[[7445,17],[10439,17],[13437,17]]},"664":{"position":[[5315,17],[7574,17],[9927,17],[12400,17],[14830,17],[17221,17],[19704,17]]}}}],["iconcolor.success",{"_index":2494,"t":{"600":{"position":[[7674,17],[10668,17],[13666,17]]},"664":{"position":[[5544,17],[7803,17],[10156,17],[12629,17],[15059,17],[17450,17],[19933,17]]}}}],["iconcolor.warn",{"_index":2496,"t":{"600":{"position":[[8827,17],[11821,17],[14819,17]]}}}],["iconcolor=\"iconcolor.dang",{"_index":2358,"t":{"598":{"position":[[4140,28]]}}}],["iconcolor=\"iconcolor.primari",{"_index":2362,"t":{"598":{"position":[[4281,29],[4771,29],[5171,29],[5621,29],[6021,29],[6159,29],[6305,29]]}}}],["iconcolor=\"iconcolor.success",{"_index":2370,"t":{"598":{"position":[[4591,29],[5012,29],[5454,29],[5856,29]]}}}],["iconcssclass",{"_index":2319,"t":{"598":{"position":[[1598,12]]}}}],["iconic/font/css/open",{"_index":3842,"t":{"636":{"position":[[3598,20]]},"640":{"position":[[3411,20]]},"642":{"position":[[3445,20]]},"644":{"position":[[3445,20]]},"648":{"position":[[3073,20]]}}}],["iconnam",{"_index":2157,"t":{"590":{"position":[[468,8],[670,8],[867,8],[1068,8]]},"598":{"position":[[1679,8],[1688,8]]},"600":{"position":[[535,8],[544,8],[584,9],[1274,8],[1283,8],[2299,8],[2385,8],[2486,8],[2575,8],[2685,8],[2800,8],[2894,8],[3007,8],[3124,8],[3208,8],[3306,8],[3433,8],[3558,8],[3672,8],[4398,8],[4484,8],[4585,8],[4674,8],[4784,8],[4899,8],[4993,8],[5117,8],[5205,8],[5313,8],[5404,8],[5504,8],[5592,8],[5698,8],[5783,8],[5882,8],[6009,8],[6134,8],[6248,8],[7289,8],[7375,8],[7507,8],[7596,8],[7737,8],[7852,8],[7946,8],[8070,8],[8158,8],[8266,8],[8357,8],[8488,8],[8576,8],[8682,8],[8767,8],[8897,8],[9024,8],[9149,8],[9263,8],[10283,8],[10369,8],[10501,8],[10590,8],[10731,8],[10846,8],[10940,8],[11064,8],[11152,8],[11260,8],[11351,8],[11482,8],[11570,8],[11676,8],[11761,8],[11891,8],[12018,8],[12143,8],[12257,8],[13281,8],[13367,8],[13499,8],[13588,8],[13729,8],[13844,8],[13938,8],[14062,8],[14150,8],[14258,8],[14349,8],[14480,8],[14568,8],[14674,8],[14759,8],[14889,8],[15016,8],[15141,8],[15255,8],[16013,8],[16099,8],[16200,8],[16289,8],[16399,8],[16514,8],[16608,8],[16721,8],[16838,8],[16922,8],[17020,8],[17147,8],[17272,8],[17386,8]]},"606":{"position":[[1373,8],[1382,8]]},"610":{"position":[[630,8]]},"628":{"position":[[12299,9]]},"636":{"position":[[7909,8],[8027,8],[8127,8]]},"638":{"position":[[8291,8],[8409,8],[8507,8]]},"640":{"position":[[8433,8],[8551,8],[8651,8]]},"642":{"position":[[7332,8],[7450,8],[7550,8]]},"644":{"position":[[7493,8],[7611,8],[7711,8]]},"650":{"position":[[7200,8],[7318,8],[7416,8]]},"652":{"position":[[1407,8],[1525,8],[1625,8]]},"654":{"position":[[1412,8],[1530,8],[1630,8]]},"656":{"position":[[7225,8],[7343,8],[7441,8]]},"662":{"position":[[7748,9],[11572,9]]},"664":{"position":[[546,8],[555,8],[595,9],[1297,8],[1306,8],[2216,8],[2310,8],[2403,8],[2501,8],[2590,8],[3327,8],[3413,8],[3514,8],[3603,8],[3713,8],[3828,8],[3941,8],[4038,8],[4136,8],[4263,8],[4388,8],[4502,8],[5159,8],[5245,8],[5377,8],[5466,8],[5607,8],[5722,8],[5835,8],[5932,8],[6060,8],[6187,8],[6312,8],[6426,8],[7418,8],[7504,8],[7636,8],[7725,8],[7866,8],[7981,8],[8094,8],[8191,8],[8319,8],[8446,8],[8571,8],[8685,8],[9771,8],[9857,8],[9989,8],[10078,8],[10219,8],[10334,8],[10447,8],[10544,8],[10672,8],[10799,8],[10924,8],[11038,8],[12244,8],[12330,8],[12462,8],[12551,8],[12692,8],[12807,8],[12920,8],[13017,8],[13145,8],[13272,8],[13397,8],[13511,8],[14674,8],[14760,8],[14892,8],[14981,8],[15122,8],[15237,8],[15350,8],[15447,8],[15575,8],[15702,8],[15827,8],[15941,8],[17065,8],[17151,8],[17283,8],[17372,8],[17513,8],[17628,8],[17741,8],[17838,8],[17966,8],[18093,8],[18218,8],[18332,8],[19548,8],[19634,8],[19766,8],[19855,8],[19996,8],[20111,8],[20224,8],[20321,8],[20449,8],[20576,8],[20701,8],[20815,8],[22851,8],[22937,8],[23038,8],[23127,8],[23237,8],[23366,8],[23493,8],[23604,8],[23702,8],[23829,8],[23954,8],[24068,8],[24768,8],[24862,8],[24955,8],[25053,8],[25142,8]]}}}],["iconname.check2al",{"_index":3658,"t":{"628":{"position":[[12309,19]]},"662":{"position":[[7758,19],[11582,19]]}}}],["iconname.checkcirclefil",{"_index":2459,"t":{"600":{"position":[[2696,25],[4795,25],[7748,25],[10742,25],[13740,25],[16410,25]]},"664":{"position":[[2321,25],[3724,25],[5618,25],[7877,25],[10230,25],[12703,25],[15133,25],[17524,25],[20007,25],[23248,25],[24873,25]]}}}],["iconname.currencydollar",{"_index":2470,"t":{"600":{"position":[[3444,24],[6020,24],[9035,24],[12029,24],[15027,24],[17158,24]]},"664":{"position":[[4274,24],[6198,24],[8457,24],[10810,24],[13283,24],[15713,24],[18104,24],[20587,24],[23840,24]]}}}],["iconname.dash",{"_index":2464,"t":{"600":{"position":[[3018,14],[3135,14],[5128,14],[5216,14],[5324,14],[5515,14],[5603,14],[5709,14],[8081,14],[8169,14],[8277,14],[8499,14],[8587,14],[8693,14],[11075,14],[11163,14],[11271,14],[11493,14],[11581,14],[11687,14],[14073,14],[14161,14],[14269,14],[14491,14],[14579,14],[14685,14],[16732,14],[16849,14]]}}}],["iconname.exclamationtrianglefil",{"_index":2458,"t":{"600":{"position":[[2586,33],[4685,33],[7607,33],[10601,33],[13599,33],[16300,33]]},"664":{"position":[[3614,33],[5477,33],[7736,33],[10089,33],[12562,33],[14992,33],[17383,33],[19866,33],[23138,33]]}}}],["iconname.grid",{"_index":2477,"t":{"600":{"position":[[5415,14],[8368,14],[11362,14],[14360,14]]}}}],["iconname.housedoorfil",{"_index":2454,"t":{"600":{"position":[[2310,23],[4409,23],[7300,23],[10294,23],[13292,23],[16024,23]]},"636":{"position":[[7920,23]]},"638":{"position":[[8302,23]]},"640":{"position":[[8444,23]]},"642":{"position":[[7343,23]]},"644":{"position":[[7504,23]]},"650":{"position":[[7211,23]]},"652":{"position":[[1418,23]]},"654":{"position":[[1423,23]]},"656":{"position":[[7236,23]]},"664":{"position":[[2227,23],[3338,23],[5170,23],[7429,23],[9782,23],[12255,23],[14685,23],[17076,23],[19559,23],[22862,23],[24779,23]]}}}],["iconname.inputcursor",{"_index":2471,"t":{"600":{"position":[[3569,21],[6145,21],[9160,21],[12154,21],[15152,21],[17283,21]]},"664":{"position":[[4399,21],[6323,21],[8582,21],[10935,21],[13408,21],[15838,21],[18229,21],[20712,21],[23965,21]]}}}],["iconname.inputcursortext",{"_index":2468,"t":{"600":{"position":[[3317,25],[5893,25],[8908,25],[11902,25],[14900,25],[17031,25]]},"664":{"position":[[2414,25],[4147,25],[6071,25],[8330,25],[10683,25],[13156,25],[15586,25],[17977,25],[20460,25],[23713,25],[24966,25]]}}}],["iconname.layoutsidebarinset",{"_index":2455,"t":{"600":{"position":[[2396,28],[4495,28],[7386,28],[10380,28],[13378,28],[16110,28]]},"664":{"position":[[2601,28],[3424,28],[3952,28],[5256,28],[5846,28],[7515,28],[8105,28],[9868,28],[10458,28],[12341,28],[12931,28],[14771,28],[15361,28],[17162,28],[17752,28],[19645,28],[20235,28],[22948,28],[23504,28],[25153,28]]}}}],["iconname.listnest",{"_index":2462,"t":{"600":{"position":[[2905,20],[5004,20],[7957,20],[10951,20],[13949,20],[16619,20]]}}}],["iconname.non",{"_index":2158,"t":{"590":{"position":[[477,13],[679,13],[876,13],[1077,13]]},"598":{"position":[[1697,13]]},"600":{"position":[[553,13],[1292,13]]},"610":{"position":[[639,13]]},"664":{"position":[[564,13],[1315,13]]}}}],["iconname.personsquar",{"_index":2456,"t":{"600":{"position":[[2497,22],[4596,22],[7518,22],[10512,22],[13510,22],[16211,22]]},"664":{"position":[[3525,22],[5388,22],[7647,22],[10000,22],[12473,22],[14903,22],[17294,22],[19777,22],[23049,22]]}}}],["iconname.plussquarefil",{"_index":3909,"t":{"636":{"position":[[8038,24]]},"638":{"position":[[8420,24]]},"640":{"position":[[8562,24]]},"642":{"position":[[7461,24]]},"644":{"position":[[7622,24]]},"650":{"position":[[7329,24]]},"652":{"position":[[1536,24]]},"654":{"position":[[1541,24]]},"656":{"position":[[7354,24]]}}}],["iconname.segmentednav",{"_index":2461,"t":{"600":{"position":[[2811,22],[4910,22],[7863,22],[10857,22],[13855,22],[16525,22]]},"664":{"position":[[2512,22],[3839,22],[5733,22],[7992,22],[10345,22],[12818,22],[15248,22],[17639,22],[20122,22],[23377,22],[25064,22]]}}}],["iconname.t",{"_index":3911,"t":{"636":{"position":[[8138,15]]},"638":{"position":[[8518,15]]},"640":{"position":[[8662,15]]},"642":{"position":[[7561,15]]},"644":{"position":[[7722,15]]},"650":{"position":[[7427,15]]},"652":{"position":[[1636,15]]},"654":{"position":[[1641,15]]},"656":{"position":[[7452,15]]}}}],["iconname.toggleon",{"_index":2472,"t":{"600":{"position":[[3683,18],[6259,18],[9274,18],[12268,18],[15266,18],[17397,18]]},"664":{"position":[[4513,18],[6437,18],[8696,18],[11049,18],[13522,18],[15952,18],[18343,18],[20826,18],[24079,18]]}}}],["iconname.windowplu",{"_index":2467,"t":{"600":{"position":[[3219,20],[5794,20],[8778,20],[11772,20],[14770,20],[16933,20]]},"664":{"position":[[4049,20],[5943,20],[8202,20],[10555,20],[13028,20],[15458,20],[17849,20],[20332,20],[23615,20]]}}}],["iconname=\"iconname.arch",{"_index":2363,"t":{"598":{"position":[[4311,27]]}}}],["iconname=\"iconname.arrowright",{"_index":2399,"t":{"598":{"position":[[6189,30]]}}}],["iconname=\"iconname.bootstrapfil",{"_index":2442,"t":{"600":{"position":[[1777,33],[3876,33],[6521,33],[15459,33]]},"636":{"position":[[7031,33]]},"638":{"position":[[7586,33]]},"640":{"position":[[7555,33]]},"642":{"position":[[6454,33]]},"644":{"position":[[6615,33]]},"650":{"position":[[6495,33]]},"652":{"position":[[662,33]]},"654":{"position":[[667,33]]},"656":{"position":[[6520,33]]},"664":{"position":[[1752,33],[2853,33],[4685,33],[6698,33],[8950,33],[11404,33],[18658,33],[22377,33],[24271,33]]}}}],["iconname=\"iconname.calendar3ev",{"_index":2353,"t":{"598":{"position":[[3949,34],[4801,34]]}}}],["iconname=\"iconname.copi",{"_index":2396,"t":{"598":{"position":[[6051,24]]}}}],["iconname=\"iconname.cursortext",{"_index":2393,"t":{"598":{"position":[[5886,30]]}}}],["iconname=\"iconname.envelopeplu",{"_index":2348,"t":{"598":{"position":[[3815,32],[4621,32]]}}}],["iconname=\"iconname.folderplu",{"_index":2387,"t":{"598":{"position":[[5484,30]]}}}],["iconname=\"iconname.folderx",{"_index":2402,"t":{"598":{"position":[[6335,27]]}}}],["iconname=\"iconname.search",{"_index":2389,"t":{"598":{"position":[[5651,26]]}}}],["iconname=\"iconname.trash",{"_index":2359,"t":{"598":{"position":[[4169,25],[5042,25]]}}}],["iconname=\"iconname.xsquarefil",{"_index":2382,"t":{"598":{"position":[[5201,31]]}}}],["icons",{"_index":2321,"t":{"598":{"position":[[1752,8],[1761,8]]},"610":{"position":[[692,8]]}}}],["icons.css",{"_index":2784,"t":{"610":{"position":[[349,10]]}}}],["icons.min.css",{"_index":3805,"t":{"636":{"position":[[808,14],[4334,14]]},"638":{"position":[[785,14],[3809,14]]},"640":{"position":[[806,14],[4155,14]]},"642":{"position":[[815,14],[4125,14]]},"644":{"position":[[815,14],[4125,14]]},"646":{"position":[[805,14]]},"648":{"position":[[805,14]]},"650":{"position":[[830,14],[3544,14]]},"656":{"position":[[815,14],[3571,14]]}}}],["icons1",{"_index":865,"t":{"142":{"position":[[1434,6]]}}}],["icons@1.11.0/font/bootstrap",{"_index":2783,"t":{"610":{"position":[[321,27]]}}}],["icons@1.11.3/font/bootstrap",{"_index":3804,"t":{"636":{"position":[[780,27],[4306,27]]},"638":{"position":[[757,27],[3781,27]]},"640":{"position":[[778,27],[4127,27]]},"642":{"position":[[787,27],[4097,27]]},"644":{"position":[[787,27],[4097,27]]},"646":{"position":[[777,27]]},"648":{"position":[[777,27]]},"650":{"position":[[802,27],[3516,27]]},"656":{"position":[[787,27],[3543,27]]}}}],["iconsize.non",{"_index":2790,"t":{"610":{"position":[[701,13]]}}}],["iconsize.x3",{"_index":2322,"t":{"598":{"position":[[1770,11]]}}}],["iconsize=\"iconsize.x3",{"_index":2349,"t":{"598":{"position":[[3848,22],[3984,22],[4195,22],[4339,22],[4654,22],[4836,22],[5068,22],[5233,22],[5515,22],[5678,22],[5917,22],[6363,22]]}}}],["iconsize=\"iconsize.x3\">copy<br",{"_index":2397,"t":{"598":{"position":[[6076,30]]}}}],["iconsize=\"iconsize.x3\">move<br",{"_index":2400,"t":{"598":{"position":[[6220,30]]}}}],["icustomerservic",{"_index":3345,"t":{"622":{"position":[[5943,16],[9461,16],[11189,16],[12683,16]]},"668":{"position":[[32181,16],[129094,16],[131747,16],[134437,16],[137242,16]]}}}],["id",{"_index":510,"t":{"78":{"position":[[182,2]]},"578":{"position":[[3356,2]]},"582":{"position":[[4177,2],[6133,2],[8107,2],[8644,2],[8841,2],[9356,3],[10313,2],[11017,2],[11199,2],[12348,2],[12885,2],[13082,2],[13597,3],[14554,2],[15258,2],[15440,2],[16489,2],[17026,2],[17223,2],[17738,3],[18695,2],[19399,2],[19581,2]]},"588":{"position":[[4941,2],[6829,2]]},"594":{"position":[[314,3]]},"600":{"position":[[1340,2],[1373,3],[1561,3],[2262,2],[2375,2],[2459,2],[2565,2],[2657,2],[2768,2],[2884,2],[2975,2],[3083,2],[3198,2],[3272,2],[3396,2],[3523,2],[3643,2],[3807,2],[4361,2],[4474,2],[4558,2],[4664,2],[4756,2],[4867,2],[4983,2],[5074,2],[5193,2],[5279,2],[5394,2],[5474,2],[5580,2],[5666,2],[5773,2],[5847,2],[5972,2],[6099,2],[6219,2],[7252,2],[7365,2],[7480,2],[7586,2],[7709,2],[7820,2],[7936,2],[8027,2],[8146,2],[8232,2],[8347,2],[8458,2],[8564,2],[8650,2],[8757,2],[8862,2],[8987,2],[9114,2],[9234,2],[10246,2],[10359,2],[10474,2],[10580,2],[10703,2],[10814,2],[10930,2],[11021,2],[11140,2],[11226,2],[11341,2],[11452,2],[11558,2],[11644,2],[11751,2],[11856,2],[11981,2],[12108,2],[12228,2],[13244,2],[13357,2],[13472,2],[13578,2],[13701,2],[13812,2],[13928,2],[14019,2],[14138,2],[14224,2],[14339,2],[14450,2],[14556,2],[14642,2],[14749,2],[14854,2],[14979,2],[15106,2],[15226,2],[15976,2],[16089,2],[16173,2],[16279,2],[16371,2],[16482,2],[16598,2],[16689,2],[16797,2],[16912,2],[16986,2],[17110,2],[17237,2],[17357,2]]},"602":{"position":[[2876,3],[5197,3],[8143,3],[10278,3],[10669,2],[10744,2],[11730,3],[12543,3],[13572,3],[13810,3]]},"606":{"position":[[1435,2],[1458,3]]},"616":{"position":[[3170,2],[3242,2]]},"620":{"position":[[5134,2],[5206,2]]},"636":{"position":[[7887,2],[7998,2],[8096,2]]},"638":{"position":[[8269,2],[8380,2],[8478,2]]},"640":{"position":[[8411,2],[8522,2],[8620,2]]},"642":{"position":[[7310,2],[7421,2],[7519,2]]},"644":{"position":[[7471,2],[7582,2],[7680,2]]},"650":{"position":[[7178,2],[7289,2],[7387,2]]},"652":{"position":[[1385,2],[1496,2],[1594,2]]},"654":{"position":[[1390,2],[1501,2],[1599,2]]},"656":{"position":[[7203,2],[7314,2],[7412,2]]},"664":{"position":[[1363,2],[1396,3],[1537,3],[2724,2],[3290,2],[3403,2],[3487,2],[3593,2],[3685,2],[3796,2],[3912,2],[4028,2],[4102,2],[4226,2],[4353,2],[4473,2],[5122,2],[5235,2],[5350,2],[5456,2],[5579,2],[5690,2],[5806,2],[5922,2],[6026,2],[6150,2],[6277,2],[6397,2],[7381,2],[7494,2],[7609,2],[7715,2],[7838,2],[7949,2],[8065,2],[8181,2],[8285,2],[8409,2],[8536,2],[8656,2],[9734,2],[9847,2],[9962,2],[10068,2],[10191,2],[10302,2],[10418,2],[10534,2],[10638,2],[10762,2],[10889,2],[11009,2],[12207,2],[12320,2],[12435,2],[12541,2],[12664,2],[12775,2],[12891,2],[13007,2],[13111,2],[13235,2],[13362,2],[13482,2],[14637,2],[14750,2],[14865,2],[14971,2],[15094,2],[15205,2],[15321,2],[15437,2],[15541,2],[15665,2],[15792,2],[15912,2],[17028,2],[17141,2],[17256,2],[17362,2],[17485,2],[17596,2],[17712,2],[17828,2],[17932,2],[18056,2],[18183,2],[18303,2],[19511,2],[19624,2],[19739,2],[19845,2],[19968,2],[20079,2],[20195,2],[20311,2],[20415,2],[20539,2],[20666,2],[20786,2],[22814,2],[22927,2],[23011,2],[23117,2],[23209,2],[23334,2],[23464,2],[23594,2],[23668,2],[23792,2],[23919,2],[24039,2]]},"668":{"position":[[8344,2],[8468,2],[8599,2],[8723,2],[8852,2],[8985,2],[9105,2],[9227,2],[9350,2],[10844,2],[10968,2],[11099,2],[11223,2],[11352,2],[11485,2],[11605,2],[11727,2],[11850,2],[13123,2],[13247,2],[13378,2],[13502,2],[13631,2],[13764,2],[13884,2],[14006,2],[14136,2],[14261,2],[14384,2],[14503,2],[15924,2],[16048,2],[16179,2],[16303,2],[16432,2],[16565,2],[16685,2],[16807,2],[16930,2],[19104,2],[19228,2],[19359,2],[19483,2],[19612,2],[19745,2],[19865,2],[19987,2],[20117,2],[20242,2],[20365,2],[20484,2],[22246,2],[22370,2],[22501,2],[22625,2],[22754,2],[22887,2],[23007,2],[23129,2],[23252,2],[23570,2],[24928,2],[25052,2],[25183,2],[25307,2],[25436,2],[25569,2],[25689,2],[25811,2],[25934,2],[28205,2],[28443,2],[28685,2],[28922,2],[29162,2],[29414,2],[29644,2],[29883,2],[30123,2],[34782,2],[34906,2],[35037,2],[35161,2],[35290,2],[35423,2],[35543,2],[35665,2],[35788,2],[37430,2],[37554,2],[37685,2],[37809,2],[37938,2],[38071,2],[38191,2],[38313,2],[38436,2],[40006,2],[40130,2],[40261,2],[40385,2],[40514,2],[40647,2],[40767,2],[40889,2],[41012,2],[42622,2],[42727,2],[42842,2],[42949,2],[43062,2],[43182,2],[43285,2],[43390,2],[43497,2],[45210,2],[45315,2],[45430,2],[45537,2],[45650,2],[45770,2],[45873,2],[45978,2],[46085,2],[48046,2],[48284,2],[48526,2],[48763,2],[49003,2],[49255,2],[49485,2],[49724,2],[49964,2],[61561,2],[61685,2],[61816,2],[61940,2],[62069,2],[62202,2],[62322,2],[62444,2],[62574,2],[62699,2],[62822,2],[62941,2],[64189,2],[64313,2],[64444,2],[64568,2],[64697,2],[64908,2],[65028,2],[65150,2],[65273,2],[66647,2],[66771,2],[66902,2],[67026,2],[67155,2],[70392,2],[70516,2],[70647,2],[70771,2],[70900,2],[71033,2],[71153,2],[71275,2],[71405,2],[71530,2],[71653,2],[71772,2],[73642,2],[73766,2],[73897,2],[74021,2],[74150,2],[74283,2],[74403,2],[74525,2],[74655,2],[74780,2],[74903,2],[75022,2],[76754,2],[76878,2],[77009,2],[77133,2],[77262,2],[77395,2],[77515,2],[77637,2],[77767,2],[77892,2],[78015,2],[78134,2],[80239,2],[80363,2],[80494,2],[80618,2],[80747,2],[80880,2],[81000,2],[81122,2],[81252,2],[81377,2],[81500,2],[81619,2],[83420,2],[83544,2],[83675,2],[83799,2],[83928,2],[84061,2],[84181,2],[84303,2],[84426,2],[86446,2],[86570,2],[86701,2],[86825,2],[86954,2],[87087,2],[87207,2],[87329,2],[87452,2],[88132,2],[88212,2],[89887,2],[90011,2],[90142,2],[90266,2],[90395,2],[90528,2],[90648,2],[90770,2],[90893,2],[94101,2],[94225,2],[94356,2],[94480,2],[94609,2],[94742,2],[94862,2],[94984,2],[95107,2],[96924,2],[97048,2],[97179,2],[97303,2],[97432,2],[97565,2],[97685,2],[97807,2],[97937,2],[98062,2],[98185,2],[98304,2],[99719,2],[99843,2],[99974,2],[100098,2],[100227,2],[100360,2],[100480,2],[100602,2],[100732,2],[100857,2],[100980,2],[101099,2],[105064,2],[105195,2],[105319,2],[105448,2],[105581,2],[105701,2],[113497,2],[113628,2],[113752,2],[113881,2],[114014,2],[114134,2],[115717,2],[115848,2],[115972,2],[116101,2],[116234,2],[116354,2],[116642,5],[118184,2],[118315,2],[118439,2],[118568,2],[118701,2],[118821,2],[119122,5],[122204,2],[122328,2],[122459,2],[122583,2],[122712,2],[122845,2],[122965,2],[123087,2],[123217,2],[123342,2],[123465,2],[123584,2],[126113,2],[126237,2],[126369,2],[126493,2],[126622,2],[126755,2],[126875,2],[126997,2],[127120,2],[127219,2],[139770,2],[139894,2],[140025,2],[140149,2],[140278,2],[140411,2],[140531,2],[140653,2],[140783,2],[140908,2],[141031,2],[141150,2],[142503,2],[142608,2],[142708,2],[142811,2],[142912,2],[143026,2],[143138,2],[143243,2],[143344,2],[143424,2],[143558,2],[145177,2],[145304,2],[145426,2],[145551,2],[145674,2],[145810,2],[145944,2],[146071,2],[146194,2],[146296,2],[146460,2],[148188,2],[148312,2],[148443,2],[148567,2],[148696,2],[148858,2],[151391,2],[151515,2],[151646,2],[151770,2],[151899,2],[152061,2]]}}}],["id=\"_linear1",{"_index":4578,"t":{"668":{"position":[[52243,13]]}}}],["id=\"_linear18",{"_index":4649,"t":{"668":{"position":[[54280,14]]}}}],["id=\"_linear19",{"_index":4654,"t":{"668":{"position":[[54462,14]]}}}],["id=\"_linear2",{"_index":4591,"t":{"668":{"position":[[52551,13]]}}}],["id=\"_linear3",{"_index":4598,"t":{"668":{"position":[[52867,13]]}}}],["id=\"_linear4",{"_index":4607,"t":{"668":{"position":[[53064,13]]}}}],["id=\"_linear5",{"_index":4615,"t":{"668":{"position":[[53260,13]]}}}],["id=\"_linear6",{"_index":4624,"t":{"668":{"position":[[53455,13]]}}}],["id=\"_linear7",{"_index":4632,"t":{"668":{"position":[[53651,13]]}}}],["id=\"_linear8",{"_index":4634,"t":{"668":{"position":[[53823,13]]}}}],["id=\"_linear9",{"_index":4640,"t":{"668":{"position":[[54014,13]]}}}],["id=\"app",{"_index":3978,"t":{"644":{"position":[[4431,9]]},"656":{"position":[[3887,9]]}}}],["id=\"app\">loading...</div",{"_index":3965,"t":{"642":{"position":[[4375,25]]}}}],["id=\"blazor",{"_index":3863,"t":{"636":{"position":[[4666,10]]},"638":{"position":[[8585,10]]},"640":{"position":[[4594,10]]},"642":{"position":[[4406,10]]},"644":{"position":[[4607,10]]},"650":{"position":[[7494,10]]},"656":{"position":[[4063,10]]}}}],["id=\"exp",{"_index":4657,"t":{"668":{"position":[[54633,7]]}}}],["id=\"fi_7486754\"><lineargradi",{"_index":4571,"t":{"668":{"position":[[52079,31]]}}}],["id=\"lg1\"><stop",{"_index":4572,"t":{"668":{"position":[[52111,14]]}}}],["id=\"lg2\"><stop",{"_index":4588,"t":{"668":{"position":[[52419,14]]}}}],["id=\"lg3\"><stop",{"_index":4595,"t":{"668":{"position":[[52735,14]]}}}],["id=\"nam",{"_index":3370,"t":{"622":{"position":[[9061,9]]}}}],["idictionari",{"_index":1607,"t":{"578":{"position":[[2348,12]]},"582":{"position":[[3551,12]]},"588":{"position":[[4345,12]]}}}],["idictionary<str",{"_index":405,"t":{"54":{"position":[[409,19]]},"68":{"position":[[565,19]]}}}],["ienumerable<custom",{"_index":3279,"t":{"622":{"position":[[2483,21],[2925,21],[4354,21],[4796,21],[6910,21],[7421,21]]}}}],["ienumerable<employee1",{"_index":4373,"t":{"668":{"position":[[8218,22],[10718,22],[12997,22],[15798,22],[18550,22],[19019,22],[21756,23],[22161,22],[24438,23],[24843,22],[34292,23],[34697,22],[36940,23],[37345,22],[39516,23],[39921,22],[60305,23],[61476,22],[69728,23],[70307,22],[73153,22],[73557,22],[76264,23],[76669,22],[79536,22],[80154,22],[82812,22],[83335,22],[85838,22],[86361,22],[89333,22],[89802,22],[93493,22],[94016,22],[96424,22],[96839,22],[99219,22],[99634,22],[104564,22],[104979,22],[112997,22],[113412,22],[115217,22],[115632,22],[117684,22],[118099,22],[120595,22],[122119,22],[139270,22],[139685,22]]}}}],["ienumerable<employee2",{"_index":4550,"t":{"668":{"position":[[42132,23],[42537,22],[44720,23],[45125,22]]}}}],["ienumerable<employee3",{"_index":4464,"t":{"668":{"position":[[27715,23],[28120,22],[47556,23],[47961,22]]}}}],["ienumerable<employee4",{"_index":5147,"t":{"668":{"position":[[125498,22],[126028,22]]}}}],["ienumerable<filteritem",{"_index":4313,"t":{"668":{"position":[[4032,23],[7233,23]]}}}],["ienumerable<navitem",{"_index":2446,"t":{"600":{"position":[[1902,21],[2180,20],[4001,21],[4279,20],[6892,21],[7170,20],[9886,21],[10164,20],[12884,21],[13162,20],[15616,21],[15894,20]]},"636":{"position":[[7544,20],[7805,20]]},"638":{"position":[[7937,20],[8187,20]]},"640":{"position":[[8068,20],[8329,20]]},"642":{"position":[[6967,20],[7228,20]]},"644":{"position":[[7128,20],[7389,20]]},"650":{"position":[[6846,20],[7096,20]]},"652":{"position":[[1042,20],[1303,20]]},"654":{"position":[[1047,20],[1308,20]]},"656":{"position":[[6871,20],[7121,20]]},"664":{"position":[[1857,20],[2107,20],[2958,20],[3208,20],[4790,20],[5040,20],[7049,20],[7299,20],[9402,20],[9652,20],[11875,20],[12125,20],[14305,20],[14555,20],[16696,20],[16946,20],[19179,20],[19429,20],[22482,20],[22732,20],[24408,21],[24659,20]]}}}],["ienumerable<tickmark",{"_index":3728,"t":{"632":{"position":[[474,21],[5834,21]]}}}],["ienumerable<titem",{"_index":4281,"t":{"668":{"position":[[955,18]]}}}],["ienumerable<us",{"_index":5176,"t":{"668":{"position":[[141946,17],[142437,17],[144598,17],[145089,17]]}}}],["ignor",{"_index":1791,"t":{"582":{"position":[[1933,8]]},"588":{"position":[[2237,8],[7815,6]]},"590":{"position":[[610,7],[808,7],[1005,7],[1222,7]]},"620":{"position":[[4885,9],[5001,7]]},"626":{"position":[[777,7],[853,7]]},"628":{"position":[[762,7],[868,7]]},"630":{"position":[[949,7],[1110,7]]},"662":{"position":[[766,7],[842,7]]},"668":{"position":[[6504,7]]}}}],["ijsruntim",{"_index":5010,"t":{"668":{"position":[[60356,10]]}}}],["imag",{"_index":23,"t":{"2":{"position":[[175,5],[275,5]]},"102":{"position":[[497,6]]},"128":{"position":[[175,5],[256,5],[802,5]]},"154":{"position":[[219,5],[319,5]]},"228":{"position":[[228,5],[328,5]]},"310":{"position":[[222,5],[322,5]]},"334":{"position":[[218,5],[318,5]]},"368":{"position":[[217,5],[317,5]]},"374":{"position":[[21,7],[218,5],[318,5]]},"396":{"position":[[227,5],[327,5]]},"416":{"position":[[219,5],[319,5]]},"422":{"position":[[220,5],[320,5]]},"562":{"position":[[218,5],[318,5]]},"580":{"position":[[3186,7],[3873,7],[5230,5],[13637,6]]},"582":{"position":[[20412,7]]},"598":{"position":[[1864,5],[1929,6],[1978,5]]},"600":{"position":[[12363,5],[17664,5]]},"610":{"position":[[4367,6]]},"614":{"position":[[8,6],[35,6],[80,6],[317,6],[378,6],[458,5],[518,5],[593,7],[612,6],[692,6],[765,5],[794,5],[880,6],[981,7],[989,6],[1076,6],[1161,6],[1277,6],[1442,6],[1449,5],[1475,6]]},"622":{"position":[[13439,6]]},"664":{"position":[[16104,5],[21348,5],[21386,5],[25484,5]]}}}],["image1",{"_index":866,"t":{"142":{"position":[[1441,6]]}}}],["imagesrc",{"_index":2431,"t":{"600":{"position":[[600,8],[12392,8]]},"664":{"position":[[611,8],[16133,8]]}}}],["imagesrc=\"https://demos.blazorbootstrap.com/images/logo/logo",{"_index":2500,"t":{"600":{"position":[[12475,60]]},"664":{"position":[[16215,60]]}}}],["img",{"_index":1708,"t":{"580":{"position":[[3922,4],[4690,4],[5345,4],[10881,4],[11257,4],[11584,4],[12154,4],[12551,4],[12899,4]]}}}],["imgheight",{"_index":2324,"t":{"598":{"position":[[1826,9]]}}}],["imgsrc",{"_index":2325,"t":{"598":{"position":[[1887,6]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/archive.png",{"_index":2412,"t":{"598":{"position":[[7415,61]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/bin.png",{"_index":2411,"t":{"598":{"position":[[7294,57]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/calendar.png",{"_index":2410,"t":{"598":{"position":[[7098,62]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/cancelled.png",{"_index":2418,"t":{"598":{"position":[[8243,63]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/fold",{"_index":2414,"t":{"598":{"position":[[7878,55],[8521,55],[8669,55],[8892,55],[9041,55],[9167,55],[9295,55]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/load",{"_index":2416,"t":{"598":{"position":[[8097,56]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/new",{"_index":2408,"t":{"598":{"position":[[6956,52]]}}}],["imgsrc=\"/_content/blazorbootstrap.demo.rcl/icons/refresh.png",{"_index":2413,"t":{"598":{"position":[[7722,61]]}}}],["imgwidth",{"_index":2327,"t":{"598":{"position":[[1942,8]]}}}],["immedi",{"_index":1039,"t":{"564":{"position":[[649,11]]},"568":{"position":[[1578,11],[1661,11]]},"572":{"position":[[747,9]]},"576":{"position":[[770,11],[995,11]]},"582":{"position":[[2004,11],[2219,11]]},"588":{"position":[[2308,11],[2523,11]]},"590":{"position":[[1469,11]]},"622":{"position":[[1474,11]]},"636":{"position":[[1556,11]]},"638":{"position":[[1011,11]]},"640":{"position":[[1371,11]]},"642":{"position":[[1385,11]]},"644":{"position":[[1385,11]]},"646":{"position":[[1029,11]]},"648":{"position":[[1029,11]]},"650":{"position":[[1056,11]]},"656":{"position":[[1039,11]]},"660":{"position":[[3237,11],[3457,11]]},"666":{"position":[[597,11],[681,11]]}}}],["imperdiet",{"_index":1947,"t":{"582":{"position":[[9287,9],[9742,9],[10760,9],[13528,9],[13983,9],[15001,9],[17669,9],[18124,9],[19142,9]]}}}],["implement",{"_index":2965,"t":{"616":{"position":[[1608,10],[3539,10]]},"618":{"position":[[1714,10],[3171,10]]},"620":{"position":[[1755,10],[5504,10]]},"624":{"position":[[1549,10],[2894,10]]}}}],["import",{"_index":133,"t":{"2":{"position":[[2936,9]]},"118":{"position":[[1101,9]]},"564":{"position":[[1863,9]]},"610":{"position":[[245,7]]},"636":{"position":[[1264,9],[3580,7]]},"640":{"position":[[3393,7]]},"642":{"position":[[3427,7]]},"644":{"position":[[3427,7]]},"648":{"position":[[3055,7]]},"668":{"position":[[3264,9],[58764,9]]}}}],["improv",{"_index":25,"t":{"2":{"position":[[203,13],[531,15],[1115,15],[1392,15],[1719,15]]},"4":{"position":[[127,8]]},"10":{"position":[[167,12],[213,12]]},"26":{"position":[[180,12]]},"42":{"position":[[265,12]]},"100":{"position":[[130,12],[193,12]]},"104":{"position":[[543,12]]},"112":{"position":[[167,12]]},"116":{"position":[[158,15],[233,12]]},"120":{"position":[[145,15]]},"122":{"position":[[161,15]]},"124":{"position":[[208,15]]},"128":{"position":[[203,13]]},"132":{"position":[[1119,12]]},"140":{"position":[[1971,12]]},"144":{"position":[[127,8]]},"152":{"position":[[191,15]]},"154":{"position":[[247,13],[575,15],[1159,15],[1436,15],[1763,15]]},"156":{"position":[[254,15]]},"218":{"position":[[888,12]]},"228":{"position":[[256,13],[584,15],[1168,15],[1445,15],[1772,15]]},"240":{"position":[[897,12]]},"244":{"position":[[1838,12],[2034,8]]},"272":{"position":[[178,12]]},"308":{"position":[[209,15],[486,15],[813,15],[2930,12]]},"310":{"position":[[250,13],[578,15],[1162,15],[1439,15],[1766,15]]},"314":{"position":[[891,12]]},"330":{"position":[[251,15],[554,15]]},"334":{"position":[[246,13]]},"336":{"position":[[252,15],[542,15],[869,15]]},"340":{"position":[[205,15]]},"342":{"position":[[489,15]]},"346":{"position":[[195,15]]},"362":{"position":[[253,15]]},"368":{"position":[[245,13],[573,15],[1141,15],[2381,12]]},"374":{"position":[[246,13]]},"386":{"position":[[193,15]]},"390":{"position":[[251,15]]},"396":{"position":[[255,13]]},"400":{"position":[[207,15],[484,15]]},"412":{"position":[[192,15]]},"414":{"position":[[251,15],[557,15]]},"416":{"position":[[247,13],[575,15]]},"418":{"position":[[211,15]]},"420":{"position":[[203,15]]},"422":{"position":[[248,13],[576,15],[866,15]]},"426":{"position":[[249,15]]},"428":{"position":[[202,15]]},"442":{"position":[[189,15]]},"446":{"position":[[171,8]]},"448":{"position":[[211,12]]},"488":{"position":[[175,12]]},"548":{"position":[[202,15]]},"552":{"position":[[189,15]]},"556":{"position":[[205,15]]},"562":{"position":[[246,13],[574,15]]}}}],["in</b></label",{"_index":3682,"t":{"630":{"position":[[2268,14],[14414,14]]}}}],["inact",{"_index":1442,"t":{"574":{"position":[[3847,8]]},"668":{"position":[[68656,8],[72041,8]]}}}],["inadvert",{"_index":114,"t":{"2":{"position":[[2552,13]]},"118":{"position":[[717,13]]}}}],["inbox",{"_index":1381,"t":{"572":{"position":[[4190,5],[4490,5],[4792,5],[5119,5],[5422,5],[5727,5],[6057,5],[6360,5],[6665,5],[7084,5]]}}}],["includ",{"_index":18,"t":{"2":{"position":[[140,8],[462,8],[798,8]]},"42":{"position":[[203,8]]},"124":{"position":[[139,8]]},"126":{"position":[[122,8]]},"128":{"position":[[140,8]]},"154":{"position":[[184,8],[506,8],[842,8]]},"156":{"position":[[185,8]]},"228":{"position":[[193,8],[515,8],[851,8]]},"310":{"position":[[187,8],[509,8],[845,8]]},"330":{"position":[[182,8]]},"334":{"position":[[183,8]]},"336":{"position":[[183,8]]},"342":{"position":[[172,8]]},"362":{"position":[[184,8]]},"368":{"position":[[182,8],[504,8],[840,8]]},"374":{"position":[[183,8]]},"390":{"position":[[182,8]]},"396":{"position":[[192,8]]},"414":{"position":[[182,8]]},"416":{"position":[[184,8],[506,8]]},"422":{"position":[[185,8],[507,8]]},"426":{"position":[[180,8]]},"558":{"position":[[166,8]]},"562":{"position":[[183,8],[505,8]]},"566":{"position":[[3212,8],[3700,8],[4189,8],[4675,8],[5160,8],[5670,8],[6177,8],[6685,8],[7190,8],[7694,8]]},"572":{"position":[[2302,8]]},"574":{"position":[[1788,8]]},"580":{"position":[[221,8],[3176,9]]},"582":{"position":[[2647,8]]},"596":{"position":[[5860,7]]},"602":{"position":[[234,7]]},"610":{"position":[[185,7]]},"626":{"position":[[4457,9]]},"630":{"position":[[154,9]]},"636":{"position":[[3143,8]]},"638":{"position":[[2606,8]]},"640":{"position":[[2958,8]]},"642":{"position":[[2699,7],[2993,8]]},"644":{"position":[[2699,7],[2993,8]]},"646":{"position":[[2621,8]]},"648":{"position":[[2621,8]]},"650":{"position":[[2651,8]]},"656":{"position":[[2353,7],[2647,8]]},"668":{"position":[[58714,8],[58879,8],[75270,9]]}}}],["include=\"develop",{"_index":3868,"t":{"636":{"position":[[4837,22]]},"640":{"position":[[4765,22]]}}}],["include=\"staging,product",{"_index":3865,"t":{"636":{"position":[[4701,29]]},"640":{"position":[[4629,29]]}}}],["incorrect",{"_index":2248,"t":{"594":{"position":[[1099,9]]}}}],["increas",{"_index":285,"t":{"30":{"position":[[336,8]]},"596":{"position":[[1000,8],[2301,8]]},"668":{"position":[[26058,8],[26143,8],[152589,8]]}}}],["increaseprogressbar",{"_index":2291,"t":{"596":{"position":[[2887,21]]}}}],["increasewidth",{"_index":2267,"t":{"596":{"position":[[986,13],[2249,15]]}}}],["independ",{"_index":1654,"t":{"578":{"position":[[5887,11]]},"588":{"position":[[8705,11]]},"620":{"position":[[277,11]]}}}],["index",{"_index":1168,"t":{"568":{"position":[[620,6],[654,6],[1002,6],[1036,6]]},"574":{"position":[[1096,6]]},"580":{"position":[[1779,6]]},"582":{"position":[[1127,6]]},"588":{"position":[[1623,6]]},"598":{"position":[[2409,6],[2744,5]]},"602":{"position":[[4600,5],[4678,5],[4769,5],[4931,5],[5009,5],[5100,5],[7399,5],[7621,5],[7868,5],[9826,5],[9930,5],[10084,5],[10189,5]]},"612":{"position":[[623,6],[958,5]]},"616":{"position":[[8080,5],[8091,5],[8117,8],[8656,5],[8667,5],[8688,8],[8850,5],[8861,5],[8885,8]]},"618":{"position":[[6998,5],[7009,5],[7035,8],[7399,5],[7410,5],[7435,8],[7587,5],[7598,5],[7623,8],[7797,5],[7808,5],[7832,8],[14003,5],[14014,5],[14040,8],[14101,6],[14157,6],[14598,5],[14609,5],[14634,8],[14786,5],[14797,5],[14822,8],[14996,5],[15007,5],[15031,8]]},"620":{"position":[[9930,5],[9941,5],[9967,8],[10701,5],[10712,5],[10733,8],[10895,5],[10906,5],[10930,8]]},"624":{"position":[[6567,5],[6578,5],[6604,8],[6953,5],[6964,5],[6989,8],[7141,5],[7152,5],[7177,8],[7351,5],[7362,5],[7386,8],[10246,5],[10257,5],[10283,8],[10339,6],[10395,6],[10824,5],[10835,5],[10860,8],[11012,5],[11023,5],[11048,8],[11222,5],[11233,5],[11257,8],[13736,5],[13747,5],[13773,8],[14122,5],[14133,5],[14158,8],[14310,5],[14321,5],[14346,8],[14520,5],[14531,5],[14555,8]]},"660":{"position":[[1269,6],[2509,6]]}}}],["index.html",{"_index":3960,"t":{"642":{"position":[[3589,11],[7843,10]]},"644":{"position":[[3589,11],[8004,10]]},"656":{"position":[[3062,11],[7700,10]]}}}],["index.html/_host.cshtml",{"_index":2510,"t":{"602":{"position":[[282,23]]}}}],["indexaxi",{"_index":2994,"t":{"616":{"position":[[3626,9]]},"620":{"position":[[5591,9]]}}}],["indic",{"_index":475,"t":{"72":{"position":[[264,9]]},"92":{"position":[[256,8]]},"560":{"position":[[91,9]]},"566":{"position":[[495,10],[2994,11],[3482,11],[3971,11],[4457,11],[4942,11],[5452,11],[5959,11],[6467,11],[6972,11],[7476,11]]},"572":{"position":[[437,10],[2084,11],[6907,10],[6964,9],[7441,9]]},"574":{"position":[[6830,8]]},"582":{"position":[[769,9]]},"586":{"position":[[131,8]]},"588":{"position":[[479,9],[1143,9],[1726,9]]},"590":{"position":[[98,8]]},"592":{"position":[[47,8]]},"602":{"position":[[508,10],[1376,10]]},"604":{"position":[[776,10],[2070,9],[2106,10]]},"608":{"position":[[414,10]]},"614":{"position":[[435,10]]},"660":{"position":[[1556,9]]},"668":{"position":[[303,10],[2751,10],[5062,9]]}}}],["indicatortyp",{"_index":1313,"t":{"572":{"position":[[357,13],[2443,13]]}}}],["indicatortype=\"badgeindicatortype.roundedpil",{"_index":1384,"t":{"572":{"position":[[4293,46],[4595,46],[4896,46],[5225,46],[5530,46],[5834,46],[6163,46],[6468,46],[6772,46],[7188,46]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">danger</badg",{"_index":1363,"t":{"572":{"position":[[2852,61]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">dark</badg",{"_index":1367,"t":{"572":{"position":[[3226,59]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">info</badg",{"_index":1365,"t":{"572":{"position":[[3042,59]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">light</badg",{"_index":1366,"t":{"572":{"position":[[3134,60]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">primary</badg",{"_index":1360,"t":{"572":{"position":[[2558,62]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">secondary</badg",{"_index":1361,"t":{"572":{"position":[[2657,64]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">success</badg",{"_index":1362,"t":{"572":{"position":[[2756,62]]}}}],["indicatortype=\"badgeindicatortype.roundedpill\">warning</badg",{"_index":1364,"t":{"572":{"position":[[2948,62]]}}}],["individu",{"_index":178,"t":{"6":{"position":[[132,10]]},"44":{"position":[[482,10]]},"72":{"position":[[471,10]]},"144":{"position":[[322,10]]},"242":{"position":[[185,10]]},"444":{"position":[[176,10]]},"568":{"position":[[11524,10],[11574,10],[23659,10]]},"596":{"position":[[3771,10]]},"602":{"position":[[1514,10]]},"606":{"position":[[6170,10],[6244,10],[7973,10],[12332,10]]},"612":{"position":[[9283,10],[9317,10],[16367,10]]},"618":{"position":[[297,10]]},"668":{"position":[[63250,10],[65575,10]]}}}],["info",{"_index":1057,"t":{"564":{"position":[[1410,4]]},"566":{"position":[[1263,4],[2450,4]]},"570":{"position":[[439,4]]},"574":{"position":[[2231,4],[3062,4],[3176,4],[4038,4]]},"576":{"position":[[1404,4]]},"578":{"position":[[8263,4]]},"582":{"position":[[3250,4]]},"616":{"position":[[1587,4],[3518,4]]},"618":{"position":[[1688,4],[3145,4]]},"620":{"position":[[1733,4],[5482,4]]},"622":{"position":[[3847,4]]},"624":{"position":[[1528,4],[2873,4]]},"658":{"position":[[1620,4],[2803,4]]},"668":{"position":[[9822,4],[12335,4],[23602,4],[33291,4],[36015,4],[110080,4],[110136,4]]}}}],["info\">info</badg",{"_index":1352,"t":{"572":{"position":[[1778,18]]}}}],["inform",{"_index":1148,"t":{"566":{"position":[[3106,11],[3594,11],[4083,11],[4569,11],[5054,11],[5564,11],[6071,11],[6579,11],[7084,11],[7588,11]]},"572":{"position":[[2196,11]]},"608":{"position":[[607,11]]},"664":{"position":[[181,12],[11289,12]]}}}],["inherit",{"_index":2634,"t":{"604":{"position":[[856,8]]},"606":{"position":[[11522,9]]},"636":{"position":[[6955,9]]},"638":{"position":[[7510,9]]},"640":{"position":[[7479,9]]},"642":{"position":[[6378,9]]},"644":{"position":[[6539,9]]},"650":{"position":[[6419,9]]},"652":{"position":[[577,9]]},"654":{"position":[[582,9]]},"656":{"position":[[6444,9]]},"658":{"position":[[5023,9]]}}}],["initi",{"_index":179,"t":{"6":{"position":[[155,7]]},"612":{"position":[[499,11],[3106,10]]},"616":{"position":[[1118,10]]},"618":{"position":[[1214,10]]},"620":{"position":[[1263,10]]},"622":{"position":[[1743,8]]},"624":{"position":[[1059,10]]},"636":{"position":[[4003,7]]},"638":{"position":[[3479,7]]},"640":{"position":[[3824,7]]},"642":{"position":[[3717,7]]},"644":{"position":[[3717,7]]},"650":{"position":[[3214,7]]},"652":{"position":[[261,7],[345,7],[424,7]]},"654":{"position":[[266,7],[350,7],[429,7]]},"656":{"position":[[3190,7]]}}}],["initializeasync(chartdata",{"_index":2958,"t":{"616":{"position":[[1022,25]]},"618":{"position":[[1118,25]]},"620":{"position":[[1167,25]]},"624":{"position":[[963,25]]}}}],["initializerecenttab(bool",{"_index":2840,"t":{"612":{"position":[[465,24]]}}}],["inject",{"_index":1279,"t":{"568":{"position":[[22472,8]]},"578":{"position":[[2676,8]]},"592":{"position":[[242,6],[1148,6],[1288,8],[1769,8],[3433,8]]},"606":{"position":[[11754,6],[11832,8]]},"622":{"position":[[5934,8],[9452,8],[11180,8],[12674,8]]},"628":{"position":[[11615,8]]},"658":{"position":[[1853,8],[3036,8],[3812,8],[4228,8],[4661,8],[5133,6],[5274,8]]},"662":{"position":[[7492,8],[10848,8]]},"668":{"position":[[32165,8],[60340,8],[115148,8],[117615,8],[129078,8],[131731,8],[134421,8],[137226,8]]}}}],["inlin",{"_index":1034,"t":{"564":{"position":[[458,6],[2940,7],[2983,7]]},"586":{"position":[[1186,6]]},"588":{"position":[[9013,6],[10770,6]]},"608":{"position":[[1139,6]]},"610":{"position":[[2829,6],[2852,6],[2899,6],[4446,6]]}}}],["input",{"_index":146,"t":{"2":{"position":[[3219,6]]},"44":{"position":[[798,5],[811,5],[838,5],[844,5],[850,5]]},"50":{"position":[[583,5]]},"76":{"position":[[121,5],[163,5],[310,5]]},"80":{"position":[[538,5],[681,5],[826,5],[1108,5],[1527,5],[1559,5],[1593,5],[1653,5]]},"82":{"position":[[522,5],[650,5]]},"98":{"position":[[451,5],[483,5],[517,5],[577,5]]},"110":{"position":[[150,6],[473,5]]},"134":{"position":[[864,5],[1948,5]]},"136":{"position":[[2978,5]]},"138":{"position":[[985,5],[998,5],[1025,5],[1031,5],[1037,5]]},"142":{"position":[[321,5],[1455,5]]},"148":{"position":[[199,6]]},"150":{"position":[[192,6]]},"154":{"position":[[2029,6]]},"162":{"position":[[625,5],[1626,5],[1639,5],[1666,5],[1672,5],[1678,5]]},"168":{"position":[[38,6],[372,5]]},"180":{"position":[[29,5],[323,5],[336,5],[363,5],[369,5],[375,5]]},"184":{"position":[[29,6],[316,5],[329,5],[356,5],[362,5],[368,5]]},"186":{"position":[[364,5]]},"188":{"position":[[36,6],[323,5],[336,5],[363,5],[369,5],[375,5]]},"206":{"position":[[315,5],[328,5],[355,5],[361,5],[367,5]]},"216":{"position":[[570,5],[1654,5]]},"220":{"position":[[623,5],[636,5],[663,5],[669,5],[675,5]]},"222":{"position":[[2679,5]]},"228":{"position":[[2038,6]]},"234":{"position":[[579,5],[1663,5]]},"236":{"position":[[2688,5]]},"238":{"position":[[632,5],[645,5],[672,5],[678,5],[684,5]]},"248":{"position":[[317,5]]},"260":{"position":[[609,5],[1049,5]]},"266":{"position":[[320,5]]},"272":{"position":[[1620,5]]},"278":{"position":[[363,5]]},"308":{"position":[[1079,6]]},"310":{"position":[[2032,6]]},"316":{"position":[[846,5]]},"320":{"position":[[573,5],[1657,5]]},"330":{"position":[[938,5]]},"332":{"position":[[2488,5]]},"346":{"position":[[917,5]]},"350":{"position":[[167,5]]},"352":{"position":[[310,5]]},"354":{"position":[[314,5]]},"360":{"position":[[191,6]]},"366":{"position":[[787,5]]},"368":{"position":[[1460,6]]},"372":{"position":[[20,7],[310,5],[608,5],[621,5],[648,5],[654,5],[660,5]]},"380":{"position":[[21,6],[316,5],[329,5],[356,5],[362,5],[368,5]]},"400":{"position":[[803,6]]},"410":{"position":[[200,6]]},"412":{"position":[[511,6]]},"428":{"position":[[484,6]]},"478":{"position":[[310,5],[323,5],[350,5],[356,5],[362,5]]},"494":{"position":[[195,6]]},"500":{"position":[[357,5]]},"528":{"position":[[165,5]]},"538":{"position":[[312,5]]},"568":{"position":[[23461,5]]},"600":{"position":[[3425,7],[3486,7],[3550,7],[3606,7],[6001,7],[6062,7],[6126,7],[6182,7],[9016,7],[9077,7],[9141,7],[9197,7],[12010,7],[12071,7],[12135,7],[12191,7],[15008,7],[15069,7],[15133,7],[15189,7],[17139,7],[17200,7],[17264,7],[17320,7]]},"622":{"position":[[13460,5]]},"626":{"position":[[13,5],[46,5],[112,5],[158,5],[558,5],[614,5],[673,6],[1173,6],[1204,6],[3631,5],[3835,5],[3923,5],[7700,5],[7825,5],[11676,5],[11693,5]]},"628":{"position":[[11,5],[42,5],[114,5],[153,5],[224,5],[597,5],[653,5],[712,6],[1178,6],[1211,6],[1369,5],[3162,5],[3364,5],[3452,5],[6899,5],[7011,5],[12916,5],[12934,5]]},"630":{"position":[[15,5],[50,5],[638,5],[694,5],[753,6],[1687,6],[1720,6],[7536,5],[7742,5],[7830,5],[10931,5],[11061,5],[17533,5]]},"632":{"position":[[12,5],[44,5],[109,5],[312,6],[381,6],[450,6],[586,6],[665,6],[702,6],[3392,5],[3747,5],[3839,5],[6141,5]]},"634":{"position":[[777,6],[847,6],[1181,6],[1865,6],[2343,6],[2531,6],[2925,5],[2941,5]]},"662":{"position":[[11,5],[42,5],[118,5],[157,5],[228,5],[601,5],[657,5],[716,6],[1122,6],[1155,6],[1313,5],[2334,5],[2536,5],[2624,5],[5016,5],[5128,5]]},"664":{"position":[[4255,7],[4316,7],[4380,7],[4436,7],[6179,7],[6240,7],[6304,7],[6360,7],[8438,7],[8499,7],[8563,7],[8619,7],[10791,7],[10852,7],[10916,7],[10972,7],[13264,7],[13325,7],[13389,7],[13445,7],[15694,7],[15755,7],[15819,7],[15875,7],[18085,7],[18146,7],[18210,7],[18266,7],[20568,7],[20629,7],[20693,7],[20749,7],[23821,7],[23882,7],[23946,7],[24002,7]]}}}],["input'",{"_index":516,"t":{"78":{"position":[[279,7]]}}}],["input1",{"_index":790,"t":{"142":{"position":[[178,6],[307,6],[383,6]]}}}],["input2",{"_index":867,"t":{"142":{"position":[[1448,6]]}}}],["inputtext",{"_index":3369,"t":{"622":{"position":[[9050,10]]},"628":{"position":[[7854,10],[10166,10]]},"662":{"position":[[5688,10]]}}}],["insensit",{"_index":3343,"t":{"622":{"position":[[3944,11]]},"668":{"position":[[9919,11]]}}}],["insert",{"_index":3812,"t":{"636":{"position":[[1468,6]]},"638":{"position":[[923,6]]},"640":{"position":[[1285,6]]},"642":{"position":[[1299,6]]},"644":{"position":[[1299,6]]},"646":{"position":[[943,6]]},"648":{"position":[[943,6]]},"650":{"position":[[968,6]]},"656":{"position":[[953,6]]}}}],["insid",{"_index":2331,"t":{"598":{"position":[[2283,6]]},"616":{"position":[[2379,6]]},"618":{"position":[[2127,6]]},"620":{"position":[[2263,6]]},"624":{"position":[[1962,6]]},"660":{"position":[[21982,6]]}}}],["inside</dropdowntogglebutton",{"_index":4130,"t":{"660":{"position":[[23056,29]]}}}],["instal",{"_index":529,"t":{"80":{"position":[[1273,7],[1307,7]]},"610":{"position":[[128,7]]},"636":{"position":[[216,7],[323,7],[8276,7]]},"638":{"position":[[286,7],[336,7],[2929,7],[2979,7],[8816,7],[8938,7]]},"640":{"position":[[216,7],[323,7],[8813,7]]},"642":{"position":[[226,7],[333,7],[7707,7]]},"644":{"position":[[226,7],[333,7],[7868,7]]},"646":{"position":[[234,7],[341,7],[3064,7]]},"648":{"position":[[234,7],[341,7],[3243,7]]},"650":{"position":[[274,7],[381,7],[7704,7]]},"656":{"position":[[226,7],[333,7],[7564,7]]}}}],["instanc",{"_index":1040,"t":{"564":{"position":[[676,8]]},"568":{"position":[[816,10],[1196,9]]},"576":{"position":[[796,8]]},"582":{"position":[[2030,8]]},"588":{"position":[[2334,8]]},"660":{"position":[[3483,8]]},"668":{"position":[[1137,8],[3086,8]]}}}],["instead",{"_index":762,"t":{"124":{"position":[[1093,7]]},"574":{"position":[[5622,7]]},"588":{"position":[[3231,8],[8962,7],[10719,7]]},"598":{"position":[[6742,7]]},"606":{"position":[[553,7]]},"608":{"position":[[464,7]]},"630":{"position":[[5438,7],[5550,7],[17729,7]]},"636":{"position":[[1407,7]]}}}],["int",{"_index":1409,"t":{"574":{"position":[[1058,4]]},"578":{"position":[[3742,3]]},"580":{"position":[[1738,4]]},"582":{"position":[[1099,3],[4574,3],[6676,3]]},"588":{"position":[[1595,3],[5327,3],[7361,3]]},"590":{"position":[[247,3],[389,3],[1363,3],[3190,3]]},"600":{"position":[[1389,3],[1580,3]]},"602":{"position":[[10740,3]]},"606":{"position":[[721,3],[1043,3]]},"612":{"position":[[15570,3]]},"616":{"position":[[309,4],[451,4],[1168,3],[2043,3],[5624,3],[5655,3]]},"618":{"position":[[405,4],[547,4],[1264,3],[4727,3],[4758,3],[11815,3],[11846,3]]},"620":{"position":[[454,4],[596,4],[1313,3],[7676,3],[7707,3]]},"624":{"position":[[250,4],[392,4],[1109,3],[4415,3],[4446,3],[8209,3],[8240,3],[12417,3],[12448,3]]},"626":{"position":[[1639,3],[1786,4],[1791,5],[1903,3],[2079,4],[3334,3],[3354,4],[5101,4],[5813,3],[6330,3],[6825,4],[7540,4]]},"630":{"position":[[2120,3],[4259,3],[4291,3],[4323,3],[4355,3],[4387,3],[4419,3],[4451,3],[4483,3],[4515,3],[5907,3],[6066,4],[6071,5],[6183,3],[6313,4],[7239,3],[7259,4],[8998,3],[9543,3],[10042,4],[10767,4]]},"632":{"position":[[1096,3],[1942,3],[1960,4],[2492,4],[3199,4],[3517,5],[4121,3],[5175,3],[5193,4]]},"660":{"position":[[1215,4],[1539,4],[2464,4]]},"664":{"position":[[1556,3]]},"668":{"position":[[2364,3],[2427,5],[2437,5],[4922,3],[7165,3],[7197,3],[96398,3],[98719,5],[119703,5],[138474,5],[143553,4],[146455,4],[148854,3],[152057,3]]}}}],["integ",{"_index":1954,"t":{"582":{"position":[[9625,7],[13866,7],[18007,7]]},"630":{"position":[[1284,7],[1340,7],[4918,7],[4997,8],[17681,7]]}}}],["integr",{"_index":3437,"t":{"626":{"position":[[1388,8]]},"630":{"position":[[1906,8]]}}}],["integrity=\"sha384",{"_index":3801,"t":{"636":{"position":[[620,17],[1708,17],[4146,17],[5160,17]]},"638":{"position":[[597,17],[1160,17],[3621,17],[4330,17]]},"640":{"position":[[618,17],[1523,17],[3967,17],[5088,17]]},"642":{"position":[[627,17],[1542,17],[3937,17],[4679,17]]},"644":{"position":[[627,17],[1542,17],[3937,17],[4880,17]]},"646":{"position":[[617,17],[1182,17]]},"648":{"position":[[617,17],[1182,17]]},"650":{"position":[[642,17],[1205,17],[3356,17],[4081,17]]},"656":{"position":[[627,17],[1196,17],[3383,17],[4336,17]]}}}],["integrity=\"sha512",{"_index":3818,"t":{"636":{"position":[[1989,17],[2407,17],[5359,17]]},"638":{"position":[[1441,17],[1859,17],[4611,17],[5029,17]]},"640":{"position":[[1804,17],[2222,17],[5369,17],[5787,17]]},"642":{"position":[[1823,17],[2241,17],[4878,17]]},"644":{"position":[[1823,17],[2241,17],[5079,17]]},"646":{"position":[[1463,17],[1881,17]]},"648":{"position":[[1463,17],[1881,17]]},"650":{"position":[[1486,17],[1904,17],[4362,17],[4780,17]]},"656":{"position":[[1477,17],[1895,17],[4617,17],[5035,17]]}}}],["intent",{"_index":4028,"t":{"660":{"position":[[193,11]]}}}],["interact",{"_index":2995,"t":{"616":{"position":[[3734,11],[3746,11],[3775,12],[6058,11],[6076,11],[9950,11],[11883,11],[14145,11],[16209,11]]},"618":{"position":[[10683,11]]},"620":{"position":[[5699,11],[5711,11],[5740,12],[7945,11],[7963,11],[13476,11],[16536,11]]},"638":{"position":[[100,11],[3262,11],[3293,11]]},"650":{"position":[[102,11],[3025,11]]}}}],["interactionmode.i",{"_index":3070,"t":{"616":{"position":[[9971,17],[11904,17],[14166,17],[16230,17]]}}}],["interactionmode.index",{"_index":3019,"t":{"616":{"position":[[6097,21]]},"618":{"position":[[10704,21]]},"620":{"position":[[7984,21],[13497,21],[16557,21]]}}}],["interdum",{"_index":1859,"t":{"582":{"position":[[7810,9],[7967,8],[8767,8],[8941,8],[10598,8],[12051,9],[12208,8],[13008,8],[13182,8],[14839,8],[16192,9],[16349,8],[17149,8],[17323,8],[18980,8]]}}}],["interfac",{"_index":3547,"t":{"628":{"position":[[295,10]]},"662":{"position":[[299,10]]}}}],["interfer",{"_index":467,"t":{"70":{"position":[[396,9]]}}}],["interpol",{"_index":3239,"t":{"620":{"position":[[5027,13]]}}}],["interv",{"_index":3481,"t":{"626":{"position":[[4383,8]]},"632":{"position":[[4300,8]]}}}],["invalid",{"_index":3355,"t":{"622":{"position":[[8285,8]]},"626":{"position":[[8042,8]]},"628":{"position":[[7222,8],[9819,8]]},"630":{"position":[[11278,8]]},"660":{"position":[[18947,8]]},"662":{"position":[[5339,8],[9359,8]]}}}],["invalidoperationexcept",{"_index":505,"t":{"76":{"position":[[193,25]]}}}],["invoc",{"_index":1524,"t":{"576":{"position":[[488,11]]}}}],["invoic",{"_index":3516,"t":{"626":{"position":[[9611,7],[9619,7],[10453,7],[10525,7]]},"628":{"position":[[8342,7],[8350,7],[8691,7],[8763,7],[8798,8]]},"630":{"position":[[12976,7],[12984,7],[13818,7],[13890,7]]},"660":{"position":[[20521,7],[20529,7],[21374,7],[21446,7]]}}}],["invoice.customernam",{"_index":3618,"t":{"628":{"position":[[7990,22],[8636,25]]}}}],["invoice.discount",{"_index":3508,"t":{"626":{"position":[[8809,17],[8940,18],[9997,16],[10356,21]]},"630":{"position":[[12131,17],[12262,18],[13362,16],[13721,21]]},"660":{"position":[[19757,17],[19888,18],[20918,16],[21277,21]]}}}],["invoice.discount.hasvalu",{"_index":3525,"t":{"626":{"position":[[10152,25]]},"630":{"position":[[13517,25]]},"660":{"position":[[21073,25]]}}}],["invoice.discount.valu",{"_index":3526,"t":{"626":{"position":[[10180,22]]},"630":{"position":[[13545,22]]},"660":{"position":[[21101,22]]}}}],["invoice.invoiced",{"_index":3615,"t":{"628":{"position":[[7660,21],[8576,24]]}}}],["invoice.pric",{"_index":3503,"t":{"626":{"position":[[8455,14],[8577,15],[9907,13],[10307,18]]},"630":{"position":[[11734,14],[11856,15],[13272,13],[13672,18]]},"660":{"position":[[19462,14],[19584,15],[20828,13],[21228,18]]}}}],["invoice.price.hasvalu",{"_index":3523,"t":{"626":{"position":[[10087,22]]},"630":{"position":[[13452,22]]},"660":{"position":[[21008,22]]}}}],["invoice.price.valu",{"_index":3524,"t":{"626":{"position":[[10112,19]]},"630":{"position":[[13477,19]]},"660":{"position":[[21033,19]]}}}],["invoice.tot",{"_index":3513,"t":{"626":{"position":[[9266,15],[10208,13],[10405,18]]},"630":{"position":[[12631,15],[13573,13],[13770,18]]},"660":{"position":[[20155,15],[21129,13],[21326,18]]}}}],["invoiced",{"_index":3620,"t":{"628":{"position":[[8842,11]]}}}],["invok",{"_index":638,"t":{"102":{"position":[[1082,8]]}}}],["ipsum",{"_index":1837,"t":{"582":{"position":[[7604,5],[7796,5],[8857,5],[9604,5],[10245,5],[10695,5],[11845,5],[12037,5],[13098,5],[13845,5],[14486,5],[14936,5],[15986,5],[16178,5],[17239,5],[17986,5],[18627,5],[19077,5]]}}}],["isact",{"_index":759,"t":{"124":{"position":[[888,8],[1415,8],[1457,8]]},"668":{"position":[[8433,8],[8564,8],[8688,8],[8816,8],[8950,8],[9070,8],[9192,8],[9315,8],[9434,8],[10933,8],[11064,8],[11188,8],[11316,8],[11450,8],[11570,8],[11692,8],[11815,8],[11934,8],[13212,8],[13343,8],[13467,8],[13595,8],[13729,8],[13849,8],[13971,8],[14101,8],[14226,8],[14349,8],[14468,8],[14594,8],[16013,8],[16144,8],[16268,8],[16396,8],[16530,8],[16650,8],[16772,8],[16895,8],[17014,8],[19193,8],[19324,8],[19448,8],[19576,8],[19710,8],[19830,8],[19952,8],[20082,8],[20207,8],[20330,8],[20449,8],[20575,8],[22335,8],[22466,8],[22590,8],[22718,8],[22852,8],[22972,8],[23094,8],[23217,8],[23336,8],[25017,8],[25148,8],[25272,8],[25400,8],[25534,8],[25654,8],[25776,8],[25899,8],[26018,8],[28408,8],[28650,8],[28887,8],[29126,8],[29379,8],[29609,8],[29848,8],[30088,8],[30322,8],[34871,8],[35002,8],[35126,8],[35254,8],[35388,8],[35508,8],[35630,8],[35753,8],[35872,8],[37519,8],[37650,8],[37774,8],[37902,8],[38036,8],[38156,8],[38278,8],[38401,8],[38520,8],[40095,8],[40226,8],[40350,8],[40478,8],[40612,8],[40732,8],[40854,8],[40977,8],[41096,8],[42692,8],[42807,8],[42914,8],[43026,8],[43147,8],[43250,8],[43355,8],[43462,8],[43564,8],[45280,8],[45395,8],[45502,8],[45614,8],[45735,8],[45838,8],[45943,8],[46050,8],[46152,8],[48249,8],[48491,8],[48728,8],[48967,8],[49220,8],[49450,8],[49689,8],[49929,8],[50163,8],[61650,8],[61781,8],[61905,8],[62033,8],[62167,8],[62287,8],[62409,8],[62539,8],[62664,8],[62787,8],[62906,8],[63032,8],[64278,8],[64409,8],[64533,8],[64661,8],[64795,8],[64993,8],[65115,8],[65238,8],[65357,8],[66736,8],[66867,8],[66991,8],[67119,8],[67253,8],[70481,8],[70612,8],[70736,8],[70864,8],[70998,8],[71118,8],[71240,8],[71370,8],[71495,8],[71618,8],[71737,8],[71863,8],[73731,8],[73862,8],[73986,8],[74114,8],[74248,8],[74368,8],[74490,8],[74620,8],[74745,8],[74868,8],[74987,8],[75113,8],[76843,8],[76974,8],[77098,8],[77226,8],[77360,8],[77480,8],[77602,8],[77732,8],[77857,8],[77980,8],[78099,8],[78225,8],[80328,8],[80459,8],[80583,8],[80711,8],[80845,8],[80965,8],[81087,8],[81217,8],[81342,8],[81465,8],[81584,8],[81710,8],[83509,8],[83640,8],[83764,8],[83892,8],[84026,8],[84146,8],[84268,8],[84391,8],[84510,8],[86535,8],[86666,8],[86790,8],[86918,8],[87052,8],[87172,8],[87294,8],[87417,8],[87536,8],[89976,8],[90107,8],[90231,8],[90359,8],[90493,8],[90613,8],[90735,8],[90858,8],[90977,8],[94190,8],[94321,8],[94445,8],[94573,8],[94707,8],[94827,8],[94949,8],[95072,8],[95191,8],[97013,8],[97144,8],[97268,8],[97396,8],[97530,8],[97650,8],[97772,8],[97902,8],[98027,8],[98150,8],[98269,8],[98395,8],[99808,8],[99939,8],[100063,8],[100191,8],[100325,8],[100445,8],[100567,8],[100697,8],[100822,8],[100945,8],[101064,8],[101190,8],[105160,8],[105284,8],[105412,8],[105546,8],[105666,8],[105788,8],[113593,8],[113717,8],[113845,8],[113979,8],[114099,8],[114221,8],[115813,8],[115937,8],[116065,8],[116199,8],[116319,8],[116441,8],[118280,8],[118404,8],[118532,8],[118666,8],[118786,8],[118908,8],[122293,8],[122424,8],[122548,8],[122676,8],[122810,8],[122930,8],[123052,8],[123182,8],[123307,8],[123430,8],[123549,8],[123675,8],[126202,8],[126334,8],[126458,8],[126586,8],[126720,8],[126840,8],[126962,8],[127085,8],[127184,8],[127297,8],[139859,8],[139990,8],[140114,8],[140242,8],[140376,8],[140496,8],[140618,8],[140748,8],[140873,8],[140996,8],[141115,8],[141241,8],[148277,8],[148408,8],[148532,8],[148660,8],[148794,8],[148996,8],[151480,8],[151611,8],[151735,8],[151863,8],[151997,8],[152199,8]]}}}],["isactive=\"selectedcustomer.customerid",{"_index":2893,"t":{"612":{"position":[[13048,37]]}}}],["isactive=\"tru",{"_index":2345,"t":{"598":{"position":[[3718,16],[7590,16],[8423,16]]},"612":{"position":[[2233,16],[3035,15],[3166,16],[4009,16],[5011,16],[6101,16],[6969,16],[7523,16],[8129,16],[8743,16],[9540,16]]}}}],["isallcheck",{"_index":5060,"t":{"668":{"position":[[79594,12]]}}}],["iscurrentpag",{"_index":993,"t":{"560":{"position":[[734,13],[940,13],[1540,13],[2273,13]]}}}],["isdefaultsortcolumn",{"_index":4335,"t":{"668":{"position":[[5792,19],[33008,19],[33332,19]]}}}],["isdefaultsortcolumn=\"tru",{"_index":4541,"t":{"668":{"position":[[33082,26],[33780,26]]}}}],["isdropdowndis",{"_index":4089,"t":{"660":{"position":[[15645,18],[15705,18],[15767,18]]}}}],["isfirstitem",{"_index":2328,"t":{"598":{"position":[[2001,11]]}}}],["isfirstitem=\"tru",{"_index":2360,"t":{"598":{"position":[[4232,18],[7366,18]]}}}],["isfirstitem=\"true\">new<br",{"_index":2350,"t":{"598":{"position":[[3871,25],[5538,25],[7020,25],[8586,25]]}}}],["isfirstitem=\"true\">rename<br",{"_index":2394,"t":{"598":{"position":[[5940,28],[8960,28]]}}}],["isfirstitem=\"true\">send/receive<br",{"_index":2371,"t":{"598":{"position":[[4677,34],[7784,34]]}}}],["isfirstitem=\"true\">show<br",{"_index":2379,"t":{"598":{"position":[[5091,26],[8163,26]]}}}],["isha",{"_index":3301,"t":{"622":{"position":[[3161,5],[5032,5],[7657,5]]},"668":{"position":[[9367,7],[11867,7],[14401,7],[16947,7],[20382,7],[23269,7],[25951,7],[30145,7],[35805,7],[38453,7],[41029,7],[43514,7],[46102,7],[49986,7],[62839,7],[65290,7],[71670,7],[74920,7],[78032,7],[81517,7],[84443,7],[87469,7],[90910,7],[95124,7],[98202,7],[100997,7],[123482,7],[127137,7],[141048,7],[143361,7],[146211,7]]}}}],["isha@blazorbootstrap.com",{"_index":4492,"t":{"668":{"position":[[30183,27],[50024,27]]}}}],["ishtml",{"_index":2749,"t":{"608":{"position":[[375,6]]}}}],["ishtml=\"true\">tooltip",{"_index":2777,"t":{"608":{"position":[[2079,21]]}}}],["islastitem",{"_index":2329,"t":{"598":{"position":[[2085,10]]}}}],["islastitem=\"tru",{"_index":2355,"t":{"598":{"position":[[4026,17],[4377,17],[7180,17],[7492,17]]}}}],["islastitem=\"true\">cancel<br",{"_index":2383,"t":{"598":{"position":[[5256,27],[8307,27]]}}}],["islastitem=\"true\">delete<br",{"_index":2403,"t":{"598":{"position":[[6386,27],[9363,27]]}}}],["islastitem=\"true\">new<br",{"_index":2390,"t":{"598":{"position":[[5701,24],[8737,24]]}}}],["islastitem=\"true\">update<br",{"_index":2374,"t":{"598":{"position":[[4859,27],[7944,27]]}}}],["isload",{"_index":2521,"t":{"602":{"position":[[1334,9],[13003,9],[13100,9],[13233,9]]}}}],["isloading=\"isload",{"_index":2623,"t":{"602":{"position":[[12787,21]]}}}],["isrespons",{"_index":2935,"t":{"614":{"position":[[391,12],[660,12]]}}}],["isscrol",{"_index":1585,"t":{"578":{"position":[[1013,12],[6697,12],[7962,12]]},"582":{"position":[[745,12]]},"588":{"position":[[1036,12]]}}}],["isscrollable=\"tru",{"_index":2087,"t":{"588":{"position":[[8817,20],[10574,20]]}}}],["isservicemod",{"_index":2047,"t":{"588":{"position":[[1117,14]]}}}],["isservicemodal=\"tru",{"_index":3905,"t":{"636":{"position":[[7366,21]]},"640":{"position":[[7890,21]]},"642":{"position":[[6789,21]]},"644":{"position":[[6950,21]]},"658":{"position":[[5108,21]]}}}],["issu",{"_index":580,"t":{"90":{"position":[[165,5]]},"104":{"position":[[445,5]]},"110":{"position":[[672,5]]},"112":{"position":[[243,5]]},"114":{"position":[[630,5]]},"124":{"position":[[667,5]]},"636":{"position":[[1120,5]]},"640":{"position":[[1118,5]]},"642":{"position":[[1132,5]]},"644":{"position":[[1132,5]]}}}],["isthumbnail",{"_index":2936,"t":{"614":{"position":[[485,11],[849,11]]}}}],["isthumbnail=\"tru",{"_index":2939,"t":{"614":{"position":[[917,18]]}}}],["isverticallycent",{"_index":1587,"t":{"578":{"position":[[1088,20],[7321,20],[7983,20]]},"588":{"position":[[1215,20]]},"658":{"position":[[600,20],[643,21],[3266,20]]}}}],["isverticallycentered=\"tru",{"_index":2099,"t":{"588":{"position":[[9809,27],[9909,28],[10546,27]]}}}],["it'",{"_index":1003,"t":{"560":{"position":[[1629,4]]},"564":{"position":[[2905,4],[2948,4]]},"568":{"position":[[2743,4],[3294,4],[3844,4],[4607,4],[5232,4],[5855,4],[6597,4],[7148,4],[7698,4],[8399,4],[8964,4],[9514,4],[10229,4],[10780,4],[11330,4],[12409,4],[12972,4],[13534,4],[14092,4],[14640,4],[15200,4],[18726,4],[19277,4],[19827,4],[21111,4],[21684,4],[22256,4]]},"576":{"position":[[3082,4]]},"602":{"position":[[11845,4]]},"668":{"position":[[91838,4]]}}}],["item",{"_index":479,"t":{"72":{"position":[[445,4],[492,5]]},"106":{"position":[[393,5]]},"560":{"position":[[262,5],[314,6]]},"568":{"position":[[250,5],[279,4],[1463,4],[1756,4],[2380,4],[2929,4],[3480,4],[4229,4],[4852,4],[5476,4],[6234,4],[6783,4],[7334,4],[7909,5],[7970,4],[8036,4],[8585,4],[9150,4],[9764,5],[9788,4],[9866,4],[10415,4],[10966,4],[11545,6],[11595,5],[11639,5],[11811,5],[18016,6],[18096,5],[18224,6],[18363,4],[18912,4],[19463,4],[20726,4],[21297,4],[21870,4],[23630,4],[23680,5],[23712,5]]},"576":{"position":[[4394,4]]},"598":{"position":[[2050,4],[2132,4],[6524,5],[9501,5]]},"600":{"position":[[1412,4]]},"602":{"position":[[709,6],[803,6],[897,4],[1017,5],[1525,5],[2069,4],[2161,4],[2257,4],[2946,4],[4584,4],[4620,4],[4730,6],[4751,4],[4915,4],[4951,4],[5061,6],[5082,4],[7355,4],[7383,4],[7442,4],[7521,4],[7563,4],[7698,6],[7781,6],[7829,6],[7850,4],[8249,4],[8271,4],[9810,4],[9846,4],[9895,4],[10068,4],[10104,4],[10153,4],[10611,5],[10684,6],[10919,5],[11774,5],[11814,5],[12023,4],[13768,5],[14007,4]]},"622":{"position":[[1893,4],[1948,4],[1998,4],[2046,4],[2106,5]]},"660":{"position":[[2256,4],[2425,4],[2500,4],[2585,4],[2774,4],[15816,4],[17652,5]]},"664":{"position":[[21730,4],[21781,4],[21833,4],[21882,4],[21933,4],[21983,4],[22034,4],[22089,4],[22141,4],[22196,4]]},"668":{"position":[[756,4],[1083,5],[2293,5],[2328,5],[2497,6],[2646,5],[2683,5],[3931,5],[18369,5],[82631,5],[85657,5],[87755,5],[89152,5],[93312,5],[138118,4]]}}}],["item\">a",{"_index":1717,"t":{"580":{"position":[[5000,7],[5047,7],[5698,7],[5745,7]]}}}],["item\">an",{"_index":1715,"t":{"580":{"position":[[4959,8],[5657,8]]}}}],["item'",{"_index":1185,"t":{"568":{"position":[[2421,6],[2971,6],[3521,6],[4285,6],[4909,6],[5532,6],[6275,6],[6825,6],[7375,6],[8077,6],[8641,6],[9191,6],[9907,6],[10457,6],[11007,6],[12087,6],[12649,6],[13211,6],[13769,6],[14317,6],[14877,6],[18404,6],[18954,6],[19504,6],[20789,6],[21361,6],[21933,6]]}}}],["item.address",{"_index":4514,"t":{"668":{"position":[[31687,13],[128561,13],[131160,13],[133850,13],[136575,13]]}}}],["item.countri",{"_index":4526,"t":{"668":{"position":[[32079,13],[128977,13],[131630,13],[134320,13],[137125,13]]}}}],["item.customerid",{"_index":4495,"t":{"668":{"position":[[30841,16],[127715,16],[130273,16],[132963,16],[135687,16]]}}}],["item.customernam",{"_index":4500,"t":{"668":{"position":[[31125,18],[127999,18],[130598,18],[133288,18],[136013,18]]}}}],["item.design",{"_index":4426,"t":{"668":{"position":[[15472,18],[17988,18],[33959,19],[59887,18],[69359,18],[72716,18],[75895,18],[79064,18],[101759,18],[102590,18],[103407,18],[104238,18],[106518,18],[107538,18],[108556,18],[109576,18],[110590,18],[111604,18],[112628,18],[114830,18],[117297,18],[120226,18],[138901,18]]}}}],["item.doj",{"_index":4427,"t":{"668":{"position":[[15598,10],[18133,10],[34088,11],[36736,11],[60032,10],[69504,10],[72861,10],[76040,10],[79209,10],[101885,10],[102716,10],[103533,10],[104364,10],[106663,10],[107683,10],[108701,10],[109721,10],[110735,10],[111749,10],[112773,10],[114956,10],[117423,10],[120371,10],[139046,10]]}}}],["item.email",{"_index":4509,"t":{"668":{"position":[[31500,11],[128374,11],[130973,11],[133663,11],[136388,11]]}}}],["item.id",{"_index":4425,"t":{"668":{"position":[[15234,9],[17703,9],[33647,10],[36392,10],[59532,8],[69074,9],[72431,9],[75590,9],[78779,9],[101521,9],[102352,9],[103169,9],[104000,9],[106233,9],[107253,9],[108271,9],[109291,9],[110305,9],[111319,9],[112343,9],[114592,9],[117059,9],[119941,9],[138616,9]]}}}],["item.isact",{"_index":4428,"t":{"668":{"position":[[15711,15],[18270,15],[34204,16],[36852,16],[60169,15],[69641,15],[72998,14],[76177,15],[101998,15],[102829,15],[103646,15],[104477,15],[106800,15],[107820,15],[108838,15],[109858,15],[110872,15],[111886,15],[112910,15],[115069,15],[117536,15],[120508,15],[139183,15]]}}}],["item.nam",{"_index":2538,"t":{"602":{"position":[[2427,10],[3391,10],[3651,10],[5507,10],[5766,10],[6025,10],[8597,10],[8875,10],[10538,10],[12094,10],[12858,10],[13695,10]]},"668":{"position":[[15352,11],[17841,11],[33768,11],[36513,12],[59740,11],[69212,11],[72569,11],[75748,11],[78917,11],[101639,11],[102470,11],[103287,11],[104118,11],[106371,11],[107391,11],[108409,11],[109429,11],[110443,11],[111457,11],[112481,11],[114710,11],[117177,11],[120079,11],[138754,11]]}}}],["item.phon",{"_index":4505,"t":{"668":{"position":[[31319,11],[128193,11],[130792,11],[133482,11],[136207,11]]}}}],["item.postalzip",{"_index":4521,"t":{"668":{"position":[[31885,15],[128759,15],[131358,15],[134048,15],[136853,15]]}}}],["item</button",{"_index":1230,"t":{"568":{"position":[[15472,13],[15579,13],[15684,13],[15795,13],[15898,13],[16001,13],[16133,13],[16240,13],[16345,13],[16456,13],[16559,13],[16662,13]]}}}],["item</dropdownitem",{"_index":4125,"t":{"660":{"position":[[22302,19],[22371,19],[22440,19],[22727,19],[22796,19],[22865,19],[23150,19],[23219,19],[23288,19],[23517,19],[23586,19],[23655,19]]}}}],["item</li",{"_index":1716,"t":{"580":{"position":[[4968,9],[5015,9],[5061,9],[5666,9],[5713,9],[5759,9]]}}}],["items</button",{"_index":1268,"t":{"568":{"position":[[20087,14],[20195,14]]}}}],["items=\"navitems1\"></breadcrumb",{"_index":982,"t":{"560":{"position":[[367,31]]}}}],["items=\"navitems2\"></breadcrumb",{"_index":983,"t":{"560":{"position":[[411,31],[1218,31],[1951,31]]}}}],["itemsperpagetext",{"_index":4295,"t":{"668":{"position":[[2269,16]]}}}],["itemsperpagetext=\"artikelen",{"_index":5106,"t":{"668":{"position":[[119779,27]]}}}],["itemtempl",{"_index":2522,"t":{"602":{"position":[[1432,12],[2412,14],[2438,15],[3376,14],[3402,15],[3636,14],[3662,15],[5492,14],[5518,15],[5751,14],[5777,15],[6010,14],[6036,15],[8582,14],[8608,15],[8860,14],[8886,15],[10523,14],[10549,15],[11119,14],[11292,15],[12079,14],[12105,15],[12843,14],[12869,15],[13680,14],[13706,15]]}}}],["itemtomov",{"_index":2545,"t":{"602":{"position":[[2659,10],[2802,12],[4019,10],[4178,12],[4298,10],[4457,12],[6513,10],[6672,12],[6792,10],[6951,12],[7071,10],[7230,12],[9245,10],[9404,12],[9524,10],[9683,12],[11513,10],[11656,12],[12326,10],[12469,12],[13355,10],[13498,12]]}}}],["iter",{"_index":399,"t":{"54":{"position":[[270,9]]},"68":{"position":[[426,9]]},"578":{"position":[[2209,9]]},"582":{"position":[[3412,9]]},"588":{"position":[[4206,9]]}}}],["itself",{"_index":1151,"t":{"566":{"position":[[3174,6],[3662,6],[4151,6],[4637,6],[5122,6],[5632,6],[6139,6],[6647,6],[7152,6],[7656,6]]},"572":{"position":[[2264,6]]},"578":{"position":[[5911,7]]},"588":{"position":[[8729,7]]},"602":{"position":[[10967,7]]}}}],["i}\")).tolist",{"_index":2543,"t":{"602":{"position":[[2574,16],[3816,16],[3933,16],[6191,16],[6309,16],[6427,16],[9041,16],[9159,16],[11428,16],[12241,16],[13216,16]]}}}],["ja",{"_index":3291,"t":{"622":{"position":[[3063,5],[4934,5],[7559,5]]}}}],["jahan",{"_index":3324,"t":{"622":{"position":[[3368,6],[5239,6],[7864,6]]}}}],["januari",{"_index":159,"t":{"2":{"position":[[3693,7]]},"16":{"position":[[23,7]]},"54":{"position":[[24,7]]},"56":{"position":[[24,7]]},"60":{"position":[[24,7]]},"114":{"position":[[25,7]]},"130":{"position":[[1073,7],[2111,7],[2154,7],[2197,7],[2636,7]]},"136":{"position":[[1114,7],[1563,7],[1873,7]]},"140":{"position":[[1227,7]]},"148":{"position":[[1590,7]]},"154":{"position":[[2503,7]]},"156":{"position":[[424,7]]},"158":{"position":[[81,7]]},"204":{"position":[[86,7]]},"210":{"position":[[78,7]]},"222":{"position":[[815,7],[1264,7],[1574,7]]},"228":{"position":[[2512,7]]},"232":{"position":[[95,7]]},"236":{"position":[[824,7],[1273,7],[1583,7]]},"244":{"position":[[1094,7]]},"258":{"position":[[80,7]]},"264":{"position":[[74,7]]},"282":{"position":[[2357,7]]},"286":{"position":[[506,7]]},"308":{"position":[[1553,7]]},"310":{"position":[[2506,7]]},"312":{"position":[[72,7],[521,7]]},"322":{"position":[[818,7],[1267,7]]},"334":{"position":[[391,7]]},"348":{"position":[[74,7]]},"358":{"position":[[68,7]]},"360":{"position":[[449,7]]},"364":{"position":[[269,7]]},"368":{"position":[[1718,7]]},"378":{"position":[[68,7]]},"382":{"position":[[70,7]]},"384":{"position":[[72,7]]},"388":{"position":[[67,7],[573,7]]},"390":{"position":[[421,7]]},"392":{"position":[[71,7]]},"398":{"position":[[1455,7]]},"416":{"position":[[1176,7]]},"432":{"position":[[67,7]]},"456":{"position":[[67,7]]},"498":{"position":[[70,7]]},"508":{"position":[[68,7]]},"510":{"position":[[68,7]]},"516":{"position":[[68,7]]},"616":{"position":[[5704,10]]},"618":{"position":[[8689,10]]},"620":{"position":[[11517,10],[14378,10]]}}}],["javascript",{"_index":2054,"t":{"588":{"position":[[3099,11]]}}}],["jee",{"_index":3290,"t":{"622":{"position":[[3058,4],[4929,4],[7554,4]]}}}],["jj",{"_index":2911,"t":{"612":{"position":[[13552,4],[14493,4],[15776,4]]},"622":{"position":[[3190,5],[5061,5],[7686,5]]}}}],["john",{"_index":4388,"t":{"668":{"position":[[8616,7],[11116,7],[13395,7],[16196,7],[19376,7],[22518,7],[25200,7],[28707,7],[35054,7],[37702,7],[40278,7],[42859,7],[45447,7],[48548,7],[61833,7],[64461,7],[66919,7],[70664,7],[73914,7],[77026,7],[80511,7],[83692,7],[86718,7],[90159,7],[94373,7],[97196,7],[99991,7],[105212,7],[113645,7],[115865,7],[118332,7],[122476,7],[126386,7],[140042,7],[142725,7],[145443,7],[148460,7],[151663,7]]}}}],["john@blazorbootstrap.com",{"_index":4478,"t":{"668":{"position":[[28742,27],[48583,27]]}}}],["jojo",{"_index":3288,"t":{"622":{"position":[[3037,5],[4908,5],[7533,5]]}}}],["joy",{"_index":3327,"t":{"622":{"position":[[3388,4],[5259,4],[7884,4]]}}}],["jpcrr8yfa8mmcsfrw4tnte1zvf1e3+1sdgmslzvmrzdyxs69j7j49vkfl8u6u8plpjk+h3voelbtuczaxj+6ig",{"_index":3826,"t":{"636":{"position":[[2425,89]]},"638":{"position":[[1877,89],[5047,89]]},"640":{"position":[[2240,89],[5805,89]]},"642":{"position":[[2259,89]]},"644":{"position":[[2259,89]]},"646":{"position":[[1899,89]]},"648":{"position":[[1899,89]]},"650":{"position":[[1922,89],[4798,89]]},"656":{"position":[[1913,89],[5053,89]]}}}],["jqueri",{"_index":2242,"t":{"594":{"position":[[748,6],[958,6]]}}}],["js",{"_index":603,"t":{"96":{"position":[[569,2]]},"110":{"position":[[571,2]]},"112":{"position":[[235,2]]},"668":{"position":[[60367,2]]}}}],["js.invokeasync<string>(\"window.localstorage.getitem",{"_index":5019,"t":{"668":{"position":[[61211,53]]}}}],["js.invokevoidasync(\"window.localstorage.setitem",{"_index":5014,"t":{"668":{"position":[[61022,49]]}}}],["jsonserializer.deserialize<gridsettings>(settingsjson",{"_index":5021,"t":{"668":{"position":[[61357,55]]}}}],["jsonserializer.serialize(set",{"_index":5015,"t":{"668":{"position":[[61089,36]]}}}],["juli",{"_index":4,"t":{"2":{"position":[[34,4]]},"24":{"position":[[23,4]]},"86":{"position":[[24,4]]},"90":{"position":[[24,4]]},"92":{"position":[[24,4]]},"94":{"position":[[24,4]]},"96":{"position":[[24,4]]},"128":{"position":[[34,4]]},"130":{"position":[[872,4],[1341,4],[1381,4],[1420,4],[1459,4],[1498,4],[2245,4]]},"132":{"position":[[1554,4],[1840,4],[2092,4],[2311,4],[2531,4]]},"140":{"position":[[209,4]]},"154":{"position":[[78,4]]},"218":{"position":[[1323,4],[1609,4],[1861,4],[2080,4],[2300,4]]},"228":{"position":[[87,4]]},"240":{"position":[[1332,4],[1618,4],[1870,4],[2089,4],[2309,4]]},"244":{"position":[[76,4]]},"246":{"position":[[78,4]]},"272":{"position":[[613,4],[899,4]]},"280":{"position":[[79,4]]},"282":{"position":[[504,4],[790,4],[1042,4]]},"300":{"position":[[76,4]]},"304":{"position":[[73,4]]},"310":{"position":[[81,4]]},"314":{"position":[[1326,4],[1612,4],[1864,4],[2083,4],[2303,4]]},"318":{"position":[[72,4]]},"324":{"position":[[79,4]]},"332":{"position":[[365,4],[651,4],[903,4],[1122,4],[1342,4]]},"334":{"position":[[77,4]]},"366":{"position":[[66,4]]},"368":{"position":[[76,4],[2816,4]]},"374":{"position":[[77,4]]},"388":{"position":[[376,4]]},"390":{"position":[[1410,4],[1696,4],[1948,4]]},"394":{"position":[[505,4]]},"396":{"position":[[86,4]]},"398":{"position":[[1258,4]]},"416":{"position":[[78,4]]},"422":{"position":[[79,4]]},"432":{"position":[[349,4]]},"434":{"position":[[70,4]]},"438":{"position":[[74,4]]},"464":{"position":[[67,4]]},"542":{"position":[[68,4]]},"544":{"position":[[68,4]]},"546":{"position":[[68,4]]},"550":{"position":[[68,4]]},"554":{"position":[[68,4]]},"562":{"position":[[77,4]]},"616":{"position":[[5760,7]]},"618":{"position":[[8745,7]]},"620":{"position":[[11573,7],[14434,7]]}}}],["june",{"_index":34,"t":{"2":{"position":[[357,4]]},"22":{"position":[[23,4]]},"82":{"position":[[24,4]]},"84":{"position":[[24,4]]},"88":{"position":[[24,4]]},"124":{"position":[[34,4]]},"130":{"position":[[911,4],[1537,4],[1577,4],[1617,4],[2294,4]]},"134":{"position":[[24,4],[362,4],[620,4]]},"140":{"position":[[406,4]]},"154":{"position":[[401,4]]},"156":{"position":[[80,4]]},"216":{"position":[[68,4],[326,4]]},"218":{"position":[[2606,4]]},"228":{"position":[[410,4]]},"234":{"position":[[77,4],[335,4]]},"240":{"position":[[2615,4]]},"244":{"position":[[273,4]]},"248":{"position":[[73,4]]},"266":{"position":[[76,4]]},"272":{"position":[[1118,4],[1376,4]]},"276":{"position":[[353,4]]},"280":{"position":[[331,4]]},"282":{"position":[[1262,4]]},"288":{"position":[[76,4]]},"292":{"position":[[72,4]]},"302":{"position":[[73,4]]},"310":{"position":[[404,4]]},"314":{"position":[[2609,4]]},"320":{"position":[[71,4],[329,4]]},"330":{"position":[[77,4],[694,4]]},"332":{"position":[[1648,4],[1986,4],[2244,4]]},"336":{"position":[[78,4]]},"352":{"position":[[66,4]]},"354":{"position":[[70,4]]},"362":{"position":[[79,4]]},"366":{"position":[[285,4],[543,4]]},"368":{"position":[[399,4]]},"372":{"position":[[66,4]]},"376":{"position":[[347,4]]},"390":{"position":[[77,4],[2168,4]]},"394":{"position":[[757,4]]},"404":{"position":[[72,4]]},"406":{"position":[[69,4]]},"414":{"position":[[77,4]]},"416":{"position":[[401,4]]},"422":{"position":[[402,4]]},"426":{"position":[[75,4]]},"428":{"position":[[741,4]]},"436":{"position":[[67,4]]},"462":{"position":[[67,4]]},"536":{"position":[[68,4]]},"538":{"position":[[68,4]]},"540":{"position":[[68,4]]},"562":{"position":[[400,4]]},"616":{"position":[[5752,7]]},"618":{"position":[[8737,7]]},"620":{"position":[[11565,7],[14426,7]]}}}],["justifi",{"_index":1473,"t":{"574":{"position":[[6234,7]]},"600":{"position":[[6680,7],[9674,7],[12672,7]]},"602":{"position":[[11153,7]]},"604":{"position":[[2869,7],[2958,7]]},"636":{"position":[[7170,7]]},"638":{"position":[[7725,7]]},"640":{"position":[[7694,7]]},"642":{"position":[[6593,7]]},"644":{"position":[[6754,7]]},"650":{"position":[[6634,7]]},"652":{"position":[[801,7]]},"654":{"position":[[806,7]]},"656":{"position":[[6659,7]]},"664":{"position":[[6837,7],[9089,7],[11562,7],[13992,7],[16411,7],[18816,7]]}}}],["justo",{"_index":1896,"t":{"582":{"position":[[8151,5],[10072,6],[10154,5],[12392,5],[14313,6],[14395,5],[16533,5],[18454,6],[18536,5]]}}}],["jvberi0xljqkmyawig9iaia8paovtgvuz3roidq2mjigicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjarvrzk9y20x/3x7fvcvvmkzm0qfdmu2xjdqryzzw1iass5wfdymdo8ziph9fjv/7rcxzoljawozwranynpn7d4fd3n33xdaxuvbyuospv7u5v8jbivflczgeypfmy3txv/9rc3wbxzjcl3e3nakvbxzsemze3ktnm47sru93drco3dwu5hbqft1j7f7jlbzr6vzpvfce0+9so2fqdv16eo9pw5e2/797cqfwhqgjvzu4vqrelmtb/1nsh2rzsih1gx9gncomiyqvc8u7fotc5tm92ognynelozjddnvgz8hlfmiahruknndwdbwbkkgrhbpnoncunut+gozae0apnhgq60jch9fmtbxdzeoyxbuey15bx/mqwxwxk4k/q8ujzszoesu6ufyfxc8lwpau9rt/cqndj2h40t1g4+rlvyq6+nvuqfxdpn7tms16kfpkaptthhft+ulywbbpq+n+63fsd6zw1d7k0ypi8/q+xq2hc6ukdnugyzcycrhvt49v+anrwyb6+d/j7v3m41oejmtzio1qcqdhbb+bz33fwrxqzvty/mvnjor8g6sijp43l3wzmxdlv/wtvbutjmcidttnpw+mrfqhfrf+5n8p4aax17dtxfmqqtj56tdi32hszuln9h0rzd2sh7v3io8lntmphik8cj0gshtm1+lyx4yjx+p0m6tj6lzkdbrqs9ensfvu91hlg9209ht2imeogjoiry/mhv31lejbqnkw+r8spurl11jp6stbrdbiinedfn7dowzcdxjyiohzvu3oynpxag8dnxrma5y125l3piicvjub6fgxlgzsnkutfdqn2hwrup9vf/pun+now3a++1qrcq/ifkq+kni3je0zphiqfcr8cahjlyq9+rzvgyih64dqp7ippbh3djlbqlopsx2mbsp2hxsoh0+pqqtgp0ithpxsqzyqbgqis1quucpywy8r3hkyz3bnd3i5h87mdtpurp7gtwrhn23byfzcn7yen0xb/6/anxjt2fvvtggpzqzal5lxttacrheilbsxf2tjfwuzpupatj6mqac3o4k53coxcvjak+blq9/yzlglflyyfu4vzfup/4onmusaz9e9kpq0erltr7tcw5nmmbjwh+v3rvdb4roc4kyaxs4gejeiumlpx3ete9zcyequh2nqvkz73sukf6cvt4nfyohwnhazb8dotx01f4orj/th8qpf0z/ejbxoic+qh4m44i2ji37sanyrgrrgezsyc/l6ybfd4vh+62ogfed38xhfwwzclvaagofhx7e9ejkujqvxfkz3tnm3otkqb127vl8bnmmv5kcda+viwzwud2gowhqkrqb7larclcnxroce80y/34wtbxerhcuhnkmkyhxu6sggno2ltlehbtutwm86arkkbqt9+3wgahtsw78uhpk3sdnighrq9lybu1yqewnhf5dxiv6nnbnd7o3losbsistkit32qgzqawbkzjgtvotroip2lazqzteauvhgx7+wycpf93zuytovxm8iaxtnyyv6gcanuqfbarawwlta/edupitusdlo3zt/yldltdbc1qneshd/uey6c2x5kxgdxd9szz4ofe8klg+3sglzg5rkvljmn1cuey3qergarkukl1hvgaxbizakfx3rvyhi6kmf29nvhpxu5j06olcpctrbpbkz94tzn6astp8gotpnuxhcc1vhualidtn5rr7hp4juyavzsgwpiktbz8tjv/zdll3umttxwv2kjwxvdywvie7mosb9dcnmosotnxcfgaxqqfniog7h3slbgn5f8qa+l2/qf9lboe4kkuju+p3ej9ckndbmca3ytx9pqa3zz83s0vvugazqtaqle5a0pj2ht6hb8q0hmnsq4cteh2z87gq6mpxrkxtff9myo2lfrnd6uox9rzhrerzxjk1eqssmx+7kch6egzmxvjr/wkhjd6wqmku3hoz8ps8vyaxkxcpg7efawplxtsuee6qhkqufeqzxjtazkebtmxeu0/qmq1g66lwdrbtnwy0war5chq/tg1smlrodvedvqvr9ugu8sybkbasjxsus1da0pgpuzm/cgtwlegk1gc33e3katizaxd3s0bpcnnfx1wpjpftdjb7ztqlqetyngbphzi/dzwi90sgutg4zczyu3ulqgr3mr3fq3p4y2d0ofcgjbaq4vuoivz7u4riix5zhxymmhl6mciof5/m4yekxtwgxeq+hbelhzvxcnhru1zpyjytprqa0ghker2/bykkrcx5hak9mo9jbqxuocpniok8eidangjmtja4yppl8z9icfw2at+8jkky8eabccq8wul0dzdxbwk0yvkaxfqm37ef+tlsemvrqj8aofro/bhcazsolcwasxayqfpo5f0jtd9y7sii4apndnd8ntdn4obfywinmalre+w/bvtcfsbxayx/amuzzws6fxlonwbqyqthqtibh//5kr1dvuz3hes1d9xyjkpptmckctuqmyr0f7bjv6pnighrniggxg3dpajucf99vzptyf5j7hxbawzndho9hekequo60u7huy1ggfo3xzdwvcskpry0iab2bixxwdn1kf0o7gsfe/nmbp04neguko27xleuwy9htnbxrcng58hw7otebdefxaj5c4v6hu2fmdcqufkt+w4zgafoyy8lrlhdu/stp5wlljzlelaqukuurxthzriwug6ryexkpwljf6vmczvbigglmmmlhuq7lcxwp6ecgtxe+8/3+w1izyki7wynckyykjhalneaad3p3bp9fhordbjqb+p+/pt2myku4eybhdqt/jdbof1/o0n4zy7plmfmizfoqqkctgdtwtfbikiloav6z/y2nmcy4oduxqxmlogmd1fbetswdnwgmco4nurctbpjwslt01zcfolts68bfehvqbziqixswu8f/tuo+ra/pehg7782ce086quidx2rbyhia7y2gxnx0wcrp4hpbs8vn7o7aextvwno3kybuj3wfrmh2fbxqakmq2guuakg7m6dqagisqg3af7+w7wtzomwyzoc+yf+akpgmamoxbqixfewikjv0ovcee6sozvnybfsaqywahxw6s3bahu+ecobqy2e6ouzduohelifwqjck/syavawuqcujpyfuoyipwd07uqj7ue9u1gt58khiktsgl7e/sq4bkzho+zpxv95mzjchzxazjlweeyame3cbr+r6afkkckronf766rbrsv2zmoa49bpcgobkkbreiu1ko/st0am2yzumnejlpxlm30nwficsejpa/y5atyzkldwpdp3g/1lrcolub75wex2drasn8gxi4oucxn7jmqcb6rr0qjxldvcxi4a0ovkhsuaq3zdufyhlvzedaa6hbjuvy6xch3m+nrfbw01wcuto3ataxhmabnz+mkwowbyuy8q4xy89l2bczb671mhz4qefsajyqz2q52no8b+rxeewnkfomd4updnbjgwkyrocaoru6ac9b2oifg1hwcvgaq7p6sii9tkpt3juptcigl00rdykygx7h+kp2futk+bp8wu9wxundty9f/zesth4f1toao+fsmw/mtjylsgatpveow45chm4vasi9bklfwfbtvscvxzlzmgev5fkg+nckhm2njgkdr4bggkifnairewdkr3a2iwakanwzw/x7mvsj5xbfkoajg5o4vxlbvi3dzyu3xcmyfkd2azgkoqllnfoill4iu3tw0hr9+twjwtahjimd6btfcdm4yszvxizias42nno+is2d/cyc2c3xtp1bmv5akcfly4akpzgi0mkhuajjf5haf1bjqidkbzft+nt2r70hmrj4sxsj7whkn31/aczt3pq62t4mx5uxftnkiiohgptput0phokvem8cptf7l8+lqp79xe+oqlh+7tinr5cwqprwkchpslzxfwchharnz6svzzrkwsxnmnesyzlh63pmc9iab0zgsumegwxbgyynsoqpkadyniusc+hlgjrdknjxpn5y08/1wmkkrltgfzjtikw0vp3j2pd+rw630uymdxtbyzcbp5tpgmixscugkdxg+nqxgzqadej8rikauul0xzqxl6xevbqiplc4ykzc3wuji6vkkvzb76up8ub6cklskc5uu1pf0jrm0zcvgl8u68s1pymnmllkorahxlgbf1/lviy/qwsclcghcams+kr2ata7nv9sdvjlnpianzqhkh4slqesuoielj0fneifqfqdzvrmt5ojszu60jlzcgalo1ratm5vyu1oweymqqxwc+3yblqslb6kqjcmcvgqdd03n313sf4aaubka2miesb+6ka8ua72j1gjket1r2qq8lwqkmjggtlyko6yvwuk62ecw8uuc9+cr9elqijhvglk9xlw8qe08avmaoia33istmsyifj3khyxrlwg4yvht9nawqrdqtlcootasbstmaotllkutxmu2rawlmmalsdhgl0dfcplabmaessydzgsj53tt5gzjvusl+fkk6ueemckh478zsctedqxhufuvehxlmaduwruh1lqspsxmjxy4vtcc4ntj5zqcvblsurexkkmrwiwmraixotyoeg0zdci/ljrt1ptm6ctmdknv0xooegy5elvawys3igxbib6hklzooa+gvhoxhp+olshtb6ei5tevtmkx0m0qpves7shjcz3og+uzmxpe9fqgg48juuvae4gm/jrjhuabiecdi6m7ytybwj/7/p+7au4pipcgkskyez5l+csr3fyxf5msglwtisl4qbihbbrrastvjlsrnjrsvct/tbb+zzeu5bcmtesdrzfuucar87cuujumrp36xyvc9gyksvnwhlfzalxickcjc7xqzrnlliip4koximjd+wagoaetgl6xrdbm/nfqp+oeszag8/jzfsuazizudkwoa35bafyqvvl2un8w7h66+etahnax9dd+n/mkm9rr5bemukfkcvgotpj8ct/8hvotzvcxxpkeywq/uossyzlf4yb581mbcvucv8krdcoz5cjt/im89clc7gco0p92hjt6smhecqaq+expxk4nwic4hk9x973pqwsicps1+fhmanxl2wx+mthl2zqr2flsjow9htpwgkragircqvkmm92srqopdlrx8wjbclksbjlp8vz6shk7cglnr+o9dz7ydsk9bdhw6jtysidxyujltsmgwslwfpugm9z/fpbtrtnepqu83kwpmmsu5w43v1ah//zicquwie7yq86kar8hwhfrb93zfj3akw4b1/hfgmurd564hxq4duqlxtswpxsl4d5lyp1sckvheizuuaooy8cwom8d6zk6v8n6n/p37qrjdar+ouyl5ynliwlbsvr92mw3ipk5bgn7am+wfbn+mqpdrhya2fh3i8lttiscnjxf7xsnotf4wqiskdudaelfaewhjmsrvrrqyaboqetco7rgik6ryxlbnd4iswyc/ipqvdwngatr3ec7qz/lvt6x9mu5+menq1nsxvee/1p5bofepeiyijfpf5z9siqcpoguiuzwo2gyumc81rcdrhowlvugutyexkzfcr1yresgytckmt5omaichen4isikula9behbmbxwdl0qhfk8tkuqe03bdwblzak2czh/wt+q+fbj9k+0pwg++gu59xu644xnsr/axh6srnzpsrzsjgs7hmxzurjvizyb/mxeqf6qb507/k72nbwr6xa02vbrfwhcm40utaj4jyf/l8r7htczkpywypylameiy90y+qox76pttzbyja1ueh6km5smqb2iloofvld/qnslolwcxm69ppxtemzuokiyme/euogforc7q0kvskur4vi6uvpiq3mfu+7ryv2bs5xd5xv6k1sfb4nvqlfj/b3kdw47pkwrg0rxoxm47an+vfpf/rdyuxl37n4dm2fvbjxrfxmospexketqj34pwxjoaukxqyeriabl0lymor08x9v14qwohuzxpbnobrnopep6gpylft8unrnaqdswkzru4dljtyzbkadigk0rwus8wpldzxep7bupe2+b1y46dsgqww6f82vxeuhsez3robwwqd5h7/nclhuuhgc94xpjqazuaaek12etxz26u6z/wf3ueu0zw5kc3ryzwftcmvuzg9iagoyidagb2jqidw8ci9uexblic9qywdlci9db250zw50cyazidagugovumvzb3vyy2vzidegmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgndagmcbscj4+igvuzg9iagoxidagb2jqidw8ci9gb250idw8ic9gndegniawifigl0y0mia5idaguiavrji2ideyidaguiavrjiyide1idaguiavrjmyide4idaguiavrjmxidixidaguiavrjmzidi0idaguiavrji4idi3idaguiavrjq1idmwidaguiavrjq2idmzidaguiavrjq4idm2idaguiavrjezidm5idaguia+pgovuhjvy1nldcbbic9qreygl1rlehqgxqo+piblbmrvymokndqgmcbvymogpdwkl0xlbmd0aca1mdy2icagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42ru7y5ljtrx7/gplj5w7gqlg00kwdswpjkvgrms67ixtbuvclwykuizi9yip++/3vmchxb5xpe7dcma5aagcndegr58f/vi3sg+yie+sapn82mtrjlu6chweb56rn7z/t01ph3dposy3ns3brqqbf24wtcwvsj1f6tme56lvitlufnn+fr6qzl6gihveszhvqvqau9hyobw9ddj3vhqtb1qnrrr2x6kxuy+wk5eip06rgqk2tyolgytl9oyph3l0ykovf16fdrev9enett3ootxw7ls8/vsuo7xtt1egfy774kcae5wxtrncq4zunhfogbh6adugu2hv7k+dbxpawihlsmhjdw+7oq/bbj8uh9v2wcxvdsqntr0enfcpii9jvrj+zw+4lnvhwrjyzsbw3glac6lpi5o+aq2cto49jqtny9jaq8ifzctqddutbqu1s9fpoayql7v+hmzhebtlrwc1xd/oyo91z/25pelgqp0tz6xdpuvhup1tp3fxdqwmwbaia1y8gwclaoa8o3dzntklpszgkfo4ljqah50kt0v9kiyutjb+sjuupa0czs9hafpc0+vuystxtnzyjtskhgl0agzq9i+mw9ngxmfn2cpgbxtyybctmaz4086/em9fbio8ysuk5ap04gmb1yn044m2qwfiuncbtjvrceffs8qzdg8se7aoucew9gi1oidifwbzem/v0s/abc6zrncpvibi0zarlth3+mwikbe4mhomxebe7rnjqc0wxbygur77kv1fdd3lwqqk7blkiyni2ryj3hjztggwcvmmslbaqxzi2eblend1xcmz9kc8e4s8ehtdd3a8jzet/pbenidrne+nasyivky0ewuzihz4qwlwbsr9do0uboqpi2xyyodmhvwayfpco8a5cwv36jyya4ex45u65ykghzyppdh+z12pusykiro6rjknqgvpdk09t4m0azdhnpf4lli2l74+1/+23dqwgcliadodnn54t+wmntgrvimruhblk463tchamgbsibcgyrrllm6wj5aeaa4mtmioc7vi0ves9flysmeqtli5jwjsguqdrpr9xhhzrducksawthgdsi0v3hvneplnsljxams8mvikfmxqvm7nhyzxp1cnijejdjbg+o9h24xqrvi1rymtnygjtnicet+rqvyi1oufyloyvs17rotr1inzfz3cajge7tvqasfzvgxcyxdxezswntu2n4n/yk77d98vrve2jwsd7a3rj51ftbgajv/2rvfr7gajlhkpx9dlkzca5wbpsdtbgieto9qqje129eytc8l14kmotamtkobgiskquon7hfgiq89y/iru2qf/cyxwumbjvxqhkykc2qwtysqtjhpvtcrcksezsgwsg7rvop2jhqigwjwytho1dwck8kycox6zqfilbqasmkdfyw4oxomsrriw40dki5vlvth4cbvqieyyf4dgztsvzwgxjrzi31kzldplnp2xbzkuwkho13qijvgkhzo4mtkaqgtirgvq0susdtj1ykby5yy3eaiqm4wqkahq7cyaleu9au8rz8f7y6tytpuvehmbqishocgn3ncnas4g1fiybdskyvqsfkdqo+lmnroh3yhypzgbrarscbktwaga1z9xzpo2nqxapccntqnyi4xzkyizafmnl1ndeuwkundjztkasgxbii1cta444ofwbe6yyt+r1ax2xq1psbi5fmvg6e1xjzgfjm5e79no0ahpc0gfta+uxlcg6tasxkxe0xhicgyfgc9krznty+wljboua7rq2njoz98bfs9igbgi84hzdm/hbd/umpwnfftyzhvyc0cpwfxjdr4pm24emi8i9nk1e7b63nhfgt2fnsurqqydscjeczlm1ut3dixdhqhfh926fotzrauwkg3cfprt8oxmup1+6ljirvclm9dj6ekqvtoykzoy4shr4rjhcxhnxaiz7/haeo88qpqiikl/n94dzifh6chakf2nqaqmwrw9g7o4n7athmrxjsg8xhqgzonk9m3yybieouoq+ep2n9a94yzlhecubccqeeletjbskpshmawsnnp2j6bwc4scemf1govriayroogrpu3cfa/mosrkhgol04yacmfwzd37bqnj0nqbbarou4wgdj1ibbcp69ioz7uph4harh6naxldoke9zsiogchayke2y8tkjrw9f0ke+hwjdaymxyht0a1kfx5abihlayv3khnzd8wacga+zhidbjgocdjy3ikbfhfrygonxxhbaoeircfbyix8torqpd0fj4fb4+jkasbqqosre1w7o3vvec6kk5fp8ymgzejrcgra0hsngifkqnjmjdoil4eztyet+fneoesxk6eqklrqaueeas1w3vtgkuxalhjhx4mf7dxdpmz0k1gjshdktketx/fhdpcytcwgj/frkkiogswt7qvoiubyflkz27lmbubd4iqkatf92ns/dhtox5t+gbmamzvywmknmp1olktru5xrzl6rimcldidkzyzdyrqzt2/hzc9dgezexyovmdeebqguyxomduribdfgjvdpqjfxicz+opjri3szsz6o63io93xvdq3dg8pb9iamzgciwyjposi5dmiqakx8kvhem1izkwzbxcm1uiuptv0cvo4lewa0h6evaztaniqtkcvsbgxdngpwjl4cbo5702pm0abxlfart04emkjwz0b+zilbksr6wnhgap8xxapu8q2nwjxqminyarwk2ah0yxnfzvrqsghbdfyhdtj5l7muxjcxjcjjsmoqtlupepnzwcqjpumu8cifj+hnolk8afbiuqdakz9qq3h5ks9fbif+qjorr1mck3id0fzj3ch+kb8hkpaydl60dz+vnzgwmbbri2bc+5iag3qiia+lryyodwabbrzr1dxodxeofw7tc+wau3iz1oa2g3s/7xvhl0qdqtjgu9uzbm+oezppmcix9/c1hsh9ur8qvuiovol1zz8vwrstzya1ullqgbvjjo/8wffwkrdoro4ymjnlrincpnucbfdvyv6+k4sadmzvsdkmcmajbihikqsdicdajoq3dv2okl8vkcme7oeyqy+9fkzzvxrixfdkbt96faycga8xin+6923dj8tilrcho6jxc9ivdrjcjuqzwfpuopgqcd4kgjis0n8lxumg00kmlvmzolpecx/yivfpmiflteatshm8zb5mqajyboakg6z73hmyhqa+2r8h3xc5toqg6jzajvp2vjorjab4wrb9wcf2zkkk44gofv2ykjnlv0n8ydyevtcnxanqn8br+jqylajqrvixnqvdttifhitbnnggfsbcelgkforfh2hzqzxnva+tt71jyeeauxz/g1xol3wemh2kwxkfr/cubkmocrzxckit+qhdpsvhbyegah6mt7icqpiltphuwuvu1jldzkka1+x00nzasdm3rvisdgtaafs+gcdpywbep8eoalnsyocvjz2wwfhq80wh8or+9j4ssjozjujllgl13rkt0e4wrcf1obpn/smkqt2vliewlo//s4kqpfwsfafhb4cxgyosy/eca5f2ijs/6jhplsznzrl1lnziw9k1xhywphttmwvi2ekuowhehujljdv/fyimk+jmnk8nyu8rnbnf0vj5j+yfilyqcpmk5z77wq2sp71nga1qz8ksasdommeq7e7rxzofudr07bxnvwuxreovexuvl8a44u7pabxzpdek+7noz5kdhbfxz+a7trjqut5wuc9a6kkpazbauaj7qgxl6digxtzswah2uleuymwh6600om0418wwqtulgj3nwtak+pfzu9/q8b4nurgwh2m+qu4w7sqnplcqsjppdxsar5znz9czr7bss7hx7mrkd90y9fvceqevg4eol+rjo0x9aozwxq5810vdkunfuycx1npo1ihdotlnj5phi1rhx1dxgivrgmxi7y6834so4gwyoebfimahht5f8shw6z7s4e+lacwx5uhugoxn16iy52r4jlfuifdnxwqqrgbyy5nosq1hy1cgddovlnn+orfz8sox2rmt4kegbjbj06ommx9zjdk9qwe44takjmwe90x15ivojpkoij1ezqxyzpqfy3hdpjk5ulvrznjljmlfsa/rwrhysrrnjsrlmiuxqwpktxpjmsytxulfd/ke4fbh3b0mscafjrilpzcrlgqehyvs2+93va73isn5r+m5vgjuujyohhqjolf/tjgpkj4cnhufry366wpxds7nprsnw6r6wdfnas7avzp2aply8spjpik++begn6ajxcyyuq3u+yw2ipl6xpb2jttmznwbtsd+kznukigoaiplvlunwmdsegpiktj8rzbgzcvfunb/wkd/ziukq4f/8uxnb2ew8z+vu9lgecqpthcyvvwhswfbupup/oxg3g8yfoff403fn1zohcne67v4unifrp4laf3onmtsf37wg4umzzgymy+/ld55ke5udd0j4/8huq/fpd8owicbttf4huahfyoramhfloehxx9++ixcva/h5tuhmda6yzav0agdlutr5vygtr6o0eqecnr48pcpccqncc6n+arf0wm6nx+ymx47ukga6ihw+rf6zsdbs7cw2vybq8chmhlbcroexagd2f8vezjvxw1f64d+id91yrbfghjqhabnry93yauhcrqab1gysgvvsgavyes7eduujqmunsv3ak3dj8k6g0q35zissfh2xxhlkqkpkiervtamwjxijp8mne5a7ambt6j9bdp4qsrjf+sjob6763i9khqozxqncj5rahj7897cnfxlyvvgtfajvarhcesek978cowrqqcmqde8tszlbwvgj+/oavpxfjho848zdr0mnaxj/yldrqejoizmf4chtw4co7i7fjrkb3xwxuvlofryah96tgcrmexdjitybvf/9ztgobf/ovt3vbn16svgitpbjtwcudgdijg+/+p6okj89vhuw/m8lunaxvw1z93fy+4omzxipd6yy170amu+lqbllgrpv+4156nufu6hhiuiq+b59g6xksjsor/bfnpk2pn7htx4l46h337gxow0pzed9lhrpazc4df8i8ev27z65uipqwjt8feuwsrog5txbpcq14lw+7ugfnecjackfaihak4vmhneefsu/plhkqd98vj3a89ixiwgu5qbwidfn1+echg7fzdez4uj9u4rdc4++tdj0jk0byevfqjcfosmtphd4nw9gtfna5po0tnarog9kndnjoi0fuoao/okzi70wn1qhzop0oumovj+wjnne+frzk82i4uvichhacd9pfxaki77emelipc5nrmyp1jufh9jkoan5aflkz4+gn6iy1ghm/v+chp5f3c2ojxbzpjmzgyhjclooldamellrk+xjh39s9yj3yzjbmyichobfwcxk9c89y0fbxw2bekfld2+zusat9hvbwnh51tn/g7tpyxew24rd9ekpuikjabhpgbvyg1ths/aee7urj/9fbce3vi1tsx35jymxglarzwnwyn2cc06pyzc21weldctswqfpnoe9vvx9feppawc6glhyfemzxhy4egya97rre89agvm25sdbcyawvwsr3uapajlg2+4yr2fvyobd7ffs4ps4s9e+k9fmo2/+stodtaed2m0nb9q+efqrjickjjmezsmswxrhjlp14cncodiy9svfxqhmpvka2eoumigeihj8zfdckqxlyaa27l7uxmte1guvj0ej8abhblkjficeib1jh++o+aktyazkwg56xcvkroskqqhlk5hea5ftmjmi9gr6ypwxev5metlo1vuon9gapibgczx4mtpdji9vz6m+qisy1slqtoeqam6ifg3i0uijxjyad2tyx0vsa5sadeku4umg9xpa353wndrjwv9w7i8gsnyx025j0jupboefeaci5ldndjwkso89e9valt6vg/hdsd7723/av312ejrfe7c4a2fgxyjeekivizwdntlloq0jylvgjndnn7eiiwwfdcoxvdvghes5i8+cw0mqthk1d76baid/v8fm/4xj8heux5kgfszmsjxwxbxaxu8ejglpicffe6k3r2upesup9czd0kztvgayeipapkjgxuambee2b0x9mjat0mf0d1urokt0lf+9mf9ucvax26cgkr95q8awb49txb0ccbmrlfg4cwnsf9n1cn3hx9soqn0zvhls35lmsldpiyfpzsmlddhbnqwiwsuwpzildcnbx5kdjdpwzyvrfyf4qv+5m8s8nwdl1t9k5obfuqxof5fu9xn+uoz/p1j/ketv4gsvzlx28t4177lzalzvhlmlycwwcswnafhilhz+bji/mdee1awtsbleuueipmrhslrcbo/kqx9zh3jvt0lmthp7j0yzxexenxwtf9y47/trparbnu6zh28jp8/whlaqyiijfnentbnoxsdzl7pmwd5xqcw4uqduehawfhbge/a3ofvogysjfm3doa/6fnhuwe2vteikkfiwns6zjnqagh+db8xm4xp4agrp2nklg2oisgugl23oj7xdcy6pflnmdt2r9dj//jrp8q1sxw4hs0pekh7incrlyfqjofv57otahiruthdgbpxlu8/dmfmfr1s/1fat1x/30kgootvcil/ph0r/bddejevyn/hknzxckoxifto1fpd7wp0ggh75di/6fnp7t9u+eoyv/qzlp8ffuao8gvuzhn0cmvhbqplbmrvymokndmgmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzidq0idagugovumvzb3vyy2vzidqyidagugovtwvkawfcb3ggwzagmca2mtignzkyxqovugfyzw50idqwidagugo+piblbmrvymokndegmcbvymogpdwkl1r5cgugl1hpymply3qkl1n1ynr5cgugl0zvcm0kl0zvcm1uexblidekl1burvgurmlszu5hbwugkc4vc3rhdgvzlnbkzikkl1burvguugfnzu51bwjlciaxci9qvevylkluzm9eawn0idq1idaguiakl01hdhjpecbbms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdagms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdbdci9cqm94ifswljawmdawmdawidaumdawmdawmdagntu1ljawmdawmdawidqzmy4wmdawmdawmf0kl1jlc291cmnlcya8paovuhjvy1nldcbbic9qreygl1rlehqgl0ltywdlqiavsw1hz2vdic9jbwfnzukgxqovq29sb3jtcgfjzsa8paovq3myidq2idagugovq3mxidq3idagugo+pi9gb250idw8ic9gmi4widq4idagui9gms4widq5idaguj4+ci9yt2jqzwn0idw8ci9jbtcgntagmcbsci9jbtygntegmcbsci9jbtegntigmcbsci9jbtggntmgmcbsci9jbtkgntqgmcbsci9jbtugntugmcbsci9jbtigntygmcbsci9jbtewidu3idagugovsw00idu4idagugovsw0zidu5idagugo+pj4+ci9mzw5ndgggnjagmcbsci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4az2b23lkthgg7/kuviyrslziwnntnk6vc7a9vblw5uiezuzkrqu1jdv2y+zz8v0ngotmccstvvujwaeadebh998n6if66/qh+u27r1fvhmtxp+7qln9d19uxhpphx3+o3/59/7dbf3r68epqp9zs3lkxtrpqn7g6hlhe3vvvv7pz9e/vtaalcw7rh9pbi5owfm6xkthwbgqiuinag0o6uc4vecg52rvoac3ilcjmswtumwv0c4vjqvpxjrh93obyxjshgobfw29dxfbhn9qh+txirmpmxzqptwatxgkxztjkc4cmv/sxzhmutszv2/st/vff1m+/2r+unm5/2r+7p9w/3n7tnx5ud1p1tgjjj3xbtd413ihvbj+b+qbt6jcotvff1b4pzvsqh9oprplg1+ff/abwywybghp+tnrqnl21k7wewh9xhttplylwksugvj3ujsfbx0sdplrudbols8o1jvltm/2wnvg6mvphc9nvhypx/xgq/jutxrtvbw/a+tt3wotv3rj6teyrhh0n+sxaravgh1im4jiolq9vcgmtbsxyv0+hrmmzp4o031mhj83eusxnh1beugkfthrfmyunsek0zwrej3xuqqkjuyepmtdfp0w7xf0tuc8nsu0n0u5bmzj3k5are8e0fve+bmo6q2/4/zc+nih0e7mp9xuoyr9c07ja7z/uv/nq49p+4dpd/uml+v2/6y/fpwp6cqermzxj9a0n1wtwnyvrjrci+h7bcsrrd7887xf31/vhrebricjaxwtwzwbum+ifkeoaz1uapafgab+bsruzpvhrypaf4kmwozd/s7cslo4z4ensdpa06axw1lfq8pbbdugjzem5vgcefpsbxjpmgc9zavaf6u/qyl9/sjvx9q9synrgm0yhxofazvdbgvflinq2udnxnwdbxqjdzeuebh0tyj6bg7stoittpeqctx+attnlapx3ogcgn+wmb0of4hnzixzrfygdvhnislytnm91dhpemvjbemdytqhtfweezzt+5f7j7dp9wxfvrxxvsvqnatfwnkv9l/zijcivvqe2zhdabmmbplwc75u+opszjxtu28rsfwhrp2hizajzfj8bxhktz7rl8s1rqw9viwlsmyevayelbnrjhwq1ta1jnuwkushosua22p4nt7l6htibqwnyoyb/h1/2qlfkvsw/ftb8s/rghmbhaobs6em1zjllzwgnhdfcsfktuisxdarmy9ppmktylulxl0fis5hussmgajx43mkux09c5644lu1vfw2qn0kv0wvsczifuyupd0nyjkpympdarbkslfhvcnjwmurmqrm5h5xkqsru8ggqhwxd8iaq9ychtc6pkil8y8pgfplj0fclkidnbcod9hl23vdbrw24d/hivemy1hitfna+wvy/xc+mervgzwnesriuz33ozp+fv/pm25s8iy42rmvabpxje/+zmnmb6kaoh6vdfph2sgma8sby+crhlvyxwejxgtmvmtbd0mpkzzn4bawceb5gb2y56yzufndwwx6kfexdggchzutljl8owo/gnm83lmr53w+yiedmhudtet94jykgicx0lm84roex+ty0egzg1gq0psjaomjnbcztvjjji/vedf1iqjia0ynrg7g7agtwyovdhafqg86m1ap9r2nmmisq14imzq7ypn7ou6p93e/npkm0uh7jynjd0db4n0rla3pc4c8sci1lz7u0cumxtvp031uvwqodpsc6st9d1fynuqvmxmep8bie1oi0viy82qnkwhvaok91ahflgmvsgs6apaje/ey6yswp6z0wp9vcv/rvoum0uh4nt7bxfx2tosh8s1qd5wc4fmhtsm3acczhrchmng9f/rzf/fhk56y6pzox5bgnr+lwjjhx1hqrmtue4v8u9ay0tdbruzneehzr7+7vpt0e9tf1jk24kni5diweckpi+8+unorg9togjdm1m+vym5os9nf6+gchqwv87h0jxo2tnpcgwdas3ddg7i0jdawczueba9n55prohu5t7pj9bzyqb0scgbddinn3bonze8zxpgrrvdn75loei9fy+kvjvi5lnc3pic9t3sa+ywi7meoyu3eg5ig2la+o2nawmdtpkbnufldkyqenunkjc3o5v5mjr6u5mnx95xbh7cabkdxams1oojxtlpk1jdq3r6nq0fnlpyzobbthdqcedadu+esfdyt3ojm1m+lopc1ny9sbx1zsdcxoo7nlmg1fmxdfro7zqcrtl35z0nlmtivd9ujnx8xibvfymeqwp1w4avypidzmr8xp1olw2a/kwvzapwn2sjnkju8e+nky5qswkpt+nspbnf+qpbesys2df5kbnm0czxhqjk1qchk4gg8kbjblkpyuyorc6jejsdmzwnmclkrfarvyax4pc0pukzht5lyky1unils6i+earbxymlmpqzzesjgxd5wrx4voq+9h2mw5uc3g3txxz0n8tex2w8ffxw43rb2a3x5oljvbi5ee58df8kp8okjijrovz+tiq9j6uiiexavpdy/lxzt61eql3io+kgclmakql3w0nqqo4fxjuc7cwhqstzwczwd7yk8c6aqhb9iwnpwgfdoxhgpogk+kmrsljuua10kaxsra6jwumswfpxsakpm5jg6qxns3y99n5irhkfdp0b1ytij+rbtszckj7dsjako/hfadwbgra3gp32z0pfpft6ekxj4m1elwtrezo8tlrxizphhrb3r+aukvcnilttuobpvcgfl75stgbvif6qfrpmek/suumvf0ghrrtn3xkvnjqll3ter9qqwglcnhjxjfijjib5mlx0lopazy7k3gi2niwghec5mx/yhneindr2w8jqigquaftq0km4aobwqafnnvn5u9x1oz4/nkudbmbdmso+v6iuandj4vz1tiirt2anrq4krr3qhj8iybviac9kbnewwq5/i4uoapp8zkqzog+5oxyacqefmqzs+nkyykmeondy7avmlgly2wd4xddosro/jvuxwda0s/o2mf+beo2kknajprvfvyjplowj2rudcumvifcfmwz9q1ufmxu4jgfszknawfmuwqwvrp1ft1xd6ziftjwq1s5whntqzrkmffdvbokcu7su51ghlpc4tmmzwsk8kezwxtvdfqcgqo/cgt1svwo4rduijobh6xdimcqltiqcorcqqqcgnuncomk69vgwkmp1jh0fnlpyqazzde1cmfayznkgzbmkr/3l/9teqc/lcsvxkmptowdirrncr0u6kvl70c/l3ipdfvapzc9hdzkfziyrqxvnqq2terpffe65d8hlbpbekiqduiu7nrlnthmwmvnmkc+e+wu1ydz5s/cfq6okspxxasos3m4yw1zexilqcx1zl5kovkpoja5bzri16zfnciv+s52z3plochrt5+0sj+7mabsswtgoxgocitonxpt56wlzdlgspevbyumpqcirvd6ejgbc9geo8joztivinxg663miw2btcrfspec3fbegjdjhdobudcj8hhpuoiz3sigue7gylouwhmlm9dm7tkuuqfsm/o+tx7xspnihkkutzyqbib05thh4fruynhbshhqbexrmhkozjpsgwkybl1o/fsey7eiegyxbyt5tsgpaxw5rf46ckhjja4w2qvi1tnv9ntm1etbdcklzm0pfzwhmeysubqlfbsmjj9oaa9tw4ztqy+7iymibmem+bib+7fewhcz/cthmn3bcm+p/srrsp8p+qgebybgytwtxqm8/nijgnqvgsj80tlrsllgv4zykutd4+qdn1twrqtdwsocbsbxk1dg+qb2j8netr51aao5fegeyhjmkpkhqerjuwe1ei1swcoxedc38fbhgvndancewy+kjptismfwtjzrd0sjonk+8lzceihb0dyuoatqj1jzs1k8ea9y1qghx2xo6wzoijlrbtn7ltzu3izbwae1llhaijlhujavphrzptz7l2ter+00ojtyas9gjvdoltww43karoytwjxi+dqswfq1zjghr575pzh3ej9okxjblqswl8msc8nb5ccvndldpckjzvlijom34nr2pqyigptpwrfhoagsiew6xas7xvs5pqhm05a0zero5+rtp5grztisdnkb73q6aqxvv2gyfeveur6un+6qohbtnjetfz4q/dlkywoy5a7jsptph7ezjdpqfff4ndqvphvrubvjtrbsh419+bkzr21wvpf7czlknjjmgp25oly9b3bciil9ree3it/p9zff9popj0rmccq8az8n6z49tf/2uyemeku1cur63oi4ig4manz/w7ut19npccn43zjo0337f7n222h8lic3jl+dtszdjzocwwvvr9/enpewyvicjhaji3mx+nypdjt3u3hf22mqfyrhlls0rmo5kq4r7wwonfxf58tzhf1fuhyx9vhm/rqwpsfu5bigejwbqfpz20ovnlfxv9kqaahnzjf83ktyoitt7c9uz9cv/3+clx7z+h28wm/fwcqx8m52rt9q4eu9byjlg1d3ebh8hg4yvn92pubkidr0m1qpscamtc2ophnxf1d/7ija1lgmgxpem5xl/wdtgepdq6tbzqoe/3f26ebbw1fec7ipguzu0q8xt3t66dfpq0fja0cmcgbo4gyjplsrmq286osbmj8ehu9r3x666f7bx2fkyupj/mdktk/tih8folm1rzvf1a5veptq12zlu1jo6v7288tcw3opxyec67px3vnf1pzwv7xl1+rfv8fpnjwtk+twjqrnljnlguuusevyy68bbgkhgjbksuef/wdblksfyfrfngemk+qsejysngj/3tef3ncfarjnlwphiifklciuv4iu0fwkpey9k+vekdmhws5elsnhrraz7dzrausy1mmrbeo0pq9muu+icesorilyr2n6+ber3rlg3nugdxokrnjxn1ikgpux1pmnrgtthy/r1ethbxsafm6jd6vy1eetqoepkix+d2ixhbih6ychw+auc4mvifrnkmgxfswfhavbukd73ghlcsflgtkooz4i2oaluk060tcr4a2pebvuslbukxj0uvcpyevz6xrr574jv/kbalr88prbquniqb5c8leb4ggiwkkuobl/katseyxqoeatccxog7c7xegskugywp2p9ciewszuipl5qlo545qaolnlnyqzvcop35ttgwcrncs6ymyx4wcazskukuj5frwyolo6qw5zf3p8lpvfm245glwh00rhmkfkjbwxeuggoiqzcioe61fokyh42tu2eo2wsp60aqcvlkdflnmztmzwyzr6yyemjnm8wibvo4dsh1vc2cqnu6ljvihd7q0r4nfy/my2pv29lkhonpmgg1v9dziwyky0wzo8zpdhaz+7af9g1jc5rx/myib3qwjq7cia7txbinffiphysdemxoikdvkski3akfv7q+oxcqrktqhdlalhzniu00x/9qoxcsglr11xmaxvhfi06bwzctajderwr77eo2rtybtjzaqn4tvtlhyb1mdpaopv8raxv4epidly1fwa0higj0slrhjvmbehxgl5s0vhr5tzytlvdfc8pxg2hajwnnzw6ijocq8k3jkwiwhtczjjfb07mwv8wevqnmgubls5azlfi6pn79meaxi8znigw3k2gvsf4bl+yh3ew+faqx0ce6xp1hlofp9xqgnvdegsq8zgmadx2gvkpixmzgjij037gvrcurnyktkdjluxsbtpq8zfklqqugkhroa0valyey19tzizzx3vz33wph4boakkiusqcqw4cp5zvmloqum9reqtpzqrorepmxeqthjrzuvwfqvlnj3ayf3aakseaafwvjgpwccs3mwtc4qzpc0jcbpqkjmetvjlm9a8lf7q5kfyc3weaivpjtx1zuoa/ejb4b150bykvrznggwgz9myz9wp/+j+nisj5bf1n8nslfx8rimdquml+cjl0jjuvlljxnwtvpjhm9/ufv+/ld/ab+kjr7+pyug1rtlbmrzdhjlyw0kzw5kb2jqcjq1idagb2jqcjw8ci9bdxrob3igkerhdmlkie1hbmrlbglukqovq3jlyxrpb25eyxrlicheojiwmdkwmze3mjixmtawwikkl0nyzwf0b3igke9tbmlhcmfmzmxlidqumi4zkqovtw9krgf0zsaordoymda5mdmxodawmjmwmfopci9qcm9kdwnlciaotwfjie9tifggmtauns42iff1yxj0eibqrezdb250zxh0kqovvgl0bgugkhn0yxrlcykkpj4kzw5kb2jqcjq2idagb2jqclsvsundqmfzzwqgnjegmcbsxqplbmrvymokndcgmcbvymokwy9jq0ncyxnlzca2miawifjdcmvuzg9iago0ocawig9iago8paovvhlwzsavrm9udaovu3vidhlwzsavvhj1zvr5cgukl0jhc2vgb250ic9sqkzzr0mjmkjizwx2zxrpy2ekl0zvbnrezxnjcmlwdg9yidyzidagugovv2lkdghzidy0idagugovrmlyc3rdagfyidmyci9myxn0q2hhciaymjikl0vuy29kaw5nic9nywnsb21hbkvuy29kaw5ncj4+cmvuzg9iago0osawig9iago8paovvhlwzsavrm9udaovu3vidhlwzsavvhj1zvr5cgukl0jhc2vgb250ic9usvzsvusjmkjizwx2zxrpy2etqm9szaovrm9uderlc2nyaxb0b3ignjugmcbsci9xawr0ahmgnjygmcbsci9gaxjzdenoyxigmzikl0xhc3rdagfyideymqovrw5jb2rpbmcgl01hy1jvbwfurw5jb2rpbmckpj4kzw5kb2jqcjuwidagb2jqcjw8ci9mzw5ndgggnjcgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggmtm5ci9izwlnahqgntckl0nvbg9yu3bhy2ugndygmcbsci9ttwfzaya2ocawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0ieaaaaaw6d5ux/haovqyccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcagtmwxnkaawvuzhn0cmvhbqplbmrvymokntegmcbvymokpdwkl0xlbmd0aca2osawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmtgkl0hlawdodca1nwovq29sb3jtcgfjzsa0niawifikl1nnyxnridcwidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqdviebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawaegqfo0gabzw5kc3ryzwftcmvuzg9iago1miawig9iago8paovtgvuz3roidcxidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidexoaovsgvpz2h0idu3ci9db2xvclnwywnlidq2idagugovu01hc2sgnzigmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tb2+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbp6bau7saaflbmrzdhjlyw0kzw5kb2jqcjuzidagb2jqcjw8ci9mzw5ndgggnzmgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggmtayci9izwlnahqgndmkl0nvbg9yu3bhy2ugndygmcbsci9ttwfzaya3ncawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0ieaaaaaw6d5ux/khvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbg4h1gm2yaawvuzhn0cmvhbqplbmrvymokntqgmcbvymokpdwkl0xlbmd0aca3nsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmtqkl0hlawdodca0mwovq29sb3jtcgfjzsa0niawifikl1nnyxnridc2idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplth+sfughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwyeb8yoxiaawvuzhn0cmvhbqplbmrvymokntugmcbvymokpdwkl0xlbmd0aca3nyawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmzkkl0hlawdodca1nwovq29sb3jtcgfjzsa0niawifikl1nnyxnridc4idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplth+echvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwicbmzbc2qabzw5kc3ryzwftcmvuzg9iago1niawig9iago8paovtgvuz3roidc5idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroideznaovsgvpz2h0idu3ci9db2xvclnwywnlidq2idagugovu01hc2sgodagmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbwmdwyiaawvuzhn0cmvhbqplbmrvymokntcgmcbvymokpdwkl0xlbmd0aca4msawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmtqkl0hlawdodca0mqovq29sb3jtcgfjzsa0niawifikl1nnyxnridgyidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqo/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawzeawm2xgabzw5kc3ryzwftcmvuzg9iago1ocawig9iago8paovtgvuz3roidgzidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroide1mqovsgvpz2h0idu3ci9db2xvclnwywnlidq2idagugovu01hc2sgodqgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dcbaaaaamog+vnf4aifughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagiezmgtdaaflbmrzdhjlyw0kzw5kb2jqcju5idagb2jqcjw8ci9mzw5ndgggodugmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggmte4ci9izwlnahqgntckl0nvbg9yu3bhy2ugndygmcbsci9ttwfzaya4niawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20hb4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgnoebttiaawvuzhn0cmvhbqplbmrvymoknjagmcbvymokndu0mgplbmrvymoknjegmcbvymokpdwkl0xlbmd0aca4nyawifikl04gmwovqwx0zxjuyxrlic9ezxzpy2vsr0ikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbhzrnsbrhgmf/s40esqbrlwjf0mekvcyluglt9stttmxvtalinx13nrxnp5ndluuihoiydywuvkshie7houonokqemxwjoknfeaveirb/o5o7y1s+mdo/ez7/+3y9wwbvj1koy0u0ymrou8nemhz6dezb/bpvqeyuxcndczosiqgfqzxp9wv1lrrpwwqusdb7nnyrdpkqudqqd2qdpix5podjki/kntw1zyqbe6k02se3uepjtvit8tzsimddnbaeavs1u5mzhjdxijviluujk2m+iot22rtj76u97rlt1ldfydc5c9q48v1a2x5g04ukbcwdhtwddtdvbpu1wm4rypfqxfy96c9h2fxkyxxq9smp0rhr+laqfa8dnt8afl4vlx7clpv+3meo1vhumgpu0deymoulenqb7gb85br9i4oeffulsma5jmwb+q8anz8c+x8c2x8diwpgqbwry2w3upliiuccdoacadfmtus1zl0/onxwaixwzxtndvrksjtf5wmu8irbfokmtfkfztlf23ipcnt4ke/2f7kkvo7frmylu12cjzry1qe06oomn5dvz8yepni9r/czt2c4yowame8bcjhyyrbipbepidty4/gtzmzxvccfk/oqpocvb2vm334udsjbrqu9oznrl5pd3ns+mzhem5kswdmtnfhf/mytjgxefdtcdsz/m2dtkwcyhqubezbvnjqk0ysyguharq4zekwqtfqlx9bqwspkx5uweuvdfhw9wogefx/pers4w8y/hvgccw3lcjr+tv+il+sl+l3983xtob7imxppmsara18zv2aw1ci4qy0yvqwpig+w2g56lwrpneiv9osv9y3h6jl2fg3zo8kc4mp8ndslcgvqxdjjya5l90wyxtfh51vl9q/puft89klnjdeyunhmkfp8nlwna/+zq2dssqvw5i2qljxroe5vd6p9aovack09prarbwox346qa+udw5yviqus22x1kfzgy5reyklxzovg38ivhv+lxmel1zq0+q9nulmmaqnfedw2cieu/8nfswmn3mvuzhn0cmvhbqplbmrvymoknjigmcbvymokpdwkl0xlbmd0aca4ocawifikl04gmqovqwx0zxjuyxrlic9ezxzpy2vhcmf5ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ayvst0guurz+ztyshihbhxiidwojlsmsrkdadnvzlw1bldkiggffuqozm9ob2txfkwrdojx1d6jjdozqozuxoscss9cgqsaiphxo+83s6iieb3k73/v9/x7fe0rtnabvoylbvhndlsulp25otyudhylfhdrowkyv+olicyyx67msv7vx1mfs2llex7v2+/y9tzvlychqlba3epohkwyah5mfkgwas8adlq/ypge8wa6sgvajogmpmrkw09gcdkwylzft5qiokq9io0mu+/m5xr6ltymd/lypztaovbpqqtfm1lt3rkg8d65egc9fvpzsnrsndeocsemakfku1d8rtmcrkssqsgzsnws5n2ponxxgdri7xbqt4/j2eku+ywcoibxpspkdhx0adirl7bdwbejxsmip54f7yf9bucotwcdhp2shedath/yxrlpge4q9nedofk7f8dqkh14taup3vcnojhnnxnpxoxokio8x1bmy90y5pgsxd5aqezeao2efwapmcrfd+67qje57anft4zvrmzklxkacsxkxfdku0dwjwbr9i7bjdjw+zh5v4heommacuynczsj3hturg2ejuofweo1xxk/jufhf+gvsgm+afqx213t8/+njfxxxtj48+y163dmuvz0bvwfwcwul3f/hmosp2sc5pshtovlya9h25a+azeywdcjefwu+l/qse1xc1e7tueuszfa+lgwluktubinu6j2dsqwck9gadncsxcxahlhta7o5ehfyinpt+u1xsuug/vr2evva8h5tyqgpkbpns0rmllfbo+tdenv9zpernzg6vue9ilrj/klfed+fovoq8hrv9fzq1srvzw5+g7z+xd+l5/vb/twjpa2f0a/ooxg+dhrjz8jzur+jsfcwashieqckgzputlrjjqpikfhytftkkf0pqbn9zmvuzhn0cmvhbqplbmrvymoknjmgmcbvymokpdwkl1r5cgugl0zvbnrezxnjcmlwdg9yci9bc2nlbnqgnzcwci9dyxbizwlnahqgnzi3ci9ezxnjzw50ic0ymzakl0zsywdzidmyci9gb250qkjvecbbic05ntegltq4msaxndq1idexmjjdci9gb250tmftzsavukjgwuddizjcsgvsdmv0awnhci9jdgfsawnbbmdszsawci9tdgvtvia5oaovtwf4v2lkdgggmtuwmaovu3rlbuggodukl1hizwlnahqgntmxci9gb250rmlsztigodkgmcbscj4+cmvuzg9iago2ncawig9iagpbidi3ocawidagmcawidagmcawidagmcawidagmjc4idagmcaynzggmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagnjy3idcymiawidagmcawidagmjc4idagmca1ntygmca3mjignzc4idagmca3mjigmca2mtegmcawidagmcawidagmcawidagmcawidagntu2idu1nia1mdagntu2idu1niawidu1nia1ntygmjiyidagntawidiymia4mzmgntu2idu1nia1ntygmcazmzmgntawidi3ocawiduwmca3mjigntawiduwmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawiduwmf0kzw5kb2jqcjy1idagb2jqcjw8ci9uexblic9gb250rgvzy3jpchrvcgovqxnjzw50idc3maovq2fwsgvpz2h0idczmqovrgvzy2vudcatmjmwci9gbgfncyazmgovrm9udejcb3ggwyatmtaxocatndgxide0mzygmte1ov0kl0zvbnroyw1lic9usvzsvusjmkjizwx2zxrpy2etqm9szaovsxrhbgljqw5nbgugmaovu3rlbvygmtq5ci9nyxhxawr0acaxntawci9tdgvtscaxmjqkl1hizwlnahqgntqwci9gb250rmlsztigotagmcbscj4+cmvuzg9iago2niawig9iagpbidi3ocawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidcymiawidy2nyawidagmcaynzggmca3mjignjexidgzmyawidagmcawidcymia2njcgmcawidagmcawidagmcawidagmcawidagmca1ntygnjexidu1nia2mtegntu2idagmcawidi3ocawidagmjc4idg4osa2mtegnjexidyxmsawidm4osawidmzmya2mtegntu2idagntu2idu1nl0kzw5kb2jqcjy3idagb2jqcjeynwplbmrvymoknjggmcbvymokpdwkl0xlbmd0aca5msawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmzkkl0hlawdodca1nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae1z61nsarixmxy56uhxgqjskmz2qmw8heusrmiaxi5qy7i6mocsg+koewudmbwtrak18pr3nftskkbipdl/bd+xawimac7bvvt78j4vnpf8ec7v+zy/jyrqb77jaiti8u3f9/2yrcztkfqqjxbqqrqkmuwinzisiuyh0qirhmfgmpksfgushihbqbb6ni1koqudya8qjr7dzhnqnd4hiyhh44gvmmsjacyhxyyh06jaof+1dsasjtdzcfgjyfw0qbqqugrkpavsulosenw4nhojbmso50icfkgyhjsxihbmiiu/y1lpzaigluoxdlskyc4scquppjtdrgjatceqizfpdayhtuovzkkuy/ik5exfxolxinlhfu4vukmwmdur5tdo1go4kcjajhe8vlcm5rqwxy+rqkpwqx4nccqi29vvfeu3soolcjcxkj8qbwxzjbfihiumpwdhuuwkclxd3ubtvradxq/xwqwsz3/cd3w6lpawzm2tpr7mdowikbflsk9c2dbjx/gieadhc1oeeplcuvwrufex4z/o7p4+4tdb29pt/acz435rs6ausigxsx7ix0muh+pfxysel8lysyprm1rbu/81dqw9nq8/iwzdw2bz0yeda4/6utpbm2ors/iwky/lyr+rqqglmjewklqafuev6cnzkzevjianpqenp+ac1rm/4bttu5otexpj1jhlsyftb4euqauolir4xbailzaxksl0jpoikl5tqpv+7jazr8anzxewlldwvgndysrkm+xlxyxzkavfbopua1irr0kvpkbmepilghsysulcrecp1ry/hljmzc6trm3yn7cixuy7+7ptzxf2wjluz9dwkaswyvici8wswd3sbiekt/gh1thvfjmzzlnvbx90ulw7rmllcjmdju0tu2155qw536hvk/ikggq2qg2jxdknifizzb/dbjl0m61zq/yph3fcn3z394jflodh7fr43r46zzx3tzepsmrzfjqzyhysbeekcjf5runbn9k6b9t07hza3fd6vz8jbtjsu7/r2xfs2eat5r62hgo5jkzkiafraiif5yuvkmp1xynjc7ytpxss8dp4jyj494nk3m4t29zyyjeurnfvzeddoovmzydkypkqrqpjmrmkmqsieexdvw/oxsdlc3xaymr/85ycy0hgrqfzmylejmfksmv0pu/hl+yoibocicdtfgs83l23w740/rrhry6vizjjgx4i0rjctisfnzugk+x12/cu4b34rgsibmgau+y8f/vayji03cy4may85m8hkd/ap0xv2s4h6+kgw7mxssa4ybx7hsfgonwou1tdbdwuzcfyndvxwpusdwvf8otklnm3skz8xhadmyutw316dcmvc4nsqlcq6zzkzbzfnbb+f6/ffnd7jbih7+dbau9799zaqy/62+ouoznjhlo/bslilf+cw3bxybqdw9t270cutgj/efdzd2+vzy6ydpxkxhfkloknqkhi+nl55rrjwoj8usnzllq+73u21+dhh7c3lowj+xeibb+dkqjkz84v13qmjc2aqavuauwj9grm8tjwf0yfgzxledmhvol44rwyjfhx+vvfgg4vpfau9qbtyox3irv+mfb8gvqhmmjm3dpotngg+c8vpthx3sbzbr4sequtr58r3+g03t/6td10b+2cyx3k8t9b5wf3ubs8muxnfjmvhnezr/nrlvun7bbe2tyhesxjbpxkc5prv6/wgldqvfsgiqtpod8qrvvlkg7wtjxy294nqw33ycekuolawb1pqg1xs4rx/c63b9tnxff8nw4qfsmrfx9usa9sh/rbdifxjddjfrdodmpw7ram2b3a1u3vig4pqxe4sbya6a7vyklqhcag1pvweizrovgeuqzvms2vqm+8upwgnloens14zzz96ms9m0giocrw/uqczthrgnpugbooaynbbyglqc3hre98f7+s8bwqcfpjlysomh2lsbw96+gjgcenzvmwcqolffiavmj6cpwvuup1fzzlgeru3hq/o/nbd08vobjtqhwqdvgddis9vndbttgx0okuv6hq6zvn2uawfp+mbsu4qmad9enbjkjfqck0ubavas8qwuoousgliktvlfdcirkaejesbgquysqbytitfuqqrj7dlgt020yjvjabxygv+pvq4rbqtgw5sgpd9mitfbonvm0wibmllzac9wyfnh1jclf8ogyfpyd7hbxq+lm8pjrugsa9g1irp10gokxgd9n4jh8ik8wjrblw9ees4rmnnnxamvg8ii7e+azchi2c8i0ymyf5epzukqcmqpezk+ftsiookhnjet48ppglp35w2al/awg7shnlbmrzdhjlyw0kzw5kb2jqcjy5idagb2jqcjexmgplbmrvymoknzagmcbvymokpdwkl0xlbmd0aca5miawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmtgkl0hlawdodca1nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae1y/vnswrigy9cvvoovzauxttbskrjhfzhlr8gkdffazlcm2hcbhdhl78108hnltavqhfyr0zkcwjampdl/bc+5ih5xcrx9yff9arhmdg/ped97zvm8fmr/ragsrkntipwkidqanug66hqadueq6rfriskdwukj2bzyxy5cwuwgnyzqv46mihqgk4qdxei4l0e2upf4xew0j4rfoh+nmrxwrnlyhpfet4kfhsmppcolwshmeiqmxmdhbbtghksxijbybaxp4att08qzkiypvho2sgirpvlzkox0sshvyofhgjvfoacwcohy4nicllsmszl5+qwff0hv4fkchtxxjs0qjfn5sryuqdupldxdde8upklk8gul5apkdrwoxympulcq6mrl5qplcafcjkktjulyvrcqkcyvpgbifcwqqus1nwy3jpww/gb1mhdiub3ralxl0ou019qvxyrsjfq+nwbdu8mgpxbuljvxpnlobt0x3wtt7+ykvdo7o9rbwpobbxtqnaqivcyrgavy7u4tqkej4wuiqbxmrtwawv/s7r80m0cer1ojiynm89bgx09xs6oxrl2wlwww0sgd2xfiugksds4/jvuoq280td4cfpj06rl1egawddrh3olfmzpt09bnlsnxxwpdrq36aqvckuljhoboiuiyubgjqrk5ummwdfwpwmz2+vcldsdipovwobywxr2ct09ppenvmhk0snlwamjsfgm7wsonxxjc9nwyjahpwfcebd7xxvno5szxrndvna8x5m0tww+adnvluelchozuj4sw2lggtvak1pu6zra7w+n2fpsurn4iu6urxu/kb9eyw24xd5v06qlsnd7o3kywdbvlsjeovdunxcowuswxz9x32e9fj1d+v3/n5/w4luysw10nnsqfjcuby22rbv3fbadzsjtgtoej+5lb6/ovbwkbl+qk/ejg3e/zupfskwntrk1pzmkbibs+oramh5ecqvdptd2jnoclgg6eip+ouil/obdwr3ldi7axhpnopchm5kuzw/neq2msrdnfgmp70lmxto/ph+izmssxkmafsd6p88wzoxzjdxg2kdegpyuewsodbla4r1zb+hbsdtg9gmjkdhouhribdf+qe3f27ggjtjzvjacpooe2ggfwummsgsqb9/un5p0rvnvie8mdhmdxfsvo+an++/rkakkyj7pzwisjjzw8d7g6vsnsxxb5/ucggol1e10lvnohsfriuzmnsm3giizqvlnp9ybu0dnf958i1knggtrkgp/t+8xz0e4710tlolgs0dghacxfnkvumnrh7w88pji/rwuk2qy2fj439qe9jq0yvyyiruoondroccavvpbuo4m55zw1dtadr4n6zwntzxlu4tfd3suwtngbq0xd8ar0eywuuq8o0+cjpuqq/qzhqa9zvyfpt8j3odbdgyp88thqp8ihbq7bf5xgeiyogovkxq6gr79c0h1fxz1ex2vl88rbfd2a4afhmsprcibhgzpmd8/wv/s8mretp+bsqt95nlez4kid57d+x5zdovmc3jlj4jg4/jthvo3oorz//wrze79segy02glfzv1tz5ht0evd27zwszymxj3+jaglhlbrfbqefure0zmluddn/hxwtcsnf1wdyetu3vqcddm2rqzl8e6n6iuakari/jzgpea9zbdlh/xwsvvdipe0iiz62e3o4qcmfrxqw1aihsuahukls4lav9rq1e1o/9fot+tfp9d+jpd21+yj/qfz6hoyqj7nydsmff7lqwvytofwotoez7kjfi5kj8+huglm4olewnnp9a2t3qopxyctvut00nurlu3q1m7aan1gelqwhhvq053a6+ko0l8c0yznl6uqmta2dpx0dq4bazsssyufbnz4sk8x+letukwo/gv8hv9kibw6l+tvaw23g5tb2to7oknydwdww5pnx/fqbgwmlw9yifzicvu1bz0ebbpgydrxmfhim8yayctvn+u0v4fcih/kekrasowswpadiencguxhiblisjceityfuv+9uqesuscxzyoozgda4wpzpliqn4kypljcualgplneqfd8zrxpdxsy6xec2ropzgsictoi10ika2dhujb5hdkayauys5gjxickcpkeysnkkkqqjmickuvkica3dfdy9weq0wyz05g4pj50aepkptg3m1p4j0busmcwjyygbvkw+j35meeemabqrxogwyz84l3dvdeqnena50f/g1/9a5z8nkdlbmrzdhjlyw0kzw5kb2jqcjcxidagb2jqcjexmgplbmrvymoknzigmcbvymokpdwkl0xlbmd0aca5myawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmtgkl0hlawdodca1nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4aewy/u9sexzh4xa4htg8dhlqba6rgrbdow2xyzr3tqamoenobg2kku9boqihmc68uoygnm4nsnp0ks9haoedihf+a/d7dqgrel0drlz737+ibb9e+7y/t5/ph0b734tocspciv/410bsiygbw0wgjcsrvwdddaiin4ggsjijocw2hng4wyqdywwwijdhe8b0iagqgjcnkbcjxbkjnatjjgkrqeda42iazpihhcgiiba4/akxvkyovcqlvkpiylkpiptkqovmki7gc1gie4iy+0wkimj8ofscslhtqrum42vlzeuubujx/lkuvfosvcav8jeupjsjs4dghmutkcpuwl25vrlkekma6fekimjvgksq9eu6ruohfxbzcjzjzqg+x+ajzmosvkkq2ltf1nxyx2z+jblm5jstzu31puqqcrxekrpx2ofg9gxbphhflffr9mbarvnda4etq7unp5eyenq6u2wd1rvmxlqjxqewi/kyypyhk+kmhm2xkdrlhpomy/2ur/ana87boaw06bx4an/udb+1qcaaaxriphthpb5dosrk8cqkbbmxzmztsttfji273o6jysw04xa/hh974br3w811xnka5bgyquslwshxjneugxsstn7nqovnw69/amr6qxaanprye9++cy06+22wbocvi7hoisfax0wgu+pghrzox7dl45uzcywsli4tz6glxcwfwnymz+madns2nvzh1tibluix4a9uqtpuwtodi27vtgb5lfglfnry2nikkbaacn0jri0hzrzueudna901nvlkq5lhg4ooiryhvksixmxzjez655edg1/dw9s7wwp7k/x1i7g8758ccdjmnxqtxph9snqy5utvupg2tx/y7q+shsi7kwg0tpelyrho7k44tbrwu4f7rbenuerkr+hdbqwxmagi5kqprdfp8s6vbw5fyvf4/k+k9n9ab5hx+f4ssrw5ou91oxvatfdlfelsygigypmw4cbmdsfoh7mrgyq0efntwmoarhw8drchlvnpqko92ygxgzvljg8koswsydt6wkvvopv9wnp4n5bm8/ankh0guqc7g17/9n492gup1wtkatabxcbgueelwy2rfdtzcwvzj5pwlxiqnqia4/hozubkr8+o3xrlcekhorqyqrisivxmy8pnll8ggi7skammxlp7j0g3vhcjbwm+1/ohltfxigkxsz4dcowfv1+pae0dmphecm1htw26v09io9uhpemjod7wmivq83w0swwgapm2wnsvb8qzcwwmu6www3oumsywenyz0nfpvkgvcq62e9hm8tlkeuvjsxdzn79fifttw6l+q2aj3z7pvrt7bk2vljwd7ztyxdbbqlhoagx/8tillpu0mcojpy6grshcel8+aw80xfqi2qdutfioq2rqepbkf1gnqenb1l8hqesb36tnhu1vukihlqqsbwdqh+sa+ocggqotddgvuezpxfoyh/nzxvnzn+xphs745la/oyer4ib44c0hdk7yhk55xz+r72vigt0mp/sbyaloce8rls+1bi2sm0pt6qa93ndngwre3wgs+xoxgo0qnekfmwvem6qhs+rcdvjdp5p72t+sqp1bf3xutj5jn1p8y59dy2fp97uzz9aasaejzehfx2ffv7rgx4yhyp71esb+lza7xt0kevvrmxt1gva413mjdvpcgsamzjdau5zbnbizgp0vwnigkwkkljyxb5kf/rxjfvy8cwdzmfsdpzdhc0qedsxglxlh5gjmyjlpzgry+zgpkynnyraetjp25np/a/b/7+/f7jbhcgvuzhn0cmvhbqplbmrvymoknzmgmcbvymoknzkkzw5kb2jqcjc0idagb2jqcjw8ci9mzw5ndgggotqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggmtayci9izwlnahqgndmkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahdv41pgmcyh+oo4/tdt9ehseqkskkirdqaqnuonuplnhjzuoatalvlxnd6lvar6srodihrqf1ndvrro6ysfayilpvx9t4dj34q7jfsyfzl4h0t3vpnc8/7pl/fw2d838esfj/5ypgqblfggckqmmwcf4czlwxqwagb5xb5fd5faaaweubxosgbgfmqmsewgnl4apfeworhwakawgihuegqfgl4hdbcyh0qwceviisw2rcvcqxqs/pqkrukebkmk4ofxdqndxoc2vybbjpjvwqn7iu9vrqgjqqr9foluqrzlsq5djmiugz4vdhmcef5ouiyrwwvvvzso8lssvis4emltwbt5yaltfqqskvzsyihiidocbk+uereqtpum6+0thxccdi+oqehw9f5w95+vfmkqd6gq5sxspicezqqjpilpqpntyo11x7t9z3nttfxr8hni/d5vvctz+f13u513+q5aw+xnnrofdijh4whi3eaywlzjtjlldhc4ujx9h/vd4ymjtpg2oji/cdqvt53t2el2ahvaho260jpqahxvkru1lnbnj7b4fhjmr9mg3m/0stcxdd49mn0o7hhay+z3xprqywvczfsmewwksqqnear3exzj88ef/r5l8jc4hkfxuvyn2cfpy0ulixewi9cz4mz436fy26r01rgqk42gajhscvuhqz2v39gkhiklk/8fn29tk4ta2uvo9hvvy8joebuop/b9iadulzkywbdqgwyqtfy6vqfhs+hl6mbv8febxwc95uxd2+iy+h56ft9ztzgnritotqry8icmqjf5vd4p+yjqxubf3xmjji79jfmjhif45sbq5fnu/5eh61wxsbmwjn8qwi/qejb3+oaha+gv97ge5/2uqnupn2ap1k7nxlxt6vh4msgq7vbw1herygwtgbt6u129/bmahkjntzbtwp8wqdaywf7e8n4xnjozthtn+tvmibkdiqks88zbf2+0wakgtveo6ay/qkfzh+vpthnxkkr4kivy2y4vypkzxidoskz2ni1++7e/nl6vjjfktbiybwminkp5nb60vze3e6rrrvmrkwfzlnmhhiis+wqlivw4m8annrqj77+67ohg85rp1muzgmhgimej28sbdwv1i7vygwy5gx3geo9psiyl+n0/u52lbqehff2wy/lbshvmie6yynaq90a8tnp/d5xx0xh7xjzsf4myhrz2s2sxvztqt2ixlzy1ast5olar7u5ejo1h/8aar+a4ge1v/2bqp3507xpwfuy8kgfe/mutllqizvsy48dh32mrelytif3bszbt375ahx0zlpneq1vymrpngz0u071znauhcvyoc8dlu8q0jfnordhidaecjebu7nw/pchvgx5xr1wi6evvlmeeefawalq1lnaut0dw2oppp88ddiwyyna6e5us9zplsxhtjibebqv0hpnlz097r57/scdkbexusipdp9bwe/ofrmph+4dywc8jaz3mbbgyxpuuxvvel2emsgmdnidtrie5g7lyepzergg4ccklb9rvt5u7wt+iryha37sa8kpaqk/lsp2wbi3ljhesueyys5pguv8mpcwjzcibynl5s0zibqyzrgicz98xqu7ok+upumusz+s1ahjn8zj4zpxiwbmcq5ajmvk5xkfqlwa6vepmp5frhp+qh6prfhswc7ml8w0xpbdw2b+kesdx3dcy7myvsesc/rswywi7f+yk7mv8b+ekbne/73d323c8i1lbmrzdhjlyw0kzw5kb2jqcjc1idagb2jqcjg2cmvuzg9iago3niawig9iago8paovtgvuz3roidk1idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidexnaovsgvpz2h0idqzci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb5zj9t9nqfme3di9lhd0mxasny2wlhciyf9jexkya7kow8g0gtmoicxnzghhdohmcinfkgyoo0agmkeoyemxtmsfkzeb+a7zla0s8uxaup9z7/ak/9dyfnhoenuf7vcl5v0rkcshd/al/rnocb5tjosnkel+adgqxk/4jl8wbcousqojhtbq6lknvmfwfkrvylvptqjtdqso1otxvoho9hugchwf6pvqj0yjqfcrbd2ycamuder2ke7ugy73jbdzbbionndubdbuejuoqmgucwi+15rkeye0nthjnzfoz1wa3oxwopycxgxa7zdrcrjqnbf6jgaed0pqcmqukoytxmkirgzrmokg3tbpqecquso0+4tpgoaykqry/hkgusn2vlqjyjaxbifpgg+vqd3u6z13went6egwqp8frvxcu2+nud1g2xnoc1cdkfug2q1ilgrqsfo3u9vquxr8idazv/clyn4kdgyhr13zebjdnwrsmmjzd7uklacpglv7x6hs5z/b1b4zgwncjo/fhytd90cjd8mhqol/v7gmxo7eo18ikcbfj1rrkg9u1tdce3v7gyl3xr0+isal4ffqw4vgpwptjo/f7i8h+xg/d0lshaarku60ezfa1aibbtnb5bm5fjqptz14kxr2em0sk1tzc61ejf8+mo5orwwo+rpmtpagthnbrcshhhwgx012+wdcd6nne8u27xawlvgpzsfkppaxfd2+tiafrb6fbxxdttxa6wf4qq1qgixpj8/hoy4hw5ntl+fep1q9rn9kztoyvgwjd05/wpqym3s+/nhoycvr1tjyb9qgefmepvk7seq3odq//zkr8dmh5y/pzdn0jv6y21rof0x+xf2bje7f9fzucdyrojs8saqwmgo62eq4oj8usc6vpbo5lps8ww2wjyfl5l7lsenuhersbvupppwpayuwxriaswux2+rw//pj5m5xm+iazvsh8lenvx1qp7muhsmvsrmdw3jx/hpkfp20mdfgwibby2oi8dsk4gptdxmtumju8x4ttvf6kfgrmznztcty2grx0ymk5jebfighpczjy+4bhz5kp9ea+mn9ovkchbwghv5fojwfgh3xuijyihcdtsbnnphpl5stm/eomx/beqzjvgjhmgcllvuznjm5eouorxf7ies7hocrlomzluesesn2minvhfq/a2l0aqtredbn71b53r4r+pzzmzkx/7crmndt+7/czrwryc7w1sy8qevj75+pkohc58zg/v2ultyf62sgp+pnytv98fn8dseo+x+e6/ft9jtvl/mhnsni6vsrl/xgwl5nwbrncfnwpr+lhoytuvnkt7zfilft0ewflfptuvuxt1psjzxt3jswiux6k+h+az/jcef917ed/qw/fadzr0eflbmrzdhjlyw0kzw5kb2jqcjc3idagb2jqcjeynwplbmrvymoknzggmcbvymokpdwkl0xlbmd0aca5niawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmzkkl0hlawdodca1nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae1z61nsarixmxy56uhxgqjskmz2qmw8heusrmiaxi5qy7i6mocsg+koewudmbwtrak18pr3nftskkbipdl/bd+xawimac7bvvt78j4vnpf8ec7v+zy/jyrqb77jaiti8u3f9/2yrcztkfqqjxbqqrqkmuwinzisiuyh0qirhmfgmpksfgushihbqbb6ni1koqudya8qjr7dzhnqnd4hiyhh44gvmmsjacyhxyyh06jaof+1dsasjtdzcfgjyfw0qbqqugrkpavsulosenw4nhojbmso50icfkgyhjsxihbmiiu/y1lpzaigluoxdlskyc4scquppjtdrgjatceqizfpdayhtuovzkkuy/ik5exfxolxinlhfu4vukmwmdur5tdo1go4kcjajhe8vlcm5rqwxy+rqkpwqx4nccqi29vvfeu3soolcjcxkj8qbwxzjbfihiumpwdhuuwkclxd3ubtvradxq/xwqwsz3/cd3w6lpawzm2tpr7mdowikbflsk9c2dbjx/gieadhc1oeeplcuvwrufex4z/o7p4+4tdb29pt/acz435rs6ausigxsx7ix0muh+pfxysel8lysyprm1rbu/81dqw9nq8/iwzdw2bz0yeda4/6utpbm2ors/iwky/lyr+rqqglmjewklqafuev6cnzkzevjianpqenp+ac1rm/4bttu5otexpj1jhlsyftb4euqauolir4xbailzaxksl0jpoikl5tqpv+7jazr8anzxewlldwvgndysrkm+xlxyxzkavfbopua1irr0kvpkbmepilghsysulcrecp1ry/hljmzc6trm3yn7cixuy7+7ptzxf2wjluz9dwkaswyvici8wswd3sbiekt/gh1thvfjmzzlnvbx90ulw7rmllcjmdju0tu2155qw536hvk/ikggq2qg2jxdknifizzb/dbjl0m61zq/yph3fcn3z394jflodh7fr43r46zzx3tzepsmrzfjqzyhysbeekcjf5runbn9k6b9t07hza3fd6vz8jbtjsu7/r2xfs2eat5r62hgo5jkzkiafraiif5yuvkmp1xynjc7ytpxss8dp4jyj494nk3m4t29zyyjeurnfvzeddoovmzydkypkqrqpjmrmkmqsieexdvw/oxsdlc3xaymr/85ycy0hgrqfzmylejmfksmv0pu/hl+yoibocicdtfgs83l23w740/rrhry6vizjjgx4i0rjctisfnzugk+x12/cu4b34rgsibmgau+y8f/vayji03cy4may85m8hkd/ap0xv2s4h6+kgw7mxssa4ybx7hsfgonwou1tdbdwuzcfyndvxwpusdwvf8otklnm3skz8xhadmyutw316dcmvc4nsqlcq6zzkzbzfnbb+f6/ffnd7jbih7+dbau9799zaqy/62+ouoznjhlo/bslilf+cw3bxybqdw9t270cutgj/efdzd2+vzy6ydpxkxhfkloknqkhi+nl55rrjwoj8usnzllq+73u21+dhh7c3lowj+xeibb+dkqjkz84v13qmjc2aqavuauwj9grm8tjwf0yfgzxledmhvol44rwyjfhx+vvfgg4vpfau9qbtyox3irv+mfb8gvqhmmjm3dpotngg+c8vpthx3sbzbr4sequtr58r3+g03t/6td10b+2cyx3k8t9b5wf3ubs8muxnfjmvhnezr/nrlvun7bbe2tyhesxjbpxkc5prv6/wgldqvfsgiqtpod8qrvvlkg7wtjxy294nqw33ycekuolawb1pqg1xs4rx/c63b9tnxff8nw4qfsmrfx9usa9sh/rbdifxjddjfrdodmpw7ram2b3a1u3vig4pqxe4sbya6a7vyklqhcag1pvweizrovgeuqzvms2vqm+8upwgnloens14zzz96ms9m0giocrw/uqczthrgnpugbooaynbbyglqc3hre98f7+s8bwqcfpjlysomh2lsbw96+gjgcenzvmwcqolffiavmj6cpwvuup1fzzlgeru3hq/o/nbd08vobjtqhwqdvgddis9vndbttgx0okuv6hq6zvn2uawfp+mbsu4qmad9enbjkjfqck0ubavas8qwuoousgliktvlfdcirkaejesbgquysqbytitfuqqrj7dlgt020yjvjabxygv+pvq4rbqtgw5sgpd9mitfbonvm0wibmllzac9wyfnh1jclf8ogyfpyd7hbxq+lm8pjrugsa9g1irp10gokxgd9n4jh8ik8wjrblw9ees4rmnnnxamvg8ii7e+azchi2c8i0ymyf5epzukqcmqpezk+ftsiookhnjet48ppglp35w2al/awg7shnlbmrzdhjlyw0kzw5kb2jqcjc5idagb2jqcjeymwplbmrvymokodagmcbvymokpdwkl0xlbmd0aca5nyawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0acaxmzqkl0hlawdodca1nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae1z+znbwryxm9fnwyveq0jliqjssidgmqddsqxjww1uq1wvmurseizhlfidldewy0s2pffa0notesho/mt7zs1njfqttue7p/qzi/fg5j77me95ft6fexdwe9+uaa0xvv1g/1/qmayjm5iiwwdq6rhgo/m/64rvgakdywljhb6px4cavytgcjk4m8mete54tfffnegb5/kjyegoucgmawaxfagneqiccb4xzweix+uboba5feigfikjoy5kesl6ylskoeikfba8dvurpdcmwelwg4uisxsmij5bmziupepcgsreptihpi5wdlesegbzoswghnnr738dcohzgothubi45wv1ukabmzmvlzwjbhlatxpaiuoxhswqxbjew0e5/n9ofymkagwiqjh4var2wnzefmfxscmnehqoli4ukizi0+uuatsq+jgokscq82uagj3fiuijpjdu6vn6gpvl9x5u19y9rh9ioa6ujrw7wxu8uldbu/3g/t2y0olsrhtvjwlekmfhfaeandqtswglmup1vk5x+yp634yt7r1dyndz3t7a3nrqv3m7wj+pvszihasxrt8+vwgyk0mii2nvv3rf5dunlv3p+gdedzpmw8mmfbgagnw18kkvu6o5oaq8shdffrspjdjmyzmwkmabcyvkoy+tbgjt7h96ozzhnrt84yxf4v5yhit4xdjpnk+mj74z7h/a+qiyneerugaaonn/hgimnj9eildpcw3vtv39w2otu9bzuyu/uwfhyx5u1jr9zjw23n/vvgpi1arkkla+m+fla5sckwixjwlydlxnpyojlg/zs5+wv9fw1tbbhxqsli/bfuc+weyhe5prdtmajfm4govxjxgdj8kie9kzb9u09w5ptm3bvje27padxxtysdu3n9dxbpnte8o9lbw3stmtosmi3lcygisxilak/hqjyvhs2gxdwt20o5wu1z5cufyupafdvrmyzdup9xqrbvyaopce8fhhxuidprbjezmk7jv2m8wztnw7w7v/chh4+bc6gnyod/zddvuabczs6m6skmhilipambyzfwpybji4dbahvuplunw2yxe6aac3g7+rwn0w4ofy2jds1vgxhfwg6+o4iyb3ne0wdmaykevhpfh5yntimn1vn+kahahvcenk8hdfav9bnbrpm1ywgmkebbk9xclagypkytpdfdegew5520mrqmkbtgv5qbrby3pmwa56gy45nily2yu0jjckmj49r6kpd2rqawpx5a4eahiegq7djawpkd4nfxnp8vehxcy1mdamxyhvzhrvtw1mzibshjbdaj0jisybkmbmxebbdvgguirkewygxijessvxsuu7tjaftr3xuzggalh21hyspq76m9cuy0sez65iobeut9hdftzz9v3shmmfsjipssa24ddyd2wsvx/b87hmlywpjzzde8odxqq1/k5t3+i0bdn5ci4ksbohzk3b9ghf0x29wieoxqljqgcs4tjykoz9y9apw9+dxdyn61i/ssinlq6wolu1hh0haxbf4tpwhuiq8+opd58c7gewvwmwuwmxjiijfqawqtkvt56pfvhxtcdwidausu809sjx4tj/ceegx0ujos6cpomcy4m5kqwra+h58ypncctqjfn9//wifk4xgd71wmftnp0+a+fs52vn/2mfasin6mfsqxkfptwa1bdkbuglsy/uf56them6avzk98bu0rcfydpz1rdqgyo5ep3swut2j9r75goiiljbcmutda/wuvhplag7l0gttfkv56c7gb5x6851snfmaxolf3x1zwaqniesomflqoy9labfde4b2yxohjmafpdig5e4nbhhxcc9bpqrc8cp6a21laqf+bi6vrmn1jc4/ciq14/op/cjpdeliens5jzr3mxu0ba8as0zmqyu+hizslxnusxxbxzao7p5owk5kippuep6vpo7aevc3pwciqt63kfmaz8qhj7v60bi7d3t2wnv2pzsykett/shx4+oa9m+cf32mc06afjjfiytk9czvz7y7da6oo7za3zyi8lyqoawju6+fydagbpckv6yth75refj+uua6bowj8vrf5dx1ju0nbe1d3r2oklzojs72tu8wu7qsvkonccw1xjtuvzp2d37iniqhznumqmttxagc61av1xlfekubfqezur4mj7nvz0ehhxfijwdqd9/bpnx5z8m4ynpepnovxiqcdwz0gsdsbwyd6b6553+88otgcenzzv9xptjyfirtatxlwpq2a/cj/s9gqnja+bgpjidr8agpbpdeh76hjziac4eeesqqbactwwq4frnarbvypmrjhvhovwkxylersdxygnprycpabpkqmcgpi36v2dfja/3b9qdm5+gf95+pql/abeimtflbmrzdhjlyw0kzw5kb2jqcjgxidagb2jqcjg1cmvuzg9iago4miawig9iago8paovtgvuz3roidk4idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidexnaovsgvpz2h0idqxci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb5zj/txjxgme5o+44vu+cihjnyxw551cukebnaui6nzof31g6xmzzojjntklpbq5rryhzzmtctbghmf9rfupeaf1rhreqzwt11lxv66f74z7pe+/nc5/n8zwnev2vqgngpoaw+lnspxuqmcqc5uv6bthclgb9ujeve6myjhcsbacx8giagijecqwv/0aughfughnawiqrvpqoluqkn2xwiajyviqfbc5bke8b5fqkaskvos6rrqo1wp1ox/ceddvq1fdvl6ksoqkkv68jwwksabqpajwgqaiu1dcbdeaj0cqlntbgqnfxvlcwghwtkaifmpictqhgcyjuljyxvxqt+wzd061mk4unf+ni5ltndtfnproqpqxuqri4inz9cueiigmzvczugy2ntryou6orp6e3t48nvb09pv0oe0ebrdfirgbkkbn4rjltemhptaxhhrx9tt+ae3bo2dmy6uxn6ihnegjqpdb3p916w1cpoews5pnecokl2hpzu3tx/6bnfhj6dm5+is/m52anj8c9g/1d7u3mgm0pj5k7mhccetjaq7fy7hfvjd2fw/q9feypld3pg6wa/9lt3+lc/bf7d+02s62wlhhyl62e0qjsqa6xtdhcnqkfn3955dvqkpt6tr68dovwx60s+30lux6xo8vso1asbsicmqkhelcsqrhudbi9m48ck8g34chanlqx8y43gxvr6fok/da4eng043u7rncrvmvakjujixgs0tu32l3e2cflq+h1ze3dwgz/4oagzhm2dd8w293exa+vlj9+4hv1ntbrkbixz04ijblyk5xmvufwto9fklk5f3+fodw6zpojw8t7+n5mjptcnz3sbdvxxpet2btcgfco9q1298tiujcye08cnystp2d5cppmnhwn4jur4nlihnveofcrajbzsfgipxsg5u6hmscvw1vxo+rpkpx6koxjl5kn+8aucpo8im+fxz6zgepunugoqssrietpxntbotlvd67tju7ocnk/kjz7pauaojtj7k0f/fmjztsmhpbiguuej+nyay1o78nakbo7tgym5uj5pxciqvtymbynbra8zpzr5tsji5+pbyy4x7+wj8j/q4kfx2zn6xr5h/yjmjn7oeyix1df3n2hefduegxux1rh7kfwjnt0cnkdinj9zivb+xw2rwl3cijomtov1v3oflwf61fpd3jcdrw8j2ddpuccieco1qjqs1u6t0lpj5n9fhrg5jq5swl+b8ij/kmpnwavse15zw5kc3ryzwftcmvuzg9iago4myawig9iagoxmzykzw5kb2jqcjg0idagb2jqcjw8ci9mzw5ndgggotkgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggmtuxci9izwlnahqgntckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmfttemsyx2g5yik6tiiscijxxeealtr1clqlqzl4asy8jzaxkczzajhq85igwl5gb3oug5kl6gahkoqinv5r591fvdxm58xha3/o+9pud/vlw/m8++77pc+f8ksriqavf0segtb/lzjkhsaanc4ayhijzjpop0eqlfov4qasncfksam4mmynjkpcgozesvlmbh2gfz+mcteytdahy4tfrqboneagjeicqrykxkfievwom8mgfq8mgwjmmqgqfiklupksss6xkyit4jkkk0klypeqrwia2evggbsle42g8wkpijvdqcpsq7obnjevzqlwz6mu6akkqtgerai5revaqbcdgcvfufgiil2vnamtkcwq1meqiaxwz+kiwgjttryqxzeoqhfufjp+juxsiqyl5qejismzmrxc3u19xb2qaoohpua3skumxmcorrpxob+pk8ztzcynjqa8mmw4katqswfeifeonfm625u1tfxnlu/a2js6oiovjo72tictzfw1nzw3dfkapuisqgd2rvwyfrejl6apr5fody+a27q6twzlt28fmertszhn3v1tzy8m+plr6jrppmk9gaun4ickkxok7hgetxpnlv5b6+ibsbhxcsi0pjb2ztq62g8xgvsfg+4u5sitevgxcef0npcvkqvysipqw4zm/tdvj6dnzufm7fa/ijddpj83ozm9+fz1v9nyultrkqesiwaxhqpbwak0fowkyfxa0vv1haaxwxo2ocfi0qdlp8u1qorclufyp6vfx5xtyvilqap+fqlwju9aybbt7iopusijfcoytwwgxq4xq+m2++lyinvti2d93ev1bkrawhn93fnlzb2yvgi3jq++6go0lgkzzcjytljzgxty4hizckurm4y9w1pzh5xuj3ftt73jj047275nr8ft/da/ndxjbkouzc1irhlhaysymcjk0eiqgo29ozbhstuzue3fdqt29w+i0v5+ildr3970ujcdttfey2ovtpmiqmdmaxvrqbcesqwbd+s6lso2967pg9u7gf3dw8ovir1ftihlr8b/p7c7vfhz9d42yumsu3sjsyye4tqplogb86+m5zq9egq2ti+4pft+dcr0fositpxc1hiyf8vjwpi2mp8+kmtju8qhgsfhorf5allwuwvj98ck3enx+qmhiaotp0hfbmkodw8wlqd9cqc7sbiosybgswnhawsvhowiukgw2i2jsx/xnjgq4forzgnzowydxjtrh2dhle0gxkkijcqurzbdvklml2/ofjxlwpxuhkjctii4wcfavha8q46pv90n5flkcxqsrygvluhsf1e3mkdashx7x7eiausc5zhxng+ea8tcwl2sthjes46lc2lhxcdfk33y2tdud67vbpamnjmg6hydowzsrdvt432dd0uvjcfhsi+xagxqwrm36p4ntc2sbvidwskk45wvjnxg31hdmbp4vncrn02ehgoevlw4q6tv+h3ituje2vurwto6wrn2ttyltqe/gvtaddgo+ecrsofwjrn55u0m68zsmg/p4bn/roqtnkxf2tkm1drunp8h4xpoycklkpqfw2daxwnyrgl8wxsrlldzm9bnzrufynasmkalnlvfpjcrlpohn5gk69azvf4dmvz50nwtwyt4+k0k6q6ccrrf+vnn7ld8f++3kctdnzj0l08hz+ddwfpe9cf2ib0x94nhxfugwbpqcjlnebqsjssc2fcw+vy0+ezbobf5poeunavmtsu/zxyq+dbsfocktpqtf/ckoewystpgrca5pmzfxlmm0j6r8swhaxsxmnkdkaxbshieiifryhj6iomf4bajzskoqsfrmkatx/p18f8i8ddfwbwqzw5kc3ryzwftcmvuzg9iago4nsawig9iagoxmtikzw5kb2jqcjg2idagb2jqcjw8ci9mzw5ndgggmtawidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidexoaovsgvpz2h0idu3ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb5zj9t1j7hmfhcdgdodwmewoedpgbft2jdzdhlhdopqy5405sbasrt1s6ogezzry6jiy2bg1i0/ssz2fo4qmgd/5r93soqbf4vr1etnvfv4hsh177vl9pn8+hrvvfi04kykkjx/jxrtihiahdtcakkxg/ammmckkfiazimimgldagcbhzionhbbakmoetwhsiazaylycoeineeok0c0kkypgoqmdjygdm+ieeiyijsdj8arfupihukotuqmlkuqmklmpchuwqlubzwagtgjl7tcskynyh9ikywfoqu4zjzwvl5rqfqnh8sq5uu6y8ibxymrskmwllh2cexs2qklraxbm+ssp4oxrov4oiym8yqyr15tqtsievcfkinmllcd7h5olkyhk8oqravn/u3hlhbp6nsszmoy3ntfwm6qokveqpe/hy5+d0begmgf8sv+v0xtpg811rh62ru6enl7j6erq7bb3wu+bgwqnep5al+rji9get6qyezzcongwgmibl/a5h9qcdzsghrdtohhhqf9r1v7wpxobrfgi+g2gkhl06xgtxxaptubhobo2xo1+mjbvc7onjldthdr8eh3vhthdbzxxgcodlszipswvbkfck15qbgyy2fueo681br39qavpdfpqemvj7375xjtr7bzyggjwlugikx8bftcbt48agtk7hsmvjm5kllcwuli1noaxfxyxa3izp4xp2dly1xmfvmggw4jhhr1spm9rzoh0jbu9myhkt+cuu2tjy2kqoebokfqmulqdmvo4rr2dr3twduspdmucbig4hhkg8pklgbhomtprnl4mbx8nb2ztzansr/hujudzvnxxx2mw1eq1c+h2ydbjls1w48ba1f9jtd6ygwjurads2l6visejutji0gvc7h/utt424ssph4cntddexoalkqqmt1+nyzq9tbkvi8xj8r6t2f1ohkfh4xiyytbk673u5e9pmv0suquziygbkkxbhxuz2x+gfsysbjdqr+dpaw4befdwoskgvwc+oo73zibeblwukbwo6zblinppas++g+/3ceng3lszz8ccofsc5alsbxv/03j3ya6nva2qc1ohfwgbr4sxdlat91pnxzxmnmncxeio1cidj8ejo5sphz6jdestwsse6tbhcujii/gblw+cuxyayjuyrqabgu/upsde+fwkhaz7x84ctn/eicrdjnh0i5z9xx6lp7r2amf4kbudpdbq/t2kj26gl6ymh3taak+rzfdrjzaacmbbcdk9vxdmldcztpzzbehszllb41jpsd89uozujdryt2ezy0sp66+oxd3ofv0wivnpdqx5dycpfps+9g3tsra8slyptlnjemfuoughobh/y0guwltsykim9jqbgwcj6xz5pbzrcvajzb1rmwkiraup49soxwcep6chuvygp6whfq2cdtvw6qigwpbihb1af5jr6gkcco5n0oc+55mld87kh83ne83m35ekezvjmud+hh5hghvjhzseotvietnlfp5hva+kbpqyn9ifgauhx7ystl7uejaybslpqpr3c100zastdacz7gjeajra14p+za8qzqodl5eio8l2nk/va35ko/uf/ddrmnkmfu/xjn0plyu/3u7pp1pqxp6nl6f9fz9+/usbhhgfi/vv6xv6vlrte3qp69wuze3ua8djxcwl2+lycwczmmnptnme0ejmy/s9acgatcqqwnjfvkp/+vel+/lwjypmwwwonn0dzrb52zgatewhkymbkowlmctj5ma+tkedhfp60mnbmc/8d8h/v79/slscizw5kc3ryzwftcmvuzg9iago4nyawig9iago3otikzw5kb2jqcjg4idagb2jqcjcwnaplbmrvymokodkgmcbvymokpdwkl0xlbmd0acaxmdegmcbsci9mzw5ndggxideynda4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ab16ewbu1dn3c+4+syyzk9n3m8nmzlivjbasybiyscwykcromahcpiggbgoffxwkrevbwqrrxquciawhwgdflykiwfvrwlrqrbzgbwte3/zf2woz8z3ntkjbr28//+jxuxpopds99zm/85xnofcaaqatraqwijmxtc/csonzfvjyfgaxzuxc4nv09yofwfqnaowdsxfowwd45lu3afjxagrtndu6zn96pei/ankbazz3zo1on/unu/zwgjyz2ef5xcxqz4qyz5uwnzv3wzj7hnvr3sb8huyfuuoume136eeex3wf5usxtn+zupq++m+yv4j5353tczrgrbz7doa8f+yzf9519xkuktuk+qjmzy9c3lhwrw/ewyz5hqtvbswjengffpockvqnuapxqgmdxfzfjtlekco+rjbuogrqxntim6zl14pbmaems8vqs4pd6qk3x+u7tth/r7t8htrmj4oepwbz/epwcixgbuh+iaext36yudn5gx8a9ikfyt+xldjzyrqyrhuvhidhyrvsawf6mj0n02elnchz4tc5ffrghpfaafimbzeyd2+rzpidma0vypslcai2wn7epxswgblr15fa8l7mrza9a1yln4msgabfh2nqgb2ug/7kruqbrj0en8nu2ipp/4t4mf1crvll5awqycl2uqpr3kmot+4di+rbduza0lxwkgmw55nzwqavsn3t8epydj+gl8gdpc85n9mzpjv8fbisdcfkvjatpvipu4/7fvlp5b+scuqig3lwrw3wbdyp/e/d6ziytx25nswht5cntir5gonjvvpwrbxxcemdxqphlngietgmj+hp8dfyjwnj9ews9lsylpk/ybrjcjr0jb3qidcavnbhmi4sgrsruwqcwu6ejbvjz5kc5mammvng3mn8xjaxt7jd7m+5u7le/hf+i6bjfju8mjyd/avywq23wgjygam7awfhenxdwozlrqkkktsq6xitjnuyw2q7ocxmimfjwwy3+tx5lfmsxgz4rsuymvxmcfmes4c5wfymncduzj9if81+xy3kgx47f1eiil9mzeistfwswzn8nplxxaesydgzndaet0e7jnyhdih/wfhsxwsfztpjoavnlou3xax98fdeawufczas0ohxe7mrzcbzydpkcf6vkrr8zebemcrgwfgzfzozmcesyfyyv2bwsk42hx3ltmp34fuge469zf7mec6dm3mn3bh4hfvabcvrb9fd9xjv8xx8sl6jn8kv5nfyj7az+xf4c8ikyz3qk3wp/leyly4x7xifwdk5gzz74+swb0eykposubnmkloyazbhbgwn7dcn3dwlpir4lytszcu7gm1gipabxoxvibduhewwlr0vtic/yhfd+8gpkiuq73dynedmn+pspabfyeudvysce84obqnz/kzz5/w4xu6h3wa1me0zrom+tatrqyrr4dmwizbx569v80wdbveu6b89op/m/e1y0h5nqvvuh0x117ej+uhz7vh1xcsitpz9rzarvmviyeui91vbvx6er87vi/601u+lkwktmzh9ak2/xrftv9knsvpxjz2gavngb3x1trm1vihp89vf6zvndte11ebnkcmrheodn0cfrwq0tomojgpfptegn9qilurw19zf7x5myx0bqguffz0wsbmu1inllvigrzoa8r35efoiscc8rj3ln/vwlaiz2miq/dbmknveemxaaf+g3kjvxxu13nvr9vfs1vtdi9durplafxthd3000vywgkuzbttx/gjmxk32ybfm6pbmkfk9qaslct5sssnt8ndrutrm+6iqf41/bvf8ngqxjjx3oikoon97busujjt32in2jzofd9i2ollg0r/ovyh/bnqvlg0ruvffpzgqf/c4vdtwnpwe7+mmdqja6jv8y5doqg+m8hi/ejumrh3dohvmmmqjfy0ehzkp6rkvzzbn2ecud4xpj66cfjwmubup4trm1/aq7a46hraafmzf1q0fjjof7fv+x/dxgfpo7//i+pl2grihop8kacwd6efeizl2q+lobrgc9vybfy6d305ltjhvt9vdu4b5cg2lowqkloyb0cxhfs1yeepnpy4gqgnn+wlz1xijyduxqhufbhwwt03h6jzkavnq8f2yyc/dghwzuwv5vnocdt3lfv+3r3vmrg5fvw8umhmxuo5y0dhduogitm5gnoamfgokxtmy7ghpgy79fnj+8bfs3t2cpcwf6ahvslfhhbsv5y3dwqloaj7yhf1z64xgaltwfpb9j09ojh5hzm1pwvbfg5qixcvn2qzolkgai3owvjtvy2tsa7to6e6mfu5u9svr493dzm663ll5gifvf0qgcmjam+da62jk5qr8fm9+2ukl/ljfrrjakkzdkkwvclqmyv45wuwddootq5hacgxhyf8ihcu+c8ldvxpclyouxodwfdjcsree8e9deor1cff/c4qjg3qjktcgtref4zp/eckjvgvctd8j4bpbsq9dub5prqmin/z7eb59hcjj/jncywfprilhibvjfyth/4sqbvwucdd9j4rvhkt0ooqnim03uoqn/vsqnnqdwpp/oci3ddknrn6m1n6kidzlx4tw1o+ccpn3qrhlknlrej6gnldqhg/59yf86zuio8fba8cdrd+lrdexogatc2mgfalywydpywbnmda8ptmpysbhaeylh8erfajgsu4r7ixhe1fxque2hdducotiv37dh/tmvixrvhwawxhynthlvsj50ef+xaj+nxqwpnzbrq5xihowspb0mr223cb9pcaqeh9txuftz1dd2p9ef3grtxxoedmqymhfvmo2celuolc6yraca+t8r3tzfo6oec+/uazpjk9i+dtmfgusurgrskxkmzoidomysiwwrjogoay90pyevfdvv/frcnkx60+svljk/otdlymclzri6l9vxr0ddvtro2+ydq9ehk1lm2ayz8xpm2+4l1kmi2psrhsyt+rn57wzhocq5leygk9i4oqd89kl/y4cltmqbbghc2lktgny52xbbm7tpargefwt/uvg/kv9ub2v7jdwfmyrimfyuvw0qititdl4yr4qgqknyyw8q8olketyc3pvv5+0tpisckio6jcn1yrz2uftdleqlal7mdanv9tfubtmgcqpyn5dtcwpjv+ewpoaswwri9wyblw0bgbl6sth8sfycf6hjz1e4kpuxkfnh3xbs8o98ct8xtzblj3cuhjklw/bte7ulxcsacnz/cl+inoqhtgfqxtym8kmnvusl/cawcovzeans+z33qadwrjuzrxdzsop4/hy2wkmul9scphuxxa717ddnp8colf/ypg4cqiu7lcg0omu4/chg8sayajqas6gxqiqgtstvoqydel60yu5htgsqhiovdu0jzbuxehyccweixghrrlex6wvys1nxbtg/lbskhgrv4d4m8ggn5yigenlbvgqfaggqt+0xpzzhjlecei+1fth4qs/ffnr3sm8jxwb9ixet8llf186qhqy+yuj80fx7ui8ntivsct+c1fl+s9/cgzbt8llpo7sbxr+o4nmt0hhnyvajlgq6e5nqs7un9alwxqwfweugvxnzpxrgiugfwzcogzpq3ekazms8xc8xdpewgr4satijexgdpl+dbvgmqb8u11chd3jzvnp08znvyzid3/eh/od/fe52j8kobuzyhpkhgkmzfsqasdndi/9mjgylwi1coliibkubumq1kxatqqj3451r/ccqytktjvabxan9lm5c+e17/+avh15tekzmlw1morw4axzfqq4cbdkjfjiwdes/d/9r+azy7+op7/kdoepxz7g7fhmfpfi5vuqprqmjir/wx+ovjqottzr6i7krcfnndpkneyn6yxagcwzh6ezzugiysw4xbpjmevw2io1drfng2+xzydzkhxtao60iamoanzqorovgammjcqhyuovymqqnzeqdayju9pzagyoi4vfaer/90mrwc0gvcgmmizrbmozhijxmiwyy207umhnyctgxn4te598fbdcnh9m/ompfxkf/iwydfzfb15lne0cop+etz4gy0noe0t/zxok6yuuolwj04m3lyx289nxnndfkl9hmacqpbkximljygi+httz8/hzpnt4yxiun17s4csusi1f9gxbjiums02s0em1ucys7lgyukaxk+ablcopejrm0owufagzn2bhi9pnor1hkrgiqe3z4xpyxuufzswuoe+hvkmqqo4jclxxqgqdvze6ftitrtizucvfkajlrooxvi6hskqqpcrlukxyzbigcklqkt1+tugr5xepmj1wngz6eha8vwdglkm8ygqmbzfuwk4rzqq4n1f5mnut3pcdck9czwwvnh5f1vpqx7zy1e3hepocutxlq8elnffuxci4lcjhukadmitiiiihriatvkgq4dldbnjusmcxhsglqhxcjat70obwunyd0mywdx6dxmadsrjetbj4y/u++tov24eshrw2kfmrsjotjntuvfcrylcciqlwa5xav6h0th6ear5erjcmwhxrlbgzvg691l2zyxsekw9vmpuloqgjxuqlvyjt6oqr7ojf6vakixebhngxaareqiqxsqzn9gq5rjrdrrhpowh2esn/rdbjga6ttacshsrjqay7ed85yk7v/sjxduaranpbf0e/ff04fwobz5cpnwccsqdiebomno9tbovpjbm5e4yymjjcvhkhjbhlxhr2cuvej8xlwrmsvlanidqstlc+mulkx/ozus34r5jsop0gezbcv+hqgoacixollg0ph5pbdiubbmvzjm8twtcjedlpg2nwpnjvo5wyuof/y/phopdaa1qpiscv2jpjuq392x0bjx3z3p32tlwxo9abxyiuzvu4h9wh5dnyb508pmfy69tgj94s3+zkznnvwqhghxk9/5whnr6qqs4aroho5mdcgd8bbtqlcymfo8sdrvddbkau7mfw89rq5kwd2upwaewhyefzfoglsbgmqd7wymdarwqkcxcudqkoo/bvqdck0lmzlylaipicxkjgycxagyrd5qkiwkgdkewopckuroojuraw+7oouehpfmwmq6w0c1/lc21v/o3r8/fevfkxg5m9fv2j3zscbdjbn4j/sxfioj9xkzgivvob1y7//nvdhx98z/p0/chndobujhuwawihyrsdkckddrlf1ipttrfjjcm2e8uablddthobne7r6btqq0bchhidw60owe0ud4yib+tfywc4bkdw1dhfuuhtgm9rxyfglwjaszoiugw9jplqrtvmuc/kil7uwnkcqbcxutmeinwl8j/qiwq/gcwlfzfvulxrstmbqzlxkjlnfmvdp1+84qwxrq9twpigfz/nv4+++w0xvufimqlvz3ywz8gz2z9au+wxp0jpz7ivopxhdiylz7p9ok8acmoysmlqxynuqm4nt8vjbyqtk+7wg+r2ixlqxm3v8auzbfqwwejwakiou8e7rl5cc+3w4xcufhtuhtaxsg2e2dq4nhdgygecohzkqrygmrs4kinl74h5rhfuprqpja4lyoyys7/esh359h33prslde8ugrh3ueqx7jqq+oblj8ltn79/5ievnx2tgtrem45xfzny48xmkv/nh8hulcgjk+c5b+7uuvblqiboi12bpacco70sr2pseznzz0w3mylaiekko8g4zuh2nhmdpe38qppqdc77gf9z6+d+zwndasnzq8tlwelble6sckeulblbjardfk1a3oza6tqea4alwnidlt6u1oogxsjdheidoawcmws3b0pvyttszn8yt7h+e3eqt6lcrjzpheqtli/6fixvhek9+dmexa1zwnocf60doz5db9jzgjaq6cwkgg/cqejxq6xiedrmxzck6fwogyt4jcqb8lwahqouokyzvshvcnjz7ielwmfrayuyedu4zq8ukwpw6qjkgkextkbuurwzatoefeeglrv1v77kh9/86e1fpv3ijcwtum6y9ebid8t2g+lvzi/de18pt/xcw+03t7xj7hppn2otb6hcxzdbpuedxcamqukel9y/ckcbfjss6ymsleznocdeymcvo4cijewmmdiyvbpuonpiu8vz494v2pf72kmjskwlm6w7qc5e0c0jybddbxsr0wvegglexrzycvldvkniqwuljqygxpbcomsy8vj/bruy8qtfiz4dkxgljqjvct88f7bdozfkbfrbvycyhgwhrgantoz0ntyt4m4mkpazjotri8begmboiwyurcitleplsg1ot8uzwvapqklhvkrylggxiabcglidaput5r7ppwu7qhymzuz9qncolttiwbcjqbz8y/kxe5ejeituvvafr9yhnrjvxi15ixe4mph+uwuullzvex7bi6ndvrum/grshl8qn0kjbyntx3tv2/rksx0zvzh5ccjbr1ogrf0lti7kixdkvteqhbhqxljxqsrlpdez6fgz3ijo1qrtwmqhjzjdylfbbteihjbnpnbuof9dvsoqlssizurf6kiusikgv4f6lyhudf5vfzhsqq/8fnl+yu/xmouh+1difjrrrni+5zn4rob5zqhnw8/f8emrla9ih6leg4h6puurl3irq6ifvk3nbospsmiiyftt/jslj+nvjwftbhqgfbpzbyg1+1cdwh+xc/kcf+wtzewrcex/xb41kllnttbkuetsddkyvzjkz+g7hhvenfxh9gx7nlxzvcbjooplvjfpmi+g4vxhvkk4hj+scaumijok4ucsxlbjphvr0k5hbbuoqavhmoprh0fj16b1yjmoe0vkoqcavdmb9j/zflusqppabqtdmsacxgm5/sdoyntyw/nl+un6quqqogyalrvfqmriqqqxhmjwr9xlfvzzyjbz/1mid/ne/tivper04q74dmbvnbhtgd9axg6egl04groio0dqedp0gdn+gsjqku252ykfw7+2ry/lbqf4qwhwdrce1zfkurj1qrpvsuqs6sephkjqth2kzo5g6w+ohw6/xc1w1odstrrtbbeepyvazqiz8z2gsclgsk8jjaqprfcwfwrwcdhd2tgsdi0txdbf6r8uhydgwlwnhl4/yrsutxqvo8wdhgw9atkgyw3w1tuc1hsz0rjozvnevtvzhr805ry9vxh+u4cc4ywzd/zxhvtuzbprnvu/zfltn62ld2u+v33cuh3x9czrbsxjnnmbcp7cd2w/yhn8ua7ti8whhnmcwwkmiwtqfjaivenlmgx6tfhasgnudthhag1y5xcralvydnynmo3xly+u6e5jexxx/9+xcpwfzncmha4rlku6guuernozfvfccxpydrmlvktcy4flo/vitqr/+qqftn2orpuzvbpsldvli+bf30ziczvujj/kzlrhtpg92q6pr0q3sjv0t1le5hqkhfpdlpj0hvq+d1h3e5n2ucs4balwbdtyrbvdzitshu5vygx3ognehvbjgnzjeeydclbrl3lg5ykadbvqcamtjkivu3waptqmbrcihipjgkyiq8oigqpkrd2tlkoyh0gnlkuped1yrkynrrgen6wugn/kxu2bnsep9lcsf/lv4gox/k5yqtj3bjr+5jxeprfy84kv0aylj14muvfq2i1q26mzctmxwkhribowrpj2stuttlbkcxl0gtsspgs6t0utqwncnkewgi1kozyzbvdn/uolujepdahvltg6le7ghueuce4cgg/binh1qwctypiuevfrtq3i1jwpdiqptfenfkil+hbnbyofex1nop7i0boaxomcfewrw753mhfoydausuwvfv0/f3flrfupztp639qd7p51y7krer/hmt636byyz5j4r6imxnxmbma1aiabi8eqg0wbyjzwne7smzqvqaunszqndwrjkugobqv2y0am1ohcwjfonaooquuhsfpk/cs1hfj7tlq+k6yhll4bmkpunk/dy37hdt7m1jv1d23apxk4fbvdvsoy+xbht9b1uzn8nz3ijupdw0gkio8nu23hnxmfmm0xb8krsrmcoxk5xm7iaghnyzoamp01j9il7urr0nx6l2qtcswj7vd05gwwahlw+vxbbjjmtqvlzs43fwsna+ahb1seyakzawoun8p2usudixlugq25mkjrpdmzihtkhq6vzwilwudmb8vqtqny5w3pr0kowf5u3dtoj6eisenvcj2m6harcjhgjuenjdxzuktkimwwx5n8jmgooikyziudkijkhm1dp47pwztbigvok00mvvrmgermxzouusskgfcpst4ngxdgygnwycruwugxl5qnkcvkmb3ipwhu37vmkgpeyrffm0b3i2pg0u8965qbovjb6hqjcxyix0qb2p5zw0ae7n5s7q1lfnn4z7epynbzwzfpzz5xl9207etnva8//vk0sa6rcdokpk69ps4llczmndh3b/nrumlzr5q0nexqc+wz7sk8uicfo/vhs8zfkjesys8zft8npcokv9ik1md1jeaqiwhoumflbz3a4ebxjsc3wmdwmdnzl8uwvyx2u+okpgfas4m3vpykmwj6ljgupei6xtwvj19qnc3qwqp1p676mseytmnlew7u2rm0f6d5tn5rorxt1q/npyv+8us8blighjdrvnl9c5httyg6cw8tsx/gcgf1e6sghpwidmybucxcdo6whnui3wk9jisnw5g6biz/fw4tf5p7g5fgzn+dtxewugznotw/bljxllmwd41fhxcjdx5i2qvghja8pimeatu2ripe4fhceiyvwea1rpbowpcxrwi1ofydipseu73pkq0x/skncbsyvqqrq624/uvxj7fcrfwtb7rqkkzuuemmdkuctbg3mjki43yb2t7xdy6gwt4e/t5vruw8oujbpfoiphf/qo7rzg5dlkfsnqy/ih6seypxx/heuq7wyhz27uv3ecgcz4ya344plfffvjrwu1uijakxx2jwsn3savwbzen2dfgm9lr6jeyzw5wvdajnatrflqlt3avzlxzr1lqt08aug3t4dmq2jrvlnfdjkrnhygocooiiq2hqqnhygfugglzu6xajkre2ssx3us2otmqabnpa0yjmamxqsjrbpelboaeir9rw14mipourgxfpkrm1wg2/rp+lf5yuphweovhhymordco6s6la8bshikoklrpn9ugizshxrealw1yejdrswqnfftkgm/g2ajoduhjrcd9/sisatyswlullycmuoimwgrsd3v/zo2+++8u+xjmj539+npethlsphx/lmntw+r12xjxxefb8cexdtzgpgtl6rwrgp5ffpv2bfgoppf88bfr/xoojelrsakoasnfdxyexoqvgjtxp77/+2y8tm0nxz4mve4klpisrtkwhxxz8cvyxzepitiaari/9mrnjfn+gau43i3d2mx+y7bsx1b4dzhxtbdboezexy8rhtftgm7/fvnmy2dodprb9abhnbrcemxo1/os8s4bfatvitr7hymdl8zaz1yl2slmrsxdloqrolu6crmqhvrntn/yxc+r791krbtm98yltusllqx2c1hl8zoi7ihtvl+b0ryxmm1gsc4xwq40nhc4og24j0+mgnwnvihxx0si0w/hjisayiqmittlqmjyphumg4mywrhw6+ocmmqdxph0mewpz9cwfen6klrhkldx45arnjnynvng5mbtpkf5ie2sb9gqw14ts/wc1c/ccjxsp/y6ephoil9gekxdetipoftrulqsbktywnmfrums4vqcnbppq0gxhq1e0puu8okz3xwt3ye/kcwz2hgzf2jmuawpwj+5zu7lwjvun1f2kumhi3zhbpumlhf5lpwub/cyl4l7dk/7qpkow1wxxtpl19vvu3mhk9ogprxlyk4moa7n55xvxzrfpr+vxvvxw6cvnfflhzx26vmxnvc296iswser+1muv19fe6p6ofak4yw64v0+uasqbqhcsytw6sv7acavfs36wzqabzpjgqgeqkkuqyde981oqy07dneyf4e6gpzh9tfabe/dex/0wzcybhkgta6je+zamozgmwlcknizvwl4s72uf3zjgmgy0xsezg9zihx2xfe8a7m9i7xjmghco8ezeedxx2y3m2jpkipmygcl0slxsfg4i9wzv4x8rpggjsum8t/xc0knd0meq6aqzaov6a0295intt/zk2rs0h2evdoyzemaphdvrd2raj1crnnt9xk3f1udrqtrmisrghuyqqw9pgju7uuoozo4l82a2ywsga/6shxjm8r/9mrgqxw8trgigt5mhhvcm5/dkycjuqh3uk2cqxyrnjpvgruvk5yq8rxkztigp0alt8pzjrxacufdq76djmfrjkmoqm3uddfhbay9jebydc/piw9cfys2gpzbwg6ldmdtmhu7lpmgr0guomjai4bw3mexem1rjfrfdir5nvb/afnsupxakwafe3psgqhvu5fnyq5gfxvii7ltdi6c/s8nwa+e7vg1ytqswylijgvviqnb1ekq8r5i8chaenwmchymhvb8rzvdeli4xpnd7ihtj8pzjd+yi6d7j7me8/+me430vw55u1e4wtjjo3ew+w/uej0a29no3uoeu17s+dvvqxkcpeheen3lnfsv14zffmd293gqsnxlremuhyd4y9wvvysgmecznu8d7c4p/6s3cb7gzdzsnraxel/sj73cs8rjrqsmxhcw7ytbiidt6a2o9rzcjwz0wjjxsu4x878do7ojajnwbkr+dvsk8ohqij/cgwvwhekanvcguem8rbxblxfw8gimgnugutzjr0ipjasw1hc58jlzuw+0vjpi9ui2w7dman8rqzngzc7mjzk9supeqxemmbjiplvwep+oqqnd2tx+yhafmhbsulbaje/gbny3ag/hiuidakrv65el6dzrgwbcjgbf40u3rmacrlz3vtmrjsenffe3/frupnvdjaln+lz8bcuc34vmr6g53cx5rw0ts3xk1lrpi/4/fkqxyokngmaqodc6cp1s5puev62jd03rrhzvx2otkgt7f/vklb84gbttmzjxlz4m1d0qx+jtqo/p9tb79ncpztpia6tm0utnfux9m193uvh92pko2tzpswuepkx6yubo49bp3rr181+kaf/cugtrzyvqugcpz33pxk62eqd/vst/vst81izjderefog7e5jq7lyb34le+peqxptk6zuk0zjyx2libizvo+b6l8h8aj1wnj2vuzhn0cmvhbqplbmrvymokotagmcbvymokpdwkl0xlbmd0acaxmdigmcbsci9mzw5ndggxidewndi4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ab16c3hu1bx/2vs858xmmjpjppoymcwkk/cdygmgkeliscaeqsijwaqmqchwqqnnqacxcggg+md64cgtpwjvrl2tymmg1t9/iswi/c8q/rvktd4cajgleqoomgfu2jmhsm+/fn7f7dc5s8/a7732b6+99tp7hyaaoinnwefg8arobikraxjzcrpti9f2ul5bmruailsbuluwdn931zmudzbdcaeocd9dux7p3vsqvgletwbitc3r6lzyyc8ygwe8m7f8ytkm0nwlutg8fcpezat6btvovu7b8jmyxrny1swduwxt8zepecnlqzpv65z/qfzdmcvvuqvzvdepi4nhmyxtgk/71u/10n9wh2p4qqy3dk/p6g43bv+kyyzj/gpjcd7spwmrxkdqgowjmdho/8wlyllutdypvmawplh6zncm+f+nrwetcqshungk+cg1gbfmkacs72z0frccdakdhfj9mtakxyfp2aupfbwkaetervcoo2pz5ljwbpriodlmifikjbn3rpje+hfk6tdcdjy8bgejbjwwtmbb70kkyya3qiv34d+x9h3wu3zxwifkc+t7i5kjeupgm/weho10qzdu4pmhezcrmvgosjhyuurlqij+oihskubsikegaprw2qv7ii4uigwg3znhhwzcon4hb0cgi3/g+kvgajgsan5s5a9aes8h+ge7hitdxe08jjvcflma8tbksq0orhoia7hczcxvalngi7b2pngsdjjd9pj3uehipsi92ldktjshi/fzbxfabtghz0rzlektbtpwxw31mhyvyu+h8ckkqxapirfrn7g/c3/lj/f7iyeqj3nyxgc8sjhexuvmkswkmzxdniw/iz/tutrj+bk3+g5+p/i2d7bbfngetslr8ae4bmpwfyqjjzxnibpjrvjjlpefddxtp730bvo2vcwvce/yer9dufm4guejb0s+qp5tirsmqs3mgrbowmcp3alfhx/cvilblhia3yc378f7rcegukcksc2zs24i/0bww/3kahmoncpnyuxyexkxqj3uqwvowmxvm91on6gd9agd5oxcd9flhepe5t7nzxw7fwyf94q8oudmfuuloeqd6nurvmjoyf4cfws+xsicpjhceerxfwzfkdyomo2da/a0/bigytbylfjhblykfl0pl+ekjlgypm4yjpsrrjihovxjvpefkt3i4ueyhfwejufhtfimuyqpcnaqoxn0jtpj1+ozf3bt16p46dg3l8nlcfvcc+qt7hlugpuut+cx8qv5jxw/v5t/vegwjgslhivct/cqmcs8lpx/4biwiqaifeib8vnxdumwjki7jzwkis8ukg7p4jzfda9z3rj2wlsyfud1pryc0jsml8jv+bkowrmkbvsojwzgzd+eittwnj+hx3e/ghk4nz5az0qqucc5drkxuyj1fej4xx8gkj2v6cti93rs3c5nakpyksnus1rmiqkmoye+tq/tkhpzegweowryazztolzbji4gn+gpq8tjyu8nrnr+i6ij6mkoatfmcbpyuu5muifnahmu/zucgvjowfhoyncvq3lerqvg4wqerva4qmthnbb031ptaxufh6p+hqh/z9svr7/bjqvcnbzl1a4g6xdvbketxdzf01gdl0uobfahkxm5caqgafpwcrcmdvyusyfhowqcdk91tdduqt+mcek1nuucjxnaaqqt3o7wvnwgmbrysyginqpgfm5ocvbohvmbwrdtvnzlqeqfduiwejbscavguqfzdba1blno1idtyg0yc4jwt3xquugc7evgdv/n3d9idnl0az1d/docgy4dcdoldrbq590yqm92ybx0ztawilktmwnmrhmp9allu8niola4ghpplwdz/4ooxbwawwydauenp6o6nqhnlyp2gd0ayms9yrt9khtbozjxmvfj6cs37fyy/wbllp61y4zabj/xr6t1two4enaszzqygxqtxkyqc+s1jl26yqb/crnch79wgr1cjvxmdviujs49kkrp7wxuah5lo3nz9shzk6ohnxzhdfaho6ov83f0gybiagj+g8fv/xngyhqgp74xpnm0rkw3faysky3/magfsed1/9oomdwezmu2zzi2fgujq41hj63mgxeyxkzveshizq0pgaaxzycqe1tdjhjnckptjuacw938huzoyqk3vbqbw0bulkzku9ghhezdtk5jkuhqd/vpx9lvmuzahilfp0cpjnt1txygym0tcavmbxeha61jy96u1tajwe8+qwelypb+vqxhxwgnsknrbwhmvjbbj4oq0dgypyw4qtopgkhurdbrii81tgspofy2tmkuwjfokepe5bzrnouq58jstb8xq6uz68aqwvv7wz3nlr538fh/f1i/m3wxcija30yerincwljgx2tczfmjlkxicsexci/b40a2whmm41garwtqccb8y4slx/jgkixibxeu4dj/esjl3wzh/7dceoiypzcgpal5nsgqlv/xitz5bosn/goek8b4riydyg1ffohkfxlcvd8g4anfcuhqmu5vqlggea5mce/71yfcewpcdf8y4eljfcotm5db6vge6/9jcm/8ngg3fcuez41xegpcs5hnwqzhxn8dwnnuqljphypcpmy3mjkxuw2oijzvn4tw/g+d8ijvhxdlgkc3inykplcwhbf+6xc+6rsia+4m9uiobtluzzi076ce3ikygvyfl6vwoah8csdrh0auugjyzc1b98pyw07orjhyhnd5lmpn5q2gcdluliflmssqhg90g33o9vkpha6dfo5/nsxen139jrph2e5b5e1ho3az9xbo6alklvaelb6uuztoa1jlylj+hdkupju4yb9wfsuf1l5n30n8g+29pc9sbmuiaamehyw7djvojjnvojros6lvlnwmsg53fgmq3exe435mfpsvhmhkqshohz47xaavwxxlwyz/gwg4qjc0q7uptmttslqs7gxfhienmhmt48evlps6rxc7fblg0vyfzxil6fnfzzl6smrb3mefph76jz+bv+akrznqytwihh8aojv5ba8ojwzvx1hsox7yxrdxvvjxfkk+9spp0su5chf+ogjjeustfisgluc53fhrod4nbkihboqmpicyyxjxhoaakovwf1ufu1he3ijb6mo/e22evhkewbvefyz388+rjyog3qlewyorx60azeh4d8elh8kakaeuylxottp4scd2qxyo1iobfa+sjyes9s+q6aq+ihbu4ahleapbr4bu/0fg7rgo41ac4k4qchfcep5f4ltnkgkr13p94l7us1gwc2ceaunk+rkhjqvla4vwbgcnc4ioy5kgcjst42aaeb63dtrt1kjpjhgtjnxbcbpriwuuv3ioueuszdghp5p0sov0e9xna0y5k7fpmly0ofyg+jsbrh5ixjcgnetnyl31tbdtmjyqhhxbjoefdrnkcvkejuxqne2wjsftjg4n7umko3s/kab+cm/4an2o9qj+b9rxheph/ftm8p5rp6zbd6kjrj/7apid2e8bsglxqgmlihmoisjtohqiyyfctu+p8ovcquvdukkoebvbzx+zqn+++qlw/gqtegxhjebef8rmrmsexwi7nsdjskywwms7jgt8co7ga8w2lurfcrmmzlqcuozr4fvg7xcxcs88bhwsfm48cvfklztjgqxolljnw0smh+rqrky08bgltjolcqxctmf0rdnkommki5fifarem4wagyq4iximrelijedjze5oxhgnpoejpnh9nc/entcewz7lmilz0244d84wljdehz8gcgxjpxkjv6gqvrct/lmutigpriqtlwbwxckvikfv96n6kfqgeomq75njrmcmm3ch55hsqzn8g9mp5fxlqjjwm3l8dovnnwkh4e6zjzdt8itzziivisob4fy1o4v6uuquv1qcae0ts61jcwyoxpclz9pzckmkfuefnbhrfdjw/kt4hnge3pmr4qo2ecn+oxv5juy3ztxicthzsyzwvgjofkvu3b4n4nw2swldqpkjh3xftc6q9mut2lrhlxnniymfzss2lj0n63lvz+jehaf08tb1upo6fz0/rvbysn9wv74jpk26bnuc5s9nz+16zhgx15+uxpq6pxl7pd8jv4c9wpotyntchoqtfdznesywqo6x3fkgxwupt7qtgut1xfrlarfytfmglhomi8m30vzmogi+zt5nfi33usily5cjx1m+ziupa6m2zezmt8rpaxfa3pz/nsd2nrmyijhjk3m0bbahc4zw2fldmy4iz4lxaztk2wulovimkbarqgobhkhlnqrahg3dia1ogj/+myupowkxrhuba6uaidtfe8a9jh9ve6izixoypoze1htqtmjgukz6ovxvdwqc2/ddbhmiuij1izjdvt+sv9b927p7p+u9od4xb6v6snpr/am6roeqk13jbrll907p9kv6jkxe+vvfevhkptvl0jvmz/y5pjmzpy578zt6gzeu8pmopszf3uxl+jvxxnape+g+woxjtlhkpdlo+ldsscz/xcz+wbonf/bulcgrg2ctfez+rn42i+cttgljltyjtilb0eao005maicg/inf2vmyhowohqq8uahypqn818qobqgjv4trjscg1hmj//sfc1goche6jfhy/qhtvmcwf84owneknogswokglzt6spiu4figizib/e5xcjqxesuoxsyf+dcnjw0rxxujgb6bvfoywoirmjox7rhumdlpk9sxdmwnkuqwpny1sti0ywflkppvu3qfm9tq1vpg/31k3upd1gq0a3qgq69peuxk+y4r8y7sqephpvfc17aztvzfvtdhrlmmpts9mt2qv/zui79bwgqmz1hlobxujpyj3yccq53jgqpausaljtppwo41svrf5rw05q3ukzbivjx6n9buttvtbpw1qs9gzrnvczgtipg3xkqftoze6knzzfjmbnpgx8ebyhmm+87q4j76r7++2ddu5fc/iskllq3r0jek+vc8mjh1bz/kf6qnplpvwrjx43bhwhhkzua4az2d9/fm3hlp/bq7qzf+aynv8xnw3fnwxb8lulph8qsf9iwt6eyw0zltbcp6u8h8muels2yjip/ygu9nduiwoevnokzzjmptdsxxtihjtay4xhkj1e509bnrrvszusahr6ityrivhr8x+ihly7oa2pnusyfkss5g1y3d5nbrygomx4laoipsluzawzycpp6ejxm1xkpmvuv9uv3yc2l65dqrbgosptq5qoq+mbffnn3byvmbe46ssi+jnzsfporekfcoqjnuwrewyo9mb3i/1bfsliuaolb6dzkophgvrzlzjdhfj+fjhu5hid6e6tztrqszlve2iogr8zhpvx4vfe9uyu1gsti1vhxhpgnawl4+lnfrorv2fhk3emnyvp7/o14l5m3dt3dnaer9/rr1fnucbip/fdjv2ukkpyvweri25tn7xpo/4fm7d/0k52fb5bw/eccdzr1ig6cd06fjfym7yb6ff4lgea2co16yzpjuuovcgd/nvdglz02wjfjr5jmwmdbpjjzlm3wh4xx5h/8o5qpxfzdhbplm2czsmfa0rb4kjj8dd3pcrxfcxfys6e1zs1ztbplwwte0rss6ms21q7djr3uol3xgpzrq93griuvsyyszhw2288mfmthox8y29vd1jqpwlqj2r8wpj+qe1w/ruuwijaayrmizvxhkqltxpm1v1wystdrsetsnnbeuplqjr7vw7mtn1opeesgr6/nbitxfv7t0ls5n9fccqmoal1tyuerrospfi4ng5q2bz9txgt8oviyistapkdytzpi2amoj8gfusakkahdjbdfhjdsib92nsrgngstmzkizq6ibdu4uqrywmxdqfq9hlop4vhzq113f6xycnxdansqvhop0qaifogisyh+x88jytq3h0dubbrfmupen1t+rfcye5tehdbkpx4in38crg6auosc4thtpxcmko1so8bac7ydwi92addvsfqr7ko5b+hs6i+g+qmsvdvo78ssdq9tcj2fqexixwd7piieta01brspjcl+a9zpwlcpijyigxgmjizraivpsusulga+pna2uxip1nek9zkgkomeygfapxo8ngnwv5q2x9sumhlho8tfzaiqmtl2ca9/wus1mqaeytjiq3he3p9+gupvcysbstxlw9f1e7/in2vye2vxc0ly1t2gkq6y5zsw/sgyav7l0rxgohzqsoxprhonhdxr7z+7s2xmt4w4+8og8b6b0fgnhxh72vw/tw06ch+zuqj6qjxazsselpew7tcssk0huefh44njfkpry46ndbmt2ls3+wnuraaifgn184kkdfu1wht+2iketqv/rfx/x/6z6zpq99v6szpu8ssgtaulbzrcnna6n0v3z8+durowkdyklc9orojrldqpqn+7ju3c02n1aqydtyhfzt023zcbz9bb4pxpo8nosja03tmuzybte6ndijua73reiaw+ntbeyfwh0j9oqip4awlpag1v0ohrggzul0gzwgznqs3fd1dvb19dl89wp1q/w+zgkoiq0k8tw678bphbgyodagcgl6tnk3l8/jgvvn39ma4hlr9rm70xz1knuzahkwrnkjdlbvs7jisrebk09ttbb9cugr5rothlafpa/u15ftuf0zcilk6ycv6nvi01s6kdxmkyvowlc9xzvdlyhusqb1vwmei0afmxz/ii89six5k+4eqt99pgds257osevtif60zq5jpbma5xemvblwux9tvntewacq5trcvzl2/a2c8yr4ejtirqvf0oknmbpkpsitnhrqhqgnjlz3nfan86eaa6rjyfcjuuvy/rz6krtage6ajels0wdofjhfcbwpdfm6r+0cunz+l9mcqojbagqatzetxginunod8ww8bw+6ovvmvnjpjkjf6a3cctqnmcmgxljnbpc43nknfcklwcroe0kog3zirdhei0pfos82uik7pc7g7f0tvx8uhyknph0lwauzdbkji49ulkpzvv18wapmwb7mcurjuwjetdxdaykldcnxpwdmlhirxqzfkpnxg4fm+om5a3cnhutpy+ymy58ym/d+cluegcg8hwlw5jtkbpml7ok0sepifri9iqaa7ldr/gcnq0jmzty7enjx08yjosmf0p4bfqy2sqoao60e7s3yhysgwrxqykthyy1dllf4lvzoxk8vlmv8s7l1n65n84tib/zvefb2wua1waw0zlxx9grjesoz/1lx1f6fwqoj95a8wvw3lmenwrm+8s54hlxcffxem8legotxaqntidbx4u1zbv0cbuej4tdwkvcb+qk0xaunvezcl9lxyt4tfifsaue1sxhfzmiwg0r3sanohtohni71mxwtq/f7zetiez3499u+c3b3+l2ttzkf/ryc3on9xnanrse6mn97xv/zghhozh2jhdpzjy6tn1dxu8cf+krrr7av107n9qprh6vsqgx2cwjcqasn8a7fnz8efkmmvsp4f1kdt9dmce3kg/xe5sf8v+upmsflo4qj/htymv8o8of/gpv5tkbl3a+e54b8iin9+o+e5phisamadu+e25lfa1n0wixu3jpzeskd6lauvgl209fiwmiliokwlnrpqbhozofwl19l07/vezarntvj02batsjwwk00ndwzps6tqulbvaju31dh9vnmzgml9omql9or/zn0fia0gewfz2tla2rsft43ponrq8atmrbetr9ph1okdsre9h/418/tzoptt1byspd4ddjrxoe5dws1vknkk/sk4xfb7p9ynxlqfkqckb5xrefhyhismtu50ku/wspsf8vtutm86+t1uv11vgsfz9mm3a3nqqvexn1sp66ddqfsatvrik6zdln0miyv6+ydyitkgnasxmtnib4rmmcgmxpttqukuoyocan6bj+jnu7zjyxzeyaztuuit7mxabdsaloob8+jwslkx1msxouhwgfbk9gxhw/kkdmz3aabdefcld2javtic+kdqfst+ija97smq57dq92k8l/ez8uqp0rb38+iz+fbh6vusvkxknj11w7x3mvnlfppuq4et/jiffdck6tu3tvji//diwy00tw4oxl945rrftchztjgodcld/7irwz1cz8bivcoxfthe3tyymxdiak4stspx48ntgjbcj8ebz9w9g/n/8t7bmpwi70p4bx8/jvwssm24i0fmkfujzmge3odkgpsanj+tbvoevlumazpqhm5sd8jlhhvkwzgm/p4s0u5h6yl7rotq6qo8vn4vo0imwtfi2ce7ekz6vsazv0mpwsd8tnnt2klsp1etpphkxey4eipw/aby1a+lbjwho3gdpshrcfyl55mtt9fto8+py6rpvru3qwl+7mq7p15rjmt0z/efa1xn/7jwekbxmqcbnre4zckebbqhotp2n4nuudfosyg+2oodaezfgnxwl87qivbok2edthqwiduinojqdlzhmqa8+rnzdyphlqeccpwudb9r+8ggathi5g30gsh9dpqbn4s7lz8zytdvmvgjwrlewf5iq14i3s6khv084qmtlo9sczhcn0sdqfqxdqlhqd4djfzmulizkekpxfeb9wxkh3ubfc+zm3ypkq5jttwus8xynpg86xs0muyslvicebeodl3jucvyrncj5bosk56mo4qedajzih54hso5ypby3g/cw7svz7q2tvoponjaw5h8x6h94stxgovnbzjhrvjtz066eouevqid495fzlzxauwoikohw2e1c627x+59zkeekfddawykpomb7tznrw9kazeguojfz7stfk8bhys7neo87mwatplhcgwenyznsmyp25p33ymev9jrmyo0sepfyxme2t8z1ceiij0tyyquyzusvgfvuej0/gigarhxhmu+dqxrbythyoorcg2xuolrm0pcr9gda5d/nqffvrlablrzcvroygcqvd0hjpnjreypgypaw8guqvkqre2sqb5dhzjyuylisyl1mz5mrq5i+bhdyte0udiylp3nzub0b5jfghrnhfg2mkmyakwp2wtrw2ctmuo39a9d95duqjo6pzvv6hyth2s5gu4mn4urs8mniahmc8kztwsdt/naercsvxn60/1lt+0vzo9wgemq4o/ewgugmtfsaxazhlnxbpputgn9udixyvy7szk7je01udvospdg00rcv9tfj8ltzkqr6a+tvzwwbmb7qqb5sctez+v/vqy00drl/yypw2to+1vvfzd9qqyzxvsbyao+x+pq1zllmrttwlttwltduyaiy2lznts7y5cv4brrl/ogvuzhn0cmvhbqplbmrvymokotegmcbvymokmtc2nwplbmrvymokotigmcbvymokmty5oaplbmrvymokotmgmcbvymokmtm1oaplbmrvymokotqgmcbvymokmtmxngplbmrvymokotugmcbvymokmta1naplbmrvymokotygmcbvymokmtc2nwplbmrvymokotcgmcbvymokmtgwmwplbmrvymokotggmcbvymokotuwcmvuzg9iago5osawig9iagoxndaxcmvuzg9iagoxmdagmcbvymokmtm1oaplbmrvymokmtaxidagb2jqcjg0ntakzw5kb2jqcjewmiawig9iago3mdezcmvuzg9iago0miawig9iaia8paovrm9udca8pcavrjqyidkgmcbsic9gndygmzmgmcbsic9gmjygmtigmcbsic9gmzmgmjqgmcbsic9gndegniawifigpj4kl1hpymply3qgpdwgl0ltmsa0msawifigpj4kl1byb2ntzxqgwyavuergic9uzxh0if0kpj4gzw5kb2jqcjewnsawig9iaia8paovtgvuz3roidm1mdmgicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjavrrzjupg8x2+yh6lzet3wdoah+wgbmzeqeivkif1ykfr1ig7fcnzmj3x16eqq5psuttmglvji7pzfvr1dd2th7y33/yo9w3sjwho324pt4f/g0ntrrfat/v3q0ex3gqqwh37hbxlntq2s7v8fethh9ybfqlgm294qp3ylhntnpkw+oemplgvo+bcadkmu2nwfy9pv9qvftd5vjf79yftz7cq9psv49tnaisq0ndudkzd+b34ced9pfplqax0tf3d5jeeddw1rdxlzbnj4xc4upzgug6wcd7kf/kq+tf58pcflbbmseseqckhhtr8jglxkoexayyikyasrh7zprtcbrbgypn93e/k/c1sjwe2y+tsf3gzx6cndpdi0cj64xopadnmx3i7evl2h8v7vfjoiowlzcq0zbh6jjdf1ntnrorc8zeyf4osrsw2zyfdwaxfirhnkw2zm3xp3kl3n/ksuycks+9fp4mlkzjskf/ozphmxvdnkz7p+n7l9no+h3mq5ozsxyrwnotbs801qxo6mfagjowdbwqlpd9q/lqwzskz7kiievi4xj5pod3pp/ajodvhnu+m8ggrzuro2za0sgrn+flaljyjr7jrxa3gwybuoyn8mj/logslkhbduyfwlpqj7i3cb9nug0b+mjz9ptduq+lvpvmusmcbme5yzsxcvqmpud78fxsj4ajivqi/cwlhjb70b7ptze837z+i2/2nup35rnhaxfhtz/gqngx9//z0ewjlsrljcylv3t38e9hsa7tt3o1+qp/ly6n/ciib/iumk/5y3pfnwsyrojygtmopqaxn+sdpvwlat1ztvzzpecacpaxrsxoesu/nkpedzr71fzoezbebq3kwykh7mhihuilit0cutfxnwtjlmhwedhjjwod7rmyrlkxfmwnq6snsh4esaj4bqxljqghojsytpuft9sgrcd9a8iqr92wxngp9rpaqrhwduj/sqiuylj4nhmjfvfueokd8ixp9w1t32i1ave/nukmbzxp5xbulkflwmk1hsk1fqerbb0sopp4lj8elduas0py3fph2k+foav9x5pnaait7tov4uwcshbdfx3vt0y61gmbjeatm8119yjuydiowzhy9jwrcgsgez2j9eljlcvcfyvhxb144gto1digqnbm4ir03tnuhzzkwss5mbndy4oy3lqtk6ypuxyvqqut9aiygx9enc0kzft1d4/ik4b4n/1huwpxndris7mgelwjothbcisz73vcp9i+nnhfvamtitmbvqpjgkgsfoykozww/8nzwbv3ppdbagd+0wxwvnvvwgfefcvithuk7utljokt831njifllry85u20tpd8gq0ltljku0bkzj9deqtg9alkn96zghpodwc5yn0hdfzbl+b71fijfqmj3olge0as9gcjekhaqh9ly75/yfes7j3rvekwtk5t48q8cqe+vxcgmqbieena30dclb3dgxzh+/alqfsp5ixftmeni6l/ikyf/ktnilxlt8wzmphwxhwi/db0cimtwiyccui7+z8xz10hin0yxqfx8es+xylyxk0hv26lvadrhu0ow3a71dfxfofomjmsn85wojrdfuo4vcr+njphu5wpm9xhdvy+v3mnlweesbvxdvuykz5b9zmrdmxkrzwltxw/5xw5xwuuxle/l4r4iozpkwjxr0uu05749tkr7gnechfsdovr7ftx8iv6sw+morsujofra/va0f3z7lqdh0npifgltvlbcwsqz3792uvmz2+vuryq/gdw8ulz2jjb0jvorox5svtmyswbw5gmxm227z2up74t2sezabwyigkexkeetcsxt+jrlvq6q4pvcrf7kmxb08ein1ssm+qu1dk47lcp8v3byz1ukah0j8o1bl+wmhg2sjw2d64ewepqbsorl53wed5xd83sf9rzevsgonouyvp9j46fbbfibb6zam8qdlfnzyqoshumz/eopq7vdysqqyuwjwoillfupf+vzyvouhwqyulal9jiymhhodbh/wsoaai+ropqkrljoths8aoybl2zktnc6g/eyxxqmowt8zhfgsuort8e6tdzdxt4m5nj+urfdbg1rtv3tzzbuh/fy0mpp4iqdyegepizyrcvmr02ydcbzdgq6+3o09nmee845pc0dzmcmqyczn4vuubcly0r7qrjz9gdu1cwge3gubdzttuhh+11oaott0xuwjxoybki9xw9quxbvf9bwzjnr0cbnwqb/ameoacicxtuvc8lufabc+tiaykqgaeznqjomif3xw2siug7tktsrfmxbg4kynbfaliueipvx2yt82jertbmbbsh9xuun2xkz0zpvzfeoh7zflayhqamyta8vjplwuzfprutl5vamg0kh/nqncm7g3omtsndsotdh0iyrew1hsr7jhnc480lwcnpq88pa5rosl3c2u83kfm9qkvjpw+i+aez4iv9o4myeolerunpjecg0p16sw4as2o/ucghli/1qt+txial6vcj8qmbvqigtr5jrdu/kxbq4yygvgifjec4b8ysxsq7phkgp7mmwnlixuaglqgytacokmlmxyovvaursinwickzor451r1bt8ycwuuoqgxui//y0a6d1jsdqardrdu4bqpff6oqkfe/tmqbzarnwvbctke8ly62bpk/mgnuodckisew8xfhxbh+qlpfcgtnarmd1hx1di+rsjto1mmhkvjtie5boapiez5rzwoxs+srcc4lnwrvlsskdns5pi0fxai6wnscfxojp2jhyjgenachfspdgys88zonaemtqeuswp3eird1fv7agrbps0mbjpdpva0/h5anypezqtssw8jeghtrnobeyja07fhf5widtozfu38jwbdox5klgih9wem7wajrpzyuzqbqiiqzqqwswovxok22ilavhyqbblaixvbx0p3y7y5+whljrmfmdnbm1jlb7pckw8r0gcq3/r62ie8gqi+xixbkrmdzumc8ewgkyzytepfjnjfi2agiur2vqkj7acgislmjyehrcd4pl3fxhwvjph0wgwsbfyre6lxlktepdsw55rr1r84bo2tpgvm9iw3absrw7g+55c8zdhvsw1vcepmxqlinzmrhotdukxb0hfqeaqgcqthklvwhillghw7vsajbsec9p2+z7xow8xda8vqlf6pi2m2/s5l/34ba4cdm8dfcxkqv4dn7bmbinvmygfv9heejcutcxw76vsqpr0cafy+x8filcd7wz0x5tcldacxkfiihxxzzdg4md/zpbt3qckytr0voxhkgfpbgcz2vpm9+56ydkingg0yysx80vl4hpwzuw9awcq+2cdb5x1tez/f2bwogodpmpiiqdibjdbfw0rymqohddtcfsts0ttswerkmhiuz2s8bwolafps19rtbksgprso1poti+ryj37qrbokwelyo0izyigcf61oirfv1ikezeujrywtfoftu+7kipzma2pwzoj8kituwdmvseaif4rdbizmdogtsylpo+rqpafktdodjy+fy/b8gpboyu0k88gcdqpsefsma//kytwf7yxokom2z5uwqpnezpx2vv4cagsrhkgi8ze2k8cj3rryvibduxzkkmge/rcxjhbpdenhbgt2ousfym3a3mo54j2rrqkkkyfpkovidkxo+htbfg0nqalu+jbwmvialq5lwehs5geeksumbrbwt+ccjp9pfjrduobtuktkgcvurnnzlfvgf5qemhqirr9alc1wkdwkows1u8anyjhfmtnabkc8cgyuagsga2dlmwau4cbxitcxemnrhflwsi08srfhgqetgqqcllc1lmaeija2jow2t7gmethrfb5nq9sarnijzx9g+ff8rj9ianmc1f4d6fax4kg62pjo4r0fo4ldk4ozbespeuvqdk4v+fpei6mtv+1loc57lu8ljtu+a++6ff4fu7frgd149uqb6yqrmi8p2+kqlpqe0/df5z21rf2yrnd4kv9kylwr6pa+ao5stqkzzj2aytoa1iyi1jqnbkzeoigbi2gzi1fcbtp5bmgaotqzbiwcxprl5m7d8mfpim0ectpxb38iqmgmd41ysezgizeuglircwmprx1hy/qdccr/8eit5ah5dvz9wxqqigmll8xswwv5mn03kzmkql+2dikxncmjivfi/1naqagzvhvrwusjgp7fdffobhmsixxfkzarwblayyfcd6fwhfnfiis8/0w18e/fxwnw0/tfmlkp9lygtndg4fow2x291mfzriukhzkf0kxj8uecfxpz0scf05qphqqgg9qt81nyrvlsee4gzgotervtcuceght4pfsiohpjqcvaforanfsynzk29hrpbmfjx9o8rgobb+zsexk/sfixfmudjkv8jz8b8matfb9srt0xakkjqh/dnb2x76kr7zpsplu1zogchaeyty3xzypngfdazwimy6vmuyneqytucqciiwlpyi1mqrrcgzbqv6vyi9ics2mqzksqgoiilphr5k6i6f9feywhd8mjd8ysz8bnekjtggrprpimhzyasda/nhwyrev0iyhel2lreipyutnrtuhdq3y69fl1vclqjzf7mujiwhl8srfqmxvxt08guvqri4wo8j/wuakc2szw5kc3ryzwftcmvuzg9iagoxmdqgmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzidewnsawifikl1jlc291cmnlcyaxmdmgmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgndagmcbscj4+igvuzg9iagoxmdmgmcbvymogpdwkl0zvbnqgpdwgl0yzmyayncawifigl0y0msa2idaguiavrjqyidkgmcbsic9gndygmzmgmcbsic9gmjkgmta4idaguiavrji4idi3idaguia+pgovuhjvy1nldcbbic9qreygl1rlehqgxqo+piblbmrvymokmtexidagb2jqidw8ci9mzw5ndgggnji5msagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenq9xe2p8zasvudx9g3dgfsrkfrmyg4jmahewwznmwnshhb2invqthjb8khy3vt8+q2nqkhrtvwmg2d30i4wkyosfutb/e3rv//6xzo8lvgv5+nt69ttnkvvlpmnijfrbkrq6fxw35v2d2n0/d+vf6kxjhib5je1mx2kedcfu+cxy+xmoryjilnpp2aop7bvttlz+myzzvdvm+/77qfnjn40z0m2+zdofx06jfisu4uvssyysaovedur5rotsyhyjmgis8blhfvvbnlukq+stojkmkazr0xy4m+bfx0dg3nc2uajm0djkmt6ailcgg3skdfjpwo2jgrr06erqukienqpcgkkmfztbvytwusymxwc6qk5n930/gjnvuk7/gabu9s1gjgcan3rngqhbhdj+/uopdlmn9td/ijyzxhta0fxtzfp6psdomvhty9uzbkfnnfxd+1729un2rxnnhnoecvw2opxoj4gdnn69zxjoufmu/lxdto8pugqkosieqqgtb28/i233opca1nb+7uedorpfhbucabsztpdi48w3/7stphsjcmilm4wnhk94mzi1i+vfh9ebjxehphofdj201ygea2/d68ljhia6tp0o4yc9injvbtt6opdaewzpkcxssxwgs/47voxbseytof9bx+a/xvqrshyzad2fte13vvbnhmdrailr5ki9agp0f4heyq8upv5434ogrkhoqgistjuxf+banjkix2n9ciyqyqmqoerylbirb1dm07nqzhyzsqqiv2skk/kdhecv43f0+zlqzcq2o7fsnnvjvn9lyuhavm6en2p7y9gxczz7or9t4cmscrh2km7+mcqtjpey1mfhgtyl3hvqez2li3hyxrxcwtobi7vj3ltbers1cyv3ed2ovbxyfe1vfjn5utbmhjr+d3m4v0nq5/7rp364tnlnr+dvfmh7j3far7qxttrxvrgn6zwl0cashmczsmbb3qdqqq+ikmzjtrdllnrrn+fm5j10afosg5gspkysroqxhdf1j6brr6co70sbfagwndgzb4/n6mepegtdo/lt9zphnb/klvrkrrzt3gisapo42byedk4k3wef1uzh/rjxjnrjfm9odbof4qi1w0ntmfhgjssjkknlfqlcubvpqso2pegj/izc8/snvjwbkwgrlvq2wtuyiubc8eajd8lqekvyu7krtfjddzqy0edvjfzy03/tkjry+iojhp7twni30fr8wvak96k65oz+/tikdtyx+uzrudin4ewid6don4s1wijxgsgweaibnwvsvxecvklv1/cqzzaailp+b2vfi1ym5lwiglf6lyu9bq/mvmkqs15j56j6fisijhzyun1iohersqeko28jjbzb0j+lwwaz7kpqfshtwqi8mxy/3xlvsqgzc1nsxknrigogrhlxob6hrabve5qjpxzxhqyblacfwgyyocxhmuuyaple8jhonv0/fx9kenyqukosbtwi6vsjltq5qu4ze6ocp+mdldy6x7aco0bjdnzshmue5zqvlg9/ppzbnpsigltzddl6n+h+qzjrt24sosetliixwk1mkzhndprp2fjhzpzr7eqlyscc01o6p7akmgmljg+ieoyafyktgn5xprpsblpna2/of2ajiexjy2etj+g7ytez88wzdwsr4roa/5zi9hdm+6hdtfoad6xrxsjglf849estye8ilmhg4/eqqauemhwipxwd2e20kaiwbwmokuqufkdkec+ocgqak+go78ogp6a/bfr/35tvonwlwstphwrxajoma6ephx09bndr9jfp7ojz+mdm0ure4odfe8sbklez+3pjjiavisndz8fx4/j9sz2e+frqe4+all05ctkcn+3mixkjjwxg8nibn2lh1u2v8qtam+xu7nmj4gd4qggf1fzkbnlp9/apd/okhzh2qvv5xygaccivjmxmmskku0kj6qy/wyjfdnt5bnds5af+y7zarl7ubw8wv/anmt9zd/04yi4t2u3f2jwb3kdapbguzkus+m+66/dor7azgr7lckx/b3qfov37crti96itxtdh8qwklro26nvucyztdyinjk/zd35tvreka8bqergt400vboq4n2wy6gfxoiy9s8mn/fw3ggklg4bq0mmnnlywptwptisl5506gzqc3m6dnrlsvvleb5x7pdtddl6z8dyggiqntn9q3tutzvxum3f1sjv3cmvuhzkqrhujsyuhumqcnjq9z9t9qf9xkurgcxpoynrjlkjk+e+uxk85vbcbd0whktlvqdds4k3vz0e5jrgjzxqxnot5jxllni2yowjdatbtabvfajhyb1ffusufmptmt/om76nrkdayqeqwyaeanglu7e0/lqao0se/bf3uedibysd/epbucduj6kfncd9eov6gkwbyxovmd/600nepa5gapcilenszfoexauwaganrn0aja2cvrgtd38rldumc79rpdge5n3de4q3kgq69rzapznvvu/fu/yf9e6kxbwoha8sxahimqfhdb8sbxhwc1v5wwzbyn35pbho6h0aegnjrwieyxto1prgfrvempx9yvfedrzx7lt+ucyxuv55ytt9xetbll+u0gsujnlsawmnj2r3ongcwhrezhpyu8lbxw6l1wn0xltny4xf/ygon4eiacznwjcznysm7vjm/y3oymlw0/ugiyi4i4v/vvqdi27qtqtjait2cz84l/vggvxg+5qmcez3q2b94paoqwyh4tlajymrmnysehd5rrjdradp9wwfrdbdtpsq72ibil0qo2+ko4d/v7yir4cmotuuytqeebjm+0gn6qos9ob50tnbj/unc1iikoam5qhzakmzizyaow/n3+lydm0hkvz3gmtnsaneanwwnrbsxetkslgd0/z6osjwg8kzdbdwmclmu0wafklpmmmvxz+/zbz9g9cbakeyxd+fmrpjnlgjqzofk2zbvgce4jngy1hawww1k5c6le7i07rf3idctvucfmesu9mx/ipboxmchal/cnmsied5umqzx++f78ynvziki+i0ce7jl6suc5ygttbinsd6sm6fnmygt9jn6zg0fputmwjxfhlj9+/jiebwujpypypm2cpplgyyb6pqbeqpt5fhsvugsstapyqd7ikyycyvso1clz7jlemjcq5llcyeekwvgankd547akavvjpxdh2cfkuioemsbuvzzjk5dxxreav2sbd/plasena57opl7kjqd7soc1po0i5kvupwlylaq0/slcl25xkn44kz2nl56hopzrtcfqsol5xq6vkw7jf8cmx6lnr/rl6ivjcgnjjoceuqsmyreiimatrg9cepsz+ov+k2ujv5760af00ij0xn67wipr612hgcsnmznimuplix3+yn/a25ug/fima+2b8ltoijrkctdiuhslys58cn9vmhhqtlbrhrza/ovnc6c8acuqnjyyublc/8su+tz2xb5sygkhp9bmyxvpzextd0htzvvzrtn35wo374yc0mismnirwxepr3t39zve4mi/lmvneax43ll1ngp5zeu2n3+dwcwvaogphodfsvuaordhxsh/dxbqyteam8dc/uhxud7pwgyfqqrian9dgkooymwppyadhqkyon/4tsohqfcxixpzcvmexjz4bdcosebnxcoak5clnidfqwuyy/sh51vlv6aexflkytgn51ddu8iynasnw6ekdc8h6yas5pewznxwmua/lsyerqlelfvjok9zhkjgkz6apifnsfm3oprqi+9fvhfjdxiwfgiu5ektiiny6tdwfcb6pvj6fny/k2npmeki2etdiazhffcmisml4icascl9n2nrjdl3wua6pkmljqsgrh3k5rgrvikyekb47lsfdtzevfknqvz0rius1fiueq4c5h4ellne58ekbsnbbzckdashci30n/3cecu6emhe5q5yscpgecyusidn4fsly/sgcpvab01mywnpmzatcjabcxhel2hyveezw8r4j/yp29wafmeycexf1d4rhinpce0tfpqdfn0pgxtqxtksf21wzi3czhns6i6iarmnr5ke/n9a4cgpvr4kimtvrg0nx1y+su5i5vch4adxjwpmh3pmsgxdxylnyaujjilcqms6im5m85iai2tgqmqz6qwp4kif2ifvazwihdd+27z2hyvubh2y+hodkfqua28wxbo2wfjp7viw30rqt0vqszcwob4j6mhzwwbpyha4lafjqz2jdruegpzdln7qhtr+pjsa7odni6cvaidvvui5m0thr+12incjomeo+20k1+4fgdkpa1xmted8cfcf/lz66xeo2d99to9trp2uzntcylxgg2cqj6u+3yuonjaud1uwa7khhokyvz3carue0yx20sijjj8fhbzgfrmkax35ni9yx5z9lya9sysdy63wifnifsbghjjtkuoq5ujr9iq8q3kzm2mirj9jxwrq6mxpwbjn5zk6d83dnyvbwp6wsx0pyv8swpapmjprojf042tths9p1tjysadipeuwj+wjvftofecs2u049ju9ni+xnjcooqq6c8tvfw5i4q82lm2jhrynmajwc4wksx9iqwv2qwsdbqgan3zzqyjy/zz3iuzzj8u++djsytc03gusmolaheirmjveqqtc5zvvwrlr1sewypufajsknkudjewwgwpsjmurpcbwakofrsaohljroc+a4xqcrk7fz76fabay0yco+nfueqd1grmjuafplznnksoj8kdicfq5reso6ph4y6hijvrehg+cjacq0jb5wukqzs6gdriucmudbr6uk1cmrxb522u+dz0e5riopmgtlsdbdvoeiuefmdpsgpiihv0dkohtyvhpyhgrwn/vm75ecuu4mudf5a0kwiqpseuwftubgxqcclaaowxwi/wmrt5jcapjmnvhftejyutshskoakzxzv45iuye5myjngpv312khllpqv5oxbuc4wmzp4oqba/nf3gncszlz0l0urq+ozemvs45zoo2qsrat5rv3tapc45lyos6mq8eevrfhmmtijsflqxc5s7/seezlhfkgz1nustn2ql0mcarm0zuorqyz+xe6uy/niqktixriiqmwxprdoggjyju6jz65hxvhg6owyovojzsrqb82lgu2iodslwmkmwogdn+6hvryj9lxvkal4apw+rn02tenmflavmftvi3vlhka5xkjk8k1qqutxzi5y0hwsby4tjholfr+mgbs0ohvexz81wckvknynbezpue4ss7vgei9up2wbcrwogv+mffwzdvhpodefxi5oqpnh/l+ss+y+brex+wsucalmhhib1j8xxi+kt/miy1afcfqvuey6hfo5bo5rkbcr+mkqhixfz7byhnyy06s1c5p6woc8ra8mjvkkwhln9/3ittdimsrvjdynehmzsxuatujswkyafm0xpbhajvka4gmaarw0+7y+ryq5tvxg1tdmuxdyfwqljsg8wv5y8vbibquhmupm1awjbxtmj1euhngsch7jvqwvhwb5ivy418pndzuycrfaosgpwme+yupwd1dxco3ju75uvganrhdeeq4axdx+httzf+inu3tu0or8g5rwzhc6v4leuk9/mcj4/ucdcaa9nkyl9xmyz11jc+phx3byrsrojlq7jrii0qsjigt6hu1sp5ltmvgvnrxuloapdlersfhcgbo/a1csq65zhlbbvlmec8ajmipl0yw8my8au1ds3fbctdhyqzdmtckct9t/sgbpunshvf4hzn8drbqy1neidfyxzg6x5wlnmk4f7yj9/mmcypqxh3pr6zzqnxrqnozr3z4uf2zaqucu7bkez9q7lnhwyqjwwb4erwhsi7uxkfdu0q9c11pgqamcjlph9cd+1k9xqrss9ilvkbn8fbemsqtovd4nzcszy+wvc28eocac1oevkdjlpc4tuwiozr2vbeo6gw6qweolq2bhu0djftrnje2xmh/egak22cwlbscisghwrgqdsynjx/y+m8nwh+bwiwd85efmbch9vwbanvwo08awyuhuye1du5yfwlm3npqtu1opdedxzjpad70+wgcdzkedpuav427u9c0aw0jqbp5egliyleatdlvyu0bwosjkgbauen9rowr8qdqctpbt3yls0/ieboruvuh4djwqyhzqmmizxeiehxpxwhoxzggxrbtprfqa0y7zne1dzvvq1pnkovujfvecmvoryeo9hc9z6od6/ekgvpwps94zwoqahaim6uuxsjcsnivknt947ejrdzztqidgjtiziaz7jibcmaurrhwfnvgitoaqk3jhsmwhtomnyrjaz9hatx+w07m3bjr5g6turmibfxozbgoi/xpcjfpynn6+vgxc5zoxfkj1k3ohjofiat1lq0pgxcyd0nhzjitnf5frwzhmzs8gegqnwld6kajchpbaoakm3u9ayznl5yktjn6vmsvlxl0ch3zj6xy1o9etbzlgaqmvd9m2jg/63y/nhtyvjk7uievgqimgo9pabdlxynn/rw/njwerbfvbc6esaxclotxlncycjisbbqxnbmygn8ma2cfz+cnn9z5rviinr4lstgsceftoncjkafv/yvcv+acubjenvtm208rwozsum3y7kskmmzgatmvrqw3ljywtkcwmepqupadv0qnk5uapnc1dubo4scenbotihx5vi0xsp14jqcukrj0kyux41cszddmorprpov+vwgxumcup/5qm4ityzrxto2ulcwgumsscwnrcoez2ti3pcobylgrq6dizu1xafdtjrtl69dnaz4urlbgwxuhet3ikmrpdc/rfu5wbjbsiwxxvrmuauxjv6yoyaey+he2is2vurv5btydt6iphfza79ewi07oqlaobh2rj3c5qkzizdp75um5wmvv6milhlsi18zlzzjeykfohrwmvbqd4vtaguohqops1o/av5jlybwm+vw4tjl0xd78gmlmpn65+t5fzkm2sqzl61mktf3ljdwk6hydbhvacbdf6opq8igdpsyinq9vk4z+uf/12rtntrwn3+vwxofezucnqzjo5buave5uh/hu5s9oni+gbunbzb+b3evzffok7jcrdrhpvta05i7tckh/rlye8dcsvyao5vqoepqtvi7iknmptx6tv/ozc/cwry6g0/vudscb0cfrcohtarng9ofjwddzfepochjyzfq2wng41nngr6nztdil3tzjix3sauumv7arfzdlrkqr66jff8mk+3qwzvrs0ynhdzqkysxlzyvkt0tjuwyy79hlpg0jlsrzku16ivlvrox/s369w0zk0yxbvbha1nhijxkqyzpl2qfci2m6pkknpzonjsfgyrqikbef953wugzdd6le6kifgrzz1m1vcglmm8yhqfcjbt/fdoctryr/0+qznvraju6bzuxe5oc8rwexsovjy0svb8jnjil/jszzy58piv4+byb12ydetltvftxlpfi8vhygx5sld1djxathn9etlpbgzrkibnaivk4j03jv8ipodubrhtq+trnx+ywxfmditojkox1+necw2lh7rkjgga8uonvohdxnsvj4mhfuwvob8rmn9zhu9ndah0jaxpsnnndhijzhrcdwphfaaxjrb4umngv7avjzgeyaiufygugsmmhozmlvylxyv1av7wfw1jvjcvh8nezylj9kedaehrqcj16/1jzm+lohyutngr3zhtrm6tvvm11jwq2/js5qhyr8gpnkoiasbfnpdu7kkl4v6qilq5flplap/g4dcdxprxwz9jpmlfvvsvlfs3xz/m/kimmvfw1u8noyvj5brn1fmft30go3yqkimxdcirdf4p71obtqjfzo31vrkms2si6lt/sf8porvpv73eyi1szxmsmwtkw8kovg2mdyngqqljrhxtz0eqy+n6wk/ylp0yyoqj5lu/wcldyrqnbih5/dwpqwxhja4ykmhrhfe2davtbttphwgdicwvdbzsrl5vzkw/7uimzlwk//fqu+q/vcnnvvlv0x2n0g6ujvz8tpk4znotzqme1ruj4wtpit7vx0qauejl4x3dgkgoc4jcm0no90uheg3bmaolarijs9rr6up6x3d/bbbejj8lhf2lehkxdah60uehlfy+wpvwbcvvjfhd0f5bfgst/ttxb75ktdp7mk0nblzg48tk+3ylvat4bvonn+oix0p6h3ase446k6wd9ojxnida/fr526u8h2zkv2hkrcedoln+allsnqhsqnhauei5wwxdgoz4xzxurkgzcnuthzp1nac3+lg4noxshmbgvlosmbpouzxspf9w8z/8e9h4nz1x9ev/hetktpqzw5kc3ryzwftcmvuzg9iagoxmtagmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzidexmsawifikl1jlc291cmnlcyaxmdkgmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgndagmcbscj4+igvuzg9iagoxmdkgmcbvymogpdwkl0zvbnqgpdwgl0y0msa2idaguiavrjqyidkgmcbsic9gmjkgmta4idaguiavrji4idi3idaguiavrjmzidi0idaguiavrjmwidexncawifigl0y0niazmyawifigpj4kl1byb2ntzxqgwyavuergic9uzxh0if0kpj4gzw5kb2jqcjexnyawig9iaia8paovtgvuz3roidy0mjkgicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjajvxlk+pgkb7pr+jbsinilfcfp26sy7qxitwg1zoxplg+gcs6cq8juhho3p71m5lfflaa0bjoymp6sb5z+s7+8oxdf/4ym6c8kni0fvry8ptet1lkgtauxdox8992xdvxzvaoddv0zwebj7uyqxiid2xf169ndvz0g2/ddnvzloxeqw6ir89rubpug/qdyuvv9rou1fpfv/xek0i9surfgcrzkt+fmof2+i/qnkbdfynvros/7zgntg60q8anng7gpkgervntoab2jpo6l5ex3z8ftblkjwvwopbdgwdd41vi09e3+1vbvb+o5bue3la6xartv4btsxrptvhg4akhoupix2qufelidhkpto4v1b17jvldvonphzgxu/5enwr68x8j7jsgm/f2rlo+2ninki2ckets3y+fymct7n57nnrmn09dfr8wwqxsdagwoxzlnohsmc8mttzrln4nb/dqd7btrnyqwcibxoj/kunn7rs6laoa8f4co1v9nehql/im8efya+tphz9+pmjuwsuhzklme0+l3s9hafvalob1cg95oh3wujdcyklrev5ijd234/fa9qtghiocnp1hhadciirbpvza2dn/htia9l515db2okictgrfe9kn9wm8lh3kzdevbwqetlxfv72wmjmawvk3uq9qwa/bvxrl3jb2aq25v5gcdonrnzcmqki+xzd3huvkem2e6fobhrn1j3nbvf91w9xegeapvza6wpn4ezzc3s0zcgnryrarwafnli/ijcizjz/i1dmrcgffejaz0xgd0p1y8vwtivvtiwqc8nwrkqdishrshfhbkt7zia8xrwjj7labkxdph7nvn65v2dh+p8lu734kdca0qczl9gli67kzrnj938/0zuo9c4z5xpyxbizek1p8jxwqx6razoewt7hxbnxsqjy52nq00ps3difn4sifrz2sj08p4fbnuipodvuep9tjp4ml0tj1ewj2vbk75un2lcragbdy3cc+fprtl2eb7lryvp3cnr6i0e0mxdfmeggx68f7vrucieqgs21r6ihdluutiv/adv2ub3ynrg0xl631w7dim0rkrbqoqx8rbkvoyth0o8jougauq8zqklqp7xp2j+yd2a8hormnpwsgh2egyn9t2ewb9d/q4xqhroeirjib3antprsfjgdaorksupieoi8swu/mqfa3wbth7q9ybrlfajhw0qfta49+ik5xnfdo0lc3rcdvui7c86jmjorkfuc3wi3pdzwbzombxi79squc58lf/wwdod7ltzoek6c0kufsrzu58x8dify3nksua+yd2f3ivwtrqsbd/lnkdwepthk+44rovrolcsxqphegb0tavwvpi/bsyhfnvguodm27stcsxuhxenvbcirw1zafrtjiszf/vcn5cwxoqopefaoudcolpig3va/sieyawnu8/vvtx9bn6kuhlesxogt7xb0sfutyjs257ookt+aqj4exybjss+jktlqralowxznamravgmapupjutmv7+zscczezf4gbunueqpy55wwbkbkg/dcnp8cbjdnokqzhnbf/rrk1ob0+td3z1ejwqhr+eaggzuje9osf11ilujuwgglylpz3jqc3tngth28vs49hmq318mnqwgzxrlft5oi+ul1lclc0c1d4omydudjim7isbvhq4tcxffc5vipsgqe7d/wt/tf2zeahjlflq2jj8nxaicfo7e1ex+u4ct32odapcovnet2ze/n6tdmaiutrkswhx8+zg0bugxcsj78lsbsn7ejmsymmxwiyol1njpbzv6g5aoaqlseycfhnnctrr0o/vo1kyy7hwubxhqcd0ogxpjpzdvvgrscgxrrypqaykpkmo1aixhgkwwuhm8sqg2wseld1dladyuy1go3x0jre41rhidpyi1fgyzee9kommmh0qp0dw8f9mnz8vqbbn3qfbs6+sahcys9cry1t5zf0uevwgbihahlbztory5k+rsk0evl0lzm3ojqsqi37qdhrofxg1haglgm1hdbmdiw/buchsavcgxjt45phfzwnjk+bpikxjzujpfnnifw15yoa8tmlvtnqhoui0rhcjujndkybeylkt0agnohjoetk/nmd0gwbfbvusjaqcuukrluqkupp1/esik2uezo5vekkcjk7s9xtbb9n1rbjsaxf3dim3c2phg/sumj1yqjxxyakdn5qxql1se8wxzxwmwa5ribene027dfcpvy0vt8qbp9ltaaiy1y5apwzgzwrocq6dzuwejeenjgfisopjr8bd1a+6e4adub7tudwrm76i0ef/ukfdboajpnosspvxesmkslt8itovfjemolwdop5dssgrnw3wqnkxr+8kv64wctavt/e7qo5cctbedaqeuukzy30ntrtlwh+egogvufpdismkuohlxgfqyu+r1073nwgf3qtupbo7wllzefkm+mdqx/mazznsllq1q/oz6vskw7luebhyitqhiclud9xyznzcatjvzani9ytxfmo/myjr2tjiaabnlyrvoa83ipl2dbikkgjz4/mjczp/ozbsbjag1zqdip+ghwvk4bwfspgl1fmjkemuvnxl0znyyuitdunppny2ahmcawo8cgmilbux2bikxlvkrrfv5u9vlwugtgi1pmqvcqvlvmug2t5xoa222bszjqzw+z+/cd8xriystymelovlws52liujqgcg4qkltrlq+l+xlksvklawl+lhurbs4utmjvk6onjkxehbgials6g7mj/r/ns90cynty5j42clm2ciq42uvxamvdp9cjdn0vaurzayvfccw6wgmvj76stxaxeb31bvxguyr16xwp2izhkcukt2wszdgk2ybyt9t3quzdeosp86je6ko+lmyaiitsxvtcyc6cenkm4hdyp0y7jamezadc7pg3wjxlwrxwqjs4ozm1knlvsoomer6qrsf6wubnjsg7whrs64nn9gktzfjtqvp0exvv5vbil9bjnmv9sphga7d/jcu2o4tbpy87z6mplp7hdfw2cdivyyv0enmauq0qhodbqmix0rbwdwkngk/ocq2ctfvy41m2opfg3xwr6jhxm78w60aifuajusz+bctb+magjxgfo4impwjddxczmdkjlaoxz15pak0maw9bdg/w/r6sqea324jklwempt4oepp7ews1fscwpbfwuovigk7to5bvqxpkrgfdgadnugiypce4tg/kotir09tdqrncxpdezidi1mwrcejxjvgrnxprili6vgpx2mu6la28bm6hhijojjpofqvxvqtlr1uurvsnvxgrsiggl4/hmkfxo68bgqr6f7sy+/prbvzzcbkvo126615u/chjeos+1k73odu7grw1qysvmbbc4ku0pzstookr+yabmmbsskl2twbybh0frijpv1uly200tjznm+kpgaxabsacoespxtr33e7ac1o9dm+hs9trkg5g1gnxkxxtfqyidunrofz16rqin6qdblrrpt9z3kcxj2jmpjbdbcqk/iig4wnock+tg9xnrvklqgv5fcqnuzhxst6hpgg0et5+nopvlj2gefoviwf6w8x/vtnkkazpjwiart7zxsdyv4jkpyhad+l0rdqy/xs5e3yxrvalnqikceiajiahwv820cbyejp1wo8tuknwdjv5q9qhyukepotzracdh7bqvymje2mpjgemmtskejh9hvmoas9v4omx1qlq0wx7o97zu0kwcud0alpvolhdfbhpigta4kx3seezsjpndldih6qxcatn0mwch6c3ag/sifedm5ncakmqevbaq7e7lanwbg+jvz3q7gpjupr6rrcn/kfudtpmmqzgus5eif/2wiwp2k1pdxtnjmja9tagve8boni3ctcau6oyiwzoru7hoxrjtinsavoc8vzde5rafahgc5nep8ndorzlpi+whvnof24kna4vcia2zmr2741eg+mxpb7coy8zbfnt4gwipramyio1wgfzaa1t95vyeeehwfsxy1uqlu1dmpsskjmn1vavnwhjycxlfko19nccokmeavs79atxsrxx0b50tmsgmy+c1zdwqirijsi305v9tje5lqeylwgkgabacgs43nyiyojnnz3damqn9x6xex3bpnyeaap2iwk50dv/ykresk/jw8cshvoxhu8sjhox7ie38dlp9+pxd3/4epp0/he8/fecwbj4/fancgerphd/dpkrrwvze5jdxd58//o801oego3ij/abpi3nolrrkrrdl+tqumletuub5mgdxzoldkb5gcqilhbyxqzi6qukbqgyqrcejeutpxccdp/dcsto+d98bwb+4sh2ibs56hijfil4up8w/hkjqlndpsv2aevflwatrqbtrwexobivwuexkfrtlymxeawbvwmlacxnnvwsngyoitqrieizd3ttwm3ar7aelbc0smkyom1yjypureuc9vals3okqiyna6pzv6vztjko4ug231cutxqqttarkfcz5ijv4mcumvmzby2wkhii1qy1lnienmwsz5tkqyvwf7u42wvyemq04wwvvitl0hwy0y10bmetvnjvhwnly/vsovbp7ihjosffwl9ug8wmfjt5nssqpmbkt7oi9nvxopmwxfvbrknsl+02a3o8a8ccnppx+ffxhvg8icv0vwy2hwswzin3ndzd4/ki2dwbiy7/qb8ede7icrqj2rku5fhohlkypfqqzgmc/tm7be26rcvniji9w43iqfj67eyae5qqn4mnswrdscfqjvomlemqd9subupcsefcaobgziz66lwp1xv3i0b47xyjhep8brjekgt4sql5rz0qdshdj0lrihiw8tkmcaaxo16dgyy4ti5bkifavzfkznguii4h+yljzne7vfkw51ql8gbeaktaaix6oublpw/keglu8z8iqejxz7/yikgxy9ymtyv3ah3g3qoset9hm7rm7w5oxr5gszsbzh+sdya07+nl98bg9tjs0kyt3hurfyjt4nxz1t7l7qnkuztcd43fsstdbxf3xtvodsr8gxes6vaipeiiu/s0hdtivbslbsztsytjekrie3k2gvf10dmrolgot81c6rdpg0dl2qmg2waywhfh5hrrjlnxrez4fck1k5qv+mohkqdwbe0qnmtg++p6nvawg/ena9pnvp8kwhngl/6dpyniwx/d/svedpbeai+rew+v8bbuinpfspiuqsu6x/bp8deb23zyypl6xydgavkrsiwf+a+wrq+4ojbfj7xsca01r0twzrwekef+fvwhys1+6nbf15kko4x2zli49xmw8teac5shao5dcgp1oabmcxlnlmurhkistq5l/89aplqk+tulmkcbospgefv0us/plzjfunugtdaiehj41llabzff2f/bv3ie1tfeho9bmmq6tmtsvfkloxqo7d3gp+vuy+imd5h0d/ajnqg4adyulmtgds33xfgiewjc+jpngj5lp0qvtwvwaq6mzatoxvuybhttztg2oej8xhfvpwrnkcw1umyafm6sjrvyriytmmp5rfv8nnvaj3a3ucplducqehqcoj9et9a4vrsvdvokvbnipzsfibf2h2zojmk/g8eusvrayjatfqnuwziqkxsm5dh5sw5qemqgdhti4ozklpnnzqslucgbmqafwmpgyzrmpwtwlbyk2legcnfohk5lwsxg6ko3bwbsbs5pwvplnygvjiukykt9nhxpoeklu8lnpqivkwuxd3rtfjrdgf6qasqvvgtjh21vfsoz6lo591yg0zsbagnjexd6skdt4i3nbmqb2cgcggqj2gx0gfqreeiuhyvphoypa1y06f6lmua8zj6qi0h1fy3pq7ywxj9w/ddiozfbk2i2slx59inkamtlua0loxhmr0lsjrw85hfbzqkip71lfag0+zfoeoeqoltgdgiz3q+j0ihpktuim7mxp3zw29zlalh2cixg0ekjc0usktbzbujssp9d1r+l8pl0hbutnc2hyhyehbkqr1s1xxg/0bs8kh1gsu7y6gzz9leo3h3vepdsgnr5o5ilhhbcvm1pluum335rhobs5el+gjc37uiwpsb7b331v4rka+4hms19ibbug7drw/xitsepudamqyooulteuqcglp4tswhrixklvf7pipkxz+3i9kedes3varbqtzadkn6tbbmabwdhievjpodqq9vth1uxveebvn8wv+dhnmwqvs9lcz2vfg3oype1zx8fswuk6utcafrbqtgdcr1xs3rqjpppmejfe37ox4ae605axnzhd0l2rbip60kbsup1rgpm4he7ofgkodxjrpnfq+95epb6ks5brj48uylkr5vhfszolu5ecz0pib5yecacsklgyqk2rdvjxftb8yntkx+xmippcvgss1k4ms/ctswzrvlqbovoyrskxsi1ruvsro6zwljk6grw1mtx93rwqazwpwim2c8dxqpbqzzsupadstbi5gnrhhtjdqfewq3fghm9/khdm8e4hw8fze6a+ym/77sget8pqa33s6vh2vh7wy934hor1qvwxwadosx7r331pc9ewkvztlgo4wtqeho88si8rtpqb5ahogejylonfbjsj7oqe82qxzu7yzeaqcrgkvw5hlcvbek2uvcn1+lovk06cljxe89guhkcqgjsexlfw9jgqyfcwyjmixqb8xbqzkm05xg5f7ki5reymdiarapj+h74szh0dxcf2u2rzs+lhhonjdjx6c35e5p3yzh+jym9nask7fpa7nhwiwkytox2gbsd+jj5qjxcvuucbizhopv7lwtp1jthnbu4ane40yythhnr74f2xntb+1hmzoavy6x2gcxchvsnnybcp6bnaq3m8fjarx4ir5z7rq/bfnyucjpc5xqj9lvuev521grzp7nvtxfgherdu9thtrl8pnozifj22udxezpa4nls41x95+okjh4vfvmwqet8e8ex2lnoemd8fmntazxpfevi4jysaf8bagmotitrq45yyjfog9uto3xj/qa9bfqlhr6pnyfnoyxgvv/yoy0abdxopy5chts1i12kudxf1b/ctiw3bl7e2xkzxlqj2mecroo97dcitv+8xdxg5tv8n6b3bsob9tewuud/kp7yinxv1hvalcgkukqgm1uo2dx5mhjxdmtrquemtf/eot7em80hgvpw8o+ow6suqtprnjgxlmfo9t3gopjvhc1b2edtsdl/0i863uj84lkhzuy0nz3v5gy8+njtmtpfa9+qlxixkgnv0uhkjj9kcynvgfng2jodptdbgvup0b/s96ukrwz/ena/khtiywtcp8jgd7ee6jedxxcm0i98xgr7yhkx4hjwmr5ri+zlvmtowxb+buwo3pbofk2rb60k06fxcqt2fyw7stvel7+na4pvmog/kdgocvzdn1kypbzw5vrlzvdydd2nrkfzkyudppzocrcpxsyoawcxzqvqlv32qfrzomqzz9qq5etyk1sh7vycgryywckuosprevuplmupvrh5jkkqe/kwnlg/2zrs09xusoi3me/l3v5jaqgjrcbgdtb/imltwjwzo8q2afopquu/gpb2qcfjazhm5ejgpkjffghrxqfnvdy/mrskey8ezllpk9pz0laci4hz3l3vh6ptven5i39kexit+r/++oujejkyar1tbncfamqlkvz4+x8vuxanz/azgyz1cvsz+cfi9p71mxsnytztn1khikod3o1t12sla4jthltiur0fetncr9anh/u8dqthxbpspdpspetgnom99mhzloip9od29jpjer0kpfuvkensvlsuz3w3zab8ywr7fasvtmjofcw/xhwxfksidopgm/aijqruvasvtiux3odysq82iggs1pspbrzmuh/eelux5g0nhwmpuae8rlgii20nisxzzsio82nlb8pm3bok6jt/yspvctnuly+qgnzya5cfur1byresbtjgvc3frzmkrm0cfzwwi8ux3k3ltnqlmzhyo623x7h9k6mzmpn7p6j3ipu6acfv7tmmi9rmlyzqkiujrchlek2k80gq2nmayb32j6+fhdpdrzwlor4qfc2oykf99vfdtzv85koaiqfgipsx88o53mkmye5bt6gzfz3iozayfa8ldxmnmrqvedrjhznm0ciqzvvospoglk/ekeh4cb1grxxthubaxvj1a/ppalk/fopqywndtegeu5of6xr//neae5nkf/m+ndgs3k7vzvgfbgnkauew3i/klv3y/wkl5yw+9emcp8jn4ewwtu4jxxjsfxwdq6+1ctkdhpus5phz6ajzaefduocdt6+vhqxuuydc1dum1emddzh4a5dstabw8twt/4/saivd1akcn5kszuj6y1mq3xag5oobmv9fqbfs73gwc+cghxaczr8qfnhjo+2k4iwvlr0dnz5jf1op0ydllqvomaqp/wddjbjsdy+giiuqt0kqkn1f+gbyd3toznjt0fcdqvwj9b6cm6uesfrnl+hxmiqphi7pj1k1pjf8pems5e2vuzhn0cmvhbqplbmrvymokmte2idagb2jqidw8ci9uexblic9qywdlci9db250zw50cyaxmtcgmcbsci9szxnvdxjjzxmgmte1idagugovtwvkawfcb3ggwzagmca2mtignzkyxqovugfyzw50idqwidagugo+piblbmrvymokmte1idagb2jqidw8ci9gb250idw8ic9gndigosawifigl0y0niazmyawifigl0y0msa2idaguiavrjmzidi0idaguia+pgovuhjvy1nldcbbic9qreygl1rlehqgxqo+piblbmrvymokmtizidagb2jqidw8ci9mzw5ndgggndg2miagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrdo8ms68ar9/4k3syoighuhkvzei9shawwz0khtnwwdadjahj+jebhcu///erwwejwsxy8tctmhuhkzs2oyj2lh1+efv+11assypperl5ev4mlcuf0klu6inwer14of1//v988b3vi1uxlevyxx3vfv9yv4w61bxmq6o4b/6zc+r87xx34vrb8ct4z0jyhpyutuzbi92/uhmiff3r5drvvihe2zwgtoqv11dx5hcg1lowvn3bdntwjzay9zsaezcvy17phogd8vq66pj5vf4xjuz9rt37j5l1tvpvtrmjpg4d6dmitjry8ma44lqumtntjkpwoewyq75lt67mvnnw8/ifsew7jmqe41/u1yvcbip/xounkfx8ugn5/8zzmoz6ncw3pkoafy1snzzmtul8rbiljglyp9h5bbad3jczodxuuknuurxesdic8aitgy+dcugst1bu/677zdtfhz20yu/p7om9ljrf5bvjzt78jlu+i4djwq3jtgka1/f7eek6szbcs+fniu1zbq9g3exrq6v54mqbhgsafyuq+vk6jrbtyhc6q8m1xwn4w3vsonmhrbbkhi4rctsi2wmwr00kcvj1gzkb3jdwred6qoi7xh8/f/to5fdqdbi8yuw5t3p/v64vvyotvyudtqnynj2tth5viwi+v9fnmzn3oiegieeijrghfvmrdco+84orlttz7w8lxlbuddjwtw8cdugfdcn/2iprv+jjnjhpa6ld+nstlyuqlzqqega1zesq56okw2pbl2bg1zvqxuvqe3ejm/s48xrkheh0vavu+awc8s1c0/fvan9lw+h3dhepmduocqftwdsy/kdn7otufiabolt5oj25dnlsstqn5zztl3t5f6xmjpnk5kwac5onvy2pfwojfipiggwxiicwm0mf/qltfbryozdzq/hzaxohkphe8ixhpbjsdatb9k7ojvlb8v2/kaxcxwz94wzz+bim08xoj3v/5wsxs1ciybstx2ifh6pwegzg0barul404ydzfteu4kawcdmxdq7xjt9qkuj8f+lxtdwepenujefdo4sbce+2rsuwtndbk04piuccdnt+nwuceuk5yvjj5tvi28vdfdp7ani8i8c7dg6gwlz3qwkkandcazk8ir4yckcjenga7hkjzjnil+kq8s9eanwd5tvvgangamednnsuozef+zbgkznchzzme+7uotdojhn7kwe9a34xmbdtbs5nl1m4pyw8ij7k+zp8/kdfxbmphlhzbn7sn49gwx9ym1ieyh/corodrapklspixak9bpmetscofcqdz3n6lnwyqtcswp17/7s9lnooobuzdeyfraw3m25vbitpklm65kouiqcyjhmzwfdytj7i0iltemybrxdekhhlrxbspv18tsln4ewpxss8pu+b7eyv/i+cb3+mlezeduwj6vwbeacfn2/dldnvfl25nkcnvmxwxwpg7m86vsqbaj22lzjlkf9ljioern708zyidbafnbijyicowlguilayme9nwqg8np1+gumvetcvwdj1bbppfecczdexwv6c5qfckysnvpwavfutqzjjphnixdulq7ouo1gwlaoad30pylgecl1sjnpiralkyp38sg+szw52equjgre6bpy91u3anczexlaoriw6masofx8eaykajeo9mb84jbvpnhbtripvlmxqi8outkhyrrog4jnkt1gydt3npwkf76cuguqbezsli3jgaqsd9iwled6eb/cqj0ofoaftpr/k52wnfni3preoxqtrr7alpqlfqlmmcfoldri8t61rxy7ug+dwwlouysi4j0tsg1pvrwqr7rrqdcigt9+tg8jdbccowgg+crouyf7u1q61hgwvolm6acfbqfbne1cpuva6esnkyvyjebhqoqlxn1nirkaaauzp4j2ls3elhmfsdgm6xykmcatxaw8ziwb7zmqblasvdco/xoixerbjgplcvmrzirjviyoggm8wpsyunlgerftbkbedi6gwuhffggej3ht6qfdftxmase2k9youic/kkcjwznom9yjg4aunrpc9wjjjllkhwe2xcktpfwgkl1xixyniozfdvrjsiwm4il6fuxgwbaepe52w08phs8l7sweiqg4dtnt/bukqmfy39yt0bujbqbe7fzjjgjnyxouvxzrq7p5p0+90+loz0+ucna7b7h75hoqodr8zux7mbtemtsymmjsi2a0ftfqtdos8yxitnvu85qqauh163s2qftkil/ehuvskxpeovo6zyhnkabik6lbcg52luzmzzwniimeu5ygqbpmbrdxtizczxdimat/izntgh8mffm+j4ownfnoklwo5cuokpg255o5uumepjxrfvfbjxfabn7jh9ncnnuyuozxamhig7wekxt4mq8gndlh8kein7kknjr/zwsmdavov2cfm/imuizquuawpgrnwjimfe4ihjgy1bqsjbajrpvnpdxdhrg/rcd3np7ywzwakj1szts0nnrb69adc7nspzinx7dtgli/fevacqe8zgwwsgasu9jw9pqwleueugs8drnd7fcqfoh+kc5gzhzpnn8hoaeh8yoandwbtbvwao6e5eymrstvhyi9hxycq0mswybegx2yki235ad84zxa35nppduxnhpmoud06gfxfkghpldy0ewu8d8n7b4+y5gmfpy/g82hnplxqi8jt8wfmwuvvvazegjqzfb7k2hgns8lka01ozib+0u/d7htejslijj9aa9/vc4q1jvamxb+5qgswpfucyekbaakonoujvdqr9ax8tkge788ksn4ujumvlfo7dbyb0yy2cjp3lwp/bqxs6s8pxejz2kmi4uokidywwgsnllmmp3jdmbynhwxr3mroqs5ylwridxlah65kpi1fzodzev5uuliuhag0n6wtoocj+wdnal6e+3szzgjmp+cqh0pjol9ujqlchbmq6mub0c88qs5hf6mxnzvoxzcxfcwuwndxxzsphh1ipkyi0bmcymlbujnee40zz0hkrw/pw884ljwzidy9aw59fx26ksxgqdkdqg20fh8fvp/djbt9e++c3exjjqs3sbukz3ovwh4rv8hc+yv8jrk6jpi0v+k8ugmjlsgi04ytqj7fkf1ytneop7ogjiff02dmehopjwhqyagajlnojdfzfk2bdsbemrru7m+ncw/raozt/v/htwbkspra5+9dxz2k7x44xpvc6fspieatfyk6oeiki4uojqmonat844wsanc+clg8akjrkxcgsl2rca7tqnz+d9hiyfvfpv2wnxx2qjfqpxnwe6kacc+ib5wnyiy0yaw0nqpuvfbwirvaht34tkj4bjtfsio+amsvr4b2jkvmnncwlukkdoewkinyxdezurglmstcdgk3jonhud2l1rlfjz3zzcfjgzznswivmtknmel8b0rcdfgi85v9t8f9o4immg/to3gt8gn/d+jvn/qop2m4grtkdrkfctpjjg/og/ei+nzfiqd5zxwicstprbq7ybjhydybsahyka9an8oj1petxsbalhx3luzvex32d4i4rj+w4fht2mtbcfynfsnjxrkzdks6ar+6iukcqvd9ewgbr72tu5vmk/ml0tcg+lmdasuulhisn5ngceq7kqesfdp640ycw0nk+3rz6lxwvzgwsdwu+hnbocriqqqqtgeh8j3raqqmchpnx87k/9sq3mcf5uct5ovqnhk5emtmaofyfjnhrctipkqrdodnke/cv5rbhqdud4f5yljl1w9htcqx/e4nlp5d7a3f731eabmeumtsfnvwqswi0nrveq/rxzcxf7sbrpeyfy8mnxub0ufcc2bdtyrfpn60pbm2cheaeqdybaij2tifjjlgja4adjkgrfqtzh0ho3gokwsw78tjrbkm+/5vylxz9wb5vy37/1s9zujrumlwgrv2ws81t68gpxxbcrliq/u/fsmmd47w8p3y92l9+xyrlkpn+jythcafz+cxc6tflsq8ovsou0gmooukridnvdklkma91zr1l2trcmzdck1iy3yt/dr2ey+cy0caewkvmjebfiqto1csgv0ummuheexflvxgz3qyedllxokimcy83ua084oa/sjfqfhviwrbwhr3nxtgkxg9jzxvfgjdoewunlj+fwnmtzcqglfkpfbl4cnmajpqti5qzvmw223u9lg0gmhhmjjltxfatwjlyfrsiehiqny0lzkfhbifxpbykhs4igkkmwbmdptmtbayiptk3kmgc9jeamhtu9zvky+k7ffkcypo4lfaqkjq78ydjcz0bjjsws2jrmcc3whrunnlzzudpjy9pumfxsq1mlkwpbqlygex9do7y/vk0+nmfquetdffnywj9eegsin9/c9grp9rp3z2tvhvatqmkugityjhrgygpdf37t/hq8bsvvn2cuxwwrd6ecakvwlu6pmf2riqg8xxm+en7p8mqrqvrrey62roubr82gab9snewppcpbjqx6mjyfck6jpqot/taruume0exawxz4aem5dnhihmzcefebmwzbqxc6bpfzdcpqf9ffqqg6npgdqfa3jesiyekdgolupnbmftb+wvirbsgr9zanm5axrrcmmbscu+2knrvjbryfjxxgpzgjw8gdjclfjj7xvfst5leubiwm5r1oszfafkz4wvghywzixechblinvvhejv1yzmkos/xufw2rcwph9teaohhim74wjmm0qesrive3kudkkhj4+rl9pglwg9f4+apu3n90zfcglpdigxydy6/g+plswwygmedzyvazq6gchie3wwxogv0j+bor1majyaullj5na4cbpneaxhwex4g4ozewi2lsstlv42aq+cov6z+qb51bkb7xfpevk2yth7it3fpulevun9idl764sxw9371275qoy5eiyp4uwcix4bpityfypfljgnze+f6egiacso6cnukdhpmgl3ikugwfwlftmejmblr1oybw7+0/jywfzkscvg5usgv8cmmujttdrfa0o1ped9b/cd3iexwnnatixcg1fb7/tjj1khuql7jpurqbp5y7arhzuiq98ptuzsvrjzyxfjbetqfjmyuuymlzyhpaphju/dxssrzwjsdvutgjb/6ihpjjv1jsvsygftrkdf9kkqmf/i2dpkobx60sqhvtpoksjwpteo1tgkicepxczorlrsdgvnme0irjxc31jo8l3jlw2a0rjyvxukmvmwe3/8cbqjijbdjg5ltc65v8i31wnhg85ed1ip/yddc+rnurwphgmrqrvh9vm+sxkqdu7gfes+udywxm4yeyi1ysg5uqczfgngojfak8lceum3qsjxa3wrcy98hhtjskrtmi9wysyqzvtb+5z4uf629tydsj5thsg6+9luogih55utx597libmzi2xty7ddeoqp7pkmctkqoh0zzm2goyxmdbyzgmzb4cosnyh2+e1inuqxxoesu5bbrrtshvbqdtlg6fomjeg3ckmhmqn6zcff0edksg59xfdjbzteybd+htf+zpwbn/4/imtdnntckgmkba5mq5ovp6r7notsmd+ckvrypwhh43jyv8xlmtp9i/hs5dlhzdzago3ogj0bj5wnl0fo2vxo2vflrpaavpqqvufbpvfotwd5kclim88dsvxrtlk75iwesui3hr2koaef7v+rq/tziobc4enufzee0fh8unzlpdwxaee9jhfmscvqhoj1amfltkokl0gojv7j23ynugqbsxdufhghekaqsaqahtkucmuerhacb1ata5qq+lkatk8umkyx+lpgydfigdnisvkovfm9fd5girquy5gknod2vgdt2cjtuxsv/pyhqxdwyi4+enzyqw0hoq9nugwfkdvdeq8szpoxiqkrvinhv0qgdxkaw80cljzoekzuhf8mdnc36y5ojzulovxiygobcg/+dlmufexdlzliekzrxn8e61z/9dw0xgdg7ku8nrppl1leflmgyokb7rlsl5snwvjl8z/vrcm65xmqzq1cj7c1q21az2jqlyb/byxesp67jnxic5rygohwzhfla13iosegx+qk5/tvkij0jojp0i9msczndfrqqvrr1t5tp19+spullutfgtp5//flx8qg8gvtk0dmqtkzup+56iyinhxizvuxtf6uafiryiio5a8lc3jriogbkhvuqajt5sdlw/j/pzavjtqzsgmcfsvksraq3ktnydn0uvgfnftbjp/9x8wiwzbpwbbwocyouhlro/ap3vhjm1fj2/ih9m/v85csfv3l+dv++shdbyd8/5us+huoqp+7x/5zfzx8c26+nk4ugxeot/lc4mizo5rwnjqf3kqwgg+holhvipng54t5j7qonyjnw9ltazvzuzgahevisxlfxyncryz/eqgxo88yceylsgpdyesuqg2fxg53vdnwepenms/5p88twpnlbmrzdhjlyw0kzw5kb2jqcjeymiawig9iaia8paovvhlwzsavugfnzqovq29udgvudhmgmtizidagugovumvzb3vyy2vzideymsawifikl01lzglhqm94ifswidagnjeyidc5ml0kl1bhcmvudca0mcawifikpj4gzw5kb2jqcjexocawig9iaia8paovvhlwzsavwe9iamvjdaovu3vidhlwzsavrm9ybqovrm9ybvr5cgugmqovufrfwc5gawxltmftzsaoli9hbmf0b215lnbkzikkl1burvguugfnzu51bwjlciaxci9qvevylkluzm9eawn0ideyncawifigci9nyxryaxggwzeumdawmdawmdagmc4wmdawmdawmcawljawmdawmdawideumdawmdawmdagmc4wmdawmdawmcawljawmdawmdawxqovqkjvecbbmc4wmdawmdawmcawljawmdawmdawidi1ny4wmdawmdawmcaznjyumdawmdawmdbdci9szxnvdxjjzxmgpdwkl1byb2ntzxqgwyavuergic9uzxh0if0kl0nvbg9yu3bhy2ugpdwkl0nzmsaxmjugmcbsci9dczigmti2idagugo+pi9gb250idw8ic9gms4xideynyawifi+pgo+pgovtgvuz3roideyocawifikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbvzpncxvheybv+ys2tmnjsbsa749rvmnbn5d4s3jiwlju4khrwx8/z9udxs4iecqrpvhladgynunpz7d78xx+df46u6u4+2/+9/zu/tc/336bvf35dju/ddevex7rq2/8630oc/c9z//513w3h/l3fv4y++nzyh3/ge186mn7dvhpw3to9lpjz1uv3r27ptr5+/z+dtuvpfu2bz2w4wypxcwv1mctjdu/f4ewlhqsplj41d0ev7tc57w4z7/6mkiizemh1ukwmltckxywomonaptai/cnvbfwc0hjs6q1zimzkoeiskxxlg1k70v7iraqyvz1tgguxnld+thxrbath1jdmj19mt+g71xdrzvnx6edwtb8kkvpjxhl0pyuye/n2baz9qot6bkfsyqklimzlrou9jx9mt9d5l5d6b/w/+frjqil51ysjgl8zjnswm4xqyplbhyfcwpawautscy4do0t1afmykxlm4/mn6drps+wzshvbs1yjmy/foawmadwndu+diniiwejqtrmgbyxows+pnwkoj7wnrwc5lk3wjnsa/17o0c01nl1kz5+mspgj9ikd5eb65tti43c9raefya3jliplnkmjirleaxidyq7ntmd+pcsghtn4rh4amddudzepy6p6uwzqs0lepfhd4qzwg9ln/m9aebjmvbkggntih56t4ttg4yzvb/nytlt5bjmvtqt8des2epcooaejtokt0ig1uvgktvmd7h9tkslifujtobli6rv54xgevfpjveuvpb3deuoyn4o2bs+e85jufhqtr3leva2faptqs6seusx5sgwescq8dnywmhr1wifu4/lixlt6kiksowtkkmriisnlrefbbbfupzdh8ci2hikgakf3++wxpluedbszigoqi8xkkuxw0otamwsvcteqoulrymdwklz6oryddjyxe9e9ecovejzg90i2csryz7in7zam56bbr+svscro1jcmx4d3zxxbgtxbwkp2ywnfp3wip4e2skodininp1v/mz2crdbyxg5l5vertku2ootcaqcpbifgrcwwd2okjdwu62cujafmifnqji1fmkryjlzeq+z8kfa2gdfycnkunw1mmff4k+isitvtgyns+hiumm2ryopapfrepslzkxbsqpblxw24wpb507g1oa6msietk4io/zgfkexkxc8ekawpzgyjji+qrwnxkryapwudvjwetqcbt8l5q9kvels5gxumfhyaypxgcvjhy4gb3iuexzfyrwzp2ncsehl2sjh+dfmyd7oy/adxbivcnu++f9acewokdhhycpixnfze32mzeuwrueokaia+ifjo7nd8ifdnxhmmqyrlewub71sgs1vn6dhwwuahcofluulqueuoy6xuaj36ktrjwk7acvs1fglhuvlteriukqxklwrayrkoaqqg/iyx1ngdbby3h3+wv0detkt5x19orzdx33hw2pk9osboc51qtmczgkium4uaakq/ltxusbwo/xfimy1qnuceiwtnlqwjzgqis7k0jlhjuk5shjmeyfsy1hjogzhb3yrkocsdfnizpc4x+nxwk7gje1ujityva5aipujhimuqxe1uy5fslxl1leetoozauurqklvfxfb+cijmypy5ityszrxdacmgrcwckthjvdeusklnxdcrdmriwtr3ufiwc9f+azvsp123jyqkvzbb47nr5rnysptdn4dij7cjf84upjxdsftjkf85oeyxpni4k83ibpwgqh5920gm3vom3flwgjl0839/o7vhjzl55u7+fuf3sw3n+e/3rxq9x7w7446a+ouge76m6hei49kpwwhv6mjmfnab4aalolahzsl3h76gw+3acuh2kifqkat31ttrsubnipnjvi5mqw0yrx8rpobimlqfjikkiipluzja1wzhexagezdjyf7fbzhhpobgaspzazyr8bx4wfaenod8eefleyhlv3u3smvjwp9udvsqlklj8hnlttil9elxycfl+hic4kitw2iucj1hmnw80jz0s7cb1t7j2g3sgc1xqanktti60vmylimgeesqifdsdfj+ajjordavoqxcjiaxssvvrqji0nsib8ex1adiapjsqrqgimgo8gsxjacs3gvyrgplgbtsxs3xwarlnemsdcgyopzqnziszykdy1tgafqle0x2fawmmrp/ua+vit1gumimfk4/afssr6mreq9wrpcf71wny9crmkwpiuxkepzrlxj+amlpve8vgxojzpwdzehnntjut6ujdlxmeq0q+ka4loh6kbjptv0ehag6nija2q5nqc9b2ki4au5idmuhgr9xnzu3disxk678isosizjctpxclekvtu2sidpml7ce12n3k5ihdetiradrszdwh2oa4oevl9gmsbcsberwht1q8mixljqea2duh2aaqv9qcgiwgrsrasorkkejjkc8qkz4vj0eoavdgowarsgbebsmadnkjs4vbr5awwdnctkqshfuioh1lqfrllhw7snbxhv4tg+ofxsfggegrry/nr9fbdxnjpgtq0ax9argohcucqsjrcx70doclv/isdikqvfevmg5mwnygklxmiknlygdoao7g1hysgjz9rp6fr8racconv5vmhdpkvgcwqq9sovcdq2fo6uol8aullt2pt6pghgaycogdfbadxemn9z1cgnrdgogd8hmnmctcjhcf03+alkqkufn6za8chlmobpfj9x/gymapqxbote3guwe8mrja60a3hrcablcvzer0dnzljgbskrlyaoqzyfxyezeujbaty5qqce9utdlx4ynj87lyipaoeef2jqm0hjbuatdvazykpv4aignlraomwydzdhntp/uxpslbgqwqyfvw/1zehga6sjmyx0bhzj3iydlyuc6ox216n2imtsic8amhvqdnqqi2zpq7reguveuqotnodr5ei6dgg8apegnknyeysy7pm9cvxmktyjpy0iz2yugi9a0jeycldxbcxmqgbmmktklfiiukiou2wev9exbh+4l1mt86mqvmhqhtcfelux4u8je0psxofhwd1iswashblbykcqc0/yeoo1eunzf/rjjm1jyog3deikvwfjr03on56idepe7gt7twwjdw6mfr+bi86blmfvqb4h+mrldt7x71spj2rbuzxv7qdhcnmoj13zivlqdmjztj/8+nmff97bsodsr+ie1gki8bdp/bdhuedsxdahlktq//ccrz6+/vhm20zj3n9ylez/oj5/ypdtmsyzdtgy1uejc660j6wfpkdgywb83je0trahkomgii7kz8yoswuemyfz6gjpuxilfirv8mo8sjbyuauiyxkcl25wfmwznrgibhq/b8lslxgtdnvct5qno0ut4fbzsvh9tpvoaa8avgqqcihszdtj1eqwyfg4c3xk0yxebqb321dizkj7hd2afhopzmzp4mhmenfg5gykisjpztknkiozm4lgpif12khvfeeolwl1ksikcf+okwl5xfh/3mimzl2itmfebnmviszlozg0qyrnufadgh88lh7zsc5dwj3f6eobj29+/tnph1//+s+7tb9btagscgrkiwm+57mayg7jkcftzuyqvxxiinspsfwshxkdiutvlirmkkxqgxkecoecpkxjfka1qesgfjbwfllqeug0uqptkpmjtjhcilp60aykkhwrtbutm+aegqjtjffl1xc4xxjsgnaw+gnsup41yucrggkihaohkpwaqtwtetqtypsr0f8nm4zsgv8yt+pyv1ul00zxhzwopdggbftkr/og0aoxfbgfv0rtxz1aduo6xxrpjdmvykqebrh5iz6sop0fa8rrxwe3wye0j+ckeu9wgvuaqgut3ubtfypwvhn/knsczaofacknmadka4nloy7x/pdv33kbps1jdc/mzhfi4bcomqljtgn0nlgxkc4lrvgtqovmvjvo+tbvgigupqvczw0hgygdszadfzka4tmyqrg8xehefcqbasfmvsvgg10kneyyd2f0yobbi/ohiunsbzi40tbaspvbxf0mmg4w8sj0fakc6ouujxqdoytgnk4brg1+bn52ekz0p8zyh/pvbm3t67e7xl+r+4yyl25ft++k3qkrik+2eqvccg0yxtqpv7aen+ppbbtpjabfkbitpk243n/u5jo0s/zfiomopd5hl2yu1iuq3whzwdjssdmem8lgcklrpze/b8ofnmqkxooghic0iy+9y6fw0wlzewkimh5qlwp6fiqid/kdrcs1qixniabqtpsve3i9fgmggkht7ekyutaoaz6zjmn1/cjg03sb+sxxajmyhr7jqiqdvalq6iequ4mgqqwnlcqy2ha2/zwg+zppw13thgfpjegnqjfgom/mjhfp2wyxnxemlh9f3+dvebk97wlzcqvlrmwazinybeeyij/mwhvg+v88iqnoixhu3dvg38upr8z1j5t+p4jji5ubcfg5cc+yzvz6d+iuygcvrhwbw82pk0udgq0flpd1liu5mbe0xjzznhasxsglbnka/+ivlf75mezsl2u0q2lsgkfzzk9dibp0+7c5vaxtq9ojguitj/3bpsf5gli408vjewysdpyig72y1oofhinf3gxi9wxkqiwcrhhvsemut3lzq6ej9x1ghcpw6+2rjkzhh71j1hilqzhviiauxy9pfpengpoqymqldhpkcsuay6luivej43p9m8efnsdnr2euos3xd0+ymxl3tbjofusk3xlrukvicrfk3fqkvseh89zxczpus1je/ecntodzm2d1/h3tck8u0ox+fnpwf7/zjye8lgkwemn0zyi94iwjtoolhpwajmjcnknk6tyupgnhdev10qis6jt05gmdmbo1xqngtpydfdv6m5ntzeotdb3e7xquphn9nenzvzywmwvtewjrmokrapbgli6eibvn5xtdgm6c9sbtkw/cl3jaxqx4mvez3j4pp9vsrxf0fktdwf6s0+plou7xnjbxsakjdcexuoudv/4xjg3v6mvuzhn0cmvhbqplbmrvymokmti0idagb2jqcjw8ci9bdxrob3igke1py2hhzwwpci9dcmvhdglvbkrhdgugkeq6mjawodexmtewmte4mdbakqovq3jlyxrvciaot21uaudyywzmbguguhjvzmvzc2lvbmfsiduumsbizxrhidqpci9nb2reyxrlicheojiwmdgxmtezmjixmzawwikkl1byb2r1y2vyichnywmgt1mgwcaxmc41ljuguxvhcnr6ifberknvbnrlehqpci9uaxrszsaozmlncykkpj4kzw5kb2jqcjeynsawig9iagpbl0ldq0jhc2vkideyosawifjdcmvuzg9iagoxmjygmcbvymokwy9jq0ncyxnlzcaxmzagmcbsxqplbmrvymokmti3idagb2jqcjw8ci9uexblic9gb250ci9tdwj0exblic9ucnvlvhlwzqovqmfzzuzvbnqgl05wq0zftymyqknhbglicmktqm9szaovrm9uderlc2nyaxb0b3igmtmxidagugovv2lkdghzidezmiawifikl0zpcnn0q2hhciazmwovtgfzdenoyxigntikl1rvvw5py29kzsaxmzmgmcbscj4+cmvuzg9iagoxmjggmcbvymokmzc4mwplbmrvymokmti5idagb2jqcjw8ci9mzw5ndgggmtm0idagugovtiazci9bbhrlcm5hdgugl0rldmljzvjhqgovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagfle1ifgeyx/+zjqsxbtgxcmxqwsrujgtsatp1k1o2zdvmcwkdfxedhgenmd0trske6jh1jc5wrieitughq6c6raszdymgo0uqbv4itv87k7tjvl4wm795nv/7fl3dafwpuo5jrtrgys67yd6ydnp0tnv8glworhrckcnzohkjaz+plc/1a/utfglzapsx1vs2fkt2mrbqncp3zam+lhk84oosl+sdpdvnjbstqttzite4q8lo8i3y1myix0ocfp4bvlvtkzmcl3eio8gtrsmryz4g63batmnvpt3tgvpusn/inzkl2rjy/udbhmdti4ptzame3an211vs9txazhfg8vdf9j3pz0fz9crlhgr2wynrggv6ucp9rwm23wb+xi+vftwulx7eyq7w8dqycm7r17iw5suq1bvszvzkgv2lg558vquwwdmobah6rwa3pwl7hwlbhwojamcofzhlbde48uii5wj05pxp18xo5lvmxt+idfbohdzng00nwsqynn/laa7whfsu6szmwqxo2v/bei8ke3iqt/yxuss87t+szkvtxzwlmtjwp7to6iy3ko9nzj4+cj2v9xm3zzhg5ycz7xskohlktui8f6mj1njj8znkxldujx+t85a85xuhzuzffi51ikgupt05meuxml3c2z4zmcqzkqxymxod8d/8xi0kzd591nx1lp+bz22rzxifbqetnu82nctrixga4cbfdhl6tcpmwqvf0grcw+rflrys5v0wfb1y4z4vf895flhbxj+fwbxzdeuimv5o/6iv6wv6xf3zfg2hvukzc8+axqtrxxlxzpbvylhbjtk+rcmib7dadnotzgmd4hx05jx1jehqmvz8bdmjyrzianw11kuizwreoopjrmx3rblfn+hnw8v2r+lr+3z2su0l17k6egyp+nw2xa1r/7orynkyq/dkjzaupguh7lupqn1qi9oktt2mtqttahffjqod5r3dnjwjc6zbzfup9mbjmt7ksvdmi+dfwi+g/6veyqvxndt5d024uyxpcd8r3dzwh5t/w1+zaw3ezw5kc3ryzwftcmvuzg9iagoxmzagmcbvymokpdwkl0xlbmd0acaxmzugmcbsci9oidekl0fsdgvybmf0zsavrgv2awnlr3jheqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagfuk9iffec/s02eosiqyv4ihckczuprkyg2nz1wzvtw5xsohhn37qjszptm9k1xzmexai8dq+iy3ts0kgbl6larevxikkgcdx16pvn7ooohg95o9/7/f1+33tebz2m7zspqvrzq5urpadutk2lgx8prr3utlimffjpyngmseu5kr+719zn0tiy3se1dvv2pbwvzwah6i22txd6izfmab+znyhlglpahzav2d4bpfgorbrwi6idd5q5mnprnhslsi2ru+aikcqvyjtjrvv5uca+i7wjg/5cj2bwjr2z6qrrtns090shva+urbnpx1t2bduupw3jnehdginyrtxfk0zhezereeogujvkuz9qtp114huyu126k+p49hclpslgqim16bkzhyv9ahyqy+wq8axo8bjid+ebe2h/w1hdk8anyt9kh3nwrr/2f65t4hueptxgzhsuxfhaih9elqfd91qjaixztctt1zlzpijvmdqzmpdgoaylmxewqhm3gdthh1mqzgqxxfuu6ixuewj30+m70zs5c1yghelysrxzfna8cvgufyuwsq48ps4eveb3qjjahlmj3m0o9x7vertno1kbvnqnv8zp47nxxfhlbbjpgh6sdtd7fp/p4xv117y+ppmnetw5rr2dg1vhvnflc93/xzkej9knoabb06fzwgvyduqpmsxmsawoxh8fppf6khnv3nxu7bhfesxqpixsjbplvg4p1oo9g0qshcvyahzwksqswhy4u2u6oxh32cj6bflnv7lrhv769nr72viebcqoksgtzbnezpsxw6pk3xjb/warez84or7nvypayf5jrra/htlakviuvfrwunbeb2cofhu2flw/pef1qf08ct2tn9gv6kmrvgx0sc/cc1efo0nwsgkh4hkgiomz1e5uy40d4inx8rrbzjh9d0az/wzlbmrzdhjlyw0kzw5kb2jqcjezmsawig9iago8paovvhlwzsavrm9uderlc2nyaxb0b3ikl0fzy2vudca5ntikl0nhcehlawdodca2mzkkl0rlc2nlbnqglti2oqovrmxhz3mgnaovrm9udejcb3ggwyatndkzic0xotqgmtizosa5ntjdci9gb250tmftzsavtlzdrkvpizjcq2fsawjyas1cb2xkci9jdgfsawnbbmdszsawci9tdgvtviawci9nyxhxawr0acaxmzewci9ysgvpz2h0idq3ngovrm9udezpbguyidezniawifikpj4kzw5kb2jqcjezmiawig9iagpbidq5nsazntugntm3iduznya0odagmji2idq5nca0mtggntazidywnia1mzcgntm4idu2msa2mzcgntm3idq3myayndygndg4idq1osazndddcmvuzg9iagoxmzmgmcbvymokpdwkl0xlbmd0acaxmzcgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4av2sy2rdmbbf9/4kldtfsczlcczqugje9ehdfoatjyohlowslpz3vaokkxrxweczi89iyo/1c+2gkpl3mjmgoughzwpn0yuyeh2db5cvstjbxjulnto2pstr3cxzplf2/stkmhmi/0djhmmihp7s1nejr70fs2fwz/hwdwzssnpx/ptgclhirkqepr7bvbt+tr1j5kl0vvveh7isupwx8bl4eugifcw1jtnzmn1rkltutfkpzvwetlvgzv4lkxmt6ppbqiqqkpfys66yuikokhknwduuqdesayiqckusgyiadqxbkcpvgxwht4bowbqhaqhmpuabno3cqogu65tcqqgie042uadtws0uidk1svaa3xg0hwik80qaz8fgqp6vxqwmotykxqwmarknjvkzzmv/1zivgwirnobvsfhb8go4x5i5hic7sq8kxsnfz+do/pd85hmdxa8vpk0yzw5kc3ryzwftcmvuzg9iagoxmzqgmcbvymoknzkycmvuzg9iagoxmzugmcbvymoknza0cmvuzg9iagoxmzygmcbvymokpdwkl0xlbmd0acaxmzggmcbsci9mzw5ndggxide1odqwci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4aewbcxxu1fx4731vlsw+k8ywssyzk5ezljpmzf8hewqjcwfcmpgagyswbbwjgbapinxbrler7htqxyvkzeadhkpv1lakwov7umxpxwoq1q2isx7nvjmtwpr7tb/2918+n9+qm99313fvoeeee9/mqcghreo2ep7k96/ugyqbyauqcwckun/9orfvs+aiup6oepkxkwzxrr7j49ohcfeci0svtplmtsv2xxx1k4qyzytyrhly3rfsl+u/riek8wzouzoagbqbfc9a+mvizwysxrdxzqukekh/aenom9f091vxnncezdvbond138zbbysd+lnrio0+q2/18lwnr30l6wsg7r0cwj5oeupv90aaxmdjhzwk/9hlsxskeoghzqikjpjedeqpzqlebbpjonwim5qtndtternusmtnllcrmrgdxcvef5alyc1kf3mypez+qx5nfks+p2rssy4mt5a/ki/jx8m3cesltdbumh1v9o9z4kl5aqljn4tr2qizpd750ct9kx+bzvun5eyale3mo5ezmtg59v28ir0t0ykxfrpilnoaueeht2n0bpi4vwmtjzollm1ty9fsny4pb5vypbhzldkmkieydj6wiwwm55at5dxyprmqxek2kuvjj0ex58p1zerysp1cqa4kv5gfkkvjdninuzzcr64nn5abyu3kztdjreq2sjnwxtk3wb/rpfjwcie5h9xphgd+lnxf7ib3kvsg/tpq/gpkicjdhew/cdm3kzsg9x6ox2o9qb4ku+ffmiyscnld9olnmb1prcmt5bhykimsfwdn/edtpyepgx2fbms+jewxnhj6p6+j9z8mb8kz5fnyhpkl+rv4xvpkbxkiveheiv9kytntvbaexia/ia+arx2gtfcaez28sd4m75hfkspk9+b1n/xd+rtq4y2o826s1vtq64/ki6g5bj1hp1jnhejjffkh1mnh6psiouotyjeui9+ssbhi1rtostcnkh2z9w4cu90l6znzyzekmyvq68w2d4lohwt7msuw65ti1ngi6o6cxuoazlr+e928glmv6vsa1gg6yppebb4mgkabsx4en9l485keipjfn5qyxqkrmb0y/b1o4tp55yqd/ph8sdim0+4bku7eoul7tmthqypmcqypu3x7e2il1mftmc6ztuntwnlbkp4iosmnogngp0uw+dp5yor6g1j5gpkl+zr8kb0fi59bppmcfahprydngkq+hfdtc7+f8zx5mvynfeoogww/i+mnpu6+zixjzajstcilhoxjximre7mshmqoncogpivqfvvtldvrptvqi+scwqkzkjh9xcmjvifkvfi/itsjmife2qidomgkxe0ntamu6qhp9erz8lsjg0oemkg9sxzwqwxyvfsxdumo9slqztn8ughe/trag3bdqitpcs2jfzctb+lcsfdcwb7ewrfxyekerqsxdhefojvmtc+dm7ttvmtlc9pmxob6utozyk319glvlrxlzaulwubebpbpmygku+xmk9gg06hvcuqfxmzzloq2ci297rcvnyzzcu1neswt9efg30kzvwe3zdwewifszu36ooiumiluxpg9milwfkdquqn7gpmwl+tuenzhq/wco0oxthfb9fz6odsdhpou26rrmu9k6cdh8uald4n9on4dpr3uhndj+ogrht76vfw6qlhxcxxl1xm5zfstgusnxiwzhmfrmlvnpqsuq6fylcmjonbbmo9t6fswntve1vcf4vf0s3mktuorrkglk6w+3kvcmgzymxs098mry6ngsrtxr10mlotb1bxm+6drcn8wmritbpkhs4x6cpbmo3zq4pjwrldfepylmldwevm3ogg51yi4r74kmhhh7bmy9uk5fbechdf4jwgfbiptagrtvvg1gbhbcgf+hg8by2vrksyfrhhrexem3wrpsosiqx93motlju/gsywhvri1xjlvvfcaztyidb2xv/ud9vdwpe68xlcs9ocny7xq7g7zvt6l/qomfcthhhqyieisdhafxxq4eptiymwyzq9c/b5emmqqpob2rnbqgaybhvrunmraj96gvr1duhpmbqib68kktz/wkhxsglbgig0jzdbsgkwvob1rhymapdja7e7zu0skstcbr9hab0bxnyx0lvsrdvwmlap/xohusvgexw5qx7fqtbybwukwhropwo3gbqauwshcvlc7xhmmhvz6e9xdxarfzawfge5gebnqp0gbmazajlno7tr3f00h8wpwl1gndnvkp5dgvxvn0bgiteuaujzg3nlrvxhsck4ahhfombqtdayhpzemvm9/ojsszqau7w5yxn/sae/pfblsago9/fa4oaalmdjgcanmne1sdnm5hfy7otghzme8psxmrbs7toa6u4tlqrcapito7wlgybqw7nvaibs2l+isrb3zks5tulhejmvh4mnt7ionudrwwua/zfdmvik9u0ppjzu+v9wcl3apjaithsps5kksq+kgfqtgufia+y4rtyygxdoigvjo7bpcrnfjsf90cuvskvfrhbls6b2ohguwijqvgxe6uqablav1vyvlm7t1immlrz21ebkqe2phbxpp+6hil+1y0lupzq3uszu7ihzl6npru0czokxrn5squcrlwc7lzfxclmf6mgejbkl+yj6rkk1squzkknl9uuqkpkweezt0rznmm8brczanwzxryuugf6ww+wcyaojwg3szm8+53qmjvd1scrermbl+ajgk1stmcdwjlfnow2phew1yi9sy/bqwx4p5cpavfgrd1epbovgisso9asqpclkukkk7wtumzps5rzs6odnz5tmumtbtgswxcgrbv1jlh31a7m2bejoz9el2zpdw/j42dhkcpc5wznn/n6yfeidqptmsgh5usr6grqpuhrkjnooh24abpfzbirhe2h3u9robdq1ii3k7jwhsjfsc2bfpuy/dkng9kigumsegqmg1dxudcszgorowjwwscdmiugxgsi2mvf+aov5en1harvo7wnuxlqqz3sbnoyremw+5joquwcfh0+k9gp06rapah/dhrjub6bd+ln2gfdz5kbutvghubqxryes+k1qzawdagajmnhb42wadz1v/wbppj5j5wkyijwzq0q2uubzwezv7iphjew3kcoxxxtbxgpdlst4oyq6szvwleue9ndhje4vnlalex3m5atscmgoslh3g2kr75psz4yx+vnye7+fqpoyrkqtddzdafsxopgi9wgmmpawv5d+gj0yenp4rsbuzttopeb29fr5hk+nze+vre/kuj0osi276pdxvu3qrmctjdckpnukj4nk+3drco7yc6yq14++9+yy8huqscb6iwxfhxhszjj9rqgiohr4rykcmj0kss55tkhukit3alwt6soukcqu5kmkfkk7nplzi0rjqvqgwjeohjuzucyxn+be/m8m3jgdwmzxvhqvy6vfaxekjcbwrtectchta24tslidclqdg5qnkznjaibshjf1ftt0z1zlpvwodqcdxp+t643+v6789tvb/7qhuw4qu6gzfjp2gk6ssbs1ks2qupe5v1rl0cn2kzzgqtddp1tlnfem3orw2tdrmdar6wv/e8srqig3yuoxpuzmkex95h5zxxqj22yzjd/dqdhswej38uexjv16ttrdrijxqrt6nwkhxe7dmocbb543shdfn1battes12kxnhickqxvwiqtblynoeykheyjya2pqem0v5ayie2gwzrbfjraxqpocxnzjsb8qlnqy7ebbaj+4uacvc/kj3w+uc/iwhmaj+hfuvpdv93d7rva0wybvuep5id3nky2jacybuua9slgtwlpeufsrppwdnugyj9m5s/ybyrncs69ugixqoqrgtjpikfooxbm0i8ci51vghzwn65m0moutr5cda7joef5jtxp2/c3wfx4+zscyuvdnnoin5wrnxmmubsfddo3foifr7pzirq8oym2kabyzucrvkshqzodijqtkrklxvbnbi+1s/svrmh0rlz2gufcgv2bmd+ocq6dbsclgglhpygw4acrov9hnqx43netlgifdv2iqli3ygmdamk+n8bq4wamcitl60ollwamvrmfw/nkt93ny8jy0ycpdz0+zb+r8zt0nwrmp2pobp1+8o6i+z1qxvrmg6zbhy1rlxpsihsh51vljmbmygdzmrpzzo4md9cvgdegc0+nvmquzrrphlgdn+dd5m/mde1fz8uoibgwgq/5y0cec7lf/bibc1ajblerocsohza67drtjeaw+1fjnfviijrb5firkua6tozqgqnttmzioqcwbikg4vyf+mt8ngvoqgkhjwcho8jh/is5bov4wab6vumfjius2dgntuxtu4+uzhrllvhq1xk7wqyyk6tavgv0bvbob6cvseiueag1qt52cmqbhqdnxugodaogzqsd2aoyz4hags+bjj2u3yznidxkbdbynndvgb61fskzhp3cjnkdtkx/umda2o+hpd6gmegyplpfm7k1prwhw76db9qljzbxvubpqvfv0mcu1mqn0suqmzo+74rj/8bhb3gn+p6hy7pdbmuiaivf9n7sn+qsuyfnotzjtimiwlplgvzcuq8cvdgxihs0cncsptjobulq6la6y9+kuxtecwvl1+rulcud7v0w0m4xth43jswrljn6vq0pu/vjnc3rd39zyobkypkura3dmjkszcjjmblh3+zr7hyrnzpqbv5rqs2k0vpd5fdwtz5fqvnff//lno8dhf9s8vtqiyq41kx+bcb2kmeypr/0z3pupzxrmfgpt2non2sb+mkfkijrmpwiqg3/waxhpnraleaj2roo8u8mqad0apv0rut6ldfdymb8j3dy4roohqevgwywkhccb/6fut+hzftmiajlteafflk1gyyjpowyhbx/5rb891f+3tqvkozgb2+ql5q5pzp9vkprftnrgavt+w/do7sciudvmpzzjltqnjr9xuzlf9fucc5ynljudty9acdpkyqsr3veqcou4nj4sjy2n2pdbu+dpnx5a196zvsegt6ez9tbb4cxyafm9krzvsdop5wvb/7wtx/mpiwakk1aszhbflltmj92ksiyrnxe8eq/obndkoxslqiu0ehd8eiuh/2wtuey84f24wzs8cr9jxgd3zkv2gc6tyocrstnnhfdjklbzv7ffllvtmz2s/xzmbvqrfpams9imzzvtcpi1muqctn45mhp8zj3/oikiis3ggurutuiot3avycwklvguqtsaebv93eztuw0x/a6yfkcnnxrvwh1sfmwbgtlrahdtjqrtfkv69nrotj+b3pvog9jd6zxwlp4uc0ynj4h6lqrop91i25zhay3tqtow29c26udfbzum2ipxfyztnlbv9/qs6zgwub/n7lges2ghh6xgebmcvcya/h+prgq3bhv3+upkyscztuqlwfmlz4zfark7ilmu6ktwfjl49wz/tl62qwz7/jkbtsufvmnvhtnmmtpya/pnfrk1jo1cndq4ee3vqmt7c7/unt6/nhlmtul3wku3kpvg/cyqwm/zmu2z17zmlobu5jht01p1dp/nleeu0pkyq5cseisxo8htlpyws7jcnpkx7+ffiyxk1phvu0nm49w6+mlhtl3enxxogz3ffulqkt1gm0gb2fwjow0fuviuyi3sxoioapnilwre/1gnc7/mgmzvovbv9yrpuo8hxiybsmklpjaovyzostgug6nilfbkltmck3eewva38a6lww11jvavndcbtb7ipskla46itqli1nkftqvvysioww6werxgccvedzc8vbuafrhvybesk4ogtuuvbjqrxevyudqpsao40gpr4ax4bskhp/pry9rspfts5xbdeglyq6i6ydooqchmkelz4msavl5zvnlbpg5mzxtffzt8fjudxs9mtooatkxf3fb1r/abwsl1f7k/fvptjtqaz+f90mnbxgdl/atqe3aaoytz03d9ohxbu7okll69phxzni0z3+vnt9uel+0vlzjptyrm1xc7copk3ekag1omuxs0/s3z5lyyp3/d45c0ta+if1abnqqfxqgel65vkpi3vkt89i5cq3pzftnbc+jteygdfljm5ai3puljntwovxfxf8uithmepjcpl0vjfvrggoyn9n8im8q4wxnlvtludllyxslkquhqkjsimipuqbm86muxf0x0rj1n4vuqoxwxvhaooppgti27o/8wbioxojuymnfz9uie/9jihtb34buxi4go+r97bylakwtpsx4l+9xj3s1zmksloyn5r7izxt9pqeqzubusod+g0ibwncxbv7lgxe2gprurqtfff/rgzhx5x/all+tpdczz9hggt6jnrnqslumz6em2uqwgvd1mmrb5ss0bnri4sxb49sxu0zdlto8iwto/d/akv+sd8f3vartkpqlhlkqkc8xrrncphh9j3iunudomqss8lozg5fnovoi+idjhnz2npkt+ufone6ljcoqk5yltk+6nptjsksryr2htczk8banapiwkx/7seq3kme5tndo2ns/c0paerszzqzqoz2gpctbwje+o58ifug9ojik10wyu62c+ecbkcbpdppty4fvubpz9e8tkpufsiyxrha+2xfsch8vkyzpo9jvyq9iahynu+4gyu2efwcisxgiunp1gkla6ot7iojoqo0nv00od06bgzm+gdqwrykcm+bmqy5tnvvvizzzmp/1gp2kynd7sahhjothcozzzco/sycuzqqpco6jejnz0jtyrobxrnguooipbuqxmwm7dxvhco2x31pxqtzomkul/wcqxr1mivkpkrvz+v8zzmjvd5elutrwen1ecnchb7cnweytcwonh4lsa0go8caqry9gj6mstwx9vn+8+o/3aron5qmnit5p4yylp7iz7kcspqnibzn80j2k/td1nclesbm56ba9sr5k7sgoe5k4acnec5izmkydnrjailjwohb4zjrejwj74cv+/0/ik9catkdvef8h3lf/id9wobjc7x6zuubhjh/guf25csyvnzp22cqrpoos1tx4kk4e+kkgmotvuewzugart4f1nkmopspck6rbvhhzb2qafke2fwzrgrelp/yrh/7mtqapwti57tgytymonmfieipnn2xw9z0n4xfn0zy+eszg8tnxi3flyuvpewzpileisrugsddcphg5c2lj7xnt90m+3tcw4l3pb7zp5gew5a2yc87jnr4n7pbdfonpcn2jsk6brnweik6gldopapq6qer2vzlsc2b6ebjtetehv8rks7maltl+c30swh/gp5+iyxehx8r/vp2ms7fd2a+hjin1eo+d2qyxwj5it0xitoxkqpglbkw5gobq8pfwx5rzr5dkob80iontkbkupy1ru+og4yu+yee3hdj+bv6ruwgs7dfp4lowt7grzkkkko3d+j5pmuqpsiurfiuzbdhnx8jwhz7m9qpntf8/qscoarakgsmfc5zmxi8mweaiebovgcw8wsodjaqnkxzzlv9ujrgr8kp16wiwdbszywatgdefpmjnhriu53bwarcfyltp6vlp6gunwggtqn65xynr/iqndnpr0omrstjypfrqffhnumancow/oxnn0v8eyz5zn/rxecrkcthnpqw1zzrlgre9zs1klvfoyjh1tyucz/lmie2fe/ewtiyczf7denctlnwdq5mnngdjqgpns2/eoysxfpcuhpt7o/5nqj0ee+jlr6rblin8cefclnlass12ebdss/xmltrr5ponno7wjxtjc+srip66phygt+oefr+cmmiysgqxtjwup+w/4irv2h+0w7yc5hod9gkrzi8romrgcurwwwz9i02ijxj9ogp2b6nmrxh0kgqcbpenhlufwzdclgpozewrtkhsrhhty35x2jwt4mmphn74ls8kb2wiusk+mjgzff3+wlvomfqnfjs+zjzydxfkshd8xonqsktgsgo8/ltx/cqjnrczpk3mzzhffldm7i3nyi+1u9fvrfxvufoswponlo2/jty68znwsg9w8v2yy6ugttp2atp94wq1t8xk91qqfgd6smkxx8aqdeui1mpogtzdj9mnmitmk32b7pqhnlzqyxddts5kcajmepfn7wvaej9bcj8+doe8vqyu9kptvg/vkvh3od4ajptxhuhrqyyltq78vwaeqb8lvyc4l2/kpyhz5mmnmf0lq+k+ilv+czos7szoslbtklkqfeb79mpwbce08di1ri03cg+q87llo30o28q8sn9wcft1fz9nj3ag/w6awns6fl/9ecamyu/lkqlbcfap81v3qdpubtbnm19kilpdbitn8mkgjizech/tcj/hs6qz4ioenl8lv83dcctgzyoz5dy0nc/x1fweuwjq0kq92zznlonkoio9y30tsnk4o97dimh/wdsqtf/av4kvef1j2oab+ivgmcqzxkeivwhmm8qlm/hnxmeijxieidxb/qvwrctsspojb/aftv0e8h3emquaridmz8luimwh4d/eu4h3e21jlluy9ixgd8trincsrimoi3yjeqfwg8tlijcsloihdibcqzyn+jbf9fdb8jei5xloizxaheu8jnkl8avek4gns83hezzhzagi/4jhepkqu8sjiectdil2ipygiyjsswggadcn2r1klipuq4khea4hdij9fugugyv2i+7ddvyh7ehcj7kl8fhennr8dcttij+i2xk2iw7drmxe3yfmbetcgrkdch7gw212d2ig4gvetxfwikxfxynfbsfnlimsqi4gfiy7fbtsqlyaurlyeubdxo0hkmejlasrwxpmi8xbbeocizkfsrmxcbersqkxhdcpwidyihhbniwyraykoehjewyjvidmrzybor6xcdcbwilygliowiforsxf9if7eesrira9iewihyggio5jcbiprqpygmi8iitorhyh5ihbexmqcxgxeg2iwohxrgmhgncfmihordyh6rb2ifjedisjqenwi6yhpicpejaiiyq+a+zujyhclibjemaiiuygoqoqjgogaig+ri/ajchdzicxejskh8ezsvtcwdiqqsbevnh6xvqi8molgwfgr1uxdobgpibsea5gmscnsccvcgncw4x2smdmryuiyeqaehqfdabeahbqhwj4teermvcdkcbmcr3aiiias6criajgo+a7xlei44hve3xbfs7elx0kzol9i5heizxf/rxygoib4fpexxbjie8sfer8jpkj8ipga7/enifvwrekfeucjvlgy9a+i30es5zb6h3ekyq2d1o8i1nrae4h3ee9era2q+xbe2gh4c/em4g3s+nxea9jzq9jzycrvea9gz7/bdi8jxkk8idieeahxplb7nxb9k8qvcfdpiz7f+z0tsdbcya5ig6fxrk/hqh+bnt2jealxoolniaoi/yjhsot92huuu34uu34e8tbil95odykcgmxbhhg7eq9h1w8ihkdsqvwmcx/eauge3hexzadci7gnymmd1n0ry2zaxrhlhmbpi5z5gdsjfhfwb1a5havsxcq3yzvbsewwrhkzpm7cmjcibsag1youi1jmqp/xyvnredsqv+oqfoi1r8kavykuifjaod12rhk54jlesmtcbwu/jpi7azdgzisa2ylmhsalexml4okieshgiiy7egv+cktcio6gqscmda5p9u2ui9rzrqdafghyjmgtmvmucmgosbhkn8hdia+cpacyc+rniped3adyl8g9ihed3axyu5a7qe4aur1kj8ht6ghxtsa3gtwacj3idsdxglwdsgpkapcfgfylgnbdcxifyhaqy0gi9pxiekriel4kka23dyi1ernz0ihe2yhbxbrewyjvidmrzybor0xdvewmrlnkrawihfggkewuiiorryjccogzsgsq+yhehalhrbgqeoquajaiui1cg1ajvigehdkiy5zviaubfweza/ke5m8gh4n8bnb7hch7io+cvapynshbig+cfd4aer3kczcfgxwa2q/ygmitoplbqkj0k2p6c8te1simvm5gxabeesqwog5ri3qygrarnyhqxhscsgvhriqhzshbdqbl5+hd2xfzexmqsxftifmivkqlohnrhjijaeq0ioor6qgpdtcncchsee5ekiif4uaki+w4bxvckt4mvjao8h3itydhqb4bo/8n5guqr0c+bpkc5how3f9bpgp5aorpih8eoqryb5dfg7wpfjwe8gli8yc/bvkvyc9bngn5fuqzkimgt4neqr4fqz4c8jdixpa9iddlft6coj4xsspicochbxarur8remsryxd9ikwipkqvyglimaihsqixelea0y3oqpygmi8iitorquqadzyhyex4etmibeqwihphq3jrkbkiasfhyba8gknqxg5evbosmwkyafihapq1kfdbdop8fuqvkn+avazyesiloof9ibfzxtdffmb1iq24fts0nxtbrq2h85u2hm7btswk2vk1pxulr9msajhny64tb29rnnu0oxtors0h2wbzzk69qwldaooudshnbqpd3zqc6hw+ovzfmg8e7hxenrxu+jrhw5chvgt47/dbyz59hzc4xf7vuhx4qmhodoucgayglu0z1ugb1zunhdbuggrjhoqhukqjq/tlicq5h6g4nheig1p7hjkyglntysgro5emuyfyh/izm9aebnetcz3vtdr00mp6bkzldjjsqsdk0mculaevgwwh5buwhfods0n9gd7qkkbpapguntciwilqwl0lqt2brtbpuh9+odmu2tuz6gi0h+btag/nccwozyb8tkbranau1lblocnuvkspnlejzgw0hhr4uvhgm5i0+btm25p2le2m6xuoorlb5xhnmsc/mhoslts/hroc5zuudpageopwldmvfgxyzutdyxkddmfrbxo3jnkdpq0mlt8kml42hthjiol2e2e40rdtsnvazzesmxxqmdtidhvobv0t+pf0yi8/r79ev0bpg/qshzek+kbbo0hn0gv1/lsgrky3r8dfqaoilldykooymhtrtho0s7t8ti0vtb7sxk/vk2povepbp6pjftepoosnbgr/f8ki4bnay3upxdxih4as9knusq8a7ezw+1ujysl5rwhv3ivhemny28hexfyfycwl8epebqu7rim9opt9dngznrmfoevpi7dvj87a1rczoyvc3367s7a7nbyvxyuidd3jrglu6fyvxju8du06/1o/viesxgs564bhtwkfd7gehjd2bb+lxas/yvrbfysawtu8zbjaqmlx2rws12g4yanw+w82/f+ssf+xzpp/v2nal8cppp4dsom2mgvuzhn0cmvhbqplbmrvymokmtm3idagb2jqcjm0oqplbmrvymokmtm4idagb2jqcjg1mzekzw5kb2jqcjexosawig9iaia8paovvhlwzsavwe9iamvjdaovu3vidhlwzsavrm9ybqovrm9ybvr5cgugmqovufrfwc5gawxltmftzsaoli90cmfjzxmucgrmkqovufrfwc5qywdltnvtymvyidekl1burvgusw5mb0rpy3qgmtm5idaguiakl01hdhjpecbbms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdagms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdbdci9cqm94ifswljawmdawmdawidaumdawmdawmdagmzu5ljawmdawmdawidqwmi4wmdawmdawmf0kl1jlc291cmnlcya8paovuhjvy1nldcbbic9qreygl1rlehqgxqovq29sb3jtcgfjzsa8paovq3myide0mcawifikl0nzmsaxndegmcbscj4+l0zvbnqgpdwgl0yxljegmtqyidaguj4+cj4+ci9mzw5ndgggmtqzidagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagtm02z7mzthvf8fyxljzidjug2p+osoniw2bmkpxe3opjvugtfi/z9pc+6ge7h8mwc3vyrlj3becc6gx7x0zhf+7/1v/bdbr3sf/0/+m+/+23sp/zwj/bpbx/6b9z0w/j3vpgfcvymfhqpo/+f/+5/7jf+f3nsz2pqvvseqcoxbwkehjf+/p47xjf2fn1/myj0ksxlgfjph4/9ooy3oy1tn47hcnv6sunh6ui31p/sf4/gl1+d2vn8g6zpgltpww/zcexim5fbsk0zk1i227ymtz/x27yvx9zqtts+d+mauviqtd/2y94rtdzsmm9o4jl0w+cl9wyoc7gky9h7ukrs8bakdw7fnymda4mkyjfdjnvbg+fb8nexttu6dj+ypt8/39z1tkytdhl2y7tdxazssn7dgf0yh+m27wtn222ecbhht3sks33acczbyj/ettzgww5rkettx0tjfjk03y7hyeokclhtlbgzq32/u0ljyrvgq810krkhtgnepwsbkyk/caukfq+tvfcbypuulcfjkpxi+xt8wlmyia1jmxkqceycotosu2epg8s9lq3sufw4snhfcb4upk5phl47j6uvr1xlbr84kg8crk6hkyw57odzrmflzm13nld7i1rk2drchxjj7p+4czjk7yayzy9wi4z7at4mnrf2ulmtcyvg6zphtsdgc98a9yk7ozt3h7f52j4yuewfn97ylhzz5eyrzkqcxzb9koou4m2ypts+5qpa+uhozrd6ot22lepuuadou8/skujpt0iikjybhkeuzfmgkvdmlgzgst7n24zbnhzqagfgjndazmsxmxsgnxcqdcieezuus4wk0yihfdkeybjnm8mm6hxmavr7bpxno+/62c87f23jyngybts0ztzlydmgbzh4dsdztx3at/0v91pqyu4hos8jxuf2axp1ateu0n3yuhfo2ez8ophtsikeooxa/e98odf3h82qhnusjtywgvvytf+eln2q8bjv9khgqahlxhlrgzixasoiga7qqppfra8pyoluycjxhffkox98mofsydgp8nfqsvxwpirfhhdp8jx40wgqlncz4zsn2jav0jol0ebhfukpjxhejlnthgw2mr2lelidou8wvpiodt/ua5iqo4nt8edfyocthuyctz0emashfjzfk19eg0a6hyxubdqoqatrm/i2tdpzhcvsg4pfmssd15drxi0dgkcycene0ajjoiusphgn+oryxrqb5a2lyh3dlwoj9sudl8jg1cbds6nnbkbwny8kqo7sjo0gxwkbpd8mjyazxtcssiasmexejjbmpfggox8lk2aqralmyzga/dbme02qda8erqnjsvick7kdnxzhzig9orqnhtb3/naincmrzahpshbz5tuucl6fy/tx2vywon+w0of/bi3+yj/0jsakmpy/b0qspuyd2b9xbpavh0lo7q8ypvmmeac1wd9+jwude4cwshhcy2g+vfgeezplixolin8ypeuhcwqgtzjp+4txvdy7h14fuqw3h/bm4zzsh8m0zrmkh8e/fvvqjun1r8i3xnxngdoiqlrig5geb+8++ko8ftsinbctiqvlvopufm1lf3jbj1qtqnx+y+od+hlu6eiv9h5fjjoojng/z52w+lhph9dbwq36hn/5n+uhpm7kqothc2b8i2/2u29+kjz2pcrrbynpjpv0q09kg6jxfq0lgi/2az8j+iks5gp/hz+qp/gq6jp9f76t006xqa3y/fcx//y/rzlv/8op/vf/9hx/w8/9x3+wejjqulcchxtomkcrgx/4fieg5vn6xan84o9f/vo/vkhkgwys2ja7r0rj7nlakqbanomyldqicg16uwpqnovfeyx9pktiq0qpmgh8bn+nck2zrweyqhdvuyxzaatuguqzqfunmvb8ze3m0vbybock4ismopfe8oxgg6cenpmpidwrnvk6zuhqmo+gumrxx/w9i/nqwbhouzyd0me5qn8sa9dwk/niw0gyy6bwlfmmva93mucaohrafj7k1wtlyblbgiqfzxct9jx5tbrkzkpv0/lu/1k/nplhs8mzr8vxfrbhnijmcozies8zqns4bamw4wrfy5yi+2eczw2qfhyreytpi/oognjm0egzmue4mkvvgkqpors+4do3tz5mhm6yhfruvvjymn3zjgqysnehqpmhm0gyctx3cse5ljrvmdwdaksxpmndq5jy5uf6shjbcob+qe93pjfeurigzlfx9+7mo0eehcdeuaolfxu6qmmtexlfvhxpc5palj04akdlo4iouhjevh+pnvdpdo3ybhwxcgqzmcpivv8suw9ifzrqflk+emw5kofebu1jpushspbglysp4lxvry/hdjuphcifju3vttcrk6ouq1xgorxkncc6ojqdj/uxnlt4jvcm0g0zla0i1hvucpbgfpmnyp0nvrltah2kwri66y0g48exakgqjk3sv+v6yeglrbfmwszfrur0vojoijcem50pv8c5irupbchoklikeresuiecekq66gcm+qx3fwlsi0tfv8sfjkuo+ao+zge7vatikqjslircdv/ehuz6iqkuazkckvveuuvtm0jfv8sfvcmuwcp6xsqfzstpu0i9r0jtrorsvqqdm3uqsbp50v1fkhfdflzairslwfxauuvzfg+l5yjqaucuqqfxesztskvnrijtksuypawvw0eyx/gdzkgyx6mallpco6eu4zifwvixjseflozjyb3oh9kb71w6r4gqqaf0jz6vrzgfskq9g87ngrcw4rsuj/v1pc6eyrzf5rxudo8cbhjqlxrn/c7qqm7xgsbjqjvmihcxjha68d0cl6ja1cdjqqnn5cuoj1m5wvkdlzro+hlz9l1xqv2bai0we2zrxfo4oa9ohlcaqdiylt0x3pupfriynfr/vstrdybt2cf7u4gbywoam38k8qlm05yo03qzmmmuyvfnkv5fmgprgy4jemdeeqdvuqexfhw4cjlmerkg1wuw0zyiqy0aghmwmezefo4uriul7tdraedceguovdkqjoyh3oh2hgeslz2nn0akyfghmep1kmiyspcfk9lka9m5jrusjq7lz6winezl/af4bz/8psexbzj5nl8x9zferto82juf714evrxrzty1ljle01ffkui3a7mzp1ojq25elmbtlxxybs8v66auqfnrz9gq5zvx7hsawpfc5rrpalnclzeyyythf1lk9u8qzv/iayrzs7zrsva5vlaqpcttifv3r2ol21swnv/yvs+6+kszxeq6brxeb6uq3n9w3axzfgpff/swx3ugcvm5rchpzj/tub77+qfu4x3pevz9yxclums+minxm8gp9d/rq6igjnn5+ggzlbvfwgx7dylbi75cizxzjryxvvrz2ikvbdbodo6zxdvtc4gtn50fntoijtpf7f+vcwwtu5uchl6xn2vpjrgz5qbb/sf3pnj5ltuqn0dfrayi2zkmllvr14zgd+9705ks5k13pbzkh82djmudnx8geffitc5doavyob5bugvu3qxnuhf/cpdyxdjtzwgmvwibzzojybuzvrdyotnz4bmafq29ryybup/kbps4fvv3jv0tnhi7bikceiufupnvx//pz//65tcv9hrz2mpfhtdi530hbc7e3r4dxk+qswkz72mzrunz0zeu1lawtx82jz/l/aqlbssfw8nnmt+r5eo/tvshgcqlfurzfq1nge1j4jqbjjwirdyl2obulk9okr7qchzaa+vzvwoosxezilr3xrcx9fvs2ojmeflifsjhcbxygxjummjzmcmgiyzuzkiba0twbuaqwthp68wvx6i/ni50pkwzllgpd8pcbb/4blbuid+xzivgayr9nrk717ljgilpimvn+lkucdbr0hnprfv8684sahyalamzcr2mlrrbkif+qaokx7v7xn87qvoril9bx4uvbfkn7e6btfqxlhzvdddxienj+3d2jw8/psaomegtemy22xqegfaxktytlqrzdsclimre6kvn7jyxssmikiyqbxejjufsimikyco1pebs+zdtikdlzuuniy3lrolnb2wr0jct3q1rfchs/bphflhcrsg0cwqryqxjn6zzyty0c7qtwiasyexjc0e4b2svbcps9cx9wj+4vuopswslqiqmfbnp69jpbmkbvmstmgzjaxpu2ng7kwac/e5s6a4jgteuv8povb5jbijr5ceahulkpzm+/e587bqurndlv8uuebczbfa747tbhhxpa7enhdlokjoxteqcdb2xhcyucabdjstky7fqbhoxevwmk5homwvmtko0ahmwyu/he8umc+mseiy7npjilhz5fdgth8ttrzbslcl8hs8l3zwaw3e4tbtjd6n2isojkpuyh8tsle5g4g73khfqxrefljkotriazc+3btuxbcswc65gj375sgnamrzse7b7puhb4kcysumdl6sq9gvppvxwch330se53ajrdqqjibptb9eqe3j/brdtxc3vadybxej2o9vq6d7riib4jgux26lo80au8pypqulp/a7jikoysczhdnlwy61zedlzx2nynu9vnogastazb/mwv91oveloatq4r+8dodcjhe12ipydpbaneyczx05py0fzlj9ounjlvkhwzfyupwobwtwhmn9nzdrfyezlowikgfpoppt/ibfobiocvsvce7xricihzconrvbgb2co6zkcgocgwzdxl3euljmriweeeuk2o7ainjp5imtuqrflcgfpt4lbzchqrbttj4mj+10gug2byw9cumgaovrudxnojfl8jwpdsqtj3msm6jdeukba08d9rthzkdc5vyqxmb6ryanc5bnowqtuiu9u4unblt/5xtcgzmxektp48ovkp+njtua+l3gt9blcgc19lkodsbnpgdld+vx9f2yrsgc+j6qtgv1ae/7zfycwqkjbd2b6zlw2yeduim/cya7toz6pfbwdn5fbj7sldkyai1smu+moimitk910oaxdstm4+la1habn3tut7pskas7nwcefcekvuvydhll0dd755fsa6s6dblmhva0e1vcojfhdwjcdnfthmjejmy86hff0t5zh7yrflywcy0zm93tpiukzy5yidcxjjdu8bwkvykwjvcckkyd0wbtbhddskhyb1bln9xwhvvjcg9pqhgm0ykquifoupk0zy+grhaowdbtwsccfomw+6xkicdmduspom77boc0ugd+q4ahtt76o4sqoknmuzfjcd7jrhxjm3yyjad92rl/tmyp+p/hhuatgt+bluzqs4mexk5vjthwceawfiv1rfghzsdswoglbacrpyiurnnztkkz2msg2ultf3pnsstmcqj1nrarfa1ffm/wcau5dbehqrjbpp47tjakzmniswztdbo9netq2llhnth10uekpxybcth2idnthiytexy4vt3sgugiq6hxsnsonxrjdr71i2yhhk2pheuaw7dcxj0ibplgx2hzitdcnpwj/th8zzsinvdysrnibup7amuzg9e00j18ksr+w8ggwxolp3s5ioher5nsnvebmlvlkhumldqjj92rk5ql3olhbqy17h5bc8ps2tzut0uwgfjykkw5+ubwcecbztwmk7r4kvsyzulczdqj6qs8genrbfdaaxpmnp9qek/hife+aht2auutknwx6dnfixdaipyfk6q0ujhy1jw2fg8oeobtnkw1kvtoshx4uvinsocdtwryq0ggvqnmokclici0bpqaztcubboowfkqbnoavpdediltyjhiaeuk2delitm/cmefw/3eupn+tkksojrcnjac31e88tdfmudu9mbhbvpm7p7racsrthiaxrxrtuhj6g6tid64n73szvclnyq1s0xu3ipbrdrx3foewlejwct55gdva0wunsfjob6pvik9phap4mgf1buduofq1lrvp+8pdqmz3ufr+ypatt4w8/vmrdyls521cox2fknlg96lqtoqm1wgqcwcem+p43dht6c3rjxaldvtqcfz2vd43vjw8uymlywjzhayolhp3paen6h2ekdaii1psi4njqodqwis9h8wqrbudrpbrumlvwbfjoagep1ppiqgmvktl9hhrvsdzdge6jlvv1tm4abtbqlcmz/dd4qsoxrckrfzep/xgvisqwlphlmfow22n3r0lorf0ssmbc+bxt7owcy2bakd2fqnbg9kvagofzobijrzxro6+/y6nak07x0h0+c/mqnuu90qp1vqwtrv0znbxlf25z1wr++48q6trlgtxjnbwni46bdyonowt2x++hfavu6uzxox9orxjbgmaug6/q5brpmofakwjnlsyv083+luy+boi4udeunhj7qppnab5j+s8/vznp335xva37dxesr4wp2y9b4q8zt+6xnleqqecodvx4juoeicvawungoupekdoevlgx9zqepsun/r2u7shoyz2hb/vmnigrlleu0wsmonc/oonaojxdh5yrinfi+wdqhb7qyat6jhopwsonclpopgfkfntkyrv1lqjuut+kqgd+caatppraqvxv+wq8yochtpob/ekggtyqr8pcmvubxzn8v1r1acbalgcuj8bozf5pfr/udtq+4xestq/eqf5so6vd2khasqdkkszpz8lktrngnwsti5hph9ivqq9xyfq/y3ohqrq0yaureqsq1xj9b5fwmhkm5wlz72zbv/thk40biburnxspg4k9ikfosujmox2procuu+aai4rwk2f1kg8m7uqtgyzeahqb1y3+xvp7v171a8mgpan5bohzq8mgljb/bfe+zifymey7coi+ecymu6qbm1i2aajv11ppfz/1z4iuvo4w8ve5jyuzzwwvqjmuoru7c0bnw/q6wtbzpo9yfvlv81iyd9kyl5g4fmc9bxjsqoodqumhxnkck3dvg3jvubzugdww1gmkjcoldmrzgolp544q0oyvpsvzjtav5aymtzeaz2rbk89kkjzcynpmc9wjwss3xqjiszlqejs3ygglo+s0t4yyqjwyae0ihx319vxx/yykyt7tqrjmer0ai1b4odocgbmxjbk5acusjkrw2pk/06wsm5iyvdkccn5eoo1xjultlvsictpinti+0wop20g8yu5hdbop5/6g6r3cg0gjs4xmm3dsxoorhckq76tats0crb6oszw2f7scxfhmjyon08xx7orwyfp/nwzixr+ti1zkvcd16yi/xvd2fmb36wylvqqu1y90eb56ncwj7e+3p2n4qwcig0ifk70srcrui/7mg0julydpsw5xl3j0c99jctin5ru/bxdgs/knz51trkvpeu5fq1tnewdj3gaa8lfmsri49tus91rcijokr4lwmdt7ang3zzkjfrvvjh3sidr1dbs8tnkkacenglf/z0utqdznl/ztqmvaymu4qifhcufn1g350h9rqr/s9x/56hbsd4/rh6y+e1ydstxfgpnncj9c8wo3x/zb5jaezpznpjoxpr3/qjzpuibzzzd07vnvkno655noxlpf7ucu8lluzthj0cu5rdhkka1j3kdzb45yvvuzdt/djb4xiqxjzrmrj+rjs9lfoqshbafz8+u6eu5n6csza8yqaxuy6xryyzwbkjny4gsxh2plpb+sgk47nqfl9f+y8nvmjeycupxhpt8i2iuifqj6cdszn8rmfrhxuybu2lhve/y1couehtfmpc2rn6ktaf+2t75z7y7fyuumksvprauuq+eqzom6w2/2kl+fkwuhh2+neknhpom5hkmmjdedo6/ovrpxabgwqzx71zrl1/8+yxqtfthuagtsn1luvtfywxijpf3yt17/l+wa7m6f1quaknftdbhz4sneb8lox9shp7t/wcuk4ndzw5kc3ryzwftcmvuzg9iagoxmzkgmcbvymokpdwkl0f1dghvciaotwljagflbckkl0nyzwf0aw9urgf0zsaordoymda4mtexmtaxmtgwmfopci9dcmvhdg9yichpbw5pr3jhzmzszsbqcm9mzxnzaw9uywwgns4xigjldgegnckkl01vzerhdgugkeq6mjawodexmtqymtm1mdbakqovuhjvzhvjzxigke1hyybpuybyidewljuunsbrdwfydhoguergq29udgv4dckkl1rpdgxlichmawdzkqo+pgplbmrvymokmtqwidagb2jqclsvsundqmfzzwqgmtq0idagul0kzw5kb2jqcje0msawig9iagpbl0ldq0jhc2vkide0nsawifjdcmvuzg9iagoxndigmcbvymokpdwkl1r5cgugl0zvbnqkl1n1ynr5cgugl1rydwvuexblci9cyxnlrm9udcavwkjwufljizjcq2fsawjyas1cb2xkci9gb250rgvzy3jpchrvciaxndygmcbsci9xawr0ahmgmtq3idagugovrmlyc3rdagfyidmzci9myxn0q2hhcia2maovvg9vbmljb2rlide0ocawifikpj4kzw5kb2jqcje0myawig9iago1otqwcmvuzg9iagoxndqgmcbvymokpdwkl0xlbmd0acaxndkgmcbsci9oidekl0fsdgvybmf0zsavrgv2awnlr3jheqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagfuk9iffec/s02eosiqyv4ihckczuprkyg2nz1wzvtw5xsohhn37qjszptm9k1xzmexai8dq+iy3ts0kgbl6larevxikkgcdx16pvn7ooohg95o9/7/f1+33tebz2m7zspqvrzq5urpadutk2lgx8prr3utlimffjpyngmseu5kr+719zn0tiy3se1dvv2pbwvzwah6i22txd6izfmab+znyhlglpahzav2d4bpfgorbrwi6idd5q5mnprnhslsi2ru+aikcqvyjtjrvv5uca+i7wjg/5cj2bwjr2z6qrrtns090shva+urbnpx1t2bduupw3jnehdginyrtxfk0zhezereeogujvkuz9qtp114huyu126k+p49hclpslgqim16bkzhyv9ahyqy+wq8axo8bjid+ebe2h/w1hdk8anyt9kh3nwrr/2f65t4hueptxgzhsuxfhaih9elqfd91qjaixztctt1zlzpijvmdqzmpdgoaylmxewqhm3gdthh1mqzgqxxfuu6ixuewj30+m70zs5c1yghelysrxzfna8cvgufyuwsq48ps4eveb3qjjahlmj3m0o9x7vertno1kbvnqnv8zp47nxxfhlbbjpgh6sdtd7fp/p4xv117y+ppmnetw5rr2dg1vhvnflc93/xzkej9knoabb06fzwgvyduqpmsxmsawoxh8fppf6khnv3nxu7bhfesxqpixsjbplvg4p1oo9g0qshcvyahzwksqswhy4u2u6oxh32cj6bflnv7lrhv769nr72viebcqoksgtzbnezpsxw6pk3xjb/warez84or7nvypayf5jrra/htlakviuvfrwunbeb2cofhu2flw/pef1qf08ct2tn9gv6kmrvgx0sc/cc1efo0nwsgkh4hkgiomz1e5uy40d4inx8rrbzjh9d0az/wzlbmrzdhjlyw0kzw5kb2jqcje0nsawig9iago8paovtgvuz3roide1mcawifikl04gmwovqwx0zxjuyxrlic9ezxzpy2vsr0ikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbhzrnsbrhgmf/s40esqbrlwjf0mekvcyluglt9stttmxvtalinx13nrxnp5ndluuihoiydywuvkshie7houonokqemxwjoknfeaveirb/o5o7y1s+mdo/ez7/+3y9wwbvj1koy0u0ymrou8nemhz6dezb/bpvqeyuxcndczosiqgfqzxp9wv1lrrpwwqusdb7nnyrdpkqudqqd2qdpix5podjki/kntw1zyqbe6k02se3uepjtvit8tzsimddnbaeavs1u5mzhjdxijviluujk2m+iot22rtj76u97rlt1ldfydc5c9q48v1a2x5g04ukbcwdhtwddtdvbpu1wm4rypfqxfy96c9h2fxkyxxq9smp0rhr+laqfa8dnt8afl4vlx7clpv+3meo1vhumgpu0deymoulenqb7gb85br9i4oeffulsma5jmwb+q8anz8c+x8c2x8diwpgqbwry2w3upliiuccdoacadfmtus1zl0/onxwaixwzxtndvrksjtf5wmu8irbfokmtfkfztlf23ipcnt4ke/2f7kkvo7frmylu12cjzry1qe06oomn5dvz8yepni9r/czt2c4yowame8bcjhyyrbipbepidty4/gtzmzxvccfk/oqpocvb2vm334udsjbrqu9oznrl5pd3ns+mzhem5kswdmtnfhf/mytjgxefdtcdsz/m2dtkwcyhqubezbvnjqk0ysyguharq4zekwqtfqlx9bqwspkx5uweuvdfhw9wogefx/pers4w8y/hvgccw3lcjr+tv+il+sl+l3983xtob7imxppmsara18zv2aw1ci4qy0yvqwpig+w2g56lwrpneiv9osv9y3h6jl2fg3zo8kc4mp8ndslcgvqxdjjya5l90wyxtfh51vl9q/puft89klnjdeyunhmkfp8nlwna/+zq2dssqvw5i2qljxroe5vd6p9aovack09prarbwox346qa+udw5yviqus22x1kfzgy5reyklxzovg38ivhv+lxmel1zq0+q9nulmmaqnfedw2cieu/8nfswmn3mvuzhn0cmvhbqplbmrvymokmtq2idagb2jqcjw8ci9uexblic9gb250rgvzy3jpchrvcgovqxnjzw50idk1mgovq2fwsgvpz2h0idyzoqovrgvzy2vudcatmjy5ci9gbgfncya0ci9gb250qkjvecbbic00otmglte5ncaxmjm5idk1ml0kl0zvbnroyw1lic9aqlzqwukjmkjdywxpynjplujvbgqkl0l0ywxpy0fuz2xlidakl1n0zw1widakl01hefdpzhroidezmtakl1hizwlnahqgndc2ci9gb250rmlsztigmtuxidagugo+pgplbmrvymokmtq3idagb2jqclsgndk1idm1nsa0otqgnde4iduwmyaymjygnta3iduwnya1mjkgmjq2iduzocazotkgntm3idqymyayndygntm3idq4mca2ntkgntm3idgxmya1mzcgndczidm0nya0nzqgntyxiduwnyazmtigmzeyxqplbmrvymokmtq4idagb2jqcjw8ci9mzw5ndgggmtuyidagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keafdks1q6zaqrvd+ci17f8wkldqtgmolpzbff2jab7clcta0slgcrd6+z9q/6ojajqwzzgdpebu928zxmevzmvxofjommsq5tqfkxfsyh2oxqkwy/fjl+zk/dhnrurw7hxc5bomwmaypjclfkdku6wwu/oepl3/67ckfswpcm4u3211+sjvn87scjc7gfm1rggy0e+jmx+4gpsyll9va+bicl6n6vff6nsuwerwrz5h8foq4d15sf/dsnna2zf19w0gmf46q+roih76uvqu2uazdrnuiqsourk0rvyectvcr1tukqfpdoibuvk9qxvy3qju/wvqxw12jgozwnyhyu86tohro5bw2rwedvd0ktjuvbxq4ztmlcrtktqmknooyjnehokjkvgxtvcmqujtpyepy3lotobiqxa6qzfvqtetiqvdqdcphvouhdsphvoxltspzff4o15lv5bz8hadkdtkgr0g/2/f30s+om/azgf6uekur1zhvi+7bgovny+dp1gazd7n6xcrlbmrzdhjlyw0kzw5kb2jqcje0osawig9iago3mdqkzw5kb2jqcje1mcawig9iago3otikzw5kb2jqcje1msawig9iago8paovtgvuz3roide1myawifikl0xlbmd0adegmtg1mdgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb5zsjfftv2fdpuxf2fzlmlklmywqmy2rmsi8kjjdszcekirlmgebcaimbmraremtwrvhuutyvts61qewgxffwqalwkmqvqnurtrrvayrufu3ypuc+mwg022ff9/u+3+9n8sz/nvwe8zxnpxnccsfqspxwjh/w9ifh8jktbp99ipmhz1rn8n0cwkii1rai/wzv8mmn3/zb7b2eycfymxzyartwwzopr4ghhrd340mrb1z89njfgwgpoagrsofaq3uddj4lit3jhdp93dmnhlbpwz0p7nwnrrkcgl1yc+rfeae4q04fohty8zd3plgpgdt1xsdpk8/p+ojdqorasbzdiyuhju/87s5wzxniyga/cr/sr0nkpbbojmlqubsiicrwo8rouqfmbpjmtfblcdgrjkinumihrqkengaijryksriby0z+cyftv7gn+m955dxye9lbhiapk1+qx5fxykdurfrjbeqx8gfyafmefa1fkfmttam5iut/oad+kd2dapnhoyqwqqaptr8/dc/0+2ad3xe+v4hlived85lomp74tt/uvvoxqrdkamiq0xq45yc3i3ri+ihxaykn06xmzv3ensu3hzhfmrvzavsjdrgmi2sune02ki1ke9lmtpbzyq/jheqicjh5eejixhi+hfxktphlyoxkcvjjciw5ilxnrihxkuvit8j15azyi+jxznil2r4py+5b4pdamzsf3e7uiveqe4e/jxeqo8nd5gfg/jlo/15yp/ihd7rva59byw3gexfey7hujfernfabiemksnar3wazdcdcmfi42umejdhyefhzl7txr8ijymfhwbjpih7mj+h+xzex/pnkp3mkpe2eib8kz0llei48tw6qf8il5puepdwtc8vhjfjr8jk0typkn+rv8hr5lxmtven+rw6r30or+/a74a9djdcgztvxwo9crd+s9yhmbose+wcctycpd8l7yg4hie9d5dbvqj/nyndkgp6y9a4vlxs9aedmvrvabneiemb22aluzihuorpnfadz+8c+zdls+ya4ne6huoog14smmza/q5sx4rzcfe+doewxtj+ozzdaw2gzls+jmxp/ttrtvltoezo2ogyfpkomv9diqjtvhafdp5i/izph2n1d1n1bx2mpafkwajbzgevxom5/d2nroiwt0zntasinc3sd3o/d6pahajrxl6il/kl+ppp853j4bpkr+yh8ln4eir/depip+qzcx4dpexb9bj8n+n7b50vyjfkb+yocbqt+qyapcx3/zeimyrtymfbkocqtqwnpx3xzcjvqkzxbmkagsqqigqqloqqnbva5muq9e2l8tsixvmfclgi+stszpsb4aafwmkrtmg6muwd1ujfnomfcbdmhlgjx0ezqjacziyltm2md1au+maulm0pz6xr49nmgdcfzas2mjbsmvobpanyf4j4fyfkia4xgzuv7lixe1nst7u5a0nnrpr9txmtlc9pcxob6uto5qk317krkwrxlzaulowagl9vnzfrkok0proneq1ypfxkzvmjzloq1ebr7xrfff0ti8zq1bzjbmwaea8d59edc4nv4ypyii6ubgkatygoqc9w3ygoyu5ijsq2uklivyhm1efyra/uev4wu6uyb5231nl5xzej8bhofjt7roqwh2w0pxa3woxpxhpa7giknzw2nnftxb/loufpv56lbqqrkkxgvgh7v8btj9gyp0+xqkj5w2q2zxjmi0llxrnhvw8cksednt0o93e3uff1inzhxrfyxkyt5uvzhomzketd43unjl8ymzhm/x7pcs2jgsu+eh4bey3zd2nhfeam/kuopj+rspgwfba6m5hnqgyj+dxssdchmc2he6jv4xgofeyi8z+jdkpvxpgnxh5nx8dlhgaykm2qk0ihem4gyqqmhfm43k8slmyesb0dka2cpul1kut1khjc/n8l1s5dheygmmavzmgizsd7vac02ebr6439ndvkjw5e7anlgwfhpg5f4idwv4x39ywehgadwjnnqoyags9ldexhq4ueyicuzytw/bpeh+qesq5kaonsiic9wjmvti9ogd8je27c6q0dmgr4nkzs6cokfjkekhbogltsrhjfmgfzalpens+chujr9alzyzd9vripjlythxfwhrve1jpwswbvx9ttxqptc5eqxuyncl6iv19ozspdzywoi5byc18epgfbmbxx7vuxezkh2ro5vuho4o9/lrauerkb48nrwqyahikmns2htlauh2kkigrwlhom9nzapohhvxrmkbklsuia7gxq3+pnpimthckaxioqzmkmgenjjzcl3/moiywxwobxxw8r64wp4qqbgeasyz+3vl5njuogra4qgyozsynui5hhw7ijgrysdeopezipwv4r0uho8kz29hmhdqkcpmw7ttwjf1i5pa+eihtha8vbsfyilw8sxlelcrd09cqdxb22w0s/alzlvdm8v3tpopm8fnyecxwmkt2vxghu5j54hcuepaupifm0dl5qnfunnbysb0tm44hezxi1ja7hprcvhxgvhblihf2gwdimxt/okmu9xtxxyuuz3m+0b2autsctt7a4n5mhyuzvuord3jgv04q5fpq/butv1cxdplkncxx9t73gmhpu85cjeeh055ss8wrqxc7ccfobdica3pyqqslumlygeonswronoh5haj5lbgid+hkq8dvwk6ceifr3waz3mogqmghg4wbwcmeec3qgx/l7wuygztal/nei91stcearhksftrfselburtaew+dcw/xr0lzf/uac2qs0ulbodmwms3wpjfds5hmknvda6dkz1c15xbhq6u8d9wd7r64yusqrkuu9e6yd5qoptgxhzmfsd99zi1sebvg4shq7oembzyc/0husgeku5ooqclpecieajmiy1r0g0clyba4rpt4ijsru30utnl+1zzurkchkipmkzc8yoeup97ewh3rektyfr2ba1ovjexkcespguhvsxgxnebgmuq5fcayuf9edqyl8llcahg13q1hesvtg7gc9kgbilvpwiqozxqmkqxxvvwlvegyqm4y89q4oqifzje0eprpki66j4bhi3iakgevmou2u8awghgppzwedviig8i/ollk1njczwna1diyu0+co5bee03uybgpwxvrp8powjxjcxwsu8wb770vfoaq4bvfpe7tj03z4nbari/atypgxyya2t2b+chk16x77tevnsd+qpvu2rfb3hxhtav58a9axqzhbygw0m7ilx8m/cjpgh3xqfaspzsfc+oqu3w3z0fn1ud329iib/fjwccdhnyldn6c1csott2u01nhlzpxynsblgfinxtwom33n7afg4kfqrokbdb0+8omgyfnpyezo4ofgqt41uoygpok4ul8k8gugujmtxwlruwm2vfps8gtpo9csulavmiwodha8x0aeay27kv/lno98wmcltcfd2fuip32txjisuvnoh9ra59k1tntlsvkleieolcnlwaa0nvl4l4wwvnsstpcuqaqanasefkoqofilvfx2spp7rfdx7ft3vmbinwjunvspuznaymgvszrdq9vqpzm5jtzmrjdpvbtpa5pwpxotkzfgmpnlzxt7jstdynkikpaa7b/gtcridonjdggzaj3fva6lqk0lnytxn0txfuyzbefwnzsuov6ugqj4zm35vt1pp52xgqfdqgjqlrcxvhkm5uuhetaw1qw0t/pojpyhyookgjgpde6dgpapqo338e2ztkn9lu3qsjzvdv2isli1yg0znzbyonhyhoy/hyayrfoxruuqr6xs+d/7uz9ybgjs2rl/zzcprsm5f1teqpxwvnb959gvxvdqhzhwowyuabnq0rlxmsc9vgf5ynz2clsczysvk7jyno9rvx2xqfbafqn+xvz1jnoryqzwtxwxm5qdoxwej1beyatun/ylrsd3q9i5b/uxtip9r7hk4wlhsatjm8cw15yvr/mhylwqwvg+w5isqy4/r5vfbuvbu2at/4eqn+wcnhdwpqtr3ftmaxxltdnhei5nks6h1yziuwgtk7dsu4oawia1souflknpn4th6c169tqpnlrcvkf0rrrerzlxepvpqg80rg9s2hpncj21qa1zvhnkqnarjfpvhlmtjdjsx/psz2++k5p5fsek+e1kal82rm6rx+d01o3cnjdx9wok726ww+meoad1bw+o7pslwytwaagcm7mpbtzt6bszrg6yy7yskspkgremhwisr/meerccxbxnyh5ortqx4k0qvmtzpdmgdrb6sqoewxgce0jmcoxynmpc6luelk8hh1x+pbew0dmo3fvqskyar2eqbln+ell0qqnenxljiqcnycnhnhoulcmltr4qkvy+bl5mdznay2jngldph6oyhs1s2je5boajpxypsu5nuuqedomjvhad/dq0dncg0qkcwfhmloh7r/4y8e5pgfs6ipl+wx2w2grmdeosvbasyjdt4s5gpdac4siqxg92bpowp8mfbph5nm2xhjbk1pzjpcaaqyrk3+ypzmpo/mfuzfumu5zvpwcymoe21xjjpveu8nyvcx+nmyqbl500uvhnumpnaojjcegpphsvzu1n+rq6o7mafnhdlvaanvkoxqedhndpv85dkvasz7e20gtncdq9kfmywauxsrcga4f4aigverqn7jgxwa65kjdzvmroqnhps0pwus9hezdhaexwk2htgwgfq9ooeqyhdhaf60cej8amfwbvar4l/tdnioms6kqqkrkwcaykyupvbxu3gxzrvb/cp1q3tquxvs5r6la6oy01z/rystpy25upl2/ibrrf3bpd0vkfiprwv16rv+y1lyvyc3xrqxzg0yn4+px/vdscxm50zqqvbz26q2p3tturw+/jqcvz5s8provu29qv1vkekzujjtc9o1as57szvcbofw9ec3jxtr/kpyjzpighu+zirxbird1mnsqseepnidpfuib1te4brsbzbc2lo/+qb0n74p42v0ij7whtzs8mraufsix9ax1ro7wm90vfk0e7tu+luuil88feanqss29nzbjqvjxjdupkssewko3jtarutl40dhjkl7eys/ju4xbdodtygqrqux7jfu0lwfpkv4xoeg5g30e8t1bltfnnvimlxbppxqanrwsruhjytg6nwwx4og/kbm7zlcejgr0z/bq/pcgzwgklghiq9nn1i0glggku3gmhb+tfgy2zqdmxutg32yuhtjihwugjeyxmbnmx09s3rm4a+hfl3ntnrdyym2/srookvvrbbs///udtiimcwkddds+llfwarohi2rc4svqolbgawyxfambcvlpbxz6x4cwm5xrjtc+eupyl/9obd608yzs3jrxmcv2rqg9uyvvrj0jwvq6/pz/uyf/bcutvcmpleofnnkmsnurmvtd7m05rmr23nlm2tyu1jy0jtpfoszsx0jym5j3zhkjesmovc5uipxn1wzmv0+xiihsa5mopeg7eryl26l+uhsxa/d76gjczvaylbis1pnfoymlsfra/f3miyvyeoaxux2gldqfti3vhdvh4wwhcchffanmae75thommzutuxgr4bpi24zppgfso3mkf/1zyefc+/fhfg/tygtgjadmeotavjz/d689m1gfx1tdmdyydlt31tzk0rsuuxltpkbkok6gmp9mp1j17yzptnyhlq61usiuqvlnosw+pucka+u9d+4a7rilmwfogysronxq+fw9ixcvp20/qhvjt/lzsqm+matcnzj3lrxpwhkzhj5rhvmjoa3cj5mdaraugbajvtk8gtvzgxo42wdkevwhlep7mq2v8ojp5w+p/ljlbgxipenhtglbqxkj4mehlmleegklk5dvblscgtt59wvnf2hcuz2+pkzeopn2iw+oqbcpcppra1frw3lvu0so1cekn1wpuwd6pb2lx73yvpbq2ggdcst3pss0lq9k67summfq/t51tzysthscumi8/dfzupvmvxxlwltlfs5zbcmbpirgrvsrtrxzfll+hyew0oro5mqwltmvnknu8wdg3seylrelsbzoqwtccur/y+eacwxgxacx220gyzmbf5n7jvsoisjh9ezc1xuljt6obrlqza1ptdtpzkza0bq9rik0vthc0dlc2y6zcl5dqxpxyulboyes1rsgubtkhb1uxmv9i/jnrazhf9u8gclsxlp3qv6jpk4pqsiy2gtz0w/vpjmzwi3nylj7vzylxd1f8sithnufm85dzonvekha28fi1tixkdhjvxiemxcldkihjywqsfqku79lsnuxbbnnbhx4v1c6iz6dgjr1nanbrnayuiyq+eterz9b+ewxyc9mzg3b4zl/b5j5b2sw3f2zdbh9hgq/y/+25xwjb53me1wxgd4uttsxvzpqxs0u5yfk9o5us79sq+oburmvp1so2c5yqk7axf62rx7zq7svqse04z3r4q/zn+8bl8usebr48g8yr65mqkw5llsw6b2wnw66wwy9xghzevf+ycxtrrw5e6ttmqobsrbps3+9rv/o38k6qadr3lkiewedr1+xk+3nns1pjkc+9sos3vpquhofnns13u0uwtxbtr4wnwrwgixgqwcxqtqb+c/6qqkdevv7uvfs6sao2b8hb9ymrgfz8vunpxyaub1ez09svv1ihzhpv+wnn3qggyb5kdwse/wd1c//xlj727qvb5wk5ss/x/9p3w2kqjtihan1gc2clkpgzpk658fvkygfvmfoudnxm8yqosgxkrnunsk9nkbhexmilu4ce27ij9wvk6scs6+nvnhtxm5okbh3x755s0yuxb385b3+mftw7n6mhtj4em7nynp1tq9+swlb94qw6bm9qnpqlhopq95d6kjrm+cm9yzvpnrlrnsmzlkor5+sl8f37qots9f0ox36ttzprtvzwczl6xvtwolizmfhpl3fvlhrzle6hyimuzvhn+pnbapcyb+qqpw+avcna3w3pljhcg8jlpssflmbqww3wh1kdpnt5kt0nnw8tpjg3yeh4jzu4x+mqaceztfxhstq8inkmzdl2vwh5dhlpabrdj/07y8wprzoctzmzspj1qg92ymnustk7udlfodndxzbctftua8rthgoongv5f8+fnkm+ev1kh7rw2whp0l8z7xwr5oqqfumymoofpm/fwe3yfamzvjhtq0anenkgwzjennrrnydhfdrvm71ad6p9wsfn4mdu+9d+ldlw1suixbapoevj3gcno4tazysk1m/m96vtc7jwid5j86rvevrkkckwku8dnlxjq9pqpr2lqo3bdylyqurq09nwp7estj83b33xmbzvjoi7u+ozkqdenainpmgdd/elgql+jsmntohmr9fothqlzrajaqtusohjpf0bqgrqxxjqeds3if9ecffzdce/jkndsvfjdu8yy41jbsawyjyzphwqhlmg8mtngldvlcbsc4pdfo6qz2dqsel54gac9hhhti7a2hh/60wbmmdns3rgobw7msx1vnsrsgzpyxuf2+jpbboih/rpmtqwvw8bk5mfz9dse8ahyjj6acja4qwvktvq+15efrjz6srybjavg30y2ojnmlgygl5qkzk1kzxg6ci2qlqs6ynoaco3zba2twb0bw10z+usmgzas9ma6yz0j03/xhz8nexzyr4ffx+x1v2clv5081sbohfg/eblsuejoi9sgn5kp3uhuyahimmbzwy5ypghf2802j8wggloitotamptnfa4jijtx8+osn6ho/5ou/0kzjyrsxl+sssvi9bakazizk3z5y7+rsuu7fm9uy5hrfj2c8y1fnaawumeaum9rgv2abpsrtllimymriyubhuahfkqild4wbtgacudclr5x+eqj0btjdwatoanx0bya3l+bajqa54u49oqpdomffwktjzfubyxtwh9zvz5744obzo6slz+anbv21zr3l9rnbd3vfd2lqft9kx0xt9ruiz018shflxo2xm6rxbmgmno+zi4wkdn/twl84/zcpysi3faz/j/u00opfzqkva9yqkiqxsur2fijbk+k0s5bjfhbfhqtq9kkrjvhxeo0oawiseepdy3vv45/xcxzhu/4zpmwsdhjznxewkoofck2r5ipnwcgjm9gen3cu11enqz1ukxqqytjwzphueiukbszq/imdyba+zetrymc49pzcqvky2ibekqap9/npoh6n5p3sf4pktlccoycqf6amuaspmhdztagqv5slbnyjyhzlxg8ecakr6jwlhreslnz56rd7eyoxwxge31ipgaj+zoz7sbokh4w1ceedc3r8xsm+udvhomhwfu//lzjiv+3t424tyqglusqxnyub9zifbql2i+esznkslk8s9s622z7c5de1j3bluqlkyq8l9coll6k1vymqpfbv93e2v7to4556+zn6s1wuyav3wos2xyputtsvifflzarjyyqeu6dl6tjmun1jqffnpein1lnulrpijpxleboe3pfo1mmp+quk4ytweqqtnodrqo2mod4amygsggdbfxingjeqhoxpyldm/dqgkfu0lqqo3phtic+n4cl/aeqgiqalnxfye5oxdkh8h0ywrflil6wgmvfcbrgonxitgpxwiotbo24imnu7jj1kidultz6rlpgqckpbivyijodr7inwlnnsx4ywjnishnlmrvmujevlazlf1/72qvos6gy9gyl6hnyjumlcnd5jmqsnv4wmuprbpyr5xjtpqivdwx/yt8n4/mp8x6thkmubs6d3djbnxxozljlbc1wfao6g9uttm9tjvm/focuctwt+3eiox5o3dpornem4g6ltgzga3althyno8eqarl+wzlnbw6x+jd3jxlhib8os+waz0zumlsqhn60ipvxmfi0ikm515no59cft53azqvjryaekveysavhocig+hv8uzpn1u0yoduxkjoqdu2+cldqcjmmgwuijis5bu+lsoi8s1r80oyzdc88ayhmhmhoy7br+dkoklr7axsjp7hmudkdvl7a8+tuwbtvtg0+bbayfbk5wj70ymtvnjn85mshv8otgs/xmae8a1cejcipm2tchss3nppkku6fyulhofv1lloqcgvebvjeeshal9fx7kysukw0qasyy/jho7kyk7ik1jl2ul5vz07lczhlxsctdet5w8drze5v80oncalnvvnak0nqeikcirsfbn/zdbr9sa1zb4vrsf+e6olyxa13hxgphqqtdwucvpldldlukuxhq2rwuavhlxqutcihr7vlxlgrdzmsamns+p0hwnoydeezmwwlz0go3kdvulgd+i/dlsaav1gzcfev/gp7i9hplyxwpi/c5sguwhoyaq6857hxstf8o/mbmzb1yt59few2id2yxa91i6b7yhd7voanl6rg9g1uxsiytu45warqqe+bp49fsqqbzzxcp6fmqd6a5fsfripxlhcytsiti91gijebar5lrvpqzpvznwadyrdeylmyz5rfv6k2zohuekb3++doojomyz8sdji8kvft5syqrkbqazs3b9qer8pmgpfxpuve+cuvd3n/jerpdwqvc1jtpa+gg5zve4zlfs5xht0+tzkk45cdwgrtkvkw7dlmncr2htoyvxbvf+b6ae4xk2dnxcawiqn42vcqdzqhnslo3q53y8exdkql5/8738wms7qv/rytdvmgfehbp7syhabzlbv4fl9pcqfsk1azk0upm9hsdtutcbpnodw5lysbglqlvigfy0bb3fkzhjxxrsiwzhsbuy5oqywa2anpoalqhsxp4w55payjjwuxdws6k/nsdq9tkxbksdgtrqvxyy1avlmpzuo2hwfecef4ylswozcc2/xqofh5qzgxqhqpelhcaitoqyx7vtdo7/lnf3zz5/sexmd/mimvkinlmol0yci0iny1k9c17kulssvr0qv7jjxway6nm5jrngvpjiajzv1wpckrjc6xtjndftg2msujhcddgbglaexmdlb2pu7eijkwjkdhrceucseszybbcw1sf7txcpbfujr/+cics3zidqq3tld7doghpqkxxrmqtxvxayiycmawscfmb3lw/j6w82on167rnzwklpmgg6pg3qo5zd2v6z6g1xohtulws6c2as6ctwi2y+yvdxyvas7skoc2l5mpu6qxbmpa+upbiseskyrqt2vnppsgrl1vkpzmmktyc2btahfau0n1oygmojs5ocuz7k1r2avn+t2vfpvt65kn+bw2t9mq7mu05xvtmfe5qqncxytkolzcg2fnf2t00q7rmn3v58smaa9cnqrbzv6vi86pttiljoaukflc8qfsyw+zfimq1azv9fmdyg/enokbitilolhqvgjfcdihbjnukxz+odkmbsdb+f+sgv4loue/jxmlrwql30uagk0sownhn4nvkn1jtow16rbgftkpybywr9jgmrjxiw4baeaehv9lacubuc3kvjabem/vid0gyxgz/kcafehblpn7lb+s/0tyjnsrzcylyrcozle8ovykvem1vpun9sl1g5r7ty3aj3qq3qldef0lhkniddlhe+ls+ka6hgpqich4/w2isanz4otdtfmu/ieekcdumkziotqfhb3n/rqb01yvh1kdqf1z2goiglfyme6rqcpdgep+fnx4av9ghxmalxcfiz7dse/r9qniy8qrxeeiv2lmccsh6pkxxaei9xhvif6m+bpij4jduycscvehdp0e8w40pqk8d0xtbydfrdndghcqbypeqryjud5a128rryneq7yk+a3iioivxmuixyneqryieaelcqdxpoi5xk/wtc9izf8inke8jxgksr/xjoijxc8qjymewzwfrtycnvsqexepix5cxbapivyghkdsruxcrbhj0brc0gaestoavgsu+xh3ie5f7ed8pjpwafhuqfwm092nuatxj+ioxe8rt2py2xc3iryjbkhcjlgjs74rcqmmvx7xe8r1igsr12c6qxfxia5e/bhxbejyxgwy9tzmfiniesqy4keiizhbryglercgzkf8epgdql0y9hieyivixmqwxgbeoyhnii2idyizeesrzyfgeesqaxejidmrw4g10dqskmqzinmrpyforzycwi0yqpymwivyivibgeqsrwwg+hhleesrfyglimwiryjeqk0mstadoamxebfgdco6easqnygordtipqinmq/rimhbncoaehmrjyggrd2idlglmimqedwiasrsrbwiejelurg1vkd9yhflifjecaiyuyqorbqg8hehrbarqoqh/ihcra4ig5gf8cg8uusllcut4ylawa/pifpmadzo6ulalpvfdcdsewkioyivyunyeraegwhcn6tgg5lrmwlhrbgqeoqoouvoegqecqhepbuioxrkefkebmejoarfebf0gjgfmer8g/gacrtxfejvic/f19ivxbrrz9hzm8snie8qhyooid5c/buxgfgq8rfeb4j3ee8h/ozv+1pu7hhg6b8rh6nm6dl0d4jfr83l4hoxcshqrgpx76lmesa7ilcrb0xnded5zttcchgd8vve65j1a4hxmbpfygyhea8gxsbmfo3pxkk8ihgbcqdxpoi5tpcrzppzxc+x8m8gnsb3pru110lj9mocj/fft2cpf4gzpy54dpeo4hhepsrexmoy9uoydqyzfhcz3on4alebx7qleuwm42sjij2i+zhr+xd3inygfo64j2qc4z7+lgqaa7gbcvfu1aauo6om+ya7oqz2we+jpgwa26mmaxabrrkvo2zhkldgljsx7cameso6bscy1yn+ggmuq1wbnxvantdg8qsrvyguxcl9ggnegtevr1wwnxvcum0y81lejyixaeophp0omtiludiasgrwutsld3bhnkufcee0zthgfaz7icb8auy5t9gjuy/og5wf6zqchztznu+a/alkczdh1auduzbxkajitpd7qe4durdkb8jpqe4b+rni3sb3gdwjcgfit0fub7kn5faq7sc3qiacn4bcd/itkotargw5burqkktargt5mcgvyihn5scxgwwdurqkrs+njsmisbdek1h/w4dygzwyrjqcobmxjfidoanxoui0xkmiuxbvimqogwu2c1gbkeeuiuorjyhirbgimar6jnecrd4icwfegbb6ha6hjyinylsducnuccvcgzbhtcyymmex8k8geyafgvwf5aoq98f6vwn5b+rtklda3gr5a+s3yixxqv4dertkezb9ihtbhga5gtr/e0imbkvnb4wawv/ygmo5g7eecrziffghqeu9zeeiibpenwi2vtmeseekizbha7vqsgvw7z2idkq7yj6idtep0ypoqtqjmhbzey2ibkq9igphxgk6ee6ea5gosepyeakig8kkdbagzmkn0bymqb4b+rrkkmhxyoe/gxwj8gxi5ycfgxwklvse5goqp4p8cespiidb/gdye5b3wyihqj4heq7kvydpgvws5bmqp0geatkp8iridorbsooekadadopsarlrtpbm1pe5invryxampyq4gfwxcressqixifioged0i5yhlil6eesqixglel2ihsrjiiwimkibeuieuccbrb7cj8hf5ccyevkih8klrsleebbshatbizgexe5ghnvbotmguydvguzfbfknyegqv0bebvk1yesgl4k8abp+coqc3us8nw86f0idzh80bq2ft2nr+nymzeetozah1zsrn7du5twb7ybnm3dsfnoz7jymjefnozagjrttnnkqdu3rw2fvwb9wr6eas5pgw92jh0c/g+vtrrthv4yug7169cb4yo8y3t26f5rnh8xjo+wvjvthrxjluicci6nuz7zdo2pd47qmkfdahsnhyujxcfd5eis+nei51wgvrjpgoii1ayqzu5hfnh4xpzaseddi/gh/ztoa8pconeezmk4pv3g6prwqcgpuaxxw5pdqjppdq4irwit3ragpbpehb4l94wxbvvdshx3hjcff4cu7fov7gz3hkyd+wmb3olyjo9wv7awv2nezbg/od88h/7zga3jejtzws7ap3lyjkdzrrocgg8mnfcl8h5esb/wno7y6jjgk6v704xruop1q+pf0fjjtsbp3rp3qu89nvtyv18mhhx82p+1y23bbtptulz7wmugkruncshgrkcs3csaxjiememk81cjpl9dv1+/u8+36zfqp9nn6yu493al7tpeitujn23xldgt0vf7hfhidoaswnoq1tm1iy1eftdxadi1/uzyk2mbho6dnzgqs0brrlmn47roqahw5jr+pplwcoikaj5ttsm5asqlpxrt+z90a4bwg5d3u5gzk94ex+ycnsq8y7+7y+1tj8ukfrrflx+iivtji7wkfqueiioxi+cexryt7xim9rjcdtxzhutg/n4ruc7zti+m1rzh0rp4of+ut6bw9rzgt7fkqxodp9kwgsq9/6drrtwvx+df64qnk6vrwwtckfyiofmlzkhywjwjr/p/ghwwarb1dngppwbf07vqw6yg8mafl/r8k/v/htf9x1pl/x0pal8f97h8b/nagawvuzhn0cmvhbqplbmrvymokmtuyidagb2jqcjm5mgplbmrvymokmtuzidagb2jqcjewmji0cmvuzg9iagoxmjegmcbvymogpdwkl0zvbnqgpdwgl0y0mia5idaguiavrjq2idmzidaguiavrjqxidygmcbsic9gmjygmtigmcbsic9gmjkgmta4idaguiavrji4idi3idaguiavrjmxidixidaguia+pgovwe9iamvjdca8pcavsw0yidexocawifigl0ltmyaxmtkgmcbsid4+ci9qcm9ju2v0ifsgl1beriavvgv4dcbdcj4+igvuzg9iagoxntcgmcbvymogpdwkl0xlbmd0aca1mdyyicagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42ru7xzojyjhv/sv0duqibkxvuqxcpc3u2rgz4dtz2+3zg9cpcnetyhboallp9+udx1wahlyz4xfmtjnkjfwzmzvfupsy/qlnbqjcw7uxmypmnuab8viw+bkji2ojigca//kg5ctb/objmdn8d/fwh4fnh0lbs8m5y2elip2lkx/617/fm/1dvpnhabruwbz5f8deluuszffbw0cqnonhna9/eph1arp4n0kbijv2993lw29+l6hnfuxojzux1w1qwasdjym87v+6/v39du4fvbathp91km/t6pfvlz/ar3r2kckilylch37yfdeofdcw/c9xblphbbfv/p7wf6cdg90rpwt+tnuwvnugm647mfrej0hu423rmqawz4axgktj1y44idgtmcmztn7plgzst0o9h4knsm/hgwb121y9g8dugbniarh6obzxax9uxo8f2qvpzhbsq0e1rfille7jua+g1vfwzrfmydguckanxiccbe0zqad86tkoqdb1jurndx5xckgku5dg90ndhhj8wwttfk0zajawiubd/bxzb6ovqb0grymtp0wqx0gor2cz7sdodp8jd48imdryk64tfy8jp2hf7pb/6lg6kzquffmugqotme+oj7ls2n091l3lzpb2lvo9g3hgoz4w+uwjk5icvvuihwd7vvwwpqlbrdeoeujzyaodrv9xg5wcnc4fblziurf9x52ae4n3dt7jfwvsenpem//nffgwuezixaiezlhw+q8koj6zdeohylgzyewru6gfdmwgnljpbotgviyhgwvdaxd51dpqjaa08pxfgzco9zojnwxpd6zgvi7x1ybi6nj7dzws2ls3cnf3iqnha3ir0rqfda6ui3scwqhrncqz9wznwocr6ctbspo2wcvumtscxh7kgbfvf+74ulfnfm0dulctwsvypglbuli/dpknwowtdgiim5lsuykmhjpk09txayecbliszucnuhgogy02qkidfw7r6omohmslr4ovltxwjgeiyeglbxmr9mimbf0wwupvmdtnxfn6rjugyrztblbb/1f5enmgsyo3vi+e6codttt2/z50wczsnqtjffqjqtssxjnbt30hkvs48btry4s8rkjypajb6hv1pu6zree1n9dx5del2ycehvnmetk3fzanrm0ag7mdltd7eeeerqr2a6mlxoxvewjrl+eksa9dz/iyw0ui24a+ej8acoovsl3ga5rwdktw2mkscs2ev2l7u71a+bhopdkh2rtt18kk66k5ozx9+dtuzyhay9+e8ysxxluzmacycbkpr5dton7+cbpmzuanh5q3rodrjytchj0yvlptszhrzahrkpndhrf4q7wdcnpzytcoimddmurzkz9fj2xo66qzdv+d4ladldjwamln+x6fgq/7lj/jbbi9bpcwqfwyp3jaeea3f1b8paditacsmsazsqagdkind8ny1c1ncnq7lsqfgmoh5kkbme0n6hgktycvqjkl960oowos1sqb7zxjikbtnzidtqkq/sirfcsid0by4n6yq3obz14ruzqjn9fspx3m7da94xgmlxsriwv0wewyrm27ghd9hyl2fxabeefy44excu5aehsmapawu/1mvvd9tt+xvbfr1g6y9naeuenc2jngnjk1bxqpgnfym8omvodsp+1akpga2lmltw0xohvwyl18eofnwy1ldzzvzzv1xudhfgngmiiftdgcpfbw8rtrl6pqduzpjzpte26zfqhj+skc3uamfdmcar0avs30qsuo8r0psjnbry0y3qhq/4bkny3ig1ipxtgxjsmmptf4inxxwinhyg5+ft9uvg++f+yhfcn2qed03d3gtunwzqbivjb62ysddmwufxix+oeb+yoo/tefw96mbpf2dnvpuoep32vrnepnifryhwhxmgmagppyp9ykr912qe4fmgywq3a8t1ffhasrlnot3t/rikx5px4txdkragmvafgxbqzitymujb3dgfb2ih6gk93lusckf7rfm43ng1/fepnz/qxdloxoq80oj5v6dnidlgj6fvwzi3jvzz5pkp95vhkebikwihuayc3pyvcdnq2f6rax5i+pge7m3wsbvlaevueazrqpvbscfmuj0keqwooy+iwvtnb4pkqrxhpizaez5ymqfhcgcmua5q9ohc3/cicxzcxpsop3mbgdjc0yytndbfqkkgcl7rzisomadbjowayeotndydbdanace5cdhid86fs1rc3wkuddbhpqsataazwcrbvlfbl3sx1pd2+gk14zoofre4rv6kqjhpfpbue1uh5mjjz4dwiifxj88kobmhgbyeh2kmsznie2vfm+i+sjewf6uoy9mylhpdmbw2cmtffg9prz2mrxuwps7/j8fsvmbxckbumc/iw8d4bi/rgin1muxjdmjoqok6cjplnejtd6yqen5z2n5fwj2luihansrbund4eawvkb8c6gt+/nngwyhlhcwpbshiuy1jkfikdpnedp4j6oyfj+rxqmifdlnd10dnyztn7dbn5a3u3w6fsv3c1pq7uzjeotdhpm7w0mwb0urwiy2pjjn1ysyxat6wrehdgmt8y/y43h8yd7s7yete4ut2cdg3odgfqfh9ov7mcizu52zkkwwafct+bynakho1htqri4d951kserjnuejav3nh5sohsnm9ykpg0soiwpxgrn8gztkesx4jbe2lrv+qt01udotdk4lng8zy7q2gzlelmmx7s/+p9wgxh4djojwnglxbmkcwfdttuzmkthyiwptq9rib2yl9ax7xwd5msg+c4br8lawaalumb1k7h/xyikh+xrfp5sczbe40qtysjiwwiyrnodwi+vgjpig62eoofcluilk6vh1mflde9cyppu7fvbo4jueed5z6kwhcchbrjdo2sjletqx5cpf8uurpqoih73u8ttet2ja8a4hxebs7o8owdpy3c+surix564mhjw/wasbrxf2givuaby7docdbsmj8nhzwv8ppdmiyoadm9kk3pvnklifcuz4is3vyjp6mvkgeaz/+s6oo+0c4tbfd+ri2ksdo2nmvd+ltyv3ecyphn0k8wf3uycbowpbqpyuo0+jpdeno7tjyeovuhvojkezjfgssoihriti+n2ffbptbrcc48g75tq3ivfhxnfmwlsr+mmq3u3nhz9bz7vvmmngr24j0brwiaa6uoputcu2hx9yoi5lqctbbkqyuzofhaib3ria+crphjf9o9dw4/kqtsnqrsebtpc581sf5xcbmvab0gmoyrg3w8rze5xv6czfw/18vjta/ytzqoy/nzjvvbbgpdnc7wnkbnrdlhv4lavw6wd6mwwltyrhaoj53c55xtoi6yxoqcbau3shgeeovbb240168myzbyyu0sc6iwygbiwawzyfpqrr8tkka95ifbjcqbnwa1rxp0epzhpebtl5biwdvsjjbl3eucxjgq4xycrrgy2xyi1xjmputq+l03jwuy3wfjrsimxsab2t4y0fppw25eq9qrhwsvjzois+5ouqljwvlal/ysfou+ou6hzpgakwixcpv0yxkrokyjjdgy5jjklm4nnw2yv5biwg6bb3sixfe/c80c+jqlnntytn7floughnzs9o07gwjb1cdjswm1hcbi8pjyhz+ydpye/05hcqki0ep/os5lfepg+bfwiqhci42e0bf7qy7nuq6u+un9qbrfgxb41dtkv0myjjjqzm6kz0mje5eaydnzgupcyhmevtqedjqip52ys2qo7dyf6ha2o8jnp+qqqab0cyzk+laas+jxn401q1vdblugkejkxxyufckf9aodivq5e39woocnkyovenjo2yxsuutruhhgekjdtzyhbg0nkdgj8p/la3lyeobulflyib1h5yfqaxcqkieazbf5szxr9qaczkwicrnvbkgtywexofulize0rauejpiienyqibmb0kgkuljnyxbceac4ed/el6dsdzlph6pk21evo04buj4czuym/yosyk90a+n4ohix2ho69ncgbabxnyfverjrnvhsm2ytlzpfp+ilohqtuscpgldzpo7xtguchydvzgptkmkgqqkx9fqmap4yldwfkz3ucub45vhxppulpq6omp3ktuoivnihe+iwb/zqd6igwy+e4hmkwiaylp7kaf5j61xlkejg4wojrqtswebqjcd7rqar0jkkkuhh55vgqawdkk+k4k1kyhztwk+neiyc/otpq86y8xn6zrieypmtjv0i5orim/6yz8eokhq6xmcqyb5usd6afmn9/l92pjqab9ziozmjhiol4kgt08nwniwd8mdap148gzrvi4jkhn+gqyh3n0i0libfa9hhzdd5mqtylpdh8uldrftxaltlzjstw/uctxd4l280clwsxsa4+snmslxqflh0ptf0et2acfmh9+lqvwg9opgnap8/fkp9jryd9pkj1v00i3itj2tjyvdwbx7cqh/niu3h/pg55fkozoxy8nttsansmnwrca1x1/ynsojjkwmgmlciihmmfju8j45ffuabtv7fyxfyev8gh9ff+trnyylthifksd2w2wcszjekq9zp+ztji2cokmy9f3we3yonlebghibisw7caqf3815oxdjij5rezd55bifgi4l0dm3vnbtkxje/czgr/jmirn7yjcm0yhnhlt+g6l21efg/jejzgaekjgd1vdcfo7hf7vfpuwb+ludkr805kxesrzkqidgberd/5scsi39cya2xrsgepxr/legyb1ihhnwxibu2mijxooxs5xaeqh4n5p5w4unzvl3y9zyrdqkq8cggqxsfvwj3j/tg6isdxyulcbxxfanepjvaozokjn82o3iroarcveigpxend+g8hbwuo88qmwikbqh5law6aj9pnlvvur6h92akrnayhokz44zvjpasjp4coet5etpb97xgr0z5zisy+jysubmjkgbur6rrpdbx8al11jc+ypqdntttnoxgqjdz1l20h9j+mnorr76eekdpyesrqkyyb8idrcmxxvrbgywmrbpz5qed89l000fegxwr5rbsen5eympgkq8ew3hsw3kqipfchbs9i681dm9dixq/qombpm0uq40m01d1auixngbxwd9choifioxez3z8lkaqwhii+s7tpkytkvsna+zgv7lz8wseps0ij3rvwbtpfzjjfcgv5dkjfesjaulb8bvnzim7r4caubz37ajdlins/cmprgy07dv0gntol/tix3r+ixg/pmdto5qfgn597w9tajh5aoyhg6b61dfxkruhui1dr+wugdbspksus6pgvsfjilfcud3zvf9g1lv00uwiasbsvwvbou0rfsdhgttlpclguvzgemzytympaxgijj8kuy1sqgrzrwftw4h1ba2sa5qmjarqr1jsluzklgecu17rzxtj1kewd2ltby7dp9yoh4us3cyd/b7eul+lccfbnsxgrxnviqk0ib6atfadqkq78dtytz009qxccsuv94edxvqoap7e7rw/gmuxi32lfhyktx25fu4wnd0mdsldzt0p/mbhvfudjzw2rjs9hblcirzqxbwkb84nahbnlqjt3wsub6viqkwfhm0+bhisao7xltndcaao/3jicnegz3umykzwth3yp85ksn0mc8zcqtplhcbiuwxohdbpdcnujcg1osmpjb2jydp6ahijpbpknyuum1yqeaxdnmtboo6ho4fwwujux041vupkabf/onzz2rfd+6cv5nipfnl+zkijkcfzewrpi/ypjsb/ndskqinxuqhrej9ehqmvmebjkuo3pq2eikaatdg8udlghe1xigec9mje/wfvlxr6cktj2qwflxzsjfwulimdw2od6m7js6qsskurzoo6lfftx92of7hvxyob59cogtbilqtduas4j1ww7hotsabxpjcvozuqiyfuzy/jyae0pax3sp1hsyuny7eq+6quhjhd65wyhzfafg/oi7jorpzgunvhrwaokjl0/lyuq/ri645eu4gbtycjfrz6j+cxxsvn2qtix0o4y5q4n4zemck59n8liw82o+dsg7du6yyyogbbs+cdihbzzz0yqim8mx/qhtefiujmolwkn7t4+z8ozatk2ofvn9ph20afbth1hqstoahnjd6iyaibey8salmj5hyxrm5jokqq5lff2b+krmf0kt+pnn7puuu2raueu8uooxblhlblzbxlsjtof0yerwfnftigip3vcvsiayzyayzh8syf/9e1mhslq8amz+fx+pzdpcy1ugcwurb1ybrgtsuekerun2uqipbf7jnfscprz0ah4ohhs9fr3srvl51rjzeygqytjppadag+cua5lsnmk+yuxicku+jbu2iz2gqplu0y6ij/+9hjfq6crcgbmobkqkgbxyhjvqwrrympo0nhidjwxrywncxexfqvyvma+nwds+v/5gvgkk4v+gjtbxlysbmix+q1gu9stnb98xd/jydlank/f4zexkrh0fqkqhzpidcqdp1clmdueolur2fzyya2bmdd8wwzj05lbmu0wjjdnrs9n97aura2+4+lwp1nmugfwfxcjaizfqqmf8cpdhwbubicd2n4i+af6+5h+vqzls3suhx9tyl2plipj0xdz89tr3x0z4tgaap/7p/wkszirgm8cdkqbftrqsrmhjwdgij5oj5hiyeh6ceecqrz5cmmufwc4dj4vzw5kc3ryzwftcmvuzg9iagoxntygmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzide1nyawifikl1jlc291cmnlcyaxntugmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgmtyxidagugo+piblbmrvymokmtiwidagb2jqidw8ci9uexblic9yt2jqzwn0ci9tdwj0exblic9gb3jtci9gb3jtvhlwzsaxci9qvevylkzpbgvoyw1licgul3ryzwuucgrmkqovufrfwc5qywdltnvtymvyidekl1burvgusw5mb0rpy3qgmtyyidaguiakl01hdhjpecbbms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdagms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdbdci9cqm94ifswljawmdawmdawidaumdawmdawmdagndu1ljawmdawmdawidm5ni4wmdawmdawmf0kl1jlc291cmnlcya8paovuhjvy1nldcbbic9qreygl1rlehqgxqovq29sb3jtcgfjzsa8paovq3mxide2myawifikl0nzmiaxnjqgmcbscj4+l0zvbnqgpdwgl0yxljegmty1idaguj4+cj4+ci9mzw5ndgggmty2idagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keag1nmmyjmdxrff5fumngnhdyhmqdqjrc+5owi7qqikysgssicz0+zrhy8h8nb4gjasrxeuvpcldw4frhph1c/vh9ue2uyxd/kf9s/vn737p20+/th3895dp7cdpvmztx77vzv7t+3loh37f2//9n/yhopdu6kepa+qng9bc3y/dzzumqr378bjpy9t+bg29bf2/t2o3xpz+2q/ksdpj0fsuydsu097nlsmn42xb1nby+su09mjxd8i9ncmiuez7ydofrdm3y7l3g7qyuq3fj8klvxwrycry48dc1nkr0zch4wzln1di1v4fivsd//truuxvvkuhk6td+u7ep+bb37edfcsfutlahtryt/vpj3s1jpdr/a3rdpnncvf/w3cz1d+6oa1trbwz0qw7gkxywrv106xr9tdfslxg9lf1/aubn5q+z5de/r2uabv06q+wnwhi6i89cmzl0pv7nbxwvrhhkmova8+gtmxpnr4qdhlpbn9ijhmaxaihfs317wptnf+snbqea+24zf+hhy2yaimrpn9vjq15j3bq9i+1g4xqjzsde3y6v4e/nmyn79floufogmdl7bdja/rp7xayw9eeev2gezzgsz0uc/pdt+03/8x2oufvfmi/+s3x7xd/bx//xcseapepr9vitvn+h49jnzo2dgfyfzigvrdo7gwosmty5c6yg44/6sopgrdaavuirgn/wryjskxgsmn6mbf2hska0mzrzv77ywkhws7qe0fw/t37jthqkmt+gcdx3glxha9dhsu4gncgnht53ttjd64i4qft2nn8wqciydf/ovyvjd3+or2s/ffa/9pi8cq32hhi6hrp1ns2ezi7fdmi5bt62xa2bdryvmo6xiyxinhiwndmxcgr0bhbe8lchsi2q0e/xda9pxn6x1tyzgfjs6blhukgpahz9+aynfcuuiqiefqzelou6zonkuhs7aflamxv8a2txtjjccowkd6e+aah7o4r3/enh6pe+mbe1heg/ce/0tcmw/oaurbdsxkd35hpvkg8s5rkwjwp2njtz7vocfknnrifc5x8w1ihc7zxjx6cda7vgm5xvh++cxavey2azeziccf8lxk1svcnu7c7tprdt2pu+9nah37w2ufd2gufwbamwzkoqx264yk5ycnv2hfcue0cla2puhpf2hguj5hg7vo19vq9ulrloll7htsbd3pmx8y9cnmwvcwepiq5ywpz2k2wtzjb+75m8gjug2vpmeb62h86rh0kynxgpjormr/4mduve8pd+fqycssctlftm9gokamgnbs8acrhpityeloajuv7owg73r9hups+bzcymgp13pu40kxgptogkpj5pt3mixybisjdsikaytdmx6azoz5oea+0arlnad/emcmjebqk+msuay4xabwhg2si1e4iht2dmbyxe8u/n/0+xjon3myzeifrx4s3zk5wcpp4ysacgauekkgwvvmcvm9ucw3frtt7vpcertrkvk0qypxbpizm7pfqkxh2mixmfbk7p7jvb5mz+6mkaguogfwy1uldmd0awokvltteesc9tfg0ncunvevfvhvu8cfdt1hweauf5br94glreqeuydkvdafz2emchtjjnukphrys+gakmdlwtaorboauusxj5qnxoyd5qqgfcmyj05vt3woxk7ll4aclc0aktnyhmeyxr28oii5dt1razaeqoupzvleasslt7gatksbs5rxyvaknuqp0a5vtq7qjgimskf1tqb7pcoutnlzvvrc+ehh8m7ojs1gu4smxqro/uhheuxhq+jnfybof2phovdjudfbkyqjekopisoqp96frm51swxadtooalvcllkt7d3anphk4+mw6ugbvz8p1to87yed9mdvqd2/obzh7/tj//hcm3isokryc2zviduyhcnwahogbsdf1g8gmcozewza3/b8an+r3zetgiktcczclto+ddgrs2aifmb0un4663ebw7/biefn3mdad5waa00rnq1zclw+5nwamkpr2pwq9si4logsjmvnauhjy2jamofvuldv+2s1uzxg8izdx3c+id4mgkfs4khtqovhwg4vah4yhzn1yvxem3pg4tmlreupzphj83af9jdf1jlibk3iw/ssydksjnogdus9eztzouhl/0lzkckybpgwt7d26kzcrczmwqpfltjmvznyzj5qzjbepbjn1dvcllcxwke2ncz+afrabumswku0f1s6ka0m7i3xa9epytdd4d2lpfe2axfyrfxzro3omnxr+svh4unwdgqi/g/kyqe8crnq3gbx5ofyxgikbz4kawx55qd2p8cycwpu0i3cs40dnnqlcnykideogxdcrsendr4l+lckgwbcvfair+hgfjtbmyh1ts0tegflcjjmyvetbmodbaastbb8kkxagh1vroytnsbm3zc/taaaqemlrdvjlslw5s2gry3wtzqiz6awftbrqhe5buubbk0w+mjzwhduitq56inemravs70gwdrvwhtmbukdrlqojtbi6fg+oystxedfumoc2cvrih7nxspuxs0udc79l2a+kkjjsd7n99dilhs9tzksphmifb0y1pmeueiqrkqfuwworhw1ayzwvi+s3gtnu30lqsnzfszvsn1qfmqj0dxcm1fgwkmym7ri0bzk0ax46f2+oystxergumrtjm2r9onulvbkzgzjquu/teqyw/fg7jwffasfgxivtaj7fr532mxbaelnxvrevtyomaudtl5ds6ot2exs5k2fxk2lgs05i6hk+xrnnwy7hg1ef4iyzyztz8/ffdohb2r45jnifybtsksxlvhr4nayrrtdhbe3aesqqm8bchpsb+ntrir98davwdegxmj7e53m1g4ittlymx8uyzstrskgltfizlrmzrc4r0jpsmi/dvekzvjivgt+drky2sigiep29uiqmtv1bwenxwhonwtuqcysr58hd4iw0t1fcdgiake/mgenzg8uf6r3yvsme40vdhnyethwno7mvxbma2wialontcz7uq3ovqqtpuhme3gbdczpdmfddlgdvdkorolivkt+dxgbhcchaskrzf0qrsqmru+cibxvpqiknqt72cyn5qefks/qe9wa8cywhlcj/przjpmnyvuzrlpggivo6mrhnbywqlwiovqoaskit/pmkbp8xxjfi1fac2ex7p6fnejd/c4ogbv8idncaidptrgn5gkqezjnw5d7km3sejtp9oogazeboy3gmmuwbxqcmwqygawoxeqciegwjek8w0jzije8rjclrsz0kgyvjmdvk9oupkuiouwc1y6ogzakx8zyxtwbc4zyaksefdz9fvzexdv1ntigh2grgmr5bgtq0pcqkovw1bt19ogpqwfogunr0v0anwhtffro8bxkuainmuhnikycmrynxyifa4sts0u7pqcyajiteufhnqsmopnllg4vshzjlm7nvvseqo5y3egcamcx1yppac9pzb4xiy2fndrdsd6begjm2wmekpz+ulvyjowcehjkoc5tzvicvpq9o0s7w5rcg8bupd7syyxd2s47pd0pgk83bdzuo3zpttce9jweyycoae+k41efvpbnlofl66jvqk/q198f+/qtfg4cackbxilvw/h6osnvkuscwxml+ex2mnz01fqmdzqjfhq5bfoj+ixntxmm38arkzig0yfoxrihj+va8tqxrf3xjagrol3r1wln2wk+h6nrvimvxzeivqgsici2uiuhipuvyaqgmqjfcriengshwqd0erzu4dpb6harsazcdwc3hgwv9dnu50ginoiemofbnvdw73k74stm3uzsqjgydv3fgyzo5/cqfe/0vhg6bayile9czk9ro5ch58cvdmbe9is9sg4crejdfvgtvwrw8fjvxucpeqbssoz0ivjxpjxtdl08ne7plwegljqrd4svkerdcj0jz2bginqibmuvjomg0wssenyihbhqwaswlgnc+pbw4lxlp7n8ijjmgokx2addsngq9yv16i1nnqihcdglkei8pv5qn+xzijzpvpqkmnduzyso73o/zsjbcxrsgyygcdmwk0nbywcozbltcuzjcbkb9qlklg4a3kr89c4qzhtntsp87buxgh9tbkjthko6w9ak+wsyqa//kzjtewiz/mh3qtd0ugnxrv6oyhp0usdpcthffmrpse6mot4klni59eqyxyejmyfzrvwbfaki1d9zdl571ey6s0ranabqdyluwazqkkomodcg1aptis6moixr5b/ntzrtzjibcf09+un5dgd66sllrvlobgjowj1re4m+chd0lu2lwnoa4vxs+uutzbz1marltod/z7my0x3bf+uyclp10bksfrbm8wjepgoco0cahcc6+dycdmvyxy/ejsem/giiokof17c/bmvlg0d5f4vyae0vrxyzjan3ng3by8ommhhlbgrs70a7czgd7tje0mwdk3keapgmmdf9horstsxpo200xubc3p/ik4bkc0atjfi9oqkjluudtrotjjmdmo/yxe4oufpuyssb0yvl2crzft3qaegrkogbenxaoifcpqd70ay0zz5q1gnpmjsiizbjaemvrjgqbcurir2t4uh80xuguolfeyqzgzxr55fmfvpm8tdcgz8hvx05frte7niga+gikxy4hppoipg5vgg+wqj7amwzm5gmu9+pdcez9rf9xi0sflbuylo4kvwfsuj7prndmxk5qpk7866asovwjrge2k+4up2ijbsdvp03hhainjaho7hbsyjyjjceha+ysts1e9jb0wgjqfmioapotcz0x+oex/6ajsahbqsa4zsex9tytgf24kjch9o+j4vkd06nuusbn2rsbbya3niwtiqtshgfmee9g4ppbsqimhctrcrjgjgyhwqkzdqxmn5urbcto6k4ihmrwmittdiehqizna+7yithuxmysgjmwko1wqzi2tspmhhsugdkceiaejky3cs5ooutc3baveuntumck5ub03aujxvyvdb6uv/7qvijbexuorkp23zbqnmrbacfwaf9zppk7sklodbgd8psggkk8hfpsceuqq2m4attvgq4znk6obgiufcynhqjoxgkfs9mb2virhi8fbjoysk0ln1oiul5/mrqytjh0nfuai8ewwfvwxm9uz1tap9fiogifbheqbwft4lnfdzoi3dftgfrxz/pj2dgjgosq2ujrabxcizqza+1qgzeiyirob4nihwrxzjacmteed3pai7fkh+j+gzra1gg/er/ke3fsrbg15xjqzk6monjhpxiksgapwk055saeon+k8wxp6qr4tjjzlozfprfvbgnbmcliyiiwm9w+w3bv0e25xlukqi/3fllsqyknuny+owfggruvhglr4h0odwlegcboeojzofanleiuenv1lca4uiezieiugd5ewfapdksexojcqsyf7gv3tzzwo1jm3r3nkteqahppdvj3noylcgkq1udei+hcpuialpcrdyifyyhkitoynihpbsqalcwkybvcamb2yyacgfkxl3wlbvpiyxhqaf5iaecamdlf3crv+elkorqysxwewhw5lwagihgb565ywsmobguo2nymvoynvznniwlefnamyjlic/rxirfa1erp5d2lknz5vy50ixmhceclidthcvu4zmytlxfgywne2muwiiqoymchoq7vqajc3kchv9e72rs9eimhbolfqjfdrfidvokiwx+qcelzx14yumcvqrdivesn5fujo8f/hi81+mhekokyw2vsz6yyavyr4cgs3jzkxqoij3w71spsclrczytmzdaamqmxz8pm7anjebowvpez94nyuckj+9vpbi1ce4x38hy3duc6dkszirmj5eokpmwm5pam917fw9o+o/zou5bimfu6fezlgugvrqg4rjhra57tfcp0d7uo63zykw5fxr1grunelaxk/dz6qpfa8sngsq5gjmhmdmentm749cry0szavfpilaodvngd0j2xutnolq6zztbtcllsw8pdynsmcshmaujun9gopsa1fopbsupn2tiwhgq+88mzs3w5wx8awumov6uo2wan1v00cx85kmiprxwqujzq/ktdeuwru2rhorjd6kvx20+eyougvesufaioxjab+4jvwshcibhm7jysoyineiehqjlymhsb+iar+ah/dewedmxupvfz6josjmfobpvsaidhg8d5dygrbtb3yklx5lgfghtzwfij8qwfegqbopmtsvehmib/ez8qbfsiloqie4xfqbxi7nje6vno2zpmyjboxecrsyxit+folsxur0ichwsqfa7dmpcjebbj8a0objnywze1wydguyfahphuhwyhqxapgd8j3awvwqpfwucfv/vmrvzocyzejb5zncwikwmejbptti+9//rlpxdoj4g/do9rdtol96u4sdgnjts0xo14ti/qgdapxfthgzrku1wtnt09hejjhcmqtrghw5xgrabr0bojhpv+pewa76gqazzcnv2jgdmd0lcmysexo2gnzyjokaogkcpmgnxpmz31wrwbfomvgeamaeqd38olsramri3hiwcxhdey8c/a6dgkax0olsok4t60thogastyvzpb1lvtajanhzrf5ri346iefmjrnj47eesm4pbc/lpfllhiubdqjpywxdbobbr7tjiiz2lwrlotrsgtq4ivuagh6morhjptsaazldo9pyg3s0tggtsyi1/evjtjgjb7ephb88mfywnfucpbu0hhajr9iu5h4os1sy00u3bjuu9q9njbbp1rgrbwzlqxxcz6tjbansbfndb1zghtzxhnmb/duktx5qiktfoivs5kmfuw2cvqs6njxkgx9zsewnhuv/ckvlmnx06qdsapbsfs6wfsn+qarmaesxexkaoju1q4f7jxmvmujz3aholiar9xnswuxyztbhhq4kidk+ixpgpusmmzmtnsino9kc1vjzfrujd2pjosx+rb7wtwhwl0eknqvecsgnb9u7pkbc9oauoa4n4uwxmuqroxcth4q46ucdqs9bb9+yhkxldqnftwa6kvk6bunrwogkuwnnduwot47uay4mze6hribwhepghhj99qjzgt4ghm4uheift+yxwcimwar0hxkwcytciw33qwtezmpqpeosmq+rcxwa8kqr6gsneswfgwthcenqj6xpgou7r1ftoktdk0wckehbtg0md1ciijt8sa6gwliit2z4x+olqjkl+re746uogpd/+qqkiqkxfwp8v7upxik6nlrd8bl8h28obj1a90ieuv2ihs02tabyvfkrojxmpsmh/zg8v6fkcb2vy05o+m7ijwtlpvoqdfh1i5tkqdt6w6ssohibyjnwelsaduyxxftvjq6mzaxyw9jmgurr0voq8+drbrwfxuv0q3actmam5pdrjwrt7y/j8twlzxxzt01hdwx+zm29sx7vfff32clv3mhuq2wfwoat/3mfxzfyeoq1lsmfxo7bcn2zh2gilkyg2z5oabniesesws7n18xiyyk3bqrcofqgyejcqwvbhos4rb+dsjqltpjxixgomcjqq1eygxbw1+sqchywgektphnyldtjpg89ivjaaaftrtmfelg8bydj67zku4h+mgz7zww9+zio432dyz+6ixqqfy8usngagsiqinc9roljkviya7ryz+6x76ueidqrpp2xrgdrljje6jzm8zqntybyz1o5minlw9lgdkonm98skwjckp8/uv6b8ajpwmxufbugqswdjr8sh3wxeyuzxnpjvdgzwj90wrc1htbolgkj+a1phbkfxvjq2qxl2gqtrv1/ykpuywqkhvzxbsi7j03g3btahvxmprk7u5uowwoawakx4pdnj1dejajbxqr+b2bqtsumtgjzzfoxxkiolyumho8xqmxmriodreeajiq1tpkjqv4xqdhzt4adm9u6x40y0dnu6tr95+tk+w51puhrdt6xsojw4duayuywn5vqnfra2+1jz7kvk4t8k6kajdcjpwyrijgtzehozrc5xn87zlpnamwv0qbliwgy6ot6k8cadh0blwb4y/smw6asckekjvqcw9viyfwvzybhblwwnwe6hox9mkljz72hemjhtxleqfxqxifhyoihnwvu0oxmvf/to7iildrheyc6iwni8jr1+btxtdaxeyfwpvipk0od072ibsbilqnyah7vaiedsgad9zcxkhhfs6qduuaqafuiozc2gzkqgmxgl1/spwplqyliotp+gdcqxsbciuk5gh36t8y58uyiy9dnyiz3vvxdj74otzcnj3zpztw9urcw7e1fnvjwap4xfkbz8+zzyls0q/ylktdso2d+vbe/mcs9um4rai5apvpfmsygsellcs72vggqvchpgbxek3ffjuvegwucqzpa/gjvwzny1gdwpzrhynxqbgs8uqxwl58uhr0hiscxmxf/l+yhjm4q+ka0nhgbts6vx5banedw3vkhftfve90ok6slylqrjkkspzftkcukvcaofre4yoisvrloxxag6luojagnnu9+2imwuhpcw7+gqnexo917h1/vq9yli44mc2qgijmo6xmc0knchl/spxpdtd3aj6ekn7zmmnahfc16mir3rfgxpucy+r2dmrfbqcr8lym8snoyfn2kzlpsmy6/dnicdm09mi/cxsehd01u5jm3qjfqzzv0qsemh5shma6xkl8sonjyvlskx/u7ywghpsvl5ux6scyhwuwfkllob4ehrnnjvhlwzst9muk+dudp2yg6lakbzwgtoxjuoo28a2ybsashc8m6lfewkzgzd6anvsfkrrtjmp82ckbexke5shmcjdox557eop0ycuokhe25hc41dpie3592lon+zzol9oikgsifx+u4jvdtzl4tdtmh8a7ufx9dtxvfgbbt7ptjgdiz8jkpdjamc8k0i82iykyduwqrymbbb91atd+xhvc3ek9dfd1yd/drceec+yocradtx0m+zvf/2ymbghb5zjxcv54cphyzddd4zst1/8ieem9r/brvkze1blhd+jig4z39x+epptedfaoyi225iiihbodgnrp9qm0d5dw2y9kq/p8b5weyr7bhtxzuerh1kacbzxn8l6qdhvvjv4wpy4q/cwfab89jvsesen7pm4hkl5ndelqicak9juvaxkhta5+dgfyu0nlxsw+id02f752wwfiehjbx5wz0ll3e7hon37ucc1un2k2u/h9g53xdfpfxqkdm92qg9ntz5ia+ofd1k+fqz6doejio9dpmpissppqws2d/oavpcwxvdokojmsozsgz79gzdpls0bgl+k0w8p+gdvgjvgrxcmft5d3/l98nupd1z7paxkbg+m0fu4hvsby78ekfmrtvj5gez6xa8fhng0vvjco70jkt3lxb4cnobvtief6jpe58o8trihpq92vkbpfyoupkflvnpfifk4huuo+c85gcy1f0ukhcyycykt/ugq8rsl6e2fumcehw0evbefpveg/3afizwwsvdcwucukvgfxi8+jvahlkxtth+mo/r06q8nr2vu93p0npyienwxqbvuffyejsm48bs/f8qyisfcwfh4ylsl8mhs2+mhfz3isezuttylmn6evrlhevob8bm6rgcfv0napexpgzs+aq1fmeueppr0o96edwwwis9oj/cu161tay2433j2aqkrtj1+ma7dpigu94zkdscbe8mpvorrhwwkd4gkrucwdix1m1nnr5hi9baesuaimpbm1aeh4h1d4qymeaeqvctwpj+geejvl2ifkjj7p2r1b9dt5qycinv5qianihvwop3+x1gmfbzwl6qt+okc0+iiqrcz3rngtnyoahek6d2lqfeeuj6ulqhtcg3hj6eors7oijwre3wqhpcol97pnlfa0etqffco+xioiowyflxityqyf2am7vszfd/+vznf0ecrs1/vgsqx6jgctdo5ovcvoyaimmphk5otqm1mpcnvmbsmysfdrxkp0ufekgoyn252ggzh+keamlbc2olq3zlmnxvqabh/4dic7ytiqnwm2ubsbbmkjbybfhshsea3h4hixxn0a09qccong5ucmsgsoam1bvni8htq89lkjhjb47iaw5beifcvew7ioy+1irexq97tw14xf1f4rrnxi4css3uxzq8vjzg3f2xzq1ws5ey2cjw/e2m3wp+x51fmwpoxbwf8lwrf20clbma81asfrcqeh/f3ntc8adshz34z0wxg9eykdt8wqpbpa54sr2h22p/hqo82okmq9pbfl7wghcv6m++//rgn37wiuo8h94iilh5x73rs+w7y93cracttwc2c8uz+fgdb+xh74e1kmgpl9wd7n/9+dhfvhu7d/laddlbf/wconw5jinzu8gzfkob0m64h4eq8x3nep4c+l2yty8rkaawtv9c5aao9xuskhdrcxeeatlnycyudpxhqoowhsgmv97hf3p9xblroig3a885cfqxekahxv5r66s0kqaztguywwj+/w5k5usbruv+ah/7ndtiju7odwmd+ygk4s53/cdrop/4/djfos2vuzhn0cmvhbqplbmrvymokmtyyidagb2jqcjw8ci9bdxrob3igke1py2hhzwwpci9dcmvhdglvbkrhdgugkeq6mjawodexmtewmte4mdbakqovq3jlyxrvciaot21uaudyywzmbguguhjvzmvzc2lvbmfsiduumsbizxrhidqpci9nb2reyxrlicheojiwmdgxmte0mji0mjawwikkl1byb2r1y2vyichnywmgt1mgwcaxmc41ljuguxvhcnr6ifberknvbnrlehqpci9uaxrszsaozmlncykkpj4kzw5kb2jqcje2myawig9iagpbl0ldq0jhc2vkide2nyawifjdcmvuzg9iagoxnjqgmcbvymokwy9jq0ncyxnlzcaxnjggmcbsxqplbmrvymokmty1idagb2jqcjw8ci9uexblic9gb250ci9tdwj0exblic9ucnvlvhlwzqovqmfzzuzvbnqgl1hnwufgrsmyqknhbglicmktqm9szaovrm9uderlc2nyaxb0b3igmty5idagugovv2lkdghzide3mcawifikl0zpcnn0q2hhciazmwovtgfzdenoyxigntkkl1rvvw5py29kzsaxnzegmcbscj4+cmvuzg9iagoxnjygmcbvymoknzk2mwplbmrvymokmty3idagb2jqcjw8ci9mzw5ndgggmtcyidagugovtiazci9bbhrlcm5hdgugl0rldmljzvjhqgovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagfle1ifgeyx/+zjqsxbtgxcmxqwsrujgtsatp1k1o2zdvmcwkdfxedhgenmd0trske6jh1jc5wrieitughq6c6raszdymgo0uqbv4itv87k7tjvl4wm795nv/7fl3dafwpuo5jrtrgys67yd6ydnp0tnv8glworhrckcnzohkjaz+plc/1a/utfglzapsx1vs2fkt2mrbqncp3zam+lhk84oosl+sdpdvnjbstqttzite4q8lo8i3y1myix0ocfp4bvlvtkzmcl3eio8gtrsmryz4g63batmnvpt3tgvpusn/inzkl2rjy/udbhmdti4ptzame3an211vs9txazhfg8vdf9j3pz0fz9crlhgr2wynrggv6ucp9rwm23wb+xi+vftwulx7eyq7w8dqycm7r17iw5suq1bvszvzkgv2lg558vquwwdmobah6rwa3pwl7hwlbhwojamcofzhlbde48uii5wj05pxp18xo5lvmxt+idfbohdzng00nwsqynn/laa7whfsu6szmwqxo2v/bei8ke3iqt/yxuss87t+szkvtxzwlmtjwp7to6iy3ko9nzj4+cj2v9xm3zzhg5ycz7xskohlktui8f6mj1njj8znkxldujx+t85a85xuhzuzffi51ikgupt05meuxml3c2z4zmcqzkqxymxod8d/8xi0kzd591nx1lp+bz22rzxifbqetnu82nctrixga4cbfdhl6tcpmwqvf0grcw+rflrys5v0wfb1y4z4vf895flhbxj+fwbxzdeuimv5o/6iv6wv6xf3zfg2hvukzc8+axqtrxxlxzpbvylhbjtk+rcmib7dadnotzgmd4hx05jx1jehqmvz8bdmjyrzianw11kuizwreoopjrmx3rblfn+hnw8v2r+lr+3z2su0l17k6egyp+nw2xa1r/7orynkyq/dkjzaupguh7lupqn1qi9oktt2mtqttahffjqod5r3dnjwjc6zbzfup9mbjmt7ksvdmi+dfwi+g/6veyqvxndt5d024uyxpcd8r3dzwh5t/w1+zaw3ezw5kc3ryzwftcmvuzg9iagoxnjggmcbvymokpdwkl0xlbmd0acaxnzmgmcbsci9oidekl0fsdgvybmf0zsavrgv2awnlr3jheqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagfuk9iffec/s02eosiqyv4ihckczuprkyg2nz1wzvtw5xsohhn37qjszptm9k1xzmexai8dq+iy3ts0kgbl6larevxikkgcdx16pvn7ooohg95o9/7/f1+33tebz2m7zspqvrzq5urpadutk2lgx8prr3utlimffjpyngmseu5kr+719zn0tiy3se1dvv2pbwvzwah6i22txd6izfmab+znyhlglpahzav2d4bpfgorbrwi6idd5q5mnprnhslsi2ru+aikcqvyjtjrvv5uca+i7wjg/5cj2bwjr2z6qrrtns090shva+urbnpx1t2bduupw3jnehdginyrtxfk0zhezereeogujvkuz9qtp114huyu126k+p49hclpslgqim16bkzhyv9ahyqy+wq8axo8bjid+ebe2h/w1hdk8anyt9kh3nwrr/2f65t4hueptxgzhsuxfhaih9elqfd91qjaixztctt1zlzpijvmdqzmpdgoaylmxewqhm3gdthh1mqzgqxxfuu6ixuewj30+m70zs5c1yghelysrxzfna8cvgufyuwsq48ps4eveb3qjjahlmj3m0o9x7vertno1kbvnqnv8zp47nxxfhlbbjpgh6sdtd7fp/p4xv117y+ppmnetw5rr2dg1vhvnflc93/xzkej9knoabb06fzwgvyduqpmsxmsawoxh8fppf6khnv3nxu7bhfesxqpixsjbplvg4p1oo9g0qshcvyahzwksqswhy4u2u6oxh32cj6bflnv7lrhv769nr72viebcqoksgtzbnezpsxw6pk3xjb/warez84or7nvypayf5jrra/htlakviuvfrwunbeb2cofhu2flw/pef1qf08ct2tn9gv6kmrvgx0sc/cc1efo0nwsgkh4hkgiomz1e5uy40d4inx8rrbzjh9d0az/wzlbmrzdhjlyw0kzw5kb2jqcje2osawig9iago8paovvhlwzsavrm9uderlc2nyaxb0b3ikl0fzy2vudca5ntikl0nhcehlawdodca2mzkkl0rlc2nlbnqglti2oqovrmxhz3mgnaovrm9udejcb3ggwyatndkzic0xotqgmtizosa5ntjdci9gb250tmftzsavwe1zquzfizjcq2fsawjyas1cb2xkci9jdgfsawnbbmdszsawci9tdgvtviawci9nyxhxawr0acaxmzewci9ysgvpz2h0idq3ngovrm9udezpbguyide3ncawifikpj4kzw5kb2jqcje3mcawig9iagpbidi0nia1mdcgnta3iduwnya1mdcgnta3iduwnya1mdcgmzq3idq5nsazntugntazidiynia1mjkgndk0idi0nia2nzygntm3idy1osazotkgntm3idq4oca0ntkgnjm3idmxmiazmtigntm3xqplbmrvymokmtcxidagb2jqcjw8ci9mzw5ndgggmtc1idagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keafdkstqhdauhvd5iizbxwa0cwurypqbf71q2wfq5dginyaywfj2/u9moouupvdlusqnmtvwz7uboszew2qairifna00t5dgshz0hpzic2khe2+w1szyepghufnmsgpt+kmwpzay+0djhmmih57s1nejr70fs2fwz/nwdwzssnpx/ptgclequvxsuo92l61/bueswspd1rbxis4rvp1lfc6eje6eivx6jdnzmn1rkltutkjuqippp0qqs/9crxgt6ppbapfxjapu9lcjsiigg1zdsg6hajqz7qd7pfvwaxqotvuztlcg1czpbwwiplygcrdrhpmtlfhoacv8aqxwmrwhaitzvhrzmfddivmyso5zcwygg3fnraeauwjdqwgi3fljoaat+jaawzfitruyuamk7zmkwrled6yyvacbcqlqdmegfqbexf9ekl87/x735zsxepcs6r9kj8ypnzi6/2z+8twg8qp2drpuzw5kc3ryzwftcmvuzg9iagoxnzigmcbvymoknzkycmvuzg9iagoxnzmgmcbvymoknza0cmvuzg9iagoxnzqgmcbvymokpdwkl0xlbmd0acaxnzygmcbsci9mzw5ndggxide4mzg0ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4aewbcxxtvdrwz7k3+540a5m2sdoks9qke+lce+lgsym0tmewklrsgqbwocioijnuu0vx30zwdxsvncxgydrr1hf3lffh1mezzhs17iva9nvofziwl3e++ead+b7v93vbpvnfs5/7poc859xzu0ijiwqymfckymnj/qpkmc2emp0gm5ecvs4t+ds8gbcqiet6xfkbe0++5f26ewmrfu+imuxe1ruw115toymqg4eqb/okzf1lp3rxn68qutgn5ctwqit2btlbcg+fcoakk9edsfou5rwi74bwutwnlulf99nz2yqugzdqk/vpgna8xd0h4auq9pzsf/kyc6a98x6ez4owf2dnsghjy9/ccwhogyud4ij8sh8nkreb6cvoulyro3gqvgkfkisyijzo4b4p4yicacgnkuijnqjgnk1eqlkimsgjkw8jzoxkvlni51xylvk12uh2kifi78gz5bxyovwrpni+eyt8lbxppipfqfnyaqeumpms9n/n2c+ljxmt/yj000bi+lhxo2n3jx8f/euoi7ksqjzjydjm3dq+8uo4ssvh4mmvynteijy1cm9cbz/qkffjxc2uniyxstb3ibsww/pevm1s59j2h9zdafldbskzzapzsm4km8jz5bzys3ibuzbcrh4fujghri8ml5at5fjygdlklidxkcvjverqcg25llxhric3kbtbjzerbwr7io2ft8hvnwiqs7mv3enujvccbyo3kzvixeq3el4hth8vur/imabd90hmzeqwil0t8rfc95l7ye74jzjheio7yg6wgyatoth5lowld5a4ercsuq/g92/jw2dhr8gyj4lxlcyz/q9zyv7hyqhybhmspev+t56gkfesey48t14gl5j/jewjivpyds+rp5cxyawdjh8kr5lxyj/iifi2+tm5tp4co+7dn6s/djnegdxvjxk9a7n+ro5czhgocevbpg9che+q98qadkldh8krmndfuo58r8bhilnvgtfc14t2zna7aex2u6hnzo+degywqq0z29whor8p7mssw65vsfjjfsg7dhpnappp+ae6esfhk9t3fsjddmh0idp8ctsmnmp1pdyh8wdfpcveiz42yytjkzadmv29rplaefm4hf6n/f3udnpu66lu3jxoe0zlr0cdzaqsjh/q9i9qfq3dyjkdm50my7c0nyb8flzdh6bpxg9es3xa3p24fjerpki+ih+tl8xpt8in4e8+j19a+cui+qrch8pnd2n/hpm1+zp8q74lx8cc35pr40lhx7ouutigniauuo7yzgzyajkwpvajlviz+dqfvviv1vat1ve9nudmd1pueyngn6rmlppmu4r1mggknyo/tfe7tavo8jtpnj26qzdm0mk0x0skb1j8njp6e+wsyknhrfk39uam1sly5tacuh4+gzrew3bdsetoks2nfrctd+eicfdcwohioqfp0clebfpn9xrhujrndltpntu2s3vgs/p0psag+rppqm3n1oqqyoop5wwl4vb+xnban+nlcnvnroneq1ypfxkzvmjzloq1+pr6pnfax1qs8du357owrx8i+o+l6it6ikrph3mihlauh5j+kfoanmt/lfpanmjetmrwvjpq/dxpo88tfb7b54nter3dcl2lwdfjiy6i123itsqgbrqq8hqhhkfrvqlbe6v9nszo0+krhhr7gvlz6lbave+rx6bkzypdkjvcqueqmu0bgkbznvs84libk4dhfdwyzqo8v7f/abs9o7uxwen19ohxpf6skyqrj8rfujwro9bncrfnoo/rouvibrk4l6hz6lvav6a7yvddosg+cwjowqgxgm3xnurznh6xgwkxrfn8dy3roa861jpnogealfonps/qlwq67xv5ehp9xex/ikbmn3xjwck7xqk1rwl/8ppa36chch9el+vlxxgblizadhnhn4y9zlezrorwscfk9bgur5mplghl2zxmmsje5wpnnvoa+xj/p6+wrzcv9utngwxfp39u4od0t5qp9c1esokxf9mqrwhuehrjurqjqgnccp0jztyof4qhf38f3mrkpoao7mjynxa1++pq2xablfgbv3z2i0uwtjfqro+sviwjutfwi5sfidi4xazdosjq8nv0p0ikxw8pl3icu4pjcelh/yha68eogcah7qxlo+4+51iyn8s93u5vvogb9fx4upf1mcv5dngcw9ac/iabxvjwbz/kncwmtx2v+xwebs7j9zbrqysnct58ddwqyijkmmgswlft6azokswgrsrysksf1amb3l/fdiwbuls+2emfws3+/imuofegobtrxusfjnaj6wsfsj3/smuym3uox9o4rog4dv6gugiihuzu9vp95jguesqaliiyozvzpetncxdtgwrflip7fkoyfe2ekgn3dpuw+xp8miae9m5mhkzr0b6tnb7wjnndoruto6trbyfmn4jpuejt7epobrh6ginnqdguzkxieloyngg2/yi5jznsgvl4wjuhwoo+rixeazmijcmltprfpmvuapo1crylr6nf5zf4mob64+obfw8nc8lqqgpfikqybko+lqvdvs7uarcloo83oteypk2klbz21exnge+pg/brizqgbxpr57zub2hf6rmoqzvgua6+r65nobpsuh/0eckisrylzzesi4cfwe1zikaq8zsffajzlkzkxagxvcroirihmscokivxdummyxwcxekwthdjeuahzph9bzga/hcjzykzz1k9k4b6etjkilywjfzrkpxvkcjnqxmmnewtvfmw1uxvvjowx8viazfexullvrootvjqthx80lcfd/wudllu4qq9mdombprzfk98flyr2/u8c6thc1niaci87qgycoua1d8d8k1n0gfr06obl/szfpaithu2m1uw9mbcsfyiwvqisqhbmagbcjsjzdhwhejlwdzgqlh8zghen/dee4ks0e6vrecejyfkmn2vyhasuxpgdyv7hky+ijawiwtu5b+qqql9i53dgooeidqgdpfdkvwdpv/ig6qlfr6wgiqs6yshjr5uxewgmcvajuocy0rrorojhn0w71drvvflccqep3atdkgf8cfvaawwmxddfyyyqnugqbp6fdholykcob1iamf9gb8lofms6+9ynr1xmsd3brhg1mmxktkkr7x+ln5w/lhedtg+kcncujfcz6jyhqcwvs7uxan65/1d8fg7fbuyb0j+5of52olabizxpggdm/qm/tgioj+yn6f4caxwjb4aumh/vgdqs6gdinqcj5nwflywpwrpjdw8n1eqnjkldo0nwnotpi5w0md3nzqo8uupq5ajhvospfftepoqiug0tmetr1r2cd9hbkmvx8j1kdrrt996ej6en1wen6fht0zehtgmpmmsci8chcksoeavurszjpplztjfrogrzqqufrcx1xcljqffho4t40rkymv44qj0joecgfpdstdld30/m28czeq2eks6c6u06le5uxqk3p2u9rd79k1tvrlsvkleieolcnlwwz0vsn5gxgsqe5yrlcuuaqa5gkopsxxhpppqvjtb0vddfu69iu6atnkgrzqtkhu3zadbmgtdu1u1eq1u57sluuqko06v29w/en2q36zs2fyplj+ryz9abw5i9vgheo3ub3q7gczxfaq75ilbh7mn4adctvvheciw/t5utz7odmrpxyyluwkbtgdkc+wsqibof8ce5vxir01tgw0ehkllhxs0dacwwln/x62gskdhb9ahektmzwwgozkloummy4s5hbsjgpvoejnkwjt/soh8v69p79721vllsymntpwml6h0sn2ozvlt24zixviem9ualreetsqnqnla4xoybjle65zbvrj1dkrun2dkczhnroarptdv4wv6agfvxlhmrtwl3mypwh6eyqx62kiifwmmmdhgop6gu7pi3bwcxpnisfeqjum1a0elqq/rhkayvvrafgjihpge9hxxghku2o4suxfzeiojsi5rcspb2pegdljgsjcgw6akindymfiectz776gslcn5vbmbumnjwbexhqgotk/xr5dweyq9cvr0b36+l7taqvnjpadcssj6ovlprvxksq30zxz9igxgdvaezevelsqrlq5duj12qg2dqrqwqcauvnuzugct4+9lbprmklpychw2y+xs20frmzkl38ddd7s4+/h7u/s0zq562guqa36ys8nis3znzfsea/brmmxwvuknqjidlygros2igs1xuigmhhh8grrz6docjkecqvaljmirciaih/zpnqpqpt8zmmxlrh+ouwsgqkhjo1knoc4nseapsq1sw9l3fvfc61zxvp109by8uf4vtwamclrh4ehrwab1nbiy9myv75nxf/32+q6hexucgkljwq5dlzmbow39xctovxtnpdlm8/llxagbwm11m0dh0/ntxwzvz92f37b9dhihzrtwfepyht8miutnzcrzg3bym6vxhfr6c5wriawhigc7sfquotmgfcgkd3azc7jdgrodu9kozfo43fqawdqjwxejwfxkyk2thee6yqyocilak4k1nhxwpaggb9hybcwgxcf+dxumbzbtybynblj8vqsfniqolq1p5lltkem8rtjaxjg6boskbnd6uwz8xcfsx9jdrkobj5gonafmxyhvvz69jvcsk5nyvtwyhtbrnte4qpkziydqgs3trtb5a4u43rjnvc2xzrydrzkoztk1qsw5obzwppdmjwufozvbs5uua+qwqqwaqvrjumhk0j5+voqq+ufsnouchlp+hji5x8aa6fcpio5jt7bauoo7feiq9svpb0yqtgxh5gpexqyg7t9b4rgxki45uie0jat6mxsvukf7tqpxx/vona3ag65859q2sq89bzv7+n/r7vxm3nzpyf1zy9hw7+xbj+246bvowlm3fr13+v3rp7vsvg3+sxefudt81h3iwnkmh+pfbz+yqsj4l8nefueu2mu3ykxjz2ecwbpbsovqrmdbwdiweiyi4qojz8oigp6huzj34p20r5ctssmzbc0zn7rfmw6mlk7xju1xozts8vuzy5lcmpbj0hw3ojkozdl4kkrohdlp6bkotdqry3wsr6aph+vp518jxusgoxghmawtjm7n302yskhlngsudeberj+3uvtcu0k/l6el8ffhbavgs2ewlism5capxxaezqd8powtgzyq0z7rl8hrm9wzneasksfji48ffnqawazs7abalnysngmqaezqqmdqeuhtjih2skgv8pvm8coztm/vol7rdqv7txvppq3gwiektgpugmoe/f/j3ogzkg13yhqvjry9zclfpylrlvbtejyrlxicd9biorjy/nrzmdc/x1i+ze709scutn2we/0jxqxpbbvlzhyb1ea1tovqwnhq1cqr+/k+7ps6t8wxvba0j+twgeryg256vz2/zxxzrlwtmww5tblmv4zllxqwutptfokpozelfrxhyiz2thhksphdzx4/kihsazilxu6ahf1v3rj9xb+xkcb3nqakflvzqvcilugou9i+tarawaxnk2fmhtgbk+j0bszgtus6xmtwzlsfc2sjy+z9v+tidm3mxzkbmulnzct9ynlayo1w0f8njyeliy+bnz9remmmdob0d45dpukr8psl0jqzdq3n2uugtsge+86yw1/skcgusy/tly1sydftd9c/fegzmvcz06/wqyqslv4t9sxd2fhkrofbn/ucxymvj80p1gwuzy+93jc9qh056lav5szz8c4nalvbqxm6vdsr9nelyeqeutwcksxbpk7ickp0uuklwmxoezt2gswiaksgtfvqtulnjmc+ahbwbvbqojyv/2od4jhm+p3jx2gr1tbh9fmaua1pbhhl+edu9px0t7zd3xjtguvberklf1+xqhvjtvpuo0tzrgxjweh0omwu01cswlhc5sliqmzjjdmgpsvmlvor6f+t+hstawgunlosdmpjnux6jhj4dcirgac3vebtgqseslfvu1jsvhlxrj4wljhemea8ff5khufme1zcnikn9jpeypbwm9slfrluzkluasutkwxazdshrsedecjhajpsxxgdqcczez3sdlsjpr0ykl8vxdhkr4pbg+barhk+ppe0hb3bkyw9oo+itxlbh0h5f7dtcajlfn7jtukw4hp7+ctqnfum2kno783jhh3hwdu7rw5ps4feqvhwneshrzy3rm79rjoqak6/+6sb7cslvudnlyqyhnzw9fgor6j3wkakluvu8jqsbqtez7czqzc+tgn9i+c31q3evnbz0obmqz1hsmuq8wn0i3qwoaavaus7peks3cpwitucfkff3ptmpyld0ild9vvyqszx35+mht/+jgzcipk5xllyhhrz6cbk7ewypayruju10lwdoci9tirfcnmrnhr6fs2ywtmlzwzvhbiung193qj+y0lyyqo8hwl6rywq1vstolpc1ris5/r2ccpde3awhqg3hqxi2thr3jwm/tk+/rrfe92zdazwjan94pajayocolm+daf00kqgial6lvsvvvfaxswgqjq2wu68u1ajwrkbvcxtyhhno+wbxxunogxr/qhbvb5kw/f/xx5xwodezouhfhl1t27mlkj/lhh7ygyofgzhusmsm1/osqpzlzrj9utavl6akvnc2nspxs2vchxrjmz15aq5mbm6b/tghahosl6dwjqtooflspxgwjyhllsmh+u+g/tviufx/h8k07jqnsyizcknm841cbleiwnr0jfymirqxwo5aiowlhvkob7cwg606qtpndtco9ndcfwrau5pzgyrge0bijuajnbpjpyw0fbq3dshe2h3ha4v6g0arnrhjy014img2nypep7dru0qxplcoejzrkiwcp/4wvvgfvax4tloovnnbvanrkfrqoncpcyjnmvsn9rw0tbvx7twwq7c2ujeiklc83knqhmoac3ikpiyajwzo2bxbgj6zhwzsvq2uyu/l81nktvsu3wp2anpqy8ri0+yvyusmpmrmvn0eovb5swwyy12iy7vz3bnelzepkfhtjnt/epuuskwqsrxop0embq1vtnelx/nfsvs2vzk4pqfp+5dvuy0btjccxexw3nhne6pcfleog+u83kqgi4eltpqxb4gxygbn9iw/x9vgvmpn/ymhgjho5rwexzxiwquw2c0iys8c3oxqk2+clmr9ztmjfup8bcov52ktivm9mmaf4wnvnpk46eqs8dhlmvumungvhakujda7dpm0kfd5wnzntvtsdpjpfcq8ptklp1whh7rbwmrk+vys6aorw1sxeefjevkvwjeq7nwuxdziwr9sn5lllrqaifhhxi3mxha9qmlnm1r0tgk21hdp5p9ed+uxksnfkzrxbngktmpflilhtlub45dnep6oqs2txnf24ddjslfesjol0+u1hnu68t29uovv1rotusmkzpmlky11xmdydkn89kdzypb4l7d5bk87/0kgxucr9pkcrmcmmshx2jta+jcv6axyirqekvaeyy+n1ov5/awoi86p8wnnqa1ggei22wttpy6wqn2t8d/mioccgctaje8brm6fyli1dxazphn3p8tyxrjrv+xxfm6nu2dy1ng2ykec8fzbapzdvartm7z5yuoq7igv9ytl9xxh0sxvpkbv2knyq+pkglqrwfeabpoun0br0nnz8ortvh12yvgq07kk7uqonxsczvwyut1vin9gp7a5ndjejlwnfyqzvxaczhe5zcprrlhxqqx7zxlupx4smyjjjueg0gd/ra+ymnz63zz3orzsw2yhkdfhanqoagvwdmrywy141navohniztx2mnzuuaemedmzc92ztv1ffl7aaqzbhypp7hnedjddl7a/fhy/xuhxpy8abazfbk5wr7ildcontzw6lwdk+g0k5frrgczfuipcfrjjzlwdsytjzks0n3qlt0s1t/tsqsqsepszfbserweyjkwa4gs8jjtaqmxfcc5zroaofnq6ewyxu/mduxkw2wdj8ynshlhvt+dnarmv6zmuk879nork6ajegv06qddfugnuv1xrvuhnvfixx7rhd1ef8ydl+amq4q0kypjvwhg+kmp6lk2momga+pcjt0al0tt+hb3lnwncr79warccdfqpa+ptlqeyjit2vvqia2wiy5yn4atb6u1gjklp0gcfg1xksajyklkiwg+ijlvbepsioztwd2jx4o9qece6ice/3e1aoafjplhwwxbya90p1ga5d96tens8pixqtfdc+q8cxbx+hx64kwzd54raksl6rvsjlfovjpawutbx0cth1or6mfllb6kj3dszjrdf3avlrry7ohp4vbjye6ji+/a0jjtdsrqrfnn3nnz5sclsp1ja0hxmd05npxwokk+8akzopdzw7b00ohitlkncgb1qsu6fbk1nuzbv8h5bfrqi6hkgzegvezqztzvzfh4qgy89mejpfhgkicvk+tagesudlvagb9/ew9eglpgygktoptnydebqfpqinpg5ckxakwodhtebwsfp1dmtjfgtsa9fb7anyi9j5vmqdvhncva+gfqy/ruxxp6e9mjnzuktrx2fiorl8hjnptdfls6xcjwcj4qu+uuo2ukhawecpxps7y0o4xt6dtuktxbs9ybsf3xihke+ja6sthpv/jmqm3pwkuwgnmddrdvp9gtkfiu1mbld6+wo1pk4lup/h44u6qhjhzhgk6sryvbqqykygqqfkb5e9mofqg1zn20t9gpv6tiie4joh5/x1cxjdwmrdu8dk7ca5xs4ffuogf4s2hokl4/cekaoc22ykkdhomn7z5jlqelcemuhnct4ezhjw56d448j+fhhqwgczgnaa074d3n8b2dxun5f2flobesrf3qmoxg63506ihdjz29emkhvabiohgatvs9zqxm4dafrp8tmlpyankr5jeg4nbxiyuxfo76xacly65dwmifobtmwjqmmmpkq9jyutukw57pg/b7lj80rv3unumtynok+90avzjd5ryz7x6fvxj+pubajvt2nhyjhg2b7sls2rns102noe0eueynqiaqnpc02jxagoeefrszogozhmcswqgb1zkf4ualmmazzjodmaincf+d4nwn++hcukwudofeyxx8wssspmqutvkwp5fys2deneoeo8cjbem02shu8ah7b2uczj3urjntc8mjfqbwy+joly2oanqd4mtsspcnw46llzhoykegtdwamqe9+c93ztlasdche194mksx3zgjxp44u09sjswj1utkppkt6ty/d8z58zpr1vvumpry3mbqfc5cpq28qyrn17hy+odwbkffaqpmtmp5uz3wyeoozeflsyatx5xmaa5zegbzwsuxfkdxnldrslo1m57zf83y0hrxushszihtcqfbmrquz8lvlnbjrvnunl9z4syahvrwbr1uv0dudqq7vfzdsidtkde5ywbv8vypol5r2r4m1rbm2acdkzrhbcxepk/mclm8rovbknnroxxztkdlwqownasadykcuh3ia4hzj+7okkhi/kockljhpxo0kgh1hibeys3dlyg7dmbpst2cd44qed4lji8edr6au182gcpfi0xwpotnz3bskfrnsiw9zqrrrcanugiwgwbpaeblf6zpylf++rbrmolmsdg2pmgge+lqrttpzcvppge1wtf2vpwri2mtjr0gkfmyph4z6qx62ajabuokqt1yfy5udprxgmxjk7mxhfqeuq649p3kxvn9usoc5qkhmlk4j+dnjgs24urvvyzkzhu9j61nftbho3bmxkpes8xrarmvlv7aszbhoc2e7klsil3aq9wbcsmhwokicxi2d/5dgrns46fg0lhehxlewd6qyhcnhrwzm5x44tty8buizjy22zgnpw6epesw0dxymuik6ex/o81mzipw0cdnjdyntc4c8bhk8k0knbmzcevlr1vo37emevxccipshcrwfktkqe+rr1xul5kulg+pxjsb5oaz9mvkenaxmmdkfi2blbedwklvx3nhadv6m01vcgrs2etxm8tml22futbakqpjy+kksn2a1gb6ddnybxkucnew2ogojyf3dzwmtlyyjtpgjuwdg7njtqsntfrqpgpv0o96kcyhz3fjzbbjpu4zkgsbzz5oiwvmfosunhpoho3idejtucena3v9wua/ecb3nav0umycekgcf1h+urmizuxwqci+ofd2wpc9ryllzz4jphcpzzwlwpn4au0ap6dpjb62wnhhe09ndp1csj0t6pemfo/xgps8xg8z8p+vv6chxrq5pq90wm4yibfluasw6au/ja4frbdyrp1owcqshfslb7m2ql4lyyv+qdn5tte3cfgd+b1+rf/5vlhtilfemkqhkn6reek1mc2/s7ziharf2ghcsdr5r4ig/5xml7sss0fajxly1x5nvogczb1ozuylsqv3jpzvqcvzwn9hpnzzzbvip9tzbxivsddibcqtpa+exxday/cnffgg7xpcvr6o3yuxsjnp7tjbrpevlt+uyfr8o9yq0qi2qf6udmk4zc3as3vb9e2gveog4xbxdtlg++fs+ma4ho7uam+qfbcjd9fp8duepikk/4nbcp9aau/8shdbz7smxmb9/+qvi9eszk87dtx7h5bhjr/nvo2lp7nj3dex9cdg61h6huarxjeilzdtcwx9hvgu8qniy8rhmhme8sfgfob4h3eu8r7ixctfex9dhimlk6etf8xqxxdvxnjmehk4btmszv05lhygvi14c/em4hbmeqndf0k8jngn8srij4idifcqlyp+ghgj8slibeze84jnem8insfmn8acv0c8hxgs8qtiaojxxgoi3yeertycdt6m+c1g7kfsqzyeebarrzya2ivyg9in2iwiiyzjrilqybsxm+yqhtd9ipsq9yj2io6juqohy92i32c5uxb3iu5a3i64dxerfr8fctnio2ib4iber7hqgxe3yphredchrkvcg7gay12fubjxbejyxfbezyhlseotwpwsxmwiicsvebdhgqsrfydor5yh+cxifzfncejlxmrmxdmisxgbegchzkrsrgxanifyjzgdmyhyh1ilwim4dtgaodwwwgqdoavxmmi1yhxijmrkxareiyjligwipyglimwifkqfyhfiiaixsqaxhzep0rnzleppuhenioyiiogurcdidqid0y6yjzifaepmrlqizibaem2i6ygmrcoiavgpqenmqwiiwkqnyiqiglgfqeruxowvch9teowimkqpogrrjchcfcikegfecjgpyemeebmiheq2igsrqphjtirosybcf7oxgz4rs1ucvbjpqcaxm8uzjkhdubborcrcgbajbagrwoitmlgffiw0iywia0kp0cg0ca1cjvahlfinaihhsblcipageashoagigo4jxhcjio8r3ygoib5ffip4wmywfixeef0si79afi74dpep4hpex4ipecoidxefin5hhew8h3gx2/t7zopzx+nfeedivpgy9k+iv8ssuyd0dujwzfopot/hra2atxfvid6mwrsh8ldm2gr4a/enxoty9wuiv7gyp2jlbxgvif7gyv6a5v5cvih4afe84jnes1jugaz6actvsfnpiz7e9p6iweugzwewwopy0gpy699hzy8ihke8jpgtyj9ih+ihrppbrdqovt+ave9f7ehsxoz2iwkiyww2itijub+rvg9xl2ih4h7e3teluhv6m5hlguauxj0xsxue7ohzzgfuj1lma26lweyabo1zbmatmovmzlids2zdlddh2q8x540yugfzxo+4dgtci7gmzmmhoq/g4lchrkrcgv26hhnuxzyxis6nwtqg3bbmeqniysrqznwnab+kmxsaf8xmcwaxxsy9gati5hma82pm+ydzmo2xmpmxmovcysdk/utf6p5y1+w+rjnlfgzkdycpgjyinuuogqydref2gtwpch/ivsa7qo4burvknyb3gdwjcgfi7sc3gdwkcgvizsdbqbapvrhvalke5dqqa0guabka5cqqk0gualkczktyhfsyketbtobcahkn58rswepss2mmnt/widbgjgyqrkgchhhanio4bxeyyjvifeikrdwikmzglvuikhbteowimkqpogrrjcikgt7jtbbrgdahjagdqo/qibqxsegcahbqhaqhrcgq8piwwvymzad+bdic8ihibydvgxwf6/0z5g2qt0debdke8gbin8akr4o8bviwyg9b9opsa3ki5cbq/k9b4nqzanpjzmjmwgzuzhmi9yjteyoiekqd6meaqkduimoqu/gwlqgzigvxjjbbizadg613inorsxgzeg2imyhwxaxec6izmr3rhghencayef7soafhrqqj0hauhborinag7hgpnorvubhgwiji9ydfgrwd+rbs/a3i1ybfgxwj8gxi52c5z0a+bxkx5o8gfwm5avjxkl+avamwfb7kozbnqz4berrk9ybpgtwj8gtiazdhqeigd4bv94lsadknsgvkrthcm1dhzyfwxowhmpqkximoj+wizyilicwixyh+rb9iewihohexadefmq/rg+hgnicyi4gguhbhrah1ni/iqwqruygcrdyicxfa+neomqgfqoqqihgeh6a43yhwk1hnhgqm5d3q6ksgfwq5cpikymsgfwb5cerfkbdaww+cnm/73efxifcvacj9i+bnkxn3bi6c07wpcvaotrh1pqpnrzt49syn4mxnozyd2iq7q3lj5mwdgyosjeanngpd8/rigtvwr9trqeb05sfi1+crws8gefng1+dswxwdvw0ehaj57yo7bw8m8uxllglwslxt5sgtg5wz0jkyspus2juo1jwta14twbtjtusypmqnv3vkdx1pdeu8a6iwpn0nb7l2rcnmbmk5x9dyu5vigs+agjx8ac2nrgz2nbo5pfnkyisn01vwkyfbla0mnrhzsepeyplq0siyhusjs0kli/2hvsiiug9k4y7eyilqvmj8hfmipahuyamqf26okxlz0rxpdhve5uzoimwozyrmgvi2ugtk5o7wyixqc6rlr3okvzlodzvfgvkyn7yajenwn5c+of2tdim6l20gjrtio5z2sro/4prexz3jppruc1ivs+x18mhhh8ptumyx3bhtidwlf7xmwltzxa0ynxu5aqngfml42cghxpunnp4y/xb9tj0/w79i/7f+xc/zqac7dy/oxtqjffxs3sldqtper2mxvehqhqqb9fq3nqzlq8pawu1slx+zlgraufgtom3maqrvznys0vdbnvtqbhkaplanqzhbbqkfk8ev3lisep56kpy/uqhak0dlu6nf3ctvhyj2z0aubh3u6gwgw+py8tmtuwx7/ci9korvzj9cx7yo7cl4z61587uhkb20hx0ldkxn7j8mxfd5w7aqtlrwafpnd4y/+ea0up7w6gz2lqji9ti7jpclj7hw7edateuca4pwabjwlcssg4q/erq+4xoqptgvgszwtw8/+8msqnyolhqeshbyuhytq3uqllia1f6zbf+hrnl/iff5/99t2hfbf4v/fwrtcarlbmrzdhjlyw0kzw5kb2jqcje3nsawig9iagoznjmkzw5kb2jqcje3niawig9iagoxmdixmgplbmrvymokmtu0idagb2jqidw8ci9uexblic9yt2jqzwn0ci9tdwj0exblic9gb3jtci9gb3jtvhlwzsaxci9qvevylkzpbgvoyw1licgul25lc3rlzc5wzgypci9qvevyllbhz2vodw1izxigmqovufrfwc5jbmzvrgljdcaxnzcgmcbsiaovtwf0cml4ifsxljawmdawmdawidaumdawmdawmdagmc4wmdawmdawmcaxljawmdawmdawidaumdawmdawmdagmc4wmdawmdawmf0kl0jcb3ggwzaumdawmdawmdagmc4wmdawmdawmcazmjyumdawmdawmdagmzyzljawmdawmdawxqovumvzb3vyy2vzidw8ci9qcm9ju2v0ifsgl1beriavvgv4dcbdci9db2xvclnwywnlidw8ci9dczegmtc4idagugovq3myide3osawifikpj4vrm9udca8pcavrjeumsaxodagmcbspj4kpj4kl0xlbmd0acaxodegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4aa2cy7bltngg53wkonbivhxteqbjknnojqppvlpnlkcd95k1pefbg7x+vr9wjbkv52jftizu2qxcovcoyw/s83x8y/h1ng7rzp8z/zf+9/2vbvz86+jsv79+hr91+20zv/vr/3ju8an3+z7+8+/jfxj3ybt5ntrt0ggwr/ntcygopsb08msy3w1avxpq3g1zl9brvnebwxwl2+cx5ea2nyyfx2wzlxl93m57ipviv3l53tqkt293bghry9s++ck7unr4c2ersn7uzg+zqdunnyndzw6fscg2/i+g+zp//jrm+f1hbbmnt69ovro+ffx++mrrfimp+r/zhn1u//r8y7ifw5ab3tqzsts6qmihzidqvma39jqlou4ynlzvamymyot4jnherszhxmutazakjrfeygzdmmnldagtyr47sh5/rwxzsra+yq6ssnxxb7dmsloysn3eh2dmibf6edo58ep3oogj83tzfi95oqvwef428/tgojmhef4w82dnb+yzpo8yj5mgdtqn7k+jhduzh83k1zjin//5awtvk1pn47fzzs9hdts4412ffhm++2930w7/9gx88ltvxk8/jf/1yujbtfrrlatjp/lnyipp+4z0o7l+pckklopetrgef9srq588lq1vz0/d0yufozyy/yos6gnzt3kdfy6msdhvhrkmlujltivgbu+3m8qs622erx/w2xqibd+py8qg6wk/gsnqgih77o7o7odna4rt0y1iyfm2z52e7l1pxtek3j+maes3tcatgn576ooqs0f16ioquwtv6rhucs7xooq2ffshglqlzszrswnribtibpqyfmybffascfrle38jqovsg2pj+zj6bduhbdv7ibtrnrtodjidixoocqqmctoh04gohmwwlai/b1ne+xmwrrqbg2da2frolli7shp/qmg0khkipvsxmojymvkdawub3hitpjdei9gixfaqwjrrt6lfqdbvn0ele5u30r4v9ud8w667/op1nta5uqiefh6jrj5ss/6sfbin/rzxn6zndfkfgpevxpo5fboyritfjesrili/ey9cykovfc9qlts2lsmrzzkovxjlwqjgs7tts7tso5otjlxkx8b1ly4qcbgydk/xrdndfpq9poztunkiyph1us3roig0zdnwcju9yv9mbvqxckot3f+gf8fsjjfgov5dz5xv2risarc8la4tho00dzb8pcgjbvjemx8ney/7pufuigtdksdaudlwjsevh8pxdfstp8pxca5dd5vjo+qssgoria3kbpq8/lbiy1wyc3kbckdct1wolvkcxgmbjpxjdjv2gmm8kuhee3zu/duwlhg9xlmfzhmsgpc9hopcsu8qgvhxriqazhpff3afuujczloxxovgllsri8v4nc4vjfs4t8tpudsorlbqdg9s8qd3fi0tnmcr5m9wuxf1osod8xxr6msmoat732ge3mb5ebj5biae1vbd5pg9cltja8pjojeews+rojgfbisah8dfyyfqzrrisv7q0gcudole71vbjdbvqygvq76vh0iqh1zxzfo5to6lycruihr+k9+wjtoqow1dwz1ukk0eamw1mpgiu1lq+kuekkoywq2h5lqohtz+pdrqkecgw6qh1kcpvkrfiw9d1hgckrtkdtttm21jgnvzfkl5kvrs+6kk2qdrsbstt4+holjkqghslvqu2r0ljd9koqjkvxc2kuy+vxxdodqwwnnevbl9/1vevdllnzclq39to+fe+/sk5wdrthhi0tuudecushkkctsxvn7qhoizcyspvk6kj39qywoprgtj4jwfjsshfwjcjhfegkkpmeyebsc+niuy5x45sgwjwq8qqkpkcog2uuob5zb4+hd8tu0dzvh/4tpgs1xfvt6ov6qffsj6mq+nsrv1ayrmcv+uqqqqm6/8v9bqbmritpv0kwtbe+vfbtttn7m7vpskgx67yuwynkkdw9njayvaed4eukkbhlnwtvkzfxvyn5nffleh5ddkslqum3sub8dccyzqwgg5ity50hj0c8dcq1fyodwx1vhzztdkhr8wwlxjlno6uuwx0kquej0b26xqugjyb+wmg/yugebstvlahkusuan47lvjjtuvnde0kitsaxxdz6wu0bklw1c0fnkldnk15pfrlvwu7ennjn8dq2eh1ncz2tl29juqrdjyyyxnvzzryhtayhwebzbpsxfvmq8t30pzdbvcmuy3fjzyuziv/t1objhdc24gyh5hldwguueofq1nqhodqje5xaqs8co/5dycrhu5xxd/v9dcezs2xmi4c6nwznomqsvdao5rh6vyodiqigbnkxsowbqj5gbagj4g06lirsxxqxnvzxxm6+cutmvbh2danxlcluxzxoqlmkm978cffuu7uhth0gngxo8sepdsiujhosgirvxslbxmg9tqq2erpvzkhb90rvxjppicjb2ckwurkqxr+afjy9bcpu9ogfpe0xvpotzyxzmybhqkx2c6gqoczjk2msx5ngotlx1a1kopwbsydq1qlt2f1zj+dazfyt6ybhzz9mf0civso0vjkz2zttoeapnbq2axfpqla8lasljg+e3so1hxfvxh53uo1jud9m07v4dvsvezmnuciowaot31wjw+c1rbwnqou4f0tiuaqqmq29hkx28ir3mnmfngoqjzktnmglmhaxoilise78yjglgpyrdaiej5kv4jc6poczjhaga/zgsosxip3gdnozvqlmorxvair4sqoh3rkbmh434ay5rigrywkzmtmsc8qkq1zaqaan+isis2pyej4alnszbkpw7n+a11mah3jvfxdi3gw1nl2uwfuimwz3+q4jkh1cgf4ev0lvpiapypsfeigpo0fkudqzopdje3y7rymfew2rozwetqrfxobxwd1vr2vzjjoo6hh5h5sdqn57vanntujbwya6lrs+dohsent8jdw/cmi23kg85inj8nrut+s8+2adaj/lamtnjp9u/azkup80k8upp0gffqhuv2wa0r00lqagidgc+0fxosgf4pap021z3hlazn5fanhqtktcy9gd/lbj58fcbhbskz13kd96a1yyz1talsxdey5vr64ps99ashj+n1dtfz4otoqk0u6hx2ciibyrpfbi6mravikktzot52c4tbh6qbryfkhcqmp8kg+pfc0h2hcyon6vlykjp4pmemvh6zn+cdf4c8tttapdfkpbljt5ubmrrgobim32+6peggcwaurigacwtczlzqbirbl2wstecmme1iszz5ceopprmjuuwnr+ltd8kmjofvf3+ycrrov01lm4mxqc/xff5bmokj33llfdojkvd4+tml2tqwrkcn0jkuprabbglwu2jui9ewenri0+uso0hrmzh4nphmzpaxxkcoy728cxeshcwjiqiz3txhvilpe6h4mha2vvwb6rhhearhqv5waputhasysc0yhsqmrza386ybshkyu6sujc/mv8wovi99zd8fmdsu06qkkytqscghe+bqqsgc7lxf87jviq2y7xkfobusmgcu+hqmzwsga0dymmomcb9aadc2df2mtc6zcli8c7gjvu0wsqykyek/4skax4uzkbjktdtrxpz8b/+qozjwmvne6ou7sqfoty6zs05qbtz8bc1qbxglrywfbbddnwibhik/uujydtgfrllbhla4s+sjj2efe8fq0yzanmdmobbenghsdfqlcdhqea/i6bjikyjenynwopwnqxlrqdveyq+40b4r9idsrh5qtcdnvpogcbbwcfvycwvblyyj1xmnazeoniptllw5vj6fg2/j9byrpdmibizrft+jrhguqi3ahjdtv7hhbwr6wovwp5kg4hsb6bklklvx44uh1tuyxg1duiti0wybrytrrnhiarekdjetmhrs/mswyhd2r3lkzrgyfgejcjjqwpwmeblwwmmyohetiefglmksoyjcpjnplnn/jrw7fbceo/pjo4hxauibsrqb6mbyvbxq124co8rvlue0qumvg89vlkq22vomaqgmopwldwangvcqgnvpyjq74og4uwltgsngyg4wiyqnlzzyoj57az6cyq8hj/pqq0lyrhqkngubhx3nrrcps7sz57qvstau9uk0kxv01wfyt4jmcjvmzqyy62q+zteca+agxaqogdldnitiglbi+nsghscmwemu1lw3zxrafpkdelxxokglmct7givz2q4ng9k7orxexafyihuykdof4r/saywbyuek9xiosjajaiyqqbfbopew1+iitumpmjg9zgnyrnlpol3kjakksusmfqnxvxpd4+nisbbem+xbpavirv5alkr7k+trr/yo6qtobvdbnnxkl+fcwjdzdoxrwwd78rgtpa2ijvc5d+fxrcew1cztec7kjcgwgnq3kiotacf+utdak2mhlg8iq/gli6gdc2e0mzgxavsooi12zwbmes3jxtizhspjdknhkr4wbdtkbrmvjtcg5/4cu8bnsyflhj2mscg+7squj5atbw+o6sjegcku+rqv3+h1yoesgvxjnkb2nbzcuswwu7htcafysy7ktioippvkbxw2cj1l+eaoohyuxllsknpfdcimbfdlzf7sdlk3yjsuwnlivdzmsthdpodgntn7kinifb2facsuhy9tqwittq6j5iosthqbiaoiwvovljbmqstd0kps4o3lohqwph6hzc2r2pgi9+q/jzafn4intxq4zy3rraigxilfkrhnj/zieci/un1mnx8wtgp24laqsyyuz0bsdwblj8mahds2fo6essog3kghjoxciwdcjbivtjtavd3jkgygnkkzxpevppt5lo3ofbjmq7zk0jtk0uc39rjfvho2kpzyle5hjpmubtlloju5scps3ndb7kxc8ot0razj7ffb6l6vtuatshslgip/pp4prkfcmtqxxgfksoqt7ahrftmouoluoaifczvzrle0pwyhpmyn8fk2a9ibpwiq+xgn65mwxdlltwqotzrng0jpely++dszc7rqiftnceuxs6erkvnltd19nxbwp3s79odw/fch4xjfwwn8qogb7hmtlzzj0rzd/z1i7e7sskko1y/sygjb4xth37zioimeuqezmbxkujk1zqnde+dyu9dygnpjyelhwqrd8m98vmnalx+h29uby6cescnefl2qxi+uwwfto3emhr9ryq+hkr1ssgyabouv66m9vautlu3hpkglxoanxalkcrmi1zcllwod9mm62e8jmqfvy3yygold103wpuw/rnebp6ehgg4yh/s7id5uz/pomvwvbuu/grb+u4uykfwjsutavlm0phind/uvcyr0rkka8fxls3pa+v2klwrsyd5ng0apeub5pydbbw5uhh6oybtcudqnuundm2i4318/cxvrzvjdn0o5dk8ysn8qrzywxb+we49xxpvcyqio1th2h4xgqzuqfzi9ispyucdotjrvt4tde0l9sqt+cdzwrp3fyy1ohfhoyekydoqcexo5faw1rxaxu6hiz4m6qbhxpfzuk6gaucfuofhk2u3ghcqaolomdpy2bhwjfd1kady1ufhkr1c+7u604hvkkxxneximod5pghonsufjqhpydusvtle3r5wmfa3ogsol6wmgkhxs+fr6lv4pvqmk1up8xpvvlddcf2kquhjou1p+kp8miofynupci/lnbyuk/klfbqypfaq1qouty6yxv/rskszb2a/y6umlryedniyekoi3dsql6wl82uk6jjf7rdpxy78dpwjq+nl8svfr4cgexiui/hi/poytavgdh80efxkcoahtmxwcmjaytbt6v+ftqdml4ayr7u5fqjfwigg4bhliahwr5c+hykriudq6jjsylsxyristgdlwjre7dxauqkwzqrjgaulmtdpnwje65iqaeub3unsdxfiaukuq0p8oj42ih6qgrxsb2khnjacwdiazojwpyfe2omt/mpwlpaftpp0aawha224b1+qgy8tjpidrldpcd9ezuayxpuxirywuhjnwsqhsexd2kywg2g7nffparr2ditjwrmha6rkwtb2h4cwemzj1viuq+bj8ujdjjjzfqchxuobkknb+mlfp1o1madwoneaabae4apvzemhaxiwn7fzqctjqhpmzhdomwrdjgxuzxttbs0lvp5jcovbozdwycrxfyq/mmhvgamxzqxm63jgvycaowfeskacgbxrtqoajnjw+xaqhjbwhk85fjqfoubs/5uoarmkzddshm486vrfxkgorwk1wzh5akhbjhwx2gpimluquntjf5mbqgkgncsrintjrimta074smyiqpzzgibdqztjmdbto4hnim9xy66tvkz1wy3mocbqkgtewmxibhr7iv7zgxyq8ozxskccxni9vzqsomlojrkmx6srmhjq2nf3ykihghklyncqggw9gu4z65qrs6lahxtktqlx+vhfjxs6xxi4hxlivihrlbhmlj9m3ho4uzkzcfsdmzdiqemz1nbvrbsw+uaaagk9autco8rwpzyop70esloulu2wk1qk/b4rkgpzffcairrmgwslzyommondaock4nvzw0zpgzpp9qlau7yamc8+apha+cianovp1stmksaage7bdfjkfnaobgron9ap4jc4mnmqkzncg46hpfcw62fvyuolgmvgf8uafr7fwta+fhgbfhuk1ofb+nlkkh/em3wiww/aptumnqaepk0meyudw3ioizyuapcbjdmzhnx+dnbmuvlmj6szak87slear7me+rfc6ee0n/hhmuq4otkfbp49mngnoaix+w8tskcicyrzpwh5xgismndzli923wcy/gzbsieinhsba/qxgmdgwkamrreijcvqjgwcd0hcojrn7el7svtlpowzhc+zgwxf/uz/mga1xoraskoqjo1cqqb8wzmziv+7fzguueoqdyh3fe5o4nrq2lwuokek1056fza57rygdfoz+sezgpgy28+tvkgtjpj4ohaua80muo2a8ianx4zx2iuvfpexbxodywiegjyf7meqahl6bp5d2kcpu33hfn3at4rugjbgsozsjygexwvwgiwcaafgqeqqfzpwmwj8qa3wohklebllxgavgmbpptm6ukcsuaxdkqyrc46tiupxekeudk78nrsl6ku8l6dynevabhkvoqoxilmv85ch2ydeoepzn92w7pigwhscyjuakjmtxxnhfbudig9nsug/1forgrtqtcmgrfojjegmnpbxdktilzq0liknxvdsosm8uxbsxni5nel/su+nv6zeipozvnkiuiiov+swx6ltljgkorxkbfis2pg+xz1e7xmbincbhlfnzyrlymu+pvkdlfoegwstmba77barvszr0ysuzx9vsjzh/arppm2jfraeobaiwi7oc4kxpvasf3cs3izwp7vcaql2zpwdvesqno+onujgyv+ud0kkl0w2ujp0ihgabw6pkhi0u5u4qlwkw8efetekt0u30wfropsflfqkbeiohwd6v7elglyxulsrsprnvd0wo7wkjwlon2jz4nmhahg400md2kdmonujibnwkd9ph+gozshf2aoczhxfulfpjsgtf+eo73kq3imnqtcnlfrkqlate/cclo2oj5l2whyr62qje2wivcqbpc1t5ugwiocfwks0unijazj9mywyfd3emnul+ivgyckitw+udhbmudtpkdsdcj3svdyvscdpsge2dy/yejg7fkliwqsce1xxxcu1c/c2hzjuqps5m5tocpmvafgrr6lyk7oipqq6hvd5yyeifj77qefydmw23t+kmm0+cj1oqazw+5nhfekcpgis+nr/kcpbhbfin5r/yo9j5/bvr9n9iwrwwcbaqq9prk7alfrslghn6szdzemdpxw78hfspxs5fvtfnhvoxwoqzwf5og7nlocn0stxv7gsqloldrgj2ymuuanzzym/pm6utsyvll9hphjlsqgigsv1blrffvadiw+pamwiiml7phjwibtaeknslth0bx5aauralkvixvo9x66zaii9/tsb72s4k+g7llakgode6m6vww9lfcoilz2gqvnkiukcii3cfii8ogkqhbqnnbt6s3b/5iym2fym2//tdhu1vl/k97rca6wnns3+3ynk9nnmrf4a7fikvmcr+ciiub7lladcjh9v6ibzkmpy0ffygzx9yosfhbqioeljypxz44zt//90ph/70h9/evrt//vnijturrtpqnzh5h4zteyt/p/l9pqo650qv9ij5uxvy0yfiqfybhqlatspi/jgl0pjz4u1eodeglu7xpocz/bed7lpbh8tmqtphqqk7fzlh4u1nrxmbokyo3mj7bnyrues8fs1gahf+rlbwpvnnesj+pyf5uf2zhnd+rr9ordrozl3mqlubgzi3ckqlagonlbn3hakctt/3bbojqexiq/btwf4m113fzle8x7etktpyhdyv7pvi249+tcdkx06k0vln79s6o6ezgodz8uh30lyxix+pzenhqpq8/irruwn7uc0c8sonqqdes1p++tp8pr34ks1ib23hrdadtftik60qcpsitn+oyfum0l/+d7thaghlbmrzdhjlyw0kzw5kb2jqcje3nyawig9iago8paovqxv0ag9yichnawnoywvskqovq3jlyxrpb25eyxrlicheojiwmdgxmtexmdexodawwikkl0nyzwf0b3igke9tbmlhcmfmzmxlifbyb2zlc3npb25hbca1ljegymv0ysa0kqovtw9krgf0zsaordoymda4mtexndiyndiwmfopci9qcm9kdwnlciaotwfjie9tifggmtauns41iff1yxj0eibqrezdb250zxh0kqovvgl0bgugkgzpz3mpcj4+cmvuzg9iagoxnzggmcbvymokwy9jq0ncyxnlzcaxodigmcbsxqplbmrvymokmtc5idagb2jqclsvsundqmfzzwqgmtgzidagul0kzw5kb2jqcje4mcawig9iago8paovvhlwzsavrm9udaovu3vidhlwzsavvhj1zvr5cgukl0jhc2vgb250ic9ctfnuv1ujmkjdywxpynjplujvbgqkl0zvbnrezxnjcmlwdg9yide4ncawifikl1dpzhrocyaxodugmcbsci9gaxjzdenoyxigmzmkl0xhc3rdagfyiduyci9ub1vuawnvzgugmtg2idagugo+pgplbmrvymokmtgxidagb2jqcjy0odakzw5kb2jqcje4miawig9iago8paovtgvuz3roide4nyawifikl04gmwovqwx0zxjuyxrlic9ezxzpy2vsr0ikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbhzrnsbrhgmf/s40esqbrlwjf0mekvcyluglt9stttmxvtalinx13nrxnp5ndluuihoiydywuvkshie7houonokqemxwjoknfeaveirb/o5o7y1s+mdo/ez7/+3y9wwbvj1koy0u0ymrou8nemhz6dezb/bpvqeyuxcndczosiqgfqzxp9wv1lrrpwwqusdb7nnyrdpkqudqqd2qdpix5podjki/kntw1zyqbe6k02se3uepjtvit8tzsimddnbaeavs1u5mzhjdxijviluujk2m+iot22rtj76u97rlt1ldfydc5c9q48v1a2x5g04ukbcwdhtwddtdvbpu1wm4rypfqxfy96c9h2fxkyxxq9smp0rhr+laqfa8dnt8afl4vlx7clpv+3meo1vhumgpu0deymoulenqb7gb85br9i4oeffulsma5jmwb+q8anz8c+x8c2x8diwpgqbwry2w3upliiuccdoacadfmtus1zl0/onxwaixwzxtndvrksjtf5wmu8irbfokmtfkfztlf23ipcnt4ke/2f7kkvo7frmylu12cjzry1qe06oomn5dvz8yepni9r/czt2c4yowame8bcjhyyrbipbepidty4/gtzmzxvccfk/oqpocvb2vm334udsjbrqu9oznrl5pd3ns+mzhem5kswdmtnfhf/mytjgxefdtcdsz/m2dtkwcyhqubezbvnjqk0ysyguharq4zekwqtfqlx9bqwspkx5uweuvdfhw9wogefx/pers4w8y/hvgccw3lcjr+tv+il+sl+l3983xtob7imxppmsara18zv2aw1ci4qy0yvqwpig+w2g56lwrpneiv9osv9y3h6jl2fg3zo8kc4mp8ndslcgvqxdjjya5l90wyxtfh51vl9q/puft89klnjdeyunhmkfp8nlwna/+zq2dssqvw5i2qljxroe5vd6p9aovack09prarbwox346qa+udw5yviqus22x1kfzgy5reyklxzovg38ivhv+lxmel1zq0+q9nulmmaqnfedw2cieu/8nfswmn3mvuzhn0cmvhbqplbmrvymokmtgzidagb2jqcjw8ci9mzw5ndgggmtg4idagugovtiaxci9bbhrlcm5hdgugl0rldmljzudyyxkkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbhvjpsbrrhp7nnhkeiegfeih3cgmvkaysonp2dvmvbvuv0qiyz9+6o7mz05vzncwtbf2iphupomn07nchm5eiwkxl1ycpiag8dej7zezqkirvetvf+/39ft97rg2dpu87kufuc0ovk6wnbk5ni4mfkuud1e5yphx46wjxjlhruzk/u9fwz9lyst7htxb79j21lwvgieottrcq+igrzgafmz8ozyczwb2wr9g+atxydqwa8coiaw+autdt0zx0pbitkvpmoigqr2i7sa77+bngvou1iyp+xi9m1o69s+qq0uzutpdeobwprkqzz19u9mw1fkcn45xiqxop8q7v3ytmxxgrkxbkbli1zlmfak6ddeb1gltduppj+pyqpt7jykijtemymr2ffqb2ksvsepaf6pgyyg/ngxth/1trw5paj2e/zid51q0f9heuu+b7hd014m4ursxx2oofxi0bq/dui2imc03e09c5c6si7zhugzj3rjmmczf3lqotn4a7yr9zqmyksv37ruol7nscd9pjo9gboqtcobxjcrev2rtqpalyfh2lsekopd7ohlxgd6iywby5idznkpce1rebz6nsgvz6jvfgt+o58cx4zwwyz4b+rhbxe3z/6emvdde2pjz5jxrcoa69nrtvyvzxzqvd/8cyhi/zjzmmwdohwvhr2hbkd5rmtlamkmr/bt6x+pitvdzv7u24rrlmud4sbcw6s1rukdtqpynkrbwr2ab2cjlelfocufnrujl4d9giem35tvey64b++vz6+9ryhm3kqckoe82zrgausvuj5n142/1mkrgfodq+572kwsn+suuqp4u5wiryffx0vldwxg9ndn4btn5cp6xn9uh9pak9rz/rr+ijeb4mdenpwnnrh6nj8lbpieisoiqdm9rovgona+ip8fk0w2sr/q9agf1mzw5kc3ryzwftcmvuzg9iagoxodqgmcbvymokpdwkl1r5cgugl0zvbnrezxnjcmlwdg9yci9bc2nlbnqgotuyci9dyxbizwlnahqgnjm5ci9ezxnjzw50ic0ynjkkl0zsywdzidqkl0zvbnrcqm94ifsgltq5myatmtk0ideymzkgotuyxqovrm9ude5hbwugl0jmu1rxvsmyqknhbglicmktqm9szaovsxrhbgljqw5nbgugmaovu3rlbvygmaovtwf4v2lkdgggmtmxmaovwehlawdodca0nzykl0zvbnrgawxlmiaxodkgmcbscj4+cmvuzg9iagoxodugmcbvymokwyayndygnta3iduwnya1mdcgnta3iduwnya1mdcgmzq3idq4oca0ntkgmji2idyznya1mzcgndk0idm1nsa1mzcgnju5iduwmyazotkgndk1xqplbmrvymokmtg2idagb2jqcjw8ci9mzw5ndgggmtkwidagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keafdkstqwzaqrff6ci3brbbs5wnguficxvrb3x6aly2dojafrcz8972jpcl0ccfhm3c8o1f2bj4bz6pm3sokw4pysm4emqdl0cr7olsn8kiaq+on0pkeoy8ymntljjq2bphkvqkpsw9y5hgw+fbkpp4e+ewtgarwnexd17fnj+3f+28ayuwprf1lqwpkvxt+trtjzsm6agzini4rup4yphdpeh3bkv9b0poh2xeaqufojcql6up0qgu58y+u76+ofrilfnldsztahmprfqwwzcwlxjuqauamgyae3djugbuea8y9efjql/aahjrabzjaasfe94w9kkwqa9t4hjc8yzracmnjs0aitay2bicekddzylowovxfdjqeussiiviicqksw7hglrkxheupdby4r9+l4avjfd9xoi8hybvpharf8qkso/tt8zpnakk/s5ymsmvuzhn0cmvhbqplbmrvymokmtg3idagb2jqcjc5mgplbmrvymokmtg4idagb2jqcjcwnaplbmrvymokmtg5idagb2jqcjw8ci9mzw5ndgggmtkxidagugovtgvuz3romsaxnjgwmaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahlmwlcxnxz8m+5d/z9yfzmgifhzocbgxbcerhhcwriqmaijcfa9hhjkiterkoxruvruo9wy61lftxdzhgyvk1grdvowlo1bo1twjwkxr1gge8595mbxpq+x7/3bb/v+/3eyz753/oc9t7p2e6zgvbcijpsizzjw7q2r59crg6d5ibi1dkng1zet4ol4po7qqrfrohfufbnj2oejkr2khbl4spznq/ifulhzyqyjiq4wlyt71v28bm/vigq/1ziu7ikfnrbzvce/woiz6xau+h89q2y2yemzzdoc9yt7zud0vhhsa7kj4g1fef3a3zxl0k4cmkuc/vwlt/c8dbxeo6askd/yhm/8am/3w/hcwkxp4oowh97ayimfadtiikoizekeamxk0qiaqhhdjckj1pioyjyiiekugmpyya/i5dxg9hv7hujuyt8jaytpwq/+tx5lxmffe5vpjdcsp4gfyenygfkw6hsts3usbpimf77hp+xdc3r8k9cc62etjya+gd8wykpwoa60zq3qmgq8u5pjhimrr+vg79hpdr+kkxndgjea/cclhasjk6c4qohp2gihiw5y9m1wnnj+v3jo8d3nhep/wsadjlzywayhvxatpklymxkx9azlidxkj+cls6g6yvjvwq7uzpcq64l15hryq3krnituzncqm4lt5hbyr1gxzvjxwrhli6f74k/m8vyfnmpuz88sb4g/olcs+4jd5bfqvghsp7d5fhqoqbdj4dmbvjz0n4p6viqh8kjzcf8hckiizbdzdf4dmpxujq8sfasx0iu7anvhoa+/svyopjxsfdsu6koaelh/zglpn+ahclpkgfjc+q35hnogs+qf2gkverejv+vmgcms2elhcg/i7+hvnau/ig8sl4jfyrvknfin8gx8mfodr/9q/zrkoinspn2lnw7koqv5anioqolytmy5i0o413yvljcusj7gdloferlypfvyqrcme/dlhrontgpzhu3g9/ufe3m/letwsxdahxmm0fa5o+af5ln2pxtmw88cmlhwk5xszmr/6ntxor5cu19eniwwzb7ojwpgixrz6ycxyct/ojop4jo0acmfthlbwzdzr/xsnw6b51mw7+sv4mwydz9xbtdw6dzj1n5ofiqeygvcazt/wx50tssl7m5s2k8d4t7a8ifwozwevia8uprex+s9yav34vfj5kpysfks/hzjpku5pppyrcq/go0jyh0cxyeqf2+5mvynfk7+yacag9+r8zoc51+zwlgydj4mfbkocqt8amrks2loriqptky0xrusvvuq7vur/xuajozy9stmcz/ijnknrwnfmtjoinubpolldpoenxavjlmu2gqtappdcrophnjghg3zacewd6lmnm+mtevukcdpbc0wtspbojppw3qifzn0yjatetpgwhyivwa4xkiyxnzizt0lo5ethbbv2eoo31e29w5s1tbmmc1nc5sqk+rrzkhvfdnr6wol5twwlicdotmzho9ge70vjvjanbr1sqlqi6tsniokpx6d0ovk+ztduu87sbgxbz294gi7zrfb9gfqoyz04rdlf8frj2ruocuk76xuscuwmrkanbvksrchfe92xu+xod2remctk643l7n7nkfr8xrvvfa4hudwgikpueov71tvz0rthtd9eggjaug6nvrcnpoifpv665drsrnismqnvyq4sqc6e4fozlvvlzgmuvlrzii0ljqw7ynvm9zeg5bz32diy2ts9srwrgsskw2lbflcq0oq5vjla6rncehrooayjjev2aze1nfos4w3wezhvj6oahlw0z/omtdf87actwgblweznhx1yf9bmhy87zjcmhy6jg4xunfemi8e/qjapvpmr6yruyxfelyjlvfstofav/8mkdboivwf2lprc1xrgwybalhbw2dgharjy4ieyl+rjdxy2kejmeyqyxmwzxmmnuvgyxb767vjb03rrkfty1x5eaaz8w3jyzxqlwrzht7lyxdxdi3fmhdb3citiqdnwghdi6evpgx60fygpc+rxduyjuzq1tnoojud5vcnwhtueahnvrv7z1ifttwh021ydk7njyrhkyhvnbf6oeyy1gdwvnuts59phdi2eiry7grkbsrltaoskuwnokth+pctikc2utybv1zhavtkrywusb8xe7o5v3ms25doosyvacvckcyc+7te6njieg2w3kpwtxjofgu5i1qubrgw11tcrggsaydzkm1la5o6idxzfbllaw7oqmccpce2kbidissty2onojc4us/azidbwcaevzmtkkcjzbotqnr+q+bhqlzg7jc9cvrtmvggyvcqgxgrlqfbifhbbezbjrbwdzzyo4hn4edaxdek8ic3keoyl60ucjkrqvtvdzd5yy+jmztzm5hthb929zubm5b0cl6o9zlos4iyfw0jauttoaozniaq4u+2oax/crckozniuhjyop3opvi0a4hhbu5fyhv7o4vsfwwgsa5mm9t35xteopgsdbarolu6ho7dk6gob7oxlylqyocmnrf37uqhibbkltp2zc7vbmsfcmo+62olazqbnjmmztqcnng7qkzcdmr2kyeekx7gs59sg91xdhrgeeov9tb0zwsaxgd+1yeckkwy1qmzelclmbkmgcbhzjesu8gzjsykxevynhplbjrh4lar8nskic6qzwdbzoj6grr1wuvggg2veacmifrxcuyey7swjxu28ugf7gak+fnw9rdrckcu2qecjjnwovexhnwu2uyvprpq1evy3q5uyzmlrsme4u5aajxdfmudllo4qbd0dsmrpdzhld0yqkjm+2wy7qrdybeipafnwglh9ybqwcwpjvjpbfum8pblvaxdpaqdhu2mpuwdsfyibciszrcsihbgssbujsievh3hexlwtfgqdh/ngiet3wfu/ys0s7vreuulyfmgt3l4hysu+plfqw7hhlcbaxjq9kwynm5gxlarto7ueoaifqgey67i7kgwr7udvfle13gaqlz2g5dhedsffmbajbdlcjxlhdf5yhfenzbveetvywvasgq3uxahyac4s3vaqowmxddl8csqn2gsbpa5d3nllemyb2iamjtgffl0hiw9nesmlyomec+h6zg1mixkjleh7wepj6y/dg/gjtuafhmujbcw1ssjeoolbm714ddeu9hdoib92y2a8rfutlutjiwjkkc+6bjk66h7yvcc/25oyrva7wiemhiof3hdggvhxasuao8zsjt8hr+txhi5oh5uiy0ktmk4ydr0jvhcbscvrc7rk6rk38cghxx0rfg+znso4vecad1okrdxbkr+dzju7x8kq6dvi+98/az8he4osx4mabfhn111dd2rlesohp0nd+pgtomoph0nfwuk7nta1yxz1tswfhqxruxed3pok7ufzwuvvgfbskcdylru8wxmoxf/g4oxz+www1oq2jpl1k/x5qaqfdwqslat6fl39zqlslmkkouml6qkptkatyhtbpsx1lzfm5kn00fthycx56s6k59jtv9e5ak7tud3ptlnvuzss1ansdvku7mtdfn5dunn2v1wqnoyu1yyhvgnsq7sw/stispvawyepkchlawz6wcponthpbxge1g4wsdudbuozlki3lxc3ploivrbccrstatnryk7ycta+/e+3u1tnxrldmje+/vvopehqubqalt89lyyaehicdrilbqpnzrf/wohwzph/xtydchrcwyniww5oc59v4riszp6/iw66ale4unrswfawbes6gwfu8sbk+lv45ttmvntemuu+puuqlkpxwvojcr9exarxzfth/prleckdw+hmmqhj/k7ksbu6vhd6mtyhyvvtv+g9rmgy4nnmuaocg5q5pbqsmbalndtqfeblalej/+ahcb7e5se+/v0tnwg9hpf5gmehkxhph6dqenlwwrdtag9fxvziyqkf0okmvataiztvhaexgc8+nmhpmfhtwcjuf9fjdl6nfdoxaaq+7791ud5qwxzsu6tdmuah24pntobnmxqwcwbww06ssndw8jgewpvwrley/txhzroeuvz9+0ige+58seezm43wowj6rmm3pxri6+48uhfvsgv7mty2hlnumjqu/otqsysjnmbhpg+bohb8pnjpqtw+l0wtvqs6ppbcwln8lpunu9+pnto8zgflvtvm5c0q/bj05jotiemp3sqt/s9elvab3efowkiimbasbukjjtxhzyx0jqe7mwrmxausbarjrqmt5ktz4gnk5vs4cccd3vc6urobuogsvk/gd2mn81dr4dlydogzqwggvb8jf/qznxdswm6kner89tszjbojhhsc7nzgxrygpvlfsypo5tifksntg8if3uqn+mffxxz7mvk0jujkcgo5ckks3c7i3kykj8zulp9czqntc4axnpabtqktxdptz5qgu47pktfy3xtiwtvbnumpnaojjcgqxqu4p94z5/e/vczizb67keluejlwomkujrmolt/amyh9jjkdy/efmuu3gxzshlie8ccdb7dwvjbzoq9fhx5bfq4kgxw2cpkf80vbyxpu3ddxqbvom9dgpmw/ogngvmujiiht+owugr4q9la1zyt3kwxfptqmqgksngq5koswclp2tb1wp7nhurhjk58qg/kx+nfbkbzuedrjtwoii3cdfx+uh5lksxdebesj+3umtuu0s/k6jf0yknbavgs1ukigizsqpujjiopvn+a/r2de5in5vem87r01ptoy0kpv2shj04jug0mp0l2wy0nfluynz0siyghmd044kmvujswfh8yczeeibv7u7pfoe0v/u80e7zyfafkmozyxmytnd/p26n2dpz8gbdrji2zdgpfbyxbab3ti5petzbzxkchyxseua3mvzzuvng0u3zz246k2/65t2bzjl6zurvl20pnkinapnk2bb4xcxqm3pzvu6dpr/epro6ucuqqjpi5qbdzioat9m5jbpxn2euzfdnm5zptl2s15qakexoscwkxbbojysmwrrpqgkcr3okgfz6ipw7e2hfvynmv7wj7ac3gnwe5ayevwjag7rm55dosup9fdzzjchts4rewbyiqrsfxau0jd5r2xpllyprdss9ukl5xy0jprpzbz7dhguw6+ri5r3ilghn1iqulh9rzctkcwxa1fw3lfqxvsuzcmn1pc1bktxjer5pnlnzqmrpsf5mvzkhq64okb+wxjwu1qskepvevxtwvdmx7vq66fhlgqdx0l/eh/zyuv1j/rzlxdpobi/qp5dmmrvnarvthfhgj0vuinbblziylhplaip+ikmuws6nz0nm4rw5t0vyqldc+kukbgnxmlfsk+huloqlmou4g2xpgywouxbbmubx7yzbv0rn0hfgxqe0wxknteec5tecs1vcysb8/qpq+ufbzmwcdj+3uns/urgb7f3wdmxje5t/d+swzyczo01c32izremhw7v4josref0k5/dmzyy966jonlgzrclpr9qoee6i0jyv2fczadf5fvubhzy7f8ekvc/4ht15m4n2jp4k5jr1z0hptcbke9lsllslxmezgiu37n+66yllg2og717sontzxvt2iphlzcqpul06g773ssp16jcniiv7gjijmeufr35s6qv7bluhcbvrq7c/evupua34x7jt+99kh0s0sufddetlgyvu0yjdklktz2jvr6hieqijml2f+yivvwx6fiwsehxnaymf1trsusauuxfb9zehxdkvttrepanxh+v6bq1j0qtsvuevr+vvrhuoasvsbnoflecf5dwbxu1mcazbmiroh9axyj0yzzpepryv+t+lf52f0w+bdortq0bcvwzx3y3jdobfvaqtpsxbnj2b74zfoiopk9wvbvw5q6znc2ptxda1vmlxzrmwdmovcmngzc7y0cmbvzb+ta5ghlfpy5uqjzktkmz/9wh3gdx/e/ka738fmcef9mquzbrohfgutkgngkmabo6xqlvu9z6xvabdgepdprxfaiw1wvsvtjjtsrxsz1x5fizdmjxlymdrdbfqg8tymsdfatmkfvklexf/n+xggsgebr9htbvebecibqnhucqhup7ntu0zxikuztdv4znpqbyly8s9n8x2sd2ijpusbnxv7qulg/msgolco1t7hvbjerhp5jne2ty63vow+pko7dlctqjcwvnyjulplwvosy9wgbxvc9rmvhlpssug2t691wbozul2m+x2lcrdumzsit/ltm8rflqla1qynqlmvd6canwkm+rmm1mx5dalzrucatlcl+gn68rh3nwsevjobka/pwy0aiuyids3yvvernrc+mkqg6wpu9ynydq4qgukiluxp0pnrgr5zbkwbr0gochcsyjdbwxdlnbc3nge/v+oebyfuhue3ftdahubgszi0grd1w00wcqkwu5qdyi7wopsprcxfu0ibkr1qrpvyfkzhujgt7hoakp8olbhctmncplajt2se0ye4eudc/48+nywndntqnoovgapfdz9z6msmcmlwfhupia5ui43z4j22szwvp5z+c56twxcq324okzypyi+mbfjp5bam2arcf02i0pbv7d8snettkrinkb3zyq/fz6kr5ot85ux/tqrnwuskpas1lqsm2rwbfmwbw1ne28/l1mt4cnz5vwvxlfkyrls5dy5lat+uokbviwrgmyvjzfucm3x0q3j2qv73o1w30fyfd73qzlodrebyecybwxabn/eqtzeut5bl8aq1fewtsti3g61ksrtytqxoqvjrtymnxlbch5mg7aa2onjtrdhpk4os8mdcjln8dym6cqiikpxmgoqr+8p5mwgsebc5+n5hc8ee0otyctqarm3ey5izfodxskt8/ylcuosz8sttdvl7rtpoksuys4pslhl18evnkksp6c4rsfdcrevscr15rrbqfqdiqnfj+wvwhwdpv60sqvkptqlkt5gf5zg18l4mvy1/irnvmgueonobhpfa32dix3qn47am28rasth47periknh9nzrwqw9vdhuehdgqdtu7yfuws+m4ctmysb6xin1foa8vjqko/sql15eviveysgergirwnekk0wlilddwl3qotsisjie+lpwlhlykmpthgu9g0w/mtjhg6/yw80qm//q2qagx6oiv74yyy8tte9y4kt4/gonlyflsd2d/yryg0prvtw2ziqj07vn33bzvo9rtubvulk8qqdsumtacpr629wuutz7eycjvd1zy+pj2twbj0lrxlmw3bmmfafsnhwkgc212e1njt0z8kw++++bq2g1cvodylou2qwvau1acpxxtgic5q0jcuu7i9slxaowglrrulwp1e1m2vfcoc5yamvbolpxijwmuwvmvtho/cvzz74aaoeeflga9usolpylwjtg6mt7+wbpterhuw2ckr3vcy9gaqlhij1tz0vg1ukqsfgxmx/+fahe7qd1yh0u3iycqi2reyabfwcvhwr4z8pj9m7g8vp7o4f6sqeagthkppbywhmakuenlrzypo/h5apdcqxeouozjq4+vsindko4xq6dbvi9tzfqjdou7yi1kuly5w+duolnqcp+vnr1vjjttewatepdkukpiw1r/ntk+xoh5josn1bqydu0qts4yjokkmlfqosp8oyqhbaehtzrxaojcp9vlfqa3+kbd/3mvfpnbbuleonpvendxqr9xqnlblczq7o3qybm4onzg6ie7sfflmg3vamdvwyko2asrk/abd8pxw7wjqbuzywu3/0mj6f5eebzeh5eazugdpm01shrdlz/8qacsdeajvtmavwwpm9p0ezllnsajqddoeh4yf8zgzxmzqyg910rhzewgjoqsquwfgfgemihzsxqey1szyky29zlm9rgrq4hy6rjbrzmussjlxcmunoc3rc5pmn63vmzqrv5nhtpkkazzddmmo12jxuw+hcry3vw7ypn3chppkd70lsuqz810lnoo8eu8ykqgaqxhb32gkah+wef7sz272zbe/s2v6b1zn2c/bdjfamc50oxirohj8q8lr6a3q+qsbkunivsql+lcuxvzkkriyj0lckqt0nsiwc0ewsnrvbbobq+id10rkl82ecix/isw1ccltmapoyujnjkz+69ijmzvby2wvhr8ewbhswq9dgboasgnb8+xsz5e341ad7o3gtiw31opfkwd+kzuowymr95hse3zvrj9g1nru6yhouct5guow3rjhr2lgr7k5fpbnfmwcns2qj5rzybdndfn9doghru6ggrtectgmqwnxb4+lrlhamlj9vvndocya9oo/mfcwjzhsdyzefjyyovedssdyrt7hqkbf4upm9jowjyky/rcjvt/w45czvij3nykj0zthz2je3vkyyo03hk4rnloc1lapw+ense8mg2fhz2ag3yqnu7qcyj5xdj0z0vkalangsvlmukqemd6qzotzk3t6jhotu55temvgzoiviiymweeo9f7ce7tifpct3c2nzvpfzmhb54zj/ejygsqeclbwtgpnvnpzzcza4b5b49nqxod4/9tqpz0b9ourv0h9ok9iuf75g9gasgqymlwmwoyxv1iul40dtpxrqzrxaz1fs+opmhpwaldxvrn6yetyos+jlvbx2c9dlbf6ayggj37teyb1fzy0p07pohslie/g91am5pehzbb3pidwzcbisga2m+rsv87mfjd3c1qzegknhoeusiu/hxqi0heqlz5hys6oczk9mqwablnk/d0jcsiieiokyhm2dz1d6uvt0ibgsktomjniljyxaxiehz+xta48dnbnjhrh7uhnggwcybkens8tseppdsmnnewfr/041u+mi5ujthhlu4adgjvgopvxnbzxbghfrx4eblj0wuhno/fij7bwkcmygyqrtrs3vqclievy0lfdkj9vh7hg5evbyztn4kbveu/ox68rpvavvo69sb7xqe+zejpy1kdvptrxpnzbxxjsksfzxbzlutzi/pbjk/emjl9+zhbz1expxfr0ni3rxgydt9chrr9z0ry++8ktiv4cskgdqdx6z4vh6ohvfc/5usrtic3z58rvg3ibedcf3+ve+5qmipfnlkeigc7wmk+x7zlvutpqk9wq7/xxr8j+tmzjm0iyrwy7ua7kge51cxoetju5z+l1om9nmp0jcklcd5eaqtpaqsazilwj7bs38mpnoo99xj8i++ztkzuksavq2ta6r36twkslky1qzak5j0hzv3qwfx9+klbpab/+k8gtaodybafb9vbblddiz8butazefx+bi+2xwk1xs09lecvbix9t3zuola6tza9adswwsjsj5kpdnjcu5ncr9pzlib3wdsckbfix4evefxn2ooc8qnyjoij5bfiwprxefofjdxaneb4j3ee8h/ob4k+j4jeujjfglhv6medesnadkyxhoolhut5hkioadxnuitxbvypi3mprhxoui1xcviv6aoip4bff7xo8qrxavi17crhxgvih4affbrpz5tpkbxhoizxhpia4hnky8hfg14knee1jm44hfofig4gbip2ifiop4dlexsqexg7eleugmrjwfymewymfewqihrxgpib5gdcmeijjzicmdif9ivgcq9ypuq9yl+axihsz+c8tdib2iuxb3in6grd+bub2z34a4fxel4mbetzjvrsqniosr1ygurvydubql3o7zr0jcirhc/brxbwa4hhez4lletxa/rvwo4igcu1yc2ia4gheryiviqsqfic2izyjzezsqgxgdia2i9ygbxhmifss6sfixnojcxfreoyg1ilmrqxgrecsrkxdlecsqsxfleh2ixkqpyjgig7eisrcxanevszdcyzorzyhmi0kidkq7yh6idtexmqcxg9gkaee0i2yhmhcnijmibkq9og5ri6hbzeaiigpefwi6ohjrgshhlevszxb/0xclibjemaiiuygoqoqj8hbbracri8hb+bhzicxejskh8ci8ewsftcud4y5y2qhpj1jlawmodchgajclteeki5wibyijyufyefaebwhggkxyqyiqexbghaghr+gqwoqgouaoeeosu4gqo1kgkcikcb7bisicikatihhegoi7xleiu4hveh9hfc1ws78s74h+icovej8jpkn8ijij+atxmwiu8rhiq8qjxaei9xhvyx1/i1jcqvh6v8txiawgdp0l4s8ryzqivys4frhuquhpeusd4b3e24i3ipz6ul4zstqa3kd8efe6fv0a4lus7a9y2fhek4jfy2g/w3xhec8jxkicrryieahz/ralfh7xg2z8c4hnsb5nipyaankhzpa0vvqutvrxwniticcqjyn+htiioidyj0xvw6kjwprjwprexb7ebqxofykcgmfqw4idieex6ecqdyogeq8hhoyyybqnv4yyzwaeqnwfmbdc6l6ietbg3oh5duaxefm8wd0rswd4osa5g5pswcr3yzi7me5nmpiodn2okw9d3iozbkhchdhphtjvwuw3im5axi9nug5txospr0fchtg3qb7tmpiqxjwioyipe+j+gjf1aa6imbyblo+yuggxruyzajdgtasbp8g4h2pkh2gss4sdkpskvj71e11j6jhn7nsnqh4n8itie+r5qrgqezawye6qr0eeaxkyzbjkizahqx4j8gdi/sd3gdwl8guqe0b+dni3ya6qu1srum8huq3kvpbbqg4guqnkrpabqk4huq7kwuwq1gtargbzdnivsjrehemegzjefelg420dyn3eydrpaoi8rd9ihejcxfreoyg1ilmrlyikiievvo4oq0xdlcjkemwiikqhoiac9ozsfeqeigfhrbgqeoqooy2ad6jug1ajvaglqogqr7tmszjhifbjkfgqj0a+bdkb8gf4708g74c8dfiwyjsgb4d8ebzwoshrii+d/arkimgbkp0gd4llfwyspdvq0lsirjywnqnxzkdsqmxedcjqetvohxkiavgnqejmx1s2i0yirmqfwg07enye1t6gmiuyg5inaew0ijorsxbniebeteqdoh5rh0hhpgedxyhuraoigefeobbjcdvchvdgrvieo6avjif8b/itycmqb8dpfwf5guqrkc9bvgd5hdz3gcinio+b/a3krydhqf4c8meqd8gdh0febhkb5lcgz4p8buq5kgdbnge5bpi0sbtkmfdqxpa9iltbdohcixp4k9r4qstqideajl6fwin2wifyjligwipyguhd9cj6eisr3yhfiiwibygurcfilmr8rajrgqgiamjjxeqowo/irmqhmhe+hbfhqadkinwikukc4becgujwi8i94j0jkhgq98gir4l8aeqoycsgvwf5hcgrkjdbxgil7wo5lpek/oqppp6yblj/1lgtdmnwttdfjvtdfw1vdam3vmxt3sqrtzoaf2wd3vrmvtmfjvtcfwxvcum2mlzwqs2nm0lnd28kqtdrzcbgwvdh4phblwz502dh4llbdym3dh4fhfzewd2dhwz59gvlwuc0ioztg9cociai58gg1tn12qba17chcsc0fnggjbkoguaqjg/qiwoucw1qywduaaepdg1kzdaw1bmdlqqgmuaaybvgz2tcf+ofxhc6t3ft6ow1da3cytlws6sdk0orhlegvgswhzyplwstdswj9qv6qz2b7tdi4e7qoscc0mlhbaguqgfoleg/p9arcg13hnodbaf5w22hoyhzodmgbw00h1qgm0ozao2hpuhg0nxgojpqekrns1lhdyckbd79kdtstqzi1l3j/clcf/kx5jpjfl/zpjo72eh1srcnxzpe6+gdww97qv0a+w77trtul17wmv6ebqlcv3gbkcszcsyjxmngcthebet01+h36hfq+tn6hv0n+gm9zkee7tq9oxtzj/tyc3q9unu6xq9jgt4g6al5dxptqjao5sud2mrthc1/jzyk2kbbg6dn8dvua+zoejt8dg0vnn6shk9ueypouehej8ojjtehpisnlgr/s2ga8aqw8m5qtm3gd4kk/zcc0mthotr9/uaofgjec1g5d2gyxhh2tlnpow1bwhyf/bb/wcloeuqv7mjhmb1he/shejf86fbtjlmmozzc3hnh7747uaarobynxquced3brgkk6fivxj+4fv0g/3o/fiasxg+adypwfkhhe64h4yndeugcp/z9wrelafk/2dmiesgwep16vuogxlaak/0hm/4pudl/iff5/99t2nrgh5j/c2hpigzlbmrzdhjlyw0kzw5kb2jqcje5mcawig9iagozmzckzw5kb2jqcje5msawig9iago5mje1cmvuzg9iagoxntugmcbvymogpdwkl0zvbnqgpdwgl0y0msa2idaguiavrjqyidkgmcbsic9gmjkgmta4idaguiavrji3ide2mcawifigl0yzmcaxmtqgmcbsic9gndygmzmgmcbsic9gmjygmtigmcbsid4+ci9yt2jqzwn0idw8ic9jbtqgmtiwidaguiavsw01ide1ncawifigpj4kl1byb2ntzxqgwyavuergic9uzxh0if0kpj4gzw5kb2jqcje5ncawig9iaia8paovtgvuz3roidyyotkgicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjattzjlum2kvf6iryn8nwkqxbc3a8pvwv7xtwzu2acot2h7j5qfcsxtjeyf2dlf/3ebi4slfm2sy8iengcieagihdqu4c3//l9qg5sl4vj8ozhdxofn4kkpd/ispuh7d9xkadu18r3/dwnu18ey3/lfdnu3e0/hz5cy2dw0r9zk+1lyzjqw3emyifo3k7difv1bv6yjtn5k8cyhq/2v/f3bxmwa9qj1km3ndjkt4g/+vvwrstpvtf8/dzy9idi9dj50zjmqtbdlnc+f+sgbhqrs3/4onbgh3lhgkmvnzbframde0ol8c06g2rqazbvzdz0dzi0xhwm7fnbjvprq2axrgtcypoxpe3epxgqx1noyfuet5u5mrr3gp6hznjtbk07vkvkfegcv3dv+tt1kmarfdnsodx1edspj8wkq5npctxzujb3xnwfdcfocetqceiku3aouynfhrl4uxq6japv3wj8xosuyeqeawbhqjg0nbetpk93zktkkogs1mp2jmwsmf/fbeqvpitxvcywgylyl4twppmygee+p/jkqrlg9khia8n9oopnk6wipx77q97bleeee+lqrv4zegokegi5l0g3nvdchr1cgjhiek1gntqpgc225mtgp+7tuhkc2bstt7gybmg1wgqrgnvy9zprblp9463yvw1m4lufbnu0j86c8q7d7yw1gpwhb5hw2p0thinkw/ibmeoefdage8aznejebhlamc6qbpliz1vho36v8riochak+u4wgaxvsb8cohlmkwzdauh4ngxnifyoncyxxn2mbtl/fvjwexevdde3q4h0vpnebhdllxt2iy1wq22fqglyi4rfcgx2nnsy7031xaw0jlto0w4nmpuigdzuii0qahlkopsopw64wmdlvrxmczyvk2t1cbhqnmbysf4ikhfqhjdgjocrraive7lpjbtnpfwz+vnelzv+ch2arjbnv9/lxyelptli7pg/izcb5ekqzqw6ixedcb3py/inxdw00770dpymcbsov0ndhpj6b7z3nh9sy95wehldj6ttybvntlddugqxpgjwfpoepo04puxgiuofdif0ymfigc3s4l6mewi/y6eaknngdxezewz5hodqws7wudnktjugme6qkicyfv5l+11tbct6z0ujgpflrwjk+xkq7ltxbojmzp/jupxlctkbc2e4zquq/bkzztiosxuqzw+jvm7cx6vkcidklsbhcfvcl0xi2go+l2wxpmpks71k3pxydayaxkzen39xdam9inobjhgcqouacefol/z04cdstzt6cr3yt2yfpzu6cd0/i2wfvgwcqkcgvmbxuuex7a92zvkracxc5s8f3krbfjlz5b7emqm8jij0165v8mz6+rc+or2z1fslh+t6ysxst0wpnzonitpxxhknesfc9jzg6rrd2/izxofc6wstu2zorxwd45n7jsae3yqwqvhxwgmdwxkekywna6njvla/shw4j1bvkvymnet5kp9qfm0f7t+kkemqnum/sk3dgiis92tsdhk6iwrlw5yjuni1u34tjrzy17nrgkah1ulbpkpgio4hgzdjkwul52nzeclfkonml4opsttgmkpi3kanebe3lmk0785zla9dm9hyfphfv3f5399/z2ky+uvo7oyny7fta7qoptya4tw7ljwdstbg3b0+thejxugqq0wxrfovusgfcc7rohpygmj2nofyt8ivi1i9wqr/dgbpk0ch1fnqbzztxhaywvgnk/usycylzby9d+fy7hlahygeusouoedgv+xlqzao5onductevecbcbbozcelei8mle1epiblbkjq0zps42hirvhxc5bngreuppp3e64deyfnu6scvqxn+zdvkaea9cfa6cti3z1mwwtkaue0psoxtl4k0qktj3lbknak0gxnics0q3onyaygmqcobtwmtkdjjz5ktoivc7w4s+2h8e3tog5wn+bxrf6x0u/o9wecfodyfa29klimqbsfritbar5yeg9ffiew2hgcyavla48gb16pf6fknpofcim/0u+di+5avshmr9epdkimbsugat9xubdc8itvdqea5bb/uj7xlvy0avn5xlcxeyy8km4wy5t6ltwxhcmakav+nz3wkgm9qufjcotbwwfusnoydmrz7g/bsisfzpbyuemdjzytrtnozc9b+gr7lbvlyxgbrfyifgujyi+bkw9gwkid61ttsslr0vk5hcz2in+iqal1rcpdvs7r5npzs5uhlmqsb0jibstnzsa1tgvntgarxuoz7nh+4wa6uqttsuianpajhakdab760mjritaunmzhacxbl32/whid+go2elnvc3qs+siv8uqpk8mbagw8xlgae65pirdmnpnvo3obz+osjemsgrohoozbjb5ufjkeacz7q52zhaigrqjvc86i8xsnjcricampddbnnce8ijgqs/rytfpd2wz7w8ionjgsyskgv79dnypejcpo//crdn/cgqa4vktt3udrok9p4wub2o4nlqouzzqmjwsfdllexajgvykfofwhq47hcnkwg8fhy8irsfqsstsbb9uuo1spscnap2ial2h1riudio1iabdgibuoj+9qd5xqntt4fq+xvbrsqlmt42vspybvtegtd+bgyuqyiwxjdrqomgahxfyse0lrethzkdzcvk9qdk3lot/naxjrjta4nf7ycdaifr0q5v5ra8btp0bvbrbzhuqwuu+urbgvwihmvqbjjseuu4ohxdxxhdz2b2ohlupuxbfbizljd0q9xzez78gwfli8lvfeu6btsd8nf2de5+5z6xhsw3r3xpts9k2ptjnymo3onumsz1cx7qfjrdtr3daprds385bti7fwvcl/jar4sq+uastmvnmqalvo3iyqt5srkmebesapfmbbyn556tgup0pqcay4wa1bzqbpbgbscmcwxo/cnhctsodkvkmnlbtsxs1e3gnittr/gqdtx40k8rribtstspkrhamd0/mzg2or3lf8chdeurc6sph+btsiwnifqoxtyywpwkswff5mjg/fhwwak2nlfmcsmfyzcpc4whinp6p0sixt+dwqngecc0g4qne1m7c79p5gav0ywideocyw5ykbov52qwf2crcbknlyaosfi6zqwv0jcpqjcs0wuihkkc7btc3xupyjslf8duihzoapxdozdlkqgzx57waioolllwqxttc1nzwueiotrvubmvxltfwofjvmxagszyuvcsfz8bze5sjveuhaxvuexsilsoaqkju8qg7yfjl7shul0nvkyr2xl/xgs5pur/hylyxbgfnkoenzhtsi7ronw/zjyijugedswq4gzwgkjjk7jtvo5ly9gx1wvawf6igtjzsmzq5bouzy5gfgukb0ueqstohrps9apcp9ig9w3kubfzbbyqct144dxfsxw1inavxuib9ycil7mtihzvyhswd246pqd1zbvn2yt+i79osc4bm/7hk3r3traqenwy+bs2a1nd5d3/pt0vebb+uqzjvuoegulnzjtt+uitdqm2r9gtg6czx9pl6ulkcsopibupz3igcnrmvp2nlqb0qvldvpkum6cj9eluymxpi5qvjm9slvrqgzwp8277r+gtw9hvbdzu1h9+mkfmlu7slcytqyse/1fnjjbzqfeltugbcmfzv2xxgdq5qcsykwtme1lrebqrsuqe/fhoz7vyrsdjvyek4zgc+ibbrahynfvymrhftb9ifbqh0nntfsh9asunc9zpejxq47y4hqtlxu2wene5z8sjmiulanj3obqkx6jo0ymgamlgnnknkvvisjopsdgb6dquxbcox6cqo33amskljjqadkj1mr0itkmzhzp6j4zg+sbzo0gah517lrlzzlocrafauprpnvaqekns9nbszzj+czwxalborco++52ra07pqzvqqlemws9viumpuzkqhum2mmagh6hcstbwve2tkewxucgwhjrmebo58cljp52ld2i7h6r+eg32wnovtiniqwu/jmnftpgkfc/tzngg14mnixbw/aezyxvbqg8xjphwtamqx8yvkimzofrpi8d2lkvtwaxijx/nup7rvkqq9wfricl/afv+e6opf07hpry87wbobs5v7ox7ilcbmts5xjli4gzbdzo2katpohzknsraha99qug9lms/1apus35y+et9askdl3bgbayuinx+ah8tem41w9uoexh35we4ehf6ubu1mecgpme6zx5ruhnzi8f6oaiqivsdlsjsejvyf6pji++exn3//p32zf+dcf3/ieztlo5hesksvqx3y0svmp6s39m/8zo1yppa7nxb6jylgfxztmcbulmdicl4gq6om9b01c9+lklvdnom8m+nw9fg2pl+gbxv6qgjk8wpdb0xvtebia8ajvsfiiric3iu+cmf5h9uywpl4jnhb/glraoa62y/w8tweuav4aakra1xhmrtoxl+oq8emmesmt9xren3f5hpfngnbdccm3lk6kvx6si8vfqhkk+axjrdabsp+cmvaevxz4eo8ewmbyuazpwl4vzua5pxptis08ylh4nwkx6/izwsqznaahyefq5jocwtej8wpytsr4hktljawwdf1uv9/6ht7ef2lkkxcafvmswdna8ohmq2dokqbkkz+9ji1mxt5hixqa6cz5qo3xalhothgey5ewcyydtng2w6yyl1eitge11ykra0jp+prh07zl5yibqcajssga6cu/solxw3kixpnyjpsyy3llv9wz8l9hi+d2rqqatbc9qosadfkclelas1xiknjtnjxj6+veedu0j2i8j+zijdmabnbv6efden7qoaokfgkotwydhjxdwhlz2sfickduqqoz1ymcomx8qptj6ve5ekqw0uiliqxg6ttpcktxqjvmpk1aubjm+4pt1xna4+flc4cgazqxgjij3/wzz/r9q6icieance6uq1gc7rl7asigolaceubqzqy2hq4txkfx+konopkibabqdcbjz73cy704ilwqdfwa/pflfmhvvboix2i4yvccwucdhi9a9nt2hjjh1bfxmfipotsjslyxalg/oun9y1ozg/kjowgsydwwavbw4se45688t+t5bstfjugy5mvoiier8z15qjiqkldpvowffirf94ftxtgg1rcdfqbq7xhgcb7tc/grjxkejwnp9tjjqnfxrclt7/fq6jkemfy2t3uzd32if0ncmmjgtpdooos7j9nvbxkn2idldurdxirlzyetxn7eyi2neihltqpfqnte3v3z7ssskb3bwh7bdvhtsbxsk78eqzbyleryy8q+inqwe9yctqdaipgmq5fhsi6pw9hrzrsdian0h/cgwhx0royuhcl2rzbo7humkm0kdqelar2posojh/cwjwxxsavlrxp66yqkw2lbjtnx4pweyavf1dhz3ujotdevo+a1n10z1yvo5x6e0+ieuf4sa72nitagpdvbocfdzx2ul/f1ijtgum6fyehm8vghoo9hww8ju+cku5yoze4mdhcwcvoig+led8sz7a1dyofddqosc2wtghsztp/5zoukowry8l0dpvirtygvc+reuot3afmpqbba1wruzj1hmjk5mzygpdgflhunnopots07xgd23dfjy8mhkpy0fouq0xpxgvsssi48g9abmhkiuwomrpbfp/wvd0k/h34xblnssc34zk4clfkygjkzjdljzzffihxz1jibu+6d9mqtsgsmgafhh2fey4mumodj3rju3tja4paheutwx6sk8pjmo+6xowdopfmyid0j9/ow7pehubfvjtej4ozut+clrg3o3g8stqsrqkattxsbenlhn94gnb2ozyw2tj7kh7yesyfkpfhl19ia2lgm+njem6m3pajvi3kocl1yhtzf2jnr5g/2fd9xxi6tv5defarv1hwxalu2tq7shlmrmye9e4im67iynxjcd2i5yx46tu1eho4y/ijdnd0spaeyrruh2unereiugz90hbze5j2fb5/q/eghpqopgrosogwglchifdpagwsd6vpc2kdbecxvpxkoowlqb7f43q3th5wedbb60yylycmqjueyn5xzwfa2azeefbjkhao0mteyl0z0tx8xnbcw7rgx2y1th5qflol3x+zfimrymeggqn+xrdk1xzjtney9tkhhchg0g45w37tmcr2/ngnvlhjfe5wtz+ohpedngiep4zmsx4oxhe/8puq8emqouyrnbr4vhxivyym2ow0r3xb0b1tt14+wdh4dh2y4zte4q/esquuk7ijwjrdxwb0rue8kdlu8geua/h3/pz9dd/p8ilqlewt5giqnhd03hxouhkp4pfyrgtjo3te9aon8kaxqtstrmtzydqaiwc+ldglwllbxkj+7x/pk9wzje5gow1ngoqjrb13das8ovfhsd3akggyfx81af1pidejfwgbibxdwzzqyhfocjzfcgvla20jzotfdmj29xackgygibcduhk/q6nioanbgav8ig/jh8croa+ficirf30krx65btcdrmmne1ik8nd1hpk3n2fj3dkzfcrufko7xe4vagmm0zz+xfvktkhtlugskxg3vca5oqphzxnswiwxtolvqezgatdpcuy5mesyfw3ax2k2c2cfysd2vp/2zzf6v92veo20wmey2xtuup9vdwi1haf7k+nfsne5oqdwm9tzvs9nd33zusqnoxwvfkuehywjg5jw/58/qu0kw3qnp4oz1knsdxbeonqcuginh4mvozfxyastgoajppu2fxfkywqhnl+rwfpetnamlhg/eato0ob7hxgqyeneb8dc9mafahhmlcyea2j+hksj5umkbnzu9amcma3xpnfo1g7+lvsbupc7+senkas2vbsevckl0+egz6aiais6fd3x4die8tuwkx7v0gx5o8dgnfg6bdopa5orwjoeyhmqh0pjw+ownstslo3m2opqagbwty0af0g0tbvvc2c5zezwannaxbcqzwzmkljnd7yuyclgiwcawz3ym0lb4olvtu4ytu05il+q4fojkvqm/lwtiie8onopzmfa9lmsdgp9iyjwq2m1cracoru82ws7+4gkuncdkfows/lcj058iqbh1mjmk/ioa/zwaakrliovewwxlsgjbygj4ndimzoxrqzomqpx8vnsor0z/b/klragkgplcws7iv8n8osmg3o4udkcqeoquampkdlg9tlw2odevvvofl5fwp9ocdhemxtuzxesjwzrel0zthp7hyb5ayvhwwgesczd4vxo1f+vvwnhfcb5u6juapmj6pnnnlzta1e5rmntapqgkk1giqhwjjcbvgsi67h6novkzw6izpo+6puke9j8xmigmpaeibltephtsz2mjqal+zxl8bsuugciactjlbs0gszf35/1jy4dbdqcsmaagi9bxtz5ldxbhev2l2yvjgnjks9l/33mfu9inqibsygxtnavohpwhoy/awlowmr7/loei6ykraugmkhwi1zi9psklfwfrkzfi/ak812txovz4bloueyh5g1oeks/ovdstzztuxpti+ktgzwfpx6ic82phirefqbjgrf9+j+htmsueliqihcaqkr6nrtj1urmvksw4mtgux1gglkusp8wyua/5pzawsthogdu5bfjxyitz+iagy7aivuzi4+qtv7kc3flwolutrukfp8csz12evufeqfhl/l5/e//w/u0pp7h0rmxls/erptwhvqszgdtacrgqxmaxpdglgiuhgwd+cyfmhtjumsinmv/xh9haymz30pxlpilqsyfxcufivmzjoopvh64/xur/lakiuwii8e0hqhigxkx1nd0gi5t10qzwqvbtf8aqtdyscrgpg2kown4u9dja8hgaetndey6ebxan/6fvgrbbwlb3uufgsfelcttkkkryjarnjhsnfx5rsaw1frn/dgyw/+btplr89481ohxba1fy7uwbhomvyl3txn8nups/zqj1lmhnlu4mqvwzee5xdekso++jgtl/qjs7sr+kbkqjzzgbibvblx0o8sg670egxcw9gomfhhlxkxcnp0lwxeqpye7zmwgef9pkawkf3pmh/r1mlt391b5qnhbia7ylnuf0txw4qaa7qgxc9xchxzlheqydnngn6o+wavntqu7exb2n1otdp2ijfwbaa6njsl7+gotiy0az7h6296wpn07tvoxyjj8qk3mh8tjdjja+ica+delyvrkgbb5othzsi+ymvtwhkhnkhj85sqaezt/btpqzykxnxzozs9kceakfjgtfhbswecdw7jduo3sayo6w1powh/t4+ojq5ays8y/ykk6/55lxqznd4siqsvv+8b76/whwhnpvzw5kc3ryzwftcmvuzg9iagoxotmgmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzide5ncawifikl1jlc291cmnlcyaxotigmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgmtyxidagugo+piblbmrvymokmtkyidagb2jqidw8ci9gb250idw8ic9gndegniawifigl0y0mia5idaguiavrji5idewocawifigl0yyocaynyawifigl0yynyaxnjagmcbsic9gmjygmtigmcbsic9gmzegmjegmcbsic9gmzagmte0idaguiavrjmzidi0idaguiavrjq2idmzidaguia+pgovuhjvy1nldcbbic9qreygl1rlehqgxqo+piblbmrvymokmtk3idagb2jqidw8ci9mzw5ndgggntg3msagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenqvxemt68arvutxvivc7igmbzti3944rak5vez4dywo1hxaojosnqfqkmct9q93fplzwejwst4xk2uvysod/o+xb/7ruyt6tn8dsiz59pl6kut3hzsnpuvhtauiw+hts/wpzq9n0zxt4ztbfphjn31xleywzxg5cnszfuga9yyl/mykbd02tm8738yrbnxng9v0prvsakz7+v+xp33ahqesy3ugluu5r8l1rw921oeqbr6znesx0yhquqg5zusf8mzkn3ftojofaxubx31lrq3gxrhopixp5hfbs6lokl5woovjed3f9xqxspvkc7wu5dvfut42j93tq9q0xlsm2gnyhu7ywfa8op1e26utsjmkzom+glqts/8ybny8t1gw2a4sq49tg+xx5k8fwv3zkuo3xzeys9ce+egvcs3oems3av+7osymafa4wy2lree721c/j6cs3txlm9tltdlerdeuol75qusybh1tu95u1iyoufbu2ej44w6hahoudeaiurywhn8euhotwbvlb9fbhugtri/iqyzbrtj+rxy7ayfbrj3urgpbka08pahdgrl9xl4p2ezcnmmg7kfqok+6kyeum402pc1fte1fxuwztmbfgql3vbk6wz71nojitlkqiqbvld+8anlaw2r5utitpymk2oj2m25oeltziad7kvdbenckqranre2/hcwjl9roqdpurxpv00mxfzxf+vn8qhf9u/vpjun5crcq8axregzl9fnrfgxjla7gsterv8y5ojjbxkqor5i6xe0h+g4jcjl10ztgbul42pwypiezrgrfbrsh9mwuqi0oxluymoxa429dj4a8c5rk4t7cynjf2dpqkrxgggplqny5bxw+o1lcj1z0avfmepri2runem1o0o9gfsui0r5ymlkhlwridevzevuzo8pl4wpuxfzxzuxkjdoaqb525uebdkupmdfytwqqc+k7i7bq5bdpewhktuk7e8sxd702cvbu2b+dikl1jqp1rf/t6eruj0tjktlevvm+kd9cfl6nhhck/myepfh+np0rumud0tlt/ioety1fjh3uayqz4bk1zgx4dpctlruxw5b3eo83rzpuhhac53l+tvbcgasc+uximd1wrgpemgjr44f8fkfidrwfdhe2wo33qbdd9f11dzazazejzmh0o1yx5td4vgc8t6nagtmoa+hdl4nyrrtgc6fjslshm9fou4duiksmz7voarsgqbb5ecqtjtjc6v6lt315xjnjenhnephukosy/jenon0shnycktshhnuo41gsxskox5podgfr1crefp2ildpdj+zsmatf1thz2eqnupffcvo4bsdchblckrnaffjqxsxxn+r+9ylxtgjl1yokgbhefeqafgvty4qemqrwgnluenbz7oyiknjtwyiixtet7baz7jnz/vi71hjoktdswxxews5pez/ithg+5fycyekoqkdhkd+9zymqimhgviqiflwkatughzxb0aycdohvtlx3ttd2fzu9rnmqx9vycbl8ii1jhutzdj1ljyggfql/gvhdifa1bj0qv/zsuox1a2xztt+imn3uo2n/vsjbmh4eqv7lnjfye3/awydgvvktg4r4ctvsurcizipnhzwx6r41fdd1l8drlveueik+2kh4sbklce8it4ntsylwdmiwdvllnspalgiwxth4ysezrbr1bsplshdd8f1awnqynzyvmfjxykis5lhuxpx+h87khkrvtj8lpeolmw8p+40xamxde1ellbhxmfmexn4p9su3srjtniukmzfwjoyfyit1bgkkuawodd6xe/dzpt+3w+ks7uho4yhm/frbm7rtpntagwnbtqfnsynjsfvrwrhju1ggiooafgoh+v0pjdy2gi64wsiv109kfm5oinlrs9qguvnohcwqaf15tvupi5kpkthqy16ajkjgwucrfgt4eydwzi+afwfbldcmmjs46ppuuiulilidgh0ex75ipwgr+eiosgi9a1r9jlxuwudyuqjl6yfg1umezsugam7wscoi04zyqrgnlmpl61atfdzoptbxcag+mqkg3c+lvngfefq0rf0sbvbo9thtpvdnkx1d5cdmtzagbzxch8ov+0xuhho4doau7zyu29dethao6oxqastdblqvnqiq8psry7dk+cgvy7x2irjvvqqartmdds868us6eqvxnx0by4f0mzitqqgnlv+ngenahquptbdmxwwipmyqjbwvnf8f+39wmbmqzmetasoiv1gom2ivfpijsiuhkwc8llwrovjqk7mngx8jk7+qolgjtouduwngyf5euyzpxelybbbkb7n4ehvjeyd88q+jltb0tdfr0bwxwb8i1xtx7fp9qcta66u9+l762cb0ojn7rr6efeefdn8e3gnwswzbijatdoxg5nuy3t3huorzm+itbancdwuqvriotyuuslwcv3vfjddmqvaki1q3snv8pwha8kagv3kvsffzvogw+cqwrtaeuufkvrfbw/nf0fr2z61n47ctmdxr0euw3con//c0d/hfrwmr18xoza5b6tuouuughblvhxdgx69fv7d/sdh2nfl/dbqfzlmw88lqdpx8imwo+arle8xkq79e0cygczwjgg5t5jde09kebt9t33zs88jb0jb0lgop1elsosakyu5jnz6gkvdmjcfzrmqc5fzrobolvffmemcm6wtwrgl5bykamregbtf2gs0ohvephc/p/ntiinse3t3keyso3k+pl95vsmdraax/wqr1qdy3fczkxxprvflkpyapfx/cso8413dmnudtssdsq9v8+czr4k3nlji1hvmnaoxvqiywr/hnxgyqix5kdxuv1pz730avrehevgcez7uqlopdzicfn5ifosapnd0qkkfl9wxz3aoixaqyh8xdyaqy2pmzswv2t02whtmibswkdndr+ougemgyvehkxxfdm5rckluopib2giqkgc/eb7xxl50r/omgfl0ws0wt9ohhd9skrvpilofg/jzcgpjqg5fml20jteoxw3jc+wpdcswvthv7laz7vg66/310cfy66c6ckhjmt+0rgggpkvfxokmsrcp3uoozpkqlskusfk3nfmgc/vz936wj3ajqc5mi8s3qtvb5lemzgzfx7txek0p85ltshqbh1xad4owfkmuph3qtbavd1ubh+lp8nnq2eog9twukplp/0ebi+pweyxk81o2auxinhwo0zmepg2dpnrazf+tqw/pmzubchztzibmxkxmnd+q8aya/jc2r+ou0vtwuvdc9pjhwrwjgz7rqymqiilixtczhureu54gvvqqpxe4/dzoz82kadsswg9lolarqdrnw7yfpvexgm5yhgcrszlhri7huk3u+qthp9i3nu94esfbdryotxlfqcjyw1z2ofxgedqrwkmtkyxkfxm02tksyuhmvts5texwmqu7mvodlzdovbd5ojka16pt0jft0bkb/mwre/wxy/c9ygd6nr/5axmkc4adwkhrx2pi71q6hwzrm5xrjbkewwvs8flgwnhqfaazewfgba0ejgengxhjby1zkddjvnsti/gz6fdeohxexvfpdihiy3qud7wjl8tdiayujpoortdsyx8lvhm14gr6hiyplawmst68/bglk1tjra7ur26xg3b/iwvuhgtxam6hlzzxbih6opizylkkb2wiie4gx6aq06c/tgv3sst605qo1zznwmsptdxzw5qmtqlbpn1fosv34inmd+nqj1lcwssdojupdpri9f6q5hi/t6lbqjpdn2owd40ayy+jwuh4cj7uvlwjr5duqhwnex086u8sbgknzemwm4ubt8bnxawl1l74hxxtajdcg7jlfck4ulg7wukzbu5+uxzpl4rxildjo+9mywkbsy2u9hd0trhyyqy20qorec8jmhzhjvi9eslopurhpbwh36blyirwggimay9swd2gdbbg6dy+kcfcfuiprjagpxbk8cclsxtbybffxjjo9t5dq1rd6w1nqhlaqhyxqgyi9wiybcb/7fdcezdykezty3qmz8gumdxydngx2i43bpzqysutpktqszubkyq0fdkrhdadiochpajz94vowxlt0n8lwj12kjs9sj222pd+v3xlwvx/mtlpubbfsegunqvnqdurvkjrtu4xrmp4hcux3t8racwd5crv6wvrmq/crfu+4baolvtpomob4cvhhagvskn38geuxt90n154kiabjlyfgqw1esrbpettfy4j85ofi8qoyowao3gggswxmicvp/bsskig6pzvyrxqtcqn2q25jtjwiepxkja8oqzlgjywfewf/yi+/nlaiycsulo24hmcqujfwprw8tspo7rmhbrnosiob5zqgbb/pyqjqjr8cz6cx35+g+qrvsd5fma1idmxtfzl6enyqwsef1hy1cmaqcrddseisjqg3x4s1u7u/ascvn+kcghh19pucjseev6rap11cajseojri/tfjbe8pi0zjzwcxiseko1nztzldij3xka/drdz5fkavnnqonobwwcm9yxndlmsnm9plctyzl8jkf+zprrg1l31hzxylgft/ope/9ysw1j7ybvgihdjpfk8yjpbpuviqz51yboxqy7wdemlcbkkhyzdtgpswj2p/tfjryvthyzcd9qm2yzinpogokqq05trmb7ze6zfui9ili+4p3g9og2htebrhjzxtoai2epf2ujqn42kzeiqgyrytosyo4govzp55bo4iyndzs51opcvpqbrhgbocgtwznijedncdofxzmb2kuseokra/kl3qwpt1cponm/gxe6r5yjwlitjmdubnuux4htv9dfxn4agzzj9kubc+ei8sgawqux9thywgwjg/wiaxhnwv3uwjl324tn/rghv4gax/xggpetjvxuf7th3cerorvxlunod5aeoyhjrb+9nqzj2o8pah+yqr7ywzm/jwgny4ph6zkd+c2dkdjqmt4fpag2qhqojnnakwljaqmla2bznbfjeqguna0r2yxxg3/7qvhyhy0ryegijmbsaqgforg89ufsldqtol8l/srb8oot6dskrn13mnzar+zujg/5mmhc69t5m7f9bs+17+i1n+5hefqboyak2whzogyhqxo2brylvyzrqlzh0ogjxiku5gsm7jxxdjpqv9skoc3emtgy0oexe7qhug9dpikpwgrrlddvod59ivrb8d5cc9e03yxrhr90cnrvbus0zmmtxni6qe84sqx2gy6zma7y9tgow7oeiwaxftgd4f6xn8/g1eryfhktztbzdootzxbi8hbvvkq5ttk7c57gwe9otz/yo194xugzupbchk3hr1hon38f3mhgr1stifvxpfosnmqjpjxqdfrtamarxforeaj9ptmne1jjhsd0gob23n161j6z0bnhkatyejstapl0em+ya06yae60wg1ftakmke6b5gzahvgmiuylfiv89silk+dkjyoinsy6dp8ovhkt6qvwegslgy+pw+8abycc3gp5fbyo4sfvm+iklkucy12r7jwsutz7ekhzc9ukilsijkud8luhp72pk5h7e2remec1p9selzc6smyl+rk0bo6vdnrpc9nxzrmfc3hvnx6xsvtzrbn264z/owy4yjrhroyldzet4vwc1ko0vqff5g22uppftzkzqzf7a03em3ol1fnc0olvbzdlgyl3e2rerqkcrtah5ghhhe75fcmfgdvz18tiq0qhmgshqasyom6v4x7mqhlu05yc6qp3j0rjywe0vqulqnw65q5virt8kgqacjydu5m5wny3yqylz9kkavjwfpnybkslozizkffxd5vnjhc0m7gdmkcrrljwbzisjongcgmkfmwxnle/eacu8ml20zztrradmf1cmajw/i02fkjpj+oluhfpl6dd2gw9jvqe0nzx9rsf4okm2uxgfzjku/q/cuop6ivsfatlc8dw18l/tidin9uff+c5q8vmjhu6vscvjhotgkel3jthbsulzjgdsyt/vteggfptgeyt35ja/po7zyucynaequikmaybsbmgqwyw608yn+yrgwd9kuneakl3y6zpazgnqd68xwcowh4vkiajhjdyj6dmofhhp7jwxvhyfpwwnhpe/f6ul063hfqxmaogu9svaqb/74y7xzohtlng5a29mtzvmipeszej+2sgqnz4ucrzidcru2fyauwjuj0cuiz3kcqlzjfu6rav53o0c+utksxg9iv6nzxgpgfm560mdey9k3mo18rhj/loy/j9mxvktkxtcvxd49j+dqdfdbjt8rqlm1tjdznvlduxo8zoxn+c2yp2oggrgot8iazsay2irmzeglvshgrosodaej20mv7j6nnv6xtc66yyf4gfhuc+/pjsynhnhmp93uf5okiuq13bpfpnt8gnbkmn/3e+8x3ntpwt5fsxbrldvbe5u+uclyp4jkl+knna4bai16tedjctdzdagfik6dre3n3ql2rvtt9bhz+muaxokbsq1chtqzb3/71ojas/z5qe2mdqtk3pjd7zulwavpbhf7ixme94oze5m/kxceg17y3brmx3gdmplnhg6vr0r0oesibqe80k+8ikbrffq55+izxcgfe+5dme56syqakipw7dxtrxbwp57zoptggjtos/2apshdwfgjtzjtm3rqg2c31j7rv41cm8ouksdy8t1hwrv14kyxpzswo045sa/eu5coj5bkhiwdrymth+bbeojhz99f+y6tvwwmjicbxma22gahepbb1qgbzmmz32xp8rp1we9t042wrqvmfzufjq53+32qakjkogkp/8u6gjh1lunqv9nqyli/t+dvm4iuc6t4lk0jpsj931+cttjpewdklwixpizyawrec0ryuvi6x8+j6atr3c62frjwlqogmwgsy4j8bfg2ev8xqro0ajaj+ovxe/nxkrsydw6ezaemmdrdtmorajcflbgb6r+pulq4vfw+je6e8wshf4fnzjpkjqaftc0srw+sofirg8+g+58/fn11eox+dpnkjf1ytbcehki8ekcppe9m6se+6km/rjw9uq5yycwaakzxc+3mvx66xcy+9flwqrertmgo4ulkvx4rtnnklkgc+dzbvjwmreu3atczl0bbdmlqn35bhsdmtvqxslzna65hoj379d/ewth95jkki+dv6l5spe6bxvz7hs8zjcl3hymcmuastgybow0sgcjmzbp6iol/+kdgfmhx5bl9/iqj7k6eujo1gcrq5fmkxww6qpon74ibaoqipopwnyyffp6y5jmov5xpigybcy7j7+it11artxxaf91kafjz81ng7/dgt5/ozqtip7rbutxj2ogqh4oaq+5r7l/3jxnn6gukgusz5prrzmnsltbaophe+ewjghtqzlh4/mkcsu5mknqt+xkjgi/f53j2b/ees76vpnn55p0nn4aktpzmssw5tfj4d93nkqfvm34fz8emn9qfp77u85vl+ur/bcqeqof4bjo+yqk3jyckj7tnldpbrfdsnbnynpzbnz0+u1yj8oqshvqtqpdwbk/lvn7le9z5p4uojzfpfn7lm55w+whq5qqanbdvyspjiu4dh5lfoaf6zrah68llunjnpsb8jxhx8/arbylpgrdugkwu9iccvchhzree5eh6pj9ypj9v1v8zynwidb5j7xgi9mzoeklbps1rzcfqkokt5vfxcyr3ewalgkzb5oouobem6/zzaslgnrb8lale0d9etaqadw9c/iejgjx3ifz9epb6aahvfpsoz1vn2/rmjy/f/bs+fm5izw5kc3ryzwftcmvuzg9iagoxotygmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzide5nyawifikl1jlc291cmnlcyaxotugmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgmtyxidagugo+piblbmrvymokmtk1idagb2jqidw8ci9gb250idw8ic9gndigosawifigl0y0msa2idaguiavrjq2idmzidaguiavrjmzidi0idaguia+pgovuhjvy1nldcbbic9qreygl1rlehqgxqo+piblbmrvymokmjazidagb2jqidw8ci9mzw5ndgggntm5ocagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenq9w1ux28hxfp9fms854rwpyaab17xjwsmrbhm9o+n1jh0/gcriiiialgbqnpr1qaqvggrijji9r8klu7v6gu7q6rrz9epn79+fww3qzxec3j5ub6pwngmm55ssu33c/gmre9hdmvb9f/empxzkene3njg/epull9q7ifru+qgqd6d63zdn3d398/edlwpgi/q3y8b6wzgksuafyk93gb8oegk4qjqur62sadfjw9bvdw/qw7hcfo3hptyz9mvn9ozzdpucxbzpi3jxa0m3m1r3zvilje+nd5pr1kwsm9nywvman2odxx/6kf/u3xsqagayrb/pe3tr8zs7ey2eovsucu8btnc0aja3akz4k6fy0jd1p0vug3ttcwycdc9dx1sabscohlyjnphgcm/nev6shyyeihuqq1y3rscuwlqp+7y5ocefthr5p/z4ushrddf1fd4pgmd9gqodgxxbrixf0fv5pye5td7ycejrhsge0bqstm0bcn0gkh8eloyyfhwqnvpvya3tgh6vhdmbpp6cccxd7e5vufcy0mzr87qv1/szjjw88cdssbvs2/wzvz7k5ar5wp8ogc+bwxxm5owhu9f56bfcfqlm1vlgpmknwuxl+26b027vgsumggsjjlacznd8cvr2u9nvacfzqxjsm12bv+gnfpefg6afytifalgnzwsav395jxfnirnejjbp6i/aiudbszj5oasgbx+ltn8gcns2fedyor42ugalg+4muphllhgftjl0dubrwjeva4bfeh+4s+egxl6+gbo650d9mwaqulhaqstqgsii8h0/xkipzor96llsj+c57f8jta/cxtmijpkuuzwjxonysmrp4km4ypndhc3ute+03qnpnpnoe95o7yg3btb3oiyj6mv8reay73m/fdp+ufjsz3dtjpviexidmla63v3s+jlngjszojgwxurrholxretnis8a0kz+q1j38gyo9xhnowuhrbhkvdxznzh7wcjcdzoem7yhun/l+6mawal/pz5batnuqlkpijlk7ljwfk2qle5hgnbnptbboagquzvs0hqpkxepkxwmlzd0jfxmdevmgnhp7onqnec6o3cegzdfkzlg8cz76fcciofngbop2yqwp7wh6ngrjtys7ddo2pt0ter6hhzsyi1eynk6l1glgw/wpwmj3fqlvbho5svwo6dp8bv2apkt4vkedfdoxw3omcckeztsyk64xxe9t6b9hvdfqct+7g0tapgrek2/r1ee87yvazfepekfnwqdlxbht2kmobpqmbfmsg1yifo9waqoekua7w/9cfnfyuio60vdhzqvu0/a6nusbrguc3/ejslgw2kxvu6exxqogzdozbcvjmk5glhwz2vj0wodqknzznlsl3ojbmchukah4iqxi9pkdy/wkw4lhhs4zyuerbxontdubvhthm3ggrad31xctm8ho6snotjhirbzke4mg4s/avjr5bitlhudgzb5kl8wwgf+bqaiknih5pq7ruzprsgtkljyxn6ff7tlrwu0qubj7+jpfl4j8ceiozam26chtrbc0pvf/q5tjudydwbolpfcqu1w2pga6ynqixqfxwlwjblm3+oaztgawmg7ijocldvkzxo29ofgan0wraqtt88kfz7hpspgbvqig4e+cfjq0m2xbytut7u+rryszbiw4o5vj8roylrhpzsxplqoinkwlascjusnd1v+1vy6q9benxr6pk6w16m6barjtu9nwabdupj4i0u9pocmwcjw3grdrjfdybaldc6i8/nowoyezsaiey9ibcbcnuq8olszysgf75axwfxmv6kcu/2t/d7msfctecqve535mln45ixwonlnhd5yvgk+lsshiz/orrl6xejdndloxn+e23hki02gi9/orbv6qbgpdljolegmrotfcwynbpht3tiyi7/kft8p6pgmilivtkp/erhxb0ke7wxgd6qlb7ohnelr5ax1160sgfqgwnipvevl3ofxuyn8j+gqlnhv6rxwqe0ghr0vnwo932brhabnlid2qpoma/75igfumsvubboos9azfhz9x9qzmpxdan0iykg6wykifzw2blmofb1p7ruagrj/eldg6qdcecztnhhrcshhbtkusyzbuhthvc9zoikfhutvzv5bt3tuosbengm//r97jb8nk9yjndndsxbtohmljzamjpz4eirrnclhe/tmx+ohvia7dghzawqtazoljiumhjznfheau7vxjcybqsihoq4mirk7majsoh3npqrlo9kuanjfkjy+rzzn8p9j6ph3zzbgs0mjgf8p6ry5qiskkq435i8zhqookkfuu6wcqeoky1ulezwsmuipj1se21dvp9ld9rojjiogqzwpgghlfiuurdsbcuonaegpilh+yon7wk+o0t/i8bhmm73ah7iqszc+oamzpgmsgiy2jk2ol9i4fdief2uodcggjzq47sh7noucxbfhmwmwh22ip657+sji0qkm6fhpae1d1g4qn9pspbvuhxrt4rpxujafvda526zdfxo0hyv1qw1j83sobk91dwulb7h59ii/w6zkdyhlxzvnoxhopsicttpqumpwbbo+vh12m+u1tn3scp2v91qfckiztzx7jasmh7zwziynhjjlqlzztiykqoq7ck0e7fytrnqvg3glsq58agcnk44uvzxnuo36xdpnacvwwpfjrt7rwmmgmteymjdkk9x2ukdqffkuudvk+vhem1payo5ogiywevkqg4zswkklcxchfgtzyqvgucddxmxxncgxm/aavjzuecowaexslmuizmthrxfk75y3vyvylhsrq+fhkjrfajdvi95ze8v6n9dlv3uvo/uvbwap/ci6e01vka6lcxxbs0pxthyj0etuz2kltl7q3i2st8k+yhke866znmeju6jeicbqdou2ppbybknldasqwjnhgvup1vq+u6p7bpwmcbzhdvselti3xambjupihdt/mzcjz4wza7jmuggqghdqotamqk+ejwfyixt7der5ztncarfft6n+n7ohzpan/wqvb4qzj4pdkrd45spkruhryveqsdl8hzrz0eks4lsadktmzvpfsydercvel4j7hfiiqkg/fjpvrjtqzpt+la+owkfvvlruoizxzfj8qzt9ngyjncocwj1l7uvanogaevcaxaowxarxnzohlbu2oim1czd1ygc93cveqsilh9nrtayim5rk3gnnj0c+vztg9dkyoehk1fsfgs/hqsnlsfx4fbjqdurthu+chxaq8zs0aiqptftgoezc26mzp2hunvjsdl74ddpxlxctnqbgb7lyyqovugh5uzklr2tybufg6j0jy0ufuhanpfxcelbcfbhbs7ocwnx2kirnihsjv9j4uadsjhwzyz7emqd9kydk5wuddsr0ql6xs4gvi+alapwgu0h667t37//1loowrjyqvjikzndvej1br4zzqtgixqheaij7rmninhztsrx5ksbxjiacu76b+fkkrv1nwskmfksy4wfq3nqtwjri5rbhviidpmzfcon6o4deymzylzy4h1cgs+ojsxg2s1ekbihz3ysuk8une1zeyktz+sj+x+pjtgzwlbnnwdlkylruqufm8dzhxdvdlioocc2ul3ygmg4qkzqrwklxten47ack1xn6jva7xsjlzpjm0avdb6gqcsnxoej1aq4msqhunmugd8nh1ipgo6gxtxafzgnh49wk/mvnuogf9agtigvz9ip9hy+dwbp69scsguadmtej/kzwurop0ac903yok/f5pjaj5ath9tqjassxw0k7aweuxgt5or6fejnvtwivdjh+ppubo43vkty/hcr/qdxvkfjazstsds2r75xnltsaqzlyi92g4nrjrosbkg4ypouhbt/kracbctyikqmzim4ojd2jrjfo3vmoasgnpbhwtclasqwbs+1jed3xecahyqzghvpexewchjagkskby/avhztuzmncvvnrnesuwof5urcgu3kshbtx4acpvf1yi4+fjtwj7hmnb5pq++ia3zfvtx3khdlqic1qqh3tno/nv+l3uwo6djpdm8o3p69fvyhp6rkcflo2+03oxuhqvfuf1l/dv+/e8iet4c9xkl9l/e9zfk/jpchg+lyhg0zvwnbn7ehja4lbqjunjbzzi+l6/aghug83el5co3v8svjtezyclsptkpxxpg56flttvivqkhbakrgqdrzcfdrvnruxwea7unt6zrfn0sgn8j2wtrzwnnxzgwchwxvaqnz3lhlioijib+wamysvtgzvtatt9wvqwwqtewci+0udef3fntb9njugfnzg9gq7o7pubkjs63tyolcd8rtoqze0uiygeyegnunzm1orgeksywnwcmnxudcbff4tpxrijmlfemthei8mbm/zdejkrzp0hvive2k8hizmdcqst2rexfcw2mstoupsbdrpzdvhgw4b+lfbrsvg7qc2uy382avsilpdvze3v956usqjxenqx4djyyjygichirwgaphh/t+/r5lbh5qbn25ufxqg+vk6yz6lscq//unfbm782w83vmfzqfhedd8l4jc8rw6mzbzat6gdhg4ebs5rlyfnlsms9nlmzrzo66sks2fcmiaepaiomza7e4qpnk/amsyrcav3hpkhh49eknbw6t4813klct0crp77ghmgovqvx9hlat0tgv4xtgq6/nllx6c1ujk4tp1ocdkgehgi5qkpawledefnvl/at7wodfzi53gvmytrqvicqpfzbn0ovgytjirdafge6qrmdwyrtopvjbv9cbktxbodowogvisflrgzvby5c0yb0ip2uiu+tpxtggtuma65hkfxljg7o+zqqagpq1i/bbkjbt8xxds1+zbhafmoadbvooacpqciaeboyf75vzvg7jqoht8qd2bt6+i4l97b6wgzqtfgy9ih2lzun499s6w20zz0iyjn7fn4san3ddyttyckb1dv/gsmxkbnzbhurgalufdocfutncudgiyx7/lxrjwhqryxkqzmiybuwwfy3akeps8vzttkjdyjmr/oy6hunwfhk3fea1pd5h9345zdjs9wta+bsj0adhuprboe9+z1erjs1nlwzhprr/dv3n7q0myofkecuau2cxflttcgdinb82pptfpjxnhkxw8vcgyrlwsyl8yi4jwaxgkmjine8vtucc+ktil1hhyh9tmo7y/m5gizjehixayaubnkhkpuai3ruusbtqezzc8ei6d8xezebzaxoptao/agwfrgkao5ct+kncupt+rirfzhpa8iymtf7p2nimanvtdn1bqgny+esyh7szw1it4kiyszpxd5ad+2izyefeqw0eaf5/ncr6wpyr7ayn4k0mwnmbzqxkaymozuaxdartwssy1uy5euldkqytihy0oknwlaytzmyijv7fcan7cnhg+0jkayjx4woc3q5+zvwkxyi8otgumdwvjqjf2ygg0sdg2/haildolkz4pmykggrean6lys1y/oetpy3qrclurzlwuryqmeqcv86djbefzgtslaytrhzwpksbg/vlcupmhnzivdl9oineenemrujju170txn5pratk6sml94zepwqowy8aidzublu0x1wsv7iq60evs7lpfhhxpwud0rts4f3nuga8zacjzufpgpp49hfsobxtd+sra5as1eodgzjhienyftnaybqs4t3tcju9zzx8reh3lm73eyovk4xcr7xkyfbzmcsibnb4qjszxikqchfhh2xbhucukb1wenbgpmdhnvdreusyqhnbhfm+7t4geglq6poocc1ltblxar01fj2rwyauyx67ybu8gvgu0beu4z71pnnk1cvozmwoc55idslwe2nhbfwex+teibrjphnabnzm9ehdu9mkk2ivky7kqz5f2lcbf1jcqjune4naouebo/zivxzfnj8d+0jztrwm9r8+8ng/2h3//iv2+azyvx0wo0lqxh9tup7xg+forj5ogahq0px8fucueh825jez28/r8ec1nl4sw3z0o/axanjd5wfh3kvbmsyqyjfqj8doprp9qplvk2s0fym829s+s9izwflakjlqsyhti5eixvkeaohcq11reegidtupj1iyftdt3kss2r12fqkysijw+hh516z/s/0u05djnr579nbu8gjms2/yats4bmvvepno83fnahyaxhl7mp0ewcr8keuv/lgdf/35gw4xovalivnsigtvtd1jbny7id0k1smrd7nthpt8lh+9rdcyg1yafcpy5kao9pa66myg35rrhdn8qfmjn7reu2ymqp2stx4ov0urknjc9ekg6jym1btwtaumum1kjxy/+ywi+7et8g2qedclrivfok90v2wrl19t/hh6wt7n+tyj6z//bpi7uxb2xphexla5lxcwmxl/sgelc+c7kfeflxh73kuzyncc8cgyllq7vym6paw+/9bxsoy9+epcfpp4ee+atfyxnon9z2ojwwfqlwvyv0pktzmnufdo7l6+opnqnbksc4bjxfywlhjp6v9jw9mcpprvxtl/s+wsbocle0mywmfggdjir9vb85z3qr2e22js7w7dswdmvisp2woqvyqzoru8alr1whzb+eatgqdonnbgcylgcqfkbjefmreiy2z1ade33l0ssnu0sqorqe5oeibpa7p5wwuqki0ezjgqwq7zu30fxmtccwktj5a67+bx9xnmqwd8cxyehm0s9i0qtytlog3xw2do6v5jsourvpwdo5ykchbdejocjvkw9mzp/v6nnfaebz3znjszdhwzejrvpzvcslravzb9cxxbifzvrsckosi+y9v780winayn3w+rf5jh/a5bxlt+lktsu1dwugcajl+c8mrjtgsuravqn/5xe/gws2h8sostyzbjq2un+lk0w8eiopbtprldi33ssttfprqus+25jxjb7jub8bozdsalgny7tbkpphkdk7odxb2pmc2tvmid7xtdcl4yjc5dst8+dmcxosstpkaz94mjuaouzs3h/rl/tyvinnfyw7e7vxkgv9t3f2ow3lan/qgsil4rjbgq+squ9pc/vpbjpfc4ovcal0298lvzselsoctr3nhgkopxuy33odyx/pydi7nia+/ndlnppzn2zwfhuzf/fletujgvuzhn0cmvhbqplbmrvymokmjayidagb2jqidw8ci9uexblic9qywdlci9db250zw50cyaymdmgmcbsci9szxnvdxjjzxmgmjaxidagugovtwvkawfcb3ggwzagmca2mtignzkyxqovugfyzw50ide2msawifikpj4gzw5kb2jqcje5osawig9iaia8paovvhlwzsavwe9iamvjdaovu3vidhlwzsavrm9ybqovrm9ybvr5cgugmqovufrfwc5gawxltmftzsaoli9jbnrlcm5hbe9wq29zdhmucgrmkqovufrfwc5qywdltnvtymvyidekl1burvgusw5mb0rpy3qgmja0idaguiakl01hdhjpecbbms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdagms4wmdawmdawmcawljawmdawmdawidaumdawmdawmdbdci9cqm94ifs1ns4xmtcwodawmcazmziumte1mjawmdagndk5ljy0njgwmdawidcxos4wnjm0mdawmf0kl1jlc291cmnlcya8paovuhjvy1nldcbbic9qreygl1rlehqgxqovq29sb3jtcgfjzsa8paovq3mxidiwnsawifikpj4vrm9udca8pcavrjeumsaymdygmcbspj4kpj4kl0xlbmd0acaymdcgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4acwct5pftpgg7/wu9eqwz5qmhwaikjqnmpl4rstevassqhyipbnwpupjw+x1yb/+po2/tf6ome04iv1lj14bzqbqaptbamwp/z/7h3o/dwvonrsho42mn6z5wkbelcuw9p/73/1f+v/pb7/60ftf/dib+o+p39u+drbj7dmns1lxeovhceva0fh7lxvxneu27wxqnx1sujnhiszw9g5fh8xnvtn2moyivsym8zi6c/l8fedvp/z+toid//gh/7eodma72g/d+97mnhlw6bx8yjbjimbn64aezevbpihsgodxdb7/oppmrpvqv+//8pjjk1/65mbxb33/f0zp39ief/vtpw5g0zra9lpxsg+/yrn4np/my8xihx7k35stll6bz+c7j71zqpgm35txdqszpq5b0xj8ugtgys0tynbaickokgpe63v1trgsbizaizf6mie5npljzjbqnhnnmwilk8uqart40zmpnhjjgwqnjjvn47luruhuinuotfimry2qngwonfijp7tqgygpqkrr5objjlurknygwqnvmxzzwxtdxpqsiftiyjmyst5h48ai1wvtpvqjnwcwbntzuz9gwixmqypyna5iyph5e00jmwidxvhb34qj+zewklfm2f6sufpruqlgsajgzc9fdtiu/krd3vf4hgg16yirwxiweanjwxrvx5e9qni6vuh9py1umkod+snhxqzznmjruquyloefwq2jhq1vw/syj2bc+bazc8h0md1ftvo6gxpdtmta7njorethnisf0xidxzzh2khsmjy4mzvgbnusmja48ovx2urymc1xyx5gu+yx6vgwlxg1w7w6t9gxyvrigoz54rzrtlmwjzedrtsctckim1eykuix23ku5h1vljcwz/jupg409a3t8rdqoqsvnfqf0xit3/v4fk1hw5q1ekx0xltra6yy7s3rme+z6fit0tdmdlrdcni3l/nxcnkovfuumjbo+blzc9sx9g2yshsyte09jjo7plslljgwgorgnmwumls2sorxcdjreo+fzpb51gilpgxofnjgpgqrfrugj2are4oggcgofkthwbra4pfztbyfubtwsfbfdqtfeo95hpxj1gowtmkl+kggbiulkroqsnlnwgidtiwljizyssrqsd7gkqp2qr9ris0p6wws8kzewbq8/gtgn43ahmmjwcfmu7xs0rbgwilzfnx0s8w6eg68gremmy7jzqepwgeq1vgtwde9qdwl56j4wdw3ylphrdo4datjwbsoeeojxfrhkqtlyz3blkxdnoacaxmytey4oatcw95zegnebh09qcsqdpotx1wwrq5+mojbehdwvg1ditvbyi8biw0j060ffkwlxe36dzadohztkbozgs8nivcswdjmiqkxs50gv/inj1xy+/77/jl07csshptfggigj5nxxcqeqwauchmka5jhgsh6zsstrkfj3ce5v0mybgm1epj7juqalqskhesqkckj88lgjado6vurjc3elqbumdtuskqnjgidgpvy/ykuxhv5nwk8exljf4k/taseaek4ezejljeslf4vuaobnpfr0knlsjsurwdpgdfn6cqijbgtucmnlvdlijzkoeenoloytxvrkvdwbnjap4rosap1wfze0vq6ijrjfmnexoqzu9ipi0qsxwbnooiaxtresvoso0mpji0vijy0w1hesoukk62ikoqxoqthzxoijxg4lyrzsqekkeneloo8gv1ctktjba/rvziq0uyjc4yhahvkio5n8a8xxcr2bc3lioi0yl0gqmaiydpo8hwkresyxo4p3cy9koikwaenevf3mjauzemzuzlmcmnkcgb0uvddrkd5nct+zh3xmejrzurlyiz9cmnkr4piidd6wbjwznjgtfvs6dkijxgw0ryk9qpinhe+awxm4py+rv2wlbatcdi5etktzhjqvzfmbwbyfoajdktgoqrk9azjodmtzqoaoisxzcdj25njijbehkknllqrjympn1e9w0xctkrx4tjc6fqrznzbtpc168pszom2gwiphzz1gp0fyvogd1rq04u/szc4wu1wgzrmufsiwabdgokatmdpibkqja1asppfoolmiz6b2ekpiepatqsjpuemmcusvqzfidvsgl6dp6hb6aggpk0zpxosfgneus28fuhjsxwiei8yqesocmoj5scxyd3mw4huscuzeobnvcnoff93jsnwmkmhsb6hy59irlq6uxmpnpw5ybbjrhwkhlrflyxoaek8pgah773skxgc6wre66uteqqtyyiszehqguiw89c6hiyjspoga2gn6zkcsech/xxepetamqajbjgilmqgonwwclr3fussbsn3vvmhtwldtmssjkg64vnsx5mc0gljomasze0dnikn0xjlmiblzmd3u8gyrlb+ammcjrfhwmjjexsjgxkswjey2kotdvalkkxjlhmcitcfrkbfhlg0shm0etp10ncsjigcz9ftugebekb3lu2g+sivujpba6ijpgwf8t9tih7c4o+v6dejddmsc6sxhsod7yr5l0ffkpomtxn9haj3ifqjwhccwwktgzekvvxvrl+hhdwtnu4mvqvk/5duq558n3f/gfef0y8noywr98+jfs5exellrwwp+auupq/xsphqsww1yirmv/ua89fycqvp8oii5w56mah/kidyz8oxmt8enkxlljq+sytz0hgwj+qfjuocqlh6jlht/iy2ml/oe6dofsfib1rkr/pwtotykh3wkcubjimxuf+so1zohmrpm8akaxmf0md5enjxm5gof5yniwzf6ztatfmvwml+oe9dpf7hll711trfozxnz/7evep/solbt03zk1opfrrzmgxxvsynwbbeuxrvt1l/fwdnlxre0fwt8zew5ilul16a5ldm0fywrhm3jirmz6ss+tqrio1mkzpfkhwi/qjtqsqpr5iqoiqlkp7is+7y0ckhkehkskxivvjflkqnoye09mrqqtdz+barsswrpioosyqcb7jakddjqtejpixukl4lvarj0uscpcl2pml5rio5l5i0ow9yi+f0exqqyhlgkhwvvsqidflknhbkhblwjhq9jy4ilypxsrvrkhq5rwnoeavieuyqfa+skqikkuq9idlrp4xual0lvurjapr6s7jf0gwblpi0pw5yo9qbkh11ykgl0lvxrzpojvjxupxinpiqugl0lvsrkglhqwnfrsc3w5vsv6qsajalsl2lk0qnrzow0pq6i5vs114vuaptljomlhe6mlinpblokqkispkm1oqqucdxldohlubxsrvpkgp/xq3swbbm+sv/lsi2llqcg0pn6sb0w0odicwfs0cfnd0kf84uz84c0jllj8sabvl8uuhtujnw+dpsclkuenikpphzkaagjq3wz5g2y9ki7zi/f2kbsl3bdawwxyc5j5adrhohxz9lrwu1sv3jco9yq3+zzm91hyc//fz0eycvhjhdadpm5rxp1sr8umfkctqprpix6vxhyubc2pigzzurbvyllousjnsm21epqlqv0uaisewvrdq2uuafreuqivfvk63nrksfngvpbticpwglyxgzluhtsy9qusurrc2upuujmybuxflhflgeogpwqpxowcrr27gyqjalzhnjet1lg7fk5snbuhvkf2ffulctoa5fqlqbz4ea13pk6x+uqvmzxi1gm+j9mdjucxhshhsw4tv4ezm3bke+mpjczg4cnfhaubtjijitrm4by7laazor2qbdrcuwk0vd0iyjty0u/1fvs/lwrlqb4y0mgm8iyz1tnpeq6dizzqsyuy3r38pik8nrn8tf/ce6zavrbclqcyfs1pleaerug+x4ihcu4+qoniuiaso0svqytshbj0s1sy4jvs+htqivfgut7ignithwcjls2nd/ovglpnoupk0pgw5rlngjnmdvecun2hvnl/mltuzqg2aopdw3nu2fgtq2hdzmh1xzuxhvhryqcs35tufeqtsacnc6yq76wxlpcrihxwso3o7xra1qazvt7tr6mtvn7qq1vj5m2jxkyjp5y5dsaukagupqlatctzblknxyg1kfurjkealsq0in/ew57eurblpijztoawc8u2dwsvn4mww1pkznagvknnq/f0svywog/7vh3vztx/72jrno0l/9vr/67n+exfdv/9z//tyxfd7l67zlhpe6f6vdysvevbb/uod+p8nzual7zureww2uwflr4sovvvkjcv8uj2kvxofnz+leanchtsuylqgocw41xpxxylfangsrtjoxzbty4t+fvmi/e1/8qsshgta7xbrtzjfnlupdz7dme+vbvdwwrbhe4+fsjnfxv+qcoelpoyc17e9psv+ql7/qguddhlvozlhi3il85vxmnfgpjrgby6rqclw9mihoo6vfntdhtz3etbbfntudcits2z/co/vvep7zxxiyq0wziuhxtpyd38tniqq8lapya03qzqoj49ywsla2jdgf/foslng7lt1m47mkm/ubza/ni5vhdjt2mft8+tyhns83xgd54oekn5cic3agiktk1o2jvxkgumgsenyagrlbchmzil7zjkelbxrtzxx0olb31zei2g8vffs5yi1u8efbnmimrpehwvkjf0yxu1lyoqeuzp2jipd+ycdxxshg51gol4r9tb9ctfwa2ph+6o7/zf3v7677g99fvs7oldp5pe/nf/vvv8mhy/ddzwu9tr2sb/wu/+m5bmqfurvyaqg5nkg+i9jwhktivapblttlqyqjrmjfqqp33e2tvb8fzmpjhzqkxiho9hu1rm1td2xt/tp3wz5vptlhghrhwat8+rjj2flwtsr7ppjlyc76+0q9pbyu3bctlsthfd6f3l3t+7pnqn+fzvzu8ferfjl91xgbtstz7lzlggkyeezpsb4p94tcmhlnseb6zkjcqjrnjpwyn/xf6izbnzvgaympu/1olpvfpxnfhgwtljmwnsmwjdm6usqoztmrg4h/gifqj0kp54ubs/oshogxo6tn6op9g73uxx/179f90l9htc+mz+jw284js7eqp2az8s2qqixiyksmcrvo6crvk6s5mr0ghftv55gi0qltpntvplyo2i2vsnx+6n54erhl7sosx98pd4+dix9vduf1z9+jq3t3nb27kvf02/hgdsylamy96lnq28vpykwffa92wtsskmjcuwopu5d++03iptagcbwjl8azh0qxxukzxg+mlwcripy3krrmgsyy6oqj1iwns23j2yvhogjm4aminxazsth4yzgyxzfa9bnulz5bf8bx9co9he4eb9lch21jxqxbgffoknwyumhiimlbppjvkvpibr0xxdjfplj036nmnei27zzk+w0qduoonn2cd/jqcg/flrnxapy0x/dwci2k/mm3n7iadpruf2ix0x9nnxbtrznypqvs2bg3133or5bh6aojt57445s/lnhyv77u5dskpxj7xn6ochlh3+8f6tz+fri1ic6mijgjto5vgarsgiltn1oozndyj3hasvfs/+1ysgm6vj0dlsdtoytszs7bflitm+j59o76wo6zcy4cxnxf78euzvu4lljwu/pinljzjbxi50r/nb7eurxdbx5d1uby3/nm3zxyzisjfexwnbmufo5bz+rtsv+jw8+pswlvyb29xens/ujbnuhwp3nk4z+h7f2xd8+fotxjiql2jngvq4o3svgdxcrstu6smkzt6ri5yqjjd/wpvngnllpuroltj9s9iztiemcixhkp9aznt5w99s+j28+w8scyzt0/dvce8c1eb8hacfpqiiq2u3vuq7jkvotlhmnebdj/t1wdg3bzblmjkounrtklycarsevz1v7v3wre5o8o3xudlxxb0kveprgmmdgqou8tcsu3hp48aoffdcxlsevushcibpa646nvkrp/5zadkpgvpmznw61enyc2hd/3rixxcznvrmuwupc7gxnfsk8vnm4opjqd9jbezbuyoz+hlrp6p7s3w/0440s+zezyspu3wultmkycoar9zk6swyok/lqht9j/uzs5pxmyqwl06ym9f2vvk3f4mzxi7c/cyymadb/dnoa3nthbjke+ki/1qoca8v9zlsduprf4ehaddn8qzavzicut4/2zf95+e3cmysphgoy73dzetfh2qy7bfw8qcnbxexifhlgljogko7gbb+wz0waqqet67/rlaumrhu/wfxqkr9ehx28gc3dv311/iu46xymh87rio634iusno/nqjesizyew1ysikapezrxmlavhryyxu0urwr0eluiu/wuzdunjkjksyzbblccokbaef81zk2k3+hfjirkejuy8bnt9w+2dzcesi3wn/jmh1mve1weqplqpoxkto045koqbybm3b5armpb5sun9/c2x6ogb4cqgfkmajfjiwa5nzulm6mijdsil3frsv9dz6lgrd+ietc7j46u7w3gkb/5v8xa3jbvv1tz4sh4pxc8srmzimkb/8mptu43dsmhhdhus/nu1kw/mqbgeh7skzzgzengxcvd3bx44cpkzeo/oh8dx42uz+ipvfco53/fbnncfsp8n3vjzixieasrbmfykme1xh0wqwvx5aqrcl9g4upcnhvjlcgm453krzeac7pxsbubavyxyez9gr16svtwww3ndwfsmbg8x9ilwlinyoima0fotcsy4ro7vke+v/skhpx0pwnr9rw7vuzyzvir+m+6o16tztr7yk+tyosmjffk5azucykau8x1yxutmr78u5ompccwzpdyllsfruhaimp1cszrlcswlwqued51zfkcsi1grphf8wcvyn3d/kozou0tw/ctm/pm39jzyfokaqttl16bwzidf48kj8udeekfglqsvj3o18v8hg/qfn2vuzhn0cmvhbqplbmrvymokmja0idagb2jqcjw8ci9uaxrszsaosw50zxjuywxdb3n0cy54bhn4kqovqxv0ag9yicheyxzpzcbnyw5kzwxpbikkl0nyzwf0b3igke1py3jvc29mdcbfegnlbckkl1byb2r1y2vyichnywmgt1mgwcaxmc41ljyguxvhcnr6ifberknvbnrlehqpci9dcmvhdglvbkrhdgugkeq6mjawotazmjmymzi5ndzamdanmdankqovtw9krgf0zsaordoymda5mdmymzizmjk0nlowmccwmccpcj4+cmvuzg9iagoymdugmcbvymokwy9jq0ncyxnlzcaymdggmcbsxqplbmrvymokmja2idagb2jqcjw8ci9uexblic9gb250ci9tdwj0exblic9ucnvlvhlwzqovqmfzzuzvbnqgl0jutu9mrsmyqknhbglicmkkl0zvbnrezxnjcmlwdg9yidiwosawifikl1dpzhrocyaymtagmcbsci9gaxjzdenoyxigmzmkl0xhc3rdagfyidc2ci9ub1vuawnvzgugmjexidagugo+pgplbmrvymokmja3idagb2jqcjuymdekzw5kb2jqcjiwocawig9iago8paovtgvuz3roidixmiawifikl04gmwovqwx0zxjuyxrlic9ezxzpy2vsr0ikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbhzrnsbrhgmf/s40esqbrlwjf0mekvcyluglt9stttmxvtalinx13nrxnp5ndluuihoiydywuvkshie7houonokqemxwjoknfeaveirb/o5o7y1s+mdo/ez7/+3y9wwbvj1koy0u0ymrou8nemhz6dezb/bpvqeyuxcndczosiqgfqzxp9wv1lrrpwwqusdb7nnyrdpkqudqqd2qdpix5podjki/kntw1zyqbe6k02se3uepjtvit8tzsimddnbaeavs1u5mzhjdxijviluujk2m+iot22rtj76u97rlt1ldfydc5c9q48v1a2x5g04ukbcwdhtwddtdvbpu1wm4rypfqxfy96c9h2fxkyxxq9smp0rhr+laqfa8dnt8afl4vlx7clpv+3meo1vhumgpu0deymoulenqb7gb85br9i4oeffulsma5jmwb+q8anz8c+x8c2x8diwpgqbwry2w3upliiuccdoacadfmtus1zl0/onxwaixwzxtndvrksjtf5wmu8irbfokmtfkfztlf23ipcnt4ke/2f7kkvo7frmylu12cjzry1qe06oomn5dvz8yepni9r/czt2c4yowame8bcjhyyrbipbepidty4/gtzmzxvccfk/oqpocvb2vm334udsjbrqu9oznrl5pd3ns+mzhem5kswdmtnfhf/mytjgxefdtcdsz/m2dtkwcyhqubezbvnjqk0ysyguharq4zekwqtfqlx9bqwspkx5uweuvdfhw9wogefx/pers4w8y/hvgccw3lcjr+tv+il+sl+l3983xtob7imxppmsara18zv2aw1ci4qy0yvqwpig+w2g56lwrpneiv9osv9y3h6jl2fg3zo8kc4mp8ndslcgvqxdjjya5l90wyxtfh51vl9q/puft89klnjdeyunhmkfp8nlwna/+zq2dssqvw5i2qljxroe5vd6p9aovack09prarbwox346qa+udw5yviqus22x1kfzgy5reyklxzovg38ivhv+lxmel1zq0+q9nulmmaqnfedw2cieu/8nfswmn3mvuzhn0cmvhbqplbmrvymokmja5idagb2jqcjw8ci9uexblic9gb250rgvzy3jpchrvcgovqxnjzw50idk1mgovq2fwsgvpz2h0idg0ngovrgvzy2vudcatmjy5ci9gbgfncya0ci9gb250qkjvecbbic04ocatmtk0idcynya2otndci9gb250tmftzsavqlrnt0xfizjcq2fsawjyaqovsxrhbgljqw5nbgugmaovu3rlbvygmaovtwf4v2lkdgggmti4oaovwehlawdodca2mzukl0zvbnrgawxlmiaymtmgmcbscj4+cmvuzg9iagoymtagmcbvymokwya1mdcgnze1idiynia1mdcgnta3iduwnya1mdcgnta3iduwnya1mdcgnta3iduwnya1mjugmza2idqymya1mjugnti1idq5ocazmdmgmjuyidqzmyazmdmgnzk5iduynyazndkgnti1iduynsa0nzkgnduzidmznsazotegmji5iduynsazmdugndu1idq1mia3mtugmji5iduyosa2mtygntu3idq3msayntignjq2xqplbmrvymokmjexidagb2jqcjw8ci9mzw5ndgggmje0idagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keafdkmfqwzaqro/6ij2mhycnz2mokqefkpy6/qbfghtbvbjr+ec/r6sufhrqqbn6m7psx/69z59if0qwaxknnp1gcaty0a2tz3v4jedt+r1vzc4mkp3hyvss5p7hqg2riprxrpykg+3exljhpwgf4icej9p9h4eqdgumd8zgri3qoniys93zxiuzqbqi+97luu/bpln/l65bbovgmtg8ktngserjiyynqlzpuvz06hty/rsvptr/jtlvjifu9wp+8fwm5w/eeitppt//umphzw5kc3ryzwftcmvuzg9iagoymtigmcbvymoknzkycmvuzg9iagoymtmgmcbvymokpdwkl0xlbmd0acaymtugmcbsci9mzw5ndggxidi3mtiwci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4adv9z2bcxbn2zdnbe9euvtqivfwq92jla/vqw5zls7zls7blgns3bhibaiaqapwchbbiyolxa4nlimfjneise0iikasisapkoignlul75syobjnwv+/h9+neowefz8qzpfpozdvlhatccsfgcodiphj5+pfn0rc0fzfparuw79gwonbhqq8iofmeqa0rn61a/+67pszcnnwe6fnxrbtyzc/mijoewocrun5m9ejiincyzz9hslml11eurot5bs2bchcjnll6/bzdtx6y1yc8cegfrtu4fgtrh1fpiarloskr14/s2ht5edbdcd+icgjdyprr35mx7uf4latv2jk6afltp51h+a8ozog4iv/yj4loydjwmostbfkk2byss/linbjftaepjevei1qnssvqoimzjetssytyizo4iyuyiyoesarxeatxed2xej9jizzigg28kf2cffcjvzeqituymvqzq64gw2g/a+q6cgu5gzxnfom7oqr1hnxphijfj3hyhfimewnqiv8pyujk9xpikk+hpk5cjj+cvddxedcmtlwscwdctlxoysykbfivn4j7y8qdk7ajmy2dgjrrzdlzko0fdhzyq6kbv5onk1lyuh7aqnzt37t3thybepiysswhvwqhwuqwkyeytezq/xvknvkdy6wl68h6skejbudakuivcc1fruxixftfxbvjjrkrbchbyhaya/9tgt6adlg0zup4o9mj/3ark8lusofsjfusnzuvml1i2a3e7klkfnivwuzqclbrgnnmixinuratdj25gdyifvv00i1tuq6tm8jnaofpkfvjp+lblku5jdxgpktur3+4k9xf7iafq7/4avnij2lvuei/t+4l96hpscvuqsx9irqb3ipx+apyghmuhcopk7zcdqtxiwi7rfqsvqk22is6h7rkjrk1d05zaz+swep9ofnvxbdfwuuu2jg0i7peierk1jmcbadwyr5kjldebagz1xfrywze6ndrzfuuv/zfylmnmz2+chsjyzcb3y24z/9b7ku5ltv3ky9hbh4zn8yqtd0azdv9ir40/t6pvpcrav8hd5kvoi0ejkwj5jepie5h8jwm7w+qo+qr/hdrx6p46qpkm0rlxclxkianyem05opkfblt4v+7tgpwhz+85ksyrmrukafje+rj9jbvkzpwnn/ffylmw4h7ohl7vsnfw98l3ynnlvws9bvowz+eh/ox+qn5kfkz+t5czyqfp0loofi8+qv5izqhfk7ewuc4qgjtk5yugvq8aohgqp+8vrm9c2bp6unu6uxob2ttaw5qnblrqj8xva62prqqsqkosca/nzsrm5ir9lrsnqvzandrtbq1spyoyw+jta6h4tndcvv2pl29giuji4gyusriob5cvovleeihdt0iki7lgupolz/igem5y1m5qs00nuwvya+1relxc82r0bhd2dsafutzzdauv6dohkwrspwagyfwgfeewryrm0nxohxqibfuwh24zbi5ij8enxqaik2jhoj8ctxghdrcxxmjm47t3hqqccm3pfa4rhrm9rvxoatlzev8tu9as7m/hb5u4kitulzc0xtxkmwf1srxz+sm0ph8m4dvhrorzcnr04riiphfa3f5bbcdllsoh74+bo/g8yln8bzdf/dcgkpx/ehzszwawy11zz36ahpxz9kiocp/irj5yix/wl1fejosjnfk2f5fwckr4psz4nreaij7wx2ifuewu5ebxmjkgqlxa70dpbwiy/wjeiukdsalyzzyrqs4+1nkazeydflwbjztibqmj393rpbgdywlfesjzzxfrlgqc+mhujw9vgz5asyjo4cjzaghbenmdcrjzrcxkaqxw44xfyh/ydaqsyazoxcgxhtzfhdfgrm1eyfcslrw9a0ol/dylrirku6glyevihe14fp0kzbdrghydbkyir0dp0nz5pnj5sh/itjstgbzfcq9twiu7jbdaytwxopd/hxonytda/5wpdyi8w1gbkyhwstfbpg88/g6/kablatqt0/kfplr7bg2sxcakpzyigstrira8rfpni4ew1zdg6xfg6ehbqifigz4lmqopi4rbwe5q6kdf4nxavo7p4zorfz8n7fk5xxabcr1u/ekwk2ol94t/55pvtwem91qxqhltpmsg7ysuasug0yw9p/vu2k2sbodt6bjzdno6lcql0ghkkyls6inesva0rukkzmhgchozdccphsbm8aah9laad+uvkhx78ibpbwtvwtezsgexs3t4itcnw9abkqm9mhwqnkurfmvcjssngq2fyk5qyshdusixx2h2zdhkgwseeyqgket3tfyu7wjhio1fy4y0joscdlcrydhxiypldt8pby7vkllehuthshhsmekw5g+gelos2xc7/pvzl/tif20a15jqt58t+pxcl2h93im3tc3coc0dwvqg+ynjcqqnq03dh7prnra6rccuxirsvgwybkewicvnbcbnzlffzpgyaelvavekohly5qoctwt4ihzpibxojvijyfoxenistwgfjdcvkvrbpddlaevrhn2dq4+pdzibhfxocnxs+m0uk/iuqt+oju0prghmtoyn0yawxwdi2/g8rowr400xqmhwjhj8emhhypwu+hya8rpb9e7bkz3s1mhscnjeqphc/4lg2emicxawog4pop5qj3vixxtdmoibosfwd7c7op0y6izkdmxfbbjqrsilb1xpurqj0tajlblgtydcdfyta0auln+aalxa4pxwsj70oe17i5civuctedq0ey8thu2+6kiwcooscnr2mgan2rdz0ipeyn9azzgjyc+da6x1uhrwp0vjybp+xailaaiy/vq1bkvnbb2q8woxkiqe1sbwz9mjkxacpbrbijrc1egfpk2fqja/gohyrrwesv0ftidvtswn+kosi8xzficwadjhexe8hs9bp5l/q4rpnemzi3sgmtkn618lrbjcxnwxwicp7/eijhitbgyzemywbqr4yyp1bkam2b3owve2otdksuzbxa/bfkrnjmwjkn8p9gxyedht0bef0ul8nwfjdur0ycp68z/+qjul515ilkporbmnfgqnxajw+xnsaosseusit1kfln0fdhtudhg1tlhhnm3n+sktn+mtuqiitopg1jkm2jwlwq+lzraedlvoblftnem0yktddpbjik0jl82/mzr+gsxhdvff2jrq6+/9rrtb8/aa4rkxn/h9zjiag/bfbgsklbr0kqycqwknozksrlseqmipdusyzguuplkqnq5rdqgycjjy+olfqby8x8vlgepa6t9kyb5zepaqtvl1qilnk+jyhqwrw9r1vtcdk2s1chqnta3qjgja11lxq+19ns3j92h0znspe50u3b8n2rlh39xwz5quq376e5zu7e4ivp+neenqtsasydxn60u3dhf6rspje6b3aptouym3obf49e501gzaw43l2u8bzak5jhjd+ma2ox9+zxtdsmzu46lygrs8s0tntodfueenclmhd89yvl4zrng8bosnrgmz5xy0x6dba66nzq00klo61h2u1i8lcwqby/n9xftaz0r7pnmuhr6dzjff3bpunumrvqtneluvxykt8xvs7vfbsczyluncqxwv/kefmy9kyx7ar/d7kkj455cy5i9fggycgtlvahcqrd5s73iwgpdrlivspsyldysqj5rkltmqhwzvb5+ztzce4mjpqyveifxonrezkuqorksyquyrdfzahz2tstjcdsvvo/1gycuqgnysll2dsvufvx7ze5uc1vqtitinlgdmpkmszlogfr6gw5dfurc9jxgup3wplewlniprjhi84qcujyxwsqyxpojna/zv9d+d+fh/9camzxmwtu3cjmmkxnb8r+vlx8ekpp9dlb0ba1jr1lptvpmn4ksnrwgn8g/jmuyhvfyynoybcxqli36lhitdfbugynkmrxkbvyb7s4fo+/flcqnx0qoidhyy9cmlqp+8wryk4wlgj9k19sosbqyy57yfvjuk5fqzprtuk7lywtnthuj/pj1uqyakafkf7uwc8yrph4vkwq40mbg1nafo/vcvgqiy0sx7nnokqgaim7k0pqs4ixomromk1iwgjggf+s4zrxlhrhgu0njxwzt1riyt8ttvlpzjtfy0vypquvdz3vbtvyw1g/72pq9npjzntngokpmophh62+cv7j85iz52q/e0ryimtg4z+bggv6tsamxmry2tga1rpzzvakzq7v8tou/pzkus/msvvtuslozv3//vlmpbq15rx2nzyp9j8c+v1rvxpkxeuzj6pcgcoxypdiuwo8wi4gv8chcisuqx+j7mb876kalrepiewutegudnmpshh2tdde9crsqk8iqdfeyvt+e3elvtxxxqb5x9xcysafgtkmz6p0xrtzek/0wx32xqybhm537iw3sgfq7b/aql+rfli2/bsja0dqao3p43ehugq0z5pwh7+v2tbfnlrtpqe6j7vl5svb9rcwnew9t/ucvj76x/clrwu3ztxkbmfjvkoxzdbuoa1efj/e/5lvhblmoxbe3hfwxwzgtsxtisn+c6cv3kgn5iwwwkp8hfetg42nwkmes3uu8sxbznidhdpldzaatgbw3a/4lg9pkpdka32yx5ixjxpi5yeitvjecmyo5pzg5rqwtzk75zyuo+6te3f6sp0y1x/uw3pgl0qvkby0a4qp5ljxtqtkel3ax0odgzr16jamqag/nlsihjlxwn71rogjk7tgkmzupdez7myu8eo3kmftzpvfx7rwqhbuaxjo/iwrsgrtya3af3ezlsnfe9pzyfu3tu+tsqrlei9pryamgc8onhl1waccagy3onolsra7dll/egwm2zq+bysggomr017arwmnavwtsmeyn6x81rlvupelxrkykjhwrfswnbvamptauuukru4h1kymz3gqsyfgrlbia6os3e8nddclso+6gt2ojuvf33czc62ecxntclw7duk/klf+ts5xztliqsv6i1p7myhnm25ffy29ekfu67lnlzx+kav1b1qv0dzxta25ah0kfmhmeewvn8ykutlnnfs+h48u2pxlnw0utzbr+brwfvwfz3ljzwvh0pqysvbz2gok9jsc3rbebfdq2raiyoxjjpexki8ozgp2czna+c/p5zf75zjd5ipddb/jgsebog1epcnm9xkzcuwqmgxks9diljmva3m2pmaxd4fwfhlddpploqohzkqpsprw9kt3pfxvysskiwfrvpyldbcjp4tzvea6t9nuo725wecpcsng9wpd0lizvs7uf5m6pveyqly/k+mytgdznvbevhuumrvejs7lwwdl/c2zjw1tqp2++f/kvdw0xpcrfuxpg4vomtcg54a5d8wvdqw6txecwo60mo8/rrn89tnvb6atbmrd+ycb58m7c7teqzknksndmfj16f5loviq8ngy+88rg87n+bimxvnwwholuwioz88ogiejpwwotz8ucnjvtzjjcqgxlzb5q3b7qtrwz6fncaqpqhz1b9je2adgbltulrvpsjyne2q14blgicnhuhlsxxl4zcirpopvap9g6a3n+rpkq5rmdua92wj/rwuf5q07dvtybczhxrdrxd0yam006ww11pljueqpew9zbu0xrt3vmhj7+s87ipjnrj7tdmc5uu3zoyfxz88xwk9m/zqf5qdhhdqk/gqxgwg2sfnn8evdmvvnw1nxqvndqfim6unoe1+1rv4ymrykwcofkxi994fvsla2tcwm2v9n5npx/xtmu7p3d8ooicpjoayyukpbuzym0n2ytl912wqsjik9bcn1qanvftopfplp7kjuzxsdqq/q+lkpivvk5vz9qiegh6/rzvfqt1qazmayk+1b6xv9vj8aeo2twekyttvim0uieli+omlohygjmcsjjm82ca4m5l/be2svaa2s9brfs2jqj6yknxao4lfl0apr41hesrjqlyblgex0+l/43zs4ml26+snin2dx/az9rji/ehywqzx1gp1d80j6rtvwyyqmmrsxrdgqdi/wjmnihu3wokm+lke5pormopeqnynzpvppbi0wqvs2qv+rpwxfllws/petyzeg6zkt72oti4fui73mthqgleonebfe60jnsfr0mq2vrlinttiom7pbvlh9e6rfdwuqei7kdbw3mr7fp4kzaqjyn7w4raxibfj9nd2dfo4ppp86sgrsziwnmq4n2z/arrmvymvblvbemb4zomzezregz1u/xlhwo2iiolcorkqh2fqmhgy4bmjyvm4kzrmvaubrz16a+n93u4wr5rent00knv6ruxpsr0gy2ykdrnsjrtasv8uvgtowcg8opnux4iubtmdjs56l4jyopnsyxoregvoz6do4gm6gnjsugiyzlbvmfrr32reytdxnpsrjuq/mesvne1uvo8uychasu4kuug53wqynppumhzlut9ztszlb+uwnt3mlytq9txn9kwb4txbiqksrncmawl766o68tsg12+8te6fbxw1hk6kks9qkuvqw9b4xyvpprdnsn1vvlbzfg5okiwbv68tm9jsjapfaysoezg3x1m/plsmkd5eh66jkfrzt/xnb21lbjz+55bxpdeojvi1efqjtyb1cgq9rhl9q2sdpfqv6ue2ztene99ynhjj+u78d6sjrcebkhne5zjv0lmdtscmwrsgjmyz1sbkuejgykn7i5yshmk6myurlzmohekeqc03w2rgjofxrmtvq6hf9xyamy3glxjebl87vdwehptbfhmdh52ssrlyej349hokz0viudxfv7m/mocgrfardtto6fe7rdux5fsvysac4c6b+/sfiys1d9xr0zvt44wubma7gp7fuxyr8zjjefaojmjmymyb5mdfqrrnhactuvsnj9evb6uhipk3ieldbjibcbw8qdvaqstefgbli3zps4irhd/w6o0fqtpluhyp8xl0stw4vkauy/70kdbknhuip6ia3/pagc+xw1uyype8jxsp0pzh0tla6dllcdxgz7vwj7cnjxznrqsfnkaenmqxuwdh1omuqhlnua+g02tpuw6lnypjsdp+omzh1mya4bvswevipsyt0h1vnqqfhvebfwzbjvur1prxbrjrw16bjy1mlhkvnu6xk2+7kat63jci5xvfmdgiznh5dgs6nhi+/votns/rgvvtnxzsdtqufphl4mry/drtdbj56gg8xgbnx1kllr1to/t5j/vwt8/dzdytdrzsxd9cavbekjisy7m60/mf5opwzmjjhlvggjct6gjay4lqx6beegnc+i9sbs8/5jg61vaerkc1+6tj1al/57a0414sveo9v26uewlpxd3o75hty0iponw2yb0us7c7zsc9nc2nrj6fxusrnf8lcko1hayqzegdwbgaedpraonbdbbwcd28aknsidm60wts2j2wnpnhrszzsqxrk3eectex/fjdlp0vfhwmxuk+jqxdzhezpp7kxvlajukoiecgroacx1jw0trxmbh8fgdzi8i2e+grboccmjdntsx+yo/i2c74dcbu45xgjf/rx3ie6dk7+5sgzrc5t/u8jorse/qbbm25q/0tjsujzpnm33rr3vg83ftolerrbmbts6glmtikvqpufz/j1gvgblp1nwg3u7+2enfs3mlwme5otlyw+6kh1jvh9twerujfl5g7kgtlphxacxtfps+3ldiz7znhhi/ocr7bw4n2azjnfoil9g1zuvdmjmhccmbz3tfjkdwvhsvpzyynhkgvhs3v+dts83rvtt3fkuge/p+b+45ctmbrmns34uebb3fg02cujdna/f0hryak6d5tlptplmm2i2jmzr6tsz5kk0wewcm4avpwxwnbdy2sep6tbvgg2makugancxewwxm5il7cfc7hzdxazmekiy4d2wm6espgctgso3rmnc2onftzq8zodrhpk9u2zmmcdk/ohdg1gfigmmsegux6vd+s0tg7+6objm6ynbwvwp+uuvmn2xpjnsb7hidvsvzsh6xw2nr+tq3h9yc7gtvlfj4lka8quhezopjtsulzki2xyzufp+jwzdznioslocckuh6yrbygblycwvqygdbqmy07ebh+mobzpedijgt3t+4zloh232p57j/kdjnh+fvn2ffoxz+5lc5pmxtogw0v1cbr9dm9fd01uw7da7xiltjnfac5p3n9upvqxst3y8dajnlleemagxpzeqtzdazbld7cpp9xnu7muobw+5esv0z15tyctn8axrbxtzjy836whyq4wsp7mpgmzbk0yck7ybc2mxwez9kzowg8qw5rpm+ajrjiqvnsyk6aod2vz3qmpndg6kc1ommd4p2agsnydtcp7dioybrsm9lgn0ol1keqbbv1xrg7neeor/yzpzw5nudmemm1qylzd5ana9xq9zfxzxjcffthvx6byqbm6xyjqdqw9j7hn7jy9iz6lohetzmkmoq6frdtdvxce61dotvqqrhuujyysaz5xafzuwhofcgbizx+grswbmawapyc8mbj+bivzm7fizz/kzuer/gr7lhk3mgaaxxrcppcczwdbkazadm0mmwlerdh+2z7ep2zfz5sp7ld0z/tcz/eq8ts+b/jgqhrxgr8fqfch2waymsmhyoogiqygfvczpjjqtvzuyy/wprqemgcyixklxtl4x7jtss2vlds4qxtbs7dgoneatmdowv3pac6k/jzanvzewkzd3z9zm9to8nzzestag0wdudhrni+w5c2nz+/tiodtssg4tnujzzqadqtatp+r3rcqzsstzgxnr+vntk0y68k0ot81k9djsppvw4/m4i8vporw5oyxp0/hqiyxhyb9k61xfjlvk8ck8yo8usdaaqrsgtcfkw4avt6ywjfjauqepxvxwidkebr6q0l6cbexxrxkueuecc+blyzp+c2f50wbyd/njw4lp2y5k63w2uf5hsis2kputdju2mpveevonto3hbroqlsuzzavt69wqrzdud/npxkfvjcnkjku3/fd1kzrnfbihwhku8iykt4f8cuwxk8xifm3e9pt+ywggemwo+ybmkiuim9tt0qt1fe0uduyx1apnx37nce5di0pffz1vy3gequsvfzortvmt2oub7f9gcvlraq9m/xqftiamii6p4kdbqz7lt/34nqlx5750zxy2t+2zp2ku1pvodlyqp4w5/nacljztyw4brtlsfoxo0my5yhorh42lhnt/ce5vgslrclz6bvh9xz0zwdaylioieidhwhh6z0fhjlht68css33xwjr5kbhkmhpwl23axihp1irurpz5vvznreco1jhutkm3a3ruvqz0rysfbkuutrfx72nbksk7pdbplzn29s+avurgzvkgwamn/3p20qasgx5pu4hhfsed+9a9se8++f1pepnehmwwseed+8wk0gaxaapsuvbxtpli9rupzsscyjh05xakx6qqoqprbtvnsdfcnc3ircsmdjqzqcnmnorpzpiglngqzqzrhcvdeazhdkiot7vbwyf4lotejonh6mi4hvfcbcue2hdijpqrzu0ig1m7jhwagh3zqjvkokpkeia6nmr+kvsykalrhknrnjdoquxmd+ssd4ryizhnspwtz5byhirj0sq5ltk1nxdi9vlue8+q1owhw0p6xklxtajkjysckpttanatfj9kbzbpp/660aktvtqlqv5gcuhlbpkkfojhu00m6u96hdzkovzcnoxdmfmh+hryu4w8dpq0wunpqoxwpit25fxtkszzhtq7tlndndtiswm0o53mpnfcfc2taw0drauldqv0ej5e+mlju1vypicxhmkgioqsbjhhlx0y45gj0vywbz3zoerj5mywzbzttf1lu9lidk+7rawjq6p2tnyaz9ly2dxhc3rav+xvzjdaejvsrfiaxzjbdp1tadghw3klk1yvksbmzoqxmuiaghvepkxlhk0sjc6oci4z+ix2v1+juk+8j5ttcgpbat6t/c1joiabu/mcwryejj5qq5jvsmtw6orfsdipjb0dhr/prawxjpqiphegu7142c3fp3vzlzalditep771yinzxvq9ew2efeh4ql6pnjjj+sf2fdwrqpios1fk8ja+utberetqmd1uqouy0yhk7qkukhrrgr+hlpfslkrjyoneifjqpeuq05bm2dxtca2o0eojnybqp42sqyzgkuk8jojrnt4htuxmvdgdlj/+w6quwzz9so8sj/kce8+szcwc2dmvvrsplzm7lafsgz0e2f1u0jlzgogi26h6+swv0z2rlp5lp3rqnxhpr505ofsiy6a695zkya/607mckn7ig3yl06tgtltlrye+ajlvjqefnqipw5xmlawxaceo09kgwwv0wsewkl4d6+c9se0mmxua+fhzctszyk/z/nsrbiq9nntsazfy9dsvlupqu6mvglzno8eon8hzyehszszd7bkavningliojutfboigzx4uxuxec3oaxz6sjc1zkgebhpdwktulkslnddklzv69tz54wmfldaqyxho1pfl7gntgkc3trpl4zgzxm1wwwqnygotfbq9fleus5vfc6uwnuc1oxteujulku8o5lbh/nscfl1gkzsc1etmebxsvnypv5qevu6c/tfec9kwcu51lhu5mhed/uwfypbqbnme/teg5tjqysy+joves3btkix6hhfxfcoy0oah+eihd+raiwhaa2bwfnpqkprl4p99ykminf/awhgunc/wewvwmwvbauqhdprhegr/6gm6man+qewhmzwc09ltf11w78td9h/om/eukjjhbzn1wzstf2qax0c27g8zrsumrfjfwkchbg8fijhr0h+ubu06hzfz0ytds6f+xdi1dpkawdj8j1wmsk+dwpwvr5pzrvs3nk5jmk9tlnpkyfpgliyu/mdmnagmh4yt//vkrmze/8qvnv+h9evqfvm/g6ryb9/qg7ilmyk4tb59lmhco6zhgj7f7c+ao5wwbrvjz83umlvkbzp6berlw9ssdfevstjbfeqd4hpsntorestnkthwkppupevgsjutuki0txz1m10mrtku+za++/poveeokqy1204/pwy+9sb9+rm8z4p40qnmts9ep1mk98c11cgdz7etiadijv5hilxqgo2l0ewnd2ucbgmh5a81soa1julpmzuplm+2uofdu0k4kwltboxw0agmpy/saqnwzi4bj2dhukrrdik0us/mpsvkxeky1k8xf6my8kpdwdjapufdx9dlkytpr7+jqcxjzq68rhlvzcykkc00mer7izotw9lrdzytu7sd2fcmnh/k3ytc9tll37+izwtzh4eydd23i6o7lw7qqiekszzhd2vpghvdiqtn75pesuw0w+9guyownwz0tdanhhiunssx16fqr/fdd2zhbue7wg0v6vnhvtaum660oo9nqtdhsbtql3dj94oulrqgvtwb0xuhapy2z5psg4+ph1xqu945igjg5so0t6jbofkpigz14mlsyrrsecvai4u+yhq9ggsuogswuixhfsjgyxjzaplbh2lad9rxwrb20wjsjcla/vjtmpfu3fi9jvpjplaumgvxl8zfuiatmjknewgraggmgfuxqgn0exafdtzk/mi1q3omysjulk5hswuonpczswv44wrr5yqofoefsgl+8uxcg7w5z51yenjbidmmgvqfgyhtkgsqauhfkncsjpteyrmy3mb9qqjihlhj3dbamt3uwnommj0tqydgp35qo+7yo277x0wl+yxqpcqbhmoqtsjls+ybprt4lbucw+vmbdnisulnpreg8z6mun5i++ag1k+7dujvbtafl+ujyugt5kzxlbh3kz681tg3synk5vbqvyt1gf82c6aprpmw0rgpuwdojeo01bw7r7nmhfhzom7urz8bk+v0zwzbexzxnowfkino3njqtmdcrint2l5wwtmsu9i3rz2maxhms3z/+qghxzbnhyh1jr/7ifwsxttvrl36ivuteu/23y75phe5licmpboxoxljy7yiglxw7sfnwf9sdufjjubxmpsmxtwndfasyyp0mjq9wzmnbykya/cbz6fizhsakgpjeeclfegvkzgc+mt2ukdlmnkhewckihcncpuowvtmegedfiocrucfh7cschvfpv0y8m/kxy0atyo6zvy7jhj/ju0f2ja8/wh8ubthwvdjhwp6tvdeuyc+fqoqffq2px7374zxr4nxxa3vacys/or2nup+kgz7aznh26v4zuv69dpiud4+plpj6e/ff+z7cj4x8fkd/lw/ozu+t++xpdtrmni3zci2sqfhvwyh8nzof/0bvj7hmzadntkezattip5mpnnnhszhfp9a85wjqwry2ghb4ssgmxkwjmy7jyzsdpiavkyom+4mvk4kvlvuee7/oevcyi7xg9mnezkjxn2blzigvkxrj/bm2kuayxscv9+nns6djjdacimznw8zwe5y9oyen6zgmx27v6dn2iohyycp6fcw2hg8tuigvw9eweicsbndqnhzfwpwvfpbhz3ax79myznrxxvqtuaprm3xu8if7xitrjho6twvyeb3yjgne1ln06mz2aqg1ptodqxa9/pjdbpu5kgl32kyap2uv3g3bqxof3apxpmzyewvs/ux063qctzvzkmk0qpps2t4gxgyrteux6mehqhisds/hyybyocs+xpaf/0hn0to1t0hxespmbfmyycayeb3rak+ucyvq0aelhy/zaar7bdhhzbu2gqfagvarig2mxo+ey11s6ysk01dw95ezh22zpvgsnwbkf2jzcgvv0vv14xuwt1urg6ymjxasqxgkvcwpv16xwyptjal13rrbtxvlbhkq9lrdt/gcvkazgtwdjjsnxmslefyblbqznsy+fdeyalsnnimjn0pnclhx2gnxz0a8fyt3t9tvufxylhf1dpy8ubikfuf22g+aqk/jeptmli31xyw0raetlbdlt4litxjmt5ixqsjmmnwxpwuwfztompjnwdayzlntuayx2thz4mdx8nm25uo/uxip0jvo64flh1pw9xjyeaeiy9ys7lrgpb+dz8scaazlxqzf1renwxdrhvu6myiy81mgzl5n9+clp2pm0ngx/49qsn3r50ew6swwbrhqy+phdmxr4kelvar8ftlfkw/beyp3js/6+qtdwpgc8ia3evonrs6+jqm8hcye4vbzo8wffxvrjvng9vpt31g7c/narvwnks1mfuxfxubgfc0z0b4re/agrbqao0w/uxfnr05qew9f7uh3qyfth7agdnb2b4wtvgfrqah+yv3txjkfdmvgrsur3olbi8wv7s5mc2wfmur7s6sgyhkyig6nz6rnia1w5xzubio5ebxv77gm2c1othphvo1tm9b01hglbcuc5v+lss/7bd4/ngbp9fgslm2ac2hops3moznzncunzvtprhfrwv6alukzpttbtbndnnuga2iaqaazkhr1syxdmzid+6scjxfcw9wytngk52f8cm3nssssti1nfhxlrw4bg3421pds7ddjxiysg1te257em805rmw9fv4je44np/akwmyazjwqucjhx6g0scoattkm4bkg9vyzwtzru3ahtds59ysmzxwjejmyvtlbxjzeth3jdlvmbzjtvuy1kog5qsrjwngrd43qspwll+n2nyu9yulujr9tspmxsjdo6fnqzya/ec4j2g63uye+le0sog/ttehsixfearu1awwbrzpgszhldhz94yvzs/7jh0skt8zrmuvgzi1izn2n9+nryxdi5pwqmloppccsfz+llm1itcrpl8dvndribfsxt8bzyfxcgdoxjyxcy+zsjavxlcql6cza6cza6cqqs2ddlv0jqqxlrdets6wz7h08pcja+51ikz2n04uhkx8z5df+m8tejvbn93ovgzxdonlmdzep7cxkmdk79aifpty8zl4xxwvfv0wnmaxl12bhmgkojb32gu6+hchf3xrg+lrp6+zvwvfsph6haa3t2ta0n23qlczp3tt/xkb2mjeyls3qwq1ql2mipdjrvpghjtx0/tupbky1+7wwkz3vyffbdxh3ons8qrn+aupqljolwcmhpdxgzu7exwqpyuqwkj8p9iesbrtuzvvlgafhypsgeek0scn/gexh2m23wybwldawnx3zulmjoz+c8byillpnoajdt05ezwnxssc7cqw8i1gsjew4cdtgdp4os3hcjim4vuwos12owoc+rcxscuiotdxg5qgpwigtfp4xdcc32o5/pneitdfiev+fuswrywjwpmo2+wc/sbrkze4571d2v2gbzxo5jqv1molcttulmzujgwcb9o3xo5xotcgil/5ucrs1qroodl/p8tgzjqte1phxlngzm+ne3iinxoo9k3ss2dml9psupcpdmd+kssp5vsyzv0inqwmecvo2lztmg2gz6ob34zgpngnsgvn5fjk+u4twlhsurcmro3idy0zkx5vzfksi/zcerqbhtpjg4ctrtxvs9scl4hdidjyfbk+jlxwtdsvr5eyc8y1j0zilkatpu/4ecmkr/zmtdz1zd1zlf4tshmcvjcmhshesosrl8ahgi3yxhys9mt2ouoxbtdul78exblsxpx+tlb9yfffu+fqmao/mfbfmzdqzc2fmlru5asbfqrhzen0dgzmlvzy4pxff4lio/vhg43ddzmv1ab7qhy1dn0tpzhvkvptw1xltdkcw1znquvsd1q79dy0oftetvllv/hd2tob1rd/85dydx9yvf81euvg3rdmllbhhnurjv0mj0t3ks+ammmnfagabj/qowa8krmjkmpoglncb8uulvvmcdld+wxpypg1sxscwrjna17z3rg4mhpvxdsxeg0u92rauziquh23osevgblnqtnt69g+wfi7yn6dj78lyykw7o6ox1kanvfdvny+qcafq+tjymuyafexeok7aoyd5p4ktmzbfz6d9wsd36iaew4dr2dskcmcouczgjcvtpxoka2ahcrlqiyvn5febzz18jdri9rvdfpos0+n1wllnxqgbxoexdbuwl5gn7/bjv9sb8j056ie2/guhsmyojrwkhcqpuzhmlfmq3efbx19qnf4v4tmhgpdvx/jj24inuya2qp/dkqv+eajsy39wnfbe8v8typj1ccnezfrhlzksiqqvqsyo9s9qvio8op5ghpf/sraryskrerlzcb6wpyjdenmqszuduecy5lokgqxtf8m18lcupqjzqy6wofw1cs0r6ce4pkx6pudjwlu9ixjyp/wlkqeeixxytpin30cyuaar1oqeastpkdata4hduj+1wfyghxgu2aksaoqbuycllwdynrnsl0i1dhyyc+w2o0yp4l+/0mnsrfscpcy/r/q8oqb+sdnp26j9gs6m+7u+go3y7dhpjjlkte+bt5kpmn+1xgett3lsd9on9ki8l91m/7bd4njk+tvx3e5z7r94fpfyne8s70qfxmfx/sjvltordvixyhn+woaaf2lac2vbcfam446if38drawkuvzvetzq+nmsbbzunnczu7sl2jsybs2ylwssehk7ywto6r20e+kqeaefufqia0jcjcr+ifyjsveipulsfujkixyjsvoihujsf2kbefuf2czejie2crfbipvcrbnirrbxclfginvcrbjiprcjqqwqyrkqy4qyewjyikvclbfisijfqiwsyqeqg0imclfaiplc9asxt4g+ieyk0svehcfmczflib4huoxoeqjtia4h2ovoe6jvibyhmovoeqjrijlcxiroekjeiblctbeitohaiwqeqbaisohkisqekbeitihsiuqekbaisihciqqeybciksq0ifkeybuir4hsibkeybqiiksgegehqkiehqgiks5emhb+ivkf8anhfsjfci8qbifcqjifcahhf8imhfuiixbmiuxcgiuwckexqieevginegohveliqkhcucfiutbjisaegbfiyye+eujdit4q4n0h3hpixsh+jcq/hfiheh8x4m9cvcpex4x4ixaxhpgvif4sxntcvcxem0k8icsfhpijeh8q4vdc/e6i14u4l8rvhxhnifefeewi3wjxayf+jctlqrwkxitc/fkif4t4hrdpc/fziz4t4mdcpcveosf+ksrphpixem8i8smhfijed4t4vhbnhfieen8v4jtcnbhiasg+lcs3hhhkicefeeki00kmcxfkimefeeyik0kcecihxheh4kice+jrib4pxcnchbxig0j8xyivcfgwea8j8vuhhhtik0i8imsxhbhfipueufeilwnxrsg+imtnhtgixoeeueeiu4w4s4g7hbhdinuf+kwqtwlxqxcfeeiwiw4w4iyhdgtxoxa3chg9encjca0q1whxsiidqlwtxaehrhjivxd7hngrxb4hdgtxprc7hngpxa4htguxtyitqmwryrmqm4tykmqgidylsu6itujcicqaivylsuqilukmcrfciovclbnirihhizyksusiisewc7fiiivcdaoximqcieyl0s/epch6hjgrxbwhzgsxs4huibqe6bsiq4h2idqeabwiryhmizposnuyvs2jqh0qa+zewa06yenxjwk1cb3goas47u8etijcx0n7oe3htjvtlyn0mciyk5hebnrjaqen7txtgw9t5bsfr25opdfigk2cnnlawlos57so09pewgtyxsfpdafvnfzxwplia0awur5awwk5p2wcrjgnc1rkaqm/boihfnnaxgkhp0foa5wwcjrpqz/tpe59nozy6uu0h9nstrm49xdq5ttfqtph70adoji1j/ydclvxak34uxbqsfi7qc2cmjg18rsz/loypwz+xt2ngzym85x1ngr55twcqjlvcarkvmelk+duxksp5vtcqzgxvsspkf9xwcmfu5ttne55nhi55fciszll8tizouu4zfciw5xc/logpwcnde5pnpycuhops2ashydvinu2qimcpdzszcnfi52chjzspm3gycojlzzmnew8zcjjwenp03sctjw0cd8cfls64esfqtjjpfliicqjkeqnou0oweg4d33m6snoh/k0d3jofu7vcxqx078s3nn4j1v/thj7qp/gob9z+hund3jax3nol5wucpovnvzntm/zylc4vcnpdu5/4ln+yen/4khf89dvol3o6txp+y2n13jkq5xe4fqbtr/mwx7fqy9zeimrsgbvetgrmh/0s04v8mhfchqe0885pcez/iztszzyhkefcvojpx/zlm9w+hgp/cgnh3d6pqeznl7hc36xh77d6qynp3natzl9i0c+xeljtk9wos1pjoc8xuopc3qm00lojxkeblq6kfasah3nfod0jnojnl7j6rforzl9i+gb16df56v8jdpdpo0htl/l9ccnr3b6gnoxod3p6t5e2l28lc9x+ijp+wknz3m6wulz/ij7eohutndxupon3cfluz3tz3nabzxu5fqztrdwupnnvimhdno6kdmnnk7ndf3cpyk6x5twlwndw+lqwr0soyocrk64+xe6khbjsqfxjdyvop2c9vhl9/lr9ndanxcvqjyr+ew7oo3ktiptdk7bog3lrw/hl2/mtcnhxo5snvlcnvcc6zmt47sw0xwc1vdrvnnaxe9sjb98lnmknnm5p2wcrjgnc1rkaqmv9bc/s8wcfvfkl+rfd/ivguc0gn/ufp5f/byuezz6om3l1jtwxvcxoqkxm+vshisn2fkj1yfqt8jvaormwbo4dszcwejqdh5q59tgi1strv1ia0m4rgc1j1xxgzosrgogxosjftstu4xta6f6haprajqdh6yn7imi1xgqtdjzokrhvj2wtyfulbapgcot9owgcp5wzqksyc9hzcnpwzkws4ovj+zmirvxkusxf/bvyocu5yvn45thc8vllmmpm1nwws6slmkpwsvm4gwgewehxkqqu4bfl84pjzofuyonx8i2hdk9cdssuercthtk4etm5olk5otgf9j5btyeaevk4wtmzoi5jtyngufqoek4atlpee41z6niktinirplrgkt1mvbhgnr8uc4duxwy+ipga+bdxd3pulea94f/gx8e/h/ap6otl8h/a7wv+avwaxe/xfwz6s9jfbbwjvag8cflkucf7ssdv4b+d3wo+b1xj0h/xz4dxgv4vfavwf+dfwkenm8nvisust4ivix5nxbf8zzwv8az0p/3bwnpgf8dhgw6ecq91pz+ubpoh8m/qz0j8xxbh9oxhp8gxl18pvmvcgzupz7ko+7whea2oqzfd4nfbv4lmlz8cntluctpq3bj0zbgqebmeau4h8hhkpasasdqfwcoa7egwpgk4opgnchv2ncg3zeuc941lg/+a3g68dxgiebh4cvggucd4k/ajyaa74mvt+4nngf9l3qxwk+cp0flpv5lhuezx0ocfcadwn3axccdwc347rporzbdloctxpmbz9jwbw8xfdv4m2gh4pxylnba+tq4cfahtzyf6d/6qmh+q/q39e//+i+fum+atzn39e1b8++o/t+sy/wozhs7d/dv+fo7v4r+3f27zq6s3/h0e39qu2u7du2y//cto9up83baff2kphttu2h7bjpw/+w/q1ht/stlxo2hngs36kqi285v0uiwyjemdtzyos/0moeqo7dyra1bu7f2l/p6mb+dsvx91+b21ptvap/9dfv/surv/sphl3rv7x6wf9i9xd/0uqh/ivhh/oxvy/sx3r0yf9g9ud/ausfxz2vv//ovp6+6t7+uud7+2dxz+qfhfie6q7+7qnd/z3v7f0dr9v726pb+1tqzzjmswulyxgifcy2kw13gj/v2fjsj/np+9/xq4g/7j/jlx3w1gcqlgf10abzprrrd5xvvp9s9f7mk8w8efmt1psfpfw25a8pkmcsja+wlxhsnpbhvh4ye3rmsbqd8dq0cy6puora44lkt1rd1ooouqwwojss+3n7o3bz/bttzzbjaqvw66rvilmr3wojwit2mwmry5asqlarowiw2mekwfbezihhn59jmjov1womgqx+bunsoxqznjs1xowfxa1epifkcbwbzpae7yr1b1vlpxdf/nigpbcdn9cxjxan6cjcrrhuzqi4vsge1cc+y70l45ob8acyfy4aoe7pzwbxty6b5svd7a+hkufrb7mfpdd2xdp7bhly/fennw52xq8whyspepjpgiyd0svbt2+nrrctwcesrduiyi9cddsl4qcj+n26dwh2hwjhqdc6wy5//+hzkg/pvvwoxsda+d9z/y+jof9l7vn/8g0ej+zp4c6clk4hk6rdwehgauaacbwwh9gh7ax2alubk4fdwe5gb7ad2azsbtydm4cnwazgpbaowatcaawbvgorgjxaklacwp9yqml/neaaayabpcasyahydcwcfgkdwacwajgp9apzgd5gltalzafma7oahqab6ai6gq6ghwgdwoewobloahqbmuamaadqgrka/uyvvafuajvanvafvaivqdlqbpqcjuaxuaquagvaphafpgf5qc6qa2qdwuameaeygdaqaojaaegh0ga/kar4ac+qangan+acniadsam2wapyadngaoyaadadokalaaa1ojo5iu8zkaakelkcio5oaopax8bhwifab8d7whvau8c/gh8c/wd+dvwneaf4k/ax4alwx8cfgbebt4a3gteapwf/bp4a/b74hfa6cb74lfaa8crwcvab4nfar4cxgzeaf4ffai8avwceb34opaf8dhgwoaf8fpgj8gpggebhwa+bhwdfb84c3wo+c3whoam8dxwb+bbwfpak8arwghgdtggpa48bj4etqai4dssby8cjwdebr4cjwdearwnfax4ghgk+cjwifav4apgycd9wh3av8cxgi8axgm8dr4dpafcadwn3axccdwc3a58fbgnubt4d3alcdnwehazubg4argeua64lk2yeondahqioalcdb4crgp3apmavsafydvwj7aj2ajua7ca2ycuwbdgmbai2ahua9ca6yc1wbbagwa2salyco8akydmwdbgbhoglwbjgcfgmlaiwaopaalaama/0a/oapmaumaeydcwcuoeuobpoanqbnqavaagagsay4n+wi/7fcgud/xtu8n/wpxqxlih/b8a32dxlbmrzdhjlyw0kzw5kb2jqcjixncawig9iagoymdckzw5kb2jqcjixnsawig9iagoxnte5mgplbmrvymokmjaxidagb2jqidw8ci9gb250idw8ic9gndegniawifigl0y0mia5idaguiavrjmzidi0idaguia+pgovwe9iamvjdca8pcavsw03ide5osawifigpj4kl1byb2ntzxqgwyavuergic9uzxh0if0kpj4gzw5kb2jqcjixocawig9iaia8paovtgvuz3roidm1njmgicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjatvpzb+q2en73r+i3bqowil468rbzzbyjecwcg9kasr7uetutji4ehepx/vqtyhxvurc8orylaxzzvirfoj4ww+wi+bm7odiwyks600agszzqxdhc7t7sojblxje5apqpd4khbslsyakv3au6gxlelgghl75t4t3x3d0pd7sfln1ttuseqoqytrka6udfo115f+2+u4tcjdn093khq4ly611zzyizcpeit6nvhu8wuxonc2sr6jry0331dpffoy12azjfsd49hxfqqysrkpfku6fy5/276nnq70w6t/ebemivovd+16fvyjrcjniqtgsuwii45vfsbtmdacdhiarctp9dpti6anm67/j7ge0/3kuzzx+lvjqprk/a0fbn3sj/ivwsmejxxjw2/75r39+lcbgszv8kdee9jp3rkvfdxgpgpi9sgauwvnq3t1qouuzc1tc3jvyprpr7+vzbv90bsx+i8phhqvre1u+q4usubz6nvw0s7h/eyfsompcctnzgq5z2jiozh0+9zcuqfabqakniynuscv/suuflykj5maxvd4/0nbmfligr/jxxnmprmnqgys+2tx0+wp7mnpdjvux13tevrlfhfpqvusslyrajn71klp0e3ci+e+7zzva7ybnrarba0vxtuoflx75rnfgilkfs5dg+nnhqonspz1tuev39jx+rrgwryytav5yq4kttvvvuu+k4h9rj1njzu7+vbfucmrx/t60l7qcruuo67wehdvuo1ujttd5wzxacrhts27/vu1qfgg4sbso92hsgpf3enln4gfs1rpkw2qfn29pwh5qi9tngqydhjnr6thqs9nlfjafgjrbivtwqjewaxwe6dgpejsakhpqbooen4xwf8z8dimqbzdvchkr5h80dl9orgyexhing9oofw0wybp5zmi4t7ur4/utwk6arp5kgp6oaz8urdtefrr87oiy1wmgusjgm2m9zmlzcdb7kms52iq1kjza2r1nfogyojtlbypitrdtoxmlz03kix3c/hvsarebaiqbmgu7umtlup+bg50rzys9zhipnrpal9pbh/fj9qj1bwovumhwomgoxunwc3g5tpakvlhqhotdmotbq8ilb7honb6h2vmffosj5ysfqywubbni8sck7+rydnzhpstqsk0atbgnm5vk8cdh+q4e8eo95gdu/elo8dhbss6d56vqnfurz2o03nsd3ogz9ukgpil3fukwf7f0yumozhkxo4jjhmjqxhr2g4fc1ef8agou2w0boykqyp5h0y2d3t/mke4o04y4fbljv6ubydy8bs/zrbswsigxsrjrhpbako9ym7/38ucax5urblzt3ddwya/+gusih5n07k107ww9okbi3hdhomnbcicuqauyyzbgcuhamkyf2b1f5knqrj7zzjyk7lftbxiauvcz4r+bju/owtfuujkr7ja/mbdble0trdkeuh5mhhu9pvcyihtqiaeja+8hkmcbkrayhbspl0nozsfquixmvfbphborokdnw2cmdtq4dntzdk7nh5b/xsdbyoavb3sxc//burv4u2mwbbhm8ym1sz7guki/g/kkk6oouab6sps4oby6tehrm3dvhypwweiycczkos9ppsofm1numoe/udlqilxybh/qaosj1vhs7abboigldwra7v0wz7ognykcnzdbmketni+xc9updb8u36+61iyowm0zeec5n++kclg2+oylgheksxayjykqrggyraacwiize6ugvvj1j01mci1aybec2dbjvha1xj1gcank9kfbgiarnumjqnm7hfnvosqga2ybabold3ip8il26ch0htu6cqoyhilbifvuven2s6qpfyrh+ok3dww2e8ajch/rq2eqop5zpdtwony+cs84/g40u7n4rdjyvqt5ojg35dbqxe/9yvkmxdymtfxjxm3nznvoz3xguvfyt2v4blj7j7ht8uqnh4tqek3sjcu0pmvyampnq8lybxzv/g3rbgcjy0tadd9/j2fch9g3t6pfljcri5gjrrl4yoedho+toessbyw5fksrd3ancnyphvd6ukkjxjwxw1bjql5finqwjacuvcc2mwjrljykjnwhmx9svtwvpzyfoyrhfyafji5cfvt5tlhjodggf6+byb5xitf9rliyafqrsxu8mtkwpoywu+vsmvtcj4rftthrbz0okwgskhs+whizhwrwxqpktjbzdgpx69cstj5wi0ijmyxjvbsv02eilsokyibkr3m6uhmzk+jiph3yhw0jbya9cyv5kb7gxtblgjtwfwqewthylp4wh0izukjv/dnibvl99dsb8uai7qdxszcimo2ybnjsm38bmcp9mqqkpuxj2dqt9lkbl0ja1yqo/cmocahhfouk0wjrqyaqz81cssqx6xqkqrhaluryojc0scqulg1wrvpwcutqeldqpeblu+zeyhkurwabbn+nq+tsgyibvhxmhhf6wc9pa1nfqcwecscrxqqzb0rfj9x8hfb+yzjntmpyfctyjwhlib+bczsiqphdyr43juhvwmofdl8nnyxscaq3ijqu/aey9bckyihy5xwbofp+b853c/rxkc3fgfxepx5bx1fmuzixye62ote5jvt0bzh5yw/6s/f7ndyyizbopll7t/gel1ff0q5rzxkqjrasuciuvsol0ztavt303pz+o2xkv3dr7w4hyfx8dtgaktyp29ly/4ctgynpma/uf3cosyqxbxkbngrzvhx01ebbpmkdf55akodrsry7tndposcg9keslwzdyhx6zxujlibtyhe8oy+iyj1gh5aafzqqhbbx253asbojm5flusue8erxyfmnssxlvsxlvpfxxqbk4fqfoubgiw+gqu8ho6oxah9tojox6ts0vmbvdfbvjlikqfcpmm3uemnpzxrwpxiptwxjjelpem3snecejeglq2rwwen7ljhg3k9ksotqip3eoix3/vrjb7mpmt4ny27jhorvyl1hgmhsiaf0/ay+y8khkdprvmgwro/hib4ahbv0/ujhhi3u5csadegdynfnd3weows95zfygjochbv2zrjscmeb76mrxrstwcvirprajgwwmiazg+vhzjnsw6hnqwmaegn79trflmohpbab1ny+a4penmlm8rf96hrugkc0gy4fidug6wefomugzjzqkxqjizv329r27+acsm2xyrivunrnywep9ms3wnkgkz/bq7sphs8tl/erw6mif+mswqnaqiajio8kl8nt0sjao71f01r0kwhzyptaxuuthklfdvlrgt2r8pwszr0qzgcb72uwbl+fn68znvf6pweu2s2+vvobdybfrpa7cnea9p45b9wpkz8trvcq/9stiyjnyxewjsebue5rdzta+jjw5h1mf3/3e3dryc5dwjzhl/mct5a3mo942qmsrowngpq5b1qah102uq8a6/gywzub2ycwqirfatcr+tg7urtl1mmbv/y/oydbv0sk48qi82yodl7fte3s1f/g2mfpihy1jf2o2wicn0enyvhc9af0gsmrkzgs3kw9exjqgyurm8xxazuoqqmkejr9cvjvijkf4p8ssstpppzsal8s1nrop2ixudrvdlrwpajbiad0dljgwnikv3tm0t3yg1a2tdkus2auubw2ar8fszhvw25ulzjls4hoihd0zijhdxymzy2pbnm1pb6ahnrrkdxzy6on5ny3hmq4uyagqygvvs0ucagihpchqkcsobyyv5nug4remfslgbmyedre0vf5hiypybb4druj4hvgceqharayhyli6v3zjeu6f80libw3lfqgbycqjigzjpiuswfgv9cugqqyhjjo/12mnqh4rtfxfynpok/o0ukn2u5u7d90jqfgcqcldonttjyahjvwcbkpg3zox4zhlek5lqeadzqh0+1ym3aqt/mlbj3rlr7hlys7fazzycq9rneyj5kf/gchyzwkqvvgba+cfywjhr+2yv7xbspiuwillcxztkrfvlai7glz+sybeeqzr5kgeew2badwphni0eerzxglf4dt5ljysvbfodgqhewcpm7jcxcwdvdkk/ikyule1fvj4ncg+toetlqvz8llhkobkf2s2xfvt1utewtlhysl5aw5fkkthllwr8tud1e4jweja9xlhwdh7sp9baihcxmww5p3ca1vftsaqkza49knt15nrm3fp64fhxvps4hls65emvfg8zhevhfqsbynoat7papy7qdsglk/asztuokuwzgudg+1gl6jpr5mlu0uf9xopwyyd0y7unytiw/n1tablhpi6vvenfaz+a6uw+mzzoviqsucmb6qcx3djeexxjckgvnr96v4woc4udwpeomx1ysa2p7db6gv3anqnk+vk/3yvdj+faplmipe63m1xtfflniwvqgj6h2g0gvlczentzt+slrtjrqfqb/9ywm4pehvgt4cv0jhdlqreppky8j2rnf2sjrt3pnwdq2vvpbbtyvlifz78tunjxnexffat4eiqhpdy5oqn+zzakfwgf6hbfuc9g2c+pql7bqjgcx8kkhj18xgg8caw6fkzqao2ptultxlymtgc/a6gadpmswd1whppixesmuhozhgtmpzlr3qy3nadbtvtej6mejbxzujvlnrwvtlrzvoknwu+x0t1dawasrisyhv/cvpmfum1kp4cqtynpyggiu8uzzivxfha9e25ely0aun33zzd/rdhq8pzzw5kc3ryzwftcmvuzg9iagoymtcgmcbvymogpdwkl1r5cgugl1bhz2ukl0nvbnrlbnrzidixocawifikl1jlc291cmnlcyaymtygmcbsci9nzwrpyujvecbbmcawidyxmia3otjdci9qyxjlbnqgmtyxidagugo+piblbmrvymokmtk4idagb2jqidw8ci9uexblic9yt2jqzwn0ci9tdwj0exblic9gb3jtci9gb3jtvhlwzsaxci9qvevylkzpbgvoyw1licgul1n1bnnwawrlci5wzgypci9qvevyllbhz2vodw1izxigmqovufrfwc5jbmzvrgljdcaymtkgmcbsiaovtwf0cml4ifsxljawmdawmdawidaumdawmdawmdagmc4wmdawmdawmcaxljawmdawmdawidaumdawmdawmdagmc4wmdawmdawmf0kl0jcb3ggwzqunzqzmty5mdagndk4ljaxmdkwmdawidu0os4wmdu0mdawmca3odeumdcxmdawmdbdci9szxnvdxjjzxmgpdwkl1byb2ntzxqgwyavuergic9uzxh0ic9jbwfnzuigl0ltywdlqyavsw1hz2vjif0kl0nvbg9yu3bhy2ugpdwkl0nzmsaymjagmcbscj4+l0zvbnqgpdwgl0yxljegmjixidaguj4+ci9yt2jqzwn0idw8ci9jbtq4idiymiawifikl0ltmtcgmjizidagugovsw0zmyaymjqgmcbsci9jbtuyidiynsawifikl0ltmjegmji2idagugovsw0xmyaymjcgmcbsci9jbtizidiyocawifikl0ltosaymjkgmcbsci9jbte2idizmcawifikl0ltndmgmjmxidagugovsw00ncaymzigmcbsci9jbty1idizmyawifikl0ltniaymzqgmcbsci9jbti3idiznsawifikl0ltmtigmjm2idagugovsw0znsaymzcgmcbsci9jbtuwidizocawifikl0ltnjggmjm5idagugovsw00msayndagmcbsci9jbtc1idi0msawifikl0ltnzcgmjqyidagugovsw02ncayndmgmcbsci9jbtugmjq0idagugovsw00nsayndugmcbsci9jbtiwidi0niawifikl0ltnjkgmjq3idagugovsw0zocayndggmcbsci9jbtegmjq5idagugovsw00miayntagmcbsci9jbtcyidi1msawifikl0ltmtqgmjuyidagugovsw01nsayntmgmcbsci9jbti0idi1ncawifikl0ltmzcgmju1idagugovsw00niayntygmcbsci9jbtggmju3idagugovsw0zniayntggmcbsci9jbtyxidi1osawifikl0ltntqgmjywidagugovsw0ymiaynjegmcbsci9jbtqwidi2miawifikl0ltnjcgmjyzidagugovsw03msaynjqgmcbsci9jbtc4idi2nsawifikl0ltmzkgmjy2idagugovsw0yosaynjcgmcbsci9jbti2idi2ocawifikl0ltnjygmjy5idagugovsw03mcaynzagmcbsci9jbtc0idi3msawifikl0ltnjmgmjcyidagugovsw01msaynzmgmcbsci9jbtmgmjc0idagugovsw03idi3nsawifikl0ltntcgmjc2idagugovsw0yidi3nyawifikl0ltmzegmjc4idagugovsw03myaynzkgmcbsci9jbtewidi4mcawifikl0ltmjugmjgxidagugovsw0yocayodigmcbsci9jbtuzidi4myawifikl0ltntkgmjg0idagugovsw0xmsayodugmcbsci9jbtqgmjg2idagugovsw0xocayodcgmcbsci9jbtu2idi4ocawifikl0ltmtugmjg5idagugovsw0xosayotagmcbsci9jbtmyidi5msawifikl0ltndkgmjkyidagugovsw0zmcayotmgmcbsci9jbtc2idi5ncawifikl0ltntggmjk1idagugovsw00nyayotygmcbsci9jbtyyidi5nyawifikl0ltmzqgmjk4idagugovsw02mcayotkgmcbscj4+l1noywrpbmcgpdwkl1nomjmgmzawidagugovu2gxocazmdegmcbsci9tadmyidmwmiawifikl1nonzkgmzazidagugovu2g1niazmdqgmcbsci9taduxidmwnsawifikl1nonjkgmza2idagugovu2gxncazmdcgmcbsci9tadqxidmwocawifikl1nonzcgmza5idagugovu2g3ocazmtagmcbsci9tadm4idmxmsawifikl1nonjegmzeyidagugovu2gyocazmtmgmcbsci9tadywidmxncawifikl1nontugmze1idagugovu2g5idmxniawifikl1noocazmtcgmcbsci9tadgwidmxocawifikl1nomjcgmze5idagugovu2g0nsazmjagmcbsci9tadm3idmymsawifikl1nondggmziyidagugovu2gxmiazmjmgmcbsci9tadi2idmyncawifikl1nomjigmzi1idagugovu2g3mcazmjygmcbsci9tadi0idmynyawifikl1nomjugmzi4idagugovu2gyosazmjkgmcbsci9tadu4idmzmcawifikl1nomzegmzmxidagugovu2gzidmzmiawifikl1nondqgmzmzidagugovu2g3ncazmzqgmcbsci9tady2idmznsawifikl1nondagmzm2idagugovu2gxidmznyawifikl1nomtegmzm4idagugovu2g1miazmzkgmcbsci9tadcyidm0mcawifikl1nontcgmzqxidagugovu2gyidm0miawifikl1nomzqgmzqzidagugovu2g0myazndqgmcbsci9tadq5idm0nsawifikl1nonjcgmzq2idagugovu2g0idm0nyawifikl1nomtkgmzq4idagugovu2g2nsazndkgmcbsci9tady4idm1mcawifikl1nonzugmzuxidagugovu2gymcazntigmcbsci9tadcxidm1myawifikl1nomzkgmzu0idagugovu2g3niazntugmcbsci9tadq3idm1niawifikl1nomtugmzu3idagugovu2g1ncazntggmcbsci9tadmwidm1osawifikl1nonjmgmzywidagugovu2g2idm2msawifikl1nonyaznjigmcbsci9tade2idm2myawifikl1nomzygmzy0idagugovu2g2ncaznjugmcbsci9tadewidm2niawifikl1noodegmzy3idagugovu2g1osaznjggmcbsci9tadmzidm2osawifikl1nomjegmzcwidagugovu2gxmyaznzegmcbsci9taduzidm3miawifikl1nontagmzczidagugovu2gznsaznzqgmcbsci9tadqyidm3nsawifikl1nondygmzc2idagugovu2g2miaznzcgmcbsci9tadczidm3ocawifikl1nomtcgmzc5idagugovu2g1idm4mcawifikpj4+pgovtgvuz3roidm4msawifikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb3p1jr67llqzp9devwbqpqursmhxrjqcjhshdijy6ipctck+icbb/n+t+7j3fkk7gpjunhir746z5bcuhdru1vd9/+f5//f5fvt++/vf69/3x5uapl5eb2++pd3d/plx8v3u+++p26ft//u/f/+p3//h7v/v3/3b7/w//9v12//9vf3vv9plhy0odbp7/ehx9ff1+9/twx61/fnpxp//3p4xf0zv8wqu7vzv2w+mf9/d3j9b0+vlh08vty/eh5+c/hp7un7/fpr38cf/4cv/l8m/p93/cphz/1++pd5b//frzx64/3zf3l+8lv3b7l9/++fvd490fl/f3t9+fh5//el69ethmg6kfbm/vprb/+ytd3p/xdpf4+h323vfcvv3l93/+/h//ezr7o+vf2/fr493j9/8pgv4ph7z//p++w9tjzeuljbz/69v7v77/0793wjd/3pi/55dnzh/6fup//3c/qmfaiwb/+9fv93d3z/co5vbu5exu4du/fn+6f3l6vhpcb7gjtyy3d/d3r892/97kqt6b3l4+pj8/3300+fagfdr5eb67e3j6apl99ki+mjzf3n6+3n9uchdeu9zy+3t7+ptusbyt5q35apj4f3p78gkt328v5k3jt9uhhwcdfr7lqt6afl9fncenood9ogv5ahlryty/fild7ue+shd7e3p3ehv7ezql+rjfeb2+fkllt9slew/y8vd4en//x+dh3qh3rs9pnw9u2+cvv0ef5ht6fnh5uf3j02zf36h3kr5fxu8fh//4toq36gokh9uxe6z9ebp36h0k1xvb/pgzdd6gj5huhp7r6i/xt0r6h95hcspa/fedb1yqkf6jqpkqwf//cuef3u/89s93/g37n3xnb59fnp7vbj8z7ke+me794+vny+czub2q9yn5vb/fl58p99s79n7o8eb+5e71j8+38r16b/t8rdx88fk6xsino/1z+d//kvzffcf/5t/917/9p//n/+v//x/7l+//9f+ejrv9g1xljtjhxpjda5vgi9ydb26/eyb/7v/8r7ff/w//j4un/vjc336y68ntehjtu1hnqu9nqrt/akp02ntt39/w7woz7gkfqa6j7r98ijf+4bvdsmvvu9dmd1890zkpavwp+1/o9/jvk90//sgsul1/+upx6efdevrqye6eyd9bapy6/4kxnr96ljedhl9lblkapxzyy1dp9xro+hr7x/mvnhz96slun5+6wne3nz+tepkp3om/cbmohqbh3r3d742glntlahxijw9/wwr8ikfumzbme3j6gzn1xh5viuofexy/l4c/ycjx6+6b2f1iqr9n9ra1lxcerrsdvuye/dzzl8uph+dyniu4j+azqgl3ftgh3d6q9pd3nzlgp2/sy8xhyzd7ey7ql/lj9koafbe7ptwkf1ncv9oy/5gm+rps6naixftnht6vlpxyiuie2xrw+gwuuy8xikfdpnzo/vijr+6+xijcpxsth+53eg+zxulk7uufyk7aw0oq5kx2izc7lxchbhquf3jajg8be5vtq4z8efmzq/dhw8s029tsb2t8x6tin2b+djrj//irvxd39tjkuzmw119z/0oecgl8ghd5jc39j/snfbezo7kfuomfex9/yqajqr1xdpzj5p5y6cfypkfv+cbfyt4rmpsvlx5pdmbcbz/n8ye3vuioegrzwyt+r7qfgnhtm190vr5ypqzh188e0nw77v8xyfenbtcryz8l/pyhwi65cf8hn76ijm/zn0xafngt7v8xqfenel44izv4ib/2j54nu95o7is2dnj+7v7uw096i+kxiw0xvwhhr2hox/b15yljxkgmfz8ekn6d7unyfbhf380bu3srgn+thbfbp/xjkunpsp0rifc3v8j5h68xhou03x/b4ydwfi59y8wviujmnhtr/v/9picvlx58dggw+6ebd415mt7v9razl7pk/aiu7f3z1obpdpyqh19fx4n8+1e37yp139jxhxmgf4idwrto+hd79oeqvdhxywxioepdfc7zz2t8cglccwp7lovzqca3rx25bdnxvgd65t1puo7s8eslyem37ogfyfij+fh45riewxtsu3n5jtijkt/u2vdx/vfpj7xe+oonil8vqob4hcpgbbklpr6/xoi8jkac2pnyrz/p9yzdril+hix/+1v9q8xqtn350bez3sj49fjj8arbo6h1j9ne6pjleuth9pjduwfve3ub7uoefbe/3r92m29ldn6sgvfchjtyg/p/9sp7ifd3zbawl6c9zr6uxt39y+ljt9in8v7udpmddzfppxr69cfbvoigpbcr/dthzfdq3mwltx/y44tikktdv79je//qld39ywlkt9brcb8b7x5/sf29ndqhbpkiop7si4t3h4j5z8ann/lbbvxl+fedm16zsr28qzgpfvnhrmifictz4bzub1vh/cjcnj5eybcr8qi0e8mdnnsvk3hjyq8r8lwexert7udxnf1jeurp0pfctxupg/ei1cwoz18urjdptb6xonj3mn7m+hahf4agf3pfqmg+8lhvc/1jiurpzpu4t/cbpspc+4mgfv5yasimx4ytnvhvcz5/yi8viukbofz04s+9x+nnd/nxvzdsgzyhayn3fxzdmtb5fytoqgubh8oa/hljnj/exxfr0wyfakun3vxzbx0/xmc3ovyjdjmtj9i44u3m1vkfhp5fhyz275ur/fgm9t+ohbtd/+mfb7//2z9fxrjp4qcpzzjpp079qsjgcg9qyn4/nrxwd029w/hp/3z3mbvi7+2dirhftp38x6syvae7v3sj/8ru99/ed13cv2jahen7leih+penp+6exx+fv76s3g8fm7zjycxxn2cevrkhirk+lt6pn6ym8+9up8jecjdbtdi+ad0/7u5ublbf+dtilb9c76dp9h6kap6ff951de56kpryp76s4m+fdq3wigb66ajb9vvz6e+n/osm/vjpaihk+5tfuoylkhu3/unha/n79ypejvmpp6dfuewz4n9j04zcf+io3wtkzceuiy/f3n//qnc7jg8ffai9finbhe37vs7glbj2u7kvbz0lea/g+mty/pbue80vmst8+4npxvkscthunu8fxn+/7b9k8vtp2xamvlv2/km0g4ttqq93iqq/vv1/kcvvp8kz/e2s/sjplyqocxoj4phps4x47emhxe+f4l8e73/adkwuw3n/cmvj+u22/yrfnz4oxut67letsajwt27unvdbb6f+qxt/jnakyz++/mxnhxzfxht249cs/outwdwjvt78js9ep54jtl9zs/8qwv8/evyi+/7mf1vbrlwdvd7fpp4dc+kvelwjybtqercvfwlr/3q78gs5h18rxlx2fkwt/h1z//s7bd8qtul2/z7p/ilfvzd8zc03+cam+m2+874fn17/zmn/vzj/emgpzzdkkyn5i83p1b5/unu6/vie94diy9scr55q/dx190tg+/fzrujrsf7jquu9dxh9u7n5ei932rjfkvauprzvu9n+jrv/ppjsuln7uvd8tsr//ic5w36573nmj3o/ckf4tvev/stvd/1xmfytieaw727q9aept+2mfuma38/9v5n8k0i77xvvmulhbcdphham6+3x2up3nx8kzy384anojzo/hsp0+ymd8vtd/0wkmwbf+czjnt/uho2pu2/tvord/d/zbp4iwbk7h1m/3xmbkd//s/8jgpzyevpfxuh9z4dttp6gdp1x6vyff1ll9u5lyveyobn1swvbe2/dfpo6ggvu05vezw+n/qse/ytpweiic7+zwedzo5gnl+bvtw5ncf1boum3c1cl5ahx7zf9vxn8k31wkp9bgubho355ewlhnnzcmk+/ln6fpfmvo18ua/w0dqlfmsitlyb4z49t+j8c/r3bmu+vl8mw3277l1jcrc07h7mlcvlpvh/dd/g+m9vxv3paf5hfacmpudwwmet+ozeh4h3iw5fqttgdj7mlcrzs/o3cwyc3f4ft/irjpxlobh0bhl9jd7ea4/d2iwt77xh/vzj/emglerzl/pmglbhxr9pbnpnrsf7j5syxcp/yk6thiso83fu/yy/8vzp/sta4tktpb1nt/vmpf7gp56+l+sehvubh1nokn67yohtcta/m/lqaf/i6hzxfeoi9+k/xo5o/pbimfstrf5xmn2w0jjgj+guvpt2rhce6fb+d+y/yuqkg9+tdlulou/gf9j0+5yd47v21nh/85hh69sxedv/z3o2be3t/co8k/hbff5hmsgzv+3bcj48pq23/wu6tbokgoi6/yyz9vzp/kmuo+/x25reat2+zmbcvxr82npx4yfncevnul1daskcy7fzvouxlaf7juunsykv/gmiqbhjuuvglhr9z3n+v5p/k2q2hlr4c8bobfyuxqxxva/wlkswleee02xjvz7+egzpa4mvbn0bbl1l8k612w+ankvnntgxqvvf84ogw0+xj36xebn6nm9h3vvjj08vxspant57nxak3uynf7fvn+i3c29dyof/6fd93jd9+h0uuo30qt/s7c/9flle19de3zr7tlv+oxzycy0lks35ttovpk/fjwcjs92j+b4nkasgfpqxxtyyiofgx7djvd7+ymqkjvll27x33xyx5j6f2t1cjs/r/3vamfnm/itn/qwh5+usa3pebuwv703fpkfbw/q7d8bf1p9knd5ilszonv3da0d03z33s5pds7a+s/jnuu8/hff6f02azchtwsb7whrjc+nh3cbihpqh5fnzt2+2+e33lrnylnfco9tf3gbibx1itucmc+z7t8/u5/ylnhsxf534obffm+p9jssg82rctef3ajndzjxf0ortc/cppcy/9jwjz//rfokua5mpfcnbc+1+uwklff7l9+nv20l+l+sex9las7unu533h528+yzeklufppmhzuds3/sfzjtfwvu8eew/4pxz+yvz7kia7e/2f15q7z7tckan4/dx/leaf5npjebjhx3htsquxygitx0vztz4ox6mcag8bfv+1s99+9cuxwb5eb+5uvfz/8gwgn+x/1hea0pnbvfyfol6rjrt29gmen7+l9kcx/g2fkxtb3mcyp/71jy+42hdjuaedd2il9o2ot4+sxcc/vlw4pmr00einegvx7e0lru9jvafvlb6/f7/ovck78t7m7fnff+2kprx94+i9zrs134d5a/7b5h1jwd/hdx+c8re+ahd5f6lmx9fo3gj+316x6/qtepj/x634fqsmf9ep3/z7fhxlol/twlf/3oc3fs/qtv74z98+2rxbur214udc+atap4e+kpc2d4+ptx58xwnhcomxc3lv45trl+ith5oxrs7kvy2p493idly3+ez7zxfy3ub18ffozog9jwjgg/lwxtmhu72vx224eft9b/mgraki52ocu3fkvq05+uonfgrzjqynt3p5ckcg2uf1fcbv49wrv6x27mocd+rq8+3+3r8knd61eufex3l8ec6r/ttmhxlv8+j7qm+vnw7vt8dc9hprw9txwyzp6/la3tt4mvvyz3hehssb8ele2ydym03ysr5v/y7kvu2xvn7qe5tvspqv5l3n68tzzubvbfqa5iw8tfhlzrsljj/axminm318elzvq5gf43wg7+m8vfj/z7zbt7+qtxgmj6+qof8+88yh8jzo7p6qru9zfsbxm29vh038wm8h8jboj1/t+zua5tvhr0yrtwyx/42hc7t/3vq+j8xqcstuqqr8pslh//1/8fmg02dvzp74dz7x9n+6/ep22+33//cfv/9v/hf/y//t9//wp3z/p/6hh74b+hdw8okzp/+tkxdgvn+8f0yq/k+swnjbwf/qt67gtr28fwj1nysoee/qnn1ig9uwb/bbfxx7o8g1gv/1xybctxbxwzg8l0ezlvg+e+63s3g/hrclomk3lzqhjyxshd3lw587h//uz1lhhzmij4+s/pyrvo0vlxr8dz9zauufw1dv1fnpudyx7uo1vzi8zralcrdpatnvbj9v5e2+pdjkmhx3fbxrdoqeibtjunwvmf+d/rmfny2/vvmq7zt/vdbws91yro/azm1yemjf8s/dbp/ejkqsqxjwjkey4vvbnq3k7kkf77eq5xsffx8lu7mrjq/yekfsfka1exhcope0ntc/t9+ux9nop5tvfnphlfcpucfjypfeijeeq3xkbwsofszmv340d6mm3uux1goz9/cpjettjq9sbbd6y/1uuc/befbg21ntpjy7yguimcqya6hmcxd2vgdsaosclbl8000k6jl6ygaw8z8odojpetidsd4hpm1jiwp5m86hpvmy7jcf4r37bnnwsu3zafuk410bqzjkb0ouwpx+d6mdqqqsa+qlfx7xdbfegoiwhr4n8qzkdkml3/rdrapvg2h+txel5uie1czdi3npsmxeeah4jduxfmuefmmzktjo3qwgpcebbqcexqchniimihacth8bsmwofbs5kcpkb893lr1ukhcn/cywrt8zbln9uqsxqjlkoc8yh8if3xcgvasrvxkmtopiieovzppem78g7mk8v87olge+r89kjbx2cnffqsq5qwnuzo9efdbsa6w6ichz+j0h8omh+gt1sfcjei26paps83jurvqcs73x14rftlp7oad84zvizyb+sq07zaogtmcxr/wq3kkn9kasp7a5bvx9yxothp558pcnuxr3ioc4lecygxwbyu/kekoy0s89eeau+fn25lc8umswiekx37lkugjcr/4nfnbtfczqbl0vxnybcrg77qzzpbhq0unqr2q8ehs7/va/hij62najkl+hbzluxo0ye6y6/5fhb+u3zw8q3xm2cp3uyjw1ua9uev0ehofbuaqpes1r/rybhgtiahsabekyjtg7wy8kr41ektomkk+70kqycrpwwjs+40yzbt1v3qwx0gg+q3fvx7jfioywamtdyjntite2vsow/h2bwv+upml1uxho5vdq5dydnpahyhdrh3s9qziyynzudye/rkm0i66i5pkr9nh/0of/e7zfrdxs1h19efzqe7vkonvrykqaqhx9n6nwssegmj6uu3l9nvttysges3t5cuxqd0s+rp9qjnxdvbkzzyrxc9xthdxn9q2d8ovzs6t68hlrjp4qt1i/r+d0ren+3cgy3j6lag8airwnns2z6qeqwihuqyxymad2w+hsd/biilw6f3zfhkwchhg1cgaou+ccunt92ki3ramcbp+um3db0tdeaee63bf4r268tdou7n62ih2kuk/5pso+ynyricr836z7vprhvrnkkfbipx+nspmeebabcsxgbkj+mgcuftf4hsgxsauxykv9nkbcqub+0ziavihe9jbjn8ooytix7uhu1twgukfzesi8dg/i/avvhajgvysduhafmwevr+na+negtcll1bc29trvcpvj4mbhpf5jhzlsrsyzwukv041dmu1n7no5xuopl5ubsvrxjgzydv43khnnz9kcxw7qdyiilcp4us+oqeyvz4elo/oy1fxos9bndq+rsf0kk/gc5kfrrc8vmqdsfyxwst7fzar69e7kmk1jtmwc8ch4ys2rvcpwowglnuqjfb1wo4je2w6ump4lhxggfethk/fysd+blovkoywqd5hc3mq71ojvopgockefoht6ftrh+ye31mkqx8zf1vpuks8ad2mkyjni2qggyl8n4mp1n4ryn2otvaxa21qsk5ybpl9cawk4yjwyvi8tkq7+2digd1dpul7qfxrxw8+a2k5non3ahr4l56okkn26+awyy2piwydt6a6xaek+hedcjogc+4n4g1sfgywt3sj8jyepvnsqv0picyeivtvw7jrbqcpxks0sueo48ecg9h3z04/fpwmftkisg1f8xrn396k1mutcl4z+uowt2m30daixtfgifhge8jzimyf7eslxxslauwphiazkneqs5rqmcsq20gorzf1yp9uak3ygoohwsu7s6rq9tvlq6a1zj49rrp3v6ixb0ruobllj3kyxm47xvev0euox2uyinsapu2wn0cod+6bvxbsbi+z+4shmipj78yyd9w/yabwzhu4wkflvoie9alouvvbs5sj5z6jp85j6jhu2zw6iko3cnbtmr+vdat0zjxc1sgfiqb7jwgwygtscorvsg73xeosjabp+nnlooz/6rw+3csiw57gbuteerk4koevx/+qw4kr3bwggyxyg6jshrgrjbtzksemyjsvvn5zkc7lwcjongwdj9k6jf3hzt13uxhdifeezfpza19un5tpybndu6mzpqxv3isaljgbjqwotg41dehg226ovhfbvsxyct25anvvlfciiu4zm+glhza4kohcx0qmwmwj5c/fxi03ukkez6wbbe5uhrxhwdsdigdvqno7jrju9zwhufcpgtef8tdrcbhaepaz/wqm+7daxefeeasznv2ru3tnxm12gwkphneb+xdy4l5onjtzuibvtuegjthaghozn6au/ihiue8zsy61jxur3+ibsjgphn3vxrbk1hxmvr15ryhieskzd19ty/v7jpf6bx5nhwvlncyvkgeu8/csfsg9m60zp2mys/aim7mfvri7ym9sjhczsfrd+wleqpz1vdrkfsyf1aynrlbk35ptiwfqcbun0bwuhggx1ntidsxywvltwihzg4arufmzxswz9+bjxi7emmjgayc5tddm/2qpvg4bsbao9pcprzb18mgjtgqvv+cqcaqj5pq2i3zdgyjuvpjosqh9ud6nmug9s/awzcfww84muow0rhzw3ncdi27ujbc72am5tt/x5zkfu6svdbl+wjw1ontczjnn23vpb5ecwram89up99boia+xewmaoviuv/yytovngjswz67mbt4u/aqil3ds+qpj3ckhp2nhgz1fhfx9wq4y9vj5wogctu+4b36krghu7fploe1nsvmtw0anmhnjfsqnjo8hpiodct7xu7tv105ju30c8ry3t2jiifjjq/y+sdrn5cf/7dasnyybxdhom/tdty5xldd6hgls6k1qzhltvd30dhoe5xjfp3qhpe1k6uoludivu7ri/jgfgang2qkyk+gldqf63j5op+qouerfum1syuzydhzu7j7dl/3agrtjxwsxvzmvaviibawl5n5mihnap2dtvwgfgmr+o8s67nw7zqqtcetmtcyr3i1j9okdep+lwicobdwquadecplqteduimflixvtutkcjct8nzz3vylu1x5e3nsda4zoadlyymsrodibozhttxqmjkxr6arp6mskg6s8kv5ubopgmiexurjsfigi2nyqzx4ivli/hq9zngqsui7mkzcdko1o3zozkccvqiew9zljw1lfo9yqt6yc+kj9rrrygbirspso58w9rkh9qv1ojoa2vjtsxyvimp1m/bvg+szuk323zfrc5wpqnsx7mtwrr5/s3cmefrwfbyvvssegddnk6s4modyctyn6fpnmusmypirujrr9fkeyls0unvf0mjqliir0mlwgjejbprrqipxkb1p704653dko2apessz4g+6shxqwjr6fuu7y4gva5q8wnhvkjmvmbahdiygxgwjor1a//ohcg1bs4m5rf65d7ik0uj6ldzrljdhflsoudp3vnqejnc9wvj4kferqz2bew9grhh+zoxl+2dyhej9+rczobnhjyhtxfycv49zbco8g6etkws42r8+k3gat6hixhf/vbbr+4offztkkryfqfr7jvv/ow4frxtku3cflfz8ab/lmoeoha+zbhrl8uqp+8mjlgk3thzc2wwho9cbksl6tdinr+i5gg8hnhutykwh0pcr+puih7k2byk0ahn1wtinwid8f/m+qrlylzxbin33q+zopbykeuargiju5m3/oxeon1rrkrpzuh0r2bvxlu8fhmpve7j+/jl4kmbbb7volrrqspbsxwsajfgmh7g2s7uhpimv1f9pndpn1yk2dnykjr5ihvyoyuvcabbkvds3nzplga2v6zovfvwl7seero0m7tcku1cfhpoqkk78l0olq3z50d4wp03hcmewmpomidjjhkol4pxds57avhrnrvlwnmtjbs+ulmwktf/sukye7wivah8bpiubbxoishykgapexeghew999cxnwxaehwp+sehlqn0rnfa4ivpf7o8v4j1+byfidjwzkn7ivdnjhtrhb3ywj0zl5vkdtlhulmwvibu9luxi0y8tbcjsu0erssmwercd/k7ngnxr4rvmidodqsp+2z/8k4odpf0pqleicsvmskyccnxpzcbcjghudxzyjnecra+l1+imvdtzxe+tmglkyoogxoeo9q6fwcgly7sstaskggw+riql+zn1ij13sgtxpefm1sit83rpjsjbxnx2ovbksvn/fshxnuekrwhs5i11mrror7b7e314gepmpkh6trzae0u4xn1++jbemft6jeqkpoofb0zi5aj8lyh/zeuemznnrdckmvuliafay7yh/gvbrfccpg/habc2gtjcpcmuwsahyhhvvrfuoyh206vmv2a6jeiloaeo5/ui0aeeq+rze3ku3zmou9htgexgyh3tdlk7dgwph9x+0fd57jai91g+a7vdbnbzmo5xkmevp6xhahhvjmcmtkxw6z4gqjshvtbucyxmrpq0vjurf7m8y6tdvvdpuqenj0uujnwonypzkcnockayy8ecshw5x9lgdmzlk1mg4eytha6a/2p1ofl5u/6kin8qgi0eznuubbzormrqhqnyc8yzyiyc8gkpq8xaqvonu3nrktn13ppvenaf0oavfacoeova3bhxpftlnhykytgbicqzh7+q3c5j94sizk9iydcsqnctquwxb+6suqiwzrdonlodrxszpykbhdawhtljx2zewwcdoimr9a1o0kiyg2w7wh7h4ygbexmjjlph20w5qswis+gghw+3y8rug+zvbpwklvgqkudsdtbq6ssy0ylin0+4jd8btd0kilpm4sexehk8zsfzwroy5d14+f5f9csn7xecclnb+dsfwnwcselj6wefgrhoziyiwgx8hyeb2kbmlj8sqxuihybpu1sohhigdinhydfjooipapjfa/kxorgtjbicrrfrp3y+70ekpqkqkwh1nrpbepthoj9mwhg4id4y0h0yif1ysaupadw5syvahbbcjkrhvabic5amnvm26az5aex4kxuyi6gr0ucbwsqebpjkq7adw8juzahvxdvqpnafz/a+gygbdcxpze3ivlwrd7wdslhu5gxexc5rrhosj1enljhko87li445shqpfv7w1nmm8zlyhzt7pzng/rnbbd98xgwezcdtb4quzy4gzovhxfik2dvtib3qajppjjtyygrclqsah/sdmfkb/ttjaqbq5ruovn9bkpwihlys1mhh7phhxa7wx0dnyd7wljdu6jdfy+4hmyazuyelnmgnkacf5okuctezigua+7ydy0aj8qzjwiyfvcjsajxfgbvhm/c+vdjkquomvlso9owlhqgjdjtnrq06omf7gxo3kxmcdy6ozprni9bdpq5f+hsmldvkcum6fkjxbmduy8gtkbp5wiwc6oyz15cug4q0vybkqqy5u9jxrpbltoumaneecquklnn+g2x86aoefeyc5xgloaj/o32eesoifptpdxxdor1gy7s6judqhnpelmrb2dgojcj8gtegmghmivjwvfshwo1iotm4vksa4prgsnkeo0kge+tknkg105om8nr8ew0y7k9wu6obvczf9qutwmgxz2mhco3ci9hyqxsgqsm9pieb2ztbc8hivpcu8ejdtbcf1gyj9jy3bsmtmraytw47viweizufctsj5ujl8ocxduvqfbvxivqzi/h4mtnixw9t0urfzs9tuk4+0bshj+10isinpv4fyers1tnkn+jozsa0zngeyfi5jpwekcdimjwu7iqxckv9nyz66cwicflk7zyfmmzwr6qekyb//67yfwjsrar6pp4mop0qusuipkggkdnm6ryxxjz6ajix4hczvfhz3rk9or7rmwfy/glrpgoyg7egyt2rrhw8jlm9tcivrjfs+iyzja3xdqujvd8accg3g4mcpi+afefgtzny06gko8k4ngth77ingcthqpbcy6fbmvqlo3mrb07zth1xll/hjyqve77u5a5qllx2ucdynffnizntbem9ntn6y9jdgcnsqgf5ykolbufprd4lu/am2bttxgp9lyogv9gbkbd/urlhtcnl0w0hb142xicss/l2qabwhjnbyyipiic4s52ngri9w7qfjbu+lpc4bbxioxkpna8nk+a+u+zzghzvpledxh0+al6dgkfnx2ay1ok5tttkionailkakqckuw2qsp0gr9nmcuj1nc9re2zi+s11yupvznyvzie5lpvbtkeebadbaqw1xgfb8lpuq/6ox4jxvef1o/5uxuotfdkbulu4l3flyxgn13sqy9ytez2qp6zagm0mvzeo94y21bmxndxiegpb1sds54nidmqiwoejttcnhvlg97j9e1qmzn/vdqtgi1bssfzk2kforhju4/fkdnbyux26rerg/sa7ohj3ogtxf63u6npbtadkhcpkbk2twnah3awd2zpvrsvnmscedcxsw3zakjzj0npkwm4u86tdiro8cdmk214wovanvo7f0vmuacdybe4xqibdd5wgqjzwqufj5wpjt7iwyhyinmjeqnzq1vntt8zov77twhjmfvl5cpxlytgpqjbnwvibrjgyyyaqqdz9gyam7cbd64qxikum1v7kli2xc8ddl4priwj0b0jil3wlwyu6u+eteo3ahcohb5pk0bt1uybw3fywrg1srm+hwmxjvfsg4bhc0wjjks/xit3cir2gt0mzcqtue0fymq/qzbr9fcs/6sm685f1eyoflznpca/r0k9rcg3kjuzqmolg7uumt95ihrjvtduggtzfv20ytfsmak/i8n0l0yjlb22xgjmd8xd3cb7fscdgghtyvasobuhr2zxcywejqf7hmh3dcg6mmvd1qrgjdn7aqthiisa+3hq8/k0kqswrbkfy1ynkghodajjrjg6donzd4gi3vct4dqqqigvnvehhiae1kbfud6ysrx+jo6tozeenuw0ukydriygf6yceeisl4jzlzkmhigfdruysumwwmp7cxgcokys0by2qwzhr1owlwyv7jplvqw9q0jmswgl6zk76yb4pcuqkewydckux2iypaz0g8gq1beyyah3b2ieptbvrxnroze1le4ov+w/b00nebjcpdb30x8lpbreygzfg4j27po1kk8uybiwsx2rwcrm2dlr95xymhe3sdjyhidqlpma6jsihrhki5va8shdvmjkh2tx07ringonzlpuy6chgo9vzhvgk1u+9d2unudgsrd5eu0eh7zhfazi4iyghjahs8+/7dv0wjwrfhb8xrzw/egjek3rdbc9mwiwzc8gjg6z9ay3hbjwedlptw1mj4sxmelot3mcbrx6k9fpk2wziwl6pxw/j6+qeyp+yjkrirwu+n69nuzkyxpcpqrcj8zha9uii5cwbvnrftriyp0hapgikt2mlxa96tdfsqiyepbq5woqzggz3+c4kmzzbeyo/0e7c98gihxkyw3a0p4hlibrbb042ldqgq2/q5hxxsfgzt/r83yfchu99y5/2rgmcxdtsuey+rfaiaxgvedfplzkkouwwrwbd6swtwqmz/qgkp4bxpzjgkyvbrw3jqdzacicqdro6y7mgdsmjhun02vulinurnxswoljhizjxsgkr77fulr+x2lbfxbqyksuzj6uzys49knicheq10yj35izjtvawlr1zh1o/4jarxsdt5jcuzscqbmissvvsj1ypqlhfl++uh86axmk3dak1ge08/dpysqfj+clma/2sjnnj/j542f+qr7rfogdu30yysr02w5vmfrtcrmtarjzp81ugrtzpkvuvqrd296vxq96xcc5u+/+8v9hr2efikffxxi8o2ujkd+/egcb56az4oojflyaakqkyeokqqcqkofss0zpf2etm4a2abpsyvuif9iuqd9fbp03i00tyo9aw3zgoljnnwafezkxb+8ffud+10mddwipcgkvwin3kvq1y0a5pk7fjrhv9nbhbiqdpkpmqrkf+xkkosdnx4l589hkdnrht0zwsxzlzjgwgajtsibysofzloe7crtifl+lq83qjqgg5dylumflevkkdwovqdfwog0jdixs8mhteknsaegtqsiulkv108sbpyf2ol+w1obn7xab7zzbshz/jrwrpptbqpiiwgomyvhwobgdxtjfxk3pg4rolw6z4llkv6s8gtikubk+vtunflbs16auwbnejgnl9yko43uxidxbguz+g1zet2nckkoyacrn9cmk/lwftxmyylydycqs9oaklnhaeva25xdwu2jnvyxdagn+n84xtkrwd2hijtpnerzvw27nvhl1gxdxsflbvfxun8rf60r2e4w4esyzpsgoyeohkzzrrq4qypdjzjgcw/juhgw3b+3t9oikl39obrnf01mqeual7cgwaki3lnzhl9xwtz+jvww9bwuvuhpi09+oh41ipvc7y18wfsb1qyspldqqemdznavwnlizn0samwr666lhu4+81iwfmicxw0ujx4weg2zln3vbgclpteo8srlwmtc+a5bv4t+4axmtymtav6gsz5hihtusieuode2uumcwob1ywfnocvdzuwpnqkyy63ocwwiwmkzyxohzrjwyowas1puqktview8lnjlgybggvtqw1uywsxqhlf2hzj5auu28pkc7mo/lfmsi2xnvm9zwkssu08wgzx1iy43nasdd2rz073ybeewozjn5yuwe8lwa3dk2/habanscdcfegpdmofchcj0tg/lqkyoirnblmpg4hjp2arrn/utvdqtabyeebi1ppk0t2ni0o4i6f8mgzkszocavfecy5zvzntelcbm/q9vprtyfxptf8ifvjtn2lic296cwryu8qlsw7w8cgh1qb/hly5vnrbuw/2ewej0i6xuklig8b2uowloavst5nnfho2trpt0y0m8o/okcr0qa36q48pepcbd9ucdzjigq088nt85q/ojeu5zmlop2rc+vctwppkb5mnjcyuordi/m09cpcddk+s15aygrwnsoqsjrifp/ligvvgdy0c2qjhk7sbeshft5sfjcvpb5hkjujxvehzitznvza46isjqy2risnexqkc4dozkcebwxepzq+a4qfycfg5hk7e9hltfg4aj/yqi9mrctepwqp4wrd9ie4xhlhmpmq/j43sp9dibybu4q5ci82crxrwd+dqr7bcsvaicvv5nza9z4cvbywrf2auxnlq/4dtpraniwrhpnl2fla8pizdo9m6r5tv2ef3xothdif/gy0xdxxhubbwrxw1968u62gq08shaxycotbzz14vnv0vbcplwjpmpw23dclrvinv5akks//qjjaijvskl3yk14ospgz9ye85sjk0eirbkbbfhdfw5nc2xws5ygsq1elep5qkfjtp8tidrbugjtzoqujuypilpovpzn10y4hldywg9svkcdqpsxj3ewwljwjxx1spdzxjf/whjh4d3maj072ionzkbtessstw0rqf4m53dfmgfy2yvi9v9kbvhtfsuqcti1zzeyjmjeat1x4q1sbamromyiqexpal809wtoaghxx9fzaay6rknk7ltaavh0bl0njwcymvwna2nxelllfn6cgjbdmfxfo84wnzkrgm6lnrztpygyoscjsb/iizo8eqbvuliqvv4rbdnpjwy6az6/c+gkglc34pnd++47b2xqa27pho3un2bu16lq0no7vdkbvipgv/idv2q66pfeve2qtgas03ytk3axwpiaygdmtfxblsyzj6tf7ectzazdafmkrndhhqqzvgibhxacsru0onil9pkvie9gdh8bkr39dsrbutwdekevvqjiak987x+yrhjz5zwvyt3bfokoa1vu7gaaewujq0rer1/pylc+usnb/dtw1pone8ke5wan/yhu3z72jnjku6yysrlsjio7yosfrp4qjl8kaddlba/t3isd5ayxumod3orjycp9qgsyfha0fjgeubp4feqmezrd9uvjxfu1xq0kknkg0bct/9pmnf+ifqzbumn0lpv+jfapugpii26eby6u7omhzvm8nyeayxjergzcngcxeoswhsmqgyz6fh7lrxvfo7bddklxvsqtyjii4o8lrnly/xg+oneef4/+5lhf6mo1ghgaqmtgpt/+l3i4td1fdqhujot+oph9ysolzljvbeh71f1zcjos22w8fuln05ggjoa26uvzhjvfcehe15nmd36rmkg6mz+hpomez0ksnmky4rhzp2besixlwvzshmmpmudxbrw6xglnok1afa0awmlkpwzgtcifjmflkxbo7eb5is3p2uk7xesm0krzhzsnfqyl0rstur2z2x4+y9xp+w5i+1yatjxtsrjtccigfhmlhjeofo7/xvx+7t7mcdeuszplarjwnsb0shongfyrwdzhq2ns0o861zeuv0oq6ieogae44vg10l3thmqmsd9pd3ijxhale69llbecvythir5amim7md+wvhkjzba0htgkody9odsnv0cyl79rkbvbfjxtkw+zmowrffltripuvylqfncw7ucsat1vuwih6zjbvsng/7kdjzdktiocrhozgnvpgq9dwkpxenzqngktkak6uyszrgiijci0i/2hjtggjqnzajjtdrpgfhfsxmq9evnkg51c7gd+ujcwrb6ce4wuwdnfxsmqwb/iy1kdpfehh8zhyfppygt7caiig3wcqedlyv7biqpzy+aigeczes3rers4yyj7xhanjlza58k4mssaeuuzx2gpb8hod4hc2ht2i8n8urvie7vgibykjvxjvh8vpfsp+ynjctzds74mf7segfx7xre3llfzw0kd40cxvizvvpjdgix304yyx0dwjl5kirpm8li2tii/rmgapgqg/seaqjvawfa3es8rbml2kqlieiy8uord5k8owsdqcpsclacrslsru5bup8bgsiohkrtgwvjtyhydhalxbvz/dcwggkteb6b343sltxaoqtnj6pvao0m+rrhfaflegjmhgqrggivediuuztklllwwurcg6qj1khaii6rey3hktsjwxwqvfqtys8u+igsachs0zhkigulqek3nk+bvk858gw5ccehjqt8surcuznekapiwvgfgkoochh3wfrmu77pdsz+y4bih+3am7cjwi2eo1pusanqpmkflocqfjaoi5ryxdm52balycifq1zl+emkia4fpezwt/xbxqx9ik6tkie583etcb6lm7ptdeqijxlaolnncng7ds5+m4fuk5rtii+bj4wsjktbttfrqjgl8qcgtgj+xeyxpgmyxsjzfr5ui8xowcdafzovjmwq4m9rdit5gife4tujucisnalei+oy9r+jo0tk1xqviefyiq7shxo+nnadjutjc8bopvngf9txriov83qeh47ljtduwbcw4d4kary3zf4ejgt5zjb9aibklj0aas8px/evuqfrd3vsmbfhnpwqizyxfdgim5va4pigpvbpqv5kxgacz9zwee46gicv8zkkkwukvro6yvduin+esv1m6em37wravlkplwkii0uvhuenwk6xcie9xwshcr+9bdudccghcknjmjkrcpex6svtz2qc6pznjj9k1qybs9eithn7t4lv/e3h75csgpfxtb64r+vouwgnrvfvqxamkmrdaolbpqsbrb+xs4gw71tqyfrrsuq8327u7+rrjvsyceo4lnmb7cmy9slgjqiq3zgeclj9hughigljlfwtwa7viuy3k/3poczq30ld7suwqxoa//0i1wuyiftgpajhel55edapfxkvqmbidfvtpcifa5d4hhas47dvcibtgq3ec/2drujpqvyfn0nudowaspnseymnbiee/7kg6hm2bcbb2yjzyikldu6oamvicwgzx7txnhervguvilqu8o0ttwjuj5s0ktqwkybqn5p/ys+ihm90v5mxpkbllif69ujwjbqtq1ikbxbxoeurrc3vplumgg6vnku1b9hjhgirrniodggryav9ccproxowuezin51+klnkcmr37hmrmc3rkxgc/d18nkejeadwmsnn8ykkoqhzjbrznofgwiqxmeiiq2ifqwljd2s1lihf4yf4v29eqeszd0hdeeijouzjulzclxdlkmu7riqg9byl2dt7vdjgc3dbxojzz/2hc9n8wuherh5kxwlui+2auhdpkxej1gv7fbtitanjezzqu8ny5jpq2nrbicjttkuuvj1ykl78zdoasncm1k6vho1k1mloazv6avjoy91r6bwg3qpqum3dciecpgilbtxcb8scujkdnkhm5qxrvwnmevmkt4xdpugwdk14qumefs9jv5mna6chzb8ojrmlahavxoi4b9bnt0jctypx+e077+mvweiko0m4keqfdfvi7xpoqtqiml8qg127mygrzkxlwlwpcng5l6p1swbpdaqcylttlhuauwh7j9bk94db8n4los7dyag694dbjhkmoroy0gytlkvn6x7s34rm49lzfkf1rbohp+wtyvumqm2y2syhy+44tyyyfuzvchbyxnmhfmbb9odusrbpqld5uffzzzutoqyeksk9kpuzsod84knn6/nlral09bpqnkjnu2ilugd5zhfqscwlh1y4feqprkqtauvx09wq/fsirpqbc8+cglyscrznecfp5t6pyeojxungxp1hw4xxdltvf6ryg+te2kkwnofsl53xrik8ciub7okefswscpixojdfd8xugklmg/l6ogurhp66sgkkxy8wd7yvh/fqpxkigxlnntjkznobjmvckewftwklxuiqfkwj8vcvrt8dhvxja85n06qd1ig9fi4rvbntemvxjdeeezaulxvlgzxockmq8sbzfvy44bjzzfrixwi82poqhvxz0jdpyylzryqwtpwdipf6lr6gmmgxipwdq2jksgmet+atm6m821ooqkiisyjtasnf+qsi3rxtm0m6lzb+naleaotzzkni5oqexi277upkynzn5pa6arevcwdxbvisxcx2o+ogtfoeboh7tlxiucyx+qobosqzlyatvvco1wuelxbsztlbjxlsgunn5yxjtok0t0+7o6zeutlqwqo/ognmzo6eg9sxn4axskgercuetiv0im7okwto4z0dc3z3nfmehoulz0olrsy+ef6vxqrilnnpa5sihgnwhdzk3bnuiqh/m065wjo/+pafmcuuajgw8owtuks1nu9iddxxeaqnlifxiawdldlxcj7vckownygefgxt4yymiixhrtabysd1sy93ybhrdjd97/m5q/bywq5dkudxm0ymiyzjjj5qv2e6qhqh5t1xhvv2yexm3i5tq3joa7ykf2oym5bijuopszeefvyqmkbfshrthbkhm6d5rqcxo7ctwmo7a8tkzaepmeckyqscha5xka2f+phaoz2nqfqmzvklbz93qkw/jndmiblpm41c7jraki7uihbfr7wybvjb4qtzyynn88wdmj/hbmuwcvehkbo9is10ji6jjbzrmeqtrgigyvlqj4lrjm7ybif9sceed3khvzgmb/t7v2eoijnxbhp20hm5tuosz0rkct9zl5l4ujkxs0ou/5i1o9+c+v5bkkuvmawtqsviwbe4up0vy44+cwfacihmwu6b24ppsnumvggoraxuua8xzhbhl3o1dnftgrysx7wtktchjnxcy7k/gygcsorexygqnx5s2onzbvthp1nls36mug6vwhrmt5fwjazhppuoaj7smyjwbrqj8neo3ozzx4srqoj1y/ky89kb9slxp7qtq1eiwrxiqkdbjehgbju7sysh5ruoortk4ka+zxtp+ofde4jabr6hh1xd5ozbsukzktzsgg22dpnzglnubnac07a+qi2jewe8btxnsdqq2piykgf9tvoveqyepiwkyu4z01kaezhzbcomuy81wl3rkmrnbhrmlklqvck/jotprhsz8nky2rmo6qgd2zmnm6q5zlhuzsjkls2lokrxy3yyc48o8dwknid7mg5i1xtriwe19q6j3i+km2waidirgexsliockrs4d6dnl3urr5pe7iclpa1bt//gbhuuyqcubua9rsyutpmteyhkauv05bsybmp9cuqr9n84odeepe8vqoqqlq/ajjjgtaqzbi0uwib/jwysabxlby7ull+j6s6lrzecqk6uy9x3wkdjiqqkbcetcaepjpkmcctes3itc7uhoa0fo7xbpvakrcqjtq5uewtnkolse0w0zqajyl3tql3726s1ma3475bkwe0wkqe3yfpkzjpzwwscfrbsogwrbwpxj6jvixdxrzerc9zi+i7ztilal3+oo9kerhn95udtoahlukoi8hqghk1yhqqw6qxfu5umymr5gplwhubcgo6tqx5v52r7m0cbpuptgd64ogdryzxc+fwxlgwe57c10vwsexh9r8ygubw31iqjoyr22khjpzgze6ec3ur72pni3k/wstoalhsj1xwq3rwln9okrnrlinhahidu7riigtagidho3w62nhxyxtin1ctpzbnt7gis9eooxs+wvkoob6bjkpjbavvq1ukmii4d4kirf8zlccaqqddkgml6vmil+egiweer5hd1hhezebszemevhwpl0uoyigjfw3eva62oqoascq1yptfoi85dlnzco0ud+ofocf3smq6y/oyt3p+og7u8977xdmcfna/7hbhwz75yzlqlwdjlz6imrxb24nwt4pqqzfjbzckqfj0s7n1sxz1ycsa+zijil7uqii/fi1tjfhzah3ocnbnfsursja02wybmsrsjs/hf3mxyni1tcchnph27ti0j4pxrromzjocmgtar4jsuwbh8sataexzvp4wkppp/zg/idghnzytf7b1ri5rml7kwzbjdwo8+kuvziqkez2lrklv7hgtxga1mpf8keb2ejitxfim4gpwfqdupo8jowleeioh8b2yr/tjfhnmzb5fjklonrqglqsjzycummq9sdynrty9wh7bddaw5bg7y29fqfdrzpkjw8njxlmaebuzoj6qaxj2wpog+sarb0wuteopnptnyooqexjeqerqnwrfmgkpat9zbxfgg/sdyct8g8lxjsdlzu9rhjjggl22jp5tgxmmanptnmfvkpstxozecqtvdnzq6tdvvgqyembl5kzoz15aiq4d97sacw2wlfuvj/au0g8drrzoaliaw5lnb1wohoqix9kk2xygir2plvptsdai6e2hjai1e7zifixg40q5d7h2gcbfxtamx7fk6limrggb3kzsx+q64a8odux/tnw+ofjmasmgau08snjar1dytqxycnzluls6qfpzpuxsby/g6pg8yettrdvmxg26kfyqimaihrkbcr5+zeb08cytwnr+3bmle0zntruounvdcdxan8hnfioapobsbfon1k0oxscznlcv5l/jamrm8q5q2hs7effpgxc592tdf5p1prgxofkugygueoi68+sbzjrurywwo+rzztykwe/+e0dhddf8mvvsghpizif12rnkum0aar++rnjzzkmcfscb3ekgijaswrbsb6wnq5ivx2rpkx7svbesvnicshlp0jxc2rlxgwlawtyhgk2lijoqnanyregggd2edndz7zbz52pqzias3xlbwzxuzvycnqjtbpelwsoywviglwp2xzbpaspmvpt0kxjct+67hzuhpcred1vh+vezh1desr4o0+gjgcygja4izpyeozubi4twrt3ckbwszh7ywuwpwpainijihzawoggsd9gssok2/wdjobzkxg9jh42qjrk5f2ggt6uonmnmzt88yxivwwhcbsvjqyoojmtaboa3kmbtarb3y1d9evrfb6yb2k0tdhe0cicljfbitscn2sh0hhlgl8xuxnklvqzxk240hnjh+setkdonk3wdbalfrpv7x9jimzx3qjzyzc4grvmesjbvdcvhotlojdk83btqc8rph903xlyaisliixytm/nt0er/c0l3aunenx0nvpa+ay5kcm7jvzf3b4xfwe5vpsyunv1shcrk7gbkla7i1ynbvuzjm6pgxfjgquq8hpcdlpu+qhu4v2alf8maqmmgxolopjvoqrzes2uqisivuasmyxjex44y9h6lxic01iyqdzyfhb7qxmwbqjqdfrnwuyr4yx5as1asdhixd3pnz5jduqmlidwzltwy2w1qprif2ghclu3bsgytbq3kj1g3hrodssvxps5g/mle9g3yr0mziqeijrmtqkkk2hzvg/eqak21pbqhx5mxht7vwtlbmw+bzjkofq4h5j2kav8kxhcicllrzeg2zbumysmmfd4jzbxswfrn+emegq4jinwxhyk5+fjfg7zops6knte6tskggzebkj4fm7dizhnczmn+xcnga6rz0ymhndtf08m54wy9+nxgynuvfdcmgmhv+emu4q9e9oc1uob9raray3pgcz2wb6zt+zyuw7m7gbvcplj+fujssvuqdzm4z2na5b2b7534yygvcyc/zrzuqguw/cbqfjirgurtv0oouyr7towzix5pirfbs+ya5a75a5kfcrrrbdollqyqr25jk6+8kuiyqph1lwif8i1wglpeqiilqbbwwuhdgxwoqerdk57prnlnjmgtioljkyniijg/g1c/koyj0fbtofyhupkaqyumndopuuih7cn6tfp/agx9bscbhtmise3zjwytqz6rbid02gfags+iwa92kh/f2k75u7dc1h3mj99airzr3jo9chwmc3utviikdalctoafe+vhppoqvjr680wkuh6olmvgltbipcwvbbb0egmwpy2ocehnbsohudypxp+dgifbojubv0qtrdqjo2ptsz7blvwzpqph5lgzzixdhiq67f7c+qktvwzpoq34lcvrgaynfzm9cjhuxivdkaokoljoqjgs4nxkdudqe0ucuwrdhww3wewkqtqat9ch8pqigwhgeqwqmbqifl0vbne6qypmlkiufigcuqi4iaywpi6ugvkttkllizsgezoxpckym6owlo7sielmygtvtwczok+emekeqahomobrrwmtbxkxkrqyuzogcny/cdqvlcr0kom6tj+42/qn+r4qewbwedirgr7m+ldkipavtdfcu62sntmp17ggm+/uyt++knx7spdty8cld4flw61efbasyroipvlxidqznlo5586axb024hodvkzryvokkuerh75wqtajebgq3jw0tvnlecz3yf6urn3ix7eho1t2gudb6dzfxty+hans0vkwh8dvsdyjjcphnrtqyssuvon6djwgz+hsti8hsbrxyxu4xsqfwlmz0uqs7pdtnoxsgr7heaxhcrbdeunkcuccgrwihw1pf2mqrh6pwjw/uk/5vghuf6qzsb3fg4u4wnny+v5/jpnzyi/yrv/y3+zpdtvtu+rcskgeucqirsl7dclrhtp1veuhcjj8qsmjjgwnfdsk5nnjnif7djrhtdcaqx8tcjenku8yiqzumehhxtesalxjzelnkavrqainmqjldjp6it/ptu62qbtpihfw/kyrl80bxvrbag6xfvllqw7hq06nvnw+cgj2/abqf1wpfo28bnjmwk6c6e7byyvrwirzts+pafk2ggg6fjae/3jqboxgzbwvzeyaq0gkbrnab29lvgllq/vbprmvhlizicjo0nqr4touz8aiyq1whyxcx5sbsio2erxc1grvvxp9+1pszizja6f3gq19wbso5bbeqd9gfalfb8uruyichcvdon1vhty2gonvanlrfmhzrhnjp6wdxtvim6vm4a+lvublqcg2l7o3t6wula3rka2reaa+xepyclxcm0mhcuptnseiwjk5qttz60jz1sohw9uvd9s5lw5cfhytlkr7r9n1hiwbk9xqfidzthtjkbcxgwkgt2nle/mni4tx9cqrkxupi/3ycqz7xmqkgpqjriw3papynm08vxp6jdfnauisv/jkbgao6vsrczy9ak27bkokkz+tv72mdqxahrea6/yyo67e7shoiiobuj4inxdmd+iuqnd8qdwbxhynnssxpdro9azeu6e23/nbhi/guhjvdxm87fkhpju03jewa1pug02hslglqmlyblytstwxowzchdszzswvjq0vnnivhid0fo5mhzc4slkjax1nswxkh4rohvznmxhbkjddgpciobvelps/ohpbifehpedes0ofbugdxm1tdnpfoowsople/ra7bhr9qv3ey2btz+oj95s7iltsjsxmcjgsnnzx1my0hknedxmaada8fite9mgob3hhq7om30q0qqk5f/qtq60ca+ybjrqqm7ixb/plufighmgijga+r8qcmn32yfhe6unswoi3dtnbq2qre1xd5ia27yytm0a2qqdnzi/ycyzyyvwp1ty7xum3fxuu2mkvjsqclghswanqjcq2yyw/lc+jooisxt1q4l27nmu1p0twbwkuc+sky9qdjsmdsw2e78v4u0be1gnomj6yvaogl6hhdndzqixkonri+45gffsi32h0isvl3fxqlhct/b8jgeoufrpunotpxwtdof40urv1iopbqin/2pfqtihglhtckhm1wqnk/v5tptcdt6ksqxyumgk4l9kmwrriw3ose+xrraq2wvlc2syst7a9w1amkksyggijecwqqjt3ntazctjuk13sswjhad3ss4lljhwfww6en5hkrpzgbnh6nj0tch/jaybnjoidcrsrh4btfsmua9zslky+cjfxali/ooluhswmijx4hznnzngtepdiyxgslp3cpre79zce7z/kxyzjmlc2tubqzcrmtw0yv4nqiiogxreb7bqq2pmnz3vvdjlajud16pnf2v8jqcm+/0yvljmwx6sridqfd1envzyxtjuqidvmns9sjzi1fksk3snmzx4yrh+ewg64vsiog9i2ynbnsyid21luorxymjdkp10cfolkb18czdvtmzxaaknqsj5qqy5y6pw8slmatw+c/wzczethuckjahh/jrne/2hueley5fizb4hbsbipd6qvyk4si3k0p/jdpdloeuymxihi8/qyryf10rayucx6cvlplqicnrcpsvoqion1fmkqq8gxalevlrmlrhbzanozvtuqbhjpgdu9chnguvnaltk60um4p1yb5rlx2x3xje6ucuca/t7f7/jza0r65cx00qimjxkkbtghz8+oru0m8oqwusp4/fxsh1bzjizlkmzgdeytrxd6b0ivwppzjgxua092q83elgh/7errske4qqamoi4bvvumf8sau0resbqno9hqjji2zi9d6x0aygyb5opk0iwztm+j1ewwr4lvzytcsdgnbayx25ivrzadv7vxaurj1y+pdqpvko7d35en1l7nvgtyqkbnulva4qqhw2kkbfml6it7n+y+irmdo5/tmtuxxuzeqfnowjk2sjpjavdjgl/xxrlei/cyu5fmocajz+swtw+vxuejnl4dowp9zpybpsft3bf344tesvlrkwib16mgjf5hupcvzz76fwumefdt1cdbvz/nhlpjvw3kwdv12syoagcmebjgrpx9ncnel3tvj0tgsm7aeipexwsu+i0mczcupvblbwgqhpehavzutzqo737qbudmzwamusrtelmoivhsguqqwlqjji+uuatsvp2ify4+kpgi2g39/wrua8dz8rnvjqeibn51e+ts9rsxj+s0fvjotskkyngl1hs4rus7vd+blrehiujfedrnu5wfd1wla9jilbrojqrwpc/wfkcmewopp1zdzds72ggv+xf+1trloplwwzbotugfx8oktjt1ajyw39dzuyhly4usnpn+d5aacokarjbn1/zhbu+odghj17hbdx0yiuiwaoaqz563aczzzihqu/djcibvyhmlcnyxsvuwtep5nodxm10/4+abmlgvlohfv362o6ecjxsm0md5tcrdidbkavkdbq4x3yqyogyxjnalqot8+wsex+szxonecbmkonvdlbjkfizngsdvwxd6l1aqd4yti6jo+enzbismcjd1ytgagkuztjmewpqvyv2chzv8psknwtzw+pdfyls25ucz2ppjmk9yi4fxj2hbxe9quiec5nn4sxeqgysmlgxqm29x8qvc6buedopu27pze3au7fmbldfprwxqhtotzsw/axouadadwdqybqokddz7avumfisqevpt7vm7uzeoeacrdl6jztqjnrhlczggzhce2be2nvle7pfqvelfhbp7axge4zn/lqkbss52mq5veibeqayj2satqkyvuujgnkvr6ftmb3semznndrdjuntq6htbptzv9cobjghqtiqtv3046i8n9rv+hfpdlp8mjfxukssci2cwxei7myl4hj8pj1li+zzrfsiz10bc8zlnxtq9ihzqurnjhcnzltcodq7e9gpr80xown9ejfzgwhpmlnxbtiezkeimigbfofzvryj5xccici2omv7l5m/zberarcxy9awniep0n4vepsggu2nfbwos0mifou7dlrhjmanynlsjupoa0mfj0m2khi1okjs9ifipdo9b+payfjyducfebsqssnnv2ei8saxt8+ylxfgayno3lur2enizrxcxazxdjio7mrvrxcrja//w9x56i7govphsiyhqwhlqxcp/0kgziaofjoduypurr48kqleop4fv9c5gpiro1wtxsrzawdiomuuzrk2bmysmzcyzir9vprqra92djht3w1esg/eiwdoiuy1krry8xiuwstn1uec20r7uf1cwadmzwafd7ljkjf4pceijxmjrrfgjhfhbgjb1xoz8vogmulonan0ude3qwrpqasustu4vgiq3iuih9fx69iyqhjauia2vzxhoaag4fe4x9xza8hqksyzmjq12e2/pewlhzz7ntqc3svhmedx1+pvwuvcrr5bu5ijmcpla1u1wz7r7bhmbpqxeipke3ory7xxaqnmeme+zijmcypwxo/mghtnxdsdcgxnphjzyrpqczgoj9gklm2xezxdw+d2fqqhpletpqijuv9na+qwrwgr6rqktutn4lsup6heizh9hsxxchjxaziltyfpwphof7lbonzweijxhquzid/ekmwd/zlxrd2yktwfijcvrkt51+f4fl+iznbji6lrpvs0oicegncjxdpj9irceec37eks7nief6nhva0eytiuxp1mza0e9pnrvqsnxvhzcqkyr5m+mdyr4qjzuqpm++guscjo1eyehx7mgvkrxhxwzpmk+zkc+s0jlw4vxracitxl/myixosf7zoeftxgxinazuzno1gmx4acvnbffv7i8gke0zmrsc84tiwfxip6adecc4fut+jsawhlpaytkvfapxbdcs6uzgvdlgjwy6a41qd+a/h/foalwh6/am3m7tyvzmz9lmbeo46fzuygejrdzokgsdl/cfvscfkstb1ymuyg9rxw6r2pczl3pozmrlsk76wi3oejjf3ud7syyaa6atjc1xjmmnjotvpp3fhxedijszsta8h+4lpard0094oyuuzzp2vn7xikcysd3krz0mhbk3optfkgsagh+gqadbzhxy3fpqxbbx4oqrph+ytsvbl7mcqvztmx5yp+kzwokzhosxniigdbbrxx7b7yrvo6zfphhgj33xj1i6uluasm48kmyfhsr1rxsh/+pwgxbi96kw7dwcxxp24mklpcrp+v1fusrfvbjiwj0jsvbo90gvcvnmy2auxfgbslvzggestikh0kguqzek3onervbydamy5jq5uzaky7+lmi1lxstmlv9x+mgl7yd5im13iujhrt19rywsfrq4muqom/qci/9mncrv2cvtbskle5ryvzggv83fri3usmtja4eqakv0iptgdcewaml0mbvft0+anl+lovyexwyfzifzda/ecalywauxfpi8l+m/ktvj2esbxgoymyxw8hbotn4lzt0jg3kav3trn/ie17f/+p1//p7v/v2/oej/+36z//83heiumplbxg7gjh+lluk01ur3sgvr5ubjp4iituyivxk4dblhjbul5dkvhje4um2hl1bsfhn2ua0ia4p4eibeaj9svodjjv3zly4bhbxxslzvi6hlvubae6uy+fsku701ykgsturvzvxczonil7u564elqgfrz1oqatekrqtaqcz0ojuhwmdm63lv56umux3hz067x28amvciblxdszybtjki3lj+25jolcdrqbslcbwz/ex8cjfjzm1igb1s7fz8sa65cj94mxnvpsaizjn7fmd+7mdmq8i8mz9jyrlgrzb8igr6gabwxej20rbgsyh6ejin5iojzewdr9rhefeqizazjgy/fhh1gqnatmtucnk2lh+sebp8zc9oihnc3otlw/awe7heewjgfkdixktvof4lrccul171qnz6a/t9iclqr8gdocsq6l8lhld6rcmtb4yojzxrzmhnf4fr02csov4mfql2caphokoyhkefqmtwab6ts7igj1yhj04xc7birysfjxdxoe4t1jbmvjkkyjwzdpg4xwcbdoc/4uiojxo46p0uuipnunijr2p7gixcieuib9ujeedfowte8xxhz9xyt3tzxavewspjceedsytv2a75slsrz524vq/ed+mrj+vzd1tbfoazc1w4k+dccc0ky2gvmlqz/j/+d1g2ezvdkd4lhldg+c+qvvz89wpdtzlkacm9+u25lothnosjqljwznjp81xhayhshrfxnzikqwgsfxrcglfmiyterpsdsvxaoovgvec64qkass45eh6ggkydur9zdhvik+/oqlvurzcegwhjf29tcpzsjupvhyfw1arqled3riok5qajq2s5lbozlf7ad1w07evb8rmpe91srcyrnhyjjcyukzgzreogev+hkiivm7feqgqslkwtyz014trvdap4hkdsotlya8wky562lic11zn7xrjxib00pkj2gamypmjpmifz13wf/cfyjjk6jbtqsoidkz0ioq+rayuwkeyb7qoy0zd+djhls1xi4keb12vwrpafwmay0lfnsy/qf1ikmetj0vnsiky3zdjwh3yrftckg3xpfjfwtqmziscf+0gphhj3osnxwnginvtrermdsyykz9gtm6pu1aivkpzbwdsjhe0x+djxzfdypc9bhpk65rcjkag6whnqlf3skf3f2qvzz4hsy77keyjyvspg2fmkkd5rcjgk8s+gxwvh2mrwgnpvyxgxcdipmm2lwgucsebo+s3emyr0ohmh+dvzunlybx+nfow7fl5lrisudwd4jyk95priela4zpokgmeldfaknh+xoemupmfplfykslidusnzkmfzs7h4+5r6ib2hs1ihic1hauzzfx+yr2moqiakyrhynurmn49iulpyw3bal7qbdijkaiqkaxwzql1vqqyas721ohhe6iheis2s2ssxrnuhz2u3dgv7gxecuwnlr3knkdk+tveqqsx1yq1vxouwh/vmbkxpjh2sypmqltfozafm5syqxy3a0ruuxlckjskb480wrpucuazi0/vihrjpeo9n1bwfbnldoyuj73w+uizdzgsymj5uok9jeei1bzto7cdyghqyvlsy19crnpuk7p6hgwo7kjkzdnjujc5njilwevmrfeueqhserfvozobieemdxdie9ulorajqivb7hgsoyzpitrw18vouj5fptfjesj9eqhuvxunkqo4baav6pd0acrcurtv3hvwrolfx32wunwzpexrur0boxmsu3ekvtkxlcydu6ybjkrzeqfulw6kwwjqwblef3bgmtq/xsgcdersnn1z4vlosfz3bde57a4gy5dr/u8l8cdnpi5753lupdmnpn1+puhujjbdt+rgniwgzmm/rvgj2wpf0locipjqgux6ozmfcxilogxsyekbwyb+zg2zmxbydaub2u1rygttkwbyn68sgpzea2ruexbqkznb5zg1xvoofc2gn6crhdxzhajfjc0kzkn0xk7qtw5mubnzfd80uq9xhc3qibvizxuulrjn1xwr2iqziostnfmhnhwjo3grwz0miqjg5ydyy/gkyulph+0blbpz3nblm3lfvirwatavifkbczimzo9l+rydbxujj68ddt73cjj1q8pc0ua8mq5ptfmnee2iceni5houwdhgiwnyokm03pc+pn2ncmgvwdpt+xqwq7ml7rjg9zxdwfb3pdlqf34uw7n6mey9gon45ymkhjqninxvadgivvp11s1kgs7xc3i5tuv86r4xv9xsmrgud54woeieecevmkjbqpuxnxphbi2ayahk7w8qrbcpmplwtc+efcctvdpzlbjnwyxged4+u0cxpgbukdjvphyduejqz7ccslu3htkdrzn6vie+fbypyxidvr3fgf3krl2krsprhgdkqdpvoc0+en7oncrzoxess9gdjw/lvikdjsb5ufsakjcgstjfepwyhrocb60cpl6hjld7nxohs0tpsytmnfcxnfcfnynuxshjbekg4ywsznj37o5srtgod3ujmugyhx6wsnrtu1vn1ek8gilblj3urt3g6dp/fgra+oqrrewod03ebaa6xbxqlxbakl9ktcz23gl5dt6tbhbi0rffo9ivhz6udfnjdlcrtmssmi0i+neu5rswkedjvcgqzefbyr1gu7mxhhe2gwjwkivprkpfuxw2b+wtt8pr1ljuiom4ybmx9t2vsaaiv+6xdyqlasu6fnxvwilquearjwjyvkjfct9lwabh6ssnka0ey9g4rkqjyixbuq8bsntayqxva1rdbl6dsp7z8bgpvfperkcqt3ebktbkwhaezdrqpcux05yxm6lmnff6h0caqwheh+fv4rq0in8nw5eel6kaulmgsqq1re4vu3z6lvshpavbhueqc/czbfkn9eivutjrxqp7sjcqumrjp3lvpq+jldurfbrkfhnuxvlzzcjaxmsbc/agdu9kerzyjcvf2+5gqxrkb07ijjg9esu+ut/udnqufn3abdjnqvpzysoffox3nur3fmijglthy2titas8aamrut7cq8gpn2d6f/ucu13usm94rtrsnmjwnvkdwzicfoonxvittifsdmtmlbyymjarjq2voaizjs3mtdrqijvtolrgj9vtia7uifc8bfciowxqob+yatk02nfwzwoy9cgzdutvasw3nxyv4lleoavmnlvjxgezo61xipbpz32m0opiqobk69uep787e4npbvh5vejyxrapwtywv27hwl+z2afmcapaq508/yal+jwpmo8d6fvwycr9snc6exj0lx0h1ayvvn1s/jxei9jbe0g0x9mrpyrdyx8jjqtwk1r/69rwwgv87vvrfyceo9g05fdywu6c1sbymx5khe5bu1+1hztinq2eqtskdrthibz3gkuxssq2mgihw45bd2lm4qroc7qweyofx4xebxeek+hoqvblfsyih6nw9whk1q0gyzn5g67xe9rxudgwozxuov9h8acq7e/7i0sp5h+ruttio+3n6vcu7oqvtm6es/mcrh40u3jwb6qn/6kiysa/qdwclau8/9lx5kvgfetjbp83wboit6dyq320vrt3mgpekfzp7ttw5/7vy4s7jbxneigls5+dqy46xfelfsefo6gsixs5ntctmot7jymreduj3vfep5aiyl23yasnqqp+ewewyfjlb4ot6zk/dyd9sj3gbrbc392hs51rxhy/8pvm1qt1wcf0tpl00ifcfvfolrdeh2pc4xsxjj0cwsv7prurxdgtzqke/nk/jkjfz3l29ztia2oo2qwcu3hqv1q0m48kicys1eaiwsuoqnvmdkqutirzwlrkmu6ylvtkbqlo7riwetib0vx1lounbc1kwtdptydb6pdrqxbpf3nyvxibdc/1upvhuxu2tyqxcl+4kf/6kqybfnnn8fbca+jsdywxi78ygifvcf+slxecc090yrkzznbu6xxyquqiavb3xrtqkbllktntqyzh9mnuzighlhltk/m3dxhafkwlhy721mxiqgkdtwelwtb8lw8o6f19gxtggyg2l68msoquuenbsdomznx9j6inoq0ccsc9kaui6tepbxgbad5dqwde12hlbfv2fklitrxnn+vuwjmeue/qe3+mykkiwmbrdobqjks23u4ezwu2jmksm+tirdl6doazhu8qokbxmpcvt1fsuhwtdieim1lkbgag4bqulkl6jr5ek+tldqqd8pgvdc81fle96cqgyw4wk87tjpvhz0cecqfz5eyf97zsiisdnrdubczezssr0vpveqmarjabrk3r+xohgl3xumvmh5akgcztf2we2bxdnh+mwkyaqqjizmektr8vaejjxbgcovrd6fig7g8mnyum2c4ke2wnzza5wo6wkftygkrczrlnxkiu4anle42vetiounlg5chfmobubkidz6uuyzhtr8lfaqrnous8ss36vq0y3soaffrha1q95opxihqisa0wxuzkqfdqzcuv9bk6il/u1v5tlyhd/rk52rwzdf3+obupcy2wbszcz0vhr87lh4wlajo2ilrcbpun1y+aneyu4hbpt3hubkqsukebekrq+ei7ewdrjkegi0nmpn4/pyjyazi77rjimfkj+lap4c6kjclhrarlzpsnaqlsanjnaqwanbmdht6wa0ioq172dkv8q6ivd5dr4miejhsp7wlxmxdhrm8ewwxkg6tl8cbhzd1ppfy9eu7ilztg5ulkxuud1wms2xox1n/drfi6s0piw4gsqxvciq0grqgflqoj/iljg9bpwbegcyolqlnwtsybcmthxizbdrb2n2evdenephnnecidugvvfcqbftwme7jnptvllte15xtpjgw1ryv3uhukerzrei27fonadbj1oiicz+9zeyo10e6w+9qludsvfdjoruiukrp1wvbc/j4cuqirii9ouqarhkv1ihbyhaoraa0nozyjwj6svohegeslnopa95qlgy7demyqqrv2ezpjybbkwq8a+upseyapopowvbvkjlutpvq5ja7l4b+kdqw7lppscxayq186i+mhf0+3zsvxmur+g2njelufjwrkw0uttetyyj3zzbk3gd59n96iyynojzbz+6a7sqr7nsc6irwamuxr6caw2pesyeykbvzjfidn9un3vqfwpgg5ngrc1j0itd97o0j3hfs+sd85a0t1pxpo5uvaqed1gdakoayvs5el17xmutejlxn1myaeo/wjzehz8zrj3pbxqudsf2htnkaodw5dtupr1sdx6xl9dcvk2hgm51qhy56b9fbbg+wgjeaw0eyczfpbgcgffaswqp0orpjwdifdiwbovw0yo0wrxavqicdtmdtbao2dkzu/xeliwv+zpmcywqmnp7uzk/+gm9vpnnu2azy3lxgnzis0kugysipz7qu2kdyebikf56tzzxlvigf460zpncunxdeybg339gst/ysg2+p6canqlgi0aq+ru/i9ugzjm2srzadsygdxtql0usjxcemmkqcjsbeivq9anottvflt4qqotfjynpkayqelebupor1vy5iwqc0k/5vpviblo731iyl36rs969tmva0k8srwsw4g1js0fe90m99amp3vr5/bllwhfzgwrhz0pldyagqu/mjfuycqjefpjbmz4bw6rjea8gdedqiu1ymgbxd3+dp5hqgrz6u2hq4iy6pnfli8dyi2eaa5b8aov8e0j/ij25zpcwt5njfhhzhjtiisuxe7gmtvzlmx6q7gg586iwalr5ni57outpujqauzwrqtmxjltbznka3zp+frbucr5ysqhjbdxz8cslpojdcw7uwlczqcfrlhaxopipj8v9dslp1+pi9+w08+vmshlnhr+0y9evqwrpuqk2hh158c02znsitfihpxczeeppiiqfzceknykybimi0kqgbjixtgtttn2ijfydyj0gr4tqprqcc24zbaziquun1rh00nsy3zwwe3ovzkeksnlcortcwo1ya5ofed2lzkk097+ckplhwd7qgva9owcq/l/zwa9c+2gluqeukrn2tw8m7n8euggvefvky3mndysgb8iwin9vloxvvsugy64bcgwzmytmgvlfwjfbraviz2ktme5tcu7xk3h7wnvsp+kk5qlwcbgfbkav88vajcblpzibm2fqpd7cfk2mumlfr1yiqmkcww4ksazslzpkonxdzmvieaw9aew/esjzi0q6trfirytbwksfpmfgsur54iv/rx91wetm+nnd6r7n8wbjlhcqktfqsn3rntsjj/x24s+czeieepygxtywf22wnyv9oeo6roplexwoyeceumcsdjj21hwnxslrfun4powg0jrv4doydwqm8wdgve4faleojadtjb3kfsl128wk1t07vh0zvrgilpukycdxbnj4lc+rwzgdk/+fm0v4lwfyi0spcvypxctbpztfmk0r+esz9lnfxup4vlhz2nsvxa3id7d2k78jyj7+kcxv+eoosxstzutbzbnbpckr42dhuwiqhszs/swi3q9+9isxqkf8juderqvqwsrxd8jgcbsrrq5qnmt1znc/zazqfumvuzcupnhiw51cju9o4x0tytnxwgv/7rpkjxarv4aiegzqnvivshflnzndggmcaxorm497zzca3f7nluhwcgbgt1dltz/ledjqz1bvzchvgcifiyruimxnigx3wnmkaeq6zfbn0qw/klkew5z8e8boueizl7zdad8ow7lzorrdheyk9zvtz2xqkgctsf2nukg1nc3rwwuyxo4j873n4vbxtj85r4cojcugjolxj7qsobmor+l2ze7umjvwghbrre2ikgyaruehhyssfruylxqr6cgylkjd8e7zgs2vkr9oeurgqaa3lk0v5fvwbtdlvgem5cbdwlgvdzrqtbqsyjgsevkgghtz0ehfqpvjcsgupagweg52buwviotxcgjyqjkkmmw5yvgkylzktdlxnr7j1c8t4f1hck1d1qjbq/ftzbilbocjr54te2auc/466vybjz4ovyzzkk6o+1sdvf29mdkon/nftntsejzlnmcb1vetfw71vgh3mpjxwd0q8ycjoarsgrs4/4mkifc2xpvsvp8qlm2p2bxk4zjirjkzl39mdgjvunmmkpauqhobjycqcuhm500pick1enjt/h4pjtervgmj7gpqnfirypundtrheonisiyozhkkplopwwyqdeu0vmrazirve/vmhnc4t2z/bjrs0r0kvv6w+yxjtg8188gdeyzl8s44w4uqexm/aq6o+zi58o4t3fmoncsgpldctsbfikwf8wh77p0lba6d14ksyrqyfbe8dv3nchxdjakjkyptk9phknrugnandd6enrowigu6eermmt7lck8yjatrnbwh6ir4s/pjw/csaipb3a3uov2cbnaplliexuu5xoebwytsrwmbzycqkhd4lwfgnv9cuutbfe8l2trmm8g3vylpisyo9nj8o0ojew7n5lvxiqe5kducppjclgr0jdfehzpvj+qhxdg537iaedrppd4zljt4/ymhatgub0lrprcxyl7kbylk50scp6v1wqaqcrem4mmp8gjywrl1h7sruyy8wyoczthu8+f0a2p01scxpaiszspq/a66hg29nycjjuxotbzjakksuppdw0wr+ztd6ke/4xvfc+givfogy1ix/sqruyiaawravjz1wpo0vaq6p81umsr1xuyua5en/ksrrqhoxyrbbnvbysv5tdkqgd6ci8xaip4rmsmq3vhjoqpaxg+tw0q8b3gkyptrebhwtzvxnktetjhv9dnsg9kdwezpuuxgujeqn/ebfsw/xsjsaffyveitabihwarmlj6kb0a5319lhfjbs4xp2ucosmainb2940i1vannuhslmgcux2vyczidip5xu9jbhjb49xqhho9wcuwclw4/zzjn4wlqx2mpki7cjashyqampehytaltsg/lprnr9odzpkg8krtr1yv6nsglxuqq58wyfmw/lurbg2nvijzu17yk5ufxl/gqrhwkze6zlxmh7whs/fxt8zcf9gwekonsrxupxd7ihyynk3golicfiqo6wfrquydd9gdisde/dutdqrhksbntsqaekiknz3j0ezwyncnpkwjq3yr1ck96sd72xq/yd+k8l72uvcbxwwqbrxgsj4zoplp3yciuywjjmyifq2na94zhxsh+9sw9zjxjfhgnqpwbo4jcejx9ek6z8u7xq/dtmjh7ktkyub3paruxteuwirenqwjkrh2q8iyi10iwk/8q7qgq7jt6ydq62w0ueotstrslchccmmp3buopsyyu5f2ndvetbmv1iztfceekws6gxfzbtdoplxfvaqahzddcmvfynhuerem5ehpwthxih2ievmefjwv5od0tymueetkvwcu0grkach7gleaw1i5tgifohz4lg6ezjztqs2zrw/lspsmvdjmvhbewpibraefxtl0r6mjhoqpszeczzwyjuvlz91llumi7esijjgk210bebos2ermxf4zm3zvgamz9ouymgpnkq2ridkemx0howeqd6cvrk8nw9fdg/fdd9thv/xrfe65sm6r7fvfk5ye+rknu3ewqyezlkol4j1belvjtur8hojy2cz1y/2buuythvynck3cfpoqrhnjepe52+6wc5nsnupcc3/ckixsj20ri4zuezfert60qmrj/urhdt2jx85o8+31v0hmejkx6e/r2xpu3g/9abofjx+fcurgdgnz39a7gh5tdfg1k8zitma7hcx3jhc8qbuoqojyi5kzsh/bkpeiklwjz3bv31smqtq5qc2krbpbiafr6yyad0qxy+amxiy6iojfhfqxpk2nkkggg36ckyooei83glpplskozahoiu49hqcjbe+3phf2sfdotfarhy906c+dcflsxdac/vst+fk/93nmxpegmmrdfekc0hje13vu4vlputbfywlv3r8ugqnhl9xpksy+tvnkn2zbwtpvyufqyq/rptnqrgr08ly/sztiwrjyjmftppfct5qy5uwyu2mxrxmwrkw0gtgvmh17m9ahq0it9es3ki5kwx2tsky8f634bhgbgvvpris+dicmo9ennljt/brh6taxsfymkyrjidsegcvp30xmbkymc1v3riighxcr1zfkfdzg3qf+hr8tvx5hvnbumfyamvt2atflxmiid38f3si3xs8pu5nculecg7vyncmavd0mrbvang7m1e8bktoyu75c7p5ric9rsc9ffgqofbxeadamjodvpiahc2cbeikvn79bxodzqmnahp/87jljjtw8mkbnxfxktnkpqklvnxrtq3cdg4p0wxawhxn0h1hletzijncpao7fwmpsblfodautyqcw56tkriif03sq/th0djw/s4iuhtv66tro1arkuv1otsue/xe7kfgrz2xypzlbk8ufnahwfqkbmitmdsyz3aaebs9zd7urncjkxatlw+dtqx4zrf12byro1okisycjvehxh7tgr81zqgqdnxjxslsxjfsndkehwiomrhqb37gguj5n1xkqw/w8jjpsuyxavsbwdiy44ls/r3tvhtgtmmri7ozfanlrl3xlh9pthqkxxtnnxcnnn7ydlxwo6/wjqikikbehbovocrki6jdh6dow+p7pj/vefa4c1801uju63u5irsf2lc7uzqcjg62renzpxtaetcavnpwufuvx1e+33k6shxvwde7on5fsddyorygajv3l3dloptgkawe3/mrbk6s7rwsvz1zxtsehtokgbt6hkrepzbazzzgtmgncn3/3bejwxukfrrsodd5/wef6rdb0vwhsrxtcevpoecb9pfk/znr78i3lmtgdrktiv4shv1kjoybxheq+1ktqdz+8hvu4orubreizxmia5wqfh2yeigjslvrhrsga25fdhhromny8jyquz3ee7o6owuhxxqbin4vx14pagelmtiiknbujd9axb7fofjn66ik9xayf5eojcsdhkjkhe2emcfe2hykrlhrmfazxoyh9zmlvjxkkgu4qecoj/ewst2lihtbpadnip1bunhvp1z1fq/ptkcgzeek+ddzbmz0f8cg7jbc84qy/n3yezf0eno95jhxoyvifjw2nl5wtfzfuutu9bdwl/3sja7rxqtqs8/bismx4awmcix+xehjdtnyddoemtz7cqgdmrjtjrbfiv9ys0scmqvy4mkasducckhm9s1xfhujbxlpniguzktpakm/wjry4ba/+on3uebxr1mclggi/xejcvc5uifodri+/cywqilxygcfpcixahu8scsiltzoyz8sxcfk/vriz0gcrvdbi9esaqeykwwnug6qntorgby7prpg3w80md1rdyi2mngoy1af92j4rhskgh05hgk3nymi7uhvse7un5fkd24fnws7rcis9qubyvypeyl3ypnww33ze7wl9lwnxzw2ftq0pfrf+vqjtxgbpga2cet8bgmlahnlvp582pbrxjzg/i2imbnes82jxusmvbjl9yenshr20lc7vz+w+voegbpbuf1k16qgjcxd4e2vj9u9co6hz0uhlwdtov5p+q0rhrxl8jedpc3hoestejy40xscjkox2vfyzckgsljiyl1l1ja8fazifvcscgpq8ak1rjwkgqsvbibbymcolxlurfb/pktdihzxx7wh/x7lujofohlns8fyr0aq6s1jyoxpck/cof2c44ug5gxbth+jnpcgryltzqkv0rpijg8h4jy+p2pyon6x7ibzj01g7xhscf68n/tdjwpvvqp2kadmvwrgtnwn607yamepbxmr1jllxndsvskrpaiwhftphwiuzt6pelyahxasebcykgevdstk0ih0nqxc1oor4ad8hvbg0jbhnm4rgt/5zo3ecci5lbqvjvizcv8ly60elpb2scmwwld0/5cp82saqdlnrdetox7e7rdvxksuzxbu60ti9m562k2zko4mkbnvllo7wbvgsikt9/1tl4a0qezbhp0yc9xmeo5+iuqwlrij8hezdeqoqdjwbm3bm9eaa8f0otdfjq2l2cauwgnmhbsirbqvdxowqwycrqvsf98skkjyrtdlhafqlzlp1ozq3fcsmgsb48zyznywka7kvlvt93xgud2ul+de9i3cnsoch9isuq0q1r4tiemvlnaxfebh/qyl38lw+a9bz8e4koheyqpecktmhijgrblejnxuuebi9czmv1w/olzumkxt1mk/hhlbqnzr+g0l6guz69trb1szu2+cowxfhrl0s+j1ryug3hhizpzjas+cmgfcmv8ihamigeswkze97wr92xdy+f0uxcblbyriojclecvl1e5+bjstwnjmolektla9cwya8vxd38rqhhthmoirx98bs3vlyvnrtexbbpzibhn92f1bk3yznv+vosyh5fco5lyv96zaxqqtwsg7ic8/plw47s5bz069wqioeiiimmucd9fphn7zou3w5mf7um3qx6qgkpt+wwduwemr/ksobttxbxow3rzctxvzhtwg0bzt52pbzb8udmn1njm4hknma8etzpyhnljayurpsy7x3oerbj8yk898vxshljyy1ol2et6he1zrlii4biuzw8k8wcajkmheuqc4mjnifnz0kr/igfa7jfse0+unr+gwofx8umfc9mm4bjujlrvunfnyupcrasq+t5fqlnpyq6jitxjwmecgjjkm53kiuhsueuehpqboczmtdpgr4i2vmrb82346aq9er9aphfn8w88wwrpoz1bzbxrec3ziru34yjraa6cxevl2do87oh0k/zlsojrtlyzdydjjqtequjecocbnpvcxd7qodjbn7d/sat3peceb8jntujn0sxx7tbujcz2tyztyodbmd844dqv+tf6y7ksviuaujyu0nmqhp1f3xjan4ggosxl/exjjjzura3kq+jiajexpz57iylvmbqpq1vplqr1/xhujkze+mgulns58yiaf1kyrguwc/vxhyrbzvejbutxecn8axgzphlk/im1acvo+mrowkpnx0qyvufykayrtqejtajovggpxa7vun3bq7eiryc+y5udrspco515vzot1jnty2lqwohqyyytj0zshzq1xztqgzn43oog0xhgxxdukylnec8gpqeythelynuac1ruunzzui5qe/i1nliec0pkx6domodcoogktzw3dh83iflz7gwol3wkfwv8jhthd0rawsely6e6v2aswin5tepqnvoqcnxben6yskm5cbdusmhbkutziqw7tnsozqbxvtdtbfprpkahrja8rqxwmapy2k2xfrkkrejxj3oqo28umvcoxau2yylbocxzqq/vkxhmbujzrncgft2tealbo0mvl3/wdyzypehkw7prqewbbxdjgmvnclppgcfco1uq+k7cdrzdtojfriyvqcq83ucudrrhze7j3qq5qjpa1hfj6dv4z3dodwt1mq72k2lchfsvzkzaqvjjzswrf5fq5g14pndirfrh0i4hjiqt2jdcuun3h0kx+byodandoxqp2k5xg3kjsmfvyvv2sc41zslc/la3hzzwj7fef0fbadfdbbbvxnb6ndsvtwravdk6uqxqgwlo9szhgfxkqdfwq+kakzxwskgodijytvtti58qwvqykrst1tfdkc50n+0yht8nglkfsqt2tdod8ob985verjw+e9ziivyiwkhttnj9/klo2jl42eylaocg/rh/swklndbesrhklocrhr2agrvhniaitmzc41pac81q+wdvsjk59ek6/nndxsflg85arziwyxctfy7s3vqkk/tekqxj9sgdyodsdqiy2bfn9jcbflrc0tsy2efrqcgjcsfzv+ex6/ijflnydaqh+tfofutsopngphxb35+lsqsk8xtcfyhnok0jqip0aksygbrn++7cimenat2zsn4hcxrjd8sacm+pns6rb1eenwemo813wg4sunha1nev242ich4vqvkfep6eit1jvk0hmtpyxqqdctunatwzdiu/ypcmdp4xuzcjky83peca6d4w4hmgahnnrsl8wvotqbybkfn2jt7tnniowlk5jyjmbdmbfwr+b0m2fretadtmweynukvszzsbr/28zl0esoobvpv7hsp8ysqxuarj+ctponhge+vibkyly/qy4yb6grkqbcqiuuoshvipjpyhlopaj9e+ljpq2hif1/tiirw1k0ytldjfkpvdiiubyputktu5gb+nlo9gvzbrihm2geuyk300i8yzlxeaxkwcnbio3ybozwxvxactradmqu47qric7zzocs91ubchiun5byvrkxzjhprftnuicuqyq4jm9oxv3z+lki5ci0cuy3wwvzbgisa/yapcrrd75qu3bxvmj/tcmchix4dcsotszzpuxmh42cddzibrfer95/dmh2v0nokye4djcjtwbfjg19tokxfmjjslr4jt+qtgchzuzatatvb5ke3bvkgwcoulfxmf66kvhrr6l5shdiavmoauslzlhid8dfviwrc7jh0o0k1l2/i/c/svkuv1po2ojgxq98ia0wht9yfeylbupeud7xhnzgintgse7v4ybmr4t9idtanodm6bakeggm8m0cumbihgqz6udszgih+na2utz4viw4ol7ipsxstrgmhvesg5mriaf9wgo2+7oxi8lvtcmdwf7wcpngphsw5ihctov+xpj7lbbmser3xyjjuoopzsjq89vnl5r1vpslqh0cdthsb0psornhogqmyqqmxszoh51qibsftdrw0rsnso1lfhar+plijywgvmxidergifpbb8i8y8aulvtrfywojorpvyinn21+ik35xr5hrb59trkushhii6zeqjck/yfouxv0i/wlw76x0k6cbviruwit3epmiugnqck0gcjgggu60qcqmlodfhgeauoquecetgswg9jxlrj09c5qoeyerw5jbzsmrjd/riogo+1ddtxiv2xf7hsivfum2eqnpamui9vjliijuugvkghitagcibgnf2az+puipfolykxqp1ltn45qjjflc9/7rpjbgxupbwbfykghlkd9ycmj76aroguumbx6niptqyrndbhevs93dyvvb6n0w65wthcaez+ocnhf90ctvwm8jum0spevrxfaa4sl9+vcwnxhp+rpxlcwmre23acosseslfh/r273xovv5yquwfrb199zdfctiyvgknmuynwdxkohesweto2qqurl/vswrs4gsc9r1kmlqwrbf/1icsh+trlkt7m8+jui4zqizucq7l2rbfghfgbxi9/z+wuq//yfqhnki0cecwmz6ennbiyjbcnyovmaar+fsgrypptjbgubm5wt2jek62iphnyxyhqs1w8rgdkpt4dj1i0zelk1+ocwj/ats9g0kysy5rygsf43pdgpirlobswdcq2emuohq+jm379a+m2zpundldwtn0jlbbu3trorrerenopej8ud8dfamfil07q8yranrsxyta7thyjvhklvwb4efq95ewyyqehmbf5spzreelavf2c5lwygb8wqlma+p06/mlvw1ovgf4xiizyhrqqgp5jdrsg0tmkhnyc5ucgs1dcsetceuf/albn2pbem83wyv3eiib+zj1+1gufczknu9wnk5rt6nqnu/3jzzv7rv0qpbopdpfme68bhzmvwtvlengijlbgwpeqeebgetdmxhhgi12/pza9lynykywixrxrhbsjkn2ukoas2rlkkjcx3rqti8mv1y0ztwuohfxji+ze1kjt/256ggiltdip1lmxdjve6fzfpffxllgrcea2vkpjjko5occnpra2nyuwpxfa7qyb1aftckv4gzyvhc9t00gukw+cxkicvu9pilncblj7cwjj6chdsjwlzhwf50ugwtsqzbcq510qkvxfxh6/nyjqrv3pwb3mdswjtwfmwzb6c2srtitpl1zrqbogdxup4fidoz77ezollryk+5zwrmzjnopnzckjljyxd0jp6jvb27vor6d0jlubxuznlugrtqyyt2ax67mf6oue+oh3rf0ekkbhln08z4ziq9urs1gzbjed9keitus0zaa2srt/dasipjgiqns32pa0zpl1jsxvas5nmqzu8+vvc+reuiyga9rloegyg/t7hu5kosx9olr9io84ednifz8cfhhvgmvtv+omcwvupj2l5pmkchuakigvz8krvnpiotlflrxyvowzj4igrpejnfszj25gfozhuy741z2jwio3xr4r9hczwxkoh0umdnbsyalyo4ablsdsmawzbpu5ckbawlw3phsjpnopre3wlrpcmilbmcazg7mi8iwpns4doihzxcdns7+s2byxdnzz+uropzdwhaxk/v4whqtcshct2erpshu/p7vxsmdhieup1vckerham94vx74eli+shsetmbzmqjxgie+yifqmgz97woo/u5hy0evpqii84c92uvnirci8dasn5fftfahzlugmypwxznsjljs6wwvzjdph+ynx7whvfgngalnrghoud3yw+sb5o98leavfdg/ahxqm+ynusqp3o0ph6mdso0z/ig9h3oyrfvgtjks60z7/iof4z/c+/qji5lgngtmntfpt0/at/zezm0b4zlf4wu1ue7/zkc2gikhf4z6/97mhfeby5fxewqenfgonfuvs1zn//x/79n36wpmfkumn5vvskcsc+/9vbvo7qzf58k0lgeo+xudoun13yraetsk2vwyaqxyfswkoia+y2slzzr2rlvjgvpcra9emkxt/k/ceiqdalvntuyzzkzuq/30h5bdmvip02t2org0ziwsrrctrdfi3xx9t7m1cajewakx65se8yejcst1vmwh0q/bhhgait2tayuy8engfv7pl65rm1rfw5s1qvychkrxd+u8weoiefbpzkxg4hbar/bw3vizqivdtfog1vsolwimdmwrlce81cg4gmvfmvhpuoyc9wq9zbqhai8esiyz04yal23tsepzm1skpgbqwjagr1ejuaeqd+yx+dlwbegcte160q/ukhvxb3wyq8bdd3szlyqjq4mzp0c2nl61zwogxdhma4nyriga3r1wdf2epbhbcruzcelbpum6wsrn/jkqnme97s+hyxxh6n8qnrqz9tbro/ezoxntfajeyrttoqpf+itgy+eesl8yis487fnrb6lttrsvrkgyjghofeopvnsm293yqjjh8ttir2tdoxwiw33bdxukup7eyvv98kwzszl6dieh1m4pnayeeaejrq3twrpsf4ipwb9dhdt+x50s3pfdy6kiiyhsuvqi/9ylywyuxdirdmt+ozouywwfhhyjui1yxb1ite8nw8becezcujr5x+bojmu0lamjat2jborqp0wfgmsvhzfxoiwqno5a/s1bt1682onymf8+itptha6yfq4p8k7yhna0dqpj3ey4aczxv9gq4kkivzprn+prwi8c91exz/3ezavpxqlsijpupguptkvhu3lgb6izn0cog+xlcolortz+gvo1/9lkcwziwgwkln0wzwhbjedbicbpka8g8auw7qwih7poojwsjzdek3cdank9q5gnf6m5ht1x9ctqf6esqvtqqzrjj6xymabdccmfejdk0snpdcxtfnzvcpyhsuvzkuvnmt/e11aiej0ntczzj1kim062nhc6klkajhjspwzm0qd78fpbqfbgglurzgjcwm2+iksdqmrurero2n0m5gwh6tlkymfgjlras3nk2fvlwi6udwbir20tsilskiqz+yzi0yi9m/ulz99lz9ah/tg6yue8cs3s9dgo5xuwa9v1qjhl3j4kms5gbn6xciy+cgvbbby7n8gd/basb0taogph3gtbzcnf0h+gosxz+foyimif/ylnaqjfiipu+xpilp4ndexo1ckgjmstltl04j57n+7ji7jfwmzqrg7vsy4xsjqhx9g+uivq5z+ml94ndnggnbzcxsnlhudmmmlmffa0ytnpg9flmuij+ksfefhax6neomx/hp5emblhwhcnkkmig9xhrykw2smtsllxs9zstlypkujvyipo3quc3jow/vjaidvdoqymo7a6udcg4zkedp3hmecbh54m9iwsnoij82w06t0xs28j0cur7oacvvthbswg0qgu31zfg5xxurushu1uje0h8ak6ooeeveg4i88byqxni8zaousuuvmgmchksoignbuepyfi+kjvi116qihfqxnokplnsf8byziiih9ddvfscaawdqvtiqiyt3xsthhh9ihvkkg2mppejhuuh9sf0oxwdp6p7mf0g09wpjbeyowo7qeylatw62pqwtjtzsvjtpjbqz5nr8czpbeu8cmolq8c0vybzxmkqetgxlefcygtor+xdcgaypympiqzcjwvfrzfcrjdjcnkobizb1vbfxkd64fhzwibzg5i/frrzl4yage/wikdy8rkhgc6jgy4uwvvq1yuj5ci3kpkuas14+owq6ihsjcfbpj8w7surrr98ui/q9uvbmwy38zib5ejgnpcaxvdskxejrmwh7mcnry4lgcadr0qo/bxpcckmo5/r2qcfolkehivi3a05zv4mh4aslp7wyhm19p3er8f1zfqwfemlakhg8gry1dhzi1hycm5qj5pyshbtnwwtr2lugcbu3lubjy7rwbdmqwtoey48thiiifselsx39dhkd8tkdzpjrmzw9kirwzxe/ciko1b43uly9kimadglw7pekz1+tpm9m8oiznwsz7/0tnkd0hmd5sxxrzb8yq5dmap6okijnlwae5k2fvnwtqzpgsyxbz2enoloue6tcu+8gcdwnkibd620k0dqo1rdkz86chrl+2k4xhjgtxyr536p1ek1ep5tygesbhn1xjrgab4/trmle8/tyvnsz2yowra/v1njsj2k89tn4je6zonzyypnwbtpzyfivnckyvsbk24ytpold2ntnr3kbc3kkybd9rly55vo8+r3pb3jkcj/3oad3rgas7c5l6vrz2nstfobizfpjoccymysndqa62lbyr5dlogzk0gz4plvdczlmgzgxx9hdcgjwzuoz1kqrqahlor1ran74ptclpxycrq5qrd0nyemmwscr2g4rzggparv4wbbepyiwszl2tspxgclaj0yqdm31ixn3zmacw2ylbxvrrcxk0uocidseft4kyimhzw7jgwcos1buyp16wk+r5hnht7azko6+r3bocntzo64fc/r69xicbizodcqtempyuybs+lgyg7pjcbtga7vk3whj4rklq652duyo3mz94zavwuyyq7csh5pqxtvpdkltotai7myg4egjoimz1xhrak0xd3povk9hz8zz0km+sm4mhw1xphdrlw4v6vbk4jnxspa0z+4c0lzzxxijgumda1jkukn4pua4xa4uiuy80igvh/i0tbpqessji+m1atpgssq0mshnnmswkm1bwduatfttcxymnr+c5niozcz8qmnuqg4ljlkfjbyevz27yzpa7seo0e3240bgxn0s27bovyplz4zihjfaad3zayjujwemo1z0ujlru8nfz/cevtz4qs6bklmdkaip8gir18o4typk+ry1ozmqbdpbimxvtces/xoz9nttnben/bql7jdncjkb6ybl6foq8b+2ycp38ztjoxkkbffinjlconxrxjvwcm60wqnd/c7kswnkzuvf8jgfrfbbqqdtuk8xpzpfqikqlual0ewbatomdbosvy0qqa8j1/f1yyoauvrzvbkizyo5vh1kpkvfwq9dfj7oschnpthqz+ogctdlp2g2uh4vnrqjwjygtzlcsvse8tqeb3xxiu1/rghljro/2wkz0igjcqhd4cxwrbjnxg3c/1oxsgo1e0foupzayahbnmtcgx+swwusmjz1s6wilhwfxpo1ogh7cisgwnfwzgygiacnowbelalvk40yek5iv+fazx+qnopf5zl/2teifq1zkzsyu0cqbjhk21ck536sy62evbdwwnan3jtx9rpy2dxfez4q4qw0uydi73ns7x6ubykntkjpvgm4edhtaa2rt9k0xzedgzb4vvyo9mswylexzzo6e3bozn3urmjypvuk22zparmxcjaipujgjvqeh2qjympy/othrcxpnwzvp1tkxnt2mztebspuam+nx1kff/6aodc2uojsvopnlfyd1sioyyyfuqze4jqdz58zq0ozymdja3rkhijinmwfj25x9esmjgjmv34doj6ghtf/neoazzxzb7isdb0k0fexgib5zy1e1blric6qfqxcrkqfvczuwt9ndmcip3wwtwklprndqzfzqjhc8q7ntbtg+pesu2/8ukp2rryn+jf3u58hi0qjk5i+sclpu++h8jzxbposzfmx+dhzgtcshtf2yk9msy0qtgkxc/uerfrseyjzlxkqtjs8ymavofb42ftwzxmow0h57bp54go2xeflcq+ia7goa6ty4bqrqxojlj/pastkhz8bcgja8ruraek0dgy7cx+ekqxdkwhxeqcfe+dkwlg+hxrwgvtzduftqr2dkjhmzjumpatrjm/os860kokl6/pcuixlmc87zfifoqa6+kbp7ow3tbj118+f6o3eczebai94gig5kclbt+cwwzrwvqfszjicwrdnzk9jrbdnovlcqhleynzsz/46jethpe7bz5lnm+xdhjdbura0fly1kv07/k5zoycmmy1/1osrl3keyph8m76324rb7jttuj3gd41esobylpu4dokbpomwi0e/tpkbejpkaha8s90uv5txbqnmbz9jiu8zwrpjhgdi3myfenhioiw03ggjxu+s4drh5wyxkhlnanet85bxjq/dhdek3mhiqoe1oqrlpocqy2vpc5edcbi41oqdd3drj6evjhemlai6xvbcmkonvhv6g538lzbwnhfyeycxlj2mcel7exiab5sn3fd8omumkimnefsklk8h4apwxnvz83xdyiynozwejzhc0ifwuikklgxj5m0xj72tfxaxcm4ynorvpyesrui+7n31yhjsmxjdvfkqlejqpnxm1mvwidkjjsix31c3wjrt8fbgj4d4mwbmquxppitsf/uikdlowt2m5ow3jw5qbypv85xlhjy11psrt6yny/rusgzur72p6s1ht8tqjtybjjbi7uu3go3nkzf7nxnnmk7lll1942/obclad4bkahrdlnvrcdhblu+ik3odcit9tdroqfbslucvhoyrydcqdzabuknoisk7rc0tfyi45pwrqprwlnqztdbcb5au1av9+uxldmi+pm8mxcvh2vdfrxucnbzjpfx+mwrm2npkhjnjwmc0iiwjy/e0jeo9n79kq+qnwdi+5xs9ruykfxecmzhnrlnuhyee/35nwormqpv5mrxhbzbjkilxg2a1fn9lqxryhgktuy9beqnmrfddxewsa8uekexlrufnyi4tozuugpawz3aqnmvpejcu4zxju8tawjmfhptgsighomgzwycxlkwdvaremc3ja0e+knpkgvucjpm68dozaihvcklepxzaykp7fr9yovskj4o0yislfxayexz7bktbjppsrf3s1pbcw/tcacuqkf0jo6qjw+sqqusjfvoa1q+s9nnbrclyyef8wxzdb6xackkw7rsxlwz5rz8k3vnegirfp7viro78c3jnlsdfgny6vokt7jczi9gkqtzgmaon8ybs9npaio0oc3dson20mi/d3jnqdhzemqlwvqpczeks5epe6irz2vsgwc0a4rbrxsp7wjemfi8v1egnry6/neyf1uahotd0+1x3x0mexttqlkjvuaognhgke3eyywyc3barerdyyixincmm4mpacfnbuuiehsa87xlzkda8jpcchksvrbpl8rkgieaa2jh7nkmony5kns2m167/bogn16hypoidmq/mplzkflieztnbmddfvpgmlnequsqtbnypb/ak8tdvxun6ltxfjipuczjxw1kx72//nfvrikxycbm7esxxj9f5scs/dvqj/y7y0mobjmnmtgoqezb7ncnqvtcb479oxlwa4arbvarjlholsxf1yrl9movpuqzfvweasfeuvpdnmesm4vkck3frrhini4pk0dmpbmsmquzbfuxom0vd55xr5nlhlxladq9y5icgvfozahtjlq7fseyidykiwrjetmnxd3v0o3o9a9dr0apyo2shiwblevpvsctzem7ypkm4zeccnsvukmjmtadcg0tpc6uy548groilbf7dxu+gcobt8qrmdwlxq0qppkxdlfis1vnusyxmckcrrono4lm4mbntoaynbfbk8gai9rhdcvqwqdaeinpzfckc7kcweuthkynlimupnqldkf61odvjpnqwvzb5wrtmorek1a3cicsunlityh6imh1ryxibrauvyleikgzxbvtakaliutsi7fpcbjj/sy1jsnfo6td1rq3scl55ca3qtzkxzzsp5vqx+tadfk54xqjj3htpkegwatpvz+r3lhi7vbj2u8a7feqzmj0cpie72tsd6mrnchipvzqg+gdfxx7hlvmjweo7kyincr4l9rutsn1lrht5h5xhyk4brvm3rdrs7c2uflpls59y3ry0ksh5wldbejadfnpur+guk3jf8yhm8g/woy0liwtsd3g+0jqdezum2ls2dn3ehu5z+8hodx7b4mrvsspnpeyydfhn3u2csf5mbpbkimicllg3yzh6rp9pbm4w8mjuuquhx+9s8sq1pero+ydt0ht5lwqerd3xej1nt94beho6sjh8e7chlgtr5z14xgm/rcljfg0epd0tvjseiybw+olg6h2jyrb5nkijo5kpfucfdfni+bqrnkn2eyaynsk/3qzg4qfv20w2dqgk5ao2mafkytazgb+mj7jwvzrdpiy1pq1ppwbr0e4gecdkojbhaqmup5iuf3ojjtwo6eowrb3dleh/oieapq1nmtwm8g8af3yysoikmz4hhk7bclz2bqhw/rzykyrdlotwe57c3yvhif2awkyizrjjmpbqmwekq/y7i0lgb3ldzdielz6pjdf9vbzw/wyxzylajed3fiwltwys5mfbm7dg8cxwgdy+84k7pb3omxjhckrzqbkdks23erg1gtgwgiowq8rk941o16dequyyxtjhkpaxtinvbfejdrvtzch/3xctijfqsvqpmnrtz4fqpgnkmhs3rb73neiil/v+dh5swfhj3uqhug1ddje3y72urdupui4lhkbuvram+7phgmitqvmsufzqlydo7pb02axb10bv39s6hs/pxvr1ropwdipxhk4vktxpfjwbpk03qg7zmmhee2zpz8wzdzqjvyxmi5gy9qexwqrvo8xl4hon6uj4hboipjdzo7xdxjbwtpba7djaxfhvn1bfp/0yb63zdr6qzo45dzzlk1wrl7vvvt1553ytqr9johlkgni1jeqsnrboramh60einaehzksjfojpo2ctnn41i/jpxnqqxbksrrm/3hyermf5fdnd6ol7ji2ts82umy2lp0g4+4njto3ofmdrpl5h3bwzvy0m+4q+rb9vyycwvhresnreqrotwjd/pua402mav7qfg96n9kbe60jjsv3cbcsl7vfr767fseymltlordmxutskocw1j+ajjbouf7bpumaqra3/4z1ztv40hki7yhmlskus1yromjct5uq2xp+xk+g5i3g+j5hinla7xwlf9j1pjcyglttz5qztzi1cmqhplr6yyo34fdlfc+aay7ljjatfafrjisisj25slx01xigt/aaj75cfcyrbikfx0ddnpx7pozrzaysasx9gaxfirzwrrr5nclowr6ddpodyn5kygstm8f010nfx+iktemw36bordvzjhul1pkxqb/3mbso+q5oqttyrkzcqipnhy0kdfa7qemnuk66dx/0n2uu1io3d8wqjfnabmyvexdif822zvrkfu3pmgoqcidvdpuagvva5foodjquycqujtvi1/ebngw030xk2qzb3os4knzv3twcttrqwxnyhqgjncbhzwyowgfuavpyq94qv7cch5ep7mir9bpg1a59c2k7rhyqffsfqjokkiey9sq4bqteghvqk6txxo340sccskfhh1m0keu5il6ecupr1x1nv7str1d4bxeywml/9qh80yrvyw6mhex79yjdpbvj8qjv0zj92zsozwnsdiyd37hsu7dzzu8x3fqqy8izuyzpwq/inkqnyw4f1iwq9lx/wffxacyd0zcgphyen/bdts4w31sm6wowjeqgaelgwjfetmf2dj8gpovte98pg9s1udby1anf04+3pnoyhp0vc1gdcpy7ohjem3oiivzebtkelxniqppdyzzxxbhfudzaxhkuhnyj0tytolre7izp67xzylqmaf9txyvoldhursatqjvl1aya9vx2fn1zsgbzqeq287dsvjhjsunwp/f82pcb4kyzkjupvlini4l0hnemtkcnccif7rtvkeazrx91ib5q+vznwzdahbnh+1o8maxwc3nefsbg8fnayzgk2gt7ztjmp1khsrreeqtbpkzjhzn3yvm0co92lcluiqkencmhuk0pyazni2jaapttsnzvblze1cfdqsy169hmil3ozzoo7raorpjvyeag5jwip6tuirxmbvylfn6f1gwn4fkrmxiwunbkwnyfmpuchqmq3fz4tz0rsezi8qngzfohuzq2ewvtmyitph2llavd1ky4v4kevwpubk8djjdgvojofshuxbrxh+98szt9watfhnmzxrmyjcyoerytgfh6dad9mvtoqx57hyikbfgafcmgukiaoqd1i87egzn+af1z8qutplqx+aj8jjs/l+z3rtkp8zwf5odg5xvz9dgfic7qkkj9h1ynjhxqlx9dbklo5ldodrklw6bb5yxpsd62hrgvvox4mj/agsxmikdifikf+rpo3+o6hh2ekewao+my25vv2nwxecfq/sw0kdrz416eegv6z17ce0t/kendaov4i+nyiux5cwprtqj1ewry/dtnego3gsg/2i0bubbswgmznesfqsbx+m5h9l37bsx1aubvnntgun1w/++yp/y5jmafgys2nf0rcxmc39tmrecc7912rwkf3+ku0rtsi8ptnsjz4sdle2yonsvdhzivedr4tmzo0tszqjz9urjsuhiv/kgo8etrfyuj6ywzvmjag+mo0fkvkkw7qdhoyhbaiktizswuld0jgcsphblam5zxjvkexvqwijjaxxvzo28bfbftgzo6tbsurq9ikhxa2h4i+3txv9crt1u/cbzsrq9msmdbz0ygv0ugyo95iewzrr9tpwsbzmyrrpvtmnot5jbfyb3a9zsyw4x5dmjzpkpyg0igj8847450dbvfovymlf8w2xamipdcdbxztuak/trlfljwbmm/8iehxv5ped2tgqzhktabuqfzs1hqo0kpkcwzbf2o8ocbmvufxcg3hwej1zhliynwt32y7m9vnvryapqkjsxbimxjnsug6gqflc9nawnsxrtbfnsayovm/wk8qagvvgrlcifw/mzr54hblpfvfo/ue9zwvvfnff0/s7ne53c/d90r0nwtkeaihzz2mshhgbmgag90viyougnnnixgei6ovnwtbdotcjydugk+gsbohpmj0jatqnhxjdi+aavpz3/6kmj0cfuwcgynremafetzgjolfq2jzumnss1tc2wph1ggvhogdtrzxhutlb5z8pjeyncbkqfux6opxiua1ydu2szetmzst0pzskyyesnib0ju8bthij7xcgjmpfmrhjoynz+kc6/3snrf1e558w5ert69xzgyjmbnfobxhgz+ioew+tw9k3cuqjb7z3do7rn/rp15lrsocu34r1jyo3quc/ryfijwwhvfuzrlm5maige40kipzkydwonpy8edkaf6/bmow1d01oqpetrlmmnl+ukjetugery/xtvehfzpgkhbtr3l0d/xv74ohxvy664goa3xcbpksa+xqa4lvgmao1q03ijmybyxziyjuadximv/gkfl/ntkbwn6ujnxkjqkls3xuw2scxi14goxxtskqf7ch4pudfegjhohnab0lmtkd+5wg93yk1nsxgrmymukl6wd/it0j3xpdcp31cxwoxcnmnbzzoq+m/khgqwt19ql+zbp9cku48fx7jfmxrhy1smifazpszjkohlzpb5gcqbs9avm/pla00yhjl8a1rdeke9m2adyrcvqh1cwrswex2g9bzgmkhlu4awpdcd80uxttnnab49divyj0u8f+2ifla76x3yv5ckhf2wrko5onpz//vl2x/n1ikk0p4dfe95qvzybrr/td+rfjd2bfc7pwh3iprfrllkar0y3tytpydtx9j31/zcrgvm1wfb5h2eq3dazdkd3yzjyj+gkmhl2y3kcxp/xynhz46+u2afymn2ha31tlzcg0scp1opa12amjxy7c7rvdbeixffush8jpvoeqc87qc6aax2o8cuq8nivpa1pg+hpxkpcxuszucqpl3j7efisfn6comlwu1ct5szorsyffbleq5ca9m2o/sn68k6bfhn1ep23ibezxixdlm02gmsttjgf7kgmmhfj6xfcq+qux63sgtxwvix3fc68w+hjaslbzucrxbju9qtumfnchielab57c0re5wcgpvszup6hiscu6my47zonn403yofhxelh8zrtrpuvjw2rxhmqjrbknnq1gr0jm+svaslrbcygxo5mkrpe47/iw57w+hizdnnyur9ykjvfaww5wndtezvhdwuoawg9jagb0ouewcudacsqupycyo3gzzb67kxzlmq9qiwap2otukxwoxifi6ukdzaiefabjbqi+x1ygazasqozmmqhatwvon0zlmld7o5juxvb1y9k8uftzanwf7rqrbsr/mnjzum4zk9zzxbhwmu7ottjq+tafywksh4mx6roneh1otqgiwwhp4okhyti2ibbo4lvcqpz6ifowa8wycoanrxaup5jzxgn4js8bnur01crf8emljruqqyen4ynratund/a4tk2q0m2o2ramn5tm/xnblrbw7i0najkz6idwlmc7+qua9cvy4z1srn2mdenatwuszgqc1qasxkoena5vgw0tk3fuifrdsgq3r1+xebqibbctvuj1oruydavp6mjcm1qg5sigmdbjfwjvt59gfaewsydchym5b6kxixumbbnd9+rkiqghefdpixvrp/yjqy8k0njeh1ymko0bppdxqjzi8l5vu+5zjhurvjlvvauvitmvvubotu3pdduuk9q4eqz/yb+z7dkuzapm1nxmle2/9dmjrrqezoaslsxtqtw61izjsmxrtxjxew4jdrziuv5wykqr/dxf5tfcwgccec010ivr41/eo1jkdbnxxase23ed2c5ruyhy9su85hbrrxz7tgyzrgkgcbhomv/shmjk4wjurbbpob4tgbiyrhvpzvionzjsrveceuawrxmzlf7tynkwpqmv1y2b2hqc4t8i99mfbebdjyjizvbbhzxyybj7b7s32qdyczavjoxf8i+y2y9zms0mxqynbekkanwvyqibfzgkkhny9hn4g90x7uy6fvynxyng86cqd0pk+nkx/snm6l9vgw4pqra5dhkaulgx0qvvhvqgflkbw5rmi7f9r2gt9szu/ust9j2gyzgyuq7d9zhcdnztkk235qlpg2vmgfysgjkoxugzdse48vqjes4xitir0/s93hosfx9/xqtrknkm6yey9j3xnd48mtszbashkgrakzjth0aoeca9xhhcssgq9iergzdutxmeciyt/p7ujosqetfnpuh1/dqyvtelivydkqimn+9lr5emkdo1kapc0y82soc6ekozj4mhyiokqbj5whphmboa4dydqvithg7bjm+gidegqmnxih14jayxgsifagjvkc5+/i/5t9mi8/jd+vfbop+qbv1ox3ey4lqzqphmlxgnsasgt22ujny5tvh6vdmscsuqwvgnoxemg6+fbfmudjklpy0awi2ebcy6kyuffbtip60f63megjr1sr0idmpx2jxnawzs0lrh1upu6i7vhhazhwh/vn53ygqsib8jqpgngnkw4hgjzvusw5hsmddocwq7ytlblvncz97uv0odstbacca1ywa1ndepmwr1sqlb7f1u5o1k4mmq+klr15d0y56vxivrkqsggotizeayszskg0o4pw5e6bbycp4hzifmxytqlpvpwlcyjkw0oyno5qrbhqost93kujaxgae2s1nfrcxezcbqrweee+0xnu/jeqxjcjwndlevzv4uc46p8nbv0i7sp01pxpcmgqim11l1dtzcb4nycr0ufsubog04wcvuoaz022yea2fc8hnd7agwhdjt6ah3i/0nhtnnqec9tyzq8znptpiph92b4nvmnhc2m6/bf/+zed19sghlshunlrzyafgv181/yow6ys6pcttltqadqjzwfhydyd3uiazb3lyt1a6fca6eynq8vpb/m25bc9btirt/iht4p2jemfc5rga2uyz5a8p6hk04qlzdyw1hqkaig+pema5jhrrwbbzqzaf2ezrygmpeoywf4rrwjb0xfuo8olcbtp8kutcureuuy2hei1qvdj4erzjsejb3iwlkw13yxulqt3xn1ll0s7pbsejvbis+tpqtj6ngzmynfmaopauhy9ltniiccxncgddtvffojeul05gckhsutws1ir+e0iqhxqvobj9er/a6ze89qnqfpkohq7dtzmjibzsurwwxmene/po4i6il7igkvnkbzdqtabmvg6paz9h+mjaeb3nwtglvy4mmmp4kiasru10/lvlkl7lkkwjflsygrxulcwhj8ihnw6b+raxtnsjkenenycy8ozseipx+09l4tmbvieb1oqr0gz/8caaulgvhwgwpxysddrnwyaiicfrhxmqvhmtzxwnoot0vtgcxbsxza7snh2tewglyuavca5jq66xczyiphvbgbo16mngnnlinw956img/57d+mhp6cav38ir+nktsqsfttkfg/ded4emyhmmqsnxcalr7sgd+minxn7telhh5ngvsxrwpo2sljd160bgqo4hdpaepkxiawli9ta50+z5xxonhlil9hk2bvbtjfkdfvhgh++wfi7z+mo98vhm52kfs+521dnindl8/2pyyzifksbm82x7hcmd+skqjoqjd1pgh748rco6eiqn8b1i5q9nfg4rabaire8cnidfq/odwq4ewiakwgljjepaznmhehqwybp2ecmzvqhqvp8svyhubazzbavo1d7msmymmyuozc3h4xy5c2lb3pyy7jwn/buxhk4hqqfxewaxygyseq8mj2zqvor9jaxckdgleco9ww8fofit3qzcvk69jcff5e71jdtrgdk1kumpdvuhvsksvxmislksmxq57pvrvqapsasxuiym0muwg/ol46qyul0nsjyggt9obbgood80iibinwyu2vi6/vjseibzv5ikyuqroo1rlxikcrzgsrrx2bfpskwvxfc9vzspz2weou+e+sswsuugwfkixa2l20mnbgxbub6mmypek0ukyrzevevquk3t7xdignitshbitano1jd+6i1iaig6cunuv5ttzfr6h7owp1uc9k/seuvq8ezbjacbb/k4dqmxv9tnfbqliya6oyqs/7mygzosr08c9o3xkube4bxe2r1+n9cgpg/mdu2aclbi+0mbgugpy0/a1qb1ik0vb+ahzkh2/c5kai2uygd1mrxl7e4f0yr2lkd04v1bdsarhft+muhzzrg/r3ana0fn94arvaswjymunqdbbempr040upf7zu6gbnb6bqwf3ybddbfa304ysqip2cho4mgh2se0hugrmu6evcjyevxeh1ixhtsvpqcio90jytntbhcfckce9xp3irv9y1821kseebisjzn4rfmnfp75z5vfa7vdqv/tuncf4ad8tkxoczfm2gq2end6prfotiqbzgwunlmbfv0kpyfawg14rbuotxt2bq+qmjrfng+mxmyvyaix8wkbijjkhbbaae5xoqzckfzpdfjiwzkyvngbau54aydolkagyhbuf08h+bk/kqma16gcnfv4pgcosnium09ousawxim/3fhfwe/uq26g3cygm3kislfujeccvvse5rxvug0e71u9nmkqsyoif5vq2kkpzxx7kdbtneohqrmmmx9gxqzdqqlastkvcuztsxnjei8dkhipbq6zxbcyvcvbfhvnyfd+r4e2vmn9vkzgbuw7k7cfvnggl/9cc/ifgrpv/bvf8idt2q4nrb8egnx6v2+qv9ko9gcaqfq5kiwmwjdca4ewcrurmnslrayc5xvmwit3jc4gwbmysthgwkucsbypwjpsoh0tqpc3muox2uufyrzf/zco3on9jp6ozixvd5k0ruma7xgggbddwhxu02eagme3/rjgfuufup8gpxluurt/e3sgmq6r7hun/ozsn73u22zhr+hgjfzidgcigfwp3il4ih/uh1bweookr05+shla3sosiqjgzk+/xnbhkr2dnahsdvizyas80hb6imuoovoti1onw7y+jhfdwuo3kz8vjghxi0ecdkye9zb0pmcs/rcbbteqcnplkend6cfbmpoms97kpi34lhpx+vfyfno8s0cn9fakpszghg1dy1srnmydfzzelepbvgmbelax2zxihdpv3k2tttbxyjv+g157nxgnmleomyxpnrktvesnjbs81yhzznajk/kbi5lhg+t7m/h+puyucwzlwy6egicyysc2+hqtc3hsmkpcs+frx/szkkcjz3c+vh8n7vvx2hnmiprieew4iby9oxopjpseahnw8sd7h4jqxzqowh5alm6ht8y4mb7hfsdqb5vhykbwic/sb7t+6sws7ywkprhkjvvihwoegjcv+jpig1wg0bug1drjxczs0hfy4fsblnmrmkquaiazxuce+1ymmecuznw1ovy0eo+jm4bhgcpalhkor3/ow/ob8zddmjmggmipfoy05b8winibtoolyqv1zmneeahenwnko+k/vjqrujhbnqokzkjufghxb/zhaly5pcpuc10rssifjjyfmveu887nxjcdpaden+ipitfjy1a5m4xlreiu34/om5v/ey/bm/wbulsd082/ymywe02sj2opsnjc0ntg2w4zd5mhkuvsbbpeixjdcrzdygzotyevywws1hkasrhxepkj4cgve6yrp0c3nggl8o3mh9fzxfad9293zi32ipglqnhrvy48mggg5kj8d0iuh6jsfxufbkooekv7lzbluftsfqcx8ffad5rojqhbxd9ail2rkie9ecirg8h3/3yusahtuu8iekxpoaxnfswchkyv+dxgfblimhd78z9rwtay5ck1dzhc2um8rn0jwrlowigm94h5ju7ub2gcbg/5ait9zhb2tyu+eyx5rhws6npdig08rmxsrk4ko0psmlqv5g0cmbifqmm/0isy2vgxc7vx6ydzydihayr3ayvqnxjd47cqrpgpmcv4sley0x5os1pjtj20l8uaw4wnwympmogcqa90dcdt+ynkdcazv83sdrv3keno3igrnxq3eouua2uthocmls/kf/fpojngcb0cv6qvqnwhzxwzjsxyiypa+ukowtarkzlvwhvyqvzdbeksfrgzojrrx7jb+gfo72e/d5v6vfowoigxyreyliypdruyaosj2l+l8ufcgfyprrgylwse7ppx2jg52ajhy0yzvzo0vgxizfb2fbdqa6kfcdfug2s5jiatf+5j9yugf2dxxrddxghttq2wkipxszqvdnl1re5clii7d2kzxcsse0o9zzdwjzgrqasnhmaqsbljsiaqghxcbikje0rrt5jemyynfqsu77xdkfwakl55qod6sdsk6p6hs/cuaftmswxeatitrgbgqowzivm+9kzzdiku112eoftre1fxrpd43hbzawgnxvjfmuowx4/hnxq6sdv1yyznwjfu+svaswk5+adkeihjug3wlzkiuiqo7azhsdveowhbjzoz0bkmuchfyzjtmrdxbpik6sunkfz3uspttbsl67/supdvnbcnewrld6syqfydu6az938rxaubwqi2w+phmnb8wrlfbdeflisr6na87hr4/6xpmgilph2uq9qsvtsyqiif7fwxcruz0qoit10/14vjrssh2ppxoel+oojwsys4pp6iob0re9iked13hefwikysogubogrd3mmrrdcpywy1umpksp6dz5qcgmvsc6pw62okgtlqcd+h7tp1dfam1e8h89w0lpgearapvjei1un+nwzmq/x16tc/yitv+pltolivb2dxkto3cfmvzz2bijjoprrkcnq9ijxfcpxgdq5naroosibq+unbglctc+ssiscws9l8ooyf4/piof68lnptwurm6zxtlk7jtrlvuxn5olm9x50eaxa4ig8n2b5lpooubk36xsgpjse5scvz3kkfawtrail8melh3semrfj8teuxhi3g0ek59i1hzoygmkxf0ol1twillcm3jbp6ibzmdeugg//oxpg0q7szv37lfsmkz7ygfro31848jptp2trjo2kg9jnok2rcultepknw8bw7yq+yp7erbxsv8vx8kjvue9uwmpfndcricc3qrvvw/8dcpciwxebbkh7aznbdgsnuueod9ac76d8u0bz3nitsi4tjdd206pev7ic5zj45awgzjhzjqlxiuelllq7ba8jik7yfkraorrpslasmi1siuz6xmdjykooy6dvnh2lxb6bbuj2yoytshere3acdyoa3iwcgoz7gcnh3kxxz9mpnqx0t9toolmbbksyh1o+zueuwyinbyr9johebrlu5zuae4rvucst1gfwokayqmyg1syjatazbxi5ogu9reqa/yzp0cjdcwtbxlysrgq7xkcirqpfck0dnv1410zumb9tnbtekxdkrcnm0qwzcyvhb5kjdnsrnpx4sz8kjs6+x3ocpj2ynhfznq48nv84jgtkqajs+mwd2ta1sknbjmeujcnhap6tlqyfaqsyl4dmca4rdognsbh7hkvwin4fz4wl8pwwxqyxn8xaao9ukjxnzc3pb7adsk7qxr1nr2+ppcl+0clvmiotnu7/mqandthqlwzi0k3l8nl563oi2y87us+o5zcuicmkcg9b7l3kt7gdbbd7oxjqs8hrbhn1auoqs+xegnxs5yae/9wnrtqwpw/abgtij3by0ez4eidpt/3vh+arcteq2gkccefpvvnzjpjh+7lb0ygswvdwm76y0mmw6swhtdiiy3knkvauy+nlaosecvmz89u82hqqp/jsysv/q5zy3esx0jdrmoh5osptdilhyrfzil40qmycjyplxqss8xbvx0kl3yx5ulhndktlrtgpvocf1ul14/pt4yupfoignypzi2b9+b8cmsl0zpvvwmi+hfln2giijecrenhtvdlurzq8lkwqnsyx7rjfq0h8ldspfdktzc9xswzhk48tzalenrnh0qtajbsrrospjl/vizxzvhbltnysa/ws0uox+nujamnpvlrz9nx8b5sb4crbvpnuslrksqscwbqbcax7898nljisfvtdjxgkpeqlbrooras0zyjktc2c5uptofw/fwos33za197yi/n09bvmep8yf/bphkttbkpssmhnrss/pf6hccf1pgsdzpu2hgdcpymrrhwtwjgvgwfy0ol+qvcpnsdjdo5xxrsfentmqyaoxjx7f0v5fvijuarjlackqk8egqe0isrtac7lfam5zpeqhs4qfu9lykwk45tdwsqm+k5pemw1wxmihkyustmblbeilz7gsfferiiblxnzzreqgpseixbwzp60cn3yw+4p9onhfxeqrymuvcgw8+8ivpj7csqwhvpk511cj7jtdr4qythahexqjaih9fsbhj07affcyj3hrc4kza3utcra+fkozrrzfmt+mhklmkqirhw+djn+netznqimxyslkkxozxruypzwlqzziaae85q36ycbj8/jip0ceieoxn7fvk8xskspzhek4b1pslfwrntyb5m2z1w8pjhezyrbvrnrkkqxa86qdjy6ldaiekzbzsdyjdkikjwzmr1xzirqg9odojigxhyvvzhqewyvvhmal7gze4ubobc2actpzkk04wwxiyn02k26qyl/bivk16bclkwdn63cusqwylmxnjb4nbwvsdb2rfj9do3vfmpo2rc/wnx8zasvqjsa85kspw3is+jpqsp2nfqii7sht72gic6kwyrqzwindvryj+c/ahhfya2rrmgcihm1syv8ei/tclat7orjklubop3zykcn7ajmujdngtq8xam7xloys4cdun+wibd7lzlmnsgzynmwq9hxvtc8f9ewsj5po6omhcl9rpzvjxn9dada8xvvm30q/kzt1ycq8pu9+m2odnvdcqcygtaatq7rcucctp16kpb/xscpcvygxitzg7pp4ww4mdkvzxsfht4z1dydh6neozyzdzftu6xqljenpqbxfafv5xejmeie3nqfrja7tsfofcr7d9dgyvkt1krc7wq7jwrtbp6xprp7c08eq/zsoinlzfkuj7gdyeeii2jlsediyawqwryp+uhdmtyvm3trat4bcyttysm9ln+2vmhlyeixnq4xbrjpgqh+x92am6offjdjekunlhi2pwygf0wibklvofpd+qnsurd5k7rr9mkuzh3iz+01uca3th9/c1a1myjyjasmrwrwuolzdcsp0afecicimfawg+w5dugvvwboo2ueke4rcitahtpgsd5i7aaq0sbftsnscfjkgme2azbnaq25uhtl6bicnwug5gv9zkbap2mw7kzo4prsgnfdfhhk/pecnfeevxuvfwxaokkh0ikdzmmzlkmc/wpcovx1auj8dp6dhtihfnm6wluym2hrr1clelda3bnkgi0tteondtl7s06l+ngmihorgwbg9wmn2twlt3ojaqcqwhcnnytzkmhjummssqovsjcarzr6xhjqhogyqomoj4jx+zispfwy/dseovrszqpl8ulcgu9hs6o0kexe4q4l8vxo+qxapwy7x7ksobh4sizfdzeg5vlsqeuua6dk9tbupjuxqgwuo1yjiemywe7sfvrkzingpjkkvhgtvtun5lbepc6w0kiz0oygjdadvemlna2by2ncohdqlgatvpyxp0higwfhnia61fcazoh1e6c6gv7mh7nhk9ieonjtr+gpclimfou2pmbk1q63eyob36wcoxazhtqymarnqgkfyl2sa5k+yacmuagykqwiai9o2a+fnthzaxzp/o1x5ytjys26mbag+tqszivkbj3vjuie7k+zfsd2tgvge7ifbqatgc+ikusmvksah0w0yrmmgb29fupq4vlnsia1wtnsckqz2h2rnskzxjmvc3lqblpm5sfglogjbrt8pwn00mm6xsakxrctt/v5kssrqwhlxavmvzxkb1s6bcugsixeeicpbvnvha3egfyi4upe2mxvr1rodrls7siocc6jr6l6kgnmxgoi+7tt3qniejjlplsvv3ucrjxne9x84zxel/0+zytyjirnaehegwarujf5ud5+gee3qazx7yu1kl+ii7me7seaqhscywqwou37kmalktxfrla4at1e4r3j7df1j41lf2w/r4leb/z18k2odrjd5lvwk+agarcir0pfpivr0ecvdjwwqabjexy4dytkynff6y7hhxmdsszeko3swtgzaicdbgejv2amckg1a91sntysz0buzdkqwvfg7gdodbgpjjiqtbhjbox03syyrovizgvixao09c9cs5i6wrpzwms0yywffsa5uodcbxbyjvizipsy+8z3f00xthazw6lacwhp2wcrbp0yrqgb9opoqijafimhctbeergchajav71yxkgbbxww3/wqtzeqzw2fwrfrl0rrlno4vm5sqptykf2lbsykwf3bqaalbr+f4b3wyjuqpq91u8flizydvipifc9ov2uiemjjgqsktoqlykp4rwqr+u65esrl9udqhb/egswbcim8jvyyhxr1/xwk5fv3pqxrjovx0v8uj7rs4btlbr1nnmtyqvqkg2xclzjnxbqaaus+aw6zuo0mwzzcotfhk8vlkredqz8tpavbjhwmvpkpozliubqh7ectwqteaijnpthm9ufytmn1b2qlz8pttozpwggzaibyqf9osz+55wu8oxthaivv5ekv9i1xtcyivgagppbkraias3jdsxmyrbri2skoomlgsqepfmpwy09ch4hmfp7eaarqrwi2g8g2ivddznjh9kz/kzbinv10bwihkxf7jtofxoe0qcps0tg2afxoxafxwpinrlemapcp/tqsvseygafmrhgi1iasqjjbuqw17dzpakekfodf2uh+byv24l6mdhuyec507ykgrvikmad9g63ul0ozjyatvaxe8ty0soqse5bnr0k8txjkdp3br+fpie2jwsxdgb619scebfxg8xnb1xkibmjcbnqwiozekisdsbgopw64xwjdroytds3vpvahdfu4lwlexyzdkbqaes1091+vvzbj79kme2uck3gjbmjwi77xdgycorsu/pmnijc6luthfzkdkbdp8tejlbdxeoepyoz6n8czh5hhv2szvecw4my2jkp4d8zey940pj1jqwq1fau6ikvurlw6oitlc76stkbzriyaqqvegd4k7bobrw9hqtuim/tsac8ualvwibilyx5zemejsqszmxbyrmvqozmxxd81s0pfckqvkot+iwiexilcktn1ddq9jzfz+guczx5brr9uuk6lzirlyc2wmqpn2ysiwvvxpanlwtrr75iclfebtr3c216pkna/nptke/sdr7nhzn61yuukzsmhcyxholhlsb2qatiaajprdpccujhmb9hfgrqnsgcgc85mla54pbgmhpibgcruqebysalbufekvwiqswjiikb86avryzsbxjoklykp/cqr9p33o5rheod6oyyut8i3jxsffyqpgiy+gcxmywwefihcnw7d6spjoqeaqfxpcprbgjisjw1novg8qyy5qcbvkclduhgwf3kmeztyhkvup5qxs65iylbbeh/n8fnvgdgemlhtfqrl/55y09papnrsn1u1/0m/ok/ddqvrgh/ksnzo43g57y//tblpd/tuneqv0vkartw1ra3ikvgkxvdci18cp7ktgiklne9qjqvqm6ogn6lrvegu0hai3o21+hicnek2ulfzvd/bd4ts4toeiibpnvabys+9hsusglipqajua4kvrsnowuc2xp/nhxolpvftjkma2q4m1yjr3uvkdzkgoof0aflaxz/zryzehorhoxynzqj1/vzu/ojz2qur6xennvwlgyx9bkavyjwkobah93ygr3djb3urrljqeeaml4rqusfsbfmfpgzynuwyy0iwzikmuzmyu18fmojmboybjiisxwnsc93b6rwmskgwiayhhr60adwoi+z4u/tixk93tca9rdr3xjmo7sqlhllvaqqfx7bxotxoeybkq7bizfmxzx/oequ1azojifmrcun2zv9sv1dvd6tsoeyxfuiwcisb4mrnl9zta9s6oe4/c2k/e3phndrrqwxkbedegqpavpas0+z1k3lpp9vuxywv+tpkwisfkeg3rrvkm7zlmhgknfnkzfjgdqnwoq612r0u1i+k+nrv4eujjdfhnbi97rzcvflztidfzekw7co6egebbva0j13a/xtwbgtmjfmu9slmeic1hqh3vo3vor+c+lpmsknlc5casw+w3hqcdnfw2olvclp0at5oz4u6jne7oivtfq8ro1irnafm24idmijueeiuf4yx7o8jyt0r0t3dhvzwbgd4/f6rpxg1uklmk0m3qlhxz9cpr6crt82nden0l3qmexnxgez+7qgden3cwbflesfmfmiajr5xbqfbks6varjmnmd1ewoytp8dbbyxnrj5prblsrea/1ewowhihjucp92b7r7z/jo7ili4mtb1whjs9n5xu3o+j/5fztlr36swi1vcnowhn7b8gqgpiuqnukhrpawngsnht7/7vawbvw/ksuvdjnna+pgl5+xz0n2mngorfldut9d2nhfkhwifd4euqk+7chhmydq6h1q/etntgoqndaxmizbmq+ce58vjl5xe+mc93u2q+wxdgctv86hov8azereubi84tjzqn8rirxwcx6w9t2xit7c59ts9di0e6daym3jley2+bzamnzkp06oj3nee/vdvm21c2lu8h55e84ynvck1782/h82vpvsdlmeju6oktczx/sm7cve9ba13hgdzgnj7hd3ukmyzmqkigentfw4krob6s4ne4fsmdeiqpwjpharvyrrht5wln6rmimnk2w4szdag39oc+bsie3ohoihyecexdiu0nouuf4nnsdrfbeyt6h9lxcvpkuwlwsm0qw5k18mmlymybfydn7knk986ufzxrioi7uhswd+5snz+lkk6nwlpcyfzxtyhi2ur9o7xuqrlrrj9hahcl6zin8ideskgnmcpnjwdypj2zn5hrm74gj0wxa0y2zcoehz92457iglbfsy7sgcshcsikyev8hmw9sap7mnzay6x1ubu9actiouqywx5a/fyc8xfgqnpzmwy0fz9w0xtzuey/2ltpzj01yiycxyjxr585fpianfmc8/egdkgrllws9kyildlllfhhep9rtdwjmmwp64axrc78fo43g950vmqvtwxszlcbnli9q/tspjv6r80rqof8j55c7ywjhytaq6mhqomqtjohzih89flz+cramvc5rmuktuvohrem7yalc6vxrqmitj6vp1fxhm7krqvzabapy9/xdg2c1v8o5k7kgtpgaxfplkvt7x2roabt0rw6pvu91hwxbbbvj4jxflhy89sppfuatq1hnz2fwofmryi/cmeyroh6l7vsw6igqekh3zl1x6nzcsixfuxldzw1atvaa7unbps2jcuyqwrihzla5oduedl4iqcgclk2ktzabhtki+xvfekd/uyk4umsozgjuzgahmjtphqdb1p00fmhzkjvii75usha60rcrww2gnncmgbm30srgn8ml5+1lp7jeqkozbsnphflz/z5sbn97/ddoix6euszipwovgayiaqvmjriafksd47yqfhq62n4fq4kmtsyu/g1wpd9vgh5uoupx6vsiqh8fomchnbc1ox8+vpjd3o1nirrfvfg2tidtkcdn3ur4djmcon7ohn9tjs3hlijd28+negx6y0zgpq3ozjtgvx0li88ycwhy5i3d2q6thatihd/ewcktjd14c3qxpkqtxm7sclx+i/cr3ejx9lc5vhjox0wa6iqmazohywlwvxmmyirau6biybqylfhxgqvtdml1ri3/nlrsb2umscq03kj5lramuhp1vqt2kf6yirkmnyqmtvdx0xws0doayvnp/eicqd+1ilyic1ps8obnuls7src4l9bbw3wlthdibeqowubrw6c9vve5fzpfnhk/uazfnfp1u1r5a/wyuloxtspbbohlemkevzohrd2gcdv3oqdzogtvephsh7dkswa59lcrec4tjkbs5yecmdb93nirwouswvevi15gihor6gnxjed7zjvaequfvoadwpvcx6lg3ng8gj1tyb5j7qwn7j/ujwtza8mo25ynxwdnngpknbtvfy60wfxrg1wdhb2oddprjh9slbhhhozgegmlbjac6x3v7qwo6xuh7fzrwcbiwmvqrl8pjg7zo5trnx8mrnznttqbcxjrexmodf194swd9ybdfyzn1lm3lh4youbyfvcxc4xxk4myrvekd5mvn4nwh0ot6yesdsop3ttiumovtbgv129ecxsfkwjf97iicvrivs8xrgmcsku/121psgx1wkjz4kpelcveo2s/akrniqtftwowgorczzqizeboqkptfshxynttp9/kzd4md+6+dzvhdxml61zbq3p4phywlrl3kke4pqj+hs9x9tewljueg3ug90ms8mu9bfnvjnt5neka3nf94sah1nxny/zrlizjio6wwrvrrbohht2w1fle+76dvhfra+vmlanqqczuq+qu2idntohtyjlliszeqojczdxpfnh7rswuk9ozixf6mzce338jkrf3deiic621utbjvjkam3nwwdojyyzm7smf7zx1o5lvekuu6/eme9gmljyemyik9vsgv3my//hbmckgjhsilttkvr00hiy5eqpooh2sbthduehh/iolvesucv1ou4pd6oad4olufq+wmtgimgp5bsoxjotzx3ey623rsyii0kokmjne3ukn6zu1wpvi/rgyn28m5zdukoe+dtalwwdfqhxlb2o7isrmbmcywe0jbjnuc1rlsssqi+8axagopnqz9o4vy39dcvvawym47nb121rssfzjrujlpc7ocl5tjgwfr3r8qaqlmqwd3ksweioiuv6she8122i11ds8f096zazjcfg1woylllvy7v6sf7hiujbhuaqca3vstusdb9qd86ojaw5vzqsfglwseadc1ssymmcd0ojv9kqcykbujfkzqgh34rc1hhfn7ndhwxtoz+k3bnsf5wgeaglsrtcecsdw+/tpxvi5bjbjymcxiqqmxjcfcrg/ihovek0fiybzl4n4/i5cgzpf03kzyplplymorgsc/zobr/a/xghdtfa+at+jsjacsx6pxkv222licfeacvfzmuculen2e9xkybjwxesyxmo1kiqp5puptpy1sqsg+l6zu36k3/exe4w2anrw31hnja89hlxvjn4cy+0orn8g2lj27/qpdxi8urbbeicycelybnnoerl2wsgyi3dx6odfvk1k3wjpg8gw7ydbmdemh92kafqmq901kchvyyv4ufp6axasyjbwugo2kaqqio2khjjcvao1e+ifckrxqkvzy9ial9eaufyrbfhupveg5nijlvcjh0oepp9rvz3ckmy/ggyxmbcooedo9dqptgqjo2pxrilujyrm6hg8g2dl7trydzowa++svkrjrcavaaneakb0rdbpft/pgbxzq1shudvq3qpkwwz5dcqfcaosjn+eq5qegwrvhhgiy9736zzbakfkh/1stfq9tkvb91ex8s2wfjpbi7jwy47j+xhhb9bkplnvlf5y7ovy842bnzjaymlksde4sosulgshm+qerm1llwqu4z9c2rttcsymlcctvcamlqkn2nvernwbsuix/was2qaq95lugqdbhseh7rhswqmd6bcpinrinrtejlobawjh9xrtpa1zbkabpvidovohmjdsvbprpxa8evm5xqor3ypeqtiowx3mlfai4thxylmrvyotajasvbmsmgsy4qyqhvohp0r63ks2u5mxqksn6sbdph15paywsl1ecupuxt9bn5nevbcwnmzdpiqg0imw1+/edapj539pje8gxqiqsrxchkrxj+75bf5fs7wif1opdnihb9atlgdhtk6qaqqlvm6svzt52ywaax1jx9ubbvte59lln491i3ijyckdg612sbgph44q0xrpboiystfyxv3mjgxemxkfyphynkwwde/yw+y6dxeert/yytu67inxqscvbvcuy4fiux9a4hqk8igrpwpkfzif0km3wpzt97ncc+hekrvafubehqywpqhqgq/mtq2w3lqrsxgqynuvndui88aftfi/zztkgsiv45jffu6zujsgzqkqdyvlojmv45wdi0vl/270in8tlpddy+inhzzjndflitfqdl40f4jjnalqayb2ucdtlythelse3wgffdapn/rxk5rtelu38fjivzy3bbv8cfgjprdzfei7aoldhnbg2x7hhchk6pja2cqia1xmo+dkkgly+kp0irjmha4qxbduhb9mx8ywtlmow1b2mqzmldk75jo/x3ofaqpq3ttvp97q5+l7rnlg30ixk24okpvj+kbviehiwjer8o1d9ht8tvfy9xemb89htsq1wibtk0pe+fgtjr1mycfykefuxuwyztcrykqmqipvdle1n09labclslfk3xreo+pt9hpavhqt2wjjsthgs67m7soh9xzbkp6wvpoetvnswxs/ypyrdhyozjzc2u1vxmwhlidquq6z3inunfm+t0qzwhxkwqvvdugeje7vfexo71yet689gbtw+5d1enc6ryl3earhnl+/dzk8jlszyuv0boyau9xiyylvywssdchuj7myu/d9f6epsvboq5taywcel67co6sc8mplkgobin10x8mqh3r5yt93ltuz3dki9vprqn3o2t2pkkhanh3ciowijry2i058hsp1k75vqfmrhmbmupgpgvekhwl7a7nlytou4x/dvtqaflmu244oozpvfuolidy0y/d2ik99+kpyuxj9jnvbyqlatzpz5ppodp9hpoo40ymeykpkgr9ky7uzdssnfyrfqj7uzleyac3bwyp/pakrj30hvsrkdct4owlezymrsijlb8vluwau/bvjqnsc4pxyxhe68pcn7igcayxmfmk5ka5+kkq3d3zac3iztctorqifp7kajojrxo6+bvtwdzod+ehwpvgbw7yedkcwlu8+xkt9nrnf0vze5mqjtng46oyvwyuiqx4hyjrjvijp36xz/t/smj1b05s6zj6jiu5yhadoppowjp08rpyu//p1377+v37silajgxxra3tief+/xnslwxc3jp3e6f0mgdisdkl9wdvlzpbwsf38txnnox8z7p/++n+//oxfylx2ng2byvoqgpi/fv3y3/+xf/+f/+vvcpx3r7/s///uxh1hcq7rd6zjxvceknu44jczk50skt5jkuwnlaujshvphneybuncb18be+ncqtwgayfxb+mbsarkq1imr5v+jvqn5yfqaf6/npddktsr1rlfrpji2veoh6qs7xhrewyjc3fznjdn42suhknudnjnkd2xlbxbqtc2pjv0mycvmm0iy9q2kwqvuxdq7cde+uga6z33dwpgxdy1igtr5xxglfw75d0tjqhdr9ctyp6kiqikqwobqflw10/nhpegpeoxksged1bictizw4pyi1wvmoplm210vryblmid/uqypescmayeunxs0h7f2q11749o9b47kwdf4tbllidosem2mlikt30s7tbraln19ibluy4ryi8g0abylujc/pg6kcrjfvjvoi6mifrerzuxaqwww9oiv0v7zpk8wkcuiuzoffofkkylereuua7ch00kwiimn3hbfu9yldbl6gnutfadxkeyezghk/5axx5wck2k048f+bo2xxoms3i3jxvn71oq9eccwdi4jwvcnlid7xydhpz+xerdjtssragdyitwdiorrk7o8qsxpyfyjd30luniyhi16zfmzjhgziqbm9r20wqw/lw3dzd3itod6l2zmauxbfp6imtzfvhbojmgvdy89ah4ljop6zzns69m1xdd9rhljj9ehwkm6yfrbzrxigjqz1jbya3cvzr6yfbem56e1y/uumfzztxvtijaq7pwvxwjqsqdvpwh475hdppo28616pqcvm6unomouweabn2zlsf3ownekndrckrumzcc0bsxbiir/q4rddw5zbmw/9g0cf/srtanm5a1yo1zqyf2yws6xnvzxnvsu2kznjfdxbzr/b1wynp4zu2qu1rjhf7wrbjxmzy/vkjg68zw3q5rjaa6hivwsrdfmgisxw8lftqbgrxsd8fk0sqkmuw3aniyqyrcxz9zh6ehqjhdq/nlnso5pjubuzia0owfdxpbkgcjjgj9rdyfpgqq9fhm8abjvtblfdev57/bzjmlwkxo8e5hhrrjiqzdg0lzzermqcddqdfkigxe6il1zaohmw+kq+uouwbsy6kq6edazxyyed7ahsx+d9aecokussqn9qiifkzhrnkl1jc9/hs7hzv64e8gzkgnlxhqdytfsoxy99ejudttejxnwm6uzf7h3+/j4nhk7gvmwzgfyc8yw4wgc5zhqf6wzxla1i2nle4bi+hgmmrdjzowotgehha+jfyowcgxlsumcu0jmvdykyhoehwqemu69xdteaj9tn6iy2vkwkrbafu23chysbgslficg7qmmcwmh5mvcr5jvdei4ythja1cnli/wsg3uqrfdtlprsiztpp1x6gevlwhh9+blabgdeyrzgpttgh47/wyctv4b3rl9malyr7d0lq3f8e6vwhb9mbhvukfv2l3mnchrgsurnevidtu6nubvj2r7afzp+qivmzdyh3f9xyvsufmygwrwbgi05ful9tyin/39oay6mlbpc2cb5dxnatmr+8qfeiqtbhnrybyn7xcpszga4rw+vhqzzk5kpedm2tttdr6ycptartmqbgndwxbms9fa0snz0unnihs1roxfts93ekqzmfq0guhrpuhtbmiiwp2/vxr3muigr77+zurziwbmhphcxlcoz/b5i97vj1pym8xvun7po6hznitccwugfm/icluartnpyqr2sihmvzi2xstpw+eqq+fxm8ex3tvkupblvzvzvgxgeip1030taot1jypqjg3dmjksng/ejckomiquzcvbqnvrxwrifgomassvbfldpnqjr683po+p/kdjnx3/ral0y2arssd8dtbcvl0qcewnvd9jn2+vhrjuwgtciq9c8zryiwaccxgdyjsqeqppzl71ugc3infnd2uy/h1zzkme6hi9hdjb+c2g0yswlficnciij5a5ovsxhbcfkkbwbb1o61gutvi2xm2ko1e0pm1e8hxjag4mkl2w+c88btpy+eg9aavg/abptwjstb0fbk/6s8s3fiwinxyaryis55xnbgr12cko2xvkjgr13qr6w2qlidnktdmbwc5fnzolcytufvl8utnb97hejhnfx0lcyxwas95ixcr4uhgckgvy6apmepq0errdju9i8r72s6xxajsrmj6tqct9uudlq+mvksdzyu9wygh1iyt7wvlneglvkkyx4sugqgdhcz0sdqzzfe1uurw7laj/hgp+9fm7guufmvpfsdrc9p1ewl2teiwoveipjdfkjoapcvy+lxvvqanbb5z1frmefvyec4t7g5tvih8epwzt521dfnqimdkpw+5838h8ibelhkh73n8lp26ossbvl/u0oihyuedxz70go1dhtikga/dh3kies3rhtbjngwivnrqc5vfuft/rzhnyxcinn/r6vwtalur9vsjg6bpwkj7dg+lyyhjayuemarwcohbtuenzreh/qllzym9ggqleadbjmprccyhd70h5hkzdojafgfchuwyygf1fpydvbfzm0w5l4ghujfyj7hucsowxa7nrh01dlaoxirkmm8hvknbgsdpgx7zzlb6vjsfmsyqfow6sdrly0jj4tevj3qpdbuxppfefu6bbjty7ynz2lwh/qdt0jvnpduodcvapdkocnymgbbnwfc1ck13qo/xkgbw3xjbsbk5m93smllyktfj0c8beg/x7gwo6b4jcbo14ofvozko4klckn4x6gso6ueh6m5st485gxgsm7f6caeethqgziedmadi9n7cxgfchalrxnbhq8dairm5k9efzxd+jpgybzsbsb2f12gm7ponsw1q1f1rlowflo8humup/lzm0rawrejqoqgrqtbydh5lieuttuounpojr8vibizemx2r7k250k2qrbhexms8naxjnlw8lltbujaxk5adtuvoikccyghl91majp6rhuhvgmcdorvthu3di2xbkload0iixpxstnbiezp6hzkvghgdoryikdgi3rgjcxatq3bqbtqfkf9vllj4p0buwua1yjxvc/1i6a2egydqyhocc8whzxo3uaofgwmgnlqvwvfrtpl5rnu8nm8cu2suzsh3w33rdkadc3qtuw3nin3qqhp+g5c51s/npel1896lfrcbsxtbjonpf35oobottlxvp7zv8s+itthqp9tgqlnx6xqgjwakv6pgd4+ah34gb4jtueeyfia0nzqvlqif4qy+b6hcw60mzkrpca1sadgap3bibtq5jrnpnqek0uyymbxrr1vvp4ywak6e8r72ovgukyv9w5xxfa5nmzdwqmt9pc95i3kq3buqi6hkkaro4adfvgsopam+vqzvkars8ddmudvnq0thifgwdoy85s+hia9mrenehg5h2b9szsooasxsonnq5dcvfbvucs3s5gae/zdbb0otdetl06e1+bgsuhuzi5d7opaid0mmt7pgp5ina+rnnkitu5hsmsfc9ve1x3bzm2hisx2v7clr+nf7rpsi/25dk0p4rmkd7dxaenuwemcpifrqwu/l9jvy5doqvltjugrbmz0flkguwdii5omodp+j1vzuinhobgoorsw6lv2wu392wbamnz+kqyh9luommcpwn11mt3kwif1us0xzymys9xoqrrlyiyf/wghbud1jmwrzosaqrkiqitepxjf9jaffvagicto5ihisparsie4bzerogmjarb9p7hpxnw+a1pyhgu57hrm7fm0mxdarreumjvxh89y7twrhvwcvaccpgrlxhapo1e36llfwky7ckzrnl1ehlaggl8w9uakkyicfiw3k5jsc5d/p+0hwvts1z3uduyazsz3fchaz/eq5dgxghw90i1djloo7myyaxttrbchoyu537m9wrbbndnjqvigis3ihnfmm8n7nkkbclttywau/qyssiqz+vm8qxm3iomlm84q5bjujsng2pfxwbzjq8s4doksecl0ehcyminqbljrw+2auqdieq347wzv5thcrvmwgkh6wnrwpz067zxwyyrtop8cpzqtn3qrndwlxbt/5qs0xccpptfdiqhwijumqxlg3mmcnoczhlpv54dxjjqkhwnltnlhgpqj/k0jw26osg0subnou6j1vofxl5pzn/m2wq7byr69wokdfykqj4hlzdwzwrfgs/k4kvq+pgfr4okvsaeke5zzbhcym1yz/lj606jli2qdxxbogawtri+9+utnfebcqncdvdkguj0x2okfhkusf1kv4o0bsw32nmtzzrjj/euktdb8h1iiossxuach6gcllq9/yd0uleoiybao6n3aif9wnbhj5pwkjpmoq2yaw77uqdw0ge595bro+1l6yirzplwdc9jdlimstrbasoqqqnhodgllxkwxbbv2scmslfk3aftm0okvnmezscj2fgfmw3vw6fsqdru8ca0azvlipc4ztvnyienl/rcxzsgmk6z5kw0dxtxmhz0fow8y41a5ear10cfppv1srt7dmiojtgleiehqjmrcasoid2x7ypwyw68dxacycuebarsox2w7ujzniqyva0oqftglmf69ek6wipg707tx7caexeak2chc5txv7dgyuai2iozokyd0go5s3byg5cn7ihwnfnqt60c1a5btue7dzs3zsgsepnkzafkebgggt1r4zcenxylzmdkfadoi2m76od+/6ijnstj8slwzcadhjuj8lhpwswhttfhnbcyqwm6qasim3zsqphcxugyjzwyb5l4ab0cn2qs4siozmu9ukfuy1zrzd2ej022rphlq3fyfoqutzvelgwfnexfjfsxbvwzfbslxfeft+pzojef7evks5yyu76mlxunhxyoprrmzytmhvxqxlisq4pj4hcoycjpq0t0mw2b2a9hbinwjg6ortucwtoen6pf8waettmxfdzjje2nnnl6qhxumostvmrqb2nmjfyc/87tbw9mhsn1ujzw+j42m0tlaxugslf+b7ugk/pagqdhgkajbxbepizzal0e7ne76xexsf1ij/tepp8ugyt0huk24sj/cclvzw3ibhbsdakrgxc8ilkic/ibdytkip3w6snngdufjvawqlxnomxnumdi6qsrbqjpg3lgaj7cdjsg6z1ihojaihqckuu1xre/0ijx3opypraz9bi/g7wwpv2hbojuqxutxbx9cn922jyiin9wo7zexfgi4fhmc5thds8gsf8087tjlouecrz2nhgzg7jhyy+zk6ltnw3wjmedykk7meunnpigksdxqimv4+90zamgr4kmxpxl6qqyc3uj+gncc/jhac8jshgvhbjwylntdkhp0omeivvavnhqsou3pc1tsh7rzasiqe8cqon1ytgklg3khdtbjvscyepy+jfqkiwlodakh2ghhv2i7bq6nbt4qnrhvt8lz8z9y5kbckm9j6ojuc4k6n8/dqkw9hrh8dlac5m050oyndw/r7p/5qwx1npuldhmjwocoqcicjumal8xui3t6lyipnqydun9oiazrilmgkiam2yzoyb5ioppvobmllslyk0qkcgomtqak/ie2o4eaqr57bw0b8+o5z/76f0z1kujf01ubqok3p0j0/y9bmyaexcy03p2z89o0+743ggl3vbjdsrhwvkmxvbjanep4ny1grlglzdxkot+dvsifkoo6vsuevh69gxklw5ndr1+ywfym0ijtmhcihuwhlmydydyv3b+inapok3emedz+pgkbjialwzxlzb7e0twwt9hhd0dfxaikahclwmnelqsqkixa9vwbesfxhqjzmzleis2hlaol8+oduiw3fapdcoet2m0tloxsatbetkjorgzixqfvm0cqaygaih4pwbulb6jlpfkzppynguvo/l05s8cvtaadgsrna6kpm0ps9kkojyjirrg4lrzwpeiulqm+8gtmf9fca2l6ai80mhqstgj//iccjwgzbr/z+fwji9othfcs5vsxau1j9m4pncdzgsizsqhmgherythrmafbxbqeww4fnnxfaprixo4zs7vv704iyoxcubitjqcdlxc5dhicpp1g5gkw+x0hjxqe0xrdgds53t905oa2fu3toevfwtnse/khhx5mxroylvrt55ldigdfez5xndfneajt8tsibbyrpcohc3vxjo1derrx2zdzuirhcky5kaslu8yyspzbdwwrbz9sbminvrtbpaq6b7y3mawby4fekcmyp2t1ynb41tw+phdnrwumii0w8emooihggylcwk5ptkxqkupor5m5aqxwryqvqidwx05sujkqozvalanmmjv7ch6mxzm2kckfp7iirlmxcnf2cev3yo9ct1dxnsiuy5boj/cyahnrhb8lkecpttefifwfxtbw4cdebaqqxmgdmgckv2/walb6eqpu7mf7kmususwst7bhpqy6rilazwzpab6eyzliuyx+2sth5udq3okmptpd8ag0wesho9forcuzynxy1yle4viwylgceve+omqvglirsdo3iwmvlngiqtosvyz3vribzagbs1r15vkriaafrdt6qz4kpkwdckztdrbzrs1stpcouy5zn1uco8o2mmik9g2d24ydpozdlyds3ljpmrqxzhvewouthas5vg5/o+4uhypjzsg7vqttwvde5zdsx4bklm/bm4buxs7dt8s9gjnn2xyxixw3pncry5wx3te6axjem/dbmvd/wzorbvjl5ewyun0g8pgfhrp/4bzzoohgw7igonrmdxsuztyddufnpfxhy4ugwyrcycp2kuweyduig9db2mssey64bk2urw6qkujjwjroxwancirgpkmzxrjorvzv29/o1ne0qm23hkxwjfk/sbaliw2el2vmx1rqxjxk4ofrly1vtha8kjxuibkijarbxc1im9xr1ekfg1hh9byjywraln8zel+9jbpseusplftvwrtbhkuwlnstyiju1pnylsxbidrnvk1vc68e9gjegtu4bayqksosxz2khxeozmscz9w4arc7gwa6va7/jkor62rxbs0xcu5+mjudewyiuzr/r+fqyjlxjebptenz+riqrstci0ffwgvb89sroieqprpk3e22ymeyttxnp4sa1ciuohnziw4wv18z/ckxfqgozhhm+ot1fq8jzkwotsqyeivydljclsdvxfga4szzm4gjoobswallcxemlk5/9gfsnu1sfj7tzctswy4lt/mlji0okyca8h8rp16uvjwlm9qbjzrjos5qeqcnsok7i1win1o8f65wfjri6cxlnw4sjvtsfkjxcaxpg7wz36izrwgzbwuvvnkmtf8uvdqsby2osmnuf+skn4pbylaqqgh3on7jxycwshonr8p1u9ln+eoiq4v+bdsb6iq52yylmkayf2phxdqtamrcas8miqnyf8/xjci+yyrmyoyli+hsjgschqxg/fnzdvxyq+3xsrqddq/zexc3ghkimxvw2zum+5pw7/pvmnn7vjwmar2pvzqgzqaxcpl2n9prxmt60qsy5vjkyr4xqekm4t5o3ksjdwbrg6g/b7qp9u1b26kioaxzihthhrnr0oodwjzdxeew/inbfox0nwshz676hf8uv1+ycvmf8v5t7myabu+cludvp1yi3nybz6b62apogfzq1mzfb3xm9aeidtwylfnqor7otqnw43miduiojc7qpjcz6tfh9nkuxkso4mrfqjsr6qez1q7amlrdrv+ur4hisyfoom2hwxocymgbkvgmxo/xjws1dcabsx2oxkzvz8fhlj+/vn1hfzfg2hslhorogw3m1x7auijv42catdctzzg052fztzngqhbvrozvt53gywo6gm67xii8zwztvfrp3umygn37zt5sl33napthsp/hiiaitgjdi0+ehyemhyl23dazwv5e1um24vvzyp5mqjwol5ifkpimzob604mkyg4pfd1rhhdrverlhe/vtvrozcbmx6wd8ixistsrvajgpe8jx+qcoc87nhgwgjlrvivpzm7alj3eb8xkfu5xve3dp/+fsxpk1u5hrdpc1co7arijlfnx2cnzycoywwhg25h/h512jfapytusres/6e9i4jpiofjckr+o4powhxv/nc06j8hpkqt9udpaobrh0xdjdfke/fpu60xgsb2xmpq1jkg/yqctilhbvhjyrdggujqkkcdj1lr16kv2m8x/48yqkm4fiavm0mu/ehbdcxzmyltismskxmd+mpjidjwhemmljaupsbytcd/5i7wxllxsqf/k38sjuawq7j2vplc6z9qahzecyajsoe8qicyibhz/7hgvljmvsdfxksvrgqmqy6euipgvristdk4efr48myxqnlk/ed8vgc6uw4hab7pw0jxeikxw7lldp9lwbl2ehxehq/qxj6erhbsts0j6x21sted9ddtcnsxoevc/yr8s/aootaawcizcuat275nao2zdlb7fgqlrdmwoclsbwguoxgl22hal+suegprpwji6+z7gobmt4k46lwiuk2zmqcnkmequl7felgonjulq5ccehnbohevif2tg8cdzt3pxjbll2i5dbnoxx00rgfv4knqnj+mghvnrjpdgblcsldnlmk8ziwags3abycm+ykjclnhtlpblaqjyy77iknvhlvvugujnzvtbvjn3ykemt65we2yyuzg0rcx+h6uebxbnc/n62isy41+r3mwkbj+rsozg0166lv+8p0tqhtk2+3nnl62mlizrhdtg1gj0qyis0qgzc5tyvlhxnrl5+fizjao3+loqjyl2gwz3gkjixw4kkjvs7ovaj6xwiddfvqgu1wayatvt0yhknlur4quhmzxob69il/xulshu9rnwfe68k4tyljtbigdzxtqlxbflvx7e8h+lw39wobsxmkj2d7oh93izlgiwrsrrvvnyo+lvdy0iassj4sd+68d53r/hcspj7hp+77zfwyp7radku7bsr0tfvyrimn/rosfiqrokcd8alxnoasbmzd1ilx4aritdogrofk1dsblweplfiukih77ewew8irpt8fu82qduniwvbfofk5kv80frfr/wtcsy5bw9xpfiedcxohqp4qtfw3tvzhquhvrgwoc/9ib2wctks6praowdowjqi/i9revtyptft0ks7ys+ky1axveggga18+acs93rexvitvjez0sjpeospbjrefo8z7oos9rsikzic+otq+q7khnbt6tjns9zrscudbxrlxutoldmk+5rxhyri6dz3wt5ufaqgiv6mujpdunj5xyc8voxkqc16vhapzlrpxzkhwledvcnbypb7he04ncl/mrcoxprjvekgtnzft1bya38czoocrf0i2i3hqkxj3mwwml1yzgpl2jdd0nnx+uhdomfwvmchxtf5y7bmmise6d5phkce2rzzkfodvx5c79ujemczkiduuqmhv4s8/sujbmcnlnpux015btsbprfyib0acsyevbnvyl2xxl8zjupensx/qh23q20kx76shbapvnyx8ijwip4ibk04dlnhvclsqwipvq1g0jrdwfxlihver+s2e41i3jc3vuhy1d9u97ju2cqbpcxpysywqq52yj/j3t4fowgncpjeifuutvng9g1pvwzwahintdnr2wyt6fxl8+9wwpq5mejh1tmhez+tpbyvyybssxiib5tmu7pba/huwmxpwtkchuzb6j3w9uqusmt7xa/i3uccxwbfruopq9atebczwe9yakncjjgekjlx7rtxh8aypuhawrwrsmztux5y6g3dbktxbhv4ehfemtgauwy3qbo/1pdus7ql+ckekv07yyado1iphalylzycuk7cajlvx3px85rimkv/xdhvw/mrndkoqx3b2y8irceley8zvx0su/w+ngp5cbbeanfqxj2ocsftebpczl9jgztsyai+j+vzlkockh2typ7rsn7m7bkhp+zmflaw1x0yjsn9n1u4kvpsugv37rumzvectnlyzqc6b+3ccpqxzhtktestg6qdczlovnyq9a/b9eoo7erjrcdjvldo9gsytdg4usglgzjieysg6ug2kmcsipax1ermxecwdfaccbpj/fdowb/pea+w35dmkd1rnijelxozlvpcrdun3u51kfk+b1xylq71fu93hd21o5izpebuexycpghn6wrzssnmosluc5j5k1qbm7/elqwoxqsapyjmt+oytoxhu8qp+xgmgqgn/hwzje/fhgecwmx38rprfvnlag4t6gkmw00mv3y6ndd+g+ij3c/o8covncsbbuian0v3a145whcc8xqqzg5wypl/riby6gsfcupvetdswrgsu7md8urqnk91+5mvdr6yamdjyulcxpuhbqtlsr3gtx/zsw/jgh9wmcgcxolrdqhrsh+acqyaqo5r1qqhgxddumeyqr+tmdjnfolnr82q93wjje+pzferyr+xw+udsc5dj80ujj68q+muvnvbjcpafahcupxnmmlktazred2r4v+7iub7ntuvzxzd40lgwao7ni4ntzcvr7lfl1unqyiadntb40kbhau+oqfdihgokftxk7uyeiuwb6sbmrofnbcl8plbqvxsdvevlo6g9d8oq/r5xv2mocytbvt8puujjblabrxmp3u1e6zriiswkpcoyjwdfeusxf7wiyiuyzogf/s2qgjquwhm5od9uruf8iegmswc/xyyjgk/m86g/utjmy6wl4tl20z11tuq63ijkoazgumn2y5uo7lrutmmdwodzwophnxag9rfygvfumvehuya9xhlwiyqst81k2l2631nlk10s8whoioc51gv449kvuyt3q5ihvx1y+bs27ijuqoc+1xyjirs7+ar80oqqnrcsxk4qcq4qce2gpsaqnzeqptlxjv24tdolbfxl6nxqtz40rrn68guhqsbaaqlrncbf7bsq4j823vdev8ag+n6lum8s85jx5b4d112jskqwrq9ncpegavf9varhhg8zoc5mqpsqxsa6ymu2gne9byx/yjpgukg/xxvwcyw4jd73mrrimupahh8wbna3drydaxiuaetfvctgca7y36/yyhvbljlwjknhag9t6x9tuzb2bo/71fvxgxt3uvfv3voqcehfxklxy3dyya+soxgkzmqbr5d2f47rta3jh7wegp2ws+ijm14s8fqdwq7ygxynvk3w7m6kgke7ebcrkoe9i2shf3auzz8w6oi9wzltlhgvekvm80v7sbaqgs67wllnuxrvs1tvaylawk215g9avcsxlqqrue0kgpy3i0assdwq1qmiylwayd9cue7kya97ookdvpji55hpxvcpftlw3ti/tzgxkmgbcg4gnfjrpblrjdcmeiwf0ktswyvvyupazvwjqxjywq5ksewgcnrm9mapih0ilvudj/emqrjmsqt2dlbcvkgfu0kyvjhve2ckuyhu8ue+yj1lmrzt0f1fdgpf0me3safo64jtradwlf8wys3yhhmdu3ghwelaqaktijh9typkuaey4qrrrhjumxlbbcyhpyjg8jmvcmjaktew2zpqhq37dq3zkmcrfxur2yuhem1gvz/zwhvy3wanmhyamfg6+jhpuwwtahjb8727f5e1u6ai3tbgl/diohohoyvva5hluuhqzjjnubskvlb7wfeeuv4dnabr1fh5vzybk6anxcsv+0ssocp73oxmqdxk0ftgyughhqtrgyici7lqpzaqltdfjvennyoh1xpc5ks0xxcjaioc0ti3q/zxz0anasrlbgcstcjnvybrvwst5drfpc/daktbprbzmc+dh4t4bzoptquqfgjyqciyldbieovtj74z/0262qgkxc2vxobroq4hp+ixsalb7zysaugygj+baeesmyo9bj/qj4jrssc/1qe0nflf3gztlkq+hsngx3hzidx6whxbmkndiqbk5vmhbjqrzwsujkn4cf+wk8spo0aurrvmdsnqrile147xtk1k0c8zb5v7xqxaukdblyqokx8ze3kv0+fkvonvrrvg4p/qu57ailvdgebldjnzzg86bjtxznrnas+/jwr0vug0gmh+n90lxmfa+xghlaquz5rscz9wsmcnyiuil7fjjov3z9snl/lkimemwdvpfoo1sthcajmfmappvkdbdisdvuzptoifq7hqydvklqv/nyytny1ejpnd+mt1z73rdwjztdp189q1xtqwwsht98dhcekulg7yoi4qgzlh/bgr50amls8whcoaoc1okdjlglqp0ecwu+q1zeguyn1e1v0z5yftghl7fjunwiuxones8mgt1ogsqnzdklqkq4ezk6zgnadnxgja8affccxb6s9fihzj/wmjk+ng2hlwdssfefuwzv1roo57gtknsutnklj6urwf6isvilqfrvnpl3cpdg1xuqffc4pjaw1iygevhac1gwjim7wt4s5ugeusbl51itmanzubwz0me80o2pz1fkq1kestdf1zky0qiy3sjpftmp9ces2lzxstx/vtu8hivltovqunrvvcbtmj8cwda8h8yvkbkdppbn8zq+aspnb2th98+nnt4rbahnuohc6n7wfzmiovfkvwdvimz9wumh92vpcrhaa9xyf84dr8zxkh9tmxthnj+em3a74/mlh2u0tghcwa+3yyynb+x5rgvmqcunitzevo+q8bmsiuofstmoeura+e7ru6a/ceylfau7xjwhig6cgcq6m9mb4pchrtv3f/a7vy/dbavpjif51fms+xzx0ur+mygdu7mle53ozkqt+yutbphmtfmgslm6wclvefpkff7insos4ax5rghtobplt6yckg54sf/k/zvjvhrat45ouxfvyzkiyu8xxudj83tecsj3er4uuroqmswb9rskmymlwczf1quigw3lqtjupwr+uc4eewdrnhdam2miak8gqkvjqiql8a3c/pqnyzsqp73tlkgdv1lxhnah2rsr69jc4fujpvf0zwa3rnls/ztkoruew/qrr0bhxk+tqtyo2/4bap+pqo7rv475ugl9ni10/t+eidjhqy+l/pn8gy2a3ytywib1rv1f+ytszfox+wk97rfum4wy3sxhql5hvjf6+4/kyycnsztut/bzofqg0b7taecelh6oel7uh9xxlzybyuwty26jdejikcbwavsg3lle9b6kuks2e7n0evnz3okwbllzgmhwkbg+und/qvytewlqeowcm/c656x1hzon59kda93gmvnj6p/tvadd6rqdtguvffonxwbzpzdodu86fx9+xo+fthplfxhji3zcp/bacz1nbbqdievkbzneciozzldwn6f7fzpc8zkgbsbeehhtag0d5umxfr0jt7ebsgd/c4yihyeovzt5erxorfrbpf+xzjjswk9sih7suwayneqsow6y847u7o2ti7jdpoqg6kmjymqm36yq3mipfbmuazpp2gsq+zohrjbgwkyjjhvcjtawxdtyyf4meictfizpuwpcnlhxswrnh7pioqi2zuvhivmbc+uafcwgxb44ygswh2aixiqa9vlcjkdc9zyllibuq41jgfh2ds0apz66yohej7obhlbbjnt1ie+0oxh1obyjda1o+cz2/ugg6rmfq6po3zzhpvsk3tbpmk4ypk+8aonzvqeip5ssuslwjsb4nyyqrr3txkmt9r8t26yb0axywdjojtw22annz1lwx7ozrkmemxozhozk1wnpmk3/y4+18jyqvm9tyxtbg/1wzxpfr2skc2izsl8n2gtcmo+y1zkgxu1e5rkeziia0jjj7z1tt2rbqfq/d+cxz/vxuzz7vk5t25mm+t7gruv4d19qvi42qmv4hb9kqnoe37tp5iu3gtnhcu6nt2oneohrogi/3pamecwpyqojqmzgsf0qy/r4nnmofq5boj6yi7h3vfsofpvbrvohpe9ncsij1jddyehbxa9cnprgvw6rzikmoud9pvuml33i6b5x/xfph5h2nlhilkia+icyzss/q1iynnq/eofnepn10dkxxt+y8igbdzusesgcdinvc/cgdf13xbbonoiwkjm3wlkttpxkfuknbldpujomkyphaguk7krw0+gfe+oj5itnb+daut76e/u6fnnngsj4oyy8uq6wnaczofzt1mr4i0xzaig276n6yteonlv17fqvfsgnd5cnbkhbuf7re7qxdsjhj7tpvtwvugjw9fzhkj9sudkhyvrjh0dsjayoz3hizf9ph2mrjeuscbnivhhrcovdiywbjdejtrnotsmvvhsy6gmzldklcco3oj/f9gjuzpc/5h9s/tshdqpvpj3m2pyhvnhz/5h7obyvkzqgy1qvjivvvhuwoeh1zwsaownzfdez4x8dyjf7ycfy6owqzzwiqvlil2m9apugem24rllcyshyvnswzzopkew1qloshptds32j+fq1nx23igdkqnx/va2tv6aavj0ql5nz+1nfypkrczpbez3xelho2+apul4ik42qio/kvmj4q7e51idrza5eyckgi7hw1igoya7m+d0uooo0fsqjbslvzn/4ghncvf/b13awmou/dywu3mcuekrwtmuu4uwtbxgbwmqlafufh5mjbjlxw1bbvlhzmfpjf0mtrdyqwuc+5hvjoali3hkk56txhl3vwiipih8h6xzulsx3qqbm2m1dfxfn9r0n40judtedqdlg7vznm/s5no3znco4bjq4tflje7tzfcc+16mls+imeu6s89z0pk145rlyltdxd6pb1ihzyvg4juv1yiebouyfzetlx167wtjj9gqf+ez3xvhv7rsd/dd75km/vyemfwuli+w3hdc7kbadx2hoaklcaiy3rxm72kjfzinryp5i+8vrly4icrt0rwxdgtysxdbnt/ywoxdujiz2g3fxtcxndkrdyjdkqnljyqo/asmimjbqxmjubdgiyzoycln/mwtkqjofmm3/rljllrotvypjoxjrfkexkiqyaomfegd8qbe36q1uaae16p3bigf5mu1xjjloletfhyepftnpsix5fyz0jqv20w80wkmhkrjl2fl717os/dnb6kjbxvqdkkvwejyreq92vfod00gf0aiujuumzywffsijaxogw7u0eoznwheysfxo254ng9ottfcf9zvqcnei2h5dxhegi69p715qtq3v3ikqevz0lxt+qos1d9klwaj5fhurjhcyeerhpzqsjkcehqlvhgh6noy7irk4w4nf6nfwz/wr2dkoqzzvb3ea5fxnagao9obdgun5lkefl3re8njpfcrcl5gdj5b7t5tdihqmj8qogrygkx/la7an7yb0uhjwzyabr3uajrq7aet2xbgrhjqykpco2qloxczd5e9ldvcevlmsc5sguhff8tc8941er6/lqrpqu/wyuwyoxskdsaedjmbyk5j6iicsccmvazrc9nvwbfpkgz/zegcepjfg2bojoc6gs4chmf8sjkvp4ybxhigc+vq7mradc0i2unvpy7uzpiqldh7weblrzdvfzroi1pbtrq1zcg0lqhsjob50wbwmpc2unfcjugyr0itxegwgrr7r2a4nxjtqqk1jp16iq2xzsj+ucsltsaisvv3ye19lkqu73ptl0vbrbrcxprh/auutpjnxsuqwiy1rqqer+b1sq3o57lpc8/efevhe6h08t9bzc2s050zfyaqdff2rpkr62serc88j3s0andsl4e+hgjrenypejcvl+bc/juc0c5ipjr1xd4baq5a4pf4pk5d7e0pdquulkdrxe+96j6qr8kn5pw7uycygsxch49vv+hy1shzzvo6o8hajmxwgxvvd0z0ixxfoebjxaqnghruwbhs1ooyptkety+bd2yzgwtkpy7fbeoyqunqcb0vv2q1zegy273+97vzkyjlk4uqm9tcihqgqhf1udejlrxqmo5y62lpt1ljhzqqna2kl2k94meclymcrvc27vmxantpjinezgxabjreq3kef2wazlord4vijzghige94nsvxinknamp9qekcozur95hgjmxaj19xzfcl2ofjivbyjepo9yaa03bqgyryfecqql8d4n1teuuujihulhluburumhldxu7t4o5uiwh/lewzl7xmvz6yazob31ozqxcsjz42c9p1anbrwjyin10gz/emyp9smsyr+zucuw2tmmnalq4wvaxjwaq/ob1ugdp91yiypmluiaobrzzyd3mazlqoug67sa8ip9snemmaiadffnevnjdaqq1e/fpxaziiricbpisthfyswub4n9uz0js2i1g1hmm32oennkgfhxrakfisxwhpdwzpbei5+sm8shtavsvw0eeztcmxibnzn0pve0f9pnqmftiepndc8yawov/vrsph0i0reblt4xyth+tzgj9rf1xtz3wheatrnbid019pn4qcq86bxtqnulhuxtarmc1rnmrdxksvrblwa4l8z6vgag3ow1skvl35ihqohdcw4zhkwdb80xwexfdpjd3mnei9xrcokctlak4vnffa9iixq14eb1sdzrbnabjrdxoqg3x4yiypyhwiy/trjllxp57roj29g+7stkjqzcoshdoyx0pxoqhttaojclyeiaw1mwkbn7qb6xqmv9dk2yyg0opigtxlkru6yq9qzlgvgha2rwz8hjst9zoxaecqtcf60dnst8ba9pfzvp8vruf53pfwsqe1wbdmirobjssq8rl7+yi+coq8r3d2sthmastonkirs8yhjt0gxurs7qtv+oflmecuevj7kz1uq+u4wqzq95fva7y5ggf44qv04ektbfzxjrmf7gbik/jwt1mrijk+q3ihk7confdcvhqx+hy0yz2faupl1uxbpvnamk1g982ghqlhe3cg+jyz0nacrkmjusxz5nt8ktgaxhpgjrazxndnkbgy3bgepw4xqfliyuhj2yar5otkldqnhk9785bhufv6jdwr6y5m167nvaqspnhcjjturjidfo7bj6nqcvww2ubfelw0dlloikvhrgkevdotw5hiuiw/7vubeqgbdoioont9g4sukrwwrio5fjiswxsvi8k2d87lm92agkiveccegxuao5funw9tvnpsc19p0c13fivtuy+0ux107aeyzowg7dk2derlwtvkdpb+egfo38co069o7tj8zx985ishitghbgj6bigqbyihtz4bqqg52/kcbav1+fxvr4uyrvtah7ywqfou6yve8dpty67xntkzv5njum1wrh5zqfd+q1mzlbnftfig1yagvtwuenqqs2zopm/9ei0zvjumepk+hkh5ztw5gbz3k0yivhh+koxslhctuodo4j3wyjx1gxe05hjfgeop1csb0be9nd8mmhlj6x2jeppronpk4jprpyqyxeakjsjdvhiwkhpjl8dkb3qnpfcmkfex82pecwxefi0uwp6zhcnuh6xw4iemywiqjilmndyrlkroxbi/xhckwv2bf/sgwkr26rqe4ia9edky6ufhbdo5cdlgrteyy1k5q9/zhkfi8jrdfgqnacqme8xy7tvkn2rmhnnfjx6tdunfeqsys8mjgvuf/rdl5n3bm+fe6f2bsv1deb3ghqrscdv6b4npldwxghrghgndzssnvx+pieg1pmv51m1kw0ksbfv7u7bvj3r8mw4dwvwmoxfwmwbvjyeqlqipwaw6c7v2cvbwnvttownpc9njph8zn0ri6m0gc8ttyllvmfmmoy4bl1mp3nqlyoljrlfz1jkridzkpibrg/r+yqpneoik9wxzg4di/kg6wdreiginq94xdrevmx/vuotzkhvrcauaeveydabjffl5kkorag8awmsixxm5cm5hq7xqk/tegtnwdibcbm3amyldnzga1hbhjdmyp2zjdlfpwi0o46serlrcmlfgjcxwxl5frncelhouswrewbxijd9qbmiki2szhs9eoeadll4au63gvcmaxftku/lmuzeotk2bl9alij/0tmlsoc8o9j3ek7mnufd7rarpzymiecw6gvdeeosrlflsjk9cuk1hwrftcufzjzmwaqdh7hb4hdox8w1hhl2hzyaoazapd15adpgh6he35qzyexmpam9kvmc6kgg8dleuaylh8kjy8zxptbteklclcjydklqwra7fqhs2i/ljgwrnowieluumnzuqljndu7t3bwl0uzqj9c7skgzjamrot1hrh3zkapy7qcfg6fai5dtssjguhwzoktcpxx/lykseqe5oqq8bioazxs3c+htfodn73ytpnubhok9hgkaekspunzrt3/rzmxetyqhxfhuz7e5jn1l7ttl/5wrbvyxxivzoihd+svqkpcydnfcw8nsyokixdugg3+rsocgcvcf2hzcxfk7audiltyeojqoqaj2z1figvllx23wethrevaepipls8ans/zjccoqgq7/uu88cfoa27ezwncnn10joplkgfx9c07xv3tmgmvuafj0x0rzpi0i6a8ezis/xzduuygn/tfsaky8yelq0b4mcc7hbr13pdqsw7djzz61184lkbbmj6wmxmjngfglh8l2qfvmt9rc/gq3sa8blsiyxpqvwguwypzoigzluia2wao9mzaye9kzxkh62emx0clhpxxzhgv5b0+jxhurczpow6+nsrex8lvxioiutlhbqraclmvquxnixpegvyekvewfl8kaipdvxk9gs2rqjjd6xvsflr8bhpi/1ulrpcyd3ywqqndisnnsoscernduuymekkb0fletqnjz2xd16rxzcdchc/5oybnsbxenplskpz5u7e6lzgihzztf6h9eba8rz+uhzcdckwvlrilco81wo4cej862mvwyrw0b5fcscox917ay3j82mncbpdciqohb3vqzzb9b22w2c6umh7zvzqnibur98wonorfolioj3aymjt1yvgxbk0qiyr6erstakfil1swsekz7mrzfyypyipla2ksv3kergtamwczzp7k+y1szubxboutgqii/kq91dpepgcn7ku4a4dy4a5ri+lyblujugyzjrtmanmk/i4517bzpfstpzd/bgllqybwkpxk7jwvate2usdr37dubonbcxjsntxhoidiwtodhqcmytouxag0ydw3scywzdh/iypf08uqbkijvivj3yc9lmxfayqngskat9svtrxuzxokt0kualhiafda71whpovgzxz2a6e5mi5ebqnj2xfzjyhcc+myggib9foq0edukzsrejurluwmmn9gyyq5qxco2yjcvdxdvbjsbdcowgry4ooybnpqw4lybjth9xt+dtjtfnbd/vkei1spymo3ocecf/v1wmmamtgtcdrkezmwjqpcceb1pvv+eziv2sm0tsca1cqcujp3w0phdhnhhd2kjkq28svd5nacukhbmbz5y0cygxcm/o8rvicd1zuozrfw7w8ro5kwwsoifna186i355vlih2dba5hu0x0q8u1iy8pe6bos3ryl2bn6afj6jayvbgfqmq3l1hwon5hfflplxi8zwasogsre1tojekeprbg/k5qb3nf5ewxfghwrqmi3emkdeo5trsxfeibniqy2/l8fynswfrs8sjkdopxrcc+lpcpzc/vtxt62cilo2sknw44zsficd3yn9qvcgl8axajsmph2qwas87to4zzf5lncy/1w80lwuksrq7efnzfnoyprdqmpxagb1h0yuf3453smmcrrwm0nf320owywaoojhmhefv5xrujelvofsnehuz+dri1nfqiglu+oqcu/j0xsl7+1zua0lcxedrnd9yiaznm6yq1goxgw12cx2pcwl6c1xql9aagozuzbmk2jkn14xtcsslldcwy2x27dujuewxsovuaimcb5t3qb9mrqg1qlxpmhjmxwxs3sukndpdc101g8nipfigyhvrfu2obowk2o76uwzpjvfnfwakztezakucjk/4ltdzuztmgsybxrucolknyvtwyo6kjirbnhopov1pl7sakfnzxv0og8orlxgdnfch7b6jjpqcfxadkv3uh8yfnxxez9en2ksbgqqxkmhnojzds/qv7zhuefjlhehheogyxkxksoql4ockhi35dnstvenogy0h/ut9ixuf6ikpzagzw2vdkat1yiak3qpabbqqptqeyc3/tfs4ogwpdvr79jra2ce/1jhu/enid+claheyrpjghuscddkeg7pumxp13nemzxyyhaxywrqqqajkd6qlhlvzjs6+p4p38xgy32tvk2hbm7bduif0w+q141zcr3tyimd1+regmt0cctpduvga3vmau/emisw2avs1rvuwm30jmpkvmtztnvvcdchslpwc3kgdg4ydp6+fnxzxgpwt04azhtsnqfdspidksqzm30i8eob915crx5kkthgctn77afj1xo1lr6ww6hbccrqhwq6sto1uzcq2z/+jqgxppycu5n2ymiyfvzmjjzlfrq73ptvaofzaefezrna1zmfi0ta3ed/0uuoqgkcwj0oi4ssymewqgbxtzfuqpebqlsawxccydkmfmkdlhxuyltbt7zqjmx/rcnzgqtsizrbmkk4fhzkra5k0hljr7kmw+kktvm0euwgbuvxvcsitlbsc8uhovl6hby+j/bqzu5btnarumwlyxydgair3erlqg7itcapvcdd2m1ldmxzz2wtyo28hvc89htpp4cd6sdfx2gxqf3v9qb+5vxynwcrprphrjik32o6+odoljenw8xjyshjn7wzdo2i/bqo7ymiclwhjo75gm56arnh6cnydt9dqbgfkkjt1xscqdlymo/mx+x36y7ceerrq53kt+i131h5uhoxr/rhxyoysanmmy25lbdeamcqxczvbna/dyh5cyif11k8xj4r5tnkyjnzz/w/m4gf3u+51djkdr2amftkkoozwctbuzk86y3l5xy3k3c7elmdtpnl57iaakqd7bgd2hzez1vct2asocevdpvktrvkdyjwzqs1sct5skyri59qvix+w8vvi0pnxtev6bx4mljqqvnocqg6mkmgjsygeea+vbpyhpffba/g3/xx+7ezisajwle2vz6w722zhnrtkgwk7owtrzpie5mm0acijuf8v+g5euqx2+fpa4quihkpe56zdey46oufctd1e1lgygq5s9tnymdoz7wiqvuo1pfudehi2um9bcg30uxzeqgmoiootp/n0q5jhamjctmla612zslknl2ctput53bddr0okbfmcgpgbeqkaathbhtllbwvy4/zw2u6z/wfzikphf/3y33/5pz2cxtgkqfxekot/ijr+07qtar8ki1xb0nvcal825ct2/m6gjuc6ab+lp0tk/ko3/+ox//1lgtgzv0rcmkpw/ouy/c+//vj//+f+/b/+t/+0vv/5y1/2v/9p6pvejy392iabl3/05i+0rqsf+mk4lqego2gklijugrihb0ounhcnhm5cvvpwfe1ev92/hjdm2ax/mmui60c1+vajvqv6cynkrrzze8g/ai1kfwpe4hx2axdbv5hwr0bdxqv/i/0xmdgcrpscprxsu/zxtklvcdgpqy2ct4etwh8iwruueyvnlet7glezjbvk3/o+9qbhqrpzpitjckibl/uclpznrdtquhjii9i/n6wqogspjxufdf5aucimavy9swltfmoendoonsecaardreziix6lmqujcrgqyqjsxdwrjggdxe7e9buvfhifw2slsmonaxpteiff2zy1pkzperpkjedu144dxlv5qo0vppe2ze4moxoywdno7lpknq9dkxciw6k9spw6tndo0ryftx52dis+x8ofiqxpfhx/zwkhsce1zuas05vmhq4mex25zvdcrgjd7dzxphhxrstey60mt4osquvyx5v8sbtvof0tscm9lnvfi9vrg2veczcp/z8ybhas+ya9fbtazzsm63qtqhfxdckxtxsinpvorr8buzw52xx9ppig3a5u7v1ogspdfemozym31cu6nxj3yhkftgomtkqqzctcnixeupp2osckbvqy781mjyxspq5iytheqnrf2iod3s2psbrnlr1nubghlxnehmubhytpfkkfvo+/2mwynm+bjykw3cy4jg2ccvf60b2ixz1pdnswqmesceslwfja+bwigniiriuadz11l2o9tzhphcfkekc06zwixv8124/kdzn2q8pwtyrrarvwbrz/mnlszo2t2ywh7xvasju3orhkq1lkeiucxiqhpp349em796wkzog7monliqjyaca4s+qld4ts8nhivw5dms5h893ntipfoyfh7oiew1pzzrzodqhsr9xp7nwwurkwcunxa7/iwsaujrtswcbaczw92xfaj4vflvrydoadwpnnfq1hukydtol8e1qsvpvde9ue8vwu1esgkzod2mpzchl7bqvnxxguizxoapmzesbcr+trkbr3skmini+qstibehwfkarohy/0ikr453fbh+o+t/dpxivmk/qrqxwqsvnxzafceyvlcotjzd08gjwmcsvqgj8o26ufwbx7xefyplmn86pza0cd5rtsod+a5rpj4i9dgek3kph+nhgqgx6mq2ye+h2fhduonetmhtuz1wnwdudy7f1s1sikkam4/xzwsffaku/tegessqxhelhe/x5ynjly3g2b9dq4e+0p30zepnwogbgub4lswhsiqvcbjejbnfuthejzwiunvzji+nfvnc06eukvpk8llon9alcfxzhpd66ht4g8pe7/ks+volnnjqw5oqgcjxmvtw3fyftnfuqkbg6skmn7xkbpqsqnajiitndotfkgmmthqgwpmptu6iwrivtzefe5t4nrlt2gsptghljar+poddepjbkinxc/sd5gamafbhnw2hneglktketyetr85znqlki9dtjjus0fbyw9qhpihr1vzv3ou+mrvt8wayuya0w+fvojysbdodb/i4dm9jyc4eqbxtbhe0j9ruqoutfaynz7zb7mqpn7fr+n10fayw8zlasavqpamidm1gsil5phtekusojya+zxvm+pyi9msyxofgthswiqgth2deiiuekxdqjzfvofle8ssqxoif9mo5rfvigipwe4otrt4ldliwonjraerdxijbcfqw/zlrn0hrxpskqtrru7lrbesr2aixlmtfeyg6a5nmvnt5zcvrwyikfz1acmitvb3ykpb1ssza9ihbhr3cq9nsr1adng/h033pzivu91x5p3bocktfzcvnylmcc9su6g4fkhlojhh28xgacfe8lkm2uxcxrnuc8nknfaaw5nukq/vpa7uyygrkc1jhblmyoq8j85e3yok9tyrleupkccc2t3nbox1/xubbtj28kkblnx+1pu7sriqrfmjsszgvvjjrsydrhf8a41eyzadmsbl0zesrle4mdz9dtk9s47gkunacufe8acxzwh5oouu0ezvukfx++hjob769vzf8gdsp2iiqie/1iroxoeyhxsitzzen1vbfhjtj9twpirjmr6xsjwgkicso7my2lrnfn2tyrcujwsv/6wh6rqsezabyb1u1a8y3mnyx+4zj3ieoqcttmvmusnhlbypsojm+us8bviwf+ygyb52msld22xq2zy5rtukmli1chpflvzlyxricr7wixvuusopdyv/iyiz33iestfxh6iwhfaf1evwazeymygptdtmc1nyknvvs9nkuewyiuqkqbrumo/nr6xumo3kr9v6fqo/ojnm3bdgejcx9/fdvluir/ryzx7tg7uxoxnt2yhbavkhnzicd0bjxv8fc2njeq24ozhk15pho+8bvfrf4yc6hzz+dw12hmik1beob8bjt9dvbnudmbyvcc68x0naw9lheyrqbv2sad8/tfivuoi8ogg2wxrcrlrqdx2ggqbbgt4eln9tc+f7wlrvoz0noum6c2kgeympslcijocw+56csilhjrpyx+nwgwdvgth3bmto2yntej5d4hwldmqo2h1zclh0kxqexsqurqrgypn/l529sqwevoofoyeojb1s+qa5e7qkafckif08pp8zwr1weetqamkc6q2bt+ufiyq+ubfbu8yyjseyfoyvjpg60p2gyiej1plxjksye/e8i+tr65whzcifqey9kblo4yfyz5czhofkunpz54mbt08gxfb+/q2k4cihwzdudam2qesdndutg7oawxhdnyawk6mc9k9etre/rhdxw5avgrmhgcyqpbqcsri2nhiue707qsfgu1hqbephg/nagvd2ih+7zwt7lo57djtxgzyhfds7vesxbvqlmo9ziscsel9q+txx94wl5dtid+/i8mku57oldi02md5qka08ncgltdg7ug6moqjie1oyxrm+wz5xrxrtxakrdpdae/wtgh0ee+odckq6qja6l11pzgkmqmpmbsvg+oqp9ldz4xjtflvulofv8gya/welybrceobsuctaadndsiri7c7idlqdqf2kvgxs78x/ce8vmxf6zxx+yn9xnsvdryqijtqlu3pwzhve1ry8j0uyp2ykj2ynk6eylveqt3dwbuswxqyn6cgzitbegpqfa5jbskutyz1xno+5o7tnmiwe6rhmoh6nz0wf+jqbvfkwhbhoeowuctchvahdyoszo8hhjfrr6w0azdwvhuueq7v5nspwfyw43wyixhdqxpjiyrnoqhhc7zf8miswbs3/qjs17kkwokewfwaszd0ec4sa3dc8mmoc3m/y6g2pg7moscwcq7brmgwumy7cski0udku+43h2crzygcv4bk4oppid7amwfa1dpl6id1ymqa2maclsfgvcaz9ysgjtg1w+rfobqgt8ac8lvtucg/oyfbsgq6hftxt3attupzhnwqmeeygsf2clt2dsu30neqn3ves30xtwc8z13rgothihzpckbytwm63hud/ahgucx73jkpojvlrqt4sl3ldo4lx5nbxx6imnd36unr9s4/ztiglku0dljeuzwj0yihda3lutrlnsdcrx1pxsweq81ehejfx4oqkjnvc8bosdezzhwnywettutogucqldiyuvvwzexm0czrntkg9nl7klvfuypnxkfdwfxrrylf0mnaowmfvquwrjddpnhcusb22lnog9x3vgcp7jajgxttwjatr3zluk6dvyltyfzp9e6lgcxdyjwxf2qbrwzzmi6vnujd9dwbvmun7ik+rluku5evgbmiw38clcq7ofhy1l2z4z7fjexkemul+adfbhcr4ptenz61ktc8vvi5cwom7wbwrs0n+e6pf1nofsu9s8gmavfviir15czkftqjuunrm1xh+oju0randw/khyydbyqy2ioztflpreeljqhezn2zvnty/jwsi+fiwiylqtckr6v8bizsf+2am85tmfuh5l5/wkod45by7lrdaywguwqlwa9zdghvzj6s8aoadchrfdt4xoec1zzkhsnr8q9ovoi43fcjvoadbf0mmtw7nzrexuaifdi2zrjp81mk3t4gmnb1+1askxxywax827hvd6kivjrjwpgnhznjn0umphxrc0tcrlwnqgp2l2livk8saok9ccm6mrux1imwtflsfzmzporninds6sfq9dy8/n8smhn2gee0ody74bj1souww1pmuu4zd2iwo+qs5ts6yfxjvebsjknkc2xmnt0tfgmk68ovfn3naipbqvjhtvqsd7t0bw4yeclur2p9jovo20nxyf6jpy4dstinfztby9lhf3kkipsl1nq5ktygqhbxfsizygb6okjpasd9uhwd7qgylpvqaerutghfxz8sovbnfovjy+5/d1gmljtnix0mgroal3tyzl7trllvsvqbxwh/zh1d3rn1gafa514iyzgpgmal1l3ic7fgcveyavz3jytwyuban8blreirbpwqsthuhrzbuptcrzloio6h8sqbdfygj6ow7odnmjowmuze9sr2gvmmfiwke2bmdvn7zk5hwqch7wpwvy0yut1rx6co2krz4miihv2/rxgqxduzg14iy8jit74an+v31d+ipqccevq9auimn1/5sz3jqimozzgflghdx+tfuvfvt4iu/tcshictn91iuhw6hwoase63lh8tftatjzlxppl8qsxclhun6pqxygoyzpyirkiyjkcjixelalmlvztcox8kw8luj6wkfhyngdau2iliytwpq3yparlfjrl25fo9w+rkt5/sngthtnza2bpnmhwrqhvt0nqddsvd57yx22osefuwymxz9zei5powyndvfvjwrnoay22yufulwn5+a7jcu0merr+sq94/hpvli3ead5e4dkngq3ofohhcjitqdyuzxlszuoovzwah+gvt3eobf4wtdigqhzsgzmjntt+yxdvn/cbeuv6+j/b/y7gosu1wrawnvhutrmkkaejwp5l7xhvufm9gk7flbyfxcfsdmones6/0milbil6ueuruvpcr5bicc2anozg48ukh41yfdvylvr6dmspzwdkssd6qwic147ffsriqlwogfuoliuxqnnmm2gnija0hnuh7nq1qncwguncj4maflepweguxinb8v8wv95k6o/dl0mtgexqos1kqmqynhdoejzq5emzjvgzoghxv0althlaid4fcyyr9x9sj23s1qwhhv3pgnt9jyzbzxanks25ecirchpc9spyomiravbq74xqv3jpvcdyzrja04gysjubzse1d1iq9u5smkxmaleoalizgxd9jpkmwi5ku9p4lk8k3a5omx9yakoegpsm9ingl+z0zrzrfr6ry34tsen0eyfioqen9qjz9wk0o4nyurbreokzhsufuozqbk7ndia4fb1scoh6yqrnaalrohgwivjciqqec02agm+uh2uhrvburwgi2taqa4htwbqlafgjequ3loyg1ohoyxrlfezturnc6zj23ooutfbkq1awz1oc5ydtgocswevpxafeun+i8y9ihvy5v2acsg49pxldcx6jjnu3ctai9vpsbyjb/1l5fkaqz3kkjex7eejrfqm8wftuv2mwbly0otjsjivxw82mwrsjr2pbw3bjc5n1kqyxpnfzyzfb8yopmcn3optwg5mvfzpv2svuxzcgqi2oldqjlyxqlyk4zk+/k1xg4ise7zenvvjm05hqhd6nq+munkmqm168bxoeradeoqxaf+nwk/shq5l64ct+qyaboxt/tzijexnad/ryyzwgrcpclmk6oyzqbiawrj2sclau3w6yms2ku8p4eca767cvo7o9jmfg1iscfnwn/lpzigi5xblri/yonjldb9d3iu3dnyqjkleavitseb8cagdlhzgbm0zglau3memsuzjf9zs7mvusd7wjokpk0jl/ozbwyn8cvhprrxcvzo3wx2mgfptq2vplk+5rsy51g4demqm59pyapzkaeiuppeggefscj75vh2y+iegvj+hd3eholzlgukpo0uk4vdgmtby3lvqbr+we5s6cnnxbzzmg5egjs/puepo/nxm86r5n8wwvuwtfdxkqq70fungztj7k+utfhwinjldoq1plboc6nmg49ydvbj/k7ufhp9itwftlyyirsrdate0yfqqvvycty6uq27lv1mxbzewaxoflryntus8+tahidt0e1e8w4+n7vyzh0ns1svnoijizl/oyqcneqoi5dsjqoydvovbqrchvg/ko6t9jw4ykbdnyey/f6fu26vsmz4j/xrrd72ow/nozuu/ue25fljohovvx2geew48pymhepq30sxel7ilkcnjj9wsbmuml2w0dhs2gconxhrq5ehvhhlguu9ncihwq69d2zykcketa2mdxp7o+x8ynyujdwejklhdkiuycwy0jmbxd8ixwe7py9ekxwdxscvnykzl6vojlcpjdgunhz79qdbupcvpe09jnbe5vt0w6wbpakzgkmttxsxxeeucrf5nxap2g0wecljohzecjgy0ynnkay/e8+wmolocaqut+c70javkuhqtshvhyc93fy53xeaaq7fem87q2crlwgqxas5bubk3fmge7zczeosixblxh6ncv5hkty0e/2szrohakqnitvwe5gqonaxy9avh4vsk9eb7ofjh+/40pa35pxkx4rmfd2iq8jy1ecqvw1lz1kf4plmy3uezyzssjko5ozhobsul5xvrizkilzbxh9+a1okhfinyy3n3vwdgietc86duesdow12anbmdrmckex27fabix0xj7otmyi83ptg936ii03f3/fojbjmu2gtgb2kxnft5odql3ggglzxlgqrqpevd/1tglkfr9bgdpxwkmsrgyrhbfzsckbauqipunqvuuxejoy1pq+vbnh6ivlz0ggwvhh5vpjm5fjnpmrnzjsza7gvd4ltgct2dixnpgnezy5rbgndqprl/u8xkmg692npgmpjchxjtvfcmyh17fu4y0zxzedpc/j7ctwzbkaat0smgal/pcf66kivla07fep4lyofu2nnfdwxv28w1zxa9h79b1jblmlyojoqx+ta2y9ad+di1jrdsmpphp26ifz1twafxtjf3fwvphrizlxtglshqsomgk3io5xeuyp8gksfurv9e81j4fwfl+m/saq6kyi8lzfypc7ct20qipfmtdeyambohtzfyvbf13/3jitspurv7tl2xsee7oemcepeiibmydkj8vcywpbmouth/fkkysxm5q5xprmuj8am/rq6xun0d2axh405c7gwqxdya4penbfuxkmmgf2tqbm8xqs7d33aijjg8/2fblmwx+3lslfj4r4ndeojfkc4fp1zn6oaf/8dhhtqbnk/hyaqiuvcufoc0btqqe/vtemm78qd0zy8y6csg5fy6od4zaa274s3hxadrzh/fdjgiafif14xu2km28eric1n9k/7zfzoloxmexo4kyl8dtprtphzxxdyz7kl4rw2zzyitfdlmgoxgacfv7ntrmbv55+fw/ywzydhhyy8hjtetwlblkgnbpbcxoevhy8+alvw/ywpvyrls30pl1b5zilqvlr1++i3kyl+wlfqjarrcvrghuhuozvshhr1tnkrd7mnlvmnvfkvf+xxw2146ae0iipral0zdckuzroxsk6pkx868uybbvu6kwayyclhklfo6d3oxabsl97hn0kla57yuz6emcdm9sczsluso3u9rfmxqzdkn51mamya3t7giopj3e1dqpnblc2kfivy17yzn75cfmzs3uugiuw8d+jngb996pzuyh1v/tichybnsskdfrt0closo6wg/fzhfmhhilamjgbdinkhamqu6oayseignbjh31ky6+x7wu7nadzvzw2iqqcqhtoqog/dmay/nl1ilbgxbyshajxbkcy6iushiic3rrza5bxhbhcjspw7xq7ss0332sgn/w8s8hxxnoxsmlvu6z2nonz1jaujz2hctx0vcpqi2y8zusmnuhhthmy49v7tobvxxh2ujf7ta0t45q2japzrmtnogck3ovihtgcfunjztakyonsvh0ecjhvvnwgua2jsyyc9jm+af72hnvdg4vqe+pgjd07+qjq9uqn3jdu3n5ain73rgy9p7ewboa7nlyahajeecmh4p2ndeubloed1v5wcohefnyybzl72dajgp42g3xgd4jc+15pnoajv+e84/p3er+nigqvxdyg50y3jix6/yisxqig6stjsiwow0zymb12s8mfbdhrafchin7voia0bycwcudtx/ywxczspxlb4r7hp0kb2kgvj+hjao/bpimduzmmw9rfgz068l+4wxsl+83awufdfl89v4n3qya0r9niwpqrgmcqbphbjdaurvtx7jsbe8einshicj8xwaofkytpdbnbooaglexrbdjlm4rzxlgesfj0emq3p9gu3dyapv0dkuwxrs90omgstvvsiamfs+mk2r7vzoitmq4nalubhnl+g/m9z5ycyq7fgnd2erxlonyz2ofd2cv+vohb3fwle07slad4fvjmb+aowoyo/lxbnanxzxurxoh57d4peullvvogsxrfbggq3ws4esdfticbkwdfvyict5bzm869nd2oy6vehcthd2eankz93oa8tnqwss55z+dn54j2c+y1msn1i4r2oycidj83qin/d+e8icqhj/psd4oa69hvyx5lpkxy4oad8rnq2qaxkdxjej6sxlrvjsktxue6utkub1jsy/jorw62ittfxqac8m7wjpu7e44gtadxhxid+ng2ijyy2dtq/nzspv0s7ny0yooaem18v8/erfzjrchkpy1ulxchanzr9g2umowbpf2ndemfscqihz0qznrh92zmifp0eegvduncokakv3xl5fwo2mgcx+vqc9lvk3dysrdqrxzhfrkqsljjciour6f1oh/ueugw7v/gbbuzxanigzroykrt0pq26i2/bh4japw6skrinnemalltw3pntrimr+laktw5dgzp2a/xllibvdh5wevhuowcuuycfwxftgezouokx4yqdsasqkneo7ut186q3pto69yo4y7buu9fgydkbwb08ojrlt90q1fyg5herliffbm6zi7tvsxo4avrj899uyanwwtjrlsusbp3t0nztov9bshfw3tf32r3k+4a5sunak+shgschkg33ieruvzemazlqgt33jjkzg6alfdf0+9q3ih3v7r2yjjpw010adx4uokiusfl53+tkiyrvujlx5tgjq0ljqzzveqqrcm64vvhmlbzhjpdyyoqt5t8p5yjklpzljjpo6wjw+dfunyozjqf0phxlmv7ztj+7yrdj301q4ka+xhcqd0onyc1rlxyowc89xstc+hj+hmsdijdzt3z8pags/52hp9fmmajdk/hfcg3dwlt933rzzjhoa9qtlha/n2vhknku8oivrw+iqpybdse0ehyfjfzjq6d+6ynklvrzej6+msl/yey73qe/ikyeo7zfa1ly9gyyrttnx1s3xv1illoainvlhiutwskh1+sbgd3qhbf0pcvlrw6jyedspue2vwhvehy71dopqq5pymlbwy9kru1s52tavkeczfy8dpyknyhsbrv3ti5rb87y/fuqf7fgkszvfo0txgxkbrtbnflzfxofwiy3q8ztftpadapwygxvjnofo8e69q38xabwlw+j7yo+6wyntmewkbflms5kf8cd43jnt82mbfubokxz6bx9m4t9rtfrke9unzxiktwhnfyjxpuexeik/8sbg/onhn0jwdlu3tzsmvlvelby5as81wqeultevswrjdh2crcvhk8nq7illuhtd6naryngmcexhsrvdhqepyyazp6trjzxxikn/jd3ejklrqt1qj0wiq0zzfjpoqkg+tcrwbooosqmp91ugfr8sh2qice1lueim4uv1urxcnrijnczrhnnjt11cvgedfo10xxxc3fatetbmxnb+qeh2vxjjabn3znoudw2zbinqepxmgqmytaxluxcn4iv2faywfiwsp/j2rrhai4urpaiqetayme/vpapu7ywwpscwikr9w9idojk8dctvpgfe30+bdff4kr1dbree1nhttjz92ms5/fqsh6gy2osm0nsozmpgdt0wu9/ynljdf+y5admbhglivdv/+nildveittjvpv68nwxamjm2x9cj9uvmwyezgkdhq0zwspy+uczgs8sla7cwi7nvs9vies44ftc1etvagv6qiapur+bm1met/nejqza2lzlcaqpk0r0zyxvwzjoeeh6rithla14w8i66qfd9u6l62msqdeemsykltpkopifp3tikh2bxhr19w3juwq10xfw40b0jaiktrwx3m34lclvetifupdvczx5wr9rydg2miayfdle0rufmnaiae6twjazobid0jeiv/un8b4hqfwg1muduwsw9gtlqve6rpovbezjffyuwbs5veb8zaxvvcld7afkygtppdlfmkvpkt+if5/7saxrqczqduylfibzko1lc425dakfxv5mv39kttq932ut6hqd4xhdwqxbkkzgiqpyea5aj2jqptf7m6ilqg3l7jj/qtg3ajr7ktxcm/gsxvlwtukq4ypcnfoi+bc9g5hwac2k4tc2kaitxouaxdaynmlj0luz/ymyztiye4ero3519ekthteolo94izf14otpdnw9xpehlofdmemmlwphut9pfxkmwxwc+573jmwsmjbzokwz3+o8h9ertbedcn9ygoatagn6smrmy+f5rqs0ux3onpxfz7e3lim2xvaeilsju1591uo15da2vtet9id0m3seljegfogqf70vqfcq8orm1mygju8wkn6dghiyexrrjoyqvuzvbasrjdncajldiaw/fm9plfkpoypwtxwsemcqyuzhqlrgqjsl1qiup/zg+xqsmjea4ym4pvx124owbjuj5kz4c1egc0kxhqakqnp9snrv+g4kpuc6b5gnase4hbofi9yrzn13lbv7kyuo7n3w1g7yicqspswfjecv5yllinkp3gyascoufinnsiaa+d1iewpofrsvpukn/99jx/2megru4dnbuzdnz/zvhvt3uc6+fer2kbutrboc1/f3wtkaqxzz1gz56eiv3c1qrztztqfq/b7mxv0roqe329lo8uqlljvrhc3ddjmckcyfgt56ckk0rud+vs7/aqobnaiwmcgl4+x65+yuihyducntxzeruuz6phixd/qsyhsibmgvb0qfwehzgkrfs+ekyepiufehw5ycr+yb9tf+inxqqiisvqns9kylqik1rdagftpxooztucgyvvjt707kjhczvwkuexxiqk4vhmupcje/epy3xbdkiz/bdgchseu2cpupfm8t8tlrwh479u3mms5ys46atlbseuzasvysuj5nfvghjzrae4woq1tywbyvwmii9emiasnx1xl/40tqszrmlfrzdyiikks534zmmu+znnbgcpmnmnfky7sk5jtlrm3pm95c0qajfpgnuq72qiz1vnmy9xgpft4lr1rflp1e163lfunftg6twdbzx78ddg52/rz1ccy9dbcq/crevotf+d9j8bqlnlf19e9vgr4owacwlcwz3evvmh2kgwaiown6r5qgahbpstdcc2e9rptktuapnpyrn5z6l2e9xw/eilofmgkf7nju+ze8jxbvujdmvezgfd1o4r1robjic7ujjpgpjmparvmqatvw6hfqxoozmnjkavkqdryn2o5rvw1tfdeebs1wyb8a3cyludlp7tmji876vis00gxx84flyq5zxcptnetczvfmemitqhy0hit2qmlapcss/f4+j2uc0jqzebbpura98ivxb2cisjm1zlb1oxgtokxg6xk8fe14syjekxzdomzxp3cx8imev10lxchabtrh396qrb9hlfkduspvcgsneehmmykbjqsyeyva/opf1i53mel3tbtwghrdwn7+syioylk1nhrpsbd2hvve8sohfqxgkti4kic3cncmlnbdbxfiyvkmbq4ge1pfq3zkkn6zph9jipbldorjw6ypbhlpbks2bllwe8j5whkp94w5qkunf9/k8hmtwjy+xau0pukrpgasso8ojoc2murhdi5y/ymj+wfgyfwae5zljy35qhsfq3qugehvxinwzlvylnrsgf2jfldapo14j0xogy/h0jmc8lriwrfq3buzyst3kiauapicjd2vhs3gayoss9cfdayvznzlrwwwikarjnfltfsl1vgt1bjgilctxnhpylla3hoeulxhce03qvozuccqvhzye/hqjrh82jywspzrb+wqnxspqxyp0mroebx2guv7pg+grvjdybc6yvitep9xdyclqof5+tisig9vlluqhhcyh/jox+74bbgnmhhihtdi6rlpge6arrfd4vy7wqlot7xeiwkqqrr+r9ub7r/rcxphrlolffvaxyvuu194y6tozzqf5+/7fu7mppasy9/hp7zyxek9ftf1rze5hbh3nnoxrvd1u5vqnacw5f7zzw2p4yvdf2uun7i/ckwqbsade37mt2folcty1zuzboh7ozmzltpttonku/j9tpvml1fqkdabuu6cixt1czdfjmhtkjtpyhr56tfg4yi5f20wz23tgptljtg0cxbasbp5zyzheqlrbgng7wzzq04s6pebsoqeymlhcs3mf9owl2remd9vmu/qkwramu0hurgpaugfmtzkvjxfhrmbnmum5gbapy5tpqnx+oiry0lafjeuubuqh/sb1k1x3xr4ewwnzbjmylla0alt9magbfmawngxfivmruro9zylkke9sp22stlm38wcntmr0v0peofg0mfy8csdgatjynpieaxdnlvhygou/l60/eep75k9ftfxzpl0qbwodbcfqtambd4hdcc73w6ht/ardcjczocidfyfbmh/3q0jfoq9g9caxvm1w/aooylxcfwsgviizvsgor2dey7o4+qvzfyr7tpzmoqcbs4g62qegwrrgnkfpvumidkhvblxuz4+zdhwgzdslmfwbtjhbijtrly9zvauzswkcoyk6cihnizupc7hu1g4lhrabgwpizxpm6pmuvztnc+m6+jssitdxqwig/witcddbgb25n8mkdfgduss+6acei2mwyj3issz+x+pxayta4nqdwegqdyd1qiujo19rsksbsqn+iet0fixteguel5wezdctcvdulxacv/ithz+vihiggi5o2u2ee78f+ymjxzka2lzxi2ll5iutnpo5exgbezm5yzqi1prszdzatsxv272aw343l+/0f4ln+6zjvdzc4ddx0raccwlifcouwmjsd0wdlug9z1xobzc/leye4g8bte6tosifq1kekohslyrxi3dybp0qpeivfjavgoxj1h/io/tf/ix5k2qtj72mwwamefjrkqfgpuduzhry1r1oqf2jr2sudyveblszhnyac++bmnb4xpdbmez1skz2mvrlsxjvj1t6eoihqw0y19lpb567w//d9pptl4uu/rcec1n+1zmyzgdeldsvqfivtewupfuikn3qszptcg0vha8w1voxhhx66e+lg5itko4tcsv21ef/xaykne165x01srtwn6iogsuibdlqihhloea3y/3mltn3tiq3edbhgl3uwsgc9xr9x32keh/xx1ipzvj+2qclohrm3cad7mflyi8fwbsluckswyeuwq3dx2use9ehmf2xng5c6q6rrs7hcgech5dupkgkh7sesioav17ggtkwexyp1faqrzmhfjtqqnyaxppxgltrwf7nqwynzqdtc2rfzl24m93wbiirqefcch+h19ivw2jhhtu6jagizhri4rndjy851jjo9zu3895tlbgbwzngth2oxh1bfmtg+kvcy0bshryx4m/nn4npezpchxvuhgrx83qhrptlulqo8cm+8chirf9ekjnqodfrjm4wghgaxjsbatzeilwfu6xigzsoni3k/92t1f2xga3rdde/fq94v5u6hl8hzpvsxi90oqjmocdulalzukovtusp3jsfvuojywlfygv0tke+7de50wozwyivowroju30f7sjhkdnu83k0mzkefjoe3nkyodhvxvzmcdpl4hrtziotq6wn+puywdlrao6wyijvhfm/pc9nlpazkri/ez9vhsgwxndpcfoaumg/wpbramors+vvobgwrsvlbsmrzotktgapqha1zxjy8/o4corlky+6azt4kotshkn1vowhy5gz5b2we3q+mwlybdhh7ki3n2pt6vu24pj2wam6wc/t+cqrz3tgvsbjeyafauqqzl9pv6nmizispwa1v72s0m7bzo8y5mp+qtkxa7p5jyf3bh7so15xg8hgpktiq030gdhfwci3eye/j7cwgmjlvna6jijszrepcqu+uejpvljmofrg4fkq97e1mdkkrvphof8esiowtvgxdmqsajg7pnzcnkh14p16pqwlkljmsqtf3fg7y3+/nltmfc+d0jdqyr/qxxhc2mu2d8kj82u9o4l4pbjguyd+asmwweowr/7eqo7jqrqjy9h3fid7344ifoal8pbnhzhofhgo6fghh/gkjsts6uxl9lqe17jjvyjdm3oao+v3z2i/btjajh0rodjilfrymkux+6isvvr03qjgthdcbt4q5sguqbassqt4tpunnc4fzu06qrwjr+sk43ld5puohlbvtxy3mlpohsgqtzksef4yw/obwpjbtshg5nimh7ckbpztsld9fnmdomtrybuvh5d8ciijbkhfhew4pjhrdcfla4lazdczlaphcyujucyx3oleq8pm/ckypw5e3keuxr7xbow2godruadumnkftqcsszpmqxhua89dpsdixlwxrm/dw995jh61ugpeqbjyikkddm5mjm++qme9rau80zvk7vg1upenjso4xdwqzxx0i1vs+t98udvp2c/beglxqrfb81fopandf29mow5a0jyrxdv9rcwb/uio2ij+lxs3ijimfsn7p0nnkvqnrzlmxxkvkua7b9vgxzqjpumuikvubb0kmhfkcxvss0oed/ofsd4mr5yqbmcx156qjoyt1jiqu0omji0/+yclzblmmy1gt6vpjjezgzxot1btm+k7+opp9rlswc3fnscuxo7ny/y2fimcdbpn/2xo++ifmkxp8sesmdwx30+x+piqm3ss8zmuo9z0c6vumz9ydwekzgicjzxsssr/f1vs4vtytgnz2a5qryib81s+ftcs2oghevpsfhsnwu575hnr5chmpdtoh5qrewzez27ajswejbeeuvzal7eqqqgu1rob62uxcoirrno0w5823sjgdxcnubqy8mxtjbj/q1rj3+7opfpa1ztm3lcdrdzwikarynjdsoa2y8d66+dugnyii+yhjm/qp7mvmgmqlwdax9m9mxmrtm8tl62hvgbzp1zg0jhrg153aymrwzbvyfnh5byji3//tsthlrokfiuhgs49wdfimoaozyyalv1ji06wvmiuxu453gmo5jc5no8wiygqsbxalxo1vuwtmlzw5pfhyxfbgs/tb+g2ers/iad2znkymkke8puyyr8zipwsygwoqwawr82pbw7mtmaqz1ay2kviofu0aimbes14giyqpniwmjh/1momu3odcdu74onpv8lhnfgc15iwvxahra6fqlgnix2137xhob5j70c6qqtw0kjaoo2puaqcctxcew2byhmf7okqmho27o4whwr5ddulvnfzyxobq10yvxyzoxktkpm67crmwwy/ksgrogzwop+kakz8z2vi1bxhymako2o2z4lzex+etwjm9poli7jnuw6un3dlwuehr6534ib9dihjekxg1rhydprcofxylo4j+q3bnjmrxtnay0begjfu7kpg0zcednw+jijl1th5z6j4nrf8ns5cv1m4gzo2w21fj852xtwc+juiuy6nuh+hqomrk7/yvubdwhvionythjyg7t9gze/uzp75q1kecmp9twnyesuizobx3m1lsbxsxngagrajox5vshyxybtktmwmc93bbuwzmc6dkeie5g6qvicccexwx+0uxauywzskmdb/1raykahmkzw1akn8bmhs4mud61gznqxiscb6+92jnyj4fdelgrqow4tgfroonwk0xiq5v65stnonwdhqam6q8v/odlct+r30wg4ewrupjb1wcdenedrf9f74hxmhdubvcjyrl3ljalloe3fsaq852dqsu5qg8ofy7qelmjo26yj7kmaxsdbkbj83ubgdf/kjiyt33yiqpifqsnkkkkplm+3k2j9vqmaufdwi5uitaqoyinpt+nm2lioijfjmge8fvl0nqbxuj21hsjfayuoh/r99n+5d+n00hchdbv6swqmkefvj2wfrysumtf7smpgwgydhijwcwxwgiliztfa2+cb0iundrsaqxzwjirqozmamwlwltrv7uaiik7zfwyb65iyzpgsi/w4cqywge5bubsdienidthlmi0whjhvrtlkp+ksllq8qyj1rriypy/7d+iyp5t/wwcqfuchtct5dubtz3haxeu/3ytha0hg5co5+pjwni9z2f7guxx9or4ea1blsnxtk4yfgjlbuaoi43rljlen6mw5x1qjpqdsf3qggtynvdja/ewqyv2axobvzllpm+xxdnzqqfvzjozsykkkqhyre3qhtkjicug9usvqmaosibszwqll7bcekna0jikamqpcud1url5erskun/i7c9mq7nhagtxyo+1snkfyzfufzuwic4rdso0krvdc5a8upllfw6bavy+nwpmcxyi5ojvuejo7vl36cwwjwxy/saxc2hh2r7lwti3h5e30vcmfgmggwsnddm/rk+segss74/mwaiz3jdjuwpeenawzbgtuvhorr1xa2blphvj4icj4wey9vwmk6zag8d6oyj2px3rafxai9uoavy4iaqmiawqnxbrfs1ts58un+icbf0ls/keyahuzalbbobn/z7vyyk1gtt3l4m0uisf7dvsw0hjfzahf0ecjkebzv3dxyiboktne+2ns3gvpajxbahwplep9l+zzefaflemw5qm2cxd1r1vdciaeksfdvaitepdt/jowfzdmasnfefwyp/gndp7yduz4us7rbv2p9uy4vjhsuxehkqnrmsc8acvhhsxha4a0xkk3ogmspg433nfzrbqjpdbzsr6a4pk/zaltcxdvxfkaekqvydipp2mf9pvud87dtrp6oiupxovgrp/ec1msgsocehero9ghvdyp0nryj63vzdfnmjqsgi+c6pwvycvmlxw9dkro6oms62bvc2vhz24a6le7esqjgisvuafbh2dl1hmkhkqa9vouauoqygsty0i5/jl8h+xbrd2fotqxosiof01sqzu8ocmzym6rq+7xhx9xpn6us2yovrjmnycutcvov0uq8v8xtjvbov7olgcyv3bkxbhkcyp6ud1nlvmhuuh6mimjyp7f05+dvwnm/odfstvzp2fj9zdli4xs1+tnyizfbjhcvgdzmsleasldd69srn2zdz9szsogp63ec6m/mefrncwkm1clkmlwblnqny8y+epzjpmczolk5z77/xbig419ea4czwu6+zqjpzn10faptkqsczfzlvvnhfe1n/bh5cqm9kkwmg7ewh11vtjxl3ogmnfpl2puderebozcq1mi5fh1/thcagoin91jaupnjo71rjzeujb46sxsd5nl85qvelktkyzz30tfkcqqd83hxbvwwz5bcirsraau70dcv9iywvfihvux0kf3ubthzslu2gjd1b1raxtgzva19ziiqvdwva9ladjm672gavz3mjyqo0p1a5moz6jv/vurp1fq05rhwoii8fhocnxobjbqhiqmy03x2iqpnvldvyzinluyoyzjplykxkayi6vnnn6hjyyh7jxpddq7cjvcs8u6rtdft8+56n0cb49qz5r8usqgpqz0+hfubazdc9ta7t/yomgvuom+3885l1mfdq106c1izgdu9rn4kgbeiq10yqcwscxvtyv2xgkxxsakbu+ysd6lbyxuxw1glncwdq4zakbnslw9iwq+er7h4xrpzwrlewozikwgxcx5qpj0iw6jryywdxpe2qep9oiursbhvam1ahs8ijugb3zcjhdgzw+aoxkkv78oc7cltczszjzmw6uucccgc5chdptmhikwtczmzr6dluspih0xia0cbyjk7m1zkymavwlqfb1p2kelwwzsubygfztrga7hbe9lnh/prvbpck/+4ohvkwf2b7jfvf0ts3aylcwcffwvfxjfnaqhoypdubak4dgscwma9fxozgaujhjrygtpbgwcndbpzqfkm8nbyiwnzq2enzxnfmv4s6siffs1utj569xzq0l130gi/vnz3q/biooglz7djjazpqxcpjl7/znphbcm+z+czlgxq4780vy5lhh9wdcz7gfp3daegclofh+r2cy0whyneoydnhdyofh+16uj9hhokhkvzrkx0don4s7lxqe+yfjtuwkwwardy2zozfdmzx3nnnmezvj0qcj1d4q9lmh4hn3y7osaldzrc1vvz+a8bfillm4v5yfuajjup8fvinusr/jkktsp968o2mis7/fc15uy7w6n0n8nmkbbisrd01uklopq0buqbehahbooalaicxtu5twewbbzkhtjou8u481+rkgyauxif0v20c9dchmhpiyrck0uhm7e4crgxrhanu6toezow8ieu1q8s87uvo/rfyo7odtfhdzouk4rqjeji/odrezb/qitfx0ho2zybso2ak2g7ge/7pevoqumthqlv7qbl4hojyqjauxvsm0641cihvui0z9b05r6dddvuule3atehr5vyqy30kjeqqfure+smkageyolgwraj6jytwacch1rdcmzgr+5rnck4d6+jgtelawnkaxki6rmihdtx0b36ul3zjo96zsia5ujmy/b0gll+jse/c2lh2jjsoanj9gyyogcllai1yxejegldklphmsp9zganbhq8wkywsspuqtbursqstd5owvygpklujk/gf23mmrbgg4me3kvixyrmhgxnndudp+2cczwwalajdr/zotg5j7frmde1fapxantougtl+lunrgjsi/f7hxhy3uscyk5rxttd+5kj+tnbuw1l9zre7xyhcn9sl4tpeqyu10bafrsiayx3ytlnxi+wtyfgu7xfxyigloggbfzsi+40kwlc1icmi2dsl7vjz8huju27xzjx5ujmee4yhv+w+puwqdhr3ywzkg3dxeackvq5jsk8+jco3jbxkcihr0sqy+xxsl/ghpqdcwtsblnoasalw7z0ynoulbwa7cwnsbgytfocdvmcypgugwsp3msc1/ozt+rkd7gumcj3rmv3z9dqdloc4d7/ffenlvrboxdqvephoxie1/nmghn+ujq9zldya91a0dimxn2cpofpfcx+fzeoe7p5dwln4a7ac/bakez2vkpc4ikdaoubmrmc5hih1c0h6jgl1esgrwrnfbfom/wyywomsiblqec12ts8klbyomb3rem/dt7qa7u4ckixo125jloboxee+ncuwgjgatynwdqf32czoqgqfrnmmcx3jhnruiu5ks/i4y1zdiikyqi7xmicizlegkob+8qyqqebjzl79lmyko3hjelvlfu50c6/6q/xhk1kk88lbzv0ep6fxtk0kaw/2htczxa7xi7/icnhluoqeyuhx6v1yb6zfzuezrfmjjuhh+5uxa8g2pvy14ex5w7wlws5fickqboeonn5ywweee/skbal5pocr2uqujr2ldiuxjoktm9gsn4vgzjxuun+fwftzghj6odaytwyguwopugchou935melasfwzdnzewfcymud9/n3ywcm8zc1izjjqadmtm2kz79m7ccb6nstmuqgsxbek/3s6jakjg+mngx1qs1lt/0ccp5vsarjjat3tp4fvghvmj2ityzhjoophn8rh7fqnnw9plkhajyi2ohpzgav2yfskrf/5srnfupkhf+7pzyjomvsd+oq+nzutqcpsus0dbmne7tdnhfyuvz6wiiotwet3/ictxiu4bljsbk6ipvlgyjb/5zidvlk2d6+wbppkvhifqnonbavc0pldrh66hjd3djcyugfiyuru+/zxvpgw9nlwlhtqi7ept3nhfxj5pzme2tlsuxqj6r1u+n4tsdt1pqh4ttryl3lcpko1/lyfc05ad/qz0wk6t/anzja0y1joqkt1cgiqxhrufmqmei+d2gwj0n6x2m9sck5a7t7bvextpvukq8od8gntwzuog5hnujffgh8td062o/dxjf5p8fdzxpl8exctu/pm5ylo6qutemjsmwlrb1l4dsdyihxu4t8qvlvencoocfjolmp5qk7qnin7xaoc2upheid5/r15hgxqf/wzdc5qknwx3ehwcmkjz4eivjcg+90fyv27sca+sr0ise34o8qwptyibnnsn7bbuh72kdrprtohldon0is27d9zketavkxjuo8quju2q0ac8k2ptnylmv8jk+/z12pfthn7legfwtfwxs9n0mz7tljimerk0odmqjweyv7y+jmzgmxufv/9jt5+kzuormnmpd8jocx+5s8s3wv2hvsjckr/z4m8drmcnlje1sltugizteuq2/bpsyi1gtv7gehutsyixahb6max6sf4wfgqkorvgy8j+ml2yonhlf7ox3jm/tpuzptqp5bvix5nbmmr9txqjzrnommugg0iihcdodmstaahtvjg+wqn8hne1rdesn+4b80/aihuwgbqx6mpyvlbc0go9prlqnwp4msc3lrlwgoqlayyiodlyigvfs0uiqii9qc9sdinukvory3/rqyxivgymkmezjuxrr62u0clypkvtwdqm9yt1kua35+ro1zj1avw0hi0tqnwfd6zsoxlzmycc9kjsc8tro1e787kax5grny0iq0kyjzk8b3pffs6wd2alwiit56hvrqd9sgeruillalaushpkhfdw47c5tu/ns1jojnlyin7wfinnqymfx8tnxe/k+fm7lbxr7zu+3f0xyyfe2f+mz9uhjlsigopcel68dctdoo5loi2ncet78lyg5alj2vlbbfo+qgmnlwzq1rwmsvy47sjkmgkl2mafkmimt97npi1rvruhaoh7bcrvtc//xkx5xhyn+6bf47w7gtg3z2kkz3zkylk3dusziiwurxu+nc+x7dvj0phcl+xlv5kemktmvntbgvj8x67erwr6v9elhez+a0qkq9rfd+dbmdu2zxn9tqc29gjwc2nq4qlyceq25vqiw4zntgrsvcc5pjaxcylkaxtdcpb+aan02rgiccobvafn1wsdwetekdhckuyem+c7zmc/kgkxmksyd3xjkkrmohzec9cf59g2qs35iuelwzvascypbezkgypib57g+uczaety9sam988plo8u5poczylqf9g+c3ys/ukad1yduttmmbso/holruo8thcff97moayvexbeowvgyoc2j264gjd814b9/nlfw3vg7+v6a8z013drseulvvfxqd7nn2tt2thpnzrefowdzervscji1et/bwcgsaxsdjbgxplsxzd3wwkj6/t3kmgdzgapac55au8bxrnp92qcpimgjlklxphdun5fcqnnyvn2gqxb7efbdd4uxusmj1qajs1qkkfxkxd7ntpfxadwh649basfmnsvlmwydsnyym4wdfagqgfxqswn8yppdlsh1yrccvpccxziqsbyuvmur3pfu/snuyg1d1xrvxeaneqgubytobk0nf5ddoibh276xxg1w3b4fqizdyoydos7h3o3eoxcva9woafhfxmsy3ejzu+0fp7tiwxep962mtry+m/vh1hp96uil0+5dowu/csumye+o2boxesnkzkx/xmhv+jyjghn1cbgb84vmm2ovko81zzke50fs+lxua8m9k+iuvmoqt7h4+2rx6wmvdkmj2oc3ow3snwpqt6ctkz0vt01owgjegmppxe3t81cmrg/pnni3wcq6ijj3bznaniofrzmo87wkaxr4bwvn9rtahcpzedjnb107a8dtmxcgtqu7v5jne2t4wzdj/+lya0t74dwl/cydo6+mv26zye/m6cikgyjotqaqvendzzbqk0natsngn6fid5vxh+upjvy+vj92vad51m1z2kg6oyplndce7qgh+kkqerbwj3fecvihfobhil094chv20g8qcjhrmsprj/fex2dafjz29bzzagzwxbfthrpwxllwfqdtployqk3u0grfwco8kf31mknw3pabcdkydx0ztlbup9j5lbtx3g6upqcc2jwthrtmrz1khetjqct2e8yzbl5owm4vqmhsnvkfz/c5rtk143oug4gke3lutjewhpuznwz1xd4jydpy2cuqvlahtld/li9q6qzcivinib4ttgu5zwjqlgsvbj2vukbrgnqvsyhka+9relopqr721jdaud9n0+smqswa7n2dkklwajw1x/pmcoakcfpptnwm8lhmqrgui9xnwqjoviscroxdmxgwcwwy0aek5a8ejnate9nyltea1xoccz2bhw8/doj1akz12tli6moiep31pjtw7+3menacsfh1plmwklc65h4uavldszhowypy3lfuhfdlsxsxqmlzumqdvoum1q6i1bcksvrcyrs4azcjxkzdhgxrtui3pbi4vof5p2tn86/dfm9m3dmfsvqrqsx3/gslbwsx2bxn7mgm+0p2qzihiaeqvsxax4vjj1kjz1q4ojsbvi65x1am8lj/jpltcmfnv6vyzn05uefopbwki6ahslkf5bd/zo/rtshofo7yqm4k5mncytbtbntexbos+l46nfoxammgnys0ivowgejitm6ml0pc3uwc5mfljsparzchorcicqbhuwfbctivlbqotits9vsohjyf0vvitzmxfe1ubzqr8xk02imc7s7p8ezu/hsc8abtvvnhlcyvi+lf3nbla3uktk2k/jqxle/zlkctrculbwpwqqq8td1n+wqmzdfnglse13zauuymv7ztzkfrvtpn2oxp9hq6grkmzb2ymqrg7foscu9grlx9zvr2zv6qm8f4anfujanwq3z5djdrga3ghdjrr7ezcfbmz91zbsl95ti1w7nvxzeltkoxakuc46xkrmome+lwnnwhh8vbmnld3h2vsvnrj0pvvbrto+xhfs5irwr3netkn/svdhh7+a8ssknsthidurh5imtl3+rkjq57itxzyan28wbchiziazwjs4uqhweitsk6rda3da5zidtddlhsdhc2ydtcep9j2bsy66v0kh2iouwagno8hsdmztyk/xi7jzt0fbt4e36zwydxd66/yzaewixa7rmvaycyeo1imwthdheguvv5opn4dfmhfk9dt+iltwk+mhxataksee2o4ss9fzpkjabqrjit6zfi5oamk1ttwuczbzii4r/fgbufvhhliebe9rs1ebk8znejuwyme80efd4yvy/zevpvcdphessyifwmbim7xfq7wai3jatvjkphmjmophkpwvvlsleyrp3dvb7ys4/qfqgg1dgz9fw0j8q0wzcfcninoxrfxbgopgvunco7etglfzj7alkt2oog2wlo66pzd6lhu3r5jpfsiesimbw6h7xwjbi3i6qgqyta+pqcc+awl7b5bmovy0tv693bgsvcqvaurjsnl7se3ks+avzmixwmas+y1k4z2y3bkpqbhxmrjr/1bfgen3rqqej3r7vssmdq4rv6d/l30e9tys2ecskzkzax7fpniirneekizu/qqpqznutdnq0mgsbneufuhrxybew3zdrfcgzaknlgp0cgebsgoymv2q5ooavvczu6hff3vtgjvissc3kduvy3l+xprqa9c5io8m4xa+bvngzekjvzpdmfvmytaa6u9lrwkdhktinn6whq826xv9ma1d0xtdsx1asnuvoojrqs9otqr3tp3q3vgwfz8i5s0yborep+gllucjjsg6mixx/icuo49u6ioheb+2xebhz9ubz6ulbo4jacdlqjxm6ptvjijebjpj53lawtunv+vph8s5cmn6n+jwcsy3ek+2a6jspfkubfqkjn13tvrqtcdcviis7d50ihi8kptw9z9psep7gzultlqfw5wod4fvgi5fumqer+l2bb5ydhv2mpcuotq8/ka5oi8eag1x3iinwafz7ix3ggjm+oino50wbvkoxrfixby5wnegupfbaflujp77mehcx7vksa2lopmldfk4glbj8zvdkkk4ulmzeeeezpznj3piyusocthkjey/kionxbtzgv/oqwczvlgn122h5mrybrxmhuweuornukieapg70feb8uee+gxgpp/jamkpjszfiud9e60hj5mtzz2/chzk3mawjoumyc8cfumqerzbif0z6udonnnjxjpl92skkf6/fsve2qnbhr9nkakxenymx373p9om119y1jpuxnpvhs7utgbki9cnojfmb/h+n8qurl7fsc3bvzyvf3njqm14ytem8ljgbjiejd87wdoh2llx0udndt62hw7du+3vmvid/j6jw3rjnet5dfgn/x5ga14c7gjakj2ffd2m3n+n7gxsj70ygw4/kyzdxclpirku1amxikc+istve56msgkymjuov9zbydeltskgukvyl09tt2rsepal0zgu+a7admgqq7lb0d7p2e9ojz5jsezmxtyssdzftnng7rlnisxc5en6usoeggslakqtgek2ny5htixees1wbskvtjce1cvty7bue0dptwnxn66m7fvzcg3fclsagm2kge293mvmtzfjatk1vdrwtsqbhjj9v0vnummirgopd5v0ermqltu6nivz5kwl92mqwtfofuriaqxfghfgmnwhkgcpmytyyodvq3wmnsrgt+r22hvd2zppb3ubc3czx57vp3iinjudcd+3j2yxvhzojjhlgbxbvtvfigfamguovnbmym/ksx1ootdvkomrh8jxjpls6t2i7xpgs1ohbfjg9pcwkfe8nqplbeahetr2ux1xbbdqe7xiww+z5l8c531tsmhaoaqoial8e+nraqtfhps6/venv9jy5z/qhbdqezrfy+ztkze+k0st/dglihyk9ddxy3bbtrvzsvsts9wgtzfih3kywc5yreaqclzvsoho7axohlwu8sr4kvyflmeuobmndsosk0eznqnhub1c/hkfujll4/g7wl5ml+o5y6v6eqxrovae0bxb3ri3swzjuvxxwfrkgcjdbuthnlgepeycuaiduth1cmhuyzego7z10cfktg+4gwyi3iaqwxawfo0yxtuy61s91vywelyrfp98tyed2mhqhfbmnadvfrp0oooqzboszuxxspaivbovjoupnf4u2f1+z7dqbwszgcu1scsecvz/zmzdwlozcci/kgjpg1xyjjx5/8howbpjau2qwnybfhjxtadvimur6f6a6nyb8hpu9yx2m6xu6oeevrsc6w0wkzpa1vsuzgkax4tgbs+ygmvwxdcm5x2qzs3aictwmt1n3s/exywa1xhqruqfc+5ljt8qze1aqxdnj3mmmwoktfuez3hxtwd1kr/dhcus1eet9rm0z1wdj6r+xwu7+scqt2si5g457btyisr+nlgabot5mrzvc7xy4muq93pv3oavtf8rhtf08hqsqah5mxxdsd4hxqseunuggwrkcklnu7imy1yj5nx+fspcqixsug5xutyx9yt8hdicjjxizibmmmmc57m3pulxsayxf5d+frvi7e1qykvrylfvvstk85lmtpuvl04lepfitvhlto8gh2iz7kfcjultmwslkijz7yjalacz1+m3htvt9vi+pua7tjw6yduxr2jgrheu2i+vhab7vbannd9zdophftvhjzo+ogsz/lsw0p73e7k5vmeuuzftesty9u/vdnxqnyzrw6nwmltktevvzdj18zhhwbgdfbflrd1bvx8ly3wqf11fwcmjhcslvlo1nlpgpiv+mwwew/euma3io4vctauviexjn/l0fw0t26u1vimbwa9wvdumic3jj44mdqsc2pso4044+rpqlkjz5lj3hwqrsxm2uwbzb7snqnozxevvwgvr+yo59abdot91jzuakhosrx+evpt+7v+vwlyecwsys46guyxypi1maavlr965d7prs22s4rr3mni6ohhdbowfqyrf3368wwkiu7hxlk9h6ylgq/lsqtvxb8vl3ewma4a2+/g/7dc4g5whmofbzr/scwwl+crdkuivvjnyampv0o24mcidvs1y4x8lyxrcchxojnp+hlt4tsojlqmnesr6b+ff8/wu4lz7pkym51n6pierwxm8kkq60rqkubcblukqcj8wfo8y7zhwswoypu5fevml+bm9vnfttfgg3zj2jy1nc77xd2hqzyh1vpr6ycpiwnazoc6qdqu57bzqzx0vdueuzuxfihwgzr9wnhjwh3kckhsfr5s+6mqhbqv2g+5qgk6aq5zvgps3pflhiyykukopiw0caq+ukwsg8jd8lpfoxykbfilsnelwjj68buslxtt0ylnliqtg7tkauns7r9itxk9d2ncdeqlqhmhy2/0sdtrjf+h9zt4xb5ga8pfsqaz4vhtbyysn34wrlppkjqczwu7snqym9zc1fxpsoh6vgvndffycrfi4shc4gmyxf+xysemwhuc/agklfynaidwb+q0/rasmljylglmuaclonyqczfgl5smed4ql0rhu20jdeqcxhdmzgjk6axr1xuxts3buquk5xohfcotgyfvp/wvaga+xrvqbpqyo6sjoq0bth0pztlwe/ve0nvnd4eyu2mtkd7dy3j7g1v7zceqvxbtbdobnlok7gs3e7t4s3uo0psgp2gsc4dyzd4js1enm7xilau/ihoaupck2env/vbvf6bxmysio0fxkcjb9wfjrp2rsvdrfqqw+aqqsyjjbo70ayunhij6jkplwm5lxqkulf9qtpviqqqxr+h8fh3waocftrs/c33glzsikw+vvxnllw3bqhpi/bjtnasglvw5r4lmtyo4vj27allie6quykjyze3v2b9q3fievojmqspkwjwut6gflcot8ssslknrtzymtmaf/zqfsjbnyc1knc6srb9dijkyfvqopazcztuc1wpwmpbmbaptyi2daaxfzoebgp/b80trq7givkhw2ri0ksm2fg+bpvn7xjf+q241njmhfc8/rhgodjhl7cg6lzuqfw9xbm5ybxb0xlxtizl7j1yd6rbnz8+ygofzb7firf+dwdkf37hxgni85y1utxwy8lvrj7escjapakthwwsy8vfy5/4v+wyaox7uh4gok0dcs6d5cvuj0gdr+nhq6r75tdo71nrgt1w69uzcqppffsrpbxmfnbmw5dmaaijy9hztwjccvxb8h/fptzadknya/ba0dhybczkcnyzfxeniefjif06upngb5mcyucsvusaqnic0l2x6ynd5ehnb0fexsaqir9pdpcss/8af3smafoke0tl5eoc7z3dfbvuq0hmycf0lzojypdywovyyq/zm7brbly4mt2/dslqcov4rxpwe/7hpo2hli9xvryvhak5dztwuisokhqmt5js7sa/uqhv1zv465q/miiv1stqq8fka49kqkni87k/m9bt3rjvutg5mztmk21/5rgj+bzthy8tv8tdg+qdgewfxkvchtzuqbfpq0tamfjis+sc8ts9qvlqrevlizfvnvcuhaj83xrithe36x1sbdfogjshbiny0zolphrijzvhnfmttnmyea8239agsu55adfryhg5uvlyylmk+mozpktr1/ue8mmoudg9zcjshiipucczk4ttmdhks0ljhvl1htvzre1g7o/a260d45gtkbcdhlrey4u64uda7avcpvbmn8lvumcvk2uuui7bxckn8cqytjpfre4c8x8r27yj7sslseapw3fy0ahw/yigr8tdegsqzo+gkgy9oelqyzerimb1zo+yo/2crbrlkmoxohliwapjrujfma4ri7rznbfpuslyfza9w8wispp4a2yhub64yg61t43bknfnkz6itlvivj413uz7runljmm0/xjmaug8yq8h16cmxjm6qlpju8rfhldoza2bco5vxapyuji1lwfuzpnwmkp39fvtjib8pcj+kbizilz+lxpfmczclpamin7qo6lhzxzblguw1z4hqcx6e710u+fqshmmgki6lzkqjcuudgtbn2ezavtkuklvftsvipm0gpkm8qwk+0svcgk8oxnd5ob51f7q583ajwnaoyllcvwj0q0lczmdrlyjs7ba31zs2b7rhvj629vydo91roro+eido+uq07movlqo2wsgcs7sk2fx1u3mmxfv3xuz4tifunyb5tifj2gvgimyhzyx7yxlmggb8m1udjbdpkrs0dbohsr/gejews1bpp7b5gt04gphcc02/h6jc2kjhzqjcxvlrac8s3nqds3pjigrkj5vn1pfilzl279e7bxzyumvyynreyak078pmnwo8qkxmkztanahhvr/24fl4ytyqz6oucefemdujup5peann8mytrznquraxuqo3dep3bqah+f1sezy42dopjstmokomq6levrext72cvvm7elcatxzxnoyazvsnwivs7lp9oaeryl6jjsjcapty2hn0fv1t1hloczpicrr2rpw5+/fvyfprpfni8m0ulxuospox5ucpulxobv9rv3vssyqpwbqonyhpr0hfut1nyl4azwn3sgixhpcnw5np3wzfrvmrn7xoos3jueqt8/rikk9z5izzbspbbunj9xudgtw9g7p2irmzelenw7dvs5ur8wjksmn9tlwebzca25dtt4ppp3mpfgw4d7d7mi+xpnvgjozmzmayjtpnpjtt9xfqdvwsjn9pak5a0cbuu1rifmlmt2gnt1c2skkbqwh7yosmr8rxiokhuivbgkgtc4v6/mjqvylbvbwzafaelbzuoghrhjd7znh9op6qnz0ovx0j4nawrfcywmi/uxeeg3begvowj9sgzlcg1g2zlxj8xqi3xdfciumx1ux3qgelw6hwg1bzhm7mtjxx7l80mo6pfa5jsbmw01lyajzcghee5dbe244or2vcmhuran5uxmyv0hqbugpadfchd1bgh1dtbl7i2dlkgcxpgtslvlpdfw5zf03w8wzzpljs+ncsmind+deub+/c2jqek995vjpqv199apjkbuhtkrvljr0/bl3ut9slsv6tbm1zi94huyvjrba2evmvv4p6komg0zpvla5k/gwfv89g9kxik6cceqrh8ojckuqwbkikn+rv/r5eo6av26+gcwo9ytfl71sgp0y3ctknwgoca2pcfd2yletxlwp6tn3in6uut0j3htbyqt2xyt2vhelotk343pvdvx7nmnglwtbssyrc4sow7olqscj5kh+m5mlydgxwzn3yfpoo7lh65qvme2hcamexkr0nhpdwdjo7d0xakmjunkc9im6wyem75hxsod/9i8oo4q74evl4isihidvumzkdiikb18dsm2uzvn8m9yydnsmqptgqbzg10mt8pafgvhqog8n7sm1su556ugt+w1h4q7sr5jhdcuwarlny7g9+aprjvoo2lgtc2tbk+woy9ed3guqmd24rxurcz83b23vq1uk6z3kil8p+tgnaxdx3ig5je/pouc8qqu1qojf4nfibnksujw+k8wrutl60vrdhugrmqqydkiayzv1kjjzm1ovrti+wltxbodrrikxt2tuttzzyps3rbfwjqudim59m3vwdzgj5i9zsths02sarcx1row8eegv2r5shcgaug2av1weo07xj43gikygadaeap6ybhyqcwwj8moit1rk3a+phabd+pvvykzhrtoxfgy3uzxiabkeufqvr0ry+5o7zjev0lb6bva4vvjkvxcr3hxdlvokyvy6bes9zuls1o3nlbq3p2juk0cepwgkbmzili62ixshbdqr58s9xl1cmpyknh/ifc8pau7ux02f4qjl3fytevmv3um+vu9ntt6u2hz7g8f040tbjx4tkez7yb+iqcv7d8uqd+ig54hyeqysafgpvah2sgkhmm48axnvebq3feg9msftkpcanko9q1jl9+pnyk5yqmifuakyb/5cgdibjtgcsgf3ndvulymh2smgitl6dxheoqneva42xjcz7zpjljluqiv4go6gt/sxq8jf2+hkxtepz95yzddbaaxyvnxjvegdic5otin2nylst9crmyzvku/7rshu1duvvpfz5at1h01bqbxchtw3dfvvw/m27e7ishzfu9vfwxjztsl2tuxjkozqggsu9dhxzolceche8415sshvrxu4u/feueg1rzerd2fycmfnmb5js6afai/crksr+hfu4mvoy4kj7hcjb4qj7ivsdkprhfaon+lqerlcyxt9jv9xzekhar2qmd4txwfxdtnytxwgh1wxx0h+tkfi9k1bgxmj2suqrqnyzwlsk3ewmmseerloaqmusqmd175uly0upotyfbopm++q8//dzoddnitgc1rm6vo8qdb/xdinft7jqoieis7sitpof+kv/4l+blgddxw0kyn+z9hsgynydbecou/rfcbx2icnbgbtmrckblu8spqqzodel2creui+pjnne3cqf9pheywcuoedvj3bn9q06dhwlqfxnfficxnemd62shuvjc48qibzfa1ajtfpupn6o6c5qs3/tpgxwo4n+ufpnys1xn6u2y7jn3bi2ve5k2ygqps7qpml9uiyqn2lu3kydu44sj5iyqzos0ii9lhy+skhsi9inolsy0i46+i3g79bbifp7bllw/grxz3s+dd4nkwo9imgeakhv45bpj4jp/fmwjvzdnerbd1x+yudad2zv2uyqw4zerzhlta8ujouvz+q+5sdhe5mwdnq09usbhizyxxsm7e1ll++yvergahcqrzz3pvh8s4m0f45rjrczxvz+t5oxbls6thg5txczeysrc/sxlc1trwdlgec1t6ue420nnflxjm3j/baw9yix03udltmjvgndswsloo+il1rsacutg/bdbmqbskqtladxbx5pljzdvrdmt6cq6pgcfus33c0exq9pcu6qxwkr1t3gojcl6l3rxsnh4rucxxn2xnncynevtrgyi1/nas3dia4w3w1pri89bw2d2fujksev6y1wffj4yypkd3eiiabg7uupn1zdubyt+tq3snweazn+8kk9c7e+dswfitwvqhds1nva7n7be2lnmqixerkkzb3eudc3tuvlmrecs8l43arxjttomjpw2d/pulfezshli43gke04us6dmgynrisslj7xf49v1s5ezezszzpxsekuq+zugxyvczmheyvohk9fsuhzaighafbkrcmnbtmzeneshcihgjxz7p/xzfjxxpsdtrpxu9to4oapj4z5i7dsr0cc3uutto7ih28ckn3gnytpvmaozmeenlzsxjcnfhqtvex6j0s3tsyhdlhhlxtq0nvty+6cdbyej1bve/wjch9q1fnhdomni6a4csaeblxdeg+iu146ahan8+pwdimrrpcyot5cxh2wpbagtatlzi/0i5woioikpzuyhwrhfcq8f1urptayekwfd2zpv6wbg4ts+guc5rspqzqo2earfxvr8zohi10hyosuva6j6omfzzftluncx+nnfzxz30cgnu9yq4heyiycj8dvobxkdysfzk9j+lsslsws/cdnfi6l9gisxmockpoivk9gxdmch5uiltgjxkvthzzmh0c0amvmr9vrn1pq1wmxpcis5o7+fuy1btv0t3xgxbxde/joocen9nzv47ydsxmtsmkul0ostofoysg1wrhe8idi3485duvrvujdymzxwt3ewdczdhy6yd7vgpyaodvmvpr4lh+6/qukblviphoa/xv87tzj6csbl6albva2pv1sl23e9brhcdq5rnhalb2iumngn7sm8mr9almsj5fcje0z16icriombuykaz4xwzbq5tod+ccq+oq57beslw0hdzlwm3fketimcfhu+oavb7yicupvi4xdiilxnth0gplgrtzobrhumg5vbav9pzbyc5ntbny1kvmanhxlto9ptlsjky6vljwnu39apvuckq9btzsqhepiareyks9ixkdbowksnskezge+xn71pl2zyesla5ilkujiiess21hy1g5mvsqf322l2g8ijc8x5dpymjsowgqnzdjqhmna3ibdkhrwjctjeiasxwa6q5jvlsc6wb34upegjiutja4303km7puegybzpzhq6jzyq449qbuiosr4fyiel8fmmue2yylspzze5ol5nokbiwz1jnsbnbpoknimwoguxbiu3/srdsfpnmuckcp1ikika2kpvgv6g+5iboefjog2wojktvzfbpddpmqmvhztcbkbphdyjetqhpstvwvu2qbuo++jug4e9lxd8guwujn1iu2k9zvnvap8r3u27cfu0i+cnv4el+d/oq5t0twcaluyuw0fzkbe9r2wlkqq75dtwkag5w48ipz1fgn/ckqvs7kpisiwy93ndqpaefwj1g+r1+empdgc1k+coitywsau3wb7rvhvhe5arub+wwtab9rz/x8o+bkexkbopienv4xvm5zqhovwk5zlxwxjzzhu/zs5d1whtulaedokex8epnazdl5bydmg89ryexpl7iu+y45y9ocdohfhyz6enudk/qetzpp4ptq4gobxxjdbghjdxif4+m0yxci6xnihjk2jqq7lhghijdrvc2lcksewhwz5zobupkvavkzn+w85tiqhhwvyx1ij4xqle1xsa63ie/5lzbmygh5ikl6ffkjyrh6tnrnvv5npp+mgzvz8unmtljlapm3gtv2zhibi+v5urtvfnze1ytn2jut1rizqv7b9voc4b0yjadcoek49oiq3zxtxskaehxy5uws84eccomka7i6osqqcuk8bra4sw/epx+yd4w6dyd2fvh5obaouzrelhtyztoyblbbutcu8vqfl2vrsp/dfyqheszqyeiasajrxy+we8v8ny1laniffwp2uags8uqoqfxw6bu6b88ct6p1j/hajik09fq3hcifjkv9jnzf0ne7fsi2tq+gyma7iw+2kxaac9aaoioas97hjhzicmxrqffexysw3tahyklpdsalueddgyrxvn0zajwjt4j2dqnyr5u2xwogkjlbhofctuvd8drwbu1qumlqg/le4unfqb015fy7oad6h/cvioqwo3jttszvsutaempwcg5ahakuvw1jlzc9flqvyqt5xdhzekjii+m08qcdksqmhodnsykr5cng2nfsnrmiptv6q5ynprqlqhggssgmb6tyj41hiozxdxcqdlnwpnk3r9g8l91hknfal7cu74ys2jzethsyqygkwxpxt89ixz9xqyyh3n6eqow5nnaagr2cpzc+e3vlmnvr+972jgppuks1zxegjo+bl7cgoli+66z3mw4n6dbtbuifw605mtlrsfu/5ksurjlaq1pqrrzxe5mqhofsjwc1usj6o9yjrou3m01rlwepfunzalbipaihn9gny/ikw04sko6xm+a/dzoncpanlj51cdijva/q3pjoolc/odrjcnxpkonthnxednjbj6ul+ezkpk+ewv1rjnfr8xh8/fbhppbronl1boukfhyvydhvbsl0csisoh93olymzz6bkxyvw+r27llftl362t32cdd/k9fo2wnlufgue6rp4uqkcnmqtknxxo6r8ws2+zev7qzmb8wvq2tszjdk2kfiel4diu/ugnf0yqrfcvamtbio+l1fqrwa4qgjsptptxujhpcbgtj049rm1dc43op4ln97yiea70xcobucpbdjjx+0luoz3jsz3j3wnskadycrwv15rzrzkvbbcu4rpi7kjnnihserznrixsoq03ws2eqxcqhjmza6knhmbgceivo0cszkf28n4tud0j0dxuyrm715ezu9cr2/dzza1drvbio34xoyou6n0ivt0swgeggnmfuzjxgj+dw6n53nfkflyd8qiqmr58assqucu6uro5nbxl1lekvrh+1xbgijfef5srgexcnedmn1eyzv1amhzusu753hwgrv1ka6beoxn4/io6bb5r0nfbzzwsvvaucogmdkylyhtla4bjxqab2/f0yovtqu4q8+islw61ausm0hy80kadb4sqga9rtjjptbpilpar43zgg2wuvazn1pmglsz1ssg/tkurj52ygs4i6f7j0ods9/yuwibxstdtro4wfshvmvp5rjpbhfykf2lwmbueqvnppsyvfyqznxsesw1r8rjg1lqerx9e7vq36axuv+fej5zzmael+/slgyjsrajm8ha3r+wzt3zqvt/x/1iam0dijdaeyjzmu2/xmbx3f+x99r/tp//e+//ndf/vcv/+k//8nu/eoxp+9/9x3lwvydjb/zrlq2/n6rvkoidomhloudsfefpnz7k2m2eqbx3yfjvrifkwaalykpku82wcqjnnjqgvtn8pboubpgkldliokzodxkpov0jmt9lb5iy/2alcqxavjhs5iiiz+oiv/zykkyvnitbi+wdxhib2pcthvdyspaa0a71yohmsvwjbqnpyu1y7jg2jnnu6cr1t3cqkixdsvbka4aii3gniuu862fndcbe3u5t+ijecfalxoonl7k5ojhyslcmnxspq+fsg6mr2xxg1/i2noeteipef1mnf/lfpczoqqqjm4ksvhrostdufwve+qhlno0pmfrum7tqfaojwtbrfzciitnzrbpgqtpqkldrj17fvr7oyokz5lcphjqfepkux7ytbzcl0hes/ffwncaaord8woxlq9invtjumyl99ovxcbjmmbo7oabq+qlemd/p15fd6w0tva0j3npnszj4cft4zpfpcmsllddmfpxcsawq4yoa3khbkta5sqlpv105eyjgfw6xzv3qetqsvmoavgvsydgfqu4tk2n1tqb2/iwzfzc/tofryel6rebv1ukyxekyd2oc8pkewnlixxitsiq2vfr9ozwsk9mjmddthkildq//v0e3wj2sl9i8lyhvd9yhssexnuypy0xuwfd+tgjgxcp+yrmiadnu9iuz8nsssvgn3otccdbpggikvroqkd21bollmt80hz0yji4i1pkn2quu5a0rithccxcybkm/lrnvnr2ks/lowsrwggkal5yozghdbrxrmnnlw+wwc18fyar2lsamntzlq5rx4j4axm09ui18umq4imixeftwnmplxmg4yye+4b1wnuylwrje9kv1zddch7i5ieqqdfkpu8mbg2izxkzv/dafbow8ifoyvtno+qrjwxunzdknnzk2t1kgkru/vqnh46gyxzzk5q/kzaoocnweoeczw1w7plnajxkifk5tpzdn+pgr+xadju74/qg1zacrg0fptg6iaywn8hbaju3ecqu/rhiwl+arikaigo6xrsatzmjyx4hdwhgvkt5yvxfx9vahzeb721pyrl1qag9kzwyra5o9rch38ls9lx/ucy3yj94ctfhdqvbgj+6vpczhsx0zxkewq4hxjl6cyfk0pagquktpzpui2lbphfhjbaaj+yc28bjztzxrupssk4ybfogulyfkslejzw6shhrek9xfbetj/1anapxa+llehmhd2prbz5kevki+turwchhdpeue4yvt01vmctjb7i4dua2qaah5nusttvysglxdidktnbiphrxyjtu2sjhrwsxyo3j0z2gu253yemj+ufvxooedvx8bgskfizpl+axwzalhviwokxzkb5jszjjq3owai0lwk9c/ovyeuvtgm9durpeuu6rlbxh2q4aqzjptr0rhjqihm3mrifnyakhna/yqzfddn+0jsvt8ppbfbakw+aq5y/arxdw/ukc8pnfihmlxdh21s0u0ygu65hjznhe6tobdovbkfgcuc5gnok4xzis+gehnq8c9a6zn/fgti2q363d33kqitq1y5g5pf0fx9q1023dtqrvq6urvxmjq7b/uswgqvtjlvhzsiyydjpgvnlxir33o+llocej4veupy4bd08tu6yaes5jsb8idfl2xctfmk+ycyg3apl51yni4zh/jvtms0901+wv+6zkovbgxojlgmnzpcruhpjeckvlzeklemdyrzu7/ajymu06mjv220u2/zwnlaud7g6nwyocgveteryy6fl1322cibyt64kuh4qx33rtax0o/3mir/ehvgy9nbdt9/qvcg/efdqnghcymshxzpuutj0owsaclow/ggwau+2rq1skw+zxhvu6kiqk6el2lmegbylhqsgra7pmmcut26kl+o9qtx+gcxezuzyjbvguhidec9pqt0djipgm6scft0m5s+st5dnzxoivm/27mqxgwdsybhl6d9uiuv83cyi4ym6zt0wfzcxhjpet+yskxwxznn4izq6tnmtwyujsaodsemuj2viphuyriamxoffslihknyty86qrakjbzt9vztuycd+k4m+cb0xo7pczuete6sd2v1ou5zehn0oxdw9ppst5id+99ztnerpfi1cn8fuvcdqjplgj0dwobg6idl5bfsf6tqu9nbcmkwm92swqe+ak/qbmrhjjx2j92k5wq3webo1l6+/w1onnhkfhv8qgvviiujzokab367wmzumi1htbmejrjzzxxsagehxlfixbjc0idcgvrpzclvfsbsjdn9ezgsznwzvyjpxujxuf7xlyjxxmetxnf7parot+1txbpotnzftvf0pjyqcdeox7wvvbtlzvwa/j+hmvkk6jd+lvujkzbnua3ea2z+hxb1meo9mnbe0e52fcg8l8ssfprpwr5kqa8ue23+rfqfkbd0zalb8lipip6xhb1ojry8ewukwcrhztjrg25kw7f1fxti1kpkbezioodfivigknwvqzcrkk4rhswvj7g0qxgbjxqscplkp2qhc0fuheo+fzdmtkqach6ia3mumpjn6hpt8aec6i5fmdoxovvt24arkgqblcltvlkgvpqc4xjbrsd/uj3bwrgwh7ck480nssq/wckxbtrnyh2upznzerexyom6we2x0ygitw+nzr3xzcj01aorrs/m0vtcpefjprrz0y408yccaukz+mq0fdztbzgetdwe2qxczhwyineak5lcrbwywm2vtqc/nstziqduccpvb9ajzqn3umixircqy6vjjncq5hibmhfsvymcolwwqbtrbfocofu20v1tsoiwmxwg4vqkjywilowxntkjqyrlok7tm7puu098pp3t8lqzz1iu8w7lnvtzv6flhxheziyvcs58crdm/0o2j6zxnishsfplrwutpoywarijns36qkst8pwex+qhpi724y1sk0vbyy7jxjivv1bcrutomfb8bx8bvzu7llr4txlq8mucsgdolcqo5u7gqyosfybncuk4utbak5scpkmjcafti113n039wtloaqd9iw00jd7xwl7cuweoqhjdtzddfnnmp8mbdm+hkqs14gykyrar8zhu0a3jwjjv3ttos2awtzzxbx02x0ik/03prkrzibjax47cwrlrouvqmmksrqimub1156du0lpnyofkmvum1b6s1zc2src/51i0wn6uzpzb3pfudb9g35knjzhyyamus+khrv8ufdyspczvx6163lag3zzd6r6kyd1eupliwshmaeuihouwaipf/nsiy8jqbwvd6ncknmqoqnjcpmxq/0vtplkekw7dectpsrl3ioylxuxwo9izwkb+cqcanz5fxlqupv7hq4ksbq48wpueut3irwpn0aoznkcw37esvaxljvszejcrnwmk3ryn8t6cektpknurgr5jxokg7bjzqprapxfvftsnbgfcptbpt16gmilp8amuapnwzgmwo7z/5gxzydt9odz2vnepl+x5dgsvoerfpccrxkprpmecbccqconogxit0jnhrxwtw0nmkrj2uoqbk027x2ybt1qo9kvmznai5kwsgrjgyrqtz/thiqowbdfqgv3ai6ismxr9xtp1gpbtxoscwvi4o+85bpuw2dxbheir+ndxslrkf8ptdh8ugohabd8txutci1abwffhdy2xnsghbi11tgu5zlgrvsh8p5t21raw/dloqoq9jpktrpyawozwllnwnaaclm7z1z8rufidwllzvkxftm3blemfsg/83uh+67jv46qxet558nwhqmxf9okzx7umxh3nqnuibn+5xdmiq9qlmv0+jadcv3nomqf3yg7m4htilksj9axh8kdsbemuiy/vwacubeneoqoeny/dov10skwnnelk8xpa2k0rrvlv+dooocjikn2h27is3hchj+9j3cap64u7iji0cxjt7eeol0/tvwtvwsdnjc5ai6fv3vkkuow10quca8wpzdhxnjujxnxrcy1rooaqy2dhg1eebb1btpk9vje3qzbv6re7zegvi+mgkrfmqovlcniicuvtujminrellu1e1ifm9rsu+j7uxod/hduhi74ce6eso45y6k6nkc4pmvmxaja9m8eklsslfuovjntkt3o5isv00wy5arfcxjb0bt1h/qlc9ku25vl7lodlkg6izjr/xpfh8fm4iy+q0px5v7etxy11orjf1zeeqndpqcx25ciodfp6cufvaozkhphxvieikmztcqr5/062upy2y3adrf0xihxyilakcdp/+872435iecffdrxuj2y1uoz6qz4fzphmkku2lqb/kvd+jwhr55mz/yko1xostoblomqxuuojqobgfdupjvqvcjjhji1prgbbphjg1nscc1lxn8dhsyro710xbnblisxtnq1l676jhywv/a84nkaslfsyar5z1aunvpgxnnbirkscu8odgwe4faxbjtngxnxdgyvzvdupmk5filbfg2vt7xmaysh+/ikc5ximrz0ttgo/cbzhtfd8451hifu9he4dzqkzhm7y7karsfnmynp8ua648xfpyh8nmoq3qx1xvw9nwho91l0wxuzzy0anasjbah2wcnw7sdz7ovzz75mzu1n6vr5llkhjhflijstlbtditzenxxdixuj0dyb88xpkb8ze1ljpu0f/re8asmlxgge26gnsu8duhh2/kvw0zkjohhgx/aq7nfg41ws7ivw9+z0mn63jblht9fzisw9tp373rq89od5zu7ncoecyinw5rbroabyp89ec97ud9lzr9nxrrftihlelzx8ac8vpfftb2u3tdg8hmo28u/b7xtx9+znmnnpyzu3ltzwxtif+vdeh8djpcfpkpy3kybwkehe78xibqioghjfxrkurpzgebghwl2mddekjldiqxrxsn+bcvsrcs5hpepyqxh0b3cnykf0ldqf7rwomwyi9uivc6pnign3+r/dhgpkxbq1lw8cfsc5sff6kvxozd1fl9aqco6gtm9tadvizhrjnu8a3/qxqcaxhy8irnkrsfm7qpp89mtkiw8ovlzjwnd3ju5mewgt91ke5zdbnm9vwpmj9ho/nggxhowvhu5sw7qqyvw1l+/z3/ddcylamtwpt0n22g77hqmu3wrkqojqie7mctxsgci0b91exaofqyy+n/8nk+j4xhddhesp5ow+nzzkkm7/c15z8bwdxwepncyj/cu+fbplxewplfact1jgthyf1dwe4bx66+lmso3o2gm9gpyil8xz8ljk+2sjgsxedtsv18xrtknzcpfa/wmlqmj2bzutnkoay6d8nw6yusddbp+oqpezhrvrtjhcz6zae4vgln+uterq0mpjcx+2ns10tvvm0vhpjwo0cqxss0ibff8cu6qpgrqdzkm2sil5jekq/oh4bmagxshuads4wub0roqfaty1lh6bm3ttd9o+sg6chmv12uyqy4v/g3p3e0h0+1ccnrzzqiy7kul98awg5ie6wattvmbspdgllmjpinnhlzrkevjv25ldye3qk8nvxqzigpuxjakdx6qqoro4wplcjxroxl/4o+jk3hrrnkhbgrdr1wmaoxo95yhqqteemt0cfh5xsfocfhgtztblusxwou7vajppfws0vwupixx0m6b7xxrzfhyqc1hnm4t+fslm2je7jqfhv26clty72c6r2uwkrslphhv93is0d4gaiopjkmvisj11/wuykqgjc/w1drjhnwe93jxg0zhhwqjyyfcgq3bg3gws95to1lxtxm+3thyvbsazhjcpgha717cnabtnc7vljaqdkpitwj9q0gewameqnl5qvddfrbzq6r3ckb2ejelefhdjkqenwuw58ujm69qz5n1fd0nbamqzm6tsjsxcan7s/wd5p7t7wy5ezgsdt3froh/dfj+56cb89wfehbnltrrj2wyfvwo43qyu8saisy9crzbbedqokd8uldnjxvqcy9xpzveqrwrx/nw9c3edotxtockudyvc/lnbkaxj1nzfbqdjc5wfvpb0rpamvffc1ajssu9ru1ob4b7efcr1jieaphmwdojiwkvraw5wsij7wd0fi4h1itrpxd0ub8vsxxukbgvexc9swgonnxo8ms8uxkktpaelwkc5la/tl7yjyc2ic2j6hplsuv3mu62s3xhksivs+rqqynct+nmzqpwwrmjn5w2jj6q00ogjo7wyfkiw/yejbr2sowhwxig3huzr5yprk42xtxvxvmzwtw2ejsnl20k8mjjyf15i2nfdqed5in4oo4bs4klihl7upf4bwmwopnbntxdjpxnhyztwjvivtgfwy3hhwynuiny9z3wsfc7ppyg72zalyyaumjy62zvsg+cuz92o5p090t1lhpojy3se52y5zyd/7o3lbpn8nx38wl+lirql+pamxtpqkceo84tez/tpff6coshob2uryp7kpp5letfblmoqdguxq5zmmjw2bitttrzuraqjoaojsbaep1risb9p2gyartf+ymazeilgyaso2/i1mipuufsgm6ufl/epqthtwmw7lk+7hjkgiaiimvr1nkiljlgy1ihnq7hjtmksmdmnqfiqzusjo4clqb9uoqmwq7j1q+5xd6ndzmspkab83r9shjophbp7fywggbpcrfuoh1sjizffow48q8mkpmuz5a6ut1f0qwjv2siyxliqcy4aidmna09oz1bswg31eyh2/1p5rzpqjwhmg6doscanudstmig/k4+hh13wvij9aqgvizv87rvt0hksd/5m+ejaygdhhmetrf83adgtwynjidv9hzigpat5j0cwqfuci3jbm5fanlpqv4usna8akhmwnuqf153bb1uyni9hukllq+dn0mxsbqpmhhs10wmnwlgivakolqnsdzaphjvhrlpjnbvdfr3hvxksey6cak83rbi65dhahxzefvmkr88hdwdqpq3b1imtvnbjdx19oduuweocjequ9gvdy5j3f0+hnahtopj8dpg2k8pnco54svnypxgzwpylb/xpuqf185+wnk3mvkisrdkirioqhq3wtk8jqzphxuh2iuvqbxwj1bm3bvhnn4wt42al0sfrt5m/crhdyfcr3a92ttujrgdvwsrah73b9mjnvu5bkmpqp7wvcxjq97zbmb9upwwil9ynb3noiekmgcs0w69jgz6gmxzv7rccnhckvl/heawpyslmafcgkoe9mmv2gakpird/bfk6xhvowb94dw6pjgpb18sv8scskzu4cab50frnvifrvkdv4nbiatco6ny/m6tdyi9vbqqstdxlheivsvgmq+5nml+ku9zvbsu3wqrdszsozzvw1p0ugcvnht1rwfpwkk1qk7/0kvbzr1tk9fggj2hlcgx8ccltrzvx3nn5y4l7l+3csa47o7nztfey/+culs56e6rii8m/oiski3k3dnrnzeec7q6nvi152xb2rmbvv955uykmiz9epvuxjbqmnbmgxkvm4uuwxalcphpjb0r5eeuitnzwpreuxtrm0vhsrzrqa4immzhnlzoobt6ddeegtzgzwvowfeodrmn5m2cvtbum6sdletlozkjnxauymj95fgfrj26tpnneusuisr7zqtpea4cuf75do5ielsfk4d5lydkqfzmezhorhzicyz1e98t7yhmmxlibqudcsailyvmphvffiypk0zcreth61rr9shzy2uug2vxjmpsojnrfes7ite6zmwqnr7lvpvlcifdltsyqyx+hatmrmxkowhpyxjjdcaczwwh5qapio3fwkh23boqro4h0zjdenzen3mgry5adlwhq5luujok1lx7gpggng53o1vkqu19jufked9ovctid7y7fk+uf9jpt+na0ysdchmsa20u8gqay7l2d4kn5j+zum5fg3nb89baexhnlvbdrvjrol7rlbj1vbqsr9xrjc/satl/ksaqf1pszmnwcsyt+viet/cker/mlsopb2905ax9r4z/g0fntzupsrddyklb1vs+mrm1pjq6crkkbi6jrlnkkvoqvw028q9zemqbz3g2cjtio0hstx6tybutvtlgx1pujmghevdyegcl6zo1l2qbu0d0r7x94/sfvr9yo7ij4uk/2ci7pqzl7dudiirvttcokft7xhttwhwwzy0e1nabsjybaw5yzwzotkjfevlaipcah2msbgv9wvhejmqxihev0vdsvosa8l5q9dmmbxfgo0ptsh/fouzbcjg51kans09+/lzdmp1hnipq4lk0dlmmrf+ytwf4bvlkweejiqzug7ale2qmmp2xo9z/xwuoqjpale/ur5af3/m0kqlz+ildue2wxu+ozmkswwtaj+vem7ockri9o7kadn8dogfxgfdvznzejtx1yo8uo/uer24qf6psltbmbzbw2v9fdxykf9a00uwv2ci7foi21fkclwbecdhp1h6b8h6qddivrqyyds7hpmjbikjym/onfp52fyqkm4rkvkkmrlpq0hcppuenhpvphoav2moopiv6q7qboeru6wh+qgw0xkukt25ed+g3yhfjb7kwmuehm++hprekg/6xvidmfc0ntn46yoa7zisar+noujotlv69btpr5fgrak2drnryorom+qljsygyuung+54rtxk6fdfsd5+2qejpj4cg3tmomcoxjo3xjt2qv7+zpaunvdh4hzr1kl33we3d5rhy3p05kizclkmrpr0cfyvuwisgvzsdrhtnrgwbzeterexeprwbh8rsy42x1bjnj453f+wv+fcmd5+bwm4qg02d4lwlg+xthgaqxyf08haamtlpcvptoq+/c6xs6y2qoz34m2pgilew65voth46fv+5xgmdkf8qxzrv7xzl+7ihgqgexsdp/byw6+zuiuhznld1pan/ixrimluqr+rnyz7nuxusxetca66em+ovz1npnizwj9adve1vrsrdxluwmt+vs2onif5ye2z3rgbonauh0bhbmckylnsmccgnno4xht+rslcn8v4pgyfnoez1jykesanzy+6tpko+kwy72am6tnikswwa+k5+zq+egeqmxex71deea+g2x94uytcck0cy1qzfa84zr1gh+ujoekmxzzdkz3zns92vyavo3wigwtp+yeugtubvll0vldox5osjltztynnttmxn5z40snexkrryg1awktlra+4i3bytqgxtq5zsoh5runnayfvur1jfsotoaxuak183nom9luhdp+0t1c1upghbkkevvtxlw78vekw+gbdbv8fjptvpicfu+irngxdxjs8mfmvtpjry+zmxmg7yyyy2qegnux57lve6rdjh2tuj9leoc+umjhzvk1s4mj6vglrpqkkek8toea6weh5pwkhau5btiz2d3xzbtjceuytn1jbclqudgp3iervziqpxnfd8zpt2sxyb7ghzsndlret69jhl2uevcnzxe71dnxn4jikb6j/bputccxdnzvqql1tsndh1micjwb6hyxpy6dt2tkozbeowu/1j0z8rtrczf5kxwwjww8nxlcodwapwtkctsdeyvf3olc4tyzzsie9djx663elw+cg/4nitw03hq5rn2edm9cfubr6nwjn/0d0lheguc/pxf2/8cbwhnvf+re6sh88qteakan5wiaqw+tzaeyggicwekqqlji9kcbdvwrzbe9fi7ywbzfup2i3xikyrojh+vcha5bvylsvgcjuloejlo9pl0uqrbdwe0ifa3ysntvgwykhr4z2ritvyuj27pnjupzmlhtsoo3c7pftsibsj6/fyoqkgo4jlqnhzqu+9ykwv2hodsdzshxcwxuuubt0rhdzbj4rpajn3e8uake9xbfc1vktce741n6mdtg+xvlmtdm1zu+slixnnnv3+ywmkp8uq7lavv1lj3pjdndnx9bmzx4g9ifpxezfjtmcd/wm7ghf1ydhs1lcr95ib2l3jqbykl/dwrkydf1kl9m9xtzk4hf65pgoirh0mtalob9i6bnom0fomix9qytcnvznikiksmzp+xqvhkffxqu/9r+syfkyxedaxnxtv3eok+ftk9tl4okxhsonszrdyaykazssg7hwyghprh91lk0dkzwvquwtanrlt9y8ssebvsmf6feobumk9hrpy0jnupmseu+zenjkgobi6rwvutty2+itgdpxlnkaw/ixgdtuhhztxnmoyw4rr7w1tp6fsyvy2xcscpa2kt98skng31ovm6pkf7u5grgamyxcclmkqhfmkgaq5ky9bkwagtxkbesctlm/aa+qpqoft0jvhoxmootsoyglge3mvqswryi2zuu+1tlcf6yctmafzq8nd5pdl2zkyccgutm9zt+rqgpaudtloxdiljo6hts/zi5o9p3vyfgwydtmvvrr9vc45fa8zchrmokrd8j5uhlwfh/xo8ajkihlyad3mti66kcf8+5anznytjcgbs6lqx6gc7icszlc5lwqalfd16lpuxmrt06ioapq3pb7q2//l3isrmub7hjkqsboabrvnu9y/jfefsj8l+oqnynzpiv9fetvjr1mq6lkhxhjobnirifv2dmmxfnblbxouo2qdvzjxjota+2atjdholv2sb94iwllqdl4fn7ok87zxgejxs+tamdtw2odiooznzlebmqwk2s0mjhf33qvuz+1kp8yflzpvbtpowc7xpt4xctkuanwu+la4g6s6csaum4yskmw3rhrxoei7/8eqhh6on8tqxvfrtqd85fbo1kvpvkke93qizcxbv4zgemojc5x81bgntqbmat7pfekpc+ncfq6znegnueyxhpeylzyrfyfkesweouddtx2joy2lquxl/ao4a5jlc6swuq3zfxyti3y4o/lohwvgr8uqvspi/baqp3eowgqafcccusaahqzps1uoi99oueafay8ltp4/jhyvnjmryv2pe1j7ygx6jkqe3nsfkqcqhbdl5xhmaco1v2oz8gqyjehd13fekgwaetsofxrp2wvcrp1atr+0lxyd6kjsnhtb2ms/wpbqapzmtv1nqdwewxyoc8rsi8ienys6v6sgdovt8hnwz21zo+06/v9y7+0q8f9efly9+cqysfgblriz4y1bmhsaaywok4bznllyvmgtb9iku3bzceq4g8jqw5m+00yrromfd17hyuwkdwhoutyj2tkv5makv9eexivp4n8lxho74a+j1txgqmepo1nmwbzfhf1tm7dy/pxrs0ldefgudtn7jzmkzwcn8dpfr5xjidlrydztttty+vko8pbmiozkkiuqlqdrckpp+sckcv57zazscnhaxdmgbouzm/06whg/7qlytfqvw1ozhp/2xbjp07iua5u5yo3lum54lmj36+od4uoyogy3gcpahepmvoiwvzsencz9myc0t2nf2bihologbfr59koyla7usasoe0l19yhrexwjjl/2uuizyyifd+uuuv9nezhsoclqdoxxia5oy1eq1z82drtazsv5muvrwqml3dhi82unq5tn9lzjsy8dclzxjji2lqvknekh7vpt09mhkka1kw2b4lfptpq0/zbopvfhpnzt4ddvauuukzjkl/vd3pc0w+yiqq+9v7vy8ymf5pgmjdg7drx3d8gak9ain4f+bnks2gf90darjxzbusslhtkakl9vwlnxye3usekpwbdkduhkgdwfk6pibuo67vnklx6kkqtxxs4aeclnuir2ofpae/2mju8+hkwc3wlurnk8fbhsgc5jehnun8qbe41dfimi2+ykid22iumhc6nnkhugdbf/ntz+o+agyia9yozgk3bxedqnf69thqygy42nkhxy7oa6tyjgqlplg0le3eroxf85machxq4cqqnjkt8d9irxd27evjvvjiucxjoji/f6mzpihaajnmcgkpwfcvdu4bplbld8oxbns/qlaj5dmhtghcsdpzdcvptok6dpzqfjhkpqoao5jefpsqcebxjk2fxxsmrqb+r2vosvc9lcbpmvjh2yjozwtehjooj3eo6g4ndhelvpnv7wqouilvukqlvizq/gcji+6fht+z7omjqbpsfmd0xq9nzb5sg7igyhna6be5mubtpcyy7klbjulbtb9rtwzsesunvhjchs6svvqfd2hpfcpkl+xd5o75jcensk3nlpopemqyjdos5vrf7sfztzpn0q9i/tbjcbngcc2ylx0onj+0tgjgrbpji4gt4ueqfyscypo0yfdrfstd8ynl5v/cdnr5n7znopxsdn2gfxi66rk1bszdjvompiruq2eh3qeqqpk04qg+spjx3t5pqvtxsmd/5kefiuo6yzsi8qxx1y9vavlftn91aekkmvsbgze1nrephg4wosvp1hxyqvtczz0bmmtzgbf6ujpvspwucsdjrmknmoukleozz0q2fcbkgo6mwz02wy16fdutp8nzfft9fjyigboob221nddlths0yof/nyrmrevwvus3+tga/iuma+phfdfitttp02ds0e+ldq2z21h0pboa+mppc0cro4s1eqn5/quqtb4etdx9poob29w0phtblfxczofxfhbqksfmxupvmnkf4vyhmwg6xhlxa65icltvth0kbmfuyrul95oxn/8ketgox3tlcs85aointiz/vi2y1jsdq3krxw1m5h0oyzau1rk+y3ddsvjtzbnasy081+2ad/ijlttx10gdrhgylsdiyont66vnw1d8av9clvezehkrttpewbtwx5qqts6fr5ewpezhgmoa2jk65bmhs3trzr7rt+nn7bfsb/y3ttlofeoahppe2qeymr8eddww7hguv62swenfb8ud7c+mvwfcozpcljtaov/widdmny2w56ovfrffnejl17pqjtkt6els4wjbohdd/12qmmtsioluwojhv29r5o6bunkbiag5pidpuzgwdziij0fphpn5tplaxyn5q2yxb9jutpz1tvfb+wcjx5vves2mewhagqn3o1pc+dxuuzrnguwf66ud5yvl79fel2vhqqsofb6+aekoyivn879i6bhc3jgcqpdchi5l3tsqlkkprxlphde8usabkxmeska7d+kolxq0qeqrjlar6mqjrflv+v4hp4yg10g62i72gcydfwmtnxuweitxcax2ihuevc9phokbiarxh/vjwrdh0ss7xxcne8ijosrtle/hbszn9ri7wq7m43jbscwi17qlutat+xrkgam6ytrfpkl9ekmswx0prdu3xufr5s2uuhq4k/6nbyjvlgb4nm1ywltwi8a/pndnzezhafci5brhdvnylhzortrcsaqtrv40rlnw2dnnnxstmpj3dk87adneo6yixexvftsga45xcrh7rj0tjlgbieeihkuzxsem3nndwjj7dj3o0ifm+dryx7t80p9bsnm0lks7wwiaehwy5+pux6sn43q3nu34b4ecg2jh9llpgkjut4pvaqaey+b4knkee2sygdodbbzjeaqjpo/f2cbu6ceowtw6anlzcmzo9lhoya+yhhxc/kclatnghicvxftyz04xgtfwzimz5tc5ggfzkjs22ymutubgi3vikkwromgn6l7s0yz3nl5p67xpjvmup+7ddaw7ieqeo9vnexq1o6/uyunvf7homfgpx6++rp3mza3pvyrf9r8vyvns6nq2f8xoflgwazxq9bpnl7knuwk5kf87t+nfhz8oamnuhghu3bdcwkvj9glpbwi4fhjtju0zkehpz7xmzcunhn9tphzxeaetybgg9kzgxzegqr6e5fqeqqv0ks5fg5ju/lufrhhjbpnvpx7vt9ohl/dxpvtiddygyzp+euikg+kbqlrxa8/xxzannn1erddqpbl2gh2c6s1jqdfevobuoblfcujtmxutlht1wb2fnuefd8ri0agee55yqwaj2kde7nzvsb5ych1iyclpmxizpppchw2ohfhh3fmfeb7g4uxrlr3xsbd5xuvztn89ypbfjmsugu6ignjelkps3u4fpksgxld743ucxlw2ayvj2rman6rbpvnd+azurib4behpskw0vfik80go3dxda9tgmhpkq3pvfptl0+zr3vdzxtmu/cvwsleeurlzwf7+5mbk/0b/qgzq2tgretjnc5avofyo+qfexvxciyxahd8g452ekyybtti8o6xxplrlwmx9hgkbq82cxhgvnzwvytv1ru56oilxqsqjzvgmzk23wtanavx8oykplbfef1utsx8jjkgseodh18de14wm670rdcv7kzcwiqmif9bkz2khxthdka+hhvk0zc7n2q6djohzahqhhtxg2o5ugpoaon7o7bnau/e6tvd9vxjvdrpp6ihvnhjsawb6tqzbfettftvbobffdnv0qumys2bwnijyexxwpxuwl2a7qqstgespedips0twgb6jjhc2+ccp3xhexxekkuuschdtcys1dpw+vdzlrrsce9bjoahtxmuznzulgwcl3bipv542/wnsd7/a5mlp72ftkpbm47mnhirc16kei5hkfannz1rpidevst6i8eknr34mrt1s1rubcaw45fyxfyaktdi41e+kytvs0ykq6y0nydsz6qwtknyinqqnjndxg6vv5+xxtt5q5bx8hlzdzlf0o2sblmarecbsqjnrbms7cryoo/qj1wpdfcd6eppfq0hfj6rpzg4dxhhdmlaultumfz/oski+mg4j7hpyvqru4r3z5cub08pz2azj2nu6k0gav+muocec1lbfxsijlksqo+u/kszydvkl1e58id2szx7mxsyojpaepcaavch9laqulsseyaghijau3snnj/zcmltuas9nq6lvjmwu/ohd/3grufjd97eyarkk2gqe02wchckrde/gngr96tdgxkjcqmg4swudgjk8e+ba3utjuoiewzhpviqljdovdrjn8dfi3x9eybfgvu3zyq0vvc+ljzkva0riagbiukqkb5riiyh+jwbqqfxuump4p0wcorx4y9uiqp3ebgnltye62imniw7/hs9ddzhb+6sneeucypu+jrh5yqb0mxpn5yoi7asjwfnnycftzthmtrbgxfcjitklkco9lvg5a0jqvlqw/4lgwf7yqqztha0cdwmmtzpd5sgviggnpqzdttakiyc0nku7z2orl8+dv0d1dcdsmoh+l//xf1+o+/8pmu9pfgvuinhexpgm1laruhpf3wwbw4jltnlspfuzbtgkkci00bm+hsylccims0ogqainbxyhzlbo6qxwz7q0hc+khtbnuk8nrudmla/iuisnq2cqd2n4cducvhgghzkhmf6hitput5bbrx+x0h3hc3b4a+uwjwpyst5n3eq+fu1yononaozrj3aajqepc49kxunwum21d4gpzagl99no6xtqn7lfvie/iixts+uhlogos53rtsuffgb/af3u6u22q3qcpp/yq193mxnm3tn1v8+suhvp7tbjxy10nlzimgovjtwcjqahbb6cuy1uce3wpy0k0ucnkcytdamite7yxv242mtub6owvxi6wqb0beflltzf8p25oalmwksa5lcwvz+3yhhgknvfhyr2lcejdcwebxvktwk+cuzlxd9dwr5jvdn7juxwzeznbnjwu/k8s8lc1e1xvo9cojyvxvwustawn471+g4lmhwiwkanel7nfdmdrkttgwiumsqa7/alrapob2u0jw22qsw/ta49mdlttbv67lbjwjh3w9mm7n0eilwyxhnkkrpfezvip62l5hp2tdhhsmrjf0u2ekqxyvqmwxvcwvfdib1s7jq7ib046qmn5coxdoxwvhzekwnuwd1w17m0yqynwumhynwpkzudlzjvlgl+8nwuze24/gubm96kycwqr62or1amg27mqbklpvo4hs4+4h8v/ibyn9js+bdaoljnnhzxl9+mp1a3yku+fzst4gd8vw2xhjar0jqsdxks+yrzjejnkil17recw2btvuphyi+e5naatutygv8rd6ttux6znpindbzwfrra38zmagtroqj8yirgow4vh2shbmybula8pxa6kn1iw8kxbescvnykkpjfazcovk6t9sjafx07jdeam7pecqyhgxxvcjrtgzstdv1fzl4pxhmts79msxv5xbacztvowwtsjjwmu3dfaiw/wmyvtktsfoyosqz367wln7wg7l+izhqbm1pc+2mjhfb6odwhbnjpvkmcupk9xvcyqh/nzhtz2oaknsxqcyumm6elmszkjr0zxnxu39hwp2419psc3d2xkl8/finxdwkgodqjopabqeeolrcwev4lgf9qfwyy9ufyuphfs5wcluv0w4kyqkgf+t727g3nblrv5dfw82cbsjwwqktzkmm7w3utvnpztduiztnlm+5olk52zapilj7pgu5gucq5x5xzywfyyvxlxuowj9lywhodohoiqxzbfsa7/hprml1ew5lfazazstwkjuwkbcsw/cndll9105etdnr9b0g0gvbxerwfmatxer2zpsi1oyoypgruxqmwdk5tjqbpyf13z9ko17xaftnvh0923phhielrb9a6pu9qlfirplbrwmogjyjdvze3twfyf3camhekabtwh0hvigu/olcab9xxzdkswh7znmiyn34zrwy8cugkvizfkxwebxglu5nih+lxo7yj0bgelzf8iu5efm9b2ewlrlrzuwxtqum/uv4vhm1lmvz7gwfz0snzozrseihc8dxpieg3e1cb4c8s+noddtfsyptyzhputvbsm2mgqzksq1leieaduv5+ukcfk+eciypel2qeuq4mr1kmwkk8kvh/nk9b0svhtt8uqelwoix1+53zglak/8vdnedoxsbvxk7upiykyzoow2j6l70gpiphaesbrtddz83dzi+jmryfjuneum2jnx0pipmxksfj1uiu4juwvjyb/hcv+1/2gyo0ffnrkr4mmuwvfomduyq4r2djiz7wzqep4qmywp2reaszl5nkepwe48raopnpdigvxuixa1dkeiig+q3fy39l3l8ldecxke20swxoqrmthizquka85d5tpryvbgtdtvusqmsdhamdsv20rtsmkh7nv47t7qdyhd5ritl6ojynxyabvkd1ncr+wyqqlfy7ccrxxz3qbhtjkr0bwh2m2tjw5z7gks8e1vm/r05qos00m44mnly6natncizk5moiwlyl432b5twlj5q6nkmxvygf1odthpdmxyamkrwhzjxxjpm8wqqz5kz2sm+xhe8svcyjz3n7xlu0fltyvb6z9t0nu1bykmsrim++hd2xyl7ebux/m0e0frh9zofs7xshmoij5yyzhxzta+6rusyvtzxbbvtl+fzasxuc/1cbofqtoz/kysiha6ghm96arlxgvo0kytpcy0g2yq6t/od8vtdmgsn+wsyxaudbpua66lkhujh3ensscdvu3glje3a4istxdiro8ica75k0frumhqtq5ygjahaja66ldmlrihcbb9joulvxvk9os8nzq+hmyqugzruh2dnhbyijmmd7rldyuwach9b8qx8wt4ael0kxj+gxxkbnhccshs43owouibv1+xqgkrmjs+47nqizcllahhf5nsdbplwf1ejyyosdgrjjlbop+jtlxvrd2syuokzo2tpmkeqmuxy8boi0jnt9wc+pzzpyg3swoxicci+c+v/ex8rpmlpjsiqj1wfbykmgjrdskj+uashoxpdjr0o4lqwgbj2uur0/4uflhdtmv4jr/1pcukhjuyqszkjmwxlabkedn68x1zyd1niqb7lqm8lkxjo2yggmg8vq06m2fflualdykjkce0excskpltyua7r0cxggmegmkewo3ntsfui7qua+qum3bqypmw3uxulc6xvefi4izxcpz6ps28youjnxbu3yltxc7iyae05mb1jwl92b6dczvvasqntvssamnyxp7tidc8tcqywexzdlo2ugvzodoktrriudre3pwc+kxhxypzfz5gc7a3vatodb0jq2q7im/sdh+qpifroedbo5l0exsjqz0dkppzfuf0jlxzvuuzupzm1yn3em4fe2nkiefemlw9uftktxc1p9kosnr7y9w0ixdr53km0mwvcuuijo4wi5ul7azdwlp9z3ymxycxylkkw+irrwh293gnuj7fkpmqqd7xckkqv5bdrnvfrrxaewwvqmb661y9x0i1vqgpfq3qhiwp/igdea3gi+bxnc/jihjhy7prjipxk06taj/apfdpz67c3+8ruczqcezo8hkris3vtuykhecxy3bpw9wb+xhj7regxwxqtjzsexhjr5ooi8dhnolyv45wpvkwi2qov/zrko1qrllk49hye1doqop1xf07lvc1dahfku9w3jaicrurar+zkrygzdxnmlozpfysc/76yqumh52gtmqnwka1th8bbfv1pufq9cl1msciuvgz0t3ma+bdswvsakvmjy1gu+q+1raenj9ltiekqk3pxkijxer9ojuto5q8gplgomj0c35iltqhj3u82hr7kf5saknrexokgdn+ugiastgreajgow9kllsed6jpcvu1q/cxia17xszmnt79dbfhygiiz254thdiyewvnvm9jxly+w6du6klqiq/ztu8m2jhlqf83i9ir8g23bxr3shckvsibsilfvhotlmbpoiq82jv93mewdwxsniexjmrb0oebpuc9nvujtmo2dimogmmvrcuwmqkpale6xqyk4booeqp5vvmrrhznsp3uu5g4l18vj3lktc1r5io8kynd+yisgd7f9w5ybfhp4bwa1tnsnrlzypjxggw7ccobghvmf6muvb4hpmxanpbr5y/v5ccgtsa+bs/qlnhncqtklgakpwl/rzzr72nhtglerb1m5vsllrgguskyiuhxd/45trfjaz+7tkvthv6wys63yp3a8lscraflsv2b2flvp2we8adkopc3/ja0n2wri7zibjuz7ef9blyjoksisdoz+niobmkxtsxydszbrpz7p5enojniwkrbzjzssheovkzrwlowm6gk2fhmishzb5guk4ohzrsi60yrndgyu3jdzurhdncrcwstjpk/xivuwdjgoc9cctoq5mxmm6pjrtj2krfxuvzjmbmagl4nc805udnxls3i888m8wbqt1a5ai4peeladoxjtnz4ivchjkvtef52eoq5tqtzsd6apyn3jn4p+ssbltmivdo1pzaidn/vkqda6as+fu9yojk3vo1dl2c7l6d5vmmmiumkuiphrtberr2wtr2/nx9kvgkjgglhmh15q1yyle5oxblmj9+rlbwtw56ywdfcwchgczftdyttyou/faael3ittw5u6ghocqhvhnx2davbv8cebu/c8aovu3fi/uyojp79bj5je3sqpri014nucxfloccmrzvxzclnnc4kunnbityzwfho9ptb8il8qtr2qtxgh/lguyksmviiu1gxlghnjblmnclxfk5br7xjggunvy5lgatu93rxtkh9xzm4zitnhh4ljxfpy53nzu3nb1mcbvxxtysaj2bcybj4pa3nzd8v6eiv9v2blnbf87aozgpnzxue+27js8csl0w26rayztbhrvwc/bj6m/zcjoeblmsws3tkawkcqjf6exvljsb+t4tr8v+mrgzxbbhcycoqcai8/hmm3nc3zh6m8s9dbc2m6qzn4clzhxi7y71f9wcxwsri6hxtx1xk757qig4m7mb/jdydeowlt6zlukx2wwbximjadffvgq3c1682mdbz7clusswcojttybwzfgdukr0h1sf+drcvq9anl/5vyftm3cqxpjrgxpd5oxmhxon2m6540jl3ucenv28wnvmwbx4tdoceno9iebpi8vyxd+rluvtkxffn/xcyd+les/udupizlcwarydugpymwru4nlqhxredsbmb3xtn9psz3kyhila7dmo96gerocnauezcqmxtv8svzgl2i3dew1wtvajy9r3tpldrgutxynnsz3aalukimi9s0nyclem48nwo4rk/mzhqgynvo0ce88e5wamesb7wcbc8jlfmy6zrmdwzprn/ipyg82cvdlzwseld4aqg0fdzbjdb/pm/hwbo+eum+gtq7yxyvytexxlypizd1oyrkxtetsnvla+m6c0gandfnhzhyhv22xay+/i4ghws16vif8hudxk1ztxuzx9gk54ts/cgipguh7kyqhchr7shwxbsfhkxlt19vrskdk8ieyf21uw9nraabavdyv3a2km1cuquhi8z29evknsjtdisqcncmdaqjekeeqmxuwprp39zinhxdur8rali6tiecm6ubamkq0hc9drljm1v8zk7g7looxabzhg0dti/m471dika21q0s2iq4cswykug1d3xguimzgkv+51ilf5o+rudi1jhmc9dxtjcrurxsbezdpxkd13rz1lhszxbtrlwbmtii/jm1ooq2gob7xftuojliw5tev60uxcncv/mjij8pavgnzjku2eipkuqcmeptsycv9mkytn7bazr0zpsrn32v6v80bgo7mdtr/phamyshvz6qlg4rduq0le5pqexw6j3cv9va7ae2jlk6qck28/xj4kixxr1tghv1mp74vqfl5n3yhcp/xtaahok+e60s3bercq1/5atxdmativ15zblasuxpt5c8kqadcpqm8njpshjysn2usblgdrlqcaooxo7fl3bqn2mkyifpct3h+09yzxtt6cz+9gjnh8xlj7nhb3c76t7liwwpxskyad+foz6tsuyr43s7k3vm1kyb0uod6pmyxvwjtzaulu1oe7bk6nqhnblux0rn58knmfcinyku/eeca4io36izjcqbmayfmly7ophnpijbrxscdzuvlz7nwwwpqzv9ejjc3o29ucynfqj4l+3cy6y4uv2ymmnj/uxxtrz/vclx8ukdzieyg01kicqtggzh5fpyzwcabifl8lqgdlgb7vxd9887kkhiy3ds3n3nozc+e2tlieordcaivqmgglo9x/3r4owzpeyeiao3m6mnhfmqlq7mk1/zlpvzp0+waqul5tco+j32rtlaaoc6lumksxncrkrrjchbjivzalttfj5rmqrwi8ch+vkxvl9jhf/x1ouwbiadah7n78lut3s5am6wdbdjo1kxabz/eqni/vegdcps/app9tyxbzaxycigibvja5hkjkcx3f9p5l2hi4xu71dij1r4r8eadblmuvyn+2gbbljk5eivwjkd8kza85xeix1mdoxkscex8ifkrgxmjicupauimmbbjaxbsrtm/qbcdpt3jwwkkgabhk3rkmvs0whsthnhfpuv1pxsfislt1y0z+w5sfgfmwujxucc2jf9x4jbe+chnw1s38epaecju6qq72vu4hqzjqmnc8ztdo3v4kezkbryzs+zjhu3gdovmrqmlp+icmk5urmwcgt17oitxupd8ylzdoo0q3gfl41tc/xkrkue71/fy0jjwpohsogr/mnzhvrxgbjvd1useavsbrh3e3lxjqvgmdvkce/zxn4g/xlk6w3sz267bmyoxxtxmlydypkb4gpgqbhdlntnrqho6q7dyguxpujbzbsan/kdxpdymjxjent17b4tjy8clleat5t7eg2/uqzyseoaxjtlnv5v0crjmaqwtbuoicr8is/racbzbjc0vrkcvgo1ovlddui0a8+9yetkicjbefboorr6w75rx4cevknl1nrsde8xgmwxvlxch4wmewlv8uzetdkgmhav/hiybppoww5ogyyyjisly67++fnubnkdut1d8kju97rmbchz4qzwfy5akkwq7gwqrqkakm/tru0fuurmhkss+4lbn9k8z/u6+ukczb80zg/n8ngugz7lhteh6ryk3qzsufwzv3jma07cjr7l5wh5aeo5y8tawdvluwmnc+jour/vcpyzm9yhkgd6tviwd1e+91kcw9tv4anpyc54jwjmhzyehplam1x879vsfeamqhhgrux54ioko77wgjom8gdmtpfraogxssr81ndlrtjyy69iazvxuzi/56dlfwmslyegtnstotjfowkgnk9ol4jhj/lja1ntc6lj3argf7o8c83e4jasdvpbhn/zsavvidzenri/omlsk0ykpf/vl24wqenmw+e7ymzhs214+axoqpyjlyfmkkmjdoejwu/d52bxbcvh2vqpf3qczb3cxeqmrorncutw3uykty7tmty3ldyhpobkstpqf5pecxofveojp8dtjeqvhj9t91uktaggcwcakeo/uwglzwcxibyfafcdcsnyf1lwoavirmcqvmbl0kdmviichdzk+thphjy5wwvfct8u7ywfd+kwy8h+edo/lljwlyw0zqy7z9zqvvn0wmnmrcm4waetxjtaimvxnvbxifxxmoq5uxuo2e+xubwtf+oqmchz2iufymg7bsmsteqq9ytuhlfemoztechflaw6qzjetnjiwxjfsllzrah0k5/c56mcpx91i5dkb9vexm6lrjldyxqzs9xy3epwbll/0otntv06bim3cc7titzi+rti5z2mti4rzjkk422g0wgymbhqb0i4imlhkesn0h6x3xv9woa9cmn5oewk6uiv29o0jkfbyreyxu8icvayyk6yu+gjx3hujvhtknayacyl2ggpu7fdclxmdzw3ai2awm0cijsq2od/ht+q+kx0nxsqoqk7xynmpjasdvaybpky2pfna1r6hywn9kcmhjj8p3d9qe2ysm0zqnd+vypdcappvkdaf4nxwfohjjmifzu1eujmqdgo4j2ovbq3zkngktolorg79ss+etmdwxerbvhnh6d+s5waieiyjq/buhou+v2yf7dxm08opizuzifrm7qvppql4jgtl5hlz2jjvp9e3rlmiakm3kp7oa3pip6yala72+m4zhyrbnswzwqgj2rwimc0pzzyactziry5dvtxemhuzxp8iuj4r0kwe03zs5yd0krrzdndmccloxzdtissluj8uil5er9sxt0ew9wuqvcizoqy+rxncqasged6ffhfmwxavxrqfifs8nv/blux7sjevr0tkfulnirsbrcrkv7iij+xhychaexfznjomenxsas1rilurosyvrzsmn+m1vrwm+utgx4eicn5i84oxosok9ssoshp3vvkd8pjkrjruixx3k9fmk3y4sdinn9mrzc01vlvb51widxzmj6eniwfpgnc8vjawlclhyaunhxril8rpqe6w9zcxbnltxtyfh9dpkdxma0d1nnsq+vyznmoomf1cvpkd8ruhhtlu/0o9tipjrurufjjpu8/kx16uzc3gxaalvikfy7ot6rltgaznepesh7n+pyjloriqswiwgyxobxrg3cgp9l8qrciartov9vqqiia9idu4ogqpsckltghlfnntn5cqxqj0abef0uxlmywa9xkbzk7mznzfxzgsb8vbr+s5i6smvew4lvamxjubm49d1d8hfsrhhkbt2vcpi+etuazzs5oejy8k0cdobzjqygfojbnjsb8lkwu2lopuhzfhkakzxhjtv0kxbggkfycivh0xdourgatt0g6v7azxhs8vxewzqb9wvdakpcjgknrxqqzjqh02mxpaj3iihuzgd4hxpq37iqem0gmpi6w/eiuwxnnm/eqll/zmfvifob8i+ubiy3mmqsvty4w88ufkiddoox7allgdwl/t7egpkqvwhibhkur660w/g0dpezmwkdejeeociw72alqqibntmnqpscotdvd9xvcdhrua9j50b+ldvsvcndv6nhohbjzybyybfxwxeycd+s8wqukwoaft4xamzux8n7dizgiuiry5of+0bzbns79ihrxbzd22rdvgbc5grb1s5tiakqaufvjyng0bu5yvvs1/87+lbjyrxuwh98sevi1e5tpd2thytdtqwzsbilyrltwc/14oc//h1ndv4qrquet3ns21yyb3on6qj5pask6/udmmisfgjxi/gdjvg04nueq25ug4iwrbse3vlwvmw2/wcxvqoejujksbsfcxzxrhuz6yttuvfxqzjdxlvmm6ay0upgccbujneqewprfngyxm5fgdq6w11/rjrdh/jmuf55dbh7jispajinl4xxsoemntc1x1xybynklnz65jcr2voc4e3ifcwfjxnobgugbup2qg4chip++lpwpiyfmgj1fhnzarzu0kv6zgs0tynvnhhk9xhamndglrspti99slkixgh6xivb0s9bn9ckpgayt4ogdijxqlsnsvmqj10pl/yim8wtli1o+2w0xlszcohm3ibtohwopptyy+fipjfsx4y5qtcsu8jjrex0xvyvvotjotuxwctpxjcfjjetffxqut6nymqd+m9bn8xc5tkddldpchv4jasmicihh3rtdin5kxyxcwjqsrvgjueh9jggtllknicccncmogj+zyjoszloy4r8dwqxyggzoidajbofoton49w5azzwi5nwj0kpctv9btvatkrywqzyscys2badjgdgasxyn4iibo+mhlicl/25a995uqmm2pskdialxsjm3uh1tanqf4hncasjyfa+egxgoijbevhehktprmzoylyhtgkqzofx3bzxddyknzuymdncwdhnq8aoz8d9kxjii19tgf7aepl2prujdbllm9jmvrped1ewgq9bdncdmwddomzam9x1mcfo7w7hjmezr2tirmf4a9l1sot2aukozw1skyrfmt5hzifm89/cinlvptsgh9d36s0yb1ob4azyydo1zsdv1rvjuuhtr8zlxxlq0vk4wayxtggrejsltpxd/k9pcubddqs326dvbd12ztrtcywt555/1ktin8r4zdc/xradrufwoe9oirknyuhliyc6tlsw89jh+oygk6hzuzrpdyibdugr1bbqzt1oomlyr8pyzynb0cmqeokkcrnqwoeqqas3fa7/u/tmimsgtwxdx58zbvfadpyj38cxs5plgyd+dupxyi55wdmoswfuve/vyfmdsjdy6u4nddau7g0mgpaqo9h7zulgat0a+z3wgeuywmbtlzespiwolfqevk9yq1fmifninhxxub3podm0g7egojeoa4yjx2elns8wbqw4vk7klep7xdlbpqb8a6y9nshoil6weupl8vgaxsbmyxskx4p0pyykxpc89ztt4ddft4wt1n4p+zp+hspm++8zzjjcj9un1k5p7ck7ddau08upcjabjuc6vyquqfwmxrdkn0mc2gq3tjoan9pdjshmdo/kwkes1xqt0ddboiusjx+antxkzwjwtlquak6hx+egolau1l7anq816lxwfypxtt1yb2kh8x9he1fjymk5x8r1nf9vd8fng9xr67r/xme5ksv510rbkccszv9o1wdpnprhr/dit3xabpcos4vw9ke5wgil2dcqvrpbxeqcuspzjh+qmosd1n6sfvxhvt6qf2rn2gvnwyqzqta/4h3uqjofymic64le8enjrejhltdw+pwf7yaperc1kninkslsocclom2+rarf6tf2j5njwrcwtshymcasstih2tj+0e0dbrf7ihhte+ehuwoqds92lbvrsd8ubp3cygm3bea8huyknc9x1p1u+7xkhdvwhwinmuepa17pdskihbi76o1x37ts5kdxrqzbegkilpipqo7yzgozslpvs5yalrurxhxpnsyvzheqtvu1r8lhsrb257uskoelqsctyjcl6waxqdknl6afp5hsxfn1s0ymgupt+8etao3j0a0obwh78xd4dpivm+pq7k43znysmxj2xr9rwfueewdym0zchmosadxoqp4p1rlc87nhblbichl+qxpg0tjkvgzclxgp0dazskace6tpj1dwd08izfecusfcgbkrzotumjprsueav3ipz6mcsndbjvj0pnaq32jmwmdckgkjlxmat1axnulwufswtonrwt4q8rt4dcjexlzxdrdpri33a4io/kvk6dx+tsnqua1jz6gcnpzzsj3swcewp67o3hpebc05tsry2h7xeuykyv0oo/yiwrk6p9psg+rtas+ol5erdxvjlif6rfqoxkrczoa878inggmvapcjhsvu8lurakpkqisuymhnhreyfyevypqd76ondlvs4zmcy0e03g5kuxd4/zfc4d18bdoczo+qn2agsk1ppgm3aoxmvlydqierhgftd4venx5orf5wpekokcmbuxep5ijmn8qi4wi5rr+nk/ekrcpvffrxku645x78xzpyxn+/t2futfviiy3aspdt6mxgruqlix+trv7r3yvxf2oa87zpvfm/b8tqc4hz7opigepk1g3oxi6z6tk3nj3fq6av8pqptmib2jsmr93y0hnel/t77vcj/f7xuowua7vjmwxg68gjfmxcqdcvt0zdo2gxbqp2d5vvbnlpqli+f2xi5iafxte3txydzbaik7xhq99xsn8va9zslnijzzoxyc+yswuv+5s9ql6tj+dvroowo2r2yn8bt/pbf45h3m9wezo0sryldyhzo9lorqq21futrqunzoxinha9arlssdxkcvthvtm6006awq2w9ryce6a0ln1if5k13nyodzslscowdtjacdxpsg8v7+fpl6najwpa0xh1lorjupi5j1zusdd3lsgqui/skbh+c8rj3hmek7ij8oygjgwvd95d7nhyfwtys47ahdiza+xan6oiohz/cemy8rroewrt5w65hgyx1hui3yu3izrmztbrsdhwipf5zygjyqfemi0dtqsizt2oobj17alleneyydvxmv45fgbb3q/paq1y3f62nkwqny41ynv1emlnnzizul6mqtjywvbcxotz4hdmko+9ljiw/jod0vlghuzdv3qccghi8jwluvn6pfmc7ocmipims+t8lpjo6st3hxdhduqsg8wlg2oda3izd6ye6ch7ygaiqvn1nro76ucszqe6ayekyhk1mm9hmxwdskzduuoi1duvwmr0dup85b8vbgc/rsubvouenhnmyjnqbyl6mtuetsbu+ktnu9gxc8lthx22lfit1nm/grjtudnfsarow/bleerplf6dlkol8bfrss6mac30m6pv3sp2gbgjfblfvxpicl9++iqt42sqr1xio3gcxqnahtq6qhmvhnekkpsxbgajk4c95sjcimsxxv5iobr0fwig0pirvvq+fohnni5a5rrpdyi2yft1iub7nyiy5zwjnqxejssfjvz2feporaiamn6b3xu+2rlvp0iudejitycny8wg3b14zeof8jfseksdqoqpfvf2mi3vdmjqmz+ne/cssjxmejeuhneqr+tckiprk/qjgo7nkrpsw05+0o37ccyx12yhn/gapyhzlhdtgxfjd9ruqdf5aeyogln6e4blr+zl7pzqg3nrjlg88/lnyobmvwmprwifsy7hritz4j7iesybfzlhz1l04agc3h5wz3wammmwz2vkw+9i7ljmx7qb8f40mebwr7z8ymfvji8ewmhbqlx/5schqb9gcawb5gahl6jeyvgvrg1ryytmnizm7icrumi19vkkac9koeqbb5qdemgngrltuehywnseol7iayt7w/yewbh0nxbeypmkxjvnbcqvyrpmbxn2lyxvpyie2mu/mey0l4btaidsh5mqexqhghwnw7hoprma5msrp1a5wmaizjpv4xd9uspvnpt4th9+hskxzhpd80x2mvovmqiwhm+y0xkmnbsvjrnloj2lyywax9bnimaguybu80tyxo1wvqtuz+hlc5bsewhd1lmpgqu2mj45l5zlmawjsziv27prgyzaoaz2vwkeeffk+cqum6ssddnlnyzva+kkmvpnu1iiqqwxq1vh2satituqo412kj26mnf83kn7uwlavux83k9mzr6dagurjn+mgymydsqaugxaw5gih12rkk5dj0wefuivxkf3o4mh8m15x+v3hikrnvcydnlqtnkkzdjyzfvzeekcnm7r/iddihl361yidnyba+qvuz+yaw/lkam3jyyvufvkevflbmcp6yllseqachx3o8twxisz7t5xdqcdfb/vkho6so5/9rqeomd7a6t1rwm2+0yxfa2ekzazmm+re2zdqqqowzbn7traife2nn28g+xqahztszhgie12o7d5uvujuc6bldllfw5zvunj8bagj3hlpe9xpez35ncpvtnvnu7lylgtzktepj0sh6ukzielwbumnj3oy3kv5zw4aahkftvutt1wrg/xfwi/iitp9jyyrjmi4fobnxmud/3ycp+kswnpm68zo1xas1uovrd7b3osdzwqgtbblbssajoadh95jfevfks3o5zcahbu4klu7wnfa6ifcv+ahak3q3mptob1bl9rjxp9kzhm+ldqlsutq/g62l2cdr9dgzc4fjzsfjkgnd+prspxrruvjbalg/icfjdzrt8sw2odnc1zelza3fvnuf8damatuprea7ys/uaivvfmra9oavhjm5fq30quu7dewmqicsg10glaslobmdjzm4rlxexyu+hstuqxmk4y8h0w5nz+1wggphjrkiplwrj1y3lkvtnszt5vgov7ttqwbxo4cbuen9qmbtldaitqe9paybzti6a9mp97lgnjaix3+fiosqtitprd2o8q2y+rdaqbb3l9b7srrvsywf6skykfnrzh+u8e3nf7masb/xja8v4lycsyfe2nws3yzqrswectwmdomsqvwnwlosjcqczmfqku4gtlxzlhyd7y5afzrc5/x+//jdf/o+xzxm1rm7/4jgwokqzp406hjqp/smsw08zt7rjl7twgkd8zkvrm7q7p/rblu5zvp/zl//6y//+5vdbxjf/nmlup9wnv5ah/99vv/zf//6n/v0//ed/6pw/fvnz/vcfhuh1mcqomr/hctrlohrsmorgek9msy+wtfjavnjdxq3hf6lc++eorrjdsldh98qn6uukazzaabt4oejiy/obnahm0fcvbfeugn8mxgrzhyeh1osaroo2d+uawwgyg+c1zwvkkf2n5t6cei+l9hksqtsqpp3rysg820iuweyyc7msqra+9txery2/ibjav/bc9tgvmixifzuzvkydutfg8d7epowi+t0jjfzonzqmaulqw3sk6bvzujvg4+xa6khonesmvrhu4sd73cny92gd30my171kkgdytis8biq3y9wwk7hynvrzyuxg/8qte7blasgp9anybqsystcdokitdes0pqqmbtixupplzyny85tglc+hgnapekgyded1z2jcdnkhkrq0vundvno8j2f77cjk+q0q/2sthswvjaqnkvvq5uuqf0+davauhcl/0npsqhqwrqo/kyqs66pduoezqu1pvmimtustngoq0qwemomtyyqsl8eqp8trfc8z0wjvxve40pxb029x11abongdodu0mduzs6xqre/5sptzsqnzb2hulhtzjacs2wbder5wycy+qpa5kgjmkw4p6+fv1xt/lepfsung9wqiu+cnkbivr5ot95xrm8tdujm7qirvyn5agsj/ekjrhsvhqk+fdnfkq1ty8yh8tunkntwntfotduuogi0zriasv7sdgpkyxtlwsv0sn4gncew4la8c38y1rwwtn9iwfjluazwrq5eycfykjdrxsk6g10/bsqtdinlud5nluxksmn74qmntilamlqjm/lztb6yudrtcxxnrkuyxc3wjyhi/tqozumqr9e95tm7lsm40hcynbcjekas4xbvdhshmu+xctlfc3uptilswtrvkfyktfqfcttgvcwmssdllkodbg0wasr8fgxhu7razqnxiek/uospuu036zauh+moqftaorhb+aik375elwoawajmnhsoqx6slyuzebuvapngccya+kus27t4rkm8pdfaq5t3xxjl+r5odarpffhy5+wmbfmhe7usmtu64jhy9wlmtc7sdgk0exbyesmj2btpxxizczpmfa/73q/o//amxk3cdqull27hohaue+5kvlku6jysm0hbzm3ncam6qm/ue/idimn+jcuifinldbaaxlurxnnoueghfdnotthjldibhw02v0f98jwohawfqzgxqvdugtfg6zzzuwuanghnpvhiomlnboehoqrxxcx+cwov3vbs1miprvbtbqm6sghbpv1pey2to9iancxfhb2njuucmaeb6uniqhf4gdrivm9nt2x734kpijoyhwucda5ddklbse8bi2lifenlvulcuaxcvbksep2qekoofvwtepsa414m7k2uoltkfpuvg7b8zdfpoqzp3lmerb9chxzgbymujp3zhoapye0tl2mojzhevjgkhnhomvu3lomyq9w76rudvziuiz3u17xw8hytqh1pxshfeoznxtvx2hh2xch4ygkkcvpqwtohgqtxxvvawutfe9exxyvfv3ktth0iys950yla/e9folhmjngbcdjs9gluayr62gzgzcou13th7o/q7acn5qidypc5fupudlbzws0bv+dntamk/7jkq7kwle2np7unyzyr0/6ezkbw+3qt2ikflirjgok7foxf7pcsqbgzrpqwnklm/mnbhttlvvddgtzno0kpiovdukkhlwhnxqz0qdwcv1lxxih9py4iulaybsf0hnf19viiam9r+sitfrkj5gchm8rqtgevmv1wwhb5rcbi9qquuhjww0e56cpnewj7rtnxzzz9q+aypg0pnltw2jsaz0idcgk3yvt4wdozbuq+5fuobzx7lccq3xsh5jdadf39mk+onry4fjmxzdpr1fjc/e0tdcrwjyaamnkwdn1hj0+x//gjatjqtsk0nzel4q/r+plddwgmfxuz7hcnkd4avivcfe/jsrrgv320/u2djyajkytwmtyz1eulto9xevrwodt/7+igy+aceyqg5al6rivsbkhdgtdmgp7kzgxijubmi2jegq5bgdjhserxrrhmbkkzta44m30aa0btxu8bpgjseqtah67bzpoeno5wgyunne/h0vionllb77u4ralnhxu6c87vabgusrnfo8denmg+kjqeer3so25a9gqorafdnmeooxssby2pvzvamouqbtycg+5ajqho7pdayo9t7uwpg/wqi5kj7v8pb5nwpoyq+pb1w5bj/jirlylqeb0u8mvkkqonhux5o758hk7fbucum7zxgezog03fqekrfq2p8jtxrzj66wedtuju52xfiihk/bo41d7zu+r5vssk4jxvezttf5viavsxxgcfmjr+apab8gzuhz/rfgw1o8fhcoho2+jjj56u7isz4t284gtgjft980juz96b7rwhan1ozlcmkvvkruj0ykni0gjesvtwqgdwtkkrc5ygllj6krda+fi5/5zylevbm9tu05rdsdzshd1yik3dsv3j75k85wblrldyomhocp9uzkwyvifhna14x/uh4dpzur3l6tsssvunexgqyxq4oefokeukgzzahtacffrm4ulfyqngov59slapqsh1g2oea4yi75v5/ru4lwdfkym5zv0abeugekaki2xobwxoatwovzsbv/m30vmvj24kdo7gqex2p+oli4feip4w+niim2e7xiziism9jxiypzzd3ewthpakdchcfq7tyr8augq9z9mtdtdjni9bsis2ia6wnahihfqvqzqas1ssulzbiyzabgykvbjkr27phwqzdfk/corhgt+llgfaupz4rfdl5tv+dnbv1v4d7ibsymzjprrmowdovqnb2sginpcalrzsndvjvynrdsusnfpxvkxn65o0oju1sydfmqw7ylwylkdcau1rca5pb0qbdzvmkft6prqfiaj2rtklbkgkgrjjknggwhxbqeu/moap2jjssvtkqpvo+t9vs125onbr3jcf49fuk57lyo3j+125f6enedw4pltl0ws2tgfnflevaghd7qzzkhjj2hnysw/nrdhdvajcj6t3stsv0t3akjn64mmixi6p7+uu7lnwq/utr2u2ys0ih9padvr/h5lu+x48gvg/pb1rq5lzc51hin+vjhmzwfnbzjzis6bwhd9ygtsaolth4b9ny7t5rwincerdbpleadzxhedcglf/iu8gsvqpp2b7+czkzs8dslpkmmjwgygy5m54awov9xm/rtogjlevutvlgqbpzhpcil9duls9huxeyeg+arpcimxqqjiys7szxbxe7x2kbco8stahzed8ibou78fgspj7orofcb5nduffyfti/jaakdgpkdjuke4l9tqe9rgnriwzr16oi0nqsmrv7fs2dthb9ju6qjf4i6/+nkj//vuy4vulx8tbt0nfnv6h/zxhxt+co1r1jaqss8zb9zbtihs2ovxla+hzjmrkc8yhj6hpegiw5du69rgx51tlpjz1lvjemauc8n8ou3ltblbpnozhbnq00quum5jy3df5z9blkpqf23gw2pd+tt1qru3cywubmxwrrofvgjfh0ehzw4ix6npq7k/wqkx5fzy06qoyh2dxsr4g0n+nzeeyeu4/5dcgkd628qtmidlbfoasfzsw1y68lyydds45mv9cu3f0msxijt3ayntetp6fogytct76mzvt7spxt86i6olxv5bajkg+yv/vhlwflwt/xloqasfxty/krk+9qmm4yuafm6sg7cq+diux7mhkmg9mzpaiq0+r7pnh73qdpkkgales1kwg4xxwwkw6audd+a5ckshhr6gu7cmdexpg4b7a7+k/zr3burkuexfvn628myhoucszdpff7c78x0bjtafkvogool7tkkht8dekowkwdme92itmagjeu+wkozct0icayhtzpwxex4wxy4qjmn6mst8csa5dg6fa5dotjrl/pibwyaf+72+ourdwgl2fd4jifindddnfpswv2mve9l6dtbjvgc2dejmkta/dqq/z/2nd+vkqwgyz4mfbamyuf6nngr50zmbnfcvbgett5y9fs7gvxrgbuez7zdx31pn2iaoj9tidd2dh20hs3knnxa8c9jqnpvjws2mv+zzzu51tkt+/hkf6xzsr2fccom/fdudzjipjfrat84x1g53avs9z79viji96mjibkqfocuchcniahcz8xxtk/sarmnrarxfueb26zsidekgv4fisr895faraz6szuybor/6rnxrolrzzsfzeijw9uorfj3+jvs2gs80qaiw6lvxo1p5ehhib/5iwsprriqe4tpysunthnih/tbgizlu8hilgtf10rkdgt1vl2xbkjhuzguvouev0bjm28xcq+jtymjvmhduytqzvjazhm0w7yy6kzp65rlbs4sbuivtqkdscqvqyvsfygp07ctt4i87k1mqypdt2zn0+qz08lrmdlki07z61dhngeweekoqoe121hvlaaeuyebruviepzwrhrxggoonhoodmyjzbuxwroa/ircyernrjmrwr4teet9nvqng0j4xsfkjljqzgdzzzcwh4ajcn11gqsb8vqv/bf9yd7hwjcymeld1nkj38ry96gwqqdi6f5v+8ideth5uvvayeoctqiowf9uxnlomhxldqo5xkqnsrkn+gzgbmrmdtblqss24tvws6s53ded4ssblrk3xzheme5xfqqc3qs9tdvlee4zambmj9deigrpuybcuata/icr9vtuskls3js4jw3jiioeg5vm+xliofzavshos1ogvgxbajzcnrxyps9vs+bskh0xngszru+hv9prfjtzgpemko79xrvkhysvxikdstmw+798bre8datpd0gc98jqtrbno7bvp5e+y9knel1xh47wamg4pvdspfjfnzdisvcvngp8brjnc1fztwdxowc6j77jknvswtstp6gecq9/ypwpqcncw2qboeetf+hvuoxtertyhpbbd6jdfmpciaxu7+npjmhbqwizwsf62memclrue3ikggkhv8qt3otfhypxvi+tkmvdl852ybezxayk2ezv4z9zseopktfo4hnbe/8w5pjrer83yfc4ueh+y3bebk684tkbyqjwhgfsiakgokzzy+ifrtsqt/hmastlwhidldutfkjfpzua8txmpbr7kfb+1otnwqpkzcm40vtbvc9isy2a1v25mioqxnritvv+uks3gdjhlvzfgvggnxdskayahaxdemwwh4miktrvk+r+azh5c2oqlhgslu719ggivevgmyh+tygbasyd1s78qkdr+ywmf19w2s8thnzghmn613is1fbjn8xsh9y1pp9nfwrj2x/nk77+cwnzvc360jsn2fuae2pnrjkzxi3hm5dsxb6jsjqr6liwd6qtnhi7sinhrvxmclndik43pcinmvhflpx7smduj6vqu/cipexewy7ddkf6ceyzjfujhsdwocnkuzomkdng182hxpgmq6vyj1kxfteab50m5h5gfjgjqtnzq8vycdomkxfurl2o9wqlqyp6dg8alhjnwbcoifo6yenaishkse+ya48ey3mym/q96vyyalao3j57wbaqn3ihq9di4f+ytejzgqprfirz8ljtle4i5llo0tkxj3xmfl7k8n0cq+mmlkzyuwospszdvfdhoq0jgzx0+llqfupn10z608yyphe3jhyr593fykqvya2dhmzegvwfk5p91tdmp1cay2ikdco+rq7i29ufleoz4iz22x50a+yuayzswemsixpuxncvj2bzxn0uqj5izrhxyshs5whi9mgcmjizpukaxc3layaauzxlbai4xrghuypsv+ey/la36jvjzhampg+jsdbomxl1eysmvgqm0ehvkftzsucak+k4zaktlzxcw43mrwiwpw+vlxfdhibmtntm0tyvcoe2wlibkurfbthgzaw6mvuwgroyaibjycdwg6byhj1lhorxtdbidkka0cg73deuukm3eg0z/gp+tlolnwo67+oyfocbhf3rftoeu/nbfw90w3j3nskcos91cmiix0j7o8rydgf0x8c5qntayezcntopzt6zpzsa/pmuz40osq6xi0vi91ixxqjkinvm07nbcneagns1j2raf3rjazlb841jhomc5ncp+fwy/t5o9t8atbdukpaocduy3ry2lallfg+/ss89sp4bpdzd6ipxzbzn2vngvexlu0+o8o2zs3r1+rmgueks+vdjewtbhlzj/ush56iowtosv6pvcbx0nopjytddnvghz2fqm8xllpl4dg1zhwe/montdt/bdqyq377p57zuz39r133dmbadxu5vnbhwdpzixweidjxxljhn6hxqydw0cxy30hc18z4vu6oygq0luawr2+yfaikucoqcj/ize3yqjawtlqmajlrasouxutpnuyq/nx7nfd0ld5fbhpaaztwis9/bpj+2milzpn97rrhpym91z60uwcabbw3ogl852mycefjtg3n6bw4nkaefozmsbd2ljdfis3fli44pv+ngrecuguf0avljzwftkggqndegov/aor8osirzhdkbpae10wyqp5kqu0j6xupoyj3f68dz/cehx6po+z+3yla3bfirjzxre6jy5p20+gf8oyoelprmsbekpnsnuxenn4dypwfjbsp3vekfkjo9stgdoedx9sqtfk8yx07ltfrdgmy591hqsp5u++x6vy8zq8gtx8totxosyx93ym6lqzrusldjtcdqquyng+igvhrqg26o/uvxwrn3sedesouuwjsmgih9b6tivb+picdxwxh/hypmokb3z38gkip9ztj6ykboaz0fv3i+xp2hq9n1xoxojfn5m6m7ldjz4nuwwuftz5cziknlhzuq1ziauqw/tgdvxotlbp19/exjitjcp3krezsnf8nkvvwa5cw6arptiruqihvwwp5qlgy4yqe6fuju08wible30pa2ny6as8ah/slxjehbfdwwly1a9mnawct/nzj2aeqbnu316vuc4tn60hvyk0boxurqvrhvnvva9uov+2ah3bylbwlf4tvp3poiy7wxk4qiip5cb4exolaya7kadznjq+dwpjgcwmja7dq3n3pymtmlvccdekmrfyc4mrpnqbbjxgza/e6y7wtsogvtksn4oqdbxfhxvjltvtt2utexa6j+sqgixhtlg+eyckph0ryrs8twl5qjpgboe3gp64mnwrvf4tkvnxufo86jmfgleeqvwgsaswnhdmvc4tsbnybsxkd2nvbqhyd1cuiyqv7qtxgamkqvnqqaqxjasjw4butij+qrnevnep/kk5s1i6f32exycmn58bztlyptmgrj9ei3iqwnrjbgpa0ex7p9ddodh8gdnoagczexv2sjdlljmhwptjghdmzmxd/rnqjeqkvbrxvr5/9lzycx/hygyw+rkutyxu2yi2iy1qz1n5aii6tnjte9upzy9mkskgw3yuujy/s3orwxysc2w+voplyv+8tmfq7mujg2q0gpvfr92sf9odjs0os5+a1w/qe1yoy633b2nrj4f5pjpo4duhzb370djtqpgzgtuzletiin/qpeqp1se95vwvxzhuljlvshp/j6cczglgre4iwpa9rvpynuwykzhdyw1zntp2ufuksimri9ml3bjhw/u6y2m69vghjerv2tnw1qyf7wysk18lreg/drqvdng9shdxukrelm0ki9epoicuw9sqmruuyjko3egonu3gzwyb8ygvzakdwtsqjy5nk9f6gkcv+g8irunbofhdfqrgy+rvjzmvadx0mniqg+yfnn0b6nmi0zjj3gqzgm/j5o07q3t7r01rjpvy8fn+rqxyj3m8x1hnhfksuj/ezk7doz7s0t71h0uycyry8etczo4ksik9plieuuifklta3aoonh1q63ewc3nndtpvjsr4iuj5wrk1dftjmp6/lmcn6svn6f+tlwbz7ahrbqu8tefjgurfew5j+tmqqjfq7e+zd3ui6uj9qwc/xkwhwitmcn5tthuofdwmjtbnkvuqiiul82yjbcgwlnhq97zwmelprxo0err/vcvf3fmhdkyvqfs8yspdgq+s3w3ax5+zdo3jigp1fz3gklq9+eye1qbual2tj8a4+y+q1w803ylqdllhxdsfyr+87whovgasd0ewauppsy0qmv2y7p+xk5s2jou0c+ryfdmkcisuxutgvf0uqosl72uqct869kan5zp0clwj07qglv2naqq6gvlwi56wb5gnm67scb5ihj7ewlhscrn6dkk0ls6ndqacxpxbcvsnxfe3bwlscokefhd5byocpxte8v4nwxzx/4s4bwdtn8jzmdmvv7dxbqic6vnq0ohtw6n5xi/tj2t3i7kfi57t52yqjeefgxksmwxk6ra/k4l4nwdvy0kuff7hvcfila4hc73usl/nnu+wdvarw7kumvg2u8kjhtoghydzmz+yfz+xavv5pdtywbg7wuv0dr4jv6uvltfzy2eozs+talma20grddbyi70p2o7qqrht8iqrrgfetgbd2k8ocom2dyjtlckoh4g5rjky70jtwvkk8a1ajjegl8jsqpnviktfczpgutfrjtfgs0+cwepdbimupyi9dxnzalzqortxzavtw3gomyksnrj1botetgoh15mroadtl4w/dscanfksgx7upij46a5aua+ety8/ski+v4lua6jlurrrgs3ph+4nffmseelq8ibbvtas4/apwybznrtx94k1hz7hbeosd2abrlsbdq5/n6uc9brkxic/kv2wgr1sv65a5xhbo34la6zn3meyidxcoz812w00/czqhpo4an3l88e2fjva9lpceztw1le7qzkeeueokksqvkh6mv2/+g5dhzuf7ugti1hizaqciepddcl8l9xigsbs8gjmvcxw2rzg8eztxya9goxfes7cso+1mjc7t+ftalrfpkx03xmmfinnrnrq1rrcp6lln/mckcelzioezdiaiup2oqgkyyiduqv/fqk1bx5jjj+1q5wz7i9xcpkyruwrhbbwf73prgxtuw0jnq1uahpjq7aa4r9kk96v9ty25h9fs8pzbkmwcfrzqsdaveyzcrsrlbv9opkr92s2wgon3jnu1lgajoqqcfwimkbc+xd2xq3yxjzqfnl7nlva1kjcc4rf9htp6gancenr1fx9pk6i2jz7fixnpssdbw8h+3htjfmhimvebwktywi+qk5gc+kdrxz9guif8lc5lcjpdxosfzksdrosfdtmjkenirzdkhktbketsee3wcs5lyf5uahxfozek96snqeuk16wqzpov8a1vjwyblkabksdrmu41bthmvf0hi2hp1e5jyeyqfstpbkscxehjmimmz1t5s8kxi59ndtjjgicnkqedkgcwyj5vshehrifq8e6zdwnes1nwqcqrtyvxtmimihrly7svzsoh7cjgyf6hgczcmjr9eefiv0v92i3bfzbvqnv24dlaxirmrs13j6tlukbuednlkhsarwvcvnlmpnaiqwrfhihzojmgbvcdynios3ykxk7dpdube3crks9hgo01nrhrx65ojgbz7ozk+kw5d+icgc03yqzzfcwnkgs1g7w+k5bfsylzafkcbqd1ssvsccaujravuznnhyy6tfluwvkqh6h5qvjfqhia5+bzmk58jdux7idsauplry772vfsj0+yibe+fkgl/1elndeq/fauqeo3j5cbnamdinxzziuzobkggj96sfnjlgw4ycyvbwn60yiqn6oxt9swmc2+zvjtuls+ejdzzivmihkytq9yboedial+u7mxhzsauoe35lt2fhiwgwbs8zoxdlclnetqoy4kgwudjy8iuwme0oualuvroxejjdv5i8e9ifil76zcfp9npxkziqhqlfvrz+zipjtj8ukqdczmp6mqkijpidsxmme0rt4msl5pzdf0cwmbu4fie3s671tj22rvtyvznjqaidfyu1/lcwavgkz4/hujjjayqdg4uxdtvnzeo6ue67q+tilbmbci3tppesgb+ant6ck218wtrovktejewcn9alznboeqclphbi6+ntc3tph9fulmnzkkus+mq++xcic74hxnv2uyuz0zjb03xyve1lxptkzx8pw0vbbexdizcqiav5qgoo1htegnqn5sfebvz2wdqb++h+zv3hrzle3uen6p+niz/fbc2d3gianspamqx9yme2mvnddau8lmyhymtq3aarwv2rdt7qk3kml3artq8tabask3w1kf4oqyoe4mefzpf7rmmkzigwkpp6tljjywxzorps582bvwchp/62lgj5g8ffe97zmr1mvlcjk4kwgdydk3x4z57kvwex/ldo18zo2f7970rkaattbh07q/hi8fs5nv6elafoqc3m6m8pnqfveqrfm9p7qawpjkiolhqvffzelcc3piceyq0c6nk6pzkorgl7xcu8fq7zex0cwoq537zld+saxxw8h56w5znsueyrapcyycmicqyi1dszmpj8e91+h6pp9pfimsykkzrixklkti79qjieutjv3j8kjmhyeijr+i8oew2htzz7quqokp/qhw86qdrf4n2bivdwahet5gxjq9anuqevgd+xzjtgggpamiwcxp0xzdtk8e1bkafp4zrjqdsqxodsxgtf+u01vlu2mfuecquki6sm6ruijy3tyfsprqsow+o6m8bdtusdxg+61lt8nkcb5v8t8stelvuibldii1f/zpwlmscpeg6g1q19egrp/papuxr8oq+mxu1qfx+d6c1rlw8ahiazdkbn7wbmgai8gi8hpf+wmbowkrk2xfmprqful2jgpijta7roa3vssqtpb4fznwanuhpmwcsoavmbdsw3jndkaxyyukrt186ee7aaus3udcy73jyftdqexp3bpidstazv+/hfcmy2k6xnkdcxb1lswpom7sywphtlccyfze93q/ituqbyxq34yyzbqdae231bu721gdfrwjoycbhrv4tkua8k2z9xwabvc9whgztxyml2+qjwsbt8le9h4yhrxhemk4t1dvsfgqwnqcvajmrrxassvxlfbhqxcrbflgft/rkj0yivrgyv6x8qli66ydplsu/mseat3h8uswz/vyuwif7hy01tpdsmir+biehgrueendg/hmvtv5s296hmvhxx6qd+hpgaivqpg44dfno0hs4/szbgvjzspv29klne4ksw902ccll6ainft2yc5nqxybazh7vdvdyb0vm0tq/5dd5ynmemddbe54yvirlvcyywdhga6zjv2zsapswj/yel9zvgiykt1s6ma0z1hd5nea5b5hauyy1tvzmq+zqtgb5ivuxaxzwbu1iyywpjkbrycdc+zoucmskvfrgzfqk5kgpclr5iwyk9s420fzv0rf7ms0eowwpdfwxw+twjlamqzblvrv/msyflgceedtccs8ztaj8qxhucwbpu20pa/dtgocb0jy76ch5wvv1cxuh0pppscnvfojhhjcncdpstrfc94xtdd9f+qvmned61h6szl/1bwdmk8bcyjquj+ohnwpelglhqvq7dvsvfjvdyvi7g2q0sh4glvwdpbzapv1r20w9qmqdpqy0sehhgc9wwc7angcqqyfwczrwccxdyahet4+jgu8nydvv9ejycuedhz6mhnlqelrdpnxnhk+r92sptoxsjvzetqtryflywyz+wzhyb3pevcpocpmike1o22qv6deb0xvuis8wrmwuiv5yaya/bcxlkymxl5u2d+mamhhsak5z1tdlkkqbn8vk9hkbtwomx+qnuy66prodbqwhzpeynpezyjwky+5vdgbopvevz2dyegjpscrrpu14ei4ptevn3ptxgbia9j5eqgwx+cl3mkkiowalmgzxm/jy6igkev62ar4drjlbd5mizg6es/uc1wzfjc/mci/p5lurh1elfcfyocbtztzt9eozjgtsb5sgrvh63r6qqa+a9lg41rcu9k919f8tiydwoiivbeoghfvc70rwtmu2wokzixber90upvlqs8tdxe2dyytxrb2jjorblvpid6iwralz7icq95sqcurgdttd0mlddj5zatotbp+spl6egewewf5sjmv79ekixvu09cy//yfjf+94whlaapksvhthuhw7ht0nb/bud6kawxiqmmjpmwsmtn12js/0bolk2ewxdbvlx5gf3cd9rd5qjz0spjsra+n2xqagoc+tujjx0ko7o7tqlboqrbnv9+fwmqhrnymjn9p+wae/pnojzfxir/idg0z2sd85lext1o20iwdbu06jihcxzpjpbi3qgyoetdpycwgiek42hhppcxtilxyd59tlgtv6lvhewjusl8thbu7rsvao/bixuz+ovk12y82ogishjxwyrodpjxsxmdhmw377m7piqx3bgavhuucuxuddpfhbinccwnw5m/jk3htqumwp0w9itqphxjiehibvj1wf+5rjwp3g1iveuqyefuhnwbyqpwui3uun7snifrc3p5094wak9n9e1nhhd7n9lbqtrokooul110dapbbxlrtezzgdfnx+2lwladphzy76cpslkjpgdvf65yeu5/ba6kphaarxzwdfp3dybhqbuervklujnvuja3za9u4wkg1zrpnt6zaspc0ynikpcdfchjuezutuxfca1f8z0hk0ucvnbsgkkz9zzvvx4bqzsmyfdtlic2jf6ilredjllgz08pmduk35no6tfm2lmbb+kfnvh8ex5lxfztgzofhkfmxoi11ugnsnqsjtopf2lanhednkc0yiyzkhc0pzvsczuiz9jst8qjhcq5eqcnevbh5wznh7nv43zoi8q7qi/nyura7jpp1nycqs7p+igwnqixuhwpeqfkdz7t9dmlcz89fjfzydcszf+djzunhehk560spygktcjqekmeqed3gkmfwzxq/06+q5balkftejfnfs1iuya6psidke2sm7lz5zbzmoqpzgpmv88mjwb4dqi2+y8vgbor2/m/vpfffkb3zuupzmqhp9ae3u2dnwed8hjor0mle92utlqmxb0oe5h8wczd8wu4hgoljercqjwhtm0uxrifn+mxigyw4ub5wbri4vqjutk874chq39tylo4uyumwz/lcgmtwrp1nifwsxll6updchdwmjkfj8osbdkayzzshfzjddnnniar0w2wgur7zw/+602lsdg/vy45lb1tafskiuxbc3d/3pn6vl44cxhnv05becoot7y2s7ccloajzoe+imhiugfo10+kalsecxvre5wpm3sh5l5ygcbwug6wtrzmjsmf8rjnh9owqwanv2anpwuztlqwd6m7ch3tladtc/m00wjufejbmszf9r4kiqbb1dihfakiz9s5iqjmnxw49weczorhxqzhad3jkv99ux30dktglmmiixqgudwjkhllcup72awrrvk/0ufku+eszx5bmpn6jje1qfbsayq+gnusc57yb5m99btfuiqlej4gnc82kug4ae4ulmav4mugazjn3egc0prxu90okdijl/ydcn8mc2zkztowckcti2xvoyh0unzblg+dw3kgrarfaakz8nukeofggxmfyyoqlglt0qwijcvvfdevvzcnecdqjhpqitgi39zbsec2uueygdlmk8d7susk8hodf5ifbsjr6t15w7nplk3rwyaregmbq/0po1c5wlp+9+zoxqum1ywgkqki9a6wyogqvqrdaxczaunbf5ytn73omq3pg7wjkvp3m4hfbjg1ehvdwmzg8uwargx8vddnqqijx8zik+izcypfhyoqb4elhvfptapabgwrv5wksl3u9cvzbzvg1+b/ed8yge4yhgwqjwavcshgs1+52hsyxufhdbqxuyo6unqbljxpy7mf4xstxgh5c7ytmzybfdoejpvo3zu9pue2+rsdht2248bn+7uiactm561n4dbnstnzz64mbdf/jwt98sfrbbfx77rz0t00qle8oyjzhsxr0f+eltiyoxqsspvstxqa3373celh13xwzyznr9uak0u6jijrlhdfxpatm2prle9dmpvr11g2y+9qyydwrchrbnm9k4ugfnqnmodsqxk1vjhfdkwyvzel7p7ocyf4/4sqpuipp9n3h2ck7lirkob1tx0trkmvs5/e6goeaiqt6r3fq2ar5wyut5911xto3sc3dz+4yrr4bqnmfg+6w9ixhvgrs77d6earwm7swnaalprkzie8qgbwrugbzjlheozwetxmcnbvjy4rdoqwracdrj4z5vjzpos+ypubondgqlhvhrrnephhmcjelswaojx+/ojzvxm9jzlhyvclgd7vyeadexusoeh+wveplx09yqidtor9ps+5z/ajg3b6/v/ljkz2v2chzbj9cwwf9wjcpaiwgdv/dencqlgwarm7+tq6ita047h7lkf5v2rcejnlrl6n8rtctku0u/+iwzi8undyu2ro5vw8zhaejbvryxsegqkfz5gawaefwh/qk15gqqjnrmlmted8co6osid0qvep4qeqeyzddxq0d5fdp6/wvx6ykfke2vsa5xw53lxcf9qc6ziafl0nwbxlsl6um4auexqzz3/cwitdhxs+phq7jltntrrjd3i1gayoknulkmrkxabccxogctcxsqlzlhsiqc1nccma0gwtrrwy3okik2gjgr+udzvucihdrvvuckyp/2ngndsuvrpnb6vvjffy2g2bloyf4ky3jr9hddusl2oa1kxtao2b92absyg0n5exlejz3sqv1+e/zuc3yggfphqxhh5s6ddint5kxxxhyxlrn4vlhcxvacbydmvsgylefqsan78jw/v5xsxba7vea7uudyb75ggjxrhux9hbybbdyzpjuzh6ryhcd/rtdhzfpa3cr1ryld+yh8n4/amzwvoegqgsa2n0gvvemtk1icyr6xxj0gjue0nmndssimnyyo9ywqhysrity66jxakjxw/ayftudutika2o3+x+vu0+8+g0utcpxbuzv34o98+fhl/yymafehmmdaghcfdqokpddletk2dhxkgxaa7vys1zpqnovusgrdq15ygmmv3qwws7gbijvgzpxuojlkgvynppkx8qktgl/ot/bkwg9wtbxseg8alnsjeaka4j6rxpews8arb7v63sbjgr2fgn874rhfsgk5ltanon5ho2dtr4hk9urkwnyp6q9nriypgk0ze+oyxrkjh8kbhbqg1vdaoz59nu0lobksbxmcx6j6p3hntuxligubrzc0ma4v5pg667dwyxsolmti9rrb6yitctzkgykx5mdck04ix308j5pdfqcab2oklrvtfnwfgbs3pjapfcotptb2lvisj5w51zpai8xfrm0i5ddvn08lpurcpycilvjh1yuoer+qjsqbxkqovuzjkfrwd/39y8n84vkzyripmib/a/tgor9do4lmzebrtiph/ccwcfvakb4cn/adocisj3clvilizssh7izqnot9sgaefmfounp32s5c82n9n+jgajwwsemgiof1tmusrw4hh1iummxik8eg25nltfrtro3pzrcrtdmcfhwfphg3g2qgefdbghq2owon7eurf4rjzctpbxo59ai2hv6qa/d9rfiymvf2lv9p3163ajwdvhpc0l9llbd0zvsnwz2fj0wgz1f8jzayv6+xlpupoppp9dge/+ya7erfrxga4pavumjdqj/llk1vtk9ekgzcuv5/s3bhr7ilte2kh6h5mi6fz8ae9gamkhy6ldw2wv1izjxcfv/9tynbcjvpcja4eezjeprxdlybqjsaxkq/egzeud0lhjs5zg5qzciuyk7ypvzktpra1l59rufu7pbmgkpbyzwtvonftmrcuossic3uk4f7/81y+necefpx7mr8nc5j+4hu1sd8p1ujuoyzwe941znog0ffibvta3xsuawcc37nidc8aw4woyhgb48ot3vgcirn4hh1dwwkconizexxgg3sa79pmppaxrdd7lrxjacydsk+v8+z1uftrebmk4fakecvg1tduuea2sbyghwpxpxkg6hfkke8vlor/icvm8lh9xovt5ahk++31vmess9oyct2qyz77vb0wn6qod2jykpe8evstvtrx2jmzqzsmspy0jwpzotdssldnxtp/fbnbylkxwyozxt27tkhmjyo43ohvbrmaco7xidoy+perxxk6y2o8435leiou5hdegxvjzcmrftqyi/ve3gzft9qzbpicoaigas9abvbkut1gp8rrga1xpt8pw92qyofmtvawkeecxrgcrrwmotvi8rtrkakd2fafg0quuajusw1m5rofammbvhaxpmiomx2s5vh1zofole4trtyut9zxxzzfs1idngkufiej3hqlyqftrxi+ylq2csp5ufivl7niqnd+gy1051bzk62sxhclcdhqbje0apmi/oddp8x01hrsqza5rdqve3su3nzo7avfg6hymrkg8y1ql7scbu59eom6yvtkk9en1jwq0vmqyje9uco6gw2an59ittobbe9+iwsvtygoj3ynyt5dkev1dw3doatrhvws61nic9mwdi0i3qxvnfw31rzqurxvoxbm+thhupq56im2u33zgykhdeow+rft8rqbc+vipwo7lvj2r5ft2xyeig3ntvmt04bwxaqzcwt7179c7bdgn/hvqo3tfcwcyqnpqwr8tuaxsoz+v0o2mwjuq9xqzzl9kjsus3o6otdho7hgxr+t4fs/mljfbotsa854vqjkmfkjbwe0ipczgxwe+oqcpifu2beb99t0c9g9mmhz+lp4gfsgmmuuiyvqpqacnsxolhhflpae2iyvm4cpqxzipcixk7ykc4kotp3ckgiteu3wzqyd146yqszl/vlcjewdsrtno59quzoaixm59xnrvbciydbcm9v7nfbaafu9h4t7mggv2+nzspm82smj5d+ifxahs8hgt1gismzwwhikt4xkgh/szecgv1meldxgbuwaiwvnz6wairrf54zrlum8impbpy7bzm1i2yrlmeqmjj67ifw3um51funmppw88kkgc+vxbnsohh9cwhwheblt05kqsi2oozbin37hogagtcnggi594o6zqo2cv97vgny8fqx/g8jqeu2ptmuw63mzexhbdsspdpe7ij02lw14ti/5zmkb+avrc2+4iw7yyheiesftx3ziuq5ogtekbiyrhzi85qstbrnqizt66v1c9wmxkeduyjar9wukusebvzj269vcrdydqmgpgdg5ef6bh++lctwl/xkzhimj9dmljsw2rmvrnxyxt1crs7vqerp6u+a/u1gd2yxvxgus6q+f7hcjuwnjtfjq0iiyvwjlhas2hsyuxkipaquxb0acpl3u7irfxvzmjmjpvduw8ith9r9l091artvowrgtuyycqqch1pkeqh29ykb84hgneojypvuhjsyh7dckiaakdkom/xlt9vizhbmqq8dadbuihywb3q/mli8ngkvdq2ozcz9vcrzpw0px2i3peda3gt/wjzq2krlk+/zrtndxlxgckser0xcfi3svoe9q9dikvia8bjo3mwa2gobngketvak8mh8iaaai8v6ysa5vmodui/whbjiptiynjqgkevza7pit/adsk6zk/qvlhvl4/csn6nkl9wvneklxytfqui+bvamfmrtulrxyi1hazoyyqx2wi+hqptnzn0oumm9ocarfukpillzq/iuqwqjxqtumq5qcuwnvp1wjrfywzuobcjsop3ltgmmwybio6zbxshoaq9bblcq9gycfyzqghzl9dxzsn/capk42waq08i6wbjdempunzajdnnzhxp/skmmslob+camm8rzdh8kp1czmiltyg8fvppxkb5rrbzceldg+snkyyku6w2pz722kwinpg3k5ryic0p0k+wrrpkpsho32t3gthuy4cpasutiakra7eblaas6gwb5sskempo+mjvhqfwexznx+c4ag0twvb+nyn0w7yu6ln93od8ja7r9h3pmmq1csfl+w56dlzhveqskkbh9q7auygvpq+n99miyyzow4qlrhu/brvvvyvaiddaqticruptzizmrpa6sap12qf+cvmzmkpm0kpi0tsczmuc9rzgqcrkxmjwzqsjbdpscddst7o9r91ur4ciwjxglfhwmmgoetn4x6xlrjwqycyogktdzwikte7c4vaky8cec/wgsni36ssekddkhp+wcryao9eewbjrmiqmo0um7z2c1upeytbmvoxqqrdwdoslqde7tfjyqfqw81uzgrltvyg+4wdiyi/zomuzwckqqqdcw0d9bbuykhsocej+f0d0v+geslefkn/5dxpuuv+uku9/kuyfavswjuz+xlsplauco8ie5kric1vzi6w024mcpd8rkbh+g0jt3qwd8msnfhulqe0fdzvuliwfoqhxlzhps1zcd4xts1e2bgegvhylivoec/gog6r6xq7y5ijxlhoa4qkdsxdut1sw/txztlxawlsx/yoixqsaihtneyizcxtayqiww6vskyhrmfwokrnlvgogwh4dbsnwb5qxbilxobpwqgzaq9xqjlugtohnujwvglvdp8yllewz6yqaztfjyyiig+s273bliqzcajcvtqqsuwtp1amcwqasx1g7vosgvuvz6dodf60enp/2fbvu+3fpevxu++ldwcw8myd2s81zmp3srhucy1ztcvpl3fe0/t1ihkzqd1lrlird7zqjnfw17nlnwwq2wasezr8t1lf+qgvgnxzt9uujohssse93gwzltrjzshhfagu2m22bys1chue2ro/mw8gyffr314nxx2xsp4bohn3hrfjarz8zv5qayzznqsjodnvhynepiq5uidi5bu0mz4wxtlkeivkcdzyyvxwflckankgjytyclymaihmpldwoaeepsxeoiwuwvlhx8qukmqp6oklc9u2u+rtktbsb2vnn0sweflk76shkrb2lvr+toyqnxuelqnktuzs4dlihk2u2d2ag7rkc9th1qey9quhfklozm4q6vuf2ywfimd6grxt+dlbcagqt1z/p6n7mh6dvstifrio1x65rh74te2vfid1dporsdmhlol1264lh3vrwewomjtn4yqpg51yqwtylx4e7sh6m6so13fcj2xtlfhrbcuafz0nwifdt1/tltqhwkb3whki6pgx0mzqhvnwfscv07vve89becut1r/plt1dtkbyh5rpqz04/1mmpnw1bpbge7go9ktutjxjuysdvie/uacpva7v6zwdkyuhecxqvm1bnwucnbkah6oz5nz4jyvsjyi60wlz/fhvgp8/fohtp/sihnndybqlrcbijsp+9049a0uvn2uqwwrgb15f7qh3nyrchkcxrq/q1+zc9edeohql3i5domf2y1ypcvvquzhvyp7lttg+hshqnx/cwxq1kkqwypkqsvqoksq/iubxc+gykifawqjla1zhf5/0edvqm/gthgtad3hikuqgiylgf5n6jkcaooyjfoijqeags62mxp2vh3ri+hioj4ge0yjxrr3k9kx9ho17n+56sraamaieuve9efua/jnxn1b2dxfsystbrii2y63iozlwadkrcijxlqa3yw2ihdvjml8k9/xjgc47ka0txk6eb79folk+niegemwugnffcq63jqfpfw8iltrp8fs0afqfxb3inrypczls1gnqh4x8exosjwix2imondcgtjurdpmfj2kfvgladzvbdzmyoos3qdzkzsrtxxlka1nxh2sli/vyfidzjf8fr+3sx4vgiybruwzkwo5jb/m2iun1nv0notvfkpzuigvyzn5lgjscqvc5fom5yyz16fpkkdqtdcmntdmu791q7ntrz28f2xwyd4rcky+ay4p2+1ftfdqnkssitlaqnoqkae420oyiqmcktg+86wr82ro2jskv/3govvveyskq7xbe8iyefvqkcy5vfv67wxz9mvttctwagu6v7g6x/6bbtnx/brwoplmzvrhchdfxgwhmdnxxy4q+x7grlisr6hlvhr9e8fy4wvitumpvxjtpkisexad5xwm21uw53h5avfjqo2b8r16he8jnnoyczlsbjocgf2baopuxoxdn1ao1u0t2h0szegaisrcchrcwgdpuuddbome8wt1vdqm4byvmqmd6st1jdnl+zrqjwrv7hfi4uor3lucq8+x1rthvfitubrp7yk5bweaf7yqpxqjl5mey36jqrjg3bwy269+tgo7kv9c6enyjiehv8ssbo1gflr46qnudfc6ep6yjbhnippd+wqji9ti38dcq8hki23mxmlggm2xshhfrauxhyz57woq/jpkfh3tapjdihdcx+s+t91mmw06stxhix1x6hpz54y7yqjdf7huljmxze2ipeo1qiiaqy29pxgmw6zhfjrp2iyetdso5rqulzt0ocd9l73gv3qiz0zcmxxvoy53pfzg0joeuqm2fbnojs5n2phbw6axitck9vmpwo5jcgmbzniftrx1uh/dbtgym9/tsxe4znyhkyidx51t+9vprxytfotmdgz4a5lnmnse/r6cwm2o2ox/paux/vkmm0fyzm+v5m+d1igopcvy3lmp45fm6idqosbpac6edtjd4nklv6y+lznaxlejnom4cul7m2ql+evoexyxfxm2y/ndkkcwqish4pjw8zekiw0iylqic2hqkyz55jbe2uunt9hkxylj03a8m/ntmk8/jlpkwcncqe4vyuecoo2db0gbr95o2wkl9dzk0e1a5dqki8rf5dy9rrp/b/2onopcvs7xburnhdmkpphptha1epwdasuyozfcvdiuqq8pspotoj4x2f7ujo7t4zkrrjqfaatubxxk4bixqv+idutnwf4znufazfnu5zxltrmjak/iz8zpgey7cs7mrcgzl0jsg06ewzidnyqxyhcibttpgv4lxwrv5gm58vqbjofhksmhiq5ws1obspuwxriccf8n5ljshngbh2wzz7mgjlmxwdf+2qatncihru7fdt6gys/pwjqrxkw8rawuq5acoxlkb3n8m4effj7q9rr8ucsxrwdbuzossfd4g8yaagakyfspd499ftel0oyebmeytfr/n+hokm/cqlvzk7ftpy4z7obbh8lleqjfm2ew4ngj/f1djlk/4skpny2ix5coetpz3a2jfxicndywwzmifcftum1eebrtbbofgtlnwic0vpbmr+u6e+m+badmjmfhnmkdt70cpxilw7cvetqjdrot8cmdkeua1ykeye4kj85m3jezhnw/vfgqkr697nud4zfub7tkqo7mtjpuwq4bsdynaijkfhk5rtnmd1u695prgv5ekysgth85pvozmgdio8t5pg7lqwpbbccwpkga2ylxis8kszinvs62qxiyd0r612intz3wwfxj+qlkreo2ejfqmbhytkzon66lrz2u22xxqysq/dnpqk65juvksl2jjfoa9xvtatt4w+7y0zpkqc2bw752h1jclwsyku64mmo3mfk9j1vmr2d/xexcgi7lbvtfwimwqrh/k+53jlkmtn4fgjra8nneyxuxyl0ufd7n/fe1+9dpaslxyku8xctyydm/ayzn8s3teyml6yge2rylxady9a9fmbd3ms0utcnztnuinq3ngzxpe1touq8ooh3ofrdpiu1+2unrk1oyq8htgppnyr4j5xhtz06ci/f2xx6spovmv3puag5x1mueadcy7x7xixzh7upjnwvh9cpz3y2ez3lkiojbbjic4+a5cx3xaoe3b+vez/e5u5ffrf70tve+zcwhq1y+1v75cevqff9xru0yey9ydvujgy3yhx7yqkfl52jsqtwx466wr1wzyjupuinyackqe+9tmvmfyf3clxme6febbu1bfj5oqfn+jr537k7z2ibu3ywrzqxpsem8gw8lmlznk7c5aczx1vo3cxrzpprrzznesewbaa7xbol6dn/y2ranvpynx3uu8hcnipxt2vqjrxnypc7pidf1rhv9ifutxqflncsehms5jwt0h8vtatcsepgyvqx+q/c2xbkfjvzwdvmabqsxam46xns7bz8krzsxaekc9h5zcwb1vcl2rcaphdt88shykjwnqvtseo4vuffh4b7ckxyatiy5b4psphux9ocxa6r12x1pjwf01smbvdtmnp7qrwekrsfhb6juhef0w3gszkfizohoxlvwvlzr1tibg0djr+ozopwbekshfobcthvgvfya8rccg/rf7djhugrld7/qfh3jby0lttapvhdbh8ok5vs4jl4yak8gw3j/2efmfwbdlrjkpi5srpfvvnok+okuf6vt9nxfc+dvf76mhi2+97oxfxmkp6dohootm4uidh6+nx9w3v/++//i+//l/70waxkbydvzswrzys/v/rvxzssde0/giwtf8bvu24jwwuf2sdk/o9cps/0rova/6nfv/pv/w/vigc+xf14zsy/2hm/8wr/d/+9pf/7//6j/79f/8//svg/+sv/23/779mxylfeuh8dychvd47cmqcn22yugm2uhsoljhfrexglxsfij9du7t4lqls8vaq20dweoc3cqve6uw6yuqbduqnmmgwrnb93uioo7hmeuxrpoa92qsjoesqwz55cx0t/wje5lx+dcly+tnjzhqbiaidh02ztkvnmhm3n5tgikd9dvlusousgarjfa2z22itpsc54qzsna13acytmqcy30juxv0zvun9zt/21kjuwe80bpwe07w7qdrekpxaiudpn1cjjxb22hwq6rlgpisruk9qvpdssirlh7xqb+1wp/c3ojjurdwc28xamapuwk50axj9pfgkovcsipqzwwghwnzfn8y0jsja+9uyrdumdn//sxm2wh8mknaxzr7fi8bvrr2yv90h2hzaabwhzh6h0xijimbjrxcu0kyodwxbin1fuaeq8re7qrppoqixrcrezmpjhdc6d/ev2c1ojfur3uvudeujwsymdxa7eblx+k2hn5s13nppxpgpksshoohbggdslyk049g0blxvuwwvjqpklo2yfngqwnzrtvc0mp1afplr+00h9f5zowlbsjcsphlin+phtoxlwo4nrflw87rymkymvs4+vh1v7mpi6dfrcf8peakxzzg2hcgzbausn4cf6eo6z7ahzvel6ucf3tb5tetllff1tqcqjajuzbgn+r4eaetq/pzqibmmfnovlqjzuaxixlg8c5epwu98jwme2jrpvh04qnmoifrni6j2oa0jyw1pnlaeubmmim6iu2w3cqtt9utofqggvhas3q+r1qdow0bxvqykcejse5aaqpgguy/2jplwy9t+hu1z3kwciwez8uyecfg8btm7wzaxmwdnsmrt5dzazqjvryygbokwcbkycqhpzvkuq3maycefua3ghcdwd80urccwcu9lhjfwzwoajgg4qauzyzdyfelxxlobqaffw0nkuv07o3y7szphja6eht6y7bvvijlu4wtvc905y63ldkblnk+zityhvcjdedfrw5theu9tdc6wpawr9havmv07uzbar8exmp8wiu33vovgxo5ryvxtxvodyp5vr854qmfewyoss0lsjpnebbf8hoottb54c5qmmtc482jjzlne8v9dshuzywggvtqh9ke66cboj7gtzuhbgv1lxt6ttcngp1m6t5szkup7qmlzunpyiff416q76niymmh6wo6iz630udnvw9zsjgiog6tzfly2lgadmws7cfho9n7n1ixr3vgdb/bawmoefrvcrhk6vcwetjoyek+zhoy5ajq48wm8hqycvsegn9nkuoxjaqzk6+gw3khq6ut9jvwvtgn0nidrtgplw3y9zkfbtrqc7oj0du0kebfekvisdzuymdutdpw/mu6yqmtfutlgt3eu2ln28zu+makp0/lbmpzgvdkkifwly0fdyacwugpczallzmymekpjhh+yzcmqzjukxmadlx1w4fkwsgbhsq3wkarisbaxrddubuomvgf0bpb8n1so4e8skgbsmzsls2mfylylymgns7udcmnz3uira9gosrqsqfsthglzdckgdzi+e0o46avyayudqynhutywytykorg0ewbequheqvbjpyh3ekxiezgqlla2hvirpmgzndyujzwqe4qmvj+gxsrq2tfa64vsbnko9hypdilo7v4hcxi+n8tu3fcul4gk0r52agrxe5f12ng+7/h7umbyuv8khd7a3otgnz7py1aru4tgxkelchy6lxlfw113kswh73vidzfjq73rzkx8w07e/zdoyzkblv2ogtlid47smjpuif1e3b6xdxrfo1vjj6jykbwbvd4rtzt19wygkfibtsicv0puk4mge3uw1jsibtzff6dbzvvraumu1nrlaotwfhyi60ua/tbmw/w+qeruox5rxz89mu81no1mdaj6bwlb9mbjsbhjtdufpzdivjd2tza2chjqgi0blqe/pphe7bhpnybm4ddnby23o6p4igtgpyttzqm9krgyiytobivnt8a8jhttnptrj6r17fzuq+2epnofh8ynqngcsl0io4wopgt1hfhlki2m4u+j+df1rouheshoozlgeeq71xzp+wyqd0z3cak9jnmnceb+ud7jtrdol4z142sarbh5rfzgtbg7fkescf95azxs42khrl6ozhrk+ysr+ppeluax86pyzbiel24vphzw+lbg+/zdrf99zah7egbcteo3xvuru7qvyqpfmve7qvqmrd+wrskuwwru6wkenfbjyih5k+dqnqd4sagjjtc7fn0uqh1rs9cvtzc7ai5kfu62i8+lymtxmxybanpdwh+mqosmq2x2qkjyom9inowpejoul2enkcixpk3tmjw6n1ce8uvwnsr27m4axrfdm0kud3gy7ju1ejbkxybs1hte7cy4yn+wcead3+6uwpihwyqwkl6qvuiinsqr6wlyfmb7pe4f1wf0xeu9h2hobcttrkmpmh5tcmhtkbpcktoaei6pbfn9xt97qigrigtrr5a/v8ywtrfcwxhrifrqk6vhycvsjs/dclspqq/bgtg99qpbojbg4cya2zmkvaq6yjk581emaln60onhg1yuablnzizwhxmlku8jel5isrepirybwe8rngcqpzcime7wlo+0/krme1+2zvy002qw3auuehfrwqgel82wj4iz3udvarysdofgwga2iob6fy6ggbj/zg7vq4whhuzopkjjat7eu7wzuxtffkvnuuhlrwbfwxjtarbvbihsjiypyq+tk2t+hfgup1hqxd17tcxt3yfzonttygod0jd7t2wcp1lw64sijgmuflse8gs8xakaj6+dnmd3vasdccslnarbyqqtht9kd56i4cucx+ur6yk7+rsiwe/vzayzbr+cfmmse7jlc5svqtzmd49qt9/0buzvbcwn62mxkja95szhdopelqhdtjmq4mcyj2unzyftpljy7ruh7hphseuuo2fd6qus/kt/vcxgqfs9nco6vzup1/fkfopnxwhtgx6nxlu8wbz37yfxeun2rk/jvfbwc/lvu2z3dzlvcwmkvnuoivqkxi2in8tdup69rdlkfykisv7leipd0/eixn7ryht12gzcepuuxakxginvqblvfrgydt1gdjdeuwhmklthmsmu83l9i9qpp9dqfm6sudblwhkselko2abazprwn6p4go6w1u+bbeupjmnex7glrytas2z492cfc2xeyxf2zw+5vh5rqfmfbegqdyr0vojrntnqsuoqw6h/dlpfwapqdvgqal4jai2z/yaf18+uuli+2yhwerhso51dens1y/i/eew039fukdtbbseivtjga87bdxtglb/thndohvdihhduhgz9q1zgsw8p3sjym875zvb7sj1x4wpiovrwuv1mxjgl0otxbomsw3cuqptacx5v9je/2zpqor2s1ieqaleymoxu3dmj2l1qmpqz0qgezm+djexdalslinilcq/bwxrj+kj9q1btdgeitjj1fye6gmvnpctjgxp3smcnnk7bzdxong2hf27xulfptvao+zxj2swilvirq+knvvvzrujdz7empd5796qd5bgr5dqtmkmzfrnukwczzuuk4fzm4n0hiepi8yxbaty6qfyqqxbu3rcq7ohcjmmikgioujlb7y5gxvbpbls2jmnybsf6eukwubvw+qhnvtayin5ke+roz1xio1sdovqsbwgeh1qumu2+hhltvtoystftysqzy7mlqgovd85ww7rnv9hpz1wpquum+qfcsqfjz1uvf8fpoktlr/qoydxnqyh/rb7vzm1cviicyzshhftdxbobkmquiyqg7kg7puf+mcw7gnpawc66fju+x42r3yrl5pgsgguupwjyvrc3xldoobpbq20h0w9txmbvlyohikw2djxdihf0pse9yrslxwahw4v8+vkfqzgs1ndfm6fr1qq446cuq2uhjyj3uygul2skb7dyd0vfs6xq+9rb76nzgrghpfxjsqxo1la1bzbcphhplogzvmwncklpdcn7cyjxavkysplyxg1kerbher6hiz+b+kkbtk3/vvnoes7hrubq6mhsx7r77rhbuzgliwtblevvt5yvcde/sgzv7qiq+x5sv/ttszrto6pdrxvcdliefukkucs5emzu7sy5wbjm1cgj2s8xhldtwymw4o4mqfrufqkalrdnsb3xo3cizce4f1vcem3uxuqa2otnjyy6z1fcx5zetnfuara3mozl3hz2n8fkwivrt2kbsaom2nr5smvfrmy6dveg6fnc8mcsvapgz4ps6blyjnts0ygynmeav568o4+fc4snwkovchyecuvudjjj1mhkf7oy9cbgvhgdpobsfeo2lc+69wvgzxpno7xbgokyvujrfpnzfqtmyjaa6/tzfgmxrbb9eotlwnirvo8rz30stqraeykdtz84epqjix0/n6fw65ojnhz8er9z3oq4rdvp+1wzucvjv54wmm4bxl7+jczrep+qnpecruvvdogwnb10wmcbjbr3t/hqbp215+lhtwvliurl2iyabxdsiptobtbylo7ise+f2h/z1wttzlujnx2cffkiyplipccdr2haivn5eqtvdmjv0ix4rkvdo4rg/ao74gezhon+ncjskeiypj+/we+s9oub+dhhas93bvhfzkhmgpb7nfu5vrnckcqseauiqypwzaeh0jnjaoy4u9wgzjwskntlf5dgh5+xhzl1n8u8zrwxujizsgxuilkxw3d5tzsftfqky70kgng5uuundb5mnzhlwhw/gsawdzuwkth9bs9pt8ndrq45hwxc1v4+xxc5xpfrahn4jat3rcw0cuv068hbcvq84qtfqurras/hexyr+hvb6uq1++eudiwqaxtxmodhkggsu7hjbflgvdwpjuvgrb95j06d2g0fajvzhhib7l+kvr3iykw4g6miukkcxfgi3ej6zbxhcjfjodopr+3sgohonb+gtfrbogw7+zv0rjtncwcrxglkufxwrmveju18r5+l6xrc/p+t2/vljmaoiyz52qloqp0o+jx5isn8pc24gke06phubzj88cdqqh0zvxo/gkzpjthvj4vuio3gw5tyxnd3mqvi+qa8p5ldgwkgyufo0dgtdzimuuvb7bbkndim5bb2/wre7bmiro1/qbgpy5avo4v8jxmetslhzfdg5hanoaffr3m2yzkceldodkvjez/4fuvlktfqhymsxttsypgqjstklt6fti/vk9fbbdbotrn1uhay1ufzj+vmngzu4/wlqoua3m46l2gzqg3cdfxj77t4grvhjsfif1stpmthsg1iykp7mcc0j1fttr3jou97ng5qhuwafcjnlju/hlew/oatvrvmj1hfva/v95pup3s5bkobnmbjumrwjk7rl+nds646dczatsqhxk1rkx1otyrkfudtiexrq7unar2pcc+erk5+ygrrsabesuzshdvbssenatxyiafisdxzdz35z9+g7tmsmjm42dvxblji8forp+ouqeq33sdtcqnujic1r0vdtgsqzx5n4jogfsw8a6noyyqfbn7vwq4nm2sq6jkbqylzix++cy6nd131wz4rse1bss26yt5kzrvdbiurtxmhvyenzjhien6euu4r3ah96wwo+mtv6nanjllqqlgspywz6uzav13vzvjrsjdnacmjt9dtzdc93+w1m3utuanvmrhwbroc0qa+rvjw18ydpvasx3nzifcxcmkt71bqbbjrp6opezmmyy5ne2ykcinzahyeutredjyoy3d+sq0w9vlcnnkzkfkee6ecfe+0yzihrgg9fbs18mqhwbvsnbbfnybsikyasc5fqyg2pcizcwb4j4do78nuycdebqvb9akiuruwzmge0et7wd1fsmbilqkc5uxkf9ujfy10on/rj6c1nzznyfeo9eve+sb5jjqk+2odlqugiipjjzlaaxcal/oedlnhg4euxskevryzgxomauxllqodm0qm8mwzmpjw7yxgxdqyyofciqiuqnik30ubiz2njllsugh+2p4st7yfk1y9bvfgcgeth/o1ugsycqsnddalskunqronpesyq0/xowhfx6tfj0oe4phlbhkiczmogf937iuevjrdn+f4dsxvcymyv3atwcg4vttipduhihkk9zmkkc5wzm7trcwuy1bsxatppndostndj9blnodtsxpu2t/dunurjdfgpyu1reux3clqtmwadetfo03gvhiiunoahkum5axaja7y9alba5r6ezpz0r1eth4mqt/m7yairz3otvhntrrocw6gkhg6sy5pzkjb5fjma26nju46pgsoajyv9+v0w5n2lg7f+bvq+80vw2ajzw0qtvws1mq56b2/7cb+rwgynz5cdjmv8ouzujost+8cvxrxxn1v5hjzumsxveb9knzqfbgabaci2kpzqjpxnxj5pjmohw71t2eqpol5ricfcimnuvzjiqdz8ru6zjfylc8o3i74wm+uhfsmviad+mryqavmlks3xdqiuym+zio3boew8viqzshxjy5dtspmfkvjorqrxoosfjzegcxeez7c82aq8esdfmxiggpturohomaoehuv9z0oeliaswhk7s6yibywtvhyncq3r64ndgvnetkrj9ey+fmzaayjov9roxpuuyqcsp1r/os/9umeq7k715wwdasz1qtwu+vrxbp37tgaswufg7scegkpsrabljpbtw5ejtrwcmagpcyt9r1nh407tdn4r+roxue8jlatiyqvx69qtu6swhan1pluh41qp6gdkos9pgsrduap2e26dnyo9aucpr1ytm5cb/fs1dpv+vs75w+axu3ynsms6nd7hidkv/gxxotwoxg//rnnt1tk6w5+3lqtweuftyq7dfrhr5gcxsx8urpr2fvfxc1a9v4+ts9lrox0t7clu2yw55tmrb9rzlwdpotd/o+dl/0y2iah3waxbtpbizf7pm4/tewjlh/tzrhkwnwrutnahj2cd6hp9dhb7gqd669ufhr2/hhal6jwe6hf3caf46pa6ztdhjyhsyb3gbrkfk6wsqtbqbbvafzbnls/ogbi4j2hevajepn1a8urbnstm8rf7zye+5p4+72izr4zu8in0bq5vy1q5q3rw0f1j81nxkmkyvv/z8jxybe34qz26ssiyptejnqn7xr6zjjgez1xor2rkd1ugo4dnuzi4hi6ekl6xgsvvkffimnbmvn6pip5pontzn6nokjtqskieidzv/j0rucltzrkrfjod1a7phli6dy7bppun1b1rtndypv7m/5oephat/9byqtvit7bk9nr5cyfcjpvb/ttwlkgp4/1zev6evpfqqx8qttuqpcxafgmlupu/hsb7tnniqromixutwxmtfepncnwbuehzp3t4jwyyl+f3vt5y85ptqotsikpiw+yahq3p0r8+zye1n3qsh/0ewkjaknmazxzigqt4/ywnyfog4j0rkylzz6yqum64a2hbw2mfiskxw4dxf3qglz18lbnpg5r3337wqzokjxwmnvr58+ybjyrtr1zfsxeiu+q2hu06oe/7+1hh1tnfxy+c0o4r7la9ssmhflj8fsqpnbcwtjtvkyzkg7jlhxlyq5ijv2q+skah9yqgjssedolr6f6i3msfvmw9xi/n4bo+fbbo1yqls3v41zrrj2/uz5pe2p22+sgxb137l9ycq0w2gvvxalafqk+eqlytkagutiauez/1um0i0th2nz/jhntxibv/unuo23442dhtlu929ienapxjhn+e5nd1jazhy0sqn6naug5trduzccuim7je/nijwim8bfjhg2+sf6zywxx9+4l64ld9fpdrbuswnnxdmcnmhzlpfesh1pm80fkslvyiiqehhdeou6qiinvmrxzdjmysxjbg+xqufhvble8mhphrwr32zvk51hercoxkj6vj9gbcy2jynryhxj7bkdvfu58o9pl5yew48a5swo7fhwi1c5h2vriqj36arifvzohg+/amwmbxrjru+lis4xf54qwmrjgcat/pdndlrwot4v6tytpqlh4tyym/hvtwdwe9854sygozoruei76xrvcbzc7dxnnpdk51ify6muiilp6hrjcqsrkmds72tn2a7anaamyugyn0elxn7vzq+0h+vhvmvd0epvkl/vebmqgep9ho2fe/znkrmiglwnucmz6yyg8095bvvixr9g8tg+y0ryvkm11diunu0csxyfsykmistknrd8v0auxkyop3z6znvatunqiceop43jxu8ubf973meyrd9jumcoq0zwoyglphbxcqr4bzdgpmbxasqd5mioyanfgdfewhvatp/xrzt6uha9jnbmnstcboypjc2nchrfkqivqzmu6x8tkp6l//11gqbzll7dbxuvvwjpp4mmkbkfvimu44a6h6eh1sw0d0yuzyv7usz+qfwcrdyrbxa7jwev67stvjpnnyn85wzxfo0f7hayz51qqrox+6dyqwqbdyr2uxaxm1xwhcxieuso3mpcutsl2+zfkjfym5jvs8p8jkyvslpfe5puxjtd9blutfcwr+txgamiclddskglwauxeemh3dr75fw7vu/u5bsumz2upyoycctcm65eqyferxzcmgyhzewu3y73rfny7vktzcedydkjughsilknm3ecw9l67t1wzmpkyyynl2tmpa4q0dkggibj+3tlsmgu/uha2ow6aiyxcalzvdmp8haems9vkwlwlevzemfpilvwrtclitjvkb0t7+nxidwn7axs7nywwqtlkngf4qk+smmxsv5pzwpovibj/ohjhjkvzehddrasspcmz7ok3mvl5jb7wf5rrq6n2fcbuu1mmcsj62jlmb0z+fjcbi4pgcj4qxeftl81stafrrrihrp5rdbf3hbaeqlwtego6j9vf7isq73dupnbh0wnniwnhvwzu7cez4ratp2e9uhqvk/ha2c5m28nd2qjxowjiwyh8xjkl2awz20zmhnuxhrlv6edemsp9wvrsyz3jhuwuprokg0swqfysxkg1t3u1kt6aqpgxb9hi0h3ypy5dztskbjcigdkuardh1v47phlylxdglsgoflzfhj5fbjqczla+9fqzlnme7xqiovum5dlnt5ojxz14kvo5idzybg1qhruswl5y0yyc2jpjknxbrvm09j7hzr9b2t8bjf8qh0k4c4e3a9nl+qew4dxb66nbsdo+jgbuv4zm8kemg0iovrevtpyb+uvda3dxhl428xxyjpdrvvpbgshdxdo5hmj5prkwrbr7i2e9ztxkjuyhpx+hznknsrk2y9qms3n9ewlodkjmwf9oifbu9fwu1a5pf167xcco202nrrvnvigm/xgdsuxjsjcarh3ujv1hel3xu59xiymh55lkggfpqvjnx+ynemvoczlvjpbflko4tsldsrwolrjh3x95v5cvwnx3qstxhlv+ds0yu4c8uxpc7lhpk8eattpenwq1t28irxg3hjxdmpbkwb2wmqszy/tmsidehiys3ybkglumtldeqj90riy1/yrlnxgguganha/geblhm0dcyqjhcjxpel2v+wjxhuicxkvxeqbjmngavhsdiob1m5kfmqla4hgeadulbfnumrlls7j/xjuva187z6o8rvrk2xox000ayou9sq2devxbogyz7smvt9ff0dzvhhkgpry8rulgbqnfvzjmjnkcn7w0edg9sc7kryvklsurutcnc3dmqujlmc2je1tr4nzlnssqb+n6sgdpyc39qj2btnpthk/w0vepgt7xl1nyzsqmi+yxfel7pzj5rbcljivlirgbrvnagcpzsfzaud37u0qlv7yz6qc+wtce+8kfs3ymoi+jfckbdwhuv516he8tzc4oolravz7igbpqxxnrh3fix0gfvq2uvb8zbjurbgew4o5z/n00lu7wydhaayerdn3tl0c2xxtirzuuyzegy+bn9/uzmf7tylfrkuzuvovhvs0p2bxjibvzbxf37sajagu/hy5zvtdzko4gyouax0h1frbjhq8dlmw5+uhnylszegd+5jw793wggo8nq4od9boqtt0lroojqz6hxel/wmhncvwct7+srm6zvngbhzqgf64clo0ouedaes0dgylj03ayxcpnxbo9qqdyu5tx7k5/qwydj6mzm9kpyw71ots1u3bavold3yspqhabfclan0rteak1y3s9rkz2hmhjemmzeo9m1o1vqzblyzzpgjwxhripwa5b28lherflctx55cp5qkccycc7fd9zyu2emp4txxmzmg11iijftu6r/bhwpg9smz2oiqnunwxfy0n+dpdbnk6oiglgnz4emrm5e3bp5kbzdbbnbjc/dovvh3v/pz5uq9z4gu7ja8hjdwgmbh1eo2wcj17p6xuvovrj/l0+ulv7gqh93xngqzjljummutynzo9dirj5aa98zt8bhmlqvk8tvryyk7ho/o9j5c6o1uhhysxrg3jfrpuhnpnuywx2vhshnwtzee1s59u+rnjrp6c501m7plwofqdz77ckjpktt9l/gls4piurbc6bd34wg0ssou+wzlknshtxuthcdilnmppsn0oiqjckzqyh9fsaltaerp6ivmhseqopequr+9wqu8n2xzlkv3oaytnu79n6/uz3dv6jnkg6irqo6nj9isjca9zrd5e4gt9jcfu21v20vlymvj0g0abgccpewdhbtkny+e9zvn5r5+oiaaidqtzrhcs/5ix7dqk5j+nq9zhfftkqd2lvid5sqtukjpqk8foqor33pu1u5vimvoyojgvqpked8mvhvpbdbnuew+/jyz1vv0il7hoyjafrojghvls+kk5rhzbbknvcohndihywwsbvsayj/aygztwis0gdooluhik2vnz0+q2mwnmpqz7syrf3lo57u8hrusiznsfcwbiwtquikgmcirqtk6jkjc+q6opf3zo7a5f+3imzwdy4ib0kffvvvqnw9qngvp2rn8kyyw4nlpin6vjmztilty+u9n+g9db0cww4h4ftpz+g6szr7uqj9zydpip9kgeu59us96h47lvj9rzqjk7lvv/77p0ydgzdxukhs7vulrigle4adn6s07ngcsq3jgissoomgogre7n952nknbodamhzs8ijfawwcl3p540fb93zvox3ntvr17ksqvzf8x3awvf33tavirfolxticcqgoemzmlezdgu4omen3hkzpbnhtbmlxanuptfos1kwnahzefsql38o24v1qo7qhlewfwefufdjwb47noociqd6kptl0hs/eqk13vd5jdemq9okcgqsvq0kv0r8fz/bchegeektxq7q5at/6ewaymw5vpe/l33xarqrqbxax4hqitlyqlde+sfjp/0zfye+jxkd5lmdt2amy/sr+tteldlm8laa8bchtep9rosn4rkdpaf2jcjahylso25kwlxfrxgmhbw2ik9fdjhzlcgvtclsdyjof3frgjc2x0ed0zpr83dkpb+t3bo6odehzzgnaaoif+7jtmtrizrxoi4ba9er5zpjuea0zaoqgzukc+mr8yhfb33a5qe3bpsh16j2tlhikjfdyikgfbhtf+vrk4pvktz35irm47q5lqiu2fo+tvitkiz2rlmnt6xk6mvpisy26coov2fbgs4qwk8rrssijgepx2bivp94cbtrjk42qjcxpjbpzzldipzs4ke6rk0g1i8odjszavjjjf3g9pdd6nnuvyh6i6boqa2bvdvxiqiysvctz7sfbvhk0veiwq5kxdtbho5+cp30ucurvqiharunbz5sa7hxny1zhpldvicmqckuteoisk2uddsihv2+rwkrhdv8/6hwuzyqeekhf2/qrvjkjviu4ua5yzqi9krvfe7tua2lx4yyp81qxgbfhssi8k7ubxz2xt7jphhvt8ew5ryaaugkiwqe1pskyyger9uehidt65/ttgvyybkfh5ynhlljmyh6vgfvpapxyyr5+9yzs7fuggtcefphbp8343z2+9yewouq2z6oj3v2jgj5bp47s57y3cem2ceredjoxp+gqz66w59j5kft64kcagtjn880lnxoqwcrj+pbuah+11o/yzn+vxs1+evbbgx0ag9ktmre5qwr6ahejjlm3le2ay1tipm7vbwrqwytwuyexwam0g3r1ofa72gxxdddpenn1u7fyzbkaemkuptpfb91h3u0hhvbi4rb0gxpt170heiqzcgmifc9zu9nvopyznxsrxlbo+ifnujznyio5choyk4ftnxn6hjqa7yliqjesk4texsh4w7pnzob3p6idyoqw7o0675miu/xuwb236cbv1vxy3a97vpxrvzmrj/2bn18vi5o/gnub1n1fugngm8knjevullkyhnq2d4/s0iodrpgesajomcvcj9rsmsv/bujcl00n9gon7lloq/wloxnraq/mrc/2ffnxzurs1z6hu8a6z/lpmc6izwsx0wghomduxfvsmeh9/hcigjnfricgbamyp1xmagodm0qhauxnsjm+x7+7vztxeifjf+rv5hkgntnucdw7f2dkgjpoee8hr7ktyf+dblmjmga8/pivysuf7kplv0posgsxnijqjhz2cpmkcr2vf4+u69j9l1pbhytjwox76nsyfgppfa+0v8opwp+3volfk7yqcvt8neoexccswdshsx1c7+jwvnhja4nnzupaqtxjp947azdgcdo5bxzdvmyhigfiul+n9aodbh4mkojxma5gydmodrqsz6+/8ohdevbrf2jyxcwseoujtfkqsqqirqodxd5icsz5kygpbgxbcuyyqv+d0tv205yccswvhkwwsz2j3byb1a11kjm0wahvsifut0yxfmvj9h1lbe3rhgmag/krlvqhptec1ryucig8wthkq4v0ypwbrlh2qlalwrixtoa2pitza3mwsv8onblz1bjnhk07wycturytv92juysi/zvigsqle3zeqke52pa+o/gbhlp2pjvdnemjkpguxfcbgs8t55fcjejjikgwqdnd8ahwl9m7munav2o5pmbwcktmrqbzomxr52izodvmd+qpbhqvebnif+xs+b3pt31vsk4s6rxshktfrbs2gnocdkkvkmez40kk61ikusfvr4gfs5cx/o/nuzxsepihptol3smd7m4gwylsl+zfr7v1ypxapczxoccrpyqzifqse+evhbdbr0vesiskgd2sog2iv/fxnqtfaqfm/+f4lbe4xok2o5zhhq7mugoo36f48unf4v2jbo2tuabgfpdoqhqcg95rwvbiimsl/rxfogxbh+0c7zbq/vjcwnzj6k4/4xp2rjlq7baiecnmxktvhue8h7kcfutulixjec1a3oivtdkwzvklvhq502jk6anaqao0h1ud5ai2cmv2aszw01exlgtlkn5txkjczjz1ogvadpxdtkuxyedqcq6mo9ktliyeszhhokn0bm3npwzp1dnh9kzsunz1s+ojoxbpsd6edswxh+wbs/yiztdtdhx/fpwdxibaqwlm9sumv96egbrhwtvq48asstvidh4vipqdgjmxzj7ni2plfjjf2fogsg2lxfok7xx8q8avzhxwjvpwtufih2x/cs0kbpaqugfqwnbtymevqs3g6hq66hodbey7fw6xpw0og/lass3gvvjwsh5uknsycfslieixdwj5wol6/0cuvqvxkzd+wcqpym4euz1pwkc75ay1rfy4wvynsew3rwmp2bzdkoley5n7gdm7fckab4w/zk6dpy5knjdaxgsjx/s4jfivm2ni0r/hl2eoeszsw6sthwqbouwdsjogxylnu0ano2sqb//d8psuis7flkzfyffm2gw64q/dfkvudeooi6v8dwoqglvwffv1l/6o4hrkmwqisbkcscyck2x0lmdqkh3f/oc7jul8gwfg+z3j6pamzwqexkorgxhwwrbqykw+z9p8t2duulxni5md2x8npe9c8qne6pahfq6z0gr2s+wqwhe7xswsdtpz6xrtpc7qnye4zuvppcbpnylvbrgo2kjmfv0wngy3c6sg8ia6usirvrfzlzyyigsfn+1m9st7fihq/zetzxkd3/tsmbacbp7wqy9lzurlwzq9erqwmj2tsj9z3nojxhcalprkarx0znkfxgptuljckc4bl3vzyjgkdbwv+tatl47r/yhyov7xvhfa7zf3tfk1xbga+lgiy5+anzaaiuiuvctw1xyuiusdbmuzrluy8jld1ldy+0w5x3snr4nqoyhjijnky+9hz1g/l0kkzn4g++8vjatznwfwvisjxc/bdfbolqremqko0yhgrsh782+sjk2qxsaeeq0/jdtpnu96clzlxnwhldkujnodcyiak++hih/dichm0k3t+zbtfisw/xng+ieournk6h8/gz5mwvieywwkdyxnxgra+nma5xf930hm04xmkwxo6ke4j5n3amelmt+hl56gnkukd3+op26qvstbtgjfvmlvwrcux4urxfewq2ue1fgfllx5eddst/3akcbnrkmxcsbozmtkpvsh/zr8csqhvoz/eixujjvobdc+mxvppp5byv/gnztpkgkxoo/zacmv/75m8x0dhx5/7t5tp7gnemoj3hubqe9cuyfhgygjg0bq/edjgffke6urlqs7zlxh/jcgth+enacmz8n4ci11l1putqtqsx3m0rw8lalun+vvlrcucnb6yvwt6jmfmexzcljxbgyk6hhc6lnurtyuw8cp7vjn7bkmf95fnrac4/tdjm/qhmynfswizgnu717gmmx/cjs72yhpbuhg7ouwvqtdu28khhp6imnsp5+3b92vqyt6bmjzprfjbpfwkrdxn0cu0cf4hdhy+2foebi4u6ifb1n0sjuwtqjnjt1nwqodcstakmmacoxh2ss/m/rak/jgcw16dl/taeacelzazhjrmtdqulr2dnor9ydhjme/omnnp4pwxdcyd99wya7ida9qu0vtc3gd9nvidetdgc/1lzqr9vmumjtv3b7qakws2syouj7/u7zpf6+m4oq2zibxcsz2xkhrdr+yjtss3kzvtqf+kezzrzbckp0jwu7652jmeyrhvzbxugg3pddowjp+ksjfm+s5htteqldcr+uj+hzkcwhh1txce0u8fff/th2vhzswwoi6b535mazyozyvw5l+wmrhqvmdll7nipcdoog73kvncvfu8+tnirijpwixjti+uyzd9lt9+1kx38d3wgade/mkcjk0xtz95ciacfqu1+zrgjinh5jjzmemnbvyria1+ivuo3qed428xbbiahxcwlj1a5pswf0tu99tanmyqx4ovhy7vxnzcpwzityr7mwqerv2+toojs4z+dgjqv/o+rqpczzdhonfxwrqphnulr+bdy5j7uroxlhlqrpb43cythlj/4ueo2kk3qnxa+hicpahlkagk/sh3ycs4wazw1un/hojhzsep2m+ryorakdouhht846s2argqol8jv2jtnwrvcdqtyzvbeqlafmxob583uvfqfyn/laire3vhmy64g1dm2o6a/z5xer7bgelcvefidbckikwozwzbqpdcss753qxgc9rvqvsq0q8wmgb/p8/zjunqhwdkfo16qqjcqcbrolhixsjmg0qbfhkauhcmodi0iop8ziqtoamq1wrxshquakdqrsdvmv1koekasnd+nctpxh2fmhnbm7wflhk0ob1qv0ivtsk8vffujc37/f3ztttcv9dr5rj1psoebu792uevfbkkmr8zmaqqc2tfmofuqidkwnarzl2/5mk/t9yokle1gaeydxsmxrtzj0jp2k6vhj+qf7sjggvnob4vzcszp242nbonqskrsj9sze6vcm2qpatlwwzssiml3tzu5vn0fudtnld3spypennj3d96rfeofu6clduigvng1qd+ckqb/emknn2ikmj7a2cralkf9qaycairrgrpwxewvh9hq0ow9drl894p/gt5kd+01fu7jmxyilvdpl6lezamfi3rfrp9tgklk9ev0ba0gxwmcendacpgzyrlkiwfc1mxhx09svsfcfhuxlnjdmpmvm4lwipmx+ruxyxm3omy+xoets53rkun3tvis43p/7rbq+qexr1a5btaf6zvi+dhjub1r0zlgvjiikdfbacvy2jjrv+x4gfcuvbvxvfxqthclwyk7oq2ls9z2nu+mjy4qsnfrety+vpwxzurkaz4wcjznebyjq1znqozk6wymb6fvesojr0gc3uxm0qypgqm9mx20nry7hcxf0xc8zsu+c3/wbespthvxpl47ryj4bc57ghn8uilsalsym2zvmtw4moaqywbajhvgtwob9wxquawlg3x5chivxxjitzojvhuqlktwzbuftxbywatmjeri8jngmtz4via2d0uxvlr3k1jq44iya2h5wminy+w6qoqy7zkrobsulgv7fsmj37tydpor19x6cd08m6jl4vd1woi8my66u4gdnda+ektpd4t5gngazpuwrqtdszh2su0ph9yx9td4n1gjvuyr8um+ubnsoy7kbb1crmums1xs90xyn/fzqp3vndhfm4zrg/4hug1/nfohtae0e7+bj/pal7681gcvetgf9rmmh77wuvdsk9oo7r5yl9zurutnpkutov+xcvoe1b8b9i4tw+pxt0m6jxgxbitlugfdsqrw5auyafeafmmrjf48ktwtzt5oz5pidojbrkoa1yxl7vp/64hvuxtgonqd/fc9bpuofvf9oergr2ynmfdplceyq7kvs33bu3donvkvz9y7yhrv1d2uow5tfn13ewmsab+rsbehmbj0lplpnzxf7t52upxcmm1fvszlsvwzrohxhr3obtkdhhrhg4bdjif2kyygjnohdenulxc/shemmtv/1lpuhwsfgsawe64n5ee1o9z28rzcif1wvkm+lzuepp7mu6e7odaesgrutsyzul+2iurv8hep372hvjnlfhfgrxyeuviy0ova8x692teufthnwt6jihfff+5y7zmuhoaynne9zidn9m6gka6/7+z4i9ysjvrbdwe9kmtoeq7di4sryy+p7hrf8fiwve1tuqd2f1x0uhczkagpnyqvqrfuye/hpyqamjut2lfyr+jfrbrh3iazeoto928lu3cwylwnls3x37qsdyvsm2a25fjgk+qv73kzupcxelp2413bq+bgwrg1rtga2ykd/ftiwrbyqakye5ah6wgluz96ikf065du45smeul5asnpr6624nqrdh7lswpbshxvlfh1f2851jwrqcglhnlskvkvs3o/4otq3c1b8rb5fto5rit33fbngzgc1pkql72t7yz5izhfnhpvonqtqsx3trzqcouhxigv8i/asxo2jlxpr0o9hrdxetttmmb2joac96hlwmnruxwk2ut3zehvfjfxa3gdb2ptvcvtg3ltkl2j6voqwrt1qbei6fzdmvb0dhrqrue/nbowqbic02yb5vhp/oqfecs6j87/7sr1e3sfm4la205w29m81iuypwdxvvp2umk/ouyb3ewhloxuunj6dke00/y17yt6lu9cth51vbnfmmjoyh2mb2pqtdz25at3mtcy2uwvtx4q0crc+azbsn0spk6mtif/m6esqw/agrvhcebjs7yqqhzcwlahbpkgzxveq+7czbly2gzeqbxamn2wpowvgl62yphfwfummxngxr0j+t1eqvvruoucs27xj+f58xmz76y6oobxn2674iutfzs0m/+1mxzv1u5h6h6ud1ppwoh7mersy9nnelsqpsskpowgnhuq6w7jr7w4wqjlyfw9vrct+1yz+4xtsoawamftewq8rollkra+5faqn0dnzsoy8u9wpyfhc7ayll1gpev5ecegq/gr+/vggk3tbkgo6vmbdzy2krxru+630tqohfnct0x32n+1b5rs+lkxebtgl67xzmzbyj+wgmts8xtdi8hdgowuy9jhrb+jl2/7+vqufbm6tn2r3bfb0mzajw05x5qkmfzhap8s/wbpsmqd1hlabxptfj45fwlo71m8vwqp81tutrfkdpsshajpzdhtgdslo+jzlboc2rs73mmroedao9grn7zzsgwcr4radibkyhlgh3zgqz/2khrc38rnnt6khebi58qnbkvomvrnq9f701ftykhnpjokfoxtbp6gvrxxnjutjqh3+35f3fr1sppknderkhaq3ydrib6ucsqdoomgarg4qd7jeeeixcdp2wecuxl9rvhgloujierigspd2idzxt9xyc2n03nihaoftnrmymi+zndprzvkqfugmgha5izoaxa2byfzsj4z5o4cbfp0xrgnhldzneqp5eemlhg6t6kf2hvcdlrpyccu/9mozhma7kweejfjhlg2zt8hhxxw+ac5xfaetpxfuoct6yk4hqerem7bz3umblukuyscnclxyeejp1cf3jwvyqhgj6h2riusqhpkwrrpgnmk0tzldzk6t9wykkpc5zosxhahrtafitt5bcieffdmcyzj8enlnkf/yatz2v/7nxon0ddx+7hfs5r5wfc/43w85vhoq5gpwx4jjn3izykcpesx+yczdzd65xzu7vl68zge2iv35ryfv9vy7k4+bmlb3tbtdr9xejwp77ssjm2jr57w7niyutgfy9brhstfxfehexfghsxohfiynoro6riu5l1wdtqtayb1bmcr6ru+plwxsngrrwooqvsans27xvwwwq7ikikogd+jrzpvcdsnfru9xug1myvx2smleodc/cr0rfgoliguibvod/t2krshttvgwxvxuxuupel2qsj4be8vvemiwnhcyockpa7cuyue9wqmbujmjlkgnzd8thf0trrggckzc7jpand+qe/0qlwkzblliv3hjsegdpiy6kw0yrbc26bzsfxumkviqjtdjjnbw1crsumbxktmosd1lz6fbpraglwczrffwsdvnipvo65hv0fk/uiztyyskbuo0qgifw1wlpcd0mfm5lzwfba0gu8ehna/fbjcmyo1msfm+p3fyeryjdtibgd4d2dgoomdblbb6fsig1ovxozo/holgau0yhlkeedq23c14ihxumv3vabnekk9mpjo2uexw7p2umuw8pyzxuaxjvfwszpcqxmrhym86xt4utgrtltp0+kbzgcdin9do3ohb9wvghly0b5g49gvwczh1vsjboup2ya36hu5zvuz3q4fn21kynjfbmr56ksresp/acaneahq50xcvu4ztiivpjmx23ezqlicthoaavuwjc2zswbbf0qxikwi4f7fof7vqxery9syub7mmqs1ys7m1cvwtsclht8m7pzjmjxuacwvwnroatra9jdofdqwum5cfwun3yklomiqu87yqifjft6lqizqh+8nuefm/9esevp7ygf+7bqeu94uh0hvpku+hdoqiojm5qanvemfr73mzgfctkjuk/aldqcx1nhd9x1npdszmjnhevbghlr8iprxdog/rihnz12zb67cxah2zuufkvgax5vbo7gyscr+vfwzow7ofzuiiyinaberfaguwdtgkufnalcylcjud2hwobwvk1iffu123g+zqyrvlhjqbyyvffmdja+dfjlw0a3jnbimp81mygheuiwk5nlg55hhmu+1mgkd/mkrjhhm6dipzgnphczzvvto+tyklkz6s9czmxzf7nszoqdmnml/myvaq8fe7pxzak3ykrzvaw6z+9trh6ki4l05nx1vdaamaxpyhu5i34gi1id5pi4ho+o1q6vl89dnioqhu3tf+f7lujwez5mjodz+jybecszizrvzbi1blaxakqceikdh/4dzvmt+rjbqkuvjfye7bl+z2d/9szx1ncizds1g6y1hn9mrsvy27v0hcfjzgzksh1/zyng1nmc73qklqo6fvu6xqfooplcket5wdcjoqkhvigeru9afwpyy1j0mo16wbsjr/u8ew736whdkwwwmhwuo9vqmsdvvytxr9lu21y7wcnsaucr0x8x+vqrxuurj3rf6w9mk7fa88fn2tnckqaygninplykgblwhkit71uoetqbrlnzfoenzoqi4ax98o6ybpf2cpdyukgmpocn1zlk8jerd5lrc9aa+7wkod8ydrsiswmu/a0chssrwrg9lfvixrtvvpa59i2m+7dhkpwflylkeizmgb1r7fzvmm90yul/l12svndpbyi75ytmuqtmsfxhhow/g3h7hiottui4jf04vyq0rink7cfbs3bnljqoixfof6rdd3acsqeo2v3bkayuyuutgf6z0vywyhd4dlf0h3ua8d/ayrrn0maaam0jubrn9mg0h2cgga7satn690xat2qqhxzm+mzgqlhs3c0omuyquuholrmnv9a+ac1qzv0ofrlnmail/slmthlsy6gjvudro1zpib7crdknxhco/xekjzqwnbtbyobd3ugowxdtb7vc2kxd/33uzykydkc948uzi7zpiwhaqyq6nuz3csnasfqaxfojgv+u4dwxcjaxjz+rbe1p8r9rrk/bgw0mohebrcqqvgcefmpuqreuw1bqm5jzokbkm0u9fmoyr4e11vobiiqrxvscnvg/f30jaenjzuysowya8twoimfoea82yjenf1yk2tkelvplwfezp1ltlzjdoh3flwl6d91jotbuyxn6hujjyz94gifudpwgro7cdayugpoqfurgnufhohx1eqe7ztvhsnmkxo+rvrtfmdx0flw4z08t4ikbzdlcj4zwxrpezdluqpi1cctkmkz92m040zavd1ikvuiudxk5zwtzpboy28d236ns90+bbegautzx9+dglhe0g/arixswxnzkcsi0mr4rbs9bvtqdpeqzblgldc9z2gz61w7lqlwpn4qmzxikiz2+c+l7nspyi+rwnwp2x+u2usm5r8jfwz17odj4rf8olrrs8nylhrrsiib5nqbg67earjyemhxd1kxevvterokjhqocjmbhx+zlgbmkolupkpntwfaifhngpiey0wrhkm2u1opmd+thia0jkkegt3mthwg7hoyh2mmtnmfwa7pwoszrelv4imjisk77gihj9koyj5gznpndyl04fyf+an0ag8rit1jwejymjslw2qgnutfjq8ixlnwinuotiq7arwiwm47zy9gc3zkcjgro2oqrf1npl/ryemhj4gy8/xrtt4lqlhxsxz8yuefkenowwhltkxqlwwaclqji/o320s8dgkxfeki+qkhlqwq9gdhox+1qzavva8dxscujgndfvegcxhquroiikxchyaighopkhtwvsq4e/tsfnyq7oqxjsijn+jrkkzxa2wpx0y0u41qtj5nwr1hh4i2xydusgx+nnw9jqlmplb1+50g4x1ghw5skc5izkijwv+nhtofbdk7peaxqxmruyxfba+reqtfooquujdiebeyd34hjjbenvihdh08ttavqt5mawuuxvgazaugwi9gwkkt5yq+y2x+9zryhhd0fgjiawnd8gbalt1t9rrscr4zbk2dz9sicqqt/43kftksycky/wkkmchpkz9b5w7cgdzrzyh0mxjmi2rfcda0qkkmusd7dm8kfnfnzmjxzghcypc8lyu3f0ovxir8jeojchunryvhrk7b6m5wywq7lfbzz+pyjveb6yebykesdh6zap7um/dc7mwknrbyytzua0k092+fa3kmoeooceu/lbipt0smgoj6qnuw7h5oc/g7jm4lpm1razran7vprdsa0lmucvjdlkkoetxc8jx5kdigvlrt8/b3nsxjpgst6ebl8tzxe+ttgatpuwkzdewghf68xbduai4hbvh4vcrs2dd+sgv61oo6cq2g3j1byajsjgbykijjixkm5ipwcoy8xcye/cns7dyxisd5mpfidbw2ik90qhkf07qxabpgvihmj/eknnykmi5p2rdm5bnosc3i/q1dfoh7+wmsnhknxpefzmbncth8fwj3oto14wrlahiivnagrfekbcza0y5urstcboqxogqxv/jdr3ydezsshkrb1wvsnlh39iqsnx1etru0yawrezjnm8w+cmwwznjqilexzqtp9rzxqoyzvrmlqoz7blsz/mmmfcqghsk0tnrdc1iif14sl/sg02x1+uj3o2jgutfxbyqk68pkyq7nmz10rrgfipabppcvyrrvaijo1kpexvlcdwmtljn25c3fhg75nprm7gvldzpmzrqw31pxp9mbbtwhyrq1+phxz57bg/s5zljp9fm5bvngviufhonmzgirh1jqgikvjl69zgg2efwefk0xreb+xztgordppiqxp0a/pvypo5bs9lqalie6ybvs4/9reemxzxz2z2gii7rm/k5pyoq9tyx9tntcoedisec44kntfdyq0lx2qxhnyno9ztukffrgipwbxww8ospcfcrdjlm4u59zerv39qj2juq9sakn1borhyvxzo4bz5kf4zwx047w7psfrxdeidbupoicfgn2j3xdy3/nrilanjpuuqweeifseckal5uq6zcm0gqi3wrzmesk0kfwbiv4xqdudgzejl71t+j8bk//o7kvgacee2mzorekygy1ldhttz2eqmi57a/4+o18xpnvaxymthqupweiloytu2cu9riis1y4yweozflq7paqn7fw5iomovjdkishqz50czba01pvwumpbjwlblsqcglit7d6hpml1d4hkzcpnvfy9soyapqeggh7iju0dypbxya0hdxndeilgmpyouabsv1x+ilghvbrfde1b+pcajhlbqki2rnpmh1eyd9fh25q9vpyqzmiltxs1hbyvdtrq1xscz4icngx/vpyhrc/scv/+wx/+pxa/mpcn5/zwek33ihhzdjozsp3itogdg0/vbdngampluk76azf/xe/rh/31ixiar/pd//+sv/dskrceqsktt+gwd/4yl+f3/7y//97/v3//sf/2mp/vnlx/d//+x+mdev8vnrwu/iozt8xq+tojdbng4ulthioieit3q3bg6tb/3kuc0ox18u0/klmcemo3vclj1zbvk0buimqnpmg99t49lzqvsyu7obgtp1jyjeioh1nmsq8m/var/vrxrzvyoqmve7uykj2asvizllltpziu792gni2f9ytxojupxcqjv8lqsjgxqaoov3uzaqukyypmyywysfikoczsf+0lgbezqlym+j+zuowbgvc1qsudeoc3q9qyv47arbvhbodsmkrjj/eslmvsurg7lvotqltg75mu7ap97trwkju/gzgj4djonxx+qieieh+9wnahajnaqnbg4monboufjg2xpamcgkopaqs19pe5rv7eyhtepq3vc4my6qdsqfbo25zjcm4bk0v325rubko7pfc+v1tp0hicb57sbemvhprnljbgxuc/isu5sagweayv13trdshwtd8/rua7jsoyphzebenmc5gflwa6748fzzd4stj0botwuhvwbeqblleibrxeawiniz3/uycjaq72v9vmmihotnlgn/cdl7jhurw5rm2lkzhqmvaj/dvu/jqho8doef0m36git3hyx2gpkeeiuq18aj4ivyzzb9efci6trk2i6ejkzlh7g6dsushdlbcbwh0kixerpgnro6nt01zl0pwkv5hgdfs9+r6w9mxshcgkhvqzcp06gmlizvqdtkwkuare6urjmtr7s9xnrf835iiwfrxcns6ruheaibdwh0wgwbbxld00ben31yrbbd9qr8vnteiexk1+6kqkns+vjh+1wprk03fxnqvgmyn4ntrn0nbpq09e67jiwj9m2n+puumceuizcvo0rjqhrinbnt7u+unx09lapsdzbr3/usaigwwrxi53hwipvzsrubqo3bqzpt2uhm23p73ipddvfao/9j/avrryxjsvlwuxfjhjujga5z8wnf85rxdmvpwtrjty97ixpc8cz80m6jraix6zjlj1fqmd/xjac9s+hx2z6x3dyahdmd3q4zq+6qtwo2pe6dlyekyr2ta7cik8msdraemo02huyhvw4y3iveowoplz9omsiyfe/p6jknhsrorzehiw5kh+zgz19rkmcbbpogg/chilpwtuapnwaqslhmjsvjpd1xqh8vzd0ikmipjjttlymv1rfdczu6gxgtj5cwrkbvtzoqabnb4z31dtvteyzx14qyqsnr2pgfcqiwvj1ctxt28xaf1jneqnybjrpssbvat+yeebfsxjmaourrxxrvs61kwy2ohmgwpcmuemdtzmg4drhuzs+sacgoytiaodebez8sgox4uhcyfzta7qgyovt+ywdvls1bff51scgkb3ruqnrwa4sporvpmsjsrulptt1ubsak/uinplvnqobmrlhl2spr1z3dngznrkkjvu4pbzy+v3hulr5euojcffkxd6ezzgwdla5xo6mvrkfvs8cc60lokdiwia+odyamnia+vjr2rku3bsxwvy6wcir+rgchtm+56gizlqmfdeayytoxqnywsnftvc9a3eskva7qct6a7ywmopkvoosno/hf/nlnhbcwa/aietixa2mdlgsipxotqvwhnsudkzidwv5/zjh3dsjohhrrng0sqs0rvkdyud1x4aiewpzqiylkv5xtc/veiqn5/f00of1okbjqsxg8/t23zgwlfizp+2puooo7chb4mnk8nxjmfrfci5jdudux8++k27ocpyhykweombyilu1szutlvqosvr+v8b8evt/7ulvv5g4xeq7ypszmohfflcwpsm3ur7rxuhxaktodfgscvrbuuijphiy11wcyyemyzpz4echgxxqodjn2wblzzwbdpoa6ajgzspphvk52shuxzncp+rdctphl96spwtvdquq7nh5jd2epoqvns60khpiieakoa6fipm6kdfljqigi5wsnhngdu4nxuylo7ftsr+rt2gnv3ffurx3fk5jo+9jtgq2orngmoryqdxx23erft2r5rvwwrr+jyk0fsowvhen5ckoyxyb87+brtvz8fwg9exgeawg5880pkxpshpshc0sp63r/uy2puqnvxe9u07x76xyelpuxrlffkngebu/uumrfzeduee0btgq/xjuhvugezbvbmpa3ygfjm1jg9yjgngbgvbpxtzx6mk13zxc+0+wzmdnlzyjgaz0kuc/x3hhjcclmxzx6dg/b9ggozlsion2orgxwjqw/gmf1dj6uqgvvufnsasugybv3xluj8wlh5sud/7qcc4n20o7nlb7suzd7qjjzt04s/lsvwalzfli8ht1qctjdsqjvuhb3+zhnl3slglz2ty9l8bbcge1ppzxzve9551vo1cjdtnm3psykaitabt5dkbteoelmdtqflrel2jd+eldmbif0gqph7z7mhe3mgqyl/ymq1rsrxhtinkunglrtrcfyf1ianfs4p5wge1ktpalu0rw7mjcfayhajrpextjs2r/ihliaqa1pyiay4j4if+1og6xsuj9z36kzmww+fxffsdxtelr+eiknpqwjqlr7zvzzvs49u39zeuyms/ik7ippaehdmyjpa4vs7bekibzogwdfmczjok1gnilktt2o8kniysxt5nsv/qtjgoagfpu/ativyyrqwbi8lwbqpshvwlhlejnmpgfjhwbqfimnre5pj3ne+igcsl0agnxu1ywi8rwbik0x0lag/hgfq/yqpzjwlldjvdnymxhxabvuze17pxfwfd+wcyiu8xlcsnq9vrdxirhhzptatqe2fgv95ehezdeupx3segb2sai5ncgumtfr5mbvbzgiliwuqjeemj8fyteon1dnpq/btzrvrq8fcalybvgjspzd3bk7xofnzq9rrue1os+qkj8oeafdz0d9os6vrycxcwlno8896cijvxy0hw3vk3di8wkr+uyle/nbnk0uvqib6yipjg/vzc3trfhh7/q/1fdiydahe4u6pob0u4pqkeswhoq4pbatrej6dkvffnirlfrhvk1lnsm8d7vvkv04xgtgnx9l8neobfjnbzpjlh0xkgjakr6hjeoctvwkrvlasey+7dpr8lxzb9/6yqexq7iubpyuwbv+kkqdbn68yxyvvo1c3xpqf1sla4bs3uq0wjcns1dniw4tvt2o7lj/seu1tfpucxnjnbj8vic/82eff69ecr3vgxttou6a/cdghs6xs27xjgq+f+dph5tgnuozygj2n5ucmkbfhksadwoo+gdisfehb/eyf9lujcdp1i9gfu17dglwm/rusttfkebxodsbtb+2hwvr/q0oseh+qtr76mni6fzrpwih4ymqprurf2etmmjtayaipuqehqmzcsd3fsw8fmvzt23hkw7bzssdoxplgp+tk5px+k5tvnbfykpsxbn6xpywdmavjdm4yktrc9p4+2e0kpcxwabqutjcmhoqu21dojjuw2hurdj1pgnhnepivvw0rkdju1pkejmczkhptaycbcgjq7i6q1wjnj/6fhtyugb7gt/s0ykr80m1vp5vs3tqnqtxavp0wnmlawnicmbujcpavaeqeuji+lyvlbi8xupkcbowchelc4iyscopsgudajsanncf7t5m2p1aagthfiztrkaqlmf1bjgb7u4vznmb3ndtnahzyymo9sr8ekbubia48apd3gajqs0yfyvqemjqbqhatnx1rnk2jov7fhabdzsgdkl8vl2yn2qfem2evbetyabmrirvor2vsta3kt10cfnzmdotkym+v+a359kk9xj/rmc2x284rkqinlz0p6jsq5qq7dehpehhezplvif8snms3sdvpey+ttallvkqdxon1+ro/3fni6r56u6feivs2do94djlxuvjvaugudhia3xduknfdr5rntgoujxjzquzss5hzsylnro0xthczlzebgtwa8qb2xpw2576grdhjvewg7yu/nbueundu+lxmilwzlso41jx1vsyj0uuv04ns8m2exbz9vtoapvvva1o1mre8cbne58ttukr2fo6j7nbao4dqvazoa2kxmvjl062gxlmmvowp59fpr2nuqaaabexcwaml+m8xvyepkxqnuwzaomaqmqiwdnicpqgk05xrblivbado3ljt1rdu4kn/ihvayjamndkdcpzs67up7v5cjq25abpd4aewouldfve94niixynoheckxzgstzlam1w6kmcudzsvvgzfwxph27uwcl76mtvfu8ivkizziyk9m4nc77dhpquwe0ynd2im+wspaz2vc3r/e/t4yslon2qpv5w7qjv9tm4u54w06lca8+pn55qdpnp4pnevvkqjhzhqqud83h8atvqrulbiqc8wdiibfglvfr9s1zxy4/rcxq6j5a00p7xz2zuiodbrda5ewlln7vfcsrvqbjh2nnqryorfkkwj5zxt/clrpnsdip3tfz8npbxevtcqsevhkq6cctqffzqw30u0slrpk6u9dzegdcwwudnwddp46s+hz1wt4nkyuw+j1psu1ir/zaahcwhhtu8rtfxxquiicuf3vc2gizsx4xmoizmivx0wx3p7az2ovttzj0ftorrx6hc8xhpejc7hdyubffwzdfdon1q3i0qxy8wckb7pyngjbgatpjje9zchre9fzvad7q+xvxvzz0rezc5/qtqvqacfddfyqj6rh3ggfsaocefui4ndlzzvkuh8pi+62oxegnpqrvfnkgcfmnhrbygvhd2uxpoont2+fg5zmdrmf7fm76lqwvhnrvpvur3wxoo3zonbn6kf13qc3shdokh6bq9cgawpg3vpsxevj8hrxvct3n44x7x/77vsbidtcnvza/ifiribotdzxznvpx08jqpthjhahkdg1osthlerzntqqlab85qfwvfz8sa8vossbxtedefw4e0vhbpr0czx04i4kyhkhnj2fmdiweckvybd9vl10x4o6wzffeovjdcvm1bx9crcoi4mvc5skfnsbklvlvx05iwoejccbmgyp3cwsafo49r3w+xosf7kzaqouljs96hdzeranbkw8l62slixf/va0urrcmkfk0s5cloieg7kvip0xm27ktg6aiepu1srqy6x7p2dvnp3ntof1tktk7kkzpd9eevrly1qrtgt5odfwjpdt+nuuc/drn4pq6exwwi+zmbxzbzfs5wrftydrqf2gvlhz9vnsstj2mlwm41qevwbdwqgoqzklqhpnbvietr2c2w3neyshxasomgisfftbom0i1c6pj8nwj1exhmbtgcsbumrnmncybonem83orjshumuo+14x3cdewbejyzylj92qk+bbpydpwvteefz8n++bjg+awccapcyokxxocmtgt3bya6iulumlvtus/3g051fvgbipjggbtqw7mjnxbjqzvpgqwfflbyeuedexlxbakmxwhg5r9xswjpcfiwmaq49shbt0j3tplttgx5nvfvphzitjwqs6/w02yr3kdno8jsr826nxid7zciqnosd5/b46yqgzcfq19lc1haoiqxmxvabnuh6uhwn/f0e2xwrd2mxz/kfafoo6z8nmzj7q9gkdw3nmmim9fukdbkjy4nn07js1d2omgkvqdsupl6wznpqmt2l+uikrner1immyyqwpc5hkp8lpcbmuzrybpb0oemvcb7+ghsge01w+n97cavkuh+1sjhixhlmsxu04yc3bit8s3ft775kgmhmdhtzej0fwcoodvftgbg6zhl0ljxlehn7kqwkrjfmx7pdsttfzsxa19kosk3kes5imdyshcdkcead7rxeh6jj/o8q6tf+17h17yyifnvrhtansrg2jovq4iwdjmtbqqwlipqugthiy93dtt7lyeudlqjidm/ju0anycr4zrxd1miuuruqsltqbwxqq8aoj82rse1pqsnjztuybiflqgzvv8jhxqv7e79t1rydgdcb+zlf43z0p3j7bmn9qhrgshir8euqiwksiho1repoxrkjnh1szsdnvrhdpuuzztvojramo0bpb4trxamx1oavohlu8wruhkstekbvulkxio5n6xfqu8fqvrocaghgi+bvxkdjzstzmzyg5z+o7ruwew1uwelv6kpce25yfpwvr4kudvlqhl0ss1qr5sh8lxubtya0ipbvqqqmcvjhaxjr24feh+thcordsecksihbfeio1zi1+5jlnxmlufe7tgn23iqdkktiuyi/eof/tjacp2jl7bt8qimc8hwz9hmebftjyohnadscf0bwstgqeemf+zxqwwf8qxbgfyq8jp3ewvq9su2c5iuz9k0atkfdtojsbk+gdo1uyorcav0hzjbnaagv055uipyoshno6+n8rmhutpyokmlli+2nty+00t7ryhezuc+x7ljl1vhtn+bnxtye9ldcg7g5g4llzjccf3z6bgzoxnwln5kytkonrmib6yx2ucj9ecs2h6jyowmgobsrioe0x1j9ygow3q6un/txb/agrz95lutcqkhjq7ecdhenivjbbytvnfzoq7epy+evtkta7fad3m2ylxsw/hxjcosbdw7oc0vm7fo/44m12fmb2v3qj2ys6isfz9zfte4xyjptz52ycz4fwrrjkjk/vdsge670+m89ckhjoujkrcwxwuy4lsnazf9j2o/mo6oa+l9lt5xj6qexqyo+7qhibcj7d7xrlyhpne8a2ept4atcpogvb5gjizvck5u5samyva+z3j/nytc09zw/15guted1cjhov3ydtt8vdndyqcnfdqu20pr8j356mze9xzmnhlnj3xf3o7r2wpy5jrb3p77jepc9js6cnhdvvphtet1maooprvsur8et2znpun2p6wokp7btr6bwmexe0bvrdtartzv5z7iutegcmjpopeehpf/k+usvqsceubc5zyfjqzv2tv6hbmflqgz1uypngtis8njf2bwuvf7bwgwzfykaz3ba77ihvb+1bx6ne5zmetz7qvirfo9dkg/hffaecft9kx079rzg6dudjfogxdfrwppmps6xphzyvh2miztnigqdcoyhxue2ruscbv9cpypugougmncwkjo/3r2rxxcxrqj++e7pwzb04nt/nfywb7m5buytd/7lzwkbsh6bulrwsumyemihlsrqlu4svzkv04uue1aradzjlh1c1sjsqnxjiamlz1ez3q9rwzytoav31iwjnp3ocrzgofsrj9efvebq2/g0bd1bpxdcm3wjr31euerridfukcjmntsjhkqjdxstingyjnd5lc99/jsxdfrykrzxwvwtvnbld0qxjhu1q0cbzysypgde2u1m0ka3+jtj0h5qk25wmakl9ofuqu0ofbt1cgfqlifxecg1xnrvk9xw8fecqa2umwfckjmpkyl7kgsspldiyyow0yi8cm2y8jm9yxmulrdf1xfshb6xo76jo9twfzdfjnoe47pjtk3uyq6rcl16fuls39npustmc2ssuzictane5yz6qqvzgzl0pppligki6bxaioyqrgdjt+glvf2uzhypqznbyx0klqdsudrm5u9hwhzfyvpbfgewpc5t3zl6aoeurqa1yzhaw4b3s5z8fn9yuxyiuq/eynpxyva1b6eyndbas9r3lcehi+bdqmcdyl629/o9ncozy2kphyiym53bh62wtlbsdw8zm/+h1yolezhqwsznp+/ceih95dmclnszqib/75nqv676h+iiglvvaign85vmgycmodbafqzl/xvww3xbmuwixsotk8yitecpqlve+keb86mvo2kdmh7w7ltejh+3p6qcphxdp/coanxwwwbqunssi6j6nvmto0s/hfozhhwl/j5jfmebynu8lzmu2myspc8rqtv/iqp1doqh3adohzoiym8uqnmrrphkgi7ks/yvufnteqjjlibi0fdwjdnfo0k+tbm/bj1o9qvvchcoi1pv2enzjl6reb9fhnxzby23vtipaqkv0jmrgdul5aebq1ie8ajfyy1wwghel8z+eab0y/hl0mnzpng5hrnhr9rkkncmjxhdl8m4rtilvplzs88mu5wse87znu86sp6rahjtwx55/5+2swsoqtjco3plzkaijagjwcxmcdehvgknwi3mblmd6/cx8rl4ycuupjgmk2lbgxnbks7twczkzvje1yvicaz2xbzlwn2znzcdnwf506xsezd58x+25t07jcdorgsd8gx7/wivd0sr6xnuwsntev+tigw2tftdwx6ffo6f1rfxoqk4klnvcldr/edpsgvrnx8otm8h2olknlvmkt5kvhre324uo0q+7v2tnnfwlqp88gznurhh9wr31nlxwcgakfopjovvjculpyylk85j+qewwov3wg2esnlxslukigdluxmnkc+wafc/7afoak366j7gdfmujilgtttob9jpxsbus12js/pbty5x4vvpm6kcdboc754oevp/e4xjtchlmoa8j24tq1lqkjesg5zwg79tucw4mprt+isvmivavn9sxvgi3t9wweli6c7opr3gwacwmzlhbxybs0bpz2k/xgykutoyzmzwwgvaeznsbjves2hfslrj0fzbdfltr9vxlu9yx9vbnvetlc7/lyw24i73ork9d7xzbg7459qrxmiu18gct/nm7c1ceunf5jdlfhwvkq9ubacbnyubjc08kfzxc0n5pn51dm5ecfozw4sqkynywezqvigr7tjnjp6aw+rqbmtdu3z9thpmbqhkipf26nzucbcvrpayxmww/b2sfrvjornh/1pdgwmckpejlmkxmtlreximi++xplkd2ort6br6nloprpcenfjsc/ldhfncpcbtq85hhavxnndcochtq8m4bkouvz2+p6orins2ejfdukxqu623xahnrxdx9con94ikjrzkdoptmhrmafll2vn3x5s7jdes0fxroaiofs9rmud5jrqmi5kdimqcsdsdm//lomisdxeozck2kjccqy6klwkn06pmucbsh9rjkqkmt0xngeckt4+ymzhsjztfyxnuy67/3ofeymjy2p2psunwrr1hjdrtzszq95pqnjw8cqdblhs1m0nvbyquxiv0hspslucqej9oifoshpfgvy+srmm/dmsokqfu6mssm+cjvpzkgt56kdc7mqszw8mbqksyucqgzshxb6pfd9tk+vpquzofopidh1vf8e1w6lewbk7pkkzl+evnlljtzgbvohvbe7idzn/vwlbx8frohe+x84wwn+g5ktt5j7ub8h6ixyszmya3a705u92jsfxlgyi1k52xgb3xgyiuqhddp0qqi48jwzqths6d93bym2sxbpif3znxs+o7hmiuqbo+5yq+jtlsnkswpvzouuomfjbpua3zsjepgp5j6uqnxq4igklbcrc74rb8nfb3cvfr6pkie7qfxbqp6nrr6rgu5a0p4cd/obe7jbnasgskzkqju9xnftwn1knlu7flbu6pqd6bkvi1pvyfvx4wpxmytn+44zfr1vc8kiveucplovl09ckg7st9zxbfjj2hfkrefsvoss/hzeuvbqjwnjy4uewk5sildy1hqepfd9kbkrbtr9ihhtevwvw8ztm3teoc2fbe7uozhtkubygpaovs6b6gdignv6gca5ft72tpkytehjdz2w97bx2eazf7vtkrkbhtthpv5wailp+lnq9vqfth5girnuvohpn46u4kmav6obkv9z3jkopstdvrlvic+1ihpvf7l568ldhwrqpxfyplm6tc5zmfbhykuvpitkeifb4pqeo9wtniws3tyjmz4f395klkbzpwjf7bknxe3l92rzeurkevs8lpqqzuymg9elilhiaiqulul6wykki4vio5mdjqclktqf2hlgozhmpl44jelri4500r3jwdoelawjuoshfc8mew2mslm2afu84fzu6min5difs+9ct1xjhc5jxqxhdk1wtvtgickb7x/f54er9zrx1irboalppdm2y3c3vouu4nqfyzutst4v9yva46wfpnvlz1i8qyxzaxatj/d0ycszrzflvuweiygwjb5m2f1zkodagavuhrkhskkaifflmjqnlwnatsq1bzbcxnvtapcnfe0y+tx+egcg6jgokznx0shwcxchjq+pz5p0vyio3bcqqngut9ry2vu5nz+sakbc6/efkjet4k4wh6ih1b4yiygteqyiae+xzrjynkouidt67jk1susbpdrm7pbavdjuempcor7r8rkskhxqaad8binr/ufch3ddokwfdohvmmsqgnfk5pilragjed15lrneop7jayhrhciecqw5xav9pfrplv0ztfonasxg/mdzjplzp7uthjwjd9hk1zw6bsap0rlwnvnpkhwtuigqvd8w2cwqip8r0laf2dg9wkfcwsewnig93w+y2xws3iwffstfvmorkbvfob9h5ito3etodcuy7krjstdwvwafdmogkqhx/hv4hoctd9uhlsdwz147vkxkxjhg3kkmeg+wluvukzhp9i23d7lk7xtt7xkvmdu483lhdbbetgpd8j+veug7zbogzluyj4zbk/baosdmpw02zaa3iyaxyjoglnbtagj4i3zoih+44zb+8oxwt8s5bpp5wv/ltubftnls7r50cjoxzdwpvyk7p8uyghbd7qsognbzkrhtyxvk04uk1vpsnme08pnrcqj6pyqq6w+o+zmlq3uip0/rjdygq5eedqohet2tmtc6ddtfomfpmp+kijscd+r2+2t1l7bbp+z6hs0zlxixche8wpvotjwxonwtv4w54q8u3am/rknd4xzg1ndzctmpd+ygbafrh93hahdom+z3hbfued3mrgb2vnhkam6u6kwc7l9ikkbd/xdkdexf2uwauph5lj0du51sxnj4w7zurbbvtwe2c45y8j2awsybfflrs29ii0digfa+u+0jzyxuhlhm516rxe1vdtzzig8eygi0ze661zprymis7zzw1mvy1jvwnriru5wdbj+vbyul+iyelkva9eyfsi2k2uzxoimr6vrhnovluwlcnqn7tgnfu5hxrgubkjr+gcmxxbl4xlb9yc1qck2oi5x885u5y6ykvu8b72ollhuyztgefmocazlokcuyxhex3n8sjwq63jjusme5t47rybzsj4gw3zupo+h5emupgwvllzqewb1pd3slqoaghgzo1u5xkdyds19/3zbpsqtjkgfg5nw9+kd0exdubco245acp+mc7hbdvjdpuin7wmyrorp0afiex5elm2epqwzivx4krcj3kunvb/3o6nzf+jdrexztnkl2uvrt3guz27hosllvoqgpfyiva6sdbxl+1sl4d9tacyp5nm4coh4gj+i05huil3jjb+hp06gdukluysa4efohsze6xgtuzkyd0yaao7t1mnkza2zvyngekuykznmzmjzidcp/dvzckwdmzcbz9ty1ym6e0ln2ii8buq2rktmwzlg52khtivqgwudqoue/7ngbgwwep0d+adwvvq69wociryedrpkraxjcpwshj6vscs/l1vxgnklc+0prs3rznkcuph3rb706c6ewye5uylsocvl4/rozwyadpbibszwwo7ls6lursf4/txuvcm5q4tchf3tgvwjucuc+xq5ngy+5m5vvandniqoiikamxct9hv7zrtvvbfo2kdn+b7al2eojspd39udrqvm5zcl8vvbi/ljav3akk3urnttghwvsfxauyrlwzpu1cjh4vszlc65agzjfwbnkg4ijvmhujn6w3sdbtehtinzk1uxd43yopp7nccmnn87s2v6tbgl+anu2umd+obdt1xw37bfpfvyszzgykt+njqlevgb2zxplnmko5dgor1hw/6tijw10r1sabkzuicw6/u277w3gysx3ruyt5q/izp81t+yl79saffsbncgpknui9347bk+yg2qb/imwrlrxl4vmvyid9ja10pmf7+wz/i6bu6pqkgf9jz9ogjbapcbpwfjdbzz+csfszs3uugenkb9b+e4if2+wcubwrryntipoxkoljf+5ciwpe+pbdui/xmioomb2qptuvswhlzwlyz4zulkyasdwyc10nmwz+h3uc21pmywdmqc6hdelncmphit6mxli7ozl4b7covwi89hg74pgca2xubz9fnruqftl1jj+xq/c8wfhgvebp6nzpfbsrrxacwegw4xuvk/cwgonzvmf5ywbkre6xi2gqxi4tq9haqsfwqrese7+eyrdororxfkv1lnnqr77ez2carp+umwtvndul732uinkxpl8kdvka30wwi8gtkd4yvrvir4zqtgswjs7jzdyudrfsofd1paa7zqwtojtbqipgh/djxk/ttdlmyci3bkm0uruv2+ckz9tmfzmt8nviugkl+tcoj7m1cpnciyuxw657oabz4rmnalg57+xxetmocnvtjrzfqrxamrvmlrn5f4d8c3nc45fhcceo/ldboijhzbaywo6q6mkbwyd7vhss/qlr1dxaqnk4h/sm2bdlngbn4j+ar51fhduq2nz73prn43mhlgozf80ukhz1hz1oahski/oapfl8uu54k04lxk6ing5adyi1+glfblpdzaa/x9j5xfoqpwzb1xcdhpjgj4rjhvrk8htwhhr6w9fcjummgyspevwga/uqqkon4befrj9ebojnqe/7pv9byn+tng5d6janurximpznlg5mgw4i/uzma5f624s7bbn2kxxvlrbg0n418aaln5+6lsi/zlzfy02psltcfunx+oyiui5n8eirqnop6glhs75uxsnla/ft1hlmabqqw8zcitulp0rbhgrhrd4pjli18cms9rlz4rwrcxteqwgtzhiyg4bdiewndlyqdo1w8zcq/zznsedsn+ngrg83qu78jxmzcgyo0/yfexwcqv0srue2s5jjkqn3qbilbsmp6njd2azqt+bxojjuikrlxx2fswf2qphsa7aq8wjekatp9q6fzjja9u1tfheqn17acnbhjtuxnh9xs6psqgfvsetkfz+xjag/5pbknj60yejt+m+z5dvt3wfxay4vhrzb5+fhsr8dyaul1nfz2kqdy6/qml+fky+gillwdpyg6eh1uebauccnt6te7zx2mgp3ntcghtjdpeppe2pvvbu2jqdj87vtubovg85+p6rkiyhla+97802hzexvk/ss/f/tllwn2zstq4rwjope3githttkvl8aovphkwk4jismxrpvxbacng4v3r1tzvgd9ja9+rkb34ahhvequwt+nmfxxuqlcgrl10tvthnr4nscic8nxxr8myra7jz3h3kim3ubsjdpjzitdhkfbxglohjxeijybro86dswj5l8iyjkeapgtou2uhhjo4vhm24ffcw4qwqy97mwt+eqqeq8pjmzjzpivtp9v6ty2gtxhnpuuqhnzsahwpo37v1ei8/dtwtt5ztm3roio99cqhmpn5uvbtf7ws4eh97xbmh5o5rlufyocezyt6jc43fritvom09vmxm/h+3gigyrk+oqtgsdharbxkezwf9k0w/zodqrnuxao/njlvnqnd5vgywixj0ccuznmsd6qcsjfd9t0vpcmlstmrbnelkj0vkcjf5bk5hwnckkd5chcbqc6uu0ndd67y8l465y3shdalxgwww3e1prb8mbpeyabxk7j6mkwbkczkmk2bofv59yneuwwgo+9hkuvgci6hfzhxafumuqotd7og0i8pghalnweefyyeti3dngctwtnabjsuhoxlpnu/p1mxve5pwoq8hisa0wiu5z7og0gnkfsvltkzyzoqntr6asynwy4owi+xbfbvgih8tp27rtswdalnciucor7we9m967di2av/dj4nzefujrikjx1rdv+whdmn6nftjhu50duujagcmlbvahbohpcupcukjfyrerf46zlm6tz1vbxmrhx7wv76wtzextguji9zoapk71pycrhcbie2rm/3udp1h8we0379nrbrjtugmq3bstbhxyrsmen0ylkd6ztuyrgdaozdvktc9nrlvyezugqzi+8whnw1vqh9e2vcp6asyyd93icalbemchqoynqrtjobivcm0e8qwxtyxewbq6tu9dif7fcbp6doyuvekmcdmn1uz9jcx98iozoyuq12m6xfmey/+zvftzwk99r5xokwowsopc9gxa2kkpiys0ztrk9b3dy/c9a7qfjwhcysgiluin2g9jbpqk50jmcoaitk5vozomazwmh1hpd66fjml9rcavvvduwbdtwjbvmhpjfnp7pfz57wapevxj6sbidrr4+u64xkkujm3v92a9vrivddyilmhgwbxsmiukso7rs3hytvt916j2khleud6abul7m2yxydhvbps/hluh81htcjveyve+h0xu8nnlq4tul/q5vkcgnj/a7y5owh4ejqaap4ah+o1svcruwetmgo1p1x8bvvbwjzv19zf+yldqzot9jhhbluo/5ri0y6vd53ujbcdkjvymv0t4stygclyk5ewj7xovfch+gr6e7naiou1+sct3czyr6hnakxlag6nzb3m65cqpszmtxwxtxuokbneayf4bioicjpczxkuceplgok18cv1d7kyi1ak/ihlv68iuyv7oaa9fnox8ejfshwzvoucqmn5rp0juus7oe+3yktfxikwjtfeldxupy4m5tak/7pcnxod4ixqbgnoewzyktjkdcfb8umaqhs6nmkqvsqcsw3lt2ep5itayqa2q2t9e5bshlurev2d4mn3fhqh+jtm05d+nxcc/nafa5d7vgkjiqbjaanrf/bl3v/rced+nkiyevatnwrdvqfbtviglmoewl0by4nyodq8udzjbhy2cyxti9k0cqz8oalyvn6ofw3rybokgkcyess8srcqunrj3dl7xf/c1g1sdlbovqxkzydln5mhydr5w0iw6sbc9euf+mwddsgjsymgyjxceavugm2rxyijypg/zwgjzd8gvdottowj6fe0af6clrtf14kywpkszuduikt1cjzzu55d57oa0ex/3+5gjxcgz7sbskkmgrehernm+1uixnifcudqkn+u6jzmntw9ifqyduqvywfp75paq/yzeiokqpwgu/5dw0vwds2tetzbl3ukwow6pyoa+j4pwg6lohrkjyi1du1utwyivpyfgqptvu7oqhf8zivi1y2gecvexncnhu5kvkjqa+3s3hbzovcbhmkscjhty7eecio6p7sr8qqks5d/t4u4halzb8sf7vkv5wpazcjausztar+zuqistwj6fkyuaqhx0q8dioaou426t4jkysrry227zakjmr7igiglqhgddtvgskmn8ft1xjl24gk7f4nnhglb7sruqf3zkmqeqgroind3s1vefa7zcay+q2npnkkeuqxgabq3vs1vclp/dgj7xb43pozfoptoypzo5tmtd66qtg+ujbas5pxpdmbztyacovq7wfezfnj9zz1czay2frxevua2vagqabbsnxggiv3ccbofx9zmpndtlt8llbdsdqszznqn8leqo39md7qy2kg5fg2tnzszwjrp0kn00cse6tphz9jmxycff2cetqzcxgwj45fr///gati2zcquktq+9/hjigbuq8wdqd7ek0ddiyzz4qjy+srl15iqmzyn0jf2gbbrtooycdrrqrlqi1oytrkewwlzi8zwfsaxjmnjuilyopeetlwjk9s6vnofqzmhwjoutbhjfe/u7ubnpxqgkajkjpwggm/cuxgjkhl89wfssos9mpxx79uajzw++tgrqamknbvhtbifm3uj6ticpikjxlfr+h8hngq5lcadq/tmoljarbeyfbtxpjlqv6aaw5vk0i67ve4qtnud+mefu4dhcxde3kvs9oxh9rmhrsfn/ubeqbn0zec2pllbmt5jfsdzdpep64tbr7hhbekzmwpvhdtunigb6qal0f/oweu5gv0znjvmoov2mcpctxwcrzua1d+emlhazg5klfubuzbq1ejvtedorhb9h1e2hknyp09ixqg+iu8wd1zjk8k+dq/tn1lzkcwe+mhabm2quwq4hwkm9nntxqagbexim+nlu8xuag8l0cwe8levc9c1mwc6t2zxx8a6yimie54zg6syi6fxeomihtgvrislkbqt4nqqkad/eaxjt6hjft4n5e8e5jrrzoiwr3z+z3ncplspaiawqzdr1k+athdmyzbvnksoyganongmcubkzivwtxanyn2w/qkjzthumsxjee+o9of9cr5vk9n1mcopba698vmzsblmtyjc5ueeydnpvs58agewgnkg8mneou3bxqlimi3da/e7ocdvpyvducpv7sfsipankkkbdrb7xuwg+tcb1logseb4y/lvp7jttkzrkzzi0si7smzos8fur/iwwj3c/cviuddqaehdet3jox4k5ef7tff9y6crnulnzflu1w0gaqvpzdlcywdohoevbnvz5fnjv5b7w3f1xkxcctgbapod4txpflscbfjlavxykxnghboj3pywzg5nvwrm1829hlftb5p51dqlw0zq/0co9aat1ona/jakz5ryvhhwpq26fs//mgitsiwo0czq1wrr1kcha7f3neiub19n+zwbihkxew7r/5drt47jpbmqwkhyi37dzk28aspfj7kio00lv1utzcllbt11zgmixvixmrehf949dvr4acwvs9p3oufujixsfy4xcqmgyszudizv+rcdzx+mpd8jffhxeyzzddxuhekfvkzanmf8cete6ycwluikrwagwu9synmxyxonjspuemlpuoc+qbsyrqpvfossilnedldo4vgniau59anurzaqvu3s79axt2g55r8wfwfuftupgqxb1e4f8/lmwabzwmedvicb8/c3sneanfjou82typtj2zphzdscbrim2blystynkf9hcreqsautc5dqpnsjm8bnegut//wqc/b0sbyj/vzcfqrynnldn9ywvhimq9maisrlluyjn4id1vcetifhhtrfvl5epkotdcw1or3ja5mlt0iu5wxkh6j2ogmomgwzilgvi65tixzl5dhgvu20rbhoxwph9b/n4d3+jyuzuefyhrr1gu+w3nr7crpia07wtcmsyywpr3pd6ns4gybx9vdezwwjtonhnlsob4dkdo507bvnsbb1lobuf2u2htla4x3syoayltrf9nekjmm8cigh5korwyaubtvqrs4ikbfpvzyoiim7f62eb4pact28aq40oc5lxbmfggotgzvfaixksukj+mqkkjongq8ryuttqqfri/gekhedcbn5f64llusi/9zkq5864kqlrj+j9kfe6oa9/kxta53b6xjbyr1ijpornemudnyqd3ia5h20bmt6ihc02pcdbv6mtdbbndmeiumtevvgk59ecdntlsaugq7li1nv+lc8rtvomizlltyd8ytv4hhbp2y+ox/mjyh8tkkj2tf7iuyc5tehpvltfjczvmazgc75ucmv1z7xm7/t71dusjxfx9w5dhhtfyohyvwxlwlsi1+7oya7ldlfgwfyrmsukgw7d8ibdot95dnmg1xp1klzk1ayytttbptrk4gghh0wn3tcohvsl2czr5x2j+avvpfai+x6demjnx+wjtu6h6izkvbvbel27rpk6h4hhxe/ztvc9cfbbclmnw4ppnot9lh5rugqurucc/9rrwjs4vvlpgw+nv9tf9uvmwmxacw22rbpjp6+mhojathtlx7tu1xhgnn7q11a2nygio4xkrve1w+wwzeq1r527csfxhcx2ndpowflpqhpcikvnaozqn1sbsqlvjc2rtwkjfynozhrxq1ccqtpvicdhwq9z57k7mj0flu1ubgouthyyuv5hfz90omttrxhrmesp9njhjgdrpilen7ehdpofp/nmlcr4y5u6jii41xn3/gsynm48nrfrgsjjh8elqkunn/d2jffmm/d/suf2o3s19frunmbbm8suj6g55wjamn1ugxjj7rbvh4qy4mtwnhciirfrrky7hnusmz27f9igzdxwgjregw3pcek+iuxyr5azz5u2vklun0v1ltftfnpinl2pfsn0i3niru//mg+oumsglwfidi2e+9pjxj/v5sdnepk3blbv8qej4dhkncw167zpzusr7mhz+cnuy9eliexut0onrjluur5uoxyyuceayemc+ror/fhl7+zanfetmleoy1enpec1fhec65nm9b7ityo2zyx3ubedx0m84clpkzkyku+dnhdclbpmzcnrxd4zu/xq3agyuekewl47yb23oqzl1ouxitg6kugx+eyacxqhebq3qbjg8qnixqym2rslxnvpa+lqaj3nnswdgirhzx2vzb1mvbi8jpevhkg1q+omzn5vlhxutwqityzgblou35gss48ercwvuk/fftvpeon2o7lgrbzpvjg41i5uzqho0ntzuvsm+9prmd9t37un8he8vqfdb+ah34rlens6nyexyxwgztucg/k8ymqz5hhnkyviuqfzikq0kykzv2s1q+acq27x6nq2v7rlyq3yfhjdjupx7dfw99p7wzhunqs++ar52n57mqc3dq/v/ct/vxrwkze2n9z2gvebima/nnbhuyl88g7u3z4mujg2oxk/brhrdk5mq6k26umkf4r0t8hciaf1oz8n2zjpb42isfvylc4kmb71inmxb4wwhvpfjdxg2fk1jvvwvzbhtqgzgizzlaf510etfl2gw+tzovflgwkruxo06g3abimgfmyzw7yjqlrv2basopuzhzwxoatmieqssahxuziu8cqkgs7qhc0ugtlzefgpoan+idylbbier/uo6r1th/b6zk3fvpxle0lh9mrhztyhcrwaw806jaumsaevuxqfw9p0yfwwdj8ldzoj6onc2nywjloh+yaxo6cezydybrvyckubd1psegev1x57qvidd1dhyne8ftcoebc+veq3lqqgzuj53mlx/8+xvmm6c9ki/ime7brvatd7xdqgzfdrgkkf9ggiooxwmhgyuoitdiczqs4hbdcxaufyhtko+eev8ysvnrp+wfci15yglbryvfvwfu2tb7pxwfzabptkkvipydep6wonn9kz17nk9lxae3k1u6t8adlj6wzk8exmzkjaaklu6zoikg44q8tty6lkvutfyko+70lztznhf5yampkvhtlybkdt1ch8i7/jeqauodvqkf5mqj0j/ra1yk9hrajhvlucyym9xf7v9vszp+/c7we28cwmlex8v47rv/2uzh8pketp8jclkdglu48kkro9zqmi74aw4p2wmvxzzdojtmw3bovo8ttyc3n71mryhvpxhntoyfmdjmcqyid8oqllfm3ojxe6yzyca5tvc5j5gawpsl0n7fr1mso4n/5lzlqcemhxvoc1v7sghsjtcucso3xgbxb2zyn8smawzbmvg+h4o+d9cosen44wsbuyqq7xxj5yabnfgvp7bvg73swsn/bbwy5taytsnpmfqvtcmciqrk0recphk4fb3bhnfwrqztdx0yr+62kmuzskcitdxihrutuer++mh90dihbjwerd0cdpcqeaxbsq8b1mhv6bdb4xijnniikjidjedacqw07cw/ystdifdart1d1eolsjb5kvnbol07ck7mch9dub9umwko8qpymxpcl6drhi7om34hafk1c1vquhmmh7m805zg5msdg9pia+imw1ysn/c+2mjhepcd8ruqfy64jxckyo2fxz2h42fr2tbc3eiddgqzwbo581/ay6+sl1ttdt2i3hgflb6w0phomu+9g5by0na5zmlerrk1iwclkn3x2+3wekg8pcdgd3vewekwewlposimmeiosvy4bjxr/vkvndjlztp8tv2k3n/yptc29jrtwrspj/jloejmrch+kjy0nweirgwf0stehjnbmjyr+arywitz7l/p4pgta72m+vsgf0sb1eezw9uo8xdw6z+c1cyttvkujewpea9r7aoifvwugwyrk1ofe8ash8u6/1ouz1the0dsql11kiuvojvvfwhvj69bhvrn9hh/vuoel17vcoorm+aryh10yovkkwjlp91g6z8ffcd7q933wyijh2e9hz5cxophyh/vxw7s75fu1fdw0ri20nflbxwsbof0o3peb6yopn1w6lxls9yjgqveqq1d6yigrf0xbs6sakypewd+b3fm+oxtzqhr8li8z6gzlv6mjutdz32mmsw41k7jppxilehrl2djxohkzoctkbbpgm8n0/dqobcguknfu91txremmdqdp5htnzua26mogdk6jy5vf0lxjz+x0s7wddswbjv3z9ozhslymkoi9kbg5d8v8bfxee6ztmhdom5h7j11gjnoujq14vvmgstbwjlzjeh/3qipvhdlrcnqf1ob+ghsl0npgqfdkvh8bw3gk5lt1ps95h40sz94tq8g+powis1qufexoblaw++e0rn9o5vbguzz69uhgkkrwv1yzorrwbo1exmk4nlvpx7gsmozo/h9w5xzc0y8nfspnngqnc81sp9trz5qguh6tdu+kram9qaj83yrlppkedhu9r4xfbkxk8aw5yliqkh3hr4fvr3jc/mwnrbs+mfpfcrkpz7sfzo8+oml2rhwxxcwxpdwv5oi3iwhouxr7wgyyowth+9ot0motjb84qnh9bh7i3iaxxwd+enfbf488hpf4ygtyejmyiilf/cijmauorgvimh1kofszov2jsxrsybttkhe+nwsn95inmekidmbsj19oih+0y9to9hfruajrewiz75ydftpq3xenucfgcu9siees7nuip25xkl9pnvhv3mso3qmjwiz2keeektcsauaaqtci8+qzbuzwq0ecjurftybk2s4wtrf5hwwttdormhiqjy7ljprdil3vbuhdjhdtdo7p2dnewpey1c5buemrx73oezeni1b1juclox83w4z436o17td0+d08poshyvmh+8hwuvkw2k7gf9ejvwhdi7rnpx2v6ronl4iez1ig4bbuae3rn/sh528lt/dlmx/lurb8gxda/mwej0keqrpeejcuykpv12qmbwv+v0bkxekaf0njn82dqxk74mczvmaii63ppy4zkytdba7krarxrkvbtwdy+qk4sd5unyq53xbjjrvu3sea0wbdxti3egac6pyqh53ho+uclkvk+awupxw3xrnsysfopro02kswbtxm24qk4fvg0kzbbklw0nabovkhtuh4hm4glflgckyg1ynmkbrhax4ptltwy6ogjcodvvaqot77o2gwrfl83n66zyq/0zfzdyiwirbcjh1wwdjkjsqhgv3zsizae293nu6f9xez2q2ent3wj2pxrxo/pyjbpfwxzes+zzriyw+z0nikj6vpcnk3eqxfb7s6z03rvvcuq3bgeqou6awdlkw0d1jyuvicgs574tx0xsazefuvovnfmnt3okdk6kghi05bcrumuoj6vofhbqtjpoemki7mrpdoxesusoggkvwzcmrqcvfob8q1lya+/fqzpvwd6un8fkrcnq9zxdw5qclntrjogwtapec3abunyc3ubbh1v+wrrrnaf899rdd8h0yjkrdzkodgtlbzprythlvphc872ehlvosaqc2zd5zhyoxhttup/k7e3myfntly5qxxirnjcithh9f0+0d94buxzhpyw5ko8vz2i2moxqftghjw4zl3lqp+x2fdlkeaqvbvjqvmnqcj5m9y/nc8hkn4foszntm23khir9raluo9hlxts4xbbdxvl3gck8e56mysdowsmitwosgh77yai0y32gyi+snxby08a9tv3nsemlyoltdtc1aeusa9j40bhkzlzehajptsyczitw0zptgrvn5xrxskobycvwj9sp4y77kmsml6elpclkvexohrgajobqrth1ftehoqnw57yzssvdutckh0w5hpfygxh6+hchqj2q3ddbflxtslqt6av5dqieualxzdalyyqpesyupy5eynx3bbacmfh2d+142n/m3j/d/vzi7c7jiurlmcd1osda1tudugnogr5u832yxe3iqop0nuwlyi1essaxtmpfak+io7s1wpvdhswn+qj+1b1bpsq3xld5m19zbdebe5vtpe3sxjcvjzdauuu+htiodyt3n497sqweffbdrfp18/zxforbd2wxcqxaoflk9c3l/paqau75mlc3ijmonzkdswtetcqtppw0m4jkoctqc5yq93tuze70iwltju7rfrueg3bricsizuck2roxltto+4qerwyjgkmcvqi4kpf7+tdjycd0vpwd3mbxljl9hiic2b6kjurihi6fj879uewdzqans8vekkrpxj9b9ykn0dpqoieu5iussi9lzfxnjyohpteek5utiwltgv8uc+cysifx9qzc11fjw6vpkfwuveekmtfvjwzngin2wvhmdgjz2ahiluulhcjyowfh1ve1sk4o3ms+yvaxl84qh3ttbjfszvyzts/lucvlkqxs82aeh8lgvvot0wm6wslohu7wgs8zum/63i9eazlrciz2etovepz39g1te+egsncguxkpn48q0zdylvqzu78shx6jifelppzchrrhremwznh9qrehl29emhpxhyo+5+//i9f/ssv/+cxkifpboeqn/xs765z9qjjqup/gsntrsipbg0r/e/efuj8x35gkv7e1h/ba2qg5h/+8l9/+d9w0/uf7siu/knyau4t/fj///v+/t/9539aqh/+8tf93z9tkf/qy7gvzncjksqowxbngcfykmzsibyej6sfpw8ruh2hwhjsb1ukvz+um9ugikrzh9j5d7c69/wq3ayxmoy2vivvrosqigkbsjrakdzc125pbyxtkyaoduka4t1fldpkpq+qadx/epgkiagnp0l6za8qmughiscae0btabhtzhhmk01hdee9dbhdinls7avfh7ic+bvbhvjyve6jp+whau4m/gd415anfdibhyqs7dftdgif3jpwcjeobppfmncv72um/dg/zhztltcrltzmr6xemi2jke8rmm8phlnbs7c75qft+xi/ysr01mpl0xiaysz73u9arsndsxbs3vtpmkc+iierlavzps8b3apuafhmnjym6utxwwjx+xvyoafbatvzt6sythyppauoqly7vs8ux8p4z78o6c0fpdmcjltofna3kfuntanbk0umen86or/tz7kglkn+hvzcblwgfyk7d+aidnp8ictj0qgtndfzh2qoomdktidsxhu5kkxxkjtteo9kcobf2xfkiupfriofvze8woo+b7hvdqpmfpp/6+qciu/cbajlauosgklwjta77l7fbrrvfhu7imllmnfkwtkqbajcppabe2+bydy/ugtdzihvi9199zb7tdwkmonrjhz27ct2mwih3c/w1rmj/xc9quqypotmjrkq73teruihhuzak0w+rtnjlie5jp1qbu5s0n+ywq4phjmkwtjkwjkaqx4isyyxamwkrifn/l7nwvnx6v1/q6pojru3dvc4ylivng+zerxicmd96dya3x0ocv/ktsmhmp59sqvgjub3m+da/p2qfawi6yhx7v1bopal1nk7x7jqiexe1tf+dzwasnzvmfkea8zfuderik0tzsli37jv+4zzr9l+giainumtb/hwg7zwtyizvuntg70tb4ozglutb2vjnefdmgrz3gbkjmlv/dz+agpwuyo6y8zkweadigj27ew4hi2g8sks645ntepm5cj0cnqlmod9eiecubcogph13a+z6hitmbv+vja/haqfcke3alzfk0j2k2t5wc3sdzjdwentmwmbeeniz4q3ri53xswkdz7iw/9mabdr9onfltogyln+opripcwy7caya1agny82qkr4j3lz/apybakelxo2zi/b6cpz/b7wbaiayaawriejioeusbqc/qrshrhobyre4jk9klccye1x5yrqfajctbmmscxtqfn3yczf09bm07gz4jfo7fihlvw61kyu3siwimx5nvmdzc6mxjs7uvkyx4snmgamd6fvvg5fc13chxzy60pbyjfaqvc0nbkgyzk31arqxyuw74anory9g9xe76vvfqlqz/duwnugozpvku37bw6uhwh0+lpwgxxl7jjt3nop6d7s2mwexds6se1qdiw6ulfn2kqh3xcacos/p2xred/ixsoi30tgejq0qwyf9wulyqzgab08rquiz7owedlltkhyezd0xf3bt1skab+08qvdq2i4ka5dnj6jx81ntgw7c8azzcy8dgxjutgosjvyptzl59p6rf23ek52tc1znoxkexis5sgrrgphs35t1l02orrne8dechigulgkeg7csojjvg6xhbqionhieycwsp8epubxhixaabe07qak+a4rmc09hrbuqwai8dtwqr3yvxvbxb45iyo1p5yjzwndyknoyky68y791i/vtjx8hjstw+20ivo5el7zvzpwtm7+kgahjiflfvvuz2fxpxwh17dusx9tijaqiytaudpdnkodhdyyecvdhb52ym5a/+wvcz6qxqecljglelztbsstyv8rucu4uedwfdrxusv6iou7mqzeycofil2cfewti9ck+lddarcc7agdvpoj1nycyjfkapmh2tbgr/saziwiwkurix0tzm9wqh73kwehpp37xdhk5huv0vzxhdzrivrxw1aasu1bq4kspwmzpa3lpnbu8ibtojuyztftn0/cnunc1znaurgmooasyd74msp8xnhy8grsivx2xqhfch8ut/4x+krq+isf1dnamrs3gsimhkj05dztsu+tlvcf2nvmkns4zv0+jyh0dsfc30i+x4fojepl7gtof6wpjzlyt5/l4brv89cmoqhx9rpfu266fqi3jbfrz9bjlt3rbxe+b25kjfwdbwndnbthk9uzs+wiesrk8c6gwe0mlx9petz3lebrqu5grsvnewssxor7qhlcybyd0cl57cjqxaoznylcoygyenee7e6akmnz2mzve2kct+obonmuzz28ugc3igwrtsmklilruhlcj+2y1i0dgvapbkqrsajzr75ul3txlesk7t5hgc10flbip3yxxz4poagcdsbmm5dscl/ly3rwvr4bjpbdmdlmxnemuhsrcylwewjembayxyuqwgg0jkur3g5n9hplpl5flm2ruqve5/iqxnki2hcnssmzdb3bv/rzahpijgtw02v3geos22r2j2g6obvsha3sgw6tryjg3/recb6rvljvzitno4syag97qn46dxcu85n+wnkyusbssyy1wnp1grsfkdgstooqga5pfsb7qsqktx2h8nh0bul/nb1urkh1jrdu4gs3syaq58yhvhzeo4+phceiwmfri8axr6vdsv6jyngdupff7xjz551bo+ngmf7mqogzghvihy0wtimsl4dko9w4lqi618sbytralwsnqupcwz1kyw7byneyo2bj6rb8i9rjjjlxiftfnzanxbubs8/z8bz9ae5qa8obbjdo9xjp/oxizvkwvs9hvfjhslhxifidmduvvk4qppxguyubu/yswiq70m7s9bvdxkfuz0khkgdnq8aa1+gqpzyvpyi8jslryvlqn/fkct5efncmc+i6vubnjmkqiy3rikm2yfpyah4hlffqdliciajz4xcs53ia/dv1h/xo019pc7i0o00bnzo68nhg/qo8ywrdy2j2nymzutbmnbbb2bhqdosdonfmdwzqmeikamqfzq/b4boso6+tvdn1mnrpo+vlbl2ahaiomnt6ws40yemknidkequm7j22ae6pmcduuie9obfnmfxr9ywfbpv62fv3nhyso2pava4pnndsygwn7bfskpakjvyvlnywhqilf3q7uf2o+rmxznhooknxjxuhcdykiux3ozkfpcj2modo6jnnadjvj2mmzpj4xwx1luzhf26esnunw1zpvkfecinc84pfloiaapiiwt1kflm7a/a4wzd7rbuiljolszooqmkk63mugxbvxumqpeorqkgszkhtfr/rwkly0ys2xh7rvasrfujh7ctz1f647+jqs+uox19d8how3+qnwor9xbxokl3cvks447wqmcswld5+x1pacoi0+xri6r/dk553lmn1bshi3ukqwf6ycdhpfupjjbowilap64qne50rf4njqqy5ole9a3ixxyduaxhdpnaexotyt7b8ifvpbj3jahdsnk/842s3hgappl/zmejomj3trdtl1fe0dviayyde0fnsmwyy6odzy/09b7cpdso4vnl1ueotr9kthus6rutibpvrp6rfwrqu579dr4tg1tfgbn05w9il+ill9tmnesea7bkuc6nue0srvoj4e1+m+fyfde9atfrn14cwf1s5/ny33aphjt/6eo7ywzdu4256opjqesjf7wnedmsklvpc0vsv1whgrk/p4fljzctznwhn7qzz0uvr5edvtdbiyhgmlltabb2dezoz5ihmisxs6mcml9j2ntl9xgyf3fqswivyo/p7cfvglcjywbtkr9o0yncbnqy5b+rlakkavbxlkdn1kpbtxns4n/ajuphrx693zttgsnpyz/reoyralvl77ao0ritu/x1oulzllipay6mzq023uvjqy4ownbx2+dwjs96e40pv7pegvu2ni9wiy4owf5t8icvjawhn7tqoou9chezfj+04nrv5cvvri0hh/i3si9hhddp5jsmsrxyu9v0imutgtajoylc0i3in5bje9znohb+opr8nitw+ol3mnk3dzgv+yzsidavnugy500bkhbhptlojgzvrrswlfwvjrsmmtnqjkcy5jyyvco3yc1zqw2dz8hsyjzyytfqyf5jjpzrp/tsujx7hnsnygfjkaxta8rg79fol4i6tsk72xlv8pk0r0swkop8fhyd6cozmorg3ybccuayyqcr3yg2vxnlqq87kgbqmufpkylwivsjpa9joxfamuod51y4vjxon5zoo7ng1o4fpefu04tzlosd9fm0cqepzc6+nxjiwr5tiqwriboxnwxp2t0gmexxywqgy78oi+b0agk4rl/ipwmi+nnhokn4rdosnv+r9qgb5sy7eawyecd5eqh8rvuwwwhr6kcqip+6e7aee6mg/zbzsgb3juix8nxmbzihfttgskvhw2yojue+tpofakzz3pwr7ibslufduuj/ryw+3xjufpt+wfouyet8pj/y9w3ujocpufq4z3rl0vurbdj22xry+oh618xrkvjbvwibspwzdqpsbjhuozkhm7w1q7yansghpdbhkid+illl0rspxighpn3w95v1xehymz7qgj/g/e22jfef8rf6ds4didadyx1v8qo81xr3gelbeonoomx2akaziz0ri3fmuxjo2f85vnafz3wkdlugzshh7ymcanjlvkuxz21bijsdgvus/ehjyecvbb47c9/yewqj6tbz6z7bdcijsgyb/69jaz5lcazzrdownatmgcvkytlsypmdr8piub4v53p8wm8xbpqewc4xqw1by/fu0uzrmlc0ca5q43bjsf8hulpiwxoudsyifv2fa7nq54frfmxlupo7znlsr9wems6ypeo6uuwv3rqmjvrtybkgevgeiyuyn5xahpixuuzdlaq7nfbkeyqwbwuj40ycsnwdt9dot0bhdxjvdffn/sl3mhcygu558cktcpquaxjmn9dp0hx8p241pgbpzuc1ed1nhco34bjov9nxkbpidul5cnlaqelv/dbp6gtfw/doqmvr3pabiyeoiqddujzju7n7bw097bjhk+4ls2en0mgvw9wis3pgqzzuwdk/tue39wrtl80a05wdrtjajomqy+rnlbzfw5g6qeo4wsqjmakpc7fsldttqz0vqs6/2fj0kzk4wtskwu/8ulgklk564tqvkhnzjs/w2hhgiuvu3ustb1y6ezxzgtwjgigv5xwiqpxooje1wg8dcnck5pm+amm8v0pon9crzu3z+gfozep7aip+p6uxvr6atuhhsrehegt9iuuj5+kp9j2qjf99j+zirjtyzvdhh7m9+3j3wffbjgykk7xh1ag2ien91ztieoavr5vi2mtmaxx+shtzergk94ccwai2cwupzdneg2lrm1parcexuc0kx7rsvuojhhucbtk42v3rvigvh3rnpmtupozwa85bx0hpvznjt8njnt9zxet8d90zw8vy0cvpf7skg3kj41bd2ztc5lglwpdralqhmmqsh+fj87idaho2bn2xay0kn9eho7siauyro3gwav1sk6bevvd8zkargwmjv2kwnckfnkkujoyetr1iezowakq4566vo8rhnamdhrjr+xw8rmfolhnsan5utcyj4zc//94behm5jaismgytn7niht720enj9+ijkmymynqnbizsnnitabsc+sf4q6cs7g9p6chkclbqobjelg208wae4rshcmm16ys92hquritvxj/vrdsf7xd7ktlqpjroieih3qdvtrzepvxvhmlgrxb7dt/59qyiwxdil6ppk4tv3lcnouaunvymmzyrcepst6rgrcpszpwkirtznrubogugdslxpviohilhdmsdm0pwd2f64gjkwgcqj1+zcewwzbxj6fe4oau6ng0j2xzxmlacvwvxudwv9269rj4pwsbxyrrxq9qgygeuj79gccyn3cui1u5+qd7uckvpafcqo3ncwnxospn4iz+etldkphyx+orlph+we25d9ppoexnpplcjonqcpyggdmo7uczlfdkzh8su3bjtrwdvsl02uqwueiyxxauakeyhiqpjlshurqmnl783etuq/tbf93hrs3b0rrzi5hrsnprl3mabxdxetrysa8mynpjvbp/pe/o2k8d7jxjwgredujacrsxgxhjfwzypknbxpl0eei+owzcqbfo2wrafd2jyldllq2ftxzf4satgdtd/mulbn5/hgk6xrztxtnpv9euh24d52kdx15bewgngjer2snsepwixiz3hliaz4asal6sazc7rzojoqhauj8ncuasrnix/cww1uydc9phvvj/2nm4x20c0olldcodzydadjxn0gexonixup3kqisghrrgji7zyg+9pqczyc4nkyn+q/dqv1q929d9eicppcuxb6rt6rnam6k7hzubo0zhxatbs8jk4enbkgvq7bqhgxpn9ajkjdfjjxkml+iaaaqfr5n8napncmh4gsvg/e5ev85ruxeyeqbnxg9g5j3gy0bknbhkb4euisuztqoicpeuivmtykcqrchl61u9hlzpsm21xptzswwxqrak/vpraehmy8ew0apmpgzsesckjyni1dgqpicwjfepuu3jpnbbzr/ggm1eqlt9qx8kbtb3ijgdqh1mbnl6nzejq/jfcrwt8shphiv7qok+bsh/jcqn7dcmc3tv4zaaahlpaqv+5sf9gdjql6fvm1ueay+oibjegb8rblh0/q9rzbcma8m+7yrvmx1yckmdwnt+i4a8bdary9vpoo1erx+pz0yniq1pdlcvssto/tfwffs0fz2s0vbvw75wc3w/or6omxblco9pbp+u52qyi83lkawg1oonyyh/ueqhnccsgnn2h/qnfdqm47volnbvkyc/lsfkgorpapqua2lcopzbjc8phatuicvtwgmb/6jrpfvr92pl47vl61wzf027tp8enkmayjhydcr11tqsvzh4vjms2fdse87nozbhakdubqxjfsdvynxdssgf/p2ffuhuac1xgsvtxhhuub67mqwvl4o1y4cx4qhih5o5rxbrekplll7f3ja6kuu9wewy4ynur8efmu9hbcx90sfzpmxagjfs0qx/bblup2hidemp61w4rhscyx67tyw9vgeymtgj4cefvvvc76ka1+rxzbiyi91usyrdprw4l8o5cr4insva9dkdlxmbbxj5weeko1xpjafqgvj4hbb5sx2sfn6kleisiopjqk5xjsdvycaurrb+w+x3g76urmhneksepdt1tetdg7shmaznrv4nbxc/yzujoeleycqjnavc255d3skuffw0aohpazbhi4j1t2d692q9ksnxs3byewi8/yjziuyatbztpmikp1pvmxy5axz9btu30zk13khnbz3zezdz50i0v3bafed3fetyjhz/+tpstkq8u2r3ds3w+ctaoij+0mzg+utlkup249eswvlkyl0bhzqqokcie674by11thr+aye9uswpzumfbrxzhzoeha6uawl+/adyrm9p2j4vm18ykk9r0itv7txz1y8qej946ja7jskn+ojmzrearj9vwmlu0sbe4xanetqavjdjntmdic8s/mfudteisugi3ewlskxk7dpbmkl0mv7wjwamsbdlgwdvszsbd7eshifgowzc+pr7nolyrdcfk3wo0nywseotqqfrkhoqrve34v4q77wongyvbtdm7kcmn2m3nfukjosj3ruxugh8jjnooe53jlfa/hizqdl6l76aluxkzkca9+hgslu7k+sptp4rzjlngqsr3pcrzeu8/tg+h1o1k4s0gj5b/oyfaa0agp5nozhfk5thxljlmpt6mjuh0qtkq4kf63g9wuoyv0qz5e5d2dp1ivlg6jx66ncvuh9gbc+l5rdu1kpbtcfw82wll0unpiblgiypqikpdpezlfig+vk/bgduoc+omx/bzjvmvpaqem59o5rt/n9r5lfxmfru2jdktmdbkaqinwb2j3ril30eychtvsa7zbl0pyoouikog8ouny5c1ovrgvhu3qelss1ifshepkob5y9teocoaurn3ri/webbiwbedavx7qu6kk6w7tcknm0pq9ozlwuikxrjg9dloh43yli8hkxoyuqhrrwmfd3glveojzdpthfg6hsmdbkjjriztn63vsmea522xd2cnkfjbvtla5rwyfyf0j2cmdasm/pgfbwzmwbt9ehutudoxs99nckrv1ji8yiqft+jhig2ve1o4d0zywmvb2a0scskxp4cv37nu2qewo8r0aiftu8bbqkhs6gdlxikq047vt3bhdwgyo124njqbfitarjd+kcycflbdxq1sbtr3xiuzsntp7aegphfhj+l8xipwgosynxzqxyu7fsh+mo0kaw1ge0kdi9psq9z7tsm0nluf1jjmutlvkkd08e03vcg1hy74hwplwnni+csapdmicwjhaty7r3jbchdtf1c2bksjqdcac/ei3reqikxepqzixqlyf00evz7rnsfvpkpin2svbqcjonbpkiqtwasoihsop+darho4nrf6nvtn+yrkpxpweq1zccm0qri1ooy6impgthhftbqjivkzp5srmfjmbsv4cxo+7j5fq14y7c2mul46vujb/zj92fcoeidinlaqeknwckezjp0noe1rlz/8zqnswa2oprivce+khoob6eowubwtierxf8wlwue2n/+mey9um6793jb62rylcfhhdcf2igdezvwa5hupeth9n7aecrpwrhn+jlt+kruflqa1jfnkgxze0oqywaulr9lmie1h9gbqdacjfxkxhhptr5w2sthr23sd2powdnpc+lxvlsjdg73t7hjqqkzkbfecxh8tixccgiohounz2otww82titzgootyaayv1byyqf+i0jzns7x5i6ttopblelhxmtbvvy5hqhp1gg/ube0nkq+gjz/xsyzqvga0ry2v1whzxi6pbjkioiiblk3rf1y0cxmsykdawreshvbc8phuhuw6q8uiqrkkuyrd3wbzzhs8msjibihm4dbkwrnbn5wtlndfele+gxwtoh+3gpsjocoshoyhhxdomfhmaogl0xvg1q/kvazhjx4+nnac15eiyoj7v0ysqzmejmklcfsj2r107cy0ozpvqc8ha9ju2oyeq7npm7da3dpocwelvuk18a+jficjewo9rmc1a/us2oqx4n6oosnq6vaduyqz9apbn3cghc5a46zkob7xlusmwpwosudbipa2deltqnzmabjmlqtpc3tvvktk3dsbvtq0h7delpul3flfimc4sgxbnqllpbmn26rqvgfnnijftptctkzvgyen5ogw2n9yloxc3qjhvrl20dc3kccmryvhgkfzxvkzi17n4xlhddyobztn9tutnn7vw8lmbiph3qaxlsunttkst2a25ya0kblyuzyjxgu5ojp0dlibcmzmocxfayik4milrfs7w6opjkaxg8a+jdm05qbw7bbfod/maxuo8djrp/ei07c2nvncrrtij4x3thiqb9fsrk47qnem6zpwdlmipppji2+jf9kf+ffqxxnlonhhqa+pdonvizqtcyd2vsvc+yojg8uykpqhfymdkwhotsu6t8mytuvd7qvackbyrlkfm6m8cf0ghibtypit+uxz+1kreocztfo1yialwid2uhvj93bajotduonfykmk1kynqnbvlktdudwopkga8z7ny9z5xreaivvo0qhulq8ovn+k016xknvwnz4s16/scc9z3biefmqukkfpyprdfgdo5mnstoycyqzxbz3g9djomyyu8qar3zb5q0bfnklblb1qvvnvmcuriinbziek6kum4yyofnivwt/yhmh1au/sjojcmh4y53xrt+a3nt570ivl3ezx9zixb3nx4a8wfvg1m7dsmbmujzfr05shssg2mkxvn7ke68xrvrvuhszaykwrpy5trmz0vzytswsjq6+tp5hpbaao6rdw/ejhze1zexkxw/heh115rfq2azygp84mvmkkeo45k6abxqarab8xx/bjozudlcuyzijisg4581kg7v0wzpkuxiqyklrxmib0znd19vmf3tndudo365a475m7yw+en4zlidjq3zpmqwuefh6lztdikzv1ud5kjqsu7ltfzz7ej6ywp7h4vqyq4lc0ko+dsgnjq3udk3fpafgiziaiikzl5pvjnfvaew4ftgfvh94orqouzyhdxess8yn3e12y/fkgnvhmg0hpe68b2/knzyngdxrvipzc6kyrmjnvliiltiwstms1gpokbfolodvmqusd4snyezmxbtzn9wrytxiq4k2a/db6vm3n9dzoicwwvpetvx2hfz3bmvqqbvei7xmvplzo+e0gxblpt5n1pmg3jw1qo3pccnz1butcvnrjuzcuixpykyfobe/e7is7wcsni0vohrpluep/i6en+rfa/7xvml7wpu9aorcll38st5e5ey8aouegpy9ao1bffpanzy0xddh7tyilwpwrnyhmnfxbfk6ltes5mscwq8j5djtgb3vcj+fnk3xneebvkh47tu3dwfieryaegmv7ni17mhyeoxgr0ijz7vbpcvp4yfzfaomjy3bxznjg0phegn+u9ewirsr1vzsltkd2wcqwjilych5bvubwihree9rruq2xlv+9w7xwshmtl+1snwpgsgmibd+b+tfjtktemlpcufdvorkek7bwjik+ywnibnaxtdmmcxgmkhybp/pse14iqjk4bighf3nbyptnqccbdqdvizzh6za8eu4hgxvofqdeow064oh+zdidcrlrocyac64ezc3ofq5xkkzg0mzshycfojd3ovjotljwosraxhwln5eyev7lcey3odibk9ukcgjbcfcficfnq3ojcq8evkniaq6/jbx9f5cqthnksbo9udre+y/fco7o5vu5wlx4sedlj4rjakrgctacshv11hhrzeugwpmtola7+rcaxgtyxujnsvurdnilzossu9zsfgrv50w6ztpzyiiz1udv3yqycwy6vl/uzl03vbadtajit3ca02ckn7pe4n73unxtbivyru/q5ir+saqblna7/87m70zg3nb1hfxqvtjvcjafnp1pg1sa/atoq+33bluna9qplkwxzlreaifm+ccngxj/fnfu799f7u+i2ru4hlkl3u03sciszpkiarncusu7bercxhgikua2hfg0q0owf11nvwyw5nmzb184zhdkdhunmmurtlc1rp8x8ffh3r/es2zur07pmdm6nyc81faoxny4kk6oxmduc30rbvm8pvgp2vkfazrytufznnajzmsquoermxkhcxeiutynjgpas9xzybebma5ixbubfow1t81nzvddshychhyxve9xfh5vq03qysq/ju6zd4vtrv23otvsc6rbps8zx6gxrglseanuhsctxbmgzroufayxcf6bpovlekz8o6esoylnerwbggjnquzg0ay35o7sufdazpkm42ue12vdoqkmaglk8mqsprfxnqqktfj0vaqtznhgsmjegydhd4i1hd9qfqxu1rujlgkpao+a7gsxuchxr4fssxywvzfjs0qfaltgia92eagohadjfd9djwl2yczvvxarbibaywrca+r+feink25rkzry1kj5qqwjjjw7zo54hxos9pcuo145lcbid8dqpa02fp1bzslvb6npik6kf/zq2pwzka1lhkn36igqr3yykcb5niip341lxz9unbshskryasjfdgptxmbfnj2jiyf70idefarp4ougdnpywniyuvoimp8cclfvc2vnfdbuzsjhbj0rk325coqm12w+rd6nqyehcep/ba/gr9flfnuslh3xmcv1bocf7cbi696+j4ir/oxxrour3guqj1xwnujfs3ureynevvt/zi93txllmdtrbytzfkfcsrsswximiybqevecwlqme0hx5ebzb58dycntc97zc3jbh2dfrccubvdoyiq6pvneih/f67qiz+x6vhi+jwgy5dnu4eqig8fwdblrvvyp6+ulq1s4/8d5xqurahx0dfwiogywxczoootrobz7dra51lfli7neu7dv+jn3pd36uqerd4nkvgiwolms9rhzlelay3ldtpebociejqsi9ccayikjilx3twofcchpgdz0jfbihv9aqh18n8mxkrw3rrp6f7ax7eepqjhnk9zfcn6xixcw0ioxr56naxr42hjxyrhizptl57zyrciphhzgnv45keqzg+posp7qje63se1krwnv8s2globwqlke8uebujw2s4fnarwyoqtwjoqlf4s8qe6idig/lbilyd+286/hhr/ccrsnsrr7pzjkdisu+zuxadseonili+o3mgiktaiz5+ldjfbbtctolaezo0ioolhv5domuwb8tnbs1sb7t4ekeknqfsr4gpnijidg5grc0+qnqkxopcdshmpihfadu1o1h5w3vflymhfjjbuolx1gojzrgvuic5p5ri2jp6pbl3joddpmaqhz0sjorz7ya9abgsetlznhnvqiim2/cihd3pc7gltiqimp9cbzuvpj9etodeo1tvkn56okpcpnjwral5rs3gso6jqjprv6ipw2vrvmtign/xqkabg38qmx72i6z12w/dnhxmku/3zo9u31qwbc9m+ve9r556gmmkf2wk/nmskcrhcfl46pxwtx3o3ru7w3cezfmpkq3nvjluqlzsfe7/2otzluuvd2+cxxjqzd9phfiourlrh6xib80q4j/zzkgeryrjcq8xrsbpzqlds2kkrbpsg6p4kv2rhscdgcmdvtdsozon9ovz61cyl7riwg53t87kw0xqowfuplcvjdj+kiihrtnr1fukyqqgehh46yhirqwwu8i3a/swcbpgui7ehjrasfmmjxyyu2h0vvbofb9ngw1tiykk3waqxbaoiykiy06stlxsb7kefxwy0rmv1i6j1ejf3kmtvxz5g6mh33bw2gxouurm0vr1t+7jwoyl3ghdexhj9sk1qhfg+mohs28a6ssd0ihhyh28tqs84whmxllltavvjpofop7wtn7gsljux7kvewbhly8vukvmrluqkco1artxygd4accsq/et0wjcqorzrcdst+tcsncomt54xdvfsxxgmv5sburuz3ec0sh9azpkg9nfmz/oxsgvmf+vwlbb0yumuaecahr8v6rpikbk7q6jrasvdkjuueug+q2b83w8mzlee88be1hmqnj00tejfojc3af8zr1dtzmurlhm1lt39nqq53vjbprtpb7sl6wqhhwekvxd8jhs6dredm3ji4lszqhtg7nre+0xcng8pyhuu/rti0be3qacvrprgg1eaofsqcwtvedibraredfyygkfutc8w547ujjlnuthoiw3baic1zeb7rhfphw9odz07kkdr1ippqacisnqnz4sersia09bkyibnwtr3xnr0zk9vrd5cr5uvg1m31asi+eohk92xgf7l2kebbc6ras8zvtatae6a7iaq2aa7g/p0v7+3w/+q7fu7ip9vmf60msi87kuxbn1s1+etza5eysl0gfy9fsilrk2irxbwwclkqucvd5q/azfigvb9uodusekzavivrz5ekmmian9kzzv1ca60w0uc0/ql1voepuv4cglpyh7/ygnujbhfuqel891siwefvjl71vgsojsp0xsbciuj90fgc2nnpsezbdmawk04ikjgt04osqigmagbazabetwx1gzo2i+fcosmjwjjf4h4pbdpwiw0ghdvm/ed1rdaakvmmo+f8zu5dkxzmjo899jcjhiijvqmysnkfafkcgtisaszi/mz53exwbogjisbqj3ot4xbcxd79h/aswhlw0byzhrchazf2pavxdqyqkqd0qoobspjgmrpnvo51gsioc0ov3plcmhrj0tjtyitvq6z9bkmhblg6yxgju3r8figxzpbxfmqkqpquyvixwcpfk9etzienma2xmbnu1s1uiszbffitpacm5lfasrl2vsyeu04biyq+rnnr+3m3r15ntwe9qiw4evmxbgom8g4eutwpa1g9d9b3uluyosvweugmijzrgfj6gots9l5akru97q/ucce3wsmn8sxlc7hd1rffqo/e+4jxklq4p7l0rbvdj9p8flqxaobkn7hpt7ifrwq62mqm7ky4biav+4papejprubk+rwyuwker/uupn2vplqhkjzxmirauadcsn7atkdvsr/6b9pwds17prn8zcxzmcixtt6x15tr2ncb7mghigytn9cayn7u6uekumwhcld81rfpfmqgdzkjpidf/35pi+xtqlvmgbplhnsehyrrrc5hwumuuwlpyoyzncgu8xgrihqzqtkzg2v1q4cwk7irnfo3u95x6j4fm9erozhncsgfn6jlwu0qo4l00lkjpj4beodmg2xddlss2w2r8cyp6ccxtnyxkid20vw9vizjkjt9cgmw/3qtpbganrrit6cmmuebscoynmydrfd93et6a5oox8xzue37m/3azfd3vv+7qnxmyfv0or2nyplx960ncxlowxyabomgpkywrjatsmw0q4r12nveosnb7vna3xnkns1urwzmf2vtew2swgy1g1xgdgkk091omhba9fbfhx1p8nunpno8a6fpiesvneglhdtgsx0bu0ks62o9gnkywcaq5z3fxbvfubzdfzxuwq4pmcg5cvp/nmn2dsqczkcmelpope8hkrek6hbmnqmotj+wryseldqvq91taed0vcrs6nq6ezp9y50yldiamrfg7qv0h5p6qpss4nk7tr9i/vtosxf9edipuhew2qmheq4ywa23eupjoupev31g7ybv7hh/2bqdw5oa0er1wux4/y7zemskjcujv/ep6oach80ojizffu5y4qorph1v+1hbb/vxekoh8ommsuhycpa9dzme9eyxhbptmzzhnfkjr9of+8aavpjo+7hpsfe2qaxzsbfpfkxfxp96z4qmimw9+qhknallsh2a8l8ygrdlf9fbzc3jls7pxqm33cowe+9dnqtf6ponz7az+ddpuvv2vwdcqt8j3qmkyywpwat+hzvhvghaheyn1eo+htsr0afcnqujl1jen+3r8r6/sprgx/g4ay+msk/1mtuedgwaageoxzayl2rlt9+imvwu2lous95mo5mretqqpjldbjo9mr8jgvn2ziubtu2xrdktlw+k1901n6hcvrxiiyo/otwhoah2q3ecmcsgrrwyy79gxkldpano6w7dsg0/nsf4kngahnjmra3qjbhjdcet93lnsvzfhwnmoabs4a+kxixd8yp3orlrkuqupn4j5ivlzhxhq4xaqrncyntgcs37thh7keao87+ugh15udozmekl86nybcqu1rciuga37ry3kd3qea5x5jiwqisbsa9xotfpc8n+nsokfqoaq0cpzvfvbuxytaoh8u63u9y7t7l4udcnxikl4za2swva42dxwcwyd1penylukqe2ey8em+6sc1qrfbg1/34gwal3fbbw76yduasrxvp/ynopeog2z9nwhw77vzeo15lhsfwxo5cm++eyplk1n5lxfllhqpnycs+mpkxa7y+3ldyeqzo4znozelsxuffgqwrt1gjqobtd7xmf8n5p3eem9wh3pkw+3citz1qzjnz0wvj902/lbzi3bzuypdyq+6hpk6er7yz8ja2/inndmhuyjrarg6+ieyeg8lx0iayunebbcw3e3vmtqg5vf65vr5hdsww6wzafczipsay1mnaxvvc0q2rphtvefwjkdaszmzgjy29yhj3uynwvvzdnmdndvomtafa81m2ycsgrisjcwxro8iqhohatar4suhhbx//kqm51e+dbqqk6djxntfhrujki2ehvm1fih6n6bl+wue8bzvkpsyvg/r3uuneu57ic/jt1r7ywojk1vgxwukqktgw+shupox7l9uxs3palhdnfshdfkrom7bs0tr9bhz5sm6hecasy2rmqtrh0nuhgpggjtknyxx9eo5m2bsk4m7xrikqu4etftxgwqfoss8dqdfpjseqguz6rzzm4ssb0o73i9cvzob0ptvhobxweukdilchrlhsizj8tkqeifzlnmwl8dzpl2d6b2bf13qlrmee2u2ximqk4me43ixxtqiskmxru8un3hn1ugjoro6xb+jtamlqo1j4avftimle/dmplntxmvqhoqsz+n1vfm5zj8vcbc56xwm0cnzv7x+ykewgfztc1lmnl+goirdn6ermh9oxbikxvreb+1xcs6fvzykeahin7fchkkdvonxurtfrfoccatezyzdrmx9fiu/xbbkjfmloyjwir8wnlgahmdthuryl9g/jiyhrahyxrnqj5klk5fhm0ain8ytojzdie1iuqp9xmqq+zpyz352xvm9fuxebl5xs0edjcvomcomcpkj1wr3ylck8txa9jqrasqkifqpqdfixv7lmrpc6yrxrclolfbqm4mrhtj0nv0vxqkrllmvt8huacu1e/aqlsqcbo1dm2pzovurzmetnyto6spy1hcocntkejmtdtnppqdlksmr3yts3drcec1a5a9txkya0on8qz4kmcjjkyyxzvo/q0c+/gq3jjynpx1jkefqnnuzgmdfwcjqikdtcpl9eq4r8dncngiz3ywfxehpuwcpey598agqeeaixe2t2yeagq5jnzejd0wz1wmn620xr8i7ht+paxeu9lnbwt3r46d12roqitz6t1kdvhffd8t6wvgzmupa0mgrup8+rlpvec/nuxetmjyolrdzhlxbbspl2dwhbel39adbyxrjgwi34cu/71wzkytaapxjigodpbv83utaraynjr+r++xbjpxe2jrh7msnvmf3mizum+nhpaxlylrq7rrczapvt90luukqiihpfedsp1eahyyp8qh8r8lrcdsefoiqdtsuxm5/rqyhwr6ljetro+p2k8hs/c1guk2w56j2o/eqjjwjvy7o79te6rxwsqo107r4kpaw87a8fzxwmqvbapvzt2eq9hfw2c5gaer6o6ov6og7cd7qgol47collkvllcbcmrveq4utcyq88pr+myssn593bdya+tjioz4jifkakfrwxs8rxcpv8lykwrhpgk5wqr7wyakos8hv1hhz5vx1hdd5o+sjhufbwztd+/291tohnwlqhcimp/dq7s2ydiij3xga6tkejq0yxlcytvhsnzdtbtimqr7kdftjip98s4g7hszd2el425qmr+gyts1yzqnybljj3xfnolluvuzd+odfhswi1j6ydy1eumgt+zclxh62h6xb5v8vrqetzwjcbhxjfmgvbozv8fonmokmgb86jceozqikkj4nlha06+j17dk2iytfxfyxw/vfs7pytskkavz7uqkvr7i/q7uobzrsn3imydrpucmlftzryfuw0o+wvaawbph/k8vhmpziquz9uurmmkqpsj8q5awbi9j3eiboll2uefmkcjblcyzw0adxh1vj7al5or37sfowavtlju39dxbk+r1jpz19invz5egwrptrpzhskw3y9x36nwia61fqvpgv1fydvyzr2g9dhccr9pp3+viwohnldrzypbnijk0xlkow9cxntusthfdmuw3sxemjvaogpc0nrqkdo43ecgx0a8uygeosr7a51socofhnuevui5fwjzjdyh1sa1hzslrtx9fjer58etpljxdqgazcn0dk1algkdtvzytfiatnehhixms60oyf6/d7ng0+xxtfug1erdjovvquwwheydwukycptfrbvai4q7gpgyqy1yuepkpdxlvjqhkoy/i66/pquc38obs2hatgg2vi8b0ywdyngqqxynkdixfvmpadsliddk7oum+f8mv3dcvx3nelng2u7mtrlthjxkgloxo54vj7sau1hspxyztsweshsd2jm0ddl01hliaz7zukldifazn+cc75uahw/c0aodn94wr+i2fd6ksdme/wjf30cvpop1kfstd37lb2a9im28aiu2nbkojjol8t0bnoeqz9nocjcaw1xnmvxpu4n8ko54r7mh6uweqnr3udgsdztierf4jqqivch12ksns9zylpfi9cmv31tduv9anes781bulzqyudlx9e6lzz4+5yr3ctqwavjebbr5g4ulhedmth097oxlncl1nshytxshkqnd1dljiwaywgnue5ok9ouowuwhxjijhwhdoagyomvdh3jd1jwyqhihsclrumz4hfsveqtiv7mvkci8azdgugugpnukw2ndmmvxguxvuxwj3hawq9yppbpg21lnp1y01l3wippw6zmewhpxth1xnpoa0do5ovyzirh6cufzbnuruazzycikeoeqxa+fscep+gfi/miryskw7amkv5oikdgtaecbocmmkhrjqyyiljzfyjlgmodabentzncgfnqsywsckgacj3igblzarnm0c2cwpaerqmvw8qv3m4mydfqjolk81hoihqnwnsnzyvl+ajasyhwthcdyxrplrzwvpyitilb9yi+jiffeoizjpgxxb/ezvwcd6evjoskdzyyvmuagwfzu2hl3o0t9z2dbcjr7kaqchbk5nkmhmoobtahaqoqs9ebkprksvzsumycnpcmwrzvmwiyvmgfj1jjqdzcvwkhvcu07knroepciwwxnemqkjymb3gemydtqz/u9zdxexpssklysqqfphyl6gykhajuqp9ckqvmj8+ijjf/wvhvnpvalt7wagvreong7z3ffykbvm9eey38yme3iwuzgulvmyzl8ng3kwb5qe9ohmjlvzdksphhw3oitnflif5vjfwwvit2xvzhj2szsu0wukq/blpigrpqihmqbjpc5w9hbsdwwiyvi1osysxaalwqvwyoqqiasgu++5uhx9crnio2nwc+gxcu6nzvlmqygco4/i+5szq7rjjxduje1xip9is9pcqri9vfzmadiwqny9vbyvk27xqnannktdoytzuq6uub7o9+xsrlsyx7mtl2avzaeuxg5yln6yhzzztetmxvcf0upfauz2rghjauabrvhmzoskn+x64usda/nl8phcm8bbmezjcxtcrxnjmlmazmu3yjs+zguvdzhlzhakpve7xdpdmprhird9hgxywiuqovlgidkvi06bx2korz+hcd9thrctzt4e0dwdbuwapwbc5heisd3vczy8w7ignyib2ofmihbcwrnultkfxohjv244nnbgsd3srnvohrg8zszgal+j/i7p127gwxv1c2flnyhlntx8rybvdjjtvpn+2losvoxl+e8zdmc7ar2v6ooavbxtxkuxh+x8gnnmqguvqnmitlsh+dxuyxcvccdbxgnueqb+m4rztxr3luxjjprljshiep7uewpgfkfm55nlfqi+6jhdgkb16tsijovjjhnmvrjbuwby42t5xtvzbgeeitq6hduea4dqmeej4plzckvuwz6deqdyqpz68ja9xatd/tatmp9qpemzsigkuzyzuwkckc4knqkxzhsnn+aowvj0utdwpkuwx7oeudun0vzrikcgjvg0krf3hsmwdqf3kgk/zdi+3bqzw0/g1lrajm5qt/l39nyqcyyu4atzzbks/rlmurabydsrrhgihfdxypq3wbf7jzjomae1zawqmcdfw93xzy92jmayil0i7cw9gu4afovhxs0io+yw8gwdgncm3u71yvsqm/fgpdvyqfie6brzluflyj5wltnd+apzythhrrfmogyv6pivxymr+97efovwyympufchir6pufxn/5r+iqzyxdazg3jclgyp8zmnz0vxt8bj8u1pbrfhh0i4hs2pzthhnbe4mtsar+jalcybowrlpdx6qzek14hf2gbmlevf1a0uoqbjn6yajxvalcko+g2nbfcg9wgsy7x7ikdajzed4qcosvs4e9ifjvgdovvoqhhn7d7pbaiskj0dw+6ks1fyaii/w35goor2s+89m7ao1m7+rrvm7ly2fwdxxnxfnnwzhjhdfzzafnjuvyzdge1epmfso8lzbuoxmg0cwlnykyit7hjv8y9rmb7xzodd8tqm8o1b0da+b3tdmffxn13k180ub+/f+eybvnjti/wzg1dcemy05a1raebt3b1lfe7xn8jbpjjk1p/hdao0shgnyret7gnt9lcg8eelxgrl9iqtqr2hqh1x9gi63xjnhlropxow59pqfm9kao4pawcpd8pcne9jegzx+/o1e6rvtzfl/xjixdw3ruueui6i3ofeswqk7daxhao83fmzknjzmaj7ruf2bhv9zrajdhp5avecjtnq9xq2d8d1hdurin2twd/x024t1wg/yambd/bd54nfmibg6nbdz8dodusa9c3g+kkladpwqjhocrscp3jnn7xctmn6+iequzphvb0jeypqritxf7tukefrwkqmtaokd+c7hfmsoslmtft84w7q13u3caka4n4ivrikua53i5aooavszkhgz8kyhfdthmoud/b8owgrxrqs4o635wxeplxoytaqobwmys2eo64nczcvmrxaga4tpzzx3qcmk7qxwrk9pffj4vnd5aemgngi5k8do13p6733jdog7xnn66gdnu2985s9kvmrq4zogooo1ma0wqvgj61nrlhqeogt8o61nuxzzp/flowj1pz1reoprex3mk1m8rby+tlbjm+vqdnyqn9pqip6uwvhluykesjjs4q5+qa+b9st6z8o4gruiffr6j13d/k5ezqmg/qg3lizcc4vkv3x5qfsoe3wgso7ushr6hqitmu3pcej6qka00gb3u+m7sh+twfuq1o/fuxdxwkx0doehgslbeqvbqsianyey5qucmqy35y7fne1cpzjqf14qvnvxrhanhdqhf21eoi+vp42z4hgortqvbolfyhsm61iydnbssjvumf2szgq3amkiv+6nrbeu1s7h4a+wpiwyrhvpwgi6ngossdkohfm2w5g+9txwkg92nlrmqebuwrt6eykmkj6tunmx8/qufiorjnwttbqzqpyjn6b5fao5nn3yc1imln4sy4o/7mrcygy5vwkrfps877nqtn11y8srxfb5q568f37hoa9zpc/xvecb49tvgwoc/bcddpsklahr93mppuc28rhgyrkivnuy+r4hm36br78xsg/lourft8z4xuvrmb1tnfcdvt12fimiv/eiq29nbgytfsl9tu7kco3n2+un1gem1thrifvh9+qlluj1v4gathxonf56r2hm9ylcxwuyeaohmpsipalttork/mdqp37jp0c6pjacv7kfids3arztvgizmt2gnglbvtejlrydlkwmx/pnipjur48xlw0r4oakzt2zfryg/jusgszlt4tt/utynre7tcahmg3soewbyftxnvue40osreajhxoopka38fw3lxie7awxv6eimhe3a4ivj9q2y+bjkej+4v58sl6oamt+h4f3ne8jjost2l87d5jidalgbehkpnat6vlney9ybvowbyrjfp6y7pvxbxvfr9tci93ccif6lhuufsheoj3xinphisdvu3cfgxmeyinn1xlce+mqda8a061fzxj2ncbocrvwtr7ztomqyaaqpbdipm2j7lw2gvvpyozmybsak10gnd8bua9qhmtingztnbrwy6avzn3xn0xqn91tc4by3gqb+hmtovaowcsaeueg5d7hbsrbfnf1lpjvawtqpgq41gh2wxdvugnxkk/7ypsghw2kv5rlrwmarho9d2rnygjcdmkm/9rua3greg4xg/zjeiq3adrzgveo6nh6nl1zs/2jjsxgi46glifcanzfc72uwkzvscz2qnlyuuhhiiiryek0m5d8nxjmivvbdukjfamphic6uhw5hmwypti8ntvwyrf7zz4wyjx7ii7qcriqcpq4xgrztdgfsjtkcvco0v1war6p3ygdndwq+od0lidsbic1d9silryuvtyyxowwhn2iwos2nxixxfd9j2is6+vl9o4pod1esy1g19p0qfrtfsefi1snz8x7ncatvkbqm5uhexkb0tftupe3ffosic6k5v1ou2chzredfj3+51ovm+h2cpgbsjm/qbjzo1cbb25ffjul0/tlidcento31vcuvumvcoqir6vchrliwo/1hoyz1ld3mm9yrfrb+zlydhwx76t88mi+5wrmnw4bphdetigvvzr5xbaxt/pkv/1eh6h9qqs/iakxalxd9j6cpgrwsx9nfnn+92ekdtpavophezbzbudb9lis4trc4wd4tshebenwlegblgssc9oe0s/hxhf7hq2q+mkcyer79hfpwlsurd5+x75vv+e0pc857vtexel7obco/ne60kc5nrhkd+dgwtt/sb3hfpfybdqyh+yn2n6x4ytvujra9cf4qyg8hybw6eynlmzxlstnmjgz6bxsbquce6x1q28qosqlpigvkonjkpxpuf1xry0jj6kyjlposd8gwhexk0zzlu3psw4mjkd+wfycsucikbicg1ypykweotogffitbfihiimqazdiijytebuxbchdsihoj4kb5rvbdso8pzaluumy98k8vdtplbixnciswtwn/eyzzkmfxdyxi0jydwekmu9nrp0xjtmwukgkrw3jbibpr5l496kysqfwciarswk3rzvfi5zyhbedjwzn2xxlrizaib1ni0f6zxykjxz1doqplsr2g0rlmct4mkt8x9spfkos7xbxn10mgdebkubhtwiexwufysnfio6phrvfm1ghcezpdmxk5ac3o0pyk5lbiszihhd+laki3qfe3+8ubagblu4qowg7vg/d+m6erpj7g5n2lweouvtqc7ldykunet5hadcryte834sp2ylziyuz8usjpcumrj7+9wbzkbhoj9jv4o/zr0qm580arciqpwjkcot64hazmibnqodiw09oslpewxlwblk5jlbwq+v50jjht9ekwqk6apliktbdnhy9h13so9kdsat2bft6xrmofn9gkthmoiu/ivkhifkswqflwoiextydfgd3nhbch1ohkatkxd0has8lnmjenb5c9n2ktsl5zdifvbkij39jdwo8ukssbfrrusm55jlhtnfuzfqq0r/3qlkw62v+xk1vcyha1dqyo0s143sqt6mk+c6e7zpzgccqpzat/fyn1c5hnhnl6+ycry+3ztvxkdgxhqf8heoqxl6iw7txk/zhzerblec1s7yq7x3eenu0tmpw7d+if9gcook14klke3dvmgvjjpjturitfjyft8guj3areyzorulliryvq3epoqktozkvzykyir+ud37zeows0d5gqapajcowlzncm0mfwkr+echy7ghlnqtxupi/g5z/eeq1gaidwtzoifgdympd+3otue1nzzr+rxpgxv35nosz7p2kzm7driktzizui2qwpvrn099ygjqrubrjxncqaq+ncqccr2zkrfmsdvntwn4pc3zrssf7tb1n020yqcqlkiqo2jqh7dw6inkqvsolpi7lluzsrzivlegmeqxlxmklnhcwvtppjh7gynsvhkkdrull9gisqg5vzoagkh1hvs+evs7j3uiw3ei6mfwhlvbsddl3pjrqegfrekwsfpepzzkv59a+dwdrkvesosp1gxpkjmbwxy1doaawmzzp1+rd4gfbwgxlykxml6+ure/jhgrphe4wo0pkvhyzio6sqb+sbhw2hxas0ee7ti4hd6jhycybd1hltd3v5r07ciwn4alr8zwlnjqr2h3nfs9n2l+ch8ryitt/efnew/jqjzkoxxcorfq+p74tsqvpsdmoubwfr+osxgs16hveeybu9wswum9aqlbg+jxthfloa8zte1dh6ouqqgucrzlbd7bazt+ti3xfvo653+iwy3bkmwkq3rnpkgiuhkwnmzl9s2o0rcx+ejdaarw7vtsbbp6w1x0psqb7/wul3i97uxqalpwcj1zpfvev+3ncuu9hzvtbdg47mlukx0qqc/1jlbxfy/ivdolwdglik+yrelt9qpjyhgdvxl7aoqlijp3ngjqfntjrsh7azeq/tqlgr7x97mraqnl810712/w06xxa5feqyco/0+7e442b9ubqbhwtwj38zah6nct0/9bftnpjzzmb9+jim5z/hrybsjkcayuut1ywvhlmvdfv43t/95hfba9hn9yrendhg825yf2bozue71iu57o9dsy8dfh5p9yf6m7cekhh7ft81knqnr4vsfsbx7dumc3n06daq0cthztrl+3cyb0l9viyvby0zgd4uflwhzlvr3hxupzqxgji+ibnybsuz1fwjzb1+ck/8+vyypmpehm7mevalmckdkvtloah6bics1esfetpigwawsu/rkfogtxdap8ftke9aozngpy7asvvh/wphoytxefzpca2lurjggrh7npzuzpjlkobr16yv3ul2usnrlavsfs3vvvcmpxfpp4zyzpnrwpxrkvom0xdxhfafjsujlm6yxmh2jpdccyek/zfqqqwvxvvrpegjarx6n6txoeehfd7xr0nswbaplpvdlrd9ho6cs7ka8i80/zvjcvqcu7wk+ciuj1wzosaypckvfybzmf5umxhax6a3k/tavhftbymkz5infut3mbfpefwmgbvjth/mv8n/kbpr2mfqyguqtrxm5p2hhml0gmo1ygc7kg2r8oy81ufdgsjzbeckyc/jnuta8ixm2twg57ptvgk/na2mxupcsmtqn2xarrfnvnhyuijnvkvif7sbxndel7jlnotlwp3zac7ryfrka46tt5ndpky4wg5ks+lrvdh5ftekjnupdny1mqpaekfxizauwkdxpli5cedznvmmwsnfxxhul7efhtqk91lar23vq6cquqxk8e7vc5sb1bu+5lrkflhmfuk+dv06/r26r/z9/++2//j2sd1nrgdiipru1rwwkeu+dxn9a5bwyyjredjcawsnzcjcdljizhf+yhpp4v/f6p3/7xb35rqjp7v7ezu/vxov43ttf/8w9/+x//z/37f/lvfzf4v//21/3fv1vsvlcvr9hbvtsfc2fxxnogvwgzs8jc5c7spluizov5k4iojpl+fs2kudvbpuupnfpcpzrkhcozv05gqhtscbhrznww7q4nyz6pij4jiqmzt4ryhpsatntev6wkahuginwsp/jqvnc0juzbrjpdmp2fvzxmneppee4ktoyguejvotvyq9tve3pdyc+kzfww64xqghhfuwwmaepfdwpaizfxldujr7qr7ygsk4e4zbgbydldbetqar5a8rmrxnwon51mydfu3r1l5jvjueholo+g2qlvsci8sgh7ucnrno4rdcfkv7zh0lnfian4mveg6ngsf9qtqqiimrb7cw55jhtmgqirvzgyksjm7jfp8tehl4iax94iqvjpnntbel8wsq0dtr2l4ygxuu+79rytzwi+7ncvpy/weytz37tb4ooi1ffvt5k8igywtdjhmc2lqk8ybk4kxaochztnctjkhmlxpjz8drjwjlwn+u4n13rafyjk8h77gmibt5hyeze1rh2bbshxhi86rlia5ilu1h8uf5gpigazgcznvba/bd8424owz1tvyfivkkoth8iy36gtpv4nfsr3gqr7w8n9sc7k98ldijrklg2ix9sa3mojbbxr3pa0bna5c3p9lcau9bhsy7dxapghywm4mmlstjko7uyqzdhhq24lqr+k+/q6dyn04efa9fmwilo7zt0t7xowxqchzzmfrng3xfnazgvzixehf8aa9ytqesqx6+9uta2y8g2zx6qrvbkdj6rofg+mfsaofsjoem2wqschujyzjprh3fr7z1r8mplwto4+i/yo4wfsjktydkg0bylr0ugjcnxqtbst0cr3dutpz6kf8o7qrylpx7v5nh1pbpi+n7/nbp6h4hssbn84hyjrj7r1zrjw8kyutj0cqr44vu3y1+57lltjdjzlq4cnd3eoluhc0tac3nnwfu9i/dpxahv8y1z/xaalghhgmsml2a76d1b4hdmfuc8+hbeporheuzj8ig8y6rwixnuelcgld3ypiqcpoi7je11rvyn/owzf6jz6coe9/akh6bggmlh+w8ezoqp7ymqsmevssvhlch9b0mppyaypbmmjvj9eeg20iyiej85woduoidrbxlssgh8z0urh35voh0jbnhwtlt6zl7j+vlaqj6o5pq3p1a59zy4xw7o+q+u+5gbrtyu4ogvi1lznfpa4rnbpdp127ok7c4vhkzce7suhrb4e6jhlvrvihzdd6poy3rca88usspnui9mncsi961ajo7lt0dm7yxufcpvvnqfbmvqxybk3alq5f4gqhg1aydbxfvffrh26crardnm6h5qpqserlu+fk5dxl+rhzcut2wwiueubd6nibkgzknaybbffvvh1+wyhpncm5/zhdbgqaqdgi/n42q0efdmdruss3adezb/yi/21n83rcrxgjb7xyvlhmietrbgmbxptffnolwqvjkbrcxrtjhvpset3petqntkb1eo5qriecudypew6jlfrpmpmvsnenwr+hphwvcjfooexpaugxzvmedgsuyh2dqni/ufzo1ln+dvetevbqz0sh0synt2ssush296auw1ykzoyb2feo3brzfhat0zzeb2btliahal+bemb36ug2l2cdytb1+ecgcnyjref8lgh+mrnk7ejritfjddk5+jr7tfvhexvryegxfur45+9r2yi4hipywqeac40r1nbnqac9j3enc2y7223rwosawhlczdokbk4smnljy5x+d03ill9votrclscypd150dsxahfopgzu4nfdnup+kia9b4whor6oesfcz2ru0un2m5x9l7+s2kvhq1wkuwjcdgo/v0+asr7uaqb5hpz1+gvrq7lkyzje1ltqybcid9vfstii8zg3/f3mglq9fnf3xsrkg1jqon9/n4/pbhuswqdvrfkhwnc3g5ieessqaueiaqcbunyfgolhzpmjojuufz7d35iyrr+/kbcedsq+umwivei4pcnzumnkuegndkcdfv/5iylfl3b3layb0aeagei3beurhnhqkde4kvdytytocyrdojqycfzz0owlm2cvwrpr2nlwokrhui85wtmjuvuhvujbummiejokwemyevrfal7fvnx66u7imu3/zut7olndzt80thprdr97qdkxke0oj08zrvj0lktz19bejhsvsyoarngvxen6swn+mvhogztubcwv210rsmvltwb6ulmkprckfi8zig7oidgxea7lewmq+oki/fwk9p2kd6pylvmuxz+rpr+nxrqsslb+jxq9bpne0o2apq1v80ntnzeddxcqcqqrlm/hboiwceu065g9rutecugtu+9n9duoty9exqd2pvnund+efzk8iibmc1j8rxcioywi8vipwm+igypjdj0fl3tojfwjx+gcgqznm2bhfwhknlnl2zhunq+d+fn3m4acdhhyb1xwdny2rhrgwvlfzt0eiarunqv6n6oktq6dopc41wqptojhiy8zksitlcwxrbq1fm+uagvtasqzccxndab0x/0dsk1210rrcsrnjiukk4hyvo/zhvteibkudpwve5ivd+ynzk5zueunsjxi26zbak/ac0ovcvqivbrecbhtuw06nngb5u4hlew27bt/3fxhraaxcyul9spwtmqg+wp8rnauldew6g6gaarrtsbz/12ti3rpygtn56lsux+mjnh9/2/xehzvxo3x90ndomo/5+skbbj4uykaezxqxspfhltfq3pce5nmod5wxhnwtjzrrwnpcbuppmba8fh0bcb0xulgwitt+zqwhqfaagvmyr3mxhlv+5albolcnv4sp1wg6intsnyqjv8viuvkiyr1amcvoopylwqzfq+xruuuoqblarqchrnhrpqely3ynvjrtnhknetmnuhxed5ykokya5nbymv2rcrekyxx63mrl5etrlhkorq7rb8q11hqgpfespweulrbkwh7wek66j8bznglytao7ki2yu4vnfx3kr47upzcfl6d2ai62ba7c6ttudnmpg+dple2zs0gjqfd0eg8jreu1xbforqrojiqhx0h6qwff87wuf4jxi5doioz7llx5/3s8halfb4ze75wfq6hxtwufpxurgsgdtqd7o0h4dzbq8didwgybwx1q5c5lvtm5vin717ppwpkaftmpf8k8hurhttgmuzah9jq8/0xhf+wgncgnawa1b5xvq9nyzzv4v9hxrftwht11old8o8c3rydodqk8s2op54i0rjajjgs3z/gyo1mlcpq2d4sencbjpxnrontggzuvk7zjxb1wxtd9uzh2mdynkd0mkdyjf2+xmrj2jye44pm8cok15t7cqaxoyhk7hdup4y8vghuzfbcanyaqg4id6apqy3porqapzcfqovgr13uwhslkmetnyt4+a+70mw60nc99zfjkgmyn0ja7umein7if28dsduofq5cdspgbaefbrwvzcovg8/jec0yihumvxewy1scuu+vkrfdkp2vfs3zqwrhtzv4jskezio1wmyhrbdly+7r1qj27axdr8k4k+kq7yu/pm8bq0sy2ybsn7d/fsmw767obre6i37bjfpaxwkvd+wzuqs4nsrersthyqp1dkiwkz6ogt1iautpjo2uzblgypinh4trs75p33o4gdk1kxlyrcr0em9n9t9e1ruuaeoxhomao8p70udccskvrfaz4occvfb5m3sfu9k8ki6okknltg0pbvdxda2h65zoatgjwpz0jxve2qcy0abotw8jowrqmpdkyypa78ioleaxkyz/ihqf4/m/guqn+jmwgknyqtf1p9j2mojvozqcdf5dnggb5qvhtx9lm4+g791uymltxuhg+lw6qsiwkv3kkrqij5dmxwn249nhmv+h5upjsqvpwrxkdfyuxn42i2ofla2cft3lgncpmngqivvkbam39bdfb6wgvxbvj4h/ms5mvrbkho4aezcbrutlt5+jtpzaiey8kbhottebki1r5ovdu3kyadhibulxtgixsttp6jffu7jwfeyxnfos7tlvmxn3bmlo5p00/yq4ixhc9epvmuyhtatrsf7x6l2n2gihndr9jzqwytp1kwwqmhashn0z6tdljafka/xrlqvu2ek0qeh5co+nlzmhnwuctyrctgq5r1xfj2zqj0xtw+h+lygvnjehdyyjpgd9vvbq+ywi1myfj0xpnbicwvvkgri1y0xnqa4unt9yskdosq1ek/lmv4kk9xm7wryswddc0ap2qwpu3zt+3p19cmjntqu2uqyjqgypieskmgy621kwjd3pixru3zy3y1aip8yuhb8khpaorj1rpx8sxkjsh8miuwzfrbmikqhyromobh4pmlipd/pdcmjm46ketog7igdppy0g7jdnf34u5uxrkrel9obzt0vv86q+ipvrdaaic5pamlmvruvmpaypffbey+icbrrftdz0fm7zwammsiirvhohbu87lgiynqfrgzuvdt7wkq0x5m12dnfbpu7qrxi0l2dyx6qocbibi/5feie3oemjukyll7xkd2yi2bxpideqbtw2j/ctm7q8pjbfyxra1l9uvtqdjtcczb5cdrizwiuzo+s/6j+zzukprhi1dpwjtbob3dq3zkljt/dkthwvlpfkeh3+sjsxbyue5wqwzhxvv3obxqbkc48xk3g25dgp4/qxux2anmsn76tqrq4dvfxwobv4bcne7vfj4x4xxtdqfr9egknzfjpxarvsxkzjsngv0tlawrv7nnvdkbjmupnt+dgzchmnodfx9zgfssmr4k76v35p+s+9unzoac7ly6gfdbj72y9jfbdzc0xham/a1uqzfxjnpiq0gt8dt82eodng4s0gjhsjxwi+uruvyknlqinuajctlkhcfpkqvqm0a2iibbhwu1kxii2npkczlzsdldtw3yb1a6ablnzenfu/ebn7csnflghhahy1q2iypzjenbd5wvzbk/upr22ikzdxxtwtsfco0ludng4nvy7tgdwje41qnl4o3cewcmnievfrmuuv6+vmqdwue6e6whpfrjlfspm4ubgbqgxnjepozan2+n/crscjnxdwtinsuu2jnggqnz0hrufccq2ktsvoyt8bozr2+vqcmbnz8l8kmxthygfo0mwkg7zwygomenoouk5klyrbm5p2h6eiyqnvp68ngxch7qmdlarqdfof6+vs2uj+mrgdcrrlqotlwtv1g80c6+h9dr2xr2iisr7f8d0mr9z9o5bi7lxe068vpuhdtgnkr1lxn30ma/u2hqsnl4bmpqcc1rgeo2utt0yy03sofd3cv/zdsp3ehfgzbq8vv1yii/bhxmw3ens34gbsxufbmp/bltjv85xchqyqe+fox+x74bjndymmmkltcnbjvvnxisd4jmlk0zfcywyh9frhzgpjnfeppzx1yxnlyqwcprdlgbbo2i3mwhxbdgvzmyj9jnzjlay1qwymdkpncermxwj4kkgq/zydxr38t4a/n6dylx3e9ojkhhytz8/lgajo3d4drwv+pbfu3hh0n03c9s9nvqwmyzsyl0dfhk/5qj5kwyyotc2d5zpgdxegqwiu7uggn0/dsfdn3bjfl4z4ug1u6vctffyatc17lpenkzp1de0t8vx6wz73axdsc/fdnllt9pvnnplssdgeyn1l1ppjdlv47ifvpciqt6c/xa5qpt2epk99kczppuhp9vexuui37hkxgopivnvxfzmh1tjsha/bz5onnwoq90e0sxu3+ajxxsajy7zfm5kjtjewuvn3eesyr7m6kryi1gynxej7zwf3k9e4mceihmlx/lftytxnbnx97vzg7wzx/epxn7pliutgaf7o8rxucvcufxr2qgns/zd+6l3nfbt9e1y4yp6xke2ycevymzj087jm/smwxvrfd+fbcg9gf3vdnza3a8/qf4hznmrfu9sjhg8scc3/llh6kqxb9v52yj6m+ezv/k8zya50wdsq/gdoygv71ic7dqhql2m1rnn87z4r2eg7a6ooevofh12shxgoejyyaqlmqdjg+dm9btrl5g3erd5hwhwcayqwuuujwqqrcjgvd3mm6mvbmkfwuz6ltogyheugcaqgwqjzh114fea8shzl7fhazuibpieg1axswblykztke4ncpmthh4mnltdspqijcec1eordxnn1bindwuuipwup9/y24fw7homndop/ugdfdpxullfeejcrpao7u4evab66+v7vjxdct8hka78tieo0qbf9dt98n791dcbq98rwzodbvyoccgczkz17kq0hp56+tpmv3ycma1vcjxvhbwz8oyx+w3iph9jdt99jrhv/mhvnmsz1xm9mfwbufuxjyzlvbbodv7gd+12+cdgnytqrrliehj3ptep8vs14/+cpp9rhl5en3z1+mpdlhaoi7uzhudu+kajaetldul+ddklx2ju917rvomy9jnmf4nmdmw92ck8jn41os60yvndk0uzgs60kg5vyp51k+dgcgforfijinhrldmzmxcaeuvmhaz0wykehlu+l15n+/wzzyf+siywgqhxcwuwqmpj17avwjgo3lnvz2r3jomdimh1rqbfijgybmrtaepoqrmyth5lzzjn2hxmx08kynszz0baco1ebbpegjetdkufztqxhwx+h5b6t+iu2s2peb8mja3bllutfnx7tfcharyffcycbb5yjnimhy3kkzryk6xkufspixd8e2+jgjdj9z2o1wq2xoz9mrli36giugukd2dp99aeqdyva7olssay787wck4t0p4trzn3u28pkszgdgmvnvwrowlqczai4l3y2696jzektg5z5txudeuaqvrfsxek8m7zhhanryceu2xhbh3punwyulqcjjbuwsirmfzhxatsryehhljqvsn3lf479rskmkyk7a4xn6ertptfdywuc85cigb9nsqs8pryolxrskumsay9ldapmiggbciz1dd1uhwgticpqrvqh99d5vnmln3dffg/850ttoyudnurkq4jt2w6xkqi3kf+pxffadwv2fqxjtpyc6qd3jqy2lwmg+crn0ohvptig9beoobstymbpipm1v2w2arnxeekop090jylftsrmialxlfvec2u7e19ip8+d1fblbgfvxavx/s15najdnq6bu8o7/kmg7oumctfsjfssolhcnzk1gv5jydgufonckv5+fzqh+fhuu9te1ruplrbype7gcgrdb4r7lhbmo6iwts3m4mmptydaytouu9tbdi3ugciay+dfszehx03puo4xzedlnvlnr2nm+nd94il0htztvzl8bmszqrrp7qnmwg59qgurlhxewhtomwq7sy0ac4p7+kyq3zudezu/rhyz71iderfxdkezjghsdbtqhkhra1aucmrjmddxq4xbol0c8rnrgzi3c+f6y5pibcwbwddka2qixmynhp4mj2nyoz5y8ltl3xisjnif+jmx2/+bvg14+zlsdo2qrljbhm2t+i4lc4omfp2znmzzxs28jv9lnpozpoek26cyadvbbywez9e9dc9xvbjlr7e2mz8+vu4bogkkh8+d/babsgghmxsndghjcg6jtzlxm0wsrqhctg/vwxfjttqyl3ku5ixtmuxykccysvrjsre3uuhwfx1vz/o6j3ewkn2kczpyqkeo5izntis6zewqxz2khznizmg0ta2tpwjqhwkcwnbuyn+4g8qna98sbmnej85sunbf+0u+d2jokui7fvecnjxpq5mbjsyiujefj2si05he4rueq2gd2+u2zcisokdmcllpt6trwz4f2y+sp2gkezas5wc3lnakbuyhmxfiaaq1dyovvowidlouklddnsddtqbvsyu0cuoo0nxb3xxveaij00dwn06rmzdzi1xf8uou0ftyt1i3m4uhxnrgyebv7dtmzkzz1i649f3wxqtjdqqyhaxomwsue0pyxmhuff2kub+3qmwsibcka5wnabwgqzz68orseyhyfwoonavp+usqqqquxzscpy3zmxka0ccxgwfybfipanrp2tpwl47hkdrj9bb2uz0msmaqyhefckahiliq207tbokjyiq6z4qlbodcw1mdg0z0wg6c0nzizlyv2yqzcxyyhyinxur4gc9zz1rgrxd+tp3fwvoa9g3khxpvyrpuh3fr1smonvgaex15xgs73qnd3eij2kynerjehvvpyw4apvafc3zf15/7fbk6+ssdzs7qh4vcvay1+fgw/1n96ghzp1rrkfca2+zrduw5pi9b1uabbktgbhamxberdwxslrolavrgkm9e6w3qh5qfcie7tcsovgs1h2hwkw7icawzy5qswrijllrolj2zyql/v9kubrxp0tkntvcysxq2vnoed7alfuk4e6cjzbdm061ukur0hat3gbsgyrazvooj3s2hytt5oonx/m5psx35oc4brvpc+eaxzsu3akawb978sb5lgzdu/ndvj6tqaynckdtxpaxgamzcmvgr60kj3lcbnlb16ycu8nomlbtakzvhiv+ueuls7e4ffdnbmmyvhjb8vnsydkxvz15ykclx6bsj5kn3t/t3iw8olnoi2xu157p2dksvkfeixaf0e83amr+lh9odlcmn6r7nondu4xgxiwjwbvvi4zaosotbmd1xs9r1yutbqdaj30bap/0rpmr+etkjkizljyxdwcte5vrszx7ddazhtswtstu4om+/imdlq5+bszb6dldsioxlrf5zaaoywd2a1ezuesrcc46yzdubw95lwee3ss4teepsiwqbrwvq7qiva/shnpii2aadttzeinlrds50uy9iym4/fqx3esjf50wlr091yatdpheyjwwxl7yjtjfsmk1fduxkyvarsdk9nr3wgj8jkzfi4tgappslwpllxbdbrsh17ujcwzxk3jrbrkl+e6zo1rayr4po48npnqegjeowe0aggqpdlyupoo0do+xtfsifpu6zutj7exjghdttu+kwbu6mnkiee1mns4qeaq3vtthmdxbfgbkjam32xskh7suo5hdthlvoycj7sa1o6nddie/q/1ejuetlo0dack6jgm/qhxhxjjdyugneofi7f74xshiwjreh2s3gzx0judzvqyh3aozrhjoysfsv5lnlwnhcl57dkoajdrnyiuzi6c9bqvgslw09bnr9pgzfp3hpufnnekhhlwpjmtvxfy0bldtdska2ermgjxzmp11wpp6/733ebr1bha62sz/j+b2ov54zk3/txyu/hypryzicntpc0g43yljxxco0rd+wfz5u2tyhadfuq6q/byzimvzgquuugaiunn09esytjelzjnleak0n7zzdcaa7qyaduod3f7pape/yqupb0yjhbsu/1dp5p95mywaqjq2wujsk6o6g9sq8c9gqlu5lagni1xq4zbpaytmp2jxfes7cbsroteopgtgmqlfz+zvduuuhmgirnxzjuyedkeqe2zf5svseq2a3nxg2fytandslctg5vlwra7et+rgx7zyo05pxvryil59og1waz19lhzmlqhrpmnhjhkyx2yssgc/hdj8hdihauge7rfc2nijiipkglnyxfju+a2muhrqseoytlgs4ohco/977xsadxw//61arlojsfbdgouubegdomxrqzrxbgss3nvpnjoubqwfk2apymofksd5zr2k3urzd4t7p7vijxu5ffdcn9apb155v83wrpsiiuicd3mxaxgfs+tzmpalmff1z2udlbltbyuntyqvlllbvgokqt0/w6b2ryvzghwezzjxpusyk0j8cun2hczxv572qw9rmrbiipggbzqhfrv54ddrmnsa5jwfsy3c55iosqtxvrrfsmi+rorvxnfzmnjqmjeyygmiz3vu7aq/p8wyxs/uh7tkmx44j9ezbebigrihxdgoxyrke8jkuseksrzjsox7o9qpza6zjzit9ovptniocitxls5ruo+rdd3zrafji38xp76vtxww2mltdnoeiw+fdjevfmj3bu5d26tvqyg32jbj2p3l2shdwhzbl0rs0hsf3ynxtfahhmixc3bdzrmdrai4zm9wrfmu3iedaqjzf9ytn/ugszc02dzpmvjbezjs2nvt6eabexei+gxaa+z+yknabfrnboo9zhdjd53v9z6q3d2deaf+svtvxf87ft74h5vh7y3ttgnonaymwzkexvay0c8w1jedun1fu+tjgtssqlb5knhx/ig0iupnns4z0dfuwvdtrol3pps5x15cux9jurlydwiudp2toiz75nm9pok8k4o9uaqwt76zd++bmwexheqwu+wse6mswl5pdsgetydnijoedxg8csad2nje5aosshzj64hb1jbj1uyzjej1bbyytgilwejobzzzgwca5dqmedsd9hh/niz7hz9v8gybimitcspsu+zqanflacrifl7htmqtwk5uroe7z9jofjbauvbgjhhphiwizov7ncwt19pjyr1le0svxryrkt/zal3profqx+eopjm+jbe3kbvmbobklvegjpc7dqomdhtnbpwzzgzdgtsdddq5cblhkvu5vemosu63czrktnluxhppvfigu2itopbktxricxdwiidbln2vga0eevf0g1khvue4adus3e0crpet9ubrcypwegnrfo0eve4r/kp8tyux5fieek54isldu5min0ozby51aglpqjbvmnsft91yutw94rrcl95k4fdth1zhz5gamyma1yi2n0fn4xjr6lg+vj06+/giiywtzrtd7fon+o2ktxlc6wbfo/g8tbob98hwu/yytybsgegn/zhl04g2mwm8ekpmlyuijszcfa53i2m8drgtkutdiuyo04k+s51iso1pnfqwspnij+6cn+txjb6fz+ikvjsgbz252slzsfy400nsdhqdspu7txivzfit5phsyg5ekp6kgwyhkpgaqjk+/hxhbuifm+tjpcmkfiyjjc+0200e2jkqgf0hbwg0jpymyocwcrhpdyrupn6ygfc5kv1xr/wktbmmb08jjvualt2ietorrexwm7xrs8xmmf1yqhobo6crpn4imsxoxv85bnkrif4awq+kuibuwelreufw46iyug1tdhe/cinqdfldhpcjbz9gydwyu9bvlcxr5uwnlk6z0nc1u1zykfymg+yuai3qwox5df0uau1spcmnes8b+aa1a2w7/2nilzgmlyei002ozzg5dbhnn0zz6p4gokloul7ypmzzllvyxfww7sfycttvckrkwtyvzawfids4wpgeicr0faiztw1jpju2ccfn+hq2be9c+jgikj5xv7ljzn4+mx5o9uscph5yputtfklvjnk9uwxd9eulhx+zczxvuzqb3gik4a/vyxprnodyr2jcsrple2kybn3kbehdygbrddhj9o2ovr3qc+2wyz4yrcx2dozzt57rrz1dtjgiktm/bpdjmpnla51zchhojk8ihzypbfy+jr3sanseeoy7bhsqaelm933hyllzidl5y2ahhf6zqt1qm6pi91/fzjocfmj1li98awjzpkyr8qbtiizxsdciedxjxqrqkuizvyje060/6befpdqqapuq+/ue059ddziheitjev7f/qrmvlio6rblpzlk56wvi4mz78thmfaynlhtgjuy+enminiszp5i2pss2w7qldvjuga4hn45aamfozqmlesvyb4aelzqz3ruimlpsmvqh0jq+x4zroko033ppcby2z0ni1jfwvtuklyncdnpxcxugfiq5oidau+ghbfb3kkwnqukt5wkpunutiz//yfppuc1salgnnnb2vpjrn3v95a0w4vyqp5/xyuhrw5iq1ovigqr3llyvwm4yqxkqwiyqp8bcre+2n3prlw7i4dhbzanbepnnb0ifv3dl1ncanmmgurwjb9zaivlzllscgpghgnli+8vrswzwhohtyi5gptva8j2rcnncnmr25cv2dueldxsmj22eli9wsuqm2th7ndldlyqd1rhga1riephf8vjypyqrwlg4ytpj7lfmmhduup0rfzri3lt+pd8xvphmdt0dnm/yxu2lw0cyzsg9bpoh+vtt1rtqyrboe5w+wsbq2ckq0ulqnygfttl9cmpznpunex2k4nqmm54kbx+icenc60fjb6plamm126l/3qfr7hvp/g5mtg1q8dkmq12zfjhwwbfqi93m9zeimrr27kj9n/t9ht6es0e1dm5lzuhn25k8ndqfkg7qwe/kmym6kprx7vi3jdtj8t7+pp9bgekpedzg/dhborsmruhxfe2uegwdod/7tw8mxjx+2gfa6opggfes6kmertzrq8vsbibkq27arfr9zh69hxuyyt1xb/92tnr60vk7azjq11p5u82ahrxmotxozwbntxrsnhgpk7pupzpvg4ohwvempvfg2ofhw1gd1rffkpsrh2z9smkpuue5v0yiskg1c2apjujjuakaxfjlfc5qmo3qp1rpf6eixqzz+d23icqrrvceq1tpbmi2srpmn+ltxqkv4ibcxbplllb4ghsynmfantjd5fr+8jl8sqns5jvamvrlvga0bdvuj/6ialecxv9rsicvvvjn6olrzjmet+y9v5hmo/e/8aj5u6lziffkuwxkzkm+ry6fqdicadm5gbhf2rjqutbipl7jwdcyjs1uzbgkkp9jsnuocyxuqszduzqnvxipxs2q8erwjvgxq8/72ktdu6jhpuy8vynyns2e47e6pbdeql3vc0tpbidlsu0qdmi+lzkfztubvhmgkwcly7qj1bjc8a2os8mssu4kltnf42tv28x40+jhfulikopxowlswnmflpob6ks5rnqalljahkquun4rcgoface/tw9yul6d+dulavskf8xc5jr5d1bis6u3go4hyd5pirailn1cqt/l/fktm73iyyyocuk/v9/ape3f3oa9y+/picrzcx15vy7lvy3fqbbdlclzgkjwg2mp1chnudedymyx1xxra0ooqsapangwkynhe0e6we8f2ditjlk5e1b5qogedyekyfuntlkmtei73psvbskgkjsvju3dbknbithojuh3ooqm3ldjb2ulzsyr9v+geo/qyrcq+qv4hm7dm2ttc8wxkwjymguikd2lsiq3fahml12qlgp/wppweyj9agwoprqhbchbmx5l44vrmjiwxpwtlafwbkvtaqayijyz1tijug4ba09njselzjbhx3gcawd7z59bvb14dgaegig01ttekzvvwgd+jbwesagcolzubcby7po+ng6xek0cayi4vejulqsk644w3xe+sctbyioosojj5szidkgrz1rweev1jev/rghrhbpfka8z0d09yopgzzsfenpfuzei7mplxygulpwotjloownu6czlgbkfy5k8verkkktmxdnnsepmc157f79xiilfanhed2rikp2ofyfuykvi0e2i0dnz5brrefusbtllhp9if/n8avlux4turvbfrjkdhexu2iltsbeanh2kjfunly16rlogh+uo+6lqztwuqnfspmnkwjcmuq8sgwdmaz3cmry9s4hjd8en9iunj2jiiy5nlrn34gs3zzgtno/1xtvioasduovtj2mbir3trcj5hbomudoh9ruag+y90zlgndfjqucfuifjsvdlvuxfmrn3g2gleiq1xlszckq9yogqdjj1hddrr1ieo7watftfunwp1lpqqweozoe2jklvrlpva7wbqfwuhzezi2k2ndpmdhvho2ogk4phqlepz48jxurkgvp70q6tgvo3q5w2f+jows4ypvvddn9qlhp9vq7c+sp1immgghxcuc0x+9g3ded/ukm12y/ejmogw9r10so6o6u2ijyk2uwsxrniiewxfevdcynjkcbgpk3v4yzryu5hf1a4a6j6hdzdrfpduernlbvue2mlm5zshgm18gb6demv9+adsqcsb77p6a6oio0n8urx7oiamecc0ffqzsx0ewvtsod+j4xuydozsbc0jvtvuktbdkv60kxrxndlg5jdnrs5dsapyocho3exu5xkun6iky/9esfjwdcln/hsfnle1hiivk6dzmiqw6xehtion5i+0msrpx7wpubter3/nbpq8v4w7xrv5lgledrjjtbrihe6kstkarascf7daqyvdksyn873pbr6och90c0hs1khoqfdv1xdvgukkgzr3nk7b5ggmc0pmwvigp259ym/y3pdl/j4x4vny4znhwqa6hdfokgsjujaxvd+5pl8yuiwmxezwoflmtakzpgxmk4u22dswauxb+u18febu5jpzd9xbmf8pglkzlq66odvwav/d4yv/rinvfkpary+hukdhrrcmdq7xqizz2trkke/tniwhwe9j2ivpbstsgzouv6upx7xs1yo6cu1a269isgxtyz1dwpfr9wbcr0ftuumc70a8muv3iknvp9x92xnpemu/fzmhxe3zivxcywh0xv/zoqcg26/4xvbzfkzd4d3bwfbjcrl4hf4pzaxswkzy2ovehtqzmqtsv6wmviwptart5eioiz8azd/c1xtdvtgxadvib6yitz9t3qusqwbcczcjid7mss3d4carkw7zpegenxlxdrczy7wixxvcszp6yojg/5fvwk/rpnpmf7la4ibrbt5cdkk4u4zuvjottvceozjcrrizcbrzpxu8jewzdov0zirsntdsznkyc4qoycy9u5o/wizoro5f2ibxjs8dnpbsc70kkc3qzyopy1zhvlysfsib6oxb+8r5l6mxj8rxr4stk1ymte8fx/5qvvfszi9xdrqauqahk16+d8gnhrxqakrnsej6oxefydhyg7khuivdaxoy/i/ahonug62fs7tvfr52hdq7oacd/7rje45q3kzdfrjsp4zcpa1i+h3bbys93vgn0tchjk3ymmsiwn7ofiansb2qmaipuyystrinbkfwpn5xqmalhwkejnnwpwvmzuxsdihfr5gjrjaz4bzlchzpq/kunxravkrbmrbfrz3df5h3cyxxnjl58jebqkrz3cwhyjwdzl1rn4aqxy14cgk9cmcexsjms5ozauvl+u1jkpe87wimyvel8wc13nq9y11wfg19w9vqxbjh9jmhnll6+sdnr1bcri57dggfs8nt/llzqjhatwnylfkanmz7e6k6n1rgmrhi+qvylp3dlph4xcgxjudtdqoq0cixdyko2euh7mqtp6sucpcah6egd7jl18e5/jip3a8n02j7+1c8d1vpr/kf1scxkwsk7zdf1q2zgieshpnxs7wckxgpatrlmlwvc5o3xn9uq02qgqrdzdsfjkaztip+c66czem+ashpixyonrh0y6urn/zy3opmrpi9zomupgjgv52ibtstikvorzrnfvb+0tcx1mdnbrnct6oyw/7/fhr69bk+yyjwqjuzgxsgdzvj8h1wy2tc1ov260dfmjecqzuooqxridjfdhzdlhpai5xvqdxahyvupede4wikdc3x7jez8thwsusmn41huuu+atiuqvbvpwer/ypidg+cnn3wmy1sf9oflxoe97zzzlqz/3foielmk5rnrayjlbozqx7rrjtutx5/c1si5zhkrcwtotuhhyt971njmi8aoddc5bmaqbzzsefd/+qfzdfqjpttjunc9mvy1gs8zxsbv/6cgxfeuzco37v5g2e+bfaag0fdiusjcll+7ubzthlfzqvdesakeqoy82ztbq1ur6qa2pwshwytzu5x1cjectvkhz0ybci2mfewynlevrriec70ffsmevkop+rr4esupxrnfh1oy/ces9xhxiyl2aswnvlht9+9qpb19p98o9intortxlaf19eys4pbt/33cn78yox4crtxisb2pmvxllpf/hh9ql0k5dtya2bcfxi46ib/xgwhr1yglyabbps/qqb1qqmdty61opajgfxnexrksqq+llq7alsp985ybceevqejdxrloaaowc63xspkk6gce6tiwy+sziwvcvons+pygwgg+dyxdhfq/1rev8xm6606bu5k4afv9mgkrhek9frdojvtl97bhkd2ywaawnnvp3ssnejgi7ouvs7025sus5d41ab9g8j/uapree1bsmg3iucurubrkjgbzuklc1xewpsonix+2gu9gunovcbeff39iueooonsffdan2fpn6eepvpslfospbv6bx/bz5f2h62pgwmlhz0kuj30agsh0netzdt3yd19orvdqxm7/z1fdcmqnguwdw8zjd/nriiymppccfr3tynsuqux5plcs/xdcfjbdk0+xpx74vfdjcdvkbzvwofdv+kjfk7ttoqfl1idzlbsbsxnzymde1s4smqrdbhqwiac2qefszzy9+f2pudmu8dtkvjqmig9tbhlflxxd28mkqlyqycia9uh4zltsxnuzf2h/ijthr7brwfu/abanflwfqo8kprwmikunacvdomlrbe7ovy7++vufxoxxix7v50jbvhdz39q/3prhvn6ptpajuntpud432xyqxc/tq5enb+mfkfngslowrtn/bhmng4xdixb7rjvxeexziigopgziejhqfvgptuqaaqr7wqesivxmi4btdjavqtupmjtbewxdhidhdlcwxpurxqgxs96ih/a7c+9jsqr3auaynion1rikb2nvchdhfifhxihntmhcnoyhyrqmsy+w8qeshhvslfuoypcd2gz2ijoslh7uitopvezjhswiuyuvusl/yih2pe7hngvvejeoq7/dylgo0wpus9nmi8hsdialb/bcyjnwzx/wyvsm7ah8tvgdbuy6z3etesmuht7u96kc1ldtwyr3tgauudste3jpadqupypa66rpjmbn7rwye+rvjnkrw8ija3ddqlxnavvo8veqqnz3ijjlvf7o5poeirp2htoksus7x1pv9hhaie2m98xuoxnk4ry9pe7ykdowsaqbau88jgaz8qn2tkb+/lgcbuowoyrnwtuolmfn3rdcfqhbxiif0jddty+uy5x2fuiizzqjmbphfmo8j5gjsyd1twodba8ds9j62bgcx84f0szhbqoh5bnyhp51jymkyghey6n3i/vadqrv0ima/6fe74qcnrn0cdtb6jtkefa7uwhozpq0lmd8xunr+tzsnbxobqrgbqt0fdrlhw9zemmeu8n6fdjxktsdzglhgw+22rwexeaavyhankrt5n2nywnmyiysnq277hl2eznuomtumzlm9g6anwpldybglzssjfq/irrqivukq9wvvus3lg9vipemy5eiad8d0o1czkso5qxzebwtesfsy4hss39fpk0nw0f2rxnq8pwklrics5pxvdzhyvoudpd58q1k5klhvqa5jamnxqdy5yjpd9tmqmfgkmwew9vzrvfw4rjxyvrci48wx0b53isgscktbtht/ly7rb+rthh1jwj7fjgy3zajizf0/hktkamvdjdya0yw9+afta9veoo2ve0bfuu99onyj2xdsfwhd7qrhrffzjqisswc+/t8eqag57xda/dc0e9sw6wgp7+1/2hizccdzpx1pqgghuwl/ushz/0cn2l6fcbof60yb6iwcs1ecbf06wp+shr2p05k+ddvq9o7xhfguwkxtfti1vxda/mmqwxvvrwbvkzoyjfwwt7vibxbdblxturonr/jeoruxfyvchcmqfgpw+rb2d/k35eqw5to+b9ljyxnifv0eb0svdw8x6i8bglny++l0dtalstnepjcd6qbfy2yd7paufagiha8n2b/jjpm5rixbwzfc5wwdt4x70l3plzp1vfpggdhpebn+x/zkuep/hg7z21khj00xkqkcipr8ixl2zqsfalgx8bpappjm189cqsyifbi4mxao955z64h0ts6v2qfc2s6rvgcmdphscyhkexzbfbgba7ezcslelfnq2xqreavinla9valx5/oaefa3vfisytv+hkdailmnkgwxztf9sawtnj1wv3+bgo/3cxoo2htthqqtrcco/eupqqp6erz7vltc6bmzxis/plcjepratba2ysj3skjlw7vytbbj9qqszb2uo3jyrqcssjh8eirurbqp2grluvi37t6brixwkznxrq7qmcv++1uoema9k+xi80wbqbo8rw2nkhbtgyx3dxgvktowpdmgsvw8dqsqcttbflxlrdrdpvh7bnziozh4im08y9aq9mrokpjjtfnrfx1wnp3creia7j7ghpje4wvmiysttfltaywsd6djud3cwt3tfmanbx/c/c/jc3hdmi4t+s5yhy0uyfxlyzvcs3jfrmsiohopotmmzlwqhucjiy8xwtntla8uvmhjusvbzbzod/0phlsyv0csrm2om1nl0lac4ye6upnyzqtp4wbvcr52vnjblfny1xfbscmiod2bjdiqmeiignznz33zhf8xffets+efi3p1omml5cpgayqh9yszkdnh40thowgvav3k/4oia5bd1ntsmjpihydeqsznridx9wpykhxqqplgsqzhsjrtwddcehgr8yikzdqaicwxhnz3s6nxnye5nxbrbamimsobmzarrhuuckgq/6cly4jo5yk6x6ity5wyqvbm64xjvmztevu605yst1stnzfxolz7c03pjo1tcq7fzlz9zg48esgyumvstk7jw1ahhha3lqjn/swcrdltjomphxlai5d65lnfyhnth4w9iuvoa6o1kbtsquiwqczk4uhyluaizkemu7nqnvvkpuylvx/nlhrhuuvj8pki+kiihc9op4etskn+mrlifjb80ld040mzop2ytjdfuz/2xidxk5buvg/mc6p7mkrir0vmqijc7vompjdqcsgp+ibcrqi9osoloaq9wbbcy33ii1bi3oxl+15yzpy8230h/ydvcthddt1993+impv5d2e+mga7wf2o/4xoepxdxms6b+5byaiedytqrmhl8k+qqhilmg9sarc+cv+hlpg65plyarbvzximrxk3ks7xldunziy9bbdkov8icfatg+pvsspoczlpfzqfno6anneovloqq57c47zdtzisdaabr5qeklcx0vo7cq+nocrnb5iwxvhdjl4dqv0degck6ukohopw7pbd7licjydapku26cxnjymyd/nabytaxzbplnndnizzkzye2tkvg6k5xywhh17ucoqgx7i0ub85mqn/dnufeaz3nvek47z015ia50jnfoop8lhgudfofnvq4jytxdhpp1b1ez3zyzl5jbsnbs3kfko4tdvr73jq97w7lajbj/npjmh23bjzcdov52rtpeg+zg7huxeyolxt84rmjpz0hu8ztocox3yfyzdkx8l2o++1m9rfvvocacdqa0i6gyqrdl9jcn1uttsugtplfq0u/feznxxzm2b3szmafpoxk8+x023y/r79shyst2yult0yqzi65zabgrer/pbkv+pptcre6/3wyy65mpfmqmlws/5chz/zqdv5m5je/bkmo1fbhxejdefkn2wmkst9gks5rcttw608ku5bshds72de42yye65zdg9zf6yz1u6dbm/i5nqxhpewt2eji7r3pac0kut8loajsgsszrb0vmutxc86ug7loos6eg3ae8nuynss4mpihvjqxsqjccqbsvrmwvq5c38k3e+e1eyavtomqz3e3a/sebn00rm+wzntv6cuye1r+3e+q/o0uv5hytbn56vu34m6fwj1zd09knmqm8qcl06q+6zxmhod0dnhotdlk2gcrrjwkd1jfklux4cew+q9lgvpy2vmeywtpdj7ikom1phbzzanyksttvz8lkf8zbb/rexytnejoh1ooe27bwnh9zgcgr7blukjqhrq7iqfdz9zgnotr5isenyorxhayh4czpt3pxu/xewxl3uoi6fsgytwalvj2fwir6mubvqx2zfdfefjjkknk9hlvsep9hakrzfbkv7se01ijw12vl0rdp8y1ejwmiibff33vmitteeiaj0xmqyohwmzetbh+o2xq6dvkqdt9ip0k5xd0lesisjrxfojootmtuhz809fvxrl08ky9pvaw3gg8a9jns0c1zlunfofxk14d2sqiaz8vfoytvae94mau1seuqh1zprnxdvij1wehzpndl8rahivn2cmn00k0wzw6t+we2bxbwf+mppycxewpdnjp/vlwa6jyxyxetrpxijo2kijkemkbzpxb2/gejk3tboe5ossg9fb+fvqe0iybwe4a8+xynd1zj8nxcc7ns2+ldvfofxozofcq6vvnmf31sfzi3vrzu8nzgtas7y7mf6yumcv2w0c/5s420w/i79ep3azlxgz4kkz1sdttqba2+oezu+0+fzn+cuwwquhbmpjrcq0drins1c7waljuln5sm+fjf3ukpn83viyw6s51opld2otfn7cc7ekaodbgyw7youipla0fyhuo537xshmjc1whjdkfq9y/m3rnzmaetfvttdkjbomozoeycynknwpk6iiwp/rohxgdmhckg40/m1pik/nwyjiamu3jercrbfauh89bzuf7qzehuobovvdo4uwzw83h6udhvryqyggmx1fo6rmrkpemldyyvoiyd1cpco7a3bpzcrudsg1ix2jhu1htpm3rbru1lxhnxkmsbxjhuy5aalih5vhgkxnozq7yro2iuywxyihavsx50st1q5wmkz5wkdbf76pipex85n45xr7j3no/ceonvy9jdwyr10sszoernv1dyk2emcagapsqig88hbx2hx4waxhtuslgxebvdjisbxsheydusvdrqnxb64utcqvdsgqce2wle+in1vy2a5xskjwnree3mbbqhucvt/amkpuhq4h6dos1rs36yoltlbhs6byuk/rnygctpbdso/hdin01capp47tni4uee/gqt9z5pdpb7wdkirbplqmqcgtqz6736ey0s+drmt+avxopud5qinytymsq3pe+q0hxmh6xe9nsbggainbpqny1skqd/didujvibuj06makn39ghjc6kcdvrr6mpj1vm7iddomt+rk/h5mbq1xdkeerfpvimw7uk0mdvava0j1munwwgdpostgme1vguvyt7qicrub94es1jtejgk9sc6nqco+fd5d/rutvwkbtosg/pa5aunyyq9tknf97azm7ciqa7flyyerqkldvbk1izovckpk/fq8a8qsbvh0xnx5yp1id+r+7gdc2nu5jjnddglktq+00njaekz3kbuguoxhkf8zuv3oq0blczlrxy0w3urcbr2t+gral4gz0tqxn+zayoxx+xpxuwaqnvrftodwqw18xymzzstrzwmuhxkjhhjype8po53m41xfs7em1at2bhviskpm2xgzio8vsmqpapbrnoaop6azxfmyghqyrbouf8luhclqepcdokkfk3yffex+kd36bjnqhsyz3xmf7smntdsren4sbbsednkfdyk5iyyqf1mmcyaecfrlekluibholjookeozy9j8jwbdquga0joj9trjax9vp7abgc4khj8rse15ecedxqymxjwqrjn4zvwp9qdod8pl8whxgof1wt848x76lzlkka0psdwahgi+dquwtqywo4ii0o5zgepjhswlojjbfvs7wjusyqhuyvff248+qehjmr1rnt++xswtjktiirng6glajr9l3fhcm2iae9demzmy7uilmaj3jerm7pzxrgpzl9i9hi5ofyqjylz1egrl9vtukiovngjx4szjqp42ew/v7/eqmotfvxy+21rqqxlrrt7uzxahkxebimh+ptke9dmafvgngdpj14zp+zo7ifrn4mcwgbx2kbta4q41xrvdzu1htwkuiffiq5kzv45mlrofjgdvxyzzhgkzasjc3winertcgbwzn4acdwet5pxfsld8oin23rbguxiec91qb50r1mgbovnrudgu+oanuujo2n7njujeiotu5hgsppnuqpdwvk8xdgn6aax+vksujzyun/2spt11xu9jew+wzra9aqvuj2eyimrxrwtbhninu8rso5nfwxlpfo0ek9hoepxhrzudxy2slbgznzk+z0ng6z1mwhzfe7z4kgjaeurhh2b8fldpw7okuxydrahurj0vrqlc9xy4riexvtsgjjheqrfszzei9doauacxjqxlzyi5xwqarjy6qch2kztub+hhdatmvxodmivrimtswefbogit85qdkgcdoytop7kni+8qcqhv9ciwiss9wodm2me9k1vhtxhjaybfz0rjpttj0nbusdz3smgddubnuxnd5cg5xx1pwvqqwv6egoxezmvfiyaojmfikmgifyeknr5cut73pbljf1tztvexjeonkmldygrbwivfitovca1zk9zn5hluzz3pza9kizboiukw+x1q+ukmviuhbsjsbjhxrbsavwfmlyxct0aiwjzlz4l7+asegwcnwniglyysxu4hogk4hkkcriklcr3l9ah0fhhnljteaokt1xnzy9h05nh+wjakwrewihyzolexyrrvtgazkqjumsvexqxlhds4a7cqxtaepug0c/sjauadbsew6ahjmw6p8ol0huh8gzjwefnynzngsiqvfniu+1rb6b1t9lv3fw7prsjumkyv3wmfmw6fnsgv15dyyx1rcan2gr7vola9ku/lqmkiefajtem9jepoy8psbj5tk3fdmwemzeifddhwhmk/c2u4xgrxrbzws/qucl4z2b3wm6/8ngpkkb5wdghujov4o1t6pijdwlfi9zpvzizoy0uhd9bgpqusqrg3t5almunqsyofzek1bzz+kemwpqx2jldkt2pnsieifrdurptq6xusk7psrgoyyxpqcxmkzauen5p/dy3oyfkhvf+nr5ytptv4nxkporc9ytqb4cm0seobwnijxgg53xylkxcxzkxsisjkjsyqxlhyo+p8y1ftu1dtrk2n8kbalfb37cjm1gu2ngij2gwzkkjq9cqgshasijyxfhbpjmncltgi5lkvd6uvvginlrcyooby2tdrmftnzigbqiz9qgzdqxaa044xuj1g5yg2hpwngjvas8gdfjwnykkeujnizc7ar29mipdrrtrqn9jzd3cff7+gnimwuy8sdvt5imrgbzqlwfv77bpdyerry8si4joelhgr17yzutmtf92ke0n2c9h3ra9bonj7tysgwhbeacwrjbmyhycctjblzukzvzibcivqoe8s4ublxliqd5vjddanz++s6udqhuibxzvrdbjfxgnbedfh+0ihpwuxvzpeo7nfrizfifmenslr7s04obf4oycwphnaskmwbcnwj+gcgmam6ap6zmw+71fucsjjbuocueq+9s/oyac0ujbjsdstfte1zqxrtkbuymmmt07htk8kwmpnvbav+lqldggxmlfnivl1zcd91mabx7u9fumihvr8bgfd8e77qk97vraokg0i4bh+nphl0iexe1nuxntcvuxr13wb9z1cxr6q7ofnbrkpututu1slegab2j4+vjavxcgpswq3a0ughmqjatzhb3c1iz0pkvylgujk/36lqvn1upfuwh4rp+ks/bvwafzwalzysbbckfnxirvhxf9bcxddifteryupa6oeuh4aeual1bqrbqusdnuicdfnoaqyq26ujpbbat6vvowtcb4m7n/n3jp2q6c5/v2ydqnf9puuc8u7dtu/d2otphwy9xk2k7nqavvq3kzwqw/g98sa9bb3t258vnvm/aymzjyfwxbeowvhiaj6fuxt50ikc0pyffe5peb3m6nc+1bgwtnrlutfu5w7h/yirqzciik7wykbvstztxkhjrdtfzzihr34ggo7x2fxrnvklz8tw6gzhmzcndimvhzoinjdzha2w5kjqpnixih5cfsus98hvkfk0hdnzwanh28i5fhgrwq1ehcozolfohkgo5qvydjsxjqzs5+ccsie1wgvmlmv9sttzc0t9nuu/zjzvoybo5i3anymtvtyeijqgzflvl3xbtpnxv+muyswqnhxj1mwqlqoxtci8lutyzrimgrbbzpwjg3ukbt/+usie+poutvwx2zb99mkdxukopqozvfk9sfthvf7ie1fzeeix9r38irlh8xebzv2olbnxf671yx0am/fi+0lck/3tjnejdiqcmj1jnhhru8glqi76cfu6lrqyv2smavejzwg7jk7kpiskueejw/se2ex97esdm/tdlfbr0luqxfcehfltlrs3nuloz5sspt98mwovgsjuvhn7c7fyft50bnkkbnip3kiphfvslpxqudlyo5dqtodlkxg8j8lalyw2dxc1zkwmfczo29mdbas3hiyc1lnlkqaidjgjg3hr9ximtobubi//6ju4x8vqz57jco088hlkurt5otds8bsf47k9d6yvvddkvt9omy1ldi6rl7si8sybet3o+fgnoosaks1wkb9fxt23yoqvvasjlrqphqrqcszs896hslfvfo9n8x6xc7sjljzdqo4h/gbg15goxl50tvvgrhlw8le2+nhbhrdjpsuugpptzi3lnuyb9gufetzxo+e7ii5i3w4ifg2xanzwyxj9vf0cc1w7dh3970vrtzo7otdjg2g7njspblh+7ur973ee8w1knw6d8mohjjcq1l3wh3him6obojozpazq4cuigbwljtvkesibv1h6jqo0uorecjqe+d3ba4f8/4w8ysbdqqzh9arxluj9w6nrpi1i+qup9+7cxyl4hpjb9telz2vnxd/tapabhoyerdmno37mpfng5s78zfg0b/5rithn0x2xi3kkqrvczygfy5euunjxrylucop2ctphjrh57w7iggmagm3vb0ejyqbc7vsq5zhrl05du1umifbuk06xthfys1utn47apxenx9iqbzrtyuuox5l7kisjjdyhri9x9mx3itwuq5dfd51nl4th4dkkls6bfuo9bd584654/njugfto6cqp+6gqq545zobup60ryczuofxd4z3mx8wj/zegytucyi9u7gj3nmqtcpsj4o1y0csr/nxo1jjnsrctg1hs/njzjh5d4amwyosqhaxio3kdidsloxeadho3zeoycprocuffhogebg3gsk1rbeuvrdgcz+ogqjmkaschicdnnj2v/7abhhshgnzc34qbsthwy++7vnhgmojupo903gyv94/pi5n2aa8ivnjcden6lyfp57ukp4gjnxc1iiwdowqfde9zlpzfezbxru2oykdkp1exyjlydfhrs8ajmwxddttunciopjbpfnw+56aanojfpa8nqpcxitjdnsjgvjh7af4vu24jksaikyf7nvlocvg1q6yjcg7hbpvsbkq+1udnxpkmg3h/jgatjr2bowxgsklwme4nfzvzkthdcitwppnymr4eime15enbhtc8x/navs9fx3ifvr1jclalopawje30pn1yhrjhpznrpwuotgehw3snx0u6nkyw4yiy/wcxvjtm6riaco4cljd8p3rjmrxukn6pvzaxaoxblmh+qr2ta1kh9v7o+r53jddggop+3nbziiql1htriri/waejzmktz8s0qmgyloishqmsf3ypiogxgsq3dtv/yecwoekl+9zc86iomtvuly6+x4j4qeng5i90yorsdx8+9j/vmjexg7bxjhkbp7ml0g2i7jhzppxndqex3otou/v0wrgnygxdru684f/1hmbr0e5o5kjzyvnfgzkaydpcwgloxet3bmvnhhseznm6yuscgdymczjbvq5ajqrgey9uk/kz9zczimqsfreh4ig3xnbtcarvrawwziioozewms2tpgt/tb3ssb7ns+u2k2dcffuefeb83ry+f3z+1dzmipzvxurrox2srjeu1ua+v/+tqlgrsf0tqdg8lj9vjt58+xqkyw2kt/lnjc1wfbmf+pz27/8j9/+12//5b/93vr9/be/7v/+pr5onwtxeazpsh8/shymhvswas6jukk1rmimj4a4niggnssc48kwe6mj4thxamkv6i29y1wdds0jpndw9bt0ynbsjp0gvu/jgmqdzneknkrntv7dktxhhruerb/tseibqrw7dxkqsnlqbszqka7d8uojmtwihqlycx1xozxnign/ppohj53tl5in8rb53kujhgxxp0kivpzvq4ax/lfchtpyuvnriwxuo/ugn2zdjjmuhabz8ygzamvoxgdrbh5e5/vej926yfjioz6yzvx2oydlwhakvdiwjzdmrkrdohgqbibtae0zomvmnobvafhecdntpcf5b4hmdfd4cr9bqqfmzqcszz31i1ab2on6msviztgs53pmhy1tycl05tsgv8ibeb47rnhsvweja935mlsfbpa9d8qz31pmyuh4w+2mxbnfimjp74y3m56yba9qyxw/riw6gmjzpi7oosmapmb5snlei7ztbldxpv4ymjgthhfj4+p4pdcqknneuww0ollgcym8f9fjn2laflc7mory7vnprmhc987q6phqim3wrbc9mzigcycgu1ie0jubtricsf/riunb1cxluqjelq8/7yjvf6fkr9fkckmhbzejkgmafgaiib7qoom8thokipu1c/hvrjs3rxytjl24s58dxqdobks9zgotradbw2jcbkltq+zwkhmnfy5x2+eiyhrfepb+fysd8qyv50fdeup72rnh/dqjbcuctszbhnw9baup4ibepvcwixk4iwer0qf2zavrgdv+tshk93ugdoobgrj/rckc7hvnborodk9mfh2jln3hurhahg1ucfcbhlf0yu72bowb4+/86x1exr+dqri/146rnfyiefjog9txbab5xi13filref8zh+casvtvsf5yoko0pmzsoumczt3tq9vhal8juicxogmzmgcgyb1xbwjdroylhavwwo5r4kl2iea8d3rmx4ujqki8enjskku/dhxqbk1ipaoizkzocut1xjqcdi17h7xicvpevzrv20mpfvkkidbas7j/gt9imasjiu6t3ndkpxtlajstosxy222wtaksaevqj3ms27dzmkex7r+vguerhyeupagdfsjsdre1+rzgemfy4ijrrcbgbiaqe8ulvdko66ka6xy8gb23lwgxv3zcewc0cmlxacgfgxki2gscdgz1bpq84kzjuu3sfqrsctmpmpwtjxgfzoxr5cd3ymm/jlsiehybzbj9fskquvaahwxpkztvuzhay/rmtpeag2asvec47mjyqz9cnlcsxdf+6pvbnzgf9gtqkp1apitv+o3shjc7wew0oyp5f0g2r56m7nos/ru9gy3euzuh4anaqh09pbthmz31vgharuo3hjaqhfkdr2tuhomxhixtqimvht/nhnyb1j6hjoryfmtaugwtfjxcljlmpcwv6wwp3gerfp8hvbaytnjuehhqqzy5tn74js0mmo7ldt7ndbenn1irlni1ikmsqn74ie0ohnj5jdwymgn5w702ftg9ywypgbzmp0jve6/dd1axwki69lsevs87ev3tkn7z0dfcw9i3a7u7u1evqw/hqd7uppum28pmwud1lvmw7tqnpdrs7biu1zencqedgmkbbwyoyove2b3bqlkxb3aruingkfj4wdpdx6vhqp0ijtscoyfrazwpvqynjputsmbykflktxlvt37y/x7f49zd2cc4fgnifb2mzvlwzbdkanc/46yn1ybxd0873xbg1xhmwcgkezsta9wxtbzavq+dxi35b8f//z6jvhzbrhcj3iuh6lww9ig9azmyj6b62moi2xunogd8echhcethvtmxjpdlimv6d6kirxa92fx6ej8+qly1a3ede78pog3xcp4t1+eegdfvkamqwk51ztm/dipjb0jo9lnaouqlzew1wgptrnwujygwa0cwtpbjxxnsucnzxf84lnaejpssbiitdxhkmczilua3pcndzh2sa9+1wyx3kopjk42r8wngbnrxk58hs6wctujlx2x6aqzinatmbs3kmvq5vsu9vv9xmu+gtrhivt9pbgxjow6rfvwz2ue0ndboh+rbufg1mxeuoyvggjwsgqjl0rdkaeaxllpcemi2levlvx8zmtaojgkhvz62whchpblnsavd9axc/h2vsahgrsq6znqf8mmxch0pwslnuphydxfs2iieeetspojvlmtc6btxm0adtsecsttsnbyspv6mt3rj2w3y3ayi2vche3mewoo5qyifdtusvp9vrr0lz6jbqhhcu5iviuyimcsakqebwub4ggjua+6jm8gur0qix3pjrctvmtmjwztlbvd+zhjyr9jrxlqqyuk6zdehczcbrqu5nqjcpuedrq/v5ope/28ibkabsakksy9c1uxz5owlv9c5rawruhv1x5pua3res3rpq8odhprlepcxxh0ytecgr4tzn4js0lgvu2lf+lj0jz+uny9do5gz0zv+uprkvjbw43aolw/qbu9j1o6p8vncy4m4iutiotol4p+prxvj1tu5svtc5yhibfkseuwm2xpbttsaqgnzkahq5fwbpe8y/zz5kgwhmmovy+6fx8zt7v4puqffib2pee2k4g8yiksucven3m3pg4bimrsmq+vrrpjdqv0if2r3izefjxwfvbzwkosfgpyzs53w0rtm1aaykjcavg1c6mgqyyngn0ooyulftheze7z5za4ixbmura3r99ofdbusdj8rhldnfjbbzv1ohijvtnz/q07yvgvl3mqkmts9gngx2lvzxtfd6pjnb+bngt2u4y4hvzilkc0j+dudv3jrsn+xalsbx0wql3yp9ixfjkordrvabqfgrits3qdeqwc1ybztk5il6+gm/jmzwmwnvewjvahx/ho+p3/v60d6gynnughhlxlhzke7ddkhnb+eybkny9yooytac4ezpwmh2j58i+q0bo5/i6yw4hp67nsx9oonbpqm/cq3zom3ovlzfkpuvywq52e1wvaer1hvo45qphba/cyb3vzbbl96x+n9lzvbcs833vlcvvkz9qpvdg+ov5mh6wjxyyn04warygwlrv/uyoxwm2icxlhrxuhxjvbxvawvucfm0ml5r0huvfuzeo3vysx7yqr7raaoelx5iaukoykzclzit2/hdexk1clhvpmmiqoa12wpzwhkz7x2pxg4kpw/viek0dhp7/pd0tckqpso9hx7hr2qockfgxfdis7h/v7belwktaclyuayrjbkqyisfxegfrixfoucv0h+ccvo+u6qjpzw0k7nmdfti//lpi86gizbs8nx5csgnftqqfy9dt6hbfekcvzt9cqxfu3ulsw82vworum0rziu3mdnfbuytw1jdlcje0ugrqek+zmoqpctita6cviqva0sksg2jqxtwlug16ntfgcphh1bckvdsgxdbcnv92o2nocv46yde9apsqxxia51rcdl3jdrlj6qp8u/qgxt2yfoky0adyf5+hgtumwbcyevj1g0o1jkzdl7uww3nbwt5bf0ifjppnfp8izsekfrtru3hgyb5hou7wp+q3ddnxm2rqc9provteu4rfwcjgavmh2s36lilsbamcsbgbdwkcmvqgl7if8sfq8opgzeeqc4ixpufmpakfdqi2es7gymkv9pvgueclgqyrqpzpnc+ybrvq6xt5i+ywn1qgz/l7pck77azxjjitmo276gynff10swy8tcyzfwpdms2wnhzredjgc3ig4gjgbiyr47eacb/0isstjhvommqrbdpa4tpv2khzi7eehpj6up97qjgmhx7uujx4us0etzjacwtl8dlkgkeyebymvdcdjscu1e6gmapkco1nkaeyrxey8l0ydmd0jaufhkdnv6a76apvijyvtcllyt066ulot9crw5vaenvza5wfbqywvj6h/21w3vfa2ajmtrrhykh5zbs31a6vaembil6coavyxozxyhdnjwlof2dlnz133thiuiyvqmijjc9yf37ro+co21m+ctr+qvgs+5xstpfr0pcehdion5st0qvvin4ipkia68xzv25zebc/vsh3fkjiktrzj0za540bacoyetcn7ksurctg7yevy/tfab2kj2idoq6dxrxgn2tvsnub25npsejghr5sajgbci7yh+ugnvqsh/kejmzhtkx+ftkwvwmpuwpxpk1lkhiayokrkjx5m1r9nth0oacamcwbhgyscoqlfpz1lfu/l8iztqa9edgcmqcl9m/exuidechmjfxrkdfkql0d6p+sqdumnjtmgm5zc4fmi9kqohv9/nfbewv1ctrkqzuao+b9hlk5a9wg1yhu8md5eowi62g0gtwzq5l5fbhwmxzyzmq/anky+meufrmpyemm8nxx4lpfyifbo1tk31yyf55q51jqypungv60mm74bdpcsgywzyillv7u637puwlw/lnpshqhwah1zadts7iqzzcyjxf7/tlpd/mipre7kfq0bfwwh5k1k9fbcap6jzjinzopfxbe8gq8z3zqfrak1b9a57woxtvldmpsepry+blev10v5lnubuadzjhvzue/f6oqnurer2fiai+e8ps7tzl+uilrvbzndvjgza5ou1uxaavcyu8ynrp1iqixns1ufiaunneos1yzlmr/c5fuctkdn8dwbrxqdrp04rgl18zyse8io5yy70nu6yug02uw7iv/parpys9lnqscsppdxpup5lqjpbnanlitkxnaqcnac62ww3m/c4bvx6uzosmy+prgelmzkt5kn3zz08oy/izg1ilw3cncnch3vtqwwd+rtrwdca4cbbbqntmzjojbkh64oohpu72b30ggfxmzyg7duzcx3nltioekvwxzm7v855f2cfrey2ra6vecwix/l5n+wmwpoevyhzrpstkrrrs829sbijeve/gw3w07xhssn6hgrxacey98d2pnatr1/gdtwtwv6eoy6xjmsqjdwelwu5nyj8hlsfdyymk9xhstlf55bgkemb5nw2hezfbcmq8wy8law6ziotykwyx7exqrpasqweg5q2kawbdwdza9qaxqaugdmgzekzyxchcroosrnpryjy5ywhnxr+tflv3zw/y+lelsgocbnkwphuj0ps9m41ksltjlca5lh+lxcg4qnc96icuxpo96cgnelbre74rkwmh2m4e9ftl4fjhrnfzfmrhwtxorstb1ttxye7ifivndnad9wrrbpyj8g523l1rvbxqitqyvmaujkqrj4ptqeg7+9paedfyfe1emogktdttm6mgytzbgcgxuko4wvb38fujg3zhiv92ef3i5eohn37pa+3rrdzkfb87byhe+3kxdgjdoturewgva3wgxat+esnavwzyv0oqjuysyuqd/fsarzwxmd33kxecmm5nltcnmbziu9rtf4ika9yukccifcak3p9mqwws6qg2i2qqfwwaacqbsag/kl31fnkdzmxmdoalttqq4qk73usku620i35xqnxeg96lf6yirtzzwhuuqxpisvqfmfxf02x63qzk427uygbmd44kdhysxhnzkdrmofxiruoozw/qsil8bwibmdqdspqhefzmtxv0jgxbupbkdz7kfuq/fxwh7/wxtqqajksk9m7/kg99lizf/lgqzsdynd8wmvdwbhoxagrlvrlwig2e89d2vcalzu/+32t1+oepyb19gze4q+dauuywo+a7r5xiedz4jr1vwas7ls3svjbkizqfw5x8deqtp988i5cu+loah2sy55amqio+csuenhxa0f3b25u5tv2gtczntrdy2tcauzzxvxmgngfx6ka3zjtntlue0sfenvrxsutg/vn1zvxndgl6jq9qlwdh8zp0k7d5hkwxop+7jpswraqanrjzfwe2ius26zc7jve+hkibr3ysvnoihbrribufemu8yx9zaw9p/tmxz2/dhtqz5fsv1ejckwn6vjgsgcybn7lb64vkmjzu9ksv2h3mjezygqzlkrneu0woy+kx7dez88jsfph+ausdpmhppfddfc9ruuvi9lvjbpfrdjwp3ayyp8+nx/g49rbvs6h7p0rihf26qssabfoxghuur1w/nnihp2jqp+vhhiwe+0ukk4d3yq+hbxcuylmtcqqggxilltuzups7nsktglchfebpp03dhsbzazkcg94iadaf1gwlif1wjdrku9+rmnunjzdnpvo9hkpfeksgz+jmhu3qu97hom1c/qcbwwac90wrzt7hfvsvkelji3pwsz2fukorlzfe1lowa2c3bxo1xuxeu6ugg+rnqsxguuf2fpxksqfnsedjryefxchtdkm5mh6fsso2/stmnms02wsoiyi+w4geecn3yanvc8rltz/igdabpboma25me+iodgromd9xsprmnhlidh0e6l5luveccqb94sjwof7nbuijoras3gd6jfgclmlgpdlakk8nvh0o2znyxjlc4afwsktzurhhjkpxjvrgm9qphxrbnm/y4o65xpglatobitsyx1j+7q/sxqryllvcd77po2zn2/ttqd4ribjnjc4bloeuzdurtrjb1um2afifrwk9podf+evfhjtjcrmxdbp+pxcbb7a7xkx7py852+nkau4r216o/bdotaspmaoxifsyuwmjwxzwgf1qzapcxr5kpoxqoiflqgmohdfr92tln7eti3wdxvdowwqm8yijwg+tzbtj1hhtwc7njh718bk8fvc77xuzxx/getyj4wrvtnjwfzd7q7ackvo1wol3oklbtwdwvfclvaystivkepo9nkqbnvi77l6fuzcutez+pggf8eaxdlnwhbaksvc1tvhyhspcmqvugby4xhmvqtftys9rrwzet0wem+inegc2oa/n7h36pemgziw8zwzmu1pv72jddseylkq23okusbcraofbyiqhtdtexl+ihq2n9kfqyvsrlwllevrvjt/xtvozrzqdvq6agdtelhhv6kaadpdmufnreujotchqyxxxkqvzcztd6dhf6z40yijepy9eyefeidytb1phmylbicucnz1xbs7k6gknqbg+cohnabydo8qkc48nrfiialr7yl+vkrxd9fjqjxf88bj0d13qdhsasm9k+tuwaxzf+prisw55jczd7gbfjspsmuqotxjld9y6+fo9sw4cellocl4chma2ggd0bqgxwkwcoltlxhzvzyektlcnp9tvgshpe153nq7pmt3vp8vndxrstiv/yb/zuzwu+v1t8akurs6lf6kiqykpfosn+duxpbgygwipnu5fqnwqlphoj1d3iojephlu1z090kvhvvtdf44b6f04fwgyl2zgjpa+fhqz+urr9zf7x6kad078t+haofb6k8dnstrv5klvzlf9mqskg9w/7ubs7/gcla/e/nn2pk6ja8i4gsbg02g7tykzjq9i7c6ie3otscoljjpzfrhbxtweoas72x5+hpgnb93iqhwyi/2j8fzns/jbaswvq4ra5qgparogkt92sek5sew5nkshchxxldwhsxytosvy2e/x7z50upnk5cj51okw9ztioohfwvapzzjkn3fghtkf4qbj5nmfhv298tuebqq7e61rieuz4xhkn/jlnqfj+y4ne8o2eukroqfml7/0silt2k6/fvr4c6qxwj0zntg7+9xlgilgekqx06eurare60ppnczbe637jgwweklhqlqjuhq4qj+cm6p+m1ux6irfr4pf9njm4yxsawrqiirenndfggy2yswofqplovsd6ikrzfrd3bovokfyjlqvb9vgoxz0jrlucmoi178uzbnmmhutrti5ttu5z7qiftdryrnk7sr3imcyunfij6rlbm2efrihb3iiddfudlnrtgvr9xrwmelsln8pu29jee26ngwgfj9xs2krogqk/6ebk/syrkwglsosnp+yaonijxvxb1n1aunhdaodfm/h3stzfre2sf7hw7t3lz1pstudjnxgnvdoww5iyzg/6wnlutzx6a6lasqqfq0lsrrv57upzn/hapgzi5ot1l1vmeiy8+9l5iwepec+3pl2cfygs2noeyphg3b9unwff3fh2ngnedlqkdfiry0knndeaudgoahhfolp+wwujcup3q9z+mao0p63/8uctf86ylk8jwjpt8me7prsfm1cfgwlneh0ffoh4qssekeycmkfxik5z9cmpedd+gszdugdf+uhou3f5utxs5zoccwuxmjyrkbp5fwt+ohksovnul65heymoboa9+96tuqn66uj1r+p9atvbhaanigmq5rerdjk2ifdukqy5nbkkcm4dukuuoiiwt3d8ame+1yhdc/yronkx3thu57k6gkfppkhsb2mcrlx64kkj5p8ysvtoi1gfdzyx2vycswj8olivypup3veghz9yrbjsbbsl5etwhxvf0bhhcwsou+duxs75bh4l4tbb+uqibbpdhseapvlwvhvt3pizpw2hxhfj/r0z6osjimsdegoqhon9yh3gp3kdlcb3bfspemrz3zfavjgi/lylm2xbjs6rhczkyohzmsf0flzvf9gc92o3g7148orn05pwh76qzeqr6vmbss+yyuiirevdutoekih3pknt9hyejeo+fxpor2/u8xi9tvhybebml2nwdijikvla3bwgun30y3jkibavo0nkdeihywrq1aomja70500umpo+mklzabrphijdlrk3azrrlhyifpjic6i8tfuhyezbwjzaileunlc3wnkqraouqtnb+vj77strmg+46ew3vshihqqbzie6pgf6g4hykyegpamye6kvxtoebnbtzetu3xk0pejvdhxrn7r7n2fu+wtsayyi/1zmtvum5i6xsxdiiaeew9x2mg/izelut47pvefd+goobk60p5rpmdcdlyr9rhuoo3kflxx9glqpq1fbdferwnotgthitd1iniwy4q1z5k2zrdxvth8u46h+yzuansdyjq11v5ix6n9tfuazeuzfpyjlvbcvai23mh7e3gaatmy3qs0vh0mpk3o1igcbrww95uku0x752bnjh+f1xppqkx2egsfukoqnzvajrjvkocd1xriusfkljl8j1g4hzhjyrdolbzja5tj8skv8blocudts+roz2iam/wohc7sbgx83ifmq2249n/vje7ufjtiw1ubkxbs4chvigsb3tran/z5btisl21dobbx/4mhb+eggdr5efm89unhv4ggma3zktsdcxmxts5nbtmhk2+awaceqbn9ltobr2fvc2alfinw/yyz5ckw4awpy7mfnorzgt7wrxavvwzpouedzlevtyvxmhzy6ufr5mz7ulyjhlnlip2pvwxwu/2tsvhkxz97zzrciurmqpvr4dufxyigjehbqko8teoebguwm3xtdhlds66ftj+/p9w/m0zpaju1qqhfuatb5byjdsmxkf9ist2rqn9g5s9epje/5qjj8wadvjeisovhmwqfutgtfpe5ld9pl+fe7i5rjot5fpimv0g09otit0pk8mezqidviztccn2eo5r3oz8lmsvjy1akfjbgf1steixbjzdpvhgrjt/k3keruxobkykenealnxyhyfsqcfqmlhlqsmk/o4qwrzikznrz04nnrgftwd7jyvjtj7kzy7bvbqltp9lkabt/uiim72ujv/oliexfmszkkggd+5u64rxulm7d8wzjolgvxlwnxo4pyfcvf+7/igisiaoftuot858ss2qhoh6yo6+vnvmqdpzipscoxo946qtfe5+a1jnho05klulsdom2vsar7e1jobe3djmk0yxze27eyel3eqlknnrwkjqdroz75ebsud3rthsfch6yo604pdcv9uvvfpvuy9cv71bhjzmkln3ztjpfegvksgrvuhish7azhm8prmsockl+oe4y38nw7xpit9pjqyrdmbjmrbpfjritjh36ijgfnw0gqpkg6wssdo5ehmeigbd7ggaecw0dx8sepaksnbck/7qeu5r3n25fzfb+ossdjl8rit0fjlipo9in6znznbxmns48woyefk5nkps0zn4t6joslft9jjeuca8mtggwmm/2r/pbwr88snujvils0wpibs41yzv+ce7xjphjzueyu/+o+jxdlwdr2u6r6dnulralzuedwa6h1zmb99jma8d5zppgoz8z8jljyffqqrjq3ppf9+glbs/rcpuzvcf8cuxjzwes86aeur9d+xs54tafq4jzvjbrop69gjuhv+w3xn0pagu9lsyzs5/iijdifda2wjl5yqhqvq5cspdapdffhzrpmqidjgzgqk9d5+75yedqlkrledbq3kuisrkzxfydwg0w5dk8fzhr9u2n7rtj6w16ft5tbc/5tgmg1t6netm7wk5c1ui/tiw6wuldgeg2f3nqgzcmc2e2o06qed38xu3igi/uly+utdtjll524kqtwlclhi9jt6jjrr7wfj64i1elwhcemqgcimg7d4uevx2p0qyuqlyn7k0dus7z11h7oi/7wzdgwpeb8epn0zn41hmiqorpdsxj8ofknvuamgzqivblp1voupnowfcldsukdsusk5djwb3bffh8nrc/0s6hjb6x/zht7o/s31uj1lm6utppp9jfyz8i5h/a2ormx9eigqj2tujq5zb9j2q4eydozktw2wzi+kaxvaimjbdlkafcdmcrahdlwakjmk6ts0tlkjpmqekh6j+5afpbmn6hjjmxdmtwxh0sowgtft6lvd9xmjvn9tyxymszr5benbik/wixs0s9+4bpodx6tl/8zqtlqbvz4p2nr7coxgdswwpuxz6xkftlfiypt/3knlu/zalq/gt3nepb3guy3ghod2iubvldkkqig7tbnkhgpm6mhywp81afipggvo7mhu9w/uc3kk5frp2opbhs4tztco1luuhyedm3vproo6redfmhxqgqufguviayz80yyfqommd76bdkmsw0ct7casnwnxnlcynfbvt1pbmqrxwnx6e6t7dqagvyj3qlub+rp1mzqgw8yqkgzbg71om+dffmefxqf3xt6pidn8cqlakmsa91jcacmbnxevxkl4pqreae3wmi5o8zj2uglaildhg0dm4ng2xcksizcpvcmmytbbkvqx8iatbczm9ebrcge8q2kuesw6+zvz5vxax+llpxos75d7p3st53vcesevnn8r0dm6dvl/0pw7dcjr0xt2injklx5alkqina4drmjis8vh4shotxvy8m1a4obpk42ktjvsdv4xr9vtutv6wu+zvzs+vhskzd/joixq2f+ee+qlnnuu6ps/zf1nb97cmyzvkp5ktid/r+sp1hf4hc+k7qbh7gtfu9cxusm9rfwmuj9bm6+myqpze6ycouvwrve7pn2ong9gsqgoadfnixkjwfkydujntbq+wtxahszchynuwo8lpxvtpaxk9j6vgi6satg0ybqvrjegoiwkdwzwzrhrwfawbjrmu/cscoru1vi1kyexk9fxovv3mtajg2lqywh59binaowfjwg1hzf03al+w3alh3i/8i8bgn5jme3jsuivbuwhczarpv77wwjkqo1nuslddhiamcwf+inidc2tce7bzntpvmtyr0turl+hsoju7x9fg+kxvsrsxxkga86p4o6tsgmequ08srlzdkcvk/e2+estqq4xvzgm3p+s5zm+dknuzny2gzeqieojn5qgm6ykl9cs9znypfvmiboe9lgjexknuykce1ddrzdmspxs1j24ynmaqhnlphjb5b4z7hoh2loa2rcd/s+qede88dsa2juyyblfc5aqagnnzzcuwdsxnlhegimi0ncbdnyvqgqjcyirwyeeza25flgg0blnz5daic18wdo4zdxwybmfhpllrzxuf3qlz3ngogt/diaf70uc6l7g5yaaioyfb8f72isrvbbe9lbifpusz9ng/oy/owfvz+ur7jnewlmexsne/1xnx1mbcpeh79ja91g46jt1b7wsu3t6e05wnshq5ukl0tfa6ao/dqvtcjnkm1vvwtktzueky997kdmast1hjbd/nljqc4rh3cttmj/y1kjiuxsh9nsla5eucjm4q0taa1k/tjpn4wa/dkjzhbii3cnrjw64nvhfihpkm5g6hrcsnasrvi+z0qvy7cch9onzokksadunqlmdvpataomoyimrjnidkqo9uauru0hr6hikucfxhfbchsvaxjtcqvo2qagm2fyhkn73d82/ovv4qes/5eu2faxqvb7qqqe6omlovcvp+dpwfkf5z33jqt5gilhdusiytmfuulmzoe/rpidtbhekalf0bc2wrdnlj7v1ei4bdjp18bo8ktsocjpuuofil4jrl0dyekzbhb0yaw0yx2azvvmxukul9j+wfzizcntj+6bfchsztemrhb0q/jnm5ir9xchpc2egvnhmcr1bspip9dhbxac2ce27j+uhyflftyls/vjoyd6mglravtjknzibm4kvajanzgmfs2pon9gsdkmoa6xfmqxc5bau1jkrfpb8rn866ezilfqyjowme5lyifw62cfrcoxsch+g6rzs87+8kbqoka2ttzyd4wegnqaxws6mhklvqgza9m95ozdaenhp97eiqyx7iki56x4yuabarwdwxunjpetdlrhvdc3ue0e+sodo7bpvyxezwxcs6naicmxx9bzbbi1eyzzgfnfom+z1oen28zrwbh7vf22wfnhm/arevqf3nqi+f5guudx5tdpym2wve7fgxrm8buqc2xdzpokwft0er05ue1sqm9ppl2q8a1jdzcor7zsd9lurqsmvxuyh+re5hsxrjxfkctcjludnlayeefooh+w4h27p+zh0virqfqpbutrsqko77d4/w295t+p9fj3rdgd+bsuodlqpttyi7yhusivzvmyfvrg9zetheixm7h1g9rp6xccgzeaczzhidkex5j5b0jemhlrgcvlzkix0o0gvwr92dhyjqid/1lygbsmrtub2/s21hkzijydktv3l7kamjlei+ebew82rtypd5xyg7ex+i3vsqhnwbtsuxfv67c3mylgf1cl8yzq6nss7rmddbkzr3yw1ywfvhpxihxgkqeqiwh4gwxrtmjvsljgfu6nqpxr52lq09pmkyagtet4iqff/g2vpp68vqw95uuz4hatnunptgtrsd3vwuenqwsqbf95y3teswdwasnl5mdzb5houwtwtndy2qaght/qotc+2wkwjz9pjnfy+mpmeuwfjgndcguvn1ddxbxudxcoejkczp7eu0kml3istwd/0yrhmykxx5wf3gv2kdz645gp/r6yfrqynjhn0aqvq1yfk6anmzhnbm+milbdnj10npyw5jda1psw9hxiz9uc1kmyoyl8r87+sdqqdy05+rvlmrud7gusqnsggphxpuuqmdjx0gk8umys63mdcx4g/cuzmqpqlq8rsyhcd5uqfe1cyapkg1e0u8vwnsklinr8qy1ir503tlwbxvmxkpzk90jib/bizc9f4bo6tqlbbs6mu3azvhjc2oko8fijlys73gs8iltm4pyeb2d/li9lfdqksom0puesdzaav41oxvblczud55y8pvwm9ggdwuy4w8vmxbrpgt2+ligqxlokktdjmlnyxscy1duqlco2rv7aftzqaa5tdfxxdsodgxwcvd9rzfsk/c3fd4hzcggeowijg5eirucvjosshkt8jzecmy3ywfsunuc9zctgak6wq1u2ckq3lb7nn+ligyd8v5hlwx+q5zgh62zhsqzysewkp9dfokvny09oupr5dqicx52nxb0pcc4w78jaxnpywtuw4ies+q+ushkgugvqzjxjaith6hd7ag5oup4rl7evvxmkwftrnv3ueuh5vau0k8lefdc2hewvgzrfexba9gabcnkgclor7gwvflnvtplkm3kxjluznr7xzjsoueib/q27twe9ddpcv+soop08nsz7eknbbvmqhc9/jd1uj3ttj9rjrocluz4q3k36pf5bfysv22+n/+1rvtf9beclv37hshvwbv1e9f/vs//sf+/f/nxxes1g+i/8zdolyxsq9pcamih6l8e2oe9me8sorcghprntjiimqiiy5g2m2wrnndd6ftvhtbdcteen8dkbeycvch66ihfemkq18zy3pdowfm0eekdetluqvoasie2go5y3gyf11fintfeffr6rujb7qgmgq2uehm+x2pkwjj2ovslffjo9hj2x3ylmsz9ybeg71m7sg2mbiltwsmhouh1xat1jq1tehunxra15mcpqczbd+dfnk2d8dbi1lwbojnvganqskkxlyhfud15hnwteopvj5e9swjsd/d3okexs29jkn3hzlndzxdcsybhh9aof8rewny7cn+ols4/htg3cmsew8ezbkcuwh6ucdcoy1venxomfa7dapi3uafv/d6a6r74vaisdvc0trlw6+dcfsbanveuv5hlbbb+izoslsi2e8a6ry8bmsa+p6jvwyxe/gajwe2tm1hyvajgsa9tzkglte3ril5i9txh1c4s3sggulzmebxttbkbs2uzpsc93axycai73e9f3i3lcgqyw5yzjd/uo/4lyeauynjma85xecxqejchd9afiw6vi6dx2galo/op4f7minya00kkyr7bxbfnvn1ycbcitkmqhpcbfkvp54mhpbacmpwjfmwremjwfithe5tmefp9t326yr+qvzlw8zigbet+rdrrvuf7bdx2iyxftnfcpwgjcmandqs+v6rdd1ksekxcdsxvhvviiqz8zb+esekymnnebulw1y7ubucdusuxywomiymke//mjgm1hvr/qhksxngmef3fdrzrrt01vvfvxbgtasuzqn21kkm6o5rk17unor7mkfqqeisjdq5z121tmjdgi6fbty2h4ac07hsy01iu+kr5ni1esfvxixsvdca7p4bjefnxlrjwhfjf2+6rmldfctebdp9bxnjgovqhu1sqfzgtd4xsj9lk6ynazj0xejg78dhynxhf0y9zg/vyby+x4rji0d2d5jgxp2mcudpvmaejpgg5sywuwixqz+hdr8celz5vvqy6uelxlf1wj7drrjrd8wphcgp2uetwfnaiq21nklj5v6jkei4i8mtosue46drs3sogtxrvy4q4rv3pdt15nt2mu77xiukyc7/uznvo+33lgljnkogek7svn655pvfthfydxfiah5paci/rf3xqsrf+9bl7tckgqoxad258s2mwgywumhynihlphsmm4lcnl227ulc4ilmj/fwrolmiize7l52ujyq5xss8bxu6yktajqytd8daem6r32p0n9f16hcvhiiqvaohazahmmwm57owe0pezgcdb28zvtj+k3v7amd3hvhc3ff47y9vew3nanis7uslxa8xvxgbsczfvrkv5cbjqjpz/ma2gxiddudutfu2wwz/9dl/dzaa5erznpzcc2uzl3ciq0siun2ft752nxbhpha3oqph7qaekazem/cfl8zvpsnme4nlk8j6jsvmouuiyqwbawrzap6aahbvzrn2ogljdzrwzb6epgoodcsyaaiexy/xwfj04/ktrumdm3fjfaxofrpilit4jbetmozyornxngjzjqgpgh7njthfu4gqw3lyvvkf81uc7vysdomjk7a75bkcoppedriurxyzbdya9z/jgivjfgdjdwp3fqpwz3kusjd17m4zome/rmzlg9ozetqyu06i0gtzuey90z4wkxqgrvoqbdcvpnm49kecana3okzjelildtahmvjmts75zn5novmn3blecaa23qxsxu3vu7da26+czk2bpr9fhcb+dinixvrae3vyqyn3rc/ditdcuro5drabx+tiz/pmuql4pkiilzh01uf+hhsqfbglk0qwnos+g6ouigq+ibl8vsahs9bbl7l4ai8fldfc8f2mewn5bbjotzc8iqevthxnnn1tajbgzwsxz7byl66aangz3rjqoo9r61eervxokbnpjpzgttdbd9sllsv6zg1kyqsxglpjiuhnv0iwabucxsksk6ozfhn3oj9vbxfywr5dfvakjmgox1hsxjcw28gzejbonkf3mwglqk1qppgalulecvnvynr6r3wajhtoaiuy3umwvboxugc4634hhgctjndscb5fflaywu1ei6iyog98di3zhag3euq9fh+3iz5pxvfg2x/h8jr3pfsr9fmy63tjwg6ql3fczs2tvunxqrwquzhrghmu1qwh0ow/mqre+vw+j6fs4antdputqja9oub7utlute76h+r65inwqxjy0ub2ewu+1il+z1n8fiwqlpdbykwre7r+22fgatdrbq9rfk5zzwz3lfh4s4pi47mdn6qm/a12ztsexvppyirpbmxsx38nfh2uvmgymk4mf6ouowij4vc3giy1fizpbxljglqqbuok4/1btu0yqoxhndmxaqjjv8okqv6ze6arkt0u03fxueqtnrakzg3rd7mph82l6izwo6itrhxcu7skju3angdxt3hezo0qvkf9ljmeoni3f7nqoyuj77ztvvi7oypwnnqcckxhcn8/twcvnf8zgv6gysawbbvvwawy9t7tz2wpcmyzj07wta9k+rwyuvtjpfqietemgugm7tqjhnfuc23sztb/drulsaotweekyk4m8bf7oguo58ycrxwkarjodomjatlosei/joobp61651py3lox5jrxk3cxev6ztb8b+jpv+lw0rat0fnrcwqqromxea3d2u0x+xdi9syjohqi6vct5kz5qa3ofc6jubr7ro0c21adsvmebo4lhu0ekxwrbxjxizcarr5fw13landcmqlr36kmpd//qjcunj3xrth201orscqt7v31a0jex5mjgecunocjf3riqko30bvs9pp/no1d3du7/foxmyufvasfb0gcvclom7/jyzdnjffju+kzlzw39g+vvzxqnu6ybqtcdmuiwpdreeduf14ryvegtxktovw+o+n1u+o3bketfs442cdmwg4bkxwlyyykz8u3udlrq5jmw5qurvw59m5qqpvjoa65imesqayzf9lf7brwnmoskyqhrovnjoblrqzr/mdu5xxhe1mmq3ali6qzbhso7vdw48eci0p2o1yhpbx+qyrbtli12zvvvixbi7wepvmgpfvdgg62fm08t/tet+kounp/g1rva2e0j9lq5nmwo7uvozkskmnecrweut/hs+necdis0sht56rttszhtmjrsxhvtl1cpmrfkrvtj3o9srwpye+nrt6o7zev+p4p740zifho69s90ej2kj7xbhi09er8kdvgqzdizyw86wpccq5ij2iypa6dinmnsj1cir4wqkgkqep+hxbb7nmc7eca7ihfxwinysli3hwam14xrxdhozues8r3hrhzmrnvtat1n4wkhlcwpzsdo8mo4fqhfv7rhckeafyqs+qybrmxrinhyd4drr2devb6pyrxej1ls+xahi8u890qofmasp7urocsvy1w2dlkr1yfldwoue3xnfa94xlusc+adzuvzq5y3tdedoknifdtgtq6ggobwl7xbg5jre963/plab3vcinuxswqatszypvaqq4hz0qxf2k3ab3uem3kyg/+ppmngbgpnqjubh3fgt8vz4qv4kl36zewhnkzy4dkr4ru1hxd4yvb3rcqmue1g5gq/n5yowm+jcrscgjfu45t7ex0ghlvl3ueyowhlfmbcln0qjhprtd1xfn/keuvq3bs0psrwhqi0ivx3fc86duywnrh2qnrbwrzfnpptsuth6ss0bx7q7cu15dg0g0wvdhxynb87hl78makbpbblemovi8ddsidi5r7afsdptjzutw/f5ibvjvksgnks7xge5kurgnufd1xa4jugojufo5rfy8nclp3ymrdfrnui2g7ebvwyn/iytbdveq3rbg18rpio/wf6/swxgq1yuh2ykjupsg0zgrmerol51rjrutrarxaiqkjst7vtfhe7ypvutnbbrweagj0ywiisvbbioil4wnztduq77clbtow5yqt5r4vc/b63wmiq/yqphrhkfnyiklmp+gysgrhdd/ljpxlkwgyfcctsmtesjomg6caf2/3vwmpunwo0iticlv2orbrs9xxp54gjn7pyjpmoino3kldwdt7febe+srnwqovq506gud1ip6ffsfw851hnasvd6m/jvad//icslqyei13wa6dyx6kyi8wboq/j9dpd5jkdbfnrdoszbrr0r+8evz10rajvjbdkuo1qpdo9qosit0hxjt6mejzx8wzix7styx6kp1rupcm/4ce3nrnpiwubop0/wxkollhorvuo24p+brbq7o6cv5qj4afmmi+qmczyju4bq0+t51e5ui9mrcgq4pkjsozlkt49npiq37f4/mnsuyzrt6oucw353zig8gvttrzwevlj6cisso5eukrxfvg9b+eh+m8toojs7c6xgyv8yxcjyyzvavwd1jjphifclfuii6pmonnbeligyeordjiinw9n2td2om3eex1juzzgbtcpl69lyatjnskobfhpylgfsenxia+s2ytc9o9h6lajpskv+hymylihxcesps/xeb4twzbxkhvvhht6pywk2uwdtxxhqjmhsiw9lxj9msdtucucxo00+2hohpqdku3xszz7hvnufket/11tzje1lqnjhz4iualfg9lju5eoap2dtittbpeyix+m2aytvql2gkmnrdvyraeggi3lrrazmhancm1yhtfej5yvmgpwzspqbwq3rb5k6hbqkqdjnttnqe5gwjusd2cqpbrvwf3+qmymreqm7whk84ioux3ggaxowojoevbvf2wo2scdjilnatgsysj+wbpe/dahoy91sc1chpjwz2kitzrx018wjhveqju7nvul+ry8l1xjgcevlmtzux0y7cezvom6ulmyrmnbyzujws1k+2ale+u1ezp6w3kub2omgfho7av1htndfe3zbvodqnmrqe9racndhrnvrozumt+nvseri7nax1xmvs/iqhul1vexbkn1+p8zz4zgt9vue7gxvsvpqyn+ywqdkhxjmlwit0rvuh9aop7tscz4xk/bq+i521cmicml415m76nuycczpc9oftrxxc67+hn1cf2xu5avq5odyzxcmdynotwduhe3+h7hbv5nnkdxcbddhkio5yf0gik/pdtdpm5gt8bz//4zoxmt4gsa2dsmawezfwtucjdljudlkpka2ttwnmc+8ad5d2ppixmzt/zie58n0r6ze9daedsebxsfqaog2r18cfm9xn9xijzgrdvt7wafpq4ks0w17/1vsgge6eisxzdrhwz40qxp54i8r0wungv0ujhz5v7e2/0aouonmei2yvzgvxzuluajwvcl9moxw9d4jfrpq6j2cfunsxli4k0dez5fjwnvofccaedxzcav2k9djvgr3lhwvkoldielilx2jvmqznqapzhidomk/vvsudprmzavrc4spgcvrymrka/2ve2quxkw84rpzbi4et8oc+4okd8+xxxodfmg0+wg+v+tbirk+iamb5obf6qhu83m81+ndca93lc3vvzgximu5+vf6uymdqqc32urr6ny7nvrzktcxw20kzo9pwbwevwxsh0u/utu79v5gzuju9foxctwoqqbmqxfn96yzibz43gq2sej8/e2zbt+mfvsgu11kwg8jpxanh2yzjujtc15j/28mjeisby4j8gdd/onpxbdcxl/97a/6jgkhpziaujlgsqiq/blbxnpt/8dlkqnu/9sst2ubctae7+wx/5bgrxrlep9xk9fihuyoxiplxxc08o2np+ghlqrrwizsddevviyk65qxiwqaclrvogcot0zjzcfpyurhq+m3mprop4xp6cxngz5fidi3akqvxr2/xzzhlrwn3nml6viwqpzntfkpuwdrnwlb4tdximgo+0x47opwbj/jhzp8pej62daedrudyr5zrlwj3e2fhi1s9urgjrh2blnh247m9bktego18llumywfvm+hwcmb8j2mjrqy0kkm6lzjwtq7p9en2joryoqo7pplhscjbkjxxdlilvt08+i4efvrrgskj3e72qnirehrih6kouzo+q45g9vwht3xajmknacbyah/zcvr+vsfgytz+/tjq74wy2nzvohneflhfqb2t2xs8mxryszry4k2uo/o7fhgmjbleecpahquuumk3nc8bl14wjwr9wymmz7mfornxhetr+r0u/xxlvifkvr6r0i25etjvgqbz+5bbkv7kuctdfn3ijlfvfnt0seyevp8wctgm0ykhadqafe3yzw7vupfh3kwfutixbfdghm4oujx3lels2mapythzcobd2tewjifkee9etz933qnt5yylzelq82+vd/ysz2hgp17c69s/cftulwvwydz9ys979cobdahg0ajxmrr2pbakaoollqlxabckx10wyos/ld6gthc2cshdh8nv0ukrbws5yr6e9ugrwztaz532abghihnv15ijea+ckvyawjadpiiqdkmjbpl3y6fe+75jf2eiyudhe+3khb9wqfl2+3qmf3fb1xtkrafysfzt9ankqpopgidl9ofzccpkiw7baeztj4kjglaxkkvtnpgciwjvy6i7dkrlc87kpiicq8kmc7deaz0uh5x2nahhaqkaztwuh11mxdufzpdtfhivxvpw6p+flw+9uwakeno1zpxaj2w9ytusgig3d2hbxassjamiqcun6htdekpsstv6xuqthpyi1b5xm2bulwoxhc9ohytorulibtzyujj6eykneg1ysa+lfnokae11hs7hh5ycoqrjdvs/9hklvxdzkxhozdifzmnyvgsbplosu/fqgm4sgxztvlhce6c8vrbd9gdfmgdabueeuna0ngqqrvgzxnbnztknql1pvdd/ausivk4bq7ydmka6rs2tlwu31nkmffibfyouivmp2klavcrdw097dzjibk0kumyg06w1bjpq+riueukwoj5aqqy721bkrr4/qfvqasnb83/9rh5jtsubgpdsozuf8rjmuctdqh7swdcghnxq1ma0scgshky07jp/gjmvcx2h+vlwxa4np6zlcvuipvm7sxyn7qoibkuvuw4tnddg5oyempjd8ypt/4ucgva81dotcz+1+dzv6pvmmdd9k+qjtpkfujoppowqwvcnflqeesjbvwf4kg4hq3csuyrnasntdyj7uioqclzdlx0ikg97n/idw9s7nd2fkbpsbx84ef//bbp/vpesxlpbkbjunvmrvwo95ve1jnplzo1k5np907v2q7j09jusuwkqea+mlqgsqxqfhplc57tdhlwonznnieiz9iw45tplteqoja69zrw/yrg+jz59imzpjeioomomuw/stgvvmsgrcllfpcxzrbkimnmqjcxoazipxxunahyy9d58tph7irvfx4wxa7siat6fkjddlgat6pbmpddyiy/94yj38fhpnq+g2di/hxe8/vcpoxk8id+tj2o/1xcd7mywugvs3hrnp9tj3gdqah6ykl6qurxkadsa7vmbc+acipbt7ep9uvnb/blt5wveabw971x+/3k5ysws1mlt7tsn1bsphm9oevr2qtsi+3bcyce1ngehkhnt4kbt7v5ocoiyreej6hx0lsdyadnm29lbpqyaur6cenbl7vvds337bo7xkj5zpegoy6yj5vzdpxtw+oadz7najtmsphukfifc6hmdebnpc4wp+/nebdyihoroylh9m6rwtallx+sevsmeuit07shfacalimwdfyhftc6metoorxh7fowflgujecwn+vxprbacqo3i0irjun/yquyuhcigyjyiilzafg3sxuit+2ew6yneyduxxzhwyvjyweifcz6zrzzvwxw7hi95ymtkdzglnptmjusxajk5yipwwg2qutq+ybf2n/qtdwgrorfwegk3dtqerjrk7tduhyxe3mo8on4y7iejtyzt0yzp871nckkm7v4vqjay1zaaq3qrjh3eos4+nxzihnykgztf0hwg1hw8p9nyh6exovfl9ztik6w/p+txor1mc5raopdlcypldmczuyazz4tmh3wemejlyndxqf/y4pgwfpcelluclmx6h/cvj87noo5yvsrzqy4l3hm1/fxlhq6ykkenrhksatwbislz3xma9xnn8xi0ps4xjzsy5b8smgl2y1wtoggrafrlhfzdnpzhmnouegktiyzwbuywlj+xacnvt/vgza+l8dv1fyygo5l2egjpoum3yqc0aa3cwni1hgpwmumh2wypvd4gkbcngfuynju3k2080w/oayeozifey3u5r8egc3syyx7+ynscisk4wrcvrudgjupq1xm7k2+zcwmjlsktn0byumruvilq5cbfegvm973qk67rnrftym7mseqsag528u1fkbfey1umct4er7+e+iaxqkn8wvnhqqd8jadso9veskpuqbdmffufd6epchzwwoiynh2pyszmhu78pylw3aysgykadgin1mxifyz0oyqm2jgvx2ruhymt1lkwxwemslht6zvd+r2cfmq1aoiskeuc1kpvnxq2bckauqnybsly45tbyk9oeuoijinpsdo9qz0/b3km0vlccx5cka+ofaar0hgvcjxm3cgkbxzff1ukguld13ovs3+n55dd5xeerinvtal/yzhr+xubt2mzfmhuagbax//4k8deqxlu1kni47xkajg5pplauutsoqhs8dxff9jdluyazoa4da7ungdeenxsngfcs/ifngsi0tp0c1cpuzwhiz9re5djbkrybliupuyb5m8ycwwhkfkggajh8khtjkfsvyeu5wkyqfyx1jmiqeighhcicmku4zgd/5yy33yikm0frkbeoeyh9gokqpzekusnwrsxrslahrobkvlynlobcu1k52fd1nrjhdadvasbylg9i4lq3w/m49/l+ucqcfkmcg6xhio/kubmtc7e6ya6u89asd9padhplvqenu9v9mo/v32tclelqc3nmnzzwtl0dr6igtfe+xysyhvv7jxbvrmihwq12ckuh70lq383dnhyse60ddzbo7ui/7npdaorat4hfljqqkt9c5etrs7uupdagsmv+sjkjquomzlm5yah19bmqrtd+7yqap+m+tfi9pa/3zuoafbxoc1w9hsc6ukeyye+/tt9dszuz+stfkzhqfbczsh5be1hpnr4wjbvldvejcj+khwkgcg1udqgo6l5hjcyoo5hbmskc2vwpkes7jgqpvir50xttobc3rsr4pizqflvgryxvkm7nfy/hne08nyu20fncpoq5+grstyc3bxr+weqxbh9+25kvwfcvze1hgqbtqydvhuwpdhwj7jbm62l565olztf315g6rxaljurx6lpy7kbe18yqmovxxrtgkqy+g4avvcu/2petmuz1zrhywovm7xrdvrnemzhgosbsbjrmvwyly4srzi0lox0b3u7v3aniebaqnko5dvykts9pti3xjms9pfmg1k2pqruzwphzwwgyu93tbm/dambpvooz1vk/4hpvngf+3nculvgz5nioljzsushp5wl5fso6qfko9jsrmngw7pw8vkyzwdajr5vyegtnjttf15oq4qypuvfwvrgg2q8cwjxuc66ycelzzwr37sqaq4kecbxo2slousvc7/ussl+kutv2d+tebfv1rsftf/c9wftyg34pzbcvlwho2htnjjejnpthsvbkqbnihy+m+dfzlun1loswcgfklvjtrkyoot33oqztta7rtalr7v35knivix6z4tqvw5rks9z6su0ukmqgxoyepg/pjusqlrdbjahuzxklu4mw0smoigfoqjleq0pb1beo2cemse4wiew6v3fsagayem0kb1j5kai+tq+2v9whir+ymo+qrydcfbdcurn+7dzzcgez3pacjfsap+50sdbssmqaxcm3g5ig8xkvgseya1plr2mz/dxiodnhkd8kgvzgrgq8vxbm2vl5o735gxqkdk+dhw1vwmrz9ygqh84xqnkleu5ux/y95aj1h+ulwyhzyzeqdouqmmi9zzymqclphpa5hmsiwkcddkkwigtu8exsr+9e4urci++iymaiqupyo2hp3tdd27vvecq6js/eoaecnd6e5nbhc7+ogybhdcpcg+8bjbruy3jhltcspgtnyp3rmunix0muhmudix97hwutiqvhlvkh7ichhhsaglitr1k46t6hctttnanwr6sghkus80ouusw9htrx086ljw4a7vub8xa5sgeyljaegj83bnfyffjyusz1nuxg6slu+ijaotykprtgaofgsjpxjnj7yb7/0pmynvffkypyglldkgcw9r73vt3nngckmnirznvnuhzym4i3fv9ps19sf+mjq6puoaqs4gw07e9ul2sx6oc3aptw32wrw3ises25bzot/huf64m3og3gipy4cgzyltctlvbnoigige23se6mb/izmdo3un7iutptqlviim7pqvxzycgzno3orjozfkpdwugwvcvxvfpckgk5qwqzdqhx9n0bxm3ptn6ia0srs00wtijqetcmaspnxstpymyqcv9dqzlcyeoqnqv50rpco0w0h3vppr0h+3ij9ndsie13jksbrsg3noyfmawbjixfvdlyhq5rv52rheb9xxrwvivbdj2tqjeipy0zduu610i+5zrw0u61wm1owqwf1bgrft7xbrbvw6o3oonpulo2lg5g/e4tc+sec5qnlif252milxwerxwiljtovyc03g65h3cnsyv82smhbbjqjj4colk1k2nfjtgejwjggubsypkmw8rt1rp+plii8rolqwsnlfrip3nalkwhf2kny9aisc7xu0wiauttsssatzdpwst+4tterx2xytjmvj11rzhfn13myq0suy5irzt13o8fmctbu+6+jzrqai9wqjid32lmhtexjgbuwwefpxrxojjrnjuaxxmjiot2r9yvqqyjexarvnslkei44frprzirqsv6pc/pbl+pntt73c1y82gmt/qjetq5thaukytsfnerbmmngan2vycfuaofspgcsyzttvij2tzrx/ctlwnsm0rk5/baaegvttto/0+3q76tavixwcvz/szwvk/aaelcdinhtz5uen3rk3rd+uvl7y5kncrdikl6wtrlnoyrn05xkk+rcuuiembsd3ruchxizq4gv36cmcocbtu7txhmlkgktfegmqcj+jjjsqs0u9oghqlzaeb7qiwozb1mj5/2wmbf6tp9lkdo94a9jx3uvfmb0hz8budyfoes4jbo7qnvnaghod5vgpdwptdkjlkkfodc4hemkxbchjoxmpnao2zmvjpkb/ugwjwthc9v9whdogdxqx7lmy7urjqqdmtpujycntkhskgsg+aufyxotyco2/q0uzxjl/km6qobl8hquxf6gjf3r6/ncfit75ar6wx10vwo1dc/q10kwtfp654agzwtroquyzmpe1y+4tajxil3wjyrz8+cpufnr0q4svqsj1fatp7ky1qd0vsgk2ko1lapcp8z0wjozi/zthc3dot5k9znhh+jkyir3a4qc3km62obgqiwkkbkx15opks04r2knuq8dutolh4vjn2hc3ujpq9h1qkgmptmlprkkdrmkupmx+gdgw8rr4kk4nr1kgvbg2xzxhguaddkzvtuqhzijjykg2sbbtykr1kkfxkeluevjstwqnyqm93ckupynmkrwf7dolnjhyhm3ojj89kc6l3vmyf173qta7n/2gmckvmgokqja/zhsatopa5qkd9r2atym8dcvpmkqirdiy8fracxdgqvm24he7zlkovryigdhozz3g2mmxo5hesqzmbrvxe93eqwp8tmiymra8aztp3p/kkbdjf+bvi+n3fw7j4ayv0zqjgirc8m854j5k3hm93uv2um/oojzt/yjcvv33h1e9zud3xfl2uz+pigtquavfny4vgg64y0pg/zwwmqlp3dgk2fbjtrmj9bvwoffuydsuge5f5xjsa2rx3xp2kfttuiuc2k9qkia9uzy53vvjskeuoh+3hvyuiybrd5uvgnkgh1o2lanhaz4gqtpyvqh8tywjoltm4vise7brqzcn8rghwiyd3kmlne6aik8kl8ftb9xljz2vnn11m2w7vbpegzahjzchr66brxvee41pvrr4fcg61o+gvhn4sv7e11jvkbvwlcy0qmk0uppg9wkfyq4quzdtriifov5d4w8yvmo4t47muoxixcif0sd4dqym2ke5c1cuketaoie51lsggiebcsdhej3bgcod4nyx/svzmgqejrviqrwpe/ry0u2satalmbg0e7wtqsiq7aqp+rvu0xjxke53/+k6pvrli/5ygay5wgizcba9fe/rck3nybumvtj6ji1j+nx9c5z7hsjpxc0lo1yzfe+cgwdxffmztke4ntlqkgyq9gq7qk0+qs+yxepdlpp7lagsr6staixqkpptwhxy2had6imj4aldkjxgc8k5e3rsl3o3ehsrnb4iogf2boirs7w3xis/v13navkylvvb5logggoxt6fo1gsnfa30igo3mh/unmitbdyghsxosbinm+dquta7dsdyr7mueakrfuo1nf72m0emyzcl6nxw+u8mxuuilmjyjz84tuovklgplgagr7ycpsmvms7xt4mtkqrxjnsjyu7zc/yiq00m4miz2ua5hku3ycvh0dgru0snfgnzmknioawzfhfw2pnymauzo3rjtr9azsl1fr7ub7qgym4wiz5/u+eo074gkul/dqyzqmukjkktrozk11st7ngovk4r9yjigk7nuy2w1uu2bzsxggit6wuvannkc5l/ex+5ademc0fmpzlbc9gm2tb3l6uq/xe1isbji6tmgntuiwbw7j8kkzo5lc2/jbtrwvslutqotyr92uknetjwi+1xyokmw63pdk55ndkckl9sq8f1vizj8cdtsi5ddnfvu9edonkyjplgoehjopjxha73uuagtzddwsdgbttor4+6rlguwndijwxsewbhg3kmzzfbtb8dfk5/lb8muoyvducdxyuhsn3tgoprp2ztr1je55w8c9u/o0srvrnyxgofn1eu156jmx2tqz0e4d/dtxyetctutypbiei/jpqf5vkqt0sitqszpwwczrcemevhk0zu+ebnprztkxch5j9c1ffc1nqyiuqup7kqkfzgudqersi7l+q/1xvgkhnnody1zrkvvsvoydtvh4n0f99xyvjeh3pxxnthzualsmvzcab4hchceulcrgjjqrffxmndndk6avbby2ninmo54oyatdzgzurcoxc4oj+3nzpp5lduru9dsinrsjuqg1y/fszjjilkysmyolhh7sgjvaybm0tx4a5krn0vbc35jyonijwk0zejr3g9mnixor5bxcomi6kgy2+5wl9b9mqvtoezddrnlnt/zvavs1akdrrkf+iuk3mrulf9wkmmozfyddhdbdwt7k1pxs2akjxvy1u7cjucnhpxh+dytv43ecf94gbcfkayri+zns1dzh/t5ciaqmx6dfz4esshsne/50lkplwmecugka7dt4t8sqp5dwpysvg2vlszbpuxuiyx7s73rffxkibhwarufn50lerzggrbagvu5pf++hufq7qqcqxtrpv/gns1dg5zyuaz9v1rsefuys3ihzlqfngbphqe1hcqowrj+fp3f5hloflow4abludtkiext8ajatgtkb8q+7f1ywq0g904dksneysdvtii0j2xqihry8k2rvxe3clbogifzikaiwu+raceezpv1j9uez/6emrt2aelmfxcnzhvtniomuxixjdtutqnw/7wmrim5kjpx36w4ijvtztckrcabtqndytbinhsohu3yla0ib1z3midazpgrswblxwbyv54zkhduq2gllwgwco2l7dziqlque+jwrjaw5gcsdbrhb15v675mhvvmhvqxxtdjqpkdhfyddtdwrw8phjmkg9hwjyd08d+nt3tg834tql6kizrfv6i2fesdhyqxivs0hroiq3ic56yki3bg4mbfd35v7xyhmbgiiu2o9+fgat5k5l9lqfmrnkd/z86yfdk4t97bjwfjktv532vbdazcdnicgahkxees4qtmdq2s0zgtnieear6ozdhketuxnhynwxsm8cxofs8esbut2/b1mrn/3y5dxyrtyywfdf+lrcuj7gmopiqwqrkojzob62wsmtivanlsme5xnsveybksfrz1nbttngx7hwlzchtbhhzu4crwiwvw1hk19puv849xbs4gmk+qcyg3xn7k6zjfxr0opxtox/3iqdh8ls8vuc9+uc74kbaygt+fqrw8k5vrmkr5tjwebuluu/nod3kc/mzxwqvtbxb7xm89rnty3gj5hqxoee0v1errf4yh0nuqalxstttbz6+gocev90lxf+eb15ignuidjuygxe23cz/eigvrlwkjoxw4k5kyhqqr8imvft0kdd/4rr5lxbi/tilfpf9p7s4n4siwf9b2srjsfh+rwslep6ltowyceblgkbqnuvqx41suwnu4bn/l4ltfpksvvxjrekdvd6ktoipuksblx4ncn58t5t6jfq4ppolc9lahxhaavmmekh5aoflmo2litkoww10zruh9rbjqwkvj2uqwiixznuinoukwesw9whpdzv7bdjumkph/akgiozsedxpsvuee7thuslqxuwvbrhmen9cdl64r07xs0m7rp7uzr12yvdohym9k3npxu3iwmfqh7jr+a3y+5nydvhngi9gtqmsush+r/1jhpba+ks37arwq5dtwxj2o1y0oebuiq+h49ubu3tjuz11ub12j2ukrwhsnrwfjti19bkla4vhirn8otgohwflqzmmmz/cwq0kwhqm7ymscl8jhnv1er8zbxiwyk2rvgtmwgk64formm8sxmybu8xorclnqh5osg+5axob/71zoohd7ty1jdnfowodqmdrid0+luba2tqzm+e9fpoqu4fttmpfmnnkqcrwxbzmf99brmvhe/dkfmmtekwzpxseyncaoctbbl5upnbvtufiove07f1tpu7gw0ia06qnvueykxtlv/inodzafykk1ltmzg3mzrs37mstfg1nwtxrgleyvvqraioehuhbragqka2a9whxaqryv74lzdwclhi5jib2npmocuok3dm+njygrzwnrrflr7eyxkj13xwu5hqkvm9zmxwdeoelq1k0djspa1ha/x2a8cnt77izcrct4nnpngig+6h3xkxa4qdqjaytb4zgugf4pgfmwkh/zlpbcyw+ywq29rqnyxhhujxjwpuvxokmdy4xemidtkvqv27hsrgibuc44glqvnbgjl+xlmw25uq3jbxrswn9gkpamrndyzhmkdxjs1jzdokvmollw5rmhcutlemibjgdanzx0rute7quobdc8od6arzndty16k9eyngzfq7zaw10bl1wdeasyuhpkqthza0s1tqvdzrv53kpkltlahnlletyk9mb9/mgpi/2yoxzp++u18lxdh4zzd9xhhu1sezcb8cytdolfqq+bck95vil5yzunipnl+stm01w4xmvwfo4vbman8vpltcchylevybuzinjoklpfqdqsyiw4vhizzif3rcelnx9axrnh3jsvowmju/rhbvm5fzmgiy2holm9uhflpcksas+hra9n+emtjlmkncvvp6cf8aiiqxvsebeos7cxwic1dt1yveqbzraxnbh3e95gfmrxs63x3hgim91pleabsucxby0qdrp5aal2voi+kn28esjxjseg4ptzixq6fdzrqpmncbwlyafkubs1j62py8hgt85aspko6lask2pwhlnyuowwprdbxorsgpuam47csyw3uqfo7sif21kdh9pw+ghydl7i6rhxztyfdd9/dyl87oabms8j8rrvt4cf4dnkfi3jfy62fcuvpxt/w9k3wmmn6cfph7dsu8isuidi9tvrwojvcgyqbkbzjnoodbc1zqpf5juctuetrfy2sehwoey4vyrmltulm/brmke//c4ddtohchjgc/i2lz2kadtbn+1om/33neyp9tfcm+13tmneu2qt9l4vgyzoagbwe9iik342of+lc9qosq8ov1d1sd50aanhgict5dtnxrcapxzpky4xk8fl2wy5gb1lsp6t0vj3nmgviglnpizfcld0f0m4uvzqesak3cozdaz+kw1w7mrshcwbbt6zi13eicuos6zvizyaoefw1ybszcvv66ki2nhcc9nrkmqgdhxerlvhritqyif3h/layqoz5jym6ci4pezgirvk7bwe+uqynjoffumpr5hbariruhqj0xiycvrvgvbkdjyrrqg8su3jdz0nof5208buf9beiuh37yfmofqxrpwohrv5kpkraxukjhrvxp46ffipoc5lvoyf3zkue9atvubfahtv+3gmi2oaun1byuh/sa1n2szs5nuulpywzq8gppqmrvvyyplbiqjh318zpm3jl6+ggmsuto8r6g3id0g4ii5rpxnrqply0+kcldclghtkldnjajkjndkykoxdn7oci6gjdzysab5cycw8hfqw58qwbf5ekmx1zgnzikf8mqbouhn9vjf8tjbklzn9jpuyrgdbaq8ctbtbchdscrojuyqzgbl3xuskecht6jmxt61zuz0uy9/cytod9xudbsleaiv9y1cuildxamleoakthkmemw3l2ka/vorpiruprmgohrjsryggtmbvnv5km23/h8sljkn7qmechil25bhh3ouair/ayod3ykzwzigcu/dy+7tlulgpiu2/+g92ppzt9tisfk4qr3whjzx/xf25r1wzfcpn1vjsj7dievmgehc4fv3uvoxhaigvnpmllaxhfbtqwsmbaeshzcvu160bnd4qpzihg7dd3imerjydujyekf2phgplfr52j/st2re1uiobrqsycyhnt7ur0t1ep9zmvjqmr4kuy12rhww6rtfeiz7bibrf8p+xwccoygjghztyjy47kpzzkpstywvc00ofnlhfee7fxr2npu1k62c1sms5/wrvlla5vinwitu02iuey6csrmvb2zzrmn7kq/c2nazwqocxbuf0jdjhm0sz4x79dziln2juxw6et4qlw+gx36mfsi5jc3jb+rkxwx7t/pm2acasrsxbdwtkpv8/dwfx3o3eyveumt9xksn2+uz0kfmvr/o28osiirobnjxhqdj3v1gyt5vbzn0gfwdduecawm/ni1e9zdnzjwro2a3e/nrqvlxxfxw7ssssxlm7g7kpmtghshpd2opzgytzpb+t7fv+yb8+2mznuzk+ygojuwsl8vsuw44slgjiwxemhvieqkqp8mu1vd4jszzmlulreh6yq5ag2z3e4k3zdxop3cpj4nz/ltyh4ixgk9kjj7kgsjs+ugqgewe67r+ij1xsov43qscmcabu7upo5y18qjn3ckunvv7xnuhzua2ry6mbbxruzyi1v82srtoyjr52miyq8wla+fe88fl1cue9wpc0jxgoa1zcb7aqohuuv/n2pdbkh93lgbjv3lg6uzryf2futdxnjxkf7xyua235lsfd9h5wmse2um7zyelh1ka4yvi0suti2zrfyig1yxho5uwd9ri/pkbj39ndogjk1tdu8je5d2o1riol7b3bucbd3pfhbd0s0skxcza20anlbo547fus4xls7msrol3cxckbeditcq1qwsf7cll6fif4ukm8wg6laxieerwhjs5xnpi/ss806bmmnqqahoclo2kvfyj4qj3lhxvx67fbbfshv/kbtfgwul0w0tdkgqomsnz1vtsgka9atlol3vqs5ioqre44pdpyv5yzmiaw5gwnsekhhjjbmntm1jtmg7kfmfe6z4rutnrhvdlk+dn/llglqfg+tavy93xoyq6xjpzud+3end7ycwustigu2axiwjw8ce3zrjhftqt/2+ra434aolytdg1ie8jcu9t3nx+wktl6z7vd4eawtxidllf5nssstig07bcl5mccajrhep+k0umljpadrkdeakbdpfbpj90bdev0hqsxiaib40apa9hafzdnvzvkk+6wymloh+0o8ul/pnbomwaibjrrlm1pz4wde5cu9xscnmqjir1ijxe9kdswceyh8sj1jul/4mak9qbxrkhfwbberk5vd0+muq0i6qfwrs+jauo81hi44zaiwsdz3s2sxt3rcozny/3phwyi//rpeev6kzgj+5iwgdpwprhiylo1rdwgfpbdrj/fsjutwbwulyuvkirl7dzsjuqq+za9rq/bdhndsd57/6udiuumsqbvle0b6zxdarcxgj+aauy7vsmmkfdpjo1zahcjdv0vww5cha+fonqja4hfo/viocpfa4uf7bxg+tjylpzlekd3tdqvhcig/wjo947yfmyeuvxpgi3uynqt0y7xj3zyzwde5tg/wzz2ttqmn2fw1scrwvmbsapb4w2p2v9azjgp0hsybg8kueqzv13qsevh+ylt3ojzeooqgvsb2qa/z3ues3ztxpdw185snyxvvmubzwpnieogukzyvg8tvysuc0i7svxad4jpyjtoec0633neehto70hr2oqve7fnivkb0snno557qhc07den7b4w7sqpkrly77nwh9xop11dwuu2a5cgbg04p+dzkcue0it2+nafqri9h901lsjyqrllaobg3chqdtsjxdxwbaff4a43utz/rtdg86gcueqen7293cabcqonbsaqbctdeitlt18ch09vhbyx6kldqo+ofn5a9wohemfyd0vycpeuyb/rwtl77jpuy1/uawpgbve3va3c1uznj/fsymco2gnk+y0i2eqzhwhztvdwnk534qika0342bkaq4w3s1uz6iu81f/umosbjzzjdd2psvs5rqvg9tx/eoxnkjh2cjysil7krotous27u2ypzxe0dg2pf87ftlndk+bmp4en+zlcgvsvbudmzq7rrmitf0sqgyjvdrlu+ziuicvhq9uuoweiixoooap/bynvqz75avragikbrzsc7nxvcbx2fkzu5symj0ylgl5derarvhmfow9qyqpyc8ift/keyv9lhtwfsaercb3jyrflnifyfm9uutpa3hxowavms7r62sr8hizfg0w+/1y5juwk3sbtakh5ozt0tmhhnd3ef8ojnsfuzra8tnfafobxb4bbraexwa1cu+r43brrnsyscezivu9qhvpj37tfmzdp1nreoddhrmsmqoxsjet2kx1jrhibrpso+zjsdwckrzlw+2ium05o7np+t4sdq7jona9dsfxh3ualijhvbbxno7qwnjvdxc1/jxls5sq2ynfxdztwti5derwuq2aepf2d7dhgn3wxxxrvz9m5e/bb3a1axwj2rhutrosoagvikesj8uzsvo45/gahlmfhyabs7vwwbfxhitrqqbsl7ig0bb9z8zltibegduwzi3nah7fnw0rpdi25ydkbcrqj8cc2c6gt3/fqsdxgiei4qqcvj4hmtxs22gan6pkp+fktdigtf25ddq+lrprjibemupfia7l7jeqe2nyawr9yrdxbha7axshw1h9ye1quiyr+h/lujvz5eak3uc2be5erxdlft72js9jyksrv6issf8rnisgpbitr90oj2gl9iknnnlqyf8k6x9blam6rv6wgnl5llultrpkmstq5pnbsltdsci6ogqc6t6km8jxmis/1molrj2il7upusnrslv5/hsk40dziyc3nbxcjlvmkqwwstjqc3l8zcjd7ihi9a7cbqkele97ufocoypjdktuxbcsgq9bshsuatqnrtfaitd1n/mwthdwyguw9vjkdsxtbzkxizu4dew/len6p0aod6fmbufigo72scnuck+yp5uxvybgkbp5vcnd8a+bktblcjtv2xt48v6irbftkgwkrn7lmnm/4x0x3p7zbdukgpha6xz9n22njwqux9puhupgx23ivdiyzdubudwpfkrhj+la//we1tsmvu5xxp/+uohggdqoxyrbl5bjfknj+3w8u+g9blcsu1+couoxa+3nhu8/j3koibyhpcjrbkrt2/hg3+z7g931k5uwtrz+bmlqomwjsdwoh+ereqi5eei7x9o1/axwqlqj6mndk4scqqesohz0celnsb4vaswk+rnouowswiiatqhxj+ivib6hkvdsrnbl5icvx+gdm5keiudr1gouzcibytvu5axlrucdpp30puwfyowpvb2ypreikdgknwt3zlker8attuddthnmzi00glya4nogglqar5j6abkjeejnny2llcife8iz4yw2+tvohkfnsl5nrt4yvnmzfurdj6zasjkmff3awy54ncuta1s0iruwd5g6qfpzb28isemllmjcgygskqpfmfyjtslqibtnt6twnm9dn2ztmkelnttbdw8ttfycja+mi791tbqm7gh5rec7eq17fmzjyzbjdztbvbyyed8iavcgxg4kn6yfqm58s1x6j2hgaqj9w0cyf5dsgfrtarzalvgvbuttiu64xsrqyic+9gsvg9ufywwx1u9bn1jyjhsthuguqqampctl/vvdxs0cyg1gnpjgbhbf3sefkhjbsblue+zuxpacjat9h/dnnrjsqmvqp61fq1e1wjyctiuhkiax8hxwp+y09wdels+zw5zg4osyaok0k5dtle11p13h+cxoyq22pnaoexhsxtq6pzhjj3nbqbrd1zrmzzw0v3jvpe+9pnwqxtxlzwwefqp2hgez9bgolpwth+zlf2zn6jyv507jlj38lqwfj9jphrujlljdmjemkpbdchc5yym54d6d4+aztzv3dagxmtjukpmeqsxsbtrj8xrwcqro+uu95cslh1fldk18gqehlbqmggpuew+hlyjt8nvwyzrh1tdfjs73px02kuafxnyqucf9pquw9lkmrzkkiiv7qthhgynit/jrvedo/uwszd7d2/pbyjeonrmazobp5d2gm3vk5fb1vgfponhmo7vdudsprj1llvafmro4zpbfcn+u4uq6klqfurnk08anf09tw7jnffjsuewngmjsnvmapmkff/dxeiu3gzj+qjpywm9ene6ww/vk7eto9zls0dd7aixab7r65f4xv47nosi+xfw8ryc92wqvathurfu0bt3qqfa8edpp2dh10misynydtcpff631sscufvoormgb6l3uu8ma65djjkz5zcu37wkebxrfzf/1ssvz1+njj9m/xcb3yxyzoo6bigb6nvqcvu84b1s579tpax2axlrcq9b48tw7w9c/pz/mkjzc+ilxhtahux7tymvtxaxsbqg0dbxwymgwxpvyaucsfcioqcm/1h1t7ecrjkdsotpq0ramkb18zxdubttpjuu2i/tjiqhyxszx0hrm41u5egv3fmj5bfusy124zkzrnvocetoy4ur/z/xd3snf/xb//tt/9npxk+gxdigcxqsov8iiucd6vjyxzx25xzenrivkozl+shrvrtbmv7lup70afxzt/952//52//92/sg8widxpt/2fc/qyw73/7y2//63/s3//3/+o/jp2/fvu3/b//6mvg54nzx1jhrreijkjx+xydmjavgc9hd9vpfydnfowskjvezqyzujzdtfji9nyooivow1gvd7fdav2eh8meoqy5w7opvz5uutjcq3brb9gupiaohwrgemz7oxkgqyyr+frvyg4vojjaxxdivs9npkt3ta8d8wldyoxftinkptww+/myaftjyctc0j63ruafbu0cv1zmqotn0rxmgk02njrsvfc1xx5pht37zkwupsafdklhaif1dn8nkb5rsq7fybkzn8p7olqefmmtntly6+nlqtxxkx54q9kvolfzqezhg3aploqnhmt0tr/zg+iq6gp7f68uvl6qiocxzhooktpzb5n3hoimnwvzvylapt+tcknfngf36uj6zs5axrpnswm+la9aviz3r1alg7rstcgsizthkxxeen+d49ta9stflhcnyr3za8ey7gv5um4ffx2vu83xpf8ughbwmdvhoeiboruiv69idi06sffmfxfvtgb3xbndsccepu9+2sh3kfpcygqg3a/2sfi+vxp1fqnuokh7ube271eeiibr9/dkuhfqcyv+7pwxfwpyaisyr8kq6hmw63yann3idn+hsn7vinevod8p9sjmhubgt+jqoyozjgpfntv16ptneegyzttjh81oelmyzjho191i/b0ssi63tvkc6gpkxhc0dbpu63svvtxvdfal4jlav2w3kc4urgizmm4ievlqwjakuxtcrrhbckuyily+icxi6pnvv2xtif1av1vs6nyqwuomjar3cod0j2aiu3oijzqxzdimye2cu37wq+/z7uj6kmhi6glgzddozpdcwilrx/w6d2w51wv4dfqj4z10ccb579eo+3t98dwvnercpid50t+1487emksguwysyooi0wljezxihkc//v3ueuaw+bvyk/xwjhhwdutpz/duj6dkzuua3sqrr9+alfs5qqpxxxtluteuczzkn9qijmnbeavzhmjvfjwka9odkendxnaryrcsthzimgqrnnbvo4fwh8zzcsbxqware9v0nnzdww7rzndixwsgeeatxutd9agizxm/erx/7tztlvu1owvsocw6boj8lubptmnc3oeyua0o3dyblzvz3hibqdq7z919j4juf7gbqpy7zbvzheeolck/y26v19n+/ckboa7/hjj9xw0ijfjrtxypbgjntcs4ivkpjynuljv+3yoqyjzcp4diwk5oq5mhyuvtb4e9ozneaz/hu4rml4xfzv0blqijxxweuvo6qpxiauzjkw8kcrh9mtmf96mqxuuakl+cbjcc4w5fy9ynkrhfxubqpykzwpojf7mzmfghsgybxeyum+/a4vyoarhpjijxijp5jpfqhbkckavaiv2ajk5c4lpf2dmrissobon6cydxa2kwhcm0i/slzirrggwgyzbg2xpi7oaf8tsyaaxg0ahmnkaw0e4/rtwor+vqxycgvx6n1ch1dn3kih9vm/swnzaulehnalovszhv2njuybh+qmgbi6ue9g5fnlsaevk9dlo7r/uoqten104payfvmkzhsyve2u2kdznsf7afjg7btf+q8n6aqtxw71u8dimfe820avmq3p+nkeqomxeg8jvdbdit/pdc9owqp37vkghnzd/t2vqtgc9krlsu/tlmfcwxirfgzx6rc9xxs4ukxoujghjfl8xw7cj+ukwmyy1vrt44qcn7+z2o2avwxdgilvxjsfkzegf3uaxmwtowlk82cthphxxr1vkemgzaojm/dlzsrygtzcvzr7xfj4ikjdn3ce43a0je3s7exwgynbymg9bysqelbg9zoh+yagoiipbtc25e+dwsn2prx5r9prx5d1gpfdzbs9zkjt5mljceywlhxruzhjkxckkkkcywftzznadvrdf05edqj4r1nqtipon7paow0zrd9biqbuq3xftnlg6h7zhbefizywv3alzq+rvmfug4seckz+39hdvsbtmz1wx2osqir2cenykvq/epfbsakciob4j/ugxayytpqv8xf7cfzoboq4c9m5v9nqqh1mk8cbm0hewwjyzhevagtivuoh6aoajz9c8z0xwfuav+i748oyzxcio/revit+c1v13egfbkelfamxvdwbjbkrcmmh+kb9o2c3szayib+a05rm+uso9zbgxyxyj7vdhkfw3tum2uxyoajqu9ew9hf1tyexjrvqgxnw6bsfrtparsvmal/2pf8jx8zw0dwge9vpzy65nqu0uptsev3m50e6g+i6xqisg0jeji2yn2s4jcfc6ro7hl9kjrudvrp9gshv67eqiihr+obbgdg2o/exjvvuye2vv+iefekfom3uujbh/fu83wsqfamzlv0q0nbvyms0ra5oqto2+yvcv4xavti+kktcyoligiie/9/f0ulu1ykcyw9oy04todfv5mssbji0eibvzho4qddrpho3w9gpco5ohpyvytddrswdkztlmtpozcpq3oqdoqyvn6elm7ye9nwe+do2fhpfgpj0dpbaowgdkt62jpsrbbn7ouk2duukwsmnu+3mn+teebmfifjyvb/knpp6nciobb6821c1m8unxvkua4m7v7wyxuae8mfa+mypnffc3z6a5acivv2gn1t5jhqhx3dqz39a6ong1ushqf9/w7qzypnuousnyiecqoar3d0xlledf8sjhl3/v7hz8is8lhytveuzpty/wzirjc3d+o52mxhsiw3c/qbuas4chw5qymkh1i6vcj5eyt6a1ego6r7clthp7plextk/vdpfh6wmkomu+vn08cmjovbs+gr0wlhvpsxy5c1ddc//tnry8yci9bmdwtxymartqdojeohhqfno5vz5okub2hqvmkevjtg5iydz76fgoqtdielxt7p/dsjfgv2nuyctydviezwtzokkvalbt2aypwdfto+m2oldagap1m0dpx81rllkk5cwgyi2kfvoq2hz+hv+/cnnpibywm3/eqa+l7vi0s7xvmpsd8oodpms8bznxtlotksoreb3zt4gtr1q7p8w3mtvole26jzrdmb4/pi5u7gh91l+uzpzwtydbdgmhwh4hcb/gocq1ywdnarzlrnmw96bsni20fzwqrqsz6sloxmzz9pae1252a2hipia6j9ib3hezdzwwrhnwpxgt2bguvpp+i2bc75bsvz/zasqssghxqjtrw10r6325y7lptuapx+wouaqogiysqoyuspnptbhhfdj0vohcvat+yghzrmaoh1we0mqux3rf1e6rpuwagy1bfqczfmkimitk389aicv9lv6b85gbc2kao4aiviztwiuivts1xdhotqqxwzn0vvljbit6knyilkco+vn9+jgfn9thjq++amn10jhyzcuiqnr0k2su8bwn2hbcmr87e+cm5y+a+aecfo+mnv5p0sq2+bv3tbe6xa8ms3s+ihhh15zcpqeau2b09h2qoskvso2h7echkxjnkn81nps/m6zxbdtdmoq/vs2rntivu9jlkphigson7gm7bgiyj+necqk7joofszp2oxpqwwchzrharft+1bal616wu1xgejqdcytxbuyduq/y+llas2zv+zzkahnoq22jqk/wjsdsvla2+zk7nj37v+tef7oaurn0msdzahdaqdr2pisciiusw678l2gnosdc9g+zhjgnjkhc6goh6so6qboz9mbzraivhu06pmrdifz793+mejdkrimb8zdhmjmfyxsddjkmgxsdl1nwscf5/dwn+rdvub8h2bbssm3tfkors1aghvj0cjlz6zyfylhclb+vlivhtomdilmbrr2nd5/h+8onhzfvtai/l2uiwtgirlfppwljjrbowul0r4/qwqgbc+omgjedtohsu7jiadtrmv/yyeqhjy1xuhve3csw6z5hpdxprlsmj662ehfypytvbyp34cqrnooyuzw/1yatdyu6syxhtdhmhdivjcnh7+px0gam2ub7vbumhu58zqtqtjygrb8p3enn4e4lb40mfqn45rsezfgc7vr5q/frfckqqb6n8yevhlte9x1tbtqpt77195m+887nnlx0my6fvqcsjx6t7ubnu5pgiyu5+sz5/rzmoxnzhioyczum7lc7srbgk5o2uitg14gvlouceotqqzgarpecykefagvnan/m1crkai9ojsw4eymyyrg4kiv+jlr4n+teau0gjsb3yix926yljorbycl1jpzui414ju84xsj0jovolodtjhalk4rgilfvenu+8iwqpkdwq3ykjoqndwlsgdeoenx8hu8agpbclaifnmm0gubdbooq3p9jqolc5qxlmxaxiasrva7zh6ani4j2bitz1y1oaduqzjyj6lgjj5bcsy3vtylldnoo57m9joygz2mogsrypzl4xodqk1+wbo+bnujzp5k0uy/dsaheazkyjtcd+u2fxf+wnuf4ql8oczptw8czmpwpbp7o5ueetwcrm4h/iqvshoqdzepd9pebieryrwfbqkuxxcvdi211pulr19l29dwoppgvxgtpet1rj/v0krfznhbio3hfk6t/c0wanlctgbnhkvw7p8ulrixprwrysoe+7khtldpgje80mz2pkafkwtbgxusuui8pom2hwwim/kdnqogctw/x9odqzc3jlom83gswq0unktoyt1zii5mdht8eo09uvhua8++hazxyhccffogvunbzgxfoz68ozb1ajpdlfuamxx+juljvdyexpamgc8bwngcmgk4c8dzstuiad0t2gfdb/ecjem1ad0smncn9rohbt2nfcisb80yhnrydcfyszns9ax5q0orcy93vcolcaqzbtcmwn2omwcal15rrho+ji7hpsfmzenktxxkczxkak6o1swojgzjcnycstbee0k8jtjlr9puccykpakuul2bhjz+eucgo5prmqdk1ydmzrue9d9jtk/qh2y/6nzg8xqpzw+2u3cvsw2mejwozlu5a4xztycspavd84pac6ckyvtjoqv1hw4yqmmeuqr/ls70hfivilbydosenoolp51cgndzllpnddrviglscbsjooesi1c+/2tto23bj8hguqdffh99uqrqenicujzauguy2gizyer3crchfnmap4nv0pyplpvq9sc9qy156ukfg3taibuxth9ncclymz2sulszqephmybib2mols0ulusm/vkn1ztxdoh8879+v7i2htn1rg8m0bhomvj2cji6ktcd9j0olt1seafmjsa9uofxz7l5xdmhinuxoyeorn5egede+ni9ncnxwj61opep5ekbttiuyans50rw32ouq+jfalwibqzevjsvpumxy26tiwwdurkfa4ncsksmhvd5nd0sh6ogeh938eljfbwjan9xlwo+lnrvnw7ws3e1e4gyqoxp2yjklwx1ktsw5fxztpifnxblmwhecctwtrhiuapkb0cw7x3m7my7qbl8s46zwaagcok8+q7yf9iex6doc/1cdzv9wsriv+0zjkg83llzdzfj4axyqps2u0zws2k4rkuim1hjh9ogaxc80mczscpjmhnqxauuill6dmtjtwnnv/1cgnmqsep7hohd/nldawh0ezmg6nrszlf92+3orxde4rtp4bmfrlq26g5vv6pkv+p6bgamfhw4amrriarbrcynhfrreo2hgyt/ly9cityrtcigvvh3cwb7dwqrwnzj8grg5ktpva3dm35rcrk8zbpkqoqjrjdu5hn7/ue2ognrix79uo9gqdzu6/xdoxnjm8ni/zpq1zz0qhkju64yggfbu1+b7wals4oqgf3rl3lo9u9v6b5boxwsdaw70tp0s5jo8svnohcoo9m+l0sovqdte/w97lvfvtmbdks2rhkylnnyomv/xurg15kquikc2w/sqznspgd0zm4binrxuc954uqcwedflyllygvdsrdoi6zrk2d/osi/0k+xqv+caryic7i8hfvqukkjkko1kb1jjdkka1w3xmkbvxqhb1rv1islqefdvuotxsi2jfxz+q+rlihehuwu9cuzc9tz/m25tjrbybopu1lytyxhtrjf+s55kvktilu8wgfmv0zfbksuq9kxgi7v4zzt9dquey8lczvpw18ryqvvhvablwknx+rqcc0wthircxovszizhobdubwish4ckr93jq4zqi2zt/mglivrynkqm4hayi5ky1ernqg2s39v3oluqvijfsvtweisqxxihlxyusdxwse1bxpiuzawhcod+6buuqrhq/lqzyym1iziis1xynn+sqlzbs9ff7xjghektb0appjuyqlymom1swvt7zqpyiv0jzlrare/wt4vx9w3rto9l6/x1us+/+clgjnetooe+l/z4d0stwf4yzu1h1ux6jcuewedql8vc7azjbupiqxsownktlmcpdwbbnpweaj088iz9w8j+7lwktngnn/ccqpchkzj1ax/1gkph61uoquhcxdv+zsxcilb6jlbv2ayahvs/l6ac5ah0foysxmrper0htqiwuq37sadccomedb671fibzeclzuc2qdk9imy2s8tscqjehqvn1wxajjkj1xusw8umegezclp7yf5lao9plv6jiwzuazkww0oxnli7z84blenjdlwy3xrdrdh/iwhodpctwfyhwtbdwpxa7brgxbtzz1tp3opp3fkt7kewo9tocmje00srwjuewjpysbccegfzgwdvzkixx0jvxzvbb/8vxvesismpxge5rfhcecpvk9vdbi3dli7dhhmha1vwbf//ajnq914bv0d2zkzczdhjzv8kwvd1bnmt346krdjgdgtvchbbv1i9qz5zcfvwn5pxg/vhpmfubzduiitli5zbnzg+vglmzyeehldezmsnchtxjshsper2ya1ii6brpc66vzsmfmpothkjpdykprrnc3xrwbzpfu7oxmin0rwxq7oxrsmhjejxntrwkcunrz+ygisu39xdtggjed6kjfueuw4vi/njgwsnoxrpupfgzecoyrw4sn7kowjh3tf2xdu3cwpglggr+acoc8+bulyulgrcxd3lpgrazmwuvymvwuysa9jhandkgqda/rrmqjxnnrz0e3xuhibhdj6huvc3embmqy1ekdxsvsjwrjhwrrxwq3ogb6lggxtketkmryd/nwfnrjr1cp+ql+onw4jbp5mj25juqznjojhxuokplb2ihxq5hym1cc9tztfs7qan2d5disnmdiatlgqiwzkqmqkxvvxput1bktmvlki5y1y5etejuxxhmrthjdul/rcad0yqg2o0yi+l+lzc0qitcvxnetd/nnqsnrt0o8gyy82wqlpo7zsi32cwm6pyfm2hi+eylwhnstpevdlxhxt3wgjldptygzn/hjcsvbdgxdf+uxgth8pj652thm7d2mv6wo1dqcjzt9dr8strgjbxtxebjli2kdqoqatdlddwncihlg97llmoupirrjvicehckii71ijt6r6vudse3d7uwaszlc+2cr9a5pszoqfnj0qflo18oyepkfhrxgoixzqtjd9voj3uhfl19ex5hhl2jcqooxm/06llqtfmx1rmqhly77ysa/ratbzlk+is7ivm8xos/bcxva+kmqq7az0zjoxij63gzcoywakxvt2tyytugy7ttqzdmrb9s+zr9arwdlsdcot2gjr9+fqnurhx98psyjev6aw8+i0/gpkg9lgk0vqp4bano5zwbhsbqxtd87pbblyokpzzf3j/eup6gho3q+zgub+3aztpdmmff6fvcqmkulitnvmnijnbmo8i7yv7oit65rsciseti0ujanbyq9f6xemy+6vwq+15owvn2xgzyykkesurpiiyrxxe/fbqu5avute/2tirw3o88jutu4yaayawgycuioxiavj44cq2n4ovd45+o6fawzpnqsge21xf7rqgd7nqqtr92bostgflbnemds3m2k5fvgtcfaya8s3p4xx4wx38itxfqqfij6+2jyuclycqbwe8jhvkwkguolv4bzhyvr3m3qypexxkunsnfwmg2dsui6+4kjdtlim5fnytswdd2xa3k1xi3i8smzxi4e8zqkh28dlrhtvxf5x3hklsx/wwrnj9tvrrtbmuivupdrkgfuccjhh5rumvfu3mt0sziwruimk8dh96chp1o5unvjqj6v40ljldd15b5ct1p/qndartnayyqircmntjvix/cerchkyplaxtpxlotbdregw/yvu5bbpresq0/owfcsp9rr5p/o2eahhafm45b9z0u7sb8mpnfgglkurev0vjpnlo7odwtucejcjvq5/fw54kdub67mrmbt3ovltsgdjhty1yyi+ty+lprpcc0lnc9+uzj3ypklx2i0lrhm1u6tmwkojkwe56kyhiiqtnlgki467xlbjizlsutb0nyrp+5wz+k9wd07tteq6lh+rbmgm+9bv43gatq9j2pned9ymtxnyooszudri3ceskyenrt5wrnqqovdndovhew12quzcabu8puk7uawfliydtvcezbnkaszejejddq3zq/b2mi7gyjhktjj8/ztudlv2vb4yvxamdh4xwg7ruqenfc6k2ujw850yy9elffixfuwb99rwtavtysl3rc2dlbslwf0vq+uzdvdzwqwerx68bf6cquhkcoq3bzxlg5e5wsfs8/wv8tosr5xu+2yy25vkzqlpnye707trrf5ia2mywbs6jiamv27/xmvyypq43fcpx9razyiv7ifcqwa27b3wy0s/ob/mrfldot0mff2glkkcmzse+tuukpnzoignrhy4hz3zf64qkzngcldevpivfrkuzz34o/y2gm/zvvh1xg+7cvhaxjf0r1h2+k5ko67anzhtzmtj1pqqoatbsa4lh4owg0zqfk1gs0dzboresvuvw+ogtd3v+be1roezc50oqbqvgapsqhw66dwfcbki7d9ktjyybvcbj05tlmb/3oaubnelqslctwb3zv0pzqqd5sikkh+3svwpjhxms+jvauhiqusivjdoxwwyoqwdaua+xqrmaolyecpwtflpi9sxg9rznpf1vxtzwor5yy3zkjyybp9fiipjvxm/vtygnmktcrvj17vir1wg/nehzobo/bh7bdk/5xunyghkhtkbyg33tj3kokb3teg3qtsk0uy7emkztigytt28lhacih85hc9r2wagaxz3asnk8r07auukmv2aebqxkrua4/q/w5ywgr9nq55+a1u9k1ntqwxju5ouyszav91i712jxnvvkxiobgaw6p7hyigm96wgw3lksdz/amyvu5zw8sflysptellcoyuy30po7la9en0pqy+1d20r3rn2hjfoekc8mf8tkavqixh8cec0ovtxuafbkpsgrvckiwgkjr99vf2f0uoyxmiwrxxaaoqlqbsux/ippfu8ns0eriyh95jvp1yltdonbzeaarzqpyyoqkk8jcq529bodsh13dfbb6/cez0iak3kez0rpawcxbnnvamb7y5tmmymvub0nftoxq7imq2ik1omah7a6oscolo5kxvnbs+hnxkhzhby6n0qxbzluwhwpcreqzxzoetr3jvdsorlnohreuhgi/kurrbmxvh0kord3dgkwdpnl3eoufqq5n9wg4ot8njcsrmfchhufrkumxmdfrz/hbunwpijfxji11zvtbpldl6wstfbjcn2vysibrm6qpdmjsc6hwfvwcksupkrfxuvlrgeu+gtdh9szxlpn04j7tq/bx0c8v0nxsg4lois/tjre2gx8hfn94apkjeapd3guvgim5shjcopdsqr/dxdoo6wmo5davmfh6i6ctz4jlw8sucslq3ums7tgodb49btunzqiyxkflmpp73flzfksmxzqyaz8fxnfsfwbtpalw4dddvd14x1l0haoa6jcajmzbachft/5xklu/unsnst14ef1ihrhq60nu/ozeud9ts6soapepvs9sg4/my/rtw/hn9a7ojkor7qhdemfiidpg+aoaferv1gthx4+q4ow9l25dt6t0gdll5/d2/7pyzgzlj4m8t7nhvz/fpjpjfxmhi3whcx7baeo/kctvwzb8ur+sknjfqsdjsl+0yem6qtnpqhknq3zkzt0hizn1mnuwxbigtypyyjtro2qwc4dbsot7dijeuwush0zpjmragn1ioedamabndgshxyf9bp7a3rctuimr4/2ogkxujq5zl8jzwbc1x1musdtzf5z+iioveynghxfzhxvaeed1zodf+91xrls7e0tr7tulejct3ptj5mxfedt0pumupaqyipqwsmiv0dw9uoxhpnzdtmyikqdpm4r1cddknwva31pxkf08e9jjmxwcvvoorax24ak4iakrirr3qxc1s1fxwwnr2trsdthnamnputpemjbsdbultqnimrwi5tqgraf2mf5pkqezdgac4g2d4l7gdjjdmgqhdgag0owdiuw3u/luu+a1rilnenfixzzt0c2vtpw3zc4t2rtlvaz0bzuzjr3ewgfrxmeofqbfb+ti1oxygkffxrux9fltuffsby9myq4drun72pel126clejxrkcr3dqwyuwceqfb1jvkx0yiwvh3kdnohekhlv5fezhjicyrdxsaoimtgrium3lii3wfmr0niwryvgtc7zz0ycopq9ijietyzrtshgllenq75jyxxlu19ycf/viqzwhm+saafw+cwsunqaixa9dtjxutrnp3vlzmhkdo38tcnamwa1vpu9f7jn/3b2dyeevjttyq6lz7mkxfjjf9s7xlvzrzjoxsbtjxjq10w65yemogexks5v/ywphfzq6gihnvcgpdqwuytu+jdfx7ftqjouljzsh9ac9knxzvttieubz2ytotpwzybrovdzxn80aemu55a7aujoxbjoqoskshkwvwzqo1w0u3jlh4457szl0okmucehlffvu8avrohmippjgodvpewwzlstzexrkbqizprbjrp339oi2nomvfytai/jnrcqwwcwqzkzuuncdxares4xrb5dvwz1bm8hzhw03wxflgalpxxlnu6tpvrfnjhkpwo6tmwunalvsyqllirzwviapqzsfvdkyjfpmtmne3hyhzzn6p0pdaq7574d3l2gn3zpciavek7wzne0lywtdudjcsdc9ujrurbrlh8nbvzs5ghkrh1zxritsn867n1c6nbr52fmo6sj3uar2d2ihnmjbuspgoeyz52k7prkuuko9kaqxthwildnmjtie/j6m+bjbzo6+dvmv1pr+jnth319mrroboofvtgpiswdbwlamybxah9rmvar9vtgreiuysj1q6u8smathmdvhq9pdtbeix3etoawd5nkgpk5eqq8ndpc3hwnowgsyzmavmbfnd+pztj4ph/fg56dp7mn0gjfc7komh4pmrkdbnvqp77dwfioznzmcbslc/hq+vnyqo27g4b1+kqmvf364sauhdinka21wzgum6qbmigjk2qcx0hlou0+icvjbojh9icwrcndssumgh7sak6+oex2k8ccdzph+vexsl/wxrxcnjnz5zapdsvinukkwjkxhaa3dpcoazeokfir2evcufaiz788m2++se4ef3ws1yxb0dmch97ewovc7p9kvcpjakzb/bxoutn1lkuseabnnqntdmpguflbqbkwlnvdu4mam4aj1j+zwevvn2z5pouw0t/racvr5cldd2ijwl5zcqnybxe6bo/qqv3tcrsptda0pc1mymt8kqxfsa4eg0c4b5ckxhbif1jcdzvg4pvyoko/gquwsvthinxg9vcyssfv7idaqvbqxszelbwvwjdmxi9qi1g7vrwnlwtvf//ow/lxi8zbcuirgt5v5ojqykwc5br1k7jgguki06izbs8/uokn/dhkwwggyxanxkfvntxotaecjapmauqirwpxpxdpba7oamgkrasxhishghfzwvj37sscglla2rfslr6njwri060viyhyqx34g6ttmooen0ylqsr24gmnx4x1hj8uye/ne5opcp/6b9+teplrpfy3jpwkcodizpcuuqf2h2cdlyknhcvhckyyfj4ngudq95qcfhry9uqnkk2t03qcb7q+4nabnm3idobxijyumzstjdsaelathlg0cdfnjc/mxbtz/ddkotkajb+9m0kn/tm8h8rxasnms8rsjkqedwavtxhjihv7nd1daa1rfzx5o24efxr99ldlckshgp2txw9fximagc2lxpmueuvqcbqrzdfwqhyqc2omq2vwhp5lauwx4xtwj/ahcv+z02swsldia0rj2rad1c3xbzzm7kyzojh0mmiqpox4ncjpn/igkzq4sbj6sl8bkeolpjuldlioqnv4y36eqixn1ipmopk0izndhb7xcfmne3sssmv0ms1vnvcxvn16rbr9a3mtbejn7aiargwvq+5g5ugbbsl4wcrzhpl9wb1ai4mnrskzk7a7c0wpnwvvwp4+xu4dbnhoqnq1bwahhq6h73l30lg8lg/9zmzc+ylveqdni4myanqoasp4+djeqebcmc44kljasjir/9lzhxs5y3ipkjrsqubkrmi2sftohtvmpi7et4yxjsvs5gi1wf3a7embub4d2pz7prd7qjfuhtnblx36css32vij9dnt2q9otyhmmrprz415bv6mjdzgjelzlsdqgdvifuxk60pj4tndfjelxdzkzf06qtemfjpjg2c5dn7+1excsnmamyhmesdty91zbb3p4ep4jwcddhi/sln3qf6zr57dyrff+u04p7iuofugmqgdcqau8mjweurcim9yv6idsmbigvtbbkkb1qdumqwv5pghlnumeqv+55zkomhaz1w/v6yvtr99tca7u6s7blifqjr9s0qapdqmd78xbk4wry+skrfpwbig5mbla5fhnovrdt9x2mqadvlmos3hjyrbutnhyc6hmnuysjmughyle8csqjoy0gkn5zllv8vhk/epkf2veupvno2y6wbyldbthlnw/rczkzu7wrcklh4uaydl2dowqtkw0ssnw1kob0/qftze2glxskadmf686cutk92wkannonqku38djmp4ncqs0qer3jnoydw4bicr3tlunxtz+mycr9jjk4b6e85ppetcowbqdq4/d/+cxnvwc+ntg7cdv5d9vnbe+8a6fdef43yeihu/e7/9mqfrg57bpsx4dndh3t/q7bdr2j0xxtynwhqlgisudhg1lcdn2j8eped6oiqouko3i01uniqczc62lzsrbrjrdeanqs54kf7fz0ga8itudoj+omu+/fpx1+mui+y4teugve7v3b3pkcbpg2looret31pyuurxcbqcoydy43jhja9qritviq7mzcavc3qwnprhw8ofizj4pdz9ec5n5s3rmyjtxnqxcstou3nteoxdisdwztfvwjtvcp76fzodk9dmxyzt/1vji9gj+qftsqzksoymvrszveswjpyod7hhy8kkgfwwon5w8ehprp4v3bpbkncclcne9cgarnpi2lugy1vu/uqnzatq172itegogf2cm3prw1hofzxsklrsam/eykv338mehxjnkfxdnx7i6rtarcjjecfhnrw6lisvv6rlzcl6k6v5rpkvfahlniqdznip9d9rmmknvhdc8jo1pnolvlkk1vwfx2w1izh8wtisrvctskj9auibnuto1czrm9ysbmaovuyravg02ykmrfdqppr7zn7zgvtcojo6esi8kqjn0t3ygrpipiqg5jyfjzdo6dfu04wjemy3znwqjrd7serphng8kuknwop5nmaciijdrnew25xe9i3vynu4c6jar7u6zbnit5sl1fmq0wesja96rxub7atu4t8ptvrngeymatqirom2x1x53d40krxdns3rtxdhuy8muhbiezc2rfpnpfa0zuavubetbvartkfwghkas41/w2h9hxn02luwowf5+xqsmqd5uywpyne6mepgyq6idtm5pyqaypfiy1y/zjf2zzgj8ld1ydgt8zfnjcglujgwuirlxdcwerpg/ip4tk1xw2ljiw9nlpi857m9tsxp2ve2xlfn+nzqf3l3lnxlcbbdpk6h+wutaa7jerondnnshvnqoafsyoe9454ylonizdc+jnypmh3v8gks7qjmru2mh15ptddbsgzky066oc7nprzwxvw+j96jjimrojpxjsnnlcmvju/djilrzuuwuv6h3s+h8yfooqa29u/tz2hf3kwbudsq85p7yetll02bu3st472vg7nhsvrpqze7pwwxsndbxc0fm2fu3izuecwwfhw2giy2jglkcsle/oxssq/jwpm/wi9hgfikzupd49x8do1jceoee+jis134gsmn7q1ieycgwgketut4vkdhn6p09rc5lkesyd25vlkmnx+njtnyec15r2nspelhfs30ys72lvye+m5jp6k0almnw2b5ya+0ijz20f88jyrb+25grqwg5cocvs+53d4wnf+rbgekg2bajcftomw3dwqmrlr53syras5gzot8cw/mct5t3ne9ao0hztfrmeqpjqh2yazrxm7tvjwy7mdzgqoks+ft2xww/jdytkbfhmbqzxnugb5wy1vlmpobsld8y4oxbzroul2abjsn0rut/3nezobm/1fc4q5av1iuzuaay9uxwkny5pwbno8jcgycuzkc+owtjxfkg9nqzkoispd69eikjbe8j2ltwkgkoiretjx8+isupc2gtnzt1bohmas3loiovrnbdhypvenapnqpobvpa4jluydpnkz+h0e/mj2gfcvhnarpowrp1j/tqprm7qyn2phxutsned7lnpiwesi4ivblnnkcw5vlzrgjexxjnlr2chykf1kgxpvqc5crulsqh2fmnpy9oy0rneekuwd/mxme66t5qt5dwiacxrtqrwkgdq0+gy93pakm9py+xg5axekfydhhlxq8ptiox7nw7ujvlyfnojyrxdnpaizst4xyl6zcpowo0e7uaouhczoqpjsfmxdqnzou3l2wmy3flaklo9ylx3i0byhf8kmg+qiiuz60mvt6h+fe+qa0jf2dj+oxmipasnpbkwlkbp7ejzfkxibt1eqzqestqneqlbd9evcm2pspry2r07cqsntsex9u721ldcy2ut9luzu+1gxmrvb9ltmrdz86ypkimuzc4f3fpc4taoqvinctfta4rnnbpbrsni+jfad4etswb0l/9qvrxjiw7wj6raqbcbndjizlzpie3e0xsz2a28iorrtzo2vpfjghrilqyno5uwulh1a1dgfn3n8tfutapenxprcctmrbrs6cmtsj32qqtinlhjpvxhrnntkf956jin9tiwio2jib4s49zbhypnh7gwi9hsz+zmjojllq05f73egvcdcokxyozdbla7nvt6gq1uashmc7l8xpdkvnf0d0htonlqgykykyyrztv5dslsghdslppspzkumejl9etyoizrer5pwfrkemyydqqmu+xi2hg7vtgsayrqh6uuj7gaqzgxmtgttwq2a0ecxf+7w6f2vw6asmt92onixtvc+r2e1pbnyou1p/emm7ur+vzpxl8bwzb7nqboyuh3vf0knmq1dm505z0kt9f0glz2fvks4ybvbd6ycpzbavyi01bhc+dqkixlatnrur2ljod8hokjkbceffsh7xj3el9ym9ttdclqiiuynpypu3g5ikn5qnxhjp6nrubuuqlonctixczyj9v3xdulkwlxget/vb2bd2cxjghyxducbgexnwrlvj55duuwv1tkrm4a7fahnuhjkzrqq9rv8vznsqam59hk+ew0q3bkezgjs4eggdupjcjnuxgwfdw05hihucwlfjacghuazdrtckuezeq0sk+dvdiyoh0hdjl/wxsis7x25ebb9u4ep3g9ddy+fq+ezudccsqaodguywjpwsohnsxopdot2ajqlmhqwdmy06xsvxuyhsjprad9cnmk1w/1f7q9vnmdszelwep7ds/65mge4kcbemdzfxfdiwova0qv9njvzqmrvdhhju9/rtqmttewohwysolzi8mu2hlofsvjog0rrto8qari6d0o/nvthp3l+0yavwu/zcxhiqjjo4fkj10ztq4hhjndee14ygdh7jbcw5f4/lvyjtb2pklr3m0za4yoflamdx2/zhlms+as07yszhjrun0e+fz6hyyb6++wxwxhfdndbo7gwbsperfyp8ywufv7dfqz+igfp4esohdigmq9tgznfmryxutr3q2libsci2qkc0lpn56dlyedjtgihrn0qwcrdm2tieuvhmt6n32zojgmrks2wwzlgwih3w0/zmm+v+ohgulxzezp1mezuvhjg/r6el0fku8cuejimrhwcaumrlxr2kmhomq2yelme13x5um1g9/xv5zpvoqzh9wsvcg7xkwbcxotipkrmragsmxdsig/3mc8eygivdsvjj3hafndtm43ae2ej4rbrwnc3leliyxz4qbwvvlldkcsuii4isecdvvm5nrcjy2p4bftqighioli9fzkixoyeejdx7v1ps0rb5gs/xlejmfr1tvwrduzbvasktw23uxpjlkgp8dzuoqk2hnqs5s/yli2ee5be7s07+yduu1x8z4r0qkwur97mlxofofcdvpoubthi5a+adkmq9qeqtx7vaaxedpgd9shuqauetvhmdf7pwrlgklvuktvtpqedgohro3jdc223tbngntrtcnw3ey7qznsxzij8itqpuquwwjh+w3oz8rmsrhobl0edbxmnb1baijda3ygz90xsp47o4vmhbwv3cuxynthutgn15opiaaglmlgmyhf5lt23muepqxteqpa1yqqqe4er5l1bckx3tthiftxxykc3krp7q8j0fampcuckg/z3rw3nrvtaticbqjuipmosk2pd+ynqzde9he+mirdvbxfcczo1q6hncyrk8qdcjkovt8rt77ii6i8eroq0rmmitvpg1ijaonkwoxuhzyrgzrwzlkugwvhumh5rpcfycbuxmwiiaoqct3gh1qouqud3yxk99qepfwv0aq+cz9r4j1/t5+hipsafsnaewji37gashk7tn7u0wvnbhziezanexv3swfayvmhs1pdao7veb7lnqkdpi2iymrdlqgebwpzrdpeaed7nhtmr91du6odudiokos9sxeyebqeax2f2jvs2+mpsc5c6hkyms1dypxhsbu9q6paudfjfnzlep9n3cl3hlgrlzriz7ybd9i/zqyztpjueyretpxhr8ydlu0oweatksfthuzmxmn6+ckovpmoiz/tvxmrw2hhhb7renkq8mnyjzejwvbcoxzyy8fu2w0mticmyt1vfkh6gsi5j5n5u6mzmdng2kuolleelarkrglbuzwzwjm9743zwy2mwdpqg+lhljaauwivboyrvtyxjfqce4b8sf399/cufzcykkuizr2eunntzwunqid3pckw/lzqxf9loep2uqeapdi8euxlzug4cthov6tybgye0d23gumvfjr1pkvtj9ryvfycdvxx5tndlx+bm+sjq8sfsusbk0jtxxifcm33oqst0lz+6dkesexh8eukeuaffgt4r2ivxr00dbub0tdybrkcetnz1ntmpuzlqm6y7ksoitnkeks8fpuxjf1xhzu5pvv/qcj8zpjf83eeivdxh/umchdvhbpl1gexgvm0h3v3auiyny1/pcxwcfznhplhhdubaaf+5fhfcjdbydxd3jlnr/btq72crj3lml19dekiyplgmrlr7hxun53bv6z5ceqimsdbs3dxt19kcmgbmjuqkz+efp/8zx8n6fvefy5p1krmtqzacqxi1zypsz9bfbdx1xnngb/ne85ygrpmc6tdq4+aqvzybkywn2ehjtcoo7/vxgc7dg9tg9hsuh4k69d7jffrisvxc2etsi/ueaui8x47b1wzkb6bfxv+62jsxbfo7x7rq9s5knb2abqlqotjpls9vli+ka+ey/1zrdxdkexybwqioglhf3ip19eve8mowz1uh1tkumclisgcvqdbcawww4qk5ixwyd07izsi4lztvbyawiasf5duf8glgaxdpetel1mvqiwo0ir942mrdi3kff087oze1isldaal1ow2xi8qlc6hskpsq+tkqd4n3pmzx7oln5+le9yw2shxfktkkiufynhq6+tfrmzxkzdyvcodh+9o0mova0fvnjkeo3m5tacok7ppmq/qnf2vpyrkeay972u2s6gdrhhnrydj7133phcipujqaeh4dtivcpdpaztynymzdqrz/i6yuohwaa44lgm4yn5ircjvztatvprthl3upgqiqgwpn1x72o+ozpzwijkua5y4x7tgmdns1gdzdkmaiix412yfsahvfo3ufvwsa4wrwxm76r9je1qrdoy4qngiyygdhbyaezlm0ggmbcgxc4aildojehn8o2y6b+mxz3/el2pcy+yjrhm8tfoacelzm7omwhgvl0dw0le8ufegfopbnge7zduwcucxxdunom96wkp1gy2b55fycfgl3ixvqfq4szxn4rd3yx6s/67kj85jcpn6ed8cwmnubtltp8fr3betyg0njgvots3awxlis+rc9mhedjwtclp1hcqzg8vxeua5r8votyvakmzwffzru73vvusqyry1btklig0x0jugs8mh7dbre7orgotphtqq4fpyb9iz7muhx+pf6ooe7/ov3uesgrmbovdscfrgjcl8gzyvqgojvo5gotnrqrk86vpcnhbgjoyzekbkgajpqrgisyoyjhyy5i2mn0zx54cktdqze6tqklemuneli4ywvl5v+9ztxnpzkd+twbythe11ohzwwfcwiyhc9me8zegrpcwho2kw0gxh9zwgxdeva+rubt6mgevrofrrz4n+yatt01uln0e1ui69extnech7yvxpx556+saz0zwiy2eu/nue7qtgvcpvwimxiyowpt+0ch33ejd/2abo0uucl5q1oy+7yzbaefkxgpdgi+cgfyzdjb56nk40k5mpx3xym2x9dnbyqutahgido7jv1ppssdcty2rps7m/1w+tbgxy6ru7tyi7ev6bvvpsg6e7ut7v7zhxjq17y0a2pydklifvjym0aknsx+jpt3wolertfex/s+axjaotor/nwiy9hputvk9dmjmiw/ze5txiymrye9y+5rfnrpm8pst9eu2cy7u94cfnj5s8vdbu2jnieonqe7djrezh2c4vqdsppx5p1w+nk+nqounwse8jnbrj5bapomj7l0qunyytzyig0uyxxts7p8lstleu5bhzcvh0vddoj7biwshtylcbvlyvlpyq6ukvlzfq85od/osfhfj3sowayqyb1xyfada6jmelle8leabxpsfwpdr7zyzpnojmchsa5okf5pwuwydqhtctq+wuckzixtpzkxoflgpt5vpizatrlzwm8qhzn+drtcmekvpcz7uwggo0nybw7deeulqkqxau6/w2hnlisyx2ibobzwffmloanzbnphrs0+xdrdusz02hkto+zsindcqgueccaxzsumbfk87+wcgvkqmbh+d+mlks3gdet0eydlv6fndbwxtkhdwkferuhmty5o+lfevfsxso/0ftqrw843rhgsksyllv9lvbh6wao6ttjcg7wbrrwfz3e7bcfusywoxcovmwmtwubjxeq7is7pcs63xtxrvrq82bugghcfafh/weo7vwr5hmpxrxzgjg38ao2evy11vzu1gtkgxvfdisqqrg9xrbk5cvwjmq5fqqx3beup3mtulxfg8mjxej+yk2tmtdahz2lgpkh1f5rybl+jd9vmhrsjgjm8k73b92gol93n2/rlkuzz1vjxny5pktqbrdyhi8++yaraeme19i14vebhteibo+jn1egg/bth2vhmr6soinwpmmjp5yqqd93ql0hcmh+y4hrcygew/ctmwgtavvontssej7ybysdpbrrswawpj5yopaiv8eymxmjovaeehsazm+6tysyvin4o3m4gxejaqw+pcngwqq69weo2qjq/jg+kjwcypsh18/hwwezqukr5xpe7bcpp1p5pssdqn2zshu6yosiqf5rvx6jkp2fiai0wtmm7eakiue0xklrfih+iaxikalk78e0s0o046lr0n2kcj1+e56c9oqwmi1zidpmikb2bwvatvnffkm4qbjd7i+vd9d3/lah1kewdtppepoac4lnmmua1nf9zqsc5pj5qrrpjpmw6zuz4kgizmmbkxh5qkks2bldiaxboaovmkv8e+plgjuwnz7hpxeh8xewl9uayrlo5o5gkofhqji2k4qpdvbem87vr9k1ezgf47v7bdrd0ejpk2i62fsyyofdtsk3sxqe4eqghldjddahgqfvyhezpgdyr2sjkjm4haxlwzysgaxhjr9j6cfac1nc5lgwrivyaq8ix3mcdr0yb2dm1c3mptlffvu/va7nmtilkrakjclvyecbq/7r9dpjkogxltiihhhz/oyixmoabgx83ilo8+fneuvr25j72okzfycu167bngnkuy9ivkhw32bgfg+clthlff2rpmvisuvh00leygcivto7xbrf4xjxgxqk3zdkqvg9vw0yq0paelopb/t0nvrqj2/rlkx0qcy7ssrfb0rgkkm+jrqdvgmbvabyc2wub5vnc8hnhvlgkzo9t3o8yf1rw/ckhypbxqi8oqmsxgdeth5bqn8/t6km/xq2lmvjom9vbkfgo12z/kayx1yr7yj+hh/aloesppeesv1om3tbmot0bc5espklublu4ifvaoeri5hng9tw8bopw6z08k437crftnktoie5ttamspm3oje5awxynin+u5i0rvzxyjqacgridaxcp+9c41/wrn70cjyeqcfo/nmymybm3rm+nbf/lhmwbpm9hdivokps5v7zx5j57eierucwlpw/x82blcs5shsu6ao1b0iv/lmilkryasxvjok6wstirhtxadjgnxqf6ajwfnyxl64v2y7hw7haxztjfs2ergugvinwfvbtzfftntjot5v97qa7sgvtyivndh15agky0k+wa5misu4s3iq7ck4e7k7zh+wsijky4lrqlyw0nnkl+y3h8rqtrmdxskebdm3ekcabpq7eq2qgr9mwi13dgo8xmnvcmq2othd3unkck7qybleppcdzguvisbhspxanvwxuwzkafha6q3hszudkipzajixig4qwjjif8zcib7szf/p148f/95xqvq0lfjlpc1ps8put9bc85slwjfpsebazrn/8/qiq69zpyb3okhfgd93cvets5yfdu2i4xq67ejpxl7onidyzmvhhhxiuv7asr88rph2vec4rcd51xub8owbuxp9mluhwudpuxvizaznydyl5gll3exgqbdkk0o3pki6absxt0guxhgyxncg3enhnkakr9lxtnpr+d6xhlyzmwhdnjoqz1zxcqt83pbodixirdwea7dc/ddw4kqkmdhugeytianmbccrmexxqxz7b3lwbnsd386hldugxsy3e5j5opmgtrbveviuniblfq0nsgimmacgyv7+ajkuukrzkmijmtucunv/wo7jgel+wd2nbds/qosqw01uvvapwec/wo4h5gvdswu11azy25rj0bu5itfghvld75j2tye7ckppqtvegynv4mg9jfvrp/teyxcbr4cxyve4tvstgop/wokwelwwczx4ririfanzyfohsy5vuh54zjs1pbfidxiqryqqoteuyni0sak7r6l2src3u9na2swwk9comobxzkzxuz7xfqns4162/j65bbnqigfku2+uccwcqfgyvhgvzhe86v3z5k2kefgkubrnqsltt3soicyk4xpjjzuppskvlyvhzcrcyndt14doszcqrelx/ppjoxuqauthpsxa0kun3crmnemqba/guz2z0bwbvmvgn/qz1gnygyc/l3xqctmynxnks/zyje9ro3i03ekbc7wzk0mafok0oxvsnik4smf9zeqffga/yi52opwwqbfv+eb8j/lmward/vyphtizi4eh4vvxo7ftggaqs5g5wqsriazk5rjrvk/mleykmp9fdoxemxtyq7wqjbrxtz45jglzbenjqwqrolksfexfkt6k8olodp/2pu9c59hyxuvqrozhn2jbtzn5qyh+7fb+f7p2rgb9stmmxthaliqamja2okqmhu/bwjvxv2y7agdtax8vy57a2wju1b7vcd3el4nk0n8jetfq9fgp2d2hlfokmelmzisbplzarmfi/gqr/qx0j15vqfegw/a6qn3lfsuhmonfavgq84unqpxgncnoqzcgkew5q0yqtvlhgrstzmzrgbsqgij2e5fs6q+bkwcu5tlh1wx7q6z+62kfbdcffmtvwdtxbl+biy0dlah45oip6yjtxrlkguhh8ubxdrm5i7je0lelbohbpkh+y/pf7w7n/sdv//23//lb/3bacuvpjmhyqxvb9zuupbn46n9/64/uklkxsvncek9oqf+bkkygpdyxbj7ma+wm//w3//vbnzirgb7pqd9x6h/+2292+d//yz/9n/+2v/+n//zvpmu///an/e/fvut1ffwxkusuicnw/s3sbb59fohbvql2sfy3qosf+n012ahdgzakgn1iwkdneckgzefnziw8ftsuntv1thuhvfog8mu30lod71phheh5kwywopnhhcwgceko9zkzw7vkebzf074ixhki+yrlw/ihplpxgmxntajiqngsifuafsrwvmod7hhvjl49mwvv3sobpx9nbyxfxrokveneeo5xcuxnyjjw6mtsjfqdyr7r0pkb3aysqgvakim5rypsgcnhuzihnkhraltbptmho8gomr9bapurhb9dzukqz9gjpnyuuwenpdxecaxtqztkncjkz8ftibzttrqbmk0luj3u7bafssmgjffxudkbe43venuopm54sfc9aedu7/7akgxhcc19wxshuvlnxh3p63ueuuljhjuy1z1pgupgpbjkzogymzvcrzxxu9wid/tn98basbq8g1k5dodsucwaa2knavydx1bodki2d2yhrwdqtuaigqiax+mkvt1x3wxips0lw7wllpmlq3zvm2w19sez0ko561ohgmqbktjdgtvz+lxb/oe4zn89lu+ojxjupkj9tq7bklte0kg639ct5e4kjqmyc1gtqyonarfavnh65gfxcvhm0rsltdg+s552uxmig+owpkxyqjvsv/9rd+cmieyse97fdl4o5nuxonqr5nrt/f/p++vdjm6h3n4dkh3rwq5nblte31qjut2g5fhbqm0kynurw79vz1v9+nxtee20ojz/iojkaqvebgg2yxwklxgtihs67i1dnaxtlhhsnc++nbxnxm3lirygsysl+blbf5cojbn5vza3qzfhfdmiwnu1fccr6migykes+bdngjwnwazjt25ro5dvquplj8kmpm63n0vuvitm72twslv3ftqboaejxuz+dcu9crhwn+x3z2nhcoasoprxqwbl9o4gjwsxxxxwgkd5wpcff8wky850ob+gdfiecpmttlwl7zcz0whkg493bm/dlply9e755uaoizyyg63kxvb3hmszuscuzs8z6gug7izbqrduxrgv0auoykbd7jqm+i7ifzidd0tmof1fop1nj6qjflqytpuemqeqkuk7dqtjb/hcrxlpzt5drjqr0hgjwuvnegj032jih13zn4b85ylqpjy1fqfjrxvy7u4y5tnm3mj5itltgvhtvoshlf0fvol++pebkjbsdy7v7nfy/ifsppsidjrtfhh8du31nr/t48q+vt7psr4njwt3rtotgz0pk9svnryi2jc6g0qwh909myeriq45iqhrzde8sy+q3ekpko+t3+9gckaxwq1j/9azuybpcqoqgg1yzdg3pkywqfqfmdk68ggk179xxxziul9nfhczpwb3jgmjaichuzkvkx4vk2p4b+usvxz0vso2bvt59zafnde1ewc4ewyh7ly5lauo896k1pf2olwaceoz+svougp3pek0wqrlnuzlc5/9wkc6ewiw9o7mgyyxp6eh5z/ubjvhiduxhkhzpjo+xtjj5klnu5jwznu1oxphzo14ntvbgepupg3m84rr1/wvpy/wvffm6k10c6a8j65lj+a5uz/oxp+aufnecnpitw7fgiz0mmwijz2eenkykl3ultnk2o6qgyhjnt4vopkaglejghuzuyomizjfq4pvrcd5r68dfy1oyoiejrjapz95fv3sa5sj6kqbrsly5nfft4np9gatuwx3th04a2jh02v5jl6pdrazbejl8jkh+hjuvpsu4zafhtnpgvdrt6pr2tcfiua1oc8ehzroux4cxe/mueiy127rdravgj+3hz/153xo/anzeqyaapcvvykppvvypgutjchreukkxjnzheyb0ua8dopyw2fd4ebpnea2yvuk8988seus39hi6n5e5d2v4hfmbqdmprhjijlewaih3tk3nkzaz93uqpr6wqkrfy9pwj29v/w0hb+jixdcc+/heghars8c3nvm8hnv190o/69fdmgoqu8xs5lbdzllcew0nsuwugrtwojsxjl/pl0yumqooemkr5khcsmpzvrw6vukdgcyqnazwkrfm25d+78qrfn6dwavfugzsdvtfhzeqj6kfbweic1qxlt8hkcw3hxzimw6qhvgnhuk0g6uarhvxrrg6oxro6ihl/bw/crtfhyduti2fkd1ufx+poactir92s24dnltcse74hhc+f3fz6khucuvfet9evcmmldcvtqbaadioto5b4g0jrweslrex0t0oa2gmr/xrtgbinerx2d/c+kjyb8vjg3a0hb+cjzgxafdmrb2tg9o/9vbiceesti1qfhod6abkqhye4qbdsa5jbc3hiy+arbztzsm+wwouqltskd4yxexy+2osocdxej34t0nkhvbzkahqvkgeib/7tkhdbjbz2kxj0hxy6vyivveuticr1zlhuiakb9pd3btd7tx3harvlsdpkznw0hmk8kc6s7tmibebetbvq8f4v6cqmq5jnfwoxmyi3ljvypg4k43u9ac+awpiby/ayvepevqoll963g97jlcklfviolvbqkb5vp4lxe1kygwj1guao1pvnirotcrxaxb/j3dsjlvfsd1vcuic0vqbxtavu/ntzflfu8gwc3w10cxug+pugxzfhz+cjlxuyd78iaoqpve2e46wclmvrmrchipq/dg5hyln8mgsdsezqqbw4xcydcr+vi7l/cfrbeurj1z02tz1vsqa5uvu+kfnb0edotx97mjzsd0cipnfohmappszqwqplampsnpcml1lyl1ghx2kyu6kn/u910fakvkjhs8c1mbt36sjv2+lytuup1e9bchgtwmylqyssyvdll9tfp/z2fadviopkgenbdgmtw1httktq5rrannjiwfzn6krrrcd9lp1ih0u4iw1us7vx3txombao2iy6oyxa4nxu6quw8qmo5ixtsb8g08a6regsfh9nokq8pzracdzb92kwlsfbsveyf6vg7knfriuv1mt+vcr9lzrmhl79zutw964u7dacsc71xubhxzazcd8zx20k7pukfz8bk8ghznanvv9rsrl8qdo3razo+yo3gouhfv3nclp5dcmhfvels85tktu7wr4q2ombrvwc64x+de6b2dphldmbblebx2eqm5vjfjqdwzdi1kcykm3bqgyfctanrz8iim3iblzrrdlmssf+2wlbkwylvutottaqxipl9nv6rlnay5npd8cgzqx2gxsvkp/p/r6wtm5bk8tyt5e+i83qimyremubasavvk5dqfdvm9exkwybrwegzbvf+aacinw/1ui5x1leys3rrp7g7vfbfdrvtj68tijq/ftnoj4hv9fzwua44quhfkw8qdnhmhlevds6dmsjowbdips7elbfilb24ek1dxjzuv2s1hblt6omg7a1cawz+fp80xyrbwfbqjpe+iafdjx258k/fsbljw1+jwp/jl8o5hzoz1earuyrdn8a45c0kyn8hx7dmqjb5aorqorokr6widldfu4wpmxzohyzrlhpnxrj3ld29qwd8lya3un64n94hc27v+z0l0x9pb/fvpzjwtogblmd8s38i3h/smca4vx9lcm+udbmf88hl1btnbinjrnhsgwap3wls6orsnany4tzc/qykcl4jdd6vxibf7bgimb37buqlr7dyqsz68w0omdnmojxu1u6uvmlzqpninuxr3sfqcecg7lxbnlwnmqxvjcyes40klvmjpmx8c5l2vlm+7izxefodd4laohesqnin0zcbeed+lg7/dh+0gz/bicfixbmzaexztziko+3atzj5x7hxtuvr4jicvtsldvtlipgfraftwysxo/rya99pvbhztiltfx3+eqznxojdpyjfoybbuuhvtujw6ztzhjkh3kn+qpjjerpgmgmtfzixhoi3m/d+jc8zpuky5ca8to+lerdm2auzgwhzvygowjxi7bh9wg7ennkg3jz5la7hhys5vm/clm19urq5dpxj+qbqa3mex8zahfegqhsfvlqp2ktc9cwiltw2puinevgvx5b6kkj65j75k/ir1antud1e75cq1tdst/2i+lyzwv3gs2jnwcsbejpsm+yt8u0ubzs41vn7vvvfml1o5nmj9m0/u/+rpj4mo6xngny9oxjlnz5o1pzegepgb5bzg6ztpwjmjrq6mtl1vcicfuky4j8pb2tprvgdisee0wpoa5oom221batjkrpvia7flb9zn7zwtbdxxlpd6ifmdh4hk3do+44beyaesxzn8mwt+gu0yurfsg5qevweio32arg9ajwqy6s0w/avdcsch7cmuixmijznu5mdyvhe9v+e+nuq/pk7y+kl9btp1udbv2+znbs5hlmfe8xgjkrdsqxhwrsouvpwixj6sy2eokva4rrfkgouvgmpz0mumdugmjlezsbrxlcax5nn08srsyfnpwypwt8hzfjspvi55h2lhp+ss3qhqhebug1zhtg9ykvep02kl19fnesnw5gvyvx5d7jrebtuc54fx0rdjtew9dezx3e4/dydt9oov75iciycngtdl5lustcioqepvn0tajhbcrejtspdfpensja/zitjg+oprfznjxl6estyqqiu6gefzj8fwwve2jlpez3z+obx3a4lunqkw4ztmxh2/j6umhky6coucnyljruzngmqnmxhykj9fibnzqlqsl4sb5yw1m+zozwik79tbrj9tvzkqj5v5ttdtfk7nsi+pw1e7xdnpx8k5zjrdbcfns1blcn2h0avndmiqfo7kvwlnvpg+vuw1dhtwkpvwfkqb2m6ybjxri80s02l3assvfn2qnwr3xetbmp2mbdu2xth7u7uaoib/vd9sdu1tgaw6txo6efinqke1uuhrltuv3qwl6vlpe9gl+wa8so1p/ut6d7rt7xyjqywqpusxbi3/jzj7c1nord4ihoa9syar6myuk+psk6nhuxuskis/z1vxububug1c7h6n5ydp4mfojyodpahex0jaboth18yenotbotjbdzqljbsxigrz/eheobyduwsnp2erc4mqdezu4oxxuzb38wfpvoj6ki++ldjuoictxh64qwe98xbsqqv2tnbb2r1yv3gyq06yowjx7qrhtfb3unft7lw321m5r51qxlvz0em127gnyytjtuiou5ceabkzjq6rfigiii0bkpfpdepyyuneg39o9jrqp4eumdj8ie4x13kh8pq1q/wmke7lldv0zkilfgvjbjm5ztvxbvmoknaxlga1jkriryd0vvxayjtrap7eq041mm/sbcheuzfb7ibknll3aouifl12jemrgmt2ayjuv251icbhm8fcxxbrpdmqt2u7quf6kp2xxdohxi3q+nyigixrmaa9vlc7bmngn2zb5i0y+7a7ajytetuacytprigu1pxe+m1rsms7txopz7gcg8q9yzpdftzadmeidw1rghlwowhhcr9wqthanf4pmcpd8j5owsmbgw+brdxkbswumuh2umxkrfekp5dfs0b8eo9oym7aroq7dm1vznh2z0dfml9mdhwykwl6b0tmt68fkh9cs0zfifya3bwudgubiogyoleimcwegcalv2ij03iiljdwyhv2cduvho1kmjgtoj1c19oxi29imxkaznzankesebnevy91cpjo/cxxbe1he64diw/chxnmqc6hggpx/teukoxomkwf+ycbucaykac+29xilzoqyorbtgfjfdy4gwoh5mjwrlrqq0a1k4p6nbps72mdqnswcuz5baljybpwdvketfvbsznqamtj2voqhwqiizyvec/mnigr47q+gykilruk2clvmfdl39ftfw8j2ixm9u0qxckvlm3aiax9hlreei8jp+nmvdtjepi/vvdn1t4aoiep6fkgayfj/bajd7bhtpnrykxzn7wljtr1b5ovlrtqtcnkdrul0wvtgjmgm0hnyo6e0lw5kuvy1tfuxvtnbmd6pnt2fzi020jgdybinni++freydxxjaakll2isqjvmx1yvurgqks/udgj5sa00721yxrdvas6spwgobz+7cuw0pno7qviepcivnfunolrrkwkjnnt5gyocughylrjlwgvuxylgquw1nfcfvjcvtpv7u7kprtqhs5oaiztmhuolyyeswec4feyfe1kk086/gonzhpqvatyupuokchgyt3a1nrprji3uabje7tafuyj6qqbkelqlx3ggd5sb4bhpra2ktnu+kl6ys6q7vrusii8zrjs8llyk76wnu+w3yibsp2iae2vsdqu3uumqzq8d31zjiwtwnex1bvm3pwk9q0fk4xegqqa2egtgmiyevnho5oxlv17ptl0cc+jajofc1alxd1p1la+yfuhrn1hzr+9drcunfa8wrue703oduskceasgu0wpzzeg5y1galobkfumywbcduk8mmedkz199oxtnjrh/tkakpghjismwrlwc6j1+o9tydkac2qlnmqkzf1pahuu4xknn4ya4vxqmaxasetfsgvxhw81latkow2rsctj9cizvpvxbkqp+zusc91gxwxy0pdnnhaeyegd9rtl4h24wwiqehdkh1qgcek9kosqdfuyq8rqiw3oilmnigraljc7u57nb15eo26eq6+bnymc1vn2llmlgxlduivbymr8bwrba3g0n/t5rl1v3shcm+cu0bsdu/gsh2pkvtfyqvxtutkehj7e8gz/jmgbnfmstripc+hu48qw2i93zvc+t6xx6ufsscfqrdbhik0uulgf59cknzpojpptrxijruih2zpncueqweroroiyairqnet1j+9rqh0pkxp4ayfnczfmmnabc7qsm0kkq9vlzu+p6mw/ck52o6j0pkvflw/1o1rdsbrx7pqqbjkgkdp7b5xzgo0q0byk359u6/8bby86zvrxe7a1oad+mnd7wauqe9vbvykb+lm22ab5xsvzhpzvjccsvqsnl83joaqoinbtumkje+9hwemysvwrlwx7qzfznsoo7zyrc8tka9v3pw4sz5iy5ijbxm5vpdhwfs+piw7cuezlw12uy2l5hsngwt/wtyfzvr6ok9ipmiokoxsvfoi8+tyrqbq1irmyybypcre7mwix0hpwqxjn4ajylebitfmmivvfrhf2spa7gopzyt5bkjchaj9xslumglrly+pntm19zjbpy2xd5yfgc07fqktrsjfhnuqmutuf4tq0g3zddxh9x3kcjwix/e8wguhoesjeprdt8u/d8lnpi5ezdqwwt7xr9vj7m3mfjsh+7hyujhz00v+w9xudwpyn5+ikqe6zxbioi0mqxqpdojnjwbzvltkwcx5rpxpngamwf1eynx5ipkfb5yqkw9euow3z7rdm15fc1nhri9w3jhbqj5217ngqhgyih7lpw2xqqam+zqwcfwgas+qilqsobjfwyj3cjbsuqtvwceackq3x9225ovxshkops6udgzzroberyhkywoilqdmrh2b/7a586gil8nerb4c28ktzznipkonwls4fzu7om0why8umynqpnjr7jgzuoibibu9x0vpstnmhyabvvg8qydqctbmcyovtpojizs9qulwd6a4kubatesbo1vnvtwjyb3ntmnkk4mjqbu2qjvapdcxdaq4ws7zkaly26wtrlruhqpafjc+5akn7ex0z2dhj2gqvkmnse3k6r7wyyrommdnxeoaaugk77jqsiqogalacfk4v8p9iflmjypp9v4w0mgqoujn7oqibpwrybzljg7srgnzzx0hkrdf5hyw7j43t6mvepjs4lb1bcpwpancq7abk7+dcx7tlrmp6zt9qcotrf1xgehj1irkpor9qy3soaxvlvqozt7lrbshgokv1y7te1jau7mbo9quu7mlu3sex/3sb0bxtvmi9dkpzvzhsrq3kszhosaiviitpm+h/p7uswvzhzewhvpptcqh7l286lkdvxpjz6lhgmuexayodlytvvj34pcjnxhpjpporimckbhnqqcwbgbdmgg39fz38ogaxt01ktkrdnzzl57wzuhqnj/1ulvss4mdvlo+7kus8fgtvpui2p0msoidv1qo2xsnipsd5na21roisylvdhyqnhf2zea7omr5cydfz61b+tryi/jgj3mycg0nzssi42h2x1w7io2y6opjh7x1ikr3m19oyo04ipdakhxo1nq1hawelwzqvvmwipgz17p7un69eqmsnsfi7tpxemz+edx3tkknt26tusy5iyshxx4slvrx3cazp0fs4g6ycef0tl/rnwcqdu5pfp5fnzl9gqdyg1lwi7qzzaeuwtupgzyb0avbdjcetl7r9j+lftnskul2ylusqtshk9o3efmfqz8icdpvrrkpbkp4ub3uzhlgu3jg7o/akci0ktdzfawttdgofig8dcur6h1jngegcavvcr0gmtlpa3/nlpdtlsx9/j5qsgdu5bhw17kusz0ldu7gxj17grjfzk9vgq4b1ypvffcfgerq6ccvia3vc6t/uog+bwgd335sob56cu2p45tp5fznciupyfhmbombbqvwaihqxp+hu2zpe/okt1frgzcire73mlzim80z1vfkzpq8qr4akrbr/fvpqyu9c172ld4kwvk7rpkntjg4tcsusxzdehef7neh/tduhyjfet4fn2rkcrhvv5pt82m5ddnep1wbrqk/lzpxc5hguxybmdndehufnh6rcd5mlzn5ejwmo0hkaqz3lbwsr4vbnkykthpxuqgv3tybybkyg7tqnqs3cq9andtaywnclpuzu06vfs5qb7d0rthv3l27jtcu3q4xhohzhyis/4klttqwu7p6ko2kr73v99gjt3lcnjoczseubuxm+4m+hw9rrz6y8ahohormvfqvxhiecwzbmwhqjq/gv8swgvjoosxru3q9v7hep4njuy7dxo/ibfcyorsikiwfj1cvwqdhxx7tbmwbkqg0a0fsvekv51pp9ptbmnkxvr7szhbizzfm9dz3jhheiqvingqlvadbfayw17qneucxrdq75ro7taqs9etmxnbtutukdiukzxercqn3d7wskp+mkco2mwajwgaxvywamnebrpb3w1lycaprdynbqpz8wb3yclnpykh6uvef5vyoqm/xhbjzqeu8zfw0veotl8k0vk0cpaqcnri8oistn2tvhneinn8pu4y/zlojhq5gek3unl0rccubefvxg6icqov7hsvmyc7m0lc7ru9lc4fvm/p5nps5vfvqinuoczjnmvproqqaivdapdrhsjye/q2i6cccshcr4pk1ioh7k4ypdglcjxn8hd+smqco3e9z7sqz9rzkvrmvgr+tg/zcnw1t+rnhbq3jwzzhrkteuepvze9ccqkwjurq4yy+jj2nm0xeahzuvedudsz72iqqie+iw09zfcoiurt2l6s05xdu443arxw9jtd4vscexxac89p7c6lkitbodrrmx+irnx0asdxia/kykdgiufcn2mbk3jssdjmkhcyxu553v2+a53yzoh2f0xp/qnmclnmw0jfhh/r90p5gfh/dkuimqmsao7ugex8efvvw7ct2w3dkicewzwhg7zoymhn+mszjqbowusmcfsjqh0oqu712dvc3ckzv14xfeu8cvicqi6gdzhxsacy1c+ptdwplqj0oc34im3tikgrq1zhv1y7pclc3awi2i2pxeqnfkbyksdpuwcvs52wrrakk5sodfmqnymrqcxjscpesnhhilajkrbeqla8ti1v0cm3wc9jvv8lngojxp3fpgo0ktzhol7vla1habcds1iaoqd2gwvstjgpyaavrscxda1dk1+5orkdz0zrrx7fsw8iyvutdnf4md5kvdsioyozudxftci1rhz/jokjl5zrqyzyhndulyr+9dopbwriwclbauanodiyt6cbpomjb4+++76gy1bsvy/h656bct8taracz9i0zz7vnlyqttwujd5e9h1xd8ozqmwppoxr755w/rbmoyepmqb++ffydcbpvbaxr+q7acbw9jeftjhjcscowbwykspruaomog5u9oerabobgzgniy6ifumzyshekaoysuumvn6tng580ontpgndf+jwthlxmslityxdovt9ovdfbhla7ehpygsdcuhlpwq7zxpdytsvdjg3we1ls12j+ox2ds1fx5pe3siqonsdvm/y80rhrqroe94bjigxhyivfoxikfujnsoys8i/mm8lvpft7kvk0uwl1iu+sn02q2y5fuudxme5fppjv1cr736bt+t3qguinh1mwidj+na7feguuukupdtdewchdmdahdoc356fa2lbfopssbdgfn5u7b4vmf8tgo1/+ii0wgdzwz42dkosasiqjun4twpivbqbdfyxysz10yc4cah5ys4bsjroqv41vuxhgwxez+6ejmrvltwf0rsordjrlfrzqnjelgduoayz06l2ehemvj5ovdoaunbx2jeiiclb7zbtryx6qddpyol676egqtkythza3h9umizadvgnovmaau4spkq13zezrbcmqvf5ppkopdwwpntnesusqttzurtjwivyz/u4vf0jkbyuy97b53993m4iwwjmkmtqucpm2yxpmuqgs4xv6u34lri0nmuxlxtutj2xx0r1djb+yrcwkg9bv2k6fyzwxtw7qvmygaopqq3ifosthd3fertcz7rewzq8ry+cpqnllln3y6fmy1sbm+ugekk+rsnsntquguvvrs74m+cbiicf+1ae3iijicyurnacfqex1ylzuqnfiuveonirsyntboflndbqwydubczasxnfaq40joqzottrz2qyurntneog3y9kkkx7fjhotncyok40ijw3f1p+e3xkpvfy02h3rayteukckyhm4ns7flqwrvsdkzsr5vj3uugejyk5d7bpv9pbdf6lfhzvf7w7+v37zwxzvexysfthtfu8eexgybgzi+uicwdo8vpuncuxruwar5ryrl6xno70x2gxlvwvimu9yno/1dolg7uaanbuyc7fcrofiiq91luk9q6nhe0hyxgpqht1xwsrsifozukx0k7nrtp65t1rkqlcu3bdfxc1r2gfx3mlhygud67mvcqdcdvep0+eqt9gcdeq7yl7lkg7lgfie5j5l1b1kvh2zrzcuo7l+soqzes4s33b8+eprzrs2qgzy7cdz7m9duo35tvhra7fw0z3ox6rnpxy7hbsvw+ej7jzziushrypk87hnab11gr0ah7btvovdplh2whn3ksymbyodfrxrizjfcncejmqbs3a/ko+pfpuzt3gm6jzgtqtbmwdykpsgakdslqtjfgnjxy2lholt+4rmpdiso0kietp4nquffaxc9v1mrd0citsbabda+notfxotwilnnvv3w2auuxxcomea3pvquqf/lul5rrq53ssiat8kr7bcnrshdpjv2syuc/78ak5axtf8cqibk2lvljkde79bzrnoo3hcpm7a5ecsv7rvhv0hhzzxu1i/uwlibendyo5d4ckm5l125qadzrxkfo6iiead5vggxjakefl9s0wvuk+zb9qwk/h80sesyie8cyrrltkblwghtxpygbop8n4nwjpbfcy4vrs5f7e62l6tls44czctt4qhzedavjoteevnudyxcphfaxxplpvwcatmyzadj0bdov0ex5hp5i62sindmdsvcdgwfcikhzavjcnbgrzn9joqpvp1lu+xp2lr2pejuenoplg8r93ukllkbk9i+ejpvsghcdl8e56tmbby1vg2zolkxf8x26njqizigtk2qs5hshu2b2dvm2y1idau7myps21ctvcgvqc1mnh2clrn6pcl2uj2wgb9twdxd3ubwrdtlldlbenwkkandnpail9nlp806fvgbziy8uy1431ukimmnc007cfm2g1uiyv9b5wu+rptrfs3hezzwrd1zm8/5fwnku6zcvmos7vbu/tbm3uiswx6slghrp3qyrpbpwn+2ddvtkisdtnth9ojhd/jak+d227emn9hypsuda/z56lf2zkicy+z1g8axw2ppqshdeuokz9zczgiw+cnuqt/6apqwppe7ozjiseffwlhkx1bgiv2msa2bd9qt+rlviqyrieu27urwvxgcnf028ar2atdmer6pzkao2q7nwqpzjouwti0wfyscbvh4dshfcyqnfmgnyypj++dv2ryo1xyo5plgkjo/tazgzxvnkpkvvdtu5ouk3ibz6h3eof03b5x58qqjjomqtl+3o/z9tr9bljdmfs7xd4d3qcrbhstwld/lyb9xwglqetqupgawd9dcsru+vmnnkekxi8hx0oqit61c71yt8rfkwryttthfka+53rhs9ezbodt0h5utakv1givqkpknub92kliyy97uwk6vxbr9cahi3edngg2y6q5ethnqhc3sllypuuadfrrfdrqtqj5+hamaz2zpw/uk5w8p1ucsa6i5b5hqdwegpxkqubazvpn83fbwbsudofq9e1v3cuqlwolevokadnz0pyej3zsmloppvqaqn3aiirveoo2srtmijlfa8dk/ra0vxyorv/vvndr98vkev7rmac7asee/7llbbgrgzwnu1mycxl5rxnd+xvuif/p1xs5robdubhcec2dc9mn1ds7gxes7zr/gj5paqnjr1fdfi4pwffmyo1difdg3jys3yvkoryokiigq84xc7l32gc+m6rbd6v+5x63qcwfq0wlmm9bpiyumu13u1zry/u39x/j2gxz7ygobloxszb3dvpy8s4gjs+i+gqphkmk0aqluwpwwokerutfcoxpsh5eni14agtvsroi3dbjhzsvdlx20grnqfu8hvgqkimvb2anx3acqx3xhbjo6zopylnnd6wljeg5dwauc2trghuawbdyumjnnp7w1c7kqbzxahlrfpwmw1wkiosgpy4p/jnzm62mbipfwtjjgnux7vulede+v8r2pukohb08sdkggaksx9ybiqjf4gijfg09wcy8xmzfpjb1h8y9avbevbzkhqg2ibml1+t2209qz3a2pew0ix1ytmzutynk3uw4ru+igbxz4arbvyobepxiclnk9qxzbgykvoaamahij2n7r369smunwzztey2oihrmdco/07sbkkgfdmpvfrfsvdtzhfsbwm0w4y5i7vi6krnoljavg62rjcvau6w8zndejwropetgubezwnncjrmq1tmosf1ze5kog5x6zte8oyzgoerrt5xuxa3gw7mdortme6qq3wmzjxtqdnlm/hwv2mxd4rgpkmijfegs0ttjk33dncnxacxpnu9bsh07gnlr6iels0fzfasi8kodvpsombwieutclfwckchxvpcm/psv9wdxrsrafsubvyws00mqcwmyagvgiv9gowcj5mjpo9k+agtorj+dxufcyt7+0ffcbvhozeujwrvhrgoj97jgfq/zlz5vjnwl93wternujm/qeivxirwyg4hm3il1rrzcown23i272uaup67dgud0mwuaxxqc0yafdspa2c0metfxk2mvruw74dod9ld3finuind24pahjfvmzjlncff0on9hsjum2qoxv69vgab2ugeknftdteqh7kx5g1xipfmr5fyxcw9lyherurowzf0iplo4m6rdbqarrbh3s/alvhmatwlenovmsorgj/e61+rjckggnpbpngfm6e+7ejaxn7gltlorpgnu+nmxwk5gfw+bacj/ljia0v1ujuts9pstampzvwjjx5rigrzbcu6xhdxutlkg7appydysbllc+2ldiaxmg3jfpsq0gunamgpgqpxiyqeo53qa1kve43bpj0awihajse5duzlou1elfyox7083ujc8kaj78dxawdaqdtgnccc3grpnpp7p/vvsslidgewbyffcvwgkhjxok63v6idqp0umasapujgqbvjme9glh3kshsmxm3xvkpggbnod3wmdbmtxpjvf18vnm4bs/gtpc01hiulxs8u7/f5cejrsy90nim6vuynfxv3vqvp5uv/wjitzz1dz+x3+wbp7cze61d55kld//430v/3urvp/+uon9elnpj9liptaqmeuixdh6+7dlgq6g4cwlcyhle8vfupzn0zvhnht5rfuriyllyykl792kgtm5dpd5w7u27ybo2upmvtlxr8bw2wkhgfs96j6glmpqyh7wng/oivn72lnhcheazl+mlfg93xff1hpf94l7daitw8rhdxfsjxqqiqdbriy2omcbjt2ur5qm86but31urghoxj0uc5vunu7adotv9esqhnkmdd2wnkwu2h88fayaskas3bo/t2q7jpveckbuhdtsmlwk+jr9xrx6wqdzk2kpvi8axhf5ou3d0gonshkanmgt3glexpg4bxchiarhyd04gyko4p5xyl09cr0amhx2p17b3eraj0twnegic9k5udma8tezk993w+rubusbewhfx6ju2j3xlppr6syzhgthns/miv3nfbdjzid/zvj4tv5xu4ujqxruu4hhifqfjpaytv8oobpyiesii+fijhwxpghtrjjtdtwgo1q08ufmzpddw9zerv3n6oz6ywv0gnkl+j36ksgfjifsiv3keagcnxxq9kk14zt2exq10x3tcmpmdr6prmbl7blwnzkavvwrr+zcaya36tid/nt7n4pitdbstb71swkani3khdbwhb53arbiika+8iabno6lnmeutgxedeipqtioidcwa1eq7t8jhbz5luhgy5dvsgxshtqomh9f5z7trlfep1za26uzfp6epfq1flutqbryzndm0hw1r2lv4lxuxuvvcngrjwai5sksc5tpe0wucd7hanm2mgh7ajt8kypjwzjhjyp/ijuguav35lysd9ph8hc29gyzogwnovip7qjgjg03cfo7+2dsc8ysxgxa7xgvsf7hl0ud/jtvuxvdy9l50ftczloaztekozyia4fkfzuih+yjufdidnz502fshforg2vrzb1izpn+pbkhqx5cuemuleoduwxhyil5ibkc76grsoelmxqzlwxhncjf1efkoxjmcrlarpalkwlw817yeoaibsmdtsxvgkt69jaothgw1j5xlsrpjeo+nza9vzydoly570wquixqdv5jaicwebfnwfcc4lctu5c4cnwoxtweayjgvxxgkmjnsm+xncosb02ykliuxsyocncqlozpga7sdpajo46egqyjr+2kndulof7gnfwqeznstbb3utjffhnbmhl9c03uift0qw6adz7mpjza/qowccojiqsquwiqxxnvo52b0nitmbfk9xsacijqqaxhut6rjuwgk5fsjhvvmdgzpsjdiij7w6f6mwtsdbgbuu51opx3spb+tts9tp+hrzdzve0o6k83towodsourctglhh+3oqur5tdlvycea2ny/e4vcu9libnve6vaiyu+lie2nvxlcrubmsdkhwsf7vjue05bp93mbp/m61m/k7qijbo1oesjvp18rytmzj8bd18a9dhuggg+sqjo/3gtma4bnxyalfwxyhy2kvowltul4jzz5fmqzoppfibkpdmujikv1q0xab04+mkhult3kbnlhakagh4nm0wtd1la/oh4zgwvuqjhdypdshbuoh1qd73d67oadeadgxaxlxxhpbuyur/ff9ao0i04ive2fdvd+vnjggkw9uvkvjkqjqd2g33gsizhmi97mhqrksjdfivk8ic8hpyuuymp86xjtewzg+vnexu+2mzmez6+ttaggon4c0ccr86xtaucmnwuzcvynsvro30d2bliu+xez0fd7njwikzmlipl6ugzgmvstajnvrwpadooesnhwjpobjenzsf1dftxvqq9jd8s5zsa9pqazpjwczvw/bscko9sgn2tkp19nocafwenqsgn0oylkq7momlstrwxr63k8iab2hx7txttf67mpqyristukxyfwkqcfn09g99zrttp+amusrb1hxo4a78mihfhax7xh0p4tlpb0dfsbhhy4i5/ye2tvjnbms7qt20++doyxoxuens2rufanvump+3e3ijpbwoxhmkouwta4qbtb1a/i6pdbzslmdmr2s6xx6co2ujxlsywjijo1lyiac8k0lf31zf9wuqy1q9jseqrxfzjdfhhay9jddg23ywiyvmr+ypwaky48if2kwkgu+dlqshwsm/xdzlstg8lbxponxvhy1q76+hb/u232ovpizqtdul/yezd/xefxq9oeqxt0to3l6zmtxcd/dfwjdx0dunk0dvruphl2qeidwct0xmm+ekuu3dzidxcwik9l0yvcdvioiw/ymnobg2bvblkwiy5mqobhaclcnyezipwc79vwlb3sdl6zujqeiwq1jeub6t1nod83k8xp+homd0vuk+ltczyjniclcvnbh62ibo4jtd/cmo0xyu2lwu9newa6rgjcs7kholmvh5iz3znlvmpgcrq7r3osfheu5tqt+0yj32s7i2r0zvxyg5+phsj0sm9vmrjzrwar/w3pojmylaaoze3rnbgwan7ysukkz5f+c0czytbybrrayhpkxvqbzg8vtixuh7wwv7axdz57m2xehqpmzw9esso85fuqmig5qyrqscigtomudyj9mdcrhxoi+qsweaca9xo63goi6nwheya4346uecovkv+1ynwbtd7yxcznidbjxejvm2u1kjmfdirvp2ocdojrtrnl7y7dtz1axxzsg0aj2pd9ss/t9fsn+39ghvv21gtfnqs1a4eqo+n6jhzjjryiat7izq+53m/2lsuxyomhkrcunzevnokx5efk/7fvq7mvo/chpo2uxrq5tqz2m4lvjbj6kzs0lxou/kronehvlcn0rnyd9nyesjrhdhnw5k0b8qlscbvfirzrfwlk9nixhta/zef6qtkkccqwb8x27w8q5rp0wq9oe7xzkiqazlk+nm0omeyv3/igw3n6blgodvshrictyrfm12l2fb6ffxm0aiipdcgwrrhvzyvjjon/6gkq62dgdsftyym1vx2atpt/p0wpo71np/fqcu6mzjyn6t392nrdwcple/umiwis32gx3/mdoqdoc1yhypllfnlywagzrlrp3u/v1m6v64b2aajijq1jwlqnrfzvm0h+hgw/n7anyxodyrtne8sgf8zgbsot6orson2ovqcr24ox6rfmuapupi7zjz3edfdtpu5tx9ke3ue5zoxlygi1fnsjh7a646xeg5utms72guuazof0rc2ug/bdxt1govrl+nfleevujqpkjaslzrmouslqoepb1sapjp6tekqsj/xuqwmrhtqqezrxxsvaj8tnbnokzigeythedz3j/jfvr8sa39sfndn7h01pog+8l5yrgppbt2pygns8gkvk7irgfb2kbqsrtix52asnaewchg/ho+zptd38myge+ao4rpg0mi+b0rsk0v3w+amup7gim62g+wgbc5xtdlolqtmaihw8az1jrwzklytwxi2umfhd6yy9v52dk5g00v58cfo49fsz4ehswleyw68omf/fjbhbzlq13vpt09srn0nx6xkhrvq8ynu2orlnjjussmkh20gris1x4ldexld2e0wyoi2af7isxnvbt0wbuebcgla/hkerwsdt9bmhlk2l3bvmmxnz8skwrxla2dwkmzvewg6k+yhtbpoosadg06cashklzqz041m+th3c8xylarzwa1opwtl4twj9pjyg0bywoycueuhr9tfohysor4zju+taacwn4+f7o0larjhexvgvvchyc9nwszua8dvgvhgoyk11dameamuf15szk7wjgflzokvmnjkodzqxry3q9yxsfccdnotutfgdgric674rdvvw1u7f2hnar64ljectbi8jno7qxdyombwi77kqqmqudka63a3u9gnzbjlcd04fy/nscr6lfkqm0y4c18h0kh2ms6ls+tg8rom8dy6p3b6ipkua8rrbeut0odzgja8mzcm5awvugakethrztdcry8chhu/4kzleor/uswaztqw6wnxobkouuvj6wjq35fybaifb1b/hzq0ouyxxm20pf/a0/nlxjrrygwms1ciazyye49r4mmhpnmm0x7bownjrr9g/wxqjizzdr5dpucit/vyeqcg85q4oxobjleujkq8o/vnav3q/bmxlklhqaajkabn0gdwtfsn+uvvguiiuqm/pdnk9qtzfzj7zugardg6kz3ldatmfxyvfbsi7riffyygmfretyqysxr9kwhveh89zspws1o00+oxyx9rbm7qiu2d7jjeefsmovnn1opwwfamgrsaudtkptmnme6e0zyl5+gnkuvdnb4swyxyumt1b3vix/m05x1hvku/w4rtwp1pkda0ilkpmofk8neatdzenn3mlbdsdu7vbuikrm7kzcyvdku2k9hot/4v+1etfxrj/a/t23q56+zwch3qsvo9rrtd45d6j4niudwaqxxl/y8y6dhmvh0tgit+w7r9dugnck60uq//ryp0/l+cdacyea83hbsg/vtlvbrxgihm3r6dmyjkwdw6jfa01xuhgvcydtqnytmr/epw/6ymt+hsnsrn0iw5ugg3iz58dnbagtubflzryfhom7car84t7oxklu47dfof2age7t4sssdmfs1pve5h9s/fg6nota+yp6btj5hj2oj9+r2ryruwl1yjjq/cxyqkaunghrs7+jyhy2l9lsyqlpmf1/fybmt+7j75vcwlpyyahk6dzhjs91mubowazrcnj6etzzbneds4gs3yj2qyqe175ftzpshry3qbq3nvcv5tdqtw5pvcll3aqo/cpbebiwxvx2n+zthmvcb+waghrnusfixvdtbdidvmrope9stigw6abi1jvxtxrdhbqu3nzrd84shawwwjvr3aacrcb2ips2b0jelk5yopmrn6h65cv34zcuf/b29x3ls10vrrdk625q1n8j/d8lyeqihx66bmnxbsadzhzkmzfk4j7vxraw+2yom7dsqlossllxlrmvo/k+n0krj7spxekax2pp80k8wbwm3xhyblf/kpuaskgfgihfzwzhu20bjt7uoey1it/feyayo0mcc9v0ivrledynz5tkia8ioiisxxgskh7ysjowevdt/qufgdakryw61nsibuti1e68/yqgbfx5yzvernwxgmgkxank3dvs9/+3yiimk8clw/oxzo41xicorinscilxfb4zfmyyfkuvm9ste+0elvk8pkxsewhor6jaif0w5gt3+hjvxr1caomjpdzbwyw+vb1oe5wht2gick3g2israquq9e2rehdkqqh6d+/goia6nkqlt0mg+rcbxezlksl6agaiewafl8gm6aqywlijnbvpha/xuz/g7tfnt/nulelbeta2kp/baomwbgt7fhrekn/1ada3rf9p/nbbjafwqxqmo9nzmi7wjdy+ifevudtnzafh4eool8fdpu+b2dg4qoptphfym0vf1chpd3ml46n5g9gqva1avfuhnf0tmq8dtwcibp2y+87akkg3zmpnktm2deq6dkudlgr60yxzjoyd3ssgwgorzfhkkj1udnn146ni458gmutku53xwdxc1lirkqoxvkniptnwhj0yg1wwopyssbvvzvspeckpmp54khptnrokk/rvuwperrqje9e3hfyaa/lcejgfy1znm9n8vjuyarxq0iiewjdtajo+t4vuab5r7bbqqhzfe0jijh48kwzqavslwpsuztmvji120kabna0a89mh+wbivltyjbpb0epidg/5+ritrq/yaeup73jepfqopa6dlzjepl9mq8kmanflrdq5k5qjxauthpoxwwl5eemwi5/avocacrruhk3n1k46o+axjrkrms/mih0nn6ipyg3zsvfikguiqwkyvmrdv5et2jy1wunu38tdsn/tduxc7uuk1w7cs7vv7ztypqz7x2q3osj6j3lfo0hs9asu+wqfg3jfnlettqud9p29c212yyl4eacyz9nsnsf75c/py64m085amr5ex+y/s2bj0boio1z5hpw+oadhozy7nrlw4mehuv1tvxl0pb2dpnk3s0pktdsa8quvn4bepz9fs+9cb5gr10u8thz7ouvia0dadvasdtu7xk2+sveahjqj3tuusloupev8s1qzczdm0x93gl0/9tw+7tv5khtsveen06behq3a7bepseltpdfyovjvujj54frvrwlyogktbpjdpy9r3ntkexpx9xalfbsraax2h6xmffjuzggqeqsji4e2f1s/oveyhia4xi1nr+ocjgcpsbxd22dyc/zrgrfimxzqriarspq6bvz9liaznircspk60ntlmp9tbph0pe+jobtsohljbwjoozfrxly4gox2aqakop4m2dliv4sxhgsi7p4ehe0ai63ycrhf76g6gblulihgoqtxkkrfou63i09xo4oftvweuqhoiqk35kwesbvtq25rqir134q/iwowqtuq2xldmj2+2s7tldodz4zvwz1mcsvx9olpsw2nqol9klmpfm8d7mkc7zyxdlftodkhvemwt9dqed1oxkzhygzhkftdskv1xwiveev6wpaadhgfwqyqatgsq7riyldj2mtlahufpbwae4+y0+jeds+utotcz2rd9n69xlniw1i2ongczcws3t4bavga1rzr+wywle5xnhuesgpsnknxrhi8n3moj3ckv8jxdl/ydzdfmxv0jotiv86fwg+rxt7wpsoolx9jsrdbahuw5+0fk/qo3cjin77fkmqbwosjx037kyqdyry3r2cqfoyknxkhd0j3yysqdecj3dwpavvxyraspfluiudu7zua2pvlfh+ah+719nsgevkss7i4koatb/5260cf3raluqk9npsostutppn1xe5+mv/uuopolhaqntgrawdf9zgrrsnfv84zndrli9yctv81kaw9n+f0/rujwu5kwa3liiq3ogsl96cbnfy9vquy0w1lfbxfqc4cjwtpxb6nnny6x9tf97yy9qv0kjou67yxu09/ouxp+zsedurmttjzmo8ndkaldt0mcu1uujwqzvmdl8v6x7udemnyxvjmv+r+gi7mhzzrbjv/7qzvrtvxn1po+jdw9dyh0z7xfpaespcs9bfza6viidvkpbqmnd0iuq/bilgia0oov47yoobnyikm7qlvubx105viiw65umrsd2srwkz5dsgpoablhrj8caqlng0gslyayddjpwiknrdccynhh9z3o8ujjguqibvbeigmkden2cfwch/pmle3zi6qd78iqgtvhsx7a0eqng4skinsenghbiez3iyj32m/k2mrvnsbg5m9nnzd8lj2m9gg4ke4gfsoty7qyfddvlphutfijgn7dtm/9prdsuptszr5m/vx3pi/fbpgfchnchezryucxvfgdf6nvmrt7u2qefl7dlkzrrafxu0wsmw90sax8hxlhml1luk5krmiqxh2swhlkcuj3w4vv5et/e0nj+qkwagh0qoqcuuhexzic5lhbuvwroopwwiwpwfskhmselu1dzzt5fwsaet7kiqn8d5hdz+a9eernhsa4ys9wjaoi9fom9zuzjqtdftfnsqyiew1rr3ywxl1pnftsfauurli80iqmxtvj945dijijehy+/cxtxn6s5jj05xsz3czcyk7neev75dh+ueihykcyjpodr56nji7x1pg/vguhgjl4yxu682m6c7dn+yl4zs0sna2hkgvyhpmi3etvbxzz+rc7p6mmejsgvrrs/r9kchmtppbhvpszizb/f5yrijo2twt/aujoreis3zxbbgxrfech4ist+potoicdd9wlz5owbrtf9gps1rpvxcmco12mhew7n89zt0lddvmt2pevvfbpxnyajo4hkllnq8v92sqiofx6ekxxwyyvbvk1gr0i9pjieuwwkvkf5ozb2obf1bhyczpu6snoiequlklrsp5cmluexx13mi28aqpm2ahgwkmzsf1redvjv3yrsuuez0z1hhw2e4fjddbtldhkkxiiwo0p2xwobki8mlpc4erzalehk8z0nhs1l74bvadtxesbbls+jnepleetija3dvfade7bqvv7wzkw1dfllsrx2tj2f5pv+wmnnoneoys0qledprqpnnk2jjopaly/aa9uz10s5eyu7q07yqaupebwkdiyqtcuhikgyvdv/z4mh8wwwmnylcokbzc03wbrqv1dgflyqvfihjhal4awgkij+8diid/5lglpdg9kghtjfnuyvsw7b0zxiencyavg94gkfitnokuyqcoqd5yqkoc5yzp459mrczkmnf2rxnngg8wh+9t9tv7s7r83dry3tem+5qg88jd5rrxcwyrjh3zxuifx5gpg8oftorudhzi4mfvhcnpl5i46sf1jewawckw/bgzunjsqygeynfstl/dndjqhyuzvukiedbtyvlh2wwqxhcrmxfexoktviuq0x1erxg/ge+oskothaasr7kxmqibp6y3j6r5nrgrikgy2pvcxrmjeuzcdlsrslpxhfje7olplatoqaqatzmym29dxc1/3rg5eflyatussud0thac7ubn/btvabs1stntjh5ezzncynp4qlnvx0byqgcif1apiiaes3phrf8fz9p48apbrpgljf1/pfcwd0qegdqpyuuqtdvtimec1atmwma/dx1oczjdpdnk8m80j3myoafm+w1dzngyk8rsu3ulgzzfqjaneepjigz5+0bciaa35zcnbx+nqqyuvfxpkgytsdfzta5+udz2to3hfrv+2pa1dkibpc+2vnas2+vjmyrjrepuwz4b1t2pyznwmpdfeb0p1yqmy1w9jk4fxydbwofijjmtuuxmygqydbmyxkxbifdejmuykut+kijm3y4gqhfdegjamucq5tgulcdoctheqbyvn1qsxojkr3/c3fqhsnkwvohqts9hu1kdqo22huuqxdmuzwk/ealvspi597g+t4ftnvt8tjm+fovjl9mh1upkhdbmmkv538nobbbcmriinivikmaa0nvy14xqvxchu3o7lywcdapcpushz2ozt5jha9ftp+vrcqcorm+p8zdjqsce75uv7ti/58n83our220pnep9pfeu2nonegowxfc9bqgphm7knwfk3s0d6fsh04yntgel6cryehny8rpk/anri99/a6gibwzw83zulbpm+3jzrtn9ubgx3c+i9mgc3gtlfrv+s7nqojgo5b3livej2mfa/15nia1ima4zbjz7o3ewp4acm9x+2llszwy2ohmi7/pp2ti3yy8kjcqhpvobnvdoqptyxrecwr+fhcxuyvhns5/i+stpdaik3dqez0seicsef2rdr1kz4vmem1xvhfzhm0p/6obwz3dbzd3hkdawk6ubu1m/jjak9smgyz9cfjvdzjiz7nr7putdc4yv4x07tfdtcttbtioz+s7cyibncdyr2o3w7bt04v7rnslhimzkt5q72+9ywiloqzvmnxsh8r1y1od+ks7fd2even27minf0gxfjqjr56lvidfranyybmpp43bsghvzo61u2hzjkjuxzwfmf5zbsnrummy7jxxqxlfdnzvibomnotpldho37kka475md79fmflzm/76nxppth2xaxz5q6mi48wq0xk3qk+vnuwisq6lvc6pgyeugpvpzqa6vqtntxppijm6szkkwg6nm8ybwr9wwlumuuze5+ifqgwdxmhrznckv4fxmmoluxdkrnfgzagvbjs7ebxrspenf1j5qrcoccltig5pkfq1kmjrryyhu5/we2gfachlafbd7ib7bvfgs3f+hrxxizadvkzrx8z/pf9dil9+g5we6i23ktsrfhltfmv0f3nifuzos+dv5yyn5qtk0v42eqy52fs/tcb64zxxryxgdv2dhcjy/r9k3uuylbmxnet6tijbchx4eg/laofkaobmkh3jtgl/ze73d0csclnkieca24faaa5/a1gjdz2lkiys/chmparw142s5l558t82q9hyvqbsdypiiohhswt5op4xvcobkhrxa+yq7t1oyjkpwsh2u8mprupet7j4djt4r7vwt+i7yfvnp5j8y4rbabmwn0jwagnnl6/sqoyxaygnf0/jilyozowkj64db7bnhsvpwxrk7myggfvwactaj+affdwhxwun5ujzbdvykcwdfdi+4xdygx2vbmlilkrophffuhfeviwyajgstsorftlxo+t5hjpkfwncv0xno2jmp6rssigrdnatgtfhqavbzbakh8pk2g9qgrjxtkchrkujwn+ibnleqdhi3nppj1cgyrfhptcb9zc5o9lelxoeyyj7puejgyfkso6h1k0oaypeakqszxjolhoxv4nqsmiai4uhomseyq4m1qxjqq0mbineys15uuti//qezis0iyd0t07nqchmbet0eyvltavh/dhhqd72tvkvj459/jjdcllobig6yq+vxykxvwgctvozclqdxryejqaxzir1jwhxamonpnvs3by51mqyjum870jfoydphc05m4dy4cb7hg/u2lvbuhb80t7z5ihiec/byo2gapktyckztwpp7ssgkbpukgeogc43k8n5fme+ikeve8k921rjxahphqhwmzdz7hqsooih56yfoaortd7hiix0hjtslkbdmd4rswbp8lbytrecx48kturntodqxf1we+t52n5uacap9epelvs4yuiexe/orl6b52ndvyyxmxt2wmzm7ta5pnrdll7xfadhc/nofoygdbtj4mynwa0qro6kzxxvcmmzkbfjmdqccv1rttcofnerr49dcscsrmgm4v724zny7rkkw1wlpkuw4tviwosotyglukrcadlez6ttvkhutlkvb+nmvangdlceidh0eqrh/thodwt7gdgsdxkye5cddr5lm9zvs4kknr3hfyvcv16z1zoj1rbepyj0fncddq3p2t5r95y8sdgrqrb9vp5udkwn8ymbukjb1y5ddj2/ai4q20poodxrrd4a5o8c4oa082fnwkqvf8+ceo97nev4nfn+n0xh/nszuiyzjsad+dw92hbnfrvwzu4hklbgsjsy/nztk9s/ywvfq2nzidw8y8dty2ikrg2yp1ru7zomkoy2lohlpd6aoregfjybjqodgvrdqsac+igshrv96gtaa7laa5zxmh/k+mxxkm7efyisjcvj5en2zbvcfvgoq95kimrp2istydcqpi92vmcexif0tl13twgsnws4yrcrhrnaqldjracsrvpixkogto2uk3ypy99kcmjkhebluv+38tfktrz1o05oeaetzwq07oqju8l8pfzuag9fidt2ps3jypmeuycpzd5ei+ocymhdzkrz7pudrtshgzn0drmktmyuog+yogqnhuk2vodhrybivoxxubtb1mpanz/0bvkst27y+akl3yhsbza4zbviyxkmewzlxtqusqmc4s9jmaxyahblaxkvzphutffndqauej1q3m0capqwycxiswibka5quyth86agslof0kvlmmf0xqj/iygnenixrarrxcfyus886nqjmwvkgfcwyfr7ovss7j0sn7hmptxxror+c1jweguxqszk2qladsylfyotd/kulru8ob8t25wxvwzjnuxzueb6ufmz+pgaacelou8eqt4nusmkotqv1rd7qvzvh4ilr6ezlkjmwd2ok/jarrrco/nmd1k/iqfvbcuamov6eim4fspvck/ivq17fr9jaadwz/u5jdl29zqzeivlzeljrlxbc42st9wmll5jcl0jfxabahyh/2tem4mv/yciyu51pq7olfmixrrieceq1pc8rw9t+abm6umsysrc+g9odstaeg90rptkva61ucvwoepnitn+bik6ciy4o909jmi7munyv5credbj/tdqbllm3mp21bznqyixvaf9nkvmvqpejccmrsjps7qolwwba0xrd9vjzrywaipt/t+bgjlphbmsigsiymzet1itn5cotv073vyn5l1ifftwzu422ore+jcqjpvu9vuh6qimlmerqbp2w2bbvqmgq1b4iey2vtfraq07wz4kofbjjiqgbnln61ezyskouai140y3l2ssjewj90mjz1lht1uy3v3ibjtm6lcxw2aijcvfjidysuezbspghollmfeyvtt+1cwpi1er9y/q8uo2vxxroxhpbwrrafoczivhmov9f3oi2mukso6qkmdvfj8f5e7avhrgy3gcqs+mwvfmiksa7mgkcjql2znxjpn1tios7lfjcocn0sx2bekgwgunrpssmbihj+x543mq+cjz7dpxd6qrnm7wocnmk6zftdbdivt3a2iipr8987bzomgynke1/fnirwhr9+edvqt5rzogva52cceau4xgpkpf8rrxs0hx5nsb1/fjhtdvdvquybtc85cmtzcknta0ogu2iwad9rh0iprmwogoftsyqqxdagrhzqme7wit7wsrvsmbhssz9fmkftlwr6oq+8xre7r6mdcrtuexdb4vh33pu0+loefgfislsn4vy9nf1dgg2wuo5nrk1rsbvseptph2ikgq3lhxhwvppvp8w/s4vpboixife0ucfamrz0v2c2hbugmcrcw2ma33ny5mmnfcrqyyjcrhfxsfynwlachllufigbodyqkrmheklpvuwa7qx5pucd0ueslxf3aviof9wrrwqqjxlz7kbxuesqmvsgusal6eawt33bi5g9dmndzg0e3hzmvgrbhndt4ra4au6yhidcg1b2fbjgqxkg4otitkf3yllspkz4ptvpwq5soqtnta0tmwgw4m30kywpfwvcuvnmgoqi8hdofs3bh37dwapsa3tc7jo6l513vfon49cbv+vys3x0h/+8xyk+9q8b+kkf4/2k28whafksg7lbtnhmwozdehdvxmvsvsm6znfrbtqhbvqdnybavdmkdgo3syma7z64p/2ctazvuqm68sycjufdrrjzovgsu9n2connjldgxnhkzmw0eswof4oozxtiismeaxrgwpltk6qk7/mzhimjjaeyx8od8eaxwqnxuc6dn4daqs4uyp6n8ehctx1xwbdj3vrg6d28i3anx2mt9k12do54du9eg3oe/qqm9m68ymht2mr9dd510m7ydrjuguur1ahaajdnwgaqigkxuhsryrhbclw+22koaitbawezm5wxc7taxlphomrxjjsul3tjwqxnr2hdjspgcfewfkqkt/ioge7pxkorfihbdcqfcqows8h6xwdf1x/e8sskh0olmmlrothfut4lqfnen1niirafpsczhwqvtufksd5ythkm4aggwnbsxlz8thxnw+rhgsimsu2jyuf5ntrz+fsg81bucasd7ydtuzzljqhtsx4cx+fy9ahwfw/tf/+pmuklnrrnp4igqqt11r3d+eiixjena0vg8rczc6hsla33yogt7zinn6sll/pzekhyopnbld+aumxmdbk33x7nwvw7h6hij1tirudfy4wfjmrefmnscxk2il421mb1a09kgjny1yfhyiedtbi/hza1arxibop6bx6wpptvx0udbap5bw7llnhkbofzxc5et7n4/djdzu2d1+vbissekovzpa4zfhy32frdw5kgezer456wa5edn+m5d6eu3eqhp5mhh7rsul632t1ovv+7ecektc4/34einsvkrk4jwkhrs3usppwvpicxa3mpwkn5m5lnphvizvhr0icr+elg4bzcilidhgbcxcjevkpz1/akecee2cq82wwisoscw3clb8+momkicrtrvv84l3ggc0czyb5r5dmmw7wwx6bq6dh0jl98imqvopyuy/dlcagxwfu9fj/dtbee7kehkhvjfxog+/+mddwink5jem6zgz2x64tdhg70unsihl8g6c3lpbmfcueduujpvdnut6isnefsqleu1wooqktyx+tcs56nnpa1r/e+xd9p+mkhoepkz7m0377dihd3hrwqfcllltcbxpvnv91swxstgkio88rdzheexu92hors9uofce6d9+6wri7vzmsj11nhl1hsiyt5/ocylcreimlifvyzlvqxql5zxbzevdocef306qndkque4408y9luguxpfb+qxl6pvdcwiyytwligyqru6nomrdrxxpktzth6iwfka6uixxmhlpgkwdydszoswjc/nfbteum3rqs0mmwlbmlqf99tugr0xx3kcw6/9zgpbeuv4n2hn6a7q0lkr0+dihlrw33c18eqdtzlyxwn3sbrzvotqnpf3nipckeyfskd/esvecfupmdqcvgnfeemklrrg1fxkujrsxllg/76su0yht5bvqfcksd6bd7vsvi75apfzollvxj9uxw9jt94hvzvjtgmwan088m0zqepifac2xndaxdps3mqpyejcdlyekyenc23iypjth31/dmlvdqmurqx9wirf2vuvfntelynfm2ejnhjvzy47ypm/mp13y6/pa802dhrtf8bml31n1v2z1t7ckzyypaxo2jwke4fb3zszgzvfrrocpldbhnnm3ljc3zdicmgsnen9hcr4i4ar5eo2wju58v1yr8twnucvfhwavhwcfepmfqytlh2vxjghx+yvwy34l6tjdxiocehzsfcdnroqehh3vs1q2wtkkvo4q73gi5p0lyom3gmnu8lepin8cermxfkeuhlu9frx/yd80vzfncsdkxlh9criscracdox2ykobjj1ark/dbxkywggikypriaa94aew7mpfhqdeh8hj72cxsfldnhk2m9shp4iltzjcojo+1lo7zbtvk+xjlkfdx3des7qgo46yjjadudtpam8emyqfpqpncyp6bprjw0cu4b3yy7bh2paqtbk2jqb7t/ffeacjbbj5uxzqbvg3ri5fuydotbyyztzd43dk+6qvj6elx/pk6ropxcevnxjfpy62u0gych6ykyc1y06/51g5suyxqxxnsqj06odsksgy2o/k4j5rstuf9hqanrm/1xkng9h8ujunpp/kxt+nny0crt6g5rt0sdlwememuult99jik8jlwb+yiy5c3vngsb20g+1so6oaomhptfvek61wt8t9gnmgyexrpymmtle8bttvblzgz4gan1hjcmdninjtrpla2zmbek/lur2+copgjfrwkn2wbfgo0vuryene2w80u/nfzc0fhe9wdqiqzm3i45xzohloz32d7uo7vire4uf/okqvbbvhr5irr1fa1unidpl2umjiv1gsdgz1bpwefsf2i8j5tixrcjkfy3d44vravqy9ueu7r7t4tucbf63odqbue3wnfnplfnty4fyrdc/0km7whnw1a9euq7x2q0ie1b6aefxhswsqo90y/5wljteitfvbpnxqmctygc0hnaicmbms1l+j/1n5emkombiqkskixoesibjzzaiwctvxth3kzctspbvbav8dfzjz0z2wnboh0a+yqt5xdqbrq9m0pfrmjzist1juxeoeig5mjjdgugrer6fqrsq03zf6t1g2vetoqrmsxs1vyoy/ksygn/7ktlypl0re86aypxvyraxjgtruvykcarfa1m7hrusp5y3wh8k+3xi6kwwi031jjumlee1oqptbrzwhxzuq/vjtctoiapv4ww0gx/tskkysxrafh5kvx0kwuvfxnq6iz9hdydyhtuh62lmnjadt2ppkee4s/owkclvb2+xulzq7g97rfrywqwertw3ktoyrfigvuqzxzhx9fcy0loh3oco/asgokl0mveur9sqfc+1mgtttqxil6kxla9vir9muu0pkuochul42essz497uqowg6ujx7kiwkd42norcciyrbrtmlpjcdsxjthbudnxkoirrghjhieaowjvlpa4jqtjsa9cntdxj1txqoip504rpvrvzwuebhvwxqjhgqi7j8+w9yb0prnjhs7acu5c/ydoiev6rzb+tsrcldfjeffyukaxbnyj0fos2my2uyuzvfs5pz+y84/ahmervlqm/mz1mnzy0owrf10z5sgoanm1nx7zcjrcde0dfwv3vs3tqjwrwa6dyt/4kxvzjeckqukv9adzbqfk+j2eaxy6la3mhbaibp9fbmekkvjdrhdiydj1rdkkme9ws1hpn/nboht5ttjbm8e0fyr+sgrjpg2ono3fse2poj4ojc7zey1fwu5v+vdutq85g0tosai9xqncr9+pc7k71awtcdg5hlc93myldd3+n+ubgyfuyhcpeircgbefj48slcyyu1lt2eqa3vfzjqlgp50hm6hyngncnswrirzvgin6ffsls3xdn7x5vxycluvvxrlbmoectwnguz/6w9qhzxarxuxnyutn5zxs9acitdmngvdhucpnikbq2tnbwypwkenug4lkfc2f4qylq6/mxq1o1k9m7zjxnqyyzjuspny21k+dco4hr4wy9b1ogfr8xtsexw4a4yhgv12oybga7cbcvpfmi31ivmz48jo+t5ais4m3kkk1atc5i2nwt1axhldy6clm3wplgxd6ttcai08nwdqorog4rxcrvpxd8eihm5hve6gyrlvrer/xl2aqqrecinmh+iunhxyzzbccsphx2tkylqypyclk0djtc01n4ltdl9dzudzxftqvph6yvbd6iocjyca8jml4ryrfvwzr+s97z208afdnrprzlp1nrpbpynoauhlktg/yuyfivbxtuzyuj3nnm/hvdpv1w54iu813em6rsylpuy1yzpnk6rlxmfttbnd0o0y9flfurs1izrsdftlntcf3xxm+u3aw2nhc1anuwgwykjxdueqtivz10wlnbc1si74zmtvtufjjb6ws3wqsbcb3ec3ejepu4divydfnhtdcymj9hkzavxteudofirt0kfkmudn8+6de5fghff3objkvizi+kwpbljkluql73u1thydb8hjzoxvukprmlbwvdmnjfn5+24o670q77n1irkur6il+rqx/74faio+wwnddq6a5iqcsx/b7af8ja7pwsyjm7fixz0hswutnkar9rh3rr2xpsxxodoigayp9uueo148jcobhujymvamqixoco9k7vduiftkfe87rlnzhgk79jcfio3kmcem8ebmvpaklrvkuhi8vpk2n5pk04zw9dnlx/vtvpoid87fk8a5oe1mstruuyucy9zb6imd6x2nythj02y4vhhkgq2m2r78auhih49hvj7sb0cntryfut70yno3ihwyfudz6ek9bmmymusr3nmbobdqd0tjxppmnybvfrwrn/tsepectaw+98ydi2gpn8phxafejzngyb28yht7qwf07bhg0och/n69brjtbminaqdhe3n/xj6czriqrd9i4ykjnixqvzzag/el3nixxe3diikiqokmf8vybdcsovkyoqsgfb8ftmki50dflrsmgud0lddo89evn71u+wouzhtkssha+8f+kaffu5njllq965+j1v44c5fxidmqzm5nnpx3zekwwpj7uyt8u8hveb69u83nn2mldhiqkxbkopmxatmco30sewrpw4pgt5koxb0ezujluw37egreldybu7m6qogw8pbvjfkxofepvf8/hijvjf+zp9vgty9cspwrnkvy+edxhnrodotembt8zclcwr66gizihhpxaxmnsms/bntr3bwki6kra3w1f0yakmouipne6q03i5ibj5lj3okbxb8butsciyq3redirgw11apdt9ylfpipo4yisraimjxgd/ovwwwyigegijg4cadpslhg9/6yjhsbw3f/loi1plt52ls14zxnaih1iouxewmqhgmyw5frum363ziwc3ipktvg5c13ztzi+4claoftvmquv2tyz3bso1p6ew2elhc3m620f2alu2gr4jjrrhze6grgq4zaxc0cz2abrvb+rbk7iwnwedss1splncazqzuabdrvgalbwes/l56azd+de35ymrxqouucf/lt1chvgjx8pjq5yig7layjaf49ewq26e2phxbkmjmrff414yjxsrpeqqasxfbpckrfnxaneohqjfkkoehtfm1bc3bmt7kq1qxoqd+dxz5dp/e7bm5p6uet3zab/ayzw9detanie1meaed1husad/kr4tt5s22yaftquuk119dbuhkgyiixnmbj3c6+k402+zisby+zrpuri6dhcxku+ftvh3jipc2cpsiidhrs2u6mnticqdx9+gd3fzhcnrs1vvavo+mdpo+by8hd8ysv7qxt41o4jw3x5tpgik6moqzxqyxxkaimzcdhbiyu/osgc2a5cdvtfu1zzco0blyvgx3kff7dc7ft22rv2oiut++pzju2l2rjnpvmzn7l381wydcyrkjejliosnjcfkptbm9eqhjfhsdwe7qt+q4k0qez7zhoakooqvuhegrbi5qhs7hlryt2bj2rk2jv62yexne+cquwovwvhljxtcijd8hjserlliir9vtayaamsnmk/ypkmvsu9lqs5fcvhjajh+nybiev/f2uawofq8p3arb4rwbq6dxo/3do6opox4dtwut9zowx6sf7lpkgzbj/d2dkg2zgj3ar8csxs7h6shaverntdrwbfrm9m+bs9mc589twmbehzxgk3h+nr58mbdqpsscdgwmebuwhu/htllusj7nf5uo8gestwni69dqcuqdtg63jwamkiclwwnvojh879ddhfoyhiwelu5jjjatp+hldckk5u+nhaoiyrva2+hwdmtdtvcdmr+wlkjyaoy7vuel6931ofigxp2rgudpqmf186tju0cs6f8d1ry9te7xyd7qy7qg0aujzebe1unq88aows6bfdqcirdfnqkf4ep2c5zrlkfz/+emtky13nmushjqmi71dsi88ym89+fojrya+nace6cgcjmb/smivrhbseyfs0nnzrlf1cws5hn3zxm1jbghyjxhnviqif3cl07z6rgotbac1ofxrxrkcfecmhwxj/niwvjh+95hs1n+21ucuci+wcn++fida/sdb5hzlvdmy7xvctdtohisnyu+yef1psw4utq+whpboograodd94d/kmwpsmj9qagxmzcydj0gj9+tyv2drritsho8wu6icgontxkhalbkydgyio2ncmpvkprqoykgfpmwwu3ksaqjkhrovlntwqv9cknonkmwxylhesexgqannp03/iqaetxbqjgn0xyj0ejwq1tptkpcs8t2swwgjrj9zxxqrud/mynk/n3kgyhepklvtez0vc8uibnmhwsehzrbm4lka8uimb5zyob3noe1q9vgb3ruzs71o2z37y5wevej5ibjb5fqqa+f+thdjrng7anfdepwevfipxd9hrlrigkvc+wmalden2ttp24umnrlxb+m5+zlelbijtjqd1f6d9zbklbf2qmgpybofhm98uiegljfqmcd0nvfxdrya8mu/v7y6hkneanh3czalqm3h8eyzpt/n6fapftroxgdnfdqc45gxmnlwsnrjsxlynlgxva3jd7gl1wvltmw7/4vvmdvscz+l9mbpb8p9yphtjkam7korzt4tovqi+e13frygt2e7iztwqjk6p9yhprvlcqalq5hbkjziefsylz1vsbluucedzuaxwoeedj6sgrwv3ppftziutjithnvucwtvp6qbtknqoqfpl6cjvfk15eutxgpy7waosw8mvrcczjrllghz48znfjhvq4ce3szuursqnjh5bfpa87ddyuo6qovvmbovcfi14pnqmxqnyc0gujpt+p17whkffwt7s7ysk2exfdticlazpgtjkbtdnizp6ecv9fv3mfax217fre8ryltqu147mod0iolo2pcws/z+zodvw1twxwsnyg78qaqyywbdjx5waav1pm3mihbu/bdr5ysnmlqdqdcj0t5anpjs7xbnw3qf4iv1etwpqfvgbfeq7bz6op/vnadvxhxidhsr54nh9ndjaunmci2c5eivod9/cp3ykul1hfe56bluy1kjuotxgfdpmx5d3nyo9lpuxggrrryejxjterwgbfndhsbtcqiksunbtlb3ty9jpou+ky34yrlj9k33zyo2udr90zdrtu4e3nwmbxewhq+0l8y57/7epmeglyj4r1dr6fnznyrpooxptkhxdeahze1gbwpx8duppzz5pbl4hzjglc2y2uydwsn58/sdcwwq8dqrezr8wia+sj4ipfiet0aioow0ndzsrem9elhnhzf0i9y96r1uqx106m6/q3wxn+92zyhi9evyno9oejiedvuuuaxrtbjgh0mao5odos3yjkiqz/2+2t2cug3rc/jk9/pcvaoy54dakwt518orf+mjqii9sbxvc7qgxbzbhncv2epynxyyxi7v9fqs1/l3yzxbjpfpvywb5lfazvcbuhox+drdbpn++g3ccwzd/m53bpqqknx6gqtpv2aatkuxaqwyzphat/zfvmj6zewws3tlakfncqy34hyz9+1qhttj7mqllfq9r+9co1t84ym7f5wep2g2rrnhrgwom6efl5ht39ymcwzmvyt9jms0h48dc5zu1vsnnavkh4n/xeevpnv+i//6yi9t95v9ou/pvhcd4sqsl0r2lzqzi0qbyfcpebqrokrxiuwr3b1gzbzw4w1vjrkre9dpoo4sy123lyw9r5jf5au6532ut3f9ued0o/lkpnk7ihr7rshx36llmbdoqjpfc073ljztiuzg5ig52p7s1vyqpx7o2s445iosihmmiqvmxo7rahdreouikugte1etdgtu8i5iihvhbqu3sehzsogjt3twpvl7ubftfousc2h/gjlstkn8xgbv96k6su+bwt8ej90pjjl+9qr8g5fkiaeghxu+t/7aiz1+6mdfrjgovppy8b3az3pmi1eywoy2flirgnhrztgxnrhzw4acrb2lzlgydsremo7msdqnqhn1nz1lujduowtjqnsufb1gkfvgoqykfcilq8nyq3ugz9fmrmcgtkr7xdwu3akao4cc4kpmsyrl2vhfc4mvn6ukaw4fatrxhvzqpd2u2k8zfgxsroytyl69o5vovadryegjo0etsuwp7mmkykk+vk1jald9g3pourqwidwxvm862doma60vcruug3cejuxzxkek5ior9/u1kcpbizrwc7xbu7ckjnodtv4wslslvrniemeexohdturzlczulcskagbwvss2aqavnccrtojyqmkml+ti2gelbpqhz8uu1lh9+lwao2iopdffumwxdr8o12d8a6mjhownhxlyb2pwjk0w6ipgfpm5c5mbqok8yl8tpp1+4or8lyb43k9t0djrdb42bsldamhm1ne5tjecl1rst1erbviplrusxdhfi+eedktzhckulpqzjsy7szfyffjukkips648xubjxtsyzdsnxg4wzfjyfskrryo7sqepd0liylc8bxpk93bxikgfcogoqtdvxsox7nn5vf1godprwrbbvyuetjxnikgsrwslrsfuqd6idx/w5bnq5t8qsuuxevp762crgcuocndho3efh9b7mhpdrcvh64v1ktccqa7uwesgyxioedhkyht3b00e6a+be0n//amvdux/f9gol6pvd6ldjgsywndohpgflniuzp26lanel0amcdqmojrbv7m/z4mfz19c707ih7mhqzufbrb1kgm0yh5if0pcxfleta7vabobftdtwvpxfz3kwviaihdbpkwt6kus7tdsuksuyiyg3gtbvspsiwnxwmhhnqcirhxzdpai5jfza1xxbtex6qihwscm1ujfifywua50zoxpwad8q3ncge2xq1u7n27+sm9k+ksxi2m1cjwk0nn6de80paf+ksx9fvdrcgnyymagmokb25czh/10yeyrphg7hn17xo/6lq+q86d/ltbidmf+0kdm4almq3zdzg9uxpxlsvnw7u9qvfpvwxgaak6bbbcqz2pwyfivode/0ty97w5rs3l6pyp/wyavphnkryuutuzxlsbhdi/dp/dmf71lug96ikny2oussayy8kk45itchvqltnwh4xcpmffa16hjdwj2yb4dojnn1tqrvc43arzqh2tcoqnszwq+a7swxyzyiqw72cupmnhnb4go11u6nvun0jeblbpy0h3ysseuse5utu19puvax5svte1fecrbgwop5jjp1eueuufkmsbskryghschq/l7n7qjomu8938oss73god3rid/usrqpibwzmasdkjofxr67duqgj3vvaz506j6tqkcf2dm9xkpj2a6mfytgcyuf7ak6dee0frk8zrrwjeisvi00ormgtyfnejyrodytinqiz3hzcmk7stck+krei2nks9novdor8bgl65m3xl8k3wygpmxo7kk5v7zh60szv0wuswjhv2pe8mxfwg927npxgflvpksdb9cf6op/f0oekwzcfi+5x3nefnzcvbgs4igurqgxuckxyru+glzhazdkvokaepa8fecxp5jalu+wvgsuuwozpstsinelm948b3nlwk8bcokusjzni+sa3xwaczpi09fufrqa05fsrvwhay51xaoi02tec1r2efnwzylt9z9//6+//5ze7o03gkx/sjiywy//6xqowh6sy/2z9k076j9/zfym/2ymcmcwxfblipu53l2tzkz7qyox/9vv//v0pbbv+z9ljcv8rn/rdujxv/t//sx//t//l72bq77//2/7/d2/hunuwkib5e4czn0lntxdjt5b/zmg+m93bxbl9quvdollematbm9shorchjfqlgdyn48mqxxhudymaomtyvtsxsdkljacdrrvtw8g1dnhpiboyqryr0wdzbckwkb6wbqkg5oj1xlewyghzlhpnsvk3tvegcwwjd6w4kph/gyfdcin318w9h9ybo6jyepx6j+1shogac2ugj3/c+wl94nsqjpg9jxh9mptqo9jr3fdokdtvt+ivnybu2pzt2by+qvughgshhq53yctoiowvp5vx6gtbclnnlu2ikbhksekqvlfrx3vuchci+fy9ibt4htaq3lggnrotr4docyiqgvmqaokmg0jegdga0tebbf2vaqzjgo+gy/foxinrbkoojkftw/pqirt1paw0f0ixgp22x/czgrct9mby4zbrx2m7dqimhodk3ukgspk2kd5moievfantoiicqarild2qragia+0gqhd3ogglv/xpksk/ktbgzlstbxbwexnyxxey0iheiencbb0v+0fz0reokif1jrbtqgrsbyfaiuw6prlbrn+y6lzyttqxyrx27iwwuyer3qvdvvkecbnnzgqmlddegwxz9zwo0cgckgn4gn4ysdfqblvjkhzqsjlzntnjnygc6dqxe29ix1luvkvlnvote4dhx3yvgjvcbmwxcknqxxowb56qq/g3wol7lrtlpetcwvp1mcq1eqi6+sber1n3n+9h83t1xad4jc3v8y5jat4km5jp9go2ud5zo19dhsh4xs+le1cpk7dv++pp01y76srwl+gx6bw+bnsvhzv5pmmexo0ys4du5dmqsjzz73xfgo4pi7e/8csenxgqbscj4eivwymrrcqyz8ab+8yn+8xe01xfmyq7fjtlntiaqfg59zhvd1rs/znfohgpuqh04jdrlr596rtiaykmioqvlcretkdxq7rzmitbofy1mwyxloeulul3e3zx2obtspeowgj6glsd0ykiujbmdpipiwefickkl45qmriian5d2ljraafvbpev01xfzo3xu1k/9vsgzi/rhrq6poa+essssmae7b4ua5chvwaljwiuevfg1dk8hyhtlmiykwktovkjds2u+cngh9zmrhtnr4ypz4w9yfbl2l1yjqtsfo3okztnezmpjzha3vwoku6omwm+bcpv7oo79mrwpwac7rk6mdgajwqlxxtbn37vtgz8ztz+nahl+7sy0y2h9akt2orcrgasu9cvybwmmjuzkb5fqwlvruvyo2lenm6qbb2qsvkl6ygnwtmumd/iuel1fykmeh9rlfgaipnb3egwqw55pvtmkamnnige3nddq753wu1i32ccfrsjymigcvupk2zgletymzonobslvs9ktado3kewkedycuky68ygxlmkizyagebed7jcvehjoaalknqknkzyjhc2yqwryvmgzgqeyg6v3fhtvmpenipw0u06ndye66kcitg8ns3qvmoaxs301xrczhjxqnbtutqh+gnkjhu0ngm8kvckmhqcgh+j1mkyfemeahv6thtcnufvz9cpwu8/0mvmg6ywz0qiczoc0csnxdzn4yaig+yjdavy6qjyma2kvjtph9wviyvml2vrjqcexzxildo6qsycbkw7k29qvgtpmxtd+tpzxgkfigx4zfpqcusxcy5oh5wh7assrghm0jcr+czecru7h0zvxady3lri1cizorts89p1vgzmz/i+9br7bhgrkdfkrfrqrsj/ckt0gjfburvlu3i1vgcru29r61ddegxz97y10vilbpjap7us2gqm4oheboiwvmmu6ktttwtpv1gmdlctqgqprtiecgywlp0cjhdd73fzhpnww+yfsxll2nwoi+/lsjx7zfki5tptmre28xpefbvrrxwr3rx/gqzc+kbnkhkwtsvmhos6d0gfl4f4l/d6u48x8otvpf3fcegvtgv8krf0vvwiy7vuj4ri4jdedoxlsmurdpnt+uyrsujpblrkq+8tusvdsb8lbwc1e32tlmviqoyowp/x0zzpgkt/aya2sk7ylybzdf0tdxuujgqbqxzcmg9m/toubozdhbs2kn1osalywc8trxxbaikks+q9dhztp5axp/n7bkpacxcyhqygyahlla9qno4irycpvkyc0khjiyswqxgj72nlz+5ptnoy0+tsgbuzlsidsdaoko+rl19fiaojcbspwzqlzlgo60tp1y2d/r6xtcmcm/mv6onp8pkvopk4kzpfattm2hlmrlz/xgyj7fawxphnfjmr99nl4vznurbhcw3ihvk6acsuucfeqv0heywnu8xnfgj9oqxwvanadbzk2iw5iyoqblezmc+efw6trhkvrdeafwqqduh5udxmyxpfmnivrkcexyf+xnnev4ijftf7bnomeri8xss6cvwxvz9w4ajhqcepgzah63wgjc22ykvn73lip3lfui4ehbvjgpvfxkpct3erkmqft792+2quygn2pku8a6dwir1atz4fqlexiy2+sidq51i+fyqwadlbn0uzm3jhilpnfjvkxdskowgpgsa5gk8pr1k4cs7g2dgbfyjkrixi1fyv6pldytbnxkdcsdfqneulpidclgtmf8z6qmoorbx8bb11dvumb65sibetzihwektqccvlhrgzjryyblfm7czrjoh1drkeddnwkzmvfx+1l7eriz6eenoth1hbyzyqnzrfo95pr2xqd7qilrvt4kznt21aynqyw/y8dhhytrrag2bo9w4sjwgllm4enm3syku7fxdjjkxry/ykgxsvm6m1ik/ppjcufr8qu10zyfhwwsqwux/regwhbaxlqdmijsgw9txra0brvkg1igvfj7lzszducedjzqoejs3kbuxb7hfl17vbmeyq4qzdzhwx7l0tdniu5ncop50ekuw2tqspwhfqqruohlnux8bipgg36ft113nh/jrhmvgmr30bgza3nkxljqpa6qsawzlecpil0xa6yok66lxgxe1loou8koywuklzisvfianave2mdkjho7i+tazx7/axkmfib1w6rmq0haq4nsh5wn8dcnkk3ibcvttn3clnwkei4vnaiatd5vggvqh+u02ovp72adutdaya4lw4naodengcxxykhbza/rbi/2skteovwavslhppwy9v64btpqiqjts9n8ua49etwuytqlbxznbipd1sot8mwvkknpzsq6ow5gsmjvm5a4wsuzhwq+jbamkk0cdvi4lnh2xi2sfnnowl3k7pupjcucre22+7nfvrpj+bko4opz556kvqxaslxbrxnbwrrrlqcxr6t6fpnftxi7/ad83iixvo3cmabdfhnwkvuixtuyz1y2dixvmwplnatbg5ixjmf0gxj9dmxoaujsdvnrbgbp68d/1r48yitzemc74krndvu4zoj5+lybmv992jqi/evb/ebvuca06um7i4mhau4iqnp8bgx8u1qmlqxmz3fbti1merheby95xdsm1nmzzdb+n4bgnwwxfv1spndjvt2yiqnkgrqnikjf5ldd+ac7f2jqx89w6+uonb1sqtb/4st4ots9pmc0pyjdqdriy+ruyeswyvyljjgwhlrocspgxhaby90jxjuidmrjw47dyj6dlmq6csmdo5eny9odbyg/sv1dlc87hex/qiqm0io9ovmdqpyb92linrp7dbtu93dgqzbhf8aod801gpa27ahvsiwy3ah8ethvkmnyzl6kpqsc5v5ci5cstkhz80aueyjlufpc4exrilj7jhnchayg3d6ruealxovjxk5w96pz5jz+fcsjgavtgsbwxijlfipq6g7hntwkxdsyi1sydyynno13dv2yfc7fpddk6ckvoq92suoo9rrsocffhdcch9u87lisl9tq2yyskeo0l+tbr0ntyobsik59f402oiqgjzrtggkoshz8v5ddfm6grnuwq2fxwkepaimsjb5whrfpqv3d9w5i10ixztb5p1wfeojmqizgi6pc4vq9waspimf1lx27vlrr42/aaz8+gantuu/auj3sqfkvpwmu1elrbnqn8ts80ki2ipxzo54cjf66jjjef38b+ue4ehc+he0wv2q74vbtwtb62y6sqv0doicdyk1h923aplwzygnlwzdlf+8zajuowlx/texdplxcds5ufabrcf30ieibslk5p27m0bsd6if/ipskln8v/wkyzpq5byqcmb9rv75hlsgqht+artbcgp58ztligbkgrfofdlb+is3tat1q1aduigaywbqkimt2jgddfubokwxjpc44hkdy8x2putefgrb5bx8rnuik+xe0xoruketc+p/jcr44xqfu7ranyfht4xujbv1bkq73e4ngex+nrzuutzz1rpynuz6ztmq3jyba0spinyi1pz458ghpoayqy1b7zteme7pzjsjhnk13ymmz9xzg8bphw00gbthe1jrps4rwc56/gime3cxzq/l/wcrdb1jbeetvynshd1vfi3cgl9ajth3ma0wqxrn8wr2u1tyiw2ld6qwn/70afhw/c4kvruotw6qgnqtvtltkhhoyechwrbprmqkldukwuzuvb3pxi/91e5ik/qbxcajk+xtyyxjzr2uiwlrszen2foi7khrf9f+w25hejrpybbvrftgl+vxrxrhl4i66xxqes25lpaiqxizj7mz3t0fpdvrwhgctdyo+wywz2nvezgwvigom8po6xb4dgftluxru4o2vnndklin2hx8lqwzo0ayxablko6ymmis3/pewvczls75kyzukpggxkyi20h4pukc/jzdwyfdffrmw0rvf3hm2qhymr3juam56fdot7adbai5zlkvh435fkn0ncvozctim6c7hflfwp2lavz2vgipn8bwj/opabfoov7mqkq3ehypgvc19evptrsahcz7/qklzvlsgtjusp5nea2ekt4jnavzzuaffyxzddt0+mtqgfoxa+pxjokoh7lhlzvhir1t++1m00lkugxzke80ii9bjnolwcuk6zlogvycwluhl1arsg2+8vyrltcgc2mlgpxc7rjetfhiicheol1lapkxy0ek+t4srklsqk6yewch5cb7ltbyske46kwc7uuhac4zh1o2ooe1g4a5mxdmqyblkpefu8ij8othfa7txe1dwfsyw5gyd6fli9ouxiuhh7rivwj6u6gifs8xoi48pagsobs5t+lmnm7bhmfv5knbtpbhdjdzgaiyduiku3huqah4a8nwfowyxskokqf709wxbnijhbhzbdhjd7g0/xhhd9rxl6zeak6qhasuev81ppaqwiirmvlyatrhshrmmqg1cv2izunbncy5posrwqz1ktlje5obzreuo/adngkiekm4kkjg/i6ftrmb5jajxywethtw9lk0uaqygwhn5b2onnehx+bw8nd+jrmbsg6kh3tmuuqrpahu3uqcmtrc9wuoivqdkrtlnisk1lhehivg2j7hfcyw8xigxer9m1u5yncfi0iwtkryvdklngouq0cuq1sdmbvr0htrgc0kx7titj/3phvezkl9ingevgnj7zxbmym4s79qemwdrizomtbrrnyrbbrqzzv7sdvjw3p3fz9lpeptsdqqj3qjwtxuo5opfohf8abzqmpslhz7utqh2iardqxzu++d0iuzxp6n7kxa2z6428c7dqsttfxiw0v1oflppvsqbdfkheyjgniylt7kgzyiqr7sglu4zfijst1vhaezqytj6jq/w07e8+o9u3nqhzxhho120fzu7yc88c1s7vsb7m5gxzavrqthet+yfclk7jthlddcthwzc63gskaricqzied0ui+n3clwzfagoydlqjrzuigrvejsxzredrdwnd7webihfxfiierwhnymynlfxtb39171g9d9lbethab2fgvtx0yovk71+ztetzqw3ncsjnqeiywyv8coiu+29pspe0o1qvvhohxp9gcm19xvo+b0fzycqn+2mkofssjmx3qa1dopp8rqctto44wbwzn6sj53asbvjgqvbvnfqu91czsp4nrs7mzdciie577l06wxryxgvhfj/cf+bl4sfwa2yqcsjfy5djbfltnbun3ltwona03prji7tu92thobke27l8yc5r1zymymonqp4sjfsmqlonvld9swukee2hm641rmwxs+5dddb2yhpdhoxvrzcsfeve/yegbuu5azgijcei/zbjpshpq0z7emkhr0bq9qhskrrdq40+jkjoxxvqgorqltcmdfapikkd5kpa2b+q8+wzcxkvx+4/a3yldfilsewokrrrdut9vy7bbfki6uzfknxim26hdp/cji/uoagcrtl+evnapyywdibbjpcvwqj1e7p39nd1gavgtivq/pgz9lxdrlr+3rulmdcvv52k0nam5hpybmitjfc2edlpotpjrgdatnmow84qol4rzuo0m2zdlxei6fnzpm/8arkfuul60194ul9eu/ctlhaoppagarlcrtwtvxwhkj+4nyyo5bb0ih9ykf+ec23ksjuek1tdkdqg0em+f+dsrmyfcuroiifgtei1cvr1eaugspthnh+zdmiqqwarglhguqjsahgrvi0506k+xmc087t9d+vgrxsfpy/oaekhxjlq93t6v/nh9r/jiqfggcsxen908evqgzi/errhwpwwzmqcauehddgnahypgqifhqpxkrpejwikxzuqugqpnzfhwtvogzm972ql3novarz4n5htwetq3jwjkfemhizp4cbgabz9gkhz5smkdyi5yrbwiebqn2zizpc3ze1ra0owmuzglaqsnrlv0yz9d6axqijtljbjanvmdjdnxq+t5lmmj2we2cpfxxpfhdhsjz/jnprsl2gmqfrdmo6hqbaueaftppptbcfi1i/vum7ugkhk5eohnhwg/bkwumjkgq91bkqbee94kg2ox762n7isrb2gnn3hevjgkmfzrkyltt0dy9unyarfnglnftni5j0rmdltqaosgtntt4rw7+1lcmvjbdbugt9pliw6rfwaturhnubvjnz4tnkstvteon3pjohav3w4c0qzlhgrf9hoypnpb18rovtgxw3oxg6fyifzihncnrxhbxdcytkbapixzo3jbfp1dftmxp30niy0swldfu6bvqulypqrrzl+9svt5raap3dvkaknxd3hrsdg2ekkzdwqlersbjdnrvlt+wrbzafe0fdvqxm7zbd2jlty7cfye4kfzbyytuuthmpxbdnzbm6ndwv06dya1pgwpww7p3lqvgftce48tuhrtfqrhhs3uxxbzbivo7mpzchb23vdt2mavbcaygscptmsnsjj7efw87uyghhtckghttwpnsxz/luutkj+o59sy/ky49dbbzhuaa+qgwqeljlrqkhv/iyjdzor+9jh2+w5jvcsu140fj2q1+rbg6i0ai+g4cy+c76sdr20l8yve2435hpr47n5mqvpmmp1yamnzfb+03qm9csfjj0lwuw+jnlzm3mxgum9wlmybfbib7iacsrgacvlshhaz+dqjgpl+a7mj91e1xfzvstndj71y5um2ptei9/o4ozhygpdugrehlqxchfw3vjrb2+2nktdcstzpzm84rll2o37vnc4gvl1kzyzi/9zmbgqfrjicwndscxtbzg4zhg1iqirolhrz1hf+sjwvo0vphywcgjjpnjqopl47n/w9dhvejgks0bxblv9dpnckqv4pub6mok4ny92i/3yx0zdh2xb319ozklaxi66vzgut3q6ya2dpbkdwdoj1sbpdofv7sftgnm8rqvwsj1dgvxavca9d9yjco0qlxamduytwbpybobafx0f29sgupd13fey2ze616ov7mkdfn6v+hdkhjeuy63fcvcxxxayy/we1iaskvcrxu1d3mclk3qgsvvi7lisynggoqwuqrejkjktcjqs9do/m/pijopma1c7qrrulzmq340ch/5gt75kwh+0diai4fxvc7r7rcdz0y3g1k7cnyds9obnvdijo2ca6oo7ufvlilr3kfsakvtl1brclaaeufjmjscmpv1ptitsqdbubeli3u+nd4+l7ra7kle57jbbgrgrsjnt6s2idnwqmtqnubsl+abw6d7xfsh6rgifugd01z3fktsmo6nz5qhb7z4sfwvxp7j49gigat+45rn44izlm5mu3hcqmwzlrpd0wznxrghm772qieljflchlud6lnlp141xygi2l5l9x7vxsz1n9e6oignobw2j3r2t3h3zcpuakchadwtjutuc180jrjzkx99v9v0ouedwukwg9zrtikt5ytg0d6ehxcop7jltopkv3nh8b1j/u3hlutflcdrlqd6butp4pwbdh0y8okwn3gbtsf9xae1o/fczvj1vm+muzpqm5tyftpg6is/wpkguodoksj/x9aok4bz9eo+ywsczylchyzshudns03vlaibpeu5sniwkdih5zsytpctbsr27wnc83tzog9syemgne+ykjrjr0eve7xf1hgoe7dqrhbglybnifwvncvujcifz7fgcxfhirlmavedwc8yge7wrryniukao6rxnv7esw6gdtgdfuwidjfl1c17tdc/idnuelxxicg/vgg8buwraj3bxwoxrero92+qlbvfyjt7vzwpe+nlajhyfrzrwabh+vmynlwxcqn+y6ckwzk0hehm7pyukbwnuf87awtug14p36iqzscg4elg8tsqsaivydfiej8ayxslakyiyt1mkxvnaqsoylzgodw+oqn2e+utyp+psamomkdsbw3xre5yuhe7igydrsldupfq+vkzzcuwby+f1dns1xqdra8dxzjwy4kz2w6ltqrs3ftkmieugn7nduoti0fsn3nua2ndopcztrhh+ume18zxzstq7v1k38ejwdajdkrtq3yqqxrccpj4q8x/gq2kwqbja75/gv4wn2uyqzqc1qg7ibrulmxqctn5qmqvhrwi55ikkd61wm1wqhnotwnwh0hkclfh29j+iim99smgtalyuuxgezan54hig1krvtoa5ekccusz27omkj4owhuwulnvboeciqkeoyk15fhylaxwj5j2rquzay9f56wsqs8u5bqvc+clm79ws9dsusqetnz9arh2s6iyii0yjzqnozsoqoel4w8kygwmhjq7pnl5rlahonezqxemytti1dzribfgilwxrxnb2yvxynbyvmpkenblmbzxwvmfrtuipb9wx32m6phhwhhdvpbkhu4jbzqqj5aa8eeluda5fc0dtxcqovhpqqr9h2kiypb5jz/2ph3tx3eoksj3lxf0s4hqbzwrfuci9uvdzbuyw/9o41ooiw178s2jff2jeqys9twgh2ltpe4obtgc45u3b89baqibijmqj4sjkbtipiyhri/p1fmdu6sdr5mikzyfsbky4diagza84kddym+hyru5lxfjumjuj1okccz9abmqpnyxwmba8c4fkflaogyvw1yrxbrvwfozqyfynefmcstio1q5sn55mnyrpr/b6jajb4deousdackxxct2ldf98hm1wgjkolibcnexfxrbdeer/d/yvkvcimwam0n1nmr78siukjo9qgrvhzdgifzhz1oxszqrdo9c8pv8ux+osg6ecikbhuv5o0odu15a3t6lvajur00u3otzbu303pcpgbfgkkg6muyf7my6rajazparibvcwnlz0u9rbdcwrh9rzj5s5kof9yrmtt2i2kt0v+b0lyhktdxa5mahi/ec1rfo9bkkbwas1ym7x1ui1egeq9x8xpiuhyuw5wo+9ovf7hmmzem3dudps2ly0ycatzj7l2igpnljnf1bd5r6pzgjug/gx2ferzfiy08r/mrcqdiux2wf5hcknri4qsmnhkbjzqx/44rhtnac/ckoc4p73rde3k5ymh7o6evl7dpwuptpq2uezkihiat8l4o4pu6+iu5iqiv9ynozd+0qiwyt1okxbpb1gbpvu0y7x99qoykyyotiqr5wyh3jfxihtwpw9cyv/9mbqcbj3mkntawyzqxs1bujmreflrpjibu/hindlvqgdxzhmkxhqqww1hex5nt4hqpglbvevdb5azdqyi5d0chrjdq5wdgiftmwm9tfg3ak/dpvmmll4rova0iqwiexhtgwpszitmifiyr+lzjuyucz1kwsgx7zgou3py5sygjmeykgjuatyhxks6syxavpymw0lyktkii7bxez1exdokwbze2uciru+qes2c13yctuvnwqitsg1bx11iwkpcrwlwmhitsyfwfo5hc8ueynyeydy56t5hdw9hq8vekpmwesdop9amtige7m3+gfyvl/u05tq/cdrbhh4pa+xsbss27s1yfvuxramk7iwfwhwkyyydvidxuvsjiiy8h+z7srazn1tkvatjwfhhdp12zgi8fslfomqurqjefcn0akcjgvgwjmovpfzcvptgsx71wmxofp4nlkwwdrvxfyk9rhe/uvlxirmux0fpbex0m8ydwdfmrjtoalduvqnxi/qqrpmgqs71powbddpjslizzqtuyjxi8yrj2rqsp32ratjkj7p+e98ir8xb7xuho8wvku5v7wcf/wonfyqoebltjifkgaz0o/ri3imeibzyq8t4bld87vzgga6sd+aabzfl7m+8fk79qaos1mpf89dstomc8jjlxegftq5ohorot8ug0w7wxm6vgigz8o/lznaomgqaumotkhsy7watmgqim+vn/ncex96p1qzw54gbsp7rxxvvjafcuqf5uan7hmyipqrzq4iegn7e2vcxivzgm5h23oqlocnv9zhcj7ye6un8dxbo1zndsezcm5v3wscbeug9oslf6nbr0vd1jcf2sqnmrqnhzoqq2oe3fe1thselv0+lrzi6azdwd1esco6u5tldns3aj/k+cls2ad616u9almzf274nxxhber5pwvkmnupfnaza0fwphhtus7uuaim0pyvrt5qr8osovbuve61uusdsgs9ro54ne0alb6myljqctoi4m6zdmrrinctnvpqcxla+q5mbusg2rsqzjzmjvmesb+tvvomm0dexo+dztq1j0pltjkhep0gvg5qkmg95na4lzkjfgrt7jdjm5xfxinfith1y38tagaa4fw3qcxoj0ykpmdikuzxntlpwe/vviaz6lseieknrh1cwrmycs92khlyta+ncpz39q/y9nzxavz29op5usgdszmi3y5xcxgcu7n8zkbyny4s2wj1nno8fk8jdmtlwuwl4mrxrmoaocdgqjlk9tvenadpkp6wobdko3hbahew3h+y+3sg3r42nmgh/2ry7klqzoat2vsp9cluzskbhkn2egiyfdoia1usiv/hmro7bgmfoldjtkjedvctlcm9hodqpkbwmqe8ixh+au5xpve8/t6/9qckmy9h3dfzjl5j82ufz41pnspkuusmi7peeyrnfizx2dwepb7ejwqvjvluqsxbv/qckk63zneileduiubcjm0focpk7ikjenusrhjllrazli6ghyo6jsj9njowmwyckrk8niz0a7u5mkqjjjttjmljhfq/qkxjan0rowijdbrbturk3b9mw2wn+lzfjg5u77a5rqhnbzta87w4ydz4plchrm7si+ngitdqnfeik8ptm26ipr7wify0uf4bjucumoebzl7enqhgd3lvteml8rcfptxrq7qtsr53in+vpbnlvcwdz3dfipj2yej2cvxifrxyavtuiy/ychl6fnzdrq9isdbn0bv5ezbqacic+12zwd5mish3ma8hq+dbrdud+g2thcdnnyitnxrkpmtynt4+kq8sapxuov/tkfatvvjvdlkr8pf2ffnf4qcoh6hgmcmhvsvhoaqjosgeyw64cnmuc1/li18rgp6zfqdyaszd5ymp7v/3mxpoo6dzbwc2hx4yjil8h7ozcihc8fe/izbxumky8sadhoqzymdftpyxujoeqz6pdhr4keaibsay6o2dgzigetincdphrdsqciclzicevcgdnhfnrkpy2lo5w6al3iqtuqdtqj3ggsftbn9gcg1kvftwjah/qberdlqzs4nycxdmfduvehl07qqg5dxk9ebnylaymhq+ds1lxu1jo9a628bvujeojprlruaavaazbazcgznzyqbjvn+oq85vd1rxkcacp9vqej1z0yybi4pnkgqyjtf72zpbzesddrnlthg6+vnb7wltl93drnlrp4ib9iwtcjb6rwiqk9srur4wbwyovlq1y28khzlu96ah3uj1tiaqbubtux8lrxtgw37gn+elile1mu+a4c2xdntobzqqb0abh/gcefxewee9hpmbr1qhdqlqtpm5ewt7fopm9biq39fqjmlwrcym3wutuifjagse1paccokq1kgsqc631flhtq21x7gszfsppd/04wde+mdhk9ntarl3hbjhsxnk6fz3nyzus5lrrtvv2joeatvclyzmus1rtap78fgu5frmfs/fsa0c63rsreb1vkoyg37j1lccqqrtjr0okwh3iz08rp45wrsvfee1kj8akhkw1uluih6tvtuy9pdc8/zxurgtnjtvuugvxugqcr00ajfmk/gartu7lsnxexbg/7aqq9ien0fimmmxnpe1ww5xouqwazkueeijaylpi06qclcfl7empnakl0htev3xhuxaqj2dbsq3szqlo2ruqxxvvovq7voyseiteyl1sgwec4saogkkvgfxa3momuoeszjokqnqqymyvndrv66uqzdrtkfu9rabqo57/dccltmdfxykx9vrk7ahdecd15fxfcmeby5bowdnh7nk852a819usswbajihqqmkcm8dw0wywmwv9hkeqvztawz8xnuptcpufkt+8vzhxeejmgnr1oslspyofhqar6/men3seoydwhdemgxedqu71fcmfo2qqmnssiye7gwbzlpodsa8ybirt3+myjiyl+trljxkpszq4wri3mnnsypi2yti+o6onvubfrt+ftkeprvtimnemqfidqanjm524apwduc97+r7yhmjkvx74bltnmezejxhv11gp+2xr0uweuvxhhiv1w0/k2le4x/qixwn3i1rxtruucikremenaif9zsaekozfifrflj4jjsz80hqsyrwixpse9hplkqmww4osetm1oupgvdd9fn25m+0dk5ll3fpi113d7oabu3mxccj4umdnmux/ez9zgi37ayhzrkd8tf7zarluz4boxhbzx6wfvvgljrvmo0+v4ifjq8vhpygeopkhmpvvvjg/u0w8jbtqrsg7vcbenufriav77qjmt7ck38b3zprdaaddx+ghlm0ywm8/zmbbuukrxjpjtqyd1qr5dbsp9h6y9a+kc3qavvp6vds3bw163ewauwjw8teuhgoe0vfnyjadm4s3bnmqzmruno60bq7ztmooz0vxlrsmqotpmumlku8nu/yxnyz18rrh8mmmdpp6g5f7/foicrmz3nvemv4qwl0oidjkg5ba63grnogoezulhixmbec6m+xaebs1uyn7mrfm20h2budyt+mw3ch3pvjnxqdxzoqxtle42uulh+wzqhqyygypskuqrh2fbqufzsvxtrcw/akpabqym1ccstzem3gx61zp5snakqyquyihlhq4hcqvhr5e/fl6eq7nblw/xyvvokmjrvjvbzbof3kqzwlnbt1thvnedd9nn607lbwahbbie0n2l0niczihkx8nmbnp9e6yjefpy591p+ramwnv7vtz6vchxbsp1x9uow9yw72ajahsaemhgjk9zue6lyac2fytkktnhlcvsyclzrzd3p1yt7oj5zme7y75fjgvrr1n7cbbklnrmbt7qqfz4hklx2mj0em9bzjpsxs4zlu8jffz8m6urhrsv8obhzs9fkr7tjxrp/exdhnmvrqkrvajbdjvxutcgd5r6q+dxxhxdeiebf3bfhtejl+1bxpj7x2aqv0p3bsd2erjqu+b9drg5z2gtz+nqxijldhsoev0x5ekev9+0+oojmgcxzztymc6mssjdzrspgqcprtqy4za9qxoepeyoipsrbedzcyhctd+sph9mz/ckmyjsmedszheioiqnwciycqlxobdpiet1dpsaziqc2vdakr1pjcs3r+cbw6yd7tcwla6zmtwdyd9dlnkw968qfxautfv2wa9jqvwu/uyro4iq3s9eyz73j/jtnscjrg5jwnptla1/l64dl6ofjwjpumks8fpwnusz8+44oe2hyq9zqe3lbcbtgkg87lqrrssqxwv/qyhkooryszjz9wxnobdbqcz0byffcjw3dyk24czwh77qjfuzwoqc2js/0c6bpleufoh11xfuh2vy4vrt4rdifuagp40+zhbixosaxaf2puu7nb1xnw9k9dn9pd2o4hzzznbn6pdalrvhoqjkv4kyeo62qk+y049rmjzq5rojebg+gzx2ubxa0mxaadfxhr160m25w2pbtwb1qs8p3mbelrubsyczjbdhdcr3wsnutu8lcflzi5miusi1fimvqhu3k4sqvpnuxgyr3e1w7ea1adbhebzg6pqvp8wbwru7lsnpavekhcaj5pf3sgk2jdowsykluxumppgar9rz7e/zhfgrsft+k4s+j7im9uqo2iee4jhvd/obsgeh6xopaukszjgy+bsuchlanwu8e6yexpfu6n/rkcvp3poivkklal2xzyxdqtpdnnhwvuk2hk90st5djlqf89grux4q5j46y3qpniymimbay4dlia57vhgsmvm0va38qveiprdks1+alkpi4a86+bcxizioaaebtgnm4i8rvokkc6awkdibrpsw26iuhv2dvsxbelnem9ddhivngs+e1wli1mpjclor5mzopkqcbnno1mrwjtvviakzdhnvh1v8c5mr8ambecxtwwcqij0eds9r0k3gsafky0lzg54xzfnzmkoss9raz85wu+v712keu2kux5v9+eparwl2pnx8zd4j7et8nqn/qt8wu/ulixru6tsizuddnjxlr0x2sifdyrmva6ywsnsi/kay9+ym/dna83ojo9pluoo9gnt2nv/wlajzpu9nb1/zxf+ejnyuuldwdyb0zima7kjmieynqis73pusfpskyx/minggpcbcbgq2kfkwi7m2vh5ffnymnge/7zfzhusja2wlq5dutkfoklxj2jdsrds+xwdnn8ccdju+bzse1ko4xknff0jsme+2mxtdkld0nyhadynrhjs/gzatj8dgf8x5+fhloyok4lgbuxczal7g7th3wlbnosxzmex7zxpghpn4rly9j2uei7sgajcde0ztyailsklu4/+mrs6khxuhdzqj9z5oklk4nmjup+gzgh7enlx4uujmxsit+qe58uqn4ilbplby7x6prjzevlmtiludjcr62idnojit3ut8njyixyz3buadxzwhtdcdxyxlcqja2lypq7mxius2robtpbb4tb1xc3ma5cphugfy41socf737zxul79byqw/w3y4qrh92vc2mkhbcc7wklmvxo5z/put9pqbfdyggorrrr1nigsnwkunpgsozolovag48bofmhykuzyshpe+b9hz8wwzh59ym4/6ygf+dovxoivxzvoexoe++7ospkmtfnbg5vjtmwtjwcsrp1qxm3dejhprdijqehe0ra9czjuebz1+znd48+78mhnrdpcd9hohobsqh1uq4ijwelcybc5yimdrawrjd6hsaz01w4pdlkbcmhl3aos/7jz41gujho2bzze1/08teqdr0vpbeifqlppazjsz8nbkuphagxigohvzv0hiluyymr8kiibnffufuz7ysfwmyuryojggr7hfcy0emjoogqn3njubnxrnfr4rhcsxdxbdklw97004rzvahthsxxd3lur43ne1wc7/vq2+bytzh3vywv1fc9vhnbfnzrxbq/vqlbvkjsmjuqzo/5fo2m++5jykgb5mekixqvt4g9tsqq9/t79p01b/lpjticnw1mt+75nypzkigw2+rjpqxjtqps4zvj0x1bsvea7nbnh2qpd+xtcebuetrgczhejlq9dws9muozmpfi9qjqg86yo6uhkceb4dv8zdeqtgjqanypbtx6yk2taxslbiznaja0oi4iakj3tqlvu+dd5p1fkrlcwtem9hblhrt3uiylklw6tir3gfs345b2gcd4kcbwtj9k5bwyovnlsq6j7aigc60bnxjgv+dnfyq3gs/1s83gnwds1dtqptukwedkbupc04csbkccdz67lk9qkdni+o8um11gz3tsqrjl+mn5hdzwyqokcfdvk7eo2znuttxypmzvqnft7+jf8zsjcanpt4d0bo/pwynbvrnocjaqab9hp0o2vnsbpmmoovsyogmk9ouhubuo1sqipqm00rlhm7wzmhztaexql6inldmv6v/x5z3d9770czxls0megv1fyojucvmwsky/mducmcw8rlvualyu/x90t4txl9+1xcm1h5ybe/jzl+eykna5fv1080snevdozwaxpfhgo/lop1rm1ldm9lcywwmzrcpzxq50fcrykmzrqir65trsi+ibzewbvgowvua1yrzsvfwm2girk1ukz/elkzoxpukdtnivwipjdpobj0rxp7hqpmxml9thsfchn3jztnizurcnk8nybrxv7x4ovf9guudu6ks54u5aefonud5/pv/xpey/0rdetbinmnaz8uymlbp5gms4u6u20jmt557krepncfevbphzuuwnmjkektg3pdzzgsfq9tzofffafnk1jxgqvv55oxnjc97zn/je6nlthvj1htmowxuvjybodif9shrcelcibqa3him11xokpouveswuxn/hzb94zcvbeyrqn1k57xm1fthtvkdjpsr4f4f7yrvocdgvavspc42h2yporu1yykr3tbmu4fuyuyld87szspxaar83wcwyynqeyhd6gzded72mfeooe41rbehdwlz64/whyf6rfoswnr51tkafzrquvczn1nogqgkzpjhf71zf5fylclhccuudjht+8i8mcwqqtj1aagd6yzm6nu2z+dcqn87morkgygvvpcldfcfzjqbugos5muzv1y0dcuomzzbhrpjp/xunb+rtttcy3sls3wvmcz9w9yroid7xwyavdcjotr9wpufu6km5jrph4p2hywhqxhbbgyjxfsbu2qwok1q2x79yyvswx7nhykv5m75rjqjxr1fppsdg0jgg2db9mvohamw+uhb/j2jkycrkpwl85l83disntnhdjbi03fu12188qwyqnqjne7vix0+obaldjvkqcpuck0jm4l4g6rwtvvcj2w+tixed/6a6cuvgj60i6p+asxmbmjxbtqwu3ilknkc/xjex7zgf3intsqxqjqnkkzptgbh6biyuzjxx0gw221h/iqwki9zmam3yhlwsb1sqonblyg1cr9pcxous24pw9kauk8+inybca1m7khbv/xxslopqaw09d9znkh1yiadtifviza0p87iaokbvygih06lvjzq6ek2x6tnykwg573v5i1mdy/ouhzuehffbsmeyomwibeuw/omkeipjd15flgh6sw3hndljvxxhl/yhsp3gcmfsdmdv2esgjioztsxjquwqm9yakluag+evevb1rectdonnvwo1ynawexamomh4jocsrmomesmjqjiz7rahjd68r6zwwpaqjgzbq9axk9ilkc8bkfmy2ufjtloqp4r0ukukqjpf5cmpbpfr+m0+kkqxml5kf3acqozwgfd+pi2mca+yyqjzz6ibmn1wa4i2bdyupu6npo2dl4yljo30naykkwe8q59bxt+k53odlgvy8qalewj9r7rdt+t6nbtgoxtqrhhwvrwihyxmi20exc9umytfh06cg6taqcr4jfxv7nplsjr1vh+bxzjetbwhxw9vdtvax/idwrv87m/yolsntzosc76wj15okz9sz9trnvwe2zspujw5ufkpracesg0fctrhevwcx/i3rlygsoplsx8zcz57vaiuiaubd1j5s5uvhkwekyu5pcweo/kzqgntohgpjrzmiyrnowk+r1b4y0wgyoxqhrmdgejiourjwuygwroengxibwsiemyqbee2wgb127j1qz4qkcvs3knvhisv91m43mq+dqxs2t2a8razz5g7v1sen0grvzx9c6mcmhtjlh/e88t9kjw3r7ditnlyxgzcwaiegf1lbjnxjh0fwnxvwxoqdzvuc9qgkkrbw9yhj0zssdiherfug73q+axj5b4dl7nuqv6udaygztreyordpi9jekko+pdak7/f6wc4+d2gilt4ug7fcrp2yetslct8m0zpatjycrhtd/ghrtlbfflryb0ndcsgjijynpwrxnedcpvkqyiybe7xwuqgq+emiqnfidnvirk2imd3zlg2eqqykoyweqkihere89zicruwzikn+lrks5wrai1iecf+skinnkkqgxamblni1oxoh4plmjs9yms2sqowvsjjmkmtawnomq7zfqnzyi5qltqbvq9xqsdelrrj+imuoaayd7fn1rgcua3vkeenxs1brd19uql3xvtst8qnmfi73teovfko3fzjm7khswkhyurerzid1q8qy1pojml6hmfkvl0h01h2yu5la8uiogsbliqyrez1hzwoeqcuz02yxihdbzp0i6t+iunlfkfxy35hefw+ucmafutxyr3tsa1cu4h53pwrqpimskuel2uyqzuihlzybcddmdqm/0w/zbrlob4ivnigvvpqdjidlhhjlvz8lad2csuog4yoafh89jj6ayaxhlzrnbr5splt2e9cj+vszidh5od0+zjcabpmqhe1fuw5sdsvxierh81e5rzy+htay6wkh3doq6v0rvly8zxrcjqqexqdfi5fo25qqvvtagw9jsn+6gkv2prenqqpdhnczt+seds5qtdg+duxfpiuqpx897sh87wzs11pxztzzxmfxo2vz7w6f3unsfqmwcq2zi9teshizutxlxjkzrnqqo9fdeozxuhfty4cjqnpum0s538twrc46v1k4gx7vntratdys+eicqqki0f+cywvzntonntra3bpmuvk7znaqdyesbhzmkm6xwqj+/ktt7qsyz2m3nyafwixix3umuxrekfeuchmautewjppsuh6n7oz709hei6agvi1mwekmegepsp6sarlsr8q6bn4xfwar/q2izhs8cjimsvpagazgv8lihb7zcy28cmiyqyekq+o+f/hemc2mihpqqmuikrdpgtjbwgxemkg4kjjtifjut81hkxfamzpibwu3bavhl3kg/hvxvtkuzvquw94q2rtmrhkzmmgkrmldunqh5rlmrymuegm7u7ywlhkx92+kgpc53zijy9jddpizjllfdsmud1pshebmc/q7gm44eakavk8m47yapaso8q/mlmmmyj3edrlrjch0tc8zg4u7qar/eyzuvklncpsamywphapncl4z8f974qz6nsb/+nit9oebqmzoa3w1iqdsufbsj4rprxk51nmykmacmdfke4h0ue+7ocqw4gdk0jutu7ofxsjrrb3iikg2t1upuwv5qhzmobplemjeczjsmebskhcqbycxs3pd493btwjg5rirnyb5p93byk6y5sh42juuxpdvudqjhklxb2fagbrrctetgzaaidhac2qsychy5kpcg7elejlbvybr7xa5xthzvah4klgypxldnajfc920qafdtwyocjaswkmwhtqn3c471vx14912xhj71ekt1zeawr5t78o6bd0w0s4qnlnviifpnzdoqm1m6ofpfg/kdeotr9pvb0huzuqqx5h15k0rj4/glq8fwyobvlne6aex7pc8ad/jxcoq1szyysc077stpl7z+0jkvi+i/xj8+o36pcp6lm2uh+nv65dvybe3assjczeqplein3t8b9s5mlsslsc/isrrsvb0t3butn32emi03mlasi3e5tzut4xsfygmxiw2y5rjahg65rpdsut8mn9qjakvlrgdiw+tq9rqxgq9be37i9con8jmezs5xvmtvnrlomc2ngkgljyaht7pemterev2ne4viukoqcy0rkcnxydgkp2eh2sk8gzd3vefcxedmzbjff5u06lroathr16gsrm2pkz2xkt4we6dxvyu9zqwo/3kvch1u5bk2za1brtgqqyivawusamlgg6asscbfngije1mofyho2wmwdn0kelhtcpok/ss3b6vboln80d1t0lccp2tj+hoez94+hs72ybfyq4lpjqrrnoxc0ej6f3xfxe7kzm7t6pxnclyu90ohnihnaj8ylrvkikzitslaxb17kub6c9egrb6bpilswbkss8ihay0lmqcwqbimwthu0rp2d4wngrexbctkcp19lz1bs0t6mokhpslulpjdslxccltsbeslb3ynfrdwogtjmdezebsnlor3lnqvw4zhpcmrhs789oezmrtnxrpnfcb7ooc2snthy1q84ujci3m3tlydq4wfup7ptf63dvdj7p0lqt2zazxry/g4d7poz1azbyh83cm3rgvgfxf0miwg6ftfc1bmbn7o3ug1xnd2qxtomk0nngdkkg3r9ndcrcw6mwslngpeq4uw2crnwj9c4/l/sn1ggnzpmvmnjttfopir7u5tnryvwjx52f48xk7rl3hzqpyik1pp0hqgegb2xtgwa3tvo/kgtjuq9xysoudyvf2x9insibiyivfqppkqdcsvy72lcgw83ujmr6edebruq6yba3x1u4zkfq7ubfwudyqp14u6xhjsokr7mkfe5yrthq7kbj2hqu2xhoxxrb3lceyym0yylsgmezuvruuzz4a5jgnu2pt2zqbnaktaajpduu9y8gaufglx0fqhfur1celckbttxun0+jvokds6l4xscugizf3cvjta63suk/vqvndxgoodjbpfrdk1i7l+5reydbavfdyllzsze5s2i4xxszyf0qnjaccwa9j6ewapqwnvfbtsotsnzurhmo1uvu8f712galvbkzt9vxy/yb0do/q+j1f7cdtp933dm04bvc4me97ndvjjspxjswo6qvlzhtsccfrdvxjqftanqll4cn6vhsk9tskzy3nkkbk/4btsteqm0q1uxge5kzbxno3lrdpb3m/a7sspjk9aaus9inntjasrotgidpilhpagacvjhlwmbvs0zetegh+svxw5mio3pwkuf2qjg9zw0mrx6l85jxcyrg5zjapifnf64myv9flctzmvls035aeklun+r4f4dceaqmirq3bzllqzn4g+a4t2eeecj8km4rqgz8ekxyzrbc0ljzbdppgtktra852mpy7jdtjxeyeleyrlbjypd6tujdqd9ic0vse22ccpb4ohqnas7xqj4x2t8mw924ri0hcnv2aevb3jioftrhtq4z1poq00cqrwnp6sgqltsrcgrsh7fhxyiyclxge7mgrnzuh5yxwfwv5y+kjtnidwjltftvgwrrlzrkr+kysdkigfup2eupivpw+6wdrqwrpg+ap8qgyblnct9ma0jgm5qienillm0/nsohsezurwxs7nse1u1cb76laf2909kt9k9wjftnxh/okxyrrowfi+5nublmajaje/3hqdjua+dz/owrotkje1zrt8yshfzbvvw8tkmbbyevihtvdmtqg7jawgtmxcw/tqwhbgooh7nxlidtkd1mbaiqtnhirnbcupq8r3j6kytuq+/ypqzkar7ps72vhelm6qbjf144cttohfd7xe1fjxens3tgqtjtiniev1x9syfcqdugqfaargnbla1b5q0gxe0xd97tkqzdakkxph0xndouruqpq0q8hflxpfzkemj2bx8o9x3fb9hwwmp93tqyf714kfrv2suq2obhybz0hyol6y45myiee2zgkc2pj2hew4ejemnewdevib5jdwgwnip9vyd+1uyvz2gfxr1sodvzv3c8tgcgaoirvnnasofavenv+vdgpy3bifme0pgotz+cv1l471pknbbpb73hwmvmeoftpj78n2mfvslcfdzes2c6hutxb3fmspa0h4dj+7zbijcecgcn8bsop3nar3nf7xohx9gyl2lpxbo+wgoqcis0dzhd9rgnbf30j61xfmsnhnt2qznmo1vetswmanwzu40kkhypeenxi/bmvhjdkdxahd1n4mmcmnwzr0pgqywgrzed1rifc3xtm9zzu/i2b03hjnncpkdxet254unbewbhzsi4c9diozfmmmmyelj8y0buqi0k9xyvs+fqoktymaa2tjd7eeu9zyupwwx34t0mri3jnmtnrxjxxifj297r0xqsqwz4cqxyox97ue4qqfh0nidphg3btbjey9a6oa5sdtpwlo8qzqbaqaodcvtvwhemfhhvj9otuiu7fwvoqadl9rxm+504edvtvhckjgvgqpncitth58n1yz5owmhqpe+siqtanpxodujxvmqmmtj6kuc4a3flfg3u79dgfxtgkqn2yzigr6kk3p4sx0yrdqwj6az6qrlknnltzqjmbeabot60vp2e68noka9/83huyyfkk3s+myu18acldn2rxkiwcz3byx52c2wzfu1nvkkz20exyr2ikxdtdeuelr/d9qxmi0bkeyuyeepsbae/sgap20qpebw7iqhangs5l3+5xt/tsujm/0tdcrqffx4zuit2wnve4uapkjiagxf1evkthcmkutgpxty/iinp1lme3dqdxpzrvkh39zf1ho+tcnfghwms12/ne2uuo3zbpj3yerdsponrbxnrnaq45+86yfp97vawuvkf60kpx+pi/cqurob0kcfgnbegcyytp8tfgya+r7qqefpce1tae7fxyyuh3d0ytj78rddz00d46ttflzyjscf+a7cnqisxfa5fvvparrcmnq5zlhdqfa7j2y3trz7o4upq50dvj2gssqnyaj2rfryp8mzsngsms73hw422hm465qdtiflw5g3pyvotetlt8jzjgu4ksi23qegv+rvmunwcqbtcbqkpazsn2jwx9l2gdskkdpw32c55ldbxspl5xcthu6zzx3bly3v85hzlnb28ejd4td6yl57y7ndzkxumxjdgpvqhkmk8ceagn/aj2exb4u/elun3kszgtisy2yzjzbueiqgveubht1+7k3ui67dob06mmibvjxdqqalg+fyig6b8wpkg6exm1e3a/dapioa3bgcivlbczvjq0ixrfyokzo8kawlfkqpouwzhhijqdtujshaiwivy9g4ayq+9x5q5jkgejoh9u7psqds5rpzotqmndrdgquaoelxxdlriypajppauoyexj1ikuz3asy0prh4lpnyrss9ia2fptxariccealv7zbglbn8gj6/4dnseojt0xlh0gndigkzm1kbmivxgf4800jou/qzyec/nfagxrewjtpp9rxh7cpyvhlfwfolqtextmntqyzr28gfjguvcstr26iahqzwhx+jo5v3cahu/d49t43hkysdpsxjo7kshl4a4i6uly8ayrvcope95rptp//p2//v5/piotbtfrmvclptm8pz96z9urlb8o1kkt/qldty40zdlnagiv0ctpftnvrvr/6pe//f6/f/9dnto/q67ea/4japg7l+b/++nv//d/7n//03/5ozn999//bf//ewxpi+0bdt2sznnkiygwsnnvsttzm3/chakkz26cvpa75au0sqzvyqk8efmwlzm2xqndjnditgiekhet2kgwpiqsb8f1d75nsfvov6r5uyh/g0ocbmmswwlgtcstuucx1nxh1m5zfu3ksa8t1byvhxhupvte7izfuy+d6i3djhftduve83rnlffdfagse9s3/xn6adzacwdlgmlu+ls3huxmpuqospktoki43thxczisa2oqkdipaje/hyyborklfslbdju2gtmpnbv6vusooqvperjviulm18nlblqcuziuq9irmg0fiajunpw73tztcwo3smbbuull3fk5yxe7unhtn3ionwyswh8+zztgspnaoms4izxudrasvmxkg/qw1n01hz3mlrtbdlwvdd8riq8hn8f9rxobh1renkqcqyf3ysyattrrq2/kjmrfdk2nhck6u/qnne/1xggw53/t7vpbvlkd9y6of2ynetrdlhgjsvddux1icoigbfd8ygvmsny1cx5w/wccw5a87lwwzurgrw/xvmtgtjtjxjuqkmvaannnjmo+s+sxpb3v3dwfkhuqupl5zzzmu0gmo3yxasxnzke0i8lr7azizvq6t1sjuwhcliffxytfmvslrscofcshkcuqql5jwuuyqdzyo9lqknzyihozyxr5gcy3cfnaxvghkbgqejkmn6qfp2gmyrm1hiesfv6zuoupw3hceu6187hhhf8jkm9miodfgguiwopdtobxrkhxrow3irqipltfadqnw935yqiprhk7qaylzmk7ca61y3/re2twkhq3jb6net5t6ram3qh4mdeoclmhzkbxhrrubsso5k2wgtgvr3qrf8jdjypqb51q5vqir/pyjxk4wq7rayujkb2vcsnb3uoe9b8h0u/xejyudw1achm3p2ess+urndzgh+xesr6kpfy7vyrddht39xxrqeivhlp2wwesjteyqlruc+c+zp8h7couurkhj0olzklbacc2bpskcyi98w5dhakzxrvpjqzgvc4paocqc91mqp8yy8scegktyaar093xuxqfhkefml72vuaivujdvo2wqmg8devmxhlqceldlhuwfcpyh2t15vndya9qwsl2yyyqgyiq+v6kdabvajiujzhj/h2bpco6yd15wksf2rufeui1xfehdzqybk73spg1zln+iz0bcllyzii93+lrzyvqdktibmhkj0lyjozu4bgwq1hwls+i3azv2qirlxel6nwbunpxawskfo9pxmy9y2jtnzpisysa3p3ug/xi5nwfnce4yyzrintnx94baue0kttujmobeue9cwevqf75zua4jmcekar7sapzgcxgfqzzyvss0n99bmcic8te2nnqi3nrwki2iy+jp/xbvvxpt+d2ya9pu9gz2xxkug2qalnact8wooow6w/vk/p4ls4qskoylrqtlkt7lbcinbotpcpnjqev372anmiaiuqb9rmseckhq12shef8tias2a0xth3mvd/kzlfnadrv+rh+nol5s8sovjg9blzsu/czrfvk3nnkm5rv3u4kfzztckm7lsuag9kfzzimklp1bvwqx0n0hmmea22ufxisk2bjlqswo06840q6kmf9ckvwo5q+ttx5yx08bpgiqypyt3tzk3vs+e+ptn2oohxb2lyvwn+2lcbs3urgnzbavvayrirqbh+wkfrwulizz3t01xequycknjk457uk1rukx7u5489pwo0y7uujnhujffcuorl2dyu8wzt27pxo+yhvibumpgl4v4raeninsyto7vwiubm+d/vknh1euilzacqxorm6jbcyavx+izbuoiyeig8y5wzub7rns7joppdtykuupnwwsfq4fc2ia9eudg7tyjxtjqvojg0p1i1kfehnfosmnov28zwur9xx9/vk5ep4bw/zsru9gcdvhnllwf9rcajdy9bvn05xtnw4kfljnl3lcuo842jxvekltbr8svs2cruzcts2outk4jyduz4idvsrscz6ni1ytew2kkaork/nsgw8jbebombpicte9fo1b1wu8z3fluacrv+pnznn7qvrv+msps/l92w2nkfmtax40bvtk3cqoxgue1276l0tr66gu57cjd5ejxfm73pesebgycbamrvtuglxi39uyrf3c6oqvmo78+v3fu5o+toxje/xi11fxbzdnjothe4+m3rtl3/k4ulxqgr8iwmi3f83pkbh3cjr1hqwm6madwi7fjywe6pxq2tt2c5epvfdfbuprt1ouic4bhzdzbdvh6y4vnbhlkubtqvd1l6w5uesefuoe9lemebzobhpaj82kwulq7qbdkjhctbuuvesfjnc6i+m53z1ygeoaa6enlc+e7iluj6djxnqw4rv7lillug7zv9rlbgpehw5psgdcp9wl7bork7zzw1hzznjndw7bw+69frzs1ynuhlwhnk62rzbra/zw5feujetbqxhpuwrxulffhpyi4zlvbhpygm+g8gslmsrtvv3czb90byy9tudipzzddzsj6x0mbx+rjdgo7pbil7xudmoywnp0bmsrd/kvtqt5w5mkh2cd2lucabojs/pyk/yxvfnnjiik6ugmocmchvzvl0b6rfi1xipn3za6fn7m9u8ywuvzogx/k3wetoe37qloxpznjkrsnvx72+zrclfe3qord9tvoy4jqu52nli/byc5w5dcawvpxb2rspczpuultjj1vcudmj7tbhxbxwpypgnm8ew8lqwot5norhgejsyjdf2fsx1icibt5k9ctmfxpmelxog8wxzrtljsyzwjte534katwlftkbu9kxrjwztjajrta1vavq6cnixpzwr7i1hheb1xdu5lpibazejv7vmkdmazbf7wgwv4zw+bcnmdx6hfxln4/e2bnbxenrgo7dekl2fvvrhxru3evqev4hizg7lyyvnggggfivtxiakh8mhrteoux8ie78rmn0dyuqjz/ymzcvenwp8nqjktise0nhhkds5gvj5zgftb0t4rgcg2wmnqca5q8glcilc/0rn7xh+caccwgq47hhliklkbwmq9n6sl85jtbxrusilrvfl6zsux1xuuidt49oj9jzoxndglnw1c+urrg5uticxwaj34g4q+zx7hnpnhllwyw4b8nejpmuicd4ydok95vmx8v8tdi+5uizhlp77havnocsdsrbbgofanqbbghqfaqscp6dnxebfjjgbceicydjrmpvnf3o7u/+nqsaspla7e+9oajuynwwph8cc7pouwo7rp4p3qq4eihc6zycplc057rf1jfgw3nkqicvwki61scu5tv/pj1v3ouwcdrepjkexolplzomnaivfuh9ovgidvhwukzrlqctblqgnrkknxvawzj0jzbxr5lnes3tqemf0chl9edxybo4ehboip6efvtzblzqp6gipmwzwposzeul8xkaiefw1jkpzbmfcrrakxobnrcdr4qmqmbdjvcndqthd/i3lshns6ynjltln4bolhntzdy74rqqwuwi+kl5ui8/p0nft+pov/3hv5rhcjnq0vkmtnlhhpr++ijbx19opvw8tivkkewy5yuoqnmtytxw0tnvajbcmbdo3tzz6riyqrcwaor6pq4okbj4sljou0knvx/ppclb/qkpn0dqt8aa1uspgrj7l19p62ec+vx/ecsecf0tvslpgpicmdeyx+lqizml97y6squbwv5oygvbfdiq7r+7zxsn2kp98pz1uzvrgxneoqdtkybtwzum6qxog9gzorahjcwihdsqsfkncjkl94dghjur6ikrnhehhvzhgtd8yep/dj7vqdetb34ldnvpjj9nsftml+j7j06/bneruo5m6bcqdqimnsecurugi6ndcwjkfwpnhhwrvltxzbw3ghtpgu2yw595qntq+wymf2csensme40tl3xcjwcrmf7dwd3t9r0o0h/e7pjthjqzs8zlexbegnndstrep4wev1w4tlslfoow9q6hwkangfvr1wlkykptpyxx1fkwj1ouyrjrvwnb6da8hgzgqrpqdhpzkzo1yl0vgdkhigz+xsqd+dza32f1ocxqx6zphcnqud8h+frybzdv4iunb2rf9bhyyesqdufvxiqf7zul8vamkrd0j2a/aacfqay8h/oifpsznoa+uvsiywlocswhv++xfpzcfyulendbmxt6a9zyjjjzjunrxnnnudkp9c7nfs9n/tocm3ytq0a0a0rwf4e+qwoo34qpdehc85seara+ooqnkjh2i2cfbszzh83mw566frqoemlqqu3pregfjzwerdaitzj3e82+3rxjg2q8wvibmngnanu/bu7g3puumhrujrcndpf5kfk1clss9qjsytzssy6x694tuo1hznw8e00emrste2+hzn7pv3pl5jyt1ukug5reli3ryjua3lt8vdqjcnb0ixhqhjdyn/vff0zcp02l8f+urse28hr1fl1joeplzmzbt6cwu+9yn0ggegwse3jbmkgleospe7oysgngrsx4ejm5gjynpl1gdv02ydglhdxozl3yddun/pzge3/fedrjandlhogkctwts22ngmjbmthtnzwxuuvzjmkb5gzviqkffwum4/zk5y9l0qjn4y7dqapxftj3o0stx/qqhtnojmp1yfuqjwaxgl3dooe+5bba9lovhebcc68p9zspss/etkhtja2t9sbzsdpzvbzdpt2qjlr/q8zctsbmvlra+vke27pgkhxrtlpiwuqq1rvf508maht4go6laurf2pnpw3ijemfneye1+djqucfuopjes+56nobmfszgrlhgxe92ofjmf5um23qjuolzu5gbg1rospz8veg+g6lw27iiswxlj/qeda4bncw1uqwevjoktywir6t5xnjhazp862ls1z9oqtlyvyjaniusvmfxtmnqok8adipnlbmphkjm4h8khx1mj8z4difx3fsooxdo9c2bqpkqo2vhwrc6q1rqmeysugrj6c4hi+dxmpgsm64hkjvmnghjsewbqbacn8xdmpryw2me/oxaf152owfh0p3teyczovnsvncxq36npbxch3en1zdh3trnd3flsotqfnuup22969nrzlypxbhubib1mse/nf4ccyoutkzwcztn3it+rtmxddhogewtxz0nszgmkvsd7ay3dupasvm3gmnpyga65ukdvinxaid35rj0n8q5vptjtygggzdxcohkzbsrgeh3rzumw9fpddpu+j4k20ezd6azt7e6gfksd61uezv4hblt7xcg0/skckrc3qfpnlcwi1kq05ijq85uhao7h2ukvhizrgm6fq1exfu19glfcjwmb2b0xslqtirvemrui+9/xdhkjijfxtcy06vvdx2dq14yioj3p/tnf2u19k8t9qevpazpx9y0ijszdvh1jvoitnefij2inkaoacipgujgmw97xhppvrrl5v77033zbab3jut/neli3rp9b30onmon0ttzv8xxmber51wpjh0/yp1aquzboknspionsr5djn8i3/h2sxbyq8yu2g1ib7hae9hqijr9n6uc+tx+lhlup361doagq/sjlyd1hb6iuoa3ono4qwpk+hnwm0cwdaf0sx/rjhlmvmxhvtc5cpsq1etucksrxbmxxpi+k9a2slxhlwkk8jravurvk6h7dfstn3f6bvyxokdog8b+9klvvoltnduu+psxt7c+5qm/flvmp37usna7yw6ispdxmb8whr8flzagjul+pgwlq33yrvw/qdma1tngil/zxj7my4bu7nqvbtu7keespqv2ydsjcdicqypnffqfiiyh4pnntprjleifvau+y3ntgiwbb56qo+tr15ewim7htqrnjv+kpozo+63u7g4rk6n6y3gpruf1bbnlesrmoyq0+mvfgpjundlws3bpwte8ruqvr54ixagej2xujgdduwyimzf1ltw/vsim9lt84nvgozdyyzff20dienyui4t5+qwbql6wjiqjbj2vfswwhrgh25kmjfshz1hk/fjsqttexlwamxbzowldtaidyue+liuxiq1n4sp92h+gm1twi9huliuy22ia+x9fyalxuxlp3wwtsv5wytwnocqoaehi2owkbwl4hvcvwm/dpfykoy/koao/5rcwcoie/e2sdykwbz3cuwhwj7b5bvllhjekizc6frfyjava5sywvod25y71/alncmcwzbjtpjxpkqa23wozxdeytqanxgnz8lkalro7+c8i54xarw/lztlqz4ycyj7ubw/7szbeaom13noyr6mvehiilwwi2a9mbahz8bhn7uppfggy45snn7reoowxgsrg/hm2gns5kbo/3mfu8vrh4vffmefq+d4ac1no143ovxohknvtuietfhrkq90qw1rkz/7lgb+wrniiw5sngsqmzh4rtlo4vununw3jbkd2i9kxydryhmbu1hfschw0jrowhlppryevupuckg7eqd9m2qrpkfcjkvwukt8pp1ypq9wx62tcfz6zohegydizuqhcnqnrtgkqfqmgu7i+ikmsdap32a81e2bwlccac3hslgdiwwo1qsckypy0ojo9/yg6xyhjp8k8doz1/vdn0u9n1of7u0dxa8rpvslbey44whz3hxc4rxmqq/8/xnk7yfupklx/ia+evwlbqqnbuasegbntz6xzo0vqauz0whd0cmrc1vn/tt0mry0c6/w5x21bugoukctcusdn1izpyfwtkqdwdp2lt2zd95mrcn7u3pb2qi9z0ub5hq00jy2mpeuo6krgrfh0iqlb2vuieeywbu5put05fjvlyz5kv1t5auh+ys9urspe9vuz03moqrctxveptir/an7odpii+ca0i48sje9kbefhtcc4hvtc4jf/leatcoxzgoa0qejngg9rjpjeglba5nkmg12ovqjwcsonrcyc9qqqsmy2kcdes3hodpcnoajlv4nsnkhcqjym9nn2nmoyrmjmmvtczuc4aogrzaewnhjrl7zqq2ipyyahfba0gyy+eflg+mr3xdmnxf+12utxzuthwvajfpgcpjz2kcyjdumz57vy7kwziea10jkolwecwgj8vsqumif12ro3y/9us146sa1r5bpmxeov/odgmrb7lapdo58hiylysqaq7rbwiuedb5f29cuuavdhjxzs7jh/wro6q/hb9rbaqzgrvibfhgbkvshxvhz1zd1tat3txkfwzrw/jbny2etjqgvr2udqmhy9ck0ia7xtygbeeie759emo6lghx/7ujlp91+irvcx0qieavsxincrrl4rio8bqjf16wkn+us1ee5vqmemw4nqq/c1kyqo0qhmtl21+g1detn8hggutksixy3otpdhzkzfs6jhuiej0h9yvf2t0dc5q7l++zdvba40h0ez9pf2ck5ztsngwob82u1acjdgkbaydqp77hzji6fp7scchzreunqcs0gjalxec1uwwdftu+mbd3uiyky8nyjq/aghnn6oose/apycnq5dnn7nz9wyztnhe/3+j+hku7vf5jy6phbie1qcijk+nc0zoglz90pkbeibnh+favesq+/2vwl4s32tgc94gswc/qsjxtzaissf1vxjlijp1fy4tc4slb+aknqhvuxr6kwn0i0iz6imd/u4iu+nctvizu2jm0n2pqpxwcmxsnn6msecxlmvztctpxl+/lqoiodztjtrwxn3ipvyuuktq2u0ef1bobuqmqfiosma0y7lcgg/wdzws2jvreagwtls52hmykhymkn2wqjtis7ewckyy4snmruu5rfzlj/cetfc0tow6r6qa6xzuqdro+ux1ze+almxuau3ok6cdk6vr6blh1m2nvk/ni0qdvi2/r/btgxkog08xoeuy2zfernxueivly0r1+rom1ci0du1+z4dgztfcwop832qfhfqrmen6ztu/yawn+hvhvgoh6j5zh90vabvdt2g2oh5r3ybw9glvdlexfei1+twtm7bfephwio6ncmhft6lj3f5xz6onm5ve+dho9jlr5pw0need+ewcz+deko5oqvx/6mls0fkhzf+fuzlew3ajrzhco+cqabete6ot1rdwe1ssurywcgh0epqqhyqkwt4+906vwn/rfw8lacdmi5xr0pbr6x5mjuig7uzu4elnyo4cahzvkucnhh7q+++z4oie8dnmybexgownjoisy3vkicdpxdb83tjcparv0rseyjpyatkjcfevr10q72yn/nryn3ooapx32nko++arsvr6igq+c4+z0aajwippjdstaa4z3dhetyluqdwgu6c7kg0bzz8dcrvx261khvmqq3akqzcktsmlvnzsapuiuqrdzlgqer7igkkbq2szgxvknzbj8hpqwmyyfhcjkmz5mzer5hcffyk7nk1lm9mgfvbdo5rqzmnhpm1zwbdml0ir3plqktayfkouip9hidoyxacqe/55igjqoyrtpcfydsibjqw975huc3varesvnhsul9kskqbl8olb2bzadumtcvli82bcesnm8nev3hchufmrqrvqcug53ukjjfvxyz/v0zfbwuczptuhe5u3ckllms1odzkfb2x2xeo6m7md4yuy1reanw9zhojbhepncfliinhzrq1+xkwztw2r2tzsdqn6z6nka2h6dyjs36qtzd39f7jqzxzalcmblqzq1nwaam6jjazfbvsllvpzntdxkxkie9owgogmw3pshnrtu0z+tzmnuxzy7pj2bs1q91txq2mpxugnxglqywyzt2dala6pytxvfwixa6fi+45svxphe+7k66qjrflgohdalhk70mnzbzxepobwjalp7uhw5ki6u1nhhfmif4174asehfskfjmeixil6eb1xbwgx3mhizlc/pecsycqbadlbhwql0ir2db9ihkyqj0+fvisdawtmma0pihglwn9dtteljfsxglsrutcmmbp9kmzdfhxejbap9x88k+rxyqokh9u3ufzt7u7cd3nz2rvzi/dojw53rjtaaemjpjslbuiou97gdvfidzvbw6v3xkvydbxqesymjfh1dxkvvfradmx+vuexgub3u2mt5wakmafdbtnqjniajmwxfslfcc9qwmpqnaqivoeuaa+sckqzvf0szv+q/lw61modknnwqgcirljgyjizyrja0dxjosvmwhiembgpzxsbxaclzanhrptdi75ypjder0bu4cf2g+dhuhdnf+cmjtgrniitxl2pgfltrsjanrw3q4tbcds3rx/1lzpxvxeodglnpfx18l0n0apxjom+0m0wyf19nulg1y2upmwiytcfvacnqrlncziryspmq0aslzvyqtwd9uetzojup4w0dgty5wnoxy/e0upntj6b6cizk4f5nienhya7mwfggoo1mbvaoxcaz5dkj2rcmw0mpjpoczpusrmbwvr3auc/5zuylb3oqksyrm2yesflhyded/wiol8kbbkrhurpp88bchbsdm7o5pqdb+pam91rbj1tr5ffs1wir70m0gnaa9kqhyvn+rqi0j6xevayrzfmpdbds5xcj0lozbxtsnohyjg8notcqarocw4k9pebwri1vqquimnuh0mhltx4nithcd3uv7t8s762wuya+ucvic115jtc4nkurtlsox0teiaxraqfugjr6lviwwi0cg18yomn3bse2msbhk9dbvt7d78gtxbgcjgdnj6khc9l2dho8ok3migv6faiq0q0q6e1kgdwhzpr5y8ecdobcnd+6is5bev9/da7ddyykqhppsxy1enkzeuxyt4/ldchxebuvo8k4syakxdlnntupgvfgwr6rcvvmgnuhlbxe9chnmqq66ukuxoo73se2gxemmja+dyuemsefboejps8xpbo1fq7f4mquu27p6d2ahwaqq+s9+6guyiqusihrvnzmb6j13lhd8jnpc7spyzjxfotdqgd8wxcpnanfpbc1eigmpcoafn9mzrj3da7a0jt6g3fqos961dxvzwuru9vacrhloj5wtsp/qy+qvxa3evjl29free0bkl/ch/gavd3mi1enduunowffat7+ujcz44teolvair/5ozd5puuhzt5xzcbg+rkphkp22bctw2qviwf2x7xisyxqiyi5i5+wtvo2bvvhzojippmqsclsgrf4zgzczxf+3eumvzfcgqxxwbwph4seb/ecu4kteg0qbrjfjxbnclcenx1tgazrjkiqvubuwrouyuyo9d70rc48xwhrta9hunvbazmmk1uxovvk5c3iiw0ztmxmg8ftoptcirb2d8j8esqqskq+6lfedbf7j8hax5/bk4s3a7yli6qdfwiut8uzsjntqx3x5fdggidrt2itfs+6h6k3nt7pdjsn6eukj+0sbamf7jdaqljrapymtixwgovmmez7adlgtbemj9jr9gduovqznadchp79gmr6/ze4xo627goxrilmnnuolzv467gbn6m55led2jsirmuhb+jwxffxfbvhndjg46zzpwiouc3zji7yas+dz9upyo9uyvhizosbzmloddhlsxd+1wf0fc7pc6iljnhybk4zft8cjc5paos17xatvwywt9jyn9nylb4pjf9m/bs6rxmrllkowtfoyfxirlkj5iusivxlw24l6jevk9nshapi3925iiijqvffmk7izjkyhk9gyukmmqkansd0q2odezrvz5ib0oecjyh9eh4xxtgjr5bobuef8yfvfrqnrenl1rhiuwdq5t30gzqplb9uv5chvqdtx7kc7rdzl4x1op9izztgwn0arcwjjkllrmvxgzmtz71nvp0l47cydbqd3/j2ph9jbldixgowbil329vrteetopb16rbjeh6gduy7+cizstvgc+hnemckjycqfl7xxn49jzsxymrsyglw4dluwbugq9klrskkrzeh3yjkrhkqjqqclrtu2dlgg4rqdmuve9sms+yacw51ozfggdup4ea64nhhud6iwn1w6bnfqmzg5q6e4n0wektfxufcp1phj8ujfst7enuxh6tentxpqqspfiduwm/ucwbtvbf6f69atr8faivnidlhhlfogkaf2g6wbkzy4h/7ajn+0qf7+ejord7n107arree12m62+un19zwf5peusdch1rqclfp2tiev+i1nq4ts5vwzvkvuyqwqgf6vpfbfo4pcfwvrgb5cs3/gzgnbcszcnf+jhqyx+qc2irhyfubayd9cpsr9msq883rcud1qy9b4fso1ihf57p4o3jixmn2n2d66civohmnyoxctmoyxlzfko0dadztghwo+hweyuaosochmniz993hhxfteo6kr1y0retkkbcftge+0gtztxrvxpd88xx/dgt5d5z7mjfebvsvfei36lb1m5bvzcjjx0sjxewp0uun0+9ri2iqdzcdueazawhurdxnfetmpjduokiqqm+whvji1ql2siwm7rsvtj1nmq8vphp3c1a6icxibyudwizltndncg38jvsj65a9s9w0qnwwtrrws1aohjcui/3x6yr6bvexg+xosdihiylbo9pgrnrnbv1tf0xfpaec/qeu9qveseewyvup/b0q5qtbzsrv41m+kw1jaw+d69jmzvtsfbn0djzxrjsz+yzjkjnm07yatftu27+juqu7uqem1dzknipnwr9pw1a8xyithme+ij/wnggxnjakgpjw7jpn7t8hfdqnnx+2jliazy62kpbyc8zuxyv9axdi6o3ofo5dpt3cbt5upumgk0euykkq5gjzcz72arunt7kayvpm/tiiyntvpuvvgcvp9bkvq7dfp3hr5n0ozto8iunyqo6g0ldbqcnyoo5ylhqvhklkdvdvndy4imtswjrcrckbs6qdnzgkymyn9bccslon4ygpjh167fhasrmulmp5fudo2lhjzmxxhnbht2f7jozq7monnsglxxnpunkkw6tuyc5lrapihfbhq+awrrb+qkw04xjjxf/pl6s5+9pen1kfygxhlvso+d9dlyclyqrj/emhhtnwp2jw9irfgyevksqf0u74wlhi2vgp+vyk7om3n3zolshtkpku9zjvwobmnsh6pylvbnrrtra/erytbdwlojfq/e8pgxv4yeqye7zcezv3/rhaut3gvz2pnthjijo6sflt4amrj2eojnentuuurj1r+mabehrbtb62gxi0n67cjy/d1gvi8dy0cbfugp0ne5qmzubeq26habvdpqshxmresmy4qifx+r5n0u9ztjfs380hxfqjsqtgimqrxmsfr+hsg+hyxtmwsb3ddz4cmxqeqtojq5fzcch8aze587zygik3u7n9hs+okqwnuooi7ryfxww02h9zbghlu4jd+j1g6xb0gsik2yvyn8oqpmpuwntg1j8hifkg7cxseog+sbmi6xbi/polw0er9bec6dqtw7xtppl2btle/tfavjvfo3gbcicw0q5dj5t/bkzdqmbzxqztwh+anvtekwdzsugja6idx120vsxfjt0f5wztxtr8fd5k77xcd1g5ahxoxxhmbxkgyfgahnxx9gvq3jenubewkkiqtkx6nkwpmgv2mgimnc+thlojww0iyfsu2ic48fyn+oky0lslf5ase4tvn81sewsvk9pfhqmv/bal9mw6livyfco7qhkccxzwtrcn0annzji1bxahulqjtcjnfitxe9d6lzd5hthdthyormb4xhddfymshthlytizawul0yinxiwnjmn3h5keybka+z6uxsdzndqx0puiqdpj421ramew8lkkmciubyemlivo/1cmj6f9e97/wr0bu46czjzrndlxkim3zshn8sqkbz1msktjqng2g1o0lnl2ss4yjg6kqrjdtdny2oqnicavm+fkt81rwqhbfqycqeeqbcu8czlcc/vkd2e4iupbzzgb69ddid3dyyou4ohumbhjvs66mshbsbukcqry41xpjoo6gv+9x+qkweaodrp9de6kjuunzi8uzypzozvlioo6qo45c3kprelfyw6dkhtouq2cn6h7h2da0dhtj1xsfjihazvqlbkozrdizmvrj3id0hhlvuypdyuyek0d6bl/lz86pjrp043po5ynfmbcubjiv/jlmjxwz/xa2eqm5lu63dbmgekpgghk4/oyuq3dzsqdnaye71tfsgtbmcnysu1vc9ruy3xcsbi2irxyywdb3jfyfmjdilv1i6ldphmxs9uw35jhtp+bzfhoaogkpzctt/ppf3gn0aamnfy5pdsm0wypz7zobc+fvmjo9yq2bnhobjmt9lcqjovacxr9vsi7dclgo2mgtvnyvbjmj69pncss/ddmzby5czgzwts2slwqbziaj9vn16mpakjezpqgzkuelvebsphleaj3ukf9ocw+69nqtrr4bimsftxsmxzod8v+aj/1y9e2yb95n3oof43/m72ierzg9cr80lw6qqjfh05mmqnibsha+qkqitszlx/vwktibzscr9mjnea3qtf5puwkdjqj8gybqc5q5tvvsvyfz1vbnztfow1trz3dn29bxpzaa7ml0wp5yckzfslsckrmjxff4dodmq3ulibpbk+3pfgjoz6j/9wegiffvmhjtiqjalnkv/ikhpq/hlggdujsaxpmmqnvtyubsuvnrmhiginpdywvz1ww6glohm1u49e7fnlmrv86brjxiauvjzbrfte9rbzyv1ig3+kzplzrd5/yimudtjq0/f097/iggxay7lkusyomlnboxjmpbj0i3/f097//x/62nvqp2cmctrghim/9p1c7he8t3mf/eikklf1ccvhdbxnk6h0c075qgyjnyrrj5vbjtb3yt+kwu7sopo0iuq8nwriypzd9g9fgniqkjrh2t/+36x6kpmlgesgmojvrmq8/yhcoa2dyk3arkicv9g5eyfeqgimctsqij/r3r+jksfn/1xr0setsiqxnc+l0ocpoyrda2qjg6/5afz/dnk3iuoexuhmlhjhsdiz1eoishtmcf3o6ymkj885c2ld5ono3ghchdpxaxokdd0cyddqrq55lq5kjogo44q4reyh4zcoikqn73nhnzddmmudpxxtp6ribgehirwia3tjzjsvgxcwhvyl7uoy2ezsnr661sgnqq899ajlzi9fbybifevoqvgia6jjdkccotws/jxmqqmf7mexhnpp0icvlfnla3jsnroshvck2wxnmk6ubz2nldft/pvhyxrh01rnzudmbcqskw39etzphum4cyf1olexu9swm9vrnwfla0yfqf/o6o6bmjfvrcob87nx2n057qiomvmu7ushigr0wimbxzwin8nrt3svqbu4ntxjii66tl3br72xtkogkjymgtgzzwotlvy1ueguo4k7rddhmqv3lk846ejlg+qgsnuxadfqwbevnscwaeorpxttq5ghawnhsljfxt/xxpsuo8lwlbgizelt97xtoawla93oquxtc7cfflrj5+km77zswjqnyc92+pwontnk1mzcq0k/7exkwkpmy1mcetby4g15powiirid7drbs+gjmcjb+w27r2skedufhplvo3mo0ccem0e0t3dy7g9hrfgzq1dlpbnjvebqche42rnb6ldmyt9s64mrkhjku38thk5rwdr6cpxvhx6fata/xr617lglnpidr0t6eul0zrcf02oze1w1c59mg8xjjkaivd/rcmu1vjsrivsthvpgwuhs+97ztkomtelydqxhque6lkvz7qahsxrl3lp0oxrstega2vugqtpdyihqxucod+zt2go6po5t00gseurxvoslubkzjn4s07dfin/h6rgfvngzrahgxiu6tryieklkbdvc2fvlav/wsrhmh3la64mrdvefyhzdpoz4sdfed08pjhmdur+vw9+vyxrbltwc6spdx+iwt/tnjwfeyoq5pcooonhrckc4gj3o1xs/wf3klz7hmnx+exvwr3xtvvsr2p8co3cofh23ssunv08sb6ajm6vcimgillxfxwel7cn75bwgfymoktaainy3e4czl6th+nvmdhq+ddtrzleavcncusestbs7spdu3zyibekllo0zjmma8tczdy3unqnko4mxdnh5rdovywqfczqh63c6wnithxqapotjwipakvejn+xsxwd8m3k+hequp5p8e8fll6ihmdyh1ndkwsd9pzypvmu16y76g+qhofnzc83ndqsblhb2retfuormh0wu7bsty4h3zmiwxzy6n0haxk3nier8i7m90vhaabkmouxvfmwvxqsc7fl6vfjh7ztap2qwxkkvjaimfyh7bjy3b2zpoddz71rqlc+bxfx/5jxpl0zdcpxdrzcxk0d5rntqx7rhqqw9u6ezknpmokw5nascumo61fwqbnzomagvsvfr5jtcvzzqrjsypiiedww85dqqqdpvkrb/xivcey7rvzmdq1zghjcufleh8nvyhe0c9mmqmzs9unuzt41qtrc1sfciduoeutbgl0lduhpxgsm0kwqkjvltjiw3zedey8nadv9njikok/dasnr56btcayfxkyf5tjf2gmxnexlmh+lcehpsd4r/l5nq91k2rhebt+en9fuvheluohd+wui5hgm4vpnj/12j2fp/wx62vp13fmyat+/ezxpvcuvg/gsyrt0nut8ywtwypzdzurppwtaapr2ag/qrcwuisqu3e1zfscdx4hcgqna7isjgrateqmr4os167epzhfn/973nllmbstpnwz7bltlfz4xwqrumf/kb1mvlgcqhipqtpqfvclagazyfzfgggc2qqy5bwayakaitfpuirqlrxgc8j0rgi5ohxta3gfv3l2eio9cjyram1gdbfkubmji1p3au2wdzndqqqo+fo2ka7u2s641zd36hfbieqpf85aq5anfml8vzvylkludmrtuavmfiqkb6/m93romk9zkoce5zknwuwwrvex9e2mr+qipdubgytq5ubpyez8zxrq5nvz2125dsdch4o5jm2olxly2vnhgrhta/vhhiirjcp3gqxmccajdwu/wpsmxwz5pw8juuejvhtq+x2yiuxzu5s7os4vdiuv2roxicqdtkfecigmrmla7fl2rp6ifk5stsmdb2nuigjvrltnndbponcagd7q5dyh0vsdzcw8vzx+nsdr/zuckmb7uesxwaqxnxhzzmtv/ecmd7msznyuw4rtywc+utzyheknlvs/guh5wqnpf8zxje7ugcwylbxu7cungzbae0dei7bxrzhvfc09rpfwkxephppmalzaf8hicdv2zzijcvtuqvaivftgwby2od5izdssuffpeogg+tdykmzsqtkj8cwz2zspgr2guqr/v/dzv+zlpdbqdn84gagfvlqplcefykt7r/z4mg/t8y743bkgzd8lv7yrmrq976cdrj9es0v07tv8nlccik8d4sivowny91ufwophxl125gb9nwfu2kqr9fvvv7vxdwv0sz9bk+/ehvekxyoedbtr+4xq/rqt+ahtqz2mn6b6a6yie+yjepoq+7zsfqietcrwuuii3kiledeok1gnnfkgbapksdvi5ikel+qd2sfxit+k8flimhgn39abn9jzotn9x1yt6gvfohcc+lcsthp9gcnzghs5cugcwzapscjhy0qhadxag9cttkkp011nbyhc6+xzkt/ftxrnuurt7xgsmilmgtmahs3iisexnxxtts4oforubk0t0b8bfaxcmsqphdr0f8ubyjgsnxngjlph7bcdps57ehrplzpmcucx5kt1hvbc2kdxijxe5dyeu8blrqlvymota9objgkvjzlw20gqe4r9pdq7i42r0csvt3vgo721ernpiqijelyh2tcgsvfv1lmt6oopmqh9vcre1zmxkcvy6vjweznq77azj+6v4spcbhltwldjhs5omggz0qvslcad4juaefa9kpqkktwjarfphu6xny42kjz4hjdoo6p7yqauy7ttelnt2pylirlmgn0s422fqb7jeyvt32adkcxdvtdz9rosv6+pcojkfn1dvqimapyksjq7vomi+x9lbbqfoxujpg+cdp6rmcn8vxxgzi5es77bh87szlrnu1xzzgsl3grc+tzhnllikvt+vhzry1urxm+ozrks5yljiq+lvbcvnky4jnbkzffh73rhh5hbqevti6j5vwh4u6ujb6ceszgrvhq2pjmaiarkhsn1+bj2jwtypzpdr9lmy6bwckgojxslq1old17einm8lbhnf3/ufhvv+pdsarxnfu64mrz0i1bvtrunuu3hp2okl3joqmhc0ws/mrfrcwwszjrddwk/i+bfcpnnj4oqf8yfqlwrvbnwi2pexhey8+pm9mvruaoh8zrun/7y+mpet+cinipys2x3opzdbj5grw0xhj6wiqy5y/fhy2w0ha4yklzeacxpitnm9uzodus2h7nujvltrcywlxkg+6x/jg02yh5uvnqgxi4wildww6zquengp2jqcmwidhgkjefxsroyee5ur8r/nckzqmmy3odf/nohg1da3f/mdvjef9tgbkesss8gsijdzfdnz2czyzxj+o8nmdxngltzm/el9ru9581lifuw1268uoyi+su9uq4snwe2mx+hziw/iswraes51zmnozkestep6hyyquo4bdv4sgyodcjgwodbye3kremgfzyfks46mlekhqwhej9gikzypsueuiammtetues5wcrgh10zxwmkeobd7hkvqirlyayanmhgi5rjh+lqfkkdib97syo8mu+fzctcctwypwlnvmdaz7wnwluw9kqo7n6pblxfuz6sfoiiultwjvyhspnuzz68vzuf6cv/1nar68bifo9rjr6d0ln7mdxrn5rofxds7qt2gzts1dpbkjwsntnhnjofr5fjh/t86t/spyxsohb8jkef0sfsmwweviowxlhn3ejniq3jnqxqjpqqg0i3trh0mxhcjsu/3paui2upfqb7wkr5bsxn4nosrt3ykk5o3bybgdxkqzabg85qxrpn82jifketokn7f6hpct4+mgvugmbc3a9vodnxyjbhrukpds02zmbjy3rbh+czkzs5ouq5ycifjdlj5ryqhg8lxtt9sltj0ymsz6gawk1wwmvukkse2ttz2txm/nmaphp/xyc1vgnxxzh9fu13cshoujoczjp5ajlfokgml3hdcwijh+j1nmvoebamhbcltsmygm9vqhet7pxmwebkrtbvy4wrysyewqry6+bxzdoxnht3fquo1ehpuxqkn2vkm6gnu+xwnj8yxkso8sxdvex3ijwqgldgn5ku/wpzkz+0q1f67pfwh7jrlju1zohm3hvtop7mle9fxiuuibwtlikd2gbte2e6ownjsm/iunkqrzzdgrqpu5ezyuydlfgyxqnorlf5nabp593q1y2acvffho8cu3lmtk5lywxyksv5zl5ulft6u5tnnxo4q1ko+0lfldizuzjcntkd8h+z4oyg+w/ewbtfq14kcslrdkluhxd9jsgghtvnuu2xfw9ylp+amaovaivc7d9m9dwixdvi0qragvvzotiqmxnqdmuhve6wnkdooees0bsln6ibjwhcecvl+jppnlpzznstz18xnceo6uhmah8k4eans7fcoyqxvzjrvsoqato2x5nplryp0jw+yuwn1vafyfyjvtc0htyotboo4qedmrpqd428kch86es4qqohhtlrlxwlhp9vha7qhexwb9rzeshjgsctdo4vqeh4viu2x2motp580bicgdq8dhuy0qso/wu+renwtoodpgngtxlvnxdmur1wixhdxzlwn1hjcqx9j3+prmkzqsozu5a2vpxundnkzm2hyqp8azxo1n9zfe6y982g7b8lcty0lcqcucynf/gbcu2vnf+76xtwhu70osbbmkjk6tavwbenetzeywpkqutf8yrkquvqquyghz4tpyjqedbtwewk4vm7+zmr54/l8h5ylxggrl/gwdputdu6dkse94tlcvjpbcep+t3rrprcqe0s9wzjftqmjnutyhkkv1uzfyyoay3ui03ymd5pbuuvwuek2j3y7zzfftk5r0x/ye/huhffhxsbifk/42/fuayeuwrv33go68c2xuwzm8vmylgtluonrlhhb3hjmepu+nwzdebnecc8gqztt1srtpzoqzzujteytjfvche4yp3pnltujyouflzvvt9x+4femmmkbzl5xajxpvc9nw0fcztudx7duutiff2zvffc8mfa3ow5wybddnmwbtgy331paftz1bhpuu0nliu5qjkdcimshvhexgiadkwwtfviobv2e7f9pe/fuo2zy026bmvb3x9arpa1vqz7kxculwz7hqorkkoqwlqjgjzr+zasth7jxldewbr8ddr4bzyy6gftlwsx/q94hup+tucxi9azapm+3wva4kc9diuwip8m3advsaolucsa079cgxbswwzbxcenuvgpnqca8ib0doqrxog+yihfhzyl1dhmrvx3nshch7mxmospcrbn9nzeau9mogyywky36khdye2mqnlehjam3cdxebdiaxpb1xxpv81hoect1vowuamn3b46bunxwyfc4nrc78xi2ujlupnz2bulp64ji3xpm62m/bhwmooj9rrhsin1vwqqhpe24fwga/uht4yjx1zm/n82bsks3woe6ppw1qaar/qkr0et0rctieosnaunw1tzhejt4r72nwlreyml2xkwpu4tzhftzvercygpiypozrqs3hdlr6sfdintd7ypi2ktn2o2jiflm1/f0iq1ruq8da2b9ito1tr53k0g155uhzm+207buvizqi8jpnwni3k+df5xpdysmdwdp5qt5/aczhgxjyasqzz71zw5rfbmg539bkn3vdmlobmizfeqp6vp8y+jrx7/w8iwtiorax78chg0mbiutue11oihp8jaz20zzbgdjvr0z1d2ahdzv1ts7pfftbfjimejx9lzzdyisf4ky4zt2ffyt3ldfvkkkh4w4jkdlqvrzdxoh2z7xl7q360vapjfgtwofao+br6fzcms1rn3m132v3yld1efgnaagln9wu8uy5bct02/s8whankonshthbmdxyya1yl0yutecq1n/sn3gh7zbpyelzuj4xb1s2z09xbbsaf59jt3cbsjwub7vgweovs+l124vd0g4v3zmxxer76ijgbfvio6hb1hnvgtzzrn273uwmjky+5yxjkch++2eqfj8ab3hfiniddzkeywycwg+dhtabmmi38gvl+skkvcx1zwpqyii1obskspwfe19tjbxnltpxvws9rcla61urkohi0irvzqxspex3o/ulmkv5t89zqlzzf+k3elsdk/rs7pz33ko4lludzvwyrocldyaso4dwjq9rtx3or9z1wagzfatf3gn78mxj+bqxbvtzdsq3avkknrs7fo16ew3czmndibdvmdmhjmkrcrwxestbqy7g41ulqvnosb4oq2+5ei9qfwgt6idisbuutziqcqgd6uwngxfn9sooiihkcohm8p6iyr70cbuvxhqstiymhnnnqblhh/moicintykcrrknv9boqlkfdulkg6ynkqwbgduj2efvok2nwdasuhkmfyxcgmxfbfgsg4/nuof6427q7ab+jikgr8qquh409iusd2peyzkph1ximqgsa3vc2ynbidm2a9f3edeiukzbgzozeh9l9l6obqssxtbjtzrublxapxovxqw7+gemumdz/vnreybbim4p5eth+hf7osykklcr/7xnqhso4reskk3ulij7mofpbydm+wk7m8vtu3mu1yarbhgt7jg0hanurfgdm11rfzcxp32wl/fcwmxkcmcqcrdq+2jjhsyn5xib7quuzrihcs95i4urghjxtovjhwmrpuepmge52tbvu8aedrv1o2ngmxtgkrfggxgpnukrhwghkxr5bgqlxu1pqfmzebcnivr4qbboaur5jjwqenmawxvn7l4ho73kfuytpm36rzmhgeggsfdf1ovbdfy7yzx8ytnweksbo3afy4ghlvrmobofysekcgx8mqaxn2htby7oguk+dw9dscojr3xtr00lu3w0wox9as+zaiidg9qndfllrsruqqintp9artmm+q16akubhm231qbtaifyhuf23cmjxs0zt9vsx/adx0njnoyef15qeg2wugfvobfkyi+r1nkap6tbjgyue3otiolvt6axkoca/atc7euncpdpfgtbktgdnqbazwfydzfrmamnxtuac3gx8o/add2p7fwpeg2jcfdjpglt15970hit5y9vxrjuguviexur+uekn5pdvkgv70pc+3qmjltwxvz3tmgoszd/g5hbsudpj+lzyc4+ndmjvhjwzrq83w57ssseqvsetlkjnmlqnruqkirsnx6ycrgiktlhc1fusxmtzvdo50mpqiii4ur+/elxg7thprrk0pu9gylk/ffuwzvmleo2zxulcy1xzlerab/scceym6f0yn8lzbhyyu74/ygu/ir4pu0eicxf07qjpmey/yklzkdg/nz8swe875mqxv8wt4yz/+4jrdl3rcg2umnicxpeqswbmet4z8+jj5se+x0jrsikm46ivbkdgqojzfzyqxfswkp8yefibu4svtzm/swrqq2rl/t948qvoxk/s6irgwz2qwxb3t+jfy8cspudehedu/b78jm70azjzuianwq5ogbv26sugx3ohbkydvtksowzcv9tsc5zqdkcktqj66fpzrrm6idd60nnzj0rrfa0vhxt6uhhrhp0or8f9vcea+j3ziyztygqdmwillwor46kol5zntho7r3lra3keswzurlr3if1wzbwqlnqxy0bf8azqjq184j7nowsmeiimsvjxx/idcznurtxqpmmet9jge7r9rqwtbdkxis23ysmy2phkdx/lbc8hpls19hzaxmguz8jn2ejh5y6/znk+3hkjvnlktgdbcq4lzhhkul3vn4vwbwvrv4s93f32ezzqb/a2fa1yyppyuwzpagfl6uq6kr8qhpxn/kcxnafxtxux3nxlliqojw5getjqck7+wfrcr2v54ioun4lt915pwtoymmzo43dlld/j4n/nwc6erb652x7zwtu3vtxbu74evtnx9g053jyr2wjeqdqltoo2pkmrooauwk7qbhid0m7xcn146hfwdtfkqekqvtk1kd334qikurojgqrpd53xqk7gybvh2s+1vhbs/oyfhb0xzy8ow6u2h74ytk5wu3b9xrrycemraeiygh8dhxu7ddj6tlhn3oc1/wcl0rf7e/hm4txamytq5k9lvjyb5tscx+hrkl+m0we3zmktgws2kccyiy3h/z8njvjlo52kq47pfpmwt27nqkmbufa6stqdagykq9t0nzj+ookc2uvv1de+c9rke+zxfy101lgroyczh7u6bjslxmoynmstwo0ny/vqzb1mvirtcdy29mr9plfui8kfmptf62typh1rgauw8ttk3t11cg3kkzn7iaxzsh6jqmhyc+r3vkjdar9yg9fl5pg+9tmusv8wkwdrpvdiegitdtp8zjkrjrgtyljanymu3hynafyjwq73rhiampktaa8lxpwujd11cvp1htwn/fl/ew6cqpphkvdmcznno/udzkmtenypz/xlu9vfsxsyx75ew4orfpulf/cf2fqdicssfr5nndsxz3g9ctckxfxzumvzeyo8rfs+vk4zoapehscifrbjyh9gbjfnecbkyfz0mul7qbf+btcs9ddoocw2u0jnszazncxbinvt+znjg7g+yh+3wmm3s7hektuuqghzyxbum/4ndr7ydpips10jd5nng8yiidki2zlspsi3/bl6enlo0i2b5ejg5nd3i84smqjs87qyyibgx7nqvyinriarnn7jk8jioktps7vr2jijso5efb9lsaeo9gthvxuz5mcku5vqjlnwd58ozjut6pcnl92zqq8jeem3zsnrba0xm/pjambsijsbg4rhx+sycjmlaqki2dmis3eija01typrvxzj7a5qgwvkzdwlqqbn2+ni7thoapr69+tlh2s0m3gaxbae8riwlivwj5o+wjmhsuf+og9fqiqlvbafcrrx2fcehcbhiicx8q3ttszd/annes0cesgn2t9lluf3kvmfk5fws0zodhnsznl2cy1s5rrscacxcxqgqkhahcb8pcbmnkpxb7dak6ya6tnxnskcz6afujc4ocvprv58whfrzryykhqnzfemg2wegmoezvsxqxdwomo65kb0i1pzvewrb+gtbwtw8e4c1yszuutomvyfilta/jxdhsxzb/rviipgcp+p5plyszlqeaiod47rgdtvixk6tgy7sxqib5rq5tkwjahfgttilgl/081zdcfrq3yj6cv+wgs3d2oyz1thr4wm+j1tomjlepcj5khno0cdynxkcwfs4ju4sqdqrldtkpqk6nhdjvmp1xjyroxlslrkpaqpxikfyqqonjdmil5coyae16xmu5g5dfqsfo8rvj/v/xjl/vc3znzdvhxqln7ctbwpgcjnvuzdicewc5g80ucbnve4gszhvu3c6pgc+qadqc72hakmrdwxvy7liqmxfa6sjclpqh2thhu/h0xd2rtesqa0hhk18lyatu73tywhwf8dgcim0vxsbjjlyaeozsw+btnr5ugnc2qjzi0yy/ckaxh66ri9zg9d0fvihqb11qxxd63cyptmhgfdduxprldzltfw03numyedcsl186ndp/4l9u3h7fc0vdriur1bjzoklogoenwsocihyh+5ye4mfowwf88jzyqfy7ch5c5uxr60z7rvthtkygvaijushgsawztriri+ugyztrx826voxgnyj6m3mvltjmi4jvredwa+bnv15xrf6doyg3agiyt0ri7e2jdt4orh0zli+zoceh0y8b0158cnivl0sroyacxxqvqxpzrb3lix7r8ogmnqom9dfe9ypswv4tuyd221qb0bmnvntdgdctoxluogphn1derb31fv+tdv7acd2t4hhn935rqas8tvrqwgk+gdxsp8galw2/18vgz+32ig6fe+vg+0nsvdc1bvvc+eeaeevqntos7vgqebzvss/dccs2we+r4u97ms7hxvs6v0mbxas/hagfyvzsgioqhlfwayh9rgmjfzjg0ul7+tpfp2vj0520xdjg6dyqdi8hpd1lasmmvu+gtxxzm5nocanxbv36hr7d2jpatqy3dzsmp/c2qq7sznekpzewkm6yizlwja3zlkzzlin59dmxialswvqehcthmmeyzlbesl9tj5vyrejsusn1oyq9eitaqn9s2ddhibuxudmvwp2lqog3l+/yzuafpjk+emk6z8kyta8cjou8g4aixcynevw2bvie/nntsfjliiq1fhru81ahdwttsdy/rfb8p10/bbm22tqiloigqae4rfeo8x0zi5p8thqcmwqbje5g284nkwzrdqxjoi6nwivhlpajywm9zm3g46liezujsy4xsbu4mm3arlmj/mnve2w+vldnmr3ebr1nkty7x+bxo6ul3yxkwjfpaehsi75u4fcwvytdbpibfwr3h1gx+wmoicvgu2xzit+yigntlaw7eqpcm4dgppuxwqvgbovtejc/btlhnofnt7fj47r/sxuz36+n484mjtvton5ls/93zrgmk3bq15/soglg2bw+mmal5y5kaaiqyq6gznorodtxkbmohdsoq/h5vhuidvxvelxpj/qhmelnia+6+2goxag6drvwwo/c//uem6hnubgv8vae3o+hoiytcqyncy+jut+kcll4vzvhmlnzclkmoggup21uhvy+fbffunnmbv7kmdldy6y8xouoeav39coeotoawj43ziwo+ppez5sdk7++zbixj26f/ur8pwtdavmjjozw++c9ngdbple/eynhwyhq0aigeaeos1jemnqjoqwcixvhfvklxpwinmdtiqol4ldts5ajcsrjnok2rfliqntt9nkjepmnktwjupn0pykaxlv7st/tfhvre8qv0bz2tnrnjvvzdwluu5j0d6y6jwigtt3jkojl9bsnifof6fm90oeoydehthr8pbmq9q2nigtdcn5g5cn22kcaqyc/ycemnmcz8wnmjawbprp4qsi3qrtmgebgxrama+nvlyqahlxjaj31o7uroa1txee3cjen3u+thcgcia2xktjqmnujxskutedpvsao6xmc+dlk2q1lotmtoibumzuwthrifz5g2/pdvrgfmwwrnhvheearxenx0d6m1bdo57d7mbd7nhyrcukoqf18jy8yvfqulkrs7lw/jabhxrff1vx+skvyibfxayfcyhwiohw2vu8hufs0pjr2lnzr6ccsmbu5zo5xo0xevn7yvcpncfdtlnlnbrtkvpynwjoxxoo8gsro0c5yluoramfnryndpoaccsutl7lmer9bftqr5nfofbtrw9d/1jwbpj+oreubt4bljumjrfoa0pfut/wypn+cwz9u3xmcrzaduanlajnslqg73xls3ky1hpfejyrdkpxkwlp7jn+k0at0rmqbjzfgu5cauc81jwppja3zczuf/g4aovo8nkgbyzux0szhg55t2qbki4qsutcwqzrtmgnmwqswzyvm077pvym5mlv7asds9bnshlu56ffay7fqwrzvfvne42uheqmbh+vo5cbs6jhsqrcjngmmhzgf/rqouhwn6irbrg+ljp8aztdifbdubjhfj9plpnat0jscojtl8mbxmehuj6jqct5vv1wevfpn9b9nwiie8prym0m3bmofjzojh3iu3zxol8hfzrw9x9pzz3fgcn4im7wm7ustzbrfwbyccendme8kjhxaag0nynephxlc0ttezfidfo/xxbgmgvhqabx380qkg9js+wm/sf0o/n5ceagj0dbj5l0dmqx3qcau7d2hlhntoqmj5dr1pv1wu5riefrgvyvxilclbyb4f69wzz+tkbnrul+lueeyaqkq2ozrjpx9kr9/4q4hmhbsbpo/odgzv8nw4fxdl9s72vr0o7drfweb1vke+lvnopitlddc5n3jf4n4iknddmsnihdwqq9ws70xvlzeud0pxeho8fstiaoy4xf/td6najiijnzszluz4yrfcthyla5c1cldhlrn1uva9ija8yotgghlxbw5ralgibmstxcyowoayu2wrfykbfuebwrkprolvi2gggjtigtmtra/ptpihg5hpw1c37sqdasncftbz+1gr6nvg0c2eczaptaf8cxookq3y//7x1w8+q0ezyfhp0encpav9v433spko2g7urrcne5jvcxxzyg7fwvrqtsjhpbbrjravktzvcy8gddysodr7p0uikduzmxyaqs7kil6f1nvwexj5ypxqiivowlshy0yzmxvy+/e49hkbudu4s7bmr5eykxjq5pu1hjm2yv4lrlbft6i43vcrlsgytr9frhe4+hujwh2jjum+iu2fpxp3sfh8oiqcjpr2onfhs/06vnt5w/sg89+nmrbvffqjeaukzxtmclykdeqrj9rjege9qlzphvildy2wlkoq/p5urdw4rdxbinz9bqbw2iyetdd5ux3shq699d/zuxuketzj7afvxlovkkurmuho2+yjtonyfdzo+ivxofuenx8dxtrprjlnaaqxyszdi9a3pq4xrci5py1ixludq3prhj6pneftzn5s7ld+rnzixvbk+qcami6ltg5cptugvwdxem65lxjrtz8hg4fx3rf4nq5gxczkas/dekfvh1vbmi9mqbohb28noilds3cc0wup9bmnuogwhwhzjnh0+973odeztlhtgkjjm0waxtnczhwibl8lhzcuz4mje2kgw9b5ffys0qeqlufxjqkzz0gdv13fnwbun4xnitkfor6fzg3tojka4ygj68+3mlle37qrkflo1jiesdw5esdjvu1n6f03vuliagmk6d5tlrickatel1ocb21dbmzf/1rcj8yuctjiuzg9wtt7+tnktfmogckfbfpsbmqutkddx4xccauoishlgl7gg2fmtsqjptcasiumt6mxfohxwpaf55jcrm0npm+3stemiw9faex0zrkjwleb7ontoolfczj5jgqwclbdcrted8dlddhwhp9tvptcdzchvlqakbyoxy59fuaru7jzrf2rfgs4d4jkxmbsra2mggim+zw6tmkthjpbedjuu5ciapmaipoxadqyoc+jlquewzxc88gtya08v3anzhusaru0n4d07cc9q4excfdwrtfjq/d3met8/28rlsr2afgvfsawxutexta2vz4mgxwsu03q9dqqakczpqpmdcejpz7vs3yeef3rc236kfwrit1hovpha2aw0/5qvy9p46yriynjipt/c3kmf4saleystvpgclebn5lcoc1a7ersjrjfhyvaovgyetpp5vqwut0zk31rqbswi87tpwv8q6hyi6msrsix+4trpi4ra69zmfvbdfsnqapww3ookanya93lb6bncem25dyeozzai6yzo5wr+ua9sjrk4p1wsy6ovmi4p6clddufgjcuutbkoclwfymedbrdzc51+cxzgcuj18/sl5gvn7ush38/qbre7psdydc70hceojihrhkqkbfv3n1uq0b0o2cwl15udvni54wh8l46gl2rkmlabmd9qjftajdihbtwqbafcyvx1iyjbwjqtkgbqkcv6pvjjtaud6jqgy2lxh9fud/bxmhftldx0ieopqbmuh9lggccged7v3favvutor3frd0hrzxwrv3nvmo6ssiypuxtmlmtyilqtaqutw3jpxghhk44vp27etwynhzgtakx8zkdt9+1fnbolkprjbngbxm7pycahkp30oohpvzfu6m+9prrvc523vi1787nq7ylbzqg4bc2cl9d7aulkizndff4z7tu/o30fxh/v3m6uwuvqfddndksyymjxzvcylk4hzf+rbefissnoyrpvt9xsjc3qhenmihdd1jfhc5w9s6nyvdgmyuj6pnckimt9u08ivtqks/3vewxkelrf6xpxxvwy4pco5nmdacohbs/fzospfbc/pz8v04jiz/sz2ggnuv+nmesdo4qvo+1gvk7zqaokggbzofap4mlvj1sgsht505gr0u5t/etgncidebauzdcz4nlqnkrfs0arqo44vm3brdgwm9zs1fi0vwo0az348cwtr5vrahxqjifugprb/copd3a0jzbqdownh4uskzfptb7ctecg4i/nf8djsu3xi24xcubcxx7v319kuxnbf7n8zdns15mcj/53s5fgp4zfh0nfoz341oaxerwffco00qwdvryflpyenetxgj7sohajoh8x32+4wzdhdtkvuicgnhkjkczweclmuvafueiyvpc3tytijbvl0pv2oap8y9vzpnl7onv2gafqx251o0fh3fzl6zczwlbrweiffldbpuayfcfkjlp4/zyj25vewd1rbeus2nvwa5qy1c9d/rwpokyqttl3syuokjyvg9+wdvine8t2bsrffrxia6imzfiupfjoiv0kadj9/sh1pkelxlmwrnh/fuiyob/fijlby2rj2gp7kdcuzg9upcmmvnvbj2txwp5zkqe9ghourukn1ijoyvlcji4czwiuq3jkz6h/p37k1esr8rgozxgfvyjd1iz9z3kyybwidmla3zaadvtz6gc1sfzbgf7pxcms1/qsod2krw0uw2w74hludqa1i3ps2qn0uwcr9d36hn9cyortycwjavq+uw8hxo172elg3tgvy+aaj9z9qqgo9qyyuobpw2qktpacic73skwyzxcqfxfc8t774h6rmvia9vv+xiswjoxuczap2qjwhocqmypgr8upsmj1jwesbmfnam4rafehy3ntk2i3eb4hsjoni5juxt7gs7mjbzsxrulcsal7cnyn3w+5ytdjnhqt7c7uvlnh7y7rh372uyh9eul1lzirhu6jcichpw0gfz4wihfn83vv4ecsjrbpii/e9g7kfxnfumb4f37+rvq8l62vmi2thqsxnwhp9iark0tjh5afwkoxv8zwf5qovrkyl9rykiwmhj8rr/ieeuriczmf0km7qwjxfjvpnge4sg5l5hyi0ad7fi146tuj67dprim8x/2vmprk6hhbsdluehidcvhu2xwahmbkpxflk6vwk0n3orl7td+b73q8tky1+x+n3ar5mkprmwqphubsh+m+eo4rglfxdwpbwrr+w160y9kjh1jqzv1crd1if9w7zo0xqwoijkt0hrp6kjq3byk6dsoweu2z0zpluc67qhzvuvpe/s96x5pb1fdt94s2jq2ws+3g7qinkkoyfojgqou+gd9s44mi6s3sbpa9rolq7dfhpqh/eooiou0emces90ft9hedxmkjdywap656jtcpw5edqxxfyzdj7n3b73e2w2we2f08wxxzqlxvl9qjrzofaspj+bxh/4bltfpc9omcmoj65s8u/mwifdh2ljy3hvsto9w/bqrko+fbaz8wqsukestqfvbnuhdrtn/jfrwlni//tbvv5rhsdpunl1x3ioeqyiwxzinmh1wnfp3rnasip7o2jttqp1pfd6auy4hri9puzd7vpeo9xdkmvn2dg7myotj0qc9abb+ur7re+tehngjv7qs7ylv7b+m11cw+gyofaq+b7mwmhyi8cnvgi6hly+3tybf8rt20/z/vaeojoctcfe6wq7vcdzvs9gak1sa3zjbmw8kgmxc8qneowjlzkcx2xgs2ewx7eosmowyevg4sx8+hdzgbb8v91a3inls26ol6yz8fk5do5er4dlreuiywhcf7wtq4fq9siwc0c0f7b9rqif4q6qttgkou1r5v3yh63mc5uw0h10b8+2vxiky+/u83sbhlzgbla5nij2mbdassccogyvyeaiv5sand570zsbb2c6rn/3fafz2qep1mj8uou1y46acdkh3piyt3u1vswd8kollppqnum1y5oeis/5kuziviuwt7m2ooegds4xvlbdxp+coekd5dbjgux9sfqlaihzshc1q3jtzi4/58wsysq/2pxnbkefgw5xujl70imzmdgxharojamfhzwk5xn2hgds4rfthgtofainwbvi8iczq1elpfzzebvj2oe6ormrbfbbz0gduvfsk28q9zlcz+dgpqvbavif8wkcs2axdz5shchk/bss4gl8exasigle/uxitjitl2wvjzz/dtcjwzzfc8k5nvwtiu84hwtn107o6bc8e8enkewpnaks1mirmaud1id9glda3oqnetft2n/p8vg5jx/nziwgulw3ltvvpnapiovjqujmkdlhhvxa0lgdpm/jweyukjumrcspsx7yrciqdm+idllwr2jbnx4h9c+ee4robxp3fi8qlsmb7bqsyazqxdfac5nm7/du6hyye6+ypmrvml7duzhliftc08mozuhgtdjiptkn145ouokyna9vj5/dkuc12ypaueepzcgee4xiydz3fjre7grbvngqblm+besf1djvtfsxvo8g6ztym5+ha48vgfk3knlid1m5bsp4gk7dnpxnht4w53ngvyjgathqc4g8jfnyn7fzreain7hzekaamqrugegfdxrs3fftmvmw1+x+73cmyqczfksu68dhunmqsxpajz1zhjf33aoil1fb8dg+exzcgb8imnnz4ppcuuafl8hepvwi+ceswc7ceeeppdihqskampevgypkmg5qm3gg9ww8km81xzparscdsai2bm56umhzgcxjyid8j0imuj/twxgres1s01pq1647drox7geernltxynvkswndsejeb3ksg4lfxuphjs45sbaddtvldg7hhoctz0wrsubbwewkyqxey9n8pxpbgrxtoaucsgjqe8yufl8gc12w2dhn8gwjizn9fjdiygbg5fue47gzvi2tibaridmi4oddj0r10cjdhkodotitcy2xqk0w1rkhou9sauxkiuqjuxecqfc+hxlu/umsovzutu27do6x5ak7xx4mphwj52rnedwdlv9g2aliazz1nxww17obqbk4z432ykuizhmxc1vkfirorbz/cn80q4cgzijcx4ws2mczjqpdrnig7dd3pvofhzm9czgbm+mdbnsjbmhmnq+xft7y32gskaynkqpwhapsovjotgeyqtktg8nuotz8nxp6rvbsg9vmw/xrszbzcgkbg9jmfnva76buwqxlarbs3oysnn22xtbyfucimhrctzd5ywbirbtdis+luvb3yldsoagccebjko5nwicy39xjdinfsl8vl7hsmy8ydg8eylddh2p7x1ivxjrtpdi49iecwj7o/nhhcuaecfotd2ozay2geljp+engx4vc6lqtjozog7poasi4lujucrt9lbljvfwkusfo3jhjhzcryf3ozunagcs5frs47bynfthz3ljjzujr4wz145/3/tgbsemqkaapvfzi/yjinfgjsbu9wxllyhtnd7colmuwxvz2e/czghfrnp8l/gbmecbwluqftkmwcrdd/t3jlqdswddljw1ckkgbiuoxd/nzgmqibhafz8rrborudobbbexyily/swso8woiyr2us+xm064uibx6gql0fq+o7cd+q9+drfyqfoikb91ighomkhc1gpyqyg7pa+rav7lkp30jbp50x2qqe5hsxmr5bzv6mpp8h+vbdmawdeq8gf0sr9avleiql01wrngjen86ncxzx+wjzdl15ecvt9vmwrzrn0c/1qf5phsdfvry1j1xtcuvg8pixxj7igfvknbqbpcow9teiqtqpakd1nodyitmroktyvfggoodbpxqry/hcyisi2i+dczgbt0yzpalbt3oaurirgvkp+smsikwidfksauue5to2elrqnyl/f6n5fricv8a5cjb51s/z/t8dp1g7axvfrep9332bs3vv/yd0wdzc4tqvt5tbapqbdhv+tp5y/kdh1nszdwzyoppwabcg6kd2dp2yo40hbt4kkyhz+qnev4hvkajb5vjjiycdha9ydlha6ahrpw8/ej6mj9vczorcdnzvio5jltuevz22u30dxk5ltuxrlqj3zkquoc0vvevj6e+xcffaoz9vh8zxenem2/nxda73axcmiyshbdub+v8bljgnldvtrtv+ugfdyubdczunfxfa4owc4jzbedqwq819n3qzosygf90f1jykheyjclpkjyeek4dkfoullych0pxd1p4thn4w0m0o3a1q6zaz5it2tnd/nrchmq3xgndosxieuwhplidjfaswfhzkd0ylxy02yfzvc16xtnr3kp5p8tclsih3qmzty9a3kq4t4ja0j+d0vahifr97xgyfqfkbgtokr+jkdkyq0r1b2wvskpefd56jwjzuh2sihnuj7nidpwyqxepueswgxnig7xnazmlldujdafpyxcf2jlqdm0de5qxuf/7jr4kiwz0bipda4zkry2drzwvpkfvt4xonzlabtqnmtjv8/5t5ulkin1o7zocd8tz8h+xbpmtfeoq8rfdowyrnboblbqc9gc/qp2nxrhxtyzl6c1g2dxvgwsoh+y1mnoqks6j0e/7uesmo+tgytq1nm55cg/akyzij3b5ykmbfewl6rheew78eg0a2qt6kplwgp/nbzzvdz4nyl0mujp/f0pzur/+df/7a//t0upzoz78j6fkjjzlczenadizo/fvkwcep1wobvkvm+jct/nt0zkummvsdtyvybwf/31v//lf/61jxem1vvbla+hqv/5v6eor879p//hx//7x//nx/+x//w/hml/+ut/7p/+qy1stfkohqfafw8mfm/di1x8ryqdcvcyxxwp0vlvq7qns9g/57xqkac4osdzu8cdvb8xyi42+o5mndfav5vxxqciarfmmmhlvoz7c9bazsqmfbkhaxq+dgqak+xk5xrhja6euqgxbbcco1kc0o+nxjisx7ofpo6iws53mvjobrrt4irk3sroiatais0ytchqvdozywiv0/v7qgrlnehgk03j2jyrc1mohhwsqqqqxdqackqseudozg6fvhgfdistbghdmitkcrjpq4pfhuc3vjlkzmpypaoslkcesgbin6i+adcs7swkmuubpmv62dcq988ielqztntexl7vfjczhqqtdw8itudufeb6smardncdif3jg1im+t6n+v3wzj2lqwvthdpnwvfyodqfxyof4i4zw2gphaa9yrsg5n9ikca1c/vafng8dogava16dx11nmedstfkqwljdqvuy/lgaahwfc1zw0uzhkfs/cuwpwlnmtfv4y/yptmwtgfpif3vieqmvibfm1w/dsy3buyt2idnds8xxbgzocfxivauiuujyscwfxtnarm+eqrj9/hyb9op6cewqnjft0imnjmwcpg2peouuqldxyw0v4g1ynx2kmy4b3uefzjwwuanks2d+rovkxmit+x6iu5bnfkmkdfwmqovtckohwqdzoyn5ipu11oid+k1yovtopluzvoil6/3u+w2ecn+rsdgsymgdlrxct9tbdzkea1vuvygbugqfqxislml+4fwfd+gq8gjlweu306py/qhle1bcphslqwevj2wpe1bdk2fq0rlnbeizr1ilw4aqs5mt6by4ewo/o/xbymtvlgovwfgywx3qkqbxjc8s5xptfkrcicolbldqfxsbvgexctgfxvf4dotij1sb15q55gmr+wxipxttcxbdsv/ly7yxm9nvpj0ykikjn86z4uoid4eiut5+xwdyhw/dxmpaqisylh2d+uzsxm/9wlvcfgdpnmm4jaugcdaucxtr81ptrhzesyvjibsejvjm+1tqri7p5labk2e9q9uc3icu+iz6p3xrjslxwihxhmeer81kf4+aw0ec3brcgh9k6ozw7mmgruzf8uq64kzgqsweuaoejgt7z1yi7lkb8ytwszp6abeqxkmisdk2id8vbx+eamxxman4rqaxsts74uxa7phf4ww9h2mzb8lome5arfoiieiufp2mg7y3kjkjvexwjy7btmq7mohzwjxrvhyidk2wzs5rteo03edtkgnao/trnqvcia4vxyjrijxwlmrdqcedstmpmvmfb+gzm26sjbe51+zor+d7oewh2dxqgu21640m9j4zfyfpgbxha/qam19m3uub/uxdwbydne1rav5tnb3l0txjvypdkgqb0uk3epj3vd6djv+o3osgdcxp/a2gn3zccv8z5ko3t1fbnmfbwgl1kjykeckgyjgjvpnspepr3pf+66abe3oxv4j6hu+xvrsv/shq57udfwunzsg1i3s1abbfzzu8grr8n86sgcokkxxeydw/da/llq+fbhczu7gvf/rkllnpnx5ys8mzw2lboanidpwtplibrjuqamcko47a8ujnyto3irr4vkzpxzcopi7jwuzaferuon0mnqxpq742dz1knu58mazghjf25ns/d/tzgjlpe8zhc3ktujdsiglopjyz9yoc6he4d5h4ddhqqbyulex4chlv77pftokoxxnxmtsdkzwryahnboqxtoxeb/pmsaxrw1+ax2z6cetfqtg+xacdtwiitgwjst/efkg+wfdngqt1pg23kjuynqri9eu2nzbamchdvs9mnq1c2lbn8jch3gjqq9rg/idcpx9il0mt3ldbmiz6ma7pabegupgiptw2v+cgeudmx5b0ks9mtd3tkb5mytbryefevoxknpovftqxdwerdh2eihwu+r/44eecsvsupbkgqdmmn0myuk2nbdl5g+fv4lwln9mmzvodwnfmbldtmxburqf2v3qyp2vss8t6ulogoeeeztuwtbpoowphyhuraxqzyutjeb+rknwxqt6muww3ryouypeq+6o0s5rlxok70nozas0xkhj2amv6f866idkdl53asokalw1yjdfkker7gf3yfkg+/75hqvi5kkzyfyfqk29qbqpcadof8vrdvrb+zxpsqf4yvetfy3ohxue7akqgkmqi9azunewisykq6bfltnebulkeehaqui4md6dmgjmu1zobbn3fp9mu52wmnv2peeccz89+nhbeuqs2l13ob12ulgydhfndjmamkzs5kmasycrthbr4l5h+w9n2n8lt2vmlypiqq4vp63tas57obey2yuati2ug9v3nc8iwaryg+iehy4qpcnwh30y7y/gl4o6g9cdx/e3aq71ppj4o2ax3gfsf3ncmzrpqof8tucu3zqsztebf5yk9jbvtrpcqr2srf4cwmoeuknpgppjvxh0yqcwv3wbu39sujqd7yefu49dykzgs+hvn5uyu3aceqc2vhhyqlr1ftr2o3yr17l2l48ly+9d7yvbcektgh1pxdo1y2c96blu2lixeavzbyezmcz5s4dv6jnsgbz291mhz+kn1b0kvdssu3fl7f3qfnjya7za7jaxkkrc877xbdc1e0b+ctml5jaelbgyq0z1/hakxnxa3w+gzzie6zvhm6uhkstdomyj/u7yzy1srx8rbhyhogyvjcbcipswb7yycykxa8cst9japkxhu7b7cjeuocseb61we9v+kaotzusomxdqqvmyb3ld3buznhjchdhuk+d8zsbnncokpkynxmgyehxy10kah7ufi+9jhyiofxx13kl6dbcl6phm37uxmpmhw0iztuyv6q6gukxbbxbcteyzrdppiqaq//raqbbhvy2tziipfhuhs57ouhhvpz3gfii5wq7bbwo98vsvnql5zclk9yl7ma3vfca7izcanjrgvqi6fzvmsehghu3dk50o9jy1n/tayurktdc7kusa7u2nwg7zo/uan5ifg17ewrtvpcsmxu8rkytvm/buvfymfeii9di0ghc7azs6mzwhlwm681g8fqqcwn2lu8sixxm2knd7ssudk/fc54t3aqbc5stqhrj+qfykjcmgokrfrg/io3awftpr6vnthxz4u833yikahyqi8d29zrj2rjgscg09iuhhixr4zxjdvgiaiit/vucitnimarjvowkcapcmobwnmodrzo7eob3m2iwl45wx9w6er8w0kttboftyopqxmau7w5dremmkl2/ctln7nghzc5x3raxki2n241fe/tpeko1rcqaiiy5et1wh3zajpnm7tmyn6ndhlio2dhyx19m7kwe/w+y24kjuf2cslgsvg9ovdtrnxthyjci75mk2e8qs3pkmqbtxc1cmaw96rpzqusgj3ief4g/wrhq7evxvfg3ck2r4aakw8ybno7mpie+hbfhj6f7vgpso5gsevs52pf0gqja+g+fuaupllpaqrhzpvd4jo+mhd8ksaegm+bvnpxke68bvxrkrykhyfgdg8vpvwb630i2boxajylc+reixc+td7o+zxoozejg4izdckvxlmhzjzu/jzk0wf+5x470giub9gklvctbve2jhxwy4/1bkwo97qkbxt2zzx0qrlobr0c+pgvzjgmlatba7tyscdieo3rqicfgebfd3rjvjjck66g/nslheqouraetkcqydm2fl/9fsjhblurx0sbo3gtw43zavs8thvj4c2rtul2vdpeb8pw2x9t12whvoqoqe+1lmjsddok3qwrjmfag0n3herii2zkfst6ygtm1kuzz5nqzebfrzdmo2rxgwwrs67eumqxujsa+paz+of4r3atmiq5awjyydxdohyjm/xfy394ctyiek8r6e/nyioshdcu/tffjensb2rqx2r6vrrxpd9yxypz0qj6otnv/k/dprasef1fd2fon/hixktjh0ls7kyqyqix6vws4cg/xblvfh6bnjs+agzlmvpwoso1oo8jao69c4qnbdt+8vxa8roxw0x6eqm71gdizh+enloklr0ylgdhpp11ewfquke66cogahjeggc0oa7azbvbxwh7jqegtnfunbpxx0vxddvhwpwshva9yzpvhjprz2skvwwx5s5po+v3z8fylm3edwe1o7oddozwm36ayccmlo2snqx++igk1lns69wqkdrob1phtyaasp73vv304fo9qlgxs2ft8ql0d6hstpoa4ndzrezrar7he8holywvg5jhihwph6trnavqvmkn8wafomsevthtfknrvmfvbfrxzewkohowl6fl5lgwh08900htgj3lktho5rmrfvy1a2dqlqjye8v3msiuxtxj5mhhhqpkgyzppoetdqyfy2yc8qouqj225ajgivaysu7w2jtkastiifjfo1dxw/hqbzr+pgtokaqizylk4vi1ggcju/gqsl3vcsxiyj3/hj6s4jjv3ucpdwbird8sj6yk6ekleb0uksat1vekkkuyyoppm3vkvoenuwouu6vwzltujoahhsi/ghpf2unsaq/ycsxem9yuzdspe03zbdb43m5v5q6fyg+sp6ikyx9esox41z9snr+5v71w7szt87fttp19/lh6bgfzn5ixb8auqxinuw3ypvtmztn9+cxkpitbwrg5vd3ruje6g7/s2qhtvdkqw1+9xqofohtkruigwxallkwdb3ybj8mtz0cgbmjoi82f1tzgv8tkrjlzgc24vkk+1fxgpcq255hdfzgrye3rjqeaerx1hgpvnaptw4lpwqpusy1bjehfd3r16hwovx7u6shm27ymuesohpiv2t61syjaxsymmd8spaahd2lcriu4vyepuu7r9kz0cefco8ywlhzixseyoti2hmoapovypsrquifmnjstjbt82rsr3oxt9oc6d6cift2rngannph1zyevvgbdqiizj39btoa5kh0tfj/yyoppsqyc+trz6jbc+lyuxmhwx2dbl3jshldkszxfy0bepex3motrmtutpcfwsddkgb1+t7dngq5hk6+prnhdvtqvciavd21mfcqlyjdqns4t4np36dc4evc87wtwyvcbxjshai6zayc9dorapoe1hosfsuh3wi6ic8uch3y0oq3rm7dg5f04pt8wdtsnobkuzop7n5onupen+9zot7w2zscr91ixde92ab5b7k1kxnhoi52arh1humcqh1mwuqad0/n80fh8xeiypmrmb3ozcfce/nlx9tftyfmzs+vcl6quoubuaixvthvltxa1og1wr1nnaemmt1zitueg7aj0wpwa3u/e6wsgecffgscfkqsxc2gt++wpkgxzv6qkbnsfmvuus1h0ayaobx0rtubifnyfctg1orfykqgwcyd/moq6bp+ic21rw7mdiqxrcxuf+q5jcox3n+c5e7ywxxv/00pv2egixzc0snz3krzsb/892prspsuocc/wchvl4u553e3c8m1dhpuyl4j1tnlf1gqhxjpiwlcumv9hnn3tkiyy6yotant71jo0umkocpbuuyw9wb5w5al4mok5a+h6rfs49r9tge9ofxzxqpe2/l6mdytt+cfssewvhadpbmoarkfzjvs10zgcdksuvzsafm5nuicae+ghbfj50c3mvcwqplqh1//trtpyohsxiiecla4ejhvu57cyejqnpis/ufnyrvvf1pos7vul0tq69ihfuec83qcdntknosblppxlnxu3l/vuda3g3khvpboymg6ynvelxku7netxzhwv2s7xjj5+0rkjirq9hmqxuoilsbhqzffcazkkwzooi44lfjdoppr5igowdirji+f7bwzitrj0fuiamv/ct0qgrr24blqqzgabz3aisqij63v7fw0zpblof9me0zhtxqcet3hbz2zmvdlrupfb8ivnvihc67n9gxut3ziiqn1jatwdxppbwwaracykg0vik0ufudt39kcg9purzkpvkwcrado1/iqhacizsszmtkqnjxmcavvhiqhrqg9jlhkltikh5nzuhxof5f90amdlppolqiq46ma+p50o+zxg3ya7vqauroeuujylzwd3flbpjcanr/7i5upr3wifw5zmtonqnco//r0rhdp2czt40gdosynm7ayl2bgflgdig+h9bmp8alkj/t8d0+gzx5ujltb3lpiscmfyc9s9v0zgde78revum+45mf/zdqgdcu4+c1w71mfcvda7ch99b7zd98v4xksemw2qka7hlbtp3jmanldcihxyijmmgtvj5vgmljdmxcztzgveu8ucf4y+yxgnprm2bozwu3fyy8jgkdacw6j4mh92zuwpzjuzobozgf0q9m3mbzzjdw8fowbdu3fuzqg1o4onytdrtrco14g51hwf5cnerp1hql3yzcfmzf8/2ky1s9bvi7b7nrlxryoxjyio/lsu1so8nn7huw1z9rj7ftagrvsmqsjx3dcpbbjyia50whwjkv773ovwm7aajnv46qax3sfcf7hgucmauzypyfofbwxn1qklwlupk/mmpuerghehyp5srcwotrszgmhu4o4zfkhhxqhwvrlw6ungzxlihuon2yxbxduip2f4klzd84xahuxi+no1s3qwqa9twpjtsnylplref4aneoqd4om/53ztewar7nv8rsv/ybe9sc0yrzys9+/g7ajaorru8mt3n9z9yggro7jztmtw5vddtsf2vbknkq/6j2kvhzw6+rkmmgyfodxklbvxm4zflzvojb1jwafttaiz6emom1/fpsxzdsi2oepstxvz6spbqconv61oos5uc3bmoqfu4ma+mfwsyflgsaec+ghbbsfpn1vsxpkpip9cwc6byeezlhxubetoe2ykyighry2tkq+hgikcc5rzulvggta14oim+xbhhipkzx8ux6fggyh4q08i5f38km4kl4jlzzycmahsz7+rryz2s3qyjvp2eionhxndetr4/ngxe/lualm4xrbujjdjys5hcmuxn1mvs13wi4861kr1dmdinkgdougojiflsw36syttfmak+zrm6onnykfz2l7x5x39iibtnefhhsuwxaj/g/3mkwkrruu/udus197dxzcyrcvdon2csytq8mqtksvf2alyubgmhqyqfzurl3qmwmj3dyusy1hfkw9azhrf+7/7acb+2wdgmv1nrgesuy0g9y11dqvtzvpicunaanjvsle1vv2zqo7x1idbczgozesparxcayimdroo1ldpavpst1rhx2huqjixmvktvozawap6fr2vo88rcedxwpkbb1zst0etowpwgjygqe1yku/0givdgyzxujgczf8rih2nr7+zn52kceb0j882ikwo7hs8099lh4d1qs3ts8ocbmh7nkq7rqfooxxqxyzagwbbvv/vkzkeqkasu09+2mzzy7ge7wew922bj6hocr2hk/krjq7dmedrhm4minogism5yskahsdo7gfnhrq3pe+c0m26cholfdbnusm3qgyn64gazzisy7nnszkibxf2rhliwj3ce/o9qbhpnsc6sjrjhubzc5equcylsiq9posy1cm80iusxssduzpdeoodvkwraqderzyislj3x3m0yrgotkzwakqa6zymyjqt7i2q93l2ist/k3/3r4ozquldridxkxwyjrnj0nw2wajuznuamv2zlulscg4he3a4a0b4ga31mzomy69qtlcpc5h/y6d/h3dt4pz40niov4hwe1vj9mkybkled0teky9lw2hpe08beyesj+qa8liz6rjjavn4katvvy5e8elwhfi+q4fpc4zldsdymzmgrhu950veroiwu5m4dzwfst2fzp4pl15cze55t0t78ogrte2pgjlrzh2npm9z2q5wrtcq97opbier1ouyihhml6eca3mm+lqs8/l9ooebvvmifsuxqahvi0+85vxytv+isan/4zccgksa/slk6atbcsvd+zgbt2fj+uknztgpayjyemsb1pp7cpuamln2gfcyoxnoj0i9w+hvrfppxz+djnzlcjvtogn8jdqo3qdkfz4hmnjc/rmg17r3wk523lwstmjz9md9unnzmap+lmjuvwmf9efayx4ydlw92z2rasifgrxteteq6ga9tk5kh18bdxxhlgiavgleom+oizsbbvgflvy6hycdsr3pnjpgrhev1fkbb4mh9w4zffkgbsanitfjhdsnwzdffn2kol0y4onlu41dttk8bgsfy2i8gz3b2evduhicb+kwohkfm1m9lblfitxmkul97oxko3w5kaw9yikr5ikdn7q5hs104y7hclld92ucu3bpwykqm+8/crzsxgbyg9shivyjfm9znvzh0vyol/ssvxyllc95+o5cz9lowziams2++09ns4auz2+5jcxxvm033cggf6bm6tavcccwkf7tiavk2g0ap3qlvv/hidur4dwwzu7dglcyudtljco/p+x89bu2n0zd4hpnuyqsx8uv0wakii9azbl2sy3ulklqq5ez5ef5b7idwqjmj6mq1gaonnorbx4x4k8gkfj3qpokz1ofkm2h7igwgc1u54pjsm9z0oy3egd/z638uxrpbwvmkvrlnfxml+6t7epfygxwybeh2eky+0fxw06ieib6qtjoupo4g2bdpbk1j8nu6ju1j7ut03gkg8dp6mphgsmmxdz2xfnhue4x8wnacj/xdy0wolwyzcqs9xfou9mskgksyrbrvqtl32yytmrda5geebku8dvogoqctntxobya5bs0cf79zzqnkhh3ca072x26dmhvmi9gu1czxij7aqdhcrn+tcd0umnip7lnue51kfntd+l3e0e+e9eegtu8q084mjlwtrwyzp6n5lu0lekn7ynvx26ovxc9bzpd5nj3dzka50x+o2hmbvmnbxdgl12i9uhhjm90ysbo5ns0thdoqhoqcjygl28cjro2zy6ju7h1v6pp2luy0qqnl7oqg4bt3tvu5swiiev17vf4chhxdumxjr+enlt6rufr9y6glchln3ofofkmy2+pcsyk8uie3lryw4vtcauqyy2rvx7vqfvftqyieqphvrajshdglqsne61vuuqfkjpfe27vvbi2mwbgh8m/mysf8vpdocw+6ma+gcxitqvjjskb4s4nxvlchbu02nam9lrrmrv7hmloj6ebb7eircb9flg84ixdtd0qqiifuxwpkykeuxd+ssryxakth2byrp6neowf5ppnusmxg08ud+zsvb3xxh1zk04hkst1bui1vmkp3aujr+t9tbhcfp5cbwxqjzgtzxlacrrydip5hs+h7gtbhlt1xdy7m+8ftexbdrsghsged263ghf/cmcv2dhbxx7bqjrhoie/vp/prxgtfkwnl/vjxw7ni0n8qoh50ty6tp1b4pxd1bq199skhvvr6xovl2k2yel6jkmgys+vyz+spiuenwfenixl/n/veb8lqp3u7cmhdion64u3f+w27y/km3mauprjqdv6/nkhj91axd34dytuvyv2zuodpmagqwbloyoefi2e3+w5cbgsqkavqywu0nsh/wmuilzfc5yyltzbb7c5ggwzyblhl57d6o2tytnqrzuww0dnfr3mnusgjgd9kpycvdndotpb5eiqlsfpu05kezy11muscsbwynun9je6e4mogtpmtqunqmiqoh3gq3eoza7rfkidlrt5souhlriuhe7xxx6ykxpfvbmcvhcghdn36b3q/tfn6yzxyvopbrfyttvsi5b/j2kpnxwfgpdya4o8my6tmv2qlcvgesfvsib/uibqpkaxgi5wmpil7c390lbg0gi4dxajd1q1kcayznspleamzyzhtfiqwk72pjbsgedodspvoqe3ym8qnyyis3mbavfmlndtetssowk8xfengigcqnkzm60zh6x6v3pcu1bxgkon9io5xw7fgik/8bj9fx+piujn2jyvhdptj9iw4bh5i3f8uyekbfmkxc3miltqse70m9liz8wfbelemspyoleuhk7jcc5drqcfk619uu/ozlch3r7gki/mwhqoxwkudytyto5w7w+nkge+aq+43j3xfv1yevevc9wvdoiw3byj1svxaopvivvpvzz7xczhzkk0l3g6wvvvyw9canfjv1woxajx3txblua9xgtgzqbkudo6ivbi7idneunzffknldnzsw0p2r9or8ao3o+i1kzfcnwk/l3+xeet/3kg691vzgofyldxzr4hvt7hiajdmti4ombgatil/ygfmodvquniobsfubg3/ax0f2/+xsxpk12y0spfc5co6gloqp3to1aru0ajlkaqtjtjxzn6vnxy7y5/xsimlj7m/9dgqccpgdif3dalok+xb8h8sgk5zl2fqnnkti2tqhztsoq2q3t5a05shnchfgilprsrxx144ddengi/tczfqmwe102wqm5cbbxxxpnxue+5+vr52dgnuidnojnbx2o8ksig/3mjn4ts73kfi1k0q4eve5yq08bh9zbqbsak/dmlsbva0wkpcwxbvibwu30pto+ujftrn6b6ujieua3rs7msopjagnevwwg7wxzup/k/w+c8ekf3vbuolt7fz3z6+hkm85sxgpujlwhsn1vf6r30xlvyn9rjxmcwfrkbfybcygwdos9wyyvcwcichu7dcjil69dh2wmhzuzvouije+1vphew1jx9lim7zjn8zctcwbqquouausa/5+n+ahfvmpr5myyynkju8wp/ae+ccpynjdnlt3au0rjjflc0idgjcmzldu7up2gdubyulreudnee2wfviiwfrtf9xtxvr/wwhsbfw7qrwlgjxtxbv7ng/k/mxsa/srgpgle7gwblc+sm9ajqko5qo5il+yazpi3hqzu7o+fmvtyii7k1z00jjqdbeglonz7vgzdueabexwekcuxiomsssfphg9zpr9pfswtgnviswgqki5aydkdlz3xuodsinvqvqn5e95bui57tqlu75vsfw7ynarbsobtjsxjk1nihxd89qgaz7lgi29scgi7pmi0t5rydx7gskvnccslaxu2fz/cx62bmaw8lghoywd0s0lq4rabvtd2pwqfgfjmofc801vyi6/izpmua7mmw9b79wcglhvnrxnz2a5rmixujdfi5khijcpctfeb1i9uncstpbds87wtxiluu0xyqo1bt3fqfb8cfh+0aqy7jvvc6ojtnbp0frvsu/wwvsow7ro3mu77e/4urxzte0nl+cjsvi1rui3ch9vun2pmyrncnjauvr2evqvofvj2led7bjvaixdakiwt3lvelbhpsu7rjnb0glnnqxtqwjursxnefqavv07m0cdbjjp9bljjthkth+k0z1szvcf/lti05dknd5ht/t1vo5trtw81ruycltyxgfrie16hlyzydctf9kzyftw46zf+qwjyi23g3s/jnkmze7utna1kw84icydp0xlfpk+ettx1rsdobbjnu1onqqzjieb5pd6pxpc3rotje3w9u5txdnlmngtw/6esaqbb9afdketpqtf0ockkgnqzcr0ll/ofad2ekwjj82/p7gbnggmqbpdvsaopkjvviwqwus5ysvy+qwyazt6zpxow6kiiw/qzmetyileyld6og065tflwtpmgizqmcivphscbij3dqiet3b9yzediqtjua8vz54aj6sxqqeri4kcp2c1oyxzj3povk6oz11gfthxbxcq19rvhe1f4qbt2y6wrsgtluxhlyde2audq1qrvaq938mnngfyptloqgyzsssw6ufusptfmwoqive3xg7vvb671vnptrd2aqg6bxxi3u+skib63s3e37s50fco7q7opcjmyu1evm5miudp1ijlwtb73vkosnr8elflgnddtguicz5mxa/7+t4pk2rek8rrbs58hgsrnkjxc93b2wongg0xhksjqmorqbgwzob8fjcp7xtnnh+jt/jo9yoficzntkyn6sth6+kr39oxevmjuqtoq866zrfuk1pptlw1cfblqvahmauo62dgryxlu092z2wtjgoubixz2zdz5bkfadjjj9bcv9bucvwtcjag+febctc320xnuccof0+sz79qakuvpzz4wv1jv02/63g0u2z+gx/iwnzfx5t5iyyj5no/t6hjhnmge5yn2sj5e+phb1df4fishvsgvpbvimt3rbj47jczttjdizrgra8wx0t48921dvgtml688rjmzrscl3hs/go8vfv6jejet2cwnr6/kocxjiolfyo92botevfjayzgugpnv4sfdbfdskj4pwu23iuyv4iqiznzj6izeieiwtdxu3uhbv44piuv9hstw2ytoehlhuultjxqmpazhjlohvy/52gh1pkrtctlunfnnwkvjfisse6tfdgq/2fo0oddltuso7dryfbdrkotonbtepk6oluqcz0tevx5zsww8clkvc3zcrar8u76vh2z95vxcbkfxeb1akgcroz8rflh8giyhnslb9u5ugezyvpndyvptah6j0w0tlez4pec8kkrtq6qbrml5zpeywkylefcjwayy6bc2mpdfia3vdhmzsnaw0axxwfcuetlsn8cqnb0ffbz42sncnoclywweyqk6kp3cadwfcdj2cswwo1cc0fvlokpcqhbzxars0ffxinxuelppaamxjffcgm4u2mgarnjwnjohuxfmollcpycbzdd6rvcatzzxly2unflth/hwpjyrtwkzpwxyaga0xxf75o8ek0kfnu55cilvytn9p5gtfqhccybodsdqlmnebnxlucpkohjezsmee9tt/cqhktayav9bv1nshbtzp32ksunirecil297st5wfi4nygzqtqhoht2wrr7nidcun3ejelvcvr46wnbpxjaeua3deoerh0dltn1dhltgurmmbhpixaymwkyg7sekv9rv/xfe54cgh3lu87p6hkvxs6dia0gy4jhy4feu92ufbta1v6vapg6igotpmnxnaahz4vdggjnl65zgyau81kkvoxsrflrv2rzsdzasiajgr3bo9f67dzrdlomky8sbqfnd07mc3mw3flkmix2ztrhsre1745vfgrc/lehfbsbk68cqjsryrcr7kui1nw+bwlrqpas5nbojpwas9gssypnhwqbd5trumlbs5atbmyb40vijgeiyfle3prk7vuezfflwcfjajhwd6njpeskce5tbhrrxp2kzg17k2uiaqzvmtver9avsxnprqdcmb6hvmewiprtash/f6g8zojacqmscgpusqluvaikujk6uln17fqi1bwzojdkcezbdmib7yly7fmoy4fttmn8ua1yz/g/hp7jtb1yerg4mpuwrhtmwk84+catflq5thacrn4m52rx+ezuwpc+uq/em96cn42tr80+xv9lokclugdsfmhuiut05t5vn2opxb5q3kurrqekcn/bq3g4vppdorcissnia0ws39y58ayvysqywvn21uonfbfzq2vhisymrqjaxzcak6u5bbuj7ftr4zglhz3eteo9mofuaxm2rbabrukki4wipnzttfdvmwdxs4eiot1ievodrfxlfxn0fj6cmbl7mrgvwzp5amnshka9tgrezre/o9rtfn5wzcsuyek1ow9obq+ya7hxtzx8/6henhtlhv7kv6xuzyzgl3cgrnv8hd0/kqxilqfe0nm9nqo7gx6fvxcnsxhzdlftodhfjjhnk9gf3ficoubycobwlqhzpjoc47a29jdlmt2eqvp9sy8x5puejxomuqybztsdkb9gydgqpd4yhwcqjivw3cahdrxoycktge5zdni9ojutntksajy7tk7evqfe3vnxqapnj0wbxo9ftpke1gg9qfcilwzxwfvuywg3+ydfqj4sh733j7/jkhmnpwtyy+4yqppnyt6thm1ugiuk1mh3ouqzl7vujpybtedrvbftbem+cxmjulhbzopndcgjyt56zzblqnms7prttqd472xccppnckb+nw7gu+olduyoqi+5dwk9e5y6/xgntu7em8yuob+2hccqhwznak/ncto8fntekustxtzly3fq9yzfaci1e/fjo2i/en0d8dnvcuwd3qa4wydm1fpetzklwtnjczywxi5rxe8iefdyhg/mycjn9zs1rtfo1djxjf3uumretndvpossjmhqxu+td/mghbx0i4l+5eyhn5usqojpvagn3npujp1qumyskkvnpluvuhpncwbiiiewulbhvbwcmexmvo6grrtmjb7n9o0sx7w72okr6kkloubgnzvcu/dv+pzvtyjctwcanyvovndmf0dhkkupgrjz0nnb6hbcbrhrlmme1zv9ryu9xifsjtwzs7hzuslhlwyoxvgu1tngkso+3jws3fgkswkxta4cjnitglc3vcs3ibb0zwxvyo2qcbrb7lxboaaqfsq9s9dnflri8tgwdd//txom4obww5/6vpowutm8pg9mx2raiejhnynsmhvzhnnfij4ha+dzasg/ulfndpnnvdaqazyev87pgunxwjl6lvs4skyvdx7cofmfnmoriobi99kwrm+pfuv5yjoiwagndnsj3upejn7hhv6i7cdm9trd1v7njxyipny97vzye970r1rujemsnoifgq618pwkkxactge3w+aqctrqcds7cdeykwxfkyvytw3j/gmd3n8pjt6ehxl9c//vtwqnrl48jcl5t7p4t6ay+ypfbontq/bcjnfaqyrkpy5tsrnzkbnpumkv7dwkzo7rcvltzzroepuasbhju30hqrlh9e7a2zovwovqp+mxrkjlwp4+3dzzbzwasbolxpzyoojjfh5sgiiedrfx5cguwkwmvyqgehrxz/sscpvishr2x3nsjddze2u68vsme4q1krkf0gel/msjoq0qr3ic9huw2nqcjgyyveu/7eq7mxsyfh5iju96yubqbucty83kmhrnhkytevuizstdzokvhgku1+4skab9hsoinclwemznp2p3fuxibtu1+xt+6gsonnutkjx+2yckqyt72g5whcys/j62swvdcinstdnnabsbrofvdrkqisnombna5gkmklnsmlqduvnnkibvzxjyspuly86s9/r2s1bmp8lr8warb/3ebgstpmgxwyqkctzkxlpu7sm0af4esq7/koehnuqvm0b2rmoinm09visah3qj400b/89+0y4nefpagrxlq26xzqfsvmipqixvxpugqfxk96yu7h7ssfdnptlt9bt7at6ul2aohbvk2tllocxk3xb2lruadigk4/c8lsf3fouy1vsck5or33tct1ouvrrknrymzzqjktvalcsevjq+bqbbq5kvnenc73wv7j3sspavxiqybncoapu93gpdcqkvybjgvuhjdz8v0jt4nvft3wvnnufhpydcdshbqlyzifixjm793itdlh1palu6qburudiqzl9dvpiq0pmne57qimxmwpvvpu94qt1i6tjoh6wqlqri+2tn6o7tpexivxev4erjjiyyrlz7ptmb8mlbvuixgff/vmu/9c5ohwpoisw4nkiam3ma9eyl9wojnsmrgj2zumkgmml00ibuupmdckf+yulw1ulzb48woktjyvvpdq9ij6zafo2i9amsaz5e+uozq/p+g3l18degygdtmdbdaaaktgcuh6qvh93sisonmgxvi5qryroigsonerdjpkskzx/mkabykmsmqeutdqkyegjmwmsqny/q3prdzvtls/rv4dfctc4v5gatipwe7/t0zyrsohtd8z7iribbheohu94gzbfzrfm58pl3c9vdqmo1s3wnaphg97xxl1tpp3oyg+t3ubvkj+dly60bnm1trzh/zgmi888yzvuqcsyqzapansiktyg/2k9nveggnfvzgs4xce2og/cd0frprltnjkhc5hff/jlxh+y+yxdhsg9zgv+is0anrhalmmb04ivcsj1j9b0mhll1dhlvx1etyaajiikniga3qvqf3pmc2hlbpjloe57wxy1dtmw0ayeycvqkeesnrjxzi/dcgrzhxxlwqnxpzheg9v9tbrydxgxzewq0ivfe+wnjv3yxxfrvlhtlzron53vai/jq3aw4ngd23n9iwbadfopapryhu8hd4yjveigzsljbktwro9td7it52alz0br1tbv5urzlzwl2bdqalvkludbpz0/nlwjte11nkqcmaerdcblvz0iyj2qvkbvqqpespqcrwr4tqx3fn6yuc8ubgq/h2iksodyxqgwzsn/ofualnwxhu/bpgzi2c041y1iufwu5mfyw8zy+rjmnkwcps7y36evd10zs+rbdd1nh4p/6rnwxajknq7ybsl1ezryryad0zw4zsced32uzradohdlqfczk6m3jth2vtohkuupwvklmvpyxcckjzcwsquovoslyki040yvhv2zedtujuowz3mvdwz8qe39yzpyuztmotxsnati+i4f1yb1o+aucwm2rqovr9dd4ojifuvb77n82ewmfnme3eqjxvu2jmifvuprnfur19rouhh7a3vbqaeywxi5m3jnztujnruzvrjleipj1pfpqjzppk+8n4djpc/ve74iwpy6lsxqimi59e+12y0g9m/xolqnk3wg4mm0efkcfwirmxvyk6sln5loylc6fh3jzvoqjiv2egy0ikjlftwrnk1jia8egcnzpckjtvtman16xnovimstcmpw6mcryr1xt65aqunleiplhbu5kukmbtzei4vj0cmusjowgzyvdrnxwk4jrsqzlypge2uvxztby5yhd5p2vpzidsz4+r0pnttzlz5udys9a6ipexrprqtrmdbzjr70eoq5pg5ztfrksslaedxgg5cstngyl6/iapa8jxh+hxs4yitovygruytmegn8asnsu4b4wy0ffsjwqeep7vsjnrebccfc4++ygubbsg5k7vnyldex5xvnqw0t9truxlnmdo5fou+w6h9hphacwko0nmdzjs3oye5dx5a4km0q29g0odpot5oxbo7pw52mvblo+dkb3ks80mwfhnfcjetcddhuwylxd660ly3crqzull3uhkmzudwyxrogpezh8rorptvayejbpi0d3gbkrrm/bsxeuy8wh+erpbukmnsna2l3q3utbzkzfkscyiuhp6begkrkxmuanytn0eiqyxttssy39myginco5p7qsupgwf7zme2bn26buzi5a7am7hb6davz1pkzuv5najtc3icrn0ysuvpek7e9uuzqfmfvzlnlrj5evwimbny/erewcj/kl4u43wnbceczhvxinm8otfap8i4mmzrciqvgzmffqrrutswbkuzuw1uq/npawisnttcdre1o6+c9i+uvezmdglervyom0x/s6u0gvudcmdwiydzsxufr7akhphqhrzsxzklogko9vo+bcpmgbm3mdsokivbvrz5jkmizhbjfsuhfl8igadsvttvv8s5002o8d9v7w16r/6x2n9a/ioawy8vukdmtfdmsri/sa64p//5konn7ccdv8ux7djyka9cejp0qiymdyfwz1/8fhwhgrapefggx7c1u+7ifseezcwfzbg+u7mwixuk767nnwkiiffgurtkqheer6mnnmruikqgkiilc6+rincepa9o+tyjaeubrwb81o+ycoguodq9isfgpietijfjgseu2syho2ko5py2qlww0xovekapdfbghwgiyfffsi0fgiiolvojipsyxbvn4cjszglhom2dzqisxdvdqlxv/vrnxpcx2cdl2q8hswdg5voarruzs9t2zyqlgtqsrcdo9ndx9kfzzoum0qiixpm6tznxw0swl6nsda73ntu/ikfyktonmn6pnrjf7auhkgw8o6llr4d2py4eownepe5qe2gkgmapokcaf8qioyvhyjxc0ja3bewpapyuqogf/u5o2nogkutnuazkwjs91clginiwyowqg3xea8p0mtxfccwyaoxugd07d0+tbdcsdotmo7106unjaoy4hb43b4fslpynjuagnikhd0ooyypseokavefpz8i2phhxbffie45gcszu4sflgjanl3qfh41zsl7xaty3mtzvonyvfjwflr7yhhqm2mkbcxsnkm2cnhcvjlaq/hnj2ucrpfgpl69/tqw1cu67yzs/yvzg4mzl5p7aluzmhmgmrleqys83eb8qi7mexh8ggmxn6bqlzgotrkdnnhqtbqsfduqob9wgii5jjkrehc/m+/bxssfnm292qedskbxlxwkoma2wmzg/xfe8ekkdpcm2d1jes3ils4v1voh83dlivc0ljph1q2982jtxy2ihvu7icqbi1qz2sg6ux7pllx9ovy6z6eebz6iaupmun652jd5mgm2phovm9e4jli3yn24jfewsl27/y3kxpfscbdlpfrv8ep+noc3k3xdoxs6mzk11grpsmoxisqrqdpknmysyuodpqqirw4qbeasxfafmaklqgys2smixedmyhaamvkoxo0jtkndbf58ayg1lutoiklfbg+djlavxjxsrj1u1sbqbcz7k1jf1z2ugwqttim1xyykfbeqo9qlaut0tfdirfx7uwqlcjswiqokrgzxrnfeeurbebt2uoadftpprqeeu9zmgdnpkq5tzmfe3qdzsgspt9dloqn60aoahbby4ezunwgwj2tttkibto+f5nhb9swftcsvz+uhwl7nsiqzdoqgkbq91s2aj4mgxuoksofp61s1sc0tnze5tohvwjcut2ldjb4rjr7sf0o2skqsphltxob4skcjn8h3poix1rdnicms5cdaoesyrrwqgrbcxemy++eegx3eu/65/yexlzrubxlhmlawoe6l+zvo9z4bjdzib9xgbtnezzrjwrzfymhs860y5netzrg0gvcff5ppjb5ppatsm/1lgh9akb6qou0lfsjnjk3js9mzxgvnsdxwyecqk6uhli6u4hw5e1vl3x903ifjpaev3hanpc82uxgkx0tj9njsyh1vml8hsd3pm7x1xgmdkrvtkritn+u6ty4m5k+zjvbrqeudnh9m+h7oxvrn27bge8x8vusuc/kmwcwwd63ie9e3dwawaz9hb2q6zdg4bra2a5mfiu1mphabzu5setiqp9jtdhxyzei7rifmxqt20iqiraanmoj4hu+hjxev2eddhjolunbhztuhgcipmthim7bssttyyy5ormsv8fzuwm23d3+duiu74wifd2cwyonierr5ymcf4kirqcvslsbl6pfikh/+oryqx4jibovyo6ikbqy44mhnwbhn589bovgo6iwjih52ci9n0rrbyz0seiqtqtdnpjccaselsix/f6uom5basv6kfes1uyuoicqthnubk7x2tks68mfdqed6ntv5vbw29okd2jfyj0am3l847dsvw4hcb8vy1nz5k28ynhjurzf9bar9sfjkiyu2vetcvmyhypzcnj2a+ckewuzz/o2nfzum91oeh4nzeteo/hbm2o4ycdmjrw5pp1t3q0l0xkcurhygsbyctumsmbteeb4rrdmebudawr9jvq9r8qqn6q9x6hfz0eoca+n87hwbj7wfh8kvbyvkriqjeq7j4bls+wabbhviefdtdzwoaljpqqd1m34fcaxfdqne3jr0wfzhpzwabfdhglgmlejetux+3ygrfriizus9zahq1n3yvbvviuduj9takk861y7ycd6sjmb/shnqkf+nkb1xbmsi85wzle+grakudgqur/dyar7rsleb57s4rw2arf7mqja4cxadt7wk4e89tzj91qpkg5gmpnnm1d3mxdmeukxjtlge72ixjjjv2xqlqjmdmspdcry5wb1dd1o3lmzhkdorqwtqbhvpq7xu45b7u7je1zamm6tlneoddmzd0ndoea3buzyxcdrsbi9ixw34pnivuju9nk+zzebvufydhzpypuh65rtugahtah2r8iqfv8akvcrxiyb0epba/x3wu92kmm05zfptpgjkd6kxlj4mwy7qtyodkpxhuswdzldmjdteyhx/apuookbkcjo6vkryiiskk4yqsnmz3w0u4g/0vjsejwgxikizkf8cok7gdeucqqqdyymvko2hblligky4haic44pyucpsn23vuzx1hldorkwg58tgbohtcv93jkqit11bakpos0gpatzhyqwr2omdixmkw9eu9aykz5wdf1ho/4aulpgzy5binvmnwk9rhxzvhhlkez1kpc16myessqi5fvehhvqgxzomgdngkq7dhfk+wwy99zzndlxd1nop/3d7gtqted4kbtejw82zyhnpre1bqlm/9ttj2ly+4x3uptwpuwdeqocdfjwmngxexwyzr+lcfw1lygmokexmh/ygen49+y8+pppd+ks37xrurpa8b9aj0mqxdbzkk9m3xsi3956eudqsq5l56fb44las2vr0kwoifivfjeu+6yy5bryichxp2y1elevxr6yy1sh7attalv7yol6ujugrvyjknu0zp77xqeyyihiyhy6mgrg2o+wtjemq35rygpfuakfon00mbnpspdulnz2a+bmy40sjyuvscykgxrdndhjnjmpiv9nduoyxck0oulisohqgdqsgrdpfdsp1qvi4erufm5+xvvxluga0cw70asmtbt/0e3n0pc5u4qyyjqrok+e5vkbe8l+yswemx0pm0etif+rffrf0go3x7gos1esjywijzextzr20o8et0e8fblrjwyosj2z0xgrksnvukegie6nmhoq1eikrmqciqzr2ckse54i6jzkihyee0ckp4elvw8nqpjnbaqw6jpq5ntvdf7pndkfshbv1zip9yk+qvfnye4mjkgedg/rvf5zbonc1lpeth0iwxepy22duuah3qbwq3xtdk0wtszqej2rrk/zisod5wcm9n/3wna5qsjo/nsc0wkxzjiqqnhv18wgmxeyp/a+3oxdfjghpsnqdoksjvcnsskzro5lltvpmqzo+mgfjmp9a6//fvwp5ekgvcjgptow3kwgkgu9qpih9dt3dy4g0/tsoernauz7utfuffelolmliym/gvch9wu1sa6osunrzm8mmaaq450y0swb6p+hvrqxlcypmzhz/fqvxcyklk0fvibs/vc0adkb9k5k1y4z1dzhnzcuzizjkikv8dazd9bgjhrsq1n0ny0i6vassc9ouod0tpjalyeo2l3zeeh6myn+4phtffnaseluhr5w+ykrvcd9spvw7ekpejur+aswglmzf7qcrgg46c6janrok6ick/vr7m2llms4kxouhx4k13twzshwiqqibjmpgejvtp7/tfobqcvjhn2brpeig6kazlvhquc9nyz5b/y5pzvqk4wrqix2zieqagsbtrqy2wxqvrvffzqevanqwyygyjmjo7oozoyedniu1mygw+g8nrddqerplu96j2j7p2bx3zub0zytodpslwrbtljjuxxbf70z+q8drzwwgoy8fjrda91s5pn6to0yomlbirf6gcxqdvepjnv0wl0nhwgfugnh3fpulkviqllhkr+06hw8shxf9zxmxqpkk89+iqpzcepuog7h5pzkk0e7qzsecveitxzsqc247iee+373ictdn4au6/c4+onfwfeywxzvuzowfaiijnkbbhstpvyuzsicdcjrx+9o+npdfy3/ry+bpwjaiduhozinmgkh54vaqpn5y5iuy4ai0teogcszefplhktcjfwfuof0wae6zrdyvlqjzd4kp3fibr9bw2g6y4aqonjue5nsutfpepztqxnwya2jt5r/llpn0qdh1fg8nbpo9zglccuxina+efdh1p+zf7ad1gzrw6aj2g1aq1jitvv179q9uhrel7fcx0t0jn4x/ndtxfm7rv43pjvua7nsty5otf3zrsf1dn15r3tlh0ppsjakn3mrxet5ip9vwxdjde84872gunkh+4zpqxd76ngw4xu/ho0i6cqowytxwdi5e5pqkr0mdtuyn4apjr6hsainnjcdm+1ddoi0hkk0gvxwwveio+tkrovakarvozgv9jll7xaceeilkpxnr/gmg33sy5ijruvjdj5qesq/0skgdx0ryfraltilv5mr5mhkewzarst5bbsdxma516b93k3s4kbpr/w7vvqqrocpneo9r6mc/gsndhzdvby6ohmr+l6islzmxj2so/hxika717hdm4j+uzqlhqsgdk/k5hop63kh165l8tzxc9/tuac3bsiznyfe19hishwq0q65v1gmdo2uu76jvbsqaorpk2fcen5d8u7js5bf0s5r7l/m5cf6t46vbjflarjyilrtvktpjsr3ri7edywjcus3n4j41pr3vm+tycq2ocgtp7tdzo2s60ljsafvmwipw/ibfec0zob0wm3k8xqxzdcirommmtdo1uqvlse50ldtbojrjxywycd623dr7ebbngdblvjy+yser37trpntjqwmjklf/bxg3ovbpn+rymgsjhe6g1vvmlulqgb+er5iab57npda9s5s0haupfgdce1er+r+7lwqnmfwtmpr9lqabi238rxkpbftbgh3gmeikfzt45rifnjupeomszhaudiucw2r6hdichndlusiromkj8lccs+9vhz0d9sx4kevciosbon6yp8ksem8drummiy1e9vvrka2g0n2d3bik5wjauz8wmeuomkjsfshk0qysq9fhpxgq2r3em+g5csi2gdka3avbacpncqm1xfxo2wvhmgfbbwbjea16nttwjr2ydszpfd2bpxhqoitkkqdmeelk37mwiyv2hgzz7nlye52h2hzkctqfhla7/siaospe9tz2rltwnzkqfykefffgdojmi74zbhub393x93grcy1mv41trvr70br2mieordjrxn+aj80h4kmjexmclhx2e/vpanme8voodyueu7pc4l8q8ithpd8fr17rigirgbgbsvmu3aczzcc1t/xznnd64siod0jnnkktnxdokenvsc3zneabfdqczg7yzovvn1qcfpuhgprkvszjdj67v4pozeopzbp9l6wm2rfjnqzsjtx4/2gkxz2sgxiuskuu96de0wo/pvq3zqkkuxwwsfyvjxlrlr32og5mtmnwah3nvmyy1t/kmleo8ozoasavzrk/zbxqkomcsktzfbnsqkgsp9ntv0xtq7p+grrbzuuc6valyq0v85lea4nz39uan7u9dsqb4mj0d2g8n49t3q+kevrvsbu8/ilm3f2z5k7qxdffwrfcbdptwawwe4qqaq43tdvmtaoxnl2erna6lz7gwaz/u2ut3cznqswolkh1epkrgbchrructmphshx1z2puf50z5w0oyp8paqd7k5drlydya+pryoxjkmlg4ozj4wry0pvwxj7oiekos4jb+fenufcrhm0ixi23yxzmlrxrmu1ummon7aotxkat7drat75aur3txhmkelmiit3cxoypakn+4zx2lece+nu7vanvrz6+v9f4bvtuvj5tn1cche/o/6hatpdwoq/y1dk6kzzso7uglkj4is+iyui2paihxybq/6aqw5hcm+ajh3neztb+9bo61jaux3d1hlvow+5qgihbsksy1f9kqbg+72yy1a+eox1jldiemuvxl5wz0rklzzz9tyzgim8kuyjygctnym0t5wvusfalpyxuzo4pxovju+nezedhi1azu9ixaqfcmllzn3fwtdejsuzimjsms/+uoqzh2anfsdofpl/hvnqxzujcvsubdypbfu4wycyv44yzzghe0skncetoy6mdlu5rfs74cgqc1cj65/xbvnuuiddtwayk6b1lq5uldd7jvoh+ppgumcw19t+ihvj5elwbrzcti8nh6kp1vd8vefsyh2za7lgyyga6otlaon64uw2n6jqu1amnffqr5xhhrydbve4iyocf2pk70w0k4tqkpv9adh6dzwbsp4eie5hjtcdfye09axgylsxg+dd3qu7g6o9ihkywnfuxazho+tee2rneyadyb9m8jfxtiinjrnff5smyb45pirbhfun5rmwtvtqgia9tyotbo/ts8j1totaruiz9zh+ynsc7bwlyjtdxlov5n5xiv4b0htmkfi2ll5ih/vgbmwlnpwfv9ym/o+c4fgx1g/jkzvs7kqbenbjebhfwbngswk+rcgndlsrmgvhbmuyqvz5p9fuvdznsj+rnou/kraqf8jp12kld8eyiw0scg4iqdq2anui12rxve/2bsdg8nse3eqp1xw0o1q4ne4uqqzrvd+3g/pesyjgxq3sjt6wnxbr1nsw+zjdvmkchg7jwtctbcpaobtiaq7je7mjx7ml87mnnivvlh4fwb68wwdlr6mrzmvwl0b5dc7yqsvydurhnvukj1eb3/o+eyzp8c2nci+qpr64sunbdi2htuozwyzxjxsvoshp8otriilfxfnalg4z83d90wnhvutxg5axsi8w6ang2ep26s08tjcxetbnazsokkhxk6k0qaabkya+2t5bb0bwxmlblapatyhdmib3uatsoskirnicsxyri4wjatua9t6rb9labgd7pbhkt5joxg+v0sh2dd0q1oq8aat25spyqtd7lozt2wvp3bwnb1qmcsnagh+bu32valhxoidsjl633mjfpryi1nbypocnwedhfhy+m94f3v9jmbrhku6tr7iidd5tgetipvrcme7qnbcsnyqcfxfpm7wfs/h4qoqfgwc+foozr/df4ibtuxenvtv39fbtd6yyuvmy53opnpzsjkvvq88db4cwd5qxq6e+nrxc7e3l6rsyhck1knu0u/bylmd3fzvytwt8vybdht/qugdjsbyiwvesnnhjluyrvgvzfhhlytruuumwqsqczjq49zigarqabtc32vj0muucbnvxxz1ltwdhx9qtop4cro7oek4/nep0rogxnly8ophjah2qwhxiqq4zm21tm0idkvvicqpvlzqbxvny668koacvqwswjgyuwmiqujrrviv5+ombb+972ugq2pkhyz42c+u+ytalo9juhwiftyt8hozki+pxih+/iyvzlutcpxlbeynd9nxvyzed4hjxiatinov/jn1ow1etb8kxgxz8px143dyhbqzy9d+k8gmxu2nbonyt1v03f/ndmikjdtot4ltqnygqaphm+1lh8rdl2whq3xnebmrwsu9dpnkch1eao4w1uk0/l8dzgwcetwjsbheuvnj4jij3zx/1lvhc+lvcw2bflr63l3fwsre81dlkt7mldv4dxadjnadgkdwt8t/efd/bppvnr1lx8k6ryqhqziqxmdwoaoyqaypstaevi9qrsowrjj+ibrvr2yw2q77nk5n49qgnnimqf3bnt6bwy08ill1eo5dohkcotvpu/r0bduiene15tvhxgeuqnticy7oiwvsit+n3itjsesysdfjozsndrsd0s39cpntc9uzssyurwjocbmdyudlsetvfqm5zpikaownz+yf7hv/o9gub2zjp4p3zbktv7h1i0y+gld4pj1bdixhukogbltbp5nuewdahboa4xoa4radtv6om3t9f17wfndqrxgsgzyzcuz7cmys8pjfdnc0rlxbsimdr18q5z7kgedtsoei6bdblweyfclezaapkz6cyhbf7nq8/y+35itfkocguvkvlb0dclg2iu7vlz7rbhidntswfhw8cstml7fe0j0ijby/z2e52mkib5wejhfsaxtvhvof9bhhf99bmqa65z62emjlzyomwgamfbczw2tlmq3hcdg4ja56tc+ikihhvjporkkh8xbe3mlxu902qpvvacxgcmzn7ynxgkff9u7avuoxpwsr5xgfucxler/m7z06472fanppo+urgmnlohle+isbkrx2j+iibu6tgpa3saicusnfjtvo0p5wd9dib417rtf+8mkm0exy3efvno6ebf1brigvmpykbtvvkpyob0wner6ba0qr4syhjdhjpbgzthsu+vcakjyeawhqqc+szpbnut69ldhvjb1etj+nq29c7s+lp7mdvuvx1fc5nebxgv7dyeqevi8dew9iqjnsoec/pt7h03bhhzpbdnifiqdlzezfjw0/ycyde+77wp7g5hiax2bdpts7a8w5lxu5h9303ra4yhjf461kk74tayfbc/2jcsfczuyrgxnb+fnxjft5iiv33ugbqry9bug6a3pow8fzz1nhe7gw4omkdab/wpvydts65e8ahu4l3atx9rhvpjffxrjsthnttutdnzkvjkdsolzsg9ohkngrxpdmhorlrsuldxsgu9ulgjtytsrsokzint3dcfq0htou+yo4lw0zvdi/fkejy75k+temxzducnctlqirdcdt13xzsaksidrn9ualz79l2hwupymrfu6frib0bqcfyrjnielsxxig83pjjcw6bacz3kjv5aaagt22defgsnjhovqnddgnhnrmlr5wl1dwvu/s6ha+rlhpmnl9xfstepd7/hkcghui1j8adb2fzsti4yps6bgde1kkifo0w+wtdpoamgpodj9jzybeqkfiqd0fsboujecbyqnafjj5itjozypuamexi83ph2qrnxiwz0paw9ftp+vz1jytlg7tjtxta/xjypr7z7+x6tnxqd4uw89sm3gniwj9+cjo2afd4pj2qah8xi0f2tb3iuounhjzzbqivrtnulkzepzv7sm7bgbx0xytrtx567x2nl0j5jlfrduogncwcndeawql9yk5kgs1j4rj9m8rr7uq1kizn20jnowd11lea9jixwwn+w2sxl6fibn72w/kxlgrhk7wj/dva2shlli/vdvwu7hwoqimi0tuzfsluax1soezxh9x0xdg6xerzxwynggxy5yogto5omul+c108peqh66klda6nxjuqc+bo1wvgq7rd43p6s2udxwar3ictmmthnxbbtrvzsqp3garj7nlfzip6mf59u47xt5dkrxkmdsqyivpivhy+jplvh2u7lvwtxmqsl5f5tdl0udz1issnd9lrvtrcxemismldtemk9sqmpl2mgdifvybiidfpo7ojlvfnjohihgudsd4ao6rvgds1kb83bgglfnik88mjyqmnsrvyf/54kwtkubrdg9lmww7lwdqbnmtmg5upxh3asuxz28fkzn3qwuz6xuqwrlzizxawxpb9igbnc3ops7xivvuzpfjekqjj+zbja7bieyhy3e3yijtznfikxj5mk9yj0rmrfowdiajbm5kdsjdyqrnpkmtuughsoxmhvr/pbgaco2sn8hn7gobd0cnsf/afzgfku5nxtphh9wulyakbc8qbkvg1ug0yt+k4qu24cmbeop5xmeokt2cyncyfssuadgjwnke0xrxw/suyn9ywcsa60oo5qkoqmwxhurxi1t5prcza2mh3wuq73ytijzap0zzy6lgdlldwfsxbf0bjnhst6tzg9j6sxeciarc3sj6yajeuzmj8sigf+kmuhbjnxltix/6u3d1outl7ukragxnaugjp963coorvmxhj4btgrdiwwryaktrb82kao6fymdyrnw2kvzrsidejovmo4ce3e2iyu25c/dmrhbbzknoxsemzkltnpj6y4cbqz48bycsycrspxehmjyeuwd4iephrirs+p/ku9j1nni+5wbsiqjpwqvgjero3pf8iz+yb9qjiuammunaxlg65uz+3ypebrn0h5vrfqlxicda1w/ti3s4xk+po73hkx+8gxxhws+9tieicryns4niz0e49233bkfg13/kwo9nlvdhekop7mtsgu8cbkqjobyyr0crqzta+w2sxzshw5l0vblubz9h9lacifhktbeq4obvmlbns2isbizdlwdzsbx4qozn/m06un7zqxvzokntswiuckq97nmj/eoebdtnniql5/x05olvjio1ej+3ealppypecikc6pqay4n40sgdvhzlr07xhu7mbfyv3xmdsb/ayq0o8oce9+2zn2o5jdotwt1f9z8pkywo0u+8vjrjltfuyys0cthx0moqilrfpdnbytm1fpk4yimjkbp2qfuozmrd5t7rniruvhel2niec5zqvk+zlm2h+0kpqkdmo5zdx99uonmblemf0imni8o571z5he59wobompsqfpmlhzdfc0ofuq/hdkqoa3yxv60mf+alkhvvzxkj6ofrscadc68lfby08zawwiajzq6i6czhg++qmkkdwmxfu++6ecan2fsg+xbfssemb50541pvuotzqfuj7fxq1c8l2sb05f40+ec6rpxtbxpsjkixg8erreqko8cg1exijloc1qupyblkgqjth8+ujlf0nkj0nhtdaq2qffcf1u7cbibt71zy6c6si2jrpoxytihaiezorjwfhlgxfvmfpoiqoeu2a4tgrodxfwazjdarpwkexwrpyewefiobsihyi8+n1dcskqsrjtvumlkqexxc+0winlrjhb8zmqvj8r+ndxh3b6mlosjttmxafstlhhgg93mskpt6whh2qqfayawfjlv0a1wqsqtoenava/r5ho58gzpbf+nzyff6jkjc4rarqkferjuqg7jpx6hhbfpzbwfc8+nxfwjwiqvvemp0wtvhvkylslddrwgm3pomjtbpmapzjnmbuyydagryv16yo7mazvi8kjor6zi2e5ytc1uhewiqve+xzlkupwsd27deszkpp+zaf1c6lousg/dxaztdkdsqjjh7hrvisdt11jdxksyn11gcwm2c2t2trbgxvn1ckz3hh1mcmp2ojbylpktmhk5puhysythm4vjdztmktsmvgmrzupo5hmb65rzazgbpp70i4rsf9bq8vetaycs+e/kiqbvni80wqe1zxh0w1qa/vfqoq5ev+fjemdwqulb3gp9i1orcbkjsk7mwvlz+0cj1swwpcmfc/l0i0orl5rwilpsje58664smuzacmzpymukq8qbx1k61ieldqdcggn0vgbox1xbspg8mnltwhouo/oz+xathsb9llp9e7npdnlbuqe0nihw71xiilptlw2env1k/eg5xngzviamblxnkrlo7g0v3ayzoef5xdcs8jphwb02kqpdem6mzvc0f2hmn0mvioo8o2zxdn8jgfmqekx5nkhf+0sx0gyi3pa1g5ll2yem5pankdjwwiht3z6d02ugwtslqxy71plgtfzjydnmcgvtjtjphshho0zrfcdof1qcswvxheltc2pi+erf2h6q6hmo5xnpmwxpa9ngpvj0rm7k2kapx4cxgcn0rvdzcdfmvgxpnskhvtnvjycozommv3bvbtmfckjtgsektxs3dsklipbbx7/456nuaew8u8w46/if/nroa1e8v/e6npsl12a4rpswzw1bksuiyvy9oqgv9tn2djwfa1hyqqb9o8ri+89hhehpb+inquibvl6t1sh8hdjxdc6hbutidrt8+bdnldsjiszrxnupr7oj6g/wz7b9vofgyys4a1ors+mar0juftw7yadqxecfvnpv0r3+630mpnjh5x3w1ja5ymrjujbzvwi7wqhejdlrya33ucu3dlflygbhoq56sjwh7p95dzo1kke9mae1prkcyppai1ssnt7nfw3awvkb5obiqvtocr/eqyr6xqrrkr4fo2brxr3gl8uwvydsm01tsdbedyjxsug5q90+znrjzsy1j/blu/ziomd115ojqgtmxhbonfg4no67c9wu8k9lvuckzhtmrmdknijyyk6ffqz2q1s+aaxyfoaya+v3ybvn9zpplgdo3ale2gkdscvsk0vc1m7no5yp69elaiupab4t56fpjue0pfgjtpxm3que2qgesc0qn/0p8lmbxsfcldtc1xglwnkjrigegasqkvsvkvrpfre2dfqheac40t1bgfbvbu1jvm4avzbcyqyvpvtq5om5nbnvo1e9k8ezx8vsdti39y2614fsteh8cxuwppdmwxrif0vugh4xgl1xszxwyupkl8ehpzgy8s/dzfpktvk46olftbuefrtsswqzqzymmgogviwzujz/skoduwrgusefmnbtbsjbvru+kdehbpdjtsksypzokiszjxjco72wac8bubjeorko6gima8taxmlvc9w6hto5ukgoeaqqkv15murll1jdbxdntuhcwiskeaeofr2zrerxgibasp9hqpy5rwf9ojln2oqvai0xvzawbnmlkqxiej7l7xguohg0edewxpezs3tms93kvuu958ujthllc9u96rh27yluwhwmxerwlumkuxi8dqsgwuutthm+srilxcwimjwjvrukyp5t0+o2xhayjk5+tjumpnupvexysbzcqmlfxyofijrhu+2me9bnwvibvccfkn+ssqannhpzf8i9ip3unm9m9dsg16sj2xgdr3kn+nhkeik9ayd6by6na9dqc1gfibtxxlnb2h2yno0g6yxu3grxahmla+sqbybiaopkgpgl0gdvf2ckve+vbcxn0+e6jzvcldfuupi08ncqlcptdzmbznambe91uq/oj0norr/6jkf4fc1ynqf4+vq+nvvdmbby1jqm0gym6tqmsgk/nepamcjxja9jhtlceozgcx6zfpthh2sairrrkg++bdnbpin5pkaans4hc8o9yfoaphbrzlnavwv+uwwhbx6/vueapvyh3qbhiecr1egqabm2w2mk41tqi01djwvwx8heiunhljk84ihjnf0fsawuit/tf27w1nsvamjaiqabhcftycwmyvc7zgqd5b8odt0io9hd1eigqxpnppxznsjhfaof8k5wuycv+isq/7ldfyiafzqtfk4jyct/ukxrr9in3f5ozxbydloz7tdcoe74u7xrtrpouwl9vxbogya7varlwaatjkzmcu04mgfftgjv5wg8p893l4rkqlhkn2srdwf+30qhynpyr3on3w3gvjajugsy9rlrpriq/0cr1v7bui4m9swdfbbzjhnvweuzmtvazydrkwwioc7kgagutwget4k2lu5m1sekwn65y8ucc5lhlj3uxl0btxvrx3p5yj4bv7e4crhrpwmlozqap4blyjfcbpnxo8skikxgt1irhir/tlau/e+azcbczemi6srnww5oiqspx2fw7fbgdl/czclgg7p+1gfutyg02ppvknagn9u/9mwd7dzpxfxcvqdaenbfmle9gmo2mhelxoyttnnkwuegzzengtz7sxs0viivjpdciog3tasrbopxljexib3rczgrzsm4cws4b896752dnwua6r07ujnka4rhz2wl0knygejuwdrydb8zbdutmumikly1l1vzobnxlvbaa7phgzq4sc1pg1xsm6kkw0e95zs4ncdi6sxwnqnqblmmm+c+tjztqt9cvtxgw7ezlgnwunshbltec4zbndpgcsjrz/7f7imlwjbtxb7cz1tbg0phcjxutvgkfzb6tnk1nbuc0pwjz7hy9hyntammz96qyhtl6svjlrj5cfqg4ohpy2m70f3q3zbp9jqsatnkthme8icnxtxoy5wuzumyrwz6pvglfyisi9sndmxlthwfmy85ixe36yhxqjsvtj1sz015gc5hzz3sdzqrbvtzpcsmbrdlosj7wqszznf+wimo/fvjx5sn9up2w3jqfw+erwtt7ztsg2542qgmnz0i0ykxuhevdwydazzhgzdvbhat9suxlvsxyr6dqiytn/dhrlktixfo5pzmixalxt2xrkcku0u45wiojzk6zn1ni3onpxdhodlsjt86h24ldp96kgpbmmpigb21fognzcp635+jlnxaqwu5b0bess+2vnmmc3tp0fv8wkh2nmddwojxn6gyewnn9secxkvcyjik8kmuv30ekrppnisvzajlbhemj1regrflryu2u+e2wq8jg88yoghjz3ob6raofspkxmfowxhd1nr50fua8w5xdkdi81c97fusgf6ejg14yqjqglin7vyzqzvjmpkg7re1hlbju5ufrlperd8/2mojug0qlcggthhtvtrjz6rydcvaniwnvmr0bcbncmnpeut+nc8jno19fu1kuzg4ursdavir2zbxaypflhr7brkpa5sc3tkkyhqrhf/momhzva25lehtk7pnetq/7wmpf4u7naemm2+mi8lygozoe0vpux3w8doa26i2utzu/djft0pwmjym/vjwht4tilvrubsstlrhmez/yjaivxhtxzefipbbisls0c3ftstggxpkvyc9uiwqwvjlswixcbfuhsy92cle+qnn4xfojd2opewxbqhjbmhlxp+2jo8xacdl1ct6aviwaz5nxep+8fmxbwfs2ewk4jzidtv65kc5ii9mi+orrvdxfdet1rv5xbkj1ipmw3ltwosl+eformbc2h1dfvb0ckqdtdw1rgggt013w+rui3hqs2zjnz6u820bxjvtwwxwav3u5h1dnkyutpcbzuzqofrp0g1ekopmprxlj0yu8a9zyib7fexo0w0peqbklm2nqts6dwudtcxdmss4biqgixpn+ezrwfhqqg++laf/pn3mgszqnhkp7ku++pdcnpmr05ty8oohjiuzur+kavz3k52wlnyzmezrmx/lu7ftjcra2vj3vit1defvs5i/d214zsurcvvyotkovzqfg3cckq6vvedruv9qcdfvtkyk9b8bbrd7kxfdjjzstdcalipfyjnsczoukqg73acwlzpcca0p4idnzu7h+zflju146fzrjglmm+eerb2khm2eu7/jk/aljln67dauxkdmz+ez+s17parmnj9d92dg3yhrx1fk0mxasfdtfg6idlsw5wvmqiixk+myytlfe/ig7krewlpqtrqjr61kkzz4so+y6owtdetzmdptf3hfhruflkt0rguxxgx77fy1s2kfisgphe/d3ozjmrzcnvcusnyvxxvnprqwrt7sxx01tpczqhu59/ylmcugozp2ggmrglfmuymvw2hrcvbirk4x6lmzqms1czq1e6vrcnkwjvo4ejgzoa7rm8dk5ftvcwcxhg8d1mbmh1to0hcfaaijbqrlcw0xvlxxyuomqzjltw7sj3jdvgtbhjgyzsl7+hmqbbzu51p4bdyjkuo7zgqjmu97hpynjd3n2yvvitun5so9wrpcgxo+6nu871xvwq9yyzorjssccezjymy8sfukfctnq0p5fh+giasdna+zqag1hhcovfm37gpa6yyz3b5zp8ubvcgqva03vd6zzejsltiwgbjokkn2ymukyhko238zmsawtxvn3an83io7uukgmfxiq+6b/huewxuchm+9yo+5zro5n9gbo/zzmrm7mfzvlbtgdzly/dqn5rhgve0vw906ji3en29ccqu8iuwbrprxr1zpalzkeut9us3/cy6qja3ltyrwzf4xzgfkosibzblaqysn/xto0yj2de0wc7dqct2moygzlqylxl4+hkecjttsv09tj251mpxoiosybsejzmvlcwhljps0cow8ncv4p6gizre2xpse0imiqde+1s4kph556irnvxguo0obd17hsr8sfxpgdzkbrxqpe03jdzarokm11pstrzfucfcqqv+hmakzkse6/zksjddv9gvn2bcvqzhajf8qbxnra/dmje7ozarrjcu7udkgq3oqxcd4oxphmuhsz3ovkrforvc6fikmdfhf7ddvtxlaodmvd47zg06yznn9xsauznxdgqdh+shxw5gtxibvez2bury1k7ztontlsqzidvur12n4bd6l9pe0da1vmv1biukwlhdv6ooi64im11jlvsbujots26qvmtg7rkz7kuuzd7ftgsq4ad7g4rzllvhrm9dfqi9beqg4r3tyvw/i/ehyzrof0hom+q0nrjtsqein0g8tstlczothpkmz8acmuhtb78n1gcjhscu+pejgv+koto+u6+yxses/amu4ooe5s7uvhbvvfvowsvbiep+dpx+k7nl372enlvoylns9nnf7ukge0b2dcvxgmwq0cituy2o6lvyiqt51uzasfqij3syououyehqu+3+2bv2q7rj1gdged1+5gw3x31whgffr2rbzcue5wsqlmtu5zjr0ved9lu/cuj8j3mgzvnrq6femlphpd3ettb5orndep7zgipy6/s1u72wgkgyajeif0xgr7/+mb9ndvi5i9qe1u2qvszsrarpgcuu2jafsj3ub3lwkvti3120lzpjgvxn+z6g/y257asha36xv/phbjlycyhxjnhwd4psb5zmqk+cxaixpqmzdekgamtksyug5i+nfoaipay0bkw9q4rkxpckk54karluffjt5h5a7d9lqgswkzrm8eynqzan4lnwjxhhmojpcz1bsz2naoiphe/wdklc4hkcbobk72vrdi1vr1ibai927rqbjse12xcd4kicazhpntwf5cd2ecxs5bdlppoehbqdzuynsz0lqhgtduoivcqwt/tbrpnjyvhql7dw7aik/rxuzdtsqxbp0sl1y6cjqzf3ouam9o7rzpmnlrthrwnumuzyhawuuuzcfmmwt2xr7kee7sswiucryhcpaoytw+lrjyajy9z9q9o2bnf80rf6qtt1tqhclxdy7odhavvzrprdj/lex5p8thhdjbjlm44vxptir/eg7nj2x11+xyvebxvk8ce8z0fshhqyaeszuuf3mzkmspl9n5czholqpgnibgroxvyj7ldu3kspevqq56e4hetplrsrkr82iaz3+mgxpqqq3fdfks7xzeedteoifxjehjb9zgmxircip4o+hxjnqbvskrw80ki/msanhvlbvyjjuaylbpthahcbjiemqzsnvpx/njm9wymw+bmnwtvmuqkwd3bpi8+zb8utuuzmjixumnsncxrxxohyzqazcuq6qclf5tg+rn82poubxqs3brluoiocjy8ueu40deug90mwbjja7bku1djhze/2hxpkogd+fqes/jkjsa4hz3pjd5cft4ilmqmw43xbg5yfbfxuubwtqtoo4wvqsje5thsivqihtodkiotugmtbz5dqastqczfwrys1xxtd6h6ppxofup5pji331y3lpfmutpg4qdlvkoud1adwwfb/ba+qwpq1qmptkxlao5bocvgls7du8xnisgw3a1b4id3v3jqe55pof5vz3xiqab7pow425fw6r0kxs14iutbicwvreryrqylcffjjk9lkc7xcds9fmppjzagcj0tcxrvxtcblogntwx2s3cjgob4qiiaez44lavqqqfz5x5wxo5pjpq3a4qp02c0bn1esopsgkbuazejoyolrp2o1govxbg9ysursjp6hb3cr3vu//ytje4c+74xlspilonfndlwvozqqrqdy2dmocsk1t1bq6r9hfxhryasxr5258xvbkxoquwujmimqb1uexmd9cbph/hthtanw4jwllmhlfuhjlj214/aao+hvpbyjbj47ngjkxutyueml7dtigaho18wkmc8dviviwtmti4ue+bygb2qhhcmh4gb747fsh2zqjofd60vzbmskok3zascnvsbuovkj4p1nbx6nyzevqjmf0jh9zbduzcalsrrd+gi+ip2jyo9dppgedkgei7f9dqlx7uzrzpxo73ltazkouteol/5lbnd+bziq6lrssis3umavojyrhehkomokufgqfv3lhtvcrbsctqznuedyvwmynoonzcb1ftxm8t/hil0lavfmowtdtpjzn5mzvy2lus/tzkoipit0qcrngmkhxvm8xlvj2pgll9fv3ofctw5iuow1tpqsdakjihurvzf7giqoilbeaea7vvov15yicvzvtuz9nnnak6zpciv8ha5crbonstdecm9p/3wxeda2qoaar9dqdajj+bca1gm7xftokqpyhmn2rey7ripz2f0tdecjdqzsctwb3tytdamkzluob3ltnhhi/dg1rgwxizwugjtseycxs6hrg4y24cerfbo2t0cgezeovjlmlincm57hd+mx2u/puuetci71pwiye/gzrhf9a8neivhryc7bwkfwfvixvdco5obtyobto5mjo779ufytci8r6eypqnayu5uj40spatzrskrhbpiglm5quj6of0i7pjnts1qucjkf1mfmin6lxy2ycwec8rgcalbklszye79cv0avhzgdpvmw44hxbxxzsrsbw85w2057y4vvtqs2zka8x0khm1rzgutaiiqnwhehuoowzszudosmp9p2k88fma4dcvk2cx9eot7alec/fbrfwoiuca+cwevt/+srshujivkqvjifhee1tnfbkuhpdhdpjkyvicvqbgkn9ukiyk1wioxaapjwzupenmxh3jtixrce4xifw66f6xzu6ezjzbaqut2bmhzeegllar141hezhgc0s7zg7ictttye6y4dbumhwcgvvdywzurejsojc9lyckqkn1/fcpccayohbmt0zfzwh0ynxwbub29xnmjunc6kleqr4xtilgibxpuc6ch7copngvtrtk54ee7zbbrn+hvea5n2hauz4yaquncuxjn1qb2reej6lo7q1ajhvjhc+gc69jsdzpelzyfdzeckpeql47hdmgncqrjdlsapatk0yfqztwxplrj7cqtni6yg1eur30wlao3c7u+65ptcnaxefc6ieiiemkgx52k1y4chygytwqqfcnbwjthurav3orvvjsqxwaaschjfsjxudcqlsq2omzkctbp9oio4jgrsarmcn/vkc7razqedvyboizi/xzq8bab3d0k13gkuu1fk9v3siwg9opojovbydg2emswvp5kq93trhirxxuuiggh1gn25boih36r9ftp4mtwgubwobt1eom2+ii6vv6l6kp6beidjchucd5jf3tywew8ie2eookmapdeoxoxblmssqitoxknzfz6b2h/3dbxv4xkoreb6p1hmlm5dewok4ugzpqzacmqaejsknitnzsre6iok6uh2vkocowtairqu1vodiyn0bbi7mnv7chkvcajybjupxoq45iv6tj+nxlhc4niys2p2dutaa3c8zorpwtjlbxzq6tat2zhxno5khvrimn1flkh4w7rq7tt9ujcbr3m+bkfcdzi8i2cdgijzeupfsfqbwbydfr5xpjk+pgv0q0ciqkgza6ovq8dmau3ptxtn0h9kzoyll3dhemcnpunm8xp23gxmuygubr1neutcbtiazqopxbj0azjeajb8d1ffmt8ems1yx+lpdbju3gqsgpqirjysrgkcf4zkbqyhh3+jfunmrowbix0iyueh1ig0bgvpcdbxvves2aa9cvw3gngidtbknzj9b20qtsdyxhdeai/qg4qjyryx09l3tsact3u64titztkrkmucajlpkxqrimcwnmhvmd1rhrxzi9331vnqhbbau2i2tgat88cbiz5gycv/h7nxgtifyabveu8eqwonn1q2iojyflfbq6+5on7hssjigpyxf3uz+3sstz5il1yl8fhsbtd2inrv3xpeijiyc+a5nsleiqusm5sr8abj7ogzbfut35vjs1bjgeecrl2c4o3cnqeuuiyhcu511w504t6wotujmp7mcrndvh6n1jfxu1nidepqrvqxblfjmc9difndpqg/re5z74hfd5/1o/nsc/bw9q3rzny221ge5s1q6oyvnvhdn6bvv2/esbyudgjatxo70bt9xs3rcymbh8nx3i2x0buvymf3s7x0t4ukz+t3gzqfeoqfhjmeoy0dmpt3huir5dhenmxayfuga0tzyi2tgswvxuk9nbrye/vfkfenzovrlzz3ihddli7dfcmra4sqomiubchcxgugujnml9iazbrxzjlzthx7p1lkyzberjjshbduoezdo/12pyf+gvh2g866rf22npsot7iid2efe0nlhscvqwss7mtaz/l5ttln3fvfi6ki9ybxsfctgiapsuvknbdx42zfisrrplq3euzg/a9tctpuuimjm4pxo5kjguybfa4ztqpv+5w9f/z5//7z//7n/8/x+liqy0q+psgbaeog+dfrxuhgf6vflbn/vppzk+mexshf2sgezj7uecc/1dvmgd7t/w//8ef/98//yx1qw1bxvt9hwh9wy3rf/vrn/7n/7v//9/+x38z/h/9+t/2f/9l0lxglo5ubq2jl4ybbyjw9r6gxb/xheleq44hgigvh7kdwbc2ytqdtklgc2e4x/uhbpf81bjqfchwbklc8m6grlw4auxs3gru+2ooissgakgluqo+sxtgyqo4b9zd7qblxzj9f50ph00bio+hsbeouwdyznuhutn8effpuwdzhre1y5r/kudv55ybjk55zeiavmia6fomzxejjh9ai4nsbryi2tshccwaygvbyrlu+muocstm7iduzdyi5bm25mfu6shdh6akclulr0szj0ifcpzn2grcrpwrb7lp69btyr1dtpz7nmlaex7pj376w6homebea5plklqp9wjmptao9ce6hfazp1fblg/sthkvrasrwb2nxosczwfih4d1cvnuxofbg84cricc82jegz2odtri76yevigkbhzibreliz8dmnhzvipyfmo6uweiuokhnlylp9m+tyagavwz5jdvkudv9aqwrsfvezqzlr1rcsj9elo5kigypnvroszxj3n30a2lidudi5rqlt+q63cde8i1o4wu3yr5z2mb3ozvaoingcxlonpvao4rwysbcuvt2+herdptlux0ehwmz4dp/5jl2y7melocwhhumbmm8ux7kna+znyrrimsvxy7ith81qd9612gdovlimvctcwqjs9hoys7qswaqujb19n7hqf+eygrj81gqjj4rqnvunzgyoaxfwb6dqncjf6acz1mfkzliciykgfcr2xne/v6t5fmnd4akmw4lsxndtrzw1kvh1cow4pji7o2srd0nnw62q6mahjxz19vhos+3axzn9n+wgwhlskwucchlrw7qv0kms7sdfo9czgpvxieuj5hetnxr2rjwxbj1yat+yd7tnxc1/eazxgcjcdtvtiggmxrrgindhkp3bilcwleuzzkqqr7jka0kjtew5n1uxkdwkvjt+kylbcefm8d1wuqnrknio14a+ntryk9em+/l1vvbymsflpyrrsdiullvstba2c5locywroayvvydrqirzy6htlvl2gtonwcqosymxpicqk07/lbh+1kejgjionwomhsicqzryfoyiemgo/1cmfh/vfej0mci5lvhyt7vr0qc3hr6debd4o2ljm3ydvtnxbrylbt/c5kcihg76ufbubyocn2fg+vekmddknmf+0wmhvc632rx5vp0tm5lruyqqow2/kh90fca949cyevhr+v7lg8jkg5uw57pedhki1fr5u4cjnvbefjpere7x0zbstbrt5yd4wvmx+gnimxfv3j0lgv/7qo5tf72ct6al5tqj7fgfi/n8tc6hrhmboltel7e4dctjcow2xeo0kt0un/isfatcjnp4twt8fx1s7riwrfkklzlxs/k3kpf866vknub0bcnxp94ai4otg9ysplozwgd68n1vpjhpbivzwi202lmoo4zkw4fni9vsa4bavefsfntyqyha/zdktm54a2gl43vtnxy5jl6+qsn9gxfa9xickq+ytazq4nejcjgathr6udre/tbe3sqjok/y3lpoeqtlzcmj1guiurbjh5dqcmuo1ep444jzdx3xa7s4v02v06iojtj+wzqwxwbtnjiotfu+twtyr9thtjqf146xuhq7qema3fllzfliqopbnuz7wxknqlixisoituuoerg/g2zfufjt4bzhvfknq/jt+07yafqbztfe/lkadkgv0rv+qjtkpuexjhxyesapw9ue+i9mqcq+la4bmerrgvzy6qmux1jiv0u6jmsscll43/vkci5whszto18c+anyep9vrft3/v7vvchg74dm+78bsptn03an+tnq6ajipvuvb7hh6xoa7bssy9x0opiq5fu8yp7ttif4hvrndwm3lh9wabbswiesr9wsehnk03vy+wbrn2itpn+yryiarqjgqrxu8csl2f1tvpvjjosxxb+gjysdsrsjk2sz9wllhh765urpbtnovv46/cbdmk0maby3/ztby+ce38nwtfz3yf+zasbjalae01+sqpthq3twzxaez7bbstbjpgzvc2oxe3mgqx7g9zddehmsnwtyz5tun1qmuvzhw0efjec8ggdo66zs6g3zzbnjzcvw6tthaqor+oii3414vsnjcttut7pa4qvs2uygv7oyx348a1ltnz6xzx7hefe9ei/327xqpe1/jkthgzhnnz45ds0k5vnfwz0izjzpv1ezeirou9nxwyzpzqqxg1gu7jswwzuj4jfeyuzx4nn1y6ioc9zozczmsfh3qsq8cje62cicwjiytmuscrdr2skoqceghs/pnpwjkzn2ekbeow4qbvfa9eduj4yi3gsxzfa+oam+d+om/cvugmhzao+gpdyizneb62upaq4rxdvqkaetlqfao5zhfytnshlxgnixgpig9+2u5cydqomh3atiq1htgyjmzkynilq1oov+flo8ha3dtbduvawgeyrrxnmyv8owiciovjyx5hvnrf1yvmiiq+zneijwtneeyzfole162uxynlxl8ylcfo5gsvj3r7dyals77x/cekalqmm3/kjbwlazdmhmpez2/sycevxsgmmybn6enwrq2dazzxoasu9o2lpbhmgjhpb1w4t3whqi675y06h5jounbuighjyscqpw8m+29ckttt0jgxaashkq/zikggnmj72g7gbhqp6ouwt2tehfyp77w6epgwnqpcdvdcqkqbfty4oqlhghytfvbmspjoelfkfftflc1rpzxp33xlxvmlp2fpq+yuxx4/aoebmwsfay5vz8qlo/1wf8mu501s/n16g0z3ofri4jes9zt9lxkrkk+mjwhwe8muvhxmeq/rsyhddh1j3wdndjeuuvf1qkl+kqd/tq7ue7fphilezdjboydnjutjcewhcnm9lskkio/6pm1adpd76z6pna6aynl37h7qzeteq+rr25mqc0g2bs86xh37gkbxisvognnqn24+u2ycpzbwqvodzhniyvwvd9l/ux3pm6o0dmchenac9ibflqlh4e6s/62lxbks3b6bvper2jyxysn8lllavc6iwmwn7/hamv1b6u0wbctn3lcqph5dsbsbpxni43puuys8prdxxt9vj8iunhxgdzis6i+ey6mg4ptjpqruu1levu7h7jl+ht6f8igonszpbxi3wg1z+glik54xvsj7cwlo3kh6jfpt1iqdzlpn3brdwlp7p1slwiwtjsnzbpyjwpm3anwen4il22+citd3zkkug5t1utm/2g0b9jebtofeysf+xmlzqadxtg1i3janmbc7nsck/sqa1dx7nnbn4w5iv/tggq1ncrf4zxfa+b5xkr3w93jgoso54hseaxxp+9wa+swq1n29muqe0bfwxt5az+ynvl0eyappwjbleyco9rxq/vgekd+xaouxga/dsrebmrd1xc9rqsct7e2ww8pxlbtjjdswpir+4l3z70imx7octs7m4/xgb1dobujvape4uh9o+iuf/zggfu2yilnmbkv+h9xkauos/gvxhrphqsi5qc2s3kzszei9z5sweiy2iap/t+g0ojdzxmuz4gzlnu/q+y0sqz2av5pmbclc1xwr5o2oj+ozkbkegylt8znqmyg3lgpmrpem3d2mu5amsv1xb/xb5v0vagxbewaygngtnoraqqrcrykmndsmb3h27vqbi/b8ajze56lx+22pze4pop63w961c6xen045ucypqubl3qhwj0nookd40yrs2aj0hsvitgtcr0tbmfncclastralx8msgx6vwrxfzz4uoi3eglkr/vukubyrwjrm1ixpcgab9bopjyaa+fo1cpagdyiv9rrv8qmqxzy5zbeqh1tlfq9jskushdev1471ed1dztbzlqlgcvmml2ino+xbadxvrneoi3a9kvpxtvwncyvr0pua9jzymb5034yv7q7ovm6lkjrd8j7z76bcv90avpfcvfjltyqinlwih+xq75ak3nfqkfe43bp7me/lrv2p2fmk+4qqvxgr5/xx19p1zgamyry/xzy+g0wvdqtwzmz87avyibabm+yhzsfer05ijoozn02hm0pka8cvbd3zcuaeqd6ji7ddjx/vphisugvg7vt5tvkqzxzts0jx0hseh6r1xpbnskjkpqw5+ysunu6yxbqa89rxnlsggadpvfpjcvqhjst6nvrb68kl33axj8sa105u40zl1r+vb76shwf6xiqmcquzwo8wlgpfewdmggmuh6yom2ql26oxixonlkpg2rv6gcyzaw3akdtturn3tb0mghrutud33xbmdmksqribqcvj/oagdikucxnfktxvxtywbyfyfi9om5w8ud0x8redxcj9u/zrbs63swqrnqvcimhhohlrkwwb7b6qkymcqaksghw/dht5vz8a0ulxo0yozr49lzddei+temx+qysukitiex5sgyqae0rinkmtdrvi18xti9d3xxbrjvlxgglje5om0euzgd37lge720uwyifheq37lstvy33we6tugibjv79rmh5j28m+fsak2uuww5z3jeycgzbq+humocznhfwzm6rqu0mchhhs2dp19gzfuxm29x6tduc1p0kadgf3jesgfq+fnj8fhzr8qgv//x7wfa7pt9fpwrkh0hw3bsqtr1v3q2wblnu1+tw+oauhpnodml+lumwgyfw+m9lt4feqb/f7lazbtqgxrdtir/vkzdlnttphty1xtmbybuhaocvfrzx5b+hlursr8orbit54/btgahibhb/j9cevug7pqe3tztwne7iz15mcycrdssmkrhibncdq/ygm5ug2wpmhsyhic6jqwfkqzuteljij44/mqhuqdrpdo6mmjh3w1ynq6e5cgrbsbr8icdayjgjpaobdrmhi4qnabwnuxcu5dl33uhbzmfe8gomvryieemlxxoxazc8lse8oqcoj5ojdrgjcpkx25xnhrmruf+xthj29oqplccsbm33sdux8r69q2teudnh6p8gw1sq1q/ouqtse+u0hfxgwd1t2gbdaceqeq3y65ezrnpntdiuerzvqibf8fs9kpujxc8yjujswfhnih7duli4+talvfzv+omdatgkg2yfddlivoqz89filavodyh1qiyosqvmesllxkyqbhyst73mtwkt8tsrfdsjjsxcqfcilmweemzr1jbru6+m8v49kdq9p6nhx0a/b88dv2z0uso4igv/av1sj3j4gz2sydl2rs6ud9zvnfy5qrobfjoktjppleevtxszbl3gtx0jlxg0h/2qaqal+hcdjii3vkzufudgzsk82p5z/jq/i0cuyhxxiezugr7r4ckf+zqmoughxcmcd1hhuonbj8j7cmyrs0rzrqctvqiwl+rru4qj361xlaxjroqn3v0yujhzyvhk6w4i+yyhewsx8nkikf4ne2tiblkuz8pn20+qjqrqip5kbtu26ul524rydhyo6qjmj/ooiadzn84o5frsugdfzu9suo+xlvg4rxsgwji+2key8jgwghynkwsu0ibfanfpvjhjysombzg8xdjgnvzx119fj6c6af40uoirm4kjp53lfbfu2dot5sfh4dmmjxij0/myf+a8jkmiobyeufqvzttwafoknedugxv0stnwb+ddvbqohb+7vniswfyqz3shz57flne7iv2onhp/absogxoc6lxzl3accljx4e9qgidupbatck5zdkai2vyovkd9uwvild0tkrbxtg1fvyx/c/h2igoddvmusl/hqhyxa7zmgop/7wigmod4lfuyyv9a9c2xcpozbshqwxbcucm4vwiixplmw4ki7digkevaqyyhrh1fuqopubypgmtxpaq5v0+2ytgi2f2q3lw2hqjbd/nh3puw1uhnupivjv1vwzoqy0j2u2f8v3esvsdfmqfxp6rscaujkwkaz6mqibcsbgguywszlsg4goiqko3le71n5m+zs/vcyz4jzy4mfmz+/7cmcsm/edtcylpcdxyiqknmqh6cvxdef32ijn6qguamt84lanuloa2+b1xvvzki4p/fkslmfypclxuh2ulq5a+uhdwfxfwixfe9puotgtqs2ddzczofhxu4fwlyj6xix588g6gtnupjvznlby5/hzht8yk4p144smh7dgmrqpvmny7qm6kmwspdfcwywa1obzqajwb9pemeqb8jzzah8mecqm9hc3pxdy6fajabnkeq/1vs27dh6t67rihakao2prip2vh2amo4ilh3/xxgx9rif7jkbee0qbes75mfi4ibeto7rat59geos7tbu93pcabotvhzpusiwpcxy47k5oxohr7x8hos3dfgvo/iq8k59ogi539dnezopkfvu8q6kaxac2skyvohehgbsghngiwzvpdmerioks0qgi62isvhpo4gt8crmuxtrl3lp9gpz2xvi83mio6ivge2rr1hfxcglpa7iratgeuyhur3i5dtsker1bozhver3natlpgrxperz7nnmtgnbehccgzpfjrxeqsvqafagtz54t3u+nmnjefuiywxuojapwekoautalyv3fnkrkyxjfrdqynijpiueet2m8hyztk107wbym38hpfhvqjbo/e7cftlpxmgijphyalj17syjeexr//x+glji2j6gubg4fuu2h5xno9t5ft/pnqpgbkqj69rz1nuwqejplfai5lvtd3dc4fdr4wwidtcqing8upw+8cwqnp0cjoihn0hsvybozlgrpm2up+6f+ypfdm19g6a2ez4qb0ksyhbwjjnld3zrwm9adq4yuwqwjs582qsgbe/nfebmhaqw1pwr6ir3umf/k1bq6pqjgcayvdlmvgbhztdcyp3ejopiqwbghj5cv5jl17m5j+3t7w8a9kp9s6e9/cyaxribxh/qcqttzlwfkxlq1pashinkl0v8gmr2axat7j/76loxyeqdzb+padwixeddy35fo3nbztysbpl7wltrgls6q5frrgqkytpvt5qtyuimwwgqbualtnpcez/7cgdeuhtday8+9daww4k3frxoibfzg9myy1ffnnrk5t3olb06vrauxa8rvrejbyjjbkmcget9ixml0dwn9q6r3vmh23g+npyr5/c8tl/ju9tpaji3pwh7fhuicb/gubabl9ewlgnjs3nbxv+ierfhmdutbgyyea0soyzuefujvscqy3p+h2c2n1oqe6s2ymsap9lytqgbzxvqribctweqzsehss5hi0b7l+7nr44zbbpb8gx2o2ztwxb8yjwhko1d3zus07lwdfef7tago5nlv87tdcksf0kuhwmoztjlzb/djscoxcltxla6d1cyjk2oj9zxh7lriwn0u8yqpvbjdvwpuf1tfokzkcdoebtbtszarl3uxn6aazefwci2o7rp6uj2rarmrug6wwrov2g2lotxgqz6vhq/5ewtb3uw8trgzmlxgjunwfu5jtam4l0bsrkvprjdnydct+1xyqkldw8u+vsnb2mjnraz350aqfrw9baccasgqescpjitspsncn+kz9/gn5ky0me7yokfcajit9samwczo2gfbaj6zeqqn3zygotdqne66skwhkkyxd0y7aqggbxtgg2a8tmavxyxgwgq5bm7kgydgqktxzixpms6ceblm47wzruphwtc40jmg1gtmqw2ywq7xxtfgapsyj5+rbxoachexl4wgkcs/h626x7xj8ftdwj5m8uotlerjlr9ypnps1hmbsba3s6w4l38cgo0p7mkkofugi3k7r6oduf1xnvxpjq+k1k7znhzlw2ukul7pa7rjqpy0see/oj7hf2xklzhswo0vrzojgi2adi01of8xotk79vkpnfjq0jsz2fqlam4svk6v3au4tu5juxwm25apzkgrjk/lobn2ddvqnbnc4jtpd/s+catilrzoirc0kg6y5dndmmkwe9mok3r9r3xu1tu/kz9r1qizlrtj2cmczzlhwgknadyi3cp13uhja7dpvm4zde1o2jaxk9iao0xdym22cp0wgh2swmuytzx046ro3jyk8buwrl/eneh3lqyvshr+tohe293zxcp823o3rfiecawho8choagt9tm5z9zuo3kmmvir5ypdsp8zilfobpmvtfdqjafiy0yrbx19cq8potwajbzjzzcj8lodavdygfqkgztxlbuomrd3qcqn0f27sreyqiphrsxjmgf2qgrwgumtoksj2mi2/u/gncfwxefrsald7dtfj2treojgcwd2igq9dg7ln4aqo3dtdakvlhg49ph1h2rndfg2kzuk3xos6x4i5o/510hejo4cafmqt58ssjf7sy8nqqdaqae548u4c28ue4zb+kqsbnvzcbexrz5ql5zhbax0o//ddgczlov343ksusjp52g8odsvhde0rffpfcpux/2jd11vbxbrsf7nzgtam0ddgomni/53qyg7ezx9szxblckyyxgwvr/plnrcfmf25gffqazea+jw1tljpcqqt8/um/pue12rj3q44k3m9lvave2enhad0hcxmwbmlurlt0fc9bbrizxzl4lgmyftz1eluaqgsytgbmyty4vut6abme9fggafvbngailxxwzyet6lztr1pcvnsbf2fkylq2z2wqtxirhaasoqt3n6b874qyz+pkscxmbzstlj5usbsy21otcph6h3cd0qovnlrfjmvmwgsler2xlemv07om4oycxzssih2ckwy0ig9xzkjza3bstskonegcbxoqiboku4lnybl3pnm9bnaojzmxn2tkhp3p+rwqpti5bup81qdibaj5qtaiytz57/gomcipha/zbxbudyeouleknawzop9hxwtpne2tkv33apodyld+rat+au2l6jout35/vyippp1ucbezwa4r0tpy8wjbuhsok1mg9wxtkmyyp2vvp2rnqs3amcoloiewnl033u28bjsd77c5tabb4risidkbetp+akwnezaayuzxpvpturrwjux2re/ezyvkf0uhwnaur95jxy4yzvcakfsvezcu2j//gqme9loldslych8pevt8m8ajlyssmnrcbriyplnsho6mj4qvcqqda1yfhxxu2drscmfbw6slsfqvd6+kx0u2w4hijp6skcadzwppzumtqap8g0m9jncgk5ihw6pqld+3galsqbkqdocyr81txe7iv7tnhvrappsdqyjiskhmbg2ih0tonwntnaebmurtre4aws1lgu7ppj1ts0dksbdixxq7fj2pcl4tdegvj6n6ys0mghmznooqydxvxyrzhefu8efl0tqh4asxygrq8igvebeza5wpm/axzzug6ikljirgj0/mxormqzbkyhyvcqrrsovqccnewe2+f04njdggdh/yroczlpn5bqtsxxze6b4nnupy+vlsotwkyk0xc2m5zhq1ulqsrtudvemk0q0sj5rtkdik6gcfsqudvjkliuygkga3vdx4bc8o6tdraoxjuhxh7bua3bg3yf/5quh5xqlirbnxpg2xvr+xr18yeu+evwbdjpkwzh4jmbnvtd/tkccrxnqqdr8lkpealdiuvs45i5afjqgr0btsm1ekfnjbei+/0hiee/tpvfjeqntaop13vpr3l5izkhweihclc3sxxao55dn1roj2e33pyvvfby2pa4zkmj9+bcmmilnnmstzhjasjhhjzrhu8auoqxtj3moqkbgjfbzasnk8wj6r5c3eecd1yzrzmd+dfd3gqzjpbhutufoajsmvqid7q0cskprd7i4feushs7kkmlqinfjq+ry40zom7vvtyjah5yaw+6sje4v30teu8yvqzfsdl20mwgcm8zjpgbxtp7qy1ji/crfcr7isnm/ric0fkjjtgmzqvngrkpi1lzmfbn5x8vjesazzjyyb/vhi0tjpkn9/w7qveccujf1y46fedsu9zdjmqirmfdsy1ndtosi6/p/w9gforg0qotjpud3gvk+8muhuwa+ju1mjojvmg6twtlfmziyp2ztseddb92ixyk2riqht9dj44nqyr2vztegwuex6jwmnlsj04qauwj7vbzcsh2t4dzck44wafxves3hojnkobrdvhnsbnlhzw3hlytqam6f5f1d8jiosma5mmb0dx0dgbz6ddnlpzy9slc2jml2bla42dopuag9av4hkq26zjpmw6dpb6mgfh9tryddv7oqmzgbqebgy9dhci4exbfkzuonz1znu+qqoqrt0uvubz18tu7hl7mhlo1jcoa2mpoirxebg3trwnt2smtznhpsyvsjtvrzcxewgtz3piqhaw2gqqocjglkxhadzo2g5ehp3j5gvydhoewvljnnn/myta571f26rymhsh1ordzgrb0fuwu18z0rupo1puo+0ylw2x3purmn7cspttnm0dhfishfq9twldon/r2gh7dlayo3hbm7twvjihnhib+64dmhxp3ppkhd3yzxcsuzmkralqmspxfqsfxp+fkl3otroraeywudioffhhjwvy2qihlfcqltfej5ja98+i6j7dqcqkhlw5thcewyfsph/vorrr2xrr3gxdqbzwcjm9a9nnfydc3kjf6mbx7novlgrzhtvs33ip2genkcxoofoitehyn3ssbrhygmu2evn3ikow7rpohumjob4gluvcdu26w5dkbeskfegp75d0dxmylpyou9tuqyygieuvrrmlsdgwv752kuwxewxl740qctteigftkocbe1v+vkgc39fbtmoy6r6qsxlzeagapizr+e3wbnfjnptmgfjk0kbfhmbehsgfhyjdrungztotqdqpgjwuyo3s0iwrqqzdqqpdgk0+x8+drbqhqoq4gdt2a7ijviezdudivndmgomgjcyyx6ga8x3vapihi7yfcf1qlrfcvmmqk62bt9anddcwubf2sj6iyr31lrobeii5ejvzjk35faaqrklbx1kowmvpsyepsac344asthua2nbspm3cx9cic9zdskb2xagixn1czrc+i+79yxmomeopzhejhhckddpydxkuxfuczprglb5e5d5agvbu1e8n8dwcnfpydc2oygloloplpjbgjeklmqrfmxl0j3pe4nasrxs8j/xx+4wz0ev8kr9rk9sv/oykhobse600w1b5q/qyvkifgmgm2m3rgbk9dsiyiajm3hxt1un4bl8zmemglqv/hjf3ekhni2thrvbk8ucpk3vctj0mu1uqpnhkzj2jgfw7nzk2d2ofgayvnaoznwzckbteyjunhyo39paj9biolodhh0vpi9qjvzoxxvoqshw85lnkga4f/7pbqhvavwwlkjqstcogmyqe7pdg0xzmogdv0ezdov7sxnxukyr1tf2g5zlgjzlo2fnqvt2vrsdsfbjhfiojws41zjme2lgcpk4a7euxw3adxtiop45qkrrk25winkdyiz0kfgmq5l9ftrjc8/bxkhqnkumoonfxxyqcj0jyof4pb3cyfdq7vboy/ifwjiur7pjxpuypyyvae6i8q2yrbqzz8ysa3syxwb6+vqyjbajiybs1uomqr0j25fwz2vkgxjb6svtwti2q06xasvv2pdwh4zliyyb11pl2pnjkpeq9erwhqdj73ry1u0w16rvtgb7anci2u10qcz6ulgfsoks+dfbxlph4yzbfrwaqcz40ccfs0cqnytdwgrgk7q2vkdilaeyo9fktftsnn6oqiqlzirhlycvwhasab8k0dewip6tvmxid4q2jma+d6dwiuhtbpqi41q1c7l42k4sztjh6s1s2hvxcqetamyadlzenixzbvjootnu7ry5+xteia1zieaptef6tpl8aczmhxmk+gmsuijdiiragp/gox6idxwstd99e5ynmoedcf9c4busq9degmkbly14vf0yoqvjwspivezqqda6xldxijt+1i0cbkubm/kao5gdd5qjw0u7yewu564kjmohei94mtaugakihmmrumot9ryl8w8rrr9ezjs2cxongbowec4jpotkkedhn3i7nh0cbzephrswmtfljpu9x1ppnt56uqfs4rf73oh7sqatfmnfidxfoa5sk19qgnnxwps/pt17hvozumiv3uph/vfro9m75/1+13u3prkl2puv5/opxpyaqwo3mdlnsmmlbgbetl9qdmggybjlwu0w7qpx9jvna8ezkxzzqa0kwxpu9ckxc8bfifuc8s1whbclukwxlwgfhiyj0wiwkdx+yscxdw5a9shzrcrvdphagpx77utptskhw0t+qgqiqpy8d+cx72jtjqzb+iibqfw2/gmcgktxq5zftrqa9cxkfw4witejswie+rspiddrxoxnxft1tcdrriw0ovgalvxlwryj3w1uwaktnuj4nhnvizsokl9doov4mjsqd7+tjjuo+t0kn+x4ldb1z7k6dboz17s7jsy486upyfzsdrjntmh6q6sr3rrjr96athkxcgeamt8/nmphadnpi+yogo9arwu5elf0zumlyp47n8pa9ehxs9zhriz9/j9izlnoppxlea9c7gtfti9lvcl7pydgi5gcsdzk4zwfckkjdlgulqs7idx1bhbigter3tsufhztlcdjdwrddsl8zkj2vpdiwcxsvdrvpnwcvggkhjudpsui149i+yxqhmtlllezutoomq+tizojdtieov1hlg8+ja9kxn1s+ecbmdodrbngcbhjuxrxpgpbcwqvd4dpmqey0dslgwgkytyrhlcvosykbc/luyrbzg/3hye394014d4xew5o/ivrt0oxhpqtyqvvy0/xu24qhym2tudxcbyur7uzpj+pynmoya9u9lnemhl8qwv078qw+qytqvo57lp63dcirlczf5tgdlydmmno6otqbgox1kqkouigjsfmauw9lqhxlqqbmdutnrfzqkd0cxzwufkyq+lorcyyhlcfahmlt9rorphajuqp3fomalsctihlxis2mtnuiwvfsz0qk+1btaatjw+fg/s61qtjw03wxm7oto2b68n5liec+witvslkxyk90twdyifn8jpekqe0ma6szl4h4vrokqwps7ct39kxl2qolpq0ilwtv8hds+e3mez+/ltkzzdpfbm1htxsaivgl+ltonkoxdav5wir/8e0nrylo95eva/e1pfgh8jj5q/6rnr5mnkytwlx5inrjslhdlk/ebrjb0csiz7kfrwaixki4zuee3xmsij2guohrvue/oz2uu1hwzkkfd3w+f0ajupwwnabhlpmecou/7axqvefi7hcp1m784zwvorwirh40xnhnd4sj4lamvowncvz7crwbm3tfukuurnq+gr3f440hfvojfe+pnswgnardixyn6ay2rfmsx6y8uea5wxqzjst2zxfgl3h6abxnef9je9jvxyjodgyydwexkbmgv6xuvoepk7n+pey02i6eakck7vyjct9kzcqhnmlaw36wc3vydstleclvgcm9z+cunmnrfermt1eyao60xkffh42znlnxu5dltacsurhmaxflb43bmgp7zmypcjgn1dnpm1etibqvw6gprdpld+febtxdxl+csrkbej81bts+7yrsw742kmxqsqo6c+xkiuwbydu2/yp0mrdvldfolp2nxabfcya+lc207jbvpyt47en1xnzpsepyg+57rtwzkwae92tnt0+cuvzy8ymbtuspjz4zkqn1lnlb95ydcmyvondcemtehcl3ux5npc/xt05nmjjwzyoedavqo4pzhiwfauziyrmq+uno/yr3aztr6tn4harl2vw4wmusoorr1k4et7kku55vogqlaystjmfjc752txxlghemymdzntekls79gzey62vsthxhsh+urvr09jijdayhwebrmxfctuv8jfj6zz4zrqcwihlgittycfzkqfmtzkze73uerlgjwxezgzmwvxaqfu4ksspfeheh/gjuhx6yus7yneq7cyvo7ud9j0/3k199buhyw5zvpaw5+zfhx6a0mt2rjvn4idsgnrpp+iqnze5rcew+ti722sbjm4iwo8tlllkt2wpgmobclqv5xusclakkxa0yqwjixv4zbn8b6dzb+dajrnqum+aomp+9n2ootowifjj3khp8a5y5bhesex9mpqbs6t+ivjfakhgj+sz+yckqgdrtw8rraakld4qk9oeldztm8b/35lnn9kjti6d25rouvjv08uvf11exfpuc4e4dcijywvv0uwagexe/7+xufaqazysvjyxlnwirsfou3svo9wqoyj20yzysxdg0ostndcki3hrpwelcd+9z25adf+0uv9s7kf/wdo1w0chs406ttvogaa3z7enubbvrh5voojseltpktzxwbjfziqig57/nprzvkujofpafsapaywghqhlrsshsz5zo4cpmeqdyblcrxjsbunpifdxm9dbim5/09a2clht7ea92ajeqqmyge8waoshn1pua2i2v9x4euqoxouufciznrelu/k2ly4i3cnb6qgi88x03lvusfmd1itl0uauqr24eajxorz2pqg9n8ypko0pyzr/t75jdcfaout6njle5xnfyg/zmv8rjn8qsi/xlptip7w72jz2ym1opj2zac68glcyrw1yfg9g9krxz7tifpcljo5iexlssdnpao4kvdsevbgmcoyy+ehkio5zxwpwrpeolberpcnzzs+cz5evddse8e7b6hybrrhck9llrtddaibnt/e5zhob5w1voo9kg4j+wjigcnzfstekkrph9hw0pislcmzofv+msiqvw5ma0aqzuxfsedrsag80vrrgf65dtjruwr7ehpj2/ni1cc3v9qx2hc85g6qmfo2fo3vjsbqs+6nhbkjzusclozgfdohgb425ajlppneno8134puocbunmvuexku+fpybsms6ixt5b1uroyyyfpymfik9iwdeef6ga7jyhrfn77adplduaylehs0g5jhv66h6g2sadu+thitubdxya3nkelba4f1vljyqsy627zbff2lebx2mwbwvyyemm2jguj8pfzotjopmqhoodemc0pjm2zmjez/e8srpluthmffnovm4y3gk2gquytnz9rckeamawfg9m/okwv43pwmnvcqpb2gxtdtpmq7ak3ozulg6oymb/l/ke0k/uxlj5yjfluenjpzyx4kyhu68dyxjcebnb3bqjw/w97mjyejpq7e6jtwh2rssantd8nxmrgxxnvj1atawakigalg5i0m/zjjupg67zlq+maafyvarrk4egobtp+k23yx7y7g7hsjnyw4muwhtu7og1uyzv2yiliddmki+bi/vkmty7jzy46yy/1zzne9klh9dsz4hc7suov5wdke5gz3m2firlksxii2v4tmahl/wyjndrkekqrjwdiure9/mycw1cut47lho4mz0kwzym3yuaqrhaxtfg/oop1ipdfms5t+zzqn52xrai0e9bh/u9tc03ufqzdpkoxym5kjmhmsktwwujcunox2+r/mssq/notqjz09rsekf1exxzborku71rktp5r2o/9nru0mefa3x6hpvcawkfzytfxstk0edm00a+ty+hzvzxlfml/bc7ghyefqz0nlfgl/ghoodjlfjgnsgsvniniuxu5vgtdo0fomyj05ip9gwmnwydhrhf51j4tbbp8zurswhzdq8qri7r249izwmoyyih8ufszyf4phycrtngin3ljccmzhe2vco5e9i2zlveidmpiqqsbkzsb8fshldimyo3v8kfqbhffq9ikotjovfmnutjnlat9kbsgbz99/eszmm7+6goxzy+gcxqd5vpdlngrk7pm2loezenu1qpm5wbhnfuu1n83z+wijpyp56xvak9ivcagc1n6xw16qcq9ztril3rwydkwtemf3l74ch0iypsfq7e9yrfaroudc32kiek1ye3kidyveb5hkfsb5yg7gjpjy6/biqxszy13zpzp94pp4hkppp223a3bxv1elbse0m07t1krnps8bbt7vbamp3hjuk+x3bgfzklzx0sipebu2j0q12uxzfgqvyl4wd3ut/nxgq7rrsxgqu5+29j9incctm2a77+0qukbvwueq5o6cucnyeng7jcfldispzaaziqfa8vf6znpbkuci9iivqcsph/gikiovvmwlxl0e1ljeuwqym+zgozdnrkxjges3cr8oiwvd87t5vkon4zal3dazzxrplw9lii/psbv3norsfvc/lvt4nz7aj9vgmsovtpbjpr5zerj5kt2yvluamojmgfavf7rbcbtnharnud06phrp3alkzy+ahvxhsksq78eq/gooboy0qudiazw8xcbtvgocbb8qkq85eszphlaesa6jpl+wrfgqlktbhtt8weueijui7w2gkkdvmwmelvmxw168cmrh09sj5wf1rpwpvhwyf/jdourzmq9ik7lxbndtjpsk7z6s6g3d1o6l0j2+ukzymksqlhut3lgax3+syowxzupw/0rllolhqinlkgrjoxro73ptigtzyw/wy23iwo4k021+qyq4rv19n3vths8n4cczeoks6tydlmyafpbtj3ugbikjm5qokowqtpy/yzudacgf6ohlayscebexrd0txldi+/33nnqaoubakstr/rlhbcmpfyj5pzmcge6djxpspbdfg/xgucnaboj0hvracqjnueefsuyb92lixrzzvqnx3qox7jq6/u2s8qorg9qurwxjthlbyaltuulwqcj6fll4rqy60kmf3qmspk29exeg9nkgtvt1htbhleao36vuy6crw2jm+okhqikr213qmkuu7+vpejfxxw0yiwyqzei/0wy0wuyto2zgeqslxfmqjlgbhjkyc1ihtglespwshgrulyrdeqbagokkkg2d25kaxxiet1zatmldl1lxi/qxgr1zujo31aszjm7vhct8uwirzq/pzuxsmqa8yjs7yu2p6g54q8jgw/n6zibymsmuqs559ss7klzqyi1+zudowloe6sf8n9r42quo8pptgzce+36wl5jjpp3pjdfm0nwtk3xamajtjkshfytiysvtqvkdshr1q0uy64dunx+p4pccnimcrrrc9ry2ev8fjw1gs5y4v1qdhebudlnzkhlmmv0rnm0xaqp8yuedauw/jrzeruozoq1s6tp2okonl31ckqdq1tnpa0maopcfizgiptgwrggzc39buqhsxwuos244z5n5tc9jtbacrlbsquuginfxg0p1zfjz0dcsrrie3ykkl1fq7wve2o7oe6yp0wr4icuflcvmmekny/ds5qqw67n4lfdfgnkjqa86brnkdsph1duefxsp1gwfrdkbhvjsvaraqvrl/cit94wj0jsadlxsfnvxwg4tkofxrj6k/3wrz9bs6opkihz1t0h6ijdljk8bradxy0nixx1vlfncee3zc7bwdu+024fsgw9uztmktaemj33biwrdr0ufvvxv0gw7vtchbrmggxb6oyetgquioklvwk9unaseq/coxzcr0rxr5rvchxczgfand36ld1vafzu+lmyyiyqtv++z4c3i2avolgqtjeggfjezxlzvctbcnmnyofj8cu79ewi8/mln85pozoryx2ftfqb37u5d/igry5ju3qrk7vvr9ocio6bwylcezvahajeju7zclkfxftnqayr0raryt+d0resjtsocu6jmymdql677ybw/a5clyka1mehr5nuvtomdua2ds7qjhofh3nfgcodhww7blso6rd+pit+jty06ze1kgx0dhletcu93xid4bfx9w4cutsyzewadsu93etmiexqg4ef5ax1/1y6u3au4wnhfdtdipmfsvhvbu99xcytx1cluxpt7qy0uafgkcwhcgh8qliyjkggqmqrxnvtaaipfulkul9jockwfgkjxpvk7z8kkpdrix3vp6klaqsoh4dedu96smm1xr3ojonj8qvqtznhjqwaljqylqar+eu9hsia/whutn1rvtyxak4vgkfvlzwoh4rcf7sinwjy80c1pncq5zkjapfeti+76vuyb7gvr6ke68du7sfwh2ldedvfnhivxrrw/vpvvg1d2mbtfd4hwlcafzse7afnggavdfs55iuu2iatkcaqk5r459el4vmlwylmucz30unzsgf0fk/yo+pzziqipz9erykxpaipce0wyskmeebkppvebjapnax3gbmcnmdlfevzrts+rcevohpt0z1kwpl3x0v8bwe8hehfjpas4yy97kllhvfirwpoqklr+ujbdaq+xwvbpn5w64vtvuvxdc66p3yfuhqkmretz7vbuemwc+72tiwiza16njwbvzll7yg7anvg+dodejo4toxejveyndcm7qdq4ygv58lmhee78net28y+z1bqaaociqsqemfykmei/cx3fgzabasqfrkka911lvpg9lb7ahe/l0tyincscy5n1pk57rdlvsmhtlf/yd3bvxqlixubpmbfcfu117d94v1gmsahcsisqme2zfnitfqteosxkkfuwk7a7drlrzj+lwbrvs3o/7+x3nsungnlltkgwbqguxtqw/ojm1x9dzmmvs2tefm7aay/xf0vpydimlmqhy89/n+cg6y+d6xqm+xg/fi7gyjcfu5lvzc6p2zfb/gc/uvg1z1i7s4a2pderlpdoedv35iv0oe2z+d5pvhvramjfs7acs+xjh1oz2brrjbuwlhiz+risyqcb+2kvkwsybaydik5zxkbuegndovsezlqwypk7ltv5waozrpliuje8kgbkiqlxcgyemglrvrzrgiad7nikdmiblgb9xagnb3aw7lqdfmbj+kigmidon1/drqeyihwu+l80ftzeyhj1kmlwmecwprrin/orxritnc15cfwqmsrt5kqfaqhnsxm8/oupo3opmqctppsz05erjanhbxnd6nqo31qpysqvryhrcdljcok6reud35xz/famp243awc5of7kwykiuwqv6c/vs71xlmkcemeyajem1u9ymzus3ghcbi73tstm84hypjfjbcnu2resnnuszh7vnojj74kidu2udx7pjcqosvb37ullxpztb9bz9dfkecixbfq8ytzl2moijbmom5hn65x8u91lkzmjg70/kwleidctqme5x4wh5vcf0fzzp/zrheu2wahwoe831pgldfk03iya5g4hmwbl5smcl7w/ruvmnmabvelck2j8zuvvb4p59tiaynmsbeen4b1v50rv2u/rhzs1zfjohujjiod58jww+fl7pd5qkivo+7gtwqco1wtu1r7lvjavk7cqtgglusd3ytxahptnspnsrpfwaefbppa+lfyysdfke0yekqbyroyyf7naflktvubl1z+k4eddixqt2u3byzy2pixsxbq99+hika3jcl53ifbvqlbeaan/b3hm1uh7lxunitaom8v+jouohbojeyxq16gqzal+rl9mmwqg3j5bsvzmzeiadvier1ricg8dapep0bgnviodp5u+ldlx8usjsk6/sxjyyluvhxvjaqvdzglkdbm1cbjut246npwrbxqcxeajlzxuubn+g5yihf2wjnoeuoxbbmi4q4m9a4jpojycysvpqbxhgtoungx/l0nhefbczhox1jyacsgghmq400k6a4css1kkqihe2jvojarql32ikfec+e3u8srv0wnksccc3wzvmmffporxmf/g772/f8scdsrfshivehdvu4odz8xjz/6jtjlothfwfdtzd2n397skdkqmhpdlm8ephtexbnrgh9p2at0pkiubxsikh6gac+j5qfww/l+wtblvqnak9ehhiwsb0nhxrbpna2qnjnxtlthye0zc12vfyos3nwvoswvg0ovtg9sepxrnvzkok7vmr172zy0laswipm2deia3mcbcckipihxm3bpt0pd9hfbs32k0q188/9dordfrq8lxh2yfjgsxs9lzgirh+fk8hpajtmqbkcjxlwicst0ieghe+oxrqfq4v3vgmhahg11sst3i1shw+2roisg+zr4d8lqtasv19luvspruu+xlvdgw+fdo0ygh7d8yp0ymoaale4lsq+6lxbq29yhykg5oqkxfelujxflcgf2vsfefsqxxjixnqfnljpmxsas07sa7hhziefekrzqhfmg4dyf9mzc7budwmxosbc2n8gxrf3vmi1hr+syb5au92824t3qikagdynvssbo+uw4qx1ii9onkgyhfd6epagmhvcm2u+yghdza8lkwwpxwzg7bzjpcxsh6tzzlsyzoffp7pxeb84kydmukkdkwytdglvcpznd9bdgtcfx8dlynj6xjqmgbv2s49bqozpmjqtpaih70lavvzognroa+vi3zng059+s/a7rpwo6uxmzqfo4s4gq6ttzpq7mpv0yiu/vsfocjezn4moqgr/otmzbu5mi/kcivj/krilyublfyzornslvwz+0imfzzfnokhut97nikoz1qa9wycielh+relfw6w9zjcjybvswhhsya76rlz77nt9hohuemq72ndfqz4/aqdbaxhrmcpiddxdkatajj+5er+ubd2qgmhjrnb6kinrizxbuhb33geh+suiggiplbsrpseox7vzedjtiqvfsgj6sbrs2bvp3hipaz4slo6yj+esnwubiq/nuotunkhvyk2fhbk7icuy0jstcfaeg/g7s7j/kj1udfkml2ykddrjmgdhuyjywwpofglqoqysdnq9b2pii6poqatdxhuy+gtib+s163spaimkejrbtz2m50oi+pukhdruhe1cfeyjkqnh/drlzgd0a851brr9ui8xifsowk9s4yeo5k/jaujpz4w4adbbhhsd+noxck880nhxo0pleuj0o6rawawtxlkg10xq5ms2bcawez3dh4nzgybsbugf694p3kxkjn6ymmd3nfno11e3h0zzbrnm7/k07wtatwjyspth8cbaz3ozpxqq1xei0otnfocz9sgszbq1gvefnoer4kxskwqj3gtfqrvcinfmw4kvfrx2eirpigyjrsw+blakzyudyispmjrl0oysrr2lt/fshu3cpuq0qjgtut2hj0zpryp23actxw5hj1bv+zk0ejekrx0bhwpwfdcshq1x4xt2kf5fo7ffop2st22n6ukvolocmofxwyiuavgcjjl7g6pzja9lbpeelj5dm0xz8g8anoydmn3gec/fhdc5/slvz/i+5wdt0z+qlr2iiz0+yswrew1dp+ui1i6zusi2zifl1i75eahr7fqi7kqvk7v6w41ktn3tpfwyvxww59nehfcu8ptfpb3ci01um4tqlxwa4qvkpnxqzk5intp41wounxbwzdtwfffjiwqeosl9p05vynaynsm2rrhxsc5vaomc/zcssnrmnyszqktto5lhhvknrooglsmddmzbvd0ndhfzpwevkg+dqipife0wrqjbcxv1vcg+kpdlttrlrtyycng1eo8hmqo5ib+x3cppiz6ouv1v5xhf+wt8mtqlwchspqcmyleosejuu3pvlbom1m2mjdrfurc99thw7aemq6sf1ho2eu2kdn1myko0kef+baa7a21dmmafw+3deviaayqmjzy6rkss4hkbtbvsmni+l0zxczuy5ekgi0ser8yd6zzuivfoogb1jogyjpjatzmadwqnahfgfmualy9twtfiojuqumboyzh8ey7ugrfpfkpkfc0wyzgzljcz0fe7gmzvo66ciekhc9itfdojw98yfez/vtzf26zig0o41bswxt3z6cq4hyx/23etd/++p+a8ingji6iagqzt3vhbmjdjhddw7ysywwoeymjxr3uh1krigralillaiplndhslwlc+fbphfajiplv0jpmsb4jr6c2xov/17rvtsdygobjndpf0sskaponl3cylshkpakhvdwjkvwus1m+htl1stx0uf2a6wjhinwjc5ic2tf577yamqv2snuw5qvu/mi4qfyqtyprzno0stor2soknix5jm0ulsud6evoujblgipc1gim1rgsmtng5t/mwrif2a4cdrynwzsr72efbb43o4l82xwk3xsqrjrnnvmbnc+tlmt19coo6vy1q8trazd85glt5/dv+qndiomcyaj/2apoitc4wkc+9zps7bhrtbehqlxu4ccgsihymc7ilw2jcytq9cntthjas0tluuqy5pbwc+nx+fgzcwfych3vwppeyvsw+e8vkxduozidqmb9qbngrvq/w3oje7xl7iddulb5mrh5/wlsspgmkjbs2hshpxjt3bxsvjfo8nrdq2axwma+mmggu/mtwzx8ajf+6thlcmwfzmovkbaejvla7yeyf3vil3epnnevuxujjidi4cg0hfiibhl8xxieotm4xfpg7/urikkpbx3zwprdgr6pjizfmb6m8juqq4ezcxkxpqyzruduokd3glwm+upmq9q52wd7z2/tyjt0qg6awktbohx1impk7ntw+cy6ikflz2tnstbmxlz6zod8b1t3xetjdq7xj5n44id9olg7dlwtnoi9qnk1dntm6omx1oylkm0wod8oesfzh1e112wlzvfs7t+duc2trsqas8fbuwt7r7efk+vuyzqk8tuxcylaibhivkfffs4xl60bw4aapmufzmvt9q5i6a02ilp0oq55cnyhxieiqg4cg0qedroe1iwa6jaisk5pj+9xs2fm3dcnscvxempgoto6avbi9dl2uxkdnaggvgpztnxb7qznyr85rk8dsrx1kfemboh00pnnmxzuhhmnpgal73h5q10zkpx5p9peipot3n9up4y5ds3uel77y+1gope92pk7a8c6gx6i4z8w/owfokyp1nyq7dite1s0xgpmcbxxx2rb2hblvcuwo68q2ipvpura1rx0r7x8hbbj3z1jmuwsur6uejwvci+b0jgvi8jqxrfhjw0aw7rdmarcn6far2k+nbwqgyqonqd4gmxlied0ycmftasflqzuomzryh/q8c5wyy7xqetllo8pnmzhdmnztzuu596yiqx1bipv+y+l8lf6csu1ek4ek0+ouvesgee/qt7lp9g3sxbawnylygzxa1rgiygtslrvcm4ptyuanurqhbk9tynmi7ectlwk1czqhwaknrb76bj8ulj4si3x6gmmdbdot6sppiliknkp8m7z6nuvdosimp9tw6wapqegeiw/rijlmw/lnbbloyyl9ysty1o666tjrvwfnyoklu0imcvsevjnb7jordiaw2dorhvluyhdkgkeo62g6o1ro5aozf/62dapmdn26qcxog/12srditwuvmjixgzcmt6f/89fbhnvvsfftbs0w4+6w/tir0t6tux1zinb1b5woson/y2ic4ochojzhirb9tptr+9kuxyzhqhyumbcgxrgqyfl7bpelieawrtqjhn2vdcy+e20ekxrrtjqzbp64ea3yasld+nyn39im03gzcc1lrlos7xwuf7m+lfo/fp2br/+0nwrmyzjsz3rbdvo/fql2yi48xsmuj8oqiij1vtq1dij/kgjlvqzr6tm/mzgdnygsf/z6t1//8esnrx78y6e1/+o/ftei//rnr3/++/33p/+bpxj7h75+3p/9aet00xa/mf8zp14mncsd2isleh4wkxq3s/ul2xky0pthiaplx/tdld2vmtuhhql3tibl00bwddesrazazgckho2tmtieavvn83oh0/5ihfroxs+shhkki9ygi8afrcowzeivipzczakerbadrd5k0gqmwge98q+psjkrurgurx9rtug14n0bgqjc4jqgfczaivyfl3fiioagq39ycocy2fgkreb3edjeo4ks1i5ekaenqfwoj/mq0iuuethyzv6wvemesvumus1uakebwsiqq3oj6xhuw7liicvddnlv+pbcr0oyevvj4pnp+htv0yswebnt19oiargils182cwv2y+70rww6o5kook6dxmi1atj2g3huozq50qasajtaapquq4hueekevuaoqztyxsjl6kezn8+qtq+qiwjtnovbo7m9pulnyu9aduv2mxwdnlzsjpxwbzskf1rcnmvaw3p7psxhrjmm11ypggisb1vwbqawjn7riqu0lfjitdoryeyrhu4uakdbmiwvb5vm02ywajigigor/g9qsxph2cb9ess30i9iydi2pzowyvwxpo7mevx/cnmvcr8xzm49kiu4vgupm85ru8cpdk6mmildvpyylchdgzxw506hl+8wpwqxv1pnop67/hem4lnsjghnzuhtdwsislqwk3illvdrmfuaji7vfmir2vvcjwetm/dpbiv3d5wdfjdy6nclrxefojtzedkh5jo98vj1mcpi0byulgmi5y9ga2fmuui1dxvrorrqqicyxmj9sqwfw/aln5xzo0ugwbsk9iom/alo0f42o0wzi4xhind3uvhefnldp6quvswgkl2elto0wmp7xhzzcchz0+chbvbu4zr/tq2ob9lxsf56zuj5m43l+m7g0cf3k4p+wzjifnzj9pj+zpyekbuut7nm5oz3b6gryta0x74yuvaadrfqjnuhozj24ls4jkxdel+itzxcwlbtcogrb+f77z6xldmp8g3lj0c/fl0p5wsisyqpwp6ppehwvhgkmkwfwnhmp0jvsimyiiqq18rcjgrkdd0tow1y3b92cinznb7lqmpudqrdg26pbr+/zekrdhywifso8q1zochsizvvqwgrojtai1bs2fjsfup1m6vr0rfsqdj7muuikjkzj7fe6lthxf7lxpgtyfbagohbbiv2uivvhmb6js3m1ty2j4rgij5a4ptg9n28ubzewiz+tqcbngsseou62np+yxqdskhe2c7mutpczjgbcsjs6e1891wjwacdlnxyjv7rszka7v8ombw8ebcl+9gtk/zbtw7lyfsubyqsa2ncwkjgntjncln9/wldg+ipplbpqvodk1yu73ubjvxeleweaiqtu0jptjivwf7pseq+eghxusb5gphamf4n2h28td6unqwx6aqkbfriulabtvaon9n3ccwqqils9csl692xqrffnhcvdktbnbnskzujhznplsxic39pp+djqrn3v8rdsbgqgks02nu7rscus8kdmkxrdv7xw/r7oio6+dpimiy1zdb6omgjzf2alaqv52lipk9o+igwy1jupxa7yjhpv1gu+mkqjzxiztxzajbzdzx/mxjx3buvsdij/+iqscz2sulc5oaiocbvcdsbeoot8gc9m4ceomi23ahkwfek37+sb1loepiqkalpfxzdxcy71ur1e42iwklo8mihyxzezcjmib6nplk4ampygsbx4kptdhh7b0prhwa4hwityvm1gcdkodnvjyfzlel7pi0ioojxe1c/siqamktnww341gr7y0qpdb97cjz64kh/zejkkvop/rttntt2ud62kmftxnf7kaok74x153tmgnl0npvnuf7ypuapzu+s04h74yd7h7hg5u0+unic2vdpcjwurtjo1wditrtaeyow1nvoo+ukmpwtmbxwqo5b96ioqhrvahubuyivh3n8zykrrkkkcdnb5mc1292zc5yi9rcubx7pbdri87zzo/9k0pkdru23yujbkl2vmjp64kxbu8mllqqygz36dzqw58cnpwtdda68w3zyxxfzmryistj7kywrhjiccjdsxjtvtwafccsndtv+gvkfgfkr8xgn9dhw5rahca+vthtljiqxqmdgqy78tut/r0tbkuuw1wfvugsmnf5lvjuzevjo05k/ox3klhbs+loeqprm198nysj4ui0rozer7h3eggmppapiymqnyvkbrbghd7xtgjx2n0kwu+yoiqobpouleauj9wjyjm08ni+8/tqvkzswhzynjqln5zuej7z+15fcse/sdbttevaaiagekazys5qb3hgbsikw9ue5qvumlhak8w7b9kngffyvmfxaijs4txbzvvenixsja9szhtg5aarrawqixdemzg04gpeyayae/1eekygzjegtlp5d+6cuu0mwy9z3qky9b48bcwspihvpoq0ihsa14jv9xeo/er8ospvru/nxc0at7y/fewrgl97vfdcrxlte9emxn5qbldzonlbwqgdyv1rhpxfrsatxvhxhlcsacecu9ftvmvirljgu+zolhw7ksawfd4pdrjewetf8itltdsgim78glzp75cz+cg7uryn6auvjftd8o1llfbuiqw45dotmbfy0r2+26sqmvaawwjcahieoifp+2g7eeh3kwcusqskqxjjtyvzqfzb+5qrea/z1rcjzize17qyynvfrlqkjklfoi2sedqapatkkibyznwtuonifu5bve2knc1ndaj3k6yhc0qaouf9hwpvcrryxlct/leivb+f0ugvrzx62ovyddzdreulxryrof7xw1o0kfya8d73rekbw3+r+guxiszv8da6kpbtlywhephzdsgifxpzhb/si1nrigvdkduuwrfkueq1e0//ib2ojurbaf0cv8as+e1wjyuo+ke3uqmimrn0+qykmrzjwgzgnse9a1d4bbceiikflflixjgmswm1g1m7ywjxek/2be5jld1qj0zsoggmdt4/1ivv97hw12ejuu/huw7fre+zgdpjs98gu30lmzpughvfeanj1wwtndxswvmk6wq/sg5lh7gowkti4+vqebshdd5uhagvuferjxavsorvapmoye1do9txifb6sq6+b9xtfb83qpllucyyck8x3+mhiqvnut946jypttlnsmz5tdtpiufkpdij2i1pwdvldkceygepwy9jvkiyfovd9cjtehj5mqsex9zwvmvu62tzkyej+ierwemjpj7arspus20uozlxfcbq3agqthoqgnt986jvbmymb+2++zjuvj+tgpoqpyq8ol9hbvizllszc0mobandhz2w/sp5yjl6dsc+vumvekmuy5onwom0tyxzp/x0vrx1sa1wqotlbyjxzopsk7cunstqilvqumskedo8yrhlstzik0govlx5znjqdukshzidlrtv7stihpiwuke7zb3kuijvystijmppijx0peai8ybnuqffywtfjihscd9xdxzwdu2wgncukf++x7iyxkwuqmiusw+gukc9ijzvgxnn+wm59upi165721vqpr9q56wi9sth82gkwn33xuiimbm3tlotyqfzxbnp2bjukqrbl9qhtofnw5qm2vwlkkoc3of3hlketwyiyww2k5ktu6ol4akxoyckztvfnoqfza5+3bhx4bsvoofx9l2/baezby0parydhit57j0fa51kqaubfu8sppemteshlyyq7e1utwyfs1v+kmvc0pftrp2yfyph3fejdcmrpc+ik3d7gevwmk8iitpmy+yzf68ezg00psslt/itckqahur4hsi32qbahbupyyw9qml+vdwdo4amc7l2aj3odiwtti5m2otara4ppafd1m7pdef4oav61xeduunbdsm1zdy+rmndteo6t5gpid50g1obzakh1ns8xyiq4wk3wq4lj2nme9gahvhqhyc+ws3lj8yjseuliwqpooyqi5vc+q3na8fku95lt+sdjy2nwzvy/jc86vwkyg3itwq4njimhly7kj9d7tdfcsc375dkzd9jr3c7pe0mbh6xdr72riaf6ayschdrcb0hc6hgu93rev2tydbmhmkecwayzumq2lqezkbdulv62inxgzwuxu9nhenhym49cyu0tmhlpuudtn68v/dqqm4y5chvc6r34jkj2v796vyzivd+fvytuwix+toxpwyfidkta+cu31hl+6lyrzt36buuaojp/5aungzz7vsic9k3vsqzcvchtdgygvqdjyfjveqeqpuzydnf+v/fqoe1kidozyayvfihurhvyfluijh1nef7qkidruln3siiozdhfsmq4esqx2oia5t3tc8v4ouckhcsr70ss2zve9rndtz9bixssdks201qmbojulggq3zvmcmtgn4lx8ztazxbzutrpyzhrla6mhutsqtgtzvlgty3njmtqm+dfmlcd6m4ktmqdlrp7zicidnuatnsarq11dazv0v8ipkimibaqmccvusujc0jozi/nlodgk/ky+6v3urmzddkqdwqxuejsb3c57bqmwf7aagfrw/jdwkexn3rsezzwu0xe6xdvwnroypvbkniiv2own9dmbrvubh609uv+sbc35rspyy1wux9rvky4tlf8zopysysa6bzlsvbemocg+mjq9rzc/ctezabiuta7tgv0q+pjeqiejbvomg3i+dmn1vx1ftzewco02d5o9rstflzctdsnc1syc2q54/sbkr/83j1lcnxrhfyobhwyvw/e1kolsdhh1jjwe1m+thyu49uznnds5uci3ixoe0q4osk1cphuruhury2zhkmrpyr7bsqlgslfbyvrq0rfdpjqpcq8q5lvkzl3a6dbgf8u9xuu4bdwv0whfbxhff7h7dfkihonh2eir6vxc35nxurgcwslnwdsypexgijfack1u5z1npnmlk9n4sfvbwpsp75tbtfi5fsunnnbgxr+x5xvvdc7dd2by8hxwjsz6vkwkzilqkgsheye2svtsgvtam2cohazuckagjn/ytu1+tojnevfu5p0r7pfelv1ucnx20egkxf+ufytnv3im8z6y+vtyfitl7fpfphhchydpprcrg9rn2r7gtbewxyuc46j49bocy+a9qhu/ua0nnat0woxlwa26t2qgsyalc6d1/vk2sqb1s4dm2kxi0m9zwannacvljcdhniqzgqi6detxuous25hmjpuz6kawhupbw772r+xbuspc6q7iju/qkdt2iu0nosiycf1pu7xycykgrrtn0kbtzrzl9wijlpqzq/i0lycbzihsd87dbfe4bzknx0c6wp0edweenhzscorpx1q/2dxribt21fjzbfoy5ly62nugzxnmo1e5m8drtnitnrmzfpswhlnn/jlgdqe5rtrrkt7kqr0nmv5mhyuemfxvdxji1+k6uqr3vuc+ce3zj67duwescb02u1q/bukve60w1vickew0v30q7rd3xxk4baripqnkm1/g7fbjflby+bpsxy5o1mty4sdd0mybzmwbdt38mq/moqho/wqdbkygxzhbmiznpihk0lth4wa0abdc1mugdmwfq743ptlkae2s3mam7pihfyoyhs6kwlguq9rrfmmuuad3sj2pnduxlneh+i2t2kgoyk+1xpc68rka1rxmb8dlq3cdr7ssbpkdh27ytijoguxgkvnpw7qf0gw58jbl8/slaxjntxhhtiaot30hjqqwrw3ll0go976qluvhj3haqizt96t4tdqvptwj8wb9lok2b0gq4epoutj39fpo9gcvhesmt/xb7ul1avcoygnutzau4ptbosz7uj+hkwz0uomvk2jnmpzk/5hdcqpznk4c8ycyoui1je0fybdm+owhgaic90/z5mhrfthta99nss5zzaz7ia86jitflrm+zouuwyswf2u9uwnst43bpunf5h7lmwypterzaelaofo4wljay582g/boi1qycjaxlugrxotfkzps8fni8m5ta1kelyyh5fapx5n5mqnt2iwnmnr5k59au6jjer1bmiszfx0x7sqane+iqaqjmfyawz1+5mayhhh6inujgj5j0jybv73llvswtfo9zeszxlfc3kk46eo3nmucmff74rxeycwv5ttrzhxzuowyo4vycl6zaqwt68ceb5fy0qbl6qqq3qijxmd0d6qcvjowhyxstdxzkebilepojliawkggkpag5rqmofrqs9xihiz8e2oxu+4w/spamh3bltc0zfivxidp7n/r585nbqfpqnpqienhjszebdzt8n0d8qnntdmnrxazsxefxz60ncqjwanlja8wzjvtatac0wkb/r0nwhxumdcsmvtpy3cg7kiga3cpdqwhz1nj+5ilu0weofc3dr29m9fygd6irj6nrpqka3na7imzkqhilacqjoyavcdgovtpcgtlprj8o7p+vjpo/wur15/ink9ub66h583zuprkc9yh4whtzn8rntj6t1vkhrkp6grmslqxwdd8gk+unoajhpchfuezf0vwuamxeq4grrbbdogbgd+qbgqtfjkj76pytxmnp1bpijmubwk8algzms4ubxhrh+9uttc/lzz1jm/sqyg7+uxd2lukvx3yqhce8djyp3k9yizdxrzqn7blrmf8xpbxeybmqud1ak4/o+jplm1bd4chn7wrdtdsykmezjbz9s7kk4gypcwverax0wm2fa6ulpryxzej79ksqwdl9hmrdkziaa7wiljantxscqsfqg4vmodagrg4uuubrzepydmqzywfevwgwr6maq0cyscxemynwku+b0qfwevbdybv3io2qx0dhq+0yngq2vfr+uuhuhvf9avxljwtegpv0r7e5xyezgsgzxjdkjuqeemxz7ryvf+ifc2+ynv1rpyhpcgpqfdztxyfczduoztqgirvscpimhybdixaahyr9u0vgbta0stlpymid7nisqaqoioneyinwtyxlggsa1k1csgiotzrgp3glhs/qwwqdx1ajxrpdh34qcjfs2ticyezxghxexle0emeokt/mqcrvqfmwizbogsknk8sfedxmvrnsri6hpmrm0xcru1fwi3pi/ef201gu7vud6499xbxtwjjluzui0bj73zioraayn3dhxwehdsrqpeyvimek4vsvelmtc9ax0a+5e7y5bttdmy45jejwoy6barq92por8+nhh63pwkhslwyphqtxadtevv56fdyacrhyr3grgzdfqlnslxkcxuxrb2lwisg08hzxjc/pfygb+p2tf9pzj1eryfvfmxxxqoovaiwdbp7b896j4e49pcssfegrhjqoabjnzazzc970xm4tbzvenkpxo3rsr0tozed5432mt4r0c0prxkwax4scpzgnfs9tnq+cdgppxzlvuo9lu9b0qxwgzsm265ajdhop8a/4z5x5ysa0cokan89zuihgkhxjsbbgo4c68ka8qnoraijcmczftupr97grvrjz1xdzs7sctjqfq9c0d0aevmduu4+fdo/ck4sudmmf1fe0knwqxe/lo/qwi2bpfmwilfybmc+jb/lorzn0/chmsotygv0gesid8iyyurqld23rt1itcjacltxjk1k7colr3yydcadc30fg597jah63as3y8wnyzl3aret9/3nicfx0pxvdesu2f2rbmxqb+bqmhxidlyubpxlpkh1rf/fb4rc6wpxwfc3liar28k1crgduqq5r/slv2ohfppb10jvathqmcqmtdkjjuesj9jct0s7jfibls0njya8ubljp878ziyuze1frknomqo8df93vbepgeew5smmnlqtk+6wsxfv+rnqvotajz5vmgmp8ql5ddfscodymv3yajym2w9btfsaonlb8nmlxjdceopohxxq6lh5s1ts7i1poovg+6h6iczbj1xjqrnb9etl3pokzloyecyau2kv8wbn/t7dgyssfp1sdhzchwkwqg+iaevyqhqjtwa/yksvkqe9rhmhm1mcziszh1emznyxcj+skaajb0gsitobs+ezt1dfm20qage6oi0iw/et9b6h8idh3wcbwfedcwcx5tmtmr0olzxk17ssmk3gc5n6yjp8jof+tcdmuqltwurxavfrzjyfoqfvdw0gwubcrlosqv2jh7rie1s1luscqechrr7c+ek2xl1jlodl48dnvs7aagdtut9jblwkncaxjf3ysviqxs4lc6+cwoggm0qda2xuisbe0g35tv98vr6fbe2lp1qegcq3tadsqjdtx8z9tb+b2n0h2iouom/dlmelhnddsgcgc1rsgsvemyaejdxkgopazpujaovbbxq3xpfukikepqu8ycmrp8plzxwggupt4q4rdfs2hj2zaqkxwmvzwgn2zjmkqekhluatyglnzvo65wq1esizq/drkndits25fxsi5qv49rj3lxftmhp9vmpl2ddw/qdzaviewykxz8y3llgvkh7nu21ehyqxg0lgm3vncio5j6snttnchpy2kafxn5c4hccvupcp/c/lr5f8jk3nfcikrplyhsufdluiy3ckfulbskemcnkj2r2hjx6lagb3aoqfajlsch0qd2tfrb9rjhva6zl2spczlhryqmu0d6xl2+zt8z5vkgjbi8taxr+mhcknx9iqlnt0hvinuiornodmvdv9znctfivee4gotwuqkhynp21znpfhz0ibapvguvo1ergsfp2tybcr1amjs3norlfoq1ei6oculunanrrpou07eudt83vbmh9dy5nynnxfbld0ouvrbfncjvblsjiihf2ewqvvdas13sdzllot84ib+ecgtaa1bldkq/9xtqity2wy5xafepsenb+5xwlg1hxqv3olfxga8nefby0dpdvbgnqu23vbbzldrndtsiuhvfezcwfgijpueifwzuerzt7f++r1i0tnu+30dpmzekhsimdkqsofv/mxasvk0dpbuyrabvzl+aicebkpr7cmf206vm4+m9einiokjapj0hy3wbucetxyrlrznhf4ghwxbnb1dvzuxvq4ib9y959riyvuwmy3qdwj4yegzxuqfpoxjdvrskscotwuzgthfkn6go2+namlxxe6qwo7oldgze6nvre8j8gwn8p5azilpdryvj4wmjzl96lashpotmknxoq5gylme03wxjdzzxvaelnmymayvwe2eik9meab6twlflryeeuuvdyynksqe4yxfghoutq7lmjxppjuujtp7w3aosjw7ltgo0rp2c/yczmenra697or/5cpbuhyhd7ge5c6jgdygw+gh2zwyizm8mqjabcssre3jvvb3scczj6hyshyf07ujthzgdxmzuqabpg0f1ntpjwr3adllweuhvtn38i4zmpclc/rd7bquooy7luaknq/nbtsy2g+3hox8do3kh2wnbifc7wzcu87rphoholkrdeaciqh4jup7m+6ciqds/tohnw4wd8l6acumrrs+/4tvshuzif1+agm15wtgh8jhzyzverq8fzwrhn1ppomrskd3z6xvz8vqsqunjwovya3ntm2wwfmgxzqkurw21isymylfxln8rnh7nbyyrr49mhy1ofli95lnxxrwda+h6szkofpoto4vmckf31rfclmxuc8ofjwg7rz9g2g+vk2pyvccjznfgew/uaecfnpevahnz57coyamwogmczk/w+p4b9l0eydp0tm1sfger3prsfwf/uruh6eco3z88hdd/84ptxcseyx02ido23nn6cua+2qwwnchtc6w78y0blosftpgtp9k/jahecfasutssy680acdkw4tqxjsmsoxfgle7raik6uo8ze9pxsztm2t1nevllx+veo0hk12qntdm9bqc05do/y3bkzkvxdhevuedjmqxqrouilttfmjzgs/a9viptdlkkwm57otsauwq7rykd/g+xwprraspwdcrdttlco1wpw2phkqrrnrnegy1y0be52zed8m43kljiuf8kcm8zde9nkwzlpcoshc2rzc/323tkh5vb0ha5tp1j2n9safu0rw+hpwu2vukdntslzr7unbc2olbdlnx75iucylc58xmq7jqr5mrf9+tf7prvqyzgnxr1tvbeeyqyuwhqmcpgap+vo6wjybhz6/zmqloylmhlg+vhqtpauynrwtbeum4dgn8sikkcsm6b9fqjzatzixmnm0dnc6s2w+awuzyyfvetijoiyy/zneh7j0lnksiabiobhhycivz12zzgftbckoqk4+gznngn4brjhx5fstjagkqlcusguosgznqpr10xxpip3gtrkklwsi7vijkvoojcvfwymccxshpk/pyno9kuc+jigwwcmuy8c0ytfluuorlpywbfypv2u2viyhky/c5k7phwrcvyyxth1qi2g94hhydqm5vihpciufmn7v4zfhzsewpikygg1n222i+u5ptpt2mtqp4l9zflgjrpt3gs5+imqj7uelamalh1nsfyyefrbchnp8bbxbccj4b2jo9neitfw9qajvdwwarnedruumtzle/ttpzhrmk3dvmdocovabljirwc7ynlp8ta4ybf2nyukktcdvm2i1uoar3cfueimxorfqiafoqrfzcf6jwki0j2yepuzfdimqbniravbhe4qn7uzcawlpe8qo5zzeumtqfesmuvs24mkjdfdb3pvhlda8ppvdxzvr6ujpqwj1lhembqq7qbd/ppprzmpxhj8gnqgbc0sz6kptwqizmuiromq0iljsxb3kxzlct5a9auvz5qe8tnv/rgr2enfgqvrzc1p6kzbo2uwvk1upb7iy3px2nbdto8twqqaixbrb2r4mjm/qejcnnj924u8vn97huluwlko9kmdhrr5jdsiu/aojej92giosg/rsi2uxe1nep68xpnreywtcebfsltw6qs7xax4vbazyhtchb/y67hvd+8zltzj+7dptihfnyyz9byxqbmzu4qdpmzszbadrdfc6chv/eb7a+if3b5j90cqoyrxvcrzg2tbz77bc2m6k8i+jjsnocx/x1gcnfnhaktjtsfop2tusqn/ckihausi+gwn635ijrjgnbouw9c6pzkojstdsqj+va8dw/jt6uxo7owxgymg5ghe1l9dzujn5iwyc35kv7wmqfwiqcy6e5yddbkfc8gdnpn88rar07c99p1w4lhseuabzigo1ajcrn+emo22bv1o4kqmta2zm0xjfcbzzimu+xk49ot2toiugoaiehckfyt1/pxaasagxi9j/nmq6jycz8ks0gf72dncbjlcywek2/k9ciwkpvglcukb6yb+zq0tdjcjrnxua+kxj867d/tiuvuo3qog+12+29kg7/ru/kge97jeupmqkjnvi0vlcdmhwbvy9slemka8uuoa0oonyco0s9ttqqriyhhs1dwsfxwgiqdgu7lyd8emcqxtsrqbvsj13h6k58utpyubmi0amo7aorz5/rlafm4rlrxjvs2o4faryrnlfdtwripwaa478zddp7wzbjsftkkrfjfthnpztdmwgtzqtawxscex35bwmdfvwdqnuuac7aj8hzlk7z4pmdghv+ivl8rblble0p3zg3iwri6t6sh7vfgsjs+b6wxhlhwr7pejzzp6cq8rpd2438sfgx4m74hjjz93h+h37hyyf0byo0pn07xitdghozvdozfqx8yl0+d5kou3augt35vf2sgnoz37jflaanvjdbzjcz3jo97srhivcpolig261ew838ldmzg3qhr/f4wgpxjbdx3wfazmevuzyryr6mj2yv7d1gictjpl/y1vhhabtjhko50k0whxg9warthqgqx5ti6fn1tdslv1qf/dapst7auwgsyg1h/pvukzjm9x71qajelk57yj92inbcn05unmkjadnyeveoi3ck0lnikg6vc6ciwdw6zjd5h4c50lt5ufxdfnsyobqgzolgib6zqlglhrb1xr/avkwkqubghpmzayd0j9apuy8kpspjbt8e666dsdy+mfexzbknv9jkc++0vr0i8pefdumrbflozn4shbsrnvjtjczyv+zjjfk//ibbuygabwsr0u3aknllluro0tujoz7nsoci6u2indvvldrxfrg8zqr+7nwlx77ody6j6kx0txoklbywrfimz3h53ic+bjekq3rapcq2do24jvuzr5bxchkwnpju6uwcqlga7rfuzt4futy2gdubdydiwlu7wvxp7jaliucyfibsyla0uurxts70dpcyxtwh9nczfkrdhbwyo6fml/yqlq3f13zrlaccxyfs/jxdjzutoocplbycrjtmnt5btivmymeu8a+zokaliqtzbrh9hmfwze9jwvacufsxbopqahrybqb11clco9kg6dzviyhbveemkfw1phbnin2ju0tp/mgp0kpj5yjqi9alllwreylx+kw+kni0dpa+rwxr3dg8hey6kz0sqq/7wkzhdnfimrzrwjrgimuxjyeeigjviemyeg9/patxlq4zvfownksoiyrb7tyuztlkhnlid25fu5nkw5zkcxb3fhris/knz/oetcd2khgovlnyirxd2jsw1igq18uk+gwpj/jhs8faekwcfq8cavmj6rhoeb77evphmw5hxj6adkj/jybxcfp196vriqu3bhfy9ymi7sgluckhfy+kw1fwigwrad2rwplreml5mnhno0+q1f+iyu+dcojcz1y8b6yoacpsde3u4dmmembszcirdefbwsyw9mxguwfyn47qpx6nrz0isxuhhqo0uw77rbjx+daedxbfk1q8erdtt0oklrfd+pk/jo2m/kvrqvop6cgrcq5hnrzsfz7whfu7i2n2wnp2j5b0vkd0yk5zywuerbiupml6azsmwfdqky/4nblfheczbwfnjbijuqa0eyvgfekpj2uy65oh0fyz0u4jh+xcycgfm8o1nd8ytqc8unmfei97+i4c5d6gqpzbuv5t8vxmq9bsnactyoil04oofjsumadswnfcbwlx7o55b9eg61t58sklbw0/zbvc0eqd5zexxslxdisao2rifeh5udsi/heevafcqscyv9eorf1plzuo3yrf7b47nb/7stkvlqjlgewdwwcwqrom0r/zq5ieqy6hmmshxkkhg9+w/tvqulvzveh20cg+dtz42kxifvts37tteqzg/br4ir7eu1hdy/mqfvrtdbpubztrkb2zjwctsptgj89efa/3ymozmuqebgas/vusjjvxlevioeq5posga9waqrjrdgcvujzm7crjhwlcdubrqeamkuzd02mklvwbuvd0z41v1ju2lf5xik5yb3h6sfjxbjfp7byyggge+5lgi7dsywhfhlw72p2qvush+x77blox5gx+t77ldhtrul/r2u+0gvg18toccphypw2fidhyqaoagnk/hjvgh2clx+7v1p2itswh2jhkoonrfsclud3wenr7zks+odr3xl98honbjsrdrtuu941amoj2ffsdxxn7qp2oraqu990cqr1z3bbmyd1uyo3b5xtpnbvmtfarogtjafynh7bnopws9p2vrsc244kbod1oktdo+ayo9grgibkyn+t9il3y8mbh1y/jvdlst/+vicxgi5h87uazcdekahw/0arwespro/nnrbhgmbguubil5k4uatyc51kvpcxsmhfjer2fpwt3cxqup97ccq4lzk6kvsaex8p2a7uo+bnhxshpcczus+bmejzhtmduee2kbrd3ytncosv9uen/f/hy3+xwr40k9xomki2raitmakoljs2jin2llyr05vohiuruimlo/xpyqhwoj0/stw4+vhl8ckwrqvzj8mszbs8x7eq4yxufaequiz0qvz5warvsltzapveyznjnjqaj9exlze5hwj87zl/ndpvpwm05amtlzull/rhddsburkiejxpjrgqtrm3z4miti6x8/crdxwkjmsls8ub97hrxqvja5h1nkqtgykej6gnnvtsscwgtm4sperkmf/htzhny3mh+prh1+he5bur7kq6gxmii/f1udinw7woy/cr6dti4d5iybm/mbtdmsvcpc9ldj29kivjiqexalvyyngn9waq9qhvsqmza++hvx+xi9ubzkazzjuuetwaqpl1aszop+ety97fhtwjaqjzx0u4kqhc6dvs5cwip67mjpeulwyijydqqwaa4jt93p7tlfn0rql7ugbwtjhxad9ytgwjpjv6g9m5dpfgijdprxp789lilf54mo8y3kg/8oeohq2vxtomwzqmjudevptaoonvmjnnwypbzgxch3x8ezr0m2kizuxu6ghrtxotx+vvox2oqn/nmzr+eyk8d9y6nnl5rcl3owl6ttzfewlz7vbhgglyjqbj3qmqwaiadsnvyjcdw85k93dhu10kd2mt5rhh6n4i1s96jwffvpiosi5h6mpateyebrywlcly2s1nikjxpqnmg79wjjdwynpwiw3quohurjoxmgw51x7fqqo8newxkaub7xbsi8pt0nyzgwtil0owuj6xuya+tsdqqhc5p9bc6005oqig1izexhckjqb0oyisavbnp00+mwasrw5fai4qjcg6fiyrzd3oe74gqjd8b8tkgxakjbuess9i76vlxx1g7bxe0qnb+xrqcpy4gtdolwhxzrrujiwx4pbwdizj/r7uqz0g17htkm3rnef5v4f0hi4ic7ug5s9lbqysehucmz+euu1/nbme4dgvuysttrkgjzaltslnqndvom2bf84kq5tptnzjudut71rwt20w9ds72k0iywqif60n5wmnkhqb/13f50jcdjz0yv3xhhtdbb4vmv193cxw9rjyhw0qjbjkobr+fw36snwysh6kqyqhyixuyjzamqdzcaq7d60utguuk6ytvuwn8amxodrxwnqoko/0ok9q5qvn9kjvqrdeqodlfy/5ocsbkbw/o7gnrmshqrdz7v/qz4klgriourd4oxwuvk0et26zzxcbtuwoipazh9n0ksbfhhmerqhtvry1e6ekgjqd3w3tk2i899qojfe+bj2h6kfjbyy7r63/e5x4xcgjduhfhfkk+1rdgeecbzltbt4rtvii2qnqm2x38vkfknm6u1no5gjgqwqoey/4exexvkzfk9ft0tjepnubsz3c7yqvq6jn5xpakbklfczdn0kc0fsimw95seon8w8qmics613hrfaxbzhinlbn5bcdtxj2+z/dsqlr7eng3cgushezemypzijxekwjwzyu2m75cvm+kdhnsinx4ipetfg6xvste22gh3bh3mto9icezwnr3ufupnpvp8j2myesfqy0p95svzgv6tevnvfepul4rsetn9zxxypybdvmyvsa/7usz1b6ig9zdzrbp0epvoumiiw6si78cgku5oh8yflvmoxxu1lyynxfj/+hwp+x9r/bdjhuv4kblcj08wg1uo6jqrcyq6ejnswk5hfiupqbytkjlqiqd1k6pn8ulax22mgum9j1ho89zj72rffshayjynswdoufjjjkonxhxjdmdkwhwdhfjp/3kwqxifklamvzx3badzrihrsdfyfsfrjgsltjdpha5b815ka2kw7yyvqhd6pm913bjhzvjtaynynbvr4jxfinm7sdm/pnvuizvn1m7fmu6drkfcyl4t6kpsinmahqa51blfk4iychvjbpy4afafnrfo6n9bdq1qrjcboimbljtbr1c1mfso/o0bi4ecdvtbtt1clmqcqoqdfhxl2yc5rnzsekk6+syghlbo60diawqmrwtvh0/v653o6sobt3exdpwwvdimh3bwadp4alytluzfvsj7/rk0lvuqpbkumgsqidznb2fixnhvnafdwa6hdumhsjqpurgw9ns+dlqb5t3lul2lt8tl7dwz+m22v0twm/ehfyj0ncpcvxp4bs1hjdbviigbyn3qxhc8p5wlyttsby3vo4qybpftwoozlhupzn1jf508sop2nvzj93cywd4ybvemh0if33nijevwj26iox244g86nlikc46qq3odv0qoltd+mcp1ichxf92mzvpyurjhigdgwaskn6/752xbeumb5b7b6nkn/uq4d5rlhwylzsvcrzjwmugjbyrzs2a15bzetu6s1fpth/yb2zaqsdvfaowpzi1pe1pmo5le1o0yzmxxmlotewrmq59jxyusi/kfbrtopdrvdqp5lw4dv13pcne34g1nkv4rawwqx0m2dinuw9r35mm6cbf7vdfo/oyszrz0qj2dgtdtcr7zrcfqu6bcwzmm9jsmclh9k6taa0+epcqtqkqmyhkslep+2z+sp0o2rbs8chcq81gt710oitgb2z1vzpsdan1lwljw1xrw8zdzvsbziw4e3wrq0ssfwfnirj/o8flmd/ggh2wvlv/jcdyt8w38xknnqegdge26gc/afjsy1gpxgyzx4zkwjxknlzi9bkkqzxngpbhvqkkrgvzfrwqublrazvltxmpcjxwvo/g7b7leprwq3udcxuwrmv5rvzivoheczhvxj4hu2+aar8wfdbjaycpp2msaliuace8gootetqpoxtjfdv8yasfonqkut3yzd8vqz0ckybfq/0oyxz18mcxrfae/7h8rbjosyn+qhfp/uf01gnh26xqbsiitovcsn3gmixbqqzebpjgje/rudlc+2en7yjiw0nz4tmf9buhmvrhwr2/f5l8axc1t0wylm483axkmx9y+q2qey83ld6g62+bormapozhqo1vhxgi7kul3+p5obvudmumnmgvairldhym+tfkwwczdrfiss21s63c8wfine5uh8hfugqukla+nlw2ykjicsipeo0o/zymryklh8pipmrvubb+//wktmfxqtbjx18ezdlj2yracm4n+baesf/indfnwlg12y1mmmdjxru5jsezny1apdo1u9y/btastepuprtgnt8myslufmqecdaqf47szkls7laoevtivqrz3bum9hn1eldmxmz2bfo9ktt8qjnw8nzqz0ufvpep66mkulfdnaiyxjs3draiwjuwqj5y+z8v1deadcivoyjj3yes/zczv6nrimblsuxtvhbauhibv8vzhtkueordvk2kc0zxnynzecndex8ru/uzv9dkfkxtuc1uio4xjj6okv++vjy0a2wyj6gsf81m9joshmuyrkvfyln1pyjhudnhh0y2atcvsj7nbtbmdx1xur5gg60n1bqf7+uarwotbpjl4xpn9srtaydmurme7tzaeidix5calxszebikfypy/id7dbgqvuhu7mosglb2ectfmkjynkmoitugncvilgtguzaotmhofhhdd0gx24eoqlpp3nr6lmlbkidz0sjtbi/wbnmb/u6yqd2lk332rso4nizdyvlg1wxphhv4vaubrtn533/ze11vp9yi9rmv9u3rhqf22skaoadiipg7izz6vwfmhig17esrd7al1axeeoih06esgceap7r6za0q9mglqumu0pxqrosh/trs4et9ihbuu2quyn87ycelh2sn0njkklysps15ib7xkyzpzkjzmetvab7qbwmnexfnzyiygxr7/dtfx+1xorwjow6y9/ochc114zx0vvwoyprra/tsdbqbdepaxguwylsxkktsywex2nbkqcghxehck7g3rzuo92dnrd2vnvhxclw7hep0jgtwkanqv1ex5bidyzbn+sqddngddrg1jf5elki/kwm7qar7v6nrxa0bbx6ciqqfsbiy0jv2lnq7ikg+g7w3ubmv9kpvvlkdzz3cpdkfmg+/4ixi0upxfujfgs+ulog9i0m6k6s3fiogpodfyfukeel2bgbp8uljgraksur62mnptqd2/ctvux8ucsnvh0i4tfh5xjqh2pl+0b4zzty7zqr99majmj3se4zvwkllzl7d2af3wrgglq3drklrlaco5zkqdskcbvscqtersocyrjg0lfkwtwkmce4cscxwnmzyhg2phlojtvnxs45faeaaqvst+/5gagn9kpyayrw9bng2je5juzjmkhi1fiyelm8efqp05aevkfnbcf+5mleaobxbid7rlkmnyggipfcrvzmge0mjinb0okkg5xgftoj/vlyu+9wyq7wtv3giubweegz3eoorwk62sdqg9n2+yzddtgvzvcjodh0mwnlmy7v/owhr1hsfq87o1mxpxuvtuvrtoenbqkaz8yd9xuyiqliiznviifkyr9lnlnisufkzfu1ajdfuxkl2aloiz6xwq9hxbexa7dd2nre9zi5cxdnpp7t6wwbb+amvo5gdk1nnxkax9ouyfm3zlg628h0sa2lqudqrlrcvuzmcsjfgqxtuvtf+fcrd0oalbx04wnm/yses1zvh6pgz1s2adrel28ljftxurnbusb4h7ltpkggpexy/ulksjudyvy9w466g1chzeictee13pghqj7lhrdjh+fov9zkc4jh4hxelipp6yodcgjcp7oq/pqu/7m8+9h0nv+6cssojsp3eszrpejiy3vfcazpbege3exdtgszylr1n4ezlxfabp/yrcv9pbzz3pryt+2n74njpcc4snvnbvjwksx3ptchg9uswsaswzv0oftzjojkqnket45bug2txtcctnrubvhq+dchlasqe5rvkhpu+lzrx08/ioogon9hj/da7jn1cctbgbmqk/fdsm10rnujqwbcpgcxjc3p0rxcutq/9zdqi4coemurvnncl2poo7wtnrrvrak4uk1yaeo0waskas2ss7wt5wz+xacjfm42qwiilrtk9pu07nhntuc7o4ooeyhqnbg5ne051fyyzx4xcjckm7mgtfq5qy4ii2wct5dpqq/d/u4hitg1c7daruzwmzhtnucpwk8ayuazzcgqpjjxq1zk3ju6rvw29fv9eck269tubxsh3ptl+uvbfjdvp9xvde/q4dx4mzozlmq7dl1odzrtdpw1vo9waqee59vm2mn4csuvrkmwhaszgo/k4krexp7/e2p2gmd7lrcydi3sggv05hbx0boavqef3tetuwifyzslqaftlg4bq2xoz8p4sr0s49oy54t32ip5fyiyaj+lzah//urznomn+lc53antpgnxvvvq9ayvjc9tz8tgwf1hgjan2wxrqovertpd45zfre4glshrl1hr4kp+qvrct3riwauweaa53ib/dvwrzlzhpxj06lomjnq4rfkdfjgqag2jcxe+qveajnuk5j7gvtcguwrrfxc7qmtn6kmbrpyupz35uaiieh0h+tmbrkncn3rjyxzc4plfncrtmrvfieihlco5ni41co2henjujbqpfjpdmhmikmburbaqnx+gptohvbuywvqnzqiz4tupgytp7z600u98r6zwxuuqxvmvospnmsvhmw4jufrvrc5asaew9vbq3qcq5r69iwt2nezywglky0unaprhusz3v7tt+pqu13m34qnr+xk9jmtjwy0ckga/3ofmegavh7i0nntmgmmbbzemz46pdcbufksgnbj8/0unmhdn/6yvdc55ubyurwyhhk+any6yn6pzbukafsrqynyvup/j3j2ocatspn4xqbm6kojeusqigxxff2mcg8ey2wfho97291o1qhojm0pajlcwo63/nohc3oz7cuef5tug6skbozboniv2wsmwe9qoxdpxe9cvun2rvspd73bify4vlhevjsxkqohxo//gnc4fba7rtoqjpwih6maor/75bwujcdwucfq5ydkpb7byn5lgsa/nb5xsjnl5hcfghknwzp0n05nif7ajiw+ws1fg1zkgp9yjyrtfxtdilyxj2ppqklsjuxg3rgjazlncrmjrfp60kttlzckdtzcnklt+12h3ueg9cpkprtz3z57cl5qnagbkysth1thlgkffgpc+1lte7vehwcus3jka9owb9vbsb/urgfobkn7kvyxslczg6gyayqpo1i46sf8gt8tvu14x0beegu96pycndd9mvzjb+t/ponxg3ngsr9ltjwqn+ko6xdymxezqvzorod7p1silsimq268mirn33j/poqzpiigmz7cyesjd0jatswryiccaqyfc9duqneuie8shebpyebfgmdjmksdnoixu3xmsxt1i875shrfarlji/+n2shs4yor2c7lym2rmvejljuixp+/er6xt+iha7tdkxvwel68l3azzxcx2tcl9frsyyuwkyvgudgprw3savemonkozsppckfo1w7aojynampxhrt3f497mfajguujghmk15pbkjdfpoxvmakwu5jhzeq9idn8njfx+wo1jd7d4eso8o+x7v2lerwhip1sswnrsemltmsqvd8gm4xtygsslwnwokqvrzxvgp20tqhcrsq0zokgwtjzrspfru3eglqh9rvr7t0lzhjwo9dnvyiwymr71zpo5qwz4qy96g0vyxh7osb9a6eghynif0c1fjjgpnohe3ve+5a9tudamo15frddeoe3zf84kxkwj3tss4hhtco5m+neb7lhwmfshuba4nh/j66iboslzb0ewhy2ru6r6q4b1q6dckerfdlpyn0qsxr6pld1evsrme2xn/s2edwn7dzdgw05qeqxhh6yeyxh+6cywiq5p4/umu3z7qmxtpp8qwgkhpn+7o0ch0cuybm7neefv49yh7aq4ii+yqyfspijog9kbypykt2klfpmq+nf7ebyf6vns7uakxbtdh8zig+/0jgbpb4szrhfqhm+ff6qrpbflhxpewbjd8hmmerxjcy0tltmdqd5vqqgpvnilobwfhvdvr59bsehzl076y1j0xwwh1ntsvsoryro9p7kznqchxehfsff1ddc6a8fm2s1mn4ywtzgnn5ofafguk6zjfnlrwwm5dzryov76zigj2f2aj9vopnvsr4zgzikyq4odh7olyufbvruh6t6mf8n+phiroqh92atgfi6s0q7xnnzutewh1azk7myyn9lr9zuzzfbsn1franvkgiunpgn3ldsiycb+7kajov4mlae/hoxgauw8pwrhbi/kmuezngtftyugacrjdagsoxhoqcxgiysnta7jplu7civttqm7yaghhy+dhtbddqjyeqakgf6uqvj0mgsvddu20vrv+gvuplfx8ureuz53jikomeh3njdiqzis5wpvz5zc9ekyjv89cv9bgbu72mtui+ahljqprquhsk6zdefublzfuquttiyjk7mbku7e+pbqksttnvmaci8mwrqgrzbtybc/imyeqyjzwrssx971+ziaog1iruyhwlma8ajncrudc72ul6qxrhlujwbvp5d6wsayomn8kevu7fky5pttrghematnhk5srqxviqvzzvghed2shzhlbw60vsv87trzxp2m9zs1j+wjo1wzb1h01u+iby7ne5rgrfk8kor/nnmdkqwmhflo6um5+zuj1030pz83fgjhusqubpckvwkryt103ryom8rh2isq3bnnmfgaxzzlr9ykmakl4sjrpogr6csr3qkiu3ie4zuspuwlb2i35nxgkzz2w2iq3o9kmuxgkmy1nk05kfk22brjq6jddfwy4uq1b8ge5ngh9hcolavprb8at+6nrgoqxx8iqwnorzhxmlrmhskq6zc/ypkrvtupunse/2s1+ulxcu9tu+lry3erosjeiava2lnmxiltcra6qufnjeq7gg9uqhjsskxbu3na2k1v7xowf62ptm2mvmpxa8exbxnb053sil6k/bisxftq8p8/31me3utz+iaifwbp7fxhcaewelyvxnarkcsygocs3m4wpqxyrm3e6oyaea711vcl7hikrwjogpaexs8hc7ljfwfxrnj8zjfr5u3g46wlflxxct15laskwixqtjamm1tzrfjvx8tmwhx1ogsgyqwvmfvx9tqil2tkjeua1e+i530iz0hfbdjzvedukafhxzk/d/zrjympn0ejh3gmxnwj4g9xey0mkq9sawbdv+/7dmqbkft7k7h3qsf071ayhpqoecm2ulijg5pwjeu08cdeyyoz2zyvhco34jbcqc/xh4mx3nnovnh3qd6lw6uru31+uljiecngoyyi1ysynse3isatsf9gxl4sgribqdakanowsintifqkg5dlmh21+mcrketp1v6hwu7we5lncius8muio7hsod0le97qb0wiqotjtfscbp3dbjr12y0ayllyv1ck32tnlru5inlx66vld+b620hfy6jxqsv11qkia02aqj+i5if1deywhw4goravav69vcrzxq5ymi+qtsihnn4btthgdbrsqh0pclcjlddldbupr1h1sl3retpe16tvp9vyzmwehwv+tpsa+ybyusjqliouvmeinhddhlnu2tanlphbymrfdqid2+vjzk4ugcoqvnkzfpeip0ozmgshxsyre+dmwsgdo6wp7zrdmb1djls/5ckshyscp6wrepkfwbnqwicpyxdt+4j/kww86znozs+svdmzeob4wsrvdvgrux5hntngoxd3obiru+q6lqmbj1a4hygatnwvhhuj+e3590epw2gjk+naqn4sqlzl362pynuflri6j2dd2lqki8mzdcgiuavozp+dlyb5tlv50a7nk6b3hx2hjx8vxbjemfeshewc13an/arnjmdqf0crxl1hjfn92vj0sa3kdp45kyjebnlt7p6ltwa0lhdb421ji7zajxdyiuchdr61diaybq9shmais2+0moxjnvd8kxmal+lhhe8a6ry1bz+m4cnezem81o6bfptavdfmf217fxufitcdovzijj0w8x/cc4r7e6nn83mmvijjx3tt3c2z6si53diihkyhuf0897pwtjiakrf9oszj5tpfbwur6yl/eqkt1zjzot2cfctel8ybh9bixjszzy9hayeacrthzarczny34wmwwpoeubf7jtlgdu2arsy6gwllbt+gtvopdn6vnvtmqhqtinpgacepemyr7o18c6jp3tvdcfkqvowpc8lziaxs0jeoo0so+v832lijvxihdha1bonu237pcr/mc7lw573r2bgcrv82sny/qkq+wuzzzscde0g7zsqi9c2yyfkpkgcslo5yqmluhqxkbrkx7o9zr2ih5iundg3yjndifniud8xnnkhelkc+zgaqtp2wzwrclkkl6nzuo5ar8y8jofuqutywamddjbbhz8snrnxra9m9dj4vyptfeswujgcbgi5qq0uwizuxdfi2buca33ykrypc1m+mrizuw9dky8dopbm6p2kv3shxubvbxb2yebcjpoehjbqyg/lwwfnipq9wwwtypqxqjns7dyhxtyqkaqoqwe9itygsmen0wyuv4rbxqtietrsgcewt3juhpxmw5zso25gxtj4l0vo0jnxmztd4u/zbhvsfv6zx9hi7h02u1w/y/m85u/ud1vhcrbqfyiarjb+kpegagakgdfvlihripd52wmffzzjugyrl1jeewbfmpkvrtojuamxzgbzsbkgr9avhbpz/vge7jwxyjgsegi2biv7zfckoejjcavvw+vtvp0+vbs9rzta2kacfkq/7vy3uobijccepxkektedrnzxhhufmatmabaxbsoweq0mz8n8ctkvuzybdb1d6nicejxjienteu1s6b2afsokaqzme3z6k8i1sh+wbqozgjub/liq/w/w5jtrwbtn5qrwq0cf0vjhbsdx8ig9tqqdyi+ax8uiso12heu/8hu9cl2rvlqo6toijomwaxs617yjroimttibvshpj2oyp7lgxcrr6fgona6sbkxlocbbh8ketat9gtfrdw9mnispmglhw4w8e0h+dpvixuzjyjs4oh7n2aeojppykkyb0qjldtmaatcmeva1nileze18hyfgg8aj12k6gd0d2ceefsjorxqqyeyh567r2vzrai8rc/n+qszggt4miorfncuf74j5zgtfjgchmteuhvexza7sd715p5nxynael/mpackwoi9zowpuxguhdsglmbebbstemt3/dwcpplcsqsimrzhultslexqljmj/1ge74mu+9kquqtqoa9lrvm54almxbgyoxovakkyifatqt3askpeoyxtgwxhoe15kcvuousziigjdenslhniaxzweehlv5il5pet00gwm84/awvrsthtvrg1bxgnb70pukwq9fo0ujycsyco4zjtd6vuj+qfomm7/kt+g4b8vnm7bhvst1gfqunxgh7asikurfy0boq1b/nl2w/hqvtmnzt+bi3gy/wmcga110fultr2gn03gwu2jpfvl0l1qiok0mqktmell12zwipkrwfyv2pmw0z+nr63mq4qykzlymqztgn7ijsrklvkdw2rj8x9jigavzdqadf4qbcl+ngukmdyaio12q/5orq3t6p2rgtjj8hw/0suwrruqg6zbnfiervrzq8divp78zavvqztpc3o7ipp6i1y51py8xjzyakpwhaknh8dridtlg2aanbkgpth/c+15m9mlsoqmb2vdb5eheljkugp5xyildmdrrew/ue30rxefe5+pe9xrkl2w939j0s0pehlu4nx7ddmw0j+pte3mx8gjj9arh6jbegr+oczngdo9q1mhndwzga2z9efw+/w7mhtkudr5gsh+tksir+ezyycedfakynul9vme7ata/vl8rrauypxy6frppytjzqplbvacktevt4fm9z7zaery5dglwtuxxqpaviv+8ygegshra9yyuo61frez8qcdgdgcgky5mtttubkuxf7ssg5tyeir3vl0kprotsemos7s5y2exvqa8erns/4uluswdfzjbuwn3z2y+odwuli1rqn6ljppafkcflpf6rxeelwizataqzbm63wchlc0ztikj2retkgq0y7tnzrir4lhdlxv5hx6+wpt5mdb6jbceh3ypvnaoeo7h5vheih9zltla90tpk2w5zqcj6alua6zgbjr4oe3200yi0fwjtm0kms3mfi3k+teskwn1dgbh2kpspuypwe3exaxgxtvg64ujftsvcut9bvg0vpijqeebj0rs3usxj2187zvtpwlxzvdigxxiybq3asbyalpqs32ztch4f+3j0qc0kkyoprh7sg3z2ygnud1r5xet78ywafxzdepx97okcmehlc1suhlmxhdlnl4nfwzzxh52ygbvgjmjxohd9hescquh2i0khpbxrijhlj7zdjnahk2qz1u4npj/wahqgsghu7xy7doz6y3uc95pdgzlagzjljksxipoeqt2jcdpqqbxl41s7zuvth2roghpfn3cc59y9jzckglxt0g63rejho5m+rhd/ppoto/nhvn0ajeq+j0a4a44qzfnfepomp2jvwxaykcxtapou65ywq27jinkw7coiag2cpm0kosnsnrztzt84d/i4qwbx+ep6byyk+37plmre4bci/ymmflfrngw2amxt/amyyryoskcqdkvxhtiks4wl2mtzhbkdt94fkpiqfhi/f1bfbno0cnnhglbdp0cfrx5vu1g7+3mj2qkoxu8llltbscqgotlpaxt/n2axa5bgzhyocn5mkjo3nrbmzapjfypgwuia5+oqe7pvxta7oqor1+pka0hd0w9h9d527/um607uop9phdudtu3msivmnqjwzr+uxil5c+ap5h1oqorgxbu5axxnqwvw/cpxv/n6t18ensfitrf/kbk4frgxxty/ckb//vuvf/v1h7/+/h/8+3/+u7//3/73/+n/+q9f//y/asrkrjxhzvmk6ef/92ffqz+xvn/+urvbkh793t99/fnf/qo3hv/wjz58n2bkj+ufztja7ol+/jo29+nffh2++jd/cel/so5//prd3/nut/tdpvwf2wvf61pa/+ab/+3vv35qkd/e//yzp37vy/896ajh7//h63/6+tv/8euv3/749av/8tdf5v2rf/erf/fr/+q//m/+1a+//uev3/8px//d7xved79cmz+5ozmhf7iy38b4/2llgrwv+wuz+5ov+c2xi8kzwf4/f9hdmcl/zcr88c9xxk9sr/1/5sr82b/+9ddff/3qz//vr3/4xwj8xya5lqm6/1/x4qd/srz/8cxxynzrdz9xv7e7fv/p1uknhm70y38gl/zqx58wxo//pxb44bj1mlm6hcsfggwhafoybx9gelr/y6//e5/9+68/j2//5m8dethulh/71w/f/vx1t3/z/+yc7zqv3csq4mzjimji/fuxn41v/+nxb3xjohzw/zzm/r8a/z0ktmvuzhn0cmvhbqplbmrvymokmje5idagb2jqcjw8ci9bdxrob3igkerhdmlkie1hbmrlbglukqovq3jlyxrvciaotwljcm9zb2z0iev4y2vskqovuhjvzhvjzxigke1hyybpuybyidewljuunibrdwfydhoguergq29udgv4dckkl0nyzwf0aw9urgf0zsaordoymda5mdmxotixntywmlowmccwmccpci9nb2reyxrlicheojiwmdkwmze5mje1njaywjawjzawjykkpj4kzw5kb2jqcjiymcawig9iagpbl0ldq0jhc2vkidm4miawifjdcmvuzg9iagoymjegmcbvymokpdwkl1r5cgugl0zvbnqkl1n1ynr5cgugl1rydwvuexblci9cyxnlrm9udcavskzos0pxizjcq2fsawjyaqovrm9uderlc2nyaxb0b3igmzgzidagugovv2lkdghzidm4ncawifikl0zpcnn0q2hhciazmwovtgfzdenoyxigndkkl1rvvw5py29kzsazodugmcbscj4+cmvuzg9iagoymjigmcbvymokpdwkl0xlbmd0acazodygmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca4nwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzayazodcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdq+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwcdqwv6wabzw5kc3ryzwftcmvuzg9iagoymjmgmcbvymokpdwkl0xlbmd0acazodggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca1nwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzayazodkgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dcbaaaaamog+vnf4qcfughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgxcawmfzqabzw5kc3ryzwftcmvuzg9iagoymjqgmcbvymokpdwkl0xlbmd0acazotagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxodakl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgmzkxidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqo/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbg4dswyyqaawvuzhn0cmvhbqplbmrvymokmji1idagb2jqcjw8ci9mzw5ndgggmzkyidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnjgkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgmzkzidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddopltx+eahvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiaba+/aacv0aaflbmrzdhjlyw0kzw5kb2jqcjiyniawig9iago8paovtgvuz3roidm5ncawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide0oaovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzayazotugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaed/wmduyqaawvuzhn0cmvhbqplbmrvymokmji3idagb2jqcjw8ci9mzw5ndgggmzk2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnzykl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgmzk3idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbq0piebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgddwmjap3aabzw5kc3ryzwftcmvuzg9iagoymjggmcbvymokpdwkl0xlbmd0acazotggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca3mgovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzayazotkgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcj+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgy8bgynqaabzw5kc3ryzwftcmvuzg9iagoymjkgmcbvymokpdwkl0xlbmd0aca0mdagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaynzmkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndaxidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqz/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiaba/faajzdaaflbmrzdhjlyw0kzw5kb2jqcjizmcawig9iago8paovtgvuz3roidqwmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idywci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqwmyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t20pbxeodbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqm/awmhdaabzw5kc3ryzwftcmvuzg9iagoymzegmcbvymokpdwkl0xlbmd0aca0mdqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdekl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnda1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqz/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawym3amdn6eaawvuzhn0cmvhbqplbmrvymokmjmyidagb2jqcjw8ci9mzw5ndgggnda2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtezci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqwnyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t20on4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqp3awm+pqabzw5kc3ryzwftcmvuzg9iagoymzmgmcbvymokpdwkl0xlbmd0aca0mdggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5mgovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0mdkgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcu+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgmzayraabzw5kc3ryzwftcmvuzg9iagoymzqgmcbvymokpdwkl0xlbmd0aca0mtagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxndgkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndexidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qaq0aaadcopdpbq8hesgmgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiaba/8da1geaaflbmrzdhjlyw0kzw5kb2jqcjiznsawig9iago8paovtgvuz3roidqxmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idgyci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqxmyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t20pbxeodbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgw8dywlsoaawvuzhn0cmvhbqplbmrvymokmjm2idagb2jqcjw8ci9mzw5ndgggnde0idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgntckl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnde1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddopltx+eahvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymxamdh2uaawvuzhn0cmvhbqplbmrvymokmjm3idagb2jqcjw8ci9mzw5ndgggnde2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjk3ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqxnyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20jt4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwyoa8mkovaaflbmrzdhjlyw0kzw5kb2jqcjizocawig9iago8paovtgvuz3roidqxocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idyzci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqxosawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20ll4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwyoa6mckzaaflbmrzdhjlyw0kzw5kb2jqcjizosawig9iago8paovtgvuz3roidqymcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idy4ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqymsawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0ieaaaaaw6d5u1/haivqyccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqpvwaaldaabzw5kc3ryzwftcmvuzg9iagoyndagmcbvymokpdwkl0xlbmd0aca0mjigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdckl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndizidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqwfiebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbg4dywou8aawvuzhn0cmvhbqplbmrvymokmjqxidagb2jqcjw8ci9mzw5ndgggndi0idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmti0ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqynsawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t20pbxeodbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbh4gbhetaabzw5kc3ryzwftcmvuzg9iagoyndigmcbvymokpdwkl0xlbmd0aca0mjygmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca3nwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0mjcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dcbaaaaamog+vnf4aifughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgdawqaqabzw5kc3ryzwftcmvuzg9iagoyndmgmcbvymokpdwkl0xlbmd0aca0mjggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcazmdgkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndi5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqlpiebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgpgpdkmkaaflbmrzdhjlyw0kzw5kb2jqcji0ncawig9iago8paovtgvuz3roidqzmcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idkyci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqzmsawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20jt4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwyoazmdksaaflbmrzdhjlyw0kzw5kb2jqcji0nsawig9iago8paovtgvuz3roidqzmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idg3ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqzmyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20nd4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbwndc/raaflbmrzdhjlyw0kzw5kb2jqcji0niawig9iago8paovtgvuz3roidqzncawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idizmaovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0mzugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdjeiqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedfwmdfq4aawvuzhn0cmvhbqplbmrvymokmjq3idagb2jqcjw8ci9mzw5ndgggndm2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmta1ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqznyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20kp4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwcb8yoduaawvuzhn0cmvhbqplbmrvymokmjq4idagb2jqcjw8ci9mzw5ndgggndm4idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjqwci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridqzosawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0ieaaaaaw6d5u1/haivqyccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymdaozcemaabzw5kc3ryzwftcmvuzg9iagoyndkgmcbvymokpdwkl0xlbmd0aca0ndagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5mgovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0ndegmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcu+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgmzayraabzw5kc3ryzwftcmvuzg9iagoyntagmcbvymokpdwkl0xlbmd0aca0ndigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5ngovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0ndmgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdb+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagihpwaa04aabzw5kc3ryzwftcmvuzg9iagoyntegmcbvymokpdwkl0xlbmd0aca0ndqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxnjkkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndq1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqo/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwicb48aaxruaawvuzhn0cmvhbqplbmrvymokmjuyidagb2jqcjw8ci9mzw5ndgggndq2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgotukl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndq3idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplth+sfughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdawnhaadrtaaflbmrzdhjlyw0kzw5kb2jqcji1myawig9iago8paovtgvuz3roidq0ocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idewnaovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0ndkgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaednwmdougaawvuzhn0cmvhbqplbmrvymokmju0idagb2jqcjw8ci9mzw5ndgggnduwidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnjekl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnduxidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqo/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbwgrghmqabzw5kc3ryzwftcmvuzg9iagoyntugmcbvymokpdwkl0xlbmd0aca0ntigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxntmkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnduzidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbq0piebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwmd1waburqabzw5kc3ryzwftcmvuzg9iagoyntygmcbvymokpdwkl0xlbmd0aca0ntqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmjmkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndu1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqdviebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwma5meo/aaflbmrzdhjlyw0kzw5kb2jqcji1nyawig9iago8paovtgvuz3roidq1niawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idc0nqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0ntcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dcbaaaaamog+vnf4qcfughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgxcawoazaabzw5kc3ryzwftcmvuzg9iagoyntggmcbvymokpdwkl0xlbmd0aca0ntggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaymjakl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndu5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqdviebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgpghbnksaaflbmrzdhjlyw0kzw5kb2jqcji1osawig9iago8paovtgvuz3roidq2mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idi2oaovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0njegmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdb+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgmzctnaabzw5kc3ryzwftcmvuzg9iagoynjagmcbvymokpdwkl0xlbmd0aca0njigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5mgovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0njmgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcu+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgmzayraabzw5kc3ryzwftcmvuzg9iagoynjegmcbvymokpdwkl0xlbmd0aca0njqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdekl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndy1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqz/iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawym3amdn6eaawvuzhn0cmvhbqplbmrvymokmjyyidagb2jqcjw8ci9mzw5ndgggndy2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgotckl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndy3idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaacaop2pfymecgmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbhonw0aawvuzhn0cmvhbqplbmrvymokmjyzidagb2jqcjw8ci9mzw5ndgggndy4idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtexci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridq2osawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t20on4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcagzubat0jaaflbmrzdhjlyw0kzw5kb2jqcji2ncawig9iago8paovtgvuz3roidq3mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idexoqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0nzegmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u/tywyiqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwympcbauglaaflbmrzdhjlyw0kzw5kb2jqcji2nsawig9iago8paovtgvuz3roidq3miawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idc5ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridq3myawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20gf4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymdamtargwabzw5kc3ryzwftcmvuzg9iagoynjygmcbvymokpdwkl0xlbmd0aca0nzqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmzikl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndc1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplth+echvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgpgda0i0aaflbmrzdhjlyw0kzw5kb2jqcji2nyawig9iago8paovtgvuz3roidq3niawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idewnwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0nzcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdb+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgnja67wabzw5kc3ryzwftcmvuzg9iagoynjggmcbvymokpdwkl0xlbmd0aca0nzggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca4mgovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0nzkgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwympa2mc0qaaflbmrzdhjlyw0kzw5kb2jqcji2osawig9iago8paovtgvuz3roidq4mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idkyci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridq4msawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20jt4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwyoazmdksaaflbmrzdhjlyw0kzw5kb2jqcji3mcawig9iago8paovtgvuz3roidq4miawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide2oqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0odmgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcj+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagihjwabdfqabzw5kc3ryzwftcmvuzg9iagoynzegmcbvymokpdwkl0xlbmd0aca0odqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca4maovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0odugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdjeiqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdawovaacwqaaflbmrzdhjlyw0kzw5kb2jqcji3miawig9iago8paovtgvuz3roidq4niawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide0ngovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0odcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagigfgqfqagabzw5kc3ryzwftcmvuzg9iagoynzmgmcbvymokpdwkl0xlbmd0aca0odggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdmkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndg5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqlpiebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymglgnddi7aaflbmrzdhjlyw0kzw5kb2jqcji3ncawig9iago8paovtgvuz3roidq5mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idyzci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridq5msawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20ll4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwyoa6mckzaaflbmrzdhjlyw0kzw5kb2jqcji3nsawig9iago8paovtgvuz3roidq5miawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idexnqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0otmgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdawo3aad9xaaflbmrzdhjlyw0kzw5kb2jqcji3niawig9iago8paovtgvuz3roidq5ncawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idiwmqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya0otugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgdmbutqabzw5kc3ryzwftcmvuzg9iagoynzcgmcbvymokpdwkl0xlbmd0aca0otygmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmtakl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndk3idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplt3+aehvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwicbnza8lgabzw5kc3ryzwftcmvuzg9iagoynzggmcbvymokpdwkl0xlbmd0aca0otggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaynzukl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgndk5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqlpiebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawzuawoxdwabzw5kc3ryzwftcmvuzg9iagoynzkgmcbvymokpdwkl0xlbmd0aca1mdagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaymjikl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgntaxidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqlpiebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgddwhxh6rgabzw5kc3ryzwftcmvuzg9iagoyodagmcbvymokpdwkl0xlbmd0aca1mdigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca3mzckl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgntazidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qaq0aaadcopdpbq8hesgmgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymnawmlfwaawvuzhn0cmvhbqplbmrvymokmjgxidagb2jqcjw8ci9mzw5ndgggnta0idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnjqkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnta1idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplth+sfughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgd2ajqaabzw5kc3ryzwftcmvuzg9iagoyodigmcbvymokpdwkl0xlbmd0aca1mdygmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca4mqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mdcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcu+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagihdwaasnqabzw5kc3ryzwftcmvuzg9iagoyodmgmcbvymokpdwkl0xlbmd0aca1mdggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmtikl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnta5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbqdviebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiaba8/aad2waaflbmrzdhjlyw0kzw5kb2jqcji4ncawig9iago8paovtgvuz3roiduxmcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide2naovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mtegmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdq+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwympa+mfpuaaflbmrzdhjlyw0kzw5kb2jqcji4nsawig9iago8paovtgvuz3roiduxmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idewnwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mtmgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdb+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdgnja67wabzw5kc3ryzwftcmvuzg9iagoyodygmcbvymokpdwkl0xlbmd0aca1mtqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca1ngovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mtugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdq+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbn4hbh7yaaflbmrzdhjlyw0kzw5kb2jqcji4nyawig9iago8paovtgvuz3roiduxniawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide2oaovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mtcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwyebsyxigaawvuzhn0cmvhbqplbmrvymokmjg4idagb2jqcjw8ci9mzw5ndgggnte4idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjgwci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnriduxosawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t+3sareodbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgpjcaoaabzw5kc3ryzwftcmvuzg9iagoyodkgmcbvymokpdwkl0xlbmd0aca1mjagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxotckl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgntixidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qaq0aaadcopdpbq43iebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwmdnwabsgqabzw5kc3ryzwftcmvuzg9iagoyotagmcbvymokpdwkl0xlbmd0aca1mjigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxotykl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgntizidagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplt3+aehvbhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwmabggv0aaflbmrzdhjlyw0kzw5kb2jqcji5msawig9iago8paovtgvuz3roiduyncawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ideymwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mjugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tb2+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdawdkwq78aawvuzhn0cmvhbqplbmrvymokmjkyidagb2jqcjw8ci9mzw5ndgggnti2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmti0ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnriduynyawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0aenaaaawqd3t20pbxeodbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbh4gbhetaabzw5kc3ryzwftcmvuzg9iagoyotmgmcbvymokpdwkl0xlbmd0aca1mjggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxntmkl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgnti5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qmqeaaadcopvpbq0piebhwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwiabawymgdbgwmd1waburqabzw5kc3ryzwftcmvuzg9iagoyotqgmcbvymokpdwkl0xlbmd0aca1mzagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca2ngovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mzegmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u/tbwaiqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagiefgcraaaflbmrzdhjlyw0kzw5kb2jqcji5nsawig9iago8paovtgvuz3roiduzmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide3mwovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mzmgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tdq+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbo4gbl9jaaflbmrzdhjlyw0kzw5kb2jqcji5niawig9iago8paovtgvuz3roiduzncawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide4oaovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mzugmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg909tdjeiqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbr4hbmemaaflbmrzdhjlyw0kzw5kb2jqcji5nyawig9iago8paovtgvuz3roiduzniawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide2oqovq29sb3jtcgfjzsaymjagmcbsci9jbnrlcnbvbgf0zsb0cnvlci9ttwfzaya1mzcgmcbsci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7daxaqaaamkg9u9tcj+iqghagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagihjwabdfqabzw5kc3ryzwftcmvuzg9iagoyotggmcbvymokpdwkl0xlbmd0aca1mzggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcazotckl0nvbg9yu3bhy2ugmjiwidagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgntm5idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qgqaaaaddoplth+sfughagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwymgdagaedbgwyob0y2qkaawvuzhn0cmvhbqplbmrvymokmjk5idagb2jqcjw8ci9mzw5ndgggntqwidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmzi1ci9db2xvclnwywnlidiymcawifikl0ludgvycg9syxrlihrydwukl1nnyxnridu0msawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0debaaaawqd1t20nd4hayccaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwymcaaqmgdbgwcd0wsweaawvuzhn0cmvhbqplbmrvymokmzawidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidu1mtg0mjigmja4njyynya1nte4ndiyidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1ndigmcbscj4+cmvuzg9iagozmdegmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgndm1mjmwocaxnzkzmzg5idqzntizmdggmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu0myawifikpj4kzw5kb2jqcjmwmiawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaxnja1ndy0ide5mze4njigmtywntq2ncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntq0idagugo+pgplbmrvymokmzazidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidu1otq5njagmjc0mjg0idu1otq5njagmzq0mdm2xqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntq1idagugo+pgplbmrvymokmza0idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidexota4ndygmtq1mtc0myaxmtkwodq2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1ndygmcbscj4+cmvuzg9iagozmdugmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgnjaznjy5ncaxotkymjcxidywmzy2otqgmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu0nyawifikpj4kzw5kb2jqcjmwniawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya0mjiynzqwide5odu2nzmgndiymjc0mcaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntq4idagugo+pgplbmrvymokmza3idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidm0mtk0mtggmjaxnzu5niaznde5nde4idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1ndkgmcbscj4+cmvuzg9iagozmdggmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmzcwndq2ocaxotgwnjq1idm3mdq0njggmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu1mcawifikpj4kzw5kb2jqcjmwosawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya2mdg4ntiyidiwnze4mzugnja4oduymiaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntuxidagugo+pgplbmrvymokmzewidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidyzmje3ndqgmja2ntk5oca2mzixnzq0idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1ntigmcbscj4+cmvuzg9iagozmtegmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmzawndgwmcaxntc1ntizidmwmdq4mdagmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu1myawifikpj4kzw5kb2jqcjmxmiawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaymzu2otu4ide0odkymzggmjm1njk1ocaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntu0idagugo+pgplbmrvymokmzezidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidy3mju3myaymdywmtg0idy3mju3myaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntu1idagugo+pgplbmrvymokmze0idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidixmjm3mzygmtmxndq2ocaymtiznzm2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1ntygmcbscj4+cmvuzg9iagozmtugmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgotu3njizide5odgwmzkgotu3njizidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1ntcgmcbscj4+cmvuzg9iagozmtygmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmji1mzmwncaxndczmti1idiyntmzmdqgmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu1ocawifikpj4kzw5kb2jqcjmxnyawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaymdiwmdgyidm1njg4idiwmjawodigmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu1osawifikpj4kzw5kb2jqcjmxocawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya1ntk0otywiduwmzi0mya1ntk0otywidu3mjk5nv0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu2mcawifikpj4kzw5kb2jqcjmxosawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya0mzkzntaunsaymdu0ndeyidqzotm1mc41idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1njegmcbscj4+cmvuzg9iagozmjagmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgndyznzm1ocaymdqwmde1idq2mzczntggmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu2miawifikpj4kzw5kb2jqcjmymsawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaynzcxntc2ide4mzk0njegmjc3mtu3niaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntyzidagugo+pgplbmrvymokmziyidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbiduzmzcwmjygmja0mdqymya1mzm3mdi2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1njqgmcbscj4+cmvuzg9iagozmjmgmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmjk1mjk3miaymtmwodc3idi5nti5nzigmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu2nsawifikpj4kzw5kb2jqcjmyncawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya2mje4mdkwidiwntuzndagnjixoda5mcaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnty2idagugo+pgplbmrvymokmzi1idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbiduyoduxotggmtk5nzyynca1mjg1mtk4idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1njcgmcbscj4+cmvuzg9iagozmjygmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgndq1ntk2miaxnzkxnduwidq0ntu5njigmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu2ocawifikpj4kzw5kb2jqcjmynyawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya1nzuxnjq0idixmja4ndugntc1mty0ncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnty5idagugo+pgplbmrvymokmzi4idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidu5odq4njygmjexmjaymsa1otg0ody2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1nzagmcbscj4+cmvuzg9iagozmjkgmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgota1nzk1ljugmtk3otixmya5mdu3otuunsaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntcxidagugo+pgplbmrvymokmzmwidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbide2ntcyotagmtc3odk0nsaxnju3mjkwidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1nzigmcbscj4+cmvuzg9iagozmzegmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmtm3mji0msaxndy3otkwideznziyndegmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu3myawifikpj4kzw5kb2jqcjmzmiawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya4ntm5njgunsaymtezndk3idg1mzk2oc41idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1nzqgmcbscj4+cmvuzg9iagozmzmgmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgndqwndezniaxotywmtqxidq0mdqxmzygmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu3nsawifikpj4kzw5kb2jqcjmzncawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya1mzg4odu0idiwnja0njcgntm4odg1ncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntc2idagugo+pgplbmrvymokmzm1idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidm1mjmwnzigmjayndq4miazntizmdcyidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1nzcgmcbscj4+cmvuzg9iagozmzygmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmzq3mti0ncaymdexmjgzidm0nzeyndqgmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu3ocawifikpj4kzw5kb2jqcjmznyawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyazodc1mjmgmjaynjq1ocazodc1mjmgmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu3osawifikpj4kzw5kb2jqcjmzocawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaynze5nzuwide5nzkymjggmjcxotc1mcaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntgwidagugo+pgplbmrvymokmzm5idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidyynjk5mtygmja5odm0mya2mjy5ote2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1odegmcbscj4+cmvuzg9iagozndagmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgndkymjqwocaxnzkwnzkzidq5mji0mdggmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu4miawifikpj4kzw5kb2jqcjm0msawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaxndi0mdy4ide2otqxntkgmtqynda2ocaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntgzidagugo+pgplbmrvymokmzqyidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidyymdc0ns41ide5njk5mtkgnjiwnzq1ljugmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu4ncawifikpj4kzw5kb2jqcjm0myawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaymdcxota5idewotu1nzcgmja3mtkwosaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntg1idagugo+pgplbmrvymokmzq0idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidqxnza5mtigmtk5nzy4nca0mtcwoteyidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1odygmcbscj4+cmvuzg9iagozndugmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgntu3mdi0ocaxoti5mdmzidu1nzayndggmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu4nyawifikpj4kzw5kb2jqcjm0niawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaznzu2mjk0ide5njyymtkgmzc1nji5ncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntg4idagugo+pgplbmrvymokmzq3idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidewodcxotegmjezndywmcaxmdg3mtkxidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1odkgmcbscj4+cmvuzg9iagozndggmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgndu4ntuzmcaxnza5njk3idq1odu1mzagmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu5mcawifikpj4kzw5kb2jqcjm0osawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyazmjg5oduwidiwmjq4odygmzi4otg1mcaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntkxidagugo+pgplbmrvymokmzuwidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidm5odk1mtggmja5ote1ocazotg5nte4idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1otigmcbscj4+cmvuzg9iagozntegmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgntyymja3niaxoti5mdmzidu2mjiwnzygmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu5myawifikpj4kzw5kb2jqcjm1miawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya0ode4nzu0ide2mduxmjqgndgxodc1ncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntk0idagugo+pgplbmrvymokmzuzidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidq2odkxodygmtk0mzgzmca0njg5mtg2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1otugmcbscj4+cmvuzg9iagozntqgmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmzizodaymiaxota0mze4idmymzgwmjigmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu5niawifikpj4kzw5kb2jqcjm1nsawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya1odu1mjk4idixmdqxnzkgntg1nti5ocaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gntk3idagugo+pgplbmrvymokmzu2idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbiduxmdm4mdqgmtczmzk3mia1mtazoda0idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia1otggmcbscj4+cmvuzg9iagozntcgmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmzy1mjy0mcaxnza1nti0idm2nti2ndagmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidu5osawifikpj4kzw5kb2jqcjm1ocawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya3mjq0mdaunsaymdi1mjcyidcyndqwmc41idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mdagmcbscj4+cmvuzg9iagozntkgmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmtezotaxocaxodqwodi4idexmzkwmtggmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidywmsawifikpj4kzw5kb2jqcjm2mcawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyayodiznda0ide4ntkxotigmjgymzqwncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnjayidagugo+pgplbmrvymokmzyxidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbide1ntm2mzygmtg1ntk1nsaxntuznjm2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mdmgmcbscj4+cmvuzg9iagoznjigmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmtc4njg1osaxotuzodg0ide3ody4ntkgmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidywncawifikpj4kzw5kb2jqcjm2myawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyazodg1odyzidixmji0nzygmzg4ntg2myaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnja1idagugo+pgplbmrvymokmzy0idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidi1mzgzntqgmtyzndk4mcayntm4mzu0idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mdygmcbscj4+cmvuzg9iagoznjugmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmza1njyyniaxmzy4mzm2idmwnty2mjygmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidywnyawifikpj4kzw5kb2jqcjm2niawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyayndg2nti3idu5mdk1idi0ody1mjcgmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidywocawifikpj4kzw5kb2jqcjm2nyawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya1ntk0otywidczmjiwmia1ntk0otywidgwmtk1nf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidywosawifikpj4kzw5kb2jqcjm2ocawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyaxodkwnte0ide4mduwndcgmtg5mduxncaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnjewidagugo+pgplbmrvymokmzy5idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbide4mzg2odygmtc1oduznsaxodm4njg2idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mtegmcbscj4+cmvuzg9iagoznzagmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgnta1mtk3niaxodu0ntiziduwnte5nzygmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidyxmiawifikpj4kzw5kb2jqcjm3msawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwyazmtg2mtk1idiwnzm3mtcgmze4nje5nsaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnjezidagugo+pgplbmrvymokmzcyidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidq5mte3ny41ide5njmwodygndkxmtc3ljugmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidyxncawifikpj4kzw5kb2jqcjm3myawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya1odazndcyidixmtq4mdmgntgwmzq3miaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnje1idagugo+pgplbmrvymokmzc0idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidizmduxmzigmtqwmdgxmcaymza1mtmyidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mtygmcbscj4+cmvuzg9iagoznzugmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgmzkznzy5mcaymdeznti4idm5mzc2otagmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidyxnyawifikpj4kzw5kb2jqcjm3niawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya0odcwntgwide5mjkynjmgndg3mdu4mcaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnje4idagugo+pgplbmrvymokmzc3idagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidi1otaxodigmtc5mda4nyayntkwmtgyidiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mtkgmcbscj4+cmvuzg9iagoznzggmcbvymokpdwkl0nvbg9yu3bhy2ugmjiwidagugovu2hhzgluz1r5cgugmgovq29vcmrzifsgnte1ntyzmcaxnji4mzc4iduxntu2mzagmjixndm1mf0kl0rvbwfpbibbidagmv0kl0v4dgvuzcbbihrydwugdhj1zv0kl0z1bmn0aw9uidyymcawifikpj4kzw5kb2jqcjm3osawig9iago8paovq29sb3jtcgfjzsaymjagmcbsci9tagfkaw5nvhlwzsayci9db29yzhmgwya0mte5mdg2idixmza0otygndexota4niaymje0mzuwxqovrg9tywluifsgmcaxxqovrxh0zw5kifsgdhj1zsb0cnvlxqovrnvuy3rpb24gnjixidagugo+pgplbmrvymokmzgwidagb2jqcjw8ci9db2xvclnwywnlidiymcawifikl1noywrpbmduexblidikl0nvb3jkcybbidezmja0mtqgmjaynjawnsaxmziwnde0idiymtqzntbdci9eb21haw4gwyawidfdci9fehrlbmqgwyb0cnvlihrydwvdci9gdw5jdglvbia2mjigmcbscj4+cmvuzg9iagozodegmcbvymokmzg2ntgzcmvuzg9iagozodigmcbvymokpdwkl0xlbmd0aca2mjmgmcbsci9oidmkl0fsdgvybmf0zsavrgv2awnlukdcci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4aywutuguyrjh/7onbleg0zcixddbjfqmc1ic0/uru7zl1uwjyp19d50cz6ez3s1fiotomhwmllzeh4ho4afdpzpebjl1iacjrrafxik2/zutu2nuvjazv3me//t8vcmavy9sjmnfngdkzrvj3ph2enrm2/wavahgffwpw3m6eokbn6mvz/vr9s0uavlqllhw+zz8q3azefa0kndkaz4setzg45iv5j08nwckgxopnnkhn7hdyu7ylflwbijhq5wwngfutvotmxyxcsi7yc1fiytjpidrdtq0ye+lpe0zu9sw38g3oqvaupl9qnseynolim3max7ca3bxvwz1ncdoewdxumx2penpr9n1ysscavbdkdeya/pqkn2vazbfah5el5v+3c6vft5hdtbx1dikbthxsjdljrdug+xm/oqa/yudnnxvc7daoy5safqvadc/avsfatsfa4lqykgvkctsn7jy4ilnantmngnxze7ktwzdp6j18gif1mcbtq1ayri03+vprvcewxtpjkxzbc7zx9t4jwp7ejbp9he5jlzu36zmpvndncwa2nantojqjjeq72fmnj5ypa/3gbdnogdlgjnvgwo4csq24jwxqynu2opxk2tgv1qnh5pzkdznfqdltn9+lnuiqa6lptmz65eaxdzbpjmxxdosrfgze53x3/zglsrl3n3u3hus/5tnbzfngiufarm27zy0jnglgbrhweuogxpmkkxapv/qasld5f+vfhllxryvvvjhnhv/z3kuufvgp4vyhhmn5qia/k7/oi/rc/pd/fn8bag+4plzz5rgq2tfgvdmltxiuegnmr6skyhvsnooei1kaz3ifftklfwn4eoy9nxt2apjhojqfdxupqhlasq448muzfdfssu34edby/av6vh7fpzjtsxxsrp4zin6fdzcdwv/s6tg0rkr8osnkc48a6huvq+qfwql2gpnpaa2q21qf9+oqgplhcoclyklrntl9sn2ygoa3spjv2al4n/cl4b/pv5hc9c0npkptbi5jgkj3xhcnnchlp/dx7mddd5lbmrzdhjlyw0kzw5kb2jqcjm4myawig9iago8paovvhlwzsavrm9uderlc2nyaxb0b3ikl0fzy2vudca5ntikl0nhcehlawdodca4ndykl0rlc2nlbnqglti2oqovrmxhz3mgnaovrm9udejcb3ggwyawic0xotqgntuxidy0of0kl0zvbnroyw1lic9krk5lslcjmkjdywxpynjpci9jdgfsawnbbmdszsawci9tdgvtviawci9nyxhxawr0acaxmjg4ci9ysgvpz2h0idyznqovrm9udezpbguyidyyncawifikpj4kzw5kb2jqcjm4ncawig9iagpbiduwnyaymjygnta3iduwnya1mdcgndg3idm0osa0nzkgndizidiyosa1mjugndcxidq1osa0ntkgnte5idu2nya1mdddcmvuzg9iagozodugmcbvymokpdwkl0xlbmd0aca2mjugmcbsci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4av2qwwrdmbbe7/qkpaahikdnyygpar+sljr9aeuag0g8emv54l+vpjquetbbs3ozs9lh/r1nn0h/sradeo2enwajq1jqdznndxgl5236vvxnziyqnefhwxlmnsdabaui9fdgliqb7d5cuoglab/iij4n2n0fh6oma4x3zobejeo6chiz3dnei5lbuql73uw5t9s+u38vrlse5uazodwq2ecwrgmhhieotmm69ntqfnj9gxwlnh8m2vukh9t1an7x9yznd8qqi089p/+6y8dlbmrzdhjlyw0kzw5kb2jqcjm4niawig9iago3nwplbmrvymokmzg3idagb2jqcjw8ci9mzw5ndgggnji2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgodckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl2tbokaux90n5x5lqq0qttettfk2aw4ppmvesu37f5y9m7hecfjf7j7+xwgmvxkph+e5/xmk/vf6sda+x1qdm5pgkzj5usm85d8dbgf6hksa8akmwlapj9ybmcdcoagihwes5r9mwmeakhrf0sa4kdbnnchzb+7swnimy3e8ionyhqbifb+lyzocowiwf0rzpgfjkijwle1fwjigbr6fcgy0w4tyvfhjcvbcvakyydgyb2clrzqrovhbiqpjzuiltdov0rwkgpv4lopa/f6ccjmml8csmpnjwxmqlc2ywiim8qzev4o7i9ocfesagatgl8qvsrlulfgzhxio9iypiycz4txuxobtsrxwanxukny+o8fpbvh+jxrauessoqxz9m39vt0btx/vb20rfafikprtaob1ehgal+ngrnjtad92hvd3d7txc53v4zip0cdlxacg5ywkhwjszjdrrudn8aia9b5btzjljqmctalc7okmelvifg6bhwc4ehup30ydp9o8uupfxcb4lw5pfbutw7y7f3oetaaz2xty+vx0f3d9qsmi+6zbq4cpvlt0rf1rdyfj2qdo9jbstqrfs10rwqqlxonlip4r1r96l5p3+wixfx+/9b5qdlzhqfhdvqphzuv0y7fclj4mrw7goumnxk1yo9pf4p1ovbqxh83my8/p5xw6ouhoq4x9qxo4kafmfnnap8zs+fhoe+a0z/qntrc0cq6vtudvvupqqlu127hqz+e4arerrsjdflx7oe9agfnaoi4xyhucbx/h4ennnga/c5xbwl6mc/jinnelodkhnf7cdxr1rrpzqh/n9mckbvnicgj7smppr4aqm8quvtnepslc9cbydhtge/stb0brg/p84rb5p4enlncdofh36a9/l4l8e8jliuo7a8bxo3jo77hi3c4gnta4tcgdtxardhjfbb4uakihbqspre2p9wtf9fx4ge/1bvfe+bev/warrfejzw5kc3ryzwftcmvuzg9iagozodggmcbvymokntkkzw5kb2jqcjm4osawig9iago8paovtgvuz3roidyynyawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idu3ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zbxdupydibpbdbuugfjyza2zxttgohqe4dact7/vuz7c8gcapnrmtw6ocx/etqstn5+/frp2f939upb/rav2c6ozzzqcwx6zvbl9mjhdapobfp5fognvr28wipvpi4mrm9hep6zeqq4gqmkdodwpr0+wk9sfe0zdeptfex6cxb48amoaw/afm0eoi5hxgvyhqb8xjm/dq840ctncoiylgvfuesgjpics5oiv8sg0v6czakcpkiahghtw1pilvjaix5swbqoq7phxhojzcjumvfddqob2u/zqvpx2ebu/fraklwolbszuxw+n8ukk2zukwwwukshlquf54oaebfzpxk1wqtwngiuhy+qqz4hifxvmegjxwvbxva0bhcqdbfvbrebjvo5b1urkijd3+bqfj/nywezxag02t3+ydjod1qncj4v04io++vi4nrjrlaiiwz59a0/ms5ms8mo1647mbgu88wdngjf1ugvaq3+el5crvel2ajxroat0zaayd9f9/ogds2wlr2+jwar7w6/2yxnw7d6mw2oans+66wuudbuqaqbgcfttpbb/eh9snssxp1gyy5pigudvwosxmloclvzcrm/w+3ej6fjybuc9lwny2piacr/hq8cxmkn5uv98frxet+tz/1mowogpse4hs8hfhm4fxx+hpcyz1o/4dx2clf9//j8/xk6boadvuv/nkc5ibqsvearkp9ygdymlxy36xndcvf7s0txv9me6qr2ukswylam3oxn0cwc0cxmuq5jw8yg63q/mzcrmmk7je54sdntd/vdej7qvjbsmfxrrkj5v2ppyr09nc43m+1mvzgm2rvcygg9mhepj2sfudszr7rd0xsxwc7mk2hxreqseqwtgrvbbdjdk7qvkdvb3cf4pbmpbp1mrwhbyzn7drxr4odca0yy59sbb91ur9tpu7vsnmmoudcem8uboaf3w9hnvk5uqtdc132tvurzlbmgnya26i0oi4ae6xekmmlmvug4zaduynljuw9jl1yutire1xtlb0o6ysxttp2x7vtcmocgg+idedkd6b1dbthjlc8pmh41tlcyaqtykxiwul1kf3cqjt8faidjivudu1vflgsoafqzhodwsbwvibkykap8gaw1eucjbea/zulesgfklmgzsnozvjonpgqu6gxpjkgkceihrpj+dkog3tpotoghqirbgglkwiqf6jdiwqe8zsknjbskfyx+hvusepbafwa+/he8gc8frcfudaf64euk/oh6fz76g7c5opnlbmrzdhjlyw0kzw5kb2jqcjm5mcawig9iagoxmzqkzw5kb2jqcjm5msawig9iago8paovtgvuz3roidyyocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide4maovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2zaxoqshcgk6jsi4iciklivu9btdqa1xg1mvz/33j7bjmlhpn777dtdeb9gcw83trdmdm1z93d36r7k/3ub9f64oj097sidbkzpsfhihtyvobj9ni8ib8i/ulcw8nnp5yevockkpokioigcljhr27i7knohuu4hsrxlmvqfasgg1zwg91gbq8gsjkwjao8bwhgv86pkvh6aiytjx9adyzaqtwgyclpmo7/ij0qxuexvksoid2imehgwasgzig74qe3l2lahqqbvjxpp1k2nbcihqb6ry72oxlo0upknafuscyzzualoeiuk4qbuiol7fu5uhkkffxbw7kzxuqt0ww269vyizmwtyb0sv8rv5s8oedtuxkj1e0pbonep1krpuorkf9gcdwxdoaxg5fettzodp7gongw364vuje9iei1571h2slg8gtru1jvdeft2xw+f315hrtk2bgrhgqu7b4pxypk2mpuwopxdlfar9er2espw8snzzam9vpe3n9dg1kpymsztc5wuli/b7fbzxi2hjskqajm5y9biew0k6mrrl7ee56t3nf7/x73tpgmw6v0tpfzzro6ncd2duzjqqm/xqy3h4fdyb9zvt61yxlld1tzayfgjavnwctyszscj8ep7xr23klkrlby6us13bsl2l4/fn5+hrc9mo3/zg89tlbvh59fx1/h3dt81cv2l83jqwgk6czf0og8wkqz5gsinwczuskysszkmlgs1rksgcl0qkyd8hkq6ycmbgq6inmb2ufb+2jktudwboqligscmhl8hzxbcunu1//r/rsda1w7hghf70didjbevdns4b1qa2ih+m12gmhevtefzv0yszwo2+u0kilbiao4h5hi1bvpr8vndrfbbdfzl8dmkrw7iukawgtc8wy1/tizrtagt8v01g8u7kgm879bgea8oqlh0qvg73kyw4iw0/gwu80lihjxxdibhwifzgs+2gj+navnrsneo5s2dpuwqplrvkqceirw2r3hj9cw32lwckltuxd9omd3idd5ku5undozkvtrru632203a+w8hqsh5vnjzmkwud7awaoetarzxxivvckvsrzlhbsrdz70l/3udme+gtiaqptwmpxjiqxtrbtceirhtbiab/2ihxgfzymyggphore4yiqzhh4e9zw3w3bmbtlbboyo6wgqrouaigj1dfdwvxb8tdtlc5lsvwigrfhliibhgjhqy1pqnyiuygtkc4kijpdamx1ieu12/riwmgylxiax4vwu+6iu/naiscinmomlkddw/zb2qj0oainkxiurgazwi1l/ntvp5ikci2d8qcdum92ksopsgm//cpgf1h+y/igx/ggl03eszw5kc3ryzwftcmvuzg9iagozotigmcbvymoknjykzw5kb2jqcjm5myawig9iago8paovtgvuz3roidyyosawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idy4ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zbzvujaeiydiwtfjallahehigycbbrexbgiiwk+/7nmdqcjjggqy/h4x0ctffwnuw5dfx0c/ct9wwnnqvakt9gag5hddefh4qhwctaiuhsef/aaryqeybpaahqdow8icuexmjakrve0cl5icfog+pkjjusibenrdmtxpijjwiagcjffxfhycbgjajyxrek+asmykpastcwisaqosm5/0qwnynfvsyrbcu2nyylpib6dd41huamxiuglujbsjwzwnlpzjj7s4plaumg/azwggvasupnlw0wqvcizrlkreyykohu4m5zmrcvp5kxsuvqr12vvssnkzvkkxnhkznqmk4xwldbyxuq92wqdwhf1yuljjnekmbte/wrzgecjipwu9lfvadixvt6od2u3qsvjxzvyoraxg6h5nebzsmbkz87bvzubaxrc9tqncigtkhmeh3qlwxwhhxjstkqt7u390wvoybnt2rwimyoldn68txlurkzqusen552+8zr8g43ehs9o/7jryquvgq3guezrtz+cna/uhl/hk+l0mh4+3nwb5byuiiyjzrqensbzudvpyhfdwfpb9am0ht0peq1k3gacl8ahs6qer7su719g77p5fpy+frm/tqsfq5w4ufwzcoa7r+op+wix/5i8on3am9p2vgr3hzz84azds3bhw8ls8fm5me2hvzi61iqrqd1rix8r4/+//4tk7he99rl8waun7uq2qw2ni1++6ohgmzvtahx7tavl0yu5tw8e+mftgw68aqnozpa6x8pgdsbtswpobweowa+zjd3udnq2azbjulobbo+tliotra7abmuhymvcjvinmuqmr9uwcci2rmjhnozsi9somdyydsdkib3loxfc+hohjbgh8ejg83iwecd3gfbwesr/c/xx80magq7qbiwnkzsr4elqzwpeau3/+6mbyu9gri2g+jgx0bfcb30fpitw08mdr/7vb38bpefgwgvuzhn0cmvhbqplbmrvymokmzk0idagb2jqcjexnaplbmrvymokmzk1idagb2jqcjw8ci9mzw5ndgggnjmwidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtq4ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zldw6jafiddtrqequyfpbrkxawk08lcldnny2+t/v9f2tnjkirsdbexu8/mhqi853hm5goed0kh/6n92lbpuruln9+cqwjy093ief8afarqpdzc4tdzwj4+7bnayawydbpbdby4iats8jggmileoyzlchwhn9fohmebu/kjjweuxgucei/hbyhnyywj2ovx7jadscbkcvlgcmlyqhifciafan5tzpowxarkkaqqazqqpfmoifkcd49xyc1ikk3qb9mcyri57l6uppekap8xps4lwvfsutgzzr5qtepwsxbkznufstwxwevsqyh9zniyijr9i2+dnfvs266clq28osuygful3wqajpmlibrufmqvav3yyrm6rfur5uiuk0oilkr3deykh+ranl+2a43mteu2ddn0avbxuvzfiq7gg+oo8ljkn0uveqpv7jx0hzp3n436mwvmutj7nevqybiwumtb/qtqtdq9/ubp0o/et5xq+wg/nebzz9gahmbyukzkimf1zrv3nbynr8nbt92snrayiiywtnj1t2e8wsaralj2vaszgi2ns+l42o+0livfnipwxz/ixbxpzum8cdt9nszmi/ls/ns9dwzl0jaafd3bxarmhlev73rd6xz5spxpnnt3jfososxj/njmepd242i2ehl9wuyhj23azuwwxr5o3vc3ep/+unr8kt6el1/fxpezecxjrccjycwhgug6mq4nadwedgto3uqvavpipu8c+l6lrwm6ucjtzjonohmcehhqoqf9eta5ax0d/i05wdd1zrdk0bdulft0lralt0sxw6nnqknn/qjrvifp9ph3bxjxjqxoixjbwyir286tvvy11zd5x335uy46jroso4a/haxd6vgv5xv1inbuayjkfbtfc8sufsh2ad9qy22jjq90lugb4/rym7uktbospul6x+xtp7bxnst/u1ahnw5ghyq6fyduv/xa14otx74+wnev8mo//7xfamkvlxpgpwg11hc81adkgtoaxxa3cmqto3e35lt3yxfyhnhr3hp/+t5v9zs5rwvuzhn0cmvhbqplbmrvymokmzk2idagb2jqcjcwcmvuzg9iagozotcgmcbvymokpdwkl0xlbmd0aca2mzegmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca3ngovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2waxvhubigzzb9iujijx2pekvlvdtaumvr//9b5j0nvugim/nt5vj+ahml9zk558v5bpfrp6oflvpmwxby69jxccz+hhw+zt8ahghqhvlgqldwa42wgybpiamcim0ici8hjbdjee0glqromsff0xrfemjaoy8wajrfmyzh8wiqnudybg8a/mq5eg6syjhb9eqsh5xk84o8s1pwglpepgmwfyu5qkghvkos8ptejrhhayevsijpvkkrmjzafy9fqkg/lwf+dhryjkeyve9wo1oqk8sxcov8lpomhxw/yngkx21dpe4ksxoirmas2ukprfer1uq5lm9oeuuswhp6r+0c7vaqjcap0wsupncad81m86fxvy5mthday8p01mzingjfoaxls9vg68nodruddrouf9mxmj6htnbyos35gtfuub9/nprd0wg06bmtejmxcmsiraz9tvveozysdc8p8extvdudjcft6fr11o80q8vujodl6kpe4dyygl9n5cv3nf54ol8sfrpj+lldl2viio8/x2gncihzqda7w8l8tv6vl7pxqadrzsyvcfzq7tyanwqfozwq3j0+j9+w75vnzr2ydo2hsk5tjz6xwcvaohvta/dezqvndrt9x76nnpt6xlp9gj0esqpef52vt7vdbroajrgecdnjpfrtypkfv/ra1ck3+oj99/hxsv3pr7j5qyqbsbo38toz648pvu/xzlx/tx/9jfj9y+mpdr2zi7v74uj9swpbggfl1wofcdb3jgnihzzpkgygzpprc7vmedaqfgau1vogrbnuxsg7bgxj0egnoqa9jmnqqmqjga7ty9gwdbtdlc8ytkntfcjfvo5wyn/xl4q8jm1qikipelquv25vkeiezxxc5bikshiebvu27saogh/qj9cfbp2ji/vr4rgwgpcwllldgjkb4kaofjargclxqhoeurjs5wrpmxwven1y3srqn8fb3rcoxjc0iihhgechk7tiyufs0hpgalx3zkvaizapxmcxwrbbz6nf/jezx1zmk0evsbs88ibv+3uf/uphx38od+2vllq98k/e/qu8nxb/zw5kc3ryzwftcmvuzg9iagozotggmcbvymoknjgkzw5kb2jqcjm5osawig9iago8paovtgvuz3roidyzmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idcyci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zzpv+jkeia9wxayqpsnbgiybnaekcwoiisoycklov//r9yqdkqqmppxnjvh+gbj+ulkdr146z07+7vihzf+fkgd6p06vcmlfuzjd2/bnsad3ob7fozzbgohasfgmpqrcb0i0a1hvesdgo5egdcikxaofptlkq4egwwilmfxgbzhrhnyaruo6nhpcmnygijf4hgxsrq4lom4/ee5emhgkbllbcl+lquqpmmqkp/hjyglao/1e3lmjrqyl7vempxozdlpvdkhyxgrbx7locch8dddiurjpiylfkfylbbyf0yqorkjy8jy/h6n5wxfwcgujdo5yvnssm3buioxc5mkqgtwtf+5axfizsfkrczftmrxzva71wzurhi+k1bipkt3ngdwqcuqec2vk9nx7zu7bq97d9o+tku5leaekftj6av7ufase0brantu+sprw2jyv+s0lnniytkumo/qkc5wmevnrlxzuoohp+l0+jqedj1ajzdsyhxz0bsspctwctvdugrc9set2wk5me3h/dugvuircz6b1u9butsp0tjfu9udtwbl1xq1ne9g3zzdndsyo6ungdgpt3tdrlbvx8+l1wa7ws2fx/ftmmnohiezfs0ojdgnus3pp85enq9vr5vv7lhv1etznbbmgd9pzeu1zubpvtq+vb9t1/onqqfwxdl20hcv128o8jvr8sxv8efksx59//x+ullmht84/nyjavqdgvndmvm/se/o/fed+vscp/5xfytjtbkglhuozal1rvfxgvf0hbc95xq73a5fqpscmgkq5id6do9kam80mb+apl4sjqneq3pcuvecprhp5ydy8+fxaau74yfygza7dip1pzcct6bp08njsoful/3hauxvhdzz02p2uoprw/hhnoh2mlyp6zds6cgtizbol6sn57bbu4dz5jsq5xxaj+lrkeocdkqjulhrjzbjok1m3a4ujn2gpjx8dmazilgtrt6sxnnvwtw2kmbe+kks8esypjtddxkochlw6wyuyjol0yzmsukkdnmsxtvkaxctbc8rruchyrggeghdizkvhcd01hleikxomq7rmqbijczsg/lvcdd0ylm8dt+eeop/ebbtzbenom0fhg3grqqm6q5omcuxp24mnfsug2hqu6hx89ihj1fmetcr1begmcaenjag2b0oylwdyccrrbojqt+nz2dueoerugmf9mkh5l2jy4cf3mw/aw/tt/z/ffyvg3h2xgvuzhn0cmvhbqplbmrvymokndawidagb2jqcje5mgplbmrvymokndaxidagb2jqcjw8ci9mzw5ndgggnjmzidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjczci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zrzvujaeiz1jptgccsesirvzfhkuxrqbbrebehf/1mmog0jerjpxm6c+i8qw19jpeh012m+k5p/skc7+ua2dpy/3x4n8rw/fpiohq6aj8b6bgpqwts4qcl2a8hrmaccdmowvawtcjciq35qbivh8wivz3msqwl2/rs3xwuijctusiqkxgd4/elqn8slkqig9zanpaipmgtabb76wx4wyhlr1nqjykajtm1hltmccqos8x9nz+nwgozpo4lkynxdvdiesyihtrzy5uvpwc5wghimw04ync2fgwr5rjuimsfv4lly+s/sseaqiqqzvtznfuuvaq1wq5yvctluznqvgfoy/x1ammdyudfnx82xqvxwfajdvkwus0k7rem8l43fzkla2e7lsrxw9w2v3+/3bq4alwimbumqve9mydlzxg6atqzybd30b8praprw372ul/mp21bfso9kf3p6dsykim4lcj8bnf7dedkdtp/g9912rzh2ippik9/elngdrkcgoqlcpdudpe5f5vp5bdk66zrk2bipszyvlmtocaphu+e1q/5w8rjylpevs8eh22y5lzcdh+yiastsxcvo3fj59w21wi3nk2gvxcknrabms7obdcdq4vj6on5z/zhbrnbr9dvrdns/qhasujrddicd9shty3l9/v6+wjypit0vpw4vnw4fjlv77phuunb+rx3+9v7x8bfeov3egwtwntkzr5bymz1hgx4praw+ttgicerfmqdxvvwoslkiltp2bngt4cdangbnauwjcdnangb7atx1w2003evfvvtcud/bqycdaacb/rqgp4nit4a9aq4cxa5wjsdlajcdxg0igyu9afyeoaiwj9ibcbye4/o3e6l/xufu0ze9p9cxb9jolmu7n9grmcgivflslxx9xswwqi4ojpojglfslvv2mj6+ggat4v2nvufsfqqxnb0gwuq91q97ql2cnkaueo2f1t3qltk1esddrdy7vfsh6jopvqic62nqct0squy0ccrue4hdupem7rg75kfin7dlgs8ql8028mctrq18laf+ewa82thxc+elchvu+xlrycrjkx3agerpscxy0acw2c3mc0s5jbu3pzbzq6vpzekrqtzdiyowikrj8uqklew4thxwgaxmfwwkx9sgw1z1i2xauzblryddvgihvyefe94cegjokgrvo5i3dps3iov8icobxghb0xnawoehpxc5lekchc53ar69a+qhag6lqbna/rihtsyzucaoaa8g/hh+3fndwcdetzj7o3q9jaxn9y4bnq28i9t89/96h/tf9k3+iztu/wf/+n+/ansumphlbmrzdhjlyw0kzw5kb2jqcjqwmiawig9iago2maplbmrvymokndazidagb2jqcjw8ci9mzw5ndgggnjm0idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnjakl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtltd22kaqhklqrr0eici6almnfrzpnhbgqojg93+wzk4owgjbn7lituycdkrvr6pdnf9fj+dfih+o+ok7hotx8uoqtpw8c3zldqb6aqgxgscbruag3hbhmyxikqtsiemsigaeyvnxge0tjextdmpiybiaokgc3ndjqyfebdm+jumfhdzny2gezz+nt2maeugsft8orryfzsdqjm7v5fepxpjmouhyq8gwpkuimhykbhrj4biu/7wcnjxiovfrw5gynkhcjpryjbsqrcipeud6wamkatoyiacyocmofawjl07gnfurfdsu45wcnjxmbad1jfesv2v1eq1alubtuqbk/mf0uhkgkwkanilu6k2zdx/fmpu1kpgoh/0x6xetlk+eymmj0mi1u71+v9d9ng/lriqqshxdes5qypejyif6nt1xatx3ngbwcggn+u1w/sarhxsepqhyq+o3oiwifziatrlvs/m0hi0nk/hi6j82k0zs8wuaw8c6czlmpgasfxp70lfeprp5fdydvxrb9wiqehb9brgcimdlzfbgdtpfrlbl+wt49nc4yurv0z7ks+wml4f0xpmu+/i2w643m/xy1+i53sxly6ri4zn/gcuav8yenz6vntvtzjv7g3tuytlyuhlhw4k84mpjyr3d7bbr+fgf8fz8e7za6r9od/je6pqvr/hlzvf+vtss/ume1kgmr8c844n8oznzwtwvlgntmw9vgitbdlrpzudysigz5bvo9zywzclbai9g+xnay7fclj5td8juvuk++wyzr/mjl80hrs2q0srubws0hrbbo+/a2iacricf4xylh2uh4tbbooiuwoekestscmtjfoz0idopzr2ud5ulvav2oleu7uwvcrk9cwk+skqsrvr0vliu1caqpuiubziqxuiqb4kkiqvbiyftubwbkc+meydy8owiehdutqvedr3tib7vwa4evzta1wozuqlbelinpovtsznqj4keeclpsqp8txblbxuziktgzaylnz14mmf9hi+dkrencm+sr8wzl442dnzq+zd80rqyt6snqzlgcrbj713ennk3z0zvap5whmbnchscuh6e2a9ai06bujgt0i78+gs/pv89prxycakvah/p7d+zolhzzw5kc3ryzwftcmvuzg9iago0mdqgmcbvymokodykzw5kb2jqcjqwnsawig9iago8paovtgvuz3roidyznsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idewmqovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2xa1uiubdh3v25egqhfauiskmtndpc3chntutt87lf/6vsznmnvpbkebk9zaubw2/mzbkpmp9q6dvzj6v9tawl+xh2uqtffq4ahdntglca/quwrsmtumbhhq4urpljob4njuhdhbz4pahmeeeqrqlnfawb59bhoz7mqwfjjhasrsoricxrh20ey4d5qzkjosy0huztymquganmapxaoptmbikomt2enfjghpgi6zelsoshpmwjmlh1rmo8smywy+vinbk6sodfda+pclxe1iokatmzm9fnuw721lhmpk5grb7twwzdq8kjsqind+1m7rxyll+wsxcfn2mdr8j/wn84aa7rliiwmo1sovsp3xied12tlpjzox2peqy/ukykc7jykliyhxkt/tv37/27hlct5towoueltrxsfynqwnrypdqt32y3o+3h5l29wnsddpw9m/fssyycsgljo8z5lec/dvv9536v0/k9suh0maglxasnlamu1yzjs2kt0eo+d4evw0g/02xul7jweplnwiv/fok8fnvttlu+8dv94wg8gy8gvce769lzsahhwjdxoaqnndxl/b77mnqbtqet1+eo75vdo6urwoswrhyknxzl9ufpmj7o5ro30uv3vn6zs1o0ndtw8wtwzm84mc0x8+l48pqaujp+hc9cnvr9d7zxvk3kv8rf3+alp4vzzbjgdbpa/jvpacgdyqy8cedxccotpe3bjgheqcgbipiufpvpwf7delmvxttpsfwrbf0qx9qdm3bybp07iakwdccqpvae7ktsqiem3qq4oypdhbi/5spwdioscra9cjze31sn42pxgn21nuuzldwoopgap1gxovku9bap9pb6zza0prjcr9/436/+ajzzpfblbmrzdhjlyw0kzw5kb2jqcjqwniawig9iago5mwplbmrvymoknda3idagb2jqcjw8ci9mzw5ndgggnjm2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtezci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zjzeqjkfixteqrbzlaquqnoq5w1go0rh2hitez6/z+ldxxpifpout3ny104wf/btvfqrxv19f/rr0p9eggh6ne7sypw6wukebz+iq+eg4foyjl4foy6vkbht3kpjgisdifdfaiesjigvahhpkjdaicpohjhscirmgqtbhzcsx2pjsn0hi1yhi/franmheydtnhcm6qilmelkqyoiewwrb4gub7vb+cvheulryvrrgjk6hfnexkweny/j0c4gy5ebvnttsudsugztgxqmgr8gldzibnhmuxlwcjlz/ofyqluloqd2zi0mwdpko+ftfycincslkg7hxkt3mg2g/vaueckde3kjstjngyfxug5pvqj0+vf3fv77uat6fi6ircoe195ujsedc7gtltqa/wgowfqanbr1qq2qylrmitg7n43j3ggk/vuttls3u/c2xw+cx+gvwy5a8vl1m0hhiiohlemtog2o5zml6v1erwcpqw7txxav3ggz42veoikwefn3jqa/bh79lwbps/dcb9eta1vymko+qmcrlqznxjrmfmsn9u3t+1mpz/cnus3cu1g8lue4lfbs2yr7fvp8mx7vtu9b58x02gr7jja19qc4wisma12ru7t5m338bf7e1m69+2ky8zebyzpccuh8nxr+8fn58f75gnh2eqpek07nq23u8/fvz93r6vzqfmncbowpjulzubcag5mjvg2bv+p4dcy+i0m/ijjybeeiybybp9iy7zfkp/tdhtv9/f4z/t3mbow3z/u3ceuuwptrdsaq5j0ku3h4957pf72hmceklnpdibz9ez1u33drgaxnq1bsbyasiun/shdrl9a68v01ksxm4z6xmz5riydr3ugd+7icbrwx4n2nydcmwcpfc4gwuroilvzcqm7fhh0qy/jqbdecpix6ctz/ficpwzm8tvg5244ag37nuyll0monqp0g1dknwmgl3xrplc5bxw6vv6307yt5o1kxoyz6ta9y2dogwfvdcvofsvvw1c1xmjzlq4k0wm3fau8qvimugc9mbazutwo59hpu1dfzjoie0n5hfaq9uasgjnmk5ugpziji6yatz9x8tj50ywnqfaqi+ugeextjahr2gn7q+pykbtqdi4hjbkkiqlpssi1oa0tei/6guceyamqc3cqclaqcediwm/jvzv1lbda2klrniqoej/qkebbacdjigjdpb5lljihwemmf8+c1kafadw05avfkp/5gxjbya+b40c0ai3wcr865r7f47nhd98nl7zy4xea/+jhp/cc7e1lbmrzdhjlyw0kzw5kb2jqcjqwocawig9iago4maplbmrvymoknda5idagb2jqcjw8ci9mzw5ndgggnjm3idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgotikl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl1d7okauht1velesfav2gsuajvfjjrpr1pz/37jnqcmqjnnl3cdzotzwzjbzllyfw/ef1s9tfbmte/l5adtej35flh7kegbcatqj5tikjuaegmexqkebxdamnwrdxc40wophuzubxqmspiwicqlh0ibb/kgtjeuzlkcxyzi0pq8a/mo5gdtdoeexho8rvhojhjfpwgc4wtvv0ctnugvfqjrkrvfksfr7ptxjxqpuwgia8/heorrro6jucfaoen0s8nftw1iwgmi9fimkxppplfqmnyxfgqkxz0jc5tsvhvxqizmm75pcsvs2untk5bjwlgss0aaoclqx/ed2ayd9upwghmlpglztpdabzcd6pzhpqorfzcl05mbqoehzpkvnfcr11no31+t12s2alkueyxqkumjh6stjcytioa3r7g1g4/f42o+2asv0vphxsbr02z56j5aouawgrliptafecdkbz+ftyadtlofiwycbis96o7er4rxsnfnqdaat+xk1wi1mk5d2rzamix72foed+uryttzsjwblzxa7xs+mw069miqiauzv3hk0o05zpiweqzy9tn7w77vdbruaj7qppbqqcsxlgfn+jz6vtvuvi81uv9+/r9/gl00to0pezhopjgaftjfb/efw2g0we4rhzxu8uhsezj7x136rnp0wx70fpj4+9tvlhtc+vd4ftoinvhfg/ood7/u9m/df0/1lcp9lvf8t/oc5+vph8f895g8uovefqvydojj1z73zbeb/bvb6g53k6hnjfdrinn5pv23kckzpuldqqwvqbjudh9xnb6fuzzgsp3x7i6hhv2mrhmcpsdvlk3z2u12knawjdlpy6klq86vkhulto1yp5uykvtduuoaqocyappue8pmkggzckrpdgtqvbyehxo0l0xluquqsolgjoebh3xd7a3iwhnftpxjwjl+gxwozdcitbhxfd5rlbz8fwgsujaugthcwyeleuwzlu42sikbu4viatioqceexcdedkjgewiybgcunk4yfprytbwyqp5xffhgz0plrduwpdtkcfyjt+yumimkifuq0ehqlu8etzyhito7zu3758uv80frirfsd/+rzp/obbxplbmrzdhjlyw0kzw5kb2jqcjqxmcawig9iagoxmtqkzw5kb2jqcjqxmsawig9iago8paovtgvuz3roidyzocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide0oaovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2zv3uqshsgs7f0jickgr1rvkxyyjt2fjwa/p/fstca2cgsnjtzc57dd2hjxcpmpkpgow8p/9f8us5pe+gwv504b7+pqecr6psmemov3cuwycaxdmnr4bnz+eycwx61dcyoewtphccgxi645i0awwmsohmgrweymikham4aj77kbzogayblbcfvrea5lqzqwq0pua8jkiytrelwlcbecciiwleuiwnoao7mp2nelytqwnp1qk5retuyeawwjnhu/dwokwwvblqtmkilm5lmopwi6eggjlaugbrjwu3gau5uwtfejlcslshffdyviwdpunadv/noxn04yqqygk3lshwj0ww2g0a1xejhi4ri0crf722c4ssglsyvjabz6/f7pbndrxtsmvuwmmveq+o/mykgxmpzsthudufjl/f42dcblxxsu/wsdtfycyczvxjjfqqt/vnktlgs5tprofmvzaihkami99xyiyvzmains3vzofmsn9vnzjkb9vuvxdws8zth832n1rmpgipmh5v98xy92+/3r5vlznip5rmrwycxxumuk6mxxkx9nfnudse34/f1prt1jwjscwg0eytzkhrpvzvd2fr1edqd3vbbxbhxl6w0gj+5h8vhel5mps83h7fz+xw67jyv/qbgynd4omby+on9/f18tpbywv8j744w2+p54+pj/e11nrk0prynodkme+nnzj0f7m2m923yvh7et6r3g+ldkl0lpxe35pmwgbcivexg/w8ctedde3j3bn4i+pcvb5udo3p+0c84sshlf0rf/1ubfvuzquxtbbcekuohtwsik56rdp6mk8dcbeajxr0i5gqk3o0nifkpfmtwwooxxxz/obz2u9x02tqkycg9l4abpatfm+vgbzrdbxeq9fxl0k7me5aku24dqwpqsxwnztn4tlxb5pnht/gyjaksdwrwutjzgjeqseqqje7tedkfjie9vq2y0oo3xvaxwnkpfe0xq81o/2kigxrbrjkbdwce9lpfijlkcsak45lixwi2tdpstorvui6physesdzrx/lqyvhopc8ftxg6x3qs1icvcigb1nuakp0xlvxhaywkhlpgxkoradkdzapkmsk40gberb64xc7cfrhjs4kkqbe9fk9aylethjt9pihx9zsimkft0iwvykpqvcmqnaqejifjbgv8t+fwwazmcriknu8xjumgskiffdzn2uo8xo3uwd6dztkehenyuoqwihc7znsmvnfa1oospygahajipn9tx29drkfei72pdgiifgs/wnknchgfl4fhow1onwftg4dvryz048saf6l2mzqckr5ifxi1slenffji0xx07ksxfpf4f/bdp3urthjlbmrzdhjlyw0kzw5kb2jqcjqxmiawig9iago3mwplbmrvymokndezidagb2jqcjw8ci9mzw5ndgggnjm5idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgodikl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl9d24kgqhj0dkecuqbiijhiykkkgeywbdbiwsef9n2wrwxgjwloxe3yo/wuoffvu10fdv25u/hr9ongffnzafyj9nn0xge5jmotrehmpwicbdh8pfpj/5zzhmqgnraicxciiihioqwdcouurdykjbenrzf40rzeqetrnmq0wsbwvccjiehiozsjyeo9yhymkxxccjcsqlhkvrj6lsqlnpy4hdqromhukryszpmlzpmnedeuwowaf/4jhyqmkfwqtbivtjuo6rpoyluopihxnrld5j3iezia2kk42xyybivmsa1sxrwqpihza/eq0j6mg7rbkv+qnzrnrr1wk2bslr3koj9adhkpksizpfqundrcp6rzbtvi2zaiq/grhc6vystpt+wqzoxinj5pxanc7rrxdhc7znfrzva7qc0fzciyzkte6w4n3bpkm971wnzekkwjziofcbmnh43auens3ezwvlsvf/gk67nsljqmkdblopsqdgnlndkhevffmq/vms149p477zxlg0kq22mr9slxtktx646flevv6ul2v5tpbbswb0kx9wj87j3fwuc233lybzlfbt93ubfvy7a3b1vxslzi/nufc1abvdr6ex1537++71/xy8b7zk5emyd/giuwf4eu394+p97cnxvp2n/dbobfy7d5+//7ybvdpo27tiposqeejr50jbb3+h/jamevtdh08/um98mt//9cng0+pwdjiffshrropnzjop4fnwspdrr88bnaokzxvjrpdkhsytktzggwxjh8jwkasnnrjx8v6s91u1svz5k5vysq06xyuoqmtgklcrtn8mc1fqmu5n+o1sy4ew6dtgzwbhvkvvn/kzz5bm28yanckavmvzoa8byh0hfust+9guw80hq+7jurwjkfphmcpbfbe1ujlyvv2b3apgvq7zwrbsaaxykacmunslkiwhlrl5mu1zrvt7xbarxql4cbjyf2d2b/yu8mexylkpjhofsrvgqhakeuc29aknvb9yzd527srxljjlu1kcnlqluumeoymc5a8an1ufo9gmbyk6hezyadadhj8oyrom9/pe1octkook5oei4niugaue9nuyoxipux58km8iepyfctlerhghtqb5k8z439dob4lphmw43gqb4azpljsii3ta48douxriarzczz6uoehmfqpdkcghyksqw7/st2hkobrabj6ncah+zewq87ja8sjicphk8dm8bjfdn4egfozl/r83v/6yj9pqtytzw5kc3ryzwftcmvuzg9iago0mtqgmcbvymokntkkzw5kb2jqcjqxnsawig9iago8paovtgvuz3roidy0mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idu3ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zzpv+jkeiadeci+kyukhlatlsi+o+wgyklo/p/fmtudfmkac+63e+657wfe+hslurq6xu/u/jv64de3g/ojx99urcb//ol1d/k+oydxf8bziialfakvur4a04agg6fqiadbj2awgn5y5qwivkcsqviujuvrjbgcbyi/yodia0uzhmdjcsxdu96cy/hebijiof6uwricksoswlm0iv/gj/9js7wkqxhdmeggrilhkwniinh/kt7cgwtfcmfvj8biisqoyvtmrjf4hgxb/r7wgadcjcoendnoznjovldio9l0imaoekd74b92i/czjgho0sx42ik9vkqgslvipwkgirjukhbehq+h4iphz/iptwa70+12wo2q66sssji/ca+pqc4ublds+yd6p/84ba16rzqbs5ikyjcw2z9ftfdwmpf1enatdr5h09l8ppsm+61qiw1pemrzgd8hcfpqzgs+0hqmz8vver1azia9hpu1i2godkevneehmjkcgk0xa53h7plls91u1svjy7vsjayzp3epp0udq04yomzlso3eelne7l9f95vvfnit5pogantflffjrkjfsm5zmh3e7n8oh7fdy2lcqxvspsiz13apess+tb5nq+3r4f39sn8sj/16mwwqwg3czif8vxt7//h4f90+izwd/qyvt5/ml/vdx69fh2+71xtqkp2pk6wusxoomqdc/q0y+jho+pd1hyaay5qetnwmt1w5eqrqyrgm2+xptj0zut0zbcoqvrpu740w6+1uv99tvrnh51zhbnc/pwq1ztn0ud6avovjofv24rom1+oygee28yqzcmrn/mi6eabnp0/degnfjrh8/n7hvzus25lstt0yjqeg0vovwcmnlpxpu4qmesvkwjtpulvwt/8i6nealwi2bsgcngsnmfy1z2q9lnjklxqz1w63grvymzemamim+ayexgmexymqysezhzjbbrlfj5owdflgyuiet7g7ozqjgytds6phxvozba6utsftaarm3suqgxuozggaqbykaey0zsdbmcvunvnkabicbbl4haqy9yy2wwkw4lwidopoqiwjya9w5ue4fz4yisfqwd6kmegsbz5jwg3+pi/pycojgrbsienyze1ghud7zqblhaqdra9mkitb/md2sgx8v+lphhsrclzkqmcrhuzl+7hlih+0bc+4kdhjphxfoclhhpak778b9ilc3kk9hxje6fms3pwv/wc9hubf+vq3vu6hagvuzhn0cmvhbqplbmrvymoknde2idagb2jqcjiwngplbmrvymoknde3idagb2jqcjw8ci9mzw5ndgggnjqxidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjk3ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7vvzvupyenumzcajiqtchoz5khlbmus5gikg//8txzugl2c8rn7ptbpx7qfazj+ioclytsnev1f/k1wf8foh+mt+fv7dgjp01xmsuc4j8bxqxwfakxduiw+sxs6gcz/amizrmwhibrkbztmot8bxrnuna76+gckgmsclhleyiyoegedyxuucvj2fi5stpjlsvxwqwqd4zvhgwted8w18zirxc4lk9fm1ob4c6hpauxvz5dk3hrfxgq5sj6t4g6filj4wdcmrj4z1tfwkaurzer6dq2xf06ojzcabb+sy6wqshaq+d+mcr8f5zty86pxrsws2uk7w6vv6rvlmpxorocp7lskbmbocpaajyvyp1mx3az1wo1rmjmkaauft2spdzylelwxky412fzggjibdvq2yjumqdnmff1itzku+ycxdrhcg48l8szjpjqp+ttvvhduv0s+yrzrly2ooka20bnezh6fvavw4miy6jvi6gla8ng1urq9ddcvi/rcrr3dh0+vqvdlsnp8w94nwjrsp+kqnulelpiqn/t1itx7dbrcvz4+zuaews+iqaf2pzwul0tmpv4umsjedyfl55w232203q8w4w88bifu4nxa6okxt5dzw+rje7g+hw+7118ndr1ewqn7jmskleiag9nvz0+bt8p7+vt8+l+/7juiy/c09u2mpzumtqbp4a32+etm9f3x8hn7wj0q3r6osiofe0szyvnxy7zqz9g2iiqbbkt0jaf2l5ya2v7qnoc0zbzmpb7k6yeooqdug7oc6a+ooqdug7oc6a+ooqdug7oc6a+oo6ke1kyockgiqavqr/yqkgiqaiodknqb1oj0b7qmocgg5odsblqe0hjaef+xp/+qe4css/vgfdp9ih40q71ubyhtk29+pvefdni7ddefd/rrb7/dvl6ah732rirdmhxqzf79ybvch/rr+k0ld1l8nc6b/ny1/gfx9s14tjkpuv+so+vejuj5xbxx9fani+txtw3tcazqr61gmb2r3s43o8g66amyn40grlk9ghlx7r2dartlsdez3gpftr10vzelozgcg9ciqhkvly/wbtq/f73fbzvopa0qcyletf3jngdpadduowiiwyhurtqagxi0xmkyuxq2w0v9ehyjdn4ig+ybvpll5aikxscujuv+rz8kqsxbkyodicefjistasmqioqa6muw2aquewzlb8h7jq2obprqghelbgn8hbhfhvwdaofhoecu0k/gbacerjq+4q2ywbgyo2yblbrwqllvfrkgiwe/a3ela/usjuqwmmakcby6sbeynk7gzh9/a8tmwcldbgm/g0tdj5ymzms4e8omge7lo9dib8vn0zacbjn8wj5xrll6ap+0pf4wvf56xv5z7tx/4g7agj7flbmrzdhjlyw0kzw5kb2jqcjqxocawig9iago2mgplbmrvymoknde5idagb2jqcjw8ci9mzw5ndgggnjqyidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnjmkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtllt7okgqhjm7na8ciiiiqrqcfayjslr0damxrqngk/n/v2wrw3pa0dnrfwa/cxv4u6huq7/qq6s/vv9o9zufokb/vetwfweaeojir+9cv+juuqeybpigcbilfsalhvarj2hgszkiqqydpimshbhobac8pglggzbjecyoyxkyqzzhjztnclyyyugysjiyis8xnolhban4kbocolleljscmsdsc4queviawve/42hjcjlmbelrtwljkiomulfts5la4fip8cg4sboclnx0slmt1ue1yyzrwk6g+crk/yp8irwgb9owa863zsvzwk3xqzlgisfxzek6gkc5udfkpu36qsceddq+a1cntrehnvr4nasev/vruxme0wayx8nbfazn29rvch+co4kygqizlht0b6pjxzlctuadbudwypoiqdawlu/jo3whwdfbvla9sd9oznpqlbn3q98xi1mrpu9wwhquk9or34jolnwvlqvvcjfprlhbtfrchqpr0n+k/pwkoemfxg76k9litd5s1qvh2atfadymvtrmnyxtnjqv11qdytjfbp53u+fnap4mq69ezkscnmsa5wgve2h8y/g03e33u+168spu+jbgh6u5wwun8o5o+rjevyb2m8fpqae4jl/ak7z/xf9fj/h3p/i7vdeeltf7158/x/fb5wwc/y+tnc9rsjb/1sqgejvuzl8wwvtfvpeyb18smvtv3rhu+/p+5wx/dpwoczh/vodr9mifcfkwomypp4ck7ulddk7eyfmztwznchf/un5st5v18v5u0gnvddh82jc+7ybkbgqp6rzvx9p58gm0fjiob29cq6secqlwgtao0/g7w8l0vgdnp5nh93vdboman0kbb7ylpvcun9tr/hcybswtogq37epbedktf/uctu/ol6qod9prx2nqpojdei2qkzex6x1y7kmdz7kfstxwgk4vur2nemhgnwqvyhzsp7fu3gpyqvalfctxw34a8j3xssq6cv3gxn+vsgodwqnvmfbdayac2zknyh7bo5hqhhgnkiyx5zymg+vre3rdmxrnvtk/ni8rwffzohgonb68viiccloewp8inm78w4dh73rjovnmzfnjghrfxo0v0elcma9nb+iv0lr5qrbbgsdjtn2mcx/cix61eyzhqfbfu7jhq+xukrh4ih30antcoldgbzpzxdhy4pxhabkctddhblfnqx/joxmnbdfojijppgh8ppxx9uzs9wd8ifip3v8heo7axgvuzhn0cmvhbqplbmrvymokndiwidagb2jqcjy2cmvuzg9iago0mjegmcbvymokpdwkl0xlbmd0aca2ndmgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca2oaovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2wa3vpwbthewa5xyurjbeejvkk1cuurvgqlpz8/88yaycguc7m2znp+b9gp8lvlstb9lr/u7vftt9a/+wzebfw7aia++uk4mknahqt0mhjkbbdvrbgw5finbqnhqtlsmqp+m6jzadhmazhcv84jmgxq8al79ma4wrj0tqdommkjhaugh4gzac0hpmuw3k84ivnwiyiccrf1g94jiorfmmjculreibfluicx1a45vpn6f+hwsguqclnn0c6lllloo/zf+ugpiztrccpasobtwogk2ca6yqkmfapkueupkhomoku1lofuswuok7vlpcsu1mlniyuyjkk5+kqni3ad4/nfqhzd8qfrjyqwqopvw84pccjkgmzwk232l2v3/e67watujbtmqqpvwp/ubqj2bhqwjw62x2mxppjentvtmrlvj4qgciwhyc9fo9wnokklflywr3hzdzfloaz8adtqbyzapwlsqs8esvpxtzy5xp7mjkvv29vq+vs7lm1+2xk4ij/wc+ywzbsgqln7ub3+ww53my3m/xry7dzwmmljz7cupehnkcfhgfvm95k/rb52o0+nqv5c7dh5zwzp/ydd+mm4awn1z++vn/spz/3h+vfuneswpos0ndwuqxchbwsn7vpr6/p3fvrxgtvlv25hwekd09h3hukv8ahs9v2//xz59d+s5z2/+crgmgiktripzvz7x3/lxbmdjr+7x2/cvhunyz0tn3b+dfgz/xg0q4ar8ublnbb3x6/277nn3tng3d+sifw25jln3rps9u7akvvy5drp1hjp6/1gdt0fgh6j53hdlfag1bzsf+pxr7e9fblldnm6ch1rtp5k2g+hxabttfmxjloqegxigjysangp7a90xgkgg97br1i6tapljswggckiya0bmlpuf1vapi6bt0uzqf0v7+fdsd/2ba0lywn/h211nsf2u0nt1gzszkd2vuvyqmnnmqfowxkiuwquwm59n0hayqhevd6qwhfoeeui2hovjk6mssus6cilctosvma5ohrdidwnlsblxmpzciyoiyetsjyzanloylwfw6tnmulkpjqkya1ougij2g/+vkth/qxmau0ywmigaejangimjzkdtfh3vcndmocwkigh3lvopjlqp3i/yd3iuhwbw7mqf8kd8phdglzk8wxlmbd3tbxkp/ruyela1cfcrzbceaffigarzzkx/lwydeoub3+pn68stjrn4d/6ew/abxl3zblbmrzdhjlyw0kzw5kb2jqcjqymiawig9iago4oqplbmrvymokndizidagb2jqcjw8ci9mzw5ndgggnjq0idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmta3ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7vhny6jaem2+knifbmscwlfg12cjszdeo9fn/v9v2rmiwqvz/fze83xaupfmohcuoofe3f1f8emsf2jej/wfi9zrbwkcswdefwhdcnqramer6/p5/c7g7p7+mwcxdfsccaqcjencksd8eoeexhwbsigzp0bsfm24ockyaafefgrdzpjiwi4pcobgkodyhoiah3+e3mehsiyliljivlrvvesqjpastbr8mzom9xmuwwshvyve4obynbjwqglhkatuc94ete6qdc8qwiyrtgcqqaqe02sbo0ms/7sbtviazylkre9l88wszvmlgplj6hfzykkalh+shtucyqu5oqfzvrxeblvajxqlzkz1lcqzkb5/rmp5chrvg+rsoj7ovxrttq/f73ftvs0yuzev0kp1z3rykfqur4yc1bt7t6pxedwa9b7qvi6hstx9xo1toskksixdrnmpo+kcmj8me+1qirmvg8wv3eenwdgsz61mbzhbvqzx6+ff9kntkkxjigdfn67vwsnfivrcrlqhk+x6dbvdbl4wo36rnnvvkyxwn7tmky5fjhzvhs6ex9/2+/1us5omhqq5rfjetv7sav6kjau1zmix3u4ph8pb9mx2zfdniyxynvrqnfmod8flzdtpwgg3ng87ndpqpo/oqwldpb+/v7v0ej75r3pvsnrdv398fpx82yxg3rvdr9b8kaqnvhxg4w9868ztbrrdhrdh6u0zexuv3l6u/3g1bllt1zf/fyzhlfolo2vm989i0md1lmjg3qfe7r41mirasleo5uay52ud4fzflcyvz9obxc2bzpzs2bqnayzzfxiarjbb3w63xs/hj+1knugp3/0g98ojxlnvh8+fn4d1ajbsna2mdl7ftta/nq1afvzq45lsozoyzfea5wz8anelqrh4jyszgc4mqest+uqroxhnazpry6dzno1i6nrzol6jd2l6plhrdfodwgppblykmbhrds59e9ajsdzk1mgwk/xwg23b7wa9xmgaetmituwcjswd+1bjrjzfklcbfatozoyoingfluvlxn3duf6tdybuackzyzmibdqpr1ujfuo40gnf8botkd9as0fj0ajx3qak9dgyvom/mpquhy02xyk/ldwwbgihfrnsmnhnx66elhlkewgkzsfpixjafiugb97zi43von4cahiw5rasw9dozb3rfj4cq4flopnhtqikgvsfsez3eml2+c4mbgxbeaj4/nqgwhzcahjarrdhbfwge7csmpv1bicuzzdin5yri7qnl870+efk1vp0ho05/68d/av7ycsfzw5kc3ryzwftcmvuzg9iago0mjqgmcbvymokotkkzw5kb2jqcjqynsawig9iago8paovtgvuz3roidy0nsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ideynaovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2yd3eixbdg88aonkulfkrfsalysmcwsztwzl//v3nnomat2b/3lhoobuu349wruxmep6d/nf67jp8gcwsfj3f4+sgbnuwg6xtobxrzxsibdrleinx2wihl9sdbrgys2+pxnsljcuognxd1aufa7ffioegqkagcx7yqci9hxbsaxgnk56dpmogh30eroayjqp5leccbxgjkz3c8ikiqei7xuwtwrmsc0s8ejpqxncgfq+fijbiobswrz3wk5of+lstdky9ujpcxghrw1hhc07repkaezyh1e5jdzlk3ditewscicism6zlslp/lznqtpgrf1kd4l9tby4hijm3lslzpgavypvopm0zotyiyqjoopdcn+nainem+nhco6wwzajvb7vbtqpmfddwsyh04dh+bw1i8hj+xo8mcww91xwedwwuvxtfzktxi+6+6obrommioninw26/d8wq6gy/67xopkwildhnzvi1jjbuiallyszeazbelxxw67jur+aqsykh581eevkqxkpiqvdudyxy5wq+w79nbp2bouymldmv9vdrnwcnfyvhdqpdgs+v6u92up+ajnlvmqzjhwvrpvihuhqbdywq6al2+vx9sdvvdzrv4e22umjgzq6o5xfmgmi41+ppferv/3g83y0m/awziqf4rhsuynr77/prc2xg5g/8rbw6my83+69fxfvsxhbqchh1nfbag6uzm7hxptoahh59zztjxjhpjul+votco58bh7ks//evm7b7o7uhshn/n7rfyh2xwh3xtuct9vmvm5reqa4lyaobexnmabw0sewk++f6nawsoqhet3ngoinihivj93guu0qao7wlqjokkamqodyftxwq9ax07g3brrv2voaqchssb6syonqak85vwfzxbld+wi/lbv1utpkkbo2rybtybi4ytwdpqdsbt2xw2frt2rxjoi4a0v9haspjtqjcmf6qntn84go+g/w6jaqrjiyg+ef62rednjexlfctwq9ptdtvtrqwy1rsz89/ycgjhkeyiqsmsyvzqlmxvqqartaohkuervxqhkdsdngqxckmans0bxvlrkor0tq0hujmj8e1xpd3z9gxo0sarsurs19o6ngidjrtgarl18nwga26xxymae+vqrimqqhpviifz5ggkv7qsklma8be3fyfbkxjeszjlwzicanklgl5xf755mjdohmu5jmnzhgzr6s4nuf0fwvcksflqubqjso10nzkzr6pd5qehmnewdeebyv4brubjxultdmsdnwc7db4uynr9u3thmud/gecoipl/kk8hfh5y9fdp29qnd7azadogyh/akmm+ffl03sc94zp63um/973/abt7kinlbmrzdhjlyw0kzw5kb2jqcjqyniawig9iago3mqplbmrvymokndi3idagb2jqcjw8ci9mzw5ndgggnjq2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgnzckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtlmlzomoqhc0iclijcuicqbjqug8y9xingtdomv//r0y/edmuohm/3ap7k10vtfb5m2nh+xyf7/9wd3d3/+gjaxdefzjlgj9+l3vhxgn0jqd+34uooqseb44shmh4z2gy3+8euoid2g8oeqgesftwtoa4bgeu+ypa78fwaekfgzrnm/axdfjkgeb3uokrauhmujtdcxwifc9zde2rblrbhxxe+6f1koufmsjjsixlukquejamajig9jzkr1iwgqk5ufhw4omkqqrjrfyrwwjhuwr+2d6hszotjcwhptjgnps1mmktougir5og/8dpd9qcdwrzqyqp6ayvlxslxuleyqa1mcswwcb5ezqwdcczpqkogbnqrtybzua9vi5yhhal8axfykfdarwpzwu5mbaktwa70+11o+1wrwhlklfod2pozvmphq/h9ptc1e4ork/jp9gga9ekph4l8/s5ghenq1iinas0u8pn6ww+m05g3vyln0liiyy8e+9kp0gl8vb7hd7pfsvvcjgfddv1qlavbccr+opkeu6qjbjv7ovn7vjldb3zbtbl2bjxkplavgrhljc4xyikzpzb/cl8tx3bv23xi8narli6irluam66u6yo6fbfhkxfn2/7a/dl6bbdzauukfpeytbwpt18ww737x/v+93qzfqiecx8c0/lqhd4lz/+i/44mq12h4+fh4e39eyp842j7284bop8nsz19/17mt+/pn/r5/g19p66ljx25o1/e9rabwcdh94pzgzgk1xxxqmw33wzbpcni/vuv9/vnq+tqbtiwcl22u+ue5savffsudnutpvvfnxvlu3d0z3avgvzzrbqndfkvlytwzymo06jek/janvltx6crm6xyvft/tnknl+a9y37du3bsho5h/j4phjlmcv6uzcap0+ex6n+u1gyuvhita86rs2judxilep2p9cf9hvddr2cn1swpivxrjjjhcixpzsrvetn27abjwopn9xjoawc7nzk3ctbixjcn8x8ovsulevfb9pqezi0d037y4z9vs/0wwovpjjz07rm895iqxezegfqfpznfg4qobhelklxpkrpuq6pytikh4gn5wecmthcieahdavrlbpvfcualsniieo0z3zz+cdd8ifbeevreeiq9ykenlr3+hmbclikw6jigbrgz1x48jmdaodwcamiqsrjoui5fceo5l3ssd7kkijw4jibcp7deoxfo/wxyensruqxmf/3pgpctzgpaowhxihrg/p2+cpxezdenna3ip/o5v99zrp6zw5kc3ryzwftcmvuzg9iago0mjggmcbvymokmjezcmvuzg9iago0mjkgmcbvymokpdwkl0xlbmd0aca2ndcgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcazmdgkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtm9lw6koqht1c5kaciyekzpmkcaiyigbkvedr/f7psqubkkp73j21zjr130di301rjf21ol+rq/+tfp3ob4lwrdeu3mmfrpcz1ohxrq7okesdqbmmxhadio8ez27euz+4wcswlmu5ylkyawpg1kmfxafmlumfqrqlkcgkpl8bcoanc3szjhcl2edxqpw+wrliam/z/cqsl8sjkk8jblwqdgppqvxxsqk38x+g47pfwqmgjihp2sdldotawe/9j9mto8mjsqozzjsetkuzmxqqgbcjehd8la1np/1uckfwtlcdsockptkowmim4pybfp7xwvtfdvo5gu70b8n2mlus1m4bzwajxqsumnftd8gwpcnml39n52u1zcvypvqzfd/t9bqdvuommilfnl/imsq5e/v1tzcvfifwlfoq3xuhwxhood9pvvnjs1chgvjlhdkhfs1m5kvn7ndstkbtitmadg7lmviyrhni93g5uqlzqwk9pxiazjeg2foo37rjjyjbn8jcxxm4o6rrunu7u250hyfzl9v6vvronidovzc0ihiayongpawvquy0w73rj2cv683b22a1ndx2b0spkwsflwt+2c6rrixxbq2cxevmfbt9x7/mxr1gow2hfomshrktu2k/pc/xb9upj+1mnx/qn8gu/2sp52vu/v7x+fnxru2vtprv9s5w8rlzfv7+/fm+xjido7qzvbwiqyixmxcuymwm3k14e+csimskfkoslngtqq+m5qdlav4ewa5wjcbygouaf0gbxyoxhga5wisaywgubfgosbzgvyrkh0rscbanwisaewjccbanwhkapqh2bljdhm5dw8yqg0nsdlexxmyqg0nsdlexxmyqg8n/ttfcrr+2y//tzeduxv+yk834p+/9ga3+shffwax2e/dfz2o6d//yvn8acwlzaqv/np8ia6ajxqmezid/ahlamivoptlsjabl1xqzwb8unh/vb4uxuqmvjym6ns417ofobpkkwkyfbu1aiwfqaegc7vigzsifspkfwqs/cqzz0mqzdpuvxbyycuasjqkgcnaei/fs5byzebw7ongw16ox01hjnmj4rexywlbthwqj3e0/gpr3rxo5lzahmyt3omrd6figkvokli5u6s1wu9np3zvq5xzknodfomjeawibdi8n+ftdjkdypuq1bqqwc9lknkipmn/mqlxdwuxmbytdh9dnackdzevbuuwqboddkkx+fatwhdtyhvhdhmnh4glqlgpfda3cwm14jikhf52hzi+mg+eikgwaxkpiiorcpuh36iqsodmzlc8cukqgakfqqfx8bbg64p72a68edjlsa8mybmgsbyoosugskcqccjgb4cqd4yqa3mrz3zyu69o/7pyawgfnxrltgkvl8bqnn7wbafcun0wf7fiu/ashz+an6agy5iq+cpstqz8k6exh5y8d7edcovvffe0purzmimvuzhn0cmvhbqplbmrvymokndmwidagb2jqcjgwcmvuzg9iago0mzegmcbvymokpdwkl0xlbmd0aca2ndggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5mgovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2xwwoqsbcfm6oycagiiaruu7herapieo17olgt//9bbhxqvyzjzlze8txg0nzdhauktz08/gh6c/uvvppnoq4/tdpwf591glg9a88h6tol/sprw7wnu1xut9tzktvtctktvvjia+whcjkkbjekqxhgbk645m0ayjkivqzdghjgs9mutljbh2ms8rkcjxceqrqenudyhiyjz1cenbgjkmy4qzrkjybszl/gy71wadevhxtxd0mzvf9wq5oeaelawfukgqme/djshxyhwgqe9fgilqalkvgipsrak1fly73dhorx+qnaljnnf41sqwqucum4hpqflr5a3syjmhovccydl1vrjybzqd+wi9mervp9x+v/vxo9eegvlwwjqukl3mp3lcvqtmyqky1riscce7y7p+kdf5ehygvfs+tkjby1eb6nrsnex3wspioqnwm3l/ckcylirdwsnmppveex6ww2m4wghbocjyckchofq9fptgrgsmwz+zyzl1er1xi67j09fpkazdoko5t2paj9uiier7b6l/pverpzvc0mw07dsomkwdhlitjp9cnhrkhwhk6xb+/b7xazmo2srikdcqgm5aj8aeflcljy7zzpxje7/x6/fvume2y5ewmi7e1c0qdvjuzv7/upj4/devnsb5yzufvbpgu0nhirkv0zt8al9fbj8/nzv1lnbncc7yqvafdie2uu3zthb/hemr9/fpdn5v7m3f8ct3a+/9+l47xr/+o++l82ettcdb0rajlbdxecakqyuosmp6v1drfbvb/or5b5buchfxiokx98grwsxjh+rjftyffb+hmiv7lk0xpnf6+g1wzcb9cgxck3whvgn78azrj1dn88mynm42g3wcnfwzjgn+ela5mekyp6ml81o/3hgdqawk2aky4gvwzd2jw8jmnlovimwdwfuj2q1w7wyrmebtkkc+rl7ms9jpbyykblziuvwqpzarxmetxijynbit8mt3nkpurmcnhbpz7ofusvunkozjlrkcjw9mh6b/zhgijzqva1ackvyalsyzgeukqfli5etgkypseydcmulxokqdcsr2kgaeqlqtlsv3ncxte9db68kckbnqhsa4rk5znopuxf3uxqupyp+yborfsdrfhwcxbr4sj6wrmmfvbj90esy6fy6iqoagxu0oghebtzoigarqf7apscvuwlob97arrwbao+f+ji0d9oqehjhyr2fhg7v66nf8atoonc9sjh29062qedh1vy5dizvhz9a/7+bvnrbpllbmrzdhjlyw0kzw5kb2jqcjqzmiawig9iago3nwplbmrvymokndmzidagb2jqcjw8ci9mzw5ndgggnjq5idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgodckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl2txokaygn0eaeuiebcxbvnrkts0iasj09s8zfr7///kzgxquniepftp9/ieoylzzdazb3ifn5h4j+jhol5fv5jchu/tgycjambz8r1aa0ctilag4ohr0z4oiaykjqc2gem4tunw5qjw6crkczkkgibjiovjwbje4bmpxwy0qvlpdm0wdas+dcznkabddi/ofeflgjbjbueuruhgozboueqk8zhha5pm0ywvsrkq5ni5vzelkwdpigjgd/nw4jirproirgqfom4yhl480vrj4capnyikjzgcojlryrdllapzq9fmarlu0gsro0k0nq8crrmnm5yg5i1k7cxunjvnxsvzraznzyfnw+fduwmok1ikonkpb1qt+/lq2ngd686lbvv0tcqi4t/jrjov1wlfanbcw6933/nu3u7dkhcugaeilbnb4uiznksvanbnpvfqhwwhfd+7adumor1vz7odpdxgnksz8kn57nl1+k+jyfnknhzwnjz1mpe4dikmh8ixngr4pvi96nz6t5ppfdgfjod+t3nekshg8jgg1hrguyqjqlrzupyex7pf8nw5mi4e767salhh4vo/4xqj5ixa0+0nnhfl1xq1ne8gpadh6ippuze4k+ameuvgh05fxtdv69ff8/debdz0fwxnlk6vip40w67e3t9wl9mnibu5/bh12x0yztf4botftoq/x1/x7z/f18sdngc3gljdwverbrt52jni43hymcptdhg8dq/uv3hh7llzb3pth2u+lffvq3m1901ejwttfcra3v6svxocpnccl+ulcil+fifygufxh06ms/lsoh743tywdjngod58xvh6w9f4mh4nvvgzjs0zwjzcz+8/dh77/p3bvjcnxiwtqxwdllyow422e3vn9by7rto264glatomunjw9ds9ytmtzpxjofftll2v6lnjonodmpzmbtmvl82zcycsdfvcmsu6fuoriqtuaycsnchrbancnc2aavzodwcpahc3t5ykcoh6wie5qvk1eydbul4sngjkzoe/xa1mkgtyolbgniscy4qiqqqismdclgvg/twwax74o1bylssdgxd4pssxddqwbjiqdmchda3la1gcgooalhmrx95ks8sdcijfbispuhogoi6g04foj0qbolabhc3eygbxkcipkjuguo90dpu3g1/yant8bdothcl/uhp0k9wcdxyi45r/3xo/apc/uyrlbmrzdhjlyw0kzw5kb2jqcjqzncawig9iagoxnjukzw5kb2jqcjqznsawig9iago8paovtgvuz3roidy1mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idizmaovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2awxeisbsanvbzn5vfbdwxrteo2m5j1dyumrpn+v//lr5v2c0hoplz5mnm1h2ir/iqufuuccnfkpt/ir+8+aedopg+j+unpoibl/7umggfogffwfe09dirmbworylrpxgjhmo4wwce9yxyiqyzl2iaoqknbkheo6muw3icl+dgoy6luqn0gi+8r1m0ywuircgxcewwrqe1ad6yp+dhcmvwgqtevu3xdupxntwusalhely/+9+0qcs0znq07ezgtsy0ocvlefgbdbaeptlruy20nsuuso5tkhvydtpikajhr1e65+69zllbvpnwrnrtrteazua9elpmwuzcfolpndqx4oavd2rndqfrut1ou1l1cqyekzgaj/zp94ddohlzteecwqv7ftgaj0fdfrdvc7ipveazamsfdzyhcmukmcmuvlvu8p5xoptnhyddt1upwhpmyah/dk4ezslnivfkttzodo5ni+vqtvzm7gedhpnjxkuwz805gyrzkprov1q9yexp/bzdpq8xs0nv9iaxuiuot70fh2muvbnquxs8lnbb3x6/264wd4n2nz9wzy5cu/kbh5fqvrhehu6xz7vxw+f1t1loh51awdrkb+ydukjzpyy7mq1exo9vb8fx7wo26talpqbw+eqfcd0gfdxf7w5v7+9vh5f1fay4pv/fnwzv4scnbqp0bf5jsz++//z5ftxtfhacriwgv3qbtsszmu/rncwmuzri5ufuqeqesz6r5efjiitslzgsmztm5p8m9bseqqlituawaakjyj2a1atkcubqalitkb/uq2qrkevafgf5tryii4asariiyet2ubz+vu1wdig+qravqbpxx9xhmwpsfzoqaxfnzpc0j9f0ud0fjsfd/nk5hxvqgmsxpa6qsjszcflj42lzgqssl/xicxbxlaqvwsk/lzv2fzjfbryqm6f5pn+qxfzwqiireqlsudkdpsyfvhbp84dht+fkkwkjhjipygrsbutqbuq1vm/0mj1dto9hvvyvnjlyj38gyzycopm5cr3tdkytinf3t113cmlveyiydzqt4nvek3ahxl/tul1+v+fe3dblecuix1kfwilibuvn2xmnum/cqjrqfsdvj1vz8fi/6zyhpbyhzsmmjc1svusuizxipmsmvux8pdkhhclxvbrt9zrpz7iqgctm6qmgg5ytleksogevyrgephtjcepxejgsxgghypcl4keua1um40uj9k84rexrjjfngawj+zurjpvgpklrojebxszccalpsqx9us/d6ud+uqpamawlar/gop3od6l43an8pdoowggghlhxwkzdqdcwsud5dxei7n955l2q9l4dj4bgd7zpmg1b8d7an6vwaccz/4r8b+3/br6lmyzlbmrzdhjlyw0kzw5kb2jqcjqzniawig9iago4oaplbmrvymokndm3idagb2jqcjw8ci9mzw5ndgggnjuxidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmta1ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zhbd+fqfibncbkikqlpiboervtduoywpbtutpp//8rsfawqxfh9m5mv8yak39452uus/r2x678ap8xx8apm0li9h0ogk+sge+wd8bcgbji82w38xt02aqr2uz0ecobx68wnb6jiwampnmcu1+ejazphgpj0qragnoynnmimy3e8lwgcz3msaxeqcmpjbg8fmc8egqiosziobgmcz9k+lx8whzpm/uepfjavscsiyogqfprzja0poobma1jyuw9jcu3t4rgbqbisazzwob1repykf+hrwy0lkummruuzddiri8qsn6o9op09tq6tolm/jn9oqwz+ovgqlyopet0zv2xrz27t7wiaj8mdyvvl54uvwr1hnorvcigxikddqzleukyc+1j/dsswypdqrqvdee60m0a1mevgfelgydyh+jwborlase1ki9vmp9t/hbz2x9pp1ykurupmbmzzyxkpmg/kt6n7ithpdufj9/fo0gs3kvnkttja0qe1iwvkbfgjzwq1vm/4ppnoph/jqbdzfujh5cbpux5lkrh3moiu0frso/m6ns4wy8vsmuq368vmxbf5kouxzgpsnjetpz0pp+bl1xq1nl0pokzj1yiid9d6gvuvo4lcpfnynlmsnp+b1fxj+pxuzmoruhobxl0dvdualtefx5/rxettbfbe9dyef2z1lhi3wcldwsez1ebr19dmor05op4j4p+r3mehncrsnztk9naq49xnzu3hpfkdz6tzxnvelh9bt7rrdc+2bt/qi7/vpvp74pv6faehtnbyc+iw53/ssknj/n0c/xvrxp++s4nho9m37abjnlmd4h5hdi+a6r5d4h4jo/caedqbzdnpyjytnjuurdlsvunceznhgpvqpzhlg9iaehylefeb08ruc8vsmvhzslpb4o6tzovcfod8kvc+rk6j8wengntkfiato2trkcm7o7xvlbbkb5solgig6kuyqnxvoe+rmb4sew3yf2jddnzlzop5iwst1qbz5kc2z7g2pif8psmdykpk+whsy+ygi8hjak4twdibwsg4v05aehmvwomd1yhor0jst4cnsaw45b5vnn11vywhdz/2b+2/wwh74f/d+xspwbthzw5kc3ryzwftcmvuzg9iago0mzggmcbvymokmtcxcmvuzg9iago0mzkgmcbvymokpdwkl0xlbmd0aca2ntigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcayndakl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmld34jourjpbufdcajtuooqwinracd3uzp7/b7lhnosaua+z1uh7gaxeko+fbavydw//bh5d5u8dcuafdzm8/kef2opazzhohdpkxgmhbpigcc8kpbmej9vilkc0sf4vsvkhkcs0gqaw6zphdqbmujtdsiwhyvmgosnsc3u44z2+cs9fsxwvipituea5hoy93pkoeokkgf6qfj+q6rbn9smswdguy5+xc6bzxvjprsc0rjblmcgaosqiw1+vg3av9c2rrjaujsustp2ixyjwqpcbd/udf+re7zzhjdvvrroptc4pywas8yhpae+txdnuhkexykwf34ols8vspvqrvculqsaomlrmmxsbrvpyvyvtvkyz0vsuvgu8tnrtvrnefcra4ybpzkmlaqcwr4jkbmuftnol51a3pxgobr1os/auizmazngap571djjuogaj6wkt1r++jyet8wjqbvbydthqeia8wj2as5ozz5ybvbfxblfclkbvg079kr0n+aswrb/tqxy0jjysw3a+2nodz5ar9xq1mi16zximflrflksf7avoc7irshafo8ppcr3dbberxfi1vcnftq2o9rbnzsockta7o/nhzrff79bl6bbdzsdmtelu4tawqadg732x3u4/p/eb1eytuwnc/wmppesovvv8+vrconjbtv6en/vj5wb/9fv31249h3wfme6lecupa4lh5s4exiodzyz8eublkr5g4hslvlhi1zihtwi8cfakwn+b4mszxhpgnqgebph2gk8e+haabwf4t1t0vwree+a1az4eee2arwr4tybvb3hngnceczwj8ctak8cxlk7fdhbro7lyf6fhqyg54kii+fnvwnbtwj8zzveup/mxhtr+zh3dbmsecljy77znjnbozncu5sdoee/yougvctmfwnswwazwm836y/7++lljxop33b+c4itdsusql/3rdpebmu/euo1sjhpqqus6ni2q5qszsuyp3hmmjjpienrv1qqpin8ngoz0ksi5epuveekwks3u63aegftb9xi2edjvrahfcocvw4pnitvgq9oddf7q5xwqglqlx7m6mbo4sq2ee5lcuvzvnjun52opn45bhik4ltozfqxnnkexgqwhi/furlasqyr5tdiwcqgsj/sym1/s4qgmaeglovhrwv1ljfnpsmqoryy/jvnxuhiov669hnjncfrhsbqsdpngxskcs4nkd2nqhfq1hgpvttunfwdin3rvkxgwskfm3hfpsoxyuvesnmsloqwopogisyls9o7q3zxybjmefya8z7fgdskp7+i4hw0mlenihmaz0jqdgscwda9oosocp7g86i7gopiorvr4x2b0ykc7cgvk140ewrlvcxmup12glajfkc47f2nyog97cjhvx4vt9158kz93e6/zx//ef6l+1f9lbmrzdhjlyw0kzw5kb2jqcjq0mcawig9iago4maplbmrvymokndqxidagb2jqcjw8ci9mzw5ndgggnjuzidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgotikl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl9di4kgqrt0lkeeqrjba5jxnxhimwrgmgoz5/2/zqpawsz553+u+civtrepcut+6u/u/6te5/laif/3niof4hwc8ikdns3iez68foldh4/v6fuswa4ek4jintadiiqiponw+imcacx5pgcmayvmoj+i4lqepcljkxzpmof4qjvlwfewwjzhnwjq6wjtj0ywvyqpf04m0gcplassgf5oolstro1lbujujfdetkbkjbzw/lhcxpa7uo1hb9uthkxzppkdjhg2fgwfz5gjf6fakfyrhjb8risuzuukxvcow8tmubqivsgfpejxmrvwp2klcqvpvguq1ciedtwy/5a7/vu2sc81jgva0la802t0+qnu+rxyzdlhxbizk843jrble0c1ertlsdh/hk8n4cdhrvqspk+gxizvj2mndykjqmjounjrdyfnspp8/t0a9zivrhwoqzrnu8vkc6a/b2uprmj4tlqvvcjf7euju8vgijvp0seljgsh1sdxx64ymi9v6s1mvxmepvwyxaekkf1pkxggmmpko1hvj2xlzvtu9b1yvk8f9owuzcu/m9fccezyxntnzbpqnl2/b3x6/265fp8nwjr01dqu5w3xam4onxxq3//jy7zbl54c24ehvreq5bqvk9wt/+pz8cpbqjvzhfdh93ew/f//+3g9xs1hnhvtoxtaxklfkhh863af4vpnb23r7pw6f1ns38q/rkqza7jl813xvxes/v+1k+sdhdc1ecwaw4h09wttycoijjoueaaxkstdoj+crx3g8lz4grxikhmc1gwj+jpli17upz6/rzxa7ws/n436zllpqf9bcbcj2rtoeps2xb6dly3tubrqspn7fxif1e/2hwkbu7i2m8wvoph0pwtwchdhqup0uno7tm6xkvtbqjyzt0orx2kmx0thqpth8rxykrixttlhw6g4eqineu1hojuwodppisoxfbgnwmi8nztawe9litdfqdzrtvrnwyiwjoydsfuyupxhbdossedpxlfdb5vihk4ifnuvknds/8dvxbiukfjrjivqmc8qkk+didvwcwtgxqyrw6zpytlqc4patma2krc2wosf95scrx+wphhnknaabwraoaojqtyg861ju49eppdyfkqyofpcqkpkirqt2nie5oolgiwr9epq2gggsbohr3e7oncbda086jwz6j5zlggapbdnjkmtsmd8jwmymbz0ctne/dhf4awxaqbuh/r6y+hdejo03wasycsryhtz86ozcpt1c5y5oftnhj/8lu/8cqsvsh2vuzhn0cmvhbqplbmrvymokndqyidagb2jqcjgzcmvuzg9iago0ndmgmcbvymokpdwkl0xlbmd0aca2ntqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5ngovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2xax/hubtgoyoyrxisjpzo7upqw5vaq5s23/+zzlk3xhozr2d+nhdi8j/hyu3e89zd/v/6sdpfz+o3exi/xumyp4+e91wpqmca9r0jntfejwix9vkiwr8xqfh8uocsr50rs1iuvrnfkn5u4nhfpf0kzbasx2nxlentqab9wwl/tennhunfszyvkcxlas8yfan8wx/y/omd1iwvkgetgnjboaawkewepv3+ud2iczlmbfknghhtsmixy4qg9wbaeljkt5ynazjhp1hb1vroljhk2kbmkmffdfxmgcqpxjm0d5szvkwzzijznysus6viizdnx01dlbjzcfdkfcequpnm5kvvmgoqvus5oxenkqjd4bpdt0ezkdqvbymju1ctt9qdbrftbtbletse1qa9th80dvwhgmsegg6lc5vguz8ygga9p3r5iwwgyhp8sofusc4uk6rhelzub/dh4+lsnh0pe61a0y4zayeh0dqc4pykrzmplwzvojm/lzdv8/fl1ynfj8kqwoklp8b9fcchzvt+st0yz5er9xq1nl32w9vcmqkklimw8gsnotlkpqv1znd6tvrybd5wi8ngqzzprturrtqfzishk1n0uqpz+8f283p7szy+toufdbswxhpxy4d3xuerzefx1+fmftbsag4gr+j2qxgcd51i5s94f7xyb7++v7+2q/nohsmpleyvpqylevszjxv4tjj//phd7pnbpxn7chj9890ehp/sg+pgop7mctwmynxhge1p79j+id9zxf4cznvyvdlun+u3yabdywmuerglbn3s2lot3pf1e5+/prcec6milxcjke4kgjgstvqj6wijwkyg3ublwdsyituprcb2op3n0wqgmoz6t2a7467tph3ouabwsdl5arpz/dicvftbtiwxnkmkf+5skwvmwblge9nio/pu6ye6laestxmrd8umogtnsaphpe4l5zrtadybzmm5n02aegdywyuhb8/mqdgiw0n7ovasg4r5+0zcmjsjp7f7dzhm0jyoba0znszywzcdtsaihiaj8aenerdadwjhuuvutfa4asxiojgzmuiq0bfnauftq2osjewfhgsaiampcgsbhx3c3w2pghmnibcyaibflksby7zo3tgqyydeqyytqdypu5xnimpjwpx+eipomghbgys+hx0ycvl9ahziqjh/kliqqygbxgmgin+nwwkeu66bb/cx4uqdkkavb+e9f4psi9zdp6/7g1c+hogrwd+6+xeeqotkzw5kc3ryzwftcmvuzg9iago0ndqgmcbvymokmti4cmvuzg9iago0ndugmcbvymokpdwkl0xlbmd0aca2ntugmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxnjkkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmvl3okouhb1xaiideafrqmupirpjitorarnp4xcj0at//2+5pwohnljsr31x7qdf+ko4vrbd2jsw+3/pn62+h9wophyfbxmw/4yu7iluaccqgq8jfqiwetzajvikugdrnpqkqhgcn/jcbzcwnmowwzemjvqgbqc87pq6ynhekun4li5ljlhoemfj+ojmexwvpiqzs0qjpjeam8traml9o1lifm0m+zscvjqta9jujs2lfjklof9jfkclulrtc6avb1lmttfskrdjq90ddnunbvnrjbxdrlrrtwqlzoenjai8g8s54ehncv5sdktyuao3b0hnm6tk0dttep8iytnzcifoxcumadfqrfuo0+06nxarxrpnzkwyzhd1yrzgyulqrlhrtj0f7sdzbu4pp92ofnkqxlexvhju4e+k6iqgz6xy/a7b//k08v3rk9d37m7kzkywobr4rw69wywyctgdldruo/2hp55mp5pxanjvnkt5ps0gxr/jsvhj2dd3pw80mb0ufq+zl5hxa10vc4qyxgmn4zdslgku6vepw/f8svytlovzepjyvrenjrvm5rhocinvldc6/efjyvm+xr8vxyfp/yd6yvrthj75e1xszurtcuftt/fnx8fmfteduz1g2yspicq1c/cbp1uupz4/p9zvm38aukwdxau3xs+me06z8g3+a77afp7+/blzzn8rhjy7rf/nqhnjzub44imzq64mcnmqeys5r5ihjxovja9k8njffgf5jyb3avjoqb4h5j2avbmqbyvgfgfzbgqr/kgxejb2v3t6rpja541d7dipwi4zso3pucybh+2ch71abzbrfxjy7kmd8cgpgxxy1sidq/40nr8hh/xtnn56vl8pgwqeq05bdid893bp8yfzbwj+4nu9u+to//3i3x+zgl587o4xshhu/i47qeb24a6ffddzt7d7jjualirmeuk1cdlx6hqgijkoqjlbnyytu9xdt0q1ruvb6fz6xee+1tibe0dag1kvrgvxrxvnfqhzv67alq58tvvi+8xg1y2cjsibcg3kdsea+mtmg3cuh3girghzw8oxqhntykjeinsmspukiqy4qh54afimvcvoiaic0nik5udr+rteasanougemossjeuskhao/jpnp+a80d2qb2dlpc+aeb5lzuxkvoblar4soxtejudwbtnzlj7ko9shopj3mr+nfqr9obkmdxo/irseisifwmfiecpukamn4nepwsk7jqdwd3z05cn8pgr7gecd/xv3/qdifjrdzw5kc3ryzwftcmvuzg9iago0ndygmcbvymokodekzw5kb2jqcjq0nyawig9iago8paovtgvuz3roidy1niawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idk1ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zdnw+jqeivxit2qhbriaqgedtkki4krlqdo/v/fsnnvya1f97ppcj4aknfgufnaoofxr/9wnyf6bhf79nbvofclcnqzg7690b+45libhgh0gwgqevb53ipzhthaegrjunurjnraavw65decajmuztasy4fylqfpt+cmx739bewzhb8icljbam8xqmb31h9n4icphgsiukhwvjaih0qhwdguy3vhwtrbsbwqursibpggqw+rshtepjrfwyocobheldu9aiwskdtojrowgvfdwjn4ne/chyxmbtlsxlozxkeikutsscvqgkcjv7c7piemegxpzikdl1dq9uajxrsr5mxlvyx+pl2l05yogpf0odjodbq9xrftrn/l7vhedriugzzzmazmufwtteakx+xc5b47gi5aw367uc4mdfxe09we4zclrmez5uz3ohym0+negq3ataidc+npydee7j4/xqqkkcxxw4onyxyxxc7mz6n+8y4bj4qcln6nfycotlrnu1jvpk7mq/vms17nnid2nzcwyhgsdx+ew0m1alp03x/pvpvt6+t2s5w8dmufpkhsz3qm86iwy5sba2fxsn3b7d62q9m4vy+mtexg8gpocfhm5q718lxcv+7e33ev6/ltvwg4+hvuzssi37y9f3y8v2g8zee/w9vdywq7+/j9+2o3wtid+yto0lwuhkven3p+eb9u5vptun49rvfi6z3yp/1qfnqcf/3iu47daygkx9/0wm+aqxewe4pymhtjg3lzz4bbiqxlzf7t/gb/pqnevqd2j3jb/iavfrvljd5oulxvttvnevh82knll5srp8ujqpkq1dtdz7z8as2nt4nwjrfx5qtod4xhudesuuqzp3kmc9dugxybpywfxtb1tr4vhl1qkgkls7x24hhsgmbdxroat0w1c9t5g3be0sxkrlxvdfspoh6nws1m4jos5thihyyziediqvyp2mi22u1ws14pzpombiavojlwbvcgmico6lyyuyivk6bymzdorcoywnmx/l6folmgporrecqdyyiydtiyw4oizy/8ojx4hw+avztdjflxkbu1ipom9flzwn3wgyknrgrhccisqvir+ap91zgjfel2bemzkjpesqqbjfeiohzkdn5e/+uhlehq4gmgnucgl+hu5eksqdcijynthmq4goicawmopr4lfyihpalhkstcqfjyqnt7qwfu7emofuegvvz/zx5gidssr/idk1n6ytzlr4+eq5dfftkxr//ud/8alvt9gwvuzhn0cmvhbqplbmrvymokndq4idagb2jqcjg3cmvuzg9iago0ndkgmcbvymokpdwkl0xlbmd0aca2ntcgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdqkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmgl/6vouxt2sqezeekfmiayonrdvu5ueq6s93/+znlv3tffuz9t7f54xevz3ytrbxvpe5/v/6b+p/n1ehnt35ooi/p6dv+i1iwpqg4d6/f7atndqv7u7paddccuici+ccowgflsaku0pecrf0cgdajoi8qao5exd2ggsohmw43gbxpmcywtxansqh8e1crjgxprkjqrsffkuobgafwd+feff/qggevfr9bararlhxvukgux8wfkdlavhiblppkdjhbkna4ribknirdzccyrhzduwk1y2ly8u8jk7k4phduvgarkvp3adoodwofe14mm76nxxqzvykwcloprmmxqufxiwky4oytodc6r1zrvtabcad+vcjhfrrza+gnosqeattvpqeuwpqp1uu35fsexd5ok4m2n1+itiicfrplwstnrpoylopox3ao6dmbsbafyke5go4lwsttjlrvd5mpsvfvpx6ajxrbtsuvvkkm/s40vnhjcryldat+pxxxk1wr7np4norwtfnjf157pfg4rtjkbg0owhzvplyrl5f9+s3majbspjmrq0m6shzwu1ahvr3ehs1/pju/3ylofjfrnsx3wjc5fgi4ta1crve+px5wb7+bl9xy0mt617wourecyd8pnq/fpr6/nj/tyfpjcix8edrn+ywlv45tflof35c/zj6/fvr+0n9/nwjmbflzzxf/k2mucb+lyyp335bnvmtmfwt01w2ws3txdi9mbc3f5xf/rir6f3o3x7bgztq8yqxcrgo7+0nrdmba9zzokpvesbd5z5uliun5s1wozht+5kte264lbjhg8zstdk/ffssqs9vu7akbddq37u3/d236k/diyvc9bsmgs7n09fvegb3xfdhgzahwqzoxhoqkpnfvvbyuky4fh2oa0typuiicqhsniuvzud3hoo99iqlfpp2iwo4sydxtzj6vypumu02u1ws1518lbccf0kqm7mchlmkpsvlsugslo004mijvfbn6kcvh6+xc7ijducs6qzdg5kz62kgdfkche4i+5/uoeiirkilqrkkaqbuciioeq8ftfvrjoezxrxn4byohzsiigcwrowkkuebvauki+thhkqypicyrcgwzyenmnolj9pvthtcyvk6aecnk7ppernlj3dtp2nru0jhmvzmsbhha4uiuuft4ivgai0hkdsoj8ca1edp14enaaj3vfaj3cfacp4puk2784xx+lktgvil8p7jjbx8ncoduxkif4b/qsv/wgas7xvzw5kc3ryzwftcmvuzg9iago0ntagmcbvymoknjekzw5kb2jqcjq1msawig9iago8paovtgvuz3roidy1ocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idyxci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zzrf5pkembtu+4xaqw8oeerlirvcf7ry4jggi0atfr9p0tnl9ww2r5tf+c8l1dgv8owzd6zfxf/ux35pf9mrmz+86b4/mwadborx9+eztdvuwmwdcrbegqsgobtpoazj2hgszkiqqydjhrjwgj0ggme0wswdmtxpbbhsqymie7wlztnclyykiqzjekpkecygvhwger8lalb0swvskpg1trd1zq1o0gpgauphp8jjqaeiglokbrvzxwmisgo5hq1lqkcjp8ij4ktnctigt1fnmtwfwrvzgjez8gqn0tpv4epu2f4kz01tmv5vm94xqpuopzpzdmszxylg3gaexxdmg232er4qeb32k3xlhu6iki6ifa4fwiu5i/tesvvdudhobr2/vbdnvmqhd/c0ysyags33fywhe+vo+h6oh4gldcq6ooa2cbcviwp5ovixxtu0vb8wssal0dzm8nabzpmli2y9beok86lmvnyt1zvhn0uv+v1armixr22w8lnuhynpv5d9k8kxumquxgvbtp5cr3zbjfr+/l00klbhirf75raau7silajm4owq+3jfv+4xs+ike9vi5re4xdn4jzgvc8pb5ypu/3hsn9tljdh0lqbj6fmcjd1wipx7h6zfwltt/ezcrdwxt6dl+xmn8afn1/w707pl/hkvtoenn/8ed7svvnj73+cphlzrxp5h80mkol4q/72m73wzfsrno2zryaqmhhdrt4enp4oj1crums00ywgcrjhh9hdoi7gh7sodhc9n6piwb6gve8mr2/vn9vdbrtz3v4po42qacsdo8fhekdrvs2u3xz/mlushkcru9mkf+vwcuqjtqpoaevbdjrbadpblegl2xqufk+zsltbczjlgxuhki1w6+1e+g80a0xtsndu2kwsirjhpvmf25ksfcqod9udhbnqooxeebwyocnylj546othptlzyqxmttrdxr/f6/otr2avcmli/cj0cdngbvnnlsqo22i2qe3pdsqlvaqofetaf9htwykbn8xk1ambhltigjkngzcr8hemextdizl0a6n4ayius0zev5xuj3u/aby1d4rhugvs9gwolnu1ae4i0djzd4uez/xkqy9lybksbimkjfsfopo5yb66o3qzaku8iiggqebxyz3rj+pwieenmgfyepzqfo7cedurci4esb89ag0ikcz4g3yfzzyfoh8ygatbclr9qozj0c/x0rsnbbdojijp/ml4fulweu/c7zt8jvhlr/8e1uq1bgvuzhn0cmvhbqplbmrvymoknduyidagb2jqcjexoaplbmrvymoknduzidagb2jqcjw8ci9mzw5ndgggnju5idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtuzci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zl7d+fafmbtrstyicgjz6gsb4p6fiuqvks92+//wfbeutzb0z7ux3v2zd2novgbe+4mivo7ltd/ft8o8ewsdqdteh4mgs7sqc44d8cxahxba/7h0w4dcox2m4whgmvzpdcm200gnpbia+xhvv6o43ieh0cvdgiceuijzpseqrrfcf4ehw8jcmbjozibqviu/qffuvrfcfhlsfbxtvybfuwagtj0wwgbhq4ffb8k8f4pg/xbywec8xh9ol/vjgg8ywikyhe9pmgcz3o+lknk4uv/0igmuulm1rksboyygy9oqixwloo2z8d5mh5o8ktglhllfuqvsrvsluwzatoikzlps9ifywec5sllihznzquv68znq9w6adtkusszevjjeny3dtujdpxlwbczkvsb7dv+yddodvv1ci4d1xwj/4hfukgwgba7zfwb3chobjkzjie9dr2utyadmlrjxxtcrpytfsorkdy7g/h0ctabpdypeq1a/jkk1fyxnjhtkf0nm1blpjeeps0xi8xzbdls1otxcs0goulbscpxa/+czobl1wr1mn8y95rltejxri61rzxm9/qkypqyf90ztp+x681ms3qztfqtsty0fjf3wgxac/xb0cn8td3tdpvl0/2gxbvmq4wloc0uh2jpwmepi/xu9fv1u3qe/gq8gt6pfxu9oxs+7nryx+gzl83r29vbbj1/odh5v3hdcshpyti/2vh5pytdv030q0avqfrkqh9x6c8bvbmi9wt0lpnemtn90343thchdhdadwd0d/d3u4oj6prykvotl/yt67z3el10epvtdrv+3onx0teyltaylj81hsrhjt99jojixfzgi3uhh3mwnswwnxdtkj2zx/tr/6ztbjy41dxxqabsj3ejfqdeziyjdi71t6kt1pqdhojaqf+21ajknu3tuwfwy8qdn1vtdhs9cj54yhcjhz3w3jihjvgqkyuwqxcvusfkm1ehy+xygdn1slwyan5mxahctqxmohwp6a4og3cobjyzbiy8diy8cygg3ccgfk+wd0oajyiogzydwa8eq7orhjamlaqg9v7dll7jsd3v5qvi91ui1pus6opa1p/qmb7ye1goegfqocaqbefs7wb4roe9mwgncwxn7dstmpso048zqb5bgdj3glyhaxyc73vgdhea6aowgnhdod9v2fnkbedvgsloc7fxrajbw/g1m0++gz7j8i+e/gwqndz+zw5kc3ryzwftcmvuzg9iago0ntqgmcbvymokotkkzw5kb2jqcjq1nsawig9iago8paovtgvuz3roidy2mcawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ideymwovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2yawphxbigo2pjvkoixbzrcipspjraihatdv7/b5nnnndgnvn53jf3hwtnoo/hysl3fxpz39gpe/3plx3qn1ihd1dm4geebvzcr/ghlybaaeadobai7qmbd8y5j+kakoewsvc4dhngagyd8ogoaeuqjextnmpahijjamyezvk9tza0w3k8gmvzleorf3m3nkexncdkeuvrvuwjyklamrth1ve2c6bzqypoeixugoixxytipit41l+hr3iiofhb1nqjltgzidodmnrvfqa+bv8yd4zjhpe1emrml6xypvk2inkzfddknighvlf6vjgnauy6v7lrjsaoubnluxrcltgqffzexrlbiaxyvq3z6fb6/v633axzuzqeergihbbzqxs4nnalk2mjrfvrdr+gj6pr49dptmol01bffnxz8xgnke7wuww72r2mj7p5fdyzdbpno5+myqibyzwqjgg+esuu6m1npfssv6vlyjp22rviwo/wng7e0wwsiy0orrbc6a6ni5f1zrn+ez4ouw3ljcschubnh+eklahgzm71r/oxzfbtbbtzzuf9ziubvwua/9zjnbhurn6+c54wr9v33e59+7j4clp2zld3s3oci1oix20/tjbrt93hx+7tdtl5uance92vpmothrrcn+8fn58f72uev/ojp+gdwxs13x3++vw526ymg7aph0hg1gah/zu5p9/9lfgvjv/y8o+r/j3s/6mm+cebfxl4j4h/yaz283/5tpbts/7mm1wt53vl9vxnslci4pmefgfpt3jcnk+97pnauebauy6fd47yeey0klccjdhb8kuvzm80w6032+1mvzynes3yzb+kzlmsn63g/wdyvhofreatwf2tlykpf8xzkkdaa6eltbv+42s+am0nj/27agf5btco8phvmp4uj0wt+cptx3kct0djodo5lecsgs4vjpz8d5wtikqrkdqnds8zgjxuu2exmnhfzqm8sqjorghe1ppzol1vttv39512s24xzuru5umttatnlwgkfzvy0ixydruoqlasgpnufye9zthuga9cusbjqm6kzxyhccrkzlshkyln2v7vmoag4qgcueikfjosqtqoltbiwgro8iraqtjqhhiaduifvyvqokimriqb0tg/8vzh5tfpmxwvspimkksrh2jpeo3bqf0qehmxlmubwjabqashud5wxj1yqb0cjkfkjkrasinudmvwqb+1gma4pirdqhc8ieggzk3p3jlhwzzbzf/cpa+swgur3v4lueteqynzrr6+by+ebl4gr7z4xq8a/+jhvweznie6zw5kc3ryzwftcmvuzg9iago0ntygmcbvymokndgycmvuzg9iago0ntcgmcbvymokpdwkl0xlbmd0aca2njegmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca3ndukl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtnwdb8lgqhlxse0ggdokdpqhkkajiu5hi//8t7zlbvkf09+vupvmblsmzw5zjzozwcjyd/cfsnno/wzmrplj52wsnu/i03yefhoidror5nopij55ycmued8owe2myxunxhb7rawsq5tief6jxpm+xlhu4ex+nzjlelcrzvhrflmvjfighc0lvqqlyvlrnn1ztnvwwbp6unsg9lcdiimz4bz+fms+2tf2vxq/91/spmueewtusxyayjksjhunbv21qcthtdi7llc+phu2ey/fkkk0smbimbp1exre5mv4x+s64qbh2ibjp5wqlcrlckuazyvjy79ukgwxodu4d6i57shddcikjblfsrtei1a7l+drlygfs8mdykrli+kpxbknaalu73u7nrlmv5fprgkvjh9mt4bcmj6reqdrvrdbbvcfonbr2u7f1si4e8umkclbyv85lmk2cv246/df4mpk8pq56rwoxfxfmvec+7o27ul7wfefkoxp7p3qalxal+frx2g5umrgav6v783wpdkwy4se51nvd8exluvy+liypvdz17jlo1u7ibdlwoulyo/swwsxxq9xby2zcv63l4yg61m/rycy4suzlpvc4e1ltnpv1cjez3nukizcln5yhilx5p56/rrfb7ebtetps1wujsp2t/dj71tqun4rj3+x9p8vy8/7+vl29zeydyd0s+tuf6eziz45pd+wmziachuir6jeyliswma4wdlaegafobbghgaf445n+rwhmaczaeyaj0anabbghyaiwav5vcv9ebbgcdaggaeoaicaqyagwbbgcdaggem/vgyoaryaiwlsvz1aekaiuad6hts4+aboacvaegafobbghgae4notejwgmabogcmae6argaowdmagyabft0xoae4ajuarganqcmahgazia1gcyaeyaigatoboactaowas0bsaeyaiuazganqbmgheajqa1acyae6aiwatobgacjamwaa0bmagyaeuajkanabnghiajaa2accaekaiwatobmadjaexaawbmaczaeyaj0anabbghyajaa2acmagkaeyatvd/yil563q73w7enqd/94humurzfvwph7brhwty1iweofel606myhups5fvzrnzlxetazenqqflsuhe0uwb7sp0+w29xq9e50/9u1o+ebk0e9f52fbhu6v6z/g0f10ul6/p08f7vjuxd1qa+c0zhpd1fyrzqn31hyalz2kz8ahzc5w9dhhvktvoneelzq7fc1fn7ubhmiu2ht3f1krpqgoqauc5xoofw4mqfyyls7xbbn/0qgzqazeu8omwz1ci/ol83b2q7tl0tuwk6q8ncpv6867bi9a5vbkuzmibs5n59lhovmhc1u1anjkvx9dvwq1ws1g9kmqsyb+psit1o+gehhdv0xemjbofuuwkwlmys8cjjqxlastcfjg7hz4h4twij8st6sy1tcorczuwoyhulvvm6t396cqspdhbtjacjv0si0zcaz+lqxlpft3gnzx+od4vyqrutx1+j0dm8fssu1ck4tbz91nc8cwvsiqqg6bpjwyauqbiir9t/7wnrnyxdsvxgijlikpnuwrjfdisyee6p8ktddwmyxepqaqmcajpxcfvdlxnf9sbyvniq4zcmx/io0z28ykd8aa+veim/ezcnfitf/oi9fg098gp6r3dtro/dz/5l5u9jtz/ovoxpvqhf/lzz2vuzhn0cmvhbqplbmrvymokndu4idagb2jqcje1oqplbmrvymokndu5idagb2jqcjw8ci9mzw5ndgggnjyyidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjiwci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zprd+lqeiydetm5ssiiffhqurr6knpsvxptsuvy/3/lmz24vmtq8uwsdc6a9wnzytm7k50jw359vv9kvzb66bi24hbjcijn+d/lidobqq8bggaxvhqj4pft3xt4g6yky7jbknhnicgo+my7namkrwhprqjhguuarzwkegcyi7wgsjkvjikctzjwoceuv6kjimkhvdpcie1vqrlic0hgv+rpuwmwhc/kslg3omymzeynxvmkgxzn7cgdraxpetoesflpucp5fivqqiwqygd3emazltjgpjno5gpu+zomltajqirwle1nk72dcspxsmrerwy+vdmvgs7kxdxxmqyregxpp3pno5ktudfjqexp5alealvazctatvzijkkaldjzf8azic9p0usmef5rxnduqe2rxku5n47riribdwtub1wox6xcpdbq3puhof73pnfxmk0amksc9ozur4dbxamhynfxsdps9wbpl6dhqfe6xslbzlgghc52fxcvi5et1a67g+frgdr86nea1wi6psu8nfxnnove1uievort3tprzdqdtsbdh7ur36ezectec/to7ubevkop3fmj038zv89ms4/j6kl3uytljyihyq8oe5pknzdvb8o3j/l8ppuon+/b9tlgyn7ctadvprxozovfyv7+9tih/crhhmql1dbd4xyfdc4rp+kj6xy5xc4+jkpe6ynkjm207inemfls7zgz+dth44efqfgzid+r+ewjzrv2s9gyy8umv5vspziwmctgebtdbayxmctgebtdbayxmctgebtdxfxxyrfgewar4pqq7+8wgftlce+l7j6w8l0zblzzdxjok7nbm3xcmzedlchebb92z+jfvak+d7ewfbvi3btinjpkvnhtapauztx2yyoxykvvajwoaymsda8mgupccmdzwvfutvq0hxoctxytcmfqabqxlb1nyyryg2g2787hndfnsumbw/oq8w/u/woqqglnzw5kc3ryzwftcmvuzg9iago0njagmcbvymokmtg4cmvuzg9iago0njegmcbvymokpdwkl0xlbmd0aca2njmgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaynjgkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmmt78uouhtstcpcticqict4uoc6koqq8pvw0//+37lusr0v6pu3eh/e+5vmak3lmztkzswzxx139v3tt6ucvdtjevh3txnh9dahvesfzya1ccfvcub8ehhmgqfhbsyikcnzran1gdti0w7cugiyobrhbnx04bjazlbfieqhf8ygozwgqeac/n5+tm2fdgijjyquvliwr51g6sgf8jx8zoyimx0vhikrpbkjxoqoiizzlbdg8xw92ciceoaizctozsiwrluzedfwrebby+rqegzocikt6ipxo5yugqj5rmten/zdozxqcbyri8ljen9p5uqvwt227xi0xs6m4fhzdn8i7mdocogijdkfsb7a7oe6rusvnujfvhvce7neezhhjjvn5m0a7pxydrsnuq17omroicjrmc/6yjp0vwloiw7y7g/h0ats/h/vva0urpkpov8ge7tqrkkyqx20njvph1xq9flpmr91gjzuiyihgmzbx1wgk5srizcra3dfsud5st9vn1ej+0krmk1qy97nlajxtbvqni9xmdbfbvtw/zuedeiglk7x7px5fwizohcq1kancdqbl55e3/x6/264x465dtazlndreu6wmsjet4expszscj8f966/hsa9rsoyi4i7kj3vubpvdflv9o76/vx92z8v7fqoujn1pz1xbi4990cz/yh9yv+zfpz4+jm+bpymx41wvoyyojbkzz+iji0owh3pti8ud3fljpzi8v8mdkmyuyg6jbjnjxpbsdmngkbtp7k8ipdog1qgpdkh1qkoduh2q6obub6q6inubqq5iducqa/l/6hwzbgqskelasisrmgnijcctgdbxalyrpce/3bockcafi4l/bq0iknjnqrkbmfwksqtgmvu5hqlw+lo/ha5vlwa89r4ehjkhp2z27xfrlekur5vvceoh1kyxanacl38bq7ndrbftickaug+seujbczvaqr+wqikuv4+zca/pj4iioqqgqzmtndrdywwbepinb616mr33bu1pgguh2uwmrhpq+k7xtiu5pd/gstehudhntphgvu30+v1+t92sv/jwpcqf0m5l6tvbcgxvmdofcrxeanm1m1losmikekjyz3zyiajvckiy/fymxyyhcrlmmq5h/gr83fue+lai+haskuylqvbkjbtrwie5l/okukml+aljlclqvddiimpqopew0my+cdlyxjtazakszxeqss+ieaku2cpfuiwrhef4muauwhbefjdvcfb7uz10wi8knldbhiofl5o9pleb3ekfo3chcbofbdha4b6qnzyc/pg3cg7wodrri1tyxyifo7t+pwwc6a7q62922jmnvs8x8xw/xrh9z/9nd/4nddh8agvuzhn0cmvhbqplbmrvymokndyyidagb2jqcjgwcmvuzg9iago0njmgmcbvymokpdwkl0xlbmd0aca2njqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5mgovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2xav+iubshrvzyfvzadcxdc0ktzhryybq0977/z5lzloiamdmvz37ef6lwnmvh/gsev8pxx40ra5y7lavcftldqpjr/uh22bfgiubvcdidtrkf37jbpodaclpgughabotiwrfv0e4aprrf0taoyunxu7dazn5o5azgd0uzlmfxpm9xlmvqpabpcdi/qxsohumfnyhkkiskpq/aqqgc4dtu0jtl+yr/mcqriillwydkgwkp+4hh3owhwuemyofoxnu0ty3hikpq8ni4/7fpr65ung6kfargok4l05ksjhqyey/ifuddlmhn1zyuckzo8giwoiazhbtypviplwq5vciqswjlib67wsrxcm8grkbypfv6wyomxn25kelegyjpq/dhom2lovgyv67prxan02m39ea1mfyvv8b4vuhx19cl4fe0zf1db7/0b4nbv9t5alryt9ggz+xm2z1phxuj3oarj+3e62g8ho+gvu6zvkzhqyjnnh+ic75qlfwspb28jift6xtypuw9p5szqizx9mfs4uxuihnd8xsp0e6njp/z+xw2hq9+6dvcqvhjte6tpmfptptvtpmxm3j/xcyxy8xsy/jydj+/dft5xgbnjvnnvvrfrx+z5xq9xs0nb91wrqc4yi8rguavw8l8tdls1ovpqad4mhi4ieeqze7bdu8/14tn8eli/fx1tvl+ji84/gloxli0spcxlbeehcb//biyl7vpcntchqmxz+qfvfet1/dz9+pfverpkis9e+wlymq1wv4skpv6mzurpy7klkuwkvdtu640w7lybdvnn9vtpoydut3zq5shhmetu6o3210uwwerw7ytgkklgtqzl9cn7ew8n09qj5fabie1uq5vptzkk7wwmqdmza6uirk0klp/sjkddkviq+f4iplgh89mugkvan+rkco+p/sxovuaqfs8y6f7gfqghkcycarldbokhar4rfswqayhhqok14gqeokqlgsbo+gb7oztkcdesczmijkegjrc5hqchaahnhrazmkuty1zzg5lh7zstngswbchge7neiftwammiagj0ciipymi6d+oamgcomuu0lidbl8yhw8+t4dobffgu8i/uf83x05uymvuzhn0cmvhbqplbmrvymokndy0idagb2jqcjg2cmvuzg9iago0njugmcbvymokpdwkl0xlbmd0aca2njugmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdekl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl2tbolauhz0j5i4q4ivhubez0bquk7myrntxkpf+/2+zfy6lofj2bwye9gef4+e9h8uwck1i5h+qh5764ro85hq4dwkmfvoktwuvgeoahkerunaijma6gmcwikmsjokcauhswbcicsapmmzw0tqvjzjowe4jkjajalig5xhegoj5jmvgxyr368e0gavzthalwt6gkmvjfdigjpj4fy+ppbwbzqkxwvetyrrumqeqckxgme+xg2gcafgoj9iz/zcb9uvlpbokjha00unrd+aesbgcrky0i1+wiqenrcvmg1oqlgssrri+flu5w0vxtj6zsnb1hkpallk5prwxegzre6ycykulpeeldu2y6bratvoizhdzwliryxufgqqlsvosmskw7bpz3e7c3xxav07dlmzpvikh9v410hmiyghyui+u6077vuv2em73ru3uz0w9kqugbn6rdstrxyhgvnlzyrvxc+8+9wed/rn7f9oowezaerkk9caps2l8jfeqtzruy3a0ho+gz26nvstlt+igfhuhnsbujfm+vh54go6nuopb08p1xvk+o8zw1+rdnas5mkqzdqpdfrlnz/p5bpr7pdu+ljuaguno1jotxfk1qqv5+9gfv84xi/nrqp9427abl4lxhg4b7g4ms8vyuzinby7gbt2xh686nd4g73wals/x4xs+fhtbzifdeecpks1j0hfuylazozdw2jkvhr7wngnvmfdfsfvpf744whfhx/m/erhbqtbtyc/2paf3lr/57livseudtkett10qafbd44fho8898mphgx8ou9//1gfv/hsn+3fxxf69dmzqaf7dlw6aka6g2lfnum0fpgnkxkd8mc4e5x/z4xxnj+og7agxaznskijzvpymmwjkku+5kwpkiddbwwboyeao2s1ncp9ekkpqd858ahvmexoltddrrlz8uf59z7fr4lea+niwjsm0ssoqnwptmgyp9byateeceafo8jjkoyc/j5ivbafteau28avb/yxgo1sffml32wbfpfyvz/wbpuukbwvuzhn0cmvhbqplbmrvymokndy2idagb2jqcjgwcmvuzg9iago0njcgmcbvymokpdwkl0xlbmd0aca2njygmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca5nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2xax/pwhtge44kepllmcqemszqasxvqlqpsnu+/2c5ayepoyb79v7u9bwi4b+xtzei57m7+7/q109dg4tp/vbln15ygd5fyganohgxnfvgwkbigia7giebglfileevgcvxivgtgsbxdbzaoz+8s2paklqorlskurqzjncce96jisavolmo53lb4hmozwhyci4hpiarjmvwvcjjcpishuwepsmfp2zhp0mmh5yj0bim67qmxakqjhim4lh/bzzc8sdqkhrtjxtgbgvsst2mhhmgindu/h73ilnarztdzbdllm1bpuiuk4yryy4mcbtdhy4mjopzyvvpzuvlaq0bqlxsgmnefzglgu50vnkpjxlbjhk5q/lqbhdb7wb9vmgmohixch51a8v/ywtfihhdlfwctv9pobonb712476q1hsbjt3n7qsddr1imsnfbnqgo5fjddp5gfzbdctmretyljrnar7agjqvx1pfauvxetkblxbz2wtyc+7zrizmho726u2ufhq9yzu6t5o3xxk1wi5m40grwkjfoxl3lifvcziwvn0sp/rgr4vvx2bzszpphp1aka3j/l6pcuzqe9l7pz9+w6432+1m/f466tatjcbztduah7gyabz5+djfbbafn9vncvbcawcuxmktuyqhf359fxq4berx8nzgslhvv/78+dqu3sb9hxuok4wyguhejon+rcdx5g0yv358t2vmds3cbhzn/8pun47/7o0ddirvop7jqnz7mb1bss4bfoswmo/glj6q/fkat+tan/nucbxywiw7vefzu2euftnht14cc8wdmvdb5prmu9edtufl1xq9wr69plvrxxt8nhvdpllr0qv6ezb+nb+d5tpnfrnsmglsgr+jxkocnwovpzcct2eg6xjqadi5zdtmgks9/l91pxa4msjatvb/atqgjqzdp1rm6oqpqf2fcezutxshxg92eo+gxtupwjkjbonblnnv931dtvnsnjep2nwg02y1mk69yuxtmgow+ix/x4iucwy+mc6v7hifvlyk2zqelxjgswc7t3b3b6yzaxfmiqpej0w2lwflzhrsi8gcfd9y++akkmeghas8rma0rniajfu4rbugt4od7qypimyhnilqjaqkqiok8sw3fdclxx4nybddcoiohkgialkmupy78/1cpffjtunfppphwbdd0ce/wx1m0fdaqb3ohycgjjikbyihfbdh+wt6qbw0xomhrujwjvzbk0uwx6mw7ezhslyqbufu5zpsxkfwaaila7mvxkd9t/cq3dgrdow4iy+xvbl63/vwx/d7izflbmrzdhjlyw0kzw5kb2jqcjq2ocawig9iago5mgplbmrvymokndy5idagb2jqcjw8ci9mzw5ndgggnjy3idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtexci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zjzeojieiuzoycricgolmbuxkk4rsvxvxk3qnhk/z9lqttmfcwz25n5obcjy9+d6rlb1km7u/+p/ndr14w50a+7n0ag139ibzdwfr7ioqddgaxpwmpguqepzgawieisdchbbyiyhbfepkadbbmiajrbommkcseiiopm/hmnmmnyfpgknmmzkutjax4gsirhwkjekqmgwzzegwdpiot5r6zhdbboxpcisjyhisvujroromadh2viwoyqwipjzjh0tdkhyalpqdwq/mv2ucghmhej8zsrkxrl5xk5zbbu9aqqixynwznjkombkmifoz7kmuwq1wg2m3xrozq3uqouzijclu3aa0gypkiks+zdvdxp2bbdfwxzlykhxu7txyqflztehovejl9pdoz+cdts2+16jz+osxc9kzk4ixblljktwz3n0xtuom5smrtbtakhyqibwth8ht3gau5u0/lk0x7oxpar1wrhtae9zuu+frpzu/axejca0oozqu2xp31zvye2s2f81k7m0oriuzdk8ycfswdjmpfiethqduflzw6/32/xi2m/uytk1aghn9q1zvbswijve2nntx0/ha77t+v82lvmxy3wkpkbhbjjlbr25hw9oxypx/ftyhn16qyoqfhgtwwz4zv98epj47bbi7xo/iy3n6alt/epz8/p437zmrybpk7chore+pnx3jf+zn45fp6e8fem/8xx4/8m/3j4x8m/hv7x+bcwv98l8z/wwlgg/8zxqf5zhy3r9/hld/0+h6l6xfuuiza7knz7o7m7ma26vghcafjl1+4aew/t6gxni812t9tt16+t/mmtn1g8vadynmqmug0/t5zlbrrezedprqdvzxmgke5uurlkszeyogvq63zs7zbk2wruupvngimr04xirw0pxjpqdnzvtaqmnpddyeevhe7jikkjhu/nyvv273ka6j91w7vslnxyqqgxrqrhsdjcjkbp+xkt0e50u2aog9vsxk9ebesyrncwtxqtlpskni9wqhao9la2c7owq4bs7vfv7raxpzlbvrqm2getkx9vpdvfgoveuwhawfuriyytpfhcs6v1ucadsqgxkczr7ouix4kskpa0fxblqklgqaoai0pimaxazw6xdcu8gajro0cmskbibnoeypu9adq9mh8nydmor+jylqfpxyullh55xhicoylqdqggzqgcdgegxs7+i0bhn1oo0enbtrronxcnbgrsrvdp4tw/dia/8dwiqrdwd7axdypqgztilpzko4cbc/za/eoguxpwqv+9+y/f/gvdnobwzw5kc3ryzwftcmvuzg9iago0nzagmcbvymokotckzw5kb2jqcjq3msawig9iago8paovtgvuz3roidy2ocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idexoqovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2y2xaiwhcgzvgrssyfquvucgqcj4xtjngocdak3/9vujaydk6fy7pooi5e4auidgnk/3s8/7d4ehj4v0sc7jx+yhlaf47h7lidgy4h0nsm+it23uid2ov1+fyh8pl8xq+tczvg015asuaggkoaleahdpsmfzyiotawwamspciapiikjak84l/j27qfwwmkzliwq8eyde0rooa365+vr4v0+qmefwr5isykkisjyljg2sajj7jiuxe/rlamh5lkacyuqmo8fpwlemdqbab9ni8hny7hfcoiciyrsuugyejpzcimizxd4tz/0o1dpeagevfjpixmll8ofpk5jjfsfzepeqidk/jold6molmwktaz+vk1vm/ua5vs3kyrcpilcl8pfv3f9eet9eighug8nslum612p9tptxrvqiyvl3gadx+gw0idfbtwnlnqttr9wxd4ouh3rer+uvncdhnejd06tnnslj0rnzud0xgynyzfxjqncjyve1nqcvf5czqpqea+1n4ztwfzxxw2ext5rj7pcyk7nh/shvakbwu5yrab3efkvlytv8up92gnuxhmrhgarnkygmcwquhrmmwrp5ot19vddr2yjnrnkpmq7bve4yygjlov1st4vt7u97vt6mpct8oztybj36johkkapw/ef5vd59fnbj1/f2kbrgj38fsueofxsskf8fbrzlndf/362m8wk8gzi8pldnohqbqtub7e3cm4d5n7e7g/qe5vppth6f5ruk9lsby4zwtum8hxivgjvf4qjm4om/udrlrp2dfnn3tbnyehjn8wqqdkkplyqz/6wg12u91morv1rjijmgsp0etvhjsfzpaavef0svpv1qv5znhtfo9opj8e5cojx0k9pridofwu5tprof3lg6re0y4cplguxhcgnbtxn6pwbwhydtadjf57viwxrnovpxpbjjknwdgazbtrrd5g+dz6gw66rvrbtcrhazvsa20mjkt6rlrrdbq9fq/btmrfrk5g7mgca22eezqvrjujv6zug5zlnwqvytbqldc0finnkqmbk4wgxttdfcous+vsmz8zds0qcd+9/bh+ho/tqha0g5kialj/nm2marrppao0lptshfa4iyvpflylafxnajqwuopriciw9kujafneohjqaiytwlikistyjaiwcnjebivm6ehy07d5lecqym9wpc8ias9zbjamb9jq3q6pesd6caiaawhg8iuqh3kyzkn54kehsjzwnecb3cue36jr++aahywrdax4v451dv0bnqd2il8muwjgcshy2+a67mrux0mwntticgkvuan/n8fgji+hunc3r/khunez/8mhfgpdswvzzw5kc3ryzwftcmvuzg9iago0nzigmcbvymoknzikzw5kb2jqcjq3myawig9iago8paovtgvuz3roidy2osawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idc5ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zzrx6jqembbts4cgshffbvfkbtxvlyikwlmmprwfv/psnmo5yzz+3p3e14gl/8z5ow/zp6zs/9u397pk0ke7pedwuspfqchidw/cf2hu6cwybjiwcxghikz83o84d2pagajgiqpiqjpofakqaafj+jjokaqfb1ngbalyei0rijhf0tjv9auzbajxhcsiehgeyxdu6d4lemmpojsqhbtsqkoqqlikpjkuthfqvzodlfjygqv5wrrvrwsngppwu2vuwlh4pgrhgxhtkrmcowiwqazjsoxvaukxcei4cnuajzppxxdtc8rvdetvhzbnps0jld0utoyp5ieqoqg5bj1zsvzws2rmmmxdvvmqdqr8dgxmhwktmgq1jud/sd3b/1uq161jiwm4y9wtfgaexxddopebziebmfkpox7dcfmqsixj2pw5x5kj+pcxhopdmfyw71rmjudzjejxqtmg1oksjncoegml2wkl/xochk7wk5wy8u8ghavnfjg4lkklf5n9hoczaq5w3iavff0svpvnuvv/wzcb1zmhzlhe43gfcna6txmilhdbh53u8fnah74lbecu172gsvzwmtuy7+5e9ju9vvddr24gxo1c3aol+yit6q5susnp4v17gm029xpr23a1erhufvrh/jz8wv+w85/io9m95v988+fz/vtcnbd+cijiow6qyg/knp8exxv5uvz+ec+d9rswx75x6b32oeplbvmfdhsux/3htdfh/dpt/th6o+4ysungzyab9wwh8xx4th4uat878ppacmma1aa/cnsfr3zbjfr5e1k0kywdrg272ytmnxypuhcduc38+udahk3hfuatikrn5h8mfd5stpsmje4ns4xopl0pgj/udbgumjcjxycpizfge6vq87gopicgrhfavstffpmhe/tb3jij+vs0xyb7z4/avn9dqn2udshmah/y2hehaf4k1zpagxhu9ptdtqtuntp5ruuzxxbcgytwcvjwr5kx1zrdvdndexspimj/3nkr7bdauotldxdkjxtc5btgv3sfgxnirmcnefssbp4cffzxmeaffj6rpvf/p1zqjgyy4gxrelr0xoorsqskcsaxubnt+gayf/kgzpkhasyaolgc5grbdpirba1gpdgjalkulmos4a4jsu2fbb5toqhkudhey9slu3hqfbdka+enplkit4sqpaaxikttyw2zh/egarwhkw16bmdj3iu0lvhw2g6j4746dhhbba59rup3p77l34b9m4ft2vuzhn0cmvhbqplbmrvymokndc0idagb2jqcjewnqplbmrvymokndc1idagb2jqcjw8ci9mzw5ndgggnjcwidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtmyci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zhzd6pyeezzwwwzb0fwqpxnxtkouange6eoyf//lv0f6sqqufet1+rvfa8uhx2kw1ge2nd3/9f8us5vfsjb//rmx1d3ebgtsd9x4bnudemd2ofz+/0bj/do5/thge37gcqikgxcsjikiacmsadchqbpgakysne044smgiqmspkbhgkysdmslwgirua5lqfgwc3v1cyphhmkwvhdefujyslp0kghvyipeickwf5swno0fsfeipoaejkmsmb8lpchj04egv5wi3hdtgey2wwmbszimijxun/vu8cd4jqnh6ngolcovsdluifrxnvfzckspv+nx2xxexqrqheju6jurva73w5ztxi+fdddahmm+phr+mf68nbnj2le1hkzyq3z6q+gw+gg37eqetomsixfxofwokfgukjmvtrqdr9mkol40lxkwuoxezom4hf1vr1xvgrhm2wrn5ron1ar1xi+gxtqbtoqcmwn7g9qrkwzuwp7mf2sxzabzfnq/nbvldixvytjfz9x50w5wu8w6t3x42qz2+/3u5en2bbdysbcehskbncac0xmyqm/wtzvxo/h42g7no87tvxcw3o9xflqjfwy7qdpm8pxddq97l8wd9163takzhvxoqlsczbbbv/pb29vp8nmoekbrss/4ely6wpvfjk/xyep693x7f39/fy6fzr2pdxp0lwshyx0vsblb+ytjhc1ezeh95fq/ud691xvruk9lxlps94jm3si3u3aux38az+cz274j/2qs/p886mbtobnabbmp/p5fmtwhhttzb3xhsy/vbtuj8uxvd3j757n424tb528w+npcshdldr6d/p1dn84hpab1wzurv6gfqiuj2vjfk0znc2ft5dnejeznmuzefhkb6sfo0qs2uqzp35crigrxwzuaxrtqetccezuy6livx0/ns4hj9nrv1xnjsohw+hi6jyqbmtljxz/oiambr1wrzioh9fzxokcwamkk8ixm1eqwe1ur9frtkxqmwnefaeeyjvu6x8+pmxmbkfcrunqlvi+y0rvufeoivq0p3d3qmxqrqfvmjlchpmf0xujy7wtxr5uesojfdobkuyewdwj8uqsyitiedbiphi6c/fzgcpssrq0w0gjazpe01rfbukg9i11w/liu2garumgsjiockd03gjebceifpfhwq7dmgzatmg8nlkzhayprhlkjyvbg4kwduxfvgvhcjo68ki2giuwyeg/7aidxlwcj+ovxstyvctrpglp29of9z0rah0ewxfyppk9+/llygyuh77rlnv/w5v+bpdswnllbmrzdhjlyw0kzw5kb2jqcjq3niawig9iago4oqplbmrvymokndc3idagb2jqcjw8ci9mzw5ndgggnjcxidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmta3ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zhpe6iwemfdlzccaiqiglgptbbrvbvv69pqrbyevdvv/1l2ejyg4tnnx+4u80jj8p8wiqhmn6hqp2q/xpbnslzkq/osc1b89bju8neaizbegbhyuas6kmepa+ofmugqjek5rpiegtz89i4ypdtdhlexde1tjogr36lpjsxyvicn5zmwcry+hopvjmweoseiyxiumsyjag8o6ajepyr7gqaylhflmkimnc2paqk1hpuelkytso5elvzcakgkquk9bwbazlsrtmtlcbemvk6pjidpvpdimp7jfqxiqvqsfnkxrlkjrjigijzromghff6maubwurir1vqtemoxizkzpchcmmbth8lzty6rrrz4xw3etjuddqtzr5typhytocybpzyznbhpziy73rrvpqwgd/1up1epzq1v5if692lr30mfevkxcuvauzt4hi3ho8df/u7dtkwtgmfb7ooefgpyizowrurzfjb6ns5m08l42gtvs5epumg6we9pdt50vohpmvk13x+azoalxfz1zty4a5rzuijyzta75tqbisezv/w7x+pzfpx+vlq8th67tbtgqjkfniveu7lyozucvc3xm816nz8+9vuvqlqvegdrplnzoplkxtd7jy/z1wa73bwvzqoh9o2vhq3xl+t5kd9nf+/bj4/tevk6bnnrtjyx27f90wwvf3sedkrfy5frj8/pj80qkifqmahhb9lzecodntk+cykdce6m4pyinphbmzj4uyacq/afhijj2vntm+80s7xozqmqmv9bduytyfecdhshh54m252/l1erjetvq8jf84bil79thjqyz4eorkc68icwiz1shz2m0+lktgepyal7hmjmqtbqdoyjmeq2dbsazcmgehktduxpajffgjuua6273gny776nuen34sb8hmyfwdurltv2vfazs7m0p5udmo+yulquvmeqdtnkmklfomg+0a76ecme0m1s3iqcwyvcbogscjqhvuqjcubvkgecjalaykg7vkonvcsrwj9fcpiuhhemkzfz9kvhnd2izxqxtihh1pzlkyjyg8o8h53hmiac9krd8hjlecihz5d8xk/gogeufdbqj6do1qmq/lcfcmoqui44x4xaeusadnu4consjqphd1cad5ehjkmivj/vx2887p04dvq3jmr/8b+29ze1xccpzw5kc3ryzwftcmvuzg9iago0nzggmcbvymoknzmkzw5kb2jqcjq3osawig9iago8paovtgvuz3roidy3miawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idgyci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zfzdqjaeiadbgtffbsibfcsxt2ysyzzmik6gpey93+wqw5mfixjyexmss4u4e/qomz4v47f/qp4truhbmtl+x0yoqqrtgkbt4upgesgpyug/iajoifg7a/ayqqkyfg6sjig0igqva8mydhf0ttjb01rczii1umhkdpo0qzh8wionudyggbablvlolihnc1ygiqrcryklak8s+mjgnpuyimoqzxqtbsug4aupzu1iqkca/l3ykdqanklipo2mua5lctz52bgskukynfxqd+qhienwefr9axvknkxehapyguntrfzkk4e5h5yhpdv3cyxk0690ww26k6lxdanteyzkph+nvxmplp5c6fzca8h3e7tusiyeljkavz9938fcokkiflzzq61uzd3/fv7/t1tt12z8xmuplgn6mkcerips1hpdxv3z95g4d0/9lrtaslmjwqw5ceblyd7wohj3bjrv7cp3utwnbq+dh5u3bqdm6aaxpymgnr0vlsn3gxzuu+9jift6wt85vv/tyr5m1xkkfr8qe6xknzwqlrvhl9g09l8ppuoxx5vo9virppc5jykzyrvtu/p7c9ssvwuzpo3p7srp5tvjb63jpidk0huxn09dyfz5cfhcj4dpvfdgsjlchkqwwk5n5ouplarj8x7yan52uxfy2tufzd+ko8h9936yfn7cvx5uvrojviyelaptoa+40yeo7o7gi+doftwhdfmcc2mf7yinu/3gy/sftsordrbz8wmxmp6v04rriwlsbjto3yfzd6xubyjjjii2vbksrbhs9+gexjsrxlgamty5bxjd4fdvw+bvbvm8hghlfs2wgkcqjx5ee+aec2eeiqaigm7+wzqyk7l/d3rq/ru3fbnzoubckioisx4yzunttu9vu66nqbgn0qy/gc5mbye4eqywmta1jzlct401h24iq3psgayy1j5ytmgkjfyvlbxfiglycc6ytkcq0fopoxm9tycqgcyigjd5gzilyljlqxccdsz0pikycdg6i52qnpfz3cckptuqyiykaafr0lwkuecmrnrzkbezaay+4j9/zf6b19adkro+0qox1q8cshj6hzhb4bwf837cbcj+zahngbvjvbuau0qojctvh5psbvzgrqbtg7ear668xfu7p/aypev/dnn/gjgvdqmzw5kc3ryzwftcmvuzg9iago0odagmcbvymokodakzw5kb2jqcjq4msawig9iago8paovtgvuz3roidy3myawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idkyci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7vdze6jaemwmkjccaqliayagyrwiup7xifc0jib7/3/l9gwmkyi7ed39raebobrparym6ulip8iph/48mr91f3eyat2/9aohbaz45kurq9a74byc0fhxaaxexgi3hi68ixwoh1beab+xetlckcrf0qckikkiagebfmwgmknrdmtxpidjwizgaqf8ldsujkia5qvrimfiqprnarl4v1dpyfkoobaphhckrdusghfvlgsoqfwv5apkwgz5sdgs6uw2zxi5bezpxmwrbz7u70upkkdihpfuzdqxt+wcwlbmrk4pikctop1hnxieyylmrcwzzdulcqvaq1ur5ajlpjvzycl/eo9omlfzy+qlt7u7t9vut9xg1benps7xx9ljiuyovlrtzug20er0b8phon9xa85nlqlegticoigekofsat6mzsyn3u7dj6cpd9pxsotwi3k9lqjq4f29f4/6eiloqjzmfspubzsdl5blxxwy7nyvrywmcv7xh/qwwusvlfmqt4ftxwq92axx83hfrdi5riyncet9djirvd3v3hvgs9vm+/y83swfhu1awujk+7n66aygpq/lzd54sd6+7hyv28fzqfmvmimzz3dnv9bfon+6/cly87x7fd09r+fjbqnkpqa1gfr4xgl6dpx08vr29vqywsb6xv8dvdiapdxud4i+e1poenfod+hvv369nekxf3jpkawifd838twz7y987sx5nz2xx/kbef5gfnuj/ny1/7yni03w7u3+sekmsisqayue6jl0vtzshgiu+9mchwaeberpo3mp8udpu33alken5u8iiyujwg8pjvpvgrcajxsgrrkjgedjixkof0c68xiya1ea3fvjbagytqy/g06wdanhshgslr52aq3ecdqbjaadzrvg6uqxmeqsgmtowy7x3z/dpqdbblzlvjybjfkqo5hableb09km7vqbtbfvcpv1sungskksagafxmyaoerqncanmozvdmovqllkx+d0lrzljxq5bjuhsm+lsklpmtfwdcdkg5luxbaoblm3nrcaf2u1kqk9dwc1r6kxyb8lh2+wzw8ylirgfdwuaekqehojyhzgyj8um2o/oinjq7mcebvraojgvdigiglyh3wcoygwqmcdwadrjle3tu+vdh9e5eahij8frguzloyyam0wsu+zohbxexuhpnwjmi4fbyct27tefhlkiaka4ae44tod4hfft/a1ewfvtu/xdz/o4pmddpffhfsntbnv6wvuzhn0cmvhbqplbmrvymokndgyidagb2jqcjeyoaplbmrvymokndgzidagb2jqcjw8ci9mzw5ndgggnjc0idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmty5ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zlrw6pafivrq4caxosmgnlbzavbu6zmbto8zzrw/v+/5cy59ck1bj+p5zmb8aee3jwdragwy1xd/e90ff2vtun6i74ztmd/fgi/fweahkqy8chcwr1eawgccasdwdbb8deqiao+8kgdhkiomqyzepyiqbao8kipfsbmm2gwo4gnmzqowc84rb+nktrm8hfbliheickzdi38ex3sjegxlc9iuuxvdjcmkrik8ggaivxxeukhgdyirjujblpwmmlzizihrkwehfpn7saeoso8pbijzcpj27mcbwdsyysuifa/ho18lj+0womkyabtfkfudt1yqedykdnqri45a2dfni1egxakbrxeadyb9apbzkvnxy6w9gn3bgc4uu2knfkl2en2+v1et92ofhm3csx/2g3mezak87ju2cvqszsyjkdd+7tmpzc1djlnyml+ni84db3euo7b7d48tqaz2xqygnqbzefgiebcfm7ner4i0pygjdkfaud+nf0sn5+x86frfbtym44rakvo9rgp0dc6ms3wu8pjyrugrebj4v2tmemoikth8yc4nklm2evgfzr9xr9ut6/r5doovy9ltu2ev9qxnjc0k+c27x/nl6870otq9thvlg1tkzhpxae8nrgv1tu39/e37ct8fn8s25z+cu86p9unemvnfy8/tjab3fvv3++79wiy8pfaioelhsfsnxmpc9ifmw//+fxrxr9m/buh15ppv3h4nw7/ueqvxfzflb8g91fy/luz/5rlv2v779q+4qlmpf848b8hf+df8gns/sl69fcbl68j0wvudyjl/pzgxga0js+4zhspu9kfzvab7w633txpr/1gcxdrw5qgh1wz7vk99+tp+blebnyvi8mvbr2ytxhz3ui/q+c/1+4g49lybvpohwedaiedvz38d3d3bsweyv9s9ybj6rw0ht/0mq6tiikcupun3hjmbxhzsozktxz/obqdrg+9druibrn8jqy4jlgdpjnpvftrdfsdup+uvss76yqqkajhkcfzbxmsei0ls7flsqpv7ntarxqlnm9yrltwyj2cmmgo8wtgkztdcsgt3tqzzeyffoysvbmc8seqrbmyfrnsmzytbzkq2pgxvyjq5tqluuic8ynokfu9bizvuqabkxhxfadpixvemricpilkiqybmzcha4osik2kf+yyegggjjzlrqrjlqmgwyi4iwt70ythfkhuxvmrem9zgjz5zmwkhzktwqigcymwjkncb/qkfyxxsh1m7jdlo4jgawr9jble4ezaw4b9hgibiar8oh2meeyenneajjgs2evnw15y9ozhrfj4s74v+6cs/8nj/wbyfzmnzw5kc3ryzwftcmvuzg9iago0odqgmcbvymoknzmkzw5kb2jqcjq4nsawig9iago8paovtgvuz3roidy3nsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idgwci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zdzv+pifivtytytkabjagmaqwjinilmgmaqbauuvf//t/spqi6jdj/26sv+ypxocaqo1n45ofn/6k8d/tszfxqktxr3tqx+gomprhxnoqkgauilia2luvarflhpyxpykqioggtekaqbbqd4rgoyzljusyxdlwv2+cvnugzlc6ikysbjegwezaagttc+hpukwv6ufvxlygmqios8sy/5zfzxtcclnt2bn03lms18vtfskncaxzjfcrkq56xiytkhoawildnvwwap3m7g8iatjmnlqmewnxlvq/l+zauwnajpqblpkar0v8br4ctfimndlloxqan5fyzxzuzw4rznps2yfilm+4fhom3lwq7geo0wat2bwlhy8nxctpn5egc/psuorlamy7loxlfj7kov99cn29enc8cyfighcpiz1qmjnbxvxkhsh+1ol3kadp+sxqcd+uvctovudvauqxosli9vg1hch4zgk8l4nojhuanaymssr6o12rg9rdkcndedr9nudkyv09ls+jiadntnzzezmoeb38izttatcz+87w0n0/nb23w6gfbuq//c0mwoqxpdxnlzt13/on4cvczff4v3+cvomb72xvuxyex3ccww3edmvzj+fvt8fczexsfjr5vatq3lg7xqrin8+v7x+fnxpkv4vvz4cy86g8ls8fn79+dinhl0oimof4diweiev+bgjjyuza8x33hphpcmojjwj/a/hqn4fn88sipvd2xwd8afn1d28pyi7ua/vco/zka/npv+92ydzgdwvgvvek/j6ww+n03ht727siatbm/5kk9mzdov2eokw8kradjmoq2md2zmdvgqqbpihiv1m/uhzpgmgiyp9zf1crjhdtegscmns7zba97g3x4c6nfj22bntbmocmybpmqzfcf086wsxextuaok29fvudkz9wwe2asonkrmbacaxibrbat1g4wxqdwxsyq0jvbvhmujuajzssnkck7f8+uxolrvvzxclqpspyscrmhobn4qow6lcqq4tskcwotbt8pvcypl0d0vkpqrt+xicvs0rbyhksip4werlxpacrpjofggzghkc6csablqfjkinohetw7ja3cu3ickipkipfvqwleksj2y3pwozimyj0iughlbeegcwhoqglfg3anxo9a/svi0wzascj4gmx/rw62g8vh70bakcijbghc4j+82jrv5u4dudfdix90h7mzyc17+ap4jfbexfab2e03w9koai+uhledam39phij+d3/0nwc3kwblbmrzdhjlyw0kzw5kb2jqcjq4niawig9iagoxmtmkzw5kb2jqcjq4nyawig9iago8paovtgvuz3roidy3niawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide0ngovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2zaxvxwhsg+ylztcjmeyskikfmpaaiitl+/9/yrh3dpaq9n885eb4eeday9rilo/d+epjp6m+nfhvy2epzdh73uwq6j4z+ky5bbgfhs98fqmiwdb0gzuede/d+jzn4mqzhianwhiigacw6cti5mzwgkzqmgyahayoicrwc0bfc2x3+aiadl+v4xkdiozahicdnd2p0ywrjs7wohwrzurq5fjqedgkq/yy9tmsp4rtdiyffjctiofg0epadaufmb3cajxlekipxzdqjgzjakhenh0sojrda9/rocolmjcwa1ljg0bqsyyzk9xrcdqksdvmoagskz0u5mtqnq2zxqnxko5ntemqqz0gn/au7yidxulxqteifurxr6ns73xazblt5laaikd1q/rmzti0ki8gxzsjvmt3bcdqadfudj9vmjtugqv6698goaxxdcd20m73hedafz6fj506jbghrwwbc7bqrrvl5uqm7nlwuv6vvcj4etkqmhldekp669c5iofro2qg0++p56n2z2ayxs1g3/phlhex23g4jduw1ot1+ni7ft7vdbrn+hfefsvmkkrekfpudoplqlgnwo6p5avox3+9374vpofk2uqreuw52gey17svrers/ha4fm9xsuvuxuphgd/a4bjn23ehz83o/deyf9g/2em+8ep/4/pr6ouze5so27dnhz5khkv5nxgek15lf/nzenphmjhfhcl+verco78lh3ve9tzi3upiw5n4k23vm8h6zvgftwp9zeqzpfoyfgcur/pztdv35+e7hwklr/o0ei5btayjfwnhcfuqcokhittocxvdupn8s5wffaaw7i1co6cryrefjyr3zbrebt/llr1hkjcnuoashjbzjg+wn3stsuqa9lsbdts3kumi0yhqspczzj7x2ydxbgf6no37tlmziwptuqjudajv4plhpdaajcwg86rdrpxw6gulvichikyddiqmcztfavqgo323wy0u9eubq7yzh/ggusnfsok7lzxk10wy1wk91u1tmpoavatk7tfscgpdlkbrxcgwrvagvh01dt8uucdfl1mcl7xx4ohjdvgr/ssvmdascrggqrsgv0ou1gexqdvtpcueleksk06bumh5vzylnqgpym0lfr4rhgduczabghfyjifvv5kdiibc7zg7gbmwwvcbkqzakiqlhasr2cap0z+bnscyhxdlmgzf/r/xydqohidlbkcsfraidrzz9piunmsdudpsadtnhkrzcd+bvpty50xbrglnzgdyc0e4aejh5qumx99hvrdh7djenbneze4ds3egqn+vlk7vr+x/th38bp3+wpwvuzhn0cmvhbqplbmrvymokndg4idagb2jqcjg3cmvuzg9iago0odkgmcbvymokpdwkl0xlbmd0aca2nzcgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdmkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmnl2qlgqqnptxdwjcezervgjoisxzifqhokqpp//v7oojezavh1fu5f14ad7lhvqqdtm7u7/fx948rub+ilpnq4v8qa/f+jxn4loitl0e+gtohzwcr4ccoxdke8ih8ohklvggnfpekdrwazzihalrilhqb7raedjge6qjiwcjakcgxww4kkelxojsjphoy7ney5jgzoksjjh+8pbmwxhyjhjs3xcloreiiflypxnarihhtv/zqpkigz4uvatku1la1rqxpvfnke8ksehq+frdghjselzi18ofpjgvk+pkscqwbsv/4o7+4zecjqx1hs2uhqovk1q5afuykwtmk8txvrtaordcoov1brrrnsa7u6n027wkyujryochufd580bhgrbaufo5yrvzrf3nbgonh67tauu0xictua1z730nkqwcvuvvjr202g6e55nxwo7vtuzythl+jfr4hjjsffzur07mdzpf8vf3jko7ey5l5i4cvp1bpuewshethmv1upywaw2m81q6yz77upek3naufhfvfnaqzbif6qdp9l8td3td9v1yjbowqyoxumr/4njlkdozq07djab3ef42g1fnzfdl+qkqhut8wwhxih6sw6pxlzvh/ep98nu/tlunuozrwaccwhmsd4bz9e748fnx3g/mu8eavfj1/bmqfhow/vncvbx+gsx2b9//vx5ftgupjccvu44hvdri2+dufi+3zpz+zxdfh63v9tbf+ttunq7up7othqa3f51uaqy9k5fbnac2fpnkwgwviihq29ktyfo63z/pb73bytn1ksxyewmmlixcs3avmcww6zfyaz+2yxnw27tygzstthavtlqt5zlerpdrf9fjv12tzagnbiysemrd37plrv2cooslq/lxctsadcfjmd5htsiapximnvwbzczptvps8mw17akmar4aqeuezbcqjnkvsvud4yjki9eq1y2nbiwl9wd4rjfiaqel1mnvse27u67yzxzehjcauzxv6q4ukywgpzudbncswr1mlv9ma39xobknnqczoludulkfcdz4lvmlm+ardmsgbktkypxootnvga453wuk0gjul60rutplzvujiglgpwppxcdkrnekzfqfawcuhq4btgusx6bh/um0ioeoggwbfuqbdbwlqgiqbqqcfkolaazplgadwmcbmme7+ozqdaoasoqbcm5p/o9u0kop0i/k/jrfodz100edqctcg8tgpejelk/sn3w8vn2eihouhcw0o0en9wj54j/txva/+ahlt+d0zcn/8th/gyrvk4jzw5kc3ryzwftcmvuzg9iago0otagmcbvymoknjikzw5kb2jqcjq5msawig9iago8paovtgvuz3roidy3ocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idyzci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7vzrq6jqeg03eyoacgr4sfmpmuttk8sszlrm89h//y3nxhqfrvs/7un80aucgwage8/mwchfhb8rfjpwirhabtuhlj8+kfvbbvaiqieieaixcamtagwig4gurdeeseabyrdbr9ehwkuzlmu5bmsyne2favklnsnyvcckekaubz4dczrydwcjoqzrlcdiyvlriwbvvwrj5nka/plni7kq6uysdogzuharjyfjkhtvtreu0dcvkzorn5ppdccdmhoxqbowwho9hayfynhricbmdpakulssyigfyyqtusv3ry95gnnr1ulj4/xpqvwbnntnhvw6osssxxd3v8ihetk8pbpmtliqvk8azwajxruwrvwqrskc64+exmikspbifozl+nxrvt2+b900qmuraxqqynehb7l4hwhovpvk7vsiftvuon2u8/hw17y08+l4rokb7okeegw6fimlc3btpu089wedfs/ptoov6/gogubd4jc7gxwixtligavsuhvqdyaa1xenfv09y5m6lgzsgt4ctwrpl68fuophgpd+2uvc1uytpk4i7pfyemeecpqod1a97fterpppddie9p9a9xi+zsiiwxo/xqz6qdz6fbmop7pz9on94nw3zgspke0gxtdpgp7uf/+yzeezyei1i/r0bdvdvrpzvvtndrns/i4+ge3mn5/z6fjtpx33dcpiuhcs5d9umt32zd47cr/9vv00lytgd5q8z3u0ho92n1v6lyvy05l+f6forkuy43hvdexpq2ko1wunlf2grgj2actzkvsosefflvffy6dv2ub9pyck7e0exak3e1co18uqwz/ptdsinx0lu8vezgzrtuse2fxopwz3pnspfzxx99xwlr6k4zae/5tde8kprwycga22zwqkxxwbthzuylfz4ib8jaixhgd2zdmuh3pwaergq7in+lgkj/0/a4ynyxv749gffeml/vxdkmvuzhn0cmvhbqplbmrvymokndkyidagb2jqcjk0cmvuzg9iago0otmgmcbvymokpdwkl0xlbmd0aca2nzkgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmtukl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmflzolouhznwmqvbbbfhngdxjkoiyzrgjsb//7f0pgdnpjt0p3bdw6whpoq7uzzbpm5ad3f/h9079ccbu6i/qnfz++9wiacbp3xy+bqvcltgwwd6v+tzwrq48dupkwmacbaeiuuqrmdvhxuu/iuoecrf04wtmqjiwohci9rna5hm2gcq5wvb4pkgx9iu6caje/qhcirh+jaohwwkscqkqza+8i72ufeaqbn8siqous2m63pmuxvzfdjghqfat1asl8pqljfkzwzdyksscu2rba7qo/zvyupijbmui1oins0uy6bsiwckdtussbthd+c4c4lmqrkwnaqvernlmmarxi3luroibaedx3suxsu1yrsrru5vmbwob12zuc6ltaiud8nzqy6lc9vw/2hyafnwddtonepgxbwdnhrz0w6qtlbcsilny83e2jotlsvlwpom27v8sgvzzk+4z0fqqvfn5mvtobvybbbb7fpyadjvljk6ldak/mmvs7m/hzhsvksli43eel7evu73+93zwnowk9k4no8cjcjjmg9rmxjrmf1ud4fj8bh/wc9gnwouoyqu93pbnwt4cmwom0nr9bj/o51oryg/6dbyssxe2anx4jayo9j+ehrehu7n8/ntdboc9ur5pcp+g+vzksjfj+f39/ftfovwquppegc02+zf3j8+ps6hl9vjv+hhjcpimehvmo5xb37evcl4fw/v7+g9i/3eq+a9bn5d4o2wya/s7qn+8z7ga7v/1/07nhmod5d/3h1g72gtp73hyok8h+lups7o5vhl2czh3vooni2beck+qdtqtxeb3f5wooy3q6dru5pnreiungtmnbrnfrvd0wy12yfe1vphovk2scv71csbrcser2oopvplm2g9t8a9rjedk/nfpj/tkcnxo9topeytowj2ob6y1vxsk9wmaibkwfsl8pvmdzcagmbdxrtezogwgorxb7if5ff9bfhtrc/kyw2z0+v3+912s1yyelhzzq1dskcxqjgat+eklvodvk+wc0zsi4aztu3qjzdhmqgjvlmqjzpzfaepz6tjqpmwdaetv7tdo/gaop9qobknxrmpudkha6qmamixrmrd7e4hsxdecerroybvicisnvo4bl+n47slazbjbug5qkiyeoicc81ert7w/otymj0axc0my3fbji5facolcxhsub3giuuhkqoighbkzzb8o/ppzzdab+u/each6cdghz+unkqposi5fe6xub5lr0s3e/+sbvn4bc6s8agvcifxonzzebip53p6q7te/89++ro+2pfyzw5kc3ryzwftcmvuzg9iago0otqgmcbvymokmtq2cmvuzg9iago0otugmcbvymokpdwkl0xlbmd0aca2odagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaymdekl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtwmmb4uwu7xmrfsnisayx02j71tzba5pmuv//b5l7ewyhez6/z9t5gcsnyngtvjwc8/dwr+khe98u4kj97wr7+4sgebcjrjnwc/fea2ctxs632+2xab/clpfv4jzvsv3apciaphmggvek8hwbopnibjjfmyzh8ry4jmvobibfcm0/smmg4wvrkhwaleuiwle0dydv902zvch7fx6/hvcrxkusoab5191bnxtovpc8/kbinyiaqw8hnz8s3ufbnvmsl/u0ccswmfmamxmp6kfvetna4+ge6u32mlzkc+gxm5mrfeulujgftsuiivuwwiccpd1uihuvty+n8qxkux1qqz4wmoli0ccduz9xb7v4ae5sq9fuvlxrdxr9fr/balslmysukqjjqfldhzmpwhtnsobk9c5goj5mjqnbt1ktpkjbnwhqlmspwlwui3gd0xsx1hlmzgvafdlsnsrzefgfnq66c6x7qvfsudkfz5ev6/v6tzg+t6v5po6xefqq9hj+kvzsw4lctt2cvazfttvtzjuf9erfvert+otsip1mjb+eldx1x/pxt/f9fr9blyedxmm6elb4+7eerhulzsl+3szwepplzrs/ha7vb6vzc7ociqzopxhqncms1vvtl7f3x4dd9vxnsax0opdyyrt6qtsw6r8fhza9ko19sx/mvtv9x+fn56/dej5qe7qb5mtngeksylwohcclmfsg3e3k9ibdkhkjybxkjkqywikrjbjkhj9czdog0wg5cmh0qeycmh2q6ya8rsoho2rnqnye5cigawiyepa1wt86habxzztxf7xwtj7f2bgrz758yowuyr0plulualbghl1etaud921b8cjnqq03xqxt03hzmh00h9ngot7zkmhsdcfzt53rz9vmu9vttq+lcb9e+sibbx9vdcvzldzgulhtaovlbnitfuxdu+ovgnsr+okxtknehc7ml4dlbnxvvxij3y/u7bxfzju9wstmv5u94xggmi4g7vophqvdespgt3loxlbd8uyx2uz0nwgdbqtwziunkaxaywcsnw1ttlmotvqgjgs2wkk1wu12u1mvlvjmfhzwy2eu6eiac7iaiitsuejjbvauftjmlkwpimtlp9mfjj64opidriyzymqratmecwtectphlscp8a7cihvackkigueficybsagrdvqr7bdkltqqzzhb9qpaibgcbaoacvkanrvd6svesxvky/4asgpeh8al4qoikzbwvofkiyuhjha3b6mqvccicie/hygcbnsdfcs8wtasasiwvttifjqd9vgnimrbied9myah6scgcex8qiidqx94oq9+5rmgeabbxmdacybcflaox7/ccbw7/radb/7vm78b6wfwgwvuzhn0cmvhbqplbmrvymokndk2idagb2jqcjkxcmvuzg9iago0otcgmcbvymokpdwkl0xlbmd0aca2odegmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmtakl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmgdt6laqhi0kpfdioytqeslsbglsfaqk+v9/y92taeym6qc7c+/k/cce8o6y58xjzp+9upipdonud+tywg/xz0oq4eqzrbjxant8dflzqpcqdpdd/fzmsgiyhu+fyt4fblj5kruzct9bklyiwo9dhbvwkt9yiznj0qxri6epkvc7+lfuhwzmhunfszjlwzjegwnpksah/0n5bzfdcxjautvd1zvnccoiz1aufmsh3awvbbvqxiizphkzomfdkqwwijafrndz/exltq8naf5sqlezmc5kqelu3airayeh/riu82g31on5kvzuqrfknl8olcvlujgfs5krvezpakfvhwoqhzizqka3ujffsu2+aapxsvm0gvzelotvntr9jcuqkusuvg22u71er9tu1sv5veyxecp/yr+6glo4wy9lctvmtz8cj8ejqa9vl+us4abae6h4rzgwl7dqydiekzc6g8nzbdabpg17d9xbvfqrgdlfzghkjjmvth4n0/lyuvzmngadejetuywwhk38nb1wkirrdkhwgt7pv5vnzr2yjnqnctbuzltwuzvjikqrlt73rrplzrvdvq5ejo8pd7m4lroui52vvcntajyox1avu91uu54/9vuvm7ge4nztwiwl9sl8vx17e9ttfs8dscdc39jlzf7tym9ftoftav5n+2b3/v7+9urzl9cjh5osbptubas3m4dxh7cz3uphpr7eo/lcowteifaogdctqwpwv3ucyw/8y1olouxft8xwq977zuo+b/e7v2v3lzhiauwmacbw6/xqw5jagliqqlraj+ppfagatqbts6icqcgqskfo/dwftybdzsugos/cdmcsngbwpz8cgfrdh1opf3fdlmr8ahekqfyx2mh1uqb2swyqz2gy9wxibetkargtucjdtq6eef+7k96crusgwwdqymhizm5uiyvqiz9nmwfv5vbid2q+dmgsvoukry+aivqgkz00aw9lwfv8m97azxlgmebegkphokymfi2etkdesxtavaphuguljjacezovpebqvtwqqgrkkwmo/3mujyig5qur0b9xp88xnonmpushgqrf7+ckjdvwwf3hclao1gmnlq5tc5hzwnacttkcnh1oyi0/cjjorga2at4zixfudvzbfusggndhvmwx48fs1v7yer8thztig5qdxuva/vnt5xfpyq2h+esxf/zrh0b42z1lbmrzdhjlyw0kzw5kb2jqcjq5ocawig9iagoxotmkzw5kb2jqcjq5osawig9iago8paovtgvuz3roidy4miawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idi3nqovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2ba3fpwhsg7ypcbyqrrfzjxuos91tplvkk9v//lj1xyisp7dhfzhjnjpv+iofdmzmry1ptpdye/5d+ofr5pi7gs6dv2tiuf8703vhqe2d1ngl20avxjmcbvv6fz3+sz+f13mia3gd2ewrjuo5ikvbdc9tahd92g5mkaizlosswzwik9f/zh90kzxc8ieobkcsjasfsfoh/gh9l4inimhokokygqpqmhvqlgba5xvzduln8uhcfh9xiunuiesxa0qphkczxlevapi47beduorq1kummmc1mzxqyroevam9a/hd21n8+p8uksqynmrli6q5ulubnlbfwji52hxcyp/lase+axuqt0bqsq1mrlnkpmcyllalne5y9svtjvpqjcbnybba7/cfg0o9ytbtculcldrk/smol91ocpoqpqrxzhy4fptppw6jxqpvmqwvykm35tyluvqtfbzxdlnc7w+njm2g+hfessj4zkqwgvogbu9npxg4nchvr8pc0wk3x65f5bnipfdo6irlx7iicsrbuo6phxwqz3w5fl/njr1hoxftpek5/lhsktjkcek0v693j/ox1bbfbbvel6ab5zxohiaxsrrm0i0o0xwr0hp7x2/3hcni9lmddq5i1qghuql3vwd6fll7fdu/v7/vny+oovcngtzv2tlk5ulc3q7kf7lplzvf+8ffx2k6extiorqqo6qgjcc+ctr3oemc9gz9n+oobp1q8r+j1fs+uufrc1riume0vqrgwxiuhlgxxyyglq1wy4siqf4a4mmsfis4m8q11fnsy/6riwymadwi8cpdvqx48cpagwimakxzaxecaanceebdg5qdpbhg5+jexg0+c8sf7m39dx9psz/+c7qry8xbbcerouljvtearzw6/37+tgry1bpkjtkbeuovaz/y4xcmudfmyn/rvcqmetb3mq63bdl4e6hw9ep6nunwgxtur1kvd1maz5uz3nhtagj5nk36rmk9gla9mlujwuyaasxfurd5omgnnx4n2vwzgw1+jxvjlhr44ks3dw53+edtotuqvfeoh6bubvi582ecwidzo5urverpvbretxn25kdbcsnheak+s9jflbvi5heua+djdfvqpf7ppeesvenrhe092j0mnm5ykaho8lcnmkmx0ihzrawievyslwf4l8hgk4su5fi7gjaqobugrtufufygn05jdslmmjwya8tbcimc85adis7slk0zu8nfp0qynkadbqjelvm2ex4dmyi38gd8df44ady7jktibuaem3ywen/ltpj2iacskignbfn7nttejbx/ahusjjidst3j9yfw5afmjbkg+jltxdbypztdu4f5rwgde95bt4ulrbxhvf5rd7/zh938droimcgvuzhn0cmvhbqplbmrvymokntawidagb2jqcje2maplbmrvymokntaxidagb2jqcjw8ci9mzw5ndgggnjgzidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmjiyci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zprd6i6fiy7vqqeuaqgvsfrqw1fw6zyfuu1ar3uanv+/185o3g0anhmfd2zsteqbvjmy05ddidpxcvfzd8o7fdxhsr35xnnsody2pc5wazqa9jqkbtegzqvl1gdad1wg5siijujqhb42+cbhqldyzdsdaswht+gospqior+4et/sw3akmfhyoigxgi8f2uzolcpfudolosjkqyoybrzemics0ew/yp3v9rrxptvhkankonjhcolfdrad30souhotfktquzwmmy8aesymvrceufpoxgp3amwiywvqvomly9adrlctkuffc6tqslp4sv5kum4kzotvo3klnrxnafeqdu1ql00m5oicmj9qe9aezwzvjtmmkwqc9u89zzv3r11qkujnzb4btyfyumoooi5yrxutp/8znphf/tceqwqbfdr+ksoaxxj6bztuo1obzacdqddv+3wldmdf3gwx/8q1i0uw0mjq0l11vp7l+pp63q86vleo/izk5a4bl/8lliqhymgl7vc6ab52h2zzhblxwwy6j6618wsjvmmfyzyd+uqqaizlnpvdybz5ep9tzynb/59zcppcor1vm7gfn20697z8hw5wm/wq8v0+nxylenxytdz3+wqbpyb7e5o9va++di8l19hxa9ug7p6rp7ki/nlflx++pxyv81eqf42u+fllduh3nixla/m41678r/k75vpfz43rh5xgczmhi2pqfy2i0nphn0epgfi3urudzklkjms5fwskmniiqywyaqbljnjyxz5biipz+thmbxbgzcfjb2qdeagaukhzcyg6ycka7krgvypyjqaraniicbrgr9qjtjvyf/xfed3lxz7/by+bgsedwcb598aavwwp+hg/gcn8ypofj9a4mcpfrchg/oan7yt3gbu6pvnwikybkdorblqcfeho5ro5ov5bdlsptwbopemqce+wiyw3x+nj9pjenjzw+fadms3apzh2jxx87v9wxdq7z557o1lpgkwd8sgsacvzasv5857bkref3po3tlldjugxowuquhisijtfcu1httstvrnu0atujrs8sbkbumogplmgawregnejfo7rlgfi51exmoxeandgom2nkgm01mzulis27kkp80sqexuflfbix6czxlrsejpq2zomidluurrcozht85ritwzpeqalkavseo8qwm6rmtaiq5iaqbfwxrpj8xfo32uf0rjlhvfkwvjbk4oua2tmpyp5bjgtsa5gfecye7arz3hohbfrdmmxqgqq4xfr5jq/pkqf+c5eko1hbtggwitm4gw6h3uabfgwwqmfeaynd77pcqggttiy/czi83raa4+/jiqdzg4uafu/o9p/qv+nw7dzw5kc3ryzwftcmvuzg9iago1mdigmcbvymokndc2cmvuzg9iago1mdmgmcbvymokpdwkl0xlbmd0aca2odqgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodca3mzckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtnvlt4louhruynewkissaqjb5uhqerbbpqarfunt//1vuocgb2omy+uvw3vtrpwgmk8dnwnn7e6zkwch/sydf+ulpftm/tv54jgcj+ettcjyapuktysqoiw2e6q66o8dvmzmt53nbe92gbwx7d26of0sreimjecik9ajvgo/r00lczexkwve1jlvvzimigf53n5fvttfmkjnp6hfnkyha1/9wpyslziusohnrmo0kmokobzm6kgf4vcufoktmwdyzyrhzkjedsjiwoxl+//luznluo5no5ovlsqvslhvybioem1rz5fk5n8/wk4utjc20k26+vgucnqlo6txictph6soth53od/+ucqlovijtqdbo2p1er9e9adxr5vzkmtv592z37zwgqaatylvow93+cdqaxq8uo+enujzp6yq/glo5lv3wogm32gj1hjet2ww2hy+uomfvfno2atxstfpanb5eohyjhr1xmt3behq3xc4xt9nrv90oufgojgk0pd/sim6n8rvwfzs7e3h8ffwt55nht1njjixqzy/v/uq8qbh2utbod37n79cbqtvydnn5xs0lyxfj/m1ovmpjfe86w8li9btdbp/xd/pxvauwp4pf5cc76wrkp93r6flx+exlzbtz3f0atovurgfb4y61j2b36+3r6+vl0+niqu2flp1he7nzu7n9tc+nw4vgj/ahzcvb29vr8xp2dunxrdxjrncicwb8lwfodk4mxb5oqeirmksyliar0bkqgcimv5soeakeachaoyghcafcgbdgvvt6rjqyaeyaegacobnghgac4pnv9ke7mabmgbcacdajwaqyb2acmah+8y5laewajkaiwatobgacjamwacsamabmgbcacdajwaqyb2aclgewazgaiqatoboactaowaqsa2acmafcaczajwatybyacvggwargaoqatiboacbaoaatsayaccaecagyaj0atibxaczggqatgakqajaboggyaomatmayacyaeyaeyaj0ajabxggygguataamqajabogeyakmazabywcyaeyaeiaj0anabbghyakwatabmaahabp8253g847vi59usvpx95p/q7vvk4atkz50hppf6mm73t6vh+bjq1an3tw+enbze1ex7hsh0r6m5/frzwazxi1nn5fn1vwyfpfelhzy3xmcexxdtuvrrf5oevewolroj8nus5jnwjok/g6xi7gj40qzoxhp7xzut9nrv90oufgoroswf/uqj0hanoewg63e8gyyprqprjpn1xzanlvqd+0xc8jsqumkcpxtvrc/vkyaxhbo6qvs0tivkael79xu3sjv0a1ejl9tnlu7vv6ve9fq1su5lgnqsle6386jkmbystdfqjvom1qn9urxoj2wdjxwhk3l0+51go4nsss0k+lsvlhmkhvybioem1tzx8t7jjmb+wpxzcrjzqky6aoeyxmatbcph+4vtoczq16ufe2pwrytt1dfhdsydvumu8r3atn1py4xikxqecm0o1smouc0rrid3j9+kuiyompmqqriehfpjf7nyuarv04oth+bibiimrfcrihnat0f/jdh8tw9hop+/zd76vzw9/yhovaotmuxsq2vdt9jete/f0tp0l7ogapas/g3dw/7vvonat99uqme/a/v+gdfvle4zw5kc3ryzwftcmvuzg9iago1mdqgmcbvymoknjekzw5kb2jqcjuwnsawig9iago8paovtgvuz3roidy4nsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idy0ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zzxe+jydiazobk3bgwmxodbdew1kjjeiuag2f//v1bhjru0zfzvs6olxowv0dnw+ssf7/9qp+7tvxtxyx96drn7zgg9rqd/y9anevjmwyp9/gbyebm68pu/cxajaxwmhklhi4vc4om53p2arwecotcgewrbgheejoxb4rmpsvydjbmuztasy7esy9augymdzhsfp+baywtfchxefcvjesuizzeugqf/jym6adtnczicu+pxrdyuxmqpwthkex5scqqrlcqqpqczhmfk0rqmyilpqpwa7m/vyt1uwohweindlbrl5vkxyboplsbxnbg+tqdtcwqn2yissoekfavrbdybvrvozjrfzeksgecf6ys+xelmom1h42mzblxsxv+l37pbvjmftkr5gg8f/dc4beuyycjkmluqd/rocdqedz1+p17o6beiq95m46vocpkaztfa/efktlguztnhv2mvmngje4zjjb9ngkvgdzbdrdfbzxo5hfsa5aww5snszq3esile1nkv1st4sd7td/vdzjl+bvfnpmzt3lr/xeppwcklkemz2ngmq93h+h48vk2na7uw1xubrfxqw6losdgcoudr9mc+etuezqfjfjmfdq1cshgyp3gkpuet7ncxpbyfp87vh91i1ksxura13+cpqt3ftx+fh6ejixftv8r7o+xuep786/p8/ryc9xt/cphmkrhs5j+devlaxzuzpvxk7lc1cyngq4osff+rcdyslhypvvfv2/kq1bvyvn7h8olmzxzmazhnj3sazooulyft9ozwyzqgj3pv9utkud0fjnc2vxonuzn1wacrsl6rgni8io9q2xkzp5qttru33xy9h/vblvwszoxbcfwgkzwuzxtrtjoelvfr1xi+cexgyuhi3kpoinfjxvjkrds7r6pjddadjjxuq5ppqacp96lnsiojyjprqdbt/qszcf5fus1a0dban4h7suu4rnfitm8wqvvm27btdqtelwz1fxj5ugdumucchaiqg2axxk1ztwqlzbp6parbpyn8r999prc14sqlvjbkze0zb5o5ab5qnmkskphns/f5ko1tlhqynaeldv1paglvkqswwm8xioqv4yfggcczthalwvyurzajogcdemgu/cqvkx66mmvxvcaipm+x0faf0hdejy/anklsndkkit2m7ca+dy7sar4sgvkbw3bkgbz2rwkuyt3t8cgbtschzo6mcplqvhrh1x+igayfnpuguqzmgcsi0i+xxtf0xp2xgplmfxiv8u7sfx375454ul2ih979px/8dwesxhrlbmrzdhjlyw0kzw5kb2jqcjuwniawig9iago3naplbmrvymoknta3idagb2jqcjw8ci9mzw5ndgggnjg2idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgodekl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtl1d3omaqhpoodbaqbcyiduvsbcuyjd1onnhk//+wnq90jwv3r/es74ugpdmmc+cbl4eh/1wpl/ptiw7sk6tj5i0idbqbvqpqh3tqi3dhip1+fwajtn6f70aakxnyqadd8imwdglcgmslodoaxnccpcikbleuseaqafe4ksilmzykajbjgo44lqfjaguaf54ecj8fiyig44wqjmkgkstyhembf4ufatyoyooaisjfneuo8rxnxvoa+wm4xfihjrjljfppddqvtmsjqixwnih5ot8n1adkazxkeemngwkzxyic8mymgddkgaxw83jqe/0bguzejzbmfkrveqprqfflrtola1kqqelpmupggcsxi0b2udq0urztd61wrzrlxrsri3g/7wx/eolkixk8u6y17p5gcorbvr1kghepsbnn1uatgnnbstny5zy9ge1ms9l0poi1a4vutoavcr+uzsvrvkhw6y9ny3fqfdywm6wsrggmezkdciypxzlpjd5wtlxvnpup9/mo366ycvvkyqc612mrur/htgulni21+qpfevsj+lhoxjvvvkgfwnjpztnocopultuvk/epz91u97v5nw27tujsc3gufy6qulmxbtpv9mu/3++26/mbxs8ki9itpjgrovju+/t7/+ngxdqf8c5wtv7c//z8fh99lea9xh3hsfzuozh3zlw/7/fo3n+m++vx9zvytt2swh9dug/r+8mcxbj9imh0qfgwptbuofjnhmgcan7jagatni23++plcdhmb91ahoyn6zfsceyixzol5svbflxzbreb9wl8alvzhuo1ytxbms7w7cfksvqdlto3xqtsjhsvqqljochfkvmq9fi2ms9a01g/u3/oxmmc4zxkks6kjbklrudlobqdhv1us5jprj2gpbguwlgfccyvlzcs+6up6nwa1wjgv2gsxjoohbmmeag9ns/vgi3lstrnwrmqnajhaq3tc4piucwkfesinjylz+ukqftmzyyoegj35tii357g4ehxefk8sethlw6kmizsnm3oqpom692ojgbtd2am5grj0wjxpqgkxykqlaarfttdf484wd2sznlrkhvfbslhkssakcsh8hn74lwfpqcefccb5avbbal8kaob6kw75tgwgpwvwyixda0u2pg0l8krdvkdz4wtbileedhyze4lj11xinf5fidmo4bkwpidgt8wpxvijz4o0kcbcvpgxbgl/oz17sp9uheahytywzseukfpfk8l8no/gb1o/7vhfgg8ccq0zw5kc3ryzwftcmvuzg9iago1mdggmcbvymokotmkzw5kb2jqcjuwosawig9iago8paovtgvuz3roidy4nyawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idexmgovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2y11oiwxcfhafzpgnnaqdjowcejakikdrv/yxtezdr0lmec1gxcppx9azs+gqth4f/jn5d6qc3diqfqccx31ugaigpliz8fbfdknbgan0nuvxqa3+45nfnqamcjckskiqjtxskbvcihsyesdemwzpiaiqcctc1j2kemywvckiosaiocjwhfbd41ntnudtli7liutwqqnpksecypx9+fdqrf0exncirutf0y/m8uqqi/a0enydptlq00x8kr6k2hy2erybpecteo+oftuc4qbgiovtckvgynqglk/go5feqeket7gvcac7wsuaz7gs2ucpxkuvsizeohqogirbo+2p/q3pvg7jt+xkt2wq3w816pzcjh30atmenoegpj26c5mtdh0nmk81ofzacdvrdvq2qtopqnohtnb0h5uimgv7xbmozcrm3he+m08l42g9v84mwqyrsv9zljlnby1qjfk0zmmwxy+viph31gqv01k9jlix/tyfzolmqrkj6i6lisz+er9abzxr1mhm0k9lyqje4y1hux6j5o5lyezbdrrdvb9v1aj7q1hlxochv3+t5d4ottycdqxrgs9x2fbd7376+jhv1fcjkylwzmktc0gn2ttp9fnl923187n7wi0m/uuievmo3edcwq/j6/epz8+n9s0r40vojr/xgi83u8/fvz912nx1qfu84xuk6dpi+myuvdny/3ydz/3jcpx7370jifhpcb4l7txdflsbk/b93gtog/devge/vfwt54tufhnwb4kp5cd0f43xful3u783e8gqmnrv1fbzmxc3vwypgvdll1mcywg+22816ort2qrlyujevnq3ytaovnco2es+z5stoor8/tsozgxuhr74jxbm2wblq+2k8ewhnxsnuvzik+dxxymy5js4i2ulsvfm0gongg16znitbpufk8/3cflhsfofetlrvdfugbrtryaei4eb5zbhp7dz2qxsypimqtwallxqj2wzuq6vcyg6zyn9+macw1bpjmpdumxijp7l5iiifyysilk+xbczxiee/+rd3t4kseqnwnjzighjxoxz06yoizs/nm8ahpsviqmh6g1yyziucpkndnhkxrnb+tqoapc8pqm54tzdxan/vbavxocseh6raecuifkckikmowdl72ojgj52fchonh2byjofcqhb4nmmhs7hj4+majzmrglirhqfpydf8pvpjrdb5cagkxjaiauuttwmx5/2iaiqu6oantppzmvix+z5hlzgtxpii3tjhjxuyojx8ia5ehrif2l4v/qu/+aoe/ocozw5kc3ryzwftcmvuzg9iago1mtagmcbvymokmti0cmvuzg9iago1mtegmcbvymokpdwkl0xlbmd0aca2odggmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxnjqkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmvlx4kouhrvc5pgeeoz5hmwwsrerfarb//9v6vmvumlq3wv1072r9gos5kvipcyqwt43n/8f3tr0+/tyoieda03wdzdt6nxlhi4a6na7qypgvct1uqggeerx0ad5pns+wdkhok7dlidmgjbjebdhssxdeyjkjt7aydt9uztd8oiostjikksb51hocm7jvj00y4usompehcmrqblic4zno7oh3e0blslew/rbastl9omqlcd+tjwdrrpmibyjxzgikzdl8yoi8kic4+4b9zc8pbpwojzmz/ogxcaviaznrykwnor+b0evqymcolurrkzqqttq9xq1xmylysdlvn39dwnuoerca4ys2wkt0ep0u91os14ppkibqxvyxm0jlihgijyp1du9wwg8hg/vo81qphn2e0uov+paavzuzvcyugv1r49t0npdonsozwibxeybp6r+9tbtpjlj80fs5uzvpjnnf4vffpo4affzizbp4rn8rzrcloauzclek5attget2wk5wq3e5tnx766ydjuk4bxkhdocrafiuxpn9dxfrjebzfvrbnjvltir/+fej3tnefkpjvj3vyfz6/vhdrvdlodpw1y5e/wroj00tlwxgolc4/7x5w293e12h6vfdnsuak5dwwfgaj8vn7vpz8/t++sz4nmydr0vnvutxeod4+u32bht/rv88+vra0fwmxs8cxjfccx3a0lgzj+dyciqbxp5epa1kqyrzkoelyfsb2q7ijoabadkjsdbadkoyi9n9curpboqzwiyccgzwt+ubd9u5x/ty3nznhpdhmxw68or9tr8jfw6n3bhr8buofvog7g797zrgoeef71v23g6x76v12uwjr/7jviqyqoxxgbwslep3eppnhdl0nvle5jsbduupvww3tslle/sxxc0ez6dxsaib1dz8aabfv0j7gjcvh2hrl7avb8+piem40h3rpsobnqj+e8oqx25+4ksw9fmsdbq9oegqa/dqoqsivo7zndtnc9peazkctv6s93pdfqnwjmfjfggza1nyycl8qcowr+op3pfchvukrwyywjap0mcxfp3gabdiarhrfx3h6kjvcalle7gw0dl0lkzylbhhmutiu6zgpctgcalcfgnoofgz2ksfawikprugxqg5dd9hleruahzlvggrajya4ytrbllpcbnuxvj5nlleq/maztuyjlikcbcaomcwohe6bque94ghuvtlasbfqiluyhtoitlp8/wb6d0y46/4c9ewxzahgnnc9qpdvc2zodr6a0co9noch+eluawp9kdpnmrxifxzeflddi+ckt/cf1vxf8fsqgxg2vuzhn0cmvhbqplbmrvymoknteyidagb2jqcjg5cmvuzg9iago1mtmgmcbvymokpdwkl0xlbmd0aca2odkgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmdckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmgl38vaqx7vkk01ssczswxupaimxa6lain7/z/lmvsmiej19+frkxpbz858xdylj/mbh+en2y7aftmvqhg8txbdi9szwkrkdnakpe8yfdr3bavk4decriha5ciigdsmilwt5momr2glakqjpbhtnuxrjiidlvr6aogjgzxicj4zjwdedhub/no6ujimg5qvrkrziji8ocg6agh/4rsezklsbeyrficihkmlbv9cjsiyj/uyg8qbcvmcxdevisgjzpbara16ra/338lbngmq4j0+okqm7bc6fz+ey6wq8hpqkle26nmbsueyukmzfnxxlzvlfukvv1xlpppdwikgjd+vhj9tfmunwxgpgk9lipvpvnjvnrv2xvlhtwn6rg/dgymi55rb8ysvtvoutjtbr9brpzvq5ki5beia6kemunka0vag8tbxhedkzjabdvrwutyr9amsdru2h9laxj2xukuozh1qrn5ro5vp562tqbaifvmqvsvrzbvazixvvkjerp3wh0/n7crlczcb9dq14fwt6ues5xfc+cdkvnnvj2ft6s9msfi+jtr2uiqcl2kux8ig6xcnfjfv4bpenb6up7xa7wc7g3uy5q8gsx5jibx8kdv99hrws1tvdbvexmk96zupokb28utyabvnw9x2z2+/32/xbfmktiwt5sdyzzq7yxuu/pez/lc8/9p+fn7unlxfov1xwr9o4khzljdcf/n/tyth3k/0nsb+p9ppafq/ar4o/3lwd+si3h/vix3wpfz2wdquh/l2hbezfv+v1gvr3oxx/fqsddqidsmvs3g9xlejasdi6e1rbgrah2dx2uax5f9nu29pgdhanbacz4jnqcx24sdo07npjye2xmixqblpzffkru9lttbwmslsxgzkvqjnfpvipp2dmc1wyn8nhjmokecwytdozmyvkkh/xqugnak/gea4q8why9kuyb43uhfdosmn+nyzloqa0zfvqmoj4xnqcihowa0va2rwfa6pwiptji8mzleobkzxkb8uhb+owkia5awk1j9d1mli4jsfghge9hcd6syhh1rkhlg9khdxohhaojfibhk/f+pt5x+mk+zfbbs74x1f/ar0bx+vlbmrzdhjlyw0kzw5kb2jqcjuxncawig9iago1oaplbmrvymoknte1idagb2jqcjw8ci9mzw5ndgggnjkwidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgntykl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahdldd2qlaqho2kgbrbfmscvcryyu/drgonmvd/ljn7owyinurc5syfsucbwcow5/9ttv8phgzxzxszyovl3rrm2e2bb1kmoceaohwopx5w5yabcnucxzbcccklb0eqtickodpfexanmoeisyrwg6jif2tghfvcjmhazbash4nl3drfwvkotpmgatflewtri0muei6hsreubyp/orle8ppkjacqakcr/zloyd0u4s3dixxqsx6vxwmgtsgklrikyjlauve/x3gh00uxvfcormkjdcylku7gtzdieziajkd8zzd4kgtp5kq5ge1khgulcrlckuszqvhyktwmtgocpskhoovxqvoyv3iunzrnzqnekextszascrslgg6u9tfo0la8nmgvq81obzay9lutwjmf0lqfd92bcbsdeuelnzouvfq90wq2m03hg069liuh/aj0y5wnngvfepzbek7c6i3mr8vlcjgfdnrvp1reevnaamcfozzmv9vd2wk12wzwy/m4vy9mogevni/e9tibvb3evjqjqukto3lzbff7/w69ma6a5wxmlwcunzjnioqwljb608vmfzgc3rdv82h7orcpsvclbnhoq2izunmww27fj8fjybd6gxuqj/eggo0vhogifp62o5xop+n+/togpbg6j2flrehl6oivjt1q/nt8f/z4+di9b34hfp3mt73/0ydxz+r/8dodd0hvz4fgestgcmr2u932r0emopqdxgkpp4vvggiocpfuaszgpxzn9zi9lidmk36roq/hztz9wb4pxkjfrt1zpqqe19vudhp9ipnqb6tb1tyjr7lar8jrey4+xoqdyzhh+bdmgsz5gxri0loxbiflkyrliudbccvttoehi+ip4vgilugrtsza9cqbdmasegjhksrwok9rqxgsqzfwmod3eqwlvzd3hgpb9itkaekrfzliwwo2lg92qllzduwa+4eoehj2bafgxrhcohaqm1e0w+hmw2kzcvmadzqhhivahu5l4grgzcj7tfm5axniuqiype6uuk/qrnnro8m/8gcb1n3404unezfwqcgc8wnz+m4dgjl1x6zfyz2rawns9fj33vsdxzcabwvuzhn0cmvhbqplbmrvymoknte2idagb2jqcjeyngplbmrvymoknte3idagb2jqcjw8ci9mzw5ndgggnjkxidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmty4ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zlzv+iwficzoyxupuchsjf9kuvqiwucqhksdiss/v/fmjeputptfb9njvfbe9ivozfytof+gcc/fd+c+oproattojogiz9dgbt8b6argayhkbyobr3q7cnjgje0tydwqioiyiafb9mukgggyxewtdguov0hoescflasxwuccceipmfccjt35wn0meihgi4xpyiirceurzzenmuq78khpyjoxpsjmtwr1ccsctwmyclhhggvj2gkaemjj1ppzhkw4lxpa4lybpf4/on0aie8ovfrnt1bkjur1wqlxmyf61pcebkwnt7b8erhvojeu5lcudzoxuk06rvspqpfzyh1ti8zzzgppmuk1ub72uje3nanq8t6ja8nozc9oxucc0yupnovzqd73+spbv3endfpvhjnmd1du7a4+2xgzakqzj7mloqdbu9pai7h5ndwyhquipmeiki28m89winughjj5sot4+hjnfjtqtuxb/c3zxjwi0p28m6cl+jn+vrnrm++zoalxxw2gt3etmu5vezi8hc9xokwl6vpyv364fnxblgcwezht/dxfwvi3l5kf84isqoxgze94ct8td5s1qvfk+fedb2yjss8xnkphlh1utpoj6zf62a73bzox4apnw3ai/54ilmg3jwu19vdbrtewcpas7p6hg91b+m9pjx7rvnlflba7n7edpslwqnoozjcbnydlsrzgdfmiytddhpzhusrsp6r5l1kxptkteros+tihca3abkjye1afjxdpyocccizgnwe5hxwhz8j9qvx66ufikgofhjh91tly6hhf6mo/v7yvsil7+vqtfy05e2fxqx1+fzzgrpdrs9+lost69nypcga9lagmcawae2lou4ja5d22ksga1qdbkigdqpsqxrwy4mtolhkxj4gmsa12jokd5qkitrjs149okkcshzqhximdxigakmytbyhaeovmaj/udwjr/gchvc8khsskjqtbbke3qunikf1fgzxy/lrxzbtlybdckk17nyypnzaxvm7ojs/vdyhdfbcwatil4is4hetia4e7ymotcpu8uttfmrxpx+cq/4tb/e//rf2/gf4oc46zw5kc3ryzwftcmvuzg9iago1mtggmcbvymokmtk1cmvuzg9iago1mtkgmcbvymokpdwkl0xlbmd0aca2otigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcayodakl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtm9dy4lamhlmw2gdjbjammk5ysmibubjqiiraihn/z1md41acyjobndnzks7a4/mlkc+cisyni4v/yc4p7zvnoprur8+6emgv3ajpsqdlfa3msixcgjpcp6gnkymuyzyfxjaobziqof8dibrejnpfspxllotyggd1+cknailm3b5esiz3udnwdvjpyjsyepneuviuvvuvrza8godjncfxt2rekyk+tq8yhheiah5vfnk31duzj3kizyukxw+gozhtngprsmjqvelwsyqf28nexl47nkxhvlrgxeymm1mwdcoedek+sebcje1on5nxuqvzc8as2ztcqvwul4r5xmom66rogxticg5hh8ghoc/5jggqv7ytne7a6pvspm2gnfngncs8xe7ibfkpj3lf6l272+v1uu1mvzxpxqyf6kbzhmivriaxr2removks/m4gi1gw37vvl7kjukabnnyo8o4wip6q/fcudf5hd/nzrppznbrvx+lirrmc87r68nkijyxthayx209jkbzxwlxmpv0o/vijhzqihnhfzk8qaxf0ovaezczv65wq+xldni7k2dnq4whpjjzvkxh08vgdzhdrnbr9dvr8/ihdzulb1xbfuiukho0u7rrjwavb5vnzr2ctx7vkzfxom97wh6izue+fl6u39/fn6uxpz7ie6e/ymvnh8n8u76ydtrv/pfy1ebj4+p9deuxzok5ougbcacdisoz3wlwzha14flalrx3sdwo8adeaukcjwfoapwe+lsjfijgtya1au4cpa5wj8djai8dfjdk3hpitya1au4cralwj8caai8dramwjsa/2ckcwjoaawkcbfgt4e6anqeeb1gtkdmancffqgl25oi33blhun8mmlkmtftdjputku38djklcg4kenw+iljl5fl1jwjufvcttb6g0/kl2gzcb58ffak+7ata+pdoaqo2hnsbfqsfbtryzgnv4es0bscpwr67rvopfw/5j+fkqkod+qxr9llx3+mctzs1qj+jarx43mnsgnbjecdqzk5qrtabq27ubos3w7cayn4hpdrlwghb9gejicznr2ijrjdppswqxbyzg7zn1hofwr2kzotnrcpdlj00aqpxjeck7vc4tfwaofd4zz9uhclrgfgkhaz4frfazkdo96lsvyvb3z0cao1+xq+a6zpplb0ngxa6ukhpunlblgrzazml0ct7obfb5yeyp5va7oo8oqbkpuf5ppf5cum7t8l4eb70xghh+gppd6g/6q04ik03g2hrsbojre4chvyrwi0euyt2fxcd9dts+ht2xqpf8t66ead7fws9c0ztzwqp9p/bwoe+98rzyc/5/tp3fwompcbgzw5kc3ryzwftcmvuzg9iago1mjagmcbvymokmtq1cmvuzg9iago1mjegmcbvymokpdwkl0xlbmd0aca2otmgmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxotckl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmmt76woqhrsxck5isciqqlmsijq0lbslpvw0//+37jmxwrfeu/fhta73+vbn8sxck7mkhe65upir9m9e39/up9p1ej6imh64tivydsbrypw5bcd42ioamh0+vz9wkn/v9/liwikf3waomazl7cwytcdg9/qtn5hzjhdeiugubz6dcag4qqdz+wmsj0iyegypqfbqkuwby3f+o3l2bl5uqlpen0yuoyfvoczy4mf63x6wq25ecmor07qm24lewo5fwkzevusecwa5r3yohug3ydmpddyhymaukvgodn6owfj/2cl9blhr0yzlzczfklccx6lcf3np29jvwwbj+kma2enykb5lzkuvwuo21bpt1mvlqtqoroky3t0cymcfrtpttlhaan/1qpfdvt0pxmvnveahglcvss8btgxfyqmc0+z0bg/j8xg06lxr5vzcciv7aj6r39kl1yhnrm86/dfknp/phyfd+1a1ehwj1rz1hrsrl6cwnno8h07ni+vy+tybdlr164ythyqowv+rlwhnedkctearrf54vnhdrvyvz7nrr1njjgxv2t2rqxg/i8hhk1w4aq+mzy9v6/v6txwa91tolmmqetzr79kfbezfemf4ufhtttvt+vv58rndzsdndvtzao/eror17mi2fnu+v79vvovpaoyp6hl7qxhntg87tci39of5y/r94+nj+7z8phz8ewgk9b0astvj+y6kntn3rnlo0m7qpxxn/5xrx4m+hvtxoi8hha6+nn/p2enhtvrzw/vtmb0h6ahbrwg6qtargo4q9eu6r78hpnmknspphennyd8dzbzg17d46n+xmirx3f9k4nacrwoc73w92wzexr7kfdukwgv9hm+xsbfff19rxaava2ycgevo+gsicrmytwz3ycgnd0yjwjqq0hk903+yagcdzyajxrt2hoasvqrhukwn2e0paa+oh4a9tqoss3rxvyc9qg/duttbqju7931q767dcippt3pl2lcsqvpsyblpttrt9m3jpllmjkxiehnpmezd0v5cnrof60ov5jrl+uwipmsn5pniau3itcnmljhk5pkobdplw4zgwpmr1wy7oeyccha9govbsrbgc8seai4bzt+h5kjwgadssigcmcwoydt1ibbamfnf7zie+eujgb8gquqvs97eh+24icds1glklaqlbef2ccap+tgahw0fhsvxuk6a6w0uyv5jn4kfa3axgkhb6/ldcowovkq2lwbnap24n4gpd6z/kbt/wqskakx7ktnhpqmdcvn4x9f1jwox2+pqh3zqx+uy2wxlbmrzdhjlyw0kzw5kb2jqcjuymiawig9iagoxndqkzw5kb2jqcjuymyawig9iago8paovtgvuz3roidy5ncawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide5ngovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2a6x/xwhdh+1xlftkleigcefudokgrflwulm7p//+v3dkht7u+b+/n3jmvyvvozgzetpi7v1f/v/t1abcasup/2tj25tkh9decaztdl9cbpxw2ccaqbashg0fwo+oaiwmbcoepryxd4ln1onjblg6fkzph2qgyy7imtyxbae9gn4esawgagzbjbveujveubd7cmuca+wm8fkzztpcuqkpqmqaquvksojzg/eg5kdjqev6kanrctcssiyqz1zvf4oghfpz5agaqaefwddoym1nhcbiz2zj1fxgqfit0f2sdg1msl2txk51zi6vypvwquk46aqdpupvpolyeq3reva0r65a92k2j0bipxzfymaqrfsm0hadmfx+ebojhhldiyuyhum/5ne5dt+m3axu3k4jjhapz7+fqkbur1lidr9t9bq8/ebz0e93bejmxmqiczp+z2e3qeullziu127v+adyztsbdfrdvlwrmtyycwglo1q1cpdhpj6bz58xzfdj6an+unwrmguqpokolvgykxk91p5w+l19xr8v55pguez23djnb1ppdknqdko3bhar/mj6/rnzv69vynurdem7kwlx++kjqh8omomttxvq7p3l+xb9/vk9fnp8e/grbnmqewnomrwgvdwbt5ert4/pjbbwy9nu1gh1xzubmpotx9fvn1+c7xuvf9cx8pvs4e3n7+pr99bfetgcdgqovkqqnjj05eusszlz48zfjhhwz5mrx+q+mndjiiyp8r5jzjaxxzcaneza5kioxweram1xrkxsu+l4ygqzjyeggqziyksgqdizkmpypd4blntz1r71pi37tccx+nt9hyq2sp1lstljxknaqvmacvusgwl26ugs/pcel7h2uupm451dduokqshmoxng8ythu9by3moequf69lqbd+5axtyfz8ahhkqkeyl83u49p88xyzbmyjqfdrivnxarjfteqojkplntkn35v+dsdzwft8wppr5eycza0jzrkjjikmpkuem1obzacjufdwx27ce2m4+qxyirkwfaigpztqjbbd/e9h9591294rcfscwp25vis3nkyztq5kldvtnzfbzxqxjfnx1vi/vc9rto1zqpklge7hfk1v61vvurjdwwzpuxy+ucbvrochaz+tozgtcvt5f234lq5bnocggrfwvzoxuwpw6waexxnmjnwyrbtlju0qqcxuuodeoshqxsdnhy1puugyei6piqseah6sdxh4ynywrdeszyvrzflseq50pbp0icj9lhkh+e4hhkhiwsq4i9j/6gtf4f57edrniompikmi9h5kebvgo6p1jbauoywmry+4frihu13kaneoihwq6cfeldwaiu+jr1lchsatdxenof3e8di9wyhurd5ji/eved/r/3obwjy0gnlbmrzdhjlyw0kzw5kb2jqcjuyncawig9iago5oqplbmrvymoknti1idagb2jqcjw8ci9mzw5ndgggnjk1idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtizci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zhxy6jafiuzi9jbkkag2hux2luxjbqntvl/f8vsa2o0wznnuzf1iijf3m6obdz6epi/6sdx/wkhhpbnwafsoxxovut6lklp0fg3ahv2+tam8zucpz/pkfjoo84a+3gciaisjoerx/1+dapc+ts0warj0trji6yoksbrwtfepggmajbjawebfoa5lqfivx5wh4atnmslqulwvfvvzckobjigipz+1+ofau4iklpynyigixxsjzfhpbrnk+4nae6qnt0asyrtogtcnejkkgdihi1/htvnkvaqq5f4kpsvlkqlyigxtpi6kvi06cdges48wnefnocllzlifcq1hmvzzxq1leuzyuvgkrzhf97bsvzqjhi2vlpa3x6/3+s8nir5zfstepp2emj+e8mplhgy08vaqzsct6ftyajfbpazcv0jmotnydo4zclr8vzf6o1miyvophm064vurbvzer9eg/tmcsaggmlcvtoalz83m83l6mncs8ozmxtkyhjf9ezotblbjarlvm+yennudrvxzwo2bfvzsxcqd8fjrtcimcrjylba7g+hw9vr89o4u8vhdymnig/dywe0m1ttdz+ed2/h4/gw2ywn3xohousb2g0xq4c3r4ux/fex6g27mvyahyqh38njuzqdv7+/o3izmpwj3hkvn2+/pj4+3g+v61nfw31+khvdsjdeyrh8gb2v8x5n3s/d+0v1/io966p3oftulry7je+wgxztf+nyadbl8u1/nujnv3axwy3c/xsc5pnaypmdwmmd9+d5kint3u0coeozu2kn5utxxyk+lmbdeh4sirjnbzfkyk9g02wrp11udvv9frddz0ftwi4edjogglhhnziqnrrj+xqzbt0vpv3hsjbm6oyx22sn8rxwypk0womws2gnuuphnzedr31rnm0nl4vjmxkjm5jm5qdjsgtv8wkdgokv1vwhwllrjstzlwarnxic+h2rvkybiylnvuyekiugmyacnlp5cq352g63w1a9usjedvxkadvkue0hmilireu3k9lcqviflyu5dnzqjjqq3iqwdw+qfgdqng+q4ug8mc4izviqowgsrbz2ljdebhbsyagngf6utbarnwogaeshvcxaqcjx/sghslogqjgq58ikpovamipdmspstjxzmdx+f7u9n4c0iasiohgeizauqbheood5izvj2mevw7acessy9cmjugpn7oanczxyjcqpjbsnqwzlbgmn6nodxkc5gsrccctyorebvpkjxfbgkir0ukah8rwizxgdgw1lqabvfmo+coc+fzjm+fhy7nd2zhxs7xd/6ohfbbsipmvuzhn0cmvhbqplbmrvymoknti2idagb2jqcjk5cmvuzg9iago1mjcgmcbvymokpdwkl0xlbmd0aca2otygmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxmjqkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtwgt78uou7akin5kmrbjeeojsiqiuuloxutf2/f9/5ewjwrf2fh6fk/08sdjrb2t2yszad3f/1/jnmn5rxaf7v4/d2u8jebgdpcfaj/jiryq92on5gpa6aqcezw8jtmxaen0+/zf8pi9koakxx3bae31+gqqoggdfkyqfem7hmwspgemkcqrzluxgfqwwfiktcp3z8gahneexqq6fbbgheejckkein9dzccfobx9bbzgkskokgovfohffehexoakf8dkvd1qevaqv4aupqmrjlk7rqasmriwbd1keq+eejupftwu4qy4ldcoxlzww8jldt8qugq9q/nm6uc1qngzdspo0cqvypvqrvqxswuiqssdsudxgjvxhejitat4ctrpfq2y3mi/nhl2zikyyguydjla/g0nb/fqwjmftbavebhf7/x6306xbhuxccquv2oyp05wysebm+kt3mbppxqnh96vu5pjrkappyttwgubdmb1qaxsg49l8pp9nhp1g5vfxwzyqp23lfqyml6mzyq3vh88wy9vy8tbut2qltfzimf1cv6d6dznlkbw3svxoclpybtab1ft02kmbhiyjbuz6cqnwdwgmkrwsaxdf397x2912vxx77drlbejgudxx8jcizcvpvff8tdl97dbr+bj3bgutsugnecjnofdtx+fh1ofxcslf4y3+zlheff753g0wk37dhepbffkgkw5nbj6rbmd++fg5z4z7zlglx+2tzf043ixd3vd/++vm7h7u7uhuhn/n7jffhwtwf+qmg4j7vmvw9mdvbhkx/awscelovhvirkz55nslbwhqztdtzmgginilini26thlaxtllqfkmeikz0pp7cfkvlytqd9obu0nm6njiafn4ukaegmgd6vpx2qzn5rof++l+wzua1al6xj4hhr2ge3aidfu3rlb/dfkoptoxvtt2yqkyidnr7q2fv6socsmyu251rsmr8nbr/vck2yteyg9ev6orrbekqrnzkrdblu77dalxtvzuiqj4jwtgoeewwmkls6xroqtbdtpnauut2ukyogznrsq2j0bgwkfi5pu5b9lztksffogrkxd6ghcfhkcd3eopupslodvrcptgfndykqsaismwbpzut8ba9wptziseuviti1rmhzxyxfzrcxdnlsw2fza8aevn6tbkxjeszjlwzjeadwigtbx7s8xhswllun5hbdpcyxyszfrahfqy+ukppkadga8lse4wnbigxwhducbejhobehiiai/y4vdqmp62brdvpsxndci+pxy6y7myckn4ledip0/7oubn4cdpuzkkskhcy/gjo9wrpyuvdh0hs/flhbxpyfoq7g/+sk//h0nz2vuzhn0cmvhbqplbmrvymoknti4idagb2jqcjexoaplbmrvymoknti5idagb2jqcjw8ci9mzw5ndgggnjk3idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmtuzci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7znxdrjqeiatqpquclgqsrsvs+xgo7hgqnhk/q9lzwe6gyxza+2zf/28b6lwzjcmn4vn7u7+wt1f6ldghk0pjk6bp0sgw7brdxr6gxbe9ntmmppbarda+nw/bbznymqw/cgmgxgn4pieqa6fp4dhbelsfa2ikjlaiqdocfwq48zwkqizluoroi5liaifxpnb7vnjbmvwvcjjcggkbywbyygcd9j1ums5uvleksnqjiou0zrquoboegp/exva7g/gfcsefs2mg6azspnjrdyqyijhexgqx5xdsu4ygqzgeqlmvlae5bppzfwlisyfynglr030bwiak5rymlmowdv6vv6zyswsqwuyweb61p5tftuoqfjqxmgurxqz3e12o61gtzqzy4rekefpifkdva7j46mc9dqzdeegqbdvk2wnimztxfk1jp3mzc3ilrvd5/hrbdabtoa9zrvgxsicxky7ehsluloqipqfamswni1xq9vyphl2g6wmroomifl87tqrnrhcsfrjvtualtebzez9nr/3m5vsqpnyelp5bscirltimdjtfzxfb3e73fz9+frctvjgjmis+jwdzevfz5abg9fl+26/339svrnrp1piroicdcsuqxq20nqerjyfh8nhv13px7o1sms/2rm5c9m3+8/pz8pothfn6g/29nd2tjt8fx19frwvxr26z8divlkhkv5nbixgrzpep8n7ehhfqd53ppdd6f1qev+wfn4i8babtwi8+6yhbxf4i8bbbb5baer2//8t/euu/hnfovzmdbokp9+vaxwrtic6htha22z0c0ydpqdnys3+zhgcdnnhp5ohsad49aqjaaimx9olru9l9rbzbreb9wly3ljyhnylatqamvwsdyatxdsatjy+9j7k2yr6czacvutlsdjvnfuj1/kcnb0p2rxhdfwrgb1e4eubpqa1rkzua/dh4wlonog0kvlknhqnrwhswvskhmnmvlxvdvsduk/dsippxuu48gk9ijvbahvvu/msvx9qtvrnrrvcybjrsgiz0qso7enmwgxfddnbecxxqkvilm1elsdiumfy+o7u/h7xccdmys1mmoksuizl6oawgnoiwk6mgw1ttiutncfkihan6wlqpbzrqxkpelb7ttrzazgtnctickhrvjaslomiava2id/lbqchp/b6lhdeuqkjas8xnik77np70y9gbzsma5ayhj7nalxtov4couqwxebzcqkmdsccwngk4cbkwckfzszg6gejdwzjhn0cbx/hno4n5eddftrrqrmsggagl9txta/ddtroedi+ze+5uepxjhp47nf19oztl/nm8t925z8hgnrazw5kc3ryzwftcmvuzg9iago1mzagmcbvymoknjqkzw5kb2jqcjuzmsawig9iago8paovtgvuz3roidy5ocawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idy2ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7zzpc6jaeibdjcineeehsrzxwptaoyyxgkout+b//5btgvxfhbl2y1btvvqdij7t03qx/b4+338u3xxx47ec5phscwkmvp8fvuw+ap4c9a7cjwndwq247cjjgjeeqqtsiai/h61wwwdtfibjiqjxubqzcbb+vx4kubsjgkvzlunxccxlwwocnrisb5unqsmg5yoidi9deom8x1cwaarhwt8qbxjtaeuyelzvtvpvicjlqz4fhqv38oj2ay2iobaw1r/jei96vavlkga81h+feytds7iai6cyhphlguymfy9pisqzjjtjxo3kncfkqp7m5s1ypvqtlm18nqlrisjrf+lx5sqjhckxzm6snlrttqfdaltnxepxqwkkp6sgcd9bcalykddmervbhzw/d/pp7bppjkoqhqp3voo6gkb5kaknc7v273lojubw8kxxrhuzektiorro5bgvuc+0enlirqn59gknj9ppzdx6ewqwjyqwemgs9eyczwt5izgvdgbwedzfloazd2vqqrwsdziuf4ldg4nknfwod1/fp4vver1azn5fu41ioqoe7wd1zidinqje0svgb/jxc7xzbjer+cew1zqzmsxiuqg1f7giunnsv03m6+1ut10vjm/9vglw0r0p6xnarelis9vvd5vl1ai8q4e98vjrmjr9xmejqbt8g19u95+f++3qc/ehg0qyivqdn/krm5cv8f/pzol9v/kcxx+pjofx+lpd53600x5h2zk4lqvveg+ousfg8afoxtj8fhhlefexbdmsdb3syehnjpoxhyde3g3ohuzqlf2o4pfqwxikvt1h6mlgz81a60dvanhrtmqmkxab2ggegxzcgxwyzqv+kiokayac3lvjasjzuwykpqpeyryb+vpsfae14ugcovfkomtazdpjefr1kzkmi6hksvdgbgslot0g2iddisucuseiysxkicoq3uzplhdew+ulsrr4fok8nhhhw4evaifuegahgjbdholjwazzcntynnm4pekr6badcnx5gxqfely0wcn+ga/ytd+wgxza2fxhd4w8lbe5snm8hco8qqqnebh+agw4py6qq58n9uqvf/vgl9ew1vnlbmrzdhjlyw0kzw5kb2jqcjuzmiawig9iagoxmzakzw5kb2jqcjuzmyawig9iago8paovtgvuz3roidy5osawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide3mwovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2zz1vitbsg3zeqhpiquggdqpheuzqpcoqa/v/fsmcslbbd/frunc8hubgnorlsxnpf3f1b+exklw7qsj69fd/igf475ce9wiei9jwf/krdxpaa3kysqxg/qxcex2mpuovtgfcsomgnfewsxjtazfthmqizluv4fi5jgzpca255m/asnmpxplgszigk+gsepskxhtxtazovrfkjqjqu65owupyswdfh/rx8rbmkzfkkrtpmcaqlharqab/ia4/kucijl8x6znuirempk51ow6lelbzubb6vf4y7g2cesq1gely2xyhc8rlmmmzqfh9hewk0nz8dnmoptlsmsdjtkncazwazuasuc1bmvgweiw9wqjyxtvaiw6g2o73byndvturl+1teuhzczfvofgmserqjahwq7d7dzdqdtkadtr2utziqynmxb2uxdgcambpzcrm/mi2wkmfjsf3lpyk6lndk+dw4oceq4vs+1nmylz83m816nr/3g8v01palulzn/fdho6i4sytyxuzvsnh+2w63r+vlbnguz2nbxeec05ykr9ol5mc22mx3u93by9n81knm4qbiy6mbrcpe6nfmutv8fhrdhq6h/xa9ghdr9wlted1xi5yptx/mz9v9+/v74w2znpqadww+xbovzgxer+etp+ojxfrt8phx8b57wu0xdicbfe1gdcysz8z15yfnbl9n+plat1r8j8qpsvygxksl9g8nxhpgnqe+cfcaan8j8joapw7wmgcvcxabdbve8zrgh18tfdwl/3i+u/swv29kow55+6jdjlrepnvl2+m/t6d//vk23+93r8/zubeag4a6w//9s7vfnyzwr6i7v1nnhtqvbbx192/a9qrodw25g+5otlqdo9g8zsf9ziktc3uhhgmmcpxwypy4xehm02gnvrcozukyl+p4j2asxax1buppddiedhvlxckksvy1ypifclaq4wsuvg/1bkniv9oo5k2om1wxrz5odasjqvyxum+22+1wo1q6t8ddmiywod2ufq9bmyksmtfk5r5qkkok+awvd+mkeg2e7u7g4ia8ykf8wjact1ozlhqqhgvaovqpt32exm0nqzkctw7owvakgonewqah+kwbrfbrpgachfvpmzwg+qoqrhsqhwsz7ao5dlm5vrd7816kznlbba/nhyavx4nzc+gvl2xjtjngbehdcbyaaqyprj/t+c6mxaebh3i8hjeeetsdqtogeb3ghc892zfgr3tslcqkmmofhcxikqff/hncjikrz4q6lmfla/v2adtifmr+r8m45+oln6etuf92brsd/9d3fwo2ekq/zw5kc3ryzwftcmvuzg9iago1mzqgmcbvymokmtm5cmvuzg9iago1mzugmcbvymokpdwkl0xlbmd0aca3mdagmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggndckl0hlawdodcaxodgkl0nvbg9yu3bhy2ugl0rldmljzudyyxkkl0ludgvycg9syxrlihrydwukl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahtmwl3qkgqhr2jsiolklggkgaxubcnuo/rgi1bkvn/f2wquxndc8+zb3om6xwv5a2iqkc66cfj+b/ar0v7qrf77v8ho3jec0c7kdj7npqf/xjlys/2en0+n9812pb5vxcc3mig9rmeetsc8ioh63bxgipat5auztasmoahkricbukhay9epmiw4wociijwcvacq4odqz8pd3kkzriakaevedilkisbjqgq/qjcfbzulc8gq2okgovh47fora3jis9sborzrocg+ib2qfk0mj5mpu3ttkcmpayqes9qfh+ue5kng5xkecku0zomlcsxhgv5ngum45oi8gx5ng5qi89psyki6wmrulkfqrxqu6vusfk6fhryfb40x/iw6furedwct2wl9rptblvbtadmf61ulczxngr/jodcstyqjbgpj3a93esph8n+t1w3c5mefgxczlnpnrndsxsuum8pxpppbdoz9dv1ci4vdynsefkunokksj55rdz7k9l8svjmp+ne86lgxsmsjh/ayn2lvkqmrnjzzzh7w67wq+v8ouzuig+6knh7wn+xcl2nevkzsmwnn56/r7fb7xr5ou7vs1zckzmo9ereoegehzc1zk7s6l8svpvdx27z/vbsd8pzq5nra67lwugyzzch0+vm+/h5sv0vpongjwtegvfkqfytk999fn3uxlmds/4obw1n79upr7+/pjbl2bcj5eg0bspqsnyzm1ck7swpfz58zebrbt84bg9l+mabbxx4xp1p6ozhdzx64nedjx742epo0zcequapbj5c4ckexp/ba3p4kq4v7okvwry6/++x65ebayb5i/c4qjjfvkwsvf/na8rjnwhxrf1mswleg5indnvubocuzfyavckbekedekh5poeulsbctwasxcuqyzxr3der0knnerwyjbrppyeeknnabi8akp8cejd4knzag5f5yvm+xlxobq3qy0yp36bzxj8fac1ufp6c7uhl9jp/nu2gxcfop2oa1q5ygqj3ghjnzku1rncwgk/go0gnustayygixie7fwsc/dlnflnaahe6vw6n5vtlovnx5cavfkrygrkjgpl8ya49o47zxlvl+ywruuru6tlfrlwuakgcjhmmvsiwypvy6tfvmuy0lb8h4jej9hgquyvovgigo4bahywra1mzdfihtccixm6aqwephwlokenank4ndmni6pgofpifjj5hjggoirnpt9ki9sphvdu0tvvdctbeftrx9pzbd3byecvjlmvjegvawzfvihfjeytnsbzhi+oavspw7my+qdnfla4eswqspcgaguwrrhjbz0s1sh94mmlsqngjzpd5tdmp8ppke/si4cn+j3a88hhe5fho69jhhfwpeb0mae+ikye7+/zt5pg3n0/un/f/z3/8bx/govjlbmrzdhjlyw0kzw5kb2jqcjuzniawig9iagoxmjgkzw5kb2jqcjuznyawig9iago8paovtgvuz3roidcwmsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0ide2oqovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2zavfiwbcgnyhsg1ljiow7qraewzyxajfmfft//5apeyncmk39cc7mrq+cen4qkkvxco9zcfefir9o45vropuejn+bggv/bwkfck1ar4a0eole3wmo4qscdtfjmzjsfp0efbwnooyqbkqgmuuzdmv5wbimtvnrrd+vj9rizpgckeo4rehgicnm76szlhdljazquq5rmhptjeigqu/1ustriueeoayzvtx2hme246ahkhlpovrb9lfxiga1asqtbiqtzwyz6vtssftyh/6kfvsczgvzs5xutlasvybkxxzgtq3qm9doyttxvkimj6lmil0o1xrnvqvvvpsqprzofrhaqdm8lmdyihuu3ukxqo2rtu8gottpeewcg1dlhl1tub6lovg13fzlsn3th43h49hgtnvlltkooqjbbqbzaj2xnttd8to3w7vh6xq6erj3e61a3rvu6abn8tgmfeqmrxijxkxzg9xpz/p5/plpctfvnerpuczxnoxcqe4xgmim8/x27xg6w6xwq+x86xhua1ayti5zepsn1uees9yidz14epq13m63m+v8evfjqppzdjlj0ccvklnizeqvgt3r4/nyu9vtxtalp/t+u5zpgdifjldbftkbt+arl/1+v9sszw+dtj2fmjvwetxdbvn013r3+vq6366eh0fesh4hb97c/vwc5ppj8nr7xr7zv729vb6sirx/9vhrhbnjqzljno07mcy3xz6ym2rnfmqjybkqjti/wyk/hutxg9xckrtycodn/pvrzaniepalip5mhcwbwyl/6ricjd3vnfpkg/+xd4xd5tenl9kidznb8k4vg93hn3ny4jcbbshrdo7bid9snusvhfko77/xwh+fzbzlcpdfh+c/z2wd7ppzqx3cfdlizlg7p5k9q/ycjg87hnb3aqye/xdgb5we7kdos4mjxp24321v8675mr0gsolirbkrid7tcaqx+nft1yfm6j/jbgiwihvyqxzva3w6gd161+1mvzxlwqre+9tm6hegegrujwy66xyp5l02irr1sjhr2jpqfspavs4uelob8rjqom4mxyyjkbvy6wtciinnzabli5jxabfykql0billjmyfcahrogdiqhvgtzki6syaj4i4zeqqiobxjtqnyl9asyq5pqoabmasgwgwpl/b4ndn73rgagdlffqmcjywsnc2hiasfgoayx0uxyish9ddkws6dbpkiz3mfd7ooydexr+owocatymseex0msi6wjwpyopejfv3m46uepx4nfqq4gsoj8gkic8owi/khmt9+0/9a+crnjrlbmrzdhjlyw0kzw5kb2jqcjuzocawig9iagoynjykzw5kb2jqcjuzosawig9iago8paovtgvuz3roidcwmiawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca0nwovsgvpz2h0idm5nwovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae2c2vbiqbcgmsehoyrsiswjhlwrkciomkcilikggo//lfpdqqybjhczc6ouhcr/n2wf6u7/qpl5fp9v/fjfox9rjfx8s78j1fz0bj2zuwg5bfi/cyzh6csck9m7glaxebisgyabr6qrbbcld9umkdme5wuinue4aglbgmzqirg/nwwtieqyredisiqkpdtyosdqhuv4uvjcqqqfw2fnu0nbwrk4aog38iep+floahe4govrhmhoejwavooyylt6bzq08wavbbwofprmmzzlmeluwohfvexkij/17ehoslwy1gjhkcvo5gsqueyxmdcjqixwlktz2ttnheeebdrpu1aqvxzhqzydfrozlb4jstzleefhzzyxqlejbrfpzmtxdyjlqnoszytjmikuz0/ktecq1xjyuhhwrd+0fkhcxl+dn+ato0hqotms0ge1ksthw8yvq41m56elcde+vxrkdiqmynyajovh9nrcodeytwsktr111+0pbop+00p7ulrom7qmgnwznq5ccsvs9snftafbh43h49gw99c8coqwevyesh69d5at1fg6w64173vpl9ppddieprybf6vjsf7gtus8pmbn3nlvqzsyv75btea9zk31xe5eguiouazfzxyl/utx+pi2n89n03h/7rz2aieiod1y3qj5++l5mlssfvpxl8e9ylpj/fkc0+j0puupzcvyqfloon9/f1+8tyyojxovlzxdogoji7m2+xbkcdbh9malfddi3chxo0s3rbw2egl0bfge6alwjubpgnsbegl0bpg1mg+laisaiwc/updhewarybhgt2vwey56avqewas4hebkgnsbbgd4uw25qws9axoclal0blgsocfa7qa9axocva+b1ab6avqewatocxalqe+a2wf6alid6anqe2arocfalqa9aw4h6alidfzvnudpn8l/1jp+3yiiepkes9nsaj/asz+yhkqfmjzlvqh+sbxgx7ivme1yw+cpu5/c4hihjggx4rp1kavhuic0qp2o1jbuiez+6gr9tsflwpqi06lralhmi+m9tav/kphh2outssxwgjiry6smbwigrungcqc9a3gcgtthcbyfppa4krt4hg4jmyvar5rqpqwvar8k+zwwikhhyxettjmlqmcijzxiqcrrckkk/awpzjko5abieswgldkohdvijypq6ufkwpaafaqlrbdiclbw+p2ulav+k+hidr1idsz7dic4+qbkiafajiui2u+iossctqk0hwhhej4+19+6l9f+rgu2jzzi7yv/8pnfsth1z2vuzhn0cmvhbqplbmrvymokntqwidagb2jqcjiymwplbmrvymokntqxidagb2jqcjw8ci9mzw5ndgggnzazidagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidq3ci9izwlnahqgmzi1ci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7ztpv+jkeia9iyf7qgkeacfa2fehhufqqjcrtdd//1umuhfknfhjvfdufdaczltld52i+z3gc3pzp4p/dumv+zqu7p6vphdbj+ogorcttujbcndnwcmkw+sx9lqysbmgcx8gw7hckehqncyqnrg7wy7jp4njwtfjgr9wjqdqiuyfuzjlrvfkwzjenmpdl/sktosbsasomq57ixtno8qiwlmzs/qkofglisfrnwjbemba8gqqdhqof7wcupxx85kq+82qzudjengiftr8np3+clokujstvd0irukjvcabzwbssscann2azlownipe0h0yrcbr/pcdyosl5tuiuigxikdmnyrccg67s5vdcv/qtmrlp2unvqvvrffv8um4fdblgzbf16cbhzvracvjlkrn+4cerkfdumunoieofyr/ausxfd1opwrvvrc/hi1gw6d+p17oozbhktj3yw9ix1ysoprc8wy50x0atabt6ct42g9xiyk7ajt1395+tzk2krvvv+xkk+3+api6n89n08mgwy9nyqau8nd6ezkneoxisldrdma/fqvvajmbpveap7pxoffh2xo55dhsvlh+mhyzrdbr9dviddxvv3joyksil+qayeun3mg6f9tsnuvlbpj0x8070jrl8ka0dflnx4v1+/v7zjv/ifje+a/ycrm/fl1u5yvpofmrfeo++fj4eh9d+q2dgq7mn5renhi783nuygfw7yfvdzwjb3aicahwcnatgs9at4ceaicarwm8cfa6wosap0ehhxwgj0bpgeoangbpavqeeb2gj0bpgf+tkrlat4ceaicapqgebogj8dpat0bmad0begicavqeebkgj8drad0bmqh0bogjcajqe+bj8g/xbf/wyd9oeok2fjtvostmwwej8/ghegawhdtzrhe/x9mwoscfsrsqnsegejbl5wi2hv2nefxbrighjnbw8jqdmi4hgcbloqyosnep9amekuilxtjaid0ojy8qz8neq1kgbbias8diefbnvax8u7jqab5pmir47n3xylnh8p/ztytkanrkcmebnmq0uw8qnvad0fmaij3ru4qti2ywgxgyxbtqvdlsnmqvmrbcyuothwoyjkjclpyh8itoo+lcovsgkoyzyzhleoh8yo7il3ogu6c8anor5ittjfkjub0o+dzskve2pbijh6zovkawhlgjeberzpq9qk2xqn19ovbba56shpg4wdv9amwzeahdd0ycdimjo7yagdpokgtvowfzpxpgtgfejxj6sdts9svi/6fq+i8xcdahatifadzfdf6pjuxxqy4d9o/ghyc83l4+6sbbc/cwikcjgdbs8clkaa7ocra5rx3jwxz0vksgfjjwdflsv66odwlbze7nfrvxhny6+h1f8r99+tc1bm28zw5kc3ryzwftcmvuzg9iago1ndigmcbvymokpdwkl0xlbmd0aca3mdqgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymokntqzidagb2jqcjw8ci9mzw5ndgggnza1idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju0ncawig9iago8paovtgvuz3roidcwniawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwodw2laaanafa6uiiiiiiih774giinq6cbe3jv5vlsuo7shsotlasupds95l0nvux8/9d+j9vq/k9/09+l3dd7z33nchc7s7sj7crqeww7k7somuemjzhjelk+/bul155s68g+ty5svmxe5yr86fdtpydo05z6ndniubddgpbvlhqd2wzwjn2svarnnsjm0ktmrsykslg2zowmewcwabtpgptwkl2gxkwxvtzkqtmy1nmyxgq8peatsk4pupi6xbnzlo34dbbwze/fyb+dabhnf765v883ubcwvzfbjxuow+ufecxh/zrn9yfwhqxjbopq/rstee15nq1p7xq886uk+61ae1f1ee1piurjwvlzn+xf1+xpl76xgfxewlx+jf+r+xf4uxpv/4j4slv5k+lc7gf3x/yfv7smd8fkglnb//zr7mxsswqdvg55laueq8y+rkpfajtqinngrsbekdnztnmfql5krvqgr6xk2kq2eisznxhsr4bklkguemqzqx1trwzjpgvxgbkatuxbcjskvuouu+prwfn4xouyomo7b3igniqyk7+pg7kcrj8tvk28kx+imxw8jr2wny8dfbypvxeesxkrvg8m0y+ujwdxdoehr9zogaohg9gj48ee0cubqmptrwrey/gqi92h9f7lscpd3qd4nvvrxgsb/3srjn8wxjvp6l4m5we7svers+n7pz03xe08l2d+d5d8fnmza72s/+y9tzz/epq62nhszltzvkp+3yckstkfawsbvlskiblniqo2hefnkkltefmjeeyphhlvkmtcctpbkmy7qsyxk+ljoem+k3hpvlshvddmvhkt4kfyeaadaemscshhcykctbh0lexy00648akcx1r5dcizexkbbig4rbylpga6yolggpciqiazeaxy8ikncg6hgftqfyfkbi9av5xdq+n7zgx4cuqpetex4b0cfgawt5pmk1r5y2v9qh5/r45f4+f1jd9ekrvdvmevvepmflax7yootvnen85we1u27lyxef9qg3arkq4qdqg9ucbwecr9s/of8hk7/8gv0dn9dsrmvuzhn0cmvhbqplbmrvymokntq1idagb2jqcjw8ci9mzw5ndgggnza3idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju0niawig9iago8paovtgvuz3roidcwocawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntq3idagb2jqcjw8ci9mzw5ndgggnza5idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago1ndggmcbvymokpdwkl0xlbmd0aca3mtagmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcju0osawig9iago8paovtgvuz3roidcxmsawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago1ntagmcbvymokpdwkl0xlbmd0aca3mtigmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju1msawig9iago8paovtgvuz3roidcxmyawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntuyidagb2jqcjw8ci9mzw5ndgggnze0idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago1ntmgmcbvymokpdwkl0xlbmd0aca3mtugmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju1ncawig9iago8paovtgvuz3roidcxniawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntu1idagb2jqcjw8ci9mzw5ndgggnze3idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago1ntygmcbvymokpdwkl0xlbmd0aca3mtggmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcju1nyawig9iago8paovtgvuz3roidcxosawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntu4idagb2jqcjw8ci9mzw5ndgggnziwidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju1osawig9iago8paovtgvuz3roidcymsawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago1njagmcbvymokpdwkl0xlbmd0aca3mjigmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju2msawig9iago8paovtgvuz3roidcymyawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwodw2laaanafa6uiiiiiiih774giinq6cbe3jv5vlsuo7shsotlasupds95l0nvux8/9d+j9vq/k9/09+l3dd7z33nchc7s7sj7crqeww7k7somuemjzhjelk+/bul155s68g+ty5svmxe5yr86fdtpydo05z6ndniubddgpbvlhqd2wzwjn2svarnnsjm0ktmrsykslg2zowmewcwabtpgptwkl2gxkwxvtzkqtmy1nmyxgq8peatsk4pupi6xbnzlo34dbbwze/fyb+dabhnf765v883ubcwvzfbjxuow+ufecxh/zrn9yfwhqxjbopq/rstee15nq1p7xq886uk+61ae1f1ee1piurjwvlzn+xf1+xpl76xgfxewlx+jf+r+xf4uxpv/4j4slv5k+lc7gf3x/yfv7smd8fkglnb//zr7mxsswqdvg55laueq8y+rkpfajtqinngrsbekdnztnmfql5krvqgr6xk2kq2eisznxhsr4bklkguemqzqx1trwzjpgvxgbkatuxbcjskvuouu+prwfn4xouyomo7b3igniqyk7+pg7kcrj8tvk28kx+imxw8jr2wny8dfbypvxeesxkrvg8m0y+ujwdxdoehr9zogaohg9gj48ee0cubqmptrwrey/gqi92h9f7lscpd3qd4nvvrxgsb/3srjn8wxjvp6l4m5we7svers+n7pz03xe08l2d+d5d8fnmza72s/+y9tzz/epq62nhszltzvkp+3yckstkfawsbvlskiblniqo2hefnkkltefmjeeyphhlvkmtcctpbkmy7qsyxk+ljoem+k3hpvlshvddmvhkt4kfyeaadaemscshhcykctbh0lexy00648akcx1r5dcizexkbbig4rbylpga6yolggpciqiazeaxy8ikncg6hgftqfyfkbi9av5xdq+n7zgx4cuqpetex4b0cfgawt5pmk1r5y2v9qh5/r45f4+f1jd9ekrvdvmevvepmflax7yootvnen85we1u27lyxef9qg3arkq4qdqg9ucbwecr9s/of8hk7/8gv0dn9dsrmvuzhn0cmvhbqplbmrvymokntyyidagb2jqcjw8ci9mzw5ndgggnzi0idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago1njmgmcbvymokpdwkl0xlbmd0aca3mjugmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju2ncawig9iago8paovtgvuz3roidcyniawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwodw2laaanafa6uiiiiiiih774giinq6cbe3jv5vlsuo7shsotlasupds95l0nvux8/9d+j9vq/k9/09+l3dd7z33nchc7s7sj7crqeww7k7somuemjzhjelk+/bul155s68g+ty5svmxe5yr86fdtpydo05z6ndniubddgpbvlhqd2wzwjn2svarnnsjm0ktmrsykslg2zowmewcwabtpgptwkl2gxkwxvtzkqtmy1nmyxgq8peatsk4pupi6xbnzlo34dbbwze/fyb+dabhnf765v883ubcwvzfbjxuow+ufecxh/zrn9yfwhqxjbopq/rstee15nq1p7xq886uk+61ae1f1ee1piurjwvlzn+xf1+xpl76xgfxewlx+jf+r+xf4uxpv/4j4slv5k+lc7gf3x/yfv7smd8fkglnb//zr7mxsswqdvg55laueq8y+rkpfajtqinngrsbekdnztnmfql5krvqgr6xk2kq2eisznxhsr4bklkguemqzqx1trwzjpgvxgbkatuxbcjskvuouu+prwfn4xouyomo7b3igniqyk7+pg7kcrj8tvk28kx+imxw8jr2wny8dfbypvxeesxkrvg8m0y+ujwdxdoehr9zogaohg9gj48ee0cubqmptrwrey/gqi92h9f7lscpd3qd4nvvrxgsb/3srjn8wxjvp6l4m5we7svers+n7pz03xe08l2d+d5d8fnmza72s/+y9tzz/epq62nhszltzvkp+3yckstkfawsbvlskiblniqo2hefnkkltefmjeeyphhlvkmtcctpbkmy7qsyxk+ljoem+k3hpvlshvddmvhkt4kfyeaadaemscshhcykctbh0lexy00648akcx1r5dcizexkbbig4rbylpga6yolggpciqiazeaxy8ikncg6hgftqfyfkbi9av5xdq+n7zgx4cuqpetex4b0cfgawt5pmk1r5y2v9qh5/r45f4+f1jd9ekrvdvmevvepmflax7yootvnen85we1u27lyxef9qg3arkq4qdqg9ucbwecr9s/of8hk7/8gv0dn9dsrmvuzhn0cmvhbqplbmrvymoknty1idagb2jqcjw8ci9mzw5ndgggnzi3idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju2niawig9iago8paovtgvuz3roidcyocawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago1njcgmcbvymokpdwkl0xlbmd0aca3mjkgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymoknty4idagb2jqcjw8ci9mzw5ndgggnzmwidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago1njkgmcbvymokpdwkl0xlbmd0aca3mzegmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymokntcwidagb2jqcjw8ci9mzw5ndgggnzmyidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju3msawig9iago8paovtgvuz3roidczmyawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwodw2laaanafa6uiiiiiiih774giinq6cbe3jv5vlsuo7shsotlasupds95l0nvux8/9d+j9vq/k9/09+l3dd7z33nchc7s7sj7crqeww7k7somuemjzhjelk+/bul155s68g+ty5svmxe5yr86fdtpydo05z6ndniubddgpbvlhqd2wzwjn2svarnnsjm0ktmrsykslg2zowmewcwabtpgptwkl2gxkwxvtzkqtmy1nmyxgq8peatsk4pupi6xbnzlo34dbbwze/fyb+dabhnf765v883ubcwvzfbjxuow+ufecxh/zrn9yfwhqxjbopq/rstee15nq1p7xq886uk+61ae1f1ee1piurjwvlzn+xf1+xpl76xgfxewlx+jf+r+xf4uxpv/4j4slv5k+lc7gf3x/yfv7smd8fkglnb//zr7mxsswqdvg55laueq8y+rkpfajtqinngrsbekdnztnmfql5krvqgr6xk2kq2eisznxhsr4bklkguemqzqx1trwzjpgvxgbkatuxbcjskvuouu+prwfn4xouyomo7b3igniqyk7+pg7kcrj8tvk28kx+imxw8jr2wny8dfbypvxeesxkrvg8m0y+ujwdxdoehr9zogaohg9gj48ee0cubqmptrwrey/gqi92h9f7lscpd3qd4nvvrxgsb/3srjn8wxjvp6l4m5we7svers+n7pz03xe08l2d+d5d8fnmza72s/+y9tzz/epq62nhszltzvkp+3yckstkfawsbvlskiblniqo2hefnkkltefmjeeyphhlvkmtcctpbkmy7qsyxk+ljoem+k3hpvlshvddmvhkt4kfyeaadaemscshhcykctbh0lexy00648akcx1r5dcizexkbbig4rbylpga6yolggpciqiazeaxy8ikncg6hgftqfyfkbi9av5xdq+n7zgx4cuqpetex4b0cfgawt5pmk1r5y2v9qh5/r45f4+f1jd9ekrvdvmevvepmflax7yootvnen85we1u27lyxef9qg3arkq4qdqg9ucbwecr9s/of8hk7/8gv0dn9dsrmvuzhn0cmvhbqplbmrvymokntcyidagb2jqcjw8ci9mzw5ndgggnzm0idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago1nzmgmcbvymokpdwkl0xlbmd0aca3mzugmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju3ncawig9iago8paovtgvuz3roidczniawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago1nzugmcbvymokpdwkl0xlbmd0aca3mzcgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju3niawig9iago8paovtgvuz3roidczocawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntc3idagb2jqcjw8ci9mzw5ndgggnzm5idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago1nzggmcbvymokpdwkl0xlbmd0aca3ndagmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju3osawig9iago8paovtgvuz3roidc0msawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago1odagmcbvymokpdwkl0xlbmd0aca3ndigmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymokntgxidagb2jqcjw8ci9mzw5ndgggnzqzidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago1odigmcbvymokpdwkl0xlbmd0aca3ndqgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcju4myawig9iago8paovtgvuz3roidc0nsawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntg0idagb2jqcjw8ci9mzw5ndgggnzq2idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju4nsawig9iago8paovtgvuz3roidc0nyawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwodw2laaanafa6uiiiiiiih774giinq6cbe3jv5vlsuo7shsotlasupds95l0nvux8/9d+j9vq/k9/09+l3dd7z33nchc7s7sj7crqeww7k7somuemjzhjelk+/bul155s68g+ty5svmxe5yr86fdtpydo05z6ndniubddgpbvlhqd2wzwjn2svarnnsjm0ktmrsykslg2zowmewcwabtpgptwkl2gxkwxvtzkqtmy1nmyxgq8peatsk4pupi6xbnzlo34dbbwze/fyb+dabhnf765v883ubcwvzfbjxuow+ufecxh/zrn9yfwhqxjbopq/rstee15nq1p7xq886uk+61ae1f1ee1piurjwvlzn+xf1+xpl76xgfxewlx+jf+r+xf4uxpv/4j4slv5k+lc7gf3x/yfv7smd8fkglnb//zr7mxsswqdvg55laueq8y+rkpfajtqinngrsbekdnztnmfql5krvqgr6xk2kq2eisznxhsr4bklkguemqzqx1trwzjpgvxgbkatuxbcjskvuouu+prwfn4xouyomo7b3igniqyk7+pg7kcrj8tvk28kx+imxw8jr2wny8dfbypvxeesxkrvg8m0y+ujwdxdoehr9zogaohg9gj48ee0cubqmptrwrey/gqi92h9f7lscpd3qd4nvvrxgsb/3srjn8wxjvp6l4m5we7svers+n7pz03xe08l2d+d5d8fnmza72s/+y9tzz/epq62nhszltzvkp+3yckstkfawsbvlskiblniqo2hefnkkltefmjeeyphhlvkmtcctpbkmy7qsyxk+ljoem+k3hpvlshvddmvhkt4kfyeaadaemscshhcykctbh0lexy00648akcx1r5dcizexkbbig4rbylpga6yolggpciqiazeaxy8ikncg6hgftqfyfkbi9av5xdq+n7zgx4cuqpetex4b0cfgawt5pmk1r5y2v9qh5/r45f4+f1jd9ekrvdvmevvepmflax7yootvnen85we1u27lyxef9qg3arkq4qdqg9ucbwecr9s/of8hk7/8gv0dn9dsrmvuzhn0cmvhbqplbmrvymokntg2idagb2jqcjw8ci9mzw5ndgggnzq4idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago1odcgmcbvymokpdwkl0xlbmd0aca3ndkgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju4ocawig9iago8paovtgvuz3roidc1mcawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntg5idagb2jqcjw8ci9mzw5ndgggnzuxidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcju5mcawig9iago8paovtgvuz3roidc1miawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago1otegmcbvymokpdwkl0xlbmd0aca3ntmgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcju5miawig9iago8paovtgvuz3roidc1ncawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntkzidagb2jqcjw8ci9mzw5ndgggnzu1idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago1otqgmcbvymokpdwkl0xlbmd0aca3ntygmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymokntk1idagb2jqcjw8ci9mzw5ndgggnzu3idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago1otygmcbvymokpdwkl0xlbmd0aca3ntggmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcju5nyawig9iago8paovtgvuz3roidc1osawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymokntk4idagb2jqcjw8ci9mzw5ndgggnzywidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago1otkgmcbvymokpdwkl0xlbmd0aca3njegmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymoknjawidagb2jqcjw8ci9mzw5ndgggnzyyidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbvstyqaa4p8nsaqcpcbictkgsiusgiap3tg6a8sidtemztena/t23j7bbd/dd/c+r/altgteq31ba15qnc/qnzpnsurnguxtjfrpl83vqiechmovyjxkakg0vbgsvbqmhyuvsirhssvjbfxdhqjdrniwlh8oj14mf7b6xybhl92xmf6r3dnakrtds+9kksyr3pgv3jbg/5bc0losvjw9krzdfolvweu3rzavi0txv2gvxhcsviouahyirywlrgqi5wuu8gwxkpzlfnm8/ixsrr4fm8u/qpmucinm4v3gn+fwzhlpc8z+5j7t+on7hurqnc05a2efzbnprx9nn9k4cpqfpclagc9cobg8fjijejy5jmygeok4y+k4nba+fqkwbumpxdsnwayu6lmxj8iyjllnprcoya9twnhvrepkatxjc4f4b8klxvmhyabf5w+o/zk3t2vs3d7g7h4scs964uwe1cy9rozeany3gqkfz9zfzuzge96jn0hgqu/vxjmnnd4b3y6dboyz3kzpbcdqgd21ht21rxhykxo/anildjnqevt5yppwyiln/i3iiy3iccir4xtuj61hjk1/ojn8bn3y6ho4whc+ajlsvac/ogszdr3rma6fjschjkyhh9dcyk6gdcodyq+tbumhda1a1qynef44qku+cfabokgbhnaeggymagdvaqom/eopnpv3q/fv/n1k/fpu8l0qp6ty//c0+/yq0t1kx1yfbw+gt4+clephy9abotcvezpgvrhyzde0zksb6um0s+yj6telsyr16clykx1hs3unxhkhxj24w4eetnitw7hd7nyufkuza7sy2yzyhxvpe0g2ilzqqpdw4ruanvufybbraucwqkcwaxizwanusvlgzhdshndo4lpic2hc2zfxabt59gttgnlwuxanoa1cuwbua5ptgzjyeo4tre09hztbpg73vr0b8b8y4cf1zw5kc3ryzwftcmvuzg9iago2mdegmcbvymokpdwkl0xlbmd0aca3njmgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcjywmiawig9iago8paovtgvuz3roidc2ncawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymoknjazidagb2jqcjw8ci9mzw5ndgggnzy1idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcjywncawig9iago8paovtgvuz3roidc2niawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago2mdugmcbvymokpdwkl0xlbmd0aca3njcgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymoknja2idagb2jqcjw8ci9mzw5ndgggnzy4idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago2mdcgmcbvymokpdwkl0xlbmd0aca3njkgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcjywocawig9iago8paovtgvuz3roidc3mcawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago2mdkgmcbvymokpdwkl0xlbmd0aca3nzegmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcjyxmcawig9iago8paovtgvuz3roidc3miawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymoknjexidagb2jqcjw8ci9mzw5ndgggnzczidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago2mtigmcbvymokpdwkl0xlbmd0aca3nzqgmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcihoxthaadgn1au2psizq1sfdvrlqpzkharmu29995+gjnye8cm9m5zvwtyue/upu/zksdelacksvf06ksc/aiybzepvpaeezhjy0zesm+yearskwfpmgzj8dpystjscohjalow9ar18klg8dh/lcwdj/odj2lab/eaom/ggwr/qx5w1p9a+v7ur5/bf6/bb1xydw96j+wfzom9g91zl417m91dwtbza7z7vkcs332lvof3k++64sn5xtfws7qu0z3xwxs5ndeko6656ctuhy4horvjit1o8zldrs9qvwrsu2sbmtsuswqzbqzbtcxwbezbzrrq9vu0gs0xfbktf1sblxjy9oyl7hl6m83fzee6tvdtms7ag8/scfmbz+cepjac/nrllizt3prtfnytlhp0cv0j/bqtzgrs3qnj46q644l1x+ja40s6cbxh+ecjtdiaowt8nzvhkonrjukr/z+mr6yav30iwhuybxpbdrhbduc/8ic28iagtiamuhntueitttmqqko1xbnvvv/vj/j9+jhl+7plwhurzbgrzxvgpxsrhogle4s74awejbvhjbvf3zkszbe7e1zmnbr4h2brtig2pgghur1srp9b0bzuicyt4eksyq1gwidlft3nicvssfkveqbi07h8m1b/i1cuhydfoc/bced6yzza1/1lgh6ydbr03y+ur3td4jqv1kbkzdfgf8kafb/jmk/b36swvqtwafnxvug98legile8xcueujc9xboehvowpci75y1txnix6x8wlcf3ey3p5hivuuuad81dbbcuuhk6cbfxf1yejhmwpkf3zlnazjvnilpnnuk6zc/tf8w7it8k5ua7cubq/dlhqroo/fkhirxzb3x73ixltt0pbcdt22xbts1sa3lvtlwvsq1xbzwjsugori3pwhniw3fm9nkzvuqt2tmgpy3zhkxps+wh1jr8c9a0bwvkggnvndkfnjlljjtpnjn5hn7gpbn9cbmmxvnixoqpsrpgbplxewyyfdwe+s59hpgptyvn8mvuzhn0cmvhbqplbmrvymoknjezidagb2jqcjw8ci9mzw5ndgggnzc1idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcjyxncawig9iago8paovtgvuz3roidc3niawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymoknje1idagb2jqcjw8ci9mzw5ndgggnzc3idagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago2mtygmcbvymokpdwkl0xlbmd0aca3nzggmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblckhvtpqaadqh2uriiiiiiiie++biijuongxn47+vzulko7b0jrzwkldw0ves9j77sfp/q/o/b0pyvf9pfi93xe2d953iqu7o7cewq6nsmoyu7djlnji8x43psvvwbpdeebovbvrcubl5lxowefohxu6cgztowepw54rm3xykw1zr6ndlmvozdrl2qzz0ozncrzkbgcrjynszljbfnmgm7ayku1pc9hsssmb02zkkzgntzmmyepkrgk0pod1ksosqz8y6n+a228grp32g/nwmx5xe+uvfpn1g3fr8xw48bqfvrnxalx/2utfwh8b6l426d6v60rxntez6tae8avporpputwntx9xntayrq48fs8zflxdflz5e+lxhcxlpcfirfq/lxellz7/+i+lc7+zpiwu4h98f2bb+7da/h5bi52//86+5l7lmknvyoes2rnkpmvq5dxwo06ijzrq7gxcg52bttbujezk1aoeelytiqtnilmzcybk+gypshlhjkmumdu0cgy6rlcrmymrvmqqo0pfvdlfpj0vhz+mtlmqjqowd4ojykmjo/jxuynkyfe7ytvjmfijsvvi0dsj2phrw8qb8rhkszeb4pdngpro8a1w6houfwtogjh4pyi+phhnhlgapj00cexsvxqipdh/rey7hkq90hej770cylg/97k45/mf476ei+juvnu7l3q7pp+z2dn13tpjdnfnexfh5zm2u9rp/mpbwwfxkautpx0sy0875kft8girlzh2lkgby7jimyzskjth3nzsipu3nzcxnsjxxy1spk3hlawypmo6kmmzpiythjvpn4aby0obw3tfysk+jbwhmmg2hjrakoyqsigkwr9jrmwnnoupginf9ueqwimxmsgw4hueqci6yaosqc4ikqikiagraf8vcjdxbuorhbubcn5aspql+cq6vp+8xl+hlqjxe3l+adan4afret5ita+wnr/ah+f6+orephdyw/xiq7w1thlvxjzhywme8jjk1zxdfovhnvnu5wfxbfubtwkyqukg6hvbng8hnk/uvzhfisu//il9a5/xuq5lbmrzdhjlyw0kzw5kb2jqcjyxnyawig9iago8paovtgvuz3roidc3osawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwodw2laaanafa6uiiiiiiih774giinq6cbe3jv5vlsuo7shsotlasupds95l0nvux8/9d+j9vq/k9/09+l3dd7z33nchc7s7sj7crqeww7k7somuemjzhjelk+/bul155s68g+ty5svmxe5yr86fdtpydo05z6ndniubddgpbvlhqd2wzwjn2svarnnsjm0ktmrsykslg2zowmewcwabtpgptwkl2gxkwxvtzkqtmy1nmyxgq8peatsk4pupi6xbnzlo34dbbwze/fyb+dabhnf765v883ubcwvzfbjxuow+ufecxh/zrn9yfwhqxjbopq/rstee15nq1p7xq886uk+61ae1f1ee1piurjwvlzn+xf1+xpl76xgfxewlx+jf+r+xf4uxpv/4j4slv5k+lc7gf3x/yfv7smd8fkglnb//zr7mxsswqdvg55laueq8y+rkpfajtqinngrsbekdnztnmfql5krvqgr6xk2kq2eisznxhsr4bklkguemqzqx1trwzjpgvxgbkatuxbcjskvuouu+prwfn4xouyomo7b3igniqyk7+pg7kcrj8tvk28kx+imxw8jr2wny8dfbypvxeesxkrvg8m0y+ujwdxdoehr9zogaohg9gj48ee0cubqmptrwrey/gqi92h9f7lscpd3qd4nvvrxgsb/3srjn8wxjvp6l4m5we7svers+n7pz03xe08l2d+d5d8fnmza72s/+y9tzz/epq62nhszltzvkp+3yckstkfawsbvlskiblniqo2hefnkkltefmjeeyphhlvkmtcctpbkmy7qsyxk+ljoem+k3hpvlshvddmvhkt4kfyeaadaemscshhcykctbh0lexy00648akcx1r5dcizexkbbig4rbylpga6yolggpciqiazeaxy8ikncg6hgftqfyfkbi9av5xdq+n7zgx4cuqpetex4b0cfgawt5pmk1r5y2v9qh5/r45f4+f1jd9ekrvdvmevvepmflax7yootvnen85we1u27lyxef9qg3arkq4qdqg9ucbwecr9s/of8hk7/8gv0dn9dsrmvuzhn0cmvhbqplbmrvymoknje4idagb2jqcjw8ci9mzw5ndgggnzgwidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxch1bauaaa0b9rq4iiiiiiihvvgyii1dpxsteo/lwvjsjuwdi62vpjq8nl3kvse+7hz/0p6p29d8r3/t34vd13tnfedyeluzuwnskup7ddsruw4y54ypmen6ur78g6xxnmzrwb63lmy+zctlhhzov1onim7tlnqcoek5t12cltwuep3zzlam3ay9qs2dkmzqq2zgxgqywdbm5ywrzzbpu2mclnaqvyberdg9nmspmxju2zjgbdykrpnktg9skjregfmujfgntvbkt99hv51psecxvrlxzzdrtxa/mvupg6hb658qjcf9le31h/aepenug+r+tk157xmerwnvgrzzq6t7rvp7v/v57wmk6upbuvm35cxx5c+xvpcyxf5axh4kx6v5cxi5c+//ipiwu/mt4slub/fh9gw/uwwpx+qyudv//ovuzeyzcp1wdnktq55dzl6uq8vqnooic0auxsqoodm00wvcxmstwqbhpcryqrz4izm3ggyvhsquozr4ypldhvnhbmokzxezspq1teeknkrvq5rt49fywfje5tkiajshekccipitv48bspysnxo8rbyth4ibfbynhbcdjx0vvkm/er5lgrg+dwzrj66pancoh6fh1k6bo4ed2cpjx4try4gqy9nhbf7l8aoj3yf0xsuxykpdb3ie+9hgcxv/eyuofzbeo+noviblz7uy96uz6fs9ntdd7tyxz353l3x+cznrvaz/5j21ln8smrracdlmtpo+sn7fiiqy2r9pzig8uysjss0io7yd580oqvn58wl57i8cctuqznxy2lsqzjupjjgt4sk4sb6tegm8tkg8n0xweppiqvh5ponosawjkgeliojmefsutfjttrjxopxfvhkmijmteofuibhehiumadrkgucckiiogbkqbflwiq1wbqeyw1axj+qej0c/neor6fvmzfhy6o8rn5fghqj+aba3k+yrwvlja/2ofn+vjkxj4xwmp14qu8nux5vv48x8sdhvi45nwcq3zlytvtbuvhcqx1abccsqriooob25xvb5yv1l84xyerv/yc/qof11kuzw5kc3ryzwftcmvuzg9iago2mtkgmcbvymokpdwkl0xlbmd0aca3odegmcbsci9gdw5jdglvblr5cgugmaovu2l6zsbbideznjvdci9caxrzugvyu2ftcgxlidgkl09yzgvyidekl0rvbwfpbibbidagmv0kl1jhbmdlifsgmcaxidagmsawidfdci9fbmnvzgugwyawideznjrdci9ezwnvzgugwyawidegmcaxidagmv0kl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngblcifwxnhaadg/ydicokkiegk0qbii5kcicndmbprxih1n4zo0q0d9pbcnttt39139z6v9qvoc16rfufrxmo1z9a1mmey6uca7fon+ukvzdwqj4kgahvglcoaqdrueaxugowfk5wwisdkxwmf/eofal2uelasfygnxiz/shpfjsex3zez/phd01oqu0nl70opljhekzxclud/ltzswiy+nb0pfkmwiw/artdflq+lrne/abvefxk+khqcfgivlauucojnc67ybzeq/mt80zz+jexfhh+by79a8y5ykczhxecf5/dmcs9zzp7kntp6g3ug5fcdztkdz59ls0+tf2ef0rhymou9yvqbz1w5sbx8kgl4nlmmzkb46thj6tidsd59ctbtsy9d1kfbpi7quxepylkous2msi5gd1ny2g+sq+qc1cklh/ghyqvg8wfjof/nd6j/mrdpa9lcpudsfhjyz3ri7b7vzl1e5l4cdjebcr/p3mxo7myt3omfqczbt+/emy2d3ghdjp0gjjnerk9tx1aypbudpbvfehirgj9qcgt2m2os+3lik9biiu38jcijjchxwhhjg1spruemrx+im3xs3floejhafz5qowxubz+iczmnhdgzrowowiemrkgh10liroymi4pjd60g4wcnrvrvbg0r/jiopt5wubs4qaec0ascbgxoynuba6b96g80+/er8vx+fwt9+ltwvso/ppl/9zt79irrpupfxivvd6bpj4isq+fj1puhmjv7m+c9ghjkn7tmqxvpsbrl5gnq0swzkvxoitgpfueze6fecofenbhbh4s02k3duf3s1i5+s7nruxjbjnkfdwktqbakxnbcl1bhg5qdw4xifusc5xzapxybelpacdsxwwdmd2ygd2jiu8hzaelbn/eag3n2bo0aeva5do2gdvy7bu5rmm0bonh6ji2stt2hnnumdvdvhrvwhzlgj/vlbmrzdhjlyw0kzw5kb2jqcjyymcawig9iago8paovtgvuz3roidc4miawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgvbe2eaaod/j0gkgqqgsarsoeilkoigkd0xumveihu3jm7rdqp09tye223f3xf3pq/2pu4lxqt9qwteajxp0dwaz7lq5xrsu4366s/n1aongozqfwcvygconfqrrfqajb8rlbckx0rfywx8q4ucxa54scx/kcdejn+wel8mx5fdl5n+kd3twiq7q0vvsikskd6rldyw4p+w3njall41vskwqxajb8bfn0wwr4te179ofv4xer4qfaiwck8sc64kioclrvifl5d8y3ztpp4l7eueh5vlv0dzlnipzofd4j/n8mxyz3pm/use0/qde4bkuj3noqnnn2wzt61/z5/suhkaht3jwohpxdmxvhyscxicuyzmohjpogppoj2wpn0jmg1jj13up8gmluptf4/iso5szaawjmapu1jyb6xd5alvyquh+afjc8bzb8mgx+cpqp8yt09r0tw+4ox+enlpeulshtxmvutmxgj2n4ejh8/cxc7sxhpeiz9bxkfp78szjz3ead2onqammd5gt23hubg9tr09tuv4cisap2pyc3yzahl7ewkt1sijtfynyimnyhhceembvi+tr4ytf6izfgzd8uh6ofoxpmo5bfqhp6ilmw0d0zmuhy7ah4ysoyfxqsiuhgwjg8kprqbjbw2twtugdrh+okilpnbqgzioarzqbiigdghg1qedpv3qdzt796vxvf59zp36vpc9kj+k8v/3npv2kte9sl9chw8poe+pgixd4wpwm6ewlxsz4l0ycmq3tmyrg+ljtevmcerrjbmq9egi2cl9r7n7p8ryh8sdufuhhltyrco4xezwln5ls2u7gnsmcov1arnbtopc0ekxvuebmp1bhcgw6wlnfkcnfgf4s8aj1lfzymx3biz3aojtyhnoqts38qabefye7rp5vrl2jaanxlsg7muabrs42hqolaxnpyc026yo91udg/afmuan9wvuzhn0cmvhbqplbmrvymoknjixidagb2jqcjw8ci9mzw5ndgggnzgzidagugovrnvuy3rpb25uexblidakl1npemugwyaxmzy1xqovqml0c1blclnhbxbszsa4ci9pcmrlciaxci9eb21haw4gwyawidfdci9syw5nzsbbidagmsawidegmcaxxqovrw5jb2rlifsgmcaxmzy0xqovrgvjb2rlifsgmcaxidagmsawidfdci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4azxcbzsbyqaa4j9wlnquomatuhq1a5ukwziqetltvffefocz2hvhjvzuc71rcrnv7j7v8yrhxpwgirfx9oirav2igawxj76qhnmr48tgxrdpshgq0pfn6tbsyfaz8kkybhdosqjampqedfcpypax/y3fg4/6a49iwafxadpv4ifq/0mevtt/qple1k+f23+v2wdv2hcpeifsbczpvypdc5ene5vdq1rqc2u8+1zakt99i7zhd5pvuuejev038lo6rtgd11l0uz3xpduuuegrbocubzq744rdtvgs3a7par8ebltkgtlblklqmw0gw7xmvm3mw2a0avvbtbktfxqzlrdumy8y2ptmc+x5ejpn383nuk1q05rowbvp0ghtg8/gnqy2np56y5sgu9z60xtck5r6dhl9cf26k2rkut0jyeokouojdcfo2uneugm1x/hhcbxymqme/j81r5dja47iq/8/jk+mgld9cfh1gacaw3uyw3vav/igtvigbrymplitbbhce005qkjdtvwtvb7/74/yffir5fu6zcb7kww4ewv74kv7eythpxueu+glhcw74sw7398yrgqxuxnwtdw0eidm0u4onqrob7kdukt/w9g2bihmrebcksqtymig5rbdzsalurh5fxqgyto4fdnqfynqrh8g36av2wha+ss2qnf9zyb+snw0dn2prq903ecar9sgzm3x4bfjgnwfyzppwd+rml0lvghzv71bvfjxoipxvmqrnlcxpcw6hobzlj3iu+ctu15yf+l/fi3bdxmt6eysl7rlgnfnxqqxlrosuggx8rdchcrzfj5bd85zwm475ycz551jomxp0xfmoye/cubgowrm0pw5r6qzjvxzb4q8wqd8e94szbu9d23hu9tlwbbnugny1bzcfbenvwwvo7lhqkynz1hzsftxzvtzm1bkldkzbqct2yssauvsb9y0favwtavryoij1zw5bz45zy47az45+r5+xqqz/qmzdf1tysaekuktxgt5crmgmn3cbpkufrz4d08lz/jlbmrzdhjlyw0kzw5kb2jqcjyymiawig9iago8paovtgvuz3roidc4ncawifikl0z1bmn0aw9uvhlwzsawci9taxplifsgmtm2nv0kl0jpdhnqzxjtyw1wbgugoaovt3jkzxigmqovrg9tywluifsgmcaxxqovumfuz2ugwyawidegmcaxidagmv0kl0vuy29kzsbbidagmtm2nf0kl0rly29kzsbbidagmsawidegmcaxxqovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keagvwgc7g2eaaocfvptalkjmrviunwuvclmsebey7b333n6amdh7xyb2bno9a3k57+4+7/mqx16voiqxv/toqwl9ohgfl4++kb55keplrl6wz7irqtkrz+kwbmnwm/jjmmxw6ekcwjd0bhxwqwdwmf8txyop+gopysah8qa6b+cbav9dhlbu/0d5xtsvn9t/r9shvdh3d3on7axm6b2d3xoxjxub3una0hnrvptwqjlffyu84xet77rhi3ldn/czuq7rnddzdlmd16q7rrnok26hlgc6u+ok3u7xkt2uz2q/bgy7ziey2y5japltblu1zfzt5ltmtgr1w7qzlrcugs0xvjsvgnj05gvsexozzd/n57pnunoazsabz9iiuxvp4j6mnpz+esuuhlpc+tmu3jouenry/qn9upnkzfldccnjpdrjixxh6nrjrlojtcf4rwm12jqjbpyfnueq42uo4qv/p4yvphpxfqhydrghglt1gft1ql/yilbyiaa2jqzse224qhnnoapcq7vce1w+/++p8n34kex7umxae5flubfle+clexge4av7hlvhpyqlu+elu9/fmqxkf7stvkw1thihztfokdakaae5hvje/1vrtm4hzk3gqplkrwdciouw3c0gjvkx+rv6ogltuhwzuh8juk4fin+gl9siqprlnkdx/wwafrj1thtdj66vdn3gmq/uogtn1+axyrp8h8mat8hfqzc9c1yb81e9qb3yv6ckv7zek55qlz3fuh6g85y9ylvnlvnechfpfxytwxctlenmei+65rp3zv0efy66eroif/exxiqkcxy+qxfowcdoo+cgs+edstplz9mxzdshpwrm4dsk5td8oueqs478wqekvfkhfhvelgw1pq9tx1pbzcg2zvidctw2xbwxdvcflaoy4aisjc9yc0hbcwb02tnw5c3zmwanldmergll7afwnhwl1rqfa8qccdwcoqweowwoo2meofkefsakgf0jswxdu2lghclje8ye+xetbjj93at5ln0c+a9pjwfyzw5kc3ryzwftcmvuzg9iago2mjmgmcbvymoknzkycmvuzg9iago2mjqgmcbvymokpdwkl0xlbmd0aca3odugmcbsci9mzw5ndggxide4odcyci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4adv8eubc1dn+uffoxizmajmmddadw5phczsjgqk7aziqmasskeca7ptuvjrafy1l3a3vafttg6vdjca4teybq7v1qbxaamtja9tog6utw7xa7zn3nrojbb/vn98fxwee+zzve5y55z3nnnpusdcjmwzii0xhrymbbjazdvzdeb4dkgd3bvc9empjf0b/wjjwuhlzqg0ffdrhzkwhv0zsqvuxrfy97eedjfmtgxoorb4egprrqpxlgcu4axnkv8nhuul3doyxywes3rb9d+p7ulwqn8bux79pckbovgwzy5knshm2doze7b/lvbn2eti+jqmbhn8fs/os2fdze/pw4c1t7/zxdoz7uycjpglf/gvgk/laaczoyugzmyuzmq38emzgrvqwbj2ukuvlhizp72rs8ga1pljmz2vznsrhhh2fhwy3smfz62wfowr1gzvc7mxfywh2bpsxe1uu+p/bkxdpnzczchltimns6topc5p3aupa2as8n8ck0/g+90zzpt79ku/dyrumbjpjogczqmut8kuo7e/sxnsnci1kwqbkus1fdm1v3+l9/z2td07e94vezgedbdfbwpayptbpbtd/ibaarufk1rh1bapbqfobkbykeiws5cg1ifxcf55re9vmnrgtbdvbwxbiazp0tqjf07ao9g62c1+72uvsd9vl9rh90esu1bmpkxtu726khgahmtixs0tujzg8h9il7dkm2uxscnylruw/w1eezzxkrmjxy5yvydey/6qpfyhlonydu559ffphrnytu5ndinnxnxbhl7y3qp7b2z3slswzxuimeo5s1c3sftxxp2ipsqfyg+yegstbri0iiukyuo30zsrgh/p86iiwuzr3ny/wausd93s02u/din8lf5tygy0jj94h5otrgy2oa69lf9qjinedekb6837ygpe+xpuffoos/5ux95jh6q7es0sgx+xm+g7/f++fos7un7ov4w68g1ceva7ugsz1l6ov9n95pu8rne0b7jvswxil+xhxgslzl3z3sw/j3v4uo8rux9fn+kjfqq+w76kjf2zjlmkosemyyrpsjbtx/f9t2onyo75c5li0rsj5wh5mj7bhmun+we5hpxksx8lzffgej3ppq7nifhjr9wk1f099enpraaxqz7kfsj+yf9htsj5xr8/aepg9xh7oxpusud9jb+m6abbg89dyzx1llyzu7ql1dy3ond9vbkd725zwluamxob6utnb2ppz1tnnvfvwljcvfutn5wrlzvjtve54u81qmrljdhqdvqpiestr9df1+8jz/wfnlr+ljz/b/ge4bi5w9id9cdv9mu/yx8sniokloypiufjloyoum3g+p2tzvbpq/dxfo98xfq7b7xuxfnf2qb9u8pf6wudu3afqtzzqwgckpager9g9usexlvp9jegmnathg/sb8vokmzox3l8/bmzpy2nge6qjkpzj3zwm5driqpbzgmemycxg4w8bvjibb4bc8zt7ghs8awm9qo/vq3wfdfvhvvqxb00ybwzx+cbyto1epw5jk/od5ih/0mdsnraygekjsupo6ovheycc628i5+55y40adofz/a2n4yafdwtbcp4npla20+b3jx7i0hj/ub+g1rd4bqiexabtq8yterfphyksdqjn0da0ep1ls+ntuwo8yfbaci909pdtyys8erysdpsg5x6eckqkoem8zusknc/e70dkg/2n/dhvnavd4zevvvw8jkz6nrnwzcldf1ay+lcmruy8mdzqb0apeuvw3rmonkaeb6lbbbwrkkt+gx50yg0pq2dpunc/orzvr6now4fkmhvxdpworcjbgi6vd7p+wwipcgejymkkni7ygeen5hx5o3sezivtz8zkfz5jjayu9fj2hf31gjssxtgeozvhb79ncpnzpa/hkxyo9ij8vf6e4v4+sn5bopcm3g4vdkbacn37um6rgd0o6zmnvh7zo/ty0yld14slv64acbawjkw+onxvvh7jw0q2ves0b1dfqaegklnfgsjgfk1v8arhcquv/6fjhuoamhe2ng+tbo3qft4mep//2dtkzruu62scbriggv+ofibawght/76dmo9fnbhogoepzwvvq36edo1dsieso5+qi4+i2xdm8309/mf/rx9zkdi/hw8oj7u6vm1d/rboxt3qaednsfcxleqvplqws2vr7hggxi852brqx5upq2o3q/z5s+vlya0i2tdq8ld1jfi390crzd7cqrgcxvbrwfwvjllcre1ykp1na36fzdc0oja+nbjidcwyhn3c2l96bm6dux/r0ki/q6cay6ne9/s9e/hbo1ib1nzdl5+htaduzc9d0tkwlk7owtzzsa1n4yu6eykyjnf31/wozsct52effnfvk3mvd/ispm7wmhbamkj5pq8hgrtruzwqq7uhxywm+igtfbibhjfjzxp5zpg05auqvl68cie5v2misa43+ob48ozrxt3a38tvlubcuojbckv+ghaw/tvjkqwzh43+4bqwyv/h/bxcx0t+hffr/xvhysuhoonyk0b7/vinmov6mefqxeyw8dkvz/rgp6a6e9ke85zrtcmtsrry3boocwaf0gboqb5mjn64m8mjgwo8hsyew53fma2dvbgxrixi0hqoqq0x0rqqo0ktw6cjcg1ibdcaavkrgogr3nbvgl9pzxreip/pfmyt/hkydqptm8xfqlb31oev5hmbwcpgzms5xabtrkuhpb6yedmsulxhejnapuhh0mc/dyogyyndmoq0lhr5umezjcvrkzwswuijjjlelsxtzdggywpqib65nhwgqnzrexeu3nnvujyaae9tc5vqoqwlqhktgoggqzw3bd+xo/e86xo8ms5xtsc/g0sjb7t6vnokhy2zrqny/km8cr5/psimugyz3mxroe1epe+5gxfxmrvhp+7zx8rxaphkz/pzzyfptoz5gbob9y5+2rfeesjpm3zza1hdo6mgy78vqpeywm4zr8xxil0gb6xfu+i25su8usl4jqzcs/fctuqxzpewmbebit30klohwzcv/4fuz2tmk7rxqclj9ugrrracteqq9z8s0x1w7k3juv7xwv1hwwa1e29mpf848cy5r1xhoanwn2++8abt/eftvyulb7785vqiyz5mvxefk+v18tp/eofclp1vxljsxcoxlwb502nl1vdaxlgjlbsnygpykqdg5rakvptpxcq8cz18wf+7sesbmmsnt+i0crlbkv+daetaklldkkjx9dpfa9dnvnslt61vth9nb09xulicbomjxevmsesnxtfgfvo3bexn9zr1n92o6gyurc1qbjuazi1on57qtpw2m611otxopjhf2ewug95hn+c0lj34ijoz15hsdfjdex2ioctun/pu6uyms9nsmx3c+ntzyzapa/zemwuulsp/dmys8tljjs6y/sflcktn0y9l5mnxcym6csnnwhpnyojv1kbjv3jaxvvmgl+ketweijr7gqlgjcliyy8tl+fupvtjtogns6rteotro+qgid6x5e6pn+qmye2q93rcst0w2ak3ezxxhnvmxb/0fr1wi4vmgwwvaoquou/nu+euqw0aa2v/epjnnjp73gqt2mfzpqevkqopkqnpylvps8flvgcgobgxl7uxb+1sr0zxrrhz4+zlptyu9nhqymndey8bmfa8ik/hs/qpyx6pg42de6mct3zcapfambngusmbvtcjlbu02x0vukxqzjba7sgqnhjvya+wu6orxydme7s5xa5xkxdmu5dvnqt1vfwds1dvfrygan22czbmyjd5mcmksoqjzetdm16gksulmuztskaxtxvqzdff+rx1xqfqlmh6xxf3zd60agacswmwg2jl5m+zu9lxn1g8ym3g1qtkzq65vjuwqkm6tqerfz1jbyps6jtrpr80qbhr7ca1xsxsuixxdba7fonutc/mpj49x59amb+kyu7m6su13vvmdr5cmg9n9maz7o44r3jctli/jawolrn8bnvxyayulrgjk+bdq5h36wz4pdui8lrtpirhozguog3b6jrugqlgdrqq6rgc3soyndmntj2enlvowadgsqdznylfumhgfr6uwfmb2+na+ql4ftal8buxr0ude69qyiygyrsn8wmjfl5bwqxals7kpqzljeajzrvp7jsy+wwzgzqrdpbkudi6kwjopu99qlmtjwczbgmwjcoa1uvksemcs5kknaqpyylljup5bikrnvmnpcrmfqndltxcbb3clehodgdlehe4ty4fwt4hr1wt3shroafqhdbxj/x19qx6apmxctyytbaulvvezlezbkle4uupy6xtyyc1synzka40t92svyz7dzijjz05zrgjkbzj0hrfej+r6s2wkizuu6xbktrag8mgibg8srrfydf+9rimlvu1sr4xv6+kmgyfoy+frciyklso5rziww4pk0hkdkk5tmpd4dfzuxbyq2ql+fytrdzrsrwy0rp1xcywjn5gnlzcuqdj51sskw9zti7cdf+g06szpdp5g63zmzgalmxvwqsbyqfnehumwpblqmori15rjetp8wbbnebjci0ryapvdkyywzmyiefvtdykl9wl17o8vo2ix/ams28zlpcjnxnpmwwks7fo1crpshjsweggz1rnrsusu0wxcavm3owl/kyv5bd6qy0vaqxj0sdbljtzviazmq3li5vbjyiygs/ytuvlfocsjvgmcdkqjlcnpmvkbaxyzfoleiuvskslzk8blzxb64vpunq6juwdgjmzfm3u0lbc3pz89ew7z+fxlcv6cner9/jpwlk+qkkbqourphct68um5whnyioro8cqk7mkrjru8ui2o+etwqmn295vulxeodtakj1j3tiz13c2b+vmr9n+7tx7xnpnvs0aaj1unphjnhpp3ckvpqnxdgd983dduj23d/7stbpczrnozzyvrm3kbfo5u33znmym0vllnhr/isgwae1msfknxowfdnsftsivzw3qquofgetsmelru37mytivy8nqgokvfhygxwp89jhixbj58jaavu928ls8qkofgcdv8alz47ipacmmlwit/+qngi0t3oxxst4en0f583s+csrywqbnjuu6szgobouvb86pf6mwjxbj01glsbflxsfszk0rjvzg1fsnq6vil6b1u/hjwn1idvtp4cdnw2wzt9zwg+hskhph6gshxzpdhzqx62bask+6amftwkw36pv77il2s2jmiio499ioyx7fm9owlo6ojxm7sr1powknh1h0qceqefab4rbdkaxs8gblsuuzvomty3l2ytdpyg/m86nzgg43+2xxuntzse341cc8dga1loazj3hsrx4eznbidujt8zwaa5fsotfzopltie8rfoj8er3hoy/j1/bwb0t5nhv4w/t4bcjwmy0zaajnwov0suwc18xdz53o/krl7eqwab66x1xowfir3zy+b2ey1qpz8dwr5xwjvvhus54lbe4herd78p3hdqftuqc+a+lcl1qd3+9y0z6tla1dzf0jcamk2it4tk3axmu5iv95xf0jacuuic5qym2hia40kzs7fovus7kyznqxp7m4b2ruxadhktc7/m/1mxculk67d8ug21bk2dkm+6yxfmd6m0qxxtye2+yvbhb75orwx1fzyclwkukthqldyzvf9uw6yy7d2tzc41g2+70ziwrn7u7ks3e5cll9bbjrtpvvo7nmc2h6zrc3nk2msiqxst1vvn9wzl9dx57u/bhd2ut7s1f5kltzeld6k1omls2olq2j+bk5ztn1kuu1fb+q2wvtn0qd2klmxe87rj5z65/n3+rxxnh1aaxuykodj3wa1wedq2os+jfwrkfllsyzoehfxhdgs4hvkwr4pxv1cy5ln5wweomyv++4vhm80daqbcdm8cq5qhtzejnmpjymrbc4gffnz04zx3bg8anphwhxl2omdl+i2xen18f53ik+hyeub+amaeci3xm0ucix8q0pxww9vdrjwm4vqhvfbdgxjmadlwy3bq0ogzoqxy+1pdi09ssj+fi/nyilt4kevjmneu184txx2woy4gyw8sxyhk6ezegylnwgmzxozj8zltgjnbfd7thfh7fufkyprlrobrbo9rfa4ike88vrp7f/syicthu6lsmig9p9d0fruc2+bhevnsm5wzvi07ff0rf4b3va+zji1o5ldrk9oymrpo8s9ibfitezdoxmzvp5zf/5gmn3qxvn4phnzvkwntqoyhvqwtsoxpbrt6lhqqclypowfhxlpjhzknfcygzgbozkwz2+vicfbb7pou98fvnhm/dapw5hz3v/rrvq84lovk/wxrgmcskzzssishn+l3c2c/amqhrlwkakwaniygpxqj0mjsyqx9bemrh+1+4ekm/itiogozem1sp7rlafwp8fwtmch4cbpusezuw8jzgwl/po8nnomdpreftbpaxcowrukeebqqbuxqroxrp3wip39ldkraievfbn+klpgf6oujqujwyt43nsvkocdsopah9sc8zldzap1epptxwj6nj1khqfaqxu81eot2f1tpe6ktwcuscvwpmixi/t/8vh0bb1r0np8klj0dm/x4xvmw8a351qhtwhuuejb0hdesrlpnofq0j18/uaoevg5fqg3rienjbn0uzpjpy2tmixr1dkvgztfa0+eiingogjayimp10xgqk4b+glpow6ahcotpbse5k+vvhus4o6dyaul8fbeutvufji9zz71w3duxfgttvgxuqlwbtpg7etxhftxx7fbps3twx/mqwyq2z9jk/vourh9dpsg1c11c6f5b3s0pfdunv3ocuf0xbs7pi1cmfburexc2l5w66ekslojbuly7pbff45oexy8mknrykrqtn11vxe0gmt9xs0zz6v5q2pa80bwlso62ol5tltmetxlmdecsbmokrcoz9uz5mlliouqzemkvkuloxzdtctz458kd6nqyjn60i8c8mqzxeted548w6uhpx5pwg+onz4+crdtrb62acrkzx47ankzvbjvne5pxhj9leihbcvix/lgjqonm4zyoxpfg4zbtqh8hthhzhhzxwecckysxzlgqkpdthsxvker3jbm33q8erxlb5yb+jujeo+wkqii7a+teatfyjjhxwn8nthhvdfe+5bgshahx7zcw7heglvhuwhtbncqbohwypds3lcmflotr+ndsz6zsdhbvxy5fshbt8zqkicf/vj66//ycimjpplwy9dnct83ispd2ktwah7qzaji1xksjeykiw/r8pikjiso+f9xdx6dh/iixsojw4e8ckj8ecyxl6iiqwshlrlxb+shht8cz/kufgqirib6uaf3cz+negx+awfbbb6z/hhzf7vbf5t/eweg8fhisp4rcyod361x/wlcrev6md03bhlimsnnspbjyb9czivlihnqbodog8l6omjd/dnd4n2vu5hh5kktpoqx2lxp8q5s4dpjyaw6s0mnq7pillsp3ejsvo8g8di0zrmh9vh9jl07xhiy7qncuk2vd6wfodisscov7zjqlgkjtjdnrpucuwjktr6k+6za2pssqg34r0v8b4d87oge6clt1wkpeq5kvjwqhtkgu3ggq1klj6txeqs5okbcmeqnijjxberika76hh5idmhxaipiz/5tiijyv5z5fnvyqiwnchx6qq6bfv4sbyxwkqbdxgkqvhqski8xx8v1umorkl9wft3thgeirgarbl8d40ejuprdoodbmko16sp0ndoy6wxe2wxtqtemvrnny1au+vilptfqj5e6e16jaw1ugf2rpu57hbfgav5k5uek0smvpn2dv+uqg9ldcwnjiryjopsr+5eeqh0zehpz0k3ofkdvpct1pnhd5ct3dnys/fab7e+eupalioxyawln+nzhbr2rncsxsfll/p1ietr46due0gpihoj8hvhtvh+k/ghbzmibw7imspptzmx84o3fr8svoptekxt+kqrogy8hqc85rg5bmv92ehyf+ohjgnrxhcd5ltoxjy7ffzkc5rzznzg48902rxo97hkov9jdp7obdzwacn2sns9pt33mpzvromubb7t6m0uprvrn0yo3upbtxxsxh9z0ux0ylfubhozw1+9vrvcig8s8firn05rxtnsv7mziltz38jzpvnjbm+kpmtgnwrjhzmp/taitfduqpkorl5n0wx7ojvwbe9y2d12a57hfa2r5tqsr/wakzjla5ovbkosktn5k1yugxhf56fefi7jn1buucvpuyz9egx2cmv1hyzrwgc0e+rspr99zppb8kliiewynld94xec9hdovmayce4/p09ehxmco/jfv5wmfkp7au6m77h7gwblj8yqgwxpmmxwppyclvvwsmxkavymvciu05sy2+rn2w0oswboar4atgldwajufq+7rzjlb8hn8jier1/ulnxo0z7wlds9qp/i8n2yfubzog48pbyidr8tomvvgujrwhs+5xhmzo/g7zjp1fqjv51ebduxthbo09y2oysc9qpr16zyuiyso2chupr4jfuaa3fiieueufiieseocnfaip1c7bnirxb7hlhiin1c7bjipxa7hnguxdyhtgixwyhnqmwuyomq64vyj8raidyisvqivuksfgjyicehbovyicsaep1clbdimrb9qiwvyokqi4xofajhievclbqijes3ef1clbciu4j5qswtyq4qhuk0c9emxbwhwovoeajzicyhgovoekjeidohzgsrfkjwibohzglrlcrmiwyiusvepravqpqluszeqralqhqlmv2iiiekhsgqil+ipcecqkwtileihcgyhcgsiloidch8qqqlksaetwiveklcpairlirhicqheovwc5eghesipxdxqsqj4rdclorncksqsujyhdalyrlckesmeayh9elohnakorfceuiwqhkcryu0jcskebnc/foiz4t4vih/cpgjeb8l8zeqhwrxgrb/f+jvqrwvxhtc/fwid4u4j8rfhpizeo8i8byqz4x4kxb/foipqrwlxo+f+j0qbwpxrojfcvggel8r4tdcvc7ea0l8sohfcvgqek8i8qshxhbi50k8jmtphhhribeeef6i54t4qra/eejzix4sxdncpc3ej4r4sojtqvxqicefeekiu0i8lsqphpi+ei8j8agqjwjxsbdjqpwu4oqqdwlxxihjqksegbmilmsdqjwgxpeeuf+io0j8v4jvcpftie4t4l4hvixen4x4hhd3chg3eeeeueuio4x4uhb3cpe1iw4x4jyhbhxififufuimiw4u4gyhvire9ujcj8s1qlwjxgehrhbikifghbhsicueufyirwhxmrcxcnfiieueufiieseocnfaip1c7bnirxb7hlhiin1c7bjipxa7hnguxdyhtgqxryjnqmwsyqmqg4ryl8q6idyksuai1uksemklemncdakxkmqkiqae6bdiurdlhogtyqkqs4rylesved1clbjiorahibqf6bjigrdzhzgnxfwh2ovoe2koek1ctajrlestei1cnahrf4yflnfqjqtwehfmjqq6qzeqdxekdqasebioeh2ipjrh3e/wpqk9rhuiloqkzeaw3zguetauop1eoyhto1nbilasc0skpq4fnhntitpiwtyqrsdaf0lurm61rguivhotilozsw5almgyhoggivyqdrd1ey0nwkbl+shasrseadfrl1ep0skihuqhom6ilqifrj1e84nmec0l6ibqj2ojmhpxtkipruqtec8cwm1etrfpg6zgikcd1ebut1rhabopxjcolsrvem0iqqacm4lmupeqokqicqjyojkqrjsohgopjppovesvfrivull8ojyiane0olyihkjsqjqlkjpqzcdye6vt1wlepirnjuolsifkjviqjuws5ijyiutusni8walelni6ieljgufkiljtmo3iss5yigurmdjmreaigeozeomjdjhe+xh3bssxe6qhusgpkyurmzwkkajjnys0qdy/it4j+pts/khwj0qfe31e9ghe3y0fvx0qcxeb/k7w34jej3qp0v5k1rte54j+qml/jnqhng8tnsx6e9efkcsfyhqlrn+t9tuin4nounpvid4g52+ifk30otfrlovxzp2s6nviwij05zviwklql4hejufpiv4i+hnri5tlbalnyfkc0u+jfkl0lgx5mdez5hya6edetxgdjvoh5xysrceithe9tmk/ipo+or8jeptoeakhicyp50mytha9rhsc6fjevytorykujaaxojdrg0qpeh2p6h6io0tfjbiw6kvfovq+txqfpd1l9c2ibxj9g+georujjhddrzxdsbv8negosvsa0e1etxhdsgvuietmopuibqs0g6iwrxjdt2nxev1lda3ryakrkedvzi0sxul0bdhlrf+joafq98sizhwgs4korzwryv1cdhhegyi1enfis5eorpzloane+6n4piq3l2hpxdmelbdr8d1eu4h2eu0g2k60jaressw3eg2ooadryyaqbcpl3ec0nmgd0vqinvrundeqatlkkj5mneq5b4lwea0q9rmtj1pgne6jli0lwkkdxkxv99ib9ratouyupdckus3drf1ec4g6i/fbdgx+jj6hdv4knt+wcypxh0adkfh8udtlasoae4nhqujqjaufqjmctzh4a0hrjmrfdmqixb8e1ufir0b1euctadzrkkiwqcbiwllamkvwdctec2sm0yyind9hvusvexszriqivqduhrevbpvrwilrscseb2cx5zwesfoofuxsfeeqjcqg4vn0dnleaapsgleuvzzdle2urzqzsfmozrd5qc50qjonkvnrlv6ivcqxqprm5cfkikqm2ppqpztiwwzkiniwg1xetqj4ojgibxwwuweboa1esuqwijplnffoizljiaxeeiid5drstg05fskzscjiwsnrci/hphxqo2ed8v4t+jpgu+af8h0c38far8chwafw/x34g9leh/0e8ffgxeac/h8b/oy0d2c/dzwf/gt8mxav9w+xq71vab8hfge8cd8z8g+bn4dfwp41+hxgnebxwc8t67yvwqz7xwh/wrle+7ily/tz4cxon1kc3hebf4dnkf4cfd+1bpd+bppz6b9dp2nz633assb7i8tq71owvd7tkptd1pck8aqqndqf6+pad4dvm7d4hznv9t5q3uz9xlzd+zawdpye/wtwenkoi+0yfbfgdagdd5ou8j5g2up9nmmf937tfu9r0whvd4hvan8g7gpubb5lyvd+e/wn4b6uurt8xltoexf0ndbfb+6a/hrquh113ya6boxvfubm4cbgruag4ksodz3qu84413utcz73gumq72hjt7xxg+/zxqzkei9vkr2hpervjagr0mvhr0ihq/tdb47ud5n2s6b9nv1t+/fup7r/9f3bdp1xx2hpao/rpaglqrtcu4/ucu08uiok2rg/y/so5ymd0tedusmoqwihjlmdth2+hyp5e2hranvrrsg2df7wka3hrzqz4a1ntspsq4sfhj86ttwt2sr/wldvq8xwtcw0kbt56kbqxpubqmvrrdwvq0krj64krawccg0fhqonvq4idvt2h5zx9owwhe0lla1chfpydhgot7intaj5f1z2h0jhu0ndlz2hbuc7q/mq54bmwt9r2rzqp9owmlpzemo92hjqrmwknalllnmw7etwblwbc5prevyprl2rj+g543npo2gesoeur3fyk7xjcq41uaqflyhtsjyyeg2iynw/4jad7ty8jmvccwm/tfhrgiyumjbb0mrcnpfppebxk04dc3v0874dc9u2ee8vu/va4fjnnvmdktxpdcqnxif+epym/t274nzc9ojntlolq3xkkgetyg6n9cbk/divqwrjp1c0ws1ei8wvuxbffbtawxufbz7f3wq1eu1yqny0zyqhtbx1tuftfletuysfhl8/t4eua/iel5zejuux9u/stfhdgovgurscgbzxa1vqfjbmxxkwrghndvfrshnxwhcf/gbj8zkemum6phd/61lfhy7nfzik2pcdpsxs6trckv09eexikzs63rbwcnfbokqnugbi0htytm3htkbg+zjclm3bhlc/yuk7uiuxevc9btts/gwcff7xnejn11++ujbkw74nl7uagmrfzvtfy0v/ns39p9vqmcb/hg72lhwpg5ipazcafwmjwehgalaf2afsbfyafwg7gv3atmahsb3ybmwbngobgi3abma9sa5yc6wbvgorgjxamdae4f8oypjnbpia0a8sb5ybfcbsyamwgogfeobfweigbhqdxcacoboyd8wd5gidqdvqbswbwoewobloahqbbqaeqanma0ggfqgbzghvwexgblafvaivqdlqbpqcjuaxmb0oagqbaiafyamcwdqgf8gbsoesibpiapxaopag+aavkaqkammab0gcege3kac4accqd8qbdsao2aareatyadngaoxadgaa9iao0aka2vo4koamsabjqxj80iqwafwt+az4fpgh8anwmfar8chwafb34g/a+8b7wf+bd4fzwf+apwpvag8dz4e/ax8e/gc8bfwe+b3wjnag+c3wbvab4nfa68brwk+axwkvaq8avwbebn4ovat8dhgreaf4hngo+cnwe+bz4mfam8dtwi+ap4dtwa+bj4engfpa48apgo8djwgpao8adwpjwengbpaqcbw4bksamsampag8ahwpub84cnwx+a7wbea+4f7gw8a3gw8a9wb3a0eau4a7ga8ddwbfa24hbgnubw4bbgzuam4ebgc+clwpxadcc1wdhaaubq4croergsuay4gvajexodkj0qvqh4blgiubeeagcadyd+wd9gj7giua3cauycewa9gobao2aluazcamycowavgprapwamua1caqycuwdawbg8akyadob5ydy4a+ycmwbfgm9ai9wcjgiracuoeuyaewh5ghzaxagtzgdtaktadnqbpqcdqa9wzo/+wc/d/rsn7/jmb+n22le/ky9v8as6qaymvuzhn0cmvhbqplbmrvymoknji1idagb2jqcjiwnwplbmrvymoknji2idagb2jqcjc0naplbmrvymoknji3idagb2jqcjk2mqplbmrvymoknji4idagb2jqcjewmjckzw5kb2jqcjyyosawig9iago3ndekzw5kb2jqcjyzmcawig9iago3otikzw5kb2jqcjyzmsawig9iago4mtekzw5kb2jqcjyzmiawig9iago5mzmkzw5kb2jqcjyzmyawig9iagoxmdazcmvuzg9iago2mzqgmcbvymokodu1cmvuzg9iago2mzugmcbvymoknjy5cmvuzg9iago2mzygmcbvymokotczcmvuzg9iago2mzcgmcbvymokodqycmvuzg9iago2mzggmcbvymokmtayngplbmrvymoknjm5idagb2jqcjk1mqplbmrvymoknjqwidagb2jqcjkzoqplbmrvymoknjqxidagb2jqcjewntqkzw5kb2jqcjy0miawig9iago5ndykzw5kb2jqcjy0myawig9iago5mzykzw5kb2jqcjy0ncawig9iago5odmkzw5kb2jqcjy0nsawig9iagoxmdi2cmvuzg9iago2ndygmcbvymokoty5cmvuzg9iago2ndcgmcbvymokmtewnqplbmrvymoknjq4idagb2jqcjk2maplbmrvymoknjq5idagb2jqcjkymaplbmrvymoknjuwidagb2jqcjewndqkzw5kb2jqcjy1msawig9iago4ndikzw5kb2jqcjy1miawig9iagoxmdc2cmvuzg9iago2ntmgmcbvymokotcwcmvuzg9iago2ntqgmcbvymokotq5cmvuzg9iago2ntugmcbvymokotyzcmvuzg9iago2ntygmcbvymokotu3cmvuzg9iago2ntcgmcbvymokotu0cmvuzg9iago2ntggmcbvymokotuxcmvuzg9iago2ntkgmcbvymokoti2cmvuzg9iago2njagmcbvymokotg1cmvuzg9iago2njegmcbvymokmtmwmaplbmrvymoknjyyidagb2jqcjc0mwplbmrvymoknjyzidagb2jqcjewmzmkzw5kb2jqcjy2ncawig9iago4ndikzw5kb2jqcjy2nsawig9iago3odqkzw5kb2jqcjy2niawig9iago5odckzw5kb2jqcjy2nyawig9iago5odakzw5kb2jqcjy2ocawig9iagoxmde4cmvuzg9iago2njkgmcbvymokotuxcmvuzg9iago2nzagmcbvymokotgycmvuzg9iago2nzegmcbvymokodkwcmvuzg9iago2nzigmcbvymokodgxcmvuzg9iago2nzmgmcbvymokotq1cmvuzg9iago2nzqgmcbvymokmtaxmwplbmrvymoknjc1idagb2jqcjk2mqplbmrvymoknjc2idagb2jqcjewmdqkzw5kb2jqcjy3nyawig9iago5nzgkzw5kb2jqcjy3ocawig9iago3mjkkzw5kb2jqcjy3osawig9iago5odekzw5kb2jqcjy4mcawig9iagoxmdm5cmvuzg9iago2odegmcbvymokote0cmvuzg9iago2odigmcbvymokmta0mwplbmrvymoknjgzidagb2jqcjewmjgkzw5kb2jqcjy4ncawig9iagoxmjyzcmvuzg9iago2odugmcbvymokotc5cmvuzg9iago2odygmcbvymokotywcmvuzg9iago2odcgmcbvymokotc5cmvuzg9iago2odggmcbvymokmtawmwplbmrvymoknjg5idagb2jqcjgzoqplbmrvymoknjkwidagb2jqcjgzmgplbmrvymoknjkxidagb2jqcjgynaplbmrvymoknjkyidagb2jqcjewmjmkzw5kb2jqcjy5myawig9iago5odmkzw5kb2jqcjy5ncawig9iagoxmdyycmvuzg9iago2otugmcbvymokotk5cmvuzg9iago2otygmcbvymokmtaynwplbmrvymoknjk3idagb2jqcjewmtmkzw5kb2jqcjy5ocawig9iago4mzikzw5kb2jqcjy5osawig9iago5otckzw5kb2jqcjcwmcawig9iagoxmdy3cmvuzg9iago3mdegmcbvymokotg0cmvuzg9iago3mdigmcbvymokotc3cmvuzg9iago3mdmgmcbvymokmta2mqplbmrvymoknza0idagb2jqcjc4maplbmrvymoknza1idagb2jqcjc4maplbmrvymoknza2idagb2jqcjgwnqplbmrvymoknza3idagb2jqcjc4maplbmrvymoknza4idagb2jqcjczmaplbmrvymoknza5idagb2jqcjgwnqplbmrvymoknzewidagb2jqcjczmaplbmrvymoknzexidagb2jqcjc4maplbmrvymoknzeyidagb2jqcjgwnqplbmrvymoknzezidagb2jqcjczmaplbmrvymoknze0idagb2jqcjczmaplbmrvymoknze1idagb2jqcjgwnqplbmrvymoknze2idagb2jqcjczmaplbmrvymoknze3idagb2jqcjgwnqplbmrvymoknze4idagb2jqcjczmaplbmrvymoknze5idagb2jqcjczmaplbmrvymoknziwidagb2jqcjc4maplbmrvymoknzixidagb2jqcjc4maplbmrvymoknziyidagb2jqcjgwnqplbmrvymoknzizidagb2jqcjgwnqplbmrvymoknzi0idagb2jqcjgwnqplbmrvymoknzi1idagb2jqcjgwnqplbmrvymoknzi2idagb2jqcjgwnqplbmrvymoknzi3idagb2jqcjc4maplbmrvymoknzi4idagb2jqcjc4maplbmrvymoknzi5idagb2jqcjc4maplbmrvymoknzmwidagb2jqcjczmaplbmrvymoknzmxidagb2jqcjc4maplbmrvymoknzmyidagb2jqcjc4maplbmrvymoknzmzidagb2jqcjgwnqplbmrvymoknzm0idagb2jqcjczmaplbmrvymoknzm1idagb2jqcjgwnqplbmrvymoknzm2idagb2jqcjc4maplbmrvymoknzm3idagb2jqcjgwnqplbmrvymoknzm4idagb2jqcjczmaplbmrvymoknzm5idagb2jqcjczmaplbmrvymoknzqwidagb2jqcjgwnqplbmrvymoknzqxidagb2jqcjc4maplbmrvymoknzqyidagb2jqcjc4maplbmrvymoknzqzidagb2jqcjgwnqplbmrvymoknzq0idagb2jqcjczmaplbmrvymoknzq1idagb2jqcjczmaplbmrvymoknzq2idagb2jqcjc4maplbmrvymoknzq3idagb2jqcjgwnqplbmrvymoknzq4idagb2jqcjgwnqplbmrvymoknzq5idagb2jqcjgwnqplbmrvymoknzuwidagb2jqcjczmaplbmrvymoknzuxidagb2jqcjc4maplbmrvymoknzuyidagb2jqcjc4maplbmrvymoknzuzidagb2jqcjczmaplbmrvymoknzu0idagb2jqcjczmaplbmrvymoknzu1idagb2jqcjczmaplbmrvymoknzu2idagb2jqcjc4maplbmrvymoknzu3idagb2jqcjczmaplbmrvymoknzu4idagb2jqcjgwnqplbmrvymoknzu5idagb2jqcjczmaplbmrvymoknzywidagb2jqcjgwnqplbmrvymoknzyxidagb2jqcjc4maplbmrvymoknzyyidagb2jqcjczmaplbmrvymoknzyzidagb2jqcjgwnqplbmrvymoknzy0idagb2jqcjczmaplbmrvymoknzy1idagb2jqcjc4maplbmrvymoknzy2idagb2jqcjc4maplbmrvymoknzy3idagb2jqcjc4maplbmrvymoknzy4idagb2jqcjgwnqplbmrvymoknzy5idagb2jqcjczmaplbmrvymoknzcwidagb2jqcjc4maplbmrvymoknzcxidagb2jqcjczmaplbmrvymoknzcyidagb2jqcjczmaplbmrvymoknzczidagb2jqcjgwnqplbmrvymoknzc0idagb2jqcjc4maplbmrvymoknzc1idagb2jqcjc4maplbmrvymoknzc2idagb2jqcjczmaplbmrvymoknzc3idagb2jqcjgwnqplbmrvymoknzc4idagb2jqcjgwnqplbmrvymoknzc5idagb2jqcjgwnqplbmrvymoknzgwidagb2jqcjgwnqplbmrvymoknzgxidagb2jqcjczmaplbmrvymoknzgyidagb2jqcjczmaplbmrvymoknzgzidagb2jqcjc4maplbmrvymoknzg0idagb2jqcjc4maplbmrvymoknzg1idagb2jqcjk4mzmkzw5kb2jqcjixniawig9iaia8paovrm9udca8pcavrjqxidygmcbsic9gndigosawifigl0yzmyayncawifigl0yyniaxmiawifigpj4kl1hpymply3qgpdwgl0ltniaxotggmcbsid4+ci9qcm9ju2v0ifsgl1beriavvgv4dcbdcj4+igvuzg9iago3odggmcbvymogpdwkl0xlbmd0aca0mjy1icagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42q062zljxphv/rv82ta6ogmhqla4hqwqpzvcsrsatuwi2q8gajlwgacnwz3cr3debqik2bpvbez0ocrrymqsvitfvt598u2on4mfrlg4ed1vvbt5njjmeyvjbzrsm9fin++htj33z1tljpfen431urlkfij9lc/dhc93bte4zjf12b9v5pbpyiv7l3dtuz2+cnsvsnhinn94h85lwyzn57+/fv/0x9cntqngn9pe1g9dfw3iipujkysb/pt0z6ff/h5siqdg8/1t4js0szs36as+slo9ot2fcepry1ihqz8+pp3ptopwbbmd7/nvhdti5yckvseb9qpietnmsc3hhrcsjgngafu81valno6hkuahp9pnrbhwega+mmclnrdhzfnp+qpaczjwy6paq0vjeh172tfbj6qcdrhn4qq6cuhobxc+ar4oij1azwjal8a3bgyjinn3ykijwtahiyzksbrefjtkxxyz8gket7g1sdpw9cghifefaz4bcoiyivwcvptwkiy+hqsrbn4gwihszi3elac56le7qsm6y3zgiqztmpecotyqagoh1l6pttaovc1848din8l5w8ey+kl5b+p+wqve1jqfx/yioylzpdeecp82fnj1emnj44ctj2phscxwgwun57ibxvtcgmla0yusthujtpxceyocdu5ksptguiyg6++q2/rv+ayt969nzt28yb2kjkxisuhgomw7mm2e2relrswueburbjaxwwnfun+h31bndnczallbhdecxatylcido2kovqqzryrqcyimh8zrdav2jwkrtz6onoi4fmtqhcrmqsz8trzej34h71vvl9uskxapak8sterqqv8rveuijxix90zko3shwr3z9jpwxxp+wmiga7drzodtm3rt/bcgmc3if9t2zt52ftuxujaapjzsa/vzep2gxidrdmi7y3lotxkakdgni886dy61qfacoouv3hedrtjnadjeubhknkm8fzzqwhilpgv4h/d4vrtqepjghxt9mymjxuibneewznyev4tqt0klj+ns/xrvg4tsklf7tjtlw3zo96rbcri81kd4pyitrlc1ai710znrdrdsmgiolylvd52tq2smctatuxokp4duum3brqhy4g4cp5ofur1n9vnm0u6godvrzbi+ig+osnrbj6eeyazvsiafgfx2sho80uah1v5c5udo620dxizn0a+pkzgjxddzwjjmiovyhjh2lv7jl8ai1jvq/5/o26ljikxr4f+hi2a2a7vgcd90vxpy7rk+jelyuwasjcsy44cy4wljeodx4yrngqgckqomfiaywe04/qlysvw6eyrublbfotwzscpm3yf0ya553y7gdsjrozsxh31gchfviad2hs6xowf5r1ceao18kqq5isratfy7l5pouppotms6sxo8/0lnktuvwyyqoy8d7bxggrc5xjtzvuahk49xdfellcsxk89tehtuqgnn1nquzcma8gnjrqiwhgzeqv6gvkwc5cybgd228+04evgl/a2u3ibxjtspr2zklpimoozds0rqr2obaiu+hvqmiqmnr2inmrct+bocsqouc14hot42wvej4wso3awhhap+qpke+2cmzclrfnwymw/nqigfviub/hjkuo+yvhzomjutsoeplwbjfpw9mzeyotjr/hzy5cnlgdx4yzp4fawlvesxecjreusjyig8dzatqsqmlbvyuvjqiivzorzejvbkpu679stiiatetg/rmkmvohvh8qzoxxpob5v+rqjqooykxh0r45v5nvbiijd2tm0/uhrktxugumyfgke6yasq5y9y3kzmvw2dmkfq6dchjhsjz+gyjtaygxaediuisye/auchpntz0cm3y4uztrgb75j13dindlrue6r5x3z0easdy468bypsgid8mifodgxnzacbzefs4yhvvbid8eygzmo7d+2hy049xq/vhtx08kew4n4yhi7z4frifwy1tx3huafsi5rnugyy/swpncs+ygxcke1aupt7nqjgv4bdifa5cxwgadbzriferwlkynccpvaiaqcrybcqhbkayxwxfmrm48dxkuyxpmme9gpobuqzeqxwbf4rby/yctzqkteu8uagrbege25snonphzzfqsqxyzjhoj3tubs8e2o2tsadlhzc77fco6qbswbhggglbnifwsn67vjdyqujxw/2ramj57vsul44kh3c2bb3yy4sepu8ulm9htycibcczvjjm+bpojnzdmja8dbimqrhbxee7vh21exvnusziohmmgsnd/yxwcwf46er7kdqvwtswtxvwhjjjef8bd/dnlepilatxpd8515sebysolwk/gziydstodvnkgj8reqvzfoac0ucjjofulhp2jzzdjozarbbtcuppdohhim7mglvetamzqqur5hj0jhzdg+tdxprmss2ojwcf4emrey1kkhlxnjrqer9n+r8c7elszsimtmhq4wfgox/gro9h8avp/k3g5ued8hw7cyxmotc2i01icxg1mqy4b5znuuwvr9mgn7lnasuqqyg5uasem5gqru8c7ba5kfdmxxelmyh4hkshrahjzyqzatg+5m68oio+hulsszqqeaanmd0djyqne1kjanvv8iy4cjle7nquldpkquxrunvohk7rswkspjvkwr9th+cdsgezrspzhcbi44dgcfx+zxfyq69srepj/cezv9/7lnbqpqqa7oorheh1xdkfvbkwtqjycmbztq+q2sg9tci9q2kmatidljmtcguhraiy1nfmjuybxggbzt2pa0toai1dk9iheb/4skqeolfhiibkik1y2tzld6q0y7m1bjhh32oystiraqxadwhqdac5vkz1bcg7srheh7mnv6p0/zxcchj8rfhgrusqedxtumwfgqbioxhpvrninjkezizojqncb9dc+yd2o5aqvdsviahbm3nk465zb0nbfuxxhm4pjpkhprfrd3letbzsemgcjvfi6phqvih76qzwh/98v3hpcastic7sz67wd233kqaosqzqji5qjlyymzba2l1bibfbj1fkkfj3ox18vgc8skdvanuzwf7nfikwnteknwmtjvx7rn2jtore4q4v/kveba7pdynbsu2w1npvdee+6wvyjvammig5ilgm+svi7kfcgmxrpunbvuszhf8arjkuqs05jkodbhviyvrre9j4a6ucignmatxugspdo14ol5wm4+tmdsxuwisxtpyer3rhcmuncy43ht0ufaqd23xr4zpegtrglk7jnsqgcf26r/8f+7myllilbixw2hrupagcglagxoj/n2jmwo9ohd8l6vmeme7vturrrp8dnlrn8hmqapd9wxhoihhaad78xxuu4eddjk6ncbbz938o8yhszpldi6occhnqqzsapwykelebic5msx4xix6pgvtwiizjfzbazue3jj7szyddhnh4j58bn0yqrpey8mw8qadaksbecmrslo4updzr/oh0f2lbgjbkgowzbyy/nkzayarwgvv7wluti5pyk4imcbteaqdw0grd2s/a2qupt10yoycqyzrznopfielp7dxw3e/ccmd04hp4lp56al4ponhfksjqtaiehcx4awqkekiewlzpnkeqap0zibuswvlt3hrebegyz+la1a9ndzazwrdqxu5y3wslyjvrp7xstdaxt7pwqprfvsxxpabyntmhn+awby9ivymlgikea4+gqmklajmdrwabsjfcttgqtacm2tjaa0m0vkwllfqgsmzxwvisbsiem2hirzef6nhceu7bqdt+txhzjr2oyhuuolbdatrjjlxbmitpwlcfkpfnkolq+ea4gz1haqlvcihhuijuwxbavx61xqsp3qmw0n++oavckoachksqmq4eojsjcimbqpbvsuxqy0k4oktfctnsnjefhon/mokbg5nbuhg/ykrnsu2/eu5hiy6+zhtck1uwxofirzcjucfz3hosrpniq89g7u7ip/bg9sw1amhi0utnfdfajt11hxgsmv7tvkgirdiabopihfkdivyuu35embvek9m8o5fwt2ypw0t0kzsvbhrf9gjo42eh08bwbwez/wfjf01dqajs8jwsjuvan92ury1ytov6jscu039p37cuhvhto38dddwh4hcntusetcociiawhyewxdxrgcpn8crme7jkacfq1hfbpfbzkm0kukftodqxdell+qwdhylc+d+tznxox5xel7rvgafq5tyjij1oi8nh0r1wxdnbgz/qq7thzby77n/c3/jzr0qi4pyv6icjfpy9upgvk/d1nnc1vv/ln+jmzfsyn8iujbfhkflbtse4iatpqosjk53jtb319zdg/58gy6tvjpv2svuazcbouxoopwwhwoaq3misb09m8wdaqarvb9w79jkcm2/l9jkxbnobgq846bk7n5schc4blhlrnt/rxy+a8dozqwfjun1gbs+nd1abeqdnm/c6m6weqdxgkkcqda/0/s644pqptxz+qovyfpkd1caefffyvuuvpkpppput807avyzsjosclidpsh7ycy+/+6v25xakgepcyj7wh6h8ya/xsyzrtvzstkpxaws0br7ujad02iiv3ip5gx7wn7mqspdzoagqwura4ltcqxmihmslrgmye3lxxlsnjnbu9yoe7ea26fvoqdrulifnpku3k7xfidbaywiujw2hpycn0gbrqjh6qmznvmcjgdprukeutcnn+qvp4fq6c8gbacxxuaou/joufejazwal6wmqr9+iprfg2vclzsc6b1iuauagrisqctzvslvzfis3pvn8nv3+r0igdo1jp3bqqgwaxxiiy8gln6vuiaciaxy/qugrmkoqhkchmvexsahi02sgamektfa0frluodoa/6xxfgc6v1spohu1l/x82vc+i0hhdohzirehkyvnooqm1fad23shvy+zxseremsh63qd5vrsxglv1epnre/peqezgcgtxcekacbbnpteoigypchh4jewmqze1trwxfxajjymyjqeoovnk9ehbkktr6aujxozyncn0gvx7gnniieqhqzyoive9wkwadztznieyeosnkxraoox5ls1fl/iifgipfcvxshboc5ovnjah4f79jyr9hltsywqekxk2bl5qp8fpxvgqtwkfkb1s/cqpcxwmvifqdsitv6irqlwthsh1krut962euxeqvfreg+2f4bfyowqgosgcym6nj7gcujxspbma8g5lw//wl6aa69l/mh4jt9w+11aega7znpdqokryjvgw/ktxkoamfjhrashycwb2ufi6+nxcgtxw/n8aucumeqck4ih1uf8nv0kgfg+v6t0odj7mzxjkgeqgv6gttcjpjhdd2dyegdmafhot84mbhdkkebowtvv78ehvgrvqodna2taia5c0sei7cx+3vv6q68opw1eu81a/qbn/3mwixbbhtqjrwuatuuolqn58lyh3s4t8qq7o0e+i3anfxiqm5ryh1ukc9xohfwulibe13susq7+cnfvhnalpzh5hhht1clbmrpzzh/fcj354zfxfhtwsiff0a0uxuyyrefx4nh54q1h4cbhw2ulos0pdjaw5+g9qyny+j3hdih1s44pbdbyciifoxepgirhqeq61r+inc/xpbftfwba/kko2vuzhn0cmvhbqplbmrvymoknzg3idagb2jqidw8ci9uexblic9qywdlci9db250zw50cya3odggmcbsci9szxnvdxjjzxmgnzg2idagugovtwvkawfcb3ggwzagmca2mtignzkyxqovugfyzw50ide2msawifikpj4gzw5kb2jqcjc4niawig9iaia8paovrm9udca8pcavrjqyidkgmcbsic9gndegniawifigl0yzmyayncawifigpj4kl1byb2ntzxqgwyavuergic9uzxh0if0kpj4gzw5kb2jqcjc5msawig9iaia8paovtgvuz3roidq2ntagicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjajvtbk9u4sx6fxzfvr1oxfn5jvz6c2xxkw2vnd2fo5uqkeybejiq1rdk82dv59enur0frgs7g5aphoxuagebfaye3af0lb9pkng3stz5u49v96eb28+0mtyxmv4t9fbnq93wabsiwjycow02c5ant//j+vnx+19z8dhp709q1uf2h4syq8hxt/onfww15e9z+cbns4qgobr9si9iewzlcnm6ielsjgzjxmorm4ean2c8mt+tkm2yspmx4uj8/3vzxxrlefpttliw3j0+8karinnfamz+w/1i9c4exuwullb1br0w4cqpn3tongtw7zuwh19smjlbne8ido1lg+tbwa5dofk5o5tema/wxd0dxhhdhspribmf7zd2/hn+gbuwzbuurssolctoar+fxalnt7xrcr7fun8qfsj9qy7g9w8djvppc8xgqrfw92k7tlp0fxfx49sfmlkpxx2vfd+jwdlt2o+1td0jt78j09dsa8tdga83+cppg+0hwzqcly8lkor+anlmq05rdc+jmqufr69f2fid9dadhch2zb2v/rrtoueezlwe2fd3g+4hrbhvjvb5ycphsu/pahbj0vrtioo35c+/iardvsowo5i4klmggn0ptlicuxru0frb7piun2u1d+ilpraumcmhlvuyjl7l0yru3nycdxbcfd/1g6sgz6k+k4v/et1clt5e/w7hpdqidf6bbkmskz7li5u5tzu92ksuduqfog9vxlsjmreo0avjxmbsmxhdyyawfwleyfhgztd1t051mvbft4sf5jkpyto/qwrpmyapqmryhz3bemtktqh+baca/gydq+ugfqrq+0rhwnnnkesfi08gsx9chs2bwsw/gvehib1o5vvnclg0vyyrzsk3t6oje/v7943v65xibrz665srqvvp/u9n+kwpadkcaagmeltyit7xkjbt027ye8bvn2pyadt88vxaygewfb0iud2kjvmkky1y/qaxginxjlotemoukjbfmkn+zvndzutyjf0vgryt+jceurrp7ayn+hu8t8lzyj1elglxz4bneuscxinksy1wsmpa0zf1bxrcbytizjafktnmn0z0d/9tsxx54ks/t63q1kkxt3uf1k9bmsvcujfeurctahqumcumnik+etkz31tng0sqik8epr1n5dgfxtj642pltkdfd1kmkozppjuiseb98ef10hsbdhwv+ekjpwm0gksjfkrqgrfiksaq3adv7zu14fdzsxloeij/rnek9dm5bpll+/vm9dorvkai1xchpwv0zujiadwcqbnsd1lsqz8sawpweh1onohkmtelaw2j0wxfnlytl/umzxvu1dws4el+nyndjmbu3ysnitwgxiamt6bknyu9ojgdw4wtjcjyihelaqjj2b0ca9enfa07rbzkixspcw7b4/kukn6dgxbkhybjfchhu5yp4heoazsa6tkba2wxwdhwlxq6wlb7zjzb3dodqeovdzjkg7vjxrxgyhmtmgpjmfreszqi3bx6bkvdska/6536w7fe5ytrru3wd7dumzhvkq+njzidlzohdhozxxx/zgghjyb7v8mt13lk5ycuj7okjahoae2lr42chgyubq7dhozl1ytsh5wanzlnnkgefbjvfxq1cq9wxxsaiowtgypwsiehk8oamuxg+dovcp2qytdcufum26n9iuykih4bpyia2jods4icc/laf3vtltl4zigpzmoedgatvkrinjpjwwya7rswlyvs5pqefizxzykck9algvwgbpqhoqbevstimuntrmhtkr9xfpnz7o2fvy9brkdtha8bu/i3fdhmvr+iwdqowlzvghgeujhhawjt6qnrfphme01gnjgxvvvog8+p6djq0jsiw+gvwitxzuyzgqs/nif2ygeii7xnaqijmsmvkjjg6q5k2rnw77zajwraoy9tw9wcrj4kdotx7gijiaxct/klffsrpdwvgxbyhkee0wm438fk6clj89bqbk4fnn2myythdggytzpczdzk7ygrsywzzt3cdjjcwn7mbojvvmi+zarpaenk6bwcmrobavpi3yxhbebteh8yij+ingai2tlipjn09npvdn10moxpm4d6pnnvzl04jeefsqpakgu4qtqdnod/oiiqzzdyeriqdbltibnizr+xejtoozdzavruspfcbcwczecqa1otlyvnlc36jynfuwhqahmvd7o+1+zxa1vtiqjnurspubu0nhmy+vjcn+0oyfqllokkheqsd9y+gwgeody6isimw+beikhphyaeju62yqo5tqgnnysctqdbvbpz4tkjwow+imff1uqmvvpq95s+0chgrjei/yu7j+a5ov539piqfjqc1hpoz6bjirpqyj1kdbxdqqywnjlvt46hpkb46g/gdgmy6r+dw50cwiapg9sjv//ch103rh/191fsf+os9eisxxocjtisjq5h7jpy9alckdscy/k7tty+gjewq5xuleesp97tr14+c8gll+baukhlopint6tgvjl5oesqlesshiwnwaoyrfiqw5wiisdzrebr300/cl53dhcnslx3wpcf6omc5ha4oajk986h03xrkfdragmghubzztpward8ovdlrds/4sllci1ruhqi1hm+k0sbahugsecpjsarkx9oacj+ecwmb/rcyhblpll7g0ltcswpvwoytroqp6c43v7hugmvdp1w5oqxrtgya6ankcekh2aowhtgfgl/9ofid7u3dyw86kfmcp8lma+bwunkfpampvdg9k0ujtitm1p7z9mtd9kejkhhxvwfh7ojcipiozeskvlccoq2wj8ritrdg+w2wxju0ylagftzoveqf5aenggefejzpp6avyxh/xoqyvu7yd924hxbg8lz8sc4nje4zhgk+h99vspaaadz4c04lywgfhaoe7eqtkvaqb0d5vm8kdzm4ce5abmyylezmm6djhqxqogr6cwhg57tgek7cxyqirnr567wap+w2weeayyydh2siy0/mhlkcakcoo2vf4zzyvx7txgtxemcrobxholoqarlji9wgzbf48hlw1gvsaiba43sagfmeamftuia9f8gebrdssc0u5cgz5fcping1reuktsgjoinaxvtcxpeub80w9acgwnsupy1wgxs3vvi+55iot7iko2zt3wikhygxaou6peku6znl+0ym/j2c4l3gm3ewxmhyps4r1yqg47pf68scmhwc608ks+yenx+q/bscxvzskjbpav+x069hj3wrsrpvqbmmiqczn0ehug+1jpokg2o5uiimpi/qwkxm/qbdjhhx+bs/gmny2onuosacexw+vswrcktmfgrncffd+0cgqugnmqbvitic6ibbvkmzovvwtatco5modqdnam53pdn7/xw/wqcvpjauosormmtpqllzn9rd+ftjzr+nrpwgkdk4isgwqxfkza+hsg9byul/3kxpsqxfsxrg8+1s9c71r2c+/23orbhvarbgermkptnrbp+loek6tzhi76x1mipkgn1jcubrmisel5pchdttekg3ld1fitxx3lywzcdumpj+upkl9smnkxvmfxxmn2xfhl3xpaid4yuh3t+ib+wtipola4kyln5msuuux/v0kfsdzjus0enh3f8bgnvaw8pdrxop+yyrqr/ke16lctezzdzx9v2p1mnnvxq7il6pj9n96l+xq780zeeswaln/evbx4gmtw0+syij3s6cv/rfgvxk0tz8howoyc8ckgtbi2caathehtth5henxeoawn4v18oha6r9ip6v+hzkqwk11p0fz2faqy22hmts5yjcrgmmnw+5ub2qh79vujklks3lcjivb+pn1t8jpr6dwocephglk4vkxg/n5jn2k3dzymhurlwzrwlyyyomonkl+oktcu1xzesx6c43d+xu5cpk3juuxwcjxpbdrkdsiqzb+rle9dtubkl08tdrksprofdhexw+hg1rapqagyr8s8lrcy5uyko05jbtjq5btdpn6nsiwdnlpvagethkiwz8frlxo2lqfyxtaofgv87ffwggvplkhtwjewxnyfl07pnrdspz9buxrv7rkkza98aadk4alzq+mioxqv0zho6+or14t4caxw87re/nmnqllqilo9xjokyc/3zxca7zkknqmbyyam5pozouckouxonrojn2t5xrrilfbufr26vwrknezzc6hf3ba4wdejdlzwu2luaqdls4c2lsohrjoh87wgioxxd8aynfrfeit7e7f9ke3np0bok1qpozglwos0clp5nqyzyb03rlwy09sftqy0pspa9pqnxhqjbnawlqcqg8mwvcbfhjzljvq74n2axaxdnn8xl6ofunsbwvuvdlf4sw+k0mv4iwoe2etmr5khsakvif61qx6vwwdkjjmn/jlltax9gszz7z0qf6kmveac5+hadyqnvq1dtul7wozvn/tvok4kiayube+gt90/e/dz8glouzs1ukiide+vximacshhfpz1oi2smul9wxjuty5rgnxk9qs18jcac6y7exrorvfeauu+kqrl7uxyuki6cgk1fvyjab6cmxtxlxovevuuaagkid3ullei8ruo9jluwpnwf/fs5buhfavxnmv6fitdi9nwtq4nofnfaspstnhv0kkx8iuavx6y1kqoeszzjebxvlahoxhvo8vmdh+1xql+yxi6uces8sxw1axqexxdwh9zohchvenh14ufgdx43/wjxs+veqmwwakdl2wu/vq2otn39v6otnd5lm4mxovfuw+u1ywij47vvcg6jofpnuhm4vwgicv93lqrrl/2uwi9yg5vukyhfnpquxjjun25hnpdsggds9ndasrlakyuprompgdvl0xw45m0xx/v4n0bh5wchow2y+3rcjc9taxof6f/8wgsmlyviqnk1ickejzgzcygpxqzbenn0p1accckoooojimo6em/uukfi2oslmg7srx0vdnsz6ki0viijdfssyn6c6hfckp629bv1ju5akoc76kbhlw1/eqqqlp4blp6jxav//t0bebxcphcgxz0hqs4jjctzuugtun0cewzoq8qosrzpbosuytbf8hskubocreuobuk1/irf1nvzx87kqjrnydo3my3qsijmgoaiepshglpihbeinji+kjms2b/zul1qpzxjnrphzuj7pxkj0lf/i53wixgswbqstq8wjayv6cl8inbqbl77tokninbx+br7z0d1gnjbtb19331m5cs9gzgxtyo1nvnhevawe0ir4wo3pgaq9mi3jqrabupr90f/ux/5kuewcg0x/xbi7vnxy2kf/ho0+okkdcbyu7kfvzmxzve6uj6mbfzrt1qqggv2svmjdoj2pqojvgh2ypo+sj59er+hy5exqwbntcxfzv+67w0lnrh0pmpinj24y1fmyivjjsrmsvsy67uod2ku9apqsjza8wlt+/xeu2oifmugia6pw56uitgwn3l2pu2k/hrh4cty/4emstrtye2pkcv9mtxqnvgwkssg00wztvpushqu8lrvmr+z8jvc8cciqx7borq65sc6+n1jlqsdz2krz6k6nbpalmwcmctd0sigqgsiyyoxgythigv8+/wqcmwy6ncpskk/rmkhoe1tjwsdr+jllm8oob/d8f8lpzypbhhcd/fdh/cozay9k+skbstgxt+mzlxw8qeajcvvgihrilyhq+flv33t+rcno3zja9hp9o/exe4x+4fhqv+rn3vhsduud3vhgw8qgdbb8elhik0bff3xyb1myjkkmiqzcrinypmnfkenhvdbh+wso5nbjgv8sow75gsora2orecj8eh//m6c6f0xzxylyjp07crmgkuesrie7jsppgzqexqwg74njy+ffryli1fo9jn7l1+lo42ozardk6zdkx6/g4vo1d1f/u3ngixmw+su89l3r7qd1kootfc1i8tdpzpsresu851zy9kk71uovhw9ta4vfebpe4x3o7awr4cjy5okxtwjs2gyfh86em4etgklzwshipbd/b5lyynwy9d937nbc8sempjkmizlcvlpsh6t1dpqkgk1lxha2ljsc+8uveoqkgf/muckhkr2+5ikwitlnixzytolues1nleow4qr/buaqmh5qkyb1myf0mko6olcruhblg/wcmfzw8/3jzx8akytyhmvuzhn0cmvhbqplbmrvymoknzkwidagb2jqidw8ci9uexblic9qywdlci9db250zw50cya3otegmcbsci9szxnvdxjjzxmgnzg5idagugovtwvkawfcb3ggwzagmca2mtignzkyxqovugfyzw50idc5miawifikpj4gzw5kb2jqcjiwmcawig9iaia8paovvhlwzsavwe9iamvjdaovu3vidhlwzsavrm9ybqovrm9ybvr5cgugmqovufrfwc5gawxltmftzsaoli9jbnrlcm5hbfrpbwvdb3n0cy5wzgypci9qvevyllbhz2vodw1izxigmqovufrfwc5jbmzvrgljdca3otmgmcbsiaovtwf0cml4ifsxljawmdawmdawidaumdawmdawmdagmc4wmdawmdawmcaxljawmdawmdawidaumdawmdawmdagmc4wmdawmdawmf0kl0jcb3ggwzu1ljexnza4mdawidmzms4zndc0mdawmca1mdaunde0njawmdagnze5lja2mzqwmdawxqovumvzb3vyy2vzidw8ci9qcm9ju2v0ifsgl1beriavvgv4dcavsw1hz2vcic9jbwfnzumgl0ltywdlssbdci9db2xvclnwywnlidw8ci9dczegnzk0idagugo+pi9fehrhu3rhdgugpdwkl0dzmsa3otugmcbsci9hczignzk2idagugo+pi9gb250idw8ic9gms4xidc5nyawifi+pgovwe9iamvjdca8paovsw0yidc5ocawifikl0ltmsa3otkgmcbscj4+l1bhdhrlcm4gpdwkl1axmya4mdagmcbsci9qmjggodaxidagugovude0idgwmiawifikl1azmsa4mdmgmcbsci9qmsa4mdqgmcbsci9qmjqgoda1idagugovudqyidgwniawifikl1aymya4mdcgmcbsci9qndygoda4idagugovudi3idgwosawifikl1aymca4mtagmcbsci9qnya4mtegmcbsci9qmzkgodeyidagugovudi2idgxmyawifikl1aynsa4mtqgmcbsci9qmzqgode1idagugovudggode2idagugovudq3idgxnyawifikl1aznsa4mtggmcbsci9qmtggode5idagugovudq5idgymcawifikl1axmsa4mjegmcbsci9qmzagodiyidagugovudigodizidagugovuduwidgyncawifikl1a5idgynsawifikl1a1idgyniawifikl1axosa4mjcgmcbsci9qndegodi4idagugovudq4idgyosawifikl1a0mca4mzagmcbsci9qmtcgodmxidagugovudm3idgzmiawifikl1azmya4mzmgmcbsci9qndugodm0idagugovudqgodm1idagugovudm2idgzniawifikl1aymsa4mzcgmcbsci9qndqgodm4idagugovudeyidgzosawifikl1azmia4ndagmcbsci9qmtygodqxidagugovudygodqyidagugovudqzidg0myawifikl1azoca4ndqgmcbsci9qmya4ndugmcbsci9qmtagodq2idagugovude1idg0nyawifikl1aymia4ndggmcbsci9qmjkgodq5idagugo+pj4+ci9mzw5ndgggoduwidagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahnnvmtzldxhd/rv1yawnq26rsvlc6mrzfglmzjcparejd9ogcqhiugtexk4b/v7wdibhcrokwzdbvshupkuwu2lgsqywhun5t/bf7ctonxm5thai/92hbnoc7hdwygdt2uzbdfnn9ovmlux33xnv9813thp9994tldsw+dzhsc+xktk8ldth0q/opxpz6forv83fi96rulp65zuzxdth63ceubod2ow7as4r/geexo/slsbcd2bl5uphbhjv3r2/sv3j2aur9vd2+art8u4zts65le9+2cmngej/3czehthsawx3vj87aqtnjhbfom+cnjbs3+zjs6vk391pwvg/qnomsvpm3ai9i4tx3+p0pgpn3fhlxhlv9b1oxpmpuw/zyrofix0wh88xxt9+vqd0zemg7tdpwogrrbeeom9wro561de/8rq2bq8aovtk35r2gaepr/xpsgacg1gzr/ni3yy5z/hcad8o8+xyjkont7yfaipwah/apa+9kwdphqk7tpoyz73d9hwv28hiehwyhbfjem9df9mdwht4ccwjlmzwokcknh3ia8sm7qm3by38cylgothnvkjx17xbzmvpjjzuxn0w/tsrsmlmq/hpcb4y81jqzsoptheelxtdflm/amgzf1ohft0ozdfgsw6k4nrni4jsdpmqy0ztmmqdfdcem3iaw9hpnauo0jqzro83fc6it6bbizk8az6acjc3tkv+irtiesusishvbwixsaqepsnzf4dhvkuxn405xchfukv3bctv+cqppngbrx+thgbm24jsee7absmlbki/tlt9ivmuiygvmbl2m3z2mzbvoxm/q50piwuupujsd2xebqxirbygpjhymsa9vfemwnjkiwhcmqjd103fgwoy0mmzg1ctwo84xgntpt4m+xghnwaew5czb6eu07ymyma2rqx54/oq0da6vsf5bk27adf+wmq8xibte6bmnt+tcngnxmtlq2lmgvvolobktyfs6bmy0gy3icp2aaolt471jhhcp983amxxwxbegth1ihbu5sofx/ttmyvunczdgr0daxzrgj1y3hewklmrbtfttwns5hlubo5bedteqybmbsztcpzmxwhyef3bvsbsiqjrshchvgl+wmudaxoh49/kazt8oxx/jbhubdso1zj29iczsdgxhlm4zglvc0lx3dfnzkyvrtnkzs2a/hrutta4iygzngfiaew2pglttlq/ygwyqnbkttf8yxy2ampvvlelsvbyz95w+xvu5ypxhecdktmjksmzgn43ccum5o5gmvyx3rnias0jhxkung027jso6p1ym769y184zfsy7v3mbypxhhportojpsxmspmw6ercg4j/pk3y57nbbkixm896pamguzhkaojpv9q5nzmketr9uyserjxkkvnu0s6lc0nbzn85/xkmdtrjazyaw+pewc0sewj5ugw2bvmq+ac95bcmc+fxx4ec+n7ajdqery3ra51rco2zkm7ceqmhir/ojh4yir0sspjndzqe+ndl95xdefbzu1gvjowlyoz7dvmjqjmho/ysp4xbgfwhspksgfphnvmtomnpmui2/y49dw7sew8zvoyqtegvjogtdpcse6szmi3rur7wmgcedgcjupaupiowky8otbtajjosjnrikwnvxrkce4gkeefjpys3qhaepsjkjtgh9gm7qh3whxck0jkts1q98zo2ptknietfom87iwgazolzuzkjuxzf07hyvuuo6otvpfsnbw/ltc7ajnhhsawlxatmptknjebwq3gsmbn2djgetncsk0tewoq7ank3jebepmhlumn2hdpbls3blsabr7rbu92pskhmgewbryai7usmgl5be3pndul0sm0ursjtcmtwvz0ka+n9voelmbeljo6mjnfkzapbzrohektltdadlqjrrtskjw1of7tguwgisvetqtbdcxz91gb6kdmdpkskgjfbofp9+lhgejndu5h4j9low4stxvdck0zqtnbniutcqruiinzpzedlojuxegfjowojmenlrbqcorjrpzodc7kb6xegpncsk0dfnggcarmclh0etqzlil1ow2ryrcu0iktfwp/ppgt0nkewlajnyihmff0gfmi56qqlplsprxl0hsjrwhisxlyc11rodacuwbepi1bzglebmishmrii0ugqye8oq3r6hsbgcozw1yodt9deotyagpjwrdriolg0ccq+bjpe46llxn3cd+fyxhqxqsifnwqfcdd8qfgjn/i446llwnwdkuribfbasi6ykpthlcse5zfsfg26w2ozs1dtheha4g2kywgnttgylhtbmhkeqo2uzq1sb+hgb/eygjftcb5j3seeplhyzzr8iy/cd3ze3v//ixv3z57tfknt3+vmu+++kbmn8qmw89ju9mxnysrl6egiusgv89ppqoxq++64m+zekujkqoxvumgw5kb+1chn5pwwkmjpwsrlqnp35vpe5dj3n+w3ij+kx9uhfefl0+kdg8upfdi0q+dt4i+07omehivfz4ihps+rfl3wcu+kc4la/t470p1q3j1f5pksfq5zwgsursr6yn+nrqmn99y6cvoml7z7hdesea45yrzwvvuu/lnpjlww7l8l9de5tj83cwnbzh5nes410uzl5noc+p05znsyk6/l4/t8r/hw1fcqnzvz154bwgzjeu1ecl9dlsgzzgvpp44cannszdo2rjfa17hyxson1jmdhea3hd3769xk57ttiynb0ypmrbfzn9zu7v4hoyu13u8v0evvua530qvqmndsc6dznu9jxnuq7a5exyhudbaxe779oqa9new8rx0sx4h9o2etlgvfvq1r0lfgknhnbcjuteyf1an7uwowknkw0ylcscbpdrvdg1k891hdjilq8de6n1errxny3nr14x+foqdie3n1o4ivknnb62ge9j8g0hamo3grirghj0x07rawoljol4h5rqxb6a3jxyzcm873mio0n2usfgf1m2ztfvq1v3lrexds0nfunm63q6owremlfic8ucotvsuk/pmljijqvgum2b5itfght/w3o+kqz1nbkre2pxxs+eyuq5ilifzhqjua+znqm7vtscur2k4gjeafiwyayfjtooe1sdf5odk+3d9x1tek2ge8sly1zuoyiljzhge5jne5+em0h0umrlvb5378r8sn3hj+glav1gju5pxpqwngeszhs3r2pizbajd7ivtljlw1pi2geyce+jpusmqa44hgfz37d9u6dqn3mj1mqnjd2nvzywh7hvkyxsv84cwmvknny3gvntjcva67spxkuzeaaia47otfdwyzn7upj8pbe13tfvnnfqsdhcrzhsheiepwnbke5m19/dlshuew1stdx8nnv3buqpuxzslyfgx+ffctdz+bu9s5mm/dj25e9sq7v3fkfxlbfmrabphylcerdd66ruak2heetvn2uehkru0cpzsbx1gd9jrymapvsugyshxtoacqsjbwji6dz56q8nmxmtmiznbhghet+5f4jrsw6shu0kjxmtqv2tybjgnsqackybipabz1uwco5r3mej2jpyoxxtkportkwdy9ryydsgkhmkm2daumzgknlrgrlgd5zmy1dtosr1cpyltvsdcwz+pdmts2zgki7juypquditfxi3zjiozr6mzdzhef4y09jlm0avybomelgv05k0hkye7aclfdix9dphzzhzlvk2y5a7onfsofplqquou3mydo5jy8t4nfmqc1nhndo4lkpxlfxloeg4eovbmwmmwmhfgnfszuuuza9bxd3il8617inozjk+b8eymytbohsuzzbnmmarsos4cyxxkg2j+sh4cextjbgfxsy1nnkcyxwhnfns6yuu5sbs29ifjgup2mlcyfa61zllzkzjsgj9goaejl6l6pdwrod2qqnhaexyq2xjuzyum7hchp1rsqvm29b0sihsmsjwdyxy6wacifqr0xozk7mwkirwkqb14pxl0yaibopsuzzznmospw5dsauv1xj2imwmmpfol5qrckniheq/wcy5lvio+mgc4marzor6jpbuxhbwjlyldaalcy2zbmyyofauszs/gms5qk8dhxwnxr9k9blw4k4619jlm6a5ymujeflylakjima+hjx/icae8tvnvrayjkwbhoxzcy11ylidhyxrkqtmgazkzluuutpizixqbdhoimujfaymxmg4lkfjxgbqzq4lgqnsxkqlw+jzoo1wkzogrlam3xrwtiskyhaonwrpohnsns0uwjwngmjza4ueaxnwjilowapvyiiwlpoh9vgfhfjnjc9srxl72cexjwhe+b3bz+jzzlnh0mj8wa5eo7m3wsuwkqa+hrxdy8jgtxy8s5pngjbdoqvjey55ljrc+mneds69xhisbnsy8yxdnmnopbos5bxkwbircpog9elcszqmdp5kqgmz9vnuifrmnk0+lz6xpmun1t13b8fu54g1bafszqvspm/y8kh0hwb6a1czuhvcirj5lroma+wiwx3lpetdmqvspdjcz+gzw1oxniwaoryyjmgqlrbdnfxpuo5oa1yhmup14lmqtryxytqa8xjlnsrzls7lihhxulfdhanis9s1guikyqvlnqujzqp0kudkvqrn8eksz1k9iyqet22iemdiqj5rypouizogv/6dpsiqdjochciqockhqaarltpjoai2wfrtiedwzdaenqwmndev1aaeokvsprwj29g8lppxlnhekqdh2bha5iizktmjopqjahndxzlormrqpkh7khiwle6rjjwliwdpuo6girsdhjaicilnku2wmgy8ngneanwt4qxkl3ietsxbdi3jwuotblkjikvbsztewzuu5ui2p8sqrnm0wr3izmg8s0ecvwn21dsit4gryhwaiwejjpy2huyairpxq5xv6vkosfommckdz6neoabx+gaezuiyq9kkmkkbspcny0yssmnacavjtxq8s0ocvelsjuhq70ldwpqlpes0kaluupdgcl1zxfmvluwirrxrcs5kx+jzoon12vvuahocjkecvelsjgtlvl7wejzxnlqbutpmpvylw58qz1viz1hkewmcugsjnfesg6yuci+neslncxfwpus5woh3/d2sipespwklufjrp/msdumjr9lfkniekxjhpbnhjz4lmgzwmhcudggcdclilszwqfp57cqr5dzl0eg2fy6jkmepnqbis2r0ogkwkfyfirqmdsnvsht+mcwch2ibqz58ehqfcwjlmueo2nh5lmgjfwotkcs6rr3ethjukcpnsicwlmxy4yqyuixajlkna9omkn0lqcbvmmab0dozgizlzuaqdd1dypxqe0vus3urqp6aaeqcbxsppevugsjzwojxayfgj25u/2piham8anl/7zp00mkozxne5x75kxwtmze8z44owm6xjwfq9d6/wbh6qsh9pxogllky6pmmzqq5htl9ql3e+2illziux7ec2/3o9zbkrapuqpwqlfpcjnbqh7hwvbdhym0l6k9cjvsme3nsak6l3fpih8jkg8jsxzjrl+u9y8q1p4fcy5uol5t74rlep9b4i1rfe4hlafih5nonj5pjv7dlugr5fvlz3kipe32s/cpmj1gqozuz5a9ip9y7+1yciv9xrq2cuyjhpi3j6mlilwzwb21rx70yuatnueq4mn5xqnat9qtzfzjehuhnxevhwhp9apztwvcko3tbhlzdx75tzchttzbs1xbesakm+752hxaf8e28cyh34l3+4mlq2dsv2g2y6zp08ujeueue8ap1eh9scu+1xtp0o/qeex3dspyrtvlsxclm7ru7tk491fvol2wexbiz73vucvtjcj7dqhg8/zoqhnsomsc+ticdorsryf++by4hlytl3qf1aiv1gw2q6/huuvb+vu8qbcoyqxwik33v3y5owvgysiq8fvxckspn+/fvb/9y2iqlqehx8crtuid5hds/vj/trk4ll9t6edthq8xrz/u+wup2lzqgbsreg9hafwvrdv0c4giqzqctqa/f65sosoklapotaihx6nx0y7wkha8f3grh2fo37ls9kihvc2dtwlpurdp3zdkhmaqp9lkz8ffy1vhywtwjhmq6bgoljfk8w9fhj3byximbqai3gvi+fsirawqzwfups4wfpbv1k1rvavxlvdsnnys5wrksn2jsi3mpzoan2u8kdtbolpc4dwupjtlptvw1ffktljm6tmd2kqbljrgq7wkpv/dur+csv2/fcvcyxboi5bp8gvk1v/zjphk6dz9zcee6rs6jhwfln9sneq6ichvbxvzz157tk8r3r8kkoponht/yfxcyhn53iuod/ppienc55olahfhvvbln0um0lww8gyo6xpas6hisufgp7g6/sjqio40wtawj45+wqe6wdw/bgmhfxts41bypjjni5kgpn3bxiqsvovczrm0nyxjcmyznshmj5sqbkda4mhgjyanasxmpsjxuocnk6lywrahz0iwosej0y68uup/xk1ulcy5b/mpjcgqkkqrj1fegkpa4cx2228wqrojnuk2qihmjcxwii865lomehnfnpfrjctw5cnqzrkfhc1mvby5hfw/orgvahisnqjsoniguxwo+quwbs1hnm0uynw0uxfmi1+euovweiqbcgyppc4zvtdmxrwlzbja86vtr5ljwvjqkscpyldlfinw0ozmtaxoca+eabel14y1j5qqhmwzpdaroglgs6pzls6obuqr8cmo1xmujmod5qpccc6qbqu51y2kz6szii7njrdagj7krgb5iuiwsyrqzaev0g/dfqadqpdaajmlesdefllbw0ccvxorvrdexryluxj0dj4qt2tbiuysvy+ijd6ahbtgysjro5riv0q0sjbt96lfb7h/gxbyk6jawmuhmsixrjfelstnsmhfsm1yet/lwgezfdetysxtlshxrbuz66cdjwadaxjabwwagvblgttthfdpnzwuqg+fili3mhbmjshhvczvcn8nqrpvjlmq3eblhnsflsriblzzb4yt6w5dddcvjbovssxad0kuzmjaa96hjged14mtuzleevwq3l63jbgmv8fhvcwib1sna8wf6muwwszrszriv2y1lw6rn6lx5pgjueqigxphdelas3vy0jltb6owgwhq16avhbuxy5x23iuywsirszrlxjbsrlyvxkdpzdaazigcf2c2qtg0zqyxwrjhviaiyapsq/zah9ib18aigiu5tcylhxglklsur5oitguizdar1xbmz7oaiu9tcyhedm/wlhw3mve8bqk0qp1i5hohmyygt0lzkergb2ichwwskgvuwgnth0osie9jcyhhabewwhyonkky2wx0b9lh4fgrqecekuzqj4qihnj+xfduurjoqnkrtmsqjarz8ucortylbcqzngqlgbstdeozonaxxqpplosjxciyoseteskn3biil7hdd1czduivfsjjyhdbjbxvlkz4fqhgar5ikaeqpa9imq5yq5lkoidzjjktn8bk+nhh0quwd7oyp+dnindkxckrs2bz+d3s7scndewg1kobaiwwgzbqzswwenvgiga94yn3hat+1qdx7drqz0pn+choswsjhb/xcyheio3scopjrynqm7nytqrncidvindkxcirq+uhiockty3g8d4qeiwjsjzkaoi0mjeo5emxcnc2jkdemjswwvegqh/azxglk2hiucksaohtvh4jp9qvn+dpqu37aj9c5a+i0mpdybmvkwrd4qkyjqxpvmlf1ibbyypkjtinzkudelopxvf5jk4hl0j83vos96cfcjctzugekygve/3jqjdc1newmdqjjtzgxxliefswyeywgrrniw0pcpqf8pa1ud8/toksvnkccrwacbsrigto2tm4iqxttds/hvssycbusmhmsinkp76zwphildg243lw8mihzv4ikfpkjfha9frowbhmltd1drptkyyqizqkqwgqmweafriyzcdo8tefylccv84u5598loimkmyj9imybwovketzn1gjkrajdkk1tuq6rk31l2jz1wyjmnuphsgg00leuilcay7a5ayzd5n0ord3dsbqivxrlsdlrlmlmhbanno9otv2qxgnmwtq27lnsb851mm0w7opksmmzogenrik0rg9ungttamkkr1oqxokra+esrwyc98g0wrglkkunvedsgnebmw/vfse0tdwhyzxgmndogi1ili1aqgyyjngwfcrxghpgki/mxypkccrvgmms0qpsfcrxgqva2wa6cjz3strrzsh58juyd5xzb60uzqxbrgwqw2dqcpirzvxg7c2zifkb6t6ypm2opsc50rgpncn38muac5ldqc+9rd0ynczulamlqbjpjljf4ox99ttgzdbrog6m4zqjwaqstan2vulwwdhdrecca2ksizkrgvumpsc50lggzrmnfiqzlx4qg4zgx1kqxgksa+essqycda+tymodaayqxhpeupbcaswd56yrlsq9xl8exaltrz3ajkfypthfhcvhcrc49/akpjjw2ioydlgkkiunvebs9rglndm2cvxthx6sh8gpgalcvqmws3fzrgxjeth7rgwygh2luxlvxcjwzqnyb851mc1rtag2bcmlqspcfvpo1/g/5jfcu8fid8jyghuozz81jifjjuuih5dyll/gx4fsadonk13kaudsuwycozg8ke6ijjuf1x4muyzdsk0xca53matqwm2y4nrdzndkskkp3u3syvmh0mhyxmnk12riqsmfytqcqlbabtlew2txzeihir1cmww8wmtqwm06cznnk7+qx2rkb+jxoxrouwqupux2tyaumtkl+yytbcuj0aaxd5ndkwxopayujjnodsitnhniybjrmqtulmjkjug6leatix4muyzdsk0ptmyy61aatybkmnk0ovjosjbzgxmvsqtnhniy7jomktx5y/cefceecmscaw+txzmhsrmxjkoksxvevudxlezhssykbm4r8tbzmokuiwwb8sv3fhqxgfm+tpy2webcakphslzlfurlcgzxmnk1gvjqsmeyllmh0mhyxmnk12riqclfvidmjifmypnl94yuubkpmohnpu+ahixlx6ljafuwquwubnomqrrz4kwnjyizeg4foasqomttzlclzankzh0mm0c2yyhspufflgzadkq0webm2ywkdkiwgspriko2bqzv2jxkpqe7wfrjlqaisjztbgvt9g78x/ktw+ilhn/ltwwp8qs4lhlthwszrhdjme+7+acml2v1qe/0l+/n29p61e1j9xd45bbmf3r/lzdqyf3tvjvclupeateaizurrzrap1ihhthvdnp7wr9pzl9xxh6jfet4rmpxg0p8n9op+eqjr+/ezz/kgonhgwmgunv241qmtp/mgpg2lyl8jueaxctzvaxtdpx/x2yzevxezhpibujm3ykvrmv01cxkjwxrn0ki36u037dao+tjergsgxawv/2gei4nj7qxhi9t6funefhfhnhxw9im5w8s4r/brec9exkahz6efl+b3mxri0rj2d+kidyjaw91a32kqvhnqvjvej0yq0rxa98idcl+w0c1y4/mcd01icvvyluun8ppdra5all8hssqlkql9vcb3iauvyfdqqvouc0wa4swfvq/ulrnizt5+yi0jyh5n9s/8hlcv8ns+bis55tcpsf1/jikgeqefhp45gsse9eeig4b8d9o5lgthr6ozn8rif4blraonmw/dcl+w+nl21xfnflge1lmabjxqty/j48hwc+6uueiac8m1ah8q2xgo2jwngpvduvftctk0djcktb1zqcivzbkkxnwyy83y6gsi6cfov0ewzsmszdbhs7fvriuh95rp7gplme3tcg4/5kpa+tfmgegz4mlvlffobxzpvz8m9yq+ap917oupxz2dxp7goyuip991dx89hcfp2o++1pzy8/sd3qvomztk9ilk1uribj4v4wfwytj72hfs2vfj9smw4c1i3rpzl1imhaoet6jviy1qwfs6wdsm/hj9xkno7temsecjtalfm/f+smhfydysn7ypq3qs3zl57fbmcvvylco4cifl2+/z5z89j7nrikfxldipnhznhx+89hjefbd5kov0d743lee8tihprg1xjbedp0f86jn5ai8djtquvzko3mswzao7cl7m1xqf7bu18vnjx4/efrseptx+6pur/2wwzw88mwifg2skw4prjgvg+aj91ouaxelh/fp8e+4qh7kd+3ihti9pva97cjhxfy1jplxscngcy98ovaaetqvfgvjr45pcpyxjzgymlzhalolz2glv2szjjzquj4zsx9rbjrm8ymcsebmjv9ampufpwqetc3nj4y+ztw/v0kd+u/nz78j+9fb3/xm4ssonbroh6ykvopz6qxqbhdqzt8bf5i/yvhjeljjj7zud+uln6zopppawdswxtkku92aht89fxr7/pmt44uxd7rulabhpl188ys0vd/c3n4+/7j9ka24nzx8kjw6cj8ml5hpsptewxgfaruf6ezlt5ct5qm6lnmyt0g+hnls5wq555owh3llhzum9t/hmb97+fif+keuuxn2nfhjnn+60rswbjkqtih/tocdkibpixa6qth+kz3alomtpvrascah+v2jxxvjw3hnldgn9svj9phnh7c/pro6abwpvpfuijr3fk9ljcmqwb8xnw43likgbqggftk2lrk+tgg36voavnz+4vzrmzq3p3/urm2nzpzr91fybvvaurzen9na8mfi2sm/wa6juvdfbwxjwkm8+e0gxzewrbdn+md0ucyex3wsmjctmgtz8/zj548cxlzeym2fph/y4uwty/jfbcu+avjftku96l6po4e6o6parbtg+xfzkm8nssmlu7hkgdje3zqplf/j75eh3ppvrercmjzpzr4lh7czwbd+2v3izitos3u8rxbbqapwjq7nffccjhel+b8hdopwtfooa11vpaiemmrqus8koyqeijbo3amocz3rxi9fpl99cvfycrj4cwss6yfocz9uzynes2qavbl4dfus9ajvizgvqc40idftdvrq0tyxwdhe+imp6bzzjxfct1kake15gii/dcdlaihetzzidhb7o924xxyn8lzrlpzoytgtf56xs0nd+rqm9dnhzdzctc/d/hf26pf/ff2rkdj8lx8ddbafm4nlcfv0mc4hdvfnl/kyvjm7rmlqsk5vq6dvokv5s4vj8clz4eggoov7pvusrucc+gucuxha51b0uzt/4opoy/vjny4fds6fndf4rj3tkrhcf437d6rr8cqx9fnltee1rpi88q24tcf5xxvzouyugl5pe8fhr2qvnz86214uqesjqp09qkc4t9x+wf+53exrhvpkcrmc/el7+dwn3sd7jo/z9e7zm4/bv+cpepaslqfcwh8k5ofbxruzxvc68kzu4yu8hpkvaj3idxtzm9g/8ln2psar4mjhdrrtp/fznn9j+px/dbt+mpz/jd7w5zfnt3cqtoyjaosyr9reczjh4j7xvu4xk8qaxqjffob4jpndytuwy6pk5xfrd/xledsa+si6zwh3y918diz/7ugvcz+sutwgz8ywsuwl0meldz/ganlxgwi25ouj6sf54r51zyfgxn59kvygbs1smo9fpjvtez3zk7ovz1jyu07cct5kdo2pfcsf27rujuqlkn0l1w6cfn1eayxrdd7wc3sz01/fvx7y/nninnle4rfyfzldyq3/pdd2oempjl+6/zepoecsh4er5ouwmk3c7ieofm7kc0ufl7dppxr4/eqlfv9x+4suwnztdy6nmdsqx77+ja9s6vkbdjpc8ysouhzbpj6m2yrc3qrydzmzcj7qztc51+q097e/cestxxfvhun98vjlxfzw6/agaewquph7uoedj8u1xo6ly9obxvrvyuqeo8jx7ywopvcaz5/4z8n28sn84uvvnhzvnt/+5mfarym/edksekwylp4klgqgfy4t79he2kqcmyi6btsqfajydsszvawwzgs6ho5lk33jy4+4s/8dw0yixghzmfztxy9rram5saxswhotfuulge8w8japs8s2ozwt5ll0gnfifr/z4ahbkzyvn4auzepzmenlmq/s4unr6rl+ii0+v0vztsdzygj1me/wxuf4bwwsgvjlphbe8yzfzjchmgqb963m9ovf2puhw/3s5xl3leiss+hgnrnhrfy+jxwyi334nfxdeal8ea6aim99sbpzmggc9esf2fjzv2s1xfeeap6eg6uc62aoehdskzd3r19w5qrjjzyfl14uzz4jy39ug/6hlggzmzalrajmdnmhk38im8h7p9yg050rvdkyedidxauctp//qqms3weurewytt4pky/cj+lvp14wgnnnlloh88gh3vwqk/6biytep1b1uoanuielolb9grpfsqy/xojkztspp106vhsr5qmeg3xc4o/orro4/yn57ngxiefelmlhd0vke7ja9xyjgyaw8y53he6k62e0ibljp4ybn/b3x377xzf//zf/+epb5tv/zbuip8dfvmbc/yup5hzqmj/g9n7++uuu+cv/pe3jh6zheyrgf8xucwecfj65t4tmjkmasgwxnnzmujosplja5ylde6pugzwijpnootsnbp95emkjh/lkht49xkha7gh3d30jph8wyhmnd714wiuhxew+zab0treym+um6fbm871s7fc9oyt/znk4zvh9lrxcpny78zxppoqar7j0noy2ahwveu9fc6kqxc6i6f+wi4ylnbsqsavfnguircpfkrynowivbun2m+8g++seufjwcxzh+fezspvfcb3txevbxa7+3svgqz2hl77jkdl9vifjro6bb4h47ukdcwbxyf865j2cngnvo8ddvgz0uzpjvmor5fswxgk+xmu7gxenvspsuf59rp/d5nd3r19//c/kivaxdddgc9xritgfmu+yko+1db4twf1nuvs9x7x8tukyp/wpjh5ffrp25rz5/2necaqepm3xer/x7nvio+vhkiifqznuzgo8arjq5gndieg21sjwtk8mpd0r5dpaj+9sd8qfesg/ffbyh8b9wannczpyqlbokfhpguejxvty8ubwxsyykrhlhzaqymxqw4seos+4gyt7kk95ivrhjry9izfrevor/t9fvp2azw5kc3ryzwftcmvuzg9iago3otmgmcbvymokpdwkl1rpdgxlichjbnrlcm5hbenvc3rzlnhsc3gpci9bdxrob3igkerhdmlkie1hbmrlbglukqovq3jlyxrvciaotwljcm9zb2z0iev4y2vskqovuhjvzhvjzxigke1hyybpuybyidewljuunibrdwfydhoguergq29udgv4dckkl0nyzwf0aw9urgf0zsaordoymda5mdmymzizmjkznfowmccwmccpci9nb2reyxrlicheojiwmdkwmzizmjmyotm0wjawjzawjykkpj4kzw5kb2jqcjc5ncawig9iagpbl0ldq0jhc2vkidg1msawifjdcmvuzg9iago3otugmcbvymokpdwkl1r5cgugl0v4dedtdgf0zqovqufqtcmzqufbigzhbhnlcj4+cmvuzg9iago3otygmcbvymokpdwkl1r5cgugl0v4dedtdgf0zqovqufqtcmzqufbihrydwukpj4kzw5kb2jqcjc5nyawig9iago8paovvhlwzsavrm9udaovu3vidhlwzsavvhj1zvr5cgukl0jhc2vgb250ic9crljktecjmkjdywxpynjpci9gb250rgvzy3jpchrvcia4ntigmcbsci9xawr0ahmgoduzidagugovrmlyc3rdagfyidmzci9myxn0q2hhcia3oqovvg9vbmljb2rlidg1ncawifikpj4kzw5kb2jqcjc5ocawig9iago8paovtgvuz3roidg1nsawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca4maovsgvpz2h0idgwci9db2xvclnwywnlidc5ncawifikl0ludgvycg9syxrlihrydwukl1nnyxnridg1niawifikl0jpdhnqzxjdb21wb25lbnqgoaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keaht0senggaureh6b8q2nzqqzaaw8aknferfrjwon0f6ufvuspir9/wysv7lrzl/eg9y5k9+f2v+gcyxxqhgci8zgyozys4ei7mxmy2rzdaxgphcy8zgsgayc8fi7mvmyyqzzivgjpcyszgsgezcmjj7mdkyyqxzirjjvcxsjgsgurcm5f5mnkyyw1wirnivmxsjmweubco5l5mnkcwwf4kr3mvmxkhmmavbso5lzmmkm8yfyct3mrmxkhnmqjcse5nzgmkmcyeyyb3mbixkhrkqjorezjzgmsnccezylzmbi5lhlgqjuzezjzhmmbeckdzlzmzizpglwujuzwzjjdpmhwak9zkzmziz5kiwknuz2rjjdhmhgmm9zgymzia5eizkxmy2rjldxahgci8zgyozys4ei7mxmy2rzdaxgphcy8zgsgayc8fi7mvmyyqzzivgjpcyszgsgezcmjj7mdkyyqxzirjjvcxsjgsgurcm5f5mnkyyw1wirnivmxsjmweubco5l5mnctnjbllg3zyvcpnnlggvlpn5jutn7m0p/ywnzbgc02vuzhn0cmvhbqplbmrvymoknzk5idagb2jqcjw8ci9mzw5ndgggodu3idagugovvhlwzsavwe9iamvjdaovu3vidhlwzsavsw1hz2ukl1dpzhroidgwci9izwlnahqgodakl0nvbg9yu3bhy2ugnzk0idagugovsw50zxjwb2xhdgugdhj1zqovu01hc2sgodu4idagugovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3uqq5fuaadqpe/np/vhdpam7gsxql1hvpcv47bnb/2tvv/u733mxz773vs8n44dnwvsu524eenmcyyd70b36xvtktsbisxxhfgv4gxxl1iy1ummy4wukkmme4sg9tijhge0rvijhgx2ngwy4wjjk4qy4y7xma2ggmcyxsfggpcjta2xrjjckmrxbjjlrgxlcyyrxhdicyyd4mnbthgomlocjhguetsbisxxhfgv4gxxl1iy1ummy4wukkmme4sg9tivmr4d9zxccodjfc9d2px14rh3q/hzvilkb1wpmvuzhn0cmvhbqplbmrvymokodawidagb2jqcjw8ci9mzw5ndgggodu5idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtk2ljk5nzggntqzljc2mjndci9szxnvdxjjzxmgodywidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mdegmcbvymokpdwkl0xlbmd0aca4njegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxodiuote0mia0mtiuodm1ml0kl1jlc291cmnlcya4njigmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgwmiawig9iago8paovtgvuz3roidg2myawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide4mi44ndy1idu1ns42njq4xqovumvzb3vyy2vzidg2ncawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokodazidagb2jqcjw8ci9mzw5ndgggody1idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmje4ljgwmjggndywljq0nv0kl1jlc291cmnlcya4njygmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgwncawig9iago8paovtgvuz3roidg2nyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idi2ny4zmzeyidqwmc45mzi3xqovumvzb3vyy2vzidg2ocawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokoda1idagb2jqcjw8ci9mzw5ndgggody5idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggnde5ljy3mjkgnjc0ljy4otvdci9szxnvdxjjzxmgodcwidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mdygmcbvymokpdwkl0xlbmd0aca4nzegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxoteumza3nya2mdmumjc0n10kl1jlc291cmnlcya4nzigmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgwnyawig9iago8paovtgvuz3roidg3myawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide3nc40ndkxidy2mi43odddci9szxnvdxjjzxmgodc0idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mdggmcbvymokpdwkl0xlbmd0aca4nzugmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxotcumzm2mya2ntauodg0nv0kl1jlc291cmnlcya4nzygmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgwosawig9iago8paovtgvuz3roidg3nyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idmznc4wmzyxidqwmc45mzi3xqovumvzb3vyy2vzidg3ocawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokodewidagb2jqcjw8ci9mzw5ndgggodc5idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtc5ljayndignji3lja3otzdci9szxnvdxjjzxmgodgwidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mtegmcbvymokpdwkl0xlbmd0aca4odegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxnzuunzmwmya0nziumzq3nv0kl1jlc291cmnlcya4odigmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjgxmiawig9iago8paovtgvuz3roidg4myawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idi1mc43mda1idu2ny41njczxqovumvzb3vyy2vzidg4ncawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokodezidagb2jqcjw8ci9mzw5ndgggodg1idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtc2ljaynzcgnjk4ljq5ndndci9szxnvdxjjzxmgodg2idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mtqgmcbvymokpdwkl0xlbmd0aca4odcgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawoca0ndguoda1nsa2odyuntkxov0kl1jlc291cmnlcya4odggmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjgxnsawig9iago8paovtgvuz3roidg4osawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide5ms40ntu0idq5ni4xnti0xqovumvzb3vyy2vzidg5mcawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokode2idagb2jqcjw8ci9mzw5ndgggodkxidagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtg2ljmynjcgndg0lji1xqovumvzb3vyy2vzidg5miawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokode3idagb2jqcjw8ci9mzw5ndgggodkzidagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtc5ljg3mtignjyyljc4n10kl1jlc291cmnlcya4otqgmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgxocawig9iago8paovtgvuz3roidg5nsawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idiwmi42otcyiduwoc4wntq5xqovumvzb3vyy2vzidg5niawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokode5idagb2jqcjw8ci9mzw5ndgggodk3idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtgyljizodcgnjazlji3ndddci9szxnvdxjjzxmgodk4idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mjagmcbvymokpdwkl0xlbmd0aca4otkgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawoca0ntgunze4oca2odyuntkxov0kl1jlc291cmnlcya5mdagmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgymsawig9iago8paovtgvuz3roidkwmsawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide3nc4znjyziduxos45ntc0xqovumvzb3vyy2vzidkwmiawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokodiyidagb2jqcjw8ci9mzw5ndgggotazidagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtk0ljq0mdygndq4lju0mjzdci9szxnvdxjjzxmgota0idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxsmelh6gveaadza9wzw5kc3ryzwftcmvuzg9iago4mjmgmcbvymokpdwkl0xlbmd0aca5mdugmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxnzquodqzmya0mtiuodm1ml0kl1jlc291cmnlcya5mdygmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjgyncawig9iago8paovtgvuz3roidkwnyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide4nc43ntkzidy5oc40otqzxqovumvzb3vyy2vzidkwocawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokodi1idagb2jqcjw8ci9mzw5ndgggota5idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtc3lje2njqgndk2lje1mjrdci9szxnvdxjjzxmgotewidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mjygmcbvymokpdwkl0xlbmd0aca5mtegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxnzmunzi5nsa0ndguntqynl0kl1jlc291cmnlcya5mtigmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjgynyawig9iago8paovtgvuz3roidkxmyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide3ni41ntcyidyxns4xnzcxxqovumvzb3vyy2vzidkxncawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokodi4idagb2jqcjw8ci9mzw5ndgggote1idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggndgwljk3odcgntkxljm3mjjdci9szxnvdxjjzxmgote2idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxsmelh6gveaadza9wzw5kc3ryzwftcmvuzg9iago4mjkgmcbvymokpdwkl0xlbmd0aca5mtcgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawoca0mjeuotkwnsa2nzqunjg5nv0kl1jlc291cmnlcya5mtggmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgzmcawig9iago8paovtgvuz3roidkxosawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idqznc41mtq4idu3os40njk3xqovumvzb3vyy2vzidkymcawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokodmxidagb2jqcjw8ci9mzw5ndgggotixidagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggndc4ljyyndegntkxljm3mjjdci9szxnvdxjjzxmgotiyidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mzigmcbvymokpdwkl0xlbmd0aca5mjmgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaynjiunze4nca1ndmunzyym10kl1jlc291cmnlcya5mjqgmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgzmyawig9iago8paovtgvuz3roidkynsawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idizmi42njy3idq4nc4ynv0kl1jlc291cmnlcya5mjygmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgzncawig9iago8paovtgvuz3roidkynyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idmyns42ndm5idyzoc45odixxqovumvzb3vyy2vzidkyocawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokodm1idagb2jqcjw8ci9mzw5ndgggoti5idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggndc4ljyxntcgndm2ljy0mdfdci9szxnvdxjjzxmgotmwidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4mzygmcbvymokpdwkl0xlbmd0aca5mzegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxodaundmznsa1mtkuotu3nf0kl1jlc291cmnlcya5mzigmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgznyawig9iago8paovtgvuz3roidkzmyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idi5mi4xndg3idyzoc45odixxqovumvzb3vyy2vzidkzncawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokodm4idagb2jqcjw8ci9mzw5ndgggotm1idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmji1ljkzmsa2mjcumdc5nl0kl1jlc291cmnlcya5mzygmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9diwsufqc8qaapmd3blbmrzdhjlyw0kzw5kb2jqcjgzosawig9iago8paovtgvuz3roidkznyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idq4mc40mjaxiduzms44ntk5xqovumvzb3vyy2vzidkzocawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokodqwidagb2jqcjw8ci9mzw5ndgggotm5idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtg5lja3otugndcyljm0nzvdci9szxnvdxjjzxmgotqwidagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxsmelh6gveaadza9wzw5kc3ryzwftcmvuzg9iago4ndegmcbvymokpdwkl0xlbmd0aca5ndegmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawoca0mtcunju1mya1nzkundy5n10kl1jlc291cmnlcya5ndigmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjg0miawig9iago8paovtgvuz3roidk0myawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide3ni45mzcgndywljq0nv0kl1jlc291cmnlcya5ndqgmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjg0myawig9iago8paovtgvuz3roidk0nsawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide5ms4wmjayidyxns4xnzcxxqovumvzb3vyy2vzidk0niawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokodq0idagb2jqcjw8ci9mzw5ndgggotq3idagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmzm1ljixmzugntu1ljy2ndhdci9szxnvdxjjzxmgotq4idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxsmelh6gveaadza9wzw5kc3ryzwftcmvuzg9iago4ndugmcbvymokpdwkl0xlbmd0aca5ndkgmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaymzuumtm1msa0mjqunzm3nl0kl1jlc291cmnlcya5ntagmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjg0niawig9iago8paovtgvuz3roidk1msawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4ide4ms42nzgziduwoc4wntq5xqovumvzb3vyy2vzidk1miawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z11dbjr+olxaaa8qpb2vuzhn0cmvhbqplbmrvymokodq3idagb2jqcjw8ci9mzw5ndgggotuzidagugovrmlsdgvyic9gbgf0zurly29kzqovvhlwzsavugf0dgvybgovugf0dgvyblr5cgugmqovugfpbnruexblidekl1rpbgluz1r5cgugmwovqkjvecbbidagmcaxmde2mdawidewmtywmdbdci9yu3rlccaxmde2mdawci9zu3rlccaxmde2mdawci9nyxryaxggwyawljawmdawocawidagmc4wmdawmdggmtg4ljkxmdmgnty3lju2nzndci9szxnvdxjjzxmgotu0idagugo+pgpzdhjlyw0keaervahukftqd0gtsk4tkclnzfeoygqkgboymhkygciaidi7ovdb3zpxumelh6gveaadxa9vzw5kc3ryzwftcmvuzg9iago4ndggmcbvymokpdwkl0xlbmd0aca5ntugmcbsci9gawx0zxigl0zsyxrlrgvjb2rlci9uexblic9qyxr0zxjuci9qyxr0zxjuvhlwzsaxci9qywludfr5cgugmqovvglsaw5nvhlwzsazci9cqm94ifsgmcawidewmtywmdagmtaxnjawmf0kl1htdgvwidewmtywmdakl1ltdgvwidewmtywmdakl01hdhjpecbbidaumdawmda4idagmcawljawmdawocaxodmuntexmya2ntauodg0nv0kl1jlc291cmnlcya5ntygmcbscj4+cnn0cmvhbqp4astucfqovnapsc1kti0oku3musjkbaoyghiagrgykiagmjs5v0hfm9dqwsufqc8qaaped29lbmrzdhjlyw0kzw5kb2jqcjg0osawig9iago8paovtgvuz3roidk1nyawifikl0zpbhrlciavrmxhdgvezwnvzgukl1r5cgugl1bhdhrlcm4kl1bhdhrlcm5uexblidekl1bhaw50vhlwzsaxci9uawxpbmduexblidmkl0jcb3ggwyawidagmtaxnjawmcaxmde2mdawxqovwfn0zxagmtaxnjawmaovwvn0zxagmtaxnjawmaovtwf0cml4ifsgmc4wmdawmdggmcawidaumdawmda4idmyms4zody3idqync43mzc2xqovumvzb3vyy2vzidk1ocawifikpj4kc3ryzwftcngbk1qivchu0a9ilupolsgptcxrkmoechgagjozgbgogcayozlxqd8z10jbjr+olxaaa8wpcgvuzhn0cmvhbqplbmrvymokoduwidagb2jqcjk5ntqkzw5kb2jqcjg1msawig9iago8paovtgvuz3roidk1osawifikl04gmwovqwx0zxjuyxrlic9ezxzpy2vsr0ikl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngbhzrnsbrhgmf/s40esqbrlwjf0mekvcyluglt9stttmxvtalinx13nrxnp5ndluuihoiydywuvkshie7houonokqemxwjoknfeaveirb/o5o7y1s+mdo/ez7/+3y9wwbvj1koy0u0ymrou8nemhz6dezb/bpvqeyuxcndczosiqgfqzxp9wv1lrrpwwqusdb7nnyrdpkqudqqd2qdpix5podjki/kntw1zyqbe6k02se3uepjtvit8tzsimddnbaeavs1u5mzhjdxijviluujk2m+iot22rtj76u97rlt1ldfydc5c9q48v1a2x5g04ukbcwdhtwddtdvbpu1wm4rypfqxfy96c9h2fxkyxxq9smp0rhr+laqfa8dnt8afl4vlx7clpv+3meo1vhumgpu0deymoulenqb7gb85br9i4oeffulsma5jmwb+q8anz8c+x8c2x8diwpgqbwry2w3upliiuccdoacadfmtus1zl0/onxwaixwzxtndvrksjtf5wmu8irbfokmtfkfztlf23ipcnt4ke/2f7kkvo7frmylu12cjzry1qe06oomn5dvz8yepni9r/czt2c4yowame8bcjhyyrbipbepidty4/gtzmzxvccfk/oqpocvb2vm334udsjbrqu9oznrl5pd3ns+mzhem5kswdmtnfhf/mytjgxefdtcdsz/m2dtkwcyhqubezbvnjqk0ysyguharq4zekwqtfqlx9bqwspkx5uweuvdfhw9wogefx/pers4w8y/hvgccw3lcjr+tv+il+sl+l3983xtob7imxppmsara18zv2aw1ci4qy0yvqwpig+w2g56lwrpneiv9osv9y3h6jl2fg3zo8kc4mp8ndslcgvqxdjjya5l90wyxtfh51vl9q/puft89klnjdeyunhmkfp8nlwna/+zq2dssqvw5i2qljxroe5vd6p9aovack09prarbwox346qa+udw5yviqus22x1kfzgy5reyklxzovg38ivhv+lxmel1zq0+q9nulmmaqnfedw2cieu/8nfswmn3mvuzhn0cmvhbqplbmrvymokoduyidagb2jqcjw8ci9uexblic9gb250rgvzy3jpchrvcgovqxnjzw50idk1mgovq2fwsgvpz2h0idg0ngovrgvzy2vudcatmjy5ci9gbgfncya0ci9gb250qkjvecbbic04ocatmtk0idc3msa2otndci9gb250tmftzsavqkzsskxhizjcq2fsawjyaqovsxrhbgljqw5nbgugmaovu3rlbvygmaovtwf4v2lkdgggmti4oaovwehlawdodca2mzukl0zvbnrgawxlmia5njagmcbscj4+cmvuzg9iago4ntmgmcbvymokwya1mdcgnze1idiynia1mdcgnta3iduwnya1mdcgnta3iduwnya1mjugmza2idqymya1mjugnti1idq5ocazmdmgmjuyidqzmyazmdmgnzk5iduynyazndkgnti1iduynsa1mdcgndc5idq1myazmzugmzkxidiyosa1mjugmza1idq1nsa0ntignta3iduwnya3mtugmji5iduyosa2mtygntu3idq3msayntigodu1idu0mya1mzmgndg3xqplbmrvymokodu0idagb2jqcjw8ci9mzw5ndgggotyxidagugovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keafdkmfqwzaqro/6ij2mhycnz2mokqefkpy6/qbfghtbvbjr+ec/r6sufhrqqbn6m7psx/69z59if0qwaxknnp1gcaty0a2tz3v4jedt+r1vzc4mkp3hyvss5p7hqg2riprxrpykg+3exljhpwgf4icej9p9h4eqdgumd8zgri3qoniys93zxiuzqbqi+97luu/bpln/l65bbovgmtg8ktngserjiyynqlzpuvz06hty/rsvptr/jtlvjifu9wp+8fwm5w/eeitppt//umphzw5kc3ryzwftcmvuzg9iago4ntugmcbvymokndi0cmvuzg9iago4ntygmcbvymokpdwkl0xlbmd0aca5njigmcbsci9uexblic9yt2jqzwn0ci9tdwj0exblic9jbwfnzqovv2lkdgggodakl0hlawdodca4maovq29sb3jtcgfjzsavrgv2awnlr3jheqovsw50zxjwb2xhdgugdhj1zqovqml0c1blcknvbxbvbmvudca4ci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp4ae3qaq0aaadcop6pbw8hesgmgdbgwiabawymgdbgwiabawymgdbgwiaba18da0t66gllbmrzdhjlyw0kzw5kb2jqcjg1nyawig9iagoymjqkzw5kb2jqcjg1ocawig9iago8paovtgvuz3roidk2myawifikl1r5cgugl1hpymply3qkl1n1ynr5cgugl0ltywdlci9xawr0aca4maovsgvpz2h0idgwci9db2xvclnwywnlic9ezxzpy2vhcmf5ci9jbnrlcnbvbgf0zsb0cnvlci9caxrzugvyq29tcg9uzw50idgkl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcngb7dabdqaaamkg/qlvdwcrkawymgdagaedbgwymgdagaedbgwymgdagaedxwmds3roawvuzhn0cmvhbqplbmrvymokodu5idagb2jqcju0cmvuzg9iago4njagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodyxidagb2jqcju0cmvuzg9iago4njigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodyzidagb2jqcju0cmvuzg9iago4njqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokody1idagb2jqcju0cmvuzg9iago4njygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokody3idagb2jqcju0cmvuzg9iago4njggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokody5idagb2jqcju0cmvuzg9iago4nzagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodcxidagb2jqcju0cmvuzg9iago4nzigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodczidagb2jqcju0cmvuzg9iago4nzqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodc1idagb2jqcju0cmvuzg9iago4nzygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodc3idagb2jqcju0cmvuzg9iago4nzggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodc5idagb2jqcju0cmvuzg9iago4odagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodgxidagb2jqcju0cmvuzg9iago4odigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodgzidagb2jqcju0cmvuzg9iago4odqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodg1idagb2jqcju0cmvuzg9iago4odygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodg3idagb2jqcju0cmvuzg9iago4odggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodg5idagb2jqcju0cmvuzg9iago4otagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodkxidagb2jqcju0cmvuzg9iago4otigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodkzidagb2jqcju0cmvuzg9iago4otqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodk1idagb2jqcju0cmvuzg9iago4otygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokodk3idagb2jqcju0cmvuzg9iago4otggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokodk5idagb2jqcju0cmvuzg9iago5mdagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotaxidagb2jqcju0cmvuzg9iago5mdigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotazidagb2jqcju0cmvuzg9iago5mdqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokota1idagb2jqcju0cmvuzg9iago5mdygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokota3idagb2jqcju0cmvuzg9iago5mdggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokota5idagb2jqcju0cmvuzg9iago5mtagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotexidagb2jqcju0cmvuzg9iago5mtigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotezidagb2jqcju0cmvuzg9iago5mtqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokote1idagb2jqcju0cmvuzg9iago5mtygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokote3idagb2jqcju0cmvuzg9iago5mtggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokote5idagb2jqcju0cmvuzg9iago5mjagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotixidagb2jqcju0cmvuzg9iago5mjigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotizidagb2jqcju0cmvuzg9iago5mjqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokoti1idagb2jqcju0cmvuzg9iago5mjygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokoti3idagb2jqcju0cmvuzg9iago5mjggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokoti5idagb2jqcju0cmvuzg9iago5mzagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotmxidagb2jqcju0cmvuzg9iago5mzigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotmzidagb2jqcju0cmvuzg9iago5mzqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotm1idagb2jqcju0cmvuzg9iago5mzygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotm3idagb2jqcju0cmvuzg9iago5mzggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotm5idagb2jqcju0cmvuzg9iago5ndagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotqxidagb2jqcju0cmvuzg9iago5ndigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotqzidagb2jqcju0cmvuzg9iago5ndqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotq1idagb2jqcju0cmvuzg9iago5ndygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotq3idagb2jqcju0cmvuzg9iago5ndggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotq5idagb2jqcju0cmvuzg9iago5ntagmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotuxidagb2jqcju0cmvuzg9iago5ntigmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotuzidagb2jqcju0cmvuzg9iago5ntqgmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotu1idagb2jqcju0cmvuzg9iago5ntygmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtegnzk5idagugo+pgo+pgplbmrvymokotu3idagb2jqcju0cmvuzg9iago5ntggmcbvymokpdwkl1byb2ntzxqgwy9qreyvsw1hz2vcl0ltywdlqy9jbwfnzuldci9yt2jqzwn0idw8ci9jbtignzk4idagugo+pgo+pgplbmrvymokotu5idagb2jqcjc5mgplbmrvymokotywidagb2jqcjw8ci9mzw5ndgggoty0idagugovtgvuz3romsaynzk4naovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0keahvfwdgxmw59sw523vflvbs7mqllerv78ww1urvtizllmzllmzldfecjtsddiqocukaeajjtpb6bbbmcsyxsuhiqggbkgcbm0jjnaapvevfm2d2zjme+30/vh/3cj/7pdnnztkz77zztjlhglbcijecidipxr5+zjpui2ci5wlg2/kltwwp3hriy0jomsfqw8pnq9b/6189jki00wnrp65ad8nkjxjcisq6qei1bvxoyir39r8xrkjbmm6vxi0m8zwapyp9zaszvq/ftvpzhkmfaxb9v9ztxd5yyz+v2kdi+21ib1g/snnt+mxsowjpuced3dcyfvqt3bitsgex9kyto5sm3v3tg0g343jg5fh8x35mrenwg0okiosrcurgsqf0czlg8ombzbe9ssc61dsbhemqriileiipeimnlbitzkslkcro3lisg2sqqljmasrjzmrc/mqk66iimkj4fqk9m5dxw5vvfr9zyfqylrzaf1erg8it5cnyw7kmxa51inxlhidfjnhynhmwvcxo+p/b45eo1xotfal35crk4pojs+mpagnqy5scw5fyqolncyzse3/9xn5fx2+dsi2parzeojxrll7a1f5oz018ijxgtpnejutlv0nblw96x3v3+jhxby+oxrzssxasrwqxgsldzat1x4ewwqplxetwkfvkg5laggorofcitrsllqmu0+dlbssbyeayhwwj28nf+g8t9nzkih3brks3kx34bye5howiu8kesjf5uupj2ymju5tcntiyj+xhy1xkllouyj5zobmcxilwu5pcq65fi31x6trjugfjder6tpoxyi3ki/qnfxy5idxebia3wb9ui7eto8ix4rdfjxd9lvdojf8r5g5yd3ygnxe7cu5r1b3ktvtjh5jhympkchlusevywi1brnhlpwlptbdbhtt58il3zk25y9ja+2anvu+dyxrvhp0um3lgxuk7mutdjplmoget7ccusjeziyxxe2rg9fl6mhuxotx4qt3fgf+3xfzjzqe7yc9hgwazo5d3lx/lnvpiqr6dfa098ov4zfzl6j5oru5r9nt8uyfl3qsc+wa5n3wtbfegyuowz3kaeq+sb6fvf4ccjg/hv/n6qujhhybfvvouto6sbdlgjqmlhyunyjis/98do4ly8flzjiwvlzi8yknyghkchvi9cgqr5vv4t+q8ibynkrmnlvi8/x3ya3jakcwofh++9sneqj+qn5kfkz+tz5b6tvn8mvlpkxfil8nl1az1c/iops8bjna2yumsocwlfg4o9m/rm9s7z/asnu6uzo72ttaw5qbgmbgg+hnt62prqqsqk4okc/jzi9lz4cyaz2w3wc1gg16n1ahvskrjfku4dtgyjwzhvzfwe3sbs4dhkdeyjwm4hkrw64vl4kf23ggoxvayhpirp1cyxkvgjktsw3a6mv6qh2wjb+nnmspbmbqwdwd6hubwydb+vte9ilzfliqzivaizwrbfkubg3e6hgyjt168+mdlchnbpj1qndsfm0ynbfnkqmeiaysk54y3haw59vqrum5l7vgj6mzsa+nydsviivic3ogwzn8onkjkksblwnfnu1yrxcu4jo57jtcfj+afonj9mi0sg46avorxjcweimsjoomg3hlw4nvxezsef26o5+36gw8ghi3nh5tb4tewbqxr7uqx0lg62xyohvwnwc2hz/4fdz0lzyszo8m2/zowg6ykk2ak0xghce4nd4j6hulsxq4bi5flsmqp9a7wdjas8ydircg6gjeg2zft4oi7nx05ii5mnj4chmvbwi3dyx8xr/bfdywlfusjzzv/2xfvno4h43jkenny1yxhrg+gm1fd2jlmg4jhmifii0ljthwtlkl5kwfuyg0zq+9avci8ke4kn3jriwmxyw5z0zegnmjzw+kupjgzxp48k17ugnphii0hwcowg2txcvconcrle28clq/6j5wrcjli7ipuaukjrfoodqxygq8m+1fap1cgb/yhegwq5hsmd4woslyk2+j5b+dr8imgvm5c3t5xwhrgtepabf1wqpllg6y1kbfsxue4ctoo2oianmqt2jg9oed9rbtdtyrlmhxbdzcqs5vactiypza1+0nwbuxnv7klp68abioum7wnfw5cff6e+pd84a3x0uyg8oito81tbvcciykh3gdyav/5pivmi6qxcas61pztra4f+rj0eid1cqn1vljyk/qcctinobaedq+g4uoxoqosczitlfbt6gt39s4cufo76sxzlkjx49x8wjyeuuyniitubb9sjsrtyppvsbcp6clk++cod4jdwyo6cfffqfbl4eqfsra9ci2jixsmxfftkednbuwgdleohio2yovbkbgja8soho3fdm5qgv5di25wmnyx4mc4b2a62llp93v9u9hxo0gx7zrxwjcp2nn4neyv6t0ao9f0lrw4aco8+pp5awmjsk3djynhs3bs4gqqwv3jlvguy2rfgizbrjqxcz1s3n8yrsgb5ahkyvdsy8coufj4ierrsnxm4nk2uu5cnornxzs8qfygh/lwowkqh1uck1jz7blcfxb4khuu4kft4h+n03a9iuvh+qnu0pjihvboy9wybmt5dsy/gedrwl423binhgrjjcemhrwoi07b5qainw7co2zm+6xs4njexlyb0bn/2cequsriyofaxb/fokdo7ks5nozhzlffdywfyfdb+thvwc/swd6iviauicidct2uoe9easvalxoyo+kk5wgbnkby/gek4gcg44nr9quda9gdbyo2ogkp16lz+txvefzfrymhhefs5tgogjdkx81ij3sjfqm8x48kvgwbl9via8kdlw/j0plhifparzb3wdv5ldwwdkpokekikjkqwobphisswnk20wyi6wtxqfxj2liic+kfdhbgyzvxulcnc+c7bxej7igyxztje2adhopg94j/v+pmwdgn2wv6x8jc8e6ernbtyldpcthuzu4yqfdn5xure64wj+naumywxa5xmudqwc1nslucpw9s4shwjswcij+c/dabhjhjev9jodyzppj5jpiiaeg+7vo5zix74egd+t+fwo2lm08yu0qwbwmnvkqnvejw+qwsqgssl2tid5lffj1bzhqufp619jfh3m3nuglt92gtkuiqzspilnkmmfulmu+kpjaet1robpdthwo04hid9gzjig3nxj/3xng51886aoro0qlx3nz9tdv7z9lrisrefphnkmjqd9kvucysvuvshdmlpyqcsgvzwwm9vfeecwdajcwvvlkqxi4rzzbkloq59rjlu/mfzxbks89pph3hhvll6oxuq8usuutppkfb9gxb36ls6yxpwlmrkdu6bw5vy2bxupbm32jt6w5pukonc6r73ol27bnfqi2ffkc2fnqkwvfpbbkmbnfdlvxlg05satrjgb6uaxwhjvlwp01ldnrshp3wytflni8+d5u7jv0jze3m1zrxaxtsmjlxnsqkzod9lh1li3xrsym3j9lod/i9y1af/3lmrpbfj5kufvuyefw9qqwrdx8twso+qvmtzj7v43qangakaefr/xwy88wzdltozsj7sb10uqq422xhzitxdkjxjw3etod2zcbi3faqk6twuwjld3fs++mnpx13/gj/9dqfrx6dwlbpjdpl6ezns+ffskkqyvlni3q29pzbtqanfmlmc1hcetn+efe//7wvf3zksts4zw9xpjpcau59tlfoy1vp79n95p6zkakixp6h1p2hiu/ognqfpyk5jxq8s71hvdjj1h+s1f9h1b/8l1z/5tjqtx6t7mqwceqem/yybhpv/ashgrzfev1liodqu970dl5vyu0hdk5qii/tpdo7q96ukeuxqjnp1wqtsaf6jvc4lbqj7ksthv9pjw/fbmp1m+olc3gxt6jiuojzpszvekzcomk4qbbyg8px3gdqmgspzwsvmewgh9rtyenjgmwoadcgggyfihhyhcjeqvgkq1bwza/r5zux+uoknyhc3kc/o1+pvuodw1tjl0ptxkxwr9rezumvhblxzcgqk7oxxvdnmlxizpfzanh+3hcsp2rixlpg0t2ydguiolcgxrty6qtxmtnotne5m1xgabyn6lzbff/qqc33rw4wz/n0dieaxmvmdurs1lv9ttn506369datqsur4alodoeeivuptmsypeb6p1sgp5axlcwod6a7yvuj2vzlhg0rsto5ozzhk7rx6vd9kmafkpvjtlurml2qmigqxqsye3kxjpma7mzeuaqjrmiwj1ixo1jpghbypzfwabujukc3xwgs5p0xro2phhq9sxoy6dj0tkb0i1jhvudnjdjbflfjkqvl8iw2c5v6vbky6zhadnnr9hhoesqnekep1mturo0rkym15dkqdrgl6ufvbdu7qynmy/k81fkym7vr66yccopimmb5qa5rm0u3fq55tkpd2c3fal7egia5dsqv3maijeulgslnfj1pxodzamrzxd1/y9pmvbnrxzbo9fkl47/pspev7f7j1wrgu0n1cxsftu58ir8mu2as0ro+gazjs6ovndoortrjnwurpqswdoav2ynhyw8nc0j7xklhmf01jjgaeyy918s61tlsdk73ludytnr2oopozpwqdn67qiwas74wyoh3zzxerbu/tfq4klnorcahfixorfeptjvt7lpp756s5jkdpc3p5igr9ugjlj44kzfipyflgm7isac1mdby1cgb9d5ye/ppoetj5cxhym1wg+0uh6mfxiwkj8dkqikwxyk1rliocn6brvcfcqlj4+yc2jfjf3pzvc+qclu5vheqnjjywl5eohpagpxhrm9n0sxmvfq7hz0zxjx1qehrw9kg7jt25kgblwyj2ho6umsopoh3yvi40rjehw3ibcrsuce4aziyivjconfkkkrsuqcwx15pwwllldxgs/onbix1n/e2be0tqn/2rtv7pcwzamamdjsydca9sutvnl+yfosaezh7b2he0rgyndnz4wyfyatrmewlg1qzw1fo7n7umd1apqfcnx5o19lsrcnpqef0z37/vnmnvqunea19jdhzhn0pwb6/um/g7vemcuujcj6gugxshcdvmyubls7f0orfksforzg/o+qawanbliiyfoiy/hplno+osyaynrgnlruhlbp4jkofjxt6w23dnzbh1t0ejoqviz4hmcwhjywy1yyuj2jbs4xkfzox287hc23sgfq7b/aql+rfls2/asja0dqao3p43a40h0brdppsgg5dbld7e+6y6xbkpuwunx8l1sdacpr3nnupvkxqt7y/fkwrpvkbtwhup1ih/qurlf6hj3n/zkso22zdht/ectmkgy5pjaxjh/owtf++w+ljc2gzopwsbtlrj6ax3sucevgnzi02mh2hougomxsogjxeblagbiufbcdvshnyxirjzfxkozautwixg7k9kdvgpepotvnpjazn6s3tjfljvhnud8odezhkhvmofg6iw+40emppfxrsfy8lz2jwpz+gy0fjru2z3jvqnhlhamxmzycgo73nft69rnkyrtnt+2t37a/fhqbxzg+imlg4v8+eyjenzkc7yrupbb/yqv11ttrmn8xpc+qeqrmhew8vuhwgmhun65zpzjegyze7sfcfwszmuligoy4a/twsh9awsa7gbmpump+oye5s8zjf8xzsxk1wldqwwdgwwjhjyufpiuzsbmeo1vit41dz0dxvcv8nurvqmkvh3c1ck+jqgb65wzj+pxju5crgajdegj/0kxnxe8rup0q+s2tpc7gjwtuhrcuvx5bbuuzmpbmvj2ldaezv+gea9jy3wifguzndm2ktosnchxb0zo+5/oiyby9f0dbsjbm1zjazmgvptcb7lu2jnv82cm9qkkhfya8h2osqylsuuyopx6yvvtzubqyunaxhoyowk9mzysdy0jpp7jxpdjmvrdl4w8epnefvj0psevgi63hlqqt7gruvu9i4dczdnipzmbtk/9eb1u0q6zskpq+iklva0aurtt+7w5znfsmifzdncbghzitbvewettlxotzdepkiipropjpwaipjoa+ej3bsspftqzhukx/kstmxygjd1btb0vfk0ho1sirrjzxzn8c2prildvrme5evvx244ah5kh0zftdnspkue+raob/qnerwwliczqfvzezxoet3je3advlsluatxx1wxnzbyfdofbmhjdl4dnoveifmacsshhvrhern8zm/gseykzelqhnjweow88ogiejp2wmtz8ccnjvtzjacrwxljzwtbg9229rhubjsgld/6okyzca7hs3dzfkej8vd3erkhiwmzbaq7pxhd1femuorpktuap1g687i82exby3p6ox6tcp6ra4bchmr3x6btywasz/cvr4z3jhl0slqq9nrueunel9zb+0yrt3vmrx87m+yb6vypft2b7ocqxbt0jkr5+ezrsanf9io8v2wwxxsfzwqclcawp3mpirbmvdnwvfxq/nsq1u46gxne153srvszxgv0wxoll1z+ukbpvhinz/6vnj5mpx/xlmvj85u+x5roumnnrzxfhvq5xtat7kby247ky6jik9bcnvqanvfjtciu609mmqmkijqq3pgllhxlpk5vv9oieghq/rzvfqt1qazmawwkgkltpjf31qpwr6jzpborjmnwkbrcjiuj46awgfkcmxyzgmzzuiaibmx9stay9praz0fz9paoonprkddo4suungapj75qtjip5esa2xviubs89oef2t2mxhx84ws3ic5p/qmmnhxh7kolpmbna79vh3cbesxkmeytlks0we1xvyodnhhdp2dtc0duj+xozxd+lzluyc7za1ficwgm/kkpg0ryuly4re4jtum13fo9bsxtgggld6kfyn73lhhakneofdbfi70tjtfr8ng3fviq/yk8vvla+ufk3qs9jes52nur0ebi+ttogsrtqdnsbvbyhrgjj5i8y6wethbbzzkdjvoz0pgzfyh7z7tv1ml5tktlkuvda/onadizoicmq3fry0ruleehsthicmd7csggjacnjato2yez1ultxj1529mfw+73cpv8jvt26cfg39d3bno18hzbjab1ms4y+zpz1/i041o2zlo9htuw1oen2jujjmi7uwu/7ay5h+sj6nhezy8bsm5goyghm9yzi9mcvwy1gf/gx2ybu7xylmahqafrzr2dwjzkgpbqofpua51wi8np5uohzhvtdzv8m6s/hptprmf5rc9shn9owx5tlbjsksonduqvb740u68tgc12e3j46ndxw1f3tffje1f3r6lve8e83z6ky7ugq33y9vcgawfrbn29uwnexyfgefcyscfzgzw1w/ql8modzah6qvlulk682cmr7khgnt2zsvq60lj7y9efazuyb1cgahqp7ektkhsprtk5bpnnqux1/m4cgjrh3sxhywllxxvkkftnml4ceabfeijpcydrvgn61vedcmb4o1sjdky0cqodfrgdsxayjhesprdykxzoqazqzwlw8qfb6aayeu6nzizgedkeg1xjnoa7fl+jlbx9spkpepi96ibkdm9x2fhcf2ezt4rnfoxawy7qwph7u7qzesrrd1lmrmg+s9dj2lm1flfv8emldeoslh5suxj9kqlsccritefaajpdm8myx5mdfqrrnhastuvtok+scu+rutdcp7hpc0kjbi5pdzjs8dkeatmjnxdti8aajh4d2cm1h9psxuo9nnpbdq5nunoztjio8u4ygajuz1sd4y5i/yq1n/eam78utoow6qj5cvyxgfipjyw107lqwhot/0eth05ut1maqikesw0joagpzigpq8mohdkhbf8luvbshr1lhlcysgk05ssjynpgmdftgclwibmdqmegglcqsrdwpnpvod2plxahutg/u2lmklfjfxg3di3loumaj5z9zwpgxfsidhmbpt4udrasj0eey/omznqd/usmverpm8tok/nsmn0pws69wbr+gn0g9moll1lrvlppxg3/7trfpycvdhg1suyuuhnptv4y+pzdmxkukyfpqh1sjmbxjs9q43k3pxsmxc6loqzfqhbqwpz9sbo89fxg61vaerkc//hlv331pxsxpneo9l26ucxl5xd3o35htz8nzp1w4jnakldot72uwkubz3se5v7unox4q3cabswsihrenvghgfonpfryveqwofmg1zk52yzjbnzynbam6ceaxmlqlpwnsouddji7aoyjodx+hfci41qel2dwozoyuaznfwtbdudbd2tqqeewek3mmnxjhdmmdtjbnyxgegyv0zpc2xjfugg+lemzg9x88ghjivq53kacepc+c2fnvtb2pilntctj7+psgbbzdzronk8nnsbtvvgjurb5mjbqw9xw9acizscky0ihws+f1n+pqfbhky4kd6o29e/o7vozm5j8zqnqk43glhxjfletgepus1m5w3igjizhhwdtmmnzptlhkd+sj3rxfwzrrbw4tgyjzo8octxga53ihmqwtiogqo6p6vkdqjjs/fymijhk9ulsxv/d9a+0ljulwzlk2a8s+f/epyvmbvmnmz8xcjs7f06boqkoerbsbsgpjrrohl2gjhtiilgddsipdnkmifrdgysmags+cbycv5gzywkhid5m9jckkpiqa0utophygzzstwyi+1vujjvxi9jbrzde8jkejahovlgke1yozg5lplbgtdauni7xckcrazkj1g1ifmg2maqs3p59dqt392y8zsbkmu2prqvxpwwv37t7i41zsf/w9rz7wubg/spg05e1dw47/gwccd4t8dly2rkl17w03nzse35kstgm0pjt8m/gm3yxs4btpctqjqkqzfy6aasryrycmvh0isxflv5no6yoenjm2j8r+c/7un02gz/4t7o+c2v89s4/z54u794g+ewjbnnm2nzimddxvxuv0ob193tw7dsinvgkvo2cvpzmnc11q9wpdj3ln7i8jzbznl4vf7s3qjeqqetzxs1s6bv57m7rziyvexsfdodeu0l41/bm+mve5gvkf1nehd2kiplj2+qobfr0khgxtzgbiwm2lhvzczykbigfmich2fuqljhw+yyptozsbqdhw62clbcmdkmcaeyuq/f5oj/yubdjakrhpq0ep3om57ltimuqa1psyqsf7jn1takm0nz6savtovlngy7xq/xuqq7q87fxbb1vutcxtmcy5v1bopeklwn9k6clz5dntviczftuvdd1+yu/v1hutqzk1uek46ipnetwkeoob5kgt1dyxsjmwp01vggqzsr1orna4ofzf/8loz4wczys17kf4z+s3mwyuccmglix1tgvcyc6zwyjpgku+frvyy/2+fyh+2b7hkvvcrumf7bmx51xqfnbb5nceoetddgtj5ko2ttoll0ykz9uxkzh+9ikduqkthh+npaqk0y/flnxbrpubill80qxtbs7dgoneatmdowv3pac6k/jzanvzewkzd399ys9to8nxzemp5q6dmro4qmxflcubg5/x2xhgppwycw96a4sglovjvwh/q7wpxzkflcqga0fv70ipgofjpdbtnzptz7ik3rsfe4w8vporw5wcxp0+cx/wtn/e1ar/ouqswlj+cre7iatqfmptbsclbaaqxemovhxalmhiavuebsud3dfnbbxojl7fgtsq969gwl4gv8e6z0zgm+nzhcxx5+lfofy1fpvc4wzcv0tmibuc/qypv1e8v8+i22jmdqs6rnm5xm0qn1atwiqctdvjvxxwtjmjhb6i3/tv0krta3xmvgjfpcm8bchvkrsmdmminrnbpd00fhoxkzufs6j2mmusi6s90wpvtx0e5i237zpxq+7xcg+zs0qps1n/myhfsytntjph918hbcwyjdund+d6aqv5xhwejvtceoxhjrlap+stxke/7uz+6c7hfuqwvmkh1yzfx5o6cut7g9uvkjjpw3yke0nbpzwc/kyb0ohz0iy1hmwdmsl+wg/o/yebni9lkw4hngj5rwzgsby7icium9nghj6z0fhtlgduohplzq8xumleqjwdzkt7pgasy2tcd3su3knl9l1wqgtkod6w5vul3tc4cypgtdfgplw9rexl+7bvumbjdcpzln2te/a/qqa5djmwimdo4fs5c2zq/0s9tfdvoftkxdd8m++et3j0l4ammum8igdowzo0azumigypilfwelkvzfvzj2iwmri5m243iscgwqmfew0xwbzvxtzfxkzmikwzk0xgrdigafafdjddksim2x0otdnmq2cfv2d3soimif1nsxpqjdclswsoothzd7xsyea4ryo0lg1a4jhwzgx2x5qqjdynwgojte/le2mvaorjgortkeqtv5sdb5oairga/tw+xko6w8m0qynh5gzu7nzcjitbgoxp9tqanogfcmh5161bhk/ltcdrnfm2hxyveo9aat9rnvgy06pku3goqfjodexpjpwof+xkrjjp1jj81gscd+uqd2rpj4rh0f7n1cxj9j2hckz6byeb6cz67vtipxdignhggkscmbgsmgkxsak0zzvtrpprv1tk6w1hxq6fl4crkp4m3j/rzgeksbjccuymm4qqytgcfwjlfhyrktmzuucsycdbbzto22/tavlebwtnvkori7am/kp/nswd4bo2xot/uq/b35ugtyvd1kdpgvs+xq6yagm7alt7hi9zjiwuysgjujpkmxqew+fpdztlj4qi62ci4w+ht7q69qqcc/lm3e3izatbst/kqkhzhnqxkzgrykxj9wq1jssmt06orfs9kpjl0djh9w6ksxjfqshkfaqt68nclfo3vzzzeldinef27r+uayurr6i9oi69bzqxo92sim4qfl9xm+kzj0mipskof+0yx2kikxxuzbelregkyhcxd1hdqhz3wustxhvcnawpqjkuwheuaq03cyshome1odppvgagzcp42sqyzgkuk8jrdrnt4hluusvngdlo/+w6quwzz9yx/zhuu5jx7zyyo5i5hkkkrxqezrej2kb3s8slvcphpmbdlcbqpqlzdvrndmwnq2neqpb/xdhxxmbnpdlopqzpmqgz3gt892sprxj/mttpmay24thr3/kkhwm5wweoi+ahgavblgob0/smedzjxrzr1fosqozip3wdzzzo5j4kdlk1dpkj/n81ofsij20yil0ill6gkqm5tuptkuanbdcg10pbichyyu1wzsxz4bycbxgi6lajivyl03jpn98spnjjjdi+xjstiyp7ir6hfppbkdmpls1kbd0uzr2+txp3s2riymtjdetan8kcaeguzlsmvgh7hz1saxhdaohaz5sdtnucs6q/lcofss06hmu67ol/ini/mesg9lxo/rupbsl7t5ueyvm/ca4vuzin18t3jy94f2it2e8soqm8nnnfgj8jc7jz6kg8gb+l0g71h2iscpr9hqublcfk4tfzpt/e/zrtpqvd+9kgf9w1fhc8ds2kkps4xsdpxujou40rrp4me45hpn+d2e+e2wx/5socm+vssbh3ofhvor6cc5gyfijenjt1vizzxjd9k/q6/d7ydlxtwy81mztrdl5bup2r0wxkkaijcjqydettxy03f44t64pbhyocxmdfu8knk/lr1aukhnlekpjlsnsa6cw50wqjlbrvw2ni83zsaplz07pvjsy+mlf2qyg9usnsdx/ukv1zzvfvxxl6zce1rwh7wxyuq2c/f0fu4prmpoegcfszb2kpmxxo+wv1ic2mi5xxor5vz8hqol/czz/garhll+paoixmqj8cwx1+ogb6vv91bkjrwdlzpupurfs5ysuum2nk8blz9iq7zlkztfe+uxk/gusfib7aaf0adffok++kzehrepnbrvmfhz8iolmf94uh3e3lw7oxssdciueq1sz3anjw5vocsbafmdlw+gwq20yuxqirlmawmmxrv0bqxtqqc1ftraqstw4fesx4oolgvemdnbmjqby5bie8xu/joyaqlt7urxstqcv1stzshmmeo+ql6a3exn7r0dehf9fuhnjaiqcy5fyakjtslebskszjnw9lrdbznu7edwfcmnh/kt5ese2ny7z/gmbjujcpaobzzkd8fylvqvrlhxzoxu9psxbzxy6sye+svrbhqmpoytxniy3dnskbpqwniqw1kftr/rf88lhbmd6w7ev6tvo3dft2q63uowmq1oiypvprpyld0hvr3ymugz1oxeo1y7tdhl7a04ln14tufx7yg6gjkl2z6mdmfhoyq00ctokko2icizwuo0/hhw8bvmsbxfsjxykamillogngnyfcom23ywx2fn1eglxxuuwdbxu3peypow4jepjzbiylx6qk4y+uvqii7mjkm+wgqgnzybwrbncfar4cowvcvlq9kexz2oavs5mznjtqx+tgrceuzfy6yrzzf6qwmupfhfmwun2oqwobfy8lqrtxszsdo1fuoilknmkrwhzlmr4eqnznxsbhzddruz1axnugzbzk06c/zxk1sicbj2wxclgeryoxcq3y3gn8x7ld09vndqfkkv7/dj2tt76urmtwxy5om3stkjlhjouik/nn3zaxetuhtdbw7xhpbpi2ohkuwhvi67csifvdbqtrer55x06r6kdrv9nqumj66bltmyqrlh6yzalvccujx2z7t8yeg0utt7zqyc35uzaoldxnm8y6csqhddq9mser3bcgf/umnptobilgx9ou3tawll+87dv9g1c0youn/ykt+y9il003b40o/gs0481x83lvk5zalsstmfpdypwdbzjgi6zduj7be62braxrrp5wpqcym9zrvks8agczi0pljzpwurcwhw2yyiy84ahjmkynpdel/ygsmy2/cj6xfgkwg2qslktbypvieoomqppcfj90bxuzx4jg5iwpuyqufvehmue7bsyfdai430tjcx2omnusvift2ia/xnaouxpsiof9ack2+tquqffa2px7rrwzxr4nxxa7vbcys/or2nuh/tde/gznh26v4zut69dpd2fx0dwfdtd++97uofhxr5ysx9vslzrn9i3c0/pvcb1brky5wwbiupo+peo/bi91f/gmvkyqbz6tqrjyb9ncuvzqxqciz4l81ttgydbgkddocni8zgxzqw45i8tjlaebbiuovhf7biurcypmpjb3bamnzsjj+rfrqxmfdcj1jpwwclj03jp8uwbujd+djjxryx7mslda3hwnpzsldvhtxmg4flg85h8ovwjz7bc0n+qkh0gcw2hc8tuigvzdfzl9fztronn7fwzfo46sb7h3jj7h6naa+blnaajbon3r2jlk/ym15zy9ttasqtw+faykzzrs6ivzezxqutldxpslxr5vdun6jmgv67z2bspcwr8g4ixtx49ea9mmtd3vjdzlzbe8iz39ti5rxkgs2geelshrbjhlwgohj1sa1upfzh5pawq3ngio+wzem/upo0ds1j0n5ihllghipmgdpcg4326ppgsayowphomudt2gfddmousbeibfaaikbsmfvm9axzscujlachzo8vma9bmn3ujtvnzpzqki8m3qxww/xnkixuq1y2we2fllht40irmfouvgkhwayklz776gyvqltyw1chp+2qjwekmp3vqo504c1mrs3d48rwes3uspiwncui0z7azmzctj0jw43nhos7k+yrwlyrpx73jue2vkr3yoenklwic7fafgnufrkb2kdiacwxf9ishuxwwqy/jyrdspjdssakiphhvl9k1iwfvpww8duxcipe2diohtxitlb42zl8n00508/oxan0xwn9spwjyvwexr4vakgzw5joc1b8hxwq5kqzwopiugwdw5b1f9vrxzmrwzipanx2orshl/0zy4aovvy/b4pqjj4pkskowr6v19j4np2ykmdnhp0eee+vh+3iwxp487e+gtcwpacsepk7dvjypgdhi8nsbx72feezurcxss83ohujwc31275z0czna7vwnua2mpuvfrubg1c0z0b7lunzjbbsaoww/ebgnr05qew9fbuj3augtnzahnbz278xtvcarqxb+ov1trvnfnatgzeurhknbywwv7o7ky2yhcys7y+tgohlooo4nslwbwzsscq3oziqzg2rrx6p1wu3onhohfo2t81y01tjllqvc1j8l8a67jd4l30aitonsvq2ac6gofk0k4dmrwh2go34avgjudk+mu2leq+nugnersm2bedtldxnutgon00ztsucpf4vehwqhhbgsixtig/je2g7t1oh3nge+cywjhi21v1szjdsbdpjxgysg5te2x7hc705rmwjfv4je551p/akwmyawypvcvgov1bpyfu0zlmzqnmn7hvftkyjpuxsawly6rdn7itg8ci5e1ucvxiiyxvkclumb8olylneixkrq0o8pkw08tawdcm/ddluew+zn3vxzdnjlm7q0hfuzoz8jfbjhu0wu3v869l4ivog3rskjl8ndtuotwpl8dkzurxm2ygtf/yyhln/2q/d0jvnajfeom+nos/dgxeh68ntmxnofc2pvb4qyurmuqzmmvqvjevg944b0qoq2mvputb+loyzy3pgrmv26cbs/avyatozcdozclrs5djzl0t/dl+cqtcwse6gvmpv4+eradqjntnzon3oovkxu37tp4lsxwj1fq/vgs4zhj1t9nct2l5k9pntqy/y7spny+x7vr/wdcx57qgs2uzoriyw4fe33sbma1l5jtydr9dnxzev0opfbshjek1hwtua9qznvyu5vxvmzxiippkc6dimndwgdjng08mdxrsf2fhd711938zae4rpyrknoux+uw7vdgebv3xwl20imfkzjwsoqecyzmodv10tvywcrounxppe0sdpmo2xox8cge0d5owtejf87zjbhqlddhsmimacy/hrkc07ltt8eyy3rwdrbcowhdw6ezanncws7cyw8ixgowxk24hb0xpwrjnl42rsxpfpd4itcsqe9xvlyotnqmxgasspebtgncfvpilmc6vt+dwky6m9xsmx3ehk8htwdmzxz36sngxpttnvuna/abtledkiq/wa8uk11zuvmhnbrgb999yttqfaynflh1jcro3qtcpdn2l59dmtvs9rznjk6mzncmjswrmvxz7jnqnsmqt7ssoa5qgmh8wkktwzc+yv0mlqmqfsvk2l0iibnqnued8eg0ozbhwyly8n6btkae1jr8maejmk1zngphy8mw2xbpehjthsemgelwyom6+ty6mhtgw/f3ow8wb7ha2sa61bwsdnyy9vtirglexzenr1qtcorfzhtd54su6olk8w2tjaxktgdgdvwewvl+grwbl5vb8rnswer1zwokzqyvvxprmqc5+pvsopuip7d397u7r3zr4l5jlqjlkz5panxdeql1xcnrzu1sgc0rx3b+nduziwyz+s2tjcmhnxxvpk9clgruulx+y9dm91q+umnocjkopjtaitdmvxvgcwb4rrvl7fn/+rf7fm9aw/+pxwa0fwfrfnxlfrt6w5m024yz7qifelueko5vlzzszhihkgwwpnowldhwjt8bh1zzjcbcy/wvt0i9ha+q9zygx0ek95pdhm1ovao1y3bklnf3xmviiwer0tvjkdlg/znogkznyygjm29ewblc1cshdox56f5zwldnvul6hnt6vuq25evohoqotjfwuia+jveyo6au+c5j0ktizaldid9mdo7trbpiioo7opsrg2uaiyjuukj3cnladmnumy1rzxmsvjn8r4bqy1xe13u/0mwaft67wyzoxnn70ol+tqls4j69/te6+qn+e7c/c01ia/kakw2daxfr8sotxorz9x9qukf8u+xgqd/k+sokmgic+c/enrgie6xrfin6quq1op+/ifnke9+9xvcdhm+qxk/hr9o8qvkgcvqlrzuo2fe6jqjiosijykezk8pbogd8l/ilb5v2sxqpwckperhebh+vmyhleuslxtgbmkwz5nkthx+hk5uv6gwoc0k8ghlqeqvs45jp0e54dir/qwcam2j1fobpo/rjlvy6rc3khy5htijq5bjdw5u9pkwqt15epgf+7timau0a48dgwbvghfwcjaji8hwjm50tditxr0ogvxbuft7ip30sbdj6vkp8tvgr2u2qlwqe/s1gu+r+3ufqt7k36t/g+gfybvg+83vzpomxebx7lczfvzs6xfsu2z/zf9mue742hhc45/oh3ozc6ea9h9lafw84h3ft9vkd2puqoh9tupcf86/5j/gzqvvo21usx+eocaf8vdixawyf8ywybhh/7gkeo5svfxgvgp/okjaqs3ts7t7g6lno2sw7nsy5qexsbq8orjeh/thlhcimueufsia0lsf2kfehuf2cpebif2cxgjeduf2chexujsf2kbefuf2czejie2crfbipvcrbpiiihwcrfginvcrbjiprcjqqwqyrkqy4qyewjyikvclbfisijfqiwsyqeqg0imclfaiplc9asxt4g+ieyk0svehcfmczflib4huoxoeqjtia4h2ovoe6jvibyhmovoeqjrijlcxiroekjeiblctbeitohaiwqeqbaisohkisqekbeitihsiuqekbaisihciqqeybciksq0ifkeybuir4iienlczakrfijtijaqqsecqmqiks5emhb+ivkfsbhcj4rxci8qbifcqjifcahhf8imhfuiixbmiuxcgiuwckexqieevginegohveliqkhcucfiutajicafocfez0j8ksqnqnwsxedcfcjev4t4pxd/eolvqnwgxptcvcfe34t4qxbnhfileh8w4l0h3hhibsheeujpqvxrid8i8xsh/kuin4v4q4jfcfg6ek8j8aoqvxxin0l8wohxhhhzijee+juqlwrxsyfeeoixqjwvxm+fee6im0l8tiifcvetiz4v4sdc/eiihwrxjbcnhfiben8x4mkhtgnxlbdfe+jjiz4q4nehhhpipbbjqpwq4lehhhhiubdhhegicvsiubbhhhhyio8k8zaqh4x4jhdffujbqjwoxancffoi+4x4hhd3cff1ie4v4h4h7hbia0lcjcrxhfikeiee+liqdwpxhxc3c3gbelckcysqnwtxkxa3cveliw4q4nohrhpiobdxcngnefclczuqvwpxhrcxc3gzejckcuci/ulse2kvehue2c3elieuewknedueufii7ujse2krefue2czejie2crfbipvcrbpiiihwcrfginvcrbjiprcjqqwqyrkqy4qyewjyikvclbfisijfqiwsyqeqg0imclfaiplc9asxt4g+ieykmuei2ulmeqjbic4hooxoekjdidyhwovoeajzikzjblamwxmioz6aoxmiww26jkcutwtuinwap/zz2pfimcfzl0/t4bsb0y5olytsz6lizkr6e2ghp4s5befhtvhuvk5beobmrhojttjeasondbziek7rof2usgtbybwc1nbazwkvp5wjtgyugewpfzywc1rgayttmkelnjbw84z4ajgnrzwwchrknmbpaaf5npo5zepux2kup15oczjn5jsluw+nbk5dndot/g7uoynte8lfivqbp9aevwuplos/g9tmqyltiz82k58x49taz6vnniptdf6yjlmtp72guzwnkk6vncr4xco5lfgrlhiq4vtml1beqzcfv8apn1ou0zroezxyoexws0c4zfnrznekc8rklw5xcvlzapwyokvzsupk55sasj0fy6vw8ivszypl5ethmw5olp7p5otgzofhbjyspnpcyczjxi8zork46fkxhsctj00izq6+xz1i6qwpomk8u+ipyokorcc4jstf6dme+oztp5w+4cc+5qmpoh3i6v+c/pnwzcovcf0j4esd/z2npud0pqf3+lg/8drfoz3l9bd+7m+c3uwz73b6m9nbnp7ei/yrp/7au7/nqf/i9cann/ix33f6nwe+xulvtr/l9bte5nc89qqnlxpebajkswnvfncvol3im3/j6qvov+d0pc/yc07p8cwznh7g6aecfsklpmvpxzzzr5x+yokztqc5/ycx/d5ppc3pfken+lhvcxqszz7b6xfoj3e6ywmmlzzbu49yeottcu7hep4gvdqr8cwcheuu53se08ocvsvpiu6hox0n4uhup9/mv/kwpwf5sqc4fzpt/zy+wek+tl/ndc+ne/jf7uzx+rqnu/ixr3l6cqddnl7mt7itp+7gddun2/ixw/lvbuf0mz92e6cbox2j0w2cruclr+opg5yu5xqnp6s5xzvwj6duvybcy0bxclo84v6j1gwclk24+5e6khbjskh7e+5k0d5oe/npe/h5uzntsrhxomgl/psdnhzwupjtdk7bog3ll97ct9/mavpcvrxx2cgvtogxxm9phaelok3ltiaft5rtkn5nk/npo5xw8jllos3jnmjpmnnstkt4pyf4ns3mtihxeig/9cd/ogfoc/jtzudf1m+vmo9th6e5nhotrhgqnifhymadnxcxdjsr4boc1jnwfyc6ezeutp0jfyystion2jm18czwhgsfjrukxfedmhou/acmhosaqdhhaaxn5btj1mcppuhavido4knpcfsgunwcahn21o9qofun7g1ivsxsa6dkhh0hqiifk+dulrdni7oulyxj2fnfihn2fpckobxy0wv4n+rzivklteouxy+wyymhu4rtdslorjtfkcyvmcmvgeixc/krbdhl8ppsoavx8nnk5zsssa3hmr6ebqnim7atbxk4utm5odk5ofgjdn6cjwdaovk4mtmzeekjl2ngmxpook5athpeus1lqnimzenirdmr2ir1wybh3lo8cm66ivaz9kfaj8dhypsier8c/wl+cfwd+x8hpscx95f+d/gb8ffglpl/avwzx95f+h3gbeat4e+wvye/wlyh/gd8hvgv4e3kvqh+hfa68brsr4j/c/wg+dxwivmiwmvmksbl4f+z1wveneccvwregp6forp4hvg58byon0hez8zraz+f/gn0s9a/nq8n/mi8jvbd8+ram+zvgdm49we43vebp4hyxcl8pgv8d3jstdnwhgll4hht1sbjpm2bk8aycal5jwkp4nhxhdugvarwfigdr4yxbb427gp817gn8jbxb+cwcv/go8c3gw8bdwipan80fgtub38dua/nfb18r/giwd3qd0n/dbgl+qu41ldwruo41perdydwb3a7cbtwk3alzrsz17vjmctwo2f24eugvyebdn8mxg94mhclnb24qq4oxe6ra5f1h+i/9pcb/v39e/v3hd7bb9xljxv9e7v27t57eo9v98z6niy9/bv6dx/e1x9j/47+nyd39f98ehu/artr+7bt8j+208pbafn2wrydsms7bxtwu2za1r+lf+vhlf1ky5wtb7bet6jq4lve2ckrlrrvnz06tswf0coesu7zyra1bu7f2l/p8mb+dsvx96/fba2pxtw/+vcq/pxvk/phd6/ox169rh+kerh/afvq/5ldq/2lqxf2lzq8sh+weqb/acrpr57x3394xn9fdw//3mo9/borz/xpqn5pdvd/9+gu/s7q9v6ow+39bdwt/s2omkmzpqxtzdwlphwblyy7wz9bbsz2x/xv+n/zq4g/7j/llx3w1ecqlgdnou2zu+jglp0pn6bivt/pfvlml5ffavx+3ps779+8kmfmm1fysjw2t9ajkw+rpt3zwn2oerqaozdukhxt8yqjrvy3tbodbqkl4kbe/ob9pbvsfsr2c5tktvkrdciqxawobruelbl7mldimutjvavvhdbl7gpclhtizuswm88xzznxajugjfj/g3g2uyozg5pay8ac4lyi48krjdqgktltv+puhwivn0aw+6ucln50df5fnno1pinzu+k6oyvi9jp4dh/7jpuujguuwr83xbho4cilxxre35ftmhd3st/kq6svvoegkt7yfu/vg0ji996b3jjyft/adcym6ammcyomrpds3b41gt22bb9ltm6lkv+qottzcj84gh9btyhn/gmhpfmqjyvx7z+8gmot3yof5tjicp730v9lcuj/kvv8h3ybrwn7u9mzj6qryarpcuay4flgalaf2afsbfyau4fdwcxatmahcdgwhdggbau2a5uajcagyd2wdrgiwausavydq4cvwciwasd/zkpc//hdgggggaxaemaiwawsahycg8aasacyd/qd84a+yc7qc8wbzgozgb6gg+gcooeoob1oa1qbfqazaaiagzladgga6oezap4ullqh1ai1qdvqbvqcfua5uaauaivamvaefaifqd4qbaybeuaukaneggwgcwgdmuaicaibianib9iap5akpaa+wat4adfgapyaa7adnsakwaazyakmgahqazpac2ganacaoyfpgzaachcygikpjgpngm+at4fpgi+bj4apgx8b/wt+afwd+ab4h3gp+bvwv+as8bfgz8c7wdva28bbwj+apwj/ah4p/bfwjvag8dvgdea14fxgt8bvgf8drwavay8bvwjebh4jvad8ange+dnwhhag+bnwu+anwlpaj4efat8engfoaz8avg88dzwcngk+bzwjpae8djwgnatggbpao8ajwhhggjaajgjx4ajwmpbd4chgmpad4nvat4ahgqeabwl3a98a7go+dtwl3apcdxwnuav4kvav4bdwzebo4a7gdua24fbgfubm4cbgrublwa3a9cb1wehgwuaa4grgkubksmlmaxof1oxazcclwafgp7ap2avsaxydu4blgj3adubiyduwddgkbae2a5uajcagyd2wdrgiwausavydq4cvwciwalgolangggfgkbaegaiwa4uahcagmaasaoyd/ca8oa+yc8wbzgozgg6gc+geoob2oa1obvqazqcjrpgfhkl/n9za4p+gm/wffi++puvi/whsx6mrzw5kc3ryzwftcmvuzg9iago5njegmcbvymokmja3cmvuzg9iago5njigmcbvymokntekzw5kb2jqcjk2myawig9iago1mqplbmrvymokoty0idagb2jqcje1odaxcmvuzg9iago3odkgmcbvymogpdwkl0zvbnqgpdwgl0y0msa2idaguiavrjqyidkgmcbsic9gmzmgmjqgmcbsid4+ci9yt2jqzwn0idw8ic9jbtggmjawidaguia+pgovuhjvy1nldcbbic9qreygl1rlehqgxqo+piblbmrvymokoty3idagb2jqidw8ci9mzw5ndgggmjkynyagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrvwn1z2zgof+9fkbevzyjf1lfy5jhjn2ndzmk3n3vbfabl2myrs15jtpv+9qcqocmndro3cy/3ipeap0aq+ahgxftn2xuungrenitryxrxekcnqqg8p8jzk+n8t6equ4ebidczkfrrqlpnplgdmimhcmrljeovqm1lo8thijqkhrwq6ns1jeq34kxqxscins++hxralrtog1zi/n6edv6a3p74j24ougwpewntl7rqcryko8cpg/wlr1xzumnvgvaawyalngzschsgyuchctgisp2zer0ptzrzjbdh/i182pgg3t0heinep+skpq38wjmanfwhqloot9vcipv6x/zy/zc5hp84ruroyaplesr2tsjiuy5hlt5rqx8jcty+eroplnhb47ihq4kppkid4f6xb86i/6c9kbigpy0mjajeb2rlvipdna/yo57m3bnthh/l4zzgj+je+f4ezzkackgqqc8qjmk9wsczroagvlqeejykxp76asehxp7f4sqf48pjezljf4q/4o7d1hm/lbc30wewye+mlvo13hav8p2mmy7/v123ot87k7fs3baqab3a7lw8k3xbtyzenue80hxsmgynrrvx2ncpztbt0vfhfrxvty7nay1oofail/utqriglog4/qnlug7comidl0gquutan2pr/6dodzwjxqypyztxmpegqzk1piuwfnxmdgmiok611cxxcrdiqqp2mcn56n+/fx8kseotssoplvovm4r8hsnd1ej28zjp6i5d+j1bst2oyqfqrw/rpdvzrmntrrrzvtcatjsuq28d4zppiqceuwj84fyoah8mcfqhj0wjn507qsfaiwhuxfvlxske/1+eeidle9yaidz7qpy9oplycr9teiwq38dvu+fm5alna4hr36xfrvkvqtvsipxgs5bn7i0avhxgqghqziz291y3jsqvdbsiytwprgg0srnep6yafdpd7owzeoesenez4g9tz7e4jdvydnieduus3pktxjt7wmcfarbefuqmv/uptkln3qp/rhurzbrbhvwplneyyqkxz2ymecz7cqbogom7i8avxyjxnhpnrtggk02pgndfhrhtxarsf29xbamxo1bx16ulgj8nrxwq5un9hgjwkiov71ziup5s84pjl7anbldv5prloxp5pl4z2c2svpnvszxublmek7muz4k3pf/xykrdyaz99vdb5jhlfyb/ljn1ptnr/dngisx32keqzd0qrtosdg4qhs2kb5vcz70gtinwp1zyrhlesvmxss3bafpeekelerydytgifwc0ps7k5u3d++ehvp1dri/nqk4qvef7fnlcihjqspzzhqiuzyp2jddrsvaab71abqxhkduzkzeq1uuebhsljrsiuczqkwjexocaokkyxrkflizf3vfj3pcsayiahlyeqhecmqfecbdxuafzh3h/yxj8v4wnsycp62sbcwebdv6ecoejnwej7+holoozdvs/gdr+00wl482ecs8zn4nbhdecbkjtjj2vbkxxjzj4nedh7aiithjgznvj0/ssveqh7yajc9xlp0wmqe6lbvpsihx1pomubog9juglkw1bg47wdfvmbpawlgbzlalfb6pdzrhntzqfqvifkjwmh803ir0sgrtbz0ob45oaag9vpcicyb+qrqebxseeq5wscs4w9rczoqo3h/s0c6l2m76an5iovnkxtieztb7xm7rv2zxnrifsmaedc6jkz4zmzn/iyjs5ihmylcue8enp+db137hynq4r3j+celss6xmojxqepjd+xjl7ezgxkjtbhcmwzfnijlztv1ufnnmw1hgn1teodo+y0o72a4gjjj8p6pojayhq6v31ippxseix9lsk9jjl+ehokf24ozrfob9pxoyrkjr3y4mmr6wavk4+zc3lxujg5gemg0uf50uowe6weegyzcdwd5db3it8xj0k7hapoxb3tefkwu63znfta8r/dwbglwawsgwejv4hdpxajrv1/hgigdxbnzbdd0cavjn7nyzdbqguyktbd7wgypktibde7schz+2+mwnutwle6jvvzekd9n8f6gu6eqauug0fputixdxc/gdcsdb8g32prptro3bildgkbog7tgofky+wk6srxtlsyayohez7fw74hlfjgbczrirk/ejdjfbsbwna54ajw0lo3eqsjop9tzokuptfxn7ytlp7rhrkffwqfyrldz5xacktbpoheiov227uv+1+5pn4awkqklipoa74pkqvowvjac8df8dszkp/vwz54daxxhtwdjya9aqnmy+8hrtmj54wi5zf6w4iyorz+jxmdisao0y4wyd37+fcwmiyzkcqlbr3kmjifmrbjj5rejkqp+ttuyi3qkswsiptqlacmjfm+6chogsjafupyiwicy/2m3eulgataxawg4if6djo6hvgs6arzsflcidybmzp5arpxmyyvz9uswxbbp5vhd74oekgu6qfqo1fnnsitqknoiotyctjvjugr04rrcb14/afpd+/skcgf6qw5r+vufd0xkigd+txrqfmbyckszuw6t0und5ls0y8z4y8nkswcszkttvggcgnwwnhjga42ztaikh/jenyl11d514vqu93rb2vsmwcbafvgj3dwttcd8osjgh2exrynry+ha2euqkbenhv6ljymplflkzvrizlsi9xsmp+hplgqesmuxiijxfmm/dccffovyuxz4mj/feeyqmbxhcmyts8vroh1ar+ax40k/tslefov0gaxf25kcyoklie3a/55h5a/tor0fttognybns/vnckgosb2n12nf/sx3z+crpgnruvtieqsh+bljoylfbylcmolrme15vd8n71c9fvzvz568zsxyyu2c/gxais2/7zbgky7/8ojhtkeeff623f5tz/9ujzg306umhvq4btycclha7smz5iw2ruhrxvdvhizq5nrmz3cjdkz3uduertzhqdihehwiit2sp9w1wqwj1ubnuahosatlwpk9gks3q/oiyfgcbpegzha0xyxlxahnoncysnghm6u1wlh4blzuqu9qht3jndqy+1guuwyeo5fjdll7kwuoc218r5lq0b+le5lkhzl8st0qncmmzpftbbnxfb2czs6l7mof+/zljy7huq6r/zhkdze72s0u0dhd5+zjehds8sbetolulajyuapew2ch/cd88qyr5art1fxkn2ddc+frunlhvxd1amuhdhn5vvhrsvoo1xqynvgcils3qxpq/uxofyyie5z7hfgiht72a6zd1appi516ecli7tiwquahdugd4ozg8cddxpzpnnlwcc5zqc33kyfokdhhik2vqhoddowwi9dxgpxopgclz5ymeagip4qt5kk36tmzcbrbko5xn+io9uv6ho7q5vicc8ok4y6om0i4+rc6rsiihegkr985hicoos+waew1n7vgbop0tpc8f48ams3spmkuu8g/vbfpodrbdr4tbemkteg+bd9g3ut0wrfa3oqazlxz5fsouhb5cjygf3/niohbfh5mvzbhothybrdlbxe+pursxmkkaci0pow3hyrr3ywvt1bh+28cqel4jtszfoixkfzco+me+xspoicdoxz+qhwauqmhgk4nmvzzhz4jxzem1khml0kaememzc5wit997aiijkn161sddk6ix/d49ahs/lgtle8ybjv9fz/yrg+dey0dx05pzmdgnkspfzyj/lp45awdwptlutpxtfygltzhwwgvk+tu9q/gai/gnvuukexhz46deqiauwh396urab7aoc0qbd59u31cqju0nyz1ucelbkapiwhqjs/mghanezcuxp23gyjvuwzrbixeehrxwbmrjg4cl7wl5fjqtgst5ctd/8b0kgzezlbmrzdhjlyw0kzw5kb2jqcjk2niawig9iaia8paovvhlwzsavugfnzqovq29udgvudhmgoty3idagugovumvzb3vyy2vzidk2nsawifikl01lzglhqm94ifswidagnjeyidc5ml0kl1bhcmvudca3otigmcbscj4+igvuzg9iago5njugmcbvymogpdwkl0zvbnqgpdwgl0y0mia5idaguiavrjqxidygmcbsic9gndygmzmgmcbsid4+ci9qcm9ju2v0ifsgl1beriavvgv4dcbdcj4+igvuzg9iagoxntkgmcbvymogpdwkl0xlbmd0adegoduxci9mzw5ndggyide4odikl0xlbmd0admgntmyci9mzw5ndgggmjq4osagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrtu3k8vhsbj+oyktmyhsonshv70kut0h2upzgq5nlmhawzc8zszhapcawetrgkueo1ivkmk2vrzrnaqoxkpw0iscjwjrrd+77dp9/3r/fznvppeb7p9/n+vud5nh9s19vhbe2aqybxmmiwqzmihaaxd6w9gdi1rycrljqizbbhyjaqatkakht7fibmhgew5gdkxshs3shahoeexgaqh0ymc2cam1wmlki2ajom0yh4kaj4gixwiczwwimkwafgeyegxxrak0gadqmcdmahokrjqqrtbaofeih4bhachrepclmlpxhkkazyfoujtoq3faui0cwmge1ikwaa2cibppa4aaekrzh5wukzilgt/4ap78vdmsssj0hekhf36g9zkewkcf7iw2qqkwhraa+yaneo31p9ok/wpcackun+pothgcqihk0ji0ga+veishclsigcn5gbdwdcqrid+ojdfml3jsrt+2lbdbuwy3fptqmv0/ys8gajfmyudvvp0sxulxj1vyzudy3ibglntc3nuwki+p32hfvuqo0upewgustryg0dgdqayegi90icwqoxkibiiubsagkl/zqzumcguaqqt2qfearteevdtdihzkggdakqofdguuorivod/tq8p2e7wcwgosf/afaaguyb/oytxxwmcbr0l4i4ba+txhvydberc6aopnjos8jf+7z1k8yonbg0b0wsrmv/ym5pa9ham+/7nykesroby3xzsxh3v8whrpgsiign4re9j2g8y1le6arkkvjthfcvlzeu3bpwnefzud95s+5g9wljungbe5th4hx/ustcpdujy0d0ouc16wmcuj0dru8tozlopfoyyqwpcgp4mv6txa/os+r6twffyddwdu0jrsw9hg62l2qhfn3og//t3xnvtdt2vfqhx1eiizb1oyenycbw35vl8j186lq+ps52zzmokhsrwwpra7izpqfuhyypocxty9q3aquyinofmgvzc3s/qrxxwat0llhdhsryv87cs0wh18ixlza3lg7jacj8amdi8l4zbbvmyl5scmlejmb2oafjqne3p3iw3hvzbf66iqqnbrd4rzcluvb4kvv3l+bjmyuwr4pzz/+mqpollqhtma8r7kvyxgamaeyuf3nkwg/oswlurpcskdux4+vtjq7vutvb7uxyf9yhp6k7+mhcshouns1xpbgwqdvthecyhrh6+ja8nhnrh6awnvqjenl17y4mayssqe85spbj6pxqvcuapu/fbmfnjtvgnfohn2f4vhlzce4iemg51im3i7oo30vha3gfrgt1xsk4xzis03hrr32lyrxbcei1/a3yojkdccm9vemfoferoyiuodbzg65tuo6rmrr++br6rr6c2mtfmniktcywqnnvrj/3jay7baqwk+dq2xc1kuv1geksz+yopcy+dre53odc/mtucjnm83uniaugz3n1t+geqybodlddrrajthwanyorhbt3ro62utnuh3dc6pmb57y962jpbdu5d+vrr90kmd52t9f2yk5llx2f2jmppiv4rfxzjy4zwfavr24hsh35uitxdkxxw9cylh+cr9g+jdrlyzn28rpdsnuslmssqpva2jpkjyd0fllkte43sne2bgqkck47qgta/u5or6bcu55of2odbsjskvcmfg+besqiaxkt6az4t46gkx+urbqverucpdqnrcknkysxybdzhd60668yu6yu+gc+5gou6dpzousrty32ur/trtpdjxmkaiylupnm6rl7aerqfiw+gsiaqcn0l6byjtlpfxo+g020ky/mixxqunx47stjaj8ks3puwnacd3hqxycdziw6dlfeqnszn1+4p/4uveefndjy9ogabn5gyj0rzp6ajk57h/hwruvxfco7w6pdmspmzzkywcdttyskgv0mgzy4tal4mupbiy4/lgxtmn1aacv0xuyqts0jtlittmtv71evi18p7alyubydaxtipauzg/pddkxe1kv2b1t08+2twsqlryqxqdqtwoh0i7kby7mxbztule5yhr8ye0rctvsptonkoo7zj/mondqhiqsdvhgi+/ibrvzkgj6obz+0tlydmeepxq1ogma+bpoarmofdfanladn5wi7erxpanrbryvy/pkr5+vekk09nq3hllwty1qiizvdqb5okm55i87axp81ffa739j4ihludujm1udx3t3qrkv0lwir88vrz+aklrt6pl1prkffao96mdbm41qbk+dap4e/q9yfzyrp9kv3090um+e512munhjmb8lu+vzflse/dy2keudxctcexupxhk+vs64c2tnc1kbceqzefczooqupxu6djdfv1ak9jb2tqw/mrxkrrmtatwnijkganynz7wnw+ainr3r3v1yda9dkxte2/1gpp/uzez+fotthvsl2dqnci24h+xtwwz0by1bql6ocybd1+vqxyvvwmdz0tucypdfpzcxwrq4voqf33xxumm4oe3ca17s3deyq6p2jpuc7owczfcos1fcxhidxxlshpbo/suh89mrd6frptwv5ghd88jfxmz4lobgffs1cbhnbyk8n1z/0jvty6uhb837gwv37sowj4wshjmuwj0enjbm5yecyux9pl1vb/g7moomkvov3deprjolyzzm5cxcytpizz03pxdsl9r1iid0ix7rzerkmhsoytniynhg1fafb6s1gt3b7ns/mhfj7q3t3yyzyrf9iu1s9vy5jyykvn9x/atvghekghvoipsakojxx+9fyjtogpb7djdduqrl2v20o46vl71nnshsmv9yhbrvt5zytxqkglzbxqhwupyujemglem5etbqgpzsubm+b1a/7xkzye8kzsbu+qmtabxdrx+5bnan3stk8xhlzfo6mfmxn76yrunej6g19aabh76l9mng6tx8ln2xqjuv/fesxixp+ovnc2n+3rrf/omv3g4vz6bsznum1c7jreg8rmy1vb19vd35wlbkx+kwpsxcfzbg6skple1e+zn3uw8rxmqtczyoi68s2b9cdm3+7wgsm6f/w9fat6y3kphjzbchnri51nncxa/fw6pap2f/s2saafcsmskldtwu6bkdz04ms09bwnxoit55yh5a4ee19qh3vcpqx7thmfwhub/rylgw+cjenme3wud7fqmu7uxr0fpnfjqiewzpsc+9lk59asrk55pjysibpb2r8hc83poqyop3ghilcnl9hvpeopxnguzveu6dsuqoleckqo735rrqt8uppjx97vpm5bf4fpoj/c/xpcobjeehjwgsqfon4j8cyjorlbmrzdhjlyw0kzw5kb2jqcje2mcawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk2ocawifikl0zpcnn0q2hhcia0maovtgfzdenoyxignjekl1dpzhrocya5njkgmcbsci9cyxnlrm9udcavulluvvprk0nnujkkl0zvbnrezxnjcmlwdg9yide1ocawifikpj4gzw5kb2jqcje1ocawig9iaia8paovqxnjzw50idy5naovq2fwsgvpz2h0idy4mwovrgvzy2vudcatmtk0ci9gb250tmftzsavulluvvprk0nnujkkl0l0ywxpy0fuz2xlidakl1n0zw1widc0ci9ysgvpz2h0idqzmqovrm9udejcb3ggwy0zosatmjuwidewmzygnzuwxqovrmxhz3mgnaovq2hhclnldcaol3bhcmvubgvmdc9wyxjlbnjpz2h0l3plcm8vb25ll3rocmvll2nvbg9ul2vxdwfskqovrm9udezpbgugmtu5idagugo+piblbmrvymokoty5idagb2jqcls0mdagndawidagmcawidagmcawiduxnca1mtqgmca1mtqgmcawidagmcawidagmjg1idagmca3otkgxqplbmrvymokoty4idagb2jqidw8ci9uexblic9fbmnvzgluzwovrglmzmvyzw5jzxmgwyawic8ubm90zgvmidqwl3bhcmvubgvmdc9wyxjlbnjpz2h0idqyly5ub3rkzwygndgvemvyby9vbmugntavlm5vdgrlzia1ms90ahjlzsa1mi8ubm90zgvmidu4l2nvbg9uidu5ly5ub3rkzwygnjevzxf1ywwgnjivlm5vdgrlzl0kpj4gzw5kb2jqcjexmyawig9iaia8paovtgvuz3romsa4mjekl0xlbmd0adigmjmwngovtgvuz3romya1mzikl0xlbmd0acayodk4icagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42u1setzu6x62fy2yjkt6aayfmbgghbljx1kwcqmfmr9gszdgzavhkspeyz+akh1ptniiszqiwaou6mtfszbcsfecc2/nz3v/up/7+/3zps/3ez/3+tzvkytty6tsgco7qszkeluzpylsaqytrmw0adysiytjyhpsijckj5mwibxsavda2pqaus8bufudkfo6gmo6gqowwccq7ovpwbt7uaefq8xvii3agahr8fiqbfibva+iyplaggtalozfq1r/fccaqabofn/ha5yafcakdckpwfaoaifhugfxyb1pgig+rzijuzebrr80ztfrjxenoviwqgekwzevavzihjle8adwkbsmyu1mnqaxsvw3yv1sbuxlifidxo/234v62xgk4gn+/xsqiv6+vigcwjfxeix0s/qk9cobfytd+xj/npprqqiea0byj0camkpdban+g8f7gop9ijwnnor1anxagg+0xumk3m9jwpvt5ubywmmsmsahflzs1swgxjoodv5eeid8s7yfux9hvkuuvb/ghfrbilesiev/y3xmp7omsfgydk9yb1q1nagqqgh9yuiwlaqgbhciavakhoqhqh6swagvepnk2gkwirkiujepso+3qqenilbkihh8tm8xwizm2j/oscqaopenqig1amt5f4eslfeviniaed5b8o99onfkv0dwm1nw1wdlu1vhavoayiv/psp6uigqibr14lil/ohd8kx7gca/casb6cvjdsm8u2oufqyb5xqwbvp0kuzlj2hvilytpqsy8vzxqjtyt8mokpoxjbt0xbclje9zlcjwbhrvxgsmgp4e2iii+wwf7nqtmjvuyz2dnxb24whltdtzezovfb7y/9hr7qgz1/clyvrdtnllmzrwtvjuva7cvt6nhedzic/fdfcm4ucfkmfnglwwszdd6hdcs9vje3ioesc3vdq5fun424b485uu80o70rsjgvacvqwztiblstmkhy/bwafuztdscrv2fejjmqsadre9hygdra5ch3ogtbn8qmjvieqbwuogiw3dgi7ie+simxyp3blxj/2uvzlvv8ri4ta8senjcvfsxvnmnulzh4j60wkfizj8sr7hucvp5elxvovw63gei4x1ol1hp/mgozicagnxm/mclzkso0/kfp7ucmbqu8ltb7mfnbkg3ynzxrsdcmffduolfevxnf/inbxwphy9uhg4wd4qpdms9kwywc2gvyq+jntnvf6fkpqkx+eh05/gxuc3e+sjhee7kdsy9u11iazxmwlmuneehq6i1jxoiru7t0i/i6ddjl9yjsnyd/rhbatywzy/5u+jxyaoebtdqlxx3cbdbi2ug9qc1kgztz/uoeorzsm7jbbpkzncjhz8ox0x697h1x18x+otg3uidkc2bjynim47czus5pi7qoek8g/wgwlrfbz8y/ivhcxbs1fdvmglns+zm4vje6cptrcyonrm6/peu/0gooqmeljqt4qv1qt+uod8kznsgc3z8q90nz6crda17zu4mjdfc+pna1rkvf3cxuj3ln/xrc9jv5grwfzqv3/tah2s7er+ani476dsy6wbuwrfhbdxhjdtuiv9qaz5e64on/xsgavahzelvdt7drupm1a+vbx26h7arniougcejbu8+pl66zdqsn+zqq9d2hlojxwjlh3puc504z0b5ptxhfmwc2m7zryufv8lipts6n7tl/0mx61el3g8s52tc+fap0chvd9tesg/wmkzyeamv+1lolekiurhymmgpcowmbcrkmax4s5ficsfvrxsytqyr4l1cy0iqcudbi7i1vh1njl6oiarw/lfp0cuoqspsdvd6+lzvz/i32sefyx68mymcuvmuyg67/qo/uupdjk04tce7g9x2endb2suv91o9/k2ydn2nlnhu8xnl4yfrvghschzwkqk4rwy0r3dz78ucnflxa+3d5ki0o41wi95i97b12va35z0vck7kwjvul1sg7jtgtm7loocplanlsalwijg8s2pslwqpvnep3gbvke9vitur+1+ylyjik5wciq6v26990udku1ivffd5vihcxwtr1xftlbimtjci5jsnhq51ro/pseds1z3w/rzvcwqjgnq9ss4uixb2hnhediiufyjk5otf/i4znxgr+ho4zhtzkroy015fz7mvmfotsvdy/htf/eqclarejpzs+efexairbzdsl9xdqqyclhmggo9pgkagcw46lrs5aiym8ei6ybl7jnfv28cchm5spttyq7yel+saysz3sm45qj0arxmy6jgnkenpsow+/f67j7nlrmzjakrzmb7a8pxng6fsb04ukgsfvg1hzbgzic7v+xezw0tqdwqcamk+5c22d5ot+jonyphkhlrszlqwu/xdhjvq67st+mmzsydjskfxfpt29crjeuvkmdp8m/a9szsmdjujbf0jqamrzo3lrgntfwbnvmlmpndlglqd7dborm3fnckqg5bwvgxmt4rcn7+vze7bvpi+9ucbn8to0mrrm7kzjsp1nspn3wz2wjfs4uzmbagrsteeet6mhrr/cwhg32//vv1clvetdr7aiks5fa5pce/siw3h++y7lwflefb4sruy/roc1//zydrpctfffru9rdyumgolpdqotwpojbuvvvfnrm0joeznudkazxhj26g1l6ryku5vedqc9rzi6u+ni3e3nyvaln7hv2yzyxamcwrjg4ottuqqjw42xnzdwgmtucgr+/opm1+lzbvxw6vlc8ettk1xq2goygsvy+mzhkcehfwysu0brtl8bgcvbsungatmiogv/jkpm/cqu3bow6ipnccxr5y3uemqkm6one0kuyzxacveqmk3sqcuyck+etlcf/uxuey95b8bzbn/ws57zi7e4izccyekyp9xvjkcsnazaa5h/kjb5equspwzxda8i3izur+cgw7lfdjjxhmsaretpvgcrfphcjmq6uco/24bhrlaxl7bkj7uplbjy6wg8ijplxt20zypf9yygs8c1luy8akxcp3ob+9uyd56igag7qpnt5ocyqtiw1wqq7zb8r29txayn5p1ps8v5ykn6xucpsu/rwvxilszqk2u7idw7vtoi7gsplvmfehghq4rgnqgmizfbibicguu/5v92txbg/1px+6/anmgdmx7it0yadzootsy6vrvuii0vbk2dfutmf66enviztj47zdlctylfrkb6e7ytcybinmmp/c7b1+960dpby+vwf75fmwk6uji9axaef9o4fhnjfbsq2rrnuc/xn4+io4lcnma3txxegvohsz97buuix9ijgv0+18nuinke5g6elhm/tadx7zloqr/m8vmmno9esj3uiaiy3dow3m9vtrzyz3v2pjj5lh6x5zocqutmtmdakns9c6rkzgvxcrlrm76797xx1apmrfbnach2+xvhaw+kvmmvfsv1p1bteveddp4q8ca8cvrwtwmyabatnvbuuvgg+0hwgpms2ytz4pxmu5wwcxuduvcmnxpxrx339txokvtqm/itf7qacrw3ayld98petzlbznosfbbfmdmzekt1yzo2b/+mrvi50gghsc/dposofoatvje3wreuxxlpexptccl8ozyl4bj7j7fhg+kc85+ru07exi3ksfmz7igrfij7tpe03dmby5iwmkinpl/ewdtpxwbpmfpe7f7zc3i+ndqb0lzkk8mozov7t+xffvrw+fbcxsvp3rb/x12qqe2e8xbsflzutgxebzhh7jwsudbsn6okfmpbb9g3si/iie8tcrx2l74npywk6t+gxm8n2ypufrqzkfenov8j/9yp83+j8wwbigkeile0hkedg/amnq5aflbmrzdhjlyw0kzw5kb2jqcjexncawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk3mcawifikl0zpcnn0q2hhcia1oqovtgfzdenoyxigmte1ci9xawr0ahmgotcxidagugovqmfzzuzvbnqgl0xorexerytdtu1jngovrm9uderlc2nyaxb0b3igmteyidagugo+piblbmrvymokmteyidagb2jqidw8ci9bc2nlbnqgnjk0ci9dyxbizwlnahqgnjgzci9ezxnjzw50ic0xotqkl0zvbnroyw1lic9mtkrmrecrq01nstykl0l0ywxpy0fuz2xlic0xnc4wnaovu3rlbvygodukl1hizwlnahqgndmxci9gb250qkjvecbbmteglti1mcaxmjqxidc1mf0kl0zsywdzidqkl0noyxjtzxqgkc9jb21tys9pl1ivay9tl3mpci9gb250rmlszsaxmtmgmcbscj4+igvuzg9iago5nzegmcbvymokwzm4mcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidkzncawidagotiyidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidy2msawidewotqgmcawidagmcawidu4ncbdcmvuzg9iago5nzagmcbvymogpdwkl1r5cgugl0vuy29kaw5nci9eawzmzxjlbmnlcybbidagly5ub3rkzwygntkvy29tbwegnjavlm5vdgrlzia3os9pidgwly5ub3rkzwygodivuia4my8ubm90zgvmidewny9ridewoc8ubm90zgvmidewos9tidexmc8ubm90zgvmidexns9zidexni8ubm90zgvmxqo+piblbmrvymokmta3idagb2jqidw8ci9mzw5ndggxidk3mwovtgvuz3romia0mzczci9mzw5ndggziduzmgovtgvuz3roiduwndggicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnja7znnpfx9m8djib5e9hyyvy02ro/drg+dkdodwcwwjeqncskisvsieduhoiacecv6770hqzqoesws5n7nyb33vtx9tz895835xuv3/t7/6394uyznrnuqwgeknhbjkyohjiepaechenla+ae4odkvrwyo6eslwmi0nxyr8ocenjwmoi/3bcslahfzeyiuparczgtoyl38cshxn19aqepwv5esoizg4lbwjwwadfj1q6lpnebonoazfo5c+vqlawqenodprw4fwbtpg8t5irfi5bisaaif9wwcka4oddn4lyu9jaswkp0rjmb7/svlh8t5njscbh7bfatotskwge9/aif0iqdfx55pq557+d+w9u9xbbyn53un9c/5xwf139joajsn/38wynfeef8kdobieugc5p+lvsi/vegrcbqe/c+snq+tjwquhnh1rakietji4tj/xve+2qhbsiqxyhfubrg4efogf8ergmq/nzwf328fydwyorfux/ivxf7ogtuhml7m/l5iqpxp8w+w+mpnr4rd3qjsxcxexsxoc8/ff33z/2owfgaoraawroakrazwwugc/mnfz6ukiraguajayrdiwwdy1rlhsbgg63veapwftddggswr/9rq+elbtp5ebk6/wr8juuia2msn9w+gyafgoban/lmhkwoadf/qed7o33rnegcb/ifpagz+bzq/boa/kue3bwaj/oyqaiz6g54xe/wnrwfgz7/h+vd0h5q4l8l8dc978x/d816/3/jf16sujr0vkcopb4hkqsr/tyuashdx4p9scmfjceim7+8/4xzz/2ix1pn9qcjviehk4ynyuek4e/k7e69ctll7cogffdhs88o76iiquhxe1mcurgzhknvnkrw7tbg07qhcmqqngyiwwguyx/xolag10awcmubbsnvv8mvtm5it+lrdjqttgs2n1oj0hyvjnj+9kow3jkd7s351xmwgqxkywcwbkusvrkd+7oz43o6eg6diqycwksjtm2ome5gwx2zjo4++6mczseo5byx2t/fptsezg6chpkaouuuezuavdqcqnzcjc95yme8ml0jz4by3fi6nbyzpyiyzst/hsgh0tl3omwfr4ynpinx7huxj3tjk3mhvpjupobunj+auur+kdo+mjf2b2of4murqf+sppfe0xwxpwkncaggvqotbxzrqzdqrnwt1ufdrbmuztdvpul0hy8gmatn1ne+jglbzl5allddwdxisvf4bottznajvyrjrput30z7b9w2lyrz5atbzmgtjz2shqdtonxjsovnrenzgjxbrzbgmr/ri9umt2nbkvvxco1ay1dllavqssu436/dv7z20zs87epynp2lhqrjocfbi4r1y9vfgytjktx9k0/gqbqrw7+omusdbbbk56po+nqp1fn7wxf079cdgmqnwvijw8yxutdlnd6/6z+8/njjjwhd5vn1tlizahwhnbqxdzcpon2bl4ss4iauu4nn3ocjmyjapge01v0swpl3ptre2six/yks8wgpquy+kaqo/nbubawljlmh3xhphfvsg03baopwwig2fih5usifdkeo2g2w8nzolk4wu6ute3f3rfy0qzy28marywhtegs7fwblcysiccn45z7ckplz8lenyarmzqnkhmbua9qxg3nl9hoayatqeaxa2+vfmoffyvydfgzbpqjmjbccomsehqutrgerpswvohhwq+vt8uot+n6fbxggsfynuxlgfqlmna77siumfmgyyv4gxriihhny1jgtrt+7jznjagqilau34bb/s4xpti0f09acrujn9aclh8ume/tw9c25m27mzeidnpvv2kxosjfwu8gt1wf0tk5upzarzc7rfio6gizjamxzj2mykrg6p1mdabrixh+0aubi8syutedjo3tkr9aqybs3a2qrzj9rrwlhl3iomi4ocmpc/kyahrm7dv9xpmgmmsvu7ty01p/d+4nrbyuwav/3d4lqsei39gtpj+yujmpip1yhjxtbsr079spggcloylyrknx357wnogjahkrljzyilmelcswdkgtxcq7e0voahfqeh0drx8oxb3f8p8ljwfvsv/qtmgnirwuccktxoutaqx79sbh/arbu+9jercuahraffa4ixelkj+sctaxprr9jg2pwekp6anujzvqff7lz3k5i+hi6qtduxjh2uvs6yfxvdfg0gmrh3zpzvc9ljljre6isra701zs5qxst011c3wlb7vsrrl5ebn4sckq+bh1fpyhkuj3pxpumkdiye+vvrt5ec8iwuvxivhepakx/ecklft2r9pqlpq4k/pvbvkj7oebkpqa7543p0spedtijiiusfkia41gbmei3o1dqeiyfpf4pqhmerjd3z2ol7un72jr96gxduvpppcytsr/3sf+sdvgdxnmsrdd+nxmosgne/4ribo31gzedl6nyki4wz3f9tfoz+vvnf4execjaxorm9/6xgrmgkbw3szk1beh48ns4wvmwje0oefotywlvqzcxn6s3bw8v6nvirfnc4usyd21jh2ts/tquj2fq2slh50wx9rl6ffervrrndp1edl0z5ki9j3hgtmm9rn7v0wmihs1lr9tycgpkhppccjb2t+m5dsekzuca/b5dnxfgw8va/vexl+51x7je3nts675j2urcbfjjae7acswmbv6yu1maldhxj9wogcnoxcvbjzpwfv9q9lsaiajpebw5o1oi9uqmel7yuhhmxfrsknhv0trhk+xadn57vrewhjq0mpktzzr43wqm5/fj5jby1kxn3g/byhxrxd/y+h83bmhomglt6ynlyo7rn9y5rnpl0x2cjjf+rfv8xswmu00mgiox4q3nvmbbfjfpyconjyj1plseotdnfhyhslymbof5wjvrrub9lipb1q87haqo+dyarfvu1tpmaggtblhvq4qxjiewzo3bfmovkzvkull7npmgips4rt+ukyu5mxbrc0gcdndkw72tlqsnvril0lrgtawm/ae4voazzvbuhm296at5p+pgxjvyrqnzu1ovsw0lb5ywxj/wqaqsqxia3dqypiq4jevahfvqig06igfo904uzutyzka/mhzgnkdqxwq+hs0/xb3t9eqtfj3uaeg5moj35duhzjwb+a5tqbum8vwi1ycv3edmnper4figfmiqhlhjxxwqrwvrve0f0uyp65fmc2c7bfqbsydmexebns8wexcgqzg4xx12f1zwyll36gawwybn9ipbirhtovqaarjmsyt4jsdrzeinror5tr2vshyvbdtr77io/x6/e7iq3brq+uef7m3rs8asxj024eivi1axhghlr3vgq+b6l+q4xp0taa4ptxjlrl17gz7ycmah5ed2ua4hfvvtl0rnkpwui1ulsehq0lckt+klafii8kcsnbcsvdxrj2u4dy6iqvnauke0tc8ad3dy99uq5pqkhtlweyjqt2hya+w6xj01h3fsk4iyoietouaa5dmxd04omewh+fyhllvtnxltqs7zu17flgid6di0atsdudmhx/6cgiavbpxbpopegwvcy4/1viri2i4+i2i11kxw0q4sydmtlkkngv1teufwt4tpr3w2rkptcv/lc2ean0mbihfcnoj54sacye0msjzqbi9wnpllolxgqycmrcvubflw5pgcborxwkkwv9rpdhcah34zen6q3mm2lxyhfs3l0cxjep8cmav3a7spsfcaaozjfh83hx6wsejx9rfgifbrh+sfh0wpqhynh8xgzp/ut3i88z7gscrjs6hlixvlso+kruyx/s++nfe52lnijven/fcuuwr5bvmzjpmdgwcslm3ce6+qeopdszohw3hr3mg842n6/kaaajd+efnpgemuzlg0jumccacxdgvynoo3ufwibwxczjzfrjknwiqkzbowtzxcmll6pvpa6+kxapr9bb7q8tx55vzwwy588z7s4zgcts9qyksaa6qprvrhe6dbh9o6uslsnm16h07vb+3qh1d/swhbyq1gau51qj69lvqwcuxzrfzpdozao3nt93spihipeyhdwrdrxx78jwqlprqhrnv8+9kop573a9nzrnlyuhr/6zzmrqn138fmybaonzu8mbe+ei9h8vzj7tp2sh2uzxvoy23lxcz5muvqucdrp82jwovf5rpoz+tp36vfjsioz4+2pj5mr76vvgdh960ekzmbk+w0zwqmaya3pmtljppu4rujahjtacawqobbkuk5zbtsffgib6zrjqreav1aa83vpoht9mkopmrla26laujdzlt8rbhb7vqfd+n59kkcqjkqjhob/3z4d0r+mmrlvuatxvkhwwu09gm+hnp8wjolprqyphstymkazm19c4axi1pcazlk49w/qpyfzbnyc6rnnkzgiocl1m86p/0qygws7iqwtzeiyf/mowg5wwpfp8ukkhwdkgu/xdfphf4whotysznlhjaoncx4s79xgfvjkt3yse/ygqll2kh68xn0ukgvxz63ymrmfp56ra7sa7hipkphnkqlqylld8vlszrsrj7er8djxltwhg34ljpfh2qu0ydjqvo+f7mfitott7nrmflkzuezqvg3vnqauo9/1hzkuasfkqfqyxeff1h4y4sb9lop6xkfctnkcwsphhvuwxrah8bbqz07v2e7nu/zdxfxa62ydgq62h7ymozssmt6mjziip5rbewv9if9egbyxihhgom6mqh7h+zdtly/ef9dpn/3tsa3eei8ztlxj3ivsrvqspicchvh3hwi0b7yadfeaswzdvhkzkicb1luxef0trbqqxq2pvvm7rdrdlhvtqnlik7jsi9clswe83qwrvnwnsgaglsov1twzjg9bcmrsttghdnar5pzxn1crpc3yvlxpw90icbwd2ywh8jnq1vwzq+j+vnppmky0ztlwfkukkqnmf3akcfpdkvs4yfirw8bu7co94yfdpquwty/e831ve5cb6vwkh5xotiakqde3xgp7vcpz46zsqlc3mpzzpgh40or5b2rkdtqwvjb00/3afz8f+xf9piszxxyjutomr/pzwmzqjdtp6ymchilorfwpevr6nnhkmnovxyoenajy1191kbsuohehf8e+54s9o1pvjzxgyhdoqbx9ms5f+c6kid3lpsizvi8hzau0jpxyfa0zcumvezfvhfgjam2xgtepotyvblcciyyoxexvuhfzyxlxv9llyo1hqxwnx3s1vstsutzrp1f0hwhe15aorghjxqb4rtv9xtuinh/trowd6kyjbzvbp4arizgkngzkglon8mywb3kcmwqtqghkayq3kx25yhrhomngt4i/meii6bpkqpeg7dgsj4nsxyqyrxbwi3tmqti30nm4vongjg18hmz2skbqbaztqrcx4m5qfwezivem66dab7pk3aoaffhkort3wayjd1gfzwfflry8uevykvce71ci/tfcpsur+cub6fdzdmzn4idzew/qq1ojhaotic5gewkq428t+sl00qm7jcwajz89vvpjdfo5u3bqtfdbiyl8j2p1lqrcijiz/wldvexf8uft4wmoaxlcou++qx02tzyw036qito73mzpmbmfag1ekwuhpbyjtcz7vovjnqysmk0/pjqc8wgdggjovo5f7tdzfqd96jzimcjsairtllmc7/hkevoy50/pucczsrt+njqm2sefkv8y013wdcnxllgztmkejeuyhid7q27g4p/9mz/mysf4mop9b2k25xfds9vwf5pmi8cvnumf4mcst2y8d2yyrxqgdhxuxaphhupms4xry0qdqg1bdnue1xku0lb2mrmm8il6y1symtt7dhhtmq/jdvzvjg3jjx2nqzhdquhjyux8kx32aflm4jhyo/loyqcrfp9ymnvdxfkepduihidhg0jfigvgwe0d70vg/dndyb6pbqebzp4/pe0/xverjgkuyzjmpbv5/dgjlsuobho8upjbs/yqw/4qfbglukk2b5itsx2qlhmqv5eqypm/66ij+aahz4q/zkzyhjz8c0+xhg+zf+5b4p/uapjhdsji/wuylcwxhhvnxltysxlgr6ttrcn6/o23ccluojtkdzlzlblhive5h13nzup9ks3/1azn8yg8vduycsayxa3+ccpfc5uybvrudtxcgzqeijwamrybhzjocnny1fkloynunjd1eafkhrivvyvcycr5ffovtbzoeq/sl4zq07wkmlanflsmzfryzeggqjyavfqvqtumgmyc2ntjjj9uuetm5wtpvb53crelrvrnx34e3xzwouz0mqs9lpozc//lro+jmzum3aryoloi72uabpsyh7q16s+qwnih55sqkpergwozjyydleqeldiohsws9xkd+i4zzcsuurnqd3fsp2aq3u7dhognhtfbrqqw9v0uupani+vm6rluny/fa3dodpryipwh4asbbhlly9mes6ifbxt5ahouesmn+0gfjxwnyrvkjbpsk/sbvmltfe/kyea14llsfzc2uqjwr/uf24lq6dwekxu1frlc+lf1lmwb6kw4ueooxhvxcryf25r942j7glogxpohtgzlbocvhnblekw07suz9z3w0kxkkalgo6krqfg/wvqd5ps9shziqe11ncoi5sweydfrzwri71s6nx3wbr6biuks/x8+5p8v8h9cao6jdml5ytfooa/y/wczgwp+zw5kc3ryzwftcmvuzg9iagoxmdggmcbvymogpdwkl1r5cgugl0zvbnqkl1n1ynr5cgugl1r5cguxci9fbmnvzgluzya5nzigmcbsci9gaxjzdenoyxigmtekl0xhc3rdagfyidexoaovv2lkdghzidk3myawifikl0jhc2vgb250ic9bwkxptuorq01nstkkl0zvbnrezxnjcmlwdg9yidewniawifikpj4gzw5kb2jqcjewniawig9iaia8paovqxnjzw50idy5naovq2fwsgvpz2h0idy4mwovrgvzy2vudcatmtk0ci9gb250tmftzsavqvpmt01kk0nntuk5ci9jdgfsawnbbmdszsatmtqumdqkl1n0zw1widc0ci9ysgvpz2h0idqzmqovrm9udejcb3ggwy0yosatmjuwidewnzugnzuwxqovrmxhz3mgnaovq2hhclnldcaol2fscghhl3boas9jb21tys9ml08vui9ul2evzc9pl2svbc9tl24vds92kqovrm9udezpbgugmta3idagugo+piblbmrvymokotczidagb2jqcls2ntkgmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagnjeyidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmjg1idagmcawidagmcawidagmcawidagmcawidagmcawidagnjk5idagmca3odigmcawidc3ocawidywmcawidagmcawidagmcawidagmcawidagmca1ndqgmcawiduzmyawidagmcawidm1miawiduznsazmdcgota1idyymcawidagmcawidagmca1otegndk5if0kzw5kb2jqcjk3miawig9iaia8paovvhlwzsavrw5jb2rpbmckl0rpzmzlcmvuy2vzifsgmcavlm5vdgrlziaxms9hbhboysaxmi8ubm90zgvmidmwl3boasazms8ubm90zgvmidu5l2nvbw1hidywly5ub3rkzwygnzyvtca3ny8ubm90zgvmidc5l08godavlm5vdgrlzia4mi9sidgzly5ub3rkzwygodqvvca4ns8ubm90zgvmidk3l2egotgvlm5vdgrlziaxmdavzcaxmdevlm5vdgrlziaxmduvasaxmdyvlm5vdgrlziaxmdcvay9sl20vbiaxmtevlm5vdgrlziaxmtcvds92idexos8ubm90zgvmxqo+piblbmrvymokmzggmcbvymogpdwkl0xlbmd0adegnzuzci9mzw5ndggyidy1maovtgvuz3romya1mzikl0xlbmd0acaxmtkzicagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42lnvdajwduzjt0p1y88r0txum7rscpynjjrxmnqz4fjvds5ktszjzm9zssxjtviwtlq0vhastvcwnfuwmlcymrqynejsvxdol6gsykzpkfhqcnyektjxcmxnlcpmtsxt8e0syujnbzqrnjijejyfnjlauqmn4jitoxae0lgsejranfpulpqix2voqjcsmvyikjsanpnhpq9ykgdewr6couq4pbqajlwwwlqmdjscbtcrmgpaj6bk5+vukqskpnhp++ud7uofuoqajki33k00j8cvmrdkpciqmkqtcznzkqek8nmlsktsixr881nsi/lqlyanqtzmm5qswzqllutzkpitmeyyl56tqqbrakjnygwkkcgsdsusse0jycxjzlbis8wptgwlp+alodsfghpgh+hhbyugb/lrq2ivlbeqmjlxeljzkkpggfam5hsi+mawksqsuig20dmwmaqqbeiykxbnlte85pyuzlx0bsntm4xeoqlesi4doffgpqyk1yykmxkpqrukqrvab+vr5ewxaluoaeomvietv4glfkmgxgr6yzlfytmpyaa4kwhjcmh6xskpv6jaf5jydc1ndrumjuynfmwtjgprfcaxfhwl5pwa0wswtgd8texgokamvqqmc928lp9s3zi1fvvbyjrxxrdwsepz/jyx9uvn9gmro+pmz6bubpvoc1rml1nyaugjrx2hxbmvsnglw08vltoi2evxe/dlkfcarv0llkvmadddr3cjwlyyuwsa7z9t9veehwvdzsxpfsrttb/o8axozz2bx5trt/dms3nhflv43/d717iftiimasljmd9cwx6xuuy88u7zs4gecvttv/bmf7txfg9rviggpge/1/9nfruxbvruo/5ze3hanb1felc3+t0tonsi3/ms9v/ed9os0zm61er7jmvyvb/zu3/q3dcbbrn3ulmzax+/2fhe+zngpi7hht9ozle+mg2qy+k8oj8tbk0czxgluw/+rdwmt3xymthh3a5+kco+ar2puts7l6onre/zzmzhebdwwk9o44mnn9fkuyyxdf+rc9r2yvvftuuwrtgitndmfw7fzata9h7oeabj9r9d5ixmkpq/fejwmv+/mm3c0rr52u6ppbind61pbut6pxrlnktyrbrs0gf9humxwurupzuxs2wdf8o9+injfsdsxzvfds/mwcijl30ylxkbi+n1oszrt6uvnzrwvrb2jxgy44zphxof7ghahfv8vochg8hqbq9eecix6ss12yke7hv2vexqf092/gpjr8c803nqxm161z/j3onj2gqjk9oerc+2mezp3cy27qankxg+6cfm9um/shzvs/vcvo/if95z3foynzp29cftb910xbhj7epltniudxc6obud1h5pc3ejd+v6mtvs7ublmrb/ewqqb5++eimy9ffr3qxjd9ojok2bq62c9pgh9xz73/t34v5x+xdmhbx+ajpj5ueni1v7gnkei3zhpmjnk5+19ahrc/sqksso0xuikopza6r1fvs3t2c2czfcmtoi+5pkpaph3sc5hz4buai4rg0yfgyay73eopl83msibc4auf2tb2vuzhn0cmvhbqplbmrvymokmzkgmcbvymogpdwkl1r5cgugl0zvbnqkl1n1ynr5cgugl1r5cguxci9fbmnvzgluzya5nzqgmcbsci9gaxjzdenoyxigmtmkl0xhc3rdagfyidezci9xawr0ahmgotc1idagugovqmfzzuzvbnqgl1psvvnstytdtvnznwovrm9uderlc2nyaxb0b3igmzcgmcbscj4+igvuzg9iagoznyawig9iaia8paovqxnjzw50idc1maovq2fwsgvpz2h0idy4mwovrgvzy2vudcatmtk0ci9gb250tmftzsavwljvu1jpk0nnu1k3ci9jdgfsawnbbmdszsatmtqumdm1ci9tdgvtvia5mwovwehlawdodca0mzekl0zvbnrcqm94ifstmtugltk1msaxmjuyidc4ml0kl0zsywdzidqkl0noyxjtzxqgkc9jaxjjbgvjb3b5cnqpci9gb250rmlszsazocawifikpj4gzw5kb2jqcjk3nsawig9iagpbmtezosbdcmvuzg9iago5nzqgmcbvymogpdwkl1r5cgugl0vuy29kaw5nci9eawzmzxjlbmnlcybbidagly5ub3rkzwygmtmvy2lyy2xly29wexj0ide0ly5ub3rkzwzdcj4+igvuzg9iago5nzygmcbvymogpdwkl1r5cgugl0vuy29kaw5nci9eawzmzxjlbmnlcybbidagly5ub3rkzwygms9kb3rhy2nlbnqvzmkvzmwvznjhy3rpb24vahvuz2fydw1syxv0l0xzbgfzac9sc2xhc2gvb2dvbmvrl3jpbmcgmtavlm5vdgrlziaxms9icmv2zs9taw51cyaxmy8ubm90zgvmide0l1pjyxjvbi96y2fyb24vy2fyb24vzg90bgvzc2kvzg90bgvzc2ovzmyvzmzpl2zmbc9ub3rlcxvhbc9pbmzpbml0es9szxnzzxf1ywwvz3jlyxrlcmvxdwfsl3bhcnrpywxkawzml3n1bw1hdglvbi9wcm9kdwn0l3bpl2dyyxzll3f1b3rlc2luz2xll3nwywnll2v4y2xhbs9xdw90zwribc9udw1izxjzawdul2rvbgxhci9wzxjjzw50l2ftcgvyc2fuzc9xdw90zxjpz2h0l3bhcmvubgvmdc9wyxjlbnjpz2h0l2fzdgvyaxnrl3bsdxmvy29tbwevahlwagvul3blcmlvzc9zbgfzac96zxjvl29uzs90d28vdghyzwuvzm91ci9maxzll3npec9zzxzlbi9lawdodc9uaw5ll2nvbg9ul3nlbwljb2xvbi9szxnzl2vxdwfsl2dyzwf0zxivcxvlc3rpb24vyxqvqs9cl0mvrc9fl0yvry9il0kvsi9ll0wvts9ol08vuc9rl1ivuy9ul1uvvi9xl1gvws9al2jyywnrzxrszwz0l2jhy2tzbgfzac9icmfja2v0cmlnahqvyxnjawljaxjjdw0vdw5kzxjzy29yzs9xdw90zwxlznqvys9il2mvzc9ll2yvzy9ol2kvai9rl2wvbs9ul28vcc9xl3ivcy90l3uvdi93l3gves96l2jyywnlbgvmdc9iyxivynjhy2vyawdodc9hc2npaxrpbgrlideyny8ubm90zgvmideyoc9fdxjvl2ludgvncmfsl3f1b3rlc2luz2xiyxnll2zsb3jpbi9xdw90zwribgjhc2uvzwxsaxbzaxmvzgfnz2vyl2rhz2dlcmribc9jaxjjdw1mbgv4l3blcnrob3vzyw5kl1njyxjvbi9ndwlsc2luz2xszwz0l09fl09tzwdhl3jhzgljywwvyxbwcm94zxf1ywwgmtq0ly5ub3rkzwygmtq3l3f1b3rlzgjsbgvmdc9xdw90zwribhjpz2h0l2j1bgxldc9lbmrhc2gvzw1kyxnol3rpbgrll3ryywrlbwfyay9zy2fyb24vz3vpbhnpbmdscmlnahqvb2uvrgvsdgevbg96zw5nzs9zzgllcmvzaxmgmtywly5ub3rkzwygmtyxl2v4y2xhbwrvd24vy2vudc9zdgvybgluzy9jdxjyzw5jes95zw4vynjva2vuymfyl3nly3rpb24vzgllcmvzaxmvy29wexjpz2h0l29yzgzlbwluaw5ll2d1awxszw1vdgxlznqvbg9nawnhbg5vdc9oexbozw4vcmvnaxn0zxjlzc9tywnyb24vzgvncmvll3bsdxntaw51cy90d29zdxblcmlvci90ahjlzxn1cgvyaw9yl2fjdxrll211l3bhcmfncmfwac9wzxjpb2rjzw50zxjlzc9jzwrpbgxhl29uzxn1cgvyaw9yl29yzg1hc2n1bgluzs9ndwlsbgvtb3ryawdodc9vbmvxdwfydgvyl29uzwhhbgyvdghyzwvxdwfydgvycy9xdwvzdglvbmrvd24vqwdyyxzll0fhy3v0zs9by2lyy3vtzmxlec9bdglszguvqwrpzxjlc2lzl0fyaw5nl0ffl0njzwrpbgxhl0vncmf2zs9fywn1dguvrwnpcmn1bwzszxgvrwrpzxjlc2lzl0lncmf2zs9jywn1dguvswnpcmn1bwzszxgvswrpzxjlc2lzl0v0ac9odglszguvt2dyyxzll09hy3v0zs9py2lyy3vtzmxlec9pdglszguvt2rpzxjlc2lzl211bhrpcgx5l09zbgfzac9vz3jhdmuvvwfjdxrll1vjaxjjdw1mbgv4l1vkawvyzxnpcy9zywn1dguvvghvcm4vz2vybwfuzgjscy9hz3jhdmuvywfjdxrll2fjaxjjdw1mbgv4l2f0awxkzs9hzgllcmvzaxmvyxjpbmcvywuvy2nlzglsbgevzwdyyxzll2vhy3v0zs9ly2lyy3vtzmxlec9lzgllcmvzaxmvawdyyxzll2lhy3v0zs9py2lyy3vtzmxlec9pzgllcmvzaxmvzxrol250awxkzs9vz3jhdmuvb2fjdxrll29jaxjjdw1mbgv4l290awxkzs9vzgllcmvzaxmvzgl2awrll29zbgfzac91z3jhdmuvdwfjdxrll3vjaxjjdw1mbgv4l3vkawvyzxnpcy95ywn1dguvdghvcm4vewrpzxjlc2lzxqo+piblbmrvymokmzugmcbvymogpdwkl0xlbmd0adegmty0naovtgvuz3romia3mty5ci9mzw5ndggziduzmgovtgvuz3roidgwmdegicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnja7xdnpjzf1na0el2xrgt0fozeu+i9d8yydgngxhci995refetoovookuxhbatmxonokg8kv97znl+5znpl+ect+/vns9z77x2ula51l77vlkzdq145o0rdhblbbzfw88llaboq13tpnz1ea7achfnhn2iowfgvi6mz8qqiisaufaexamegkgatcd2acuigcagaoaxfxfhzwuoity8kvbhjxsaw0jfhjob+/e/jl+3aoy8/6a5txshosibblcpnhayws0vakfdqvyvdq0geadkcqjwgmigaeudxtm1bruah4q2euafaocgqtcarocddaogaelbelg7hbpggeacyh8tagae3b76ozv33lssexcacodubgfdb80gxmci22/vy4abbokkdxe/fqza3qgosbacdvsdfaiahynhhva/a7ivoyd+bosgrnzucl3v3ylpitxr7mak1a0fupwqq6t8v5wojxdqt2936k0aghc43wmpahv8tump7hbmvoscqehuabtec/xblx0eya91d4obvg9934k5iaf/wvbwh8id/xhbywas4ghc2smg7u63mlfyv6vzjzwb/yv7kjsbzpupnelprr/haew5q2aovpj8arc+wahb345qod7f715rgzsgapzav+t2hm5/03lckh8kxpg7zzhvgwdzi+awb4a9xagftxubunuj4pjfscz7nyp5p0dxf4tg/wi9/x65/8zrfzne/+55/mdozq8ytbvketsaf80ywo2qacebt3mgoan4pwhgior/swg5qmhe/5pvp+82gfwv7v8apoyc3zzfhu54sw2pok+qgfd8lwxuxrnqbbhxhalatgaheoy2bn/krnb7cbighunu+f1twgappxd4tzpdjyjybf6bcog/vbc4/t9ncuvznxz4lpwuve3kuf/7kouxgn02mw2/iohfjrq3byey9hadap6vpxmthp3ff78bfrqqxgafhn4rmqcpgbj/7wm8du1cqmjvxzj/a8t/j7uwciweegesglxaip8t6o9/4g/ffxcarp4j5gkcjld/3uggkbdc/rb3/i74rqz7ijg3lp8zb7f5/2395xraif4qmp7mfaisgeqcmf0cvu3zqndyyakrgx+rn8ztztvdoolaskr7qgykwrzm9qoqjldurojxk/fkltv1ijrxan8hnyy9pr2yl0/vx8zzwud2ja1flhs1mm/6ddglbznyn/0vmgvy5ija49xfyt1969dxdx+otagi8fbpoaozpqsckvlo3yj9wrm1cvstphv3ykslt7bzujbottk/dvt19rqf4hsupodotbjhkumjtcqwe/g094gsuvgztzwvl9xqonyy2ufkn8jsffxdgmvpgqopdff2ul/dcfq4oxdnoliutdc5qsw3vgpsnyft6qn1tyldvitbfxg87iz758vuq4lk+cilzfhkcnzhhkhx14tqwbr519xghhapxyg2dp6v3bcc7qj+me9luluwfog65ntq02cdpjmg3rckjmeta7viv6dy9ggeyfldo8lqz5fapfdq6u0b1loljd6qaknvsiarwb0y+ajuu7khxjschyp2/hfkrai6v5hsbhrcs2jikirt3mnjyuul7csxy0lqk2vkwfnc/tfhe53ogrsrxyoee3vth/a0low/dbm2biqmkvkw1v56dijt4lsd4ijbxwrlyniudyabofxh0kciqgyd+awt/d79sh2lx+ywxhrc/pcz/vpfxisr8uyyt29u3zvbd216klqe83o9zsme9n18vp/v9w2vt1r9o14sdgbsbdvpbaegvyjka9avipu5gg1d36emr5l3dpg0he325u3fgbq1ofgdcxfrrjdlh61pirkuyikuvubfph9pc1auko7ofucffsdwsabbwrx+qwq1p3angs09rwujnclg4zsmg0tc7jkd16tm7tqpljoyonjnht902zi1ouvhc7pe9benxxevt07hxys8be4ntdfqfm8xdlcucycpqe/1fdqwkimnqk1ae7uhtfssby7n1y4viw2tnjaw3tzzgft2j3ranlz5thdgswxitb+poopjuhbbhrhj35ooeevrlhmpjebxldniardvzwk5tbtjn9cxhigah0hmqxxnicnnb5rl1vvcus8rmd0wtky+f28im/hecvsgtj3equmq5rvztt20j5j12xrrfh6o2rlpw+usvv9lqzpvczzltaad1veop8tqsyeqfbuco3d0jfpihzkuad275nulimhref9cdsqkfc4jbaocqxhf91xccjd/umz9mdjtcx/ohmyrvgxzeiizdxpqai8ujngf8hcz0wzmpsd4xy4vw/j2m74odmu0y61sc5prv9fysp96d5n6eho2xd2esvf+br/lyqqqciw6+mleh7afdqoakssmwmvy55linffhmtyxps5/ah4kwuz/wzdomc71fo84nfvoju7ar5pe+zfby0zqc7wnyioumk5uzegud6yon+xvpta5ozotmypogwbcj7+qpmjwqsnp93d+nok7eghkzw0oivlnjr7pyda0p51nwdf+ut2ypimrukdqwzx8kk+f2pzoh6uzie1jmnit8xjkukyatc/1siekmecywqen6vftvikhdyucr3l68eff8ez1bj9uhvt3y3hs2fvqw0caplmvnk6txo/dlgwswgffd4p5y1mdqsb0jdghqtl3bx0wh9rkjtfa+sl3yyakfiuw1adnwpzz4qbynceuuwwcv9wh/ej4q34du+blik38zczlntxk3jxilvpk5gedj/i+rwskq6e6r+rt4bxsqqp1jjyd04vux5nsfmgk5nzssra56srctvbwtjd6pjewaaeezbkljefbpmx5fhyj0/ewwouqp81ewpkexlnw3soqcgut9r4a8f6+fki4zsq+se2ru8tzsm929yrcjboio0+1ijla0r8pznznldrpotpslv9mbyabnwnxcnggyv5huefxkvgrcjooe3ml5rj3u9dxqhyc9rmsj4lgn2lp3lhiol52zjhbcstufnnkuyb6ljl4sbggifjfpbeyhgbgr0pymbmn+ozsj/ga+ohh0lrnz0k3jx3q8rzba7sitp3keryjrvn4vhc6zdaltnztqyoddquiz9z6kqmc4unsbvaso/pcdrl6si3xbhzjgheza3xu6eskyaarnb9so84vp+ctrrho+giebsxhyldl21rlm68i1ifhsadlikquxtvlgfhdz9kmv37jdfjgritc8rbheh2srpoznmokmnnq6trl2wkvzdhwxlmfho3wj2sm0tyzee7sadevj4xe/zjt2hrog+nrfn5notvqktwyugs6lsppwjkypnj3fdaoeqfadrezltkopvjlzbnqo9eszvcjs3uzkfwtcrsy/gh2zmfniii7mb2srzwujmk7aeehsfnkaftrat2d/6tjobcggedulxla60ggkqy24o58phpmutzqsdrnkzosvumr5xhpmtrtzn58x/4rtpuizgdyb/lb+c73ci3hznmwlqeozrwf/7qq4lia+6t8i7bl1cewodzlkqjt0um8xxkw4sd5k9gy8j9h1e6yhyv31vrhd7gvm50qxeu1cjvm6wbtbrf3kr+xa9932fg9ctbwvma3gdxyivazxuwum6tsay/wcr4usoskcyimwmyhoq5dm7or5igh+mlht26vvnzfxdfivb2imanxzmbsi08+ylqhobxuqhhhdclxjgma+xbqxrl381irgtnbrf5euwpdwj6q8gnxbnbme0dzzrmfo36vx7+fcwqc2zpduzjghs/2+5f+j0g4y8cbctlc9ornkixrfq8q5t4lank1r45zgxlr1w+rvrxu+drro5j0yz0kxyxzllmadlmifbhsls3zc5bwcj94t7twd0lb10q2lwrlnz1i9o9isi6ei87codpjb3im+nhjvldcwb9eweujndpa3hikyjkpsapj9dacok1xvve+5ptrwhvjoupyb8ldpkxqoldl4hn7bjys/mje4+m9pxhlecwmbj+fo6wcxr2guq4/xwizrsy06uy1b9n6pgjecyeun7sv8tmrz2g+yw1dgsa/t/wk2wrldx7pr5sy0ek/o4x73woeksaranf6/nnmuv9ei59+qhhfddwc99ir0fge7eozbwnkdwznb0onygr13hnofpujlhp4gcgscs5few//+hrhumdwab/p0qe97d0cxayep558mokx/xv+uc1v7yxvyvi+lruhf0pk2nkisshkim9z2mswxj9hs8hsovhyvmcmk633e3r2c5hnvvps1xwoxxsmx1t+rmmratvevn5lfxmkko5vhc+4nvkwauqu2sfelo6+0nha22/5mcpwht4/bwqsmoosmsayrhuv+xzwbr0yqyndif+efio3mksskzzslu5+njh6gubdj9fzdbce+vqgmtdhjls+r/80z4zumay+yhorwulmfrjge8iqxtf8acjuv3x8br5j7ngbl/ojmatrxsw+x8irkfe5kopwkmzn2v0d83gkauwjgqatddvlpu7ex/qfkk92fnme3itgc9lrd7lluhuk6a4beun9xx+sgildsxlzgy8lxb2rno5pv/j3sek2wutpg8euf4d+x5wsba2h651mjrvhpj/uwsuwll1u5vnvkeel1hz7sxzpybysi8l6+u3d04r0eje7qzzyi9zdt7+t5chgks+dtgq+eyujxlyyz7bcecgx13mn/lhmdjcz4vmrfshzco6qxfsk+qwcedvdxbh67yvxwx7osno6hsnc7cpjvwnt1q7a/qg1qimj4qgbo08djhjktbs88fxxaimdiklg1k5likxsgot5pgwl2iewzepberzplte2tzz/ex490cjwuur8mj/ifymnu3e/txbjnbo9hf7v1ctp5ekwzuzsvcwdab/bqs9owwgokrnxmor2kztanpqzcucjdartw08/fjkomorb+vqqlkwzofbb693tiouhhwbazkf/jyqgrnuhhvuggkgc5rtzfgdlrep02ukj9nvmrnkhcy0rhkin3dxplq54nknj66b+r0hxdnpzge0ygqptqa+x1unxlshnvr6qiyn6gylyzrkj9tj3uumvx+t03zwf40mdt59a1y9lrgptlrnw1zcso1ki6e4vyxpazg+ktpsx5/nnvjauox6citf7eclvdagsiefmj0/zamzfrqh15ikup9ybz9kpqk35kq2dor4yaccxkdtwvsdsx5zueve522rgavjniyx7xtk15hun8hecy0etnqxbik4gd78ccbpxenye5aoxr00k/itpdrfvfk6ilo9wme4cicdk2q2qmmfzpn3o2dq+/na/i6ji7plheu6wvddw/bysf4wq9h5z6zwcy2mc48acc8utmotqko8ltr0qs9+tsxo1xs6glude4wxpmdvwwhirrpazzdv/8urywxyx3tduqixho2fohei3nypoiobv19dpsrdy6a9wryk+vevr55iw3wzdmcvzh1al2ek1flomgavlstgaq+pgbmstn3chs1vnqtlknqtxbbfd/wxbqrd13jm4cqd9nlwj0nyreh0bddgvs3wetev5mnnqniabf1b5gvkjg/unlqzmoys9fwxvxdvcit1mtbw6tqdckemwd96ysd3vawmqkrjb9/qupttqtcdvfep782z3umjvqtptnb6yuu1kedgyjbc1fftlabm+irnrmxl1qx4+1c5qkwfn6eevu16olk2rjze5y8l9aunqbl7njxmtfpe1b+msktz8o9cc1mxikxfdvn69esmxwmruwp4flzimnn579w1izbcwj/2epbbiow+vsigl/ckkphbazusmv52992gmh/7pui+kpycokydzvxu/0wyysmdwpv6xjc7impzjvgegxzlanx33xbgpdkyqtg413gouu+bky35psrvalbn6ihnxdwzfoziroei56h6xpav4jfxyuqh+c4xxkuvrrwzurjqemwufcymowe1xlzpotehs+hxcwx+fuw1lxuc3apr8a1w8vsuebitpvzjxgormfx0gtmpdwwcto68j8bxqdzcczq6h9twzxjldkxclejryheo1bu99m25i3pdkhx64vry6nazhoecwlo1pxalxltutljzdndkpitujheyeswk7sqzsztdkjzm/pmdv9+prbzi5b19xqmwp7e5ixov2kx76nnbqp4g+uftyioqc6voxplfyhsz/ew2ofnmgct72zuf1sd6ftxlbtzqcipetisln5e9xreskdvcr5acxs6vbjfflspyheapxvon6ubrotayysc3djbzl75d8d71dpxznofobfc8dqsfyo8uwm3uji1o/muj3dfu0+ejhkt8+/ygq6zwy/160ryp4lgy+iq9xracl80lwllcjhldinm2iv42frnh/xj7x2btipv7dha56lqik8ujjtkxpo0qcd53pgl41vwmzmd2ern2xty99xn+sbutdg6eue+7nwzfjuel5ksoh9y5y2dr3vyxfm7/ll/jsd8i/sf/q270izeyw24/fpacbvipojtavaliue7dndxxfplc1rxdrmujuqxtdit+dqeem2lwd7jfowgzez6xxhvgvzczfu4u7v3g3qffytxvde32nhtjmam/evajzrtxsqgs6gjehirkdv0tby335ng+1lqvhgudflbc1wubtenm65qfkigkf7/u7lyrjigclqvglperqwredfzrkdrc8h9nqzcoi3ol/iqh+rductbijp31e6idvhmejsevb+ddvu2cqsbie3yzxerjulkfinfepahrm+pr5utp6ccob8fl8wgwktzvkpo0zscdafh3yugwpo4m2neoeqdfjh9j+gaoadndyyi0udxgvexuumsddvgtvvg+96y2q0wjt7/fj2i+h2pwjvkodi2baqvvtwhlhdlbxb3s4iiqln+h1ycmtq1r59w+cjsssv67dvq5rad775iyerbtfp2pk8pp3bnvjzpvqttfljsuyqfjyk7sirtdeick1qutp+pn5z61eoy/ipr5z2iykutf0zlendqpfscrgoqnfonmti5lxzjoh92s5wkvwxkkeus2n+mcfinfeop4l+beroz3odthrecpnt4spiuu+dfa0hkyvpmtshjnlwbctjxqqr7mcju0sjvlydchkneagvy9c48cevrfv3biihht1yfa7g52eqr99eigv9nofdiivz2vj/8wb0lw3c+o9drlx8edy0wgbaodcmuuvb1m1o3i6r31g+csbzr6uyjmeur2uhanke8f1z4o4bourqluxghzqhukudzqyuiua/i1erz37uelnbjeh9biwxaf52l+an1fdcw5ny5ocz9mnptyuitiuja/btkdo13crtgrvx+9wbgskcea9unfm1jiogwklknjpzzxn2ncar4iuen/r9nn+gee2p+dmqlsbkq/qaoj4+qea+4gbh1/wqpxoa+aanxki2kye47u5wsxgmhi4xwae7pjuxyqqj1s1etethb8nefy6ydursqgi6sqfn4hrebc/levevnvuikxr9trhgqgzha4riuv3mahueprbxeess1wjhhdxgkaiwalho/gga85eevf1pyxp0yqsf325xj30iyfsume9o9kadvdk/sfiqugbczrfjxooesfjcpkwqydeuqtoro1szqeksxcvxyg7f7cc5yez4s6g2tcnw2t7pl9w3dvrfc1vj6dilceq0qlqf12pvnzpkiuneopk6yhow1cdo6npaf5fwcxeea+d2vpnhepvmx8hru5pxukc26kv6oyua52bgneo+ypnhxrm+agqvuw67gxjgivf+niuzlzbw3q/eqli9lesykoproqohqgyzl6zc1wqfbg3jwbtzd5+yawluh7oxwu0gulfd7sqdo457ktknyschcvskaqddt7p2/dhwoay7tgwtjo/l/kfjndkkg6qgb/eqpnjfcf5fj5joebz5n1wlkp2kr61h9jd7bigpvfxc6x9kz+cl+mnbmgqo93vpdhzonfhokz0h3zodfry8/vfaprjmh3ydiw9v71zvdke+mjom2/8uoor/br4ukgqspbk9nelkv5f0ifjr5to5hlwse1wargp0hyauh3itua3evrna6eauyr0zvnbaxwxqvcrzar6jjeytzxyhebw+71edfyrvgftvwj2gzcmvm5nmxghl3b2vhazqpjvy754oi4vkjqnaefij2knne6gvwpmmheokqwr5ct/nik3uwebipnawshoims1a60wlvi08z64856ptxaipideh+aeem87n7kbsa5xgraz2m0m+eium0domw6xzyzpsmpeuwxyoic4/kw6eojq7pr3ykt0ho/gq5n+xndxofqz9+znizxtsy82dahvjtke1zxx40r3+bic0wexabfg+wkekgisbqiv0ybirai8u3apgo7x8vq2k/rv/e8urk3oydw/cspz9/fery8cy2eqtq9ryzhbhodt/iqtzybwfc7bjq/ynvem+fa7shz0uzxstx+q+tggz0blggxdwss+6e+xv9ylacjlzdq6uhe5fvrouej0wtwxrgsjpvdp+v3cgkufsqugvicmt+uhutju7lkbgqumlwnk/awqvfamtervpyslss9occtztkwqefa1ycdik3ftjrnwc8hzb32hscheri/v9dw0alow13/nq4ag0vrnfhuy5nwjj3n+6d1dqu1hhgphehre+pc6i+pxasnj3dkp1qhsctqyda0knzjv9/7a+q6mwvjwrlln5pypba6xqji/il45f6xvgljp5zs6ypdxjwmgt0kuka4u3wu7lx+rzm8qnrrl0tmmk3ri9tehgeqotao/qxqvxzb/nkhwlcooy0a6+eizv5y7t5s3cqnyrcbthvsx70g4hbcfeeszt2nk6lj3mfpwmopekwxausxvizdz39vbacbvbouwnixrbasavp+voxe/9ezw8fvopolauadhk2lerq/+byfhm/rzmc17sykt6brezhfn7bewat72sq2x86ntw9k+bo2d49gzjoyw6kucpjqd85gtugysa7ag6ydqf6h8bqvcqvagwtoscyg7ie+dfvihk7hwde6vexcphz461p2yijoicsnlxo16jizlwggncnta2bq7fjlgwrvil6g/kn/0hh7nkb/8zhiw56fepjgf+lh+xsb6h0cxt0euonvkqi+xmm1cgx+ksfaqwjliqgnbergnzesourxl7cddppiz0epcpfwj+fja/w+hj1oleuxfjyx9giv5uefm2ven496bwhxtoykq9jpley0diivltdoh+jefi/3vhjcjw3eohjmau4slu8jsqele7yb0ezesgplgl9qhlwxv7xvp7efopkl/xcwh4ggechgdw4azsvq6l/w/skjub/zijatj/moypk3hrbq5pif/ezpc+4wcg+hywjte32dwc0sh3cdt3fcns4a7ntzpsvvp4tnzzvqcgi0y+wize5a/7c1sbnbznh1ocxa8g7wgtm1mzdnlbiwyx5vgzetklyw+mef5lelkhzc5eja+rbkavcuee5cy9v1mcexjeggzix3zbflnhmjlh+yqadigpsuej47ogkxa+z1io+kotgq0ihltt7lcmmkjjdvbjnhccti3rngcis8j7yshleyuqavyldxepn+lzjsicshaqw4z5zs17qhgfmwm5qzx0ps1sdoocphk4miyt17xl7t9vjhgnyw2q20xm/9yshltmouifltxtlrsmesaslhwk394pcl/kdnmpp0dolqhhirmsmwwwmqz2cfiqlbin9rsxu3pnm4j4q3wk58zz/6m26kxouohh7qeqxflskrjkrqllpozad9j1j4pxb/fttgvw43bk3hseufvrwydoirqb2brm+ubpbqeewnkwlmi8vcs3fubj7x9vmlrohhz9bg5mcdic5nic+k+jm7paz/svp+kuumwscqjxicbqxstns6wknfk/wgpmye6phhkm7pvf3sc+n7yh0/o6j9wpxuwpgrrevldsbtgarw8vfljyjmiulpqqi+cpbcx0w5ce9j85dk2qugk+b20kkbpyap5sg7iqqdjqppkoxymwspwjrjliogadmv9zyifjgw9sjptbg9tmywsddueoklh5vrq3leranvms95hokdl+p2w1cxnqzbfltcr2pt5xqbuzdddzpak9vgyv6rqlc/fzh8cvfo0jqni3qvzs4zjdlwuzqdawzbxxlw7zap2jamicnym6jit0vwiorhf4xqp/em2tr31ie1bj8ncekrpssz2ng1159rhujbple1xlrvvtstgawx+nl9occ9fi9qpc4+syxvroauj1+iej1tajb/6u+m696mb/cfjvxeudolc2/jfs8girjt74ufh4yuzvv+v7djnmxuoj605vmvgwfdonsjshf1mkteann3uqdrmhnrvcduvd/kldexphnbqz592e2c2ec8let/mflll8xqqmwpzta58oyw+qk1+hz+fr8x9xutlinp0njp0tj30spiw4k4nw7jffhd1dnmcebk+xaqmpfl285q9hx9la+lr3kbpkxsf7fu5xosropaeq/wxo/jj7tlbcuvondlx27bdsqn6gjbj0wpey+c/+cp//wd/twcayraqeovwbsfd8p8p+ap2emvuzhn0cmvhbqplbmrvymokmzygmcbvymogpdwkl1r5cgugl0zvbnqkl1n1ynr5cgugl1r5cguxci9fbmnvzgluzya5nzygmcbsci9gaxjzdenoyxigmzkkl0xhc3rdagfyidgwci9xawr0ahmgotc3idagugovqmfzzuzvbnqgl0zrrehxqstoaw1idxnsb21obzlmlvjlz3utu2xhbnrfmty3ci9gb250rgvzy3jpchrvciazncawifikpj4gzw5kb2jqcjm0idagb2jqidw8ci9bc2nlbnqgnjc4ci9dyxbizwlnahqgnjuxci9ezxnjzw50ic0ymtykl0zvbnroyw1lic9guuriv0ertmltynvzum9ttm85tc1szwd1lvnsyw50xze2nwovsxrhbgljqw5nbgugltkkl1n0zw1widg1ci9ysgvpz2h0idq1maovrm9udejcb3ggwy0xnjgglti4msaxmdawidkynf0kl0zsywdzidqkl0noyxjtzxqgkc9xdw90zxjpz2h0l2nvbw1hl3plcm8vbmluzs9el0kvtc9qkqovrm9udezpbgugmzugmcbscj4+igvuzg9iago5nzcgmcbvymokwzmzmyawidagmcawidi1mcawidagmca1mdagmcawidagmcawidagmcawiduwmcawidagmcawidagmcawidagmcawidcymiawidagmcawidmzmyawidagnjexidagmcawidu1nibdcmvuzg9iagozmiawig9iaia8paovtgvuz3romsaxnjq3ci9mzw5ndggyidezndu0ci9mzw5ndggziduzmgovtgvuz3roide0mzm4icagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnja7xdvcfzbkqwymvklzmzmzialvwjwysklmszjymaymc1mzrcymclisef3vu5+hw+mf6b7a2iqoiro3itzzezeutnouzgpajcjwtizaawdhefmbmys/ablgwczdzd1jwdljz5fjnwglbscynqe8ifxivbrsbgctue2to6spiagp0ahaagqbjod2nkbbhx8fahuaaknzy9xgytreibws12hjogb8z87f5kazlz+hfnwdloxcgrqfzx8bto7otsahueffp/xjhpaiabkdqry2tgdariqqnpyyjiawhlllyam0bho+lgeqruzvy05qnhghojobqqdwdq5auz/sqcyozla2pxvmhvzb5eyg8au4oymnlf5can6mgod/4iyac5avwcbn7epz4cng8dk1dqr9hegiceajao5vbvfxwl87fs6/z2qs6vth4xdb/zbpurkbnizd7vxbge+oqpksv8jt5c1keiv2g42hzdayfld0slj3p2vkv7gpmg+ujcpjambaat0bp0vywwislbxc7y39fqi/uhm7grzdxrubjaovv/mgbhgcrqydbwwb7q5fdb8cp91ov+se/cfqjd1drb3+tvb6w+r/8jbbuqgtldkrmbj/4hpdvqibwxjimdyv7/iovo6adhy/7fv4e7879hnoovfb0t7v8/qfsrhauhkao8fsabairaoo4e+qgjo/+9uzv6fe/l/qol/eyh/r+t974n7rxr9p0v8373p/0ot7w5vr2zq8nea/5gzgi9by+oi+jg1aexax8pg3tqv8nfasth/31xnhwzsvf4r53+11gh+i+t/4/xx+b8hxbytphriyuni5vrhto2bti0n0elvbmrudba0tf84vl/3trwtgk72no7ad5h/pt8pj1bwf8e0rw3m7rz/uoprhxdq0ejfa/jq7e8kwkqldnw1pbn+i2n7t7hqr1eanl2cgyb/i6sj5gtxh4u/qmtfntwbpkxs3hwajnye1o/l+hed+dg5ff8pyf8myvvnwsku5grjctbgzwzlzqn8/p77958rw3+hkxi0d7l4q480qkaofh+t9x8bf8hm7q6uh4r/pq0+kv/39d+xaaj0bjojrcw6mque2kzlponqcxohjiqn+nryiidcnusbniskaqqduv3tirb5kkzeakkzg6f4f7d6/tx1ft+xpz8y6cgxp+loav7me/ls0puwog9qt/mwhasxgjuip5/pxphclshuqelzs2of7eyoqruvvmeqt7vzumjdpdifuhwucmcifhbg8tnpry/d7kbrbmooltw9o048fnyggrgdhhrsvohu3sdkyimdpxl4divmhr3gkkmooq9v4fmvu0mxqwjqpmoiaxwmjj2zn630ufucjlbmkgmbimxr+bswxubbcd8qkahj4fmtd/63ugq8wn1lpxdlmu/uw9lha1ijwv3ilwnxtm0puk+cjo1ddoskt8zbvt9xaldaolwue35rwl1yslacck35b70hxakwhuucfrxvmam9vawxmdbutlwfp+9gdku9h68u7afjcolfjeyshavvm7wyjo0knipphnjsoetic6ntdtphwfskbbbra5vssppea2bhnohkw13dyluzobuprkbcki4cb2hc0fmhz3qv4q1ayxoxakljfoqsra/ynyooel7hgcpwhdcww7txwz9mf9lr8ofc3wljwseoawb9itqfp+sgbsqx1zcgbcxigdqaot8ymmnqdu089gcy2xvj131e0rq8lnou3sqal5djbjdhuxtz6ar8m+v2peuf8unsmikgfzjfsgqyrtgxdwuc8yjglkkowestbo5b7dpgjag4ma0piqexvbi9dbwigoxv1oync4izgqsijz98diqh9esbotuef6/nwwpvfd69w9xkuk93kjkqzk3pqfrku9agkodtp0ooe6sem2anf0ovacyiwat8srp4wja9snxikzgqieumhvgpxgctbekndu/sjd/jcjutscsr4ujyjrmbyhlytn/2uchcvey4pxogm+iheuwqvpdr4jyhofv+ch4o4snyhw8pynjuh/hcgmhmznssd1lzib+u8odhn4tkuvqccgzglvsteifqxneqidvgds9lo8j4iqq6adcsds/n50wph/mtzbby7qgrreyjnm8y+z7kzxynlf4cyqnsgobecs6aames3ji0r+53jud3jihsu43nevgcz98mnvrwlxl3tpqz0m3q+8pdhfy2epmd5g3i4vbkmkeo2hsmeoq6ljbopuad7a0tgeajri8lcbfmyqk0mujsqczberzu2kjkmp9+s4fwxoimk+t0huimif/28ils9f3tvvl1j0fw9hpqsvuebmbreppzs4rzgqznhgznxifp8uznf3o52eq314gjwm/5uhqqkp2vcrb1y712if48z73w5sij4mnfuvdmoop+hflwozoqxtozog71dqyp0kouhznxfpri/jowttarzjh2owoqdhiuofheffll+sns8dqfh3rolvdap+bp7d7hqn5wem8ycfadc2yzoxhags03th6lrh7cv1jqr7aaeq9u50fojjwujka7n6xjausxb3qjfvkmow7rjsd90i9i7ndfdq5jj4bv+vlnzjvslzoactmjxfnfhm6rmhrw597jt8hc9kpy2ytyaf5/sglajjqjmvpgdyywadnsfsrxljpyc4nzhykwiyfb1rywdnhmqcl2trg7wjrcnh1/x46r4kmd7gydsjp+voeck7p2ltyfxamag0vlozpyetkxedqgfel5vh1ufh5/gptmrk2gpfcz0ncntzwhkzfd5bd8lrabkpgs+jhxb3a1snijbtuf7khxs/j7qqfgtcoycpr4dvcmrtpi7sagrth3pvywvth38hwdsucvvituj1k4jpndgk3xfy+w0u4b8bq4ytct4xh4q+k+dsr6xwa9nk1dae6vonpisrxwdgjos+flpmzzbyy8grx8zta4p66uslqh5r7uk12bnhzhvxc9fexbtjkgrzbffec5rxfkaiu9s5h+b4skityvvxpl4qy0qfdraqcxz1cfkel2tvtuferx71f/dowfdv+t06dqhmhnzl4o6mf1fytllnxup2ojjbhazoczqmrtkpthhui8naycqc4qdupmaimyxtvdgwg7hf7ogyxcmfnbe7hamyaryt7lmk76s6tictk83712kxtx5ynaaqgrptzx4tykx1prdnwo+ngolwshc6twrubzgz9zvc03dhfw6w7rpcuwldtj1kq93dnjobup7vpuxrtfgxikmn46r1/azbz+kkaqfmrwcvja7jwskaxmd0pue48ggio3gferoyuapkm9ppazjta6xmbtnownzomd3e3sw8u7dezmml/xtvuatrtfx52ekukr+txlxpcpcfvpi94/rcgnks5lr9uqzz+gmgpsvsttljufmzfx7ikljsrauvzrbk3rg5rpzvlpqut6oztdkenvw0hb2t7snypbfl/amxdm2bhvxfk63faxnfk5mrhhtsw7ibtn/l38dk/gd2qlhakuzyjamdvsjhj0su9qbqcibrlhkpla319y16b2ltn0xclhf6w454irwwy7mnyg9patjzc0+9epzwogimjcpg1g6lhzvzox91v/c5zdn3uu/wyqcwot/q0m6zppgonruzvo40a8+jyqyx2+hhg+wh5jrs3c25rl/ukazdskr8v1gn6g+dqbirupokeohdbrbsdvjaoohqpklvcocvkb1kpqtuhljsfp9itwsia52ozcadns1lmvdaet7jvcuukdrgw8knjfkrh1idttuzj1lfsqohex85fltpbiicwc+wi5rf36wanrk6mpxvqjojxttvke4kvyyhqantych0vuqruhgc+fd9jo2x52q2yewu+vfshqtnxvq/gpnar9yngbowihwm/da9gt2d7majya0xj3ciwpy3pglpmhqbgp6nwkugg2ynjynpdgiuvoi5om3thxpgwi1/i82augrzs1i2kzx5cfl+w+eidsbvgkdlivwdo2yx0y+nkkm+ssx62tnoy44mtqr8ikfmhjk/vbwucinkulhgh+i/qitvhj29rl0pczuovbyhheerrnzzdiibibdplcfr2g202irranjbytzo/kuf/wgdbwvahq6z8biswkatn33wlvl0psktguifffcuha2t2umochdlbc5dnmc211eod6zsgvxyeom/q4czdg+zqciibsnxdy1pkgkaqcs0xsfrlgv2pgfkq9u1xfbmjurfws2mhrbmxvrodme3/uenpbccn1gohfre4smnvmncnndok0yu5zqpvzqupsxrriw7o/ysjzsxghzgvfk7twoxyhzl+f9wj9wnhptuiwbkkxk/kj+e4kkyipsbjkhtnni1jhgpez87fgulu75li3nrtnqysgrp1tnrjzdplxekmjrsqovwtffehliwz8jtce6mbys7r+eps9gqmjqjk+gy7xuwv0vywzf/p5tnogpu5ve8eecwtbu8iwmsu6pj/nunbgzt74ogngvfali+gcwlvbf8tsl9mzjt8s25povacgdmtjmhh68ja9ered0xtjmgmqgu5cjiiddg+5unrkxbm23gbjjxb+auq86vno1jf1nik7aj4f0yvwrlz+tlk7f8t6mzpqa9/3p0do+tfhaxamksf5suhnze0jotwh8cxemidmbkql3qz9a5r2wu0s6e/vdcpidstowwsrmdgf0oizjjecyfrig3oer9e2e3o2suatwqyapvsqc0vuaoq/rpmcmqponongrnr/0wpj/1m+qlw5zlp54qsvxge7jz4g/1syqfnnv8smgbi29rjhn4fseiykak+8vcoemvyfs2kmlgla1sldjosuh1rqgnmqfbtdyxyvbs/h0xflsadrj2adfghu53dncfesdrz8m2npaosjrj8repi0qcki3xmiqdxw9wjbv4sdtuqhrljbfnjws9iqvettruazogcyfgnnohoyhu7dfr6jdahgizskd4+neq1vviqdwahcyvqcnnvycmojhlasv3clgfrzj26seqlh0p/n9y9x8rsmbskrqca7dpcp7dvw262ohokhyela3nc8aere+yvxqq2eve2h+e8uctl8u9bw1tnfea5q8ke02mki0gt7hcoq5felsqavemxixnlux7/sbccjiges7lgflg+b+eoxsegxv7szpazwmzxet1dblz7p8sgr4bvu9nj7plkldq3l70hgrrsvjopc0pd/vfjo5we+8zpbsjchcgksj+rpogve0cbbfvgqhl4cevqii9uwpbijplwrd9kl9txiw1e0x4ndyqtijiyfbuopjdb00xixb3k97v+5zh92z+6emdad34n76yivgrrmuuqiqqmaymyww8buhpxojbfm3q/jk723nnllju7kezzrwqzbzdrwgdq98nw6btmktfcafb8uxmqxhiurdlbddt7tz/lpwnva4zl2ijhl+c2kpz92atfa7hi26u+ip4hiqaflxrocw8+n/fedlpo9dms+hekzounthrxj/5ir6jwo56ey1fnw9kq2l8/iesqjfotfybwxcmdanvii3xz1nnd3n99tklspgp/vg8oz3lauc5uwbogsncogjqmbdwomn0fqzs/pp+dzjkzsxz/ftvop1d0/c9izettyy/yqbpkdijdkzh3rjroyb/hgxo8d3mrivpe44mqwmbrom5k4fjuka6sr894jabzchdwnq2hjhrby6kuk+mmd2xsgexr4xoojltlriwu4wauqnuf5q1li/cklg/ft+bgu05juqn1lwpb7s/fqxkrcxhgxgoap3lscyhbp4q0bfurq2xu7nzlxx7uetngd6yqqsam4wqz5tc06392trd06jj/ra6fok6yktsorc72ylyjkkjojr9jgdfvwhfyl/14mkdh7uxqz/z7bl0ej4tg2kv5yvadfokkznfoc9jzffv+qf9zp2bupajcpps8fpw0i2taoeogzbef0/ikxkbkctknm+czhfnuh4msmtpmubykxoabzcq7q4i5owkjllw+ka8moxjzkgaip7pk6grkvoold74fruf4nzzgwnwivbad8ed/xos+av2fs/r7nj9r9c819i7rsilmmvj7sun0obp0zldjaanhy4dhndfsrlr3qp307rx0azm7nrnkwu9v5duh8hvwgxhvuzanj8p28ugryfzralfpmoy19vuy2qxi2a+e93kawrpwyurpzaeaggcc7/8mjlnekefhupwayowrocpistyynrdjz7bb+84exrpce/6h6s4oqfbhqbaa4c4cel6veucuify3ij0tu07nznu+dhbytqdv4o1y9nuxvxxxaqb9lj5/krjl7xpcwasexkqzuulgh/nzsxp5mhtgeehnp88anuefnosapuv2qjire2cfxlpeiqi/ja61joxf+xof6emvk7x0qbxtbfmvl11jxe5/y8bi2kse3qhnxt5l79sxj7bozrribkdivcljwrvsj67penl81bo8wxufjnwivmuoqmhlh+ssdbmx8lws1nfo/d1nn01uylvmchswqnim8i6el3kpunz/n5+gzsbkts/r7juieke3fxyvyngeqm6lb+mfai9g8fl/jx19l08cnwrdhe2c3m0qbe6zbolncjkmku9seldybng0gcvefxqhxhuwqq2jksba5zclxzijuhhfujoj2j60in5ix2fzmahjbetnvxgv2fcebn1hhtpvntbahharsyr29t8b5nr9x6jnhynnvmvejxnekuvjabvhmet2z+wbq3+p0iquz2rtkkx7rzqu/zfetjlpk8oid3reydqostnfoqgf0yvnpnwb96lxtssnkd5ewcd6cu+ngeicacmmtcbecpcs/+rk59so5hvfhlre7bsbkexs6uepyss8+8f4tp+moq3agf3qgj5l8h4ndlzdambuhfwkz3ok5h1smevfepfql0y86rk/ym4xp0vfqfbmw7m431spkjlrjgdiu4ga8lvs45beqwkhbqtikvvvvmcbqkko59mgokhz6ridoow0ejkujkwxeis4efezdrpuzwq3aeivxxuu8gkhrkpk9w6af0ss1psb2nholuacx9lk5lxgjjtva5p22xrf2fdwxsrszfx2dk67n1/xctmabumoopqee3xmp83bfvgrzr5s14lmvzftqhrdjgltrjfz8grgmyf562ohfy4ytkgvvjmedns5gdltvou8e4evkxu+fkm3pmbaduehlehcarlqgk1+u9jgu+xou6rp8ruytvqci4vq2batzomgvknz9gcddyds3ruujvpj21zfirnyh2lpkzt/i0cfviwar9hixoml8zaniimrkpimth94rseptiolg0guoyyvw98fw4tf6qwh1cp5adfai9am2rudo/bd78juelpkb01i16upcu1j5a6ux1hon7tu5qk4sqgusig5vyjkmva/gfselna9go5fbys1y1olbscsc5+eaq6gnidvxdfuedzsot5xp9a1dwxvxffpumnxopzfepjp7wcgo0hrdlhjqhand1gclybgz/mzn0wo1gddbuznwpzhbklctx50lmtgyp6jk3+h0wpm4aivpj+hbdsnnwcgxidprkwjwxaxl6cflmyeokpnepvneggcv93fk/dmwp8eoiizgz3smaw4tkm8rrrvq5xier6xdtnv7fyzs6vqbens/h8bhszu0yve/puiywx20lrmeeqy6fjqfeflbjsg4hhijt//0yzuenkm61d6b3sgjzlhp5sovzaifqugtc2pi9rrtk+cv73nau0hlw5lamw6+lzk8d/yeh8fljw8vxkhyx8rt2ryaileg964kvck07ywrkxeurz6ba8ixtwdc/2rn6ru68ie8nmqvjjxirkyfh6nsh75fwpz+eiokx3pyauwz4lngapni9t1r/ce2bamgyp/0six1sx+8bdpuddnskbb+muj6c9u9vrdgwnywonxmrlt7bxip4wfzu2ri6trq7v627cbtodxjyi78lh+n2vzj364ilr0vawtpi89k29ektllhqojjcgwdoza8lemmd34yn5ua/3240iehkabp7tb6oyrivpmxltmneslczexohgkrfooz75uts5f73orw4vrk7yz75r6zyveyyxzzj8lzgg75ut5mslfamsoecqqkensry5ryxlamd6p3cehqzdbk2swfft1ps60v0iq3rf1krbkivbfqphozcsdrhrj/vl4ddjv8gonlupdq8fbtuy0l172bf3ksyk8aukwqrgitz5+qkob43ejqgzlgkolcampc/hvi4adr/q4hmyygsevhaxvlxb+tog9bicgpb9uzrw/iykdvghu1tzytz+nj7gr6cpt0y8psipmoviroqrbp2gk4tofbxpyqwjeko2hpndn+fuwpvdpp75ik1xfwhahmhbvl1l3s97lxfrlhl+ns9olrt3se8uj0dsi7/gsqzkx+hteifoegdrbrhiqp2q20e4ksdyv8ibyindyahd3plthfwswjosupjg8bpuhao7vbqugpze5j52+kvhinnnwrbq0kqdhr6uwzrxm8ocyicj310zdvysumwjpcq6zafbfn8vaci162hcgyonrafi62q0fg0vzgphbefh06xwtqyechacge55956jpedkteva3xbhojwmk21pcm5w+dicptiehhegl40ibumonybarqejsxmcqk0gnxchewt15mxakokpulvmxhpjdqid2z62cxawomcdzsjdlqvvosp6sorqj2v+of1cbeva8wokvuhfuiwo6mt8tt4k0jitm8szwpwu/rpcv1zhpjwl2di+pp/6zspjbee3gafagibouviwpdbzpxg8lq8yjh669udz/imcwvz5ixvgndgj0sd5gs8smxncx902ihzrao5y66oco4ktvb9as7p+bqysbslbcdsl2tfyab1unetxswkabpg3lotrgkxcdxzvcyixpo18c1bohh1q+wq5zqn17z+gorch/q/+olwofgvrvzy7phwgrhqnjnjamon/jkphdcalir9thymtctedrne+b9kjtqh3xfg5ieq8wjg3/yrtjwyyrn4/mysa8wzceik2hcyycfwvj2bsy+sk//gdjvcqvljxwupe1f2haszpzqaucb7mdavelefvpvpvp0qqqbb5l90sjck1702jaiucr92pon1ywgfhfv/hmjhl359z6gavvzpr8zxniziitgt+dewsgtc+5s1582l/0ax9jmxtnoby73rk8lljmsfjrnlyrzx4o5jbj74uugyngyfbhwxihxbc3vuqq+e0chknwnilng1smt8v/jtnqztlfkrqifxqdiu88wo34ddkdhjzm/4gip0kshb6bx/u4gts+vus4qshdlenjqwzo2png+qljhtla0xgt81hygnvgji+uaoaikkarjxuoocz0isuid/o4tstnwowlp9muiqurhjyyujfacy6x2agh0qpzxdf/tgifgs248lpkdxryxmng40j6cfuemo0jitt9e5iljayes0uxolfshdout/1fy4ivh0zlbvmyan41d1rjkjg0mxmsqxdwcoemlfv2+zvxpgufxcrerd7n6nvehwpbpahemrz4w8ldlmc2n1hlhtq625iwldhbfwfhbdoqr0wrw8a+ycwdvpm4xkhwhwcniqozmtks19b5fdxvdvslhkvurojw0r1wx4u98dlewnsubwoe2ceivmzt+x2qyegrvlqrfy+o9h9c7mjrd3opcoxfghwvuggk1a5+oz2syoonc+o9yxmyocshfkxcjtfahgwsjvxbyqemsyvbaie8jje0up7gndpv0izvys8vncvixdnw72cwxuute3xbqlip5ckxemdt/dayic0xltiiqtqc79519pr56xb/w52qo2i3cbymccsecsly941w4qjsbhomrmblgjeg3zbi0/kz3xdheightw9qdpgwvyaaphcqz41kyasw0a42l+s2hgonghhmbbxzzewjfdippvgnlnummkq9owvd9ssi1rvufgnzak/7xzv6g3b7jkt6el+gbzqye5yqhd/jzljbsnsmkk6dulg60zmvgp8k3/jsgo5xi8xb6nc4y1pxwigrkvtkcls7amhie2re8tpuv53gwd2rclnoce58o3ylljref8lgnp31xirlcojz2gwaus3qjajb/juhe7+udrmslka/sg+keg3ol+cyabfzwek+e2fbeldel6fdmxypcyp5iqhmvjms0uckmgb2dbsmyv5jjzo/7y1ax7zjqi0wwa4a23xuklex2rc5vi67utrctjbwh+unpzngcuebddcisfsxxztfhjwh5q5xzvuzulot2qivkysibcfu+izy/q316yi+vigozbx3+u1ud4msd72b0bk7ny94onfepjes25or2ummv/nozu3rijp4dhssodr3kp9ac4haigmfppkjdn4ixue3ub9qta4kde7gf3fvojn82/usd9cg0j/12yxvyrtpycfkie1bs4b/phjj1zxdsnpfgmwilfix62ifjdu1d5wyhi9j+dnozqyxhbz+7bhlx2bwqe459io/wasq5ikc90mtmliwpvrin2x0a/x4pn8s1wchd9uq1q2lxdnhb3cunls/fjfsj9uookyaygwpoimtnqhwgymdeaueg/iemsoyxk/qplfcvukbbcxcvs/pi7s38wbxsdtihw2pqcuu6w0yj47jacoc7lbhn8yyqm4dsyeq4rkknlq9m05gfb8rdpz006pjs14zalrhoflmcjtr42k3inddpi0h1pynau9bna7qwem0or046yrdn6olapikisufxi+koyzk1ds280n2tk0n0orfw7vaeoox+2xytb0yynnkge/3y5ywswoeaokivxqcld4kzl+qvek6ytk951c1x2putgqndii02lyym6yriotlqepj6ufbupqrllbzvl+w/rcpnzevaq3eqvyknqwxphsoomwpkr7ketrv/s2cvubzfkvdclvuzv4irqtrpblsleojlg+syd6prnrb4phlyq0oecbfcl4oxfrg6hfjujsjqcwvch2jahn1lwgs2fuwuarf78onbvfyx57e/1p7ja2u58+iqqavb3omsi+qcqvqmnrmjk5iahejd4rtszyoph0w8iru0lu2he9xwfalrmhiojk1+1ds8o70bdy9dkm5crs1tyuv9bvvskmldfb//f6ljweifc0emrlqjbd1a59zqy5wexsks2w8qxpvodkc5c7an+45s2oryaw0a3mq+dnvjwy4ffy2ydipmgcobdsamorrcpwcbgdhanmovdo/w1+i5riiu3ndl6mpeg36gyt9qirmzvmvq5a+ftqzxtmmut1i7oba3gmttrmoc2ek3qjeptsqg2x3x7b+quuqfaz9i8rlde+kcvzvr6newd37/2mhvvfxtz+gerd6v1gpvnrxkhqt0pm3qrxyhqd17rlra6wd0ogmuqqfei9qsdbksj7krhbplvqldsa7e0js1p2g3zazbzriw04agkbqncx6+xihya/hcdsz7p1dhdypwfizskobezainc6lirarutcxe7h0mdpin8yanhvmbjjddghiqdmhluanhaukdvi1yefhj+zxywdsoo5t541haixm3t5m5zakl84p3qa02hyit8xjf7jfmf/hmr+zjtgyvaslspg0e0x2gyyzefngf9nsczvgmrarhrqsgzrwrfmb3njyjkgtxxnlrd4pst+tbproen9rquvmgp8briltakqrt2ejqwme4hwbs/tybaajatr3dbsge0gzdukk5l1orl8jf4/fvdt9yufz9tyqop+ptvmc/g5cmdh+sdqo+ldfpqwwc6tskzsysagtrxhw+dzi6rjhpnncyntfh5xhgmuzecprw/pmxychr9ht2hw+l1e+fxa7lbzcfi+g2haiwnvx5seihopyedrqxulxj6hffmchoc3nwnlelywcsaptry89y9ijhfba62pozdnzdm/3wjtrayeygq0my0dumswmysyojxz4yw/d4q7t4tapczsx0dvsek8c8qoom22tgejkbicpdvdz/wevauoa8kg0ei/8iawnp8m9fjag9t/m+sjxxft0w3biduezaltz7dpyjlyf3gckxpk0hyml+r7mxvdse2keir0brlgmfk4whyvokhyxal8ziplvsn6gp/hdmrdfqkb7g3+fdtw8ibdswerxlzvghniptqmfgfazbwxgx1xiqlxwxrwqddk/pq1exezmlhu08efz01a0qgrxkvx0zkxsxxikgmn1/+lji+dkkpcwu47jdpmkp/2s5axqouinge+tfd4mzayfxendfa2b9xqnbb0v7s4/efjy8hqozyhetpbofnwmhgmlxci1wjhq/jygdita3qzj7gkvdppafg7pchb6wwjtpbyrhy7o/1g0crk2of2ez6nssdklhdvooknlwv+8q06tj23pstnwcvpsggwez7atzsb5/ts5t8hsmcnwbgpgih0to17r7vj0bbcdwc0wn5bd7lkp1tzwyznwwiy7dk5v/za+w1xr4nw70ym1ktm+tdod7jcz5wk3dxqnwd/qydutvnwhuzu0rffls4z57med+7tatzi/onuxjmoiiiw/d/o2hfu6pwcnpv5v0vxthanprtylitxh+jfbwo4yugbarg8gakmko8heekvxueluwjurp7otlebdvft/e61i8kzvzpvnxzpdiqvmkzrrge7cgezcsca8sy+boqedkjetv94gv6lzrrhur2hrslugoe4ndysz2hnf7gz5rkwnug2pxknbtfum1bz12dyhek9bi76ax4fopuurij483hiwj5dqw9mbztau776dqzine0dc6znsfqh1j/xldjebae/pzbrtdaaw+oaaa8fd1t/jhmixrlf9utxur8gutzolhndg9kt9xiosmgyophthllr4reym43cn5kr0vtoonz1v5coak/rf9occczclsas/pg1zcfxdv0kzyn5wmt7mzfppmalzgwv8mcdk1z+tjxzam+4wiieohlvf0djedyjbesatlnsvu5irknvbpb+tnd8epffxhmvl37kcpr271d8zqm2zxfdkek2uiu0+l0g3mioyo0xxcekuwd1hfhikdlckjssvnubrbel1ylmtv8gawupxd7icp2dwhn4u1diaxuvi2tkreyzxqzkqzsbscmokzrcenf+fsbqevtcxcloqsweapjfhz2wjktps+is0d9nd2acv0bvcm9j7umk+/nor6hn7ezouiaz60b3jtx3qubmjrclq0pgshgu9eozz4+0+iu5hhtyqjcyxvix/o0guqehgasjdly0ojichenblhe2o1f+0urxskhbkqgzvtqys26koijl5ehjf53pxodnn96h15qz5cvqfprhrgsph7eumh+2p0farpwr3yberdxgcr+fqxikouoj6d4mr3bk0i3vlp6fsm8knqeoddkbyrx9lcardkp3aubydjm8xaw8btnlaskadlv3kpfgqbkuha6habmrnm069okhtzfc/+5ptlq8my0jfko0n72zmqnleqrth7ntpzcz4t7toa712o08tq5zsyv1krwp5lwjl6wku1tjjpaow6iyvprbzhnpbhqtckxcipmhfmd/rpsa4c1mysczpymtrw2qnhsjodoc1dgoisiqx6oxtgmr9wq2r2yyfveafzhwxuug2ufo7bth0ic80arfyp1pyi76gm7gwwznokoookq7ft9jv5fgw1rlv4v7cyngrgeod9wxii6qv7juy3wnm2aqer9mukze1thpthyzm5xklaoiuijp5jeqrn5u8k0trcdead5j5d18ze2oghthcs17l5nyzsadp7lapltcc+a5noeprwd+n/4vecx1oywcvhl1xdq72+meykvcvdsvaktyvsnvtji8w0p9hmjbpsx1sdopx6zfmw5ehfff5xk9mxgposirt4qqomk5dsv63q7fwjrrasolm316540vbdnbz4m356768pf6as3el1dje1va9fjreyx5fvv1zhp2ndfwkrjhbpjffsbmkh6hell7j1tpi1n4mi09liwsa3vvs1lx35k/lgictgpw9+dltdcoyp25aajpvarwgkljwqr8joairocvmdivqgjxlpfvmw6hsalznzu6fmxdodkgisguhg2ss8f+u2irqhzwmx8mwlsjhx3r3nskz2hsjqt0ey4cggpu5ofkyzjg+sf2w3tvo5og4fhvdmbeasuxxcmdmlmzysfyoqqihibxjqmg1eovafh+mhriskssmrrm30jofwyztch0jlftukbmil8axyiensnibxcwgaojbrrwnpg0fcsf4axmfpik04oxkyxj/mnkt1iycxvpgs8a9c1rp+1qomses/7i4s7nojrsdi7lxrxz5yeelwnho9xp9oxppwya4bz6hpke/vulpq9no6u5nrxw/imnagpktw1vfleu2o12yvctbqjjf5/rl4b6mbawxnw/whidwsl3m6srbxzestpcckddaztysh40jvqp0s0butmvt9cabs5m9pgt7qubbmnmen63yed0x/pa2eztmddeygl97vxndizmlfwjlozwboym8w5hsxxtllq+6sumbghrh0otjesqtqfdvzfiintx5zde5wvyoocqdkmz/thfogpc5ppk3lzfq5o73yezuon3as3mmmn8xjugxufcyzvkzddzy4haxzdpla2ek2bvlbdsyjppubbampj3jkm4jce5gghglvdv0yehov7cxbgdkv/gi7r88lz/dac3abse7tal1rweknpmfp9txgvwxjyfqih1mj0ov4rav2bmeiu5dxohyot11/q5lodukbdnjd25ysng6/gnw32qexxeryjd1ydbpcx+amr3ag2du+t0m4upglfsfnaavwr+d4owgemca/jbaqwin0bad+zp6x2st9zbrcedtf7gmhxhanfcrkh82zbuki6qpe90o+y8cgb4pgfr40pgxnh35hqh/xfdfpmlxrubz5dwogyd4uxzxvqltajlhfof9wwwkzgkojougb239sjv6imjb1xkdfjq2ekr6rcs5eyeopinoirbw96y+el0vn/cmwwhpxlwkjvn0lgry0ab4uho+gnbosi04cbacvxanzamobrh40bpwl0ciq/ztglfzvqtdpiztwu+s5p9i3un0q0ksd73w7gwv4bdyjgdj98gi+v+smfdwkzq6fuxuvsn8ayhxw1xwfghroraz8i7tslbqpm+vvl4ydnaikirhd73hd7s9ohz559ulxpxk7z5btosklonxqco+b8knpwuuc8bje3apcj6t+txnq9eb/3e4svg0w/zum7jojoyiefzuct277e0fkxoc5aty8hx8lq/szbik4x5mv6ylz4arksxpgbujfu8bcsc9tukdrvrydderjza+kyd6ermqfg0largnryx8jpztuxjmwgon+lzwmiziazwvqbyty8k5/jt13a5/rr4au1mmzznt5eoon5zeqsqujtxzh5qav+sre2grl+27gvqn903fqiwhvfggzu6yg0yupsd8xps8dyr7a2w+lrwxahrciyjnuiwidujz8+lwgozpu730nqrjnsxywqlfzdkx5qdlawoqqeqk8zdrhz9t999rcdj+hgxulebx4sngpqiqfawomxlob/ahezk8xmzuyowdzvortulb2flbcmzygwh5wnhkbpo89zpzaiq0hgjb58yok+11azj20ycras8hu2js+coqct2gflvo3ycn65bc9ufvt2h67azwiotpqovwciyr4njj8qau9s4r/6x5cfjhl0ubr17m5h1c3ozgk08vve+pugjrwdruotxvhytjvqafkqt9e2mglpa608je6ec41a15flt4guaoc7vqov78d/qzncjsrwga2qty6ntcdh7ozko28yisjh7x2vnfietchvzvwbbep5qzoe9c/j68dtq0u7wkgpb6dskrvuuzripbf2+mgoh8bsb0uuypxlwr6t/anfsmymjv8cwjhlzmmbqrld8olwywszfhudtszrzj/6a3j/141yaqosro2yfgzgyxktic2mh1ss4n+yyhm3f7mllxcfjyusiino48tvo2+x3twb74i0ctcxydv1fjtkpp+hfi1pw/ukoquxkptz+u9odaqn0qah7e8raoimwkdgqat8fpxufwaoxupd81ik7nvvyiip8ip+ofzvq+rgijqf0p5th8rblox76slgvrddkqlsvylbdme/ajzho5oglpmldbzuxwj4e/gt1qnd2t+gnhvztw7yg+o6xdyg/pvd2nn3a8pwalbbwyeltxv8zmx8smfxo4uxbcjvjrsr60clw/82vpionfg1u+edk16/gzpy3lmmah2eqhhdz9mjff+gft7v/nbfnu8idu41ua8bdlorjvakpxrwovuhvecqwg8nsxyzcwblmmr2y9rz7dr5sev2bqpux5ox2mgf7szll4abnob66tzxriv8tvmcuieyphhcwijvmtdrushp0eyhbcrlnvqxepudo0nrk3ozxxujrg1kgmks28htuqlrfxy56wzjtvonf92ljwbgaz0aq3c10kotcqgjskejo6ebtvgognainv1vhyoxquv8sjlc5xx8czowjag5njb71hyydeyzsrn37irve9gwxgg/eyznq7khw24+0tm6m7+mfxbvj6qxmjekljarijf1bhjak+w/3rjjjlym5pwws1lg0pxsgsbkwyb+pct+6evx/c+koyvpddss3yrxlcf68cpuywy3xmp6ungmpr4crqhzcwmjzjgglrgkatqjyw62gkiwlje9qzt0mozjuu21vt5clc+uksc1cvflcetvngnsyc9lj/1eqhug1usgi8cl+41nyeow+bjqo0vkvnmv1meqvyxqdvvo1ivuapo89pfoqg4g5r5cpjjehloswhvhgfsoj0rzscg2nrzcyll4aqga1pzhhaj9lhzhxsmiejgbxyteqghfg4bxq5rvdr8si3tvkym/3mr6q/phfzco31jng9iwhldy5byxaqw1rpn6owwsg8fbcg9mmkthc6h9mi4dalbv3rprv0awgu3zaysqxbbmnoi9yv+exkcwp1cz97fddiw+owgd8uzebksbgemqv/wxaoz6k4telbd56hbgbz5esqjwk7pih1k8pssqqo7pcxijrc7mwdi3l0kzl2vrx5ulnj7a9ugi3u8i/mqkuy6af19upqv9phkgdyjnn1hhuzl8tnrallwaece5cormb7y1pv3uo5z6knz90tzp2+yciwwvthtlgsuf0k2jdgmhwi4vftav+fflnemvkfohjlbyw6qq4mvwje0ozxqd/y98yvald+6sopon2glupckb+nqc6gyhf0r4cl7vzeori5kr/adccocitg2gsmtppsha3e95ir0l7n247bz0x1yc8der17/sq02s6qs0swtoruqixf6ljnesgcexo59mw1ml35rva5mbselfpo4mi5rhsjd9hqxlihi4eailfg1lqe+o0unepxm68wm8o1bzc/rnkybbqrfqije+wt6fg8ferksjbyenvzke36tr5novdtumfx5j7wzeerfqukahgpcxycjugirzfjbdi1gb53zlktwh+76bam/msu5zm8qjhdzcp5qv3vx5+cjylepvwwhvdmhuu0jlxmw/amdt5vqrzlfgcnduiqvjpbpjp3bqburahomqugq980lzx9vs5afxnhkiry14cnu+izdaef50+jy4dhzjscqrpyz1s2lq9lcncmxi60obva71ob9+wwki+gbycy5x7j9sjceqfmu2s6hknsvdkuckfy4/2n8tuioof0bkdate0qscvudqnqsez/vl0zeaezt1gilap17dkxvjni2vljopl4ispnhty3fve8ksouqr2helvyuc/t8rzsgq6ur7ppuzilukygwewnnrxof74ftaclgbwittdsgcpexdaywrxevyiubxdciijvoq8jwecfvpucshphyz8hpgxffrcnw85++xx6zxlouy7shcfpkmhnapurlrrfkk5lnmfpz00gxysiwohegw/kgxxdtnx3n6vnew6qj96owmwnnsu2qyjnvqolu+tmmnxpx5mnfwtmh85txuog4daoswgrtqkcjngfijdmzwc1iubarqj7401rewvjxbjcwxlgweaf/taxvjuaweocchklqrbavsg9j46afntdb5qfevxlh5ve7zvjjcrczxbj6+epzysg0wivj+yzuw2+ssk/zm0pyvmt05nl64qnzlxqumryfbaxlo1j91crqgieyw9iqzkg5lkvukmfin1o3xe1zgb2aopabsfbo4y7qzf/kshq5sldk/mma2n5vnuuzjtqjsz3iecg9gjvwk8vx/ao+tjr4xy/8oerv2una3zclmpaiocqaluzuu3f4rtwb+2smukbtqeb2lewfwzmo6hbzr2yc5r6sbrce/8ezrftfmphsvlbl0mzlbsyb61ahdy1ckihwhws/s6hvutafdqqneipmpxepife4rs0aksgly8fne0f81zcyp3v0tmrzivjn4xtskl6wnmfsb4a0koluudy8nsppyomljp7owmqi5jdfwi2iya59vfjq3y6cs5wip5n+zm/x8jlnthqatw95u3pikqrx87v/olshcfryld5s8tcj6kv88f5ymy5hjz+qn1hucw/2ed6/3juk0yfs51nugjsavqgh5czy8qzytncnlfmaojumxxawuytairrupfoegpjracyymyjoxklnppilryjtiak+hn9xd5xscpthz14b8dbcv0i4rqswlw3x3fi0bfegyvy+17a1cj1ru/a5r1ulgjm2zjxw/jo/nbivr4rfnmxoe6quufj0dtpo9xh/6lk+ffj74/aqklsype8/rjawu3hm8x3osn6ayavpqdk9za/knmcwpw9+0dcxdaisbmypn94wnw8gqelyuf3iteyk4/6tehrowijapairgdhv9dlvnfw/+uh4/wt/txcy2wnnxufodqaudgj/c1uxmo1lbmrzdhjlyw0kzw5kb2jqcjmzidagb2jqidw8ci9uexblic9gb250ci9tdwj0exblic9uexblmqovrw5jb2rpbmcgotc2idagugovrmlyc3rdagfyidikl0xhc3rdagfyideymgovv2lkdghzidk3ocawifikl0jhc2vgb250ic9gq1hsvuyrtmltynvzum9ttm85tc1szwd1sxrhbaovrm9uderlc2nyaxb0b3igmzegmcbscj4+igvuzg9iagozmsawig9iaia8paovqxnjzw50idy2oaovq2fwsgvpz2h0idy2oaovrgvzy2vudcatmtkzci9gb250tmftzsavrknyulvgk05pbwj1c1jvbu5vouwtumvndul0ywwkl0l0ywxpy0fuz2xlic0xns41ci9tdgvtvia3oaovwehlawdodca0ndekl0zvbnrcqm94ifstmty5ic0ynzagmtaxmca5mjrdci9gbgfncya0ci9dagfyu2v0icgvzmkvcxvvdgvyawdodc9wyxjlbmxlznqvcgfyzw5yawdodc9jb21tys9oexbozw4vcgvyaw9kl3plcm8vb25ll3r3by9maxzll2vpz2h0l25pbmuvqs9cl0mvrc9fl0cvss9ml00vti9pl1avui9tl1qvvi9hl2ivyy9kl2uvzi9nl2gvas9ql2svbc9tl24vby9wl3ivcy90l3uvdi94l3kveikkl0zvbnrgawxlidmyidagugo+piblbmrvymokotc4idagb2jqcls1mdagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmzmzidmzmyazmzmgmcawidi1mcazmzmgmjuwidagntawiduwmca1mdagmcawiduwmcawidagntawiduwmcawidagmcawidagmcawidyxmsa2mtegnjy3idcymia2mtegmca3mjigmcazmzmgmcawidu1nia4mzmgnjy3idcymia2mtegmca2mtegntawidu1niawidyxmsawidagmcawidagmcawidagmcawiduwmca1mdagndq0iduwmca0ndqgmjc4iduwmca1mdagmjc4idi3oca0ndqgmjc4idcymia1mdagntawiduwmcawidm4osazodkgmjc4iduwmca0ndqgmca0ndqgndq0idm4osbdcmvuzg9iagoyosawig9iaia8paovtgvuz3romsaxnjqyci9mzw5ndggyidg3ndekl0xlbmd0admgntmyci9mzw5ndgggotyxnsagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrtdgvuno2yjsf4cato467bce7qeblcaegggmtognecbxeh4e5wcbbcpxgidkgdbaijout75txz15m5f+49v2znr/x2ep/avbuqnl1vmdfpanhjggeweewyi4klj5txdkabdbbwdxkdc9caiqk51cfgqaocza94xasxmjjk4baqagpzlachigiapqgyia+xbpdza/heruwxmabymcdpontabgfg1xmjx8bbwflpyx8xgixnp5dhsbeotsoa+fhfdwipc3kaociekf7bgvoqcabhawfyqe0hallxmgyqgkoaviunhyasxbecf2xc09xchmojaeitiy4uedaafqwosp/7alceoykhf1pz4x7kknebgaauthbl6gmyxmms4vqh4gq4qeaoubexx3ca1avgdqc5ih7vaaedqb0t7v3bfwp4tfvb/iricq579hb4xb7jngeucbdlonqjaxjmqimv+hedcbsq4k9uf+gjdibzpxqcyzauf1r6c3ukeuqrikijcwab8ud8ywubaychlk72im/h3i9ktndox2w4ukadrf9zascadregwch2ebexr5ph7j+3888+af+pe5ctk73nx9gwv7z+owyowgvib8wnxcf/mnms8zjbguqixfnnxlqcrwaapt6/7wbxp39gbhd4xxfe+mdm2b6laifhjvaeaddecotha4z4talg/e+pzp3ve/nfipg/reb/i7z/m3h/vap/9bh/t7/nf6vwdlw31wa5pa7a33sg8lhoqi6ax10daal+lbtxb8cffqo1/d8iqq5qe8//kvzfvfugfxctc7mh/yv2n7+mo/wjolx8gtwv/jzdxrshhhcwjhrhaqowatk/xtxfdh1hmarud3wepar8190+bvhy/gumbqo1thp8o4tg3xdeefyvdtxq9lf5pbp6sqqgqi7/ytp+5az5obeibu8ncob/z9jth4h/4/chslyw5ghw5uj/lixrbb8aqfruccaqjod7f8n6fw/fp8/qiaqc6gew4uxm5eudpp7/4/nnyerfabqclwhgpyokhqa5gh+n7j8mf2blvzj8uey/fsfj4/84/zx/eighxbjrar5mkr5sm5azjqh5/n5gtn6op4vv6uciu0m9dmf+wadyp39a+lpohfltdqh3w4tyfyvn3iht3byq+85qf6k9s2ck5dipypebrtufyiw5tzhjj4jhtaqn/vavyvtkfrigyijeq7uzmfb6jwnxlrr1rnslombjfvsag1t+adhjproun2vqxsxjo34demfnwcehc+le1svl3/dgqh/ngwr3nivhtiwmk7gbcg5zzibzdqwuou6fdwy1iqvn9yzwvt1iz2eyuqe5m1crfoucfimi8vatgtiyg/bje6ghqebdl+4onlxalolxbvflr+bkmzcztnmujcx+5yy+0gsopb3irtj6qr8ko6klnzjitdiaq+vk5nm5k0hslpn2sucml4uve944zs4n4efgbuf9+k1ktzbsjx5re1gya5bbdsqdx4ekw/9untlwkjgbur225cr4maxtg0hsxspsmyqh7nvnq+0fxj4qseoaigzvck6ru0qacw4jemxc50e7xli6qf62k5ctttoxan2wqko/ktgcsttzkcmc3vd5xulsaqfj6t0wgepdchps4h+enfwxmjrs7nx87ilo8q6opjja+k9civoj9l6z3ur+kgzztjll0gui66qo90hsrivggoklgc5f4mpqshxvhxbgf9xtqk1/3lrhyjwmzez6i2lb5ycshucm7b3zngw6xbstp9ayqxexvebcm70eq+drsf3a+nsvlatxubqm917ho/u/tawjhwm27ewvj/wtdhryiqbaufpqep64hbs+yuav7bqkoyigj99l4iuwiyppx4jw/s1gcty3f0t2o4lblkpzgl50nnnsafi1pjauti1uqiyq3lj0dwncpmccrqhxyirkz04lmnmnn/rcjl8h+kopln+kh6/fmri+ct6ybtf3jmgrobaqfbl8nf9b8qyer22yrbasdtwulwoi1vb+03rc+vlgssclj7fhhqz1kkiya5xm8ovpwg9+rnzpce8w27guenullddjj0awj7hocw7/h8gzc2kyswtoffzcmbo+jda7j7taq5oygqj3zfaizyz4y40n9dxaw1v9cvhyoaeyvfdsejnnplbyxvj5nzwpqg6ci3nvy52tnj9fvuff6dpjtfqs4tn1lzlvmjvvda3ovbrbvyqdpeg1sri1scvffhhawzfs/zs0oauwv+o7b6b7oofjxykgrcmxegip274rozssehyyr6btn8f3r8dkn+tpykztguqqjp2iqh6r6gsksduftyddmfqp3bjtrpsbsljhi/dt9q9nt+9gzlzdp2f4u4mci8gmb+cncb1af+cdmzsnjs3te1rnjffy349s5ocafrl89bwfccswvlmmmoctajzityzs1ru7qi3me6jrq4w8ou0mdo0xviuobfhz/qn6vaq7qjkdurjfjx3l2tx+1fegg9nd8pafatux9nfz6vwggvyxxs6gqump3vkh/ue7yxmk4nvqoqqq3elw7ya4tof3nlyydbffzi43kcpnnsohe1mxnlprewvenwq81/g6ez20wl1ntnflq+obmu+0nz1t99w4jhxale35mp+cuydhhlkwnrn+9gkg+zqeldfqlxhptu+wl+sdcda6onw/qsa8aoslggrl8iblpwd3fl8m8mvitx27dsjosn1vn1bvmf/v5wnanlhttzybkbemfbasbn1mahqvdsfntitjfcmczd3w0rdp5lc65fzrjriypow2l7vvymxqdwvvdel15+irrxkfbtmbfnh3bvhuew1q3d06qmrv5zwsdxvaahy6urnpsed5ynnhzlyb23e4zmvgxg4j1giufn2dtqkli1ueh2agapmb5q57oa562u7gg9enk6tbczznuht3cnr0gvesli/b4euivakhb8mzxflzbwr5l6ghto50ej7aqjkdxqbalsenmt3bf/jkl4sfivok8dviuthggztlx18vvnkygmojknzfbcyaxixpkiketv25wr8on1lqvi7iujid318q2jyf9d2moddkcu5rybez8zgp9eci3obvaoibljzcu/lkkgr8z7niu0opp1r9mahmnlvslifccsupwio8vugax17vqbxjluk67y1o+ylspodtgj/oknwnbopyyvckj3xqgcv9grhj5h77uqqqkt7coho0l2rz5oj1xlh3r//tvp17xaso4auefhpzbsbtrurds9tivt9rsyte5hafgzss+tzgmhwa8j6m+ldp/nt1wrcbkeorccc9ou2mbbdcqsknga/g0jbri1fa+w6neavaapivouoqdg7q3mfa4sdv8livktlrqjpthubrcmtivir9h2kkzfnjji7r90phplwcfcwncjloh0igkj6t8ylydwrdatwwkcgajoioyqw1putl7ol5r1gpp63cr8z33gtjgyuivvlimsdm0nmymso3na++1aglbxbnsthoaevt2da2gblg/+kbrakrtu2mwzyt4jwcglo4eaau8cxhrezmlc0mnffgxkzkosm7nxhq1/s7j8aomnmk68tgz6lhe+fwoc643sgdua0s5jozoeroyn47kpchv8ob28lowngxij8jhqdf/gjx8motzse/rcmysx33psglzlmsblxxjckr32grywgikmsqmbrh5mq9qm61wy3k0p8+ntc+gwwsdetvivmwb8fuzv1a1kh02/qklppbz/bl8liwefnuflg2wtw6qper2gi+2rpevetyeuwfojksgg441eazsq8gmen4gyxun+u3dqa4mbbuwqwb7ygq1hcznrv5q4bx+lqynxja4jm7ezssfrnpy9k2ycmmplnpr/wpdqridk9/kesiru6+vmqdz+ywio0j9fngfsvh6wihgjagbgq5ov2t1if4quppx8io3h5xgokraj8b9ff1dxkzxa9lmxyu58s4pifp+6lafqkgtxq99thcmaxi5ycmvs564asllkwjnorp7nvs5krmuv+wcggay9a66rsyra3p+brcr0ha9xvuhcv9bqvffju2m/dhn3muva1asalrvvhiqwdtrthwfnlyzdwzjysbx87jos7tknrxkoplfa1rweanap6hwea9/pfeg/kkysswqmimx3goc2he2oc+oulzbcx5k4/b3yt2yw2wvdhvbdfhdz/udz0x1daokjqhbyrezzcuaayxs4pi4jytg9vadnoh+a2oxcocs6bdrahqujbjlfqr+tm3vsyges6vlw0pyf5elc84wmb32elln/l6hoggnlybn4drq/v2r59cw2loh2806nj/xr58dxk3khnanyngmsfngfp+s6j4mn86pzrj7dqy0na0mesmzhwjxvsetv2rcvrjuoi2v3gj8qqzms8fx1unr0+3pmvcuiqfmozlqfwqxsfdjml8s/olaf8ornbk7ar2dp7vpsi3u96vulz/reislzwnpu6t26es9h4bkvx2ywvfvvzjlqrtbm9ui357fstke2txa/fa1v4w3wftxrsfldmdzk59gh8fxsfipvvptjl33llghqmrstzugsnvhdw29/l5ugiahbg0osghwh7xhbct7z+rnjbuuxu/ea0n0od66duqxf0mgu8ivbusprvcs6oask+n3+wnpbmvxxhhdpifeqgibcim8rnsjg8/n9jq8rt8f2gvjmsj1kpz+4xly44ckehr/flbzgrptblspn+0wabnc5nbsbfshf305deggfg1ycdzf6bhaxjrprnxd0bcs5d6xe9k9tajnubdyg44mgy/3nbzg1xnr9zeb1lddlxu1kme6jo5wp6utrawukomhfzotiu0jzwqyswse0hkpvxggowbvdzq6fksgzhuqywv0mv9j3ogx1wbmm3ub1lqran7+mrrbo29fbj5zgiwsyilaefkgwuvdshohmgntwwqpyecbhjehr99gjvfgkzrergd5lqzbvulld/3ul0trjuv3pvzjbbpeekgxivywd3zsqsns7jfn3voghhrhyui431jiz/3u+bdbwmmtbq8n8nnqh788mrq9ix4r2j7kz7eytf+q1nizqadicpqh43oo22ayh5o+llx+xhsws76uhxlhbv+dtxs3hut6wtwyijnaki4bdusxdzd/mlwl9jmnfuuj6tgq4y25frb/uhky6boxio4mrdf+3wok+xe23z0xy8x2fhbwpn4kl0nvpwhnlpi51oo1b6w6cetftfvk4up3vuk3erlkojbx9umb+cfle2cxbseou99lvqnjo760l9s/gq9bx45jkssutrejfdwgsvqyhuy2so9xsojwwpvb2e4vb28djjcbqhwgcerfcp5x1n+wblqmevr/jww/1bjj2uwobjzpttl4gdak/zgvew1dahm6uh95adaxwzhp5baa52ehpzymcaxetzn0ul+mcmm/rxjnwzubw4p/2ejfxzazcdvtqzx1fg6dh7vbh4+ui0dv1rgpv3sbrfnzolxwbzqqs/+8qn0lhylsx1t1kvj0hntlgvp8mdfok0ejciyhysqyfqmcvypkufzqshedzanfqq/f6spvx72vqumtjueswxvl1zwiyaaftm7whfnu2n0n3f03qnmj32ngnrnf/i1ds1con5btfuen7e7fonfnpaiecprfjxscr0jzl9vroxxj4rmxm/v/h1eatkjngr58aszukr++cauvbcv4i6nrjgvrmb+lqxkqa8p6r9gk/7n7qxospwgb1cuhyxvwrmmrmlxcfsuw/qj5kcavqwvvssgpr5w3fttnjerq9cv8djbtixumgsjbossbanswfeiky4x2sqqw7ywporheuzpr2izu0+h0i0ipysmzmxpt6oyy9dhrqvbhmrry83lao7i4ngy3ua2enskihuglfeipxalj/1lrq+djkhrsntghnpnt9nhnxf7wsp4q9cye7qtwcp9dvs/gedaiypdkiie6b9d7jkffzfe1rtlklqwy7rcogvfkrouxe5+buk2tw3pc0uiporwnmdomvtxwob1u3yrrl4r9toq7fusiw59pemh/6qv211snqhwufkd9a65o0vr/fvfv2tjwz5xc5rqaufzq9+2pmwr0nkfor/nlyg1yqpypmeveb/8ox+b8/w20o0gmxx31eqbx2jogvmwgxeosbacyjt2wbt8rvxutqlseewcuhpwpi8sbw6+iklfwsbmstjydxduys9vtn5tqf45yy6+o4rhnowxt/qu7lupdetmhfmrqzxx+fbr6glr56+fo2bnk5xtpfgufuwofnrzenxrv/zztyghil+x8o1ff9zfg4yczxvnbprcn0wt144/tklpdpoqjqkv5lwjuyk4i45/cehcwp13fiaxohoj4rw0vfrvnahybiit7awcmso/jfr9dqxxnuy/vys0k0u8bykosajgcqtpml5/+qktcxnfxgs/zgcru3vxk2qavvx7cnezcschxyykodhoirl31vlk+fntqi9rpausswtqlkwqvttoroqmigqsjwqjeffkgcfhbbjuo12uwnjfjwi3i4awft9qjya0ofaxqcc79uiahsmmlcunmtbioo8vlewhieid0fjzhruzy1uxyfhhdzgdkuxlecuwa2+qempiuehph6maj6zdxzxs8m9qxdjf3npzkc6m8qx0fypqp6kshirtimzd95gxtlylj3sbeprdo3lhdovirhix02rhgkdmpxwkhe+sdxs+0pjnqffavf807jww+jlnoxou7zrn1mvu5liq5nnv+xpkvlmymd3dudnpgzn4qxf3uehgtxmi0mg+0ucwbaouyjfhwlmjnbsdr6kcy3q7vzqrubhzscwp1hlopytscx08txxdhdgvmcj+g1wrl4ffqkurkpid/n7uvmuzrpanp3baedgn61bjbmnhhukmx3tu4160dymzoh6izjezta8vr0tzz74wzzf2xet6opsipeomvgi2wtafc+ztcr6yxm3sdzr7lguwknbe31hyrqpvd0/mi0pjelyjlhq0iuaz935glaohttzo/n4l4+dyihyx+bwiuxrjqvqpsqceqf6wuzwq9lro1+cyiu1v+5wfiq95eb3aicu6ujjawlja6+hbcy8l0ndwhaxnspz+8wdpworxkwmghmdsl8gujm3j06lrfqmk2u17vwbmqx3rc6/3teiypp8kchppmkl0dh8ny/qz7n66dn8j9zyx9hxmawc9pzfaw/h7kl8rsihrztlypxks/tzi585+vachpkbvle33tytotuczprf5hco8gwojb++ugj/yycnxl0++lbt0jh7pcpjwhk9r+h2tasxhpcpvcwgeykp6+okdv4bpj44apy1q26kl3s7jjqcyhiliu61idjfqtsvu9glx1/yqn5g2ekeowfasbxhynxivnrhhmbvka9l12voocj2ce3dppes1evvvdq7rolv7p1gyodzax6dy4mobvxl6n1yq5vozyhbpy6ee/vonitmn9riabxf5dn7p17tst9omdogkxdvtk/qnzhygzapcbqo6sgisr7t9m3xt3psz0txbhqhufyespf2fshl67m8aw5gsbvpvt4wkb1+fxzj5q98eddnpoubzv3hhiqjzk9qfjj1v1b0sirubwpmn6xdkqz/tmjcip6njypoyekkien87/0vnqnykxtiwpbmtxgn6zisepxmaxlys3p6m71pd4be0e8/zmjzkd6ruixx/afs9segnfjlai4fb2e8sa9zvkcwgszhzwcxq1yxfnfbbqdtpsh/jk1bkfi65erqfk2pr7zkkbfyvbjednwnwt7/gyfi0rott6xe0tlzqntaem6jfsk9srtv/aoqucg6ypgm28ychffq8/wzjb/1mcg4yxbjonv9yt+9qbemj8zbb9a8bu3nwkryuqzkerhlbhr3xmchk6gddrh9zmvenk+vyrgy6zjw7rsj9jlwv5sljp5tf32re3tu6lddby4px+o5x7e4jwvpai7ufrvnypmr0xidn6fjtymm8+hvssm7hcxhzxt5qvbxsckcj2ipkllycuouaokkd+ljfftwyhtax5ovtvcdp9unc23muw5up40fsobgz1girfuy7oondljztul7e+lpgvhb55onirkbalwlpum2z95nc+iv033u2rg/tucjj/ss1ox5ord3gujj7xn14yhyhgfekubhlx2acfdosxtnbxis2o9qgloazy1ct7pxr7kkyvcq1keht6kmykvbpo6rvqduyqrl1d3zs/poiaxqdgn3iufwfej6eldzpwjfxbhacu/sex7iyzqlgc90uyfxy/nin3zldqjxfpm4u0599i6vrwpw27bzvdcegykqt7tml6txoxberr5xz/zrh/3budjaxo9gjcxoso7qdzkvrrrjp6i1+8kaf+qaut+hjuikilkrv9619a+lzbg9f7i8szfketuldlt3vz8ilpfgtcqnw2wfyso9ws9pnxlsuztymmsrklj06s2gxpw14keqteyv5ftugxrztlmvpk0n94v3ipn+ivprigy4s+7bmue0yu8f+bkb26uviodcr8+621oktc/m40j+w+saotwskhu1c+clvvhhkaz+xpwcbtdxwitptxkohuzxl6jjc9f0ebs4w2vi7dbxyolma+274mfhi47vsujmmwuq24lujl2lojh6zb4mjpvrdallxpgp5t4ecfwus+3saitiet1g2mqmzpb5opqr2xlamyiu664p4cmbzvk+v0slzhumzkus46qdbrqcsbnooipuyzbilrcjdi2lcdx4cofn5afo6fuq7j+jbkp5v41kufhhnmvjieid0scgo+eo9tkm7sthutc3x67+qfmpo9t9q/ozbd5e1912mld5e3y8jg/yoe4codedxyimbaixh5diqbzdvn0nida60po5s2qoud04lkppwji19s9e725j9fzd5fp+wg3qzohxvaev/gnt2vyaxyct3rdkrkgx7wt/rvv9squ8hmp02gzeysvxctiubjlkry6ysje7u/8qq/7x6yff0yb5tjtnvrmz8oauaji1fogmj5c2rtvuba8xq1jefhqmb5it/e3/qj7xeb49ttwaj1swwos0rdqc1fkhmwqsnw5oiy3t6trrsisv8peuqc93anqof7qx4qsz8529mrvvxcvecnew59ub3neddgyanng4shkh1nzqdytlajxsc/ieqjkpykyezhix3gedzmnjo7gnjhykgxs7lib3tfeonjxuklwk+pijboanyhmul28xfxxstvwrpgt32vpm93s4l92p1stwbzmidwm9cj7s4q7umo3djjevldntqpcu0l4dr+mgwtgex98+pdbgmr/onvmh9q0rgxt+i0f17ucfigsvyblputpmatz3umgijpf1lo1hebthmn8rhoipnprnhwrr4y1z0luume2br9om48jcod1/vc3drmyfyq5kgjpavx8k2s1dpikxl3pib/lc2ed94nyqyamnferohpvtrzkxj3hpnc+mmmjasddnapt8hxjgnrp8kih3j7j7ftomupvp5i3se6bff4fsrnwb/8h7yx8vnob1mgzfjam8hmiikxw1krubhhtax6wu7j7hcer2xsxm7wu9g5fbmke6w7cnazc/it6br7dty/j3gvcei59rmrhjevrhl6aimb4edim1ge3ntx+tx4s0qkoq2mx06c8ei5rktdkuzuu4bghbfxpnboqt0x/ktozkkbvjhfktikp+norbgi7z4dtn8l421u+zrnqfn3hszy5n0ognu4ors5esr6qk9pj7l41ami3b34oi9ejvuqaxi7tjsbkvi36aekxej0cbcl3p8e4ovaozwmjzxu2ruqyk1ddtmuc+mte4vz9ifg8ow3vv5kr5kwf+lwh/pc8nfovgkszje5ekc2yy5mkzivwgunja2aqq9rwxdekzft0f/rnvzxkvnbxcolqr2zek5oz1ge7/e7ytzkkatmomyh1v4fehrmj9jjxdngwymxjwqqsldlzzd2q/jndgyaqnouxrcb0mnabbobe+v3zxk65g5d1tdglqlfl1x1nivrfrsj94ceuebnt/cyozjfyhapglhtg9up/zhpnj0k9eadb1h7xgzpmb755hmietnpmdnbaj3dxeifx5zxef7wof6hr3agvfwtip686riyzaazoo4jvz27vjtumqslefigz2z5zietdrbul5t8csr2ijkdgswqzzdpr50z1luque3+ird+06dcbnyskzggftopagaqvftmz54myrqsgxedboly7pfrfm0xu0hlx07aw6edt1k+/nhvzzgymm5hqscjej2vu9tkmoq7lyunau+ziykgcbgkpgpueaymyzerjrurr+an1j/qbmtws1vgoew5qvz/grrylir68u41l/tlki/u4zbjlb96plzop3ts9yrsbfidv1b4tjkm2o/iku9ny9gse0roqjzj+j5xrzsq7lchylb7f6k3oxruvcc7mxmy3i72kbdcd8e14452nm+e6zmqmesdqzlporexwvcfrseoedw4g9+rtqupjs/8sy8dfyord2yvsvrbxr1qisd+xaeywud8uybnmfiokvonx+e1dvxt30uvxlix4uvvyoelucxn4bnvc3muy/ukka1s5vsvznf07aoj/36gmfkzdxct9hlev6c4o0f0nhkl6etaciytxxub+f8y+8ow/p8zirpniduixqpvjbj++mit9m++hu6zfdzfhcbh0tdmeigcnag5poregmtz1zd8q/48/rhpv9ybzyv64nsky+um/ech7r683n38wqxtytzvjscb8m7q9riodf3hcmjiygxc17rhsno4kmeizkkrtcpxxjhydxgypbo6i5kguzmz0mzxtt12y6kozxudx1wrwiftjjpnqnfuyyp+nvrfr6y76qlwohbx0lsznamifwwfebzifxzdg5cxaualmln9hhfejj6sh1+btfz/bblcpxldg0bik2bas1vkoc9oq53lkgg2a/+2cylgckm4ntep2y1bfnsmnqjclopsionjopf8n9kvuc74ws6fhua9yblkkwn8w/0a8yja1d/b8chkpm2pncfm/tdvws+tb1cuoef9ecs8uvudephwd0jjooo37jexk5qohvnwwzmvgg+ltdubvqmogjlvhylvisvwzn6uf0qkqq7oh3ck6c+ccaz5pdlrf5ds2gvbf6xba7lwhu6baplzqdhqvbf+0dem6henypnz+6gj5uaqbzs/zln4i6io/ioyzh7knw4tk2ryyrtzhjlevceqym5nre759lhbufsoon7j/ga05ovbmm2kywsn07tpwf10clelgw8ylzpofx3ylkcusrqntzdcfkw3ag+alsmzppy5dzccl+ryqsbublrnm+xuejy1+aqxnziqrju2nukzeftu1jetmtinl8e4zbl6lcvgkpwr2+oqpd68xwpuupb7l229cu5wcjcauuehcsoivwxx5me86jfbkaulhmvudoyvlp41isv8l2amxh4zhaoob6docavl+hhpbtddoso86/36qoewbcznmhjzjea0vwcmluk1f00xea6jjgmvx8thmkteoimhflpolvzx/gwyw6jpariodmptshgvdsrb73y40hz8lcjsdxfqib0s9w1ctjmfdtyvxl54h4yqrtq14i6mrce2ke8xov2zw9uzqawe/wzyhyxohudjzmf9pe8qvksw2k9b9dkql3wv0x/qwgti8pb3nf2ye9+eamqa36t9dpglptb7p4kivw+d0up2sdxlubn9x0x2pqu5tn5x9n2zvcl2nbgjixj/uetxz5ygf2ggwvexxh+kfp6wdjztujprdi2s76julbtrawy6estu+al4novqgr1xc+0bdcoz2ikncm5snlv16u4okmkli69tvp5vp3yd9ujs20hbrzwopl9fmgov52vdh4w1twdq7raefxcjctxakmk4u8xsjdtvozskry2pbe6lk9qxzojamwoodrg2ylrlmcybiok4xl7nto1r3u6yh17q8wuty75+2um9sozm7bezpwcnsvkkurs0czjrkwwu0xczy0edwle59k06krp2ozs4ogvei27egjqfbrow8nsmhu1iwhdefwzgrq7cjbx8ycxwhlat5mmfgn2jjkzekqqkvgemdun5ylvcs2fw8ssqvvecfblontsdo+dlwfp2hvpiexjaames+01py6oc6/tnsn5ig2g5guwyilgwg4pu6d/b4/j9w920p24+ozthkew/5mupqoumhhhckyr0wtocoocvx3by+6mn8u2sn6ogctmoa5zxga1sxzohhsy8h4+egd9fpwdcrvmxnqbjyu7cxe9trgp2pqx0jjrbkw3+znz2ojgjpkynd0hjglraaufcbrqpqcvekzphbiv8atlble3z2wgn/dcmn7t7nekwfgzb8cz7jrknqrzchv2pq2n9uo2bppdtnqtkpwsgjtxte8ixnoxx6tbudhz9dhcr+nuevur9xd1ozz+iffi4eywktmp+8vefcevyvgsttdbizxyirwlxyicezisvig2ezws+kyi71xzff8vo44p3ojc2o76xlxpncyjhhjehqqf7hnu3gr1bctr7i+0ad3mhucrhphufxuy+bbj3q5oeeieibjzctaboxrvjeplzkp6/vhy/ggy+twigneqr2zu7k8tyol7gaxf3hmyuvffyt10mwaqj315/4c/rp9p8p8egau9barhwbxacdus/ww2fj5gzw5kc3ryzwftcmvuzg9iagozmcawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk3niawifikl0zpcnn0q2hhcia2nwovtgfzdenoyxigmtixci9xawr0ahmgotc5idagugovqmfzzuzvbnqgl05xqkpatctoaw1idxnsb21obzlmlu1lzgljdgfsci9gb250rgvzy3jpchrvciayocawifikpj4gzw5kb2jqcji4idagb2jqidw8ci9bc2nlbnqgnjg4ci9dyxbizwlnahqgnjg4ci9ezxnjzw50ic0ymdkkl0zvbnroyw1lic9ov0jkwkwrtmltynvzum9ttm85tc1nzwrpsxrhbaovsxrhbgljqw5nbguglte1ljmkl1n0zw1wideymaovwehlawdodca0njikl0zvbnrcqm94ifstmjawic0zmjqgotk2idk2nf0kl0zsywdzidqkl0noyxjtzxqgkc9dl0qvry9ll1mvvc9hl2ivyy9kl2uvzy9pl2ovbc9tl24vby9wl3ivcy90l3uvdy95kqovrm9udezpbgugmjkgmcbscj4+igvuzg9iago5nzkgmcbvymokwzy2nya3mjigmcawidcymiawidagmca2njcgmcawidagmcawidagmca1ntygnjexidagmcawidagmcawidagmcawidagmcawiduwmca1mdagndq0iduwmca0ndqgmca1mdagmcaynzggmjc4idagmjc4idc3oca1ntygntawiduwmcawidm4osazodkgmjc4idu1niawidy2nyawidq0ncbdcmvuzg9iagoyniawig9iaia8paovtgvuz3romsa4otykl0xlbmd0adigmjcwoaovtgvuz3romya1mzikl0xlbmd0acazmzq5icagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42u1tatxvfdfogedksdkubsokxzgpzzzmb5lcnjynwxk4a44pgw5khsqcmygoiuoiklnmkzaxgaioknho9dzd0/pxft+9v3fvl/ta6/pf69prrb+ianxcqgojuwbq4rbeczgktbnqmjktb2csuhares08iccicfhtbbfubmbksjbag+qcsesbmhllgsvlkwmickcf8ydjus6urebus+whsqhqwib4lbmccxghik4ghqlhhead5jgnfegkswiaadrg9umeatadcsdec0rkqmawailyiglxqbcufgl94ucf64wdfh6fksspp1neij5amqwiukykarslsbwwtqaqodmeaoyj1aiptv43tp0urktco40rmb/ylb79vxabqahj/87jmb4kioghjhbiei/9nwof/rjmbcjrjmzvwx0iao1y0sc6oefa6lcirdbf+ybioiro5ao4i9ae8gccxcj/n0fp208lua0tht1d7xm/p/kzbuegsmtlzi+/rh9wf2ly35jsgzzkb7cvkpssglgilpfpl/vfsulgnxbifjaydnlyaakpr5ahll2gidnadwagsejqbwb9kh6hklgckxieolqkahdg4se/hikjb0cxjmy1h8n0wf7i/qrla1akdo1g4p8kycoaua80ifb3qama4rdgx1hocoasvxf/yxgfu+lbfzckaagzjvs3phxf0xnl9q+glaalup78l0yxrwc9wf/o/rvjmpo4hz8jyk2qkkauh8guzaafoama/ya6kfb4eev8ub+uuf2jnvguwykgd+gegr/foameuqxu/fesqjm/uep3lkrtptbeukpl6altyfgcfbqoy8dz7nrd69176rwsi3sl/n57visbjf6mvbrrnzzju0f2f70cf9n963itp6ubkrc8blddvo421axvrcprmqxodzck2xs0z210rotcrbuvvzv8rudqu1uvr08zquuvrhxt0rbhyq9pywiysaz6lktihk96syyn0k72hws6htm8pjfxeddiyt/nz8hj2rfbej+obns8c0tehts38sp1fin2rurfxzwnyx+dh5trv7+3w54jvtagu3m6phu7rjazhjdxesyuoni1w+p/kctqmvjncfh3bgdpwvchteh+wl55u+baf8/9bxp4zoe+gzhnu3doe1v34sk7zhq97estz3ycu9c4jqfjzodptzw7jiw1ze4sljiapd81r2rfsyjfwl/soamquce95ytv6jfwuwu7fkbnmsb4x1qrwkqjccw68nlg1gr+zprr7+omzhvg5kodcfvmxkhaek+q73impylvgbahh+maqyedcnmm2rvgv9vjsr790vbtrv7tspwydm5svp+a98zja0evfeslu20a2cveptunwqu7gt33htpvutytph8dtn/jb7xbopmqydbz8sx0c2/p9i0luntt7orqyjzmkopquruq8+xyi2jiszyrpq/l/org7ohclmivqtx08+vj5tvncywmbkgygunoz/mskjtbs8qkyvpzt0ydq+/nu1wdsp0m9krlk6i9df7hphspz9qzf+5mafpuzx3qlzkk4qyykf+mjywo3ij1njwqeltgsncrwixyn80pfxad2d/uy3tam1nzjgdxwsyfjrbr4+pslqvvqwp8t9c8ank9uvj1bj33qkilnvojtrlbzj2rbtuy4dw6aqyce07fd3q3rtal73kgny5qzmduphvaoewzslriy/xu3sra9fsgjdqicder+yovbqz4p7ckjrpxthrydbhrpqbb45mmkunvvrfvyvv52rgfepik7huyjjbrzdbbnhckdnb+yzk5lfwsdvjzyj6orpxs6ciswfkmzh2vlirldpqvq6+k74fequnzwv7+gy7axntfbo9zyz7yswwzjhz79tzlpd8vvjvxu3dup6qfjnfmvzk68qjaif/vlvsbhf26ga8kbht0nuq9idtpr+7nm9xhhs8sha9cwb+dp104rwawsez9jtgn82e+mx8+/d7s8v5rwi3ekzvpi5gxnfd5zlpiea0lveon9tdrv+humsbnxlufk1abguwvbzurrcpfzdmmaz3nhhlpckjnnjeju2/aka1lyyglwuqep+b/hciwabhxpxgbc4hq9orlnsgljbp69eu3yvmpbergzwtfslaqvgv/ut/rd9zq8yvlfqvl/lcjvxujphyxj2pvbkvyuwbn6aqncgpyyx5/pngw9ekg89f8s3vhshvvu1dvptfozpjnscugcwl7alrplwtckgctjhvax7sac4ufnh32e8iycrvn1uj8bik3hrqs9shh5zfweke3nnt8zgq2sc5d2wdd2lrujbniv/jlkjmhuqxqnzfie2o0pt/8pmpchdadvxmu8evoyostqis6thwy2uyzy9x9v81kiup0ei5lkdmk+hsjhasrfwcrefhmvklalushut77ap9jvzarn+fg8ulqoyswo9utvylmhvkqfj9mtnqsjs0iy/c1q/ja4vewt7nzr/g/835toakq0sdpfwksplejjxgzv7zb7hoy4qpvc6gblklsqe7crzw22s7p7xnkzlvtl8aufvyxa3gjthmqzvmpwl0y2s7zef7dn0wo0vkmyicqkk5/dn7lgs7sjdc82md/gb8fzj90t1+o/fw9bm+c7fb8v89coyrdr8hevvmthtojefey+t0ns6u9nl37ssvr1nwk6ve+tywlbyuy3afywoilwsfsxbjjxarmcxutua4i5cb8wjr+nhxvy68tkumagqu6pejkdptokkq6tajmbh5zi4ujxk7lbw3v3ntmun5ouma6p8gtyzhy8rgpc4qayfk8t1nnh/sqsm3bqtbettebhd/c2llnccb87qoke5fmpewyqqrle4s2hx/vjwulpsimkll8izpnee3mzdyo9gc3l1//bv+0atnr2cns+fmlkp7pekaafdjpdtodizeo9fuuaijvsqlzfcw9tkr3/schys2j7xj8krh6auoa6wan4p5gqh1dyofkefxmktqjjrmlm4kzdlf4wuzsx1lforzs735hsy4rv9vhpiozderz36bleomovu5/w3kawbqcpwcmc0ostuxaj7m+/uxrbav9ja9x+56xetup0ecz3mtqemujd0rtc9ogbt03k5emtxt4jvgpf13jiuwy5q7lijqajtig2kynmrnzga0x/tq0qfbtvgl9dbit68ysddorgdaxwp91unrtoa3llhxwdlu+oiiuuuupi02mu2v6fpezag1jf396zcuowxhyxkgurt5ovrlv5ukjg4yh7pdstks4aalf79+qy88t57jn6o9m6hqgkmy/ydvvp6cpwgq+rp5vqq/bj06njjaficsqvrr1txszrvh8tixfadscnxnhra7pw0be00vqic8o7cdz59sp17w/iiw+cv+sjxwouvom72vovcxry+yfb+h+m+4rt1p286tjit9bvmgkzae19xn8sr7crvkaeq47i+4qxfkx4hyg4txclekzqxd6oqt5xuj+6jj59uh8z4xvmevdcloqxukaend9cryuhr9rjpxgrz3a4/i10nriixrvknqw/g6smcbefmz0o3cquxm3osqwvefd7bq5dvhacnyc0mwa64/m65unmpwlq0vfedrxro4sxa2fehivuu8oodpb8hsmrstotxedm0+ljs0ibrq2shnuj4nd1tb7qb7lmfwswvu0f321kv0rz+i8fcfswahgajgibgktbyeuyyowmuaypjsgbp0uvnvhbxxlvvbs7ozztvyevxbywb9ca8ocs/xct9p9eqdltayttm+wa8xu3xze1cbwbznrj/yz5y1ynpjpveggkj/z3zgerk3rnzctz36wmlow9qx8uhdlaop3wpwit/x0wygzzuulyww+e/3caxbbfzgzcee0wqznmov8ctkbosufnm2+co98plz3ybvujkph7e1te2/nu0uqxi6lbkvwify3hknlgnlxveh7bxld7vw90j2uva7mk13nltwardmeltzjktyccegdc9l+nlzpqnm7pufojzhp+s7gv2ghu/zakp+qtb/1kj3ivum5qngiofi7iwibne/prbzdwsmhkc+oz6vjlivvft4fqgtqfr/hgmko+fvaxbmk0xwoeurw1qvpiympxqs6smrl/0gezpg5f0di7o3tvnvlnneudjr5v9jvizywo2mwk22lwfhypt+wyme8ivhuihtzqxmy3ozz87rdbng71fscja/2zraiillohbaubxttev7tdt4ocsdoaovcsk57qg17eq6bmdq0ejyteu6119fb0zsz6vmkb22r56zd2q9b1xmd5gv8poxsvagqhrlv/fxjqkyhq/expetyn2tujisu0cf6sm8u5tpl2tp4eqp3pxm2q0udtvie9efln5yq3lsoje4giqjmr1r8+kptpwp9rwdnu+p/+ed+x+d/hiatgktgitgmau8o+rcpvn1ezw5kc3ryzwftcmvuzg9iagoynyawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk4mcawifikl0zpcnn0q2hhciaznqovtgfzdenoyxigntukl1dpzhrocya5odegmcbsci9cyxnlrm9udcavqunfr0xek0nnujykl0zvbnrezxnjcmlwdg9yidi1idagugo+piblbmrvymokmjugmcbvymogpdwkl0fzy2vudca2otqkl0nhcehlawdodca2odmkl0rlc2nlbnqglte5naovrm9ude5hbwugl0fdrudmrctdtvi2ci9jdgfsawnbbmdszsawci9tdgvtvia4mwovwehlawdodca0mzekl0zvbnrcqm94ifstmjaglti1mcaxmtkzidc1mf0kl0zsywdzidqkl0noyxjtzxqgkc9udw1izxjzawdul2rvbgxhci9wbhvzl29uzs90d28vdghyzwuvzm91ci9maxzll3npec9zzxzlbikkl0zvbnrgawxlidi2idagugo+piblbmrvymokotgxidagb2jqclsxmdawidyxmsawidagmcawidagmca5mzugmcawidagmcawidyxmsa2mtegnjexidyxmsa2mtegnjexidyxmsbdcmvuzg9iago5odagmcbvymogpdwkl1r5cgugl0vuy29kaw5nci9eawzmzxjlbmnlcybbidagly5ub3rkzwygmzuvbnvtymvyc2lnbi9kb2xsyxigmzcvlm5vdgrlzia0my9wbhvzidq0ly5ub3rkzwygndkvb25ll3r3by90ahjlzs9mb3vyl2zpdmuvc2l4l3nldmvuidu2ly5ub3rkzwzdcj4+igvuzg9iagoymyawig9iaia8paovtgvuz3romsaxnzu2ci9mzw5ndggyidkzmzqkl0xlbmd0admgntmyci9mzw5ndgggmtazndagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrtl2vclf3br2mqkpjghpyu6e7u7hxgzgbg6o5ggulucwkjswleqrqks+mq5p37ivuf5/2496f92/cf47/oa61jzrwuxw/oqns1wcwsizzawyijkysng6cgqepfw1sawmnggu5hjwufwricii7sfq5aqqcngaanqmlnfsdfaedkfxznk8j1gp0oiavx8okcbo1caa+kgp8q4gnioachicslr4ckhasd0ae2h5ufgkafsqibxb3yabjgmedzrydcajpafyduhwjnhs7jcbagwbkclig2ied09r+efbxtiac+f8bwbk7/hnihql1guobxmelgaezrguii9gjya23q2vuhslwamjp/g1l/pbmsgxisauhw1/r/nel/dvs4gmbe/yqaodi5uqkhabwinrdq+n+lesb/uqkarufudv89qubqaqzzstjagoeajn9gibdzkcfqwh3kamuhciw6af8rax2t/9sb1rz/glbraiplk0sy/3m7/zgmbgfydnx2cvp70r+k/8gcvxnwhcjie2dewcbbwqkrhp3++y+t/1plxtekyg1yhj0hhl6abrrq4yuooxgw4gh4cajajtzatwdqe+blzuyicyu9aoc1xa9ga4gi/7wb3nwadtgw2mlhr/wf0wsoalutbrtocabaup5oof+v/nnd/465aowwlraeg1zsf4ewsz3abi6/g9cadiuig4pf74qhwg7n5wqhdpwd8ckegk0esf4d8qhyxcawlna/e34auzcqcvkdcadyiy7av5khzu/q8xucb+btagcf/lebu7abuef/bzbdg5d7hxuwxrdy//9mmkwl0p0pv1iv2yh/0qge/r8+ihjyr43ax085gp4z5yx5gyeuv3vdcxmeorvb3ok/e9jyfr9n5owtlvgbyc2r+pv4ylpj/ibyb1h4ttbh5d8e81p9m/hhlvq/cbag9t8eu1/ylaewvvza1/84aqlcf+f/eqyeyijusimgdbgcqh93efa2s//ecahy+pa/cdybq7+jkwp2maz/wl9a8gf+twf/imzd9g+eydv9gtaz0b8ia8kbpxdmzp8hwqtafydm6vd7wmkjs3l8a2fwkd8qzux0b8ksnp9ambx0d/zrbp2bmcvxpxbm5fyhwqzc/0cylcdvhn377j5/imzk6w+ewxn/gf/am+b/7cqnf8+/4t8b+b9vmeljikcpky+alqt2sfdaxnreax6//yizcopclgtxf/xrgn2c/2ybeozkbai9gvboc7mqk6hqn2nn4rx+mkut75gz4cvtpyaonnr/68aimu+eb5eokdkzrdbr31zm4mpvio9qetytuur/8tuykz0ock5in3ncctffyfrujdm/y1tx2nai/hxy43l78/tftx54tanv0youg+l+njobhwxqr6s1d1gxqeb6jnwbe7jcefn0ztpbohfh9ftcvjo46c4vka8jvjxwupkqvszd/n9eoluwl51cprnh3rah5sc/mshdwkhebhnj5s5/hh8jephj+pkr86uzcfgavjna4mrnx9hxpklgrpk9pxh0mtct5eezfxctcvuioapbgmlgxr4nvin8zzur8r10ithe1jgz8yxpkf270qtxcslmiql81nzrjoygs7/ap5jzunb5ujaxcgynlkhz71jof8itapbbch+zo505ucxr5a/chf4untah5f7iut9f55ybub6llnhf0xbgsgnsg6uklnh8gnnyldrdp5i5vwxjp5zc2luubvayv8d1z0cnpso8j0kezezoohlkxrbcbq9+yeoxjxgytstadgfsqxfam1nwfz1oukny0ngg+o7qgffju1fd97empyihcetludw0o8et3g7plwjqzbw+lyqokuq/xy5f2wzldy/0paxzcb7duzm6iavnyt+rqjt3eh4qno1wru9pqbopk0iqjktsh1bplb6okhvr+d11abkzbku8janr1ugzi0bwaf5wguokjvvaukosvyjqapvidwz/dx0ylfq7y3vhr0fjhbnwln5mwfmd/iyx/hqqihptganokrob7zsic1gtgcaege4usq/nwywlwe+h1yswt2un0jxcpzhm9nqkifqddgm/17sos9/etdwj3uz5t26lgh+3d539naf43zts4bb5ib8itfght9s4lx+2h+omqspsud3ww8jzdk45p/axofpx/4xrg+7n4n2zmhsxzxqs2tt6ujrunxorpaqbnerlqw+f6puasejzsxzaii49utzy4rnsn53xvvbzqj04ylezp1cofyrzvnh9h8juqej2qmuxt+5a92bhm0p7hy5wo/ggc1lenmiab1rvpjmq8/cz2hzokb+mphazim8yetathwvvff1bwcrl3sqz8evhbrfa5bahpselepwgaxt4lcl7ovy3u7rvv1qlaxit8+vpuvhqan54rcbh3qau7ht8mqnlbkvc6tuundqrpcqe27kv4k9ioxqfbfswo81jgks8mjx2shskcl5oo62kgcnidugmt7a0clplxgj+de6o+ncm0yevoyp67mw+wgupnt8htxf61sbi4v74ibsjh4udbp0qmudgr6/8ab+nglpvisfyphyui+z9hpcsfcfzflmazo5mwjlvrq/d8p3uuk9camgg/lkfiaxhtwguk0iqikt8vb5gsz//k9ko9zatb5ccy78od2azelrzzs7v0dkovvgfb5yzcjglrx5zgflkietfi26tpdjplxn5j3oczs5fzl1ymtbaydjg/owce04zdwycf0v7a+wondoq1ny1srqpv4ft7k17hc3c3a5kpjfk6ykep2wjfht5fal4nckpxehh/p0nb0jukhz+5frmfzyzuek+bbelljue5keata+yde9lp/ovc6jkmykmzpkioxt9la/xobsf3vzykrhx+abux5t0q+nanupurbmpyepy+qqhx/7ssqy6h7czouju5ftaczeac+2qyyzmbrcf/buvnpev+ur0pvsuw8kwquw5wazxjnvftwcmmpzlvxyf8jvuy07qsjev0bqtqzk0pnmjqbz+uwvyj2s6xr91p+zetgsxlb6jor+iewll93ma+ufwxc+ldhndvplt+yfs69v9drgfrdvjv7qisoi9vx+jpdo624cwva0qbemowcs1rymwnyx09n0hwitm6y3bqmdl6z6u1uez9wla/ao9ovqqzkd9bu7i0zmxjvizybi9qbbcn/ct7ms7rwq3nvutwfvw+akyl5dxc+2nevloi7mtegsctx6bxykdlp9sz82hpfztb9cr8/mswr7lwt2ha/5iql1wrvyaftbsbfepm4xe7wnv5rifkzidc3rfuytjtja10xi4z2lqj8lc0l7cbsine6vfzpe6krxwc7rg1i3giugr157mebuqha+6qdmju19i7fxl+gqvaor/gt04cltlhpjocxn1ctopy5ftcf9rdamzf50gor47j4jkvus1ev4uzoexlz7y9wwopuxqy+k0sqepk6n9csq/5wx111qkt4kmyhkv2qktj/mc2lgpwa21bk2cdvfm5skwatqxjmotnvxk8fmj1ypagkfdwns493c3bkmdaioclmlprkjsdahrfghrf32vncdqbcmpsbprn56arhuqloyspl3lf160hmdsbo7khemx+kiwrh5n5nhwtb9705eapihomku1/mctrh+fwf2alylubfq7n0ndcfesxpwsn3gdoawvgbwffdh9db5ysrh7+/mzhndzkhxfcfalk7f0dxjubtgtvqlrxr09qrrmtym9mez7pvjb0xyetk66jwwizoovniy5ge8xhtk+xm9glop1jy0nyr8ayi7uobhqd5apiyegglsnrum5/i/euk2/dslmy5hnzwdc7g0zwicxrto6qmpifjgi3cfvmyfnjprcuqqt8mkeemymvc7nnqfabkunehazbwq85d978hqn4jhkkby2fzsjwluorfhqiwlikhzvvjf61m1lpway1csq4tgacbbc4pswmcixuuob+yubkyhdcrsp9idok9mi70qhkp3fggrks0gjfkofv4/ob/oddsfp2/vd++mcw1mzgzsjh8tdimgq17kdntl5k6pkxlefhwmekqq0gzdbstsou08o+g7mzfqd8fevobbkpdv3lxr1at5zghrnfss3dyknp47irqnmak8mzhslm1hq3jtuil42krlopmdbngu9ovfos1tccq/um8axdxhokpuer4egzas31wili4m3fjfz88bh2bna1mgmnkjfu9upzchpyfuxi1ee4ild6csno6uowjjepquqddkptowutvwhh5kjhsdfwgghpjjsjai0quxbxjslvssa4fhzi9rsxou0hs7qlz2xw0zatp+pldtks+uturzahzcjrbso+3r8qbmdk+snmippiq0uwipy7gtcrks9orsyehplcpvxbdf/rwzjlo3lepwgsn/8rmgorv2g88ce83q7ky5gnu0thbl5yz9ypvvm46pzawbmcxous8jtp2dh/at0apcch9lufe298l+lar31wp1go9zc7ya7kkju8en7bf4e4gqi1zpm8ttkohwznn+wgkvbm4oqcrzlqqtqgnot4auuduesrgr64i/eo5jxdtsaz0wbz1ainqeftbnrbktprulwkzkmf2oviswh13oldr8em3lidsh6o1dwhkwqrbzqn/rnek06tabpnnyzzgz10xg85rzr12qrihgorm1s5sqbu3wzqb0khjjsnk1mcz+g3dchwu58nqkzannrzlet/qqy8w1fabsed2dnnylohxdsazculyqm7im7po5fpc/jmitcv+47qz19lch5n66msoq8vnyztcazkscsxnaz/pki8lo0wr0zldc0bh3+jthz6ljkomvxc39ue5tugiaer/joklub8dhzfe4wo2cauwd25lntxmern5es9uk68wgjta0vpjoqsr8vsvspmxd4bspfejderl4rcvpbtqpj9z1doxgfm9+jsnumha9pcwva8fo3vrh7sya+twbjtriga3kycvp8bjga08k4xn2sqo0f++nhwuqgfvlecu68/3bximi0oty91f626ar4nga0fesh0vynb5qx/ifk5frrbvromtmcpmsbvyo/yc0muf/ryigakzwhkqbewf+neaffdgcvn8t6wwrqtnawmglzlburvrx/3zzfzht2bbpbpuilcjk5dhdrecv6tgmblobt+3szbq6csjgwo9bsipzga3rdumhsodtlrrn1rncjuu2ioueqek9xg/ubodvtdypujej2wgdr8lbtc+8v0xr/rzwzogrgh3hyzeukulyq+dfshko43a85t0pohm2cofgy7gv6rn9s6nrfmgaumztstif+wbq43nhpj9rsxrmfh3slktnqz0vnlrncnqbtdtl1xd6nsinnnnedaeekazawyc0r/uyopudvpdjdyjknnux7mv/po/tfdrrihozj8ax0zl2eg1qa+tnshht9ho9p/qti0xtqaufwe/1hg7nerylzldkfmb2pnrmslphenmrdpq7yuhtegxjdxft5whc/anqpvllwv619dgmjv8syfdn3aokh8a7tm0h+7nkvyltaxemjd+l3jk9orvjciezqtfjbq/htjpwjqr8gwbjefvvistf8f/dy+bsq7i5tgzyu22zmlumzjy1yjac0jaejhwxktbhcv33zm0inkioc50jdwfe7v0fmcsl4gf46qial6tgbrx7iuox5euw81obwloo8lmyg87cqmswr5kjsondunvjak6ywbbypmblgqeq/etlv0m07fsj5yh3goxpb9q4xzrnybecdmqlbeed18mlws67xs8gh28to5nr5vljnq45ph23fr3t7ggyjfqilsgvrcbdmfky/i57rqubcrkfyy7kzuwrcu7e8hnzow+bfkha3n+fdb8rnub7fsnnsfoss6tkdo8pd9fmyydelyrr6roeg5ff+q673mh7xslf6yp4lrokk41mixwwl0k+g08uvnugnz8fpzann1c/o91yy0g0tvhrm0s+t6sbbj2w3lqybqwaklo7pykfyjxgorhxh3j4c9vy2unwloyzzddayemuuezvw57xygqvuurk+a/hft1w/iraww4knqxzefesgjxensnau/mj7doiedn9discyb8whkn3/eghkxoz6xsad3cabhgmf8xb601sfvf/77aioqg/jeg94ecvcaufm8raatfhcghls3qmolw4n03ssuclvxno9m1kifcntqrgprykd3dekquzcui0ft7f2sjnbooyh1rfdbbn1+5b2vmxrhml6ehbgb03bxfxw1vo16kbg5v2zurjpft0vr4fk3pnktkoxobwfznvaprqu6fehh0h8w/e1cgphustdhaolknbulsw/oitsh13otfzxpvnr/se67jdh1rtwx2a3fywiptqnnz9vzfsdfqrnjl6lzalkmemg8pwyfbf49invn2bhwownvwkqcq6csb1u9ieayqzy7vlluxzpa+14xhqjlbycfu8bwxfu4i1utotll8qmonz4odvyht8xn+5wedqiuafn4jdflgig02wanhio+nbfyuzrt6jp5iezvyj1we4bvm+ocmt42junsgugvucpbntazyyafgovslek58fqwkh98nhbahqurinnvp5w5omnopcqseilafjgst9t2pjmbwjmx5wseeo9mkeqblgbmenb/sla31raeot+fv2xiczeged32oacoueofefq8ftjrchmfvbazctyvjj/3qbhkfbbhzrsty72o/iv+/mbblldpoap5blmzf4hlfpblysz9xw8a4lnrgqj/dqtvt+q4gmyv3v3nsxzatmx4ow+bcqh81t5ftvulhdadwij3dey0vnpidgznhumefzjw3bgqaewv5qdwgrbc/i1hydbpmhfetwvn8pptz7xqzie0wo+kn/xyxsnmfla9um5eptbopu8ihlen11bo9+wygjiwero9a2sjeytsu+a6lmvjgbbkxhvshwfrpa/ehky7lihmzezfpeuxohlpub57peglgzzl2fjbfc0ra/uo37nqzflh9mx9uj+xit/4i7kwfaamywdtc1ydhy4r23jpuxuwvkcbbtyfzqwvezcj4ojdnidjttvflx+d5ews4yrugdt/agqyyxo/rodptpl4+ugcg0dvgcqb1d5ebfoo1kht/hqkrmwrxhae547vhqtfxi06/d7oslz+l5njxn4s586yhp8ed/rc+i7tq9iz/oyoaxfrxin4n3/ugyhkd5lofx4l0vfpo8ppvj+9yz9/qn8xtoxlysurdguqm4tf/l0htksoprlc5bcy1qu2tbhmxnclc6o96op3ufn4vnan+osdjkajvc1rogcqdv2kfnglk812lrnpayvunx6ewppqr1ehrln5obi8pr7jx6sy/ck5f2okmucwzf1vkfq2erqicjccl47fbsyafejwqvetr5o+pl1ko2j6kumo+km+m/p2a/k1buuqcypaworti9mqrsqf4xvgt36wtu+uxk+6hvzyc2gidkiviyrsny0fhn6xgmconham9oweh9u+4ioxdbrlvrvcw/xs+gbfipnodcwt0tyxilstsfnmbinwqbpy61wnkpevwiuw9mfetv8rnjciaomjgn3cx7b43u2/wh5ojaw8pxzztkxvhy0/vdg6leipyz1rxox+i+0cyvdnokny8fc1fod9mt0dxzeliam0wn98+zwkhnvfdfvlllbrr+w57ttwtrcpal/gw2ixceepguqda/o7tur+bn9svfyzkhfdnf50ksdgvlha6wpst6impc03or5wghnb/xzh5qa17zuldmycy9qsnn2bomqjwukjoqk6gafhxm/frbms583qulozb/tyro2nxhbxckgp6vffkpkkck/z7zpo6dgqkaseezrtuovhbeothku+wyisjoaurkmktq4juf0ftj21nt9kcxvr2ti2rchgq+szukfo3t8vtf+23hjtup9vdhmw6bw2u1mohuiu6qjpy6wp3dwwqj32tdsneqcsv590hkrvtw7dbg8iph1fbltzycgf8kt2zjpjf65xjturistomy0xdfhkpysv+dulg1k8z9lf/jzd4c9yryyn/s2co/fswtrdmonaiw4ceuve/hed3l4xgdgjjomj0mx5bavxogkhh9lfxs3dsnqhz+kvnxoqlwnbmkxavz4rxmx3mac6unqoyuegro8cwc1gpth3eo04thvnkrliawxdfpkm41tpijpd80ehstclso5b9ig5xjmtbd/tvm+ju3r1f1zptermsrrpfogqnuv9jnsoobpulihmkcp2+k4pdop9bhxmus+ab4nzhdcwkqkt8ez08omoayuuromy9j52jjkfxlzvu6bq5mr+2j3bxx+7itr03vep2opspudklf+rernrkmnfjqmnguwtwpfklu+yhi5jpej/dsh3qbkg8n6inalduooktvulg6tzf8+vcuk1clyt0frqcbslkgieuh3hci7xmspnygiyol0aqvlxqjjc72um8dukn4mlg+dylsawq0njzti7izsbhsnkpdlumvai9xgdjk9qklpaunysrd+uso/z23blrq2zhju8unzo+qxv/r1kjy+uduu4ahrtyjic5hk5oz3tmklmyujaos6+rkh8hahwrtxenq7fjrrn3qqmbkwuvfc+jet5c+qmlfradccvavlkvrb9esdxj49nfty2ydh0bcisfacqslkk8103znnuyglhaq4eigquxnihpsgn6uhvcktb2sab4wc3bt5vhjjtcskhwznugx4y1wixyfcfwzda+idwknijz5gx1r+9u35erkakjyeggi027xp0xt3yprguc/2l5qfrmjfyj0u1dz4utyjoxrorj9redx5mjjx4j50ppxmvl49b9pf2zwui98b4ufqksp/kdy7p6jyffphdmsjgi+bly9y1qn2e9obtq5ltv8mlchwbgknmxf/ynwydqvbuqyjyfdt4ntft/gwfkomtfku8fqz7uc3luvjxjxkbypngnlovb2qe2lkdfnm++6cm2h0nahlfvvybpugc3sru++iub727kcusbfxjmjqzemsozwbr5vxs+jivjodie0zqpct6auw+eqpbtqse5rmv5ysxos01butirij+7tvhhvudzc/9fgtxhijbeu/09narrhhmkfiutltnmh5akhwasr4v9vopx1bc0d+wo0wyddqel9sg6mwpydqo2ynrzfa9oxsxjc5yfoe3s9ma0fycb9xv2rvtzmai8cqmcmvylwgfrhrbzavz8tdgznyt3wxycelasifhv39s4kripu8xpgslbffspyrh9170spihgalkuakwzr75a5n2emx+oqwzhuzxreu/ehinvvxb8xintple14vgpolvrhzef04hxzivjhula0uznc1mbefzs0xgbvhrz880kapfg/lwl1uzxiqu5tz/cuxcgm0pmeor9gpco7rfsh7vf5i2figamt5mhvnzzntt+h9pnui1msschb65jfdrzd9rccsmt+x7b9wyquy+mf1uloifepo6nbmh/xhthm9e5a5l4ecwgkzagdanp6ocnafhfgelvmgb0kedtrkibo2ot0qt4vwrlzedkayzxtymvb2ltnripjnd/9wjmjcfoo8evd0uuoge23ihff1+wez7mfjvh7cbjymr8x0vshbhexvlaaznztqczqgybepbc0if4qha9dhgf2snxm5a/bpvwrhhvgxuym0mwdun9gtzm1b2iuhjpri7rxbqrv54qbfz9e+r0ixrdroihorxrqvzwkfibs/9qt+ntrve5iv80ddqikealytc0i7+tznmxbolaslag3qjn80catpfedgc13m/syi93brj5zwpnxhnbjgmyo07netsqzvc3zaimjur8tnsn4bp5krwq/0z3xx2gxnp6mz4gptcj+a+4s0vjiqkhc5vqfgxryqhirdr6yaq+vh1lmnwgl1ijdlq3y7cvi6o/wylkli3ojilvdvhjlytqtxybtniv555jzsxvv7+isd96wi0ked630k0srghvlilh6dlx3rjxcqlxqcoxqscaqm6mvq6hajlfo3v+4xlsvt5mw3xszzmv3xusie4dkxk1o53czsmip0ftkjqgmynwthsezfylq73gusmdi1ybf7jawugmrpwvqehutly8o8lmtolabjuqiyxsfq4ctsmeojqfxt7l50hc6yvwphhyauqkfakqkghy1oihassrsneie2fxbcnscnuiuyg2qeg+wgphyywuhu27cedl0qtvc6u3il8ymm/c2ul9vnw5ign3esyverrspsykvviirhvdisjiyjo/xdacjx+lywgfu3aztm/lnfb1bqwhxhfq/j5wn5iwnjwb87qqrpkjrbgl4ny8erzr25d2jzmurohldfa1wxfssqvgnlt5yffwhy3ux9ngkcobjw+wyqygsojce274aommvcc0sx5mmk8salbrtccvlmziyplslaknyqefmndy4sq37x9hhgwqsrl/zsve9zpjd8nk+trriv7b/fhq8vut0jh74lpxeo9vm+cggff8wvh6tqs8mzymifxzhd9soo9xzmz99eiw/wxiwdwiyhbe5tf/cwzelkyq2/qrri5dunrnb0yts5xxcoxz2o/zzrskc0c0b0y2braoveya2m5s4ximyed6fmih6s8wuqlo/q5w+4wegd8oucyfq3h7wogkzapkzcys8yj9/ldyrd9gv92b4qjymvk8cuauvixqiomjtfkqkfvtkslzsmu/sdnph4vhcekmkk0k2sks9xnvobuqsvekey5m4cbwiwzzio94okvjk12pvupexuzf7828qajs0xy4wv33gdyatil1ve9yhf0qjvu6sov4wplwukcdklupl8zsyl+8e6ngfkh+r6euuxh1mf5dcnikvsmcfe6rpy5ftwebzmcjfuw4xdnfcdqyoberrqxzlk3wlkbeqyenksufnb6lsi1xugd9be/tbpxize2r0zrj2ocmxboq4dps6z2ld5ssnt4cwsvavqig/zcwuggjp45/sq5dxd3crtvhokjeyssm+r8ij8jlep3u0uzqxx1i7n7hj3rmc1dh7txwg+vyekol9nw4zt6pjmprfwvo9ptb4ay7tchb/ehyqmcqvtjpik2qcinc7oaayttsmuchencx5ozf2k2dqhfjrwtvlkh4oruaepp2dxsypvi3yn7dhucgctzbpjkjo/cnjywh41dniochnqc2fhldh1z0k/c2v/yj/rxsfidy8pmas2nmt+++jem7/fxcysmobuuqnn6zxa/bvvstiwtcy9bwhhpjevype26u0j+qptrc9h37ipnqnbwvywcxjfcqw0noxchtkdjzgpq6x2izpvwpvtvvbbkr7vtht43gpefzjwuvt4zrbodr3szo/wdhcuk4wwf2xviql2dss+ybl5ewyb5+ejmnju7+dy3vznq6qimu4j6h9t6uabwrk0xs9tbw81qoe6lyjpdnetvtwnyprwcjxp6imbcpdcslc+jdzg4mhyg2qpjbztbeedzxnfrp6xu3xezpnww/wzsf6lo+rxaieabtxyyife3kosq0m3tjqn9i6mh2e0yqkqv0x8uy5xoldsboyrr55mm7/idnaezsgiluzzjmdd4wth0ev58abnylporseghnxmlaj7eko4pl1n3d5fu5ohjwdua6lqtvfdevljtn8zsrvxhxxvdnyhnsjsfv2oz9qmshjytwytx/ol3+xi6h7yvvjvqvgayhnoxpyquaoivkj5zdqcjxt7jrf3853mwvnu4usf26sln830n8tfcsj2eczc67knknahlsrp5c6tqlpz6bu2i9zzz3fxyhj7ma3b+ezlqu+vi+snm/t9duumdezp9ga9idzl1sdxbk9cxtum00zae8dwcpkgbd9kazs4tbiezidgfyta5psxmp0ct3ujqrv8z6y16xr+ickr1b9z4pfod5vjt4kkqx59dtx26jg9ip77nlfate/grxogevlacyalz8ed5sxucbe4q2csnbmw49/srbrlvimg5v4znpmzj9pnksc/o6y55snwhl1skcwocveljjcxxd1exnzauw134muku196rnuoeuyuhc23e9vicccuqvmxrgfve9rkpxein4dz77qxhf8h9pdrh1gpnnboide+fj5krub8dwa68xxfj6o2+jvt/btra35vke27xtxqmqgsm0fpyji5riuklrrq8gtiinwd4wnijoieqe/ghgu3pwahmxtf2uynqo+tsc/orqzpbu9de1au7ksx0wm/r+8nhbo/j2e/gicks4enzcs5akmt2pur7m2x7uf9rjujcq7tsersqa1kdzm6nsunr0zhgdredfzpyvx1yts9r0a7aottbswcrhxpvguvmuciqoozmznuuni7zwtdsrvu6met0xktvoj1tpmpb6qn5avwelp45xaahtqm1e7tygaiaxegvarznx7cq1hujp2ugsmjb4/pq18xph7j/awxb99xt382jwi2/50v81vwb8qfk7fyfcqfbhivurde49vvimmfcg1mnflsdmuh/s4zrajv7jbxmofwi8cewpmxi7hu+mw4yfqh1pu0jav9iitcopb+255w4e0y0powpcfjfnuynju/a3xal6d4uardv6nm+lxwvho3kvme3tgftwzzwbotfvmtcnpnui99p2h5fnvrjehi1sodresxc4geynzbnpjqylqvpanigh12g6o+445h2isew7gh0o+ijnmfis0g4y8rgwoencairen6/iycumt06hx0tslhyuxs83dfe8eyvjev1ikjaccro537i8w47k0has/cjwnp+eilstbor+vokhi0cpbnkpg5nbnumkreqhfgh+rf71s4ohn2tsiw2akoe3dsbtm1yd5dyjm56kdf3vspbijojzz/fkexbcwuisf33h5xbmsig+j34bp+0ovc/bxpugsihyt5lsxlelscfqelxd4lcs7uhz5xyeqo1+je/0ku2x2ty5sncrwpei6scn+b11skjq0uozvb3c0ukg1onojwkvxz6dhflrd+mn8+7pej9vtx2kkhrxk49zzgwpblgslwjspi2p1vaezjwlpwvh5e7x77bn53w0m2iux46/er8zldir2+3fjpsa4u+wtmxir3glycpbvdvhgm6isgeyosdkazfntwi8l33l0bh2cpvoejozg/thdnor7d6jofao2zth0o4+tfdqjeooqxyfyoo14x17ssx1zy4ipice73jnwixb7xmlrz9ibru6fltqb02uzblrrzjf1authgw1efhbi4vktlzarxowzkjky+1mwjcjmi/7waqgmsalrrk789xt7fj8ld8lnumbuqwdyctosuskjws5puemogmk1fvswn9h175c+3/tkzqy1zwbixe4/whovoife2bmlypjnwahh99m3up64ul1zpnxk4ff2pg4ot9wrhvwhj/ymtjhdcbupbk3szx/vdd2n8kure+ebgs8giry4cbhhqaycp1hcnctmxuiw8zrcvy2/uxuotupsm5bdvomkygbmotkgbxvdmk99yxynlqyilfgrzfwrl7fuuurgar4fvqfsz3imxvjfnhwgwvxopvu2rxybbyntiysu9kkmu4ibwslcainzd7d3c02pccojrzxlq+huvirigyyczmigryb6efx6qanxm4fg//eh//xp8pzgbfrhoaxwfofha7dh/b380p8llbmrzdhjlyw0kzw5kb2jqcji0idagb2jqidw8ci9uexblic9gb250ci9tdwj0exblic9uexblmqovrw5jb2rpbmcgotgyidagugovrmlyc3rdagfyidmzci9myxn0q2hhciaxmjukl1dpzhrocya5odmgmcbsci9cyxnlrm9udcavuljmrexck0nnvfq5ci9gb250rgvzy3jpchrvciaymiawifikpj4gzw5kb2jqcjiyidagb2jqidw8ci9bc2nlbnqgnjexci9dyxbizwlnahqgnjexci9ezxnjzw50ic0ymjikl0zvbnroyw1lic9sukxeteirq01uvdkkl0l0ywxpy0fuz2xlidakl1n0zw1widc0ci9ysgvpz2h0idqzmqovrm9udejcb3ggwy02ic0ymzmgntqyidy5of0kl0zsywdzidqkl0noyxjtzxqgkc9legnsyw0vcgfyzw5szwz0l3bhcmvucmlnahqvyxn0zxjpc2svcgx1cy9jb21tys9oexbozw4vcgvyaw9kl3nsyxnol3plcm8vb25ll3r3by90ahjlzs9mb3vyl2zpdmuvc2l4l3nldmvul2vpz2h0l2nvbg9ul3nlbwljb2xvbi9szxnzl2vxdwfsl2f0l0evqy9gl0kvtc9ol1mvvc9icmfja2v0bgvmdc9icmfja2v0cmlnahqvdw5kzxjzy29yzs9hl2ivyy9kl2uvzi9nl2gvas9ql2svbc9tl24vby9wl3evci9zl3qvds92l3cvec95l3ovynjhy2vszwz0l2jyywnlcmlnahqpci9gb250rmlszsaymyawifikpj4gzw5kb2jqcjk4myawig9iagpbnti1idagmcawidagmcawiduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugmca1mjugnti1iduynsa1mjugmcawiduynsa1mjugmca1mjugmcawiduynsawidagnti1idagmca1mjugmca1mjugmcawidagmca1mjugnti1idagmcawidagmcawiduynsawiduynsawiduynsawiduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1iduynsa1mjugnti1idagnti1if0kzw5kb2jqcjk4miawig9iaia8paovvhlwzsavrw5jb2rpbmckl0rpzmzlcmvuy2vzifsgmcavlm5vdgrlziazmy9legnsyw0gmzqvlm5vdgrlzia0mc9wyxjlbmxlznqvcgfyzw5yawdodc9hc3rlcmlzay9wbhvzl2nvbw1hl2h5cghlbi9wzxjpb2qvc2xhc2gvemvyby9vbmuvdhdvl3rocmvll2zvdxivzml2zs9zaxgvc2v2zw4vzwlnahqgntcvlm5vdgrlzia1oc9jb2xvbi9zzw1py29sb24vbgvzcy9lcxvhbca2mi8ubm90zgvmidy0l2f0l0egnjyvlm5vdgrlzia2ny9didy4ly5ub3rkzwygnzavria3ms8ubm90zgvmidczl0kgnzqvlm5vdgrlzia3ni9midc3ly5ub3rkzwygnzgvtia3os8ubm90zgvmidgzl1mvvca4ns8ubm90zgvmidkxl2jyywnrzxrszwz0idkyly5ub3rkzwygotmvynjhy2tldhjpz2h0idk0ly5ub3rkzwygotuvdw5kzxjzy29yzsa5ni8ubm90zgvmidk3l2evyi9jl2qvzs9ml2cvac9pl2ovay9sl20vbi9vl3avcs9yl3mvdc91l3yvdy94l3kvei9icmfjzwxlznqgmti0ly5ub3rkzwygmti1l2jyywnlcmlnahqgmti2ly5ub3rkzwzdcj4+igvuzg9iagoymcawig9iaia8paovtgvuz3romsa3otikl0xlbmd0adigotgxci9mzw5ndggziduzmgovtgvuz3roide1ndggicagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnja7vjpvbnxgbvq0ee9rakobh0ohfqgmqneacqvtqqhbukgczrmtmjgmootcsyo28eflbzevea2hyiiaregwk1oacgfklox1mgr8bhtfyhcurtajy3+bh/1dn6f+e5333333e/zwemkdu44hur40btrgharv+azia12aqgxhmxspbkczuma8kjzwhugli4icfflasiasncvz3flcyeb4elhablshsac6z4z+khc4k4kgbjdkrcasmgeuq+boqogptgsylvc4k5qgkc+hsoqrkgijplaurccajzewbbkyekk4vuzeleyggghyfwd8bevstaqvskwxw9ybtbbxglkoqu4iyn4ylp/fqf38m+ygizuo1yoxkiyt74vpm/aqjjuad8qagwemiuyeedjbemnpi4hbrwfedipvg7uilhuqwlulfxbaafeiqs7cgyapmqh1bc4hgsxmcbdfsqihycoflavfxr9rnjipcgby5baduy1vydbsypdqi0gapyj3f8jn2p9rgypacthlgwjeqj+ffxboegsbwqjczksa75gfkazbtvcsf6klxca9qggkzzqaekjn8zjujsr3wl0yuqdgc1afuofau9jumpvh9opidaf8eizfcmuhiz9c+z4ar6yax/++au9pgjnegdhgdi4cjwbgjjnakkhmppvreznmatf9j8rfxqfaxmpj5sgnaqgnv+nsdkbw3cf23wgxrvgcskw3ojuhkopm01ol62k2upi0vjbbqcvnc18sre14tsa8zvne/yw2tvhmuutt4mtqzr2js2t2jpftdq1tldnvsk11yzs3txqnz3te1hn2suz2ztalvyrmftzsdpsmzumxtamzmufeswronv197rpmjlbatonthi27zfrgyw31+oexp3yqip2d/1crl3xlr9iyq7y2wrbjhmzde1af2+dvsoilxtfo74s80rthow4ncdb0vjminfyv1zbozs7siiblrhie0qc+gyvsmmcm/vigc5u9ni4k/enrcnpel+h09dyr7+nxqkv2h8joe8yb1xpawlji8pe997sgp+lmk5al5lpvposjjgmea33aro/b3m0y0dcdmm4qi1n107mwlh7zsb8otaptr63ae3tnlxqj7sxhgwjypxisjd29wowuzuzvdj++bckopbtx/putth+nheb8wbmaw+scz1zm8d/r7qytzfysem0vxu6zrqfmygu25bzuphsldc1lzorn51dat0/y93jnglhim0vbnimeof1enulh+epm3f5whp03rsxfrmxsu6pp+a4obz8su37x/m3yhymobcaf4v5bp+rrmlsvbwg6ejkjof1izolw+5n+chblobhrclpv6het7ohzegxtnszpx5x6+xrpyz1l5w8e1l8tllnfzvl05kaonek9nw5huragkmy6ei0543nr9ppihw2bvhh+kvj5mvq3/igdxzxzs/0n4g/cvo0obbiydjog7euvvox2x1adgpv3soo1wmng2zsuvz95hxlfzl+4id3jfdpv+fatto20qtf+c6x2pazw58jk1a0mefta11hdug11emjpjcslhvnizpnf11vcm7qnyveysf2neesna2uef2upbywkdvhj4s9q7g5rc5rxl6wfaukgsk9aztczeinc0wq6sblh28/j619gjtjg3ptvtqvkfjv8rjlvjkfvxx4g/hz+ermxe1spzcvo2fu0mrftac8xo41cerqodhuoae7jylqlcoyyk+i9732x/a7d+rhj3e+bkxmhsjcm5e8m8ezns5yruwsrh79lbpxuatssf/3hcjwwx9hbiwuh409zyjzzlp6unk/ech24iotuacrw9kukp9ykys/xprtw1w5y9ugy/yt/h1kajstnkw1w56oxgzwxffeniutwey35ov2iwkjox5zzruewwrtg70qe/dtwf1zvhcojrwnx3bmxfvwzhlv3jimt4u0hrikilx1dxsetxqv17wy7gpzxexmtwgazqmzz353q/pabdzjy5+pa988o7flxuctru62fp6hh/s/wh9cafmqkmpssprza/0jljxdawvuzhn0cmvhbqplbmrvymokmjegmcbvymogpdwkl1r5cgugl0zvbnqkl1n1ynr5cgugl1r5cguxci9fbmnvzgluzya5odqgmcbsci9gaxjzdenoyxigmaovtgfzdenoyxigmtazci9xawr0ahmgotg1idagugovqmfzzuzvbnqgl05ywvfawctdtvnzoqovrm9uderlc2nyaxb0b3igmtkgmcbscj4+igvuzg9iagoxosawig9iaia8paovqxnjzw50idc1maovq2fwsgvpz2h0idy4mwovrgvzy2vudcatmtk0ci9gb250tmftzsavtlhzuvpyk0nnu1k5ci9jdgfsawnbbmdszsatmtqumdm1ci9tdgvtvia4nwovwehlawdodca0mzekl0zvbnrcqm94ifstmzagltk1ocaxmtq2idc3n10kl0zsywdzidqkl0noyxjtzxqgkc9taw51cy9icmfjzwxlznqvynjhy2vyawdodckkl0zvbnrgawxlidiwidagugo+piblbmrvymokotg1idagb2jqcls3otkgmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawiduxnca1mtqgxqplbmrvymokotg0idagb2jqidw8ci9uexblic9fbmnvzgluzwovrglmzmvyzw5jzxmgwyawic9taw51cyaxly5ub3rkzwygmtayl2jyywnlbgvmdc9icmfjzxjpz2h0idewnc8ubm90zgvmxqo+piblbmrvymokmtcgmcbvymogpdwkl0xlbmd0adegnzuxci9mzw5ndggyidczmwovtgvuz3romya1mzikl0xlbmd0acaxmjc4icagicagci9gawx0zxigl0zsyxrlrgvjb2rlcj4+cnn0cmvhbqp42lnvdajwduzjt0p1y88r0txum7rscpynjjrtmnqz4fjvds5ktszjzm9zssxjtviwtlq0vhastvcwnfuwmlcymrqynufsvxdol6gsykzpkfhqcnyektjxcmxnlcpmtsxt8e0syujnbzqrnjijejyfnjlauqmn4jitoxae0lgsejranfpulpqix2voqjcsmvyikjsanpnhpq9ykgdewr6couq4pbqajlwwwlqmdjscbtcrmgpaj6bk5+vukqskpnhp++ud7uofuoqajki33k00j8cvmrdkpciqmkqtcznzkqek8nmlsktsixr881nsi/lqlyanqtzmm5qswzqllutzkpitmeyyl56tqqbrakjnygwkkcgsdsusse0jycxjzlbis8wptgwlp+alodsfghpgh+ghe/meevhoq2ivlbeqmjlxeljzkkpggfam5hsi+mawksqsuig20dmwmaqqbeiykxbnlte85pyuzlx0bsntm4xeoqlesi4doffgpqyk1yykmxkpqrukqrvab+vr5ewxaluoaeomvietv4glfkngcvqjxccqyizobszjbkisc9mztk75fdw6jgq6liywcobgrpyk5hzmtsjqkkulillzsscpbrgimh5ajjauu1mrupo5bl7lt7zuyzq+rw1lnevic6ty9tl/nlj78ib7gygddbmzu2qdtecfkqaxlhm18nhwvspi2rclvjktpwoxbzhs9euj+7jiem3wrgxliiy0mo7xuxesxtncny33n7b6k8/dhwez5rq+krbax/r4vqeyzs0vyvuneoalvhckwrzv+71r3ejaqzo0lktmb65gv8sojl559/nvp9kknm3zoopub0+irv4afsb0mue316nszeucjrt4lg/3omwphnh9czqno3mi6lbrkqamvgmuh1t0vx75emydhsm0sfxsyvrxzyxkpwyuiq+s8nfwpirvv/y+2mjisscio/x7x7oncqpeqecyt179u2vjxsrb8cssa/dldum2qfe/uczufr7zupx5eog4fuocn407/s2z+fyaobpnvu5kf5wrew8bentef5/z5k1qxje6b6pg/ildg9ikf171pfm4oukhblnlav/bx0ufsric6srdef4xrqhmje+i6ng/ofzb50kbs6wdnvzcfush2b3vnvodz+xtm/018ti71sjzieuojkt48/etnjfttmres9u5b/8d5hf/hba4tencshnnf7lqg7ui3sm7sz6kvytqlg46h3xeezj3r9fzud6haapohcqt2m7oizxa/vw9a+pmr05zfkwpqwslzal8/zjt4lq0oe2d4vmk64jfd2x73beuel7rekvcwfda7j6lr2cihnf4nbru993+rp6zldvvg+5ca8j5o1n73komhxouvijpvpl8o1t8eu7kuu/rch1bvsulj0tlc/uqvzfatt1ccboun19q8tyvejlwwvlbg041+6c4p0jqvxku86xugp071qw3c/zfvs+o1vujws7d6syzex0nvx1s7j5x1x22ye9ppdpddzhkprz1f3dss1xfuv9zflgq5efatq7x65nmlvlbd1ypprh2qwul6/s9o7oebk016d3px7lsspzt3c8eau5llexurwvz/hlq816yt+vq1sezazp1wlfp+rlo6v8tlenygm2yvwqdk6v6dsgexkmgdasdknnse4tk8nmti7k5ai2vv79lbmrzdhjlyw0kzw5kb2jqcje4idagb2jqidw8ci9uexblic9gb250ci9tdwj0exblic9uexblmqovrw5jb2rpbmcgotg2idagugovrmlyc3rdagfyidmkl0xhc3rdagfyidmkl1dpzhrocya5odcgmcbsci9cyxnlrm9udcavu0pmvuhmk0nnu1k2ci9gb250rgvzy3jpchrvciaxniawifikpj4gzw5kb2jqcje2idagb2jqidw8ci9bc2nlbnqgnzuwci9dyxbizwlnahqgnjgzci9ezxnjzw50ic0xotqkl0zvbnroyw1lic9tskxvsewrq01twtykl0l0ywxpy0fuz2xlic0xnc4wmzukl1n0zw1widkzci9ysgvpz2h0idqzmqovrm9udejcb3ggwy00ic05ndggmtmyosa3odzdci9gbgfncya0ci9dagfyu2v0icgvyxn0zxjpc2ttyxrokqovrm9udezpbgugmtcgmcbscj4+igvuzg9iago5odcgmcbvymokwzyzosbdcmvuzg9iago5odygmcbvymogpdwkl1r5cgugl0vuy29kaw5nci9eawzmzxjlbmnlcybbidagly5ub3rkzwygmy9hc3rlcmlza21hdgggnc8ubm90zgvmxqo+piblbmrvymokmtqgmcbvymogpdwkl0xlbmd0adegnzc4ci9mzw5ndggyide1njckl0xlbmd0admgntmyci9mzw5ndgggmjezniagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrtuns8lpkevrfpssk9kxcql1xm3ne3fdmjtc655k5j5h1e5myujgs2t1asw8hlewujnrzjhdjmwzx7uiwprail7sktvxbotodz7j/n/hu+533/eb/p9/k+v+d9vj9vpkoldo7cdicsmayudgafwqiee2djaimceaqqbdze4sjmhiwjc2ebjikjbsdxagfdemayyvvmsppcekbgsilycgaqf9aghfojgqe4ossgysqgye/ibkf0oqazrancmgqy4kagabynbjivtxaaz4gdscmgcgqbwqaummwfaqbamifar/khmqhmwogltogxvrbcidzhaarqejo8bagtupgmwgragagitantebykdplfmlvr3iphozmq6gvywoz+1ixryvrep/tmoovhhdiapzmcsrkbqe7qf2v2eaxm0td2ivwsdsbjgie0cac/qddhcuzdfeeysw4cqcqab1rhiqzlowlhbosw0k52xq52blrr21xvozjgbtc1gvwx6bp3vcb8qxzmw4b5gdeiakgmkch8v375bjjqkipmpmam4xuwmaribdypaig8f8lkaijcadcdavebic/0i0yxmfzhcccmjaagmtmitwxqgqbobo8eslbmqmza7wtsckaptbqnxp4l0tcd0cwaj7mo/p138xgmp0phokejaya0abqbgjebgpnvrdkpzyyy3pwbjazta02fhrfdeb8ii4yhmgtthodc+qsrsufluivfndfha2+lo9te72vahj+usyl2pcm2vho8xmo5kl9657tyter4yl5osmo00xor19+gpucjpk+hnzzoj7y91+ntvn3ec9b+pfj5xxfr+9+/nnh0vhf80dvsz/lwot9+ni911lb0ndk6ihrp8q6raylimdtysmqnusun1qjpiz0l80kvntfphguxzm4uheukjw1ofm/qevqg2citwi4tl8n67pn+ttfcw65qyojl6bqmbg3qaugks6k2wvoqqwvpbbfvrcxxf6lnu/xq1dlzgp2hc7nihkcbdmqkop4prtcvxajoj/ynpion157af1ezhv8d6a3zvmyjwd/ev1supklyfscvaaalizuqcg97plh55grsnb6cpt33uo7rkwhjufdzco+df9ztjx5trm0zpjetkvcv/xtxq/9lzrjudqvln0spvduipvyxhn6zqchezzncf7ey+dslvl4pi+myz8ey/jgt1xn3rcwtodtlpxyzu/zmzmb0ds0bmddtnewvdoknxid1zxtpu01ffc+0pyahd34qwpk6lglx+oddxflnygo+jw6q1+ox/vpibne+tnoari5+e9nfzbwtb9+obskysrau3o9pmgzqxn3lbdd2h7ap+c2jomaomdwa3lb2zllw++kdnco/+6f0kdfc6hnciusnhrr6dx1fj2nn+zobzxnvfhz+knxkceyavzzfwgvthct0wgdbtbabwq/ybjerdv8xadyzyt1ru7hj5fwn1v728pb52ltk6kddukbzme4hzmkt12itz+xra4df3ma/u81v5iyejpdnzmp4fcjk3lprlinht+6pdm7xir0xfcl8ls1hvokahwp12hy7yaw8kgzverrxjrr2kuwn2ptz6upbi8wkwcugiegrf4xnw7hj1fmrhp45firce+54gisrdjn5k3u0vbf5s3huzdq96shghruh19/yqgw5e8k1cwalyt2wwq9qualktpn4+uvliw8xax1jwlqvfesv1k+e8tmmllyhaaxs+eyn1/vjrmro4stnbwmkesw8hbtlsuliusc9/hpyo8eh1fafqtbsifli3xdzladv79py9sugvixb3n0xnatmq9jog7bq/ovirc9ggdtxwm7zhit5b9chc4pm4ru+1uj58mj3pbdeev94bqnpolf5owemdy9enfx5hvqtxwlbpdnqt4jgdvzvugqie5v9mcvys9xltrhiwkxukqlhs6trxombcydobvninhvtk9c3jp1wiwqwp59lcun2om4fgrl+qmk3bo6xkr9hu026uxrfdqlxbdu4+fml0nfcbsjlztovwyfxsjb6n/fkgze6mcgcowwk23e06divkrqxlckr2c1tl8qz5q223ymarvyqyboimxz+0tpqvsv8rdmtsaaislxmuf2qxec7+f6zc0lx4bmxdlfeiepxpmg/80p5flwykqr5ei7boi7oyfgr/prreqc4c9zavv6q3bx++z0ilivnw3auftghg3b1ymns/c5hvdajmelu//c5ojn0bhjjs0dmg1ytkv22urkbblb03t+4t755egtaxcasxsldfjw7qypvlpyxtu2ewzkfmkigtawqggix5usip6nqrvec9mauz85yjh1tw8j1dvf+7ncj0ufildmic+jqpc/ioh5yiblb6lifil7ty+7f41dodjcdh+j+uxy2xwbsiudn2i9l5lju9/nee99xk+sqe9wa/z4/yycyqy1l3ivbuzqmhekyh6qgbgzosdxlfsfbn4sqhqtv7pctlgm3zvpyo6ctgjvh9unwwnptwye71au+4xkpxd8naq52lptu5k/mzcaieyc/pzyjr5pkxgnxrm1enr/4wogbmypdsqv1ius1b//8yymjd/4t5mcu1iniwqrx/jk8xhw3jphiidjva6mk7rl1j1zah1k97howdbl9crqhgkab9lra4gvbc+gixyxs5xnpqevjun2rpt1lnvttwhrrrzwyrxihl1hsfgcm5myaqfnk2l4agj2bvdabs2icvsxq3m18ir0yi33ls3rp6oi70uv8c9tzerdcfu12s6lzdkcc9aavxzrvn5k23gh+hw/i/wl/ewjkgkric5l0ejse8sfwo17hzw5kc3ryzwftcmvuzg9iagoxnsawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk4ocawifikl0zpcnn0q2hhciaznqovtgfzdenoyxigndmkl1dpzhrocya5odkgmcbsci9cyxnlrm9udcavvexavexvk0nnujgkl0zvbnrezxnjcmlwdg9yidezidagugo+piblbmrvymokmtmgmcbvymogpdwkl0fzy2vudca2otqkl0nhcehlawdodca2odmkl0rlc2nlbnqglte5naovrm9ude5hbwugl1rmwlrmvstdtvi4ci9jdgfsawnbbmdszsawci9tdgvtvia3ngovwehlawdodca0mzekl0zvbnrcqm94ifstmzyglti1mcaxmdcwidc1mf0kl0zsywdzidqkl0noyxjtzxqgkc9udw1izxjzawdul2rvbgxhci9wbhvzkqovrm9udezpbgugmtqgmcbscj4+igvuzg9iago5odkgmcbvymokwzg4nsa1mzegmcawidagmcawidagodi2if0kzw5kb2jqcjk4ocawig9iaia8paovvhlwzsavrw5jb2rpbmckl0rpzmzlcmvuy2vzifsgmcavlm5vdgrlziazns9udw1izxjzawdul2rvbgxhciazny8ubm90zgvmidqzl3bsdxmgndqvlm5vdgrlzl0kpj4gzw5kb2jqcjexidagb2jqidw8ci9mzw5ndggxidc3mqovtgvuz3romia3otekl0xlbmd0admgntmyci9mzw5ndgggmtm0ncagicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrtun80vgky3jgbdbwkiu1pp0qyzcy9gmwqgbkoeayk1o5174fluhe6c8vssxzrivqutsqrifqrlbxkqlnktz1fp/rzwvqhlbxqkvfrs9fytmf15+5fe/bef+77ps/3vm993s/wklgh8cboaohhu6wafajs4cnxrhqdqbdh2dr6mbbjszryxvgobahegglvpfiaighiknv0lkiccfjqkg1dxsaxwn5n3ijjfxgnqobemqrimtyojniaokyechoniasram+leosonlcdukigzfpichkocggsz0e0jcupnmjuuaavqwpxstarphodrywmmjmf7dmt8wbnkaappqyqmiyncqk5wzbz8m+ygi/ul6rubmgjo/kjib0dy4mkuvmxgu5ujbgqaxkagaw1nrocjnmtq4jmshypbrcykss9qvglbaluwyg4iccauu1hpkaimgtxobcdkdvq14cumd4kl57oimhxerk2rmyf26ooc8ziil2muugavcxravrtzwxekckgeheicmoruffn16pxsxzroe2qvcxwflsajgewdq/hpbzfyraobsrfwbqauzjdiiffs9wrwcwtcmjohje6vccgwtrcuqq6gdtj3cio63oxtbtnbq5zxevd/5pj6jr1aicecctckbr1ewnxv0nq34h4esnaitxdic6ln3umysulyqreedrrno6+mb7wamz3ayvkl1w9l5r08skbx1qdhvc6tckssfwis0ksytm93xs6anmazrmuwwti7gwmzi8zvw7asvp5mwl1bxzpzxheuviu8kbcxlmh+9vjr/lzuwma14rt3/vvxyzpkeb+ziyb+drnnp9fmc4humqr5schb183muyqus3b2tjvu9+gfcimc037o2vds6wmbsijdl1z3gh9rfu5admlksbdptf392ihi22u7ga3b4u/j1850cr5zmcdyytmypap0gfata3w1tvnnoz2wxg8kndohy2otx8muthorktyuwdgljwqge29u/znabo9g/3ma6rztybst7+ub++v0ro1+f2w+yzmpcl5v1zruw+fpnrr2ao2udc6g4aizsretz9egv0e/npnlmuwr7ovv4f0dl5/hn/jvv4nyphng6sr7uv9zvevkiyyhs2rnrp7k29blv7jtraemt4odll/in06vql+ycnv4rttxanr5duttyvupmklvpja/nr5zufvxmhflfdiyonl210men17nx/qv9ez10mv3ea7cest587begajzvpbfzdfe8wfrz/zkisn99lqm2zyb0/r98wt7uyo6/6y8gg114jx9ho7z77so33h53a/yhkltdizic88lxggdjyxwe49eqxs6ccjdclt1g4dnqryepar7g28rbjrtmnkrc2xre7mfi0fgulcrv/y55yhzszxnx1x+sdntngf0vu6b/po/nbfb9ytiysnj3ujs++0yhemfbbatt+16hcdf/yiowe+lxnwh1ymkmruc+2di2m8tighl15eirfrma823txyftghplupkdkoxg2attixb6opu6irhe8oqnjfh7/nlmoylswqavddew9huess5ugjrll22ztv2c46504ltp2eoeu2fdzkpm3qgza7fl80zdmq3zonf537w3sftpmhmk5krtrowm4lz/nfl1x89mryyrl1tiblhjzrmaj99jdjncbwj1x83h1nf256+tvu6lcktgakv2zmb8uzqzyypvc84yf1w7ququw0bbfs8ms9yyn1imsulxofzril8g8f3v8c/wkbxakxhqutmsab9yc00epmzw5kc3ryzwftcmvuzg9iagoxmiawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk5mcawifikl0zpcnn0q2hhciazci9myxn0q2hhciaxnqovv2lkdghzidk5msawifikl0jhc2vgb250ic9eu1fwteirq01twtgkl0zvbnrezxnjcmlwdg9yidewidagugo+piblbmrvymokmtagmcbvymogpdwkl0fzy2vudca3ntakl0nhcehlawdodca2odmkl0rlc2nlbnqglte5naovrm9ude5hbwugl0rtuvzmqitdtvnzoaovsxrhbgljqw5nbguglte0ljaznqovu3rlbvygodkkl1hizwlnahqgndmxci9gb250qkjvecbbltmwic05ntugmte4nsa3nzldci9gbgfncya0ci9dagfyu2v0icgvyxn0zxjpc2ttyxrol2j1bgxldckkl0zvbnrgawxlidexidagugo+piblbmrvymokotkxidagb2jqcls1mzegmcawidagmcawidagmcawidagmcawiduzmsbdcmvuzg9iago5otagmcbvymogpdwkl1r5cgugl0vuy29kaw5nci9eawzmzxjlbmnlcybbidagly5ub3rkzwygmy9hc3rlcmlza21hdgggnc8ubm90zgvmide1l2j1bgxldcaxni8ubm90zgvmxqo+piblbmrvymokocawig9iaia8paovtgvuz3romsaxnjmwci9mzw5ndggyide5mtyxci9mzw5ndggziduzmgovtgvuz3roidiwmdc2icagicakl0zpbhrlciavrmxhdgvezwnvzgukpj4kc3ryzwftcnjarlpjdgvttyacpglbqti2bdvese2kylrsvcw2bdu2bfpl8759+vq4x/ef7vnjj7huiwvimmuoe42xsx8qknmkmtgzactsbj1pgekyuajllgymxjyu7gzk7dhlajuazi6e33jwafjsyueaobofna2iotoai1adyeioajamzgiizotk5iqmjrs2s/dwtdazdyakufvsp6smpvlpyt8mheye/6h59nsymlmljpt+cavy29nbagydvyh+rx2vaqbcz3maoamfnybqwf5bu1jonjbcxe6vubxgc3a0tczucdgytjamllewbtg6asgjte0cca3/fsa0trm1sfinnce6byxbj0jdqid7glhftxva3rhg/4+khtae4ghj4et0/uxo4uro5mho6/zda2c7qgtby2sxk38s+jab2v0rixthu28lm2/dn5icnzozk7gjhb0z4xdubrgxf+fpbg7o/e9sj4tvnagd6beliz2xyz8l/uv3dfotdta0shuidaa4o/8tywhaaglhzg9t6ped+xvm3thix2m4ofnymv1nbjsejgazq0cta4ct0zfmn/y/3fnpogn/l+on7e2tpf7lbfcvq/+zg4wze8dala6akek7prhzd2wzc1to+n9mrdlw1i6qkehfchmx+//quqic/9ugin9mhvi7cumto1trd0itgck0vzyd83diqor/o5bp/vti/m+g+l+f4p8wev/fyp2vhp0vl/h/6/v8x6hfxkyt5qxtvgfg3zug8hvjgnosfu8zqhncfxantahj/8/h0mbc2up/5pvfrdub/073/wam6wz43rzbw7nvahjogp4tthass3ahmchyobube5oawn/37f9yvvstgko1hs3gm9t/tzwqlpgb4b/ovmwtjk1s/ygb9d8qgk3jf63gm65/5u8vraoprqpa/b9zsp8yvpgebgcvd/vv3p5hnbj2jv/z8a+mkjcdo6exlsmbbyetewfj9/v3nrane4vp/ybkv4ay//msa+jsaofoqp1dnwpjv6r/h7//pon+fxhrw2m7k39gr9nz0nbke9r+p+aftbglo+m3yf9aan9v/8f5x3mpalgdjkfxfu2muymsuzpsnksx/g6oi2j3djp+gay2l6ptyc/1r7tr8ksn2+ysm3ivcqarn+t6bpfyolx/2jeiohjurrcm70ogxobg+hbt9uqibzc1svmfbndrfcglnan/9rqal9kc1wjjudvygvdu0it8b8ebbgn2hlx6ovqnds31ryv5tif3nu6pjufrr6whqq7ooz0jszh+eitvhxkahoi6aevzx6h+ewnfyu0kckcw6e/wb4dfs7xmkxqnsuagvjbe8na/z1dz+ubamcr8zwkqfylmjl3d9jh3rpibojqfvtvziey/e26osg6lpcsg8igakffgwbffr/7z6rnafoxzdnpzo946lag0o0w5dymmejrp3eageydehsbqan/3r9owkbjztdyyf7pnswf4lf1phzqzibnbrqgdkt4amaex+wax8xkggsnhkqlj2xpxgnecfflen7rww3qwqprbo6xfd1uxuja/uqmjjwqvuvvyypdfdi5j/pmoqv/epjgymq4yqu4ouicc5ty6nb/qwmnhr0os4nsyg2v+jc/sec8oc1m/2hkp+6lwoq7b5bcui+rfvpvmmsjxaa1hgbxwzlfbfpn5drpaenr4z3vhjoe/cp27wog1zn+9m78gpn1k73v10zex6cuykfacfpm4gurpyqyfj+4o8vwowzwasw49fch781i8vhb43j0ex5ox7nztwmjqmbdsmxsj7eqpcmfypox63/jlcyjpm/xldzmifdu2u917knizo5amu6nfu5j33ygvszlfnln6t+xcngyen7gzql+zc0f5jrpxwqozqwue9khmtfuz8xlogpcp4aidmrs/eim75aleuvhd6tthi3onkjq3g2cze/8okcd/fbwtlee/xgs1jsmmk8twzqqe6jwfiorulw71s6vylam5l+h52dvlisd/va0fvgkdotopaw10f1zxts+ugwnxblvwaliekgnxhhcftdwpzmmoodwhrmmdhdl/alka+3okp4bb2b9ycgnigc14bwvr+mt0imgecwvbi6+ptapkttlrv1us2wm/qg8wndi2qnlkdy2cuzrkgcflf1b2fhxfivuzqmnpeil0hbluwyvcze/2kjpbp+shysuneqyn654mhhcdlip6tz2hsygbzox1vg+93ywatbujpsuwa8vx4rb1xtjhw7gwuhqhcszrnpbgxc2hx6ba8qh5koimuzssbnjtw5grfcxo4tqxtv54aterc/krlj5e5wfta6qcvspapdqetz3ijokfoc9ybi9rz6ycl7/bttes/aoisrdytm4i6ggej2xfrzhr5yndi0owgz4ioghhebuw6yfby0zdj3wzpwq4ha/kyafsoozhgdqpcphwlvyje3c8sajporzj7a3tclyx29tqogeqqz3kenibv0/xk9+goygayykldezyk+tk1pthflchemcvhmi5wtnxzs/lq3vrdpqyupg2d+qly/z0zquvkuvn5gm8eu9kb2pv4zbn5mseugomqizujwc9bqf6gwdcmuoa9/mnwjnzvjjyicd2dutqw3puh0jtrdlamoo/r4axnee/yknttwj9ni4lmregv3nubkheujz3fcpwdb0r7pzldg5/tmu3ekr7e/kjoplx3ypekrhlcf1dhb30z1dj0pyvlh6nroh6ytgg2xigikmf5i3gespcilvafsipnildacqmgrnnn80fdf/kixsmbe1btxn2bmqkormx6tuq9pquzmhywodrjngspta61ibq0klglvmzauamfwgdcgjcfyja5k2gh+txyiikj8htqd/vodinpdjpoblj+68dmg1sdwdzyoi1nnw+gbpf6dsrnrbq8dakgukuowrhvhoxbhznkuan4ewd4kroabwazpoib0mfdwesjplllubwuebixle0ef0el2enumd9+2jok4i09ygdieamu1sz048msxb7+zptlk0sbodle47bnaxptdhle2ofwiwhv0pjdmrhkuetrohpn0llxalmahkcgg5fh+nir9xp9imzlolxs3tu9varupmxe6d8s7o+949mhiscyypmybpoabb1s7kbqbxi7014bdaelhztywsiqfougb59jacjcrcoitdpmrm7yyfyge/puhhvni3imyupkqrax4ufbi0raphsou3kidnoji5gjm/cnsj0bsoktwzmh0hsj8grsxbxp+sowp2mifj2im+ip5acfzvlbif1ybnvqewtemwbm0ljmlxk6s+dv3mge/awok62fmsggbovdoxjda+dzsn0gweofy2zgb/g8bhfnrkbemyhxggkgh/r7nnlbssiqmceysg737sn8ymt/35ebcox60mtmqad1ukq4qoogt44kmj84tvrjjbwnxd25lahlsnspuv0lgfzuqqpqwb1l0mbbixubn+yrjq+5i+ymad0uip755u17nts446ylt5meuk1e5wwaflzuft6gurn5hws/whv2qtq5zw/2rj36v3ydopomprj2ecqqlqmcrm/jshqtveiufn7bz3eycrbuy/ykdf/nc3injq4zgibuyxd4/zq60y5tylrwmiyprproodkffvxlham9f7somicqef5lfqdiyda9uxnjwje9eg9csmobgsslcbt32fmjacvwsjvvpfre8xn/4vzdzyqoafnrtvvjaloiitnkxmyrxr5m94xyiqxtxg3z855ppydiyecuabv+5phl1wpwe0erquvh0eongmxmkbemhefaazqyn5iy6s2g3d+0deebffgzqf2q4ecrdkdwcighc8jzu2k+dls9xgmks5/sbeh5zxbgfeenutvfcyc/5ee43yimhsbfeofx6mhlsglheu42304ghcnocz0y1lz+icsmzvxmntvb6izrhma3d4gc8rdqdgpiqi1x+zbymkriaczng7zbtzah+uny9bfjlzgy5tr11gt9bfyghobrsnhvqwjzxwdxschflzlgauzb4sdomyog0ilghguogq8kbal5udkab5p3tpqfztj5uoqlwitdei2fhoatwe6mgpr+u/vq9bqhogfbjev7z27hqzgkaqgzerb6s+bzrhindrihu0ichbvmh9jnqjlysvxwfzxmpoawpoimnzrma2cqyltgdu7e8lj/ufgsepf4bmwbtpsb60d9vfkbmwuflek3mvhepoj/66mh6sud3rzftlnm4ruxk+srwxjd8jzej78nazmia/0dvrjftkm/rwzflhev+nr4efwlvvk9kkcbl0yjwz+y+1mvokg28etpmzwwcqrrv4yomqlscqlrfn1umu53rraat4dd/wfmltmn4lpkh3vvfknkw49aw94ondledx/iohg3y+gifnlkp//+1zq2skckisbbrfty8lcxfaholz8q18j38krzujixoxnjk8652+9xcdqyy+7v+b2xgakk1deiif+9cufq2uukuuvpixm4kahxcezaazinnnr4uq585bdyvcdo+xpn/6zs+4qwhrsmfydwxl5pegnfpxqvmroewcp2kwfokomduxfzozjuw9fk1v7j1gqswu87sj1l/nxofijuwwh4zg1wkr0p1g9rqycyy4jfew9kywgalgdijeec3gqu/wcbelo+nck3lucmydwecf83udcjqf8zfucwjhay797b/fodv4fsozdlqy+bfyekc5qatwnxj1izodmjuhman5zsm4jjmumf6py2+fege04+sdktm9wl5osp7j5zfsw1+uxtk+9jgg5mgjnsavufzusmvnpef7yqhdn/vgkz729bn2i3jqrr5iux8vxknezoexvb0+kmhgmu000qnwq99vp+pgcva0m8/wlm+8yet+jf06ozi8j0uyg8xdkihfdtcndaj8mpcmvkhvaeueu6cphrmcicebf+iz7qc3irheadcgakatulqu4vgz+vb0r1nsj4vlr7wwlrpp7duuaxhbqjcezizvm+ldomdcdi3r9/eao4qvujhu0beh5ceiinaot1+r9qzpucabxaazw8jd01jkeviwg1697pt5ynyekibrlpfdkrvrprfqznd0wnvxnyl1oaxvdew1mnds4bz9wzlun99f08y5srdpsfb9adbhrakdxj2z6icotg7rrqaomuqbqe3ypzpmfmwtn8/zsnjvi43pvvnlbdfcbttuqis/3nicpk/3qclee1q4irdq1hhuejv4u+0rivlvxiy5tks2nxkxe9ogf9xrsyq0bvsv1oaxwjzn+puea6c7cw0npkr7ihufufmu2dxatkg2/qfnaphwjwwfia6uhk+0pbo5ai/uzhzfx6q/aytl2xrv/ifylhypvzsfm96xouqkgboxvovkfxwyfl2/5fezaksmkemrdtrkb2gubgct9ecc0jr2jnw858be2r9qdutj8w9fnndotq5ipcqgzcqbcljkzqzlawc+bc25msrtco1/sddwtrytdaclwwih/z5vukka7gwcodd9fmw1miitw5yefxisitfnixjpkkz1bkhhh/rzl9+kz0z7d7dcubzweitxopubjm0fmwcqnnk3p4zamizfum+y+pxtvti4sox8gvxnjxrutd1gpdg3muacr2ilqrgsciu7bwrrdvtl22z8aqvmmkcdzzvnxntfrtopllmbeioqnhr28zcfy8ew0ip8cufyvd9fwg1qkmljdkl7agqahv28uxofqjeneo5pgwryrdxrwucvtakpynghtna/uig96o+n86n4mizrqlgwpxu099dmamxftw5yfh/xebghm63srrpsd6nzir5xysdxdotmscwu1pp0/+kncvqtduo8scud37bwe1vyrhg2gb6d9xlm7gf+nk2okdhnz8tacbm70grqcbbjxfz+yxs18jzpbjwp7yui5lnuf1v8mgkf6gfy7ipp/tsv/0zmrhpb51tu94usmodojg6a0zh6yrqraethjkjapaglyte2rk2ojzzic0om8krwwfru8pk/ctjrh1xlyv/0sb4d3mdlyk3nmq0b/d2ejyx0c9tc0cvvazwtnz1w+plcshd6hnnsnbwembgpn7hhaqrpplvisveutrnw9zsw0d8wxnojtkfgxsrmzgkh/2/pvhbzolf/3wq3ovf7mhvfua+hp1qlwvrbera/du7vbzb/bezmr3tr0sy7fgraro0/6ftki2fcmltdixd2zw4rs3weycqx+v3pubanrepi5/isao57y0283cn9tjz1m/ety7st35oh/xjxsy6y42dyesiwtwbh5o4yx+rojdpnbbv57ej1yitlbcjgkurd7veiycwzyc5+wsk04rkqhyt5hjjwfqcy1xym1vh6msueqsbfimbtgqlymafvza7//lhc35kps9ypnfq0zyllmpsf9cszbkkfokkgbmp3e2a8qiqil01fnqhlao/yz+gmwcnmjvn4vtf3n12se4tp91os2pcjfk/shkf0rxdfltabtvw8go+whgrvir/s22+nsr+uhexu6ke+gg9qoxptzqew/b2lgart5ksewmeaj+8szzkxdgaufg6pidwnahh7qefzmqznyznkrh9cvclzyq/nql5n/idxkwoyzvs2ht+nvq2rxsx66n1vxih9ecwzmyyih5ykmlk3fwkyv70gkuglakai0wem+bmxhqr33qgtyf5h6qu7ms1x/2mt0b9tqlanv1k8zenjvq6mgc5yl07tswjiajuqrgagp63wqq0xbh7g3ynlyixltfce0mdh4e/mrcvodk3nq4/oneuzfj5srl2r02hnruaavacn+fdcfxhfthjc050blz4htxuf5j6qntk3um/d/s1kjieuyymlk7sraay80d2uyiwjufepykec3uhnjgp5qvbbknv07i4i6noyid0+xi3xpd9bln0wij4kudbc/7dh9he0rmlrap1rglloq2e9d9zsgeaq4fdnxoibuk8o5d90dpiqcihzxbgkecdvn8esjtnbw5kzabfgchbznbwjuho+29qyhze+mp0cai9rb7kxmharupo+acikvnm2nicrbkl2obbbebo7sjvloxi4kqxh12qm9m7mxgyx4znndg76fnr0dxdr4dk2mi9tnkuav/xekbuuluoz0j+geihbm0gdgf1wzu/hkgrznkfzop+glpil45av6omvcsqwhflqvobow/gnphb35v6a7f3qdeysghufbth4cj2gobxrvodlog5eeykwuw+qwvg3a89i4zzysk3aeizlhw1nebizfhm/q9g40js81bxkbxzsqee7s9fqabw9gz9nbql0cfhgzz0y7gaxhg52wrxavfybazpscnkrgxfvpqqwgzbusjb07jmqr07hwso8ca5ovqomdouhjqw+y537sqnvlbqpbquc+x0upscgubvy+mpfuwirf0zmzymynja2xg35nc3+fbpeifeuwnpydlpcnn91xtqoezxkwn5bfk7+2j7zkp0mm4tordm4q/wwmsysnsc7am2y759lpjfi7juzmaiokmy18cwbi1zw0ur2bvtwdepi90n8nihop61cmw96yh9tm2d9auwfauwtlc04ykjsjikfmhgqgepfbt9tuxs1mykpen3xboabsf7nfmu4vbfipupdep9u86rx9c6rvo+i+98ow8a7vrlpgjb3mlp9iudjgkrn5ufpa/4s+franubyjo0pekbohlh8kzvz33pnl+z7waligrscuo1zrsdksttna9fnq7mfp/z1lngwxmaktvnzaoaizuyt21owaekuontwx00gdktyopsbtkjpbsxv9w9afz123jcy0ti+rwqpa9ig40ycvsbw/xqr/erkiwseoxd/aahxm7dnk4rcrjzr7jjpsrtzxk3gt292tgsx/435okb9ftvlrfurxcaokrhbjqt9ua6yv2z7fa5traagtao2xqfyh76dpxjqfx4kpanlu756c+546e6i9mm7raik2qc5ptpu0upifyxie3ssmm97y5z4kunwjiilqq0eztxdmclibzpjzq6j8ufftg3dsfjmbeuj8p9xhihscmiozhaw/vh8na2lyz2w1k6c8qq46gxd3jvoadde+tymk/rdng5x6ewmxiwveqdyy9phmea9m/uj1ukqo0fof7xun5cf4stxcwxkdop/clofc7zc5slylnb19lbkhhqldrf3ga/biejwpjzoaudjy8nzn/x2ti+dlfefaubipj4xdnjie35e42mnsju+m8arhe3pm45y37ieuux87+1c/ufacgxkmhqeq9gxfklmqbceyscxqzjb8srbglvhccsgctv3yv/b0hjgkaandgqmfkf9mwaktw7npohiccanjnqwt1hida4zkctfy+lf3qxozm1crazexfmueg38ibzfdlgrctz1vhpqpdn7hcpp1jneow+ainplmipws8kv9endpvmyztilkxzt+buumphxhrh93ihwek6giukmybmf0f0tua0t9hs10usq1cca8dgi7zi1dba2jalkfupxdiajqgs2sw/nk3upvmp485pqg4n7anuurssdhkdyp6hivnattugrof3oiluslvgdazi0suzkqp1p9wmnibjqlp0uve2sxsyhgodkwvmenyp2je7hlihlrnqz6i/qlxwwkxfbnfllbfstkhvtxr3kjotqgcy78euyx76kiqozuhgie9+kt4vpaehtile+i2oaqthysefcyoqrx8tygr0fjysrknbkyllbodnh6dhyia+mmcwlfifjd7x0foubdzp/x6bg8dezvbzqg48uoo0yjy3gmcj53a0hvyfnk2nkqbb32govb0ymsp2knok5mfd6eweiuxaepi2b3ufk2xo6qtq4xlpba7tg2n4ap99/nolfjqnh+k/yxvtg/log48oc/ohfefhk1/dxhqdkxcmyfqai90fg6udpwipcz1yasmx3t6ckwg94jslt0y2mv1v42t02tsylajgelhobkkpqvc/byfff8lh+buscoriyed7bh9d3zjf6szfluee0ixjsuqrko3umfbavhyoepw9gf68vg7tgz9mrymwmdvxtqfdorqtcwswfckulodj21yv4gplk4es5b+rwufwnbi2w81ebffxkpf77/+r75vffj0ox25yoac6+xrxipx1z0tiu8k6gnvuiqj3bz0d6gxl6talkb2qa3rtzmqrgijymbu6ygt8t30ugeevwgnf1rhn9hd/vzvraipadvofz3vrykbgiiwxoqzda2cpx7+g9dabpv7zl5axela/grldtzyhc2muhliqm6d/xuqyvtddbeimdfcn/swbhimde4wtzn7beavf2pcdzpqfnccpr4vnfiure4jqt8pqfqqpyhliaam3tvrwbt7ntlh6v3hld1oz2f0iqpqmg8uygguzxdu95ltebqzimqrwjmolwcbo+r3olvkexljiprhhsjnyfszo2ala/ykhwk4tm4shnuda4gkr+keddk/gn4khxal1fxgcvdteumw0gb1/jh2aq7ci8ympxlrdlvt5vnsvuui21jxrftun9zdk6k+q5/6l4m6inlc9zsy2hx/qrjozzg8rhvbh+8ocn1nwaszuvqdhnh/v6e8stmwt/rademjhtynwqruqtjpb6blgfphk34sajlm5fpvxshurz2g0vr9wrdarwus8nsz9ekre2pwzpemuc7fsvycguesm0ucmk2mtxztxry4wpstf8r7tibz6ux/ozfbfzpvw1nzindmn0ozgvxjf2ojutyewteymwcl5xsbzfmplki9fhdoq8yhgw9mxrenfixprqeatq+s0cj2eqlcszgvxr90xq2/uafzzzj3v1vrz6t0uqdjmwryr1twdz8rdx154usscyfuk0qc9pbsyzegn4+zknvbqnlw6icfwym1of/+ktv05osymtkk+tlhukb3tukpjpze4avptet11oznyyueo784zsoe7v9yml3n8jcwugia9fbkdqbujs1opf/fhuiu/m1jrat2xw73mclw7zmeoiqn86ulb7brdrzuoyaixub4e3pas1ncfr7k2nersfzkpjh9supewvfzkhvi3pv8+sdo2bmo3kdir+abxp1oawyul9weyxd13/y9fecc0/to8buagbj0mettqyzjgnucqpvwkxqwsv24l5b9e7edqqvee+mif2ikiqkwaxxkegkk19mtbq1wu1vki0j8icmf6yqvoqlrxaoaixmumsmdcnyb4lbjf5zcvjizzhk8hbh+dwo3pt/4jzma0wrs9per5mwnosslt734wldiqvlsk2pgrwvigyenrtdi+hdvbvbla7iico/jgpe1abezchksxwp/ewbml985428zf6mqar8ehy3xwq5klgt7imufexgg386uqntbqmegylyeoomajmg0j0xfe8mszph9dtos32czmycdgloj3mtvsbm7aq1uzoiqbhctwhu1o1iol9cbxzhl+bzvv7g8eir1n4zyqkvzudmcuik/apt1/gxe+engolflvohy84zyrofc50qvonctu8hrgngbbtl4nlwbd5ar7yrc4m+gxyrqfreddrm5pa5iaxhftuvttgbn0wqo0+wj7o/7idovtipyohewx0xbfmuheizctktxt5w8cqqq+j4zf+b5geg4wodqd0m7fia+ktdjnk2gwprmjc4btr/za/zakuuwbonbzrdp+5qd26kex9nvvxwrhn7ebygnl1otbccxlbe3ugcsh2zrrefur/1lscxshnamcdrn6mqxmclsjpsyfg92wbvaltxsdq8wquwyzn9+lhakzp0xbntbn8uq3je37k5qx1gl39u227v+kuzoijyswzh5mco08csquotek1nxmdosvlikn9xcwchv6vgcy2fxg9khxnrs8rpia5+efas5odwkogldmlbvyj4h7z4f7h98m8mqei7/lvbtwb61szaglfysjqzsra9/1w5v7gpusmqb1pokefznek7wsxxtitactgpkezrjx92ogxkwr3mghyrtflhjbl/b4okepzpptcildrnijsuyclgdrsnuktfwttepuq07iof9rt5gafqvec82gyyihnotfl/ld/ci4vpups35sjssfzi91kxlfuv2pl3mnrdgej2kxd0pnp3nvffkg1mc8hrdu8nd7brs5vl+s9y1xyydrpsgls/lvkysekmvphsfuqfal5j0nfd0/0ctk5lulrbzq+hda7dmhw26fgwnlrqe+rgzo0k6okj4o37fgbrkohkw6usasjw5f4mdkpealahs6n7kgzmtjfyf+5dlr8ptr8t5tywfgdogsw87bs1lpuehcmbc9ur9+t49f3ucmcrixtf7ejhlbwsj5rpvtocjmger0lzmqv70zwkbhoovszyttm1s++c3vztqheswuomrchcuehszm12eywww4aoj5p5dueowanxxahd0hev2rh0eoisjajpfspfl7ohkm9ggra0vi4afgcvyo3nspxht6nigsk0pcncjrkvb7bkrbdvsamt0zozjx02qy3wahyaxgxu1vwzbxcfnsh5k/llvwrukwriqhyng3kao2xtsvxr7pzd7tupz4o7oau+fojessoxx11qvjduslz58atyp2slk65wuqwm73gzbg/cx1omzwlq1q3svbpo9dk4pezeawwnjwenyfudjbhu3pzto2kquw0l5sm7+z7ntzaemcyqiuwogwwtxqs4oujinjhofx4yjgnpul8tqnt01waxnke9mjno6cghivbdbbvixrgsbhtyx4gtpmlbh36jwkwxksdzbyzzxxs17hrfraop7vqwngdthikzcntkwvhxa2boe6yzyfkbzn51riiqdoqxssypez0iluhwnipaiv/xbjyt0gi2rwynant7im0c0+ttwiijxdgkrz+cgbexhkhlf9fye1j7yvo2qmv0vlwevmlaafdmrotit6see1ezjwkqrphr+jurg+ar0tpj3z3jooxfjdczsbzpb/y+chc9g4qzcq/lxnigja/okpjh6wvinuqx5rxwkqokas1wr0kt/mh7alutvb4og9de8nrag+oyoby2p4oxrngcinartjfjottkcs92fcpdhvp1xlkyz8rsqfzz/puvaadkgqhc8xwsnntavbae2lszvmru5ber7rifhxks0evlgbnma4zy99gab03nchyu/tz9+ml6f7evvgt0fn2goclcp2p2cktdsqrgpbgscdfaie64nhc6mtrg7efxzb4xadvcwuvay6h9apdaukw4rial9q2e3y/qxakl+flw0/ca8pl1qgjq6y+5asghiyinjusafqfdyzomcevkeyepqyzhd6ollwml8ldw77ukgukn94j2+davuowaqkoafjtj/mzx1itcaffld1pwkxc+ozmp/m/mipmnffqwivt4uiuqqyoa7adyznst9tau6rtygl3x5q+u8kuiwzeurej2g8j4bznotmcpwuiinmydhk42swwo2ugylyyoufzglc1+m57tmu4ke7l6oxqzmsobgauyjkpgxcwh/sfpzcgik3o8idq84iinz0xrwempdwgewziqq9poagmqbzdqdse7djagtpmnb4gh0j93g6hudcwg0npnf+54g5a/nade4twyjlzft/g2gyaoj/gozfdgj7/uofevfvyaeyh4dthxiljbz15pvolavlbgaoq6z5xccafwnymejv6qwm3+mep06qd4ruw9zd2gegrblgufk3i9luyfre199vpiycpgrd4gq53anrdclhz78f+evgn72n18k0r0dm5p4zjapk0maafethnmquf3fqcy9kznri6prazirlq4prhhyupxbtc5vgky7gfcysnyjooknlltwi5hj9qhz1syos5df48dgdutj+zlsqgmb8m0lapbfu7jwesht4u5ejib1anxkyufwntpah82txro79jgs6a16mt0kujpcgqrqk5bgbm5hlzq6we1eabhoeke89c4mxxpr0bxd5njnthfbnobyhb7/e7a5doofehwvzv61viawjcylw1syl6iqyevyhqjurd4h2za98ezv12srvclbz2icyoag1oc5xp0qp10nns8cegnxyynvzn0o0/ux8xmeyhtgcaenpbcfqwpvumtsgnmj/9d153aob+p6q5ing43+zm9h5rmvboefgyop5i+hj11udukxp63fej3x3fefkwu8nbgj1trmhnray9hw913xod5syohisjagdcxvc14wg2a8tk7bv9wasxquwnl50axayoxxxxsq3u5fxw5vi06py6rq/1tjfttx4lwjnu5ubdaeatpbvl8rd40frxuxl4brvnv7rn6sabebjkgpullpn5ilcoxh+uj8en9io8lelufvy1ri+zq89ws91pt3o4sjuqseob0wemvwy/vpt7ztlgsgsr4bpyxmjuxxgpcenwqtisubu3acdgmntlif4u35luopkib+sru7ij2o2fui6eeojj0fjf0ahyrfep18vhnsctsbp5g3wsrjxrefnj/eha4itjqaftgufjld7awzd11mv5+ppueh3do8r4px+tpzyclwvpd7dfqszueticm8j6zgheibykqsztbvmsbfdi7vqd+62qfsw8j3svwvwvnkxkn3qrmyfxl299ybohjhu2wutgswoe6hmralejdq66rvfl44zachtezzdy9fcwjqp1arwqukuuqbpjndqvb2lz6gbrt2euvk4gfodxncs7qbnpnroeqlxpmoykegcfhql9cg5ixe+fsvbgzecmsm7s8ctdm0ct7era/leprmoaiv0piwex0ejwcxbum8ovvq8iwbwiqakmoivbpdcquqj30jiejnolf4msjmqwbjh93+aloumneuytobfvqqqzcni5zn6kvk8jitijuxtbhbutygtjxoieiibc16dt5fbmjjunsbtf8a7sbdlva1rccw6pqsydqo7abrui1u+kgueq2hstehehmij21wme+vmnboq0/zbtqlai5mjcx+wdmvgaehlmljtsgyuwhkuezdtxulloqo89yeridbm+maqi+vvywxaeaelybxa4wpcwpv7wkaacbpsd8xinb0ioy4t6wx2jaajzn5ugbtjvj5uttd3fhy0c30xpsijnxorttbcxcwgq3bpezspvflwknaepp/1vmrfvsr4wicibmxhqffsjso6xiicahzbb6h6/8vda99knmk4vhil4+9xtkiemgilqvd49lx14bvhx733rru9bsjj38mii0dbw+sdcyxoagzt8kl2vpe1c4j+4pdomjjiggpmzvnjzp1bepsooftp0wfiny/fr1vxfmgylpsjt4mvspv37t1zfisj43zjbfn7hkagkeblplh+eq/llnvs/iwpv159fy5najlf7o3zqg7/sujqyqj8deyzungi0pejmiuy2gng/ko2v7ygngckedldxnpyp82nd+larixv0l8zkjd9yelodpn5/oqhqylfx8k235ozcnrklesttwnb1uid5ptq86b4zakrrdrammwrkxqaazrbfl00cygf9s719fl6v4bdj+7ypf2wlbnbu31drlrd5ebevnbgxp6rozanrlqfbmy5vnthzp3finrh8lrpl40omicdktz+cz6hzyegw760e1mcbtso5kk+izca8/rnp6j84q+2qlgf0mg22ocvaxhhun4bhvzn+xboi+og8rhufrw395gfiwbhvwqwrswf2ohvyso2lrlvag4mt/qqkwv78smnzar9lnhw55whkq/wxo4fmrf9ybcfywfprxjpkm8jmqsbixjug7gchx6wui37psovv+ledkdlwxahl33h2mpdegeoknwau1uremwh4u/26bd1s7dcefqsc2qmzf8kv8y+vc0ciaxmlefky6gkemnmarecqfrk9t6yy4558qkjv1i4alkkznefpvqwvs+ykusdl8nlemt9gdsw/w1fonyqe6tpdc6e/kuyl3qj02b1zlyi1llqqcjlcxkfjppdg70kbrlv/3snuebeihpezxfji8rbtvpnk9bdtpgquxxak11u4wy2oeu1x9aby/qkz42+7ugy0vkc/kjdz4tkdvpxmyx3zbwm2owfe3yfjs5e8fyvutz65ai2y5g8/iziae1/4qyr51zmznlea+i9lcccoxzshahbh3tsel5qdlqay7v1nwvm3vgbpml4fgmjjzse9s5cujyd0tndrshyol0sn4qcnixjfd3krw/bebnc9wivldzu4evokxj9goy0e6kferxi0yhzaemeovsxp4b9gw4h5q2lkedk96zcsit3cdjjgdqa4kumckoxgyyba8qjjhtgrf1dggdadcjrnp8xmw/7gklwdhm8mccikdpjtzr7k/7szbe3dlvqkpfkxmw31rkfteurxcrdv+jufrzp4hyl3vu/gdhid/iqdu3m8kp1pm9freq3gzh5abou9juuhercnc0/iebldsnckskgttibhnxas94avxwwc6l0wzdk4qvux15ig2/2ozbrze3+jnrgf5rojhuli6di/ommxrnxy0vxcylcn0lbh3blaynaeaejlo+pgqfcb4z9vgmzb5clmvw/y2rj4brc2wkkqfil9vdhmdr39sec940jbve4rmqxpo69efqkes5n/kmffrs9vw46caxvnjsxtu6tjft986jsur/0zfugbcuhigwaliftpu2um4i0tumtmp5dbup1npodffbwzmyqu+sxpj3mlds9ggrzmniiittniizc4tu1bpoe9pipocoan7fhevzxxiwyugyki5wh6o5q+ayh9oxdfs1qi8td5hjiio8klv3m+8t3twozbkhqq/+4genmygh4wwrlmpfe9wa+d0gfonniexbmel714pn75wdg2jyuzskbf0zfqdy03w2hfwd1gry7gobxcz2lko5si0sabqx5igg6/gafpzr5bwipfudia5/e9o5ysaduwooszp64b2afl7x6f+1zobeegfx5zc6mhpzb2cjrxzqg9o4qmyzepwtdzi0zzoskvqe2h4qi1hbyzxy5aeq9vjtr+nbhsb+ds9jsl9ddej2o39ty1o4aaw1pqqcmh21so402vlkjeyqlfaceisgqplps4yrqasgu83dme6uv1u2s8io5dwycnk50jrw5orixpqmtccv+vttcsajygeiyep1q63icrlflbh2iph+pns//rimrd4ftviyvbiegiyd9ls+hqnya57avgo19mw/hqvnekp1t3qoqndur4rq5mildb0gmsgkdfjs6h4pzshnz64fmmryzakmvodtctppoywahkx2hymjmnoadvarlzerwrzpyr37hjvwioh5bkmhvtmursismohh65rosph6b/wyfhxxquurwb6dcdb+swbxwmvillpuospbyhsiuv1shlcfw+go8s2nfyl8ykcaegxiiawb51xv5542xydtuh96z1tbxr0ypdu4cdg1eac1tir+8ppjak0pfk/ehzzpeuraubwekamxkxvepf4eefttusmmjmlhxz9ouotp0qxprzoceyw5mqzhzyianjh1ssa7b9kbavirf3vg66gffv0b3hexhtp0iampovojyjb7yjb7sts5gklputuim1xvwei0labulc/yawbyf/l2duk76ngct3lbx8xrhtzhq3q69p9sxwqyqxrze6qgdp2cxaqszdlkkksnpkfyzqik0csjvak5cpjb+zsvduqjtf/ky4tlgi6l5k+n9nxgyojyumbynqs7hac5oujg1ypo+bnozmvvyazotnvnnwhycgvbowajezexzpmlb51uuhcugercsp7cdvg7o+tutaw8ancynuptkcelucbsgnfve4cztm7aehvqpwetxlxmgetkukjmh/jdikfhmst6tto8ccfrmzrb5pu1gr23v2pr23bxboufwebqm8sqzsf+ud5wnyyvpzudnfrjfjiyhixwltr+nykecox9fkx8zrajus3vgs90r2u7x0gfnao7ntqlyndatt/jmcquynnci+k8tuc8hlv3qnlwjtglkaxsskbbaj8a5v+rjc9qshqzmech15lkchx1r0up0l2+uxexyvezhtkmeit94yxqb2bdwgzic6u4azod0yphaa15+cpcjl4appnic2vw8a3swvfwx1luuw0rv3fjxsie6epry2kfy3uua8j3hclgbtfn96geo3g1yxy6zku9fn6vvfezgb+/ooc9sfsylabc6lp772juzbfwpitjifmcjgf2ay+y+rowmldm/mxadnlmc84ohxk5jittoupsj17zrwe4ole3204d/fquunwgnzms8l7hjuofe7uvedxfjabb7vwqxpyojzpka9xuzrb6rrkjcndkohu4ijl0uq/vvu8npq2tmdte7dqtfxuad3fyio4wmwp3nj/3skgj5c0niqils2itnut2amwa18omcxc68kwjs8ihe4g+1qvuvosowhpnu7ahccfeyj2owuzsjvfldzh6cmkm3pjar+teqfn3elp/aqnfsvf59gj3vik02drelqeu1i25ecvrin+ffojbjs+f4wmfa5ln/v1f5yvvakvqi4qrejgxzob/7ffsufllnryds1i23cxgpcfkn6wqizt2rscdtz83yngfcl9kgd7r7cpex7hviyxgzp6v0mdm1j0r/bhcwk5u8i2xbftnrmoapskht0djokhk9vnvjkzpqrold0vphrvz1ed7b6t4zblugeasgro5xvcn791fbohycawvtfb26awxnsoeeda/pas9vrt9xhr2ehnob+cmptqc5mnvdbzhsbv58rz93n91m7dlsn5cc9fct/f2g9bvjr3pshvzsisxz6e3baqq7rq/+pvlabzkf1f5enkujewc2plgskwpexu2cac6oibffdzuqe9b8k3gqnjy0hluvvenvs/69+slsjea6vhfcrx5tj6qe5lkue2gngr7wynenlvzmche3vqhrz6buaxfo7egxji421+wof6cjyev7vzn5jmrfbkuobuzedccjdecxfuo4mikxnteexfgby050q5o6slrqh69yefc5trm2ywav5y1gbiozwy9ihvdyhkt7vumlvptvtovt9npawihjer/fxbsvbajiii5yhktn1xywyahelpzdoek8kdwcgaboshhbnk4pkevg+e5wzlbinu78rlevhom6buutj9dvekfhss6pdksx5fcjlrw2s8kipxxmo28nuqellhhtedeiqs9s9enaliyocx/gw9spw7iyerpqh5fbhfrbushhmvqppkewvjs0ulhdyx8xh5nzmg7laqhrnyvec+oqonh/4b5vzaztrnk6tw8z7a27u5lvkzp+jcghxvsbryibttxuit/iekdxgciubu12uvytb7bq21kiqz5qyy64/jqzh+fmwlqjyfti8arfeps7wuxsnsuwe6ewuz/e1ix7b5upbcbju0bpatjcvorbc0yaqzae9yqjs0ceumgr12cmd4ytgk7ylk1rjyixmoe4lufgjcjj/3yrvfgqeen7euwlhd/vn+qhag3gu6kxhgnlx36vgpw77om7pu1vpgnpfsbpvrdcmi5h2vsddq5kuvvza1c1r8vh9imk9puhf8ev6u0nxdx030crsmuwm6ambaghgkne52gdctcnjr/uv/rh4o6bxrlc9nlc3rkhgo4zwwtvmi1k1j0cq+vksks2nv+ektd1ebectk9egznjaewi+ltcofnypdgahlqblarsavppmohphgou4gttbtl+vjpjqee8c8z0lmdkrty2bj9nw2vzsbfxkvjvu9xeglmhtedxixmdfqipsha9yf6ror8mlamizni6sgmbopg+wwwe5hmdywqy/6moqlxu+v7ha9e7uclxnpl7a7i8c2b4mtvzj9mnpv8ngiabsdqjbd1ih92ztmubkuvscg6clv4hppql2jkzk+ilhkagvzeykzpequown3a6kpssiqgxmws9vm2fmrvf0tmrub/ipm8nv6cixwo4dkjht4vbyehgh9jw7onr5e3asupnt8r66048a5gbpvkb9mrk2mwmbe2uin6uphvjkcq3p3wr5x87rykg2uaf+6sczbcqhp+ewrdfmlivedal9lvdrd0arho4umbzzq3i5sp3lnjuro68eng3lm9fdrqbvgwl+6njexxe1idwp284gutiy/jd2veomfvubk2zz5fnnqntan1br3vpfwgc+lc0/bamimp0hbxro/snpdlunlnhdmaukmw7puonymy552obx4z4hndiik9yxkgxqqh+x24modpwuqs+7lrfpiesi2by28ux327ejzhkqnaper0oegmhpded1yzx5qtuxdw9h4aqjeg8d/upb7s3b7gsd6ie5nwpimxw0soa2iqor3s2z6ylxcbww814bkvmpcltyjwtemo6qojhgikuekq7pjynm+iv0d9r3isdbng87dpowykyrtfhzuxb3nhujo+vl0stbvl7txzojg//lted2uursqkyll8vk2vol0ml1wmd6mzqcbwkmf9hglmulomlqqsrvr4osovduiej637ojymmdj/lnt4vncjr2jeod+tscqshx44fo4pxshapu0bhodmdqpymngvvrbmj8z9t59e1ou/hmzd35poswgljvjycwvp/zsipfx94u0iexswoapmenwqpm6vgoi/5qyvff7lgblzkid3fc7i13rbgnlmprsra+lj7szegyanwh1sq0ln0/k7qwtu87wmvxfeeo6ux9dzjhppgqst4bx9h0son8l8vghtmaen95/k+v9k/kfj2c1jpo5+pv+pt8rw83runwyoy6p4gmvvumhs0sj9lpuh49slrj6slcwobnodivvgzmdhxgnvy6tupir1srjqkzlxwtzrlzbo4e/ebrxvadhdyhsomccssj2aosfbwnrrypheqgdmprj3lzyaeffzmgivsifwknhg02dvo/mx4podnqsakbfz3itizybnk6swe1mc8et4ujnrm8fsig6j5mrvlbca3p92x8sd+3cmktlzk/bq6onnpc9rz8etcprrlllmc7miiho+11/v7he0usygw3a7x9tas054atc3w0lunasiykcfisfixeoav7b/z7wp5b23gg4vg0lrvpmsdt997nagie2zhpq0ljdu9rbpn3spf+2wm1zjcp1vma38i+utzfs4cbzyab6fka7uevwycaualacrhp7kkfi3zcrvte3thob/id2bvqwzccqcu2ll7i7cbvxbdioifowf2r0nfftuupu1bqyc43rnwfi1azu7o/kc2bgw+rfqy4xut2cxwtyd9q/xi6tddbzp4bzanqgoqr7p3nauhir0wtlkjgpm9zgxrz5ig+afeuyukk75lak0e+qrbo8ehg1ug8quq64cudik96entxtpeez891yx8xxjrj1mq1n7e+b5zrygwc/27wh0e7nc2bqugckljavlv+g/ptlt6ebe5iq3frhni+mset2ed56gyfleoi+k2rbpqm8ocwbur8fl+kiqigblsokwy8fpuidmpgu6hxt0c9hpc86pz1jejafolxroo1hnkm2b1emcjwtc3thd2gekkb7m+ucbcit5hptbci2d7brcrjkc5asb7pttaazahrni03+hcp+veio9bplhninjv6waknisnlamkzmhznwregrrxm9uo2g/ecpf7i8wfknjb7loldy1zhinsnkox/ecllnca33f9ia+87bbzwix/q6mjwbkey7g2dxxoy0wyshp65rx666s1nnnxruq12bmhydnymrdf2upil5vmczvyyr6vwipjqzyetlakh6spfqesrpfn9lucxutojgy3nm8llj9ynwgvk0rr0/pbeh0zun0d9sutx5as5utmq3codjfklfkhle/15/mmhpozyhvkqqwtxj/7yph1ge9wivzantuovj1w6dqg/pqulaoqz1sl11r4tr5ubival67+kwt851tqfqmh0dvyhmyju9ild2e3h1fiosobfcstyoycq994fqwoczaza5grwhwjgjwprjamjs9ukycurnlgisndgnaqpbm2+b06s6tjtr/6gcyjsgtb/cj7mtvhe4xee7xamdb21ane77xs3mcfw7lkznn8ua13cw/+wiemzarbjiuu922ju8bgfva5+f81yr/kvb9nntdqua11omswqm7ejp+tjdry78mryz9nrrmlyfcyky9kci+qicasr/frwencmazgv2r5md537f+gx1eoewrldmama7/gvhkjvxwp1nycdwm0h8ck83mt6oyrh5aqdlxv29ziaybvokdf3xtdkgjtambwhn1zlmi5wulezeem9glkjv7by7pdkuzvrspi7okjybhlua2kpeuexktv2dcuusf63e2jvv/dltqjszmng1fckqgjzcfk3ogwtyl8pqujhkaabqjmjquhd+wiba9dzor+asnv0cnq+0g4luchqeb4gq4156mnw6/batbfrvunrpt5ozaj7wsgfbsravhu58rcutfc8a7fhbizw4/oht+ocdhkfcnz5mbdd3h2e632wspwuifj/ithd1dnvl89r05qdhlq/rc5ges5+c7nsdmd2ugavoi5adpoktaanuovrhcxe1j+33x1vxqbbm2ojyzcrqizxqfobfftciemsi3oyamgy9b/kxmopezwazsqavnriddt2aidvbestyfwk0kgxpqmi8h4b3lmh4s0ejfv+mehtv8jr51f1smssyjwysggcwoyf5s9muifyozogzzjias+agd2ugpp15ejzmfi8iqkpm1+b0paue69c+upguzyqt77ljvycr0hyj2eqb5wfqkbwke84+crffcjznqqn5wip/aeulpqgag8qnhlt4xe6v+rrlsaxp9ezvicdo5wuuq2qsj7en9esupexxbmlmt0pnaaz5rnzdxc9jhu9zb3xs6yffk+yf3unmwzua0al0swenrixapnk7ukg7kpzqu8pxvzsiq2ry5p7j3s8zmhvctbsc4u2mz+h9rrjqqgadpmzxdfjnkre9mmkhs2smb8qhrl5dbaegrgwacscmgrgzadjrvsiksn8lqeczvh7yzkfwpe//a9++/6fwhaeoz+sqvy7skrwxw1lhyso6opxnrhzjphjwigs8cahmm7uzcmfktbaexm6o7cjx9jhkfx76/gxf3z6pz+spep4hr5491dqfxs4km0w/gdznha6s7su95ly0+iys3ltdn9coqavcw7er2bng/qzhdkicv12qib1nckuqypu80kkslijjwmhcagywwe8jqdoony4vtss799hlour0vx7csejknijg0je/cq5fs69/m5bpenjlu9l1kal9hsb6i1ng8x+yxcebezfxiekm93ckj5adrd/tjmver+x0nn7lgfs9zqvy/uzafykqvu0a1q4zqfitvlflyuiiuxvs8i/pxudmv5ydgf1yx1yolebg67ay0hmvnygzvv2f6wil9sd63rx+4obh81w/jahfxdzt9uap6z89bstmveaccvc5gi8ljbn46cdjql68dmpfjjelcismn/v07pv61siujjwubab5dldj7nhdskg98bycyembdmpsuxilkaeffxke87onokcqgx7tsorwx1x75+yq207x1fzy6c8hownwstkjh4flt0dmcseoxlk/m2gzxaaw9q7ko6g3jzmdmlwwhiadmh75ehfcrx6yz/pnxhooazxwnpcuttro9hun3m7cs36vdfqtrjid9lkc9bl904hcib3kq4sq0s6n6zf84tm5zyvzeet3qwx2hziaccncv4q7y0du+xfgd/v/eahv0m+m0m+k0egp3mgom6x+cnfqezlidr8hty3znq01vqsfbdb8gg10ih2mp3qnkssh5apr55npnffadnt3trtfxsn7kn3l5y81rnr/8rngowdghyzydb6l9eqkanombqwdv1uvicuucpec+n9b8z7qkgwzqjz8jfmkuha0bxeb5nmpv1bxztjqphgo63cjue2a72pkvcrxartfhih9uk9mfayedcvxc5oty0e9d4biems0cd5dm32zpq86erw2xkkxck9wvhrtbxseo96lsgd1rgyg9e7cczm30akirjfm7pi4sxf35pf9yw6uu6ol4yfqhwkaz0es/ymfmrrnm1d8fax58j1guse+tfta2dzfpzpi91qy7nw49prd6ks2+i4txs6vvd0kfvjlz4tsv0ggvtqrocyhzi7o0fxm5mhshmdhev12cf6shqrftgl+bk2m958x2fveqlt6nvrori8d6xj0//pkvyo+w7j6jebrv3iupf3nrf4eyktrskeu6nuuht+2qw2zixnx47j2ak0wbdk09yidhtye3qwcgrdgmpaoha5ae5da+cj2dilcvouslutd8mvcsqwxhhyfa5y35ayt/ecvm62trq/3rzcihq7sdg8t41jsqkq8wtxyzryfzmi26gjhk0yjoifu9siacolg85qepd6zzjoybmluhj9nubcx0n3ovletggapjbdq/rpr7tzolctmg9kh6yo5m29bev582zfe/pqa5sos7vj9khyrk7mknc4hebv7wun1/4y/forq4pciocu6+m++rfldhgugkm1dberwnwwra72oh8ummsukvkmmxx6eswzz78zcwoe0pjtrrfnjf02+bubb7zrf6e+vj3kpinpy8ijyvozpam+sio3xahqo0cg8zj/elx37d5hjek1g3lkhu1l7zlnxpn/kc3r/f6fjboosd+s4nmwfa2vxt4tqe/i09nahckzwuxpju6knmaweggkrtb+mjx7nmk3smkjgy2qmt9gixecblgg6eyfzzr+pvrwuxnresewhgnhj5p1ociwbu2kw0m4euhnycefknt+b1l7h+yihhujjuma14wly1bavby/f27zhxvvz1ohghsuz5food2tpbn1ptllzxu1mlmtn3blo0giurz3sl+pkvxw+gnqan5oecx9e853qkfamcy0d6byvxdbedtoc68fk67rvsrydwma8hovckspb7rmhdxwlbnph1+ixcyo3bw//ipvdxzmsbghh5y8zdbvsyxp/c5iwvehlocjt4kuwspsuamh6fdi0tsjmrnvcwbpzr5mtg7o7rqv9+jkfro6slwiupqhku7iblssstycr2zy7jxoy0wrnqgyq4f133tpadyylcijkankz4k3oi0q/jtjsoac8k1gfkz/fnz38gjri2sa215hlu87m1rojqjk7ihfuigimm0yawqwsle5vyhsugaieiwximeggasr6ivxgbmju2hse/ud065ybmhsb1v/uiktnrlhkheqzozqrgm6fd6qdvujrhptfr0p9wpif8eumxriasi9vv3wpgjqt9+lxkgofouoiqvjdqz9xicg+nmwirp1tenod5qztw8ae1jpfdwdhzwb8zcq7e1y9fxtsnzstnbxuzqu97opsumbuewqacpogo7pfx4ve6szgfu/vdpacqz1ke7dbr3fzweqppw70wretgwptgnazfxn9dcg0nq6ct+zdyd1lolxfprx5xc/ipmvc2gi/ppasv58kzrpdiec1sqgerjttc6seeia/pnu50xfskiwck5r/egr96occpyoly1vlnpc5z5+8m778zkbtz7cj1mv/svfd2hsnsylacd5e5eo+h+cikbww8mh0nnxh3+w5janbslen7ur6n4n8ob3orborn6negahunbufh1y3nygocis8ce9mx4cl5sn5mvg5rmci74ueej1q2xoallfafnzxozcqrdxzq4+lmaiiab+5jxm1mxu1kjnaesmpmln1wthjax/rkkhpps1t14qtc7vhlzxjhhsseuw0ga7w3wp7efjy1e9dwn93/tk9s40z+hivacly4hvatoxklvcpnjfsrc0jaeodtcrp3+o00oezwizvfydlewdmlzuzbcy6bmcmlq+pyf/o8bgkluqo1rier1ysiwzkmr0wc6f/8a6/2mgkbjn2zdi1il3tbm4xw+23uzaoezk6czeygemb+h0hla1o8kraqhmbmka1ijqu52o97rnrhgxg/k1mhzzvfhm5dweqtxjmuiu8hkpa9mmp1vnj7dslrbehrdzijtqm6glgh42skbc2ll72eeyku94yqqfzoibjlxywlv3k/a79phi09db228qc0vyje8vurgrwmmtmhbvlvygi6fceepmhbynolqgd4rtlsgjt8ocrijuzjivtysd/6z/oku/hx1lr2hjfz6kpu7dch5otlrpzltezeca3gdukmt0td1c5g+gy106z+zta2rjirjeqnqvs+b4p/t0gjwacorfjcnggxhvlvez5g6f5t3nntfbwrjktgodt/c2voxovf7hjznmdcufm+2embwum4ji/kyd+qv4rh66u7u1/dlet8/y0iywrjonvhwvptne2dmb414g5u85cbfsnxv08eoukvgvk/eqq4efzz476tkaq6j4qlmdqwnzd9dzf8dfeoyu0z5ttyxkgkutte8zg5zjscr6cwm7zelkki5totzhjamgx2krqqxiseedsfmrwnqs3unshqrs1zrqlk+lww3oqzp7mhbcr3osda6u5sn2niw0gr05/mbrl8roghoz5bt2mmpvs9cumw1fdbcnuvybitojxmn6/lqgneudplwwsxjx5dqbsvodgdmxbrtzbloa5wyyysz/lshpmijr64kgypzi1/dliyjohxc8ghcn+pdbnfeuh7peptbnumvylu2mr4rwztgh+eznpuy8ev3fbmdy2+l1kne4d01mj/sz1ho8srhiznpmcrzkgdcz4brw3qjsuxe5ii8ftxwdrezu5n0mxybbwdx+luzutsjpzng05e/0pldl6s/zlzrkgnss+t8r+v0kzc+f/qpwox12pu2rkoxjy9ciqdadr42kksgi7oyu1edq0a50dcewpigvocmwvgnlocohpjl5a0ybv1e2fmvzavyib54qebovc1fw3mtagas+e+tfz+h8fnpq2pzc1ubgkuvtrei06jb8mvgpt7ftpvaowbzhe/tztdrdiofyhwqqpgn2zgarr9+cy3efakruk/hidwajg7+/jq2c9h53j5zozxfk0brwevzlio7vj2uaqsqwhxi0v3r8zrfgzi615tq47isit+opjqkp61kmfm6tia2tck9iqok4vbpebfmc1v/llghtit65llwfgezzu1mmndb1xky4plc1hu4alhhdskwscpajexgm3o3j/qamhftmktjypgal3ttgwsjjmlija4xm2o/63el4npwardzkhjsecjx+jd1qfxwr1v989+gww5shd+cxingeamaydewaols/yy6wbryidgb6hvwwyarzrxhpxisoh1vtgwk95e6rodrlxodwjz5d3ogce77iq8uuyllmg8vfme9nb1gdkzmvryqll67p8hnti54wp7gfsl25zubt7wxekzbqk0mt0n9s3x+xfjy2kdeft9k3qrenldkj8qz4bn5ypdh3x54xkbgsb02szzrhpleahaj9uzzuqzhklcsmthu2nulnxf9xkh9xuvtnnnldab1t51ycmxkd/2eyj9wvyiucvhi2bf/aguke1kuzjsq44hosnbyr8p2p8h/bfabg/9xancvb3dq3yyfwpjozaymvuzhn0cmvhbqplbmrvymokosawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk3niawifikl0zpcnn0q2hhciayci9myxn0q2hhciaxnjgkl1dpzhrocya5otigmcbsci9cyxnlrm9udcavs1vzr1vqk05pbwj1c1jvbu5vouwtumvndqovrm9uderlc2nyaxb0b3ignyawifikpj4gzw5kb2jqcjcgmcbvymogpdwkl0fzy2vudca2nzgkl0nhcehlawdodca2ntekl0rlc2nlbnqgltixngovrm9ude5hbwugl0tvwudvuctoaw1idxnsb21obzlmlvjlz3ukl0l0ywxpy0fuz2xlidakl1n0zw1widg1ci9ysgvpz2h0idq1maovrm9udejcb3ggwy0xnjgglti4msaxmdawidkynf0kl0zsywdzidqkl0noyxjtzxqgkc9mas9mbc9kb3rszxnzas9kb2xsyxivcgvyy2vudc9xdw90zxjpz2h0l3bhcmvubgvmdc9wyxjlbnjpz2h0l3bsdxmvy29tbwevahlwagvul3blcmlvzc9zbgfzac96zxjvl29uzs90d28vdghyzwuvzm91ci9maxzll3npec9zzxzlbi9lawdodc9uaw5ll2nvbg9ul3nlbwljb2xvbi9bl0ivqy9el0uvri9hl0gvss9kl0svtc9nl04vty9ql1evui9tl1qvvs9wl1cvwc9zl1ovynjhy2tldgxlznqvynjhy2tldhjpz2h0l2evyi9jl2qvzs9ml2cvac9pl2ovay9sl20vbi9vl3avcs9yl3mvdc91l3yvdy94l3kvei9xdw90zwribgxlznqvcxvvdgvkymxyawdodc9lbmrhc2gvzw1kyxnol2rpzxjlc2lzkqovrm9udezpbgugocawifikpj4gzw5kb2jqcjk5miawig9iagpbntu2idu1niawidagmcawidagmcawidagmcawidagmcawidi3ocawidagmcawidagmcawidagmcawidagmcawidagmcawidagmca1mdagodmzidagmzmzidmzmyazmzmgmca1njqgmjuwidmzmyayntagmjc4iduwmca1mdagntawiduwmca1mdagntawiduwmca1mdagntawiduwmcaynzggmjc4idagmcawidagmca3mjignjy3idy2nya3mjignjexidu1nia3mjignziyidmzmyazodkgnziyidyxmsa4odkgnziyidcymia1ntygnziyidy2nya1ntygnjexidcymia3mjigotq0idcymia3mjignjexidmzmyawidmzmyawidagmca0ndqgntawidq0nca1mdagndq0idmzmya1mdagntawidi3ocaynzggntawidi3oca3nzggntawiduwmca1mdagntawidmzmyazodkgmjc4iduwmca1mdagnziyiduwmca1mdagndq0idagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidagmcawidq0nca0ndqgmca1mdagmtawmcawidagmcawidagmcawidagmcawidagmcawidagmcawidmzmybdcmvuzg9iago1idagb2jqidw8ci9mzw5ndggxide2mjykl0xlbmd0adigmtqwodikl0xlbmd0admgntmyci9mzw5ndgggmtq5ntygicagiaovrmlsdgvyic9gbgf0zurly29kzqo+pgpzdhjlyw0kenrtemvqpn2sju7utggnuzs07g6nne6nfo7u7u7u7o27u9o4oztuzfj9d2buxn3zpzvza2mroilqzj588sl88pyqn6lisrrv6iwmgyym4kabr3pmbiyeglyftagtgzlqwh7ilusvz2jsafi0s8ork4vymxg4wgbtra0ctxga6ibgafetiwalc4czm5sbjhwgarr1s7cwm3ceukkpq1pt0tl90/lxfoch2797pimdlmxsabsfh5xnric21iy2jp8q/9ebkiymaedze4cphzujqerbuvnkxgjajsgvbpawstgxn7ackdozwlkyawqtjexsheyoaazae4dvpxyai6cnscvfptkwfgijoqamaa62jkywn2emrkymtn+56ac2jvbwfg4on58bfg4am3sdg8fphjgcary2rlzoxn8r+lsbav8mzgsp/nxh/en7bfmeojg6gnlb2docprmqior/g6ejuyhjx7kdld7dakdp505jojhtxyx97fue+fq6gljyoaactvwd/8plaaiwtncwttjw+8z9cwzrb/e3dschcxuzfzkga9ibmbnyg1uzodh8wnxi/9wdf9yj+e/vg9jawrn9hq38e9d/clbwddcxmmway2b5zgnk+jnbzmigjvgvwzgymqucmjn+ytd2sv13n7oj/d8novprzqg/srgya22s3adgjqzwjpjax8+uakr/o5uz/ude/h+q+h9e4p8ref974v6rrv/pep93z/o/qos7wvnjg1h/dsa/7hja5yvjyap4vgcasoc/lhon6/8txmdawsrt/xt0r7vvtf7bvhhozfyvpilhg8+wcnmyfcrcxmd0d6ofg7ifq4mxoowjktna1mdqs19/29vsje3srsxstd51/bulahpmjqz/8amawxhz2vwlaps/xcy2xv9k/1oqv8kzqgqjqeri0f4xl+vfgxu/h8br1c32k9u/lsihnp6pxv8wwsjav4ahptmhf4cely358+x9eulmypl6l1l+dct8z7wcgao9hsta+7nujua/q/+39z9xov8ci2zjbdt+a2xuha1sjd8n7t8mf7mnnoztpwx++/b/vv3v679n3ste1cqibnujamqb+cm1i82xfjtnaejuu6+hgxwoylakqbuw37ca2o2tgrrnxah/vhpe0djf8+en2+kp7fu+nm3bsa+wfwv3ssllhoexgxvvpuogrtsn7ye/o24jytqzeqth1ylsfoqwb9o3g50jjwxd4jcowql2vnuyq0dqxzlnff+mlw+2sn5gkfuxmb0ojsbotqwnzxqjx48plaojw0od3deqvfv4tnkxsos8zhcifbg+dtn4glpqfr7r2cesvujoei6kmkfelafoqvoyydvtyqzhtcdo1scqiogxndxswchdauwib2onzi5w/ggnvh6vkfxs0a9ilgb6d/dew2h8ih3aqol0rqkfcfz+go0g7yhqrkywymzqkmwuyhewlwztjbjok5jw4gzcsxgr8isjr4zwiwlfzqkguzw7gem7nwnbzrewlylkqw32dr6g4nwniu4ccgido8k+dkblexkpeu2kv0uzwlrtkdlole9hybfoz2jgbtebw6x22lingj7fyhhwuepzxcihotvkkfyrakgln6sfwf/yfxjbtvonr7d/xe2zmbsbmpgumgpdrgxzfeqe/hl0dspybv3w8p6rttwslrgqxiyjqu7n7tqmkn2tvbeg3l3o1tivmzaqueefp2gja1pctdsw79fciveh+vfy8emknsc3qx+2qe8euv1tckibwjqjrw4irmqc61y60g8aumuhmaezfj5dhsvximnzgp7uls3lhejevelkwgdhuwvh/kwf102766wjeqdnelexv5p9uvho4h3c9olvy4i/qwn+5sintdq1qaoorij26fmh6x1gy08colnqbq5hfilp1tbipi51lhweijkztxogmcwe/oume5nwbve7cjfi7br2phwyyqjbev7ebmwtsa4iuexxl9csceohgc0knqt6ieqrryjr0k7bvitaro09phkoup5vk0yqaesr33x00kdjih6vqyqekuffnr9loc+xjg3tj6suqvvzazyebhje6l6xqa5zbznbxrttsber4zawz84vicl9d1z2dd0jokiafqxrdljvyswcckh5zbngerfk3hcxvixvjyrx9m6prkhh/atjuqvnnoruyl115+z1wx09zkrxsxz91pwrozpjpsb6z2yzhvwc1crhl+glhjjydtmsxljepyspbohuov7lxnek6domnt+u47kkqa6i8srjvsmf2brri4sub9jion2mrsxku6padxcngpt0dh/ttury5t5sihzlhdmg/x4httxtjnxwqhycb3oncenqfcjtdsnivbckiue/l+jqzemsf7vtvryisxw47xsvuhj816ilpzsg0rp2qksnm6ycw5kvihnwmfpk4irarmpepnjixnkcab692inezuygmu9b3q4gaeducxi9htpsjkj5tv1uqxjlz7xbc+/c9ojdmb8gd9ch61ni+jgivvgfsw7u9n7/qb0pqtw6mwkw7jj9mvunseg7bd7/gajb6m1otnywzwk5p2/c4aw136vsgrwtac6grzg36tmbfo/9ukkycmizlig8cfaya2sc9edhjkeif7yln3b5dtxzzviehx6dfqjfsp5u5zj6surrpumfqrywtgx27xruroakpwbtagxtencwhskcsr6ib4xxc/o1/qe2+vtvpyeiq2itruxpfrobu8ycwtn9uxr64pqfvcfnlqh+wtqnzhhhfkclmgs4lv+oucj4r89xi6rbgjv2vyb64vifxgcuc3mn4nggwy99plbdnu0/a+r7v0p4rddut6rvatyzlpxeslkl+u7mrs59v3dcnnc0yo/tcbkitl6nfktkyffdwahm6jiamrg6k7gmvg/udreldg9glpkih2nfefikipxx+ebpnpdw77nidka/pjyfkkgbpubyfe1bywtr1qdmj175w9fvxhjqydqqlvpw2ozhqb8o1h2c6cpdbziza+kvui0jv0ssm3lwafs3qkzmh0odbbgno/mycihq+jfg4x2mtjztdn+jizl2yj1jp2aikd/tbgqckbffa/axy1eo8mg0tjd97jbvgvujzwxtf4okcot+buq6thrquocmngbptzbly9bvd/ktoy9namcwt8ack5vaj9obhdruu6xdde224ztwzfwxehhdml0ynemjkhe6wb9gfqqzshlveafedjnsdi9p9xa2nvhkvchmdo41jftgs5rhmnlqguywtc0pn5cmslzwyecqiifugcjsbtiouu0/h4hdu1nv6vnjygbvvommnqmi3mnzr2sqhk4l08oac9x1kxmnelg+hnjgdxurzt6mtzq3qv7bh9/0tugzxueirasmeu83jcuoc7ehwedztvxlpyyqoibgh92eb1yvtqujcaf85fyb3h3x7attntohydmqxxu17jdsrlexkopxmtkjraa/eggdl3yatxl0eijivmbhbtg4gghhnzmxtjjbp81jjy7pkdcmwe2twpdep1xkn7uew39r5dqnsmyhck9tzjxvr74lyygxwjof/kimbvwdusethgn6aizrvhwbkgik4pocdumhcj7omedy3j5w0ptksbpneur/dvfpclshqwxfa75qcz58tovmszvys/x1bgolzx7/gxqdxeno65yzhu5oe67aqasybjawr3es01/dpkqzfvxwkmwq7telfbrczq01wb98hs4oitkclvqphwrujgim2hyxjibd5mhxqiqaezn2qmufawle2vyp+c7fh31dnsu7gdzwlwexslgo6g+ltdmbmvzm+ry0wwcmrnghq8ftcfdvnety9rir2l0nfu7nnwau+vw/fgmvcrjaifmbkulz7yskjxpghuwfrh26e0z+xqfzzdsbfdkec62ocka5xlzd0vu2c7na3x1ew+4tp2rh4idsleyoxpwqplob7wdjnbmjear9bdtoev45zldvqkhp14krqpl4yswlhmwknhkhfy20aoroemcnrd6fbc6+x6oqryxrde2312tlx+jzov5mnvt6ytj64rvbtek/usxuupe1m7nluueqnrlaqgs9vi662t1f+xhi8bv/g5/zcnapbf3690ebt2fc3hn7sddgrpl0el+cnafs9r5vj/e1jnuyr+qcptismt9dwsrpcbcbr1bheaypfvr9imhjdfcm1wf6ktkim3igu20cazblmdpo3/blzn+hq/dmwyxzsqjjmc7sk6pj23m12fojwc5hursei0oaggtfam9juz12qts24zgm4wki8pb71pt3w5bwg/y+yw6orzoibj0aqkbfp2/8/t7xhh4s8n2uedfa4l5svz9hm74ktmm12ehj+/janteskxn2wf2fmjxudwjlwb1+flz9zorb22snsc22bigbhxlrhirqxk2crr211bowu6vy/xjl9zvyo5irs1aixlcvqt6str1vbmtzzrgu3rlesh+uhrem6pvrlgoqfakxetm4ksxfr4amlnglghth/nemyb8c7xyzdgqwb5qe2ij3mjubop8kkhgnkfrqvnu1x+n9dzyspndl7nf8o5vf1zftoeftnegfr2c3gvm2kh7ookhhbh2oztj8pphuqhxzc0ne3zxhw2yjoswg2zfyhlwov6/p5m/gyfczmiys+u067tfxllj8y8aoqxdv4exssf96guopk/zbtxujzvxg069u8gt6nxgrrnybwaketj02u0fobzcsamghhhwmlnq728dlau+0esyegxybzgoc9f5/nf1phwebrttdl0xpr23t6ouk8/gk+beeg1subk7trgdv1qnzt3uxacqim45da1aao+pkl/ynllmjcximhsvmoqlhfwf/fvv9xlhsbabo7blgrk3mlwb+p42xdfbmkerxajks8l0uklbawnyoi+zhzmk2sd8lsvmupfl6lwosqn+iqlbfg5imo0m1jf8bkqumz3rtevyasnt4/c61ypml3fdu0n35wgljivue5/m3zszcnykjvgrpqysfk0gc8/nknlgubezwqip0teoocxztg/1rukkcrn6jjwohiivlusb1utdmuzzvqcgeyqx9uj6t+ny9bmhch6iprysxfqcgcfaszsuz0s3/ygsnhxmq4rbnhfpsc49aa1hd8nijfhrc10ft9xdp1yi08kjgs849heoesos/qzjzwel9m1qchxpmqbcxgcytbilnmiyh/thbiq1vzc9n/gvkmvyrysqskr1uvpcxo1z6ic8xhn5e36tf3jtzn+a67aob9dawrq9zr19lfrt8nbluhclo+k6qalfdnhth55krif4wn9ebffro3fwtolgz56srb0novuimvg1bqeejrbnvbvpwsmhfgkjcw8w7nqrfguk+tbv1hrq3ru/hg1x+bui11oc89apcaaanek1venivzhz3ydsmhasedfn4xzwbfrnmkxciel/um2o3/kvnir9z2wyg4wi82a4/d50wlw3xnlv5mdcjvsz0iuwr0rcoc3tzsliogelj0j+of449hlgle9yugcgggaua84ot6dab+3ylxwjra1vibo5annvxm2tg6qpwtgz4kp8xte3pl534zpddauf2ku0qhxp2sv6rjam71fel2s9n3xpn2giibmhbf9bs5x3nyd6yhcwlh3bvkn9rhzqrlesken9jrvuqq9zdqayncjzcrqqf0k2eg6kjm5+bkwalhe3sc292nynbbacugargdjuyz36cqwt4mmdzbscjs7r/8cvnfaounyin4ei3++czbvfm+bdczaeowisiydboqzxknbyt+fyq2cplj7fxbanw2szihpu6dqw4c2yi6zssffm6juahh+/4ilushqqfg2u7wxf7aws8mchdaftjdehrzrq3pm92zgzrgqygm2h6ksufm3c2mwh1+tliyp0zmmtneyubtxkuruqburoe1r9zmlx6zft5ibmafsxqhdamr+9eprvt4uaz/6r8f1vtayhpum+uq+u5kkz+yhnqrjuzorbghdpjfawwaxd2yix8uuelricb/ljgnj8e84pfbxyrg+eg2nhcy3ngepq4ecwe6t5ohtitzflz4aa4ft0zvdkzngeayc+lkhvqp7hym6e90ut+zew3be7egslehewzknch1xizgb0cty6cidssnhi7wkfdxug4idbu6fd4ckv2cx+kbb5zc5gd3nb6d3/xgzxu4n0kyabm3ybervwhe8gnazp6skvujr7biqurkwdbsfrqsoepktcsn9/mjfqmlcx1sxfpl7hmbhtvucdrc3plsfwnzo8t4i3z3uixufmeqppszg51/vzj+svfghmtupn2crjw/isxjlasm4sjzjrotdyrfut9ttxkhlxymfpdxy4h1th4rk6vuaipypzzvybynj5wpxcvdmbph9gyuxxsfqynvkyigggosflto1l5yiznxlafqfbqkoowgesh29ukozpz6xm/pzlz7xfmt5t90lv20b+m5rs1lcrxqzrztwku1zka8xiktfggudwpi2um7p7yce0yq5+wgbrzlelwdo9qvgt7g8byg0tar92ynppb1gckmml5tl44axw4lujaxeia1stptoukjywpddw6sg1d/jxpx4qxuaux/lcbhbjsndqdiqvavvlvjldqlgmvm1ckl8pg62dko/tvhnqxztepavw9mgqpriovpotddo2o7slnzcosvpa3ebhugxw0irfouia8+h6+khnfv0mosvbjmyauj3ll9kaov5i7zo5uw47kfx9ktkwv2wca627wsddclu4hqmdoynjm/rhxhugch2shjkc17mutxplhqgchnmv52/y55xsuv/s0+ekyiaoawcdksvu3je0p+3p6druwibwg367lum4ndm2i5qsyokvc4e+xcbra8hqd5koitourgzjscjczsg+uzu8obrmqk7gvpxbp8ldywvpja76xaojragzj0frxcq0ksaev0gwcmhf+trcgkjbg6flfyajj18blcumoxtrly84wyjtkj+i/rim6aycj4v/nb6xqib5+u3l+go25nxk57edndks+zm4ggt2huiggqver7y7ojr5q5bduk+audbxe6ll3tiuwqf9bg6vxuq1fefl0lbkgqb876wzahpi7bftaetyut/gsc/3oxkekoxlddreln9zqluljzx8tuhuynbpivkqcq8sruzlo9y14x+emcvlckbkelsdvd4nbr/r84yfpzscupn2zs26ildrbkq18i4pydtto1xycl6oba15n7zuhszuiswcc/resnnbv5dy6t1i4bq8/sax53y1pjj76gso9eu8xmqphchtt6xmwsnfjfjzbmi0t4n1heqrfa2rdbonvnv4etosbdecag5rx6e91ofrt+xyd7bt326ig0qjerl6sutmxjovjvyyqzx13og0v5jsqxjljnl6o/poj1e+ovpji5lt9f7dczb6hfsh6gkz7hqt80hb6g/mw8fklhoxjlrvwy5shv6w64trnc7komp/neng+c2rndrjkb4lvz/pdss4vkzcssolmsusqud94xevouawzmli9ka80ckcztylbvoxvky0q6me94zpd1dlxxyu3wn/2ozb9qeowvriay3dhzohr1xyj5a2k8sudgq/ic7lmbzuru4mq4ie4z0piit7mi9d6g2/hjdlru5iinqgxv+wcctincrwp4kaqds6/ypd13kwrzihldqac8qqbmuv2/hzxiocy61zi7t6ejgriclzi+ubeoqpcwzc76kxmb+bsy/a8paj8c+8+8uvgwfan0pnctdjnw6xintm3fsfhnmc6tvlkqczaej3ny3mzcmmkhqvjpng2ozplxianlsmvbv9xqp+v6j4xitvo6tj1lqdzdx2lng/kepg6jgwtx28cuomwpnuynsbyxy16qvkfvobnrzfc3e/zkyqx9snrl+mmrmqvyhcgjfvhiarjofa/qe94kzrd1h9r6ivjdehelvv48yz0iumkhrdq75bmfjsvhapz2kzlqxfrelaaugfrf5/zwt1kd0wf83ubllr56lm0+/wdowq8ahwinjjucumlpua5l1en8+s0w8vuqazlmw2qt1bkqbzz1g0fitr8m2ipeyzkyfhpqo6xzukcaohlzvjwvjhmrmzax1c0zks0w2g2bijy4dh+fkbre7rw9jfm9o5qhjfzuygeqijmnimvyk9/9kw5ut3alvnbqsscqttpgg/u2g/m/eeudmvxj9sdyzqa6eqisl5lqyl9qty2jq/wrqdrlp3brkvupppt7yckgha+tgcrcplhaxjtnpf5u8lcd2o9niehc7lof7gwccvd1r/2pl6qrl+nhx5tkcbwqfo0ycduga0av73cn7b4+zhje8ycb3y8blv28ehtfkvkplbpatzettwwgvob+fyewflerqsm+yvvkafq+za/2x+/jyu6i+cv7uqoiefkkwgjj4tl0rfpkyqypey0fcs+/pk6yftlspgxz/hxwvb1/ee1nnqdamotha3qentpfclvmmft3gzbq+hz8vqkpz4k4jr4hmks/5jihl/cq8j1ppvmcndjcqg7udyd71dylj/hfsqiuskianpj7opsbu1fa5abmwlcw9ylst/h7qogm3yvmznnvychyhpp5uaf/ra6mw0rkxwfiuyceq+uvzcdt97468slkrpovr9dg1kzmp/y95y8oskdrpwx/x++voiuhm25b2jappi8mmsxlzekskspthcbnal5gmzmpifz6vj+on/v8jrs+k+l12bffxgwcrbyie8mkpice9pmdlckxefnm6rfsyyvkrtbdmgkor1hfmikx9ewjt4olvfn1o5n5qgzf93ok4xaa6uz789lo11n+d52mhokvuuzzeohjbspmug6kfbsw8axeqw8m1eya8wepev/7jitoaln20oxqm+ygog4fu7rxitacpp/9qu4pysami9aghggu3aobem4ay/erprztsdbvkdnalrx4mo+efkicalvtysbnwjgeqmi78nfa//cewzssli/vkvzekf306zbp4cmqmrs0tkvunk86yrotrm02a7yt4m+o/roww6pbpt7fdepjkz+jb2q4mqar+gcvb4mx7xgs4uzozwgagx48hdkcnca4q5y56dzokg8hm7a4bapzoji915mudkppr+rwfqy4ihvytkqehxpzbp7w/nnm/2mldezqprqtko5bynsposix/ctgxp46qgib8fx6vk17dwpqomobcsoj6ywouppojs2nuk0x+0kyulgdfg1m9nnevkcmis/f0eehw6+mtipuyermaugf1st4c7+yyftglisw3czcouk0xnrb3zjzg8shvjcsx6a0iv+tuuamu5vqdhncmppce62+4hcrkfey67kfzcqb3g7hxl6kfiky9unch2xhtnm3c8pc2coh6cunhjkdn5k7a3xrkmxsll7kvoyyshjl37teaactp63mjkhe45ri+p9wol8d+90bimdyyyklxj7k5lq/nhgr5umyk5mnvemnp5qsamhi7y9dgsilqlcbijn70j9hpvwake7c2zgmwx6okqix4xz9y6svoyfvr1fsgralbzhglhqr01gtd5b7w7cisahqhoohsp4luz6tepopnbx2y5i5zdb+x5caxq9vkuxbosocqfhx9gdi95loqcrxups6eqkl+gqlwkzw8ueyl7gfavohczfsfp3b83j8myuilrwqez3/ihef/zyadj+acenkrrpra5tsortekcfffo9bllait5enq46p61vbgucmhtaf2h7miya8lswmxtprv5zcwnictldnfrfwkcwd/eooulmgnfvobtqy6s2pzxrqfkwgfap2n1tsnwmbsexhczyfafnc69mdfdupxi+tecwsz9/kbr8fgdy8t3ixrc3gnja34krwxwl4qyahnwgvl8a3ldncrl1nrne0jwl6hbn+ku2aa8ju97clblglqifbvmshguuwfdq3pt71cm3yvhwqfdxid2r5cxr95zlvln4jfpu5dromxtghcyqckcb+q1tiroy0zbeqf3xuqhtmuw80mgx96ogbbhgj9u9p0lticaaftur18g8eice1+olzzqch7ztjmnwby0mrwy0adnskb3y0zzc228/t6xelyrdrpbfe2sxap7xfdcmbpr3/ygzrthdwnzzmpos5smqyygs6qd4txxj3z78ln74br2i1clecc9ay4hps52fhvv0u7xyyb1zkhg/ssny7nrr6wq8idxcoztb4cx/i67dy2p6oxbofhsjhdos5lm9+wuorq/gjqj1fzkm5eime4kymew7ihusqmqw2hfngpbrib90mlogiyxot/ighldw00zezaoknyz+idqwbbcg07slppgyswo2cjysbqzcendth+3kbkt0+q2vwqhl5piszd1nrvujj9wwfpp774sutawtynafw77ozm6jxj4mhbte7lpv+q8cerj0xe50vexllflok9dfiohr5bvdzr+l+uiaoidlokeboec/yd2nhnpbxntlkatqbbbqiiu5h+jehaeqnysrs4vmjtrrlx1at+v4zh0ohlytky+tqdzaor9trj29gfsmuc6dzz9t2rrjy8iighoqouue6o4o/gy/aolrdhdcssdt7z1altdlbz19nl9d7e1mcvihtttf1spwhfn9ykbsvh9mznssk2l+5ydjz8wk/zxiq7dj2leubypfywphaby12mm2cur6aop45bgjjznalhyefdklyvpjxbzpfr6i71oppmg18evdal19c2pnyfarss7top9jnwiqdc/6dzjn631xizh7gf8iwkb0gkt0uftv4ee1vflfpp6vwfjck/2fdnagase+brjzbcfwpfj659aptcwyltbrccvv8mkqtfhzl7rxxyop3pig+zdwbtpj1njxm/fdbie0sljql9twt2nssteujz/yd1hxxwpqcwyezn709ehuys7crfv179mvpyefnn5bfihybcnfxi2gsjjaavyjilctc0unzba6drmryptguzb4zstml8z8lcn8bzkuhgavhklsu3okazxcm1c7rzajsczexh4/snbmdcbusj4oo5yyilgq+nvl28xysx3tbntayoz3atmvz98jmjspyud9ortnqnge5wbzhe6qo5l99zoq1s8n6n0si8fwe9xlpkkl3dzbuwxzhgm7mh792rxxyuqzuqdcbidctxzcfgbym+gtpigmrcuwxd9fjcgrmlj4onb93pchtxesh4mtszf7mmfydhrigekw95/htuc+vgankwiqrsl+ubg26dp3w2bzkerntsqjcmgkhganybeba8oyom/tuktqx2bpntruu1ndfedtvcikpszpebwntpzy+ylz48pcveztib3klas/cbirxw02bovxxuivc+25xiayidj2s6budfzudi9tx2uwkmasnzb3lx7vzdicy5qdcbzta/how8rze84oj3ey9shqsl2wr7lqbidf/rtffjwk3izao6lucwu8sgt2smf3pewmjm65qtt1bnkud32dxf/tqede38dggqnu2vgntbo+tpzwxgz4nzvsuw66ff7wzaxtcyk6v0hbevwt1uhlpgloqa7wuegdbph8ptpoapwanqrggj4si2oesaom1wxg4qj+t+r6afq0ym/b6plztn/5phomrkerp5pi5eslteiitccg8rnrwprvbtk2hujgpmspfmww36tjswvtrojhv2j6lsjcalgdn2ytodybrk4nslk+ose5z7daffixw8k1diobfcirzypvjdugersh/bxivew+gpbwhc5hpeqkbrp2twmrvy+iy3xbo0jhq12esbwgisp8hs3n3dcagbkobmyefmu3k1bilovo5lvpdaeu0u71ykbwvpm1rrrssqcrzw4zhth18tn5t3mndn9m70bdvu2da/e76ksxy1f1lzvnpnwh3vxnluiygttpy2vuq+ddony7skloctf+ssqocmvdvm33u882c7cg3prbrx4t6vfrrdumqhmbtujraonr3nlttvng/r0ucqbxajhjjju3w5mb6iwzfi3l4eh+ggvpkewyvskn61tm3/g3ute4zrfy7bc7gnh0sazguebekqzyz/u2i/sjfsjhixxktjvm0sheuubxo/zoheed3trh/cwjjg7eavdhlpdzxwibjmwnlyngx4m1dj4wfxntxr0vw8jyfvdiirzhqrrmv3dc06y8c35fjnyybzh5wxjokrns0ewquq4agwk7sle/zd1sloy2vzav+788hxq8mfqoc9pvzowpg/jjl83tqszr5dkgm1xxysxpvpw2sqvgalh7i0tcgywzv0jj4rejgodrsgvvjn2ob3y8mxifh9ezefwe/cyzewmtyhh3opogity0ba9qff3nol6ecfnczzm1vav8cr0+0s7sfftjqqevrc0kbji6/3t4aughataexn0pyhqdzc5zto9xw0ec+euw8xtwny3gwg60nghcq1joltqrhxfsabtisin3dnwjossch9homsoonsfq6xz7bdrd9wsc0eiksqifxu8rbkm5c4l4fsihlvatbjejlqrz2sxzu4roeonkmsvu1ajpmtzjg5zsvbxifhazddltzkogzhqnc1fvio7rqxrnfajwsa0iz/v80bf7p9rnnkxkxx770s2iwulsaunovcs5e2g9wk859/doh6l8fsvozi20vlnayivg0nzc8prudtuo/czvox42qjhkp6zyankyssq4ibpzdmefpbscpz2h+4y3a+gxlps6oeldvpulld3/gavj/h4dmz0/q/xdujrab+xp2b6exlomhxq+k589h8jlpbzu8wqbyskrxwjfmn1fdesdbz724z4ku91lfejachec5rcxvfos5hkpd6blvetlvpwpxbuv8hzq/1pk74vjfytx8te2fvltjnxlvp7tmfu31qc5ms/htjydlkonnhr7zdrngj89hkbfh7rivi+jxiu9u+hdu1wqb6vtcvamto2ms4hcjqm5ftrnf3te/9rdsfckcbewl+qnjchfru0v/pj4w2gt3gt/c/mlpiyqn21ptnto8dsrtdddwaktvnqs5/cfbyue76z2ysgja/nzxcujg8nzvcdra6i/eucguc0o7tvadx/u3ktygpj8tifmwv1qq2me8g0bns2d/uifqpqd0xdrbvhvsqgytdzbx+y5nd/q7ernvj4h9qpwh66zfqu8fg6ttwejrscjnhjs3ns9acnq8dwbta1mbfhpzhcsehetshbdu1m4ay3jwcexvzbbcu0snc/yppi/qebqfog7ci0vuaikw5ug6fmts1zym4z//gq2+1vnlljedxp8ar4hwvybsujygwi5jlbyh65eva5tzs5f1r5g97aelymsnp5odtgrspmi92dbukxzeebavt9oyyjj4umbb1fb2nbbyx97hdac4uwqet/vqjxrct/ncx36d5acejqrp3s5jetlcvu/bupvsghijxycu0vjsyxrwrejujt2qsvugpm/qnasi/etfbd3dxvlapb1drp7zgm0q7cvoouhcnzirzrfwicnacm011cds7hdwxi176t8d6oytmdha3u9gulipuj++0jvcq1wqifqmyg9dhp7w20alvpxzamuzf2namuu20rgvtg9vwp7odn4gyveysyjzycns1zob31+lvpy88xfarwykhvdnddbr6pffyhmpfcltw6aobpxdfgan26ul62ubudaurfkcze5wwgtbniuer80dz59noq6yna9w/kvrqwlwingj3wgexz6o3vwkdnkdrjnpvm3fcndbxvoh2pimemkybcgkmmcncf12iexnoirhoz7wnwv+rn6fnmw9fbmlsploxbtorxgz2pblispekrt5x5ka0utdl8q2g7yjn2xhhmf4o1ksosgrr/o7irji/icqn9prahisf85psxagj83xau4nbqx2dcudfnzk4glnczrbu5zae24scndft0xuktkmbji+rqe+7yjxakbwr4vqsivvmwq9srcwucxcmflmwva5qpihg4k2mqe0bjh5l69blweadv8npk/y01zi3qa8ik4i073slxmbqp6k77laf70x4utftui9uw8f/5ys8rs7e0cjb+r4tt+ghdpqkfl6metbhjpbm240gpplyrjww0aci7yp3oznshaqyyuuufrond/pprhuynnuh6hooyvj0h6pnt9fyp6obtgnaxljqaapicoz4twfzkdllm7l7thtko6iocynmpktim9wjbrpwq7hr4dikyrvmom3hqd06rrdi86ahzbqtcfgkl2dkvw50kvojnbgv5bnmpsr6ssxjy0qn2x6cxq+s+8ieyxhasrmp0sf+rxdybwfx7jcbcfkf+euz4/3i44/2pxgwcru/++ggyyqrdtwasgfwwye3o55zlbqhad+mh9enivo7ai7jovt8o8go8vxyrczjhm48mk9ghqxnslsrbnoujyi3gs/pvmzl+qged/ay0v2ypg3chtwnnkuhn8hc4brshti0nani2d4mup9+ojxinyrn5d4pyzaoo3s39qsfkvr+8uipvlijilip06bcw2qulbmcaklm2n40bhtgberl1ogox06s3ppoyjeyrs6jynoac1jo4pxd+vnoi41hm7v/guoxbdegwhotpuxvgedx4dkrpl3sf06gcqgqpnwalcgpgu6thasqdk5ejoh/y39bjeupkoux1sefyheljhuwith9cyhdcerwjoyrtfbojue+1kckkxscwghvznlor8kqmpgfety1hzzgw31+yqf3ddfepcaropsolze1/gw1fdf7rgf/z+3wtg/2p3nltukrkohraqhsjxvo7n4gxzp8qewjtp6adcg1mj+fbyjrafccdjjc4uk7y9+fui4h5kfowcubwzhuqsevemjfaowex7nf2mpra8oncjgkbgoqr6hmqjsszjupm/khqev/p81edhnldnllpnoj0/yhjwphvpzrkk3ihlaqoonkawybkbixwaojdnmrcilii/8rw+clzceylcgwvd53uw/mym6zwonsbtiacctiregslyirnayzn7iyuujuzrgse2lhy8tbxw5xvbym5ztfveisrgsmgaxfm6ttlrk5t1kipdisboyuy7nz4xmq1he41jzefkn7cij7mdlu/uabg6tnx6d6n9znmdhzuwkp6hiqxfeekpcytu+wxynwilsderngatrg6vgbxkcw5o9jb7dr6ze9fcjstyk0rkrvp9xkvnhyh1zo6jald+gge/m+ujzbcyeorgku5fqcsjx6xpoug2l9gdf2092otujx/etafg830prem65ionvdeczf/06nbyihvph6ma/f0pi0+icuncwgwpiy8yu7jmx2zulvzitqpgdv/owzf9rl90pcodirvxpa6u3/fod4ojjexhp2wtn2xdbc5y2rwdplg3jehjwtzbziyditipxapcfox15vtdq8vksctud4qexlfadrz8r2kjrukd3pgtzpufayeptlydm+vpjahj3mvpf0grzsz39tc3h1qnepdlap8f9bsrtvuegnshqx8hhsj6qlep+9+ddwi5k/hcwlcgrm4ghva07hfnqqoq7etsxsug7boqm9anlp3sbsyptgukrarfpwitjdfptt32e59chb1sufv6xqt0gwx+cfljfmv5ted+2ahdeqyenrwvd1lbssxj7p3foq5gi6ekzfbpyckxh0gqdoujbwqt3vev11fihsvw7dp5xom3qcxp5mveoufusqlefiuwj2zcdclzyj1gzo9n7phkbmqnvjtkzmifvvssg+z/vwv6lwubop6vf7tcasdf0z9qka7szltyue+1jek5qxtlztoccpmaixpko7zhnp2cloh+bc2nszhqykob3+lmoeje7i4k170w8ym1c6qq5kwzbimigmz3fc6r1ufu7l78rvsbucn4knczefnsecl1t1cj6abs97tcwj7pijrvktxcr+e5pds+qaratzrsvrkeik38qklqepzj/47wlw+xpjk8b4mbllheaj1rumqm7hfbsqcco1memhptwh/dfhn0d4coa0quygzzr4jn6cpycsei7xalw0vwr3pew4tapjfjpykk/ki/cs3n2mizfgwyvezkg9+3cpxcbgghe9gq2amo8wkk8xvom1locisj+rmpounyheu4w3z7f65hezcqwskys4pomhbfbwzgvzxagausctfkyudziimbbg+exmjl4y5ccyt6r4ywdhm+i0gjllidnrwvutoqm1dozt4msy1m+3pbuh+mk9fc3kczfwbvdnvt56+9ni5jadyrxntf5jtu7ko4579n61znk3h1nti12m2222p3fjojlffssbskgnt83jktqaevp6bjvw25vcgfptrxnqf6wbxmikzbwu6uuqug4gmkrqrxti37qm6v8owxk7bfttvq/a4lnhkar/n5lgygetwntzyijifu/6a+b1w/ua2szq/sbm1jqnhlm8qykce/udjlpeirsj09lr48e36k+nfzqaw8xzqrpa/edg6dpivwstyqxmbi8c3xe0jyqsb1nawqb2gpffljils8unj/4csuyv5+zymhoodesyyopqe1ld9rysetyau68a5kzz+idshtohvesneuqy7+1t2gdf1frmr4ctbwven7rfky8hkxqs98wjaie8klweiw8mjt++w150q+zomqmtdhhh/5ipk7uzfdadzzdli/xkfqzpzyspzti0co3gyumbtnztrjchkfyd2vfugmcltjd0twm/bk9bpghmh7uo0jctjvxdrnjialfzagzssq4dspejdku/bz94n2tecxh5vhqxlw1/dkqxec5b41p0lwtdih/n9fdpyhuuxhntp2mtmzbcodhqyotueo53yaumc0btfv5bgoqt0nsnvfjo4ka3tdp6xpbgyw5x2i7dj0frkrzz80xwzvpxd7ty1ypvtaxrmbxlop3rmoju3obmzbjuxeu2trxr9wvl/++ilkvqnkkz3i2bmxv1y4wsfgqi9kqcrierwtctsl8ulahb1ug0nvxexpvr/ls1t9ssk1xjm66qinhhehnonkwt1d4elvad7afqujksshfu47licfgy+u5zyabcw/cwdwfmjuqfkfctcahdjymaetxu0mqfahgx6txnnpnvlvhgdyam+oolh1q22dynh8lsq3dza3xsqta7bt3r0urzero5bpuxcy9tmv3sxsrs6prbat0vyfdznj3xo/d9ou178kg81gg0wphhpjushw40+no6dsbfvodm9hpzdk4sfudiabyyopl5mnwbxns+coilt9badq+rybgop55eoms/nbv016cpf41zu+qnnhi2rzpihmzu8wmsromkcuvitklmjfrmefdojxrzgijrs501v0gxlf1+0labflodjxdhuslpjla6yh8qzgwdhueeku+lwx1p+cho4/5e7mj9o/j+mkrasfr+azvx7lmd8n9rgq6wk+t1l658ytk/r8gzgngk13wsl6cz4u9j3rcpkqvkuctk1plzvnjepab7oagwu1fsoq7hvjtmddkspf7lmx9km+lnumnz6i1fkm39vai35sh5lytbj5qllcs+yqibozacl+mdwi3yryhx3qyyqopwbrl1s2vsbom0k19soriitcusjnwdgm0rh00qlclcz16bh+6ygueagolrxffhuyec4kjev5dyho7s0xjga/7paj4dcxte5+redledviap0hc4fya2icgkq1lygil1fvvc8671yyjb8fpv8kdq9rwnpf7j+1dgstlk4rbkzm7cou1niu7uw6o7xcs1befxm0bulw1autehnv/k40fz6lic+ridzgofypqbiztdvhjwbbxnujc4i7rgmf5kpgsr5qf4s/sb+bkjbo2pjzljw9twh135kuagr9veywqko/f7hfet8rngumwd8+xoolzv1ymc92sk0koxrbhpo844txezzsrr0y4bmre7dw5al9yyusgb0gmxex7fouxq7mniadffmzeedbmtcf2xivf6qs+sa6xg6v9pb0zrndvxgd1fhsycxvmkbexc5d1tlr7ez/bm04h8wz1jgg+d2tqinutaoqcbd6hwcj09w5hm567mct5jajtwu7pvtybcdsswanhgwibpnx359xh707iwrc/pxqagpyw45z8xf100vlabpfwu+lqqxlpeno7l21umfzs4tdn+e+udqbkak5qbk7drpnqba57snoijsg/vpnypuasb0oublikgumwcwzzxgarxk7yuwlei0ckhd2dnmf79kphbzcyepi536kfqji5smdecxtcg6gj4uhohlzzko8godsdchlqy4/bjgth2v/qeuu5igbjudfhq3fkubli9ggwey1xloulbudak45ds3maqe89c4pmils0klpqazbhniqd3mgp516idhmbr+dspw3ovvfwhclu2t78pysivvswl8jedjavhl+j5kf+mg4gaam1xzsejv4b/quu7vxjy964cfqiugis0fvg6w3lbpyrj7owozrsaac9grniftko7+ljasjlfbtn8rcwfhsuacb2m2py6nk0buigwld1mcxjlfwpxcbb61a63onnlwcms6nxtnrkd4hzr1rvhcaqvqn8xq/rvhbhn0r16lu4fytkaxk0yrt1hkrzxjhxbrsvtciriyguksmp912fdan8lghdhx/2n4ccz+ze7ilbc+kqd8dmjqbizojcfhw47lwew7p5gu4jzfnlex/yhkyy7ammbtiwdc3ilmbavvvnj+7txbgcipive2ziql7j4bpiuawwsdrqsg4mtockymrjorm3tkrh6dmn6ufkdvtmbqr41zjqimfyd1af1+eh2yuuh8mgndus4cxre8bhcdla3h7sw9jtdfwm0nvocwivtjjtrntkipjt98froqdu9fphyl4a7uv16a1zru3nmp5lyimumprdsoamztvbm9gf72d5d20jmwta9y5mwhyedv1896a1bf+9dbtig8raloybtw7dmzqr2mlegxwtlqnpjgphcse8r2h4wei5xzpjqrsjag1mq8np2x/a3qm3tyz/7kgd+k6d/7tk4alpn9dsojqxhsqgvfmumekgbubs70fj5/ncxfdq6ztgfidie/emu8rlep/z6tlutbwda7kfqhfkoqlr28tbziqxiku//6fgclgl+pypwp8ebrofkkjkxn3l7tcezlonav0jkro8wxobjuzdbfxjrwqxznz4ptz17u/bew+hotyy2vprwryayyqsbrvqwplqalncopejmfnzojqb5evynqzur7fos8rolfvepu68arm10yo2bemnw+tdfzqnhtfqrtxexyjm8jc7leqgsse2jkmk5ilho5j1lqsr0ago1jbizosh2cvqvl/cfi2sy3+/shbvr6jfgatygzdyrc7pnl1jq8ghmfzfjey9fjrpary2fbp9cvqjzimc0+cb8b3sofho2bsxhbx00gzo9ne0ipd7mt6rw1366yqgzicgw1y+2yfxxqma/qbajhck4iu8a8qepjhrymstn6x1q09ozy/mknx2jyqwt0jkq5jdacgfv2vs1gf/t7h+oxvh6ev1uq/ixaoieenzxb/i5spgpyzvp+g7ia14est0idvvj1zkp1cffefqslpmnspmh0tfcnqj0sqnsp0pt9uyj0laqso4z/di6dgurz9gu1hvbwgwd07gtc6xzljtob+hs6xoeswzagiugofzthq5sy2jtzvzqza++hpzwxnxssnrbui+aq1zu1wddljotzoutdiqd6kixnoiiqwhyjstzxgcic1q8rrhb3iq3bk9n98wf1/gp8naiystazshyhwbvawcp8lyc3pamvuzhn0cmvhbqplbmrvymokniawig9iaia8paovvhlwzsavrm9udaovu3vidhlwzsavvhlwztekl0vuy29kaw5nidk3niawifikl0zpcnn0q2hhcia0nqovtgfzdenoyxigmtiyci9xawr0ahmgotkzidagugovqmfzzuzvbnqgl1rbq1rhtstoaw1idxnsb21obzlmlu1lzgkkl0zvbnrezxnjcmlwdg9yidqgmcbscj4+igvuzg9iago0idagb2jqidw8ci9bc2nlbnqgnjkwci9dyxbizwlnahqgnjkwci9ezxnjzw50ic0ymdkkl0zvbnroyw1lic9uqunur00rtmltynvzum9ttm85tc1nzwrpci9jdgfsawnbbmdszsawci9tdgvtviaxndakl1hizwlnahqgndyxci9gb250qkjvecbblte2ocatmzqxidewmdagotywxqovrmxhz3mgnaovq2hhclnldcaol2h5cghlbi9wzxjpb2qvemvyby9vbmuvdhdvl3rocmvll2zvdxivzml2zs9zaxgvc2v2zw4vzwlnahqvbmluzs9jb2xvbi9lcxvhbc9bl0ivqy9el0uvri9hl0kvsi9ml00vti9pl1avui9tl1qvvi9xl2evyi9jl2qvzs9ml2cvac9pl2ovay9sl20vbi9vl3avci9zl3qvds92l3cvec95l3opci9gb250rmlszsa1idagugo+piblbmrvymokotkzidagb2jqclszmzmgmjuwidagntawiduwmca1mdagntawiduwmca1mdagntawiduwmca1mdagntawidmzmyawidagntcwidagmcawidcymia2njcgnziyidcymia2njcgnjexidc3ocawidm4osa1mdagmca2njcgotq0idcymia3nzggnjexidagnziyidu1nia2njcgmca3mjigmtawmcawidagmcawidagmcawidagmca1mdagntu2idq0nca1ntygndq0idmzmya1mdagntu2idi3ocazmzmgntu2idi3oca4mzmgntu2iduwmca1ntygmca0ndqgmzg5idmzmya1ntygntawidcymia1mdagntawidq0ncbdcmvuzg9iago0mcawig9iaia8paovvhlwzsavugfnzxmkl0nvdw50idykl1bhcmvudca5otqgmcbsci9lawrzifsyidaguia0myawifigmta0idaguiaxmtagmcbsidexniawifigmtiyidagul0kpj4gzw5kb2jqcje2msawig9iaia8paovvhlwzsavugfnzxmkl0nvdw50idykl1bhcmvudca5otqgmcbsci9lawrzifsxntygmcbside5myawifigmtk2idaguiaymdigmcbsidixnyawifignzg3idagul0kpj4gzw5kb2jqcjc5miawig9iaia8paovvhlwzsavugfnzxmkl0nvdw50idikl1bhcmvudca5otqgmcbsci9lawrzifs3otagmcbsidk2niawifjdcj4+igvuzg9iago5otqgmcbvymogpdwkl1r5cgugl1bhz2vzci9db3vudcaxnaovs2lkcybbndagmcbside2msawifignzkyidagul0kpj4gzw5kb2jqcjk5nsawig9iaia8paovvhlwzsavq2f0ywxvzwovugfnzxmgotk0idagugo+piblbmrvymokotk2idagb2jqidw8ci9qcm9kdwnlciaocgrmzvrlwc0xljixyskkl0nyzwf0b3igkfrlwckkl0nyzwf0aw9urgf0zsaordoymda5mdqwmte2mzkyns0wnycwmccpci9qvevylkz1bgxiyw5uzxigkfroaxmgaxmgcgrmzvrlwcwgvmvyc2lvbiazlje0mtu5mi0xljixys0yljigkfdlyjjdidcuns40ksbrcgf0ahnlysb2zxjzaw9uidmuns42kqo+piblbmrvymokehjlzgowidk5nwowmdawmdawmdawidy1ntm1igygcjawmdawmdq4mtqgmdawmdagbiakmdawmdawndcwosawmdawmcbuiaowmdawmdawmda5idawmdawig4gcjawmda5otq5mdegmdawmdagbiakmdawmdk3oty1nsawmdawmcbuiaowmdawotk0nzmxidawmdawig4gcjawmda5nzg1odkgmdawmdagbiakmdawmdk1odiyncawmdawmcbuiaowmdawotc4ndiwidawmdawig4gcjawmda5ntc4ndmgmdawmdagbiakmdawmdk1njiyncawmdawmcbuiaowmdawotu3njg2idawmdawig4gcjawmda5ntu4ndggmdawmdagbiakmdawmdk1mzqzniawmdawmcbuiaowmdawotu1njkxidawmdawig4gcjawmda5ntmxmtagmdawmdagbiakmdawmdk1mtu1ocawmdawmcbuiaowmdawotuyotu0idawmdawig4gcjawmda5nta5odcgmdawmdagbiakmdawmdk0ote2myawmdawmcbuiaowmdawotuwodi5idawmdawig4gcjawmda5ndc4mjcgmdawmdagbiakmdawmdkznziwocawmdawmcbuiaowmdawotq3njy4idawmdawig4gcjawmda5mzy3mtegmdawmdagbiakmdawmdkzmza4niawmdawmcbuiaowmdawotm2ntu0idawmdawig4gcjawmda5mzi2ndegmdawmdagbiakmdawmdkymjczmcawmdawmcbuiaowmdawotmyndy1idawmdawig4gcjawmda5mje5odmgmdawmdagbiakmdawmdkwnzm0osawmdawmcbuiaowmdawotixoda4idawmdawig4gcjawmda5mdy5nzygmdawmdagbiakmdawmdg5ody3ncawmdawmcbuiaowmdawota2nzk1idawmdawig4gcjawmda4oty0ntygmdawmdagbiakmdawmdg5ndk4nyawmdawmcbuiaowmdawodk2mjk4idawmdawig4gcjawmda5otu1njqgmdawmdagbiakmdawmdaxmdi2niawmdawmcbuiaowmdawmdu0mjawidawmdawig4gcjawmdawmtaxntggmdawmdagbiakmdawmdawntaxmyawmdawmcbuiaowmdawmde1nda2idawmdawig4gcjawmdawmtu2mdcgmdawmdagbiakmdawmdaxnty0miawmdawmcbuiaowmdawmde1njc3idawmdawig4gcjawmdawmtu4ntqgmdawmdagbiakmdawmdaxnjazniawmdawmcbuiaowmdawmde2mzq0idawmdawig4gcjawmdawmty2mzcgmdawmdagbiakmdawmdaxnjkzmcawmdawmcbuiaowmdawmde3mtkwidawmdawig4gcjawmdawmtc0ntcgmdawmdagbiakmdawmdaxnzc2nsawmdawmcbuiaowmdawmde4mdy5idawmdawig4gcjawmdawmtgzmzugmdawmdagbiakmdawmdaxody1miawmdawmcbuiaowmdawmde4otq1idawmdawig4gcjawmdawmtg5njygmdawmdagbiakmdawmdaxotg2mcawmdawmcbuiaowmdawmdiwnjy3idawmdawig4gcjawmdawmja5mdygmdawmdagbiakmdawmdaymtm3myawmdawmcbuiaowmdawmdixnjiwidawmdawig4gcjawmdawmje4nzegmdawmdagbiakmdawmdaymtg5msawmdawmcbuiaowmdawmdizodmwidawmdawig4gcjawmdawmjm4ntagmdawmdagbiakmdawmdayntcymcawmdawmcbuiaowmdawmdi1nzqwidawmdawig4gcjawmdawmjcynzagmdawmdagbiakmdawmdaynzi4osawmdawmcbuiaowmdawmdi4nzc3idawmdawig4gcjawmdawmjg3otygmdawmdagbiakmdawmdazmdaymiawmdawmcbuiaowmdawmdmwmdqyidawmdawig4gcjawmdawmze5odegmdawmdagbiakmdawmdazmjawmsawmdawmcbuiaowmdawmdmzotc2idawmdawig4gcjawmdawmzm5otugmdawmdagbiakmdawmdazntexnyawmdawmcbuiaowmdawmdm1mtm3idawmdawig4gcjawmdawmzy3mtagmdawmdagbiakmdawmdaznjczmcawmdawmcbuiaowmdawmdm4mjyxidawmdawig4gcjawmdawmzgyodegmdawmdagbiakmdawmdazodmwmsawmdawmcbuiaowmdawmdq2odqyidawmdawig4gcjawmdawntm5ndygmdawmdagbiakmdawmda1mzk2nyawmdawmcbuiaowmdawmduzotg4idawmdawig4gcjawmdawntqwmdkgmdawmdagbiakmdawmda1ndazmcawmdawmcbuiaowmdawmdu0mduxidawmdawig4gcjawmdawntqwnzigmdawmdagbiakmdawmda1nda5myawmdawmcbuiaowmdawmdu0mtezidawmdawig4gcjawmdawntqxmzqgmdawmdagbiakmdawmda1nde1niawmdawmcbuiaowmdawmdu0mtc4idawmdawig4gcjawmdawntgwmzcgmdawmdagbiakmdawmda1nzkyniawmdawmcbuiaowmdawmdu0mzqzidawmdawig4gcjawmda4otqxotmgmdawmdagbiakmdawmdg4odg2ncawmdawmcbuiaowmdawodk0mdmyidawmdawig4gcjawmdawnjq2ndkgmdawmdagbiakmdawmda2nduzocawmdawmcbuiaowmdawmdu4mty3idawmdawig4gcjawmda4odgzmzagmdawmdagbiakmdawmdg4nte1msawmdawmcbuiaowmdawodg4mty5idawmdawig4gcjawmdawnze0mtigmdawmdagbiakmdawmda3mtmwmsawmdawmcbuiaowmdawmdy0nzkyidawmdawig4gcjawmdawnzy1nzagmdawmdagbiakmdawmda5mjqznyawmdawmcbuiaowmdawmte3njy2idawmdawig4gcjawmdaxmtiymjkgmdawmdagbiakmdawmda3njq1osawmdawmcbuiaowmdawmdcxnte3idawmdawig4gcjawmdawoda3odcgmdawmdagbiakmdawmda4mdk5ocawmdawmcbuiaowmdawmdgxmdm1idawmdawig4gcjawmdawodewnzigmdawmdagbiakmdawmda4mti0nsawmdawmcbuiaowmdawmdgxmjy3idawmdawig4gcjawmdawodixnjmgmdawmdagbiakmdawmda4mjk3miawmdawmcbuiaowmdawmdgzmjazidawmdawig4gcjawmdawodmzmdmgmdawmdagbiakmdawmda4mzcyosawmdawmcbuiaowmdawmdgznzuwidawmdawig4gcjawmdawodm3nzegmdawmdagbiakmdawmda5mjm5ncawmdawmcbuiaowmdawmdkynde1idawmdawig4gcjawmdawotg4mtagmdawmdagbiakmdawmda5otaymsawmdawmcbuiaowmdawmdk5mdu4idawmdawig4gcjawmdawotkwotugmdawmdagbiakmdawmda5oti2ocawmdawmcbuiaowmdawmdk5mjkwidawmdawig4gcjawmdaxmdawotkgmdawmdagbiakmdawmdewmdk5nsawmdawmcbuiaowmdawmtaxmji2idawmdawig4gcjawmdaxmdezntggmdawmdagbiakmdawmdewmtgynyawmdawmcbuiaowmdawmtaxodq4idawmdawig4gcjawmdaxmde4njkgmdawmdagbiakmdawmdexmje4nsawmdawmcbuiaowmdawmteymja2idawmdawig4gcjawmdaxmzk0mzqgmdawmdagbiakmdawmde1ody2osawmdawmcbuiaowmdawmte3ntu0idawmdawig4gcjawmdaxmti0mtigmdawmdagbiakmdawmdg4ndy0nyawmdawmcbuiaowmdawodgxodc5idawmdawig4gcjawmda4odq0odggmdawmdagbiakmdawmdk5nty3nyawmdawmcbuiaowmdawmti2mdywidawmdawig4gcjawmdaxmjyynzegmdawmdagbiakmdawmdeynjmwocawmdawmcbuiaowmdawmti2mzq1idawmdawig4gcjawmdaxmjy1mtggmdawmdagbiakmdawmdeynju0mcawmdawmcbuiaowmdawmti3ndm2idawmdawig4gcjawmdaxmjgyndugmdawmdagbiakmdawmdeyodq3niawmdawmcbuiaowmdawmti4nja0idawmdawig4gcjawmdaxmjkwndqgmdawmdagbiakmdawmdeyota2nsawmdawmcbuiaowmdawmti5mdg2idawmdawig4gcjawmdaxmzkzotagmdawmdagbiakmdawmdezotqxmsawmdawmcbuiaowmdawmtq2mzq3idawmdawig4gcjawmdaxndy1ntggmdawmdagbiakmdawmde0nju5nsawmdawmcbuiaowmdawmtq2njmyidawmdawig4gcjawmdaxndy4mdugmdawmdagbiakmdawmde0njgynyawmdawmcbuiaowmdawmtq3nzizidawmdawig4gcjawmdaxndg1mzigmdawmdagbiakmdawmde0odc2myawmdawmcbuiaowmdawmtq4odyzidawmdawig4gcjawmdaxndkynzcgmdawmdagbiakmdawmde0oti5ocawmdawmcbuiaowmdawmtq5mze5idawmdawig4gcjawmdaxntg2mjygmdawmdagbiakmdawmde1ody0nyawmdawmcbuiaowmdawmty1mzq1idawmdawig4gcjawmdaxnjuymzmgmdawmdagbiakmdawmde1odg1ncawmdawmcbuiaowmdawmtcxntg4idawmdawig4gcjawmdaxnze0nzygmdawmdagbiakmdawmde2ntuynsawmdawmcbuiaowmdawmja0mtkyidawmdawig4gcjawmdaxnzcyodmgmdawmdagbiakmdawmdgynjqwnsawmdawmcbuiaowmdawmjawmze2idawmdawig4gcjawmdaxnzcxnzegmdawmdagbiakmdawmde3mty5myawmdawmcbuiaowmdawmtgyote2idawmdawig4gcjawmdaxodmxndagmdawmdagbiakmdawmde4mze3nyawmdawmcbuiaowmdawmtgzmzq1idawmdawig4gcjawmdaxodmznjcgmdawmdagbiakmdawmde4ndi2myawmdawmcbuiaowmdawmtg0ndg3idawmdawig4gcjawmdaxodq2odmgmdawmdagbiakmdawmde4ndk2nyawmdawmcbuiaowmdawmtg0otg4idawmdawig4gcjawmdaymdaynzigmdawmdagbiakmdawmdiwmdi5myawmdawmcbuiaowmdawode2odgwidawmdawig4gcjawmdaymdqwodagmdawmdagbiakmdawmdiwmdqznyawmdawmcbuiaowmdawntkzndywidawmdawig4gcjawmda1otm2ntygmdawmdagbiakmdawmdu5mzy5myawmdawmcbuiaowmdawntkzodyxidawmdawig4gcjawmda1otqxndagmdawmdagbiakmdawmdu5ndqwmsawmdawmcbuiaowmdawntk0nzm4idawmdawig4gcjawmda1otuwmdygmdawmdagbiakmdawmdu5ntmymyawmdawmcbuiaowmdawntk1ntk1idawmdawig4gcjawmda1otu4njugmdawmdagbiakmdawmdu5nji2mcawmdawmcbuiaowmdawntk2ntiyidawmdawig4gcjawmda1oty4mtegmdawmdagbiakmdawmdu5nzewnyawmdawmcbuiaowmdawntk3mzg5idawmdawig4gcjawmda1otc3mdygmdawmdagbiakmdawmdu5nzk4msawmdawmcbuiaowmdawntk4mjqyidawmdawig4gcjawmda1otg2ntegmdawmdagbiakmdawmdu5odkxnsawmdawmcbuiaowmdawntk5mtgzidawmdawig4gcjawmda1otk0nzugmdawmdagbiakmdawmdu5otc3nyawmdawmcbuiaowmdawnjawmduwidawmdawig4gcjawmda2mda0njygmdawmdagbiakmdawmdywmdc0ocawmdawmcbuiaowmdawnjaxmdi3idawmdawig4gcjawmda2mdezotugmdawmdagbiakmdawmdywmty4niawmdawmcbuiaowmdawnjaymdywidawmdawig4gcjawmda2mdizndigmdawmdagbiakmdawmdywmjyynyawmdawmcbuiaowmdawnjayotu4idawmdawig4gcjawmda2mdmyndegmdawmdagbiakmdawmdywmzuzmsawmdawmcbuiaowmdawnjaznzk0idawmdawig4gcjawmda2mdqxmtugmdawmdagbiakmdawmdywndqxnyawmdawmcbuiaowmdawnja1mtayidawmdawig4gcjawmda2mdu0njqgmdawmdagbiakmdawmdywntg1nsawmdawmcbuiaowmdawnja2mtm3idawmdawig4gcjawmda2mdy0mjygmdawmdagbiakmdawmdywnjcwocawmdawmcbuiaowmdawnja3mdazidawmdawig4gcjawmda2mdczmdmgmdawmdagbiakmdawmdywnzu3nyawmdawmcbuiaowmdawnja3odg1idawmdawig4gcjawmda2mdgxnzcgmdawmdagbiakmdawmdywodq1miawmdawmcbuiaowmdawnja4nzm0idawmdawig4gcjawmda2mdkwnjugmdawmdagbiakmdawmdywotm0mcawmdawmcbuiaowmdawnja5nju2idawmdawig4gcjawmda2mdk5ndygmdawmdagbiakmdawmdyxmdixmcawmdawmcbuiaowmdawnjewnta3idawmdawig4gcjawmda2mta4ntygmdawmdagbiakmdawmdyxmte1mcawmdawmcbuiaowmdawnjexntq2idawmdawig4gcjawmda2mte5mdkgmdawmdagbiakmdawmdyxmju4ocawmdawmcbuiaowmdawnjeyoduxidawmdawig4gcjawmda2mtmxmjcgmdawmdagbiakmdawmdyxmzqymyawmdawmcbuiaowmdawnjeznzuwidawmdawig4gcjawmda2mtqwndigmdawmdagbiakmdawmdyxndmwmiawmdawmcbuiaowmdawnje0njmxidawmdawig4gcjawmda2mtuwmjkgmdawmdagbiakmdawmdyxntm3nyawmdawmcbuiaowmdawnje1nzi0idawmdawig4gcjawmda2mtywmjygmdawmdagbiakmdawmdyxnjmyocawmdawmcbuiaowmdawnje2njq5idawmdawig4gcjawmda2mty5mtugmdawmdagbiakmdawmdyxnzi0ocawmdawmcbuiaowmdawnje3ntkwidawmdawig4gcjawmda2mtc5mjegmdawmdagbiakmdawmdyxodm5mcawmdawmcbuiaowmdawnje4ode2idawmdawig4gcjawmda2mtg5nzegmdawmdagbiakmdawmdyxoteyniawmdawmcbuiaowmdawnje5mjgxidawmdawig4gcjawmda2mtk0mzqgmdawmdagbiakmdawmdyxotu4osawmdawmcbuiaowmdawnje5nzq0idawmdawig4gcjawmda2mtk4otkgmdawmdagbiakmdawmdyymda1ncawmdawmcbuiaowmdawnjiwmja5idawmdawig4gcjawmda2mjaznjqgmdawmdagbiakmdawmdyymduxosawmdawmcbuiaowmdawnjiwnjc0idawmdawig4gcjawmda2mja4mjkgmdawmdagbiakmdawmdyymdk4miawmdawmcbuiaowmdawnjixmtm3idawmdawig4gcjawmda2mjeyotagmdawmdagbiakmdawmdyymtq0nsawmdawmcbuiaowmdawnjixntk4idawmdawig4gcjawmda2mje3ntegmdawmdagbiakmdawmdyymtkwocawmdawmcbuiaowmdawnjiymdyzidawmdawig4gcjawmda2mjiymtggmdawmdagbiakmdawmdyymjm3myawmdawmcbuiaowmdawnjiynti4idawmdawig4gcjawmda2mji2odmgmdawmdagbiakmdawmdyymjgzocawmdawmcbuiaowmdawnjiyotkzidawmdawig4gcjawmda2mjmxndggmdawmdagbiakmdawmdyymzmwmyawmdawmcbuiaowmdawnjizndywidawmdawig4gcjawmda2mjm2mtugmdawmdagbiakmdawmdyymzc3mcawmdawmcbuiaowmdawnjizoti3idawmdawig4gcjawmda2mjqwodigmdawmdagbiakmdawmdyyndiznyawmdawmcbuiaowmdawnji0mzkyidawmdawig4gcjawmda2mjq1ndcgmdawmdagbiakmdawmdyyndcwmcawmdawmcbuiaowmdawnji0odu1idawmdawig4gcjawmda2mjuwmtagmdawmdagbiakmdawmdyynte2nsawmdawmcbuiaowmdawnji1mziwidawmdawig4gcjawmda2mju0nzcgmdawmdagbiakmdawmdyyntyzmiawmdawmcbuiaowmdawnji1nzg3idawmdawig4gcjawmda2mju5ndigmdawmdagbiakmdawmdyynja5nyawmdawmcbuiaowmdawnji2mjuyidawmdawig4gcjawmda2mjy0mdcgmdawmdagbiakmdawmdyynju2miawmdawmcbuiaowmdawnji2nze3idawmdawig4gcjawmda2mjy4nzigmdawmdagbiakmdawmdyynzaynyawmdawmcbuiaowmdawnji3mtgyidawmdawig4gcjawmda2mjczmzcgmdawmdagbiakmdawmdyynzq5miawmdawmcbuiaowmdawnji3njq3idawmdawig4gcjawmda2mjc4mdigmdawmdagbiakmdawmdyynzk1osawmdawmcbuiaowmdawnji4mte0idawmdawig4gcjawmda2mjgynjkgmdawmdagbiakmdawmdyyodqyncawmdawmcbuiaowmdawnji4ntc5idawmdawig4gcjawmda2mjg3mzqgmdawmdagbiakmdawmdyyodg4osawmdawmcbuiaowmdawnji5mdq0idawmdawig4gcjawmda2mjkxotcgmdawmdagbiakmdawmdyyotm1mcawmdawmcbuiaowmdawnji5nta1idawmdawig4gcjawmda2mjk2njagmdawmdagbiakmdawmdyyotgxnsawmdawmcbuiaowmdawnji5otcwidawmdawig4gcjawmda2mzaxmjcgmdawmdagbiakmdawmdyzmdi4miawmdawmcbuiaowmdawnjmwndm3idawmdawig4gcjawmda2mza1otigmdawmdagbiakmdawmdyzmdc0nyawmdawmcbuiaowmdawnjmwotayidawmdawig4gcjawmda2mzewntcgmdawmdagbiakmdawmdyzmtixmiawmdawmcbuiaowmdawnjmxmzy3idawmdawig4gcjawmda2mzezotegmdawmdagbiakmdawmdyzmji4nyawmdawmcbuiaowmdawnjmynta5idawmdawig4gcjawmda2mzi1otcgmdawmdagbiakmdawmdyzmjg4msawmdawmcbuiaowmdawnjmyotaxidawmdawig4gcjawmda2mzm4mzygmdawmdagbiakmdawmdyzmzg1niawmdawmcbuiaowmdawnjm1mda4idawmdawig4gcjawmda2mzuwmjkgmdawmdagbiakmdawmdyznji0ocawmdawmcbuiaowmdawnjm2mjy4idawmdawig4gcjawmda2mzcymdagmdawmdagbiakmdawmdyznziymsawmdawmcbuiaowmdawnjm4mja1idawmdawig4gcjawmda2mzgymjugmdawmdagbiakmdawmdyzotiynyawmdawmcbuiaowmdawnjm5mjq3idawmdawig4gcjawmda2ndaznzegmdawmdagbiakmdawmdy0mdm5miawmdawmcbuiaowmdawnjqxntg3idawmdawig4gcjawmda2nde2mdcgmdawmdagbiakmdawmdy0mjy1myawmdawmcbuiaowmdawnjqynjczidawmdawig4gcjawmda2ndm1mzqgmdawmdagbiakmdawmdy0mzu1ncawmdawmcbuiaowmdawnjq0nze5idawmdawig4gcjawmda2ndq3mzkgmdawmdagbiakmdawmdy0ntc3miawmdawmcbuiaowmdawnjq1nzkzidawmdawig4gcjawmda2ndcwmtegmdawmdagbiakmdawmdy0nzazmsawmdawmcbuiaowmdawnjq4mtczidawmdawig4gcjawmda2ndgxotmgmdawmdagbiakmdawmdy0otmymyawmdawmcbuiaowmdawnjq5mzq0idawmdawig4gcjawmda2nta1otagmdawmdagbiakmdawmdy1mdyxmcawmdawmcbuiaowmdawnjuxnzq3idawmdawig4gcjawmda2nte3njcgmdawmdagbiakmdawmdy1mjg5ncawmdawmcbuiaowmdawnjuyote0idawmdawig4gcjawmda2ntqwodkgmdawmdagbiakmdawmdy1ndewosawmdawmcbuiaowmdawnju1mzi3idawmdawig4gcjawmda2ntuzndcgmdawmdagbiakmdawmdy1njuwnyawmdawmcbuiaowmdawnju2nti4idawmdawig4gcjawmda2ntc4mjugmdawmdagbiakmdawmdy1nzg0nsawmdawmcbuiaowmdawnju4otk2idawmdawig4gcjawmda2ntkwmtygmdawmdagbiakmdawmdy2mdeynyawmdawmcbuiaowmdawnjywmtq4idawmdawig4gcjawmda2njezodqgmdawmdagbiakmdawmdy2mtqwncawmdawmcbuiaowmdawnjyyndm4idawmdawig4gcjawmda2nji0ntkgmdawmdagbiakmdawmdy2mzcynyawmdawmcbuiaowmdawnjyznzq3idawmdawig4gcjawmda2njq5mdggmdawmdagbiakmdawmdy2ndkyocawmdawmcbuiaowmdawnjy2mdy4idawmdawig4gcjawmda2njywodkgmdawmdagbiakmdawmdy2nzi0ncawmdawmcbuiaowmdawnjy3mjy0idawmdawig4gcjawmda2njg0mtigmdawmdagbiakmdawmdy2odqzmiawmdawmcbuiaowmdawnjy5ntc4idawmdawig4gcjawmda2njk1otggmdawmdagbiakmdawmdy3mdc0mcawmdawmcbuiaowmdawnjcwnzyxidawmdawig4gcjawmda2nze4nzkgmdawmdagbiakmdawmdy3mtg5osawmdawmcbuiaowmdawnjczmdc2idawmdawig4gcjawmda2nzmwotcgmdawmdagbiakmdawmdy3ndu4osawmdawmcbuiaowmdawnjc0njewidawmdawig4gcjawmda2nzu1ndugmdawmdagbiakmdawmdy3ntu2niawmdawmcbuiaowmdawnjc2nzkxidawmdawig4gcjawmda2nzy4mtegmdawmdagbiakmdawmdy3nzg0ncawmdawmcbuiaowmdawnjc3ody0idawmdawig4gcjawmda2nzg4ndagmdawmdagbiakmdawmdy3odg2mcawmdawmcbuiaowmdawnjgwmdm4idawmdawig4gcjawmda2odawntggmdawmdagbiakmdawmdy4mtizmcawmdawmcbuiaowmdawnjgxmjuwidawmdawig4gcjawmda2odi0njagmdawmdagbiakmdawmdy4mjq4mcawmdawmcbuiaowmdawnjgznjiyidawmdawig4gcjawmda2odm2ndmgmdawmdagbiakmdawmdy4ndgxnyawmdawmcbuiaowmdawnjg0odm3idawmdawig4gcjawmda2odu5mtkgmdawmdagbiakmdawmdy4ntkzosawmdawmcbuiaowmdawnjg3mdexidawmdawig4gcjawmda2odcwmzegmdawmdagbiakmdawmdy4ode2nyawmdawmcbuiaowmdawnjg4mtg4idawmdawig4gcjawmda2odkzotmgmdawmdagbiakmdawmdy4otqxmyawmdawmcbuiaowmdawnjkwnty1idawmdawig4gcjawmda2ota1odygmdawmdagbiakmdawmdy5mtc4miawmdawmcbuiaowmdawnjkxodayidawmdawig4gcjawmda2oti5nzigmdawmdagbiakmdawmdy5mjk5miawmdawmcbuiaowmdawnjkzoteyidawmdawig4gcjawmda2otm5mzigmdawmdagbiakmdawmdy5ntewnsawmdawmcbuiaowmdawnjk1mti2idawmdawig4gcjawmda2otyzntcgmdawmdagbiakmdawmdy5njm3nyawmdawmcbuiaowmdawnjk3ndgzidawmdawig4gcjawmda2otc1mdqgmdawmdagbiakmdawmdy5odczosawmdawmcbuiaowmdawnjk4nzywidawmdawig4gcjawmda2otk5odagmdawmdagbiakmdawmdcwmdawmsawmdawmcbuiaowmdawnzaxndu2idawmdawig4gcjawmda3mde0nzygmdawmdagbiakmdawmdcwmjy0niawmdawmcbuiaowmdawnzaynjy2idawmdawig4gcjawmda3mdm4mtcgmdawmdagbiakmdawmdcwmzgznyawmdawmcbuiaowmdawnza1mda4idawmdawig4gcjawmda3mduwmjkgmdawmdagbiakmdawmdcwnjiyncawmdawmcbuiaowmdawnza2mjq0idawmdawig4gcjawmda3mdcynzugmdawmdagbiakmdawmdcwnzi5nsawmdawmcbuiaowmdawnza4mze4idawmdawig4gcjawmda3mdgzmzkgmdawmdagbiakmdawmdcwotm1nsawmdawmcbuiaowmdawnza5mzc2idawmdawig4gcjawmda3mta1otegmdawmdagbiakmdawmdcxmdyxmiawmdawmcbuiaowmdawnzexnzg3idawmdawig4gcjawmda3mte4mdggmdawmdagbiakmdawmdcxmza2miawmdawmcbuiaowmdawnzezmdgyidawmdawig4gcjawmda3mtqynzmgmdawmdagbiakmdawmdcxndi5myawmdawmcbuiaowmdawnze1nteyidawmdawig4gcjawmda3mtu1mzmgmdawmdagbiakmdawmdcxnjczocawmdawmcbuiaowmdawnze2nzu4idawmdawig4gcjawmda3mtc3odegmdawmdagbiakmdawmdcxnzgwmiawmdawmcbuiaowmdawnze4otkxidawmdawig4gcjawmda3mtkwmtigmdawmdagbiakmdawmdcymdi3msawmdawmcbuiaowmdawnziwmjkyidawmdawig4gcjawmda3mje0njggmdawmdagbiakmdawmdcymtq4osawmdawmcbuiaowmdawnziynju4idawmdawig4gcjawmda3mji2nzkgmdawmdagbiakmdawmdcymzkzmiawmdawmcbuiaowmdawnzi0otizidawmdawig4gcjawmda3mju5mtqgmdawmdagbiakmdawmdcynjkzmcawmdawmcbuiaowmdawnzi3otixidawmdawig4gcjawmda3mjg4njigmdawmdagbiakmdawmdcyotg3ocawmdawmcbuiaowmdawnzmwode5idawmdawig4gcjawmda3mze4mtagmdawmdagbiakmdawmdczmjgyniawmdawmcbuiaowmdawnzmznzy3idawmdawig4gcjawmda3mzq3mdggmdawmdagbiakmdawmdczntcyncawmdawmcbuiaowmdawnzm2njy1idawmdawig4gcjawmda3mzc2odegmdawmdagbiakmdawmdczodyymiawmdawmcbuiaowmdawnzm5ntyzidawmdawig4gcjawmda3nda1ntqgmdawmdagbiakmdawmdc0mtu0nsawmdawmcbuiaowmdawnzqyntyxidawmdawig4gcjawmda3ndm1nzcgmdawmdagbiakmdawmdc0ndu5myawmdawmcbuiaowmdawnzq1nja5idawmdawig4gcjawmda3ndy2mjugmdawmdagbiakmdawmdc0nzyxniawmdawmcbuiaowmdawnzq4nja3idawmdawig4gcjawmda3ndk1otggmdawmdagbiakmdawmdc1mduzosawmdawmcbuiaowmdawnzuxntmwidawmdawig4gcjawmda3nti1mjegmdawmdagbiakmdawmdc1mzuznyawmdawmcbuiaowmdawnzu0ndc4idawmdawig4gcjawmda3ntu0otqgmdawmdagbiakmdawmdc1njq4nsawmdawmcbuiaowmdawnzu3ntaxidawmdawig4gcjawmda3ntg0ndigmdawmdagbiakmdawmdc1otm4myawmdawmcbuiaowmdawnzywmzk5idawmdawig4gcjawmda3njezotagmdawmdagbiakmdawmdc2mjm4msawmdawmcbuiaowmdawnzyzmzk3idawmdawig4gcjawmda3njqzmzggmdawmdagbiakmdawmdc2nti3osawmdawmcbuiaowmdawnzy2mjcwidawmdawig4gcjawmda3njcyodygmdawmdagbiakmdawmdc2odmwmiawmdawmcbuiaowmdawnzy5mze4idawmdawig4gcjawmda3nzayntkgmdawmdagbiakmdawmdc3mti1mcawmdawmcbuiaowmdawnzcymjqxidawmdawig4gcjawmda3nzmxodigmdawmdagbiakmdawmdc3ndeymyawmdawmcbuiaowmdawnzc1mdy0idawmdawig4gcjawmda3nzywntugmdawmdagbiakmdawmdc3njk5niawmdawmcbuiaowmdawnzc4mdeyidawmdawig4gcjawmda3nzg5ntmgmdawmdagbiakmdawmdc3otk2osawmdawmcbuiaowmdawnzgwotywidawmdawig4gcjawmda3ode5mdegmdawmdagbiakmdawmdc4mjkxnyawmdawmcbuiaowmdawnzgzodu4idawmdawig4gcjawmda3odq4ndkgmdawmdagbiakmdawmdc4ntg0mcawmdawmcbuiaowmdawnzg2odmxidawmdawig4gcjawmda3odc4ndcgmdawmdagbiakmdawmdc4odc4ocawmdawmcbuiaowmdawnzg5nzc5idawmdawig4gcjawmda3ota3mjagmdawmdagbiakmdawmdc5mty2msawmdawmcbuiaowmdawnzkynjc3idawmdawig4gcjawmda3otm2njggmdawmdagbiakmdawmdc5ndy1osawmdawmcbuiaowmdawnzk1njawidawmdawig4gcjawmda3oty2mtygmdawmdagbiakmdawmdc5nzyzmiawmdawmcbuiaowmdawnzk4njq4idawmdawig4gcjawmda3otk2njqgmdawmdagbiakmdawmdgwmdywnsawmdawmcbuiaowmdawodaxntq2idawmdawig4gcjawmda4mdi1mzcgmdawmdagbiakmdawmdgwmzuyocawmdawmcbuiaowmdawodazntq5idawmdawig4gcjawmda4mtm0nzqgmdawmdagbiakmdawmdgxmzq5nsawmdawmcbuiaowmdawodeznte2idawmdawig4gcjawmda4mtm1mzcgmdawmdagbiakmdawmdgxmzu1osawmdawmcbuiaowmdawodezntgwidawmdawig4gcjawmda4mtm2mdegmdawmdagbiakmdawmdgxmzyymiawmdawmcbuiaowmdawodeznjqzidawmdawig4gcjawmda4mtm2njugmdawmdagbiakmdawmdgxmzy4niawmdawmcbuiaowmdawodeznza3idawmdawig4gcjawmda4mtm3mjggmdawmdagbiakmdawmdgxmzc0osawmdawmcbuiaowmdawodeznzcxidawmdawig4gcjawmda4mtm3otigmdawmdagbiakmdawmdgxmzgxmyawmdawmcbuiaowmdawodezodm1idawmdawig4gcjawmda4mtm4ntygmdawmdagbiakmdawmdgxmzg3nyawmdawmcbuiaowmdawodezodk4idawmdawig4gcjawmda4mtm5mjagmdawmdagbiakmdawmdgxmzk0msawmdawmcbuiaowmdawodezotyzidawmdawig4gcjawmda4mtm5odqgmdawmdagbiakmdawmdgxndawnsawmdawmcbuiaowmdawode0mdi3idawmdawig4gcjawmda4mtqwndggmdawmdagbiakmdawmdgxnda3mcawmdawmcbuiaowmdawode0mdkxidawmdawig4gcjawmda4mtqxmtigmdawmdagbiakmdawmdgxndezmyawmdawmcbuiaowmdawode0mtu0idawmdawig4gcjawmda4mtqxnzugmdawmdagbiakmdawmdgxnde5niawmdawmcbuiaowmdawode0mje3idawmdawig4gcjawmda4mtqymzggmdawmdagbiakmdawmdgxndi2mcawmdawmcbuiaowmdawode0mjgxidawmdawig4gcjawmda4mtqzmdmgmdawmdagbiakmdawmdgxndmyncawmdawmcbuiaowmdawode0mzq1idawmdawig4gcjawmda4mtqznjygmdawmdagbiakmdawmdgxndm4nyawmdawmcbuiaowmdawode0nda5idawmdawig4gcjawmda4mtq0mzagmdawmdagbiakmdawmdgxndq1msawmdawmcbuiaowmdawode0ndcyidawmdawig4gcjawmda4mtq0otmgmdawmdagbiakmdawmdgxnduxncawmdawmcbuiaowmdawode0ntm2idawmdawig4gcjawmda4mtq1ntcgmdawmdagbiakmdawmdgxndu3osawmdawmcbuiaowmdawode0njawidawmdawig4gcjawmda4mtq2mjegmdawmdagbiakmdawmdgxndy0miawmdawmcbuiaowmdawode0njy0idawmdawig4gcjawmda4mtq2odugmdawmdagbiakmdawmdgxndcwnyawmdawmcbuiaowmdawode0nzi5idawmdawig4gcjawmda4mtq3ntegmdawmdagbiakmdawmdgxndc3miawmdawmcbuiaowmdawode0nzkzidawmdawig4gcjawmda4mtq4mtqgmdawmdagbiakmdawmdgxndgzniawmdawmcbuiaowmdawode0odu3idawmdawig4gcjawmda4mtq4nzggmdawmdagbiakmdawmdgxndg5osawmdawmcbuiaowmdawode0otixidawmdawig4gcjawmda4mtq5ndigmdawmdagbiakmdawmdgxndk2ncawmdawmcbuiaowmdawode0otg1idawmdawig4gcjawmda4mtuwmdcgmdawmdagbiakmdawmdgxntayosawmdawmcbuiaowmdawode1mduwidawmdawig4gcjawmda4mtuwnzegmdawmdagbiakmdawmdgxnta5myawmdawmcbuiaowmdawode1mte0idawmdawig4gcjawmda4mtuxmzugmdawmdagbiakmdawmdgxnte1nyawmdawmcbuiaowmdawode1mtc4idawmdawig4gcjawmda4mtuxotkgmdawmdagbiakmdawmdgxntiymcawmdawmcbuiaowmdawode1mjqxidawmdawig4gcjawmda4mtuynjigmdawmdagbiakmdawmdgxnti4myawmdawmcbuiaowmdawode1mza0idawmdawig4gcjawmda4mtuzmjugmdawmdagbiakmdawmdgxntm0niawmdawmcbuiaowmdawode1mzy3idawmdawig4gcjawmda4mtuzodggmdawmdagbiakmdawmdgxntqwosawmdawmcbuiaowmdawode1ndmwidawmdawig4gcjawmda4mtu0ntegmdawmdagbiakmdawmdgxntq3miawmdawmcbuiaowmdawode1ndkzidawmdawig4gcjawmda4mtu1mtqgmdawmdagbiakmdawmdgxntuznsawmdawmcbuiaowmdawode1ntu2idawmdawig4gcjawmda4mtu1nzcgmdawmdagbiakmdawmdgxntu5ocawmdawmcbuiaowmdawode1nje5idawmdawig4gcjawmda4mtu2ndagmdawmdagbiakmdawmdgxnty2msawmdawmcbuiaowmdawode1njgyidawmdawig4gcjawmda4mtu3mdmgmdawmdagbiakmdawmdgxntcyncawmdawmcbuiaowmdawode1nzq1idawmdawig4gcjawmda4mtu3njygmdawmdagbiakmdawmdgxntc4nyawmdawmcbuiaowmdawode1oda4idawmdawig4gcjawmda4mtu4mjkgmdawmdagbiakmdawmdgxntg1mcawmdawmcbuiaowmdawode1odcxidawmdawig4gcjawmda4mtu4otigmdawmdagbiakmdawmdgxntkxmyawmdawmcbuiaowmdawode1otm0idawmdawig4gcjawmda4mtu5ntugmdawmdagbiakmdawmdgxntk3niawmdawmcbuiaowmdawode1otk3idawmdawig4gcjawmda4mtywmtggmdawmdagbiakmdawmdgxnjazosawmdawmcbuiaowmdawode2mdywidawmdawig4gcjawmda4mtywodegmdawmdagbiakmdawmdgxnjewmiawmdawmcbuiaowmdawode2mtizidawmdawig4gcjawmda4mtyxndqgmdawmdagbiakmdawmdgxnje2nsawmdawmcbuiaowmdawode2mtg2idawmdawig4gcjawmda4mtyymdcgmdawmdagbiakmdawmdgxnjiyocawmdawmcbuiaowmdawode2mjq5idawmdawig4gcjawmda4mtyynzagmdawmdagbiakmdawmdgxnji5msawmdawmcbuiaowmdawode2mzeyidawmdawig4gcjawmda4mtyzmzmgmdawmdagbiakmdawmdgxnjm1ncawmdawmcbuiaowmdawode2mzc1idawmdawig4gcjawmda4mtyzotygmdawmdagbiakmdawmdgxnjqxnyawmdawmcbuiaowmdawode2ndm4idawmdawig4gcjawmda4mty0ntkgmdawmdagbiakmdawmdgxnjq4mcawmdawmcbuiaowmdawode2ntaxidawmdawig4gcjawmda4mty1mjigmdawmdagbiakmdawmdgxnju0myawmdawmcbuiaowmdawode2nty0idawmdawig4gcjawmda4mty1odugmdawmdagbiakmdawmdgxnjywniawmdawmcbuiaowmdawode2nji3idawmdawig4gcjawmda4mty2ndggmdawmdagbiakmdawmdgxnjy2osawmdawmcbuiaowmdawode2njkwidawmdawig4gcjawmda4mty3mtegmdawmdagbiakmdawmdgxnjczmiawmdawmcbuiaowmdawode2nzuzidawmdawig4gcjawmda4mty3nzqgmdawmdagbiakmdawmdgxnjc5nsawmdawmcbuiaowmdawode2ode2idawmdawig4gcjawmda4mty4mzcgmdawmdagbiakmdawmdgxnjg1ocawmdawmcbuiaowmdawodixndcwidawmdawig4gcjawmda4mjezntggmdawmdagbiakmdawmdgxnzaxmyawmdawmcbuiaowmdawodc4ntq2idawmdawig4gcjawmda4mjyyotmgmdawmdagbiakmdawmdgymtu2myawmdawmcbuiaowmdawotk1nzk0idawmdawig4gcjawmda4mzc1ntqgmdawmdagbiakmdawmdgznzc3ocawmdawmcbuiaowmdawodm3ode1idawmdawig4gcjawmda4mzc4nzigmdawmdagbiakmdawmdgznzkyocawmdawmcbuiaowmdawodm4mdk2idawmdawig4gcjawmda4mzg3mjigmdawmdagbiakmdawmdgzote0ocawmdawmcbuiaowmdawodm5ndy1idawmdawig4gcjawmda4mzk3odigmdawmdagbiakmdawmdg0mda5osawmdawmcbuiaowmdawodqwnde1idawmdawig4gcjawmda4nda3mzigmdawmdagbiakmdawmdg0mta0osawmdawmcbuiaowmdawodqxmzy2idawmdawig4gcjawmda4nde2odigmdawmdagbiakmdawmdg0mtk5osawmdawmcbuiaowmdawodqymze2idawmdawig4gcjawmda4ndi2mzmgmdawmdagbiakmdawmdg0mjk1mcawmdawmcbuiaowmdawodqzmjy3idawmdawig4gcjawmda4ndm1odqgmdawmdagbiakmdawmdg0mzkwmsawmdawmcbuiaowmdawodq0mje4idawmdawig4gcjawmda4ndq1mzmgmdawmdagbiakmdawmdg0ndg0osawmdawmcbuiaowmdawodq1mty2idawmdawig4gcjawmda4ndu0odmgmdawmdagbiakmdawmdg0ntgwmcawmdawmcbuiaowmdawodq2mte3idawmdawig4gcjawmda4ndy0mzqgmdawmdagbiakmdawmdg0njc1msawmdawmcbuiaowmdawodq3mdy4idawmdawig4gcjawmda4ndczodugmdawmdagbiakmdawmdg0nzcwmiawmdawmcbuiaowmdawodq4mde5idawmdawig4gcjawmda4ndgzmzygmdawmdagbiakmdawmdg0ody1myawmdawmcbuiaowmdawodq4otcwidawmdawig4gcjawmda4ndkyodcgmdawmdagbiakmdawmdg0otywncawmdawmcbuiaowmdawodq5ote5idawmdawig4gcjawmda4ntaymzygmdawmdagbiakmdawmdg1mdu1myawmdawmcbuiaowmdawoduwodcwidawmdawig4gcjawmda4ntexodcgmdawmdagbiakmdawmdg1mtuwmyawmdawmcbuiaowmdawoduxodiwidawmdawig4gcjawmda4ntixmzcgmdawmdagbiakmdawmdg1mjq1ncawmdawmcbuiaowmdawoduynzy5idawmdawig4gcjawmda4ntmwodygmdawmdagbiakmdawmdg1mzqwmyawmdawmcbuiaowmdawoduznziwidawmdawig4gcjawmda4ntqwmzcgmdawmdagbiakmdawmdg1ndm1ncawmdawmcbuiaowmdawodu0njcxidawmdawig4gcjawmda4ntq5odggmdawmdagbiakmdawmdg1ntaxmcawmdawmcbuiaowmdawodu1ota2idawmdawig4gcjawmda4ntyxmzagmdawmdagbiakmdawmdg1njmzocawmdawmcbuiaowmdawodu2njiyidawmdawig4gcjawmda4nty2ndmgmdawmdagbiakmdawmdg1njg4nsawmdawmcbuiaowmdawodu2ota2idawmdawig4gcjawmda4ntcxndggmdawmdagbiakmdawmdg1nze2ocawmdawmcbuiaowmdawodu3mju2idawmdawig4gcjawmda4ntcynzygmdawmdagbiakmdawmdg1nzm2ncawmdawmcbuiaowmdawodu3mzg0idawmdawig4gcjawmda4ntc0nzigmdawmdagbiakmdawmdg1nzq5miawmdawmcbuiaowmdawodu3ntgwidawmdawig4gcjawmda4ntc2mdagmdawmdagbiakmdawmdg1nzy4ocawmdawmcbuiaowmdawodu3nza4idawmdawig4gcjawmda4ntc3otygmdawmdagbiakmdawmdg1nzgxniawmdawmcbuiaowmdawodu3ota0idawmdawig4gcjawmda4ntc5mjqgmdawmdagbiakmdawmdg1odaxmiawmdawmcbuiaowmdawodu4mdmyidawmdawig4gcjawmda4ntgxmjagmdawmdagbiakmdawmdg1ode0mcawmdawmcbuiaowmdawodu4mji4idawmdawig4gcjawmda4ntgyndggmdawmdagbiakmdawmdg1odmzniawmdawmcbuiaowmdawodu4mzu2idawmdawig4gcjawmda4ntg0ndqgmdawmdagbiakmdawmdg1odq2ncawmdawmcbuiaowmdawodu4ntuyidawmdawig4gcjawmda4ntg1nzigmdawmdagbiakmdawmdg1ody2mcawmdawmcbuiaowmdawodu4njgwidawmdawig4gcjawmda4ntg3njggmdawmdagbiakmdawmdg1odc4ocawmdawmcbuiaowmdawodu4odc2idawmdawig4gcjawmda4ntg4otygmdawmdagbiakmdawmdg1odk4ncawmdawmcbuiaowmdawodu5mda0idawmdawig4gcjawmda4ntkwotigmdawmdagbiakmdawmdg1otexmiawmdawmcbuiaowmdawodu5mjawidawmdawig4gcjawmda4ntkymjagmdawmdagbiakmdawmdg1otmwocawmdawmcbuiaowmdawodu5mzi4idawmdawig4gcjawmda4ntk0mtygmdawmdagbiakmdawmdg1otqzniawmdawmcbuiaowmdawodu5nti0idawmdawig4gcjawmda4ntk1ndqgmdawmdagbiakmdawmdg1otyzmiawmdawmcbuiaowmdawodu5njuyidawmdawig4gcjawmda4ntk3ndagmdawmdagbiakmdawmdg1otc2mcawmdawmcbuiaowmdawodu5odq4idawmdawig4gcjawmda4ntk4njggmdawmdagbiakmdawmdg1otk1niawmdawmcbuiaowmdawodu5otc2idawmdawig4gcjawmda4njawnjqgmdawmdagbiakmdawmdg2mda4ncawmdawmcbuiaowmdawodywmtcyidawmdawig4gcjawmda4njaxotigmdawmdagbiakmdawmdg2mdi4mcawmdawmcbuiaowmdawodywmzawidawmdawig4gcjawmda4njazodggmdawmdagbiakmdawmdg2mdqwocawmdawmcbuiaowmdawodywndk2idawmdawig4gcjawmda4nja1mtygmdawmdagbiakmdawmdg2mdywncawmdawmcbuiaowmdawodywnji0idawmdawig4gcjawmda4nja3mtigmdawmdagbiakmdawmdg2mdczmiawmdawmcbuiaowmdawodywodiwidawmdawig4gcjawmda4nja4ndagmdawmdagbiakmdawmdg2mdkyocawmdawmcbuiaowmdawodywotq4idawmdawig4gcjawmda4njewmzygmdawmdagbiakmdawmdg2mta1niawmdawmcbuiaowmdawodyxmtq0idawmdawig4gcjawmda4njexnjqgmdawmdagbiakmdawmdg2mti1miawmdawmcbuiaowmdawodyxmjcyidawmdawig4gcjawmda4njeznjagmdawmdagbiakmdawmdg2mtm4mcawmdawmcbuiaowmdawodyxndy4idawmdawig4gcjawmda4nje0odggmdawmdagbiakmdawmdg2mtu3niawmdawmcbuiaowmdawodyxntk2idawmdawig4gcjawmda4nje2odqgmdawmdagbiakmdawmdg2mtcwncawmdawmcbuiaowmdawodyxnzkyidawmdawig4gcjawmda4nje4mtigmdawmdagbiakmdawmdg2mtkwmcawmdawmcbuiaowmdawodyxotiwidawmdawig4gcjawmda4njiwmdggmdawmdagbiakmdawmdg2mjayocawmdawmcbuiaowmdawodyymte2idawmdawig4gcjawmda4njixmzygmdawmdagbiakmdawmdg2mjiyncawmdawmcbuiaowmdawodyymjq0idawmdawig4gcjawmda4njizmzigmdawmdagbiakmdawmdg2mjm1miawmdawmcbuiaowmdawodyyndqwidawmdawig4gcjawmda4nji0njagmdawmdagbiakmdawmdg2mju0ocawmdawmcbuiaowmdawodyynty5idawmdawig4gcjawmda4nzg0njigmdawmdagbiakmdawmdg3odq4myawmdawmcbuiaowmdawodc4ntazidawmdawig4gcjawmda4nzg1mjmgmdawmdagbiakmdawmdg4mtc4niawmdawmcbuiaowmdawodgxnjc0idawmdawig4gcjawmda4nzg2njcgmdawmdagbiakmdawmdg4ndk2nyawmdawmcbuiaowmdawodg0odg5idawmdawig4gcjawmda4odg2otigmdawmdagbiakmdawmdg4odu0nsawmdawmcbuiaowmdawodk0nzazidawmdawig4gcjawmda4otq0mzugmdawmdagbiakmdawmdg5njy5myawmdawmcbuiaowmdawodk2njy4idawmdawig4gcjawmda4oty3odygmdawmdagbiakmdawmdkwnziyosawmdawmcbuiaowmdawotiymzyyidawmdawig4gcjawmda5mzi5mdygmdawmdagbiakmdawmdkznza0myawmdawmcbuiaowmdawotm2otywidawmdawig4gcjawmda5ndg2mtygmdawmdagbiakmdawmdk0odi4niawmdawmcbuiaowmdawotuxndq3idawmdawig4gcjawmda5nteymtmgmdawmdagbiakmdawmdk1mzm0nsawmdawmcbuiaowmdawotuzmzixidawmdawig4gcjawmda5ntyxmdcgmdawmdagbiakmdawmdk1nja2myawmdawmcbuiaowmdawotu4mteyidawmdawig4gcjawmda5ntgwnjigmdawmdagbiakmdawmdk3otezmiawmdawmcbuiaowmdawotk1mjcxidawmdawig4gcjawmda5otu4nzkgmdawmdagbiakmdawmdk5ntk1niawmdawmcbuiaowmdawotk2mda5idawmdawig4gcnryywlszxikpdwkl1npemugotk3ci9sb290idk5nsawifikl0luzm8gotk2idagugovsuqgwzwxmtberdyxrkq1nzq0ndaxmeixqui1rkyzodc4mkywrj4gpdexmerenjfgrdu3ndq0mdewqjfbqjvgrjm4nzgyrjbgpl0kpj4kc3rhcnr4cmvmcjk5njixmwoljuvprgo",{"_index":4272,"t":{"666":{"position":[[2708,1355092]]}}}],["k",{"_index":3325,"t":{"622":{"position":[[3375,4],[5246,4],[7871,4]]},"668":{"position":[[29455,4],[49296,4]]}}}],["keep",{"_index":1084,"t":{"564":{"position":[[2098,4]]},"568":{"position":[[7951,4],[9749,4]]}}}],["key",{"_index":1775,"t":{"582":{"position":[[437,3],[5162,3]]},"588":{"position":[[526,3],[2830,3],[5931,3],[7853,3],[8120,4]]},"612":{"position":[[14799,4]]},"622":{"position":[[1769,3]]}}}],["key=\"@customer?.gethashcod",{"_index":2925,"t":{"612":{"position":[[15101,31]]}}}],["keyboard",{"_index":419,"t":{"58":{"position":[[131,8],[252,8]]},"136":{"position":[[2248,8]]},"148":{"position":[[2146,8]]},"222":{"position":[[1949,8]]},"224":{"position":[[1320,8]]},"236":{"position":[[1958,8]]},"504":{"position":[[175,8]]},"564":{"position":[[3672,8]]},"588":{"position":[[2862,8],[2889,8]]},"622":{"position":[[1637,8],[1721,8],[13492,8]]},"660":{"position":[[1633,8]]}}}],["keystrok",{"_index":3265,"t":{"622":{"position":[[1589,9]]},"626":{"position":[[1280,9],[11028,9]]},"628":{"position":[[1293,9]]},"630":{"position":[[1796,9],[16862,9]]},"662":{"position":[[1237,9]]}}}],["keystroke/select",{"_index":3621,"t":{"628":{"position":[[9033,19]]},"662":{"position":[[8588,19]]}}}],["kick",{"_index":1639,"t":{"578":{"position":[[4771,4]]},"588":{"position":[[11622,4]]}}}],["kind",{"_index":1076,"t":{"564":{"position":[[1999,4]]}}}],["kitchen",{"_index":1718,"t":{"580":{"position":[[5104,7],[13656,7]]}}}],["klein",{"_index":2904,"t":{"612":{"position":[[13483,8],[14424,8],[15707,8]]}}}],["kleiner",{"_index":5123,"t":{"668":{"position":[[121075,8]]}}}],["know",{"_index":2205,"t":{"592":{"position":[[135,4]]},"606":{"position":[[388,4]]}}}],["known",{"_index":3808,"t":{"636":{"position":[[1107,5]]},"640":{"position":[[1105,5]]},"642":{"position":[[1119,5]]},"644":{"position":[[1119,5]]}}}],["komala",{"_index":3305,"t":{"622":{"position":[[3204,7],[5075,7],[7700,7]]}}}],["l",{"_index":868,"t":{"142":{"position":[[1469,1]]},"622":{"position":[[3435,4],[5306,4],[7931,4]]}}}],["label",{"_index":323,"t":{"38":{"position":[[261,6]]},"96":{"position":[[439,5]]},"104":{"position":[[590,6]]},"108":{"position":[[356,5]]},"572":{"position":[[106,7]]},"596":{"position":[[193,7],[665,5],[713,6],[1100,6],[2005,7],[2017,6],[2071,5],[8415,6]]},"616":{"position":[[1503,6],[1548,7],[2576,6],[3000,5],[3022,5],[5929,6],[8366,5],[8812,6],[8937,7],[9345,6],[9800,6],[9809,7],[10794,6],[10944,5],[11217,5],[11488,5],[11749,6],[11758,7],[13022,6],[13172,5],[13445,5],[13716,5],[13977,6],[13986,7],[14822,7],[15120,6],[15270,5],[15543,5],[15814,5],[16075,6],[16084,7],[16795,6],[17260,6]]},"618":{"position":[[1599,6],[1644,7],[2380,6],[2753,5],[2775,5],[4941,6],[7212,5],[7759,6],[7906,7],[8661,6],[8895,5],[9439,5],[9981,5],[10511,6],[10520,7],[11254,7],[12029,6],[12411,6],[14411,5],[14958,6],[15105,7],[15550,6]]},"620":{"position":[[1578,6],[1623,7],[2512,6],[3152,5],[3174,5],[7829,6],[10220,5],[10857,6],[10982,7],[11489,6],[11723,5],[12267,5],[12809,5],[13339,6],[13348,7],[14047,7],[14350,6],[14582,5],[15191,5],[15798,5],[16399,6],[16408,7],[17081,6],[17522,6]]},"622":{"position":[[8505,6],[8959,6]]},"624":{"position":[[1374,6],[1419,7],[2210,6],[4629,6],[6766,5],[7313,6],[7460,7],[7678,7],[8423,6],[8785,6],[10637,5],[11184,6],[11331,7],[12631,6],[13935,5],[14482,6],[14629,7],[15056,6]]},"626":{"position":[[1449,6],[1871,6],[2047,6],[2227,6],[2409,6],[2593,6],[2777,6],[2963,6],[3149,6],[4008,6],[4506,6],[4801,6],[5361,6],[5587,6],[6041,6],[6441,6],[7180,6],[8261,6],[8644,6],[9010,6],[11097,6]]},"628":{"position":[[7441,6],[7733,6],[10047,6],[10356,6],[10755,6]]},"630":{"position":[[2228,6],[2454,6],[2680,6],[2906,6],[3132,6],[3358,6],[3584,6],[3810,6],[4036,6],[6151,6],[6281,6],[6414,6],[6549,6],[6686,6],[6823,6],[6962,6],[7101,6],[7915,6],[8490,6],[8744,6],[9226,6],[9656,6],[10399,6],[11497,6],[11923,6],[12332,6],[14374,6],[14604,6],[14834,6],[15064,6],[15294,6],[15524,6],[15754,6],[15984,6],[16214,6],[16933,6]]},"632":{"position":[[907,5],[938,6],[2119,6],[2853,6],[5891,5],[5934,5],[5972,5],[6012,5],[6059,5]]},"634":{"position":[[279,5],[314,6]]},"636":{"position":[[2242,5]]},"638":{"position":[[1694,5],[4864,5]]},"640":{"position":[[2057,5],[5622,5]]},"642":{"position":[[2076,5]]},"644":{"position":[[2076,5]]},"646":{"position":[[1716,5]]},"648":{"position":[[1716,5]]},"650":{"position":[[1739,5],[4615,5]]},"656":{"position":[[1730,5],[4870,5]]},"660":{"position":[[17137,5],[19305,6],[19629,6],[19936,6]]},"662":{"position":[[5567,6],[5904,6],[6229,6],[6533,6],[6852,6],[9587,6],[9988,6]]}}}],["label\">address:</label",{"_index":3368,"t":{"622":{"position":[[9002,23]]}}}],["label\">amount</label",{"_index":3439,"t":{"626":{"position":[[1468,21],[4027,21],[4525,21],[4820,21],[5380,21],[5606,21],[6060,21],[6460,21],[7199,21]]},"630":{"position":[[7934,21],[8509,21],[8763,21],[9245,21],[9675,21],[10418,21]]},"632":{"position":[[2138,21],[2872,21]]}}}],["label\">arriv",{"_index":4188,"t":{"662":{"position":[[6565,14],[6884,14],[10020,14]]}}}],["label\">cours",{"_index":3630,"t":{"628":{"position":[[10079,13]]}}}],["label\">custom",{"_index":3616,"t":{"628":{"position":[[7765,15]]}}}],["label\">customer:</label",{"_index":3363,"t":{"622":{"position":[[8552,24]]}}}],["label\">departur",{"_index":4183,"t":{"662":{"position":[[5936,16],[6261,16],[9619,16]]}}}],["label\">end",{"_index":3637,"t":{"628":{"position":[[10787,10]]}}}],["label\">ent",{"_index":3447,"t":{"626":{"position":[[1890,12],[2066,12],[2246,12],[2428,12],[2612,12],[2796,12],[2982,12],[3168,12]]},"630":{"position":[[6170,12],[6300,12],[6433,12],[6568,12],[6705,12],[6842,12],[6981,12],[7120,12]]}}}],["label\">flight",{"_index":4179,"t":{"662":{"position":[[5599,13]]}}}],["label\">invoic",{"_index":3613,"t":{"628":{"position":[[7473,14]]}}}],["label\">item",{"_index":3499,"t":{"626":{"position":[[8293,11],[8676,11],[11129,11]]},"630":{"position":[[11529,11],[11955,11],[16965,11]]},"660":{"position":[[19324,11],[19648,11]]}}}],["label\">local",{"_index":3680,"t":{"630":{"position":[[2247,14],[2473,14],[2699,14],[2925,14],[3151,14],[3377,14],[3603,14],[3829,14],[4055,14],[14393,14],[14623,14],[14853,14],[15083,14],[15313,14],[15543,14],[15773,14],[16003,14],[16233,14]]}}}],["label\">start",{"_index":3633,"t":{"628":{"position":[[10388,12]]}}}],["label\">tot",{"_index":3511,"t":{"626":{"position":[[9042,12]]},"630":{"position":[[12364,12]]},"660":{"position":[[19955,12]]}}}],["label=\"20",{"_index":2272,"t":{"596":{"position":[[1268,11],[2175,11]]}}}],["label=\"30",{"_index":2304,"t":{"596":{"position":[[4661,11]]}}}],["label=\"check",{"_index":3774,"t":{"634":{"position":[[816,14]]}}}],["label=\"default",{"_index":3772,"t":{"634":{"position":[[746,14],[2500,14]]}}}],["label=\"dis",{"_index":3783,"t":{"634":{"position":[[1149,15],[1833,15]]}}}],["label=\"revers",{"_index":3789,"t":{"634":{"position":[[2312,14]]}}}],["labels.add(getnextdatalabel",{"_index":3054,"t":{"616":{"position":[[8896,31]]},"618":{"position":[[7843,31],[15042,31]]},"620":{"position":[[10941,31]]},"624":{"position":[[7397,31],[11268,31],[14566,31]]}}}],["labelscount",{"_index":3015,"t":{"616":{"position":[[5659,11],[7329,12],[8675,12],[8983,11]]},"620":{"position":[[7711,11],[10720,12],[11028,11],[11059,15]]}}}],["lacinia",{"_index":1870,"t":{"582":{"position":[[7909,7],[8576,7],[8647,7],[12150,7],[12817,7],[12888,7],[16291,7],[16958,7],[17029,7]]}}}],["lacu",{"_index":1948,"t":{"582":{"position":[[9331,6],[9812,6],[10111,5],[13572,6],[14053,6],[14352,5],[17713,6],[18194,6],[18493,5]]}}}],["lakhsmi",{"_index":3322,"t":{"622":{"position":[[3349,10],[5220,10],[7845,10]]}}}],["land",{"_index":363,"t":{"44":{"position":[[540,7]]}}}],["landscap",{"_index":4267,"t":{"666":{"position":[[1536,10]]}}}],["lang=\"en",{"_index":3852,"t":{"636":{"position":[[3909,10]]},"638":{"position":[[3385,10]]},"640":{"position":[[3730,10]]},"642":{"position":[[3623,10]]},"644":{"position":[[3623,10]]},"650":{"position":[[3120,10]]},"656":{"position":[[3096,10]]}}}],["languag",{"_index":441,"t":{"66":{"position":[[238,8]]}}}],["laoreet",{"_index":1850,"t":{"582":{"position":[[7710,8],[7719,7],[9419,8],[10518,8],[10631,7],[11951,8],[11960,7],[13660,8],[14759,8],[14872,7],[16092,8],[16101,7],[17801,8],[18900,8],[19013,7]]}}}],["larg",{"_index":1137,"t":{"566":{"position":[[2866,5],[7922,5]]},"570":{"position":[[254,5]]},"574":{"position":[[3495,5],[3575,5],[4202,5],[4298,5]]},"578":{"position":[[4921,5],[4965,5],[5227,5],[5363,5]]},"582":{"position":[[15865,5],[19851,5]]},"588":{"position":[[11742,5],[12122,5]]},"590":{"position":[[1545,5],[1664,5]]},"658":{"position":[[3668,5]]}}}],["larger",{"_index":1358,"t":{"572":{"position":[[2502,6]]},"574":{"position":[[3344,6]]},"590":{"position":[[2437,6]]}}}],["last",{"_index":1174,"t":{"568":{"position":[[941,4],[1342,4]]},"590":{"position":[[710,4],[774,4]]},"598":{"position":[[2127,4],[2594,4]]},"612":{"position":[[808,4]]},"622":{"position":[[2041,4]]},"666":{"position":[[1011,6],[1137,6],[1306,6],[1844,6],[1964,6],[2127,6],[2537,6],[1357872,6],[1358035,6]]}}}],["lastlinkicon",{"_index":2161,"t":{"590":{"position":[[657,12],[819,14]]}}}],["lastlinkicon=\"iconname.chevrondoubleright",{"_index":2189,"t":{"590":{"position":[[2163,42]]}}}],["lastlinktext",{"_index":2162,"t":{"590":{"position":[[732,12],[790,14]]}}}],["lastnam",{"_index":1630,"t":{"578":{"position":[[3903,8]]},"582":{"position":[[4735,8],[6915,8]]},"588":{"position":[[5488,8],[7600,8]]},"668":{"position":[[28236,8],[28472,8],[28715,8],[28951,8],[29194,8],[29444,8],[29676,8],[29914,8],[30153,8],[48077,8],[48313,8],[48556,8],[48792,8],[49035,8],[49285,8],[49517,8],[49755,8],[49994,8]]}}}],["later",{"_index":119,"t":{"2":{"position":[[2621,6]]},"118":{"position":[[786,6]]}}}],["launch",{"_index":1657,"t":{"578":{"position":[[6055,6],[6547,6],[7151,6],[7779,6],[8504,6]]}}}],["laura",{"_index":3331,"t":{"622":{"position":[[3428,6],[5299,6],[7924,6]]}}}],["layout",{"_index":417,"t":{"56":{"position":[[448,6]]},"72":{"position":[[650,6],[668,6],[702,6],[918,6],[966,6]]},"136":{"position":[[2100,6]]},"222":{"position":[[1801,6]]},"236":{"position":[[1810,6]]},"286":{"position":[[733,6]]},"378":{"position":[[21,8],[295,6]]},"382":{"position":[[297,6]]},"384":{"position":[[299,6]]},"416":{"position":[[1403,6]]},"508":{"position":[[295,6]]},"592":{"position":[[229,6]]},"600":{"position":[[6354,6],[6457,6],[17621,6]]},"616":{"position":[[3794,6]]},"620":{"position":[[5759,6]]},"652":{"position":[[0,6],[34,6]]},"654":{"position":[[0,6],[39,6]]},"664":{"position":[[6532,6],[6635,6],[25396,6]]}}}],["layout1",{"_index":869,"t":{"142":{"position":[[1471,7]]}}}],["layoutcomponentbas",{"_index":2738,"t":{"606":{"position":[[11532,19]]},"636":{"position":[[6965,19]]},"638":{"position":[[7520,19]]},"640":{"position":[[7489,19]]},"642":{"position":[[6388,19]]},"644":{"position":[[6549,19]]},"650":{"position":[[6429,19]]},"652":{"position":[[587,19]]},"654":{"position":[[592,19]]},"656":{"position":[[6454,19]]},"658":{"position":[[5033,19]]}}}],["lead",{"_index":1727,"t":{"580":{"position":[[6147,4],[6663,4],[6958,4],[7428,4],[7760,4],[8089,4],[11053,4],[11417,4],[11756,4],[12326,4],[12711,4],[13071,4]]}}}],["lectu",{"_index":1918,"t":{"582":{"position":[[8473,7],[8786,6],[9637,7],[11086,7],[12714,7],[13027,6],[13878,7],[15327,7],[16855,7],[17168,6],[18019,7],[19468,7]]}}}],["left",{"_index":1501,"t":{"574":{"position":[[7897,5],[8412,4]]},"582":{"position":[[2485,5],[7014,4]]},"596":{"position":[[7345,5]]},"608":{"position":[[724,5]]},"616":{"position":[[2468,6]]},"618":{"position":[[2216,6]]},"620":{"position":[[2352,6]]},"624":{"position":[[2051,6],[12220,4]]},"630":{"position":[[1380,4]]},"660":{"position":[[13382,4],[16426,4]]},"668":{"position":[[5302,5]]}}}],["left</button",{"_index":2721,"t":{"606":{"position":[[8365,13],[8719,13],[9085,13]]}}}],["left</tooltip",{"_index":2753,"t":{"608":{"position":[[772,14]]}}}],["leftmenu",{"_index":415,"t":{"56":{"position":[[428,8]]},"136":{"position":[[2080,8]]},"222":{"position":[[1781,8]]},"236":{"position":[[1790,8]]},"286":{"position":[[713,8]]},"378":{"position":[[275,8]]},"382":{"position":[[21,10],[277,8]]},"384":{"position":[[279,8]]},"416":{"position":[[1383,8]]},"508":{"position":[[275,8]]}}}],["leftmenu1",{"_index":870,"t":{"142":{"position":[[1479,9]]}}}],["legend",{"_index":728,"t":{"114":{"position":[[347,6]]},"616":{"position":[[3065,6]]},"618":{"position":[[2818,6]]},"620":{"position":[[3217,6]]},"624":{"position":[[11551,6],[11633,7],[15070,6]]}}}],["length",{"_index":329,"t":{"38":{"position":[[398,6]]},"564":{"position":[[844,6]]},"588":{"position":[[9070,6],[10827,6]]},"606":{"position":[[9788,7],[12368,6]]},"620":{"position":[[4738,6]]},"630":{"position":[[1421,7]]}}}],["leo",{"_index":1916,"t":{"582":{"position":[[8465,3],[9313,4],[10616,4],[12706,3],[13554,4],[14857,4],[16847,3],[17695,4],[18998,4]]}}}],["less",{"_index":3475,"t":{"626":{"position":[[3844,4]]},"628":{"position":[[3373,4]]},"630":{"position":[[7751,4]]},"632":{"position":[[3756,4]]},"662":{"position":[[2545,4]]},"668":{"position":[[770,4],[88138,4],[88218,4],[138132,4]]}}}],["level",{"_index":1399,"t":{"574":{"position":[[335,5]]},"600":{"position":[[196,7],[1383,5],[1417,6],[3785,7],[5354,8],[8307,8],[11301,8],[14299,8],[17609,6]]},"606":{"position":[[569,5]]},"664":{"position":[[2692,5],[2799,6],[25355,5]]},"668":{"position":[[1380,5],[87931,5],[88181,5]]}}}],["lg",{"_index":2121,"t":{"588":{"position":[[12878,3]]}}}],["lg</button",{"_index":2135,"t":{"588":{"position":[[13640,11]]}}}],["lgmodal",{"_index":2114,"t":{"588":{"position":[[12378,8],[13951,8]]}}}],["lgmodal?.showasync()\">ful",{"_index":2134,"t":{"588":{"position":[[13600,26]]}}}],["lgmodal?.showasync()\">larg",{"_index":2111,"t":{"588":{"position":[[12195,27]]}}}],["li",{"_index":1714,"t":{"580":{"position":[[4937,3],[4978,3],[5025,3],[5635,3],[5676,3],[5723,3]]}}}],["li>@emp.name</li",{"_index":4435,"t":{"668":{"position":[[18500,18],[82762,18],[85788,18],[89283,18],[93443,18]]}}}],["libero",{"_index":1927,"t":{"582":{"position":[[8620,6],[8756,6],[8925,7],[9949,7],[12861,6],[12997,6],[13166,7],[14190,7],[17002,6],[17138,6],[17307,7],[18331,7]]}}}],["librari",{"_index":105,"t":{"2":{"position":[[2415,7]]},"118":{"position":[[580,7]]},"124":{"position":[[788,7]]},"636":{"position":[[158,7]]},"638":{"position":[[212,7]]},"640":{"position":[[158,7]]},"642":{"position":[[168,7]]},"644":{"position":[[168,7]]},"646":{"position":[[176,7]]},"648":{"position":[[176,7]]},"650":{"position":[[216,7]]},"652":{"position":[[133,7]]},"654":{"position":[[138,7]]},"656":{"position":[[168,7]]}}}],["licens",{"_index":113,"t":{"2":{"position":[[2540,8],[2613,7],[2697,9],[2838,10],[3058,10]]},"118":{"position":[[705,8],[778,7],[862,9],[1003,10],[1223,10]]},"598":{"position":[[9754,7]]}}}],["life",{"_index":1993,"t":{"582":{"position":[[20352,4]]}}}],["light",{"_index":1059,"t":{"564":{"position":[[1488,5]]},"574":{"position":[[2281,5],[3224,5]]},"658":{"position":[[1723,5],[2906,5]]}}}],["light\">light</badg",{"_index":1354,"t":{"572":{"position":[[1874,20]]}}}],["lightbox",{"_index":2040,"t":{"588":{"position":[[112,11]]},"658":{"position":[[131,11]]}}}],["lightweight",{"_index":2632,"t":{"604":{"position":[[756,11],[2086,11]]},"606":{"position":[[97,11],[183,11]]},"614":{"position":[[167,11]]}}}],["ligula",{"_index":1882,"t":{"582":{"position":[[8020,6],[9406,6],[12261,6],[13647,6],[16402,6],[17788,6]]}}}],["limit",{"_index":1196,"t":{"568":{"position":[[2853,5],[3404,5],[3954,5],[4717,5],[5342,5],[5965,5],[6707,5],[7258,5],[7808,5],[8509,5],[9074,5],[9624,5],[10339,5],[10890,5],[11440,5],[12519,5],[13082,5],[13644,5],[14202,5],[14750,5],[15310,5],[18836,5],[19387,5],[19937,5],[21221,5],[21794,5],[22366,5]]},"628":{"position":[[141,6]]},"662":{"position":[[145,6]]}}}],["line",{"_index":335,"t":{"40":{"position":[[237,4],[399,4],[564,4]]},"96":{"position":[[513,4],[901,4]]},"100":{"position":[[312,4]]},"102":{"position":[[756,4]]},"104":{"position":[[629,4]]},"138":{"position":[[1869,4]]},"142":{"position":[[342,4]]},"160":{"position":[[285,4]]},"166":{"position":[[282,4]]},"174":{"position":[[290,4]]},"190":{"position":[[29,4],[286,4]]},"194":{"position":[[285,4]]},"238":{"position":[[1516,4]]},"570":{"position":[[418,4],[761,4],[784,4],[817,4],[1030,4]]},"580":{"position":[[12092,4]]},"584":{"position":[[275,4]]},"618":{"position":[[15357,4]]},"620":{"position":[[19,4],[50,4],[80,4],[2007,4],[2052,4],[2540,4],[3057,4],[4373,7],[4497,5],[4568,5],[4684,5],[4845,4],[4863,4],[4948,5],[7337,4],[7505,4]]},"624":{"position":[[14866,4]]},"636":{"position":[[3420,4],[3543,4]]},"638":{"position":[[2815,4]]},"640":{"position":[[3235,4],[3356,4]]},"642":{"position":[[3270,4],[3391,4],[5575,4]]},"644":{"position":[[3270,4],[3391,4]]},"646":{"position":[[2838,4]]},"648":{"position":[[2898,4],[3019,4]]},"650":{"position":[[2860,4]]},"656":{"position":[[2856,4]]},"668":{"position":[[9002,7],[11502,7],[13781,7],[16582,7],[19762,7],[22904,7],[25586,7],[29436,7],[35440,7],[38088,7],[40664,7],[43199,7],[45787,7],[49277,7],[60880,6],[62219,7],[64925,7],[71050,7],[74300,7],[77412,7],[80897,7],[84078,7],[87104,7],[90545,7],[94759,7],[97582,7],[100377,7],[105598,7],[114031,7],[116251,7],[118718,7],[122862,7],[126772,7],[140428,7],[143043,7],[145827,7]]}}}],["line@blazorbootstrap.com",{"_index":4484,"t":{"668":{"position":[[29468,27],[49309,27]]}}}],["linechart",{"_index":3137,"t":{"618":{"position":[[8366,10],[8438,9],[8448,9]]},"620":{"position":[[6692,10],[7542,9],[7552,9],[11194,10],[11266,9],[11276,9],[14055,10],[14127,9],[14137,9]]}}}],["linechart.adddataasync(chartdata",{"_index":3250,"t":{"620":{"position":[[9430,33]]}}}],["linechart.adddatasetasync(chartdata",{"_index":3248,"t":{"620":{"position":[[9025,36]]}}}],["linechart.initializeasync(chartdata",{"_index":3191,"t":{"618":{"position":[[11124,36]]},"620":{"position":[[8107,36],[13917,36],[17094,36]]}}}],["linechart.updateasync(chartdata",{"_index":3246,"t":{"620":{"position":[[8805,32],[9585,32],[9729,32]]}}}],["linechartdataset",{"_index":3140,"t":{"618":{"position":[[8874,18],[9418,18],[9960,18]]},"620":{"position":[[1707,16],[1738,16],[8445,16],[8462,16],[8482,16],[9297,16],[9314,17],[10050,16],[10199,18],[11702,18],[12246,18],[12788,18],[14563,16],[15172,16],[15779,16],[17380,16]]}}}],["linechartdataset.data",{"_index":3243,"t":{"620":{"position":[[8514,21],[8693,21]]}}}],["linechartdataset.data.count",{"_index":3244,"t":{"620":{"position":[[8563,28]]}}}],["linechartdatasetdata(linechartdataset.label",{"_index":3249,"t":{"620":{"position":[[9345,44]]}}}],["linechartdatasetdatalabel",{"_index":3202,"t":{"620":{"position":[[2464,26],[5254,26],[17405,26]]}}}],["linechartopt",{"_index":3139,"t":{"618":{"position":[[8478,16],[8495,16],[10551,16],[11161,18]]},"620":{"position":[[5456,16],[5487,16],[7582,16],[7599,16],[7899,16],[8144,18],[8838,18],[9076,18],[9618,18],[9762,18],[11306,16],[11323,16],[13379,16],[13954,18],[14167,16],[14184,16],[16439,16],[17156,17],[17440,16]]}}}],["linechartoptions.indexaxi",{"_index":3251,"t":{"620":{"position":[[9545,26],[9689,26]]}}}],["linechartoptions.interact",{"_index":3183,"t":{"618":{"position":[[10648,28]]},"620":{"position":[[13441,28],[16501,28]]}}}],["linechartoptions.local",{"_index":3181,"t":{"618":{"position":[[10577,23]]}}}],["linechartoptions.plugins.datalabels.color",{"_index":3254,"t":{"620":{"position":[[16895,41]]}}}],["linechartoptions.plugins.title.display",{"_index":3190,"t":{"618":{"position":[[10981,38]]},"620":{"position":[[13774,38],[16834,38]]}}}],["linechartoptions.plugins.title.text",{"_index":3189,"t":{"618":{"position":[[10923,35]]},"620":{"position":[[13716,35],[16776,35]]}}}],["linechartoptions.respons",{"_index":3182,"t":{"618":{"position":[[10612,27]]},"620":{"position":[[13405,27],[16465,27]]}}}],["linechartoptions.scales.x.title.display",{"_index":3186,"t":{"618":{"position":[[10776,39]]},"620":{"position":[[13569,39],[16629,39]]}}}],["linechartoptions.scales.x.title.text",{"_index":3184,"t":{"618":{"position":[[10729,36]]},"620":{"position":[[13522,36],[16582,36]]}}}],["linechartoptions.scales.y.title.display",{"_index":3188,"t":{"618":{"position":[[10875,39]]},"620":{"position":[[13668,39],[16728,39]]}}}],["linechartoptions.scales.y.title.text",{"_index":3187,"t":{"618":{"position":[[10824,36]]},"620":{"position":[[13617,36],[16677,36]]}}}],["linechartplugin",{"_index":3240,"t":{"620":{"position":[[5956,16]]}}}],["linejoin=\"round",{"_index":4564,"t":{"668":{"position":[[51930,16]]}}}],["link",{"_index":238,"t":{"14":{"position":[[320,5]]},"16":{"position":[[255,6]]},"18":{"position":[[225,6]]},"20":{"position":[[284,6]]},"22":{"position":[[194,6]]},"24":{"position":[[220,6]]},"26":{"position":[[193,6]]},"28":{"position":[[228,6]]},"30":{"position":[[557,6]]},"32":{"position":[[287,6]]},"34":{"position":[[576,6]]},"36":{"position":[[168,6]]},"38":{"position":[[405,6]]},"40":{"position":[[285,6]]},"42":{"position":[[314,6]]},"44":{"position":[[627,6]]},"46":{"position":[[586,6]]},"48":{"position":[[416,6]]},"50":{"position":[[362,6]]},"52":{"position":[[336,6]]},"54":{"position":[[592,6]]},"56":{"position":[[271,6]]},"58":{"position":[[400,6]]},"60":{"position":[[526,6]]},"62":{"position":[[233,6]]},"64":{"position":[[292,6]]},"66":{"position":[[257,6]]},"68":{"position":[[734,6]]},"70":{"position":[[423,6]]},"72":{"position":[[731,6]]},"74":{"position":[[710,6]]},"76":{"position":[[224,6]]},"78":{"position":[[307,6]]},"80":{"position":[[1349,6]]},"82":{"position":[[385,6]]},"84":{"position":[[274,6]]},"86":{"position":[[313,6]]},"88":{"position":[[517,6]]},"90":{"position":[[198,6]]},"92":{"position":[[288,6]]},"94":{"position":[[199,6]]},"96":{"position":[[672,6]]},"98":{"position":[[273,6]]},"100":{"position":[[391,6]]},"102":{"position":[[490,6],[1155,6]]},"104":{"position":[[700,6]]},"106":{"position":[[417,6]]},"108":{"position":[[513,6]]},"110":{"position":[[1081,6]]},"112":{"position":[[261,6]]},"114":{"position":[[799,6]]},"116":{"position":[[343,6]]},"120":{"position":[[387,6]]},"122":{"position":[[341,6]]},"124":{"position":[[1495,6]]},"126":{"position":[[285,6]]},"128":{"position":[[674,6]]},"138":{"position":[[2075,6]]},"148":{"position":[[2472,6]]},"238":{"position":[[1722,6]]},"482":{"position":[[212,6]]},"572":{"position":[[875,6],[3339,5],[4064,4]]},"574":{"position":[[1152,4],[1211,4],[2380,4],[2507,4],[4432,4],[4543,4]]},"580":{"position":[[1716,5],[1770,4],[1841,4],[1894,4],[3213,6],[3492,6],[13631,5]]},"590":{"position":[[425,5],[514,4],[580,4],[715,4],[779,4],[912,4],[976,4],[1117,4],[1189,4],[1570,5],[1603,5],[1780,6]]},"600":{"position":[[156,5],[1718,4]]},"602":{"position":[[3089,5]]},"610":{"position":[[270,5],[2932,4],[2998,4],[3048,4],[3074,4],[3147,4],[3208,4],[4468,4],[4483,4]]},"636":{"position":[[518,5],[729,5],[843,5],[1173,5],[3457,5],[4044,5],[4255,5],[4369,5],[4449,5],[4495,5]]},"638":{"position":[[495,5],[706,5],[820,5],[2852,5],[3519,5],[3730,5],[3844,5],[3924,5],[3965,5],[4031,5]]},"640":{"position":[[516,5],[727,5],[841,5],[1171,5],[3270,5],[3865,5],[4076,5],[4190,5],[4270,5],[4316,5],[4381,5]]},"642":{"position":[[525,5],[736,5],[850,5],[1185,5],[3305,5],[3835,5],[4046,5],[4160,5],[4240,5],[4285,5]]},"644":{"position":[[525,5],[736,5],[850,5],[1185,5],[3305,5],[3835,5],[4046,5],[4160,5],[4240,5],[4285,5],[4341,5]]},"646":{"position":[[515,5],[726,5],[840,5],[2873,5]]},"648":{"position":[[515,5],[726,5],[840,5],[2933,5]]},"650":{"position":[[540,5],[751,5],[865,5],[2897,5],[3254,5],[3465,5],[3579,5],[3659,5],[3700,5],[3778,5]]},"656":{"position":[[525,5],[736,5],[850,5],[2891,5],[3281,5],[3492,5],[3606,5],[3686,5],[3731,5],[3787,5]]},"660":{"position":[[119,5],[2606,6],[2652,4],[2688,6]]},"664":{"position":[[163,6],[1694,4]]}}}],["link</cardlink",{"_index":1706,"t":{"580":{"position":[[3777,15],[3818,15],[5808,15],[5849,15]]}}}],["link</dropdownitem",{"_index":4104,"t":{"660":{"position":[[18108,19]]}}}],["list",{"_index":631,"t":{"102":{"position":[[504,4]]},"580":{"position":[[3200,4],[4796,4],[4816,5],[4856,4],[4918,4],[5271,4],[5616,4],[13644,4]]},"582":{"position":[[20420,6]]},"590":{"position":[[1706,4]]},"600":{"position":[[17533,4]]},"602":{"position":[[20,4],[54,4],[99,4],[179,6],[554,5],[1041,5],[1158,5],[1237,5],[1399,4],[1538,5],[1800,5],[1904,5],[2090,5],[2186,5],[2280,5],[2919,6],[2960,4],[3030,6],[3075,5],[3137,5],[4609,4],[4687,4],[4778,4],[4940,4],[5018,4],[5109,4],[5254,5],[8285,4],[8345,5],[9835,4],[9939,4],[10093,4],[10198,4],[10347,4],[10419,4],[11023,4],[11201,4],[12609,4],[13962,5]]},"604":{"position":[[4702,4]]},"606":{"position":[[9899,5]]},"622":{"position":[[1820,4],[1905,5],[1960,5],[2010,5],[2058,5]]},"632":{"position":[[5856,4]]},"660":{"position":[[110,5]]}}}],["list<breadcrumbitem",{"_index":980,"t":{"560":{"position":[[268,20],[466,20],[519,20],[622,20],[776,20],[1273,20],[1376,20],[2006,20],[2109,20]]}}}],["list<custom",{"_index":2901,"t":{"612":{"position":[[13433,14],[14310,14],[15593,14]]},"622":{"position":[[2975,14],[4846,14],[7471,14]]}}}],["list<depart",{"_index":5027,"t":{"668":{"position":[[64042,16],[64077,18]]}}}],["list<doubl",{"_index":2976,"t":{"616":{"position":[[2082,12],[2588,12],[2939,12],[6716,15],[8552,12],[8585,12],[8631,15],[9506,12],[9725,12],[10974,12],[11131,12],[11245,12],[11402,12],[11516,12],[11674,12],[13202,12],[13359,12],[13473,12],[13630,12],[13744,12],[13902,12],[15300,12],[15457,12],[15571,12],[15728,12],[15842,12],[16000,12]]},"618":{"position":[[1952,12],[2271,12],[2692,12],[5817,15],[7328,12],[7374,15],[8925,12],[9164,12],[9207,12],[9467,12],[9706,12],[9749,12],[10009,12],[10248,12],[10291,12],[13047,15],[14527,12],[14573,15]]},"620":{"position":[[2088,12],[2407,12],[3091,12],[3477,12],[3494,12],[3575,12],[3592,12],[3876,12],[3893,12],[8610,15],[10403,12],[10446,12],[10630,12],[10676,15],[11753,12],[11992,12],[12035,12],[12295,12],[12534,12],[12577,12],[12837,12],[13076,12],[13119,12],[14612,12],[14851,12],[14894,12],[15219,12],[15458,12],[15501,12],[15826,12],[16065,12],[16108,12]]},"624":{"position":[[1787,12],[2106,12],[2522,12],[5450,15],[6882,12],[6928,15],[9364,15],[10753,12],[10799,15],[14051,12],[14097,15]]}}}],["list<employe",{"_index":2539,"t":{"602":{"position":[[2485,14],[3723,14],[3840,14],[6097,14],[6215,14],[6333,14],[8947,14],[9065,14],[10596,14],[11339,14],[12152,14],[13029,14],[13753,14]]},"668":{"position":[[51132,17],[58568,17]]}}}],["list<employee1",{"_index":4374,"t":{"668":{"position":[[8310,15],[10810,15],[13089,15],[15890,15],[19070,15],[22212,15],[24894,15],[34748,15],[37396,15],[39972,15],[61527,15],[64155,15],[64874,15],[66527,16],[66613,15],[70358,15],[73608,15],[76720,15],[80205,15],[83386,15],[86412,15],[89853,15],[94067,15],[96890,15],[99685,15],[105030,15],[113463,15],[115683,15],[118150,15],[122170,15],[139736,15],[148122,15],[148154,15],[151325,15],[151357,15]]}}}],["list<employee2",{"_index":4553,"t":{"668":{"position":[[42588,15],[45176,15]]}}}],["list<employee3",{"_index":4467,"t":{"668":{"position":[[28171,15],[48012,15]]}}}],["list<employee4",{"_index":5150,"t":{"668":{"position":[[126079,15]]}}}],["list<filteroperatorinfo",{"_index":5111,"t":{"668":{"position":[[120756,27]]}}}],["list<ichartdataset",{"_index":2963,"t":{"616":{"position":[[1442,19],[6472,22],[7966,19],[8048,22],[9433,22],[10882,22],[13110,22],[15208,22]]},"618":{"position":[[1538,19],[5548,22],[6884,19],[6966,22],[8832,22],[12756,22],[13889,19],[13971,22]]},"620":{"position":[[1646,19],[8361,22],[9816,19],[9898,22],[11660,22],[14521,22]]},"624":{"position":[[1442,19],[5206,22],[6453,19],[6535,22],[9120,22],[10132,19],[10214,22],[13622,19],[13704,22]]}}}],["list<ichartdatasetdata",{"_index":2951,"t":{"616":{"position":[[807,23],[7372,26]]},"618":{"position":[[903,23],[6482,26],[13487,26]]},"620":{"position":[[952,23],[9209,26]]},"624":{"position":[[748,23],[6080,26],[9759,26]]}}}],["list<int",{"_index":3155,"t":{"618":{"position":[[9300,9],[9355,9],[9842,9],[9897,9],[10384,9],[10439,9]]},"620":{"position":[[1992,9],[3036,9],[3975,9],[3989,9],[4061,9],[4075,9],[4182,9],[4196,9],[10545,9],[10600,9],[12128,9],[12183,9],[12670,9],[12725,9],[13212,9],[13267,9],[14987,9],[15042,9],[15594,9],[15649,9],[16201,9],[16256,9]]}}}],["list<navitem",{"_index":2453,"t":{"600":{"position":[[2232,13],[4331,13],[7222,13],[10216,13],[13214,13],[15946,13]]},"636":{"position":[[7857,13]]},"638":{"position":[[8239,13]]},"640":{"position":[[8381,13]]},"642":{"position":[[7280,13]]},"644":{"position":[[7441,13]]},"650":{"position":[[7148,13]]},"652":{"position":[[1355,13]]},"654":{"position":[[1360,13]]},"656":{"position":[[7173,13]]},"664":{"position":[[2159,13],[3260,13],[5092,13],[7351,13],[9704,13],[12177,13],[14607,13],[16998,13],[19481,13],[22784,13],[24711,13]]}}}],["list<str",{"_index":1562,"t":{"576":{"position":[[4475,12],[4503,15],[5219,15]]},"616":{"position":[[1510,12],[1712,12],[1977,12],[2779,12],[2861,12],[8448,12],[8500,12],[8752,12],[8825,15],[9358,12],[9573,12],[9649,12],[10807,12],[11039,12],[11085,12],[11310,12],[11356,12],[11582,12],[11628,12],[13035,12],[13267,12],[13313,12],[13538,12],[13584,12],[13810,12],[13856,12],[15133,12],[15365,12],[15411,12],[15636,12],[15682,12],[15908,12],[15954,12]]},"618":{"position":[[1606,12],[1818,12],[1887,12],[2532,12],[2614,12],[7502,12],[7562,15],[7699,12],[7772,15],[8674,12],[9072,12],[9118,12],[9254,12],[9614,12],[9660,12],[9796,12],[10156,12],[10202,12],[10338,12],[14701,12],[14761,15],[14898,12],[14971,15]]},"620":{"position":[[1585,12],[1859,12],[1928,12],[2877,12],[2959,12],[3265,12],[3282,12],[3370,12],[3387,12],[3714,12],[3797,12],[4267,12],[4284,12],[10299,12],[10351,12],[10493,12],[10797,12],[10870,15],[11502,12],[11900,12],[11946,12],[12082,12],[12442,12],[12488,12],[12624,12],[12984,12],[13030,12],[13166,12],[14363,12],[14759,12],[14805,12],[14941,12],[15366,12],[15412,12],[15548,12],[15973,12],[16019,12],[16155,12]]},"624":{"position":[[1381,12],[1653,12],[1722,12],[2362,12],[2444,12],[7056,12],[7116,15],[7253,12],[7326,15],[10927,12],[10987,15],[11124,12],[11197,15],[14225,12],[14285,15],[14422,12],[14495,15]]},"660":{"position":[[25176,12],[25204,15]]}}}],["list<tickmark",{"_index":3762,"t":{"632":{"position":[[5867,14]]}}}],["list<titem",{"_index":2513,"t":{"602":{"position":[[675,11]]}}}],["list<toastmessag",{"_index":2676,"t":{"606":{"position":[[809,18],[2754,18],[2788,21],[4298,18],[4332,21],[5736,18],[5770,21],[7326,18],[7360,21],[9413,18],[11006,18],[11040,21]]}}}],["list<us",{"_index":5181,"t":{"668":{"position":[[142479,10],[145131,10]]}}}],["littl",{"_index":1763,"t":{"580":{"position":[[11102,6],[12375,6]]},"606":{"position":[[1791,6]]}}}],["load",{"_index":700,"t":{"110":{"position":[[566,4]]},"574":{"position":[[597,7],[635,7],[739,7],[782,10],[810,7],[1641,7],[1707,7],[6782,7],[7269,10],[7330,7],[7367,7],[7766,7],[9914,7],[9940,7]]},"586":{"position":[[78,7],[163,8],[2723,7]]},"592":{"position":[[60,7],[607,7],[1556,7],[1643,7],[1916,8],[3830,7]]},"594":{"position":[[594,7],[689,7],[765,6],[981,6],[1524,6]]},"602":{"position":[[1417,8],[1603,7],[12963,4]]},"604":{"position":[[62,7],[644,10],[768,7],[2017,7],[2043,7],[2098,7],[4772,7]]},"622":{"position":[[544,10],[572,7]]},"636":{"position":[[1156,4]]},"640":{"position":[[1154,4]]},"642":{"position":[[1168,4]]},"644":{"position":[[1168,4]]},"666":{"position":[[635,7]]},"668":{"position":[[58632,4],[152817,4]]}}}],["loaddataasync",{"_index":2625,"t":{"602":{"position":[[13082,15]]}}}],["loader",{"_index":148,"t":{"2":{"position":[[3237,6]]},"110":{"position":[[168,6],[533,6]]},"148":{"position":[[217,6]]},"150":{"position":[[210,6]]},"154":{"position":[[2047,6]]},"228":{"position":[[2056,6]]},"308":{"position":[[1097,6]]},"310":{"position":[[2050,6]]},"360":{"position":[[209,6]]},"368":{"position":[[1478,6]]},"400":{"position":[[821,6]]},"410":{"position":[[218,6]]},"412":{"position":[[529,6]]},"428":{"position":[[502,6]]},"494":{"position":[[213,6]]},"594":{"position":[[18,6],[52,6],[124,6],[149,6],[503,6],[789,6],[1675,6],[1700,6]]},"598":{"position":[[9813,6]]},"664":{"position":[[25271,6]]}}}],["loading=\"tru",{"_index":1481,"t":{"574":{"position":[[7019,14],[7073,14],[7151,15]]}}}],["loadingtempl",{"_index":1402,"t":{"574":{"position":[[656,16],[679,15],[824,15],[7167,17],[7280,18]]},"602":{"position":[[1550,15]]}}}],["loadingtext",{"_index":1403,"t":{"574":{"position":[[763,11]]},"592":{"position":[[565,11],[841,11]]},"622":{"position":[[525,11]]}}}],["loadingtext=\"load",{"_index":2212,"t":{"592":{"position":[[1120,24]]}}}],["loadingtext=\"sav",{"_index":1482,"t":{"574":{"position":[[7088,23]]}}}],["loborti",{"_index":1972,"t":{"582":{"position":[[10412,8],[14653,8],[18794,8]]}}}],["local",{"_index":538,"t":{"82":{"position":[[196,5]]},"560":{"position":[[1111,5]]},"616":{"position":[[3849,6],[3881,7],[3932,6],[12555,7],[12606,6],[12716,6],[17248,6]]},"618":{"position":[[3258,6],[3290,7],[3341,6],[8119,7],[8170,6],[8280,6],[15538,6]]},"620":{"position":[[5814,6],[5846,7],[5897,6]]},"624":{"position":[[2981,6],[3013,7],[3064,6]]},"626":{"position":[[686,6],[726,7]]},"630":{"position":[[139,6],[858,6],[898,7],[2200,8],[5481,8],[17626,7]]},"668":{"position":[[58921,5]]}}}],["locale=\"",{"_index":3691,"t":{"630":{"position":[[3012,10],[15174,10]]}}}],["locale=\"d",{"_index":3694,"t":{"630":{"position":[[3238,10],[15404,10]]}}}],["locale=\"en",{"_index":3683,"t":{"630":{"position":[[2334,10],[2560,10],[3690,10],[3916,10],[11670,10],[12067,10],[12513,10],[14484,10],[14714,10],[15864,10],[16094,10]]}}}],["locale=\"fr",{"_index":3687,"t":{"630":{"position":[[2786,10],[3464,10],[14944,10],[15634,10]]}}}],["locale=\"zh",{"_index":3704,"t":{"630":{"position":[[4142,10],[16324,10]]}}}],["locat",{"_index":975,"t":{"560":{"position":[[120,8]]},"564":{"position":[[3965,8]]},"638":{"position":[[138,8],[3305,8]]},"650":{"position":[[142,8]]},"668":{"position":[[58977,9]]}}}],["logic",{"_index":403,"t":{"54":{"position":[[324,6]]},"68":{"position":[[480,6]]},"578":{"position":[[2263,6]]},"582":{"position":[[3466,6]]},"588":{"position":[[4260,6]]},"622":{"position":[[3547,5],[5418,5],[6447,5],[8043,5],[10203,5],[11714,5],[13208,5]]}}}],["logo",{"_index":2432,"t":{"600":{"position":[[639,5],[9434,4],[12378,5],[12428,5],[17679,4]]},"664":{"position":[[658,5],[13739,4],[16119,5],[16169,5],[25499,4]]}}}],["long",{"_index":1650,"t":{"578":{"position":[[5797,4],[5835,4],[9089,4]]},"588":{"position":[[8616,4],[8653,4],[15457,4]]},"632":{"position":[[3523,6]]}}}],["longer",{"_index":90,"t":{"2":{"position":[[2209,6]]},"118":{"position":[[374,6]]},"564":{"position":[[1928,6]]},"572":{"position":[[837,6]]},"580":{"position":[[11806,6],[13121,6]]},"588":{"position":[[9161,6],[10918,6]]},"636":{"position":[[4778,6]]},"640":{"position":[[4706,6]]}}}],["longer.</cardtext",{"_index":1764,"t":{"580":{"position":[[11113,18],[12386,18]]}}}],["look",{"_index":1441,"t":{"574":{"position":[[3842,4]]},"636":{"position":[[239,7]]},"640":{"position":[[239,7]]},"642":{"position":[[249,7]]},"644":{"position":[[249,7]]},"646":{"position":[[257,7]]},"648":{"position":[[257,7]]},"650":{"position":[[297,7]]},"656":{"position":[[249,7]]}}}],["lorem",{"_index":1849,"t":{"582":{"position":[[7704,5],[8157,6],[8415,5],[8459,5],[8851,5],[10187,5],[10239,5],[11169,5],[11945,5],[12398,6],[12656,5],[12700,5],[13092,5],[14428,5],[14480,5],[15410,5],[16086,5],[16539,6],[16797,5],[16841,5],[17233,5],[18569,5],[18621,5],[19551,5]]}}}],["lost",{"_index":1113,"t":{"564":{"position":[[3759,4]]}}}],["lot",{"_index":229,"t":{"14":{"position":[[114,4]]},"16":{"position":[[113,4]]},"140":{"position":[[1317,4],[1748,4]]},"244":{"position":[[1184,4],[1615,4]]},"364":{"position":[[359,4]]},"388":{"position":[[663,4]]},"392":{"position":[[161,4]]},"398":{"position":[[1545,4]]},"450":{"position":[[158,4]]},"456":{"position":[[157,4]]}}}],["luctu",{"_index":1939,"t":{"582":{"position":[[9057,6],[9338,6],[9645,6],[13298,6],[13579,6],[13886,6],[17439,6],[17720,6],[18027,6]]}}}],["m",{"_index":871,"t":{"142":{"position":[[1489,1]]}}}],["maco",{"_index":3082,"t":{"616":{"position":[[11225,8],[13453,8],[15551,8]]},"618":{"position":[[9447,8]]},"620":{"position":[[12275,8],[15199,8]]}}}],["made",{"_index":220,"t":{"12":{"position":[[97,4]]},"100":{"position":[[188,4]]},"104":{"position":[[538,4]]},"112":{"position":[[162,4]]},"116":{"position":[[228,4]]},"140":{"position":[[1502,4]]},"146":{"position":[[140,4]]},"244":{"position":[[1369,4]]},"452":{"position":[[141,4]]},"568":{"position":[[1770,4]]},"576":{"position":[[890,4]]},"582":{"position":[[2120,4]]},"588":{"position":[[2424,4]]},"660":{"position":[[3579,4]]}}}],["maecena",{"_index":1973,"t":{"582":{"position":[[10496,8],[14737,8],[18878,8]]}}}],["magna",{"_index":1934,"t":{"582":{"position":[[8829,5],[9444,5],[9835,5],[9969,5],[13070,5],[13685,5],[14076,5],[14210,5],[17211,5],[17826,5],[18217,5],[18351,5]]}}}],["main",{"_index":2484,"t":{"600":{"position":[[6638,6],[6869,7],[9632,6],[9863,7],[12630,6],[12861,7]]},"636":{"position":[[7128,6],[7344,7]]},"638":{"position":[[7683,6],[7897,7]]},"640":{"position":[[7652,6],[7868,7]]},"642":{"position":[[6551,6],[6767,7]]},"644":{"position":[[6712,6],[6928,7]]},"650":{"position":[[6592,6],[6806,7]]},"652":{"position":[[759,6],[975,7]]},"654":{"position":[[764,6],[980,7]]},"656":{"position":[[6617,6],[6831,7]]},"664":{"position":[[6795,6],[7026,7],[9047,6],[9351,7],[11520,6],[11824,7],[13950,6],[14254,7],[16369,6],[16673,7],[18774,6],[19125,7]]}}}],["mainlayour.razor",{"_index":2739,"t":{"606":{"position":[[11560,16]]},"658":{"position":[[5061,16]]}}}],["mainlayout.razor",{"_index":2211,"t":{"592":{"position":[[1002,16],[1071,16]]},"600":{"position":[[6388,16]]},"606":{"position":[[11484,16]]},"636":{"position":[[6937,17],[8453,16]]},"638":{"position":[[7492,17],[9099,16]]},"640":{"position":[[7461,17],[8988,16]]},"642":{"position":[[6360,17],[7880,16]]},"644":{"position":[[6521,17],[8041,16]]},"650":{"position":[[6401,17],[7876,16]]},"652":{"position":[[454,16]]},"654":{"position":[[459,16]]},"656":{"position":[[6426,17],[7737,16]]},"658":{"position":[[4985,16]]},"664":{"position":[[6566,16]]}}}],["major",{"_index":230,"t":{"14":{"position":[[131,5]]},"16":{"position":[[130,5]]},"44":{"position":[[108,5]]},"138":{"position":[[827,5]]},"162":{"position":[[1468,5]]},"180":{"position":[[165,5]]},"184":{"position":[[158,5]]},"188":{"position":[[165,5]]},"206":{"position":[[157,5]]},"220":{"position":[[465,5]]},"238":{"position":[[474,5]]},"372":{"position":[[450,5]]},"380":{"position":[[158,5]]},"478":{"position":[[152,5]]}}}],["make",{"_index":1357,"t":{"572":{"position":[[2470,4]]},"574":{"position":[[3829,4]]},"580":{"position":[[2942,4],[3704,4],[4175,4],[4539,4],[5531,4],[8497,4],[8789,4],[9077,4],[9363,4],[9651,4],[9933,4],[10217,4],[10499,4]]},"590":{"position":[[1596,6]]},"592":{"position":[[302,4]]},"606":{"position":[[340,6]]},"614":{"position":[[508,5]]},"618":{"position":[[270,5]]},"622":{"position":[[3815,4]]},"660":{"position":[[18716,4]]},"668":{"position":[[9790,4]]}}}],["maker",{"_index":4404,"t":{"668":{"position":[[9394,7],[11894,7],[14428,7],[16974,7],[20409,7],[23296,7],[25978,7],[30267,7],[35832,7],[38480,7],[41056,7],[43541,7],[46129,7],[50108,7],[62866,7],[65317,7],[71697,7],[74947,7],[78059,7],[81544,7],[84470,7],[87496,7],[90937,7],[95151,7],[98229,7],[101024,7],[123509,7],[127164,7],[141075,7]]}}}],["malesuada",{"_index":1889,"t":{"582":{"position":[[8092,10],[9575,9],[9911,10],[9939,9],[10839,9],[11159,9],[12333,10],[13816,9],[14152,10],[14180,9],[15080,9],[15400,9],[16474,10],[17957,9],[18293,10],[18321,9],[19221,9],[19541,9]]}}}],["manag",{"_index":3797,"t":{"636":{"position":[[314,8]]},"638":{"position":[[327,8],[2970,8]]},"640":{"position":[[314,8]]},"642":{"position":[[324,8]]},"644":{"position":[[324,8]]},"646":{"position":[[332,8]]},"648":{"position":[[332,8]]},"650":{"position":[[372,8]]},"656":{"position":[[324,8]]}}}],["mandatori",{"_index":2791,"t":{"610":{"position":[[797,10]]},"626":{"position":[[11543,9]]},"630":{"position":[[17381,9]]},"634":{"position":[[2776,9]]}}}],["mani",{"_index":2981,"t":{"616":{"position":[[2367,4]]},"618":{"position":[[2115,4]]},"620":{"position":[[2251,4]]},"624":{"position":[[1950,4]]},"630":{"position":[[5476,4]]}}}],["manju",{"_index":3296,"t":{"622":{"position":[[3098,6],[4969,6],[7594,6]]}}}],["manner",{"_index":1123,"t":{"566":{"position":[[135,7]]}}}],["manual",{"_index":1100,"t":{"564":{"position":[[3163,8]]},"574":{"position":[[6466,8]]}}}],["march",{"_index":63,"t":{"2":{"position":[[1271,5],[2380,5]]},"18":{"position":[[23,5]]},"68":{"position":[[24,5]]},"74":{"position":[[24,5]]},"118":{"position":[[545,5]]},"120":{"position":[[24,5]]},"130":{"position":[[990,5],[1899,5],[1940,5],[2425,5]]},"134":{"position":[[2703,5]]},"136":{"position":[[24,5]]},"140":{"position":[[798,5]]},"152":{"position":[[70,5]]},"154":{"position":[[1315,5]]},"216":{"position":[[2409,5],[2823,5]]},"228":{"position":[[1324,5]]},"234":{"position":[[2418,5],[2832,5]]},"244":{"position":[[665,5]]},"250":{"position":[[589,5]]},"262":{"position":[[72,5]]},"266":{"position":[[808,5],[1222,5]]},"270":{"position":[[77,5],[491,5]]},"272":{"position":[[2607,5]]},"282":{"position":[[1600,5],[2014,5]]},"284":{"position":[[508,5],[922,5]]},"296":{"position":[[72,5]]},"298":{"position":[[78,5]]},"300":{"position":[[794,5]]},"308":{"position":[[365,5]]},"310":{"position":[[1318,5]]},"316":{"position":[[1601,5],[2015,5]]},"320":{"position":[[2412,5],[2826,5]]},"328":{"position":[[583,5]]},"336":{"position":[[421,5]]},"346":{"position":[[74,5]]},"354":{"position":[[802,5],[1216,5]]},"356":{"position":[[71,5],[485,5]]},"366":{"position":[[1774,5]]},"368":{"position":[[1020,5]]},"386":{"position":[[72,5]]},"390":{"position":[[2506,5],[2920,5]]},"398":{"position":[[502,5],[916,5]]},"400":{"position":[[363,5]]},"404":{"position":[[464,5]]},"412":{"position":[[71,5]]},"422":{"position":[[745,5]]},"430":{"position":[[72,5]]},"434":{"position":[[788,5]]},"442":{"position":[[68,5]]},"458":{"position":[[67,5]]},"520":{"position":[[68,5]]},"526":{"position":[[68,5]]},"552":{"position":[[68,5]]},"616":{"position":[[5727,8]]},"618":{"position":[[8712,8]]},"620":{"position":[[11540,8],[14401,8]]}}}],["margin",{"_index":1082,"t":{"564":{"position":[[2078,6]]},"604":{"position":[[2760,7],[4803,6]]},"660":{"position":[[18754,6]]}}}],["mark",{"_index":699,"t":{"110":{"position":[[520,5]]},"632":{"position":[[523,6],[5452,6],[5471,5],[6272,5]]}}}],["markup",{"_index":2688,"t":{"606":{"position":[[1807,7]]}}}],["marvin",{"_index":2903,"t":{"612":{"position":[[13475,7],[14416,7],[15699,7]]}}}],["massa",{"_index":1887,"t":{"582":{"position":[[8076,5],[8627,6],[8835,5],[9302,5],[12317,5],[12868,6],[13076,5],[13543,5],[16458,5],[17009,6],[17217,5],[17684,5]]}}}],["match",{"_index":1322,"t":{"572":{"position":[[725,5]]},"580":{"position":[[5126,5]]},"600":{"position":[[1430,5],[1490,8]]},"622":{"position":[[3963,9]]},"632":{"position":[[4271,5]]},"664":{"position":[[1406,5],[1466,8]]},"668":{"position":[[9938,9]]}}}],["match=navlinkmatch.al",{"_index":3908,"t":{"636":{"position":[[7959,24]]},"638":{"position":[[8341,24]]},"640":{"position":[[8483,24]]},"642":{"position":[[7382,24]]},"644":{"position":[[7543,24]]},"650":{"position":[[7250,24]]},"652":{"position":[[1457,24]]},"654":{"position":[[1462,24]]},"656":{"position":[[7275,24]]}}}],["matti",{"_index":1920,"t":{"582":{"position":[[8511,7],[10934,6],[11053,6],[11152,6],[12752,7],[15175,6],[15294,6],[15393,6],[16893,7],[19316,6],[19435,6],[19534,6]]}}}],["maui",{"_index":657,"t":{"104":{"position":[[655,4]]},"638":{"position":[[8769,4]]},"640":{"position":[[8781,4]]},"642":{"position":[[7647,4]]},"644":{"position":[[7808,4]]},"646":{"position":[[16,4],[79,4]]},"648":{"position":[[16,4],[79,4]]}}}],["mauiprogram.c",{"_index":3987,"t":{"646":{"position":[[2449,14]]},"648":{"position":[[2449,14]]}}}],["mauri",{"_index":1847,"t":{"582":{"position":[[7679,7],[7859,6],[10096,6],[10296,6],[11116,6],[11192,6],[11920,7],[12100,6],[14337,6],[14537,6],[15357,6],[15433,6],[16061,7],[16241,6],[18478,6],[18678,6],[19498,6],[19574,6]]}}}],["max",{"_index":352,"t":{"44":{"position":[[307,3]]},"68":{"position":[[268,3]]},"74":{"position":[[236,3]]},"110":{"position":[[506,3]]},"626":{"position":[[575,3],[640,3],[740,3],[768,4],[773,3],[3546,4],[3595,3],[3657,3],[3791,3],[3941,3],[3978,3],[11774,3]]},"628":{"position":[[614,3],[679,3],[725,3],[753,4],[758,3],[3077,4],[3126,3],[3188,3],[3320,3],[3470,3],[3507,3],[4953,3],[5418,4],[5456,4],[13015,3]]},"630":{"position":[[655,3],[720,3],[912,3],[940,4],[945,3],[7451,4],[7500,3],[7562,3],[7698,3],[7848,3],[7885,3],[17791,3]]},"632":{"position":[[257,3],[3335,4],[3356,3],[3418,3],[3703,3],[3898,3],[6243,3]]},"662":{"position":[[618,3],[683,3],[729,3],[757,4],[762,3],[2249,4],[2298,3],[2360,3],[2492,3],[2642,3],[2679,3],[12178,3]]}}}],["max1",{"_index":3598,"t":{"628":{"position":[[5015,5],[5245,4]]},"662":{"position":[[3332,5],[3497,4]]}}}],["max1</div",{"_index":3582,"t":{"628":{"position":[[3787,11]]},"662":{"position":[[2934,11]]}}}],["max2",{"_index":3600,"t":{"628":{"position":[[5052,5],[5329,4]]},"662":{"position":[[3369,5],[3590,4]]}}}],["max2</div",{"_index":3586,"t":{"628":{"position":[[4115,11]]},"662":{"position":[[3237,11]]}}}],["max3",{"_index":3602,"t":{"628":{"position":[[5088,5],[5411,4]]}}}],["max3</div",{"_index":3590,"t":{"628":{"position":[[4441,11]]}}}],["max4",{"_index":3604,"t":{"628":{"position":[[5125,5],[5449,4]]}}}],["max4</div",{"_index":3594,"t":{"628":{"position":[[4769,11]]}}}],["max=\"10",{"_index":3748,"t":{"632":{"position":[[4001,8]]}}}],["max=\"100",{"_index":3731,"t":{"632":{"position":[[1075,9],[1206,9],[1410,9],[1615,9],[1821,9],[2236,9],[2967,9],[4410,9],[4614,9],[4828,9],[5044,9],[5344,9],[5635,9]]}}}],["max=\"500",{"_index":3478,"t":{"626":{"position":[[4131,9]]},"630":{"position":[[8066,9]]}}}],["max=\"@max1",{"_index":3578,"t":{"628":{"position":[[3672,11]]},"662":{"position":[[2844,11]]}}}],["max=\"@max2",{"_index":3584,"t":{"628":{"position":[[4000,11]]},"662":{"position":[[3147,11]]}}}],["max=\"@max3",{"_index":3588,"t":{"628":{"position":[[4326,11]]}}}],["max=\"@max4",{"_index":3592,"t":{"628":{"position":[[4654,11]]}}}],["max=\"arrivalmaxtim",{"_index":4208,"t":{"662":{"position":[[10240,20]]}}}],["max=\"coursemaxd",{"_index":3641,"t":{"628":{"position":[[11000,19]]}}}],["maximu",{"_index":1857,"t":{"582":{"position":[[7788,7],[10203,7],[10647,8],[12029,7],[14444,7],[14888,8],[16170,7],[18585,7],[19029,8]]}}}],["maximum",{"_index":2155,"t":{"590":{"position":[[412,7]]},"606":{"position":[[1082,7],[9828,7],[9977,7],[10111,7]]},"620":{"position":[[4726,7]]},"630":{"position":[[1025,7]]},"632":{"position":[[285,7],[3482,7],[3857,7]]},"642":{"position":[[3736,7]]},"644":{"position":[[3736,7]]}}}],["maximumfractiondigit",{"_index":3669,"t":{"630":{"position":[[988,21],[5054,21]]}}}],["mb",{"_index":3361,"t":{"622":{"position":[[8498,2],[8952,2],[10577,2],[12115,2]]},"626":{"position":[[8254,2],[8637,2],[9003,2],[11090,2]]},"628":{"position":[[7434,2],[7726,2],[10040,2],[10349,2],[10748,2]]},"630":{"position":[[11490,2],[11916,2],[12325,2],[16926,2]]},"632":{"position":[[1144,2],[1347,2],[1551,2],[1756,2],[3937,2],[4348,2],[4551,2],[4764,2],[4979,2],[5542,2]]},"660":{"position":[[4096,2],[6288,2],[8868,2],[9757,2]]},"662":{"position":[[5560,2],[5897,2],[6222,2],[6526,2],[6845,2],[9580,2],[9981,2]]}}}],["md",{"_index":1468,"t":{"574":{"position":[[5907,2],[6226,2],[6250,2]]},"578":{"position":[[3332,2],[3389,2],[3460,2],[3516,2],[3595,2],[3650,2]]},"582":{"position":[[4153,2],[4210,2],[4281,2],[4337,2],[4416,2],[4471,2],[6109,2],[6166,2],[6237,2],[6293,2],[6372,2],[6427,2]]},"588":{"position":[[4917,2],[4974,2],[5045,2],[5101,2],[5180,2],[5235,2],[6805,2],[6862,2],[6933,2],[6989,2],[7068,2],[7123,2],[12744,3]]},"622":{"position":[[2180,2],[4007,2],[5638,2],[6607,2],[8538,2],[8593,2],[8988,2],[9042,2],[9242,2],[10600,2],[12138,2]]},"626":{"position":[[8279,2],[8371,2],[8662,2],[8722,2],[9028,2],[9122,2],[9333,2],[11115,2],[11207,2]]},"628":{"position":[[7459,2],[7553,2],[7751,2],[7846,2],[8064,2],[10065,2],[10158,2],[10374,2],[10466,2],[10773,2],[10863,2],[11149,2]]},"630":{"position":[[11515,2],[11607,2],[11941,2],[12001,2],[12350,2],[12444,2],[12698,2],[16951,2],[17043,2]]},"660":{"position":[[20215,2]]},"662":{"position":[[5585,2],[5680,2],[5922,2],[6018,2],[6247,2],[6343,2],[6551,2],[6645,2],[6870,2],[6964,2],[7150,2],[9605,2],[9701,2],[10006,2],[10100,2],[10388,2]]}}}],["md</button",{"_index":2133,"t":{"588":{"position":[[13536,11]]}}}],["mdmodal",{"_index":2140,"t":{"588":{"position":[[13928,8]]}}}],["mdmodal?.showasync()\">ful",{"_index":2132,"t":{"588":{"position":[[13496,26]]}}}],["mean",{"_index":1139,"t":{"566":{"position":[[2902,7],[2963,7],[3241,6],[3390,7],[3451,7],[3729,6],[3879,7],[3940,7],[4218,6],[4365,7],[4426,7],[4704,6],[4850,7],[4911,7],[5189,6],[5360,7],[5421,7],[5699,6],[5867,7],[5928,7],[6206,6],[6375,7],[6436,7],[6714,6],[6880,7],[6941,7],[7219,6],[7384,7],[7445,7],[7723,6]]},"572":{"position":[[2000,7],[2053,7],[2331,6]]},"578":{"position":[[5953,5]]},"588":{"position":[[8771,5]]},"604":{"position":[[906,5]]},"630":{"position":[[5508,5]]}}}],["measur",{"_index":2257,"t":{"596":{"position":[[447,8],[3341,8]]},"616":{"position":[[430,8],[569,8]]},"618":{"position":[[526,8],[665,8]]},"620":{"position":[[575,8],[714,8]]},"624":{"position":[[371,8],[510,8]]},"668":{"position":[[26258,8]]}}}],["media",{"_index":1533,"t":{"576":{"position":[[1491,5]]}}}],["medium",{"_index":3765,"t":{"632":{"position":[[5980,9]]}}}],["member",{"_index":2962,"t":{"616":{"position":[[1362,8],[1578,8],[3316,8],[3509,8],[17083,7],[17107,7],[17141,7],[17165,7]]},"618":{"position":[[1458,8],[1679,8],[2930,8],[3136,8],[15397,7],[15426,7],[15465,7],[15494,7]]},"620":{"position":[[1507,8],[1724,8],[5281,8],[5473,8],[17372,7],[17397,7],[17432,7],[17457,7]]},"624":{"position":[[1303,8],[1519,8],[2663,8],[2864,8],[14925,7],[14949,7],[14983,7],[15007,7]]},"658":{"position":[[307,8],[5874,7]]}}}],["memori",{"_index":5003,"t":{"668":{"position":[[59068,6]]}}}],["mention",{"_index":4224,"t":{"664":{"position":[[18586,9]]}}}],["menu",{"_index":626,"t":{"102":{"position":[[367,4]]},"588":{"position":[[3026,4]]},"660":{"position":[[786,5],[1927,4],[2870,4],[2951,4],[3036,4],[16321,4],[16746,4],[17099,4],[17179,5],[17647,4],[18223,4],[18335,4],[18707,5],[18740,5],[25882,4],[25896,4]]}}}],["menu.</p",{"_index":4113,"t":{"660":{"position":[[18563,9]]}}}],["merlin",{"_index":4415,"t":{"668":{"position":[[14023,9],[20004,9],[62461,9],[71292,9],[74542,9],[77654,9],[81139,9],[97824,9],[100619,9],[123104,9],[140670,9]]}}}],["messag",{"_index":1023,"t":{"564":{"position":[[73,8],[173,9],[1879,8]]},"568":{"position":[[22651,8],[22870,8],[23090,8],[23311,8]]},"574":{"position":[[9485,11],[9544,7],[9560,9],[9624,8],[9664,12]]},"576":{"position":[[4402,9],[4488,8],[5204,8]]},"582":{"position":[[3838,8],[5012,8],[5038,7],[5508,8],[5588,8],[5982,7]]},"588":{"position":[[1304,7],[1341,8],[4611,8],[5781,8],[5807,7],[6228,8],[6300,8],[6685,7]]},"594":{"position":[[1195,7],[1229,8],[1466,8],[1506,7],[1598,7]]},"606":{"position":[[156,8],[800,8],[859,9],[1239,8],[1468,7],[1506,8],[1563,7],[2773,8],[3063,7],[3105,8],[4317,8],[4549,7],[4598,8],[5755,8],[6045,7],[6087,8],[6181,9],[6268,7],[6481,9],[7345,8],[7748,8],[7832,9],[9432,8],[9650,7],[9692,8],[10130,8],[11025,8],[11315,7],[11357,8],[12343,8]]},"622":{"position":[[8334,7]]},"626":{"position":[[8091,7]]},"628":{"position":[[7271,7],[9868,7],[12391,8]]},"630":{"position":[[11327,7]]},"658":{"position":[[671,7],[709,8],[2025,7],[3208,7],[3984,7],[4381,7],[4814,7],[5496,7],[5709,7]]},"660":{"position":[[18996,7],[25189,8]]},"662":{"position":[[5388,7],[7840,8],[9408,7],[11664,8]]},"668":{"position":[[50317,8],[50346,7],[51255,7],[116632,7],[119112,7]]}}}],["message1",{"_index":1575,"t":{"578":{"position":[[242,9],[372,9],[1886,9],[4537,9],[5623,9],[7427,9]]}}}],["message2",{"_index":1578,"t":{"578":{"position":[[389,9],[1965,9]]}}}],["messages\">99+</badg",{"_index":1386,"t":{"572":{"position":[[4367,21],[4669,21],[4970,21],[5299,21],[5604,21],[5908,21],[6237,21],[6542,21],[6846,21]]}}}],["messages\"></badg",{"_index":1396,"t":{"572":{"position":[[7262,18]]}}}],["messages.add",{"_index":2734,"t":{"606":{"position":[[9531,13]]}}}],["messages.add($\"ev",{"_index":1564,"t":{"576":{"position":[[4774,21],[4884,21],[4993,21],[5103,21]]}}}],["messages.add(createtoastmessage(toasttyp",{"_index":2701,"t":{"606":{"position":[[2859,44],[4403,44],[5841,44],[7431,44],[11111,44]]}}}],["messages.add(new(\"onhid",{"_index":4147,"t":{"660":{"position":[[25260,30]]}}}],["messages.add(new(\"onhidden",{"_index":4149,"t":{"660":{"position":[[25331,30]]}}}],["messages.add(new(\"onshow",{"_index":4151,"t":{"660":{"position":[[25403,31]]}}}],["messages.add(new(\"onshown",{"_index":4153,"t":{"660":{"position":[[25474,29]]}}}],["messages.ani",{"_index":2733,"t":{"606":{"position":[[9511,17]]}}}],["messages</button",{"_index":1554,"t":{"576":{"position":[[3976,17]]}}}],["messages=\"messag",{"_index":2690,"t":{"606":{"position":[[1952,19],[3395,19],[4905,19],[6511,19],[8213,19],[10172,19]]}}}],["met",{"_index":5133,"t":{"668":{"position":[[121436,5],[121514,5]]}}}],["meta",{"_index":3853,"t":{"636":{"position":[[3927,5],[3952,5]]},"638":{"position":[[3403,5],[3428,5]]},"640":{"position":[[3748,5],[3773,5]]},"642":{"position":[[3641,5],[3666,5]]},"644":{"position":[[3641,5],[3666,5]]},"650":{"position":[[3138,5],[3163,5]]},"656":{"position":[[3114,5],[3139,5]]}}}],["method",{"_index":429,"t":{"62":{"position":[[226,6]]},"64":{"position":[[285,6]]},"78":{"position":[[266,6]]},"80":{"position":[[488,7],[635,7],[778,7],[923,7],[1062,7],[1205,7]]},"88":{"position":[[405,6]]},"100":{"position":[[261,6],[305,6],[345,6],[384,6]]},"102":{"position":[[682,7],[748,7],[810,7],[871,7]]},"114":{"position":[[232,7],[297,7]]},"564":{"position":[[485,8],[685,6],[4043,7]]},"568":{"position":[[546,8],[1604,6],[1687,6],[11660,7],[11832,7],[18154,7],[18193,6],[23510,7]]},"574":{"position":[[1579,8],[7420,7],[9775,7]]},"576":{"position":[[506,8],[805,6],[1021,6],[1298,7],[5299,7]]},"578":{"position":[[159,8],[8934,7]]},"582":{"position":[[1330,8],[1339,6],[1705,7],[1737,7],[1884,6],[2039,6],[2245,6],[4963,6],[5100,7],[5297,7],[6594,6],[21393,7]]},"588":{"position":[[1784,8],[2009,7],[2041,7],[2188,6],[2343,6],[2549,6],[5732,6],[5869,7],[6066,7],[7290,6],[15308,7]]},"592":{"position":[[645,8],[1203,7],[2314,7],[3772,7]]},"596":{"position":[[876,8],[2119,7],[2290,7],[3736,6],[4586,7],[8385,7]]},"598":{"position":[[2319,8],[9938,7]]},"600":{"position":[[823,8],[17549,7]]},"602":{"position":[[1916,8],[1945,7],[13910,7]]},"606":{"position":[[11801,6]]},"612":{"position":[[425,8],[9365,7],[11842,8],[16181,7],[16390,8]]},"616":{"position":[[584,8],[17065,7]]},"618":{"position":[[680,8],[15379,7]]},"620":{"position":[[729,8],[17354,7]]},"622":{"position":[[1154,8],[11973,7],[12090,8],[13477,7]]},"624":{"position":[[525,8],[14907,7]]},"626":{"position":[[1121,8],[7036,7],[7152,8],[11710,7]]},"628":{"position":[[1116,8],[6199,7],[6313,8],[12951,7]]},"630":{"position":[[1633,8],[10253,7],[10371,8],[17550,7]]},"632":{"position":[[600,8],[2708,7],[2825,8],[6170,7]]},"634":{"position":[[458,8],[1651,7],[1762,8],[2958,7]]},"658":{"position":[[229,8],[5183,6],[5216,6],[5854,7]]},"660":{"position":[[2801,8],[3263,6],[3492,6],[23722,8],[25741,7],[25956,7]]},"662":{"position":[[1060,8],[4340,7],[4454,8],[12114,7]]},"664":{"position":[[850,8],[8842,6],[25303,7]]},"668":{"position":[[3967,8],[43660,6],[152326,7]]}}}],["method'",{"_index":1814,"t":{"582":{"position":[[5182,8]]},"588":{"position":[[5951,8]]}}}],["metu",{"_index":1903,"t":{"582":{"position":[[8247,6],[8266,5],[8382,5],[8431,6],[10397,5],[12488,6],[12507,5],[12623,5],[12672,6],[14638,5],[16629,6],[16648,5],[16764,5],[16813,6],[18779,5]]}}}],["mi",{"_index":1895,"t":{"582":{"position":[[8139,3],[12380,3],[16521,3]]}}}],["microsoft.aspnetcore.author",{"_index":3895,"t":{"636":{"position":[[6542,34]]},"640":{"position":[[7066,34]]}}}],["microsoft.aspnetcore.compon",{"_index":3873,"t":{"636":{"position":[[5715,32]]},"640":{"position":[[6239,32]]}}}],["microsoft.aspnetcore.components.author",{"_index":3896,"t":{"636":{"position":[[6584,45]]},"640":{"position":[[7108,45]]}}}],["microsoft.aspnetcore.components.form",{"_index":3897,"t":{"636":{"position":[[6637,37]]},"638":{"position":[[6457,37],[7158,37]]},"640":{"position":[[7161,37]]},"642":{"position":[[5994,37]]},"644":{"position":[[6155,37]]},"650":{"position":[[6010,37]]},"656":{"position":[[6040,37]]}}}],["microsoft.aspnetcore.components.rout",{"_index":3898,"t":{"636":{"position":[[6682,39]]},"638":{"position":[[6502,39],[7203,39]]},"640":{"position":[[7206,39]]},"642":{"position":[[6039,39]]},"644":{"position":[[6200,39]]},"650":{"position":[[6055,39]]},"656":{"position":[[6085,39]]}}}],["microsoft.aspnetcore.components.web",{"_index":3846,"t":{"636":{"position":[[3760,35],[5754,36],[6729,35]]},"638":{"position":[[6549,35],[7250,35]]},"640":{"position":[[3581,35],[6278,36],[7253,35]]},"642":{"position":[[5411,36],[6086,35]]},"644":{"position":[[5612,36],[6247,35]]},"650":{"position":[[6102,35]]},"656":{"position":[[5487,36],[6132,35]]}}}],["microsoft.aspnetcore.components.web.rendermod",{"_index":3941,"t":{"638":{"position":[[6599,46],[7300,46]]},"650":{"position":[[6152,46]]}}}],["microsoft.aspnetcore.components.web.virtu",{"_index":3899,"t":{"636":{"position":[[6772,50]]},"638":{"position":[[6653,50],[7354,50]]},"640":{"position":[[7296,50]]},"642":{"position":[[6129,50]]},"644":{"position":[[6290,50]]},"650":{"position":[[6206,50]]},"656":{"position":[[6175,50]]}}}],["microsoft.aspnetcore.components.webassembly.host",{"_index":3944,"t":{"638":{"position":[[6900,52]]},"642":{"position":[[5454,52]]},"644":{"position":[[5655,52]]},"656":{"position":[[5530,52]]}}}],["microsoft.aspnetcore.components.webassembly.http",{"_index":3974,"t":{"642":{"position":[[6187,48]]},"644":{"position":[[6348,48]]},"656":{"position":[[6233,48]]}}}],["microsoft.aspnetcore.mvc.taghelp",{"_index":3850,"t":{"636":{"position":[[3851,35]]},"640":{"position":[[3672,35]]}}}],["microsoft.jsinterop",{"_index":3900,"t":{"636":{"position":[[6830,19]]},"638":{"position":[[6711,19],[7412,19]]},"640":{"position":[[7354,19]]},"642":{"position":[[6243,19]]},"644":{"position":[[6404,19]]},"650":{"position":[[6264,19]]},"656":{"position":[[6289,19]]}}}],["migrat",{"_index":82,"t":{"2":{"position":[[1971,7]]},"118":{"position":[[136,7]]}}}],["millisecond",{"_index":2675,"t":{"606":{"position":[[756,12],[4785,13],[6319,13]]}}}],["mimic",{"_index":2079,"t":{"588":{"position":[[7861,5]]},"606":{"position":[[221,5]]}}}],["min",{"_index":9,"t":{"2":{"position":[[53,3],[374,3],[721,3],[999,3],[1292,3],[1609,3],[1877,3],[3115,3],[3500,3],[3715,3]]},"4":{"position":[[46,3]]},"6":{"position":[[47,3]]},"8":{"position":[[47,3]]},"10":{"position":[[47,3]]},"12":{"position":[[47,3]]},"14":{"position":[[47,3]]},"16":{"position":[[46,3]]},"18":{"position":[[44,3]]},"20":{"position":[[47,3]]},"22":{"position":[[43,3]]},"24":{"position":[[43,3]]},"26":{"position":[[44,3]]},"28":{"position":[[45,3]]},"30":{"position":[[45,3]]},"32":{"position":[[47,3]]},"34":{"position":[[48,3]]},"36":{"position":[[48,3]]},"38":{"position":[[47,3]]},"40":{"position":[[46,3]]},"42":{"position":[[47,3]]},"44":{"position":[[48,3],[299,3]]},"46":{"position":[[48,3]]},"48":{"position":[[48,3]]},"50":{"position":[[48,3]]},"52":{"position":[[48,3]]},"54":{"position":[[47,3]]},"56":{"position":[[47,3]]},"58":{"position":[[48,3]]},"60":{"position":[[47,3]]},"62":{"position":[[47,3]]},"64":{"position":[[48,3]]},"66":{"position":[[48,3]]},"68":{"position":[[44,3],[276,3]]},"70":{"position":[[45,3]]},"72":{"position":[[45,3]]},"74":{"position":[[45,3],[244,3]]},"76":{"position":[[45,3]]},"78":{"position":[[45,3]]},"80":{"position":[[41,3]]},"82":{"position":[[44,3]]},"84":{"position":[[44,3]]},"86":{"position":[[43,3]]},"88":{"position":[[44,3]]},"90":{"position":[[43,3]]},"92":{"position":[[43,3]]},"94":{"position":[[43,3]]},"96":{"position":[[44,3]]},"98":{"position":[[43,3]]},"100":{"position":[[47,3]]},"102":{"position":[[45,3]]},"104":{"position":[[50,3]]},"106":{"position":[[48,3]]},"108":{"position":[[49,3]]},"110":{"position":[[46,3],[498,3]]},"112":{"position":[[48,3]]},"114":{"position":[[47,3]]},"116":{"position":[[48,3]]},"118":{"position":[[42,3]]},"120":{"position":[[45,3]]},"122":{"position":[[45,3]]},"124":{"position":[[51,3]]},"126":{"position":[[45,3]]},"128":{"position":[[53,3]]},"132":{"position":[[49,3],[323,3],[607,3],[1036,3],[1282,3],[1574,3],[1859,3],[2111,3],[2330,3],[2550,3]]},"134":{"position":[[44,3],[382,3],[640,3],[939,3],[1191,3],[1627,3],[1872,3],[2120,3],[2390,3],[2724,3]]},"136":{"position":[[44,3],[391,3],[639,3],[888,3],[1137,3],[1586,3],[1896,3],[2165,3],[2454,3],[2713,3]]},"138":{"position":[[48,3],[454,3],[767,3],[1107,3],[1422,3],[1684,3],[1955,3],[2229,3],[2427,3],[2631,3]]},"140":{"position":[[45,3],[229,3],[426,3],[621,3],[819,3],[1020,3],[1250,3],[1452,3],[1681,3],[1851,3]]},"144":{"position":[[46,3],[237,3],[431,3]]},"146":{"position":[[90,3]]},"148":{"position":[[95,3],[482,3],[905,3],[1341,3],[1613,3],[2063,3],[2352,3],[2626,3],[2824,3]]},"150":{"position":[[88,3],[470,3]]},"152":{"position":[[91,3]]},"154":{"position":[[97,3],[418,3],[765,3],[1043,3],[1336,3],[1653,3],[1925,3],[2310,3],[2525,3],[2810,3]]},"156":{"position":[[97,3],[446,3],[727,3]]},"158":{"position":[[104,3]]},"160":{"position":[[100,3]]},"162":{"position":[[101,3],[360,3],[689,3],[1095,3],[1408,3]]},"164":{"position":[[106,3],[512,3]]},"166":{"position":[[97,3]]},"168":{"position":[[107,3]]},"170":{"position":[[98,3],[504,3]]},"172":{"position":[[96,3],[345,3],[594,3]]},"174":{"position":[[105,3]]},"176":{"position":[[103,3]]},"178":{"position":[[104,3]]},"180":{"position":[[105,3]]},"182":{"position":[[106,3]]},"184":{"position":[[98,3]]},"186":{"position":[[99,3]]},"188":{"position":[[105,3]]},"190":{"position":[[101,3]]},"192":{"position":[[102,3]]},"194":{"position":[[100,3]]},"196":{"position":[[100,3]]},"198":{"position":[[99,3],[505,3]]},"200":{"position":[[102,3]]},"202":{"position":[[99,3],[505,3]]},"204":{"position":[[109,3]]},"206":{"position":[[97,3]]},"208":{"position":[[104,3]]},"210":{"position":[[101,3]]},"212":{"position":[[98,3]]},"214":{"position":[[98,3],[345,3]]},"216":{"position":[[88,3],[346,3],[645,3],[897,3],[1333,3],[1578,3],[1826,3],[2096,3],[2430,3],[2843,3]]},"218":{"position":[[92,3],[376,3],[805,3],[1051,3],[1343,3],[1628,3],[1880,3],[2099,3],[2319,3],[2626,3]]},"220":{"position":[[92,3],[405,3]]},"222":{"position":[[92,3],[340,3],[589,3],[838,3],[1287,3],[1597,3],[1866,3],[2155,3],[2414,3],[2743,3]]},"224":{"position":[[105,3],[528,3],[964,3],[1237,3]]},"226":{"position":[[98,3]]},"228":{"position":[[106,3],[427,3],[774,3],[1052,3],[1345,3],[1662,3],[1934,3],[2319,3],[2534,3],[2819,3]]},"230":{"position":[[94,3]]},"232":{"position":[[118,3]]},"234":{"position":[[97,3],[355,3],[654,3],[906,3],[1342,3],[1587,3],[1835,3],[2105,3],[2439,3],[2852,3]]},"236":{"position":[[101,3],[349,3],[598,3],[847,3],[1296,3],[1606,3],[1875,3],[2164,3],[2423,3],[2752,3]]},"238":{"position":[[101,3],[414,3],[754,3],[1069,3],[1331,3],[1602,3],[1876,3],[2074,3],[2278,3],[2482,3]]},"240":{"position":[[101,3],[385,3],[814,3],[1060,3],[1352,3],[1637,3],[1889,3],[2108,3],[2328,3],[2635,3]]},"242":{"position":[[100,3],[294,3]]},"244":{"position":[[96,3],[293,3],[488,3],[686,3],[887,3],[1117,3],[1319,3],[1548,3],[1718,3],[1953,3]]},"246":{"position":[[97,3]]},"248":{"position":[[93,3],[394,3]]},"250":{"position":[[95,3],[340,3],[609,3]]},"252":{"position":[[99,3]]},"254":{"position":[[107,3]]},"256":{"position":[[97,3]]},"258":{"position":[[103,3]]},"260":{"position":[[97,3],[533,3],[784,3]]},"262":{"position":[[93,3]]},"264":{"position":[[97,3]]},"266":{"position":[[96,3],[393,3],[829,3],[1242,3]]},"268":{"position":[[100,3]]},"270":{"position":[[98,3],[511,3]]},"272":{"position":[[95,3],[341,3],[633,3],[918,3],[1138,3],[1396,3],[1695,3],[1947,3],[2383,3],[2628,3]]},"274":{"position":[[96,3],[345,3],[594,3]]},"276":{"position":[[95,3],[373,3]]},"278":{"position":[[98,3]]},"280":{"position":[[98,3],[351,3]]},"282":{"position":[[98,3],[524,3],[809,3],[1061,3],[1282,3],[1621,3],[2034,3],[2380,3]]},"284":{"position":[[93,3],[529,3],[942,3]]},"286":{"position":[[100,3],[529,3]]},"288":{"position":[[96,3]]},"290":{"position":[[90,3],[529,3]]},"292":{"position":[[92,3]]},"294":{"position":[[96,3]]},"296":{"position":[[93,3]]},"298":{"position":[[99,3]]},"300":{"position":[[96,3],[379,3],[815,3]]},"302":{"position":[[93,3],[435,3]]},"304":{"position":[[92,3]]},"306":{"position":[[100,3],[525,3]]},"308":{"position":[[93,3],[386,3],[703,3],[975,3],[1360,3],[1575,3],[1860,3],[2134,3],[2418,3],[2847,3]]},"310":{"position":[[100,3],[421,3],[768,3],[1046,3],[1339,3],[1656,3],[1928,3],[2313,3],[2528,3],[2813,3]]},"312":{"position":[[95,3],[544,3]]},"314":{"position":[[95,3],[379,3],[808,3],[1054,3],[1346,3],[1631,3],[1883,3],[2102,3],[2322,3],[2629,3]]},"316":{"position":[[89,3],[525,3],[770,3],[1018,3],[1288,3],[1622,3],[2035,3],[2382,3],[2630,3],[2879,3]]},"318":{"position":[[91,3]]},"320":{"position":[[91,3],[349,3],[648,3],[900,3],[1336,3],[1581,3],[1829,3],[2099,3],[2433,3],[2846,3]]},"322":{"position":[[95,3],[343,3],[592,3],[841,3],[1290,3]]},"324":{"position":[[98,3]]},"326":{"position":[[93,3]]},"328":{"position":[[89,3],[334,3],[603,3]]},"330":{"position":[[94,3],[444,3],[714,3],[1015,3],[1349,3]]},"332":{"position":[[93,3],[385,3],[670,3],[922,3],[1141,3],[1361,3],[1668,3],[2006,3],[2264,3],[2563,3]]},"334":{"position":[[96,3],[413,3],[698,3]]},"336":{"position":[[95,3],[442,3],[759,3],[1033,3]]},"338":{"position":[[91,3]]},"340":{"position":[[95,3]]},"342":{"position":[[95,3],[373,3],[671,3]]},"344":{"position":[[99,3]]},"346":{"position":[[95,3],[405,3],[841,3]]},"348":{"position":[[97,3]]},"350":{"position":[[91,3]]},"352":{"position":[[86,3]]},"354":{"position":[[90,3],[387,3],[823,3],[1236,3]]},"356":{"position":[[92,3],[505,3]]},"358":{"position":[[91,3]]},"360":{"position":[[87,3],[471,3],[756,3],[1030,3],[1314,3],[1744,3],[1942,3]]},"362":{"position":[[96,3],[446,3]]},"364":{"position":[[87,3],[292,3]]},"366":{"position":[[85,3],[305,3],[563,3],[862,3],[1114,3],[1550,3],[1795,3],[2212,3],[2461,3],[2711,3]]},"368":{"position":[[95,3],[416,3],[763,3],[1041,3],[1356,3],[1740,3],[2025,3],[2298,3],[2544,3],[2836,3]]},"370":{"position":[[90,3]]},"372":{"position":[[86,3],[390,3]]},"374":{"position":[[96,3]]},"376":{"position":[[89,3],[367,3]]},"378":{"position":[[91,3]]},"380":{"position":[[98,3]]},"382":{"position":[[93,3]]},"384":{"position":[[95,3]]},"386":{"position":[[93,3],[403,3]]},"388":{"position":[[90,3],[396,3],[596,3]]},"390":{"position":[[94,3],[443,3],[728,3],[1004,3],[1430,3],[1715,3],[1967,3],[2188,3],[2527,3],[2940,3]]},"392":{"position":[[94,3]]},"394":{"position":[[99,3],[524,3],[777,3]]},"396":{"position":[[105,3]]},"398":{"position":[[87,3],[523,3],[936,3],[1278,3],[1478,3]]},"400":{"position":[[91,3],[384,3],[699,3],[1084,3]]},"402":{"position":[[94,3]]},"404":{"position":[[92,3],[287,3],[485,3]]},"406":{"position":[[89,3],[350,3]]},"408":{"position":[[97,3]]},"410":{"position":[[96,3]]},"412":{"position":[[92,3],[407,3]]},"414":{"position":[[94,3],[441,3]]},"416":{"position":[[97,3],[418,3],[770,3],[1199,3]]},"418":{"position":[[95,3]]},"420":{"position":[[93,3]]},"422":{"position":[[98,3],[419,3],[766,3]]},"424":{"position":[[92,3],[359,3]]},"426":{"position":[[92,3]]},"428":{"position":[[86,3],[380,3],[761,3]]},"430":{"position":[[93,3]]},"432":{"position":[[89,3],[368,3]]},"434":{"position":[[90,3],[373,3],[809,3]]},"436":{"position":[[87,3],[429,3],[676,3],[991,3]]},"438":{"position":[[93,3]]},"440":{"position":[[91,3]]},"442":{"position":[[89,3],[408,3],[833,3]]},"444":{"position":[[91,3]]},"446":{"position":[[90,3]]},"448":{"position":[[91,3]]},"450":{"position":[[91,3]]},"452":{"position":[[91,3]]},"454":{"position":[[91,3]]},"456":{"position":[[90,3]]},"458":{"position":[[88,3]]},"460":{"position":[[88,3]]},"462":{"position":[[87,3]]},"464":{"position":[[87,3]]},"466":{"position":[[89,3]]},"468":{"position":[[91,3]]},"470":{"position":[[89,3]]},"472":{"position":[[92,3]]},"474":{"position":[[91,3]]},"476":{"position":[[91,3]]},"478":{"position":[[92,3]]},"480":{"position":[[92,3]]},"482":{"position":[[92,3]]},"484":{"position":[[92,3]]},"486":{"position":[[90,3]]},"488":{"position":[[92,3]]},"490":{"position":[[95,3]]},"492":{"position":[[94,3]]},"494":{"position":[[91,3]]},"496":{"position":[[93,3]]},"498":{"position":[[92,3]]},"500":{"position":[[92,3]]},"502":{"position":[[93,3]]},"504":{"position":[[92,3]]},"506":{"position":[[92,3]]},"508":{"position":[[91,3]]},"510":{"position":[[91,3]]},"512":{"position":[[91,3]]},"514":{"position":[[92,3]]},"516":{"position":[[91,3]]},"518":{"position":[[92,3]]},"520":{"position":[[88,3]]},"522":{"position":[[89,3]]},"524":{"position":[[89,3]]},"526":{"position":[[89,3]]},"528":{"position":[[89,3]]},"530":{"position":[[89,3]]},"532":{"position":[[87,3]]},"534":{"position":[[85,3]]},"536":{"position":[[88,3]]},"538":{"position":[[88,3]]},"540":{"position":[[88,3]]},"542":{"position":[[87,3]]},"544":{"position":[[87,3]]},"546":{"position":[[87,3]]},"548":{"position":[[92,3]]},"550":{"position":[[87,3]]},"552":{"position":[[89,3]]},"554":{"position":[[88,3]]},"556":{"position":[[89,3]]},"558":{"position":[[89,3]]},"562":{"position":[[96,3],[417,3]]},"580":{"position":[[11176,4],[11503,4],[11925,4],[12471,4],[12819,4],[13262,4]]},"584":{"position":[[90,3]]},"626":{"position":[[567,3],[632,3],[816,3],[844,4],[849,3],[3538,3],[3587,3],[3649,3],[3784,3],[3858,3],[3900,3],[11766,3]]},"628":{"position":[[606,3],[671,3],[831,3],[859,4],[864,3],[3069,3],[3118,3],[3180,3],[3313,3],[3387,3],[3429,3],[4902,3],[5406,4],[5444,4],[13007,3]]},"630":{"position":[[647,3],[712,3],[1073,3],[1101,4],[1106,3],[7443,3],[7492,3],[7554,3],[7691,3],[7765,3],[7807,3],[17783,3]]},"632":{"position":[[326,3],[3327,3],[3348,3],[3410,3],[3696,3],[3816,3],[3991,5],[6235,3]]},"662":{"position":[[610,3],[675,3],[805,3],[833,4],[838,3],[2241,3],[2290,3],[2352,3],[2485,3],[2559,3],[2601,3],[12170,3]]}}}],["min1",{"_index":3597,"t":{"628":{"position":[[5009,5],[5210,4]]},"662":{"position":[[3326,5],[3458,4]]}}}],["min1</div",{"_index":3580,"t":{"628":{"position":[[3747,11]]},"662":{"position":[[2894,11]]}}}],["min2",{"_index":3599,"t":{"628":{"position":[[5046,5],[5294,4]]},"662":{"position":[[3363,5],[3551,4]]}}}],["min2</div",{"_index":3585,"t":{"628":{"position":[[4075,11]]},"662":{"position":[[3197,11]]}}}],["min3",{"_index":3601,"t":{"628":{"position":[[5082,5],[5399,4]]}}}],["min3</div",{"_index":3589,"t":{"628":{"position":[[4401,11]]}}}],["min4",{"_index":3603,"t":{"628":{"position":[[5119,5],[5437,4]]}}}],["min4</div",{"_index":3593,"t":{"628":{"position":[[4729,11]]}}}],["min=\"0",{"_index":3730,"t":{"632":{"position":[[1067,7],[1198,7],[1402,7],[1607,7],[1813,7],[2228,7],[2959,7],[4402,7],[4606,7],[4820,7],[5036,7],[5336,7],[5627,7]]}}}],["min=\"10",{"_index":3477,"t":{"626":{"position":[[4122,8]]},"630":{"position":[[8057,8]]}}}],["min=\"@min1",{"_index":3577,"t":{"628":{"position":[[3660,11]]},"662":{"position":[[2832,11]]}}}],["min=\"@min2",{"_index":3583,"t":{"628":{"position":[[3988,11]]},"662":{"position":[[3135,11]]}}}],["min=\"@min3",{"_index":3587,"t":{"628":{"position":[[4314,11]]}}}],["min=\"@min4",{"_index":3591,"t":{"628":{"position":[[4642,11]]}}}],["min=\"arrivalmintim",{"_index":4207,"t":{"662":{"position":[[10219,20]]}}}],["min=\"coursemind",{"_index":3640,"t":{"628":{"position":[[10980,19]]}}}],["minder",{"_index":5120,"t":{"668":{"position":[[121001,7]]}}}],["minimum",{"_index":2091,"t":{"588":{"position":[[9032,7],[10789,7]]},"606":{"position":[[1820,8]]},"630":{"position":[[1186,7],[1266,7],[4989,7]]},"632":{"position":[[354,7],[3445,7],[3770,7]]},"668":{"position":[[123797,7]]}}}],["minimumfractiondigit",{"_index":3673,"t":{"630":{"position":[[1149,21],[5028,21]]}}}],["minimumfractiondigits=\"4",{"_index":3711,"t":{"630":{"position":[[5239,25]]}}}],["minimumintegerdigit",{"_index":3674,"t":{"630":{"position":[[1234,20]]}}}],["minimumintegerdigits=\"3",{"_index":3710,"t":{"630":{"position":[[5214,24]]}}}],["minor",{"_index":221,"t":{"12":{"position":[[102,5]]},"18":{"position":[[131,5]]},"20":{"position":[[114,5],[164,5]]},"26":{"position":[[131,5]]},"140":{"position":[[708,5],[906,5],[1087,5],[1507,5]]},"146":{"position":[[145,5]]},"244":{"position":[[575,5],[773,5],[954,5],[1374,5]]},"344":{"position":[[166,5]]},"370":{"position":[[157,5]]},"404":{"position":[[374,5],[572,5]]},"436":{"position":[[1058,5]]},"452":{"position":[[146,5]]},"454":{"position":[[158,5]]},"458":{"position":[[175,5]]},"460":{"position":[[175,5]]}}}],["minu",{"_index":3714,"t":{"630":{"position":[[5461,5],[5573,5],[17752,5]]}}}],["mirror",{"_index":4094,"t":{"660":{"position":[[16631,8]]}}}],["miss",{"_index":2174,"t":{"590":{"position":[[1617,4]]}}}],["mit",{"_index":112,"t":{"2":{"position":[[2536,3]]},"118":{"position":[[701,3]]}}}],["miterlimit=\"2",{"_index":4565,"t":{"668":{"position":[[51954,14]]}}}],["mix",{"_index":1306,"t":{"570":{"position":[[520,5]]},"574":{"position":[[5565,3]]},"580":{"position":[[2671,5],[5118,3]]}}}],["mixin",{"_index":1734,"t":{"580":{"position":[[6485,7]]}}}],["mm",{"_index":3319,"t":{"622":{"position":[[3327,5],[5198,5],[7823,5]]},"628":{"position":[[818,2],[924,2]]}}}],["mobil",{"_index":654,"t":{"104":{"position":[[518,6]]},"606":{"position":[[255,6]]}}}],["modal",{"_index":37,"t":{"2":{"position":[[487,6],[632,5],[3816,6],[3924,5]]},"6":{"position":[[234,5]]},"8":{"position":[[238,6]]},"10":{"position":[[266,6],[683,5]]},"16":{"position":[[145,5],[275,6],[337,5]]},"24":{"position":[[179,5],[260,5],[315,5]]},"54":{"position":[[115,5],[157,5],[189,5],[256,5],[527,5],[669,5],[782,5]]},"68":{"position":[[412,5],[1082,5]]},"70":{"position":[[340,5]]},"74":{"position":[[537,5],[553,5],[875,5],[1129,5]]},"88":{"position":[[111,5],[126,7],[181,5],[246,5],[270,5],[594,5],[621,5],[786,5]]},"90":{"position":[[110,5],[151,5],[275,5],[360,5]]},"94":{"position":[[110,5],[151,5],[172,5],[276,5],[361,5]]},"96":{"position":[[132,5],[450,5],[480,5],[501,6],[864,5],[1074,5]]},"104":{"position":[[373,5],[932,5]]},"108":{"position":[[148,6],[408,5],[454,5],[682,5]]},"114":{"position":[[148,6],[529,5],[545,6],[963,5]]},"124":{"position":[[164,6],[598,5],[638,5],[1650,5]]},"132":{"position":[[148,6],[254,5],[881,5],[1662,5],[1788,5],[1926,5],[2008,5],[2397,5],[2479,5]]},"134":{"position":[[111,5],[126,7],[226,5],[3039,5]]},"136":{"position":[[315,5],[1654,5],[1696,5],[1769,5]]},"140":{"position":[[367,5],[1363,5]]},"148":{"position":[[756,5]]},"154":{"position":[[531,6],[676,5],[2626,6],[2734,5],[2909,6],[3015,5]]},"156":{"position":[[210,6],[355,5],[547,6],[655,5]]},"216":{"position":[[2745,5],[3114,5]]},"218":{"position":[[650,5],[1431,5],[1557,5],[1695,5],[1777,5],[2166,5],[2248,5],[2693,5],[2708,7],[2808,5]]},"222":{"position":[[1355,5],[1397,5],[1470,5]]},"224":{"position":[[379,5]]},"228":{"position":[[540,6],[685,5],[2635,6],[2743,5],[2918,6],[3024,5]]},"234":{"position":[[2754,5],[3123,5]]},"236":{"position":[[1364,5],[1406,5],[1479,5]]},"240":{"position":[[659,5],[1440,5],[1566,5],[1704,5],[1786,5],[2175,5],[2257,5],[2702,5],[2717,7],[2817,5]]},"244":{"position":[[234,5],[1230,5]]},"250":{"position":[[880,5]]},"252":{"position":[[373,5]]},"254":{"position":[[381,5]]},"258":{"position":[[171,5],[213,5],[286,5]]},"262":{"position":[[408,5]]},"264":{"position":[[165,5],[207,5],[280,5]]},"266":{"position":[[1144,5],[1513,5]]},"270":{"position":[[413,5],[782,5]]},"272":{"position":[[721,5],[847,5],[2943,5]]},"276":{"position":[[440,5],[455,7],[555,5]]},"280":{"position":[[165,5],[247,5],[418,5],[433,7],[533,5]]},"282":{"position":[[372,5],[612,5],[738,5],[876,5],[958,5],[1128,5],[1210,5],[1349,5],[1364,7],[1464,5],[1936,5],[2305,5],[2448,5],[2490,5],[2563,5]]},"284":{"position":[[844,5],[1213,5]]},"286":{"position":[[374,5]]},"292":{"position":[[159,5],[174,7],[274,5]]},"296":{"position":[[408,5]]},"298":{"position":[[414,5]]},"300":{"position":[[184,5],[310,5],[1130,5]]},"302":{"position":[[160,5],[175,7],[275,5]]},"306":{"position":[[374,5]]},"308":{"position":[[1676,6],[1784,5],[1959,6],[2065,5],[2692,5]]},"310":{"position":[[534,6],[679,5],[2629,6],[2737,5],[2912,6],[3018,5]]},"312":{"position":[[612,5],[654,5],[727,5]]},"314":{"position":[[653,5],[1434,5],[1560,5],[1698,5],[1780,5],[2169,5],[2251,5],[2696,5],[2711,7],[2811,5]]},"316":{"position":[[1937,5],[2306,5]]},"320":{"position":[[2748,5],[3117,5]]},"322":{"position":[[1358,5],[1400,5],[1473,5]]},"326":{"position":[[367,5]]},"328":{"position":[[874,5]]},"330":{"position":[[207,6],[352,5]]},"332":{"position":[[473,5],[599,5],[737,5],[819,5],[1208,5],[1290,5],[1735,5],[1750,7],[1850,5]]},"334":{"position":[[514,6],[622,5],[797,6],[903,5]]},"336":{"position":[[208,6],[353,5]]},"342":{"position":[[945,5]]},"348":{"position":[[165,5],[207,5],[280,5]]},"354":{"position":[[1138,5],[1507,5]]},"356":{"position":[[407,5],[776,5]]},"358":{"position":[[159,5],[201,5],[274,5]]},"360":{"position":[[572,6],[680,5],[855,6],[961,5],[1588,5]]},"362":{"position":[[209,6],[354,5]]},"364":{"position":[[405,5]]},"366":{"position":[[2110,5]]},"368":{"position":[[529,6],[674,5],[1841,6],[1949,5],[2124,6],[2230,5],[2924,5],[3050,5]]},"376":{"position":[[434,5],[449,7],[549,5]]},"388":{"position":[[21,7],[158,5],[200,5],[273,5],[534,5],[709,5]]},"390":{"position":[[21,7],[207,6],[352,5],[544,6],[652,5],[827,6],[933,5],[1278,5],[1518,5],[1644,5],[1782,5],[1864,5],[2034,5],[2116,5],[2255,5],[2270,7],[2370,5],[2842,5],[3211,5]]},"392":{"position":[[207,5]]},"394":{"position":[[373,5],[591,5],[673,5],[844,5],[859,7],[959,5]]},"398":{"position":[[838,5],[1207,5],[1416,5],[1591,5]]},"402":{"position":[[193,6],[299,5]]},"414":{"position":[[207,6],[352,5]]},"416":{"position":[[531,6],[676,5],[1044,5]]},"422":{"position":[[532,6],[677,5]]},"424":{"position":[[191,6],[297,5]]},"426":{"position":[[205,6],[350,5]]},"428":{"position":[[828,5],[843,7],[943,5]]},"430":{"position":[[408,5]]},"432":{"position":[[190,6],[298,5]]},"434":{"position":[[178,5],[304,5],[1124,5]]},"436":{"position":[[154,5],[169,7],[269,5]]},"442":{"position":[[682,5]]},"456":{"position":[[203,5]]},"464":{"position":[[225,5]]},"490":{"position":[[369,5]]},"492":{"position":[[193,6],[299,5]]},"498":{"position":[[193,6],[301,5]]},"516":{"position":[[159,5],[201,5],[274,5]]},"520":{"position":[[359,5]]},"526":{"position":[[404,5]]},"540":{"position":[[155,5],[170,7],[270,5]]},"546":{"position":[[154,5],[236,5]]},"550":{"position":[[154,5],[236,5]]},"554":{"position":[[176,5],[302,5]]},"562":{"position":[[530,6],[675,5]]},"578":{"position":[[1389,6]]},"582":{"position":[[964,5],[2574,5],[2729,7],[21360,5]]},"588":{"position":[[11,5],[37,5],[64,5],[501,5],[592,5],[880,6],[1099,5],[1165,5],[1187,5],[1266,5],[1409,5],[1498,5],[1568,5],[1671,5],[1748,5],[1842,6],[1936,6],[1983,6],[2748,5],[2811,5],[2972,5],[3062,6],[3209,5],[3256,5],[3302,6],[3343,5],[3374,6],[3456,6],[3481,5],[3505,5],[3565,6],[3621,5],[3838,8],[3947,5],[3953,6],[4134,6],[4192,5],[4435,6],[4571,5],[4577,5],[6089,6],[6260,5],[6266,5],[7723,5],[7903,6],[7944,6],[8313,8],[8440,5],[8446,6],[8635,6],[8777,6],[8954,7],[8996,6],[9092,5],[9225,5],[9502,8],[9618,5],[9624,6],[9862,6],[9869,6],[9983,6],[10180,8],[10304,5],[10310,6],[10506,6],[10711,7],[10753,6],[10849,5],[10982,5],[11259,8],[11394,5],[11400,6],[11576,6],[11707,6],[11748,6],[11817,8],[11826,6],[11861,6],[11925,8],[11934,6],[11969,6],[12033,8],[12349,5],[12372,5],[12395,5],[12438,6],[12445,6],[12555,8],[12564,6],[12688,8],[12697,6],[12822,8],[12831,6],[12955,8],[12964,6],[13093,8],[13102,6],[13238,8],[13878,5],[13884,6],[13899,5],[13922,5],[13945,5],[13968,5],[13991,5],[14059,5],[14109,5],[14130,6],[14350,5],[14567,8],[14676,5],[14682,6],[15354,5],[15381,5],[15551,5]]},"624":{"position":[[14882,5]]},"636":{"position":[[7359,6]]},"640":{"position":[[7883,6]]},"642":{"position":[[6782,6]]},"644":{"position":[[6943,6]]},"658":{"position":[[9,5],[43,5],[78,5],[204,5],[703,5],[821,5],[881,5],[934,5],[2010,6],[2035,6],[3193,6],[3218,6],[3969,6],[3994,6],[4366,6],[4391,6],[4799,6],[4824,6],[4966,5],[5101,6]]},"668":{"position":[[152278,5]]}}}],["modal.showasync<employeedemocomponent1>(titl",{"_index":2075,"t":{"588":{"position":[[4752,46]]}}}],["modal.showasync<employeedemocomponent2>(titl",{"_index":2077,"t":{"588":{"position":[[6543,46]]}}}],["modal13",{"_index":872,"t":{"142":{"position":[[1491,7]]}}}],["modal</button",{"_index":2070,"t":{"588":{"position":[[3916,14],[8409,14],[9587,14],[10273,14],[11363,14],[12128,14],[12223,14],[12318,14],[14645,14]]},"658":{"position":[[1081,14],[1197,14],[1307,14],[1414,14],[1524,14],[1625,14],[1729,14],[1830,14],[2264,14],[2380,14],[2490,14],[2597,14],[2707,14],[2808,14],[2912,14],[3013,14],[3460,14],[3568,14],[3674,14],[3789,14],[4205,14],[4638,14]]}}}],["modal?.hideasync",{"_index":2074,"t":{"588":{"position":[[4074,19],[8567,19],[9745,19],[10431,19],[11521,19]]}}}],["modal?.showasync",{"_index":2072,"t":{"588":{"position":[[4006,19],[8499,19],[9677,19],[10363,19],[11453,19]]}}}],["modal?.showasync()\">ful",{"_index":2128,"t":{"588":{"position":[[13299,24]]}}}],["modalfullscreen",{"_index":2045,"t":{"588":{"position":[[795,15]]}}}],["modalfullscreen.dis",{"_index":2046,"t":{"588":{"position":[[811,24]]}}}],["modalopt",{"_index":3999,"t":{"658":{"position":[[277,12],[295,11],[1970,11],[1988,11],[3153,11],[3171,11],[3929,11],[3947,11],[4326,11],[4344,11],[4759,11],[4777,11],[5231,11],[5439,11],[5457,11],[5652,11],[5670,11],[5862,11]]},"668":{"position":[[116564,11],[119037,11]]}}}],["modals",{"_index":2051,"t":{"588":{"position":[[1523,9]]},"658":{"position":[[794,9],[3912,10],[4031,9]]}}}],["modalservic",{"_index":577,"t":{"88":{"position":[[820,12]]},"90":{"position":[[180,12]]},"94":{"position":[[367,12]]},"104":{"position":[[950,12]]},"132":{"position":[[899,12],[2014,12]]},"134":{"position":[[260,12]]},"148":{"position":[[774,12]]},"218":{"position":[[668,12],[1783,12],[2842,12]]},"224":{"position":[[397,12]]},"240":{"position":[[677,12],[1792,12],[2851,12]]},"252":{"position":[[391,12]]},"254":{"position":[[399,12]]},"276":{"position":[[589,12]]},"280":{"position":[[253,12],[567,12]]},"282":{"position":[[390,12],[964,12],[1498,12]]},"286":{"position":[[392,12]]},"292":{"position":[[308,12]]},"302":{"position":[[309,12]]},"306":{"position":[[392,12]]},"308":{"position":[[2710,12]]},"314":{"position":[[671,12],[1786,12],[2845,12]]},"326":{"position":[[385,12]]},"332":{"position":[[825,12],[1884,12]]},"342":{"position":[[963,12]]},"360":{"position":[[1606,12]]},"376":{"position":[[583,12]]},"390":{"position":[[1296,12],[1870,12],[2404,12]]},"394":{"position":[[20,14],[391,12],[679,12],[993,12]]},"416":{"position":[[1062,12]]},"428":{"position":[[977,12]]},"436":{"position":[[303,12]]},"442":{"position":[[700,12]]},"490":{"position":[[387,12]]},"540":{"position":[[304,12]]},"550":{"position":[[242,12]]},"658":{"position":[[1862,12],[1875,12],[3045,12],[3058,12],[3821,12],[3834,12],[4237,12],[4250,12],[4670,12],[4683,12],[5140,13],[5283,12],[5296,12]]},"668":{"position":[[115157,12],[115170,12],[117624,12],[117637,12]]}}}],["modalservice.showasync(modalopt",{"_index":4013,"t":{"658":{"position":[[2092,36],[3303,36],[4050,36],[4500,36],[4888,36],[5567,36],[5777,36]]}}}],["modalservice.showasync(new",{"_index":5095,"t":{"668":{"position":[[116537,26],[119010,26]]}}}],["modalservice3",{"_index":873,"t":{"142":{"position":[[1499,13]]}}}],["modalsize.regular",{"_index":1592,"t":{"578":{"position":[[1359,17]]},"588":{"position":[[1533,17]]},"658":{"position":[[833,17]]}}}],["modaltyp",{"_index":2049,"t":{"588":{"position":[[1356,9],[1366,9]]},"658":{"position":[[907,9],[1953,10],[2072,10],[3136,10],[3255,10]]}}}],["modaltype.dang",{"_index":4025,"t":{"658":{"position":[[5751,16]]}}}],["modaltype.light",{"_index":2050,"t":{"588":{"position":[[1376,15]]},"658":{"position":[[946,15]]}}}],["modaltype.primari",{"_index":5096,"t":{"668":{"position":[[116585,18],[119058,18]]}}}],["modaltype.success",{"_index":4024,"t":{"658":{"position":[[5540,17]]}}}],["mode",{"_index":2527,"t":{"602":{"position":[[1778,4],[1882,4]]},"616":{"position":[[6090,4],[9964,4],[11897,4],[14159,4],[16223,4]]},"618":{"position":[[10697,4]]},"620":{"position":[[7977,4],[13490,4],[16550,4]]},"638":{"position":[[119,4],[3281,4]]},"650":{"position":[[121,4],[3044,4]]},"668":{"position":[[2949,5]]}}}],["mode=\"serverprerend",{"_index":3861,"t":{"636":{"position":[[4604,24]]},"640":{"position":[[4481,24],[4561,24]]}}}],["modifi",{"_index":997,"t":{"560":{"position":[[1099,9]]},"568":{"position":[[2671,6],[3222,6],[3772,6],[4535,6],[5160,6],[5783,6],[6525,6],[7076,6],[7626,6],[8327,6],[8892,6],[9442,6],[10157,6],[10708,6],[11258,6],[12337,6],[12900,6],[13462,6],[14020,6],[14568,6],[15128,6],[18654,6],[19205,6],[19755,6],[21039,6],[21612,6],[22184,6]]}}}],["molesti",{"_index":1915,"t":{"582":{"position":[[8450,8],[9595,8],[9930,8],[10002,8],[12691,8],[13836,8],[14171,8],[14243,8],[16832,8],[17977,8],[18312,8],[18384,8]]}}}],["molli",{"_index":1854,"t":{"582":{"position":[[7756,6],[7844,7],[9399,6],[10120,6],[11997,6],[12085,7],[13640,6],[14361,6],[16138,6],[16226,7],[17781,6],[18502,6]]}}}],["moment",{"_index":1302,"t":{"570":{"position":[[343,6]]},"574":{"position":[[8508,7]]},"664":{"position":[[2787,7]]},"668":{"position":[[32552,6],[129465,6],[132118,6],[134808,6],[137613,6]]}}}],["monoton",{"_index":3237,"t":{"620":{"position":[[5012,8]]}}}],["month",{"_index":3016,"t":{"616":{"position":[[5693,6]]}}}],["months[labelscount",{"_index":3055,"t":{"616":{"position":[[9008,18]]}}}],["more",{"_index":32,"t":{"2":{"position":[[318,4],[671,4],[949,4],[1242,4],[1556,4],[1830,4],[3447,4],[3663,4],[3946,4]]},"6":{"position":[[108,4]]},"44":{"position":[[186,7]]},"46":{"position":[[174,4]]},"48":{"position":[[133,4]]},"50":{"position":[[149,4]]},"52":{"position":[[142,4]]},"54":{"position":[[133,4]]},"56":{"position":[[131,4]]},"58":{"position":[[164,4]]},"62":{"position":[[137,4]]},"64":{"position":[[138,4]]},"70":{"position":[[375,4]]},"132":{"position":[[270,4],[552,4],[984,4],[1232,4],[1525,4],[1811,4],[2063,4],[2282,4],[2502,4],[2808,4]]},"134":{"position":[[333,4],[591,4],[891,4],[1145,4],[1577,4],[1822,4],[2070,4],[2340,4],[2674,4],[3088,4]]},"136":{"position":[[338,4],[586,4],[729,4],[836,4],[978,4],[1085,4],[1534,4],[1672,4],[1844,4],[1980,4],[2112,4],[2281,4],[2401,4],[2548,4],[2660,4],[2814,4],[2989,4]]},"138":{"position":[[174,4],[401,4],[539,4],[714,4],[905,7],[1055,4],[1370,4],[1633,4],[1902,4],[2375,4],[2581,4],[2785,4]]},"140":{"position":[[181,4],[378,4],[572,4],[770,4],[968,4],[1199,4],[1400,4],[1629,4],[1799,4],[2035,4]]},"144":{"position":[[185,4],[298,4],[379,4],[622,4]]},"146":{"position":[[267,4]]},"148":{"position":[[427,4],[859,4],[1291,4],[1561,4],[2010,4],[2179,4],[2299,4],[2772,4],[2978,4]]},"150":{"position":[[420,4],[754,4]]},"152":{"position":[[355,4]]},"154":{"position":[[362,4],[715,4],[993,4],[1286,4],[1600,4],[1874,4],[2257,4],[2473,4],[2756,4],[3031,4]]},"156":{"position":[[394,4],[677,4],[1011,4]]},"158":{"position":[[501,4]]},"160":{"position":[[318,4]]},"162":{"position":[[195,4],[307,4],[461,4],[636,4],[815,4],[1042,4],[1180,4],[1355,4],[1546,7],[1696,4]]},"164":{"position":[[232,4],[459,4],[597,4],[772,4]]},"166":{"position":[[315,4]]},"168":{"position":[[208,4],[383,4]]},"170":{"position":[[224,4],[451,4],[589,4],[764,4]]},"172":{"position":[[186,4],[293,4],[435,4],[542,4],[805,4]]},"174":{"position":[[323,4]]},"176":{"position":[[314,4]]},"178":{"position":[[315,4]]},"180":{"position":[[243,7],[393,4]]},"182":{"position":[[317,4]]},"184":{"position":[[236,7],[386,4]]},"186":{"position":[[200,4],[375,4]]},"188":{"position":[[243,7],[393,4]]},"190":{"position":[[319,4]]},"192":{"position":[[187,4],[362,4]]},"194":{"position":[[318,4]]},"196":{"position":[[363,4]]},"198":{"position":[[225,4],[452,4],[590,4],[765,4]]},"200":{"position":[[187,4],[362,4]]},"202":{"position":[[225,4],[452,4],[590,4],[765,4]]},"204":{"position":[[506,4]]},"206":{"position":[[235,7],[385,4]]},"208":{"position":[[367,4]]},"210":{"position":[[498,4]]},"212":{"position":[[224,4],[451,4]]},"214":{"position":[[293,4],[608,4]]},"216":{"position":[[297,4],[597,4],[851,4],[1283,4],[1528,4],[1776,4],[2046,4],[2380,4],[2794,4],[3137,4]]},"218":{"position":[[321,4],[753,4],[1001,4],[1294,4],[1580,4],[1832,4],[2051,4],[2271,4],[2577,4],[2915,4]]},"220":{"position":[[177,4],[352,4],[543,7],[693,4]]},"222":{"position":[[287,4],[430,4],[537,4],[679,4],[786,4],[1235,4],[1373,4],[1545,4],[1681,4],[1813,4],[1982,4],[2102,4],[2249,4],[2361,4],[2515,4],[2690,4],[2869,4],[3096,4]]},"224":{"position":[[482,4],[914,4],[1184,4],[1353,4],[1473,4]]},"226":{"position":[[382,4]]},"228":{"position":[[371,4],[724,4],[1002,4],[1295,4],[1609,4],[1883,4],[2266,4],[2482,4],[2765,4],[3040,4]]},"230":{"position":[[378,4]]},"232":{"position":[[515,4]]},"234":{"position":[[306,4],[606,4],[860,4],[1292,4],[1537,4],[1785,4],[2055,4],[2389,4],[2803,4],[3146,4]]},"236":{"position":[[296,4],[439,4],[546,4],[688,4],[795,4],[1244,4],[1382,4],[1554,4],[1690,4],[1822,4],[1991,4],[2111,4],[2258,4],[2370,4],[2524,4],[2699,4],[2878,4],[3105,4]]},"238":{"position":[[186,4],[361,4],[552,7],[702,4],[1017,4],[1280,4],[1549,4],[2022,4],[2228,4],[2432,4],[2618,4]]},"240":{"position":[[330,4],[762,4],[1010,4],[1303,4],[1589,4],[1841,4],[2060,4],[2280,4],[2586,4],[2924,4]]},"242":{"position":[[161,4],[242,4],[485,4]]},"244":{"position":[[245,4],[439,4],[637,4],[835,4],[1066,4],[1267,4],[1496,4],[1666,4],[1902,4],[2092,4]]},"246":{"position":[[355,4]]},"248":{"position":[[344,4],[678,4]]},"250":{"position":[[290,4],[560,4],[903,4]]},"252":{"position":[[476,4]]},"254":{"position":[[484,4]]},"256":{"position":[[381,4]]},"258":{"position":[[189,4],[361,4]]},"260":{"position":[[483,4],[731,4],[885,4],[1060,4]]},"262":{"position":[[457,4]]},"264":{"position":[[183,4],[355,4]]},"266":{"position":[[347,4],[779,4],[1193,4],[1536,4]]},"268":{"position":[[329,4]]},"270":{"position":[[462,4],[805,4]]},"272":{"position":[[291,4],[584,4],[870,4],[1089,4],[1347,4],[1647,4],[1901,4],[2333,4],[2578,4],[2992,4]]},"274":{"position":[[186,4],[293,4],[435,4],[542,4],[805,4]]},"276":{"position":[[324,4],[662,4]]},"278":{"position":[[199,4],[374,4]]},"280":{"position":[[302,4],[640,4]]},"282":{"position":[[475,4],[761,4],[1013,4],[1233,4],[1571,4],[1985,4],[2328,4],[2466,4],[2638,4]]},"284":{"position":[[479,4],[893,4],[1236,4]]},"286":{"position":[[477,4],[613,4],[745,4]]},"288":{"position":[[305,4]]},"290":{"position":[[476,4],[623,4],[735,4]]},"292":{"position":[[381,4]]},"294":{"position":[[482,4]]},"296":{"position":[[457,4]]},"298":{"position":[[463,4]]},"300":{"position":[[333,4],[765,4],[1179,4]]},"302":{"position":[[382,4],[630,4]]},"304":{"position":[[350,4]]},"306":{"position":[[477,4],[731,4]]},"308":{"position":[[336,4],[650,4],[924,4],[1307,4],[1523,4],[1806,4],[2081,4],[2363,4],[2795,4],[3043,4]]},"310":{"position":[[365,4],[718,4],[996,4],[1289,4],[1603,4],[1877,4],[2260,4],[2476,4],[2759,4],[3034,4]]},"312":{"position":[[492,4],[630,4],[802,4]]},"314":{"position":[[324,4],[756,4],[1004,4],[1297,4],[1583,4],[1835,4],[2054,4],[2274,4],[2580,4],[2918,4]]},"316":{"position":[[475,4],[720,4],[968,4],[1238,4],[1572,4],[1986,4],[2329,4],[2577,4],[2720,4],[2827,4],[2969,4],[3076,4]]},"318":{"position":[[349,4]]},"320":{"position":[[300,4],[600,4],[854,4],[1286,4],[1531,4],[1779,4],[2049,4],[2383,4],[2797,4],[3140,4]]},"322":{"position":[[290,4],[433,4],[540,4],[682,4],[789,4],[1238,4],[1376,4],[1548,4]]},"324":{"position":[[356,4]]},"326":{"position":[[470,4]]},"328":{"position":[[284,4],[554,4],[897,4]]},"330":{"position":[[391,4],[665,4],[965,4],[1299,4],[1485,4]]},"332":{"position":[[336,4],[622,4],[874,4],[1093,4],[1313,4],[1619,4],[1957,4],[2215,4],[2515,4],[2769,4]]},"334":{"position":[[361,4],[644,4],[919,4]]},"336":{"position":[[392,4],[706,4],[980,4],[1179,4]]},"338":{"position":[[375,4]]},"340":{"position":[[316,4]]},"342":{"position":[[323,4],[616,4],[1048,4]]},"344":{"position":[[278,4]]},"346":{"position":[[359,4],[791,4],[1039,4]]},"348":{"position":[[183,4],[355,4]]},"350":{"position":[[289,4]]},"352":{"position":[[337,4]]},"354":{"position":[[341,4],[773,4],[1187,4],[1530,4]]},"356":{"position":[[456,4],[799,4]]},"358":{"position":[[177,4],[349,4]]},"360":{"position":[[419,4],[702,4],[977,4],[1259,4],[1691,4],[1890,4],[2096,4]]},"362":{"position":[[393,4],[675,4]]},"364":{"position":[[241,4],[442,4]]},"366":{"position":[[256,4],[514,4],[814,4],[1068,4],[1500,4],[1745,4],[2159,4],[2302,4],[2409,4],[2551,4],[2658,4],[2857,4]]},"368":{"position":[[360,4],[713,4],[991,4],[1305,4],[1688,4],[1971,4],[2246,4],[2494,4],[2787,4],[3073,4]]},"370":{"position":[[269,4]]},"372":{"position":[[337,4],[528,7],[678,4]]},"374":{"position":[[361,4]]},"376":{"position":[[318,4],[656,4]]},"378":{"position":[[175,4],[307,4]]},"380":{"position":[[236,7],[386,4]]},"382":{"position":[[177,4],[309,4]]},"384":{"position":[[179,4],[311,4]]},"386":{"position":[[357,4],[789,4]]},"388":{"position":[[176,4],[348,4],[545,4],[746,4]]},"390":{"position":[[391,4],[674,4],[949,4],[1381,4],[1667,4],[1919,4],[2139,4],[2477,4],[2891,4],[3234,4]]},"392":{"position":[[244,4]]},"394":{"position":[[476,4],[728,4],[1066,4]]},"396":{"position":[[370,4]]},"398":{"position":[[473,4],[887,4],[1230,4],[1427,4],[1628,4]]},"400":{"position":[[334,4],[648,4],[1031,4],[1247,4]]},"402":{"position":[[315,4]]},"404":{"position":[[238,4],[436,4],[634,4]]},"406":{"position":[[298,4],[613,4]]},"408":{"position":[[360,4]]},"410":{"position":[[428,4]]},"412":{"position":[[356,4],[739,4]]},"414":{"position":[[391,4],[684,4]]},"416":{"position":[[362,4],[715,4],[1147,4],[1283,4],[1415,4]]},"418":{"position":[[338,4]]},"420":{"position":[[314,4]]},"422":{"position":[[363,4],[716,4],[1030,4]]},"424":{"position":[[313,4],[745,4]]},"426":{"position":[[389,4]]},"428":{"position":[[329,4],[712,4],[1050,4]]},"430":{"position":[[457,4]]},"432":{"position":[[320,4],[626,4]]},"434":{"position":[[327,4],[759,4],[1173,4]]},"436":{"position":[[376,4],[624,4],[939,4],[1170,4]]},"438":{"position":[[351,4]]},"440":{"position":[[282,4]]},"442":{"position":[[353,4],[785,4],[1039,4]]},"444":{"position":[[152,4],[233,4]]},"446":{"position":[[229,4]]},"448":{"position":[[275,4]]},"450":{"position":[[209,4]]},"452":{"position":[[268,4]]},"454":{"position":[[270,4]]},"456":{"position":[[240,4]]},"458":{"position":[[237,4]]},"460":{"position":[[237,4]]},"462":{"position":[[233,4]]},"464":{"position":[[236,4]]},"466":{"position":[[225,4]]},"468":{"position":[[245,4]]},"470":{"position":[[243,4]]},"472":{"position":[[238,4]]},"474":{"position":[[302,4]]},"476":{"position":[[354,4]]},"478":{"position":[[230,7],[380,4]]},"480":{"position":[[177,4],[352,4]]},"484":{"position":[[218,4],[445,4]]},"486":{"position":[[333,4]]},"488":{"position":[[288,4]]},"490":{"position":[[472,4]]},"492":{"position":[[315,4]]},"494":{"position":[[423,4]]},"496":{"position":[[322,4]]},"498":{"position":[[323,4]]},"500":{"position":[[193,4],[368,4]]},"502":{"position":[[256,4]]},"504":{"position":[[208,4],[328,4]]},"506":{"position":[[186,4],[298,4]]},"508":{"position":[[175,4],[307,4]]},"510":{"position":[[488,4]]},"512":{"position":[[181,4],[288,4]]},"514":{"position":[[182,4],[289,4]]},"516":{"position":[[177,4],[349,4]]},"518":{"position":[[287,4]]},"520":{"position":[[382,4]]},"522":{"position":[[373,4]]},"524":{"position":[[309,4]]},"526":{"position":[[453,4]]},"528":{"position":[[287,4]]},"530":{"position":[[284,4]]},"532":{"position":[[293,4]]},"534":{"position":[[471,4]]},"536":{"position":[[297,4]]},"538":{"position":[[339,4]]},"540":{"position":[[377,4]]},"542":{"position":[[345,4]]},"544":{"position":[[258,4]]},"546":{"position":[[259,4]]},"548":{"position":[[313,4]]},"550":{"position":[[291,4]]},"552":{"position":[[353,4]]},"554":{"position":[[325,4]]},"556":{"position":[[332,4]]},"558":{"position":[[317,4]]},"562":{"position":[[361,4],[714,4]]},"572":{"position":[[2482,4]]},"574":{"position":[[117,4],[1902,4]]},"580":{"position":[[3224,5]]},"582":{"position":[[127,4]]},"584":{"position":[[308,4]]},"600":{"position":[[175,4],[3773,4],[17597,4]]},"660":{"position":[[129,5],[18601,4]]},"668":{"position":[[20934,4],[33299,4]]}}}],["motion",{"_index":1532,"t":{"576":{"position":[[1484,6],[1520,6]]}}}],["mous",{"_index":3212,"t":{"620":{"position":[[3668,5]]}}}],["move",{"_index":2095,"t":{"588":{"position":[[9216,4],[10973,4]]}}}],["move.png\">move<br",{"_index":2423,"t":{"598":{"position":[[9223,17]]}}}],["mt",{"_index":1469,"t":{"574":{"position":[[5916,2],[6077,2],[6257,2]]},"604":{"position":[[4304,2]]},"668":{"position":[[65901,2]]}}}],["much",{"_index":1464,"t":{"574":{"position":[[5666,4]]}}}],["mug",{"_index":3306,"t":{"622":{"position":[[3212,6],[5083,6],[7708,6]]}}}],["multi",{"_index":4532,"t":{"668":{"position":[[32506,5],[129419,5],[132072,5],[134762,5],[137567,5]]}}}],["multipl",{"_index":275,"t":{"30":{"position":[[226,8]]},"38":{"position":[[280,8]]},"80":{"position":[[223,8]]},"96":{"position":[[534,8]]},"102":{"position":[[254,8]]},"574":{"position":[[139,8]]},"580":{"position":[[125,8],[5132,8]]},"590":{"position":[[149,8]]},"596":{"position":[[5845,8],[5868,8],[8500,8]]},"616":{"position":[[204,8]]},"668":{"position":[[84729,8],[84759,8],[153024,8]]}}}],["mute",{"_index":4108,"t":{"660":{"position":[[18472,6]]}}}],["muted\">card",{"_index":1703,"t":{"580":{"position":[[3603,11],[4074,11],[4438,11]]}}}],["muted\">last",{"_index":1766,"t":{"580":{"position":[[11154,11],[11481,11],[11903,11],[12449,11],[12797,11],[13240,11]]}}}],["mx",{"_index":1471,"t":{"574":{"position":[[6069,2]]},"614":{"position":[[1213,2]]}}}],["n",{"_index":874,"t":{"142":{"position":[[1513,1]]}}}],["nam",{"_index":1890,"t":{"582":{"position":[[8103,3],[12344,3],[16485,3]]}}}],["name",{"_index":196,"t":{"10":{"position":[[127,5]]},"140":{"position":[[1931,5]]},"244":{"position":[[1798,5]]},"448":{"position":[[171,5]]},"560":{"position":[[209,4]]},"564":{"position":[[195,4],[494,4],[604,4]]},"566":{"position":[[155,4]]},"568":{"position":[[156,4],[555,4],[750,5],[1131,5],[1386,4],[1872,4],[2079,4],[2113,5],[22668,5],[22887,5],[23107,5],[23328,5]]},"572":{"position":[[126,4]]},"574":{"position":[[180,4],[1588,4]]},"576":{"position":[[160,4],[515,4],[712,4]]},"578":{"position":[[168,4],[699,4],[2391,5],[3481,4],[3615,4]]},"580":{"position":[[379,4],[716,4],[897,4],[1077,4],[1258,4],[1511,4],[1947,4],[2203,4],[2383,4]]},"582":{"position":[[187,4],[3594,5],[4302,4],[4436,4],[5191,5],[6258,4],[6392,4]]},"586":{"position":[[205,4],[490,4]]},"588":{"position":[[186,4],[1793,4],[4388,5],[5066,4],[5200,4],[5960,5],[6954,4],[7088,4]]},"590":{"position":[[177,4]]},"592":{"position":[[408,4],[654,4]]},"594":{"position":[[168,4],[518,4]]},"596":{"position":[[222,4],[534,4],[885,4]]},"598":{"position":[[142,4],[390,4],[656,4],[694,5],[859,4],[1045,4],[1299,4],[1489,4],[2167,4],[2189,4],[2328,4],[2473,5],[2840,4],[2896,4]]},"600":{"position":[[216,4],[384,5],[832,4],[973,4],[1147,5],[1328,5]]},"602":{"position":[[411,4],[1212,4],[1627,4],[1662,4],[2888,6],[3062,4],[5209,6],[8155,6],[10290,6],[10677,4],[10776,4],[11742,6],[12555,6],[13584,6],[13822,6]]},"604":{"position":[[157,4]]},"606":{"position":[[602,4],[1131,4],[1311,5],[1423,5]]},"608":{"position":[[142,4]]},"610":{"position":[[392,4],[625,4],[675,5],[761,4]]},"612":{"position":[[129,4],[434,4],[687,5],[1054,4],[1538,4],[1804,4],[1842,5]]},"614":{"position":[[207,4]]},"616":{"position":[[249,4],[593,4],[1380,4],[1643,4],[3334,4],[3573,4],[16771,4]]},"618":{"position":[[345,4],[689,4],[1476,4],[1749,4],[2948,4],[3205,4],[12387,4]]},"620":{"position":[[394,4],[738,4],[1525,4],[1790,4],[5299,4],[5538,4],[17057,4]]},"622":{"position":[[243,4],[707,5],[1163,4],[1416,4],[9689,4]]},"624":{"position":[[190,4],[534,4],[1321,4],[1584,4],[2681,4],[2928,4],[8761,4]]},"626":{"position":[[205,4],[1130,4],[1219,4]]},"628":{"position":[[318,4],[1125,4],[1232,4],[7781,5],[7949,5],[8630,5],[8903,4],[10093,5],[12644,4]]},"630":{"position":[[197,4],[1642,4],[1735,4]]},"632":{"position":[[144,4],[609,4],[724,4],[854,4]]},"634":{"position":[[167,4],[467,4],[592,4]]},"658":{"position":[[238,4],[325,4]]},"660":{"position":[[256,4],[1048,4],[1316,4],[1686,4],[1976,4],[2159,4],[2810,4]]},"662":{"position":[[322,4],[1069,4],[1176,4]]},"664":{"position":[[224,4],[392,5],[859,4],[996,4],[1170,5],[1351,5]]},"666":{"position":[[213,4]]},"668":{"position":[[202,4],[3363,4],[3976,4],[4279,4],[5918,5],[7101,4],[7805,5],[8354,4],[8478,4],[8609,4],[8733,4],[8862,4],[8995,4],[9115,4],[9237,4],[9360,4],[9775,4],[10261,5],[10854,4],[10978,4],[11109,4],[11233,4],[11362,4],[11495,4],[11615,4],[11737,4],[11860,4],[12674,6],[13133,4],[13257,4],[13388,4],[13512,4],[13641,4],[13774,4],[13894,4],[14016,4],[14146,4],[14271,4],[14394,4],[14513,4],[15321,5],[15934,4],[16058,4],[16189,4],[16313,4],[16442,4],[16575,4],[16695,4],[16817,4],[16940,4],[17790,5],[19114,4],[19238,4],[19369,4],[19493,4],[19622,4],[19755,4],[19875,4],[19997,4],[20127,4],[20252,4],[20375,4],[20494,4],[21343,5],[22256,4],[22380,4],[22511,4],[22635,4],[22764,4],[22897,4],[23017,4],[23139,4],[23262,4],[24030,5],[24938,4],[25062,4],[25193,4],[25317,4],[25446,4],[25579,4],[25699,4],[25821,4],[25944,4],[26612,5],[26748,5],[31040,5],[33735,5],[34792,4],[34916,4],[35047,4],[35171,4],[35300,4],[35433,4],[35553,4],[35675,4],[35798,4],[36480,5],[37440,4],[37564,4],[37695,4],[37819,4],[37948,4],[38081,4],[38201,4],[38323,4],[38446,4],[39079,6],[40016,4],[40140,4],[40271,4],[40395,4],[40524,4],[40657,4],[40777,4],[40899,4],[41022,4],[41665,6],[42632,4],[42737,4],[42852,4],[42959,4],[43072,4],[43192,4],[43295,4],[43400,4],[43507,4],[44238,6],[45220,4],[45325,4],[45440,4],[45547,4],[45660,4],[45780,4],[45883,4],[45988,4],[46095,4],[46709,6],[46797,6],[50684,6],[50770,6],[51552,6],[51638,6],[59689,5],[61571,4],[61695,4],[61826,4],[61950,4],[62079,4],[62212,4],[62332,4],[62454,4],[62584,4],[62709,4],[62832,4],[62951,4],[63627,5],[64199,4],[64323,4],[64454,4],[64578,4],[64707,4],[64918,4],[65038,4],[65160,4],[65283,4],[66081,5],[66657,4],[66781,4],[66912,4],[67036,4],[67165,4],[69161,5],[70402,4],[70526,4],[70657,4],[70781,4],[70910,4],[71043,4],[71163,4],[71285,4],[71415,4],[71540,4],[71663,4],[71782,4],[72518,5],[73652,4],[73776,4],[73907,4],[74031,4],[74160,4],[74293,4],[74413,4],[74535,4],[74665,4],[74790,4],[74913,4],[75032,4],[75697,5],[76764,4],[76888,4],[77019,4],[77143,4],[77272,4],[77405,4],[77525,4],[77647,4],[77777,4],[77902,4],[78025,4],[78144,4],[78866,5],[80249,4],[80373,4],[80504,4],[80628,4],[80757,4],[80890,4],[81010,4],[81132,4],[81262,4],[81387,4],[81510,4],[81629,4],[82206,5],[83430,4],[83554,4],[83685,4],[83809,4],[83938,4],[84071,4],[84191,4],[84313,4],[84436,4],[85232,5],[86456,4],[86580,4],[86711,4],[86835,4],[86964,4],[87097,4],[87217,4],[87339,4],[87462,4],[88727,5],[89897,4],[90021,4],[90152,4],[90276,4],[90405,4],[90538,4],[90658,4],[90780,4],[90903,4],[92887,5],[94111,4],[94235,4],[94366,4],[94490,4],[94619,4],[94752,4],[94872,4],[94994,4],[95117,4],[95728,6],[96934,4],[97058,4],[97189,4],[97313,4],[97442,4],[97575,4],[97695,4],[97817,4],[97947,4],[98072,4],[98195,4],[98314,4],[98896,6],[99729,4],[99853,4],[99984,4],[100108,4],[100237,4],[100370,4],[100490,4],[100612,4],[100742,4],[100867,4],[100990,4],[101109,4],[101608,5],[102439,5],[103256,5],[104087,5],[105074,4],[105205,4],[105329,4],[105458,4],[105591,4],[105711,4],[106320,5],[107340,5],[108358,5],[109378,5],[110392,5],[111406,5],[112430,5],[113507,4],[113638,4],[113762,4],[113891,4],[114024,4],[114144,4],[114679,5],[115727,4],[115858,4],[115982,4],[116111,4],[116244,4],[116364,4],[116664,5],[117146,5],[118194,4],[118325,4],[118449,4],[118578,4],[118711,4],[118831,4],[119144,5],[120028,5],[122214,4],[122338,4],[122469,4],[122593,4],[122722,4],[122855,4],[122975,4],[123097,4],[123227,4],[123352,4],[123475,4],[123594,4],[124254,5],[126123,4],[126248,4],[126379,4],[126503,4],[126632,4],[126765,4],[126885,4],[127007,4],[127130,4],[127229,4],[127914,5],[130513,5],[133203,5],[135928,5],[138703,5],[139780,4],[139904,4],[140035,4],[140159,4],[140288,4],[140421,4],[140541,4],[140663,4],[140793,4],[140918,4],[141041,4],[141160,4],[141596,5],[142513,4],[142619,4],[142718,4],[142821,4],[142922,4],[143036,4],[143148,4],[143253,4],[143354,4],[143434,4],[143590,4],[144223,5],[145187,4],[145315,4],[145436,4],[145561,4],[145684,4],[145820,4],[145954,4],[146081,4],[146204,4],[146306,4],[146492,4],[147140,5],[148198,4],[148322,4],[148453,4],[148577,4],[148706,4],[148890,4],[149575,5],[150284,5],[151401,4],[151525,4],[151656,4],[151780,4],[151909,4],[152093,4]]}}}],["name=\"@($\"{customer.customerid",{"_index":2926,"t":{"612":{"position":[[15164,35]]}}}],["name=\"accordionitem1",{"_index":1214,"t":{"568":{"position":[[12033,22],[20735,22]]}}}],["name=\"accordionitem2",{"_index":1216,"t":{"568":{"position":[[12594,22],[21306,22]]}}}],["name=\"accordionitem3",{"_index":1218,"t":{"568":{"position":[[13157,22],[21879,22]]}}}],["name=\"accordionitem6",{"_index":1226,"t":{"568":{"position":[[14823,22]]}}}],["name=\"appoint",{"_index":2352,"t":{"598":{"position":[[3930,18],[7079,18]]}}}],["name=\"arch",{"_index":2361,"t":{"598":{"position":[[4266,14],[7400,14]]}}}],["name=\"cancelal",{"_index":2381,"t":{"598":{"position":[[5154,16],[8226,16]]}}}],["name=\"copyfold",{"_index":2395,"t":{"598":{"position":[[6003,17],[9023,17]]}}}],["name=\"delet",{"_index":2357,"t":{"598":{"position":[[4126,13],[7280,13]]}}}],["name=\"deletefold",{"_index":2401,"t":{"598":{"position":[[6285,19],[9275,19]]}}}],["name=\"emplist1",{"_index":2557,"t":{"602":{"position":[[3257,15],[5374,15]]}}}],["name=\"emplist2",{"_index":2561,"t":{"602":{"position":[[3517,15],[5633,15]]}}}],["name=\"emplist3",{"_index":2587,"t":{"602":{"position":[[5892,15]]}}}],["name=\"faq",{"_index":1223,"t":{"568":{"position":[[14274,11]]},"612":{"position":[[10088,11]]}}}],["name=\"iconname.alarm",{"_index":2792,"t":{"610":{"position":[[895,21],[1052,21],[1102,21],[1152,21],[1202,21],[2870,21],[3014,21],[3310,21],[3394,21],[3646,21]]}}}],["name=\"iconname.alarmfil",{"_index":2793,"t":{"610":{"position":[[926,25],[3492,25]]}}}],["name=\"iconname.appl",{"_index":2795,"t":{"610":{"position":[[993,21],[2480,21]]}}}],["name=\"iconname.asterisk",{"_index":2821,"t":{"610":{"position":[[2553,24]]}}}],["name=\"iconname.bellfil",{"_index":1379,"t":{"572":{"position":[[3911,24]]}}}],["name=\"iconname.browsersafari",{"_index":2825,"t":{"610":{"position":[[2712,29]]}}}],["name=\"iconname.bug",{"_index":2813,"t":{"610":{"position":[[2143,19]]}}}],["name=\"iconname.checkal",{"_index":2811,"t":{"610":{"position":[[2064,24]]}}}],["name=\"iconname.checkcirclefil",{"_index":1092,"t":{"564":{"position":[[2439,31]]}}}],["name=\"iconname.cloudlightningrainfil",{"_index":2809,"t":{"610":{"position":[[1969,38]]}}}],["name=\"iconname.creditcard2frontfil",{"_index":2818,"t":{"610":{"position":[[2391,36]]}}}],["name=\"iconname.exclamationdiamondfil",{"_index":2815,"t":{"610":{"position":[[2216,38]]}}}],["name=\"iconname.exclamationtrianglefil",{"_index":1094,"t":{"564":{"position":[[2576,39],[2721,39]]}}}],["name=\"iconname.facebook",{"_index":2807,"t":{"610":{"position":[[1890,24]]}}}],["name=\"iconname.gripvert",{"_index":2615,"t":{"602":{"position":[[11225,28]]}}}],["name=\"iconname.housefil",{"_index":1199,"t":{"568":{"position":[[4177,25]]},"612":{"position":[[4048,25]]}}}],["name=\"iconname.infocirclefil",{"_index":1089,"t":{"564":{"position":[[2308,30]]},"610":{"position":[[2309,30]]}}}],["name=\"iconname.infocirclefill\"></icon",{"_index":2836,"t":{"610":{"position":[[4222,38]]}}}],["name=\"iconname.list",{"_index":4219,"t":{"664":{"position":[[9121,20],[11594,20],[14024,20],[16443,20]]}}}],["name=\"iconname.megaphonefil",{"_index":1376,"t":{"572":{"position":[[3769,29]]}}}],["name=\"iconname.personfil",{"_index":1200,"t":{"568":{"position":[[4799,26]]},"612":{"position":[[4326,26]]}}}],["name=\"iconname.phonefil",{"_index":1201,"t":{"568":{"position":[[5424,25]]},"612":{"position":[[4611,25]]}}}],["name=\"iconname.volumemutefil",{"_index":2823,"t":{"610":{"position":[[2629,30]]}}}],["name=\"iconname.window",{"_index":2794,"t":{"610":{"position":[[961,22]]}}}],["name=\"movefold",{"_index":2398,"t":{"598":{"position":[[6141,17],[9149,17]]}}}],["name=\"newemail",{"_index":2347,"t":{"598":{"position":[[3799,15],[6940,15]]}}}],["name=\"newfold",{"_index":2386,"t":{"598":{"position":[[5437,16],[8504,16]]}}}],["name=\"newsearchfold",{"_index":2388,"t":{"598":{"position":[[5598,22],[8646,22]]}}}],["name=\"product",{"_index":1220,"t":{"568":{"position":[[13720,16]]},"612":{"position":[[9944,16]]}}}],["name=\"renamefold",{"_index":2392,"t":{"598":{"position":[[5836,19],[8872,19]]}}}],["name=\"sendreceiveallfold",{"_index":2369,"t":{"598":{"position":[[4562,28],[7693,28]]}}}],["name=\"showprogress",{"_index":2378,"t":{"598":{"position":[[4992,19],[8077,19]]}}}],["name=\"updatefold",{"_index":2373,"t":{"598":{"position":[[4751,19],[7858,19]]}}}],["name=\"viewport",{"_index":3855,"t":{"636":{"position":[[3958,15]]},"638":{"position":[[3434,15]]},"640":{"position":[[3779,15]]},"642":{"position":[[3672,15]]},"644":{"position":[[3672,15]]},"650":{"position":[[3169,15]]},"656":{"position":[[3145,15]]}}}],["namespac",{"_index":3847,"t":{"636":{"position":[[3796,10]]},"640":{"position":[[3617,10]]}}}],["narrow",{"_index":1644,"t":{"578":{"position":[[4836,8]]},"588":{"position":[[11687,8]]}}}],["natur",{"_index":1687,"t":{"580":{"position":[[2751,9],[6139,7],[6655,7],[6950,7],[7420,7],[7752,7],[8081,7],[11045,7],[11409,7],[11748,7],[12318,7],[12703,7],[13063,7]]}}}],["nav",{"_index":2839,"t":{"612":{"position":[[403,3]]},"664":{"position":[[21726,3],[21777,3],[21829,3],[21878,3],[21929,3],[21979,3],[22030,3],[22085,3],[22137,3],[22192,3]]}}}],["navbar",{"_index":4047,"t":{"660":{"position":[[2886,6],[2967,6],[3052,6]]},"664":{"position":[[21557,6],[21609,6]]}}}],["navig",{"_index":416,"t":{"56":{"position":[[437,10]]},"58":{"position":[[140,10],[261,10]]},"114":{"position":[[568,10]]},"136":{"position":[[2089,10],[2257,10]]},"148":{"position":[[2155,10]]},"222":{"position":[[1790,10],[1958,10]]},"224":{"position":[[1329,10]]},"236":{"position":[[1799,10],[1967,10]]},"286":{"position":[[722,10]]},"378":{"position":[[284,10]]},"382":{"position":[[286,10]]},"384":{"position":[[21,12],[288,10]]},"416":{"position":[[1392,10]]},"504":{"position":[[184,10]]},"508":{"position":[[284,10]]},"560":{"position":[[138,12]]},"582":{"position":[[95,11]]},"600":{"position":[[145,10],[1707,10]]},"622":{"position":[[1646,11],[13501,10]]},"660":{"position":[[1642,11],[2903,11],[2984,11],[3069,11]]},"664":{"position":[[152,10],[1683,10],[2698,11],[2809,10],[25361,10]]}}}],["navigation1",{"_index":875,"t":{"142":{"position":[[1515,11]]}}}],["navitem",{"_index":2437,"t":{"600":{"position":[[953,7],[1924,9],[2044,9],[2063,8],[2217,8],[2252,7],[2365,7],[2449,7],[2555,7],[2647,7],[2758,7],[2874,7],[2965,7],[3073,7],[3188,7],[3262,7],[3386,7],[3513,7],[3633,7],[3744,9],[4023,9],[4143,9],[4162,8],[4316,8],[4351,7],[4464,7],[4548,7],[4654,7],[4746,7],[4857,7],[4973,7],[5064,7],[5183,7],[5269,7],[5384,7],[5464,7],[5570,7],[5656,7],[5763,7],[5837,7],[5962,7],[6089,7],[6209,7],[6320,9],[6914,9],[7034,9],[7053,8],[7207,8],[7242,7],[7355,7],[7470,7],[7576,7],[7699,7],[7810,7],[7926,7],[8017,7],[8136,7],[8222,7],[8337,7],[8448,7],[8554,7],[8640,7],[8747,7],[8852,7],[8977,7],[9104,7],[9224,7],[9335,9],[9908,9],[10028,9],[10047,8],[10201,8],[10236,7],[10349,7],[10464,7],[10570,7],[10693,7],[10804,7],[10920,7],[11011,7],[11130,7],[11216,7],[11331,7],[11442,7],[11548,7],[11634,7],[11741,7],[11846,7],[11971,7],[12098,7],[12218,7],[12329,9],[12906,9],[13026,9],[13045,8],[13199,8],[13234,7],[13347,7],[13462,7],[13568,7],[13691,7],[13802,7],[13918,7],[14009,7],[14128,7],[14214,7],[14329,7],[14440,7],[14546,7],[14632,7],[14739,7],[14844,7],[14969,7],[15096,7],[15216,7],[15327,9],[15638,9],[15758,9],[15777,8],[15931,8],[15966,7],[16079,7],[16163,7],[16269,7],[16361,7],[16472,7],[16588,7],[16679,7],[16787,7],[16902,7],[16976,7],[17100,7],[17227,7],[17347,7],[17458,9],[17557,7]]},"636":{"position":[[7565,8],[7693,9],[7712,8],[7842,8],[7877,7],[7988,7],[8086,7],[8186,9]]},"638":{"position":[[7958,9],[8075,9],[8094,8],[8224,8],[8259,7],[8370,7],[8468,7],[8566,9]]},"640":{"position":[[8089,8],[8217,9],[8236,8],[8366,8],[8401,7],[8512,7],[8610,7],[8710,9]]},"642":{"position":[[6988,8],[7116,9],[7135,8],[7265,8],[7300,7],[7411,7],[7509,7],[7609,9]]},"644":{"position":[[7149,8],[7277,9],[7296,8],[7426,8],[7461,7],[7572,7],[7670,7],[7770,9]]},"650":{"position":[[6867,9],[6984,9],[7003,8],[7133,8],[7168,7],[7279,7],[7377,7],[7475,9]]},"652":{"position":[[1063,8],[1191,9],[1210,8],[1340,8],[1375,7],[1486,7],[1584,7],[1684,9]]},"654":{"position":[[1068,8],[1196,9],[1215,8],[1345,8],[1380,7],[1491,7],[1589,7],[1689,9]]},"656":{"position":[[6892,9],[7009,9],[7028,8],[7158,8],[7193,7],[7304,7],[7402,7],[7500,9]]},"664":{"position":[[976,7],[1878,9],[1995,9],[2014,8],[2144,8],[2179,7],[2282,7],[2369,7],[2469,7],[2561,7],[2659,9],[2979,9],[3096,9],[3115,8],[3245,8],[3280,7],[3393,7],[3477,7],[3583,7],[3675,7],[3786,7],[3902,7],[4018,7],[4092,7],[4216,7],[4343,7],[4463,7],[4574,9],[4811,9],[4928,9],[4947,8],[5077,8],[5112,7],[5225,7],[5340,7],[5446,7],[5569,7],[5680,7],[5796,7],[5912,7],[6016,7],[6140,7],[6267,7],[6387,7],[6498,9],[7070,9],[7187,9],[7206,8],[7336,8],[7371,7],[7484,7],[7599,7],[7705,7],[7828,7],[7939,7],[8055,7],[8171,7],[8275,7],[8399,7],[8526,7],[8646,7],[8757,9],[9423,9],[9540,9],[9559,8],[9689,8],[9724,7],[9837,7],[9952,7],[10058,7],[10181,7],[10292,7],[10408,7],[10524,7],[10628,7],[10752,7],[10879,7],[10999,7],[11110,9],[11896,9],[12013,9],[12032,8],[12162,8],[12197,7],[12310,7],[12425,7],[12531,7],[12654,7],[12765,7],[12881,7],[12997,7],[13101,7],[13225,7],[13352,7],[13472,7],[13583,9],[14326,9],[14443,9],[14462,8],[14592,8],[14627,7],[14740,7],[14855,7],[14961,7],[15084,7],[15195,7],[15311,7],[15427,7],[15531,7],[15655,7],[15782,7],[15902,7],[16013,9],[16717,9],[16834,9],[16853,8],[16983,8],[17018,7],[17131,7],[17246,7],[17352,7],[17475,7],[17586,7],[17702,7],[17818,7],[17922,7],[18046,7],[18173,7],[18293,7],[18404,9],[19200,9],[19317,9],[19336,8],[19466,8],[19501,7],[19614,7],[19729,7],[19835,7],[19958,7],[20069,7],[20185,7],[20301,7],[20405,7],[20529,7],[20656,7],[20776,7],[20887,9],[22285,8],[22322,7],[22503,9],[22620,9],[22639,8],[22769,8],[22804,7],[22917,7],[23001,7],[23107,7],[23199,7],[23324,7],[23454,7],[23584,7],[23658,7],[23782,7],[23909,7],[24029,7],[24140,9],[24430,9],[24547,9],[24566,8],[24696,8],[24731,7],[24834,7],[24921,7],[25021,7],[25113,7],[25211,9],[25311,7],[25548,7]]}}}],["navitem'",{"_index":2473,"t":{"600":{"position":[[3797,9]]},"664":{"position":[[2714,9]]}}}],["navitems1",{"_index":985,"t":{"560":{"position":[[487,9],[606,9]]}}}],["navitems2",{"_index":986,"t":{"560":{"position":[[540,9],[760,9],[1294,9],[1360,9],[2027,9],[2093,9]]}}}],["navlinkmatch",{"_index":2438,"t":{"600":{"position":[[1436,12]]},"664":{"position":[[1412,12]]}}}],["navlinkmatch.prefix",{"_index":2439,"t":{"600":{"position":[[1449,19]]},"664":{"position":[[1425,19]]}}}],["navstyl",{"_index":2837,"t":{"612":{"position":[[355,8],[364,8],[7428,8]]}}}],["navstyle.tab",{"_index":2838,"t":{"612":{"position":[[373,13]]}}}],["navstyle.vert",{"_index":2856,"t":{"612":{"position":[[7450,18]]}}}],["navstyle=\"navstyle.pil",{"_index":2849,"t":{"612":{"position":[[5999,26],[6056,26]]}}}],["navstyle=\"navstyle.underlin",{"_index":2850,"t":{"612":{"position":[[6807,29],[6920,30]]}}}],["navstyle=\"navstyle.vert",{"_index":2857,"t":{"612":{"position":[[7475,29]]}}}],["navstyle=\"navstyle.verticalpil",{"_index":2859,"t":{"612":{"position":[[8076,34]]}}}],["navstyle=\"navstyle.verticalunderlin",{"_index":2860,"t":{"612":{"position":[[8686,38]]}}}],["nec",{"_index":1928,"t":{"582":{"position":[[8655,4],[9831,3],[10060,3],[12896,4],[14072,3],[14301,3],[17037,4],[18213,3],[18442,3]]}}}],["need",{"_index":691,"t":{"110":{"position":[[352,4]]},"564":{"position":[[2054,4]]},"574":{"position":[[6971,7]]},"580":{"position":[[3342,4],[5178,5],[6437,6]]},"596":{"position":[[5941,7]]},"606":{"position":[[1772,4],[8066,5],[10012,4]]},"626":{"position":[[5224,5]]},"630":{"position":[[8353,5]]},"660":{"position":[[18288,4]]},"668":{"position":[[30438,4],[67663,4],[149084,4]]}}}],["needed.</p",{"_index":2096,"t":{"588":{"position":[[9234,11],[10991,11]]}}}],["neg",{"_index":355,"t":{"44":{"position":[[337,8]]},"616":{"position":[[2341,8]]},"618":{"position":[[2089,8]]},"620":{"position":[[2225,8]]},"624":{"position":[[1924,8]]},"626":{"position":[[306,8],[5880,8],[5910,8],[6004,8],[6217,8],[11804,8]]},"630":{"position":[[298,8],[9065,8],[9095,8],[9189,8],[9430,8],[17816,8]]},"660":{"position":[[18797,8]]}}}],["neglect",{"_index":115,"t":{"2":{"position":[[2566,9]]},"118":{"position":[[731,9]]}}}],["neha",{"_index":3311,"t":{"622":{"position":[[3251,5],[5122,5],[7747,5]]}}}],["nequ",{"_index":1868,"t":{"582":{"position":[[7897,5],[9585,6],[10670,5],[12138,5],[13826,6],[14911,5],[16279,5],[17967,6],[19052,5]]}}}],["nest",{"_index":772,"t":{"128":{"position":[[316,6]]},"588":{"position":[[3367,6]]},"600":{"position":[[189,6],[3778,6],[5346,7],[8299,7],[11293,7],[14291,7],[17602,6]]},"602":{"position":[[12579,6],[12602,6],[14012,6]]},"668":{"position":[[146808,6],[149037,6],[149062,6],[149243,6],[153416,6]]}}}],["net",{"_index":54,"t":{"2":{"position":[[869,4]]},"14":{"position":[[146,4]]},"18":{"position":[[182,4]]},"80":{"position":[[1286,4]]},"114":{"position":[[587,4],[705,4]]},"124":{"position":[[804,4],[815,4]]},"126":{"position":[[193,4],[278,4]]},"154":{"position":[[913,4]]},"228":{"position":[[922,4]]},"310":{"position":[[916,4]]},"342":{"position":[[243,4]]},"368":{"position":[[911,4]]},"558":{"position":[[237,4]]},"636":{"position":[[30,5],[84,5],[1277,4],[3715,5],[8243,5]]},"638":{"position":[[35,5],[89,5],[3321,5],[8755,5],[8792,5]]},"640":{"position":[[30,5],[84,5],[3528,5],[8767,5],[8804,5]]},"642":{"position":[[35,5],[94,5],[3567,5],[7670,5],[7698,5]]},"644":{"position":[[35,5],[94,5],[3567,5],[7831,5],[7859,5]]},"646":{"position":[[39,5],[102,5],[3022,5],[3055,5]]},"648":{"position":[[39,5],[102,5],[3201,5],[3234,5]]},"650":{"position":[[37,5],[91,5],[3065,5],[7662,5],[7695,5]]},"652":{"position":[[1717,4],[1767,4],[1957,4],[1964,4]]},"654":{"position":[[1722,4],[1772,4],[1908,5],[1974,4],[1981,4]]},"656":{"position":[[35,5],[94,5],[3040,5],[7555,5]]},"668":{"position":[[43750,4]]}}}],["net6.blazorserverapp",{"_index":3901,"t":{"636":{"position":[[6857,20]]}}}],["net6.blazorserverapp.data",{"_index":3874,"t":{"636":{"position":[[5797,26]]}}}],["net6.blazorserverapp.pag",{"_index":3848,"t":{"636":{"position":[[3807,26]]}}}],["net6.blazorserverapp.shar",{"_index":3902,"t":{"636":{"position":[[6885,27]]}}}],["net6.blazorwebassemblyapp",{"_index":3967,"t":{"642":{"position":[[5513,26],[6270,25]]}}}],["net6.blazorwebassemblyapp.shar",{"_index":3975,"t":{"642":{"position":[[6303,32]]}}}],["net7.blazorserverapp",{"_index":3955,"t":{"640":{"position":[[7381,20]]}}}],["net7.blazorserverapp.data",{"_index":3954,"t":{"640":{"position":[[6321,26]]}}}],["net7.blazorserverapp.pag",{"_index":3951,"t":{"640":{"position":[[3628,26]]}}}],["net7.blazorserverapp.shar",{"_index":3956,"t":{"640":{"position":[[7409,27]]}}}],["net7.blazorwebassemblyapp",{"_index":3984,"t":{"644":{"position":[[5714,26],[6431,25]]}}}],["net7.blazorwebassemblyapp.shar",{"_index":3985,"t":{"644":{"position":[[6464,32]]}}}],["net8.blazorautoglob",{"_index":3942,"t":{"638":{"position":[[6738,21]]}}}],["net8.blazorautoglobal.cli",{"_index":3943,"t":{"638":{"position":[[6767,28],[7439,28]]}}}],["net8.blazorautoglobal.client.pag",{"_index":3928,"t":{"638":{"position":[[5481,35]]}}}],["net8.blazorautoglobal.compon",{"_index":3929,"t":{"638":{"position":[[5523,33],[6803,32]]}}}],["net8.blazorwebapprendermodeserv",{"_index":3991,"t":{"650":{"position":[[6291,33]]}}}],["net8.blazorwebapprendermodeserver.compon",{"_index":3990,"t":{"650":{"position":[[5232,45],[6332,44]]}}}],["net8.blazorwebassemblystandaloneapp",{"_index":3996,"t":{"656":{"position":[[5589,36],[6316,35]]}}}],["net8.blazorwebassemblystandaloneapp.layout",{"_index":3997,"t":{"656":{"position":[[6359,42]]}}}],["never",{"_index":2932,"t":{"614":{"position":[[121,5]]}}}],["new",{"_index":19,"t":{"2":{"position":[[149,3],[1066,3],[1359,3],[3197,3]]},"4":{"position":[[151,3]]},"8":{"position":[[204,3]]},"14":{"position":[[161,3],[208,3]]},"16":{"position":[[222,3]]},"18":{"position":[[113,3],[155,3]]},"26":{"position":[[113,3],[155,3]]},"32":{"position":[[114,3],[149,3]]},"38":{"position":[[118,3],[197,3]]},"40":{"position":[[113,3],[142,3]]},"44":{"position":[[135,3],[194,3],[536,3]]},"46":{"position":[[116,3],[280,3],[411,3],[450,3],[501,3],[545,3]]},"48":{"position":[[263,3],[314,3],[360,3]]},"50":{"position":[[116,3],[213,3],[261,3],[311,3]]},"52":{"position":[[116,3],[199,3],[240,3]]},"54":{"position":[[503,3],[543,3]]},"56":{"position":[[115,3],[227,3]]},"58":{"position":[[351,3]]},"60":{"position":[[141,3]]},"62":{"position":[[185,3],[204,3]]},"68":{"position":[[111,3],[163,4]]},"72":{"position":[[112,3],[186,4]]},"74":{"position":[[112,3],[164,4]]},"80":{"position":[[1303,3]]},"86":{"position":[[110,3],[169,4]]},"88":{"position":[[176,4],[342,3]]},"90":{"position":[[176,3]]},"92":{"position":[[167,3],[199,3]]},"96":{"position":[[190,3],[211,3]]},"102":{"position":[[113,3],[216,4],[649,3],[715,3],[777,3],[838,3]]},"110":{"position":[[128,3],[254,4]]},"116":{"position":[[181,4]]},"120":{"position":[[112,3],[168,4]]},"122":{"position":[[112,3],[184,4]]},"124":{"position":[[338,3],[411,3]]},"128":{"position":[[149,3],[224,4],[339,3],[389,3],[563,3],[617,3]]},"132":{"position":[[1350,3],[2617,3]]},"134":{"position":[[2457,3],[2791,3]]},"136":{"position":[[111,3],[1231,3],[1964,3],[2522,3],[2781,3]]},"138":{"position":[[116,3],[854,3],[1178,3],[1751,3],[2494,3]]},"140":{"position":[[690,3],[888,3]]},"148":{"position":[[177,3],[1707,3],[2891,3]]},"150":{"position":[[170,3],[537,3]]},"152":{"position":[[158,3]]},"154":{"position":[[193,3],[1110,3],[1403,3],[2007,3]]},"156":{"position":[[794,3]]},"158":{"position":[[198,3]]},"160":{"position":[[167,3]]},"162":{"position":[[169,3],[428,3],[757,3],[1495,3]]},"164":{"position":[[174,3]]},"166":{"position":[[164,3]]},"168":{"position":[[175,3]]},"170":{"position":[[166,3]]},"174":{"position":[[172,3]]},"180":{"position":[[192,3]]},"184":{"position":[[185,3]]},"186":{"position":[[167,3]]},"188":{"position":[[192,3]]},"190":{"position":[[168,3]]},"194":{"position":[[167,3]]},"196":{"position":[[171,3]]},"198":{"position":[[167,3]]},"202":{"position":[[167,3]]},"204":{"position":[[203,3]]},"206":{"position":[[184,3]]},"208":{"position":[[175,3]]},"210":{"position":[[195,3]]},"212":{"position":[[166,3]]},"214":{"position":[[416,3]]},"216":{"position":[[2163,3],[2497,3],[2910,3]]},"218":{"position":[[1119,3],[2386,3]]},"220":{"position":[[492,3]]},"222":{"position":[[932,3],[1665,3],[2223,3],[2482,3],[2811,3]]},"226":{"position":[[165,3]]},"228":{"position":[[202,3],[1119,3],[1412,3],[2016,3]]},"230":{"position":[[161,3]]},"232":{"position":[[212,3]]},"234":{"position":[[2172,3],[2506,3],[2919,3]]},"236":{"position":[[941,3],[1674,3],[2232,3],[2491,3],[2820,3]]},"238":{"position":[[501,3],[825,3],[1398,3],[2141,3]]},"240":{"position":[[1128,3],[2395,3]]},"244":{"position":[[557,3],[755,3]]},"246":{"position":[[164,3]]},"248":{"position":[[461,3]]},"250":{"position":[[676,3]]},"256":{"position":[[164,3]]},"260":{"position":[[852,3]]},"262":{"position":[[160,3]]},"266":{"position":[[896,3],[1309,3]]},"270":{"position":[[165,3],[578,3]]},"272":{"position":[[409,3],[2695,3]]},"278":{"position":[[166,3]]},"282":{"position":[[1688,3],[2101,3]]},"284":{"position":[[596,3],[1009,3]]},"286":{"position":[[597,3]]},"290":{"position":[[597,3]]},"296":{"position":[[160,3]]},"298":{"position":[[166,3]]},"300":{"position":[[882,3]]},"304":{"position":[[159,3]]},"308":{"position":[[160,3],[453,3],[1057,3]]},"310":{"position":[[196,3],[1113,3],[1406,3],[2010,3]]},"312":{"position":[[189,3]]},"314":{"position":[[1122,3],[2389,3]]},"316":{"position":[[1355,3],[1689,3],[2102,3]]},"318":{"position":[[158,3]]},"320":{"position":[[2166,3],[2500,3],[2913,3]]},"322":{"position":[[935,3]]},"324":{"position":[[165,3]]},"328":{"position":[[670,3]]},"330":{"position":[[1082,3]]},"332":{"position":[[161,3],[1428,3]]},"334":{"position":[[192,3]]},"336":{"position":[[509,3]]},"338":{"position":[[158,3]]},"342":{"position":[[440,3]]},"346":{"position":[[162,3]]},"354":{"position":[[890,3],[1303,3]]},"356":{"position":[[159,3],[572,3]]},"360":{"position":[[169,3],[2009,3]]},"366":{"position":[[1862,3]]},"368":{"position":[[191,3],[1108,3],[1438,3],[2612,3]]},"372":{"position":[[477,3]]},"374":{"position":[[192,3]]},"378":{"position":[[159,3]]},"380":{"position":[[185,3]]},"382":{"position":[[161,3]]},"384":{"position":[[163,3]]},"386":{"position":[[160,3]]},"390":{"position":[[2594,3],[3007,3]]},"396":{"position":[[201,3]]},"398":{"position":[[590,3],[1003,3]]},"400":{"position":[[158,3],[451,3],[781,3]]},"404":{"position":[[356,3],[554,3]]},"406":{"position":[[421,3]]},"408":{"position":[[168,3]]},"410":{"position":[[178,3]]},"412":{"position":[[159,3],[489,3]]},"414":{"position":[[508,3]]},"416":{"position":[[193,3],[1267,3]]},"418":{"position":[[162,3]]},"422":{"position":[[194,3],[833,3]]},"428":{"position":[[153,3],[462,3]]},"430":{"position":[[160,3]]},"432":{"position":[[435,3]]},"434":{"position":[[876,3]]},"436":{"position":[[747,3]]},"438":{"position":[[160,3]]},"442":{"position":[[156,3]]},"458":{"position":[[157,3]]},"460":{"position":[[157,3]]},"468":{"position":[[158,3]]},"476":{"position":[[162,3]]},"478":{"position":[[179,3]]},"484":{"position":[[160,3]]},"486":{"position":[[158,3]]},"494":{"position":[[173,3]]},"500":{"position":[[160,3]]},"506":{"position":[[160,3]]},"508":{"position":[[159,3]]},"510":{"position":[[185,3]]},"520":{"position":[[155,3]]},"522":{"position":[[156,3]]},"526":{"position":[[156,3]]},"542":{"position":[[154,3]]},"552":{"position":[[156,3]]},"556":{"position":[[156,3]]},"560":{"position":[[618,3],[645,3],[693,3],[772,3],[799,3],[847,3],[899,3],[1372,3],[1399,3],[1447,3],[1499,3],[2105,3],[2132,3],[2180,3],[2232,3]]},"562":{"position":[[192,3]]},"576":{"position":[[4499,3],[5215,3]]},"578":{"position":[[2785,3],[3866,3],[4312,3],[5506,3],[6670,3],[7294,3],[7935,3],[8746,3]]},"582":{"position":[[3909,3],[4698,3],[5659,3],[6879,3]]},"584":{"position":[[157,3]]},"588":{"position":[[4677,3],[5451,3],[6366,3],[7564,3]]},"598":{"position":[[3043,3],[3145,3],[3281,3],[3750,3],[5388,3],[6891,3],[8455,3]]},"600":{"position":[[2228,3],[2248,3],[2361,3],[2445,3],[2551,3],[2643,3],[2754,3],[2870,3],[2961,3],[3069,3],[3184,3],[3258,3],[3382,3],[3509,3],[3629,3],[4327,3],[4347,3],[4460,3],[4544,3],[4650,3],[4742,3],[4853,3],[4969,3],[5060,3],[5179,3],[5265,3],[5380,3],[5460,3],[5566,3],[5652,3],[5759,3],[5833,3],[5958,3],[6085,3],[6205,3],[7218,3],[7238,3],[7351,3],[7466,3],[7572,3],[7695,3],[7806,3],[7922,3],[8013,3],[8132,3],[8218,3],[8333,3],[8444,3],[8550,3],[8636,3],[8743,3],[8848,3],[8973,3],[9100,3],[9220,3],[10212,3],[10232,3],[10345,3],[10460,3],[10566,3],[10689,3],[10800,3],[10916,3],[11007,3],[11126,3],[11212,3],[11327,3],[11438,3],[11544,3],[11630,3],[11737,3],[11842,3],[11967,3],[12094,3],[12214,3],[13210,3],[13230,3],[13343,3],[13458,3],[13564,3],[13687,3],[13798,3],[13914,3],[14005,3],[14124,3],[14210,3],[14325,3],[14436,3],[14542,3],[14628,3],[14735,3],[14840,3],[14965,3],[15092,3],[15212,3],[15942,3],[15962,3],[16075,3],[16159,3],[16265,3],[16357,3],[16468,3],[16584,3],[16675,3],[16783,3],[16898,3],[16972,3],[17096,3],[17223,3],[17343,3]]},"602":{"position":[[2547,3],[3789,3],[3906,3],[4674,3],[5005,3],[6164,3],[6282,3],[6400,3],[7617,3],[9014,3],[9132,3],[9926,3],[10185,3],[10654,3],[11401,3],[12214,3],[13189,3]]},"606":{"position":[[2784,3],[2968,3],[4328,3],[4512,3],[5766,3],[5950,3],[7356,3],[7558,3],[9443,6],[9545,3],[9873,3],[11036,3],[11220,3]]},"612":{"position":[[1183,3],[1285,3],[1421,3],[11370,3],[13460,5],[14401,5],[14576,3],[15684,5],[15868,3]]},"616":{"position":[[5852,6],[5913,3],[6017,3],[6072,3],[6468,3],[6712,3],[7368,3],[8044,3],[8342,3],[8444,3],[8496,3],[8548,3],[8627,3],[8821,3],[9354,3],[9429,3],[9471,3],[9502,3],[9569,3],[9645,3],[9721,3],[9784,3],[9858,3],[9946,3],[10803,3],[10878,3],[10920,3],[10970,3],[11035,3],[11081,3],[11127,3],[11193,3],[11241,3],[11306,3],[11352,3],[11398,3],[11464,3],[11512,3],[11578,3],[11624,3],[11670,3],[11733,3],[11807,6],[11879,3],[13031,3],[13106,3],[13148,3],[13198,3],[13263,3],[13309,3],[13355,3],[13421,3],[13469,3],[13534,3],[13580,3],[13626,3],[13692,3],[13740,3],[13806,3],[13852,3],[13898,3],[13961,3],[14035,6],[14141,3],[15129,3],[15204,3],[15246,3],[15296,3],[15361,3],[15407,3],[15453,3],[15519,3],[15567,3],[15632,3],[15678,3],[15724,3],[15790,3],[15838,3],[15904,3],[15950,3],[15996,3],[16059,3],[16133,6],[16205,3],[16895,3]]},"618":{"position":[[4807,6],[4925,3],[5034,6],[5544,3],[5813,3],[6478,3],[6962,3],[7204,5],[7370,3],[7558,3],[7768,3],[8670,3],[8828,3],[8870,3],[8921,3],[9068,3],[9114,3],[9160,3],[9203,3],[9250,3],[9296,3],[9351,3],[9414,3],[9463,3],[9610,3],[9656,3],[9702,3],[9745,3],[9792,3],[9838,3],[9893,3],[9956,3],[10005,3],[10152,3],[10198,3],[10244,3],[10287,3],[10334,3],[10380,3],[10435,3],[10495,3],[10570,6],[10679,3],[11895,6],[12013,3],[12122,6],[12521,3],[12752,3],[13043,3],[13483,3],[13967,3],[14403,5],[14569,3],[14757,3],[14967,3]]},"620":{"position":[[3278,3],[3383,3],[3490,3],[3588,3],[3889,3],[3971,3],[3985,3],[4071,3],[4192,3],[4280,3],[7752,6],[7813,3],[7918,5],[7959,3],[8357,3],[8606,3],[9205,3],[9894,3],[10195,3],[10295,3],[10347,3],[10399,3],[10442,3],[10489,3],[10541,3],[10596,3],[10672,3],[10866,3],[11498,3],[11656,3],[11698,3],[11749,3],[11896,3],[11942,3],[11988,3],[12031,3],[12078,3],[12124,3],[12179,3],[12242,3],[12291,3],[12438,3],[12484,3],[12530,3],[12573,3],[12620,3],[12666,3],[12721,3],[12784,3],[12833,3],[12980,3],[13026,3],[13072,3],[13115,3],[13162,3],[13208,3],[13263,3],[13323,3],[13398,6],[13472,3],[14359,3],[14517,3],[14559,3],[14608,3],[14755,3],[14801,3],[14847,3],[14890,3],[14937,3],[14983,3],[15038,3],[15086,5],[15168,3],[15215,3],[15362,3],[15408,3],[15454,3],[15497,3],[15544,3],[15590,3],[15645,3],[15693,5],[15775,3],[15822,3],[15969,3],[16015,3],[16061,3],[16104,3],[16151,3],[16197,3],[16252,3],[16300,5],[16383,3],[16458,6],[16532,3],[17183,3]]},"622":{"position":[[2971,3],[4842,3],[7467,3],[9411,6],[9566,3]]},"624":{"position":[[4495,6],[4613,3],[4717,6],[5202,3],[5446,3],[6076,3],[6531,3],[6758,5],[6924,3],[7112,3],[7322,3],[8289,6],[8407,3],[8511,6],[8885,3],[9116,3],[9360,3],[9755,3],[10210,3],[10629,5],[10795,3],[10983,3],[11193,3],[12497,6],[12615,3],[12719,6],[13700,3],[13927,5],[14093,3],[14281,3],[14491,3]]},"626":{"position":[[9629,6],[9725,3],[10463,6],[10484,3]]},"628":{"position":[[8360,6],[8456,3],[8701,6],[8722,3],[11509,6],[11721,3],[12255,3],[12521,6],[12542,3]]},"630":{"position":[[12994,6],[13090,3],[13828,6],[13849,3]]},"632":{"position":[[5863,3],[5884,6],[5927,6],[5965,6],[6005,6],[6052,6]]},"636":{"position":[[7853,3],[7873,3],[7984,3],[8082,3]]},"638":{"position":[[8235,3],[8255,3],[8366,3],[8464,3]]},"640":{"position":[[8377,3],[8397,3],[8508,3],[8606,3]]},"642":{"position":[[5767,3],[5798,3],[7276,3],[7296,3],[7407,3],[7505,3]]},"644":{"position":[[5928,3],[5959,3],[7437,3],[7457,3],[7568,3],[7666,3]]},"650":{"position":[[7144,3],[7164,3],[7275,3],[7373,3]]},"652":{"position":[[1351,3],[1371,3],[1482,3],[1580,3]]},"654":{"position":[[1356,3],[1376,3],[1487,3],[1585,3]]},"656":{"position":[[5813,3],[5844,3],[7169,3],[7189,3],[7300,3],[7398,3]]},"658":{"position":[[1984,3],[3167,3],[3943,3],[4340,3],[4773,3],[5453,3],[5666,3]]},"660":{"position":[[20539,6],[20646,3],[21384,6],[21405,3],[25200,3]]},"662":{"position":[[1594,3],[2172,3],[3425,3],[3465,3],[3504,3],[3558,3],[3597,3],[4108,3],[4837,3],[7452,6],[7598,3],[7704,3],[7957,6],[7978,3],[8867,3],[10740,6],[10954,3],[11528,3],[11781,6],[11802,3]]},"664":{"position":[[2155,3],[2175,3],[2278,3],[2365,3],[2465,3],[2557,3],[3256,3],[3276,3],[3389,3],[3473,3],[3579,3],[3671,3],[3782,3],[3898,3],[4014,3],[4088,3],[4212,3],[4339,3],[4459,3],[5088,3],[5108,3],[5221,3],[5336,3],[5442,3],[5565,3],[5676,3],[5792,3],[5908,3],[6012,3],[6136,3],[6263,3],[6383,3],[7347,3],[7367,3],[7480,3],[7595,3],[7701,3],[7824,3],[7935,3],[8051,3],[8167,3],[8271,3],[8395,3],[8522,3],[8642,3],[9700,3],[9720,3],[9833,3],[9948,3],[10054,3],[10177,3],[10288,3],[10404,3],[10520,3],[10624,3],[10748,3],[10875,3],[10995,3],[12173,3],[12193,3],[12306,3],[12421,3],[12527,3],[12650,3],[12761,3],[12877,3],[12993,3],[13097,3],[13221,3],[13348,3],[13468,3],[14603,3],[14623,3],[14736,3],[14851,3],[14957,3],[15080,3],[15191,3],[15307,3],[15423,3],[15527,3],[15651,3],[15778,3],[15898,3],[16994,3],[17014,3],[17127,3],[17242,3],[17348,3],[17471,3],[17582,3],[17698,3],[17814,3],[17918,3],[18042,3],[18169,3],[18289,3],[19477,3],[19497,3],[19610,3],[19725,3],[19831,3],[19954,3],[20065,3],[20181,3],[20297,3],[20401,3],[20525,3],[20652,3],[20772,3],[22780,3],[22800,3],[22913,3],[22997,3],[23103,3],[23195,3],[23320,3],[23450,3],[23580,3],[23654,3],[23778,3],[23905,3],[24025,3],[24707,3],[24727,3],[24830,3],[24917,3],[25017,3],[25109,3]]},"668":{"position":[[2433,3],[8306,3],[8328,3],[8405,3],[8452,3],[8538,3],[8583,3],[8661,3],[8707,3],[8790,3],[8836,3],[8923,3],[8969,3],[9043,3],[9089,3],[9165,3],[9211,3],[9289,3],[9334,3],[9408,3],[10806,3],[10828,3],[10905,3],[10952,3],[11038,3],[11083,3],[11161,3],[11207,3],[11290,3],[11336,3],[11423,3],[11469,3],[11543,3],[11589,3],[11665,3],[11711,3],[11789,3],[11834,3],[11908,3],[13085,3],[13107,3],[13184,3],[13231,3],[13317,3],[13362,3],[13440,3],[13486,3],[13569,3],[13615,3],[13702,3],[13748,3],[13822,3],[13868,3],[13944,3],[13990,3],[14074,3],[14120,3],[14199,3],[14245,3],[14323,3],[14368,3],[14442,3],[14487,3],[14567,3],[15886,3],[15908,3],[15985,3],[16032,3],[16118,3],[16163,3],[16241,3],[16287,3],[16370,3],[16416,3],[16503,3],[16549,3],[16623,3],[16669,3],[16745,3],[16791,3],[16869,3],[16914,3],[16988,3],[18642,6],[19066,3],[19088,3],[19165,3],[19212,3],[19298,3],[19343,3],[19421,3],[19467,3],[19550,3],[19596,3],[19683,3],[19729,3],[19803,3],[19849,3],[19925,3],[19971,3],[20055,3],[20101,3],[20180,3],[20226,3],[20304,3],[20349,3],[20423,3],[20468,3],[20548,3],[20742,6],[22208,3],[22230,3],[22307,3],[22354,3],[22440,3],[22485,3],[22563,3],[22609,3],[22692,3],[22738,3],[22825,3],[22871,3],[22945,3],[22991,3],[23067,3],[23113,3],[23191,3],[23236,3],[23310,3],[24890,3],[24912,3],[24989,3],[25036,3],[25122,3],[25167,3],[25245,3],[25291,3],[25374,3],[25420,3],[25507,3],[25553,3],[25627,3],[25673,3],[25749,3],[25795,3],[25873,3],[25918,3],[25992,3],[28167,3],[28189,3],[28365,3],[28427,3],[28608,3],[28669,3],[28844,3],[28906,3],[29084,3],[29146,3],[29332,3],[29398,3],[29566,3],[29628,3],[29805,3],[29867,3],[30046,3],[30107,3],[30281,3],[34744,3],[34766,3],[34843,3],[34890,3],[34976,3],[35021,3],[35099,3],[35145,3],[35228,3],[35274,3],[35361,3],[35407,3],[35481,3],[35527,3],[35603,3],[35649,3],[35727,3],[35772,3],[35846,3],[37392,3],[37414,3],[37491,3],[37538,3],[37624,3],[37669,3],[37747,3],[37793,3],[37876,3],[37922,3],[38009,3],[38055,3],[38129,3],[38175,3],[38251,3],[38297,3],[38375,3],[38420,3],[38494,3],[39968,3],[39990,3],[40067,3],[40114,3],[40200,3],[40245,3],[40323,3],[40369,3],[40452,3],[40498,3],[40585,3],[40631,3],[40705,3],[40751,3],[40827,3],[40873,3],[40951,3],[40996,3],[41070,3],[42584,3],[42606,3],[42711,3],[42826,3],[42933,3],[43046,3],[43166,3],[43269,3],[43374,3],[43481,3],[45172,3],[45194,3],[45299,3],[45414,3],[45521,3],[45634,3],[45754,3],[45857,3],[45962,3],[46069,3],[48008,3],[48030,3],[48206,3],[48268,3],[48449,3],[48510,3],[48685,3],[48747,3],[48925,3],[48987,3],[49173,3],[49239,3],[49407,3],[49469,3],[49646,3],[49708,3],[49887,3],[49948,3],[50122,3],[51081,4],[51128,3],[58517,4],[58564,3],[61523,3],[61545,3],[61622,3],[61669,3],[61755,3],[61800,3],[61878,3],[61924,3],[62007,3],[62053,3],[62140,3],[62186,3],[62260,3],[62306,3],[62382,3],[62428,3],[62512,3],[62558,3],[62637,3],[62683,3],[62761,3],[62806,3],[62880,3],[62925,3],[63005,3],[64073,3],[64098,3],[64151,3],[64173,3],[64250,3],[64297,3],[64383,3],[64428,3],[64506,3],[64552,3],[64635,3],[64681,3],[64768,3],[64817,3],[64870,3],[64892,3],[64966,3],[65012,3],[65088,3],[65134,3],[65212,3],[65257,3],[65331,3],[66609,3],[66631,3],[66708,3],[66755,3],[66841,3],[66886,3],[66964,3],[67010,3],[67093,3],[67139,3],[67226,3],[67642,3],[67807,3],[67950,3],[67994,3],[68020,3],[68126,3],[68308,3],[68327,3],[68415,3],[70354,3],[70376,3],[70453,3],[70500,3],[70586,3],[70631,3],[70709,3],[70755,3],[70838,3],[70884,3],[70971,3],[71017,3],[71091,3],[71137,3],[71213,3],[71259,3],[71343,3],[71389,3],[71468,3],[71514,3],[71592,3],[71637,3],[71711,3],[71756,3],[71836,3],[73604,3],[73626,3],[73703,3],[73750,3],[73836,3],[73881,3],[73959,3],[74005,3],[74088,3],[74134,3],[74221,3],[74267,3],[74341,3],[74387,3],[74463,3],[74509,3],[74593,3],[74639,3],[74718,3],[74764,3],[74842,3],[74887,3],[74961,3],[75006,3],[75086,3],[76716,3],[76738,3],[76815,3],[76862,3],[76948,3],[76993,3],[77071,3],[77117,3],[77200,3],[77246,3],[77333,3],[77379,3],[77453,3],[77499,3],[77575,3],[77621,3],[77705,3],[77751,3],[77830,3],[77876,3],[77954,3],[77999,3],[78073,3],[78118,3],[78198,3],[80201,3],[80223,3],[80300,3],[80347,3],[80433,3],[80478,3],[80556,3],[80602,3],[80685,3],[80731,3],[80818,3],[80864,3],[80938,3],[80984,3],[81060,3],[81106,3],[81190,3],[81236,3],[81315,3],[81361,3],[81439,3],[81484,3],[81558,3],[81603,3],[81683,3],[82904,6],[83382,3],[83404,3],[83481,3],[83528,3],[83614,3],[83659,3],[83737,3],[83783,3],[83866,3],[83912,3],[83999,3],[84045,3],[84119,3],[84165,3],[84241,3],[84287,3],[84365,3],[84410,3],[84484,3],[84677,6],[85930,6],[86408,3],[86430,3],[86507,3],[86554,3],[86640,3],[86685,3],[86763,3],[86809,3],[86892,3],[86938,3],[87025,3],[87071,3],[87145,3],[87191,3],[87267,3],[87313,3],[87391,3],[87436,3],[87510,3],[87703,6],[89425,6],[89849,3],[89871,3],[89948,3],[89995,3],[90081,3],[90126,3],[90204,3],[90250,3],[90333,3],[90379,3],[90466,3],[90512,3],[90586,3],[90632,3],[90708,3],[90754,3],[90832,3],[90877,3],[90951,3],[91427,6],[93585,6],[94063,3],[94085,3],[94162,3],[94209,3],[94295,3],[94340,3],[94418,3],[94464,3],[94547,3],[94593,3],[94680,3],[94726,3],[94800,3],[94846,3],[94922,3],[94968,3],[95046,3],[95091,3],[95165,3],[95358,6],[96886,3],[96908,3],[96985,3],[97032,3],[97118,3],[97163,3],[97241,3],[97287,3],[97370,3],[97416,3],[97503,3],[97549,3],[97623,3],[97669,3],[97745,3],[97791,3],[97875,3],[97921,3],[98000,3],[98046,3],[98124,3],[98169,3],[98243,3],[98288,3],[98368,3],[99681,3],[99703,3],[99780,3],[99827,3],[99913,3],[99958,3],[100036,3],[100082,3],[100165,3],[100211,3],[100298,3],[100344,3],[100418,3],[100464,3],[100540,3],[100586,3],[100670,3],[100716,3],[100795,3],[100841,3],[100919,3],[100964,3],[101038,3],[101083,3],[101163,3],[105026,3],[105048,3],[105134,3],[105179,3],[105257,3],[105303,3],[105386,3],[105432,3],[105519,3],[105565,3],[105639,3],[105685,3],[105761,3],[113459,3],[113481,3],[113567,3],[113612,3],[113690,3],[113736,3],[113819,3],[113865,3],[113952,3],[113998,3],[114072,3],[114118,3],[114194,3],[115679,3],[115701,3],[115787,3],[115832,3],[115910,3],[115956,3],[116039,3],[116085,3],[116172,3],[116218,3],[116292,3],[116338,3],[116414,3],[118146,3],[118168,3],[118254,3],[118299,3],[118377,3],[118423,3],[118506,3],[118552,3],[118639,3],[118685,3],[118759,3],[118805,3],[118881,3],[120752,3],[122166,3],[122188,3],[122265,3],[122312,3],[122398,3],[122443,3],[122521,3],[122567,3],[122650,3],[122696,3],[122783,3],[122829,3],[122903,3],[122949,3],[123025,3],[123071,3],[123155,3],[123201,3],[123280,3],[123326,3],[123404,3],[123449,3],[123523,3],[123568,3],[123648,3],[126075,3],[126097,3],[126174,3],[126221,3],[126308,3],[126353,3],[126431,3],[126477,3],[126560,3],[126606,3],[126693,3],[126739,3],[126813,3],[126859,3],[126935,3],[126981,3],[127059,3],[127104,3],[127203,3],[127271,3],[139732,3],[139754,3],[139831,3],[139878,3],[139964,3],[140009,3],[140087,3],[140133,3],[140216,3],[140262,3],[140349,3],[140395,3],[140469,3],[140515,3],[140591,3],[140637,3],[140721,3],[140767,3],[140846,3],[140892,3],[140970,3],[141015,3],[141089,3],[141134,3],[141214,3],[142475,3],[142492,3],[142535,3],[142597,3],[142639,3],[142697,3],[142739,3],[142800,3],[142841,3],[142901,3],[142945,3],[143015,3],[143057,3],[143127,3],[143171,3],[143232,3],[143275,3],[143333,3],[143413,3],[143456,3],[145127,3],[145144,3],[145209,3],[145271,3],[145335,3],[145393,3],[145457,3],[145518,3],[145581,3],[145641,3],[145707,3],[145777,3],[145841,3],[145911,3],[145977,3],[146038,3],[146103,3],[146161,3],[146263,3],[146328,3],[148150,3],[148172,3],[148249,3],[148296,3],[148382,3],[148427,3],[148505,3],[148551,3],[148634,3],[148680,3],[148767,3],[151353,3],[151375,3],[151452,3],[151499,3],[151585,3],[151630,3],[151708,3],[151754,3],[151837,3],[151883,3],[151970,3]]}}}],["new(1",{"_index":2902,"t":{"612":{"position":[[13468,6],[14409,6],[15692,6]]},"622":{"position":[[2992,6],[4863,6],[7488,6]]}}}],["new(10",{"_index":3303,"t":{"622":{"position":[[3175,7],[5046,7],[7671,7]]}}}],["new(11",{"_index":3304,"t":{"622":{"position":[[3196,7],[5067,7],[7692,7]]}}}],["new(12",{"_index":3307,"t":{"622":{"position":[[3219,7],[5090,7],[7715,7]]}}}],["new(13",{"_index":3310,"t":{"622":{"position":[[3243,7],[5114,7],[7739,7]]}}}],["new(14",{"_index":3313,"t":{"622":{"position":[[3266,7],[5137,7],[7762,7]]}}}],["new(15",{"_index":3315,"t":{"622":{"position":[[3287,7],[5158,7],[7783,7]]}}}],["new(16",{"_index":3317,"t":{"622":{"position":[[3310,7],[5181,7],[7806,7]]}}}],["new(17",{"_index":3320,"t":{"622":{"position":[[3333,7],[5204,7],[7829,7]]}}}],["new(18",{"_index":3323,"t":{"622":{"position":[[3360,7],[5231,7],[7856,7]]}}}],["new(19",{"_index":3326,"t":{"622":{"position":[[3380,7],[5251,7],[7876,7]]}}}],["new(2",{"_index":2905,"t":{"612":{"position":[[13492,6],[14433,6],[15716,6]]},"622":{"position":[[3010,6],[4881,6],[7506,6]]}}}],["new(20",{"_index":3328,"t":{"622":{"position":[[3398,7],[5269,7],[7894,7]]}}}],["new(21",{"_index":3330,"t":{"622":{"position":[[3420,7],[5291,7],[7916,7]]}}}],["new(22",{"_index":3332,"t":{"622":{"position":[[3440,7],[5311,7],[7936,7]]}}}],["new(3",{"_index":2906,"t":{"612":{"position":[[13516,6],[14457,6],[15740,6]]},"622":{"position":[[3030,6],[4901,6],[7526,6]]}}}],["new(4",{"_index":2909,"t":{"612":{"position":[[13538,6],[14479,6],[15762,6]]},"622":{"position":[[3051,6],[4922,6],[7547,6]]}}}],["new(5",{"_index":3292,"t":{"622":{"position":[[3069,6],[4940,6],[7565,6]]}}}],["new(6",{"_index":3295,"t":{"622":{"position":[[3091,6],[4962,6],[7587,6]]}}}],["new(7",{"_index":3297,"t":{"622":{"position":[[3110,6],[4981,6],[7606,6]]}}}],["new(8",{"_index":3298,"t":{"622":{"position":[[3132,6],[5003,6],[7628,6]]}}}],["new(9",{"_index":3300,"t":{"622":{"position":[[3154,6],[5025,6],[7650,6]]}}}],["newdata",{"_index":3027,"t":{"616":{"position":[[6702,7],[6822,8]]},"618":{"position":[[5803,7],[5931,8],[13033,7],[13161,8]]},"620":{"position":[[8596,7],[8717,8]]},"624":{"position":[[5436,7],[5559,8],[9350,7],[9473,8]]}}}],["newdata.add(random.next(0",{"_index":3121,"t":{"618":{"position":[[5867,26],[13097,26]]},"624":{"position":[[5500,26],[9414,26]]}}}],["newdata.add(random.next(200",{"_index":3028,"t":{"616":{"position":[[6766,30]]},"620":{"position":[[8660,30]]}}}],["newdataset",{"_index":3024,"t":{"616":{"position":[[6454,11],[6890,12]]},"618":{"position":[[5530,11],[6004,12],[12738,11],[13234,12]]},"620":{"position":[[8343,11],[8786,12]]},"624":{"position":[[5188,11],[5627,12],[9102,11],[9541,12]]}}}],["newdatasets.add(barchartdataset",{"_index":3029,"t":{"616":{"position":[[6831,33]]}}}],["newdatasets.add(doughnutchartdataset",{"_index":3122,"t":{"618":{"position":[[5940,38],[13170,38]]}}}],["newdatasets.add(linechartdataset",{"_index":3245,"t":{"620":{"position":[[8726,34]]}}}],["newdatasets.add(piechartdataset",{"_index":3409,"t":{"624":{"position":[[5568,33],[9482,33]]}}}],["newer",{"_index":171,"t":{"4":{"position":[[217,5]]},"6":{"position":[[302,5]]},"8":{"position":[[307,5]]},"10":{"position":[[759,5]]},"12":{"position":[[385,5]]},"14":{"position":[[408,5]]},"16":{"position":[[384,5]]},"18":{"position":[[325,5]]},"20":{"position":[[404,5]]},"22":{"position":[[287,5]]},"24":{"position":[[336,5]]},"26":{"position":[[285,5]]},"28":{"position":[[322,5]]},"30":{"position":[[666,5]]},"32":{"position":[[449,5]]},"34":{"position":[[790,5]]},"36":{"position":[[289,5]]},"38":{"position":[[626,5]]},"40":{"position":[[607,5]]},"42":{"position":[[498,5]]},"44":{"position":[[878,5]]},"46":{"position":[[912,5]]},"48":{"position":[[730,5]]},"50":{"position":[[604,5]]},"52":{"position":[[515,5]]},"54":{"position":[[867,5]]},"56":{"position":[[470,5]]},"58":{"position":[[587,5]]},"60":{"position":[[812,5]]},"62":{"position":[[429,5]]},"64":{"position":[[488,5]]},"66":{"position":[[461,5]]},"68":{"position":[[1115,5]]},"70":{"position":[[683,5]]},"72":{"position":[[1169,5]]},"74":{"position":[[1188,5]]},"76":{"position":[[445,5]]},"78":{"position":[[542,5]]},"80":{"position":[[1955,5]]},"82":{"position":[[687,5]]},"84":{"position":[[512,5]]},"86":{"position":[[532,5]]},"88":{"position":[[903,5]]},"90":{"position":[[393,5]]},"92":{"position":[[472,5]]},"94":{"position":[[426,5]]},"96":{"position":[[1107,5]]},"98":{"position":[[707,5]]},"100":{"position":[[588,5]]},"102":{"position":[[1579,5]]},"104":{"position":[[1045,5]]},"106":{"position":[[619,5]]},"108":{"position":[[708,5]]},"110":{"position":[[1306,5]]},"112":{"position":[[452,5]]},"114":{"position":[[995,5]]},"116":{"position":[[556,5]]},"118":{"position":[[1249,5]]},"120":{"position":[[615,5]]},"122":{"position":[[532,5]]},"124":{"position":[[1699,5]]},"126":{"position":[[435,5]]},"132":{"position":[[2813,5]]},"134":{"position":[[3093,5]]},"136":{"position":[[2994,5]]},"138":{"position":[[2790,5]]},"140":{"position":[[2040,5]]},"144":{"position":[[627,5]]},"216":{"position":[[3142,5]]},"218":{"position":[[2920,5]]},"220":{"position":[[698,5]]},"222":{"position":[[3101,5]]},"234":{"position":[[3151,5]]},"236":{"position":[[3110,5]]},"238":{"position":[[2623,5]]},"240":{"position":[[2929,5]]},"242":{"position":[[490,5]]},"244":{"position":[[2097,5]]},"274":{"position":[[810,5]]},"312":{"position":[[807,5]]},"314":{"position":[[2923,5]]},"316":{"position":[[3081,5]]},"320":{"position":[[3145,5]]},"322":{"position":[[1553,5]]},"332":{"position":[[2774,5]]},"364":{"position":[[447,5]]},"366":{"position":[[2862,5]]},"388":{"position":[[751,5]]}}}],["newli",{"_index":2883,"t":{"612":{"position":[[11627,5]]}}}],["newpagenumb",{"_index":2204,"t":{"590":{"position":[[3259,14],[3319,14]]}}}],["next",{"_index":1019,"t":{"560":{"position":[[2382,4]]},"564":{"position":[[4021,4]]},"566":{"position":[[7869,4]]},"568":{"position":[[23467,4]]},"570":{"position":[[971,4]]},"572":{"position":[[7336,4]]},"574":{"position":[[9751,4]]},"576":{"position":[[5268,4]]},"578":{"position":[[8920,4]]},"580":{"position":[[13365,4]]},"582":{"position":[[21366,4]]},"586":{"position":[[3525,4]]},"588":{"position":[[15282,4]]},"590":{"position":[[907,4],[971,4],[3391,4]]},"592":{"position":[[3731,4]]},"594":{"position":[[1655,4]]},"596":{"position":[[8318,4]]},"598":{"position":[[9801,4]]},"600":{"position":[[17519,4]]},"602":{"position":[[13879,4]]},"604":{"position":[[4707,4]]},"606":{"position":[[12220,4]]},"608":{"position":[[2166,4]]},"610":{"position":[[4362,4]]},"612":{"position":[[2420,5],[2644,5],[2868,5],[3353,5],[3577,5],[3801,5],[4269,5],[4554,5],[4838,5],[5198,5],[5422,5],[5664,5],[5888,5],[6288,5],[6512,5],[6736,5],[16148,4]]},"614":{"position":[[1403,4]]},"616":{"position":[[1939,4],[17034,4]]},"618":{"position":[[15352,4]]},"620":{"position":[[17328,4]]},"622":{"position":[[1943,4],[13446,4]]},"624":{"position":[[14877,4]]},"626":{"position":[[11682,4]]},"628":{"position":[[12922,4]]},"630":{"position":[[17523,4]]},"632":{"position":[[6147,4]]},"634":{"position":[[2931,4]]},"636":{"position":[[8252,4]]},"638":{"position":[[8764,4]]},"640":{"position":[[8776,4]]},"642":{"position":[[7679,4]]},"644":{"position":[[7840,4]]},"646":{"position":[[3031,4]]},"648":{"position":[[3210,4]]},"650":{"position":[[7671,4]]},"652":{"position":[[1908,4]]},"654":{"position":[[1917,4]]},"656":{"position":[[7529,4]]},"660":{"position":[[25564,4]]},"662":{"position":[[12088,4]]},"664":{"position":[[25278,4]]},"666":{"position":[[1358181,4]]},"668":{"position":[[152273,4]]}}}],["nextlinkicon",{"_index":2163,"t":{"590":{"position":[[854,12],[1016,14]]}}}],["nextlinkicon=\"iconname.chevronright",{"_index":2188,"t":{"590":{"position":[[2126,36]]}}}],["nextlinktext",{"_index":2164,"t":{"590":{"position":[[929,12],[987,14]]}}}],["nibh",{"_index":1874,"t":{"582":{"position":[[7951,5],[11041,4],[11139,5],[12192,5],[15282,4],[15380,5],[16333,5],[19423,4],[19521,5]]}}}],["nice",{"_index":1086,"t":{"564":{"position":[[2110,4]]}}}],["niet",{"_index":5117,"t":{"668":{"position":[[120911,5]]}}}],["nisi",{"_index":1950,"t":{"582":{"position":[[9450,5],[9610,4],[10567,4],[13691,5],[13851,4],[14808,4],[17832,5],[17992,4],[18949,4]]}}}],["nisl",{"_index":1914,"t":{"582":{"position":[[8410,4],[9379,5],[10770,4],[12651,4],[13620,5],[15011,4],[16792,4],[17761,5],[19152,4]]}}}],["nobuttoncolor",{"_index":1588,"t":{"578":{"position":[[1189,13],[4424,13]]}}}],["nobuttontext",{"_index":1590,"t":{"578":{"position":[[1279,12],[4399,12]]}}}],["non",{"_index":86,"t":{"2":{"position":[[2032,3]]},"118":{"position":[[197,3]]},"582":{"position":[[8541,3],[9174,3],[10701,4],[12782,3],[13415,3],[14942,4],[16923,3],[17556,3],[19083,4]]},"620":{"position":[[3633,3]]},"668":{"position":[[5328,3],[5471,3]]}}}],["none",{"_index":1446,"t":{"574":{"position":[[3969,4]]},"610":{"position":[[2983,6],[3132,6]]}}}],["note",{"_index":1110,"t":{"564":{"position":[[3575,4]]},"568":{"position":[[2759,6],[3310,6],[3860,6],[4623,6],[5248,6],[5871,6],[6613,6],[7164,6],[7714,6],[8415,6],[8980,6],[9530,6],[10245,6],[10796,6],[11346,6],[12425,6],[12988,6],[13550,6],[14108,6],[14656,6],[15216,6],[18742,6],[19293,6],[19843,6],[21127,6],[21700,6],[22272,6]]},"574":{"position":[[8467,4]]},"598":{"position":[[9680,4]]},"602":{"position":[[12597,4]]},"610":{"position":[[749,4]]},"612":{"position":[[1983,4],[11735,4]]},"622":{"position":[[3556,5],[5427,5],[6456,5],[8052,5],[10212,5],[11723,5],[12021,4],[13217,5]]},"626":{"position":[[3668,4],[7083,4]]},"628":{"position":[[1360,4],[3199,4],[6244,4]]},"630":{"position":[[7573,4],[10302,4]]},"634":{"position":[[1693,4]]},"636":{"position":[[923,4]]},"640":{"position":[[921,4]]},"642":{"position":[[930,4]]},"644":{"position":[[930,4]]},"652":{"position":[[502,4]]},"654":{"position":[[507,4]]},"660":{"position":[[18265,4]]},"662":{"position":[[1304,4],[2371,4],[4385,4]]},"664":{"position":[[2774,4]]},"668":{"position":[[26232,4],[30405,4],[32500,5],[58908,4],[60857,5],[68084,4],[87741,4],[129413,5],[132066,5],[134756,5],[137561,5]]}}}],["notequ",{"_index":706,"t":{"110":{"position":[[771,8]]}}}],["notif",{"_index":1373,"t":{"572":{"position":[[3587,13],[3884,13]]},"588":{"position":[[129,14]]},"606":{"position":[[50,13],[195,13],[236,13]]},"658":{"position":[[148,14]]}}}],["notifi",{"_index":2742,"t":{"606":{"position":[[11789,11]]}}}],["novalid",{"_index":3629,"t":{"628":{"position":[[9972,11]]},"662":{"position":[[5492,11],[9512,11]]}}}],["novemb",{"_index":175,"t":{"6":{"position":[[23,8]]},"8":{"position":[[23,8]]},"44":{"position":[[24,8]]},"46":{"position":[[24,8]]},"48":{"position":[[24,8]]},"108":{"position":[[25,8]]},"130":{"position":[[176,8],[219,8],[399,8],[443,8],[487,8],[1120,8]]},"132":{"position":[[25,8]]},"138":{"position":[[24,8],[430,8],[743,8]]},"144":{"position":[[213,8],[407,8]]},"154":{"position":[[2786,8]]},"162":{"position":[[665,8],[1071,8],[1384,8]]},"164":{"position":[[82,8],[488,8]]},"170":{"position":[[74,8],[480,8]]},"180":{"position":[[81,8]]},"184":{"position":[[74,8]]},"188":{"position":[[81,8]]},"192":{"position":[[78,8]]},"198":{"position":[[75,8],[481,8]]},"200":{"position":[[78,8]]},"202":{"position":[[75,8],[481,8]]},"206":{"position":[[73,8]]},"212":{"position":[[74,8]]},"220":{"position":[[68,8],[381,8]]},"222":{"position":[[2719,8]]},"228":{"position":[[2795,8]]},"236":{"position":[[2728,8]]},"238":{"position":[[77,8],[390,8]]},"242":{"position":[[76,8],[270,8]]},"308":{"position":[[1836,8]]},"310":{"position":[[2789,8]]},"334":{"position":[[674,8]]},"360":{"position":[[732,8]]},"368":{"position":[[2001,8]]},"372":{"position":[[366,8]]},"380":{"position":[[74,8]]},"390":{"position":[[704,8]]},"402":{"position":[[70,8]]},"424":{"position":[[68,8]]},"440":{"position":[[67,8]]},"444":{"position":[[67,8]]},"478":{"position":[[68,8]]},"480":{"position":[[68,8]]},"484":{"position":[[68,8]]},"492":{"position":[[70,8]]},"616":{"position":[[5802,11]]},"618":{"position":[[8787,11]]},"620":{"position":[[11615,11],[14476,11]]}}}],["now",{"_index":130,"t":{"2":{"position":[[2857,3]]},"118":{"position":[[1022,3]]},"572":{"position":[[822,4]]},"668":{"position":[[67613,3],[68381,4]]}}}],["nowrap",{"_index":293,"t":{"30":{"position":[[476,6]]},"668":{"position":[[7062,7],[46197,7],[129983,7],[132654,7],[135356,7],[152770,6]]}}}],["nuget",{"_index":720,"t":{"110":{"position":[[1020,5]]},"636":{"position":[[224,5],[300,5],[8284,5]]},"638":{"position":[[294,5],[313,5],[2937,5],[2956,5],[8824,5],[8946,5]]},"640":{"position":[[224,5],[300,5],[8821,5]]},"642":{"position":[[234,5],[310,5],[7715,5]]},"644":{"position":[[234,5],[310,5],[7876,5]]},"646":{"position":[[242,5],[318,5],[3072,5]]},"648":{"position":[[242,5],[318,5],[3251,5]]},"650":{"position":[[282,5],[358,5],[7712,5]]},"656":{"position":[[234,5],[310,5],[7572,5]]}}}],["null",{"_index":539,"t":{"82":{"position":[[214,4],[375,4]]},"560":{"position":[[289,4]]},"566":{"position":[[237,4],[406,4]]},"568":{"position":[[329,4],[2003,4],[2091,4],[2138,4],[2202,4]]},"572":{"position":[[207,4],[636,4]]},"574":{"position":[[383,4],[710,4],[1063,4],[1189,4],[1459,4]]},"576":{"position":[[241,4],[399,4]]},"578":{"position":[[296,5],[443,5],[555,5],[605,5],[765,4],[946,4]]},"580":{"position":[[460,4],[797,4],[978,4],[1158,4],[1339,4],[1592,4],[1743,4],[1872,4],[2028,4],[2284,4],[2464,4]]},"582":{"position":[[260,4],[332,4],[481,4],[557,4],[624,4],[700,4],[1153,4]]},"586":{"position":[[390,4]]},"588":{"position":[[259,4],[331,4],[570,4],[663,4],[739,4],[915,4],[991,4],[1319,4],[1649,4],[1922,5]]},"590":{"position":[[552,4],[752,4],[949,4],[1158,4]]},"592":{"position":[[489,4],[585,4],[855,5]]},"594":{"position":[[286,4],[340,4]]},"596":{"position":[[303,4],[678,4]]},"598":{"position":[[223,4],[521,4],[668,4],[719,4],[787,4],[941,4],[1127,4],[1217,4],[1381,4],[1480,4],[1619,4],[1902,4],[2180,4],[2245,4]]},"600":{"position":[[287,4],[350,4],[617,4],[665,4],[1040,4],[1113,4],[1351,4],[1532,4],[2057,5],[4156,5],[7047,5],[10041,5],[13039,5],[15771,5]]},"602":{"position":[[594,4],[687,4],[751,4],[961,4],[1184,4],[1264,4],[1468,4],[1581,4],[1640,4],[13056,6],[13776,6]]},"604":{"position":[[386,4]]},"606":{"position":[[828,4]]},"608":{"position":[[223,4],[590,4]]},"610":{"position":[[534,4]]},"612":{"position":[[210,4],[1669,4],[1816,4],[1867,4],[1935,4],[13326,5]]},"614":{"position":[[272,4],[342,4]]},"616":{"position":[[314,4],[456,4],[1107,5],[1462,4],[1523,4],[1725,4],[1990,4],[2095,4],[2269,4],[2601,4],[2792,4],[2874,4],[2952,4],[3013,4],[3104,4],[3161,4],[3233,4],[6377,4],[6407,4],[6614,4],[6650,5],[7017,4],[7047,5],[7282,4],[7312,5]]},"618":{"position":[[410,4],[552,4],[1203,5],[1558,4],[1619,4],[1831,4],[1900,4],[1965,4],[2017,4],[2284,4],[2545,4],[2627,4],[2705,4],[2766,4],[2857,4],[5453,4],[5483,4],[5705,4],[5746,5],[6141,4],[6171,5],[6423,4],[6453,5],[12661,4],[12691,4],[12935,4],[12976,5],[13428,4],[13458,5]]},"620":{"position":[[459,4],[601,4],[1252,5],[1598,4],[1666,4],[1872,4],[1941,4],[2002,4],[2101,4],[2153,4],[2420,4],[2890,4],[2972,4],[3046,4],[3104,4],[3165,4],[3727,4],[3810,4],[4614,4],[4647,4],[5068,4],[5125,4],[5197,4],[8266,4],[8296,4],[8506,4],[8543,5],[8915,4],[8945,5],[9150,4],[9180,5]]},"622":{"position":[[349,4],[612,4],[673,4],[1050,4],[1112,4],[2669,5],[3565,4],[4540,5],[5436,4],[6465,4],[7165,5],[8061,4],[10221,4],[10317,5],[10336,9],[11732,4],[13226,4]]},"624":{"position":[[255,4],[397,4],[1048,5],[1394,4],[1462,4],[1666,4],[1735,4],[1800,4],[1852,4],[2119,4],[2375,4],[2457,4],[2535,4],[2595,4],[5111,4],[5141,4],[5348,4],[5384,5],[5754,4],[5784,5],[6021,4],[6051,5],[9025,4],[9055,4],[9262,4],[9298,5],[9700,4],[9730,5]]},"626":{"position":[[912,4],[966,4]]},"628":{"position":[[957,4],[5288,5],[5431,5],[11850,4],[11910,5],[11943,5],[11965,5],[11987,5],[12094,5]]},"630":{"position":[[1016,4],[1177,4],[1471,4]]},"632":{"position":[[496,4]]},"634":{"position":[[292,4]]},"636":{"position":[[7706,5]]},"638":{"position":[[8088,5]]},"640":{"position":[[8230,5]]},"642":{"position":[[7129,5]]},"644":{"position":[[7290,5]]},"650":{"position":[[6997,5]]},"652":{"position":[[1204,5]]},"654":{"position":[[1209,5]]},"656":{"position":[[7022,5]]},"658":{"position":[[531,4],[721,4],[897,4]]},"660":{"position":[[533,4],[1129,4],[1220,4],[1397,4],[1767,4],[2057,4],[2310,4],[2469,4],[2631,4]]},"662":{"position":[[901,4],[3545,5],[11089,4],[11151,5],[11182,5],[11205,5],[11228,5],[11339,5]]},"664":{"position":[[295,4],[358,4],[445,4],[628,4],[684,4],[1063,4],[1136,4],[1374,4],[1508,4],[2008,5],[3109,5],[4941,5],[7200,5],[9553,5],[12026,5],[14456,5],[16847,5],[19330,5],[22633,5],[24560,5]]},"666":{"position":[[387,4]]},"668":{"position":[[874,4],[974,4],[1058,4],[1177,4],[1445,4],[1610,4],[1719,4],[1849,6],[1971,4],[2051,4],[2130,4],[3007,4],[3118,6],[3169,4],[4360,4],[4760,4],[5002,4],[5531,4],[5593,4],[5887,4],[6398,4],[18788,5],[20704,4],[21930,5],[24612,5],[27889,5],[32464,4],[34466,5],[37114,5],[39690,5],[42306,5],[44894,5],[47730,5],[60535,5],[60840,5],[61335,6],[61429,5],[61442,6],[69902,5],[73326,5],[76438,5],[79923,5],[83104,5],[84639,4],[86130,5],[87665,4],[89571,5],[91389,4],[93785,5],[95320,4],[96608,5],[99403,5],[104748,5],[113181,5],[115401,5],[117868,5],[121888,5],[125797,5],[126242,5],[127178,5],[127259,5],[129377,4],[132030,4],[134720,4],[137525,4],[139454,5],[142218,5],[142613,5],[143375,5],[144870,5],[145309,5],[146225,5]]}}}],["nulla",{"_index":1878,"t":{"582":{"position":[[7997,5],[8175,5],[8351,5],[9128,5],[9256,5],[10572,6],[12238,5],[12416,5],[12592,5],[13369,5],[13497,5],[14813,6],[16379,5],[16557,5],[16733,5],[17510,5],[17638,5],[18954,6]]}}}],["nulla.</p",{"_index":1978,"t":{"582":{"position":[[10859,10],[15100,10],[19241,10]]}}}],["nullam",{"_index":1926,"t":{"582":{"position":[[8613,6],[9879,6],[11094,6],[11145,6],[12854,6],[14120,6],[15335,6],[15386,6],[16995,6],[18261,6],[19476,6],[19527,6]]}}}],["number",{"_index":341,"t":{"42":{"position":[[221,7]]},"44":{"position":[[346,7],[817,6],[831,6],[856,6]]},"50":{"position":[[540,6]]},"80":{"position":[[819,6],[1586,6]]},"98":{"position":[[510,6]]},"136":{"position":[[2935,6]]},"138":{"position":[[1004,6],[1018,6],[1043,6]]},"142":{"position":[[376,6]]},"162":{"position":[[582,6],[1645,6],[1659,6],[1684,6]]},"168":{"position":[[329,6]]},"180":{"position":[[35,7],[342,6],[356,6],[381,6]]},"184":{"position":[[335,6],[349,6],[374,6]]},"186":{"position":[[29,7],[321,6]]},"188":{"position":[[29,6],[342,6],[356,6],[381,6]]},"206":{"position":[[334,6],[348,6],[373,6]]},"220":{"position":[[642,6],[656,6],[681,6]]},"222":{"position":[[2636,6]]},"236":{"position":[[2645,6]]},"238":{"position":[[651,6],[665,6],[690,6]]},"260":{"position":[[1006,6]]},"278":{"position":[[320,6]]},"372":{"position":[[627,6],[641,6],[666,6]]},"380":{"position":[[28,7],[335,6],[349,6],[374,6]]},"478":{"position":[[329,6],[343,6],[368,6]]},"500":{"position":[[314,6]]},"590":{"position":[[282,7],[1495,6],[1760,6],[3148,7]]},"600":{"position":[[3541,8],[3598,7],[6117,8],[6174,7],[9132,8],[9189,7],[12126,8],[12183,7],[15124,8],[15181,7],[17255,8],[17312,7]]},"620":{"position":[[4704,6]]},"626":{"position":[[6,6],[39,6],[315,8],[1166,6],[1197,6],[1999,7],[2178,7],[2360,7],[2544,7],[2728,7],[2914,7],[3100,7],[3288,7],[3702,6],[5889,8],[5919,7],[6013,8],[6226,7],[11813,7]]},"628":{"position":[[3233,6],[12927,6]]},"630":{"position":[[117,7],[307,8],[1033,6],[1194,6],[1274,6],[1330,6],[1365,6],[5414,6],[5526,6],[7607,6],[9074,8],[9104,7],[9198,8],[9439,7],[17705,6],[17825,7]]},"632":{"position":[[4185,6],[6134,6]]},"662":{"position":[[2405,6],[5613,7],[5784,7],[8068,6]]},"664":{"position":[[4371,8],[4428,7],[6295,8],[6352,7],[8554,8],[8611,7],[10907,8],[10964,7],[13380,8],[13437,7],[15810,8],[15867,7],[18201,8],[18258,7],[20684,8],[20741,7],[23937,8],[23994,7]]},"668":{"position":[[4216,6],[7174,7],[43708,8],[58732,7]]}}}],["number/d",{"_index":5119,"t":{"668":{"position":[[120957,11]]}}}],["number/date/boolean",{"_index":5112,"t":{"668":{"position":[[120787,19]]}}}],["number1",{"_index":795,"t":{"142":{"position":[[327,7],[361,7],[1461,7]]}}}],["number</label",{"_index":3448,"t":{"626":{"position":[[1907,14],[2084,14],[2265,14],[2448,14],[2632,14],[2817,14],[3003,14],[3190,14]]},"630":{"position":[[6187,14],[6318,14],[6452,14],[6588,14],[6725,14],[6863,14],[7002,14],[7142,14]]}}}],["numberinput",{"_index":68,"t":{"2":{"position":[[1501,11]]},"44":{"position":[[210,11],[239,11],[654,11]]},"80":{"position":[[1864,11]]},"120":{"position":[[284,11],[550,11]]},"134":{"position":[[1496,11]]},"148":{"position":[[1210,11]]},"152":{"position":[[300,11]]},"154":{"position":[[1545,11]]},"216":{"position":[[1202,11]]},"224":{"position":[[833,11]]},"228":{"position":[[1554,11]]},"234":{"position":[[1211,11]]},"260":{"position":[[402,11]]},"266":{"position":[[698,11]]},"272":{"position":[[2252,11]]},"284":{"position":[[398,11]]},"290":{"position":[[395,11]]},"294":{"position":[[401,11]]},"300":{"position":[[684,11]]},"308":{"position":[[595,11]]},"310":{"position":[[1548,11]]},"316":{"position":[[394,11]]},"320":{"position":[[1205,11]]},"336":{"position":[[651,11]]},"346":{"position":[[304,11],[710,11]]},"354":{"position":[[692,11]]},"366":{"position":[[1419,11]]},"368":{"position":[[1250,11]]},"386":{"position":[[20,13],[302,11],[708,11]]},"398":{"position":[[392,11]]},"400":{"position":[[593,11]]},"412":{"position":[[301,11]]},"422":{"position":[[975,11]]},"424":{"position":[[664,11]]},"434":{"position":[[678,11]]},"442":{"position":[[298,11]]},"534":{"position":[[390,11]]},"552":{"position":[[298,11]]},"626":{"position":[[69,11],[363,11],[1307,11],[1490,12],[1681,11],[1922,12],[2099,12],[2280,12],[2463,12],[2647,12],[2832,12],[3018,12],[3205,12],[3716,11],[4049,12],[4547,12],[4842,12],[5402,12],[5628,12],[6082,12],[6409,12],[6482,12],[7070,12],[7221,12],[7508,11],[7717,11],[7782,11],[8379,12],[8730,12],[9130,12],[11055,11],[11215,12]]},"660":{"position":[[19386,12],[19678,12],[20019,12]]}}}],["numberinput.dis",{"_index":3494,"t":{"626":{"position":[[7579,22]]}}}],["numberinput.en",{"_index":3495,"t":{"626":{"position":[[7627,21]]}}}],["numberinput2",{"_index":876,"t":{"142":{"position":[[1527,12]]}}}],["numberinput<int",{"_index":3493,"t":{"626":{"position":[[7490,17]]}}}],["numberofdataset",{"_index":3045,"t":{"616":{"position":[[8009,17],[8099,17]]},"618":{"position":[[6927,17],[7017,17],[13932,17],[14022,17],[14167,16]]},"620":{"position":[[9859,17],[9949,17]]},"624":{"position":[[6496,17],[6586,17],[10175,17],[10265,17],[10405,16],[13665,17],[13755,17]]}}}],["numberoflabel",{"_index":3053,"t":{"616":{"position":[[8790,15],[8869,15]]},"618":{"position":[[7737,15],[7816,15],[14936,15],[15015,15]]},"620":{"position":[[10835,15],[10914,15]]},"624":{"position":[[7291,15],[7370,15],[11162,15],[11241,15],[14460,15],[14539,15]]}}}],["numer",{"_index":3438,"t":{"626":{"position":[[1397,7]]},"630":{"position":[[1915,7],[5121,7]]},"632":{"position":[[811,7],[3632,7]]}}}],["nunc",{"_index":1872,"t":{"582":{"position":[[7928,4],[8210,4],[9025,5],[9737,4],[10469,4],[10513,4],[12169,4],[12451,4],[13266,5],[13978,4],[14710,4],[14754,4],[16310,4],[16592,4],[17407,5],[18119,4],[18851,4],[18895,4]]}}}],["o",{"_index":877,"t":{"142":{"position":[[1540,1]]}}}],["object",{"_index":406,"t":{"54":{"position":[[429,8]]},"68":{"position":[[585,8]]},"578":{"position":[[534,7],[2405,6],[2808,10]]},"582":{"position":[[3608,6],[3932,10],[5218,6],[5682,10]]},"588":{"position":[[1901,7],[4402,6],[4700,10],[5987,6],[6389,10]]},"620":{"position":[[2599,6]]},"658":{"position":[[5243,6]]},"668":{"position":[[67366,6]]}}}],["obviou",{"_index":1150,"t":{"566":{"position":[[3149,7],[3637,7],[4126,7],[4612,7],[5097,7],[5607,7],[6114,7],[6622,7],[7127,7],[7631,7]]},"572":{"position":[[2239,7]]}}}],["occur",{"_index":1788,"t":{"582":{"position":[[1516,8],[1677,8]]},"594":{"position":[[608,7]]},"636":{"position":[[4744,9],[4887,9]]},"638":{"position":[[8630,9]]},"640":{"position":[[4672,9],[4815,9]]},"642":{"position":[[4451,9]]},"644":{"position":[[4652,9]]},"650":{"position":[[7539,9]]},"656":{"position":[[4108,9]]}}}],["octob",{"_index":320,"t":{"38":{"position":[[24,7]]},"40":{"position":[[23,7]]},"42":{"position":[[24,7]]},"106":{"position":[[25,7]]},"130":{"position":[[531,7],[574,7],[617,7],[1165,7]]},"132":{"position":[[300,7]]},"138":{"position":[[1084,7],[1399,7],[1661,7]]},"160":{"position":[[77,7]]},"166":{"position":[[74,7]]},"172":{"position":[[571,7]]},"174":{"position":[[82,7]]},"176":{"position":[[80,7]]},"178":{"position":[[81,7]]},"182":{"position":[[83,7]]},"190":{"position":[[78,7]]},"194":{"position":[[77,7]]},"196":{"position":[[77,7]]},"208":{"position":[[81,7]]},"214":{"position":[[322,7]]},"218":{"position":[[69,7]]},"238":{"position":[[731,7],[1046,7],[1308,7]]},"240":{"position":[[78,7]]},"268":{"position":[[77,7]]},"274":{"position":[[571,7]]},"276":{"position":[[72,7]]},"308":{"position":[[2111,7]]},"314":{"position":[[72,7]]},"360":{"position":[[1007,7]]},"362":{"position":[[423,7]]},"376":{"position":[[66,7]]},"406":{"position":[[327,7]]},"408":{"position":[[74,7]]},"436":{"position":[[653,7]]},"474":{"position":[[68,7]]},"476":{"position":[[68,7]]},"496":{"position":[[70,7]]},"584":{"position":[[67,7]]},"616":{"position":[[5791,10]]},"618":{"position":[[8776,10]]},"620":{"position":[[11604,10],[14465,10]]}}}],["odio",{"_index":1876,"t":{"582":{"position":[[7981,4],[8728,5],[9565,4],[11202,4],[12222,4],[12969,5],[13806,4],[15443,4],[16363,4],[17110,5],[17947,4],[19584,4]]}}}],["offcanva",{"_index":184,"t":{"6":{"position":[[240,9]]},"8":{"position":[[245,9]]},"10":{"position":[[406,10],[689,9]]},"16":{"position":[[174,9],[282,9],[343,9]]},"24":{"position":[[151,9],[240,9],[305,9]]},"48":{"position":[[209,9],[339,9],[489,9],[622,9]]},"68":{"position":[[341,9],[842,9],[1056,9]]},"74":{"position":[[593,9],[613,9],[902,9],[1147,9]]},"80":{"position":[[114,9],[342,9],[1452,9],[1746,9]]},"98":{"position":[[376,9]]},"134":{"position":[[1264,9],[1378,9],[3057,9]]},"136":{"position":[[289,9]]},"138":{"position":[[616,9]]},"140":{"position":[[357,9],[1369,9]]},"148":{"position":[[978,9],[1092,9]]},"162":{"position":[[1257,9]]},"164":{"position":[[674,9]]},"170":{"position":[[666,9]]},"192":{"position":[[29,10],[264,9]]},"198":{"position":[[667,9]]},"200":{"position":[[264,9]]},"202":{"position":[[667,9]]},"216":{"position":[[970,9],[1084,9],[2763,9],[3088,9]]},"220":{"position":[[254,9]]},"224":{"position":[[601,9],[715,9]]},"234":{"position":[[979,9],[1093,9],[2772,9],[3097,9]]},"238":{"position":[[263,9]]},"244":{"position":[[224,9],[1236,9]]},"250":{"position":[[854,9]]},"260":{"position":[[170,9],[284,9]]},"262":{"position":[[426,9]]},"266":{"position":[[466,9],[580,9],[1162,9],[1487,9]]},"270":{"position":[[431,9],[756,9]]},"272":{"position":[[2020,9],[2134,9],[2961,9]]},"282":{"position":[[1954,9],[2279,9]]},"284":{"position":[[166,9],[280,9],[862,9],[1187,9]]},"290":{"position":[[163,9],[277,9]]},"294":{"position":[[169,9],[283,9]]},"296":{"position":[[426,9]]},"298":{"position":[[432,9]]},"300":{"position":[[452,9],[566,9],[1148,9]]},"316":{"position":[[162,9],[276,9],[1955,9],[2280,9]]},"320":{"position":[[973,9],[1087,9],[2766,9],[3091,9]]},"328":{"position":[[848,9]]},"346":{"position":[[478,9],[592,9]]},"354":{"position":[[460,9],[574,9],[1156,9],[1481,9]]},"356":{"position":[[425,9],[750,9]]},"364":{"position":[[411,9]]},"366":{"position":[[1187,9],[1301,9],[2128,9]]},"386":{"position":[[476,9],[590,9]]},"388":{"position":[[524,9],[715,9]]},"390":{"position":[[2860,9],[3185,9]]},"392":{"position":[[213,9]]},"398":{"position":[[20,11],[160,9],[274,9],[856,9],[1181,9],[1406,9],[1597,9]]},"424":{"position":[[432,9],[546,9]]},"430":{"position":[[426,9]]},"434":{"position":[[446,9],[560,9],[1142,9]]},"456":{"position":[[209,9]]},"464":{"position":[[215,9]]},"480":{"position":[[254,9]]},"520":{"position":[[333,9]]},"526":{"position":[[422,9]]},"534":{"position":[[158,9],[272,9]]},"582":{"position":[[11,9],[41,9],[154,9],[408,9],[826,9],[902,9],[1068,9],[1175,9],[1270,9],[1391,9],[1443,9],[1550,9],[1602,9],[2093,9],[2306,9],[2413,9],[2637,9],[2707,10],[2746,9],[2790,10],[2813,9],[2974,10],[3035,12],[3064,9],[3074,10],[3281,9],[3332,10],[3394,9],[3641,10],[3790,9],[3800,9],[5320,10],[5540,9],[5550,9],[7039,10],[7149,12],[7274,9],[7284,10],[7448,9],[7502,10],[11383,12],[11504,9],[11514,10],[11645,9],[11730,10],[11741,10],[15624,12],[15751,9],[15761,10],[15871,10],[15882,10],[19765,12],[19892,9],[19902,10],[20026,9],[20084,9],[20109,10],[20581,12],[20702,9],[20712,10],[21439,9],[21470,9]]},"588":{"position":[[2397,9],[2610,9],[15287,9]]},"590":{"position":[[3381,9]]}}}],["offcanvas.showasync<employeedemocomponent1>(titl",{"_index":1805,"t":{"582":{"position":[[3984,50]]}}}],["offcanvas.showasync<employeedemocomponent2>(titl",{"_index":1824,"t":{"582":{"position":[[5836,50]]}}}],["offcanvas1",{"_index":796,"t":{"142":{"position":[[397,10]]}}}],["offcanvas5",{"_index":878,"t":{"142":{"position":[[1542,10]]}}}],["offcanvas</button",{"_index":1797,"t":{"582":{"position":[[2955,18],[7239,18],[11469,18],[15716,18],[19857,18],[20544,18],[20667,18]]}}}],["offcanvas?.hideasync",{"_index":1801,"t":{"582":{"position":[[3207,23],[20849,23]]}}}],["offcanvas?.hideasync()\">close</button",{"_index":1983,"t":{"582":{"position":[[11326,38],[15567,38],[19708,38]]}}}],["offcanvas?.showasync",{"_index":1799,"t":{"582":{"position":[[3133,23],[7345,23],[11575,23],[15822,23],[19963,23],[20773,23]]}}}],["offcanvass",{"_index":1781,"t":{"582":{"position":[[1015,13]]}}}],["offcanvassize.regular",{"_index":1782,"t":{"582":{"position":[[1029,21],[11701,22]]}}}],["offer",{"_index":3003,"t":{"616":{"position":[[4505,5]]},"618":{"position":[[3874,5]]},"620":{"position":[[6471,5]]},"622":{"position":[[112,6]]},"624":{"position":[[3592,5]]}}}],["offset",{"_index":3201,"t":{"620":{"position":[[2062,7]]}}}],["offset=\"0",{"_index":4573,"t":{"668":{"position":[[52126,10],[52434,10],[52750,10],[54163,10]]}}}],["offset=\"1",{"_index":4576,"t":{"668":{"position":[[52171,10],[52479,10],[52795,10],[54208,10]]}}}],["oid",{"_index":5193,"t":{"668":{"position":[[145155,3],[145282,3],[145404,3],[145529,3],[145652,3],[145788,3],[145922,3],[146049,3],[146172,3],[146274,3],[146430,3]]}}}],["ok",{"_index":1635,"t":{"578":{"position":[[4355,5]]},"658":{"position":[[597,2]]}}}],["old",{"_index":2581,"t":{"602":{"position":[[4596,3],[4765,3],[4927,3],[5096,3],[7395,3],[7864,3],[9822,3],[10080,3]]}}}],["older",{"_index":163,"t":{"2":{"position":[[3951,5]]},"4":{"position":[[251,5]]},"6":{"position":[[336,5]]},"10":{"position":[[793,5]]},"12":{"position":[[419,5]]},"14":{"position":[[442,5]]},"16":{"position":[[418,5]]},"18":{"position":[[359,5]]},"20":{"position":[[438,5]]},"22":{"position":[[321,5]]},"24":{"position":[[370,5]]},"26":{"position":[[319,5]]},"28":{"position":[[356,5]]},"30":{"position":[[700,5]]},"32":{"position":[[483,5]]},"34":{"position":[[824,5]]},"36":{"position":[[323,5]]},"38":{"position":[[661,5]]},"40":{"position":[[642,5]]},"42":{"position":[[533,5]]},"44":{"position":[[913,5]]},"46":{"position":[[947,5]]},"48":{"position":[[765,5]]},"50":{"position":[[639,5]]},"52":{"position":[[550,5]]},"54":{"position":[[902,5]]},"56":{"position":[[505,5]]},"58":{"position":[[622,5]]},"60":{"position":[[847,5]]},"62":{"position":[[464,5]]},"64":{"position":[[523,5]]},"66":{"position":[[496,5]]},"68":{"position":[[1150,5]]},"70":{"position":[[718,5]]},"72":{"position":[[1204,5]]},"74":{"position":[[1223,5]]},"76":{"position":[[480,5]]},"78":{"position":[[577,5]]},"80":{"position":[[1990,5]]},"82":{"position":[[722,5]]},"84":{"position":[[547,5]]},"86":{"position":[[567,5]]},"88":{"position":[[938,5]]},"90":{"position":[[428,5]]},"92":{"position":[[507,5]]},"94":{"position":[[461,5]]},"96":{"position":[[1143,5]]},"98":{"position":[[742,5]]},"100":{"position":[[624,5]]},"102":{"position":[[1615,5]]},"104":{"position":[[1081,5]]},"106":{"position":[[655,5]]},"108":{"position":[[744,5]]},"110":{"position":[[1335,5]]},"112":{"position":[[488,5]]},"114":{"position":[[1031,5]]},"116":{"position":[[591,5]]},"118":{"position":[[1284,5]]},"120":{"position":[[650,5]]},"122":{"position":[[567,5]]},"124":{"position":[[1744,5]]},"126":{"position":[[480,5]]},"128":{"position":[[855,5]]},"132":{"position":[[2827,5]]},"134":{"position":[[3107,5]]},"136":{"position":[[3008,5]]},"138":{"position":[[2804,5]]},"140":{"position":[[2054,5]]},"154":{"position":[[3036,5]]},"216":{"position":[[3156,5]]},"218":{"position":[[2934,5]]},"222":{"position":[[3115,5]]},"228":{"position":[[3045,5]]},"234":{"position":[[3165,5]]},"236":{"position":[[3124,5]]},"238":{"position":[[2637,5]]},"240":{"position":[[2943,5]]},"244":{"position":[[2111,5]]},"272":{"position":[[2997,5]]},"308":{"position":[[3048,5]]},"310":{"position":[[3039,5]]},"314":{"position":[[2937,5]]},"316":{"position":[[3095,5]]},"320":{"position":[[3159,5]]},"332":{"position":[[2788,5]]},"366":{"position":[[2876,5]]},"368":{"position":[[3078,5]]},"390":{"position":[[3239,5]]}}}],["on",{"_index":8,"t":{"2":{"position":[[49,3],[717,3],[995,3],[1288,3],[1605,3],[1873,3],[3496,3],[3711,3]]},"4":{"position":[[42,3]]},"6":{"position":[[43,3]]},"8":{"position":[[43,3]]},"10":{"position":[[43,3]]},"12":{"position":[[43,3]]},"14":{"position":[[43,3]]},"16":{"position":[[42,3]]},"18":{"position":[[40,3]]},"20":{"position":[[43,3]]},"22":{"position":[[39,3]]},"24":{"position":[[39,3]]},"26":{"position":[[40,3]]},"28":{"position":[[41,3]]},"30":{"position":[[41,3]]},"32":{"position":[[43,3]]},"34":{"position":[[44,3]]},"36":{"position":[[44,3]]},"38":{"position":[[43,3]]},"40":{"position":[[42,3]]},"42":{"position":[[43,3]]},"44":{"position":[[44,3],[176,5]]},"46":{"position":[[44,3]]},"48":{"position":[[44,3]]},"50":{"position":[[44,3]]},"52":{"position":[[44,3]]},"54":{"position":[[43,3]]},"56":{"position":[[43,3]]},"58":{"position":[[44,3]]},"60":{"position":[[43,3]]},"62":{"position":[[43,3]]},"64":{"position":[[44,3]]},"66":{"position":[[44,3]]},"68":{"position":[[40,3]]},"70":{"position":[[41,3]]},"72":{"position":[[41,3]]},"74":{"position":[[41,3]]},"76":{"position":[[41,3]]},"78":{"position":[[41,3]]},"82":{"position":[[40,3]]},"84":{"position":[[40,3]]},"86":{"position":[[39,3]]},"88":{"position":[[40,3]]},"90":{"position":[[39,3]]},"92":{"position":[[39,3]]},"94":{"position":[[39,3]]},"96":{"position":[[40,3]]},"98":{"position":[[39,3]]},"100":{"position":[[43,3]]},"104":{"position":[[46,3]]},"106":{"position":[[44,3]]},"108":{"position":[[45,3]]},"112":{"position":[[44,3]]},"114":{"position":[[43,3]]},"116":{"position":[[44,3]]},"118":{"position":[[38,3]]},"120":{"position":[[41,3]]},"122":{"position":[[41,3]]},"126":{"position":[[41,3]]},"128":{"position":[[49,3]]},"132":{"position":[[45,3],[319,3],[603,3],[1032,3],[1570,3],[1855,3],[2107,3],[2326,3],[2546,3]]},"134":{"position":[[40,3],[378,3],[636,3],[935,3],[1623,3],[1868,3],[2116,3],[2386,3],[2720,3]]},"136":{"position":[[40,3],[387,3],[635,3],[884,3],[1133,3],[1582,3],[1892,3],[2161,3],[2450,3],[2709,3]]},"138":{"position":[[44,3],[450,3],[763,3],[895,5],[1103,3],[1418,3],[1680,3],[1951,3],[2225,3],[2423,3],[2627,3]]},"140":{"position":[[41,3],[225,3],[422,3],[617,3],[815,3],[1016,3],[1246,3],[1448,3],[1677,3],[1847,3]]},"144":{"position":[[42,3],[233,3],[427,3]]},"146":{"position":[[0,3],[86,3]]},"148":{"position":[[478,3],[1337,3],[1609,3],[2059,3],[2348,3],[2622,3],[2820,3]]},"150":{"position":[[466,3]]},"152":{"position":[[0,3],[87,3]]},"154":{"position":[[93,3],[761,3],[1039,3],[1332,3],[1649,3],[2306,3],[2521,3],[2806,3]]},"156":{"position":[[442,3],[723,3]]},"158":{"position":[[0,3],[100,3]]},"160":{"position":[[0,3],[96,3]]},"162":{"position":[[97,3],[356,3],[685,3],[1091,3],[1404,3],[1536,5]]},"164":{"position":[[102,3],[508,3]]},"166":{"position":[[0,3],[93,3]]},"168":{"position":[[0,3],[103,3]]},"170":{"position":[[94,3],[500,3]]},"172":{"position":[[92,3],[341,3],[590,3]]},"174":{"position":[[0,3],[101,3]]},"176":{"position":[[0,3],[99,3]]},"178":{"position":[[0,3],[100,3]]},"180":{"position":[[0,3],[101,3],[233,5]]},"182":{"position":[[0,3],[102,3]]},"184":{"position":[[0,3],[94,3],[226,5]]},"186":{"position":[[0,3],[95,3]]},"188":{"position":[[0,3],[101,3],[233,5]]},"190":{"position":[[0,3],[97,3]]},"192":{"position":[[0,3],[98,3]]},"194":{"position":[[0,3],[96,3]]},"196":{"position":[[0,3],[96,3]]},"198":{"position":[[95,3],[501,3]]},"200":{"position":[[0,3],[98,3]]},"202":{"position":[[95,3],[501,3]]},"204":{"position":[[0,3],[105,3]]},"206":{"position":[[0,3],[93,3],[225,5]]},"208":{"position":[[0,3],[100,3]]},"210":{"position":[[0,3],[97,3]]},"212":{"position":[[0,3],[94,3]]},"214":{"position":[[94,3],[341,3]]},"216":{"position":[[84,3],[342,3],[641,3],[1329,3],[1574,3],[1822,3],[2092,3],[2426,3],[2839,3]]},"218":{"position":[[88,3],[372,3],[801,3],[1339,3],[1624,3],[1876,3],[2095,3],[2315,3],[2622,3]]},"220":{"position":[[88,3],[401,3],[533,5]]},"222":{"position":[[88,3],[336,3],[585,3],[834,3],[1283,3],[1593,3],[1862,3],[2151,3],[2410,3],[2739,3]]},"224":{"position":[[101,3],[960,3],[1233,3]]},"226":{"position":[[0,3],[94,3]]},"228":{"position":[[102,3],[770,3],[1048,3],[1341,3],[1658,3],[2315,3],[2530,3],[2815,3]]},"230":{"position":[[0,3],[90,3]]},"232":{"position":[[0,3],[114,3]]},"234":{"position":[[93,3],[351,3],[650,3],[1338,3],[1583,3],[1831,3],[2101,3],[2435,3],[2848,3]]},"236":{"position":[[97,3],[345,3],[594,3],[843,3],[1292,3],[1602,3],[1871,3],[2160,3],[2419,3],[2748,3]]},"238":{"position":[[97,3],[410,3],[542,5],[750,3],[1065,3],[1327,3],[1598,3],[1872,3],[2070,3],[2274,3],[2478,3]]},"240":{"position":[[97,3],[381,3],[810,3],[1348,3],[1633,3],[1885,3],[2104,3],[2324,3],[2631,3]]},"242":{"position":[[96,3],[290,3]]},"244":{"position":[[92,3],[289,3],[484,3],[682,3],[883,3],[1113,3],[1315,3],[1544,3],[1714,3],[1949,3]]},"246":{"position":[[0,3],[93,3]]},"248":{"position":[[89,3],[390,3]]},"250":{"position":[[91,3],[336,3],[605,3]]},"252":{"position":[[0,3],[95,3]]},"254":{"position":[[0,3],[103,3]]},"256":{"position":[[0,3],[93,3]]},"258":{"position":[[0,3],[99,3]]},"260":{"position":[[529,3],[780,3]]},"262":{"position":[[0,3],[89,3]]},"264":{"position":[[0,3],[93,3]]},"266":{"position":[[92,3],[825,3],[1238,3]]},"268":{"position":[[0,3],[96,3]]},"270":{"position":[[94,3],[507,3]]},"272":{"position":[[91,3],[629,3],[914,3],[1134,3],[1392,3],[1691,3],[2379,3],[2624,3]]},"274":{"position":[[92,3],[341,3],[590,3]]},"276":{"position":[[91,3],[369,3]]},"278":{"position":[[0,3],[94,3]]},"280":{"position":[[94,3],[347,3]]},"282":{"position":[[94,3],[520,3],[805,3],[1057,3],[1278,3],[1617,3],[2030,3],[2376,3]]},"284":{"position":[[525,3],[938,3]]},"286":{"position":[[96,3],[525,3]]},"288":{"position":[[0,3],[92,3]]},"290":{"position":[[525,3]]},"292":{"position":[[0,3],[88,3]]},"294":{"position":[[0,3]]},"296":{"position":[[0,3],[89,3]]},"298":{"position":[[0,3],[95,3]]},"300":{"position":[[92,3],[811,3]]},"302":{"position":[[89,3],[431,3]]},"304":{"position":[[0,3],[88,3]]},"306":{"position":[[96,3],[521,3]]},"308":{"position":[[89,3],[382,3],[699,3],[1356,3],[1571,3],[1856,3],[2130,3],[2414,3],[2843,3]]},"310":{"position":[[96,3],[764,3],[1042,3],[1335,3],[1652,3],[2309,3],[2524,3],[2809,3]]},"312":{"position":[[91,3],[540,3]]},"314":{"position":[[91,3],[375,3],[804,3],[1342,3],[1627,3],[1879,3],[2098,3],[2318,3],[2625,3]]},"316":{"position":[[521,3],[766,3],[1014,3],[1284,3],[1618,3],[2031,3],[2378,3],[2626,3],[2875,3]]},"318":{"position":[[0,3],[87,3]]},"320":{"position":[[87,3],[345,3],[644,3],[1332,3],[1577,3],[1825,3],[2095,3],[2429,3],[2842,3]]},"322":{"position":[[91,3],[339,3],[588,3],[837,3],[1286,3]]},"324":{"position":[[0,3],[94,3]]},"326":{"position":[[0,3],[89,3]]},"328":{"position":[[85,3],[330,3],[599,3]]},"330":{"position":[[440,3],[710,3],[1011,3],[1345,3]]},"332":{"position":[[381,3],[666,3],[918,3],[1137,3],[1357,3],[1664,3],[2002,3],[2260,3],[2559,3]]},"334":{"position":[[92,3],[409,3],[694,3]]},"336":{"position":[[438,3],[755,3],[1029,3]]},"338":{"position":[[0,3],[87,3]]},"340":{"position":[[0,3],[91,3]]},"342":{"position":[[91,3],[369,3],[667,3]]},"344":{"position":[[0,3],[95,3]]},"346":{"position":[[91,3],[837,3]]},"348":{"position":[[0,3],[93,3]]},"350":{"position":[[0,3],[87,3]]},"352":{"position":[[0,3],[82,3]]},"354":{"position":[[86,3],[819,3],[1232,3]]},"356":{"position":[[88,3],[501,3]]},"358":{"position":[[0,3],[87,3]]},"360":{"position":[[467,3],[752,3],[1026,3],[1310,3],[1740,3],[1938,3]]},"362":{"position":[[442,3]]},"364":{"position":[[83,3],[288,3]]},"366":{"position":[[81,3],[301,3],[559,3],[858,3],[1546,3],[1791,3],[2208,3],[2457,3],[2707,3]]},"368":{"position":[[91,3],[759,3],[1037,3],[1736,3],[2021,3],[2294,3],[2832,3]]},"370":{"position":[[0,3],[86,3]]},"372":{"position":[[82,3],[386,3],[518,5]]},"374":{"position":[[0,3],[92,3]]},"376":{"position":[[85,3],[363,3]]},"378":{"position":[[0,3],[87,3]]},"380":{"position":[[0,3],[94,3],[226,5]]},"382":{"position":[[0,3],[89,3]]},"384":{"position":[[0,3],[91,3]]},"386":{"position":[[89,3]]},"388":{"position":[[86,3],[392,3],[592,3]]},"390":{"position":[[439,3],[724,3],[1000,3],[1426,3],[1711,3],[1963,3],[2184,3],[2523,3],[2936,3]]},"392":{"position":[[0,3],[90,3]]},"394":{"position":[[95,3],[520,3],[773,3]]},"396":{"position":[[0,3],[101,3]]},"398":{"position":[[519,3],[932,3],[1274,3],[1474,3]]},"400":{"position":[[87,3],[380,3],[1080,3]]},"402":{"position":[[0,3],[90,3]]},"404":{"position":[[88,3],[283,3],[481,3]]},"406":{"position":[[85,3],[346,3]]},"408":{"position":[[0,3],[93,3]]},"410":{"position":[[0,3]]},"412":{"position":[[88,3]]},"414":{"position":[[437,3]]},"416":{"position":[[93,3],[766,3],[1195,3]]},"418":{"position":[[0,3],[91,3]]},"420":{"position":[[0,3],[89,3]]},"422":{"position":[[94,3],[762,3]]},"424":{"position":[[88,3]]},"426":{"position":[[0,3]]},"428":{"position":[[82,3],[757,3]]},"430":{"position":[[0,3],[89,3]]},"432":{"position":[[85,3],[364,3]]},"434":{"position":[[86,3],[805,3]]},"436":{"position":[[83,3],[425,3],[672,3],[987,3]]},"438":{"position":[[0,3],[89,3]]},"440":{"position":[[0,3],[87,3]]},"442":{"position":[[85,3],[404,3],[829,3]]},"444":{"position":[[0,3],[87,3]]},"446":{"position":[[0,3],[86,3]]},"448":{"position":[[0,3],[87,3]]},"450":{"position":[[0,3],[87,3]]},"452":{"position":[[0,3],[87,3]]},"454":{"position":[[0,3],[87,3]]},"456":{"position":[[0,3],[86,3]]},"458":{"position":[[0,3],[84,3]]},"460":{"position":[[0,3],[84,3]]},"462":{"position":[[0,3],[83,3]]},"464":{"position":[[0,3],[83,3]]},"466":{"position":[[0,3],[85,3]]},"468":{"position":[[0,3],[87,3]]},"470":{"position":[[0,3],[85,3]]},"472":{"position":[[0,3],[88,3]]},"474":{"position":[[0,3],[87,3]]},"476":{"position":[[0,3],[87,3]]},"478":{"position":[[0,3],[88,3],[220,5]]},"480":{"position":[[0,3],[88,3]]},"482":{"position":[[0,3],[88,3]]},"484":{"position":[[0,3],[88,3]]},"486":{"position":[[0,3]]},"488":{"position":[[0,3],[88,3]]},"490":{"position":[[0,3],[91,3]]},"492":{"position":[[0,3],[90,3]]},"494":{"position":[[0,3]]},"496":{"position":[[0,3],[89,3]]},"498":{"position":[[0,3],[88,3]]},"500":{"position":[[0,3],[88,3]]},"502":{"position":[[0,3],[89,3]]},"504":{"position":[[0,3],[88,3]]},"506":{"position":[[0,3],[88,3]]},"508":{"position":[[0,3],[87,3]]},"510":{"position":[[0,3],[87,3]]},"512":{"position":[[0,3],[87,3]]},"514":{"position":[[0,3],[88,3]]},"516":{"position":[[0,3],[87,3]]},"518":{"position":[[0,3],[88,3]]},"520":{"position":[[0,3],[84,3]]},"522":{"position":[[0,3],[85,3]]},"524":{"position":[[0,3],[85,3]]},"526":{"position":[[0,3],[85,3]]},"528":{"position":[[0,3],[85,3]]},"530":{"position":[[0,3],[85,3]]},"532":{"position":[[0,3],[83,3]]},"534":{"position":[[0,3]]},"536":{"position":[[0,3],[84,3]]},"538":{"position":[[0,3],[84,3]]},"540":{"position":[[0,3],[84,3]]},"542":{"position":[[0,3],[83,3]]},"544":{"position":[[0,3],[83,3]]},"546":{"position":[[0,3],[83,3]]},"548":{"position":[[0,3],[88,3]]},"550":{"position":[[0,3],[83,3]]},"552":{"position":[[0,3],[85,3]]},"554":{"position":[[0,3],[84,3]]},"556":{"position":[[0,3],[85,3]]},"558":{"position":[[0,3],[85,3]]},"562":{"position":[[92,3]]},"564":{"position":[[921,3]]},"582":{"position":[[2742,3]]},"584":{"position":[[0,3],[86,3]]},"588":{"position":[[3339,3]]},"598":{"position":[[3635,3]]},"602":{"position":[[2956,3],[8281,3]]},"612":{"position":[[2408,3],[2632,3],[2856,3],[3341,3],[3565,3],[3789,3],[4257,3],[4542,3],[4826,3],[5186,3],[5410,3],[5652,3],[5876,3],[6276,3],[6500,3],[6724,3],[11572,3],[11695,3]]},"622":{"position":[[2698,3],[4569,3],[7194,3]]},"628":{"position":[[9497,3]]},"662":{"position":[[9048,3]]},"668":{"position":[[18817,3],[20944,3],[21959,3],[24641,3],[27918,3],[33309,3],[34495,3],[37143,3],[39719,3],[42335,3],[44923,3],[47759,3],[60564,3],[69931,3],[73355,3],[76467,3],[79952,3],[83133,3],[86159,3],[89600,3],[93814,3],[96637,3],[99432,3],[104777,3],[113210,3],[115430,3],[117897,3],[121917,3],[125826,3],[139483,3],[142247,3],[144899,3]]}}}],["onadd",{"_index":2531,"t":{"602":{"position":[[2013,5]]}}}],["onafterrend",{"_index":2885,"t":{"612":{"position":[[11866,14],[16414,13]]}}}],["onafterrenderasync",{"_index":574,"t":{"88":{"position":[[493,18]]}}}],["onafterrenderasync(bool",{"_index":2886,"t":{"612":{"position":[[12478,23]]},"616":{"position":[[6156,23],[10298,23],[12368,23],[14630,23],[16694,23]]},"618":{"position":[[5222,23],[11060,23],[12310,23]]},"620":{"position":[[8043,23],[13853,23],[16980,23]]},"624":{"position":[[4890,23],[8684,23],[12943,23]]},"668":{"position":[[125573,23],[142012,23],[144664,23]]}}}],["onautocompletechanged(custom",{"_index":3277,"t":{"622":{"position":[[2389,32],[3479,30],[4260,32],[5350,30],[5847,32],[6379,30],[6816,32],[7975,30],[8809,32],[10135,30],[10832,32],[12370,32]]}}}],["onautocompletechanged(customer2",{"_index":3392,"t":{"622":{"position":[[11645,31],[13139,31]]}}}],["onc",{"_index":1603,"t":{"578":{"position":[[1926,4]]}}}],["onchang",{"_index":517,"t":{"78":{"position":[[287,8]]},"622":{"position":[[1447,9]]}}}],["onchanged=\"(custom",{"_index":3276,"t":{"622":{"position":[[2355,20],[4226,20],[5813,20],[6782,20],[8775,20]]}}}],["onchanged=\"(customer2",{"_index":3384,"t":{"622":{"position":[[10797,21],[12335,21]]}}}],["onclick",{"_index":713,"t":{"110":{"position":[[913,7]]},"574":{"position":[[5196,12]]},"578":{"position":[[5044,12],[5169,12],[5294,12]]},"582":{"position":[[11310,12],[15551,12],[19692,12]]},"588":{"position":[[12078,12],[12179,12],[12274,12],[13283,12],[13376,12],[13480,12],[13584,12],[13688,12],[13792,12]]},"596":{"position":[[4773,12],[4917,12],[5061,12],[5207,12],[5353,12],[5502,12],[5648,12]]},"598":{"position":[[2927,7],[3441,7]]},"606":{"position":[[2048,12],[2157,12],[2268,12],[2374,12],[2479,12],[2583,12],[2681,12],[3491,12],[3600,12],[3711,12],[3817,12],[3922,12],[4026,12],[4125,12],[4225,12],[5030,12],[5139,12],[5250,12],[5356,12],[5461,12],[5565,12],[5663,12],[6620,12],[6729,12],[6840,12],[6946,12],[7051,12],[7155,12],[7253,12],[8303,12],[8417,12],[8535,12],[8651,12],[8771,12],[8895,12],[9017,12],[9137,12],[9261,12],[10300,12],[10409,12],[10520,12],[10626,12],[10731,12],[10835,12],[10933,12]]},"608":{"position":[[1498,9]]},"612":{"position":[[2084,7],[12957,8],[15406,12],[16433,7]]},"658":{"position":[[1022,12],[1134,12],[1248,12],[1357,12],[1465,12],[1572,12],[1674,12],[1777,12],[2205,12],[2317,12],[2431,12],[2540,12],[2648,12],[2755,12],[2857,12],[2960,12],[3401,12],[3513,12],[3619,12],[3724,12]]},"668":{"position":[[96096,12],[96211,12],[96328,12]]}}}],["onclick(eventarg",{"_index":1513,"t":{"574":{"position":[[9088,17]]}}}],["onclick=\"((arg",{"_index":1519,"t":{"574":{"position":[[9442,17]]}}}],["onclick=\"(arg",{"_index":2895,"t":{"612":{"position":[[13110,15]]}}}],["onclick=\"(async",{"_index":1795,"t":{"582":{"position":[[2893,16]]}}}],["onclick=\"addcustom",{"_index":2915,"t":{"612":{"position":[[13933,24],[14963,24]]}}}],["onclick=\"addemploye",{"_index":5030,"t":{"668":{"position":[[65653,23]]}}}],["onclick=\"addemployee2",{"_index":5031,"t":{"668":{"position":[[65761,24]]}}}],["onclick=\"async",{"_index":1491,"t":{"574":{"position":[[7510,15]]},"592":{"position":[[2450,15],[2581,15],[2714,15],[2842,15],[2969,15],[3095,15],[3216,15],[3338,15]]},"616":{"position":[[4789,15],[4935,15],[5084,15],[5225,15],[5393,15]]},"618":{"position":[[4168,15],[4314,15],[4463,15],[11405,15],[11551,15]]},"620":{"position":[[6827,15],[6973,15],[7122,15],[7265,15],[7437,15]]},"624":{"position":[[3876,15],[4022,15],[4171,15],[7819,15],[7965,15]]}}}],["onclick=\"changetooltip\">chang",{"_index":1508,"t":{"574":{"position":[[8760,31]]},"608":{"position":[[1783,31]]}}}],["onclick=\"clearmessage\">clear",{"_index":1553,"t":{"576":{"position":[[3946,29]]}}}],["onclick=\"closealert\">close</button",{"_index":1103,"t":{"564":{"position":[[3394,36]]}}}],["onclick=\"decreaseprogressbar\">decreas",{"_index":2289,"t":{"596":{"position":[[2656,39]]}}}],["onclick=\"deleteemployeeasync",{"_index":1609,"t":{"578":{"position":[[2580,31]]}}}],["onclick=\"dis",{"_index":3386,"t":{"622":{"position":[[10992,19],[12458,19]]},"626":{"position":[[6699,19],[7364,19]]},"628":{"position":[[5821,19],[6526,19]]},"630":{"position":[[9916,19],[10587,19]]},"632":{"position":[[2366,19],[3025,19]]},"634":{"position":[[1308,19],[1920,19]]},"662":{"position":[[3965,19],[4643,19]]}}}],["onclick=\"disabledropdown\">disable</button",{"_index":4088,"t":{"660":{"position":[[15573,43]]}}}],["onclick=\"en",{"_index":3385,"t":{"622":{"position":[[10918,18],[12532,18]]},"626":{"position":[[6625,18],[7438,18]]},"628":{"position":[[5747,18],[6600,18]]},"630":{"position":[[9842,18],[10661,18]]},"632":{"position":[[2292,18],[3099,18]]},"634":{"position":[[1234,18],[1994,18]]},"662":{"position":[[3891,18],[4717,18]]}}}],["onclick=\"enabledropdown\">enable</button",{"_index":4087,"t":{"660":{"position":[[15478,41]]}}}],["onclick=\"hide\">hide</button",{"_index":2662,"t":{"604":{"position":[[4390,29]]}}}],["onclick=\"hideallaccordionitemsasync\">hid",{"_index":1269,"t":{"568":{"position":[[20138,42]]}}}],["onclick=\"hideasync\">hide</button",{"_index":4136,"t":{"660":{"position":[[24219,34]]}}}],["onclick=\"hidecontentasync\">hid",{"_index":1538,"t":{"576":{"position":[[1807,32],[2772,32],[3718,32]]}}}],["onclick=\"hidefaqsaccordionitemasync\">faq",{"_index":1242,"t":{"568":{"position":[[16506,42]]}}}],["onclick=\"hidefirstaccordionitemasync\">first",{"_index":1238,"t":{"568":{"position":[[16078,44]]}}}],["onclick=\"hidelastaccordionitemasync\">last",{"_index":1243,"t":{"568":{"position":[[16609,42]]}}}],["onclick=\"hideproductsaccordionitemasync\">product",{"_index":1241,"t":{"568":{"position":[[16395,50]]}}}],["onclick=\"hidesecondaccordionitemasync\">second",{"_index":1239,"t":{"568":{"position":[[16183,46]]}}}],["onclick=\"hidethirdaccordionitemasync\">third",{"_index":1240,"t":{"568":{"position":[[16290,44]]}}}],["onclick=\"increaseprogressbar\">increas",{"_index":2287,"t":{"596":{"position":[[2521,39]]}}}],["onclick=\"loaddataasync",{"_index":2624,"t":{"602":{"position":[[12937,25]]}}}],["onclick=\"onclick",{"_index":1512,"t":{"574":{"position":[[9019,19]]},"608":{"position":[[1385,18]]}}}],["onclick=\"onclickcallback",{"_index":1828,"t":{"582":{"position":[[6539,27]]},"588":{"position":[[7235,27]]}}}],["onclick=\"onhidemodalclick\">close</button",{"_index":2066,"t":{"588":{"position":[[3719,42],[8196,42],[9383,42],[10061,42],[11140,42],[14448,42]]}}}],["onclick=\"onhideoffcanvasclick\">hid",{"_index":1996,"t":{"582":{"position":[[20507,36]]}}}],["onclick=\"onribbonitemclick",{"_index":2344,"t":{"598":{"position":[[3665,28],[6822,28]]}}}],["onclick=\"onshowmodalclick\">launch",{"_index":2085,"t":{"588":{"position":[[8358,34],[9547,34]]}}}],["onclick=\"onshowmodalclick\">show",{"_index":2069,"t":{"588":{"position":[[3883,32],[4494,32],[6148,32],[14612,32]]}}}],["onclick=\"onshowmodalclick\">vert",{"_index":2100,"t":{"588":{"position":[[10225,38],[11304,38]]}}}],["onclick=\"onshowoffcanvasclick\">show",{"_index":1834,"t":{"582":{"position":[[7198,36],[11432,36],[15673,36],[19814,36],[20630,36]]}}}],["onclick=\"positionbottomasync",{"_index":3418,"t":{"624":{"position":[[12042,31]]}}}],["onclick=\"positionleftasync",{"_index":3419,"t":{"624":{"position":[[12180,29]]}}}],["onclick=\"positionrightasync",{"_index":3417,"t":{"624":{"position":[[11906,30]]}}}],["onclick=\"positiontopasync",{"_index":3416,"t":{"624":{"position":[[11774,28]]}}}],["onclick=\"resetform\">reset</button",{"_index":3514,"t":{"626":{"position":[[9433,35]]},"628":{"position":[[8164,35],[11249,35]]},"630":{"position":[[12798,35]]},"660":{"position":[[20315,35]]},"662":{"position":[[7250,35],[10488,35]]}}}],["onclick=\"resetprogressbar\">reset</button",{"_index":2290,"t":{"596":{"position":[[2791,42]]}}}],["onclick=\"show\">show</button",{"_index":2663,"t":{"604":{"position":[[4499,29]]}}}],["onclick=\"showallaccordionitemsasync\">show",{"_index":1267,"t":{"568":{"position":[[20030,42]]}}}],["onclick=\"showasync\">show</button",{"_index":4135,"t":{"660":{"position":[[24148,34]]}}}],["onclick=\"showconfirmationasync",{"_index":1598,"t":{"578":{"position":[[1652,33]]}}}],["onclick=\"showcontentasync\">show",{"_index":1536,"t":{"576":{"position":[[1696,32],[2661,32],[3607,32]]}}}],["onclick=\"showdialogasync",{"_index":1656,"t":{"578":{"position":[[6027,27],[6519,27],[7123,27],[7751,27],[8476,27]]}}}],["onclick=\"showemployeecomponent\">show",{"_index":1802,"t":{"582":{"position":[[3708,37],[5387,37]]}}}],["onclick=\"showfaqsaccordionitemasync\">faq",{"_index":1234,"t":{"568":{"position":[[15845,42]]}}}],["onclick=\"showfaqsasync\">faq",{"_index":2870,"t":{"612":{"position":[[10719,29]]}}}],["onclick=\"showfirstaccordionitemasync\">first",{"_index":1229,"t":{"568":{"position":[[15417,44]]}}}],["onclick=\"showfirsttabasync\">first",{"_index":2865,"t":{"612":{"position":[[10375,34]]}}}],["onclick=\"showlastaccordionitemasync\">last",{"_index":1235,"t":{"568":{"position":[[15948,42]]}}}],["onclick=\"showlasttabasync\">last",{"_index":2871,"t":{"612":{"position":[[10798,32]]}}}],["onclick=\"showloadingdataasync\">show",{"_index":2218,"t":{"592":{"position":[[1606,36]]}}}],["onclick=\"showmodal\">show",{"_index":4021,"t":{"658":{"position":[[4179,25],[4612,25]]}}}],["onclick=\"showproductsaccordionitemasync\">product",{"_index":1233,"t":{"568":{"position":[[15734,50]]}}}],["onclick=\"showproductstabasync\">product",{"_index":2869,"t":{"612":{"position":[[10629,40]]}}}],["onclick=\"showsaveconfirmationasync",{"_index":1632,"t":{"578":{"position":[[4149,37]]}}}],["onclick=\"showsavingdataasync\">show",{"_index":2220,"t":{"592":{"position":[[1701,35]]}}}],["onclick=\"showsecondaccordionitemasync\">second",{"_index":1231,"t":{"568":{"position":[[15522,46]]}}}],["onclick=\"showsecondtabasync\">second",{"_index":2867,"t":{"612":{"position":[[10459,36]]}}}],["onclick=\"showthirdaccordionitemasync\">third",{"_index":1232,"t":{"568":{"position":[[15629,44]]}}}],["onclick=\"showthirdtabasync\">third",{"_index":2868,"t":{"612":{"position":[[10545,34]]}}}],["onclick=\"toggl",{"_index":3387,"t":{"622":{"position":[[11066,18]]},"626":{"position":[[6773,18]]},"628":{"position":[[5895,18]]},"630":{"position":[[9990,18]]},"632":{"position":[[2440,18]]},"634":{"position":[[1382,18]]},"662":{"position":[[4039,18]]}}}],["onclick=\"toggleasync\">toggle</button",{"_index":4137,"t":{"660":{"position":[[24290,38]]}}}],["onclick=\"togglecontentasync\">toggl",{"_index":1539,"t":{"576":{"position":[[1918,36],[2883,36],[3829,36]]}}}],["onclick=\"togglesidebar",{"_index":4220,"t":{"664":{"position":[[9156,24],[11629,24],[14059,24],[16478,24]]}}}],["onclick=\"togglesidebarstyles\">toggl",{"_index":4225,"t":{"664":{"position":[[19045,37]]}}}],["onclickcallback",{"_index":1815,"t":{"582":{"position":[[5197,16],[6754,15]]},"588":{"position":[[5966,16],[7439,15]]}}}],["onclickwithargs(arg",{"_index":1520,"t":{"574":{"position":[[9463,21]]}}}],["onclickwithargs(eventarg",{"_index":1522,"t":{"574":{"position":[[9585,25]]}}}],["onclos",{"_index":1037,"t":{"564":{"position":[[635,7],[709,8],[3885,8]]}}}],["oncollapsehiddenasync",{"_index":1568,"t":{"576":{"position":[[5076,23]]}}}],["oncollapsehidingasync",{"_index":1567,"t":{"576":{"position":[[4966,23]]}}}],["oncollapseshowingasync",{"_index":1563,"t":{"576":{"position":[[4746,24]]}}}],["oncollapseshownasync",{"_index":1566,"t":{"576":{"position":[[4858,22]]}}}],["ondblclick=\"ondoubleclick",{"_index":1515,"t":{"574":{"position":[[9212,28]]}}}],["ondocumentload",{"_index":696,"t":{"110":{"position":[[432,16]]},"666":{"position":[[563,16],[1151,17],[1978,17],[1357886,17]]}}}],["ondocumentloaded(pdfviewereventarg",{"_index":4261,"t":{"666":{"position":[[1081,35],[1908,35],[1357816,35]]}}}],["ondocumentloaded=\"ondocumentload",{"_index":4257,"t":{"666":{"position":[[894,35],[1727,35],[2420,35]]}}}],["ondoubleclick(eventarg",{"_index":1516,"t":{"574":{"position":[[9297,23]]}}}],["ondropdownhiddenasync",{"_index":4148,"t":{"660":{"position":[[25304,23]]}}}],["ondropdownhidingasync",{"_index":4146,"t":{"660":{"position":[[25233,23]]}}}],["ondropdownshowingasync",{"_index":4150,"t":{"660":{"position":[[25375,24]]}}}],["ondropdownshownasync",{"_index":4152,"t":{"660":{"position":[[25448,22]]}}}],["onemployeelist1remove(sortablelisteventarg",{"_index":2580,"t":{"602":{"position":[[4521,43],[9747,43]]}}}],["onemployeelist1update(sortablelisteventarg",{"_index":2568,"t":{"602":{"position":[[3963,43],[6457,43],[9189,43]]}}}],["onemployeelist2remove(sortablelisteventarg",{"_index":2583,"t":{"602":{"position":[[4852,43],[10005,43]]}}}],["onemployeelist2update(sortablelisteventarg",{"_index":2574,"t":{"602":{"position":[[4242,43],[6736,43],[9468,43]]}}}],["onemployeelist3update(sortablelisteventarg",{"_index":2594,"t":{"602":{"position":[[7015,43]]}}}],["onemployeelistremove(sortablelisteventarg",{"_index":2600,"t":{"602":{"position":[[7294,42]]}}}],["onemployeelistupdate(sortablelisteventarg",{"_index":2544,"t":{"602":{"position":[[2604,42],[11458,42],[12271,42],[13300,42]]}}}],["onerror",{"_index":2240,"t":{"594":{"position":[[549,7],[1153,7]]}}}],["onerror=\"onscripterror",{"_index":2250,"t":{"594":{"position":[[1300,23]]}}}],["onfieldchang",{"_index":640,"t":{"102":{"position":[[1103,14]]}}}],["ongridsettingschanged(gridset",{"_index":5011,"t":{"668":{"position":[[60777,34]]}}}],["onhid",{"_index":209,"t":{"10":{"position":[[345,8],[489,8]]},"72":{"position":[[351,9],[536,9]]},"568":{"position":[[1549,8],[23113,9]]},"576":{"position":[[966,8],[5015,8]]},"582":{"position":[[2190,8]]},"588":{"position":[[2494,8]]},"598":{"position":[[3112,8]]},"612":{"position":[[1252,8],[11422,8],[11595,8],[11779,8]]},"660":{"position":[[3208,8]]}}}],["onhidden",{"_index":211,"t":{"10":{"position":[[364,8],[508,8]]},"72":{"position":[[365,8],[550,8]]},"568":{"position":[[1417,8],[23334,9]]},"576":{"position":[[1051,8],[5125,8]]},"582":{"position":[[1662,8],[2269,8]]},"588":{"position":[[2573,8]]},"598":{"position":[[3009,8]]},"612":{"position":[[1149,8],[11514,8],[11792,8]]},"660":{"position":[[3294,8]]}}}],["onhidden=\"oncollapsehiddenasync",{"_index":1558,"t":{"576":{"position":[[4133,33]]}}}],["onhidden=\"ondropdownhiddenasync",{"_index":4143,"t":{"660":{"position":[[24715,32]]}}}],["onhidden=\"onhiddenasync",{"_index":1278,"t":{"568":{"position":[[20668,25]]}}}],["onhidden=\"onmodalhiddenasync",{"_index":2145,"t":{"588":{"position":[[14260,29]]}}}],["onhidden=\"onoffcanvashiddenasync",{"_index":1990,"t":{"582":{"position":[[20263,34]]}}}],["onhiddenasync(accordioneventarg",{"_index":1290,"t":{"568":{"position":[[23207,32]]}}}],["onhidemodalclick",{"_index":2073,"t":{"588":{"position":[[4047,18],[8540,18],[9718,18],[10404,18],[11494,18]]}}}],["onhideoffcanvasclick",{"_index":1997,"t":{"582":{"position":[[20818,22]]}}}],["onhideprev",{"_index":213,"t":{"10":{"position":[[390,15]]},"588":{"position":[[2703,15]]}}}],["onhideprevented=\"onmodalhidepreventedasync",{"_index":2146,"t":{"588":{"position":[[14290,44]]}}}],["onhiding=\"oncollapsehidingasync",{"_index":1557,"t":{"576":{"position":[[4100,32]]}}}],["onhiding=\"ondropdownhidingasync",{"_index":4142,"t":{"660":{"position":[[24682,32]]}}}],["onhiding=\"onhidingasync",{"_index":1277,"t":{"568":{"position":[[20643,24]]}}}],["onhiding=\"onmodalhidingasync",{"_index":2144,"t":{"588":{"position":[[14230,29]]}}}],["onhiding=\"onoffcanvashidingasync",{"_index":1989,"t":{"582":{"position":[[20229,33]]}}}],["onhidingasync(accordioneventarg",{"_index":1289,"t":{"568":{"position":[[22986,32]]}}}],["oniniti",{"_index":990,"t":{"560":{"position":[[588,15],[1342,15],[2075,15]]},"578":{"position":[[3795,15]]},"582":{"position":[[4627,15],[6808,15]]},"588":{"position":[[5380,15],[7493,15]]},"612":{"position":[[13630,15],[14371,15],[15654,15]]},"616":{"position":[[5883,15],[9323,15],[10721,15],[12949,15],[15047,15]]},"618":{"position":[[4838,15],[8588,15],[11926,15]]},"620":{"position":[[7783,15],[11416,15],[14277,15]]},"622":{"position":[[6967,15],[9533,15]]},"624":{"position":[[4526,15],[8320,15],[12528,15]]},"626":{"position":[[9693,15]]},"628":{"position":[[5155,15],[8424,15],[11689,15]]},"630":{"position":[[13058,15]]},"660":{"position":[[20614,15]]},"662":{"position":[[3399,15],[7566,15],[10922,15]]},"666":{"position":[[2644,15]]},"668":{"position":[[8276,15],[10776,15],[13055,15],[15856,15],[66579,15]]}}}],["onlin",{"_index":3659,"t":{"628":{"position":[[12400,7]]}}}],["onlinecourseform",{"_index":3645,"t":{"628":{"position":[[11473,16],[11490,16],[12502,16],[12592,16]]}}}],["onlinecourseform.coursenam",{"_index":3632,"t":{"628":{"position":[[10275,29]]}}}],["onlinecourseform.endd",{"_index":3642,"t":{"628":{"position":[[11071,26],[11916,24],[12067,24]]}}}],["onlinecourseform.startd",{"_index":3635,"t":{"628":{"position":[[10562,27],[10675,28],[11881,26],[12027,26]]}}}],["onload",{"_index":2241,"t":{"594":{"position":[[623,6]]}}}],["onload=\"onscriptload",{"_index":2249,"t":{"594":{"position":[[1278,21]]}}}],["onmodalhiddenasync",{"_index":2150,"t":{"588":{"position":[[15028,20]]}}}],["onmodalhidepreventedasync",{"_index":2151,"t":{"588":{"position":[[15133,27]]}}}],["onmodalhidingasync",{"_index":2149,"t":{"588":{"position":[[14921,20]]}}}],["onmodalshowingasync",{"_index":2147,"t":{"588":{"position":[[14708,21]]}}}],["onmodalshownasync",{"_index":2148,"t":{"588":{"position":[[14817,19]]}}}],["onoffcanvashiddenasync",{"_index":2003,"t":{"582":{"position":[[21227,24]]}}}],["onoffcanvashidingasync",{"_index":2002,"t":{"582":{"position":[[21116,24]]}}}],["onoffcanvasshowingasync",{"_index":1998,"t":{"582":{"position":[[20894,25]]}}}],["onoffcanvasshownasync",{"_index":2001,"t":{"582":{"position":[[21007,23]]}}}],["onpagechang",{"_index":697,"t":{"110":{"position":[[453,13]]},"666":{"position":[[650,13],[1320,14],[2141,14],[1358049,14]]}}}],["onpagechanged(pdfviewereventarg",{"_index":4264,"t":{"666":{"position":[[1253,32],[2074,32],[1357982,32]]}}}],["onpagechanged=\"onpagechang",{"_index":4258,"t":{"666":{"position":[[930,29],[1763,29],[2456,29]]}}}],["onpagechangedasync(int",{"_index":2203,"t":{"590":{"position":[[3236,22]]}}}],["onparametersset",{"_index":3518,"t":{"626":{"position":[[9799,17]]},"630":{"position":[[13164,17]]},"660":{"position":[[20720,17]]}}}],["onremov",{"_index":2532,"t":{"602":{"position":[[2102,8]]}}}],["onremove=\"onemployeelist1remov",{"_index":2560,"t":{"602":{"position":[[3342,33],[8548,33]]}}}],["onremove=\"onemployeelist2remov",{"_index":2564,"t":{"602":{"position":[[3602,33],[8826,33]]}}}],["onremove=\"onemployeelistremov",{"_index":2586,"t":{"602":{"position":[[5459,32],[5718,32],[5977,32]]}}}],["onribbonitemclick(ribbonitemeventarg",{"_index":2405,"t":{"598":{"position":[[6606,37],[9583,37]]}}}],["onrowclick",{"_index":592,"t":{"96":{"position":[[194,10]]},"668":{"position":[[3505,10]]}}}],["onrowclick(gridroweventargs<employee1",{"_index":5094,"t":{"668":{"position":[[116484,38]]}}}],["onrowclick=\"onrowclick",{"_index":5093,"t":{"668":{"position":[[114464,23]]}}}],["onrowdoubleclick",{"_index":593,"t":{"96":{"position":[[215,16]]},"668":{"position":[[3668,16]]}}}],["onrowdoubleclick(gridroweventargs<employee1",{"_index":5100,"t":{"668":{"position":[[118951,44]]}}}],["onrowdoubleclick=\"onrowdoubleclick",{"_index":5099,"t":{"668":{"position":[[116919,35]]}}}],["onsaveclick",{"_index":1494,"t":{"574":{"position":[[7621,13]]}}}],["onsaveclick()\">save</button",{"_index":1492,"t":{"574":{"position":[[7538,28]]}}}],["onscripterror(str",{"_index":2255,"t":{"594":{"position":[[1560,20]]}}}],["onscriptload",{"_index":2254,"t":{"594":{"position":[[1488,14]]}}}],["onselecteditemschanged(hashset<employee1",{"_index":4437,"t":{"668":{"position":[[20612,41],[84547,41],[87573,41],[91297,41],[95228,41]]}}}],["onshow",{"_index":205,"t":{"10":{"position":[[308,9],[452,9]]},"72":{"position":[[331,10],[516,10]]},"568":{"position":[[1634,9]]},"576":{"position":[[743,9],[4796,9]]},"582":{"position":[[1977,9]]},"588":{"position":[[2281,9]]},"598":{"position":[[3226,9]]},"612":{"position":[[1366,9],[11461,9],[11718,9]]},"660":{"position":[[3430,9]]}}}],["onshowing=\"oncollapseshowingasync",{"_index":1555,"t":{"576":{"position":[[4034,34]]}}}],["onshowing=\"ondropdownshowingasync",{"_index":4144,"t":{"660":{"position":[[24748,34]]}}}],["onshowing=\"onmodalshowingasync",{"_index":2142,"t":{"588":{"position":[[14170,31]]}}}],["onshowing=\"onoffcanvasshowingasync",{"_index":1987,"t":{"582":{"position":[[20161,35]]}}}],["onshowing=\"onshowingasync",{"_index":1275,"t":{"568":{"position":[[20593,26]]}}}],["onshowingasync(accordioneventarg",{"_index":1280,"t":{"568":{"position":[[22546,33]]}}}],["onshowmodalclick",{"_index":2071,"t":{"588":{"position":[[3979,18],[4639,18],[6328,18],[8472,18],[9650,18],[10336,18],[11426,18]]}}}],["onshown",{"_index":207,"t":{"10":{"position":[[327,7],[471,7]]},"72":{"position":[[342,8],[527,8]]},"568":{"position":[[1711,7],[22893,8]]},"576":{"position":[[829,7],[4906,7]]},"582":{"position":[[1502,7],[2057,7]]},"588":{"position":[[2361,7]]},"598":{"position":[[3311,7]]},"612":{"position":[[1451,7],[11611,7]]},"660":{"position":[[3517,7]]}}}],["onshown=\"oncollapseshownasync",{"_index":1556,"t":{"576":{"position":[[4069,30]]}}}],["onshown=\"ondropdownshownasync",{"_index":4145,"t":{"660":{"position":[[24783,31]]}}}],["onshown=\"onmodalshownasync",{"_index":2143,"t":{"588":{"position":[[14202,27]]}}}],["onshown=\"onoffcanvasshownasync",{"_index":1988,"t":{"582":{"position":[[20197,31]]}}}],["onshown=\"onshownasync",{"_index":1276,"t":{"568":{"position":[[20620,22]]}}}],["onshownasync(accordioneventarg",{"_index":1288,"t":{"568":{"position":[[22767,31]]}}}],["onshowoffcanvasclick",{"_index":1835,"t":{"582":{"position":[[7314,22],[11544,22],[15791,22],[19932,22],[20742,22]]}}}],["ontabclick(arg",{"_index":2896,"t":{"612":{"position":[[13129,16]]}}}],["ontabclick(tabeventarg",{"_index":2913,"t":{"612":{"position":[[13700,23]]}}}],["onupd",{"_index":2533,"t":{"602":{"position":[[2198,8]]}}}],["onupdate=\"@onemployeelistupd",{"_index":2537,"t":{"602":{"position":[[2378,33],[11085,33],[12045,33],[12809,33]]}}}],["onupdate=\"onemployeelist1upd",{"_index":2559,"t":{"602":{"position":[[3309,32],[5426,32],[8515,32]]}}}],["onupdate=\"onemployeelist2upd",{"_index":2563,"t":{"602":{"position":[[3569,32],[5685,32],[8793,32]]}}}],["onupdate=\"onemployeelist3upd",{"_index":2589,"t":{"602":{"position":[[5944,32]]}}}],["onvalidsubmit=\"handleonvalidsubmit",{"_index":3358,"t":{"622":{"position":[[8405,36]]},"626":{"position":[[8161,36]]},"628":{"position":[[7341,36]]},"630":{"position":[[11397,36]]},"660":{"position":[[19220,36]]}}}],["onvalidsubmit=\"handlevalidsubmit",{"_index":3628,"t":{"628":{"position":[[9938,33]]},"662":{"position":[[5458,33],[9478,33]]}}}],["opac",{"_index":1819,"t":{"582":{"position":[[5495,7]]},"668":{"position":[[102220,7],[103868,7],[106025,7],[107103,7],[108121,7],[109141,7],[110155,7],[111169,7],[112193,7],[119486,7]]}}}],["opacity,1",{"_index":4241,"t":{"664":{"position":[[21531,12]]}}}],["open",{"_index":126,"t":{"2":{"position":[[2801,4]]},"72":{"position":[[457,4]]},"118":{"position":[[966,4]]},"568":{"position":[[261,4],[287,7],[7975,4],[9703,5],[9770,4],[9796,7],[23642,4]]},"582":{"position":[[839,5]]},"588":{"position":[[1834,5],[1928,5]]},"622":{"position":[[1842,4]]},"636":{"position":[[3267,4]]},"640":{"position":[[3082,4]]},"642":{"position":[[3117,4]]},"644":{"position":[[3117,4]]},"648":{"position":[[2745,4]]}}}],["oper",{"_index":2668,"t":{"606":{"position":[[274,9]]},"616":{"position":[[12270,10],[14532,10],[16596,10]]},"618":{"position":[[10961,10]]},"620":{"position":[[13754,10],[16814,10]]},"622":{"position":[[1021,9]]},"668":{"position":[[4887,9]]}}}],["opposit",{"_index":3770,"t":{"634":{"position":[[390,8],[2238,8]]}}}],["opt",{"_index":2931,"t":{"614":{"position":[[73,6]]}}}],["option",{"_index":670,"t":{"106":{"position":[[377,6]]},"564":{"position":[[874,8]]},"578":{"position":[[4302,7],[4596,9],[4701,8],[4743,8],[5496,7],[5682,9],[6660,7],[6842,9],[7284,7],[7486,9],[7925,7],[8135,9],[9064,8]]},"580":{"position":[[147,8],[230,7],[341,8],[5930,8]]},"588":{"position":[[2871,6],[3031,7],[11560,8],[11594,8],[15525,8]]},"612":{"position":[[540,10]]},"620":{"position":[[2577,6],[4991,6]]},"630":{"position":[[5644,6]]},"636":{"position":[[2851,9]]},"638":{"position":[[2303,9]]},"640":{"position":[[2666,9]]},"642":{"position":[[2689,9]]},"644":{"position":[[2689,9]]},"646":{"position":[[2325,9]]},"648":{"position":[[2325,9]]},"650":{"position":[[2348,9]]},"656":{"position":[[2343,9]]},"668":{"position":[[12325,9],[26222,9],[38725,7],[41278,7]]}}}],["orci",{"_index":1880,"t":{"582":{"position":[[8010,4],[8228,5],[9570,4],[12251,4],[12469,5],[13811,4],[16392,4],[16610,5],[17952,4]]}}}],["order",{"_index":1434,"t":{"574":{"position":[[3296,5]]}}}],["orient",{"_index":4250,"t":{"666":{"position":[[266,11],[278,11],[338,11],[1417,12],[1438,11],[1507,11],[1358247,11]]}}}],["orientation.landscap",{"_index":4265,"t":{"666":{"position":[[1463,21]]}}}],["orientation.portrait",{"_index":4251,"t":{"666":{"position":[[290,20]]}}}],["orientation=\"orientation.landscap",{"_index":4268,"t":{"666":{"position":[[1691,35]]}}}],["origin",{"_index":2080,"t":{"588":{"position":[[7871,8]]},"602":{"position":[[8336,8]]},"620":{"position":[[2704,7]]}}}],["other",{"_index":468,"t":{"70":{"position":[[411,6]]},"104":{"position":[[190,9]]},"106":{"position":[[159,9]]},"132":{"position":[[434,9],[747,9]]},"148":{"position":[[622,9]]},"218":{"position":[[203,9],[516,9]]},"224":{"position":[[245,9]]},"240":{"position":[[212,9],[525,9]]},"252":{"position":[[239,9]]},"254":{"position":[[247,9]]},"268":{"position":[[211,9]]},"276":{"position":[[206,9]]},"282":{"position":[[238,9]]},"286":{"position":[[240,9]]},"306":{"position":[[240,9]]},"308":{"position":[[2245,9],[2558,9]]},"314":{"position":[[206,9],[519,9]]},"326":{"position":[[233,9]]},"342":{"position":[[811,9]]},"360":{"position":[[1141,9],[1454,9]]},"362":{"position":[[557,9]]},"376":{"position":[[200,9]]},"390":{"position":[[1144,9]]},"394":{"position":[[239,9]]},"416":{"position":[[910,9]]},"442":{"position":[[548,9]]},"490":{"position":[[235,9]]},"496":{"position":[[204,9]]}}}],["otherwis",{"_index":1732,"t":{"580":{"position":[[6396,9]]}}}],["out",{"_index":137,"t":{"2":{"position":[[3028,3]]},"118":{"position":[[1193,3]]},"564":{"position":[[1021,4],[1108,4],[1191,4],[1272,4],[1355,4],[1432,4],[1511,4],[1588,4]]},"574":{"position":[[6917,3]]},"582":{"position":[[7028,3]]},"606":{"position":[[9960,5]]},"626":{"position":[[3743,3]]},"628":{"position":[[3272,3]]},"630":{"position":[[7650,3]]},"632":{"position":[[3655,3]]},"662":{"position":[[2444,3]]}}}],["outlin",{"_index":1406,"t":{"574":{"position":[[864,7],[907,8],[2640,7],[3150,7],[9812,7]]},"622":{"position":[[8255,8],[8296,8]]},"626":{"position":[[8012,8],[8053,8]]},"628":{"position":[[7192,8],[7233,8],[9789,8],[9830,8]]},"630":{"position":[[11248,8],[11289,8]]},"660":{"position":[[18917,8],[18958,8]]},"662":{"position":[[5309,8],[5350,8],[9329,8],[9370,8]]}}}],["outline=\"tru",{"_index":1432,"t":{"574":{"position":[[2697,15],[2769,15],[2841,15],[2910,15],[2979,15],[3046,15],[3110,15]]}}}],["outline=\"true\"><icon",{"_index":2830,"t":{"610":{"position":[[3471,20]]}}}],["outlook",{"_index":2343,"t":{"598":{"position":[[3648,8]]}}}],["outsid",{"_index":1784,"t":{"582":{"position":[[1309,7],[7487,7]]},"588":{"position":[[2799,7],[7758,7],[8077,7]]},"660":{"position":[[21992,7]]}}}],["outside</dropdowntogglebutton",{"_index":4128,"t":{"660":{"position":[[22632,30]]}}}],["over",{"_index":1466,"t":{"574":{"position":[[5687,4],[7813,4]]},"588":{"position":[[3130,4]]},"620":{"position":[[207,4]]}}}],["overal",{"_index":1191,"t":{"568":{"position":[[2588,7],[3139,7],[3689,7],[4452,7],[5077,7],[5700,7],[6442,7],[6993,7],[7543,7],[8244,7],[8809,7],[9359,7],[10074,7],[10625,7],[11175,7],[12254,7],[12817,7],[13379,7],[13937,7],[14485,7],[15045,7],[18571,7],[19122,7],[19672,7],[20956,7],[21529,7],[22101,7]]},"588":{"position":[[9084,7],[10841,7]]}}}],["overflow",{"_index":1197,"t":{"568":{"position":[[2859,9],[3410,9],[3960,9],[4723,9],[5348,9],[5971,9],[6713,9],[7264,9],[7814,9],[8515,9],[9080,9],[9630,9],[10345,9],[10896,9],[11446,9],[12525,9],[13088,9],[13650,9],[14208,9],[14756,9],[15316,9],[18842,9],[19393,9],[19943,9],[21227,9],[21800,9],[22372,9]]},"588":{"position":[[9120,8],[10877,8]]},"616":{"position":[[2331,9]]},"618":{"position":[[2079,9]]},"620":{"position":[[2215,9]]},"624":{"position":[[1914,9]]}}}],["overlay",{"_index":4027,"t":{"660":{"position":[[86,8]]}}}],["overrid",{"_index":988,"t":{"560":{"position":[[574,8],[1328,8],[2061,8]]},"568":{"position":[[2709,10],[3260,10],[3810,10],[4573,10],[5198,10],[5821,10],[6563,10],[7114,10],[7664,10],[8365,10],[8930,10],[9480,10],[10195,10],[10746,10],[11296,10],[12375,10],[12938,10],[13500,10],[14058,10],[14606,10],[15166,10],[18692,10],[19243,10],[19793,10],[21077,10],[21650,10],[22222,10]]},"578":{"position":[[3781,8]]},"582":{"position":[[4613,8],[6794,8]]},"588":{"position":[[5366,8],[7479,8]]},"612":{"position":[[12458,8],[13616,8],[14357,8],[15640,8]]},"616":{"position":[[5869,8],[6136,8],[9309,8],[10278,8],[10707,8],[12348,8],[12935,8],[14610,8],[15033,8],[16674,8]]},"618":{"position":[[4824,8],[5202,8],[8574,8],[11040,8],[11912,8],[12290,8]]},"620":{"position":[[7769,8],[8023,8],[11402,8],[13833,8],[14263,8],[16960,8]]},"622":{"position":[[6953,8],[9519,8]]},"624":{"position":[[4512,8],[4870,8],[8306,8],[8664,8],[12514,8],[12923,8]]},"626":{"position":[[3770,8],[3882,8],[3960,8],[9679,8],[9785,8]]},"628":{"position":[[3299,8],[3411,8],[3489,8],[5141,8],[8410,8],[11675,8]]},"630":{"position":[[7677,8],[7789,8],[7867,8],[13044,8],[13150,8]]},"632":{"position":[[3682,8],[3798,8],[3880,8]]},"660":{"position":[[20600,8],[20706,8]]},"662":{"position":[[2471,8],[2583,8],[2661,8],[3385,8],[7552,8],[10908,8]]},"666":{"position":[[2630,8]]},"668":{"position":[[8262,8],[10762,8],[13041,8],[15842,8],[66565,8],[91861,8],[125553,8],[141992,8],[144644,8]]}}}],["overridden",{"_index":2020,"t":{"586":{"position":[[1393,10]]}}}],["p",{"_index":879,"t":{"142":{"position":[[1553,1]]},"564":{"position":[[2025,2]]},"574":{"position":[[1916,3],[2395,4],[2436,3],[2608,4],[2657,3],[3141,4],[3436,3],[3598,4],[3603,3],[3765,4],[4127,3],[4321,4],[4326,3],[4558,4],[6508,3],[6741,4],[6979,3],[7309,4],[7903,3],[8427,4],[8979,3],[9061,4],[9172,3],[9270,4],[9402,3],[9518,4]]},"588":{"position":[[8853,2],[10610,2]]},"612":{"position":[[2260,2],[2426,4],[2481,2],[2650,4],[2705,2],[2874,4],[3193,2],[3359,4],[3414,2],[3583,4],[3638,2],[3807,4],[4109,2],[4275,4],[4391,2],[4560,4],[4675,2],[4844,4],[5038,2],[5204,4],[5259,2],[5428,4],[5500,2],[5670,4],[5725,2],[5894,4],[6128,2],[6294,4],[6349,2],[6518,4],[6573,2],[6742,4],[6996,2],[7123,2],[7253,2],[7550,2],[7677,2],[7807,2],[7935,2],[8156,2],[8283,2],[8413,2],[8541,2],[8770,2],[8897,2],[9027,2],[9155,2],[9567,2],[9694,2],[9824,2],[9971,2],[10110,2],[10235,2],[11929,2],[12056,2],[12186,2],[12314,2]]},"660":{"position":[[18573,2]]}}}],["p>@department.nam",{"_index":5024,"t":{"668":{"position":[[63346,19]]}}}],["p>@eventlog</p",{"_index":4253,"t":{"666":{"position":[[750,16],[1547,16],[2306,16]]}}}],["p>@item</p",{"_index":1561,"t":{"576":{"position":[[4414,12]]}}}],["p>aww",{"_index":1070,"t":{"564":{"position":[[1823,6]]}}}],["p>lorem",{"_index":1836,"t":{"582":{"position":[[7595,8],[11836,8],[15977,8]]}}}],["p>morbi",{"_index":1940,"t":{"582":{"position":[[9078,8],[13319,8],[17460,8]]}}}],["p>pellentesqu",{"_index":1965,"t":{"582":{"position":[[10044,15],[14285,15],[18426,15]]}}}],["p>proin",{"_index":1907,"t":{"582":{"position":[[8305,8],[12546,8],[16687,8]]}}}],["p>some",{"_index":4110,"t":{"660":{"position":[[18502,7]]}}}],["p>thi",{"_index":2097,"t":{"588":{"position":[[9246,7],[11003,7]]}}}],["p>use",{"_index":1142,"t":{"566":{"position":[[2941,8],[3429,8],[3918,8],[4404,8],[4889,8],[5399,8],[5906,8],[6414,8],[6919,8],[7423,8]]}}}],["p>vestibulum",{"_index":1979,"t":{"582":{"position":[[10870,13],[15111,13],[19252,13]]}}}],["pa",{"_index":2908,"t":{"612":{"position":[[13532,5],[14473,5],[15756,5]]},"622":{"position":[[3126,5],[4997,5],[7622,5]]}}}],["packag",{"_index":3796,"t":{"636":{"position":[[230,8],[306,7],[331,7],[8290,7]]},"638":{"position":[[300,8],[319,7],[344,7],[2943,8],[2962,7],[2987,7],[8830,7],[8952,7]]},"640":{"position":[[230,8],[306,7],[331,7],[8827,7]]},"642":{"position":[[240,8],[316,7],[341,7],[7721,7]]},"644":{"position":[[240,8],[316,7],[341,7],[7882,7]]},"646":{"position":[[248,8],[324,7],[349,7],[3078,7]]},"648":{"position":[[248,8],[324,7],[349,7],[3257,7]]},"650":{"position":[[288,8],[364,7],[389,7],[7718,7]]},"656":{"position":[[240,8],[316,7],[341,7],[7578,7]]}}}],["pad",{"_index":1702,"t":{"580":{"position":[[3349,6]]},"630":{"position":[[1385,6]]},"660":{"position":[[18764,7]]}}}],["page",{"_index":170,"t":{"4":{"position":[[212,4]]},"6":{"position":[[297,4]]},"8":{"position":[[302,4]]},"10":{"position":[[754,4]]},"12":{"position":[[380,4]]},"14":{"position":[[403,4]]},"16":{"position":[[379,4]]},"18":{"position":[[320,4]]},"20":{"position":[[399,4]]},"22":{"position":[[282,4]]},"24":{"position":[[331,4]]},"26":{"position":[[280,4]]},"28":{"position":[[317,4]]},"30":{"position":[[661,4]]},"32":{"position":[[444,4]]},"34":{"position":[[785,4]]},"36":{"position":[[284,4]]},"38":{"position":[[621,4]]},"40":{"position":[[602,4]]},"42":{"position":[[216,4],[229,4],[476,6],[493,4]]},"44":{"position":[[548,4],[873,4]]},"46":{"position":[[907,4]]},"48":{"position":[[725,4]]},"50":{"position":[[599,4]]},"52":{"position":[[510,4]]},"54":{"position":[[862,4]]},"56":{"position":[[465,4]]},"58":{"position":[[582,4]]},"60":{"position":[[807,4]]},"62":{"position":[[424,4]]},"64":{"position":[[483,4]]},"66":{"position":[[456,4]]},"68":{"position":[[1110,4]]},"70":{"position":[[678,4]]},"72":{"position":[[1164,4]]},"74":{"position":[[1183,4]]},"76":{"position":[[440,4]]},"78":{"position":[[537,4]]},"80":{"position":[[292,6],[312,4],[322,4],[1950,4]]},"82":{"position":[[682,4]]},"84":{"position":[[507,4]]},"86":{"position":[[527,4]]},"88":{"position":[[898,4]]},"90":{"position":[[388,4]]},"92":{"position":[[467,4]]},"94":{"position":[[421,4]]},"96":{"position":[[305,4],[1102,4]]},"98":{"position":[[702,4]]},"100":{"position":[[583,4]]},"102":{"position":[[1574,4]]},"104":{"position":[[1040,4]]},"106":{"position":[[614,4]]},"108":{"position":[[703,4]]},"110":{"position":[[1301,4]]},"112":{"position":[[447,4]]},"114":{"position":[[990,4]]},"116":{"position":[[551,4]]},"118":{"position":[[1244,4]]},"120":{"position":[[610,4]]},"122":{"position":[[527,4]]},"124":{"position":[[1694,4]]},"126":{"position":[[430,4]]},"128":{"position":[[850,4]]},"138":{"position":[[1621,6]]},"172":{"position":[[793,6]]},"176":{"position":[[34,7],[302,6]]},"178":{"position":[[303,6]]},"182":{"position":[[305,6]]},"238":{"position":[[1268,6]]},"274":{"position":[[793,6]]},"474":{"position":[[290,6]]},"560":{"position":[[30,4],[2362,4]]},"564":{"position":[[26,4],[3651,4],[3981,5],[3997,4]]},"566":{"position":[[27,4],[7847,4]]},"568":{"position":[[29,4],[23442,4]]},"570":{"position":[[26,4],[952,4]]},"572":{"position":[[25,4],[7315,4]]},"574":{"position":[[27,4],[9726,4]]},"576":{"position":[[28,4],[5247,4]]},"578":{"position":[[34,4],[1177,5],[5906,4],[8897,4]]},"580":{"position":[[24,4],[13343,4]]},"582":{"position":[[29,4],[792,6],[21346,4]]},"586":{"position":[[32,4],[122,5],[3500,4]]},"588":{"position":[[25,4],[3559,5],[8724,4],[15263,4]]},"590":{"position":[[30,4],[158,6],[277,4],[420,4],[1392,6],[1490,4],[3143,4],[3367,4]]},"592":{"position":[[27,4],[79,4],[216,4],[236,5],[1019,4],[3704,4]]},"594":{"position":[[33,4],[1634,4]]},"596":{"position":[[28,4],[8296,4]]},"598":{"position":[[26,4],[9716,4],[9778,4]]},"600":{"position":[[28,4],[6405,4],[6495,6],[9494,6],[12449,6],[17497,4]]},"602":{"position":[[33,4],[13856,4]]},"604":{"position":[[28,4],[94,4],[4679,4]]},"606":{"position":[[26,4],[564,4],[11501,4],[12201,4]]},"608":{"position":[[28,4],[123,6],[2145,4]]},"610":{"position":[[22,4],[4334,4]]},"612":{"position":[[24,4],[16125,4]]},"614":{"position":[[23,4],[1383,4]]},"616":{"position":[[37,4],[17011,4]]},"618":{"position":[[42,4],[15328,4]]},"620":{"position":[[38,4],[17299,4]]},"622":{"position":[[28,4],[13425,4]]},"624":{"position":[[37,4],[14852,4]]},"626":{"position":[[27,4],[11657,4]]},"628":{"position":[[25,4],[12893,4]]},"630":{"position":[[29,4],[17495,4]]},"632":{"position":[[26,4],[6120,4]]},"634":{"position":[[21,4],[2905,4]]},"636":{"position":[[47,4],[7000,6],[8210,4]]},"638":{"position":[[52,4],[7555,6],[8720,4]]},"640":{"position":[[47,4],[3564,5],[7524,6],[8734,4]]},"642":{"position":[[52,4],[6423,6],[7633,4]]},"644":{"position":[[52,4],[6584,6],[7794,4]]},"646":{"position":[[56,4],[2989,4]]},"648":{"position":[[56,4],[3173,4]]},"650":{"position":[[54,4],[6464,6],[7629,4]]},"652":{"position":[[29,4],[471,4],[622,6],[1875,4]]},"654":{"position":[[34,4],[476,4],[627,6],[1880,4]]},"656":{"position":[[52,4],[6489,6],[7524,4]]},"658":{"position":[[31,4],[5002,4],[5830,4]]},"660":{"position":[[28,4],[25535,4]]},"662":{"position":[[25,4],[12067,4]]},"664":{"position":[[27,4],[6583,4],[6673,6],[8910,6],[11364,6],[13799,6],[16190,6],[18633,6],[25250,4]]},"666":{"position":[[30,4],[703,4],[1358156,4]]},"668":{"position":[[24,4],[167,6],[471,7],[726,6],[2303,4],[2338,4],[2388,4],[2478,4],[2562,4],[4211,4],[7169,4],[7213,5],[12168,7],[12180,7],[12352,4],[17259,7],[18866,6],[22008,6],[24690,6],[27967,6],[30385,6],[34544,6],[37192,6],[39768,6],[42384,6],[44972,6],[47808,6],[58727,4],[58740,4],[60613,6],[69980,6],[73404,6],[76516,6],[80001,6],[83182,6],[86208,6],[87823,7],[89649,6],[93863,6],[95404,4],[96686,6],[98489,4],[99481,6],[104826,6],[113259,6],[115479,6],[117946,6],[121966,6],[125875,6],[138056,7],[138088,6],[139532,6],[142296,6],[144948,6],[152250,4],[152469,6],[152519,7],[152642,6],[153106,4],[153116,4],[153373,6]]}}}],["page'",{"_index":974,"t":{"560":{"position":[[113,6]]}}}],["page/docu",{"_index":1115,"t":{"564":{"position":[[3821,14]]}}}],["pagechang",{"_index":2171,"t":{"590":{"position":[[1440,11]]}}}],["pagechanged=\"onpagechangedasync",{"_index":2199,"t":{"590":{"position":[[3093,32]]}}}],["pagenumb",{"_index":4351,"t":{"668":{"position":[[7154,10],[60925,10]]}}}],["pages",{"_index":4280,"t":{"668":{"position":[[796,8],[2355,8],[7188,8],[12204,8],[12303,8],[60940,8],[96402,8],[98456,8],[138158,8]]}}}],["pages/_host.cshtml",{"_index":3807,"t":{"636":{"position":[[1076,19],[1425,19]]},"640":{"position":[[461,18],[1074,19],[1346,18],[3245,18]]}}}],["pages/_layout.cshtml",{"_index":3799,"t":{"636":{"position":[[461,20],[1332,21],[1386,20],[1529,20],[3430,20]]}}}],["pagesize=\"10",{"_index":5086,"t":{"668":{"position":[[98645,13],[119629,13],[138400,13]]}}}],["pagesize=\"20",{"_index":4412,"t":{"668":{"position":[[12265,13]]}}}],["pagesize=\"5",{"_index":4413,"t":{"668":{"position":[[12504,12],[17437,12],[68896,12],[72276,12],[75435,12],[78624,12]]}}}],["pagesize=\"8",{"_index":5005,"t":{"668":{"position":[[59274,12]]}}}],["pagesize=\"@pages",{"_index":5078,"t":{"668":{"position":[[95550,20]]}}}],["pagesizeselector",{"_index":732,"t":{"114":{"position":[[420,16]]}}}],["pagesizeselectoritem",{"_index":4296,"t":{"668":{"position":[[2405,21]]}}}],["pagesizeselectoritems=\"@(new",{"_index":5088,"t":{"668":{"position":[[98690,28],[119674,28],[138445,28]]}}}],["pagesizeselectorvis",{"_index":4297,"t":{"668":{"position":[[2510,23]]}}}],["pagesizeselectorvisible=\"tru",{"_index":5087,"t":{"668":{"position":[[98659,30],[119643,30],[138414,30]]}}}],["pagin",{"_index":243,"t":{"16":{"position":[[244,10],[297,10],[358,10]]},"30":{"position":[[483,10]]},"114":{"position":[[496,11]]},"140":{"position":[[1384,10]]},"244":{"position":[[1251,10]]},"364":{"position":[[426,10]]},"388":{"position":[[730,10]]},"392":{"position":[[21,12],[228,10]]},"398":{"position":[[1612,10]]},"456":{"position":[[224,10]]},"582":{"position":[[21371,10]]},"590":{"position":[[11,10],[42,10],[74,10],[348,10],[1329,10],[1524,11],[1584,11],[1681,10],[1787,11],[1817,11],[1848,11],[1879,11],[1910,11],[1977,11],[2252,11],[2304,11],[2356,11],[2455,11],[2552,11],[2631,11],[2682,11],[2787,11],[2838,11],[2918,11],[3027,11],[3443,10]]},"666":{"position":[[1358170,10]]},"668":{"position":[[2672,10],[119263,10]]}}}],["pagina",{"_index":5107,"t":{"668":{"position":[[119811,7]]}}}],["pagination1",{"_index":880,"t":{"142":{"position":[[1555,11]]}}}],["paginationitemstextformat",{"_index":4298,"t":{"668":{"position":[[2596,25]]}}}],["paginationitemstextformat=\"{0",{"_index":5103,"t":{"668":{"position":[[119723,30]]}}}],["paginations",{"_index":2167,"t":{"590":{"position":[[1277,14]]}}}],["paginationsize.non",{"_index":2168,"t":{"590":{"position":[[1292,19]]}}}],["paging1",{"_index":793,"t":{"142":{"position":[[271,7]]}}}],["palett",{"_index":3000,"t":{"616":{"position":[[4288,7],[4360,8],[4421,7],[4481,8],[4496,8]]},"618":{"position":[[3657,7],[3729,8],[3790,7],[3850,8],[3865,8]]},"620":{"position":[[6254,7],[6326,8],[6387,7],[6447,8],[6462,8]]},"624":{"position":[[3375,7],[3447,8],[3508,7],[3568,8],[3583,8]]}}}],["pane",{"_index":2336,"t":{"598":{"position":[[2551,5],[2627,5],[2774,5],[2869,5]]},"612":{"position":[[765,5],[841,5],[988,5],[1083,5],[3078,4]]}}}],["panel",{"_index":1542,"t":{"576":{"position":[[2076,5],[4243,5]]}}}],["papa",{"_index":4477,"t":{"668":{"position":[[28726,7],[48567,7]]}}}],["paragraph",{"_index":1065,"t":{"564":{"position":[[1715,10]]}}}],["paramet",{"_index":195,"t":{"10":{"position":[[117,9],[526,10]]},"12":{"position":[[139,10],[209,9]]},"34":{"position":[[508,9]]},"54":{"position":[[381,11]]},"62":{"position":[[194,9]]},"68":{"position":[[537,11]]},"70":{"position":[[282,9]]},"80":{"position":[[415,9],[448,9],[562,9],[595,9],[705,9],[738,9],[850,9],[883,9],[989,9],[1022,9],[1132,9],[1165,9]]},"88":{"position":[[352,9]]},"92":{"position":[[189,9],[222,9]]},"124":{"position":[[342,9],[415,9],[703,9],[744,9],[897,9],[940,9],[1006,9],[1173,9],[1255,9],[1301,9],[1340,9],[1424,9],[1466,9]]},"128":{"position":[[435,10],[587,10],[641,10]]},"140":{"position":[[1544,10],[1921,9]]},"146":{"position":[[182,10]]},"244":{"position":[[1411,10],[1788,9]]},"448":{"position":[[161,9]]},"452":{"position":[[183,10]]},"560":{"position":[[197,11],[2395,10]]},"564":{"position":[[183,11],[4032,10]]},"566":{"position":[[143,11],[7879,10]]},"568":{"position":[[144,11],[1860,11],[6058,9],[7930,9],[9728,9],[18043,9],[23489,10],[23549,10]]},"572":{"position":[[114,11],[2397,10],[2457,9],[4019,10],[7352,10]]},"574":{"position":[[168,11],[3894,9],[4093,9],[6497,10],[9764,10]]},"576":{"position":[[148,11],[2549,9],[5288,10]]},"578":{"position":[[2320,11],[2772,10],[2969,12],[3723,11]]},"580":{"position":[[350,11],[367,11],[704,11],[885,11],[1065,11],[1246,11],[1499,11],[1935,11],[2191,11],[2371,11],[7268,10],[13383,10],[13399,10],[13419,10],[13441,10],[13462,10],[13484,10],[13504,10],[13528,10],[13548,10],[13569,10]]},"582":{"position":[[175,11],[3523,11],[3896,10],[4055,11],[4067,12],[4555,11],[4880,9],[5129,9],[5646,10],[5907,11],[5919,12],[6657,11],[6705,11],[11669,10],[21382,10]]},"586":{"position":[[193,11],[478,11],[3559,10],[3582,10]]},"588":{"position":[[174,11],[1909,10],[4317,11],[4664,10],[4819,11],[4831,12],[5308,11],[5649,9],[5898,9],[6353,10],[6610,11],[6622,12],[7342,11],[7390,11],[15297,10]]},"590":{"position":[[165,11],[3407,10]]},"592":{"position":[[396,11],[3745,10]]},"594":{"position":[[156,11],[353,9],[1682,10]]},"596":{"position":[[210,11],[522,11],[2077,9],[3320,10],[3689,9],[8339,10],[8362,10]]},"598":{"position":[[130,11],[378,11],[847,11],[1033,11],[1287,11],[9827,10],[9848,10],[9871,10],[9898,10],[9920,10]]},"600":{"position":[[204,11],[9406,9],[12401,9],[15377,9],[17538,10]]},"602":{"position":[[399,11],[3008,9],[10833,9],[11881,10],[13899,10]]},"604":{"position":[[145,11],[979,9],[4717,10]]},"606":{"position":[[590,11],[3364,10],[4706,9],[8144,9],[10042,10],[11718,10],[12241,10]]},"608":{"position":[[130,11],[2181,10]]},"610":{"position":[[380,11],[784,9],[4388,10]]},"612":{"position":[[117,11],[1526,11],[3002,10],[3051,9],[3920,10],[4951,10],[5989,9],[6837,9],[7437,9],[14804,9],[16165,10],[16214,10]]},"614":{"position":[[195,11],[673,9],[861,9],[1422,10]]},"616":{"position":[[237,11],[17054,10]]},"618":{"position":[[333,11],[15368,10]]},"620":{"position":[[382,11],[17343,10]]},"622":{"position":[[231,11],[10522,9],[12055,9],[13466,10]]},"624":{"position":[[178,11],[14896,10]]},"626":{"position":[[177,10],[193,11],[3599,10],[4689,9],[4990,9],[5252,9],[5973,9],[6384,9],[7117,9],[11699,10]]},"628":{"position":[[180,11],[306,11],[3130,10],[5505,9],[6278,9],[12940,10]]},"630":{"position":[[185,11],[4600,9],[5076,10],[7504,10],[8381,9],[9158,9],[9597,9],[10336,9],[17539,10]]},"632":{"position":[[132,11],[2063,9],[2790,9],[3360,10],[4170,9],[5512,10],[6159,10]]},"634":{"position":[[155,11],[1048,9],[1727,9],[2273,10],[2947,10]]},"658":{"position":[[5255,10]]},"660":{"position":[[244,11],[1036,11],[1304,11],[1674,11],[1964,11],[2147,11],[14469,9],[14971,9],[15851,9],[16489,10],[16575,9],[22066,10],[25583,10],[25615,10],[25647,10],[25671,10],[25697,10],[25721,10]]},"662":{"position":[[184,11],[310,11],[2302,10],[3674,9],[4419,9],[12103,10]]},"664":{"position":[[212,11],[11320,9],[13711,9],[16142,9],[24190,9],[25292,10]]},"666":{"position":[[201,11],[1450,9],[1358199,10]]},"668":{"position":[[190,11],[3316,10],[4267,11],[4622,10],[6113,10],[7360,10],[7411,9],[7446,9],[12213,10],[12279,10],[12312,9],[14883,10],[14932,9],[20845,10],[23419,9],[23508,9],[23678,9],[26112,9],[26209,9],[30458,9],[30513,10],[33028,9],[33109,9],[35966,9],[36069,9],[38611,9],[41174,9],[46258,9],[46313,9],[50378,9],[63077,9],[63140,9],[65402,9],[65465,9],[75203,9],[88043,11],[123774,9],[123907,10],[146732,9],[149167,9],[152289,10],[152345,10],[152841,9],[152876,9]]}}}],["parameter'",{"_index":1608,"t":{"578":{"position":[[2379,11],[2419,11]]},"582":{"position":[[3582,11],[3622,11]]},"588":{"position":[[4376,11],[4416,11]]}}}],["parameters.add(\"employeeid",{"_index":1611,"t":{"578":{"position":[[2819,28]]},"582":{"position":[[3943,28],[5693,28]]},"588":{"position":[[4711,28],[6400,28]]}}}],["parameters.add(\"onclickcallback",{"_index":1822,"t":{"582":{"position":[[5728,33]]},"588":{"position":[[6435,33]]}}}],["parametr",{"_index":1581,"t":{"578":{"position":[[542,10]]}}}],["paramt",{"_index":4544,"t":{"668":{"position":[[33352,9]]}}}],["parent",{"_index":1166,"t":{"568":{"position":[[512,6],[6159,6]]},"572":{"position":[[757,6]]},"576":{"position":[[385,6],[421,7]]},"580":{"position":[[2788,6]]},"582":{"position":[[4919,6],[5063,6],[5281,6],[6577,6]]},"586":{"position":[[2212,6]]},"588":{"position":[[5688,6],[5832,6],[6050,6],[7273,6]]},"600":{"position":[[1554,6],[3834,6]]},"614":{"position":[[151,7]]},"660":{"position":[[16443,7]]},"664":{"position":[[1530,6],[2751,6]]}}}],["parenthes",{"_index":3712,"t":{"630":{"position":[[5426,11],[5538,11],[17717,11]]}}}],["parentid",{"_index":2440,"t":{"600":{"position":[[1515,8],[3814,8]]},"664":{"position":[[1491,8],[2731,8]]}}}],["parentid=\"2",{"_index":2457,"t":{"600":{"position":[[2536,14],[4635,14],[7557,14],[10551,14],[13549,14],[16250,14]]},"664":{"position":[[3564,14],[5427,14],[7686,14],[10039,14],[12512,14],[14942,14],[17333,14],[19816,14],[23088,14]]}}}],["parentid=\"4",{"_index":2460,"t":{"600":{"position":[[2739,14],[2855,14],[2946,14],[4838,14],[4954,14],[5045,14],[5445,14],[7791,14],[7907,14],[7998,14],[8398,13],[10785,14],[10901,14],[10992,14],[11392,13],[13783,14],[13899,14],[13990,14],[14390,13],[16453,14],[16569,14],[16660,14]]},"664":{"position":[[3767,14],[3883,14],[3999,14],[5661,14],[5777,14],[5893,14],[7920,14],[8036,14],[8152,14],[10273,14],[10389,14],[10505,14],[12746,14],[12862,14],[12978,14],[15176,14],[15292,14],[15408,14],[17567,14],[17683,14],[17799,14],[20050,14],[20166,14],[20282,14],[23291,13],[23421,13],[23551,13]]}}}],["parentid=\"7",{"_index":2465,"t":{"600":{"position":[[3054,14],[3169,14],[5164,14],[5250,14],[8117,14],[8203,14],[11111,14],[11197,14],[14109,14],[14195,14],[16768,14],[16883,14]]}}}],["parentid=\"702",{"_index":2476,"t":{"600":{"position":[[5363,16],[8316,16],[11310,16],[14308,16]]}}}],["parentid=\"8",{"_index":2469,"t":{"600":{"position":[[3367,14],[3494,14],[3614,14],[3719,14],[5551,14],[5637,14],[8535,14],[8621,14],[11529,14],[11615,14],[14527,14],[14613,14],[17081,14],[17208,14],[17328,14],[17433,14]]},"664":{"position":[[4197,14],[4324,14],[4444,14],[4549,14],[6121,14],[6248,14],[6368,14],[6473,14],[8380,14],[8507,14],[8627,14],[8732,14],[10733,14],[10860,14],[10980,14],[11085,14],[13206,14],[13333,14],[13453,14],[13558,14],[15636,14],[15763,14],[15883,14],[15988,14],[18027,14],[18154,14],[18274,14],[18379,14],[20510,14],[20637,14],[20757,14],[20862,14],[23763,14],[23890,14],[24010,14],[24115,14]]}}}],["parentid=\"802",{"_index":2481,"t":{"600":{"position":[[5742,16],[8726,16],[11720,16],[14718,16]]}}}],["parentid=\"9",{"_index":2482,"t":{"600":{"position":[[5943,14],[6070,14],[6190,14],[6295,14],[8958,14],[9085,14],[9205,14],[9310,14],[11952,14],[12079,14],[12199,14],[12304,14],[14950,14],[15077,14],[15197,14],[15302,14]]}}}],["part",{"_index":1368,"t":{"572":{"position":[[3331,4]]},"668":{"position":[[58809,4]]}}}],["parti",{"_index":693,"t":{"110":{"position":[[367,5]]},"666":{"position":[[166,5]]}}}],["particip",{"_index":4039,"t":{"660":{"position":[[1606,12]]}}}],["parts—with",{"_index":1737,"t":{"580":{"position":[[7239,10]]}}}],["pass",{"_index":404,"t":{"54":{"position":[[393,4],[438,4]]},"68":{"position":[[549,4],[594,4]]},"96":{"position":[[652,6]]},"578":{"position":[[2332,4]]},"582":{"position":[[3535,4],[4798,4],[4866,6],[5080,6],[21480,4]]},"588":{"position":[[4329,4],[5551,4],[5635,6],[5849,6],[15387,4]]},"592":{"position":[[2267,7]]},"616":{"position":[[16755,4]]},"618":{"position":[[12371,4]]},"620":{"position":[[17041,4]]},"624":{"position":[[8745,4]]},"668":{"position":[[6455,6]]}}}],["pdf",{"_index":143,"t":{"2":{"position":[[3201,3],[3568,3]]},"110":{"position":[[132,3],[259,3],[301,3]]},"112":{"position":[[116,3],[203,3],[224,3]]},"148":{"position":[[181,3]]},"150":{"position":[[174,3]]},"154":{"position":[[2011,3],[2378,3]]},"228":{"position":[[2020,3],[2387,3]]},"308":{"position":[[1061,3],[1428,3]]},"310":{"position":[[2014,3],[2381,3]]},"360":{"position":[[173,3]]},"368":{"position":[[1442,3]]},"400":{"position":[[785,3],[1152,3]]},"410":{"position":[[182,3]]},"412":{"position":[[493,3]]},"428":{"position":[[466,3]]},"494":{"position":[[177,3]]},"502":{"position":[[161,3]]},"586":{"position":[[3514,3]]},"590":{"position":[[3396,3]]},"666":{"position":[[11,3],[42,3],[64,3],[106,3],[358,3],[423,3],[453,3],[619,3],[2252,3],[2669,3]]}}}],["pdfbase64str",{"_index":4271,"t":{"666":{"position":[[2402,17],[2603,16],[2690,15]]}}}],["pdfviewer",{"_index":61,"t":{"2":{"position":[[1202,9],[1513,9],[3398,9],[3648,9]]},"110":{"position":[[1247,9]]},"112":{"position":[[427,9]]},"120":{"position":[[306,9],[562,9]]},"122":{"position":[[284,9],[482,9]]},"148":{"position":[[378,9]]},"150":{"position":[[371,9]]},"152":{"position":[[312,9]]},"154":{"position":[[1246,9],[1557,9],[2208,9],[2458,9]]},"228":{"position":[[1255,9],[1566,9],[2217,9],[2467,9]]},"308":{"position":[[296,9],[607,9],[1258,9],[1508,9]]},"310":{"position":[[1249,9],[1560,9],[2211,9],[2461,9]]},"336":{"position":[[663,9]]},"342":{"position":[[576,9]]},"346":{"position":[[316,9]]},"360":{"position":[[370,9]]},"368":{"position":[[1262,9],[1639,9]]},"386":{"position":[[314,9]]},"400":{"position":[[20,11],[294,9],[605,9],[982,9],[1232,9]]},"410":{"position":[[379,9]]},"412":{"position":[[313,9],[690,9]]},"414":{"position":[[644,9]]},"418":{"position":[[298,9]]},"422":{"position":[[987,9]]},"428":{"position":[[289,9],[663,9]]},"442":{"position":[[310,9]]},"494":{"position":[[374,9]]},"502":{"position":[[241,9]]},"552":{"position":[[310,9]]},"556":{"position":[[292,9]]},"666":{"position":[[767,10],[1564,10],[2323,10]]}}}],["pdfviewer4",{"_index":881,"t":{"142":{"position":[[1567,10]]}}}],["pe",{"_index":2613,"t":{"602":{"position":[[11213,2]]}}}],["pellentesqu",{"_index":1885,"t":{"582":{"position":[[8045,12],[8489,12],[8799,12],[9983,13],[10456,12],[12286,12],[12730,12],[13040,12],[14224,13],[14697,12],[16427,12],[16871,12],[17181,12],[18365,13],[18838,12]]}}}],["per",{"_index":2741,"t":{"606":{"position":[[11732,3]]},"616":{"position":[[2452,3]]},"618":{"position":[[2200,3]]},"620":{"position":[[2336,3]]},"624":{"position":[[2035,3]]},"668":{"position":[[2299,3],[2334,3],[119807,3]]}}}],["percent",{"_index":2969,"t":{"616":{"position":[[1794,7],[2165,7]]}}}],["percept",{"_index":2036,"t":{"586":{"position":[[2684,10]]}}}],["perform",{"_index":343,"t":{"42":{"position":[[253,11]]},"570":{"position":[[229,11]]},"588":{"position":[[2843,9]]}}}],["permit",{"_index":91,"t":{"2":{"position":[[2216,9]]},"118":{"position":[[381,9]]}}}],["persist",{"_index":5002,"t":{"668":{"position":[[58946,7],[58997,10]]}}}],["ph",{"_index":3698,"t":{"630":{"position":[[3701,3],[15875,3]]}}}],["ph</b></label",{"_index":3697,"t":{"630":{"position":[[3624,14],[15794,14]]}}}],["pharetra",{"_index":1891,"t":{"582":{"position":[[8110,8],[8502,8],[9154,8],[9218,9],[12351,8],[12743,8],[13395,8],[13459,9],[16492,8],[16884,8],[17536,8],[17600,9]]}}}],["phasellu",{"_index":1976,"t":{"582":{"position":[[10621,9],[10950,9],[14862,9],[15191,9],[19003,9],[19332,9]]}}}],["pich",{"_index":3285,"t":{"622":{"position":[[2999,5],[4870,5],[7000,5],[7495,5]]}}}],["pick",{"_index":4545,"t":{"668":{"position":[[33370,4]]}}}],["picker",{"_index":3546,"t":{"628":{"position":[[288,6]]},"662":{"position":[[292,6]]}}}],["pie",{"_index":336,"t":{"40":{"position":[[265,3],[441,3],[582,3]]},"100":{"position":[[352,3]]},"102":{"position":[[818,3]]},"104":{"position":[[645,3]]},"138":{"position":[[1887,3]]},"142":{"position":[[415,3]]},"160":{"position":[[303,3]]},"166":{"position":[[300,3]]},"174":{"position":[[308,3]]},"190":{"position":[[304,3]]},"194":{"position":[[29,3],[303,3]]},"238":{"position":[[1534,3]]},"570":{"position":[[429,3],[853,3],[875,3],[907,3],[1041,3]]},"584":{"position":[[293,3]]},"618":{"position":[[209,3]]},"620":{"position":[[17333,3]]},"624":{"position":[[19,3],[49,3],[78,3]]},"658":{"position":[[5844,3]]}}}],["piechart",{"_index":3401,"t":{"624":{"position":[[3743,9],[4249,8],[4258,8],[7686,9],[8043,8],[8052,8],[11641,9],[12251,8],[12260,8]]}}}],["piechart.adddataasync(chartdata",{"_index":3414,"t":{"624":{"position":[[6336,32],[10015,32]]}}}],["piechart.adddatasetasync(chartdata",{"_index":3412,"t":{"624":{"position":[[5863,35]]}}}],["piechart.initializeasync(chartdata",{"_index":3406,"t":{"624":{"position":[[4954,35],[8798,35],[13007,35]]}}}],["piechart.updateasync(chartdata",{"_index":3410,"t":{"624":{"position":[[5646,31],[9560,31],[13537,31]]}}}],["piechartdataset",{"_index":3397,"t":{"624":{"position":[[1503,15],[1533,15],[5290,15],[5306,15],[5325,15],[6168,15],[6184,16],[6686,15],[9204,15],[9220,15],[9239,15],[9847,15],[9863,16],[10557,15],[13855,15],[14933,15]]}}}],["piechartdataset.data",{"_index":3407,"t":{"624":{"position":[[5356,20],[5536,20],[9270,20],[9450,20]]}}}],["piechartdataset.data.count",{"_index":3408,"t":{"624":{"position":[[5404,27],[9318,27]]}}}],["piechartdatasetdata(piechartdataset.label",{"_index":3413,"t":{"624":{"position":[[6214,42],[9893,42]]}}}],["piechartdatasetdatalabel",{"_index":3398,"t":{"624":{"position":[[2163,25],[2637,25],[14957,25]]}}}],["piechartopt",{"_index":3399,"t":{"624":{"position":[[2848,15],[2878,15],[4287,15],[4303,15],[4699,15],[4990,17],[5678,17],[5913,17],[8081,15],[8097,15],[8493,15],[8859,16],[9592,17],[12289,15],[12305,15],[12701,15],[13043,17],[13569,17],[14991,15]]}}}],["piechartoptions.plugins.legend.posit",{"_index":3420,"t":{"624":{"position":[[12860,39],[13479,39]]}}}],["piechartoptions.plugins.title.display",{"_index":3405,"t":{"624":{"position":[[4812,37],[8606,37],[12814,37]]}}}],["piechartoptions.plugins.title.text",{"_index":3404,"t":{"624":{"position":[[4759,34],[8553,34],[12761,34]]}}}],["piechartoptions.respons",{"_index":3403,"t":{"624":{"position":[[4724,26],[8518,26],[12726,26]]}}}],["piechartplugin",{"_index":3400,"t":{"624":{"position":[[3123,15]]}}}],["pill",{"_index":359,"t":{"44":{"position":[[467,5]]},"72":{"position":[[225,4]]},"110":{"position":[[846,5]]},"572":{"position":[[2422,4],[7402,4]]},"612":{"position":[[5940,6],[5974,6],[8063,6],[16299,5],[16333,5]]}}}],["pipelin",{"_index":3882,"t":{"636":{"position":[[6135,9]]},"638":{"position":[[5849,9]]},"640":{"position":[[6659,9]]},"650":{"position":[[5531,9]]}}}],["pixel",{"_index":2258,"t":{"596":{"position":[[459,7],[496,7],[3353,7]]},"598":{"position":[[1873,7],[1987,7]]},"616":{"position":[[2372,6]]},"618":{"position":[[2120,6]]},"620":{"position":[[2256,6],[3546,7],[3615,5]]},"624":{"position":[[1955,6]]},"668":{"position":[[2225,6],[4969,7],[26270,7],[123831,7]]}}}],["place",{"_index":1479,"t":{"574":{"position":[[6883,6]]},"660":{"position":[[18181,5]]}}}],["placehold",{"_index":247,"t":{"18":{"position":[[159,12],[245,12],[297,12]]},"22":{"position":[[259,12]]},"26":{"position":[[257,12]]},"140":{"position":[[554,12],[752,12],[950,12]]},"244":{"position":[[421,12],[619,12],[817,12]]},"404":{"position":[[20,14],[220,12],[418,12],[616,12]]},"458":{"position":[[219,12]]},"460":{"position":[[219,12]]},"462":{"position":[[215,12]]},"576":{"position":[[2023,11],[3035,11],[4190,11]]},"582":{"position":[[20331,12]]},"586":{"position":[[11,12],[44,12],[86,12],[332,11],[466,11],[605,11],[689,11],[775,11],[810,13],[885,12],[931,12],[977,12],[1023,12],[1201,12],[1247,12],[1276,12],[1350,11],[1442,12],[1489,12],[1569,12],[1651,12],[1731,12],[1810,12],[1890,12],[1967,12],[2045,12],[2157,12],[2276,12],[2323,12],[2399,12],[2475,12],[2590,12],[2792,12],[2839,12],[2915,12],[2991,12],[3171,12],[3218,12],[3294,12],[3370,12],[3570,11],[3602,12]]},"588":{"position":[[8899,11],[10656,11]]},"592":{"position":[[3718,12]]},"612":{"position":[[2293,11],[2514,11],[2738,11],[3226,11],[3447,11],[3671,11],[4142,11],[4424,11],[4708,11],[5071,11],[5292,11],[5533,11],[5758,11],[6161,11],[6382,11],[6606,11],[7024,11],[7151,11],[7281,11],[7578,11],[7705,11],[7835,11],[7963,11],[8184,11],[8311,11],[8441,11],[8569,11],[8798,11],[8925,11],[9055,11],[9183,11],[9595,11],[9722,11],[9852,11],[9999,11],[10138,11],[10263,11],[11957,11],[12084,11],[12214,11],[12342,11],[13199,11],[14144,11],[15259,11]]},"622":{"position":[[593,11],[634,12]]},"626":{"position":[[892,11],[934,12]]},"628":{"position":[[937,11],[979,12]]},"630":{"position":[[1451,11],[1493,12]]},"662":{"position":[[881,11],[923,12]]},"666":{"position":[[1358186,12]]}}}],["placeholder=\"ent",{"_index":3442,"t":{"626":{"position":[[1538,18],[4141,18],[4606,18],[4907,18],[5483,18],[5711,18],[6158,18],[6552,18],[7289,18],[8516,18],[8876,18],[9205,18],[11336,18]]},"628":{"position":[[1562,18],[2171,18],[2375,18],[2577,18],[2781,18],[3684,18],[4012,18],[4338,18],[4666,18],[5631,18],[6408,18],[7921,18]]},"630":{"position":[[2018,18],[2349,18],[2575,18],[2801,18],[3027,18],[3253,18],[3479,18],[3705,18],[3931,18],[4157,18],[4752,18],[5265,18],[5806,18],[8076,18],[8640,18],[8896,18],[9371,18],[9769,18],[10512,18],[11795,18],[12198,18],[12570,18],[14499,18],[14729,18],[14959,18],[15189,18],[15419,18],[15649,18],[15879,18],[16109,18],[16339,18],[17174,18]]},"660":{"position":[[19523,18],[19824,18],[20094,18]]},"662":{"position":[[5758,18]]}}}],["placeholder=\"search",{"_index":3275,"t":{"622":{"position":[[2320,19],[4147,19],[5778,19],[6747,19],[8740,19],[10741,19],[12300,19]]}}}],["placeholderanim",{"_index":2005,"t":{"586":{"position":[[268,20]]}}}],["placeholderanimation.glow",{"_index":2006,"t":{"586":{"position":[[289,25],[2608,25]]}}}],["placeholderanimation.wav",{"_index":2034,"t":{"586":{"position":[[2637,25]]}}}],["placeholdercolor",{"_index":2007,"t":{"586":{"position":[[549,16]]}}}],["placeholdercolor.non",{"_index":2008,"t":{"586":{"position":[[566,21]]}}}],["placeholdercontain",{"_index":2004,"t":{"586":{"position":[[172,20],[824,21],[1069,23],[2731,21],[3072,23],[3110,21],[3451,23],[3538,20]]}}}],["placeholders",{"_index":2009,"t":{"586":{"position":[[635,15]]}}}],["placeholders3",{"_index":882,"t":{"142":{"position":[[1578,13]]}}}],["placeholdersize.non",{"_index":2010,"t":{"586":{"position":[[651,20]]}}}],["placeholderwidth",{"_index":2011,"t":{"586":{"position":[[719,16],[1148,17]]}}}],["placeholderwidth.col1",{"_index":2012,"t":{"586":{"position":[[736,21]]}}}],["placement",{"_index":217,"t":{"10":{"position":[[587,9]]},"38":{"position":[[382,9]]},"572":{"position":[[454,9],[522,10],[4009,9]]},"574":{"position":[[1422,10]]},"582":{"position":[[851,9],[861,9],[912,10],[3263,9],[6978,10],[21524,9]]},"604":{"position":[[2833,10],[4810,9]]},"606":{"position":[[875,9],[949,10],[8002,10],[8038,9],[8084,9],[8182,10],[9495,10],[9752,10],[12352,9]]},"608":{"position":[[487,9],[560,10]]}}}],["placement.end",{"_index":1779,"t":{"582":{"position":[[871,13]]}}}],["placement=\"@toastsplac",{"_index":2719,"t":{"606":{"position":[[8233,28]]}}}],["placement=\"badgeplacement.bottomcent",{"_index":1393,"t":{"572":{"position":[[6428,39]]}}}],["placement=\"badgeplacement.bottomleft",{"_index":1392,"t":{"572":{"position":[[6125,37]]}}}],["placement=\"badgeplacement.bottomright",{"_index":1394,"t":{"572":{"position":[[6733,38]]}}}],["placement=\"badgeplacement.middlecent",{"_index":1390,"t":{"572":{"position":[[5490,39]]}}}],["placement=\"badgeplacement.middleleft",{"_index":1389,"t":{"572":{"position":[[5187,37]]}}}],["placement=\"badgeplacement.middleright",{"_index":1391,"t":{"572":{"position":[[5795,38]]}}}],["placement=\"badgeplacement.topcent",{"_index":1387,"t":{"572":{"position":[[4558,36]]}}}],["placement=\"badgeplacement.topleft",{"_index":1383,"t":{"572":{"position":[[4258,34]]}}}],["placement=\"badgeplacement.topright",{"_index":1388,"t":{"572":{"position":[[4860,35],[7152,35]]}}}],["placement=\"placement.top",{"_index":1832,"t":{"582":{"position":[[7089,26]]}}}],["placement=\"toastsplacement.topright",{"_index":2691,"t":{"606":{"position":[[1972,36],[3415,36],[4954,36],[6544,36],[10224,36],[11649,36]]},"636":{"position":[[7452,36]]},"640":{"position":[[7976,36]]},"642":{"position":[[6875,36]]},"644":{"position":[[7036,36]]}}}],["placement=\"tooltipplacement.bottom\">tooltip",{"_index":2758,"t":{"608":{"position":[[999,43]]}}}],["placement=\"tooltipplacement.left\">tooltip",{"_index":2752,"t":{"608":{"position":[[730,41]]}}}],["placement=\"tooltipplacement.right\">tooltip",{"_index":2756,"t":{"608":{"position":[[895,42]]}}}],["placement=\"tooltipplacement.top\">tooltip",{"_index":2773,"t":{"608":{"position":[[1657,40]]}}}],["placerat",{"_index":1852,"t":{"582":{"position":[[7736,8],[9530,9],[9701,8],[11977,8],[13771,9],[13942,8],[16118,8],[17912,9],[18083,8]]}}}],["placerat.</p",{"_index":1906,"t":{"582":{"position":[[8291,13],[9064,13],[12532,13],[13305,13],[16673,13],[17446,13]]}}}],["platform",{"_index":2997,"t":{"616":{"position":[[3946,8],[12620,8]]},"618":{"position":[[3355,8],[8184,8]]},"620":{"position":[[5911,8]]},"624":{"position":[[3078,8]]}}}],["pldi",{"_index":4255,"t":{"666":{"position":[[881,4],[1678,4]]}}}],["pleas",{"_index":135,"t":{"2":{"position":[[3015,6]]},"118":{"position":[[1180,6]]},"610":{"position":[[832,6],[1404,6],[3845,6]]},"668":{"position":[[92125,6]]}}}],["plot",{"_index":2989,"t":{"616":{"position":[[3190,4],[3262,4]]},"620":{"position":[[5154,4],[5226,4]]}}}],["plugin",{"_index":1188,"t":{"568":{"position":[[2491,6],[3042,6],[3592,6],[4355,6],[4980,6],[5603,6],[6345,6],[6896,6],[7446,6],[8147,6],[8712,6],[9262,6],[9977,6],[10528,6],[11078,6],[12157,6],[12720,6],[13282,6],[13840,6],[14388,6],[14948,6],[18474,6],[19025,6],[19575,6],[20859,6],[21432,6],[22004,6]]},"616":{"position":[[1097,7],[3983,7],[4024,8],[16764,6],[16886,8]]},"618":{"position":[[1193,7],[3392,7],[3438,8],[12380,6],[12512,8]]},"620":{"position":[[1242,7],[5948,7],[5990,8],[17050,6],[17174,8]]},"624":{"position":[[1038,7],[3115,7],[3156,8],[8754,6],[8876,8]]},"636":{"position":[[2177,6],[2349,6],[2381,6]]},"638":{"position":[[1629,6],[1801,6],[1833,6],[4799,6],[4971,6],[5003,6]]},"640":{"position":[[1992,6],[2164,6],[2196,6],[5557,6],[5729,6],[5761,6]]},"642":{"position":[[2011,6],[2183,6],[2215,6]]},"644":{"position":[[2011,6],[2183,6],[2215,6]]},"646":{"position":[[1651,6],[1823,6],[1855,6]]},"648":{"position":[[1651,6],[1823,6],[1855,6]]},"650":{"position":[[1674,6],[1846,6],[1878,6],[4550,6],[4722,6],[4754,6]]},"656":{"position":[[1665,6],[1837,6],[1869,6],[4805,6],[4977,6],[5009,6]]}}}],["pm",{"_index":4172,"t":{"662":{"position":[[3534,2],[3627,2]]}}}],["png",{"_index":2407,"t":{"598":{"position":[[6803,3],[9693,3]]}}}],["poc",{"_index":108,"t":{"2":{"position":[[2440,5]]},"118":{"position":[[605,5]]}}}],["point",{"_index":3156,"t":{"618":{"position":[[9325,6],[9867,6],[10409,6]]},"620":{"position":[[171,6],[3339,7],[3446,7],[3530,5],[3647,5],[3732,5],[3815,5],[3928,5],[4023,5],[4109,5],[4139,5],[4232,5],[4323,6],[4451,6],[4511,6],[4596,6],[4635,6],[10570,6],[12153,6],[12695,6],[13237,6],[15012,6],[15619,6],[16226,6]]},"630":{"position":[[5115,5]]}}}],["pointbackgroundcolor",{"_index":3153,"t":{"618":{"position":[[9227,20],[9769,20],[10311,20]]},"620":{"position":[[3244,20],[10466,20],[12055,20],[12597,20],[13139,20],[14914,20],[15521,20],[16128,20]]}}}],["pointbordercolor",{"_index":3208,"t":{"620":{"position":[[3353,16]]}}}],["pointborderwidth",{"_index":3209,"t":{"620":{"position":[[3460,16]]}}}],["pointer",{"_index":1445,"t":{"574":{"position":[[3953,7]]}}}],["pointhitradiu",{"_index":3210,"t":{"620":{"position":[[3560,14]]}}}],["pointhoverbackgroundcolor",{"_index":3213,"t":{"620":{"position":[[3688,25]]}}}],["pointhoverbordercolor",{"_index":3214,"t":{"620":{"position":[[3775,21]]}}}],["pointhoverborderwidth",{"_index":3215,"t":{"620":{"position":[[3854,21]]}}}],["pointhoverradiu",{"_index":3157,"t":{"618":{"position":[[9332,16],[9874,16],[10416,16]]},"620":{"position":[[3954,16],[10577,16],[12160,16],[12702,16],[13244,16],[15019,16],[15626,16],[16233,16]]}}}],["pointradiu",{"_index":3154,"t":{"618":{"position":[[9282,11],[9824,11],[10366,11]]},"620":{"position":[[4049,11],[10527,11],[12110,11],[12652,11],[13194,11],[14969,11],[15576,11],[16183,11]]}}}],["pointrot",{"_index":3217,"t":{"620":{"position":[[4168,13]]}}}],["pointstyl",{"_index":3220,"t":{"620":{"position":[[4256,10]]}}}],["polar",{"_index":20,"t":{"2":{"position":[[153,5]]},"128":{"position":[[153,5],[229,5]]},"154":{"position":[[197,5]]},"228":{"position":[[206,5]]},"310":{"position":[[200,5]]},"334":{"position":[[196,5]]},"368":{"position":[[195,5]]},"374":{"position":[[196,5]]},"396":{"position":[[205,5]]},"416":{"position":[[197,5]]},"422":{"position":[[198,5]]},"562":{"position":[[196,5]]},"570":{"position":[[470,5]]}}}],["polarareachart",{"_index":29,"t":{"2":{"position":[[281,14]]},"128":{"position":[[808,14]]},"154":{"position":[[325,14]]},"228":{"position":[[334,14]]},"310":{"position":[[328,14]]},"334":{"position":[[324,14]]},"368":{"position":[[323,14]]},"374":{"position":[[324,14]]},"396":{"position":[[21,16],[333,14]]},"416":{"position":[[325,14]]},"422":{"position":[[326,14]]},"562":{"position":[[324,14]]}}}],["polarareachart1",{"_index":883,"t":{"142":{"position":[[1592,15]]}}}],["poor",{"_index":2059,"t":{"588":{"position":[[3423,4]]}}}],["pop",{"_index":4391,"t":{"668":{"position":[[8740,6],[11240,6],[13519,6],[16320,6],[19500,6],[22642,6],[25324,6],[28944,6],[35178,6],[37826,6],[40402,6],[42966,6],[45554,6],[48785,6],[61957,6],[64585,6],[67043,6],[70788,6],[74038,6],[77150,6],[80635,6],[83816,6],[86842,6],[90283,6],[94497,6],[97320,6],[100115,6],[105336,6],[113769,6],[115989,6],[118456,6],[122600,6],[126510,6],[140166,6],[142828,6],[145568,6],[148584,6],[151787,6]]}}}],["pop@blazorbootstrap.com",{"_index":4480,"t":{"668":{"position":[[28977,26],[48818,26]]}}}],["popular",{"_index":2670,"t":{"606":{"position":[[297,12]]}}}],["popup",{"_index":3268,"t":{"622":{"position":[[1814,5]]}}}],["porta",{"_index":1867,"t":{"582":{"position":[[7891,5],[10676,6],[12132,5],[14917,6],[16273,5],[19058,6]]}}}],["portrait",{"_index":4266,"t":{"666":{"position":[[1524,8]]}}}],["porttitor",{"_index":1901,"t":{"582":{"position":[[8218,9],[8984,9],[9499,9],[10775,9],[12459,9],[13225,9],[13740,9],[15016,9],[16600,9],[17366,9],[17881,9],[19157,9]]}}}],["posit",{"_index":474,"t":{"72":{"position":[[245,10]]},"114":{"position":[[354,8]]},"572":{"position":[[539,8],[548,8],[594,9],[3980,11],[3996,8],[4033,8],[7422,10]]},"574":{"position":[[922,8],[931,8],[971,9]]},"588":{"position":[[3119,10]]},"606":{"position":[[368,9]]},"616":{"position":[[2309,8]]},"618":{"position":[[2057,8]]},"620":{"position":[[2193,8]]},"624":{"position":[[1892,8],[11558,9],[11611,8],[11803,9],[11937,9],[12074,9],[12210,9],[13467,9],[13521,9],[15077,8]]},"660":{"position":[[1844,8],[1932,9],[3112,8],[16326,9],[16380,10],[16480,8],[25887,8]]},"668":{"position":[[5274,8],[5332,10],[5416,8],[5475,10]]}}}],["position.non",{"_index":1318,"t":{"572":{"position":[[557,13]]},"574":{"position":[[940,13]]}}}],["position=\"dropdownmenuposition.end",{"_index":4093,"t":{"660":{"position":[[16539,35],[16796,36]]}}}],["position=\"position.absolut",{"_index":1382,"t":{"572":{"position":[[4229,28],[4529,28],[4831,28],[5158,28],[5461,28],[5766,28],[6096,28],[6399,28],[6704,28],[7123,28]]}}}],["position=\"position.rel",{"_index":1380,"t":{"572":{"position":[[4160,29],[4460,29],[4762,29],[5089,29],[5392,29],[5697,29],[6027,29],[6330,29],[6635,29],[7054,29]]}}}],["positionbottomasync",{"_index":3425,"t":{"624":{"position":[[13282,21]]}}}],["positionleftasync",{"_index":3427,"t":{"624":{"position":[[13363,19]]}}}],["positionrightasync",{"_index":3423,"t":{"624":{"position":[[13203,20]]}}}],["positiontopasync",{"_index":3421,"t":{"624":{"position":[[13128,18]]}}}],["possibl",{"_index":401,"t":{"54":{"position":[[288,8]]},"68":{"position":[[444,8]]},"560":{"position":[[1639,8]]},"564":{"position":[[2910,8],[2953,8]]},"578":{"position":[[2227,8]]},"582":{"position":[[3430,8]]},"588":{"position":[[4224,8]]}}}],["post",{"_index":172,"t":{"4":{"position":[[223,4],[257,4]]},"6":{"position":[[308,4],[342,4]]},"8":{"position":[[313,4]]},"10":{"position":[[765,4],[799,4]]},"12":{"position":[[391,4],[425,4]]},"14":{"position":[[414,4],[448,4]]},"16":{"position":[[390,4],[424,4]]},"18":{"position":[[331,4],[365,4]]},"20":{"position":[[410,4],[444,4]]},"22":{"position":[[293,4],[327,4]]},"24":{"position":[[342,4],[376,4]]},"26":{"position":[[291,4],[325,4]]},"28":{"position":[[328,4],[362,4]]},"30":{"position":[[672,4],[706,4]]},"32":{"position":[[455,4],[489,4]]},"34":{"position":[[796,4],[830,4]]},"36":{"position":[[295,4],[329,4]]},"38":{"position":[[632,4],[667,4]]},"40":{"position":[[613,4],[648,4]]},"42":{"position":[[504,4],[539,4]]},"44":{"position":[[884,4],[919,4]]},"46":{"position":[[918,4],[953,4]]},"48":{"position":[[736,4],[771,4]]},"50":{"position":[[610,4],[645,4]]},"52":{"position":[[521,4],[556,4]]},"54":{"position":[[873,4],[908,4]]},"56":{"position":[[476,4],[511,4]]},"58":{"position":[[593,4],[628,4]]},"60":{"position":[[818,4],[853,4]]},"62":{"position":[[435,4],[470,4]]},"64":{"position":[[494,4],[529,4]]},"66":{"position":[[467,4],[502,4]]},"68":{"position":[[1121,4],[1156,4]]},"70":{"position":[[689,4],[724,4]]},"72":{"position":[[1175,4],[1210,4]]},"74":{"position":[[1194,4],[1229,4]]},"76":{"position":[[451,4],[486,4]]},"78":{"position":[[548,4],[583,4]]},"80":{"position":[[1961,4],[1996,4]]},"82":{"position":[[693,4],[728,4]]},"84":{"position":[[518,4],[553,4]]},"86":{"position":[[538,4],[573,4]]},"88":{"position":[[909,4],[944,4]]},"90":{"position":[[399,4],[434,4]]},"92":{"position":[[478,4],[513,4]]},"94":{"position":[[432,4],[467,4]]},"96":{"position":[[1113,4],[1149,4]]},"98":{"position":[[713,4],[748,4]]},"100":{"position":[[594,4],[630,4]]},"102":{"position":[[1585,4],[1621,4]]},"104":{"position":[[1051,4],[1087,4]]},"106":{"position":[[625,4],[661,4]]},"108":{"position":[[714,4],[750,4]]},"110":{"position":[[1312,4],[1341,4]]},"112":{"position":[[458,4],[494,4]]},"114":{"position":[[1001,4],[1037,4]]},"116":{"position":[[562,4],[597,4]]},"118":{"position":[[1255,4],[1290,4]]},"120":{"position":[[621,4],[656,4]]},"122":{"position":[[538,4],[573,4]]},"124":{"position":[[1705,4],[1750,4]]},"126":{"position":[[441,4],[486,4]]},"128":{"position":[[861,4]]},"146":{"position":[[4,4]]},"148":{"position":[[2,5]]},"150":{"position":[[2,5]]},"152":{"position":[[4,4]]},"154":{"position":[[3,5]]},"156":{"position":[[2,5]]},"158":{"position":[[4,4]]},"160":{"position":[[4,4]]},"162":{"position":[[2,5]]},"164":{"position":[[2,5]]},"166":{"position":[[4,4]]},"168":{"position":[[4,4]]},"170":{"position":[[2,5]]},"172":{"position":[[2,5]]},"174":{"position":[[4,4]]},"176":{"position":[[4,4]]},"178":{"position":[[4,4]]},"180":{"position":[[4,4]]},"182":{"position":[[4,4]]},"184":{"position":[[4,4]]},"186":{"position":[[4,4]]},"188":{"position":[[4,4]]},"190":{"position":[[4,4]]},"192":{"position":[[4,4]]},"194":{"position":[[4,4]]},"196":{"position":[[4,4]]},"198":{"position":[[2,5]]},"200":{"position":[[4,4]]},"202":{"position":[[2,5]]},"204":{"position":[[4,4]]},"206":{"position":[[4,4]]},"208":{"position":[[4,4]]},"210":{"position":[[4,4]]},"212":{"position":[[4,4]]},"214":{"position":[[2,5]]},"216":{"position":[[3,5]]},"218":{"position":[[3,5]]},"220":{"position":[[3,5]]},"222":{"position":[[3,5]]},"224":{"position":[[2,5]]},"226":{"position":[[4,4]]},"228":{"position":[[3,5]]},"230":{"position":[[4,4]]},"232":{"position":[[4,4]]},"234":{"position":[[3,5]]},"236":{"position":[[3,5]]},"238":{"position":[[3,5]]},"240":{"position":[[3,5]]},"242":{"position":[[3,5]]},"244":{"position":[[3,5]]},"246":{"position":[[4,4]]},"248":{"position":[[2,5]]},"250":{"position":[[2,5]]},"252":{"position":[[4,4]]},"254":{"position":[[4,4]]},"256":{"position":[[4,4]]},"258":{"position":[[4,4]]},"260":{"position":[[2,5]]},"262":{"position":[[4,4]]},"264":{"position":[[4,4]]},"266":{"position":[[2,5]]},"268":{"position":[[4,4]]},"270":{"position":[[2,5]]},"272":{"position":[[3,5]]},"274":{"position":[[3,5]]},"276":{"position":[[2,5]]},"278":{"position":[[4,4]]},"280":{"position":[[2,5]]},"282":{"position":[[2,5]]},"284":{"position":[[2,5]]},"286":{"position":[[2,5]]},"288":{"position":[[4,4]]},"290":{"position":[[2,5]]},"292":{"position":[[4,4]]},"294":{"position":[[4,4]]},"296":{"position":[[4,4]]},"298":{"position":[[4,4]]},"300":{"position":[[2,5]]},"302":{"position":[[2,5]]},"304":{"position":[[4,4]]},"306":{"position":[[2,5]]},"308":{"position":[[3,5]]},"310":{"position":[[3,5]]},"312":{"position":[[3,5]]},"314":{"position":[[3,5]]},"316":{"position":[[3,5]]},"318":{"position":[[4,4]]},"320":{"position":[[3,5]]},"322":{"position":[[3,5]]},"324":{"position":[[4,4]]},"326":{"position":[[4,4]]},"328":{"position":[[2,5]]},"330":{"position":[[2,5]]},"332":{"position":[[3,5]]},"334":{"position":[[2,5]]},"336":{"position":[[2,5]]},"338":{"position":[[4,4]]},"340":{"position":[[4,4]]},"342":{"position":[[2,5]]},"344":{"position":[[4,4]]},"346":{"position":[[2,5]]},"348":{"position":[[4,4]]},"350":{"position":[[4,4]]},"352":{"position":[[4,4]]},"354":{"position":[[2,5]]},"356":{"position":[[2,5]]},"358":{"position":[[4,4]]},"360":{"position":[[2,5]]},"362":{"position":[[2,5]]},"364":{"position":[[3,5]]},"366":{"position":[[3,5]]},"368":{"position":[[3,5]]},"370":{"position":[[4,4]]},"372":{"position":[[2,5]]},"374":{"position":[[4,4]]},"376":{"position":[[2,5]]},"378":{"position":[[4,4]]},"380":{"position":[[4,4]]},"382":{"position":[[4,4]]},"384":{"position":[[4,4]]},"386":{"position":[[2,5]]},"388":{"position":[[3,5]]},"390":{"position":[[3,5]]},"392":{"position":[[4,4]]},"394":{"position":[[2,5]]},"396":{"position":[[4,4]]},"398":{"position":[[2,5]]},"400":{"position":[[2,5]]},"402":{"position":[[4,4]]},"404":{"position":[[2,5]]},"406":{"position":[[2,5]]},"408":{"position":[[4,4]]},"410":{"position":[[4,4]]},"412":{"position":[[2,5]]},"414":{"position":[[2,5]]},"416":{"position":[[2,5]]},"418":{"position":[[4,4]]},"420":{"position":[[4,4]]},"422":{"position":[[2,5]]},"424":{"position":[[2,5]]},"426":{"position":[[4,4]]},"428":{"position":[[2,5]]},"430":{"position":[[4,4]]},"432":{"position":[[2,5]]},"434":{"position":[[2,5]]},"436":{"position":[[2,5]]},"438":{"position":[[4,4]]},"440":{"position":[[4,4]]},"442":{"position":[[2,5]]},"444":{"position":[[4,4]]},"446":{"position":[[4,4]]},"448":{"position":[[4,4]]},"450":{"position":[[4,4]]},"452":{"position":[[4,4]]},"454":{"position":[[4,4]]},"456":{"position":[[4,4]]},"458":{"position":[[4,4]]},"460":{"position":[[4,4]]},"462":{"position":[[4,4]]},"464":{"position":[[4,4]]},"466":{"position":[[4,4]]},"468":{"position":[[4,4]]},"470":{"position":[[4,4]]},"472":{"position":[[4,4]]},"474":{"position":[[4,4]]},"476":{"position":[[4,4]]},"478":{"position":[[4,4]]},"480":{"position":[[4,4]]},"482":{"position":[[4,4]]},"484":{"position":[[4,4]]},"486":{"position":[[4,4]]},"488":{"position":[[4,4]]},"490":{"position":[[4,4]]},"492":{"position":[[4,4]]},"494":{"position":[[4,4]]},"496":{"position":[[4,4]]},"498":{"position":[[4,4]]},"500":{"position":[[4,4]]},"502":{"position":[[4,4]]},"504":{"position":[[4,4]]},"506":{"position":[[4,4]]},"508":{"position":[[4,4]]},"510":{"position":[[4,4]]},"512":{"position":[[4,4]]},"514":{"position":[[4,4]]},"516":{"position":[[4,4]]},"518":{"position":[[4,4]]},"520":{"position":[[4,4]]},"522":{"position":[[4,4]]},"524":{"position":[[4,4]]},"526":{"position":[[4,4]]},"528":{"position":[[4,4]]},"530":{"position":[[4,4]]},"532":{"position":[[4,4]]},"534":{"position":[[4,4]]},"536":{"position":[[4,4]]},"538":{"position":[[4,4]]},"540":{"position":[[4,4]]},"542":{"position":[[4,4]]},"544":{"position":[[4,4]]},"546":{"position":[[4,4]]},"548":{"position":[[4,4]]},"550":{"position":[[4,4]]},"552":{"position":[[4,4]]},"554":{"position":[[4,4]]},"556":{"position":[[4,4]]},"558":{"position":[[4,4]]},"562":{"position":[[2,5]]},"584":{"position":[[4,4]]}}}],["posuer",{"_index":1938,"t":{"582":{"position":[[9039,7],[13280,7],[17421,7]]}}}],["potenti",{"_index":122,"t":{"2":{"position":[[2687,9]]},"118":{"position":[[852,9]]}}}],["potter",{"_index":4486,"t":{"668":{"position":[[29687,9],[49528,9]]}}}],["power",{"_index":1670,"t":{"580":{"position":[[324,8]]}}}],["praesent",{"_index":1957,"t":{"582":{"position":[[9692,8],[13933,8],[18074,8]]}}}],["pre",{"_index":1477,"t":{"574":{"position":[[6434,3]]},"628":{"position":[[168,3]]},"662":{"position":[[172,3]]}}}],["preced",{"_index":1405,"t":{"574":{"position":[[846,11]]}}}],["predefin",{"_index":1207,"t":{"568":{"position":[[11649,10],[11821,10]]},"574":{"position":[[1805,10]]},"612":{"position":[[9354,10]]},"616":{"position":[[4349,10]]},"618":{"position":[[3718,10]]},"620":{"position":[[6315,10]]},"624":{"position":[[3436,10]]}}}],["predict",{"_index":2686,"t":{"606":{"position":[[1690,11]]}}}],["preeti",{"_index":3314,"t":{"622":{"position":[[3274,7],[5145,7],[7770,7]]}}}],["prefer",{"_index":1530,"t":{"576":{"position":[[1468,7]]},"666":{"position":[[328,9]]}}}],["preload",{"_index":234,"t":{"14":{"position":[[225,7]]},"46":{"position":[[526,7],[697,7],[861,7]]},"48":{"position":[[385,7],[530,7],[692,7]]},"108":{"position":[[139,8],[234,7],[252,8],[273,7],[660,7]]},"132":{"position":[[139,8],[232,7]]},"138":{"position":[[360,7],[686,7]]},"154":{"position":[[2900,8],[2993,7]]},"162":{"position":[[1001,7],[1327,7]]},"164":{"position":[[418,7],[744,7]]},"170":{"position":[[410,7],[736,7]]},"192":{"position":[[334,7]]},"198":{"position":[[28,8],[411,7],[737,7]]},"200":{"position":[[334,7]]},"202":{"position":[[411,7],[737,7]]},"212":{"position":[[410,7]]},"220":{"position":[[324,7]]},"222":{"position":[[3055,7]]},"228":{"position":[[2909,8],[3002,7]]},"236":{"position":[[3064,7]]},"238":{"position":[[333,7]]},"308":{"position":[[1950,8],[2043,7]]},"310":{"position":[[2903,8],[2996,7]]},"334":{"position":[[788,8],[881,7]]},"360":{"position":[[846,8],[939,7]]},"368":{"position":[[2115,8],[2208,7]]},"390":{"position":[[818,8],[911,7]]},"402":{"position":[[21,9],[184,8],[277,7]]},"424":{"position":[[182,8],[275,7]]},"480":{"position":[[324,7]]},"484":{"position":[[404,7]]},"492":{"position":[[184,8],[277,7]]},"586":{"position":[[3530,7]]},"592":{"position":[[11,7],[39,7],[106,7],[155,7],[182,7],[628,7],[765,8],[876,8],[914,8],[936,7],[981,7],[1111,8],[1530,7],[2190,7],[2366,7],[3675,7],[3756,7],[3787,7]]},"596":{"position":[[8310,7]]},"636":{"position":[[7391,8]]},"640":{"position":[[7915,8]]},"642":{"position":[[6814,8]]},"644":{"position":[[6975,8]]}}}],["preload1",{"_index":884,"t":{"142":{"position":[[1608,8]]}}}],["preload2",{"_index":797,"t":{"142":{"position":[[433,8]]}}}],["preloadservic",{"_index":376,"t":{"46":{"position":[[334,14]]},"592":{"position":[[249,14],[1155,15],[1307,14],[1322,14],[1788,14],[1803,14],[3452,14],[3467,14]]}}}],["preloadservice.hid",{"_index":2207,"t":{"592":{"position":[[333,21],[1497,22],[1984,22],[2159,22],[3644,22]]}}}],["preloadservice.show",{"_index":2206,"t":{"592":{"position":[[269,21],[1387,22]]}}}],["preloadservice.show(spinnercolor",{"_index":2236,"t":{"592":{"position":[[3561,34]]}}}],["preloadservice.show(spinnercolor.light",{"_index":2222,"t":{"592":{"position":[[1876,39],[2052,39]]}}}],["premium",{"_index":2426,"t":{"598":{"position":[[9746,7]]}}}],["prepar",{"_index":3043,"t":{"616":{"position":[[7946,11],[9051,11]]},"618":{"position":[[6864,11],[8086,11],[13869,11],[15285,11]]},"620":{"position":[[9796,11],[11093,11]]},"624":{"position":[[6433,11],[7640,11],[10112,11],[11511,11],[13602,11],[14809,11]]}}}],["prerequisit",{"_index":2779,"t":{"610":{"position":[[113,14],[4374,13]]},"616":{"position":[[4152,14],[17182,13]]},"618":{"position":[[3521,14],[15511,13]]},"620":{"position":[[6118,14],[17474,13]]},"624":{"position":[[3239,14],[15024,13]]},"652":{"position":[[191,14],[1919,13]]},"654":{"position":[[196,14],[1936,13]]}}}],["present",{"_index":1120,"t":{"566":{"position":[[99,12]]}}}],["press",{"_index":682,"t":{"108":{"position":[[424,8]]},"582":{"position":[[444,8]]},"588":{"position":[[533,8],[2834,5],[7836,8],[8107,5]]}}}],["pretium",{"_index":1912,"t":{"582":{"position":[[8373,8],[8604,8],[10083,7],[10344,7],[12614,8],[12845,8],[14324,7],[14585,7],[16755,8],[16986,8],[18465,7],[18726,7]]}}}],["pretium.</p",{"_index":1964,"t":{"582":{"position":[[10031,12],[14272,12],[18413,12]]}}}],["prevent",{"_index":1447,"t":{"574":{"position":[[3986,10]]},"588":{"position":[[15217,12]]},"626":{"position":[[140,8]]},"668":{"position":[[46208,7]]}}}],["preview",{"_index":2505,"t":{"602":{"position":[[59,9]]}}}],["preview.1",{"_index":33,"t":{"2":{"position":[[347,9],[445,10]]},"124":{"position":[[24,9],[122,10]]},"126":{"position":[[470,9]]},"128":{"position":[[890,9]]},"130":{"position":[[2333,9]]},"154":{"position":[[391,9],[489,10]]},"156":{"position":[[70,9],[168,10]]},"228":{"position":[[400,9],[498,10]]},"310":{"position":[[394,9],[492,10]]},"330":{"position":[[67,9],[165,10]]},"336":{"position":[[68,9],[166,10]]},"362":{"position":[[69,9],[167,10]]},"368":{"position":[[389,9],[487,10]]},"390":{"position":[[67,9],[165,10]]},"414":{"position":[[67,9],[165,10]]},"416":{"position":[[391,9],[489,10]]},"422":{"position":[[392,9],[490,10]]},"426":{"position":[[65,9],[163,10]]},"562":{"position":[[390,9],[488,10]]}}}],["preview.2",{"_index":3,"t":{"2":{"position":[[24,9],[123,10]]},"124":{"position":[[1734,9]]},"128":{"position":[[24,9],[123,10]]},"130":{"position":[[2284,9]]},"154":{"position":[[68,9],[167,10]]},"228":{"position":[[77,9],[176,10]]},"310":{"position":[[71,9],[170,10]]},"334":{"position":[[67,9],[166,10]]},"368":{"position":[[66,9],[165,10]]},"374":{"position":[[67,9],[166,10]]},"396":{"position":[[76,9],[175,10]]},"416":{"position":[[68,9],[167,10]]},"422":{"position":[[69,9],[168,10]]},"562":{"position":[[67,9],[166,10]]},"636":{"position":[[371,9]]},"638":{"position":[[384,9]]},"640":{"position":[[371,9]]},"642":{"position":[[381,9]]},"644":{"position":[[381,9]]},"646":{"position":[[389,9]]},"648":{"position":[[389,9]]},"650":{"position":[[429,9]]},"656":{"position":[[381,9]]}}}],["previou",{"_index":1018,"t":{"560":{"position":[[2367,8]]},"564":{"position":[[4002,8]]},"566":{"position":[[7852,8]]},"568":{"position":[[23447,8]]},"570":{"position":[[957,8]]},"572":{"position":[[7320,8]]},"574":{"position":[[9731,8]]},"576":{"position":[[5252,8]]},"578":{"position":[[8902,8]]},"580":{"position":[[13348,8]]},"582":{"position":[[21351,8]]},"586":{"position":[[3505,8]]},"588":{"position":[[15268,8]]},"590":{"position":[[1108,8],[1180,8],[3372,8]]},"592":{"position":[[3709,8]]},"594":{"position":[[1639,8]]},"596":{"position":[[8301,8]]},"598":{"position":[[3074,8],[3182,8],[9783,8]]},"600":{"position":[[17502,8]]},"602":{"position":[[13861,8]]},"604":{"position":[[4684,8]]},"606":{"position":[[12206,8]]},"608":{"position":[[2150,8]]},"610":{"position":[[4339,8]]},"612":{"position":[[1214,8],[1322,8],[16130,8]]},"614":{"position":[[1388,8]]},"616":{"position":[[17016,8]]},"618":{"position":[[15333,8]]},"620":{"position":[[17304,8]]},"622":{"position":[[1884,8],[13430,8]]},"624":{"position":[[14857,8]]},"626":{"position":[[11662,8]]},"628":{"position":[[12898,8]]},"630":{"position":[[17500,8]]},"632":{"position":[[6125,8]]},"634":{"position":[[2910,8]]},"636":{"position":[[8215,8]]},"638":{"position":[[8725,8]]},"640":{"position":[[8739,8]]},"642":{"position":[[7638,8]]},"644":{"position":[[7799,8]]},"646":{"position":[[2994,8]]},"648":{"position":[[3178,8]]},"650":{"position":[[7634,8]]},"652":{"position":[[1880,8]]},"654":{"position":[[1885,8]]},"658":{"position":[[5835,8]]},"660":{"position":[[25540,8]]},"662":{"position":[[12072,8]]},"664":{"position":[[25255,8]]},"666":{"position":[[1358161,8]]},"668":{"position":[[152255,8]]}}}],["previous",{"_index":2882,"t":{"612":{"position":[[11531,10]]}}}],["previouslinkicon",{"_index":2165,"t":{"590":{"position":[[1051,16],[1233,18]]}}}],["previouslinkicon=\"iconname.chevronleft",{"_index":2187,"t":{"590":{"position":[[2086,39]]}}}],["previouslinktext",{"_index":2166,"t":{"590":{"position":[[1134,16],[1200,18]]}}}],["price",{"_index":3500,"t":{"626":{"position":[[8305,6],[8535,6],[10079,5],[10224,5],[10560,6],[10611,6],[10667,5],[11141,6],[11283,6],[11355,6],[11431,5],[11517,5],[11568,8]]},"630":{"position":[[11541,6],[11814,6],[13444,5],[13589,5],[13925,6],[13976,6],[14032,5],[16977,6],[17121,6],[17193,6],[17269,5],[17355,5],[17406,8]]},"660":{"position":[[19336,6],[19542,6],[21000,5],[21145,5],[21481,6],[21532,6],[21588,5]]}}}],["pricechanged(decim",{"_index":3521,"t":{"626":{"position":[[9876,21],[11486,21]]},"630":{"position":[[13241,21],[17324,21]]},"660":{"position":[[20797,21]]}}}],["pricechanged(valu",{"_index":3505,"t":{"626":{"position":[[8495,20],[11315,20]]},"630":{"position":[[11774,20],[17153,20]]},"660":{"position":[[19502,20]]}}}],["primari",{"_index":1047,"t":{"564":{"position":[[996,7]]},"574":{"position":[[1957,7],[2713,7],[4424,7]]},"608":{"position":[[1214,8]]},"658":{"position":[[1073,7],[2256,7]]},"668":{"position":[[101381,7],[102198,7],[106003,7],[106075,7],[114428,7]]}}}],["primary\">primary</badg",{"_index":1342,"t":{"572":{"position":[[1258,24]]}}}],["privat",{"_index":984,"t":{"560":{"position":[[458,7],[511,7],[1265,7],[1998,7]]},"564":{"position":[[3475,7]]},"568":{"position":[[16684,7],[16725,7],[16825,7],[16929,7],[17032,7],[17146,7],[17251,7],[17349,7],[17449,7],[17553,7],[17656,7],[17770,7],[17875,7],[20218,7],[20259,7],[20345,7],[22431,7],[22533,7],[22754,7],[22973,7],[23194,7]]},"574":{"position":[[7575,7],[7602,7],[8817,7],[8855,7]]},"576":{"position":[[2233,7],[2303,7],[2373,7],[3202,7],[3272,7],[3342,7],[4519,7],[4589,7],[4659,7],[4733,7],[4845,7],[4953,7],[5063,7],[5173,7]]},"578":{"position":[[1720,7],[1750,7],[2646,7],[2725,7],[3696,7],[4219,7],[4249,7],[5402,7],[5432,7],[6095,7],[6125,7],[6587,7],[6617,7],[7211,7],[7241,7],[7852,7],[7882,7],[8544,7],[8585,7]]},"582":{"position":[[3056,7],[3085,7],[3159,7],[3782,7],[3822,7],[3847,7],[4517,7],[5532,7],[5572,7],[5597,7],[5934,7],[6619,7],[7266,7],[7295,7],[11496,7],[11525,7],[15743,7],[15772,7],[19884,7],[19913,7],[20694,7],[20723,7],[20799,7],[20875,7],[20988,7],[21097,7],[21208,7]]},"588":{"position":[[3939,7],[3960,7],[4028,7],[4563,7],[4595,7],[4620,7],[5281,7],[6252,7],[6284,7],[6309,7],[6637,7],[7315,7],[8432,7],[8453,7],[8521,7],[9610,7],[9631,7],[9699,7],[10296,7],[10317,7],[10385,7],[11386,7],[11407,7],[11475,7],[12341,7],[12364,7],[12387,7],[13870,7],[13891,7],[13914,7],[13937,7],[13960,7],[13983,7],[14668,7],[14689,7],[14798,7],[14902,7],[15009,7],[15114,7]]},"590":{"position":[[3217,7]]},"592":{"position":[[1351,7],[1832,7],[2009,7],[3496,7]]},"594":{"position":[[1475,7],[1547,7]]},"596":{"position":[[2874,7],[2996,7],[3124,7],[5753,7]]},"598":{"position":[[6593,7],[9570,7]]},"600":{"position":[[1934,7],[2172,7],[4033,7],[4271,7],[6924,7],[7162,7],[9918,7],[10156,7],[12916,7],[13154,7],[15648,7],[15886,7]]},"602":{"position":[[2591,7],[3950,7],[4229,7],[4508,7],[4839,7],[6444,7],[6723,7],[7002,7],[7281,7],[9176,7],[9455,7],[9734,7],[9992,7],[11445,7],[12258,7],[13063,7],[13287,7]]},"604":{"position":[[4544,7],[4573,7],[4613,7]]},"606":{"position":[[2810,7],[2904,7],[4354,7],[4448,7],[5792,7],[5886,7],[7382,7],[7476,7],[9450,7],[11062,7],[11156,7],[11891,7]]},"608":{"position":[[1485,7],[1840,7],[1878,7]]},"612":{"position":[[10862,7],[10936,7],[11014,7],[11091,7],[11179,7],[11255,7],[13425,7],[13560,7],[13687,7],[14302,7],[14503,7],[15585,7],[15815,7],[15962,7]]},"616":{"position":[[5486,7],[5524,7],[5576,7],[5616,7],[5647,7],[5676,7],[5828,7],[6322,7],[6961,7],[7229,7],[7651,7],[7793,7],[7958,7],[8191,7],[8577,7],[8744,7],[8947,7],[9169,7],[9207,7],[9259,7],[10567,7],[10605,7],[10657,7],[12795,7],[12833,7],[12885,7],[14893,7],[14931,7],[14983,7]]},"618":{"position":[[4533,7],[4581,7],[4643,7],[4683,7],[4719,7],[4750,7],[4783,7],[5398,7],[6085,7],[6335,7],[6876,7],[7114,7],[7320,7],[7494,7],[7691,7],[7916,7],[7987,7],[8430,7],[8470,7],[8524,7],[11621,7],[11669,7],[11731,7],[11771,7],[11807,7],[11838,7],[11871,7],[12606,7],[13340,7],[13881,7],[14313,7],[14519,7],[14693,7],[14890,7],[15115,7],[15186,7]]},"620":{"position":[[7534,7],[7574,7],[7628,7],[7668,7],[7699,7],[7728,7],[8211,7],[8859,7],[9097,7],[9493,7],[9639,7],[9808,7],[10042,7],[10622,7],[10789,7],[10992,7],[11258,7],[11298,7],[11352,7],[14119,7],[14159,7],[14213,7]]},"622":{"position":[[2447,7],[2516,7],[2917,7],[3466,7],[4318,7],[4387,7],[4788,7],[5337,7],[5905,7],[5991,7],[6366,7],[6874,7],[7012,7],[7413,7],[7962,7],[9369,7],[9418,7],[9774,7],[10122,7],[11110,7],[11150,7],[11249,7],[11632,7],[11805,7],[11848,7],[11891,7],[12576,7],[12634,7],[12743,7],[13126,7],[13299,7],[13350,7]]},"624":{"position":[[4241,7],[4279,7],[4331,7],[4371,7],[4407,7],[4438,7],[4471,7],[5056,7],[5698,7],[5933,7],[6445,7],[6678,7],[6874,7],[7048,7],[7245,7],[7470,7],[7541,7],[8035,7],[8073,7],[8125,7],[8165,7],[8201,7],[8232,7],[8265,7],[8970,7],[9612,7],[10124,7],[10549,7],[10745,7],[10919,7],[11116,7],[11341,7],[11412,7],[12243,7],[12281,7],[12333,7],[12373,7],[12409,7],[12440,7],[12473,7],[13109,7],[13184,7],[13263,7],[13344,7],[13421,7],[13614,7],[13847,7],[14043,7],[14217,7],[14414,7],[14639,7],[14710,7]]},"626":{"position":[[1631,7],[3326,7],[3346,7],[3368,7],[3391,7],[3415,7],[3439,7],[3464,7],[3489,7],[4309,7],[5093,7],[5114,7],[5805,7],[5825,7],[6322,7],[6817,7],[6838,7],[6868,7],[6911,7],[6954,7],[7482,7],[7532,7],[7553,7],[7602,7],[9603,7],[9636,7],[9863,7],[9950,7],[10043,7],[10426,7],[11414,7],[11444,7],[11473,7]]},"628":{"position":[[1650,7],[2869,7],[2944,7],[2969,7],[3021,7],[4834,7],[4885,7],[4936,7],[4985,7],[5021,7],[5058,7],[5094,7],[5939,7],[6001,7],[6031,7],[6074,7],[6117,7],[6644,7],[6694,7],[6756,7],[6803,7],[8334,7],[8367,7],[8664,7],[9287,7],[9349,7],[11465,7],[11516,7],[11549,7],[11582,7],[11780,7],[12475,7]]},"630":{"position":[[2112,7],[4251,7],[4283,7],[4315,7],[4347,7],[4379,7],[4411,7],[4443,7],[4475,7],[4507,7],[4845,7],[5358,7],[5899,7],[7231,7],[7251,7],[7273,7],[7296,7],[7320,7],[7344,7],[7369,7],[7394,7],[8244,7],[8990,7],[9010,7],[9535,7],[10034,7],[10055,7],[10085,7],[10128,7],[10171,7],[10705,7],[10759,7],[10780,7],[10831,7],[12968,7],[13001,7],[13228,7],[13315,7],[13408,7],[13791,7],[16433,7],[16473,7],[16513,7],[16553,7],[16593,7],[16633,7],[16673,7],[16713,7],[16753,7],[17252,7],[17282,7],[17311,7]]},"632":{"position":[[2484,7],[2510,7],[2540,7],[2583,7],[2626,7],[3143,7],[3191,7],[3217,7],[3265,7]]},"634":{"position":[[1426,7],[1453,7],[1483,7],[1526,7],[1569,7],[2038,7],[2073,7],[2100,7],[2145,7],[2653,7],[2673,7],[2709,7]]},"636":{"position":[[7500,7],[7536,7],[7586,7],[7797,7]]},"638":{"position":[[7968,7],[8179,7]]},"640":{"position":[[8024,7],[8060,7],[8110,7],[8321,7]]},"642":{"position":[[6923,7],[6959,7],[7009,7],[7220,7]]},"644":{"position":[[7084,7],[7120,7],[7170,7],[7381,7]]},"650":{"position":[[6877,7],[7088,7]]},"652":{"position":[[998,7],[1034,7],[1084,7],[1295,7]]},"654":{"position":[[1003,7],[1039,7],[1089,7],[1300,7]]},"656":{"position":[[6902,7],[7113,7]]},"658":{"position":[[1914,7],[3097,7],[3873,7],[4289,7],[4722,7],[5335,7]]},"660":{"position":[[15632,7],[15672,7],[15733,7],[20513,7],[20546,7],[20784,7],[20871,7],[20964,7],[21347,7],[24336,7],[24375,7],[24438,7],[24501,7],[25220,7],[25291,7],[25362,7],[25435,7]]},"662":{"position":[[1569,7],[2147,7],[2193,7],[3302,7],[3338,7],[4083,7],[4142,7],[4172,7],[4215,7],[4258,7],[4761,7],[4812,7],[4871,7],[4919,7],[7420,7],[7459,7],[7917,7],[8842,7],[8900,7],[10708,7],[10747,7],[10780,7],[10814,7],[11007,7],[11741,7]]},"664":{"position":[[1888,7],[2099,7],[2989,7],[3200,7],[4821,7],[5032,7],[7080,7],[7291,7],[9433,7],[9644,7],[11122,7],[11906,7],[12117,7],[13595,7],[14336,7],[14547,7],[16025,7],[16727,7],[16938,7],[18416,7],[19210,7],[19421,7],[20899,7],[22513,7],[22724,7],[24440,7],[24651,7]]},"666":{"position":[[971,7],[1062,7],[1234,7],[1804,7],[1895,7],[2061,7],[2497,7],[2588,7],[1357803,7],[1357969,7]]},"668":{"position":[[8210,7],[9458,7],[10710,7],[11958,7],[12989,7],[14618,7],[15790,7],[17038,7],[18542,7],[18595,7],[18649,7],[19011,7],[20599,7],[21748,7],[21791,7],[22153,7],[24430,7],[24473,7],[24835,7],[27707,7],[27750,7],[28112,7],[32241,7],[34284,7],[34327,7],[34689,7],[36932,7],[36975,7],[37337,7],[39508,7],[39551,7],[39913,7],[42124,7],[42167,7],[42529,7],[44712,7],[44755,7],[45117,7],[47548,7],[47591,7],[47953,7],[50930,7],[58366,7],[60297,7],[60396,7],[60758,7],[61128,7],[61468,7],[64034,7],[66519,7],[67276,7],[67474,7],[67760,7],[69720,7],[69763,7],[70125,7],[70299,7],[73145,7],[73187,7],[73549,7],[76256,7],[76299,7],[76661,7],[79528,7],[79581,7],[79730,7],[80146,7],[82804,7],[82857,7],[82911,7],[83327,7],[84534,7],[85830,7],[85883,7],[85937,7],[86353,7],[87560,7],[89325,7],[89378,7],[89432,7],[89794,7],[91001,7],[91163,7],[91284,7],[93485,7],[93538,7],[93592,7],[94008,7],[95215,7],[96390,7],[96416,7],[96469,7],[96831,7],[98419,7],[99211,7],[99264,7],[99626,7],[104556,7],[104609,7],[104971,7],[112989,7],[113042,7],[113404,7],[115209,7],[115262,7],[115624,7],[116465,7],[117676,7],[117729,7],[118091,7],[118932,7],[120587,7],[120640,7],[121749,7],[122111,7],[125490,7],[125658,7],[126020,7],[129154,7],[131807,7],[134497,7],[137302,7],[139262,7],[139315,7],[139677,7],[141938,7],[142097,7],[142429,7],[144590,7],[144749,7],[145081,7],[148114,7],[151317,7]]}}}],["problem",{"_index":552,"t":{"84":{"position":[[206,7],[261,7]]},"94":{"position":[[186,7]]},"102":{"position":[[1042,7]]}}}],["proce",{"_index":1605,"t":{"578":{"position":[[1991,11],[4563,10],[5649,10],[7453,10]]}}}],["process",{"_index":1478,"t":{"574":{"position":[[6862,10]]}}}],["product",{"_index":3048,"t":{"616":{"position":[[8374,9]]},"618":{"position":[[7953,9],[15152,9]]},"624":{"position":[[7507,9],[11378,9],[14676,9]]},"636":{"position":[[6290,10]]},"638":{"position":[[6071,10]]},"640":{"position":[[6814,10]]},"650":{"position":[[5714,10]]}}}],["profil",{"_index":2844,"t":{"612":{"position":[[2538,7],[3471,7],[4356,7],[4448,7],[5316,7],[6406,7],[12569,10],[12711,10]]}}}],["program.c",{"_index":3830,"t":{"636":{"position":[[2975,10],[5697,11],[8427,10]]},"638":{"position":[[2427,10],[3082,10],[5463,11],[6882,11],[9026,10],[9073,10]]},"640":{"position":[[2790,10],[6221,11],[8962,10]]},"642":{"position":[[2825,10],[5393,11],[7854,10]]},"644":{"position":[[2825,10],[5594,11],[8015,10]]},"650":{"position":[[2472,10],[5214,11],[7850,10]]},"656":{"position":[[2479,10],[5469,11],[7711,10]]}}}],["programmat",{"_index":1118,"t":{"564":{"position":[[3913,16]]},"596":{"position":[[2227,17],[4489,17],[8432,16],[8483,16]]}}}],["progress",{"_index":322,"t":{"38":{"position":[[129,8],[213,8],[232,8],[432,8],[553,8],[569,8],[589,8],[598,8]]},"66":{"position":[[196,8]]},"84":{"position":[[120,8],[219,8],[238,8],[377,8],[473,8]]},"134":{"position":[[458,8],[562,8]]},"138":{"position":[[1189,8],[1307,8],[1323,8],[1343,8],[1352,8]]},"142":{"position":[[466,8],[1627,8]]},"196":{"position":[[29,9],[182,8],[300,8],[316,8],[336,8],[345,8]]},"208":{"position":[[29,8],[186,8],[304,8],[320,8],[340,8],[349,8]]},"214":{"position":[[427,8],[545,8],[561,8],[581,8],[590,8]]},"216":{"position":[[164,8],[268,8]]},"234":{"position":[[173,8],[277,8]]},"238":{"position":[[836,8],[954,8],[970,8],[990,8],[999,8]]},"272":{"position":[[1214,8],[1318,8]]},"288":{"position":[[172,8],[276,8]]},"320":{"position":[[167,8],[271,8]]},"332":{"position":[[2082,8],[2186,8]]},"366":{"position":[[381,8],[485,8]]},"406":{"position":[[20,10],[165,8],[269,8],[432,8],[550,8],[566,8],[586,8],[595,8]]},"408":{"position":[[21,9],[179,8],[297,8],[313,8],[333,8],[342,8]]},"436":{"position":[[758,8],[876,8],[892,8],[912,8],[921,8]]},"476":{"position":[[173,8],[291,8],[307,8],[327,8],[336,8]]},"536":{"position":[[164,8],[268,8]]},"592":{"position":[[3736,8]]},"596":{"position":[[11,8],[40,8],[107,8],[201,8],[427,9],[643,8],[700,8],[782,8],[838,8],[929,8],[966,8],[1013,8],[1050,8],[1087,8],[1124,8],[1168,9],[1208,11],[1220,9],[1283,11],[1295,9],[1376,11],[1388,9],[1469,11],[1481,9],[1589,11],[1601,9],[1718,11],[1730,9],[1978,11],[2127,9],[2190,11],[2352,9],[2411,11],[3291,8],[3361,9],[3423,11],[3435,9],[3497,11],[3509,9],[3560,11],[3572,9],[3635,11],[3813,9],[3894,11],[3906,9],[3984,11],[3996,9],[4077,11],[4089,9],[4169,11],[4181,9],[4262,11],[4274,9],[4357,11],[4369,9],[4447,11],[4594,9],[4676,11],[5919,8],[5949,9],[6197,11],[6320,9],[6429,11],[6441,9],[6547,11],[6559,9],[6668,11],[6680,9],[6788,11],[6800,9],[6909,11],[6921,9],[7032,11],[7044,9],[7151,11],[7351,9],[7471,11],[7483,9],[7600,11],[7612,9],[7732,11],[7744,9],[7863,11],[7875,9],[7995,11],[8007,9],[8129,11],[8141,9],[8259,11],[8330,8]]},"598":{"position":[[38,8],[9792,8]]},"644":{"position":[[4461,10],[4573,8]]},"656":{"position":[[3917,10],[4029,8]]}}}],["progress1",{"_index":798,"t":{"142":{"position":[[449,9]]}}}],["progress2",{"_index":885,"t":{"142":{"position":[[1617,9]]}}}],["progress</ribbonitem",{"_index":2380,"t":{"598":{"position":[[5118,23],[8190,23]]}}}],["progressbar",{"_index":2259,"t":{"596":{"position":[[510,11],[864,11],[1192,12],[1244,12],[1319,12],[1412,12],[1505,12],[1625,12],[1754,12],[1811,12],[1865,12],[1922,12],[2039,11],[2151,12],[2333,11],[2376,12],[2849,11],[2861,12],[3396,12],[3470,12],[3533,12],[3608,12],[3789,11],[3837,12],[3930,12],[4020,12],[4113,12],[4205,12],[4298,12],[4393,12],[4542,11],[4618,12],[5728,11],[5740,12],[5884,11],[5973,12],[6030,12],[6084,12],[6141,12],[6279,11],[6344,12],[6465,12],[6583,12],[6704,12],[6824,12],[6945,12],[7068,12],[7287,11],[7375,12],[7507,12],[7636,12],[7768,12],[7899,12],[8031,12],[8165,12],[8350,11],[8373,11]]}}}],["progressbar.decreaseprogressbar(10",{"_index":2294,"t":{"596":{"position":[[3033,36]]}}}],["progressbar.increasewidth(10",{"_index":2292,"t":{"596":{"position":[[2911,30]]}}}],["progressbar.setcolor(color",{"_index":2313,"t":{"596":{"position":[[5799,28]]}}}],["progressbar.setlabel($\"{progressbar.getwidth",{"_index":2293,"t":{"596":{"position":[[2942,51],[3070,51],[3183,51]]}}}],["progressbar.setwidth(0",{"_index":2296,"t":{"596":{"position":[[3158,24]]}}}],["progresscolor",{"_index":2260,"t":{"596":{"position":[[593,13]]}}}],["progresscolor.non",{"_index":2261,"t":{"596":{"position":[[607,18]]}}}],["progresstyp",{"_index":2262,"t":{"596":{"position":[[731,12]]}}}],["progresstype.default",{"_index":2263,"t":{"596":{"position":[[744,20]]}}}],["proin",{"_index":1944,"t":{"582":{"position":[[9148,5],[13389,5],[17530,5]]}}}],["project",{"_index":52,"t":{"2":{"position":[[848,8]]},"126":{"position":[[172,8]]},"154":{"position":[[892,8]]},"228":{"position":[[901,8]]},"310":{"position":[[895,8]]},"342":{"position":[[222,8]]},"368":{"position":[[890,8]]},"558":{"position":[[216,8]]},"576":{"position":[[94,7]]},"582":{"position":[[83,7]]},"612":{"position":[[5557,8]]},"636":{"position":[[287,8]]},"638":{"position":[[277,8],[2920,8],[8808,7],[8930,7]]},"640":{"position":[[287,8]]},"642":{"position":[[297,8]]},"644":{"position":[[297,8]]},"646":{"position":[[305,8]]},"648":{"position":[[305,8]]},"650":{"position":[[345,8]]},"652":{"position":[[295,8],[374,8]]},"654":{"position":[[300,8],[379,8]]},"656":{"position":[[297,8]]}}}],["project'",{"_index":118,"t":{"2":{"position":[[2603,9]]},"118":{"position":[[768,9]]}}}],["proof",{"_index":106,"t":{"2":{"position":[[2423,5]]},"118":{"position":[[588,5]]}}}],["proper",{"_index":1043,"t":{"564":{"position":[[901,6]]}}}],["properli",{"_index":462,"t":{"70":{"position":[[305,8]]}}}],["properti",{"_index":998,"t":{"560":{"position":[[1128,8],[1705,8]]},"578":{"position":[[687,11],[8963,10]]},"586":{"position":[[1419,8],[2253,8]]},"600":{"position":[[961,11],[17565,10]]},"606":{"position":[[1119,11],[6211,8],[12265,10]]},"616":{"position":[[1371,8],[1634,8],[3325,8],[3564,8]]},"618":{"position":[[1467,8],[1740,8],[2939,8],[3196,8]]},"620":{"position":[[1516,8],[1781,8],[5290,8],[5529,8]]},"622":{"position":[[698,8]]},"624":{"position":[[1312,8],[1575,8],[2672,8],[2919,8]]},"632":{"position":[[842,11],[6194,10]]},"658":{"position":[[316,8]]},"664":{"position":[[984,11],[4637,8],[22308,8],[25319,10]]},"668":{"position":[[814,8],[5909,8],[7089,11],[138176,8],[152369,10]]}}}],["propertynam",{"_index":3257,"t":{"622":{"position":[[653,12]]},"668":{"position":[[5867,12],[7347,12],[7433,12]]}}}],["propertyname=\"address",{"_index":4512,"t":{"668":{"position":[[31618,22],[128492,22],[131091,22],[133781,22],[136506,22]]}}}],["propertyname=\"compani",{"_index":4457,"t":{"668":{"position":[[27004,23]]}}}],["propertyname=\"countri",{"_index":4524,"t":{"668":{"position":[[32010,22],[128908,22],[131561,22],[134251,22],[137056,22]]}}}],["propertyname=\"customerid",{"_index":4493,"t":{"668":{"position":[[30766,25],[127640,25],[130198,25],[132888,25],[135612,25]]}}}],["propertyname=\"customernam",{"_index":3274,"t":{"622":{"position":[[2292,27],[4119,27],[5750,27],[6719,27],[8712,27],[10713,27],[12272,27]]},"668":{"position":[[31046,27],[127920,27],[130519,27],[133209,27],[135934,27]]}}}],["propertyname=\"design",{"_index":4365,"t":{"668":{"position":[[7915,27],[10415,27],[17936,26],[21453,27],[24140,27],[27132,27],[59835,26],[63737,27],[66191,27],[69307,26],[72664,26],[75843,26],[79012,26],[82316,27],[85342,27],[88837,27],[92997,27],[106466,26],[107486,26],[108504,26],[109524,26],[110538,26],[111552,26],[112576,26],[120174,26],[124364,27],[124482,27],[124600,27],[124718,27],[138849,26],[147250,27],[149685,27],[150406,27]]}}}],["propertyname=\"dob",{"_index":5169,"t":{"668":{"position":[[141693,19],[144345,19]]}}}],["propertyname=\"doj",{"_index":4368,"t":{"668":{"position":[[8025,19],[10525,19],[18089,18],[21563,19],[24250,19],[27242,19],[59988,18],[63847,19],[66301,19],[69460,18],[72817,18],[75996,18],[79165,18],[82426,19],[85452,19],[88947,19],[93107,19],[106619,18],[107639,18],[108657,18],[109677,18],[110691,18],[111705,18],[112729,18],[120327,18],[124828,19],[139002,18],[147360,19],[149795,19],[150528,19]]}}}],["propertyname=\"email",{"_index":4453,"t":{"668":{"position":[[26884,21],[31435,20],[128309,20],[130908,20],[133598,20],[136323,20]]}}}],["propertyname=\"firstnam",{"_index":4447,"t":{"668":{"position":[[26618,24]]}}}],["propertyname=\"id",{"_index":4359,"t":{"668":{"position":[[7709,18],[10165,18],[17660,17],[21177,17],[26495,17],[59489,17],[63531,18],[65985,18],[69031,17],[72388,17],[75547,17],[78736,17],[82110,18],[85136,18],[88631,18],[92791,18],[106190,17],[107210,17],[108228,17],[109248,17],[110262,17],[111276,17],[112300,17],[119898,17],[124158,18],[138573,17],[141509,18],[144112,17],[147044,18],[149479,18],[150176,18]]}}}],["propertyname=\"isact",{"_index":4371,"t":{"668":{"position":[[8122,24],[10622,24],[18221,23],[21660,24],[27619,24],[60120,23],[63944,24],[66398,24],[69592,23],[72949,23],[76128,23],[79277,23],[82523,24],[85549,24],[89044,24],[93204,24],[106751,23],[107771,23],[108789,23],[109809,23],[110823,23],[111837,23],[112861,23],[120459,23],[124925,24],[125032,24],[125139,24],[125246,24],[125353,24],[139134,23],[147457,24],[149892,24],[150637,24]]}}}],["propertyname=\"lastnam",{"_index":4450,"t":{"668":{"position":[[26754,23]]}}}],["propertyname=\"nam",{"_index":4362,"t":{"668":{"position":[[7811,20],[10267,19],[17796,19],[21349,20],[24036,20],[59695,19],[63633,20],[66087,20],[69167,19],[72524,19],[75703,19],[78872,19],[82212,20],[85238,20],[88733,20],[92893,20],[106326,19],[107346,19],[108364,19],[109384,19],[110398,19],[111412,19],[112436,19],[120034,19],[124260,20],[138709,19],[141602,20],[144229,19],[147146,20],[149581,20],[150290,20]]}}}],["propertyname=\"oid",{"_index":5189,"t":{"668":{"position":[[143999,18]]}}}],["propertyname=\"phon",{"_index":4503,"t":{"668":{"position":[[31254,20],[128128,20],[130727,20],[133417,20],[136142,20]]}}}],["propertyname=\"postalzip",{"_index":4519,"t":{"668":{"position":[[31812,24],[128686,24],[131285,24],[133975,24],[136780,24]]}}}],["propertyname=\"salari",{"_index":4461,"t":{"668":{"position":[[27405,21]]}}}],["propertyname=\"statu",{"_index":5172,"t":{"668":{"position":[[141785,21],[144437,21]]}}}],["proport",{"_index":3101,"t":{"618":{"position":[[145,12]]},"624":{"position":[[133,12]]}}}],["protect",{"_index":987,"t":{"560":{"position":[[564,9],[1318,9],[2051,9]]},"574":{"position":[[9073,9],[9282,9],[9570,9]]},"578":{"position":[[3771,9]]},"582":{"position":[[4603,9],[6784,9]]},"588":{"position":[[5356,9],[7469,9]]},"592":{"position":[[1297,9],[1778,9],[3442,9]]},"606":{"position":[[11841,9]]},"612":{"position":[[12448,9],[13606,9],[14347,9],[15630,9]]},"616":{"position":[[5859,9],[6126,9],[9299,9],[10268,9],[10697,9],[12338,9],[12925,9],[14600,9],[15023,9],[16664,9]]},"618":{"position":[[4814,9],[5192,9],[8564,9],[11030,9],[11902,9],[12280,9]]},"620":{"position":[[7759,9],[8013,9],[11392,9],[13823,9],[14253,9],[16950,9]]},"622":{"position":[[6943,9],[9509,9]]},"624":{"position":[[4502,9],[4860,9],[8296,9],[8654,9],[12504,9],[12913,9]]},"626":{"position":[[9669,9],[9775,9]]},"628":{"position":[[5131,9],[8400,9],[11665,9]]},"630":{"position":[[13034,9],[13140,9]]},"660":{"position":[[20590,9],[20696,9]]},"662":{"position":[[3375,9],[7542,9],[10898,9]]},"666":{"position":[[2620,9]]},"668":{"position":[[8252,9],[10752,9],[13031,9],[15832,9],[66555,9],[125543,9],[141982,9],[144634,9]]}}}],["provid",{"_index":1020,"t":{"564":{"position":[[45,7]]},"566":{"position":[[82,8],[2976,8],[3464,8],[3953,8],[4439,8],[4924,8],[5434,8],[5941,8],[6449,8],[6954,8],[7458,8]]},"572":{"position":[[2066,8],[3359,7]]},"580":{"position":[[68,7]]},"590":{"position":[[1654,9]]},"600":{"position":[[464,9]]},"602":{"position":[[3037,9]]},"622":{"position":[[379,9]]},"664":{"position":[[475,9]]},"668":{"position":[[1104,8],[1780,8],[3053,8]]}}}],["pt",{"_index":5142,"t":{"668":{"position":[[123871,3]]}}}],["public",{"_index":1460,"t":{"574":{"position":[[5305,6],[9530,6]]},"578":{"position":[[3735,6]]},"582":{"position":[[4567,6],[6669,6],[6717,6]]},"588":{"position":[[5320,6],[7354,6],[7402,6]]},"602":{"position":[[1938,6],[2478,6],[2849,6],[3716,6],[3833,6],[5170,6],[6090,6],[6208,6],[6326,6],[8116,6],[8940,6],[9058,6],[10251,6],[10589,6],[10709,6],[10733,6],[10761,6],[11332,6],[11703,6],[12145,6],[12516,6],[12991,6],[13022,6],[13545,6],[13746,6],[13783,6]]},"622":{"position":[[2476,6],[3640,6],[4347,6],[5511,6],[6903,6],[9624,6],[10348,6],[10390,6],[10442,6]]},"626":{"position":[[10244,6],[10512,6],[10651,6],[10765,6],[10921,6]]},"628":{"position":[[8506,6],[8750,6],[8825,6],[8921,6],[12202,6],[12579,6],[12662,6],[12751,6],[12840,6]]},"630":{"position":[[13609,6],[13877,6],[14016,6],[14129,6],[14285,6]]},"660":{"position":[[21165,6],[21433,6],[21572,6],[21686,6],[21842,6]]},"662":{"position":[[7651,6],[8009,6],[8088,6],[8183,6],[8282,6],[8379,6],[8474,6],[11475,6],[11833,6],[11913,6],[12010,6]]},"668":{"position":[[32174,6],[60349,6],[129087,6],[131740,6],[134430,6],[137235,6],[143519,6],[143546,6],[143575,6],[143609,6],[143644,6],[143685,6],[146391,6],[146418,6],[146448,6],[146477,6],[146511,6],[146546,6],[146587,6],[148815,6],[148847,6],[148875,6],[148909,6],[148950,6],[148984,6],[152018,6],[152050,6],[152078,6],[152112,6],[152153,6],[152187,6]]}}}],["pull",{"_index":2524,"t":{"602":{"position":[[1704,4],[1773,4]]},"610":{"position":[[4071,4],[4125,4]]},"622":{"position":[[2678,4],[2795,4],[4549,4],[4666,4],[7174,4],[7291,4]]},"668":{"position":[[18797,4],[18932,4],[21939,4],[22074,4],[24621,4],[24756,4],[27898,4],[28033,4],[34475,4],[34610,4],[37123,4],[37258,4],[39699,4],[39834,4],[42315,4],[42450,4],[44903,4],[45038,4],[47739,4],[47874,4],[60544,4],[60679,4],[69911,4],[70046,4],[73335,4],[73470,4],[76447,4],[76582,4],[79932,4],[80067,4],[83113,4],[83248,4],[86139,4],[86274,4],[89580,4],[89715,4],[93794,4],[93929,4],[96617,4],[96752,4],[99412,4],[99547,4],[104757,4],[104892,4],[113190,4],[113325,4],[115410,4],[115545,4],[117877,4],[118012,4],[121897,4],[122032,4],[125806,4],[125941,4],[139463,4],[139598,4],[142227,4],[142354,4],[144879,4],[145006,4]]}}}],["pull=\"sortablelistpullmode.clon",{"_index":2607,"t":{"602":{"position":[[8199,34],[8481,33],[8759,33]]}}}],["pulvinar",{"_index":1873,"t":{"582":{"position":[[7942,8],[8776,9],[8966,8],[9237,8],[12183,8],[13017,9],[13207,8],[13478,8],[16324,8],[17158,9],[17348,8],[17619,8]]}}}],["punith",{"_index":3333,"t":{"622":{"position":[[3448,7],[5319,7],[7944,7]]}}}],["purpl",{"_index":5077,"t":{"668":{"position":[[92249,8]]}}}],["purpos",{"_index":88,"t":{"2":{"position":[[2047,9],[2188,9],[3005,9]]},"118":{"position":[[212,9],[353,9],[1170,9]]},"574":{"position":[[1861,8]]}}}],["puru",{"_index":1937,"t":{"582":{"position":[[8950,6],[8994,6],[9780,5],[10739,5],[13191,6],[13235,6],[14021,5],[14980,5],[17332,6],[17376,6],[18162,5],[19121,5]]}}}],["push",{"_index":2664,"t":{"606":{"position":[[45,4],[231,4]]}}}],["put",{"_index":2528,"t":{"602":{"position":[[1812,3],[1878,3]]},"616":{"position":[[1920,3]]},"634":{"position":[[368,3],[2213,3]]},"660":{"position":[[18678,3]]}}}],["px",{"_index":2485,"t":{"600":{"position":[[6668,2],[6804,2],[9662,2],[9798,2],[12660,2],[12796,2]]},"636":{"position":[[7158,2],[7294,2]]},"638":{"position":[[7713,2],[7849,2]]},"640":{"position":[[7682,2],[7818,2]]},"642":{"position":[[6581,2],[6717,2]]},"644":{"position":[[6742,2],[6878,2]]},"650":{"position":[[6622,2],[6758,2]]},"652":{"position":[[789,2],[925,2]]},"654":{"position":[[794,2],[930,2]]},"656":{"position":[[6647,2],[6783,2]]},"664":{"position":[[6825,2],[6961,2],[9077,2],[9286,2],[11550,2],[11759,2],[13980,2],[14189,2],[16399,2],[16608,2],[18804,2],[18940,2]]},"668":{"position":[[123875,3]]}}}],["py",{"_index":4119,"t":{"660":{"position":[[19155,2]]}}}],["qa",{"_index":5046,"t":{"668":{"position":[[67915,4]]}}}],["quam",{"_index":1922,"t":{"582":{"position":[[8536,4],[10316,4],[12777,4],[14557,4],[16918,4],[18698,4]]}}}],["queri",{"_index":1534,"t":{"576":{"position":[[1497,6]]}}}],["qui",{"_index":1881,"t":{"582":{"position":[[8015,4],[8314,4],[9308,4],[12256,4],[12555,4],[13549,4],[16397,4],[16696,4],[17690,4]]}}}],["quick",{"_index":1693,"t":{"580":{"position":[[2892,5],[3654,5],[4125,5],[4489,5],[5481,5],[8447,5],[8739,5],[9027,5],[9313,5],[9601,5],[9883,5],[10167,5],[10449,5]]},"658":{"position":[[100,5]]}}}],["quickli",{"_index":1301,"t":{"570":{"position":[[276,8]]},"580":{"position":[[7165,7]]},"636":{"position":[[250,7]]},"640":{"position":[[250,7]]},"642":{"position":[[260,7]]},"644":{"position":[[260,7]]},"646":{"position":[[268,7]]},"648":{"position":[[268,7]]},"650":{"position":[[308,7]]},"656":{"position":[[260,7]]}}}],["quisqu",{"_index":1897,"t":{"582":{"position":[[8164,7],[9031,7],[10987,7],[12405,7],[13272,7],[15228,7],[16546,7],[17413,7],[19369,7]]}}}],["quit",{"_index":1793,"t":{"582":{"position":[[2553,5]]}}}],["r",{"_index":886,"t":{"142":{"position":[[1641,1]]}}}],["r=\"40",{"_index":3980,"t":{"644":{"position":[[4480,7],[4517,7]]},"656":{"position":[[3936,7],[3973,7]]}}}],["radar",{"_index":1304,"t":{"570":{"position":[[488,5]]},"620":{"position":[[2549,5]]}}}],["radiu",{"_index":1359,"t":{"572":{"position":[[2516,7]]},"616":{"position":[[2056,7]]},"620":{"position":[[4009,6],[4095,6]]}}}],["random",{"_index":3008,"t":{"616":{"position":[[4836,9],[5836,6],[5843,6]]},"618":{"position":[[4215,9],[4791,6],[4798,6],[11452,9],[11879,6],[11886,6]]},"620":{"position":[[6874,9],[7736,6],[7743,6]]},"624":{"position":[[3923,9],[4479,6],[4486,6],[7866,9],[8273,6],[8280,6],[12481,6],[12488,6]]}}}],["random().next(1",{"_index":5050,"t":{"668":{"position":[[67998,16],[68024,16]]}}}],["random().next(1970",{"_index":5049,"t":{"668":{"position":[[67967,19]]}}}],["random.next(0",{"_index":3127,"t":{"618":{"position":[[6681,14],[13686,14]]},"624":{"position":[[6257,14],[9936,14]]}}}],["random.next(200",{"_index":3036,"t":{"616":{"position":[[7549,19]]},"620":{"position":[[9390,19]]}}}],["randomizeasync",{"_index":3007,"t":{"616":{"position":[[4817,18],[6341,16]]},"618":{"position":[[4196,18],[5417,16],[11433,18],[12625,16]]},"620":{"position":[[6855,18],[8230,16]]},"624":{"position":[[3904,18],[5075,16],[7847,18],[8989,16]]}}}],["rang",{"_index":145,"t":{"2":{"position":[[3213,5]]},"68":{"position":[[280,5]]},"74":{"position":[[248,5]]},"110":{"position":[[144,5],[467,5]]},"148":{"position":[[193,5]]},"150":{"position":[[186,5]]},"154":{"position":[[2023,5]]},"228":{"position":[[2032,5]]},"308":{"position":[[1073,5]]},"310":{"position":[[2026,5]]},"360":{"position":[[185,5]]},"368":{"position":[[1454,5]]},"400":{"position":[[797,5]]},"410":{"position":[[194,5]]},"412":{"position":[[505,5]]},"428":{"position":[[478,5]]},"494":{"position":[[189,5]]},"616":{"position":[[4513,5]]},"618":{"position":[[3882,5]]},"620":{"position":[[6479,5]]},"624":{"position":[[3600,5]]},"626":{"position":[[579,6],[644,6],[3661,6],[3750,6],[7902,5],[11687,5]]},"628":{"position":[[618,6],[683,6],[3192,6],[3279,6]]},"630":{"position":[[659,6],[724,6],[7566,6],[7657,6],[11138,5]]},"632":{"position":[[6,5],[38,5],[306,5],[375,5],[444,5],[580,5],[659,5],[696,5],[3422,6],[3662,6]]},"634":{"position":[[2919,5]]},"662":{"position":[[622,6],[687,6],[2364,6],[2451,6]]}}}],["range(0",{"_index":3536,"t":{"626":{"position":[[10695,9]]},"630":{"position":[[14059,9]]},"660":{"position":[[21616,9]]}}}],["range(10",{"_index":3538,"t":{"626":{"position":[[10850,10]]},"630":{"position":[[14214,10]]},"660":{"position":[[21771,10]]}}}],["range(60",{"_index":3532,"t":{"626":{"position":[[10580,10]]},"630":{"position":[[13945,10]]},"660":{"position":[[21501,10]]}}}],["rangeinput",{"_index":69,"t":{"2":{"position":[[1523,10],[3408,10]]},"110":{"position":[[1257,10]]},"120":{"position":[[326,10],[572,10]]},"148":{"position":[[388,10]]},"150":{"position":[[381,10]]},"152":{"position":[[322,10]]},"154":{"position":[[1567,10],[2218,10]]},"228":{"position":[[1576,10],[2227,10]]},"308":{"position":[[617,10],[1268,10]]},"310":{"position":[[1570,10],[2221,10]]},"336":{"position":[[673,10]]},"346":{"position":[[326,10]]},"360":{"position":[[380,10]]},"368":{"position":[[1272,10],[1649,10]]},"386":{"position":[[324,10]]},"400":{"position":[[615,10],[992,10]]},"410":{"position":[[389,10]]},"412":{"position":[[20,12],[323,10],[700,10]]},"422":{"position":[[997,10]]},"428":{"position":[[673,10]]},"442":{"position":[[320,10]]},"494":{"position":[[384,10]]},"552":{"position":[[320,10]]},"632":{"position":[[67,10],[1020,11],[1151,11],[1354,11],[1558,11],[1763,11],[2088,11],[2160,11],[2742,11],[2894,11],[3168,10],[3944,11],[4355,11],[4558,11],[4771,11],[4986,11],[5285,11],[5482,11],[5573,11]]}}}],["rangeinput.dis",{"_index":3743,"t":{"632":{"position":[[3243,21]]}}}],["rangeinput.en",{"_index":3744,"t":{"632":{"position":[[3290,20]]}}}],["rangeinput2",{"_index":887,"t":{"142":{"position":[[1643,11]]}}}],["rangeinput<int",{"_index":3742,"t":{"632":{"position":[[3151,16]]}}}],["re",{"_index":116,"t":{"2":{"position":[[2579,2]]},"118":{"position":[[744,2]]}}}],["reach",{"_index":136,"t":{"2":{"position":[[3022,5]]},"118":{"position":[[1187,5]]}}}],["react",{"_index":3211,"t":{"620":{"position":[[3658,6]]}}}],["reaction",{"_index":546,"t":{"82":{"position":[[363,8]]}}}],["read",{"_index":10,"t":{"2":{"position":[[57,4],[313,4],[378,4],[666,4],[725,4],[944,4],[1003,4],[1237,4],[1296,4],[1551,4],[1613,4],[1825,4],[1881,4],[3119,4],[3442,4],[3504,4],[3658,4],[3719,4],[3941,4]]},"4":{"position":[[50,4]]},"6":{"position":[[51,4]]},"8":{"position":[[51,4]]},"10":{"position":[[51,4]]},"12":{"position":[[51,4]]},"14":{"position":[[51,4]]},"16":{"position":[[50,4]]},"18":{"position":[[48,4]]},"20":{"position":[[51,4]]},"22":{"position":[[47,4]]},"24":{"position":[[47,4]]},"26":{"position":[[48,4]]},"28":{"position":[[49,4]]},"30":{"position":[[49,4]]},"32":{"position":[[51,4]]},"34":{"position":[[52,4]]},"36":{"position":[[52,4]]},"38":{"position":[[51,4]]},"40":{"position":[[50,4]]},"42":{"position":[[51,4]]},"44":{"position":[[52,4]]},"46":{"position":[[52,4]]},"48":{"position":[[52,4]]},"50":{"position":[[52,4]]},"52":{"position":[[52,4]]},"54":{"position":[[51,4]]},"56":{"position":[[51,4]]},"58":{"position":[[52,4]]},"60":{"position":[[51,4]]},"62":{"position":[[51,4]]},"64":{"position":[[52,4]]},"66":{"position":[[52,4]]},"68":{"position":[[48,4]]},"70":{"position":[[49,4]]},"72":{"position":[[49,4]]},"74":{"position":[[49,4]]},"76":{"position":[[49,4]]},"78":{"position":[[49,4]]},"80":{"position":[[45,4]]},"82":{"position":[[48,4]]},"84":{"position":[[48,4]]},"86":{"position":[[47,4]]},"88":{"position":[[48,4]]},"90":{"position":[[47,4]]},"92":{"position":[[47,4]]},"94":{"position":[[47,4]]},"96":{"position":[[48,4]]},"98":{"position":[[47,4]]},"100":{"position":[[51,4]]},"102":{"position":[[49,4]]},"104":{"position":[[54,4]]},"106":{"position":[[52,4]]},"108":{"position":[[53,4]]},"110":{"position":[[50,4]]},"112":{"position":[[52,4]]},"114":{"position":[[51,4]]},"116":{"position":[[52,4]]},"118":{"position":[[46,4]]},"120":{"position":[[49,4]]},"122":{"position":[[49,4]]},"124":{"position":[[55,4]]},"126":{"position":[[49,4]]},"128":{"position":[[57,4]]},"132":{"position":[[53,4],[265,4],[327,4],[547,4],[611,4],[979,4],[1040,4],[1227,4],[1286,4],[1520,4],[1578,4],[1806,4],[1863,4],[2058,4],[2115,4],[2277,4],[2334,4],[2497,4],[2554,4],[2803,4]]},"134":{"position":[[48,4],[328,4],[386,4],[586,4],[644,4],[886,4],[943,4],[1140,4],[1195,4],[1572,4],[1631,4],[1817,4],[1876,4],[2065,4],[2124,4],[2335,4],[2394,4],[2669,4],[2728,4],[3083,4]]},"136":{"position":[[48,4],[333,4],[395,4],[581,4],[643,4],[831,4],[892,4],[1080,4],[1141,4],[1529,4],[1590,4],[1839,4],[1900,4],[2107,4],[2169,4],[2396,4],[2458,4],[2655,4],[2717,4],[2984,4]]},"138":{"position":[[52,4],[396,4],[458,4],[709,4],[771,4],[1050,4],[1111,4],[1365,4],[1426,4],[1628,4],[1688,4],[1897,4],[1959,4],[2233,4],[2370,4],[2431,4],[2576,4],[2635,4],[2780,4]]},"140":{"position":[[49,4],[176,4],[233,4],[373,4],[430,4],[567,4],[625,4],[765,4],[823,4],[963,4],[1024,4],[1194,4],[1254,4],[1395,4],[1456,4],[1624,4],[1685,4],[1794,4],[1855,4],[2030,4]]},"144":{"position":[[50,4],[180,4],[241,4],[374,4],[435,4],[617,4]]},"146":{"position":[[94,4],[262,4]]},"148":{"position":[[99,4],[422,4],[486,4],[854,4],[909,4],[1286,4],[1345,4],[1556,4],[1617,4],[2005,4],[2067,4],[2294,4],[2356,4],[2630,4],[2767,4],[2828,4],[2973,4]]},"150":{"position":[[92,4],[415,4],[474,4],[749,4]]},"152":{"position":[[95,4],[350,4]]},"154":{"position":[[101,4],[357,4],[422,4],[710,4],[769,4],[988,4],[1047,4],[1281,4],[1340,4],[1595,4],[1657,4],[1869,4],[1929,4],[2252,4],[2314,4],[2468,4],[2529,4],[2751,4],[2814,4],[3026,4]]},"156":{"position":[[101,4],[389,4],[450,4],[672,4],[731,4],[1006,4]]},"158":{"position":[[108,4],[496,4]]},"160":{"position":[[104,4],[313,4]]},"162":{"position":[[105,4],[302,4],[364,4],[631,4],[693,4],[1037,4],[1099,4],[1350,4],[1412,4],[1691,4]]},"164":{"position":[[110,4],[454,4],[516,4],[767,4]]},"166":{"position":[[101,4],[310,4]]},"168":{"position":[[111,4],[378,4]]},"170":{"position":[[102,4],[446,4],[508,4],[759,4]]},"172":{"position":[[100,4],[288,4],[349,4],[537,4],[598,4],[800,4]]},"174":{"position":[[109,4],[318,4]]},"176":{"position":[[107,4],[309,4]]},"178":{"position":[[108,4],[310,4]]},"180":{"position":[[109,4],[388,4]]},"182":{"position":[[110,4],[312,4]]},"184":{"position":[[102,4],[381,4]]},"186":{"position":[[103,4],[370,4]]},"188":{"position":[[109,4],[388,4]]},"190":{"position":[[105,4],[314,4]]},"192":{"position":[[106,4],[357,4]]},"194":{"position":[[104,4],[313,4]]},"196":{"position":[[104,4],[358,4]]},"198":{"position":[[103,4],[447,4],[509,4],[760,4]]},"200":{"position":[[106,4],[357,4]]},"202":{"position":[[103,4],[447,4],[509,4],[760,4]]},"204":{"position":[[113,4],[501,4]]},"206":{"position":[[101,4],[380,4]]},"208":{"position":[[108,4],[362,4]]},"210":{"position":[[105,4],[493,4]]},"212":{"position":[[102,4],[446,4]]},"214":{"position":[[102,4],[288,4],[349,4],[603,4]]},"216":{"position":[[92,4],[292,4],[350,4],[592,4],[649,4],[846,4],[901,4],[1278,4],[1337,4],[1523,4],[1582,4],[1771,4],[1830,4],[2041,4],[2100,4],[2375,4],[2434,4],[2789,4],[2847,4],[3132,4]]},"218":{"position":[[96,4],[316,4],[380,4],[748,4],[809,4],[996,4],[1055,4],[1289,4],[1347,4],[1575,4],[1632,4],[1827,4],[1884,4],[2046,4],[2103,4],[2266,4],[2323,4],[2572,4],[2630,4],[2910,4]]},"220":{"position":[[96,4],[347,4],[409,4],[688,4]]},"222":{"position":[[96,4],[282,4],[344,4],[532,4],[593,4],[781,4],[842,4],[1230,4],[1291,4],[1540,4],[1601,4],[1808,4],[1870,4],[2097,4],[2159,4],[2356,4],[2418,4],[2685,4],[2747,4],[3091,4]]},"224":{"position":[[109,4],[477,4],[532,4],[909,4],[968,4],[1179,4],[1241,4],[1468,4]]},"226":{"position":[[102,4],[377,4]]},"228":{"position":[[110,4],[366,4],[431,4],[719,4],[778,4],[997,4],[1056,4],[1290,4],[1349,4],[1604,4],[1666,4],[1878,4],[1938,4],[2261,4],[2323,4],[2477,4],[2538,4],[2760,4],[2823,4],[3035,4]]},"230":{"position":[[98,4],[373,4]]},"232":{"position":[[122,4],[510,4]]},"234":{"position":[[101,4],[301,4],[359,4],[601,4],[658,4],[855,4],[910,4],[1287,4],[1346,4],[1532,4],[1591,4],[1780,4],[1839,4],[2050,4],[2109,4],[2384,4],[2443,4],[2798,4],[2856,4],[3141,4]]},"236":{"position":[[105,4],[291,4],[353,4],[541,4],[602,4],[790,4],[851,4],[1239,4],[1300,4],[1549,4],[1610,4],[1817,4],[1879,4],[2106,4],[2168,4],[2365,4],[2427,4],[2694,4],[2756,4],[3100,4]]},"238":{"position":[[105,4],[356,4],[418,4],[697,4],[758,4],[1012,4],[1073,4],[1275,4],[1335,4],[1544,4],[1606,4],[1880,4],[2017,4],[2078,4],[2223,4],[2282,4],[2427,4],[2486,4],[2613,4]]},"240":{"position":[[105,4],[325,4],[389,4],[757,4],[818,4],[1005,4],[1064,4],[1298,4],[1356,4],[1584,4],[1641,4],[1836,4],[1893,4],[2055,4],[2112,4],[2275,4],[2332,4],[2581,4],[2639,4],[2919,4]]},"242":{"position":[[104,4],[237,4],[298,4],[480,4]]},"244":{"position":[[100,4],[240,4],[297,4],[434,4],[492,4],[632,4],[690,4],[830,4],[891,4],[1061,4],[1121,4],[1262,4],[1323,4],[1491,4],[1552,4],[1661,4],[1722,4],[1897,4],[1957,4],[2087,4]]},"246":{"position":[[101,4],[350,4]]},"248":{"position":[[97,4],[339,4],[398,4],[673,4]]},"250":{"position":[[99,4],[285,4],[344,4],[555,4],[613,4],[898,4]]},"252":{"position":[[103,4],[471,4]]},"254":{"position":[[111,4],[479,4]]},"256":{"position":[[101,4],[376,4]]},"258":{"position":[[107,4],[356,4]]},"260":{"position":[[101,4],[478,4],[537,4],[726,4],[788,4],[1055,4]]},"262":{"position":[[97,4],[452,4]]},"264":{"position":[[101,4],[350,4]]},"266":{"position":[[100,4],[342,4],[397,4],[774,4],[833,4],[1188,4],[1246,4],[1531,4]]},"268":{"position":[[104,4],[324,4]]},"270":{"position":[[102,4],[457,4],[515,4],[800,4]]},"272":{"position":[[99,4],[286,4],[345,4],[579,4],[637,4],[865,4],[922,4],[1084,4],[1142,4],[1342,4],[1400,4],[1642,4],[1699,4],[1896,4],[1951,4],[2328,4],[2387,4],[2573,4],[2632,4],[2987,4]]},"274":{"position":[[100,4],[288,4],[349,4],[537,4],[598,4],[800,4]]},"276":{"position":[[99,4],[319,4],[377,4],[657,4]]},"278":{"position":[[102,4],[369,4]]},"280":{"position":[[102,4],[297,4],[355,4],[635,4]]},"282":{"position":[[102,4],[470,4],[528,4],[756,4],[813,4],[1008,4],[1065,4],[1228,4],[1286,4],[1566,4],[1625,4],[1980,4],[2038,4],[2323,4],[2384,4],[2633,4]]},"284":{"position":[[97,4],[474,4],[533,4],[888,4],[946,4],[1231,4]]},"286":{"position":[[104,4],[472,4],[533,4],[740,4]]},"288":{"position":[[100,4],[300,4]]},"290":{"position":[[94,4],[471,4],[533,4],[730,4]]},"292":{"position":[[96,4],[376,4]]},"294":{"position":[[100,4],[477,4]]},"296":{"position":[[97,4],[452,4]]},"298":{"position":[[103,4],[458,4]]},"300":{"position":[[100,4],[328,4],[383,4],[760,4],[819,4],[1174,4]]},"302":{"position":[[97,4],[377,4],[439,4],[625,4]]},"304":{"position":[[96,4],[345,4]]},"306":{"position":[[104,4],[472,4],[529,4],[726,4]]},"308":{"position":[[97,4],[331,4],[390,4],[645,4],[707,4],[919,4],[979,4],[1302,4],[1364,4],[1518,4],[1579,4],[1801,4],[1864,4],[2076,4],[2138,4],[2358,4],[2422,4],[2790,4],[2851,4],[3038,4]]},"310":{"position":[[104,4],[360,4],[425,4],[713,4],[772,4],[991,4],[1050,4],[1284,4],[1343,4],[1598,4],[1660,4],[1872,4],[1932,4],[2255,4],[2317,4],[2471,4],[2532,4],[2754,4],[2817,4],[3029,4]]},"312":{"position":[[99,4],[487,4],[548,4],[797,4]]},"314":{"position":[[99,4],[319,4],[383,4],[751,4],[812,4],[999,4],[1058,4],[1292,4],[1350,4],[1578,4],[1635,4],[1830,4],[1887,4],[2049,4],[2106,4],[2269,4],[2326,4],[2575,4],[2633,4],[2913,4]]},"316":{"position":[[93,4],[470,4],[529,4],[715,4],[774,4],[963,4],[1022,4],[1233,4],[1292,4],[1567,4],[1626,4],[1981,4],[2039,4],[2324,4],[2386,4],[2572,4],[2634,4],[2822,4],[2883,4],[3071,4]]},"318":{"position":[[95,4],[344,4]]},"320":{"position":[[95,4],[295,4],[353,4],[595,4],[652,4],[849,4],[904,4],[1281,4],[1340,4],[1526,4],[1585,4],[1774,4],[1833,4],[2044,4],[2103,4],[2378,4],[2437,4],[2792,4],[2850,4],[3135,4]]},"322":{"position":[[99,4],[285,4],[347,4],[535,4],[596,4],[784,4],[845,4],[1233,4],[1294,4],[1543,4]]},"324":{"position":[[102,4],[351,4]]},"326":{"position":[[97,4],[465,4]]},"328":{"position":[[93,4],[279,4],[338,4],[549,4],[607,4],[892,4]]},"330":{"position":[[98,4],[386,4],[448,4],[660,4],[718,4],[960,4],[1019,4],[1294,4],[1353,4],[1480,4]]},"332":{"position":[[97,4],[331,4],[389,4],[617,4],[674,4],[869,4],[926,4],[1088,4],[1145,4],[1308,4],[1365,4],[1614,4],[1672,4],[1952,4],[2010,4],[2210,4],[2268,4],[2510,4],[2567,4],[2764,4]]},"334":{"position":[[100,4],[356,4],[417,4],[639,4],[702,4],[914,4]]},"336":{"position":[[99,4],[387,4],[446,4],[701,4],[763,4],[975,4],[1037,4],[1174,4]]},"338":{"position":[[95,4],[370,4]]},"340":{"position":[[99,4],[311,4]]},"342":{"position":[[99,4],[318,4],[377,4],[611,4],[675,4],[1043,4]]},"344":{"position":[[103,4],[273,4]]},"346":{"position":[[99,4],[354,4],[409,4],[786,4],[845,4],[1034,4]]},"348":{"position":[[101,4],[350,4]]},"350":{"position":[[95,4],[284,4]]},"352":{"position":[[90,4],[332,4]]},"354":{"position":[[94,4],[336,4],[391,4],[768,4],[827,4],[1182,4],[1240,4],[1525,4]]},"356":{"position":[[96,4],[451,4],[509,4],[794,4]]},"358":{"position":[[95,4],[344,4]]},"360":{"position":[[91,4],[414,4],[475,4],[697,4],[760,4],[972,4],[1034,4],[1254,4],[1318,4],[1686,4],[1748,4],[1885,4],[1946,4],[2091,4]]},"362":{"position":[[100,4],[388,4],[450,4],[670,4]]},"364":{"position":[[91,4],[236,4],[296,4],[437,4]]},"366":{"position":[[89,4],[251,4],[309,4],[509,4],[567,4],[809,4],[866,4],[1063,4],[1118,4],[1495,4],[1554,4],[1740,4],[1799,4],[2154,4],[2216,4],[2404,4],[2465,4],[2653,4],[2715,4],[2852,4]]},"368":{"position":[[99,4],[355,4],[420,4],[708,4],[767,4],[986,4],[1045,4],[1300,4],[1360,4],[1683,4],[1744,4],[1966,4],[2029,4],[2241,4],[2302,4],[2489,4],[2548,4],[2782,4],[2840,4],[3068,4]]},"370":{"position":[[94,4],[264,4]]},"372":{"position":[[90,4],[332,4],[394,4],[673,4]]},"374":{"position":[[100,4],[356,4]]},"376":{"position":[[93,4],[313,4],[371,4],[651,4]]},"378":{"position":[[95,4],[302,4]]},"380":{"position":[[102,4],[381,4]]},"382":{"position":[[97,4],[304,4]]},"384":{"position":[[99,4],[306,4]]},"386":{"position":[[97,4],[352,4],[407,4],[784,4]]},"388":{"position":[[94,4],[343,4],[400,4],[540,4],[600,4],[741,4]]},"390":{"position":[[98,4],[386,4],[447,4],[669,4],[732,4],[944,4],[1008,4],[1376,4],[1434,4],[1662,4],[1719,4],[1914,4],[1971,4],[2134,4],[2192,4],[2472,4],[2531,4],[2886,4],[2944,4],[3229,4]]},"392":{"position":[[98,4],[239,4]]},"394":{"position":[[103,4],[471,4],[528,4],[723,4],[781,4],[1061,4]]},"396":{"position":[[109,4],[365,4]]},"398":{"position":[[91,4],[468,4],[527,4],[882,4],[940,4],[1225,4],[1282,4],[1422,4],[1482,4],[1623,4]]},"400":{"position":[[95,4],[329,4],[388,4],[643,4],[703,4],[1026,4],[1088,4],[1242,4]]},"402":{"position":[[98,4],[310,4]]},"404":{"position":[[96,4],[233,4],[291,4],[431,4],[489,4],[629,4]]},"406":{"position":[[93,4],[293,4],[354,4],[608,4]]},"408":{"position":[[101,4],[355,4]]},"410":{"position":[[100,4],[423,4]]},"412":{"position":[[96,4],[351,4],[411,4],[734,4]]},"414":{"position":[[98,4],[386,4],[445,4],[679,4]]},"416":{"position":[[101,4],[357,4],[422,4],[710,4],[774,4],[1142,4],[1203,4],[1410,4]]},"418":{"position":[[99,4],[333,4]]},"420":{"position":[[97,4],[309,4]]},"422":{"position":[[102,4],[358,4],[423,4],[711,4],[770,4],[1025,4]]},"424":{"position":[[96,4],[308,4],[363,4],[740,4]]},"426":{"position":[[96,4],[384,4]]},"428":{"position":[[90,4],[324,4],[384,4],[707,4],[765,4],[1045,4]]},"430":{"position":[[97,4],[452,4]]},"432":{"position":[[93,4],[315,4],[372,4],[621,4]]},"434":{"position":[[94,4],[322,4],[377,4],[754,4],[813,4],[1168,4]]},"436":{"position":[[91,4],[371,4],[433,4],[619,4],[680,4],[934,4],[995,4],[1165,4]]},"438":{"position":[[97,4],[346,4]]},"440":{"position":[[95,4],[277,4]]},"442":{"position":[[93,4],[348,4],[412,4],[780,4],[837,4],[1034,4]]},"444":{"position":[[95,4],[228,4]]},"446":{"position":[[94,4],[224,4]]},"448":{"position":[[95,4],[270,4]]},"450":{"position":[[95,4],[204,4]]},"452":{"position":[[95,4],[263,4]]},"454":{"position":[[95,4],[265,4]]},"456":{"position":[[94,4],[235,4]]},"458":{"position":[[92,4],[232,4]]},"460":{"position":[[92,4],[232,4]]},"462":{"position":[[91,4],[228,4]]},"464":{"position":[[91,4],[231,4]]},"466":{"position":[[93,4],[220,4]]},"468":{"position":[[95,4],[240,4]]},"470":{"position":[[93,4],[238,4]]},"472":{"position":[[96,4],[233,4]]},"474":{"position":[[95,4],[297,4]]},"476":{"position":[[95,4],[349,4]]},"478":{"position":[[96,4],[375,4]]},"480":{"position":[[96,4],[347,4]]},"482":{"position":[[96,4]]},"484":{"position":[[96,4],[440,4]]},"486":{"position":[[94,4],[328,4]]},"488":{"position":[[96,4],[283,4]]},"490":{"position":[[99,4],[467,4]]},"492":{"position":[[98,4],[310,4]]},"494":{"position":[[95,4],[418,4]]},"496":{"position":[[97,4],[317,4]]},"498":{"position":[[96,4],[318,4]]},"500":{"position":[[96,4],[363,4]]},"502":{"position":[[97,4],[251,4]]},"504":{"position":[[96,4],[323,4]]},"506":{"position":[[96,4],[293,4]]},"508":{"position":[[95,4],[302,4]]},"510":{"position":[[95,4],[483,4]]},"512":{"position":[[95,4],[283,4]]},"514":{"position":[[96,4],[284,4]]},"516":{"position":[[95,4],[344,4]]},"518":{"position":[[96,4],[282,4]]},"520":{"position":[[92,4],[377,4]]},"522":{"position":[[93,4],[368,4]]},"524":{"position":[[93,4],[304,4]]},"526":{"position":[[93,4],[448,4]]},"528":{"position":[[93,4],[282,4]]},"530":{"position":[[93,4],[279,4]]},"532":{"position":[[91,4],[288,4]]},"534":{"position":[[89,4],[466,4]]},"536":{"position":[[92,4],[292,4]]},"538":{"position":[[92,4],[334,4]]},"540":{"position":[[92,4],[372,4]]},"542":{"position":[[91,4],[340,4]]},"544":{"position":[[91,4],[253,4]]},"546":{"position":[[91,4],[254,4]]},"548":{"position":[[96,4],[308,4]]},"550":{"position":[[91,4],[286,4]]},"552":{"position":[[93,4],[348,4]]},"554":{"position":[[92,4],[320,4]]},"556":{"position":[[93,4],[327,4]]},"558":{"position":[[93,4],[312,4]]},"562":{"position":[[100,4],[356,4],[421,4],[709,4]]},"564":{"position":[[1853,4]]},"584":{"position":[[94,4],[303,4]]},"588":{"position":[[3000,4]]},"606":{"position":[[4869,4],[6403,4]]}}}],["reader",{"_index":1147,"t":{"566":{"position":[[3085,8],[3573,8],[4062,8],[4548,8],[5033,8],[5543,8],[6050,8],[6558,8],[7063,8],[7567,8]]},"572":{"position":[[2175,8]]},"590":{"position":[[1735,7]]}}}],["real",{"_index":1992,"t":{"582":{"position":[[20347,4]]}}}],["reason",{"_index":1116,"t":{"564":{"position":[[3845,7]]}}}],["receiv",{"_index":2366,"t":{"598":{"position":[[4466,9],[4498,7],[4540,9],[7581,8],[7629,7],[7671,9]]}}}],["recent",{"_index":2052,"t":{"588":{"position":[[3044,8]]},"598":{"position":[[2665,8]]},"612":{"position":[[520,8],[879,8]]}}}],["recommend",{"_index":79,"t":{"2":{"position":[[1907,15],[1935,9],[2129,12]]},"118":{"position":[[72,15],[100,9],[294,12]]},"564":{"position":[[3856,9]]},"606":{"position":[[1713,9]]}}}],["record",{"_index":644,"t":{"104":{"position":[[262,7]]},"578":{"position":[[1918,7]]},"602":{"position":[[1073,7],[1143,7],[2856,6],[5177,6],[8123,6],[10258,6],[11710,6],[12523,6],[13552,6],[13790,6]]},"622":{"position":[[474,7],[3647,6],[5518,6]]},"668":{"position":[[1533,7],[1569,8],[50231,7],[50298,7],[50530,7],[51294,8],[143526,6],[146398,6],[148822,6],[152025,6]]}}}],["rect",{"_index":3223,"t":{"620":{"position":[[4381,7]]}}}],["rectrot",{"_index":3225,"t":{"620":{"position":[[4404,10]]}}}],["rectround",{"_index":3224,"t":{"620":{"position":[[4389,14]]}}}],["red",{"_index":2617,"t":{"602":{"position":[[11797,3]]},"622":{"position":[[8315,4],[8351,4]]},"626":{"position":[[8072,4],[8108,4]]},"628":{"position":[[7252,4],[7288,4],[9849,4],[9885,4]]},"630":{"position":[[11308,4],[11344,4]]},"660":{"position":[[18977,4],[19013,4]]},"662":{"position":[[5369,4],[5405,4],[9389,4],[9425,4]]}}}],["reddi",{"_index":12,"t":{"2":{"position":[[69,5],[390,5],[737,5],[1015,5],[1308,5],[1625,5],[1893,5],[3131,5],[3516,5],[3731,5]]},"4":{"position":[[62,5]]},"6":{"position":[[63,5]]},"8":{"position":[[63,5]]},"10":{"position":[[63,5]]},"12":{"position":[[63,5]]},"14":{"position":[[63,5]]},"16":{"position":[[62,5]]},"18":{"position":[[60,5]]},"20":{"position":[[63,5]]},"22":{"position":[[59,5]]},"24":{"position":[[59,5]]},"26":{"position":[[60,5]]},"28":{"position":[[61,5]]},"30":{"position":[[61,5]]},"32":{"position":[[63,5]]},"34":{"position":[[64,5]]},"36":{"position":[[64,5]]},"38":{"position":[[63,5]]},"40":{"position":[[62,5]]},"42":{"position":[[63,5]]},"44":{"position":[[64,5]]},"46":{"position":[[64,5]]},"48":{"position":[[64,5]]},"50":{"position":[[64,5]]},"52":{"position":[[64,5]]},"54":{"position":[[63,5]]},"56":{"position":[[63,5]]},"58":{"position":[[64,5]]},"60":{"position":[[63,5]]},"62":{"position":[[63,5]]},"64":{"position":[[64,5]]},"66":{"position":[[64,5]]},"68":{"position":[[60,5]]},"70":{"position":[[61,5]]},"72":{"position":[[61,5]]},"74":{"position":[[61,5]]},"76":{"position":[[61,5]]},"78":{"position":[[61,5]]},"80":{"position":[[57,5]]},"82":{"position":[[60,5]]},"84":{"position":[[60,5]]},"86":{"position":[[59,5]]},"88":{"position":[[60,5]]},"90":{"position":[[59,5]]},"92":{"position":[[59,5]]},"94":{"position":[[59,5]]},"96":{"position":[[60,5]]},"98":{"position":[[59,5]]},"100":{"position":[[63,5]]},"102":{"position":[[61,5]]},"104":{"position":[[66,5]]},"106":{"position":[[64,5]]},"108":{"position":[[65,5]]},"110":{"position":[[62,5]]},"112":{"position":[[64,5]]},"114":{"position":[[63,5]]},"116":{"position":[[64,5]]},"118":{"position":[[58,5]]},"120":{"position":[[61,5]]},"122":{"position":[[61,5]]},"124":{"position":[[67,5]]},"126":{"position":[[61,5]]},"128":{"position":[[69,5]]},"132":{"position":[[65,5],[339,5],[623,5],[1052,5],[1298,5],[1590,5],[1875,5],[2127,5],[2346,5],[2566,5]]},"134":{"position":[[60,5],[398,5],[656,5],[955,5],[1207,5],[1643,5],[1888,5],[2136,5],[2406,5],[2740,5]]},"136":{"position":[[60,5],[407,5],[655,5],[904,5],[1153,5],[1602,5],[1912,5],[2181,5],[2470,5],[2729,5]]},"138":{"position":[[64,5],[470,5],[783,5],[1123,5],[1438,5],[1700,5],[1971,5],[2245,5],[2443,5],[2647,5]]},"140":{"position":[[61,5],[245,5],[442,5],[637,5],[835,5],[1036,5],[1266,5],[1468,5],[1697,5],[1867,5]]},"144":{"position":[[62,5],[253,5],[447,5]]},"146":{"position":[[106,5]]},"148":{"position":[[111,5],[498,5],[921,5],[1357,5],[1629,5],[2079,5],[2368,5],[2642,5],[2840,5]]},"150":{"position":[[104,5],[486,5]]},"152":{"position":[[107,5]]},"154":{"position":[[113,5],[434,5],[781,5],[1059,5],[1352,5],[1669,5],[1941,5],[2326,5],[2541,5],[2826,5]]},"156":{"position":[[113,5],[462,5],[743,5]]},"158":{"position":[[120,5]]},"160":{"position":[[116,5]]},"162":{"position":[[117,5],[376,5],[705,5],[1111,5],[1424,5]]},"164":{"position":[[122,5],[528,5]]},"166":{"position":[[113,5]]},"168":{"position":[[123,5]]},"170":{"position":[[114,5],[520,5]]},"172":{"position":[[112,5],[361,5],[610,5]]},"174":{"position":[[121,5]]},"176":{"position":[[119,5]]},"178":{"position":[[120,5]]},"180":{"position":[[121,5]]},"182":{"position":[[122,5]]},"184":{"position":[[114,5]]},"186":{"position":[[115,5]]},"188":{"position":[[121,5]]},"190":{"position":[[117,5]]},"192":{"position":[[118,5]]},"194":{"position":[[116,5]]},"196":{"position":[[116,5]]},"198":{"position":[[115,5],[521,5]]},"200":{"position":[[118,5]]},"202":{"position":[[115,5],[521,5]]},"204":{"position":[[125,5]]},"206":{"position":[[113,5]]},"208":{"position":[[120,5]]},"210":{"position":[[117,5]]},"212":{"position":[[114,5]]},"214":{"position":[[114,5],[361,5]]},"216":{"position":[[104,5],[362,5],[661,5],[913,5],[1349,5],[1594,5],[1842,5],[2112,5],[2446,5],[2859,5]]},"218":{"position":[[108,5],[392,5],[821,5],[1067,5],[1359,5],[1644,5],[1896,5],[2115,5],[2335,5],[2642,5]]},"220":{"position":[[108,5],[421,5]]},"222":{"position":[[108,5],[356,5],[605,5],[854,5],[1303,5],[1613,5],[1882,5],[2171,5],[2430,5],[2759,5]]},"224":{"position":[[121,5],[544,5],[980,5],[1253,5]]},"226":{"position":[[114,5]]},"228":{"position":[[122,5],[443,5],[790,5],[1068,5],[1361,5],[1678,5],[1950,5],[2335,5],[2550,5],[2835,5]]},"230":{"position":[[110,5]]},"232":{"position":[[134,5]]},"234":{"position":[[113,5],[371,5],[670,5],[922,5],[1358,5],[1603,5],[1851,5],[2121,5],[2455,5],[2868,5]]},"236":{"position":[[117,5],[365,5],[614,5],[863,5],[1312,5],[1622,5],[1891,5],[2180,5],[2439,5],[2768,5]]},"238":{"position":[[117,5],[430,5],[770,5],[1085,5],[1347,5],[1618,5],[1892,5],[2090,5],[2294,5],[2498,5]]},"240":{"position":[[117,5],[401,5],[830,5],[1076,5],[1368,5],[1653,5],[1905,5],[2124,5],[2344,5],[2651,5]]},"242":{"position":[[116,5],[310,5]]},"244":{"position":[[112,5],[309,5],[504,5],[702,5],[903,5],[1133,5],[1335,5],[1564,5],[1734,5],[1969,5]]},"246":{"position":[[113,5]]},"248":{"position":[[109,5],[410,5]]},"250":{"position":[[111,5],[356,5],[625,5]]},"252":{"position":[[115,5]]},"254":{"position":[[123,5]]},"256":{"position":[[113,5]]},"258":{"position":[[119,5]]},"260":{"position":[[113,5],[549,5],[800,5]]},"262":{"position":[[109,5]]},"264":{"position":[[113,5]]},"266":{"position":[[112,5],[409,5],[845,5],[1258,5]]},"268":{"position":[[116,5]]},"270":{"position":[[114,5],[527,5]]},"272":{"position":[[111,5],[357,5],[649,5],[934,5],[1154,5],[1412,5],[1711,5],[1963,5],[2399,5],[2644,5]]},"274":{"position":[[112,5],[361,5],[610,5]]},"276":{"position":[[111,5],[389,5]]},"278":{"position":[[114,5]]},"280":{"position":[[114,5],[367,5]]},"282":{"position":[[114,5],[540,5],[825,5],[1077,5],[1298,5],[1637,5],[2050,5],[2396,5]]},"284":{"position":[[109,5],[545,5],[958,5]]},"286":{"position":[[116,5],[545,5]]},"288":{"position":[[112,5]]},"290":{"position":[[106,5],[545,5]]},"292":{"position":[[108,5]]},"294":{"position":[[112,5]]},"296":{"position":[[109,5]]},"298":{"position":[[115,5]]},"300":{"position":[[112,5],[395,5],[831,5]]},"302":{"position":[[109,5],[451,5]]},"304":{"position":[[108,5]]},"306":{"position":[[116,5],[541,5]]},"308":{"position":[[109,5],[402,5],[719,5],[991,5],[1376,5],[1591,5],[1876,5],[2150,5],[2434,5],[2863,5]]},"310":{"position":[[116,5],[437,5],[784,5],[1062,5],[1355,5],[1672,5],[1944,5],[2329,5],[2544,5],[2829,5]]},"312":{"position":[[111,5],[560,5]]},"314":{"position":[[111,5],[395,5],[824,5],[1070,5],[1362,5],[1647,5],[1899,5],[2118,5],[2338,5],[2645,5]]},"316":{"position":[[105,5],[541,5],[786,5],[1034,5],[1304,5],[1638,5],[2051,5],[2398,5],[2646,5],[2895,5]]},"318":{"position":[[107,5]]},"320":{"position":[[107,5],[365,5],[664,5],[916,5],[1352,5],[1597,5],[1845,5],[2115,5],[2449,5],[2862,5]]},"322":{"position":[[111,5],[359,5],[608,5],[857,5],[1306,5]]},"324":{"position":[[114,5]]},"326":{"position":[[109,5]]},"328":{"position":[[105,5],[350,5],[619,5]]},"330":{"position":[[110,5],[460,5],[730,5],[1031,5],[1365,5]]},"332":{"position":[[109,5],[401,5],[686,5],[938,5],[1157,5],[1377,5],[1684,5],[2022,5],[2280,5],[2579,5]]},"334":{"position":[[112,5],[429,5],[714,5]]},"336":{"position":[[111,5],[458,5],[775,5],[1049,5]]},"338":{"position":[[107,5]]},"340":{"position":[[111,5]]},"342":{"position":[[111,5],[389,5],[687,5]]},"344":{"position":[[115,5]]},"346":{"position":[[111,5],[421,5],[857,5]]},"348":{"position":[[113,5]]},"350":{"position":[[107,5]]},"352":{"position":[[102,5]]},"354":{"position":[[106,5],[403,5],[839,5],[1252,5]]},"356":{"position":[[108,5],[521,5]]},"358":{"position":[[107,5]]},"360":{"position":[[103,5],[487,5],[772,5],[1046,5],[1330,5],[1760,5],[1958,5]]},"362":{"position":[[112,5],[462,5]]},"364":{"position":[[103,5],[308,5]]},"366":{"position":[[101,5],[321,5],[579,5],[878,5],[1130,5],[1566,5],[1811,5],[2228,5],[2477,5],[2727,5]]},"368":{"position":[[111,5],[432,5],[779,5],[1057,5],[1372,5],[1756,5],[2041,5],[2314,5],[2560,5],[2852,5]]},"370":{"position":[[106,5]]},"372":{"position":[[102,5],[406,5]]},"374":{"position":[[112,5]]},"376":{"position":[[105,5],[383,5]]},"378":{"position":[[107,5]]},"380":{"position":[[114,5]]},"382":{"position":[[109,5]]},"384":{"position":[[111,5]]},"386":{"position":[[109,5],[419,5]]},"388":{"position":[[106,5],[412,5],[612,5]]},"390":{"position":[[110,5],[459,5],[744,5],[1020,5],[1446,5],[1731,5],[1983,5],[2204,5],[2543,5],[2956,5]]},"392":{"position":[[110,5]]},"394":{"position":[[115,5],[540,5],[793,5]]},"396":{"position":[[121,5]]},"398":{"position":[[103,5],[539,5],[952,5],[1294,5],[1494,5]]},"400":{"position":[[107,5],[400,5],[715,5],[1100,5]]},"402":{"position":[[110,5]]},"404":{"position":[[108,5],[303,5],[501,5]]},"406":{"position":[[105,5],[366,5]]},"408":{"position":[[113,5]]},"410":{"position":[[112,5]]},"412":{"position":[[108,5],[423,5]]},"414":{"position":[[110,5],[457,5]]},"416":{"position":[[113,5],[434,5],[786,5],[1215,5]]},"418":{"position":[[111,5]]},"420":{"position":[[109,5]]},"422":{"position":[[114,5],[435,5],[782,5]]},"424":{"position":[[108,5],[375,5]]},"426":{"position":[[108,5]]},"428":{"position":[[102,5],[396,5],[777,5]]},"430":{"position":[[109,5]]},"432":{"position":[[105,5],[384,5]]},"434":{"position":[[106,5],[389,5],[825,5]]},"436":{"position":[[103,5],[445,5],[692,5],[1007,5]]},"438":{"position":[[109,5]]},"440":{"position":[[107,5]]},"442":{"position":[[105,5],[424,5],[849,5]]},"444":{"position":[[107,5]]},"446":{"position":[[106,5]]},"448":{"position":[[107,5]]},"450":{"position":[[107,5]]},"452":{"position":[[107,5]]},"454":{"position":[[107,5]]},"456":{"position":[[106,5]]},"458":{"position":[[104,5]]},"460":{"position":[[104,5]]},"462":{"position":[[103,5]]},"464":{"position":[[103,5]]},"466":{"position":[[105,5]]},"468":{"position":[[107,5]]},"470":{"position":[[105,5]]},"472":{"position":[[108,5]]},"474":{"position":[[107,5]]},"476":{"position":[[107,5]]},"478":{"position":[[108,5]]},"480":{"position":[[108,5]]},"482":{"position":[[108,5]]},"484":{"position":[[108,5]]},"486":{"position":[[106,5]]},"488":{"position":[[108,5]]},"490":{"position":[[111,5]]},"492":{"position":[[110,5]]},"494":{"position":[[107,5]]},"496":{"position":[[109,5]]},"498":{"position":[[108,5]]},"500":{"position":[[108,5]]},"502":{"position":[[109,5]]},"504":{"position":[[108,5]]},"506":{"position":[[108,5]]},"508":{"position":[[107,5]]},"510":{"position":[[107,5]]},"512":{"position":[[107,5]]},"514":{"position":[[108,5]]},"516":{"position":[[107,5]]},"518":{"position":[[108,5]]},"520":{"position":[[104,5]]},"522":{"position":[[105,5]]},"524":{"position":[[105,5]]},"526":{"position":[[105,5]]},"528":{"position":[[105,5]]},"530":{"position":[[105,5]]},"532":{"position":[[103,5]]},"534":{"position":[[101,5]]},"536":{"position":[[104,5]]},"538":{"position":[[104,5]]},"540":{"position":[[104,5]]},"542":{"position":[[103,5]]},"544":{"position":[[103,5]]},"546":{"position":[[103,5]]},"548":{"position":[[108,5]]},"550":{"position":[[103,5]]},"552":{"position":[[105,5]]},"554":{"position":[[104,5]]},"556":{"position":[[105,5]]},"558":{"position":[[105,5]]},"562":{"position":[[112,5],[433,5]]},"578":{"position":[[3914,7]]},"582":{"position":[[4746,7],[6926,7]]},"584":{"position":[[106,5]]},"588":{"position":[[5499,7],[7611,7]]},"612":{"position":[[13507,8],[14448,8],[15731,8]]},"668":{"position":[[28247,8],[48088,8]]}}}],["reduc",{"_index":1531,"t":{"576":{"position":[[1476,7],[1512,7]]}}}],["ref=\"accordion1",{"_index":1212,"t":{"568":{"position":[[11973,17],[18299,17],[20575,17]]}}}],["ref=\"arrivaltimeinput",{"_index":4206,"t":{"662":{"position":[[10119,23]]}}}],["ref=\"autocomplete1",{"_index":3393,"t":{"622":{"position":[[12169,20]]}}}],["ref=\"barchart",{"_index":3005,"t":{"616":{"position":[[4666,15],[9116,15],[10514,15],[12742,15],[14840,15]]}}}],["ref=\"collapse1",{"_index":1540,"t":{"576":{"position":[[1982,17],[2947,16],[4004,16]]}}}],["ref=\"currencyinput",{"_index":3719,"t":{"630":{"position":[[10455,20]]}}}],["ref=\"dateinput",{"_index":3609,"t":{"628":{"position":[[6352,16]]}}}],["ref=\"dialog",{"_index":1597,"t":{"578":{"position":[[1600,13],[2528,13],[4096,13],[4991,13],[5974,13],[6466,13],[7070,13],[7698,13],[8423,13]]}}}],["ref=\"doughnutchart",{"_index":3109,"t":{"618":{"position":[[4040,20],[11277,20]]}}}],["ref=\"dropdown1",{"_index":4134,"t":{"660":{"position":[[23741,17]]}}}],["ref=\"enddateinput",{"_index":3638,"t":{"628":{"position":[[10882,19]]}}}],["ref=\"grid",{"_index":4353,"t":{"668":{"position":[[7486,11],[59130,11],[65817,11],[123924,11],[141300,11],[143789,11]]}}}],["ref=\"lgmod",{"_index":2104,"t":{"588":{"position":[[11833,14],[12838,14]]}}}],["ref=\"linechart",{"_index":3138,"t":{"618":{"position":[[8377,16]]},"620":{"position":[[6703,16],[11205,16],[14066,16]]}}}],["ref=\"mdmod",{"_index":2119,"t":{"588":{"position":[[12704,14]]}}}],["ref=\"mod",{"_index":2063,"t":{"588":{"position":[[3572,12],[4442,12],[6096,12],[7951,12],[8784,12],[9876,12],[10513,12],[12452,12],[14137,12]]}}}],["ref=\"numberinput",{"_index":3492,"t":{"626":{"position":[[7234,18]]}}}],["ref=\"offcanva",{"_index":1798,"t":{"582":{"position":[[2985,17],[3652,16],[5331,16],[7050,16],[7513,16],[11752,16],[15893,16],[20120,16]]}}}],["ref=\"piechart",{"_index":3402,"t":{"624":{"position":[[3753,15],[7696,15],[11651,15]]}}}],["ref=\"progressbar",{"_index":2286,"t":{"596":{"position":[[2389,18],[4631,18]]}}}],["ref=\"rangeinput",{"_index":3741,"t":{"632":{"position":[[2906,17]]}}}],["ref=\"savebutton",{"_index":1490,"t":{"574":{"position":[[7464,17]]}}}],["ref=\"sidebar",{"_index":3903,"t":{"636":{"position":[[7016,14]]},"638":{"position":[[7571,14]]},"640":{"position":[[7540,14]]},"642":{"position":[[6439,14]]},"644":{"position":[[6600,14]]},"650":{"position":[[6480,14]]},"652":{"position":[[638,14]]},"654":{"position":[[643,14]]},"656":{"position":[[6505,14]]},"664":{"position":[[8926,14],[11380,14],[13815,14]]}}}],["ref=\"smmod",{"_index":2107,"t":{"588":{"position":[[11941,14],[12571,14]]}}}],["ref=\"switch1",{"_index":3785,"t":{"634":{"position":[[1798,14]]}}}],["ref=\"tab",{"_index":2862,"t":{"612":{"position":[[9485,11],[11887,12]]}}}],["ref=\"tabsref",{"_index":2917,"t":{"612":{"position":[[14011,15],[15041,15]]}}}],["ref=\"timeinput1",{"_index":4174,"t":{"662":{"position":[[4493,17]]}}}],["ref=\"warningalert",{"_index":1101,"t":{"564":{"position":[[3226,19]]}}}],["ref=\"xlmod",{"_index":2101,"t":{"588":{"position":[[11714,14],[12971,14]]}}}],["ref=\"xxlmod",{"_index":2125,"t":{"588":{"position":[[13109,15]]}}}],["refer",{"_index":102,"t":{"2":{"position":[[2365,11],[2873,10]]},"118":{"position":[[530,11],[1038,10]]},"602":{"position":[[264,9]]},"610":{"position":[[162,6]]},"616":{"position":[[4167,5]]},"618":{"position":[[3536,5]]},"620":{"position":[[6133,5]]},"624":{"position":[[3254,5]]},"636":{"position":[[389,11],[506,11],[1038,10],[1368,10],[1456,11],[1489,10],[1606,10],[1844,9],[2202,9],[2599,9],[2838,9],[3103,11],[5548,9],[8306,10],[8328,10],[8372,10]]},"638":{"position":[[402,11],[911,11],[944,10],[1058,10],[1296,9],[1654,9],[2051,9],[2290,9],[2566,11],[4466,9],[4824,9],[5221,9],[8846,10],[8868,10],[8912,10]]},"640":{"position":[[389,11],[504,11],[1036,10],[1273,11],[1306,10],[1421,10],[1659,9],[2017,9],[2414,9],[2653,9],[2918,11],[5224,9],[5582,9],[5979,9],[8843,10],[8865,10],[8909,10]]},"642":{"position":[[399,11],[513,11],[1050,10],[1287,11],[1320,10],[1440,10],[1678,9],[2036,9],[2433,9],[2676,9],[2953,11],[5067,9],[5151,9],[7737,10],[7759,10],[7803,10]]},"644":{"position":[[399,11],[513,11],[1050,10],[1287,11],[1320,10],[1440,10],[1678,9],[2036,9],[2433,9],[2676,9],[2953,11],[5268,9],[5352,9],[7898,10],[7920,10],[7964,10]]},"646":{"position":[[407,11],[503,11],[931,11],[964,10],[1080,10],[1318,9],[1676,9],[2073,9],[2312,9],[2581,11],[3094,10],[3116,10],[3160,10]]},"648":{"position":[[407,11],[503,11],[931,11],[964,10],[1080,10],[1318,9],[1676,9],[2073,9],[2312,9],[2581,11],[3273,10],[3295,10],[3339,10]]},"650":{"position":[[447,11],[956,11],[989,10],[1103,10],[1341,9],[1699,9],[2096,9],[2335,9],[2611,11],[4217,9],[4575,9],[4972,9],[7734,10],[7756,10],[7800,10]]},"656":{"position":[[399,11],[513,11],[941,11],[974,10],[1094,10],[1332,9],[1690,9],[2087,9],[2330,9],[2607,11],[4472,9],[4830,9],[5227,9],[7594,10],[7616,10],[7660,10]]},"668":{"position":[[43687,6],[67646,10],[68419,10]]}}}],["referrer\"></script",{"_index":3821,"t":{"636":{"position":[[2140,19],[2558,19],[5510,19]]},"638":{"position":[[1592,19],[2010,19],[4762,19],[5180,19]]},"640":{"position":[[1955,19],[2373,19],[5520,19],[5938,19]]},"642":{"position":[[1974,19],[2392,19],[5029,19]]},"644":{"position":[[1974,19],[2392,19],[5230,19]]},"646":{"position":[[1614,19],[2032,19]]},"648":{"position":[[1614,19],[2032,19]]},"650":{"position":[[1637,19],[2055,19],[4513,19],[4931,19]]},"656":{"position":[[1628,19],[2046,19],[4768,19],[5186,19]]}}}],["referrerpolicy=\"no",{"_index":3820,"t":{"636":{"position":[[2121,18],[2539,18],[5491,18]]},"638":{"position":[[1573,18],[1991,18],[4743,18],[5161,18]]},"640":{"position":[[1936,18],[2354,18],[5501,18],[5919,18]]},"642":{"position":[[1955,18],[2373,18],[5010,18]]},"644":{"position":[[1955,18],[2373,18],[5211,18]]},"646":{"position":[[1595,18],[2013,18]]},"648":{"position":[[1595,18],[2013,18]]},"650":{"position":[[1618,18],[2036,18],[4494,18],[4912,18]]},"656":{"position":[[1609,18],[2027,18],[4749,18],[5167,18]]}}}],["refresh",{"_index":551,"t":{"84":{"position":[[198,7]]},"600":{"position":[[882,7]]},"622":{"position":[[1312,7]]},"664":{"position":[[907,7]]},"668":{"position":[[4144,7],[4232,7],[67390,7],[67671,7],[67716,7],[68193,7],[68447,7],[68487,7]]}}}],["refreshdataasync",{"_index":436,"t":{"64":{"position":[[266,18]]},"600":{"position":[[863,18]]},"622":{"position":[[1288,18]]},"664":{"position":[[890,16]]}}}],["refreshdataasync(cancellationtoken",{"_index":4314,"t":{"668":{"position":[[4075,34]]}}}],["regard",{"_index":96,"t":{"2":{"position":[[2262,9],[2675,9]]},"118":{"position":[[427,9],[840,9]]}}}],["regardless",{"_index":1266,"t":{"568":{"position":[[18231,10]]}}}],["region",{"_index":3042,"t":{"616":{"position":[[7933,7]]},"618":{"position":[[6851,7],[13856,7]]},"620":{"position":[[9783,7]]},"624":{"position":[[6420,7],[10099,7],[13589,7]]}}}],["regist",{"_index":3829,"t":{"636":{"position":[[2920,8],[3025,8],[8339,8]]},"638":{"position":[[2372,8],[2477,8],[3027,8],[3132,8],[8879,8],[8960,8]]},"640":{"position":[[2735,8],[2840,8],[8876,8]]},"642":{"position":[[2770,8],[2875,8],[7770,8]]},"644":{"position":[[2770,8],[2875,8],[7931,8]]},"646":{"position":[[2394,8],[2503,8],[3127,8]]},"648":{"position":[[2394,8],[2503,8],[3306,8]]},"650":{"position":[[2417,8],[2522,8],[7767,8]]},"656":{"position":[[2424,8],[2529,8],[7627,8]]},"668":{"position":[[143710,11],[146612,11]]}}}],["regular",{"_index":4015,"t":{"658":{"position":[[3452,7]]}}}],["rel",{"_index":1323,"t":{"572":{"position":[[781,8]]},"574":{"position":[[3213,10]]},"616":{"position":[[2286,8]]},"618":{"position":[[2034,8]]},"620":{"position":[[2170,8]]},"624":{"position":[[1869,8]]}}}],["rel=\"icon",{"_index":3921,"t":{"638":{"position":[[4037,10]]},"640":{"position":[[4387,10]]},"644":{"position":[[4291,10]]},"650":{"position":[[3784,10]]},"656":{"position":[[3737,10]]}}}],["rel=\"stylesheet",{"_index":2785,"t":{"610":{"position":[[360,16]]},"636":{"position":[[603,16],[823,16],[903,16],[1244,16],[3463,16],[4129,16],[4349,16],[4429,16],[4475,16],[4540,16]]},"638":{"position":[[580,16],[800,16],[880,16],[2858,16],[3604,16],[3824,16],[3904,16],[3930,16],[3971,16]]},"640":{"position":[[601,16],[821,16],[901,16],[1242,16],[3276,16],[3950,16],[4170,16],[4250,16],[4296,16],[4361,16]]},"642":{"position":[[610,16],[830,16],[910,16],[1256,16],[3350,16],[3920,16],[4140,16],[4220,16],[4265,16],[4335,16]]},"644":{"position":[[610,16],[830,16],[910,16],[1256,16],[3350,16],[3920,16],[4140,16],[4220,16],[4265,16],[4391,16]]},"646":{"position":[[600,16],[820,16],[900,16],[2879,16]]},"648":{"position":[[600,16],[820,16],[900,16],[2939,16]]},"650":{"position":[[625,16],[845,16],[925,16],[2903,16],[3339,16],[3559,16],[3639,16],[3665,16],[3706,16]]},"656":{"position":[[610,16],[830,16],[910,16],[2936,16],[3366,16],[3586,16],[3666,16],[3692,16],[3847,16]]}}}],["relat",{"_index":2048,"t":{"588":{"position":[[1174,7]]},"590":{"position":[[119,7]]},"600":{"position":[[3847,9]]},"660":{"position":[[17639,7]]},"664":{"position":[[2764,9]]},"668":{"position":[[119252,7]]}}}],["releas",{"_index":15,"t":{"2":{"position":[[101,7],[422,7],[769,7],[1047,7],[1340,7],[1657,7],[3163,7],[3548,7],[3763,7]]},"4":{"position":[[84,8]]},"6":{"position":[[85,8]]},"8":{"position":[[122,8]]},"10":{"position":[[188,8]]},"12":{"position":[[85,8]]},"14":{"position":[[95,7]]},"16":{"position":[[94,7]]},"18":{"position":[[92,7]]},"20":{"position":[[95,7]]},"22":{"position":[[91,7]]},"24":{"position":[[91,7]]},"26":{"position":[[92,7]]},"28":{"position":[[93,7]]},"30":{"position":[[93,7]]},"32":{"position":[[95,7]]},"34":{"position":[[96,7]]},"36":{"position":[[96,7]]},"38":{"position":[[95,7]]},"40":{"position":[[94,7]]},"42":{"position":[[95,7]]},"44":{"position":[[96,7]]},"46":{"position":[[96,7]]},"48":{"position":[[96,7]]},"50":{"position":[[96,7]]},"52":{"position":[[96,7]]},"54":{"position":[[95,7]]},"56":{"position":[[95,7]]},"58":{"position":[[96,7]]},"60":{"position":[[95,7]]},"62":{"position":[[95,7]]},"64":{"position":[[96,7]]},"66":{"position":[[96,7]]},"68":{"position":[[92,7]]},"70":{"position":[[93,7]]},"72":{"position":[[93,7]]},"74":{"position":[[93,7]]},"76":{"position":[[93,7]]},"78":{"position":[[93,7]]},"80":{"position":[[89,7]]},"82":{"position":[[92,7]]},"84":{"position":[[92,7]]},"86":{"position":[[91,7]]},"88":{"position":[[92,7]]},"90":{"position":[[91,7]]},"92":{"position":[[91,7]]},"94":{"position":[[91,7]]},"96":{"position":[[92,7]]},"98":{"position":[[91,7]]},"100":{"position":[[95,7]]},"102":{"position":[[93,7]]},"104":{"position":[[98,7]]},"106":{"position":[[96,7]]},"108":{"position":[[97,7]]},"110":{"position":[[94,7]]},"112":{"position":[[96,7]]},"114":{"position":[[95,7]]},"116":{"position":[[96,7]]},"120":{"position":[[93,7]]},"122":{"position":[[93,7]]},"124":{"position":[[99,7]]},"126":{"position":[[93,7]]},"128":{"position":[[101,7]]},"132":{"position":[[97,7],[371,7],[655,7],[1084,7],[1330,7],[1622,7],[1907,7],[2159,7],[2378,7],[2598,7]]},"134":{"position":[[92,7],[430,7],[688,7],[987,7],[1239,7],[1675,7],[1920,7],[2168,7],[2438,7],[2772,7]]},"136":{"position":[[92,7],[439,7],[687,7],[936,7],[1185,7],[1634,7],[1944,7],[2213,7],[2502,7],[2761,7]]},"138":{"position":[[96,7],[502,7],[815,7],[1155,7],[1470,7],[1732,7],[2003,7],[2277,7],[2475,7],[2679,7]]},"140":{"position":[[93,7],[277,7],[474,7],[669,7],[867,7],[1068,7],[1298,7],[1490,8],[1729,7],[1992,8]]},"144":{"position":[[84,8],[275,8],[506,8]]},"146":{"position":[[128,8]]},"148":{"position":[[143,7],[530,7],[953,7],[1389,7],[1661,7],[2111,7],[2400,7],[2674,7],[2872,7]]},"150":{"position":[[136,7],[518,7]]},"152":{"position":[[139,7]]},"154":{"position":[[145,7],[466,7],[813,7],[1091,7],[1384,7],[1701,7],[1973,7],[2358,7],[2573,7],[2858,7]]},"156":{"position":[[145,7],[494,7],[775,7]]},"158":{"position":[[152,7]]},"160":{"position":[[148,7]]},"162":{"position":[[149,7],[408,7],[737,7],[1143,7],[1456,7]]},"164":{"position":[[154,7],[560,7]]},"166":{"position":[[145,7]]},"168":{"position":[[155,7]]},"170":{"position":[[146,7],[552,7]]},"172":{"position":[[144,7],[393,7],[642,7]]},"174":{"position":[[153,7]]},"176":{"position":[[151,7]]},"178":{"position":[[152,7]]},"180":{"position":[[153,7]]},"182":{"position":[[154,7]]},"184":{"position":[[146,7]]},"186":{"position":[[147,7]]},"188":{"position":[[153,7]]},"190":{"position":[[149,7]]},"192":{"position":[[150,7]]},"194":{"position":[[148,7]]},"196":{"position":[[148,7]]},"198":{"position":[[147,7],[553,7]]},"200":{"position":[[150,7]]},"202":{"position":[[147,7],[553,7]]},"204":{"position":[[157,7]]},"206":{"position":[[145,7]]},"208":{"position":[[152,7]]},"210":{"position":[[149,7]]},"212":{"position":[[146,7]]},"214":{"position":[[146,7],[393,7]]},"216":{"position":[[136,7],[394,7],[693,7],[945,7],[1381,7],[1626,7],[1874,7],[2144,7],[2478,7],[2891,7]]},"218":{"position":[[140,7],[424,7],[853,7],[1099,7],[1391,7],[1676,7],[1928,7],[2147,7],[2367,7],[2674,7]]},"220":{"position":[[140,7],[453,7]]},"222":{"position":[[140,7],[388,7],[637,7],[886,7],[1335,7],[1645,7],[1914,7],[2203,7],[2462,7],[2791,7]]},"224":{"position":[[153,7],[576,7],[1012,7],[1285,7]]},"226":{"position":[[146,7]]},"228":{"position":[[154,7],[475,7],[822,7],[1100,7],[1393,7],[1710,7],[1982,7],[2367,7],[2582,7],[2867,7]]},"230":{"position":[[142,7]]},"232":{"position":[[166,7]]},"234":{"position":[[145,7],[403,7],[702,7],[954,7],[1390,7],[1635,7],[1883,7],[2153,7],[2487,7],[2900,7]]},"236":{"position":[[149,7],[397,7],[646,7],[895,7],[1344,7],[1654,7],[1923,7],[2212,7],[2471,7],[2800,7]]},"238":{"position":[[149,7],[462,7],[802,7],[1117,7],[1379,7],[1650,7],[1924,7],[2122,7],[2326,7],[2530,7]]},"240":{"position":[[149,7],[433,7],[862,7],[1108,7],[1400,7],[1685,7],[1937,7],[2156,7],[2376,7],[2683,7]]},"242":{"position":[[138,8],[369,8]]},"244":{"position":[[144,7],[341,7],[536,7],[734,7],[935,7],[1165,7],[1357,8],[1596,7],[1859,8],[1991,8]]},"246":{"position":[[145,7]]},"248":{"position":[[141,7],[442,7]]},"250":{"position":[[143,7],[388,7],[657,7]]},"252":{"position":[[147,7]]},"254":{"position":[[155,7]]},"256":{"position":[[145,7]]},"258":{"position":[[151,7]]},"260":{"position":[[145,7],[581,7],[832,7]]},"262":{"position":[[141,7]]},"264":{"position":[[145,7]]},"266":{"position":[[144,7],[441,7],[877,7],[1290,7]]},"268":{"position":[[148,7]]},"270":{"position":[[146,7],[559,7]]},"272":{"position":[[143,7],[389,7],[681,7],[966,7],[1186,7],[1444,7],[1743,7],[1995,7],[2431,7],[2676,7]]},"274":{"position":[[144,7],[393,7],[642,7]]},"276":{"position":[[143,7],[421,7]]},"278":{"position":[[146,7]]},"280":{"position":[[146,7],[399,7]]},"282":{"position":[[146,7],[572,7],[857,7],[1109,7],[1330,7],[1669,7],[2082,7],[2428,7]]},"284":{"position":[[141,7],[577,7],[990,7]]},"286":{"position":[[148,7],[577,7]]},"288":{"position":[[144,7]]},"290":{"position":[[138,7],[577,7]]},"292":{"position":[[140,7]]},"294":{"position":[[144,7]]},"296":{"position":[[141,7]]},"298":{"position":[[147,7]]},"300":{"position":[[144,7],[427,7],[863,7]]},"302":{"position":[[141,7],[483,7]]},"304":{"position":[[140,7]]},"306":{"position":[[148,7],[573,7]]},"308":{"position":[[141,7],[434,7],[751,7],[1023,7],[1408,7],[1623,7],[1908,7],[2182,7],[2466,7],[2895,7]]},"310":{"position":[[148,7],[469,7],[816,7],[1094,7],[1387,7],[1704,7],[1976,7],[2361,7],[2576,7],[2861,7]]},"312":{"position":[[143,7],[592,7]]},"314":{"position":[[143,7],[427,7],[856,7],[1102,7],[1394,7],[1679,7],[1931,7],[2150,7],[2370,7],[2677,7]]},"316":{"position":[[137,7],[573,7],[818,7],[1066,7],[1336,7],[1670,7],[2083,7],[2430,7],[2678,7],[2927,7]]},"318":{"position":[[139,7]]},"320":{"position":[[139,7],[397,7],[696,7],[948,7],[1384,7],[1629,7],[1877,7],[2147,7],[2481,7],[2894,7]]},"322":{"position":[[143,7],[391,7],[640,7],[889,7],[1338,7]]},"324":{"position":[[146,7]]},"326":{"position":[[141,7]]},"328":{"position":[[137,7],[382,7],[651,7]]},"330":{"position":[[142,7],[492,7],[762,7],[1063,7],[1397,7]]},"332":{"position":[[141,7],[433,7],[718,7],[970,7],[1189,7],[1409,7],[1716,7],[2054,7],[2312,7],[2611,7]]},"334":{"position":[[144,7],[461,7],[746,7]]},"336":{"position":[[143,7],[490,7],[807,7],[1081,7]]},"338":{"position":[[139,7]]},"340":{"position":[[143,7]]},"342":{"position":[[143,7],[421,7],[719,7]]},"344":{"position":[[147,7]]},"346":{"position":[[143,7],[453,7],[889,7]]},"348":{"position":[[145,7]]},"350":{"position":[[139,7]]},"352":{"position":[[134,7]]},"354":{"position":[[138,7],[435,7],[871,7],[1284,7]]},"356":{"position":[[140,7],[553,7]]},"358":{"position":[[139,7]]},"360":{"position":[[135,7],[519,7],[804,7],[1078,7],[1362,7],[1792,7],[1990,7]]},"362":{"position":[[144,7],[494,7]]},"364":{"position":[[135,7],[340,7]]},"366":{"position":[[133,7],[353,7],[611,7],[910,7],[1162,7],[1598,7],[1843,7],[2260,7],[2509,7],[2759,7]]},"368":{"position":[[143,7],[464,7],[811,7],[1089,7],[1404,7],[1788,7],[2073,7],[2346,7],[2592,7],[2884,7]]},"370":{"position":[[138,7]]},"372":{"position":[[134,7],[438,7]]},"374":{"position":[[144,7]]},"376":{"position":[[137,7],[415,7]]},"378":{"position":[[139,7]]},"380":{"position":[[146,7]]},"382":{"position":[[141,7]]},"384":{"position":[[143,7]]},"386":{"position":[[141,7],[451,7]]},"388":{"position":[[138,7],[444,7],[644,7]]},"390":{"position":[[142,7],[491,7],[776,7],[1052,7],[1478,7],[1763,7],[2015,7],[2236,7],[2575,7],[2988,7]]},"392":{"position":[[142,7]]},"394":{"position":[[147,7],[572,7],[825,7]]},"396":{"position":[[153,7]]},"398":{"position":[[135,7],[571,7],[984,7],[1326,7],[1526,7]]},"400":{"position":[[139,7],[432,7],[747,7],[1132,7]]},"402":{"position":[[142,7]]},"404":{"position":[[140,7],[335,7],[533,7]]},"406":{"position":[[137,7],[398,7]]},"408":{"position":[[145,7]]},"410":{"position":[[144,7]]},"412":{"position":[[140,7],[455,7]]},"414":{"position":[[142,7],[489,7]]},"416":{"position":[[145,7],[466,7],[818,7],[1247,7]]},"418":{"position":[[143,7]]},"420":{"position":[[141,7]]},"422":{"position":[[146,7],[467,7],[814,7]]},"424":{"position":[[140,7],[407,7]]},"426":{"position":[[140,7]]},"428":{"position":[[134,7],[428,7],[809,7]]},"430":{"position":[[141,7]]},"432":{"position":[[137,7],[416,7]]},"434":{"position":[[138,7],[421,7],[857,7]]},"436":{"position":[[135,7],[477,7],[724,7],[1039,7]]},"438":{"position":[[141,7]]},"440":{"position":[[166,8]]},"442":{"position":[[137,7],[456,7],[881,7]]},"444":{"position":[[129,8]]},"446":{"position":[[128,8]]},"448":{"position":[[232,8]]},"450":{"position":[[139,7]]},"452":{"position":[[129,8]]},"454":{"position":[[139,7]]},"456":{"position":[[138,7]]},"458":{"position":[[136,7]]},"460":{"position":[[136,7]]},"462":{"position":[[135,7]]},"464":{"position":[[135,7]]},"466":{"position":[[137,7]]},"468":{"position":[[139,7]]},"470":{"position":[[137,7]]},"472":{"position":[[140,7]]},"474":{"position":[[139,7]]},"476":{"position":[[139,7]]},"478":{"position":[[140,7]]},"480":{"position":[[140,7]]},"482":{"position":[[140,7]]},"484":{"position":[[140,7]]},"486":{"position":[[138,7]]},"488":{"position":[[140,7]]},"490":{"position":[[143,7]]},"492":{"position":[[142,7]]},"494":{"position":[[139,7]]},"496":{"position":[[141,7]]},"498":{"position":[[140,7]]},"500":{"position":[[140,7]]},"502":{"position":[[141,7]]},"504":{"position":[[140,7]]},"506":{"position":[[140,7]]},"508":{"position":[[139,7]]},"510":{"position":[[139,7]]},"512":{"position":[[139,7]]},"514":{"position":[[140,7]]},"516":{"position":[[139,7]]},"518":{"position":[[140,7]]},"520":{"position":[[136,7]]},"522":{"position":[[137,7]]},"524":{"position":[[137,7]]},"526":{"position":[[137,7]]},"528":{"position":[[137,7]]},"530":{"position":[[137,7]]},"532":{"position":[[135,7]]},"534":{"position":[[133,7]]},"536":{"position":[[136,7]]},"538":{"position":[[136,7]]},"540":{"position":[[136,7]]},"542":{"position":[[135,7]]},"544":{"position":[[135,7]]},"546":{"position":[[135,7]]},"548":{"position":[[140,7]]},"550":{"position":[[135,7]]},"552":{"position":[[137,7]]},"554":{"position":[[136,7]]},"556":{"position":[[137,7]]},"558":{"position":[[137,7]]},"562":{"position":[[144,7],[465,7]]},"584":{"position":[[138,7]]},"602":{"position":[[12687,9]]},"668":{"position":[[58898,9]]}}}],["relev",{"_index":1544,"t":{"576":{"position":[[2144,8],[4311,8]]}}}],["reli",{"_index":4249,"t":{"666":{"position":[[149,7]]}}}],["reload",{"_index":3867,"t":{"636":{"position":[[4799,9]]},"640":{"position":[[4727,9]]}}}],["remov",{"_index":131,"t":{"2":{"position":[[2861,7]]},"42":{"position":[[281,8]]},"118":{"position":[[1026,7]]},"124":{"position":[[1265,8],[1311,8]]},"564":{"position":[[555,8],[3634,7]]},"568":{"position":[[431,7],[6079,6]]},"588":{"position":[[3171,6]]},"598":{"position":[[2390,7],[2454,7]]},"602":{"position":[[2169,7],[4740,6],[5071,6],[7839,6]]},"606":{"position":[[3214,8]]},"612":{"position":[[604,7],[668,7],[14695,6],[16454,6]]},"636":{"position":[[3088,6],[3197,6],[3399,6],[3522,6],[8357,6]]},"638":{"position":[[2551,6],[2652,6],[2794,6],[8897,6]]},"640":{"position":[[2903,6],[3012,6],[3214,6],[3335,6],[8894,6]]},"642":{"position":[[2938,6],[3047,6],[3249,6],[3370,6],[7788,6]]},"644":{"position":[[2938,6],[3047,6],[3249,6],[3370,6],[7949,6]]},"646":{"position":[[2566,6],[2675,6],[2817,6],[3145,6]]},"648":{"position":[[2566,6],[2675,6],[2877,6],[2998,6],[3324,6]]},"650":{"position":[[2596,6],[2697,6],[2839,6],[7785,6]]},"652":{"position":[[507,6]]},"654":{"position":[[512,6]]},"656":{"position":[[2592,6],[2693,6],[2835,6],[7645,6]]},"668":{"position":[[78460,7],[87765,7]]}}}],["removecustomer(custom",{"_index":2928,"t":{"612":{"position":[[15975,23]]}}}],["removecustomer(customer)\">remov",{"_index":2927,"t":{"612":{"position":[[15422,32]]}}}],["removetabbyindex(int",{"_index":2332,"t":{"598":{"position":[[2359,20]]},"612":{"position":[[573,20]]}}}],["removetabbyname(str",{"_index":2333,"t":{"598":{"position":[[2422,22]]},"612":{"position":[[636,22]]}}}],["renam",{"_index":203,"t":{"10":{"position":[[289,7],[433,7],[537,7]]},"12":{"position":[[219,7]]},"34":{"position":[[459,7],[500,7]]},"124":{"position":[[907,7],[1434,7],[1476,7]]}}}],["rename.png",{"_index":2421,"t":{"598":{"position":[[8948,11]]}}}],["render",{"_index":394,"t":{"54":{"position":[[205,6],[346,8]]},"68":{"position":[[361,6],[502,8]]},"70":{"position":[[323,6]]},"564":{"position":[[311,8]]},"566":{"position":[[276,8]]},"568":{"position":[[368,8],[470,6],[2042,8],[6117,6]]},"570":{"position":[[247,6]]},"572":{"position":[[246,8]]},"574":{"position":[[422,8]]},"576":{"position":[[280,8]]},"578":{"position":[[2135,6],[2285,8]]},"580":{"position":[[499,8],[836,8],[1017,8],[1197,8],[1378,8],[1631,8],[2067,8],[2323,8],[2503,8],[10621,6]]},"582":{"position":[[3343,6],[3488,8],[5049,9]]},"586":{"position":[[429,8]]},"588":{"position":[[4141,6],[4282,8],[5818,9]]},"592":{"position":[[528,8]]},"596":{"position":[[342,8]]},"598":{"position":[[262,8],[560,8],[980,8],[1166,8],[1420,8]]},"602":{"position":[[633,8],[992,6],[1507,6]]},"608":{"position":[[262,8]]},"612":{"position":[[249,8],[1708,8]]},"620":{"position":[[4152,9]]},"636":{"position":[[4597,6]]},"638":{"position":[[112,6],[3274,6]]},"640":{"position":[[4474,6],[4554,6]]},"650":{"position":[[114,6],[3037,6]]},"660":{"position":[[572,8],[1168,8],[1436,8],[1806,8],[2096,8],[2349,8]]},"668":{"position":[[913,8],[1092,7],[1465,6],[1768,7],[3041,7],[4399,8],[63153,6],[63205,6],[65478,6],[65530,6],[87808,8]]}}}],["renderbodi",{"_index":3862,"t":{"636":{"position":[[4647,13]]}}}],["renderfrag",{"_index":1029,"t":{"564":{"position":[[261,15]]},"566":{"position":[[221,15]]},"568":{"position":[[314,14],[1988,14],[2187,14]]},"572":{"position":[[192,14]]},"574":{"position":[[368,14],[695,14]]},"576":{"position":[[226,14]]},"580":{"position":[[445,14],[782,14],[963,14],[1143,14],[1324,14],[1577,14],[2013,14],[2269,14],[2449,14]]},"582":{"position":[[317,14],[542,14],[685,14]]},"586":{"position":[[374,15]]},"588":{"position":[[316,14],[724,14],[976,14]]},"592":{"position":[[474,14]]},"596":{"position":[[288,14]]},"598":{"position":[[208,14],[506,14],[772,14],[925,15],[1111,15],[1365,15]]},"602":{"position":[[579,14],[946,14],[1566,14]]},"608":{"position":[[208,14]]},"612":{"position":[[195,14],[1654,14],[1920,14]]},"660":{"position":[[518,14],[1114,14],[1382,14],[1752,14],[2042,14],[2295,14]]},"668":{"position":[[859,14],[1430,14],[4345,14],[5516,14]]}}}],["renderfragment<titem",{"_index":2523,"t":{"602":{"position":[[1445,22]]}}}],["rendermode=\"@interactiveauto",{"_index":3925,"t":{"638":{"position":[[4099,30],[4156,30]]}}}],["rendermode=\"@interactiveserv",{"_index":3989,"t":{"650":{"position":[[3846,32],[3905,32]]}}}],["reorder",{"_index":2509,"t":{"602":{"position":[[165,10]]}}}],["repeat",{"_index":2090,"t":{"588":{"position":[[8973,9],[10730,9]]},"608":{"position":[[1441,6]]}}}],["repeatedli",{"_index":2647,"t":{"604":{"position":[[1472,10]]}}}],["replac",{"_index":1395,"t":{"572":{"position":[[6931,7]]},"600":{"position":[[6375,7]]},"652":{"position":[[446,7]]},"654":{"position":[[451,7]]},"664":{"position":[[6553,7]]}}}],["repo",{"_index":3844,"t":{"636":{"position":[[3672,5]]},"638":{"position":[[3220,5]]},"640":{"position":[[3485,5]]},"642":{"position":[[3519,5]]},"644":{"position":[[3519,5]]},"650":{"position":[[2983,5]]},"656":{"position":[[2981,5]]}}}],["repres",{"_index":2942,"t":{"616":{"position":[[109,9],[4584,9]]},"618":{"position":[[3953,9]]},"620":{"position":[[262,10],[328,10],[6550,9]]},"624":{"position":[[3671,9]]}}}],["represent",{"_index":3196,"t":{"620":{"position":[[116,14]]}}}],["request",{"_index":2449,"t":{"600":{"position":[[2030,8],[4129,8],[7020,8],[10014,8],[13012,8],[15744,8]]},"610":{"position":[[4076,9],[4130,8]]},"622":{"position":[[2641,8],[4512,8],[6116,8],[7137,8],[9899,8],[11376,8],[12870,8]]},"636":{"position":[[6127,7],[7679,8]]},"638":{"position":[[5841,7],[8061,8]]},"640":{"position":[[6651,7],[8203,8]]},"642":{"position":[[7102,8]]},"644":{"position":[[7263,8]]},"650":{"position":[[5523,7],[6970,8]]},"652":{"position":[[1177,8]]},"654":{"position":[[1182,8]]},"656":{"position":[[6995,8]]},"664":{"position":[[1981,8],[3082,8],[4914,8],[7173,8],[9526,8],[11999,8],[14429,8],[16820,8],[19303,8],[22606,8],[24533,8]]},"668":{"position":[[9569,8],[12069,8],[14729,8],[17149,8],[18760,8],[21902,8],[24584,8],[27861,8],[32352,8],[34438,8],[37086,8],[39662,8],[42278,8],[44866,8],[47702,8],[51039,8],[58475,8],[60507,8],[69874,8],[73298,8],[76410,8],[79841,8],[83022,8],[86048,8],[89543,8],[93703,8],[96580,8],[99375,8],[104720,8],[113153,8],[115373,8],[117840,8],[121860,8],[125769,8],[129265,8],[131918,8],[134608,8],[137413,8],[139426,8],[142194,8],[144846,8]]}}}],["request.cancellationtoken",{"_index":3348,"t":{"622":{"position":[[6195,27],[11460,27],[12954,27]]},"668":{"position":[[32821,27],[129732,27],[132385,27],[135075,27],[137880,27]]}}}],["request.pagenumb",{"_index":4536,"t":{"668":{"position":[[32756,19],[129667,19],[132320,19],[135010,19],[137815,19]]}}}],["request.pages",{"_index":4537,"t":{"668":{"position":[[32776,17],[129687,17],[132340,17],[135030,17],[137835,17]]}}}],["request.sort",{"_index":4530,"t":{"668":{"position":[[32440,16],[129353,16],[132006,16],[134696,16],[137501,16]]}}}],["request.sorting.ani",{"_index":4531,"t":{"668":{"position":[[32472,22],[129385,22],[132038,22],[134728,22],[137533,22]]}}}],["request.sorting.firstordefault()!.sortdirect",{"_index":4534,"t":{"668":{"position":[[32634,48]]}}}],["request.sorting.firstordefault()!.sortstr",{"_index":4533,"t":{"668":{"position":[[32572,45]]}}}],["request.sorting.firstordefault().sortdirect",{"_index":5157,"t":{"668":{"position":[[129546,47],[132199,47],[134889,47],[137694,47]]}}}],["request.sorting.firstordefault().sortstr",{"_index":5156,"t":{"668":{"position":[[129485,44],[132138,44],[134828,44],[137633,44]]}}}],["requir",{"_index":978,"t":{"560":{"position":[[227,8]]},"564":{"position":[[213,8]]},"566":{"position":[[173,8]]},"568":{"position":[[174,8],[1890,8]]},"572":{"position":[[144,8]]},"574":{"position":[[198,8]]},"576":{"position":[[178,8]]},"580":{"position":[[397,8],[734,8],[915,8],[1095,8],[1276,8],[1529,8],[1965,8],[2221,8],[2401,8]]},"582":{"position":[[205,8]]},"586":{"position":[[223,8],[508,8]]},"588":{"position":[[204,8]]},"590":{"position":[[195,8]]},"592":{"position":[[426,8]]},"594":{"position":[[186,8]]},"596":{"position":[[240,8],[552,8]]},"598":{"position":[[160,8],[408,8],[877,8],[1063,8],[1317,8]]},"600":{"position":[[234,8],[991,8]]},"602":{"position":[[429,8]]},"604":{"position":[[175,8]]},"606":{"position":[[620,8],[1153,8],[1798,8],[1832,7],[11741,12]]},"608":{"position":[[164,8]]},"610":{"position":[[410,8]]},"612":{"position":[[147,8],[1556,8],[2021,9]]},"614":{"position":[[225,8]]},"616":{"position":[[267,8],[1398,8],[1661,8],[3352,8],[3591,8]]},"618":{"position":[[363,8],[1494,8],[1767,8],[2966,8],[3223,8]]},"620":{"position":[[412,8],[1543,8],[1808,8],[5317,8],[5556,8]]},"622":{"position":[[261,8],[10379,10],[10431,10]]},"624":{"position":[[208,8],[1339,8],[1602,8],[2699,8],[2946,8]]},"626":{"position":[[223,8],[7889,8],[10567,12],[10837,12]]},"628":{"position":[[336,8],[7079,8],[8812,12],[8908,12],[12649,12],[12738,12],[12827,12]]},"630":{"position":[[215,8],[11125,8],[13932,12],[14201,12]]},"632":{"position":[[162,8],[872,8]]},"634":{"position":[[185,8]]},"658":{"position":[[347,8]]},"660":{"position":[[274,8],[1066,8],[1334,8],[1704,8],[1994,8],[2177,8],[18816,8],[21488,12],[21758,12]]},"662":{"position":[[340,8],[5196,8],[8075,12],[8170,12],[8269,12],[8366,12],[8461,12],[11900,12],[11997,12]]},"664":{"position":[[242,8],[1014,8]]},"666":{"position":[[231,8]]},"668":{"position":[[220,8],[3279,8],[4297,8],[5932,8],[7119,8],[7375,9],[12228,9],[14898,9],[20860,8],[23432,8],[33041,8],[36086,9],[67398,8],[67731,8],[68204,9],[68507,9]]}}}],["required(errormessag",{"_index":3531,"t":{"626":{"position":[[10535,22],[10804,22]]},"628":{"position":[[8773,22],[8868,22],[12611,22],[12701,22],[12792,22]]},"630":{"position":[[13900,22],[14168,22]]},"660":{"position":[[21456,22],[21725,22]]},"662":{"position":[[8035,22],[8129,22],[8228,22],[8327,22],[8422,22],[11859,22],[11958,22]]}}}],["research",{"_index":5029,"t":{"668":{"position":[[64126,8],[64845,8]]}}}],["reset",{"_index":458,"t":{"70":{"position":[[207,5]]},"564":{"position":[[3795,5]]},"622":{"position":[[1367,6]]},"668":{"position":[[4201,5]]}}}],["resetasync",{"_index":3264,"t":{"622":{"position":[[1349,12]]}}}],["resetform",{"_index":3530,"t":{"626":{"position":[[10439,11]]},"628":{"position":[[8677,11],[12488,11]]},"630":{"position":[[13804,11]]},"660":{"position":[[21360,11]]},"662":{"position":[[7930,11],[11754,11]]}}}],["resetpagenumb",{"_index":428,"t":{"62":{"position":[[208,17]]},"668":{"position":[[4173,17]]}}}],["resetprogressbar",{"_index":2295,"t":{"596":{"position":[[3137,18]]}}}],["resiz",{"_index":2960,"t":{"616":{"position":[[1238,6]]},"618":{"position":[[1334,6]]},"620":{"position":[[1383,6]]},"624":{"position":[[1179,6]]}}}],["resizeasync(int",{"_index":2959,"t":{"616":{"position":[[1145,15]]},"618":{"position":[[1241,15]]},"620":{"position":[[1290,15]]},"624":{"position":[[1086,15]]}}}],["respect",{"_index":124,"t":{"2":{"position":[[2767,7]]},"118":{"position":[[932,7]]},"592":{"position":[[1250,13]]}}}],["respond",{"_index":3866,"t":{"636":{"position":[[4785,7]]},"640":{"position":[[4713,7]]}}}],["respons",{"_index":129,"t":{"2":{"position":[[2826,11]]},"30":{"position":[[515,10]]},"118":{"position":[[991,11]]},"574":{"position":[[5483,10],[5716,10]]},"592":{"position":[[373,8]]},"600":{"position":[[134,10]]},"614":{"position":[[92,10],[467,11],[623,11]]},"616":{"position":[[4040,10],[4079,11],[6039,10]]},"618":{"position":[[3454,10],[3493,11]]},"620":{"position":[[6006,10],[6045,11],[7926,10]]},"624":{"position":[[3172,10],[3211,11]]},"664":{"position":[[124,10]]},"668":{"position":[[2708,10],[2778,11]]}}}],["responsive=\"tru",{"_index":4357,"t":{"668":{"position":[[7630,18],[10086,18],[12517,18],[15130,18],[17581,18],[21098,18],[23854,18],[26416,18],[30701,18],[46295,17],[46483,18],[59326,17],[68929,17],[72309,18],[75468,18],[78657,18],[82031,18],[85057,18],[88552,18],[92712,18],[95571,18],[98739,18],[101417,18],[102248,18],[103065,18],[103896,18],[106111,18],[107131,18],[108149,18],[109169,18],[110183,18],[111197,18],[112221,18],[114488,18],[116955,18],[119819,18],[124064,17],[127546,17],[130067,17],[132757,17],[135481,17],[138494,18],[141435,18],[143924,18]]}}}],["restrict",{"_index":489,"t":{"74":{"position":[[293,8],[477,8]]},"626":{"position":[[540,8],[595,9],[3613,8]]},"628":{"position":[[579,8],[634,9],[3144,8],[9431,8],[9545,10],[9623,8],[13060,8]]},"630":{"position":[[620,8],[675,9],[7518,8]]},"632":{"position":[[3374,8]]},"662":{"position":[[583,8],[638,9],[2316,8],[8982,8],[9096,10],[9174,8],[12223,8]]}}}],["result",{"_index":4535,"t":{"668":{"position":[[32689,6],[129600,6],[132253,6],[134943,6],[137748,6]]}}}],["result.item1",{"_index":4539,"t":{"668":{"position":[[32925,13],[129836,13],[132489,13],[135179,13],[137984,13]]}}}],["result.item2",{"_index":4540,"t":{"668":{"position":[[32952,12],[129863,12],[132516,12],[135206,12],[138011,12]]}}}],["return",{"_index":1573,"t":{"578":{"position":[[173,6]]},"582":{"position":[[1410,7],[1569,7],[1791,6]]},"588":{"position":[[2095,6]]},"592":{"position":[[659,6]]},"600":{"position":[[2113,6],[3737,6],[4212,6],[6313,6],[7103,6],[9328,6],[10097,6],[12322,6],[13095,6],[15320,6],[15827,6],[17451,6]]},"606":{"position":[[7934,6]]},"616":{"position":[[598,6],[6442,7],[7053,7],[7086,7],[7318,7],[7349,7],[8172,6],[8335,6],[8729,6],[8930,6],[9001,6]]},"618":{"position":[[694,6],[5518,7],[6177,7],[6398,7],[6459,7],[7095,6],[7197,6],[7479,6],[7674,6],[7899,6],[12726,7],[13403,7],[13464,7],[14294,6],[14396,6],[14678,6],[14873,6],[15098,6]]},"620":{"position":[[743,6],[8331,7],[8951,7],[9186,7],[10023,6],[10188,6],[10774,6],[10975,6],[11046,6]]},"622":{"position":[[1168,7],[2814,6],[2964,6],[4685,6],[4835,6],[6235,6],[7310,6],[7460,6],[9991,6],[11500,6],[12994,6]]},"624":{"position":[[539,6],[5176,7],[5790,7],[5996,7],[6057,7],[6659,6],[6751,6],[7033,6],[7228,6],[7453,6],[9090,7],[9675,7],[9736,7],[10530,6],[10622,6],[10904,6],[11099,6],[11324,6],[13828,6],[13920,6],[14202,6],[14397,6],[14622,6]]},"628":{"position":[[12017,7]]},"634":{"position":[[472,6]]},"636":{"position":[[7738,6],[8179,6]]},"638":{"position":[[8120,6],[8559,6]]},"640":{"position":[[8262,6],[8703,6]]},"642":{"position":[[7161,6],[7602,6]]},"644":{"position":[[7322,6],[7763,6]]},"650":{"position":[[7029,6],[7468,6]]},"652":{"position":[[1236,6],[1677,6]]},"654":{"position":[[1241,6],[1682,6]]},"656":{"position":[[7054,6],[7493,6]]},"658":{"position":[[243,6]]},"662":{"position":[[11262,7]]},"664":{"position":[[2040,6],[2652,6],[3141,6],[4567,6],[4973,6],[6491,6],[7232,6],[8750,6],[9585,6],[11103,6],[12058,6],[13576,6],[14488,6],[16006,6],[16879,6],[18397,6],[19362,6],[20880,6],[22665,6],[24133,6],[24592,6],[25204,6]]},"668":{"position":[[1127,6],[1803,6],[3076,6],[3981,6],[9580,6],[12080,6],[14740,6],[17160,6],[18951,6],[19059,6],[20749,6],[22093,6],[22201,6],[24775,6],[24883,6],[28052,6],[28160,6],[32849,6],[34629,6],[34737,6],[37277,6],[37385,6],[39853,6],[39961,6],[42469,6],[42577,6],[45057,6],[45165,6],[47893,6],[48001,6],[51074,6],[58510,6],[60698,6],[60846,7],[61328,6],[61435,6],[61449,6],[61516,6],[68068,6],[70065,6],[70188,6],[70252,6],[70276,6],[70347,6],[73489,6],[73597,6],[76601,6],[76709,6],[80086,6],[80194,6],[83267,6],[83375,6],[84684,6],[86293,6],[86401,6],[87710,6],[89734,6],[89842,6],[91081,6],[91220,6],[91434,6],[93948,6],[94056,6],[95365,6],[96771,6],[96879,6],[99566,6],[99674,6],[104911,6],[105019,6],[113344,6],[113452,6],[115564,6],[115672,6],[118031,6],[118139,6],[121697,6],[122051,6],[122159,6],[125960,6],[126068,6],[129760,6],[132413,6],[135103,6],[137908,6],[139617,6],[139725,6],[142373,6],[142468,6],[145025,6],[145120,6]]}}}],["reveal",{"_index":1543,"t":{"576":{"position":[[2107,8],[4274,8]]}}}],["revers",{"_index":3769,"t":{"634":{"position":[[327,7],[2204,8],[2265,7],[3010,7]]}}}],["reverse=\"tru",{"_index":3790,"t":{"634":{"position":[[2350,14]]}}}],["rgb",{"_index":4244,"t":{"664":{"position":[[21804,4]]}}}],["rgb(0,0,0",{"_index":4236,"t":{"664":{"position":[[21277,11],[21584,11]]}}}],["rgb(194,192,192",{"_index":4235,"t":{"664":{"position":[[21228,17],[21695,17]]}}}],["rgb(255,255,255",{"_index":4239,"t":{"664":{"position":[[21443,17]]}}}],["rgb),0.08",{"_index":4248,"t":{"664":{"position":[[22112,11],[22219,11]]}}}],["rgb),0.9",{"_index":4247,"t":{"664":{"position":[[21905,10],[22006,10]]}}}],["rgba(0",{"_index":3206,"t":{"620":{"position":[[3297,8],[3402,8]]},"668":{"position":[[91548,7],[91613,7],[91726,7]]}}}],["rgba(0,0,0,0.08",{"_index":4234,"t":{"664":{"position":[[21175,17],[21642,17]]}}}],["rgba(0,0,0,0.9",{"_index":4243,"t":{"664":{"position":[[21747,16]]}}}],["rgba(234",{"_index":4232,"t":{"664":{"position":[[21112,9]]}}}],["rgba(25,135,84,var",{"_index":4240,"t":{"664":{"position":[[21504,19]]}}}],["rgba(var",{"_index":4246,"t":{"664":{"position":[[21856,9],[21957,9],[22063,9],[22170,9]]}}}],["rhoncu",{"_index":1981,"t":{"582":{"position":[[10970,7],[15211,7],[19352,7]]}}}],["ribbon",{"_index":43,"t":{"2":{"position":[[638,6],[1070,6],[1212,6]]},"122":{"position":[[116,6],[189,6],[492,6]]},"124":{"position":[[1656,6]]},"154":{"position":[[682,6],[1114,6],[1256,6]]},"156":{"position":[[361,6]]},"228":{"position":[[691,6],[1123,6],[1265,6]]},"308":{"position":[[164,6],[306,6]]},"310":{"position":[[685,6],[1117,6],[1259,6]]},"330":{"position":[[358,6]]},"336":{"position":[[359,6]]},"342":{"position":[[444,6],[586,6]]},"362":{"position":[[360,6]]},"368":{"position":[[680,6]]},"390":{"position":[[358,6]]},"400":{"position":[[162,6],[304,6]]},"414":{"position":[[20,8],[358,6],[512,6],[654,6]]},"416":{"position":[[682,6]]},"418":{"position":[[166,6],[308,6]]},"422":{"position":[[683,6]]},"426":{"position":[[356,6]]},"428":{"position":[[157,6],[299,6]]},"556":{"position":[[160,6],[302,6]]},"562":{"position":[[681,6]]},"594":{"position":[[1648,6]]},"596":{"position":[[8323,6]]},"598":{"position":[[11,6],[105,6],[123,6],[2312,6],[2881,6],[3613,6],[3657,7],[6479,9],[6517,6],[6814,7],[9456,9],[9494,6],[9820,6],[9931,6],[9946,6]]}}}],["ribbon2",{"_index":888,"t":{"142":{"position":[[1655,7]]}}}],["ribbongroup",{"_index":2316,"t":{"598":{"position":[[835,11],[9859,11]]}}}],["ribbonitem",{"_index":2318,"t":{"598":{"position":[[1276,10],[2214,11],[2294,11],[2991,11],[3787,11],[3918,11],[4114,11],[4254,11],[4550,11],[4739,11],[4980,11],[5142,11],[5425,11],[5586,11],[5824,11],[5991,11],[6129,11],[6273,11],[6928,11],[7067,11],[7268,11],[7388,11],[7681,11],[7846,11],[8065,11],[8214,11],[8492,11],[8634,11],[8860,11],[9011,11],[9137,11],[9263,11],[9909,10]]}}}],["ribbonitemgroup",{"_index":2317,"t":{"598":{"position":[[1017,15],[2062,16],[2144,16],[3758,16],[4047,18],[4082,16],[4398,18],[4510,16],[4909,18],[4946,16],[5303,18],[5396,16],[5755,18],[5791,16],[6436,18],[6899,16],[7201,18],[7236,16],[7513,18],[7641,16],[7994,18],[8031,16],[8354,18],[8463,16],[8791,18],[8827,16],[9413,18],[9882,15]]}}}],["ribbontab",{"_index":770,"t":{"124":{"position":[[1405,9]]},"598":{"position":[[368,9],[3382,9],[3694,10],[4428,12],[4441,10],[5333,12],[5346,10],[6466,12],[6851,10],[7543,12],[7556,10],[8384,12],[8397,10],[9443,12],[9838,9],[9960,9]]}}}],["rich",{"_index":1294,"t":{"570":{"position":[[156,4]]}}}],["right",{"_index":1499,"t":{"574":{"position":[[7878,6],[8149,5]]},"582":{"position":[[2491,6],[3304,6]]},"596":{"position":[[7332,5]]},"606":{"position":[[8106,5]]},"608":{"position":[[888,6]]},"616":{"position":[[1933,5],[2490,6]]},"618":{"position":[[2238,6]]},"620":{"position":[[2374,6]]},"622":{"position":[[9253,7]]},"624":{"position":[[2073,6],[11947,5],[12902,8]]},"626":{"position":[[9344,7]]},"628":{"position":[[8075,7],[11160,7]]},"630":{"position":[[12709,7]]},"660":{"position":[[12333,5],[16503,5],[20226,7]]},"662":{"position":[[7161,7],[10399,7]]},"668":{"position":[[5444,6]]}}}],["right\">submit</button",{"_index":3374,"t":{"622":{"position":[[9312,22]]}}}],["right</button",{"_index":2725,"t":{"606":{"position":[[8598,14],[8964,14],[9330,14]]}}}],["right</tooltip",{"_index":2757,"t":{"608":{"position":[[938,15]]}}}],["risu",{"_index":1942,"t":{"582":{"position":[[9099,5],[9228,5],[9277,6],[13340,5],[13469,5],[13518,6],[17481,5],[17610,5],[17659,6]]}}}],["role=\"button",{"_index":2767,"t":{"608":{"position":[[1404,14]]},"610":{"position":[[4201,14]]},"664":{"position":[[9142,13],[11615,13],[14045,13],[16464,13]]}}}],["role=\"statu",{"_index":1487,"t":{"574":{"position":[[7228,13]]}}}],["role=\"status\">loading...</strong",{"_index":2654,"t":{"604":{"position":[[2991,33]]}}}],["roll",{"_index":1604,"t":{"578":{"position":[[1950,6]]}}}],["ronald",{"_index":4394,"t":{"668":{"position":[[8869,9],[11369,9],[13648,9],[16449,9],[19629,9],[22771,9],[25453,9],[29184,9],[35307,9],[37955,9],[40531,9],[43079,9],[45667,9],[49025,9],[62086,9],[64714,9],[67172,9],[70917,9],[74167,9],[77279,9],[80764,9],[83945,9],[86971,9],[90412,9],[94626,9],[97449,9],[100244,9],[105465,9],[113898,9],[116118,9],[118585,9],[122729,9],[126639,9],[140295,9],[142929,9],[145691,9],[148713,9],[151916,9]]}}}],["ronald@blazorbootstrap.com",{"_index":4482,"t":{"668":{"position":[[29221,29],[49062,29]]}}}],["root",{"_index":4229,"t":{"664":{"position":[[21010,5]]}}}],["rose",{"_index":3293,"t":{"622":{"position":[[3076,5],[4947,5],[7572,5]]}}}],["rotat",{"_index":3218,"t":{"620":{"position":[[4216,8]]}}}],["round",{"_index":1163,"t":{"568":{"position":[[451,7],[6098,7]]},"572":{"position":[[2487,7]]},"614":{"position":[[531,7],[810,7]]}}}],["rout",{"_index":3926,"t":{"638":{"position":[[4148,7]]},"650":{"position":[[3897,7]]}}}],["row",{"_index":492,"t":{"74":{"position":[[415,3]]},"80":{"position":[[272,4]]},"96":{"position":[[254,3]]},"128":{"position":[[456,3],[492,3]]},"600":{"position":[[6664,3],[9658,3],[12656,3]]},"622":{"position":[[8494,3],[8948,3]]},"626":{"position":[[8250,3],[8633,3],[8999,3]]},"628":{"position":[[7430,3],[7722,3],[10036,3],[10345,3],[10744,3]]},"630":{"position":[[11486,3],[11912,3],[12321,3]]},"632":{"position":[[1140,3],[1343,3],[1547,3],[1752,3],[3933,3],[4344,3],[4547,3],[4760,3],[4975,3]]},"636":{"position":[[7154,3]]},"638":{"position":[[7709,3]]},"640":{"position":[[7678,3]]},"642":{"position":[[6577,3]]},"644":{"position":[[6738,3]]},"650":{"position":[[6618,3]]},"652":{"position":[[785,3]]},"654":{"position":[[790,3]]},"656":{"position":[[6643,3]]},"662":{"position":[[5556,3],[5893,3],[6218,3],[6522,3],[6841,3],[9576,3],[9977,3]]},"664":{"position":[[6821,3],[9073,3],[11546,3],[13976,3],[16395,3],[18800,3],[21153,3],[21210,3]]},"668":{"position":[[533,3],[1376,3],[1490,4],[1640,3],[2159,3],[2843,3],[3607,4],[3648,3],[3783,4],[3824,3],[68562,4],[68630,3],[68704,3],[84768,5],[87927,3],[88177,3],[91495,3],[91537,3],[91591,3],[91655,3],[91698,3],[91829,3],[91894,3],[91925,3],[91967,3],[92008,3],[92168,3],[92267,3],[92376,3],[92412,3],[92462,3],[92504,3],[101237,3],[105836,3],[114261,3],[116620,3],[116710,3],[119093,3],[152937,3],[153077,3],[153143,3],[153165,3],[153179,3],[153195,3]]}}}],["row'",{"_index":5074,"t":{"668":{"position":[[92107,5]]}}}],["rowclass",{"_index":4299,"t":{"668":{"position":[[2796,8]]}}}],["rowclass=\"getrowclass",{"_index":5053,"t":{"668":{"position":[[68947,23]]}}}],["roy",{"_index":4474,"t":{"668":{"position":[[28483,6],[48324,6]]}}}],["rtl",{"_index":4095,"t":{"660":{"position":[[16664,4]]}}}],["rule",{"_index":465,"t":{"70":{"position":[[361,4]]}}}],["rule=\"evenodd",{"_index":4561,"t":{"668":{"position":[[51875,14],[51895,14]]}}}],["run",{"_index":1074,"t":{"564":{"position":[[1918,3]]},"594":{"position":[[1002,3]]},"616":{"position":[[3964,7],[12644,8]]},"618":{"position":[[3373,7],[8208,8]]},"620":{"position":[[5929,7]]},"624":{"position":[[3096,7]]}}}],["rutrum",{"_index":1862,"t":{"582":{"position":[[7852,6],[8560,7],[9730,6],[12093,6],[12801,7],[13971,6],[16234,6],[16942,7],[18112,6]]}}}],["s",{"_index":889,"t":{"142":{"position":[[1663,1]]},"622":{"position":[[3005,4],[3282,4],[4876,4],[5153,4],[7006,3],[7501,4],[7778,4]]}}}],["safari",{"_index":3060,"t":{"616":{"position":[[9394,9],[10843,9],[13071,9],[15169,9]]}}}],["sagar",{"_index":1830,"t":{"582":{"position":[[6906,8]]},"588":{"position":[[7591,8]]},"622":{"position":[[3139,6],[3295,6],[5010,6],[5166,6],[7635,6],[7791,6]]}}}],["sagitti",{"_index":1961,"t":{"582":{"position":[[9902,8],[14143,8],[18284,8]]}}}],["salari",{"_index":4472,"t":{"668":{"position":[[28393,6],[28634,6],[28871,6],[29110,6],[29359,6],[29593,6],[29832,6],[30072,6],[30307,6],[42677,6],[42791,6],[42898,6],[43010,6],[43127,6],[43234,6],[43339,6],[43446,6],[43549,6],[45265,6],[45379,6],[45486,6],[45598,6],[45715,6],[45822,6],[45927,6],[46034,6],[46137,6],[48234,6],[48475,6],[48712,6],[48951,6],[49200,6],[49434,6],[49673,6],[49913,6],[50148,6]]}}}],["sale",{"_index":3116,"t":{"618":{"position":[[5131,7],[12219,7]]},"624":{"position":[[4804,7],[8598,7],[12806,7]]}}}],["same",{"_index":602,"t":{"96":{"position":[[550,4]]},"602":{"position":[[3051,4],[3151,4],[5268,4]]},"612":{"position":[[11567,4],[11690,4]]},"668":{"position":[[67322,4]]}}}],["sampl",{"_index":2978,"t":{"616":{"position":[[2237,6]]},"624":{"position":[[11573,6]]},"636":{"position":[[3724,6],[8400,6]]},"638":{"position":[[3330,6],[6860,6],[8995,6],[9052,6]]},"640":{"position":[[3537,6],[8937,6]]},"642":{"position":[[3576,6],[7831,6]]},"644":{"position":[[3576,6],[7992,6]]},"646":{"position":[[2961,6],[3188,6]]},"648":{"position":[[3145,6],[3367,6]]},"650":{"position":[[3074,6],[7828,6]]},"656":{"position":[[3049,6],[7688,6]]}}}],["sapien",{"_index":1925,"t":{"582":{"position":[[8593,6],[9540,6],[9658,6],[12834,6],[13781,6],[13899,6],[16975,6],[17922,6],[18040,6]]}}}],["sass",{"_index":1733,"t":{"580":{"position":[[6480,4]]}}}],["save",{"_index":1633,"t":{"578":{"position":[[4187,4]]},"592":{"position":[[1737,6],[2092,7]]},"606":{"position":[[11960,4],[12048,5]]},"658":{"position":[[5409,4],[5479,5],[5524,8],[5692,5]]},"668":{"position":[[58623,4],[58774,6],[152808,4]]}}}],["save/load",{"_index":339,"t":{"42":{"position":[[171,9]]},"668":{"position":[[58678,9]]}}}],["savebutton",{"_index":1493,"t":{"574":{"position":[[7590,11]]}}}],["savebutton?.hideload",{"_index":1498,"t":{"574":{"position":[[7719,26]]}}}],["savebutton?.showloading(\"sav",{"_index":1495,"t":{"574":{"position":[[7637,31]]}}}],["saveemploye",{"_index":2743,"t":{"606":{"position":[[11904,14]]}}}],["saveemployeeasync",{"_index":4023,"t":{"658":{"position":[[5354,19]]}}}],["sbyte",{"_index":3746,"t":{"632":{"position":[[3501,7]]}}}],["scalabl",{"_index":2176,"t":{"590":{"position":[[1633,8]]}}}],["scalable=no",{"_index":3961,"t":{"642":{"position":[[3760,12]]},"644":{"position":[[3760,12]]}}}],["scale",{"_index":1321,"t":{"572":{"position":[[716,5]]},"616":{"position":[[4097,6],[4104,6],[4128,7]]},"620":{"position":[[2698,5],[4791,5],[6063,6],[6070,6],[6094,7]]}}}],["scale=1.0",{"_index":3857,"t":{"636":{"position":[[4011,10]]},"638":{"position":[[3487,10]]},"640":{"position":[[3832,10]]},"642":{"position":[[3725,10],[3744,10]]},"644":{"position":[[3725,10],[3744,10]]},"650":{"position":[[3222,10]]},"656":{"position":[[3198,10]]}}}],["scatter",{"_index":1305,"t":{"570":{"position":[[501,7]]}}}],["scelerisqu",{"_index":1929,"t":{"582":{"position":[[8660,11],[10483,12],[12901,11],[14724,12],[17042,11],[18865,12]]}}}],["scenario",{"_index":1297,"t":{"570":{"position":[[209,10]]},"628":{"position":[[9508,8]]},"636":{"position":[[6301,10]]},"638":{"position":[[6082,10]]},"640":{"position":[[6825,10]]},"650":{"position":[[5725,10]]},"662":{"position":[[9059,8]]}}}],["schedul",{"_index":3660,"t":{"628":{"position":[[12415,8]]},"662":{"position":[[7857,8],[11681,8]]}}}],["scheme",{"_index":2707,"t":{"606":{"position":[[3341,7]]}}}],["scope",{"_index":3810,"t":{"636":{"position":[[1161,6]]},"640":{"position":[[1159,6]]},"642":{"position":[[1173,6]]},"644":{"position":[[1173,6]]}}}],["screen",{"_index":1146,"t":{"566":{"position":[[3078,6],[3566,6],[4055,6],[4541,6],[5026,6],[5536,6],[6043,6],[6551,6],[7056,6],[7560,6]]},"572":{"position":[[2168,6]]},"588":{"position":[[12477,7],[12598,6],[12731,6],[12865,6],[12998,6],[13137,6],[13419,6],[13523,6],[13627,6],[13731,6],[13836,6]]},"590":{"position":[[1728,6]]}}}],["screen</button",{"_index":2129,"t":{"588":{"position":[[13324,15]]}}}],["script",{"_index":147,"t":{"2":{"position":[[3230,6]]},"110":{"position":[[161,6],[526,6]]},"148":{"position":[[210,6]]},"150":{"position":[[203,6]]},"154":{"position":[[2040,6]]},"228":{"position":[[2049,6]]},"308":{"position":[[1090,6]]},"310":{"position":[[2043,6]]},"360":{"position":[[202,6]]},"368":{"position":[[1471,6]]},"400":{"position":[[814,6]]},"410":{"position":[[211,6]]},"412":{"position":[[522,6]]},"428":{"position":[[495,6]]},"494":{"position":[[206,6]]},"594":{"position":[[11,6],[45,6],[117,6],[142,6],[307,6],[396,7],[454,6],[496,6],[587,6],[660,6],[755,6],[782,6],[965,6],[1109,6],[1516,7],[1668,6],[1693,6]]},"598":{"position":[[9806,6]]},"602":{"position":[[257,6],[312,7]]},"636":{"position":[[1449,6],[1617,7],[1908,7],[2289,7],[2668,7],[2755,7],[5017,7],[5069,7],[5278,7],[5611,7],[8321,6]]},"638":{"position":[[904,6],[1069,7],[1360,7],[1741,7],[2120,7],[2207,7],[4190,7],[4239,7],[4530,7],[4911,7],[5290,7],[5377,7],[8861,6]]},"640":{"position":[[1266,6],[1432,7],[1723,7],[2104,7],[2483,7],[2570,7],[4945,7],[4997,7],[5288,7],[5669,7],[6048,7],[6135,7],[8858,6]]},"642":{"position":[[1280,6],[1451,7],[1742,7],[2123,7],[2502,7],[2589,7],[4531,7],[4588,7],[4797,7],[5220,7],[5307,7],[7752,6]]},"644":{"position":[[1280,6],[1451,7],[1742,7],[2123,7],[2502,7],[2589,7],[4732,7],[4789,7],[4998,7],[5421,7],[5508,7],[7913,6]]},"646":{"position":[[924,6],[1091,7],[1382,7],[1763,7],[2142,7],[2229,7],[3109,6]]},"648":{"position":[[924,6],[1091,7],[1382,7],[1763,7],[2142,7],[2229,7],[3288,6]]},"650":{"position":[[949,6],[1114,7],[1405,7],[1786,7],[2165,7],[2252,7],[3941,7],[3990,7],[4281,7],[4662,7],[5041,7],[5128,7],[7749,6]]},"656":{"position":[[934,6],[1105,7],[1396,7],[1777,7],[2156,7],[2243,7],[4188,7],[4245,7],[4536,7],[4917,7],[5296,7],[5383,7],[7609,6]]},"664":{"position":[[25264,6]]}}}],["script1')[0",{"_index":2246,"t":{"594":{"position":[[1006,16]]}}}],["scriptid",{"_index":2237,"t":{"594":{"position":[[269,8]]}}}],["scriptid=\"script1",{"_index":2244,"t":{"594":{"position":[[847,18]]}}}],["scriptid=\"script2",{"_index":2251,"t":{"594":{"position":[[1324,18]]}}}],["scriptload",{"_index":154,"t":{"2":{"position":[[3419,12]]},"110":{"position":[[1268,12]]},"148":{"position":[[399,12]]},"150":{"position":[[392,12]]},"154":{"position":[[2229,12]]},"228":{"position":[[2238,12]]},"308":{"position":[[1279,12]]},"310":{"position":[[2232,12]]},"360":{"position":[[391,12]]},"368":{"position":[[1660,12]]},"400":{"position":[[1003,12]]},"410":{"position":[[21,14],[400,12]]},"412":{"position":[[711,12]]},"428":{"position":[[684,12]]},"494":{"position":[[395,12]]},"594":{"position":[[807,13],[1238,13]]}}}],["scriptloader1",{"_index":890,"t":{"142":{"position":[[1665,13]]}}}],["scroll",{"_index":297,"t":{"30":{"position":[[547,9]]},"578":{"position":[[5787,9],[5880,6],[6381,6],[7613,6],[9079,9]]},"582":{"position":[[799,9]]},"588":{"position":[[1069,6],[3178,6],[3223,7],[8606,9],[8698,6],[8931,9],[9129,10],[9201,9],[10688,9],[10886,10],[10958,9],[15447,9]]},"668":{"position":[[46356,10]]}}}],["scroll.</p",{"_index":2098,"t":{"588":{"position":[[9300,11],[11057,11]]}}}],["scrollabl",{"_index":1586,"t":{"578":{"position":[[1070,11],[6351,10],[7583,10],[7786,10]]},"588":{"position":[[10494,11],[11352,10],[15514,10]]}}}],["scrollbar",{"_index":1643,"t":{"578":{"position":[[4822,10]]},"588":{"position":[[11673,10]]}}}],["sctipt",{"_index":701,"t":{"110":{"position":[[574,6]]}}}],["se",{"_index":3700,"t":{"630":{"position":[[3927,3],[16105,3]]}}}],["se</b></label",{"_index":3699,"t":{"630":{"position":[[3850,14],[16024,14]]}}}],["search",{"_index":647,"t":{"104":{"position":[[284,6]]},"598":{"position":[[5726,8],[8762,8]]}}}],["search.png",{"_index":2420,"t":{"598":{"position":[[8725,11]]}}}],["second",{"_index":1198,"t":{"568":{"position":[[2964,6],[4902,6],[6818,6],[8634,6],[10450,6],[12642,6],[18947,6],[21354,6]]},"580":{"position":[[5008,6],[5706,6]]}}}],["secondari",{"_index":1050,"t":{"564":{"position":[[1081,9]]},"574":{"position":[[2014,9],[2785,9]]},"658":{"position":[[1187,9],[2370,9]]},"668":{"position":[[112108,9],[112169,9]]}}}],["secondary\">secondary</badg",{"_index":1344,"t":{"572":{"position":[[1364,28]]}}}],["section",{"_index":1535,"t":{"576":{"position":[[1527,7]]},"580":{"position":[[3356,7]]},"592":{"position":[[2405,8]]},"636":{"position":[[446,7],[1061,7],[1514,7]]},"638":{"position":[[458,7],[969,7]]},"640":{"position":[[446,7],[1059,7],[1331,7]]},"642":{"position":[[455,7],[1073,7],[1345,7]]},"644":{"position":[[455,7],[1073,7],[1345,7]]},"646":{"position":[[445,7],[989,7]]},"648":{"position":[[445,7],[989,7]]},"650":{"position":[[503,7],[1014,7]]},"656":{"position":[[455,7],[999,7]]},"660":{"position":[[17143,8]]}}}],["sed",{"_index":1893,"t":{"582":{"position":[[8126,3],[8143,3],[8147,3],[8763,3],[9013,3],[9053,3],[9385,3],[9765,3],[9819,3],[10079,3],[10884,3],[12367,3],[12384,3],[12388,3],[13004,3],[13254,3],[13294,3],[13626,3],[14006,3],[14060,3],[14320,3],[15125,3],[16508,3],[16525,3],[16529,3],[17145,3],[17395,3],[17435,3],[17767,3],[18147,3],[18201,3],[18461,3],[19266,3]]}}}],["see",{"_index":995,"t":{"560":{"position":[[970,3],[1570,3],[2303,3]]},"564":{"position":[[1609,3],[1951,3],[2145,3],[2833,3],[3546,3]]},"566":{"position":[[657,3],[879,3],[1103,3],[1321,3],[1537,3],[1644,3],[1784,3],[2026,3],[2270,3],[2508,3],[2744,3],[2851,3],[5288,3],[7822,3]]},"568":{"position":[[4011,3],[6022,3],[7865,3],[9681,3],[11497,3],[17975,3],[20433,3],[23417,3]]},"570":{"position":[[294,3],[579,3],[611,3],[673,3],[710,3],[773,3],[806,3],[864,3],[896,3]]},"572":{"position":[[1146,3],[2408,3],[3286,3],[3966,3],[6885,3],[7291,3]]},"574":{"position":[[2400,3],[2613,3],[3146,3],[3770,3],[4563,3],[5409,3],[6379,3],[6746,3],[7314,3],[7750,3],[7839,3],[8432,3],[8942,3],[9681,3]]},"576":{"position":[[1504,3],[2449,3],[3418,3]]},"578":{"position":[[2068,3],[3951,3],[4671,3],[5757,3],[5941,3],[6917,3],[8210,3],[8872,3]]},"580":{"position":[[3101,3],[3455,3],[3854,3],[4777,3],[5085,3],[5885,3],[6297,3],[7122,3],[8239,3],[10570,3],[11978,3],[13314,3]]},"582":{"position":[[3235,3],[4783,3],[6963,3],[7373,3],[11603,3],[15850,3],[21321,3]]},"586":{"position":[[1093,3],[1312,3],[2122,3],[2556,3],[3475,3]]},"588":{"position":[[4098,3],[5536,3],[7648,3],[8591,3],[8759,3],[9769,3],[10455,3],[11545,3],[12412,3],[14009,3],[15238,3]]},"590":{"position":[[1942,3],[2209,3],[2408,3],[2761,3],[2995,3],[3342,3]]},"592":{"position":[[1526,3],[2186,3],[3671,3]]},"594":{"position":[[1047,3]]},"596":{"position":[[1990,3],[2202,3],[3239,3],[3647,3],[4459,3],[5830,3],[6209,3],[7163,3],[8271,3]]},"598":{"position":[[3607,3],[6688,3],[9665,3]]},"600":{"position":[[3758,3],[6334,3],[9349,3],[12343,3],[15341,3],[17472,3]]},"602":{"position":[[2897,3],[8164,3],[10299,3],[10799,3],[11751,3],[12564,3],[13593,3],[13831,3]]},"604":{"position":[[799,3],[1335,3],[2002,3],[2734,3],[2818,3],[3086,3],[3195,3],[3293,3],[4163,3],[4654,3]]},"606":{"position":[[3146,3],[4639,3],[6128,3],[7959,3],[9767,3],[11398,3]]},"608":{"position":[[1067,3],[1282,3],[1545,3],[1965,3],[2121,3]]},"610":{"position":[[1018,3],[1246,3],[2788,3],[2895,3],[3044,3],[3204,3],[3538,3],[3680,3],[4289,3]]},"612":{"position":[[2905,3],[3838,3],[4875,3],[5925,3],[6773,3],[7359,3],[8039,3],[8645,3],[9259,3],[11329,3],[11827,3],[12937,3],[13783,3],[14680,3],[16100,3]]},"614":{"position":[[750,3],[957,3],[1358,3]]},"616":{"position":[[9065,3],[10466,3],[12536,3],[12688,3],[14798,3],[16982,3]]},"618":{"position":[[289,3],[8100,3],[8252,3],[11230,3],[15299,3]]},"620":{"position":[[14023,3],[17270,3]]},"622":{"position":[[3701,3],[5572,3],[6540,3],[8136,3],[10482,3],[13401,3]]},"624":{"position":[[7654,3],[11525,3],[14823,3]]},"626":{"position":[[1653,3],[3517,3],[4336,3],[5142,3],[5860,3],[6344,3],[7651,3],[10961,3],[11633,3]]},"628":{"position":[[1725,3],[3048,3],[5465,3],[6850,3],[8966,3],[9417,3]]},"630":{"position":[[2146,3],[4541,3],[4878,3],[5391,3],[5931,3],[7422,3],[8271,3],[9045,3],[9557,3],[10882,3],[14325,3],[16795,3],[17471,3]]},"632":{"position":[[2022,3],[3313,3],[4141,3],[5255,3],[5433,3],[6096,3]]},"634":{"position":[[999,3],[2190,3],[2390,3],[2881,3]]},"636":{"position":[[1328,3],[4897,3],[6312,3]]},"638":{"position":[[6093,3]]},"640":{"position":[[4825,3],[6836,3]]},"650":{"position":[[5736,3]]},"658":{"position":[[193,3],[2133,3],[3344,3],[4091,3],[4541,3],[4929,3]]},"660":{"position":[[4045,3],[6230,3],[8816,3],[10603,3],[11670,3],[12274,3],[13321,3],[14387,3],[14900,3],[16302,3],[17080,3],[17591,3],[18156,3],[18652,3],[21882,3],[23703,3],[24570,3],[25506,3]]},"662":{"position":[[1618,3],[2220,3],[3634,3],[4967,3],[8521,3],[8968,3]]},"664":{"position":[[2673,3],[4588,3],[6512,3],[8771,3],[11181,3],[13654,3],[16084,3],[18475,3],[22244,3],[24154,3],[25225,3]]},"666":{"position":[[1402,3],[2223,3],[1358131,3]]},"668":{"position":[[9642,3],[12142,3],[14802,3],[17222,3],[20780,3],[23362,3],[26044,3],[30348,3],[32973,3],[35898,3],[38546,3],[41122,3],[43590,3],[46178,3],[50189,3],[51173,3],[58609,3],[63058,3],[65383,3],[68517,3],[71889,3],[75139,3],[78251,3],[81736,3],[84715,3],[87856,3],[91465,3],[92132,3],[98475,3],[101216,3],[105814,3],[114247,3],[116696,3],[119176,3],[119235,3],[123701,3],[127323,3],[129884,3],[132537,3],[135227,3],[138032,3],[141267,3],[143756,3],[146658,3],[149023,3],[152226,3]]}}}],["select",{"_index":521,"t":{"80":{"position":[[191,9],[213,9],[232,9],[250,9],[277,9],[332,9]]},"82":{"position":[[244,6]]},"84":{"position":[[182,6]]},"98":{"position":[[180,9]]},"108":{"position":[[344,7]]},"128":{"position":[[465,8]]},"598":{"position":[[2505,7],[2582,7],[2725,7],[2821,7],[6508,8],[9485,8]]},"612":{"position":[[719,7],[796,7],[939,7],[1035,7]]},"622":{"position":[[1391,10],[1508,9],[2076,7],[3623,12],[5494,12],[6523,12],[8119,12],[10279,12],[11790,12],[13284,12]]},"628":{"position":[[9665,9]]},"634":{"position":[[669,9],[2459,9]]},"662":{"position":[[9213,9]]},"668":{"position":[[598,10],[1298,10],[1395,10],[2939,9],[3937,9],[18360,8],[18433,8],[81750,10],[81801,9],[82622,8],[82695,8],[84738,10],[84752,6],[85648,8],[85721,8],[87746,8],[87782,9],[87878,10],[89143,8],[89216,8],[91131,9],[91252,9],[91486,8],[91528,8],[91582,8],[91646,8],[91689,8],[91843,9],[91885,8],[91916,8],[91958,8],[91999,8],[92098,8],[92274,9],[92367,8],[92403,8],[92453,8],[92495,8],[93303,8],[93376,8],[98499,10],[153014,9],[153033,9],[153051,9],[153068,8],[153126,9]]}}}],["selectedcustom",{"_index":2898,"t":{"612":{"position":[[13301,17],[13577,16],[13649,16],[13752,16]]}}}],["selectedemploye",{"_index":4434,"t":{"668":{"position":[[18479,18],[18622,17],[20667,17],[82741,18],[82884,17],[84602,17],[85767,18],[85910,17],[87628,17],[89262,18],[89405,17],[91352,17],[93422,18],[93565,17],[95283,17]]}}}],["selectedemployees.count",{"_index":4432,"t":{"668":{"position":[[18382,24],[82644,24],[85670,24],[89165,24],[93325,24]]}}}],["selecteditemschang",{"_index":4310,"t":{"668":{"position":[[3851,20]]}}}],["selecteditemschanged=\"onselecteditemschang",{"_index":4431,"t":{"668":{"position":[[17535,45],[81985,45],[85011,45],[88506,45],[92666,45]]}}}],["selectedribbonitem",{"_index":2404,"t":{"598":{"position":[[6530,19],[6573,19],[6652,18],[9507,19],[9550,19],[9629,18]]}}}],["selectionmod",{"_index":4300,"t":{"668":{"position":[[2860,13],[81836,13]]}}}],["selectionmode=\"gridselectionmode.multipl",{"_index":4430,"t":{"668":{"position":[[17492,42],[84778,43],[84968,42],[88357,42],[92623,42]]}}}],["selector",{"_index":596,"t":{"96":{"position":[[315,8]]},"602":{"position":[[1290,8]]},"668":{"position":[[2488,8],[2572,8]]}}}],["sem",{"_index":1955,"t":{"582":{"position":[[9633,3],[9687,4],[10091,4],[13874,3],[13928,4],[14332,4],[18015,3],[18069,4],[18473,4]]}}}],["semant",{"_index":1419,"t":{"574":{"position":[[1852,8]]}}}],["semper",{"_index":1905,"t":{"582":{"position":[[8284,6],[9134,6],[12525,6],[13375,6],[16666,6],[17516,6]]}}}],["send",{"_index":2367,"t":{"598":{"position":[[4491,4],[7622,4]]}}}],["senior",{"_index":4384,"t":{"668":{"position":[[8506,7],[8893,7],[11006,7],[11393,7],[13285,7],[13672,7],[14047,7],[16086,7],[16473,7],[19266,7],[19653,7],[20028,7],[22408,7],[22795,7],[25090,7],[25477,7],[28576,7],[29302,7],[34944,7],[35331,7],[37592,7],[37979,7],[40168,7],[40555,7],[42765,7],[43103,7],[45353,7],[45691,7],[48417,7],[49143,7],[61723,7],[62110,7],[62485,7],[64351,7],[64738,7],[66809,7],[67196,7],[70554,7],[70941,7],[71316,7],[73804,7],[74191,7],[74566,7],[76916,7],[77303,7],[77678,7],[80401,7],[80788,7],[81163,7],[83582,7],[83969,7],[86608,7],[86995,7],[90049,7],[90436,7],[94263,7],[94650,7],[97086,7],[97473,7],[97848,7],[99881,7],[100268,7],[100643,7],[105102,7],[105489,7],[113535,7],[113922,7],[115755,7],[116142,7],[118222,7],[118609,7],[122366,7],[122753,7],[123128,7],[126276,7],[126663,7],[139932,7],[140319,7],[140694,7],[148350,7],[148737,7],[151553,7],[151940,7]]}}}],["sensit",{"_index":3340,"t":{"622":{"position":[[3836,10]]},"668":{"position":[[9811,10]]}}}],["seo",{"_index":379,"t":{"48":{"position":[[404,3]]}}}],["separ",{"_index":977,"t":{"560":{"position":[[185,11]]},"582":{"position":[[2604,8]]},"660":{"position":[[17620,8]]}}}],["septemb",{"_index":299,"t":{"32":{"position":[[23,9]]},"34":{"position":[[23,9]]},"36":{"position":[[23,9]]},"104":{"position":[[25,9]]},"130":{"position":[[659,9],[703,9],[747,9],[1209,9]]},"132":{"position":[[582,9]]},"138":{"position":[[1930,9],[2204,9],[2403,9]]},"148":{"position":[[457,9],[2327,9],[2601,9],[2800,9]]},"218":{"position":[[351,9]]},"224":{"position":[[80,9]]},"238":{"position":[[1577,9],[1851,9],[2050,9]]},"240":{"position":[[360,9]]},"252":{"position":[[74,9]]},"254":{"position":[[82,9]]},"282":{"position":[[73,9]]},"286":{"position":[[75,9]]},"306":{"position":[[75,9]]},"308":{"position":[[2393,9]]},"314":{"position":[[354,9]]},"326":{"position":[[68,9]]},"336":{"position":[[1008,9]]},"342":{"position":[[646,9]]},"360":{"position":[[1289,9],[1719,9],[1918,9]]},"366":{"position":[[2686,9]]},"390":{"position":[[979,9]]},"394":{"position":[[74,9]]},"416":{"position":[[745,9]]},"442":{"position":[[383,9]]},"468":{"position":[[67,9]]},"472":{"position":[[67,9]]},"482":{"position":[[67,9]]},"490":{"position":[[70,9]]},"616":{"position":[[5778,12]]},"618":{"position":[[8763,12]]},"620":{"position":[[11591,12],[14452,12]]}}}],["sequenc",{"_index":2441,"t":{"600":{"position":[[1571,8],[1601,9]]},"612":{"position":[[11412,9]]},"664":{"position":[[1547,8],[1577,9]]}}}],["sequenti",{"_index":4040,"t":{"660":{"position":[[1622,10]]}}}],["seri",{"_index":2152,"t":{"590":{"position":[[109,6]]},"620":{"position":[[151,6]]}}}],["serv",{"_index":1418,"t":{"574":{"position":[[1836,7]]}}}],["server",{"_index":280,"t":{"30":{"position":[[270,6]]},"32":{"position":[[248,6]]},"50":{"position":[[425,6]]},"52":{"position":[[399,6]]},"54":{"position":[[621,6]]},"56":{"position":[[300,6]]},"58":{"position":[[429,6]]},"60":{"position":[[197,9],[248,6],[463,6],[504,6],[555,6]]},"62":{"position":[[262,6]]},"64":{"position":[[321,6]]},"66":{"position":[[286,6]]},"68":{"position":[[763,6]]},"70":{"position":[[452,6]]},"72":{"position":[[724,6],[760,6],[988,6]]},"74":{"position":[[739,6]]},"76":{"position":[[253,6]]},"78":{"position":[[336,6]]},"80":{"position":[[1378,6]]},"82":{"position":[[414,6]]},"84":{"position":[[303,6]]},"86":{"position":[[342,6]]},"88":{"position":[[546,6]]},"90":{"position":[[227,6]]},"92":{"position":[[317,6]]},"94":{"position":[[228,6]]},"96":{"position":[[701,6]]},"98":{"position":[[302,6]]},"100":{"position":[[420,6]]},"102":{"position":[[1184,6]]},"104":{"position":[[729,6]]},"106":{"position":[[446,6]]},"108":{"position":[[542,6]]},"110":{"position":[[1110,6]]},"112":{"position":[[290,6]]},"114":{"position":[[739,6],[828,6]]},"116":{"position":[[372,6]]},"120":{"position":[[416,6]]},"122":{"position":[[370,6]]},"124":{"position":[[1524,6]]},"126":{"position":[[314,6]]},"128":{"position":[[703,6]]},"136":{"position":[[1287,9],[1338,6]]},"148":{"position":[[1763,9],[1814,6]]},"158":{"position":[[254,9],[305,6]]},"204":{"position":[[259,9],[310,6]]},"210":{"position":[[251,9],[302,6]]},"222":{"position":[[988,9],[1039,6]]},"232":{"position":[[268,9],[319,6]]},"236":{"position":[[997,9],[1048,6]]},"312":{"position":[[245,9],[296,6]]},"322":{"position":[[991,9],[1042,6]]},"510":{"position":[[241,9],[292,6]]},"610":{"position":[[4355,6]]},"622":{"position":[[208,6],[5586,6],[13578,6]]},"636":{"position":[[23,6],[77,6],[950,6],[1291,6],[3704,6]]},"638":{"position":[[270,6],[3344,7],[8748,6],[8801,6],[9009,6]]},"640":{"position":[[23,6],[77,6],[948,6],[3517,6]]},"642":{"position":[[7691,6]]},"644":{"position":[[7852,6]]},"648":{"position":[[3194,6]]},"650":{"position":[[30,6],[126,6],[3049,6]]},"652":{"position":[[14,6],[367,6]]},"654":{"position":[[372,6],[1901,6],[1929,6]]},"656":{"position":[[7548,6]]},"668":{"position":[[155,6],[30362,6],[30414,6],[59018,6],[152619,6]]}}}],["servic",{"_index":371,"t":{"46":{"position":[[126,8]]},"86":{"position":[[125,7],[143,7],[185,7],[200,7],[250,7]]},"88":{"position":[[117,8],[187,7],[202,7],[627,7]]},"90":{"position":[[116,7],[157,7],[281,7]]},"94":{"position":[[116,7],[157,7],[178,7],[282,7]]},"104":{"position":[[379,7]]},"132":{"position":[[1932,7],[2403,7],[2632,7],[2650,7]]},"134":{"position":[[117,8]]},"138":{"position":[[126,8]]},"162":{"position":[[767,8]]},"164":{"position":[[184,8]]},"170":{"position":[[176,8]]},"198":{"position":[[177,8]]},"202":{"position":[[177,8]]},"212":{"position":[[176,8]]},"218":{"position":[[1701,7],[2172,7],[2401,7],[2419,7],[2699,8]]},"222":{"position":[[2821,8]]},"236":{"position":[[2830,8]]},"240":{"position":[[1710,7],[2181,7],[2410,7],[2428,7],[2708,8]]},"246":{"position":[[179,7],[197,7]]},"276":{"position":[[446,8]]},"280":{"position":[[171,7],[424,8]]},"282":{"position":[[882,7],[1134,7],[1355,8]]},"292":{"position":[[165,8]]},"302":{"position":[[166,8]]},"304":{"position":[[174,7],[192,7]]},"314":{"position":[[1704,7],[2175,7],[2404,7],[2422,7],[2702,8]]},"318":{"position":[[173,7],[191,7]]},"324":{"position":[[180,7],[198,7]]},"332":{"position":[[743,7],[1214,7],[1443,7],[1461,7],[1741,8]]},"376":{"position":[[440,8]]},"390":{"position":[[1788,7],[2040,7],[2261,8]]},"394":{"position":[[597,7],[850,8]]},"428":{"position":[[834,8]]},"432":{"position":[[450,7],[468,7]]},"436":{"position":[[160,8]]},"438":{"position":[[175,7],[193,7]]},"484":{"position":[[170,8]]},"540":{"position":[[161,8]]},"542":{"position":[[169,7],[187,7]]},"546":{"position":[[160,7]]},"550":{"position":[[160,7]]},"578":{"position":[[2474,7]]},"588":{"position":[[1193,7]]},"592":{"position":[[636,8],[944,7],[2374,8],[3764,7],[3795,7]]},"606":{"position":[[525,7],[11427,7],[12389,7]]},"612":{"position":[[12602,7]]},"622":{"position":[[2774,7],[4645,7],[7270,7]]},"624":{"position":[[14888,7]]},"636":{"position":[[2929,9],[2960,7],[5881,8],[8348,8]]},"638":{"position":[[2381,9],[2412,7],[3036,9],[3067,7],[5614,8],[8888,8],[8969,8]]},"640":{"position":[[2744,9],[2775,7],[6405,8],[8885,8]]},"642":{"position":[[2779,9],[2810,7],[7779,8]]},"644":{"position":[[2779,9],[2810,7],[7940,8]]},"646":{"position":[[2403,9],[2434,7],[3136,8]]},"648":{"position":[[2403,9],[2434,7],[3315,8]]},"650":{"position":[[2426,9],[2457,7],[5374,8],[7776,8]]},"656":{"position":[[2433,9],[2464,7],[7636,8]]},"658":{"position":[[0,8],[15,7],[49,7],[84,7],[210,7]]},"668":{"position":[[18911,7],[22053,7],[24735,7],[28012,7],[34589,7],[37237,7],[39813,7],[42429,7],[45017,7],[47853,7],[59091,8],[60658,7],[70025,7],[73449,7],[76561,7],[80046,7],[83227,7],[86253,7],[89694,7],[93908,7],[96731,7],[99526,7],[104871,7],[113304,7],[115524,7],[117991,7],[122011,7],[125920,7],[139577,7],[142333,7],[144985,7]]}}}],["service/api",{"_index":2213,"t":{"592":{"position":[[1232,11],[1422,11],[1972,11],[2147,11],[3632,11]]},"606":{"position":[[11945,11]]},"658":{"position":[[5394,11]]}}}],["serviceblazor",{"_index":372,"t":{"46":{"position":[[205,13]]},"138":{"position":[[205,13]]},"162":{"position":[[846,13]]},"164":{"position":[[263,13]]},"170":{"position":[[255,13]]},"198":{"position":[[256,13]]},"202":{"position":[[256,13]]},"212":{"position":[[255,13]]},"222":{"position":[[2900,13]]},"236":{"position":[[2909,13]]},"484":{"position":[[249,13]]}}}],["set",{"_index":281,"t":{"30":{"position":[[283,3],[366,3]]},"70":{"position":[[239,3]]},"72":{"position":[[416,3]]},"124":{"position":[[1043,3],[1104,7]]},"560":{"position":[[305,4],[504,4],[557,4],[1311,4],[2044,4]]},"564":{"position":[[288,4],[389,4],[3930,4]]},"566":{"position":[[253,4],[361,4],[419,4],[482,4]]},"568":{"position":[[345,4],[1951,4],[2019,4],[2104,4],[2151,4],[2215,4],[6044,3],[7880,3],[7915,3],[9709,3],[18056,3],[22514,4],[23601,3]]},"572":{"position":[[223,4],[329,4],[422,4],[507,4],[579,4],[649,4]]},"574":{"position":[[259,4],[320,4],[399,4],[502,4],[559,4],[723,4],[801,4],[891,4],[962,4],[1021,4],[1076,4],[1143,4],[1202,4],[1297,4],[1398,4],[1472,4],[1551,4]]},"576":{"position":[[257,4],[347,4],[412,4],[2530,3]]},"578":{"position":[[1245,4],[1310,4],[1457,4],[1525,4],[2718,4],[3764,4],[8348,3]]},"580":{"position":[[476,4],[576,4],[651,4],[813,4],[994,4],[1174,4],[1355,4],[1455,4],[1608,4],[1756,4],[1827,4],[1885,4],[2044,4],[2145,4],[2300,4],[2480,4],[2581,4]]},"582":{"position":[[273,4],[345,4],[494,4],[570,4],[637,4],[713,4],[893,4],[1059,4],[1114,4],[1166,4],[1253,3],[4596,4],[6698,4],[6777,4],[7431,3],[11625,3]]},"586":{"position":[[323,4],[406,4],[596,4],[680,4],[766,4]]},"588":{"position":[[272,4],[344,4],[422,4],[583,4],[676,4],[752,4],[844,4],[928,4],[1004,4],[1332,4],[1400,4],[1559,4],[1610,4],[1662,4],[2898,3],[5349,4],[7383,4],[7462,4],[7706,3],[7799,3],[9026,3],[10783,3]]},"590":{"position":[[261,4],[339,4],[403,4],[499,4],[565,4],[701,4],[765,4],[898,4],[962,4],[1099,4],[1171,4],[1320,4],[1377,4]]},"592":{"position":[[505,4],[598,4],[1344,4],[1825,4],[3489,4]]},"594":{"position":[[246,4],[299,3]]},"596":{"position":[[319,4],[404,4],[634,4],[691,4],[773,4],[829,4],[1042,3],[1079,3],[1116,3],[2217,3],[3262,3],[4474,3],[4527,3],[8422,3],[8468,3]]},"598":{"position":[[239,4],[335,4],[469,4],[537,4],[625,4],[681,4],[732,4],[800,4],[957,4],[1143,4],[1230,4],[1397,4]]},"600":{"position":[[300,4],[363,4],[450,4],[514,4],[575,4],[630,4],[681,4],[727,4],[788,4],[1053,4],[1126,4],[1183,4],[1247,4],[1314,4],[1364,4],[1403,4],[1477,4],[1545,4],[1592,4],[1651,4],[1698,4],[3826,3],[9419,3],[12414,3],[15363,3]]},"602":{"position":[[495,4],[610,4],[700,4],[764,4],[854,4],[1100,4],[1197,4],[1277,4],[1363,4],[1481,4],[1594,4],[1653,4],[1764,4],[1869,4],[2027,4],[2119,4],[2215,4],[2994,3],[8191,7],[10363,7],[10754,4],[10788,4]]},"604":{"position":[[255,4],[336,4],[399,4],[505,4],[567,4],[663,4]]},"606":{"position":[[683,4],[738,4],[844,4],[934,4],[1057,4],[1206,4],[1290,4],[1347,4],[1399,4],[1491,4],[1545,4],[1607,4],[6191,3],[10090,3],[11693,3],[11884,4]]},"608":{"position":[[239,4],[344,4],[401,4],[543,4]]},"610":{"position":[[484,4],[661,4],[723,4]]},"612":{"position":[[226,4],[322,4],[394,4],[1617,4],[1685,4],[1773,4],[1829,4],[1880,4],[1948,4],[3027,3],[7416,7],[11851,3],[16399,3]]},"614":{"position":[[285,4],[355,4],[422,4],[564,3],[786,3],[841,3]]},"616":{"position":[[218,4],[327,4],[394,4],[469,4],[534,4],[1478,4],[1539,4],[1737,4],[2002,4],[2107,4],[2562,4],[2613,4],[2700,3],[2807,4],[2889,4],[2967,4],[3119,4],[3416,4],[3469,4],[3766,4],[3821,4],[3872,4],[4015,4],[4070,4],[4119,4],[4206,7]]},"618":{"position":[[423,4],[490,4],[565,4],[630,4],[1574,4],[1635,4],[1843,4],[1912,4],[1977,4],[2296,4],[2366,4],[2453,3],[2560,4],[2642,4],[2720,4],[2872,4],[3031,4],[3085,4],[3281,4],[3429,4],[3484,4],[3575,7]]},"620":{"position":[[472,4],[539,4],[614,4],[679,4],[1614,4],[1682,4],[1884,4],[1953,4],[2113,4],[2432,4],[2498,4],[2798,3],[2905,4],[2987,4],[3119,4],[4125,3],[4954,3],[5083,4],[5380,4],[5432,4],[5731,4],[5786,4],[5837,4],[5981,4],[6036,4],[6085,4],[6172,7]]},"622":{"position":[[365,4],[423,4],[497,4],[563,4],[625,4],[689,4],[774,4],[885,4],[998,4],[1063,4],[5984,4],[6554,3],[9502,4],[10424,4],[10471,4],[11230,4],[12724,4],[13595,3]]},"624":{"position":[[268,4],[335,4],[410,4],[475,4],[1410,4],[1478,4],[1678,4],[1747,4],[1812,4],[2131,4],[2196,4],[2283,3],[2390,4],[2472,4],[2550,4],[2610,4],[2764,4],[2818,4],[3004,4],[3147,4],[3202,4],[3293,7]]},"626":{"position":[[188,4],[463,4],[717,4],[759,4],[835,4],[925,4],[979,4],[1047,4],[1099,4],[1779,3],[3551,3],[3579,3],[4365,4],[4702,3],[5003,3],[5265,3],[5319,3],[5944,3],[10680,4],[10797,4],[10950,4]]},"628":{"position":[[502,4],[744,4],[850,4],[970,4],[1019,4],[1090,4],[1996,3],[3082,3],[3110,3],[8861,4],[8955,4],[11658,4],[12694,4],[12785,4],[12872,4]]},"630":{"position":[[485,4],[543,4],[889,4],[931,4],[1092,4],[1484,4],[1559,4],[1611,4],[4577,3],[5619,7],[6059,3],[7456,3],[7484,3],[8394,3],[8448,3],[9129,3],[14045,4],[14161,4],[14314,4]]},"632":{"position":[[225,4],[276,4],[345,4],[417,4],[509,4],[558,4],[929,4],[974,4],[3340,3],[5494,3]]},"634":{"position":[[248,4],[305,4],[436,4]]},"658":{"position":[[402,4],[490,4],[568,4],[634,4],[694,4],[812,4],[872,4],[925,4],[1895,4],[3078,4],[3854,4],[4270,4],[4703,4],[5316,4]]},"660":{"position":[[452,4],[549,4],[657,4],[751,4],[906,4],[969,4],[1145,4],[1233,4],[1413,4],[1500,4],[1783,4],[1909,4],[2073,4],[2238,4],[2326,4],[2482,4],[2557,4],[2643,4],[2756,4],[14954,3],[15834,3],[21601,4],[21718,4],[21871,4]]},"662":{"position":[[506,4],[748,4],[824,4],[914,4],[963,4],[1034,4],[1752,3],[2254,3],[2282,3],[7535,4],[8122,4],[8221,4],[8320,4],[8415,4],[8510,4],[10891,4],[11951,4],[12046,4]]},"664":{"position":[[308,4],[371,4],[461,4],[525,4],[586,4],[641,4],[700,4],[754,4],[815,4],[1076,4],[1149,4],[1206,4],[1270,4],[1337,4],[1387,4],[1453,4],[1521,4],[1568,4],[1627,4],[1674,4],[2743,3],[4623,3],[13724,3],[16155,3],[22294,3],[24176,3]]},"666":{"position":[[319,4],[403,4],[1002,4],[1430,3],[1835,4],[2528,4]]},"668":{"position":[[290,4],[395,4],[457,4],[518,4],[584,4],[647,4],[826,3],[890,4],[987,4],[1623,4],[1910,4],[1984,4],[2064,4],[2143,4],[2240,4],[2319,4],[2379,4],[2469,4],[2553,4],[2663,4],[2738,4],[2834,4],[2925,4],[3012,8],[3182,4],[3241,4],[3612,3],[3788,3],[4376,4],[4477,4],[4695,4],[4773,4],[4871,4],[4936,4],[5015,4],[5170,4],[5254,4],[5396,4],[5544,4],[5606,4],[5696,4],[5831,4],[5900,4],[6185,4],[6411,4],[6620,4],[6933,4],[7052,4],[20794,3],[20872,3],[20908,3],[23691,3],[32222,4],[32987,3],[33053,3],[38695,3],[41248,3],[51208,3],[58642,9],[60377,4],[60812,9],[60827,9],[60902,3],[61078,10],[61271,11],[61346,8],[61416,9],[61456,9],[79658,3],[81761,3],[84774,3],[91780,3],[92186,3],[92234,3],[115190,4],[117657,4],[123732,3],[123754,3],[123890,7],[129135,4],[131788,4],[134478,4],[137283,4],[138188,3],[143568,4],[143602,4],[143637,4],[143676,4],[146441,4],[146470,4],[146504,4],[146539,4],[146578,4],[146708,3],[148868,4],[148902,4],[148943,4],[148977,4],[149012,4],[149143,3],[152071,4],[152105,4],[152146,4],[152180,4],[152215,4],[152539,3],[152661,3],[152827,8]]}}}],["setcolor",{"_index":2268,"t":{"596":{"position":[[1033,8],[4575,10]]}}}],["setcolor(progresscolor",{"_index":2300,"t":{"596":{"position":[[3706,22],[5766,22]]}}}],["setcolor(progresscolor.danger)\">set",{"_index":2309,"t":{"596":{"position":[[5223,35]]}}}],["setcolor(progresscolor.dark)\">set",{"_index":2312,"t":{"596":{"position":[[5664,33]]}}}],["setcolor(progresscolor.info)\">set",{"_index":2307,"t":{"596":{"position":[[4933,33]]}}}],["setcolor(progresscolor.primary)\">set",{"_index":2310,"t":{"596":{"position":[[5369,36]]}}}],["setcolor(progresscolor.secondary)\">set",{"_index":2311,"t":{"596":{"position":[[5518,38]]}}}],["setcolor(progresscolor.success)\">set",{"_index":2305,"t":{"596":{"position":[[4789,36]]}}}],["setcolor(progresscolor.warning)\">set",{"_index":2308,"t":{"596":{"position":[[5077,36]]}}}],["seth",{"_index":3316,"t":{"622":{"position":[[3302,7],[5173,7],[7798,7]]}}}],["setlabel",{"_index":2269,"t":{"596":{"position":[[1070,8],[2105,13]]}}}],["settings.pagenumb",{"_index":5012,"t":{"668":{"position":[[60963,21]]}}}],["settings.pages",{"_index":5013,"t":{"668":{"position":[[60990,19]]}}}],["settingsjson",{"_index":5018,"t":{"668":{"position":[[61190,12]]}}}],["settingsprovid",{"_index":4303,"t":{"668":{"position":[[2961,16]]}}}],["settingsprovider=\"gridsettingsprovid",{"_index":5007,"t":{"668":{"position":[[59388,40]]}}}],["setup",{"_index":482,"t":{"72":{"position":[[657,5],[675,5],[709,5],[925,5],[973,5]]},"602":{"position":[[186,6],[13893,5]]},"610":{"position":[[825,6],[1397,6],[3838,6]]},"652":{"position":[[41,5],[269,6],[353,6],[432,6]]},"654":{"position":[[46,5],[274,6],[358,6],[437,6]]},"658":{"position":[[4951,6],[5991,5]]}}}],["setwidth",{"_index":2270,"t":{"596":{"position":[[1107,8]]}}}],["sever",{"_index":1205,"t":{"568":{"position":[[11604,7]]},"574":{"position":[[1797,7]]},"612":{"position":[[9336,7]]},"628":{"position":[[1803,7]]}}}],["sfh",{"_index":3286,"t":{"622":{"position":[[3017,4],[4888,4],[7513,4]]}}}],["shallow",{"_index":5038,"t":{"668":{"position":[[67517,7],[68256,7]]}}}],["shape",{"_index":3216,"t":{"620":{"position":[[4115,6]]}}}],["share",{"_index":237,"t":{"14":{"position":[[297,5]]},"602":{"position":[[2912,6],[13955,6]]}}}],["shared/mainlayout.razor.css",{"_index":3992,"t":{"652":{"position":[[543,27]]},"654":{"position":[[548,27]]}}}],["sharna",{"_index":4419,"t":{"668":{"position":[[14153,9],[20134,9],[62591,9],[71422,9],[74672,9],[77784,9],[81269,9],[97954,9],[100749,9],[123234,9],[140800,9]]}}}],["shop",{"_index":1770,"t":{"582":{"position":[[107,8]]}}}],["short",{"_index":3747,"t":{"632":{"position":[[3509,7]]}}}],["shortcut",{"_index":3266,"t":{"622":{"position":[[1730,9]]}}}],["show",{"_index":204,"t":{"10":{"position":[[297,7],[441,7]]},"70":{"position":[[189,4]]},"104":{"position":[[252,5]]},"564":{"position":[[449,5]]},"566":{"position":[[638,4],[860,4],[1084,4],[1302,4],[1518,4],[1765,4],[2007,4],[2251,4],[2489,4],[2725,4]]},"568":{"position":[[1009,5],[1104,5],[1172,5],[1266,5],[1332,5],[1682,4],[2623,7],[3174,7],[3724,7],[4487,7],[5112,7],[5735,7],[6477,7],[7028,7],[7578,7],[8279,7],[8844,7],[9394,7],[10109,7],[10660,7],[11210,7],[11512,4],[11560,4],[11621,4],[12289,7],[12852,7],[13414,7],[13972,7],[14520,7],[15080,7],[17990,4],[18077,4],[18606,7],[19157,7],[19707,7],[20991,7],[21564,7],[22136,7],[22674,8],[23647,4],[23686,4]]},"572":{"position":[[80,5]]},"574":{"position":[[625,5],[1697,5],[7793,4],[9956,4]]},"576":{"position":[[556,5],[791,4],[1233,4],[1608,4]]},"578":{"position":[[313,5],[460,5],[622,5],[1120,5],[2485,4],[3040,4]]},"580":{"position":[[11839,4],[13154,4]]},"582":{"position":[[970,5],[1382,5],[2025,4],[2946,8],[20971,10]]},"588":{"position":[[1256,5],[2329,4],[3476,4],[8922,4],[10679,4],[14781,10],[14888,7]]},"592":{"position":[[755,5],[866,5],[1185,6],[2304,9]]},"598":{"position":[[2531,4],[2607,4],[2655,5],[2754,4],[2849,4],[3260,5],[3343,4]]},"600":{"position":[[12358,4],[17659,4]]},"604":{"position":[[4626,6]]},"606":{"position":[[1001,5],[9820,5],[10103,5]]},"612":{"position":[[745,4],[821,4],[869,5],[968,4],[1063,4],[1400,5],[1483,4]]},"616":{"position":[[173,4]]},"618":{"position":[[135,5]]},"620":{"position":[[181,4],[4836,4],[15007,4],[15614,4],[16221,4]]},"624":{"position":[[123,5]]},"630":{"position":[[108,4],[2160,4],[17586,4]]},"634":{"position":[[85,4]]},"658":{"position":[[95,4],[750,5]]},"660":{"position":[[2932,5],[3478,4]]},"664":{"position":[[93,4],[8804,4],[8874,4],[11196,4],[11333,4],[16099,4],[25434,4],[25450,4],[25479,4]]},"668":{"position":[[1552,5],[58665,5]]}}}],["show(spinnercolor",{"_index":2208,"t":{"592":{"position":[[697,17],[780,17]]}}}],["show/hid",{"_index":726,"t":{"114":{"position":[[283,9]]},"574":{"position":[[7357,9],[9930,9]]}}}],["showaccordionitembyindexasync",{"_index":1209,"t":{"568":{"position":[[11759,30]]}}}],["showaccordionitembyindexasync(int",{"_index":1175,"t":{"568":{"position":[[968,33]]}}}],["showaccordionitembynameasync",{"_index":1208,"t":{"568":{"position":[[11725,29]]}}}],["showaccordionitembynameasync(str",{"_index":1176,"t":{"568":{"position":[[1049,35]]}}}],["showallaccordionitemsasync",{"_index":1177,"t":{"568":{"position":[[1143,28],[18127,26],[20272,28]]}}}],["showasync",{"_index":1525,"t":{"576":{"position":[[546,9],[1260,10]]},"582":{"position":[[1372,9]]},"588":{"position":[[1824,9]]},"658":{"position":[[5168,14],[5206,9]]},"660":{"position":[[2922,9],[24394,11]]}}}],["showasync(modalopt",{"_index":3998,"t":{"658":{"position":[[255,21]]}}}],["showasync(str",{"_index":1574,"t":{"578":{"position":[[211,16],[341,16]]}}}],["showasync<t>(str",{"_index":1579,"t":{"578":{"position":[[488,19]]},"588":{"position":[[1855,19]]}}}],["showclosebutton",{"_index":1780,"t":{"582":{"position":[[929,15]]},"588":{"position":[[1427,15]]},"606":{"position":[[966,15]]}}}],["showconfirmationasync",{"_index":1601,"t":{"578":{"position":[[1769,23]]}}}],["showconfirmationasync(dialogs",{"_index":1649,"t":{"578":{"position":[[5451,32]]}}}],["showconfirmationasync(dialogsize.extralarg",{"_index":1648,"t":{"578":{"position":[[5310,46]]}}}],["showconfirmationasync(dialogsize.larg",{"_index":1647,"t":{"578":{"position":[[5185,41]]}}}],["showconfirmationasync(dialogsize.smal",{"_index":1646,"t":{"578":{"position":[[5060,41]]}}}],["showcontentasync",{"_index":1545,"t":{"576":{"position":[[2252,18],[3221,18],[4538,18]]}}}],["showcurrencysymbol=\"tru",{"_index":3718,"t":{"630":{"position":[[8011,25],[8581,25],[8840,25],[9317,25],[11685,25],[12082,25],[12528,25]]}}}],["showdialogasync",{"_index":1658,"t":{"578":{"position":[[6144,17],[6636,17],[7260,17],[7901,17],[8604,17]]}}}],["showdtmessag",{"_index":1812,"t":{"582":{"position":[[4949,13],[5108,13],[5305,14],[5813,16]]},"588":{"position":[[5718,13],[5877,13],[6074,14],[6520,16]]}}}],["showdtmessage(mouseeventarg",{"_index":1825,"t":{"582":{"position":[[5947,28]]},"588":{"position":[[6650,28]]}}}],["showemployeecompon",{"_index":1804,"t":{"582":{"position":[[3866,23],[5616,23]]}}}],["showfaqsaccordionitemasync",{"_index":1252,"t":{"568":{"position":[[17165,28]]}}}],["showfaqsasync",{"_index":2879,"t":{"612":{"position":[[11198,15]]}}}],["showfirstaccordionitemasync",{"_index":1178,"t":{"568":{"position":[[1236,29],[11668,28],[16744,29]]}}}],["showfirsttabasync",{"_index":2335,"t":{"598":{"position":[[2485,19]]},"612":{"position":[[699,19],[9381,18],[10881,19]]}}}],["showfooterbutton",{"_index":4003,"t":{"658":{"position":[[726,16],[4854,16]]}}}],["showhorizontalbarchartasync",{"_index":3039,"t":{"616":{"position":[[7670,29]]}}}],["showhorizontalbarchartasync()\">horizont",{"_index":3011,"t":{"616":{"position":[[5253,41]]}}}],["showhorizontallinechartasync",{"_index":3241,"t":{"620":{"position":[[7293,32],[9512,30]]}}}],["showlastaccordionitemasync",{"_index":1179,"t":{"568":{"position":[[1303,28],[11697,27],[17270,28]]}}}],["showlasttabasync",{"_index":2337,"t":{"598":{"position":[[2563,18]]},"612":{"position":[[777,18],[9400,17],[11274,18]]}}}],["showlin",{"_index":3228,"t":{"620":{"position":[[4464,8]]}}}],["showload",{"_index":1417,"t":{"574":{"position":[[1685,11],[7388,13]]}}}],["showloadingdataasync",{"_index":2221,"t":{"592":{"position":[[1851,22]]}}}],["showmessage(toasttyp",{"_index":2700,"t":{"606":{"position":[[2823,21],[4367,21],[5805,21],[7395,21],[11075,21]]}}}],["showmessage(toasttype.danger)\">dang",{"_index":2696,"t":{"606":{"position":[[2390,37],[3833,37],[5372,37],[6962,37],[10642,37]]}}}],["showmessage(toasttype.dark)\">dark",{"_index":2699,"t":{"606":{"position":[[2697,33],[4241,33],[5679,33],[7269,33],[10949,33]]}}}],["showmessage(toasttype.info)\">info",{"_index":2698,"t":{"606":{"position":[[2599,33],[4042,33],[5581,33],[7171,33],[10851,33]]}}}],["showmessage(toasttype.light)\">light",{"_index":2708,"t":{"606":{"position":[[4141,35]]}}}],["showmessage(toasttype.primary)\">primari",{"_index":2692,"t":{"606":{"position":[[2064,39],[3507,39],[5046,39],[6636,39],[10316,39]]}}}],["showmessage(toasttype.secondary)\">secondari",{"_index":2694,"t":{"606":{"position":[[2173,43],[3616,43],[5155,43],[6745,43],[10425,43]]}}}],["showmessage(toasttype.success)\">success",{"_index":2695,"t":{"606":{"position":[[2284,39],[3727,39],[5266,39],[6856,39],[10536,39]]}}}],["showmessage(toasttype.warning)\">warn",{"_index":2697,"t":{"606":{"position":[[2495,39],[3938,39],[5477,39],[7067,39],[10747,39]]}}}],["showmod",{"_index":4022,"t":{"658":{"position":[[4308,11],[4741,11]]}}}],["showmodal(modals",{"_index":4020,"t":{"658":{"position":[[3892,19]]}}}],["showmodal(modalsize.extralarge)\">show",{"_index":4018,"t":{"658":{"position":[[3740,37]]}}}],["showmodal(modalsize.large)\">show",{"_index":4017,"t":{"658":{"position":[[3635,32]]}}}],["showmodal(modalsize.regular)\">show",{"_index":4014,"t":{"658":{"position":[[3417,34]]}}}],["showmodal(modalsize.small)\">show",{"_index":4016,"t":{"658":{"position":[[3529,32]]}}}],["showmodal(modaltyp",{"_index":4012,"t":{"658":{"position":[[1933,19],[3116,19]]}}}],["showmodal(modaltype.danger)\">show",{"_index":4007,"t":{"658":{"position":[[1373,33],[2556,33]]}}}],["showmodal(modaltype.dark)\">show",{"_index":4011,"t":{"658":{"position":[[1793,31],[2976,31]]}}}],["showmodal(modaltype.info)\">show",{"_index":4009,"t":{"658":{"position":[[1588,31],[2771,31]]}}}],["showmodal(modaltype.light)\">show",{"_index":4010,"t":{"658":{"position":[[1690,32],[2873,32]]}}}],["showmodal(modaltype.primary)\">show",{"_index":4004,"t":{"658":{"position":[[1038,34],[2221,34]]}}}],["showmodal(modaltype.secondary)\">show",{"_index":4005,"t":{"658":{"position":[[1150,36],[2333,36]]}}}],["showmodal(modaltype.success)\">show",{"_index":4006,"t":{"658":{"position":[[1264,34],[2447,34]]}}}],["showmodal(modaltype.warning)\">show",{"_index":4008,"t":{"658":{"position":[[1481,34],[2664,34]]}}}],["shown",{"_index":206,"t":{"10":{"position":[[318,5],[462,5]]},"568":{"position":[[2454,5],[4099,5],[4318,5],[6308,5],[8110,5],[9940,5],[12120,5],[18437,5],[20822,5]]},"576":{"position":[[681,5],[3109,5]]},"580":{"position":[[5214,5]]},"582":{"position":[[1479,5],[2630,6],[2763,5],[2839,5],[21082,8]]},"588":{"position":[[2757,6]]},"592":{"position":[[1027,5],[1267,5],[2386,5]]},"598":{"position":[[3054,5],[3162,5],[3298,6],[3369,6]]},"606":{"position":[[11509,5],[11811,5]]},"612":{"position":[[1194,5],[1302,5],[1438,6],[1509,6],[9466,5]]},"658":{"position":[[5010,5],[5193,5]]}}}],["showoffcanvasasync",{"_index":1796,"t":{"582":{"position":[[2924,21],[3104,20]]}}}],["showproductsaccordionitemasync",{"_index":1250,"t":{"568":{"position":[[17051,32]]}}}],["showproductstabasync",{"_index":2877,"t":{"612":{"position":[[11110,22]]}}}],["showrecenttab",{"_index":2338,"t":{"598":{"position":[[2639,15]]},"612":{"position":[[853,15]]}}}],["showsaveconfirmationasync",{"_index":1634,"t":{"578":{"position":[[4268,27]]}}}],["showsavingdataasync",{"_index":2224,"t":{"592":{"position":[[2028,21]]}}}],["showsecondaccordionitemasync",{"_index":1246,"t":{"568":{"position":[[16844,30]]}}}],["showsecondtabasync",{"_index":2873,"t":{"612":{"position":[[10955,20]]}}}],["showspinnerasync(spinnercolor",{"_index":2235,"t":{"592":{"position":[[3515,29]]}}}],["showspinnerasync(spinnercolor.danger)\">dang",{"_index":2230,"t":{"592":{"position":[[2870,45]]}}}],["showspinnerasync(spinnercolor.dark)\">dark",{"_index":2234,"t":{"592":{"position":[[3366,41]]}}}],["showspinnerasync(spinnercolor.info)\">info",{"_index":2232,"t":{"592":{"position":[[3123,41]]}}}],["showspinnerasync(spinnercolor.light)\">light",{"_index":2233,"t":{"592":{"position":[[3244,43]]}}}],["showspinnerasync(spinnercolor.primary)\">primari",{"_index":2226,"t":{"592":{"position":[[2478,47]]}}}],["showspinnerasync(spinnercolor.secondary)\">secondari",{"_index":2228,"t":{"592":{"position":[[2609,51]]}}}],["showspinnerasync(spinnercolor.success)\">success",{"_index":2229,"t":{"592":{"position":[[2742,47]]}}}],["showspinnerasync(spinnercolor.warning)\">warn",{"_index":2231,"t":{"592":{"position":[[2997,47]]}}}],["showtab",{"_index":2841,"t":{"612":{"position":[[490,8]]}}}],["showtabbyindexasync",{"_index":573,"t":{"88":{"position":[[455,19]]},"612":{"position":[[9418,20]]}}}],["showtabbyindexasync(int",{"_index":2339,"t":{"598":{"position":[[2691,23]]},"612":{"position":[[905,23]]}}}],["showtabbynameasync",{"_index":2861,"t":{"612":{"position":[[9443,19]]}}}],["showtabbynameasync(str",{"_index":2340,"t":{"598":{"position":[[2786,25]]},"612":{"position":[[1000,25]]}}}],["showthirdaccordionitemasync",{"_index":1248,"t":{"568":{"position":[[16948,29]]}}}],["showthirdtabasync",{"_index":2875,"t":{"612":{"position":[[11033,19]]}}}],["showverticalbarchartasync",{"_index":3041,"t":{"616":{"position":[[7812,27]]}}}],["showverticalbarchartasync()\">vert",{"_index":3013,"t":{"616":{"position":[[5421,37]]}}}],["showverticallinechartasync",{"_index":3242,"t":{"620":{"position":[[7465,30],[9658,28]]}}}],["side",{"_index":279,"t":{"30":{"position":[[261,4],[277,5]]},"32":{"position":[[228,4],[255,4]]},"616":{"position":[[223,4],[231,5],[2456,5]]},"618":{"position":[[2204,5]]},"620":{"position":[[2340,5]]},"622":{"position":[[199,4],[215,4],[2135,4],[2718,4],[3722,4],[4589,4],[5593,4],[7214,4],[13528,4],[13545,4],[13585,4]]},"624":{"position":[[2039,5]]},"634":{"position":[[399,5],[2247,4]]},"660":{"position":[[16431,4]]},"668":{"position":[[146,4],[162,4],[6523,4],[7297,4],[9663,4],[12163,4],[14823,4],[17243,4],[18837,4],[21979,4],[24661,4],[27938,4],[30369,4],[30421,4],[34515,4],[37163,4],[39739,4],[42355,4],[44943,4],[47779,4],[59025,4],[60584,4],[69951,4],[73375,4],[76487,4],[79972,4],[83153,4],[86179,4],[89620,4],[93834,4],[96657,4],[99452,4],[104797,4],[113230,4],[115450,4],[117917,4],[121937,4],[125846,4],[139503,4],[142267,4],[144919,4],[152396,4],[152418,4],[152464,4],[152483,4],[152503,4],[152626,4]]}}}],["sidebar",{"_index":30,"t":{"2":{"position":[[296,7],[494,8],[649,7]]},"56":{"position":[[119,7],[155,7],[189,7],[252,7],[348,7],[406,7]]},"96":{"position":[[587,7],[943,7]]},"104":{"position":[[177,8],[462,7],[480,7],[985,7]]},"106":{"position":[[346,7],[364,8]]},"124":{"position":[[171,8],[680,7],[1667,7]]},"128":{"position":[[545,7],[823,7]]},"132":{"position":[[734,8],[934,7]]},"136":{"position":[[1968,7],[2004,7],[2058,7]]},"148":{"position":[[609,8],[809,7]]},"154":{"position":[[340,7],[538,8],[693,7]]},"156":{"position":[[217,8],[372,7]]},"218":{"position":[[503,8],[703,7]]},"222":{"position":[[1669,7],[1705,7],[1759,7]]},"224":{"position":[[232,8],[432,7]]},"228":{"position":[[349,7],[547,8],[702,7]]},"236":{"position":[[1678,7],[1714,7],[1768,7]]},"240":{"position":[[512,8],[712,7]]},"252":{"position":[[226,8],[426,7]]},"254":{"position":[[234,8],[434,7]]},"282":{"position":[[225,8],[425,7]]},"286":{"position":[[227,8],[427,7],[601,7],[637,7],[691,7]]},"306":{"position":[[227,8],[427,7]]},"308":{"position":[[2545,8],[2745,7]]},"310":{"position":[[343,7],[541,8],[696,7]]},"314":{"position":[[506,8],[706,7]]},"326":{"position":[[220,8],[420,7]]},"330":{"position":[[214,8],[369,7]]},"334":{"position":[[339,7]]},"336":{"position":[[215,8],[370,7]]},"342":{"position":[[798,8],[998,7]]},"360":{"position":[[1441,8],[1641,7]]},"362":{"position":[[216,8],[371,7]]},"368":{"position":[[338,7],[536,8],[691,7]]},"374":{"position":[[339,7]]},"378":{"position":[[163,7],[199,7],[253,7]]},"382":{"position":[[165,7],[201,7],[255,7]]},"384":{"position":[[167,7],[203,7],[257,7]]},"390":{"position":[[214,8],[369,7],[1131,8],[1331,7]]},"394":{"position":[[226,8],[426,7]]},"396":{"position":[[348,7]]},"414":{"position":[[214,8],[369,7]]},"416":{"position":[[20,9],[340,7],[538,8],[693,7],[897,8],[1097,7],[1271,7],[1307,7],[1361,7]]},"422":{"position":[[341,7],[539,8],[694,7]]},"426":{"position":[[212,8],[367,7]]},"442":{"position":[[535,8],[735,7]]},"490":{"position":[[222,8],[422,7]]},"508":{"position":[[163,7],[199,7],[253,7]]},"562":{"position":[[339,7],[537,8],[692,7]]},"582":{"position":[[64,8],[2428,7]]},"594":{"position":[[1660,7]]},"600":{"position":[[40,7],[736,7],[797,7],[894,7],[938,8],[2933,8],[5032,8],[6366,8],[6471,8],[7985,8],[10979,8],[13977,8],[15401,7],[16647,8],[17511,7],[17633,7]]},"604":{"position":[[40,7]]},"636":{"position":[[7007,8],[7508,7],[7516,7]]},"638":{"position":[[7562,8],[7920,7],[7928,8]]},"640":{"position":[[7531,8],[8032,7],[8040,7]]},"642":{"position":[[6430,8],[6931,7],[6939,7]]},"644":{"position":[[6591,8],[7092,7],[7100,7]]},"650":{"position":[[6471,8],[6829,7],[6837,8]]},"652":{"position":[[629,8],[1006,7],[1014,7]]},"654":{"position":[[634,8],[1011,7],[1019,7]]},"656":{"position":[[6496,8],[6854,7],[6862,8]]},"664":{"position":[[11,7],[39,7],[72,7],[650,7],[709,7],[763,7],[824,7],[919,7],[961,8],[1734,8],[2578,11],[2637,11],[2835,8],[3929,11],[3988,10],[4667,8],[5823,11],[5882,10],[6544,8],[6649,8],[6680,8],[8082,11],[8141,10],[8793,7],[8863,7],[8917,8],[9374,7],[9382,7],[10435,11],[10494,10],[11371,8],[11847,7],[11855,7],[12908,11],[12967,10],[13806,8],[14277,7],[14285,7],[15338,11],[15397,10],[16197,8],[17729,11],[17788,10],[18500,8],[18538,7],[18640,8],[19083,7],[20212,11],[20271,10],[21023,7],[21050,7],[21086,7],[21141,7],[21198,7],[21251,7],[21294,7],[21334,7],[21372,7],[21411,7],[21466,7],[21549,7],[21601,7],[21665,7],[21718,7],[21769,7],[21821,7],[21870,7],[21921,7],[21971,7],[22022,7],[22077,7],[22129,7],[22184,7],[22359,8],[23481,11],[23540,10],[24214,7],[24253,8],[25130,11],[25189,11],[25408,7],[25423,7],[25514,7]]}}}],["sidebar.togglesidebar",{"_index":4221,"t":{"664":{"position":[[11154,24],[13627,24],[16057,24],[18448,24]]}}}],["sidebar2",{"_index":31,"t":{"2":{"position":[[304,8],[503,8],[657,8],[1363,8],[1534,8]]},"120":{"position":[[116,8],[173,8],[583,8]]},"124":{"position":[[180,8],[720,8],[1675,8]]},"128":{"position":[[598,8],[831,8]]},"152":{"position":[[162,8],[333,8]]},"154":{"position":[[348,8],[547,8],[701,8],[1407,8],[1578,8]]},"156":{"position":[[226,8],[380,8]]},"228":{"position":[[357,8],[556,8],[710,8],[1416,8],[1587,8]]},"308":{"position":[[457,8],[628,8]]},"310":{"position":[[351,8],[550,8],[704,8],[1410,8],[1581,8]]},"330":{"position":[[223,8],[377,8]]},"334":{"position":[[347,8]]},"336":{"position":[[224,8],[378,8],[513,8],[684,8]]},"346":{"position":[[166,8],[337,8]]},"362":{"position":[[225,8],[379,8]]},"368":{"position":[[346,8],[545,8],[699,8],[1112,8],[1283,8]]},"374":{"position":[[347,8]]},"386":{"position":[[164,8],[335,8]]},"390":{"position":[[223,8],[377,8]]},"396":{"position":[[356,8]]},"400":{"position":[[455,8],[626,8]]},"412":{"position":[[163,8],[334,8]]},"414":{"position":[[223,8],[377,8]]},"416":{"position":[[348,8],[547,8],[701,8]]},"422":{"position":[[20,10],[349,8],[548,8],[702,8],[837,8],[1008,8]]},"426":{"position":[[221,8],[375,8]]},"442":{"position":[[160,8],[331,8]]},"552":{"position":[[160,8],[331,8]]},"562":{"position":[[347,8],[546,8],[700,8]]},"600":{"position":[[11,8],[73,8],[1758,9],[2994,12],[3102,10],[3857,9],[5300,12],[6502,9],[8253,12],[9501,9],[11247,12],[12456,9],[14245,12],[15440,9],[16708,12],[16816,10]]},"602":{"position":[[13870,8]]},"664":{"position":[[25283,8]]}}}],["sidebar2/how",{"_index":2474,"t":{"600":{"position":[[5093,14],[8046,14],[11040,14],[14038,14]]}}}],["sidebar23",{"_index":892,"t":{"142":{"position":[[1688,9]]}}}],["sidebar2dataprovider(sidebar2dataproviderrequest",{"_index":2448,"t":{"600":{"position":[[1981,48],[4080,48],[6971,48],[9965,48],[12963,48],[15695,48]]}}}],["sidebar2dataproviderdeleg",{"_index":2429,"t":{"600":{"position":[[409,29]]}}}],["sidebar4",{"_index":891,"t":{"142":{"position":[[1679,8]]}}}],["sidebardataprovider(sidebardataproviderrequest",{"_index":3907,"t":{"636":{"position":[[7632,46]]},"638":{"position":[[8014,46]]},"640":{"position":[[8156,46]]},"642":{"position":[[7055,46]]},"644":{"position":[[7216,46]]},"650":{"position":[[6923,46]]},"652":{"position":[[1130,46]]},"654":{"position":[[1135,46]]},"656":{"position":[[6948,46]]},"664":{"position":[[1934,46],[3035,46],[4867,46],[7126,46],[9479,46],[11952,46],[14382,46],[16773,46],[19256,46],[22559,46],[24486,46]]}}}],["sidebardataproviderdeleg",{"_index":4218,"t":{"664":{"position":[[417,27]]}}}],["sidebaritem",{"_index":606,"t":{"96":{"position":[[605,11]]}}}],["sidemod",{"_index":380,"t":{"48":{"position":[[639,9]]},"138":{"position":[[633,9]]},"162":{"position":[[1274,9]]},"164":{"position":[[691,9]]},"170":{"position":[[683,9]]},"192":{"position":[[281,9]]},"198":{"position":[[684,9]]},"200":{"position":[[29,10],[281,9]]},"202":{"position":[[684,9]]},"220":{"position":[[271,9]]},"238":{"position":[[280,9]]},"480":{"position":[[271,9]]}}}],["sidemodal1",{"_index":800,"t":{"142":{"position":[[487,10]]}}}],["sign",{"_index":3667,"t":{"630":{"position":[[503,5],[5467,5],[5579,5],[17758,4]]}}}],["signific",{"_index":274,"t":{"30":{"position":[[112,11]]},"138":{"position":[[2698,11]]},"238":{"position":[[2345,11]]},"364":{"position":[[154,11]]},"470":{"position":[[156,11]]}}}],["similar",{"_index":1794,"t":{"582":{"position":[[2559,7],[2718,7]]},"598":{"position":[[3620,7]]},"618":{"position":[[196,7]]}}}],["similarli",{"_index":1088,"t":{"564":{"position":[[2193,10]]}}}],["simmon",{"_index":4488,"t":{"668":{"position":[[29925,10],[49766,10]]}}}],["simpl",{"_index":1046,"t":{"564":{"position":[[989,6],[1074,6],[1159,6],[1241,6],[1323,6],[1403,6],[1481,6],[1559,6],[2493,6],[2638,6],[2783,6]]},"578":{"position":[[4512,7],[5598,7],[7402,7]]},"606":{"position":[[3290,6],[4585,6]]}}}],["simultan",{"_index":1265,"t":{"568":{"position":[[18102,14]]}}}],["singl",{"_index":523,"t":{"80":{"position":[[206,6]]},"82":{"position":[[237,6]]},"102":{"position":[[240,6]]},"580":{"position":[[10639,7]]},"606":{"position":[[1842,6]]},"660":{"position":[[3666,6],[25774,6]]},"668":{"position":[[81853,7]]}}}],["sink",{"_index":1719,"t":{"580":{"position":[[5112,5],[13664,4]]}}}],["sit",{"_index":1839,"t":{"582":{"position":[[7616,3],[7695,3],[7933,3],[8707,3],[8869,3],[10257,3],[10321,3],[10474,3],[11857,3],[11936,3],[12174,3],[12948,3],[13110,3],[14498,3],[14562,3],[14715,3],[15998,3],[16077,3],[16315,3],[17089,3],[17251,3],[18639,3],[18703,3],[18856,3]]}}}],["site",{"_index":361,"t":{"44":{"position":[[511,4]]},"46":{"position":[[396,4]]},"48":{"position":[[248,4]]},"50":{"position":[[247,4]]},"52":{"position":[[226,4]]},"54":{"position":[[489,4]]},"56":{"position":[[213,4]]},"58":{"position":[[337,4]]},"588":{"position":[[103,4]]},"658":{"position":[[122,4]]}}}],["sixth",{"_index":1227,"t":{"568":{"position":[[14871,5]]}}}],["size",{"_index":342,"t":{"42":{"position":[[234,5]]},"80":{"position":[[317,4],[327,4]]},"96":{"position":[[310,4]]},"102":{"position":[[283,6],[534,6]]},"106":{"position":[[302,6]]},"108":{"position":[[390,4]]},"124":{"position":[[973,4],[1206,4]]},"572":{"position":[[735,4],[795,6]]},"574":{"position":[[148,6],[987,4],[992,4],[1037,5],[3331,6],[3429,6],[3797,4],[9828,5]]},"578":{"position":[[1343,4],[1377,4],[4710,6],[4752,6],[4765,5],[4889,4],[4927,4],[4971,4],[5484,5],[5533,4],[5540,4],[9073,5]]},"580":{"position":[[2105,4],[2169,5],[2541,4],[2601,5],[6316,7],[13687,6]]},"582":{"position":[[1010,4],[1078,5],[11618,6],[11633,4],[11664,4],[21550,5]]},"586":{"position":[[630,4],[701,5],[2137,7],[2149,4],[2248,4],[3627,6]]},"588":{"position":[[1518,4],[1574,5],[11569,6],[11603,6],[11616,5],[15534,5]]},"590":{"position":[[1272,4],[1340,5],[2423,7],[2545,6],[3500,6]]},"598":{"position":[[1786,4]]},"604":{"position":[[292,4],[345,4],[3308,5],[4843,4]]},"610":{"position":[[687,4],[737,5],[1039,6],[1271,4],[2813,4],[4414,5]]},"620":{"position":[[3621,4]]},"622":{"position":[[719,4],[796,5]]},"658":{"position":[[789,4],[827,5],[3359,5],[4024,4],[5924,4]]},"660":{"position":[[862,4],[915,4],[8835,7],[18304,6],[25807,6]]},"668":{"position":[[2393,5],[2483,4],[2567,4],[7201,4],[12357,4],[58745,5],[95409,5],[96132,4],[96248,4],[96365,4],[98447,5],[98467,5],[98494,4],[153111,4],[153121,4]]}}}],["size'",{"_index":760,"t":{"124":{"position":[[933,6],[1166,6]]}}}],["size=\"iconsize.x1",{"_index":2805,"t":{"610":{"position":[[1494,18]]}}}],["size=\"iconsize.x2",{"_index":2796,"t":{"610":{"position":[[1074,18],[1566,18],[1915,18],[2008,18],[2089,18],[2163,18],[2255,18],[2340,18],[2428,18],[2502,18],[2578,18],[2660,18],[2742,18]]}}}],["size=\"iconsize.x3",{"_index":2797,"t":{"610":{"position":[[1124,18],[1638,18]]}}}],["size=\"iconsize.x4",{"_index":2798,"t":{"610":{"position":[[1174,18],[1710,18]]}}}],["size=\"iconsize.x5",{"_index":2799,"t":{"610":{"position":[[1224,18],[1782,18]]}}}],["size=\"iconsize.x6",{"_index":2806,"t":{"610":{"position":[[1854,18]]}}}],["size=\"modalsize.extralarg",{"_index":2103,"t":{"588":{"position":[[11755,28]]}}}],["size=\"modalsize.larg",{"_index":2106,"t":{"588":{"position":[[11868,23]]}}}],["size=\"modalsize.smal",{"_index":2109,"t":{"588":{"position":[[11976,23]]}}}],["size=\"offcanvassize.larg",{"_index":1985,"t":{"582":{"position":[[15934,27]]}}}],["size=\"offcanvassize.smal",{"_index":1984,"t":{"582":{"position":[[11793,27]]}}}],["size=\"paginationsize.larg",{"_index":2193,"t":{"590":{"position":[[2502,27],[2730,27]]}}}],["size=\"paginationsize.smal",{"_index":2192,"t":{"590":{"position":[[2471,27],[2600,27]]}}}],["size=\"placeholdersize.extrasmal",{"_index":2033,"t":{"586":{"position":[[2519,33],[3035,33],[3414,33]]}}}],["size=\"placeholdersize.larg",{"_index":2031,"t":{"586":{"position":[[2367,28],[2883,28],[3262,28]]}}}],["size=\"placeholdersize.smal",{"_index":2032,"t":{"586":{"position":[[2443,28],[2959,28],[3338,28]]}}}],["size=\"size.extrasmal",{"_index":2914,"t":{"612":{"position":[[13910,22],[14940,22],[15383,22]]}}}],["size=\"size.larg",{"_index":1439,"t":{"574":{"position":[[3375,17],[3476,18],[3556,18],[4167,17],[4263,17],[4389,17],[4508,17]]},"660":{"position":[[8885,18],[9021,17],[9282,17]]}}}],["size=\"size.smal",{"_index":1440,"t":{"574":{"position":[[3396,17],[3643,18],[3723,18]]},"596":{"position":[[2503,17],[2638,17],[2773,17],[4755,17],[4899,17],[5043,17],[5189,17],[5335,17],[5484,17],[5630,17]]},"604":{"position":[[4372,17],[4481,17]]},"616":{"position":[[4771,17],[4917,17],[5066,17],[5207,17],[5375,17]]},"618":{"position":[[4150,17],[4296,17],[4445,17],[11387,17],[11533,17]]},"620":{"position":[[6809,17],[6955,17],[7104,17],[7247,17],[7419,17]]},"624":{"position":[[3858,17],[4004,17],[4153,17],[7801,17],[7947,17],[11756,17],[11888,17],[12024,17],[12162,17]]},"660":{"position":[[9774,18],[10153,17],[15460,17],[15555,17]]},"664":{"position":[[19027,17]]}}}],["size=\"spinnersize.extralarg",{"_index":2659,"t":{"604":{"position":[[3513,29],[3737,29],[4130,29]]}}}],["size=\"spinnersize.larg",{"_index":2658,"t":{"604":{"position":[[3450,24],[3676,24],[4028,24]]}}}],["size=\"spinnersize.smal",{"_index":2657,"t":{"604":{"position":[[3349,24],[3579,24],[3845,24]]}}}],["slide",{"_index":2061,"t":{"588":{"position":[[3516,5]]}}}],["sm",{"_index":1486,"t":{"574":{"position":[[7224,3]]},"580":{"position":[[6541,2],[6836,2],[10813,2]]},"588":{"position":[[12611,3]]},"622":{"position":[[2189,2],[4016,2],[5647,2],[6616,2],[10609,2],[12147,2]]}}}],["sm</button",{"_index":2131,"t":{"588":{"position":[[13432,11]]}}}],["small",{"_index":1309,"t":{"572":{"position":[[90,5]]},"574":{"position":[[3662,5],[3742,5]]},"578":{"position":[[4883,5],[5102,5]]},"580":{"position":[[12430,6],[12778,6],[13221,6]]},"582":{"position":[[11724,5],[15710,5]]},"658":{"position":[[3562,5]]}}}],["smaller",{"_index":1438,"t":{"574":{"position":[[3354,7]]},"590":{"position":[[2447,7]]},"630":{"position":[[1322,7]]}}}],["smallest",{"_index":733,"t":{"114":{"position":[[460,8]]}}}],["smmodal",{"_index":2115,"t":{"588":{"position":[[12401,8],[13905,8]]}}}],["smmodal?.showasync()\">ful",{"_index":2130,"t":{"588":{"position":[[13392,26]]}}}],["smmodal?.showasync()\">smal",{"_index":2112,"t":{"588":{"position":[[12290,27]]}}}],["sobi",{"_index":3287,"t":{"622":{"position":[[3022,7],[4893,7],[7518,7]]}}}],["sodal",{"_index":1858,"t":{"582":{"position":[[7802,7],[9017,7],[9549,7],[12043,7],[13258,7],[13790,7],[16184,7],[17399,7],[17931,7]]}}}],["softwar",{"_index":128,"t":{"2":{"position":[[2813,8]]},"118":{"position":[[978,8]]}}}],["solid",{"_index":2803,"t":{"610":{"position":[[1469,5],[1541,5],[1613,5],[1685,5],[1757,5],[1829,5],[3977,5],[4111,5]]},"622":{"position":[[8268,5],[8309,5]]},"626":{"position":[[8025,5],[8066,5]]},"628":{"position":[[7205,5],[7246,5],[9802,5],[9843,5]]},"630":{"position":[[11261,5],[11302,5]]},"660":{"position":[[18930,5],[18971,5]]},"662":{"position":[[5322,5],[5363,5],[9342,5],[9383,5]]}}}],["someth",{"_index":1572,"t":{"578":{"position":[[148,10],[8831,9],[8856,9]]},"586":{"position":[[140,9],[2698,9]]}}}],["sometim",{"_index":2943,"t":{"616":{"position":[[155,9]]}}}],["somewhere</button",{"_index":1699,"t":{"580":{"position":[[3062,18],[4295,18],[4659,18],[6258,18],[6774,18],[7069,18],[7539,18],[7871,18],[8200,18]]}}}],["soon",{"_index":1790,"t":{"582":{"position":[[1815,4]]},"588":{"position":[[2119,4]]}}}],["sort",{"_index":288,"t":{"30":{"position":[[378,7],[410,7]]},"42":{"position":[[434,7]]},"92":{"position":[[240,7]]},"138":{"position":[[1579,7]]},"172":{"position":[[751,7]]},"176":{"position":[[260,7]]},"178":{"position":[[34,8],[261,7]]},"182":{"position":[[263,7]]},"238":{"position":[[1226,7]]},"274":{"position":[[751,7]]},"474":{"position":[[248,7]]},"602":{"position":[[527,7],[10322,8],[10352,7],[10434,7],[10937,6],[12614,7],[13984,7]]},"668":{"position":[[176,8],[661,8],[5848,4],[6017,7],[6051,7],[6202,4],[6365,8],[6427,4],[6485,8],[6528,8],[14828,8],[14841,8],[17271,8],[18853,8],[21995,8],[24677,8],[27954,8],[30396,8],[30426,8],[32519,7],[32999,8],[33069,8],[33150,4],[33206,7],[33407,7],[34531,8],[35936,8],[36006,8],[36023,7],[36100,7],[37179,8],[39755,8],[42371,8],[44959,8],[47795,8],[58792,7],[60600,8],[69967,8],[73391,8],[76503,8],[78448,7],[79988,8],[83169,8],[86195,8],[87831,8],[89636,8],[93850,8],[96673,8],[99468,8],[104813,8],[113246,8],[115466,8],[117933,8],[121953,8],[125862,8],[129432,7],[132085,7],[134775,7],[137580,7],[139519,8],[142283,8],[144935,8],[152488,7],[152531,7],[152653,7],[152673,7],[152705,7]]}}}],["sortabl",{"_index":586,"t":{"92":{"position":[[279,8]]},"600":{"position":[[17524,8]]},"602":{"position":[[11,8],[45,8],[90,8],[1791,8],[1895,8],[11014,8],[11192,8],[12586,10],[14019,9]]},"604":{"position":[[4693,8]]},"668":{"position":[[5976,8]]}}}],["sortable.j",{"_index":3827,"t":{"636":{"position":[[2587,11]]},"638":{"position":[[2039,11],[5209,11]]},"640":{"position":[[2402,11],[5967,11]]},"642":{"position":[[2421,11],[5139,11]]},"644":{"position":[[2421,11],[5340,11]]},"646":{"position":[[2061,11]]},"648":{"position":[[2061,11]]},"650":{"position":[[2084,11],[4960,11]]},"656":{"position":[[2075,11],[5215,11]]}}}],["sortable=\"fals",{"_index":4547,"t":{"668":{"position":[[35949,16],[36609,17],[79320,17]]}}}],["sortablej",{"_index":2506,"t":{"602":{"position":[[131,11],[246,10]]}}}],["sortablelist",{"_index":59,"t":{"2":{"position":[[1081,12],[1219,12]]},"122":{"position":[[127,12],[206,12],[499,12]]},"154":{"position":[[1125,12],[1263,12]]},"228":{"position":[[1134,12],[1272,12]]},"308":{"position":[[175,12],[313,12]]},"310":{"position":[[1128,12],[1266,12]]},"342":{"position":[[455,12],[593,12]]},"400":{"position":[[173,12],[311,12]]},"414":{"position":[[523,12],[661,12]]},"418":{"position":[[21,14],[177,12],[315,12]]},"428":{"position":[[168,12],[306,12]]},"556":{"position":[[171,12],[309,12]]},"602":{"position":[[210,12],[1674,12],[2315,13],[2454,15],[3199,13],[3418,15],[3459,13],[3678,15],[5316,13],[5534,15],[5575,13],[5793,15],[5834,13],[6052,15],[8387,13],[8624,15],[8665,13],[8902,15],[10442,13],[10565,15],[10975,13],[11308,15],[11892,13],[12121,15],[12711,13],[12885,15],[13620,13],[13722,15]]},"636":{"position":[[2612,12]]},"638":{"position":[[2064,12],[5234,12]]},"640":{"position":[[2427,12],[5992,12]]},"642":{"position":[[2446,12],[5164,12]]},"644":{"position":[[2446,12],[5365,12]]},"646":{"position":[[2086,12]]},"648":{"position":[[2086,12]]},"650":{"position":[[2109,12],[4985,12]]},"656":{"position":[[2100,12],[5240,12]]}}}],["sortablelist1",{"_index":893,"t":{"142":{"position":[[1698,13]]}}}],["sortablelistpullmod",{"_index":2525,"t":{"602":{"position":[[1709,20]]}}}],["sortablelistpullmode.tru",{"_index":2526,"t":{"602":{"position":[[1730,25]]}}}],["sortablelistputmod",{"_index":2529,"t":{"602":{"position":[[1816,19]]}}}],["sortablelistputmode.tru",{"_index":2530,"t":{"602":{"position":[[1836,24]]}}}],["sortdirect",{"_index":4336,"t":{"668":{"position":[[6130,13],[6144,13],[32387,13],[32401,13],[32618,13],[32806,14],[129300,13],[129314,13],[129530,13],[129717,14],[131953,13],[131967,13],[132183,13],[132370,14],[134643,13],[134657,13],[134873,13],[135060,14],[137448,13],[137462,13],[137678,13],[137865,14]]}}}],["sortdirection.ascend",{"_index":4338,"t":{"668":{"position":[[6234,23]]}}}],["sortdirection.descend",{"_index":4339,"t":{"668":{"position":[[6261,24]]}}}],["sortdirection.non",{"_index":4337,"t":{"668":{"position":[[6158,18],[32417,19],[129330,19],[131983,19],[134673,19],[137478,19]]}}}],["sortdirection=\"sortdirection.descend",{"_index":4543,"t":{"668":{"position":[[33231,40],[33807,41]]}}}],["sorting1",{"_index":794,"t":{"142":{"position":[[291,8]]}}}],["sortkeyselector",{"_index":4340,"t":{"668":{"position":[[6292,15],[14867,15],[14954,15],[30497,15],[36053,15]]}}}],["sortkeyselector=\"@(item",{"_index":4546,"t":{"668":{"position":[[33620,23],[33741,23],[33932,23],[34061,23],[34177,23],[36365,23],[36486,23],[36709,23],[36825,23]]}}}],["sortkeyselector=\"item",{"_index":4424,"t":{"668":{"position":[[15209,21],[15327,21],[15447,21],[15573,21],[15686,21],[17678,21],[17816,21],[17963,21],[18108,21],[18245,21],[30816,21],[31100,21],[31294,21],[31475,21],[31662,21],[31860,21],[32054,21],[59507,21],[59715,21],[59862,21],[60007,21],[60144,21],[69049,21],[69187,21],[69334,21],[69479,21],[69616,21],[72406,21],[72544,21],[72691,21],[72836,21],[72973,21],[75565,21],[75723,21],[75870,21],[76015,21],[76152,21],[78754,21],[78892,21],[79039,21],[79184,21],[101496,21],[101614,21],[101734,21],[101860,21],[101973,21],[102327,21],[102445,21],[102565,21],[102691,21],[102804,21],[103144,21],[103262,21],[103382,21],[103508,21],[103621,21],[103975,21],[104093,21],[104213,21],[104339,21],[104452,21],[106208,21],[106346,21],[106493,21],[106638,21],[106775,21],[107228,21],[107366,21],[107513,21],[107658,21],[107795,21],[108246,21],[108384,21],[108531,21],[108676,21],[108813,21],[109266,21],[109404,21],[109551,21],[109696,21],[109833,21],[110280,21],[110418,21],[110565,21],[110710,21],[110847,21],[111294,21],[111432,21],[111579,21],[111724,21],[111861,21],[112318,21],[112456,21],[112603,21],[112748,21],[112885,21],[114567,21],[114685,21],[114805,21],[114931,21],[115044,21],[117034,21],[117152,21],[117272,21],[117398,21],[117511,21],[119916,21],[120054,21],[120201,21],[120346,21],[120483,21],[127690,21],[127974,21],[128168,21],[128349,21],[128536,21],[128734,21],[128952,21],[130248,21],[130573,21],[130767,21],[130948,21],[131135,21],[131333,21],[131605,21],[132938,21],[133263,21],[133457,21],[133638,21],[133825,21],[134023,21],[134295,21],[135662,21],[135988,21],[136182,21],[136363,21],[136550,21],[136828,21],[137100,21],[138591,21],[138729,21],[138876,21],[139021,21],[139158,21]]}}}],["sortstr",{"_index":4343,"t":{"668":{"position":[[6380,10],[30447,10],[32370,10],[32559,10],[32794,11],[129283,10],[129472,10],[129705,11],[131936,10],[132125,10],[132358,11],[134626,10],[134815,10],[135048,11],[137431,10],[137620,10],[137853,11]]}}}],["sortstring=\"address",{"_index":4513,"t":{"668":{"position":[[31641,20],[128515,20],[131114,20],[133804,20],[136529,20]]}}}],["sortstring=\"countri",{"_index":4525,"t":{"668":{"position":[[32033,20],[128931,20],[131584,20],[134274,20],[137079,20]]}}}],["sortstring=\"customerid",{"_index":4494,"t":{"668":{"position":[[30792,23],[127666,23],[130224,23],[132914,23],[135638,23]]}}}],["sortstring=\"customernam",{"_index":4499,"t":{"668":{"position":[[31074,25],[127948,25],[130547,25],[133237,25],[135962,25]]}}}],["sortstring=\"email",{"_index":4508,"t":{"668":{"position":[[31456,18],[128330,18],[130929,18],[133619,18],[136344,18]]}}}],["sortstring=\"phon",{"_index":4504,"t":{"668":{"position":[[31275,18],[128149,18],[130748,18],[133438,18],[136163,18]]}}}],["sortstring=\"postalzip",{"_index":4520,"t":{"668":{"position":[[31837,22],[128711,22],[131310,22],[134000,22],[136805,22]]}}}],["sourc",{"_index":127,"t":{"2":{"position":[[2806,6]]},"44":{"position":[[574,6]]},"118":{"position":[[971,6]]},"594":{"position":[[325,6],[1116,6]]},"598":{"position":[[1911,6]]},"614":{"position":[[364,6]]},"622":{"position":[[168,7]]},"668":{"position":[[115,7]]}}}],["source=\"//cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.j",{"_index":2245,"t":{"594":{"position":[[866,63]]}}}],["source=\"//cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min1.j",{"_index":2252,"t":{"594":{"position":[[1343,66]]}}}],["space",{"_index":671,"t":{"106":{"position":[[387,5]]},"564":{"position":[[1959,7]]},"574":{"position":[[5692,8]]},"660":{"position":[[18246,7],[18806,5]]}}}],["span",{"_index":1483,"t":{"574":{"position":[[7185,5]]},"620":{"position":[[4748,5]]},"626":{"position":[[4171,5],[4636,5],[4937,5],[6188,5],[8312,5],[9063,5],[11148,5]]},"628":{"position":[[7494,5],[7787,5],[10099,5],[10407,5],[10804,5]]},"630":{"position":[[8106,5],[9401,5],[11548,5],[12385,5],[16984,5]]},"660":{"position":[[19343,5],[19976,5]]},"662":{"position":[[5621,5],[5959,5],[6284,5],[6586,5],[6905,5],[9642,5],[10041,5]]}}}],["span>fahrenheit</span",{"_index":3760,"t":{"632":{"position":[[5777,23]]}}}],["spangap",{"_index":3230,"t":{"620":{"position":[[4539,8]]}}}],["special",{"_index":2650,"t":{"604":{"position":[[2062,7]]},"628":{"position":[[275,7]]},"662":{"position":[[279,7]]}}}],["specif",{"_index":284,"t":{"30":{"position":[[313,8],[394,8]]},"574":{"position":[[5640,8]]},"580":{"position":[[6340,8],[7230,8]]},"612":{"position":[[4911,8]]},"668":{"position":[[6030,8],[23384,8],[23468,8],[35920,8],[92066,8],[152566,8],[152689,8]]}}}],["specifi",{"_index":2160,"t":{"590":{"position":[[640,10],[837,10],[1034,10],[1255,10]]},"594":{"position":[[363,9],[1126,10]]},"602":{"position":[[966,9],[10843,9]]},"606":{"position":[[482,7]]},"610":{"position":[[539,7]]},"620":{"position":[[4711,10]]},"626":{"position":[[1724,7]]},"630":{"position":[[1411,9],[6004,7]]},"632":{"position":[[799,9],[3622,7],[4197,9],[4281,9]]}}}],["spin",{"_index":2646,"t":{"604":{"position":[[1458,5]]}}}],["spinner",{"_index":76,"t":{"2":{"position":[[1690,7],[1817,7]]},"46":{"position":[[876,7]]},"48":{"position":[[707,7]]},"116":{"position":[[129,7],[186,7],[533,7]]},"138":{"position":[[375,7],[701,7]]},"154":{"position":[[1734,7],[1861,7]]},"162":{"position":[[1016,7],[1342,7]]},"164":{"position":[[433,7],[759,7]]},"170":{"position":[[425,7],[751,7]]},"192":{"position":[[349,7]]},"198":{"position":[[426,7],[752,7]]},"200":{"position":[[349,7]]},"202":{"position":[[28,8],[426,7],[752,7]]},"212":{"position":[[425,7]]},"220":{"position":[[339,7]]},"222":{"position":[[3070,7]]},"228":{"position":[[1743,7],[1870,7]]},"236":{"position":[[3079,7]]},"238":{"position":[[348,7]]},"308":{"position":[[784,7],[911,7]]},"310":{"position":[[1737,7],[1864,7]]},"330":{"position":[[525,7],[652,7]]},"336":{"position":[[840,7],[967,7]]},"340":{"position":[[176,7],[303,7]]},"420":{"position":[[21,9],[174,7],[301,7]]},"480":{"position":[[339,7]]},"484":{"position":[[419,7]]},"548":{"position":[[173,7],[300,7]]},"574":{"position":[[643,7],[6790,8],[6803,8],[6928,7],[7211,7],[7338,7],[7375,8],[7774,7],[9922,7],[9948,7]]},"592":{"position":[[2216,7],[2250,7],[3850,7]]},"602":{"position":[[13884,8]]},"604":{"position":[[11,8],[126,7],[277,8],[357,8],[526,8],[584,7],[717,8],[741,8],[787,8],[1005,8],[1014,8],[1055,8],[1098,8],[1139,8],[1179,8],[1220,8],[1258,8],[1297,8],[1355,8],[1392,8],[1420,8],[1489,8],[1554,8],[1621,8],[1686,8],[1750,8],[1815,8],[1877,8],[1940,8],[2030,8],[2117,8],[2195,8],[2275,8],[2353,8],[2430,8],[2508,8],[2583,8],[2659,8],[2768,8],[2894,8],[3025,8],[3132,8],[3248,8],[3314,8],[3377,8],[3415,8],[3478,8],[3546,8],[3607,8],[3643,8],[3704,8],[3770,8],[3873,8],[3953,8],[4056,8],[4187,8],[4744,7],[4764,7],[4785,7]]},"612":{"position":[[16139,8]]},"626":{"position":[[4422,7]]}}}],["spinner'",{"_index":2633,"t":{"604":{"position":[[833,9],[941,9]]}}}],["spinner1",{"_index":894,"t":{"142":{"position":[[1712,8]]}}}],["spinner2",{"_index":801,"t":{"142":{"position":[[505,8]]}}}],["spinner</button",{"_index":2227,"t":{"592":{"position":[[2526,16],[2661,16],[2790,16],[2916,16],[3045,16],[3165,16],[3288,16],[3408,16]]}}}],["spinnercolor",{"_index":2209,"t":{"592":{"position":[[715,12],[798,12],[2279,12],[3545,13]]},"604":{"position":[[216,12]]}}}],["spinnercolor.light",{"_index":2210,"t":{"592":{"position":[[730,19],[813,19]]}}}],["spinnercolor.non",{"_index":2627,"t":{"604":{"position":[[229,17]]}}}],["spinners",{"_index":2628,"t":{"604":{"position":[[297,11]]}}}],["spinnersize.medium",{"_index":2629,"t":{"604":{"position":[[309,18]]}}}],["spinnertyp",{"_index":2630,"t":{"604":{"position":[[466,11]]}}}],["spinnertype.bord",{"_index":2631,"t":{"604":{"position":[[478,18]]}}}],["split",{"_index":365,"t":{"44":{"position":[[590,5]]},"102":{"position":[[270,5]]},"660":{"position":[[944,5],[992,5],[6249,5],[9372,5],[10243,5],[11310,5],[25794,5]]}}}],["split=\"tru",{"_index":4062,"t":{"660":{"position":[[6305,13],[6725,13],[7151,13],[7571,13],[7982,13],[8402,13],[9300,13],[10171,13],[11237,13],[12894,13],[13958,13]]}}}],["src",{"_index":2934,"t":{"614":{"position":[[330,3]]}}}],["src=\"/images/placeholder.png",{"_index":1710,"t":{"580":{"position":[[3947,29],[4718,29],[5370,29],[10886,29],[11262,29],[11589,29],[12159,29],[12556,29],[12904,29]]},"614":{"position":[[699,29],[887,29],[996,29],[1083,29],[1168,29],[1284,29]]}}}],["src=\"_content/blazor.bootstrap/blazor.bootstrap.js\"></script",{"_index":3828,"t":{"636":{"position":[[2763,61],[5619,61]]},"638":{"position":[[2215,61],[5385,61]]},"640":{"position":[[2578,61],[6143,61]]},"642":{"position":[[2597,61],[5315,61]]},"644":{"position":[[2597,61],[5516,61]]},"646":{"position":[[2237,61]]},"648":{"position":[[2237,61]]},"650":{"position":[[2260,61],[5136,61]]},"656":{"position":[[2251,61],[5391,61]]}}}],["src=\"_framework/blazor.server.js\"></script",{"_index":3872,"t":{"636":{"position":[[5025,43]]},"640":{"position":[[4953,43]]}}}],["src=\"_framework/blazor.web.js\"></script",{"_index":3927,"t":{"638":{"position":[[4198,40]]},"650":{"position":[[3949,40]]}}}],["src=\"_framework/blazor.webassembly.js\"></script",{"_index":3966,"t":{"642":{"position":[[4539,48]]},"644":{"position":[[4740,48]]},"656":{"position":[[4196,48]]}}}],["src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.j",{"_index":3814,"t":{"636":{"position":[[1625,82],[5077,82]]},"638":{"position":[[1077,82],[4247,82]]},"640":{"position":[[1440,82],[5005,82]]},"642":{"position":[[1459,82],[4596,82]]},"644":{"position":[[1459,82],[4797,82]]},"646":{"position":[[1099,82]]},"648":{"position":[[1099,82]]},"650":{"position":[[1122,82],[3998,82]]},"656":{"position":[[1113,82],[4253,82]]}}}],["src=\"https://cdn.jsdelivr.net/npm/sortablejs@latest/sortable.min.js\"></script",{"_index":2511,"t":{"602":{"position":[[320,78]]},"636":{"position":[[2676,78]]},"638":{"position":[[2128,78],[5298,78]]},"640":{"position":[[2491,78],[6056,78]]},"642":{"position":[[2510,78],[5228,78]]},"644":{"position":[[2510,78],[5429,78]]},"646":{"position":[[2150,78]]},"648":{"position":[[2150,78]]},"650":{"position":[[2173,78],[5049,78]]},"656":{"position":[[2164,78],[5304,78]]}}}],["src=\"https://cdnjs.cloudflare.com/ajax/libs/chart.js/4.0.1/chart.umd.j",{"_index":3817,"t":{"636":{"position":[[1916,72],[5286,72]]},"638":{"position":[[1368,72],[4538,72]]},"640":{"position":[[1731,72],[5296,72]]},"642":{"position":[[1750,72],[4805,72]]},"644":{"position":[[1750,72],[5006,72]]},"646":{"position":[[1390,72]]},"648":{"position":[[1390,72]]},"650":{"position":[[1413,72],[4289,72]]},"656":{"position":[[1404,72],[4544,72]]}}}],["src=\"https://cdnjs.cloudflare.com/ajax/libs/chartj",{"_index":3824,"t":{"636":{"position":[[2297,51]]},"638":{"position":[[1749,51],[4919,51]]},"640":{"position":[[2112,51],[5677,51]]},"642":{"position":[[2131,51]]},"644":{"position":[[2131,51]]},"646":{"position":[[1771,51]]},"648":{"position":[[1771,51]]},"650":{"position":[[1794,51],[4670,51]]},"656":{"position":[[1785,51],[4925,51]]}}}],["stack",{"_index":328,"t":{"38":{"position":[[392,5]]},"574":{"position":[[5494,6]]},"580":{"position":[[10723,7]]},"596":{"position":[[148,7]]},"606":{"position":[[9782,5],[12362,5]]},"616":{"position":[[10485,7],[17230,7]]}}}],["stacklength",{"_index":2679,"t":{"606":{"position":[[1031,11],[10030,11],[10075,11]]}}}],["stacklength=\"3",{"_index":2737,"t":{"606":{"position":[[10208,15]]}}}],["standalon",{"_index":3993,"t":{"656":{"position":[[3025,10]]}}}],["standard",{"_index":2636,"t":{"604":{"position":[[996,8]]},"630":{"position":[[5687,9]]}}}],["star",{"_index":3226,"t":{"620":{"position":[[4415,7]]}}}],["start",{"_index":660,"t":{"104":{"position":[[681,7]]},"114":{"position":[[690,7],[774,7]]},"564":{"position":[[3808,5]]},"580":{"position":[[2733,6],[6358,6],[10713,5],[10797,8]]},"582":{"position":[[1766,5],[1841,7]]},"588":{"position":[[2070,5],[2145,7],[2941,7]]},"600":{"position":[[2289,9],[2350,10],[4388,9],[4449,10],[7279,9],[7340,10],[10273,9],[10334,10],[13271,9],[13332,10],[16003,9],[16064,10]]},"602":{"position":[[11169,7]]},"614":{"position":[[1047,6]]},"616":{"position":[[4188,7]]},"618":{"position":[[3557,7],[14217,8]]},"620":{"position":[[2712,5],[5366,5],[5418,5],[6154,7],[16316,8],[16334,7]]},"624":{"position":[[3275,7]]},"628":{"position":[[9685,5],[12726,6]]},"636":{"position":[[8,7],[60,7],[97,7]]},"638":{"position":[[8,7],[65,7],[151,7]]},"640":{"position":[[8,7],[60,7],[97,7]]},"642":{"position":[[8,7],[65,7],[107,7]]},"644":{"position":[[8,7],[65,7],[107,7]]},"646":{"position":[[8,7],[69,7],[115,7]]},"648":{"position":[[8,7],[69,7],[115,7]]},"650":{"position":[[8,7],[67,7],[155,7]]},"652":{"position":[[72,7],[240,7],[323,7],[402,7]]},"654":{"position":[[77,7],[245,7],[328,7],[407,7]]},"656":{"position":[[8,7],[65,7],[107,7]]},"664":{"position":[[2206,9],[2267,10],[3317,9],[3378,10],[5149,9],[5210,10],[7408,9],[7469,10],[9761,9],[9822,10],[12234,9],[12295,10],[14664,9],[14725,10],[17055,9],[17116,10],[19538,9],[19599,10],[22841,9],[22902,10],[24758,9],[24819,10]]}}}],["startdat",{"_index":3651,"t":{"628":{"position":[[11820,10],[11836,10],[12056,10],[12768,9]]}}}],["startdate.hasvalu",{"_index":3652,"t":{"628":{"position":[[11858,20]]}}}],["startdate.valu",{"_index":3654,"t":{"628":{"position":[[12116,16]]}}}],["startdate.value.adddays(5",{"_index":3655,"t":{"628":{"position":[[12149,27]]}}}],["startdatechanged(datetim",{"_index":3650,"t":{"628":{"position":[[11793,26]]}}}],["startdatechanged(valu",{"_index":3636,"t":{"628":{"position":[[10615,24]]}}}],["starter",{"_index":423,"t":{"60":{"position":[[145,7],[255,7],[321,7],[745,7],[779,7]]},"136":{"position":[[1235,7],[1345,7],[1477,7],[1511,7]]},"142":{"position":[[521,7],[684,7]]},"148":{"position":[[1711,7],[1821,7],[1953,7],[1987,7]]},"158":{"position":[[202,7],[312,7],[444,7],[478,7]]},"204":{"position":[[29,7],[207,7],[317,7],[449,7],[483,7]]},"210":{"position":[[199,7],[309,7],[441,7],[475,7]]},"222":{"position":[[936,7],[1046,7],[1178,7],[1212,7]]},"232":{"position":[[38,7],[216,7],[326,7],[458,7],[492,7]]},"236":{"position":[[945,7],[1055,7],[1187,7],[1221,7]]},"312":{"position":[[193,7],[303,7],[435,7],[469,7]]},"322":{"position":[[939,7],[1049,7],[1181,7],[1215,7]]},"510":{"position":[[189,7],[299,7],[431,7],[465,7]]},"636":{"position":[[3647,7],[8383,7]]},"638":{"position":[[3195,7],[8978,7]]},"640":{"position":[[3460,7],[8920,7]]},"642":{"position":[[3494,7],[7814,7]]},"644":{"position":[[3494,7],[7975,7]]},"646":{"position":[[2938,7],[3171,7]]},"648":{"position":[[3122,7],[3350,7]]},"650":{"position":[[2958,7],[7811,7]]},"652":{"position":[[1698,7],[1939,7]]},"654":{"position":[[1703,7],[1956,7]]},"656":{"position":[[2956,7],[7671,7]]}}}],["state",{"_index":340,"t":{"42":{"position":[[186,6],[197,5]]},"72":{"position":[[612,5]]},"568":{"position":[[1967,6]]},"574":{"position":[[155,7],[282,6],[584,6],[1649,5],[1715,5],[3822,6],[4014,6],[4583,5],[4619,5],[5432,5],[6415,7],[6764,6],[7449,6],[9843,5],[9868,5],[9907,6]]},"580":{"position":[[6406,7]]},"590":{"position":[[2244,7],[3493,6]]},"592":{"position":[[68,5]]},"598":{"position":[[485,6],[643,6]]},"604":{"position":[[70,5]]},"606":{"position":[[702,6]]},"612":{"position":[[1633,6],[1791,6]]},"616":{"position":[[2678,5]]},"618":{"position":[[2431,5]]},"620":{"position":[[2776,5]]},"622":{"position":[[441,6],[1847,6]]},"624":{"position":[[2261,5]]},"626":{"position":[[481,6]]},"628":{"position":[[520,6]]},"630":{"position":[[561,6]]},"632":{"position":[[243,6]]},"634":{"position":[[266,6]]},"660":{"position":[[2268,6]]},"662":{"position":[[524,6]]},"668":{"position":[[3481,5],[58697,6],[58708,5],[58800,5],[58963,6],[59008,5],[59075,5]]}}}],["static",{"_index":525,"t":{"80":{"position":[[362,6]]},"88":{"position":[[307,6]]},"96":{"position":[[494,6]]},"582":{"position":[[7388,6],[21534,6]]},"588":{"position":[[1761,6],[2780,6],[7663,6],[8393,6],[15431,6]]},"638":{"position":[[6592,6],[7293,6]]},"650":{"position":[[6145,6]]}}}],["statu",{"_index":3776,"t":{"634":{"position":[[884,7],[927,7],[2817,7]]},"668":{"position":[[142563,6],[142665,6],[142766,6],[142867,6],[142972,6],[143084,6],[143198,6],[143301,6],[143381,6],[143482,6],[143662,6],[145237,6],[145361,6],[145484,6],[145607,6],[145734,6],[145868,6],[146004,6],[146129,6],[146231,6],[146354,6],[146564,6]]}}}],["stay",{"_index":1161,"t":{"568":{"position":[[256,4]]},"602":{"position":[[8323,5]]}}}],["step",{"_index":353,"t":{"44":{"position":[[311,4]]},"110":{"position":[[510,4]]},"620":{"position":[[4809,7],[4855,7]]},"626":{"position":[[953,4],[988,5],[4350,5],[4360,4],[4374,8],[4467,4],[11778,4]]},"632":{"position":[[395,4],[426,4],[4155,5],[4165,4],[4291,8],[6247,4]]},"636":{"position":[[3235,6]]},"638":{"position":[[2690,6]]},"640":{"position":[[3050,6]]},"642":{"position":[[3085,6]]},"644":{"position":[[3085,6]]},"646":{"position":[[2713,6]]},"648":{"position":[[2713,6]]},"650":{"position":[[2735,6]]},"652":{"position":[[331,5],[410,5],[439,6],[1933,5]]},"654":{"position":[[336,5],[415,5],[444,6],[1950,5]]},"656":{"position":[[2731,6]]}}}],["step=\"0.01",{"_index":3753,"t":{"632":{"position":[[5354,11]]}}}],["step=\"10",{"_index":3483,"t":{"626":{"position":[[4596,9]]},"632":{"position":[[4838,9]]}}}],["step=\"2.5",{"_index":3487,"t":{"626":{"position":[[4896,10]]}}}],["step=\"20",{"_index":3752,"t":{"632":{"position":[[5054,9]]}}}],["step=\"5",{"_index":3751,"t":{"632":{"position":[[4624,8]]}}}],["still",{"_index":684,"t":{"108":{"position":[[437,5]]},"586":{"position":[[154,5]]}}}],["stop",{"_index":4574,"t":{"668":{"position":[[52137,4],[52182,4],[52445,4],[52490,4],[52761,4],[52806,4],[54174,4],[54219,4]]}}}],["storag",{"_index":5001,"t":{"668":{"position":[[58927,7],[59030,8],[59052,8]]}}}],["straightlin",{"_index":3236,"t":{"620":{"position":[[4971,14]]}}}],["strang",{"_index":668,"t":{"106":{"position":[[333,7]]}}}],["string",{"_index":540,"t":{"82":{"position":[[219,7]]},"110":{"position":[[764,6]]},"566":{"position":[[399,6]]},"568":{"position":[[2084,6],[2131,6]]},"572":{"position":[[629,6]]},"574":{"position":[[775,6],[1181,7],[1452,6],[5284,6],[8825,6],[9537,6],[9617,6]]},"576":{"position":[[392,6]]},"578":{"position":[[235,6],[365,6],[382,6],[758,6],[939,6],[1292,6],[1506,6],[2365,6]]},"580":{"position":[[1864,7]]},"582":{"position":[[253,6],[474,6],[617,6],[1146,6],[3568,6],[3830,7],[4980,6],[5155,6],[5580,7]]},"588":{"position":[[252,6],[563,6],[656,6],[908,6],[1312,6],[1642,6],[4362,6],[4603,7],[5749,6],[5924,6],[6292,7]]},"590":{"position":[[545,6],[745,6],[942,6],[1151,6]]},"592":{"position":[[577,7],[833,7]]},"594":{"position":[[278,7],[332,7],[1458,7]]},"596":{"position":[[671,6]]},"598":{"position":[[661,6],[712,6],[1209,7],[1472,7],[1611,7],[1894,7],[2172,7],[2237,7],[6565,7],[9542,7]]},"600":{"position":[[279,7],[342,7],[485,7],[609,7],[657,7],[1032,7],[1105,7],[1164,7],[1343,7],[1524,7],[1679,7]]},"602":{"position":[[743,7],[1063,6],[1176,7],[1256,7],[1632,7],[2880,7],[5201,7],[8147,7],[10282,7],[10768,7],[11734,7],[12547,7],[13576,7],[13814,7]]},"604":{"position":[[378,7],[636,7]]},"606":{"position":[[1275,6],[1332,6],[1476,6],[1530,6]]},"608":{"position":[[583,6],[1848,6]]},"610":{"position":[[526,7]]},"612":{"position":[[1809,6],[1860,6],[12536,6]]},"614":{"position":[[264,7],[334,7]]},"616":{"position":[[670,6],[789,6],[1087,9],[2262,6],[3006,6],[3097,6],[3154,6],[3226,6],[3393,7],[3446,7],[3636,6],[3856,7],[5684,8],[8955,6],[16899,8]]},"618":{"position":[[766,6],[885,6],[1183,9],[2010,6],[2759,6],[2850,6],[3008,7],[3265,7],[4691,9],[7924,6],[7995,6],[11779,9],[12525,8],[15123,6],[15194,6]]},"620":{"position":[[815,6],[934,6],[1232,9],[2146,6],[3158,6],[5061,6],[5118,6],[5190,6],[5358,7],[5410,7],[5601,6],[5821,7],[11000,6],[17187,8]]},"622":{"position":[[464,6],[537,6],[605,6],[666,6],[1007,6],[1043,6],[2455,6],[3679,6],[3956,6],[4326,6],[5550,6],[5913,6],[6882,6],[10397,6],[10449,6],[11118,6],[12642,6]]},"624":{"position":[[611,6],[730,6],[1028,9],[1845,6],[2588,6],[2741,7],[2988,7],[4379,9],[7478,6],[7549,6],[8173,9],[8889,8],[11349,6],[11420,6],[12381,9],[14647,6],[14718,6]]},"626":{"position":[[693,6],[904,7],[11452,6]]},"628":{"position":[[949,7],[8928,6],[12669,6]]},"630":{"position":[[865,6],[1463,7],[17290,6]]},"632":{"position":[[913,7],[958,7]]},"634":{"position":[[285,6],[2681,6]]},"658":{"position":[[475,6],[553,6],[679,6],[743,6],[857,6]]},"660":{"position":[[2623,7]]},"662":{"position":[[893,7],[8095,6]]},"664":{"position":[[287,7],[350,7],[496,7],[620,7],[676,7],[1055,7],[1128,7],[1187,7],[1366,7],[1500,7],[1655,7]]},"666":{"position":[[380,6],[490,6],[979,6],[1812,6],[2289,6],[2505,6],[2596,6],[2683,6]]},"668":{"position":[[1523,6],[1603,6],[1964,6],[2044,6],[2123,6],[2286,6],[2622,6],[2817,8],[3161,7],[4460,8],[4752,7],[4995,6],[5586,6],[5880,6],[6391,6],[6432,7],[6445,6],[9683,6],[9931,6],[32363,6],[43678,8],[70133,6],[121317,6],[129276,6],[131929,6],[134619,6],[137424,6],[143582,7],[146484,7],[148882,7],[148916,7],[152085,7],[152119,7],[152438,6]]}}}],["string.empti",{"_index":2430,"t":{"600":{"position":[[493,12]]},"664":{"position":[[504,12]]},"668":{"position":[[70283,13]]}}}],["string.isnullorwhitespace(settingsjson",{"_index":5020,"t":{"668":{"position":[[61286,41]]}}}],["stringcomparis",{"_index":3338,"t":{"622":{"position":[[3737,18],[13560,17]]}}}],["stringcomparision.ordin",{"_index":3339,"t":{"622":{"position":[[3778,25]]},"668":{"position":[[9725,25]]}}}],["stringcomparison",{"_index":304,"t":{"34":{"position":[[226,16],[551,16]]},"622":{"position":[[808,16],[825,16],[894,17]]},"668":{"position":[[6543,16],[6560,16],[6629,17]]}}}],["stringcomparison.currentcultur",{"_index":4345,"t":{"668":{"position":[[6651,31]]}}}],["stringcomparison.currentcultureignorecas",{"_index":4346,"t":{"668":{"position":[[6686,41]]}}}],["stringcomparison.invariantcultur",{"_index":4347,"t":{"668":{"position":[[6731,33]]}}}],["stringcomparison.invariantcultureignorecas",{"_index":4348,"t":{"668":{"position":[[6768,43]]}}}],["stringcomparison.ordin",{"_index":4349,"t":{"668":{"position":[[6815,24]]}}}],["stringcomparison.ordinalignorecas",{"_index":3260,"t":{"622":{"position":[[842,34],[3864,34]]},"668":{"position":[[6577,34],[6843,35],[9839,34]]}}}],["stringcomparison=\"stringcomparison.ordin",{"_index":3344,"t":{"622":{"position":[[4182,43]]},"668":{"position":[[10287,44]]}}}],["stringfilteroper",{"_index":305,"t":{"34":{"position":[[251,20]]},"622":{"position":[[918,20],[939,20]]}}}],["stringfilteroperator.contain",{"_index":3261,"t":{"622":{"position":[[960,29]]}}}],["stripe",{"_index":325,"t":{"38":{"position":[[294,7],[311,7]]},"596":{"position":[[6224,8],[6312,7],[7187,8],[7200,7],[7324,7],[8514,7],[8531,7]]},"668":{"position":[[7562,8],[10018,8],[12439,8],[15084,8],[17350,8],[21030,8],[23786,8],[26348,8],[30594,8],[33493,8],[36238,8],[38855,8],[41408,8],[43864,8],[43981,8],[46437,8],[50470,8],[51372,8],[59206,8],[65893,7],[95485,8],[98580,8],[138354,8],[141371,8],[143860,8]]}}}],["stroke",{"_index":4563,"t":{"668":{"position":[[51923,6],[51947,6]]}}}],["strong",{"_index":2653,"t":{"604":{"position":[[2983,7]]}}}],["strong>dateonly</strong",{"_index":3561,"t":{"628":{"position":[[2068,26],[3537,26]]}}}],["strong>dateonly?</strong",{"_index":3562,"t":{"628":{"position":[[2270,27],[3863,27]]}}}],["strong>datetime</strong",{"_index":3565,"t":{"628":{"position":[[2474,26],[4191,26]]}}}],["strong>datetime?</strong",{"_index":3569,"t":{"628":{"position":[[2676,27],[4517,27]]}}}],["strong>holi",{"_index":1097,"t":{"564":{"position":[[3063,12],[3274,12]]}}}],["strong>thi",{"_index":1127,"t":{"566":{"position":[[578,12],[800,12],[1023,12],[1244,12],[1461,12],[1705,12],[1947,12],[2190,12],[2431,12],[2668,12]]}}}],["strong>timeonly</strong",{"_index":4157,"t":{"662":{"position":[[1802,26],[2709,26]]}}}],["strong>timeonly?</strong",{"_index":4160,"t":{"662":{"position":[[1979,27],[3010,27]]}}}],["strongli",{"_index":80,"t":{"2":{"position":[[1926,8],[2120,8]]},"118":{"position":[[91,8],[285,8]]},"606":{"position":[[1895,8]]}}}],["structur",{"_index":1111,"t":{"564":{"position":[[3656,10]]}}}],["style",{"_index":1000,"t":{"560":{"position":[[1180,7],[1732,7]]},"564":{"position":[[908,8]]},"568":{"position":[[2542,5],[3093,5],[3643,5],[4406,5],[5031,5],[5654,5],[6396,5],[6947,5],[7497,5],[8198,5],[8763,5],[9313,5],[10028,5],[10579,5],[11129,5],[12208,5],[12771,5],[13333,5],[13891,5],[14439,5],[14999,5],[18525,5],[19076,5],[19626,5],[20910,5],[21483,5],[22055,5]]},"572":{"position":[[864,6]]},"574":{"position":[[75,6],[1823,7],[3200,6]]},"580":{"position":[[5236,7],[5257,7]]},"586":{"position":[[1193,7],[2199,5]]},"588":{"position":[[9020,5],[10777,5]]},"612":{"position":[[407,6],[6883,6]]},"614":{"position":[[179,6]]},"620":{"position":[[4310,5],[4441,5]]},"622":{"position":[[8208,7],[8358,8]]},"626":{"position":[[7965,7],[8115,8]]},"628":{"position":[[7145,7],[7295,8],[9742,7],[9892,8]]},"630":{"position":[[11201,7],[11351,8]]},"660":{"position":[[14417,5],[15799,5],[18311,6],[18870,7],[19020,8]]},"662":{"position":[[5262,7],[5412,8],[9282,7],[9432,8]]},"664":{"position":[[21002,7],[22233,8]]},"668":{"position":[[2092,6],[92349,7]]}}}],["style=\"margin",{"_index":2088,"t":{"588":{"position":[[8856,13],[10613,13]]}}}],["style=\"width",{"_index":2018,"t":{"586":{"position":[[1289,13]]},"660":{"position":[[18479,13]]}}}],["style=\"width:18rem",{"_index":1689,"t":{"580":{"position":[[2810,21],[3505,21],[3900,21],[4340,21],[4874,21],[5323,21],[5981,21],[7298,21],[7630,21],[7959,21],[8325,21],[8615,21],[8905,21],[9192,21],[9479,21],[9764,21],[10047,21],[10330,21],[10859,21],[11235,21],[11562,21],[12132,21],[12529,21],[12877,21]]}}}],["style=\"width:300px",{"_index":1552,"t":{"576":{"position":[[2989,21]]}}}],["style=\"width:480px",{"_index":4120,"t":{"660":{"position":[[19161,21]]}}}],["stylebuild",{"_index":99,"t":{"2":{"position":[[2301,12],[2352,12],[2469,12],[2742,12],[2904,12]]},"118":{"position":[[466,12],[517,12],[634,12],[907,12],[1069,12]]}}}],["styles</button",{"_index":4226,"t":{"664":{"position":[[19091,15]]}}}],["stylesheet",{"_index":2780,"t":{"610":{"position":[[208,10]]}}}],["sub",{"_index":1682,"t":{"580":{"position":[[2159,3]]},"606":{"position":[[3223,3]]}}}],["submit",{"_index":3497,"t":{"626":{"position":[[7838,10]]},"628":{"position":[[7024,10]]},"630":{"position":[[11074,10]]},"662":{"position":[[5141,10]]}}}],["subscrib",{"_index":1117,"t":{"564":{"position":[[3866,11]]}}}],["subsequ",{"_index":1307,"t":{"570":{"position":[[547,10]]}}}],["subtitle</cardsubtitl",{"_index":1704,"t":{"580":{"position":[[3615,23],[4086,23],[4450,23]]}}}],["success",{"_index":1052,"t":{"564":{"position":[[1166,7],[2500,7]]},"574":{"position":[[2071,7],[2857,7]]},"582":{"position":[[5473,7]]},"622":{"position":[[9298,7]]},"628":{"position":[[12336,11]]},"658":{"position":[[1299,7],[2482,7]]},"662":{"position":[[7785,11],[11609,11]]},"668":{"position":[[68679,7],[70266,9],[72064,7],[73053,8],[103029,7],[103846,7],[109060,7],[109119,7]]}}}],["success\">success</badg",{"_index":1346,"t":{"572":{"position":[[1472,24]]}}}],["successfulli",{"_index":1072,"t":{"564":{"position":[[1840,12]]},"578":{"position":[[3147,17]]},"594":{"position":[[676,12],[988,13],[1531,15]]},"606":{"position":[[12054,17]]}}}],["such",{"_index":1145,"t":{"566":{"position":[[3070,4],[3248,4],[3558,4],[3736,4],[4047,4],[4225,4],[4533,4],[4711,4],[5018,4],[5196,4],[5528,4],[5706,4],[6035,4],[6213,4],[6543,4],[6721,4],[7048,4],[7226,4],[7552,4],[7730,4]]},"572":{"position":[[2160,4],[2338,4]]},"612":{"position":[[9373,4]]},"620":{"position":[[299,4],[363,4]]}}}],["suddenli",{"_index":1112,"t":{"564":{"position":[[3747,8]]}}}],["suffici",{"_index":1435,"t":{"574":{"position":[[3310,10]]}}}],["suggest",{"_index":3255,"t":{"622":{"position":[[129,11]]}}}],["support",{"_index":270,"t":{"28":{"position":[[172,7]]},"34":{"position":[[243,7],[272,7],[568,7]]},"42":{"position":[[159,7]]},"44":{"position":[[284,7]]},"58":{"position":[[151,8],[272,7],[323,7]]},"64":{"position":[[250,7]]},"68":{"position":[[258,9],[672,7],[720,7]]},"74":{"position":[[226,9]]},"102":{"position":[[920,7],[964,7],[1010,7]]},"104":{"position":[[396,7],[577,7]]},"106":{"position":[[219,7]]},"108":{"position":[[221,7]]},"110":{"position":[[402,8],[756,7]]},"116":{"position":[[329,7]]},"124":{"position":[[276,7],[309,7],[496,8],[548,7],[583,7]]},"136":{"position":[[2268,8]]},"148":{"position":[[2166,8]]},"222":{"position":[[1969,8]]},"224":{"position":[[1340,8]]},"236":{"position":[[1978,8]]},"504":{"position":[[195,8]]},"570":{"position":[[357,10],[532,7]]},"574":{"position":[[127,7],[8490,9]]},"576":{"position":[[2498,8]]},"580":{"position":[[3141,7],[3259,10],[6112,10],[6628,10],[6923,10],[7393,10],[7725,10],[8054,10],[11018,10],[11382,10],[11721,10],[12291,10],[12676,10],[13036,10]]},"588":{"position":[[3330,8],[3388,9]]},"596":{"position":[[136,7]]},"600":{"position":[[167,7]]},"602":{"position":[[12639,10]]},"620":{"position":[[2562,7]]},"622":{"position":[[183,8],[1698,8]]},"626":{"position":[[7729,8]]},"628":{"position":[[1794,8],[6936,8]]},"630":{"position":[[10963,8]]},"662":{"position":[[1687,8],[5053,8]]},"664":{"position":[[2824,10]]},"666":{"position":[[474,8],[2273,8]]},"668":{"position":[[130,8],[32534,9],[58841,10],[129447,9],[132100,9],[134790,9],[137595,9]]}}}],["sure",{"_index":1081,"t":{"564":{"position":[[2066,4]]},"578":{"position":[[1854,4],[2928,4]]},"588":{"position":[[2992,4]]},"606":{"position":[[4802,4],[6336,4]]}}}],["suscipit",{"_index":1951,"t":{"582":{"position":[[9515,9],[10216,9],[10226,8],[13756,9],[14457,9],[14467,8],[17897,9],[18598,9],[18608,8]]}}}],["suspendiss",{"_index":1860,"t":{"582":{"position":[[7820,11],[8734,11],[9001,11],[10432,11],[11029,11],[12061,11],[12975,11],[13242,11],[14673,11],[15270,11],[16202,11],[17116,11],[17383,11],[18814,11],[19411,11]]}}}],["svg",{"_index":1002,"t":{"560":{"position":[[1619,3],[1667,3],[2332,3],[2444,3]]},"644":{"position":[[4441,4],[4546,6]]},"656":{"position":[[3897,4],[4002,6]]},"668":{"position":[[51865,4]]}}}],["swap",{"_index":1480,"t":{"574":{"position":[[6903,4]]}}}],["swapdis",{"_index":1461,"t":{"574":{"position":[[5317,13]]}}}],["swapdisable()\">swap",{"_index":1457,"t":{"574":{"position":[[5212,19]]}}}],["switch",{"_index":388,"t":{"52":{"position":[[120,6],[166,6],[203,6],[265,6],[413,6]]},"80":{"position":[[964,6],[1620,6],[1894,6]]},"96":{"position":[[394,6],[411,6],[826,6]]},"98":{"position":[[544,6]]},"102":{"position":[[181,6],[1055,6],[1072,6],[1459,6]]},"108":{"position":[[159,9],[296,6],[313,7],[337,6],[668,6]]},"132":{"position":[[159,9],[240,6],[1418,6]]},"134":{"position":[[1526,6]]},"136":{"position":[[2526,6],[2572,6]]},"148":{"position":[[1240,6]]},"154":{"position":[[2920,9],[3001,6]]},"162":{"position":[[173,6],[219,6]]},"216":{"position":[[1232,6]]},"218":{"position":[[1187,6]]},"222":{"position":[[2227,6],[2273,6]]},"224":{"position":[[863,6]]},"228":{"position":[[2929,9],[3010,6]]},"234":{"position":[[1241,6]]},"236":{"position":[[2236,6],[2282,6]]},"240":{"position":[[1196,6]]},"260":{"position":[[432,6]]},"266":{"position":[[728,6]]},"272":{"position":[[477,6],[2282,6]]},"284":{"position":[[428,6]]},"290":{"position":[[425,6],[601,6],[647,6]]},"294":{"position":[[431,6]]},"300":{"position":[[714,6]]},"308":{"position":[[1970,9],[2051,6]]},"310":{"position":[[2923,9],[3004,6]]},"314":{"position":[[1190,6]]},"316":{"position":[[424,6]]},"320":{"position":[[1235,6]]},"332":{"position":[[229,6]]},"334":{"position":[[808,9],[889,6]]},"346":{"position":[[740,6]]},"354":{"position":[[722,6]]},"360":{"position":[[866,9],[947,6]]},"366":{"position":[[1449,6]]},"368":{"position":[[2135,9],[2216,6],[2680,6]]},"386":{"position":[[738,6]]},"390":{"position":[[838,9],[919,6]]},"398":{"position":[[422,6]]},"402":{"position":[[204,9],[285,6]]},"424":{"position":[[20,8],[202,9],[283,6],[694,6]]},"434":{"position":[[708,6]]},"486":{"position":[[226,6]]},"492":{"position":[[204,9],[285,6]]},"506":{"position":[[164,6],[210,6]]},"534":{"position":[[420,6]]},"600":{"position":[[3661,10],[3709,9],[6237,10],[6285,9],[9252,10],[9300,9],[12246,10],[12294,9],[15244,10],[15292,9],[17375,10],[17423,9]]},"604":{"position":[[1401,6]]},"612":{"position":[[12616,6]]},"632":{"position":[[6152,6]]},"634":{"position":[[6,6],[33,6],[65,6],[376,6],[534,7],[570,7],[662,6],[717,7],[761,6],[787,7],[831,6],[1073,7],[1100,7],[1165,6],[1685,7],[1790,7],[1849,6],[2046,6],[2222,8],[2284,7],[2327,6],[2452,6],[2478,7],[2515,6],[2808,8]]},"662":{"position":[[12081,6]]},"664":{"position":[[4491,10],[4539,9],[6415,10],[6463,9],[8674,10],[8722,9],[11027,10],[11075,9],[13500,10],[13548,9],[15930,10],[15978,9],[18321,10],[18369,9],[20804,10],[20852,9],[24057,10],[24105,9]]},"668":{"position":[[79354,7],[79424,7]]}}}],["switch1",{"_index":3786,"t":{"634":{"position":[[2053,7]]}}}],["switch1.dis",{"_index":3787,"t":{"634":{"position":[[2126,18]]}}}],["switch1.en",{"_index":3788,"t":{"634":{"position":[[2170,17]]}}}],["switch2",{"_index":895,"t":{"142":{"position":[[1721,7]]}}}],["switchchanged(bool",{"_index":3794,"t":{"634":{"position":[[2722,18]]}}}],["symbol",{"_index":3664,"t":{"630":{"position":[[177,7],[836,6],[2174,7],[4569,7],[4645,7],[17600,7],[17648,6]]}}}],["sync.png",{"_index":2415,"t":{"598":{"position":[[7934,9]]}}}],["system",{"_index":2669,"t":{"606":{"position":[[284,7]]},"616":{"position":[[12281,8],[14543,8],[16607,8]]},"618":{"position":[[10972,8]]},"620":{"position":[[13765,8],[16825,8]]}}}],["system.componentmodel.dataannot",{"_index":3352,"t":{"622":{"position":[[8170,37]]},"626":{"position":[[7927,37]]},"628":{"position":[[7107,37],[9704,37]]},"630":{"position":[[11163,37]]},"660":{"position":[[18832,37]]},"662":{"position":[[5224,37],[9244,37]]}}}],["system.drawing.color",{"_index":3136,"t":{"618":{"position":[[8345,20]]},"620":{"position":[[6671,20],[11173,20]]}}}],["system.net.http",{"_index":3894,"t":{"636":{"position":[[6519,15]]},"638":{"position":[[6406,15],[7107,15]]},"640":{"position":[[7043,15]]},"642":{"position":[[5943,15]]},"644":{"position":[[6104,15]]},"650":{"position":[[5959,15]]},"656":{"position":[[5989,15]]}}}],["system.net.http.json",{"_index":3940,"t":{"638":{"position":[[6429,20],[7130,20]]},"642":{"position":[[5966,20]]},"644":{"position":[[6127,20]]},"650":{"position":[[5982,20]]},"656":{"position":[[6012,20]]}}}],["system.text.json",{"_index":5004,"t":{"668":{"position":[[59107,16]]}}}],["t",{"_index":896,"t":{"142":{"position":[[1729,1]]},"578":{"position":[[644,1]]},"588":{"position":[[1943,1]]}}}],["t3c6coii6ulra9tneneoa7rxnatzjcdscmg1mxxsr1gasxev/dwwykc2mpk8m2hn",{"_index":3802,"t":{"636":{"position":[[638,65],[4164,65]]},"638":{"position":[[615,65],[3639,65]]},"640":{"position":[[636,65],[3985,65]]},"642":{"position":[[645,65],[3955,65]]},"644":{"position":[[645,65],[3955,65]]},"646":{"position":[[635,65]]},"648":{"position":[[635,65]]},"650":{"position":[[660,65],[3374,65]]},"656":{"position":[[645,65],[3401,65]]}}}],["tab",{"_index":44,"t":{"2":{"position":[[645,3],[1232,4],[3310,5],[3432,4]]},"26":{"position":[[159,4],[213,4]]},"44":{"position":[[402,4],[463,3],[493,4],[605,4],[697,4],[786,4]]},"70":{"position":[[333,4]]},"88":{"position":[[153,4],[440,4],[710,4],[872,4]]},"110":{"position":[[241,5],[785,4],[808,4],[827,4],[908,4],[1281,4]]},"122":{"position":[[304,4],[512,4]]},"124":{"position":[[1453,3],[1663,3]]},"134":{"position":[[153,4],[312,4]]},"138":{"position":[[973,4]]},"148":{"position":[[290,5],[412,4]]},"150":{"position":[[283,5],[405,4]]},"154":{"position":[[689,3],[1276,4],[2120,5],[2242,4]]},"156":{"position":[[368,3]]},"162":{"position":[[1614,4]]},"180":{"position":[[311,4]]},"184":{"position":[[304,4]]},"188":{"position":[[311,4]]},"206":{"position":[[29,5],[303,4]]},"218":{"position":[[2735,4],[2894,4]]},"220":{"position":[[611,4]]},"228":{"position":[[698,3],[1285,4],[2129,5],[2251,4]]},"238":{"position":[[620,4]]},"240":{"position":[[2744,4],[2903,4]]},"276":{"position":[[482,4],[641,4]]},"280":{"position":[[460,4],[619,4]]},"282":{"position":[[1391,4],[1550,4]]},"292":{"position":[[201,4],[360,4]]},"302":{"position":[[202,4],[361,4]]},"308":{"position":[[326,4],[1170,5],[1292,4]]},"310":{"position":[[692,3],[1279,4],[2123,5],[2245,4]]},"314":{"position":[[2738,4],[2897,4]]},"330":{"position":[[365,3]]},"332":{"position":[[1777,4],[1936,4]]},"336":{"position":[[366,3]]},"342":{"position":[[606,4]]},"360":{"position":[[282,5],[404,4]]},"362":{"position":[[367,3]]},"368":{"position":[[687,3],[1551,5],[1673,4]]},"372":{"position":[[596,4]]},"376":{"position":[[476,4],[635,4]]},"380":{"position":[[304,4]]},"390":{"position":[[365,3],[2297,4],[2456,4]]},"394":{"position":[[886,4],[1045,4]]},"400":{"position":[[324,4],[894,5],[1016,4]]},"410":{"position":[[291,5],[413,4]]},"412":{"position":[[602,5],[724,4]]},"414":{"position":[[365,3],[674,4]]},"416":{"position":[[689,3]]},"418":{"position":[[328,4]]},"422":{"position":[[690,3]]},"426":{"position":[[21,5],[363,3]]},"428":{"position":[[20,6],[319,4],[575,5],[697,4],[870,4],[1029,4]]},"436":{"position":[[196,4],[355,4]]},"478":{"position":[[298,4]]},"494":{"position":[[286,5],[408,4]]},"540":{"position":[[197,4],[356,4]]},"556":{"position":[[322,4]]},"562":{"position":[[688,3]]},"574":{"position":[[1092,3]]},"580":{"position":[[1775,3]]},"582":{"position":[[1123,3]]},"588":{"position":[[1619,3]]},"598":{"position":[[344,4],[690,3],[741,3],[809,3],[2402,3],[2466,3],[2523,3],[2599,3],[2680,4],[2737,3],[2833,3],[3047,3],[3090,3],[3149,3],[3198,3],[3256,3],[3285,3],[3339,3],[3356,3],[3505,3],[3524,3]]},"604":{"position":[[4712,4]]},"606":{"position":[[12215,4]]},"612":{"position":[[11,4],[36,4],[95,4],[112,4],[331,4],[420,4],[535,4],[616,3],[680,3],[737,3],[813,3],[894,4],[951,3],[1047,3],[1095,4],[1187,3],[1230,3],[1289,3],[1338,3],[1396,3],[1425,3],[1479,3],[1496,3],[1522,3],[1838,3],[1889,3],[1957,3],[2031,3],[2148,3],[2167,3],[2202,5],[2208,6],[2215,4],[2369,3],[2442,6],[2449,4],[2593,3],[2666,6],[2673,4],[2817,3],[2890,6],[2897,7],[2964,5],[3074,3],[3117,5],[3148,4],[3302,3],[3375,6],[3382,4],[3526,3],[3599,6],[3606,4],[3750,3],[3823,6],[3830,7],[3887,3],[3973,5],[4004,4],[4218,3],[4291,6],[4298,5],[4503,3],[4576,6],[4583,5],[4787,3],[4860,6],[4867,7],[4898,4],[4920,4],[4962,5],[4993,4],[5147,3],[5220,6],[5227,4],[5371,3],[5444,6],[5451,4],[5613,3],[5686,6],[5693,4],[5837,3],[5910,6],[5917,7],[5964,4],[6026,5],[6083,4],[6237,3],[6310,6],[6317,4],[6461,3],[6534,6],[6541,4],[6685,3],[6758,6],[6765,7],[6861,4],[6890,5],[6951,4],[7084,6],[7091,4],[7214,6],[7221,4],[7344,6],[7351,7],[7397,4],[7469,5],[7505,4],[7638,6],[7645,4],[7768,6],[7775,4],[7898,6],[7905,4],[8024,6],[8031,7],[8070,5],[8111,4],[8244,6],[8251,4],[8374,6],[8381,4],[8504,6],[8511,4],[8630,6],[8637,7],[8680,5],[8725,4],[8858,6],[8865,4],[8988,6],[8995,4],[9118,6],[9125,4],[9244,6],[9251,7],[9294,5],[9328,4],[9479,5],[9522,4],[9655,6],[9662,4],[9785,6],[9792,4],[9915,6],[9922,4],[10063,6],[10070,4],[10198,6],[10205,4],[10324,6],[10331,7],[10851,4],[10856,5],[11374,4],[11456,4],[11479,3],[11549,4],[11643,3],[11746,3],[11862,3],[11881,5],[11900,4],[12017,6],[12024,4],[12147,6],[12154,4],[12277,6],[12284,4],[12403,6],[12410,7],[12426,4],[12431,4],[12952,4],[12966,6],[13012,4],[13257,4],[13280,6],[13289,7],[13806,5],[14005,5],[14066,4],[14202,4],[14225,6],[14234,7],[14277,4],[14710,5],[14765,4],[15035,5],[15096,4],[15317,4],[15493,6],[15502,7],[15545,4],[16160,4],[16176,4],[16189,4],[16210,3],[16225,3],[16254,4],[16295,3],[16378,4],[16410,3],[16428,4],[16449,4],[16469,4]]},"660":{"position":[[1265,3],[2505,3],[2896,6],[2977,6],[3062,6]]}}}],["tab'",{"_index":2842,"t":{"612":{"position":[[2322,5],[2546,5],[2770,5],[3255,5],[3479,5],[3703,5],[4171,5],[4456,5],[4740,5],[5100,5],[5324,5],[5566,5],[5790,5],[6190,5],[6414,5],[6638,5]]}}}],["tab.</p",{"_index":2853,"t":{"612":{"position":[[7064,8],[7194,8],[7324,8],[7618,8],[7748,8],[7878,8],[8004,8],[8224,8],[8354,8],[8484,8],[8610,8],[8838,8],[8968,8],[9098,8],[9224,8],[9635,8],[9765,8],[9895,8],[10043,8],[10178,8],[10304,8],[11997,8],[12127,8],[12257,8],[12383,8]]}}}],["tab1",{"_index":897,"t":{"142":{"position":[[1731,4]]}}}],["tab</button",{"_index":2866,"t":{"612":{"position":[[10410,12],[10496,12],[10580,12],[10670,12],[10749,12],[10831,12],[15455,12]]}}}],["tabindex",{"_index":1408,"t":{"574":{"position":[[1049,8]]},"580":{"position":[[1729,8]]},"582":{"position":[[1090,8]]},"588":{"position":[[1586,8]]},"598":{"position":[[2380,9],[2715,9]]},"612":{"position":[[594,9],[929,9]]},"660":{"position":[[1206,8],[1530,8],[2455,8]]}}}],["tabl",{"_index":4330,"t":{"668":{"position":[[5615,5],[7529,5],[7541,5],[7556,5],[9985,5],[9997,5],[10012,5],[12406,5],[12418,5],[12433,5],[15051,5],[15063,5],[15078,5],[17317,5],[17329,5],[17344,5],[20997,5],[21009,5],[21024,5],[23753,5],[23765,5],[23780,5],[26315,5],[26327,5],[26342,5],[30561,5],[30573,5],[30588,5],[33460,5],[33472,5],[33487,5],[36205,5],[36217,5],[36232,5],[38822,5],[38834,5],[38849,5],[41375,5],[41387,5],[41402,5],[43831,5],[43843,5],[43858,5],[43948,5],[43960,5],[43975,5],[46404,5],[46416,5],[46431,5],[50437,5],[50449,5],[50464,5],[51339,5],[51351,5],[51366,5],[59173,5],[59185,5],[59200,5],[63418,5],[65860,5],[65872,5],[65887,5],[68600,5],[68673,5],[68790,5],[68802,5],[70195,6],[70259,6],[71975,5],[72058,5],[72170,5],[72182,5],[73046,6],[73064,6],[75329,5],[75341,5],[78518,5],[78530,5],[81898,5],[81910,5],[84859,5],[84871,5],[88270,5],[88282,5],[91522,5],[91576,5],[91640,5],[91683,5],[91879,5],[91910,5],[91952,5],[91993,5],[92321,5],[92333,5],[92361,5],[92397,5],[92447,5],[92489,5],[95452,5],[95464,5],[95479,5],[98547,5],[98559,5],[98574,5],[101309,5],[102126,5],[102957,5],[103774,5],[105930,5],[106950,5],[107970,5],[108988,5],[110008,5],[111022,5],[112036,5],[114356,5],[116812,5],[119394,5],[123967,5],[123979,5],[127401,5],[127413,5],[129951,5],[129963,5],[132622,5],[132634,5],[135324,5],[135336,5],[138321,5],[138333,5],[138348,5],[141338,5],[141350,5],[141365,5],[143827,5],[143839,5],[143854,5],[146919,5],[149354,5],[150036,5]]}}}],["tabnam",{"_index":2334,"t":{"598":{"position":[[2445,8],[2812,8]]},"612":{"position":[[659,8],[1026,8]]}}}],["tabs#533",{"_index":711,"t":{"110":{"position":[[852,8],[880,8],[899,8]]}}}],["tabs.showfirsttabasync",{"_index":2872,"t":{"612":{"position":[[10910,25]]}}}],["tabs.showlasttabasync",{"_index":2881,"t":{"612":{"position":[[11302,24]]}}}],["tabs.showtabbyindexasync(0",{"_index":2890,"t":{"612":{"position":[[12670,28],[12893,28]]}}}],["tabs.showtabbyindexasync(1",{"_index":2874,"t":{"612":{"position":[[10985,28],[12728,28]]}}}],["tabs.showtabbyindexasync(2",{"_index":2876,"t":{"612":{"position":[[11062,28],[12786,28]]}}}],["tabs.showtabbyindexasync(3",{"_index":2891,"t":{"612":{"position":[[12842,28]]}}}],["tabs.showtabbynameasync(\"faq",{"_index":2880,"t":{"612":{"position":[[11223,31]]}}}],["tabs.showtabbynameasync(\"product",{"_index":2878,"t":{"612":{"position":[[11142,36]]}}}],["tabs1",{"_index":803,"t":{"142":{"position":[[547,5]]}}}],["tabs3",{"_index":898,"t":{"142":{"position":[[1736,5]]}}}],["tabsref",{"_index":2918,"t":{"612":{"position":[[14282,7],[15550,7]]}}}],["tabsref.removetabbyname(customer.customerid.tostr",{"_index":2930,"t":{"612":{"position":[[16039,56]]}}}],["tabsref.showrecenttab",{"_index":2923,"t":{"612":{"position":[[14651,24],[15935,24]]}}}],["tabular",{"_index":4273,"t":{"668":{"position":[[88,7]]}}}],["tag",{"_index":26,"t":{"2":{"position":[[217,5],[547,5],[879,5],[1131,5],[1408,5],[1735,5],[3316,5],[3590,5],[3844,5]]},"4":{"position":[[173,5]]},"6":{"position":[[258,5]]},"8":{"position":[[263,5]]},"10":{"position":[[715,5]]},"12":{"position":[[335,5]]},"14":{"position":[[364,5]]},"16":{"position":[[308,5]]},"18":{"position":[[268,5]]},"20":{"position":[[332,5]]},"22":{"position":[[230,5]]},"24":{"position":[[276,5]]},"26":{"position":[[228,5]]},"28":{"position":[[271,5]]},"30":{"position":[[617,5]]},"32":{"position":[[387,5]]},"34":{"position":[[715,5]]},"36":{"position":[[232,5]]},"38":{"position":[[503,5]]},"40":{"position":[[475,5]]},"42":{"position":[[370,5]]},"44":{"position":[[726,5]]},"46":{"position":[[765,5]]},"48":{"position":[[562,5]]},"50":{"position":[[467,5]]},"52":{"position":[[434,5]]},"54":{"position":[[725,5]]},"56":{"position":[[370,5]]},"58":{"position":[[504,5]]},"60":{"position":[[631,5]]},"62":{"position":[[329,5]]},"64":{"position":[[388,5]]},"66":{"position":[[355,5]]},"68":{"position":[[923,5]]},"70":{"position":[[557,5]]},"72":{"position":[[1009,5]]},"74":{"position":[[926,5]]},"76":{"position":[[330,5]]},"78":{"position":[[432,5]]},"80":{"position":[[1673,5]]},"82":{"position":[[542,5]]},"84":{"position":[[400,5]]},"86":{"position":[[383,5]]},"88":{"position":[[729,5]]},"90":{"position":[[303,5]]},"92":{"position":[[384,5]]},"94":{"position":[[304,5]]},"96":{"position":[[975,5]]},"98":{"position":[[597,5]]},"100":{"position":[[499,5]]},"102":{"position":[[1490,5]]},"104":{"position":[[808,5]]},"106":{"position":[[501,5]]},"108":{"position":[[597,5]]},"110":{"position":[[1165,5]]},"112":{"position":[[369,5]]},"114":{"position":[[883,5]]},"116":{"position":[[451,5]]},"120":{"position":[[457,5]]},"122":{"position":[[411,5]]},"124":{"position":[[1565,5]]},"126":{"position":[[355,5]]},"128":{"position":[[744,5]]},"132":{"position":[[169,5],[444,5],[757,5],[1153,5],[1446,5],[1689,5],[1951,5],[2204,5],[2422,5],[2669,5]]},"134":{"position":[[169,5],[489,5],[756,5],[1045,5],[1305,5],[1722,5],[1965,5],[2224,5],[2524,5],[2836,5]]},"136":{"position":[[156,5],[490,5],[746,5],[995,5],[1363,5],[1712,5],[2022,5],[2328,5],[2589,5],[2862,5]]},"138":{"position":[[264,5],[556,5],[913,5],[1257,5],[1515,5],[1780,5],[2139,5],[2310,5],[2529,5],[2746,5]]},"140":{"position":[[140,5],[328,5],[525,5],[723,5],[921,5],[1137,5],[1334,5],[1589,5],[1765,5],[2001,5]]},"142":{"position":[[0,4]]},"144":{"position":[[151,5],[345,5],[588,5]]},"146":{"position":[[9,6],[38,4],[227,5]]},"148":{"position":[[8,6],[44,4],[296,5],[632,5],[1019,5],[1445,5],[1839,5],[2226,5],[2536,5],[2707,5],[2926,5]]},"150":{"position":[[8,6],[37,4],[289,5],[604,5]]},"152":{"position":[[9,6],[41,4],[207,5]]},"154":{"position":[[9,6],[39,4],[261,5],[591,5],[923,5],[1175,5],[1452,5],[1779,5],[2126,5],[2400,5],[2654,5],[2930,5]]},"156":{"position":[[8,6],[41,4],[270,5],[575,5],[861,5]]},"158":{"position":[[9,6],[52,4],[330,5]]},"160":{"position":[[9,6],[49,4],[196,5]]},"162":{"position":[[8,6],[48,4],[236,5],[509,5],[905,5],[1197,5],[1554,5]]},"164":{"position":[[8,6],[53,4],[322,5],[614,5]]},"166":{"position":[[9,6],[46,4],[193,5]]},"168":{"position":[[9,6],[54,4],[256,5]]},"170":{"position":[[8,6],[45,4],[314,5],[606,5]]},"172":{"position":[[8,6],[43,4],[203,5],[452,5],[687,5]]},"174":{"position":[[9,6],[54,4],[201,5]]},"176":{"position":[[9,6],[51,4],[196,5]]},"178":{"position":[[9,6],[52,4],[197,5]]},"180":{"position":[[9,6],[52,4],[251,5]]},"182":{"position":[[9,6],[54,4],[199,5]]},"184":{"position":[[9,6],[45,4],[244,5]]},"186":{"position":[[9,6],[46,4],[248,5]]},"188":{"position":[[9,6],[52,4],[251,5]]},"190":{"position":[[9,6],[50,4],[197,5]]},"192":{"position":[[9,6],[49,4],[204,5]]},"194":{"position":[[9,6],[49,4],[196,5]]},"196":{"position":[[9,6],[48,4],[250,5]]},"198":{"position":[[8,6],[46,4],[315,5],[607,5]]},"200":{"position":[[9,6],[49,4],[204,5]]},"202":{"position":[[8,6],[46,4],[315,5],[607,5]]},"204":{"position":[[9,6],[57,4],[335,5]]},"206":{"position":[[9,6],[44,4],[243,5]]},"208":{"position":[[9,6],[52,4],[254,5]]},"210":{"position":[[9,6],[49,4],[327,5]]},"212":{"position":[[9,6],[45,4],[314,5]]},"214":{"position":[[8,6],[45,4],[197,5],[495,5]]},"216":{"position":[[9,6],[39,4],[195,5],[462,5],[751,5],[1011,5],[1428,5],[1671,5],[1930,5],[2230,5],[2542,5],[2955,5]]},"218":{"position":[[9,6],[39,4],[213,5],[526,5],[922,5],[1215,5],[1458,5],[1720,5],[1973,5],[2191,5],[2438,5],[2751,5]]},"220":{"position":[[9,6],[39,4],[194,5],[551,5]]},"222":{"position":[[9,6],[39,4],[191,5],[447,5],[696,5],[1064,5],[1413,5],[1723,5],[2029,5],[2290,5],[2563,5],[2959,5]]},"224":{"position":[[8,6],[50,4],[255,5],[642,5],[1068,5],[1400,5]]},"226":{"position":[[9,6],[48,4],[232,5]]},"228":{"position":[[9,6],[48,4],[270,5],[600,5],[932,5],[1184,5],[1461,5],[1788,5],[2135,5],[2409,5],[2663,5],[2939,5]]},"230":{"position":[[9,6],[44,4],[228,5]]},"232":{"position":[[9,6],[66,4],[344,5]]},"234":{"position":[[9,6],[48,4],[204,5],[471,5],[760,5],[1020,5],[1437,5],[1680,5],[1939,5],[2239,5],[2551,5],[2964,5]]},"236":{"position":[[9,6],[48,4],[200,5],[456,5],[705,5],[1073,5],[1422,5],[1732,5],[2038,5],[2299,5],[2572,5],[2968,5]]},"238":{"position":[[9,6],[48,4],[203,5],[560,5],[904,5],[1162,5],[1427,5],[1786,5],[1957,5],[2176,5],[2393,5],[2577,5]]},"240":{"position":[[9,6],[48,4],[222,5],[535,5],[931,5],[1224,5],[1467,5],[1729,5],[1982,5],[2200,5],[2447,5],[2760,5]]},"242":{"position":[[9,6],[48,4],[208,5],[451,5]]},"244":{"position":[[9,6],[48,4],[195,5],[392,5],[590,5],[788,5],[1004,5],[1201,5],[1456,5],[1632,5],[1868,5],[2058,5]]},"246":{"position":[[9,6],[49,4],[216,5]]},"248":{"position":[[8,6],[44,4],[209,5],[528,5]]},"250":{"position":[[8,6],[45,4],[190,5],[444,5],[721,5]]},"252":{"position":[[9,6],[44,4],[249,5]]},"254":{"position":[[9,6],[52,4],[257,5]]},"256":{"position":[[9,6],[47,4],[231,5]]},"258":{"position":[[9,6],[51,4],[229,5]]},"260":{"position":[[8,6],[51,4],[211,5],[626,5],[933,5]]},"262":{"position":[[9,6],[43,4],[205,5]]},"264":{"position":[[9,6],[45,4],[223,5]]},"266":{"position":[[8,6],[47,4],[212,5],[507,5],[941,5],[1354,5]]},"268":{"position":[[9,6],[47,4],[221,5]]},"270":{"position":[[8,6],[48,4],[210,5],[623,5]]},"272":{"position":[[9,6],[43,4],[212,5],[505,5],[748,5],[1011,5],[1245,5],[1512,5],[1801,5],[2061,5],[2478,5],[2740,5]]},"274":{"position":[[9,6],[43,4],[203,5],[452,5],[687,5]]},"276":{"position":[[8,6],[42,4],[216,5],[498,5]]},"278":{"position":[[9,6],[45,4],[247,5]]},"280":{"position":[[8,6],[50,4],[190,5],[476,5]]},"282":{"position":[[8,6],[43,4],[248,5],[639,5],[901,5],[1153,5],[1407,5],[1733,5],[2146,5],[2506,5]]},"284":{"position":[[8,6],[47,4],[207,5],[641,5],[1054,5]]},"286":{"position":[[8,6],[45,4],[250,5],[655,5]]},"288":{"position":[[9,6],[47,4],[203,5]]},"290":{"position":[[8,6],[44,4],[204,5],[664,5]]},"292":{"position":[[9,6],[43,4],[217,5]]},"294":{"position":[[9,6],[50,4],[210,5]]},"296":{"position":[[9,6],[43,4],[205,5]]},"298":{"position":[[9,6],[49,4],[211,5]]},"300":{"position":[[8,6],[47,4],[211,5],[493,5],[927,5]]},"302":{"position":[[8,6],[44,4],[218,5],[534,5]]},"304":{"position":[[9,6],[44,4],[211,5]]},"306":{"position":[[8,6],[45,4],[250,5],[631,5]]},"308":{"position":[[9,6],[43,4],[225,5],[502,5],[829,5],[1176,5],[1450,5],[1704,5],[1980,5],[2255,5],[2568,5],[2964,5]]},"310":{"position":[[9,6],[42,4],[264,5],[594,5],[926,5],[1178,5],[1455,5],[1782,5],[2129,5],[2403,5],[2657,5],[2933,5]]},"312":{"position":[[9,6],[43,4],[321,5],[670,5]]},"314":{"position":[[9,6],[42,4],[216,5],[529,5],[925,5],[1218,5],[1461,5],[1723,5],[1976,5],[2194,5],[2441,5],[2754,5]]},"316":{"position":[[9,6],[43,4],[203,5],[620,5],[863,5],[1122,5],[1422,5],[1734,5],[2147,5],[2481,5],[2737,5],[2986,5]]},"318":{"position":[[9,6],[43,4],[210,5]]},"320":{"position":[[9,6],[42,4],[198,5],[465,5],[754,5],[1014,5],[1431,5],[1674,5],[1933,5],[2233,5],[2545,5],[2958,5]]},"322":{"position":[[9,6],[42,4],[194,5],[450,5],[699,5],[1067,5],[1416,5]]},"324":{"position":[[9,6],[50,4],[217,5]]},"326":{"position":[[9,6],[38,4],[243,5]]},"328":{"position":[[8,6],[39,4],[184,5],[438,5],[715,5]]},"330":{"position":[[8,6],[38,4],[267,5],[570,5],[830,5],[1149,5],[1444,5]]},"332":{"position":[[9,6],[43,4],[257,5],[500,5],[762,5],[1015,5],[1233,5],[1480,5],[1793,5],[2113,5],[2380,5],[2669,5]]},"334":{"position":[[8,6],[38,4],[260,5],[542,5],[818,5]]},"336":{"position":[[8,6],[39,4],[268,5],[558,5],[885,5],[1114,5]]},"338":{"position":[[9,6],[41,4],[225,5]]},"340":{"position":[[9,6],[42,4],[221,5]]},"342":{"position":[[8,6],[45,4],[253,5],[505,5],[821,5]]},"344":{"position":[[9,6],[47,4],[216,5]]},"346":{"position":[[8,6],[45,4],[211,5],[519,5],[934,5]]},"348":{"position":[[9,6],[45,4],[223,5]]},"350":{"position":[[9,6],[41,4],[184,5]]},"352":{"position":[[9,6],[37,4],[202,5]]},"354":{"position":[[8,6],[41,4],[206,5],[501,5],[935,5],[1348,5]]},"356":{"position":[[8,6],[42,4],[204,5],[617,5]]},"358":{"position":[[9,6],[39,4],[217,5]]},"360":{"position":[[8,6],[36,4],[288,5],[600,5],[876,5],[1151,5],[1464,5],[1825,5],[2044,5]]},"362":{"position":[[8,6],[40,4],[269,5],[567,5]]},"364":{"position":[[9,6],[37,4],[202,5],[376,5]]},"366":{"position":[[9,6],[37,4],[178,5],[412,5],[679,5],[968,5],[1228,5],[1645,5],[1907,5],[2319,5],[2568,5],[2792,5]]},"368":{"position":[[9,6],[37,4],[259,5],[589,5],[921,5],[1157,5],[1557,5],[1869,5],[2145,5],[2415,5],[2708,5],[2951,5]]},"370":{"position":[[9,6],[38,4],[207,5]]},"372":{"position":[[8,6],[37,4],[202,5],[536,5]]},"374":{"position":[[9,6],[38,4],[260,5]]},"376":{"position":[[8,6],[36,4],[210,5],[492,5]]},"378":{"position":[[9,6],[39,4],[217,5]]},"380":{"position":[[9,6],[45,4],[244,5]]},"382":{"position":[[9,6],[41,4],[219,5]]},"384":{"position":[[9,6],[43,4],[221,5]]},"386":{"position":[[8,6],[43,4],[209,5],[517,5]]},"388":{"position":[[9,6],[38,4],[216,5],[495,5],[680,5]]},"390":{"position":[[9,6],[38,4],[267,5],[572,5],[848,5],[1154,5],[1545,5],[1807,5],[2059,5],[2313,5],[2639,5],[3052,5]]},"392":{"position":[[9,6],[43,4],[178,5]]},"394":{"position":[[8,6],[44,4],[249,5],[616,5],[902,5]]},"396":{"position":[[9,6],[47,4],[269,5]]},"398":{"position":[[8,6],[41,4],[201,5],[635,5],[1048,5],[1377,5],[1562,5]]},"400":{"position":[[8,6],[41,4],[223,5],[500,5],[900,5],[1174,5]]},"402":{"position":[[9,6],[40,4],[214,5]]},"404":{"position":[[8,6],[44,4],[191,5],[389,5],[587,5]]},"406":{"position":[[8,6],[40,4],[196,5],[500,5]]},"408":{"position":[[9,6],[45,4],[247,5]]},"410":{"position":[[9,6],[45,4],[297,5]]},"412":{"position":[[8,6],[42,4],[208,5],[608,5]]},"414":{"position":[[8,6],[38,4],[267,5],[573,5]]},"416":{"position":[[8,6],[39,4],[261,5],[591,5],[920,5],[1325,5]]},"418":{"position":[[9,6],[45,4],[227,5]]},"420":{"position":[[9,6],[40,4],[219,5]]},"422":{"position":[[8,6],[40,4],[262,5],[592,5],[882,5]]},"424":{"position":[[8,6],[38,4],[212,5],[473,5]]},"426":{"position":[[9,6],[36,4],[265,5]]},"428":{"position":[[8,6],[36,4],[218,5],[581,5],[886,5]]},"430":{"position":[[9,6],[43,4],[205,5]]},"432":{"position":[[8,6],[37,4],[218,5],[487,5]]},"434":{"position":[[8,6],[41,4],[205,5],[487,5],[921,5]]},"436":{"position":[[8,6],[38,4],[212,5],[528,5],[826,5],[1108,5]]},"438":{"position":[[9,6],[45,4],[212,5]]},"440":{"position":[[9,6],[39,4],[248,5]]},"442":{"position":[[8,6],[39,4],[205,5],[558,5],[939,5]]},"444":{"position":[[9,6],[39,4],[199,5]]},"446":{"position":[[9,6],[39,4],[195,5]]},"448":{"position":[[9,6],[39,4],[241,5]]},"450":{"position":[[9,6],[39,4],[175,5]]},"452":{"position":[[9,6],[39,4],[228,5]]},"454":{"position":[[9,6],[39,4],[208,5]]},"456":{"position":[[9,6],[39,4],[174,5]]},"458":{"position":[[9,6],[39,4],[190,5]]},"460":{"position":[[9,6],[39,4],[190,5]]},"462":{"position":[[9,6],[39,4],[186,5]]},"464":{"position":[[9,6],[39,4],[186,5]]},"466":{"position":[[9,6],[39,4],[184,5]]},"468":{"position":[[9,6],[39,4],[193,5]]},"470":{"position":[[9,6],[39,4],[204,5]]},"472":{"position":[[9,6],[39,4],[173,5]]},"474":{"position":[[9,6],[39,4],[184,5]]},"476":{"position":[[9,6],[39,4],[241,5]]},"478":{"position":[[9,6],[39,4],[238,5]]},"480":{"position":[[9,6],[39,4],[194,5]]},"482":{"position":[[9,6],[39,4],[276,5]]},"484":{"position":[[9,6],[39,4],[308,5]]},"486":{"position":[[9,6],[40,4],[254,5]]},"488":{"position":[[9,6],[40,4],[209,5]]},"490":{"position":[[9,6],[40,4],[245,5]]},"492":{"position":[[9,6],[40,4],[214,5]]},"494":{"position":[[9,6],[40,4],[292,5]]},"496":{"position":[[9,6],[40,4],[214,5]]},"498":{"position":[[9,6],[40,4],[221,5]]},"500":{"position":[[9,6],[39,4],[241,5]]},"502":{"position":[[9,6],[40,4],[183,5]]},"504":{"position":[[9,6],[39,4],[255,5]]},"506":{"position":[[9,6],[39,4],[227,5]]},"508":{"position":[[9,6],[39,4],[217,5]]},"510":{"position":[[9,6],[39,4],[317,5]]},"512":{"position":[[9,6],[39,4],[198,5]]},"514":{"position":[[9,6],[39,4],[199,5]]},"516":{"position":[[9,6],[39,4],[217,5]]},"518":{"position":[[9,6],[39,4],[191,5]]},"520":{"position":[[9,6],[39,4],[200,5]]},"522":{"position":[[9,6],[39,4],[223,5]]},"524":{"position":[[9,6],[39,4],[193,5]]},"526":{"position":[[9,6],[39,4],[201,5]]},"528":{"position":[[9,6],[39,4],[182,5]]},"530":{"position":[[9,6],[39,4],[184,5]]},"532":{"position":[[9,6],[39,4],[193,5]]},"534":{"position":[[9,6],[39,4],[199,5]]},"536":{"position":[[9,6],[39,4],[195,5]]},"538":{"position":[[9,6],[39,4],[204,5]]},"540":{"position":[[9,6],[39,4],[213,5]]},"542":{"position":[[9,6],[39,4],[206,5]]},"544":{"position":[[9,6],[39,4],[180,5]]},"546":{"position":[[9,6],[39,4],[179,5]]},"548":{"position":[[9,6],[39,4],[218,5]]},"550":{"position":[[9,6],[39,4],[179,5]]},"552":{"position":[[9,6],[39,4],[205,5]]},"554":{"position":[[9,6],[39,4],[203,5]]},"556":{"position":[[9,6],[39,4],[221,5]]},"558":{"position":[[9,6],[39,4],[247,5]]},"562":{"position":[[8,6],[38,4],[260,5],[590,5]]},"574":{"position":[[2430,5],[2624,4],[9807,4]]},"584":{"position":[[9,6],[39,4],[186,5]]},"636":{"position":[[430,3],[3034,3]]},"638":{"position":[[442,3],[2486,3],[3141,3]]},"640":{"position":[[430,3],[2849,3]]},"642":{"position":[[439,3],[2884,3]]},"644":{"position":[[439,3],[2884,3]]},"646":{"position":[[429,3],[2512,3]]},"648":{"position":[[429,3],[2512,3]]},"650":{"position":[[487,3],[2531,3]]},"656":{"position":[[439,3],[2538,3]]},"668":{"position":[[2191,3],[78352,4],[146799,4],[146835,3],[149234,4],[149270,3]]}}}],["take",{"_index":1404,"t":{"574":{"position":[[840,5],[6876,6]]},"616":{"position":[[1886,4]]}}}],["tap",{"_index":2750,"t":{"608":{"position":[[652,3]]}}}],["target",{"_index":466,"t":{"70":{"position":[[380,8]]},"124":{"position":[[796,7]]},"574":{"position":[[1109,6],[1116,6],[1164,7]]},"580":{"position":[[1793,6],[1800,6],[1846,7]]},"600":{"position":[[1617,6],[1624,6],[1660,7]]},"660":{"position":[[2523,6],[2530,6],[2566,6]]},"664":{"position":[[1593,6],[1600,6],[1636,7]]}}}],["target.non",{"_index":1410,"t":{"574":{"position":[[1123,11]]},"580":{"position":[[1807,11]]},"600":{"position":[[1631,11]]},"660":{"position":[[2537,11]]},"664":{"position":[[1607,11]]}}}],["target=\"_blank\">about</a",{"_index":2487,"t":{"600":{"position":[[6747,25],[9741,25],[12739,25]]},"636":{"position":[[7237,25]]},"638":{"position":[[7792,25]]},"640":{"position":[[7761,25]]},"642":{"position":[[6660,25]]},"644":{"position":[[6821,25]]},"650":{"position":[[6701,25]]},"652":{"position":[[868,25]]},"654":{"position":[[873,25]]},"656":{"position":[[6726,25]]},"664":{"position":[[6904,25],[9229,25],[11702,25],[14132,25],[16551,25],[18883,25]]}}}],["task",{"_index":1106,"t":{"564":{"position":[[3489,4]]},"568":{"position":[[16739,4],[16839,4],[16943,4],[17046,4],[17160,4],[17265,4],[17363,4],[17463,4],[17567,4],[17670,4],[17784,4],[17889,4],[20267,4],[20353,4]]},"574":{"position":[[7616,4]]},"576":{"position":[[2247,4],[2317,4],[2387,4],[3216,4],[3286,4],[3356,4],[4533,4],[4603,4],[4673,4]]},"578":{"position":[[1764,4],[2739,4],[4263,4],[5446,4],[6139,4],[6631,4],[7255,4],[7896,4],[8599,4]]},"582":{"position":[[3099,4],[3173,4],[3861,4],[5611,4],[7309,4],[11539,4],[15786,4],[19927,4],[20737,4],[20813,4],[20889,4],[21002,4],[21111,4],[21222,4]]},"588":{"position":[[3974,4],[4042,4],[4634,4],[6323,4],[8467,4],[8535,4],[9645,4],[9713,4],[10331,4],[10399,4],[11421,4],[11489,4],[14703,4],[14812,4],[14916,4],[15023,4],[15128,4]]},"590":{"position":[[3231,4]]},"592":{"position":[[1846,4],[2023,4],[3510,4]]},"602":{"position":[[13077,4]]},"612":{"position":[[10876,4],[10950,4],[11028,4],[11105,4],[11193,4],[11269,4],[12473,4]]},"616":{"position":[[1113,4],[1233,4],[1323,4],[6151,4],[6336,4],[6975,4],[7243,4],[7665,4],[7807,4],[10293,4],[12363,4],[14625,4],[16689,4]]},"618":{"position":[[1209,4],[1329,4],[1419,4],[5217,4],[5412,4],[6099,4],[6349,4],[11055,4],[12305,4],[12620,4],[13354,4]]},"620":{"position":[[1258,4],[1378,4],[1468,4],[8038,4],[8225,4],[8873,4],[9111,4],[9507,4],[9653,4],[13848,4],[16975,4]]},"622":{"position":[[1307,4],[1362,4]]},"624":{"position":[[1054,4],[1174,4],[1264,4],[4885,4],[5070,4],[5712,4],[5947,4],[8679,4],[8984,4],[9626,4],[12938,4],[13123,4],[13198,4],[13277,4],[13358,4],[13435,4]]},"658":{"position":[[290,4],[1928,4],[3111,4],[3887,4],[4303,4],[4736,4],[5349,4]]},"660":{"position":[[24389,4],[24452,4],[24515,4]]},"666":{"position":[[1076,4],[1248,4]]},"668":{"position":[[4139,4],[20607,4],[60772,4],[67290,4],[84542,4],[87568,4],[91292,4],[95223,4],[116479,4],[118946,4],[125568,4],[142007,4],[144659,4]]}}}],["task.completedtask",{"_index":4439,"t":{"668":{"position":[[20756,19],[84691,19],[87717,19],[91441,19],[95372,19]]}}}],["task.delay(2000",{"_index":2451,"t":{"600":{"position":[[2095,17],[4194,17],[7085,17],[10079,17],[13077,17],[15809,17]]}}}],["task.delay(3000",{"_index":2223,"t":{"592":{"position":[[1942,17],[2117,17],[3602,17]]},"602":{"position":[[13124,17]]},"668":{"position":[[51056,17],[58492,17]]}}}],["task.delay(5000",{"_index":1496,"t":{"574":{"position":[[7689,17]]}}}],["task.fromresult(filterstransl",{"_index":5141,"t":{"668":{"position":[[121710,36]]}}}],["task.fromresult(new",{"_index":3349,"t":{"622":{"position":[[6248,19],[10004,19],[11513,19],[13007,19]]},"668":{"position":[[32862,19],[129773,19],[132426,19],[135116,19],[137921,19]]}}}],["task.fromresult(request.applyto(customers.orderby(custom",{"_index":3283,"t":{"622":{"position":[[2827,58],[4698,58],[7323,58]]}}}],["task.fromresult(request.applyto(employe",{"_index":4408,"t":{"668":{"position":[[9593,44],[12093,44],[14753,44],[17173,44],[18964,44],[22106,44],[24788,44],[28065,44],[34642,44],[37290,44],[39866,44],[42482,44],[45070,44],[47906,44],[60711,44],[70078,44],[73502,44],[76614,44],[80099,44],[83280,44],[86306,44],[89747,44],[93961,44],[96784,44],[99579,44],[104924,44],[113357,44],[115577,44],[118044,44],[122064,44],[125973,44],[139630,44]]}}}],["task.fromresult(request.applyto(navitem",{"_index":2452,"t":{"600":{"position":[[2126,43],[4225,43],[7116,43],[10110,43],[13108,43],[15840,43]]},"636":{"position":[[7751,43]]},"638":{"position":[[8133,43]]},"640":{"position":[[8275,43]]},"642":{"position":[[7174,43]]},"644":{"position":[[7335,43]]},"650":{"position":[[7042,43]]},"652":{"position":[[1249,43]]},"654":{"position":[[1254,43]]},"656":{"position":[[7067,43]]},"664":{"position":[[2053,43],[3154,43],[4986,43],[7245,43],[9598,43],[12071,43],[14501,43],[16892,43],[19375,43],[22678,43],[24605,43]]}}}],["task.fromresult(request.applyto(us",{"_index":5180,"t":{"668":{"position":[[142386,40],[145038,40]]}}}],["task.run",{"_index":1999,"t":{"582":{"position":[[20928,11],[21039,11],[21149,11],[21260,11]]},"588":{"position":[[14738,11],[14845,11],[14950,11],[15057,11],[15169,11]]},"590":{"position":[[3282,11]]}}}],["task<autocompletedataproviderresult<custom",{"_index":3280,"t":{"622":{"position":[[2530,46],[4401,46],[6005,46],[7026,46],[9788,46]]}}}],["task<autocompletedataproviderresult<customer2",{"_index":3388,"t":{"622":{"position":[[11263,47],[12757,47]]}}}],["task<bool",{"_index":1577,"t":{"578":{"position":[[302,10],[449,10],[611,10]]}}}],["task<chartdata",{"_index":2950,"t":{"616":{"position":[[712,15],[837,15],[976,15]]},"618":{"position":[[808,15],[933,15],[1072,15]]},"620":{"position":[[857,15],[982,15],[1121,15]]},"624":{"position":[[653,15],[778,15],[917,15]]}}}],["task<griddataproviderresult<customer2",{"_index":4528,"t":{"668":{"position":[[32255,39],[129168,39],[131821,39],[134511,39],[137316,39]]}}}],["task<griddataproviderresult<employe",{"_index":4557,"t":{"668":{"position":[[50944,38],[58380,38]]}}}],["task<griddataproviderresult<employee1",{"_index":4406,"t":{"668":{"position":[[9472,39],[11972,39],[14632,39],[17052,39],[18663,39],[21805,39],[24487,39],[34341,39],[36989,39],[39565,39],[60410,39],[69777,39],[73201,39],[76313,39],[79744,39],[82925,39],[85951,39],[89446,39],[93606,39],[96483,39],[99278,39],[104623,39],[113056,39],[115276,39],[117743,39],[121763,39],[139329,39]]}}}],["task<griddataproviderresult<employee2",{"_index":4551,"t":{"668":{"position":[[42181,39],[44769,39]]}}}],["task<griddataproviderresult<employee3",{"_index":4465,"t":{"668":{"position":[[27764,39],[47605,39]]}}}],["task<griddataproviderresult<employee4",{"_index":5148,"t":{"668":{"position":[[125672,39]]}}}],["task<griddataproviderresult<us",{"_index":5177,"t":{"668":{"position":[[142111,34],[144763,34]]}}}],["task<gridset",{"_index":5016,"t":{"668":{"position":[[61142,18]]}}}],["task<ienumerable<filteroperatorinfo",{"_index":5108,"t":{"668":{"position":[[120654,37]]}}}],["task<sidebar2dataproviderresult",{"_index":2447,"t":{"600":{"position":[[1948,32],[4047,32],[6938,32],[9932,32],[12930,32],[15662,32]]}}}],["task<sidebardataproviderresult",{"_index":3906,"t":{"636":{"position":[[7600,31]]},"638":{"position":[[7982,31]]},"640":{"position":[[8124,31]]},"642":{"position":[[7023,31]]},"644":{"position":[[7184,31]]},"650":{"position":[[6891,31]]},"652":{"position":[[1098,31]]},"654":{"position":[[1103,31]]},"656":{"position":[[6916,31]]},"664":{"position":[[1902,31],[3003,31],[4835,31],[7094,31],[9447,31],[11920,31],[14350,31],[16741,31],[19224,31],[22527,31],[24454,31]]}}}],["team",{"_index":138,"t":{"2":{"position":[[3049,4]]},"118":{"position":[[1214,4]]},"618":{"position":[[7220,6],[14419,6]]},"620":{"position":[[10228,6]]},"624":{"position":[[6774,6],[10645,6],[13943,6]]}}}],["technic",{"_index":2645,"t":{"604":{"position":[[1446,11]]}}}],["technolog",{"_index":1144,"t":{"566":{"position":[[3055,12],[3543,12],[4032,12],[4518,12],[5003,12],[5513,12],[6020,12],[6528,12],[7033,12],[7537,12]]},"572":{"position":[[2021,12],[2145,12]]}}}],["technologies</h4",{"_index":1141,"t":{"566":{"position":[[2923,17],[3411,17],[3900,17],[4386,17],[4871,17],[5381,17],[5888,17],[6396,17],[6901,17],[7405,17]]}}}],["tellu",{"_index":1853,"t":{"582":{"position":[[7745,7],[7837,6],[8066,6],[9866,6],[11010,6],[11986,7],[12078,6],[12307,6],[14107,6],[15251,6],[16127,7],[16219,6],[16448,6],[18248,6],[19392,6]]}}}],["temperature1",{"_index":3761,"t":{"632":{"position":[[5815,12]]}}}],["templat",{"_index":424,"t":{"60":{"position":[[153,9],[263,9],[329,10],[377,8],[429,8],[470,8],[517,8],[728,9],[753,9],[787,9]]},"80":{"position":[[1263,9]]},"128":{"position":[[328,10]]},"136":{"position":[[1243,9],[1353,9],[1460,9],[1485,9],[1519,9]]},"148":{"position":[[1719,9],[1829,9],[1936,9],[1961,9],[1995,9]]},"158":{"position":[[210,9],[320,9],[427,9],[452,9],[486,9]]},"204":{"position":[[37,10],[215,9],[325,9],[432,9],[457,9],[491,9]]},"210":{"position":[[29,10],[207,9],[317,9],[424,9],[449,9],[483,9]]},"222":{"position":[[944,9],[1054,9],[1161,9],[1186,9],[1220,9]]},"232":{"position":[[46,10],[224,9],[334,9],[441,9],[466,9],[500,9]]},"236":{"position":[[953,9],[1063,9],[1170,9],[1195,9],[1229,9]]},"312":{"position":[[201,9],[311,9],[418,9],[443,9],[477,9]]},"322":{"position":[[947,9],[1057,9],[1164,9],[1189,9],[1223,9]]},"510":{"position":[[197,9],[307,9],[414,9],[439,9],[473,9]]},"568":{"position":[[2230,9]]},"574":{"position":[[747,9]]},"582":{"position":[[359,9],[586,9],[729,9]]},"588":{"position":[[358,9],[768,9],[1020,9]]},"598":{"position":[[819,9]]},"602":{"position":[[980,8],[1490,8],[1611,9]]},"612":{"position":[[1967,9]]},"636":{"position":[[967,8],[1139,8],[1310,9],[3134,8],[3655,9],[8391,8]]},"638":{"position":[[2597,8],[3203,9],[8986,8]]},"640":{"position":[[965,8],[1137,8],[2949,8],[3468,9],[8928,8]]},"642":{"position":[[979,8],[1151,8],[2984,8],[3502,9],[7822,8]]},"644":{"position":[[979,8],[1151,8],[2984,8],[3502,9],[7983,8]]},"646":{"position":[[2612,8],[2946,9],[3179,8]]},"648":{"position":[[2612,8],[3130,9],[3358,8]]},"650":{"position":[[2642,8],[2966,9],[7819,8]]},"652":{"position":[[1706,10],[1947,9]]},"654":{"position":[[1711,10],[1964,9]]},"656":{"position":[[2638,8],[2964,9],[7679,8]]},"668":{"position":[[1453,8],[51198,9],[152799,8]]}}}],["templates1",{"_index":802,"t":{"142":{"position":[[529,10],[560,10],[692,10]]}}}],["tempor",{"_index":1877,"t":{"582":{"position":[[7989,7],[8393,6],[8918,6],[11076,6],[12230,7],[12634,6],[13159,6],[15317,6],[16371,7],[16775,6],[17300,6],[19458,6]]}}}],["tempu",{"_index":1952,"t":{"582":{"position":[[9557,7],[13798,7],[17939,7]]}}}],["tension",{"_index":3231,"t":{"620":{"position":[[4868,8],[4901,7],[4933,7]]}}}],["test",{"_index":1521,"t":{"574":{"position":[[9554,5]]},"594":{"position":[[933,4],[941,4]]}}}],["text",{"_index":290,"t":{"30":{"position":[[425,4]]},"44":{"position":[[316,4]]},"102":{"position":[[399,5],[480,5],[541,4]]},"108":{"position":[[265,4]]},"560":{"position":[[665,4],[713,4],[819,4],[867,4],[919,4],[1419,4],[1467,4],[1519,4],[2152,4],[2200,4],[2252,4]]},"564":{"position":[[854,5],[1901,4]]},"566":{"position":[[630,4],[852,4],[1076,4],[1294,4],[1510,4],[1757,4],[1999,4],[2243,4],[2481,4],[2717,4],[2872,5],[3199,6],[3267,4],[3687,6],[3755,4],[4176,6],[4244,4],[4662,6],[4730,4],[5147,6],[5215,4],[5657,6],[5725,4],[6164,6],[6232,4],[6672,6],[6740,4],[7177,6],[7245,4],[7681,6],[7749,4],[7928,4]]},"572":{"position":[[674,5],[1249,4],[1355,4],[1463,4],[1566,4],[1668,4],[1769,4],[1865,4],[1962,4],[2290,5],[2357,4]]},"574":{"position":[[818,5],[6912,4],[6963,4],[7965,5],[8092,5],[8223,5],[8356,5],[8547,5],[8832,4],[8848,6],[8887,4],[10000,4]]},"578":{"position":[[1331,5],[1547,5],[3337,4],[3465,4],[3600,4],[3996,4],[4051,4],[9049,4]]},"580":{"position":[[660,4],[2906,4],[3194,5],[3410,4],[3482,5],[3598,4],[3668,4],[4069,4],[4139,4],[4433,4],[4503,4],[5252,4],[5495,4],[6123,4],[6639,4],[6934,4],[7141,4],[7184,4],[7404,4],[7736,4],[8065,4],[8461,4],[8753,4],[9041,4],[9327,4],[9615,4],[9897,4],[10181,4],[10463,4],[11029,4],[11393,4],[11732,4],[12302,4],[12687,4],[13047,4],[13621,5],[13694,4]]},"582":{"position":[[4158,4],[4286,4],[4421,4],[5481,4],[6114,4],[6242,4],[6377,4],[20323,4],[20406,5]]},"588":{"position":[[3632,4],[4922,4],[5050,4],[5185,4],[6810,4],[6938,4],[7073,4],[8987,4],[10744,4],[14361,4]]},"590":{"position":[[585,5],[784,5],[981,5],[1194,5]]},"592":{"position":[[615,5],[1564,5],[3838,4]]},"596":{"position":[[188,4]]},"598":{"position":[[1239,4],[2232,4],[2254,4]]},"600":{"position":[[315,5],[1674,4],[1723,5],[2334,4],[2425,4],[2520,4],[2620,4],[2722,4],[2834,4],[2926,4],[3033,4],[3150,4],[3240,4],[3343,4],[3469,4],[3591,4],[3702,4],[4433,4],[4524,4],[4619,4],[4719,4],[4821,4],[4933,4],[5025,4],[5143,4],[5231,4],[5339,4],[5430,4],[5530,4],[5618,4],[5724,4],[5815,4],[5919,4],[6045,4],[6167,4],[6278,4],[7324,4],[7415,4],[7541,4],[7641,4],[7774,4],[7886,4],[7978,4],[8096,4],[8184,4],[8292,4],[8383,4],[8514,4],[8602,4],[8708,4],[8799,4],[8934,4],[9060,4],[9182,4],[9293,4],[10318,4],[10409,4],[10535,4],[10635,4],[10768,4],[10880,4],[10972,4],[11090,4],[11178,4],[11286,4],[11377,4],[11508,4],[11596,4],[11702,4],[11793,4],[11928,4],[12054,4],[12176,4],[12287,4],[13316,4],[13407,4],[13533,4],[13633,4],[13766,4],[13878,4],[13970,4],[14088,4],[14176,4],[14284,4],[14375,4],[14506,4],[14594,4],[14700,4],[14791,4],[14926,4],[15052,4],[15174,4],[15285,4],[16048,4],[16139,4],[16234,4],[16334,4],[16436,4],[16548,4],[16640,4],[16747,4],[16864,4],[16954,4],[17057,4],[17183,4],[17305,4],[17416,4]]},"602":{"position":[[1109,4]]},"604":{"position":[[414,4],[688,5],[3210,4],[4832,4]]},"606":{"position":[[1361,5]]},"608":{"position":[[475,5],[619,4],[1448,4],[1609,5],[1855,4],[1871,6],[1910,4],[2300,4]]},"610":{"position":[[2836,4],[2859,4],[2906,4],[3003,4],[3152,4],[3262,5],[3563,4],[4453,4],[4526,4]]},"614":{"position":[[304,4]]},"622":{"position":[[512,5],[580,5],[9248,4]]},"626":{"position":[[1056,4],[5156,4],[5191,4],[9339,4],[11783,4]]},"628":{"position":[[245,4],[8070,4],[11155,4]]},"630":{"position":[[1568,4],[8285,4],[8320,4],[12704,4],[17795,4]]},"636":{"position":[[7944,4],[8063,4],[8154,4]]},"638":{"position":[[8326,4],[8445,4],[8534,4]]},"640":{"position":[[8468,4],[8587,4],[8678,4]]},"642":{"position":[[7367,4],[7486,4],[7577,4]]},"644":{"position":[[7528,4],[7647,4],[7738,4]]},"650":{"position":[[7235,4],[7354,4],[7443,4]]},"652":{"position":[[1442,4],[1561,4],[1652,4]]},"654":{"position":[[1447,4],[1566,4],[1657,4]]},"656":{"position":[[7260,4],[7379,4],[7468,4]]},"658":{"position":[[591,5],[2047,4],[3230,4],[4006,4],[4137,5],[4403,4],[4836,4],[5960,4]]},"660":{"position":[[18175,5],[18200,4],[18233,4],[18467,4],[18518,4],[20221,4],[25925,4]]},"662":{"position":[[249,4],[7156,4],[10394,4]]},"664":{"position":[[323,5],[1650,4],[1699,5],[2251,4],[2347,4],[2440,4],[2535,4],[2630,4],[3362,4],[3453,4],[3548,4],[3648,4],[3750,4],[3862,4],[3981,4],[4070,4],[4173,4],[4299,4],[4421,4],[4532,4],[5194,4],[5285,4],[5411,4],[5511,4],[5644,4],[5756,4],[5875,4],[5964,4],[6097,4],[6223,4],[6345,4],[6456,4],[7453,4],[7544,4],[7670,4],[7770,4],[7903,4],[8015,4],[8134,4],[8223,4],[8356,4],[8482,4],[8604,4],[8715,4],[9806,4],[9897,4],[10023,4],[10123,4],[10256,4],[10368,4],[10487,4],[10576,4],[10709,4],[10835,4],[10957,4],[11068,4],[12279,4],[12370,4],[12496,4],[12596,4],[12729,4],[12841,4],[12960,4],[13049,4],[13182,4],[13308,4],[13430,4],[13541,4],[14709,4],[14800,4],[14926,4],[15026,4],[15159,4],[15271,4],[15390,4],[15479,4],[15612,4],[15738,4],[15860,4],[15971,4],[17100,4],[17191,4],[17317,4],[17417,4],[17550,4],[17662,4],[17781,4],[17870,4],[18003,4],[18129,4],[18251,4],[18362,4],[19583,4],[19674,4],[19800,4],[19900,4],[20033,4],[20145,4],[20264,4],[20353,4],[20486,4],[20612,4],[20734,4],[20845,4],[21265,4],[21431,4],[21735,4],[21786,4],[21838,4],[21887,4],[21938,4],[21988,4],[22094,4],[22201,4],[22886,4],[22977,4],[23072,4],[23172,4],[23274,4],[23400,4],[23533,4],[23636,4],[23739,4],[23865,4],[23987,4],[24098,4],[24803,4],[24899,4],[24992,4],[25087,4],[25182,4]]},"668":{"position":[[1558,4],[2343,5],[2689,4],[5635,5],[5712,4],[6942,4],[7057,4],[38567,4],[46216,4],[92172,4],[101389,4],[102206,4],[103037,4],[103854,4],[106011,4],[106083,4],[107030,4],[107089,4],[108049,4],[108107,4],[109068,4],[109127,4],[110085,4],[110141,4],[111099,4],[111155,4],[112118,4],[112179,4],[114436,4],[116891,4],[119472,4],[119601,4],[129978,4],[132649,4],[135351,4],[152720,4]]}}}],["text\"></div",{"_index":3983,"t":{"644":{"position":[[4582,12]]},"656":{"position":[[4038,12]]}}}],["text\">info",{"_index":3484,"t":{"626":{"position":[[4654,11],[4955,11]]}}}],["text\">tip",{"_index":3479,"t":{"626":{"position":[[4189,10],[6206,10]]},"630":{"position":[[8124,10],[9419,10]]}}}],["text.</p",{"_index":4115,"t":{"660":{"position":[[18614,9]]}}}],["text</dropdowntogglebutton",{"_index":4074,"t":{"660":{"position":[[10900,27]]}}}],["text=\"act",{"_index":2391,"t":{"598":{"position":[[5808,15],[8844,15]]}}}],["text=\"appoint",{"_index":2354,"t":{"598":{"position":[[4007,18],[7161,18]]}}}],["text=\"arch",{"_index":2364,"t":{"598":{"position":[[4362,14],[7477,14]]}}}],["text=\"delet",{"_index":2356,"t":{"598":{"position":[[4099,14],[4218,13],[7253,14],[7352,13]]}}}],["text=\"download",{"_index":2377,"t":{"598":{"position":[[4963,16],[8048,16]]}}}],["text=\"new",{"_index":2346,"t":{"598":{"position":[[3775,11],[5413,11],[6916,11],[8480,11]]}}}],["text=\"send",{"_index":2368,"t":{"598":{"position":[[4527,10],[7658,10]]}}}],["text>curr",{"_index":2200,"t":{"590":{"position":[[3129,13]]}}}],["textalign",{"_index":1673,"t":{"580":{"position":[[604,13],[7254,13]]},"626":{"position":[[1000,13],[5238,13]]},"630":{"position":[[1512,13],[8367,13]]},"668":{"position":[[6885,13],[41160,13],[41231,13]]}}}],["textalignment=\"alignment.cent",{"_index":1738,"t":{"580":{"position":[[7584,32]]},"626":{"position":[[5450,32]]},"630":{"position":[[8607,32]]},"668":{"position":[[27586,32],[30921,33],[41554,33],[42027,33],[44127,33],[44615,33],[46601,33],[47451,33],[127795,33],[130353,33],[133043,33],[135767,33]]}}}],["textalignment=\"alignment.end",{"_index":1739,"t":{"580":{"position":[[7916,29]]},"626":{"position":[[5681,29]]},"630":{"position":[[8866,29]]},"668":{"position":[[27375,29],[41877,30],[44450,30],[47286,30]]}}}],["textbox",{"_index":286,"t":{"30":{"position":[[352,7]]},"622":{"position":[[99,7],[1616,7]]},"668":{"position":[[4952,7],[26074,7],[26175,7],[26244,7],[152605,7]]}}}],["textnowrap",{"_index":4350,"t":{"668":{"position":[[7022,10]]}}}],["textnowrap=\"tru",{"_index":4456,"t":{"668":{"position":[[26986,17],[27114,17],[46240,17],[46966,18],[47071,18]]}}}],["that'",{"_index":4111,"t":{"660":{"position":[[18523,6]]}}}],["thead",{"_index":4293,"t":{"668":{"position":[[2185,5],[3191,5]]}}}],["theadcssclass",{"_index":4306,"t":{"668":{"position":[[3147,13]]}}}],["therebi",{"_index":2092,"t":{"588":{"position":[[9048,7],[10805,7]]}}}],["they'll",{"_index":1686,"t":{"580":{"position":[[2743,7]]}}}],["they'r",{"_index":2055,"t":{"588":{"position":[[3111,7]]},"606":{"position":[[310,7]]}}}],["they’ll",{"_index":1729,"t":{"580":{"position":[[6368,7]]}}}],["thing",{"_index":1085,"t":{"564":{"position":[[2103,6]]},"592":{"position":[[125,6]]},"606":{"position":[[378,6]]}}}],["third",{"_index":692,"t":{"110":{"position":[[361,5]]},"568":{"position":[[3515,5],[5526,5],[7369,5],[9185,5],[11001,5],[13205,5],[19498,5],[21927,5]]},"580":{"position":[[5055,5],[5753,5]]},"666":{"position":[[160,5]]}}}],["those",{"_index":1099,"t":{"564":{"position":[[3127,5],[3338,5]]},"574":{"position":[[5537,5]]}}}],["though",{"_index":1195,"t":{"568":{"position":[[2826,6],[3377,6],[3927,6],[4690,6],[5315,6],[5938,6],[6680,6],[7231,6],[7781,6],[8482,6],[9047,6],[9597,6],[10312,6],[10863,6],[11413,6],[12492,6],[13055,6],[13617,6],[14175,6],[14723,6],[15283,6],[18809,6],[19360,6],[19910,6],[21194,6],[21767,6],[22339,6]]}}}],["three",{"_index":1638,"t":{"578":{"position":[[4737,5]]},"588":{"position":[[11588,5]]},"602":{"position":[[5248,5]]}}}],["through",{"_index":400,"t":{"54":{"position":[[280,7]]},"68":{"position":[[436,7]]},"560":{"position":[[1046,7]]},"566":{"position":[[3221,7],[3709,7],[4198,7],[4684,7],[5169,7],[5679,7],[6186,7],[6694,7],[7199,7],[7703,7]]},"572":{"position":[[2311,7]]},"578":{"position":[[2219,7]]},"582":{"position":[[3422,7]]},"586":{"position":[[1140,7]]},"588":{"position":[[4216,7]]}}}],["throw",{"_index":737,"t":{"114":{"position":[[552,6]]},"580":{"position":[[5187,5]]}}}],["thrown",{"_index":1421,"t":{"574":{"position":[[1888,6]]}}}],["thu",{"_index":2342,"t":{"598":{"position":[[3065,4],[3173,4]]},"612":{"position":[[1205,4],[1313,4]]}}}],["thumbnail",{"_index":2938,"t":{"614":{"position":[[771,11],[1455,10]]}}}],["tick",{"_index":698,"t":{"110":{"position":[[515,4]]},"124":{"position":[[257,4]]},"632":{"position":[[518,4],[5447,4],[5466,4],[6267,4]]}}}],["tickmark",{"_index":3727,"t":{"632":{"position":[[464,9],[833,8],[5502,9],[6185,8]]}}}],["tickmarks=\"list",{"_index":3757,"t":{"632":{"position":[[5645,16]]}}}],["tidy.</p",{"_index":1087,"t":{"564":{"position":[[2119,9]]}}}],["time",{"_index":110,"t":{"2":{"position":[[2506,5]]},"74":{"position":[[306,4]]},"80":{"position":[[1103,4],[1648,4]]},"98":{"position":[[572,4]]},"118":{"position":[[671,5]]},"568":{"position":[[23456,4]]},"582":{"position":[[2774,5],[5004,4],[6011,4]]},"588":{"position":[[3361,5],[5773,4]]},"606":{"position":[[4861,4],[6395,4],[10146,5]]},"620":{"position":[[212,5],[307,5]]},"622":{"position":[[2702,4],[4573,4],[7198,4]]},"628":{"position":[[9647,4]]},"634":{"position":[[2936,4]]},"662":{"position":[[6,4],[37,4],[236,4],[287,4],[1117,4],[1150,4],[1941,5],[2120,5],[2888,5],[2928,5],[2972,5],[3191,5],[3231,5],[3275,5],[3836,5],[4586,5],[6278,5],[6899,5],[8264,4],[8456,4],[8815,5],[9080,4],[9137,4],[9195,4],[9636,5],[10035,5],[11895,4],[11992,4]]},"668":{"position":[[18821,4],[21963,4],[24645,4],[27922,4],[34499,4],[37147,4],[39723,4],[42339,4],[44927,4],[47763,4],[60568,4],[60957,5],[69935,4],[73359,4],[76471,4],[79956,4],[83137,4],[86163,4],[89604,4],[93818,4],[96641,4],[99436,4],[104781,4],[113214,4],[115434,4],[117901,4],[121921,4],[125830,4],[139487,4],[142251,4],[144903,4]]}}}],["time1",{"_index":4163,"t":{"662":{"position":[[2164,5],[3319,6],[3417,5],[4100,5],[4829,5],[8727,6],[8859,5],[8946,5]]}}}],["time1</div",{"_index":4159,"t":{"662":{"position":[[1947,12],[2978,12],[3842,12],[4592,12],[8821,12]]}}}],["time2",{"_index":4165,"t":{"662":{"position":[[2211,6],[3356,6],[3537,5]]}}}],["time2</div",{"_index":4162,"t":{"662":{"position":[[2126,12],[3281,12]]}}}],["timechanged(timeonli",{"_index":4204,"t":{"662":{"position":[[8913,20]]}}}],["timechanged(valu",{"_index":4203,"t":{"662":{"position":[[8759,19]]}}}],["timeinput",{"_index":487,"t":{"74":{"position":[[116,9],[169,9],[787,9],[983,9]]},"80":{"position":[[1914,9]]},"96":{"position":[[117,10],[329,9],[349,10],[785,9],[1048,9]]},"132":{"position":[[1647,10],[1762,9]]},"134":{"position":[[1546,9],[2795,9],[2893,9]]},"148":{"position":[[1260,9]]},"216":{"position":[[1252,9],[2501,9],[2599,9]]},"218":{"position":[[1416,10],[1531,9]]},"224":{"position":[[883,9]]},"234":{"position":[[1261,9],[2510,9],[2608,9]]},"240":{"position":[[1425,10],[1540,9]]},"260":{"position":[[452,9]]},"262":{"position":[[164,9],[262,9]]},"266":{"position":[[748,9],[900,9],[998,9]]},"270":{"position":[[169,9],[267,9]]},"272":{"position":[[706,10],[821,9],[2302,9],[2699,9],[2797,9]]},"282":{"position":[[597,10],[712,9],[1692,9],[1790,9]]},"284":{"position":[[448,9],[600,9],[698,9]]},"290":{"position":[[445,9]]},"294":{"position":[[451,9]]},"296":{"position":[[164,9],[262,9]]},"298":{"position":[[170,9],[268,9]]},"300":{"position":[[169,10],[284,9],[734,9],[886,9],[984,9]]},"314":{"position":[[1419,10],[1534,9]]},"316":{"position":[[444,9],[1693,9],[1791,9]]},"320":{"position":[[1255,9],[2504,9],[2602,9]]},"332":{"position":[[458,10],[573,9]]},"346":{"position":[[760,9]]},"354":{"position":[[742,9],[894,9],[992,9]]},"356":{"position":[[163,9],[261,9]]},"366":{"position":[[1469,9],[1866,9],[1964,9]]},"368":{"position":[[2909,10],[3024,9]]},"386":{"position":[[758,9]]},"390":{"position":[[1503,10],[1618,9],[2598,9],[2696,9]]},"398":{"position":[[442,9],[594,9],[692,9]]},"424":{"position":[[714,9]]},"430":{"position":[[164,9],[262,9]]},"434":{"position":[[20,11],[163,10],[278,9],[728,9],[880,9],[978,9]]},"526":{"position":[[160,9],[258,9]]},"534":{"position":[[440,9]]},"554":{"position":[[161,10],[276,9]]},"662":{"position":[[69,9],[1264,9],[1456,10],[1667,9],[1855,10],[2033,10],[2419,9],[2762,10],[3064,10],[3699,10],[3729,10],[4374,10],[4482,10],[5033,9],[6351,10],[6972,10],[8625,9],[8661,10],[9709,10],[10108,10]]}}}],["timeinput1",{"_index":4176,"t":{"662":{"position":[[4789,10]]}}}],["timeinput1.dis",{"_index":4177,"t":{"662":{"position":[[4897,21]]}}}],["timeinput1.en",{"_index":4178,"t":{"662":{"position":[[4944,20]]}}}],["timeinput3",{"_index":899,"t":{"142":{"position":[[1742,10]]}}}],["timeinput<timeonli",{"_index":4175,"t":{"662":{"position":[[4769,19],[10658,20]]}}}],["timeonli",{"_index":488,"t":{"74":{"position":[[203,8],[216,9]]},"662":{"position":[[1577,8],[1696,8],[1709,10],[1759,8],[1772,10],[2155,8],[2201,9],[3310,8],[3346,9],[4091,8],[4820,8],[8289,9],[8481,9],[8850,8],[8934,9],[8954,9],[10788,9],[10822,9],[11920,9],[12017,9]]}}}],["timeonly(10",{"_index":4166,"t":{"662":{"position":[[3429,12],[4112,12],[4841,12],[8871,12]]}}}],["timeonly(13",{"_index":4156,"t":{"662":{"position":[[1598,12]]}}}],["timeonly(18",{"_index":4170,"t":{"662":{"position":[[3508,12],[3601,12]]}}}],["timeonly(6",{"_index":4164,"t":{"662":{"position":[[2176,11]]}}}],["timeonly(8",{"_index":4168,"t":{"662":{"position":[[3469,11],[3562,11]]}}}],["timeout",{"_index":434,"t":{"64":{"position":[[205,7]]},"606":{"position":[[4827,7],[6361,7]]}}}],["timepick",{"_index":498,"t":{"74":{"position":[[993,10]]},"134":{"position":[[2903,10]]},"216":{"position":[[2609,10]]},"234":{"position":[[2618,10]]},"262":{"position":[[272,10]]},"266":{"position":[[1008,10]]},"270":{"position":[[277,10]]},"272":{"position":[[2807,10]]},"282":{"position":[[1800,10]]},"284":{"position":[[708,10]]},"296":{"position":[[272,10]]},"298":{"position":[[278,10]]},"300":{"position":[[994,10]]},"316":{"position":[[1801,10]]},"320":{"position":[[2612,10]]},"354":{"position":[[1002,10]]},"356":{"position":[[271,10]]},"366":{"position":[[1974,10]]},"390":{"position":[[2706,10]]},"398":{"position":[[702,10]]},"430":{"position":[[21,12],[272,10]]},"434":{"position":[[988,10]]},"526":{"position":[[268,10]]}}}],["timepicker1",{"_index":900,"t":{"142":{"position":[[1753,11]]}}}],["tincidunt",{"_index":1845,"t":{"582":{"position":[[7661,9],[8421,9],[10812,9],[11902,9],[12662,9],[15053,9],[16043,9],[16803,9],[19194,9]]}}}],["tip",{"_index":1135,"t":{"566":{"position":[[1480,3],[2687,3]]},"606":{"position":[[11689,3]]},"616":{"position":[[4305,3]]},"618":{"position":[[3674,3]]},"620":{"position":[[6271,3]]},"624":{"position":[[3392,3]]},"636":{"position":[[2825,3]]},"638":{"position":[[2277,3]]},"640":{"position":[[2640,3]]},"642":{"position":[[2659,3]]},"644":{"position":[[2659,3]]},"646":{"position":[[2299,3]]},"648":{"position":[[2299,3]]},"650":{"position":[[2322,3]]},"656":{"position":[[2313,3]]},"668":{"position":[[20896,3],[46287,3]]}}}],["titem=\"custom",{"_index":3272,"t":{"622":{"position":[[2238,16],[4065,16],[5696,16],[6665,16],[8658,16]]}}}],["titem=\"customer2",{"_index":3382,"t":{"622":{"position":[[10658,17],[12217,17]]},"668":{"position":[[30530,17],[30732,17],[31001,17],[31217,17],[31398,17],[31579,17],[31770,17],[31971,17],[127370,17],[127606,17],[127875,17],[128091,17],[128272,17],[128453,17],[128644,17],[128845,17],[129920,17],[130127,17],[130433,17],[130690,17],[130871,17],[131052,17],[131243,17],[131444,17],[132591,17],[132817,17],[133123,17],[133380,17],[133561,17],[133742,17],[133933,17],[134134,17],[135293,17],[135541,17],[135847,17],[136105,17],[136286,17],[136467,17],[136658,17],[136939,17]]}}}],["titem=\"employe",{"_index":2534,"t":{"602":{"position":[[2329,16],[3213,16],[3473,16],[5330,16],[5589,16],[5848,16],[8401,16],[8679,16],[10456,16],[11036,16],[11906,16],[12738,16],[13634,16]]},"668":{"position":[[50407,16],[50577,16],[50649,16],[50736,16],[50821,16],[51309,16],[51445,16],[51517,16],[51604,16],[51689,16],[51821,17]]}}}],["titem=\"employee1",{"_index":4410,"t":{"668":{"position":[[9954,17],[10131,17],[10222,17],[10372,17],[10490,17],[10584,17],[12375,17],[12562,17],[12635,17],[12721,17],[12812,17],[12887,17],[15000,17],[15175,17],[15282,17],[15404,17],[15538,17],[15648,17],[17286,17],[17626,17],[17751,17],[17893,17],[18054,17],[18183,17],[20966,17],[21143,17],[21304,17],[21410,17],[21528,17],[21622,17],[23722,17],[23899,17],[23991,17],[24097,17],[24215,17],[24309,17],[33429,17],[33586,17],[33696,17],[33889,17],[34026,17],[34139,17],[36174,17],[36331,17],[36441,17],[36566,17],[36674,17],[36787,17],[38791,17],[38928,17],[39040,17],[39126,17],[39256,17],[39370,17],[59142,17],[59455,17],[59650,17],[59792,17],[59953,17],[60082,17],[63387,17],[63497,17],[63588,17],[63694,17],[63812,17],[63906,17],[65829,17],[65951,17],[66042,17],[66148,17],[66266,17],[66360,17],[68759,17],[68997,17],[69122,17],[69264,17],[69425,17],[69554,17],[72139,17],[72354,17],[72479,17],[72621,17],[72782,17],[72911,17],[75298,17],[75513,17],[75638,17],[75800,17],[75961,17],[76090,17],[78487,17],[78702,17],[78827,17],[78969,17],[79130,17],[79259,17],[81867,17],[82076,17],[82167,17],[82273,17],[82391,17],[82485,17],[84828,17],[85102,17],[85193,17],[85299,17],[85417,17],[85511,17],[88239,17],[88597,17],[88688,17],[88794,17],[88912,17],[89006,17],[92290,17],[92757,17],[92848,17],[92954,17],[93072,17],[93166,17],[95421,17],[95616,17],[95689,17],[95775,17],[95866,17],[95941,17],[98516,17],[98784,17],[98857,17],[98943,17],[99034,17],[99109,17],[101258,17],[101462,17],[101569,17],[101691,17],[101825,17],[101935,17],[102075,17],[102293,17],[102400,17],[102522,17],[102656,17],[102766,17],[102906,17],[103110,17],[103217,17],[103339,17],[103473,17],[103583,17],[103723,17],[103941,17],[104048,17],[104170,17],[104304,17],[104414,17],[105857,17],[106156,17],[106281,17],[106423,17],[106584,17],[106713,17],[106877,17],[107176,17],[107301,17],[107443,17],[107604,17],[107733,17],[107897,17],[108194,17],[108319,17],[108461,17],[108622,17],[108751,17],[108915,17],[109214,17],[109339,17],[109481,17],[109642,17],[109771,17],[109935,17],[110228,17],[110353,17],[110495,17],[110656,17],[110785,17],[110949,17],[111242,17],[111367,17],[111509,17],[111670,17],[111799,17],[111963,17],[112266,17],[112391,17],[112533,17],[112694,17],[112823,17],[114284,17],[114533,17],[114640,17],[114762,17],[114896,17],[115006,17],[116740,17],[117000,17],[117107,17],[117229,17],[117363,17],[117473,17],[119302,17],[119864,17],[119989,17],[120131,17],[120292,17],[120421,17],[138207,17],[138539,17],[138664,17],[138806,17],[138967,17],[139096,17],[146888,17],[147010,17],[147101,17],[147207,17],[147325,17],[147419,17],[147545,18],[149323,17],[149445,17],[149536,17],[149642,17],[149760,17],[149854,17],[149980,18],[150005,17],[150127,17],[150230,17],[150348,17],[150478,17],[150584,17],[150722,17]]}}}],["titem=\"employee2",{"_index":4548,"t":{"668":{"position":[[41344,17],[41481,17],[41626,17],[41712,17],[41803,17],[41950,17],[43800,17],[43917,17],[44054,17],[44199,17],[44285,17],[44376,17],[44538,17]]}}}],["titem=\"employee3",{"_index":4444,"t":{"668":{"position":[[26284,17],[26461,17],[26576,17],[26713,17],[26847,17],[26947,17],[27071,17],[27207,17],[27301,17],[27509,17],[46373,17],[46528,17],[46673,17],[46761,17],[46848,17],[46927,17],[47028,17],[47137,17],[47212,17],[47374,17]]}}}],["titem=\"employee4",{"_index":4354,"t":{"668":{"position":[[7498,17],[7675,17],[7766,17],[7872,17],[7990,17],[8084,17],[123936,17],[124124,17],[124215,17],[124321,17],[124439,17],[124557,17],[124675,17],[124793,17],[124887,17],[124994,17],[125101,17],[125208,17],[125315,17]]}}}],["titem=\"us",{"_index":5165,"t":{"668":{"position":[[141312,12],[141480,12],[141566,12],[141663,12],[141752,12],[143801,12],[143969,12],[144083,12],[144193,12],[144315,12],[144404,12]]}}}],["titl",{"_index":215,"t":{"10":{"position":[[561,5]]},"38":{"position":[[366,5]]},"44":{"position":[[439,5]]},"72":{"position":[[394,5]]},"88":{"position":[[276,5]]},"102":{"position":[[472,7]]},"568":{"position":[[2125,5],[2160,6],[2224,5],[4026,5],[4070,6],[23579,5]]},"574":{"position":[[1496,6]]},"578":{"position":[[228,6],[358,6],[508,6],[1838,6],[4505,6],[5591,6],[6255,8],[6789,6],[6812,7],[7395,6],[8105,7],[8693,6],[8716,7]]},"580":{"position":[[2163,5],[2595,5],[2932,5],[3474,7],[3694,5],[4165,5],[4529,5],[5521,5],[6069,5],[6585,5],[6880,5],[7350,5],[7682,5],[8011,5],[8487,5],[8779,5],[9067,5],[9353,5],[9641,5],[9923,5],[10207,5],[10489,5],[13613,7]]},"582":{"position":[[1140,5],[1185,6],[7547,6],[11786,6],[15927,6],[20154,6]]},"588":{"position":[[1636,5],[1684,6],[1875,6],[3598,7],[7977,6],[8810,6],[9902,6],[10539,6],[14163,6]]},"598":{"position":[[706,5],[745,6],[813,5],[1203,5]]},"600":{"position":[[651,5],[690,6]]},"604":{"position":[[372,5],[408,5]]},"606":{"position":[[1524,5],[1571,6],[3005,5],[3182,6],[4658,5],[5987,5],[9592,5],[11257,5],[12306,5]]},"608":{"position":[[577,5]]},"612":{"position":[[1854,5],[1893,6],[1961,5],[1995,5],[3853,5],[3891,6],[16271,5]]},"628":{"position":[[12329,6]]},"658":{"position":[[851,5],[887,6],[2002,5],[2017,7],[3185,5],[3200,7],[3961,5],[3976,7],[4358,5],[4373,7],[4791,5],[4806,7],[5471,5],[5684,5]]},"662":{"position":[[7778,6],[11602,6]]},"664":{"position":[[670,5],[717,6],[21259,5],[21419,5],[21474,5]]},"668":{"position":[[116604,5],[119077,5]]}}}],["title</cardtitl",{"_index":1691,"t":{"580":{"position":[[2859,17],[3554,17],[4025,17],[4389,17],[5448,17],[8414,17],[8706,17],[8994,17],[9280,17],[9568,17],[9850,17],[10134,17],[10416,17],[10964,17],[11340,17],[11667,17],[12237,17],[12634,17],[12982,17]]}}}],["title=\"<strong>tooltip</strong",{"_index":2774,"t":{"608":{"position":[[2020,31]]}}}],["title=\"@customer.customernam",{"_index":2892,"t":{"612":{"position":[[13017,30],[14071,31],[15133,30]]}}}],["title=\"@text",{"_index":2772,"t":{"608":{"position":[[1643,13]]}}}],["title=\"about",{"_index":1225,"t":{"568":{"position":[[14809,13]]},"612":{"position":[[7910,14],[8516,14],[9130,14],[10210,14],[12289,14]]}}}],["title=\"accordion",{"_index":1183,"t":{"568":{"position":[[2363,16],[2912,16],[3463,16],[6217,16],[6766,16],[7317,16],[8019,16],[8568,16],[9133,16],[9849,16],[10398,16],[10949,16],[18346,16],[18895,16],[19446,16],[20709,16],[21280,16],[21853,16]]}}}],["title=\"blazor",{"_index":2443,"t":{"600":{"position":[[1811,13],[3910,13],[6555,13],[9549,13],[12547,13],[15493,13]]},"636":{"position":[[7065,13]]},"638":{"position":[[7620,13]]},"640":{"position":[[7589,13]]},"642":{"position":[[6488,13]]},"644":{"position":[[6649,13]]},"650":{"position":[[6529,13]]},"652":{"position":[[696,13]]},"654":{"position":[[701,13]]},"656":{"position":[[6554,13]]},"664":{"position":[[1786,13],[2887,13],[4719,13],[6732,13],[8984,13],[11438,13],[13868,13],[16287,13],[18692,13],[22411,13],[24305,13]]}}}],["title=\"click",{"_index":2766,"t":{"608":{"position":[[1366,12]]}}}],["title=\"contact",{"_index":1217,"t":{"568":{"position":[[13141,15]]},"612":{"position":[[2678,16],[3611,16],[5698,16],[6546,16],[7226,16],[7780,16],[8386,16],[9000,16],[9797,16],[12159,16]]}}}],["title=\"dis",{"_index":2760,"t":{"608":{"position":[[1153,15]]}}}],["title=\"extra",{"_index":2102,"t":{"588":{"position":[[11729,12]]}}}],["title=\"faq",{"_index":1222,"t":{"568":{"position":[[14261,12]]},"612":{"position":[[10075,12]]}}}],["title=\"fold",{"_index":2385,"t":{"598":{"position":[[5357,15],[8408,14]]}}}],["title=\"ful",{"_index":2116,"t":{"588":{"position":[[12465,11],[12586,11],[12719,11],[12853,11],[12986,11],[13125,11]]}}}],["title=\"hom",{"_index":1213,"t":{"568":{"position":[[12020,12]]},"598":{"position":[[3705,12],[6862,13]]},"612":{"position":[[2220,12],[3153,12],[4998,12],[6088,12],[6956,12],[7510,12],[8116,12],[8730,12],[9527,12],[11905,13]]}}}],["title=\"info",{"_index":2835,"t":{"610":{"position":[[4180,11]]}}}],["title=\"larg",{"_index":2105,"t":{"588":{"position":[[11848,12]]}}}],["title=\"mod",{"_index":2064,"t":{"588":{"position":[[3585,12],[7964,12],[8797,12],[9889,12],[10526,12],[14150,12]]}}}],["title=\"offcanva",{"_index":1831,"t":{"582":{"position":[[7067,16],[7530,16],[11769,16],[15910,16],[20137,16]]}}}],["title=\"product",{"_index":1219,"t":{"568":{"position":[[13703,16]]},"612":{"position":[[9927,16]]}}}],["title=\"profil",{"_index":1215,"t":{"568":{"position":[[12578,15]]},"612":{"position":[[2454,16],[3387,16],[5232,16],[6322,16],[7096,16],[7650,16],[8256,16],[8870,16],[9667,16],[12029,16]]}}}],["title=\"project",{"_index":2847,"t":{"612":{"position":[[5456,16]]}}}],["title=\"send",{"_index":2365,"t":{"598":{"position":[[4452,11],[7567,11]]}}}],["title=\"smal",{"_index":2108,"t":{"588":{"position":[[11956,12]]}}}],["title=\"tooltip",{"_index":2751,"t":{"608":{"position":[[709,14],[809,14],[873,14],[976,14]]}}}],["title>net6.blazorwebassemblyapp</titl",{"_index":3962,"t":{"642":{"position":[[3776,40]]}}}],["title>net7.blazorwebassemblyapp</titl",{"_index":3976,"t":{"644":{"position":[[3776,40]]}}}],["title>net8.blazorwebassemblystandaloneapp</titl",{"_index":3994,"t":{"656":{"position":[[3212,50]]}}}],["titletempl",{"_index":1181,"t":{"568":{"position":[[2173,13],[4081,14],[4155,15],[4237,16],[4777,15],[4860,16],[5402,15],[5484,16]]},"598":{"position":[[758,13]]},"612":{"position":[[1906,13],[2004,13],[3906,13],[4026,15],[4082,16],[4304,15],[4364,16],[4589,15],[4648,16]]}}}],["to=\"#\">anoth",{"_index":1707,"t":{"580":{"position":[[3803,14],[5834,14]]}}}],["to=\"#\">card",{"_index":1705,"t":{"580":{"position":[[3765,11],[5796,11]]}}}],["toast",{"_index":162,"t":{"2":{"position":[[3823,6],[3930,5]]},"4":{"position":[[106,6],[166,6]]},"10":{"position":[[699,6]]},"20":{"position":[[179,6],[325,6],[382,6]]},"38":{"position":[[179,6],[319,6],[346,6],[472,6],[539,6],[582,6]]},"46":{"position":[[120,5],[198,6],[613,6],[891,5]]},"66":{"position":[[119,6],[163,6],[190,5],[334,6],[412,6],[426,6]]},"86":{"position":[[137,5],[244,5],[486,5]]},"88":{"position":[[141,7],[368,6],[682,6],[852,6]]},"114":{"position":[[155,6],[599,5],[615,6],[969,5]]},"132":{"position":[[2644,5],[2772,5]]},"134":{"position":[[141,7],[292,6]]},"136":{"position":[[462,6],[547,6],[561,6]]},"138":{"position":[[120,5],[198,6],[390,5],[1239,6],[1293,6],[1336,6]]},"140":{"position":[[1187,6]]},"144":{"position":[[106,6]]},"154":{"position":[[2633,6],[2740,5]]},"156":{"position":[[554,6],[661,5]]},"162":{"position":[[761,5],[839,6],[1031,5]]},"164":{"position":[[178,5],[256,6],[448,5]]},"170":{"position":[[170,5],[248,6],[440,5]]},"196":{"position":[[232,6],[286,6],[329,6]]},"198":{"position":[[171,5],[249,6],[441,5]]},"202":{"position":[[171,5],[249,6],[441,5]]},"208":{"position":[[236,6],[290,6],[333,6]]},"212":{"position":[[29,6],[170,5],[248,6],[440,5]]},"214":{"position":[[28,7],[169,6],[254,6],[268,6],[477,6],[531,6],[574,6]]},"218":{"position":[[2413,5],[2541,5],[2723,7],[2874,6]]},"222":{"position":[[163,6],[248,6],[262,6],[2815,5],[2893,6],[3085,5]]},"228":{"position":[[2642,6],[2749,5]]},"236":{"position":[[172,6],[257,6],[271,6],[2824,5],[2902,6],[3094,5]]},"238":{"position":[[886,6],[940,6],[983,6]]},"240":{"position":[[2422,5],[2550,5],[2732,7],[2883,6]]},"244":{"position":[[1054,6],[2013,6]]},"246":{"position":[[191,5],[319,5]]},"276":{"position":[[470,7],[621,6]]},"280":{"position":[[448,7],[599,6]]},"282":{"position":[[1379,7],[1530,6]]},"292":{"position":[[189,7],[340,6]]},"302":{"position":[[190,7],[341,6],[506,6],[591,6],[605,6]]},"304":{"position":[[186,5],[314,5]]},"308":{"position":[[1683,6],[1790,5]]},"310":{"position":[[2636,6],[2743,5]]},"314":{"position":[[2416,5],[2544,5],[2726,7],[2877,6]]},"316":{"position":[[2453,6],[2538,6],[2552,6]]},"318":{"position":[[185,5],[313,5]]},"322":{"position":[[166,6],[251,6],[265,6]]},"324":{"position":[[192,5],[320,5]]},"332":{"position":[[1455,5],[1583,5],[1765,7],[1916,6]]},"334":{"position":[[521,6],[628,5]]},"344":{"position":[[266,6]]},"360":{"position":[[579,6],[686,5]]},"368":{"position":[[1848,6],[1955,5]]},"370":{"position":[[257,6]]},"376":{"position":[[464,7],[615,6]]},"390":{"position":[[551,6],[658,5],[2285,7],[2436,6]]},"394":{"position":[[874,7],[1025,6]]},"406":{"position":[[482,6],[536,6],[579,6]]},"408":{"position":[[229,6],[283,6],[326,6]]},"428":{"position":[[858,7],[1009,6]]},"432":{"position":[[20,7],[197,6],[304,5],[462,5],[590,5]]},"436":{"position":[[20,8],[184,7],[335,6],[500,6],[585,6],[599,6],[808,6],[862,6],[905,6],[1158,6]]},"438":{"position":[[187,5],[315,5]]},"446":{"position":[[150,6]]},"454":{"position":[[258,6]]},"476":{"position":[[223,6],[277,6],[320,6]]},"484":{"position":[[164,5],[242,6],[434,5]]},"498":{"position":[[200,6],[307,5]]},"518":{"position":[[163,6],[248,6],[262,6]]},"540":{"position":[[185,7],[336,6]]},"542":{"position":[[181,5],[309,5]]},"578":{"position":[[2468,5]]},"606":{"position":[[11,6],[38,6],[88,6],[150,5],[172,6],[415,6],[433,6],[518,6],[575,7],[583,6],[787,6],[853,5],[943,5],[1066,5],[1452,5],[1500,5],[1628,6],[1655,6],[1702,7],[1742,6],[1873,9],[1932,7],[3099,5],[3150,6],[3168,5],[3204,6],[3297,6],[3329,5],[3375,7],[4592,5],[4643,6],[4735,6],[4878,6],[4885,7],[6081,5],[6142,6],[6262,5],[6412,6],[6491,7],[7742,5],[7984,6],[8031,6],[8175,6],[8193,7],[9686,5],[9803,6],[9841,6],[9877,5],[9915,5],[10124,5],[10152,7],[11351,5],[11420,6],[11464,6],[11600,7],[11701,6],[12234,6],[12286,5],[12292,5],[12382,6]]},"608":{"position":[[2159,6]]},"612":{"position":[[16153,6]]},"636":{"position":[[7403,7]]},"640":{"position":[[7927,7]]},"642":{"position":[[6826,7]]},"644":{"position":[[6987,7]]}}}],["toast''",{"_index":2683,"t":{"606":{"position":[[1554,8]]}}}],["toast1",{"_index":804,"t":{"142":{"position":[[578,6]]}}}],["toast2",{"_index":901,"t":{"142":{"position":[[1765,6]]}}}],["toast</button",{"_index":2693,"t":{"606":{"position":[[2104,14],[2217,14],[2324,14],[2428,14],[2535,14],[2633,14],[2731,14],[3547,14],[3660,14],[3767,14],[3871,14],[3978,14],[4076,14],[4177,14],[4275,14],[5086,14],[5199,14],[5306,14],[5410,14],[5517,14],[5615,14],[5713,14],[6676,14],[6789,14],[6896,14],[7000,14],[7107,14],[7205,14],[7303,14],[10356,14],[10469,14],[10576,14],[10680,14],[10787,14],[10885,14],[10983,14]]}}}],["toastmessag",{"_index":1283,"t":{"568":{"position":[[22612,13],[22831,13],[23051,13],[23272,13]]},"606":{"position":[[1106,12],[2912,12],[2972,12],[4456,12],[4516,12],[5894,12],[5954,12],[6223,12],[7484,12],[7543,12],[7562,15],[7941,13],[9549,14],[11164,12],[11224,12],[12252,12]]},"628":{"position":[[12240,12],[12259,12]]},"662":{"position":[[7689,12],[7708,12],[11513,12],[11532,12]]}}}],["toastmessage(toasttype.secondari",{"_index":1616,"t":{"578":{"position":[[3196,33]]}}}],["toastmessage(toasttype.success",{"_index":1615,"t":{"578":{"position":[[3096,31]]}}}],["toastmessage.autohid",{"_index":2716,"t":{"606":{"position":[[7842,21]]}}}],["toastmessage.helptext",{"_index":2714,"t":{"606":{"position":[[7650,21]]}}}],["toastmessage.messag",{"_index":2715,"t":{"606":{"position":[[7693,20]]}}}],["toastmessage.titl",{"_index":2713,"t":{"606":{"position":[[7609,18]]}}}],["toastmessage.typ",{"_index":2712,"t":{"606":{"position":[[7578,17]]}}}],["toasts2",{"_index":805,"t":{"142":{"position":[[592,7]]}}}],["toasts4",{"_index":902,"t":{"142":{"position":[[1772,7]]}}}],["toastservic",{"_index":375,"t":{"46":{"position":[[284,12],[436,13]]},"86":{"position":[[258,12],[504,12]]},"132":{"position":[[2790,12]]},"218":{"position":[[2559,12]]},"240":{"position":[[2568,12]]},"246":{"position":[[337,12]]},"304":{"position":[[332,12]]},"314":{"position":[[2562,12]]},"318":{"position":[[331,12]]},"324":{"position":[[338,12]]},"332":{"position":[[1601,12]]},"432":{"position":[[608,12]]},"438":{"position":[[21,14],[333,12]]},"542":{"position":[[327,12]]},"568":{"position":[[22481,12],[22494,12]]},"578":{"position":[[2685,12],[2698,12]]},"606":{"position":[[11761,13],[11851,12],[11864,12]]},"628":{"position":[[11624,12]]},"662":{"position":[[7501,12],[10857,12]]}}}],["toastservice.notifi",{"_index":570,"t":{"88":{"position":[[385,19]]}}}],["toastservice.notify(new",{"_index":1282,"t":{"568":{"position":[[22588,23],[22807,23],[23027,23],[23248,23]]},"578":{"position":[[3072,23],[3172,23]]}}}],["toastservice.notify(new(toasttype.dang",{"_index":2747,"t":{"606":{"position":[[12116,41]]}}}],["toastservice.notify(new(toasttype.success",{"_index":2745,"t":{"606":{"position":[[11986,42]]}}}],["toastservice1",{"_index":903,"t":{"142":{"position":[[1780,13]]}}}],["toastsplac",{"_index":2677,"t":{"606":{"position":[[885,15],[8128,15],[9353,15],[9369,15],[9734,15]]}}}],["toastsplacement.topright",{"_index":2678,"t":{"606":{"position":[[901,24],[9387,25]]}}}],["toasttyp",{"_index":2684,"t":{"606":{"position":[[1589,9],[2845,10],[2954,10],[2994,10],[4389,10],[4498,10],[4538,10],[5827,10],[5936,10],[5976,10],[7417,10],[7526,10],[7598,10],[7866,11],[7901,9],[11097,10],[11206,10],[11246,10]]}}}],["toasttype.dang",{"_index":2717,"t":{"606":{"position":[[7881,16]]}}}],["toasttype.primari",{"_index":1284,"t":{"568":{"position":[[22632,18],[22851,18],[23071,18],[23292,18]]}}}],["toasttype.success",{"_index":2735,"t":{"606":{"position":[[9573,18]]},"628":{"position":[[12280,18]]},"662":{"position":[[7729,18],[11553,18]]}}}],["toasttype.warn",{"_index":2718,"t":{"606":{"position":[[7914,19]]}}}],["todo",{"_index":2744,"t":{"606":{"position":[[11930,5]]},"622":{"position":[[3525,5],[5396,5],[6425,5],[8021,5],[10181,5],[11692,5],[13186,5]]},"646":{"position":[[2956,4],[2974,4]]},"648":{"position":[[3140,4],[3158,4]]}}}],["togeth",{"_index":2555,"t":{"602":{"position":[[3100,9]]}}}],["toggl",{"_index":1475,"t":{"574":{"position":[[6408,6],[6438,8],[6549,6],[6631,6],[6717,6],[6757,6],[7431,6],[9900,6]]},"576":{"position":[[49,6],[435,6],[453,7],[648,7],[1309,6]]},"582":{"position":[[2458,7]]},"600":{"position":[[930,7]]},"612":{"position":[[2378,6],[2602,6],[2826,6],[3311,6],[3535,6],[3759,6],[4227,6],[4512,6],[4796,6],[5156,6],[5380,6],[5622,6],[5846,6],[6246,6],[6470,6],[6694,6]]},"622":{"position":[[11085,6],[11904,8]]},"626":{"position":[[6792,6],[6967,8]]},"628":{"position":[[5914,6],[6130,8]]},"630":{"position":[[10009,6],[10184,8]]},"632":{"position":[[2459,6],[2639,8]]},"634":{"position":[[1401,6],[1582,8]]},"660":{"position":[[144,7],[978,6],[1251,6],[3015,7],[11743,7],[24634,8]]},"662":{"position":[[4058,6],[4271,8]]},"664":{"position":[[953,7],[8786,6],[8852,6],[25416,6]]}}}],["toggleabl",{"_index":4026,"t":{"660":{"position":[[63,11]]}}}],["toggleasync",{"_index":1527,"t":{"576":{"position":[[636,11],[1286,11]]},"660":{"position":[[3003,11],[24520,13]]}}}],["togglecontentasync",{"_index":1549,"t":{"576":{"position":[[2392,20],[3361,20],[4678,20]]}}}],["toggler",{"_index":4242,"t":{"664":{"position":[[21564,7],[21616,7]]}}}],["togglesidebar",{"_index":2436,"t":{"600":{"position":[[914,15]]},"664":{"position":[[939,13],[8826,15],[11135,15],[13608,15],[16038,15],[18429,15]]}}}],["togglesidebarstyl",{"_index":4228,"t":{"664":{"position":[[20912,21]]}}}],["tolist",{"_index":2611,"t":{"602":{"position":[[10696,12]]}}}],["tool",{"_index":694,"t":{"110":{"position":[[381,5]]},"636":{"position":[[4913,5]]},"640":{"position":[[4841,5]]},"666":{"position":[[180,5]]}}}],["tooltip",{"_index":70,"t":{"2":{"position":[[1543,7]]},"6":{"position":[[250,7]]},"8":{"position":[[255,7]]},"10":{"position":[[517,8],[706,8]]},"68":{"position":[[664,7],[686,7],[712,7],[901,7]]},"98":{"position":[[119,7],[223,7],[241,7],[670,7]]},"102":{"position":[[168,8],[950,7],[978,7],[996,7],[1024,7],[1420,7]]},"104":{"position":[[419,7],[963,7]]},"120":{"position":[[347,7],[592,7]]},"132":{"position":[[912,7],[1405,8]]},"134":{"position":[[1015,7],[1118,7]]},"148":{"position":[[787,7]]},"152":{"position":[[342,7]]},"154":{"position":[[1587,7]]},"216":{"position":[[721,7],[824,7]]},"218":{"position":[[681,7],[1174,8]]},"224":{"position":[[410,7]]},"228":{"position":[[1596,7]]},"234":{"position":[[730,7],[833,7]]},"240":{"position":[[690,7],[1183,8]]},"252":{"position":[[404,7]]},"254":{"position":[[412,7]]},"272":{"position":[[464,8],[1771,7],[1874,7]]},"282":{"position":[[403,7]]},"286":{"position":[[405,7]]},"306":{"position":[[405,7],[601,7],[704,7]]},"308":{"position":[[637,7],[2723,7]]},"310":{"position":[[1590,7]]},"314":{"position":[[684,7],[1177,8]]},"320":{"position":[[724,7],[827,7]]},"326":{"position":[[398,7]]},"332":{"position":[[216,8],[2639,7],[2742,7]]},"336":{"position":[[693,7]]},"342":{"position":[[976,7]]},"346":{"position":[[346,7]]},"360":{"position":[[1619,7]]},"366":{"position":[[938,7],[1041,7]]},"368":{"position":[[1292,7],[2667,8]]},"386":{"position":[[344,7]]},"390":{"position":[[1309,7]]},"394":{"position":[[404,7]]},"400":{"position":[[635,7]]},"412":{"position":[[343,7]]},"416":{"position":[[1075,7]]},"422":{"position":[[1017,7]]},"442":{"position":[[20,9],[340,7],[713,7],[909,7],[1012,7]]},"486":{"position":[[213,8]]},"490":{"position":[[400,7]]},"532":{"position":[[163,7],[266,7]]},"552":{"position":[[340,7]]},"574":{"position":[[1313,7],[1414,7],[1488,7],[5291,7],[5365,7],[7798,8],[7852,8],[8012,7],[8141,7],[8273,7],[8404,7],[8448,7],[8477,8],[8539,7],[8670,7],[8839,8],[9961,7],[9992,7]]},"606":{"position":[[12225,8]]},"608":{"position":[[11,8],[40,8],[70,7],[102,8],[353,7],[552,7],[684,9],[700,8],[800,8],[864,8],[967,8],[1071,8],[1112,8],[1121,8],[1271,10],[1307,7],[1326,7],[1357,8],[1466,10],[1559,7],[1601,7],[1634,8],[1862,8],[1979,7],[1998,8],[2201,8],[2231,7],[2239,7],[2292,7],[2305,7]]},"610":{"position":[[4162,8],[4171,8],[4192,8],[4261,10],[4593,7]]},"616":{"position":[[3076,9],[17025,8]]},"618":{"position":[[2829,9]]},"620":{"position":[[3228,9]]}}}],["tooltip3",{"_index":904,"t":{"142":{"position":[[1794,8]]}}}],["tooltip</button",{"_index":1509,"t":{"574":{"position":[[8792,16]]},"608":{"position":[[1815,16]]}}}],["tooltipcolor",{"_index":1412,"t":{"574":{"position":[[1245,12],[1258,12]]},"608":{"position":[[305,12]]}}}],["tooltipcolor.non",{"_index":1413,"t":{"574":{"position":[[1271,17]]},"608":{"position":[[318,17]]}}}],["tooltipplac",{"_index":216,"t":{"10":{"position":[[567,16]]},"574":{"position":[[1335,16],[1352,16]]},"608":{"position":[[497,16]]}}}],["tooltipplacement.top",{"_index":1414,"t":{"574":{"position":[[1369,20]]},"608":{"position":[[514,20]]}}}],["tooltipplacement=\"tooltipplacement.bottom",{"_index":1505,"t":{"574":{"position":[[8229,43]]}}}],["tooltipplacement=\"tooltipplacement.left",{"_index":1506,"t":{"574":{"position":[[8362,41]]}}}],["tooltipplacement=\"tooltipplacement.right",{"_index":1504,"t":{"574":{"position":[[8098,42]]}}}],["tooltipplacement=\"tooltipplacement.top",{"_index":1503,"t":{"574":{"position":[[7971,40],[8629,40]]}}}],["tooltiptitl",{"_index":214,"t":{"10":{"position":[[545,12]]},"82":{"position":[[280,12]]},"574":{"position":[[1439,12]]}}}],["tooltiptitle=\"@text",{"_index":1507,"t":{"574":{"position":[[8608,20]]}}}],["tooltiptitle=\"@tooltip\">button</button",{"_index":1454,"t":{"574":{"position":[[4989,39]]}}}],["tooltiptitle=\"@tooltip\">link",{"_index":1451,"t":{"574":{"position":[[4723,28]]}}}],["tooltiptitle=\"@tooltip\">reset",{"_index":1456,"t":{"574":{"position":[[5115,29]]}}}],["tooltiptitle=\"@tooltip\">submit",{"_index":1453,"t":{"574":{"position":[[4855,30]]}}}],["tooltiptitle=\"compar",{"_index":2832,"t":{"610":{"position":[[3923,21]]}}}],["tooltiptitle=\"cr",{"_index":2834,"t":{"610":{"position":[[4050,20]]}}}],["tooltiptitle=\"tooltip",{"_index":1502,"t":{"574":{"position":[[7943,21],[8070,21],[8201,21],[8334,21]]}}}],["top",{"_index":1292,"t":{"570":{"position":[[107,3]]},"574":{"position":[[7873,4],[8020,3],[8678,3]]},"580":{"position":[[3942,4],[5365,4]]},"582":{"position":[[6997,4],[7084,4],[7235,3]]},"588":{"position":[[3548,3]]},"600":{"position":[[6660,3],[9654,3],[12652,3]]},"602":{"position":[[124,3]]},"606":{"position":[[8102,3]]},"616":{"position":[[2478,4]]},"618":{"position":[[2226,4]]},"620":{"position":[[2362,4]]},"624":{"position":[[2061,4],[11813,3]]},"636":{"position":[[7150,3]]},"638":{"position":[[7705,3]]},"640":{"position":[[7674,3]]},"642":{"position":[[6573,3]]},"644":{"position":[[6734,3]]},"650":{"position":[[6614,3]]},"652":{"position":[[781,3]]},"654":{"position":[[786,3]]},"656":{"position":[[6639,3]]},"660":{"position":[[16408,3]]},"664":{"position":[[6817,3],[9069,3],[11542,3],[13972,3],[16391,3],[18796,3],[21149,3],[21206,3]]},"668":{"position":[[63437,4],[146938,4],[149373,4],[150055,4]]}}}],["top\">tooltip",{"_index":2754,"t":{"608":{"position":[[824,12]]}}}],["top</tooltip",{"_index":2755,"t":{"608":{"position":[[837,13]]}}}],["tortor",{"_index":1946,"t":{"582":{"position":[[9262,6],[10011,6],[10380,6],[13503,6],[14252,6],[14621,6],[17644,6],[18393,6],[18762,6]]}}}],["tostr",{"_index":4555,"t":{"668":{"position":[[43649,10]]}}}],["total",{"_index":2170,"t":{"590":{"position":[[1386,5]]},"626":{"position":[[9224,6],[10881,6],[10937,5]]},"630":{"position":[[12589,6],[14245,6],[14301,5]]},"660":{"position":[[20113,6],[21802,6],[21858,5]]}}}],["totalcount",{"_index":3351,"t":{"622":{"position":[[6329,10],[10085,10],[11595,10],[13089,10]]},"668":{"position":[[32939,10],[51150,10],[58586,10],[129850,10],[132503,10],[135193,10],[137998,10]]}}}],["totalpag",{"_index":2169,"t":{"590":{"position":[[1352,10]]},"666":{"position":[[1046,11],[1202,11],[1368,11],[1879,11],[2029,11],[2189,11],[2572,11],[1357937,11],[1358097,11]]}}}],["totalpages=\"10",{"_index":2179,"t":{"590":{"position":[[1829,15],[2285,15],[2337,15],[2389,15],[3077,15]]}}}],["totalpages=\"100",{"_index":2182,"t":{"590":{"position":[[1922,16]]}}}],["totalpages=\"13",{"_index":2180,"t":{"590":{"position":[[1860,15]]}}}],["totalpages=\"15",{"_index":2184,"t":{"590":{"position":[[2010,15]]}}}],["totalpages=\"25",{"_index":2181,"t":{"590":{"position":[[1891,15]]}}}],["totalpages=\"5",{"_index":2194,"t":{"590":{"position":[[2585,14],[2664,14],[2715,14],[2820,14],[2871,14],[2951,14]]}}}],["totalpages=\"8",{"_index":2178,"t":{"590":{"position":[[1799,14]]}}}],["transal",{"_index":4289,"t":{"668":{"position":[[1732,12]]}}}],["transform",{"_index":2848,"t":{"612":{"position":[[5950,9]]}}}],["transit",{"_index":1041,"t":{"564":{"position":[[763,11]]},"568":{"position":[[1517,11],[1814,11],[2650,12],[2837,10],[3201,12],[3388,10],[3751,12],[3938,10],[4514,12],[4701,10],[5139,12],[5326,10],[5762,12],[5949,10],[6504,12],[6691,10],[7055,12],[7242,10],[7605,12],[7792,10],[8306,12],[8493,10],[8871,12],[9058,10],[9421,12],[9608,10],[10136,12],[10323,10],[10687,12],[10874,10],[11237,12],[11424,10],[12316,12],[12503,10],[12879,12],[13066,10],[13441,12],[13628,10],[13999,12],[14186,10],[14547,12],[14734,10],[15107,12],[15294,10],[18633,12],[18820,10],[19184,12],[19371,10],[19734,12],[19921,10],[21018,12],[21205,10],[21591,12],[21778,10],[22163,12],[22350,10]]},"576":{"position":[[934,11],[1153,11]]},"582":{"position":[[1717,11],[1774,11],[1827,10],[1901,13],[2164,11],[2373,11]]},"588":{"position":[[2021,11],[2078,11],[2131,10],[2205,13],[2468,11],[2677,11]]},"660":{"position":[[3397,11],[3623,11]]}}}],["translat",{"_index":595,"t":{"96":{"position":[[292,12]]},"102":{"position":[[908,11]]},"668":{"position":[[119190,13],[119239,12],[153218,12]]}}}],["treatment</cardtitl",{"_index":1725,"t":{"580":{"position":[[6075,21],[6591,21],[6886,21],[7356,21],[7688,21],[8017,21]]}}}],["trend",{"_index":2944,"t":{"616":{"position":[[178,5]]}}}],["tri",{"_index":1655,"t":{"578":{"position":[[5919,3]]},"582":{"position":[[6989,3]]},"588":{"position":[[7936,3],[8100,3],[8737,3]]},"592":{"position":[[1381,3]]},"602":{"position":[[11780,3]]},"606":{"position":[[11921,3]]},"626":{"position":[[3685,5]]},"628":{"position":[[3216,5]]},"630":{"position":[[7590,5]]},"632":{"position":[[3613,5]]},"658":{"position":[[5376,3]]},"662":{"position":[[2388,5]]}}}],["triangl",{"_index":3227,"t":{"620":{"position":[[4427,10]]}}}],["trigger",{"_index":1448,"t":{"574":{"position":[[4026,11]]},"576":{"position":[[2153,8],[3120,10],[4320,8]]},"582":{"position":[[6567,7]]},"588":{"position":[[7263,7]]},"612":{"position":[[11581,9],[11704,9]]},"660":{"position":[[10645,7],[12305,7],[13354,7]]},"668":{"position":[[3569,9],[3738,9]]}}}],["tristiqu",{"_index":1949,"t":{"582":{"position":[[9369,9],[10849,9],[13610,9],[15090,9],[17751,9],[19231,9]]}}}],["true",{"_index":994,"t":{"560":{"position":[[750,4],[956,4],[1556,4],[2289,4]]},"564":{"position":[[443,5]]},"568":{"position":[[234,5],[425,5],[1223,5],[6071,4],[7943,4],[9741,4],[18063,5]]},"574":{"position":[[619,5],[5278,5]]},"576":{"position":[[2562,4]]},"578":{"position":[[6712,4],[7344,4],[7977,5],[8006,4]]},"580":{"position":[[1692,5]]},"582":{"position":[[394,4],[402,5],[950,4],[958,5],[1260,5],[7438,5]]},"588":{"position":[[474,4],[1063,5],[1250,5],[1448,4],[1456,5],[7713,5]]},"598":{"position":[[2024,4],[2107,4]]},"602":{"position":[[482,4],[13112,5]]},"604":{"position":[[554,4],[4567,5],[4646,5]]},"606":{"position":[[987,4],[995,5]]},"614":{"position":[[409,4],[571,5],[686,5],[874,5]]},"616":{"position":[[2710,5],[6052,5],[9910,5],[10116,5],[10212,5],[11843,5],[12049,5],[12145,5],[12186,5],[12227,5],[12330,5],[14105,5],[14311,5],[14407,5],[14448,5],[14489,5],[14592,5],[16169,5],[16375,5],[16471,5],[16512,5],[16553,5],[16656,5]]},"618":{"position":[[2463,5],[5075,5],[5184,5],[10642,5],[10818,5],[10917,5],[11022,5],[12163,5],[12272,5]]},"620":{"position":[[2808,5],[4478,4],[4562,5],[4828,4],[7939,5],[13435,5],[13611,5],[13710,5],[13815,5],[16495,5],[16671,5],[16770,5],[16875,5]]},"622":{"position":[[11174,5],[11885,5]]},"624":{"position":[[2293,5],[4753,5],[4852,5],[8547,5],[8646,5],[12755,5],[12854,5]]},"626":{"position":[[293,5],[357,5],[589,5],[5986,4],[6862,5],[6948,5]]},"628":{"position":[[398,5],[628,5],[6025,5],[6111,5]]},"630":{"position":[[285,5],[349,5],[669,5],[4619,4],[9171,4],[10079,5],[10165,5]]},"632":{"position":[[2534,5],[2620,5]]},"634":{"position":[[991,5],[1447,5],[1477,5],[1563,5],[2094,5]]},"638":{"position":[[5994,6]]},"650":{"position":[[5637,6]]},"658":{"position":[[784,4],[3289,4]]},"660":{"position":[[324,4],[332,5],[822,5],[2410,5],[14984,4],[15666,5],[15788,5],[15864,4]]},"662":{"position":[[402,5],[632,5],[4166,5],[4252,5]]},"668":{"position":[[833,5],[3633,4],[3809,4],[4522,4],[4530,5],[5964,5],[5990,4],[8444,4],[8575,4],[8699,4],[8961,4],[9081,4],[9203,4],[9326,4],[9445,4],[10944,4],[11075,4],[11199,4],[11461,4],[11581,4],[11703,4],[11826,4],[11945,4],[13223,4],[13354,4],[13478,4],[13740,4],[13860,4],[13982,4],[14112,4],[14237,4],[14360,4],[14479,4],[14605,4],[16024,4],[16155,4],[16279,4],[16541,4],[16661,4],[16783,4],[16906,4],[17025,4],[19204,4],[19335,4],[19459,4],[19721,4],[19841,4],[19963,4],[20093,4],[20218,4],[20341,4],[20460,4],[20586,4],[22346,4],[22477,4],[22601,4],[22863,4],[22983,4],[23105,4],[23228,4],[23347,4],[23698,4],[25028,4],[25159,4],[25283,4],[25545,4],[25665,4],[25787,4],[25910,4],[26029,4],[28419,4],[28661,4],[28898,4],[29390,4],[29620,4],[29859,4],[30099,4],[30333,4],[34882,4],[35013,4],[35137,4],[35399,4],[35519,4],[35641,4],[35764,4],[35883,4],[37530,4],[37661,4],[37785,4],[38047,4],[38167,4],[38289,4],[38412,4],[38531,4],[40106,4],[40237,4],[40361,4],[40623,4],[40743,4],[40865,4],[40988,4],[41107,4],[42703,4],[42818,4],[42925,4],[43158,4],[43261,4],[43366,4],[43473,4],[43575,4],[45291,4],[45406,4],[45513,4],[45746,4],[45849,4],[45954,4],[46061,4],[46163,4],[48260,4],[48502,4],[48739,4],[49231,4],[49461,4],[49700,4],[49940,4],[50174,4],[61661,4],[61792,4],[61916,4],[62178,4],[62298,4],[62420,4],[62550,4],[62675,4],[62798,4],[62917,4],[63043,4],[64289,4],[64420,4],[64544,4],[64806,4],[65004,4],[65126,4],[65249,4],[65368,4],[66747,4],[66878,4],[67002,4],[67264,4],[68062,5],[70492,4],[70623,4],[70747,4],[71009,4],[71129,4],[71251,4],[71381,4],[71506,4],[71629,4],[71748,4],[71874,4],[73742,4],[73873,4],[73997,4],[74259,4],[74379,4],[74501,4],[74631,4],[74756,4],[74879,4],[74998,4],[75124,4],[76854,4],[76985,4],[77109,4],[77371,4],[77491,4],[77613,4],[77743,4],[77868,4],[77991,4],[78110,4],[78236,4],[80339,4],[80470,4],[80594,4],[80856,4],[80976,4],[81098,4],[81228,4],[81353,4],[81476,4],[81595,4],[81721,4],[83520,4],[83651,4],[83775,4],[84037,4],[84157,4],[84279,4],[84402,4],[84521,4],[86546,4],[86677,4],[86801,4],[87063,4],[87183,4],[87305,4],[87428,4],[87547,4],[89987,4],[90118,4],[90242,4],[90504,4],[90624,4],[90746,4],[90869,4],[90988,4],[94201,4],[94332,4],[94456,4],[94718,4],[94838,4],[94960,4],[95083,4],[95202,4],[97024,4],[97155,4],[97279,4],[97541,4],[97661,4],[97783,4],[97913,4],[98038,4],[98161,4],[98280,4],[98406,4],[99819,4],[99950,4],[100074,4],[100336,4],[100456,4],[100578,4],[100708,4],[100833,4],[100956,4],[101075,4],[101201,4],[105171,4],[105295,4],[105557,4],[105677,4],[105799,4],[113604,4],[113728,4],[113990,4],[114110,4],[114232,4],[115824,4],[115948,4],[116210,4],[116330,4],[116452,4],[118291,4],[118415,4],[118677,4],[118797,4],[118919,4],[122304,4],[122435,4],[122559,4],[122821,4],[122941,4],[123063,4],[123193,4],[123318,4],[123441,4],[123560,4],[123686,4],[123787,5],[126213,4],[126345,4],[126469,4],[126731,4],[126851,4],[126973,4],[127096,4],[127195,4],[127308,4],[138195,5],[139870,4],[140001,4],[140125,4],[140387,4],[140507,4],[140629,4],[140759,4],[140884,4],[141007,4],[141126,4],[141252,4],[146745,5],[148288,4],[148419,4],[148543,4],[148805,4],[149180,5],[151491,4],[151622,4],[151746,4],[152008,4]]}}}],["turpi",{"_index":1943,"t":{"582":{"position":[[9105,7],[9478,6],[10804,7],[13346,7],[13719,6],[15045,7],[17487,7],[17860,6],[19186,7]]}}}],["tvalu",{"_index":3435,"t":{"626":{"position":[[744,6],[820,6],[1084,6],[1769,6]]},"628":{"position":[[729,6],[835,6],[1004,6],[1986,6]]},"630":{"position":[[916,6],[1077,6],[1596,6],[6049,6]]},"632":{"position":[[261,6],[330,6],[543,6]]},"662":{"position":[[733,6],[809,6],[948,6],[1742,6]]}}}],["tvalue=\"dateonli",{"_index":3556,"t":{"628":{"position":[[1523,17],[2132,17],[2335,18],[3601,17],[3928,18],[5571,17],[6369,17],[7572,18],[9117,17]]},"662":{"position":[[6037,18],[6664,18]]}}}],["tvalue=\"datetim",{"_index":3566,"t":{"628":{"position":[[2538,17],[2741,18],[4255,17],[4582,18],[10485,18],[10902,18]]}}}],["tvalue=\"decim",{"_index":3462,"t":{"626":{"position":[[3031,16],[3218,17],[4062,17],[4855,17],[5641,16],[8392,17],[8743,17],[9143,17],[11228,17]]},"630":{"position":[[7032,16],[7172,17],[7971,17],[8800,16],[11630,17],[12024,17],[12467,17],[14444,16],[14674,16],[14904,16],[15134,16],[15364,16],[15594,16],[15824,16],[16054,16],[16284,16],[17066,17]]},"632":{"position":[[5297,16]]},"660":{"position":[[19399,17],[19691,17],[20032,17]]}}}],["tvalue=\"doubl",{"_index":3457,"t":{"626":{"position":[[2660,15],[2845,16]]},"630":{"position":[[4687,15],[5175,15],[6755,15],[6893,16]]}}}],["tvalue=\"float",{"_index":3452,"t":{"626":{"position":[[2293,14],[2476,15]]},"630":{"position":[[6482,14],[6618,15]]},"632":{"position":[[1570,14],[1775,15],[4783,14],[4998,15],[5585,14]]}}}],["tvalue=\"int",{"_index":3440,"t":{"626":{"position":[[1503,12],[1935,12],[2112,13],[4560,13],[5415,12],[6095,12],[6495,13],[7253,13]]},"630":{"position":[[1982,12],[2298,12],[2524,12],[2750,12],[2976,12],[3202,12],[3428,12],[3654,12],[3880,12],[4106,12],[5731,12],[6217,12],[6348,13],[8546,12],[9282,12],[9712,13],[10476,13]]},"632":{"position":[[1032,12],[1163,12],[1366,13],[2172,13],[2924,13],[3956,12],[4367,12],[4570,13]]}}}],["tvalue=\"timeonli",{"_index":4155,"t":{"662":{"position":[[1467,17],[1866,17],[2044,18],[2773,17],[3075,18],[3740,17],[4511,17],[6362,18],[6983,18],[8672,17],[9720,18],[10143,18]]}}}],["tweak",{"_index":2705,"t":{"606":{"position":[[3239,8]]}}}],["two",{"_index":242,"t":{"16":{"position":[[218,3]]},"44":{"position":[[601,3]]},"110":{"position":[[411,3]]},"600":{"position":[[185,3]]},"620":{"position":[[2647,3]]},"664":{"position":[[2688,3],[2795,3],[25351,3]]},"668":{"position":[[28962,6],[48803,6],[60876,3]]}}}],["type",{"_index":309,"t":{"34":{"position":[[374,5],[527,4]]},"44":{"position":[[279,4]]},"54":{"position":[[297,5]]},"68":{"position":[[196,5],[252,5],[453,5]]},"74":{"position":[[197,5]]},"96":{"position":[[486,4]]},"102":{"position":[[459,5]]},"124":{"position":[[955,4],[1001,4],[1188,4],[1355,4]]},"560":{"position":[[214,4]]},"564":{"position":[[200,4]]},"566":{"position":[[160,4]]},"568":{"position":[[161,4],[1877,4],[22626,5],[22845,5],[23065,5],[23286,5]]},"570":{"position":[[328,6],[386,6],[999,5]]},"572":{"position":[[131,4]]},"574":{"position":[[185,4],[1509,4],[1567,5]]},"576":{"position":[[165,4]]},"578":{"position":[[180,4],[704,4],[2236,5]]},"580":{"position":[[384,4],[721,4],[902,4],[1082,4],[1263,4],[1516,4],[1952,4],[2208,4],[2388,4],[3128,6],[5149,5],[13602,5]]},"582":{"position":[[192,4],[3439,5]]},"586":{"position":[[210,4],[495,4],[1431,4],[2265,4]]},"588":{"position":[[191,4],[1415,5],[4233,5]]},"590":{"position":[[182,4]]},"592":{"position":[[413,4],[666,4]]},"594":{"position":[[173,4]]},"596":{"position":[[227,4],[539,4],[726,4],[795,5]]},"598":{"position":[[147,4],[395,4],[864,4],[1050,4],[1304,4]]},"600":{"position":[[221,4],[978,4]]},"602":{"position":[[416,4]]},"604":{"position":[[162,4],[461,4],[514,4]]},"606":{"position":[[607,4],[1136,4],[1584,4],[1616,4],[2987,4],[4531,4],[5969,4],[9566,4],[11239,4]]},"608":{"position":[[147,4]]},"610":{"position":[[397,4]]},"612":{"position":[[134,4],[1543,4]]},"614":{"position":[[212,4]]},"616":{"position":[[254,4],[605,4],[1385,4],[1648,4],[3092,4],[3134,5],[3339,4],[3578,4]]},"618":{"position":[[350,4],[701,4],[1481,4],[1754,4],[2845,4],[2887,5],[2953,4],[3210,4]]},"620":{"position":[[226,4],[399,4],[750,4],[1530,4],[1795,4],[5056,4],[5098,5],[5304,4],[5543,4]]},"622":{"position":[[149,4],[248,4]]},"624":{"position":[[195,4],[546,4],[1326,4],[1589,4],[2583,4],[2625,5],[2686,4],[2933,4]]},"626":{"position":[[210,4],[1405,6],[1675,5],[1742,5],[11754,4]]},"628":{"position":[[323,4],[1747,5],[1816,6],[1934,5],[12274,5],[12995,4]]},"630":{"position":[[202,4],[1923,6],[5129,5],[5953,5],[6022,5],[17771,4]]},"632":{"position":[[149,4],[859,4],[3564,6],[3586,5]]},"634":{"position":[[172,4],[479,4]]},"658":{"position":[[250,4],[330,4],[902,4],[940,5],[2065,4],[3248,4],[5533,4],[5744,4]]},"660":{"position":[[261,4],[1053,4],[1321,4],[1691,4],[1981,4],[2164,4],[2598,4],[2680,4],[2702,4],[2779,5],[3177,4]]},"662":{"position":[[327,4],[1640,5],[7723,5],[11547,5],[12158,4]]},"664":{"position":[[229,4],[1001,4]]},"666":{"position":[[218,4]]},"668":{"position":[[207,4],[3368,4],[3988,4],[4284,4],[7106,4],[43741,5],[116578,4],[119051,4]]}}}],["type'",{"_index":767,"t":{"124":{"position":[[1333,6]]}}}],["type=\"button",{"_index":2764,"t":{"608":{"position":[[1223,13]]}}}],["type=\"buttontype.button",{"_index":1370,"t":{"572":{"position":[[3405,24],[3533,24],[3663,24],[3830,24],[4107,24],[4407,24],[4709,24],[5036,24],[5339,24],[5644,24],[5974,24],[6277,24],[6582,24],[7001,24]]},"574":{"position":[[4910,24],[8707,24]]},"576":{"position":[[1643,24],[1754,24],[1865,24],[2608,24],[2719,24],[2830,24],[3554,24],[3665,24],[3776,24],[3891,24]]},"582":{"position":[[6514,24]]},"588":{"position":[[7210,24]]},"596":{"position":[[2450,24],[2585,24],[2720,24],[4702,24],[4849,24],[4990,24],[5137,24],[5282,24],[5429,24],[5580,24]]},"604":{"position":[[4319,24],[4428,24]]},"608":{"position":[[1730,24]]},"616":{"position":[[4718,24],[4864,24],[5013,24],[5154,24],[5322,24]]},"618":{"position":[[4097,24],[4243,24],[4392,24],[11334,24],[11480,24]]},"620":{"position":[[6756,24],[6902,24],[7051,24],[7194,24],[7366,24]]},"624":{"position":[[3805,24],[3951,24],[4100,24],[7748,24],[7894,24],[11703,24],[11835,24],[11971,24],[12109,24]]},"626":{"position":[[9360,24]]},"628":{"position":[[8091,24],[11176,24]]},"630":{"position":[[12725,24]]},"660":{"position":[[20242,24]]},"662":{"position":[[7177,24],[10415,24]]},"664":{"position":[[18974,24]]},"668":{"position":[[65600,24],[65708,24],[96043,24],[96156,24],[96273,24]]}}}],["type=\"buttontype.link",{"_index":1430,"t":{"574":{"position":[[2448,22],[4070,22],[4338,22],[4455,22],[4646,22]]},"660":{"position":[[14726,22],[16126,22]]}}}],["type=\"buttontype.link\">action</dropdownitem",{"_index":4051,"t":{"660":{"position":[[3819,44],[4231,44],[4589,44],[4943,44],[5291,44],[5645,44],[5997,44],[6489,44],[6915,44],[7335,44],[7746,44],[8166,44],[8583,44],[9046,44],[9499,44],[9917,44],[10370,44],[10964,44],[11437,44],[12041,44],[12620,44],[13088,44],[13682,44],[14063,44],[14660,44],[15179,44],[16060,44],[16854,44],[17365,44],[17805,44],[23886,44],[24942,44]]}}}],["type=\"buttontype.link\">anoth",{"_index":4052,"t":{"660":{"position":[[3885,30],[4297,30],[4655,30],[5009,30],[5357,30],[5711,30],[6063,30],[6555,30],[6981,30],[7401,30],[7812,30],[8232,30],[8649,30],[9112,30],[9565,30],[9983,30],[10436,30],[11030,30],[11503,30],[12107,30],[12686,30],[13154,30],[13748,30],[14129,30],[15245,30],[16920,30],[17431,30],[17871,30],[23952,30],[25008,30]]}}}],["type=\"buttontype.link\">go",{"_index":1698,"t":{"580":{"position":[[3036,25],[4269,25],[4633,25],[6232,25],[6748,25],[7043,25],[7513,25],[7845,25],[8174,25]]}}}],["type=\"buttontype.link\">menu",{"_index":4124,"t":{"660":{"position":[[22274,27],[22343,27],[22412,27],[22699,27],[22768,27],[22837,27],[23122,27],[23191,27],[23260,27],[23489,27],[23558,27],[23627,27]]}}}],["type=\"buttontype.link\">separ",{"_index":4103,"t":{"660":{"position":[[18075,32]]}}}],["type=\"buttontype.link\">someth",{"_index":4054,"t":{"660":{"position":[[3959,32],[4371,32],[4729,32],[5083,32],[5431,32],[5785,32],[6137,32],[6629,32],[7055,32],[7475,32],[7886,32],[8306,32],[8723,32],[9186,32],[9639,32],[10057,32],[10510,32],[11104,32],[11577,32],[12181,32],[12760,32],[13228,32],[13822,32],[14203,32],[14814,32],[15319,32],[16216,32],[16994,32],[17505,32],[17945,32],[24026,32],[25082,32]]}}}],["type=\"buttontype.reset",{"_index":1455,"t":{"574":{"position":[[5037,23]]}}}],["type=\"buttontype.submit",{"_index":1431,"t":{"574":{"position":[[2530,24],[4776,24]]},"626":{"position":[[9477,24]]},"628":{"position":[[8208,24],[11293,24]]},"630":{"position":[[12842,24]]},"660":{"position":[[20359,24]]},"662":{"position":[[7294,24],[10532,24]]}}}],["type=\"callouttype.dang",{"_index":1131,"t":{"566":{"position":[[773,26],[1900,25],[3349,26],[5807,25]]}}}],["type=\"callouttype.info",{"_index":1133,"t":{"566":{"position":[[1219,24],[2386,23],[4326,24],[6822,23]]}}}],["type=\"callouttype.tip",{"_index":1134,"t":{"566":{"position":[[1437,23],[2624,22],[4812,23],[7327,22]]}}}],["type=\"callouttype.warn",{"_index":1132,"t":{"566":{"position":[[995,27],[2142,26],[3837,27],[6314,26]]}}}],["type=\"d",{"_index":3543,"t":{"628":{"position":[[123,11]]}}}],["type=\"image/png",{"_index":3922,"t":{"638":{"position":[[4048,16]]},"640":{"position":[[4398,16]]},"644":{"position":[[4302,16]]},"650":{"position":[[3795,16]]},"656":{"position":[[3748,16]]}}}],["type=\"numb",{"_index":3431,"t":{"626":{"position":[[121,13]]}}}],["type=\"progresstype.strip",{"_index":2277,"t":{"596":{"position":[[1518,27],[6237,27],[6357,27],[6478,27],[6596,27],[6717,27],[6837,27],[6958,27],[7081,27]]}}}],["type=\"progresstype.stripedandanim",{"_index":2280,"t":{"596":{"position":[[1638,38],[7234,38],[7388,38],[7520,38],[7649,38],[7781,38],[7912,38],[8044,38],[8178,38]]}}}],["type=\"rang",{"_index":3725,"t":{"632":{"position":[[118,13]]}}}],["type=\"spinnertype.bord",{"_index":2652,"t":{"604":{"position":[[2777,25],[2903,25],[3034,25],[3141,25],[3257,25],[3323,25],[3386,25],[3424,25],[3487,25]]}}}],["type=\"spinnertype.dot",{"_index":2651,"t":{"604":{"position":[[2126,23],[2204,23],[2284,23],[2362,23],[2439,23],[2517,23],[2592,23],[2668,23],[3792,23],[3895,23],[3975,23],[4078,23],[4209,23]]}}}],["type=\"spinnertype.grow",{"_index":2648,"t":{"604":{"position":[[1498,23],[1563,23],[1630,23],[1695,23],[1759,23],[1824,23],[1886,23],[1949,23],[3555,23],[3616,23],[3652,23],[3713,23]]}}}],["type=\"submit",{"_index":3373,"t":{"622":{"position":[[9269,13]]}}}],["type=\"text",{"_index":3555,"t":{"628":{"position":[[1480,12]]},"662":{"position":[[1424,12]]}}}],["type=\"tim",{"_index":4154,"t":{"662":{"position":[[127,11]]}}}],["type=\"typeof(app",{"_index":3953,"t":{"640":{"position":[[4535,18]]}}}],["type=\"typeof(headoutlet",{"_index":3860,"t":{"636":{"position":[[4571,25]]},"640":{"position":[[4448,25]]}}}],["typic",{"_index":1024,"t":{"564":{"position":[[86,7]]}}}],["typo",{"_index":741,"t":{"114":{"position":[[666,4]]}}}],["typograph",{"_index":2030,"t":{"586":{"position":[[2187,11]]}}}],["u>html</u",{"_index":2776,"t":{"608":{"position":[[2066,12]]}}}],["ui",{"_index":253,"t":{"20":{"position":[[196,2]]},"102":{"position":[[1147,2]]},"570":{"position":[[161,2]]},"628":{"position":[[1375,2]]},"636":{"position":[[4683,4]]},"638":{"position":[[8602,4]]},"640":{"position":[[4611,4]]},"642":{"position":[[4423,4]]},"644":{"position":[[4624,4]]},"650":{"position":[[7511,4]]},"656":{"position":[[4080,4]]},"662":{"position":[[1319,2]]}}}],["ul",{"_index":1712,"t":{"580":{"position":[[4896,3],[5071,5],[5594,3],[5769,5]]},"668":{"position":[[18453,4],[18521,5],[82715,4],[82783,5],[85741,4],[85809,5],[89236,4],[89304,5],[93396,4],[93464,5]]}}}],["ullamcorp",{"_index":1941,"t":{"582":{"position":[[9087,11],[9116,11],[10905,11],[13328,11],[13357,11],[15146,11],[17469,11],[17498,11],[19287,11]]}}}],["ultric",{"_index":1923,"t":{"582":{"position":[[8551,8],[8746,9],[10352,8],[10403,8],[10751,8],[12792,8],[12987,9],[14593,8],[14644,8],[14992,8],[16933,8],[17128,9],[18734,8],[18785,8],[19133,8]]}}}],["ultrici",{"_index":1855,"t":{"582":{"position":[[7763,9],[8335,9],[8634,9],[10545,9],[12004,9],[12576,9],[12875,9],[14786,9],[16145,9],[16717,9],[17016,9],[18927,9]]}}}],["under",{"_index":111,"t":{"2":{"position":[[2526,5]]},"118":{"position":[[691,5]]},"668":{"position":[[146815,5],[149250,5]]}}}],["underlin",{"_index":712,"t":{"110":{"position":[[870,9],[889,9]]},"612":{"position":[[6788,10],[6872,10],[8669,10],[16305,9],[16348,9]]}}}],["unhandl",{"_index":512,"t":{"78":{"position":[[206,9]]},"636":{"position":[[4863,9]]},"638":{"position":[[8610,9]]},"640":{"position":[[4791,9]]},"642":{"position":[[4431,9]]},"644":{"position":[[4632,9]]},"650":{"position":[[7519,9]]},"656":{"position":[[4088,9]]}}}],["uniform",{"_index":1759,"t":{"580":{"position":[[10778,7]]}}}],["uniqu",{"_index":2924,"t":{"612":{"position":[[14828,6]]}}}],["unit",{"_index":1326,"t":{"572":{"position":[[809,6]]},"600":{"position":[[767,4],[811,5]]},"616":{"position":[[373,4],[422,4],[513,4],[561,4],[1180,4],[1206,4]]},"618":{"position":[[469,4],[518,4],[609,4],[657,4],[1276,4],[1302,4]]},"620":{"position":[[518,4],[567,4],[658,4],[706,4],[1325,4],[1351,4],[4758,4]]},"624":{"position":[[314,4],[363,4],[454,4],[502,4],[1121,4],[1147,4]]},"664":{"position":[[794,4],[838,5]]},"668":{"position":[[3215,4],[3220,4],[3250,6],[123858,5],[123902,4]]}}}],["unit.px",{"_index":2435,"t":{"600":{"position":[[772,7]]},"616":{"position":[[378,7],[518,7],[1197,8],[1224,8]]},"618":{"position":[[474,7],[614,7],[1293,8],[1320,8]]},"620":{"position":[[523,7],[663,7],[1342,8],[1369,8]]},"624":{"position":[[319,7],[459,7],[1138,8],[1165,8]]},"664":{"position":[[799,7]]},"668":{"position":[[3225,7]]}}}],["unit=\"unit.px",{"_index":5145,"t":{"668":{"position":[[124082,15],[127564,15],[130085,15],[132775,15],[135499,15]]}}}],["unless",{"_index":1731,"t":{"580":{"position":[[6389,6]]}}}],["unnecessari",{"_index":344,"t":{"42":{"position":[[290,11]]}}}],["unsupport",{"_index":3552,"t":{"628":{"position":[[1423,11]]},"662":{"position":[[1367,11]]}}}],["until",{"_index":1187,"t":{"568":{"position":[[2472,5],[3023,5],[3573,5],[4336,5],[4961,5],[5584,5],[6326,5],[6877,5],[7427,5],[8128,5],[8693,5],[9243,5],[9958,5],[10509,5],[11059,5],[12138,5],[12701,5],[13263,5],[13821,5],[14369,5],[14929,5],[18455,5],[19006,5],[19556,5],[20840,5],[21413,5],[21985,5]]},"636":{"position":[[4793,5]]},"640":{"position":[[4721,5]]}}}],["up",{"_index":1694,"t":{"580":{"position":[[2947,2],[3709,2],[4180,2],[4544,2],[5536,2],[8502,2],[8794,2],[9082,2],[9368,2],[9656,2],[9938,2],[10222,2],[10504,2],[12097,3]]},"616":{"position":[[4214,2]]},"618":{"position":[[3583,2]]},"620":{"position":[[6180,2]]},"622":{"position":[[1860,2]]},"624":{"position":[[3301,2]]},"626":{"position":[[4410,2]]},"660":{"position":[[24668,3]]}}}],["upcom",{"_index":2622,"t":{"602":{"position":[[12678,8]]}}}],["updat",{"_index":38,"t":{"2":{"position":[[512,8],[830,8],[1681,8],[3267,7],[3579,10]]},"10":{"position":[[240,7],[602,7],[653,8]]},"12":{"position":[[108,7],[175,8],[263,6],[276,6]]},"14":{"position":[[122,8]]},"16":{"position":[[121,8],[210,7]]},"18":{"position":[[137,8],[146,8]]},"20":{"position":[[120,8],[145,7],[170,8],[243,6],[266,7]]},"22":{"position":[[142,8]]},"24":{"position":[[142,8]]},"26":{"position":[[137,8],[146,8]]},"28":{"position":[[140,8]]},"30":{"position":[[160,8]]},"48":{"position":[[408,7]]},"50":{"position":[[252,8]]},"52":{"position":[[231,8],[283,7]]},"54":{"position":[[121,7],[494,8]]},"56":{"position":[[218,8]]},"58":{"position":[[342,8]]},"60":{"position":[[129,7]]},"68":{"position":[[145,10]]},"70":{"position":[[138,10]]},"72":{"position":[[168,10]]},"74":{"position":[[146,10]]},"76":{"position":[[127,10]]},"78":{"position":[[129,10]]},"80":{"position":[[144,10]]},"82":{"position":[[149,10]]},"84":{"position":[[140,10]]},"86":{"position":[[151,10]]},"88":{"position":[[158,10]]},"90":{"position":[[124,10]]},"92":{"position":[[125,10]]},"94":{"position":[[124,10]]},"96":{"position":[[148,10]]},"98":{"position":[[138,10]]},"100":{"position":[[153,10]]},"102":{"position":[[198,10]]},"106":{"position":[[409,7]]},"108":{"position":[[395,7],[505,7]]},"110":{"position":[[198,7],[712,6],[948,7],[1026,6],[1038,6]]},"112":{"position":[[127,10]]},"114":{"position":[[402,6],[646,7],[787,6]]},"116":{"position":[[120,8]]},"124":{"position":[[189,8],[847,8]]},"126":{"position":[[154,8]]},"128":{"position":[[537,7],[665,8]]},"132":{"position":[[1142,10],[1435,10],[1678,10],[1940,10],[2193,10],[2411,10],[2658,10]]},"134":{"position":[[158,10],[478,10],[745,10],[1034,10],[1294,10],[1711,10],[1954,10],[2213,10],[2513,10],[2825,10]]},"136":{"position":[[145,10],[1219,7],[1660,7]]},"140":{"position":[[714,8],[912,8],[1093,8],[1118,7],[1325,8],[1513,7],[1580,8],[1756,8]]},"146":{"position":[[151,7],[218,8]]},"148":{"position":[[247,7],[1008,10],[1434,10],[1695,7]]},"150":{"position":[[240,7],[593,10]]},"154":{"position":[[556,8],[874,8],[1725,8],[2077,7],[2389,10]]},"156":{"position":[[235,8],[850,10]]},"158":{"position":[[186,7]]},"204":{"position":[[191,7]]},"210":{"position":[[183,7]]},"216":{"position":[[184,10],[451,10],[740,10],[1000,10],[1417,10],[1660,10],[1919,10],[2219,10],[2531,10],[2944,10]]},"218":{"position":[[911,10],[1204,10],[1447,10],[1709,10],[1962,10],[2180,10],[2427,10],[2740,10]]},"222":{"position":[[920,7],[1361,7]]},"224":{"position":[[631,10],[1057,10]]},"226":{"position":[[221,10]]},"228":{"position":[[565,8],[883,8],[1734,8],[2086,7],[2398,10]]},"230":{"position":[[217,10]]},"232":{"position":[[200,7]]},"234":{"position":[[193,10],[460,10],[749,10],[1009,10],[1426,10],[1669,10],[1928,10],[2228,10],[2540,10],[2953,10]]},"236":{"position":[[929,7],[1370,7]]},"240":{"position":[[920,10],[1213,10],[1456,10],[1718,10],[1971,10],[2189,10],[2436,10],[2749,10]]},"244":{"position":[[581,8],[779,8],[960,8],[985,7],[1192,8],[1380,7],[1447,8],[1623,8]]},"246":{"position":[[205,10]]},"248":{"position":[[198,10],[517,10]]},"250":{"position":[[179,10],[433,10],[710,10]]},"256":{"position":[[220,10]]},"258":{"position":[[177,7]]},"260":{"position":[[200,10],[615,10]]},"262":{"position":[[194,10]]},"264":{"position":[[171,7]]},"266":{"position":[[201,10],[496,10],[930,10],[1343,10]]},"270":{"position":[[199,10],[612,10]]},"272":{"position":[[201,10],[494,10],[737,10],[1000,10],[1234,10],[1501,10],[1790,10],[2050,10],[2467,10],[2729,10]]},"276":{"position":[[487,10]]},"280":{"position":[[179,10],[465,10]]},"282":{"position":[[628,10],[890,10],[1142,10],[1396,10],[1722,10],[2135,10],[2454,7]]},"284":{"position":[[196,10],[630,10],[1043,10]]},"288":{"position":[[192,10]]},"290":{"position":[[193,10]]},"292":{"position":[[206,10]]},"294":{"position":[[199,10]]},"296":{"position":[[194,10]]},"298":{"position":[[200,10]]},"300":{"position":[[200,10],[482,10],[916,10]]},"302":{"position":[[207,10]]},"304":{"position":[[200,10]]},"306":{"position":[[620,10]]},"308":{"position":[[775,8],[1127,7],[1439,10],[2953,10]]},"310":{"position":[[559,8],[877,8],[1728,8],[2080,7],[2392,10]]},"312":{"position":[[177,7],[618,7]]},"314":{"position":[[914,10],[1207,10],[1450,10],[1712,10],[1965,10],[2183,10],[2430,10],[2743,10]]},"316":{"position":[[192,10],[609,10],[852,10],[1111,10],[1411,10],[1723,10],[2136,10]]},"318":{"position":[[199,10]]},"320":{"position":[[187,10],[454,10],[743,10],[1003,10],[1420,10],[1663,10],[1922,10],[2222,10],[2534,10],[2947,10]]},"322":{"position":[[923,7],[1364,7]]},"324":{"position":[[206,10]]},"328":{"position":[[173,10],[427,10],[704,10]]},"330":{"position":[[232,8],[516,8],[819,10],[1138,10]]},"332":{"position":[[246,10],[489,10],[751,10],[1004,10],[1222,10],[1469,10],[1782,10],[2102,10],[2369,10],[2658,10]]},"336":{"position":[[233,8],[831,8]]},"338":{"position":[[214,10]]},"340":{"position":[[167,8]]},"342":{"position":[[204,8]]},"344":{"position":[[172,8],[197,7]]},"346":{"position":[[508,10],[923,10]]},"348":{"position":[[171,7]]},"350":{"position":[[173,10]]},"352":{"position":[[191,10]]},"354":{"position":[[195,10],[490,10],[924,10],[1337,10]]},"356":{"position":[[193,10],[606,10]]},"358":{"position":[[165,7]]},"360":{"position":[[239,7]]},"362":{"position":[[234,8]]},"364":{"position":[[367,8]]},"366":{"position":[[167,10],[401,10],[668,10],[957,10],[1217,10],[1634,10],[1896,10]]},"368":{"position":[[554,8],[872,8],[1508,7],[2404,10],[2697,10],[2940,10]]},"370":{"position":[[163,8],[188,7]]},"372":{"position":[[191,10]]},"376":{"position":[[481,10]]},"386":{"position":[[506,10]]},"388":{"position":[[164,7],[671,8]]},"390":{"position":[[232,8],[1534,10],[1796,10],[2048,10],[2302,10],[2628,10],[3041,10]]},"392":{"position":[[169,8]]},"394":{"position":[[605,10],[891,10]]},"398":{"position":[[190,10],[624,10],[1037,10],[1553,8]]},"400":{"position":[[851,7],[1163,10]]},"404":{"position":[[380,8],[578,8]]},"406":{"position":[[185,10]]},"410":{"position":[[248,7]]},"412":{"position":[[559,7]]},"414":{"position":[[232,8]]},"416":{"position":[[556,8]]},"420":{"position":[[165,8]]},"422":{"position":[[557,8]]},"424":{"position":[[462,10]]},"426":{"position":[[230,8]]},"428":{"position":[[532,7],[875,10]]},"430":{"position":[[194,10]]},"432":{"position":[[476,10]]},"434":{"position":[[194,10],[476,10],[910,10]]},"436":{"position":[[201,10],[1064,8],[1089,7]]},"438":{"position":[[201,10]]},"442":{"position":[[928,10]]},"450":{"position":[[166,8]]},"452":{"position":[[152,7],[219,8]]},"454":{"position":[[164,8],[189,7]]},"456":{"position":[[165,8]]},"458":{"position":[[181,8]]},"460":{"position":[[181,8]]},"486":{"position":[[243,10]]},"488":{"position":[[198,10]]},"494":{"position":[[243,7]]},"502":{"position":[[172,10]]},"510":{"position":[[173,7]]},"516":{"position":[[165,7]]},"520":{"position":[[189,10]]},"522":{"position":[[212,10]]},"524":{"position":[[182,10]]},"526":{"position":[[190,10]]},"528":{"position":[[171,10]]},"530":{"position":[[173,10]]},"532":{"position":[[182,10]]},"534":{"position":[[188,10]]},"536":{"position":[[184,10]]},"538":{"position":[[193,10]]},"540":{"position":[[202,10]]},"542":{"position":[[195,10]]},"544":{"position":[[169,10]]},"546":{"position":[[168,10]]},"548":{"position":[[164,8]]},"550":{"position":[[168,10]]},"554":{"position":[[192,10]]},"558":{"position":[[198,8]]},"562":{"position":[[555,8]]},"574":{"position":[[5375,9],[8528,6],[8894,9],[9981,6]]},"578":{"position":[[6407,8],[7639,8]]},"580":{"position":[[11166,7],[11493,7],[11915,7],[12461,7],[12809,7],[13252,7]]},"594":{"position":[[1206,7]]},"602":{"position":[[2265,7]]},"606":{"position":[[4810,6],[6344,6],[8157,6]]},"608":{"position":[[1590,6],[1917,9],[2281,6]]},"616":{"position":[[1328,6]]},"618":{"position":[[1424,6]]},"620":{"position":[[1473,6]]},"624":{"position":[[1269,6]]},"660":{"position":[[3100,7]]},"668":{"position":[[65414,6],[152888,6]]}}}],["updateasync",{"_index":617,"t":{"100":{"position":[[249,11],[293,11],[333,11],[372,11]]},"660":{"position":[[3088,11]]}}}],["updateasync(chartdata",{"_index":2961,"t":{"616":{"position":[[1262,21]]},"618":{"position":[[1358,21]]},"620":{"position":[[1407,21]]},"624":{"position":[[1203,21]]}}}],["updatepositionasync(\"bottom",{"_index":3426,"t":{"624":{"position":[[13313,30]]}}}],["updatepositionasync(\"left",{"_index":3428,"t":{"624":{"position":[[13392,28]]}}}],["updatepositionasync(\"right",{"_index":3424,"t":{"624":{"position":[[13233,29]]}}}],["updatepositionasync(\"top",{"_index":3422,"t":{"624":{"position":[[13156,27]]}}}],["updatepositionasync(str",{"_index":3429,"t":{"624":{"position":[[13440,26]]}}}],["upgrad",{"_index":53,"t":{"2":{"position":[[857,8],[1835,7],[2090,9]]},"14":{"position":[[153,7]]},"18":{"position":[[195,7]]},"74":{"position":[[662,7]]},"110":{"position":[[956,7],[1317,7]]},"116":{"position":[[602,7]]},"118":{"position":[[0,7],[255,9]]},"126":{"position":[[181,8],[266,8]]},"130":{"position":[[2530,7]]},"154":{"position":[[901,8]]},"228":{"position":[[910,8]]},"310":{"position":[[904,8]]},"342":{"position":[[231,8]]},"368":{"position":[[899,8]]},"558":{"position":[[225,8]]}}}],["uri",{"_index":2238,"t":{"594":{"position":[[377,3]]}}}],["uri(builder.hostenvironment.baseaddress",{"_index":3973,"t":{"642":{"position":[[5802,40]]},"644":{"position":[[5963,40]]},"656":{"position":[[5848,40]]}}}],["url",{"_index":2326,"t":{"598":{"position":[[1918,3]]},"600":{"position":[[1486,3]]},"664":{"position":[[1462,3]]},"666":{"position":[[376,3],[412,3],[502,4],[2301,4]]},"668":{"position":[[59039,4]]}}}],["url(&#34;data:image/svg+xml,%3csvg",{"_index":1005,"t":{"560":{"position":[[1764,34]]}}}],["url('open",{"_index":3841,"t":{"636":{"position":[[3588,9]]},"640":{"position":[[3401,9]]},"642":{"position":[[3435,9]]},"644":{"position":[[3435,9]]},"648":{"position":[[3063,9]]}}}],["url=\"@string.format(\"data:application/pdf;base64,{0",{"_index":4270,"t":{"666":{"position":[[2347,54]]}}}],["url=\"https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey",{"_index":4254,"t":{"666":{"position":[[791,89],[1588,89]]}}}],["urna",{"_index":1931,"t":{"582":{"position":[[8701,5],[8975,5],[9326,4],[10896,5],[12942,5],[13216,5],[13567,4],[15137,5],[17083,5],[17357,5],[17708,4],[19278,5]]}}}],["us",{"_index":84,"t":{"2":{"position":[[2008,5],[2074,5],[2153,5],[2446,5],[2970,5]]},"8":{"position":[[164,4]]},"54":{"position":[[306,5]]},"68":{"position":[[462,5]]},"80":{"position":[[425,3],[461,3],[572,3],[608,3],[715,3],[751,3],[860,3],[896,3],[999,3],[1035,3],[1142,3],[1178,3]]},"88":{"position":[[301,5]]},"118":{"position":[[173,5],[239,5],[318,5],[611,5],[1135,5]]},"144":{"position":[[548,4]]},"242":{"position":[[411,4]]},"440":{"position":[[208,4]]},"560":{"position":[[1651,3]]},"564":{"position":[[917,3],[2074,3],[2212,3],[2875,5],[3706,5]]},"568":{"position":[[2535,3],[3086,3],[3636,3],[4077,3],[4399,3],[5024,3],[5647,3],[6389,3],[6940,3],[7490,3],[8191,3],[8756,3],[9306,3],[10021,3],[10572,3],[11122,3],[11645,3],[11817,3],[12201,3],[12764,3],[13326,3],[13884,3],[14432,3],[14992,3],[18117,5],[18518,3],[19069,3],[19619,3],[20903,3],[21476,3],[22048,3]]},"572":{"position":[[775,5],[2034,5],[2435,3],[3323,4],[3992,3]]},"574":{"position":[[47,3],[3207,3],[3267,4],[4060,5],[5606,5],[6799,3],[7384,3]]},"576":{"position":[[1225,4],[1256,3]]},"578":{"position":[[61,3],[2245,5],[2463,4],[4012,3]]},"580":{"position":[[3322,3],[10602,3],[10735,3],[12027,5]]},"582":{"position":[[3448,5]]},"586":{"position":[[57,3],[1362,4]]},"588":{"position":[[43,3],[1754,4],[4242,5],[9006,3],[10763,3]]},"590":{"position":[[53,3],[1539,3]]},"592":{"position":[[145,5],[1040,6],[2351,5]]},"594":{"position":[[90,5],[416,4],[772,5]]},"596":{"position":[[80,5],[2061,5],[2245,3],[3303,5],[3675,3]]},"598":{"position":[[78,5],[6798,4],[9703,4]]},"600":{"position":[[48,3],[3048,5],[3793,3],[5111,5],[5158,5],[5545,5],[8064,5],[8111,5],[8529,5],[9383,3],[9444,5],[11058,5],[11105,5],[11523,5],[12384,3],[14056,5],[14103,5],[14521,5],[16762,5]]},"602":{"position":[[200,5],[1499,4],[3143,3],[5260,3],[11859,5]]},"604":{"position":[[99,5],[419,4],[726,3]]},"606":{"position":[[398,5],[507,3],[8120,3],[10020,5]]},"608":{"position":[[49,3]]},"610":{"position":[[1336,4],[3777,4]]},"612":{"position":[[72,5],[3898,3],[5981,3],[6799,3],[9350,3]]},"616":{"position":[[101,4],[165,4],[3914,5],[4299,5],[4341,3],[12588,5]]},"618":{"position":[[3323,5],[3668,5],[3710,3],[8152,5],[8296,6],[8330,6]]},"620":{"position":[[144,4],[2619,4],[4330,3],[4797,5],[5044,5],[5879,5],[6265,5],[6307,3],[6622,6],[6656,6],[11124,6],[11158,6]]},"622":{"position":[[3807,4],[3902,4],[8163,6],[10505,3],[11946,3],[12033,3]]},"624":{"position":[[3046,5],[3386,5],[3428,3]]},"626":{"position":[[5230,3],[6367,3],[7009,3],[7095,3],[7884,4],[7920,6]]},"628":{"position":[[100,5],[237,5],[5488,3],[6172,3],[6256,3],[6958,3],[6966,3],[7070,4],[7100,6],[9697,6]]},"630":{"position":[[56,3],[1062,4],[1223,4],[1302,4],[4892,5],[8359,3],[9580,3],[10226,3],[10314,3],[11120,4],[11156,6],[17655,5]]},"632":{"position":[[2046,3],[2681,3],[2768,3]]},"634":{"position":[[40,3],[1031,3],[1624,3],[1705,3],[2255,5]]},"636":{"position":[[296,3],[935,3],[1878,4],[2259,4],[2638,4],[2895,4],[3064,6],[3753,6],[5582,4],[5709,5],[5748,5],[5791,5],[6512,6],[6535,6],[6577,6],[6630,6],[6675,6],[6722,6],[6765,6],[6823,6],[6850,6],[6878,6],[6913,6]]},"638":{"position":[[309,3],[1330,4],[1711,4],[2090,4],[2347,4],[2527,6],[2952,3],[3171,6],[4500,4],[4881,4],[5260,4],[5475,5],[5517,5],[6399,6],[6422,6],[6450,6],[6495,6],[6542,6],[6585,6],[6646,6],[6704,6],[6731,6],[6760,6],[6796,6],[6836,6],[6894,5],[7100,6],[7123,6],[7151,6],[7196,6],[7243,6],[7286,6],[7347,6],[7405,6],[7432,6],[7468,6]]},"640":{"position":[[296,3],[933,3],[1693,4],[2074,4],[2453,4],[2710,4],[2879,6],[3574,6],[5258,4],[5639,4],[6018,4],[6233,5],[6272,5],[6315,5],[7036,6],[7059,6],[7101,6],[7154,6],[7199,6],[7246,6],[7289,6],[7347,6],[7374,6],[7402,6],[7437,6]]},"642":{"position":[[306,3],[942,3],[1712,4],[2093,4],[2472,4],[2745,4],[2914,6],[5101,4],[5190,4],[5405,5],[5448,5],[5507,5],[5540,5],[5936,6],[5959,6],[5987,6],[6032,6],[6079,6],[6122,6],[6180,6],[6236,6],[6263,6],[6296,6],[6336,6]]},"644":{"position":[[306,3],[942,3],[1712,4],[2093,4],[2472,4],[2745,4],[2914,6],[5302,4],[5391,4],[5606,5],[5649,5],[5708,5],[6097,6],[6120,6],[6148,6],[6193,6],[6240,6],[6283,6],[6341,6],[6397,6],[6424,6],[6457,6],[6497,6]]},"646":{"position":[[314,3],[1352,4],[1733,4],[2112,4],[2369,4],[2542,6]]},"648":{"position":[[314,3],[1352,4],[1733,4],[2112,4],[2369,4],[2542,6]]},"650":{"position":[[354,3],[1375,4],[1756,4],[2135,4],[2392,4],[2572,6],[4251,4],[4632,4],[5011,4],[5226,5],[5952,6],[5975,6],[6003,6],[6048,6],[6095,6],[6138,6],[6199,6],[6257,6],[6284,6],[6325,6],[6377,6]]},"656":{"position":[[306,3],[1366,4],[1747,4],[2126,4],[2399,4],[2568,6],[4506,4],[4887,4],[5266,4],[5481,5],[5524,5],[5583,5],[5982,6],[6005,6],[6033,6],[6078,6],[6125,6],[6168,6],[6226,6],[6282,6],[6309,6],[6352,6],[6402,6]]},"658":{"position":[[57,3]]},"660":{"position":[[16645,5],[18242,3],[18750,3],[18825,6],[22026,3]]},"662":{"position":[[104,5],[241,5],[3657,3],[4313,3],[4397,3],[5075,3],[5083,3],[5187,4],[5217,6],[9237,6]]},"664":{"position":[[47,3],[2710,3],[11219,6],[11302,3],[13688,3],[13749,5],[16125,3]]},"668":{"position":[[41,3],[5728,3],[6230,3],[6356,4],[6647,3],[6958,3],[9754,4],[9877,4],[38583,3],[38741,3],[41152,3],[41294,3],[43645,3],[58938,4],[59100,6],[63267,6],[75216,4],[78313,3],[91772,4]]}}}],["us</b></label",{"_index":3684,"t":{"630":{"position":[[2494,14],[14644,14]]}}}],["usag",{"_index":94,"t":{"2":{"position":[[2247,5]]},"118":{"position":[[412,5]]},"572":{"position":[[702,6],[7378,5]]},"600":{"position":[[1751,6],[17591,5]]},"602":{"position":[[2308,6],[13949,5]]},"626":{"position":[[1342,6],[11740,5]]},"628":{"position":[[1353,6],[1900,5],[12981,5]]},"630":{"position":[[1860,6],[17580,5]]},"632":{"position":[[1013,6],[6220,5]]},"634":{"position":[[710,6],[2988,5]]},"662":{"position":[[1297,6],[12144,5]]},"664":{"position":[[1727,6],[25345,5]]},"666":{"position":[[743,6],[1358241,5]]}}}],["user",{"_index":81,"t":{"2":{"position":[[1965,5]]},"110":{"position":[[287,5],[557,5]]},"118":{"position":[[130,5]]},"564":{"position":[[94,4],[3681,4]]},"566":{"position":[[3036,5],[3524,5],[4013,5],[4499,5],[4984,5],[5494,5],[6001,5],[6509,5],[7014,5],[7518,5]]},"568":{"position":[[1493,4],[1790,4]]},"572":{"position":[[2126,5]]},"576":{"position":[[910,4],[1129,4],[2125,4],[4292,4]]},"578":{"position":[[123,4],[2494,4],[3067,4]]},"582":{"position":[[2140,4],[2349,4]]},"588":{"position":[[124,4],[2444,4],[2653,4],[3428,4]]},"598":{"position":[[2961,4],[3475,4]]},"606":{"position":[[4843,5],[6377,5]]},"608":{"position":[[629,5]]},"612":{"position":[[2118,4]]},"622":{"position":[[123,5],[1533,5],[1584,4]]},"626":{"position":[[153,4],[553,4],[609,4],[668,4],[1275,4],[3626,4],[3680,4],[3830,4],[3918,4],[7820,4],[11023,4]]},"628":{"position":[[148,4],[215,5],[592,4],[648,4],[707,4],[1288,4],[3157,4],[3211,4],[3359,4],[3447,4],[7006,4],[9028,4]]},"630":{"position":[[633,4],[689,4],[748,4],[1791,4],[7531,4],[7585,4],[7737,4],[7825,4],[11056,4],[16857,4]]},"632":{"position":[[794,4],[3387,4],[3608,4],[3742,4],[3834,4]]},"642":{"position":[[3755,4]]},"644":{"position":[[3755,4]]},"658":{"position":[[143,4]]},"660":{"position":[[3373,4],[3599,4]]},"662":{"position":[[152,4],[219,5],[596,4],[652,4],[711,4],[1232,4],[2329,4],[2383,4],[2531,4],[2619,4],[5123,4],[8583,4]]},"666":{"position":[[92,5]]},"668":{"position":[[3588,4],[3757,4],[141964,5],[142208,6],[142303,5],[142496,4],[142601,4],[142701,4],[142804,4],[142905,4],[143019,4],[143131,4],[143236,4],[143337,4],[143417,4],[143539,4],[144616,5],[144860,6],[144955,5],[145148,4],[145275,4],[145397,4],[145522,4],[145645,4],[145781,4],[145915,4],[146042,4],[146165,4],[146267,4],[146411,4]]}}}],["user'",{"_index":1652,"t":{"578":{"position":[[5848,6]]},"630":{"position":[[132,6]]}}}],["userdefaultpreferredtab",{"_index":2888,"t":{"612":{"position":[[12543,23],[12623,25]]}}}],["usersdataprovider(griddataproviderrequest<us",{"_index":5178,"t":{"668":{"position":[[142146,47],[144798,47]]}}}],["userstatu",{"_index":5186,"t":{"668":{"position":[[143651,10],[143697,10],[146553,10],[146599,10]]}}}],["userstatus.regist",{"_index":5183,"t":{"668":{"position":[[142572,21],[142775,21],[142876,21],[143207,21],[145246,21],[145493,21],[145616,21],[146013,21]]}}}],["userstatus.verifi",{"_index":5184,"t":{"668":{"position":[[142674,19],[143310,19],[143390,19],[143491,19],[145370,19],[146138,19],[146240,19],[146363,19]]}}}],["userstatus.verificationpend",{"_index":5185,"t":{"668":{"position":[[142981,30],[143093,30],[145743,30],[145877,30]]}}}],["user’",{"_index":2086,"t":{"588":{"position":[[8666,6]]}}}],["usestaticbackdrop",{"_index":1783,"t":{"582":{"position":[[1198,17],[1232,17],[7410,17]]},"588":{"position":[[1697,17],[7685,17]]}}}],["usestaticbackdrop=\"tru",{"_index":685,"t":{"108":{"position":[[470,24]]},"582":{"position":[[7554,25]]},"588":{"position":[[7984,24]]}}}],["ut",{"_index":1851,"t":{"582":{"position":[[7732,3],[8181,2],[8332,2],[8672,2],[8938,2],[8981,2],[9665,3],[10594,3],[10902,2],[11973,3],[12422,2],[12573,2],[12913,2],[13179,2],[13222,2],[13906,3],[14835,3],[15143,2],[16114,3],[16563,2],[16714,2],[17054,2],[17320,2],[17363,2],[18047,3],[18976,3],[19284,2]]}}}],["util",{"_index":1083,"t":{"564":{"position":[[2085,9]]},"574":{"position":[[5592,10],[5612,9],[6948,7]]},"580":{"position":[[6496,10]]},"586":{"position":[[1172,10]]},"606":{"position":[[3258,10]]},"660":{"position":[[18254,10],[18772,9]]}}}],["v",{"_index":905,"t":{"142":{"position":[[1803,1]]}}}],["v0.0.1",{"_index":185,"t":{"6":{"position":[[363,6]]},"8":{"position":[[16,6],[269,6]]},"130":{"position":[[255,6]]},"144":{"position":[[400,6],[594,6]]},"242":{"position":[[263,6],[457,6]]},"440":{"position":[[21,8],[60,6],[254,6]]}}}],["v0.0.11",{"_index":906,"t":{"142":{"position":[[1805,7]]}}}],["v0.0.2",{"_index":174,"t":{"4":{"position":[[278,6]]},"6":{"position":[[16,6],[264,6]]},"8":{"position":[[334,6]]},"130":{"position":[[212,6]]},"144":{"position":[[206,6],[351,6]]},"242":{"position":[[69,6],[214,6]]},"444":{"position":[[21,8],[60,6],[205,6]]}}}],["v0.0.21",{"_index":907,"t":{"142":{"position":[[1813,7]]}}}],["v0.0.3",{"_index":165,"t":{"4":{"position":[[16,6],[179,6]]},"6":{"position":[[329,6]]},"10":{"position":[[820,6]]},"130":{"position":[[169,6]]},"144":{"position":[[16,6],[157,6]]},"244":{"position":[[1923,6],[2064,6]]},"446":{"position":[[21,8],[60,6],[201,6]]}}}],["v0.0.31",{"_index":908,"t":{"142":{"position":[[1821,7]]}}}],["v0.0.4",{"_index":173,"t":{"4":{"position":[[244,6]]},"10":{"position":[[16,6],[721,6]]},"14":{"position":[[469,6]]},"130":{"position":[[127,6]]},"140":{"position":[[1820,6],[2007,6]]},"244":{"position":[[1687,6],[1874,6]]},"448":{"position":[[21,8],[60,6],[247,6]]}}}],["v0.0.41",{"_index":909,"t":{"142":{"position":[[1829,7]]}}}],["v0.1.0",{"_index":218,"t":{"10":{"position":[[786,6]]},"12":{"position":[[446,6]]},"14":{"position":[[16,6],[370,6]]},"130":{"position":[[84,6]]},"140":{"position":[[1650,6],[1771,6]]},"244":{"position":[[1517,6],[1638,6]]},"450":{"position":[[21,8],[60,6],[181,6]]}}}],["v0.1.01",{"_index":910,"t":{"142":{"position":[[1837,7]]}}}],["v0.1.1",{"_index":219,"t":{"12":{"position":[[16,6],[341,6]]},"14":{"position":[[435,6]]},"16":{"position":[[445,6]]},"130":{"position":[[41,6]]},"140":{"position":[[1421,6],[1595,6]]},"146":{"position":[[59,6],[233,6]]},"244":{"position":[[1288,6],[1462,6]]},"452":{"position":[[21,8],[60,6],[234,6]]}}}],["v0.1.11",{"_index":911,"t":{"142":{"position":[[1845,7]]}}}],["v0.2.0",{"_index":226,"t":{"12":{"position":[[412,6]]},"16":{"position":[[16,6],[314,6]]},"20":{"position":[[465,6]]},"130":{"position":[[1108,6]]},"140":{"position":[[1220,6],[1340,6]]},"244":{"position":[[1087,6],[1207,6]]},"364":{"position":[[262,6],[382,6]]},"388":{"position":[[566,6],[686,6]]},"392":{"position":[[64,6],[184,6]]},"398":{"position":[[1448,6],[1568,6]]},"456":{"position":[[21,8],[60,6],[180,6]]}}}],["v0.2.01",{"_index":912,"t":{"142":{"position":[[1853,7]]}}}],["v0.2.1",{"_index":244,"t":{"16":{"position":[[411,6]]},"18":{"position":[[386,6]]},"20":{"position":[[16,6],[338,6]]},"130":{"position":[[1066,6]]},"140":{"position":[[989,6],[1143,6]]},"244":{"position":[[856,6],[1010,6]]},"344":{"position":[[68,6],[222,6]]},"370":{"position":[[59,6],[213,6]]},"436":{"position":[[960,6],[1114,6]]},"454":{"position":[[21,8],[60,6],[214,6]]}}}],["v0.2.11",{"_index":913,"t":{"142":{"position":[[1861,7]]}}}],["v0.2.2",{"_index":245,"t":{"18":{"position":[[16,6],[274,6]]},"20":{"position":[[431,6]]},"26":{"position":[[346,6]]},"130":{"position":[[1023,6]]},"140":{"position":[[791,6],[927,6]]},"244":{"position":[[658,6],[794,6]]},"404":{"position":[[457,6],[593,6]]},"458":{"position":[[21,8],[60,6],[196,6]]}}}],["v0.2.21",{"_index":914,"t":{"142":{"position":[[1869,7]]}}}],["v0.2.3",{"_index":250,"t":{"18":{"position":[[352,6]]},"22":{"position":[[348,6]]},"26":{"position":[[16,6],[234,6]]},"130":{"position":[[983,6]]},"140":{"position":[[593,6],[729,6]]},"244":{"position":[[460,6],[596,6]]},"404":{"position":[[259,6],[395,6]]},"460":{"position":[[21,8],[60,6],[196,6]]}}}],["v0.2.31",{"_index":915,"t":{"142":{"position":[[1877,7]]}}}],["v0.2.4",{"_index":256,"t":{"22":{"position":[[16,6],[236,6]]},"24":{"position":[[397,6]]},"26":{"position":[[312,6]]},"130":{"position":[[943,6]]},"140":{"position":[[399,6],[531,6]]},"244":{"position":[[266,6],[398,6]]},"404":{"position":[[65,6],[197,6]]},"462":{"position":[[21,8],[60,6],[192,6]]}}}],["v0.2.41",{"_index":916,"t":{"142":{"position":[[1885,7]]}}}],["v0.2.5",{"_index":260,"t":{"22":{"position":[[314,6]]},"24":{"position":[[16,6],[282,6]]},"28":{"position":[[383,6]]},"130":{"position":[[904,6]]},"140":{"position":[[202,6],[334,6]]},"244":{"position":[[69,6],[201,6]]},"388":{"position":[[369,6],[501,6]]},"398":{"position":[[1251,6],[1383,6]]},"464":{"position":[[21,8],[60,6],[192,6]]}}}],["v0.2.51",{"_index":917,"t":{"142":{"position":[[1893,7]]}}}],["v0.2.6",{"_index":263,"t":{"24":{"position":[[363,6]]},"28":{"position":[[16,6],[277,6]]},"30":{"position":[[727,6]]},"130":{"position":[[865,6]]},"140":{"position":[[16,6],[146,6]]},"238":{"position":[[2453,6],[2583,6]]},"330":{"position":[[1320,6],[1450,6]]},"466":{"position":[[21,8],[60,6],[190,6]]}}}],["v0.2.61",{"_index":918,"t":{"142":{"position":[[1901,7]]}}}],["v0.3.0",{"_index":271,"t":{"28":{"position":[[349,6]]},"30":{"position":[[16,6],[623,6]]},"32":{"position":[[510,6]]},"130":{"position":[[824,6]]},"138":{"position":[[2602,6],[2752,6]]},"238":{"position":[[2249,6],[2399,6]]},"364":{"position":[[58,6],[208,6]]},"470":{"position":[[21,8],[60,6],[210,6]]}}}],["v0.3.01",{"_index":919,"t":{"142":{"position":[[1909,7]]}}}],["v0.4.0",{"_index":298,"t":{"30":{"position":[[693,6]]},"32":{"position":[[16,6],[393,6]]},"34":{"position":[[851,6]]},"130":{"position":[[783,6]]},"138":{"position":[[2396,6],[2535,6]]},"148":{"position":[[2793,6],[2932,6]]},"238":{"position":[[2043,6],[2182,6]]},"360":{"position":[[1911,6],[2050,6]]},"468":{"position":[[21,8],[60,6],[199,6]]}}}],["v0.4.01",{"_index":920,"t":{"142":{"position":[[1917,7]]}}}],["v0.4.1",{"_index":302,"t":{"32":{"position":[[476,6]]},"34":{"position":[[16,6],[721,6]]},"36":{"position":[[350,6]]},"130":{"position":[[740,6]]},"138":{"position":[[2197,6],[2316,6]]},"148":{"position":[[2594,6],[2713,6]]},"238":{"position":[[1844,6],[1963,6]]},"336":{"position":[[1001,6],[1120,6]]},"360":{"position":[[1712,6],[1831,6]]},"366":{"position":[[2679,6],[2798,6]]},"472":{"position":[[21,8],[60,6],[179,6]]}}}],["v0.4.11",{"_index":921,"t":{"142":{"position":[[1925,7]]}}}],["v0.4.2",{"_index":316,"t":{"34":{"position":[[817,6]]},"36":{"position":[[16,6],[238,6]]},"40":{"position":[[669,6]]},"130":{"position":[[696,6]]},"138":{"position":[[1923,6],[2145,6]]},"148":{"position":[[2320,6],[2542,6]]},"238":{"position":[[1570,6],[1792,6]]},"482":{"position":[[21,8],[60,6],[282,6]]}}}],["v0.4.21",{"_index":922,"t":{"142":{"position":[[1933,7]]}}}],["v0.5.0",{"_index":318,"t":{"36":{"position":[[316,6]]},"40":{"position":[[16,6],[481,6]]},"42":{"position":[[560,6]]},"130":{"position":[[652,6]]},"138":{"position":[[1654,6],[1786,6]]},"160":{"position":[[70,6],[202,6]]},"166":{"position":[[67,6],[199,6]]},"174":{"position":[[75,6],[207,6]]},"190":{"position":[[71,6],[203,6]]},"194":{"position":[[70,6],[202,6]]},"238":{"position":[[1301,6],[1433,6]]},"584":{"position":[[21,8],[60,6],[192,6]]}}}],["v0.5.01",{"_index":923,"t":{"142":{"position":[[1941,7]]}}}],["v0.5.1",{"_index":331,"t":{"38":{"position":[[689,6]]},"40":{"position":[[635,6]]},"42":{"position":[[17,6],[376,6]]},"130":{"position":[[610,6]]},"138":{"position":[[1392,6],[1521,6]]},"172":{"position":[[564,6],[693,6]]},"176":{"position":[[73,6],[202,6]]},"178":{"position":[[74,6],[203,6]]},"182":{"position":[[76,6],[205,6]]},"238":{"position":[[1039,6],[1168,6]]},"274":{"position":[[564,6],[693,6]]},"474":{"position":[[21,8],[61,6],[190,6]]}}}],["v0.5.11",{"_index":924,"t":{"142":{"position":[[1949,7]]}}}],["v0.6.0",{"_index":319,"t":{"38":{"position":[[17,6],[509,6]]},"42":{"position":[[526,6]]},"44":{"position":[[941,6]]},"130":{"position":[[567,6]]},"138":{"position":[[1077,6],[1263,6]]},"196":{"position":[[70,6],[256,6]]},"208":{"position":[[74,6],[260,6]]},"214":{"position":[[315,6],[501,6]]},"238":{"position":[[724,6],[910,6]]},"406":{"position":[[320,6],[506,6]]},"408":{"position":[[67,6],[253,6]]},"436":{"position":[[646,6],[832,6]]},"476":{"position":[[21,8],[61,6],[247,6]]}}}],["v0.6.01",{"_index":925,"t":{"142":{"position":[[1957,7]]}}}],["v1.0.0",{"_index":330,"t":{"38":{"position":[[654,6]]},"44":{"position":[[17,6],[732,6]]},"48":{"position":[[793,6]]},"130":{"position":[[524,6]]},"138":{"position":[[736,6],[919,6]]},"162":{"position":[[1377,6],[1560,6]]},"180":{"position":[[74,6],[257,6]]},"184":{"position":[[67,6],[250,6]]},"188":{"position":[[74,6],[257,6]]},"206":{"position":[[66,6],[249,6]]},"220":{"position":[[374,6],[557,6]]},"238":{"position":[[383,6],[566,6]]},"372":{"position":[[359,6],[542,6]]},"380":{"position":[[67,6],[250,6]]},"478":{"position":[[21,8],[61,6],[244,6]]}}}],["v1.0.01",{"_index":926,"t":{"142":{"position":[[1965,7]]}}}],["v1.0.1",{"_index":368,"t":{"44":{"position":[[906,6]]},"46":{"position":[[975,6]]},"48":{"position":[[17,6],[568,6]]},"130":{"position":[[480,6]]},"138":{"position":[[423,6],[562,6]]},"162":{"position":[[1064,6],[1203,6]]},"164":{"position":[[481,6],[620,6]]},"170":{"position":[[473,6],[612,6]]},"192":{"position":[[71,6],[210,6]]},"198":{"position":[[474,6],[613,6]]},"200":{"position":[[71,6],[210,6]]},"202":{"position":[[474,6],[613,6]]},"220":{"position":[[61,6],[200,6]]},"238":{"position":[[70,6],[209,6]]},"480":{"position":[[21,8],[61,6],[200,6]]}}}],["v1.0.11",{"_index":927,"t":{"142":{"position":[[1973,7]]}}}],["v1.1.0",{"_index":369,"t":{"46":{"position":[[17,6],[771,6]]},"48":{"position":[[758,6]]},"50":{"position":[[667,6]]},"130":{"position":[[436,6]]},"138":{"position":[[17,6],[270,6]]},"162":{"position":[[658,6],[911,6]]},"164":{"position":[[75,6],[328,6]]},"170":{"position":[[67,6],[320,6]]},"198":{"position":[[68,6],[321,6]]},"202":{"position":[[68,6],[321,6]]},"212":{"position":[[67,6],[320,6]]},"222":{"position":[[2712,6],[2965,6]]},"236":{"position":[[2721,6],[2974,6]]},"484":{"position":[[21,8],[61,6],[314,6]]}}}],["v1.1.01",{"_index":928,"t":{"142":{"position":[[1981,7]]}}}],["v1.10.0",{"_index":610,"t":{"96":{"position":[[1135,7]]},"100":{"position":[[652,7]]},"102":{"position":[[17,7],[1496,7]]},"130":{"position":[[1333,7]]},"132":{"position":[[1254,7],[1452,7]]},"218":{"position":[[1023,7],[1221,7]]},"240":{"position":[[1032,7],[1230,7]]},"272":{"position":[[313,7],[511,7]]},"314":{"position":[[1026,7],[1224,7]]},"332":{"position":[[65,7],[263,7]]},"368":{"position":[[2516,7],[2714,7]]},"486":{"position":[[21,9],[62,7],[260,7]]}}}],["v1.10.01",{"_index":929,"t":{"142":{"position":[[1989,8]]}}}],["v1.10.1",{"_index":615,"t":{"100":{"position":[[17,7],[505,7]]},"102":{"position":[[1607,7]]},"104":{"position":[[1109,7]]},"130":{"position":[[1290,7]]},"132":{"position":[[1006,7],[1159,7]]},"218":{"position":[[775,7],[928,7]]},"240":{"position":[[784,7],[937,7]]},"272":{"position":[[65,7],[218,7]]},"308":{"position":[[2817,7],[2970,7]]},"314":{"position":[[778,7],[931,7]]},"368":{"position":[[2268,7],[2421,7]]},"488":{"position":[[21,9],[62,7],[215,7]]}}}],["v1.10.11",{"_index":930,"t":{"142":{"position":[[1998,8]]}}}],["v1.10.2",{"_index":618,"t":{"100":{"position":[[616,7]]},"104":{"position":[[17,7],[814,7]]},"106":{"position":[[683,7]]},"130":{"position":[[1247,7]]},"132":{"position":[[574,7],[763,7]]},"148":{"position":[[449,7],[638,7]]},"218":{"position":[[343,7],[532,7]]},"224":{"position":[[72,7],[261,7]]},"240":{"position":[[352,7],[541,7]]},"252":{"position":[[66,7],[255,7]]},"254":{"position":[[74,7],[263,7]]},"282":{"position":[[65,7],[254,7]]},"286":{"position":[[67,7],[256,7]]},"306":{"position":[[67,7],[256,7]]},"308":{"position":[[2385,7],[2574,7]]},"314":{"position":[[346,7],[535,7]]},"326":{"position":[[60,7],[249,7]]},"342":{"position":[[638,7],[827,7]]},"360":{"position":[[1281,7],[1470,7]]},"390":{"position":[[971,7],[1160,7]]},"394":{"position":[[66,7],[255,7]]},"416":{"position":[[737,7],[926,7]]},"442":{"position":[[375,7],[564,7]]},"490":{"position":[[21,9],[62,7],[251,7]]}}}],["v1.10.21",{"_index":931,"t":{"142":{"position":[[2007,8]]}}}],["v1.10.3",{"_index":663,"t":{"104":{"position":[[1073,7]]},"106":{"position":[[17,7],[507,7]]},"108":{"position":[[772,7]]},"130":{"position":[[1201,7]]},"132":{"position":[[292,7],[450,7]]},"218":{"position":[[61,7],[219,7]]},"240":{"position":[[70,7],[228,7]]},"268":{"position":[[69,7],[227,7]]},"276":{"position":[[64,7],[222,7]]},"308":{"position":[[2103,7],[2261,7]]},"314":{"position":[[64,7],[222,7]]},"360":{"position":[[999,7],[1157,7]]},"362":{"position":[[415,7],[573,7]]},"376":{"position":[[58,7],[216,7]]},"496":{"position":[[21,9],[62,7],[220,7]]}}}],["v1.10.31",{"_index":932,"t":{"142":{"position":[[2016,8]]}}}],["v1.10.4",{"_index":674,"t":{"106":{"position":[[647,7]]},"108":{"position":[[17,7],[603,7]]},"114":{"position":[[1059,7]]},"130":{"position":[[1157,7]]},"132":{"position":[[17,7],[175,7]]},"154":{"position":[[2778,7],[2936,7]]},"228":{"position":[[2787,7],[2945,7]]},"308":{"position":[[1828,7],[1986,7]]},"310":{"position":[[2781,7],[2939,7]]},"334":{"position":[[666,7],[824,7]]},"360":{"position":[[724,7],[882,7]]},"368":{"position":[[1993,7],[2151,7]]},"390":{"position":[[696,7],[854,7]]},"402":{"position":[[62,7],[220,7]]},"424":{"position":[[60,7],[218,7]]},"492":{"position":[[21,9],[62,7],[220,7]]}}}],["v1.10.41",{"_index":933,"t":{"142":{"position":[[2025,8]]}}}],["v1.10.5",{"_index":158,"t":{"2":{"position":[[3685,7],[3850,7]]},"108":{"position":[[736,7]]},"112":{"position":[[516,7]]},"114":{"position":[[17,7],[889,7]]},"130":{"position":[[2671,7]]},"154":{"position":[[2495,7],[2660,7]]},"156":{"position":[[416,7],[581,7]]},"228":{"position":[[2504,7],[2669,7]]},"308":{"position":[[1545,7],[1710,7]]},"310":{"position":[[2498,7],[2663,7]]},"334":{"position":[[383,7],[548,7]]},"360":{"position":[[441,7],[606,7]]},"368":{"position":[[1710,7],[1875,7]]},"390":{"position":[[413,7],[578,7]]},"432":{"position":[[59,7],[224,7]]},"498":{"position":[[21,9],[62,7],[227,7]]}}}],["v1.10.51",{"_index":934,"t":{"142":{"position":[[2034,8]]}}}],["v1.11.0",{"_index":139,"t":{"2":{"position":[[3086,7],[3322,7]]},"110":{"position":[[17,7],[1171,7]]},"112":{"position":[[480,7]]},"118":{"position":[[1312,7]]},"130":{"position":[[2584,7]]},"148":{"position":[[66,7],[302,7]]},"150":{"position":[[59,7],[295,7]]},"154":{"position":[[1896,7],[2132,7]]},"228":{"position":[[1905,7],[2141,7]]},"308":{"position":[[946,7],[1182,7]]},"310":{"position":[[1899,7],[2135,7]]},"360":{"position":[[58,7],[294,7]]},"368":{"position":[[1327,7],[1563,7]]},"400":{"position":[[670,7],[906,7]]},"410":{"position":[[67,7],[303,7]]},"412":{"position":[[378,7],[614,7]]},"428":{"position":[[351,7],[587,7]]},"494":{"position":[[21,9],[62,7],[298,7]]}}}],["v1.11.01",{"_index":935,"t":{"142":{"position":[[2043,8]]}}}],["v1.11.1",{"_index":156,"t":{"2":{"position":[[3469,7],[3596,7]]},"110":{"position":[[1363,7]]},"112":{"position":[[17,7],[375,7]]},"114":{"position":[[1023,7]]},"130":{"position":[[2628,7]]},"154":{"position":[[2279,7],[2406,7]]},"228":{"position":[[2288,7],[2415,7]]},"308":{"position":[[1329,7],[1456,7]]},"310":{"position":[[2282,7],[2409,7]]},"400":{"position":[[1053,7],[1180,7]]},"502":{"position":[[21,9],[62,7],[189,7]]}}}],["v1.11.11",{"_index":936,"t":{"142":{"position":[[2052,8]]}}}],["v1.2.0",{"_index":377,"t":{"46":{"position":[[940,6]]},"50":{"position":[[17,6],[473,6]]},"52":{"position":[[578,6]]},"130":{"position":[[392,6]]},"136":{"position":[[2682,6],[2868,6]]},"162":{"position":[[329,6],[515,6]]},"168":{"position":[[76,6],[262,6]]},"186":{"position":[[68,6],[254,6]]},"222":{"position":[[2383,6],[2569,6]]},"236":{"position":[[2392,6],[2578,6]]},"260":{"position":[[753,6],[939,6]]},"278":{"position":[[67,6],[253,6]]},"500":{"position":[[21,8],[61,6],[247,6]]}}}],["v1.2.01",{"_index":937,"t":{"142":{"position":[[2061,7]]}}}],["v1.3.0",{"_index":386,"t":{"50":{"position":[[632,6]]},"52":{"position":[[17,6],[440,6]]},"58":{"position":[[650,6]]},"130":{"position":[[348,6]]},"136":{"position":[[2423,6],[2595,6]]},"162":{"position":[[70,6],[242,6]]},"222":{"position":[[2124,6],[2296,6]]},"236":{"position":[[2133,6],[2305,6]]},"290":{"position":[[498,6],[670,6]]},"506":{"position":[[21,8],[61,6],[233,6]]}}}],["v1.3.01",{"_index":938,"t":{"142":{"position":[[2069,7]]}}}],["v1.3.1",{"_index":390,"t":{"52":{"position":[[543,6]]},"56":{"position":[[533,6]]},"58":{"position":[[17,6],[510,6]]},"130":{"position":[[304,6]]},"136":{"position":[[2134,6],[2334,6]]},"148":{"position":[[2032,6],[2232,6]]},"222":{"position":[[1835,6],[2035,6]]},"224":{"position":[[1206,6],[1406,6]]},"236":{"position":[[1844,6],[2044,6]]},"504":{"position":[[21,8],[61,6],[261,6]]}}}],["v1.3.11",{"_index":939,"t":{"142":{"position":[[2077,7]]}}}],["v1.4.0",{"_index":412,"t":{"54":{"position":[[930,6]]},"56":{"position":[[17,6],[376,6]]},"58":{"position":[[615,6]]},"130":{"position":[[2233,6]]},"136":{"position":[[1866,6],[2028,6]]},"222":{"position":[[1567,6],[1729,6]]},"236":{"position":[[1576,6],[1738,6]]},"286":{"position":[[499,6],[661,6]]},"378":{"position":[[61,6],[223,6]]},"382":{"position":[[63,6],[225,6]]},"384":{"position":[[65,6],[227,6]]},"416":{"position":[[1169,6],[1331,6]]},"508":{"position":[[21,8],[61,6],[223,6]]}}}],["v1.4.01",{"_index":940,"t":{"142":{"position":[[2085,7]]}}}],["v1.4.1",{"_index":391,"t":{"54":{"position":[[17,6],[731,6]]},"56":{"position":[[498,6]]},"60":{"position":[[875,6]]},"130":{"position":[[2190,6]]},"136":{"position":[[1556,6],[1718,6]]},"222":{"position":[[1257,6],[1419,6]]},"236":{"position":[[1266,6],[1428,6]]},"258":{"position":[[73,6],[235,6]]},"264":{"position":[[67,6],[229,6]]},"282":{"position":[[2350,6],[2512,6]]},"312":{"position":[[514,6],[676,6]]},"322":{"position":[[1260,6],[1422,6]]},"348":{"position":[[67,6],[229,6]]},"358":{"position":[[61,6],[223,6]]},"388":{"position":[[60,6],[222,6]]},"516":{"position":[[21,8],[61,6],[223,6]]}}}],["v1.4.11",{"_index":941,"t":{"142":{"position":[[2093,7]]}}}],["v1.4.2",{"_index":411,"t":{"54":{"position":[[895,6]]},"60":{"position":[[17,6],[637,6]]},"62":{"position":[[492,6]]},"130":{"position":[[2147,6]]},"136":{"position":[[1107,6],[1369,6]]},"148":{"position":[[1583,6],[1845,6]]},"158":{"position":[[74,6],[336,6]]},"204":{"position":[[79,6],[341,6]]},"210":{"position":[[71,6],[333,6]]},"222":{"position":[[808,6],[1070,6]]},"232":{"position":[[88,6],[350,6]]},"236":{"position":[[817,6],[1079,6]]},"312":{"position":[[65,6],[327,6]]},"322":{"position":[[811,6],[1073,6]]},"510":{"position":[[21,8],[61,6],[323,6]]}}}],["v1.4.21",{"_index":942,"t":{"142":{"position":[[2101,7]]}}}],["v1.4.3",{"_index":425,"t":{"60":{"position":[[840,6]]},"62":{"position":[[17,6],[335,6]]},"64":{"position":[[551,6]]},"130":{"position":[[2104,6]]},"136":{"position":[[858,6],[1001,6]]},"172":{"position":[[315,6],[458,6]]},"222":{"position":[[559,6],[702,6]]},"236":{"position":[[568,6],[711,6]]},"274":{"position":[[315,6],[458,6]]},"316":{"position":[[2849,6],[2992,6]]},"322":{"position":[[562,6],[705,6]]},"366":{"position":[[2431,6],[2574,6]]},"512":{"position":[[21,8],[61,6],[204,6]]}}}],["v1.4.31",{"_index":943,"t":{"142":{"position":[[2109,7]]}}}],["v1.4.4",{"_index":430,"t":{"62":{"position":[[457,6]]},"64":{"position":[[17,6],[394,6]]},"66":{"position":[[524,6]]},"130":{"position":[[2061,6]]},"136":{"position":[[608,6],[752,6]]},"172":{"position":[[65,6],[209,6]]},"222":{"position":[[309,6],[453,6]]},"236":{"position":[[318,6],[462,6]]},"274":{"position":[[65,6],[209,6]]},"316":{"position":[[2599,6],[2743,6]]},"322":{"position":[[312,6],[456,6]]},"366":{"position":[[2181,6],[2325,6]]},"514":{"position":[[21,8],[61,6],[205,6]]}}}],["v1.4.41",{"_index":944,"t":{"142":{"position":[[2117,7]]}}}],["v1.4.5",{"_index":437,"t":{"64":{"position":[[516,6]]},"66":{"position":[[17,6],[361,6]]},"68":{"position":[[1178,6]]},"130":{"position":[[2017,6]]},"136":{"position":[[360,6],[496,6]]},"214":{"position":[[67,6],[203,6]]},"222":{"position":[[61,6],[197,6]]},"236":{"position":[[70,6],[206,6]]},"302":{"position":[[404,6],[540,6]]},"316":{"position":[[2351,6],[2487,6]]},"322":{"position":[[64,6],[200,6]]},"436":{"position":[[398,6],[534,6]]},"518":{"position":[[21,8],[61,6],[197,6]]}}}],["v1.4.51",{"_index":945,"t":{"142":{"position":[[2125,7]]}}}],["v1.5.0",{"_index":444,"t":{"66":{"position":[[489,6]]},"68":{"position":[[17,6],[929,6]]},"74":{"position":[[1251,6]]},"130":{"position":[[1973,6]]},"136":{"position":[[17,6],[162,6]]},"216":{"position":[[2816,6],[2961,6]]},"234":{"position":[[2825,6],[2970,6]]},"250":{"position":[[582,6],[727,6]]},"266":{"position":[[1215,6],[1360,6]]},"270":{"position":[[484,6],[629,6]]},"282":{"position":[[2007,6],[2152,6]]},"284":{"position":[[915,6],[1060,6]]},"316":{"position":[[2008,6],[2153,6]]},"320":{"position":[[2819,6],[2964,6]]},"328":{"position":[[576,6],[721,6]]},"354":{"position":[[1209,6],[1354,6]]},"356":{"position":[[478,6],[623,6]]},"390":{"position":[[2913,6],[3058,6]]},"398":{"position":[[909,6],[1054,6]]},"520":{"position":[[21,8],[61,6],[206,6]]}}}],["v1.5.01",{"_index":946,"t":{"142":{"position":[[2133,7]]}}}],["v1.6.0",{"_index":455,"t":{"68":{"position":[[1143,6]]},"72":{"position":[[1232,6]]},"74":{"position":[[17,6],[932,6]]},"130":{"position":[[1933,6]]},"134":{"position":[[2696,6],[2842,6]]},"216":{"position":[[2402,6],[2548,6]]},"234":{"position":[[2411,6],[2557,6]]},"262":{"position":[[65,6],[211,6]]},"266":{"position":[[801,6],[947,6]]},"270":{"position":[[70,6],[216,6]]},"272":{"position":[[2600,6],[2746,6]]},"282":{"position":[[1593,6],[1739,6]]},"284":{"position":[[501,6],[647,6]]},"296":{"position":[[65,6],[211,6]]},"298":{"position":[[71,6],[217,6]]},"300":{"position":[[787,6],[933,6]]},"316":{"position":[[1594,6],[1740,6]]},"320":{"position":[[2405,6],[2551,6]]},"354":{"position":[[795,6],[941,6]]},"356":{"position":[[64,6],[210,6]]},"366":{"position":[[1767,6],[1913,6]]},"390":{"position":[[2499,6],[2645,6]]},"398":{"position":[[495,6],[641,6]]},"430":{"position":[[65,6],[211,6]]},"434":{"position":[[781,6],[927,6]]},"526":{"position":[[21,8],[61,6],[207,6]]}}}],["v1.6.01",{"_index":947,"t":{"142":{"position":[[2141,7]]}}}],["v1.7.0",{"_index":471,"t":{"70":{"position":[[746,6]]},"72":{"position":[[17,6],[1015,6]]},"74":{"position":[[1216,6]]},"130":{"position":[[1892,6]]},"134":{"position":[[2362,6],[2530,6]]},"150":{"position":[[442,6],[610,6]]},"156":{"position":[[699,6],[867,6]]},"216":{"position":[[2068,6],[2236,6]]},"226":{"position":[[70,6],[238,6]]},"230":{"position":[[66,6],[234,6]]},"234":{"position":[[2077,6],[2245,6]]},"248":{"position":[[366,6],[534,6]]},"256":{"position":[[69,6],[237,6]]},"316":{"position":[[1260,6],[1428,6]]},"320":{"position":[[2071,6],[2239,6]]},"330":{"position":[[987,6],[1155,6]]},"338":{"position":[[63,6],[231,6]]},"522":{"position":[[21,8],[61,6],[229,6]]}}}],["v1.7.01",{"_index":948,"t":{"142":{"position":[[2149,7]]}}}],["v1.7.1",{"_index":456,"t":{"70":{"position":[[17,6],[563,6]]},"72":{"position":[[1197,6]]},"76":{"position":[[508,6]]},"130":{"position":[[1851,6]]},"134":{"position":[[2092,6],[2230,6]]},"148":{"position":[[1313,6],[1451,6]]},"216":{"position":[[1798,6],[1936,6]]},"224":{"position":[[936,6],[1074,6]]},"234":{"position":[[1807,6],[1945,6]]},"250":{"position":[[312,6],[450,6]]},"316":{"position":[[990,6],[1128,6]]},"320":{"position":[[1801,6],[1939,6]]},"328":{"position":[[306,6],[444,6]]},"524":{"position":[[21,8],[61,6],[199,6]]}}}],["v1.7.11",{"_index":949,"t":{"142":{"position":[[2157,7]]}}}],["v1.7.2",{"_index":470,"t":{"70":{"position":[[711,6]]},"76":{"position":[[17,6],[336,6]]},"78":{"position":[[605,6]]},"130":{"position":[[1810,6]]},"134":{"position":[[1844,6],[1971,6]]},"216":{"position":[[1550,6],[1677,6]]},"234":{"position":[[1559,6],[1686,6]]},"260":{"position":[[505,6],[632,6]]},"316":{"position":[[742,6],[869,6]]},"320":{"position":[[1553,6],[1680,6]]},"346":{"position":[[813,6],[940,6]]},"350":{"position":[[63,6],[190,6]]},"528":{"position":[[21,8],[61,6],[188,6]]}}}],["v1.7.21",{"_index":950,"t":{"142":{"position":[[2165,7]]}}}],["v1.7.3",{"_index":507,"t":{"76":{"position":[[473,6]]},"78":{"position":[[17,6],[438,6]]},"80":{"position":[[2018,6]]},"130":{"position":[[1769,6]]},"134":{"position":[[1599,6],[1728,6]]},"216":{"position":[[1305,6],[1434,6]]},"234":{"position":[[1314,6],[1443,6]]},"250":{"position":[[67,6],[196,6]]},"272":{"position":[[2355,6],[2484,6]]},"316":{"position":[[497,6],[626,6]]},"320":{"position":[[1308,6],[1437,6]]},"328":{"position":[[61,6],[190,6]]},"366":{"position":[[1522,6],[1651,6]]},"530":{"position":[[21,8],[61,6],[190,6]]}}}],["v1.7.31",{"_index":951,"t":{"142":{"position":[[2173,7]]}}}],["v1.8.0",{"_index":252,"t":{"20":{"position":[[156,7],[277,6]]},"78":{"position":[[570,6]]},"80":{"position":[[17,6],[1679,6]]},"98":{"position":[[770,6]]},"130":{"position":[[1728,6]]},"134":{"position":[[1167,6],[1311,6]]},"140":{"position":[[1129,7]]},"148":{"position":[[881,6],[1025,6]]},"216":{"position":[[873,6],[1017,6]]},"224":{"position":[[504,6],[648,6]]},"234":{"position":[[882,6],[1026,6]]},"244":{"position":[[996,7]]},"260":{"position":[[73,6],[217,6]]},"266":{"position":[[369,6],[513,6]]},"272":{"position":[[1923,6],[2067,6]]},"284":{"position":[[69,6],[213,6]]},"290":{"position":[[66,6],[210,6]]},"294":{"position":[[72,6],[216,6]]},"300":{"position":[[355,6],[499,6]]},"316":{"position":[[65,6],[209,6]]},"320":{"position":[[876,6],[1020,6]]},"344":{"position":[[208,7]]},"346":{"position":[[381,6],[525,6]]},"354":{"position":[[363,6],[507,6]]},"366":{"position":[[1090,6],[1234,6]]},"370":{"position":[[199,7]]},"386":{"position":[[379,6],[523,6]]},"398":{"position":[[63,6],[207,6]]},"424":{"position":[[335,6],[479,6]]},"434":{"position":[[349,6],[493,6]]},"436":{"position":[[1100,7]]},"454":{"position":[[200,7]]},"534":{"position":[[21,8],[61,6],[205,6]]}}}],["v1.8.01",{"_index":952,"t":{"142":{"position":[[2181,7]]}}}],["v1.8.1",{"_index":534,"t":{"80":{"position":[[1983,6]]},"82":{"position":[[750,6]]},"98":{"position":[[17,6],[603,6]]},"130":{"position":[[1689,6]]},"134":{"position":[[913,6],[1051,6]]},"216":{"position":[[619,6],[757,6]]},"234":{"position":[[628,6],[766,6]]},"272":{"position":[[1669,6],[1807,6]]},"306":{"position":[[499,6],[637,6]]},"320":{"position":[[622,6],[760,6]]},"332":{"position":[[2537,6],[2675,6]]},"366":{"position":[[836,6],[974,6]]},"442":{"position":[[807,6],[945,6]]},"532":{"position":[[21,8],[61,6],[199,6]]}}}],["v1.8.11",{"_index":953,"t":{"142":{"position":[[2189,7]]}}}],["v1.8.2",{"_index":535,"t":{"82":{"position":[[17,6],[548,6]]},"84":{"position":[[575,6]]},"98":{"position":[[735,6]]},"130":{"position":[[1650,6]]},"134":{"position":[[613,6],[762,6]]},"216":{"position":[[319,6],[468,6]]},"234":{"position":[[328,6],[477,6]]},"248":{"position":[[66,6],[215,6]]},"266":{"position":[[69,6],[218,6]]},"272":{"position":[[1369,6],[1518,6]]},"320":{"position":[[322,6],[471,6]]},"330":{"position":[[687,6],[836,6]]},"332":{"position":[[2237,6],[2386,6]]},"352":{"position":[[59,6],[208,6]]},"354":{"position":[[63,6],[212,6]]},"366":{"position":[[536,6],[685,6]]},"372":{"position":[[59,6],[208,6]]},"538":{"position":[[21,8],[61,6],[210,6]]}}}],["v1.8.21",{"_index":954,"t":{"142":{"position":[[2197,7]]}}}],["v1.8.3",{"_index":548,"t":{"82":{"position":[[715,6]]},"84":{"position":[[17,6],[406,6]]},"88":{"position":[[966,6]]},"130":{"position":[[1610,6]]},"134":{"position":[[355,6],[495,6]]},"216":{"position":[[61,6],[201,6]]},"234":{"position":[[70,6],[210,6]]},"272":{"position":[[1111,6],[1251,6]]},"288":{"position":[[69,6],[209,6]]},"320":{"position":[[64,6],[204,6]]},"332":{"position":[[1979,6],[2119,6]]},"366":{"position":[[278,6],[418,6]]},"406":{"position":[[62,6],[202,6]]},"536":{"position":[[21,8],[61,6],[201,6]]}}}],["v1.8.31",{"_index":955,"t":{"142":{"position":[[2205,7]]}}}],["v1.9.0",{"_index":557,"t":{"84":{"position":[[540,6]]},"86":{"position":[[595,6]]},"88":{"position":[[17,6],[735,6]]},"130":{"position":[[1570,6]]},"134":{"position":[[17,6],[175,6]]},"218":{"position":[[2599,6],[2757,6]]},"240":{"position":[[2608,6],[2766,6]]},"276":{"position":[[346,6],[504,6]]},"280":{"position":[[324,6],[482,6]]},"282":{"position":[[1255,6],[1413,6]]},"292":{"position":[[65,6],[223,6]]},"302":{"position":[[66,6],[224,6]]},"314":{"position":[[2602,6],[2760,6]]},"332":{"position":[[1641,6],[1799,6]]},"376":{"position":[[340,6],[498,6]]},"390":{"position":[[2161,6],[2319,6]]},"394":{"position":[[750,6],[908,6]]},"428":{"position":[[734,6],[892,6]]},"436":{"position":[[60,6],[218,6]]},"540":{"position":[[21,8],[61,6],[219,6]]}}}],["v1.9.01",{"_index":956,"t":{"142":{"position":[[2213,7]]}}}],["v1.9.1",{"_index":269,"t":{"28":{"position":[[165,6]]},"86":{"position":[[560,6]]},"90":{"position":[[17,6],[309,6]]},"92":{"position":[[535,6]]},"130":{"position":[[1491,6]]},"132":{"position":[[2304,6],[2428,6]]},"218":{"position":[[2073,6],[2197,6]]},"240":{"position":[[2082,6],[2206,6]]},"282":{"position":[[1035,6],[1159,6]]},"314":{"position":[[2076,6],[2200,6]]},"332":{"position":[[1115,6],[1239,6]]},"390":{"position":[[1941,6],[2065,6]]},"546":{"position":[[21,8],[61,6],[185,6]]}}}],["v1.9.11",{"_index":957,"t":{"142":{"position":[[2221,7]]}}}],["v1.9.2",{"_index":558,"t":{"86":{"position":[[17,6],[389,6]]},"88":{"position":[[931,6]]},"90":{"position":[[456,6]]},"130":{"position":[[1530,6]]},"132":{"position":[[2524,6],[2675,6]]},"218":{"position":[[2293,6],[2444,6]]},"240":{"position":[[2302,6],[2453,6]]},"246":{"position":[[71,6],[222,6]]},"304":{"position":[[66,6],[217,6]]},"314":{"position":[[2296,6],[2447,6]]},"318":{"position":[[65,6],[216,6]]},"324":{"position":[[72,6],[223,6]]},"332":{"position":[[1335,6],[1486,6]]},"432":{"position":[[342,6],[493,6]]},"438":{"position":[[67,6],[218,6]]},"542":{"position":[[21,8],[61,6],[212,6]]}}}],["v1.9.21",{"_index":958,"t":{"142":{"position":[[2229,7]]}}}],["v1.9.3",{"_index":582,"t":{"90":{"position":[[421,6]]},"92":{"position":[[17,6],[390,6]]},"94":{"position":[[489,6]]},"130":{"position":[[1452,6]]},"132":{"position":[[2085,6],[2210,6]]},"218":{"position":[[1854,6],[1979,6]]},"240":{"position":[[1863,6],[1988,6]]},"272":{"position":[[892,6],[1017,6]]},"314":{"position":[[1857,6],[1982,6]]},"332":{"position":[[896,6],[1021,6]]},"366":{"position":[[59,6],[184,6]]},"544":{"position":[[21,8],[61,6],[186,6]]}}}],["v1.9.31",{"_index":959,"t":{"142":{"position":[[2237,7]]}}}],["v1.9.4",{"_index":587,"t":{"92":{"position":[[500,6]]},"94":{"position":[[17,6],[310,6]]},"96":{"position":[[1171,6]]},"130":{"position":[[1413,6]]},"132":{"position":[[1833,6],[1957,6]]},"218":{"position":[[1602,6],[1726,6]]},"240":{"position":[[1611,6],[1735,6]]},"280":{"position":[[72,6],[196,6]]},"282":{"position":[[783,6],[907,6]]},"314":{"position":[[1605,6],[1729,6]]},"332":{"position":[[644,6],[768,6]]},"390":{"position":[[1689,6],[1813,6]]},"394":{"position":[[498,6],[622,6]]},"550":{"position":[[21,8],[61,6],[185,6]]}}}],["v1.9.41",{"_index":960,"t":{"142":{"position":[[2245,7]]}}}],["v1.9.5",{"_index":590,"t":{"94":{"position":[[454,6]]},"96":{"position":[[17,6],[981,6]]},"102":{"position":[[1643,6]]},"130":{"position":[[1374,6]]},"132":{"position":[[1547,6],[1695,6]]},"218":{"position":[[1316,6],[1464,6]]},"240":{"position":[[1325,6],[1473,6]]},"272":{"position":[[606,6],[754,6]]},"282":{"position":[[497,6],[645,6]]},"300":{"position":[[69,6],[217,6]]},"314":{"position":[[1319,6],[1467,6]]},"332":{"position":[[358,6],[506,6]]},"368":{"position":[[2809,6],[2957,6]]},"390":{"position":[[1403,6],[1551,6]]},"434":{"position":[[63,6],[211,6]]},"554":{"position":[[21,8],[61,6],[209,6]]}}}],["v1.9.51",{"_index":961,"t":{"142":{"position":[[2253,7]]}}}],["v2.0.0",{"_index":71,"t":{"2":{"position":[[1578,6],[1741,6]]},"116":{"position":[[17,6],[457,6]]},"118":{"position":[[1277,6]]},"120":{"position":[[678,6]]},"130":{"position":[[2503,6]]},"154":{"position":[[1622,6],[1785,6]]},"228":{"position":[[1631,6],[1794,6]]},"308":{"position":[[672,6],[835,6]]},"310":{"position":[[1625,6],[1788,6]]},"330":{"position":[[413,6],[576,6]]},"336":{"position":[[728,6],[891,6]]},"340":{"position":[[64,6],[227,6]]},"420":{"position":[[62,6],[225,6]]},"548":{"position":[[21,8],[61,6],[224,6]]}}}],["v2.0.01",{"_index":962,"t":{"142":{"position":[[2261,7]]}}}],["v2.1.0",{"_index":62,"t":{"2":{"position":[[1264,6],[1414,6]]},"116":{"position":[[584,6]]},"120":{"position":[[17,6],[463,6]]},"122":{"position":[[595,6]]},"130":{"position":[[2459,6]]},"152":{"position":[[63,6],[213,6]]},"154":{"position":[[1308,6],[1458,6]]},"228":{"position":[[1317,6],[1467,6]]},"308":{"position":[[358,6],[508,6]]},"310":{"position":[[1311,6],[1461,6]]},"336":{"position":[[414,6],[564,6]]},"346":{"position":[[67,6],[217,6]]},"368":{"position":[[1013,6],[1163,6]]},"386":{"position":[[65,6],[215,6]]},"400":{"position":[[356,6],[506,6]]},"412":{"position":[[64,6],[214,6]]},"422":{"position":[[738,6],[888,6]]},"442":{"position":[[61,6],[211,6]]},"552":{"position":[[21,8],[61,6],[211,6]]}}}],["v2.1.01",{"_index":963,"t":{"142":{"position":[[2269,7]]}}}],["v2.2.0",{"_index":56,"t":{"2":{"position":[[971,6],[1137,6]]},"120":{"position":[[643,6]]},"122":{"position":[[17,6],[417,6]]},"126":{"position":[[508,6]]},"130":{"position":[[2418,6]]},"154":{"position":[[1015,6],[1181,6]]},"228":{"position":[[1024,6],[1190,6]]},"308":{"position":[[65,6],[231,6]]},"310":{"position":[[1018,6],[1184,6]]},"342":{"position":[[345,6],[511,6]]},"400":{"position":[[63,6],[229,6]]},"414":{"position":[[413,6],[579,6]]},"418":{"position":[[67,6],[233,6]]},"428":{"position":[[58,6],[224,6]]},"556":{"position":[[21,8],[61,6],[227,6]]}}}],["v2.2.01",{"_index":964,"t":{"142":{"position":[[2277,7]]}}}],["v2.2.1",{"_index":45,"t":{"2":{"position":[[693,6],[885,6]]},"122":{"position":[[560,6]]},"124":{"position":[[1772,6]]},"126":{"position":[[17,6],[361,6]]},"130":{"position":[[2377,6]]},"154":{"position":[[737,6],[929,6]]},"228":{"position":[[746,6],[938,6]]},"310":{"position":[[740,6],[932,6]]},"342":{"position":[[67,6],[259,6]]},"368":{"position":[[735,6],[927,6]]},"558":{"position":[[21,8],[61,6],[253,6]]}}}],["v2.2.11",{"_index":965,"t":{"142":{"position":[[2285,7]]}}}],["v2.x.x",{"_index":78,"t":{"2":{"position":[[1846,6]]},"110":{"position":[[1328,6]]},"116":{"position":[[613,6]]},"118":{"position":[[11,6]]},"130":{"position":[[2541,6]]}}}],["v3.0.0",{"_index":2,"t":{"2":{"position":[[17,6],[223,6],[340,6],[438,6],[553,6]]},"124":{"position":[[17,6],[115,6],[1571,6],[1727,6]]},"126":{"position":[[463,6]]},"128":{"position":[[17,6],[750,6],[883,6]]},"130":{"position":[[2277,6],[2326,6]]},"154":{"position":[[61,6],[267,6],[384,6],[482,6],[597,6]]},"156":{"position":[[63,6],[161,6],[276,6]]},"228":{"position":[[70,6],[276,6],[393,6],[491,6],[606,6]]},"310":{"position":[[64,6],[270,6],[387,6],[485,6],[600,6]]},"330":{"position":[[60,6],[158,6],[273,6]]},"334":{"position":[[60,6],[266,6]]},"336":{"position":[[61,6],[159,6],[274,6]]},"362":{"position":[[62,6],[160,6],[275,6]]},"368":{"position":[[59,6],[265,6],[382,6],[480,6],[595,6]]},"374":{"position":[[60,6],[266,6]]},"390":{"position":[[60,6],[158,6],[273,6]]},"396":{"position":[[69,6],[275,6]]},"414":{"position":[[60,6],[158,6],[273,6]]},"416":{"position":[[61,6],[267,6],[384,6],[482,6],[597,6]]},"422":{"position":[[62,6],[268,6],[385,6],[483,6],[598,6]]},"426":{"position":[[58,6],[156,6],[271,6]]},"562":{"position":[[20,8],[60,6],[266,6],[383,6],[481,6],[596,6]]}}}],["v3.0.02",{"_index":966,"t":{"142":{"position":[[2293,7]]}}}],["v5.1.3",{"_index":496,"t":{"74":{"position":[[693,6]]}}}],["v5.2.3",{"_index":497,"t":{"74":{"position":[[703,6]]}}}],["v6.0.1",{"_index":248,"t":{"18":{"position":[[208,6]]}}}],["v6.0.3",{"_index":249,"t":{"18":{"position":[[218,6]]}}}],["valid",{"_index":301,"t":{"32":{"position":[[275,11]]},"44":{"position":[[362,11]]},"68":{"position":[[294,11]]},"74":{"position":[[262,11]]},"622":{"position":[[8150,12],[8322,11],[13613,11]]},"626":{"position":[[7665,12],[7738,12],[7807,8],[8079,11],[11829,11]]},"628":{"position":[[259,10],[6864,12],[6945,12],[6993,8],[7259,11],[9856,11],[13027,11]]},"630":{"position":[[10896,12],[10972,12],[11043,8],[11315,11],[17841,11]]},"632":{"position":[[4313,6]]},"660":{"position":[[18984,11]]},"662":{"position":[[263,10],[4981,12],[5062,12],[5110,8],[5376,11],[9396,11],[12190,11]]}}}],["valid.modified:not([type=checkbox",{"_index":3353,"t":{"622":{"position":[[8216,36]]},"626":{"position":[[7973,36]]},"628":{"position":[[7153,36],[9750,36]]},"630":{"position":[[11209,36]]},"660":{"position":[[18878,36]]},"662":{"position":[[5270,36],[9290,36]]}}}],["validationmessag",{"_index":3365,"t":{"622":{"position":[[8845,18],[9133,18]]},"626":{"position":[[8545,18],[8908,18],[9234,18]]},"628":{"position":[[7628,18],[7958,18],[10243,18],[10643,18],[11039,18]]},"630":{"position":[[11824,18],[12230,18],[12599,18]]},"660":{"position":[[19552,18],[19856,18],[20123,18]]},"662":{"position":[[5795,18],[6119,18],[6423,18],[6744,18],[7042,18],[9878,18],[10280,18]]}}}],["valu",{"_index":459,"t":{"70":{"position":[[233,5]]},"96":{"position":[[369,5]]},"114":{"position":[[469,5]]},"566":{"position":[[489,5]]},"568":{"position":[[18249,5]]},"576":{"position":[[1392,5]]},"578":{"position":[[2431,6]]},"582":{"position":[[3634,6],[5029,5],[5225,5],[11692,5]]},"588":{"position":[[4428,6],[5798,5],[5994,5]]},"600":{"position":[[15424,5]]},"602":{"position":[[502,5],[1370,5]]},"608":{"position":[[408,5]]},"612":{"position":[[12591,5],[14835,6]]},"614":{"position":[[429,5],[647,5]]},"616":{"position":[[124,6],[2318,5],[2350,5]]},"618":{"position":[[158,6],[308,6],[2066,5],[2098,5]]},"620":{"position":[[375,6],[2202,5],[2234,5],[4770,5]]},"622":{"position":[[1037,5],[1072,6],[1130,5],[1624,6],[6566,6],[13607,5]]},"624":{"position":[[146,6],[1901,5],[1933,5]]},"626":{"position":[[392,6],[1078,5],[1108,6],[1319,6],[3795,5],[3862,6],[3904,6],[3945,6],[3982,6],[9898,6],[9923,6],[9988,6],[10016,6],[11067,6],[11508,6],[11525,6],[11577,8]]},"628":{"position":[[431,6],[998,5],[1028,6],[1330,6],[3324,5],[3391,6],[3433,6],[3474,6],[3511,6],[9080,6]]},"630":{"position":[[386,6],[1309,5],[1590,5],[1620,6],[1837,6],[4610,5],[4815,6],[5328,6],[5678,5],[5869,6],[7702,5],[7769,6],[7811,6],[7852,6],[7889,6],[13263,6],[13288,6],[13353,6],[13381,6],[14347,7],[16903,6],[17346,6],[17363,6],[17415,8],[17861,6]]},"632":{"position":[[293,5],[362,5],[431,5],[537,5],[567,5],[819,6],[952,5],[983,6],[3640,5],[3707,5],[3778,6],[3820,6],[3865,6],[3902,6],[4232,5],[4259,6],[5277,7],[5913,5],[5950,5],[5990,5],[6037,5],[6075,5],[6260,6]]},"634":{"position":[[411,5],[445,6],[2741,6],[2758,6],[2825,8]]},"636":{"position":[[6240,5]]},"638":{"position":[[6021,5]]},"640":{"position":[[6764,5]]},"650":{"position":[[5664,5]]},"660":{"position":[[20819,6],[20844,6],[20909,6],[20937,6]]},"662":{"position":[[435,6],[942,5],[972,6],[1274,6],[2496,5],[2563,6],[2605,6],[2646,6],[2683,6],[8635,6]]},"664":{"position":[[24237,5]]},"668":{"position":[[297,5],[2745,5],[5031,6],[60914,6],[79720,7]]}}}],["value=\"@amount",{"_index":3441,"t":{"626":{"position":[[1522,15],[1954,15],[4086,15],[4580,15],[5434,15],[6114,15],[6515,15],[7273,15]]},"630":{"position":[[6236,15],[7995,15],[8565,15],[9301,15],[9732,15],[10496,15]]}}}],["value=\"@amount1",{"_index":3676,"t":{"630":{"position":[[2001,16],[2317,16],[4709,16],[5197,16],[5750,16],[14467,16]]}}}],["value=\"@amount2",{"_index":3450,"t":{"626":{"position":[[2132,16],[4879,16],[5664,16]]},"630":{"position":[[2543,16],[6368,16],[8823,16],[14697,16]]}}}],["value=\"@amount3",{"_index":3453,"t":{"626":{"position":[[2314,16]]},"630":{"position":[[2769,16],[6503,16],[14927,16]]}}}],["value=\"@amount4",{"_index":3455,"t":{"626":{"position":[[2498,16]]},"630":{"position":[[2995,16],[6640,16],[15157,16]]}}}],["value=\"@amount5",{"_index":3458,"t":{"626":{"position":[[2682,16]]},"630":{"position":[[3221,16],[6777,16],[15387,16]]}}}],["value=\"@amount6",{"_index":3460,"t":{"626":{"position":[[2868,16]]},"630":{"position":[[3447,16],[6916,16],[15617,16]]}}}],["value=\"@amount7",{"_index":3463,"t":{"626":{"position":[[3054,16]]},"630":{"position":[[3673,16],[7055,16],[15847,16]]}}}],["value=\"@amount8",{"_index":3465,"t":{"626":{"position":[[3242,16]]},"630":{"position":[[3899,16],[7196,16],[16077,16]]}}}],["value=\"@amount9",{"_index":3703,"t":{"630":{"position":[[4125,16],[16307,16]]}}}],["value=\"@context.isact",{"_index":5059,"t":{"668":{"position":[[79438,25]]}}}],["value=\"@date1",{"_index":3557,"t":{"628":{"position":[[1547,14],[2156,14],[3625,14],[5595,14],[6393,14]]},"662":{"position":[[1491,14]]}}}],["value=\"@date2",{"_index":3563,"t":{"628":{"position":[[2360,14],[3953,14]]}}}],["value=\"@date3",{"_index":3567,"t":{"628":{"position":[[2562,14],[4279,14]]}}}],["value=\"@date4",{"_index":3570,"t":{"628":{"position":[[2766,14],[4607,14]]}}}],["value=\"@time1",{"_index":4158,"t":{"662":{"position":[[1890,14],[2797,14],[3764,14],[4535,14]]}}}],["value=\"@time2",{"_index":4161,"t":{"662":{"position":[[2069,14],[3100,14]]}}}],["value=\"agre",{"_index":3782,"t":{"634":{"position":[[1114,13],[1819,13],[2298,13],[2486,13]]}}}],["value=\"agree1",{"_index":3771,"t":{"634":{"position":[[731,14]]}}}],["value=\"agree2",{"_index":3773,"t":{"634":{"position":[[801,14]]}}}],["value=\"amount",{"_index":3740,"t":{"632":{"position":[[2192,14],[2944,14]]}}}],["value=\"amount1",{"_index":3729,"t":{"632":{"position":[[1051,15],[1182,15],[3975,15],[4386,15],[5320,15]]}}}],["value=\"amount2",{"_index":3733,"t":{"632":{"position":[[1386,15],[4590,15]]}}}],["value=\"amount3",{"_index":3735,"t":{"632":{"position":[[1591,15],[4804,15]]}}}],["value=\"amount4",{"_index":3737,"t":{"632":{"position":[[1797,15],[5020,15]]}}}],["value=\"customeraddress.address",{"_index":3371,"t":{"622":{"position":[[9098,31]]}}}],["value=\"customeraddress.customernam",{"_index":3364,"t":{"622":{"position":[[8621,36]]}}}],["value=\"customernam",{"_index":3271,"t":{"622":{"position":[[2217,20],[4044,20],[5675,20],[6644,20],[10637,20],[12196,20]]}}}],["value=\"date1",{"_index":3622,"t":{"628":{"position":[[9135,13]]}}}],["value=\"flightform.arrivald",{"_index":4189,"t":{"662":{"position":[[6710,30]]}}}],["value=\"flightform.arrivaltim",{"_index":4191,"t":{"662":{"position":[[7008,30],[10168,30]]}}}],["value=\"flightform.departured",{"_index":4184,"t":{"662":{"position":[[6083,32]]}}}],["value=\"flightform.departuretim",{"_index":4186,"t":{"662":{"position":[[6387,32],[9739,32]]}}}],["value=\"flightform.flightnumb",{"_index":4180,"t":{"662":{"position":[[5726,31]]}}}],["value=\"invoice.customernam",{"_index":3617,"t":{"628":{"position":[[7892,28]]}}}],["value=\"invoice.discount",{"_index":3507,"t":{"626":{"position":[[8761,24]]},"630":{"position":[[12042,24]]},"660":{"position":[[19709,24]]}}}],["value=\"invoice.invoiced",{"_index":3614,"t":{"628":{"position":[[7597,27]]}}}],["value=\"invoice.pric",{"_index":3502,"t":{"626":{"position":[[8410,21]]},"630":{"position":[[11648,21]]},"660":{"position":[[19417,21]]}}}],["value=\"invoice.tot",{"_index":3512,"t":{"626":{"position":[[9167,21]]},"630":{"position":[[12491,21]]},"660":{"position":[[20056,21]]}}}],["value=\"isallcheck",{"_index":5058,"t":{"668":{"position":[[79368,20]]}}}],["value=\"onlinecourseform.coursenam",{"_index":3631,"t":{"628":{"position":[[10204,35]]}}}],["value=\"onlinecourseform.endd",{"_index":3639,"t":{"628":{"position":[[10927,32]]}}}],["value=\"onlinecourseform.startd",{"_index":3634,"t":{"628":{"position":[[10504,34]]}}}],["value=\"pric",{"_index":3539,"t":{"626":{"position":[[11246,13]]},"630":{"position":[[17084,13]]}}}],["value=\"temperature1",{"_index":3756,"t":{"632":{"position":[[5606,20]]}}}],["value=\"time1",{"_index":4202,"t":{"662":{"position":[[8690,13]]}}}],["valuechang",{"_index":356,"t":{"44":{"position":[[382,12]]},"68":{"position":[[306,12]]},"74":{"position":[[274,12]]},"622":{"position":[[1545,12]]},"626":{"position":[[1236,12],[10983,13],[11849,12]]},"628":{"position":[[1249,12],[8988,13],[13047,12]]},"630":{"position":[[1752,12],[16817,13],[17876,12]]},"632":{"position":[[755,12]]},"634":{"position":[[623,12],[2412,13],[3026,12]]},"662":{"position":[[1193,12],[8543,13],[12210,12]]}}}],["valuechanged=\"(valu",{"_index":3504,"t":{"626":{"position":[[8470,21],[8827,21],[11290,21]]},"628":{"position":[[9179,21],[10590,21]]},"630":{"position":[[11749,21],[12149,21],[17128,21]]},"660":{"position":[[19477,21],[19775,21]]},"662":{"position":[[8734,21],[9821,21]]}}}],["valuechanged=\"switchchang",{"_index":3791,"t":{"634":{"position":[[2568,28]]}}}],["valueexpress",{"_index":3262,"t":{"622":{"position":[[1085,15]]},"626":{"position":[[8432,19],[8786,19],[11260,19]]},"628":{"position":[[1041,15],[9149,19],[10539,19]]},"630":{"position":[[11711,19],[12108,19],[17098,19]]},"634":{"position":[[2538,19]]},"660":{"position":[[19439,19],[19734,19]]},"662":{"position":[[985,15],[8704,19],[9772,19]]}}}],["valuetask",{"_index":4315,"t":{"668":{"position":[[4191,9]]}}}],["van",{"_index":5104,"t":{"668":{"position":[[119760,3]]}}}],["var",{"_index":1560,"t":{"576":{"position":[[4389,4]]},"578":{"position":[[1795,3],[2768,3],[2854,3],[4298,3],[4462,3],[5492,3],[5548,3],[6164,3],[6656,3],[6720,3],[7280,3],[7352,3],[7921,3],[8014,3],[8624,3]]},"582":{"position":[[3892,3],[5642,3]]},"588":{"position":[[4660,3],[6349,3]]},"602":{"position":[[2655,3],[4015,3],[4294,3],[4616,3],[4947,3],[6509,3],[6788,3],[7067,3],[9241,3],[9520,3],[9842,3],[9883,3],[10100,3],[10141,3],[11509,3],[12322,3],[13351,3]]},"606":{"position":[[7539,3]]},"612":{"position":[[12982,4],[14036,4],[14532,3],[14561,3],[15066,4],[15784,3],[15853,3]]},"616":{"position":[[6450,3],[6503,4],[6658,3],[6698,3],[6736,4],[7094,3],[7357,3],[7407,4],[8029,3],[8075,4],[8244,3],[8616,3],[8651,4],[8808,3],[8845,4],[9341,3],[9414,3],[9456,3],[10739,3],[10790,3],[10863,3],[10905,3],[11178,3],[11449,3],[12967,3],[13018,3],[13091,3],[13133,3],[13406,3],[13677,3],[15065,3],[15116,3],[15189,3],[15231,3],[15504,3],[15775,3]]},"618":{"position":[[5526,3],[5579,4],[5754,3],[5799,3],[5837,4],[6185,3],[6467,3],[6517,4],[6947,3],[6993,4],[7359,3],[7394,4],[7545,3],[7582,4],[7755,3],[7792,4],[8606,3],[8657,3],[8813,3],[8855,3],[9399,3],[9941,3],[12734,3],[12779,3],[12809,4],[12984,3],[13029,3],[13067,4],[13472,3],[13522,4],[13952,3],[13998,4],[14051,3],[14558,3],[14593,4],[14744,3],[14781,4],[14954,3],[14991,4]]},"620":{"position":[[8339,3],[8392,4],[8551,3],[8592,3],[8630,4],[8959,3],[9194,3],[9244,4],[9879,3],[9925,4],[10097,3],[10661,3],[10696,4],[10853,3],[10890,4],[11434,3],[11485,3],[11641,3],[11683,3],[12227,3],[12769,3],[14295,3],[14346,3],[14502,3],[14544,3],[15153,3],[15760,3]]},"622":{"position":[[6127,3],[9910,3],[11387,3],[12881,3]]},"624":{"position":[[5184,3],[5237,4],[5392,3],[5432,3],[5470,4],[5798,3],[6065,3],[6115,4],[6516,3],[6562,4],[6913,3],[6948,4],[7099,3],[7136,4],[7309,3],[7346,4],[9098,3],[9151,4],[9306,3],[9346,3],[9384,4],[9744,3],[9794,4],[10195,3],[10241,4],[10294,3],[10784,3],[10819,4],[10970,3],[11007,4],[11180,3],[11217,4],[13685,3],[13731,4],[14082,3],[14117,4],[14268,3],[14305,4],[14478,3],[14515,4]]},"626":{"position":[[10075,3],[10137,3]]},"628":{"position":[[12236,3]]},"630":{"position":[[13440,3],[13502,3]]},"636":{"position":[[5824,3],[6078,3]]},"638":{"position":[[5557,3],[5792,3],[6953,3]]},"640":{"position":[[6348,3],[6602,3]]},"642":{"position":[[5580,3]]},"644":{"position":[[5741,3]]},"650":{"position":[[5278,3],[5474,3]]},"656":{"position":[[5626,3]]},"658":{"position":[[1966,3],[3149,3],[3925,3],[4322,3],[4755,3],[5435,3],[5648,3]]},"660":{"position":[[20996,3],[21058,3]]},"662":{"position":[[7685,3],[11509,3]]},"668":{"position":[[18467,4],[32685,3],[61186,3],[61342,3],[63312,4],[67530,3],[67797,3],[82729,4],[85755,4],[89250,4],[93410,4],[120727,3],[129596,3],[132249,3],[134939,3],[137744,3]]}}}],["vari",{"_index":3551,"t":{"628":{"position":[[1388,6]]},"662":{"position":[[1332,6]]}}}],["variabl",{"_index":1193,"t":{"568":{"position":[[2732,10],[3283,10],[3833,10],[4596,10],[5221,10],[5844,10],[6586,10],[7137,10],[7687,10],[8388,10],[8953,10],[9503,10],[10218,10],[10769,10],[11319,10],[12398,10],[12961,10],[13523,10],[14081,10],[14629,10],[15189,10],[18715,10],[19266,10],[19816,10],[21100,10],[21673,10],[22245,10]]},"620":{"position":[[289,9],[353,9]]},"664":{"position":[[18572,10]]},"668":{"position":[[67627,8],[68371,9],[68400,8],[91758,9],[92035,9]]}}}],["variant",{"_index":1667,"t":{"580":{"position":[[134,8]]}}}],["varieti",{"_index":1669,"t":{"580":{"position":[[270,7],[3156,7]]}}}],["variou",{"_index":3267,"t":{"622":{"position":[[1752,7]]},"628":{"position":[[1921,7]]}}}],["variu",{"_index":1970,"t":{"582":{"position":[[10330,7],[14571,7],[18712,7]]}}}],["vehicula",{"_index":1913,"t":{"582":{"position":[[8400,9],[12641,9],[16782,9]]}}}],["vel",{"_index":1917,"t":{"582":{"position":[[8469,3],[8600,3],[9615,3],[10834,4],[11071,4],[11175,3],[12710,3],[12841,3],[13856,3],[15075,4],[15312,4],[15416,3],[16851,3],[16982,3],[17997,3],[19216,4],[19453,4],[19557,3]]}}}],["velit",{"_index":1892,"t":{"582":{"position":[[8119,6],[8545,5],[10928,5],[12360,6],[12786,5],[15169,5],[16501,6],[16927,5],[19310,5]]}}}],["veri",{"_index":2687,"t":{"606":{"position":[[1786,4]]},"632":{"position":[[5899,5]]}}}],["verifi",{"_index":117,"t":{"2":{"position":[[2582,6]]},"118":{"position":[[747,6]]},"578":{"position":[[131,6]]},"668":{"position":[[143743,8],[146645,8]]}}}],["verificationpend",{"_index":5187,"t":{"668":{"position":[[143722,20],[146624,20]]}}}],["versa",{"_index":2554,"t":{"602":{"position":[[2987,6]]}}}],["version",{"_index":16,"t":{"2":{"position":[[109,7],[430,7],[777,7],[1982,7],[2014,7],[2103,7],[2159,7],[2976,7],[3171,7]]},"18":{"position":[[187,7]]},"44":{"position":[[114,8]]},"74":{"position":[[680,7]]},"86":{"position":[[294,7]]},"110":{"position":[[102,7],[974,7]]},"118":{"position":[[147,7],[179,7],[268,7],[324,7],[1141,7]]},"124":{"position":[[107,7]]},"126":{"position":[[101,7]]},"128":{"position":[[109,7]]},"138":{"position":[[833,8]]},"148":{"position":[[151,7]]},"150":{"position":[[144,7]]},"154":{"position":[[153,7],[474,7],[821,7],[1981,7]]},"156":{"position":[[153,7]]},"162":{"position":[[1474,8]]},"180":{"position":[[171,8]]},"184":{"position":[[164,8]]},"188":{"position":[[171,8]]},"206":{"position":[[163,8]]},"220":{"position":[[471,8]]},"228":{"position":[[162,7],[483,7],[830,7],[1990,7]]},"238":{"position":[[480,8]]},"308":{"position":[[1031,7]]},"310":{"position":[[156,7],[477,7],[824,7],[1984,7]]},"330":{"position":[[150,7]]},"334":{"position":[[152,7]]},"336":{"position":[[151,7]]},"342":{"position":[[151,7]]},"360":{"position":[[143,7]]},"362":{"position":[[152,7]]},"368":{"position":[[151,7],[472,7],[819,7],[1412,7]]},"372":{"position":[[456,8]]},"374":{"position":[[152,7]]},"380":{"position":[[164,8]]},"390":{"position":[[150,7]]},"396":{"position":[[161,7]]},"400":{"position":[[755,7]]},"410":{"position":[[152,7]]},"412":{"position":[[463,7]]},"414":{"position":[[150,7]]},"416":{"position":[[153,7],[474,7]]},"422":{"position":[[154,7],[475,7]]},"426":{"position":[[148,7]]},"428":{"position":[[436,7]]},"478":{"position":[[158,8]]},"494":{"position":[[147,7]]},"558":{"position":[[145,7]]},"560":{"position":[[254,7]]},"562":{"position":[[152,7],[473,7]]},"564":{"position":[[240,7],[517,7],[627,7]]},"566":{"position":[[200,7]]},"568":{"position":[[201,7],[578,7],[1409,7],[1917,7]]},"570":{"position":[[558,9]]},"572":{"position":[[171,7]]},"574":{"position":[[225,7],[1611,7]]},"576":{"position":[[205,7],[538,7],[735,7]]},"578":{"position":[[203,7],[735,7]]},"580":{"position":[[424,7],[761,7],[942,7],[1122,7],[1303,7],[1556,7],[1992,7],[2248,7],[2428,7]]},"582":{"position":[[232,7],[1364,7]]},"586":{"position":[[250,7],[535,7]]},"588":{"position":[[231,7],[1816,7]]},"590":{"position":[[222,7]]},"592":{"position":[[453,7],[689,7]]},"594":{"position":[[213,7],[541,7]]},"596":{"position":[[267,7],[579,7]]},"598":{"position":[[187,7],[435,7],[904,7],[1090,7],[1344,7],[2351,7],[2919,7],[3433,7]]},"600":{"position":[[261,7],[855,7],[1018,7]]},"602":{"position":[[456,7],[2005,7]]},"604":{"position":[[202,7]]},"606":{"position":[[647,7],[1176,7]]},"608":{"position":[[187,7]]},"610":{"position":[[437,7],[1365,7],[3806,7]]},"612":{"position":[[174,7],[457,7],[1141,7],[1583,7],[2076,7]]},"614":{"position":[[252,7]]},"616":{"position":[[294,7],[628,7],[1425,7],[1688,7],[3379,7],[3618,7]]},"618":{"position":[[390,7],[724,7],[1521,7],[1794,7],[2993,7],[3250,7]]},"620":{"position":[[439,7],[773,7],[1570,7],[1835,7],[5344,7],[5583,7]]},"622":{"position":[[288,7],[1194,7],[1439,7],[1791,7]]},"624":{"position":[[235,7],[569,7],[1366,7],[1629,7],[2726,7],[2973,7]]},"626":{"position":[[250,7]]},"628":{"position":[[363,7],[1148,7]]},"630":{"position":[[242,7]]},"632":{"position":[[189,7],[632,7],[747,7],[899,7]]},"634":{"position":[[212,7],[502,7],[615,7]]},"636":{"position":[[357,7]]},"638":{"position":[[370,7],[3013,7]]},"640":{"position":[[357,7]]},"642":{"position":[[367,7]]},"644":{"position":[[367,7]]},"646":{"position":[[375,7]]},"648":{"position":[[375,7]]},"650":{"position":[[415,7]]},"656":{"position":[[367,7]]},"660":{"position":[[301,7],[1093,7],[1361,7],[1731,7],[2021,7],[2204,7],[2833,7],[3200,7]]},"662":{"position":[[367,7],[1092,7]]},"664":{"position":[[269,7],[882,7],[1041,7],[11258,8]]},"666":{"position":[[258,7],[555,7]]},"668":{"position":[[247,7],[3391,7],[4011,7],[4324,7],[7146,7]]}}}],["vertic",{"_index":709,"t":{"110":{"position":[[818,8],[837,8],[861,8]]},"568":{"position":[[57,10]]},"578":{"position":[[1145,10],[6947,10],[7017,10],[7158,10],[7799,10],[9102,10]]},"588":{"position":[[1272,10],[9784,10],[9840,10],[9963,10],[10470,10],[15470,10],[15490,10]]},"612":{"position":[[7374,9],[7402,10],[8054,8],[8660,8],[16315,8],[16324,8],[16339,8]]},"616":{"position":[[134,8],[3681,8]]},"620":{"position":[[5646,8],[7496,8]]},"658":{"position":[[2148,10],[5904,10]]}}}],["vestibulum",{"_index":1900,"t":{"582":{"position":[[8198,11],[9207,10],[9428,10],[10173,10],[10656,10],[10720,10],[11128,10],[12439,11],[13448,10],[13669,10],[14414,10],[14897,10],[14961,10],[15369,10],[16580,11],[17589,10],[17810,10],[18555,10],[19038,10],[19102,10],[19510,10]]}}}],["via",{"_index":1004,"t":{"560":{"position":[[1686,3]]},"568":{"position":[[2642,3],[3193,3],[3743,3],[4506,3],[5131,3],[5754,3],[6496,3],[7047,3],[7597,3],[8298,3],[8863,3],[9413,3],[10128,3],[10679,3],[11229,3],[12308,3],[12871,3],[13433,3],[13991,3],[14539,3],[15099,3],[18625,3],[19176,3],[19726,3],[21010,3],[21583,3],[22155,3]]}}}],["vice",{"_index":2553,"t":{"602":{"position":[[2982,4]]}}}],["view",{"_index":687,"t":{"110":{"position":[[296,4]]},"128":{"position":[[311,4]]},"146":{"position":[[29,4]]},"148":{"position":[[35,4]]},"150":{"position":[[28,4]]},"152":{"position":[[32,4]]},"154":{"position":[[30,4]]},"156":{"position":[[32,4]]},"158":{"position":[[43,4]]},"160":{"position":[[40,4]]},"162":{"position":[[39,4]]},"164":{"position":[[44,4]]},"166":{"position":[[37,4]]},"168":{"position":[[45,4]]},"170":{"position":[[36,4]]},"172":{"position":[[34,4]]},"174":{"position":[[45,4]]},"176":{"position":[[42,4]]},"178":{"position":[[43,4]]},"180":{"position":[[43,4]]},"182":{"position":[[45,4]]},"184":{"position":[[36,4]]},"186":{"position":[[37,4]]},"188":{"position":[[43,4]]},"190":{"position":[[41,4]]},"192":{"position":[[40,4]]},"194":{"position":[[40,4]]},"196":{"position":[[39,4]]},"198":{"position":[[37,4]]},"200":{"position":[[40,4]]},"202":{"position":[[37,4]]},"204":{"position":[[48,4]]},"206":{"position":[[35,4]]},"208":{"position":[[43,4]]},"210":{"position":[[40,4]]},"212":{"position":[[36,4]]},"214":{"position":[[36,4]]},"216":{"position":[[30,4]]},"218":{"position":[[30,4]]},"220":{"position":[[30,4]]},"222":{"position":[[30,4]]},"224":{"position":[[41,4]]},"226":{"position":[[39,4]]},"228":{"position":[[39,4]]},"230":{"position":[[35,4]]},"232":{"position":[[57,4]]},"234":{"position":[[39,4]]},"236":{"position":[[39,4]]},"238":{"position":[[39,4]]},"240":{"position":[[39,4]]},"242":{"position":[[39,4]]},"244":{"position":[[39,4]]},"246":{"position":[[40,4]]},"248":{"position":[[35,4]]},"250":{"position":[[36,4]]},"252":{"position":[[35,4]]},"254":{"position":[[43,4]]},"256":{"position":[[38,4]]},"258":{"position":[[42,4]]},"260":{"position":[[42,4]]},"262":{"position":[[34,4]]},"264":{"position":[[36,4]]},"266":{"position":[[38,4]]},"268":{"position":[[38,4]]},"270":{"position":[[39,4]]},"272":{"position":[[34,4]]},"274":{"position":[[34,4]]},"276":{"position":[[33,4]]},"278":{"position":[[36,4]]},"280":{"position":[[41,4]]},"282":{"position":[[34,4]]},"284":{"position":[[38,4]]},"286":{"position":[[36,4]]},"288":{"position":[[38,4]]},"290":{"position":[[35,4]]},"292":{"position":[[34,4]]},"294":{"position":[[41,4]]},"296":{"position":[[34,4]]},"298":{"position":[[40,4]]},"300":{"position":[[38,4]]},"302":{"position":[[35,4]]},"304":{"position":[[35,4]]},"306":{"position":[[36,4]]},"308":{"position":[[34,4]]},"310":{"position":[[33,4]]},"312":{"position":[[34,4]]},"314":{"position":[[33,4]]},"316":{"position":[[34,4]]},"318":{"position":[[34,4]]},"320":{"position":[[33,4]]},"322":{"position":[[33,4]]},"324":{"position":[[41,4]]},"326":{"position":[[29,4]]},"328":{"position":[[30,4]]},"330":{"position":[[29,4]]},"332":{"position":[[34,4]]},"334":{"position":[[29,4]]},"336":{"position":[[30,4]]},"338":{"position":[[32,4]]},"340":{"position":[[33,4]]},"342":{"position":[[36,4]]},"344":{"position":[[38,4]]},"346":{"position":[[36,4]]},"348":{"position":[[36,4]]},"350":{"position":[[32,4]]},"352":{"position":[[28,4]]},"354":{"position":[[32,4]]},"356":{"position":[[33,4]]},"358":{"position":[[30,4]]},"360":{"position":[[27,4]]},"362":{"position":[[31,4]]},"364":{"position":[[28,4]]},"366":{"position":[[28,4]]},"368":{"position":[[28,4]]},"370":{"position":[[29,4]]},"372":{"position":[[28,4]]},"374":{"position":[[29,4]]},"376":{"position":[[27,4]]},"378":{"position":[[30,4]]},"380":{"position":[[36,4]]},"382":{"position":[[32,4]]},"384":{"position":[[34,4]]},"386":{"position":[[34,4]]},"388":{"position":[[29,4]]},"390":{"position":[[29,4]]},"392":{"position":[[34,4]]},"394":{"position":[[35,4]]},"396":{"position":[[38,4]]},"398":{"position":[[32,4]]},"400":{"position":[[32,4]]},"402":{"position":[[31,4]]},"404":{"position":[[35,4]]},"406":{"position":[[31,4]]},"408":{"position":[[36,4]]},"410":{"position":[[36,4]]},"412":{"position":[[33,4]]},"414":{"position":[[29,4]]},"416":{"position":[[30,4]]},"418":{"position":[[36,4]]},"420":{"position":[[31,4]]},"422":{"position":[[31,4]]},"424":{"position":[[29,4]]},"426":{"position":[[27,4]]},"428":{"position":[[27,4]]},"430":{"position":[[34,4]]},"432":{"position":[[28,4]]},"434":{"position":[[32,4]]},"436":{"position":[[29,4]]},"438":{"position":[[36,4]]},"440":{"position":[[30,4]]},"442":{"position":[[30,4]]},"444":{"position":[[30,4]]},"446":{"position":[[30,4]]},"448":{"position":[[30,4]]},"450":{"position":[[30,4]]},"452":{"position":[[30,4]]},"454":{"position":[[30,4]]},"456":{"position":[[30,4]]},"458":{"position":[[30,4]]},"460":{"position":[[30,4]]},"462":{"position":[[30,4]]},"464":{"position":[[30,4]]},"466":{"position":[[30,4]]},"468":{"position":[[30,4]]},"470":{"position":[[30,4]]},"472":{"position":[[30,4]]},"474":{"position":[[30,4]]},"476":{"position":[[30,4]]},"478":{"position":[[30,4]]},"480":{"position":[[30,4]]},"482":{"position":[[30,4]]},"484":{"position":[[30,4]]},"486":{"position":[[31,4]]},"488":{"position":[[31,4]]},"490":{"position":[[31,4]]},"492":{"position":[[31,4]]},"494":{"position":[[31,4]]},"496":{"position":[[31,4]]},"498":{"position":[[31,4]]},"500":{"position":[[30,4]]},"502":{"position":[[31,4]]},"504":{"position":[[30,4]]},"506":{"position":[[30,4]]},"508":{"position":[[30,4]]},"510":{"position":[[30,4]]},"512":{"position":[[30,4]]},"514":{"position":[[30,4]]},"516":{"position":[[30,4]]},"518":{"position":[[30,4]]},"520":{"position":[[30,4]]},"522":{"position":[[30,4]]},"524":{"position":[[30,4]]},"526":{"position":[[30,4]]},"528":{"position":[[30,4]]},"530":{"position":[[30,4]]},"532":{"position":[[30,4]]},"534":{"position":[[30,4]]},"536":{"position":[[30,4]]},"538":{"position":[[30,4]]},"540":{"position":[[30,4]]},"542":{"position":[[30,4]]},"544":{"position":[[30,4]]},"546":{"position":[[30,4]]},"548":{"position":[[30,4]]},"550":{"position":[[30,4]]},"552":{"position":[[30,4]]},"554":{"position":[[30,4]]},"556":{"position":[[30,4]]},"558":{"position":[[30,4]]},"562":{"position":[[29,4]]},"584":{"position":[[30,4]]},"666":{"position":[[101,4]]},"668":{"position":[[338,4],[146679,5],[146702,5],[149110,5],[149137,5],[153411,4]]}}}],["viewbox=\"0",{"_index":4566,"t":{"668":{"position":[[51969,10]]}}}],["viewer",{"_index":144,"t":{"2":{"position":[[3205,7],[3572,6]]},"110":{"position":[[136,7],[263,6]]},"112":{"position":[[120,6],[207,6],[228,6]]},"148":{"position":[[185,7]]},"150":{"position":[[178,7]]},"154":{"position":[[2015,7],[2382,6]]},"228":{"position":[[2024,7],[2391,6]]},"308":{"position":[[1065,7],[1432,6]]},"310":{"position":[[2018,7],[2385,6]]},"360":{"position":[[177,7]]},"368":{"position":[[1446,7]]},"400":{"position":[[789,7],[1156,6]]},"410":{"position":[[186,7]]},"412":{"position":[[497,7]]},"428":{"position":[[470,7]]},"494":{"position":[[181,7]]},"502":{"position":[[165,6]]},"586":{"position":[[3518,6]]},"590":{"position":[[3400,6]]},"666":{"position":[[15,6],[46,6],[68,6],[362,7],[457,6],[2256,6]]}}}],["viewport",{"_index":1645,"t":{"578":{"position":[[4845,10],[5855,8]]},"582":{"position":[[2520,9]]},"588":{"position":[[8673,8],[9191,9],[10948,9],[11696,10]]}}}],["vijay",{"_index":5153,"t":{"668":{"position":[[127236,8],[143441,8],[146313,8]]}}}],["vijaya",{"_index":3321,"t":{"622":{"position":[[3341,7],[5212,7],[7837,7]]}}}],["vikram",{"_index":11,"t":{"2":{"position":[[62,6],[383,6],[730,6],[1008,6],[1301,6],[1618,6],[1886,6],[3124,6],[3509,6],[3724,6]]},"4":{"position":[[55,6]]},"6":{"position":[[56,6]]},"8":{"position":[[56,6]]},"10":{"position":[[56,6]]},"12":{"position":[[56,6]]},"14":{"position":[[56,6]]},"16":{"position":[[55,6]]},"18":{"position":[[53,6]]},"20":{"position":[[56,6]]},"22":{"position":[[52,6]]},"24":{"position":[[52,6]]},"26":{"position":[[53,6]]},"28":{"position":[[54,6]]},"30":{"position":[[54,6]]},"32":{"position":[[56,6]]},"34":{"position":[[57,6]]},"36":{"position":[[57,6]]},"38":{"position":[[56,6]]},"40":{"position":[[55,6]]},"42":{"position":[[56,6]]},"44":{"position":[[57,6]]},"46":{"position":[[57,6]]},"48":{"position":[[57,6]]},"50":{"position":[[57,6]]},"52":{"position":[[57,6]]},"54":{"position":[[56,6]]},"56":{"position":[[56,6]]},"58":{"position":[[57,6]]},"60":{"position":[[56,6]]},"62":{"position":[[56,6]]},"64":{"position":[[57,6]]},"66":{"position":[[57,6]]},"68":{"position":[[53,6]]},"70":{"position":[[54,6]]},"72":{"position":[[54,6]]},"74":{"position":[[54,6]]},"76":{"position":[[54,6]]},"78":{"position":[[54,6]]},"80":{"position":[[50,6]]},"82":{"position":[[53,6]]},"84":{"position":[[53,6]]},"86":{"position":[[52,6]]},"88":{"position":[[53,6]]},"90":{"position":[[52,6]]},"92":{"position":[[52,6]]},"94":{"position":[[52,6]]},"96":{"position":[[53,6]]},"98":{"position":[[52,6]]},"100":{"position":[[56,6]]},"102":{"position":[[54,6]]},"104":{"position":[[59,6]]},"106":{"position":[[57,6]]},"108":{"position":[[58,6]]},"110":{"position":[[55,6]]},"112":{"position":[[57,6]]},"114":{"position":[[56,6]]},"116":{"position":[[57,6]]},"118":{"position":[[51,6]]},"120":{"position":[[54,6]]},"122":{"position":[[54,6]]},"124":{"position":[[60,6]]},"126":{"position":[[54,6]]},"128":{"position":[[62,6]]},"132":{"position":[[58,6],[332,6],[616,6],[1045,6],[1291,6],[1583,6],[1868,6],[2120,6],[2339,6],[2559,6]]},"134":{"position":[[53,6],[391,6],[649,6],[948,6],[1200,6],[1636,6],[1881,6],[2129,6],[2399,6],[2733,6]]},"136":{"position":[[53,6],[400,6],[648,6],[897,6],[1146,6],[1595,6],[1905,6],[2174,6],[2463,6],[2722,6]]},"138":{"position":[[57,6],[463,6],[776,6],[1116,6],[1431,6],[1693,6],[1964,6],[2238,6],[2436,6],[2640,6]]},"140":{"position":[[54,6],[238,6],[435,6],[630,6],[828,6],[1029,6],[1259,6],[1461,6],[1690,6],[1860,6]]},"144":{"position":[[55,6],[246,6],[440,6]]},"146":{"position":[[99,6]]},"148":{"position":[[104,6],[491,6],[914,6],[1350,6],[1622,6],[2072,6],[2361,6],[2635,6],[2833,6]]},"150":{"position":[[97,6],[479,6]]},"152":{"position":[[100,6]]},"154":{"position":[[106,6],[427,6],[774,6],[1052,6],[1345,6],[1662,6],[1934,6],[2319,6],[2534,6],[2819,6]]},"156":{"position":[[106,6],[455,6],[736,6]]},"158":{"position":[[113,6]]},"160":{"position":[[109,6]]},"162":{"position":[[110,6],[369,6],[698,6],[1104,6],[1417,6]]},"164":{"position":[[115,6],[521,6]]},"166":{"position":[[106,6]]},"168":{"position":[[116,6]]},"170":{"position":[[107,6],[513,6]]},"172":{"position":[[105,6],[354,6],[603,6]]},"174":{"position":[[114,6]]},"176":{"position":[[112,6]]},"178":{"position":[[113,6]]},"180":{"position":[[114,6]]},"182":{"position":[[115,6]]},"184":{"position":[[107,6]]},"186":{"position":[[108,6]]},"188":{"position":[[114,6]]},"190":{"position":[[110,6]]},"192":{"position":[[111,6]]},"194":{"position":[[109,6]]},"196":{"position":[[109,6]]},"198":{"position":[[108,6],[514,6]]},"200":{"position":[[111,6]]},"202":{"position":[[108,6],[514,6]]},"204":{"position":[[118,6]]},"206":{"position":[[106,6]]},"208":{"position":[[113,6]]},"210":{"position":[[110,6]]},"212":{"position":[[107,6]]},"214":{"position":[[107,6],[354,6]]},"216":{"position":[[97,6],[355,6],[654,6],[906,6],[1342,6],[1587,6],[1835,6],[2105,6],[2439,6],[2852,6]]},"218":{"position":[[101,6],[385,6],[814,6],[1060,6],[1352,6],[1637,6],[1889,6],[2108,6],[2328,6],[2635,6]]},"220":{"position":[[101,6],[414,6]]},"222":{"position":[[101,6],[349,6],[598,6],[847,6],[1296,6],[1606,6],[1875,6],[2164,6],[2423,6],[2752,6]]},"224":{"position":[[114,6],[537,6],[973,6],[1246,6]]},"226":{"position":[[107,6]]},"228":{"position":[[115,6],[436,6],[783,6],[1061,6],[1354,6],[1671,6],[1943,6],[2328,6],[2543,6],[2828,6]]},"230":{"position":[[103,6]]},"232":{"position":[[127,6]]},"234":{"position":[[106,6],[364,6],[663,6],[915,6],[1351,6],[1596,6],[1844,6],[2114,6],[2448,6],[2861,6]]},"236":{"position":[[110,6],[358,6],[607,6],[856,6],[1305,6],[1615,6],[1884,6],[2173,6],[2432,6],[2761,6]]},"238":{"position":[[110,6],[423,6],[763,6],[1078,6],[1340,6],[1611,6],[1885,6],[2083,6],[2287,6],[2491,6]]},"240":{"position":[[110,6],[394,6],[823,6],[1069,6],[1361,6],[1646,6],[1898,6],[2117,6],[2337,6],[2644,6]]},"242":{"position":[[109,6],[303,6]]},"244":{"position":[[105,6],[302,6],[497,6],[695,6],[896,6],[1126,6],[1328,6],[1557,6],[1727,6],[1962,6]]},"246":{"position":[[106,6]]},"248":{"position":[[102,6],[403,6]]},"250":{"position":[[104,6],[349,6],[618,6]]},"252":{"position":[[108,6]]},"254":{"position":[[116,6]]},"256":{"position":[[106,6]]},"258":{"position":[[112,6]]},"260":{"position":[[106,6],[542,6],[793,6]]},"262":{"position":[[102,6]]},"264":{"position":[[106,6]]},"266":{"position":[[105,6],[402,6],[838,6],[1251,6]]},"268":{"position":[[109,6]]},"270":{"position":[[107,6],[520,6]]},"272":{"position":[[104,6],[350,6],[642,6],[927,6],[1147,6],[1405,6],[1704,6],[1956,6],[2392,6],[2637,6]]},"274":{"position":[[105,6],[354,6],[603,6]]},"276":{"position":[[104,6],[382,6]]},"278":{"position":[[107,6]]},"280":{"position":[[107,6],[360,6]]},"282":{"position":[[107,6],[533,6],[818,6],[1070,6],[1291,6],[1630,6],[2043,6],[2389,6]]},"284":{"position":[[102,6],[538,6],[951,6]]},"286":{"position":[[109,6],[538,6]]},"288":{"position":[[105,6]]},"290":{"position":[[99,6],[538,6]]},"292":{"position":[[101,6]]},"294":{"position":[[105,6]]},"296":{"position":[[102,6]]},"298":{"position":[[108,6]]},"300":{"position":[[105,6],[388,6],[824,6]]},"302":{"position":[[102,6],[444,6]]},"304":{"position":[[101,6]]},"306":{"position":[[109,6],[534,6]]},"308":{"position":[[102,6],[395,6],[712,6],[984,6],[1369,6],[1584,6],[1869,6],[2143,6],[2427,6],[2856,6]]},"310":{"position":[[109,6],[430,6],[777,6],[1055,6],[1348,6],[1665,6],[1937,6],[2322,6],[2537,6],[2822,6]]},"312":{"position":[[104,6],[553,6]]},"314":{"position":[[104,6],[388,6],[817,6],[1063,6],[1355,6],[1640,6],[1892,6],[2111,6],[2331,6],[2638,6]]},"316":{"position":[[98,6],[534,6],[779,6],[1027,6],[1297,6],[1631,6],[2044,6],[2391,6],[2639,6],[2888,6]]},"318":{"position":[[100,6]]},"320":{"position":[[100,6],[358,6],[657,6],[909,6],[1345,6],[1590,6],[1838,6],[2108,6],[2442,6],[2855,6]]},"322":{"position":[[104,6],[352,6],[601,6],[850,6],[1299,6]]},"324":{"position":[[107,6]]},"326":{"position":[[102,6]]},"328":{"position":[[98,6],[343,6],[612,6]]},"330":{"position":[[103,6],[453,6],[723,6],[1024,6],[1358,6]]},"332":{"position":[[102,6],[394,6],[679,6],[931,6],[1150,6],[1370,6],[1677,6],[2015,6],[2273,6],[2572,6]]},"334":{"position":[[105,6],[422,6],[707,6]]},"336":{"position":[[104,6],[451,6],[768,6],[1042,6]]},"338":{"position":[[100,6]]},"340":{"position":[[104,6]]},"342":{"position":[[104,6],[382,6],[680,6]]},"344":{"position":[[108,6]]},"346":{"position":[[104,6],[414,6],[850,6]]},"348":{"position":[[106,6]]},"350":{"position":[[100,6]]},"352":{"position":[[95,6]]},"354":{"position":[[99,6],[396,6],[832,6],[1245,6]]},"356":{"position":[[101,6],[514,6]]},"358":{"position":[[100,6]]},"360":{"position":[[96,6],[480,6],[765,6],[1039,6],[1323,6],[1753,6],[1951,6]]},"362":{"position":[[105,6],[455,6]]},"364":{"position":[[96,6],[301,6]]},"366":{"position":[[94,6],[314,6],[572,6],[871,6],[1123,6],[1559,6],[1804,6],[2221,6],[2470,6],[2720,6]]},"368":{"position":[[104,6],[425,6],[772,6],[1050,6],[1365,6],[1749,6],[2034,6],[2307,6],[2553,6],[2845,6]]},"370":{"position":[[99,6]]},"372":{"position":[[95,6],[399,6]]},"374":{"position":[[105,6]]},"376":{"position":[[98,6],[376,6]]},"378":{"position":[[100,6]]},"380":{"position":[[107,6]]},"382":{"position":[[102,6]]},"384":{"position":[[104,6]]},"386":{"position":[[102,6],[412,6]]},"388":{"position":[[99,6],[405,6],[605,6]]},"390":{"position":[[103,6],[452,6],[737,6],[1013,6],[1439,6],[1724,6],[1976,6],[2197,6],[2536,6],[2949,6]]},"392":{"position":[[103,6]]},"394":{"position":[[108,6],[533,6],[786,6]]},"396":{"position":[[114,6]]},"398":{"position":[[96,6],[532,6],[945,6],[1287,6],[1487,6]]},"400":{"position":[[100,6],[393,6],[708,6],[1093,6]]},"402":{"position":[[103,6]]},"404":{"position":[[101,6],[296,6],[494,6]]},"406":{"position":[[98,6],[359,6]]},"408":{"position":[[106,6]]},"410":{"position":[[105,6]]},"412":{"position":[[101,6],[416,6]]},"414":{"position":[[103,6],[450,6]]},"416":{"position":[[106,6],[427,6],[779,6],[1208,6]]},"418":{"position":[[104,6]]},"420":{"position":[[102,6]]},"422":{"position":[[107,6],[428,6],[775,6]]},"424":{"position":[[101,6],[368,6]]},"426":{"position":[[101,6]]},"428":{"position":[[95,6],[389,6],[770,6]]},"430":{"position":[[102,6]]},"432":{"position":[[98,6],[377,6]]},"434":{"position":[[99,6],[382,6],[818,6]]},"436":{"position":[[96,6],[438,6],[685,6],[1000,6]]},"438":{"position":[[102,6]]},"440":{"position":[[100,6]]},"442":{"position":[[98,6],[417,6],[842,6]]},"444":{"position":[[100,6]]},"446":{"position":[[99,6]]},"448":{"position":[[100,6]]},"450":{"position":[[100,6]]},"452":{"position":[[100,6]]},"454":{"position":[[100,6]]},"456":{"position":[[99,6]]},"458":{"position":[[97,6]]},"460":{"position":[[97,6]]},"462":{"position":[[96,6]]},"464":{"position":[[96,6]]},"466":{"position":[[98,6]]},"468":{"position":[[100,6]]},"470":{"position":[[98,6]]},"472":{"position":[[101,6]]},"474":{"position":[[100,6]]},"476":{"position":[[100,6]]},"478":{"position":[[101,6]]},"480":{"position":[[101,6]]},"482":{"position":[[101,6]]},"484":{"position":[[101,6]]},"486":{"position":[[99,6]]},"488":{"position":[[101,6]]},"490":{"position":[[104,6]]},"492":{"position":[[103,6]]},"494":{"position":[[100,6]]},"496":{"position":[[102,6]]},"498":{"position":[[101,6]]},"500":{"position":[[101,6]]},"502":{"position":[[102,6]]},"504":{"position":[[101,6]]},"506":{"position":[[101,6]]},"508":{"position":[[100,6]]},"510":{"position":[[100,6]]},"512":{"position":[[100,6]]},"514":{"position":[[101,6]]},"516":{"position":[[100,6]]},"518":{"position":[[101,6]]},"520":{"position":[[97,6]]},"522":{"position":[[98,6]]},"524":{"position":[[98,6]]},"526":{"position":[[98,6]]},"528":{"position":[[98,6]]},"530":{"position":[[98,6]]},"532":{"position":[[96,6]]},"534":{"position":[[94,6]]},"536":{"position":[[97,6]]},"538":{"position":[[97,6]]},"540":{"position":[[97,6]]},"542":{"position":[[96,6]]},"544":{"position":[[96,6]]},"546":{"position":[[96,6]]},"548":{"position":[[101,6]]},"550":{"position":[[96,6]]},"552":{"position":[[98,6]]},"554":{"position":[[97,6]]},"556":{"position":[[98,6]]},"558":{"position":[[98,6]]},"562":{"position":[[105,6],[426,6]]},"578":{"position":[[3893,9]]},"582":{"position":[[4725,9]]},"584":{"position":[[99,6]]},"588":{"position":[[5478,9]]},"612":{"position":[[13499,7],[14440,7],[15723,7]]}}}],["vinayak",{"_index":3318,"t":{"622":{"position":[[3318,8],[5189,8],[7814,8]]}}}],["visibl",{"_index":1153,"t":{"566":{"position":[[3191,7],[3679,7],[4168,7],[4654,7],[5139,7],[5649,7],[6156,7],[6664,7],[7169,7],[7673,7]]},"568":{"position":[[1775,7]]},"572":{"position":[[2282,7]]},"576":{"position":[[60,10],[895,7]]},"582":{"position":[[2125,7]]},"588":{"position":[[1483,7],[2429,7]]},"604":{"position":[[541,7],[595,7],[4178,8],[4557,7],[4596,7],[4636,7],[4848,7]]},"612":{"position":[[2389,10],[2613,10],[2837,10],[3322,10],[3546,10],[3770,10],[4238,10],[4523,10],[4807,10],[5167,10],[5391,10],[5633,10],[5857,10],[6257,10],[6481,10],[6705,10]]},"616":{"position":[[2667,10]]},"618":{"position":[[2420,10]]},"620":{"position":[[2765,10]]},"624":{"position":[[2250,10]]},"660":{"position":[[3584,7]]},"668":{"position":[[2581,8]]}}}],["visible=\"@vis",{"_index":2660,"t":{"604":{"position":[[4262,18]]}}}],["visitor",{"_index":2665,"t":{"606":{"position":[[72,8]]},"616":{"position":[[10063,11],[11996,11],[14258,11],[16322,11]]},"618":{"position":[[10863,11]]},"620":{"position":[[13656,11],[16716,11]]}}}],["visual",{"_index":1121,"t":{"566":{"position":[[117,8],[2987,6],[3475,6],[3964,6],[4450,6],[4935,6],[5445,6],[5952,6],[6460,6],[6965,6],[7469,6]]},"570":{"position":[[126,9]]},"572":{"position":[[658,8],[2077,6]]},"604":{"position":[[48,9],[672,8]]},"616":{"position":[[5,13],[4318,14],[4535,8],[4640,15]]},"618":{"position":[[5,13],[3687,14],[3904,8],[4009,15]]},"620":{"position":[[5,13],[6284,14],[6501,8],[6606,15]]},"624":{"position":[[5,13],[3405,14],[3622,8],[3727,15]]}}}],["visuallyhiddentext",{"_index":1319,"t":{"572":{"position":[[610,18],[2378,18]]},"604":{"position":[[617,18]]}}}],["visuallyhiddentext=\"amount1\">@amount1</badg",{"_index":3732,"t":{"632":{"position":[[1266,45],[4060,45],[4470,45]]}}}],["visuallyhiddentext=\"amount1\">@temperature1</badg",{"_index":3759,"t":{"632":{"position":[[5726,50]]}}}],["visuallyhiddentext=\"amount2\">@amount2</badg",{"_index":3734,"t":{"632":{"position":[[1470,45],[4683,45]]}}}],["visuallyhiddentext=\"amount3\">@amount3</badg",{"_index":3736,"t":{"632":{"position":[[1675,45],[4898,45]]}}}],["visuallyhiddentext=\"amount4\">@amount4</badg",{"_index":3738,"t":{"632":{"position":[[1881,45],[5114,45]]}}}],["visuallyhiddentext=\"unread",{"_index":1385,"t":{"572":{"position":[[4340,26],[4642,26],[4943,26],[5272,26],[5577,26],[5881,26],[6210,26],[6515,26],[6819,26],[7235,26]]}}}],["visuallyhiddentext=\"visu",{"_index":1341,"t":{"572":{"position":[[1213,28],[1319,28],[1427,28],[1530,28],[1632,28],[1733,28],[1829,28],[1926,28]]}}}],["vita",{"_index":1869,"t":{"582":{"position":[[7903,5],[8260,5],[8272,5],[9141,6],[9413,5],[9652,5],[9752,6],[9860,5],[9892,5],[10018,5],[10922,5],[12144,5],[12501,5],[12513,5],[13382,6],[13654,5],[13893,5],[13993,6],[14101,5],[14133,5],[14259,5],[15163,5],[16285,5],[16642,5],[16654,5],[17523,6],[17795,5],[18034,5],[18134,6],[18242,5],[18274,5],[18400,5],[19304,5]]}}}],["vivamu",{"_index":1919,"t":{"582":{"position":[[8481,7],[8682,7],[9318,7],[9922,7],[10791,7],[12722,7],[12923,7],[13559,7],[14163,7],[15032,7],[16863,7],[17064,7],[17700,7],[18304,7],[19173,7]]}}}],["void",{"_index":989,"t":{"560":{"position":[[583,4],[1337,4],[2070,4]]},"568":{"position":[[22541,4],[22762,4],[22981,4],[23202,4]]},"574":{"position":[[5312,4],[8863,4],[9083,4],[9292,4],[9580,4]]},"576":{"position":[[4741,4],[4853,4],[4961,4],[5071,4],[5181,4]]},"578":{"position":[[3790,4]]},"582":{"position":[[4622,4],[5942,4],[6803,4]]},"588":{"position":[[5375,4],[6645,4],[7488,4]]},"592":{"position":[[750,4],[861,4],[899,4],[1359,4]]},"594":{"position":[[1483,4],[1555,4]]},"596":{"position":[[2882,4],[3004,4],[3132,4],[5761,4]]},"598":{"position":[[6601,4],[9578,4]]},"602":{"position":[[2599,4],[3958,4],[4237,4],[4516,4],[4847,4],[6452,4],[6731,4],[7010,4],[7289,4],[9184,4],[9463,4],[9742,4],[10000,4],[11453,4],[12266,4],[13295,4]]},"604":{"position":[[4581,4],[4621,4]]},"606":{"position":[[2818,4],[4362,4],[5800,4],[7390,4],[9458,4],[11070,4],[11899,4]]},"608":{"position":[[1493,4],[1886,4]]},"612":{"position":[[13625,4],[13695,4],[14366,4],[14511,4],[15649,4],[15823,4],[15970,4]]},"616":{"position":[[5878,4],[9318,4],[10716,4],[12944,4],[15042,4]]},"618":{"position":[[4833,4],[8583,4],[11921,4]]},"620":{"position":[[7778,4],[11411,4],[14272,4]]},"622":{"position":[[1212,4],[1255,4],[3474,4],[5345,4],[6374,4],[6962,4],[7970,4],[9528,4],[9631,4],[10130,4],[11640,4],[11813,4],[11856,4],[11899,4],[13134,4],[13307,4],[13358,4]]},"624":{"position":[[4521,4],[8315,4],[12523,4]]},"626":{"position":[[6876,4],[6919,4],[6962,4],[7561,4],[7610,4],[9688,4],[9794,4],[9871,4],[9958,4],[10051,4],[10251,4],[10434,4],[11481,4]]},"628":{"position":[[5150,4],[6039,4],[6082,4],[6125,4],[6764,4],[6811,4],[8419,4],[8513,4],[8672,4],[9357,4],[11684,4],[11788,4],[12209,4],[12483,4]]},"630":{"position":[[10093,4],[10136,4],[10179,4],[10788,4],[10839,4],[13053,4],[13159,4],[13236,4],[13323,4],[13416,4],[13616,4],[13799,4],[17319,4]]},"632":{"position":[[2548,4],[2591,4],[2634,4],[3225,4],[3273,4]]},"634":{"position":[[520,4],[557,4],[1491,4],[1534,4],[1577,4],[2108,4],[2153,4],[2717,4]]},"660":{"position":[[15680,4],[15741,4],[20609,4],[20715,4],[20792,4],[20879,4],[20972,4],[21172,4],[21355,4],[25228,4],[25299,4],[25370,4],[25443,4]]},"662":{"position":[[3394,4],[4180,4],[4223,4],[4266,4],[4879,4],[4927,4],[7561,4],[7658,4],[7925,4],[8908,4],[10917,4],[11015,4],[11482,4],[11749,4]]},"664":{"position":[[11130,4],[13603,4],[16033,4],[18424,4],[20907,4]]},"666":{"position":[[1903,4],[2069,4],[2639,4],[1357811,4],[1357977,4]]},"668":{"position":[[8271,4],[10771,4],[13050,4],[15851,4],[66574,4],[67482,4],[98427,4]]}}}],["volutpat",{"_index":1856,"t":{"582":{"position":[[7779,8],[10607,8],[12020,8],[14848,8],[16161,8],[18989,8]]}}}],["vulput",{"_index":1864,"t":{"582":{"position":[[7870,9],[9720,9],[10824,9],[12111,9],[13961,9],[15065,9],[16252,9],[18102,9],[19206,9]]}}}],["wait",{"_index":1180,"t":{"568":{"position":[[1504,4],[1801,4]]},"576":{"position":[[921,4],[1140,4]]},"582":{"position":[[2151,4],[2360,4]]},"588":{"position":[[2455,4],[2664,4]]},"660":{"position":[[3384,4],[3610,4]]}}}],["wang",{"_index":3302,"t":{"622":{"position":[[3167,7],[5038,7],[7663,7]]}}}],["want",{"_index":1570,"t":{"578":{"position":[[114,4],[1863,4],[1983,4],[2937,4],[4555,4],[5641,4],[7445,4]]},"636":{"position":[[6266,4]]},"638":{"position":[[6047,4]]},"640":{"position":[[6790,4]]},"650":{"position":[[5690,4]]},"668":{"position":[[60894,4]]}}}],["warm",{"_index":3766,"t":{"632":{"position":[[6029,7]]}}}],["warn",{"_index":718,"t":{"110":{"position":[[1006,8]]},"564":{"position":[[1330,7],[2790,7]]},"566":{"position":[[1042,7],[2209,7]]},"574":{"position":[[2179,7],[2995,7]]},"606":{"position":[[6473,7],[7822,9]]},"658":{"position":[[1516,7],[2699,7]]},"668":{"position":[[107022,7],[107081,7]]}}}],["warning\">warning</badg",{"_index":1350,"t":{"572":{"position":[[1677,24]]}}}],["warningalert",{"_index":1104,"t":{"564":{"position":[[3461,13]]}}}],["warningalert?.closeasync",{"_index":1109,"t":{"564":{"position":[[3516,27]]}}}],["way",{"_index":1206,"t":{"568":{"position":[[11612,5]]},"612":{"position":[[9344,5]]}}}],["we'v",{"_index":2706,"t":{"606":{"position":[[3274,5]]}}}],["weather",{"_index":3948,"t":{"638":{"position":[[8495,11]]},"650":{"position":[[7404,11]]},"656":{"position":[[7429,11]]}}}],["web",{"_index":743,"t":{"114":{"position":[[714,3],[729,3]]},"608":{"position":[[119,3]]},"638":{"position":[[3252,3]]},"650":{"position":[[3015,3]]}}}],["webapp",{"_index":3913,"t":{"638":{"position":[[23,6],[82,6],[8741,6]]},"646":{"position":[[3010,6]]},"650":{"position":[[23,6],[84,6],[7683,6]]},"656":{"position":[[7541,6]]}}}],["webapplication.createbuilder(arg",{"_index":3876,"t":{"636":{"position":[[5838,35]]},"638":{"position":[[5571,35]]},"640":{"position":[[6362,35]]},"650":{"position":[[5292,35]]}}}],["webassembl",{"_index":382,"t":{"50":{"position":[[391,11]]},"52":{"position":[[365,11]]},"54":{"position":[[650,11]]},"56":{"position":[[329,11]]},"58":{"position":[[458,11]]},"60":{"position":[[174,11],[232,11],[365,11],[411,11],[584,11]]},"62":{"position":[[291,11]]},"64":{"position":[[350,11]]},"66":{"position":[[315,11]]},"68":{"position":[[792,11]]},"70":{"position":[[481,11]]},"72":{"position":[[690,11],[789,11],[940,11]]},"74":{"position":[[768,11]]},"76":{"position":[[282,11]]},"78":{"position":[[365,11]]},"80":{"position":[[1407,11]]},"82":{"position":[[443,11]]},"84":{"position":[[332,11]]},"86":{"position":[[371,11]]},"88":{"position":[[575,11]]},"90":{"position":[[256,11]]},"92":{"position":[[346,11]]},"94":{"position":[[257,11]]},"96":{"position":[[730,11]]},"98":{"position":[[331,11]]},"100":{"position":[[449,11]]},"102":{"position":[[1213,11]]},"104":{"position":[[758,11]]},"106":{"position":[[475,11]]},"108":{"position":[[571,11]]},"110":{"position":[[1139,11]]},"112":{"position":[[319,11]]},"114":{"position":[[857,11]]},"116":{"position":[[401,11]]},"120":{"position":[[445,11]]},"122":{"position":[[399,11]]},"124":{"position":[[1553,11]]},"126":{"position":[[343,11]]},"128":{"position":[[732,11]]},"136":{"position":[[1264,11],[1322,11]]},"148":{"position":[[1740,11],[1798,11]]},"158":{"position":[[231,11],[289,11]]},"204":{"position":[[236,11],[294,11]]},"210":{"position":[[228,11],[286,11]]},"222":{"position":[[965,11],[1023,11]]},"232":{"position":[[245,11],[303,11]]},"236":{"position":[[974,11],[1032,11]]},"312":{"position":[[222,11],[280,11]]},"322":{"position":[[968,11],[1026,11]]},"510":{"position":[[218,11],[276,11]]},"636":{"position":[[8231,11],[8264,11]]},"640":{"position":[[8755,11]]},"642":{"position":[[23,11],[82,11],[957,11],[3551,11]]},"644":{"position":[[23,11],[82,11],[957,11],[3551,11]]},"646":{"position":[[3043,11]]},"648":{"position":[[3222,11]]},"650":{"position":[[7650,11]]},"652":{"position":[[56,11],[283,11],[1751,11],[1801,11],[1849,11],[1896,11]]},"654":{"position":[[14,11],[61,11],[288,11],[1756,11],[1806,11],[1854,11]]},"656":{"position":[[23,11],[82,11],[3013,11]]}}}],["webassemblyhostbuilder.createdefault(arg",{"_index":3945,"t":{"638":{"position":[[6967,43]]},"642":{"position":[[5594,43]]},"644":{"position":[[5755,43]]},"656":{"position":[[5640,43]]}}}],["websit",{"_index":224,"t":{"12":{"position":[[288,8]]},"14":{"position":[[187,7],[272,8],[312,7]]},"16":{"position":[[202,7],[267,7]]},"18":{"position":[[237,7]]},"20":{"position":[[296,7]]},"22":{"position":[[206,7]]},"24":{"position":[[232,7]]},"26":{"position":[[205,7]]},"28":{"position":[[240,7]]},"30":{"position":[[569,7]]},"32":{"position":[[299,7]]},"34":{"position":[[588,7]]},"36":{"position":[[180,7]]},"38":{"position":[[417,7]]},"40":{"position":[[297,7]]},"42":{"position":[[326,7]]},"44":{"position":[[639,7]]},"46":{"position":[[598,7]]},"48":{"position":[[428,7]]},"50":{"position":[[374,7],[408,7]]},"52":{"position":[[348,7],[382,7]]},"54":{"position":[[604,7],[633,7]]},"56":{"position":[[283,7],[312,7]]},"58":{"position":[[412,7],[441,7]]},"60":{"position":[[538,7],[567,7]]},"62":{"position":[[245,7],[274,7]]},"64":{"position":[[304,7],[333,7]]},"66":{"position":[[269,7],[298,7]]},"68":{"position":[[746,7],[775,7]]},"70":{"position":[[435,7],[464,7]]},"72":{"position":[[743,7],[772,7]]},"74":{"position":[[722,7],[751,7]]},"76":{"position":[[236,7],[265,7]]},"78":{"position":[[319,7],[348,7]]},"80":{"position":[[1361,7],[1390,7]]},"82":{"position":[[397,7],[426,7]]},"84":{"position":[[286,7],[315,7]]},"86":{"position":[[325,7],[354,7]]},"88":{"position":[[529,7],[558,7]]},"90":{"position":[[210,7],[239,7]]},"92":{"position":[[300,7],[329,7]]},"94":{"position":[[211,7],[240,7]]},"96":{"position":[[684,7],[713,7]]},"98":{"position":[[285,7],[314,7]]},"100":{"position":[[403,7],[432,7]]},"102":{"position":[[1167,7],[1196,7]]},"104":{"position":[[712,7],[741,7]]},"106":{"position":[[429,7],[458,7]]},"108":{"position":[[525,7],[554,7]]},"110":{"position":[[1093,7],[1122,7]]},"112":{"position":[[273,7],[302,7]]},"114":{"position":[[811,7],[840,7]]},"116":{"position":[[355,7],[384,7]]},"120":{"position":[[399,7],[428,7]]},"122":{"position":[[353,7],[382,7]]},"124":{"position":[[1507,7],[1536,7]]},"126":{"position":[[297,7],[326,7]]},"128":{"position":[[686,7],[715,7]]},"138":{"position":[[2087,7]]},"148":{"position":[[2484,7]]},"238":{"position":[[1734,7]]},"482":{"position":[[224,7]]},"610":{"position":[[227,7],[863,8],[1435,8],[3876,8]]}}}],["welcom",{"_index":187,"t":{"8":{"position":[[77,7]]},"144":{"position":[[461,7]]},"242":{"position":[[324,7]]},"440":{"position":[[121,7]]}}}],["well",{"_index":1042,"t":{"564":{"position":[[863,4]]},"568":{"position":[[2611,4],[3162,4],[3712,4],[4475,4],[5100,4],[5723,4],[6465,4],[7016,4],[7566,4],[8267,4],[8832,4],[9382,4],[10097,4],[10648,4],[11198,4],[12277,4],[12840,4],[13402,4],[13960,4],[14508,4],[15068,4],[18594,4],[19145,4],[19695,4],[20979,4],[21552,4],[22124,4]]},"570":{"position":[[73,4]]}}}],["what'",{"_index":374,"t":{"46":{"position":[[264,6]]},"48":{"position":[[150,6]]},"50":{"position":[[197,6]]},"52":{"position":[[183,6]]},"54":{"position":[[173,6]]},"56":{"position":[[173,6]]},"58":{"position":[[211,6]]},"60":{"position":[[273,6]]},"62":{"position":[[154,6]]},"64":{"position":[[155,6]]},"66":{"position":[[147,6]]},"68":{"position":[[156,6],[325,6]]},"70":{"position":[[149,6]]},"72":{"position":[[179,6],[559,6]]},"74":{"position":[[157,6],[353,6]]},"76":{"position":[[138,6]]},"78":{"position":[[140,6]]},"80":{"position":[[155,6]]},"82":{"position":[[160,6]]},"84":{"position":[[151,6]]},"86":{"position":[[162,6],[228,6]]},"88":{"position":[[169,6],[230,6]]},"90":{"position":[[135,6]]},"92":{"position":[[136,6]]},"94":{"position":[[135,6]]},"96":{"position":[[159,6]]},"98":{"position":[[149,6]]},"100":{"position":[[164,6]]},"102":{"position":[[209,6],[613,6]]},"104":{"position":[[200,6]]},"106":{"position":[[169,6]]},"108":{"position":[[169,6]]},"110":{"position":[[247,6],[611,6]]},"112":{"position":[[138,6]]},"114":{"position":[[176,6]]},"116":{"position":[[174,6],[204,6]]},"120":{"position":[[161,6],[192,6]]},"122":{"position":[[177,6],[229,6]]},"124":{"position":[[224,6]]},"126":{"position":[[203,6]]},"128":{"position":[[217,6],[272,6]]}}}],["whatev",{"_index":1606,"t":{"578":{"position":[[2029,8],[2053,8],[4632,8],[4656,8],[5718,8],[5742,8],[6290,8],[6314,8],[6878,8],[6902,8],[7522,8],[7546,8],[8171,8],[8195,8]]}}}],["what’",{"_index":1700,"t":{"580":{"position":[[3252,6]]}}}],["whenev",{"_index":1701,"t":{"580":{"position":[[3329,8]]}}}],["whether",{"_index":1126,"t":{"566":{"position":[[506,7]]},"582":{"position":[[779,7]]},"588":{"position":[[489,7],[1153,7],[1736,7]]},"594":{"position":[[946,7]]},"602":{"position":[[519,7],[886,7],[1387,7]]},"604":{"position":[[572,7]]},"608":{"position":[[425,7]]},"614":{"position":[[446,7]]},"626":{"position":[[529,7]]},"628":{"position":[[568,7]]},"630":{"position":[[609,7],[807,7]]},"634":{"position":[[357,7]]},"662":{"position":[[572,7]]},"668":{"position":[[314,7],[2762,7],[5072,7]]}}}],["white",{"_index":1818,"t":{"582":{"position":[[5486,5]]},"620":{"position":[[16939,8]]},"668":{"position":[[92198,7],[101394,5],[102211,5],[103042,5],[103859,5],[106016,5],[106088,5],[107035,5],[107094,5],[108054,5],[108112,5],[109073,5],[109132,5],[110090,5],[110146,5],[111104,5],[111160,5],[112123,5],[112184,5],[114441,5],[116896,5],[119477,5],[119606,5]]}}}],["white.svg",{"_index":2501,"t":{"600":{"position":[[12536,10]]}}}],["whole",{"_index":2972,"t":{"616":{"position":[[1895,5]]}}}],["wide",{"_index":1668,"t":{"580":{"position":[[265,4],[3151,4],[6384,4]]}}}],["wider",{"_index":1762,"t":{"580":{"position":[[11002,5],[11705,5],[12275,5],[13020,5]]},"614":{"position":[[134,5]]}}}],["width",{"_index":287,"t":{"30":{"position":[[360,5]]},"128":{"position":[[567,5],[621,5]]},"574":{"position":[[5509,6]]},"580":{"position":[[2697,6],[2724,5],[2775,5],[5305,5],[6349,5],[10675,5]]},"586":{"position":[[713,5],[787,6],[1108,6],[1134,5],[1166,5],[3615,5]]},"596":{"position":[[807,5],[851,6],[942,6],[979,6],[1026,6],[1137,6],[2221,5],[2345,6],[8426,5]]},"598":{"position":[[1965,5]]},"600":{"position":[[703,5],[744,6],[805,5],[15356,6],[15371,5],[15409,6],[17684,5]]},"616":{"position":[[445,5],[490,6],[555,5],[1161,6],[1825,5],[1870,6],[1910,5],[2196,5],[2244,6]]},"618":{"position":[[541,5],[586,6],[651,5],[1257,6],[3101,6]]},"620":{"position":[[590,5],[635,6],[700,5],[1306,6],[3517,5],[3919,5]]},"624":{"position":[[386,5],[431,6],[496,5],[1102,6],[2834,6]]},"636":{"position":[[3996,6]]},"638":{"position":[[3472,6]]},"640":{"position":[[3817,6]]},"642":{"position":[[3710,6]]},"644":{"position":[[3710,6]]},"650":{"position":[[3207,6]]},"656":{"position":[[3183,6]]},"660":{"position":[[18340,6]]},"664":{"position":[[730,5],[771,6],[832,5],[21031,6],[21068,6],[21354,6],[24169,6],[24184,5],[24222,6],[25556,5]]},"668":{"position":[[4960,5],[26082,6],[26183,6],[26252,5],[152613,5]]}}}],["width=\"10",{"_index":2301,"t":{"596":{"position":[[3880,10],[6183,10],[6415,10],[7457,10]]}}}],["width=\"100",{"_index":2314,"t":{"596":{"position":[[7136,11],[8244,11]]}}}],["width=\"128",{"_index":4568,"t":{"668":{"position":[[51989,11]]}}}],["width=\"20",{"_index":2271,"t":{"596":{"position":[[1257,10],[1797,10],[1851,10],[1908,10],[2164,10],[3409,10],[3483,10],[3970,10],[6016,10],[6070,10],[6127,10],[6533,10],[7586,10]]}}}],["width=\"30",{"_index":2284,"t":{"596":{"position":[[1964,10],[4063,10],[4650,10],[6654,10],[7718,10]]}}}],["width=\"350",{"_index":2503,"t":{"600":{"position":[[15573,11]]},"664":{"position":[[24365,11]]}}}],["width=\"40",{"_index":2274,"t":{"596":{"position":[[1362,10],[3546,10],[3621,10],[4155,10],[6774,10],[7849,10]]}}}],["width=\"500",{"_index":3110,"t":{"618":{"position":[[4061,11],[11298,11]]},"624":{"position":[[3769,11],[7712,11],[11667,11]]}}}],["width=\"60",{"_index":2276,"t":{"596":{"position":[[1455,10],[4248,10],[6895,10],[7981,10]]}}}],["width=\"70",{"_index":2279,"t":{"596":{"position":[[1575,10],[4343,10]]}}}],["width=\"80",{"_index":2282,"t":{"596":{"position":[[1704,10],[4433,10],[7018,10],[8115,10]]}}}],["width=\"800",{"_index":3006,"t":{"616":{"position":[[4682,11]]},"618":{"position":[[8394,11]]},"620":{"position":[[6720,11],[11222,11],[14083,11]]}}}],["width=\"placeholderwidth.col12",{"_index":2021,"t":{"586":{"position":[[1455,30],[1502,30],[1582,30],[1664,30],[1744,30],[1823,30],[1903,30],[1980,30],[2058,30],[2289,30],[2336,30],[2412,30],[2488,30],[2805,30],[2852,30],[2928,30],[3004,30],[3184,30],[3231,30],[3307,30],[3383,30]]}}}],["width=\"placeholderwidth.col6",{"_index":2016,"t":{"586":{"position":[[990,29],[1214,29]]}}}],["width=\"placeholderwidth.col7",{"_index":2014,"t":{"586":{"position":[[898,29],[1036,29]]}}}],["width=\"placeholderwidth.col9",{"_index":2015,"t":{"586":{"position":[[944,29]]}}}],["width='8",{"_index":1007,"t":{"560":{"position":[[1834,9]]}}}],["widthunit",{"_index":778,"t":{"128":{"position":[[577,9],[631,9]]},"600":{"position":[[757,9]]},"616":{"position":[[503,9],[1185,9]]},"618":{"position":[[599,9],[1281,9]]},"620":{"position":[[648,9],[1330,9]]},"624":{"position":[[444,9],[1126,9]]},"664":{"position":[[784,9]]}}}],["widthunit=\"unit.px",{"_index":2504,"t":{"600":{"position":[[15585,19]]},"664":{"position":[[24377,19]]}}}],["window",{"_index":2056,"t":{"588":{"position":[[3349,6]]},"616":{"position":[[10952,10],[13180,10],[15278,10]]},"618":{"position":[[8903,10]]},"620":{"position":[[11731,10],[14590,10]]}}}],["wish",{"_index":134,"t":{"2":{"position":[[2953,4]]},"118":{"position":[[1118,4]]}}}],["with/without",{"_index":327,"t":{"38":{"position":[[353,12]]}}}],["within",{"_index":397,"t":{"54":{"position":[[245,6]]},"68":{"position":[[401,6]]},"560":{"position":[[129,6]]},"564":{"position":[[320,6],[1967,6]]},"566":{"position":[[285,6]]},"568":{"position":[[377,6],[2051,6],[2798,6],[3349,6],[3899,6],[4662,6],[5287,6],[5910,6],[6652,6],[7203,6],[7753,6],[8454,6],[9019,6],[9569,6],[10284,6],[10835,6],[11385,6],[12464,6],[13027,6],[13589,6],[14147,6],[14695,6],[15255,6],[18781,6],[19332,6],[19882,6],[21166,6],[21739,6],[22311,6]]},"572":{"position":[[255,6]]},"574":{"position":[[431,6],[6812,6]]},"576":{"position":[[289,6]]},"578":{"position":[[2175,6]]},"580":{"position":[[508,6],[845,6],[1026,6],[1206,6],[1387,6],[1640,6],[2076,6],[2332,6],[2512,6],[3364,6],[3415,6],[5960,6]]},"582":{"position":[[3383,6]]},"586":{"position":[[438,6]]},"588":{"position":[[4181,6]]},"592":{"position":[[537,6]]},"594":{"position":[[470,6]]},"596":{"position":[[351,6]]},"598":{"position":[[271,6],[569,6],[989,6],[1175,6],[1429,6]]},"602":{"position":[[642,6]]},"608":{"position":[[271,6]]},"612":{"position":[[258,6],[1717,6]]},"616":{"position":[[1850,6],[2226,6]]},"660":{"position":[[581,6],[1177,6],[1445,6],[1815,6],[2105,6],[2358,6],[18205,6],[18543,6],[18689,6]]},"668":{"position":[[922,6],[4408,6]]}}}],["without",{"_index":398,"t":{"54":{"position":[[262,7]]},"68":{"position":[[418,7]]},"96":{"position":[[617,7]]},"572":{"position":[[6974,7]]},"578":{"position":[[2201,7]]},"582":{"position":[[3404,7]]},"588":{"position":[[4198,7]]},"606":{"position":[[3174,7],[4650,7],[12298,7]]},"636":{"position":[[976,8]]},"640":{"position":[[974,8]]},"642":{"position":[[988,8]]},"644":{"position":[[988,8]]},"666":{"position":[[141,7]]}}}],["won't",{"_index":2618,"t":{"602":{"position":[[11824,5]]}}}],["work",{"_index":439,"t":{"66":{"position":[[213,7]]},"70":{"position":[[300,4]]},"74":{"position":[[577,7],[641,7]]},"86":{"position":[[275,7]]},"88":{"position":[[291,4],[479,7]]},"96":{"position":[[384,4]]},"564":{"position":[[1983,5]]},"576":{"position":[[1192,6],[5321,5]]},"582":{"position":[[2406,6],[21424,5]]},"588":{"position":[[2919,6],[15339,5]]},"590":{"position":[[1957,7],[3454,7]]},"594":{"position":[[711,6],[1721,5]]},"596":{"position":[[1161,6],[8409,5]]},"598":{"position":[[3565,6],[10002,5]]},"616":{"position":[[4232,6],[17203,5]]},"618":{"position":[[3601,6],[15532,5]]},"620":{"position":[[6198,6],[17495,5]]},"624":{"position":[[3319,6],[15045,5]]},"658":{"position":[[979,6],[5898,5]]}}}],["world",{"_index":2704,"t":{"606":{"position":[[3082,6],[4568,6],[6064,6],[7725,6],[9669,6],[11334,6]]}}}],["worth",{"_index":1194,"t":{"568":{"position":[[2753,5],[3304,5],[3854,5],[4617,5],[5242,5],[5865,5],[6607,5],[7158,5],[7708,5],[8409,5],[8974,5],[9524,5],[10239,5],[10790,5],[11340,5],[12419,5],[12982,5],[13544,5],[14102,5],[14650,5],[15210,5],[18736,5],[19287,5],[19837,5],[21121,5],[21694,5],[22266,5]]}}}],["wrap",{"_index":1722,"t":{"580":{"position":[[5286,7]]},"630":{"position":[[5405,4],[5517,4],[17696,4]]},"668":{"position":[[46226,9]]}}}],["wwwroot",{"_index":3835,"t":{"636":{"position":[[3296,7]]},"638":{"position":[[2734,7]]},"640":{"position":[[3111,7]]},"642":{"position":[[3146,7]]},"644":{"position":[[3146,7]]},"646":{"position":[[2757,7]]},"648":{"position":[[2774,7]]},"650":{"position":[[2779,7]]},"656":{"position":[[2775,7]]}}}],["wwwroot/css/app.css",{"_index":3959,"t":{"642":{"position":[[3401,19]]},"644":{"position":[[3401,19]]},"648":{"position":[[3029,19]]}}}],["wwwroot/css/bootstrap",{"_index":3837,"t":{"636":{"position":[[3326,21]]},"638":{"position":[[2764,21]]},"640":{"position":[[3141,21]]},"642":{"position":[[3176,21]]},"644":{"position":[[3176,21]]},"646":{"position":[[2787,21]]},"648":{"position":[[2804,21]]},"650":{"position":[[2809,21]]},"656":{"position":[[2805,21]]}}}],["wwwroot/css/open",{"_index":3838,"t":{"636":{"position":[[3367,16]]},"640":{"position":[[3182,16]]},"642":{"position":[[3217,16]]},"644":{"position":[[3217,16]]},"648":{"position":[[2845,16]]}}}],["wwwroot/css/site.css",{"_index":3840,"t":{"636":{"position":[[3553,20]]},"640":{"position":[[3366,20]]}}}],["wwwroot/index.html",{"_index":3957,"t":{"642":{"position":[[470,18],[1088,19],[1360,18],[3280,18]]},"644":{"position":[[470,18],[1088,19],[1360,18],[3280,18]]},"646":{"position":[[460,18],[1004,18],[2848,18]]},"648":{"position":[[460,18],[1004,18],[2908,18]]},"656":{"position":[[470,18],[1014,18],[2866,18]]}}}],["x",{"_index":2987,"t":{"616":{"position":[[3180,1],[3643,1],[3673,3],[7870,4]]},"620":{"position":[[234,1],[255,1],[5144,1],[5608,1],[5638,3],[9718,4]]}}}],["x.id",{"_index":5043,"t":{"668":{"position":[[67853,5],[91107,4]]}}}],["x.isact",{"_index":5056,"t":{"668":{"position":[[73033,10]]}}}],["x1=\"0",{"_index":4583,"t":{"668":{"position":[[52340,6],[52656,6],[52982,6],[53178,6],[53372,6],[53569,6],[53744,6],[53935,6],[54129,6],[54383,6],[54567,6]]}}}],["x2=\"1",{"_index":4584,"t":{"668":{"position":[[52347,6],[52663,6],[52989,6],[53185,6],[53379,6],[53576,6],[53751,6],[53942,6],[54136,6],[54390,6],[54574,6]]}}}],["x3",{"_index":2323,"t":{"598":{"position":[[1816,3]]}}}],["xaxisid",{"_index":2986,"t":{"616":{"position":[[3146,7]]},"620":{"position":[[5110,7]]}}}],["xl",{"_index":2123,"t":{"588":{"position":[[13011,3]]}}}],["xl</button",{"_index":2137,"t":{"588":{"position":[[13744,11]]}}}],["xlink:href=\"#lg1",{"_index":4585,"t":{"668":{"position":[[52354,17],[53758,17]]}}}],["xlink:href=\"#lg2",{"_index":4594,"t":{"668":{"position":[[52670,17],[53949,17]]}}}],["xlink:href=\"#lg3",{"_index":4605,"t":{"668":{"position":[[52996,17],[53192,17],[53386,17],[53583,17],[54397,17],[54581,17]]}}}],["xlmodal",{"_index":2113,"t":{"588":{"position":[[12355,8],[13974,8]]}}}],["xlmodal?.showasync()\">extra",{"_index":2110,"t":{"588":{"position":[[12094,27]]}}}],["xlmodal?.showasync()\">ful",{"_index":2136,"t":{"588":{"position":[[13704,26]]}}}],["xmlns:xlink=\"http://www.w3.org/1999/xlink",{"_index":4570,"t":{"668":{"position":[[52036,42]]}}}],["xmlns=\"http://www.w3.org/2000/svg",{"_index":4569,"t":{"668":{"position":[[52001,34]]}}}],["xmlns='http://www.w3.org/2000/svg",{"_index":1006,"t":{"560":{"position":[[1799,34]]}}}],["xxl",{"_index":2126,"t":{"588":{"position":[[13150,4]]}}}],["xxl</button",{"_index":2139,"t":{"588":{"position":[[13849,12]]}}}],["xxlmodal",{"_index":2141,"t":{"588":{"position":[[13997,9]]}}}],["xxlmodal?.showasync()\">ful",{"_index":2138,"t":{"588":{"position":[[13808,27]]}}}],["y",{"_index":2991,"t":{"616":{"position":[[3252,1],[3701,3],[7730,4],[10020,4],[11953,4],[14215,4],[16279,4]]},"620":{"position":[[236,1],[321,1],[5216,1],[5666,3],[9574,4]]}}}],["y1=\"0",{"_index":4586,"t":{"668":{"position":[[52372,6],[52688,6],[53014,6],[53210,6],[53404,6],[53601,6],[53776,6],[53967,6],[54143,6],[54415,6],[54599,6]]}}}],["y2",{"_index":4622,"t":{"668":{"position":[[53411,4]]}}}],["y2=\".227\"></lineargradient><lineargradi",{"_index":4614,"t":{"668":{"position":[[53217,42]]}}}],["y2=\".337\"></lineargradient><lineargradi",{"_index":4606,"t":{"668":{"position":[[53021,42]]}}}],["y2=\".429\"></lineargradient><lineargradi",{"_index":4631,"t":{"668":{"position":[[53608,42]]}}}],["y2=\"0\"></lineargradient><g",{"_index":4656,"t":{"668":{"position":[[54606,26]]}}}],["y2=\"0\"></lineargradient><lineargradi",{"_index":4587,"t":{"668":{"position":[[52379,39],[52695,39],[53783,39],[53974,39],[54422,39]]}}}],["y2=\"0\"><stop",{"_index":4646,"t":{"668":{"position":[[54150,12]]}}}],["yaxisid",{"_index":2990,"t":{"616":{"position":[[3218,7]]},"620":{"position":[[5182,7]]}}}],["ye",{"_index":1595,"t":{"578":{"position":[[1466,5],[1513,3],[1534,5],[8251,3],[8298,5],[9148,3]]}}}],["yeah",{"_index":1071,"t":{"564":{"position":[[1830,5]]}}}],["yesbuttoncolor",{"_index":1593,"t":{"578":{"position":[[1402,14],[4361,14]]}}}],["yesbuttontext",{"_index":1596,"t":{"578":{"position":[[1492,13],[4339,13]]}}}],["you''r",{"_index":1476,"t":{"574":{"position":[[6426,7]]}}}],["youll",{"_index":4106,"t":{"660":{"position":[[18275,5]]}}}],["yyyi",{"_index":3548,"t":{"628":{"position":[[813,4],[919,4]]}}}],["zaraiah",{"_index":3329,"t":{"622":{"position":[[3406,8],[5277,8],[7902,8]]}}}],["zayn",{"_index":4401,"t":{"668":{"position":[[9244,8],[11744,8],[14278,8],[16824,8],[20259,8],[23146,8],[25828,8],[29905,8],[35682,8],[38330,8],[40906,8],[43407,8],[45995,8],[49746,8],[62716,8],[65167,8],[71547,8],[74797,8],[77909,8],[81394,8],[84320,8],[87346,8],[90787,8],[95001,8],[98079,8],[100874,8],[123359,8],[127014,8],[140925,8],[143260,8],[146088,8]]}}}],["zayne@blazorbootstrap.com",{"_index":4489,"t":{"668":{"position":[[29944,28],[49785,28]]}}}],["zero",{"_index":3675,"t":{"630":{"position":[[1397,5],[4972,5]]}}}],["zip",{"_index":4518,"t":{"668":{"position":[[31807,4],[128681,4],[131280,4],[133970,4],[136775,4]]}}}]],"pipeline":["stemmer"]}}]
\ No newline at end of file
diff --git a/search.html b/search.html
index aa1a742b3..353bef4b8 100644
--- a/search.html
+++ b/search.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a class="navbar__item navbar__link" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><h1>Search the documentation</h1><input type="search" name="q" class="searchQueryInput_CFBF" aria-label="Search" autocomplete="off" autofocus=""><section></section></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/services/modal.html b/services/modal.html
index 106068533..a4477dc39 100644
--- a/services/modal.html
+++ b/services/modal.html
@@ -10,13 +10,13 @@
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-60QGZHW8TG"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-60QGZHW8TG",{anonymize_ip:!0})</script><link rel="stylesheet" href="/assets/css/styles.966ed7a4.css">
-<link rel="preload" href="/assets/js/runtime~main.9dd84f74.js" as="script">
-<link rel="preload" href="/assets/js/main.39824918.js" as="script">
+<link rel="preload" href="/assets/js/runtime~main.9748b5b2.js" as="script">
+<link rel="preload" href="/assets/js/main.81edd333.js" as="script">
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus">
 <div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">⭐️ If you like Blazor Bootstrap, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/vikramlearning/blazorbootstrap">GitHub</a>! ⭐️</div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.svg" alt="Blazor Bootstrap" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">Blazor Bootstrap</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/getting-started/blazor-webassembly-net-8">Docs</a><a href="https://demos.blazorbootstrap.com" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/vikramlearning/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"><div class="navbar__search searchBarContainer_NW3z"><input placeholder="Search" aria-label="Search" class="navbar__search-input"><div class="loadingRing_RJI3 searchBarLoadingRing_YnHq"><div></div><div></div><div></div><div></div></div><div class="searchHintContainer_Pkmr"><kbd class="searchHint_iIMx">ctrl</kbd><kbd class="searchHint_iIMx">K</kbd></div></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/getting-started/blazor-webassembly-net-8">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/layout/blazor-webassembly">Layout</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/content/icons">Content</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/forms/autocomplete">Forms</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/components/accordion">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/data-visualization/bar-chart">Data Visualization</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/services/modal">Services</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/services/modal">Modal Service</a></li></ul></li></ul></nav></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Services</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Modal Service</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Blazor Modal Service</h1><p>Use Blazor Bootstrap modal service to show quick dialogs to your site for lightboxes, user notifications, or completely custom content.</p><div id="docsblazorbootstrapcom"></div><img loading="lazy" src="https://i.imgur.com/Tze7msN.png" alt="Blazor Modal Service" class="img_ev3q"><br><a href="https://demos.blazorbootstrap.com/modal-service" target="_blank" rel="noopener noreferrer">See blazor modal service demo here.</a><h2 class="anchor anchorWithStickyNavbar_LWe7" id="methods">Methods<a href="#methods" class="hash-link" aria-label="Direct link to Methods" title="Direct link to Methods">​</a></h2><table><thead><tr><th align="left">Name</th><th align="left">Return Type</th></tr></thead><tbody><tr><td align="left">ShowAsync(<strong>ModalOption</strong> modalOption)</td><td align="left">Task</td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="modaloption-members">ModalOption Members<a href="#modaloption-members" class="hash-link" aria-label="Direct link to ModalOption Members" title="Direct link to ModalOption Members">​</a></h2><table><thead><tr><th align="left">Property Name</th><th align="left">Type</th><th align="left">Description</th><th align="left">Required</th><th align="left">Default</th></tr></thead><tbody><tr><td align="left">FooterButtonColor</td><td align="left"><code>ButtonColor</code></td><td align="left">Gets or sets the footer button color.</td><td align="left"></td><td align="left"><code>ButtonColor.Secondary</code></td></tr><tr><td align="left">FooterButtonCSSClass</td><td align="left">string</td><td align="left">Gets or sets the footer button custom CSS class.</td><td align="left"></td><td align="left">null</td></tr><tr><td align="left">FooterButtonText</td><td align="left">string</td><td align="left">Gets or sets the footer button text.</td><td align="left"></td><td align="left">OK</td></tr><tr><td align="left">IsVerticallyCentered</td><td align="left">bool</td><td align="left">Gets or sets the IsVerticallyCentered.</td><td align="left"></td><td align="left">false</td></tr><tr><td align="left">Message</td><td align="left">string</td><td align="left">Gets or sets the modal message.</td><td align="left">✔️</td><td align="left">null</td></tr><tr><td align="left">ShowFooterButton</td><td align="left">string</td><td align="left">Shows or hides the footer button.</td><td align="left"></td><td align="left">true</td></tr><tr><td align="left">Size</td><td align="left"><code>ModalSize</code></td><td align="left">Gets or sets the modal size.</td><td align="left"></td><td align="left"><code>ModalSize.Regular</code></td></tr><tr><td align="left">Title</td><td align="left">string</td><td align="left">Gets or sets the modal title.</td><td align="left">✔️</td><td align="left">null</td></tr><tr><td align="left">Type</td><td align="left"><code>ModalType</code></td><td align="left">Gets or sets the modal type.</td><td align="left"></td><td align="left"><code>ModalType.Light</code></td></tr></tbody></table><h2 class="anchor anchorWithStickyNavbar_LWe7" id="examples">Examples<a href="#examples" class="hash-link" aria-label="Direct link to Examples" title="Direct link to Examples">​</a></h2><h3 class="anchor anchorWithStickyNavbar_LWe7" id="how-it-works">How it works<a href="#how-it-works" class="hash-link" aria-label="Direct link to How it works" title="Direct link to How it works">​</a></h3><img loading="lazy" src="https://i.imgur.com/vIELA4s.png" alt="Blazor Modal Service: How it works" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Primary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Primary Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Secondary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Secondary Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Success)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Success Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Danger)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Danger Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Warning)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Warning Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Info)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Info Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Light)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Light Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Dark)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Dark Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ModalService</span><span class="token plain"> ModalService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowModal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ModalType</span><span class="token plain"> modalType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> modalOption </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ModalOption</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                          </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Modal title&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Modal body text goes here.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> modalType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                          </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> ModalService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">modalOption</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modal-service#how-it-works" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="vertically-centered">Vertically Centered<a href="#vertically-centered" class="hash-link" aria-label="Direct link to Vertically Centered" title="Direct link to Vertically Centered">​</a></h3><img loading="lazy" src="https://i.imgur.com/j1GeDQ3.png" alt="Blazor Modal Service: Vertically Centered" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Primary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Primary Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Secondary)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Secondary Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Success)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Success Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Danger)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Danger Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Warning</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Warning)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Warning Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Info</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Info)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Info Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Light</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Light)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Light Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Dark</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalType.Dark)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Dark Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ModalService</span><span class="token plain"> ModalService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowModal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ModalType</span><span class="token plain"> modalType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> modalOption </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ModalOption</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                          </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Modal title&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Modal body text goes here.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> modalType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              IsVerticallyCentered </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">true</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                          </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> ModalService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">modalOption</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modal-service#vertically-centered" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="size">Size<a href="#size" class="hash-link" aria-label="Direct link to Size" title="Direct link to Size">​</a></h3><img loading="lazy" src="https://i.imgur.com/HDBtQDf.png" alt="Blazor Modal Service: Size" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalSize.Regular)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Regular Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Secondary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalSize.Small)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Small Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Success</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalSize.Large)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Large Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Danger</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">() =&gt; ShowModal(ModalSize.ExtraLarge)</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show ExtraLarge Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ModalService</span><span class="token plain"> ModalService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowModal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">ModalSize</span><span class="token plain"> modalSize</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> modalOption </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ModalOption</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                          </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Modal title&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Modal body text goes here.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              Size </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> modalSize</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                          </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> ModalService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">modalOption</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modal-service#size" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="change-footer-button-color-and-text">Change footer button color and text<a href="#change-footer-button-color-and-text" class="hash-link" aria-label="Direct link to Change footer button color and text" title="Direct link to Change footer button color and text">​</a></h3><img loading="lazy" src="https://i.imgur.com/4Hwfj3P.png" alt="Blazor Modal Service: Change footer button color and text" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowModal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ModalService</span><span class="token plain"> ModalService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowModal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> modalOption </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ModalOption</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                          </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Modal title&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Modal body text goes here.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              FooterButtonColor </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ButtonColor</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Primary</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              FooterButtonText </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Got it!&quot;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                          </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> ModalService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">modalOption</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modal-service#change-footer-button-color-and-text" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="hide-footer-button">Hide footer button<a href="#hide-footer-button" class="hash-link" aria-label="Direct link to Hide footer button" title="Direct link to Hide footer button">​</a></h3><img loading="lazy" src="https://i.imgur.com/NwMP5MT.png" alt="Blazor Modal Service: Hide footer button" class="img_ev3q"><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">Color</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ButtonColor.Primary</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">@onclick</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">ShowModal</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span><span class="token plain">Show Modal</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;/</span><span class="token tag" style="color:rgb(78, 201, 176)">Button</span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ModalService</span><span class="token plain"> ModalService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">ShowModal</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> modalOption </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ModalOption</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                          </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Modal title&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Modal body text goes here.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              ShowFooterButton </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token boolean">false</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                          </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> ModalService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">modalOption</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><a href="https://demos.blazorbootstrap.com/modal-service#hide-footer-button" target="_blank" rel="noopener noreferrer">See demo here.</a></p><h3 class="anchor anchorWithStickyNavbar_LWe7" id="how-to-setup">How to setup<a href="#how-to-setup" class="hash-link" aria-label="Direct link to How to setup" title="Direct link to How to setup">​</a></h3><ol><li>Add the <strong>Modal</strong> component in <strong>MainLayout.razor</strong> page as shown below.</li></ol><div class="language-cshtml codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cshtml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token directive keyword" style="color:rgb(86, 156, 214)">@inherits</span><span class="token directive"> </span><span class="token directive csharp language-csharp">LayoutComponentBase</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">...</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">... MainLayour.razor code goes here ...</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">...</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">&lt;</span><span class="token tag" style="color:rgb(78, 201, 176)">Modal</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag attr-name" style="color:rgb(156, 220, 254)">IsServiceModal</span><span class="token tag attr-value punctuation attr-equals" style="color:rgb(212, 212, 212)">=</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag attr-value" style="color:rgb(206, 145, 120)">true</span><span class="token tag attr-value punctuation" style="color:rgb(212, 212, 212)">&quot;</span><span class="token tag" style="color:rgb(78, 201, 176)"> </span><span class="token tag punctuation" style="color:rgb(212, 212, 212)">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li>Inject <strong>ModalService</strong>, then call the <code>ShowAsync(...)</code> method as shown below. </li><li><code>ShowAsync</code> method accepts <strong>ModalOption</strong> object as a parameter.</li></ol><div class="language-cs codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#9CDCFE;--prism-background-color:#1E1E1E"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-cs codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">@code </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">[</span><span class="token attribute class-name" style="color:rgb(78, 201, 176)">Inject</span><span class="token punctuation" style="color:rgb(212, 212, 212)">]</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">ModalService</span><span class="token plain"> ModalService </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">get</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">set</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"> </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"> </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">default</span><span class="token operator" style="color:rgb(212, 212, 212)">!</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token keyword" style="color:rgb(86, 156, 214)">private</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">async</span><span class="token plain"> </span><span class="token return-type class-name" style="color:rgb(78, 201, 176)">Task</span><span class="token plain"> </span><span class="token function" style="color:rgb(220, 220, 170)">SaveEmployeeAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">try</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// call the service/api to save the employee details</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> modalOption </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ModalOption</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                                  Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Save Employee&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                                  Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Employee details saved.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                                  Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ModalType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Success</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> ModalService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">modalOption</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token keyword" style="color:rgb(86, 156, 214)">catch</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token class-name" style="color:rgb(78, 201, 176)">Exception</span><span class="token plain"> ex</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token comment" style="color:rgb(106, 153, 85)">// handle exception</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token class-name keyword" style="color:rgb(86, 156, 214)">var</span><span class="token plain"> modalOption </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(86, 156, 214)">new</span><span class="token plain"> </span><span class="token constructor-invocation class-name" style="color:rgb(78, 201, 176)">ModalOption</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              </span><span class="token punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                                  Title </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token string" style="color:rgb(206, 145, 120)">&quot;Save Employee&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                                  Message </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> </span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">$&quot;Error: </span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">{</span><span class="token interpolation-string interpolation expression language-csharp">ex</span><span class="token interpolation-string interpolation expression language-csharp punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token interpolation-string interpolation expression language-csharp">Message</span><span class="token interpolation-string interpolation punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token interpolation-string string" style="color:rgb(206, 145, 120)">.&quot;</span><span class="token punctuation" style="color:rgb(212, 212, 212)">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                                  Type </span><span class="token operator" style="color:rgb(212, 212, 212)">=</span><span class="token plain"> ModalType</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token plain">Danger</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">                              </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">            </span><span class="token keyword" style="color:rgb(86, 156, 214)">await</span><span class="token plain"> ModalService</span><span class="token punctuation" style="color:rgb(212, 212, 212)">.</span><span class="token function" style="color:rgb(220, 220, 170)">ShowAsync</span><span class="token punctuation" style="color:rgb(212, 212, 212)">(</span><span class="token plain">modalOption</span><span class="token punctuation" style="color:rgb(212, 212, 212)">)</span><span class="token punctuation" style="color:rgb(212, 212, 212)">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">        </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">    </span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#9CDCFE"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:rgb(212, 212, 212)">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/vikramlearning/blazorbootstrap/edit/master/docs/docs/07-services/modal.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/data-visualization/pie-chart"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Pie Chart</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#methods" class="table-of-contents__link toc-highlight">Methods</a></li><li><a href="#modaloption-members" class="table-of-contents__link toc-highlight">ModalOption Members</a></li><li><a href="#examples" class="table-of-contents__link toc-highlight">Examples</a><ul><li><a href="#how-it-works" class="table-of-contents__link toc-highlight">How it works</a></li><li><a href="#vertically-centered" class="table-of-contents__link toc-highlight">Vertically Centered</a></li><li><a href="#size" class="table-of-contents__link toc-highlight">Size</a></li><li><a href="#change-footer-button-color-and-text" class="table-of-contents__link toc-highlight">Change footer button color and text</a></li><li><a href="#hide-footer-button" class="table-of-contents__link toc-highlight">Hide footer button</a></li><li><a href="#how-to-setup" class="table-of-contents__link toc-highlight">How to setup</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Links</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/">Home</a></li><li class="footer__item"><a href="https://demos.blazorbootstrap.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Demos<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li></ul></div><div class="col footer__col"><div class="footer__title">Guides</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/getting-started/blazor-webassembly-net-8#install-nuget-package">Install Nuget</a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank" rel="noopener noreferrer" class="footer__link-item">Starter templates</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item">Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://github.com/vikramlearning/blazorbootstrap/discussions" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discussions<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://stackoverflow.com/questions/tagged/blazor-bootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://twitter.com/blazorbootstrap" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Blazor Bootstrap.</div></div></div></footer></div>
-<script src="/assets/js/runtime~main.9dd84f74.js"></script>
-<script src="/assets/js/main.39824918.js"></script>
+<script src="/assets/js/runtime~main.9748b5b2.js"></script>
+<script src="/assets/js/main.81edd333.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/sitemap.xml b/sitemap.xml
index f062b16b5..290160537 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://docs.blazorbootstrap.com/blog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2021/11/23/blazorbootstrap-0.0.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2021/11/27/blazorbootstrap-0.0.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2021/12/08/blazorbootstrap-0.0.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2021/12/12/blazorbootstrap-0.0.4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2021/12/20/blazorbootstrap-0.1.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2021/12/21/blazorbootstrap-0.1.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/01/15/blazorbootstrap-0.2.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/02/27/blazorbootstrap-0.2.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/03/15/blazorbootstrap-0.2.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/04/30/blazorbootstrap-0.2.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/06/19/blazorbootstrap-0.2.4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/07/28/blazorbootstrap-0.2.5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/08/13/blazorbootstrap-0.2.6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/08/31/blazorbootstrap-0.3.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/09/04/blazorbootstrap-0.4.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/09/12/blazorbootstrap-0.4.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/09/17/blazorbootstrap-0.4.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/10/16/blazorbootstrap-0.5.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/10/22/blazorbootstrap-0.5.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/10/30/blazorbootstrap-0.6.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/11/18/blazorbootstrap-1.0.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/11/22/blazorbootstrap-1.0.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/11/28/blazorbootstrap-1.1.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/12/12/blazorbootstrap-1.2.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/12/15/blazorbootstrap-1.3.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/12/18/blazorbootstrap-1.3.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/01/15/blazorbootstrap-1.4.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/01/23/blazorbootstrap-1.4.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/01/30/blazorbootstrap-1.4.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/02/07/blazorbootstrap-1.4.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/02/10/blazorbootstrap-1.4.4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/02/23/blazorbootstrap-1.4.5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/03/05/blazorbootstrap-1.5.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/03/12/blazorbootstrap-1.6.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/04/10/blazorbootstrap-1.7.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/04/19/blazorbootstrap-1.7.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/04/24/blazorbootstrap-1.7.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/04/29/blazorbootstrap-1.7.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/05/28/blazorbootstrap-1.8.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/05/31/blazorbootstrap-1.8.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/06/11/blazorbootstrap-1.8.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/06/16/blazorbootstrap-1.8.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/06/30/blazorbootstrap-1.9.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/06/31/blazorbootstrap-1.9.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/07/01/blazorbootstrap-1.9.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/07/04/blazorbootstrap-1.9.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/07/05/blazorbootstrap-1.9.4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/07/16/blazorbootstrap-1.9.5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/08/13/blazorbootstrap-1.10.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/08/29/blazorbootstrap-1.10.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/09/15/blazorbootstrap-1.10.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/10/15/blazorbootstrap-1.10.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/11/18/blazorbootstrap-1.10.4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/01/01/blazorbootstrap-1.10.5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/02/04/blazorbootstrap-1.11.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/02/04/blazorbootstrap-1.11.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/02/25/blazorbootstrap-2.0.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/02/25/upgrade-to-v2.0.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/03/17/blazorbootstrap-2.1.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/04/14/blazorbootstrap-2.2.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/04/21/blazorbootstrap-2.2.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/archive</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/page/4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/page/5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/page/6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/page/7</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/accordion</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/alert</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/autocomplete</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/badge</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/barchart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-autocomplete</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-bar-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-bootstrap</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-charts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-confirm-dialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-currency-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-dialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-doughnut-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-grid</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-grid-filtering</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-grid-paging</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-grid-sorting</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-input-number</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-line-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-number</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-number-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-offcanvas</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-pie-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-preload</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-progress</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-progress-bar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-sidemodal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-spinner</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-starter-templates</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-tabs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-templates</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-toast</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-toasts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor/page/4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor/page/5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazoraccordion</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorautocomplete</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbadge</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap-starter-templates</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/7</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbreadcrumb</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbutton</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbuttons</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorchart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorcollapse</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorconfirmdialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorconfirmmodal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorcurrencyinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazordate</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazordateinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazordatepicker</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazordialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazordropdown</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorgrid</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorgrid/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazoricon</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazormodal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazormodalservice</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazornumber</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazornumberinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazoroffcanvas</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorprogress</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorsidebar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorswitch</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortabs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortime</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortimeinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortimepicker</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortoast</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortoasts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortooltip</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap-5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap-5/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap-5/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap-5/page/4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/breadcrumb</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/breadcrumbservice</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/button</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/buttons</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/callout</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/charts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/clipboard</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/collapse</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/confirm-dialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/confirmdialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/confirmmodal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/currency</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/currencyinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/date</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/dateinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/datepicker</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/dialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/docs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/dropdown</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/grid</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/grid/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/grid/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/icon</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/icons</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/input-number</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/layout</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/leftmenu</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/modal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/modal/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/modalservice</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/navigation</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/numberinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/offcanvas</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/pagination</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/pdfviewer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/placeholders</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/preload</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/progress</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/progress-bar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/rangeinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/ribbon</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/scriptloader</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/sidebar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/sidebar-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/sortablelist</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/spinner</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/switch</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/tab</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/tabs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/timeinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/timepicker</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/toast</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/toasts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/toastservice</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/tooltip</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-0-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-0-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-0-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-0-4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-1-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-1-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-3-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-4-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-4-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-4-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-5-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-5-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-6-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-0-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-0-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-1-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-10-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-10-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-10-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-10-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-10-4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-10-5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-11-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-11-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-2-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-3-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-3-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-4-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-4-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-4-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-4-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-4-4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-4-5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-5-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-6-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-7-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-7-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-7-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-7-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-8-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-8-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-8-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-8-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-9-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-9-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-9-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-9-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-9-4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-9-5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-2-0-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-2-1-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-2-2-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-2-2-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-3-0-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/search</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/accordion</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/alerts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/badge</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/breadcrumb</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/buttons</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/callout</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/card</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/charts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/collapse</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/confirm-dialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/dropdown</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/grid</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/modal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/offcanvas</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/pagination</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/pdf-viewer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/placeholders</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/preload</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/progress</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/ribbon</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/script-loader</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/sidebar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/sidebar2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/sortable-list</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/spinners</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/tabs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/toasts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/tooltips</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/content/icons</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/data-visualization/bar-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/data-visualization/doughnut-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/data-visualization/line-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/data-visualization/pie-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/autocomplete</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/currency-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/date-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/number-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/range-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/switch</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/time-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-server-net-6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-server-net-7</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-webapp-auto-global-net-8</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-webapp-server-global-net-8</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-7</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/maui-blazor-net-7</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/maui-blazor-net-8</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/layout/blazor-server</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/layout/blazor-webassembly</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/services/modal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url></urlset>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://docs.blazorbootstrap.com/blog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2021/11/23/blazorbootstrap-0.0.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2021/11/27/blazorbootstrap-0.0.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2021/12/08/blazorbootstrap-0.0.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2021/12/12/blazorbootstrap-0.0.4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2021/12/20/blazorbootstrap-0.1.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2021/12/21/blazorbootstrap-0.1.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/01/15/blazorbootstrap-0.2.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/02/27/blazorbootstrap-0.2.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/03/15/blazorbootstrap-0.2.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/04/30/blazorbootstrap-0.2.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/06/19/blazorbootstrap-0.2.4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/07/28/blazorbootstrap-0.2.5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/08/13/blazorbootstrap-0.2.6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/08/31/blazorbootstrap-0.3.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/09/04/blazorbootstrap-0.4.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/09/12/blazorbootstrap-0.4.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/09/17/blazorbootstrap-0.4.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/10/16/blazorbootstrap-0.5.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/10/22/blazorbootstrap-0.5.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/10/30/blazorbootstrap-0.6.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/11/18/blazorbootstrap-1.0.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/11/22/blazorbootstrap-1.0.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/11/28/blazorbootstrap-1.1.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/12/12/blazorbootstrap-1.2.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/12/15/blazorbootstrap-1.3.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2022/12/18/blazorbootstrap-1.3.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/01/15/blazorbootstrap-1.4.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/01/23/blazorbootstrap-1.4.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/01/30/blazorbootstrap-1.4.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/02/07/blazorbootstrap-1.4.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/02/10/blazorbootstrap-1.4.4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/02/23/blazorbootstrap-1.4.5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/03/05/blazorbootstrap-1.5.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/03/12/blazorbootstrap-1.6.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/04/10/blazorbootstrap-1.7.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/04/19/blazorbootstrap-1.7.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/04/24/blazorbootstrap-1.7.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/04/29/blazorbootstrap-1.7.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/05/28/blazorbootstrap-1.8.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/05/31/blazorbootstrap-1.8.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/06/11/blazorbootstrap-1.8.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/06/16/blazorbootstrap-1.8.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/06/30/blazorbootstrap-1.9.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/06/31/blazorbootstrap-1.9.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/07/01/blazorbootstrap-1.9.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/07/04/blazorbootstrap-1.9.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/07/05/blazorbootstrap-1.9.4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/07/16/blazorbootstrap-1.9.5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/08/13/blazorbootstrap-1.10.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/08/29/blazorbootstrap-1.10.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/09/15/blazorbootstrap-1.10.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/10/15/blazorbootstrap-1.10.3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2023/11/18/blazorbootstrap-1.10.4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/01/01/blazorbootstrap-1.10.5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/02/04/blazorbootstrap-1.11.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/02/04/blazorbootstrap-1.11.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/02/25/blazorbootstrap-2.0.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/02/25/upgrade-to-v2.0.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/03/17/blazorbootstrap-2.1.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/04/14/blazorbootstrap-2.2.0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/04/21/blazorbootstrap-2.2.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/06/08/blazorbootstrap-3.0.0-preview.1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/2024/07/01/blazorbootstrap-3.0.0-preview.2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/archive</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/page/4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/page/5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/page/6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/page/7</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/accordion</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/alert</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/autocomplete</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/badge</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/barchart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-autocomplete</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-bar-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-bootstrap</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-charts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-confirm-dialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-currency-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-dialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-doughnut-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-grid</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-grid-filtering</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-grid-paging</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-grid-sorting</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-input-number</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-line-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-number</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-number-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-offcanvas</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-pie-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-preload</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-progress</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-progress-bar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-sidemodal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-spinner</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-starter-templates</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-tabs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-templates</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-toast</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor-toasts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor/page/4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazor/page/5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazoraccordion</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorautocomplete</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbadge</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap-starter-templates</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbootstrap/page/7</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbreadcrumb</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbutton</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorbuttons</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorchart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorcollapse</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorconfirmdialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorconfirmmodal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorcurrencyinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazordate</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazordateinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazordatepicker</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazordialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazordropdown</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorgrid</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorgrid/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazoricon</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazormodal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazormodalservice</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazornumber</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazornumberinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazoroffcanvas</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorprogress</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorsidebar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazorswitch</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortabs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortime</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortimeinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortimepicker</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortoast</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortoasts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/blazortooltip</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap-5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap-5/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap-5/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap-5/page/4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/bootstrap/page/4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/breadcrumb</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/breadcrumbservice</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/button</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/buttons</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/callout</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/charts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/clipboard</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/collapse</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/confirm-dialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/confirmdialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/confirmmodal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/currency</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/currencyinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/date</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/dateinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/datepicker</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/dialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/docs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/dropdown</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/grid</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/grid/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/grid/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/icon</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/icons</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/image</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/input-number</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/layout</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/leftmenu</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/modal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/modal/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/modalservice</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/navigation</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/numberinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/offcanvas</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/pagination</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/pdfviewer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/placeholders</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/polarareachart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/preload</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/progress</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/progress-bar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/rangeinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/ribbon</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/scriptloader</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/sidebar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/sidebar-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/sortablelist</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/spinner</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/switch</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/tab</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/tabs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/timeinput</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/timepicker</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/toast</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/toasts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/toastservice</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/tooltip</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-0-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-0-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-0-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-0-4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-1-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-1-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-2-6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-3-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-4-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-4-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-4-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-5-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-5-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-0-6-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-0-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-0-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-1-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-10-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-10-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-10-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-10-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-10-4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-10-5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-11-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-11-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-2-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-3-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-3-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-4-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-4-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-4-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-4-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-4-4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-4-5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-5-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-6-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-7-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-7-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-7-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-7-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-8-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-8-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-8-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-8-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-9-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-9-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-9-2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-9-3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-9-4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-1-9-5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-2-0-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-2-1-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-2-2-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-2-2-1</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/blog/tags/v-3-0-0</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/search</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/accordion</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/alerts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/badge</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/breadcrumb</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/buttons</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/callout</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/card</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/charts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/collapse</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/confirm-dialog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/dropdown</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/grid</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/modal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/offcanvas</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/pagination</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/pdf-viewer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/placeholders</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/preload</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/progress</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/ribbon</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/script-loader</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/sidebar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/sidebar2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/sortable-list</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/spinners</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/tabs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/toasts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/components/tooltips</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/content/icons</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/content/images</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/data-visualization/bar-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/data-visualization/doughnut-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/data-visualization/line-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/data-visualization/pie-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/autocomplete</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/currency-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/date-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/number-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/range-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/switch</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/forms/time-input</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-server-net-6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-server-net-7</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-webapp-auto-global-net-8</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-webapp-server-global-net-8</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-7</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/maui-blazor-net-7</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/getting-started/maui-blazor-net-8</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/layout/blazor-server</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/layout/blazor-webassembly</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://docs.blazorbootstrap.com/services/modal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url></urlset>
\ No newline at end of file